synabun 2.0.0-beta → 2.0.5

package/neural-interface/public/shared/assistant/asst-render.js

@@ -11,15 +11,16 @@
 // Replay runs the same handleEvent path with { silent: true }: live minus
 // motion, durations from the journal's `at`. Every row is inserted before the
 // "Working…" indicator so it always stays last.
-// The empty state's character (the hero) outlives a send: parked where it
-// stood, thinking, until the first stage of the turn takes it over (the
-// stage's face flies in from the hero's box) or other content arrives (it
-// fades out). mascot() names the character on screen for the panel's
-// director (asst-mascot.js), which may hold its pose; stills are painted SVGs,
-// never rigs.
+// The empty state's character (the hero) outlives a send only for its
+// hand-off: the "Thinking" row's character flies in from the hero's box at
+// once, so nothing sits on the prompt, and with no such row the hero fades
+// out. mascot() names the character on screen for the panel's director
+// (asst-mascot.js), which may hold its pose; stills are painted SVGs, never
+// rigs.
 
 import { assistantEventKey, fmtCost, fmtElapsed, isRemovableRun, isRunIdle, isTerminalRunStatus, modelShortName, providerShortLabel, routeTargetLabel, runTone, summarizeMailbox } from './asst-state.js';
 import { createRouteLine } from './asst-route.js';
+import { closeMenu, isMenuOpen } from './asst-menu.js';
 import { computerToolName, describeComputerAction, frameUrls, markerPercent, openFrameLightbox, parseComputerResult, swapImage } from './asst-computer.js';
 import * as mascotLib from '../synabun-mascot.js';
 import { isReducedMotion, subscribe } from '../synabun-ticker.js';
