synabun 2.0.10 → 2.2.0

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

@@ -8,9 +8,23 @@
 import { KEYS } from '../constants.js';
 import { isNewerRunDescriptor } from '../ui-native-loop-router-state.js';
 import { modelEffortIds } from '../agent-runtime-options.js';
+import { getProviderMeta } from '../provider-icons.js';
 import { usagePacketIsStale } from './asst-usage.js';
 
-export const PROVIDERS = ['claude-code', 'codex', 'opencode'];
+// The providers the Assistant itself can run on (its brain): the brain picker, /model and /new.
+// Antigravity runs over ACP (lib/assistant-brains/antigravity.js), like a worker.
+export const BRAIN_PROVIDERS = ['claude-code', 'codex', 'opencode', 'antigravity'];
+// Providers that only ever run dispatched work. None any more (Antigravity became a brain too); kept so a module
+// or a test that still imports the list reads it as empty.
+export const WORKER_ONLY_PROVIDERS = [];
+// Every provider the Assistant lists models for and can route a task to.
+export const PROVIDERS = [...BRAIN_PROVIDERS, ...WORKER_ONLY_PROVIDERS];
+// Providers that report tokens and no prices (Antigravity bills through its Google sign-in): a budget gives them no
+// share, so a dry share never names them (asst-route.js), and their rows read "unpriced".
+export const UNPRICED_PROVIDERS = ['antigravity'];
+// Providers an older server may not list in its catalog yet: a model section without rows and without an archive
+// for them stays hidden rather than showing an empty provider.
+export const OPTIONAL_PROVIDERS = ['antigravity'];
 
 export const PROVIDER_ALIASES = {
   'claude-code': 'claude-code',
@@ -22,24 +36,38 @@ export const PROVIDER_ALIASES = {
   openai: 'codex',
   opencode: 'opencode',
   oc: 'opencode',
+  antigravity: 'antigravity',
+  agy: 'antigravity',
+  'google antigravity': 'antigravity',
+  // Antigravity's CLI took the place of Gemini CLI: an old name or saved route means it.
+  gemini: 'antigravity',
 };
 
 export const PROVIDER_SHORT_LABELS = {
   'claude-code': 'Claude',
   codex: 'Codex',
   opencode: 'OpenCode',
+  antigravity: 'Antigravity',
+};
+
+export const PROVIDER_LABELS = {
+  'claude-code': 'Claude Code',
+  codex: 'Codex',
+  opencode: 'OpenCode',
+  antigravity: 'Antigravity',
 };
 
 // Providers whose brain carries an account profile picker.
 export const ACCOUNT_PROVIDERS = new Set(['claude-code', 'codex']);
 
 // Approval modes are sent as `permissionMode` (`set_permission_mode {mode}` /
-// `query.permissionMode`). Claude uses the SDK enum; Codex/OpenCode brains only
-// distinguish "ask me" from "auto-approve". Plan mode is a separate flag
-// (`planMode`) that combines with any approval mode, each provider in its own
-// way: Claude runs the SDK 'plan' mode and returns to the approval mode once
+// `query.permissionMode`). Claude uses the SDK enum; Codex/OpenCode/Antigravity
+// brains only distinguish "ask me" from "auto-approve". Plan mode is a separate
+// flag (`planMode`) that combines with any approval mode, each provider in its
+// own way: Claude runs the SDK 'plan' mode and returns to the approval mode once
 // the plan is approved; Codex runs its native plan collaboration mode (read-only
-// sandbox); OpenCode runs its own `plan` agent.
+// sandbox); OpenCode runs its own `plan` agent; Antigravity refuses code changes
+// through SynaBun's hook and proposes the plan in a <proposed_plan> block.
 export const PERMISSION_MODES = {
   'claude-code': [
     { id: 'default', label: 'Default' },
@@ -54,9 +82,13 @@ export const PERMISSION_MODES = {
     { id: 'default', label: 'Default' },
     { id: 'auto', label: 'Auto-accept' },
   ],
+  antigravity: [
+    { id: 'default', label: 'Default' },
+    { id: 'auto', label: 'Auto-accept' },
+  ],
 };
 
-export const PLAN_MODE_PROVIDERS = new Set(['claude-code', 'codex', 'opencode']);
+export const PLAN_MODE_PROVIDERS = new Set(['claude-code', 'codex', 'opencode', 'antigravity']);
 
 export const DEFAULT_BRAIN = Object.freeze({
   provider: 'claude-code',
@@ -64,7 +96,7 @@ export const DEFAULT_BRAIN = Object.freeze({
   effort: null,
   agent: null,
   project: null,
-  mcpProfile: '',
+  tools: Object.freeze(['all']),
   accountId: null,
   permissionMode: 'default',
   planMode: false,
@@ -80,10 +112,42 @@ export function normalizeProvider(value, fallback = null) {
   return PROVIDER_ALIASES[key] || fallback;
 }
 
+/** Can the Assistant itself run on `provider` (a canonical id)? */
+export function isBrainProvider(provider) {
+  return BRAIN_PROVIDERS.includes(provider);
+}
+
+/** Does `provider` report tokens and no prices (Antigravity)? */
+export function isUnpricedProvider(provider) {
+  return UNPRICED_PROVIDERS.includes(provider);
+}
+
+/** `value` as a brain provider, else `fallback`: an unknown name (or a worker-only provider) is never a brain. */
+export function normalizeBrainProvider(value, fallback = null) {
+  const provider = normalizeProvider(value);
+  return provider && isBrainProvider(provider) ? provider : fallback;
+}
+
 export function providerShortLabel(provider) {
   return PROVIDER_SHORT_LABELS[provider] || String(provider || '');
 }
 
+/** "Claude Code", "Antigravity": a provider's full name ('' for none). */
+export function providerLabel(provider) {
+  return PROVIDER_LABELS[provider] || String(provider || '');
+}
+
+/**
+ * The icon, colour and name of a provider (provider-icons.js). A provider that file does not know
+ * yet keeps its own name and shows no icon, never another provider's (getProviderMeta falls back to
+ * Claude Code's for an unknown id).
+ */
+export function providerMeta(provider) {
+  const meta = getProviderMeta(provider || undefined);
+  if (!provider || meta?.id === provider) return meta;
+  return { id: provider, label: providerLabel(provider), shortLabel: providerShortLabel(provider), icon: '', color: '' };
+}
+
 function str(value) {
   if (value == null) return '';
   return String(value).trim();
@@ -93,19 +157,22 @@ function str(value) {
 export function normalizeBrain(raw, fallback = DEFAULT_BRAIN) {
   const base = { ...DEFAULT_BRAIN, ...(fallback || {}) };
   const src = raw && typeof raw === 'object' ? raw : {};
-  const provider = normalizeProvider(src.provider ?? src.brain, base.provider) || 'claude-code';
+  // A provider that cannot be the brain (an unknown name) falls back like any unknown one.
+  const provider = normalizeBrainProvider(src.provider ?? src.brain, normalizeBrainProvider(base.provider)) || 'claude-code';
   const modes = PERMISSION_MODES[provider] || PERMISSION_MODES['claude-code'];
   const rawMode = str(src.permissionMode);
   // 'plan' used to be one of Claude's permission modes: it is the plan flag now.
   const legacyPlan = rawMode === 'plan';
   const mode = legacyPlan ? 'default' : rawMode;
+  const effort = str(src.effort) || null;
   return {
     provider,
     model: str(src.model),
-    effort: str(src.effort) || null,
+    // Antigravity's thinking levels have no "off": no level is the model's own default (null).
+    effort: provider === 'antigravity' && effort === 'off' ? null : effort,
     agent: provider === 'opencode' ? (str(src.agent) || null) : null,
     project: str(src.project ?? src.cwd) || null,
-    mcpProfile: str(src.mcpProfile),
+    tools: provider === 'opencode' ? (Array.isArray(src.tools) ? [...src.tools] : null) : ['all'],
     accountId: ACCOUNT_PROVIDERS.has(provider) ? (str(src.accountId) || null) : null,
     permissionMode: modes.some(m => m.id === mode) ? mode : 'default',
     planMode: PLAN_MODE_PROVIDERS.has(provider) && (src.planMode === true || legacyPlan),
@@ -145,7 +212,7 @@ function pickDefault(list) {
  *   efforts: { [provider]: [{ id, tier? }] },
  *   accounts: { [provider]: [{ id, label }] },
  *   agents: [{ name, mode? }],                 // OpenCode
- *   mcpProfiles: { [id]: { label } }, defaultMcpProfile,
+ *   toolCatalog: { default, groups },
  *   projects: [{ path, label }],
  * }
  */
@@ -188,14 +255,8 @@ export function resolveBrainDefaults(brain, catalog = {}) {
     b.accountId = null;
   }
 
-  const profiles = catalog.mcpProfiles && typeof catalog.mcpProfiles === 'object' ? catalog.mcpProfiles : null;
-  if (profiles) {
-    const ids = Object.keys(profiles);
-    if (ids.length && !ids.includes(b.mcpProfile)) {
-      b.mcpProfile = ids.includes(catalog.defaultMcpProfile) ? catalog.defaultMcpProfile : (ids.includes('full') ? 'full' : ids[0]);
-    }
-  } else if (!b.mcpProfile && catalog.defaultMcpProfile) {
-    b.mcpProfile = catalog.defaultMcpProfile;
+  if (b.provider === 'opencode' && b.tools == null && catalog.toolCatalog) {
+    b.tools = [...new Set([...(catalog.toolCatalog.default || []).filter(id => id !== 'git'), 'browser'])];
   }
 
   if (!b.project && Array.isArray(catalog.projects) && catalog.projects.length === 1) {
@@ -285,7 +346,7 @@ export function emptyProjectView(project, projects = [], tr = (_key, fallback, p
 export function brainRequiresSwitch(a, b) {
   const x = normalizeBrain(a);
   const y = normalizeBrain(b);
-  return x.provider !== y.provider || x.accountId !== y.accountId || x.mcpProfile !== y.mcpProfile;
+  return x.provider !== y.provider || x.accountId !== y.accountId || JSON.stringify(x.tools) !== JSON.stringify(y.tools);
 }
 
 // ── Runs ────────────────────────────────────────────────────────────────────
@@ -295,9 +356,11 @@ export function isTerminalRunStatus(status) {
 }
 
 // Dispatcher views carry `state` (queued, awaiting_route, starting, running,
-// idle, awaiting_permission, completed, failed, stopped, interrupted); runtime
-// descriptors (sidepanel:run-*) carry `status`. The tray reads `status`.
-const STATE_STATUS = { queued: 'queued', awaiting_route: 'queued', starting: 'starting', running: 'running', idle: 'running', awaiting_permission: 'running' };
+// idle, awaiting_permission, suspended, resuming, completed, failed, stopped,
+// interrupted); runtime descriptors (sidepanel:run-*) carry `status`. The tray
+// reads `status`. A run a server restart suspended is still running; one being
+// resumed is starting.
+const STATE_STATUS = { queued: 'queued', awaiting_route: 'queued', starting: 'starting', running: 'running', idle: 'running', awaiting_permission: 'running', suspended: 'running', resuming: 'starting' };
 
 export function runStatusFromState(state) {
   const value = str(state);

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

@@ -0,0 +1,127 @@
+// ═══════════════════════════════════════════
+// SynaBun Assistant — what a stop names
+// ═══════════════════════════════════════════
+// Pure module (no DOM, no i18n import) so node:test can exercise it.
+//
+// A stop ends the work the user named and nothing else:
+//   resolveStopTarget   `/stop <target>`: the one run of this session the target names (its id, the
+//                       start of its id, its title or the words of its title), or why it names none.
+//                       Two candidates stop nothing: the user picks one.
+//   createConfirmGate   the agents tray's "Stop all": the first press arms it, a second press inside
+//                       the window stops every run of the session at once. A single stray click, a
+//                       double click or a held key never does (2026-10-24: one "Stop all" press
+//                       ended both runs of a session while the user meant one of them).
+// Words the user types to stop everything ("stop", "cancel") go to the brain, which stops runs
+// with agent_stop (assistant-persona.js): nothing here reads a message.
+
+import { isTerminalRunStatus } from './asst-state.js';
+
+/** How long an armed "Stop all" waits for its second press, and the least time between the two. */
+export const STOP_ALL_CONFIRM_MS = 4000;
+export const STOP_ALL_MIN_GAP_MS = 300;
+
+// Words that say "a run" without saying which one: "/stop the OpenCode settings run" names it by the rest.
+const FILLER = new Set(['the', 'a', 'an', 'that', 'this', 'my', 'our', 'one', 'run', 'runs', 'agent', 'agents', 'worker', 'workers', 'task', 'job', 'please', 'o', 'os', 'as', 'do', 'da', 'de']);
+const FULL_RUN_ID = /^[0-9a-f]{32}$/i;
+const ID_PREFIX = /^[0-9a-f][0-9a-f-]{3,}$/i;
+
+function words(text) {
+  return String(text ?? '').toLowerCase().split(/[^\p{L}\p{N}]+/u).filter(Boolean);
+}
+
+function unquote(text) {
+  const s = String(text ?? '').trim();
+  const m = s.match(/^(["'“‘])([\s\S]*)(["'”’])$/);
+  return m ? m[2].trim() : s;
+}
+
+/**
+ * The run `/stop <target>` names among `runs` (the tray's runs of this session).
+ * → { run, by: 'id' | 'prefix' | 'title' | 'words' }
+ *   | { error: 'empty' | 'none' | 'finished' | 'ambiguous', matches?: run[], run? }
+ * An exact id names that run whatever its state (the server says when it already ended). Every
+ * other way names a run that still works; one that ended is `finished`. A full id the tray does not
+ * know is handed on as `{ error: 'none', passthrough: id }`: the server knows more runs than a tray.
+ */
+export function resolveStopTarget(target, runs = []) {
+  const raw = unquote(target);
+  if (!raw) return { error: 'empty' };
+  const list = (Array.isArray(runs) ? runs : []).filter((run) => run && run.runId && run.removed !== true);
+  const live = list.filter((run) => !isTerminalRunStatus(run.status));
+  const one = (matches, by) => {
+    if (matches.length === 1) return isTerminalRunStatus(matches[0].status) ? { error: 'finished', run: matches[0] } : { run: matches[0], by };
+    if (matches.length > 1) return { error: 'ambiguous', matches };
+    return null;
+  };
+  const lower = raw.toLowerCase();
+
+  const exact = list.find((run) => String(run.runId).toLowerCase() === lower);
+  if (exact) return { run: exact, by: 'id' };
+  if (ID_PREFIX.test(raw)) {
+    const byPrefix = one(list.filter((run) => String(run.runId).toLowerCase().startsWith(lower)), 'prefix');
+    if (byPrefix) return byPrefix;
+  }
+
+  const title = (run) => words(run.title || run.task || '').join(' ');
+  const wanted = words(raw).join(' ');
+  if (wanted) {
+    const byTitle = one(live.filter((run) => title(run) === wanted), 'title');
+    if (byTitle) return byTitle;
+  }
+  // The words that say which run: each one is a word of its title, or the start of one.
+  const keys = words(raw).filter((word) => !FILLER.has(word));
+  if (keys.length) {
+    const fits = (run) => { const have = words(run.title || run.task || ''); return keys.every((key) => have.some((word) => word === key || (key.length >= 3 && word.startsWith(key)))); };
+    const byWords = one(live.filter(fits), 'words');
+    if (byWords) return byWords;
+    const ended = list.filter((run) => isTerminalRunStatus(run.status) && (title(run) === wanted || fits(run)));
+    if (ended.length === 1) return { error: 'finished', run: ended[0] };
+  }
+  return FULL_RUN_ID.test(raw) ? { error: 'none', passthrough: raw } : { error: 'none' };
+}
+
+/**
+ * A press that only counts as the second of two. `press()` → 'armed' (the first: `onChange(true)`),
+ * 'confirmed' (the second, inside `windowMs` and at least `minGapMs` after the first:
+ * `onChange(false)`, the caller stops everything) or 'ignored' (too soon after the first: a double
+ * click, a held key). The arm lapses after `windowMs` by itself (`onChange(false)`).
+ */
+export function createConfirmGate({
+  windowMs = STOP_ALL_CONFIRM_MS,
+  minGapMs = STOP_ALL_MIN_GAP_MS,
+  now = Date.now,
+  setTimer = (fn, ms) => setTimeout(fn, ms),
+  clearTimer = (id) => clearTimeout(id),
+  onChange = () => {},
+} = {}) {
+  let armedAt = null;
+  let timer = null;
+  const notify = (armed) => { try { onChange(armed); } catch { /* the button is gone */ } };
+  function reset() {
+    if (timer !== null) { clearTimer(timer); timer = null; }
+    if (armedAt === null) return false;
+    armedAt = null;
+    notify(false);
+    return true;
+  }
+  function press() {
+    const at = now();
+    // An arm whose timer never ran (a throttled background tab) has lapsed all the same.
+    if (armedAt !== null && at - armedAt > windowMs) reset();
+    if (armedAt === null) {
+      armedAt = at;
+      timer = setTimer(() => { timer = null; reset(); }, windowMs);
+      notify(true);
+      return 'armed';
+    }
+    if (at - armedAt < minGapMs) return 'ignored';
+    reset();
+    return 'confirmed';
+  }
+  return {
+    press,
+    reset,
+    isArmed: () => armedAt !== null,
+    destroy() { if (timer !== null) { clearTimer(timer); timer = null; } armedAt = null; },
+  };
+}

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

@@ -345,32 +345,62 @@ export function injectAssistantStyles() {
     .asst-transcript > .asst-status + .asst-status,
     .asst-transcript > .asst-route-line + .asst-route-line { margin-top: 4px; }
     .asst-transcript > .asst-working { margin-top: 8px; }
+    /* The open card waits at the bottom (asst-ask-tail.js): under every row that arrives after it,
+       above the "Working…" row, until it is answered and goes back under its message. */
+    .asst-ask-tail { display: flex; flex-direction: column; gap: 10px; min-width: 0; }
+    .asst-ask-tail > * { margin-top: 0; }
+    /* The card sheet is injected after this one: restate its own gap margin at its specificity. */
+    .asst-ask-tail > .asst-followups.asst-ask,
+    .asst-ask-tail > .asst-control.asst-ask { margin-top: 0; }
 
-    /* ── Empty state ────────────────────────────────────────────────── */
+    /* ── Empty state ────────────────────────────────────────────────────
+       One column, one hierarchy: the character and the heading, then the
+       starters as ghost rows (a prop glyph and a label, no capsule and no
+       seam: a faint fill with the md corners only while hovered or
+       focused), then the context line (Project · Budget) as quiet sm text
+       controls that open the toolbar's own menus (an open menu alone
+       wears the gold on-state). The rows and the line come in staggered
+       (--i, 40 ms apart), recede while the composer holds a draft, and
+       the picked starter keeps the gold on-state until the draft is
+       cleared. All of it static under reduced motion (the blanket at the
+       end). */
     .asst-empty {
       display: flex;
       flex-direction: column;
       align-items: center;
       justify-content: center;
-      gap: 10px;
+      gap: 6px;
       min-height: 100%;
       padding: 16px 4px;
       text-align: center;
     }
-    .asst-empty-title { color: var(--asst-text); font-family: var(--ff-heading, inherit); font-size: 20px; font-weight: 600; letter-spacing: -.01em; }
-    .asst-empty-body { max-width: 440px; color: var(--asst-text-3); font-size: 13px; line-height: 1.55; }
-    /* The greeting (public/shared/greeting/) takes the lead's place when there is one. */
+    @keyframes asst-empty-in { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }
+    .asst-empty-title { margin-bottom: 8px; color: var(--asst-text); font-family: var(--ff-heading, inherit); font-size: 20px; font-weight: 600; letter-spacing: -.01em; animation: asst-empty-in var(--asst-dur-moderate) var(--asst-ease-enter) backwards; }
+    /* The greeting (public/shared/greeting/) sits between the heading and the starters. */
     .asst-empty-greet { display: contents; }
-    .asst-empty.has-greeting .asst-empty-body { display: none; }
-    .asst-suggestions { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px; max-width: 560px; margin-top: 6px; }
-    .asst-chip.asst-suggestion { --cap-h: var(--asst-pill-h-md); --cap-r: var(--asst-pill-r-md); --cap-px: var(--asst-pill-px-md); --cap-fs: 12px; justify-content: flex-start; text-align: left; }
+    .asst-suggestions { display: flex; flex-direction: column; align-items: stretch; gap: 2px; width: min(100%, 380px); margin-top: 2px; }
+    .asst-chip.asst-suggestion { --cap-h: var(--asst-pill-h-md); --cap-r: var(--asst-pill-r-md); --cap-px: var(--asst-pill-px-md); --cap-fs: 12.5px; --cap-gap: 10px; justify-content: flex-start; max-width: none; height: auto; min-height: var(--cap-h); padding: 5px var(--cap-px); background: transparent; box-shadow: none; color: var(--asst-text-2); text-align: left; white-space: normal; line-height: 1.3; animation: asst-empty-in var(--asst-dur-moderate) var(--asst-ease-enter) backwards; animation-delay: calc(var(--i, 0) * 40ms); }
+    .asst-chip.asst-suggestion .asst-chip-text { white-space: normal; overflow: visible; text-overflow: clip; }
     .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); }
-    /* 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-suggestions .asst-chip.asst-suggestion > .asst-icon:not([hidden]) { margin: 0; padding: 0; box-shadow: none; color: var(--asst-text-3); }
+    .asst-suggestions .asst-chip.asst-suggestion:is(:hover, :focus-visible) { background: var(--asst-fill-1); box-shadow: none; color: var(--asst-text); }
+    .asst-suggestions .asst-chip.asst-suggestion:is(:hover, :focus-visible) > .asst-icon { box-shadow: none; color: var(--asst-text); }
+    .asst-suggestions .asst-chip.asst-suggestion.is-picked { background: var(--asst-pill-on-fill); box-shadow: inset 0 0 0 1px var(--asst-pill-on-ring); color: var(--asst-text); }
+    .asst-suggestions .asst-chip.asst-suggestion.is-picked > .asst-icon { color: var(--asst-brand); }
+    .asst-empty.is-drafting .asst-chip.asst-suggestion:not(.is-picked):not(:hover):not(:focus-visible) { opacity: .55; }
+    /* A starter's quiet aside (the Workspace tour's "· 2 min"): the row's own font, the faint tone. */
+    .asst-suggestions .asst-chip.asst-suggestion .asst-chip-meta { flex-shrink: 0; margin-left: 2px; color: var(--asst-text-4); font: inherit; font-size: 11.5px; white-space: nowrap; }
+    .asst-suggestions .asst-chip.asst-suggestion .asst-chip-meta::before { content: '· '; }
+    /* The context line: the toolbar's Project field drawn once more, and Budget, as quiet sm text controls. */
+    .asst-empty-project { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 2px 8px; max-width: 100%; margin-top: 10px; animation: asst-empty-in var(--asst-dur-moderate) var(--asst-ease-enter) backwards; animation-delay: calc(var(--i, 0) * 40ms); }
+    .asst-empty-project .asst-dd.asst-empty-control-btn { --cap-h: var(--asst-pill-h-sm); --cap-r: var(--asst-pill-r-sm); --cap-px: var(--asst-pill-px-xs); --cap-gap: 4px; --cap-icon: 12px; --cap-fs: 11.5px; isolation: isolate; max-width: min(100%, 320px); color: var(--asst-text-2); }
+    .asst-empty-project .asst-dd.asst-empty-control-btn::after { content: ''; position: absolute; inset: -2px; z-index: -1; border-radius: inherit; }
+    .asst-empty-project .asst-dd.asst-empty-control-btn:not([aria-expanded="true"]) { background: transparent; box-shadow: none; }
+    .asst-empty-project .asst-dd.asst-empty-control-btn:hover:not([aria-expanded="true"]) { background: var(--asst-fill-1); color: var(--asst-text); }
+    .asst-empty-project .asst-dd.asst-empty-control-btn[aria-expanded="true"] { color: var(--asst-text); }
+    .asst-empty-project .asst-dd.asst-empty-control-btn > .asst-icon:not([hidden]) { margin: 0; padding: 0; box-shadow: none; color: var(--asst-text-3); }
+    .asst-empty-project .asst-dd.asst-empty-control-btn:is(:hover, [aria-expanded="true"]) > .asst-icon:not([hidden]) { box-shadow: none; }
+    .asst-empty-project .asst-dd.asst-empty-control-btn .asst-dd-label { max-width: 24ch; }
     .asst-empty-project-key { flex-shrink: 0; color: var(--asst-text-3); font-weight: 400; }
 
     /* ── Messages ───────────────────────────────────────────────────── */
@@ -998,6 +1028,12 @@ export function injectAssistantStyles() {
     .asst-usage-run-tokens { color: var(--asst-text-3); font-family: var(--asst-mono); font-variant-numeric: tabular-nums; white-space: nowrap; }
 
     /* The provider's usage limit: one line under the gauge, replaced in place (never a transcript row). */
+    .asst-route-fields { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 8px; }
+    .asst-route-fields .asst-dd { min-width: 0; max-width: 100%; }
+    .asst-route-fields .asst-dd-label { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
+    .asst-limit-dock { position: sticky; bottom: 0; flex: none; z-index: 2; background: var(--asst-bg); }
+    .asst-limit-dock[hidden] { display: none; }
+    .asst-limit-dock .asst-limit-wait { margin: 8px 12px; }
     .asst-limit {
       flex: 0 0 auto;
       display: flex;
@@ -1327,9 +1363,45 @@ export function injectAssistantStyles() {
     .asst-control-plan-body { min-width: 0; }
     .asst-control-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }
 
+    /* Follow-ups and the question cards are drawn by the mascot: their sheet is asst-ask-styles.js. */
+
     /* Route card */
     .asst-route-summary { color: var(--asst-text); }
     .asst-route-reasons { margin-top: -4px; color: var(--asst-text-3); font-size: 11.5px; }
+    /* Here / Dispatch: a segmented choice of where the task runs; the list, the model menu and Run follow it.
+       sm capsules in one xs-padded track; the pick takes the gold "on" pair, like the option's key. */
+    .asst-route-sides {
+      display: inline-flex;
+      align-self: flex-start;
+      gap: 2px;
+      padding: 2px;
+      border-radius: var(--asst-pill-r-md);
+      background: var(--asst-fill-1);
+      box-shadow: inset 0 0 0 1px var(--asst-line);
+    }
+    .asst-route-side {
+      display: inline-flex;
+      align-items: center;
+      justify-content: center;
+      min-width: 76px;
+      height: var(--asst-pill-h-sm);
+      padding: 0 var(--asst-pill-px-sm);
+      border: 0;
+      border-radius: var(--asst-pill-r-sm);
+      background: transparent;
+      color: var(--asst-text-2);
+      font: inherit;
+      font-size: 12px;
+      font-weight: 500;
+      white-space: nowrap;
+      cursor: pointer;
+      transition: background-color var(--asst-dur-fast) var(--asst-ease-standard), box-shadow var(--asst-dur-fast) var(--asst-ease-standard), color var(--asst-dur-fast) var(--asst-ease-standard);
+    }
+    .asst-route-side:hover { background: var(--asst-fill-2); color: var(--asst-text); }
+    .asst-route-side.selected { background: var(--asst-pill-on-fill); box-shadow: inset 0 0 0 1px var(--asst-pill-on-ring); color: var(--asst-text); }
+    .asst-route-side[aria-disabled="true"] { opacity: .45; cursor: not-allowed; }
+    .asst-route-side[aria-disabled="true"]:not(.selected):hover { background: transparent; color: var(--asst-text-2); }
+    .asst-route-side-note { margin-top: -6px; color: var(--asst-text-3); font-size: 11.5px; }
     .asst-route-options { display: flex; flex-direction: column; gap: 4px; }
     .asst-route-option {
       display: flex;
@@ -1399,6 +1471,8 @@ export function injectAssistantStyles() {
     /* Deny / Decline: a neutral ghost with ✕ (red only ever means failed). */
     .asst-btn-danger { background: transparent; box-shadow: inset 0 0 0 1px var(--asst-line-2); color: var(--asst-text-2); }
     .asst-btn-danger:hover:not(:disabled) { background: var(--asst-fill-1); box-shadow: inset 0 0 0 1px var(--asst-text-3); color: var(--asst-text); }
+    /* "Stop all" armed: it waits for a second press (asst-agents-dock.js), in the attention tone. */
+    .asst-dock-stopall[data-armed="true"], .asst-dock-stopall[data-armed="true"]:hover:not(:disabled) { background: var(--asst-fill-1); box-shadow: inset 0 0 0 1px var(--asst-pill-warn-ring); color: var(--asst-warn); }
     .asst-btn-icon { display: inline-flex; margin-left: -2px; }
     .asst-btn-icon svg { width: 12px; height: 12px; }
 
@@ -1412,7 +1486,7 @@ export function injectAssistantStyles() {
     .assistant-panel :is(.asp-header, .asp-body) :is(button, [role="button"], [tabindex]):focus-visible,
     .asp-session-pill:focus-visible,
     .asp-session-pill .term-minimized-pill-close:focus-visible,
-    :is(.asst-control-cmd, .asst-control-deny-msg, .asst-control-custom):focus-visible {
+    :is(.asst-control-cmd, .asst-control-deny-msg, .asst-control-custom, .asst-ask-input):focus-visible {
       outline: 2px solid var(--asst-focus);
       outline-offset: 1px;
     }
@@ -1959,11 +2033,9 @@ export function injectAssistantStyles() {
     @container asst (max-width: 400px) {
       .asst-root > * { --asst-inline: 6px; }
       :is(.asst-cost, .asst-bar-group[data-group="context"]) { display: none !important; }
-      .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-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-empty { padding-inline: 0; }
+      .asst-suggestions { width: 100%; }
+      .asst-empty-project .asst-dd.asst-empty-control-btn { max-width: 100%; }
       .asst-msg.msg-user .asst-msg-content { max-width: 92%; }
       .asst-route-opt-sub { display: none; }
       .asst-run-main { flex-wrap: wrap; row-gap: 2px; }
@@ -1978,7 +2050,7 @@ export function injectAssistantStyles() {
     }
     @container asst (max-height: 260px) {
       /* the toolbar stays: it carries the controls */
-      :is(.asst-empty-body, .asst-empty-mascot, .asst-empty-project, .asst-suggestions, .asst-empty-greet) { display: none !important; }
+      :is(.asst-empty-mascot, .asst-empty-project, .asst-suggestions, .asst-empty-greet) { display: none !important; }
       .asst-empty { gap: 4px; padding: 4px; }
       .asst-empty-title { font-size: 14px; }
       .asst-bottom { margin-top: 6px; }