@sma1lboy/kobe 0.5.3 → 0.5.5

package/dist/cli/index.js

@@ -41,6 +41,7 @@ var init_env = () => {};
 var exports_repos = {};
 __export(exports_repos, {
   statePath: () => statePath,
+  sameRepoToplevel: () => sameRepoToplevel,
   resolveRepoRoot: () => resolveRepoRoot,
   removeSavedRepo: () => removeSavedRepo,
   normalizeSavedRepos: () => normalizeSavedRepos,
@@ -67,6 +68,19 @@ function resolveRepoRoot(absPath) {
   } catch {}
   return top;
 }
+function sameRepoToplevel(a, b) {
+  if (a === b)
+    return true;
+  const topA = resolveRepoRoot(a);
+  const topB = resolveRepoRoot(b);
+  if (topA === topB)
+    return true;
+  try {
+    return realpathSync(topA) === realpathSync(topB);
+  } catch {
+    return false;
+  }
+}
 function statePath() {
   return kvStatePath();
 }
@@ -5494,6 +5508,38 @@ var init_keybindings = __esm(() => {
       description: "Previous chat tab",
       hint: { keys: "ctrl+[", label: "prev tab" }
     },
+    {
+      id: "chat.question.nav",
+      scope: "workspace",
+      keys: ["j", "k", "down", "up"],
+      category: "Workspace",
+      description: "Move highlight in question picker",
+      hint: { keys: "j/k", label: "pick" }
+    },
+    {
+      id: "chat.question.toggle",
+      scope: "workspace",
+      keys: ["space"],
+      category: "Workspace",
+      description: "Toggle highlighted option in question picker",
+      hint: { keys: "space", label: "toggle" }
+    },
+    {
+      id: "chat.question.submit",
+      scope: "workspace",
+      keys: ["return"],
+      category: "Workspace",
+      description: "Advance / submit question picker",
+      hint: { keys: "enter", label: "submit" }
+    },
+    {
+      id: "chat.question.pick-number",
+      scope: "workspace",
+      keys: ["1", "2", "3", "4", "5", "6", "7", "8", "9"],
+      category: "Workspace",
+      description: "Pick option by number in question picker",
+      hint: { keys: "1-9", label: "pick" }
+    },
     {
       id: "files.nav",
       scope: "files",
@@ -5601,8 +5647,8 @@ var init_keys = __esm(() => {
 });
 
 // src/tui/panes/filetree/FileTree.tsx
-import { TextAttributes as TextAttributes3 } from "@opentui/core";
 import { watch } from "fs";
+import { TextAttributes as TextAttributes3 } from "@opentui/core";
 function statusToken(s) {
   switch (s) {
     case "M":
@@ -6543,7 +6589,7 @@ function FileLine(props) {
     insertNode(_el$3, _el$4);
     setProp(_el$3, "paddingLeft", 1);
     setProp(_el$3, "paddingRight", 1);
-    setProp(_el$4, "wrapMode", "none");
+    setProp(_el$4, "wrapMode", "word");
     insert(_el$4, () => props.text || " ");
     effect((_$p) => setProp(_el$4, "fg", theme.text, _$p));
     return _el$3;
@@ -8825,7 +8871,7 @@ var init_package = __esm(() => {
   package_default = {
     $schema: "https://json.schemastore.org/package.json",
     name: "@sma1lboy/kobe",
-    version: "0.5.3",
+    version: "0.5.5",
     description: "TUI orchestrator for Claude Code (codename)",
     type: "module",
     packageManager: "bun@1.3.13",
@@ -8853,6 +8899,7 @@ var init_package = __esm(() => {
       "dev:test": "bun run scripts/dev-fixture.ts && KOBE_DEV=1 KOBE_TEST_ENGINE=dev-fake KOBE_HOME_DIR=$PWD/.dev-fixture/home bun --preload @opentui/solid/preload --conditions=browser ./src/cli/index.ts",
       "dev:test:reset": "bun run scripts/dev-fixture.ts --reset",
       build: "bun run scripts/build.ts",
+      compile: "bun run scripts/compile.ts",
       typecheck: "tsc --noEmit",
       test: "vitest run --passWithNoTests",
       "test:behavior": "vitest run test/behavior --passWithNoTests",
@@ -10047,8 +10094,12 @@ async function connectOrStartDaemon() {
   const client = new KobeDaemonClient(socketPath);
   if (await canConnect(client))
     return client;
-  const entry = resolveKobedEntry();
-  const child = spawn2(process.execPath, [entry, "start"], {
+  const { entry, runWithBun } = resolveKobedEntry();
+  const child = runWithBun ? spawn2(process.execPath, [entry, "start"], {
+    detached: true,
+    stdio: "ignore",
+    env: process.env
+  }) : spawn2(entry, ["start"], {
     detached: true,
     stdio: "ignore",
     env: process.env
@@ -10080,14 +10131,23 @@ async function canConnect(client) {
 }
 function resolveKobedEntry() {
   const here = fileURLToPath(import.meta.url);
+  if (here.startsWith("/$bunfs") || here.startsWith("B:\\~BUN")) {
+    const exeDir = dirname4(process.execPath);
+    const ext = process.platform === "win32" ? ".exe" : "";
+    const sibling = join8(exeDir, `kobed${ext}`);
+    if (!existsSync4(sibling)) {
+      throw new Error(`kobe: standalone build expected sibling kobed binary at ${sibling}; extract the full release tarball.`);
+    }
+    return { entry: sibling, runWithBun: false };
+  }
   const dir = dirname4(here);
   const sourceEntry = resolve2(dir, "../bin/kobed.ts");
   if (existsSync4(sourceEntry))
-    return sourceEntry;
+    return { entry: sourceEntry, runWithBun: true };
   const distEntry = join8(dirname4(process.argv[1] ?? here), "bin", "kobed.js");
   if (existsSync4(distEntry))
-    return distEntry;
-  return join8(process.cwd(), "dist", "bin", "kobed.js");
+    return { entry: distEntry, runWithBun: true };
+  return { entry: join8(process.cwd(), "dist", "bin", "kobed.js"), runWithBun: true };
 }
 var init_daemon_process = __esm(() => {
   init_paths2();
@@ -10628,13 +10688,13 @@ class Orchestrator {
       throw new Error("ensureMainTask: repo is required");
     const normalized = resolveRepoRoot(repo);
     const all = this.store.list();
-    const candidates = all.filter((t) => t.kind === "main" && (t.repo === normalized || resolveRepoRoot(t.repo) === normalized));
+    const candidates = all.filter((t) => t.kind === "main" && sameRepoToplevel(t.repo, normalized));
     const winner = candidates.find((t) => t.repo === normalized) ?? candidates[0];
     if (winner) {
       for (const dup of candidates) {
         if (dup.id !== winner.id) {
           try {
-            await this.deleteTask(dup.id);
+            await this.store.remove(dup.id);
           } catch (err) {
             console.error(`[kobe orchestrator] ensureMainTask: failed to remove duplicate ${dup.id}:`, err);
           }
@@ -11035,6 +11095,15 @@ class Orchestrator {
     await this.store.update(task.id, { tabs });
     return tab;
   }
+  async clearTab(id, tabId) {
+    const task = this.requireTask(id);
+    if (!task.tabs.some((t) => t.id === tabId)) {
+      throw new Error(`clearTab: tab ${tabId} not found on task ${task.id}`);
+    }
+    await this.stopTab(task.id, tabId);
+    await this.updateTab(task.id, tabId, { sessionId: null });
+    this.dispatchEvent(task.id, tabId, { type: "chat.tab.cleared" });
+  }
   async closeTab(id, tabId) {
     const task = this.requireTask(id);
     if (task.tabs.length <= 1) {
@@ -11408,6 +11477,9 @@ class RemoteOrchestrator {
     const res = await this.client.request("chat.tab.close", { taskId, tabId });
     return res.nextActive;
   }
+  async clearTab(taskId, tabId) {
+    await this.client.request("chat.tab.clear", { taskId, tabId });
+  }
   async setActiveTab(taskId, tabId) {
     await this.client.request("chat.tab.activate", { taskId, tabId });
   }
@@ -11949,7 +12021,7 @@ function SettingsDialog(props) {
   }
   function bodyRowCount() {
     if (section() === "general")
-      return themeNames().length + 1 + FOCUS_ACCENT_SLOTS.length;
+      return themeNames().length + 1 + FOCUS_ACCENT_SLOTS.length + 2;
     if (section() === "dev")
       return devRowCount();
     return 0;
@@ -11966,6 +12038,30 @@ function SettingsDialog(props) {
       return null;
     return i;
   }
+  function toastRowIndex() {
+    return themeNames().length + 1 + FOCUS_ACCENT_SLOTS.length;
+  }
+  function soundRowIndex() {
+    return toastRowIndex() + 1;
+  }
+  function isToastRow() {
+    return section() === "general" && bodyRow() === toastRowIndex();
+  }
+  function isSoundRow() {
+    return section() === "general" && bodyRow() === soundRowIndex();
+  }
+  function toastEnabled() {
+    return props.kv.get("notifications.toast.enabled", true) !== false;
+  }
+  function soundEnabled() {
+    return props.kv.get("notifications.sound.enabled", true) !== false;
+  }
+  function toggleToast() {
+    props.kv.set("notifications.toast.enabled", !toastEnabled());
+  }
+  function toggleSound() {
+    props.kv.set("notifications.sound.enabled", !soundEnabled());
+  }
   function moveCursor(delta) {
     if (level() === "sidebar") {
       const next2 = (cursor() + delta + SECTIONS.length) % SECTIONS.length;
@@ -12108,6 +12204,14 @@ function SettingsDialog(props) {
                 themeCtx.setFocusAccent(slot);
               return;
             }
+            if (isToastRow()) {
+              toggleToast();
+              return;
+            }
+            if (isSoundRow()) {
+              toggleSound();
+              return;
+            }
             const name = themeNames()[bodyRow()];
             if (name)
               themeCtx.set(name);
@@ -12128,10 +12232,10 @@ function SettingsDialog(props) {
     ]
   }));
   return (() => {
-    var _el$ = createElement("box"), _el$2 = createElement("box"), _el$3 = createElement("text"), _el$5 = createElement("text"), _el$7 = createElement("box"), _el$8 = createElement("box"), _el$9 = createElement("box"), _el$36 = createElement("box"), _el$37 = createElement("text");
+    var _el$ = createElement("box"), _el$2 = createElement("box"), _el$3 = createElement("text"), _el$5 = createElement("text"), _el$7 = createElement("box"), _el$8 = createElement("box"), _el$9 = createElement("box"), _el$47 = createElement("box"), _el$48 = createElement("text");
     insertNode(_el$, _el$2);
     insertNode(_el$, _el$7);
-    insertNode(_el$, _el$36);
+    insertNode(_el$, _el$47);
     setProp(_el$, "paddingLeft", 2);
     setProp(_el$, "paddingRight", 2);
     setProp(_el$, "paddingBottom", 1);
@@ -12157,28 +12261,28 @@ function SettingsDialog(props) {
         const isSection = () => i() === cursor();
         const isSidebarFocused = () => isSection() && level() === "sidebar";
         return (() => {
-          var _el$39 = createElement("box"), _el$40 = createElement("text");
-          insertNode(_el$39, _el$40);
-          setProp(_el$39, "paddingLeft", 1);
-          setProp(_el$39, "paddingRight", 1);
-          setProp(_el$39, "onMouseUp", () => {
+          var _el$50 = createElement("box"), _el$51 = createElement("text");
+          insertNode(_el$50, _el$51);
+          setProp(_el$50, "paddingLeft", 1);
+          setProp(_el$50, "paddingRight", 1);
+          setProp(_el$50, "onMouseUp", () => {
             switchSection(s.id);
             setLevel("sidebar");
           });
-          setProp(_el$40, "wrapMode", "none");
-          insert(_el$40, () => s.label);
+          setProp(_el$51, "wrapMode", "none");
+          insert(_el$51, () => s.label);
           effect((_p$) => {
-            var _v$21 = isSidebarFocused() ? theme.primary : undefined, _v$22 = isSidebarFocused() ? theme.selectedListItemText : isSection() ? theme.accent : theme.textMuted, _v$23 = isSection() ? TextAttributes8.BOLD : undefined;
-            _v$21 !== _p$.e && (_p$.e = setProp(_el$39, "backgroundColor", _v$21, _p$.e));
-            _v$22 !== _p$.t && (_p$.t = setProp(_el$40, "fg", _v$22, _p$.t));
-            _v$23 !== _p$.a && (_p$.a = setProp(_el$40, "attributes", _v$23, _p$.a));
+            var _v$30 = isSidebarFocused() ? theme.primary : undefined, _v$31 = isSidebarFocused() ? theme.selectedListItemText : isSection() ? theme.accent : theme.textMuted, _v$32 = isSection() ? TextAttributes8.BOLD : undefined;
+            _v$30 !== _p$.e && (_p$.e = setProp(_el$50, "backgroundColor", _v$30, _p$.e));
+            _v$31 !== _p$.t && (_p$.t = setProp(_el$51, "fg", _v$31, _p$.t));
+            _v$32 !== _p$.a && (_p$.a = setProp(_el$51, "attributes", _v$32, _p$.a));
             return _p$;
           }, {
             e: undefined,
             t: undefined,
             a: undefined
           });
-          return _el$39;
+          return _el$50;
         })();
       }
     }));
@@ -12191,12 +12295,13 @@ function SettingsDialog(props) {
         return section() === "general";
       },
       get children() {
-        var _el$0 = createElement("box"), _el$1 = createElement("text"), _el$11 = createElement("text"), _el$13 = createElement("box"), _el$14 = createElement("box"), _el$15 = createElement("text"), _el$17 = createElement("text"), _el$19 = createElement("box"), _el$20 = createElement("text"), _el$21 = createElement("box"), _el$22 = createElement("text"), _el$24 = createElement("text");
+        var _el$0 = createElement("box"), _el$1 = createElement("text"), _el$11 = createElement("text"), _el$13 = createElement("box"), _el$14 = createElement("box"), _el$15 = createElement("text"), _el$17 = createElement("text"), _el$19 = createElement("box"), _el$20 = createElement("text"), _el$21 = createElement("box"), _el$22 = createElement("text"), _el$24 = createElement("text"), _el$26 = createElement("box"), _el$27 = createElement("text"), _el$29 = createElement("text"), _el$31 = createElement("box"), _el$32 = createElement("text"), _el$33 = createTextNode(` Toast`), _el$34 = createElement("box"), _el$35 = createElement("text"), _el$36 = createTextNode(` Sound`);
         insertNode(_el$0, _el$1);
         insertNode(_el$0, _el$11);
         insertNode(_el$0, _el$13);
         insertNode(_el$0, _el$14);
         insertNode(_el$0, _el$21);
+        insertNode(_el$0, _el$26);
         setProp(_el$0, "flexDirection", "column");
         setProp(_el$0, "gap", 1);
         insertNode(_el$1, createTextNode(`Theme`));
@@ -12211,33 +12316,33 @@ function SettingsDialog(props) {
             const isCursor = () => level() === "body" && bodyRow() === i();
             const isSelected = () => name === themeCtx.selected;
             return (() => {
-              var _el$41 = createElement("box"), _el$42 = createElement("text");
-              insertNode(_el$41, _el$42);
-              setProp(_el$41, "flexDirection", "row");
-              setProp(_el$41, "gap", 1);
-              setProp(_el$41, "paddingLeft", 1);
-              setProp(_el$41, "paddingRight", 1);
-              setProp(_el$41, "onMouseUp", () => {
+              var _el$52 = createElement("box"), _el$53 = createElement("text");
+              insertNode(_el$52, _el$53);
+              setProp(_el$52, "flexDirection", "row");
+              setProp(_el$52, "gap", 1);
+              setProp(_el$52, "paddingLeft", 1);
+              setProp(_el$52, "paddingRight", 1);
+              setProp(_el$52, "onMouseUp", () => {
                 setLevel("body");
                 setBodyRow(i());
                 setThemeCursor(i());
                 themeCtx.set(name);
               });
-              setProp(_el$42, "wrapMode", "none");
-              insert(_el$42, () => isSelected() ? "\u25CF " : "  ", null);
-              insert(_el$42, name, null);
+              setProp(_el$53, "wrapMode", "none");
+              insert(_el$53, () => isSelected() ? "\u25CF " : "  ", null);
+              insert(_el$53, name, null);
               effect((_p$) => {
-                var _v$24 = isCursor() ? theme.primary : undefined, _v$25 = isCursor() ? theme.selectedListItemText : isSelected() ? theme.accent : theme.text, _v$26 = isCursor() || isSelected() ? TextAttributes8.BOLD : undefined;
-                _v$24 !== _p$.e && (_p$.e = setProp(_el$41, "backgroundColor", _v$24, _p$.e));
-                _v$25 !== _p$.t && (_p$.t = setProp(_el$42, "fg", _v$25, _p$.t));
-                _v$26 !== _p$.a && (_p$.a = setProp(_el$42, "attributes", _v$26, _p$.a));
+                var _v$33 = isCursor() ? theme.primary : undefined, _v$34 = isCursor() ? theme.selectedListItemText : isSelected() ? theme.accent : theme.text, _v$35 = isCursor() || isSelected() ? TextAttributes8.BOLD : undefined;
+                _v$33 !== _p$.e && (_p$.e = setProp(_el$52, "backgroundColor", _v$33, _p$.e));
+                _v$34 !== _p$.t && (_p$.t = setProp(_el$53, "fg", _v$34, _p$.t));
+                _v$35 !== _p$.a && (_p$.a = setProp(_el$53, "attributes", _v$35, _p$.a));
                 return _p$;
               }, {
                 e: undefined,
                 t: undefined,
                 a: undefined
               });
-              return _el$41;
+              return _el$52;
             })();
           }
         }));
@@ -12276,37 +12381,73 @@ function SettingsDialog(props) {
             const isCursor = () => level() === "body" && bodyRow() === rowIndex();
             const isSelected = () => themeCtx.focusAccent === slot;
             return (() => {
-              var _el$43 = createElement("box"), _el$44 = createElement("text");
-              insertNode(_el$43, _el$44);
-              setProp(_el$43, "flexDirection", "row");
-              setProp(_el$43, "gap", 1);
-              setProp(_el$43, "paddingLeft", 1);
-              setProp(_el$43, "paddingRight", 1);
-              setProp(_el$43, "onMouseUp", () => {
+              var _el$54 = createElement("box"), _el$55 = createElement("text");
+              insertNode(_el$54, _el$55);
+              setProp(_el$54, "flexDirection", "row");
+              setProp(_el$54, "gap", 1);
+              setProp(_el$54, "paddingLeft", 1);
+              setProp(_el$54, "paddingRight", 1);
+              setProp(_el$54, "onMouseUp", () => {
                 setLevel("body");
                 setBodyRow(rowIndex());
                 themeCtx.setFocusAccent(slot);
               });
-              setProp(_el$44, "wrapMode", "none");
-              insert(_el$44, () => isSelected() ? "\u25CF " : "  ", null);
-              insert(_el$44, () => FOCUS_ACCENT_LABEL[slot], null);
+              setProp(_el$55, "wrapMode", "none");
+              insert(_el$55, () => isSelected() ? "\u25CF " : "  ", null);
+              insert(_el$55, () => FOCUS_ACCENT_LABEL[slot], null);
               effect((_p$) => {
-                var _v$27 = isCursor() ? theme.primary : undefined, _v$28 = isCursor() ? theme.selectedListItemText : isSelected() ? theme.focusAccent : theme.text, _v$29 = isCursor() || isSelected() ? TextAttributes8.BOLD : undefined;
-                _v$27 !== _p$.e && (_p$.e = setProp(_el$43, "backgroundColor", _v$27, _p$.e));
-                _v$28 !== _p$.t && (_p$.t = setProp(_el$44, "fg", _v$28, _p$.t));
-                _v$29 !== _p$.a && (_p$.a = setProp(_el$44, "attributes", _v$29, _p$.a));
+                var _v$36 = isCursor() ? theme.primary : undefined, _v$37 = isCursor() ? theme.selectedListItemText : isSelected() ? theme.focusAccent : theme.text, _v$38 = isCursor() || isSelected() ? TextAttributes8.BOLD : undefined;
+                _v$36 !== _p$.e && (_p$.e = setProp(_el$54, "backgroundColor", _v$36, _p$.e));
+                _v$37 !== _p$.t && (_p$.t = setProp(_el$55, "fg", _v$37, _p$.t));
+                _v$38 !== _p$.a && (_p$.a = setProp(_el$55, "attributes", _v$38, _p$.a));
                 return _p$;
               }, {
                 e: undefined,
                 t: undefined,
                 a: undefined
               });
-              return _el$43;
+              return _el$54;
             })();
           }
         }), null);
+        insertNode(_el$26, _el$27);
+        insertNode(_el$26, _el$29);
+        insertNode(_el$26, _el$31);
+        insertNode(_el$26, _el$34);
+        setProp(_el$26, "flexDirection", "column");
+        setProp(_el$26, "gap", 0);
+        setProp(_el$26, "paddingTop", 1);
+        insertNode(_el$27, createTextNode(`Notifications`));
+        insertNode(_el$29, createTextNode(`Fired when a background chat tab finishes or pauses on an approval. Toast = bottom-right popup; Sound = terminal bell + chime. Tab-chip unread dot is always on.`));
+        setProp(_el$29, "wrapMode", "word");
+        insertNode(_el$31, _el$32);
+        setProp(_el$31, "flexDirection", "row");
+        setProp(_el$31, "gap", 1);
+        setProp(_el$31, "paddingLeft", 1);
+        setProp(_el$31, "paddingRight", 1);
+        setProp(_el$31, "onMouseUp", () => {
+          setLevel("body");
+          setBodyRow(toastRowIndex());
+          toggleToast();
+        });
+        insertNode(_el$32, _el$33);
+        setProp(_el$32, "wrapMode", "none");
+        insert(_el$32, () => toastEnabled() ? "[x]" : "[ ]", _el$33);
+        insertNode(_el$34, _el$35);
+        setProp(_el$34, "flexDirection", "row");
+        setProp(_el$34, "gap", 1);
+        setProp(_el$34, "paddingLeft", 1);
+        setProp(_el$34, "paddingRight", 1);
+        setProp(_el$34, "onMouseUp", () => {
+          setLevel("body");
+          setBodyRow(soundRowIndex());
+          toggleSound();
+        });
+        insertNode(_el$35, _el$36);
+        setProp(_el$35, "wrapMode", "none");
+        insert(_el$35, () => soundEnabled() ? "[x]" : "[ ]", _el$36);
         effect((_p$) => {
-          var _v$ = theme.text, _v$2 = TextAttributes8.BOLD, _v$3 = theme.textMuted, _v$4 = theme.text, _v$5 = TextAttributes8.BOLD, _v$6 = theme.textMuted, _v$7 = isTransparentRow() ? theme.primary : undefined, _v$8 = isTransparentRow() ? theme.selectedListItemText : themeCtx.transparentBackground ? theme.accent : theme.textMuted, _v$9 = TextAttributes8.BOLD, _v$0 = theme.text, _v$1 = TextAttributes8.BOLD, _v$10 = theme.textMuted;
+          var _v$ = theme.text, _v$2 = TextAttributes8.BOLD, _v$3 = theme.textMuted, _v$4 = theme.text, _v$5 = TextAttributes8.BOLD, _v$6 = theme.textMuted, _v$7 = isTransparentRow() ? theme.primary : undefined, _v$8 = isTransparentRow() ? theme.selectedListItemText : themeCtx.transparentBackground ? theme.accent : theme.textMuted, _v$9 = TextAttributes8.BOLD, _v$0 = theme.text, _v$1 = TextAttributes8.BOLD, _v$10 = theme.textMuted, _v$11 = theme.text, _v$12 = TextAttributes8.BOLD, _v$13 = theme.textMuted, _v$14 = isToastRow() ? theme.primary : undefined, _v$15 = isToastRow() ? theme.selectedListItemText : toastEnabled() ? theme.accent : theme.textMuted, _v$16 = TextAttributes8.BOLD, _v$17 = isSoundRow() ? theme.primary : undefined, _v$18 = isSoundRow() ? theme.selectedListItemText : soundEnabled() ? theme.accent : theme.textMuted, _v$19 = TextAttributes8.BOLD;
           _v$ !== _p$.e && (_p$.e = setProp(_el$1, "fg", _v$, _p$.e));
           _v$2 !== _p$.t && (_p$.t = setProp(_el$1, "attributes", _v$2, _p$.t));
           _v$3 !== _p$.a && (_p$.a = setProp(_el$11, "fg", _v$3, _p$.a));
@@ -12319,6 +12460,15 @@ function SettingsDialog(props) {
           _v$0 !== _p$.d && (_p$.d = setProp(_el$22, "fg", _v$0, _p$.d));
           _v$1 !== _p$.l && (_p$.l = setProp(_el$22, "attributes", _v$1, _p$.l));
           _v$10 !== _p$.u && (_p$.u = setProp(_el$24, "fg", _v$10, _p$.u));
+          _v$11 !== _p$.c && (_p$.c = setProp(_el$27, "fg", _v$11, _p$.c));
+          _v$12 !== _p$.w && (_p$.w = setProp(_el$27, "attributes", _v$12, _p$.w));
+          _v$13 !== _p$.m && (_p$.m = setProp(_el$29, "fg", _v$13, _p$.m));
+          _v$14 !== _p$.f && (_p$.f = setProp(_el$31, "backgroundColor", _v$14, _p$.f));
+          _v$15 !== _p$.y && (_p$.y = setProp(_el$32, "fg", _v$15, _p$.y));
+          _v$16 !== _p$.g && (_p$.g = setProp(_el$32, "attributes", _v$16, _p$.g));
+          _v$17 !== _p$.p && (_p$.p = setProp(_el$34, "backgroundColor", _v$17, _p$.p));
+          _v$18 !== _p$.b && (_p$.b = setProp(_el$35, "fg", _v$18, _p$.b));
+          _v$19 !== _p$.T && (_p$.T = setProp(_el$35, "attributes", _v$19, _p$.T));
           return _p$;
         }, {
           e: undefined,
@@ -12332,7 +12482,16 @@ function SettingsDialog(props) {
           r: undefined,
           d: undefined,
           l: undefined,
-          u: undefined
+          u: undefined,
+          c: undefined,
+          w: undefined,
+          m: undefined,
+          f: undefined,
+          y: undefined,
+          g: undefined,
+          p: undefined,
+          b: undefined,
+          T: undefined
         });
         return _el$0;
       }
@@ -12342,119 +12501,119 @@ function SettingsDialog(props) {
         return section() === "dev";
       },
       get children() {
-        var _el$26 = createElement("box"), _el$27 = createElement("text"), _el$29 = createElement("text");
-        insertNode(_el$26, _el$27);
-        insertNode(_el$26, _el$29);
-        setProp(_el$26, "flexDirection", "column");
-        setProp(_el$26, "gap", 1);
-        insertNode(_el$27, createTextNode(`Reset UI state`));
-        insertNode(_el$29, createTextNode(`Clears ~/.config/kobe/state.json and ~/.kobe/tasks.json, then quits kobe \u2014 relaunch to start fresh. Working session / Archive lists, pane sizes, theme, model picks all reset. Worktrees on disk and Claude Code session history are not touched.`));
-        setProp(_el$29, "wrapMode", "word");
-        insert(_el$26, () => {
+        var _el$37 = createElement("box"), _el$38 = createElement("text"), _el$40 = createElement("text");
+        insertNode(_el$37, _el$38);
+        insertNode(_el$37, _el$40);
+        setProp(_el$37, "flexDirection", "column");
+        setProp(_el$37, "gap", 1);
+        insertNode(_el$38, createTextNode(`Reset UI state`));
+        insertNode(_el$40, createTextNode(`Clears ~/.config/kobe/state.json and ~/.kobe/tasks.json, then quits kobe \u2014 relaunch to start fresh. Working session / Archive lists, pane sizes, theme, model picks all reset. Worktrees on disk and Claude Code session history are not touched.`));
+        setProp(_el$40, "wrapMode", "word");
+        insert(_el$37, () => {
           const isCursor = () => level() === "body" && bodyRow() === 0;
           return (() => {
-            var _el$45 = createElement("box"), _el$46 = createElement("text");
-            insertNode(_el$45, _el$46);
-            setProp(_el$45, "flexDirection", "row");
-            setProp(_el$45, "paddingLeft", 1);
-            setProp(_el$45, "paddingRight", 1);
-            setProp(_el$45, "onMouseUp", () => {
+            var _el$56 = createElement("box"), _el$57 = createElement("text");
+            insertNode(_el$56, _el$57);
+            setProp(_el$56, "flexDirection", "row");
+            setProp(_el$56, "paddingLeft", 1);
+            setProp(_el$56, "paddingRight", 1);
+            setProp(_el$56, "onMouseUp", () => {
               setLevel("body");
               setBodyRow(0);
               confirmReset();
             });
-            insertNode(_el$46, createTextNode(`[enter] Reset`));
+            insertNode(_el$57, createTextNode(`[enter] Reset`));
             effect((_p$) => {
-              var _v$30 = isCursor() ? theme.primary : theme.backgroundElement, _v$31 = isCursor() ? theme.selectedListItemText : theme.warning, _v$32 = TextAttributes8.BOLD;
-              _v$30 !== _p$.e && (_p$.e = setProp(_el$45, "backgroundColor", _v$30, _p$.e));
-              _v$31 !== _p$.t && (_p$.t = setProp(_el$46, "fg", _v$31, _p$.t));
-              _v$32 !== _p$.a && (_p$.a = setProp(_el$46, "attributes", _v$32, _p$.a));
+              var _v$39 = isCursor() ? theme.primary : theme.backgroundElement, _v$40 = isCursor() ? theme.selectedListItemText : theme.warning, _v$41 = TextAttributes8.BOLD;
+              _v$39 !== _p$.e && (_p$.e = setProp(_el$56, "backgroundColor", _v$39, _p$.e));
+              _v$40 !== _p$.t && (_p$.t = setProp(_el$57, "fg", _v$40, _p$.t));
+              _v$41 !== _p$.a && (_p$.a = setProp(_el$57, "attributes", _v$41, _p$.a));
               return _p$;
             }, {
               e: undefined,
               t: undefined,
               a: undefined
             });
-            return _el$45;
+            return _el$56;
           })();
         }, null);
-        insert(_el$26, createComponent2(Show, {
+        insert(_el$37, createComponent2(Show, {
           when: hasDaemon,
           get children() {
-            var _el$31 = createElement("box"), _el$32 = createElement("text"), _el$34 = createElement("text");
-            insertNode(_el$31, _el$32);
-            insertNode(_el$31, _el$34);
-            setProp(_el$31, "flexDirection", "column");
-            setProp(_el$31, "gap", 0);
-            setProp(_el$31, "paddingTop", 1);
-            insertNode(_el$32, createTextNode(`Restart backend`));
-            insertNode(_el$34, createTextNode(`Stops the kobed daemon and quits this kobe window so the next launch spawns a fresh daemon \u2014 picks up daemon / orchestrator / engine edits without a process kill. Other attached kobe windows will lose their connection too.`));
-            setProp(_el$34, "wrapMode", "word");
-            insert(_el$31, () => {
+            var _el$42 = createElement("box"), _el$43 = createElement("text"), _el$45 = createElement("text");
+            insertNode(_el$42, _el$43);
+            insertNode(_el$42, _el$45);
+            setProp(_el$42, "flexDirection", "column");
+            setProp(_el$42, "gap", 0);
+            setProp(_el$42, "paddingTop", 1);
+            insertNode(_el$43, createTextNode(`Restart backend`));
+            insertNode(_el$45, createTextNode(`Stops the kobed daemon and quits this kobe window so the next launch spawns a fresh daemon \u2014 picks up daemon / orchestrator / engine edits without a process kill. Other attached kobe windows will lose their connection too.`));
+            setProp(_el$45, "wrapMode", "word");
+            insert(_el$42, () => {
               const isCursor = () => level() === "body" && bodyRow() === 1;
               return (() => {
-                var _el$48 = createElement("box"), _el$49 = createElement("text");
-                insertNode(_el$48, _el$49);
-                setProp(_el$48, "flexDirection", "row");
-                setProp(_el$48, "paddingLeft", 1);
-                setProp(_el$48, "paddingRight", 1);
-                setProp(_el$48, "onMouseUp", () => {
+                var _el$59 = createElement("box"), _el$60 = createElement("text");
+                insertNode(_el$59, _el$60);
+                setProp(_el$59, "flexDirection", "row");
+                setProp(_el$59, "paddingLeft", 1);
+                setProp(_el$59, "paddingRight", 1);
+                setProp(_el$59, "onMouseUp", () => {
                   setLevel("body");
                   setBodyRow(1);
                   confirmRestartDaemon();
                 });
-                insertNode(_el$49, createTextNode(`[enter] Restart`));
+                insertNode(_el$60, createTextNode(`[enter] Restart`));
                 effect((_p$) => {
-                  var _v$33 = isCursor() ? theme.primary : theme.backgroundElement, _v$34 = isCursor() ? theme.selectedListItemText : theme.accent, _v$35 = TextAttributes8.BOLD;
-                  _v$33 !== _p$.e && (_p$.e = setProp(_el$48, "backgroundColor", _v$33, _p$.e));
-                  _v$34 !== _p$.t && (_p$.t = setProp(_el$49, "fg", _v$34, _p$.t));
-                  _v$35 !== _p$.a && (_p$.a = setProp(_el$49, "attributes", _v$35, _p$.a));
+                  var _v$42 = isCursor() ? theme.primary : theme.backgroundElement, _v$43 = isCursor() ? theme.selectedListItemText : theme.accent, _v$44 = TextAttributes8.BOLD;
+                  _v$42 !== _p$.e && (_p$.e = setProp(_el$59, "backgroundColor", _v$42, _p$.e));
+                  _v$43 !== _p$.t && (_p$.t = setProp(_el$60, "fg", _v$43, _p$.t));
+                  _v$44 !== _p$.a && (_p$.a = setProp(_el$60, "attributes", _v$44, _p$.a));
                   return _p$;
                 }, {
                   e: undefined,
                   t: undefined,
                   a: undefined
                 });
-                return _el$48;
+                return _el$59;
               })();
             }, null);
             effect((_p$) => {
-              var _v$11 = theme.text, _v$12 = TextAttributes8.BOLD, _v$13 = theme.textMuted;
-              _v$11 !== _p$.e && (_p$.e = setProp(_el$32, "fg", _v$11, _p$.e));
-              _v$12 !== _p$.t && (_p$.t = setProp(_el$32, "attributes", _v$12, _p$.t));
-              _v$13 !== _p$.a && (_p$.a = setProp(_el$34, "fg", _v$13, _p$.a));
+              var _v$20 = theme.text, _v$21 = TextAttributes8.BOLD, _v$22 = theme.textMuted;
+              _v$20 !== _p$.e && (_p$.e = setProp(_el$43, "fg", _v$20, _p$.e));
+              _v$21 !== _p$.t && (_p$.t = setProp(_el$43, "attributes", _v$21, _p$.t));
+              _v$22 !== _p$.a && (_p$.a = setProp(_el$45, "fg", _v$22, _p$.a));
               return _p$;
             }, {
               e: undefined,
               t: undefined,
               a: undefined
             });
-            return _el$31;
+            return _el$42;
           }
         }), null);
         effect((_p$) => {
-          var _v$14 = theme.text, _v$15 = TextAttributes8.BOLD, _v$16 = theme.textMuted;
-          _v$14 !== _p$.e && (_p$.e = setProp(_el$27, "fg", _v$14, _p$.e));
-          _v$15 !== _p$.t && (_p$.t = setProp(_el$27, "attributes", _v$15, _p$.t));
-          _v$16 !== _p$.a && (_p$.a = setProp(_el$29, "fg", _v$16, _p$.a));
+          var _v$23 = theme.text, _v$24 = TextAttributes8.BOLD, _v$25 = theme.textMuted;
+          _v$23 !== _p$.e && (_p$.e = setProp(_el$38, "fg", _v$23, _p$.e));
+          _v$24 !== _p$.t && (_p$.t = setProp(_el$38, "attributes", _v$24, _p$.t));
+          _v$25 !== _p$.a && (_p$.a = setProp(_el$40, "fg", _v$25, _p$.a));
           return _p$;
         }, {
           e: undefined,
           t: undefined,
           a: undefined
         });
-        return _el$26;
+        return _el$37;
       }
     }), null);
-    insertNode(_el$36, _el$37);
-    setProp(_el$36, "paddingTop", 0);
-    insertNode(_el$37, createTextNode(`j/k pick \xB7 h/l switch level \xB7 enter activate \xB7 esc close`));
+    insertNode(_el$47, _el$48);
+    setProp(_el$47, "paddingTop", 0);
+    insertNode(_el$48, createTextNode(`j/k pick \xB7 h/l switch level \xB7 enter activate \xB7 esc close`));
     effect((_p$) => {
-      var _v$17 = TextAttributes8.BOLD, _v$18 = theme.text, _v$19 = theme.textMuted, _v$20 = theme.textMuted;
-      _v$17 !== _p$.e && (_p$.e = setProp(_el$3, "attributes", _v$17, _p$.e));
-      _v$18 !== _p$.t && (_p$.t = setProp(_el$3, "fg", _v$18, _p$.t));
-      _v$19 !== _p$.a && (_p$.a = setProp(_el$5, "fg", _v$19, _p$.a));
-      _v$20 !== _p$.o && (_p$.o = setProp(_el$37, "fg", _v$20, _p$.o));
+      var _v$26 = TextAttributes8.BOLD, _v$27 = theme.text, _v$28 = theme.textMuted, _v$29 = theme.textMuted;
+      _v$26 !== _p$.e && (_p$.e = setProp(_el$3, "attributes", _v$26, _p$.e));
+      _v$27 !== _p$.t && (_p$.t = setProp(_el$3, "fg", _v$27, _p$.t));
+      _v$28 !== _p$.a && (_p$.a = setProp(_el$5, "fg", _v$28, _p$.a));
+      _v$29 !== _p$.o && (_p$.o = setProp(_el$48, "fg", _v$29, _p$.o));
       return _p$;
     }, {
       e: undefined,
@@ -12588,8 +12747,261 @@ var init_app_keymap = __esm(() => {
   init_dialog_confirm();
 });
 
+// src/tui/asset/pulse.wav
+var pulse_default = "../pulse-n3cq1btw.wav";
+var init_pulse = () => {};
+
+// src/tui/lib/sound.ts
+import { existsSync as existsSync5, mkdirSync as mkdirSync3 } from "fs";
+import { tmpdir as tmpdir2 } from "os";
+import { basename as basename3, isAbsolute, join as join11, resolve as resolve3 } from "path";
+function args(player, file, volume) {
+  if (player === "ffplay")
+    return [player, "-autoexit", "-nodisp", "-af", `volume=${volume}`, file];
+  if (player === "mpv")
+    return [player, "--no-video", "--audio-display=no", "--volume", String(Math.round(volume * 100)), file];
+  if (player === "mpg123" || player === "mpg321")
+    return [player, "-g", String(Math.round(volume * 100)), file];
+  if (player === "mplayer")
+    return [player, "-vo", "null", "-volume", String(Math.round(volume * 100)), file];
+  if (player === "afplay" || player === "omxplayer" || player === "aplay" || player === "cmdmp3")
+    return [player, file];
+  if (player === "play")
+    return [player, "-v", String(volume), file];
+  if (player === "cvlc")
+    return [player, `--gain=${volume}`, "--play-and-exit", file];
+  return [player, "-c", `(New-Object Media.SoundPlayer '${file.replace(/'/g, "''")}').PlaySync()`];
+}
+function pickPlayer() {
+  if (cachedPlayer !== undefined)
+    return cachedPlayer;
+  const path6 = process.env.PATH ?? "";
+  const segments = path6.split(":").filter(Boolean);
+  cachedPlayer = PLAYERS.find((p) => segments.some((dir) => existsSync5(join11(dir, p)))) ?? null;
+  return cachedPlayer;
+}
+async function ensureAsset() {
+  cachedPath ??= (async () => {
+    mkdirSync3(DIR, { recursive: true });
+    const dest = join11(DIR, basename3(pulseAsset));
+    const out = Bun.file(dest);
+    if (await out.exists())
+      return dest;
+    await Bun.write(out, Bun.file(pulseAsset));
+    return dest;
+  })();
+  return cachedPath;
+}
+function pulse(volume = 0.4) {
+  const player = pickPlayer();
+  if (!player)
+    return;
+  ensureAsset().then((path6) => {
+    try {
+      const proc = Bun.spawn(args(player, path6, volume), {
+        stdin: "ignore",
+        stdout: "ignore",
+        stderr: "ignore"
+      });
+      proc.unref?.();
+    } catch {}
+  }).catch(() => {
+    return;
+  });
+}
+var pulseAsset, DIR, PLAYERS, cachedPlayer, cachedPath;
+var init_sound = __esm(() => {
+  init_pulse();
+  pulseAsset = isAbsolute(pulse_default) ? pulse_default : resolve3(import.meta.dir, pulse_default);
+  DIR = join11(tmpdir2(), "kobe-sfx");
+  PLAYERS = [
+    "ffplay",
+    "mpv",
+    "mpg123",
+    "mpg321",
+    "mplayer",
+    "afplay",
+    "play",
+    "omxplayer",
+    "aplay",
+    "cmdmp3",
+    "cvlc",
+    "powershell.exe"
+  ];
+});
+
+// src/tui/context/kv.tsx
+import { mkdirSync as mkdirSync4, readFileSync as readFileSync5, renameSync as renameSync2, writeFileSync as writeFileSync3 } from "fs";
+import { homedir as homedir7 } from "os";
+import { dirname as dirname5, join as join12 } from "path";
+function loadInitial() {
+  try {
+    const text = readFileSync5(STATE_PATH, "utf8");
+    const parsed = JSON.parse(text);
+    if (parsed && typeof parsed === "object" && !Array.isArray(parsed)) {
+      return parsed;
+    }
+  } catch {}
+  return {};
+}
+var STATE_PATH, WRITE_DEBOUNCE_MS = 250, useKV, KVProvider;
+var init_kv = __esm(() => {
+  init_dev2();
+  init_helper();
+  STATE_PATH = join12(homedir7(), ".config", "kobe", "state.json");
+  ({
+    use: useKV,
+    provider: KVProvider
+  } = createSimpleContext({
+    name: "KV",
+    init: () => {
+      const [store2, setStore2] = createStore(loadInitial());
+      let writeTimer = null;
+      function scheduleWrite() {
+        if (writeTimer)
+          clearTimeout(writeTimer);
+        writeTimer = setTimeout(() => {
+          writeTimer = null;
+          try {
+            mkdirSync4(dirname5(STATE_PATH), {
+              recursive: true
+            });
+            const tmp = `${STATE_PATH}.tmp`;
+            writeFileSync3(tmp, JSON.stringify(store2, null, 2), "utf8");
+            renameSync2(tmp, STATE_PATH);
+          } catch (err) {
+            console.error("[kobe] kv write failed:", err);
+          }
+        }, WRITE_DEBOUNCE_MS);
+      }
+      const result = {
+        get ready() {
+          return true;
+        },
+        get store() {
+          return store2;
+        },
+        signal(name, defaultValue) {
+          if (store2[name] === undefined)
+            setStore2(name, defaultValue);
+          return [() => result.get(name), (next) => result.set(name, next)];
+        },
+        get(key, defaultValue) {
+          return store2[key] ?? defaultValue;
+        },
+        set(key, value) {
+          setStore2(key, value);
+          scheduleWrite();
+        },
+        clear() {
+          for (const k of Object.keys(store2))
+            setStore2(k, undefined);
+          if (writeTimer) {
+            clearTimeout(writeTimer);
+            writeTimer = null;
+          }
+          try {
+            mkdirSync4(dirname5(STATE_PATH), {
+              recursive: true
+            });
+            const tmp = `${STATE_PATH}.tmp`;
+            writeFileSync3(tmp, JSON.stringify(store2, null, 2), "utf8");
+            renameSync2(tmp, STATE_PATH);
+          } catch (err) {
+            console.error("[kobe] kv clear write failed:", err);
+          }
+        }
+      };
+      return result;
+    }
+  }));
+});
+
+// src/tui/context/notifications.tsx
+function unreadKey(taskId, tabId) {
+  return `${taskId}:${tabId}`;
+}
+function NotificationsProvider(props) {
+  const kv = useKV();
+  const [toasts, setToasts] = createSignal([]);
+  const [unread, setUnread] = createSignal(new Map);
+  let counter = 0;
+  function notify(input) {
+    setUnread((prev) => {
+      const next = new Map(prev);
+      const key = unreadKey(input.taskId, input.tabId);
+      const existing = prev.get(key);
+      if (existing === "needs_input")
+        return prev;
+      next.set(key, input.kind);
+      return next;
+    });
+    if (kv.get("notifications.sound.enabled", true) !== false) {
+      try {
+        process.stdout.write("\x07");
+      } catch {}
+      pulse();
+    }
+    if (kv.get("notifications.toast.enabled", true) !== false) {
+      const id = ++counter;
+      const toast = {
+        id,
+        kind: input.kind,
+        taskId: input.taskId,
+        tabId: input.tabId,
+        title: input.title
+      };
+      setToasts((prev) => [...prev, toast]);
+      setTimeout(() => dismiss(id), TOAST_DURATION_MS);
+    }
+  }
+  function dismiss(id) {
+    setToasts((prev) => prev.filter((t) => t.id !== id));
+  }
+  function markRead(taskId, tabId) {
+    setUnread((prev) => {
+      const key = unreadKey(taskId, tabId);
+      if (!prev.has(key))
+        return prev;
+      const next = new Map(prev);
+      next.delete(key);
+      return next;
+    });
+  }
+  const value = {
+    toasts,
+    unread,
+    notify,
+    dismiss,
+    markRead
+  };
+  return createComponent2(ctx3.Provider, {
+    value,
+    get children() {
+      return props.children;
+    }
+  });
+}
+function useNotifications() {
+  const value = useContext(ctx3);
+  if (!value)
+    throw new Error("useNotifications must be used within a NotificationsProvider");
+  return value;
+}
+function notificationKey(taskId, tabId) {
+  return unreadKey(taskId, tabId);
+}
+var TOAST_DURATION_MS = 4500, ctx3;
+var init_notifications = __esm(() => {
+  init_solid();
+  init_dev();
+  init_sound();
+  init_kv();
+  ctx3 = createContext();
+});
+
 // src/tui/component/center-tab-strip.tsx
-import { basename as basename3 } from "path";
+import { basename as basename4 } from "path";
 import { TextAttributes as TextAttributes9 } from "@opentui/core";
 function CenterTabStrip(props) {
   const {
@@ -12656,6 +13068,14 @@ function CenterTabStrip(props) {
                 return theme.success;
               return theme.textMuted;
             };
+            const unreadKind = () => {
+              const taskId = props.activeTaskId();
+              if (!taskId)
+                return;
+              return props.unread().get(notificationKey(taskId, tab.id));
+            };
+            const showUnread = () => !isPrimary() && unreadKind() !== undefined;
+            const unreadColor = () => unreadKind() === "needs_input" ? theme.warning : theme.success;
             return (() => {
               var _el$5 = createElement("box"), _el$7 = createElement("text");
               insertNode(_el$5, _el$7);
@@ -12682,6 +13102,18 @@ function CenterTabStrip(props) {
               }), _el$7);
               setProp(_el$7, "wrapMode", "none");
               insert(_el$7, () => chatTabLabel(tab));
+              insert(_el$5, createComponent2(Show, {
+                get when() {
+                  return showUnread();
+                },
+                get children() {
+                  var _el$8 = createElement("text");
+                  insertNode(_el$8, createTextNode(`\u25CF`));
+                  setProp(_el$8, "wrapMode", "none");
+                  effect((_$p) => setProp(_el$8, "fg", unreadColor(), _$p));
+                  return _el$8;
+                }
+              }), null);
               effect((_p$) => {
                 var _v$4 = isPrimary() ? theme.primary : theme.backgroundElement, _v$5 = isPrimary() ? theme.selectedListItemText : isVisibleButOther() ? theme.text : theme.textMuted, _v$6 = isPrimary() ? TextAttributes9.BOLD : undefined;
                 _v$4 !== _p$.e && (_p$.e = setProp(_el$5, "backgroundColor", _v$4, _p$.e));
@@ -12706,24 +13138,24 @@ function CenterTabStrip(props) {
       children: (file) => {
         const isActive = () => !props.isChatActive();
         return (() => {
-          var _el$8 = createElement("box"), _el$9 = createElement("text"), _el$0 = createElement("text");
-          insertNode(_el$8, _el$9);
-          insertNode(_el$8, _el$0);
-          setProp(_el$8, "flexDirection", "row");
-          setProp(_el$8, "gap", 1);
-          setProp(_el$8, "paddingLeft", 1);
-          setProp(_el$8, "paddingRight", 1);
-          setProp(_el$8, "onMouseUp", () => props.onSelectFile(file()));
-          setProp(_el$9, "wrapMode", "none");
-          insert(_el$9, () => basename3(file()));
-          insertNode(_el$0, createTextNode(`x`));
-          setProp(_el$0, "onMouseUp", () => queueMicrotask(() => props.onCloseFile(file())));
+          var _el$0 = createElement("box"), _el$1 = createElement("text"), _el$10 = createElement("text");
+          insertNode(_el$0, _el$1);
+          insertNode(_el$0, _el$10);
+          setProp(_el$0, "flexDirection", "row");
+          setProp(_el$0, "gap", 1);
+          setProp(_el$0, "paddingLeft", 1);
+          setProp(_el$0, "paddingRight", 1);
+          setProp(_el$0, "onMouseUp", () => props.onSelectFile(file()));
+          setProp(_el$1, "wrapMode", "none");
+          insert(_el$1, () => basename4(file()));
+          insertNode(_el$10, createTextNode(`x`));
+          setProp(_el$10, "onMouseUp", () => queueMicrotask(() => props.onCloseFile(file())));
           effect((_p$) => {
             var _v$7 = isActive() ? theme.primary : theme.backgroundElement, _v$8 = isActive() ? theme.selectedListItemText : theme.text, _v$9 = isActive() ? TextAttributes9.BOLD : undefined, _v$0 = isActive() ? theme.selectedListItemText : theme.textMuted;
-            _v$7 !== _p$.e && (_p$.e = setProp(_el$8, "backgroundColor", _v$7, _p$.e));
-            _v$8 !== _p$.t && (_p$.t = setProp(_el$9, "fg", _v$8, _p$.t));
-            _v$9 !== _p$.a && (_p$.a = setProp(_el$9, "attributes", _v$9, _p$.a));
-            _v$0 !== _p$.o && (_p$.o = setProp(_el$0, "fg", _v$0, _p$.o));
+            _v$7 !== _p$.e && (_p$.e = setProp(_el$0, "backgroundColor", _v$7, _p$.e));
+            _v$8 !== _p$.t && (_p$.t = setProp(_el$1, "fg", _v$8, _p$.t));
+            _v$9 !== _p$.a && (_p$.a = setProp(_el$1, "attributes", _v$9, _p$.a));
+            _v$0 !== _p$.o && (_p$.o = setProp(_el$10, "fg", _v$0, _p$.o));
             return _p$;
           }, {
             e: undefined,
@@ -12731,7 +13163,7 @@ function CenterTabStrip(props) {
             a: undefined,
             o: undefined
           });
-          return _el$8;
+          return _el$0;
         })();
       }
     }), null);
@@ -12749,6 +13181,7 @@ var init_center_tab_strip = __esm(() => {
   init_solid();
   init_dev();
   init_core();
+  init_notifications();
   init_theme();
 });
 
@@ -13240,11 +13673,11 @@ function FocusProvider(props) {
   });
 }
 function useFocus() {
-  const ctx3 = useContext(FocusContext);
-  if (!ctx3) {
+  const ctx4 = useContext(FocusContext);
+  if (!ctx4) {
     throw new Error("useFocus: must be called inside <FocusProvider>. See src/tui/context/focus.tsx.");
   }
-  return ctx3;
+  return ctx4;
 }
 var PANE_ORDER, FocusContext;
 var init_focus = __esm(() => {
@@ -13404,53 +13837,140 @@ var init_status_bar = __esm(() => {
   init_theme();
 });
 
-// src/tui/component/create-pr-button.tsx
+// src/tui/component/toast-overlay.tsx
 import { TextAttributes as TextAttributes13 } from "@opentui/core";
-function isEnabled(task) {
-  if (!task)
-    return false;
-  if (!task.worktreePath)
-    return false;
-  if (task.status === "canceled")
-    return false;
-  return true;
-}
-function CreatePRButton(props) {
+function ToastOverlay() {
   const {
     theme
   } = useTheme();
-  function onClick() {
-    const task = props.activeTask();
-    if (!isEnabled(task) || !task)
-      return;
-    props.orchestrator.requestPR(task.id).catch((err) => {
-      console.error("[kobe] requestPR failed:", err);
-    });
-  }
-  const enabled = () => isEnabled(props.activeTask());
-  const bracketColor = () => enabled() ? theme.accent : theme.textMuted;
-  const labelColor = () => enabled() ? theme.textMuted : theme.textMuted;
-  return (() => {
-    var _el$ = createElement("box"), _el$2 = createElement("text"), _el$4 = createElement("text");
-    insertNode(_el$, _el$2);
-    insertNode(_el$, _el$4);
-    setProp(_el$, "flexDirection", "row");
-    setProp(_el$, "gap", 1);
-    setProp(_el$, "flexShrink", 0);
-    insertNode(_el$2, createTextNode(`[PR]`));
-    setProp(_el$2, "wrapMode", "none");
-    insertNode(_el$4, createTextNode(`Create PR`));
-    setProp(_el$4, "wrapMode", "none");
-    effect((_p$) => {
-      var _v$ = enabled() ? onClick : undefined, _v$2 = bracketColor(), _v$3 = TextAttributes13.BOLD, _v$4 = labelColor();
-      _v$ !== _p$.e && (_p$.e = setProp(_el$, "onMouseUp", _v$, _p$.e));
-      _v$2 !== _p$.t && (_p$.t = setProp(_el$2, "fg", _v$2, _p$.t));
-      _v$3 !== _p$.a && (_p$.a = setProp(_el$2, "attributes", _v$3, _p$.a));
-      _v$4 !== _p$.o && (_p$.o = setProp(_el$4, "fg", _v$4, _p$.o));
-      return _p$;
-    }, {
-      e: undefined,
-      t: undefined,
+  const dims = useTerminalDimensions();
+  const notif = useNotifications();
+  const visibleToasts = () => notif.toasts().slice(-MAX_VISIBLE);
+  const left = () => Math.max(0, dims().width - CHIP_WIDTH - RIGHT_MARGIN);
+  const top = () => Math.max(0, dims().height - BOTTOM_MARGIN - MAX_VISIBLE - 1);
+  return createComponent2(Show, {
+    get when() {
+      return notif.toasts().length > 0;
+    },
+    get children() {
+      var _el$ = createElement("box");
+      setProp(_el$, "position", "absolute");
+      setProp(_el$, "zIndex", 2500);
+      setProp(_el$, "width", 40);
+      setProp(_el$, "flexDirection", "column");
+      setProp(_el$, "gap", 0);
+      insert(_el$, createComponent2(For, {
+        get each() {
+          return visibleToasts();
+        },
+        children: (toast) => {
+          const bg = () => toast.kind === "needs_input" ? theme.warning : theme.success;
+          const fg = () => theme.selectedListItemText;
+          const prefix = () => toast.kind === "needs_input" ? "?" : "\u2713";
+          return (() => {
+            var _el$2 = createElement("box"), _el$3 = createElement("text"), _el$4 = createElement("text");
+            insertNode(_el$2, _el$3);
+            insertNode(_el$2, _el$4);
+            setProp(_el$2, "flexDirection", "row");
+            setProp(_el$2, "gap", 1);
+            setProp(_el$2, "paddingLeft", 1);
+            setProp(_el$2, "paddingRight", 1);
+            setProp(_el$2, "onMouseUp", () => notif.dismiss(toast.id));
+            setProp(_el$3, "wrapMode", "none");
+            insert(_el$3, prefix);
+            setProp(_el$4, "wrapMode", "none");
+            insert(_el$4, () => toast.title);
+            effect((_p$) => {
+              var _v$3 = bg(), _v$4 = fg(), _v$5 = TextAttributes13.BOLD, _v$6 = fg();
+              _v$3 !== _p$.e && (_p$.e = setProp(_el$2, "backgroundColor", _v$3, _p$.e));
+              _v$4 !== _p$.t && (_p$.t = setProp(_el$3, "fg", _v$4, _p$.t));
+              _v$5 !== _p$.a && (_p$.a = setProp(_el$3, "attributes", _v$5, _p$.a));
+              _v$6 !== _p$.o && (_p$.o = setProp(_el$4, "fg", _v$6, _p$.o));
+              return _p$;
+            }, {
+              e: undefined,
+              t: undefined,
+              a: undefined,
+              o: undefined
+            });
+            return _el$2;
+          })();
+        }
+      }));
+      effect((_p$) => {
+        var _v$ = left(), _v$2 = top();
+        _v$ !== _p$.e && (_p$.e = setProp(_el$, "left", _v$, _p$.e));
+        _v$2 !== _p$.t && (_p$.t = setProp(_el$, "top", _v$2, _p$.t));
+        return _p$;
+      }, {
+        e: undefined,
+        t: undefined
+      });
+      return _el$;
+    }
+  });
+}
+var MAX_VISIBLE = 4, CHIP_WIDTH = 40, RIGHT_MARGIN = 2, BOTTOM_MARGIN = 2;
+var init_toast_overlay = __esm(() => {
+  init_solid();
+  init_solid();
+  init_solid();
+  init_solid();
+  init_solid();
+  init_solid();
+  init_solid();
+  init_dev();
+  init_notifications();
+  init_theme();
+});
+
+// src/tui/component/create-pr-button.tsx
+import { TextAttributes as TextAttributes14 } from "@opentui/core";
+function isEnabled(task) {
+  if (!task)
+    return false;
+  if (!task.worktreePath)
+    return false;
+  if (task.status === "canceled")
+    return false;
+  return true;
+}
+function CreatePRButton(props) {
+  const {
+    theme
+  } = useTheme();
+  function onClick() {
+    const task = props.activeTask();
+    if (!isEnabled(task) || !task)
+      return;
+    props.orchestrator.requestPR(task.id).catch((err) => {
+      console.error("[kobe] requestPR failed:", err);
+    });
+  }
+  const enabled = () => isEnabled(props.activeTask());
+  const bracketColor = () => enabled() ? theme.accent : theme.textMuted;
+  const labelColor = () => enabled() ? theme.textMuted : theme.textMuted;
+  return (() => {
+    var _el$ = createElement("box"), _el$2 = createElement("text"), _el$4 = createElement("text");
+    insertNode(_el$, _el$2);
+    insertNode(_el$, _el$4);
+    setProp(_el$, "flexDirection", "row");
+    setProp(_el$, "gap", 1);
+    setProp(_el$, "flexShrink", 0);
+    insertNode(_el$2, createTextNode(`[PR]`));
+    setProp(_el$2, "wrapMode", "none");
+    insertNode(_el$4, createTextNode(`Create PR`));
+    setProp(_el$4, "wrapMode", "none");
+    effect((_p$) => {
+      var _v$ = enabled() ? onClick : undefined, _v$2 = bracketColor(), _v$3 = TextAttributes14.BOLD, _v$4 = labelColor();
+      _v$ !== _p$.e && (_p$.e = setProp(_el$, "onMouseUp", _v$, _p$.e));
+      _v$2 !== _p$.t && (_p$.t = setProp(_el$2, "fg", _v$2, _p$.t));
+      _v$3 !== _p$.a && (_p$.a = setProp(_el$2, "attributes", _v$3, _p$.a));
+      _v$4 !== _p$.o && (_p$.o = setProp(_el$4, "fg", _v$4, _p$.o));
+      return _p$;
+    }, {
+      e: undefined,
+      t: undefined,
       a: undefined,
       o: undefined
     });
@@ -13732,7 +14252,7 @@ var init_markdown_parser = __esm(() => {
 });
 
 // src/tui/panes/chat/Markdown.tsx
-import { TextAttributes as TextAttributes14 } from "@opentui/core";
+import { TextAttributes as TextAttributes15 } from "@opentui/core";
 function InlineSpans(props) {
   const {
     theme
@@ -13762,7 +14282,7 @@ function InlineSpans(props) {
           insert(_el$3, () => t.text, _el$5);
           effect((_$p) => setProp(_el$3, "style", {
             fg: theme.accent,
-            attributes: TextAttributes14.DIM
+            attributes: TextAttributes15.DIM
           }, _$p));
           return _el$3;
         })();
@@ -13774,7 +14294,7 @@ function InlineSpans(props) {
           insert(_el$6, () => showUrl ? t.text : t.href);
           effect((_$p) => setProp(_el$6, "style", {
             fg: theme.accent,
-            attributes: TextAttributes14.UNDERLINE
+            attributes: TextAttributes15.UNDERLINE
           }, _$p));
           return _el$6;
         })(), createComponent2(Show, {
@@ -13786,7 +14306,7 @@ function InlineSpans(props) {
             insert(_el$7, () => t.href, _el$9);
             effect((_$p) => setProp(_el$7, "style", {
               fg: theme.textMuted,
-              attributes: TextAttributes14.DIM
+              attributes: TextAttributes15.DIM
             }, _$p));
             return _el$7;
           }
@@ -13872,7 +14392,7 @@ function Table(props) {
         const [lp, rp] = padding(cellWidth(cell), columnWidths[ci()] ?? 0, align);
         return [(() => {
           var _el$11 = createElement("span");
-          insert(_el$11, () => " " + " ".repeat(lp));
+          insert(_el$11, () => ` ${" ".repeat(lp)}`);
           return _el$11;
         })(), memo2(() => memo2(() => !!rowProps.isHeader)() ? (() => {
           var _el$13 = createElement("b");
@@ -13884,7 +14404,7 @@ function Table(props) {
           tokens
         })), (() => {
           var _el$12 = createElement("span");
-          insert(_el$12, () => " ".repeat(rp) + " \u2502");
+          insert(_el$12, () => `${" ".repeat(rp)} \u2502`);
           return _el$12;
         })()];
       }
@@ -13963,7 +14483,7 @@ function VerticalTable(props) {
           var _el$20 = createElement("text");
           insertNode(_el$20, createTextNode(`\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500`));
           effect((_p$) => {
-            var _v$4 = theme.textMuted, _v$5 = TextAttributes14.DIM;
+            var _v$4 = theme.textMuted, _v$5 = TextAttributes15.DIM;
             _v$4 !== _p$.e && (_p$.e = setProp(_el$20, "fg", _v$4, _p$.e));
             _v$5 !== _p$.t && (_p$.t = setProp(_el$20, "attributes", _v$5, _p$.t));
             return _p$;
@@ -13978,7 +14498,7 @@ function VerticalTable(props) {
         children: (cell, ci) => (() => {
           var _el$22 = createElement("text"), _el$23 = createElement("b");
           insertNode(_el$22, _el$23);
-          insert(_el$23, () => (props.block.header[ci()] ?? `Column ${ci() + 1}`) + ": ");
+          insert(_el$23, () => `${props.block.header[ci()] ?? `Column ${ci() + 1}`}: `);
           insert(_el$22, createComponent2(InlineSpans, {
             get tokens() {
               return parseInline(cell);
@@ -14054,7 +14574,7 @@ function BlockNode(props) {
     })();
   }
   if (b.kind === "heading") {
-    const attrs = b.level === 1 ? TextAttributes14.BOLD | TextAttributes14.UNDERLINE : TextAttributes14.BOLD;
+    const attrs = b.level === 1 ? TextAttributes15.BOLD | TextAttributes15.UNDERLINE : TextAttributes15.BOLD;
     const fg = b.level <= 2 ? theme.accent : theme.text;
     const tokens = parseInline(b.text);
     return (() => {
@@ -14080,7 +14600,7 @@ function BlockNode(props) {
           const checkbox = item.checked ? "[x] " : "[ ] ";
           const bullet = b.ordered ? `${b.start + idx()}. ` : "\u2022 ";
           const prefix = isTask ? checkbox : bullet;
-          const labelAttrs = isTask && item.checked ? TextAttributes14.DIM : 0;
+          const labelAttrs = isTask && item.checked ? TextAttributes15.DIM : 0;
           return (() => {
             var _el$30 = createElement("text"), _el$31 = createElement("span");
             insertNode(_el$30, _el$31);
@@ -14127,9 +14647,9 @@ function BlockNode(props) {
             }
           }), null);
           effect((_p$) => {
-            var _v$10 = theme.textMuted, _v$11 = TextAttributes14.ITALIC, _v$12 = {
+            var _v$10 = theme.textMuted, _v$11 = TextAttributes15.ITALIC, _v$12 = {
               fg: theme.textMuted,
-              attributes: TextAttributes14.DIM
+              attributes: TextAttributes15.DIM
             };
             _v$10 !== _p$.e && (_p$.e = setProp(_el$33, "fg", _v$10, _p$.e));
             _v$11 !== _p$.t && (_p$.t = setProp(_el$33, "attributes", _v$11, _p$.t));
@@ -14171,7 +14691,7 @@ function BlockNode(props) {
         var _el$37 = createElement("text");
         insert(_el$37, () => b.lang);
         effect((_p$) => {
-          var _v$13 = theme.textMuted, _v$14 = TextAttributes14.DIM;
+          var _v$13 = theme.textMuted, _v$14 = TextAttributes15.DIM;
           _v$13 !== _p$.e && (_p$.e = setProp(_el$37, "fg", _v$13, _p$.e));
           _v$14 !== _p$.t && (_p$.t = setProp(_el$37, "attributes", _v$14, _p$.t));
           return _p$;
@@ -14225,13 +14745,13 @@ var init_Markdown = __esm(() => {
   init_solid();
   init_solid();
   init_dev();
-  init_theme();
   init_border();
+  init_theme();
   init_markdown_parser();
 });
 
 // src/tui/component/update-dialog.tsx
-import { TextAttributes as TextAttributes15 } from "@opentui/core";
+import { TextAttributes as TextAttributes16 } from "@opentui/core";
 function UpdateDialog(props) {
   const dialog = useDialog();
   const {
@@ -14346,7 +14866,7 @@ function UpdateDialog(props) {
       }
     }));
     effect((_p$) => {
-      var _v$ = TextAttributes15.BOLD, _v$2 = theme.text, _v$3 = theme.textMuted, _v$4 = theme.textMuted, _v$5 = theme.textMuted, _v$6 = theme.warning, _v$7 = TextAttributes15.BOLD, _v$8 = theme.textMuted, _v$9 = theme.accent, _v$0 = TextAttributes15.BOLD, _v$1 = theme.textMuted;
+      var _v$ = TextAttributes16.BOLD, _v$2 = theme.text, _v$3 = theme.textMuted, _v$4 = theme.textMuted, _v$5 = theme.textMuted, _v$6 = theme.warning, _v$7 = TextAttributes16.BOLD, _v$8 = theme.textMuted, _v$9 = theme.accent, _v$0 = TextAttributes16.BOLD, _v$1 = theme.textMuted;
       _v$ !== _p$.e && (_p$.e = setProp(_el$3, "attributes", _v$, _p$.e));
       _v$2 !== _p$.t && (_p$.t = setProp(_el$3, "fg", _v$2, _p$.t));
       _v$3 !== _p$.a && (_p$.a = setProp(_el$5, "fg", _v$3, _p$.a));
@@ -14397,7 +14917,7 @@ var init_update_dialog = __esm(() => {
 });
 
 // src/tui/component/top-bar.tsx
-import { TextAttributes as TextAttributes16 } from "@opentui/core";
+import { TextAttributes as TextAttributes17 } from "@opentui/core";
 function TopBar(props) {
   const {
     theme
@@ -14438,7 +14958,7 @@ function TopBar(props) {
         });
         insert(_el$7, () => props.updateInfo()?.latest, _el$9);
         effect((_p$) => {
-          var _v$ = theme.warning, _v$2 = TextAttributes16.BOLD;
+          var _v$ = theme.warning, _v$2 = TextAttributes17.BOLD;
           _v$ !== _p$.e && (_p$.e = setProp(_el$7, "fg", _v$, _p$.e));
           _v$2 !== _p$.t && (_p$.t = setProp(_el$7, "attributes", _v$2, _p$.t));
           return _p$;
@@ -14464,7 +14984,7 @@ function TopBar(props) {
         setProp(_el$1, "wrapMode", "none");
         insert(_el$1, () => props.activeTask()?.branch);
         effect((_p$) => {
-          var _v$3 = theme.text, _v$4 = TextAttributes16.BOLD;
+          var _v$3 = theme.text, _v$4 = TextAttributes17.BOLD;
           _v$3 !== _p$.e && (_p$.e = setProp(_el$1, "fg", _v$3, _p$.e));
           _v$4 !== _p$.t && (_p$.t = setProp(_el$1, "attributes", _v$4, _p$.t));
           return _p$;
@@ -14489,7 +15009,7 @@ function TopBar(props) {
       }
     }));
     effect((_p$) => {
-      var _v$5 = theme.primary, _v$6 = TextAttributes16.BOLD, _v$7 = theme.textMuted;
+      var _v$5 = theme.primary, _v$6 = TextAttributes17.BOLD, _v$7 = theme.textMuted;
       _v$5 !== _p$.e && (_p$.e = setProp(_el$3, "fg", _v$5, _p$.e));
       _v$6 !== _p$.t && (_p$.t = setProp(_el$3, "attributes", _v$6, _p$.t));
       _v$7 !== _p$.a && (_p$.a = setProp(_el$5, "fg", _v$7, _p$.a));
@@ -14518,93 +15038,6 @@ var init_top_bar = __esm(() => {
   init_update_dialog();
 });
 
-// src/tui/context/kv.tsx
-import { mkdirSync as mkdirSync3, readFileSync as readFileSync5, renameSync as renameSync2, writeFileSync as writeFileSync3 } from "fs";
-import { homedir as homedir7 } from "os";
-import { dirname as dirname5, join as join11 } from "path";
-function loadInitial() {
-  try {
-    const text = readFileSync5(STATE_PATH, "utf8");
-    const parsed = JSON.parse(text);
-    if (parsed && typeof parsed === "object" && !Array.isArray(parsed)) {
-      return parsed;
-    }
-  } catch {}
-  return {};
-}
-var STATE_PATH, WRITE_DEBOUNCE_MS = 250, useKV, KVProvider;
-var init_kv = __esm(() => {
-  init_dev2();
-  init_helper();
-  STATE_PATH = join11(homedir7(), ".config", "kobe", "state.json");
-  ({
-    use: useKV,
-    provider: KVProvider
-  } = createSimpleContext({
-    name: "KV",
-    init: () => {
-      const [store2, setStore2] = createStore(loadInitial());
-      let writeTimer = null;
-      function scheduleWrite() {
-        if (writeTimer)
-          clearTimeout(writeTimer);
-        writeTimer = setTimeout(() => {
-          writeTimer = null;
-          try {
-            mkdirSync3(dirname5(STATE_PATH), {
-              recursive: true
-            });
-            const tmp = `${STATE_PATH}.tmp`;
-            writeFileSync3(tmp, JSON.stringify(store2, null, 2), "utf8");
-            renameSync2(tmp, STATE_PATH);
-          } catch (err) {
-            console.error("[kobe] kv write failed:", err);
-          }
-        }, WRITE_DEBOUNCE_MS);
-      }
-      const result = {
-        get ready() {
-          return true;
-        },
-        get store() {
-          return store2;
-        },
-        signal(name, defaultValue) {
-          if (store2[name] === undefined)
-            setStore2(name, defaultValue);
-          return [() => result.get(name), (next) => result.set(name, next)];
-        },
-        get(key, defaultValue) {
-          return store2[key] ?? defaultValue;
-        },
-        set(key, value) {
-          setStore2(key, value);
-          scheduleWrite();
-        },
-        clear() {
-          for (const k of Object.keys(store2))
-            setStore2(k, undefined);
-          if (writeTimer) {
-            clearTimeout(writeTimer);
-            writeTimer = null;
-          }
-          try {
-            mkdirSync3(dirname5(STATE_PATH), {
-              recursive: true
-            });
-            const tmp = `${STATE_PATH}.tmp`;
-            writeFileSync3(tmp, JSON.stringify(store2, null, 2), "utf8");
-            renameSync2(tmp, STATE_PATH);
-          } catch (err) {
-            console.error("[kobe] kv clear write failed:", err);
-          }
-        }
-      };
-      return result;
-    }
-  }));
-});
-
 // src/tui/context/sync.tsx
 var EMPTY, useSync, SyncProvider;
 var init_sync = __esm(() => {
@@ -14820,17 +15253,17 @@ class SessionRegistry {
   }
 }
 function waitForExit(proc) {
-  return new Promise((resolve3) => {
+  return new Promise((resolve4) => {
     if (proc.exitCode !== null || proc.signalCode !== null) {
-      resolve3();
+      resolve4();
       return;
     }
-    proc.once("close", () => resolve3());
-    proc.once("exit", () => resolve3());
+    proc.once("close", () => resolve4());
+    proc.once("exit", () => resolve4());
   });
 }
 function delay(ms) {
-  return new Promise((resolve3) => setTimeout(resolve3, ms));
+  return new Promise((resolve4) => setTimeout(resolve4, ms));
 }
 
 // src/engine/claude-code-local/sessions.ts
@@ -14931,8 +15364,8 @@ var init_sessions = __esm(() => {
 // src/engine/claude-code-local/spawn.ts
 import { spawn as spawn4 } from "child_process";
 function spawnClaudeProcess(opts) {
-  const args = buildArgs(opts);
-  const proc = spawn4(opts.binaryPath, args, {
+  const args2 = buildArgs(opts);
+  const proc = spawn4(opts.binaryPath, args2, {
     cwd: opts.cwd,
     env: { ...process.env, ...opts.env ?? {} },
     stdio: ["pipe", "pipe", "pipe"]
@@ -14941,30 +15374,30 @@ function spawnClaudeProcess(opts) {
     proc,
     stdout: proc.stdout,
     stderr: proc.stderr,
-    args
+    args: args2
   };
 }
 function buildArgs(opts) {
-  const args = [];
+  const args2 = [];
   if (opts.resumeSessionId) {
-    args.push("--resume", opts.resumeSessionId);
+    args2.push("--resume", opts.resumeSessionId);
   }
-  args.push("-p", opts.prompt);
+  args2.push("-p", opts.prompt);
   if (opts.model) {
-    args.push("--model", opts.model);
+    args2.push("--model", opts.model);
   }
   if (opts.permissionMode) {
-    args.push("--permission-mode", opts.permissionMode);
+    args2.push("--permission-mode", opts.permissionMode);
   }
-  args.push("--output-format", "stream-json", "--verbose");
+  args2.push("--output-format", "stream-json", "--verbose");
   const mcpConfig = process.env.KOBE_MCP_CONFIG;
   if (mcpConfig && mcpConfig.length > 0) {
-    args.push("--mcp-config", mcpConfig);
+    args2.push("--mcp-config", mcpConfig);
   }
   if (opts.extraArgs && opts.extraArgs.length > 0) {
-    args.push(...opts.extraArgs);
+    args2.push(...opts.extraArgs);
   }
-  return args;
+  return args2;
 }
 var init_spawn = () => {};
 
@@ -15138,7 +15571,7 @@ class ClaudeCodeLocal {
           }
           if (session.closed)
             return;
-          await new Promise((resolve3) => session.waiters.push(resolve3));
+          await new Promise((resolve4) => session.waiters.push(resolve4));
         }
       }
     };
@@ -15162,17 +15595,17 @@ class ClaudeCodeLocal {
       this.running.delete(sid);
     }
   }
-  async start(args) {
+  async start(args2) {
     const binaryPath = await this.binaryPathResolver();
-    const cliPermissionMode = args.opts?.permissionMode === "plan" ? "plan" : "bypassPermissions";
+    const cliPermissionMode = args2.opts?.permissionMode === "plan" ? "plan" : "bypassPermissions";
     const spawned = spawnClaudeProcess({
       binaryPath,
-      cwd: args.cwd,
-      prompt: args.prompt,
-      model: args.opts?.model,
+      cwd: args2.cwd,
+      prompt: args2.prompt,
+      model: args2.opts?.model,
       permissionMode: cliPermissionMode,
-      env: args.opts?.env,
-      resumeSessionId: args.resumeSessionId
+      env: args2.opts?.env,
+      resumeSessionId: args2.resumeSessionId
     });
     let resolveHandle = () => {};
     let rejectHandle = () => {};
@@ -15189,7 +15622,7 @@ class ClaudeCodeLocal {
       bound = true;
       session = {
         sessionId,
-        cwd: args.cwd,
+        cwd: args2.cwd,
         spawned,
         queue,
         waiters: [],
@@ -15198,15 +15631,15 @@ class ClaudeCodeLocal {
       this.running.set(sessionId, session);
       this.registry.register({
         sessionId,
-        cwd: args.cwd,
+        cwd: args2.cwd,
         proc: spawned.proc,
         startedAt: Date.now()
       });
-      resolveHandle({ sessionId, cwd: args.cwd });
+      resolveHandle({ sessionId, cwd: args2.cwd });
     };
-    if (args.resumeSessionId) {
+    if (args2.resumeSessionId) {
       try {
-        bind(args.resumeSessionId);
+        bind(args2.resumeSessionId);
       } catch (err) {
         try {
           spawned.proc.kill("SIGKILL");
@@ -15333,7 +15766,7 @@ class FakeAIEngine {
           }
           if (q.closed)
             return;
-          await new Promise((resolve3) => q.waiters.push(resolve3));
+          await new Promise((resolve4) => q.waiters.push(resolve4));
         }
       }
     };
@@ -15629,7 +16062,7 @@ async function mountFakeEngineServer(fake) {
       }
     });
   });
-  await new Promise((resolve3) => server.listen(port, "127.0.0.1", () => resolve3()));
+  await new Promise((resolve4) => server.listen(port, "127.0.0.1", () => resolve4()));
   server.unref();
 }
 var init_engine_bootstrap = __esm(() => {
@@ -15657,6 +16090,65 @@ function formatPlanUsageCompact(usage) {
   return `Plan ${parts.join(" \xB7 ")}`;
 }
 
+// src/tui/lib/use-completion-notifications.ts
+function tabLabel2(tasks, taskId, tabId) {
+  const task = tasks.find((t) => t.id === taskId);
+  if (!task)
+    return "chat tab";
+  const tab = task.tabs.find((t) => t.id === tabId);
+  const tabName = tab?.title && tab.title.length > 0 ? tab.title : tab ? `chat ${tab.seq}` : "chat";
+  return `${task.title} \u203A ${tabName}`;
+}
+function useCompletionNotifications(deps) {
+  let prev = new Map;
+  createEffect(() => {
+    const curr = deps.chatRunState();
+    const visible = deps.visibleTabKey();
+    const tasks = deps.tasks();
+    for (const [key, state] of prev) {
+      const next = curr.get(key);
+      if (state === "running" && next === "awaiting_input") {
+        if (key === visible)
+          continue;
+        const [taskId, tabId] = splitKey(key);
+        if (!taskId || !tabId)
+          continue;
+        deps.notifications.notify({
+          kind: "needs_input",
+          taskId,
+          tabId,
+          title: tabLabel2(tasks, taskId, tabId)
+        });
+        continue;
+      }
+      if ((state === "running" || state === "awaiting_input") && next === undefined) {
+        if (key === visible)
+          continue;
+        const [taskId, tabId] = splitKey(key);
+        if (!taskId || !tabId)
+          continue;
+        deps.notifications.notify({
+          kind: "done",
+          taskId,
+          tabId,
+          title: tabLabel2(tasks, taskId, tabId)
+        });
+      }
+    }
+    prev = curr;
+  });
+}
+function splitKey(key) {
+  const idx = key.indexOf(":");
+  if (idx < 0)
+    return [null, null];
+  return [key.slice(0, idx), key.slice(idx + 1)];
+}
+var init_use_completion_notifications = __esm(() => {
+  init_dev();
+  init_core();
+});
+
 // src/tui/lib/use-pane-sizes.ts
 function usePaneSizes(kv) {
   const dims = useTerminalDimensions();
@@ -15844,7 +16336,7 @@ var DEFAULT_BASE_REF = "main", PICKER_MAX_VISIBLE = 8;
 var init_state2 = () => {};
 
 // src/tui/component/new-task-dialog/dialog.tsx
-import { TextAttributes as TextAttributes17 } from "@opentui/core";
+import { TextAttributes as TextAttributes18 } from "@opentui/core";
 function NewTaskDialogView(props) {
   const dialog = useDialog();
   const {
@@ -16011,7 +16503,7 @@ function NewTaskDialogView(props) {
               insert(_el$36, path8, null);
               insert(_el$36, () => isCurrentDir() ? "  (current dir)" : "", null);
               effect((_p$) => {
-                var _v$10 = isCursor() ? theme.primary : isSelected() ? theme.accent : theme.textMuted, _v$11 = isCursor() ? TextAttributes17.BOLD : undefined;
+                var _v$10 = isCursor() ? theme.primary : isSelected() ? theme.accent : theme.textMuted, _v$11 = isCursor() ? TextAttributes18.BOLD : undefined;
                 _v$10 !== _p$.e && (_p$.e = setProp(_el$36, "fg", _v$10, _p$.e));
                 _v$11 !== _p$.t && (_p$.t = setProp(_el$36, "attributes", _v$11, _p$.t));
                 return _p$;
@@ -16131,7 +16623,7 @@ function NewTaskDialogView(props) {
               insert(_el$37, () => isCursor() ? "\u25B8 " : "  ", null);
               insert(_el$37, name, null);
               effect((_p$) => {
-                var _v$12 = isCursor() ? theme.primary : isSelected() ? theme.accent : theme.textMuted, _v$13 = isCursor() ? TextAttributes17.BOLD : undefined;
+                var _v$12 = isCursor() ? theme.primary : isSelected() ? theme.accent : theme.textMuted, _v$13 = isCursor() ? TextAttributes18.BOLD : undefined;
                 _v$12 !== _p$.e && (_p$.e = setProp(_el$37, "fg", _v$12, _p$.e));
                 _v$13 !== _p$.t && (_p$.t = setProp(_el$37, "attributes", _v$13, _p$.t));
                 return _p$;
@@ -16164,7 +16656,7 @@ function NewTaskDialogView(props) {
     setProp(_el$33, "paddingBottom", 1);
     insertNode(_el$34, createTextNode(`\u2191\u2193 pick \xB7 enter select \xB7 tab next field \xB7 esc cancel`));
     effect((_p$) => {
-      var _v$ = TextAttributes17.BOLD, _v$2 = theme.text, _v$3 = theme.textMuted, _v$4 = field() === "repoCustom" ? theme.accent : theme.textMuted, _v$5 = repo(), _v$6 = props.defaultRepo, _v$7 = field() === "repoCustom", _v$8 = field() === "baseRef" ? theme.accent : theme.textMuted, _v$9 = baseRef(), _v$0 = field() === "baseRef", _v$1 = theme.textMuted;
+      var _v$ = TextAttributes18.BOLD, _v$2 = theme.text, _v$3 = theme.textMuted, _v$4 = field() === "repoCustom" ? theme.accent : theme.textMuted, _v$5 = repo(), _v$6 = props.defaultRepo, _v$7 = field() === "repoCustom", _v$8 = field() === "baseRef" ? theme.accent : theme.textMuted, _v$9 = baseRef(), _v$0 = field() === "baseRef", _v$1 = theme.textMuted;
       _v$ !== _p$.e && (_p$.e = setProp(_el$3, "attributes", _v$, _p$.e));
       _v$2 !== _p$.t && (_p$.t = setProp(_el$3, "fg", _v$2, _p$.t));
       _v$3 !== _p$.a && (_p$.a = setProp(_el$5, "fg", _v$3, _p$.a));
@@ -16211,13 +16703,13 @@ var init_dialog2 = __esm(() => {
 
 // src/tui/component/new-task-dialog/index.tsx
 function show(dialog, defaultRepo, savedRepos) {
-  return new Promise((resolve3) => {
+  return new Promise((resolve4) => {
     dialog.replace(() => createComponent2(NewTaskDialogView, {
       defaultRepo,
       savedRepos,
-      onSubmit: (v) => resolve3(v),
-      onCancel: () => resolve3(undefined)
-    }), () => resolve3(undefined));
+      onSubmit: (v) => resolve4(v),
+      onCancel: () => resolve4(undefined)
+    }), () => resolve4(undefined));
     dialog.setSize("medium");
   });
 }
@@ -16232,7 +16724,7 @@ var init_new_task_dialog = __esm(() => {
 });
 
 // src/tui/component/rename-task-dialog/dialog.tsx
-import { TextAttributes as TextAttributes18 } from "@opentui/core";
+import { TextAttributes as TextAttributes19 } from "@opentui/core";
 function RenameTaskDialogView(props) {
   const dialog = useDialog();
   const {
@@ -16272,7 +16764,7 @@ function RenameTaskDialogView(props) {
     setProp(_el$0, "paddingBottom", 1);
     insertNode(_el$1, createTextNode(`enter rename \xB7 esc cancel`));
     effect((_p$) => {
-      var _v$ = TextAttributes18.BOLD, _v$2 = theme.text, _v$3 = theme.textMuted, _v$4 = theme.accent, _v$5 = title(), _v$6 = props.currentTitle, _v$7 = theme.textMuted;
+      var _v$ = TextAttributes19.BOLD, _v$2 = theme.text, _v$3 = theme.textMuted, _v$4 = theme.accent, _v$5 = title(), _v$6 = props.currentTitle, _v$7 = theme.textMuted;
       _v$ !== _p$.e && (_p$.e = setProp(_el$3, "attributes", _v$, _p$.e));
       _v$2 !== _p$.t && (_p$.t = setProp(_el$3, "fg", _v$2, _p$.t));
       _v$3 !== _p$.a && (_p$.a = setProp(_el$4, "fg", _v$3, _p$.a));
@@ -16309,15 +16801,15 @@ var init_dialog3 = __esm(() => {
 
 // src/tui/component/rename-task-dialog/index.tsx
 function show2(dialog, currentTitle, opts = {}) {
-  return new Promise((resolve3) => {
+  return new Promise((resolve4) => {
     dialog.replace(() => createComponent2(RenameTaskDialogView, {
       currentTitle,
       get dialogTitle() {
         return opts.dialogTitle;
       },
-      onSubmit: (v) => resolve3(v),
-      onCancel: () => resolve3(undefined)
-    }), () => resolve3(undefined));
+      onSubmit: (v) => resolve4(v),
+      onCancel: () => resolve4(undefined)
+    }), () => resolve4(undefined));
   });
 }
 var RenameTaskDialog;
@@ -16595,7 +17087,7 @@ var init_use_workspace_tabs = __esm(() => {
 });
 
 // src/tui/component/resume-dialog.tsx
-import { TextAttributes as TextAttributes19 } from "@opentui/core";
+import { TextAttributes as TextAttributes20 } from "@opentui/core";
 function ResumeDialog(props) {
   const dialog = useDialog();
   const {
@@ -16742,7 +17234,7 @@ function ResumeDialog(props) {
     setProp(_el$9, "paddingBottom", 1);
     insertNode(_el$0, createTextNode(`j/k or \u2191\u2193 navigate \u2022 enter resume \u2022 esc dismiss`));
     effect((_p$) => {
-      var _v$ = TextAttributes19.BOLD, _v$2 = theme.text, _v$3 = theme.textMuted, _v$4 = theme.textMuted;
+      var _v$ = TextAttributes20.BOLD, _v$2 = theme.text, _v$3 = theme.textMuted, _v$4 = theme.textMuted;
       _v$ !== _p$.e && (_p$.e = setProp(_el$3, "attributes", _v$, _p$.e));
       _v$2 !== _p$.t && (_p$.t = setProp(_el$3, "fg", _v$2, _p$.t));
       _v$3 !== _p$.a && (_p$.a = setProp(_el$5, "fg", _v$3, _p$.a));
@@ -16881,10 +17373,10 @@ var init_history2 = __esm(() => {
 
 // src/tui/panes/chat/composer/image-paste.ts
 import { randomUUID } from "crypto";
-import { mkdirSync as mkdirSync4, writeFileSync as writeFileSync4 } from "fs";
-import { join as join12 } from "path";
+import { mkdirSync as mkdirSync5, writeFileSync as writeFileSync4 } from "fs";
+import { join as join13 } from "path";
 function pastedImagesDir() {
-  return join12(kobeStateDir(), "pasted-images");
+  return join13(kobeStateDir(), "pasted-images");
 }
 
 class ImagePasteRegistry {
@@ -16893,7 +17385,7 @@ class ImagePasteRegistry {
   saveBytes(bytes, mimeType) {
     const ext = mimeTypeToExt(mimeType);
     const absPath = mintPath(ext);
-    mkdirSync4(pastedImagesDir(), { recursive: true });
+    mkdirSync5(pastedImagesDir(), { recursive: true });
     writeFileSync4(absPath, bytes);
     return this.register(absPath);
   }
@@ -16901,7 +17393,7 @@ class ImagePasteRegistry {
     if (!clipboardImageSupported())
       return null;
     const absPath = mintPath(".png");
-    mkdirSync4(pastedImagesDir(), { recursive: true });
+    mkdirSync5(pastedImagesDir(), { recursive: true });
     const meta = readClipboardImageToFile(absPath);
     if (!meta)
       return null;
@@ -16964,7 +17456,7 @@ function mimeTypeToExt(mimeType) {
   return ".png";
 }
 function mintPath(ext) {
-  return join12(pastedImagesDir(), `${randomUUID()}${ext}`);
+  return join13(pastedImagesDir(), `${randomUUID()}${ext}`);
 }
 var IMAGE_TOKEN_RE;
 var init_image_paste = __esm(() => {
@@ -17067,7 +17559,7 @@ var init_mention = __esm(() => {
 });
 
 // src/tui/panes/chat/Composer.tsx
-import { TextAttributes as TextAttributes20 } from "@opentui/core";
+import { TextAttributes as TextAttributes21 } from "@opentui/core";
 function resolvePlaceholder(opts) {
   if (!opts.hasTask)
     return opts.noTaskMessage ?? "(no task \u2014 press n to create)";
@@ -17161,21 +17653,21 @@ function Composer(props) {
     return findMentionContext(liveBuffer(), liveCursor());
   });
   createEffect(() => {
-    const ctx3 = mentionContext();
+    const ctx4 = mentionContext();
     const dismissed = mentionDismissedAt();
     if (dismissed === null)
       return;
-    if (!ctx3 || ctx3.atPos !== dismissed)
+    if (!ctx4 || ctx4.atPos !== dismissed)
       setMentionDismissedAt(null);
   });
   const MENTION_MAX_VISIBLE = 8;
   const mentionMatches = createMemo(() => {
-    const ctx3 = mentionContext();
-    if (!ctx3)
+    const ctx4 = mentionContext();
+    if (!ctx4)
       return [];
-    if (mentionDismissedAt() === ctx3.atPos)
+    if (mentionDismissedAt() === ctx4.atPos)
       return [];
-    return filterMentionMatches(mentionFiles(), ctx3.query, MENTION_MAX_VISIBLE * 4);
+    return filterMentionMatches(mentionFiles(), ctx4.query, MENTION_MAX_VISIBLE * 4);
   });
   const mentionOpen = createMemo(() => !slashOpen() && mentionMatches().length > 0);
   createEffect(() => {
@@ -17204,11 +17696,11 @@ function Composer(props) {
   });
   function insertMentionSelection(path8) {
     const ref = textareaRef;
-    const ctx3 = mentionContext();
-    if (!ref || !ctx3)
+    const ctx4 = mentionContext();
+    if (!ref || !ctx4)
       return;
     const cursor = ref.cursorOffset;
-    ref.setSelection(ctx3.atPos, cursor);
+    ref.setSelection(ctx4.atPos, cursor);
     ref.deleteSelection();
     const inserted = `@${path8} `;
     ref.insertText(inserted);
@@ -17444,9 +17936,9 @@ function Composer(props) {
         }
       }
       if (key.name === "escape") {
-        const ctx3 = mentionContext();
-        if (ctx3)
-          setMentionDismissedAt(ctx3.atPos);
+        const ctx4 = mentionContext();
+        if (ctx4)
+          setMentionDismissedAt(ctx4.atPos);
         key.preventDefault();
         return;
       }
@@ -17635,7 +18127,7 @@ function Composer(props) {
                 }
               }), null);
               effect((_p$) => {
-                var _v$20 = active() ? theme.primary : theme.text, _v$21 = active() ? TextAttributes20.BOLD : undefined;
+                var _v$20 = active() ? theme.primary : theme.text, _v$21 = active() ? TextAttributes21.BOLD : undefined;
                 _v$20 !== _p$.e && (_p$.e = setProp(_el$28, "fg", _v$20, _p$.e));
                 _v$21 !== _p$.t && (_p$.t = setProp(_el$28, "attributes", _v$21, _p$.t));
                 return _p$;
@@ -17742,7 +18234,7 @@ function Composer(props) {
                 }
               }), null);
               effect((_p$) => {
-                var _v$22 = active() ? theme.primary : theme.text, _v$23 = active() ? TextAttributes20.BOLD : undefined;
+                var _v$22 = active() ? theme.primary : theme.text, _v$23 = active() ? TextAttributes21.BOLD : undefined;
                 _v$22 !== _p$.e && (_p$.e = setProp(_el$31, "fg", _v$22, _p$.e));
                 _v$23 !== _p$.t && (_p$.t = setProp(_el$31, "attributes", _v$23, _p$.t));
                 return _p$;
@@ -18576,7 +19068,7 @@ function summarizeGlob(input, output, done) {
 }
 
 // src/tui/panes/chat/MessageList.tsx
-import { TextAttributes as TextAttributes21 } from "@opentui/core";
+import { TextAttributes as TextAttributes22 } from "@opentui/core";
 function previewToolInput(input) {
   if (input == null)
     return "";
@@ -18624,11 +19116,11 @@ function UserRow(props) {
     const text = props.text;
     const cmd = extractTag(text, COMMAND_NAME_TAG);
     if (cmd) {
-      const args = extractTag(text, COMMAND_ARGS_TAG) ?? "";
+      const args2 = extractTag(text, COMMAND_ARGS_TAG) ?? "";
       return {
         kind: "command",
         command: cmd,
-        args
+        args: args2
       };
     }
     const stdout = extractTag(text, LOCAL_COMMAND_STDOUT_TAG);
@@ -18672,7 +19164,7 @@ function UserRow(props) {
         })() : null;
       })(), null);
       effect((_p$) => {
-        var _v$ = theme.accent, _v$2 = TextAttributes21.BOLD, _v$3 = theme.primary, _v$4 = TextAttributes21.BOLD;
+        var _v$ = theme.accent, _v$2 = TextAttributes22.BOLD, _v$3 = theme.primary, _v$4 = TextAttributes22.BOLD;
         _v$ !== _p$.e && (_p$.e = setProp(_el$2, "fg", _v$, _p$.e));
         _v$2 !== _p$.t && (_p$.t = setProp(_el$2, "attributes", _v$2, _p$.t));
         _v$3 !== _p$.a && (_p$.a = setProp(_el$5, "fg", _v$3, _p$.a));
@@ -18752,7 +19244,7 @@ function UserRow(props) {
     setProp(_el$21, "flexGrow", 1);
     insert(_el$22, () => view.text);
     effect((_p$) => {
-      var _v$9 = theme.accent, _v$0 = TextAttributes21.BOLD, _v$1 = theme.text;
+      var _v$9 = theme.accent, _v$0 = TextAttributes22.BOLD, _v$1 = theme.text;
       _v$9 !== _p$.e && (_p$.e = setProp(_el$19, "fg", _v$9, _p$.e));
       _v$0 !== _p$.t && (_p$.t = setProp(_el$19, "attributes", _v$0, _p$.t));
       _v$1 !== _p$.a && (_p$.a = setProp(_el$22, "fg", _v$1, _p$.a));
@@ -18788,7 +19280,7 @@ function AssistantRow(props) {
       }
     }));
     effect((_p$) => {
-      var _v$10 = theme.accent, _v$11 = TextAttributes21.BOLD;
+      var _v$10 = theme.accent, _v$11 = TextAttributes22.BOLD;
       _v$10 !== _p$.e && (_p$.e = setProp(_el$25, "fg", _v$10, _p$.e));
       _v$11 !== _p$.t && (_p$.t = setProp(_el$25, "attributes", _v$11, _p$.t));
       return _p$;
@@ -18863,7 +19355,7 @@ function ToolRow(props) {
               }), null);
               effect((_p$) => {
                 var _v$18 = theme.text, _v$19 = {
-                  attributes: TextAttributes21.BOLD
+                  attributes: TextAttributes22.BOLD
                 };
                 _v$18 !== _p$.e && (_p$.e = setProp(_el$45, "fg", _v$18, _p$.e));
                 _v$19 !== _p$.t && (_p$.t = setProp(_el$46, "style", _v$19, _p$.t));
@@ -19031,7 +19523,7 @@ function ToolRow(props) {
       }
     }), null);
     effect((_p$) => {
-      var _v$16 = prefixColor(), _v$17 = TextAttributes21.BOLD;
+      var _v$16 = prefixColor(), _v$17 = TextAttributes22.BOLD;
       _v$16 !== _p$.e && (_p$.e = setProp(_el$29, "fg", _v$16, _p$.e));
       _v$17 !== _p$.t && (_p$.t = setProp(_el$29, "attributes", _v$17, _p$.t));
       return _p$;
@@ -19270,7 +19762,7 @@ function BashBanner(props) {
       }
     }), null);
     effect((_p$) => {
-      var _v$28 = theme.accent, _v$29 = TextAttributes21.BOLD, _v$30 = theme.text;
+      var _v$28 = theme.accent, _v$29 = TextAttributes22.BOLD, _v$30 = theme.text;
       _v$28 !== _p$.e && (_p$.e = setProp(_el$73, "fg", _v$28, _p$.e));
       _v$29 !== _p$.t && (_p$.t = setProp(_el$73, "attributes", _v$29, _p$.t));
       _v$30 !== _p$.a && (_p$.a = setProp(_el$76, "fg", _v$30, _p$.a));
@@ -19358,7 +19850,7 @@ function ReadGrepGlobBanner(props) {
     }), null);
     effect((_p$) => {
       var _v$31 = theme.text, _v$32 = {
-        attributes: TextAttributes21.BOLD
+        attributes: TextAttributes22.BOLD
       };
       _v$31 !== _p$.e && (_p$.e = setProp(_el$81, "fg", _v$31, _p$.e));
       _v$32 !== _p$.t && (_p$.t = setProp(_el$82, "style", _v$32, _p$.t));
@@ -19387,7 +19879,7 @@ function SystemRow(props) {
     setProp(_el$87, "flexGrow", 1);
     insert(_el$88, () => props.text);
     effect((_p$) => {
-      var _v$33 = theme.textMuted, _v$34 = TextAttributes21.DIM, _v$35 = isError() ? theme.error : theme.textMuted;
+      var _v$33 = theme.textMuted, _v$34 = TextAttributes22.DIM, _v$35 = isError() ? theme.error : theme.textMuted;
       _v$33 !== _p$.e && (_p$.e = setProp(_el$85, "fg", _v$33, _p$.e));
       _v$34 !== _p$.t && (_p$.t = setProp(_el$85, "attributes", _v$34, _p$.t));
       _v$35 !== _p$.a && (_p$.a = setProp(_el$88, "fg", _v$35, _p$.a));
@@ -19477,7 +19969,7 @@ function ApprovalRow(props) {
           insertNode(_el$103, _el$105);
           insert(_el$103, () => r().status, _el$105);
           effect((_p$) => {
-            var _v$44 = r().status === "approved" ? theme.success : theme.error, _v$45 = TextAttributes21.BOLD;
+            var _v$44 = r().status === "approved" ? theme.success : theme.error, _v$45 = TextAttributes22.BOLD;
             _v$44 !== _p$.e && (_p$.e = setProp(_el$103, "fg", _v$44, _p$.e));
             _v$45 !== _p$.t && (_p$.t = setProp(_el$103, "attributes", _v$45, _p$.t));
             return _p$;
@@ -19494,7 +19986,7 @@ function ApprovalRow(props) {
           insertNode(_el$99, createTextNode(`[ Approve ]`));
           setProp(_el$99, "onMouseUp", () => props.onApprove(true));
           effect((_p$) => {
-            var _v$36 = theme.success, _v$37 = TextAttributes21.BOLD;
+            var _v$36 = theme.success, _v$37 = TextAttributes22.BOLD;
             _v$36 !== _p$.e && (_p$.e = setProp(_el$99, "fg", _v$36, _p$.e));
             _v$37 !== _p$.t && (_p$.t = setProp(_el$99, "attributes", _v$37, _p$.t));
             return _p$;
@@ -19508,7 +20000,7 @@ function ApprovalRow(props) {
           insertNode(_el$101, createTextNode(`[ Reject ]`));
           setProp(_el$101, "onMouseUp", () => props.onApprove(false));
           effect((_p$) => {
-            var _v$38 = theme.error, _v$39 = TextAttributes21.BOLD;
+            var _v$38 = theme.error, _v$39 = TextAttributes22.BOLD;
             _v$38 !== _p$.e && (_p$.e = setProp(_el$101, "fg", _v$38, _p$.e));
             _v$39 !== _p$.t && (_p$.t = setProp(_el$101, "attributes", _v$39, _p$.t));
             return _p$;
@@ -19521,7 +20013,7 @@ function ApprovalRow(props) {
       }
     }));
     effect((_p$) => {
-      var _v$40 = headerColor(), _v$41 = TextAttributes21.BOLD, _v$42 = headerColor(), _v$43 = TextAttributes21.BOLD;
+      var _v$40 = headerColor(), _v$41 = TextAttributes22.BOLD, _v$42 = headerColor(), _v$43 = TextAttributes22.BOLD;
       _v$40 !== _p$.e && (_p$.e = setProp(_el$91, "fg", _v$40, _p$.e));
       _v$41 !== _p$.t && (_p$.t = setProp(_el$91, "attributes", _v$41, _p$.t));
       _v$42 !== _p$.a && (_p$.a = setProp(_el$92, "fg", _v$42, _p$.a));
@@ -19543,9 +20035,35 @@ function QuestionRow(props) {
   const r = () => props.row;
   const isAnswered = () => r().answers !== null;
   const [selections, setSelections] = createSignal({});
+  const [otherText, setOtherText] = createSignal({});
+  const [currentIndex, setCurrentIndex] = createSignal(0);
   function pickedFor(questionText) {
     return selections()[questionText] ?? new Set;
   }
+  function customTextFor(questionText) {
+    return otherText()[questionText] ?? "";
+  }
+  function setCustomText(questionText, value) {
+    const sanitized = value.replace(/[\r\n]+/g, "");
+    setOtherText((prev) => ({
+      ...prev,
+      [questionText]: sanitized
+    }));
+  }
+  function currentOtherActive() {
+    if (isAnswered())
+      return false;
+    const q = r().questions[currentIndex()];
+    if (!q)
+      return false;
+    return pickedFor(q.question).has(OTHER_SENTINEL);
+  }
+  createEffect(() => {
+    props.onClaimComposerFocus?.(currentOtherActive());
+  });
+  onCleanup(() => {
+    props.onClaimComposerFocus?.(false);
+  });
   function toggle(questionText, multi, label) {
     setSelections((prev) => {
       const cur = new Set(prev[questionText] ?? []);
@@ -19568,9 +20086,34 @@ function QuestionRow(props) {
       };
     });
   }
+  function renderedAnswerFor(q) {
+    const picked = pickedFor(q.question);
+    const ordered = [];
+    for (const o of q.options) {
+      if (picked.has(o.label))
+        ordered.push(o.label);
+    }
+    if (picked.has(OTHER_SENTINEL)) {
+      const txt = customTextFor(q.question).trim();
+      if (txt)
+        ordered.push(txt);
+    }
+    return ordered.join(", ");
+  }
+  function isQuestionComplete(qIdx) {
+    const q = r().questions[qIdx];
+    if (!q)
+      return false;
+    const picked = pickedFor(q.question);
+    if (picked.size === 0)
+      return false;
+    if (picked.has(OTHER_SENTINEL) && customTextFor(q.question).trim().length === 0)
+      return false;
+    return true;
+  }
   const allAnswered = () => {
-    for (const q of r().questions) {
-      if (pickedFor(q.question).size === 0)
+    for (let i = 0;i < r().questions.length; i++) {
+      if (!isQuestionComplete(i))
         return false;
     }
     return true;
@@ -19580,16 +20123,73 @@ function QuestionRow(props) {
       return;
     const answers = {};
     for (const q of r().questions) {
-      const picked = Array.from(pickedFor(q.question));
-      const ordered = q.options.map((o) => o.label).filter((l) => picked.includes(l));
-      answers[q.question] = ordered.join(", ");
+      answers[q.question] = renderedAnswerFor(q);
     }
     props.onAnswer(answers);
   }
+  function advanceOrSubmit() {
+    if (isAnswered())
+      return;
+    const i = currentIndex();
+    if (!isQuestionComplete(i))
+      return;
+    if (i >= r().questions.length - 1) {
+      submit();
+    } else {
+      setCurrentIndex(i + 1);
+    }
+  }
+  const [highlighted, setHighlighted] = createSignal(0);
+  createEffect(() => {
+    currentIndex();
+    setHighlighted(0);
+  });
+  function toggleByIndex(qIdx, optIdx) {
+    const q = r().questions[qIdx];
+    if (!q)
+      return;
+    if (optIdx === q.options.length) {
+      toggle(q.question, q.multiSelect, OTHER_SENTINEL);
+    } else {
+      const opt = q.options[optIdx];
+      if (opt)
+        toggle(q.question, q.multiSelect, opt.label);
+    }
+  }
+  useBindings(() => ({
+    enabled: !isAnswered() && !currentOtherActive() && (props.chatFocused?.() ?? true),
+    bindings: bindByIds({
+      "chat.question.nav": (evt) => {
+        const q = r().questions[currentIndex()];
+        if (!q)
+          return;
+        const max = q.options.length;
+        if (evt.name === "j" || evt.name === "down") {
+          setHighlighted((i) => Math.min(i + 1, max));
+        } else if (evt.name === "k" || evt.name === "up") {
+          setHighlighted((i) => Math.max(i - 1, 0));
+        }
+      },
+      "chat.question.toggle": () => toggleByIndex(currentIndex(), highlighted()),
+      "chat.question.submit": () => advanceOrSubmit(),
+      "chat.question.pick-number": (evt) => {
+        const n = Number.parseInt(evt.name ?? "", 10);
+        if (!Number.isFinite(n) || n < 1)
+          return;
+        const q = r().questions[currentIndex()];
+        if (!q)
+          return;
+        const idx = n - 1;
+        if (idx > q.options.length)
+          return;
+        setHighlighted(idx);
+        toggleByIndex(currentIndex(), idx);
+      }
+    })
+  }));
   return (() => {
-    var _el$106 = createElement("box"), _el$107 = createElement("box"), _el$108 = createElement("text"), _el$110 = createElement("text"), _el$111 = createElement("box");
+    var _el$106 = createElement("box"), _el$107 = createElement("box"), _el$108 = createElement("text"), _el$110 = createElement("text");
     insertNode(_el$106, _el$107);
-    insertNode(_el$106, _el$111);
     setProp(_el$106, "paddingTop", 1);
     setProp(_el$106, "flexDirection", "column");
     setProp(_el$106, "gap", 0);
@@ -19603,184 +20203,302 @@ function QuestionRow(props) {
       get each() {
         return r().questions;
       },
-      children: (q) => {
+      children: (q, index) => {
         const finalAnswer = () => r().answers?.[q.question] ?? null;
         const picked = () => pickedFor(q.question);
-        return (() => {
-          var _el$116 = createElement("box"), _el$117 = createElement("box"), _el$121 = createElement("text");
-          insertNode(_el$116, _el$117);
-          setProp(_el$116, "paddingLeft", 2);
-          setProp(_el$116, "paddingTop", 1);
-          setProp(_el$116, "flexDirection", "column");
-          setProp(_el$116, "gap", 0);
-          insertNode(_el$117, _el$121);
-          setProp(_el$117, "flexDirection", "row");
-          setProp(_el$117, "gap", 1);
-          insert(_el$117, createComponent2(Show, {
-            get when() {
-              return q.header;
-            },
-            get children() {
-              var _el$118 = createElement("text"), _el$119 = createTextNode(`[`), _el$120 = createTextNode(`]`);
-              insertNode(_el$118, _el$119);
-              insertNode(_el$118, _el$120);
-              insert(_el$118, () => q.header, _el$120);
-              effect((_p$) => {
-                var _v$52 = theme.accent, _v$53 = TextAttributes21.BOLD;
-                _v$52 !== _p$.e && (_p$.e = setProp(_el$118, "fg", _v$52, _p$.e));
-                _v$53 !== _p$.t && (_p$.t = setProp(_el$118, "attributes", _v$53, _p$.t));
-                return _p$;
-              }, {
-                e: undefined,
-                t: undefined
-              });
-              return _el$118;
-            }
-          }), _el$121);
-          insert(_el$121, () => q.question);
-          insert(_el$117, createComponent2(Show, {
-            get when() {
-              return q.multiSelect;
-            },
-            get children() {
-              var _el$122 = createElement("text");
-              insertNode(_el$122, createTextNode(`(pick any)`));
-              effect((_$p) => setProp(_el$122, "fg", theme.textMuted, _$p));
-              return _el$122;
-            }
-          }), null);
-          insert(_el$116, createComponent2(Show, {
-            get when() {
-              return isAnswered();
-            },
-            get children() {
-              var _el$124 = createElement("box"), _el$125 = createElement("text"), _el$126 = createTextNode(`\u23BF `);
-              insertNode(_el$124, _el$125);
-              setProp(_el$124, "paddingLeft", 2);
-              insertNode(_el$125, _el$126);
-              insert(_el$125, (() => {
-                var _c$2 = memo2(() => !!(finalAnswer() && finalAnswer().length > 0));
-                return () => _c$2() ? finalAnswer() : "(no answer)";
-              })(), null);
-              effect((_$p) => setProp(_el$125, "fg", theme.success, _$p));
-              return _el$124;
-            }
-          }), null);
-          insert(_el$116, createComponent2(Show, {
-            get when() {
-              return !isAnswered();
-            },
-            get children() {
-              var _el$127 = createElement("box");
-              setProp(_el$127, "paddingLeft", 2);
-              setProp(_el$127, "flexDirection", "column");
-              insert(_el$127, createComponent2(For, {
-                get each() {
-                  return q.options;
-                },
-                children: (opt) => {
-                  const isPicked = () => picked().has(opt.label);
-                  const glyph = () => q.multiSelect ? isPicked() ? "[x]" : "[ ]" : isPicked() ? "(\u2022)" : "( )";
-                  return (() => {
-                    var _el$128 = createElement("box"), _el$129 = createElement("text"), _el$130 = createElement("box"), _el$131 = createElement("text");
-                    insertNode(_el$128, _el$129);
-                    insertNode(_el$128, _el$130);
-                    setProp(_el$128, "flexDirection", "row");
-                    setProp(_el$128, "gap", 1);
-                    setProp(_el$128, "onMouseUp", () => toggle(q.question, q.multiSelect, opt.label));
-                    insert(_el$129, glyph);
-                    insertNode(_el$130, _el$131);
-                    setProp(_el$130, "flexGrow", 1);
-                    setProp(_el$130, "flexDirection", "column");
-                    insert(_el$131, () => opt.label);
-                    insert(_el$130, createComponent2(Show, {
-                      get when() {
-                        return opt.description;
-                      },
-                      get children() {
-                        var _el$132 = createElement("text");
-                        insert(_el$132, () => opt.description);
-                        effect((_$p) => setProp(_el$132, "fg", theme.textMuted, _$p));
-                        return _el$132;
-                      }
-                    }), null);
+        const isCurrent = () => !isAnswered() && index() === currentIndex();
+        const isPast = () => !isAnswered() && index() < currentIndex();
+        const isFuture = () => !isAnswered() && index() > currentIndex();
+        const isLast = () => index() === r().questions.length - 1;
+        const buttonLabel = () => isLast() ? "[ Submit ]" : "[ Next ]";
+        return createComponent2(Show, {
+          get when() {
+            return !isFuture();
+          },
+          get children() {
+            var _el$114 = createElement("box"), _el$115 = createElement("box"), _el$119 = createElement("text");
+            insertNode(_el$114, _el$115);
+            setProp(_el$114, "paddingLeft", 2);
+            setProp(_el$114, "paddingTop", 1);
+            setProp(_el$114, "flexDirection", "column");
+            setProp(_el$114, "gap", 0);
+            insertNode(_el$115, _el$119);
+            setProp(_el$115, "flexDirection", "row");
+            setProp(_el$115, "gap", 1);
+            insert(_el$115, createComponent2(Show, {
+              get when() {
+                return q.header;
+              },
+              get children() {
+                var _el$116 = createElement("text"), _el$117 = createTextNode(`[`), _el$118 = createTextNode(`]`);
+                insertNode(_el$116, _el$117);
+                insertNode(_el$116, _el$118);
+                insert(_el$116, () => q.header, _el$118);
+                effect((_p$) => {
+                  var _v$52 = theme.accent, _v$53 = TextAttributes22.BOLD;
+                  _v$52 !== _p$.e && (_p$.e = setProp(_el$116, "fg", _v$52, _p$.e));
+                  _v$53 !== _p$.t && (_p$.t = setProp(_el$116, "attributes", _v$53, _p$.t));
+                  return _p$;
+                }, {
+                  e: undefined,
+                  t: undefined
+                });
+                return _el$116;
+              }
+            }), _el$119);
+            insert(_el$119, () => q.question);
+            insert(_el$115, createComponent2(Show, {
+              get when() {
+                return memo2(() => !!q.multiSelect)() && isCurrent();
+              },
+              get children() {
+                var _el$120 = createElement("text");
+                insertNode(_el$120, createTextNode(`(pick any)`));
+                effect((_$p) => setProp(_el$120, "fg", theme.textMuted, _$p));
+                return _el$120;
+              }
+            }), null);
+            insert(_el$115, createComponent2(Show, {
+              get when() {
+                return isPast();
+              },
+              get children() {
+                var _el$122 = createElement("text");
+                insertNode(_el$122, createTextNode(`(click to edit)`));
+                effect((_$p) => setProp(_el$122, "fg", theme.textMuted, _$p));
+                return _el$122;
+              }
+            }), null);
+            insert(_el$114, createComponent2(Show, {
+              get when() {
+                return isAnswered();
+              },
+              get children() {
+                var _el$124 = createElement("box"), _el$125 = createElement("text"), _el$126 = createTextNode(`\u23BF `);
+                insertNode(_el$124, _el$125);
+                setProp(_el$124, "paddingLeft", 2);
+                insertNode(_el$125, _el$126);
+                insert(_el$125, (() => {
+                  var _c$2 = memo2(() => !!(finalAnswer() && finalAnswer().length > 0));
+                  return () => _c$2() ? finalAnswer() : "(no answer)";
+                })(), null);
+                effect((_$p) => setProp(_el$125, "fg", theme.success, _$p));
+                return _el$124;
+              }
+            }), null);
+            insert(_el$114, createComponent2(Show, {
+              get when() {
+                return isPast();
+              },
+              get children() {
+                var _el$127 = createElement("box"), _el$128 = createElement("text"), _el$129 = createTextNode(`\u23BF `);
+                insertNode(_el$127, _el$128);
+                setProp(_el$127, "paddingLeft", 2);
+                insertNode(_el$128, _el$129);
+                insert(_el$128, (() => {
+                  var _c$3 = memo2(() => renderedAnswerFor(q).length > 0);
+                  return () => _c$3() ? renderedAnswerFor(q) : "(no answer)";
+                })(), null);
+                effect((_$p) => setProp(_el$128, "fg", theme.textMuted, _$p));
+                return _el$127;
+              }
+            }), null);
+            insert(_el$114, createComponent2(Show, {
+              get when() {
+                return isCurrent();
+              },
+              get children() {
+                var _el$130 = createElement("box"), _el$131 = createElement("box"), _el$132 = createElement("text");
+                insertNode(_el$130, _el$131);
+                setProp(_el$130, "paddingLeft", 2);
+                setProp(_el$130, "flexDirection", "column");
+                insert(_el$130, createComponent2(For, {
+                  get each() {
+                    return q.options;
+                  },
+                  children: (opt, optIndex) => {
+                    const isPicked = () => picked().has(opt.label);
+                    const isHl = () => highlighted() === optIndex();
+                    const glyph = () => q.multiSelect ? isPicked() ? "[x]" : "[ ]" : isPicked() ? "(\u2022)" : "( )";
+                    const digitChip = () => optIndex() < 9 ? `${optIndex() + 1}.` : "  ";
+                    return (() => {
+                      var _el$135 = createElement("box"), _el$136 = createElement("text"), _el$137 = createElement("text"), _el$138 = createElement("text"), _el$139 = createElement("box"), _el$140 = createElement("text");
+                      insertNode(_el$135, _el$136);
+                      insertNode(_el$135, _el$137);
+                      insertNode(_el$135, _el$138);
+                      insertNode(_el$135, _el$139);
+                      setProp(_el$135, "flexDirection", "row");
+                      setProp(_el$135, "gap", 1);
+                      setProp(_el$135, "onMouseUp", () => toggle(q.question, q.multiSelect, opt.label));
+                      insert(_el$136, () => isHl() ? ">" : " ");
+                      insert(_el$137, digitChip);
+                      insert(_el$138, glyph);
+                      insertNode(_el$139, _el$140);
+                      setProp(_el$139, "flexGrow", 1);
+                      setProp(_el$139, "flexDirection", "column");
+                      insert(_el$140, () => opt.label);
+                      insert(_el$139, createComponent2(Show, {
+                        get when() {
+                          return opt.description;
+                        },
+                        get children() {
+                          var _el$141 = createElement("text");
+                          insert(_el$141, () => opt.description);
+                          effect((_$p) => setProp(_el$141, "fg", theme.textMuted, _$p));
+                          return _el$141;
+                        }
+                      }), null);
+                      effect((_p$) => {
+                        var _v$58 = isHl() ? theme.accent : theme.textMuted, _v$59 = TextAttributes22.BOLD, _v$60 = theme.textMuted, _v$61 = isPicked() ? theme.accent : theme.textMuted, _v$62 = TextAttributes22.BOLD, _v$63 = theme.text;
+                        _v$58 !== _p$.e && (_p$.e = setProp(_el$136, "fg", _v$58, _p$.e));
+                        _v$59 !== _p$.t && (_p$.t = setProp(_el$136, "attributes", _v$59, _p$.t));
+                        _v$60 !== _p$.a && (_p$.a = setProp(_el$137, "fg", _v$60, _p$.a));
+                        _v$61 !== _p$.o && (_p$.o = setProp(_el$138, "fg", _v$61, _p$.o));
+                        _v$62 !== _p$.i && (_p$.i = setProp(_el$138, "attributes", _v$62, _p$.i));
+                        _v$63 !== _p$.n && (_p$.n = setProp(_el$140, "fg", _v$63, _p$.n));
+                        return _p$;
+                      }, {
+                        e: undefined,
+                        t: undefined,
+                        a: undefined,
+                        o: undefined,
+                        i: undefined,
+                        n: undefined
+                      });
+                      return _el$135;
+                    })();
+                  }
+                }), _el$131);
+                insert(_el$130, () => {
+                  const otherPicked = () => picked().has(OTHER_SENTINEL);
+                  const otherIdx = q.options.length;
+                  const isOtherHl = () => highlighted() === otherIdx;
+                  const otherGlyph = () => q.multiSelect ? otherPicked() ? "[x]" : "[ ]" : otherPicked() ? "(\u2022)" : "( )";
+                  const otherDigitChip = () => otherIdx < 9 ? `${otherIdx + 1}.` : "  ";
+                  return [(() => {
+                    var _el$142 = createElement("box"), _el$143 = createElement("text"), _el$144 = createElement("text"), _el$145 = createElement("text"), _el$146 = createElement("box"), _el$147 = createElement("text"), _el$149 = createElement("text");
+                    insertNode(_el$142, _el$143);
+                    insertNode(_el$142, _el$144);
+                    insertNode(_el$142, _el$145);
+                    insertNode(_el$142, _el$146);
+                    setProp(_el$142, "flexDirection", "row");
+                    setProp(_el$142, "gap", 1);
+                    setProp(_el$142, "onMouseUp", () => toggle(q.question, q.multiSelect, OTHER_SENTINEL));
+                    insert(_el$143, () => isOtherHl() ? ">" : " ");
+                    insert(_el$144, otherDigitChip);
+                    insert(_el$145, otherGlyph);
+                    insertNode(_el$146, _el$147);
+                    insertNode(_el$146, _el$149);
+                    setProp(_el$146, "flexGrow", 1);
+                    setProp(_el$146, "flexDirection", "column");
+                    insertNode(_el$147, createTextNode(`Other`));
+                    insertNode(_el$149, createTextNode(`Type your own answer`));
                     effect((_p$) => {
-                      var _v$54 = isPicked() ? theme.accent : theme.textMuted, _v$55 = TextAttributes21.BOLD, _v$56 = theme.text;
-                      _v$54 !== _p$.e && (_p$.e = setProp(_el$129, "fg", _v$54, _p$.e));
-                      _v$55 !== _p$.t && (_p$.t = setProp(_el$129, "attributes", _v$55, _p$.t));
-                      _v$56 !== _p$.a && (_p$.a = setProp(_el$131, "fg", _v$56, _p$.a));
+                      var _v$64 = isOtherHl() ? theme.accent : theme.textMuted, _v$65 = TextAttributes22.BOLD, _v$66 = theme.textMuted, _v$67 = otherPicked() ? theme.accent : theme.textMuted, _v$68 = TextAttributes22.BOLD, _v$69 = theme.text, _v$70 = theme.textMuted;
+                      _v$64 !== _p$.e && (_p$.e = setProp(_el$143, "fg", _v$64, _p$.e));
+                      _v$65 !== _p$.t && (_p$.t = setProp(_el$143, "attributes", _v$65, _p$.t));
+                      _v$66 !== _p$.a && (_p$.a = setProp(_el$144, "fg", _v$66, _p$.a));
+                      _v$67 !== _p$.o && (_p$.o = setProp(_el$145, "fg", _v$67, _p$.o));
+                      _v$68 !== _p$.i && (_p$.i = setProp(_el$145, "attributes", _v$68, _p$.i));
+                      _v$69 !== _p$.n && (_p$.n = setProp(_el$147, "fg", _v$69, _p$.n));
+                      _v$70 !== _p$.s && (_p$.s = setProp(_el$149, "fg", _v$70, _p$.s));
                       return _p$;
                     }, {
                       e: undefined,
                       t: undefined,
-                      a: undefined
+                      a: undefined,
+                      o: undefined,
+                      i: undefined,
+                      n: undefined,
+                      s: undefined
                     });
-                    return _el$128;
-                  })();
-                }
-              }));
-              return _el$127;
-            }
-          }), null);
-          effect((_$p) => setProp(_el$121, "fg", theme.text, _$p));
-          return _el$116;
-        })();
+                    return _el$142;
+                  })(), createComponent2(Show, {
+                    get when() {
+                      return otherPicked();
+                    },
+                    get children() {
+                      var _el$151 = createElement("box"), _el$152 = createElement("input");
+                      insertNode(_el$151, _el$152);
+                      setProp(_el$151, "paddingLeft", 4);
+                      setProp(_el$151, "paddingTop", 0);
+                      setProp(_el$152, "placeholder", "type your answer\u2026");
+                      setProp(_el$152, "focused", true);
+                      setProp(_el$152, "onInput", (v) => setCustomText(q.question, v));
+                      setProp(_el$152, "onSubmit", () => advanceOrSubmit());
+                      effect((_$p) => setProp(_el$152, "value", customTextFor(q.question), _$p));
+                      return _el$151;
+                    }
+                  })];
+                }, _el$131);
+                insertNode(_el$131, _el$132);
+                setProp(_el$131, "paddingLeft", 0);
+                setProp(_el$131, "paddingTop", 1);
+                setProp(_el$131, "flexDirection", "row");
+                setProp(_el$131, "gap", 2);
+                setProp(_el$132, "onMouseUp", () => advanceOrSubmit());
+                insert(_el$132, buttonLabel);
+                insert(_el$131, createComponent2(Show, {
+                  get when() {
+                    return !isQuestionComplete(index());
+                  },
+                  get children() {
+                    var _el$133 = createElement("text");
+                    insertNode(_el$133, createTextNode(`(pick an option to continue)`));
+                    effect((_$p) => setProp(_el$133, "fg", theme.textMuted, _$p));
+                    return _el$133;
+                  }
+                }), null);
+                effect((_p$) => {
+                  var _v$54 = isQuestionComplete(index()) ? theme.success : theme.textMuted, _v$55 = TextAttributes22.BOLD;
+                  _v$54 !== _p$.e && (_p$.e = setProp(_el$132, "fg", _v$54, _p$.e));
+                  _v$55 !== _p$.t && (_p$.t = setProp(_el$132, "attributes", _v$55, _p$.t));
+                  return _p$;
+                }, {
+                  e: undefined,
+                  t: undefined
+                });
+                return _el$130;
+              }
+            }), null);
+            effect((_p$) => {
+              var _v$56 = isPast() ? () => setCurrentIndex(index()) : undefined, _v$57 = isPast() ? theme.textMuted : theme.text;
+              _v$56 !== _p$.e && (_p$.e = setProp(_el$114, "onMouseUp", _v$56, _p$.e));
+              _v$57 !== _p$.t && (_p$.t = setProp(_el$119, "fg", _v$57, _p$.t));
+              return _p$;
+            }, {
+              e: undefined,
+              t: undefined
+            });
+            return _el$114;
+          }
+        });
       }
-    }), _el$111);
-    setProp(_el$111, "paddingLeft", 2);
-    setProp(_el$111, "paddingTop", 1);
-    setProp(_el$111, "flexDirection", "row");
-    setProp(_el$111, "gap", 2);
-    insert(_el$111, createComponent2(Show, {
+    }), null);
+    insert(_el$106, createComponent2(Show, {
       get when() {
-        return !isAnswered();
-      },
-      get fallback() {
-        return (() => {
-          var _el$133 = createElement("text");
-          insertNode(_el$133, createTextNode(`[submitted]`));
-          effect((_p$) => {
-            var _v$57 = theme.success, _v$58 = TextAttributes21.BOLD;
-            _v$57 !== _p$.e && (_p$.e = setProp(_el$133, "fg", _v$57, _p$.e));
-            _v$58 !== _p$.t && (_p$.t = setProp(_el$133, "attributes", _v$58, _p$.t));
-            return _p$;
-          }, {
-            e: undefined,
-            t: undefined
-          });
-          return _el$133;
-        })();
+        return isAnswered();
       },
       get children() {
-        return [(() => {
-          var _el$112 = createElement("text");
-          insertNode(_el$112, createTextNode(`[ Submit ]`));
-          setProp(_el$112, "onMouseUp", () => submit());
-          effect((_p$) => {
-            var _v$46 = allAnswered() ? theme.success : theme.textMuted, _v$47 = TextAttributes21.BOLD;
-            _v$46 !== _p$.e && (_p$.e = setProp(_el$112, "fg", _v$46, _p$.e));
-            _v$47 !== _p$.t && (_p$.t = setProp(_el$112, "attributes", _v$47, _p$.t));
-            return _p$;
-          }, {
-            e: undefined,
-            t: undefined
-          });
-          return _el$112;
-        })(), createComponent2(Show, {
-          get when() {
-            return !allAnswered();
-          },
-          get children() {
-            var _el$114 = createElement("text");
-            insertNode(_el$114, createTextNode(`(answer all questions to enable)`));
-            effect((_$p) => setProp(_el$114, "fg", theme.textMuted, _$p));
-            return _el$114;
-          }
-        })];
+        var _el$111 = createElement("box"), _el$112 = createElement("text");
+        insertNode(_el$111, _el$112);
+        setProp(_el$111, "paddingLeft", 2);
+        setProp(_el$111, "paddingTop", 1);
+        insertNode(_el$112, createTextNode(`[submitted]`));
+        effect((_p$) => {
+          var _v$46 = theme.success, _v$47 = TextAttributes22.BOLD;
+          _v$46 !== _p$.e && (_p$.e = setProp(_el$112, "fg", _v$46, _p$.e));
+          _v$47 !== _p$.t && (_p$.t = setProp(_el$112, "attributes", _v$47, _p$.t));
+          return _p$;
+        }, {
+          e: undefined,
+          t: undefined
+        });
+        return _el$111;
       }
-    }));
+    }), null);
     effect((_p$) => {
-      var _v$48 = theme.warning, _v$49 = TextAttributes21.BOLD, _v$50 = theme.warning, _v$51 = TextAttributes21.BOLD;
+      var _v$48 = theme.warning, _v$49 = TextAttributes22.BOLD, _v$50 = theme.warning, _v$51 = TextAttributes22.BOLD;
       _v$48 !== _p$.e && (_p$.e = setProp(_el$108, "fg", _v$48, _p$.e));
       _v$49 !== _p$.t && (_p$.t = setProp(_el$108, "attributes", _v$49, _p$.t));
       _v$50 !== _p$.a && (_p$.a = setProp(_el$110, "fg", _v$50, _p$.a));
@@ -19800,23 +20518,23 @@ function MessageList(props) {
     theme
   } = useTheme();
   return (() => {
-    var _el$135 = createElement("box");
-    setProp(_el$135, "flexDirection", "column");
-    setProp(_el$135, "gap", 0);
-    insert(_el$135, createComponent2(Show, {
+    var _el$153 = createElement("box");
+    setProp(_el$153, "flexDirection", "column");
+    setProp(_el$153, "gap", 0);
+    insert(_el$153, createComponent2(Show, {
       get when() {
         return memo2(() => props.messages.length === 0)() && props.showEmptyPlaceholder;
       },
       get children() {
-        var _el$136 = createElement("box"), _el$137 = createElement("text");
-        insertNode(_el$136, _el$137);
-        setProp(_el$136, "paddingTop", 2);
-        insertNode(_el$137, createTextNode(`Type a prompt below.`));
-        effect((_$p) => setProp(_el$137, "fg", theme.textMuted, _$p));
-        return _el$136;
+        var _el$154 = createElement("box"), _el$155 = createElement("text");
+        insertNode(_el$154, _el$155);
+        setProp(_el$154, "paddingTop", 2);
+        insertNode(_el$155, createTextNode(`Type a prompt below.`));
+        effect((_$p) => setProp(_el$155, "fg", theme.textMuted, _$p));
+        return _el$154;
       }
     }), null);
-    insert(_el$135, createComponent2(For, {
+    insert(_el$153, createComponent2(For, {
       get each() {
         return groupRenderItems(props.messages, props.expandedFoldStartIndex);
       },
@@ -19866,7 +20584,13 @@ function MessageList(props) {
         if (row.kind === "question") {
           return createComponent2(QuestionRow, {
             row,
-            onAnswer: (answers) => props.onAnswer?.(row.requestId, answers)
+            onAnswer: (answers) => props.onAnswer?.(row.requestId, answers),
+            get onClaimComposerFocus() {
+              return props.onClaimComposerFocus;
+            },
+            get chatFocused() {
+              return props.chatFocused;
+            }
           });
         }
         return createComponent2(ToolRow, {
@@ -19879,35 +20603,35 @@ function MessageList(props) {
         });
       }
     }), null);
-    insert(_el$135, createComponent2(Show, {
+    insert(_el$153, createComponent2(Show, {
       get when() {
         return props.error;
       },
       get children() {
-        var _el$139 = createElement("box"), _el$140 = createElement("text"), _el$142 = createElement("text"), _el$143 = createTextNode(`error: `);
-        insertNode(_el$139, _el$140);
-        insertNode(_el$139, _el$142);
-        setProp(_el$139, "paddingTop", 1);
-        setProp(_el$139, "flexDirection", "row");
-        setProp(_el$139, "gap", 1);
-        insertNode(_el$140, createTextNode(`\u203B`));
-        insertNode(_el$142, _el$143);
-        insert(_el$142, () => props.error, null);
+        var _el$157 = createElement("box"), _el$158 = createElement("text"), _el$160 = createElement("text"), _el$161 = createTextNode(`error: `);
+        insertNode(_el$157, _el$158);
+        insertNode(_el$157, _el$160);
+        setProp(_el$157, "paddingTop", 1);
+        setProp(_el$157, "flexDirection", "row");
+        setProp(_el$157, "gap", 1);
+        insertNode(_el$158, createTextNode(`\u203B`));
+        insertNode(_el$160, _el$161);
+        insert(_el$160, () => props.error, null);
         effect((_p$) => {
-          var _v$59 = theme.error, _v$60 = TextAttributes21.BOLD, _v$61 = theme.error;
-          _v$59 !== _p$.e && (_p$.e = setProp(_el$140, "fg", _v$59, _p$.e));
-          _v$60 !== _p$.t && (_p$.t = setProp(_el$140, "attributes", _v$60, _p$.t));
-          _v$61 !== _p$.a && (_p$.a = setProp(_el$142, "fg", _v$61, _p$.a));
+          var _v$71 = theme.error, _v$72 = TextAttributes22.BOLD, _v$73 = theme.error;
+          _v$71 !== _p$.e && (_p$.e = setProp(_el$158, "fg", _v$71, _p$.e));
+          _v$72 !== _p$.t && (_p$.t = setProp(_el$158, "attributes", _v$72, _p$.t));
+          _v$73 !== _p$.a && (_p$.a = setProp(_el$160, "fg", _v$73, _p$.a));
           return _p$;
         }, {
           e: undefined,
           t: undefined,
           a: undefined
         });
-        return _el$139;
+        return _el$157;
       }
     }), null);
-    return _el$135;
+    return _el$153;
   })();
 }
 function groupRenderItems(messages, expandedFoldStartIndex = null) {
@@ -20038,32 +20762,32 @@ function ToolFoldRow(props) {
   const glyph = () => props.inFlight ? "\u273B" : props.expanded ? "\u25BC" : "\u25B6";
   const fg = () => props.inFlight ? theme.warning : theme.textMuted;
   return (() => {
-    var _el$144 = createElement("box"), _el$145 = createElement("text"), _el$146 = createElement("box"), _el$147 = createElement("text");
-    insertNode(_el$144, _el$145);
-    insertNode(_el$144, _el$146);
-    setProp(_el$144, "paddingTop", 1);
-    setProp(_el$144, "flexDirection", "row");
-    setProp(_el$144, "gap", 1);
-    setProp(_el$144, "onMouseUp", () => props.onToggle());
-    insert(_el$145, glyph);
-    insertNode(_el$146, _el$147);
-    setProp(_el$146, "flexGrow", 1);
-    insert(_el$147, () => props.summary);
+    var _el$162 = createElement("box"), _el$163 = createElement("text"), _el$164 = createElement("box"), _el$165 = createElement("text");
+    insertNode(_el$162, _el$163);
+    insertNode(_el$162, _el$164);
+    setProp(_el$162, "paddingTop", 1);
+    setProp(_el$162, "flexDirection", "row");
+    setProp(_el$162, "gap", 1);
+    setProp(_el$162, "onMouseUp", () => props.onToggle());
+    insert(_el$163, glyph);
+    insertNode(_el$164, _el$165);
+    setProp(_el$164, "flexGrow", 1);
+    insert(_el$165, () => props.summary);
     effect((_p$) => {
-      var _v$62 = fg(), _v$63 = TextAttributes21.DIM, _v$64 = theme.textMuted;
-      _v$62 !== _p$.e && (_p$.e = setProp(_el$145, "fg", _v$62, _p$.e));
-      _v$63 !== _p$.t && (_p$.t = setProp(_el$145, "attributes", _v$63, _p$.t));
-      _v$64 !== _p$.a && (_p$.a = setProp(_el$147, "fg", _v$64, _p$.a));
+      var _v$74 = fg(), _v$75 = TextAttributes22.DIM, _v$76 = theme.textMuted;
+      _v$74 !== _p$.e && (_p$.e = setProp(_el$163, "fg", _v$74, _p$.e));
+      _v$75 !== _p$.t && (_p$.t = setProp(_el$163, "attributes", _v$75, _p$.t));
+      _v$76 !== _p$.a && (_p$.a = setProp(_el$165, "fg", _v$76, _p$.a));
       return _p$;
     }, {
       e: undefined,
       t: undefined,
       a: undefined
     });
-    return _el$144;
+    return _el$162;
   })();
 }
-var BLACK_CIRCLE, TOOL_FOLD_THRESHOLD = 3;
+var BLACK_CIRCLE, OTHER_SENTINEL = "__kobe_other__", TOOL_FOLD_THRESHOLD = 3;
 var init_MessageList = __esm(() => {
   init_solid();
   init_solid();
@@ -20074,7 +20798,9 @@ var init_MessageList = __esm(() => {
   init_solid();
   init_solid();
   init_dev();
+  init_keybindings();
   init_theme();
+  init_keymap();
   init_Markdown();
   init_image_paste();
   BLACK_CIRCLE = process.platform === "darwin" ? "\u23FA" : "\u25CF";
@@ -20113,7 +20839,7 @@ var init_models = __esm(() => {
 });
 
 // src/tui/panes/chat/composer/ModelPicker.tsx
-import { TextAttributes as TextAttributes22 } from "@opentui/core";
+import { TextAttributes as TextAttributes23 } from "@opentui/core";
 function ModelPicker(props) {
   const dialog = useDialog();
   const {
@@ -20193,7 +20919,7 @@ function ModelPicker(props) {
             })() : null;
           })(), null);
           effect((_p$) => {
-            var _v$5 = active() ? theme.primary : undefined, _v$6 = active() ? theme.selectedListItemText : theme.text, _v$7 = active() ? TextAttributes22.BOLD : undefined;
+            var _v$5 = active() ? theme.primary : undefined, _v$6 = active() ? theme.selectedListItemText : theme.text, _v$7 = active() ? TextAttributes23.BOLD : undefined;
             _v$5 !== _p$.e && (_p$.e = setProp(_el$1, "backgroundColor", _v$5, _p$.e));
             _v$6 !== _p$.t && (_p$.t = setProp(_el$10, "fg", _v$6, _p$.t));
             _v$7 !== _p$.a && (_p$.a = setProp(_el$10, "attributes", _v$7, _p$.a));
@@ -20211,7 +20937,7 @@ function ModelPicker(props) {
     setProp(_el$8, "paddingBottom", 1);
     insertNode(_el$9, createTextNode(`\u2191\u2193 pick \xB7 enter select \xB7 esc cancel`));
     effect((_p$) => {
-      var _v$ = TextAttributes22.BOLD, _v$2 = theme.text, _v$3 = theme.textMuted, _v$4 = theme.textMuted;
+      var _v$ = TextAttributes23.BOLD, _v$2 = theme.text, _v$3 = theme.textMuted, _v$4 = theme.textMuted;
       _v$ !== _p$.e && (_p$.e = setProp(_el$3, "attributes", _v$, _p$.e));
       _v$2 !== _p$.t && (_p$.t = setProp(_el$3, "fg", _v$2, _p$.t));
       _v$3 !== _p$.a && (_p$.a = setProp(_el$5, "fg", _v$3, _p$.a));
@@ -20241,12 +20967,12 @@ var init_ModelPicker = __esm(() => {
   init_dialog();
   init_models();
   ModelPicker.show = (dialog, current) => {
-    return new Promise((resolve3) => {
+    return new Promise((resolve4) => {
       dialog.replace(() => createComponent2(ModelPicker, {
         current,
-        onPick: (id) => resolve3(id),
-        onCancel: () => resolve3(undefined)
-      }), () => resolve3(undefined));
+        onPick: (id) => resolve4(id),
+        onCancel: () => resolve4(undefined)
+      }), () => resolve4(undefined));
     });
   };
 });
@@ -20254,7 +20980,7 @@ var init_ModelPicker = __esm(() => {
 // src/tui/panes/chat/composer/user-slashes.ts
 import { readFile as readFile6, readdir as readdir3, stat as stat3 } from "fs/promises";
 import { homedir as homedir10 } from "os";
-import { join as join13 } from "path";
+import { join as join14 } from "path";
 function resolveHome() {
   return process.env.HOME ?? homedir10();
 }
@@ -20360,7 +21086,7 @@ async function scanCommandsDir(dir) {
   for (const entry of entries) {
     if (!entry.endsWith(".md"))
       continue;
-    const full = join13(dir, entry);
+    const full = join14(dir, entry);
     if (!await isFile(full))
       continue;
     const name = entry.slice(0, -3);
@@ -20373,10 +21099,10 @@ async function scanSkillsDir(dir) {
   const entries = await safeReaddir(dir);
   const out = [];
   for (const entry of entries) {
-    const sub = join13(dir, entry);
+    const sub = join14(dir, entry);
     if (!await isDir(sub))
       continue;
-    const skillMd = join13(sub, "SKILL.md");
+    const skillMd = join14(sub, "SKILL.md");
     if (!await isFile(skillMd))
       continue;
     const description = await tryReadDescription(skillMd) ?? "";
@@ -20386,8 +21112,8 @@ async function scanSkillsDir(dir) {
 }
 async function scanBasePath(claudeDir) {
   const [skills, commands] = await Promise.all([
-    scanSkillsDir(join13(claudeDir, "skills")),
-    scanCommandsDir(join13(claudeDir, "commands"))
+    scanSkillsDir(join14(claudeDir, "skills")),
+    scanCommandsDir(join14(claudeDir, "commands"))
   ]);
   const map = new Map;
   for (const e of skills)
@@ -20397,8 +21123,8 @@ async function scanBasePath(claudeDir) {
   return [...map.values()];
 }
 async function loadUserSlashes(worktreePath) {
-  const projectScan = worktreePath ? scanBasePath(join13(worktreePath, ".claude")) : Promise.resolve([]);
-  const globalScan = scanBasePath(join13(resolveHome(), ".claude"));
+  const projectScan = worktreePath ? scanBasePath(join14(worktreePath, ".claude")) : Promise.resolve([]);
+  const globalScan = scanBasePath(join14(resolveHome(), ".claude"));
   const [project, global] = await Promise.all([projectScan, globalScan]);
   const map = new Map;
   for (const e of global)
@@ -20607,6 +21333,8 @@ function applyEvent(state, ev, nowIso = new Date().toISOString()) {
         ...state,
         messages: capMessages([...state.messages, { kind: "system", text: ev.text, ts: nowIso }], nowIso)
       };
+    case "chat.tab.cleared":
+      return createInitialState();
     case "user_input.request": {
       if (ev.payload.kind === "approve_plan") {
         return {
@@ -20973,7 +21701,7 @@ var init_use_chat_session = __esm(() => {
 });
 
 // src/tui/panes/chat/Chat.tsx
-import { TextAttributes as TextAttributes23 } from "@opentui/core";
+import { TextAttributes as TextAttributes24 } from "@opentui/core";
 function Chat(props) {
   const {
     theme
@@ -20997,7 +21725,7 @@ function Chat(props) {
         entry: e,
         source: "user"
       });
-    return [...map.values()].sort((a, b) => a.entry.name.localeCompare(b.entry.name)).map(({
+    const claudeEntries = [...map.values()].map(({
       entry,
       source
     }) => ({
@@ -21009,6 +21737,15 @@ function Chat(props) {
         send(`/${entry.name}`);
       }
     }));
+    const kobeEntries = [{
+      display: "/clear",
+      description: "Reset this chat tab (drops session, keeps history on disk)",
+      source: "builtin",
+      onSelect: () => {
+        send("/clear");
+      }
+    }];
+    return [...kobeEntries, ...claudeEntries].sort((a, b) => a.display.localeCompare(b.display));
   });
   const session = useChatSession({
     taskId: () => props.taskId(),
@@ -21046,28 +21783,40 @@ function Chat(props) {
   createEffect(on(contextMeterLabel, (label) => {
     props.onContextMeter?.(label ?? null);
   }));
-  const taskStatus = createMemo(() => {
+  const activeTask = createMemo(() => {
     const id = props.taskId();
     if (!id)
       return;
-    return tasksAcc().find((t) => t.id === id)?.status;
+    return tasksAcc().find((t) => t.id === id);
   });
+  const taskStatus = () => activeTask()?.status;
   const isCanceled = () => taskStatus() === "canceled";
-  const hasPendingInput = createMemo(() => {
+  const isArchived = () => activeTask()?.archived === true;
+  function findPending() {
     const msgs = activeState().messages;
     for (let i = msgs.length - 1;i >= 0; i--) {
       const m = msgs[i];
       if (!m)
         continue;
       if (m.kind === "approval")
-        return m.status === "pending";
+        return m.status === "pending" ? m : null;
       if (m.kind === "question")
-        return m.answers === null;
+        return m.answers === null ? m : null;
       if (m.kind === "user" || m.kind === "assistant")
-        return false;
+        return null;
     }
-    return false;
+    return null;
+  }
+  const pendingApproval = createMemo(() => {
+    const p = findPending();
+    return p?.kind === "approval" ? p : null;
   });
+  const pendingQuestion = createMemo(() => {
+    const p = findPending();
+    return p?.kind === "question" ? p : null;
+  });
+  const hasPendingInput = createMemo(() => pendingApproval() !== null || pendingQuestion() !== null);
+  const [questionInlineFocus, setQuestionInlineFocus] = createSignal(false);
   const permissionMode = createMemo(() => {
     const id = props.taskId();
     if (!id)
@@ -21209,6 +21958,15 @@ function Chat(props) {
       return;
     if (hasPendingInput())
       return;
+    if (text === "/clear") {
+      setDraft("");
+      try {
+        await props.orchestrator.clearTab(taskId, tabId);
+      } catch (err) {
+        patchActiveState((s) => pushSystemError(s, `/clear failed: ${stringifyErr2(err)}`));
+      }
+      return;
+    }
     const streaming = activeState().isStreaming;
     if (streaming && mode === "steer") {
       setDraft("");
@@ -21389,6 +22147,24 @@ function Chat(props) {
         toggleExpandLastTool();
       return;
     }
+    const q = pendingQuestion();
+    if (q) {
+      const taskId = props.taskId();
+      if (!taskId)
+        return;
+      const answers = {};
+      for (const entry of q.questions) {
+        answers[entry.question] = trimmed;
+      }
+      props.orchestrator.respondToInput(taskId, q.requestId, {
+        kind: "ask_question",
+        answers
+      }).catch((err) => {
+        patchActiveState((s) => pushSystemError(s, `respondToInput failed: ${stringifyErr2(err)}`));
+      });
+      setDraft("");
+      return;
+    }
     send(trimmed, mode);
   }
   return (() => {
@@ -21466,7 +22242,9 @@ function Chat(props) {
             }).catch((err) => {
               patchActiveState((s) => pushSystemError(s, `respondToInput failed: ${stringifyErr2(err)}`));
             });
-          }
+          },
+          onClaimComposerFocus: setQuestionInlineFocus,
+          chatFocused: () => props.focused?.() ?? false
         }));
         effect((_$p) => setProp(_el$5, "verticalScrollbarOptions", {
           trackOptions: {
@@ -21505,33 +22283,38 @@ function Chat(props) {
         });
       }
     }), null);
-    insert(_el$, createComponent2(Composer, {
-      get draft() {
-        return draft();
-      },
-      onDraftChange: setDraft,
-      get isStreaming() {
-        return activeState().isStreaming;
-      },
-      get hasTask() {
-        return memo2(() => !!(props.taskId() !== undefined && !isCanceled()))() && !hasPendingInput();
-      },
-      get noTaskMessage() {
-        return memo2(() => !!isCanceled())() ? "(task canceled \u2014 pick another or press ctrl+n to create)" : hasPendingInput() ? "(answer the prompt above to continue)" : undefined;
-      },
-      onSubmit: handleComposerSubmit,
-      get focused() {
-        return props.focused;
-      },
-      get historyKey() {
-        return activeTabId() ?? props.taskId();
+    insert(_el$, createComponent2(Show, {
+      get when() {
+        return !pendingQuestion();
       },
-      slashes,
-      permissionMode,
-      onCyclePermissionMode: cyclePermissionMode,
-      modelLabel,
-      onChooseModel: () => void chooseModel(),
-      worktreePath
+      get children() {
+        return createComponent2(Composer, {
+          get draft() {
+            return draft();
+          },
+          onDraftChange: setDraft,
+          get isStreaming() {
+            return activeState().isStreaming;
+          },
+          get hasTask() {
+            return memo2(() => !!(props.taskId() !== undefined && !isArchived() && !isCanceled()))() && !pendingApproval();
+          },
+          get noTaskMessage() {
+            return memo2(() => !!isArchived())() ? "(archived \u2014 unarchive to resume)" : memo2(() => !!isCanceled())() ? "(task canceled \u2014 pick another or press ctrl+n to create)" : pendingApproval() ? "(answer the prompt above to continue)" : undefined;
+          },
+          onSubmit: handleComposerSubmit,
+          focused: () => (props.focused?.() ?? false) && !questionInlineFocus(),
+          get historyKey() {
+            return activeTabId() ?? props.taskId();
+          },
+          slashes,
+          permissionMode,
+          onCyclePermissionMode: cyclePermissionMode,
+          modelLabel,
+          onChooseModel: () => void chooseModel(),
+          worktreePath
+        });
+      }
     }), null);
     return _el$;
   })();
@@ -21586,7 +22369,7 @@ function QueuedPromptList(props) {
         insertNode(_el$19, createTextNode(`[x]`));
         setProp(_el$19, "onMouseUp", () => props.onCancel(entry.id));
         effect((_p$) => {
-          var _v$4 = theme.textMuted, _v$5 = TextAttributes23.BOLD, _v$6 = theme.textMuted, _v$7 = theme.text, _v$8 = theme.error, _v$9 = TextAttributes23.BOLD;
+          var _v$4 = theme.textMuted, _v$5 = TextAttributes24.BOLD, _v$6 = theme.textMuted, _v$7 = theme.text, _v$8 = theme.error, _v$9 = TextAttributes24.BOLD;
           _v$4 !== _p$.e && (_p$.e = setProp(_el$11, "fg", _v$4, _p$.e));
           _v$5 !== _p$.t && (_p$.t = setProp(_el$11, "attributes", _v$5, _p$.t));
           _v$6 !== _p$.a && (_p$.a = setProp(_el$14, "fg", _v$6, _p$.a));
@@ -21619,7 +22402,7 @@ function QueuedPromptList(props) {
         insertNode(_el$9, createTextNode(`+`));
         insert(_el$1, () => `\u2026 ${hidden()} more queued`);
         effect((_p$) => {
-          var _v$ = theme.textMuted, _v$2 = TextAttributes23.BOLD, _v$3 = theme.textMuted;
+          var _v$ = theme.textMuted, _v$2 = TextAttributes24.BOLD, _v$3 = theme.textMuted;
           _v$ !== _p$.e && (_p$.e = setProp(_el$9, "fg", _v$, _p$.e));
           _v$2 !== _p$.t && (_p$.t = setProp(_el$9, "attributes", _v$2, _p$.t));
           _v$3 !== _p$.a && (_p$.a = setProp(_el$1, "fg", _v$3, _p$.a));
@@ -21665,7 +22448,7 @@ var init_Chat = __esm(() => {
 });
 
 // src/tui/component/sidebar.tsx
-import { TextAttributes as TextAttributes24 } from "@opentui/core";
+import { TextAttributes as TextAttributes25 } from "@opentui/core";
 function Sidebar(props) {
   const {
     theme
@@ -21691,7 +22474,7 @@ function Sidebar(props) {
         setProp(_el$2, "paddingBottom", 1);
         insert(_el$3, () => props.title);
         effect((_p$) => {
-          var _v$ = theme.text, _v$2 = TextAttributes24.BOLD;
+          var _v$ = theme.text, _v$2 = TextAttributes25.BOLD;
           _v$ !== _p$.e && (_p$.e = setProp(_el$3, "fg", _v$, _p$.e));
           _v$2 !== _p$.t && (_p$.t = setProp(_el$3, "attributes", _v$2, _p$.t));
           return _p$;
@@ -21950,7 +22733,7 @@ var init_keys4 = __esm(() => {
 });
 
 // src/tui/panes/sidebar/Sidebar.tsx
-import { TextAttributes as TextAttributes25 } from "@opentui/core";
+import { TextAttributes as TextAttributes26 } from "@opentui/core";
 function Sidebar2(props) {
   const {
     theme
@@ -22042,7 +22825,7 @@ function Sidebar2(props) {
             return () => _c$() ? `[ ${tab.label} ]` : tab.label;
           })());
           effect((_p$) => {
-            var _v$7 = active() ? theme.primary : theme.textMuted, _v$8 = active() ? TextAttributes25.BOLD : undefined;
+            var _v$7 = active() ? theme.primary : theme.textMuted, _v$8 = active() ? TextAttributes26.BOLD : undefined;
             _v$7 !== _p$.e && (_p$.e = setProp(_el$13, "fg", _v$7, _p$.e));
             _v$8 !== _p$.t && (_p$.t = setProp(_el$13, "attributes", _v$8, _p$.t));
             return _p$;
@@ -22137,7 +22920,7 @@ function Sidebar2(props) {
             }
           }), null);
           effect((_p$) => {
-            var _v$9 = isCursor() ? theme.primary : isSelected() ? theme.backgroundElement : undefined, _v$0 = isCursor() ? theme.selectedListItemText : badgeColor(), _v$1 = isCursor() ? theme.selectedListItemText : theme.text, _v$10 = (isMain || isSelected() && !isCursor()) && !isCursor() ? TextAttributes25.BOLD : undefined;
+            var _v$9 = isCursor() ? theme.primary : isSelected() ? theme.backgroundElement : undefined, _v$0 = isCursor() ? theme.selectedListItemText : badgeColor(), _v$1 = isCursor() ? theme.selectedListItemText : theme.text, _v$10 = (isMain || isSelected() && !isCursor()) && !isCursor() ? TextAttributes26.BOLD : undefined;
             _v$9 !== _p$.e && (_p$.e = setProp(_el$14, "backgroundColor", _v$9, _p$.e));
             _v$0 !== _p$.t && (_p$.t = setProp(_el$15, "fg", _v$0, _p$.t));
             _v$1 !== _p$.a && (_p$.a = setProp(_el$16, "fg", _v$1, _p$.a));
@@ -22175,7 +22958,7 @@ function Sidebar2(props) {
     setProp(_el$11, "wrapMode", "none");
     setProp(_el$11, "onMouseUp", () => props.onAddTask?.());
     effect((_p$) => {
-      var _v$ = props.width ? props.width() : SIDEBAR_WIDTH, _v$2 = focusedAccessor() ? theme.focusAccent : theme.textMuted, _v$3 = TextAttributes25.BOLD, _v$4 = focusedAccessor() ? theme.focusAccent : theme.textMuted, _v$5 = TextAttributes25.BOLD, _v$6 = theme.textMuted;
+      var _v$ = props.width ? props.width() : SIDEBAR_WIDTH, _v$2 = focusedAccessor() ? theme.focusAccent : theme.textMuted, _v$3 = TextAttributes26.BOLD, _v$4 = focusedAccessor() ? theme.focusAccent : theme.textMuted, _v$5 = TextAttributes26.BOLD, _v$6 = theme.textMuted;
       _v$ !== _p$.e && (_p$.e = setProp(_el$, "width", _v$, _p$.e));
       _v$2 !== _p$.t && (_p$.t = setProp(_el$3, "fg", _v$2, _p$.t));
       _v$3 !== _p$.a && (_p$.a = setProp(_el$3, "attributes", _v$3, _p$.a));
@@ -22274,17 +23057,17 @@ async function startBridgeServer(orch, socketPath) {
     });
     conn.on("error", () => {});
   });
-  await new Promise((resolve3, reject) => {
+  await new Promise((resolve4, reject) => {
     server.once("error", reject);
     server.listen(socketPath, () => {
       server.removeListener("error", reject);
-      resolve3();
+      resolve4();
     });
   });
   return {
     socketPath,
     async close() {
-      await new Promise((resolve3) => server.close(() => resolve3()));
+      await new Promise((resolve4) => server.close(() => resolve4()));
       await unlink3(socketPath).catch(() => {});
     }
   };
@@ -22378,13 +23161,13 @@ __export(exports_bridge, {
 });
 import { writeFile as writeFile3 } from "fs/promises";
 import { homedir as homedir11 } from "os";
-import { join as join14 } from "path";
+import { join as join15 } from "path";
 import { fileURLToPath as fileURLToPath2 } from "url";
 async function startBridge(orch, opts = {}) {
   const home = opts.homeDir ?? process.env.KOBE_HOME_DIR ?? homedir11();
-  const runDir = join14(home, ".kobe", "run");
-  const socketPath = join14(runDir, `bridge-${process.pid}.sock`);
-  const mcpConfigPath = join14(runDir, `mcp-${process.pid}.json`);
+  const runDir = join15(home, ".kobe", "run");
+  const socketPath = join15(runDir, `bridge-${process.pid}.sock`);
+  const mcpConfigPath = join15(runDir, `mcp-${process.pid}.json`);
   const server = await startBridgeServer(orch, socketPath);
   const moduleExt = import.meta.url.endsWith(".ts") ? ".ts" : ".js";
   const entry = fileURLToPath2(new URL(`../../cli/index${moduleExt}`, import.meta.url));
@@ -22412,7 +23195,7 @@ var init_bridge = __esm(() => {
 
 // src/tui/app.tsx
 import { homedir as homedir12 } from "os";
-import { join as join15 } from "path";
+import { join as join16 } from "path";
 function Shell(props) {
   const themeCtx = useTheme();
   const {
@@ -22420,6 +23203,7 @@ function Shell(props) {
   } = themeCtx;
   const dialog = useDialog();
   const kv = useKV();
+  const notifications = useNotifications();
   useThemePersistence(themeCtx, kv);
   const tasksAcc = props.orchestrator.tasksSignal();
   const chatRunStateAcc = props.orchestrator.chatRunStateSignal();
@@ -22513,8 +23297,8 @@ function Shell(props) {
   } = workspaceTabs;
   const workspaceAsideRight = createMemo(() => {
     const plan = workspacePlanAside();
-    const ctx3 = isChatTabActive() ? workspaceContextAside() : null;
-    const parts = [plan, ctx3].filter((v) => Boolean(v));
+    const ctx4 = isChatTabActive() ? workspaceContextAside() : null;
+    const parts = [plan, ctx4].filter((v) => Boolean(v));
     if (parts.length === 0)
       return;
     return parts.join("  \u2022  ");
@@ -22578,6 +23362,30 @@ function Shell(props) {
     renderer,
     activeTask
   });
+  const visibleTabKey = createMemo(() => {
+    const taskId = selectedId();
+    const tabId = activeChatTabIdAcc();
+    if (!taskId || !tabId)
+      return null;
+    if (!isChatTabActive())
+      return null;
+    return chatRunStateKey(taskId, tabId);
+  });
+  useCompletionNotifications({
+    chatRunState: chatRunStateAcc,
+    tasks: tasksAcc,
+    visibleTabKey,
+    notifications
+  });
+  createEffect(() => {
+    const key = visibleTabKey();
+    if (!key)
+      return;
+    const idx = key.indexOf(":");
+    if (idx < 0)
+      return;
+    notifications.markRead(key.slice(0, idx), key.slice(idx + 1));
+  });
   useTestSideChannel({
     orchestrator: props.orchestrator,
     activeTask
@@ -22664,6 +23472,9 @@ function Shell(props) {
       activeChatTabId: activeChatTabIdAcc,
       activeTaskId: taskIdAcc,
       chatRunState: chatRunStateAcc,
+      get unread() {
+        return notifications.unread;
+      },
       onSelectChat: selectChatTab,
       onSelectChatTab: selectChatTabById,
       onSelectFile: selectFileTab,
@@ -22773,6 +23584,7 @@ function Shell(props) {
       }
     }));
     insert(_el$, createComponent2(StatusBar, {}), null);
+    insert(_el$, createComponent2(ToastOverlay, {}), null);
     effect((_p$) => {
       var _v$ = theme.backgroundPanel, _v$2 = workspaceWidth(), _v$3 = theme.backgroundPanel, _v$4 = filesHeight();
       _v$ !== _p$.e && (_p$.e = setProp(_el$3, "backgroundColor", _v$, _p$.e));
@@ -22796,15 +23608,19 @@ function App(props) {
     get children() {
       return createComponent2(KVProvider, {
         get children() {
-          return createComponent2(SyncProvider, {
+          return createComponent2(NotificationsProvider, {
             get children() {
-              return createComponent2(DialogProvider, {
+              return createComponent2(SyncProvider, {
                 get children() {
-                  return createComponent2(CommandPaletteProvider, {
+                  return createComponent2(DialogProvider, {
                     get children() {
-                      return createComponent2(FocusProvider, {
+                      return createComponent2(CommandPaletteProvider, {
                         get children() {
-                          return createComponent2(Shell, props);
+                          return createComponent2(FocusProvider, {
+                            get children() {
+                              return createComponent2(Shell, props);
+                            }
+                          });
                         }
                       });
                     }
@@ -22894,15 +23710,18 @@ var init_app = __esm(() => {
   init_pane_header();
   init_resizable_edge();
   init_status_bar();
+  init_toast_overlay();
   init_top_bar();
   init_command_palette();
   init_focus();
   init_keybindings();
   init_kv();
+  init_notifications();
   init_sync();
   init_theme();
   init_loader();
   init_engine_bootstrap();
+  init_use_completion_notifications();
   init_use_pane_sizes();
   init_use_task_actions();
   init_use_theme_persistence();
@@ -22920,7 +23739,7 @@ var exports_tui = {};
 __export(exports_tui, {
   startTui: () => startTui
 });
-import { TextAttributes as TextAttributes26 } from "@opentui/core";
+import { TextAttributes as TextAttributes27 } from "@opentui/core";
 function HelpHint() {
   const {
     theme
@@ -22994,7 +23813,7 @@ function Banner() {
     insert(_el$20, selected);
     insert(_el$12, createComponent2(HelpHint, {}), null);
     effect((_p$) => {
-      var _v$7 = theme.primary, _v$8 = TextAttributes26.BOLD, _v$9 = theme.borderActive, _v$0 = theme.text, _v$1 = theme.textMuted, _v$10 = {
+      var _v$7 = theme.primary, _v$8 = TextAttributes27.BOLD, _v$9 = theme.borderActive, _v$0 = theme.text, _v$1 = theme.textMuted, _v$10 = {
         fg: theme.accent
       };
       _v$7 !== _p$.e && (_p$.e = setProp(_el$13, "fg", _v$7, _p$.e));
@@ -23111,9 +23930,9 @@ var init_tui = __esm(() => {
 });
 
 // src/cli/index.ts
-import { resolve as resolve3 } from "path";
+import { resolve as resolve4 } from "path";
 async function runAddSubcommand(arg) {
-  const target = resolve3(process.cwd(), arg && arg.length > 0 ? arg : ".");
+  const target = resolve4(process.cwd(), arg && arg.length > 0 ? arg : ".");
   const { addSavedRepo: addSavedRepo2 } = await Promise.resolve().then(() => (init_repos(), exports_repos));
   const result = addSavedRepo2(target);
   if (result.added) {