synabun 2.0.10 → 2.1.0

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,6 +1363,8 @@ 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; }
@@ -1399,6 +1437,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 +1452,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 +1999,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 +2016,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; }

package/neural-interface/public/shared/assistant/asst-tool-kinds.js

@@ -181,11 +181,18 @@ export function capitalize(text) {
   return s ? s[0].toLocaleUpperCase() + s.slice(1) : s;
 }
 
+/** A letter or a digit: what a cut must keep some of. */
+const CONTENT = /[\p{L}\p{N}]/u;
+/** The "…" a text ends on (a clipped query, `"…"`), with the quote or bracket after it. */
+const END_CUT = /…([^\p{L}\p{N}…]*)$/u;
+
 /**
  * Cut `text` in the middle so it fits `max` chars, keeping at least `minTail`
  * tail chars and cutting at token boundaries (spaces, slashes) when one is near.
- * One cut, shorter than the text: never a head and a tail that overlap, and a
- * token the text already shortened ("…/name") that the cut meets goes with it.
+ * One cut, shorter than the text: never a head and a tail that overlap. What it
+ * shows has one "…": the cut takes in every "…" the text already has (a token
+ * the summary shortened, "…/name"; its clipped end), so the head comes from
+ * before the first of them and the tail from after the last.
  */
 export function middleEllipsis(text, max = 96, minTail = 24) {
   const s = str(text);
@@ -194,28 +201,133 @@ export function middleEllipsis(text, max = 96, minTail = 24) {
   // A cut that keeps this much removes nothing: under a small `max` the budget rises to minTail + 6,
   // past a short text's end, and the head and the tail overlapped ("$ np…npm test" of "$ npm test").
   if (s.length <= budget + 1) return s;
-  let tailStart = s.length - minTail;
-  // Pull the tail back to the token boundary before it, within a third of the budget.
-  const floor = s.length - Math.max(minTail, Math.floor(budget / 3) + minTail);
-  for (let i = tailStart; i > floor && i > 0; i -= 1) {
+  const first = s.indexOf('…');
+  const last = s.lastIndexOf('…');
+  const headEnd = first < 0 ? s.length : first;
+  const tailFrom = last < 0 ? 0 : last + 1;
+  // "…words…" (a thought's tail that ends on its own "…"): nothing to keep on either side of the cuts (headEllipsis).
+  if (first >= 0 && !CONTENT.test(s.slice(0, headEnd)) && !CONTENT.test(s.slice(tailFrom))) return headEllipsis(s, max);
+  let tailStart = Math.max(tailFrom, s.length - minTail);
+  // A head that stops at the text's first "…" leaves the rest of the budget to the tail.
+  if (headEnd < budget - (s.length - tailStart)) tailStart = Math.max(tailFrom, s.length - (budget - headEnd));
+  // Pull the tail back to the token boundary before it, within a third of the budget and short of all of it
+  // (a char of head, or the cut runs one past `max`).
+  const floor = s.length - Math.min(budget - 1, Math.max(minTail, Math.floor(budget / 3) + minTail));
+  let atBoundary = false;
+  for (let i = tailStart; i > floor && i > tailFrom && i > 0; i -= 1) {
     const c = s[i - 1];
-    if (c === ' ') { tailStart = i; break; }
-    if (c === '/') { tailStart = i - 1; break; }
+    if (c === ' ') { tailStart = i; atBoundary = true; break; }
+    if (c === '/') { tailStart = i - 1; atBoundary = true; break; }
+  }
+  // None near enough behind a tail that opens inside a word: it starts at the next boundary instead, when
+  // that keeps half of it ("$ node --test…b.mjs c.mjs", never "…r.mjs b.mjs c.mjs").
+  if (!atBoundary && tailStart > tailFrom) {
+    const rest = s.slice(tailStart);
+    const next = rest.search(/[\s/]/);
+    if (next > 0 && next <= rest.length / 2 && CONTENT.test(rest.slice(next))) tailStart += rest[next] === '/' ? next : next + 1;
   }
   const tail = s.slice(tailStart);
-  let head = s.slice(0, Math.max(1, budget - tail.length));
+  let head = s.slice(0, Math.min(headEnd, Math.max(1, budget - tail.length)));
   const cut = Math.max(head.lastIndexOf(' '), head.lastIndexOf('/'));
   if (cut >= head.length * 0.6) head = head.slice(0, head[cut] === '/' ? cut + 1 : cut);
   return joinCut(head, tail);
 }
 
-/** `head…tail`, one "…": a shortened token's own "…" beside the cut is dropped ("…/…/x.js" read as two cuts). */
+/**
+ * "…ender-events.browser.mjs": the last `max` chars, from a token boundary when one is near. One "…":
+ * a "…" the text already has in that tail goes with the cut ("…--test …/x.js" reads "…/x.js"). A text
+ * that ends on its own "…" (a clipped query) has no tail to keep: its head stays (middleEllipsis); one
+ * that starts and ends on one ("…words…") loses the end's.
+ */
+export function headEllipsis(text, max) {
+  let s = str(text);
+  if (s.length <= max) return s;
+  if (END_CUT.test(s)) {
+    if (CONTENT.test(s.slice(0, s.indexOf('…')))) return middleEllipsis(s, max, Math.min(8, max - 1));
+    s = s.replace(/…[^\p{L}\p{N}]*$/u, m => m.replace(/…/g, ''));
+    if (s.length <= max) return s;
+  }
+  let tail = s.slice(s.length - Math.max(8, max - 1));
+  const own = tail.lastIndexOf('…'); // followed by a word: the text no longer ends on one
+  if (own >= 0) return joinCut('', tail.slice(own));
+  const cut = tail.search(/[\s/]/);
+  // A fragment of a word before the first boundary goes too, when that keeps half the tail ("…c.mjs", never "…ker-stage.mjs c.mjs").
+  const inWord = !/[\s/]/.test(s[s.length - tail.length - 1] ?? ' ');
+  if (inWord && cut > 0 && cut <= tail.length / 2 && CONTENT.test(tail.slice(cut))) tail = tail.slice(tail[cut] === '/' ? cut : cut + 1);
+  return joinCut('', tail);
+}
+
+/** `head…tail`, one "…": a shortened token's own "…" beside the cut is dropped ("…/…/x.js" read as two cuts), and so is the space next to it. */
 export function joinCut(head, tail) {
   const h = str(head).trimEnd().replace(/\/?…\/?$/, '').trimEnd();
-  const t = str(tail).trimStart().replace(/^\/?…/, '');
+  const t = str(tail).trimStart().replace(/^\/?…/, '').trimStart();
   return `${h}…${t}`;
 }
 
+// A URL or a path in a subject wraps at its separators, never mid-word (wrapRuns).
+const URL_START = /^[a-z][a-z0-9+.-]*:\/\//i;
+const HOST_OR_FILE = /^[\p{L}\p{N}_~@%+…-]+(?:\.[\p{L}\p{N}_~@%+…-]+)+(?::\d+(?:[-:]\d+)?)?$/u; // a file may end on its lines, ":131-191"
+const TOKEN_LEAD = /^[("'“‘[<{]+/;
+const TOKEN_TRAIL = /[)"'”’\]>},;:!?.]+$/;
+const PATH_MIN = 12; // a shorter token wraps whole, as a word does
+const LONG_PIECE = 20; // a longer segment also breaks inside it
+const MIN_PIECE = 3; // "~/", "…/", "./" stay with the piece after them
+
+function isPathToken(tok) {
+  if (tok.length < PATH_MIN || !CONTENT.test(tok)) return false;
+  return URL_START.test(tok) || /[/\\]/.test(tok) || HOST_OR_FILE.test(tok);
+}
+
+/**
+ * A URL or path as the pieces a line may break between: after "/" (a run of
+ * slashes, "https://", stays whole); in a segment over LONG_PIECE chars, also
+ * before "?" or "#" and after "-", "_", "=" or "&" when a letter follows, and
+ * before "." only in a piece still that long ("queue.browser.mjs" keeps its
+ * extension). A piece under MIN_PIECE chars, and a scheme ("https://"), joins
+ * its neighbour. The pieces join to `tok`.
+ */
+export function pathPieces(tok) {
+  const s = str(tok);
+  const long = (p) => p.replace(/[/\\]+$/, '').length > LONG_PIECE;
+  const pieces = [];
+  for (const part of s.match(/[^/\\]*[/\\]+|[^/\\]+$/g) || [s]) {
+    if (!long(part)) { pieces.push(part); continue; }
+    for (const p of part.split(/(?=[?#])|(?<=[-_=&])(?=\p{L})/u).filter(Boolean)) pieces.push(...(long(p) ? p.split(/(?=\.)/).filter(Boolean) : [p]));
+  }
+  const leans = (p) => p.length < MIN_PIECE || /^[a-z][a-z0-9+.-]*:\/+$/i.test(p);
+  const out = [];
+  for (const piece of pieces) {
+    if (out.length && (leans(out[out.length - 1]) || piece.length < MIN_PIECE)) out[out.length - 1] += piece;
+    else out.push(piece);
+  }
+  return out;
+}
+
+/**
+ * Where a bubble subject may wrap: its URL and path tokens (a scheme, a slash,
+ * or a dotted host or file name, PATH_MIN chars or more; quotes, brackets and
+ * the sentence's punctuation around them left out) as `{ text, pieces }` that
+ * break only between their pieces (pathPieces); the rest as `{ text }`, which
+ * wraps as any text does. The runs' texts join to `text`.
+ */
+export function wrapRuns(text) {
+  const s = str(text);
+  const runs = [];
+  let at = 0;
+  for (const m of s.matchAll(/\S+/g)) {
+    const lead = m[0].match(TOKEN_LEAD)?.[0] || '';
+    const rest = m[0].slice(lead.length);
+    const core = rest.slice(0, rest.length - (rest.match(TOKEN_TRAIL)?.[0].length || 0));
+    if (!isPathToken(core)) continue;
+    const start = m.index + lead.length;
+    if (start > at) runs.push({ text: s.slice(at, start) });
+    runs.push({ text: core, pieces: pathPieces(core) });
+    at = start + core.length;
+  }
+  if (at < s.length) runs.push({ text: s.slice(at) });
+  return runs;
+}
+
 /** A path's last two folders and its basename: `shared/assistant/asst-render.js`. */
 export function splitPath(path) {
   const clean = str(path).replace(/\\/g, '/').replace(/\/+$/, '');
@@ -274,14 +386,39 @@ export function commandCore(cmd) {
   return s;
 }
 
+/** A path token's file name with what wraps it: `--config=` or a quote before, `;` or a quote after it. */
+function fileNameOf(tok) {
+  const lead = tok.match(/^(?:[^/\\=]*=)?["'(]*/)[0];
+  const rest = tok.slice(lead.length);
+  const trail = rest.match(/[)"'\];,]*$/)[0];
+  const path = rest.slice(0, rest.length - trail.length);
+  const base = path.replace(/[/\\]+$/, '').split(/[/\\]/).pop();
+  return base ? { lead, base: `${base}${/[/\\]$/.test(path) ? '/' : ''}`, trail } : null;
+}
+
 /**
  * The command a bubble says: its core (commandCore), the home directory shown
  * as ~/, whitespace collapsed and tokens over 28 chars cut in the middle.
+ * `oneCut` (the stage bubble): one "…" at most, however many paths it shortens.
+ * The first path over 28 chars spends it on its dropped folders; a later one
+ * keeps its file name, unmarked ("…/a.mjs b.mjs c.mjs"); every other token
+ * (a bare file name, a flag) stays whole. A "…" of the command's own counts.
  */
-export function summarizeCommand(cmd) {
+export function summarizeCommand(cmd, { oneCut = false } = {}) {
   let s = commandCore(cmd);
   s = s.replace(HOME_RE, '$1~').replace(/(^|[\s"'=:(])\$HOME(?=\/|$|[\s"'])/g, '$1~');
-  return s.split(' ').map(tok => shortenToken(tok, 28)).join(' ');
+  if (!oneCut) return s.split(' ').map(tok => shortenToken(tok, 28)).join(' ');
+  let spent = s.includes('…');
+  return s.split(' ').map((tok) => {
+    if (tok.length <= 28 || !/[/\\]/.test(tok)) return tok;
+    const file = fileNameOf(tok);
+    if (!file) return tok;
+    if (spent) return `${file.lead}${file.base}${file.trail}`;
+    spent = true;
+    const short = shortenToken(tok, 28);
+    if (short.includes('…/')) return short;
+    return `${file.lead}…${tok.includes('/') ? '/' : '\\'}${file.base}${file.trail}`; // never a file name cut in its middle
+  }).join(' ');
 }
 
 /** The command a shell call ran: `command` or `cmd`, as a string (Codex sends argv arrays). */
@@ -596,6 +733,7 @@ export function urlSubject(url) {
 /**
  * The bubble for one call: { verb, text, detail?, mono, segments?, meta[], caption, copy, tag }.
  * `detail` (computer calls) is what the call's own row shows when it differs from the bubble's subject.
+ * `stage` (commands) is the stage bubble's subject: `text` with one "…" at most (summarizeCommand `oneCut`).
  * `call`: { name, kind, input, result, state, memories?, app? }.
  * `ctx`: { t, runLabel(call), runState(call), describeComputer(input, name) }.
  */
@@ -614,6 +752,7 @@ export function sayCall(call, ctx = {}) {
       out.verb = 'run';
       out.text = `$ ${summarizeCommand(cmd)}`;
       out.full = `$ ${str(cmd).replace(/\s+/g, ' ').trim()}`; // the literal line: the title and the opened bubble
+      if (cmd.trim()) out.stage = `$ ${summarizeCommand(cmd, { oneCut: true })}`; // the stage bubble's: one "…" at most
       out.mono = true;
       out.copy = cmd;
       out.caption = firstString(input.description);
@@ -765,7 +904,7 @@ export function sayCall(call, ctx = {}) {
     case 'think': {
       out.verb = 'think';
       const text = str(call?.text).replace(/\s+/g, ' ').trim();
-      out.text = text ? (text.length > 80 ? `…${text.slice(-79)}` : text) : '…';
+      out.text = text ? headEllipsis(text, 80) : '…'; // the tail: one "…", a "…" of the thought's own in it goes with the cut
       out.muted = true;
       break;
     }
@@ -807,7 +946,8 @@ export function targetKey(call) {
 
 /**
  * The subject parallel calls of one kind share: "a.js, b.js +1" for reads and
- * edits, "$ npm test +1" for commands; "server.js ×2" for a re-read.
+ * edits, "$ npm test +1" for commands (one "…" at most, as the stage says a
+ * command); "server.js ×2" for a re-read.
  * `calls`: the calls running side by side (the bubble's own call last);
  * `all`: every call of the row (for re-reads). Empty when one subject says it.
  */
@@ -825,7 +965,7 @@ export function groupSubject(kind, calls, all = calls) {
   if (list.length >= 2) {
     if (kind === 'shell') {
       const cmd = commandOf(list[list.length - 1].input);
-      return cmd ? `$ ${summarizeCommand(cmd)} +${list.length - 1}` : '';
+      return cmd ? `$ ${summarizeCommand(cmd, { oneCut: true })} +${list.length - 1}` : '';
     }
     const names = [...new Set(list.map(nameOf).filter(Boolean))];
     if (names.length >= 2) return `${names[0]}, ${names[1]}${names.length > 2 ? ` +${names.length - 2}` : ''}`;

package/neural-interface/public/shared/automation-context.js

@@ -59,14 +59,17 @@ export function claudeAutomationSupportsOneMillion(model) {
   return !/(haiku|claude-3|opus-4-[0-5](?:-|$)|opus-4-\d{8}|opus-4$)/.test(id);
 }
 
+// `size` is the window as a short label ("272K"), '' when unknown: a page that words the choice in
+// another language puts it in its own sentence (the Schedules window).
 export function automationContextOptions(profile, modelId, models = []) {
   const id = normalizeAutomationSelection(profile, modelId).model;
   const model = models.find((entry) => entry?.id === id);
   const baseSize = contextSizeLabel(model?.contextWindow);
-  const options = [{ id: 'default', label: baseSize ? `Default (${baseSize})` : 'Provider default' }];
+  const options = [{ id: 'default', label: baseSize ? `Default (${baseSize})` : 'Provider default', size: baseSize }];
   if (profile === 'codex' && model?.supportsExtendedContext === true
     && Number(model.maxContextWindow) > Number(model.contextWindow)) {
-    options.push({ id: 'extended', label: `Extended (${contextSizeLabel(model.maxContextWindow)})` });
+    const size = contextSizeLabel(model.maxContextWindow);
+    options.push({ id: 'extended', label: `Extended (${size})`, size });
   } else if (profile === 'claude-code'
     && (models.some((entry) => entry?.id === `${id}[1m]`) || claudeAutomationSupportsOneMillion(model))) {
     options.push({ id: '1m', label: '1M' });