Dashboard v2 — polish (skeletons + a11y + TopBar overflow + drift banners)

[thinmintdev]

Parent

#148

What to build

Final pass before cutover. Cross-cutting polish that doesn't belong to a single route.

• Skeleton loaders — 5 variants: SlotCard / snapshot row / journal line / NPU sub-row / model row. "Look like the real thing, not a generic block." Fired during initial load before stores hydrate.
• a11y:
  • Skip-link top-left (jumps to view content for screen-reader users bypassing sidebar each route load)
  • Persona dropdown as proper <combobox> (not custom div)
  • Tool-call blocks as <details> with explicit collapse-arrow treatment
  • Focus rings (2px outline distinct from browser default) on every interactive element
  • axe-core clean per route
• TopBar overflow menu — "Open Chat Pro UI" → hal0-chat.thinmint.dev external / Docs → hal0.dev/docs/v0.2-upgrade / GitHub → Hal0ai/hal0 / Discord
• Drift detector banner — "Catalog out of sync. registry.toml has been edited since the last sync. [Sync now] [Dismiss]"
• Catalog out-of-sync banner

Acceptance criteria

• All 5 skeleton variants render during initial load
• axe-core E2E passes with zero violations on every route
• Keyboard navigation top-to-bottom works on every route
• Tool-call <details> collapsed by default; expand on click
• TopBar overflow opens + each link routes externally
• Drift + catalog-out-of-sync banners reachable via tweak
• Lighthouse a11y score ≥95 on Dashboard + Slots + Models routes

Blocked by

• Dashboard v2 — Dashboard / view (chat + snapshot + persona) #169
• Dashboard v2 — Slots /slots view (cards + NPU trio + create/edit/swap) #170
• Dashboard v2 — Models /models view (3-pane catalog + downloads) #171
• Dashboard v2 — FirstRun /firstrun (bundle picker + install progress) #172
• Dashboard v2 — Settings /settings (8 sections + guardrails) #173
• Dashboard v2 — Extras (Hardware/Backends/Logs/Agent) #174

[thinmintdev]

Superseded by v3 React rewrite (PR #235 closed #200) — the v2 Vue scope shipped 2026-05-23 as v0.2.1-alpha.1 and the entire UI was then replaced wholesale with the v3 React app on 2026-05-24. Track residual gaps via #206 (MCP wire) / #207 (Agent wire) / #213-#233 mock-audit residuals.