<!-- PROVENANCE: Claude Fable 5 (claude-fable-5) — rearch P3 sp1, the glass exists · 2026-09-16
     Amended: Claude Fable 5.1 (claude-fable-5-1) — rearch walk #20 cures: W78 the kernel's own hop drawn from its reply · W79 the BODIES card reads the kernel's process state (life · PARKED words) · W81 the Analyzer row's words no longer squeezed by its meta · the row's "last red" chip · 2026-09-28
     Amended: Claude Fable 5.1 (claude-fable-5-1) — rearch row 4, the honest glass sp2 (W85 · W86 · W87): BODIES one row per name with the earlier selves counted · WATCHES with the author and "rest it" · ASKS lists the asks left waiting, each with "stop it" · PEERS with "forget it" · 2026-09-29
     Amended: Claude Fable 5.1 (claude-fable-5-1) — rearch row 4, the honest glass sp2 (JB: "clean up the monitor pull … a bit chaotic"): the Monitoring pull wider, ONE anatomy for every card — a title with its summary on the right, aligned rows (label · a dim sub-line · a status pill · a lever column), tabular numbers, short clocks, the pulse as a stat strip · 2026-09-29
     Amended: Claude Fable 5.1 (claude-fable-5-1) — THE TOUR (JB's ask, 2026-09-29 night: "a really nice soft line guide for the Panel itself … non-engineer terms … do it yourself, work with firmware/residents assisted, or simply ask it to take the lead … we want them to want to explore"): a soft line drawn around one region of the LIVE panel at a time with a plain-words card beside it, a "try it" that puts words in the chat and never sends them, ← → and Esc; opened from TOUR on the sill or by saying "tour" · 2026-09-29
-->
<!-- Amended: Claude Fable 5.1 (claude-fable-5-1) — rearch P6 cure sp2 (glass), walk #7's wounds · 2026-09-21 -->
<!-- Amended: Claude Fable 5.1 (claude-fable-5-1) — rearch walk #11 cures (glass): W27 the person's latest session · W32 one Esc, one thing · W33 a pull retracts when focus moves · W34/W39 a stop never needs the exact words · W35 the code row pinned · 2026-09-23 -->
<!-- Amended: Claude Fable 5.1 (claude-fable-5-1) — rearch P7 sp7 walk #15 cures: W53 a closed pull gives its focus back · 2026-09-25 -->
<!-- Amended: Claude Fable 5.1 (claude-fable-5-1) — rearch row 4, PANEL sp1: THE PANEL replaces the starfield in the main viewport — six organs · five rail tracks · the crew's sockets · the shelf's tool lamps · the running board · the tape · the inspector · the sill's three soft toggles + marker-group chips; lit by the nine feed topics live today; the worldtag and the YOU tag move into the GROUND and DESK blocks · 2026-09-28 -->
<!-- Amended: Claude Fable 5.1 (claude-fable-5-1) — rearch row 4, PANEL sp2: THE DAYLIGHT GLASS (light mode — JB's ask, the old glass's paper · ink · bronze carried to the panel; every colour a token; remembered in this browser, the system's preference otherwise) · the feed widened to thirty-three topics lights the presence and scheduler tracks, the shelf's tool lamps, the desk and the meter · the lever-pulled and lease facts · the fact door read once per notice · one shared /ask read between the chat and the panel · 2026-09-28 -->
<!-- Amended: Claude Fable 5.1 (claude-fable-5-1) — rearch P7 sp8 walk #17/#18 cures (glass): W61 a cancelled hold wears no proof word · W62 a retired service is at rest · W63 the YOU tag wears the seat's name · W64 a person's hold whose code is right reaches every other seated glass for a declared master's click · W65/W66 the stop grammar takes "stopping" · "start" and ignores state words · W67 the master reads the master's words · W68 a hold the clock ended says so · W69 a seat that only reads and writes is shown a hold and no button · 2026-09-27 -->
<!-- Amended: Claude Fable 5.1 (claude-fable-5-1) — THE SPECTATOR (the refresh season's step 3, JB 2026-09-30: "on the demo site, as before, we need the github star feature, docs link"): demo.orreth.ai is a PHOTOGRAPH of a kernel that really ran — with `window.ORRETH_DEMO` injected by scripts/snapshot_glass.py, every read comes from a captured fixture, every write is refused with one face, the captured minutes of the feed replay on a loop, the clock reads the photograph's moment, the seat form never opens, and THE TOUR opens itself for a first visit; the sill carries the book (📖 docs.orreth.ai) and the source (★ GitHub) on every kernel · 2026-09-30 -->
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Orreth — the Bridge</title>
<style>
  :root{color-scheme:dark;
    --hull:#14161c; --hull2:#1b1e27; --seam:#2a2e3a; --seam-soft:rgba(42,46,58,.55);
    --amber:#e8a84c; --amber-dim:#8a6428;
    --space:#070a16; --space-glow:#0b1020; --glass:rgba(22,26,38,.82);
    --ink:#dfe3ee; --dim:#8b93a8; --jade:#7fd8a8; --red-ink:var(--red-ink); --dim-lamp:#5a5f70;
    --bubble-mine:#26304a; --bubble-mine-line:#334063; --bubble-theirs:#1d2230; --field:#141820; --card:#1a1f2c;
    --inspector:#0e121e; --btn-ink:#1a1408; --hover:rgba(255,255,255,.03); --well:rgba(0,0,0,.25); --tour-dim:rgba(4,6,12,.5);
    --shadow:rgba(0,0,0,.5); --shadow2:rgba(0,0,0,.55); --frame-shadow:inset 0 0 40px rgba(0,0,0,.6);
    --glow:rgba(232,168,76,.35); --lamp-rim:inset 0 0 2px #000;
  }
  /* ---- THE DAYLIGHT GLASS (row 4, panel sp2 — JB's ask 2026-09-28, carried from the old glass's daylight of
     2026-07-26): the same glass in daylight — paper, ink, bronze. Never an inversion: the night view is additive
     light, the day view is ink-wash on warm paper. Every colour is a token, the panel's lamps and segments wear
     the same tokens, so the flip is live mid-fact. Remembered in this browser ("orreth.theme"); with nothing
     remembered, the system's own preference decides. The ☀ / ☾ in the ceiling flips it. ---- */
  :root[data-theme="light"]{color-scheme:light;
    --hull:#E9E3D3; --hull2:#F1EDE2; --seam:#D6CDB8; --seam-soft:rgba(191,180,153,.6);
    --amber:#9C721D; --amber-dim:#A8863E;
    --space:#F6F2E8; --space-glow:#FBF8F0; --glass:rgba(252,249,241,.86);
    --ink:#262C3D; --dim:#5D6377; --jade:#237A50; --red-ink:#B0503F; --dim-lamp:#BFB499;
    --cyan:#2F6FA8; --violet:#6C4BB0; --red:#B0503F; --dark-lamp:#D6CDB8; --grid:rgba(96,80,40,.09);
    --bubble-mine:#DCE3F2; --bubble-mine-line:#B7C3DF; --bubble-theirs:#F7F3E9; --field:#FBF9F2; --card:#F3EEE2;
    --inspector:#FBF8F0; --btn-ink:#FAF6EC; --hover:rgba(0,0,0,.03); --well:rgba(96,80,40,.07); --tour-dim:rgba(70,58,34,.28);
    --shadow:rgba(96,80,40,.18); --shadow2:rgba(96,80,40,.24); --frame-shadow:inset 0 0 40px rgba(96,80,40,.12);
    --glow:rgba(156,114,29,.18); --lamp-rim:inset 0 0 2px rgba(0,0,0,.25);
  }
  [data-theme="light"] .strip{opacity:.7}
  .daybtn{cursor:pointer;color:var(--dim);font-size:15px;user-select:none;padding:0 6px;line-height:1;transition:color .2s}
  .daybtn:hover{color:var(--amber)}
  *{box-sizing:border-box} html,body{height:100%}
  body{margin:0;background:var(--hull);color:var(--ink);
    font:14px/1.5 "SF Mono","JetBrains Mono",ui-monospace,monospace;
    overflow:hidden}
  /* ---- the hull frame ---- */
  #bridge{position:fixed;inset:0;display:flex;flex-direction:column;
    background:
      linear-gradient(180deg,var(--hull2) 0%,var(--hull) 18%,
                      var(--hull) 82%,var(--hull2) 100%)}
  .strip{height:4px;background:linear-gradient(90deg,transparent 2%,
      var(--amber-dim) 12%,var(--amber) 24%,var(--amber-dim) 30%,
      transparent 40%,transparent 60%,var(--amber-dim) 70%,
      var(--amber) 82%,var(--amber-dim) 92%,transparent 98%);
    filter:blur(.4px);opacity:.85}
  #ceiling{padding:10px 26px 8px;display:flex;align-items:center;
    justify-content:space-between}
  #nameplate{letter-spacing:.55em;color:var(--amber);font-size:13px;
    text-shadow:0 0 12px var(--glow);text-align:center}
  .vtag{display:block;color:var(--dim);font-size:9.5px;letter-spacing:.14em;text-shadow:none;margin-top:1px;cursor:help}
  #sill .vtag{display:none;letter-spacing:.14em;font-size:9.5px} body.wall #sill .vtag{display:inline}
  #chat-tab{cursor:pointer;color:var(--dim);border:1px solid var(--seam);
    border-radius:4px;padding:4px 14px;background:var(--hull2);
    letter-spacing:.2em;font-size:11px;transition:color .2s}
  #chat-tab:hover{color:var(--amber)}
  /* ---- the main view window ---- */
  #window-frame{flex:1;margin:6px 26px 10px;border:1px solid var(--seam);
    border-radius:14px;padding:10px;background:var(--hull2);
    box-shadow:var(--frame-shadow)}
  #space{position:relative;height:100%;border-radius:9px;overflow:hidden;
    background:radial-gradient(ellipse at 62% 38%,
      rgba(232,168,76,.16),transparent 32%),
      radial-gradient(ellipse at 30% 70%,rgba(90,110,220,.12),
      transparent 45%),var(--space)}
  .worldtag{position:absolute;color:var(--dim);font-size:11px;
    letter-spacing:.12em}
  #sill{display:flex;justify-content:center;gap:26px;color:var(--dim);
    font-size:10.5px;letter-spacing:.35em;padding:8px 0 2px}
  #floor{padding:8px 0 14px;text-align:center;color:var(--dim);
    font-size:10.5px;letter-spacing:.4em}
  /* ---- the chat pull (out of the ceiling) ---- */
  #chat{position:fixed;top:0;right:6vw;width:min(560px,88vw);
    height:72vh;transform:translateY(-104%);transition:transform .45s
    cubic-bezier(.22,.9,.3,1),height .45s cubic-bezier(.22,.9,.3,1);
    z-index:10;display:flex;
    flex-direction:column;border:1px solid var(--seam);border-top:none;
    border-radius:0 0 14px 14px;background:var(--glass);
    backdrop-filter:blur(10px);box-shadow:0 18px 50px var(--shadow2)}
  #chat.open{transform:translateY(0)}
  /* the band open → the chat YIELDS: the two never overlap, so every
     band row stays a door and the ask box stays reachable (after-walk
     wound #1: the chat swallowed the band's clicks in the landing state) */
  body:has(#band.open) #chat{max-height:calc(54vh - 10px)}
  /* the clock assist (P6): the chat's time axis — typed words set it,
     no click; the window rides the ask (never eye candy, P8) */
  #clock{display:flex;align-items:center;gap:10px;padding:5px 16px;
    color:var(--dim);font-size:10.5px;letter-spacing:.12em;
    border-bottom:1px solid var(--seam)}
  #clock .axis{flex:1;display:flex;align-items:center;gap:6px;min-width:0}
  #clock .edge{color:var(--amber);white-space:nowrap}
  #clock .bar{flex:1;height:8px;position:relative;border-bottom:1px solid
    var(--amber);opacity:.85}
  #clock .bar i{position:absolute;bottom:0;width:1px;height:5px;
    background:var(--amber)}
  #clock.now .axis{opacity:.45}
  /* the focus strip (P19): the chat follows the focus — pushed by an
     open ask (a workspace, from sp3), popped by [Esc] with the bridge's
     scope restored exactly */
  #focus{display:none;align-items:center;gap:10px;padding:5px 16px;
    color:var(--amber);font-size:10.5px;letter-spacing:.12em;
    border-bottom:1px solid var(--seam);background:rgba(255,180,60,.06)}
  #focus.on{display:flex}
  /* the includes (0004's third kind): the top edge's firmware — plan ·
     critique · grade — applied as one step over what the residents
     brought into this session */
  #includes{display:flex;align-items:center;gap:10px;padding:5px 16px;
    color:var(--dim);font-size:10.5px;letter-spacing:.12em;
    border-bottom:1px solid var(--seam)}
  #includes a{cursor:pointer;color:var(--amber);text-decoration:none;opacity:.85}
  #includes a:hover{opacity:1;text-decoration:underline}
  #includes .hint{margin-left:auto}
  #focus .hint{margin-left:auto;color:var(--dim)}
  #chat header a{cursor:pointer;color:var(--dim);text-decoration:none}
  #chat header a:hover{color:var(--amber)}
  /* resizable (block 9 A): the upper-right corner is the origin, locked;
     the grip at the lower-left moves the other corners */
  #grip{position:absolute;left:0;bottom:0;width:16px;height:16px;
    cursor:sw-resize;border-left:2px solid var(--amber);
    border-bottom:2px solid var(--amber);opacity:.5;border-radius:0 0 0 14px}
  #grip:hover{opacity:1}
  .sesrow{cursor:pointer;color:var(--dim);font-size:11.5px;padding:2px 0}
  #pin{padding:0 14px;max-height:38vh;overflow:auto;border-top:1px solid var(--seam)}   /* W35: the hold stays in view */
  #pin:empty{display:none;border:0}
  .sesrow:hover,.sesrow.on{color:var(--amber)}
  #chat header{padding:10px 16px;color:var(--amber);font-size:11px;
    letter-spacing:.3em;border-bottom:1px solid var(--seam);
    display:flex;justify-content:space-between}
  #chat header span.hint{color:var(--dim);letter-spacing:.05em}
  #log{flex:1;overflow-y:auto;padding:14px 16px;display:flex;
    flex-direction:column;gap:10px}
  .msg{max-width:88%;padding:8px 12px;border-radius:10px;
    white-space:pre-wrap;word-wrap:break-word}
  .mine{align-self:flex-end;background:var(--bubble-mine);border:1px solid var(--bubble-mine-line)}
  .theirs{align-self:flex-start;background:var(--bubble-theirs);
    border:1px solid var(--seam)}
  .who{color:var(--jade);font-size:10.5px;margin-bottom:3px;
    letter-spacing:.08em}
  .journey{align-self:flex-start;color:var(--dim);font-size:11.5px;
    font-style:italic;padding-left:6px}
  .confirm-row{display:flex;gap:10px;margin-top:8px}
  .confirm-row button{font:inherit;padding:6px 14px;border-radius:6px;
    cursor:pointer;border:1px solid var(--seam)}
  .btn-cancel{background:var(--card);color:var(--ink);outline:2px solid
    var(--amber-dim)}      /* cancel is the default — it wears the focus */
  .btn-yes{background:transparent;color:var(--dim)}
  .btn-yes:hover{color:var(--ink);border-color:var(--amber-dim)}
  .btn-yes:disabled{opacity:.45;cursor:default}
  .confirm-row input{font:inherit;padding:6px 10px;border-radius:6px;background:var(--field);
    color:var(--ink);border:1px solid var(--seam);letter-spacing:.2em;width:9.5em}
  .confirm-row input.who-in{letter-spacing:0;width:16em}   /* the master's name */
  /* the compliance export, in place (P6 sp2): a compact table, then the download offer */
  .xtable{border-collapse:collapse;font-size:10.5px;margin-top:6px;max-width:100%;white-space:normal}
  .xtable th{color:var(--dim);font-weight:normal;letter-spacing:.12em;text-align:left;
    padding:2px 8px 3px 0;border-bottom:1px solid var(--seam);font-size:9.5px}
  .xtable td{padding:2px 8px 2px 0;vertical-align:top;color:var(--ink);border-bottom:1px dashed var(--seam-soft)}
  .xtable td.chain{color:var(--jade)}.xtable td.why{color:var(--dim)}.xtable td.words{color:var(--dim);font-style:italic}
  .xtable td.broken{color:var(--red-ink)}
  .xdl{display:flex;gap:10px;margin-top:8px}
  .xdl button{font:inherit;font-size:11px;padding:4px 12px;border-radius:6px;cursor:pointer;
    background:transparent;color:var(--amber);border:1px solid var(--amber-dim)}
  .xdl button:hover{color:var(--ink);border-color:var(--amber)}
  .qr{display:block;margin:8px 0 6px;width:180px;height:180px;image-rendering:pixelated;
    border-radius:6px;background:#fff}
  .copy{font:inherit;font-size:11px;user-select:all;word-break:break-all;color:var(--dim);
    background:var(--field);padding:6px 8px;border-radius:6px;margin-top:6px}
  /* W2: the secret sits behind a click, masked again on the next repaint */
  .reveal{display:inline-block;margin-top:6px;cursor:pointer;color:var(--amber);font-size:11px;opacity:.85}
  .reveal:hover{opacity:1;text-decoration:underline}
  /* W10: a copy for humans — every reply, every include, the export table */
  .copybtn{float:right;margin:-2px -6px 0 10px;font:inherit;font-size:10px;letter-spacing:.1em;
    color:var(--dim);background:transparent;border:1px solid var(--seam);border-radius:5px;
    padding:1px 6px;cursor:pointer;opacity:.55}
  .copybtn:hover{opacity:1;color:var(--amber);border-color:var(--amber-dim)}
  /* W15: a citation in a human's name; the path stays on hover */
  .cite{color:var(--jade);border-bottom:1px dotted var(--jade);cursor:help}
  /* W3: a step that succeeded folds to one line */
  .stepline{color:var(--jade);font-size:11.5px;margin-top:6px}
  .steprefused{color:var(--red-ink);font-size:11.5px;margin-top:6px;font-style:italic}
  #chat-body{flex:1;display:flex;min-height:0}
  #rail{width:178px;border-left:1px solid var(--seam);padding:10px 8px;
    overflow-y:auto}
  #rail h4{margin:0 0 8px;color:var(--dim);font-size:9.5px;
    letter-spacing:.25em;font-weight:normal}
  .chip{display:block;width:100%;text-align:left;font:inherit;
    font-size:11px;margin-bottom:6px;padding:5px 8px;border-radius:6px;
    cursor:pointer;background:var(--card);border:1px solid var(--seam);
    color:var(--dim)}
  .chip.on{color:var(--jade);border-color:var(--jade);
    background:rgba(127,216,168,.08)}
  /* W7: every resident says what it is; W18: a refused body is greyed, never lit */
  .chip .nat{display:block;color:var(--dim);font-size:10px;line-height:1.3;margin-top:2px;
    white-space:normal;opacity:.85}
  .chip.refused{opacity:.5;cursor:not-allowed;border-style:dashed}
  .chip.refused .nat{color:var(--red-ink);opacity:1}
  .summarize{align-self:flex-start;font:inherit;font-size:11px;
    margin:2px 0 4px;padding:5px 10px;border-radius:6px;cursor:pointer;
    background:transparent;border:1px dashed var(--amber-dim);
    color:var(--amber)}
  /* ---- the ANALYZER (the floor hatch opens — block 11: Objectives is not a pull) ---- */
  #floor{cursor:pointer;transition:color .2s}
  .origin-h{margin:10px 8px 2px;color:var(--amber);font-size:10.5px;
    letter-spacing:.3em;font-weight:normal}
  .brow .stop{color:var(--dim);font-size:10.5px;cursor:pointer;flex:none;
    border:1px dashed var(--seam);border-radius:5px;padding:1px 7px}
  .brow .stop:hover{color:var(--amber);border-color:var(--amber-dim)}
  .twig{padding:4px 8px 4px 26px;font-size:12px;border-bottom:1px solid var(--seam-soft);
    display:flex;gap:10px;align-items:baseline;cursor:pointer}
  .twig .k{color:var(--amber);letter-spacing:.15em;font-size:10.5px;flex:none;width:92px}
  .twig .w{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .twig .meta{color:var(--dim);font-size:10.5px;flex:none}
  /* W6: the tree folds — repeats count, thoughts fold under their objective */
  .twig.fold .k{color:var(--red-ink)}
  .twig .n{color:var(--amber);flex:none;font-size:10.5px}
  .folded{padding:3px 8px 3px 26px;font-size:11px;color:var(--dim);cursor:pointer;
    border-bottom:1px solid var(--seam-soft)}
  .folded:hover{color:var(--amber)}
  .brow .blocked{color:var(--red-ink);font-size:10.5px;flex:none;max-width:38%;overflow:hidden;
    text-overflow:ellipsis;white-space:nowrap}
  /* W13: a click on any pull raises it above the chat */
  #crew.raised,#monitor.raised,#band.raised{z-index:11}
  /* the kind of an ask (P23): the words propose it; the human flips it */
  #kind{display:flex;gap:10px;align-items:baseline;padding:2px 14px 8px;
    font-size:10.5px;color:var(--dim);letter-spacing:.2em}
  #kind b{color:var(--amber);cursor:pointer;letter-spacing:.3em;font-weight:normal;
    border-bottom:1px dashed var(--amber-dim)}
  #kind .hint{letter-spacing:0;font-size:10.5px}
  #kind .sep{color:var(--dim);letter-spacing:0}
  /* MITL (P6 sp3): the soft toggle beside KIND; the impact door's box under a hold */
  #mitl-word{opacity:.55} #mitl-word.on{opacity:1}
  .btn-impact{font:inherit;font-size:10.5px;letter-spacing:.05em;padding:3px 10px;border-radius:6px;
    background:transparent;color:var(--amber);border:1px solid var(--amber-dim);cursor:pointer}
  .btn-impact:hover{color:var(--ink);border-color:var(--amber)}
  .btn-impact:disabled{opacity:.6;cursor:default}
  .impact{margin-top:8px;padding:6px 10px;border-left:2px solid var(--amber-dim);font-size:12px}
  .impact .journey{padding-left:0}
  .impact .msg{margin:6px 0 0;padding:6px 8px;max-width:none}
  /* the Crew pull (P19, the first workspace): a hull panel on the left
     wall; its tab is the wall's edge; the cards inside; the chat follows */
  #crew-tab{position:fixed;left:0;top:38vh;writing-mode:vertical-rl;
    transform:rotate(180deg);cursor:pointer;color:var(--dim);font-size:10.5px;
    letter-spacing:.4em;padding:14px 6px;border:1px solid var(--seam);
    border-left:none;border-radius:0 8px 8px 0;background:var(--glass);
    z-index:8;transition:color .2s}
  #crew-tab:hover{color:var(--amber)}
  /* the Monitoring pull: the second workspace, below the crew's tab */
  #monitor-tab{position:fixed;left:0;top:58vh;writing-mode:vertical-rl;
    transform:rotate(180deg);cursor:pointer;color:var(--dim);font-size:10.5px;
    letter-spacing:.4em;padding:14px 6px;border:1px solid var(--seam);
    border-left:none;border-radius:0 8px 8px 0;background:var(--glass);
    z-index:8;transition:color .2s}
  #monitor-tab:hover{color:var(--amber)}
  #monitor{position:fixed;left:0;top:6vh;height:88vh;width:min(760px,94vw);
    transform:translateX(-104%);transition:transform .45s
    cubic-bezier(.22,.9,.3,1);z-index:9;display:flex;flex-direction:column;
    border:1px solid var(--seam);border-left:none;border-radius:0 14px 14px 0;
    background:var(--glass);backdrop-filter:blur(10px);
    box-shadow:14px 0 44px var(--shadow)}
  #monitor.open{transform:translateX(0)}
  #monitor header{padding:9px 16px;color:var(--amber);font-size:11px;
    letter-spacing:.12em;border-bottom:1px solid var(--seam)}
  #views{flex:1;overflow-y:auto;padding:8px 12px}
  .view{border:1px solid var(--seam);border-radius:10px;padding:8px 12px;
    margin:0 0 9px;font-size:12px;color:var(--ink)}
  .view h5{margin:0 0 5px;font-size:10.5px;letter-spacing:.2em;color:var(--dim)}
  .view .row{display:flex;justify-content:space-between;gap:10px;padding:1px 0}
  .view .row span:last-child{color:var(--amber)}
  /* ---- the honest glass sp2 (JB, 2026-09-29): the Monitoring's ONE anatomy — every card a title with its
     summary on the right; every row a label with a dim sub-line, a status pill, a lever column; numbers tabular ---- */
  #monitor header{display:flex;justify-content:space-between;align-items:center;gap:12px}
  #monitor header .x{color:var(--dim);letter-spacing:.08em;font-size:10.5px;flex:none}
  #monitor header .x:hover{color:var(--amber)}
  #views{padding:10px 14px 18px;font-variant-numeric:tabular-nums}
  .mcard{border:1px solid var(--seam);border-radius:10px;margin:0 0 10px;background:var(--well);
    font-size:12px;color:var(--ink);overflow:hidden}
  .mcard>.mhead{display:flex;justify-content:space-between;align-items:baseline;gap:12px;
    padding:7px 12px;border-bottom:1px solid var(--seam-soft);background:var(--hover)}
  .mcard>.mhead .t{font-size:10.5px;letter-spacing:.2em;color:var(--dim);flex:none}
  .mcard>.mhead .k{font-size:11px;color:var(--dim);text-align:right;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .mcard>.mhead .k b{color:var(--ink);font-weight:500}
  .mcard>.mhead .k .ok,.mcard>.mhead .k .red{font-weight:500}
  .mcard .mbody{padding:2px 12px 6px}
  .mrow{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:14px;align-items:start;
    padding:6px 0;border-top:1px solid var(--seam-soft)}
  .mrow:first-child{border-top:none}
  .mrow.lv{grid-template-columns:minmax(0,1fr) auto auto}
  .mrow .l{min-width:0;color:var(--ink);line-height:1.35;display:flex;align-items:flex-start;gap:8px}
  .mrow .l .dot{margin-top:5px}
  .mrow .l .w{min-width:0}
  .mrow .l .w .clamp{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .mrow .sub{display:block;color:var(--dim);font-size:10.5px;line-height:1.4;margin-top:1px;
    overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .mrow .v{color:var(--amber);white-space:nowrap;text-align:right;line-height:1.35;display:flex;
    align-items:center;justify-content:flex-end;gap:8px;flex-wrap:nowrap}
  .mrow .v .when{color:var(--dim);font-size:11px}
  .mrow .lever{white-space:nowrap;color:var(--dim);font-size:10.5px;cursor:pointer;
    border:1px solid var(--seam);border-radius:6px;padding:2px 7px;margin-top:-1px;transition:color .15s,border-color .15s}
  .mrow .lever:hover{color:var(--amber);border-color:var(--amber-dim)}
  .pill{display:inline-block;font-size:10px;letter-spacing:.06em;padding:1px 7px;border-radius:9px;
    border:1px solid var(--seam);color:var(--dim);line-height:1.5;white-space:nowrap}
  .pill.ok{color:var(--jade)!important;border-color:color-mix(in srgb,var(--jade) 45%,transparent);background:color-mix(in srgb,var(--jade) 12%,transparent)}
  .pill.red{color:var(--red-ink)!important;border-color:color-mix(in srgb,var(--red-ink) 45%,transparent);background:color-mix(in srgb,var(--red-ink) 12%,transparent)}
  .pill.warn{color:var(--amber)!important;border-color:color-mix(in srgb,var(--amber) 45%,transparent);background:color-mix(in srgb,var(--amber) 12%,transparent)}
  .mnote{color:var(--dim);font-size:11px;padding:6px 0;line-height:1.4}
  .mnote code{color:var(--ink)}
  .msub{font-size:10px;letter-spacing:.18em;color:var(--dim);padding:8px 0 2px;border-top:1px solid var(--seam-soft);margin-top:2px}
  .mchips{display:flex;flex-wrap:wrap;gap:6px;padding:8px 0 4px}
  .mchip{font-size:11px;color:var(--dim);border:1px solid var(--seam);border-radius:7px;padding:2px 8px;white-space:nowrap}
  .mchip b{color:var(--ink);font-weight:500;margin-left:5px}
  .mchip.red b{color:var(--red-ink)} .mchip.ok b{color:var(--jade)} .mchip.warn b{color:var(--amber)}
  .tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px;padding:8px 0 4px}
  .tile{border:1px solid var(--seam-soft);border-radius:8px;padding:7px 10px;min-width:0}
  .tile .n{font-size:16px;color:var(--amber);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .tile .n.ok{color:var(--jade)} .tile .n.red{color:var(--red-ink)} .tile .n.dim{color:var(--dim);font-size:12px;line-height:1.6}
  .tile .d{font-size:10.5px;color:var(--dim);margin-top:2px;line-height:1.3}
  .ok{color:var(--jade)!important}.red{color:var(--red-ink)!important}
  .dot.alive{background:var(--jade)}.dot.dormant{background:var(--dim-lamp)}
  #crew{position:fixed;left:0;top:6vh;height:88vh;width:min(520px,92vw);
    transform:translateX(-104%);transition:transform .45s
    cubic-bezier(.22,.9,.3,1);z-index:9;display:flex;flex-direction:column;
    border:1px solid var(--seam);border-left:none;border-radius:0 14px 14px 0;
    background:var(--glass);backdrop-filter:blur(10px);
    box-shadow:14px 0 44px var(--shadow)}
  #crew.open{transform:translateX(0)}
  #crew header{padding:9px 16px;color:var(--amber);font-size:11px;
    letter-spacing:.12em;border-bottom:1px solid var(--seam)}
  #cards{flex:1;overflow-y:auto;padding:8px 12px}
  .card{border:1px solid var(--seam);border-radius:10px;padding:9px 12px;
    margin:0 0 9px;font-size:12px;color:var(--ink)}
  .card h5{margin:0 0 4px;font-size:12.5px;color:var(--amber);letter-spacing:.06em}
  .card .meta{color:var(--dim);font-size:11px}
  .card .side{margin-top:6px;border-top:1px dashed var(--seam-soft);padding-top:5px}
  /* P6 sp4: where a body stands (placement is policy) — and a refused body, greyed, the reason in words */
  .card .stands{margin-top:4px;font-size:11px;color:var(--ink)}
  .card .stands .meta{display:block}
  .card .secret{display:inline-block;border:1px dashed var(--seam);border-radius:8px;padding:0 6px;margin:2px 4px 0 0;font-size:10.5px}
  .card .secret.unreached{color:var(--red-ink)}
  .card.refused{opacity:.55;border-style:dashed}
  .card.refused h5{color:var(--dim)}
  .card.refused .stands{color:var(--red-ink)}
  /* P6.5 sp1: THE SHELF — every service the kernel governs, on one ladder, beside the bodies */
  .shelf-head{margin:14px 0 8px;padding-top:8px;border-top:1px solid var(--seam);color:var(--amber);
    font-size:10.5px;letter-spacing:.12em}
  .card.service h5 .kind{display:inline-block;border:1px solid var(--amber);border-radius:8px;padding:0 6px;
    font-size:10px;letter-spacing:.1em;margin-right:4px}
  .card.service .health{margin-top:4px;font-size:11px;color:var(--dim)}
  .card.service .health.bad{color:var(--red-ink)}
  .card.retired{opacity:.55;border-style:dashed}
  .card.service.under{margin-left:18px;border-left:2px solid var(--amber)}   /* P6.5 sp2: a tool beneath its MCP server */
  .card .side b{color:var(--dim);font-weight:normal;letter-spacing:.1em;font-size:10.5px}
  .cap{display:inline-block;border:1px solid var(--seam);border-radius:8px;
    padding:0 6px;margin:2px 3px 0 0;font-size:10.5px;color:var(--dim)}
  /* W21: a duty's reply folds to one line — the body · the note · the stamp; a click opens it */
  .msg.duty-fold{padding:4px 10px;opacity:.85}
  .msg.duty-fold .note{cursor:pointer;font-size:12px;color:var(--dim)}
  .msg.duty-fold .note:hover{color:var(--amber)}
  .msg.duty-fold.open{opacity:1}
  .msg.duty-fold .full{margin-top:6px}
  .duty{cursor:pointer;padding:1px 0}
  .duty.kernel::before{content:"🔒 ";font-size:10px}
  .duty .why{display:none;color:var(--amber);margin-left:8px;font-size:11px}
  .duty.asked .why{display:inline}
  .sched{display:flex;gap:6px;margin-top:5px;align-items:center}
  .sched input{flex:1;min-width:0;background:transparent;border:1px solid var(--seam);
    border-radius:6px;color:var(--ink);font:inherit;font-size:11px;padding:2px 6px}
  .sched input.n{flex:0 0 52px}
  .sched button{background:transparent;border:1px solid var(--amber);color:var(--amber);
    border-radius:6px;font:inherit;font-size:10.5px;padding:2px 8px;cursor:pointer}
  .duty .rest{margin-left:8px;color:var(--dim);cursor:pointer;font-size:10.5px}
  .duty .rest:hover{color:var(--amber)}
  .duty.rested{opacity:.55;text-decoration:line-through}
  .assist{display:inline-block;margin-top:6px;cursor:pointer;color:var(--amber);
    font-size:11px;opacity:.85}
  .assist:hover{opacity:1;text-decoration:underline}
  #floor:hover{color:var(--amber)}
  #band{position:fixed;left:5vw;right:5vw;bottom:0;height:46vh;
    transform:translateY(104%);transition:transform .45s
    cubic-bezier(.22,.9,.3,1);z-index:9;display:flex;flex-direction:column;
    border:1px solid var(--seam);border-bottom:none;
    border-radius:14px 14px 0 0;background:var(--glass);
    backdrop-filter:blur(10px);box-shadow:0 -14px 44px var(--shadow)}
  #band.open{transform:translateY(0)}
  /* THE GUIDE (JB's seed, walk #13): a sheet over everything, opened to where you are */
  #guide{position:fixed;left:12vw;right:12vw;top:6vh;bottom:6vh;transform:translateY(-120%);transition:transform .4s cubic-bezier(.22,.9,.3,1);
    z-index:12;display:flex;flex-direction:column;border:1px solid var(--seam);border-radius:14px;background:var(--glass);
    backdrop-filter:blur(12px);box-shadow:0 14px 44px var(--shadow2)}
  #guide.open{transform:translateY(0)}
  #guide header{font-size:10.5px;letter-spacing:.2em;color:var(--dim);padding:10px 14px;border-bottom:1px solid var(--seam)}
  #guide-rows{overflow:auto;padding:8px 14px 16px}
  #guide-rows .sec{margin:10px 0 14px}
  #guide-rows .sec.here{border-left:2px solid var(--amber);padding-left:10px}
  #guide-rows h5{margin:0 0 3px;font-size:11px;letter-spacing:.18em;color:var(--amber)}
  #guide-rows .lead{color:var(--dim);margin:0 0 6px}
  #guide-rows .row{display:grid;grid-template-columns:minmax(220px,38%) 1fr;gap:12px;padding:3px 0;border-top:1px dotted var(--seam)}
  #guide-rows .say{color:var(--ink);cursor:pointer}
  #guide-rows .say:hover{text-decoration:underline}
  #guide-rows .does{color:var(--dim)}
  #band header{padding:9px 16px;color:var(--amber);font-size:11px;
    letter-spacing:.3em;border-bottom:1px solid var(--seam)}
  #band-rows{flex:1;overflow-y:auto;padding:6px 10px}
  .brow{border-bottom:1px solid var(--seam-soft);padding:7px 8px;
    cursor:pointer;display:flex;gap:10px;align-items:baseline}
  .brow:hover{background:var(--hover)}
  .dot{width:8px;height:8px;border-radius:50%;flex:none;
    align-self:center}
  .dot.received{background:var(--amber);animation:pulse 1.2s infinite}
  .dot.awaiting-confirm{background:var(--amber)}
  .dot.replied{background:var(--jade)}
  .dot.cancelled{background:var(--dim-lamp)}
  @keyframes pulse{50%{opacity:.35}}
  .brow .snip{flex:1 1 auto;min-width:14em;overflow:hidden;text-overflow:ellipsis;
    white-space:nowrap}
  .brow .meta{color:var(--dim);font-size:10.5px;flex:0 1 auto;min-width:0;overflow:hidden;
    text-overflow:ellipsis;white-space:nowrap}   /* W81 (walk #20): the words were squeezed to "kee…" by a long meta */
  .bexpand{padding:8px 26px 12px;color:var(--ink);font-size:12.5px;
    background:var(--well);border-bottom:1px solid var(--seam);
    white-space:pre-wrap}
  .journey a.stopit{color:var(--amber);text-decoration:none;cursor:pointer}
  .msg.folded-hold{opacity:.75;padding:4px 10px}
  .bexpand .journey-notes{color:var(--dim);font-style:italic;
    font-size:11px;margin-top:6px}
  #composer{display:flex;gap:8px;padding:12px 14px;border-top:1px solid
    var(--seam)}
  #composer input{flex:1;font:inherit;color:var(--ink);
    background:var(--field);border:1px solid var(--seam);border-radius:8px;
    padding:9px 12px;outline:none}
  #composer input:focus{border-color:var(--amber-dim)}
  #composer button{font:inherit;background:var(--amber-dim);
    color:var(--btn-ink);border:none;border-radius:8px;padding:0 18px;
    cursor:pointer;letter-spacing:.1em}
  #pulse{position:fixed;left:26px;bottom:12px;color:var(--dim);
    font-size:10.5px;letter-spacing:.12em}
  /* ---- THE PANEL (row 4, panel sp1 — JB's lock 2026-09-28): the main viewport is a MIMIC PANEL of the kernel,
     the control room's signal box. Geometry is architecture (every block's place comes from a declaration and
     never moves) · light is operations (a fact lights a lamp or a rail segment, then fades) · colour is origin
     (amber a person's word · cyan a body's act · violet the kernel's own · red a watch or a hold) · three soft
     toggles on one drawing, never three views. Every lamp is a fact; a quiet kernel is a dark, still panel. ---- */
  :root{--cyan:#6fc3e8; --violet:#a58cf0; --red:#e86a5c; --dark-lamp:#262b38; --grid:rgba(139,147,168,.07)}
  #space{overflow:auto;padding:12px 14px;display:grid;gap:12px;align-content:start;
    background:linear-gradient(var(--grid) 1px,transparent 1px) 0 0/24px 24px,
      linear-gradient(90deg,var(--grid) 1px,transparent 1px) 0 0/24px 24px,
      radial-gradient(ellipse at 50% 30%,var(--space-glow) 0%,var(--space) 70%)}
  .prow-label{display:flex;align-items:center;gap:10px;margin-bottom:5px;font-size:9.5px;letter-spacing:.22em;
    text-transform:uppercase;color:var(--amber-dim)}
  .prow-label .line{flex:1;height:1px;background:var(--seam)}
  .prow-label .r{color:var(--dim);letter-spacing:.08em;text-transform:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  #organs{display:grid;grid-template-columns:repeat(6,1fr);gap:9px}
  .organ{background:var(--glass);border:1px solid var(--seam);border-radius:6px;padding:7px 9px;min-height:70px;cursor:pointer;min-width:0}
  .organ:hover,.station:hover,.tool:hover,.run:hover{border-color:var(--amber-dim)}
  .organ .t{display:flex;justify-content:space-between;align-items:center;gap:6px}
  .organ .n{letter-spacing:.14em;font-size:10.5px;color:var(--ink)}
  .organ .v{font-size:13.5px;margin-top:3px;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .organ .s{color:var(--dim);font-size:10.5px;margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .organ .worldtag,.organ #youtag{position:static;font-size:inherit;letter-spacing:.04em;color:inherit}
  .organ #youtag:hover{color:var(--amber)}
  .perf-only{display:none} body.perf .perf-only{display:block}
  .organ .bar{height:4px;background:var(--dark-lamp);border-radius:2px;margin-top:5px;overflow:hidden}
  .organ .bar i{display:block;height:100%;background:var(--jade);width:0;transition:width .6s}
  .lamp{width:8px;height:8px;border-radius:50%;background:var(--dark-lamp);box-shadow:var(--lamp-rim);display:inline-block;flex:none;
    transition:background 1.4s ease-out,box-shadow 1.4s ease-out}
  .lamp.on{background:var(--jade);box-shadow:0 0 6px var(--jade);transition:none}
  .lamp.human{background:var(--amber);box-shadow:0 0 6px var(--amber);transition:none}
  .lamp.agent{background:var(--cyan);box-shadow:0 0 6px var(--cyan);transition:none}
  .lamp.kernel{background:var(--violet);box-shadow:0 0 6px var(--violet);transition:none}
  .lamp.red{background:var(--red);box-shadow:0 0 7px var(--red);transition:none}
  .lamp.hold{background:var(--amber-dim);box-shadow:0 0 4px var(--amber-dim);transition:none}
  #rails{display:grid;gap:4px}
  .rail-row{display:grid;grid-template-columns:86px 1fr 230px;align-items:center;gap:10px;font-size:9.5px;letter-spacing:.18em;
    text-transform:uppercase;color:var(--dim)}
  .rail-row .depth{text-align:right;letter-spacing:.04em;text-transform:none;font-size:10.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .track{display:grid;grid-template-columns:repeat(24,1fr);gap:2px;height:6px}
  .seg{background:var(--dark-lamp);border-radius:1px;transition:background 1.6s ease-out,box-shadow 1.6s ease-out}
  .seg.human{background:var(--amber);box-shadow:0 0 5px var(--amber);transition:none}
  .seg.agent{background:var(--cyan);box-shadow:0 0 5px var(--cyan);transition:none}
  .seg.kernel{background:var(--violet);box-shadow:0 0 5px var(--violet);transition:none}
  .seg.red{background:var(--red);box-shadow:0 0 5px var(--red);transition:none}
  .stations{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:7px}
  .stations:empty::after{content:"no body seated yet — the kernel seats its crew at light";color:var(--dim);font-size:10.5px}
  .station{background:var(--glass);border:1px solid var(--seam);border-radius:6px;padding:5px 8px;cursor:pointer;min-height:58px;font-size:11px;min-width:0}
  .station .t{display:flex;align-items:center;gap:6px}
  .station .n{color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .station .k{font-size:9.5px;color:var(--dim);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .station .act{font-size:10.5px;color:var(--dim);margin-top:3px;min-height:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .station.parked{border-color:var(--amber-dim)} .station.parked .n{color:var(--amber-dim)}
  .station.socket{border-style:dashed;opacity:.6;background:transparent} .station.socket .n{color:var(--dim)}
  .station.lit{border-color:var(--cyan)} .station.lit.h{border-color:var(--amber)} .station.lit.kn{border-color:var(--violet)} .station.lit.rd{border-color:var(--red)}
  body:not(.arch) .station.socket{display:none}
  #tools{display:flex;flex-wrap:wrap;gap:5px}
  #tools:empty::after{content:"the shelf door has not answered yet";color:var(--dim);font-size:10.5px}
  .tool{display:flex;align-items:center;gap:6px;border:1px solid var(--seam);border-radius:4px;padding:2px 8px;font-size:10.5px;color:var(--dim);
    background:var(--glass);cursor:pointer}
  .tool.consequential{border-color:var(--amber-dim)} .tool.grave{border-color:var(--red)} .tool.retired{opacity:.45;border-style:dashed}
  .tool.unhealthy{color:var(--red)}
  .tool .lamp{width:6px;height:6px}
  #doors{display:flex;flex-wrap:wrap;gap:5px}
  #doors:empty::after{content:"no door knocked on in the last ten minutes";color:var(--dim);font-size:10.5px}
  .door{display:flex;align-items:center;gap:6px;border:1px solid var(--seam);border-radius:4px;padding:2px 8px;font-size:10.5px;color:var(--dim);
    background:var(--glass);cursor:pointer;white-space:nowrap}
  .door b{color:var(--ink);font-weight:normal;letter-spacing:.04em}
  .door.slow{border-color:var(--red)} .door.slow b,.door.slow{color:var(--red)}
  #board{display:grid;gap:4px}
  #board:empty::after{content:"nothing running yet — ask anything in the chat, or declare an intention";color:var(--dim);font-size:10.5px}
  .run{display:grid;grid-template-columns:minmax(160px,260px) 1fr minmax(120px,200px);gap:10px;align-items:center;padding:5px 8px;
    border:1px solid var(--seam);border-radius:6px;background:var(--glass);font-size:11px;cursor:pointer;min-width:0}
  .run .who{display:flex;align-items:center;gap:8px;min-width:0}
  .run .who div{min-width:0} .run .who .w{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ink)}
  .run .who .k{font-size:9.5px;color:var(--dim);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .run .chain{display:flex;align-items:center;gap:5px;flex-wrap:wrap;color:var(--dim);min-width:0}
  .run .hop{border:1px solid var(--seam);border-radius:3px;padding:0 6px;color:var(--ink);white-space:nowrap;font-size:10.5px;max-width:22em;overflow:hidden;text-overflow:ellipsis}
  .run .hop.now{border-color:var(--cyan);color:var(--cyan)} .run .hop.done{color:var(--dim)} .run .hop.red{border-color:var(--red);color:var(--red)}
  .run .hop.human{border-color:var(--amber);color:var(--amber)} .run .hop.kernel{border-color:var(--violet);color:var(--violet)}
  .run .out{text-align:right;color:var(--dim);font-size:10.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .run.rested{opacity:.55}
  body:not(.ops) #board,body:not(.ops) #tape,body:not(.ops) #rails{opacity:.25}
  body:not(.arch) #tools{opacity:.35}
  #tape{font-size:10.5px;color:var(--dim);white-space:nowrap;overflow:hidden;display:flex;gap:16px;min-height:15px}
  #tape span{flex:none} #tape b{color:var(--ink);font-weight:normal} #tape i{font-style:normal;opacity:.6}
  body.no-structural .g-structural,body.no-quality .g-quality,body.no-resiliency .g-resiliency{opacity:.18}
  /* the sill: THE PANEL's three soft toggles, and the marker-group chips 0006 promised the main viewport */
  #sill{align-items:center;flex-wrap:wrap;gap:18px;padding:8px 26px 2px}
  #sill .pname{color:var(--amber);letter-spacing:.42em;cursor:help}
  .tog{cursor:pointer;display:inline-flex;align-items:center;gap:7px;background:none;border:0;color:var(--dim);font:inherit;letter-spacing:inherit;padding:2px}
  .tog .lamp{width:7px;height:7px} .tog.lit{color:var(--ink)} .tog.lit .lamp{background:var(--amber);box-shadow:0 0 6px var(--amber)}
  .tog:focus-visible{outline:1px solid var(--amber);outline-offset:3px}
  a.tog{text-decoration:none} a.tog:hover{color:var(--ink)} a.tog svg{width:13px;height:13px;fill:currentColor}
  #specband{display:none;color:var(--amber);letter-spacing:.14em;cursor:help} body.spectator #specband{display:inline}
  #sill .chips{display:flex;gap:5px;letter-spacing:.1em;align-items:center}
  /* ---- FULL SCREEN (JB's ask, 2026-09-28: "those with wide monitors would love it"): the panel alone, edge to edge —
     the ceiling, the strips, the floor and the side tabs fold away, the sill stays as the one thin bar (the toggles, the
     chat, the way out); on a wide display the drawing is scaled up to be read from a distance; the browser's own full
     screen is asked for on the click (a gesture is the browser's law), Esc or F leaves it; remembered in this browser ---- */
  body.wall #ceiling,body.wall .strip,body.wall #floor,body.wall #crew-tab,body.wall #monitor-tab{display:none}
  body.wall #window-frame{margin:0;padding:6px 6px 0;border:none;border-radius:0;box-shadow:none;background:var(--hull)}
  body.wall #space{border-radius:0}
  body.wall #sill{padding:5px 26px 6px}
  #sill .wall-only{display:none} body.wall #sill .wall-only{display:inline-flex}
  #sill #wallbtn .glyph{font-size:13px;line-height:1}
  @media (min-width:1600px){body.wall #space{zoom:1.15}}
  @media (min-width:2200px){body.wall #space{zoom:1.35}}
  #sill .mchip{border:1px solid var(--seam);border-radius:10px;padding:0 8px;cursor:pointer;color:var(--dim);background:none;font:inherit;font-size:9.5px;letter-spacing:.1em}
  #sill .mchip.lit{color:var(--ink);border-color:var(--amber-dim)}
  /* ---- THE TOUR (JB, 2026-09-29): a soft line around one region of the live panel at a time, the rest dimmed but
     still moving; a card beside it in plain words; the panel stays clickable through the line ---- */
  #tour{position:fixed;inset:0;z-index:14;pointer-events:none;display:none}
  #tour.open{display:block}
  #tour-line{position:fixed;border:1px solid var(--amber);border-radius:12px;pointer-events:none;
    box-shadow:0 0 0 3px color-mix(in srgb,var(--amber) 22%,transparent),0 0 28px color-mix(in srgb,var(--amber) 40%,transparent),0 0 0 200vmax var(--tour-dim);
    transition:left .5s cubic-bezier(.22,.9,.3,1),top .5s cubic-bezier(.22,.9,.3,1),width .5s cubic-bezier(.22,.9,.3,1),height .5s cubic-bezier(.22,.9,.3,1)}
  #tour-line.soft{animation:tourbreath 3.2s ease-in-out infinite}
  @keyframes tourbreath{0%,100%{box-shadow:0 0 0 3px color-mix(in srgb,var(--amber) 18%,transparent),0 0 22px color-mix(in srgb,var(--amber) 30%,transparent),0 0 0 200vmax var(--tour-dim)}
                        50%{box-shadow:0 0 0 4px color-mix(in srgb,var(--amber) 30%,transparent),0 0 36px color-mix(in srgb,var(--amber) 55%,transparent),0 0 0 200vmax var(--tour-dim)}}
  #tour-card{position:fixed;width:min(380px,calc(100vw - 32px));pointer-events:auto;background:var(--inspector);border:1px solid var(--amber-dim);
    border-radius:12px;padding:12px 14px 10px;font-size:12.5px;line-height:1.5;color:var(--ink);box-shadow:0 14px 40px var(--shadow);
    transition:left .5s cubic-bezier(.22,.9,.3,1),top .5s cubic-bezier(.22,.9,.3,1)}
  #tour-card .k{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:4px;padding-right:22px}
  #tour-card .k b{color:var(--amber);letter-spacing:.14em;font-weight:normal;font-size:11px}
  #tour-card .k span{color:var(--dim);font-size:10.5px;letter-spacing:.1em}
  #tour-card h4{margin:0 0 6px;font-size:14px;font-weight:500;color:var(--ink);letter-spacing:.02em}
  #tour-card p{margin:0 0 6px;color:var(--ink)}
  #tour-card p.q{color:var(--dim);font-style:italic}
  #tour-card .try{display:inline-flex;align-items:center;gap:8px;margin:4px 0 8px;padding:5px 10px;border:1px dashed var(--amber-dim);border-radius:8px;cursor:pointer;color:var(--amber);font-size:11.5px;max-width:100%}
  #tour-card .try:hover{border-style:solid;background:var(--hover)}
  #tour-card .try i{font-style:normal;color:var(--dim);font-size:10px;letter-spacing:.14em;flex:none}
  #tour-card .try span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  #tour-card .nav{display:flex;justify-content:space-between;align-items:center;gap:8px;border-top:1px solid var(--seam-soft);padding-top:8px;margin-top:2px}
  #tour-card .nav .dots{display:flex;gap:4px;flex-wrap:wrap}
  #tour-card .nav .dots i{width:5px;height:5px;border-radius:50%;background:var(--seam);display:block}
  #tour-card .nav .dots i.on{background:var(--amber);box-shadow:0 0 6px var(--amber)}
  #tour-card .nav .dots i.done{background:var(--amber-dim)}
  #tour-card .nav button{font:inherit;font-size:11px;letter-spacing:.1em;background:var(--hull2);color:var(--ink);border:1px solid var(--seam);border-radius:6px;padding:3px 10px;cursor:pointer}
  #tour-card .nav button.p{border-color:var(--amber);color:var(--amber)}
  #tour-card .nav button:disabled{opacity:.35;cursor:default}
  #tour-card .x{position:absolute;right:8px;top:6px;background:none;border:0;color:var(--dim);cursor:pointer;font:inherit;font-size:12px}
  #tour-card .x:hover{color:var(--amber)}
  #sill #tourbtn.beckon .lamp{background:var(--amber);animation:tourbeckon 2.4s ease-in-out infinite}
  @keyframes tourbeckon{0%,100%{box-shadow:0 0 2px var(--amber)}50%{box-shadow:0 0 10px var(--amber)}}
  /* the inspector: every block is a door — it opens in place; one click sets the chat's scope */
  #insp{position:absolute;right:12px;top:12px;width:min(330px,calc(100% - 24px));background:var(--inspector);border:1px solid var(--amber-dim);border-radius:8px;
    padding:9px 12px;font-size:11.5px;box-shadow:0 10px 30px var(--shadow);z-index:3}
  #insp .t{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px;gap:8px}
  #insp .t b{letter-spacing:.12em;font-weight:normal;color:var(--amber);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  #insp dl{display:grid;grid-template-columns:auto 1fr;gap:2px 10px;margin:0} #insp dt{color:var(--dim)} #insp dd{margin:0;min-width:0;overflow-wrap:anywhere}
  #insp .acts{display:flex;gap:6px;margin-top:7px;flex-wrap:wrap}
  #insp .acts button{font:inherit;font-size:10.5px;background:var(--hull2);color:var(--ink);border:1px solid var(--seam);border-radius:4px;padding:2px 8px;cursor:pointer}
  #insp .acts button.p{border-color:var(--amber);color:var(--amber)}
  #insp .x{background:none;border:0;color:var(--dim);cursor:pointer;font:inherit}
  @media (max-width:820px){#organs{grid-template-columns:repeat(3,1fr)} .run{grid-template-columns:1fr} .run .out{text-align:left} .rail-row{grid-template-columns:64px 1fr 110px}}
  @media (prefers-reduced-motion:reduce){.lamp,.seg,.organ .bar i{transition:none}}
</style>
<script>/* the light, before the first paint: the browser's memory, else the system's preference (THE DAYLIGHT GLASS) */
(function(){ try { let m = localStorage.getItem("orreth.theme"); if (!m) m = matchMedia("(prefers-color-scheme: light)").matches ? "light" : "dark"; document.documentElement.dataset.theme = m; } catch (e) {} })();</script>
</head>
<body>
<div id="bridge">
  <div class="strip"></div>
  <div id="ceiling">
    <span style="width:120px"><span class="daybtn" id="daybtn" onclick="themeFlip()" title="the Daylight Glass — flip the light (remembered in this browser)">☀</span></span>
    <span id="nameplate">O R R E T H<span class="vtag" id="vtag" title="the kernel that serves this page — its version, which kernel, and when it was lit; read live from its health door on every connection">…</span></span>
    <span id="chat-tab" onclick="toggleChat()">C H A T ▾</span>
  </div>
  <div id="window-frame"><div id="space" aria-label="THE PANEL — the kernel drawn as a mimic panel: geometry is architecture, light is operations, colour is origin">
    <div><div class="prow-label"><span>the kernel's organs</span><span class="line"></span><span class="r">declared by the kernel · always seated · click one to open it</span></div>
      <div id="organs">
        <div class="organ" data-organ="desk" title="THE DESK — the gate: who is seated, who may enroll, the join desk where a machine asks in · click to open"><div class="t"><span class="n">DESK</span><span class="lamp" id="l-desk"></span></div><div class="v" id="o-desk-v">no seat</div><div class="s"><span id="youtag" onclick="event.stopPropagation(); profileWords('what do you know about me?')" title="what this ground knows about you — click to read it">you</span></div><div class="perf-only s" id="p-desk">—</div></div>
        <div class="organ" data-organ="ground" title="THE GROUND — the kernel's memory: every ask, reply, marker and record, in this world · click to open"><div class="t"><span class="n">GROUND</span><span class="lamp" id="l-ground"></span></div><div class="v"><span class="worldtag" id="worldtag" title="the world this door serves, its cell and its epoch — from /world">u:dev</span></div><div class="s" id="o-ground-s">—</div><div class="perf-only s" id="p-ground">—</div></div>
        <div class="organ" data-organ="gateway" title="THE GATEWAY — every LLM call goes through it, metered in dollars · the Stable's minds stand behind it · click to open"><div class="t"><span class="n">GATEWAY</span><span class="lamp" id="l-gateway"></span></div><div class="v" id="o-gateway-v">—</div><div class="s" id="o-gateway-s">—</div><div class="perf-only s" id="p-gateway">—</div></div>
        <div class="organ" data-organ="shelf" title="THE SHELF — every service the kernel governs: tools, MCP servers, stores, sources, minds · one ladder · click to open"><div class="t"><span class="n">SHELF</span><span class="lamp" id="l-shelf"></span></div><div class="v" id="o-shelf-v">—</div><div class="s" id="o-shelf-s">—</div><div class="perf-only s" id="p-shelf">—</div></div>
        <div class="organ" data-organ="monitor" title="THE MONITOR — the watches, the health checks, the harness, the levers the kernel can pull · click to open"><div class="t"><span class="n">MONITOR</span><span class="lamp" id="l-monitor"></span></div><div class="v" id="o-monitor-v">—</div><div class="s" id="o-monitor-s">—</div><div class="perf-only s" id="p-monitor">—</div></div>
        <div class="organ" data-organ="analyzer" title="THE ANALYZER — everything born in the chat, by origin: intentions, objectives, thoughts, actions · click to open"><div class="t"><span class="n">ANALYZER</span><span class="lamp" id="l-analyzer"></span></div><div class="v" id="o-analyzer-v">—</div><div class="s" id="o-analyzer-s">—</div><div class="perf-only s" id="p-analyzer">—</div></div>
      </div></div>
    <div><div class="prow-label"><span>the firmware-rails</span><span class="line"></span><span class="r">a segment lights when a fact passes, then fades · amber a person · cyan a body · violet the kernel · red a watch or a hold</span></div>
      <div id="rails">
        <div class="rail-row" title="the relay — carries every fact from the outbox to the topics"><span>relay</span><div class="track" data-rail="relay"></div><span class="depth" id="d-relay">—</span></div>
        <div class="rail-row" title="the dispatcher — hands each ask to the bench of the body that serves it"><span>dispatcher</span><div class="track" data-rail="dispatcher"></div><span class="depth" id="d-dispatcher">—</span></div>
        <div class="rail-row" title="the scheduler — wakes the crew's duties on their clocks; a duty's ask lights it toward the runner"><span>scheduler</span><div class="track" data-rail="scheduler"></div><span class="depth" id="d-scheduler">—</span></div>
        <div class="rail-row" title="presence — the leases that say who is alive; a lease lapsing or seated again lights it, the station follows"><span>presence</span><div class="track" data-rail="presence"></div><span class="depth" id="d-presence">—</span></div>
        <div class="rail-row" title="intent — the standing intentions' ticks: observe, plan, act, attribute"><span>intent</span><div class="track" data-rail="intent"></div><span class="depth" id="d-intent">—</span></div>
      </div></div>
    <div class="perf-only"><div class="prow-label"><span>the doors · p50 / p95</span><span class="line"></span><span class="r">every door this kernel answered in the last ten minutes · half within the first number, nineteen of twenty within the second · the slowest first · red past one second · click one to open it</span></div>
      <div id="doors"></div></div>
    <div><div class="prow-label"><span>the crew's stations · firmware</span><span class="line"></span><span class="r">a chip seated by its lease · dashed = declared, not seated · amber = parked · click one to open it</span></div>
      <div class="stations" id="st-fw"></div></div>
    <div><div class="prow-label"><span>stations · residents</span><span class="line"></span><span class="r">the bodies that answer you</span></div>
      <div class="stations" id="st-res"></div></div>
    <div><div class="prow-label"><span>the shelf's tools</span><span class="line"></span><span class="r">border = how consequential · plain routine · amber consequential · red grave · a lamp = a tool hop</span></div>
      <div id="tools"></div></div>
    <div><div class="prow-label"><span>the running board</span><span class="line"></span><span class="r">intention → objective → thought → action · the marker tree, live · every row a door</span></div>
      <div id="board"></div></div>
    <div id="tape" title="the feed, in words — the newest facts first"></div>
    <div id="insp" hidden>
      <div class="t"><b id="i-name">—</b><button class="x" id="i-close" aria-label="close the inspector" title="close · [Esc]">✕</button></div>
      <dl>
        <dt>what</dt><dd id="i-kind">—</dd>
        <dt>self</dt><dd id="i-did">—</dd>
        <dt>lease</dt><dd id="i-lease">—</dd>
        <dt>life</dt><dd id="i-life">—</dd>
        <dt>serving</dt><dd id="i-serving">—</dd>
        <dt>meter</dt><dd id="i-meter">—</dd>
      </dl>
      <div class="acts" id="i-acts"></div>
    </div>
  </div></div>
  <div id="sill">
    <span class="pname" title="THE PANEL — the kernel drawn as a control room's mimic panel: geometry is architecture, light is operations, colour is origin">T H E &nbsp; P A N E L</span>
    <span class="vtag wall-only" id="vtag2" title="the kernel that serves this page — its version, which kernel, and when it was lit; read live from its health door">…</span>
    <button class="tog lit" data-layer="arch" title="ARCHITECTURE — what is built, seated, or offline: the organs, every declared socket, the tools · click to show or hide the empty sockets and the tools"><span class="lamp"></span>ARCHITECTURE</button>
    <button class="tog lit" data-layer="ops" title="OPERATIONS — what is happening now: the rails light, the stations answer, the running board moves · click to dim it"><span class="lamp"></span>OPERATIONS</button>
    <button class="tog" data-layer="perf" title="PERFORMANCE — the numbers over the same drawing: under each organ its doors' p95 (how long the slowest of twenty knocks took), under the GROUND the pool of lines to the ground, the outbox's age, the spend, the benches' depth, and THE DOORS row — every door answered in the last ten minutes, the slowest first, red past one second"><span class="lamp"></span>PERFORMANCE</button>
    <span class="chips"><span title="the marker groups — dim a group's rows on the board and the tape">markers</span><span id="mchips"></span></span>
    <button class="tog" id="tourbtn" onclick="tourStart()" title="THE TOUR — a soft line around each part of the panel in turn, in plain words: what it is, what to try · ← → to move, Esc to leave · say 'tour' in the chat any time"><span class="lamp"></span>TOUR</button>
    <button class="tog" id="wallbtn" onclick="wall(!document.body.classList.contains('wall'), true)" title="FULL SCREEN — the panel alone, edge to edge, for a wide monitor: the ceiling, the tabs and the floor fold away and the browser goes full screen too · Esc or F leaves it · remembered in this browser"><span class="glyph">⛶</span>FULL SCREEN</button>
    <a class="tog" href="https://docs.orreth.ai" target="_blank" rel="noopener" title="THE BOOK — docs.orreth.ai: what Orreth is, how to run it, how to build a body of your own">📖 THE BOOK</a>
    <a class="tog" href="https://github.com/iotlodge/orreth" target="_blank" rel="noopener" title="THE SOURCE — the kernel is public: read it, run it, star it on GitHub"><svg viewBox="0 0 16 16" aria-hidden="true"><path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27s1.36.09 2 .27c1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.01 8.01 0 0 0 16 8c0-4.42-3.58-8-8-8z"/></svg>STAR IT</a>
    <span id="specband" title="this page is a photograph: every number, every body, every fact was read from a kernel that really ran, at the moment named here — the feed replays its captured minutes on a loop; you may look at everything and move nothing">…</span>
    <button class="tog wall-only" onclick="toggleChat()" title="the chat — every reply arrives whole">CHAT ▾</button>
    <button class="tog wall-only" onclick="toggleBand()" title="the Analyzer — everything born in the chat, by origin">ANALYZER ▴</button>
  </div>
  <div class="strip"></div>
  <div id="floor" onclick="toggleBand()" title="the Analyzer — everything born in the chat, by origin">A N A L Y Z E R ▴</div>
</div>

<div id="crew-tab" onclick="toggleCrew()" title="the crew — every body in this world, both sides">C R E W</div>
<div id="crew">
  <header onclick="toggleCrew(false)" style="cursor:pointer" title="close the Crew">CREW · every body in this world — residents and firmware, both sides · [Esc] closes this · ▾ close</header>
  <div id="cards"></div>
</div>

<div id="monitor-tab" onclick="toggleMonitor()" title="monitoring — the Operating State, live">M O N I T O R</div>
<div id="monitor">
  <header onclick="toggleMonitor(false)" style="cursor:pointer" title="close the Monitoring"><span>MONITORING · the Operating State, live — the pulse · peers · the Stable · health · rails · bodies · asks · watches · the harness</span><span class="x">Esc · ▾ close</span></header>
  <div id="views"></div>
</div>

<div id="guide" role="dialog" aria-label="the guide">
  <header onclick="toggleGuide(false)" style="cursor:pointer" title="close the guide">THE GUIDE · what you can say here, and what happens · [Esc] closes this · ▾ close</header>
  <div id="guide-rows"></div>
</div>

<div id="tour" aria-live="polite">
  <div id="tour-line"></div>
  <div id="tour-card" role="dialog" aria-label="the tour"></div>
</div>

<div id="band">
  <header onclick="toggleBand(false)" style="cursor:pointer" title="close the Analyzer">ANALYZER · everything born in the chat, by origin — intentions · objectives · in flight and done · every row a door · ▾ close</header>
  <div id="band-rows"></div>
</div>

<div id="chat">
  <div id="grip" title="drag to resize — the upper-right corner stays"
       aria-label="resize the chat" role="separator"></div>
  <header><span id="chat-head">THE ONE CHAT · u:dev</span>
    <span class="hint"><a id="ses-list">sessions</a> · <a id="ses-new">new session</a>
      · <a onclick="toggleChat(false)" title="close the chat, keep the pulls">▾ close</a>
      · [Esc] returns to the bridge</span></header>
  <div id="focus"><span>FOCUS</span><span id="focus-what"></span>
    <span class="hint">[Esc] returns the bridge, scope restored</span></div>
  <div id="includes"><span>INCLUDES</span>
    <a data-fn="planner">plan</a> · <a data-fn="critic">critique</a> · <a data-fn="grader">grade</a>
    <span class="hint">one step over what the residents brought into this session</span></div>
  <div id="clock" class="now"><span>TIME</span>
    <span class="axis"><span class="edge">now</span></span>
    <span class="hint" id="clock-hint">type "between X and Y" or "since …" to set it</span></div>
  <div id="chat-body">
    <div id="log"></div>
    <div id="rail"><h4>RESIDENTS</h4><div id="chips"></div></div>
  </div>
  <div id="pin" title="a held act waits for your word here — it never scrolls away"></div>
  <div id="composer">
    <input id="chat-in" placeholder="ask anything — every reply arrives whole"
           autocomplete="off">
    <button onclick="send()">ASK</button>
  </div>
  <div id="kind"><span>KIND</span><b id="kind-word" title="click to flip — or type “objective: …” / “intention: …”">THOUGHT</b>
    <span class="hint" id="kind-hint">the words propose it · click to flip · the marker is minted with the ask</span>
    <button id="impact-btn" class="btn-impact" hidden title="ask MITL — the Master Mind In the Loop — what this intention would touch, before you declare it">expected impact?</button>
    <span class="sep">·</span><b id="mitl-word" title="MITL — the Master Mind In the Loop, Orreth's own specialist · click to summon or dismiss (recorded, never deleted)">MITL OFF</b>
    <span class="hint" id="mitl-hint">the Master Mind In the Loop · off · click to summon</span></div>
</div>
<div id="pulse">PULSE · connecting…</div>

<script>window.ORRETH_DEMO={"at": "2026-09-30T19:45:44.000Z", "person": "did:orreth:person:jb", "governs": true, "world": "u:dev", "refusal": "a spectator may watch this world turn, not move it \u2014 this page is a photograph of a kernel that ran; run your own from the book"}</script>
<script>
/* ---- THE DAYLIGHT GLASS (row 4, panel sp2): the same glass in daylight — the choice remembered in this browser;
   with none remembered the system's preference decides and is followed when it changes ---- */
function themeApply(m, remember){
  document.documentElement.dataset.theme = m;
  const b = document.getElementById("daybtn");
  if (b){ b.textContent = m === "light" ? "☾" : "☀"; b.title = m === "light" ? "back to the night glass (remembered in this browser)" : "the Daylight Glass — flip the light (remembered in this browser)"; }
  if (remember){ try { localStorage.setItem("orreth.theme", m); } catch (e) {} }
}
function themeFlip(){ themeApply(document.documentElement.dataset.theme === "light" ? "dark" : "light", true); }
(function themeLoad(){
  let m = null; try { m = localStorage.getItem("orreth.theme"); } catch (e) {}
  const sys = () => (matchMedia("(prefers-color-scheme: light)").matches ? "light" : "dark");
  themeApply(m || sys(), false);
  try { matchMedia("(prefers-color-scheme: light)").addEventListener("change", () => { let r = null; try { r = localStorage.getItem("orreth.theme"); } catch (e) {} if (!r) themeApply(sys(), false); }); } catch (e) {}
})();
/* ---- P7 sp8 row 3: THE SEAT — every door reads the person from the seat token, never from this page's word.
   The seat is kept in this browser (localStorage "orreth.seat") and rides every knock as a bearer header;
   the live feed, which cannot send headers, carries it as its query. A door that answers 401 "not seated"
   (no seat, an expired one, a left one, a forged one — the same words) brings the seat form into the chat:
   your name and the code your authenticator shows. On a ground no one holds, the first to prove an
   authenticator becomes its OWNER — the ceremony — and enrolling anyone else is the owner's word. ---- */
let PERSON = null, SEAT = null, GOVERN = false;   // W69: whether this seat GOVERNS (the owner, a master) — read off its own grants
function seatToken(wire){ try { return JSON.parse(atob(wire.replace(/-/g, "+").replace(/_/g, "/"))); } catch (e) { return null; } }
function seatGoverns(t){ return !!(t && Array.isArray(t.grants) && t.grants.some(g => g && g.action === "govern")); }
(function seatLoad(){
  try { SEAT = localStorage.getItem("orreth.seat") || null; } catch (e) {}
  const t = SEAT && seatToken(SEAT);
  if (t && t.constraints && new Date(t.constraints.expiry) > new Date()){ PERSON = t.subject; GOVERN = seatGoverns(t); }
  else SEAT = null;
})();
const _fetch = window.fetch.bind(window);
window.fetch = function(url, opts){
  opts = opts || {};
  if (SEAT){ const h = new Headers(opts.headers || {}); if (!h.has("authorization")) h.set("authorization", "Bearer " + SEAT); opts.headers = h; }
  return _fetch(url, opts).then(r => { if (r.status === 401) unseated(); return r; });
};
/* ---- THE SPECTATOR (the refresh season's step 3, 2026-09-30): demo.orreth.ai is a PHOTOGRAPH of a kernel that really ran.
   scripts/snapshot_glass.py reads every door of a live kernel with a real seat, writes the answers as fixtures beside this page,
   records some minutes of the feed, and injects `window.ORRETH_DEMO` — {at, person, governs, world, refusal}. Under it:
   every GET reads its fixture (the same words the kernel answered), every other knock is refused with ONE face, the feed
   replays its captured minutes on a loop, the clock reads the photograph's moment (so every age on the page is the age it
   had), the seat form never opens, and THE TOUR opens itself for a first visit. Nothing of the kernel ships: no seat, no key,
   no endpoint — a page that cannot act is the strongest form of "view only". Absent live. ---- */
if (window.ORRETH_DEMO) (function spectator(){
  const D = window.ORRETH_DEMO;
  document.body.classList.add("spectator");
  // the clock: the photograph's moment, moving forward from there — and back to it when the feed replays from its first minute
  const _Date = Date; let shift = _Date.now() - _Date.parse(D.at);
  window.Date = class extends _Date { constructor(...a){ if (a.length) super(...a); else super(_Date.now() - shift); } static now(){ return _Date.now() - shift; } };
  // the seat: the spectator reads as the person who held the seat when the moment was taken, and writes as no one
  SEAT = "spectator"; PERSON = D.person || null; GOVERN = !!D.governs;
  unseated = async function(){};                                          // no seat form on a photograph
  const refusal = D.refusal || "a spectator may watch this world turn, not move it — this page is a photograph of a kernel that ran; run your own from the book";
  const fixture = u => { let p = String(u).replace(/^https?:\/\/[^/]+/, "").replace(/^\//, ""); try { p = decodeURIComponent(p); } catch (e) {}   // one name per door, safe on any bucket
    return "fixtures/" + p.replace(/[\/?&=]/g, m => ({"/": "__", "?": "~", "&": "~", "=": "-"})[m]).replace(/[^A-Za-z0-9._~-]/g, "_") + ".json"; };
  const answer = (status, body) => new Response(JSON.stringify(body), {status, headers: {"content-type": "application/json"}});
  window.fetch = function(url, opts){
    if (((opts && opts.method) || "GET").toUpperCase() !== "GET") return Promise.resolve(answer(403, {error: refusal}));
    return _fetch(fixture(url)).then(r => r.ok ? r : answer(404, {error: "this door was not in the photograph"})).catch(() => answer(404, {error: "this door was not in the photograph"}));
  };
  // the feed: the captured minutes, replayed in their own rhythm, from the first minute again when they run out
  window.EventSource = class {
    constructor(){ this._on = {}; this.onmessage = null; this.onopen = null; this.onerror = null; this._timers = [];
      _fetch("fixtures/feed.json").then(r => r.json()).then(f => { this._feed = f; if (this.onopen) this.onopen({}); this._play(); }).catch(() => { if (this.onerror) this.onerror({}); }); }
    addEventListener(name, fn){ this._on[name] = fn; }
    _play(){ shift = _Date.now() - _Date.parse(D.at);
      const evs = (this._feed && this._feed.events) || [], span = (this._feed && this._feed.seconds ? this._feed.seconds : 60) * 1000;
      for (const e of evs) this._timers.push(setTimeout(() => { const ev = {data: e.data}; if (e.event) { if (this._on[e.event]) this._on[e.event](ev); } else if (this.onmessage) this.onmessage(ev); }, e.t));
      this._timers.push(setTimeout(() => this._play(), span + 1500)); }
    close(){ this._timers.forEach(clearTimeout); this._timers = []; }
  };
  // the band on the sill, and the tour for a first visit
  const when = new _Date(D.at).toLocaleString([], {dateStyle: "medium", timeStyle: "short"});
  const band = document.getElementById("specband"); if (band) band.textContent = "A PHOTOGRAPH · " + when;
  setTimeout(() => { let seen = null; try { seen = localStorage.getItem("orreth.tour.seen"); } catch (e) {} if (!seen) tourStart(); }, 1600);
})();
let SEAT_ASKED = false, SEAT_ROW = null;
async function unseated(){                        // the seat form, once WHILE IT STANDS: the ceremony on a fresh ground, else name + code
  if (SEAT_ASKED && (SEAT_ROW === "drawing" || (SEAT_ROW && document.body.contains(SEAT_ROW)))) return;   // W96 (JB, 2026-09-30): ONE form while it
  SEAT_ASKED = true; SEAT_ROW = "drawing";                                                                 // stands or is being drawn; a wiped form is drawn again on the next refusal
  SEAT = null; PERSON = null; GOVERN = false; drawHead();
  try { localStorage.removeItem("orreth.seat"); } catch (e) {}
  const st = await _fetch("/seat").then(x=>x.json()).catch(()=>null);
  const ceremony = !!(st && st.ceremony), hours = st && st.hours ? st.hours : 24;
  const msg = el("msg theirs", `<div class="who">the kernel</div><span class="stepwords">` + (ceremony
    ? `No one holds this ground yet: the first person to prove an authenticator here becomes its owner. Type your name (lower-case letters, digits, - or _). Already enrolled on this ground? Type the code your authenticator shows and take your seat. Not yet? Enroll: scan the QR with your authenticator app and type the code it shows.`
    : `This door needs your seat. Type your name and the code your authenticator shows now — a seat lasts ${esc(String(hours))} hours; say “leave my seat” to end it sooner. No authenticator yet? Ask the owner of this ground to enroll you.`) + `</span>`);
  const row = document.createElement("div"); row.className = "confirm-row";
  row.innerHTML = `<input class="who-in" placeholder="your name, e.g. jb" aria-label="your name" autocomplete="username">` +
    `<input inputmode="numeric" maxlength="6" pattern="[0-9]*" placeholder="6-digit code" aria-label="the code from your authenticator">` +
    `<button class="btn-yes" disabled>Take my seat</button>` +
    (ceremony ? `<button class="btn-enroll" disabled>Enroll</button>` : ``);
  const name = row.querySelector(".who-in"), code = row.querySelector("input[inputmode]"), yes = row.querySelector(".btn-yes"), enroll = row.querySelector(".btn-enroll");
  const nameOk = () => /^[a-z][a-z0-9_-]{1,23}$/.test(name.value.trim());
  const refresh = () => { yes.disabled = !(nameOk() && /^\d{6}$/.test(code.value)); if (enroll) enroll.disabled = !nameOk(); };
  row.querySelectorAll("input").forEach(i => { i.addEventListener("input", refresh);
                                              i.addEventListener("keydown", e => { if (e.key === "Enter") e.preventDefault(); }); });   /* Enter never submits */
  yes.onclick = async () => {
    row.querySelectorAll("button,input").forEach(x => x.disabled = true);
    await takeSeat(name.value.trim(), code.value, msg, row);
  };
  if (enroll) enroll.onclick = async () => {
    row.querySelectorAll("button,input").forEach(x => x.disabled = true);
    const c = await _fetch("/enroll", {method:"POST", headers:{"content-type":"application/json"}, body: JSON.stringify({person: name.value.trim()})})
      .then(async x => ({s: x.status, b: await x.json()})).catch(()=>null);
    if (!c || c.s !== 201){ stepRefused(msg, row, c && c.s === 403 ? "that name already holds an authenticator here — type its code and take your seat instead"
                                                   : "that name did not enroll — " + (c && c.b && c.b.error ? c.b.error : "the door did not answer")); return; }
    stepDone(msg, row, `enrolling ${esc(name.value.trim())}`);
    drawEnroll(c.b, false, name.value.trim());
  };
  msg.appendChild(row); name.focus(); SEAT_ROW = row;
}
async function takeSeat(name, code, msg, row){   // the code proves the person; the token comes back; the page wakes seated
  const r = await _fetch("/seat", {method:"POST", headers:{"content-type":"application/json"}, body: JSON.stringify({person: name, code})})
    .then(async x => ({s: x.status, b: await x.json()})).catch(()=>null);
  if (!r || r.s !== 201){
    stepRefused(msg, row, r && r.s === 403 ? "not seated — that code was not right, or that name holds no authenticator here; type the code your app shows now"
                        : r && r.b && r.b.error ? r.b.error : "the seat door did not answer");
    return;
  }
  SEAT = r.b.wire; PERSON = r.b.person; GOVERN = seatGoverns(seatToken(SEAT)); drawHead();
  try { localStorage.setItem("orreth.seat", SEAT); } catch (e) {}
  stepDone(msg, row, esc(r.b.words));
  setTimeout(() => location.reload(), 700);
}
async function seatWords(text){                  // "leave my seat" · "who am I seated as?" · "my seat"
  const t = text.toLowerCase().replace(/[.!?]+$/, "").trim();
  if (/^leave (my )?seat$/.test(t) || /^(sign|log) ?out$/.test(t)){
    el("msg mine", esc(text));
    const r = await fetch("/seat/leave", {method:"POST", headers:{"content-type":"application/json"}, body: "{}"}).then(x=>x.json()).catch(()=>null);
    sysline(esc(r && r.words ? r.words : "your seat is ended"));
    SEAT = null; PERSON = null; GOVERN = false; drawHead(); try { localStorage.removeItem("orreth.seat"); } catch (e) {}
    setTimeout(() => location.reload(), 700);
    return true;
  }
  if (/^(my seat|who am i seated as|whose seat is this|am i seated)$/.test(t)){
    el("msg mine", esc(text));
    const tk = SEAT && seatToken(SEAT);
    sysline(tk ? `seated as ${esc(whoIs(tk.subject))} until ${esc(new Date(tk.constraints.expiry).toLocaleString())} · ${esc(tk.grants.map(g => g.action).join(" · "))} within ${esc(tk.audience)}` : "not seated");
    return true;
  }
  return false;
}

/* ---- the chat pull + THE ESC LAW: one keystroke returns the bridge ---- */
const chat = document.getElementById("chat");
function toggleChat(open){
  chat.classList.toggle("open", open ?? !chat.classList.contains("open"));
  if (chat.classList.contains("open"))
    document.getElementById("chat-in").focus();
}
addEventListener("keydown", e => {
  if (e.key === "Escape") {                             // SPEC-ESC-01 + P19 — W32 (walk #11): ONE Esc, ONE thing —
    if (tourOpen()) tourEnd();                                       // THE TOUR is the lightest thing on top of everything
    else if (inspOpen()) inspClose();                                // the panel's inspector is the smallest thing open
    else if (guideBox.classList.contains("open")) toggleGuide(false); // the guide is on top of everything
    else if (band.classList.contains("open")) toggleBand(false);     // the pull on top closes first;
    else if (monitorPull.classList.contains("open")) toggleMonitor(false);   // the chat and the focus only
    else if (crewPull.classList.contains("open")) toggleCrew(false);         // when no pull is open —
    else if (chat.classList.contains("open") || FOCUS.length) { popAllFocus(); toggleChat(false); }   // then the bridge, scope restored exactly
    else if (document.body.classList.contains("wall")) wall(false, true);   // last of all, full screen is left
  }
  if (tourOpen() && (e.key === "ArrowRight" || e.key === "ArrowLeft") && !/^(INPUT|TEXTAREA|SELECT)$/.test((e.target && e.target.tagName) || "")){
    e.preventDefault(); tourStep(e.key === "ArrowRight" ? 1 : -1); return;
  }
  if ((e.key === "f" || e.key === "F") && !e.metaKey && !e.ctrlKey && !e.altKey && !/^(INPUT|TEXTAREA|SELECT)$/.test((e.target && e.target.tagName) || "") && !(e.target && e.target.isContentEditable)){
    e.preventDefault(); wall(!document.body.classList.contains("wall"), true);   // F: full screen on or off (never while typing)
  }
});
/* ---- FULL SCREEN (JB's ask, 2026-09-28): the panel alone, edge to edge. `gesture` = a click or a key, when the browser's
   own full screen may be asked for; on load the remembered layout is applied without it (the browser's law). ---- */
function wall(on, gesture){
  document.body.classList.toggle("wall", on);
  const b = document.getElementById("wallbtn"); if (b){ b.classList.toggle("lit", on); b.innerHTML = `<span class="glyph">⛶</span>${on ? "LEAVE FULL SCREEN" : "FULL SCREEN"}`; }
  try { localStorage.setItem("orreth.panel.wall", on ? "1" : "0"); } catch (e) {}
  if (gesture){
    if (on && !document.fullscreenElement && document.documentElement.requestFullscreen) document.documentElement.requestFullscreen().catch(()=>{});
    if (!on && document.fullscreenElement && document.exitFullscreen) document.exitFullscreen().catch(()=>{});
  }
}
document.addEventListener("fullscreenchange", () => {     // the browser's own Esc leaves the browser's full screen: the panel follows
  if (!document.fullscreenElement && document.body.classList.contains("wall")) wall(false, false);
});
(function wallLoad(){ let w = null; try { w = localStorage.getItem("orreth.panel.wall"); } catch (e) {} if (w === "1") wall(true, false); })();

/* ---- THE GUIDE (walk #13, JB's seed): kept by the kernel, served by every door, opened to where you are ---- */
const guideBox = document.getElementById("guide");
function whereAmI(){
  if (crewPull.classList.contains("open")) return "crew";
  if (monitorPull.classList.contains("open")) return "monitor";
  if (band.classList.contains("open")) return "band";
  return "chat";
}
function guideWords(text){
  const t = text.trim().toLowerCase().replace(/[.!]+$/, "");
  if (/^(tour|the tour|show me around|guide the panel|walk me through( the panel| it)?|what am i looking at|where am i)$/.test(t)){
    el("msg mine", esc(text)); toggleChat(false); tourStart(); return true;      // THE TOUR: the panel itself, in plain words
  }
  if (!/^(guide|help|\?|the guide|show (me )?the guide|what can i say( here)?)$/.test(t)) return false;
  el("msg mine", esc(text));
  toggleGuide(true);
  return true;
}
async function toggleGuide(open){
  const now = open ?? !guideBox.classList.contains("open");
  guideBox.classList.toggle("open", now);
  if (!now) return;
  const g = await fetch("/guide").then(x=>x.json()).catch(()=>null);
  const box = document.getElementById("guide-rows"); box.innerHTML = "";
  if (!g){ box.innerHTML = `<div class="meta">the guide door did not answer</div>`; return; }
  const here = whereAmI();
  const secs = [...(g.sections || [])].sort((a, b) => (b.when === here) - (a.when === here));   // where you are, first
  box.insertAdjacentHTML("beforeend", `<div class="meta">${esc(g.kept_by || "")} · v${esc(g.version || "")}</div>`);
  for (const s of secs){
    const d = document.createElement("div"); d.className = "sec" + (s.when === here ? " here" : "");
    d.innerHTML = `<h5>${esc(s.title)}${s.when === here ? " · you are here" : ""}</h5>` + (s.lead ? `<div class="lead">${esc(s.lead)}</div>` : "") +
      (s.entries || []).map(e => `<div class="row"><span class="say" data-say="${esc(e.say)}" title="click to put these words in the composer">${esc(e.say)}</span><span class="does">${esc(e.does)}</span></div>`).join("");
    box.appendChild(d);
  }
  box.querySelectorAll("[data-say]").forEach(x => x.onclick = () => {          // a click puts the words in the composer, never sends them
    const say = x.dataset.say.split(" · ")[0];
    if (/^\(/.test(say)) return;
    toggleGuide(false); toggleChat(true);
    const ta = document.getElementById("chat-in");
    if (ta){ ta.value = say; ta.focus(); }
  });
}

/* ---- THE TOUR (JB, 2026-09-29): the panel itself, in plain words — a soft line around one region of the LIVE
   drawing at a time (its lights keep moving underneath), a card beside it saying what it is and what to try; "try it"
   puts words in the chat and never sends them; ← → move, Esc leaves; steps whose part is folded away (full screen,
   a layer off) are skipped. It is a guide to explore by, not a manual: three ways to work — do it yourself, work
   with the crew, or ask the kernel to take the lead — and a person in and on the loop in every one of them. ---- */
const TOUR = [
  {at: "#space", title: "Welcome to the panel",
   words: ["This is a kernel for agents, drawn as a control room's panel. Everything you see is real and live: the shapes are what is built, the light is what is happening right now, and the colour says who did it — amber a person, cyan an agent, violet the kernel itself.",
           "You sit outside it and steer. There are three ways to work here: do it yourself, work alongside the crew, or ask the kernel to take the lead. Every one of them keeps a person in and on the loop. Let's walk it."]},
  {at: "#organs", title: "The kernel's organs",
   words: ["Six organs the kernel always carries. The DESK is the door: who is seated, who may come in. The GROUND is its memory — every ask, reply and record, signed, in this world. The GATEWAY is where every thought an agent has is bought, in dollars. The SHELF holds every tool and service the kernel governs. The MONITOR watches the world and holds the levers. The ANALYZER shows everything that was born in the chat, by who asked.",
           "A lamp lit jade means the organ is well. Click any organ and it opens in place."]},
  {at: "#rails", title: "The rails",
   words: ["Five rails carry the world's traffic. When a fact passes — an ask, a reply, a lease, a duty waking, an intention taking a step — a segment lights toward whoever it is for, then fades. Watch them for a minute and you'll see the world breathe.",
           "Nothing travels off the rails. That's why every act can be replayed and explained later."]},
  {at: "#st-fw", title: "The firmware — the crew with jobs",
   words: ["These are agents with a function and no persona: the planner, the critic, the grader, the toolkeeper, the stable-keeper who looks after the language models themselves, and MITL — the mind-in-the-loop who has read the architecture and can explain it to you.",
           "They serve you in the chat, they serve the kernel's schedules and policies, and they do their jobs on a clock. Each chip is seated by a lease; a dashed chip is declared but not seated; amber means the kernel parked it and will say why."],
   try: "mitl, what does the planner do?"},
  {at: "#st-res", title: "The residents — the ones who answer you",
   words: ["Residents are the agents with a persona: the librarian keeps records and reads them back to you word for word; echo simply answers, so you can see the road an ask takes. Every resident is a permanent self — if one dies it comes back as the same self, with the same memory.",
           "Click a station to open its inspector: what it is, its self, its lease, its life, what it is serving, and what it has cost."],
   try: "librarian, what is the temperature outside?"},
  {at: "#tools", title: "The shelf's tools",
   words: ["Every tool the crew may use, with its border saying how consequential it is: plain is routine, amber holds for your yes, red is grave. A lamp flashes when an agent reaches for one.",
           "Where this is going: agents will make their own tools, prove them, and put them on this shelf for other agents to use — through the same gates you see here, with a person's word on anything that matters."]},
  {at: "#board", title: "The running board",
   words: ["Everything in flight, as a tree: an INTENTION you stated, the OBJECTIVES the kernel filed under it, the THOUGHTS and ACTIONS the crew took to meet them. Every row is a door — click one and the Analyzer opens on it.",
           "This is the part that grows when you let the kernel take the lead."]},
  {at: "#tape", title: "The tape",
   words: ["The same facts, in words, newest first: who asked, who answered, how long it took, which lease lapsed, which lever the kernel pulled and why. If you only read one line of the panel, read this one."]},
  {at: "#sill", title: "The sill — three soft switches",
   words: ["ARCHITECTURE shows what is built, even the empty sockets. OPERATIONS shows what is happening. PERFORMANCE lays the numbers over the same drawing — how long each door takes, what the world has spent.",
           "FULL SCREEN puts the panel alone on a wide display, so a room can watch a world from across the floor. As the panel grows new views, each will stand on its own monitor the same way. Press F any time."]},
  {at: "#chat-tab", title: "The one chat",
   words: ["Everything begins here. Ask a question and a resident answers, whole. Say something standing — “keep this world resilient” — and it becomes an INTENTION the kernel works on for as long as you let it. Say “guide” to see what else you can say, “tour” to come back here.",
           "It is not an ordinary prompt: it can open any pull, scope itself to one agent, call an agent in another world by name, and summon MITL when you are unsure."],
   try: "guide"},
  {at: "#crew-tab", title: "The CREW pull",
   words: ["Every body in this world on one page — residents and firmware, both sides of each: what it is, its self, its schedule, its mind, its spend. Pulls slide in from the edges; Esc puts them back."]},
  {at: "#monitor-tab", title: "The MONITOR pull",
   words: ["The operating state, live: the pulse (what the world spent today), the peers, the language models, the health checks, the rails, every body, the asks left waiting, the watches, and the harness. Every lever a person can pull is on it — rest a watch, stop an ask, let a peer go — and each is recorded, never deleted."],
   try: "open the monitor"},
  {at: "#floor", title: "The ANALYZER hatch",
   words: ["Lift the floor and you see everything born in the chat by its origin: your intentions, the objectives under them, what is in flight and what is done. It is the kernel's own account of what it is doing for you."]},
  {at: "#space", title: "Three ways to work",
   words: ["Do it yourself: you build or bring your own agent and seat it here under the same laws. Work with the crew: you and the residents and firmware craft the words, the skills and the plan together — MITL at your elbow. Or ask the kernel to take the lead: say what you want kept true, and the rails bring in the planner, the critic and the crew to observe, plan, act and report.",
           "In every one of the three, a consequential act holds until a person says yes. The dial is how much of the engineering you do — never whether a person is in the loop."],
   try: "keep this world resilient: when a watch goes red, get it green"},
  {at: '[data-organ="desk"]', title: "A person in and on the loop",
   words: ["Nobody acts anonymously here. You sat down with a seat the kernel minted after you proved who you are; every agent came in through the desk on a person's word; every consequential act waits at the interlock for a click; and you can stop anything the machine manages, any time, with a word.",
           "Security is not bolted onto the agents. It is the shape of the room."],
   try: "mitl, what would happen if I stopped the resiliency intention?"},
  {at: "#space", title: "Go and explore",
   words: ["Click anything — every organ, station, tool and row is a door. Watch the rails for a while. Ask the librarian something you'd ask a colleague. State one intention and come back tomorrow to read the board.",
           "Say “tour” whenever you want this walk again, and “guide” for everything you can say. The panel is yours."]},
];
const tourBox = document.getElementById("tour"), tourLine = document.getElementById("tour-line"), tourCard = document.getElementById("tour-card");
let TOUR_AT = -1;
function tourOpen(){ return tourBox.classList.contains("open"); }
function tourVisible(sel){
  const el = document.querySelector(sel); if (!el) return null;
  const r = el.getBoundingClientRect();
  return (r.width > 0 && r.height > 0 && getComputedStyle(el).display !== "none") ? el : null;
}
function tourStart(){
  try { localStorage.setItem("orreth.tour.seen", "1"); } catch (e) {}
  document.getElementById("tourbtn").classList.remove("beckon");
  if (!document.body.classList.contains("arch")) document.querySelector('#sill .tog[data-layer="arch"]').click();   // the tools are on the walk
  toggleChat(false); toggleCrew(false); toggleMonitor(false); toggleBand(false); if (inspOpen()) inspClose();   // the panel alone under the line
  tourBox.classList.add("open"); TOUR_AT = -1; tourStep(1);
}
function tourEnd(){ tourBox.classList.remove("open"); tourLine.classList.remove("soft"); TOUR_AT = -1; }
function tourStep(dir){
  let i = TOUR_AT;
  do { i += dir; } while (i >= 0 && i < TOUR.length && !tourVisible(TOUR[i].at));   // a part folded away is skipped
  if (i < 0) return;
  if (i >= TOUR.length){ tourEnd(); return; }
  TOUR_AT = i; tourDraw();
}
function tourDraw(){
  const st = TOUR[TOUR_AT]; const el = tourVisible(st.at); if (!el){ tourStep(1); return; }
  if (st.at !== "#space") el.scrollIntoView({block: "nearest", inline: "nearest"});
  const r = el.getBoundingClientRect(), pad = st.at === "#space" ? 4 : 8;
  const L = Math.max(4, r.left - pad), T = Math.max(4, r.top - pad);
  const W = Math.min(innerWidth - L - 4, r.width + pad * 2), H = Math.min(innerHeight - T - 4, r.height + pad * 2);
  Object.assign(tourLine.style, {left: L + "px", top: T + "px", width: W + "px", height: H + "px"});
  tourLine.classList.add("soft");
  const n = TOUR.length, done = TOUR_AT;
  tourCard.innerHTML = `<button class="x" onclick="tourEnd()" title="leave the tour · Esc">✕</button>` +
    `<div class="k"><b>THE TOUR</b><span>${TOUR_AT + 1} of ${n}</span></div><h4>${esc(st.title)}</h4>` +
    st.words.map(w => `<p>${esc(w)}</p>`).join("") +
    (st.try ? `<div class="try" data-try="${esc(st.try)}" title="puts these words in the chat — nothing is sent until you press ASK"><i>TRY IT</i><span>“${esc(st.try)}”</span></div>` : "") +
    `<div class="nav"><button onclick="tourStep(-1)" ${TOUR_AT === 0 ? "disabled" : ""} title="←">← back</button>` +
    `<div class="dots">${TOUR.map((_, k) => `<i class="${k === TOUR_AT ? "on" : k < TOUR_AT ? "done" : ""}"></i>`).join("")}</div>` +
    `<button class="p" onclick="tourStep(1)" title="→">${TOUR_AT === n - 1 ? "done ✓" : "next →"}</button></div>`;
  const t = tourCard.querySelector("[data-try]");
  if (t) t.onclick = () => { toggleChat(true); const ta = document.getElementById("chat-in"); if (ta){ ta.value = t.dataset.try; ta.focus(); } };
  // the card sits below the line when there is room, else above, else beside; never off the screen
  const cw = Math.min(380, innerWidth - 32), ch = tourCard.offsetHeight || 220;
  let cl = Math.min(Math.max(16, L), innerWidth - cw - 16), ct;
  if (W > innerWidth * 0.6) cl = Math.round((innerWidth - cw) / 2);            // a wide part: the card under its middle
  if (st.at === "#space"){ cl = Math.round((innerWidth - cw) / 2); ct = Math.round((innerHeight - ch) / 2); }
  else if (T + H + ch + 14 < innerHeight) ct = T + H + 10;
  else if (T - ch - 14 > 0) ct = T - ch - 10;
  else { ct = Math.max(16, Math.min(T, innerHeight - ch - 16)); cl = L + W + 12 < innerWidth - cw - 16 ? L + W + 12 : Math.max(16, L - cw - 12); }
  Object.assign(tourCard.style, {left: cl + "px", top: ct + "px"});
}
addEventListener("resize", () => { if (tourOpen()) tourDraw(); });
document.getElementById("space").addEventListener("scroll", () => { if (tourOpen()) tourDraw(); }, {passive: true});
(function tourBeckon(){ let seen = null; try { seen = localStorage.getItem("orreth.tour.seen"); } catch (e) {} if (!seen) document.getElementById("tourbtn").classList.add("beckon"); })();

/* ---- the crew rail: residents on the right edge, targets by chip ---- */
const NAMES = {};                 // did -> name
let SELECTED = new Set();
let ROSTER = [];
function drawChips(){
  const box = document.getElementById("chips"); box.innerHTML = "";
  for (const res of ROSTER){
    if (res.kind === "firmware" && !(res.name === "mitl" && MITL_ON)) continue;   // the includes live on
    const b = document.createElement("button");                                  // the top edge; MITL joins
    b.className = "chip" + (SELECTED.has(res.name) ? " on" : "") + (res.refused ? " refused" : "");   // the rail when summoned
    const head = res.name === "mitl" ? "mitl · the Master Mind In the Loop" : res.name + (res.refused ? "" : " · life " + res.lives);
    // W7: what it IS, from its template; W18: a refused body says so and is never selectable (rule 7)
    b.innerHTML = esc(head) + `<span class="nat">${res.refused ? "refused — not here" + (res.why ? " · " + esc(res.why) : "")
                                                              : esc(res.nature || "")}</span>`;
    if (res.refused){ b.disabled = true; b.title = `${res.name} is refused here — ${res.why} · fix its template to seat it`; }
    else { b.title = `${res.name} — ${res.nature || "a resident"} · click to light or unlight`;
           b.onclick = () => { SELECTED.has(res.name) ? SELECTED.delete(res.name)
                                                      : SELECTED.add(res.name);
                               b.classList.toggle("on"); }; }
    box.appendChild(b);
  }
}
async function loadRoster(){                      // W18: the rail reads the SAME door as the cards (rule 7)
  const r = await fetch("/crew").then(x=>x.json()).catch(()=>null);
  if (!r || !r.crew) return;                      // unseated: the door answers "not seated", no roster
  ROSTER = r.crew.map(c => ({name: c.name, did: c.did, lives: c.lives, kind: c.kind, nature: c.nature || "",
                             refused: !!c.refused, why: c.refused ? ((c.placement || {}).reasons || []).join("; ") : ""}));
  for (const res of ROSTER){
    NAMES[res.did] = res.name;
    if (res.refused) SELECTED.delete(res.name);   // a refused body cannot be lit
  }
  if (!SELECTED.size){
    const first = ROSTER.find(x => x.name === "librarian" && !x.refused) || ROSTER.find(x => !x.refused && x.kind !== "firmware");
    if (first) SELECTED.add(first.name);
  }
  drawChips();
  panelStations().catch(()=>{});                  // the sockets follow the roster — and the roster follows the FEED (re-base sp1: lock 4's last poll gone)
}
function addressed(text){                         // W7: "echo, …" · "@echo …" · "librarian: …" → that body alone
  const m = (text || "").match(/^\s*@?([a-z0-9_-]+)\s*[,:]\s*\S/i);
  if (!m) return null;
  const hit = ROSTER.find(x => x.name.toLowerCase() === m[1].toLowerCase());
  return hit ? hit.name : null;
}
const ZONE = (() => { try { return Intl.DateTimeFormat().resolvedOptions().timeZone; } catch (e) { return undefined; } })();
loadRoster();                                     // once at load — then only on a notice: a body joined (a life) · refused · parked · its lease crossed (re-base sp1, lock 4: no timer)

/* ---- the Objectives band: the floor hatch opens ---- */
const band = document.getElementById("band");
function toggleBand(open){
  const now = open ?? !band.classList.contains("open");
  if (now){ toggleCrew(false); toggleMonitor(false); }      // W33: what focus leaves, retracts — one pull at a time
  band.classList.toggle("open", now);
  if (band.classList.contains("open")) loadBand();
}
let bandOpenRow = null;
let LAST_ORIGIN = null;           // the origin last opened here: "follow up on this by …"
let BAND_OPEN = null;             // the row open in the Analyzer: it survives a repaint (walk #6)
let BAND_OBS_OPEN = false;        // W6: the observations fold, remembered across repaints
const counts = o => Object.entries(o.counts || {}).map(([k, n]) => `${n} ${k}${n > 1 ? "s" : ""}`).join(" · ");
async function loadBand(){                     // P25: origins, from the ground — no body asked
  const r = await fetch("/analyzer").then(x=>x.json()).catch(()=>null);
  if (!r) return;
  const box = document.getElementById("band-rows"); const keep = box.scrollTop;
  box.innerHTML = ""; bandOpenRow = null;
  const ints = r.origins.filter(o => o.kind === "intention"), objs = r.origins.filter(o => o.kind === "objective");
  const obs = r.origins.filter(o => o.kind !== "intention" && o.kind !== "objective");   // W6: never an objective
  const head = (t, cls) => { const d = document.createElement("h5"); d.className = "origin-h" + (cls ? " " + cls : ""); d.textContent = t; box.appendChild(d); return d; };
  head("INTENTIONS · standing purposes — the kernel's and yours");
  if (!ints.length) box.insertAdjacentHTML("beforeend",
    `<div class="meta" style="padding:4px 8px">none yet — say “keep this world resilient: when a watch goes red, get it green”</div>`);
  for (const o of ints) box.appendChild(originRow(o));
  head("OBJECTIVES · what was asked to be done — in flight and done");
  if (!objs.length) box.insertAdjacentHTML("beforeend", `<div class="meta" style="padding:4px 8px">nothing asked yet</div>`);
  for (const o of objs) box.appendChild(originRow(o));
  if (obs.length){                                  // observations · actions · loose thoughts: folded, never lost
    const h = head(`OBSERVATIONS · ${obs.length} recorded — actions, observations and loose thoughts · ▸ click to open`);
    h.style.cursor = "pointer";
    const wrap = document.createElement("div"); wrap.hidden = !BAND_OBS_OPEN;
    for (const o of obs) wrap.appendChild(originRow(o));
    h.onclick = () => { wrap.hidden = !wrap.hidden; BAND_OBS_OPEN = !wrap.hidden; };
    box.appendChild(wrap);
  }
  await markersView(box, loadBand);            // 0006 → block 11: lineage lives here
  if (BAND_OPEN){                              // the row the human had open stays open
    const row = box.querySelector(`[data-root="${BAND_OPEN.root}"]`);
    const o = r.origins.find(x => x.root === BAND_OPEN.root);
    if (row && o) await (o.kind === "intention" ? expandOrigin(row, o, true) : expandRow(row, o.ref, true));
  }
  box.scrollTop = keep;
}
function originRow(o){
  const row = document.createElement("div"); row.className = "brow"; row.dataset.root = o.root;
  const isInt = o.kind === "intention";
  const state = isInt ? (o.active === false ? "cancelled" : "received") : (o.status || "replied");
  row.innerHTML =
    `<span class="dot ${state}"></span>` +
    `<span class="snip">${esc(o.words || o.note || o.ref)}</span>` +
    `<span class="meta">${isInt ? `${esc(o.serves || "")} · ${esc(o.origin_kind || "")} · ${o.active === false ? "at rest" : o.blocked ? "standing · blocked" : "standing"}` +
                                  (o.serves === "schedule" && o.cadence ? ` · ${esc(o.cadence)} · ${o.runs || 0} run${o.runs === 1 ? "" : "s"}${o.last_at ? " · last " + hhmm(o.last_at) : ""}` : "")   // W21: the duty's cadence
                                : `${esc(o.target || "any")} · ${esc(o.status || "")}`}` +
    `${counts(o) ? " · " + esc(counts(o)) : ""} · ${hhmm(o.at)}</span>` +
    (isInt && o.blocked ? `<span class="blocked" title="${esc(o.blocked_note || "")}">waiting for a crew that can act: ${esc(o.blocked_note || "")}</span>` : "") +   // W6
    (isInt && o.last_outcome ? `<span class="meta" title="${esc(o.last_outcome)}"> · last red: ${esc(String(o.last_outcome).split(" — ")[0])}</span>` : "") +   // row 3c: the newest attributed outcome — cured · self-healed · still-red · cancelled
    (isInt && o.serves !== "schedule" ? (o.active !== false
        ? `<span class="stop" data-stop="${esc(o.ref)}" title="rule 11: recorded, never deleted — the stop asks for your code in the chat">stop</span>`
        : `<span class="stop" data-restart="${esc(o.ref)}" title="W20: the reverse of the stop — a new recorded fact, the history whole; it asks for your code in the chat">restart</span>`) : "");
  row.onclick = e => { if (e.target.dataset.stop) return stopIntention(e.target, o);
                       if (e.target.dataset.restart) return restartIntention(e.target, o);
                       LAST_ORIGIN = {marker: o.root, words: o.words || o.ref};
                       if (BAND_OPEN && BAND_OPEN.root === o.root){ BAND_OPEN = null;   // a second click closes
                         if (bandOpenRow){ bandOpenRow.remove(); bandOpenRow = null; } return; }
                       BAND_OPEN = {root: o.root};
                       isInt ? expandOrigin(row, o) : expandRow(row, o.ref); };
  return row;
}
async function stopIntention(elm, o){ return actOnIntention(o, "stop"); }          // W5 (JB's lock): the stop asks for the CODE, in the chat, before it rests
async function restartIntention(elm, o){ return actOnIntention(o, "restart"); }    // W20: the reverse act — the same ladder, its own fact
const VERB_DONE = {stop: "intention at rest", restart: "intention standing again"};
async function actOnIntention(o, verb){        // never a second click, never the return key
  toggleChat(true);
  const words = o.words || o.ref;
  const r = await fetch("/intentions/" + verb, {method:"POST", headers:{"content-type":"application/json"},
    body: JSON.stringify({intention_id: o.ref, person: PERSON, session: SESSION || undefined})}).then(x=>x.json()).catch(()=>null);
  if (r && r.held){                            // held: a human's for the code (L3-code); the kernel's for the code, THEN a master (L3-master)
    PENDING[r.held] = el("journey", `${verb === "stop" ? "stopping" : "restarting"} “${esc(words)}” is grave — the kernel holds it: ` +
      (r.level === "L3-master" ? "your code first, then a declared master's click" : verb === "stop" ? "your code rests it" : "your code stands it again") + `…`);
    PENDING[r.held]._stopping = words; PENDING[r.held]._verb = verb;
    const v = await fetch("/ask/" + r.held).then(x=>x.json()).catch(()=>null);   // the hold may have landed before its notice
    if (v && v.status === "awaiting-confirm") renderOutcome(r.held, v, PENDING[r.held]);
    return;
  }
  sysline(r && r.intention ? `${VERB_DONE[verb]} — “${esc(words)}” · recorded, never deleted`
        : r && r.error ? esc(r.error) : `the ${verb} door did not answer`);
  loadBand();
}
async function expandOrigin(row, o, quiet){   // an intention's tree, in words
  if (bandOpenRow){ bandOpenRow.remove(); bandOpenRow = null; }
  const t = await fetch("/analyzer?origin=" + encodeURIComponent(o.root)).then(x=>x.json()).catch(()=>null);
  if (!t) return;
  if (!quiet) pushFocus({kind: "intention", id: o.ref, name: null, window: null, marker: o.root,
                         label: `the intention · ${esc(o.words || o.ref)}`});
  const d = document.createElement("div"); d.className = "bexpand"; d.style.padding = "4px 0 8px";
  const twigs = t.tree.filter(m => m.id !== o.root);
  d.innerHTML = twigs.length ? foldTree(t.tree, o.root)
    : `<div class="meta" style="padding:4px 26px">nothing under it yet — it plans when it observes</div>`;
  if (o.blocked) d.insertAdjacentHTML("afterbegin",
    `<div class="meta" style="padding:4px 26px;color:var(--red-ink)">waiting for a crew that can act: ${esc(o.blocked_note || "")} — it plans again when a body joins or declares a tool</div>`);
  d.querySelectorAll("[data-fold]").forEach(f => f.onclick = e => {           // W6: thoughts open on a click
    e.stopPropagation(); const box = f.nextElementSibling; box.hidden = !box.hidden;
    f.textContent = (box.hidden ? "▸ " : "▾ ") + f.dataset.fold; });
  d.querySelectorAll("[data-ask]").forEach(tw => { if (tw.dataset.ask) tw.onclick = async e => {
    e.stopPropagation();
    const v = await fetch("/ask/" + tw.dataset.ask).then(x=>x.json()).catch(()=>null);
    if (!v) return; toggleChat(true);
    el("msg mine", `<em>from the Analyzer → ${esc(v.target || "any")}</em><div class="meta">${esc(v.text)}</div>`);
    const m2 = el("msg theirs", `<div class="who">${esc(NAMES[v.served_by] || v.target || "orreth")}</div>` +   // the reply, WHOLE
       (v.reply ? cite(plain(v.reply)) : `<i>${esc(v.status)} — still on its way</i>`));
    if (v.reply) m2.prepend(copyBtn(() => stripMarks(v.reply))); }; });   // W10
  row.after(d); bandOpenRow = d;
}
function foldTree(tree, root){                // W6: the wall becomes a tree — repeats fold with a count,
  const kids = {};                            // an objective sits under its watch-red, thoughts fold under it
  for (const m of tree) if (m.id !== root) (kids[m.parent] = kids[m.parent] || []).push(m);
  const watchName = m => { const w = (m.note || "").match(/watch '([^']+)'/); return w ? w[1] : m.ref; };
  const twig = (m, depth, words, meta, cls) =>
    `<div class="twig ${cls || ""}" data-ask="${(m.ref || "").startsWith("ask_") ? esc(m.ref) : ""}" style="padding-left:${14 + depth * 14}px">` +
    `<span class="k">${esc(m.kind)}</span><span class="w">${words}</span><span class="meta">${meta}</span></div>`;
  const render = (list, depth) => {
    let html = "", i = 0;
    while (i < list.length){
      const m = list[i];
      if (m.kind === "watch-red"){                                   // a run of the same watch → one twig, a count
        let j = i; while (j + 1 < list.length && list[j + 1].kind === "watch-red" && list[j + 1].ref === m.ref) j++;
        const n = j - i + 1, last = list[j];
        html += twig(last, depth, `watch “${esc(watchName(last))}” went red` + (n > 1 ? ` <span class="n">×${n}</span>` : ""),
                     `${n > 1 ? "latest " : ""}${hhmm(last.at)}`, "fold");
        for (let k = i; k <= j; k++) html += render(kids[list[k].id] || [], depth + 1);   // its objectives, under it
        i = j + 1; continue;
      }
      html += twig(m, depth, esc(m.words || m.note || m.ref),
                   `${esc(m.target || whoIs(m.by))}${m.status ? " · " + esc(m.status) : ""} · ${hhmm(m.at)}`);
      const ch = kids[m.id] || [];
      if (m.kind === "objective"){                                    // thoughts fold under their objective
        const th = ch.filter(c => c.kind === "thought"), rest = ch.filter(c => c.kind !== "thought");
        if (th.length){ const label = `${th.length} thought${th.length > 1 ? "s" : ""} under it · click to open`;
          html += `<div class="folded" data-fold="${esc(label)}" style="padding-left:${26 + (depth + 1) * 14}px">▸ ${esc(label)}</div>` +
                  `<div hidden>${render(th, depth + 1)}</div>`; }
        html += render(rest, depth + 1);
      } else html += render(ch, depth + 1);
      i++;
    }
    return html;
  };
  return render(kids[root] || [], 0);
}
async function expandRow(row, id, quiet){
  if (bandOpenRow){ bandOpenRow.remove(); bandOpenRow = null; }
  const v = await fetch("/ask/" + id).then(x=>x.json()).catch(()=>null);
  if (!v) return;
  if (!quiet) pushFocus({kind: "ask", id, name: NAMES[v.served_by] || v.target || null, marker: v.marker,
                         window: v.window ? {from: new Date(v.window.from),
                                             to: new Date(v.window.to)} : null});
  const d = document.createElement("div");
  d.className = "bexpand";
  d.textContent = v.reply || "(still on its way)";
  const j = document.createElement("div");
  j.className = "journey-notes";
  j.textContent = v.journey.join("  ·  ");
  if (v.status === "routed" || v.status === "parked"){                                   // P7 sp7: a routed ask can always be stopped
    const a = document.createElement("a"); a.href = "#"; a.textContent = "  ·  stop it"; a.title = "rests the ask here and tells its home cell to rest it too";
    a.onclick = async e => { e.preventDefault(); const r = await fetch("/asks/stop", {method:"POST", headers:{"content-type":"application/json"},
      body: JSON.stringify({id: v.ask_id || v.id, person: PERSON})}).then(x=>x.json()).catch(()=>null);
      sysline(!r ? "the stop door did not answer" : r.error ? esc(r.error) : esc(r.words || "stopped")); };
    j.appendChild(a);
  }
  d.appendChild(j);
  row.after(d); bandOpenRow = d;      // the result renders RIGHT HERE
}

/* ---- the conversation ---- */
const log = document.getElementById("log");
const PENDING = {};          // ask_id -> its journey line element
function el(cls, html){ const d = document.createElement("div");
  log.querySelectorAll(".copy:not([hidden])").forEach(c => c.hidden = true);   // W2: the next repaint masks the secret
  d.className = cls; d.innerHTML = html; log.appendChild(d);
  log.scrollTop = log.scrollHeight; return d; }
/* W10: a copy for humans — the reply's plain text, markdown marks stripped */
function stripMarks(text){
  return String(text || "").replace(/^\s{0,3}#{1,6}\s+/gm, "").replace(/\*\*(.+?)\*\*/g, "$1")
    .replace(/(^|\s)\*([^*\n]+)\*(?=[\s.,;:!?]|$)/g, "$1$2").replace(/^\s*[-*•]\s+/gm, "· ").replace(/`/g, "").trim();
}
async function copyText(t){
  try { await navigator.clipboard.writeText(t); return true; } catch (e) {}
  try { const ta = document.createElement("textarea"); ta.value = t; ta.style.position = "fixed"; ta.style.opacity = "0";
        document.body.appendChild(ta); ta.select(); const ok = document.execCommand("copy"); ta.remove(); return ok; } catch (e) { return false; }
}
function copyBtn(getText){
  const b = document.createElement("button"); b.className = "copybtn"; b.textContent = "copy"; b.title = "copy the plain words";
  b.onclick = async e => { e.stopPropagation(); const ok = await copyText(getText());
    b.textContent = ok ? "copied" : "copy failed"; setTimeout(() => b.textContent = "copy", 1400); };
  return b;
}
/* W15: MITL's citations in human names — “SKILL.md#3” reads “the covenant, rules 1–9”; the path stays on hover */
let CITES = {};
function cite(html){
  return html.replace(/\[?((?:[\w.\/-]+\/)?[\w-]+\.md)#(\d+)\]?/g, (all, path, n) => {
    const name = CITES[path + "#" + n] || CITES[path.split("/").pop() + "#" + n];
    return name ? `<span class="cite" title="${path}#${n}">${esc(name)}</span>` : all; });
}
const esc = s => s.replace(/[&<>"]/g,
  ch => ({"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;"}[ch]));

const FANS = {};      // fanout ids -> {ids:[], replies:{}, offered:false}
/* ---- the kind of an ask (P23): no modes — the words propose it, one click flips it ---- */
const ASK_KINDS = ["thought", "objective", "intention"];
let KIND_PIN = null;
function proposeKind(text){                      // the door reads the same rules
  const t = text.trim(); const m = t.match(/^(thought|objective|intention)\s*:/i);
  if (m) return m[1].toLowerCase();
  if (!t) return "thought";                       // the chat's own face, until words say otherwise
  const low = t.toLowerCase();
  if (/(\bkeep\b.{0,60}\b(resilient|green|alive|safe|secure|compliant|healthy|under|below|within)\b|\bwhen(ever)?\b.{0,60}\b(goes|turns|is|are|go)\s+(red|down|dormant|late|over)\b|\bevery\s+(\d+\s+)?(minute|hour|day|week)s?\b|\bfrom now on\b|\bwatch for\b|\bstanding\b|\bas long as\b|\bany ?time\b)/.test(low)) return "intention";
  if (/(\?\s*$|^(who|what|what's|whats|when|where|why|how|is|are|does|do|can|could|would|should|which|did|tell me|explain|describe|repeat)\b)/.test(low)) return "thought";
  return "objective";
}
function drawKind(){
  const text = document.getElementById("chat-in").value;
  const k = KIND_PIN || proposeKind(text);
  document.getElementById("kind-word").textContent = k.toUpperCase();
  document.getElementById("kind-hint").textContent = KIND_PIN ? "pinned · click to flip · sent with the next ask"
    : (text.trim() ? `reads as ${k === "intention" ? "an" : k === "objective" ? "an" : "a"} ${k} · click to flip · or type “${k === "thought" ? "objective" : "thought"}: …”`
                   : "the words propose it · click to flip · the marker is minted with the ask");
  // P6 sp3: an intention about to be declared can be sent to MITL first
  document.getElementById("impact-btn").hidden = !(k === "intention" && text.trim());
}
document.getElementById("impact-btn").onclick = () => {
  const text = document.getElementById("chat-in").value.trim(); if (!text) return;
  const change = {kind: "intention", draft: {words: text}, words: text};
  const m = el("msg theirs", `<div class="who">expected impact? · before declaring “${esc(text.slice(0, 80))}”</div>`);
  const bar = impactBar(change); m.appendChild(bar);
  askImpact(bar, bar.querySelector("button"), change);
};
/* ---- MITL (P6 sp3): the Master Mind In the Loop — the soft toggle, and the impact door ---- */
let MITL_ON = false, MITL_SAID = false;      // said in full once per session (P18)
function mitlName(){ const n = MITL_SAID ? "MITL" : "MITL — the Master Mind In the Loop"; MITL_SAID = true; return n; }
function drawMitl(){
  const w = document.getElementById("mitl-word"), h = document.getElementById("mitl-hint");
  w.textContent = MITL_ON ? "MITL ON" : "MITL OFF"; w.classList.toggle("on", MITL_ON);
  h.textContent = MITL_ON ? "summoned — ask “what does the canon say about …?” · “mitl, …” · or click “expected impact?” on any change"
                          : "the Master Mind In the Loop · off · click to summon";
  drawChips();
}
async function loadMitl(){
  const r = await fetch("/mitl?" + new URLSearchParams({person: PERSON, session: SESSION || ""}))
    .then(x=>x.json()).catch(()=>null);
  if (!r) return;
  MITL_ON = !!r.summoned; CITES = r.citations || CITES; drawMitl();
}
async function toggleMitl(on){
  const want = on ?? !MITL_ON;
  const r = await fetch("/mitl", {method:"POST", headers:{"content-type":"application/json"},
    body: JSON.stringify({summon: want, person: PERSON, session: SESSION || undefined})})
    .then(x=>x.json()).catch(()=>null);
  if (!r){ sysline("the MITL door did not answer"); return; }
  MITL_ON = !!r.summoned;
  if (!MITL_ON) SELECTED.delete("mitl");
  drawMitl();
  sysline(MITL_ON
    ? `${mitlName()} summoned — Orreth's own specialist joins this session's crew: ask “what does the canon say about …?”, address it as “mitl, …”, or click “expected impact?” on any change · recorded, never a deletion`
    : `${mitlName()} dismissed — it leaves the crew · recorded, never deleted; say “summon MITL” to call it back`);
}
document.getElementById("mitl-word").onclick = () => toggleMitl();
async function mitlWords(text){                  // "summon MITL" · "dismiss MITL" · "mitl, …" · "what does the canon say …"
  const t = text.toLowerCase().replace(/[.!?]+$/, "").trim();
  if (/^(summon|call|invite)\s+mitl$/.test(t)){ el("msg mine", esc(text)); await toggleMitl(true); return true; }
  if (/^(dismiss|release|excuse)\s+mitl$/.test(t)){ el("msg mine", esc(text)); await toggleMitl(false); return true; }
  const m = text.match(/^mitl[,:]\s*(.+)$/i);
  if (!m && !/^what does the canon say/i.test(text)) return false;
  if (!MITL_ON){ sysline(`${mitlName()} is not summoned — say “summon MITL” first`); return true; }
  send(m ? m[1] : text, undefined, ["mitl"]);
  return true;
}
function impactKind(tool){ return tool === "add-watch" ? "watch" : (tool === "intent.stop" || tool === "intent.restart") ? "intention" : tool === "service.retire" ? "service" : "act"; }
function elIn(parent, cls, html){ const d = document.createElement("div"); d.className = cls; d.innerHTML = html;
  parent.appendChild(d); log.scrollTop = log.scrollHeight; return d; }
function impactBar(change){                      // "expected impact?" — MITL weighs before the human cuts
  const box = document.createElement("div"); box.className = "impact";
  const b = document.createElement("button"); b.className = "btn-impact"; b.textContent = "expected impact?";
  b.title = "ask MITL — the Master Mind In the Loop — who and what this change touches, the risk, what to watch after";
  b.onclick = () => askImpact(box, b, change);
  box.appendChild(b); return box;
}
async function askImpact(box, b, change){
  b.disabled = true; b.textContent = "the kernel reads the ground; MITL weighs it…";
  const r = await fetch("/impact", {method:"POST", headers:{"content-type":"application/json"},
    body: JSON.stringify({change, person: PERSON, session: SESSION || undefined})})
    .then(async x => ({s: x.status, b: await x.json()})).catch(()=>null);
  if (!r || r.s !== 201){ b.disabled = false; b.textContent = "expected impact?";
    elIn(box, "journey", esc((r && r.b && r.b.error) || "the impact door did not answer")); return; }
  b.remove();
  const a = r.b, grave = a.verdict.startsWith("grave");
  elIn(box, "journey", `the kernel read the ground for ${esc(mitlName())}: ` + esc(a.ground.join(" · ")) +
    ` — <b>verdict by the ladder: <span class="${grave ? "red" : "ok"}">${esc(a.verdict)}</span></b>`);
  PENDING[a.ask_id] = elIn(box, "journey", "MITL is weighing it in words — on its way…");
  PENDING[a.ask_id]._into = box;                 // its reply lands HERE, above Cancel / Yes
}
document.getElementById("chat-in").addEventListener("input", drawKind);
document.getElementById("kind-word").onclick = () => {
  const k = KIND_PIN || proposeKind(document.getElementById("chat-in").value);
  KIND_PIN = ASK_KINDS[(ASK_KINDS.indexOf(k) + 1) % ASK_KINDS.length]; drawKind();
  document.getElementById("chat-in").focus(); };
function followWords(text){                       // "follow up on this by …": a child of the origin in focus
  const m = text.match(/^follow up on (?:this|that|it)(?: by)?[:\s]+(.+)$/i);
  if (!m) return false;
  const f = FOCUS.length ? FOCUS[FOCUS.length - 1].f : null;
  const parent = (f && f.marker) || (LAST_ORIGIN && LAST_ORIGIN.marker);
  if (!parent){ sysline("follow up on what? open an origin in the ANALYZER first"); return true; }
  send(m[1], `follow-up → under ${esc((f && f.label) || (LAST_ORIGIN && LAST_ORIGIN.words) || "the origin")}`, undefined, parent);
  return true;
}
async function send(given, label, toOverride, parent){
  const inp = document.getElementById("chat-in");
  const text = (given ?? inp.value).trim(); if (!text) return;
  if (given == null) inp.value = "";
  if (given == null && await seatWords(text)) return;      // P7 sp8 row 3: "leave my seat" · "my seat"
  if (given == null && await sessionWords(text)) return;   // P20 by words
  if (given == null && await exportWords(text)) return;    // "export compliance …" (P6 sp2)
  if (given == null && await mitlWords(text)) return;      // "summon MITL" · "what does the canon say …" (P6 sp3)
  if (given == null && includeWords(text)) return;         // the includes, by words
  if (given == null && await placementWords(text)) return; // "where does the librarian stand?" (P6 sp4)
  if (given == null && workspaceWords(text)) return;       // the pulls, by words
  if (given == null && await markWords(text)) return;      // a human marks (0006)
  if (given == null && await enrollWords(text)) return;    // "enroll my authenticator" (P6 sp1)
  if (given == null && await deskWords(text)) return;      // "who is at the door?" — the join desk (P7 sp8 row 3b)
  if (given == null && (await stopRoutedWords(text) || await stopWords(text))) return;      // "stop the kernel's … intention"
  if (given == null && guideWords(text)) return;           // "guide" · "help" · "?" — THE GUIDE, opened to where you are (walk #13, JB's seed)
  if (given == null && await profileWords(text)) return;   // "my name is …" · "I live in …" · "what do you know about me?" · "forget about me: …" (P7 sp8, W58)
  if (given == null && await serviceWords(text)) return;   // the shelf: "what services are here?" · "retire the weather tool" · "check the services" (P6.5 sp1)
  if (given == null && followWords(text)) return;          // a child of an origin (P25)
  const kind = given == null ? (KIND_PIN || proposeKind(text)) : undefined;   // P23
  if (given == null){ KIND_PIN = null; drawKind(); }
  const named = given == null && !toOverride ? addressed(text) : null;   // W7: a name at the head selects that body alone
  const to = named ? [named] : toOverride ? [...toOverride] : [...SELECTED];
  // a synthesis is the human's CHOICE, never the human's words: it wears
  // its own label; the machine's prompt never appears as if typed
  el("msg mine", (label ? `<em>${esc(label)}</em>` : esc(text)) + (to.length > 1 || named
    ? `<div class="who" style="text-align:right">→ ${esc(to.join(" + "))}${named ? " · by name" : ""}</div>` : ""));
  const r = await fetch("/ask", {method:"POST",
    headers:{"content-type":"application/json"},
    body: JSON.stringify({text, to: to.length ? to : undefined,
                          window: WINDOW ? {from: WINDOW.from.toISOString(),
                                            to: WINDOW.to.toISOString()} : undefined,
                          session: SESSION || undefined, kind, parent: parent || undefined,
                          zone: ZONE})})                       // W12: the human's zone rides every ask
    .then(x=>x.json()).catch(()=>null);
  if (r && r.intention){                         // declared, never asked (0007)
    const i = r.intention;
    sysline(`intention declared · serves ${esc(i.serves)} · wakes on ${esc(i.interests.join(", ") || "its cadence")}` +
            ` — its objectives will show here and in the ANALYZER · stop it there, any time`);
    refreshPulls(); return; }
  if (r && r.error){ el("journey", esc(r.error)); return; }
  const ids = r && (r.ids || (r.id && [r.id]));
  if (!ids) { el("journey","the ask door did not answer"); return; }
  WINDOW = FOCUS.length ? FOCUS[FOCUS.length - 1].f.window : null;
  drawClock();                      // the window rode THAT ask (its journey
                                    // line keeps it); the next ask's scope
                                    // forms with its own words (P6) — unless
                                    // a focus holds the scope (P19)
  if (ids.length > 1){
    const fan = "fan:" + ids.join(",");
    FANS[fan] = {ids, replies:{}, offered:false};
    ids.forEach((id, i) => { PENDING[id] = el("journey",
      `→ ${esc(to[i] || "…")} — on its way…`); PENDING[id]._fan = fan; });
  } else {
    PENDING[ids[0]] = el("journey", "the ask is on its way…");
  }
}

/* every notice is a pointer — the glass fetches truth through the door */
async function onNotice(n){
  panelNotice(n).catch(()=>{});                   // row 4: THE PANEL lights first — the chat's own reading follows
  if (n.kind === "orreth.session.opened.v1"){      // W51 (walk #13): a roll on ANY door — this door's sessions list follows
    if (SESSIONS_SHOWN) listSessions();            // the list was shown here: it follows
    return;
  }
  if (n.kind === "orreth.marker.set.v1"){          // 0006: a marker landed
    refreshPulls(); return;                          // (the lenses follow)
  }
  if (n.kind === "orreth.watch.turned.v1"){        // W14 → the glass: a watch turned red or green
    const s = await fetch("/monitor").then(x=>x.json()).catch(()=>null);
    const w = s && (s.watches || []).find(x => x.watch_id === n.ref);
    if (w) sysline(`watch “${esc(w.name)}” turned <span class="${w.red ? "red" : "ok"}">${esc(w.state)}</span>` +
                   ` · value ${esc(String(w.value))}${w.since ? " · since " + hhmm(w.since) : ""} · ${esc(w.reads || "")}`);
    if (monitorPull.classList.contains("open")) loadMonitor();
    return;
  }
  if (n.kind === "orreth.harness.failed.v1"){      // AG-6: a failing run
    sysline(`⚠ the harness failed a run (${esc(n.ref)}) — open the monitor ` +
            `for the details; the watcher escalates here, in the chat`);
    if (monitorPull.classList.contains("open")) loadMonitor();
    return;
  }
  let line = PENDING[n.ref];
  if (!line && n.kind.includes("confirm.needed")){   // P6.5 sp2: a hold this chat did not file — the keeper's
    const vh = await askRead(n.ref);                                              // proposal (rule 11: it never
    if (!vh || vh.served_by !== "the kernel" || !(vh.hold || {}).tool || vh.status !== "awaiting-confirm") return;   // retires alone)
    const body = (vh.person || "").startsWith("did:orreth:agent:");               // a body proposed it: the human cuts
    // W64 (walk #18): a PERSON's grave act whose code is right now waits for a declared master — it reaches every other seated glass, the master's road to the ask
    const forMaster = !body && vh.hold.level === "L3-master" && vh.hold.code_ok === true && PERSON && vh.person !== PERSON;
    if (!body && !forMaster) return;
    const atDoor = vh.hold.tool === "join.admit";                                    // P7 sp8 row 3b: a body at the join desk — a governing seat admits it
    el("msg mine", `<em>${esc(forMaster ? whoIs(vh.person) + " asks · their code was right · a declared master's click runs it"
                              : atDoor ? ((vh.hold.args || {}).name || whoIs(vh.person)) + " asks to join · the desk" : whoIs(vh.person) + " proposes · the shelf")}</em><div class="meta">${esc(vh.text)}</div>`);
    PENDING[n.ref] = el("journey", "held at the interlock — cancel is the default…");
    renderOutcome(n.ref, vh, PENDING[n.ref]);
    return;
  }
  if (!line && n.kind.includes("reply")){         // W78 (walk #20): THE KERNEL'S OWN HOP — a lever it pulled, or the
    const vk = await askRead(n.ref);                                              // dossier it handed a person — is an
    if (!vk || vk.served_by !== "the kernel" || vk.status !== "replied" || !vk.origin || vk.origin.kind !== "intention") return;
    const words = `“${esc((vk.origin.words || "").slice(0, 80))}”`;              // ask the kernel served itself: no
    el("msg mine", `<em>the kernel acts · on the intention's authority · ${words}</em>` +   // ask.received rides the feed,
       `<div class="meta">${esc(vk.text)}</div>`);                               // so it is drawn from its reply
    const bub = el("msg theirs", `<div class="who">the kernel</div>` + cite(plain(vk.reply || "")));
    if (vk.reply) bub.prepend(copyBtn(() => stripMarks(vk.reply)));
    if (SESSION && vk.session !== SESSION) el("journey", `in the intention's own session · ${hhmm(vk.replied_at || vk.asked_at)}`);
    return;
  }
  if (!line){                                     // an ask this chat did not file —
    if (!n.kind.includes("ask.received")) return; // the kernel's, on the interest law:
    const v0 = await askRead(n.ref);                 // sp2: one read, shared with the panel
    if (v0 && v0.origin && v0.origin.kind === "intention" && v0.session !== SESSION){   // 0007: born of an intention
      const inc = ["planner", "critic", "grader", "mitl"].includes(v0.target);
      const whose = v0.origin.by === "the kernel" ? "on the kernel's word" : `on ${esc(whoIs(v0.origin.by))}'s word · owned by the kernel`;
      const words = `“${esc((v0.origin.words || "").slice(0, 80))}”`;
      if (inc){ sysline(`${whose} · ${words} → ${esc(v0.target)}: the next objective?`); return; }
      el("msg mine", `<em>${whose} · ${words} → ${esc(v0.target || "the crew")}</em>` +   // the objective renders
         `<div class="meta">${esc(v0.text)}</div>`);                                   // like any ask: its reply
      PENDING[n.ref] = el("journey", `→ ${esc(v0.target || "the crew")} — on its way…`);   // lands HERE (walk #6)
      PENDING[n.ref]._duty = true;                   // W21: not this session's human — its reply folds to one line
      return; }
    if (!v0 || !SESSION || v0.session !== SESSION) return;   // shown if it is THIS
    el("msg mine", `<em>on the kernel's word → ${esc(v0.target || "…")}</em>` +   // session's
       `<div class="meta">${esc(v0.text)}</div>`);
    PENDING[n.ref] = el("journey", `→ ${esc(v0.target || "…")} — on its way…`);
    return;
  }
  const v = await askRead(n.ref);                    // sp2: one read, shared with the panel
  if (!v) return;
  if (n.kind.includes("journey") && v.journey.length){
    line.textContent = v.journey[v.journey.length-1];
    if (v.status === "routed" || v.status === "parked") line.appendChild(stopItLink(n.ref));   // W56 (walk #15): the lever sits on the line itself
  }
  if (n.kind.includes("reply") || n.kind.includes("confirm.needed") || n.kind.includes("ask.refused"))
    renderOutcome(n.ref, v, line);                 // W19 → the glass: the kernel's words, status refused, never "on its way…"
}

function onDelta(d){
  const line = PENDING[d.ref];
  if (!line) return;
  if (!line._stream){
    line._stream = el("msg theirs",
      `<div class="who">…thinking aloud</div><span class="txt"></span>`);
  }
  line._stream.querySelector(".txt").textContent += d.text;
  log.scrollTop = log.scrollHeight;
}

function renderOutcome(id, v, line){
  if (PENDING[id] !== line) return;          // two notices raced: render once
  if (line._row && v.status === "awaiting-confirm") return;   // the hold is already drawn
  const fan = line._fan;
  if (line._stream) line._stream.remove();   // the door's truth replaces
  line.remove(); delete PENDING[id];         // the stream's sketch
  const put = line._into ? (c, h) => elIn(line._into, c, h) : el;   // P6 sp3: MITL's answer lands under the hold
  const name = NAMES[v.served_by] || (v.served_by === "the kernel" ? "the kernel" : null) || v.target || "orreth";
  const who = `<div class="who">${esc(name)}</div>`;
  if (fan && (v.status === "replied" || v.status === "refused")){
    FANS[fan].replies[id] = {name, reply: v.reply};
    offerSummarize(fan);
  }
  if (v.status === "awaiting-confirm"){
    const hold = v.hold || {}, level = hold.level || "L2";   // P6 sp1: the demand rises
    // W5: the kernel's intention asks for the asker's CODE first (needs_code, code_ok false), the master's click after
    const step = level === "L3-code" || (level === "L3-master" && hold.needs_code && !hold.code_ok) ? "code"
               : level === "L3-master" ? "master" : "yes";
    // W67 (walk #18): the master reads the master's words — not the asker's six-digit instructions
    const words = step === "master" && v.person !== PERSON
      ? `${whoIs(v.person)} asks: ${v.text}. Their code was right. You are seated as a declared master — your click runs it; Cancel is the default and turns it away, recorded.`
      : v.reply;
    const m = el("msg theirs", who + esc(words));
    document.getElementById("pin").appendChild(m);   // W35 (walk #11): the hold is PINNED above the composer until it settles —
    const row = holdRow(id, step, level, v.person);  // the crew's bubbles never scroll the code row away
    // P6 sp3: every hold offers "expected impact?" — MITL's answer renders here, before Cancel / Yes
    m.appendChild(impactBar({kind: impactKind(hold.tool), ref: id, draft: {tool: hold.tool}, words: v.text}));
    m.appendChild(row); row.querySelector(".btn-cancel").focus();
    PENDING[id] = el("journey", step === "code" ? (level === "L3-master" ? "held — your code first, then a declared master's click · cancel is the default"
                                                                            : "held — this needs your code · cancel is the default")
                              : step === "master" ? (v.person !== PERSON ? `held — ${whoIs(v.person)}'s code was right · your click as a declared master runs it · cancel is the default`
                                                                          : "held — this needs a second named person · cancel is the default")
                              : "held at the interlock — your word decides");
    PENDING[id]._row = row; PENDING[id]._stopping = line._stopping; PENDING[id]._verb = line._verb;   // the verb rides along: "standing again", not "at rest", after a restart
    return;
  }
  if (line._row){                                                                            // the hold settled:
    const held = line._row.closest(".msg");                                                  // W35: back into the log, in order
    if (held && held.parentElement && held.parentElement.id === "pin") log.appendChild(held);
    if (held){                                                                                // W60 (walk #15, JB's seed): the settled question FOLDS to one soft line —
      const onClock = v.status === "cancelled" && /no word came/i.test(v.reply || "");                              // W68 (walk #19): the holds' fifteen minutes ran out — nobody cancelled
      const said = v.status === "cancelled" ? (onClock ? "no word came — cancelled on the kernel's clock" : "you cancelled") : v.status === "replied" ? "you said yes" : v.status;   // the record keeps every word; nobody scrolls past a dead question
      held.className = "msg theirs folded-hold";
      held.innerHTML = `<div class="who">the kernel</div><span class="meta">held at the interlock · ${esc(said)} · ${hhmm(v.replied_at || v.asked_at)} · ${v.status === "cancelled" ? "nothing ran, nothing was proved" : "proof " + esc(v.proof || "L1")} · recorded</span>`;   // W61 (walk #17): a cancel wears no proof level
    }
  }
  const bubble = line._duty && v.status === "replied"
    ? dutyBubble(name, v)                                                                   // W21: a duty's reply folds to one line
    : put("msg theirs", who + cite(plain(v.reply || "(no words came back)")));
  if (v.reply && !line._duty) bubble.prepend(copyBtn(() => stripMarks(v.reply)));            // W10
  if (line._stopping && v.status === "replied")                                             // W5 · W20: the act's outcome
    put("journey", `${VERB_DONE[line._verb || "stop"]} · “${esc(line._stopping)}” · proof ${esc(v.proof || "L1")} · recorded, never deleted`);
  if (v.status === "refused"){                                                              // W19: refused at the door
    put("journey", `refused at the door · ${hhmm(v.replied_at || v.asked_at)} · recorded, never in flight`); return; }
  if (v.offer && v.offer.ask){                                                              // the monitor's offer, one click
    const b = document.createElement("button"); b.className = "summarize"; b.textContent = "propose it";   // W22: no backticks required
    b.title = `sends “${v.offer.ask}” to the monitor — the interlock (“expected impact?”, Cancel default) then arrives`;
    b.onclick = () => { b.remove(); send(v.offer.ask, `propose it — on your word → monitor${v.offer.words ? ` · “${esc(v.offer.words)}”` : ""}`, ["monitor"]); };
    (line._into || log).appendChild(b); log.scrollTop = log.scrollHeight;
  }
  if (v.replied_at){                         // P7: who took it, on which
    const read = (v.journey || []).map(n => n.replace(/^[^:]+: /, ""))       // scope,
      .find(n => n.startsWith("read the session's results by"));           // whose
    put("journey", `${esc(name)} took it on ${esc(v.scope || "?")}` +      // results
       (v.window ? ` · ${dayLabel(new Date(v.window.from))} → ${dayLabel(new Date(v.window.to))}` : "") +
       (read ? ` · ${esc(read)}` : "") +                                     // it read,
       (v.proof && v.proof !== "L1" ? ` · proof ${esc(v.proof)}` : "") +      // the proof it wore (P6 sp1)
       ` · completed ${hhmm(v.replied_at)} (${secs(v.asked_at, v.replied_at)})`);  // when
  }
}
function dutyBubble(name, v){              // W21: a duty's reply — the body · the note's first line · the stamp; a click opens the whole bubble
  const first = stripMarks(v.reply || "(no words came back)").split("\n").map(x => x.trim()).find(x => x) || "(no words came back)";
  const d = el("msg theirs duty-fold",
    `<div class="note" title="a duty's reply — click to open it whole">${esc(name)} · ${esc(first.slice(0, 160))}${first.length > 160 ? "…" : ""}` +
    `<span class="meta"> · ${hhmm(v.replied_at || v.asked_at)}</span></div>` +
    `<div class="full" hidden><div class="who">${esc(name)}</div>${cite(plain(v.reply || "(no words came back)"))}</div>`);
  d.querySelector(".note").onclick = () => { const f = d.querySelector(".full"); f.hidden = !f.hidden; d.classList.toggle("open", !f.hidden); };
  return d;
}
function plain(text){                      // plain words on the glass: markdown
  return esc(text).replace(/^#{1,6}\s+/gm, "")            // headings and bold
                  .replace(/\*\*(.+?)\*\*/g, "$1")      // marks fall away
                  .replace(/^\s*[-*]\s+/gm, "· ")         // (the Record keeps
                  .replace(/(^|\s)\*([^*\n]+)\*(?=[\s.,;:!?]|$)/g, "$1$2");  // the exact words)
}

/* ---- the clock assist: typed words set the time scope (P6), no click ---- */
let WINDOW = null;
const DAY = 864e5, WEEKDAYS = ["sunday","monday","tuesday","wednesday","thursday","friday","saturday"];
function startOfDay(d){ const x = new Date(d); x.setHours(0,0,0,0); return x; }
function dayLabel(d){ return d.toLocaleDateString([], {weekday:"short", month:"short", day:"numeric"}); }
function readMoment(s, now){                 // one edge, in human words
  s = s.trim().replace(/^the\s+/, "").replace(/[.?!,]+$/, "");
  if (!s || s === "now") return {at: now, day: false};
  if (s === "today") return {at: startOfDay(now), day: true};
  if (s === "yesterday") return {at: startOfDay(new Date(now - DAY)), day: true};
  let m = s.match(/^(last|past|previous)\s+(\d+|a|an|one|two|three|seven)\s+(minute|hour|day|week|month)s?$/);
  if (m){
    const n = {a:1, an:1, one:1, two:2, three:3, seven:7}[m[2]] ?? parseInt(m[2], 10);
    const unit = {minute:6e4, hour:36e5, day:DAY, week:7*DAY, month:30*DAY}[m[3]];
    return {at: new Date(now - n * unit), day: m[3] !== "minute" && m[3] !== "hour"};
  }
  m = s.match(/^(last|this)\s+(week|month)$/);
  if (m){
    const d = startOfDay(now);
    if (m[2] === "week"){ d.setDate(d.getDate() - ((d.getDay() + 6) % 7) - (m[1] === "last" ? 7 : 0)); }
    else { d.setDate(1); if (m[1] === "last") d.setMonth(d.getMonth() - 1); }
    return {at: d, day: true};
  }
  m = s.match(/^(?:last\s+|this\s+)?(sunday|monday|tuesday|wednesday|thursday|friday|saturday)$/);
  if (m){
    const d = startOfDay(now), want = WEEKDAYS.indexOf(m[1]);
    let back = (d.getDay() - want + 7) % 7; if (back === 0) back = 7;   // the most recent one before today
    d.setDate(d.getDate() - back);
    return {at: d, day: true};
  }
  const t = Date.parse(s);                    // "Sep 14", "2026-09-14", …
  return isNaN(t) ? null : {at: new Date(t), day: !/\d:\d/.test(s)};
}
function readWindow(text){                   // the whole ask → {from, to} or null
  const now = new Date(), s = text.toLowerCase();
  // W24: "what is today's date?" names no window — a possessive day, or an ask for the date/time itself, is a question, not a scope
  if (!/\b(between|since|from|last|past)\b/.test(s) && /\b(today|yesterday)'s\b|\b(what|which)\b.{0,30}\b(date|time|day is it|day it is)\b/.test(s)) return null;
  let m = s.match(/between\s+(.+?)\s+and\s+(.+?)(?=[.?!,]|$)/);
  if (m){
    const a = readMoment(m[1], now), b = readMoment(m[2], now);
    if (a && b){
      const to = b.day && +b.at === +startOfDay(now) ? now
               : (b.day ? new Date(+b.at + DAY - 1) : b.at);   // a day-edge ends at its end
      return a.at <= to ? {from: a.at, to} : {from: to, to: a.at};
    }
  }
  m = s.match(/\b(since|from)\s+(.+?)(?=[.?!,]|\s+(?:to|until|till)\b|$)/);
  if (m){ const a = readMoment(m[2], now); if (a) return {from: a.at, to: now}; }
  m = s.match(/\b(last|past)\s+(\d+|a|an|one|two|three|seven)\s+(minute|hour|day|week|month)s?\b/);
  if (m){ const a = readMoment(`${m[1]} ${m[2]} ${m[3]}`, now); if (a) return {from: a.at, to: now}; }
  m = s.match(/\b(yesterday|today|last week|this week|last month|this month)\b/);
  if (m){ const a = readMoment(m[1], now);
          if (a) return {from: a.at, to: m[1] === "yesterday" ? new Date(+a.at + DAY - 1) : now}; }
  return null;
}
function drawClock(){
  const c = document.getElementById("clock"), ax = c.querySelector(".axis");
  if (!WINDOW){ c.classList.add("now"); ax.innerHTML = `<span class="edge">now</span>`;
                document.getElementById("clock-hint").hidden = false; return; }
  c.classList.remove("now"); document.getElementById("clock-hint").hidden = true;
  const days = Math.max(1, Math.round((startOfDay(WINDOW.to) - startOfDay(WINDOW.from)) / DAY));
  const ticks = Math.min(days, 30), bar = [];
  for (let i = 1; i < ticks; i++) bar.push(`<i style="left:${(100 * i / ticks).toFixed(1)}%"></i>`);
  const span = days >= 2 ? `${days} days` : `${Math.max(1, Math.round((WINDOW.to - WINDOW.from) / 36e5))} h`;
  ax.innerHTML = `<span class="edge">${esc(dayLabel(WINDOW.from))}</span>` +
                 `<span class="bar">${bar.join("")}</span>` +
                 `<span class="edge">${+startOfDay(WINDOW.to) === +startOfDay(new Date()) ? "today" : esc(dayLabel(WINDOW.to))}</span>` +
                 `<span>· ${span}</span>`;
}
document.getElementById("chat-in").addEventListener("input", e => {
  const w = readWindow(e.target.value);       // as intent forms — no click
  if (w || !e.target.value.trim()) { WINDOW = w; drawClock(); }
});
function hhmm(iso){ return new Date(iso).toLocaleTimeString([], {hour:"2-digit", minute:"2-digit", second:"2-digit"}); }
function secs(a, b){ return `${Math.max(0, (new Date(b) - new Date(a)) / 1000).toFixed(1)} s`; }

function holdRow(id, step, level, asker){   // one hold row: Cancel default · a typed code, or a MASTER's click from their own seat · Enter never confirms
  const row = document.createElement("div"); row.className = "confirm-row";
  // W69 (walk #19): the word is the asker's own, or a governing seat's — a seat that only reads and writes is shown the hold (nothing runs unseen) and no button
  if (asker && asker !== PERSON && !GOVERN && step !== "master"){
    row.innerHTML = `<span class="stepwords">held for ${esc(whoIs(asker))}'s own word, or a governing seat's — not yours to decide</span>`;
    return row;
  }
  if (step === "code")                                       // a code is TYPED, then a click
    row.innerHTML = `<button class="btn-cancel">Cancel (default)</button>` +
      `<input inputmode="numeric" maxlength="6" pattern="[0-9]*" placeholder="6-digit code" aria-label="the code from your authenticator">` +
      `<button class="btn-yes" disabled>Confirm with this code</button>`;
  else if (step === "master" && asker && asker === PERSON)   // P7 sp8 row 3: the asker waits — a declared master confirms from THEIR OWN seat
    row.innerHTML = `<button class="btn-cancel">Cancel (default)</button>` +
      `<span class="stepwords">a declared master confirms this from their own seat — open this ask in their glass; cancel is the default</span>`;
  else if (step === "master")                                // a second person — seated as themselves — clicks
    row.innerHTML = `<button class="btn-cancel">Cancel (default)</button><button class="btn-yes">Confirm as master</button>`;
  else
    row.innerHTML = `<button class="btn-cancel">Cancel (default)</button><button class="btn-yes">Yes — do it</button>`;
  const cancel = row.querySelector(".btn-cancel"), yes = row.querySelector(".btn-yes"), inp = row.querySelector("input");
  cancel.onclick = () => decide(id, false, row);
  if (inp){
    inp.addEventListener("keydown", e => { if (e.key === "Enter") e.preventDefault(); });   /* Enter never submits */
    inp.addEventListener("input", () => { yes.disabled = !/^\d{6}$/.test(inp.value); });
    yes.onclick = () => decide(id, true, row, inp.value, undefined, level);
  } else if (yes) yes.onclick = () => decide(id, true, row, undefined, undefined, level);
  return row;
}
async function decide(id, approve, row, code, by, level){    // `by` is the SEAT's word now — never sent from the page
  row.querySelectorAll("button,input").forEach(b => b.disabled = true);
  setTimeout(refreshPulls, 1500);             // the act's effect, in every lens
  const r = await fetch("/confirm", {method:"POST",
    headers:{"content-type":"application/json"},
    body: JSON.stringify({ask_id: id, approve, code: code || undefined})}).catch(()=>null);
  if (r && r.status === 403){                 // ONE face (rule 4): try again, or cancel — nothing ran
    if (PENDING[id]) PENDING[id].textContent = code ? "not confirmed — that code was not right; nothing ran · type the code your authenticator shows now, or cancel"
                                                    : "not confirmed — nothing ran · try again, or cancel";
    row.querySelectorAll("button,input").forEach(b => b.disabled = false);
    const inp = row.querySelector("input"); if (inp){ inp.value = ""; row.querySelector(".btn-yes").disabled = true; inp.focus(); }
    return;
  }
  const out = r ? await r.json().catch(()=>null) : null;
  if (out && out.step === "code" && out.next === "master"){   // W5: the kernel's — your code is right; now the master
    const msg = row.parentNode; row.remove();
    const next = holdRow(id, "master", level, PERSON);
    const state = (PENDING[id] && PENDING[id]._verb === "restart") ? "stays AT REST" : "STANDS";   // the hold's words (walk #8): what stands meanwhile
    const words = `your code is right — the intention ${state} until a declared master confirms with a click · cancel is the default`;
    if (msg){ msg.insertAdjacentHTML("beforeend", `<div class="stepline">✓ ${esc(words)} · ${hhmm(new Date().toISOString())}</div>`); msg.appendChild(next); }
    if (PENDING[id]){ PENDING[id].textContent = words; PENDING[id]._row = next; }
    next.querySelector(".btn-cancel").focus();
    return;
  }
  if (PENDING[id]) PENDING[id].textContent = approve
    ? (code ? "your code is on its way…" : level === "L3-master" ? "the master's word is on its way…" : "your yes is on its way…")
    : "cancelling — nothing will run…";
}

function offerSummarize(fan){
  const f = FANS[fan];
  if (f.offered || Object.keys(f.replies).length < f.ids.length) return;
  f.offered = true;                 // the human CHOOSES synthesis (P14)
  const b = document.createElement("button");
  b.className = "summarize";
  b.textContent = "summarize these together?";
  b.onclick = () => {
    b.remove();
    const names = Object.values(f.replies).map(r => r.name);
    const parts = Object.values(f.replies).map(
      r => `${r.name} answered: "${r.reply}"`).join("\n\n");
    // the crew is named to the mind that synthesizes (after-walk wound
    // #2: the librarian claimed the echo's words as her own); the human's
    // own selection is left as it was (walk #1 friction)
    send("Two residents (" + names.join(" and ") + ") each answered the "
         + "same ask. Summarize their answers together, briefly, and "
         + "attribute every point to the resident who said it, by name. "
         + "You are the librarian, one of them: never present another "
         + "resident's words as your own.\n\n" + parts,
         "summarize these together — on your word → librarian", ["librarian"]);
  };
  log.appendChild(b); log.scrollTop = log.scrollHeight;
}

document.getElementById("chat-in").addEventListener("keydown",
  e => { if (e.key === "Enter") send(); });

function whoIs(did){                              // a name for a self, never 8 chars
  if (!did) return "?";
  if (NAMES[did]) return NAMES[did];
  if (did.startsWith("did:orreth:person:")) return did.split(":").pop();
  if (did === "the kernel") return "the kernel";
  return "…" + did.slice(-6);
}

/* ---- the includes: firmware applied as one step over the session ---- */
const INCLUDES = {
  planner: ["Plan the next steps from what was said in this session.", "plan — on your word → planner"],
  critic:  ["Critique what was said in this session.",                 "critique — on your word → critic"],
  grader:  ["Grade the answers in this session.",                     "grade — on your word → grader"],
};
function include(fn){ const [text, label] = INCLUDES[fn]; send(text, label, [fn]); }
function includeWords(text){                     // typed words equal the links
  const t = text.toLowerCase().replace(/[.!?]+$/, "").trim();
  if (/^(plan|make a plan|plan (this|these|that|it|the next steps?))$/.test(t)) { include("planner"); return true; }
  if (/^(critique|critic|critique (this|these|that|it))$/.test(t))         { include("critic");  return true; }
  if (/^(grade|grade (this|these|that|it|the answers?))$/.test(t))         { include("grader");  return true; }
  return false;
}
document.querySelectorAll("#includes a").forEach(a => a.onclick = () => include(a.dataset.fn));

/* ---- the Crew pull: the first workspace, and its agent (P19) ---- */
const crewPull = document.getElementById("crew");
let crewTimer = null;
let CHAT_YIELD = null;              // W13: the width the human chose, kept while the chat yields to a pull
function layoutChat(){              // the chat never covers an open left pull: it yields on the x-axis, and takes its width back
  const open = [crewPull, monitorPull].filter(p => p.classList.contains("open"));
  if (!open.length){
    if (CHAT_YIELD !== null){ chat.style.width = CHAT_YIELD ? CHAT_YIELD + "px" : ""; CHAT_YIELD = null; }
    return;
  }
  const pullW = Math.max(...open.map(p => p.offsetWidth));
  const avail = Math.floor(window.innerWidth - pullW - window.innerWidth * 0.06 - 16);   // the pull · a seam · the chat's right margin
  if (chat.getBoundingClientRect().width > avail){
    if (CHAT_YIELD === null) CHAT_YIELD = chat.style.width ? parseFloat(chat.style.width) : 0;
    chat.style.width = Math.max(320, avail) + "px";
  }
}
addEventListener("resize", layoutChat);
let WORLD = null;                                // P7 sp7: the world card — the universe, its cell, its epoch, its peers
async function loadWorld(){
  WORLD = await fetch("/world").then(x=>x.json()).catch(()=>null);
  const tag = document.getElementById("worldtag");
  if (WORLD && !WORLD.scope) WORLD = null;         // unseated: the door answers "not seated", no world card
  if (WORLD && tag) tag.textContent = `${WORLD.scope} · cell ${WORLD.cell}` + (WORLD.epoch ? ` · epoch ${WORLD.epoch}` : "");
  return WORLD;
}
loadWorld();
setTimeout(loadYou, 0);                          // P7 sp8: the YOU tag (PERSON is declared below)
function toggleCrew(open){
  const was = crewPull.classList.contains("open");
  const now = open ?? !was;
  if (now && !was){ toggleBand(false); toggleMonitor(false); }   // W33: one pull at a time
  crewPull.classList.toggle("open", now);
  layoutChat();
  if (now && !was){
    loadCrew();
    pushFocus({kind: "workspace", id: "ws_crew", name: "crew", window: null,
               label: "the Crew workspace · its agent, crew"});
  }
  if (!now && was) popFocusOf("ws_crew");                        // W53: the pull closed, its focus goes with it
}
async function markWords(text){                  // "mark this as improvement: the note"
  const m = text.match(/^mark (?:this|that|it)(?: as)?\s+([a-z0-9-]+)\s*(?::\s*(.+))?$/i);
  if (!m) return false;
  const r = await fetch("/mark", {method:"POST", headers:{"content-type":"application/json"},
    body: JSON.stringify({kind: m[1].toLowerCase(), note: m[2] || "", session: SESSION})})
    .then(async x => ({s: x.status, b: await x.json()})).catch(()=>null);
  if (!r) { sysline("the mark door did not answer"); return true; }
  if (r.s !== 201) { sysline(esc(r.b.error || "not marked")); return true; }
  sysline(`marked ${esc(r.b.marker.ref)} as ${esc(r.b.marker.kind)}` +
          (r.b.asked.length ? ` — ${r.b.asked.map(a => esc(a.body)).join(", ")} asked to act` : ""));
  refreshPulls();
  return true;
}
/* ---- L3 (P6 sp1 → walk #7's cure): the authenticator, enrolled through the chat ---- */
function codeRow(msg, yesLabel, onYes, cancelLabel, onCancel){   // the ONE code row: typed code · click · Cancel default · Enter never submits
  const row = document.createElement("div"); row.className = "confirm-row";
  row.innerHTML = `<button class="btn-cancel">${esc(cancelLabel || "Cancel (default)")}</button>` +
    `<input inputmode="numeric" maxlength="6" pattern="[0-9]*" placeholder="6-digit code" aria-label="the code from your authenticator">` +
    `<button class="btn-yes" disabled>${esc(yesLabel)}</button>`;
  const [cancel, inp, yes] = row.children;
  inp.addEventListener("keydown", e => { if (e.key === "Enter") e.preventDefault(); });   /* Enter never submits */
  inp.addEventListener("input", () => { yes.disabled = !/^\d{6}$/.test(inp.value); });
  cancel.onclick = () => { row.querySelectorAll("button,input").forEach(x => x.disabled = true); if (onCancel) onCancel(); };
  yes.onclick = async () => { row.querySelectorAll("button,input").forEach(x => x.disabled = true); await onYes(inp.value, row); };
  msg.appendChild(row); cancel.focus();
  return row;
}
function stepDone(msg, row, words){           // W3: a step that succeeded COLLAPSES to one line
  row.remove();
  msg.querySelectorAll(".qr,.reveal,.copy,.steprefused,.stepwords").forEach(x => x.remove());
  msg.insertAdjacentHTML("beforeend", `<div class="stepline">✓ ${words} · ${hhmm(new Date().toISOString())}</div>`);
}
function stepRefused(msg, row, words){        // W3: every refusal NAMES its step; the row stays open for another code
  let r = msg.querySelector(".steprefused"); if (!r){ r = document.createElement("div"); r.className = "steprefused"; msg.insertBefore(r, row); }
  r.textContent = words;
  row.querySelectorAll("button,input").forEach(x => x.disabled = false);
  const inp = row.querySelector("input"); inp.value = ""; row.querySelector(".btn-yes").disabled = true; inp.focus();
}
async function postEnroll(code){
  return fetch("/enroll", {method:"POST", headers:{"content-type":"application/json"},
    body: JSON.stringify({person: PERSON, code: code || undefined})})
    .then(async x => ({s: x.status, b: await x.json()})).catch(()=>null);
}
function drawEnroll(b, re, seatAs){           // W2: the QR only — the secret behind a click, masked again on the next repaint · `seatAs`: the ceremony's name, seated on the next code
  const entry = re ? "the new Orreth entry" : "your app";
  const msg = el("msg theirs", `<div class="who">the kernel</div><span class="stepwords">` +
    (re ? "Your current authenticator is proven. Now the NEW one: scan this once with your authenticator app, then type the first code the new Orreth entry shows to finish."
        : "Scan this once with your authenticator app, then type the first code it shows to finish enrolling.") + `</span>` +
    (b.qr ? `<img class="qr" alt="the QR for your authenticator" src="${b.qr}">` : "") +
    `<span class="reveal">can't scan? reveal the secret</span>` +
    `<div class="copy" hidden title="enter this in your app by hand — it is never kept in the transcript">${esc(b.uri)}</div>`);
  const rv = msg.querySelector(".reveal"), cp = msg.querySelector(".copy");
  rv.onclick = () => { cp.hidden = !cp.hidden; rv.textContent = cp.hidden ? "can't scan? reveal the secret" : "hide the secret"; };
  codeRow(msg, re ? "Finish the new authenticator" : "Finish enrolling", async (code, row) => {
    const c = await fetch("/enroll/confirm", {method:"POST", headers:{"content-type":"application/json"},
      body: JSON.stringify({person: b.person || PERSON, code})}).catch(()=>null);
    if (c && c.status === 200){
      stepDone(msg, row, re ? "new authenticator enrolled — the old entry is retired" : "authenticator enrolled");
      if (seatAs){                                            // P7 sp8 row 3: the ceremony — the next code takes the owner's seat
        const m2 = el("msg theirs", `<div class="who">the kernel</div><span class="stepwords">Enrolled. Now type the NEXT code your app shows to take your seat — the first to prove an authenticator here holds this ground.</span>`);
        codeRow(m2, "Take my seat", async (code2, row2) => takeSeat(seatAs, code2, m2, row2), "Not now",
                () => sysline("not seated — say anything to bring the seat form back"));
        return;
      }
      sysline(`authenticator ${re ? "re-" : ""}enrolled — grave acts will ask for its code`); return; }
    stepRefused(msg, row, re ? "finishing the NEW authenticator: that code is not the new entry's — type the code the new Orreth entry shows now"
                             : "finishing the authenticator: that code is not this entry's — type the code your app shows now");
  }, "Not now", () => { msg.querySelectorAll(".qr,.reveal,.copy").forEach(x => x.remove());
                        sysline(re ? "the new authenticator was not finished — your current one still stands; say “enroll my authenticator” to start over"
                                   : "not enrolled — the QR is gone from view; say “enroll my authenticator” to start over"); });
}
async function deskWords(text){               // "who is at the door?" · "the join desk" — every body that asked to join this world, newest first (P7 sp8 row 3b)
  const t = text.toLowerCase().replace(/[.!?]+$/, "").trim();
  if (!/^(who is at the door|who's at the door|the (join )?desk|show (me )?the (join )?desk|joins)$/.test(t)) return false;
  el("msg mine", esc(text));
  const r = await fetch("/join").then(x => x.ok ? x.json() : null).catch(() => null);
  if (!r){ sysline("the desk did not answer"); return true; }
  const joins = r.joins || [];
  if (!joins.length){ sysline("no body has asked to join this world yet — a body that knocks is challenged to prove its key, then waits here for a governing seat's yes"); return true; }
  sysline(`the join desk · ${joins.length} ${joins.length === 1 ? "join" : "joins"} · a lease lasts ${esc(String(r.lease_days))} days`);
  for (const j of joins.slice(0, 12)){
    const when = j.updated_at ? new Date(j.updated_at).toLocaleString() : "";
    sysline(`${esc(j.name)} (a ${esc(j.kind)}) · <b>${esc(j.status)}</b> · ${esc(j.words || "")}${j.admitted_by && j.status !== "done" ? " · " + esc(j.admitted_by) : ""}${when ? " · " + esc(when) : ""}`);
  }
  return true;
}
async function enrollWords(text){             // "enroll my authenticator" · the old words "… with code 123456" still work as an alias · "enroll quinn" (the owner's word, P7 sp8 row 3)
  const other = text.match(/^enroll (?:an? )?(?:authenticator for )?([a-z][a-z0-9_-]{1,23})\s*[.!]?$/i);
  if (other && !/^(my|an?|the)$/i.test(other[1])){
    el("msg mine", esc(text));
    const who = other[1].toLowerCase();
    const c = await fetch("/enroll", {method:"POST", headers:{"content-type":"application/json"}, body: JSON.stringify({person: who})})
      .then(async x => ({s: x.status, b: await x.json()})).catch(()=>null);
    if (!c){ sysline("the enroll door did not answer"); return true; }
    if (c.s === 403){ sysline(`not confirmed — enrolling ${esc(who)} is the owner's or a master's word, and a person already enrolled re-enrolls with their own old code`); return true; }
    if (c.s !== 201){ sysline(esc(c.b && c.b.error ? c.b.error : "the enroll door refused")); return true; }
    const msg = el("msg theirs", `<div class="who">the kernel</div><span class="stepwords">Enrolling ${esc(who)}: hand them this QR to scan with their authenticator app, then type here the first code it shows to finish. They take their seat in their own browser with the next code.</span>` +
      (c.b.qr ? `<img class="qr" alt="the QR for ${esc(who)}'s authenticator" src="${c.b.qr}">` : "") +
      `<span class="reveal">can't scan? reveal the secret</span><div class="copy" hidden>${esc(c.b.uri)}</div>`);
    const rv = msg.querySelector(".reveal"), cp = msg.querySelector(".copy");
    rv.onclick = () => { cp.hidden = !cp.hidden; rv.textContent = cp.hidden ? "can't scan? reveal the secret" : "hide the secret"; };
    codeRow(msg, `Finish enrolling ${who}`, async (code, row) => {
      const r = await fetch("/enroll/confirm", {method:"POST", headers:{"content-type":"application/json"}, body: JSON.stringify({person: who, code})}).catch(()=>null);
      if (r && r.status === 200){ stepDone(msg, row, `${who}'s authenticator enrolled — they sit with the next code it shows`); return; }
      stepRefused(msg, row, `finishing ${who}'s authenticator: that code is not this entry's — type the code the app shows now`);
    }, "Not now", () => { msg.querySelectorAll(".qr,.reveal,.copy").forEach(x => x.remove()); sysline(`${esc(who)} was not enrolled — say “enroll ${esc(who)}” to start over`); });
    return true;
  }
  const m = text.match(/^(?:re-?)?enroll my authenticator(?:\s+with(?: the)?(?: old| current)? code\s+(\d{6}))?\s*[.!]?$/i);
  if (!m) return false;
  el("msg mine", esc(text));
  const st = await fetch("/proof?person=" + encodeURIComponent(PERSON)).then(x=>x.json()).catch(()=>null);
  if (!st){ sysline("the proof door did not answer"); return true; }
  if (st.enrolled && !m[1]){                  // W1: re-enrolling is grave — the CURRENT code, in the code row (no sentence to retype)
    const msg = el("msg theirs", `<div class="who">the kernel</div><span class="stepwords">You already hold an authenticator, so this is grave: ` +
      `type the code your CURRENT authenticator shows, then confirm — cancel is the default. A new QR follows.</span>`);
    codeRow(msg, "Confirm with this code", async (code, row) => {
      const c = await postEnroll(code);
      if (!c){ stepRefused(msg, row, "the enroll door did not answer — try again, or cancel"); return; }
      if (c.s !== 201){ stepRefused(msg, row, "proving the CURRENT authenticator: that code is not your current authenticator's — type the code it shows now"); return; }
      stepDone(msg, row, "current authenticator proven");
      drawEnroll(c.b, true);
    }, "Cancel (default)", () => sysline("not re-enrolled — your current authenticator stands; nothing changed"));
    return true;
  }
  const c = await postEnroll(m[1]);
  if (!c){ sysline("the enroll door did not answer"); return true; }
  if (c.s !== 201){ sysline(st.enrolled ? "proving the CURRENT authenticator: that code is not your current authenticator's — say “enroll my authenticator” and type the code it shows now"
                                        : "not enrolled — the enroll door refused; try again"); return true; }
  drawEnroll(c.b, !!st.enrolled);
  return true;
}
const STOP_NOISE = new Set(["the", "and", "that", "this", "with", "for", "every", "when", "please", "intention", "my", "our"]);
function looseMatch(i, want){                    // W39: a word in common, the runner, or what it serves
  const w = (i.words || "").toLowerCase(), serves = (i.serves || "").toLowerCase(), runner = (i.runner || "").toLowerCase();
  if (w.includes(want) || serves === want || runner === want) return true;
  // W66 (walk #18): state words ("standing resiliency intention") are not a name — and each word is tried against what it serves and who runs it
  const toks = want.split(/[^a-z0-9]+/).filter(t => t.length >= 3 && !STOP_NOISE.has(t) && !/^(standing|rested|resting|kernel|kernels|own|current)$/.test(t));
  const have = new Set(w.split(/[^a-z0-9]+/));
  return toks.length > 0 && toks.some(t => have.has(t) || t === serves || t === runner);
}
function offerIntentions(rows, verb, head){       // the choice, one click each — never the exact words again
  const box = el("msg theirs", `<div class="who">${head}</div>`);
  rows.forEach(i => {
    const row = document.createElement("div"); row.className = "sesrow";
    row.textContent = `${verb} · “${i.words}” · ${i.kind} · ${i.runner ? "runs on " + i.runner + " · " : ""}serves ${i.serves}`;
    row.onclick = () => actOnIntention({ref: i.intention_id, words: i.words}, verb);
    box.appendChild(row);
  });
  log.scrollTop = log.scrollHeight;
}
function stopItLink(id){                          // W56: "stop it" on a routed or parked ask's line — rule 11, one click
  const a = document.createElement("a"); a.href = "#"; a.textContent = "  ·  stop it"; a.className = "stopit";
  a.title = "rests the ask here and tells its home cell to rest it too";
  a.onclick = async e => { e.preventDefault(); e.stopPropagation(); await stopRouted(id); };
  return a;
}
async function stopRouted(id){
  const r = await fetch("/asks/stop", {method:"POST", headers:{"content-type":"application/json"},
    body: JSON.stringify({id, person: PERSON})}).then(x=>x.json()).catch(()=>null);
  sysline(!r ? "the stop door did not answer" : r.error ? esc(r.error) : esc(r.words || "stopped"));
}
async function stopRoutedWords(text){             // W56: "stop it" · "stop that" · "stop the ask" — the newest routed or parked ask
  if (!/^stop\s+(it|that|the ask|that ask|the last ask)\s*[.!]?$/i.test(text.trim())) return false;
  const asks = await fetch("/asks").then(x=>x.json()).then(x => x.asks || []).catch(()=>[]);
  const open = asks.filter(a => a.status === "routed" || a.status === "parked");
  el("msg mine", esc(text));
  if (!open.length){ sysline("nothing routed to another cell is waiting — an ask served here comes to rest on its own"); return true; }
  await stopRouted(open[0].ask_id || open[0].id);
  return true;
}
async function stopWords(text){                  // W34 · W39 (walk #11): "stop" · "echo, stop" · "stop my time intention" — never the exact words
  const bare = text.match(/^(?:([a-z][a-z0-9_-]*),\s*)?(stop|rest|restart|resume)\s*[.!]?$/i);
  // "echo, restart intention 'every 5 seconds'" · "stop my time intention" · "restart the kernel's resiliency intention"
  // W65 (walk #18): "stopping …" · "please stop …" · "restarting …" are the same word — a near miss went to a resident, who then claimed the act
  const m = bare ? null : text.match(/^(?:([a-z][a-z0-9_-]*),\s*)?(?:please\s+)?(stop|stopping|rest|resting|restart|restarting|resume|resuming|start|starting)\s+(?:the\s+|my\s+)?(?:intention\s+)?(kernel'?s\s+)?(.+?)(?:\s+intention)?\s*[.!]?$/i);
  if (!bare && !m) return false;
  const verb = /^(restart|restarting|resume|resuming|start|starting)$/i.test(bare ? bare[2] : m[2]) ? "restart" : "stop";   // W65: "start" is a restart of a rested one
  const runner = ((bare ? bare[1] : m[1]) || "").toLowerCase();
  const kernels = !!(m && m[3]);
  const want = m ? m[4].toLowerCase().trim().replace(/^["'“‘]+|["'”’]+$/g, "").trim() : "";
  const ints = await fetch("/intentions").then(x=>x.json()).then(x => x.intentions || []).catch(()=>[]);
  const standing = ints.filter(i => (verb === "stop" ? i.active !== false : i.active === false));   // stop a standing one · restart a rested one
  let hits = standing.filter(i => (!kernels || i.kind === "kernel") && (kernels || !/\bmy\b/i.test(text) || i.kind !== "kernel"));
  if (runner) hits = hits.filter(i => (i.runner || "").toLowerCase() === runner);
  if (want) hits = hits.filter(i => looseMatch(i, want));
  el("msg mine", esc(text));
  const state = verb === "stop" ? "standing" : "rested";
  if (hits.length === 1){ await actOnIntention({ref: hits[0].intention_id, words: hits[0].words}, verb); return true; }
  if (hits.length > 1){ offerIntentions(hits, verb, `which one? ${hits.length} ${state} intentions match — click one`); return true; }
  if (!standing.length){ sysline(`no ${state} intention here — the ANALYZER lists what there is`); return true; }
  offerIntentions(standing, verb, runner ? `nothing ${state} runs on ${esc(runner)} — these ${state} intentions are here, click one`
                                         : want ? `nothing ${state} matches “${esc(want)}” — these ${state} intentions are here, click one`
                                                : `these ${state} intentions are here — click one to ${verb} it`);
  return true;
}
function whyLine(c){                             // P6 sp4: the card's line, as words
  const p = c.placement || {};
  return c.refused ? `${c.name} is refused here — ${p.why.replace(/^refused: /, "")} · recorded; fix its template to seat it`
                   : `${c.name} ${p.why || "stands here"}`;
}
async function placementWords(text){             // "where does the librarian stand?" → the why-line, no click
  const t = text.toLowerCase().replace(/[.!?]+$/, "").trim();
  const one = t.match(/^where (?:does|is) (?:the )?([a-z0-9_-]+) (?:stand|standing|run|running|placed|seated)$/);
  const all = /^where (?:does|do|is|are) (?:the )?(?:crew|bodies|everyone|everybody) (?:stand|standing|run|running)$/.test(t);
  if (!one && !all) return false;
  el("msg mine", esc(text));
  const r = await fetch("/crew").then(x=>x.json()).catch(()=>null);
  if (!r){ sysline("the crew door did not answer"); return true; }
  const cards = all ? r.crew : r.crew.filter(c => c.name === one[1]);
  if (!cards.length){ sysline(`no body here is named “${esc(one[1])}” — say “crew” to see who stands here`); return true; }
  for (const c of cards) sysline(`<b>where</b> · ${esc(whyLine(c))}`);
  return true;
}
function workspaceWords(text){
  const t = text.toLowerCase().replace(/[.!?]+$/, "").trim();
  if (/^((open|show)( me)?( the)? crew|crew|the crew)$/.test(t)) { toggleCrew(true); return true; }
  if (/^((open|show)( me)?( the)? (monitor|monitoring)|monitor|monitoring)$/.test(t)) { toggleMonitor(true); return true; }
  return false;
}
async function loadCrew(){
  const r = await fetch("/crew").then(x=>x.json()).catch(()=>null);
  if (!r) return;
  // P7 sp6: the bodies this kernel seats as processes — where each stands (alive · restarting · PARKED · refused)
  const bd = await fetch("/bodies").then(x=>x.json()).catch(()=>null);
  const PROC = {}; if (bd && bd.mode === "crew") for (const b of bd.bodies) PROC[b.name] = b;
  const box = document.getElementById("cards"); const keep = box.scrollTop;
  box.innerHTML = "";
  for (const c of r.crew){
    const d = document.createElement("div"); d.className = "card" + (c.refused ? " refused" : "");
    const p = c.placement || {};
    const secrets = (p.secrets || []).map(s => `<span class="secret ${s.reached ? "" : "unreached"}" title="by name only — the value is never shown">${esc(s.name)} ${s.reached ? "✓ reached" : "✗ unreached"}</span>`).join("");
    const stands = c.refused
      ? `<div class="stands">refused at birth — ${esc((p.reasons || []).join("; "))}<span class="meta">recorded ${hhmm(c.refused_at)} · never started · the rig runs without it · fix its template to seat it (nothing to stop)</span></div>`
      : `<div class="stands">${esc(p.why || "")}<span class="meta">cell ${esc(p.cell)} · metal ${esc(p.metal)}` +
        ((p.affinity || []).length ? ` · beside ${esc(p.affinity.join(", "))} (advisory in v0)` : "") + `</span>${secrets}</div>`;
    if (c.refused){
      d.innerHTML = `<h5>${esc(c.name)} <span class="meta">· ${esc(c.kind)} · refused</span></h5>` +
        `<div class="meta">self …${esc(c.did.slice(-8))} · template ${esc(c.template)}</div>` + stands;
      box.appendChild(d); continue;
    }
    const caps = c.capabilities.length ? c.capabilities.map(x => `<span class="cap">${esc(x)}</span>`).join("") : `<span class="meta">none declared</span>`;
    const kernel = c.side_b.kernel.map(k =>
      `<div class="duty kernel" onclick="this.classList.toggle('asked')">${esc(k.duty)}` +
      `<span class="why">kernel-required — visible, never editable</span></div>`).join("");
    const sched = await fetch("/schedules/" + encodeURIComponent(c.name)).then(x=>x.json()).catch(()=>null) || {human: [], role: [], kernel: []};
    const when = s => `every ${s.every_s >= 3600 ? (s.every_s / 3600) + " h" : s.every_s >= 60 ? (s.every_s / 60) + " min" : s.every_s + " s"}` +
                      (s.last_at ? ` · last ${hhmm(s.last_at)}` : "") + ` · ${s.occurrences}×`;
    const line = (s, kind) => `<div class="duty ${kind === "kernel" ? "kernel" : ""} ${s.active ? "" : "rested"}" data-id="${esc(s.schedule_id)}"` +
      (kind === "kernel" ? ` onclick="this.classList.toggle('asked')"` : "") + `>${esc(s.text)} <span class="meta">(${when(s)})</span>` +
      (kind === "kernel" ? `<span class="why">kernel-required — visible, never editable</span>`
        : s.active ? `<span class="rest" data-rest="${esc(s.schedule_id)}">rest it</span>`
        : `<span class="meta"> · at rest since ${hhmm(s.rested_at)}</span>`) + `</div>`;
    const schedules = sched.kernel.map(s => line(s, "kernel")).join("") + sched.role.map(s => line(s, "role")).join("") +
      sched.human.map(s => line(s, "human")).join("");
    d.innerHTML =
      `<h5>${esc(c.name)} <span class="meta">· ${esc(c.kind)} · life ${c.lives}</span></h5>` +
      `<div class="meta">self …${esc(c.did.slice(-8))} · wearing covenant v${esc(c.policy_version)} · template ${esc(c.template)}</div>` +
      (PROC[c.name] ? `<div class="meta ${/parked|refused/.test(PROC[c.name].state) ? "bad" : ""}">process: ${PROC[c.name].state === "alive" ? `alive · life ${PROC[c.name].lives} · pid ${PROC[c.name].pid}` :
                        PROC[c.name].state === "restarting" ? esc(PROC[c.name].words) :
                        /parked|refused/.test(PROC[c.name].state) ? `<b>${PROC[c.name].state.toUpperCase()}</b> — ${esc(PROC[c.name].words)}` : esc(PROC[c.name].state)}</div>` : "") +   // P7 sp6: the kernel's own eyes on the body it spawned
      (c.mind ? `<div class="meta">LLM: ${c.mind.stall ? `<b>${esc(c.mind.stall)}</b> · ${esc(c.mind.route || "")}${c.mind.klass ? " · " + esc(c.mind.klass) : ""}` : "<b>none can serve</b>"}` +
                ` — ${esc(c.mind.why || "")}` + (c.mind.last ? ` · last thought rode ${esc(c.mind.last.stall)}${c.mind.last.usd != null ? " ($" + Number(c.mind.last.usd).toFixed(4) + ")" : ""}${c.mind.last.ok === false ? " · could not think" : ""}` : "") + `</div>` : "") +   // P6.5 sp3 (walk #12): which mind, and why
      stands + `<div>${caps}</div>` +
      `<div class="side"><b>SIDE A · INFERENCE</b><div>asks served: ${c.side_a.asks_served}` +
      (c.side_a.last_served ? ` · last ${hhmm(c.side_a.last_served)}` : "") + `</div></div>` +
      `<div class="side"><b>SIDE B · THE JOB</b>${kernel}${schedules}` +
      `<div class="sched"><input placeholder="schedule an ask for ${esc(c.name)}…" data-text>` +
      `<input class="n" type="number" min="5" value="3600" data-every title="every N seconds"><button data-add>schedule</button></div></div>` +
      `<span class="assist">ask the crew agent about ${esc(c.name)}</span>`;
    d.querySelector(".assist").onclick = () => {
      toggleChat(true);
      send(`Tell me about ${c.name}: what it does, what it wears, and its two sides.`,
           `about ${c.name} — on your word → crew`, ["crew"]);
    };
    d.querySelector("[data-add]").onclick = async () => {        // CRUD on the human's
      const text = d.querySelector("[data-text]").value.trim();  // schedule changes the
      const every = parseInt(d.querySelector("[data-every]").value, 10);   // Operating State
      if (!text) return;
      await fetch("/schedules", {method:"POST", headers:{"content-type":"application/json"},
                                 body: JSON.stringify({runner: c.name, text, every_s: every})}).catch(()=>null);
      loadCrew();
    };
    d.querySelectorAll("[data-rest]").forEach(r => r.onclick = async () => {   // the stop:
      await fetch("/schedules/rest", {method:"POST", headers:{"content-type":"application/json"},
                                      body: JSON.stringify({schedule_id: r.dataset.rest})}).catch(()=>null);
      loadCrew();                                                            // recorded, never deleted
    });
    box.appendChild(d);
  }
  await loadShelf(box);                       // P6.5 sp1: the shelf beside the bodies
  box.scrollTop = keep;                       // the reader keeps their place
}

/* ---- P6.5 sp1: THE SHELF — every service the kernel governs (tool · mcp · store · source · mind), one ladder ---- */
function stateWords(s){ return `${s.state}${s.state === "versioned" ? " (" + s.version + ")" : ""} · since ${hhmm(s.since)}`; }
function healthWords(s){ const h = s.last_health; if (s.state === "retired") return "at rest — retired, not probed";   // W62 (walk #17)
  if (!h) return "never probed";
  return (h.ok === true ? "healthy" : h.ok === false ? "UNHEALTHY" : "not probed") + ` · ${hhmm(h.at)} · ${h.detail}`; }
function serviceCard(s){
  const d = document.createElement("div"); d.className = "card service" + (s.state === "retired" ? " retired" : "");
  const p = s.placement || {};
  const secrets = (s.secrets || []).map(x => `<span class="secret ${x.reached ? "" : "unreached"}" title="by name only — the value is never shown">${esc(x.name)} ${x.reached ? "✓ reached" : "✗ unreached"}</span>`).join("");
  const m = s.manifest || {};                    // P6.5 sp2: an MCP server wears its locator BY NAME, its tool count, its last list time
  const mcpLine = s.kind === "mcp" ? `<div class="meta">${esc(m.transport || "?")} · at ${esc(m.locator || "?")} · ${(m.tools || []).length} tool${(m.tools || []).length === 1 ? "" : "s"} listed` +
                    (s.last_health ? ` · last listed ${hhmm(s.last_health.at)}` : " · never listed") + `</div>` : "";
  const under = s.kind === "tool" && m.server ? `<div class="meta">through the ${esc(m.server)} MCP server · ${esc(m.consequence || "routine")}</div>` : "";
  // P6.5 sp3: a mind wears its DEAL — where it resides, its class, its price per million in and out, its context — and what it has cost
  const sp = s.spend || {};
  const mindLine = s.kind === "mind" ? `<div class="meta">${esc(m.provider || "?")} ${esc(m.model || "?")} · ${esc(m.class || "standard")} · $${(m.price || {}).in_per_m ?? 0} in / $${(m.price || {}).out_per_m ?? 0} out per million` +
                    (m.context ? ` · context ${Number(m.context).toLocaleString()}` : "") + (m.key ? ` · key ${esc(m.key)} (by name)` : " · no key needed") +
                    `</div><div class="meta">${sp.calls ? `spent $${(sp.usd || 0).toFixed(4)} over ${sp.calls} call${sp.calls === 1 ? "" : "s"} ($${(sp.usd_today || 0).toFixed(4)} today)` : "never called"}` +
                    (sp.failed ? ` · ${sp.failed} could not think` : "") + `</div>` : "";
  d.innerHTML = `<h5><span class="kind">${esc(s.kind)}</span>${esc(s.name)} <span class="meta">· ${esc(stateWords(s))}</span></h5>` +
    `<div class="meta">self …${esc(s.did.slice(-8))} · pin ${esc(s.manifest_hash.slice(7, 19))} · v${s.version} · by ${esc(whoIs(s.by))}</div>` +
    mcpLine + under + mindLine +
    `<div class="stands">${esc(p.why || "")}${secrets}</div>` +
    `<div class="health ${(s.last_health || {}).ok === false ? "bad" : ""}">health: ${esc(healthWords(s))}</div>` +
    (s.retirable ? `<span class="assist" data-retire title="consequential — held at the interlock in the chat; cancel is the default">retire ${esc(s.name)} → the interlock</span>`
     : s.restorable ? `<span class="assist" data-restore title="a new fact — its stop stays in the record">restore ${esc(s.name)}</span>` : "");
  const r = d.querySelector("[data-retire]"); if (r) r.onclick = () => retireService(s.name, s.kind);
  const b = d.querySelector("[data-restore]"); if (b) b.onclick = () => restoreService(s.name, s.kind);
  return d;
}
async function loadShelf(box){
  const r = await fetch("/services").then(x=>x.json()).catch(()=>null);
  const st = await fetch("/minds").then(x=>x.json()).catch(()=>null);      // P6.5 sp3: the Stable's spend rides the mind cards
  if (r && st) for (const s of r.services) if (s.kind === "mind"){ const m = (st.minds || []).find(x => x.name === s.name); if (m) s.spend = m.spend; }
  const head = document.createElement("div"); head.className = "shelf-head";
  head.textContent = "THE SHELF · every service the kernel governs — tool · mcp · store · source · mind (an LLM) · one ladder: registered → versioned → healthy | unhealthy → retired · an LLM is a stall in the Stable and a model entry in the gateway";
  box.appendChild(head);
  if (!r){ box.insertAdjacentHTML("beforeend", `<div class="meta">the shelf door did not answer</div>`); return; }
  if (!r.services.length){ box.insertAdjacentHTML("beforeend", `<div class="meta">nothing on the shelf yet — the kernel registers its built-ins at boot</div>`); return; }
  // P6.5 sp2: an MCP server's tools nest beneath it; a tool whose server is gone from the shelf stands alone, said so
  const servers = new Set(r.services.filter(s => s.kind === "mcp").map(s => s.name));
  const nested = new Map();
  for (const s of r.services) if (s.kind === "tool" && (s.manifest || {}).server && servers.has(s.manifest.server))
    nested.set(s.manifest.server, (nested.get(s.manifest.server) || []).concat([s]));
  for (const s of r.services){
    if (s.kind === "tool" && (s.manifest || {}).server && servers.has(s.manifest.server)) continue;
    const card = serviceCard(s); box.appendChild(card);
    for (const t of (nested.get(s.name) || [])){ const tc = serviceCard(t); tc.classList.add("under"); box.appendChild(tc); }
  }
}
async function mindDoor(path, body, words){        // P6.5 sp3: a Stable act — held by the kernel at L2; the interlock arrives in the chat
  toggleChat(true);
  const r = await fetch(path, {method:"POST", headers:{"content-type":"application/json"},
    body: JSON.stringify(Object.assign({person: PERSON, session: SESSION || undefined}, body))}).then(x=>x.json()).catch(()=>null);
  if (r && r.held){
    PENDING[r.held] = el("journey", words);
    const v = await fetch("/ask/" + r.held).then(x=>x.json()).catch(()=>null);
    if (v && v.status === "awaiting-confirm") renderOutcome(r.held, v, PENDING[r.held]);
    return;
  }
  sysline(r && r.error ? esc(r.error) : "the Stable's door did not answer");
}
async function retireService(name, kind){          // consequential (L2): the kernel holds it — the interlock arrives in the chat
  toggleChat(true);
  const r = await fetch("/services/retire", {method:"POST", headers:{"content-type":"application/json"},
    body: JSON.stringify({name, person: PERSON, session: SESSION || undefined})}).then(x=>x.json()).catch(()=>null);
  if (r && r.held){
    PENDING[r.held] = el("journey", `retiring the ${esc(name)} ${esc(kind || "service")} is consequential — the kernel holds it at the interlock…`);
    const v = await fetch("/ask/" + r.held).then(x=>x.json()).catch(()=>null);   // the hold may have landed before its notice
    if (v && v.status === "awaiting-confirm") renderOutcome(r.held, v, PENDING[r.held]);
    return;
  }
  sysline(r && r.error ? esc(r.error) : "the retire door did not answer");
}
async function restoreService(name, kind){         // a new fact; its stop stays in the record
  toggleChat(true);
  const r = await fetch("/services/restore", {method:"POST", headers:{"content-type":"application/json"},
    body: JSON.stringify({name, person: PERSON})}).then(x=>x.json()).catch(()=>null);
  sysline(r && r.service ? `${esc(name)} ${esc(kind || "service")} restored — standing ${esc(r.service.state)} again · a new fact; its stop stays in the record`
        : r && r.error ? esc(r.error) : "the restore door did not answer");
  refreshPulls();
}
const SERVICE_KINDS = {service: null, services: null, tool: "tool", tools: "tool", mind: "mind", minds: "mind",
                       store: "store", stores: "store", source: "source", sources: "source", mcp: "mcp", mcps: "mcp", shelf: null};
/* ---- the human's own profile (P7 sp8, W58): what you tell this ground about yourself, in your words, provenance-labeled ---- */
const PROFILE_RX = /^(?:my name is|call me|i am |i'm |i live in|i live at|i am in|i'm in|i am living in|i'm living in|my (?:place|home|town) is|my (?:time ?zone|zone|clock) is|i am on|i'm on|remember about me|about me:|my profile|what do you know about me|show (?:me )?my profile|read my profile|who am i|forget (?:about me|my|that|about))/i;
async function profileWords(text){
  const t = text.trim();
  if (!PROFILE_RX.test(t)) return false;
  const r = await fetch("/profile", {method:"POST", headers:{"content-type":"application/json"},
    body: JSON.stringify({person: PERSON, text: t})}).then(x=>x.json()).catch(()=>null);
  if (!r) return false;                                            // the door did not answer — let the ask go on
  if (r.error){
    if (/tell me nothing about you/.test(r.error)) return false;   // the law read nothing about you — it is an ordinary ask
    el("msg mine", esc(text)); sysline(esc(r.error)); return true;
  }
  el("msg mine", esc(text));
  if (r.act === "read") drawPortrait(r.portrait);
  else { sysline(esc(r.words)); drawYou(r.portrait); }
  return true;
}
function drawPortrait(p){                       // the portrait, every word with its label — theirs to see and adjust
  if (!p || !p.claims || !p.claims.length){
    sysline("nothing yet — you have told this ground nothing about yourself. Say “my name is …”, “I live in …”, “my time zone is …” or “remember about me: …”.");
    drawYou(p); return;
  }
  const groups = {};
  for (const c of p.claims) (groups[c.label] = groups[c.label] || []).push(c);
  for (const label of ["you told me", "I observed", "the mirror noticed"]){
    if (!groups[label]) continue;
    sysline(`<b>${esc(label)}</b> · ` + groups[label].map(c => esc(c.words)).join(" · "));
  }
  sysline(`your clock here reads ${esc(p.clock || "the ground's own")} · say “forget about me: my place” (or “forget that …”) to withdraw a word — the record keeps that you said it once`);
  drawYou(p);
}
function drawHead(){                            // W75 (JB, walk #19): the chat names WHO holds it — a human checks this before every word
  const h = document.getElementById("chat-head"); if (!h) return;
  const base = h.textContent.split(" · ").slice(0, 2).join(" · ");
  h.textContent = PERSON ? `${base} · ${whoIs(PERSON)}` : base;
  h.title = PERSON ? `this chat is ${whoIs(PERSON)}'s — the seat this window holds` : "no seat yet — the seat form opens on the first word";
}
function drawYou(p){                            // the YOU tag under the sun: who this door knows you are
  drawHead();
  const tag = document.getElementById("youtag"); if (!tag) return;
  const bits = [];
  if (p && p.name) bits.push(p.name); else bits.push(PERSON ? whoIs(PERSON) : "you");   // W63 (walk #18): the seat's name before "you"
  if (p && p.place) bits.push(p.place);
  if (p && p.clock) bits.push(p.clock);
  tag.textContent = bits.join(" · ");
  tag.title = (p && p.claims && p.claims.length) ? "what this ground knows about you, in your own words — click to read it" : "this ground knows nothing about you yet — say “my name is …” or “I live in …”";
}
async function loadYou(){ const p = await fetch("/profile?person=" + encodeURIComponent(PERSON)).then(x=>x.json()).catch(()=>null); drawYou(p); }
async function serviceWords(text){                 // "what services are here?" · "what tools are here?" · "retire the weather tool" · "check the services"
  const t = text.toLowerCase().replace(/[.!?]+$/, "").trim();
  // P6.5 sp3: the Stable's own words — the mind cards in words, a body's fuel, a refill, an assignment (held at the interlock)
  let m = t.match(/^(?:what|which)\s+(?:minds?|llms?|models?)\s+(?:are|is)\s+(?:here|in the stable|registered|standing|available)$|^show\s+(?:me\s+)?(?:the\s+)?(?:minds|llms|models|stable)$|^(?:what'?s|what is)\s+in the stable$/);
  if (m){
    el("msg mine", esc(text));
    const r = await fetch("/minds").then(x=>x.json()).catch(()=>null);
    if (!r){ sysline("the Stable's door did not answer"); return true; }
    if (!r.minds.length){ sysline("no LLM in the Stable yet — say “stablekeeper, add the LLM ollama llama3.2 as llama”"); return true; }
    for (const s of r.minds) sysline(`<b>LLM</b> · ${esc(s.words)} · health: ${esc(healthWords(s).split(" · ")[0])}`);
    for (const a of (r.assignments || [])) sysline(`<b>assignment</b> · ${esc(a.subject === "*" ? "every body" : a.subject)} uses ${esc(a.stall)} for ${esc(a.klass === "any" ? "all" : a.klass)} work`);
    sysline(r.gateway && r.gateway.ready ? "the gateway answers — every LLM call goes through it" : "the gateway is DARK — no LLM can answer until scripts/dev.sh up");
    toggleMonitor(true);
    return true;
  }
  m = t.match(/^(?:what(?:'s| is)\s+)?([a-z0-9_-]+)'?s?\s+fuel(?:\s+(?:gauge|level|left))?$|^how much fuel (?:does|has)\s+([a-z0-9_-]+)(?:\s+have|\s+got)?(?:\s+left)?$/);
  if (m){
    el("msg mine", esc(text));
    const who = m[1] || m[2];
    const r = await fetch("/minds/fuel?name=" + encodeURIComponent(who)).then(x=>x.json()).catch(()=>null);
    if (!r || r.error){ sysline(r && r.error ? esc(r.error) : "the fuel door did not answer"); return true; }
    const g = r.fuel;
    sysline(!g ? `${esc(who)} has no lease yet — it is fueled on its first thought`
               : `${esc(who)}: $${Number(g.spend ?? 0).toFixed(4)} spent of $${g.max_usd} this window` + (g.renews_at ? ` · renews ${esc(g.renews_at.slice(0, 16).replace("T", " "))} UTC` : "") +
                 (g.drained_at ? " · <b>OUT OF FUEL</b> — say “refill " + esc(who) + " by $1”" : "") + (g.refills ? ` · refilled ${g.refills}×` : ""));
    return true;
  }
  m = t.match(/^(?:stablekeeper,?\s+)?(?:add|register)\s+(?:the\s+)?(?:mind|llm|model)\s+(anthropic|openrouter|ollama|openai|compatible)\s+(\S+)\s+as\s+([a-z0-9_.-]+)(?:\s+for\s+(fast|standard|deep)(?:\s+work)?)?(?:\s+at\s+(\S+))?$/);
  if (m){                                          // W41: a well-formed "add the mind …" goes straight to the Stable's door — held, never described
    el("msg mine", esc(text));
    await mindDoor("/minds", {name: m[3], provider: m[1], model: m[2], klass: m[4] || "standard", base: m[5] || undefined},
                   `adding the ${esc(m[3])} LLM (${esc(m[1])} ${esc(m[2])}) is consequential — the kernel holds it at the interlock…`);
    return true;
  }
  m = t.match(/^refill\s+([a-z0-9_-]+)(?:\s+by)?\s+\$?([0-9.]+)$/);
  if (m){
    el("msg mine", esc(text));
    await mindDoor("/minds/refill", {subject: m[1], usd: Number(m[2])}, `refilling ${esc(m[1])} by $${m[2]} is consequential — real spending; the kernel holds it at the interlock…`);
    return true;
  }
  m = t.match(/^(?:assign|point)\s+([a-z0-9_*-]+|every body|everyone)\s+(?:to|at)\s+(?:the\s+)?([a-z0-9_.-]+)(?:\s+(?:mind|llm|model))?(?:\s+for\s+(fast|standard|deep|all)(?:\s+work)?)?$/);
  if (m){
    el("msg mine", esc(text));
    const subject = (m[1] === "every body" || m[1] === "everyone") ? "*" : m[1];
    const klass = (!m[3] || m[3] === "all") ? "any" : m[3];
    await mindDoor("/minds/assign", {subject, stall: m[2], klass},
                   `pointing ${esc(subject === "*" ? "every body" : subject)} at the ${esc(m[2])} LLM for ${klass === "any" ? "all its" : esc(klass)} work is consequential — the kernel holds it at the interlock…`);
    return true;
  }
  m = t.match(/^(?:unassign|release)\s+([a-z0-9_*-]+|every body|everyone)(?:\s+(?:for|from)\s+(fast|standard|deep|all)(?:\s+work)?)?$/);
  if (m){                                          // "unassign librarian" lifts its all-work assignment; "… for fast work" lifts that one
    el("msg mine", esc(text));
    const subject = (m[1] === "every body" || m[1] === "everyone") ? "*" : m[1];
    const klass = (!m[2] || m[2] === "all") ? "any" : m[2];
    await mindDoor("/minds/unassign", {subject, klass},
                   `lifting ${esc(subject === "*" ? "every body" : subject)}'s ${klass === "any" ? "all-work" : esc(klass)} assignment is consequential — the kernel holds it at the interlock…`);
    return true;
  }
  m = t.match(/^(?:what|which)\s+(services?|tools?|minds?|stores?|sources?|mcps?)\s+(?:are|is)\s+(?:here|on the shelf|registered)$|^show\s+(?:me\s+)?(?:the\s+)?(services|tools|stores|sources|mcps|shelf)$|^(?:what|which)\s+(services|tools|stores|sources|mcps)\s+(?:do we have|have we got|are there)$/);   // W31: "show the tools" too
  if (m){
    el("msg mine", esc(text));
    const kind = SERVICE_KINDS[m[1] || m[2] || m[3]];
    const r = await fetch("/services" + (kind ? "?kind=" + kind : "")).then(x=>x.json()).catch(()=>null);
    if (!r){ sysline("the shelf door did not answer"); return true; }
    if (!r.services.length){ sysline(`nothing on the shelf${kind ? " of kind " + esc(kind) : ""} — the kernel registers its built-ins at boot`); return true; }
    for (const s of r.services)
      sysline(`<b>${esc(s.kind)}</b> · ${esc(s.name)} · ${esc(stateWords(s))} · ${esc((s.placement || {}).why || "")} · health: ${esc(healthWords(s).split(" · ")[0])}`);
    toggleCrew(true);                              // the shelf, in the CREW pull
    return true;
  }
  m = t.match(/^(retire|restore)\s+(?:the\s+)?([a-z0-9_.-]+)(?:\s+(tool|mind|store|source|mcp|service))?$/);
  if (m){
    el("msg mine", esc(text));
    if (m[1] === "retire") await retireService(m[2], m[3]); else await restoreService(m[2], m[3]);
    return true;
  }
  m = t.match(/^re-?home\s+(?:this\s+)?(?:universe|world)\s+(?:to\s+)?(?:cell\s+)?([a-z0-9_-]+)$/);   // P7 sp7: re-home the universe — consequential, held at L2
  if (m){
    el("msg mine", esc(text)); toggleChat(true);
    const r = await fetch("/world/rehome", {method:"POST", headers:{"content-type":"application/json"},
      body: JSON.stringify({to_cell: m[1], person: PERSON, session: SESSION || undefined})}).then(x=>x.json()).catch(()=>null);
    if (r && r.held){
      PENDING[r.held] = el("journey", `re-homing this universe to cell ${esc(m[1])} is consequential — the kernel holds it at the interlock…`);
      const v = await fetch("/ask/" + r.held).then(x=>x.json()).catch(()=>null);
      if (v && v.status === "awaiting-confirm") renderOutcome(r.held, v, PENDING[r.held]);
      setTimeout(loadWorld, 3000);
      return true;
    }
    sysline(r && r.error ? esc(r.error) : "the re-home door did not answer (the Python door does not serve it — the Rust kernel's)");
    return true;
  }
  m = t.match(/^(?:what|which)\s+(?:world|cell|universe)\s+(?:is\s+this|am\s+i\s+in)\??$/);   // P7 sp7: "what world is this?"
  if (m){
    el("msg mine", esc(text));
    const w = await loadWorld();
    sysline(!w ? "the world door did not answer" : `${esc(w.scope)} stands in cell ${esc(w.cell)}${w.epoch ? " at epoch " + w.epoch : ""}, kept by ${esc((w.kernel || "?").slice(0, 40))}…` +
            (w.peers && w.peers.length ? ` · peers: ${w.peers.map(pr => esc(pr.words)).join(" · ")}` : " · no peers named"));
    return true;
  }
  m = t.match(/^advance\s+(?:past\s+)?(?:the\s+)?parked\s*(?:event\s*)?[:#]?\s*(\d+)$/);   // re-base sp1: past a poison the dispatcher holds at
  if (m){
    el("msg mine", esc(text));
    await advanceParked(m[1]);
    return true;
  }
  m = t.match(/^(?:restart|revive|start)\s+(?:the\s+)?([a-z0-9_-]+)\s+body(?:\s+again)?$/);   // P7 sp6: the human's lever on a parked body
  if (m){
    el("msg mine", esc(text));
    const r = await fetch("/bodies/restart", {method:"POST", headers:{"content-type":"application/json"},
      body: JSON.stringify({name: m[1]})}).then(x=>x.json()).catch(()=>null);
    sysline(!r ? "the bodies' door did not answer" : r.error ? esc(r.error) : esc(r.words || "restarting"));
    if (r && r.restarting) setTimeout(loadCrew, 4000);
    return true;
  }
  m = t.match(/^(?:check|probe)\s+(?:the\s+)?(services|tools|minds|stores|sources|mcps|shelf)$/);
  if (m){
    el("msg mine", esc(text));
    const kind = SERVICE_KINDS[m[1]] || null;
    const line = sysline("checking the shelf — every standing service probed by its kind…");
    const r = await fetch("/services/check", {method:"POST", headers:{"content-type":"application/json"},
      body: JSON.stringify({kind: kind || undefined, person: PERSON})}).then(x=>x.json()).catch(()=>null);
    if (!r){ line.textContent = "the check door did not answer"; return true; }
    line.textContent = `checked ${r.checked.length} services — ${r.ok ? "every one answered" : "some did not answer"}`;
    for (const c of r.checked)
      sysline(`<b>${esc(c.kind)}</b> · ${esc(c.name)} → <span class="${c.ok === false ? "red" : "ok"}">${c.ok === true ? "healthy" : c.ok === false ? "UNHEALTHY" : "not probed"}</span> · ${esc(c.detail)}`);
    refreshPulls();
    return true;
  }
  return false;
}

/* ---- the Monitoring pull: the second workspace, and its agent ---- */
const monitorPull = document.getElementById("monitor");
function toggleMonitor(open){
  const was = monitorPull.classList.contains("open");
  const now = open ?? !was;
  if (now && !was){ toggleBand(false); toggleCrew(false); }      // W33: one pull at a time
  monitorPull.classList.toggle("open", now);
  layoutChat();
  if (now && !was){
    loadMonitor();
    monitorBeat = setInterval(loadMonitor, 5000);   // leases move without a notice
    pushFocus({kind: "workspace", id: "ws_monitor", name: "monitor", window: null,
               label: "the Monitoring workspace · its agent, monitor"});
  }
  if (!now && monitorBeat){ clearInterval(monitorBeat); monitorBeat = null; }
  if (!now && was) popFocusOf("ws_monitor");                    // W53
}
let monitorTimer = null, monitorBeat = null;
[crewPull, monitorPull, band].forEach(pull => pull.addEventListener("pointerdown", () => {   // W13: a click anywhere on a pull
  [crewPull, monitorPull, band].forEach(q => q.classList.toggle("raised", q === pull)); }));   // raises it above the chat
chat.addEventListener("pointerdown", () => [crewPull, monitorPull, band].forEach(q => q.classList.remove("raised")));
function refreshPulls(){                 // P17: a change anywhere reflects in
  if (crewPull.classList.contains("open") && !crewTimer)          // every open
    crewTimer = setTimeout(() => { crewTimer = null; loadCrew(); }, 400);   // lens
  if (monitorPull.classList.contains("open") && !monitorTimer)
    monitorTimer = setTimeout(() => { monitorTimer = null; loadMonitor(); }, 400);
}
let HC = null, HC_AT = 0;                        // the health checks, read every 30 s (nine laws, some through the gateway)
async function loadMonitor(){
  const s = await fetch("/monitor").then(x=>x.json()).catch(()=>null);
  if (!s) return;
  // W79 (walk #20): the kernel's OWN view of the bodies it seats as processes — life · state · the parked
  // words — beside the lease the roster shows; the Python door has no /bodies, so it stays a lease alone
  const gov = await fetch("/bodies").then(x => x.ok ? x.json() : null).catch(()=>null);
  const GOV = {}; for (const b of (gov && gov.bodies) || []) GOV[b.name] = b;
  const real = document.getElementById("views"); const keep = real.scrollTop;
  const box = document.createElement("div");      // W48 (walk #12): painted off-screen, swapped in ONLY when something changed — no flash
  // ---- the ONE anatomy (JB, 2026-09-29: "a bit chaotic"): a card = a title + its summary on the right + rows;
  // a row = a label (with an optional dot and a dim sub-line) · a value or a pill · an optional lever
  const card = (title, kicker, body) => {
    const d = document.createElement("div"); d.className = "mcard";
    d.innerHTML = `<div class="mhead"><span class="t">${title}</span><span class="k">${kicker || ""}</span></div><div class="mbody">${body}</div>`;
    box.appendChild(d); return d; };
  const pill = (text, cls) => `<span class="pill ${cls || ""}">${esc(text)}</span>`;
  const lever = (attr, id, words, title) => `<span class="lever" data-${attr}="${esc(id)}" title="${esc(title)}">${esc(words)}</span>`;
  const line = o => `<div class="mrow${o.lever ? " lv" : ""}"><span class="l">${o.dot ? `<span class="dot ${o.dot}"></span>` : ""}<span class="w">` +
    `<span class="${o.clamp ? "clamp" : ""}">${o.label}</span>${o.sub ? `<span class="sub" title="${esc(o.subTitle || "")}">${o.sub}</span>` : ""}</span></span>` +
    `<span class="v ${o.cls || ""}">${o.value || ""}</span>${o.lever || ""}</div>`;
  const kv = (k, v, cls) => line({label: esc(k), value: esc(String(v)), cls});
  const note = html => `<div class="mnote">${html}</div>`;
  const sub = html => `<div class="msub">${html}</div>`;
  const chip = (k, n, cls) => `<span class="mchip ${cls || ""}">${esc(k)}<b>${esc(String(n))}</b></span>`;
  const hm = iso => { try { return new Date(iso).toLocaleTimeString([], {hour: "numeric", minute: "2-digit"}); } catch (e) { return "?"; } };
  const meas = (x, f) => x == null ? null : f(x);                              // the honest glass: absent ≠ zero
  const tile = (n, d, cls) => `<div class="tile"><div class="n ${n == null ? "dim" : cls || ""}">${n == null ? "not measured here" : esc(String(n))}</div><div class="d">${esc(d)}</div></div>`;
  const v = s.values || {};
  const home = s.home || {};                                                         // P7 sp7: the cell this universe stands in
  // ---- PULSE: the money and the mind as a stat strip; the world's address beneath
  card("PULSE", `world <b>${esc(s.world)}</b> · cell <b>${esc(home.cell || "?")}</b>${home.epoch ? ` · epoch <b>${home.epoch}</b>` : ""} · feed rev <b>${lastRev ?? "—"}</b>`,
       `<div class="tiles">` +
       tile(meas(v.usd_today, x => "$" + Number(x).toFixed(4)), "spent today · this world, every mind") +
       tile(meas(v.meter_rate_10m, x => x + " / min"), "thoughts in the last 10 min") +
       tile(meas(v.route_failures_1h, x => x), "could not think · last hour", v.route_failures_1h ? "red" : "ok") +
       tile(meas(v.bodies_drained, x => x), "bodies out of fuel", v.bodies_drained ? "red" : "ok") + `</div>` +
       (home.namespace ? note(`benches and topics wear the namespace <code>${esc(home.namespace)}</code>`) : ""));
  // ---- PEERS: every cell this one names, its self pinned, how far behind my picture of it is (P7 sp7)
  const wc = await loadWorld();
  const peers = (wc && wc.peers) || [];
  card("PEERS", peers.length ? `<b>${peers.length}</b> cell${peers.length === 1 ? "" : "s"} over the signed seam` : "no cells named",
       peers.map(pr => { let roster = []; try { roster = JSON.parse(pr.picture || "[]"); } catch(e) {}
         const alive = roster.filter(b => b.alive).map(b => b.name);
         return line({label: esc(pr.words),
                      sub: (pr.did ? `${esc(pr.did.slice(0, 40))}… ` : "") + (alive.length ? `· alive there: ${esc(alive.join(", "))} — say “${esc(alive[0])}@${esc(pr.cell)}, …” to ask it` : ""),
                      value: pill(pr.unreachable_since ? "unreachable" : pr.did ? "pinned" : "not yet heard", pr.unreachable_since ? "red" : pr.did ? "ok" : ""),
                      lever: GOVERN ? lever("forget", pr.cell, "forget it", "lets this peer go on your word — recorded on its row, never deleted; the cell is named again when a kernel is relit naming it (SPINE_PEERS)") : ""}); }).join("") ||
       note(`no peers named — light a second cell with <code>scripts/dev.sh cell two</code> and relight this kernel so it names it (SPINE_PEERS)`));
  // ---- THE STABLE: every mind, its deal, its spend; the assignments (P6.5 sp3)
  const stb = s.stable || {minds: [], assignments: []};
  card("THE STABLE · LLMs", (v.minds_standing == null ? "not measured here" : `<b>${v.minds_standing}</b> standing`) + (v.minds_unhealthy ? ` · <span class="red">${v.minds_unhealthy} unhealthy</span>` : ""),
       (stb.minds || []).map(m => line({label: esc(m.words), value: pill(m.state, m.state === "unhealthy" ? "red" : m.state === "retired" ? "" : "ok")})).join("") +
       ((stb.assignments || []).length ? sub("ASSIGNMENTS") + stb.assignments.map(a => kv(`${a.subject === "*" ? "every body" : a.subject} uses`, `${a.stall} for ${a.klass === "any" ? "all" : a.klass} work`)).join("")
                                        : note("no assignments — every body uses its template's LLM; say “assign librarian to haiku”")) ||
       note("no LLM in the Stable — say “stablekeeper, add the LLM ollama llama3.2 as llama”"));
  // ---- HEALTH CHECKS: what must be true of this world, read from the ground now (walk #12, W45)
  if (!HC || Date.now() - HC_AT > 30000){ HC = await fetch("/harness").then(x=>x.json()).catch(()=>null); HC_AT = Date.now(); }
  const hc = HC, checks = (hc && hc.checks) || [], broken = checks.filter(c => !c.ok).length;
  card("HEALTH CHECKS", checks.length ? `${broken ? `<span class="red">${broken} broken</span> · ` : ""}<b>${checks.length - broken}</b> of ${checks.length} hold` + (HC_AT ? ` · as of ${hm(new Date(HC_AT).toISOString())}` : "") : "",
       checks.length ? checks.map(c => line({label: esc(c.name), sub: esc(c.detail || ""), subTitle: c.detail || "", value: pill(c.ok ? "holds" : "broken", c.ok ? "ok" : "red")})).join("")
                     : note("the health door did not answer"));
  // ---- RAILS: the outbox, the topic, the benches, the pool, the poison held at, the doors' clocks
  const benches = Object.entries(s.benches || {}).filter(([k]) => k !== "error")
    .map(([q, n]) => kv("bench " + (q.split(".").slice(3).join(".") || "shared"), n ?? "?")).join("");
  const doors = (s.doors || []).slice(0, 6);
  card("RAILS", `outbox <b class="${s.outbox.pending ? "red" : "ok"}">${s.outbox.pending}</b> pending · poison held at <b class="${v.parked ? "red" : "ok"}">${v.parked || 0}</b>` + (s.pool ? ` · pool <b>${s.pool.busy}/${s.pool.ceiling}</b> busy` : ""),
       kv("outbox pending", s.outbox.pending, s.outbox.pending ? "red" : "ok") +
       kv("oldest unpublished", s.outbox.oldest_age_s != null ? s.outbox.oldest_age_s.toFixed(1) + " s" : "—") +
       kv("ask.received topic depth", s.topic_depth ?? "?") + benches +
       kv("ground pool", s.pool ? `${s.pool.busy} of ${s.pool.ceiling} lines busy · ${s.pool.waiting} waiting · longest wait ${ms(Number(s.pool.wait_max_ms))}` : "none — a connection per knock", s.pool && s.pool.waiting ? "red" : "ok") +
       kv("poison held at (the rail waits for a person)", v.parked || 0, v.parked ? "red" : "ok") +
       (s.parked || []).map(pk => line({label: esc(pk.words), sub: `parked:${pk.parked_id} · ${pk.bytes} bytes · ${esc(String(pk.hash).slice(0, 23))}… · since ${hm(pk.parked_at)}`,
         lever: lever("advance", pk.parked_id, "advance past it", "the operator's explicit decision: the dispatcher commits past this event and goes on — recorded in your name")})).join("") +
       (doors.length ? sub("THE DOORS · p50 / p95 · knocks in the last ten minutes, the slowest first") +
         doors.map(d => kv(d.door, `${ms(Number(d.p50_ms))} / ${ms(Number(d.p95_ms))} · ${d.n}`, Number(d.p95_ms) >= 1000 ? "red" : "ok")).join("") : ""));
  // ---- BODIES: one row per NAME (W85), the kernel's own eyes beside the lease (W79)
  const bAlive = s.bodies.filter(b => b.alive).length;
  card("BODIES", `<b class="ok">${bAlive}</b> alive${s.bodies.length - bAlive ? ` · <span class="red">${s.bodies.length - bAlive} dormant</span>` : ""}${gov && gov.mode === "crew" ? " · the kernel's own crew" : ""}`,
       s.bodies.map(b => { const g = GOV[b.name]; const parked = g && (g.state === "parked" || g.state === "refused");
         const state = parked ? g.state : b.alive ? "alive" : "dormant";
         return line({dot: parked || !b.alive ? "dormant" : "alive", label: esc(b.name),
                      sub: `${esc(b.kind)}${g ? ` · life ${g.lives}` : ""}${g && !parked && g.state !== "alive" ? ` · ${esc(g.state)}` : ""}` +
                           (b.earlier_selves ? ` · ${b.earlier_selves} earlier ${b.earlier_selves === 1 ? "self" : "selves"}` : "") +
                           (parked && g.words ? ` — ${esc(g.words)}` : ""),
                      subTitle: (b.earlier_selves ? `this name was held by ${b.earlier_selves} earlier self${b.earlier_selves === 1 ? "" : "ves"} (other keypairs) — they stay on the ground, counted, never drawn as a second body. ` : "") + (parked && g.words ? g.words : ""),
                      value: pill(state, parked || !b.alive ? "red" : "ok") + `<span class="when">until ${hm(b.until)}</span>`}); }).join("") ||
       note("no leases yet"));
  // ---- ASKS: the counts as chips; the asks LEFT WAITING listed, each with its stop (W86 — rule 11)
  const waiting = s.waiting || [];
  const order = ["received", "awaiting-confirm", "served", "replied", "refused", "cancelled"];
  const askKeys = Object.keys(s.asks).sort((a, b) => (order.indexOf(a) + 1 || 99) - (order.indexOf(b) + 1 || 99));
  card("ASKS", `<b>${Object.values(s.asks).reduce((a, b) => a + b, 0)}</b> in this world` + (waiting.length ? ` · <span class="warn" style="color:var(--amber)">${waiting.length} left waiting</span>` : ""),
       (askKeys.length ? `<div class="mchips">` + askKeys.map(k => chip(k, s.asks[k], k === "received" ? "warn" : k === "refused" ? "red" : k === "replied" ? "ok" : "")).join("") + `</div>` : note("none in this world")) +
       (waiting.length ? sub(`LEFT WAITING · nobody has served these yet · “stop it” cancels one on your word`) +
         waiting.map(a => line({label: esc(a.text), clamp: true,
           sub: `since ${hm(a.asked_at)} · asked by ${esc(whoIs(a.person))}${a.target ? ` → ${esc(a.target)}` : ""} · ${esc(a.ask_id)}`, subTitle: a.text,
           lever: lever("stop", a.ask_id, "stop it", "stops this ask on your word before any body serves it — recorded as cancelled, its reply says so")})).join("") : ""));
  // ---- WATCHES: each with its author and its rest (W86); the rested counted, never drawn red
  const wRed = s.watches.filter(w => w.red).length;
  card("WATCHES", (s.watches.length ? `<b class="ok">${s.watches.length - wRed}</b> green${wRed ? ` · <span class="red">${wRed} red</span>` : ""}` : "none standing") + (s.watches_rested ? ` · ${s.watches_rested} rested` : ""),
       s.watches.map(w => line({label: esc(w.name),
         sub: `${esc(w.reads || `${w.metric} ${w.op} ${w.threshold} · now ${w.value}`)} · added by ${esc(whoIs(w.added_by))}`, subTitle: w.reads || "",
         value: pill(w.state || (w.red ? "red" : "green"), w.red ? "red" : "ok") + (w.since ? `<span class="when">since ${hm(w.since)}</span>` : ""),
         lever: lever("rest", w.watch_id, "rest it", "rests this watch on your word (its author's, or a governing seat's) — recorded on its row, never deleted; it turns nothing red from then on")})).join("") ||
       note(`none yet — ask the monitor agent to propose one (“watch for asks left waiting”)`));
  // ---- HARNESS: the last run, and the lever to run it now
  const hv = card("HARNESS", s.harness ? `last run ${hm(s.harness.ran_at)} · <b class="${s.harness.failed ? "red" : "ok"}">${s.harness.passed} passed · ${s.harness.failed} failed</b>` : "no run yet",
       (s.harness ? line({label: `${esc(s.harness.template)} v${esc(String(s.harness.version))}`, sub: `ran at ${hhmm(s.harness.ran_at)}`,
                          value: pill(s.harness.failed ? `${s.harness.failed} failed` : "all passed", s.harness.failed ? "red" : "ok")}) : note("no run yet")) +
       `<div class="mrow lv"><span class="l"><span class="w">run the harness against the librarian now</span></span><span class="v"></span><span class="lever" data-run="harness" title="the golden cases against the librarian's mind — a failing run is a fact on the rail">run it</span></div>`);
  hv.querySelector("[data-run]").onclick = async () => {
    hv.querySelector("[data-run]").textContent = "running…";
    await fetch("/harness/run", {method:"POST", headers:{"content-type":"application/json"},
                                 body: JSON.stringify({template: "librarian"})}).catch(()=>null);
    HC_AT = 0; loadMonitor();
  };
  if (box.innerHTML !== real.innerHTML) real.replaceChildren(...box.childNodes);   // the same picture stays put
  real.scrollTop = keep;                      // the reader keeps their place
}


/* ---- the MARKERS view (0006): the open vocabulary of why — in the Analyzer (block 11) ---- */
async function markersView(box, reload){
  const view = (title, rows) => {
    const d = document.createElement("div"); d.className = "view";
    d.innerHTML = `<h5>${title}</h5>` + rows; box.appendChild(d); return d; };
  const kinds = await fetch("/markers/kinds").then(x=>x.json()).catch(()=>({kinds: []}));
  const marks = await fetch("/markers").then(x=>x.json()).catch(()=>({markers: []}));
  let off = {}; try { off = JSON.parse(localStorage.getItem("orreth.markers.off") || "{}"); } catch (e) {}
  const groups = {};
  for (const k of kinds.kinds) (groups[k.group] = groups[k.group] || []).push(k.kind);
  const toggles = Object.entries(groups).map(([g, ks]) =>
    `<div class="row"><span><label><input type="checkbox" data-g="${esc(g)}" ${ks.every(k => off[k]) ? "" : "checked"}> ${esc(g)}</label></span>` +
    `<span>${ks.map(k => `<label style="margin-left:8px"><input type="checkbox" data-k="${esc(k)}" ${off[k] ? "" : "checked"}> ${esc(k)}</label>`).join("")}</span></div>`).join("");
  const rows = marks.markers.filter(m => !off[m.kind]).map(m =>
    `<div class="row duty" data-mk="${esc(m.id)}"><span>${hhmm(m.at)} · <b style="color:var(--amber)">${esc(m.kind)}</b>` +
    ` · ${esc(whoIs(m.by))} · ${esc(m.ref)}${m.note ? " — " + esc(m.note) : ""}</span><span class="meta">why?</span></div>`).join("");
  const mv = view("MARKERS · the open vocabulary of why", toggles + (rows || `<div class="meta">none yet — say “mark this as improvement: …” in the chat</div>`));
  mv.querySelectorAll("input[data-k]").forEach(i => i.onchange = () => {            // toggle a kind
    off[i.dataset.k] = !i.checked; try { localStorage.setItem("orreth.markers.off", JSON.stringify(off)); } catch (e) {}
    reload(); });
  mv.querySelectorAll("input[data-g]").forEach(i => i.onchange = () => {            // toggle a group
    for (const k of groups[i.dataset.g]) off[k] = !i.checked;
    try { localStorage.setItem("orreth.markers.off", JSON.stringify(off)); } catch (e) {}
    reload(); });
  mv.querySelectorAll("[data-mk]").forEach(r => r.onclick = async () => {           // every row a door:
    const a = await fetch("/markers?from=" + encodeURIComponent(r.dataset.mk)).then(x=>x.json()).catch(()=>null);   // its WHY
    if (!a) return;
    toggleChat(true);
    sysline("why · " + a.ancestry.map(m => `${esc(m.kind)}` + (m.words ? ` “${esc(m.words)}”` : ` (${esc(m.ref)})`)).join(" ← "));
  });
}
/* ---- the focus stack (P19): the chat follows the focus ---- */
const FOCUS = [];                 // pushed by an open ask (workspaces from sp3)
function pushFocus(f){
  FOCUS.push({saved: {selected: new Set(SELECTED), window: WINDOW}, f});
  if (f.name) SELECTED = new Set([f.name]);
  WINDOW = f.window;
  drawChips(); drawClock();
  const what = f.label ? esc(f.label) :
    `ask ${esc(f.id.slice(4, 12))}` + (f.name ? ` · ${esc(f.name)}` : "") +
    (f.window ? ` · ${esc(dayLabel(f.window.from))} → ${esc(dayLabel(f.window.to))}` : " · now");
  document.getElementById("focus-what").innerHTML = what;
  document.getElementById("focus").classList.add("on");
  toggleChat(true);               // the chat follows: it is the focus's
}
function popFocusOf(id){          // W53 (walk #15): a pull that closes gives its focus back — the chat is the chat again
  const top = FOCUS[FOCUS.length - 1];
  if (!top || top.f.id !== id) return;
  FOCUS.pop();
  SELECTED = new Set(top.saved.selected); WINDOW = top.saved.window;
  drawChips(); drawClock();
  if (!FOCUS.length) document.getElementById("focus").classList.remove("on");
  else { const f = FOCUS[FOCUS.length - 1].f; document.getElementById("focus-what").innerHTML = f.label ? esc(f.label) : `ask ${esc(f.id.slice(4, 12))}`; }
}
function popAllFocus(){           // one [Esc]: every focus popped, the
  if (!FOCUS.length) return;      // bridge's scope restored EXACTLY
  const bottom = FOCUS[0].saved; FOCUS.length = 0;
  SELECTED = new Set(bottom.selected); WINDOW = bottom.window;
  drawChips(); drawClock();
  document.getElementById("focus").classList.remove("on");
  if (bandOpenRow){ bandOpenRow.remove(); bandOpenRow = null; }
}

/* ---- sessions (P20): the human's worldlines — roll · list · load ---- */
let SESSION = null;
let LAST_LIST = [];
let SESSIONS_SHOWN = false;       // W51: once the list has been shown here, a roll on any door re-reads it
function sysline(html){ return el("journey", html); }
function clearDisplay(){          // clear ≠ erase: the words stay in the Record
  log.innerHTML = ""; for (const k in PENDING) delete PENDING[k];
}
async function rollSession(announce){
  const r = await fetch("/sessions", {method:"POST",
    headers:{"content-type":"application/json"},
    body: JSON.stringify({person: PERSON, archive: SESSION || undefined})})   // the roll
    .then(x=>x.json()).catch(()=>null);                        // digests the archived one
  if (!r) { sysline("the sessions door did not answer"); return; }
  if (r.error){ if (SEAT) sysline(esc(r.error)); return; }     // W96: not seated — the seat form speaks; the chat is not cleared under it
  SESSION = r.session_id;
  try { localStorage.setItem("orreth.session", SESSION); } catch (e) {}
  popAllFocus();                    // a new topic starts at the bridge's focus
  clearDisplay();
  MITL_SAID = false; loadMitl();    // the toggle is per session; the name in full again (P18)
  if (announce) sysline(`a fresh session · ${esc(SESSION.slice(4, 10))} — the previous one is ` +
                        `archived, not gone: say “list my sessions” to return to it`);
}
async function listSessions(){
  const r = await fetch("/sessions?person=" + encodeURIComponent(PERSON))
    .then(x=>x.json()).catch(()=>null);
  if (!r) { sysline("the sessions door did not answer"); return; }
  if (r.error || !Array.isArray(r.sessions)){ if (SEAT && r.error) sysline(esc(r.error)); return; }   // W96: not seated — the form speaks
  LAST_LIST = r.sessions; SESSIONS_SHOWN = true;
  const box = el("msg theirs", `<div class="who">sessions · newest first · click one to load it</div>`);
  if (!LAST_LIST.length) box.innerHTML += `<div class="sesrow">none yet</div>`;
  LAST_LIST.forEach((s, i) => {
    const row = document.createElement("div");
    row.className = "sesrow" + (s.session_id === SESSION ? " on" : "");
    row.textContent = `${i + 1}. ${hhmm(s.last_at || s.opened_at)} · ${s.asks} ask${s.asks === 1 ? "" : "s"}` +
      (s.title ? ` · ${s.title}` : "") + (s.last_words ? ` · “${s.last_words}”` : "") +
      (s.session_id === SESSION ? " · (this one)" : "");
    if (s.short_version){                          // MEM-3: the short version, at a glance
      const sv = document.createElement("div"); sv.className = "meta";
      sv.style.cssText = "padding-left:14px;white-space:pre-wrap;font-size:11px";
      sv.textContent = s.short_version.split("\n").slice(1, 4).join("\n"); row.appendChild(sv);
    }
    row.onclick = () => loadSession(s.session_id);
    box.appendChild(row);
  });
  log.scrollTop = log.scrollHeight;
}
async function loadSession(x){
  let id = x;
  if (!/^ses_[0-9a-f]{12}$/.test(x)){          // an ordinal, or a prefix
    if (!LAST_LIST.length){
      const r = await fetch("/sessions?person=" + encodeURIComponent(PERSON))
        .then(y=>y.json()).catch(()=>null);
      LAST_LIST = r ? r.sessions : [];
    }
    const n = parseInt(x, 10);
    const hit = (!isNaN(n) && LAST_LIST[n - 1]) ||
                LAST_LIST.find(s => s.session_id.startsWith(x) || s.session_id.slice(4).startsWith(x));
    if (!hit) { sysline(`no session called “${esc(x)}” — say “list my sessions”`); return; }
    id = hit.session_id;
  }
  const v = await fetch("/session/" + id).then(y=>y.json()).catch(()=>null);
  if (!v || v.error) { sysline("no such session here"); return; }
  SESSION = id;
  try { localStorage.setItem("orreth.session", SESSION); } catch (e) {}
  popAllFocus();
  clearDisplay();
  MITL_SAID = false; loadMitl();    // the toggle is per session (P6 sp3)
  for (const a of v.asks){                       // the session, whole, in order
    el("msg mine", esc(a.text) + (a.target ? `<div class="who" style="text-align:right">→ ${esc(a.target)}</div>` : ""));
    const name = NAMES[a.served_by] || a.target || "orreth";
    if (a.status === "replied" || a.status === "cancelled" || a.status === "awaiting-confirm" || a.status === "refused"){
      const bub = el("msg theirs", `<div class="who">${esc(name)}</div>` + cite(plain(a.reply || "(no words came back)")));
      if (a.reply) bub.prepend(copyBtn(() => stripMarks(a.reply)));                   // W10
      if (a.status === "refused") el("journey", `refused at the door · ${hhmm(a.replied_at || a.asked_at)}`);   // W19
      else if (a.replied_at) el("journey", `${esc(name)} took it on ${esc(v.scope || "?")}` +
        (a.window ? ` · ${dayLabel(new Date(a.window.from))} → ${dayLabel(new Date(a.window.to))}` : "") +
        ` · completed ${hhmm(a.replied_at)} (${secs(a.asked_at, a.replied_at)})`);
    } else {
      PENDING[a.ask_id] = el("journey", "still on its way…");
    }
  }
  sysline(`session ${esc(id.slice(4, 10))} loaded · ${v.asks.length} ask${v.asks.length === 1 ? "" : "s"} · continue here`);
}
async function sessionWords(text){               // typed words equal every click
  const t = text.toLowerCase().replace(/[.!?]+$/, "").trim();
  if (/^(start a |a )?new (session|topic)$/.test(t)) { await rollSession(true); return true; }
  if (/^((list|show)( me)?( my| the)?( previous| earlier)? sessions|previous sessions|my sessions)$/.test(t)) { await listSessions(); return true; }
  const m = t.match(/^(load|open|resume|continue) (session )?(\S+)$/);
  if (m && (m[2] || /^(ses_|\d+$)/.test(m[3]))) { await loadSession(m[3]); return true; }
  return false;
}
/* ---- the compliance export (P6 sp2): words → a table in place, then the download ---- */
function download(name, blob){                   // a normal browser: the Blob saves as a file
  const a = document.createElement("a"); a.href = URL.createObjectURL(blob); a.download = name;
  document.body.appendChild(a); a.click(); a.remove(); setTimeout(() => URL.revokeObjectURL(a.href), 2000);
}
async function exportWords(text){                // "export compliance" · "… for this session" ·
  const t = text.toLowerCase().replace(/[.!?]+$/, "").trim();   // "… for between Friday and today" ·
  const m = t.match(/^export (?:the )?compliance(?: (?:report|bundle|export|record))?(?: for (.+))?$/);
  if (!m) return false;                          // "… for the hemp objective"
  const rest = (m[1] || "").trim();
  const q = new URLSearchParams({person: PERSON});
  let scopeWords;
  if (!rest || /^(this|the current|the) session$/.test(rest)){
    if (!SESSION){ sysline("no session is open yet — say something first, or “new session”"); return true; }
    q.set("session", SESSION); scopeWords = `this session · ${SESSION.slice(4, 10)}`;
  } else {
    const w = readWindow(rest);                  // the SAME parser the recall uses: words equal links
    if (w){ q.set("from", w.from.toISOString()); q.set("to", w.to.toISOString());
            scopeWords = `${dayLabel(w.from)} → ${+startOfDay(w.to) === +startOfDay(new Date()) ? "today" : dayLabel(w.to)}`; }
    else {
      const name = rest.replace(/^the\s+/, "").replace(/\s+(objective|intention|origin)$/, "").trim();
      const r = await fetch("/analyzer").then(x=>x.json()).catch(()=>null);
      const hit = ((r && r.origins) || []).find(o => ((o.words || o.note || "") + "").toLowerCase().includes(name));
      if (!hit){ sysline(`no objective or intention here reads like “${esc(name)}” — the ANALYZER lists them`); return true; }
      q.set("marker", hit.root); scopeWords = `the ${hit.kind} “${(hit.words || hit.note || hit.root)}” and everything under it`;
    }
  }
  el("msg mine", esc(text));
  const url = "/export?" + q.toString();
  const b = await fetch(url).then(x => x.ok ? x.json() : null).catch(()=>null);
  if (!b){ sysline("the export door did not answer"); return true; }
  const n = b.summary.rows, broken = b.summary.chain_broken;
  const levels = Object.entries(b.summary.by_proof || {}).map(([k, c]) => `${k} ×${c}`).join(", ");
  const box = el("msg theirs", `<div class="who">compliance export · ${esc(scopeWords)}</div>` +
    `${n} record${n === 1 ? "" : "s"} · the chain of who acted for whom: ` +
    (broken ? `<span class="red">${broken} broken</span>` : "unbroken on every record") +
    (n ? ` · proof ${esc(levels)}` : "") +
    (b.summary.words_withheld ? ` · ${b.summary.words_withheld} without words (opt-out)` : "") +
    (b.signed_by ? ` · signed by ${esc(whoIs(b.signed_by))}` : " · unsigned (hash-chained)"));
  if (n){
    const tbl = document.createElement("table"); tbl.className = "xtable";
    tbl.innerHTML = `<tr><th>at</th><th>kind</th><th>who → for whom</th><th>proof</th><th>why</th><th>words</th></tr>`;
    const lines = [["at", "kind", "who → for whom", "proof", "why", "words"]];
    for (const r of b.rows){
      const chain = ((r.authority_chain || []).map(whoIs).join(" → ") || "(no chain)") +
                    ((r.kind === "ask" || r.kind === "refused") && r.target ? ` → ${r.target} (ask)` : "");   // W11: the fan-out's target
      const kind = (r.kind === "refused" ? "refused at the door" : r.kind) + (r.tool ? " · " + r.tool : "");
      const why = r.marker_words ? stripMarks(r.marker_words) : r.marker ? r.marker.kind : "—";          // W11: the marker's WORDS
      const all = r.words_withheld ? "(withheld — opt-out)"
                : stripMarks(Object.values(r.words || {}).filter(Boolean).join(" · "));                   // W10: plain words,
      const first = all.split("\n")[0];                                                                  // the first line whole
      const words = first.length >= 90 || all === first ? first : first + " · " + all.slice(first.length).replace(/\s+/g, " ").trim().slice(0, 90 - Math.min(first.length, 60));
      const tr = document.createElement("tr");
      tr.innerHTML = `<td>${hhmm(r.at)}</td><td>${esc(kind)}</td>` +
        `<td class="chain${r.chain_status === "broken" ? " broken" : ""}">${esc(chain)}` +
        `${r.chain_status === "broken" ? " ⚠ broken" : ""}</td>` +
        `<td>${esc(r.proof || "—")}</td><td class="why" title="${esc(r.marker ? r.marker.kind + (r.marker.parent ? " · under " + r.marker.parent : "") : "")}">${esc(why)}</td><td class="words">${esc(words)}</td>`;
      tbl.appendChild(tr);
      lines.push([hhmm(r.at), kind, chain + (r.chain_status === "broken" ? " ⚠ broken" : ""), r.proof || "—", why, all]);
    }
    box.appendChild(tbl);
    box.prepend(copyBtn(() => lines.map(l => l.map(c => String(c).replace(/\t|\n/g, " ")).join("\t")).join("\n")));   // W10: the table, for humans
  }
  const dl = document.createElement("div"); dl.className = "xdl";
  dl.innerHTML = `<button class="dl-json">download JSON</button><button class="dl-csv">download CSV</button>`;
  const stamp = (b.generated_at || "").replace(/[:.]/g, "-").slice(0, 19);
  dl.querySelector(".dl-json").onclick = () =>
    download(`orreth-compliance-${stamp}.json`, new Blob([JSON.stringify(b, null, 1)], {type: "application/json"}));
  dl.querySelector(".dl-csv").onclick = async () => {
    const blob = await fetch(url + "&format=csv").then(x => x.blob()).catch(()=>null);
    if (blob) download(`orreth-compliance-${stamp}.csv`, blob); else sysline("the export door did not answer");
  };
  box.appendChild(dl);
  log.scrollTop = log.scrollHeight;
  return true;
}
document.getElementById("ses-list").onclick = listSessions;
document.getElementById("ses-new").onclick = () => rollSession(true);
(async () => {                                   // the session on load — W27 (walk #10): a session belongs to the PERSON,
  const r = await fetch("/sessions?person=" + encodeURIComponent(PERSON))   // not the browser's origin: the person's
    .then(x=>x.json()).catch(()=>null);                                     // latest, from the ground — two bridges,
  const newest = r && r.sessions && r.sessions[0];                          // two browsers, one chat
  if (newest && newest.session_id){ await loadSession(newest.session_id); return; }
  let saved = null; try { saved = localStorage.getItem("orreth.session"); } catch (e) {}   // the browser's memory: a hint
  if (saved && /^ses_[0-9a-f]{12}$/.test(saved)){
    const ok = await fetch("/session/" + saved).then(x => x.ok).catch(() => false);
    if (ok) { await loadSession(saved); return; }   // continue it, VISIBLY:
  }                                                 // the session renders whole
  await rollSession(false);
})();

/* ---- resizable: the upper-right corner is the origin, locked ---- */
(() => {
  const chat = document.getElementById("chat"), grip = document.getElementById("grip");
  // W25 (walk #9, JB on the laptop screen): the remembered size is the human's WISH, the
  // screen is the LAW — the chat is fitted to the viewport it wakes on and again on every
  // resize, so the composer and the grip never stand beyond the edge; the wish is kept
  // for the day the big screen returns (the stored value is never overwritten by a fit).
  const fitChat = () => {
    let s = null; try { s = JSON.parse(localStorage.getItem("orreth.chat.size") || "null"); } catch (e) {}
    const maxW = Math.max(320, window.innerWidth - 24), maxH = Math.max(240, window.innerHeight - 24);
    const w = s && s.w ? Math.min(s.w, maxW) : null, h = s && s.h ? Math.min(s.h, maxH) : null;
    if (w) chat.style.width = w + "px"; else if (chat.getBoundingClientRect().width > maxW) chat.style.width = maxW + "px";
    if (h) chat.style.height = h + "px"; else if (chat.getBoundingClientRect().height > maxH) chat.style.height = maxH + "px";
  };
  fitChat(); addEventListener("resize", fitChat);
  let drag = null;
  grip.addEventListener("pointerdown", e => {
    const r = chat.getBoundingClientRect();
    drag = {right: r.right, top: r.top}; grip.setPointerCapture(e.pointerId); e.preventDefault();
  });
  grip.addEventListener("pointermove", e => {
    if (!drag) return;
    const w = Math.max(320, Math.min(window.innerWidth - 24, drag.right - e.clientX));
    const h = Math.max(240, Math.min(window.innerHeight - 24, e.clientY - drag.top));
    chat.style.width = w + "px"; chat.style.height = h + "px";
  });
  const done = () => { if (!drag) return; drag = null;
    try { localStorage.setItem("orreth.chat.size", JSON.stringify(
      {w: chat.getBoundingClientRect().width, h: chat.getBoundingClientRect().height})); } catch (e) {} };
  grip.addEventListener("pointerup", done); grip.addEventListener("pointercancel", done);
})();

/* ---- THE PANEL (row 4, panel sp1 — JB's lock 2026-09-28): the main viewport is a MIMIC PANEL of the kernel.
   GEOMETRY IS ARCHITECTURE — the six organs are the kernel's fixed slots; every crew seat the kernel declares is a
   socket (a lease = a chip seated · declared without a lease = a dashed empty socket · parked = amber); tools are
   lamps under the shelf. LIGHT IS OPERATIONS — a fact on the feed lights the segments it crosses and the station
   it reaches, then fades; nothing orbits; a quiet kernel is a dark, still panel that costs nothing to draw.
   COLOUR IS ORIGIN — amber a person's word · cyan a body's act · violet the kernel's own · red a watch or a hold.
   Every block is a door: the inspector opens in place and sets the chat's scope in one click.
   panel sp2 (2026-09-28): the feed tails thirty-three topics — a body's park, a lease crossing the line (the kernel's
   sweep mints `lease.lapsed` · `lease.seated`), a lever the kernel pulled (`lever.pulled`), a tool hop, the kernel's
   heartbeat, an intention's life, the shelf's and the Stable's changes, a memory landed, a seat taken or left, a body
   at the join desk — each read ONCE through the fact door (`/fact/<message_id>`) and lit where it crossed; a duty's ask
   (`duty` on the ask view) lights the scheduler's track; the chat and the panel share one `/ask/<id>` read per notice.
   panel sp3 (2026-09-28): PERFORMANCE — THE POOL (the kernel's lines to the ground, borrowed per knock: busy · waiting ·
   opened for how many knocks, on the GROUND) and THE DOORS (the kernel's clock at every door, folded to a p50 and a p95 over
   the last ten minutes: each organ's p-line names its own doors' p95; THE DOORS row lists every door, the slowest first, red
   past one second; a door is an inspector door too). Both ride the /monitor snapshot (`doors` · `pool` · `values.door_p95_ms`),
   read on the monitor's 5 s beat and on every watch turned — a watch can stand on door_p95_ms, pool_busy or pool_waiting.
   HONEST LIMITS, plainly: the reference kernel has no pool and says so (null, never a zero); the reading is the kernel's own
   process (two kernels on one ground each show their own doors); the benches' depth is the rails' count at the read. ---- */
const PANEL = {ROST: [], MON: null, GOV: {}, MINDS: null, SERV: null, INTS: [], ORIG: [], KINDS: [], SEEN: null, LEVERS: null,
               ACT: {}, COL: {}, timers: {}, debounces: {},
               HOPS: {}, HOPN: 0, TICKS: 0, DUTIES: new Set(), FACTS: new Map(), ASKS: new Map()};   // sp2: the hops and duties counted this session; the reads shared
/* ---- one read per pointer (sp2's cleanup): the chat and the panel share a single /ask/<id> read for the same notice;
   a fact the notice points at is read once through the fact door ---- */
function askRead(ref){
  const now = Date.now(), c = PANEL.ASKS.get(ref);
  if (c && now - c.at < 600) return c.p;
  const p = fetch("/ask/" + ref).then(x => x.ok ? x.json() : null).catch(()=>null);
  PANEL.ASKS.set(ref, {at: now, p}); if (PANEL.ASKS.size > 200) PANEL.ASKS.delete(PANEL.ASKS.keys().next().value);
  return p;
}
function factOf(n){
  const id = n.message_id; if (!id) return Promise.resolve(null);
  if (PANEL.FACTS.has(id)) return PANEL.FACTS.get(id);
  const p = fetch("/fact/" + id).then(x => x.ok ? x.json() : null).catch(()=>null);
  PANEL.FACTS.set(id, p); if (PANEL.FACTS.size > 300) PANEL.FACTS.delete(PANEL.FACTS.keys().next().value);
  return p;
}
const ORGAN_COL = {desk: 1, ground: 5, gateway: 9, shelf: 13, monitor: 17, analyzer: 21};
(function panelTracks(){ document.querySelectorAll("#rails .track").forEach(t => { for (let i = 0; i < 24; i++){ const s = document.createElement("i"); s.className = "seg"; t.appendChild(s); } }); })();
function pt(x){ return esc(String(x ?? "")); }
function hm(iso){ return new Date(iso).toLocaleTimeString([], {hour:"2-digit", minute:"2-digit"}); }   // the panel's clocks: no seconds
function panelDebounce(name, fn, ms){ if (PANEL.debounces[name]) return; PANEL.debounces[name] = setTimeout(() => { PANEL.debounces[name] = null; fn(); }, ms); }
function lampRest(id, cls){                        // a lamp's resting state: on (seated · answers) · hold (parked) · red · dark
  const e = document.getElementById(id); if (!e) return; e.dataset.rest = cls || "";
  if (!PANEL.timers[id]){ e.classList.remove("on","human","agent","kernel","red","hold"); if (cls) e.classList.add(cls); }
}
function lampFlash(id, cls, ms){                   // a fact lights the lamp in its origin's colour, then the rest returns
  const e = document.getElementById(id); if (!e) return;
  e.classList.remove("on","human","agent","kernel","red","hold"); e.classList.add(cls); clearTimeout(PANEL.timers[id]);
  PANEL.timers[id] = setTimeout(() => { PANEL.timers[id] = null; e.classList.remove(cls); if (e.dataset.rest) e.classList.add(e.dataset.rest); }, ms || 160);
}
function railLight(name, a, b, cls){               // the segments a fact crosses, lit, then fading (the CSS transition)
  const t = document.querySelector(`#rails .track[data-rail="${name}"]`); if (!t) return;
  const [lo, hi] = a <= b ? [a, b] : [b, a];
  for (let i = Math.max(0, lo); i <= Math.min(23, hi); i++){ const s = t.children[i]; s.classList.remove("human","agent","kernel","red"); s.classList.add(cls);
    setTimeout(() => s.classList.remove(cls), 160); }
}
function hueOf(by){                                // COLOUR IS ORIGIN, read off the DID
  if (!by) return "agent";
  if (by === "the kernel" || by.startsWith("did:orreth:kernel")) return "kernel";
  if (by.startsWith("did:orreth:person")) return "human";
  return "agent";
}
function hueOfAsk(v){ if (v && v.origin && v.origin.kind === "intention") return v.origin.by === "the kernel" ? "kernel" : "human"; return hueOf(v && v.person); }
function nameOf(v){ return NAMES[v.served_by] || (v.served_by === "the kernel" ? "the kernel" : null) || v.target || "the crew"; }
function colOf(name){ return PANEL.COL[name] ?? 12; }
function plainKind(k){ return String(k || "").replace(/^orreth\./, "").replace(/\.v\d+$/, "").replace(/[._]/g, " "); }
function stationLit(name, cls, words, ms){          // the station a fact reaches: its border and lamp in the origin's colour, its act line
  const st = document.querySelector(`.station[data-id="${CSS.escape(name || "")}"]`); if (!st) return;
  st.classList.remove("h","kn","rd"); st.classList.add("lit"); if (cls === "human") st.classList.add("h"); if (cls === "kernel") st.classList.add("kn"); if (cls === "red") st.classList.add("rd");
  lampFlash("s-" + name, cls, 180);
  if (words){ PANEL.ACT[name] = words; st.querySelector(".act").textContent = words; }
  clearTimeout(st._t); st._t = setTimeout(() => st.classList.remove("lit","h","kn","rd"), ms || 1800);
}
function tape(kind, words, grp){                   // the feed in words — the newest first, seven kept
  const t = document.getElementById("tape"); const s = document.createElement("span"); s.className = "g-" + (grp || "structural");
  s.innerHTML = `<b>${pt(kind)}</b> ${pt(words)} <i>${hhmm(new Date().toISOString())}</i>`; t.prepend(s); while (t.children.length > 7) t.lastChild.remove();
}
function hop(ref, text, cls){                      // a hop on the running board's row for this ask, if the row stands
  const row = document.querySelector(`.run[data-ref="${CSS.escape(ref || "")}"]`); if (!row) return;
  const ch = row.querySelector(".chain"); ch.querySelectorAll(".hop.now").forEach(h => { h.classList.remove("now"); h.classList.add("done"); });
  const h = document.createElement("span"); h.className = "hop " + (cls || "now"); h.textContent = text; ch.appendChild(h);
  while (ch.children.length > 6) ch.firstChild.remove();
}
function outWords(ref, text){ const row = document.querySelector(`.run[data-ref="${CSS.escape(ref || "")}"]`); if (row) row.querySelector(".out").textContent = text; }
/* ---- hydration: the still panel, read through the doors (on load · on a resync · on the roster's beat) ---- */
function panelDesk(){
  const tk = SEAT && seatToken(SEAT);
  document.getElementById("o-desk-v").textContent = PERSON ? `${whoIs(PERSON)} · ${GOVERN ? "governs" : "reads · writes"}` : "no seat";
  const pd = document.getElementById("p-desk"); pd.dataset.seat = tk ? `seat until ${hhmm(tk.constraints.expiry)}` : "—";
  pd.textContent = pd.dataset.seat + doorLine(["/seat", "/enroll", "/join"]);
  lampRest("l-desk", PERSON ? "on" : "");
}
async function advanceParked(id){                  // re-base sp1: the operator's word — a governing seat's
  const r = await fetch("/parked/advance", {method:"POST", headers:{"content-type":"application/json"},
    body: JSON.stringify({parked_id: Number(id)})}).then(x=>x.json()).catch(()=>null);
  sysline(!r ? "the parked door did not answer" : r.error ? esc(r.error) :
          r.already ? `parked:${id} was already advanced by ${esc(r.advanced_by || "?")}` : `advanced past parked:${id} — the dispatcher goes on, in your name`);
  if (r && !r.error) loadMonitor().catch(()=>{});
  return r;
}
async function restWatch(id){                     // the honest glass sp2 (W86): rule 11's lever on a watch
  const r = await fetch("/watches/rest", {method:"POST", headers:{"content-type":"application/json"},
    body: JSON.stringify({watch_id: id})}).then(x=>x.json()).catch(()=>null);
  sysline(!r ? "the watches door did not answer" : r.error ? esc(r.error) :
          r.already ? `the watch “${esc(r.name)}” was already at rest` : `the watch “${esc(r.name)}” rests, on your word — recorded, never deleted; it turns nothing red from now on`);
  if (r && !r.error) loadMonitor().catch(()=>{});
  return r;
}
async function stopWaiting(id){                   // sp2 (W86): a local ask left waiting, stopped
  const r = await fetch("/asks/stop", {method:"POST", headers:{"content-type":"application/json"},
    body: JSON.stringify({id})}).then(x=>x.json()).catch(()=>null);
  sysline(!r ? "the asks door did not answer" : r.error ? esc(r.error) : esc(r.words || `ask ${id} · ${r.status}`));
  if (r && !r.error) loadMonitor().catch(()=>{});
  return r;
}
async function forgetPeer(cell){                  // sp2 (W87): a peer let go on a governing seat's word
  const r = await fetch("/peers/forget", {method:"POST", headers:{"content-type":"application/json"},
    body: JSON.stringify({cell})}).then(x=>x.json()).catch(()=>null);
  sysline(!r ? "the peers door did not answer" : r.error ? esc(r.error) : `cell ${esc(cell)} let go, on your word — recorded on its row; relight a kernel naming it to speak to it again`);
  if (r && !r.error){ WORLD = null; loadMonitor().catch(()=>{}); }
  return r;
}
document.getElementById("views").addEventListener("click", e => {
  const d = e.target && e.target.dataset;
  if (!d) return;
  if (d.advance) advanceParked(d.advance);
  else if (d.rest) restWatch(d.rest);
  else if (d.stop) stopWaiting(d.stop);
  else if (d.forget) forgetPeer(d.forget);
});
async function panelStations(){                    // the sockets: /crew (the roster) · /monitor (the leases) · /bodies (the kernel's own eyes)
  if (!SEAT) return;
  const [mon, gov] = await Promise.all([fetch("/monitor").then(x=>x.json()).catch(()=>null),
                                        fetch("/bodies").then(x => x.ok ? x.json() : null).catch(()=>null)]);
  if (mon) PANEL.MON = mon;
  PANEL.GOV = {}; for (const b of (gov && gov.bodies) || []) PANEL.GOV[b.name] = b;
  const leases = {}; for (const b of (PANEL.MON && PANEL.MON.bodies) || []) leases[b.name] = b;
  const fw = ROSTER.filter(r => r.kind === "firmware"), res = ROSTER.filter(r => r.kind !== "firmware");
  const all = [...fw, ...res]; all.forEach((r, i) => PANEL.COL[r.name] = Math.min(23, Math.round((i + .5) * 24 / Math.max(1, all.length))));
  const draw = (host, list) => {
    const keep = {}; host.querySelectorAll(".station").forEach(s => keep[s.dataset.id] = s);
    host.innerHTML = "";
    for (const r of list){
      const l = leases[r.name], g = PANEL.GOV[r.name];
      const parked = g && (g.state === "parked" || g.state === "refused");
      const seated = !!(l && l.alive) && !parked && !r.refused;
      const d = document.createElement("div"); d.dataset.id = r.name; d.dataset.col = PANEL.COL[r.name];
      d.className = "station" + (parked ? " parked" : seated ? "" : " socket");
      const kind = r.kind === "firmware" ? (r.nature || "firmware").split(/[—·]/)[0].trim().slice(0, 28) : "resident";
      const act = parked ? (g.state === "parked" ? "PARKED · " : "REFUSED · ") + (g.words || "").slice(0, 60)
                : r.refused ? "refused at birth — " + (r.why || "") : seated ? (PANEL.ACT[r.name] || "idle") : "declared · no lease";
      const meta = seated ? `life ${r.lives}` + (l && l.until ? ` · until ${hm(l.until)}` : "") : parked ? `life ${g.lives}` : "socket";
      d.innerHTML = `<div class="t"><span class="lamp" id="s-${pt(r.name)}"></span><span class="n">${pt(r.name)}</span></div><div class="k">${pt(kind)}</div>` +
                    `<div class="act">${pt(act)}</div><div class="k" style="text-transform:none;letter-spacing:0">${pt(meta)}</div>`;
      d.title = `${r.name} — ${r.nature || kind} · ${seated ? "seated by its lease" : parked ? "parked by the kernel" : "declared, not seated"} · click to open`;
      d.onclick = () => inspectStation(r.name);
      host.appendChild(d);
      lampRest("s-" + r.name, seated ? "on" : parked ? "hold" : r.refused ? "red" : "");
      if (keep[r.name] && keep[r.name].classList.contains("lit")) d.classList.add("lit");
    }
  };
  draw(document.getElementById("st-fw"), fw); draw(document.getElementById("st-res"), res);
  panelMonitorOrgan();
}
function panelMonitorOrgan(){                      // the MONITOR organ and the rails' depths, from the /monitor snapshot
  const s = PANEL.MON; if (!s) return;
  const w = s.watches || [], red = w.filter(x => x.red).length;
  const h = s.harness;
  document.getElementById("o-monitor-v").textContent = w.length ? `${w.length - red}/${w.length} watches green` : "no watches yet";
  document.getElementById("o-monitor-s").textContent = (red ? `${red} RED · ` : "") + (h ? `harness ${h.failed ? h.failed + " failed" : "green"}` : "harness not run") +
    (PANEL.LEVERS ? ` · ${PANEL.LEVERS.length} levers` : "");
  lampRest("l-monitor", red || (h && h.failed) ? "red" : "on");
  const ob = s.outbox || {};
  document.getElementById("d-relay").textContent = `outbox ${ob.pending ?? "?"} pending` + (ob.oldest_age_s != null && ob.pending ? ` · oldest ${Number(ob.oldest_age_s).toFixed(0)} s` : "");
  const a = s.asks || {}; const inflight = (a.received || 0) + (a.routed || 0) + (a.dispatched || 0);
  document.getElementById("d-dispatcher").textContent = `${inflight} in flight · ${a.replied || 0} replied` + (a["awaiting-confirm"] ? ` · ${a["awaiting-confirm"]} held` : "");
  const bodies = s.bodies || [], alive = bodies.filter(b => b.alive).length;
  document.getElementById("d-presence").textContent = `${alive} of ${bodies.length} leases alive`;
  document.getElementById("o-ground-s").textContent = `${Object.values(a).reduce((x, y) => x + y, 0)} asks in this world` + (a["awaiting-confirm"] ? ` · ${a["awaiting-confirm"]} held at the interlock` : "");
  const pool = s.pool;                             // panel sp3: THE POOL — the lines to the ground (the reference has none: null, said plainly)
  document.getElementById("p-ground").textContent = (pool ? `pool ${pool.busy} of ${pool.ceiling} lines busy${pool.waiting ? ` · ${pool.waiting} WAITING for a line` : ""} · ${pool.opened_total} opened for ${pool.borrowed_total} knocks` : "no pool — a connection per knock") +
    ` · outbox ${ob.pending ?? "?"} pending · oldest ${ob.oldest_age_s != null ? Number(ob.oldest_age_s).toFixed(1) + " s" : "—"}`;
  document.getElementById("p-monitor").textContent = `${w.length} watch${w.length === 1 ? "" : "es"} judged every 3 s` + doorLine(["/monitor", "/levers", "/harness"]);
  const pd = document.getElementById("p-desk"); pd.textContent = (pd.dataset.seat || "—") + doorLine(["/seat", "/enroll", "/join"]);
  const benches = Object.entries(s.benches || {}).filter(([k, n]) => k !== "error" && n != null);
  if (benches.length) document.getElementById("d-dispatcher").textContent += ` · ${benches.reduce((x, [, n]) => x + Number(n || 0), 0)} queued on ${benches.length} bench${benches.length === 1 ? "" : "es"}`;
  panelDoors(s.doors || []);
  lampRest("l-ground", pool && pool.waiting ? "red" : "on");
}
/* ---- panel sp3: THE DOORS — how long every door takes (the kernel's clock at every door, folded to a p50 and a p95 over
   the last ten minutes) and THE POOL (the lines to the ground, borrowed per knock) — the PERFORMANCE layer on the same blocks ---- */
function ms(v){ return v == null || !isFinite(v) ? "—" : v >= 1000 ? (v / 1000).toFixed(2) + " s" : v.toFixed(v < 10 ? 1 : 0) + " ms"; }
function doorP95(prefixes){                        // the slowest p95 among the doors whose route is, or is under, one of these
  const ds = ((PANEL.MON && PANEL.MON.doors) || []).filter(d => { const r = (d.door || "").split(" ")[1] || ""; return prefixes.some(p => r === p || r.startsWith(p + "/")); });
  return ds.length ? Math.max(...ds.map(d => Number(d.p95_ms || 0))) : null;
}
function doorLine(prefixes){ const p = doorP95(prefixes); return p == null ? " · its doors not knocked on yet" : ` · its doors p95 ${ms(p)}`; }
function panelDoors(doors){                        // THE DOORS row: every door this kernel answered in the window, the slowest first, red past one second
  const host = document.getElementById("doors"); host.innerHTML = "";
  for (const d of doors){
    const slow = Number(d.p95_ms) >= 1000;
    const el = document.createElement("span"); el.className = "door" + (slow ? " slow" : "");
    el.innerHTML = `<b>${pt(d.door)}</b> ${ms(Number(d.p50_ms))} / ${ms(Number(d.p95_ms))}`;
    el.title = `${d.door} — ${d.n} knock${d.n === 1 ? "" : "s"} in the last ten minutes · half answered within ${ms(Number(d.p50_ms))} · nineteen of twenty within ${ms(Number(d.p95_ms))} · the slowest ${ms(Number(d.max_ms))}` + (slow ? " · SLOW: past the one-second law" : "") + " · click to open";
    el.onclick = () => inspectDoor(d);
    host.appendChild(el);
  }
}
function inspectDoor(d){
  const slow = Number(d.p95_ms) >= 1000;
  inspect(d.door, ["a door of this kernel — how long a knock takes, from the gate to the answer", "—", "—", `${d.n} knock${d.n === 1 ? "" : "s"} in the last ten minutes`,
                   `half within ${ms(Number(d.p50_ms))} · nineteen of twenty within ${ms(Number(d.p95_ms))} · the slowest ${ms(Number(d.max_ms))}`, slow ? "SLOW — past the one-second law" : "within the one-second law"],
          [["open the monitor", () => toggleMonitor(true), true],
           ["watch the doors", () => { toggleChat(true); const i = document.getElementById("chat-in"); i.value = "monitor, propose a watch that door_p95_ms > 1000"; i.focus(); }]]);
}
async function panelGateway(){                     // the GATEWAY organ: /minds — the Stable's minds, the gateway's answer, the spend
  const r = await fetch("/minds").then(x=>x.json()).catch(()=>null); PANEL.MINDS = r;
  if (!r){ document.getElementById("o-gateway-v").textContent = "no answer"; lampRest("l-gateway", "red"); return; }
  const minds = r.minds || [], standing = minds.filter(m => m.state !== "retired");
  const usd = minds.reduce((x, m) => x + Number((m.spend || {}).usd_today || 0), 0);
  const ready = !!(r.gateway && r.gateway.ready);
  document.getElementById("o-gateway-v").textContent = `${standing.length} mind${standing.length === 1 ? "" : "s"} standing`;
  document.getElementById("o-gateway-s").textContent = ready ? "answers · every thought goes through it" : "DARK — no LLM can answer";
  document.getElementById("p-gateway").textContent = `$${usd.toFixed(4)} spent today` + doorLine(["/minds"]);
  lampRest("l-gateway", ready ? "on" : "red");
}
async function panelShelf(){                       // the SHELF organ and the tool lamps: /services
  const r = await fetch("/services").then(x=>x.json()).catch(()=>null); PANEL.SERV = r;
  const host = document.getElementById("tools");
  if (!r){ document.getElementById("o-shelf-v").textContent = "no answer"; lampRest("l-shelf", "red"); return; }
  const sv = r.services || [], tools = sv.filter(s => s.kind === "tool"), un = sv.filter(s => (s.last_health || {}).ok === false && s.state !== "retired").length;
  const by = {}; for (const s of sv) by[s.kind] = (by[s.kind] || 0) + 1;
  document.getElementById("o-shelf-v").textContent = `${tools.length} tool${tools.length === 1 ? "" : "s"}`;
  document.getElementById("o-shelf-s").textContent = Object.entries(by).filter(([k]) => k !== "tool").map(([k, n]) => `${n} ${k}`).join(" · ") + (un ? ` · ${un} unhealthy` : "");
  document.getElementById("p-shelf").textContent = `${sv.filter(s => s.state === "retired").length} retired · ${PANEL.HOPN} tool hop${PANEL.HOPN === 1 ? "" : "s"} this session` + doorLine(["/services"]);
  lampRest("l-shelf", un ? "red" : "on");
  host.innerHTML = "";
  for (const s of tools){
    const c = ((s.manifest || {}).consequence || "routine");
    const t = document.createElement("span"); t.className = "tool " + c + (s.state === "retired" ? " retired" : "") + ((s.last_health || {}).ok === false ? " unhealthy" : "");
    t.innerHTML = `<span class="lamp" id="t-${pt(s.name)}"></span>${pt(s.name)}`;
    t.title = `${s.name} — a ${c} tool · ${s.state}` + ((s.manifest || {}).server ? ` · through the ${s.manifest.server} MCP server` : "") + " · click to open";
    t.onclick = () => inspectTool(s.name);
    host.appendChild(t);
  }
}
async function panelAnalyzer(){                    // the ANALYZER organ, the intent depth and the running board: /intentions · /analyzer
  const [ints, an] = await Promise.all([fetch("/intentions").then(x=>x.json()).catch(()=>null), fetch("/analyzer").then(x=>x.json()).catch(()=>null)]);
  PANEL.INTS = (ints && ints.intentions) || []; PANEL.ORIG = (an && an.origins) || [];
  const standing = PANEL.INTS.filter(i => i.active !== false);
  const objs = PANEL.ORIG.filter(o => o.kind === "objective"), obs = PANEL.ORIG.filter(o => o.kind !== "objective" && o.kind !== "intention");
  document.getElementById("o-analyzer-v").textContent = `${standing.length} intention${standing.length === 1 ? "" : "s"} standing`;
  document.getElementById("o-analyzer-s").textContent = `${objs.length} objective${objs.length === 1 ? "" : "s"} · ${obs.length} observation${obs.length === 1 ? "" : "s"}`;
  document.getElementById("p-analyzer").textContent = `${PANEL.ORIG.length} origins read` + doorLine(["/analyzer", "/intentions", "/markers"]);
  const kernels = standing.filter(i => i.kind === "kernel").length;
  document.getElementById("d-intent").textContent = standing.length ? `${standing.length} standing · ${kernels} the kernel's` : "none standing";
  if (!PANEL.TICKS) document.getElementById("d-scheduler").textContent = "no duty woke yet this session";
  lampRest("l-analyzer", an ? "on" : "red");
  panelBoard();
}
function panelBoard(){                             // THE RUNNING BOARD: standing intentions, then the newest objectives — every row a door into the Analyzer
  const box = document.getElementById("board"); const lit = {}; box.querySelectorAll(".run").forEach(r => lit[r.dataset.ref] = r.querySelector(".chain").innerHTML);
  const ints = PANEL.ORIG.filter(o => o.kind === "intention" && o.active !== false).slice(0, 2);
  const objs = PANEL.ORIG.filter(o => o.kind === "objective").slice(0, 4);
  box.innerHTML = "";
  for (const o of [...ints, ...objs]){
    const isInt = o.kind === "intention";
    const grp = isInt && o.serves === "resiliency" ? "resiliency" : "structural";
    const hue = isInt ? (o.origin_kind === "kernel" || o.by === "the kernel" ? "kernel" : "human") : hueOf(o.by || o.person || "did:orreth:person:");
    const r = document.createElement("div"); r.className = "run g-" + grp + (isInt && o.active === false ? " rested" : ""); r.dataset.ref = o.ref || ""; r.dataset.root = o.root || "";
    const c = o.counts || {}; const hops = Object.entries(c).map(([k, n]) => `<span class="hop done">${n} ${pt(k)}${n > 1 ? "s" : ""}</span>`).join("");
    const state = isInt ? (o.blocked ? `<span class="hop red">waiting for a crew that can act</span>` : `<span class="hop kernel">standing</span>`)
                : o.status === "awaiting-confirm" ? `<span class="hop red">held at the interlock</span>`
                : o.status === "replied" ? `<span class="hop done">replied</span>` : o.status === "cancelled" ? `<span class="hop done">cancelled</span>`
                : o.status === "refused" ? `<span class="hop red">refused</span>` : `<span class="hop now">${pt(o.target || "the crew")} · ${pt(o.status || "on its way")}</span>`;
    const out = isInt ? (o.last_outcome ? `last red: ${String(o.last_outcome).split(" — ")[0]}` : o.serves === "schedule" && o.cadence ? `${o.cadence} · ${o.runs || 0} runs` : `serves ${o.serves || "?"}`) +
                        (o.last_at ? ` · ${hhmm(o.last_at)}` : "")
                      : `${o.target || "any"} · ${hhmm(o.at)}`;
    r.innerHTML = `<div class="who"><span class="lamp ${hue}" style="transition:none"></span><div><div class="w">${pt(o.words || o.note || o.ref)}</div>` +
                  `<div class="k">${isInt ? "intention · " + pt(o.origin_kind || o.serves || "") : "objective · " + pt(whoIs(o.by || o.person || "") === "?" ? "a person" : whoIs(o.by || o.person))}</div></div></div>` +
                  `<div class="chain">${lit[o.ref] || hops + state}</div><div class="out">${pt(out)}</div>`;
    r.title = `${isInt ? "an intention" : "an objective"} — click to open it in the Analyzer`;
    r.onclick = () => { BAND_OPEN = {root: o.root}; toggleBand(true); };
    box.appendChild(r);
  }
}
async function panelKinds(){                       // the marker-group chips on the sill (0006's promise): from the kernel's own vocabulary
  const k = await fetch("/markers/kinds").then(x=>x.json()).catch(()=>({kinds: []})); PANEL.KINDS = k.kinds || [];
  const groups = [...new Set(PANEL.KINDS.map(x => x.group))]; const host = document.getElementById("mchips"); host.innerHTML = "";
  let off = {}; try { off = JSON.parse(localStorage.getItem("orreth.panel.groups") || "{}"); } catch (e) {}
  for (const g of groups){
    const b = document.createElement("button"); b.className = "mchip" + (off[g] ? "" : " lit"); b.textContent = g;
    b.title = `${g} markers — ${PANEL.KINDS.filter(x => x.group === g).map(x => x.kind).join(" · ")} · click to dim them on the board and the tape`;
    document.body.classList.toggle("no-" + g, !!off[g]);
    b.onclick = () => { off[g] = !off[g]; b.classList.toggle("lit", !off[g]); document.body.classList.toggle("no-" + g, !!off[g]);
                        try { localStorage.setItem("orreth.panel.groups", JSON.stringify(off)); } catch (e) {} };
    host.appendChild(b);
  }
}
async function panelMarkers(first){                // a marker landed: the newest sixty, diffed by id — the tape and the analyzer's lamp, in the marker's origin colour
  const m = await fetch("/markers").then(x=>x.json()).catch(()=>null); if (!m) return;
  const rows = m.markers || []; const groupOf = {}; for (const k of PANEL.KINDS) groupOf[k.kind] = k.group;
  if (first || !PANEL.SEEN){ PANEL.SEEN = new Set(rows.map(r => r.id)); return; }
  const fresh = rows.filter(r => !PANEL.SEEN.has(r.id)).reverse();
  for (const r of fresh){
    PANEL.SEEN.add(r.id); const hue = hueOf(r.by), grp = groupOf[r.kind] || "structural";
    tape(`marker · ${r.kind}`, `${whoIs(r.by)} · ${(r.words || r.note || r.ref || "").slice(0, 60)}`, grp);
    lampFlash("l-analyzer", grp === "resiliency" ? "red" : hue, 260);
    if (r.kind === "intention" || r.kind === "observation" || r.kind === "watch-red") railLight("intent", ORGAN_COL.analyzer, ORGAN_COL.monitor, grp === "resiliency" ? "red" : hue);
    if (r.kind === "action" || r.kind === "improvement"){ const who = NAMES[r.by]; if (who) stationLit(who, hue, `${r.kind} · ${(r.words || r.note || "").slice(0, 40)}`); }
  }
  if (PANEL.SEEN.size > 400) PANEL.SEEN = new Set(rows.map(r => r.id));
}
async function panelLevers(){ const r = await fetch("/levers").then(x => x.ok ? x.json() : null).catch(()=>null); PANEL.LEVERS = r && r.levers ? r.levers : null; }
function panelUnseated(){                          // no seat, no doors: the panel says so in plain words and stays dark
  for (const id of ["gateway", "shelf", "monitor", "analyzer"]){ document.getElementById(`o-${id}-v`).textContent = "take your seat"; document.getElementById(`o-${id}-s`).textContent = "the doors open to a seated person"; }
  document.getElementById("o-ground-s").textContent = "the doors open to a seated person";
  for (const id of ["relay", "dispatcher", "scheduler", "presence", "intent"]) document.getElementById(`d-${id}`).textContent = "—";
}
async function panelHydrate(){                     // the still panel, whole — on load and on a feed resync (fetch fresh through the doors)
  panelDesk();
  if (!SEAT){ panelUnseated(); return; }
  await Promise.all([panelLevers(), panelGateway(), panelShelf(), panelAnalyzer(), panelKinds()]);
  await panelStations();
  await panelMarkers(true);
}
/* ---- the light: every notice on the feed is a pointer; the panel reads the fact through the door and lights what it crossed ---- */
async function panelNotice(n){
  const k = n.kind || "", words = plainKind(k);
  if (k === "orreth.marker.set.v1"){ panelDebounce("markers", panelMarkers, 250); panelDebounce("analyzer", panelAnalyzer, 700); return; }
  if (k === "orreth.watch.turned.v1"){
    const s = await fetch("/monitor").then(x=>x.json()).catch(()=>null); if (s) PANEL.MON = s;
    const w = s && (s.watches || []).find(x => x.watch_id === n.ref);
    tape(words, w ? `${w.name} · ${w.state || (w.red ? "red" : "green")}` : n.ref, "resiliency");
    lampFlash("l-monitor", w && w.red ? "red" : "on", 900); railLight("relay", ORGAN_COL.monitor, ORGAN_COL.analyzer, w && w.red ? "red" : "agent");
    panelMonitorOrgan(); return;
  }
  if (k === "orreth.harness.failed.v1"){ tape(words, n.ref, "resiliency"); lampFlash("l-monitor", "red", 900); panelDebounce("stations", panelStations, 600); return; }
  if (k === "orreth.session.opened.v1"){ tape(words, "a fresh session"); lampFlash("l-desk", "human", 220); return; }
  // ---- row 4, panel sp2: the feed widened — every fact below is read once through the fact door and lit where it crossed ----
  if (k === "orreth.body.parked.v1"){
    tape("body parked", `${n.ref} · the kernel stopped restarting it`, "resiliency");
    stationLit(n.ref, "red", "PARKED by the kernel", 2500); railLight("presence", ORGAN_COL.ground, colOf(n.ref), "red"); lampFlash("l-monitor", "red", 900);
    panelDebounce("roster", loadRoster, 300); return;
  }
  if (k === "orreth.lease.lapsed.v1" || k === "orreth.lease.seated.v1"){
    const lapsed = k.includes("lapsed");
    tape(lapsed ? "lease lapsed" : "lease seated", `${n.ref} · ${lapsed ? "stopped renewing — dormant until it serves again" : "serves again"}`, lapsed ? "resiliency" : "structural");
    railLight("presence", ORGAN_COL.ground, colOf(n.ref), lapsed ? "red" : "kernel"); stationLit(n.ref, lapsed ? "red" : "kernel", lapsed ? "lease lapsed" : "seated by its lease", 2500);
    panelDebounce("roster", loadRoster, 300); return;
  }
  if (k === "orreth.body.joined.v1" || k === "orreth.body.refused.v1"){   // re-base sp1: the roster's own facts — a body joined (a life) · refused at birth
    const joined = k.endsWith("joined.v1");
    const f = joined ? null : await factOf(n); const who = joined ? n.ref : ((f && f.payload && f.payload.name) || NAMES[n.ref] || n.ref);
    tape(joined ? "body joined" : "body refused", `${who} · ${joined ? "joined this world — a life begins" : "refused at birth by placement"}`, joined ? "structural" : "resiliency");
    lampFlash("l-desk", joined ? "agent" : "red", 900); railLight("presence", ORGAN_COL.ground, ORGAN_COL.desk, joined ? "agent" : "red");
    panelDebounce("roster", loadRoster, 300); return;
  }
  if (k === "orreth.inbox.parked.v1" || k === "orreth.inbox.advanced.v1"){   // re-base sp1: a poison held at · a person's advance
    const held = k.endsWith("parked.v1");
    tape(held ? "poison parked" : "advanced past it", `${n.ref} · ${held ? "the dispatcher holds at it — a person must advance it" : "the dispatcher goes on, on a person's word"}`, held ? "resiliency" : "structural");
    lampFlash("l-ground", held ? "red" : "human", 1200); railLight("dispatcher", ORGAN_COL.ground, ORGAN_COL.monitor, held ? "red" : "human");
    const s = await fetch("/monitor").then(x=>x.json()).catch(()=>null); if (s) PANEL.MON = s;
    panelMonitorOrgan(); if (document.getElementById("views").children.length) loadMonitor().catch(()=>{});
    return;
  }
  if (k === "orreth.lever.pulled.v1"){
    const f = await factOf(n); const p = (f && f.payload) || {}; const who = (p.args || {}).name; const hue = p.held ? "red" : "kernel";
    tape("lever pulled", `the kernel ${p.held ? "proposes" : "pulled"} ${p.lever || "a lever"}${who ? " · " + who : ""} — because ${p.because || "?"}`, "resiliency");
    lampFlash("l-monitor", hue, 900); railLight("intent", ORGAN_COL.monitor, who ? colOf(who) : ORGAN_COL.analyzer, hue);
    if (who) stationLit(who, hue, `${p.lever} · on the intention's word`, 2500);
    if (p.held) lampFlash("l-desk", "red", 1400);
    hop(p.intention, `${p.lever || "lever"}${p.held ? " · held" : ""}`, p.held ? "red" : "kernel");
    panelDebounce("analyzer", panelAnalyzer, 700); return;
  }
  if (k === "orreth.tool.called.v1"){
    const f = await factOf(n); const p = (f && f.payload) || {}; const tool = p.tool || "a tool", who = NAMES[p.by] || null, ok = p.ok !== false;
    PANEL.HOPS[tool] = (PANEL.HOPS[tool] || 0) + 1; PANEL.HOPN++;
    document.getElementById("p-shelf").textContent = `${((PANEL.SERV && PANEL.SERV.services) || []).filter(s => s.state === "retired").length} retired · ${PANEL.HOPN} tool hop${PANEL.HOPN === 1 ? "" : "s"} this session`;
    tape("tool hop", `${who || "a body"} · ${tool}${ok ? "" : " · failed honestly"}`);
    lampFlash("t-" + tool, ok ? "agent" : "red", 900); lampFlash("l-shelf", ok ? "agent" : "red", 400);
    railLight("dispatcher", who ? colOf(who) : ORGAN_COL.ground, ORGAN_COL.shelf, ok ? "agent" : "red");
    if (who) stationLit(who, "agent", `called ${tool}`);
    hop(n.ref, tool, ok ? "now" : "red"); return;
  }
  if (k === "orreth.heartbeat.v1"){
    const rail = String(n.ref).split(":")[1] || ""; const track = {events: "relay", invoke: "dispatcher"}[rail];
    if (track) railLight(track, 0, 23, "kernel"); else lampFlash("l-ground", "kernel", 300);
    tape("heartbeat", `the ${rail || "?"} rail answered the kernel`); return;
  }
  if (k.startsWith("orreth.intention.")){
    const f = await factOf(n); const by = ((f && f.authority_chain) || [])[0] || "the kernel"; const hue = hueOf(by); const verb = k.split(".")[2];
    const i = PANEL.INTS.find(x => x.intention_id === n.ref);
    tape(`intention ${verb}`, `${by === "the kernel" ? "the kernel" : whoIs(by)} · “${String((i && i.words) || (f && f.payload && f.payload.serves) || n.ref).slice(0, 50)}”`, i && i.serves === "resiliency" ? "resiliency" : "structural");
    lampFlash("l-analyzer", hue, 500); railLight("intent", ORGAN_COL.desk, ORGAN_COL.analyzer, hue);
    panelDebounce("analyzer", panelAnalyzer, 400); return;
  }
  if (k.startsWith("orreth.service.")){
    const f = await factOf(n); const p = (f && f.payload) || {}; const name = n.ref || (f && f.correlation_id) || "a service"; const verb = k.split(".")[2];
    const bad = verb === "health" && (p.ok === false || p.state === "unhealthy"); const by = ((f && f.authority_chain) || [])[0]; const hue = bad ? "red" : hueOf(by);
    tape(`service ${verb === "health" ? (bad ? "unhealthy" : "healthy") : verb}`, `${name}${p.detail ? " · " + String(p.detail).slice(0, 40) : ""}`, bad ? "resiliency" : "structural");
    lampFlash("l-shelf", hue, 600); lampFlash("t-" + name, hue, 900); railLight("relay", ORGAN_COL.monitor, ORGAN_COL.shelf, hue);
    panelDebounce("shelf", panelShelf, 500); return;
  }
  if (k.startsWith("orreth.mind.")){
    const f = await factOf(n); const p = (f && f.payload) || {}; const verb = k.split(".")[2]; const by = ((f && f.authority_chain) || [])[0]; const hue = hueOf(by);
    const m = ((PANEL.MINDS && PANEL.MINDS.minds) || []).find(x => x.did === n.ref || x.did === (f && f.correlation_id)); const name = (m && m.name) || p.alias || p.subject || "a mind";
    tape(`mind ${verb}`, verb === "fueled" ? `${name} · $${p.max_usd ?? "?"} every ${p.renew_days ?? "?"} day${p.renew_days === 1 ? "" : "s"}` : `${name}${p.subject ? " · " + p.subject : ""}${p.stall ? " · " + p.stall : ""}`);
    lampFlash("l-gateway", hue, 600); railLight("relay", ORGAN_COL.gateway, ORGAN_COL.desk, hue);
    panelDebounce("gateway", panelGateway, 500); return;
  }
  if (k === "orreth.memory.landed.v1"){
    const f = await factOf(n); const by = ((f && f.authority_chain) || [])[0] || ""; const hue = hueOf(by);
    tape("memory landed", `${whoIs(by) === "?" ? "a body" : whoIs(by)} · on the ground`); lampFlash("l-ground", hue, 400); return;
  }
  if (k.startsWith("orreth.seat.")){
    const f = await factOf(n); const p = (f && f.payload) || {}; const taken = k.includes("taken");
    tape(taken ? "seat taken" : "seat left", `${whoIs(p.person || "")}${p.role ? " · " + p.role : ""}${p.ceremony ? " · the ceremony: the first owner" : ""}`);
    lampFlash("l-desk", "human", 700); railLight("relay", ORGAN_COL.desk, ORGAN_COL.ground, "human");
    if (p.person && p.person === PERSON) panelDesk(); return;
  }
  if (k.startsWith("orreth.join.")){
    const f = await factOf(n); const p = (f && f.payload) || {}; const verb = k.split(".")[2]; const hue = verb === "denied" ? "red" : "agent";
    tape(`join ${verb}`, `${p.name || "a body"} at the desk${verb === "denied" ? " · turned away" : verb === "admitted" ? " · its lease minted" : verb === "proved" ? " · its key proven" : " · challenged"}`);
    lampFlash("l-desk", hue, 900); railLight("relay", ORGAN_COL.desk, ORGAN_COL.ground, hue); return;
  }
  if (!n.ref) return;
  const v = await askRead(n.ref); if (!v) return;
  const c = hueOfAsk(v), name = nameOf(v), col = name === "the kernel" ? ORGAN_COL.analyzer : colOf(name);
  if (k.includes("ask.received")){
    tape(words, `${c === "kernel" ? "the kernel" : c === "human" ? whoIs(v.person) : whoIs(v.person)} · “${(v.text || "").slice(0, 50)}”`);
    lampFlash("l-desk", c, 220); railLight("relay", ORGAN_COL.desk, ORGAN_COL.ground, c); lampFlash("l-ground", c, 220);
    railLight("dispatcher", ORGAN_COL.ground, colOf(v.target || name), c);
    if (v.target) stationLit(v.target, c, `serving “${(v.text || "").slice(0, 36)}”`);
    hop(n.ref, v.target || "the crew", c === "human" ? "human" : c === "kernel" ? "kernel" : "now");
    panelDuty(v, n.ref);
    panelDebounce("analyzer", panelAnalyzer, 700); return;
  }
  if (k.includes("journey")){
    const last = (v.journey || [])[v.journey.length - 1] || ""; const short = last.replace(/^[^:]+: /, "");
    railLight("dispatcher", col, col, "agent"); stationLit(name, "agent", short.slice(0, 48)); hop(n.ref, short.slice(0, 40), "now"); panelDuty(v, n.ref); return;
  }
  if (k.includes("confirm.needed")){
    tape(words, `${name} · “${(v.text || "").slice(0, 40)}” · held at the interlock`);
    lampFlash("l-desk", "red", 1400); railLight("relay", col, ORGAN_COL.desk, "red"); hop(n.ref, "held at the interlock", "red"); panelDebounce("analyzer", panelAnalyzer, 700); return;
  }
  if (k.includes("ask.refused")){ tape(words, `${whoIs(v.person)} · refused at the door`); lampFlash("l-desk", "red", 900); hop(n.ref, "refused", "red"); return; }
  if (k.includes("reply")){
    const took = v.replied_at ? secs(v.asked_at, v.replied_at) : "";
    const kc = v.served_by === "the kernel" ? "kernel" : "agent";
    tape(words, `${name}${took ? " · " + took : ""}${v.status === "cancelled" ? " · cancelled" : ""}`);
    if (name === "the kernel") lampFlash("l-analyzer", "kernel", 300); else { stationLit(name, kc, `replied${took ? " · " + took : ""}`); railLight("relay", col, ORGAN_COL.desk, kc); }
    lampFlash("l-ground", kc, 220); lampFlash("l-desk", kc, 220);
    hop(n.ref, v.status === "cancelled" ? "cancelled" : "reply", "done"); outWords(n.ref, `${name}${took ? " · " + took : ""} · proof ${v.proof || "L1"}`);
    panelDebounce("analyzer", panelAnalyzer, 700); panelDebounce("gateway", panelGateway, 1500); return;
  }
}
function panelDuty(v, ref){                        // sp2: a duty's ask — the scheduler's track lights toward the runner, once per ask
  if (!v || !v.duty || PANEL.DUTIES.has(ref)) return; PANEL.DUTIES.add(ref); PANEL.TICKS++;
  railLight("scheduler", 0, colOf(v.target || ""), "kernel");
  document.getElementById("d-scheduler").textContent = `${PANEL.TICKS} dut${PANEL.TICKS === 1 ? "y" : "ies"} woke this session · last ${hhmm(new Date().toISOString())}`;
  hop(ref, "on its clock", "kernel");
}
/* ---- every block is a door: the inspector ---- */
function inspOpen(){ return !document.getElementById("insp").hidden; }
function inspClose(){ document.getElementById("insp").hidden = true; }
function inspect(name, rows, acts){
  document.getElementById("i-name").textContent = name;
  const ids = ["i-kind", "i-did", "i-lease", "i-life", "i-serving", "i-meter"];
  rows.forEach((r, i) => { document.getElementById(ids[i]).textContent = r || "—"; });
  const box = document.getElementById("i-acts"); box.innerHTML = "";
  for (const [label, fn, primary] of acts){ const b = document.createElement("button"); if (primary) b.className = "p"; b.textContent = label; b.onclick = fn; box.appendChild(b); }
  document.getElementById("insp").hidden = false;
}
function scopeChat(name){                          // one click: the chat speaks to this body alone (a click on a resident chip widens it again)
  SELECTED = new Set([name]); drawChips(); toggleChat(true);
  sysline(`the chat now speaks to ${esc(name)} alone — click a resident chip on the right to widen it`);
}
function mention(name){ toggleChat(true); const i = document.getElementById("chat-in"); i.value = `${name}, `; i.focus(); }
async function inspectStation(name){
  const cr = await fetch("/crew").then(x=>x.json()).catch(()=>null); const c = cr && cr.crew.find(x => x.name === name); if (!c) return;
  const l = ((PANEL.MON && PANEL.MON.bodies) || []).find(b => b.name === name), g = PANEL.GOV[name], p = c.placement || {};
  const parked = g && (g.state === "parked" || g.state === "refused");
  const acts = [["scope the chat here", () => scopeChat(name), true], ["@mention", () => mention(name)], ["its card", () => toggleCrew(true)],
                ["where does it stand?", () => placementWords(`where does ${name} stand?`)]];
  if (parked) acts.push(["restart it", () => serviceWords(`restart the ${name} body`)]);
  inspect(name, [`${c.kind} · ${c.nature || ""}`.slice(0, 90), c.did, c.refused ? "refused at birth" : l && l.alive ? `alive · until ${hhmm(l.until)}` : "no lease · declared, not seated",
                 `life ${c.lives}` + (g ? ` · ${g.state}${parked && g.words ? " — " + g.words : ""}` : "") + (p.cell ? ` · cell ${p.cell}` : ""),
                 PANEL.ACT[name] || (c.side_a && c.side_a.asks_served ? `${c.side_a.asks_served} asks served` : "idle"),
                 c.mind ? `${c.mind.stall || "no mind can serve"}${c.mind.last && c.mind.last.usd != null ? " · last thought $" + Number(c.mind.last.usd).toFixed(4) : ""}` : "—"], acts);
}
function inspectTool(name){
  const s = ((PANEL.SERV && PANEL.SERV.services) || []).find(x => x.name === name); if (!s) return;
  const m = s.manifest || {}, h = s.last_health;
  const acts = [["its card", () => toggleCrew(true), true], ["check the tools", () => serviceWords("check the tools")]];
  if (s.retirable) acts.push(["retire it → the interlock", () => retireService(s.name, s.kind)]);
  if (s.restorable) acts.push(["restore it", () => restoreService(s.name, s.kind)]);
  inspect(name, [`tool · ${m.consequence || "routine"}${m.server ? " · through the " + m.server + " MCP server" : ""}`, s.did, `${s.state} · since ${hhmm(s.since)}`,
                 `v${s.version} · by ${whoIs(s.by)}`, h ? (h.ok === true ? "healthy" : h.ok === false ? "UNHEALTHY" : "not probed") + ` · ${hhmm(h.at)}` : "never probed", `${PANEL.HOPS[name] || 0} hop${(PANEL.HOPS[name] || 0) === 1 ? "" : "s"} this session`], acts);
}
function inspectOrgan(id){
  const w = WORLD || {}, s = PANEL.MON || {}, tk = SEAT && seatToken(SEAT);
  if (id === "desk") inspect("the desk · the gate", ["the kernel's self: who is seated, who may enroll, the join desk", w.kernel || "—",
      PERSON ? `${whoIs(PERSON)} · ${GOVERN ? "governs" : "reads · writes"} · until ${tk ? hhmm(tk.constraints.expiry) : "?"}` : "no seat", "—", "/seat · /enroll · /join", "—"],
      [["my seat", () => seatWords("my seat"), true], ["who is at the door?", () => deskWords("who is at the door?")], ["enroll someone", () => { toggleChat(true); const i = document.getElementById("chat-in"); i.value = "enroll "; i.focus(); }]]);
  if (id === "ground") inspect("the ground · memory", ["every ask, reply, marker and record of this world", `${w.scope || "?"} · cell ${w.cell || "?"}` + (w.epoch ? ` · epoch ${w.epoch}` : ""), "—", "—",
      Object.entries(s.asks || {}).map(([k, n]) => `${n} ${k}`).join(" · ") || "—",
      `outbox ${(s.outbox || {}).pending ?? "?"} pending` + (s.pool ? ` · pool ${s.pool.busy} of ${s.pool.ceiling} lines busy · ${s.pool.waiting} waiting · longest wait ${ms(Number(s.pool.wait_max_ms))}` : " · no pool (a connection per knock)") +
      ((s.doors || []).length ? ` · slowest door ${s.doors[0].door} p95 ${ms(Number(s.doors[0].p95_ms))}` : "")],
      [["what world is this?", () => serviceWords("what world is this?"), true], ["list my sessions", () => sessionWords("list my sessions")]]);
  if (id === "gateway"){ const r = PANEL.MINDS || {}; inspect("the gateway · the Stable", ["every LLM call goes through it, metered in dollars", r.gateway && r.gateway.base ? r.gateway.base : "—",
      r.gateway && r.gateway.ready ? "answers" : "DARK", "—", (r.minds || []).map(m => `${m.name} · ${m.state}`).join(" · ") || "no minds", `$${(r.minds || []).reduce((x, m) => x + Number((m.spend || {}).usd_today || 0), 0).toFixed(4)} today`],
      [["show the minds", () => serviceWords("show the minds"), true], ["open the monitor", () => toggleMonitor(true)]]); }
  if (id === "shelf"){ const sv = (PANEL.SERV && PANEL.SERV.services) || []; inspect("the shelf · services", ["tool · mcp · store · source · mind — one ladder", "—", "—", "—",
      `${sv.length} registered · ${sv.filter(x => x.state === "retired").length} retired`, "—"],
      [["show the tools", () => serviceWords("show the tools"), true], ["check the services", () => serviceWords("check the services")]]); }
  if (id === "monitor") inspect("the monitor", ["watches · health checks · the harness · the levers", "—", "—", "—",
      (s.watches || []).map(x => `${x.name} ${x.red ? "RED" : "green"}`).join(" · ") || "no watches", PANEL.LEVERS ? `${PANEL.LEVERS.length} levers the kernel can pull` : "—"],
      [["open the monitor", () => toggleMonitor(true), true], ["run the harness", () => { toggleMonitor(true); fetch("/harness/run", {method: "POST", headers: {"content-type": "application/json"}, body: JSON.stringify({template: "librarian"})}).catch(()=>null); }]]);
  if (id === "analyzer") inspect("the analyzer", ["everything born in the chat, by origin", "—", "—", "—",
      PANEL.INTS.filter(i => i.active !== false).map(i => `“${(i.words || "").slice(0, 30)}”`).join(" · ") || "no intention standing", `${PANEL.ORIG.length} origins`],
      [["open the analyzer", () => toggleBand(true), true]]);
}
document.querySelectorAll("#organs .organ").forEach(o => o.onclick = () => inspectOrgan(o.dataset.organ));
document.getElementById("i-close").onclick = inspClose;
/* ---- the sill: three soft toggles on one drawing, remembered in this browser ---- */
(function sill(){
  let on = {arch: true, ops: true, perf: false}; try { Object.assign(on, JSON.parse(localStorage.getItem("orreth.panel.layers") || "{}")); } catch (e) {}
  document.querySelectorAll("#sill .tog[data-layer]").forEach(b => {
    const L = b.dataset.layer; b.classList.toggle("lit", !!on[L]); document.body.classList.toggle(L, !!on[L]);
    b.onclick = () => { on[L] = !on[L]; b.classList.toggle("lit", on[L]); document.body.classList.toggle(L, on[L]);
                        try { localStorage.setItem("orreth.panel.layers", JSON.stringify(on)); } catch (e) {} };
  });
})();

/* ---- the feed: one SSE stream, pointer-only, gap-repairing ---- */
const pulse = document.getElementById("pulse");
let lastRev = null;
function connectFeed(){
  if (!SEAT){ unseated(); return; }           // P7 sp8 row 3: no seat, no feed — the form first
  const src = new EventSource("/feed?seat=" + encodeURIComponent(SEAT));
  let bandTimer = null;
  src.onmessage = e => { const n = JSON.parse(e.data);
    lastRev = n.rev; pulse.textContent = "PULSE · rev " + n.rev;
    onNotice(n);
    if (band.classList.contains("open") && !bandTimer)   // P17: one state,
      bandTimer = setTimeout(() => { bandTimer = null;   // every lens
                                     loadBand(); }, 400);
    refreshPulls(); };
  src.addEventListener("delta", e => onDelta(JSON.parse(e.data)));
  src.addEventListener("resync", () => {          // the ring moved on without this glass: the still panel is read whole again
    pulse.textContent = "PULSE · resync — fetch fresh through the doors"; panelHydrate().catch(()=>{}); });
  src.onopen = () => { versionRead(); pulse.textContent = "PULSE · listening" +
    (lastRev ? " · rev " + lastRev : ""); };
  src.onerror = () => pulse.textContent = "PULSE · reconnecting…";
}
/* ---- the version whisper (JB's ask, 2026-09-28): a LIVE version number up top — what the kernel says of itself through its
   health door (its version · which kernel · when it was lit), read on load and again on every feed connection, so a relit
   kernel changes the number without a reload; in full screen it rides the sill ---- */
async function versionRead(){
  const h = await fetch("/health").then(x => x.ok ? x.json() : null).catch(()=>null);
  const t = (h && h.version ? `v${h.version} · ${h.kernel === "rust" ? "rust kernel" : h.kernel === "reference" ? "the reference (python)" : (h.kernel || "?")} · lit ${h.lit_at ? hhmm(h.lit_at) : "?"}` : "the kernel did not answer")
          + (window.ORRETH_DEMO ? " · a photograph" : "");                              // THE SPECTATOR: the whisper says what this page is
  for (const id of ["vtag", "vtag2"]){ const el = document.getElementById(id); if (el) el.textContent = t; }
}
versionRead();
panelHydrate().catch(()=>{});            /* row 4: the still panel, read through the doors */
connectFeed();
toggleChat(true);            /* the chat greets you (profile setting later) */
</script>
</body>
</html>