Source: src/app/composition/_blocks/console-rail.tsx

The 240px rail beside its page: account switcher, the five destinations with ink-only active state, the ledger's saved views, and the four books with their counts.

Source: src/app/composition/_blocks/topbar-nav.tsx

The railless pose: the workspace on the left edge, the five destinations as tabs marked on the bar's own hairline, and the search, bell and avatar closing the row — dropping to a second row that scrolls sideways when the labels stop fitting.

Source: src/app/composition/_blocks/page-heading-tabs.tsx

A brand-ink back link, a 28/700 title with its scope badge, and line tabs with counts that own the hairline under them.

Source: src/app/composition/_blocks/context-header.tsx

The header that belongs to the page rather than the window: the rail runs floor to ceiling, and one rule carries the book being read, the destination on the column's centre line, and the console's utilities.

Source: src/app/composition/_blocks/command-palette.tsx

Search results grouped as entries, clients, settings and actions — entries carry amount and state — with keyboard hints in the footer.

Source: src/app/composition/_blocks/record-inspector.tsx

A third column for reading one entry without leaving the list: its title row at header height, its own scroller, a step to --muted behind one rule, and the fold-away that keeps the page over 700px.

Source: src/app/composition/_blocks/mobile-tab-bar.tsx

The console at 390px: workspace, search and alerts in the top strip, the five destinations as a 44px bottom tab bar.

Source: src/app/composition/_blocks/mobile-nav-sheet.tsx

The fifth tab is a door, not a destination: it opens a sheet from the phone's own bottom edge with what the bar could not take, the doorways a desktop hides behind the avatar, and New entry in the footer.