synabun 2.0.5 → 2.0.9

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

@@ -29,6 +29,9 @@ import { emit, on, state as appState } from '../state.js';
 import { storage } from '../storage.js';
 import { KEYS } from '../constants.js';
 import { t } from '../i18n.js';
+// The account words of the brain picker and the accounts manager (account-view.js) in the page's language.
+// Here, not in those modules: node tests load them, and i18n.js reads the page's storage.
+import '../account-i18n.js';
 import { forgetGreeting, mountGreeting } from '../greeting/greeting-card.js';
 import { notify, NOTIF_TYPE } from '../ui-notifications.js';
 import { getProviderMeta } from '../provider-icons.js';
@@ -51,7 +54,7 @@ import { createAgentsDock } from './asst-agents-dock.js';
 import { createUsageGauge } from './asst-usage.js';
 import { closeMenu, isMenuOpen, openMenu } from './asst-menu.js';
 import { createRouteModeControl, openModelsManager, openRoutesEditor, refreshModelsManager, renderRouteCard, routeModeLabel } from './asst-route.js';
-import { budgetChipText, budgetTone, openBudgetEditor } from './asst-budget.js';
+import { budgetChipText, budgetSpendText, budgetTone, closeBudgetEditor, createBudgetController, mountBudgetChip, openBudgetEditor } from './asst-budget.js';
 import { computerRemoteView, createComputerPanel, createComputerToggle, normalizeComputerRemote, openFrameLightbox, closeFrameLightbox, requestDesktopStop } from './asst-computer.js';
 import {
   applyLimit, applyLimitPacket, applyUsagePacket, brainLabel, createRenameWriter, createTabState, DEFAULT_ROUTE_MODE, deserializeTabState, fmtCost, fmtRunLine, limitExpiresIn, limitNoticeText, modelShortName,
@@ -61,7 +64,7 @@ import {
 import {
   closeAssistantSession, dispatchAssistantRun, escalateAssistantRun, focusAssistantRun, getAssistantRun,
   fetchManageCatalog, getAssistantRunResult, getAssistantSession, getAssistantSessionUsage, getDesktopStatus, getRouting, killAllAssistantRuns, removeAssistantRun, clearFinishedAssistantRuns,
-  listAssistantSessions, patchAssistantSession, patchHiddenModels, stopAssistantRun, uploadAssistantAttachment,
+  listAssistantSessions, patchAssistantSession, patchHiddenModels, setAdminSandbox, stopAssistantRun, uploadAssistantAttachment,
 } from './asst-api.js';
 
 const ICON_SESSIONS = '<svg viewBox="0 0 24 24"><path d="M3 6h18M3 12h18M3 18h12"/></svg>';
@@ -151,8 +154,9 @@ export function mountAssistant(viewport, { sessionId, brain, host = {}, session
     engine: '',
     sdkVersion: '',
     routing: null,                                 // server view { mode, effectiveMode, defaultMode, askBelow }
-    features: { routing: null, computer: null, testDensity: null, rename: null },   // null = unknown yet
+    features: { routing: null, computer: null, testDensity: null, rename: null, adminSandbox: null },   // null = unknown yet
     testDensityEffective: null,                    // server view: the level in effect
+    adminSandbox: null,                            // server view: the global Admin sandbox setting (every agent)
     brainCapabilities: null,
     computerEffective: st.computerUse === true,
     desktopSupported: null,
@@ -365,11 +369,11 @@ export function mountAssistant(viewport, { sessionId, brain, host = {}, session
   }
 
   function renderCost() {
-    // The server's budget view (brain + agents, the caps) when it sends one.
-    const budget = st.budget && Number.isFinite(Number(st.budget.totalUsd)) ? st.budget : null;
-    const total = budget ? Number(budget.totalUsd) : totalCost();
-    costEl.textContent = fmtCost(total);
-    costEl.hidden = !(total > 0);
+    // The confirmed SessionBudget includes both brain and worker spend.
+    const budget = st.budget && Number.isFinite(Number(st.budget.spentUsd)) ? st.budget : null;
+    const total = budget ? Number(budget.spentUsd) : totalCost();
+    costEl.textContent = budget ? budgetSpendText(budget, { t }) : fmtCost(total);
+    costEl.hidden = !budget && !(total > 0);
     const tone = budgetTone(budget);
     if (tone && tone !== 'ok') costEl.dataset.tone = tone;
     else delete costEl.dataset.tone;
@@ -379,6 +383,7 @@ export function mountAssistant(viewport, { sessionId, brain, host = {}, session
         ? tt('assistant.topbar.costSplit', 'Session {session} · agents {agents}', { session: fmtCost(st.costUsd || 0), agents: fmtCost(st.dispatchUsd) })
         : tt('assistant.topbar.cost', 'Session cost');
     costEl.setAttribute('data-tooltip', tip);
+    costEl.setAttribute('aria-label', `${tt('assistant.budget.title', 'Budget')}: ${tip}`);
   }
 
   function brainModelLabel() {
@@ -441,6 +446,12 @@ export function mountAssistant(viewport, { sessionId, brain, host = {}, session
   });
 
   // ── Renderer ──
+  let emptyBudgetChip = null;
+  const budgetController = createBudgetController({ t, sessionId, onSaved: (data) => {
+    if (destroyed) return;
+    if (data?.session) st.budget = data.session;
+    renderCost();
+  } });
   const renderer = createRenderer(transcriptEl, {
     t,
     providerIcon,
@@ -463,6 +474,16 @@ export function mountAssistant(viewport, { sessionId, brain, host = {}, session
     emptySuggestions: () => emptySuggestions(),
     // "Choose a project" in the empty state is the toolbar's Working project field (asst-brain-picker.js).
     mountEmptyProject: (slot) => picker.mountEmptyProject(slot),
+    mountEmptyBudget: (slot) => {
+      emptyBudgetChip?.destroy();
+      emptyBudgetChip = mountBudgetChip(slot, budgetController, { t, mascot: () => director });
+      return emptyBudgetChip.el;
+    },
+    unmountEmptyControls: () => {
+      picker.mountEmptyProject(null);
+      emptyBudgetChip?.destroy();
+      emptyBudgetChip = null;
+    },
     onSuggestion: (template) => composer.fillTemplate(template),
     heroOrigin: () => { try { return host.takeHeroOrigin?.() || null; } catch { return null; } },
     onMascotChange: () => director?.retarget(),
@@ -549,7 +570,9 @@ export function mountAssistant(viewport, { sessionId, brain, host = {}, session
   // Model · effort · permission mode · account sit in the composer row next to attach; project and MCP in the toolbar.
   const picker = createBrainPicker({ brain: composer.el.querySelector('.asst-composer-brain'), context: barGroups.context }, {
     t,
+    mascot: () => director,
     getBrain: () => st.brain,
+    getRunning: () => st.running,
     onChange: (next, meta) => applyBrain(next, meta),
     onAddAccount: (provider) => openAccountsManager({ provider, ...accountHooks() }).openAdd(),
     onManageAccounts: (provider) => openAccountsManager({ provider, ...accountHooks() }),
@@ -561,6 +584,9 @@ export function mountAssistant(viewport, { sessionId, brain, host = {}, session
     // Test density sits right after the permission mode; hidden on a server that does not know it.
     getTestDensity: () => testDensityView(),
     onTestDensity: (level) => setTestDensity(level),
+    // The global Admin sandbox switch, in the permission menu; hidden on a server that does not serve it.
+    getAdminSandbox: () => adminSandboxView(),
+    onAdminSandbox: (enabled) => changeAdminSandbox(enabled),
     // The registered projects arrived: their labels name the project in the fields and the "Fix … in" suggestion.
     onProjects: () => { picker.render(); renderer.refreshEmpty(); },
   });
@@ -625,7 +651,10 @@ export function mountAssistant(viewport, { sessionId, brain, host = {}, session
   function fetchUsage() {
     const seq = ++usageFetchSeq;
     getAssistantSessionUsage(sessionId).then((data) => {
-      if (!destroyed && seq === usageFetchSeq && data?.ok && data.usage) applyUsage(data.usage);
+      if (!destroyed && seq === usageFetchSeq && data?.ok) {
+        if (data.budget) budgetController.receiveSession(data.budget);
+        if (data.usage) applyUsage(data.usage);
+      }
     }).catch(() => { /* older servers do not expose usage */ });
   }
   function applyUsage(packet) {
@@ -813,6 +842,9 @@ export function mountAssistant(viewport, { sessionId, brain, host = {}, session
       case 'assistant:mailbox':
         renderer.appendMailbox(packet.items || packet.events || packet.mailbox || []);
         return;
+      case 'assistant:budget':
+        budgetController.receiveSession(packet.budget);
+        return;
       case 'assistant:cost':
         applyCost(packet);
         return;
@@ -885,7 +917,7 @@ export function mountAssistant(viewport, { sessionId, brain, host = {}, session
     if (session != null) st.costUsd = session;
     else if (!packet?.runId && num(packet?.costUsd) != null) st.costUsd = num(packet.costUsd);
     if (num(packet?.dispatchUsd) != null) st.dispatchUsd = num(packet.dispatchUsd);
-    if (packet?.budget && typeof packet.budget === 'object') st.budget = packet.budget;
+    if (packet?.budget && typeof packet.budget === 'object') budgetController.receiveSession(packet.budget);
     if (typeof packet?.brainMetered === 'boolean') st.brainMetered = packet.brainMetered;
     if (packet?.runId && num(packet.costUsd) != null) dock.patchRun(packet.runId, { costUsd: num(packet.costUsd) });
     if (session != null) st.serverCost = true;
@@ -905,7 +937,7 @@ export function mountAssistant(viewport, { sessionId, brain, host = {}, session
       const next = normalizeBrain({ ...st.brain, provider: meta.brain, model: meta.model ?? st.brain.model, effort: meta.effort ?? st.brain.effort, accountId: meta.accountId ?? st.brain.accountId, mcpProfile: meta.mcpProfile ?? st.brain.mcpProfile, project: meta.cwd ?? st.brain.project });
       if (JSON.stringify(next) !== JSON.stringify(st.brain)) { st.brain = next; picker.render(); host.setBrain?.(next); persist(); }
     }
-    if (meta.budget && typeof meta.budget === 'object') st.budget = meta.budget;
+    if (meta.budget && typeof meta.budget === 'object') budgetController.receiveSession(meta.budget);
     if (Number.isFinite(Number(meta.costUsd))) { st.costUsd = Number(meta.costUsd); renderCost(); }
     if (meta.providerSessionId) st.providerSessionId = meta.providerSessionId;
     if (meta.routing && typeof meta.routing === 'object') {
@@ -922,7 +954,9 @@ export function mountAssistant(viewport, { sessionId, brain, host = {}, session
       if (typeof meta.features.computer === 'boolean') st.features.computer = meta.features.computer;
       if (typeof meta.features.testDensity === 'boolean') st.features.testDensity = meta.features.testDensity;
       if (typeof meta.features.rename === 'boolean') st.features.rename = meta.features.rename;
+      if (typeof meta.features.adminSandbox === 'boolean') st.features.adminSandbox = meta.features.adminSandbox;
     }
+    if (typeof meta.adminSandbox === 'boolean') st.adminSandbox = meta.adminSandbox;
     if ('testDensityExplicit' in meta) st.testDensity = normalizeTestDensity(meta.testDensityExplicit, null);
     if (meta.testDensity) st.testDensityEffective = normalizeTestDensity(meta.testDensity);
     if (typeof meta.computerUse === 'boolean') st.computerEffective = meta.computerUse;
@@ -1038,6 +1072,31 @@ export function mountAssistant(viewport, { sessionId, brain, host = {}, session
     if (!quiet) renderer.appendStatus(tt('assistant.status.testDensity', 'Test density: {level}', { level: testDensityLabel(next, t) }));
   }
 
+  /** The global Admin sandbox setting (true / false), or null while the server does not serve it. */
+  function adminSandboxView() {
+    if (st.features.adminSandbox !== true || typeof st.adminSandbox !== 'boolean') return null;
+    return st.adminSandbox;
+  }
+
+  /** Every agent SynaBun starts follows it; every window hears the change (sync:agents:admin-sandbox-changed). */
+  async function changeAdminSandbox(enabled) {
+    const before = st.adminSandbox;
+    st.adminSandbox = enabled === true;
+    picker.render();
+    try {
+      const view = await setAdminSandbox(st.adminSandbox);
+      if (typeof view?.adminSandbox === 'boolean') st.adminSandbox = view.adminSandbox;
+      picker.render();
+      renderer.appendStatus(st.adminSandbox
+        ? tt('assistant.adminSandbox.statusOn', 'Admin sandbox: on. On Windows, Codex may ask for administrator approval once per account to set up its sandbox.')
+        : tt('assistant.adminSandbox.statusOff', 'Admin sandbox: off. No agent SynaBun starts asks for administrator approval for a sandbox.'));
+    } catch (err) {
+      st.adminSandbox = before;
+      picker.render();
+      toast(err?.message || String(err));
+    }
+  }
+
   /** Fresh tabs inherit the last-used test density (like the route mode). */
   function applyLastUsedTestDensity() {
     if (saved || st.features.testDensity !== true || st.testDensity != null) return;
@@ -1468,13 +1527,13 @@ export function mountAssistant(viewport, { sessionId, brain, host = {}, session
     if (meta.silent) return;
     if (meta.requiresSwitch) {
       const b = st.brain;
-      sock.send({ type: 'switch_brain', brain: b.provider, model: b.model || undefined, effort: b.effort || undefined, accountId: b.accountId || undefined, mcpProfile: b.mcpProfile || undefined, cwd: b.project || undefined, agent: b.agent || undefined, permissionMode: b.permissionMode, planMode: b.planMode === true });
+      if (!meta.restartBrain) sock.send({ type: 'switch_brain', brain: b.provider, model: b.model || undefined, effort: b.effort || undefined, accountId: b.accountId || undefined, mcpProfile: b.mcpProfile || undefined, cwd: b.project || undefined, agent: b.agent || undefined, permissionMode: b.permissionMode, planMode: b.planMode === true });
       renderer.appendDivider(`${tt('assistant.status.brain', 'brain')} → ${brainLabel(b)}`);
       renderer.forgetSeen(); // the new brain's ids start over
     } else if (before.permissionMode !== st.brain.permissionMode || !!before.planMode !== !!st.brain.planMode) {
       sock.send({ type: 'set_permission_mode', mode: st.brain.permissionMode, planMode: st.brain.planMode === true });
     }
-    patchAssistantSession(sessionId, { brain: st.brain }).catch((err) => {
+    patchAssistantSession(sessionId, { brain: st.brain, ...(meta.restartBrain ? { restartBrain: true } : {}) }).catch((err) => {
       // Refused (a model disabled in Assistant → Models): undo, so the refused
       // brain is neither shown nor saved as the last used one — the next start
       // would ask for it again. A brain switch already got the error on the socket.
@@ -1653,7 +1712,7 @@ export function mountAssistant(viewport, { sessionId, brain, host = {}, session
     items.push({ id: 'compact', label: tt('assistant.topbar.compact', 'Compact context'), onSelect: () => compact() });
     if (routingAvailable()) items.push({ id: 'routes', label: tt('assistant.routes.editor', 'Model routes…'), icon: ICON_ROUTE, onSelect: () => openRoutes() });
     items.push({ id: 'models', label: tt('assistant.models.menu', 'Models…'), onSelect: () => openModels() });
-    items.push({ id: 'budget', label: tt('assistant.budget.menu', 'Budget…'), desc: st.budget ? `${fmtCost(st.budget.totalUsd) || '$0.00'} / ${fmtCost(st.budget.hardUsd)}` : '', onSelect: () => openBudget() });
+    items.push({ id: 'budget', label: tt('assistant.budget.menu', 'Budget…'), desc: budgetSpendText(st.budget, { t }), onSelect: () => openBudget() });
     items.push({ id: 'clear', label: tt('assistant.topbar.clear', 'Clear transcript'), onSelect: () => clearTranscript() });
     items.push({ id: 'help', label: tt('assistant.topbar.helpShortcuts', 'Help & shortcuts'), onSelect: () => openHelp() });
     items.push({ kind: 'separator' });
@@ -1707,12 +1766,12 @@ export function mountAssistant(viewport, { sessionId, brain, host = {}, session
     }
   }
 
-  // Assistant → Budget: the money caps (applied live by the server).
+  // Assistant → Budget: one saved amount plus the current session's live split.
   function openBudget() {
     openBudgetEditor({
       t,
       sessionId,
-      brainMetered: st.brainMetered !== false && st.brain?.provider !== 'codex',
+      controller: budgetController,
       onToast: toast,
       onSaved: (res) => { if (res?.session) { st.budget = res.session; renderCost(); } },
     }).catch(() => {});
@@ -1821,6 +1880,8 @@ export function mountAssistant(viewport, { sessionId, brain, host = {}, session
 
   // ── Bus ──
   unsubs.push(on('sync:assistant:session-updated', (msg) => { const s = msg?.session || msg; if (s?.id === sessionId) applySessionMeta(s); }));
+  unsubs.push(on('sync:assistant:budget', (msg) => { if ((msg?.assistantSessionId || msg?.sessionId) === sessionId) budgetController.receiveSession(msg.budget); }));
+  unsubs.push(on('sync:assistant:budget-changed', () => budgetController.load()));
   unsubs.push(on('sync:assistant:cost', (msg) => { if (!msg?.assistantSessionId || msg.assistantSessionId === sessionId) applyCost(msg); }));
   unsubs.push(on('sync:assistant:mailbox', (msg) => { if (msg?.assistantSessionId === sessionId) renderer.appendMailbox(msg.items || msg.events || []); }));
   unsubs.push(on('sync:assistant:permission-request', (msg) => {
@@ -1849,6 +1910,12 @@ export function mountAssistant(viewport, { sessionId, brain, host = {}, session
     st.routing = { ...(st.routing || {}), defaultMode: def, effectiveMode: st.routeMode || def };
     routeChip.render();
   }));
+  // The global Admin sandbox setting changed in some window (this one included): every panel shows it.
+  unsubs.push(on('sync:agents:admin-sandbox-changed', (msg) => {
+    if (typeof msg?.adminSandbox !== 'boolean' || msg.adminSandbox === st.adminSandbox) return;
+    st.adminSandbox = msg.adminSandbox;
+    picker.render();
+  }));
   unsubs.push(on('session:info', () => updateGuest()));
   unsubs.push(on('permissions:changed', () => updateGuest()));
 
@@ -1891,6 +1958,7 @@ export function mountAssistant(viewport, { sessionId, brain, host = {}, session
     sock.connect();
   });
   fetchUsage();
+  budgetController.load();
 
   const controller = {
     sessionId,
@@ -1934,6 +2002,9 @@ export function mountAssistant(viewport, { sessionId, brain, host = {}, session
       if (persistTimer) { clearTimeout(persistTimer); persistTimer = null; }
       clearTimeout(announceTimer);
       if (replay) { clearTimeout(replay.timer); replay = null; }
+      closeBudgetEditor(budgetController);
+      emptyBudgetChip?.destroy();
+      budgetController.destroy();
       director.destroy();
       usage.destroy();
       clearTimeout(limitTimer);

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

@@ -228,6 +228,7 @@ export function updateRunCard(card, run, opts = {}) {
       const r = run.route;
       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 === 'budget' || r.source === 'budget') routeBits.push(t('assistant.routes.budgetDecision', 'budget re-route'));
       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', '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))}%`);
@@ -548,8 +549,10 @@ export function createRenderer(transcriptEl, hooks = {}) {
 
   /** 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();
+    for (const btn of emptyEl?.querySelectorAll('.asst-empty-project-btn') || []) {
+      if (isMenuOpen(btn)) closeMenu();
+    }
+    hooks.unmountEmptyControls?.();
   }
 
   // ── The hero ──
@@ -2689,7 +2692,12 @@ export function createRenderer(transcriptEl, hooks = {}) {
 
   function upsertRunCard(run, { result = null } = {}) {
     if (!run?.runId) return null;
-    runInfo.set(run.runId, { ...runInfo.get(run.runId), title: run.title || run.task || runInfo.get(run.runId)?.title, state: run.status || runInfo.get(run.runId)?.state, provider: run.provider });
+    const prev = runInfo.get(run.runId);
+    const status = run.status || prev?.state;
+    const tone = status ? runTone({ ...run, status }) : '';
+    const routeId = run.route?.routeId || prev?.routeId || '';
+    runInfo.set(run.runId, { ...prev, title: run.title || run.task || prev?.title, state: status, provider: run.provider, routeId, working: tone === 'running' || tone === 'queued' });
+    if (routeId) syncRouteLive(routeId);
     const cardOpts = runCardOpts(result);
     let card = runCards.get(run.runId);
     if (card && card.isConnected) {
@@ -2745,21 +2753,42 @@ export function createRenderer(transcriptEl, hooks = {}) {
     return { phase, t: hooks.t, providerIcon: hooks.providerIcon, brainLabel: hooks.brainLabel, onChangeRoutes: hooks.onChangeRoutes };
   }
 
-  /** Create or update the line for `route.routeId` in place. */
+  /** Create or update the line for `route.routeId` in place. Only a new line enters (never on replay). */
   function upsertRouteLine(route, phase = 'decided') {
     const routeId = route?.routeId;
     if (!routeId) return null;
     const existing = routeLines.get(routeId);
-    if (existing && existing.el.isConnected) { existing.update(route, phase); return existing; }
+    if (existing && existing.el.isConnected) { existing.update(route, phase); syncRouteLive(routeId); return existing; }
     const line = createRouteLine(route, routeLineOpts(phase));
     routeLines.set(routeId, line);
     append(line.el);
+    syncRouteLive(routeId);
+    enterRow(line.el);
     return line;
   }
 
   /** Adopt a line created by a collapsing route card so later events update it. */
   function registerRouteLine(routeId, line) {
-    if (routeId && line) routeLines.set(routeId, line);
+    if (!routeId || !line) return;
+    const fresh = routeLines.get(routeId) !== line;
+    routeLines.set(routeId, line);
+    syncRouteLive(routeId);
+    if (fresh && line.el?.isConnected) enterRow(line.el);
+  }
+
+  /** The line is live while a run it dispatched is queued or working (run cards keep runInfo current). */
+  function syncRouteLive(routeId) {
+    const line = routeLines.get(routeId);
+    if (!line?.setRunning) return;
+    let working = false;
+    for (const info of runInfo.values()) if (info.routeId === routeId && info.working) { working = true; break; }
+    line.setRunning(working);
+  }
+
+  /** A new row's entrance: the rack ledger's (4px rise and fade, --asst-dur-fast, --asst-ease-enter); none when calm. */
+  function enterRow(node) {
+    if (calm() || typeof node?.animate !== 'function') return;
+    node.animate([{ opacity: 0, transform: 'translateY(4px)' }, { opacity: 1, transform: 'none' }], { duration: 140, easing: cssEase('--asst-ease-enter', 'cubic-bezier(0,0,.38,.9)') });
   }
 
   function removeRouteLine(routeId) {
@@ -2899,7 +2928,9 @@ export function createRenderer(transcriptEl, hooks = {}) {
     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;
+    let budget = null;
+    try { budget = hooks.mountEmptyBudget?.(projectSlot); } catch { /* unavailable */ }
+    projectSlot.hidden = !picker && !budget;
     renderSuggestions();
     $msgs.appendChild(emptyEl);
     // The host's "Starting…" character flies into place (not on replay or reduced motion).

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

@@ -22,6 +22,8 @@ import { catalogModelRow, fmtModelPrice, hiddenModelFor, ICON_CARET, invalidateM
 // The Routes editor's model lists (where they come from, how they stay current): asst-route-models.js.
 import { closeMenu, isMenuOpen, openMenu } from './asst-menu.js';
 import { decorateControlHead } from './asst-control.js';
+import { accountSummary } from '../account-view.js';
+import { accountUsageText, autoAccountLabel } from '../account-usage.js';
 import {
   DEFAULT_ROUTE_MODE,
   fmtConfidence,
@@ -39,6 +41,18 @@ function obj(v) { return v && typeof v === 'object' && !Array.isArray(v) ? v : n
 function arr(v) { return Array.isArray(v) ? v : []; }
 function firstStr(...values) { for (const v of values) { const s = str(v); if (s) return s; } return ''; }
 
+export function routeDisplayAccount(target, t = null) {
+  if (target?.accountId === 'auto') return autoAccountLabel(t);
+  if (target?.account) return [accountSummary(target.account, target.provider === 'codex' ? 'codex' : 'claude'), accountUsageText(target.account, t)].join(' · ');
+  return target?.accountId ? tf(t)('assistant.routes.account.removed', '{id} · account removed', { id: target.accountId }) : '';
+}
+function routeAccountError(error, t) {
+  if (error?.code === 'ACCOUNT_NO_SUBSCRIPTION') return tf(t)('assistant.accountUsage.noSubscription', 'Auto requires a signed-in subscription account.');
+  return error?.code === 'ACCOUNT_NOT_FOUND'
+    ? tf(t)('assistant.routes.account.removedHint', 'Account removed. Save another account choice before running this route.')
+    : tf(t)('assistant.routes.account.signedOut', 'Signed out. Sign in from the provider account menu before running this route.');
+}
+
 /** Local translator: hooks.t when it resolves, else the fallback with {param} interpolation. */
 function tf(t) {
   return (key, fallback, params) => {
@@ -93,6 +107,7 @@ function normalizeRouteOption(o) {
     provider: normalizeProvider(src.provider, str(src.provider) || null),
     model: str(src.model),
     effort: str(src.effort) || null,
+    ...(Object.hasOwn(src, 'accountId') ? { accountId: src.accountId, account: obj(src.account), accountError: obj(src.accountError) } : {}),
     label: str(src.label),
     badge: str(src.badge) || null,
     tier: str(src.tier) || null,
@@ -101,6 +116,7 @@ function normalizeRouteOption(o) {
     contextWindow: num(src.contextWindow),
     reason: str(src.reason),
     warning: str(src.warning) || null,
+    budget: str(src.budget) || null,
     disabled: src.disabled === true,
     disabledReason: str(src.disabledReason) || null,
   };
@@ -174,7 +190,7 @@ export function sameRouteTarget(a, b) {
   return (str(a.kind) || 'direct') === (str(b.kind) || 'direct')
     && str(a.provider) === str(b.provider)
     && modelKey(a.model) === modelKey(b.model)
-    && (str(a.effort) || '') === (str(b.effort) || '');
+    && (str(a.effort) || '') === (str(b.effort) || '') && str(a.accountId) === str(b.accountId);
 }
 
 const BADGE_RANK = { suggested: 0, remembered: 1, current: 2, capable: 3, cheaper: 4, stronger: 5 };
@@ -269,6 +285,7 @@ export function routeOptions(n, { brainLabel = '', t = null } = {}) {
       // "here" is the brain's own model: prefer its display label over a raw id.
       title: isHere ? tr('assistant.routes.doHere', 'Do it here with {model}', { model: str(o.label) || hereModel }) : (label || o.id),
       badgeText: badgeText(o, n, tr),
+      disabledReason: o.budget === 'share_used_up' ? routeBudgetReason({ provider: o.provider }, t) : o.disabledReason,
       selected: o.id === defaultId,
     };
   });
@@ -350,6 +367,16 @@ export function routeCatalogRow(pref, catalog) {
   return pref.model ? catalogModelRow(pref.provider, pref.model, catalog) || aliasRow(pref.provider, pref.model, rows) : rows.find(m => m.isDefault) || null;
 }
 
+/** Budget messages are UI copy; never show the server's English disabledReason. */
+export function routeBudgetReason({ provider, dry } = {}, t) {
+  const tr = tf(t), names = { 'claude-code': 'Claude Code', codex: 'Codex', opencode: 'OpenCode' };
+  if (provider) return tr('assistant.routes.budgetProvider', "Budget: the {provider} share of this session's budget is used up.", { provider: names[provider] || provider });
+  const list = [...new Set(arr(dry))].map(id => names[id] || id);
+  if (!list.length) return tr('assistant.routes.budgetSpent', "Budget: this session's budget is spent.");
+  return tr(list.length === 1 ? 'assistant.routes.budgetDryOne' : 'assistant.routes.budgetDryMany',
+    list.length === 1 ? 'Budget: the {list} share is used up.' : 'Budget: the {list} shares are used up.', { list: list.join(', ') });
+}
+
 /** Text parts of a route line (pure). */
 export function routeLineParts(route, phase = 'decided', { brainLabel = '', t = null } = {}) {
   const tr = tf(t);
@@ -366,10 +393,12 @@ export function routeLineParts(route, phase = 'decided', { brainLabel = '', t =
   else if (phase === 'declined' && str(r.reasonCode) === 'no_capable_model') {
     state = str(r.needs) === 'vision' ? tr('assistant.routes.reason.noSeeingModel', 'no model can see images') : tr('assistant.routes.reason.noCapableModel', 'no model can make this');
   }
+  else if (str(r.reasonCode) === 'budget_exhausted') state = routeBudgetReason({ dry: r.dry }, t);
   else if (phase === 'declined') state = tr('assistant.routes.state.declined', 'declined');
   else if (phase === 'cancelled') state = tr('assistant.routes.state.cancelled', 'cancelled');
   let decided = '';
-  switch (str(r.decidedBy)) {
+  switch (r.source === 'budget' ? 'budget' : str(r.decidedBy)) {
+    case 'budget': decided = tr('assistant.routes.budgetDecision', 'budget re-route'); break;
     case 'brain': decided = tr('assistant.routes.decidedBy', 'decided by {model}', { model: brainLabel || tr('assistant.routes.theBrainLower', 'the assistant') }); break;
     case 'user': decided = tr('assistant.routes.youChose', 'you chose'); break;
     case 'remembered': decided = tr('assistant.routes.remembered', 'your saved choice'); break;
@@ -377,6 +406,8 @@ export function routeLineParts(route, phase = 'decided', { brainLabel = '', t =
     default: decided = r.remembered ? tr('assistant.routes.remembered', 'your saved choice') : '';
   }
   const meta = [];
+  const accountLabel = routeDisplayAccount(target, t);
+  if (accountLabel) meta.push(accountLabel);
   if (effort && effort !== 'off') meta.push(effort);
   if (confidence) meta.push(confidence);
   return {
@@ -390,7 +421,7 @@ export function routeLineParts(route, phase = 'decided', { brainLabel = '', t =
     muted: phase === 'expired' || phase === 'declined' || phase === 'cancelled',
     pending: phase === 'pending' || phase === 'card',
     decidedText: decided,
-    reason: str(r.reason),
+    reason: target?.accountError ? routeAccountError(target.accountError, t) : str(r.reason),
     alternatives: arr(r.alternatives).map(a => routeTargetLabel(a, { effort: true })).filter(Boolean),
     corrections: arr(r.corrections).map(c => correctionText(c, tr)).filter(Boolean),
   };
@@ -400,9 +431,15 @@ export function routeLineParts(route, phase = 'decided', { brainLabel = '', t =
 function correctionText(c, tr) {
   if (typeof c === 'string') return c;
   if (!c || typeof c !== 'object') return '';
+  if (['account_auto', 'account_limited', 'accounts_all_limited'].includes(c.reason) && c.usage) {
+    const key = c.reason === 'account_auto' ? 'autoPicked' : c.reason === 'account_limited' ? 'fallbackPicked' : 'allLimitedPicked';
+    const fallbacks = { autoPicked: 'Auto chose {to}: {usage}', fallbackPicked: '{from} out of usage → {to}: {usage}', allLimitedPicked: 'All subscriptions limited; soonest reset → {to}: {usage}' };
+    const text = tr(`assistant.accountUsage.${key}`, fallbacks[key], { from: str(c.from), to: str(c.to), usage: accountUsageText({ mode: 'subscription', usage: c.usage }, (key, params) => tr(key, key, params)) });
+    return text + (c.workerForAccount ? ' · ' + tr('assistant.accountUsage.directWorkerHint', 'Runs on a worker because this conversation belongs to another account.') : '');
+  }
   if (c.reason === 'remembered_route') return tr('assistant.routes.correction.remembered', 'your saved route {to} replaced {from}', { to: str(c.to), from: str(c.from) });
   if (c.reason === 'remembered_disabled') return tr('assistant.routes.correction.rememberedDisabled', 'saved route {from} is disabled, kept the pick', { from: str(c.from) });
-  const text = firstStr(c.text, c.summary);
+  const text = firstStr(c.text, c.summary, c.message);
   if (text) return text;
   if (c.field && (c.from || c.to)) return `${c.field}: ${str(c.from) || '—'} → ${str(c.to) || 'default'}`;
   return str(c.field);
@@ -416,6 +453,14 @@ export function routeLineText(route, phase, opts) {
   return [`⇄ ${p.taskClass} → ${head}`, ...p.meta].join(' · ');
 }
 
+/** Everything the one-line row can cut short (meta, state included): its tooltip. */
+export function routeLineTitle(route, phase, opts) {
+  const p = routeLineParts(route, phase, opts);
+  const tail = [p.kindLabel, p.targetLabel, ...p.meta, p.stateText].filter(Boolean).join(' · ');
+  if (!tail) return `⇄ ${p.taskClass}`;
+  return `⇄ ${p.taskClass} ${p.kindLabel || p.targetLabel ? '→' : '·'} ${tail}`;
+}
+
 // ═══════════════════════════════════════════
 // DOM
 // ═══════════════════════════════════════════
@@ -449,8 +494,12 @@ function providerColor(provider) {
 let _lineUid = 0;
 
 /**
- * The compact route line. opts: { phase, t, providerIcon, brainLabel() , onChangeRoutes() }
- * Returns { el, routeId, update(route, phase) }.
+ * The compact route line, always one line: the glyph, arrow, kind and mark
+ * hold; the rest (model · account · usage, or the state) gives way first,
+ * then the class; the title has it all. data-live: "waiting" while it waits
+ * for a choice, "working" while a run it dispatched is (setRunning).
+ * opts: { phase, t, providerIcon, brainLabel() , onChangeRoutes() }
+ * Returns { el, routeId, update(route, phase), setRunning(on) }.
  */
 export function createRouteLine(route, opts = {}) {
   const tr = tf(opts.t);
@@ -458,20 +507,19 @@ export function createRouteLine(route, opts = {}) {
   const detailId = `asst-route-detail-${++_lineUid}`;
   node.innerHTML = `
     <button type="button" class="asst-route-line-head" aria-expanded="false" aria-controls="${detailId}">
-      <span class="asst-route-glyph" aria-hidden="true">⇄</span>
+      <span class="asst-route-glyph asst-icon" aria-hidden="true">${ICON_ROUTE}</span>
       <span class="asst-route-class"></span>
       <span class="asst-route-arrow" aria-hidden="true">→</span>
       <span class="asst-route-kind"></span>
       <span class="asst-route-icon asst-icon" aria-hidden="true"></span>
-      <span class="asst-route-target"></span>
-      <span class="asst-route-meta"></span>
-      <span class="asst-route-state"></span>
+      <span class="asst-route-rest"><span class="asst-route-target"></span> <span class="asst-route-meta"></span> <span class="asst-route-state"></span></span>
       <span class="asst-route-chev" aria-hidden="true">&#x203A;</span>
+      <span class="asst-route-sweep" aria-hidden="true"></span>
     </button>
     <div class="asst-route-detail" id="${detailId}" hidden></div>`;
   const head = node.querySelector('.asst-route-line-head');
   const detail = node.querySelector('.asst-route-detail');
-  let current = { route: obj(route) || {}, phase: opts.phase || 'decided' };
+  let current = { route: obj(route) || {}, phase: opts.phase || 'decided', running: false };
 
   head.addEventListener('click', () => {
     const open = head.getAttribute('aria-expanded') !== 'true';
@@ -487,6 +535,8 @@ export function createRouteLine(route, opts = {}) {
     node.dataset.phase = current.phase;
     node.classList.toggle('muted', p.muted);
     node.classList.toggle('pending', p.pending);
+    const live = p.pending ? 'waiting' : current.running && !p.muted && !p.stateText ? 'working' : '';
+    if (live) node.dataset.live = live; else delete node.dataset.live;
     node.querySelector('.asst-route-class').textContent = p.taskClass;
     const arrow = node.querySelector('.asst-route-arrow');
     const kindEl = node.querySelector('.asst-route-kind');
@@ -494,7 +544,7 @@ export function createRouteLine(route, opts = {}) {
     const targetEl = node.querySelector('.asst-route-target');
     const metaEl = node.querySelector('.asst-route-meta');
     const stateEl = node.querySelector('.asst-route-state');
-    arrow.hidden = !p.targetLabel && !p.pending;
+    arrow.hidden = !p.targetLabel && !p.pending && !p.kindLabel;
     kindEl.textContent = p.kindLabel;
     kindEl.hidden = !p.kindLabel;
     iconEl.innerHTML = p.targetLabel ? providerIconHtml(p.provider, opts) : '';
@@ -506,7 +556,9 @@ export function createRouteLine(route, opts = {}) {
     metaEl.hidden = !p.meta.length;
     stateEl.textContent = p.stateText;
     stateEl.hidden = !p.stateText;
+    node.querySelector('.asst-route-rest').hidden = targetEl.hidden && metaEl.hidden && stateEl.hidden;
     head.setAttribute('aria-label', routeLineText(current.route, current.phase, { brainLabel, t: opts.t }));
+    head.title = routeLineTitle(current.route, current.phase, { brainLabel, t: opts.t });
 
     detail.innerHTML = '';
     const rows = [];
@@ -535,6 +587,12 @@ export function createRouteLine(route, opts = {}) {
       if (phase) current.phase = phase;
       render();
     },
+    /** A run this route dispatched is queued or working (the renderer knows from its run cards). */
+    setRunning(on) {
+      if (current.running === !!on) return;
+      current.running = !!on;
+      render();
+    },
   };
 }
 
@@ -705,7 +763,7 @@ export function renderRouteCard(container, input, hooks = {}) {
     row.setAttribute('aria-disabled', o.disabled ? 'true' : 'false');
     row.tabIndex = -1;
     const kindWord = o.kind && o.kind !== 'direct' ? routeKindLabel(o.kind) : '';
-    const sub = [kindWord, o.effort && o.effort !== 'off' ? o.effort : '', o.price ? priceText(o.price) : '', o.vision ? tr('assistant.brain.vision', 'vision') : '', o.reason].filter(Boolean).join(' · ');
+    const sub = [kindWord, routeDisplayAccount(o, hooks.t), o.effort && o.effort !== 'off' ? o.effort : '', o.price ? priceText(o.price) : '', o.vision ? tr('assistant.brain.vision', 'vision') : '', o.reason].filter(Boolean).join(' · ');
     row.innerHTML = `
       <span class="asst-route-num" aria-hidden="true">${esc(o.number)}</span>
       <span class="asst-route-opt-icon asst-icon" aria-hidden="true"${o.provider ? ` style="color:${esc(providerColor(o.provider))}"` : ''}>${providerIconHtml(o.provider, hooks)}</span>
@@ -718,7 +776,7 @@ export function renderRouteCard(container, input, hooks = {}) {
     row.querySelector('.asst-route-opt-title').textContent = o.title;
     if (sub) row.querySelector('.asst-route-opt-sub').textContent = sub;
     const warn = row.querySelector('.asst-route-opt-warn');
-    if (warn) warn.textContent = o.disabled && o.disabledReason ? o.disabledReason : o.warning;
+    if (warn) warn.textContent = o.accountError ? routeAccountError(o.accountError, hooks.t) : o.disabled && o.disabledReason ? o.disabledReason : o.warning;
     if (o.badgeText) row.querySelector('.asst-route-badge').textContent = o.badgeText;
     row.addEventListener('click', () => { if (!o.disabled) select(o.id, { focus: true }); });
     return row;