Mockup 1 Ops Console design system
Review-only reference. It documents reusable console primitives and does not define a product capability.
Light technical hierarchy and surfaces
#f4f7fa · page background
#ffffff · panes and cards
ui-monospace distinguishes paths, events, literals, and identifiers.
System interface fallback supports descriptions and action labels.
Status, provenance, and protection
Running Queued Succeeded Failed Dropped
Configured Resolved Generated Value required User provided Secret · protected
Each semantic treatment pairs readable text and a glyph with color. Protected values are opaque and never receive reveal or copy controls.
Keyboard and progressive interactions
Every screen relationship is an ordinary focusable local link without JavaScript.
Activate the titlebar Search button or Ctrl/⌘ K; arrows select, Enter follows, Escape closes.
Native execution or trigger disclosure
jason@manage
Narrow viewport behavior
Below 760px, the navigation pane stacks above the detail pane; definitions and log context reflow without page overflow. Visible focus rings mark every keyboard target.