Mockup: Dictionary Filter band always, Terms and A–Z under it - #2322
Mockup: Dictionary Filter band always, Terms and A–Z under it#2322BigSimmo wants to merge 13 commits into
Conversation
Study whether Dictionary can put Filter on the results ribbon while the Terms / Abbreviations toggle and A–Z sit next to the page title. Co-authored-by: BigSimmo <BigSimmo@users.noreply.github.com>
Important Draft PR not reviewedDraft PRs are not automatically reviewed by default.
To automatically review draft PRs, update your CodeRabbit configuration: reviews:
auto_review:
drafts: trueComment |
This pull request has been ignored for the connected project Preview Branches by Supabase. |
CI triageCI failed on this PR. Automated classification of the 2 failed job(s):
Compared with main CI run #13568 (failure). Classification is evidence routing, not permission to ignore a failure. Exact quarantined Playwright identities remain governed by the flake ledger. |
…ons. Keep the browse stack from image two (title, then Terms / A–Z) and try four ways to show a two-word query without jamming it into the count. Co-authored-by: BigSimmo <BigSimmo@users.noreply.github.com>
It currently stands down with the query, matching production. Four frames keep it beside the toggle, in the query row, next to the title, or inside Filter. Co-authored-by: BigSimmo <BigSimmo@users.noreply.github.com>
Abbreviations move into the Filter sheet as a Show lens. A–Z is tried beside the title, beside Filter in the results band, or inside Filter. Co-authored-by: BigSimmo <BigSimmo@users.noreply.github.com>
A–Z sits by the title while browsing and stands down during search, when the original Filter occupies the results band. Co-authored-by: BigSimmo <BigSimmo@users.noreply.github.com>
The title stays a title; the two list controls sit together on the right. Search still hides A–Z and keeps Filter in the results band. Co-authored-by: BigSimmo <BigSimmo@users.noreply.github.com>
The title stays on the left. Browse groups the compact Terms / Abbreviations toggle with Topics and A–Z; search hides A–Z and keeps the original Filter in the results band. Co-authored-by: BigSimmo <BigSimmo@users.noreply.github.com>
At 390 px the compact Terms / Abbreviations, Topics, and A–Z cluster sits under a full Clinical terms heading when the row cannot hold both. Co-authored-by: BigSimmo <BigSimmo@users.noreply.github.com>
Topics stays on the heading row. The compact Terms / Abbreviations toggle and A–Z sit on the next line, right-aligned, instead of crowding the title. Co-authored-by: BigSimmo <BigSimmo@users.noreply.github.com>
The trailing-toolbar mockup now always shows the original search-band Filter control. Compact Terms / Abbreviations and A–Z sit underneath on the right. Topics move into the Filter sheet. Co-Authored-By: Cursor Grok 4.6 <cursoragent@cursor.com> Co-authored-by: BigSimmo <BigSimmo@users.noreply.github.com>
Co-Authored-By: Cursor Grok 4.6 <cursoragent@cursor.com> Co-authored-by: BigSimmo <BigSimmo@users.noreply.github.com>
Co-Authored-By: Cursor Grok 4.6 <cursoragent@cursor.com> Co-authored-by: BigSimmo <BigSimmo@users.noreply.github.com>
Records the Run PR maintenance sweep across three open draft/ready PRs: synced #2322 and #2316 from a stale main behind-state via a clean fast-forward update; resolved a real merge conflict on #2321 isolated to generated docs/site-map.md and regenerated it via npm run sitemap:update. No CI failures or unresolved review threads required action on any of the three PRs. Claude-Session: https://claude.ai/code/session_01C4RHy24AtgPobEQQwrj7u1 Co-authored-by: Claude <noreply@anthropic.com>
Superseded by #2341, which now carries the approved live Dictionary catalogue (title off, original search at the top, persistent Filter band). This mockup PR is being closed so the task has a single PR. |
Summary
/mockups/dictionary-trailing-toolbarkeeps the original Filter search-band on browse and search (count, optional query, Filter)./dictionary/searchis unchanged.Browse and search frames with Filter band always under the title
Filter sheet with Topics inside
dictionary_persistent_filter_band_demo.mp4
Verification
npx prettier --writeon the owned mockup filesnpm run typecheck—[gate-receipts] recorded a pass for "typecheck:internal" (5183 input files).(arbiter: RUN typecheck — ui scope never defers)http://localhost:4461/mockups/dictionary-trailing-toolbar— browse Filter band is count + Filter; search band adds query + clear; Terms/Abbreviations and A–Z sit under the bandnpm run verify:pr-local— mockup + documentation only; typecheck covers the compile failure classnpm run verify:ui— design-scratch mockup, production catalogue unchangednpm run verify:releasenpm run eval:retrieval:quality— no retrieval changenpm run eval:rag/eval:qualitynpm run check:production-readinessnpm run check:deployment-readinessRisk and rollout
Clinical Governance Preflight
Not required: design-scratch mockup only.
Notes
Live Dictionary is unchanged until a direction is chosen.
To show artifacts inline, enable in settings.