Draft: MENU-001 navigation and SCREEN-001 work queue image catalog

[mk3008]

Goal

Extend the merged Shell catalog #34 with reusable, independently scoped visual examples. Execution: #35, control: private root #77.

New entries

• MENU-001 — One-level expandable navigation with selected-row accent: 5 independent, byte-identical PoC 017 screenshots for current child, collapsed/reopened parent, a selected standalone leaf, and filtered child. Parent disclosure and leaf selection are distinct. The original full-resolution files are retained; CSS only clips their display to the left menu for legibility.
• SCREEN-001 — Work queue with filters above results: 3 independent PoC 017 captures for initial / populated / no-match result states. The upper-right scenario picker is explicitly marked a research-only harness, not product UI.
• MENU-002 — Header account popover with Escape focus return: 2 further original PoC 017 screenshots, popover open and dismissed with focus restored to its header trigger. This is separate from the left navigation menu, and example identity/auth text is fixture-only.
• Add navigation from catalog/index.html, concise scope/provenance records, and a clarifying link from SHELL-001 (its menu is fixture content).

Boundaries and decisions

• No new design was invented or declared approved. These are historical, source-verified research examples, separate from the approved references/ lifecycle. No current approved Reference or frozen PoC is modified.
• No design runtime, Skill, MCP, server, generator, or new UI-test catalog. Existing CSS is reused with small crop/full-screen gallery additions; PNGs remain individual files.
• This does not resume Graph draft Draft: graph component References and optional composition #33 or alter its separate paused task.
• The current approved Date range / icon button / Entity lookup sources were inventoried but not copied as screenshots without exact-current-version visual evidence.
• Keep as Draft pending human visual review, explicit adoption and separate merge permission; no public hosting or release.

Verification before PR

• 5 MENU-001 captures + 2 MENU-002 captures + 3 SCREEN captures match exact historical Git blob SHAs.
• Static HTML link resolution checked within the source tree and existing known files; state entries maintain separate source and presentation.
• Visual rendering and real-device review of these new catalog pages remain to be performed (passing checks or historical screenshots do not approve the catalog).

[coderabbitai]

Important

Draft PR not reviewed

Draft PRs are not automatically reviewed by default.

• Trigger a manual review

To automatically review draft PRs, update your CodeRabbit configuration:

reviews:
  auto_review:
    drafts: true

• Autofix · Keep fixing CodeRabbit findings and required CI, and resolving merge conflicts

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

---

_{Comment @coderabbitai help to get the list of available commands.}