@standardagents/code 0.3.2 → 0.5.0

package/dist/index.js

@@ -572,6 +572,20 @@ function gradAt(t) {
     Math.round(a[2] + (b[2] - a[2]) * k)
   ];
 }
+function cyclePos(t) {
+  const p = t - Math.floor(t);
+  return p < 0.5 ? p * 2 : 2 - p * 2;
+}
+function colorAtCycle(tri, tc) {
+  if (tc) {
+    const [r, g, b] = gradAt(tri);
+    return `\x1B[38;2;${r};${g};${b}m`;
+  }
+  return `\x1B[38;5;${GRAD_256[Math.min(GRAD_256.length - 1, Math.floor(tri * GRAD_256.length))]}m`;
+}
+function brandCycleColor(ms, periodMs = 1200) {
+  return colorAtCycle(cyclePos(ms / periodMs), truecolor());
+}
 function gradientText(text, phase = 0) {
   const chars = [...text];
   const visible = chars.filter((ch) => ch.trim().length > 0).length;
@@ -1832,6 +1846,130 @@ var SystemEvents = class {
   }
 };
 
+// src/wordmill.ts
+var MILL_WORDS = [
+  "Working",
+  "Thinking",
+  "Building",
+  "Brewing",
+  "Crafting",
+  "Scheming",
+  "Tinkering",
+  "Noodling",
+  "Pondering",
+  "Wrangling",
+  "Conjuring",
+  "Percolating",
+  "Assembling",
+  "Cogitating",
+  "Hatching",
+  "Forging",
+  // The silly shelf — irreverent, never profane.
+  "Pickling",
+  "Spooning",
+  "Marinating",
+  "Squishing",
+  "Wiggling",
+  "Frolicking",
+  "Moisturizing",
+  "Bamboozling",
+  "Skedaddling",
+  "Discombobulating",
+  "Waffling",
+  "Yodeling",
+  "Shimmying",
+  "Galumphing",
+  "Snorkeling",
+  "Bedazzling"
+];
+var FLIP_POOL = "abcdefghjkmnopqrstuvwxyz#$%&@!*+=.:~";
+var HOLD_MS = 2600;
+var LAZY_MS = 320;
+var LAZY_PERIOD = 200;
+var FAST_PERIOD = 70;
+var BOLD = "\x1B[1m";
+var DIM2 = "\x1B[2m";
+var OFF = "\x1B[22m";
+function glyphAt(slot, bucket) {
+  let h = (slot + 1) * 2654435761 ^ (bucket + 1) * 40503;
+  h = Math.imul(h ^ h >>> 13, 1274126177);
+  h ^= h >>> 16;
+  return FLIP_POOL[(h >>> 0) % FLIP_POOL.length];
+}
+var WordMill = class {
+  word = MILL_WORDS[0];
+  target = null;
+  // non-null while morphing
+  phaseAt = 0;
+  // clock time the current phase began
+  slots = [];
+  morphLen = 0;
+  rng;
+  constructor(rng = Math.random) {
+    this.rng = rng;
+  }
+  /** Restart at "Working" (called when a turn begins). */
+  reset(now) {
+    this.word = MILL_WORDS[0];
+    this.target = null;
+    this.phaseAt = now;
+  }
+  /** The plain word currently displayed or being formed (for tests). */
+  get current() {
+    return this.target ?? this.word;
+  }
+  /** The styled label for this frame (contains only bold/dim ANSI). */
+  text(now) {
+    if (this.phaseAt === 0) this.phaseAt = now;
+    if (!this.target) {
+      if (now - this.phaseAt >= HOLD_MS) this.beginMorph(now);
+      else return `${BOLD}${this.word}${OFF}`;
+    }
+    return this.morphFrame(now);
+  }
+  beginMorph(now) {
+    const options = MILL_WORDS.filter((w) => w !== this.word);
+    this.target = options[Math.floor(this.rng() * options.length)];
+    this.phaseAt = now;
+    const n = Math.max(this.word.length, this.target.length);
+    this.slots = [];
+    let maxLand = 0;
+    for (let i = 0; i < n; i++) {
+      const start = this.rng() * 500;
+      const land = 750 + i * 90 + this.rng() * 350;
+      this.slots.push({ start, land });
+      if (land > maxLand) maxLand = land;
+    }
+    this.morphLen = maxLand + 60;
+  }
+  morphFrame(now) {
+    const target = this.target;
+    const t = now - this.phaseAt;
+    if (t >= this.morphLen) {
+      this.word = target;
+      this.target = null;
+      this.phaseAt = now;
+      return `${BOLD}${this.word}${OFF}`;
+    }
+    let out = "";
+    for (let i = 0; i < this.slots.length; i++) {
+      const s = this.slots[i];
+      if (t < s.start) {
+        const ch = this.word[i];
+        if (ch) out += `${BOLD}${ch}${OFF}`;
+      } else if (t < s.land) {
+        const age = t - s.start;
+        const period = age < LAZY_MS ? LAZY_PERIOD : FAST_PERIOD;
+        out += `${DIM2}${glyphAt(i, Math.floor(t / period))}${OFF}`;
+      } else {
+        const ch = target[i];
+        if (ch) out += `${BOLD}${ch}${OFF}`;
+      }
+    }
+    return out;
+  }
+};
+
 // src/types.ts
 var LEVELS = [1, 2, 3, 4, 5];
 var LEVEL_DETAIL = {
@@ -1950,6 +2088,7 @@ var C = {
   teal: "\x1B[38;5;37m"
 };
 var FRAMES = ["\u28F7", "\u28EF", "\u28DF", "\u287F", "\u28BF", "\u28FB", "\u28FD", "\u28FE"];
+var SPINNER_MS = 70;
 var SUBAGENT_COLORS = [
   "\x1B[35m",
   // magenta
@@ -1986,8 +2125,13 @@ var Tui = class _Tui {
   // caret's row offset from the input region top, last render
   working = false;
   workingStart = 0;
+  // Slot-machine morph for the working label (Working → Brewing → …).
+  wordMill = new WordMill();
   spinnerTimer = null;
   bgCount = 0;
+  // The `[⚙ n bg]` prompt badge can be selected with ← from the start of the
+  // input (rendered inverted); Enter then opens the background-process panel.
+  bgBadgeSelected = false;
   queuedCount = 0;
   subagents = [];
   // active subagents (one line each)
@@ -2069,6 +2213,9 @@ var Tui = class _Tui {
   /** Up on the top row: return true to consume it (e.g. pull a queued message)
    *  before history recall gets a chance. */
   onUpArrow = () => false;
+  /** Enter while the `[⚙ n bg]` badge is selected — opens the bg process panel. */
+  onBgBadge = () => {
+  };
   onQuit = () => process.exit(0);
   levelListeners = [];
   get colors() {
@@ -2146,6 +2293,21 @@ var Tui = class _Tui {
       return;
     }
     if (!key) return;
+    if (this.bgBadgeSelected) {
+      if (key.name === "return" || key.name === "enter") {
+        this.bgBadgeSelected = false;
+        this.renderBottom();
+        this.onBgBadge();
+        return;
+      }
+      if (key.name === "left") return;
+      this.bgBadgeSelected = false;
+      if (key.name === "right" || key.name === "escape") {
+        this.renderBottom();
+        return;
+      }
+      this.renderBottom();
+    }
     if (this.paletteOpen()) {
       const matches = this.filteredCommands();
       const cur = matches.length ? Math.min(this.slashIdx, matches.length - 1) : 0;
@@ -2196,6 +2358,9 @@ var Tui = class _Tui {
       if (this.cursorPos > 0) {
         this.cursorPos--;
         this.renderBottom();
+      } else if (this.bgCount > 0) {
+        this.bgBadgeSelected = true;
+        this.renderBottom();
       }
       return;
     }
@@ -2471,7 +2636,8 @@ var Tui = class _Tui {
     return `${(n / 1e6).toFixed(2)}M`;
   }
   spinnerFrame() {
-    return `${C.bold}${C.cyan}${FRAMES[Math.floor(Date.now() / 100) % FRAMES.length]}${C.reset}`;
+    const now = Date.now();
+    return `${C.bold}${brandCycleColor(now)}${FRAMES[Math.floor(now / SPINNER_MS) % FRAMES.length]}${C.reset}`;
   }
   /** "↑X ↓Y" cumulative token totals (greyed — low-priority). */
   tokensText() {
@@ -2544,7 +2710,7 @@ var Tui = class _Tui {
     if (this.working) {
       const el = this.formatElapsed(Date.now() - this.workingStart);
       const right = `${C.dim}${el}${C.reset}${tk ? " " + tk : ""}`;
-      const head = `${this.spinnerFrame()} ${C.bold}Working${C.reset}`;
+      const head = `${this.spinnerFrame()} ${this.wordMill.text(Date.now())}`;
       const avail = Math.max(
         0,
         cols2 - this.visibleWidth(head) - this.visibleWidth(right) - 2 - gaugeReserve
@@ -2570,7 +2736,8 @@ var Tui = class _Tui {
   /** The prompt line prefix (with ANSI colour) that precedes the typed text. */
   promptPrefix() {
     const q = this.queuedCount > 0 ? `${C.yellow}[\u23F3 ${this.queuedCount} queued]${C.reset} ` : "";
-    const bg = this.bgCount > 0 ? `${C.cyan}[\u2699 ${this.bgCount} bg]${C.reset} ` : "";
+    const bgText = `[\u2699 ${this.bgCount} bg]`;
+    const bg = this.bgCount > 0 ? this.bgBadgeSelected ? `${C.cyan}\x1B[7m${bgText}\x1B[27m${C.reset} ` : `${C.cyan}${bgText}${C.reset} ` : "";
     return `${q}${bg}${this.levelColor()}\u276F${C.reset} `;
   }
   visibleWidth(s) {
@@ -2672,7 +2839,7 @@ var Tui = class _Tui {
     const quitLine = this.quitArmed ? `${C.dim}Press Control-C again to exit${C.reset}` : null;
     const quitRows = quitLine ? 1 : 0;
     if (quitLine) writeHudRow(quitLine);
-    const frame = FRAMES[Math.floor(Date.now() / 100) % FRAMES.length];
+    const frame = FRAMES[Math.floor(Date.now() / SPINNER_MS) % FRAMES.length];
     for (const sub of this.subagents) {
       const color = sub.agentName === COMPACTION_AGENT ? COMPACTION_COLOR : SUBAGENT_COLORS[this.subagentColorByID.get(sub.id) ?? 0];
       const budget = cols2 - 10;
@@ -2961,6 +3128,7 @@ var Tui = class _Tui {
     if (on && !this.working) {
       this.working = true;
       this.workingStart = Date.now();
+      this.wordMill.reset(this.workingStart);
       this.goalComplete = false;
     } else if (!on) {
       this.working = false;
@@ -2992,7 +3160,7 @@ var Tui = class _Tui {
   syncSpinner() {
     const spinning = this.working || this.subagents.length > 0;
     if (spinning && !this.spinnerTimer) {
-      this.spinnerTimer = setInterval(() => this.renderBottom(), 100);
+      this.spinnerTimer = setInterval(() => this.renderBottom(), SPINNER_MS);
     } else if (!spinning && this.spinnerTimer) {
       clearInterval(this.spinnerTimer);
       this.spinnerTimer = null;
@@ -3003,6 +3171,7 @@ var Tui = class _Tui {
   }
   setBackgroundCount(n) {
     this.bgCount = n;
+    if (n === 0) this.bgBadgeSelected = false;
     this.renderBottom();
   }
   setQueuedCount(n) {
@@ -3047,6 +3216,7 @@ var Tui = class _Tui {
   }
   // ─── takeover helpers (approval / menus) ───────────────────────────────────
   beginTakeover() {
+    this.bgBadgeSelected = false;
     this.clearBottom();
     process.stdout.write("\r\x1B[K");
     process.stdout.write("\x1B[?25l");
@@ -3269,8 +3439,8 @@ function appendHistory(store, threadId, history, text) {
 // src/markdown.ts
 var ESC = "\x1B[";
 var R = ESC + "0m";
-var BOLD = ESC + "1m";
-var DIM2 = ESC + "2m";
+var BOLD2 = ESC + "1m";
+var DIM3 = ESC + "2m";
 var ITAL = ESC + "3m";
 var UNDER = ESC + "4m";
 var TEAL = ESC + "38;5;37m";
@@ -3292,11 +3462,11 @@ function inline(s) {
   });
   s = s.replace(
     /\[([^\]]+)\]\(([^)\s]+)\)/g,
-    (_, text, url) => `${CYAN}${UNDER}${text}${R} ${DIM2}${url}${R}`
+    (_, text, url) => `${CYAN}${UNDER}${text}${R} ${DIM3}${url}${R}`
   );
-  s = s.replace(/\*\*([^*]+)\*\*/g, (_, t) => `${BOLD}${t}${R}`);
+  s = s.replace(/\*\*([^*]+)\*\*/g, (_, t) => `${BOLD2}${t}${R}`);
   s = s.replace(/\*([^*\n]+)\*/g, (_, t) => `${ITAL}${t}${R}`);
-  s = s.replace(/~~([^~]+)~~/g, (_, t) => `${DIM2}${t}${R}`);
+  s = s.replace(/~~([^~]+)~~/g, (_, t) => `${DIM3}${t}${R}`);
   s = s.replace(/\x00(\d+)\x00/g, (_, i) => `${TEAL}${codes[+i].replace(/ /g, String.fromCharCode(160))}${R}`);
   return s;
 }
@@ -3349,7 +3519,7 @@ function renderTable(rows) {
     const cells = [];
     for (let c2 = 0; c2 < cols2; c2++) {
       const raw = r[c2] ?? "";
-      const styled = ri === 0 ? `${BOLD}${inline(raw)}${R}` : inline(raw);
+      const styled = ri === 0 ? `${BOLD2}${inline(raw)}${R}` : inline(raw);
       cells.push(padEndVisible(styled, widths[c2]));
     }
     out.push(("  " + cells.join(sep)).replace(/\s+$/, ""));
@@ -3389,7 +3559,7 @@ function renderMarkdown(src, cols2 = 80) {
     }
     const heading = line.match(/^(#{1,6})\s+(.*)$/);
     if (heading) {
-      for (const ln of wrapStyled(heading[2].trim(), cols2)) out.push(`${BOLD}${TEAL}${ln}${R}`);
+      for (const ln of wrapStyled(heading[2].trim(), cols2)) out.push(`${BOLD2}${TEAL}${ln}${R}`);
       i++;
       continue;
     }
@@ -3401,7 +3571,7 @@ function renderMarkdown(src, cols2 = 80) {
     const quote = line.match(/^\s*>\s?(.*)$/);
     if (quote) {
       for (const ln of wrapStyled(inline(quote[1]), Math.max(8, cols2 - 2))) {
-        out.push(`${GRAY}\u2502${R} ${DIM2}${ln}${R}`);
+        out.push(`${GRAY}\u2502${R} ${DIM3}${ln}${R}`);
       }
       i++;
       continue;
@@ -3417,7 +3587,7 @@ function renderMarkdown(src, cols2 = 80) {
     if (numbered) {
       const marker = `${numbered[2]}${numbered[3]}`;
       const leadWidth = numbered[1].length + marker.length + 1;
-      wrapBlock(out, cols2, `${numbered[1]}${BOLD}${marker}${R} `, " ".repeat(leadWidth), leadWidth, inline(numbered[4]));
+      wrapBlock(out, cols2, `${numbered[1]}${BOLD2}${marker}${R} `, " ".repeat(leadWidth), leadWidth, inline(numbered[4]));
       i++;
       continue;
     }
@@ -3706,7 +3876,7 @@ var McpManager = class {
       }));
       return {
         ok: true,
-        result: servers.length ? JSON.stringify({ servers }, null, 2) : "No MCP servers are connected. The user can add one with the /mcp command, or you can install one with install_mcp."
+        result: servers.length ? JSON.stringify({ servers }, null, 2) : 'No MCP servers are connected. The user can add one with the /mcp command, or you can install one with the mcp tool (action "install").'
       };
     }
     if (action === "list_tools") {
@@ -3839,6 +4009,16 @@ function saveCredential(cred, options = {}) {
   } catch {
   }
 }
+function deleteCredential(endpoint) {
+  const creds = loadCredentials();
+  delete creds.instances[normalizeEndpoint(endpoint)];
+  fs4.mkdirSync(DIR, { recursive: true });
+  fs4.writeFileSync(FILE, JSON.stringify(creds, null, 2), { mode: 384 });
+  try {
+    fs4.chmodSync(FILE, 384);
+  } catch {
+  }
+}
 function defaultEndpoint() {
   return loadCredentials().default_endpoint ?? null;
 }
@@ -3955,7 +4135,25 @@ function printAssistant(tui, text) {
   }
   tui.print("");
 }
+function startLoader(label) {
+  const frames = ["\u28F7", "\u28EF", "\u28DF", "\u287F", "\u28BF", "\u28FB", "\u28FD", "\u28FE"];
+  stdout.write("\x1B[?25l");
+  const draw = () => {
+    const now = Date.now();
+    const f = frames[Math.floor(now / 70) % frames.length];
+    stdout.write(`\r\x1B[K${brandCycleColor(now)}${f}${c.reset} ${c.dim}${label}\u2026${c.reset}`);
+  };
+  draw();
+  const timer = setInterval(draw, 70);
+  return {
+    stop: () => {
+      clearInterval(timer);
+      stdout.write("\r\x1B[K\x1B[?25h");
+    }
+  };
+}
 function farewell(stoppedProcs = 0) {
+  stdout.write("\x1B[?25h");
   if (stoppedProcs > 0) {
     stdout.write(
       `
@@ -4004,7 +4202,7 @@ function printWelcome(endpoint, projectDir) {
   const meta = [
     `${c.bold}${gradientText("Standard Code")}${c.reset}${version ? `  ${c.dim}v${version}${c.reset}` : ""}`,
     `${c.dim}terminal coding agent${c.reset}`,
-    `${c.teal}${host}${c.reset}`,
+    ...endpoint === PRODUCTION_ENDPOINT ? [] : [`${c.teal}${host}${c.reset}`],
     `${c.dim}${dir}${c.reset}`
   ];
   const markWidth = Math.max(...LOGO_MARK.map((l) => [...l].length));
@@ -4120,7 +4318,12 @@ ${c.dim}Press Control-C again to exit${c.reset}
   }
   const stored = getCredential(endpoint);
   let api = stored ? new ApiClient(endpoint, stored.access_token) : null;
-  const storedCheck = api ? await api.verifyDetailed() : null;
+  let storedCheck = null;
+  if (api) {
+    const connecting = startLoader("Connecting to Standard Agents");
+    storedCheck = await api.verifyDetailed();
+    connecting.stop();
+  }
   if (!api || !storedCheck?.ok) {
     const host = endpoint.replace(/^https?:\/\//, "").replace(/\/$/, "");
     if (storedCheck && !storedCheck.ok) {
@@ -4162,7 +4365,9 @@ ${c.dim}Press Control-C again to exit${c.reset}
         });
         if (!got) continue;
         api = new ApiClient(endpoint, got);
+        const connecting2 = startLoader("Connecting to Standard Agents");
         const check2 = await api.verifyDetailed();
+        connecting2.stop();
         if (check2.ok) {
           saveCredential(
             { endpoint, access_token: got, token_type: "Bearer", saved_at: Date.now() },
@@ -4176,7 +4381,9 @@ ${c.dim}Press Control-C again to exit${c.reset}
         continue;
       }
       api = new ApiClient(endpoint, token);
+      const connecting = startLoader("Connecting to Standard Agents");
       const check = await api.verifyDetailed();
+      connecting.stop();
       if (check.ok) {
         saveCredential(
           { endpoint, access_token: token, token_type: "Bearer", saved_at: Date.now() },
@@ -4195,18 +4402,20 @@ ${c.dim}Press Control-C again to exit${c.reset}
   handoffClosing = true;
   reader.rl?.close();
   const tags = [`path:${projectDir}`, `machine:${machine}`];
+  const loadingSessions = startLoader("Loading sessions");
   let existing = [];
   try {
     existing = await api.listThreads(AGENT_ID_VARIANTS, tags);
   } catch {
     existing = [];
   }
+  const summaries = existing.length > 0 ? await summarizeThreads(api, existing.slice(0, 8)) : [];
+  loadingSessions.stop();
   const tui = new Tui(1);
   let threadId;
   let resumed = false;
   let historySeed;
   if (existing.length > 0) {
-    const summaries = await summarizeThreads(api, existing.slice(0, 8));
     const items = summaries.map((s) => ({
       label: s.label,
       hint: s.hint,
@@ -4230,7 +4439,12 @@ ${c.dim}Press Control-C again to exit${c.reset}
   } else {
     threadId = await api.createThread(AGENT_ID, tags);
   }
-  await runInteractive(tui, api, threadId, projectDir, machine, resumed, historySeed);
+  for (; ; ) {
+    await runInteractive(tui, api, threadId, projectDir, machine, resumed, historySeed);
+    historySeed = threadId;
+    threadId = await api.createThread(AGENT_ID, tags);
+    resumed = false;
+  }
 }
 async function summarizeThreads(api, threads) {
   return Promise.all(
@@ -4367,6 +4581,7 @@ async function runInteractive(tui, api, threadId, projectDir, machine, resumed,
   saveApprovals(api, threadId, perm);
   void api.kvSet(threadId, "session_info", { cwd: projectDir, machine }).catch(() => {
   });
+  const attaching = startLoader("Attaching to thread");
   let busy = false;
   let interrupting = false;
   const queued = [];
@@ -4502,27 +4717,30 @@ ${c.bold}why: ${req.requestPermission}${c.reset}` : ""}`,
     if (activeSubagents.size > 0) scheduleReconcile();
   }, 5e3);
   heartbeatPoll.unref();
+  let endSession;
+  const sessionEnded = new Promise((r) => endSession = r);
   const quit = async () => {
     tui.end();
-    const stopped = api.stop(threadId).catch(() => {
+    const stopped2 = api.stop(threadId).catch(() => {
     });
-    const procsStopped = host.stopAllLocalProcesses().catch(() => 0);
+    const procsStopped2 = host.stopAllLocalProcesses().catch(() => 0);
     bridge.close();
     stream.close();
     events.close();
     mcp.closeAll();
-    const [, killed] = await Promise.race([
-      Promise.all([stopped, procsStopped]),
+    const [, killed2] = await Promise.race([
+      Promise.all([stopped2, procsStopped2]),
       new Promise((r) => setTimeout(() => r([void 0, 0]), 1500))
     ]);
-    farewell(killed);
+    farewell(killed2);
     process.exit(0);
   };
   tui.setQuitHandler(quit);
-  const viewThread = () => {
-    const url = `${api.origin}/threads/${threadId}`;
-    openUrl(url);
-    tui.print(`${c.gray}opened ${c.cyan}${url}${c.reset}`);
+  const logout = async () => {
+    deleteCredential(api.origin);
+    const instanceHost = api.origin.replace(/^https?:\/\//, "");
+    tui.print(`${c.gray}Signed out \u2014 removed the saved token for ${c.teal}${instanceHost}${c.reset}${c.gray}. Run standardcode to sign in again.${c.reset}`);
+    await quit();
   };
   const bgMgr = {
     list: () => registry.list(),
@@ -4554,7 +4772,8 @@ ${c.bold}why: ${req.requestPermission}${c.reset}` : ""}`,
       return mcpCtl.connect(cfg);
     },
     // Seed the request into the main chat — the agent researches + installs it
-    // there (using research_agent + install_mcp), visible in the transcript.
+    // there (using research_agent + the mcp tool's install action), visible in
+    // the transcript.
     requestInstall: (query) => {
       void sendNow(
         `Install an MCP server for me: ${query}. Research the best one and its exact launch command, then install it.`
@@ -4604,14 +4823,21 @@ ${c.bold}why: ${req.requestPermission}${c.reset}` : ""}`,
     setEnabled: (name, enabled) => api.setSkillEnabled(name, enabled),
     remove: (name) => api.removeSkill(name),
     // Seed the request into the main chat — the agent researches or authors
-    // the skill there (research_agent + install_skill), visible in the transcript.
+    // the skill there (research_agent + the skill tool's install action),
+    // visible in the transcript.
     requestInstall: (query) => {
       void sendNow(
-        `Install a skill for me: ${query}. Find the skill's published files (or author a proper SKILL.md from your research), install it with install_skill, then tell me what it can do.`
+        `Install a skill for me: ${query}. Find the skill's published files (or author a proper SKILL.md from your research), install it, then tell me what it can do.`
       );
     }
   };
   tui.setCommands([
+    {
+      name: "clear",
+      label: "Clear conversation",
+      hint: "start a fresh session",
+      run: () => endSession()
+    },
     {
       name: "compact",
       label: "Compact conversation now",
@@ -4644,8 +4870,8 @@ ${c.bold}why: ${req.requestPermission}${c.reset}` : ""}`,
       run: () => runSkillsMenu(tui, skillsCtl)
     },
     { name: "background", label: "Background processes", hint: "list / stop", run: () => runProcessMenu(tui, bgMgr) },
-    { name: "view", label: "View thread in AgentBuilder", run: () => viewThread() },
     { name: "keybindings", label: "Keyboard shortcuts", run: () => showKeybindings(tui) },
+    { name: "logout", label: "Sign out", hint: "delete the saved token & quit", run: () => logout() },
     { name: "quit", label: "Quit", run: () => quit() }
   ]);
   const history = await loadHistory(api, threadId, historySeedThreadId);
@@ -4684,6 +4910,10 @@ ${c.bold}why: ${req.requestPermission}${c.reset}` : ""}`,
       });
     }
   };
+  tui.onBgBadge = () => {
+    void runProcessMenu(tui, bgMgr).catch(() => {
+    });
+  };
   tui.onUpArrow = () => {
     if (tui.getInput().trim() || queued.length === 0) return false;
     const q = queued.pop();
@@ -4696,6 +4926,7 @@ ${c.bold}why: ${req.requestPermission}${c.reset}` : ""}`,
   await Promise.all([bridge.connect(), stream.connect()]);
   void api.getGoal(threadId).then((g) => tui.setGoal(g)).catch(() => {
   });
+  attaching.stop();
   tui.banner([
     `${c.bold}${c.magenta}Standard Code${c.reset} ${c.dim}\u2014 coding agent${c.reset}`,
     `${c.gray}project:${c.reset} ${projectDir}`,
@@ -4795,10 +5026,33 @@ ${c.bold}why: ${req.requestPermission}${c.reset}` : ""}`,
     } catch {
     }
   };
-  setInterval(() => void poll().catch(() => {
+  const pollTimer = setInterval(() => void poll().catch(() => {
   }), 1200);
-  await new Promise(() => {
+  await sessionEnded;
+  clearInterval(pollTimer);
+  clearInterval(heartbeatPoll);
+  const stopped = api.stop(threadId).catch(() => {
   });
+  const procsStopped = host.stopAllLocalProcesses().catch(() => 0);
+  bridge.close();
+  stream.close();
+  events.close();
+  mcp.closeAll();
+  const [, killed] = await Promise.race([
+    Promise.all([stopped, procsStopped]),
+    new Promise((r) => setTimeout(() => r([void 0, 0]), 1500))
+  ]);
+  tui.setWorking(false);
+  tui.setSubagents([]);
+  tui.setGoal(null);
+  tui.setQueuedCount(0);
+  tui.setContextPct(null);
+  tui.setStep(null, 0);
+  tui.setBackgroundCount(0);
+  if (killed > 0) {
+    tui.print(`${c.cyan}\u2699${c.reset} Stopped ${killed} background process${killed === 1 ? "" : "es"}.`);
+  }
+  tui.print(`${c.dim}\u2500\u2500 conversation cleared \u2014 starting a fresh session \u2500\u2500${c.reset}`);
 }
 async function runSkillsMenu(tui, skills) {
   let list;
@@ -4870,6 +5124,7 @@ function showKeybindings(tui) {
   tui.print(`${c.gray}  /${c.reset}          open the command palette (type to filter)`);
   tui.print(`${c.gray}  ctrl-v${c.reset}     paste an image from the clipboard ([#Image 1])`);
   tui.print(`${c.gray}  \u2191 / \u2193${c.reset}      cycle past messages (on the input's top line)`);
+  tui.print(`${c.gray}  \u2190${c.reset}          from the start of the input: select the [\u2699 n bg] badge (enter opens it)`);
   tui.print(`${c.gray}  ctrl-c${c.reset}     quit`);
 }
 async function runProcessMenu(tui, bg) {