Page body for Connected applications. Press the Ask button in
the top bar, then the clock in the panel header to open chat
history — the back control takes the brand mark's place, and
pressing it emits nile-back.
Page body for Approvals. The tab strip lives in the shell's
tabs slot, so switching views never moves the chrome.
How many contractors roll off this quarter?
The three Figma axes crossed out in full:
Tabs × Description ×
Leading. Cards are grouped by the height their axes are
specified to produce, so each section heading is one of the four
heights in SPEC-app-shell-header D-2. The chip on each card is its
measured header block — bar top to strip bottom — so a
variant that does not land on its number says so here rather than in
devtools.
pageTitle and badge are on every card:
neither is one of the three axes, so holding them constant is what
makes the axes comparable. Tabbed cards carry a second chip for the
inner tab row (32px) and the strip that holds it (33px) — two
separate numbers, both confirmed against the Figma nodes. See AC-6.
Heights below 600px of viewport height are compressed by design
(@media (max-height: 600px) in
nile-app-shell.css.ts), so compare in a window taller
than that. The chips say when the window is too short.