synabun 2.0.5 → 2.0.7

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;

package/neural-interface/public/shared/assistant/asst-routes-editor.js

@@ -1,6 +1,8 @@
 // Model routes: draft-only editor. All model data comes through asst-route-models.
 // The global default and saved preferences are written together only on Save.
-import { clampEffortId, getEffortLevelsForModel, modelEffortIds } from '../agent-runtime-options.js';
+import { clampEffortId, getEffortLevelsForModel, modelEffortIds, fetchClaudeAccounts, fetchCodexAccounts, getCachedClaudeAccounts, getCachedCodexAccounts, getClaudeWorkerAccountId, getCodexWorkerAccountId } from '../agent-runtime-options.js';
+import { accountSummary, accountName, accountBadge, accountIdentity } from '../account-view.js';
+import { accountUsageText, autoAccountLabel } from '../account-usage.js';
 import { getProviderMeta } from '../provider-icons.js';
 import { getRouting, putRouting } from './asst-api.js';
 import { catalogModelRow, hiddenModelFor, ICON_CARET, openModelMenu } from './asst-brain-picker.js';
@@ -30,7 +32,33 @@ function translator(t) {
     return typeof text === 'string' && text !== key ? text : String(fallback).replace(/\{(\w+)\}/g, (_, k) => params?.[k] ?? `{${k}}`);
   };
 }
-function choiceKey(p) { return p ? JSON.stringify([p.kind || 'direct', p.provider || '', p.model || '', p.effort || '']) : ''; }
+function choiceKey(p) { return p ? JSON.stringify([p.kind || 'direct', p.provider || '', p.model || '', p.effort || '', p.accountId || '']) : ''; }
+
+export function routeAccountView(pref, task, brain, accounts, workers = {}, t = null) {
+  const tr = translator(t);
+  const empty = { label: tr('assistant.routes.editorUnusedValue', '—'), readOnly: true, options: [], hint: '' };
+  if (!pref || pref.provider === 'opencode') return empty;
+  const direct = task.id === 'chat' || routeExecutionKind(pref, task, brain) === 'direct';
+  const provider = task.id === 'chat' ? brain.provider : pref.provider;
+  if (!['claude-code', 'codex'].includes(provider)) return empty;
+  const rows = accounts[provider] || [];
+  const providerView = provider === 'codex' ? 'codex' : 'claude';
+  const id = task.id === 'chat' ? brain.accountId || 'default' : pref.accountId || (direct ? brain.accountId || 'default' : null);
+  const selected = rows.find(a => a.id === id);
+  const missing = id && id !== 'auto' && !selected;
+  const removed = tr('assistant.routes.account.removed', '{id} · account removed', { id });
+  const warning = missing ? tr('assistant.routes.account.removedHint', 'Account removed. Save another account choice before running this route.') : selected?.signedIn === false ? tr('assistant.routes.account.signedOut', 'Signed out. Sign in from the provider account menu before running this route.') : '';
+  const worker = rows.find(a => a.id === (workers[provider] || 'default'));
+  const label = id === 'auto' ? autoAccountLabel(t) : selected ? accountSummary(selected, providerView) : missing ? removed : tr('assistant.routes.account.workersDefault', 'Workers default');
+  const options = [
+    { id: '', label: direct ? tr('assistant.routes.editorInConversation', 'This conversation') : tr('assistant.routes.account.workersDefault', 'Workers default'), desc: worker ? accountSummary(worker, providerView) : '', selected: !pref.accountId },
+    { id: 'auto', label: autoAccountLabel(t), desc: tr('assistant.accountUsage.autoHint', 'Signed-in subscriptions only. Another account runs on a worker.'), selected: id === 'auto' },
+    ...rows.map(a => ({ id: a.id, label: accountName(a, providerView), tag: accountBadge(a, providerView).text, desc: a.signedIn === false ? tr('assistant.routes.account.signedOut', 'Signed out. Sign in from the provider account menu before running this route.') : [accountIdentity(a), accountUsageText(a, t)].filter(Boolean).join(' · '), selected: !!pref.accountId && a.id === id })),
+  ];
+  return { label, readOnly: task.id === 'chat', options, warning, hint: warning || (selected ? `${label} · ${accountUsageText(selected, t)}` : label) };
+}
+
+export function routeModelAccount(pref, provider) { return pref?.provider === provider ? pref.accountId || null : null; }
 
 /** Only actual choices change the draft. Catalog label/by updates are not user edits. */
 export function routeEditorPatch(mode, initialMode, prefs, edits) {
@@ -307,7 +335,7 @@ export async function openRoutesEditor(hooks = {}) {
       const note = el('div', 'asst-routes-catalog-note'); note.setAttribute('role', 'status'); note.append(el('span', '', tr('assistant.routes.editorState.modelsFailed', 'Could not refresh the model list. Showing provider lists where available. Reload models to verify your choices.'))); table.append(note);
     } else if (!rowsOf(state.catalog).length) table.append(el('div', 'asst-routes-catalog-note', tr('assistant.routes.editorState.modelsEmpty', 'No models are available. Check Models or connect a provider, then reload.')));
     const columns = el('div', 'asst-routes-columns'); columns.setAttribute('aria-hidden', 'true');
-    for (const key of ['task', 'model', 'effort', 'run', 'reset']) columns.append(el('span', '', tr(`assistant.routes.columns.${key}`, key)));
+    for (const key of ['task', 'model', 'effort', 'run', 'account', 'reset']) columns.append(el('span', '', tr(`assistant.routes.columns.${key}`, key)));
     table.append(columns);
     const list = el('div', 'asst-routes-list');
     const taskList = tasks();
@@ -363,7 +391,7 @@ export async function openRoutesEditor(hooks = {}) {
           else if (target?.model) {
             const levels = modelEffortIds(catalogModelRow(target.provider, target.model, state.catalog));
             const effort = !pref?.effort ? null : levels ? clampEffortId(pref.effort, levels) : pref.provider === target.provider ? pref.effort : null;
-            setChoice(task.id, { kind: task.dispatchOnly ? 'dispatch' : pref?.kind || task.defaultKind || 'direct', provider: target.provider, model: target.model, effort, label: target.label || target.model }, modelBtn.dataset.focusKey);
+            setChoice(task.id, { kind: task.dispatchOnly ? 'dispatch' : pref?.kind || task.defaultKind || 'direct', provider: target.provider, model: target.model, effort, accountId: routeModelAccount(pref, target.provider), label: target.label || target.model }, modelBtn.dataset.focusKey);
           }
         },
       });
