UX and motion: notes, share as image, Urdu confirm dialog, toasts, page transitions, moderation dashboard, timelines #74

anas · 2026-10-09T15:20:04Z

anas commented

2026-10-09 15:20:04 +00:00

Readers: notes on couplets and selected text (glyph beside the bookmark, note box, نوٹ in the selection menu); share a couplet as an image; couplets rise in; bookmark and note pop; word sidebar slides in. Everyone: page cross-fade with the logo held; an Urdu confirm dialog instead of the browser's English one; toasts; busy buttons; smooth menus and folding. Moderators: dashboard with count tiles and queue cards; activity as a timeline. Admins: the record as a filterable timeline. API: POST /api/library/note and notes in /api/library/state (tests). All motion off with reduced motion. Restart the API with this branch. 🤖 Generated with Claude Code (https://claude.com/claude-code)

anas added 3 commits 2026-10-09 15:20:04 +00:00

Notes on couplets and selected text, and the site's own dialog, toasts and busy buttons 1485781fb7

- Notes: a glyph below each couplet's bookmark opens a note box (filled gold when the couplet or a phrase in it has a note; the note shows on hover). Selected text gets نوٹ in the selection menu; a highlighted phrase with a note shows the note glyph and opens its note (with "remove highlight"). API: POST /api/library/note {poemId, couplet, phrase?, note} (bookmarks if needed; empty clears the note), notes in /api/library/state; tests added
- Confirm dialog in Urdu (destructive answer in red, named for what it does) in place of the browser's English confirm(); forms use data-confirm
- Toasts for "done" messages; errors stay by the form and nudge; a submitting button shows a spinner
- Motion: page cross-fade (View Transitions) with the logo held; couplets rise in on load; bookmark and note glyphs pop; the word sidebar slides in; menus and folding sections open smoothly; all off with reduced motion

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

Share a couplet as an image: a share glyph under each couplet's note glyph draws a square card (frame, logo, the couplet in Nastaliq, the couplet line, the poet) and hands it to the share sheet, or downloads it 8d0a6aa36b

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

Moderation dashboard (count tiles that jump to each queue; queue items as cards with icon, status and age) and timelines for the moderation activity and the admin record (a coloured dot per kind of action, relative times, filter chips on the record) 86be5db6ea

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

anas added 1 commit 2026-10-09 15:22:09 +00:00

Share card: always Nastaliq (the card loads its own Nastaliq faces, so a page that has not used bold Nastaliq no longer falls back to a wider font) and one line per misra (verse shrinks to fit; only prose wraps); the title line in Nastaliq too bab7ffa37f

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

anas added 1 commit 2026-10-09 15:27:05 +00:00

Couplet tools in one row; share and download apart; Urdu keyboard in the note box f122eb8f10

- Bookmark, note, share and download sit in one row centred under each couplet on the ✤ line (bookmark and note on one side, share and download on the other), clear of the text, the same on phones
- Share always opens the share menu (the picture where the browser can share files, else the couplet and its link; with no share menu, both are copied); a new download button saves the picture
- The note box has the Urdu keyboard and Roman typing like the search box (the keyboard moves into the box while it is open); notes can be in any language (the box follows the typed direction)

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

anas added 1 commit 2026-10-09 15:27:54 +00:00

Couplet tools at the couplet's left edge (on the bottom line, clear of the text) instead of centred b0c7cbccf1

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

anas added 1 commit 2026-10-09 15:32:18 +00:00

Notes apart from bookmarks, and a notes page 2efde6ee22

- A note never bookmarks: notes and bookmarks share a row, bookmarked false is a note only (db: library.bookmarked). Un-bookmarking keeps a note; clearing the note of a row that is not bookmarked removes it; ✕ on the saved page keeps a note
- A phrase with a note but no bookmark is underlined only, with the note glyph
- /notes: every note with where it is and its couplet (the noted phrase marked), editable in place with the Urdu keyboard, deleted after asking; from a note icon in the header and a نوٹس tab
- API tests for all of it

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

anas referenced this issue from a commit

2026-10-09 15:32:23 +00:00

Merge branch 'feature/ux-motion' into main: notes (separate from bookmarks, notes page), share and download a couplet as an image, Urdu confirm dialog, toasts, busy buttons, page transitions and motion, moderation dashboard, timelines (#74)

anas closed this pull request

2026-10-09 15:32:42 +00:00

anas referenced this pull request

2026-10-09 15:35:07 +00:00

6.3 Community #19