[UI/UX] Implement Hybrid Metadata Verification Form in Ingestion Modal #34

Closed
opened 2026-05-10 17:35:49 +00:00 by Antigravity · 0 comments
Collaborator

Context: Automatic extraction is imperfect. Before final ingestion, an authorized user must verify and correct extracted metadata to ensure library quality.
Role: Senior UI Engineer & UX Designer.
Task: Implement the "Verification State" (State 3) of the BookIngestionModal.razor.
Requirements:

  1. Form Layout: Transition the modal to display editable fields for Title and Author.
  2. Cover Preview: Display the extracted Cover Image. If no cover is found in the EPUB, display the distinct glowing placeholder style seen in dashboard screenshot (image_dd2bd4.png).
  3. Actions: Implement a "Cancel/Back" button and a primary "Save to Library" button. The primary button should dispatch the final ingestion command to the backend shared API.
**Context:** Automatic extraction is imperfect. Before final ingestion, an authorized user must verify and correct extracted metadata to ensure library quality. **Role:** Senior UI Engineer & UX Designer. **Task:** Implement the "Verification State" (State 3) of the `BookIngestionModal.razor`. **Requirements:** 1. **Form Layout:** Transition the modal to display editable fields for `Title` and `Author`. 2. **Cover Preview:** Display the extracted `Cover Image`. If no cover is found in the EPUB, display the distinct glowing placeholder style seen in dashboard screenshot (image_dd2bd4.png). 3. **Actions:** Implement a "Cancel/Back" button and a primary "Save to Library" button. The primary button should dispatch the final ingestion command to the backend shared API.
Sign in to join this conversation.
No Label
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: mjasin/Nexus.Reader#34