Commit graph

1 commit

Author SHA1 Message Date
15421ac4d0 cockpit: the deck — tmux-style pane grid + the color-camouflaged wizard
Operator asked for a tmux-type panes grid in the browser (one pane per
role, all acting in parallel, like real life) with a wizard on the right
that takes a newcomer by the hand through every role's actions, each
instruction camouflaged in that role's color.

- /deck: CSS-grid of six live panes (2-col, 3-col on wide screens),
  one per station, each an iframe onto /station/<id>?pane=1. tmux
  controls per pane: reload, single-pane zoom, open-full. Narrow
  screens: wizard first, panes stacked.
- pane mode (?pane=1): chrome-stripped shell (no h1/banner/nav), same
  station content, READ-ONLY label kept; an 8-line shim re-carries
  pane=1 on every same-origin link and form submit, so probes, incident
  browsing, and inspect verdicts all happen inside the pane.
- the wizard: a 10-step guided first watch across all six roles on the
  live demo wallet. Each step card wears the role's hue with a 'YOU ARE
  THE <ROLE>' chip, the matching pane glows, and every step states what
  success looks like + what was just learned. Step remembered per
  session (sessionStorage).
- /inspect?sample=1 pre-fills examples/wallet-evidence so the
  cryptographer step verifies (then deliberately breaks) real evidence.
- verified in a real browser: step navigation moves the glow, panes
  load their stations, Probe-now inside the pane probed live inside the
  pane (log head tree_size 13), sample flow prefilled the key in-pane.

Suite 139 -> 142 green. Read-only guarantee unchanged; byte sweep
covers /deck and pane routes.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
2026-07-21 17:04:23 +02:00