Navigation

Getting around

Menus, command palettes, pagination and breadcrumbs — the wayfinding layer of a Perpetuum workspace. Everything here is live: open it, type in it, click through it.

Menubar

Desktop-app chrome for the automation editor: shortcuts, toggles, a radio group and a nested submenu.

Run log visible · Timestamps off · Density comfortable

Menubar — the View menu writes straight into component state.

Context menu

Right-click affordances for a workflow card — grouped items, a submenu, toggles and a destructive action.

Kestrel · Assay Splitter

Right-click this area

Last action — · Pinned yes · Trigger scheduled

ContextMenu — right-click (or long-press) the dashed area.

Command palette

The same Command component in two shapes: embedded in a page, and lifted into a ⌘K dialog.

Inline Command — type to filter across groups.

Last command —

CommandDialog — click the button or press ⌘K / Ctrl+K anywhere on this page.

Pagination

Paging through automation runs. The window of page numbers collapses with an ellipsis as you move.

Showing runs 76–100 of 200 · page 4 of 8

Pagination — wired to state, so the active page and the ellipsis both move.

Breadcrumbs

Where you are in the workspace hierarchy — and what to do when the trail gets too long.

Breadcrumb — plain trail, and a collapsed trail with a dropdown for the middle segments.

Tabs as navigation

Two tab treatments for switching page-level sections: the filled default, and the underlined line variant.

Runs

Last run finished 12 minutes ago in 41s. Next scheduled run is at the top of the hour.

Default tabs — segmented control, best for a small set of peer views.

Active

Kestrel (6 flows), Beacon Fondsenwerving (4 flows). Both running on the hourly scheduler.

Line tabs — quieter, good for filtering a long list.

Quick reference

Two things worth stealing from this page.

Open the palette⌘KSave workflow⌘SSee it in a real layout

Kbd — pair it with any search affordance so the shortcut is discoverable.