[wimpers]

Polish for the top menu and the Decision Stack page.

Top menu (#76)

• A small SVG logo: three stacked layers (Vision on top, in the accent colour) joined by a traceability line. It uses the page's colour tokens, so it works in light and dark mode. The same mark is served as /favicon.svg.
• The selected tab is a filled accent pill instead of a thin underline.
• API docs is a tab, and /docs (Swagger UI) shows the same menu.
• The Status tab shows the number of open pull requests as a pill (from GET /proposals; hidden when there are none).
• The brand links to /visualize, because / doesn't exist.

Decision Stack page

• Approved items show a green check (tooltip and aria-label "approved") instead of the text tag (Decision Stack page: show approved as a green check, not a text tag #79).
• On screens under 600px the level label gets its own row, so the cards keep the full width (Decision Stack page: level labels squeeze the cards on narrow screens #78).

Trace map (#81)

• Selected item: a thick accent border and a ring. Items on its path: an accent bar on the left and a tint. Everything else fades to grey. Path lines are thicker.
• A legend (Selected / On its trace path / Not connected) shows while an item is selected.
• The wire layer's CSS no longer catches icons inside cards.

Register

• "ok" only meant that mystack check found nothing, and it read like a sign-off next to "approved". It's now a quiet grey "no issues" (with a tooltip saying exactly that); approved items get a green check.

Tests: new tests/test_nav.py; test_visualize is updated for the pill. 81 pass. Two test_human_actions tests also fail on main: they need a draft item in the real stack, which is #60.

Closes #76, closes #78, closes #79, closes #81

🤖 Generated with Claude Code