Phone side menu: Clinical and Work tabs in the top band, with an alerts bell

Merged
BI
1mo ago
+1384-501

User description

Summary

Before: the phone side menu showed Clinical pages with a "More modes" sheet for everything else. Work pages used a separate menu, and the menu did not show alerts.

After: the phone menu has Clinical and Work tabs inside the top band. A bell sits beside the close button and shows a badge from the real notification feed. Work rows show their counts, and the Work tab gets a red dot when something is overdue. The Clinical tab keeps New chat, Search, Recent chats and Shortcuts, and lists every clinical page under the Search, Psychiatry, Medicines and Library groups, so "More modes" is gone. The owner chose this as design C on 11 Oct 2026.

  • Each group's own home row reads "Overview", and the medicine look-up reads "Medication" everywhere.
  • The current page is highlighted once only.
  • The tabs are a real tablist with arrow-key, Home and End support.
  • Phone work pages now use this menu, which leaves work-side-menu.tsx and LazyWorkSideMenu with no callers. Those are the shell owner's files and are left for them to delete.

Areas touched: App experience, Knowledge and records, Personal practice, Answer engine

Clinical Governance Preflight

  • Source verification: no clinical wording, facts, sources or sign-off states change. Navigation labels and grouping only.
  • Patient data: none added. The bell reads the existing notification feed; no counts are invented.
  • Service-role confinement: no server, API or database change.

Verification

  • Typecheck after the main merge: [gate-receipts] recorded a pass for "typecheck:internal" (9789 input files).
  • test:focused before the merge: Tests 6012 passed (6012). Targeted re-run after the merge: Tests 3061 passed (3061).
  • check:diff-integrity: PASS — 14 changed test file(s), 284 -> 297 test case(s).
  • eslint and Prettier are clean on the changed files.
  • Not run locally: the browser suite. The updated selectors in ui-smoke.spec.ts and ui-tools.spec.ts have only been checked by reading, so that proof is left to CI once this PR is out of draft. knip was not run.

Risk and rollout

  • Risk: navigation only. The highest-risk change is the menu now used on work pages.
  • Rollback: revert this PR.
  • Provider or production effects: None.

Notes

  • Held as DRAFT until the owner approves it.

🤖 Generated with Claude Code

https://claude.ai/code/session_01N5U9yjzHumprWGGZ4R3hBj

Generated by Claude Code

Summary by cubic

Redesigns the phone side menu into a single drawer with Clinical and Work tabs in the top band, replacing the "More modes" sheet and the separate work menu. An alerts bell beside the close button shows a badge from the real notification feed, and "Medicines & tools" is renamed "Medicines" with its calculators and dictionary moved under Psychiatry.

  • The Clinical tab keeps New chat, Search, Recent chats and Shortcuts, listing every clinical page under Search, Psychiatry, Medicines and Library groups.
  • The Work tab lists the seven areas with real counts and shows a red dot when something is overdue.
  • The bell badge appears only for real waiting items from the notification feed, never a placeholder count; the counts reader stays mounted after first open so the badge survives reopens.
  • The tabs are a real tablist with arrow-key, Home and End support.
  • /tools still opens for old links, while work-side-menu.tsx and LazyWorkSideMenu now have no callers and are left for the shell owner to delete.

CodeAnt-AI Description

Unify the phone menu with Clinical and Work tabs and live alerts

What Changed

  • Phone users can switch between Clinical and Work in one menu; it opens on the section matching the current page.
  • The Work tab shows area counts, while the alerts bell and overdue indicator appear only when the notification feed has real items.
  • Clinical pages are listed under Search, Psychiatry, Medicines and Library instead of behind “More modes.” Calculators and the Dictionary now appear under Psychiatry; the Medicines hub links to them for anyone looking there.
  • The menu labels the Psychiatry and Medicines home pages “Overview.” The Tools page is no longer listed in menus but remains available at its existing address.

Impact

✅ Faster access to Work areas on phones
✅ At-a-glance overdue work
✅ Fewer taps to reach clinical pages

💡 Usage Guide

Checking Your Pull Request

Every time you make a pull request, our system automatically looks through it. We check for security issues, mistakes in how you're setting up your infrastructure, and common code problems. We do this to make sure your changes are solid and won't cause any trouble later.

Talking to CodeAnt AI

Got a question or need a hand with something in your pull request? You can easily get in touch with CodeAnt AI right here. Just type the following in a comment on your pull request, and replace "Your question here" with whatever you want to ask:

@codeant-ai ask: Your question here

This lets you have a chat with CodeAnt AI about your pull request, making it easier to understand and improve your code.

Example

@codeant-ai ask: Can you suggest a safer alternative to storing this secret?

Preserve Org Learnings with CodeAnt

You can record team preferences so CodeAnt AI applies them in future reviews. Reply directly to the specific CodeAnt AI suggestion (in the same thread) and replace "Your feedback here" with your input:

@codeant-ai: Your feedback here

This helps CodeAnt AI learn and adapt to your team's coding style and standards.

Example

@codeant-ai: Do not flag unused imports.

Retrigger review

Ask CodeAnt AI to review the PR again, by typing:

@codeant-ai: review

Check Your Repository Health

To analyze the health of your code repository, visit our dashboard at https://app.codeant.ai. This tool helps you identify potential issues and areas for improvement in your codebase, ensuring your repository maintains high standards of code health.