@@ -27,6 +28,7 @@ import { KIND_SPECS, callOutcome, commandOf, editDiff, editPaths, fmtDuration, g
 import { injectRackStyles } from './asst-rack-styles.js';
 import { formatRunTokens } from './asst-usage.js';
 import { sanitizeHtmlString, sanitizeInto } from './asst-sanitize.js';
+import { automationView } from './asst-automation.js';
 
 // ── Markdown (lazy marked, same CDN build as the sidepanels) ───────────────
 let _marked = null;
@@ -227,7 +229,7 @@ export function updateRunCard(card, run, opts = {}) {
       const routeBits = [r.taskClassLabel || r.taskClass || t('assistant.routes.task', 'task')];
       if (r.status === 'pending') routeBits.push(t('assistant.routes.state.pending', 'waiting for your choice'));
       else if (r.decidedBy === 'user') routeBits.push(t('assistant.routes.youChose', 'you chose'));
-      else if (r.remembered || r.decidedBy === 'remembered') routeBits.push(t('assistant.routes.remembered', 'remembered'));
+      else if (r.remembered || r.decidedBy === 'remembered') routeBits.push(t('assistant.routes.remembered', 'your saved choice'));
       else if (Number.isFinite(Number(r.confidence))) routeBits.push(`${Math.round(Number(r.confidence) <= 1 ? Number(r.confidence) * 100 : Number(r.confidence))}%`);
       const tip = r.target ? `${t('assistant.routes.routedTo', 'Routed to')} ${routeTargetLabel(r.target, { effort: true })}` : t('assistant.routes.title', 'Model routing');
       bits.push(`<span class="asst-run-route" data-tooltip="${esc(tip)}">⇄ ${esc(routeBits.join(', '))}</span>`);
@@ -408,8 +410,8 @@ const BURST_MS = 800; // 3+ calls started within this window read "newest ×N"
 const STATUS_GAP_MS = 1500; // screen-reader announcements at most this often
 const FOLD_MS = 180; // narration collapsing into the stage caption
 const COLLAPSE_MS = 260; // the stage folding into the receipt
-const FLIP_MS = 320; // the hero flying into the first stage (--asst-dur-slow)
-const HERO_LEAVE_MS = 140; // a parked hero nobody took over fades out
+const FLIP_MS = 320; // the hero flying into the "Thinking" row (--asst-dur-slow)
+const HERO_LEAVE_MS = 140; // a parked hero the "Thinking" row did not take over fades out
 const MAX_TICKS = 60;
 const NARROW_TICKS = 12;
 const PREVIEW_LINES = 5;
@@ -434,12 +436,12 @@ export function createRenderer(transcriptEl, hooks = {}) {
   const scopes = new Map(); // parent_tool_use_id → { container, stream, key }
   const runCards = new Map(); // runId → card element
   const routeLines = new Map(); // routeId → line handle
+  const autoRows = new Map(); // traceId → the turn's automation trace row
   let working = null;
   let workingFace = null; // the "Thinking" row's character: { still, rig?, el, target? } (syncWorkingFace)
   let followTail = true;
   let emptyEl = null;
   let hero = null; // the empty state's character: { rig, el, box, parked, leaving, held, dock, egg, target }
-  let rigsOn = true; // this panel's rigs may animate (asst-mascot.js lets one panel at a time)
   const mcpWarned = new Set();
   let lastErrorText = ''; // a synthetic API-error message's text, so the result does not repeat it
   let turnFrames = []; // computer cards with inline thumbnails in the current turn
@@ -535,14 +537,21 @@ export function createRenderer(transcriptEl, hooks = {}) {
     return scope;
   }
 
-  /** The empty state goes; `park` (the user sent a prompt) keeps its character on screen, thinking. */
+  /** The empty state goes; `park` (a turn starts) hands its character over to the "Thinking" row. */
   function hideEmpty({ park = false } = {}) {
     if (!emptyEl) return;
     if (!(park && parkHero())) dropHero();
+    closeEmptyMenu();
     emptyEl.remove();
     emptyEl = null;
   }
 
+  /** A menu opened from the empty state's project picker does not outlive it. */
+  function closeEmptyMenu() {
+    const btn = emptyEl?.querySelector('.asst-empty-project-btn');
+    if (btn && isMenuOpen(btn)) closeMenu();
+  }
+
   // ── The hero ──
   const cssEase = (name, fallback) => {
     try { return getComputedStyle($msgs).getPropertyValue(name).trim() || fallback; } catch { return fallback; }
@@ -561,9 +570,11 @@ export function createRenderer(transcriptEl, hooks = {}) {
 
   /**
    * Park the hero where it stands, in an overlay of the transcript's parent,
-   * so it outlives the empty state and thinks until the first stage of the
-   * turn takes it over. Not on replay, under reduced motion or while the UI
-   * is dragged, and not when it is off screen.
+   * so it outlives the empty state for its hand-off. It stays there only
+   * until the rows of this task are in (the prompt, "Thinking"): settleHero()
+   * then gives it to the "Thinking" row, so it is never drawn over the
+   * prompt that took the empty state's place. Not on replay, under reduced
+   * motion or while the UI is dragged, and not when it is off screen.
    */
   function parkHero() {
     const h = hero;
@@ -585,10 +596,33 @@ export function createRenderer(transcriptEl, hooks = {}) {
     h.dock = dock;
     h.parked = true;
     if (!h.held) h.rig.setPose('think');
+    queueMicrotask(() => settleHero(h));
     mascotChanged();
     return true;
   }
 
+  /**
+   * The parked hero's hand-off, once the task that parked it has put its rows
+   * in: the "Thinking" row's character flies in from the hero's box and the
+   * hero leaves in the same frame. With no such row to take it over (a slash
+   * command's echo, a rack already live) it fades out.
+   */
+  function settleHero(h) {
+    if (hero !== h || !h.parked || h.leaving) return;
+    if (!workingFree()) { dismissHero(); return; }
+    const from = h.el.getBoundingClientRect();
+    dropHero(); // the "Thinking" row wears the character now (syncWorkingFace)
+    const face = workingFace;
+    if (!face?.rig) return;
+    const row = working;
+    row.classList.add('is-flip');
+    const anim = flipFrom(face.el, from);
+    const done = () => row.classList.remove('is-flip');
+    if (!anim) { done(); return; }
+    anim.onfinish = done;
+    anim.oncancel = done;
+  }
+
   function dropHero() {
     const h = hero;
     if (!h) return;
@@ -600,20 +634,15 @@ export function createRenderer(transcriptEl, hooks = {}) {
     syncWorkingFace(); // the "Thinking" row may wear the character now
   }
 
-  /** A parked hero no stage took over leaves: it fades out (at once when calm), after `delay` ms. */
-  function dismissHero(delay = 0) {
+  /** A parked hero the "Thinking" row did not take over leaves: it fades out (at once when calm). */
+  function dismissHero() {
     const h = hero;
     if (!h?.parked || h.leaving) return;
     h.leaving = true;
-    const go = () => {
-      if (hero !== h) return;
-      if (calm() || typeof h.dock.animate !== 'function') { dropHero(); return; }
-      const anim = h.dock.animate([{ opacity: 1 }, { opacity: 0 }], { duration: HERO_LEAVE_MS, easing: cssEase('--asst-ease-exit', 'cubic-bezier(.2,0,1,.9)'), fill: 'forwards' });
-      anim.onfinish = () => { if (hero === h) dropHero(); };
-      h.leaveTimer = setTimeout(() => { if (hero === h) dropHero(); }, HERO_LEAVE_MS + 120);
-    };
-    if (delay > 0) h.leaveTimer = setTimeout(go, delay);
-    else go();
+    if (calm() || typeof h.dock.animate !== 'function') { dropHero(); return; }
+    const anim = h.dock.animate([{ opacity: 1 }, { opacity: 0 }], { duration: HERO_LEAVE_MS, easing: cssEase('--asst-ease-exit', 'cubic-bezier(.2,0,1,.9)'), fill: 'forwards' });
+    anim.onfinish = () => { if (hero === h) dropHero(); };
+    h.leaveTimer = setTimeout(() => { if (hero === h) dropHero(); }, HERO_LEAVE_MS + 120);
   }
 
   /**
@@ -635,19 +664,6 @@ export function createRenderer(transcriptEl, hooks = {}) {
     ], { duration: FLIP_MS, easing: cssEase('--asst-ease-emphasized', 'cubic-bezier(.4,.14,.3,1)') });
   }
 
-  /** The hand-off: the first stage's face flies in from the parked hero, which leaves in the same frame. */
-  function flipIntoStage(rack) {
-    const h = hero;
-    const from = h.el.getBoundingClientRect();
-    dropHero();
-    rack.row.classList.add('is-flip');
-    const anim = flipFrom(rack.stage.face, from);
-    const done = () => rack.row.classList.remove('is-flip');
-    if (!anim) { done(); return; }
-    anim.onfinish = done;
-    anim.oncancel = done;
-  }
-
   /** Triple-click the character: its eyes part and re-form, once per mount. Silent. */
   function wireEgg(h) {
     const hit = (e) => {
@@ -691,13 +707,6 @@ export function createRenderer(transcriptEl, hooks = {}) {
     try { hooks.onMascotChange?.(); } catch { /* the director is gone */ }
   }
 
-  /** Whether this panel's rigs animate (another panel may lead); still frames otherwise. */
-  function setRigsEnabled(on) {
-    if (rigsOn === !!on) return;
-    rigsOn = !!on;
-    activateRigs();
-  }
-
   function prune() {
     const rows = $msgs.children;
     while (rows.length > MAX_MESSAGES && rows[0] !== working) rows[0].remove();
@@ -709,7 +718,7 @@ export function createRenderer(transcriptEl, hooks = {}) {
     if (scope.container === $msgs && working && working.parentNode === $msgs) $msgs.insertBefore(node, working);
     else scope.container.appendChild(node);
     if (scope === rootScope) prune();
-    // Text, a card, a notice…: the parked hero would sit on it. Only a rack (its stage takes it over) and the prompt keep it.
+    // Text, a card, a notice…: the parked hero would sit on it. The prompt and a rack leave it to settleHero().
     if (hero?.parked && scope === rootScope && !node._rack && !node.classList.contains('msg-user')) dismissHero();
     if (racks.size) syncRacks();
     scrollEnd();
@@ -750,8 +759,8 @@ export function createRenderer(transcriptEl, hooks = {}) {
         const a = el('a', 'file-link', match[0]);
         a.href = '#';
         a.title = t('assistant.copyPath', 'Click to copy path');
-        const path = match[0].replace(/:\d+$/, '');
-        a.addEventListener('click', (e) => { e.preventDefault(); hooks.copy?.(path); a.style.opacity = '0.5'; setTimeout(() => { a.style.opacity = ''; }, 300); });
+        // The click is taken on the transcript (asst-panel.js → ui-file-links.js): the code editor when it
+        // can open the path, else the copy a click has always made.
         frag.appendChild(a);
         last = match.index + match[0].length;
       }
@@ -1495,13 +1504,10 @@ export function createRenderer(transcriptEl, hooks = {}) {
       rack.clearTimer = 0;
       rack.row.classList.add('is-staged');
       if (!rack.rig) {
-        // The parked hero hands over: the stage's character starts in its pose and flies in from its box.
-        const heir = hero?.parked && !hero.leaving && !calm() ? hero : null;
-        try { rack.rig = mascotLib.createMascot(rack.stage.face, { width: 72, height: 36, rangeX: 10, rangeY: 7, active: rigsOn, pose: heir ? heir.rig.pose : 'idle' }); } catch { rack.rig = null; }
+        try { rack.rig = mascotLib.createMascot(rack.stage.face, { width: 72, height: 36, rangeX: 10, rangeY: 7, pose: 'idle' }); } catch { rack.rig = null; }
         rack.pose = null;
         rack.target = rack.rig ? stageTarget(rack) : null;
-        if (heir && rack.rig) flipIntoStage(rack);
-        else if (hero?.parked) dropHero();
+        if (hero?.parked) dropHero(); // the stage is the character now: a hero still on its way out goes at once
       }
       mascotChanged();
       return;
@@ -1560,12 +1566,16 @@ export function createRenderer(transcriptEl, hooks = {}) {
     rack.bubble = { step: null, since: 0, key: '', open: false };
   }
 
-  /** One rig animates: the hero, else the newest stage, else the "Thinking" row's; none while another panel leads (setRigsEnabled). */
+  /**
+   * One rig of this transcript animates: the hero, else the newest stage, else
+   * the "Thinking" row's. The rule ends at this renderer: every other panel
+   * runs its own, so N live sessions show N moving characters.
+   */
   function activateRigs() {
     const newest = hero?.rig ? null : newestStage();
-    for (const rack of racks) if (rack.rig) rack.rig.setActive?.(rigsOn && rack === newest);
-    hero?.rig?.setActive?.(rigsOn);
-    workingFace?.rig?.setActive?.(rigsOn && !hero?.rig && !newest);
+    for (const rack of racks) if (rack.rig) rack.rig.setActive?.(rack === newest);
+    hero?.rig?.setActive?.(true);
+    workingFace?.rig?.setActive?.(!hero?.rig && !newest);
   }
 
   /** The bubble's call: the awake one, else the newest; it holds 900 ms (3 s for thinking) before the next wins. */
@@ -2605,18 +2615,23 @@ export function createRenderer(transcriptEl, hooks = {}) {
 
   // ── The "Thinking" row's character ──
   // The row wears the mascot, thinking, only when no other character is on
-  // screen: no parked hero, no stage (a live rack right above it hides the
-  // row altogether). A rig, so the director can dress it; a painted still
-  // when calm.
+  // screen: no hero, no stage (a live rack right above it hides the row
+  // altogether). A rig, so the director can dress it; a painted still when
+  // calm. A send hands the hero over to it (settleHero).
   function workingCovered() {
     let prev = working?.previousElementSibling || null;
     while (prev && prev.classList.contains('asst-folding')) prev = prev.previousElementSibling;
     return !!prev?._rack?.live;
   }
 
+  /** The row is up and neither a stage nor a live rack stands in for it. */
+  function workingFree() {
+    return !!working?.isConnected && !newestStage() && !workingCovered();
+  }
+
   function syncWorkingFace() {
     const host = working?.querySelector('.asst-working-face');
-    const wanted = !!host && working.isConnected && !hero && !newestStage() && !workingCovered();
+    const wanted = !!host && !hero && workingFree();
     if (!wanted) { dropWorkingFace(); return; }
     if (workingFace && workingFace.still === calm()) return;
     dropWorkingFace();
@@ -2625,7 +2640,7 @@ export function createRenderer(transcriptEl, hooks = {}) {
       return;
     }
     try {
-      const rig = mascotLib.createMascot(host, { width: 56, height: 28, active: rigsOn, pose: 'think' });
+      const rig = mascotLib.createMascot(host, { width: 56, height: 28, pose: 'think' });
       const face = { still: false, rig, el: rig.el, held: false };
       face.target = { kind: 'working', rig, el: rig.el, hold(on) { face.held = !!on; }, restore() { if (workingFace === face) rig.setPose('think'); } };
       workingFace = face;
@@ -2638,6 +2653,7 @@ export function createRenderer(transcriptEl, hooks = {}) {
     if (!face) return;
     workingFace = null;
     try { face.rig?.destroy(); } catch { /* gone */ }
+    working?.classList.remove('is-flip');
     working?.querySelector('.asst-working-face')?.replaceChildren();
     if (face.rig) mascotChanged();
   }
@@ -2751,6 +2767,115 @@ export function createRenderer(transcriptEl, hooks = {}) {
     if (line) { line.el.remove(); routeLines.delete(routeId); }
   }
 
+  // ── The automation trace ──
+  // What the harness did for a turn (`synabun.automation`, asst-automation.js):
+  // one disclosure row per turn, upserted by its traceId. It appears where the
+  // turn was sent, moves under the reply when the turn ends and updates in
+  // place when learning finishes. Drawn from the event alone, so the live row
+  // and the replayed one are the same. Opening one keeps the next ones open.
+  let autoUid = 0;
+  const TRACE_OPEN_KEY = 'synabun-asst-trace-open';
+  const traceOpenPref = () => { try { return localStorage.getItem(TRACE_OPEN_KEY) === '1'; } catch { return false; } };
+
+  function buildAutoRow() {
+    const node = el('div', 'asst-route-line asst-auto');
+    const detailId = `asst-auto-detail-${++autoUid}`;
+    node.innerHTML = `
+      <button type="button" class="asst-route-line-head asst-auto-head" aria-expanded="false" aria-controls="${detailId}">
+        <span class="asst-route-glyph asst-icon" aria-hidden="true">${ICON_MEMORY}</span>
+        <span class="asst-route-class asst-auto-title"></span>
+        <span class="asst-route-meta asst-auto-summary"></span>
+        <span class="asst-route-state asst-auto-state"></span>
+        <span class="asst-route-chev" aria-hidden="true">&#x203A;</span>
+      </button>
+      <div class="asst-route-detail asst-auto-detail" id="${detailId}" hidden></div>`;
+    const head = node.querySelector('.asst-auto-head');
+    const detail = node.querySelector('.asst-auto-detail');
+    const setOpen = (open) => {
+      head.setAttribute('aria-expanded', open ? 'true' : 'false');
+      detail.hidden = !open;
+      node.classList.toggle('open', open);
+    };
+    head.addEventListener('click', () => {
+      const open = head.getAttribute('aria-expanded') !== 'true';
+      setOpen(open);
+      try { localStorage.setItem(TRACE_OPEN_KEY, open ? '1' : '0'); } catch { /* no storage: this row only */ }
+    });
+    setOpen(traceOpenPref());
+    return { el: node, detail, atEnd: false };
+  }
+
+  function paintAutoRow(row, ev) {
+    const view = automationView(ev, { t: hooks.t });
+    row.el.dataset.traceId = view.traceId;
+    row.el.dataset.phase = view.phase;
+    row.el.classList.toggle('busy', view.tone === 'busy');
+    row.el.classList.toggle('learned', view.tone === 'learned');
+    row.el.querySelector('.asst-auto-title').textContent = view.title;
+    row.el.querySelector('.asst-auto-summary').textContent = view.summary;
+    const state = row.el.querySelector('.asst-auto-state');
+    state.textContent = view.state;
+    state.hidden = !view.state;
+    row.detail.replaceChildren();
+    for (const group of view.groups) {
+      const box = el('div', 'asst-auto-group');
+      box.dataset.group = group.key;
+      box.appendChild(el('div', 'asst-auto-h', group.title));
+      for (const item of group.rows) {
+        const line = el('div', `asst-auto-row${item.tone ? ` ${item.tone}` : ''}`);
+        if (item.label || item.meta) {
+          const lead = el('div', 'asst-auto-row-head');
+          if (item.label) lead.appendChild(el('span', 'asst-auto-tier', item.label));
+          if (item.meta) lead.appendChild(el('span', 'asst-auto-meta', item.meta));
+          line.appendChild(lead);
+        }
+        // Memory text and the user's own words: always as text, never as markup.
+        if (item.text) line.appendChild(el(item.pre ? 'pre' : 'div', 'asst-auto-text', item.text));
+        if (item.ids.length) {
+          const ids = el('div', 'asst-auto-ids');
+          for (const id of item.ids) {
+            const link = el('button', 'asst-link', String(id).slice(0, 8));
+            link.type = 'button';
+            link.dataset.memoryId = id;
+            link.title = `${t('assistant.automation.open', 'Open memory')} ${id}`;
+            link.setAttribute('aria-label', link.title);
+            link.addEventListener('click', () => hooks.onMemoryClick?.(id, { id }));
+            ids.appendChild(link);
+          }
+          line.appendChild(ids);
+        }
+        box.appendChild(line);
+      }
+      row.detail.appendChild(box);
+    }
+  }
+
+  /** Create or update the trace row for `ev.traceId`. */
+  function upsertAutomation(ev) {
+    const id = String(ev?.traceId || '');
+    if (!id) return null;
+    let row = autoRows.get(id);
+    const fresh = !row || !row.el.isConnected;
+    if (fresh) {
+      row = buildAutoRow();
+      autoRows.set(id, row);
+      while (autoRows.size > 200) autoRows.delete(autoRows.keys().next().value);
+    }
+    paintAutoRow(row, ev);
+    // Under the reply once the turn has ended; a later snapshot (learning) never moves it again.
+    const ended = ev.phase !== 'sent';
+    if (fresh || (ended && !row.atEnd)) {
+      // Placed like any row (before "Working…"), but a status line of the harness never dismisses the hero.
+      if (working && working.parentNode === $msgs) $msgs.insertBefore(row.el, working);
+      else $msgs.appendChild(row.el);
+      if (ended) row.atEnd = true;
+      prune();
+      if (racks.size) syncRacks();
+      scrollEnd();
+    }
+    return row.el;
+  }
+
   // ── Empty state ──
   function showEmpty() {
     if (emptyEl || $msgs.querySelector(':scope > :not(.asst-working)')) return;
@@ -2759,14 +2884,22 @@ export function createRenderer(transcriptEl, hooks = {}) {
       <div class="asst-empty-mascot" aria-hidden="true"></div>
       <div class="asst-empty-title" role="heading" aria-level="2">${esc(t('assistant.empty.heading', 'What should we do?'))}</div>
       <div class="asst-empty-body">${esc(t('assistant.empty.lead', 'I can use your Mac, look things up on the web, edit files and run commands, and remember or schedule things.'))}</div>
+      <div class="asst-empty-greet"></div>
+      <div class="asst-empty-project" hidden></div>
       <div class="asst-suggestions" role="list"></div>`;
     const box = emptyEl.querySelector('.asst-empty-mascot');
     try {
-      const rig = mascotLib.createMascot(box, { width: 120, height: 60, active: rigsOn });
+      const rig = mascotLib.createMascot(box, { width: 120, height: 60 });
       hero = { rig, el: rig.el, box, parked: false, leaving: false, held: false, dock: null, egg: false, leaveTimer: 0 };
       hero.target = heroTarget(hero);
       wireEgg(hero);
     } catch { hero = null; }
+    // The project the conversation works in, under the lead: the host draws the picker (the brain
+    // picker's project field), so it and the toolbar's Working project are one control.
+    const projectSlot = emptyEl.querySelector('.asst-empty-project');
+    let picker = null;
+    try { picker = typeof hooks.mountEmptyProject === 'function' ? hooks.mountEmptyProject(projectSlot) : null; } catch { picker = null; }
+    projectSlot.hidden = !picker;
     renderSuggestions();
     $msgs.appendChild(emptyEl);
     // The host's "Starting…" character flies into place (not on replay or reduced motion).
@@ -2776,6 +2909,20 @@ export function createRenderer(transcriptEl, hooks = {}) {
     mascotChanged();
   }
 
+  /**
+   * The greeting SynaBun prepared for this return (public/shared/greeting/) takes the lead's place.
+   * The panel calls it once it knows the conversation is new: a restored one is never greeted.
+   */
+  function offerGreeting() {
+    const owner = emptyEl;
+    if (!owner || owner.dataset.greetingAsked === '1' || typeof hooks.greeting !== 'function') return;
+    owner.dataset.greetingAsked = '1';
+    const slot = owner.querySelector('.asst-empty-greet');
+    Promise.resolve().then(() => hooks.greeting(slot))
+      .then((greeting) => { if (greeting && emptyEl === owner) owner.classList.add('has-greeting'); })
+      .catch(() => { /* no greeting: the lead stays */ });
+  }
+
   function renderSuggestions() {
     if (!emptyEl) return;
     const host = emptyEl.querySelector('.asst-suggestions');
@@ -3101,6 +3248,9 @@ export function createRenderer(transcriptEl, hooks = {}) {
         // The card itself arrives as a control_request; its outcome is a line (the panel's card shows it live).
         if (ev.phase !== 'card') appendStatus(clarifyLine(ev), 'info');
         return true;
+      case 'synabun.automation':
+        upsertAutomation(ev);
+        return true;
       default:
         return false;
     }
@@ -3131,8 +3281,7 @@ export function createRenderer(transcriptEl, hooks = {}) {
 
   /**
    * The turn ended. `holdMs`: the panel plays a one-shot (success, error) on
-   * the character on screen, so its stage stays up that long before it folds
-   * and a parked hero waits as long before it fades.
+   * the character on screen, so its stage stays up that long before it folds.
    */
   function finishTurn({ holdMs = 0 } = {}) {
     flushStream(rootScope);
@@ -3154,7 +3303,7 @@ export function createRenderer(transcriptEl, hooks = {}) {
       rack.closed = true;
       if (rack.live || tail || rack === stage) renderRack(rack);
     }
-    if (hero?.parked) dismissHero(hold ? holdMs : 0);
+    if (hero?.parked) dismissHero();
   }
 
   /**
@@ -3224,6 +3373,7 @@ export function createRenderer(transcriptEl, hooks = {}) {
     scopes.clear();
     runCards.clear();
     routeLines.clear();
+    autoRows.clear();
     turnFrames = [];
     rootScope.stream = null;
     rootScope.kept = null;
@@ -3240,6 +3390,7 @@ export function createRenderer(transcriptEl, hooks = {}) {
     seen.clear();
     snapshot = null;
     waiting = null;
+    closeEmptyMenu();
     $msgs.innerHTML = '';
     emptyEl = null;
     followTail = true;
@@ -3264,6 +3415,7 @@ export function createRenderer(transcriptEl, hooks = {}) {
     registerRouteLine,
     removeRouteLine,
     getRouteLine: (routeId) => routeLines.get(routeId) || null,
+    upsertAutomation,
     getRunCard: (runId) => runCards.get(runId) || null,
     handleEvent,
     /** The live gate for an event (false: already drawn); registers what it lets through. */
@@ -3280,6 +3432,7 @@ export function createRenderer(transcriptEl, hooks = {}) {
     hideWorking,
     isWorkingShown: () => !!working?.isConnected,
     showEmpty,
+    offerGreeting,
     refreshEmpty: renderSuggestions,
     isEmpty: () => !!emptyEl,
     scrollEnd,
@@ -3287,7 +3440,6 @@ export function createRenderer(transcriptEl, hooks = {}) {
     md,
     /** The character on screen, for the panel's director: { kind, rig, el, hold(on), restore() } or null. */
     mascot: visibleMascot,
-    setRigsEnabled,
     /** What this turn did: real calls (not the prompt-time recall), whether the last one failed, a turn error. */
     turnStats: () => ({ calls: turn.calls, lastFailed: turn.last?.state === 'error', errored: turn.errored }),
     /** The text of the turn's last message at the root ('' when it folded into a rack or there was none). */

package/neural-interface/public/shared/assistant/asst-route-models.js

@@ -0,0 +1,108 @@
+// ═══════════════════════════════════════════
+// SynaBun Assistant — Model routes editor: where its model lists come from
+// ═══════════════════════════════════════════
+// The data side of the Routes editor (asst-route.js `openRoutesEditor`), kept
+// apart from its markup. No DOM is built here.
+//
+// One list per provider, the one every Assistant model menu shows:
+// loadModelCatalog() of asst-brain-picker.js, which is GET /api/assistant/catalog,
+// itself built from the lists the Claude, Codex and OpenCode panels' own
+// selectors read. Nothing here, and nothing in the editor, may keep a second
+// list of models: a label, a tier, a price or an effort level is read from the
+// catalog row each time it is drawn.
+
+import { catalogModelRow, loadModelCatalog, modelCatalogStatus, onModelCatalogChange } from './asst-brain-picker.js';
+import { routeTargetLabel } from './asst-state.js';
+
+/** The catalog as the editor opens: a new build, never the copy another menu loaded a minute ago. */
+export function loadRouteModels() {
+  return loadModelCatalog({ force: true });
+}
+
+/** Loading/partial state belongs to the same model source, without changing the catalog shape. */
+export function routeModelsStatus() { return modelCatalogStatus(); }
+
+/**
+ * The name shown for a saved route's model. The catalog's label for that id wins:
+ * a route keeps the label it was saved with, and an alias moves ("haiku" was
+ * Haiku 4.5, then Haiku 5.5). A model the catalog no longer lists (removed by its
+ * provider, hidden, or its provider is not answering) keeps the saved label,
+ * then its id, then the provider's name: never an empty name.
+ */
+export function routeModelLabel(pref, catalog) {
+  if (!pref || typeof pref !== 'object') return '';
+  const row = pref.provider && pref.model ? catalogModelRow(pref.provider, pref.model, catalog) : null;
+  const live = row?.label ? String(row.label).trim() : '';
+  return live || routeTargetLabel(pref);
+}
+
+/** What the editor draws from a catalog: when this is unchanged, there is nothing to redraw. */
+export function catalogSignature(catalog) {
+  if (!catalog || typeof catalog !== 'object') return '';
+  return JSON.stringify(Object.keys(catalog).sort().map(provider => [
+    provider,
+    (Array.isArray(catalog[provider]) ? catalog[provider] : []).map(m => [
+      m?.id, m?.label, m?.status ?? null, m?.vision ?? null, m?.outputs?.image ?? null, m?.outputs?.video ?? null,
+      (m?.efforts || []).join(','), m?.defaultEffort || '', m?.isDefault === true,
+    ]),
+  ]));
+}
+
+/**
+ * Keeps an open editor on the current lists. `apply(catalog)` is called with a
+ * newly loaded catalog whenever it differs from the last one applied:
+ *  - after a change event (a model hidden or shown, a provider listing other
+ *    models, an OpenCode provider connected or removed): a new build is asked;
+ *  - when the window is shown again: the catalog is read again, and reloaded
+ *    once its copy has aged out (no event tells a window that slept).
+ * Returns { seed(catalog), stop() }: seed with the catalog the editor loaded
+ * itself, stop when it closes. No timer runs while nothing changes.
+ */
+export function watchRouteModels(apply, {
+  load = loadModelCatalog,
+  subscribe = onModelCatalogChange,
+  doc = typeof document !== 'undefined' ? document : null,
+  delayMs = 150,
+  setTimer = setTimeout,
+  clearTimer = clearTimeout,
+} = {}) {
+  let stopped = false;
+  let timer = null;
+  let last = null;
+  let run = 0;
+
+  async function reload(force) {
+    const mine = ++run;
+    let catalog = null;
+    try { catalog = await load({ force }); } catch { return; }
+    if (stopped || mine !== run || !catalog) return;
+    const signature = catalogSignature(catalog);
+    if (signature === last) return;
+    last = signature;
+    try { apply(catalog); } catch { /* the editor's own failure */ }
+  }
+
+  // Several events for one change (a hide broadcasts twice) become one reload.
+  let pendingForce = false;
+  function schedule(force) {
+    if (stopped) return;
+    pendingForce = pendingForce || force;
+    if (timer != null) clearTimer(timer);
+    timer = setTimer(() => { timer = null; const f = pendingForce; pendingForce = false; reload(f); }, delayMs);
+  }
+
+  const unsubscribe = subscribe(() => schedule(true));
+  const onVisible = () => { if (doc?.visibilityState !== 'hidden') schedule(false); };
+  doc?.addEventListener?.('visibilitychange', onVisible);
+
+  return {
+    seed(catalog) { last = catalogSignature(catalog); },
+    stop() {
+      stopped = true;
+      if (timer != null) clearTimer(timer);
+      timer = null;
+      try { unsubscribe?.(); } catch { /* ignore */ }
+      doc?.removeEventListener?.('visibilitychange', onVisible);
+    },
+  };
+}