Nav Submenu

Before: Before: the Models listing, with Inventory a single row in the sidebar→After: After: Inventory open to its nine listings, Models lit, The Fleet moved up to second

What changed

The two changes that matter most, in plain words. Open any one to see it.

1. 1

   On every Inventory page, the sidebar opens to its nine listings and lights the one you're on.

   →Before → after

   The sidebar says where you are · came from Mark Parson

   See before and after ▸
2. 2

   The weight, size and spacing of the child entries were dialed live with sliders on the design site.

   →Early → final

   Tuned in the demo · came from Mark Parsonopen →

   See early and final ▸

How we got here

Each change, traced back to the conversation it came from. A solid mark means the record names the source; a dashed one was matched by the draft and waits for review.

Thanks to

People outside Qpoint first. Every thank-you points at something they said or made.

All images

Every picture from this cycle. Click any one to step through them all.

The pairs

The sidebar says where you areBefore → after

→

Tuned in the demoEarly → final

→

The Fleet moves upNew in this cycle

Everything captured · 7

qdash /inventory: THE FLEET now sits second in the rail, and Inventory (grape, the current page) has its 9 listings open under it on the stroke-strong rail. The page title reads 'Inventory', no longer 'Harness Inventory'qdash Model detail (claude-sonnet-4-6): sub-items prefix-match, so Models stays lit on its own detail pages and the open submenu still says which listing you came from. Top-level items keep the exact-match ruleqdash /inventory/models: the submenu stays open because the route is under /inventory. Models lights up and the Inventory row drops back to ink, so only the current page is grapeqdash Fleet Overview: outside /inventory the submenu is collapsed to its parent row, and the rail reads WHERE ARE WE → THE FLEET → WHAT GOOD LOOKS LIKE → PROVEThe same demo with the tuning knobs pushed: subWeight black, subSize 16, subGap 8. Only the children change; the parent row stays semi 15. Mark dialed these knobs back to med 13 with a 1px gap, now the defaults. subGap is provisionalThe NavVerticalSubmenu demo at its dialed defaults (italic, med 13, 1px gap): the interactive THE FLEET sidebar opened by a `match` on the demo's own path, then the scenarios: no children (no rail), one child, the 9 inventory listings, an unmatched route (collapsed), the button form, v-model:open, and overflowThe reference image the submenu was built to (copied from the cycle folder)