The launchpad bands open into the bar's own dropdown surface

Featurekamo-internal
Shipped
September 16, 2026 at 3:11 AM UTC
Author
Kamo
Commit
ab7c47d

The administrator bar and the pinned-app bands are painted with the top bar's gradient, and then answered a hover with something from another app entirely: a white tooltip card floating twelve pixels below the band, and — on a pinned app's chip — an MUI popover with grey captions and no seam to the thing it came out of. Nine of them, each appearing and vanishing on its own. Wrong palette, wrong shape, arriving from the wrong place. They now open into the SAME surface the top bar's menus use. It is painted in the organization's brand, its top edge takes the exact colour the band has at the spot it leaves from, the fillets weld it to that edge, and one surface glides and resizes from entry to entry as the pointer travels the row — so a band reads as opening rather than as a card laid over the launchpad. • NavTopMenuHost takes any bar-like element, not just NavTop's header: an `edgeGap` per host, because a band has rounded corners the bar does not, and both the panel and its fillet have to meet painted band. The room a panel has to grow into is measured from where it actually starts (--kmenu-max-height) rather than from the nav's height, which means nothing halfway down a page. • NavTopMenuPanel gains `kind="note"`: the same surface and the same motion, carrying prose about the trigger instead of choices. It claims no menu role and takes no focus, so the administrator bar's descriptions stay descriptions and Enter still follows the link they describe. • A pinned app's chip draws the very rows the nav draws (NavToolSectionsPanel, lifted out of NavToolBarMenu), so one option answers with one menu wherever it is offered — nested groups, badges, filter box and all. • Both bands read their gradient from navTopSeam.ts. A literal copy of the stops is precisely what drifts, and the seam is only invisible while the panel and the band agree on it. Tests: the administrator bar rendered and worked with a mouse, a finger and the keyboard (one surface, handed from entry to entry, never stealing focus), plus a source guard that neither band reaches for a popover or a second copy of the gradient again.

All changes

Like what you see shipping?

All of it arrives in your workspace on its own. Start on the free plan and read this page again in a month.

Start Free ForeverView Pricing