@@ -420,9 +448,20 @@ export async function openRoutesEditor(hooks = {}) {
     if (task.dispatchOnly) run.title = tr('assistant.routes.workerOnly', 'Worker only');
     else if (pref && pref.provider !== brain().provider && task.id !== 'chat') run.title = tr('assistant.routes.otherProviderWorker', 'A model from another provider runs on a worker.');
     const runCell = el('div', 'asst-routes-cell asst-routes-run-cell'); runCell.append(el('span', 'asst-routes-cell-label', tr('assistant.routes.columns.run', 'Runs in')), run); node.append(runCell);
+    const account = routeAccountView(pref, task, brain(), { 'claude-code': getCachedClaudeAccounts(), codex: getCachedCodexAccounts() }, { 'claude-code': getClaudeWorkerAccountId(), codex: getCodexWorkerAccountId() }, hooks.t);
+    const accountCell = el('div', 'asst-routes-cell asst-routes-account-cell');
+    const accountBtn = fieldButton('asst-routes-account', task, tr('assistant.routes.columns.account', 'Account'), account.label, () => {
+      state.menuFocus = `${task.id}-account`;
+      openMenuFor(accountBtn, tr('assistant.routes.columns.account', 'Account'), account.options.map(o => ({ ...o, kind: 'radio', onSelect: () => setChoice(task.id, { ...pref, accountId: o.id || null }, `${task.id}-account`) })));
+    });
+    accountBtn.dataset.focusKey = `${task.id}-account`; accountBtn.disabled = account.readOnly; accountBtn.title = account.hint;
+    if (!account.readOnly) caret(accountBtn);
+    if (account.warning) accountBtn.classList.add('asst-dd-warn');
+    accountCell.append(el('span', 'asst-routes-cell-label', tr('assistant.routes.columns.account', 'Account')), accountBtn); node.append(accountCell);
     const resetCell = el('div', 'asst-routes-reset-cell');
     if (pref) { const reset = button('asst-iconbtn asst-routes-reset', tr('assistant.routes.reset', 'Reset {taskClass}', { taskClass: task.label }), () => setChoice(task.id, null, `${task.id}-model`)); reset.dataset.focusKey = `${task.id}-reset`; reset.title = reset.getAttribute('aria-label'); reset.innerHTML = ICON_RESET; resetCell.append(reset); }
     node.append(resetCell);
+    if (account.warning) { const note = el('div', 'asst-routes-row-warning', account.warning); note.id = `${nameId}-account-warning`; accountBtn.setAttribute('aria-describedby', note.id); node.append(note); }
     if (capabilityNote) node.append(capabilityNote);
     if (issue) { description.hidden = true; node.querySelector('.asst-routes-row-note')?.remove(); const note = el('div', 'asst-routes-row-warning', issueText(issue, task)); note.title = note.textContent; note.id = `${nameId}-issue`; modelBtn.setAttribute('aria-describedby', `${source.id} ${note.id}`); modelBtn.title = `${label} — ${note.textContent}`; node.append(note); }
     if (task.id === 'chat' || task.id === 'vision') {
@@ -453,7 +492,7 @@ export async function openRoutesEditor(hooks = {}) {
     const pending = preserve ? changes() : {};
     state.loading = true; state.error = ''; state.modelsLoading = true; render();
     try {
-      const [data, result] = await Promise.all([getRouting(), loadRouteModels().then(catalog => ({ catalog })).catch(() => ({ catalog: state.catalog, error: true }))]);
+      const [data, result] = await Promise.all([getRouting(), loadRouteModels().then(catalog => ({ catalog })).catch(() => ({ catalog: state.catalog, error: true })), Promise.allSettled([fetchClaudeAccounts(true), fetchCodexAccounts(true)])]);
       if (!overlay.isConnected) return;
       state.data = data; state.version = data.version ?? null; state.initialMode = normalizeRouteMode(data.routing?.defaultMode, DEFAULT_ROUTE_MODE);
       state.mode = pending.defaultMode || state.initialMode; state.prefs = { ...(data.routing?.preferences || {}) }; state.patch = pending.preferences || {};
@@ -485,7 +524,7 @@ export async function openRoutesEditor(hooks = {}) {
 import { openMenu } from './asst-menu.js';
 function openMenuFor(anchor, title, items) {
   if (currentMenu()) { closeMenu({ restoreFocus: true }); return null; }
-  const menu = openMenu(anchor, { title, items, className: 'asst-route-field-menu', role: 'menu' });
+  const menu = openMenu(anchor, { title, items, className: `asst-route-field-menu${anchor.classList.contains('asst-routes-account') ? ' asst-route-account-menu' : ''}`, role: 'menu' });
   const overlay = anchor.closest('.asst-routes-overlay'); if (overlay) adoptMenu(menu, overlay); return menu;
 }
 function adoptMenu(menu, overlay) {

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

@@ -15,7 +15,7 @@ export const SLASH_COMMANDS = [
   { name: 'project', usage: '/project <path>', descKey: 'assistant.slash.project', desc: 'Set the working project' },
   { name: 'routes', usage: '/routes [always|unsure|never]', descKey: 'assistant.slash.routes', desc: 'Set when to ask before routing (or open the model routes)' },
   { name: 'models', usage: '/models [list | archived | hide <id…> | show <id…>]', descKey: 'assistant.slash.models', desc: 'Switch models off or on for the Assistant (or open the Models list)' },
-  { name: 'budget', usage: '/budget', descKey: 'assistant.slash.budget', desc: 'Set the money caps (per run, session, brain)' },
+  { name: 'budget', usage: '/budget', descKey: 'assistant.slash.budget', desc: 'Set the session budget and view provider shares' },
   { name: 'computer', usage: '/computer [on|off]', descKey: 'assistant.slash.computer', desc: 'Let the assistant use your Mac' },
   { name: 'stop', usage: '/stop [runId|all]', descKey: 'assistant.slash.stop', desc: 'Stop a run, everything, or the current turn' },
   { name: 'new', usage: '/new [provider]', descKey: 'assistant.slash.new', desc: 'Start a fresh session' },

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

@@ -181,7 +181,7 @@ export function resolveBrainDefaults(brain, catalog = {}) {
 
   if (ACCOUNT_PROVIDERS.has(b.provider)) {
     const accounts = catalog.accounts?.[b.provider] || [];
-    if (!b.accountId || (accounts.length && !accounts.some(a => a?.id === b.accountId))) {
+    if (!b.accountId || (b.accountId !== 'auto' && accounts.length && !accounts.some(a => a?.id === b.accountId))) {
       b.accountId = accounts.find(a => a?.isDefault)?.id || accounts[0]?.id || 'default';
     }
   } else {

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

@@ -367,10 +367,10 @@ export function injectAssistantStyles() {
     .asst-chip.asst-suggestion > .asst-icon svg { width: 20px; height: 14px; }
     .asst-chip.asst-suggestion > .asst-icon { color: var(--asst-text-3); }
     .asst-chip.asst-suggestion:is(:hover, :focus-visible) > .asst-icon { color: var(--asst-text); }
-    /* "Choose a project": the toolbar's Working project field, centred under the lead (asst-brain-picker.js mountEmptyProject). An md capsule like the suggestions. */
-    .asst-empty-project { display: flex; justify-content: center; max-width: 100%; }
-    .asst-dd.asst-empty-project-btn { max-width: min(100%, 360px); }
-    .asst-empty-project-btn .asst-dd-label { max-width: 30ch; }
+    /* Project and Budget: shared md capsules under the lead, like the suggestions. */
+    .asst-empty-project { display: flex; flex-wrap: wrap; gap: 6px; justify-content: center; max-width: 100%; }
+    .asst-dd.asst-empty-control-btn { max-width: min(100%, 360px); }
+    .asst-empty-control-btn .asst-dd-label { max-width: 30ch; }
     .asst-empty-project-key { flex-shrink: 0; color: var(--asst-text-3); font-weight: 400; }
 
     /* ── Messages ───────────────────────────────────────────────────── */
@@ -578,32 +578,61 @@ export function injectAssistantStyles() {
       color: var(--asst-text-2);
     }
 
-    /* ── Route lines ────────────────────────────────────────────────── */
+    /* ── Route lines ────────────────────────────────────────────────────
+       One line at any width, in the cards' column (the rack's 560px, no
+       hang): the glyph, arrow, kind and mark hold; the rest (model ·
+       account · usage, or the state) takes only the room left (flex-basis 0)
+       and ellipsizes first; the class gives way once the rest is down to
+       its "…". The head's title carries the whole text. */
     .asst-route-line { font-size: 12.5px; }
     .asst-route-line-head {
-      display: inline-flex;
+      position: relative;
+      display: flex;
       align-items: center;
       gap: 6px;
-      max-width: calc(100% + 8px);
+      width: fit-content;
+      max-width: min(100%, 560px);
+      min-width: 0;
       min-height: 26px;
-      margin-left: -8px;
       padding: 3px 8px;
+      overflow: hidden;
       border: 0;
       border-radius: var(--asst-r-ctl);
       background: transparent;
       color: var(--asst-text-2);
       font: inherit;
+      white-space: nowrap;
       text-align: left;
       cursor: pointer;
     }
     .asst-route-line-head:hover { background: var(--asst-fill-1); }
     .asst-route-glyph { color: var(--asst-brand); }
+    .asst-route-glyph svg, .asst-route-icon svg { width: 12px; height: 12px; }
+    .asst-route-glyph, .asst-route-arrow, .asst-route-kind, .asst-route-icon, .asst-route-chev { flex: none; }
     .asst-route-arrow, .asst-route-chev { color: var(--asst-text-4); }
     .asst-route-kind { color: var(--asst-text-3); font-size: 11.5px; }
-    .asst-route-icon svg { width: 12px; height: 12px; }
-    .asst-route-target { min-width: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: var(--asst-text); font-weight: 500; }
+    .asst-route-class { flex: 0 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; }
+    .asst-route-rest { flex: 1 1 0; min-width: 1.2em; overflow: hidden; text-overflow: ellipsis; color: var(--asst-text-3); }
+    .asst-route-target { color: var(--asst-text); font-weight: 500; }
     .asst-route-meta, .asst-route-state { flex-shrink: 0; color: var(--asst-text-3); white-space: nowrap; }
+    .asst-route-meta:not([hidden]) + .asst-route-state::before { content: '· '; color: var(--asst-text-3); }
     .asst-route-line.pending .asst-route-state { color: var(--asst-warn); }
+    /* Live: the rack's sweep (asst-rk-sweep, asst-rack-styles.js) on the row's bottom edge, gold while
+       a run it dispatched works (the mark ticks like the rack's running tick), the warn tone while it
+       waits for your choice. Settled rows hold still. */
+    .asst-route-sweep { position: absolute; left: 0; right: 0; bottom: 0; height: 1.5px; overflow: hidden; pointer-events: none; }
+    .asst-route-line[data-live] .asst-route-sweep::after {
+      content: '';
+      position: absolute;
+      top: 0;
+      bottom: 0;
+      left: 0;
+      width: 38%;
+      background: linear-gradient(90deg, transparent, var(--asst-brand), transparent);
+      animation: asst-rk-sweep 1.8s cubic-bezier(.45, 0, .55, 1) infinite;
+    }
+    .asst-route-line[data-live="waiting"] .asst-route-sweep::after { background: linear-gradient(90deg, transparent, var(--asst-warn), transparent); }
+    .asst-route-line[data-live="working"] .asst-route-icon { animation: asst-rk-tick 1.1s ease-in-out infinite; }
     .asst-route-line.muted .asst-route-glyph { color: var(--asst-text-4); }
     .asst-route-line.muted .asst-route-class { color: var(--asst-text-3); }
     .asst-route-chev { transition: transform var(--asst-dur-base) var(--asst-ease-standard); }
@@ -1079,6 +1108,11 @@ export function injectAssistantStyles() {
     /* Fields (toolbar and composer): glyph · seam · value ▾ */
     .asst-dd { flex: 0 1 auto; justify-content: flex-start; max-width: calc(18ch + 60px); }
     .asst-dd .asst-dd-label { min-width: 0; max-width: 18ch; overflow: hidden; text-overflow: ellipsis; }
+    .asst-dd-model .asst-dd-label.asst-model-account-label { display: flex; gap: 4px; max-width: 34ch; }
+    .asst-model-account-label :is(.asst-model-name, .asst-model-account) { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
+    .asst-model-account-label .asst-model-name { flex: 1 1 auto; }
+    .asst-model-account-label .asst-model-account { flex: 0 1 auto; min-width: 4ch; max-width: 12ch; }
+    .asst-model-account-label .asst-model-mode { flex-shrink: 0; }
     /* A display name ("Sonnet 5", a project) is sans; a raw model id (opus[1m]) is mono. */
     .asst-dd.asst-dd-model[data-raw] .asst-dd-label { font-family: var(--asst-mono); font-weight: 400; }
     .asst-dd-caret {
@@ -1503,11 +1537,50 @@ export function injectAssistantStyles() {
     .asst-account-label { color: var(--asst-text); }
     .asst-account-sub { color: var(--asst-text-3); font-size: 11px; }
     .asst-account-row input.asst-dd-input { margin: 0; }
+    /* Claude accounts (claude-account-view.js): what each runs on, its credentials and their actions. */
+    .asst-account-row.claude { flex-wrap: wrap; align-items: flex-start; }
+    .asst-account-row.claude .asst-account-main { flex-basis: 60%; }
+    .asst-account-head { display: flex; align-items: center; gap: 6px; min-width: 0; }
+    .asst-account-badge { flex-shrink: 0; padding: 1px 6px; border-radius: var(--asst-pill-r-xs); color: var(--asst-text-2); font-size: 10.5px; box-shadow: inset 0 0 0 1px var(--asst-line-2); }
+    .asst-account-badge[data-tone="ok"] { color: var(--asst-text); box-shadow: inset 0 0 0 1px var(--asst-pill-on-ring); }
+    .asst-account-badge[data-tone="warn"] { color: var(--asst-warn); box-shadow: inset 0 0 0 1px var(--asst-pill-warn-ring); }
+    .asst-account-creds { display: flex; flex-direction: column; gap: 2px; margin-top: 4px; color: var(--asst-text-3); font-size: 11px; }
+    .asst-account-cred { display: flex; align-items: center; gap: 6px; }
+    .asst-account-cred-k { min-width: 120px; }
+    .asst-account-actions { display: flex; flex-wrap: wrap; flex-basis: 100%; gap: 6px; margin-top: 6px; }
+    .asst-account-form { display: flex; flex-basis: 100%; gap: 6px; margin-top: 6px; }
+    .asst-account-form input { flex: 1; min-width: 0; }
+    .asst-account-msg { flex-basis: 100%; margin-top: 4px; color: var(--asst-text-3); font-size: 11px; }
+    .asst-dd.asst-dd-warn { color: var(--asst-warn); box-shadow: inset 0 0 0 1px var(--asst-pill-warn-ring); }
     .asst-login-box { display: flex; flex-direction: column; gap: 8px; padding: 10px 12px; border-radius: var(--asst-r-field); box-shadow: inset 0 0 0 1px var(--asst-line-2); }
     .asst-login-code { color: var(--asst-text); font-family: var(--asst-mono); font-size: 15px; letter-spacing: .1em; }
 
     .asst-routes-modal { width: min(660px, 100%); }
-    .asst-budget-row { align-items: flex-start; }
+    .asst-budget-modal { width: min(560px, calc(100vw - 24px)); }
+    .asst-budget-controls { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px; align-items: center; min-width: 0; }
+    .asst-budget-controls > :is(.asst-modal-note, .asst-budget-field-error, .asst-budget-switch-label) { grid-column: 1 / -1; }
+    .asst-budget-controls > .asst-btn { justify-self: start; }
+    .asst-budget-controls .asst-budget-input { width: 96px; min-width: 0; box-sizing: border-box; }
+    .asst-budget-switch-label { display: flex; align-items: center; gap: 8px; font-size: 13px; color: var(--asst-text); cursor: pointer; }
+    .asst-budget-switch { appearance: none; position: relative; width: 30px; height: 18px; margin: 0; border: 0; border-radius: var(--asst-pill-r-xs); background: var(--asst-fill-3); box-shadow: inset 0 0 0 1px var(--asst-line-2); cursor: pointer; }
+    .asst-budget-switch::before { content: ''; position: absolute; width: 12px; height: 12px; top: 3px; left: 3px; border-radius: var(--asst-pill-r-xs); background: var(--asst-text-3); transition: transform var(--asst-dur-fast) var(--asst-ease-standard); }
+    .asst-budget-switch:checked { background: var(--asst-brand); }
+    .asst-budget-switch:checked::before { background: var(--asst-ink); transform: translateX(12px); }
+    .asst-budget-controls :is(input, button):focus-visible { outline: 2px solid var(--asst-focus); outline-offset: 2px; }
+    .asst-budget-controls input:disabled { opacity: .5; }
+    .asst-budget-popover .asst-dd-list { padding: 8px; }
+    .asst-budget-session { display: flex; flex-direction: column; gap: 12px; margin-top: 16px; padding-top: 16px; border-top: 1px solid var(--asst-line); }
+    .asst-budget-total { font-family: var(--asst-mono); }
+    .asst-budget-session[data-tone="warn"] .asst-budget-total, .asst-budget-dry { color: var(--asst-warn); }
+    .asst-budget-session[data-tone="over"] .asst-budget-total { color: var(--asst-live); }
+    .asst-budget-providers { display: flex; flex-direction: column; gap: 8px; }
+    .asst-budget-provider { padding: 8px; border-radius: var(--asst-r-field); background: var(--asst-fill-1); overflow-wrap: anywhere; }
+    .asst-budget-provider[data-eligible="false"] { color: var(--asst-text-3); }
+    .asst-budget-provider-name { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
+    .asst-budget-provider-money { margin-top: 4px; font: 12px/1.5 var(--asst-mono); }
+    .asst-budget-brain { padding: 0 6px; border-radius: var(--asst-pill-r-xs); background: var(--asst-fill-2); font-size: 11.5px; }
+    .asst-budget-dry { font-size: 12px; }
+    .asst-budget-meter { width: 100%; accent-color: var(--asst-brand); }
     .asst-budget-desc, .asst-budget-meta { color: var(--asst-text-3); font-size: 11.5px; line-height: 1.4; }
     .asst-budget-meta { font-variant-numeric: tabular-nums; }
     .asst-budget-field-error { color: var(--asst-live); font-size: 11.5px; line-height: 1.4; }
@@ -1592,7 +1665,7 @@ export function injectAssistantStyles() {
     /* Model routes editor: Settings density on a desktop pointer. Scoped here
        so route cards, the model manager and other Assistant menus keep their UI. */
     .asst-routes-overlay { font-family: var(--stg-font, -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", Inter, sans-serif); }
-    .asst-routes-overlay .asst-routes-modal { width: min(800px, 100%); max-height: calc(100dvh - 32px); border-radius: var(--asst-r-card); line-height: 1.4; }
+    .asst-routes-overlay .asst-routes-modal { width: min(1040px, 100%); max-height: calc(100dvh - 32px); border-radius: var(--asst-r-card); line-height: 1.4; }
     .asst-routes-modal :is(.asst-btn, .asst-dd, .asst-iconbtn) { --cap-h: var(--asst-pill-h-sm); --cap-r: var(--asst-pill-r-xs); --cap-px: var(--asst-pill-px-sm); --cap-icon: 12px; --cap-gap: 4px; }
     .asst-routes-modal .asst-modal-head { min-height: 40px; padding: 8px 14px 8px 22px; font-size: 13px; }
     .asst-routes-modal .asst-modal-head .asst-icon { color: var(--asst-text-2); }
@@ -1616,7 +1689,7 @@ export function injectAssistantStyles() {
     .asst-routes-modal .asst-routes-list-actions .asst-btn:hover:not(:disabled) { color: var(--asst-text); background: var(--asst-fill-1); }
     /* Reserve the widths the current model names, effort words and destinations
        need; give all remaining space to task descriptions instead of a share. */
-    .asst-routes-modal .asst-routes-columns, .asst-routes-modal .asst-routes-row { display: grid; grid-template-columns: minmax(0, 1fr) 208px 84px 128px var(--asst-pill-h-sm); column-gap: 6px; }
+    .asst-routes-modal .asst-routes-columns, .asst-routes-modal .asst-routes-row { display: grid; grid-template-columns: minmax(100px, 1fr) minmax(120px, 200px) 70px 116px minmax(120px, 190px) var(--asst-pill-h-sm); column-gap: 6px; }
     .asst-routes-columns { position: sticky; top: -14px; z-index: 1; padding: 4px 8px; color: var(--asst-text-3); font-size: 11.5px; background: var(--asst-popover); }
     .asst-routes-columns span:last-child { visibility: hidden; }
     .asst-routes-modal .asst-routes-list { padding: 0 8px; border: 1px solid var(--asst-line); border-radius: var(--radius-group, 9px); background: var(--asst-field); }
@@ -1655,6 +1728,11 @@ export function injectAssistantStyles() {
     .asst-routes-overlay :is(.asst-route-model-menu, .asst-route-field-menu) .asst-dd-item-main { flex-direction: row; align-items: center; gap: 8px; }
     .asst-routes-overlay :is(.asst-route-model-menu, .asst-route-field-menu) .asst-dd-item-label { flex-shrink: 0; max-width: 60%; }
     .asst-routes-overlay :is(.asst-route-model-menu, .asst-route-field-menu) .asst-dd-item-desc { flex: 1; text-align: end; }
+    /* Account identities and quota windows need a second line in their menu. */
+    .asst-routes-overlay .asst-route-account-menu .asst-dd-item { height: auto; min-height: var(--asst-pill-h-sm); padding: 4px 8px; }
+    .asst-routes-overlay .asst-route-account-menu .asst-dd-item-main { flex-direction: column; align-items: stretch; gap: 2px; }
+    .asst-routes-overlay .asst-route-account-menu :is(.asst-dd-item-label, .asst-dd-item-desc) { white-space: normal; max-width: none; text-align: start; overflow-wrap: anywhere; }
+    .asst-model-menu .asst-dd-item[data-kind="radio"]:not([data-id*=":"]) .asst-dd-item-desc { white-space: normal; overflow-wrap: anywhere; }
     .asst-routes-overlay .asst-route-model-menu .asst-dd-input { height: var(--asst-pill-h-sm); min-height: var(--asst-pill-h-sm); font-size: 12px; border-radius: var(--asst-pill-r-xs); }
     .asst-routes-overlay .asst-route-model-menu .asst-dd-input:focus-visible { outline: 2px solid var(--asst-focus); outline-offset: -2px; }
     .asst-route-menu-foot { flex-shrink: 0; display: flex; flex-wrap: wrap; align-items: center; border-top: 1px solid var(--asst-line-2); padding-top: 4px; }
@@ -1665,7 +1743,7 @@ export function injectAssistantStyles() {
       .asst-routes-modal :is(.asst-btn, .asst-dd, .asst-iconbtn) { --cap-h: 44px; }
       .asst-routes-modal .asst-routes-mode { height: auto; min-height: 44px; }
       .asst-routes-modal .asst-routes-mode-label { white-space: normal; }
-      .asst-routes-modal .asst-routes-columns, .asst-routes-modal .asst-routes-row { grid-template-columns: minmax(0, 1.15fr) minmax(0, 1.55fr) minmax(0, .7fr) minmax(0, .9fr) 44px; }
+      .asst-routes-modal .asst-routes-columns, .asst-routes-modal .asst-routes-row { grid-template-columns: minmax(0, 1fr) minmax(0, 1.5fr) minmax(0, .7fr) minmax(0, .9fr) minmax(0, 1.4fr) 44px; }
       .asst-routes-overlay :is(.asst-route-model-menu, .asst-route-field-menu) :is(.asst-dd-item, .asst-dd-input) { min-height: 44px; height: auto; padding: 8px; }
       .asst-routes-overlay :is(.asst-route-model-menu, .asst-route-field-menu) .asst-dd-item-main { flex-direction: column; align-items: stretch; gap: 2px; }
       .asst-routes-overlay :is(.asst-route-model-menu, .asst-route-field-menu) :is(.asst-dd-item-label, .asst-dd-item-desc) { white-space: normal; max-width: none; text-align: start; overflow-wrap: anywhere; }
@@ -1678,7 +1756,7 @@ export function injectAssistantStyles() {
       .asst-routes-modal .asst-routes-modes { grid-template-columns: 1fr; }
       .asst-routes-modal .asst-routes-columns { display: none; }
       .asst-routes-modal .asst-routes-row { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 44px; gap: 8px; padding: 12px 0; }
-      .asst-routes-modal .asst-routes-row-main, .asst-routes-modal .asst-routes-model-cell { grid-column: 1 / -1; }
+      .asst-routes-modal .asst-routes-row-main, .asst-routes-modal .asst-routes-model-cell, .asst-routes-modal .asst-routes-account-cell { grid-column: 1 / -1; }
       .asst-routes-cell { flex-direction: column; gap: 4px; }
       .asst-routes-cell-label { display: block; color: var(--asst-text-3); font-size: 11.5px; }
       .asst-routes-reset-cell { align-self: end; }
@@ -1790,8 +1868,8 @@ export function injectAssistantStyles() {
       .asst-suggestions { flex-direction: column; align-items: stretch; width: 100%; }
       .asst-chip.asst-suggestion { justify-content: flex-start; max-width: none; }
       .asst-empty-project { width: 100%; }
-      .asst-dd.asst-empty-project-btn { flex: 1 1 auto; justify-content: flex-start; max-width: none; }
-      .asst-empty-project-btn .asst-dd-label { flex: 1 1 auto; max-width: none; text-align: start; }
+      .asst-dd.asst-empty-control-btn { flex: 1 1 auto; justify-content: flex-start; max-width: none; }
+      .asst-empty-control-btn .asst-dd-label { flex: 1 1 auto; max-width: none; text-align: start; }
       .asst-msg.msg-user .asst-msg-content { max-width: 92%; }
       .asst-dd-model .asst-dd-label { max-width: 9ch; }
       .asst-route-opt-sub { display: none; }
@@ -1825,6 +1903,8 @@ export function injectAssistantStyles() {
     @keyframes asst-spin { to { transform: rotate(360deg); } }
 
     body.ui-interacting :is(.asst-live-dot, .asst-spinner, .asst-computer-dot, .syna-cameo-eye) { animation-play-state: paused !important; }
+    body.ui-interacting .asst-route-line[data-live] .asst-route-icon,
+    body.ui-interacting .asst-route-line[data-live] .asst-route-sweep::after { animation-play-state: paused !important; }
 
     @media (prefers-reduced-motion: reduce) {
       .asst-transcript { scroll-behavior: auto; }
@@ -1834,6 +1914,8 @@ export function injectAssistantStyles() {
       .term-minimized-pill,
       .term-minimized-pill::before,
       .term-minimized-pill::after { animation: none !important; transition: none !important; }
+      /* A frozen sweep would be a stray stub: the route row draws none (its run card and state words remain). */
+      .asst-route-sweep { display: none; }
     }
   `;
   document.head.appendChild(style);

package/neural-interface/public/shared/cdx/cdx-commands.js

@@ -20,6 +20,8 @@ const definitions = [
   ['hooks', 'Inspect configured hooks', 'hooks_list'],
   ['init', 'Create or update AGENTS.md guidance', null, true],
   ['logout', 'Sign out of Codex', 'account_logout'],
+  ['login', 'Sign in with ChatGPT'],
+  ['account', 'Choose an account or sign in'],
   ['mcp', 'Search MCP servers and tools', 'mcp_status'],
   ['mention', 'Add a structured file mention', null, true],
   ['model', 'Choose model'],
@@ -146,10 +148,11 @@ export function configChanges(definitions, inputs, original) {
 export const SESSION_CONFIG_FIELDS = Object.freeze({
   model: 'model', model_reasoning_effort: 'effort', model_reasoning_summary: 'summary',
   personality: 'personality', service_tier: 'serviceTier', approval_policy: 'approvalPolicy',
+  sandbox_mode: 'sandboxPolicy',
 });
 
 export function sessionSettings(config) {
-  return Object.fromEntries(Object.entries(config).filter(([key]) => SESSION_CONFIG_FIELDS[key]).map(([key, value]) => [SESSION_CONFIG_FIELDS[key], value]));
+  return Object.fromEntries(Object.entries(config).filter(([key]) => SESSION_CONFIG_FIELDS[key]).map(([key, value]) => [key === 'sandbox_mode' ? 'sandboxMode' : SESSION_CONFIG_FIELDS[key], value]));
 }
 
 export function modelServiceTiers(model) {