@aiwayds/dsh-opentui 0.4.2 → 0.5.0

package/dist-host/index.js

@@ -1,5 +1,8 @@
+import { createRequire } from "node:module";
+var __require = /* @__PURE__ */ createRequire(import.meta.url);
+
 // src/host-entry.tsx
-import { createComponent as _$createComponent16 } from "@opentui/solid";
+import { createComponent as _$createComponent18 } from "@opentui/solid";
 import { spawn } from "node:child_process";
 import { render } from "@opentui/solid";
 
@@ -148,16 +151,16 @@ function createI18n(locale = "zh-CN") {
 }
 
 // src/ShellHost.tsx
-import { effect as _$effect16 } from "@opentui/solid";
+import { effect as _$effect18 } from "@opentui/solid";
 import { createTextNode as _$createTextNode11 } from "@opentui/solid";
 import { insertNode as _$insertNode13 } from "@opentui/solid";
 import { mergeProps as _$mergeProps } from "@opentui/solid";
-import { insert as _$insert16 } from "@opentui/solid";
-import { createComponent as _$createComponent15 } from "@opentui/solid";
+import { insert as _$insert18 } from "@opentui/solid";
+import { createComponent as _$createComponent17 } from "@opentui/solid";
 import { memo as _$memo9 } from "@opentui/solid";
-import { setProp as _$setProp16 } from "@opentui/solid";
-import { createElement as _$createElement16 } from "@opentui/solid";
-import { For as For12, createMemo, createSignal as createSignal4, onCleanup, onMount } from "solid-js";
+import { setProp as _$setProp18 } from "@opentui/solid";
+import { createElement as _$createElement18 } from "@opentui/solid";
+import { For as For14, createMemo, createSignal as createSignal6, onCleanup as onCleanup3, onMount } from "solid-js";
 import { SyntaxStyle } from "@opentui/core";
 import { useKeyboard as useKeyboard2, useRenderer } from "@opentui/solid";
 // ../kit/src/themes-data.ts
@@ -564,6 +567,620 @@ var generatedThemes = {
   "tokyo-night": tokyoNight
 };
 
+// ../kit/src/themes-opencode.ts
+var oc_amoled = {
+  name: "amoled",
+  dark: true,
+  tokens: {
+    accent: "#b388ff",
+    dim: "#000000",
+    danger: "#ff1744",
+    ok: "#00ff88",
+    warn: "#ffea00",
+    text: "#ffffff",
+    border: "#000000",
+    selection: "#000000",
+    thinking: "#ff4081",
+    toolOk: "#00ff88",
+    toolFail: "#ff1744"
+  }
+};
+var oc_aura = {
+  name: "aura",
+  dark: true,
+  tokens: {
+    accent: "#a277ff",
+    dim: "#15141b",
+    danger: "#ff6767",
+    ok: "#61ffca",
+    warn: "#ffca85",
+    text: "#edecee",
+    border: "#15141b",
+    selection: "#15141b",
+    thinking: "#ff6767",
+    toolOk: "#61ffca",
+    toolFail: "#ff6767"
+  }
+};
+var oc_ayu = {
+  name: "ayu",
+  dark: true,
+  tokens: {
+    accent: "#3fb7e3",
+    dim: "#0f1419",
+    danger: "#f58572",
+    ok: "#78d05c",
+    warn: "#e4a75c",
+    text: "#d6dae0",
+    border: "#0f1419",
+    selection: "#0f1419",
+    thinking: "#f2856f",
+    toolOk: "#78d05c",
+    toolFail: "#f58572"
+  }
+};
+var oc_carbonfox = {
+  name: "carbonfox",
+  dark: true,
+  tokens: {
+    accent: "#33b1ff",
+    dim: "#393939",
+    danger: "#ff8389",
+    ok: "#42be65",
+    warn: "#f1c21b",
+    text: "#f2f4f8",
+    border: "#393939",
+    selection: "#393939",
+    thinking: "#ff8389",
+    toolOk: "#42be65",
+    toolFail: "#ff8389"
+  }
+};
+var oc_catppuccin_frappe = {
+  name: "catppuccin-frappe",
+  dark: true,
+  tokens: {
+    accent: "#8caaee",
+    dim: "#303446",
+    danger: "#e78284",
+    ok: "#a6d189",
+    warn: "#e5c890",
+    text: "#c6d0f5",
+    border: "#303446",
+    selection: "#303446",
+    thinking: "#f4b8e4",
+    toolOk: "#a6d189",
+    toolFail: "#e78284"
+  }
+};
+var oc_catppuccin_macchiato = {
+  name: "catppuccin-macchiato",
+  dark: true,
+  tokens: {
+    accent: "#8aadf4",
+    dim: "#24273a",
+    danger: "#ed8796",
+    ok: "#a6da95",
+    warn: "#eed49f",
+    text: "#cad3f5",
+    border: "#24273a",
+    selection: "#24273a",
+    thinking: "#f5bde6",
+    toolOk: "#a6da95",
+    toolFail: "#ed8796"
+  }
+};
+var oc_catppuccin = {
+  name: "catppuccin",
+  dark: true,
+  tokens: {
+    accent: "#b4befe",
+    dim: "#1e1e2e",
+    danger: "#f38ba8",
+    ok: "#a6e3a1",
+    warn: "#f9e2af",
+    text: "#cdd6f4",
+    border: "#1e1e2e",
+    selection: "#1e1e2e",
+    thinking: "#f38ba8",
+    toolOk: "#a6e3a1",
+    toolFail: "#f38ba8"
+  }
+};
+var oc_cobalt2 = {
+  name: "cobalt2",
+  dark: true,
+  tokens: {
+    accent: "#0088ff",
+    dim: "#193549",
+    danger: "#ff0088",
+    ok: "#9eff80",
+    warn: "#ffc600",
+    text: "#ffffff",
+    border: "#193549",
+    selection: "#193549",
+    thinking: "#2affdf",
+    toolOk: "#9eff80",
+    toolFail: "#ff0088"
+  }
+};
+var oc_cursor = {
+  name: "cursor",
+  dark: true,
+  tokens: {
+    accent: "#88c0d0",
+    dim: "#181818",
+    danger: "#e34671",
+    ok: "#3fa266",
+    warn: "#f1b467",
+    text: "#e4e4e4",
+    border: "#181818",
+    selection: "#181818",
+    thinking: "#88c0d0",
+    toolOk: "#3fa266",
+    toolFail: "#e34671"
+  }
+};
+var oc_dracula = {
+  name: "dracula",
+  dark: true,
+  tokens: {
+    accent: "#bd93f9",
+    dim: "#1d1e28",
+    danger: "#ff5555",
+    ok: "#50fa7b",
+    warn: "#ffb86c",
+    text: "#f8f8f2",
+    border: "#1d1e28",
+    selection: "#1d1e28",
+    thinking: "#ff79c6",
+    toolOk: "#50fa7b",
+    toolFail: "#ff5555"
+  }
+};
+var oc_everforest = {
+  name: "everforest",
+  dark: true,
+  tokens: {
+    accent: "#a7c080",
+    dim: "#2d353b",
+    danger: "#e67e80",
+    ok: "#a7c080",
+    warn: "#e69875",
+    text: "#d3c6aa",
+    border: "#2d353b",
+    selection: "#2d353b",
+    thinking: "#d699b6",
+    toolOk: "#a7c080",
+    toolFail: "#e67e80"
+  }
+};
+var oc_flexoki = {
+  name: "flexoki",
+  dark: true,
+  tokens: {
+    accent: "#DA702C",
+    dim: "#100F0F",
+    danger: "#D14D41",
+    ok: "#879A39",
+    warn: "#DA702C",
+    text: "#CECDC3",
+    border: "#100F0F",
+    selection: "#100F0F",
+    thinking: "#8B7EC8",
+    toolOk: "#879A39",
+    toolFail: "#D14D41"
+  }
+};
+var oc_github = {
+  name: "github",
+  dark: true,
+  tokens: {
+    accent: "#58a6ff",
+    dim: "#0d1117",
+    danger: "#f85149",
+    ok: "#3fb950",
+    warn: "#e3b341",
+    text: "#c9d1d9",
+    border: "#0d1117",
+    selection: "#0d1117",
+    thinking: "#39c5cf",
+    toolOk: "#3fb950",
+    toolFail: "#f85149"
+  }
+};
+var oc_gruvbox = {
+  name: "gruvbox",
+  dark: true,
+  tokens: {
+    accent: "#83a598",
+    dim: "#282828",
+    danger: "#fb4934",
+    ok: "#b8bb26",
+    warn: "#fabd2f",
+    text: "#ebdbb2",
+    border: "#282828",
+    selection: "#282828",
+    thinking: "#fb4934",
+    toolOk: "#b8bb26",
+    toolFail: "#fb4934"
+  }
+};
+var oc_kanagawa = {
+  name: "kanagawa",
+  dark: true,
+  tokens: {
+    accent: "#7E9CD8",
+    dim: "#1F1F28",
+    danger: "#E82424",
+    ok: "#98BB6C",
+    warn: "#D7A657",
+    text: "#DCD7BA",
+    border: "#1F1F28",
+    selection: "#1F1F28",
+    thinking: "#D27E99",
+    toolOk: "#98BB6C",
+    toolFail: "#E82424"
+  }
+};
+var oc_lucent_orng = {
+  name: "lucent-orng",
+  dark: true,
+  tokens: {
+    accent: "#EC5B2B",
+    dim: "#2a1a15",
+    danger: "#e06c75",
+    ok: "#6ba1e6",
+    warn: "#EC5B2B",
+    text: "#eeeeee",
+    border: "#2a1a15",
+    selection: "#2a1a15",
+    thinking: "#FFF7F1",
+    toolOk: "#6ba1e6",
+    toolFail: "#e06c75"
+  }
+};
+var oc_material = {
+  name: "material",
+  dark: true,
+  tokens: {
+    accent: "#82aaff",
+    dim: "#263238",
+    danger: "#f07178",
+    ok: "#c3e88d",
+    warn: "#ffcb6b",
+    text: "#eeffff",
+    border: "#263238",
+    selection: "#263238",
+    thinking: "#89ddff",
+    toolOk: "#c3e88d",
+    toolFail: "#f07178"
+  }
+};
+var oc_matrix = {
+  name: "matrix",
+  dark: true,
+  tokens: {
+    accent: "#2eff6a",
+    dim: "#0a0e0a",
+    danger: "#ff4b4b",
+    ok: "#62ff94",
+    warn: "#e6ff57",
+    text: "#62ff94",
+    border: "#0a0e0a",
+    selection: "#0a0e0a",
+    thinking: "#c770ff",
+    toolOk: "#62ff94",
+    toolFail: "#ff4b4b"
+  }
+};
+var oc_mercury = {
+  name: "mercury",
+  dark: true,
+  tokens: {
+    accent: "#8da4f5",
+    dim: "#171721",
+    danger: "#fc92b4",
+    ok: "#77c599",
+    warn: "#fc9b6f",
+    text: "#dddde5",
+    border: "#171721",
+    selection: "#171721",
+    thinking: "#8da4f5",
+    toolOk: "#77c599",
+    toolFail: "#fc92b4"
+  }
+};
+var oc_monokai = {
+  name: "monokai",
+  dark: true,
+  tokens: {
+    accent: "#ae81ff",
+    dim: "#272822",
+    danger: "#f92672",
+    ok: "#a6e22e",
+    warn: "#fd971f",
+    text: "#f8f8f2",
+    border: "#272822",
+    selection: "#272822",
+    thinking: "#f92672",
+    toolOk: "#a6e22e",
+    toolFail: "#f92672"
+  }
+};
+var oc_nightowl = {
+  name: "nightowl",
+  dark: true,
+  tokens: {
+    accent: "#82aaff",
+    dim: "#011627",
+    danger: "#ef5350",
+    ok: "#c5e478",
+    warn: "#ecc48d",
+    text: "#d6deeb",
+    border: "#011627",
+    selection: "#011627",
+    thinking: "#f78c6c",
+    toolOk: "#c5e478",
+    toolFail: "#ef5350"
+  }
+};
+var oc_nord = {
+  name: "nord",
+  dark: true,
+  tokens: {
+    accent: "#88c0d0",
+    dim: "#2e3440",
+    danger: "#bf616a",
+    ok: "#a3be8c",
+    warn: "#d08770",
+    text: "#e5e9f0",
+    border: "#2e3440",
+    selection: "#2e3440",
+    thinking: "#d57780",
+    toolOk: "#a3be8c",
+    toolFail: "#bf616a"
+  }
+};
+var oc_oc_2 = {
+  name: "oc-2",
+  dark: true,
+  tokens: {
+    accent: "#fab283",
+    dim: "#1f1f1f",
+    danger: "#fc533a",
+    ok: "#12c905",
+    warn: "#fcd53a",
+    text: "#f1ece8",
+    border: "#1f1f1f",
+    selection: "#1f1f1f",
+    toolOk: "#12c905",
+    toolFail: "#fc533a"
+  }
+};
+var oc_one_dark = {
+  name: "one-dark",
+  dark: true,
+  tokens: {
+    accent: "#61afef",
+    dim: "#282c34",
+    danger: "#e06c75",
+    ok: "#98c379",
+    warn: "#e5c07b",
+    text: "#abb2bf",
+    border: "#282c34",
+    selection: "#282c34",
+    thinking: "#56b6c2",
+    toolOk: "#98c379",
+    toolFail: "#e06c75"
+  }
+};
+var oc_onedarkpro = {
+  name: "onedarkpro",
+  dark: true,
+  tokens: {
+    accent: "#61afef",
+    dim: "#1e222a",
+    danger: "#e06c75",
+    ok: "#98c379",
+    warn: "#e5c07b",
+    text: "#abb2bf",
+    border: "#1e222a",
+    selection: "#1e222a",
+    thinking: "#e06c75",
+    toolOk: "#98c379",
+    toolFail: "#e06c75"
+  }
+};
+var oc_orng = {
+  name: "orng",
+  dark: true,
+  tokens: {
+    accent: "#EC5B2B",
+    dim: "#0a0a0a",
+    danger: "#e06c75",
+    ok: "#6ba1e6",
+    warn: "#EC5B2B",
+    text: "#eeeeee",
+    border: "#0a0a0a",
+    selection: "#0a0a0a",
+    thinking: "#FFF7F1",
+    toolOk: "#6ba1e6",
+    toolFail: "#e06c75"
+  }
+};
+var oc_osaka_jade = {
+  name: "osaka-jade",
+  dark: true,
+  tokens: {
+    accent: "#2DD5B7",
+    dim: "#111c18",
+    danger: "#FF5345",
+    ok: "#549e6a",
+    warn: "#E5C736",
+    text: "#C1C497",
+    border: "#111c18",
+    selection: "#111c18",
+    thinking: "#549e6a",
+    toolOk: "#549e6a",
+    toolFail: "#FF5345"
+  }
+};
+var oc_palenight = {
+  name: "palenight",
+  dark: true,
+  tokens: {
+    accent: "#82aaff",
+    dim: "#292d3e",
+    danger: "#f07178",
+    ok: "#c3e88d",
+    warn: "#ffcb6b",
+    text: "#a6accd",
+    border: "#292d3e",
+    selection: "#292d3e",
+    thinking: "#89ddff",
+    toolOk: "#c3e88d",
+    toolFail: "#f07178"
+  }
+};
+var oc_rosepine = {
+  name: "rosepine",
+  dark: true,
+  tokens: {
+    accent: "#9ccfd8",
+    dim: "#191724",
+    danger: "#eb6f92",
+    ok: "#31748f",
+    warn: "#f6c177",
+    text: "#e0def4",
+    border: "#191724",
+    selection: "#191724",
+    thinking: "#ebbcba",
+    toolOk: "#31748f",
+    toolFail: "#eb6f92"
+  }
+};
+var oc_shadesofpurple = {
+  name: "shadesofpurple",
+  dark: true,
+  tokens: {
+    accent: "#c792ff",
+    dim: "#1a102b",
+    danger: "#ff7ac6",
+    ok: "#7be0b0",
+    warn: "#ffd580",
+    text: "#f5f0ff",
+    border: "#1a102b",
+    selection: "#1a102b",
+    thinking: "#ff7ac6",
+    toolOk: "#7be0b0",
+    toolFail: "#ff7ac6"
+  }
+};
+var oc_solarized = {
+  name: "solarized",
+  dark: true,
+  tokens: {
+    accent: "#6c71c4",
+    dim: "#002b36",
+    danger: "#dc322f",
+    ok: "#859900",
+    warn: "#b58900",
+    text: "#93a1a1",
+    border: "#002b36",
+    selection: "#002b36",
+    thinking: "#d33682",
+    toolOk: "#859900",
+    toolFail: "#dc322f"
+  }
+};
+var oc_synthwave84 = {
+  name: "synthwave84",
+  dark: true,
+  tokens: {
+    accent: "#36f9f6",
+    dim: "#262335",
+    danger: "#fe4450",
+    ok: "#72f1b8",
+    warn: "#fede5d",
+    text: "#ffffff",
+    border: "#262335",
+    selection: "#262335",
+    thinking: "#b084eb",
+    toolOk: "#72f1b8",
+    toolFail: "#fe4450"
+  }
+};
+var oc_tokyonight = {
+  name: "tokyonight",
+  dark: true,
+  tokens: {
+    accent: "#7aa2f7",
+    dim: "#1a1b26",
+    danger: "#f7768e",
+    ok: "#9ece6a",
+    warn: "#e0af68",
+    text: "#c0caf5",
+    border: "#1a1b26",
+    selection: "#1a1b26",
+    thinking: "#ff9e64",
+    toolOk: "#9ece6a",
+    toolFail: "#f7768e"
+  }
+};
+var oc_vercel = {
+  name: "vercel",
+  dark: true,
+  tokens: {
+    accent: "#0070F3",
+    dim: "#000000",
+    danger: "#E5484D",
+    ok: "#46A758",
+    warn: "#FFB224",
+    text: "#EDEDED",
+    border: "#000000",
+    selection: "#000000",
+    thinking: "#8E4EC6",
+    toolOk: "#46A758",
+    toolFail: "#E5484D"
+  }
+};
+var oc_vesper = {
+  name: "vesper",
+  dark: true,
+  tokens: {
+    accent: "#FFC799",
+    dim: "#101010",
+    danger: "#FF8080",
+    ok: "#99FFE4",
+    warn: "#FFC799",
+    text: "#FFF",
+    border: "#101010",
+    selection: "#101010",
+    thinking: "#FF8080",
+    toolOk: "#99FFE4",
+    toolFail: "#FF8080"
+  }
+};
+var oc_zenburn = {
+  name: "zenburn",
+  dark: true,
+  tokens: {
+    accent: "#8cd0d3",
+    dim: "#3f3f3f",
+    danger: "#cc9393",
+    ok: "#7f9f7f",
+    warn: "#f0dfaf",
+    text: "#dcdccc",
+    border: "#3f3f3f",
+    selection: "#3f3f3f",
+    thinking: "#93e0e3",
+    toolOk: "#7f9f7f",
+    toolFail: "#cc9393"
+  }
+};
+var opencodeThemes = [oc_amoled, oc_aura, oc_ayu, oc_carbonfox, oc_catppuccin_frappe, oc_catppuccin_macchiato, oc_catppuccin, oc_cobalt2, oc_cursor, oc_dracula, oc_everforest, oc_flexoki, oc_github, oc_gruvbox, oc_kanagawa, oc_lucent_orng, oc_material, oc_matrix, oc_mercury, oc_monokai, oc_nightowl, oc_nord, oc_oc_2, oc_one_dark, oc_onedarkpro, oc_orng, oc_osaka_jade, oc_palenight, oc_rosepine, oc_shadesofpurple, oc_solarized, oc_synthwave84, oc_tokyonight, oc_vercel, oc_vesper, oc_zenburn];
+
 // ../kit/src/theme.ts
 var defaultTheme = {
   name: "default",
@@ -599,6 +1216,7 @@ var catppuccinMocha2 = {
 var themes = {
   default: defaultTheme,
   ...generatedThemes,
+  ...Object.fromEntries(opencodeThemes.map((t) => [t.name, t])),
   "catppuccin-mocha": catppuccinMocha2
 };
 function getTheme(name) {
@@ -621,12 +1239,12 @@ import { For } from "solid-js";
 // ../kit/src/shell-parts.tsx
 import { use as _$use } from "@opentui/solid";
 import { memo as _$memo } from "@opentui/solid";
-import { createComponent as _$createComponent2 } from "@opentui/solid";
-import { setProp as _$setProp2 } from "@opentui/solid";
-import { effect as _$effect2 } from "@opentui/solid";
-import { insert as _$insert2 } from "@opentui/solid";
 import { createTextNode as _$createTextNode2 } from "@opentui/solid";
 import { insertNode as _$insertNode2 } from "@opentui/solid";
+import { effect as _$effect2 } from "@opentui/solid";
+import { insert as _$insert2 } from "@opentui/solid";
+import { createComponent as _$createComponent2 } from "@opentui/solid";
+import { setProp as _$setProp2 } from "@opentui/solid";
 import { createElement as _$createElement2 } from "@opentui/solid";
 import { createEffect, For as For2, on, Show } from "solid-js";
 import { defaultTextareaKeyBindings } from "@opentui/core";
@@ -723,6 +1341,115 @@ function itemsToLines(items, theme, t, spinnerFrame, _mdStyle) {
   }
   return out;
 }
+var itemNode = (it, theme, t, mdStyle, spinnerFrame = "") => {
+  const th = theme;
+  if (it.kind === "user") {
+    return (() => {
+      var _el$3 = _$createElement2("text"), _el$4 = _$createTextNode2(`❯ `);
+      _$insertNode2(_el$3, _el$4);
+      _$insert2(_el$3, () => it.text, null);
+      _$effect2((_$p) => _$setProp2(_el$3, "style", {
+        fg: th.tokens.userMark ?? th.tokens.accent
+      }, _$p));
+      return _el$3;
+    })();
+  }
+  if (it.kind === "assistant") {
+    if (it.final) {
+      return (() => {
+        var _el$5 = _$createElement2("box"), _el$6 = _$createElement2("markdown"), _el$7 = _$createElement2("text");
+        _$insertNode2(_el$5, _el$6);
+        _$insertNode2(_el$5, _el$7);
+        _$setProp2(_el$5, "style", {
+          flexDirection: "column"
+        });
+        _$setProp2(_el$6, "streaming", false);
+        _$setProp2(_el$6, "syntaxStyle", mdStyle);
+        _$insertNode2(_el$7, _$createTextNode2(` `));
+        _$effect2((_$p) => _$setProp2(_el$6, "content", it.text, _$p));
+        return _el$5;
+      })();
+    }
+    return (() => {
+      var _el$9 = _$createElement2("box");
+      _$setProp2(_el$9, "style", {
+        flexDirection: "column"
+      });
+      _$insert2(_el$9, _$createComponent2(For2, {
+        get each() {
+          return renderAssistant(it.text, th);
+        },
+        children: (l) => (() => {
+          var _el$0 = _$createElement2("text");
+          _$insert2(_el$0, () => `┃ ${l.text || " "}`);
+          _$effect2((_$p) => _$setProp2(_el$0, "style", l.fg ? {
+            fg: l.fg
+          } : {}, _$p));
+          return _el$0;
+        })()
+      }));
+      return _el$9;
+    })();
+  }
+  if (it.kind === "thinking") {
+    return (() => {
+      var _el$1 = _$createElement2("text");
+      _$insert2(_el$1, () => `${spinnerFrame} ${t("agent.thinking")} (${it.chars}) ${it.tail.slice(-120)}`);
+      _$effect2((_$p) => _$setProp2(_el$1, "style", {
+        fg: th.tokens.dim
+      }, _$p));
+      return _el$1;
+    })();
+  }
+  if (it.kind === "tool") {
+    return (() => {
+      var _el$10 = _$createElement2("box"), _el$11 = _$createElement2("text"), _el$12 = _$createElement2("text");
+      _$insertNode2(_el$10, _el$11);
+      _$insertNode2(_el$10, _el$12);
+      _$setProp2(_el$10, "style", {
+        flexDirection: "column"
+      });
+      _$insert2(_el$11, () => ` ⚒ ${it.name} ${it.args.slice(0, 90)}`);
+      _$insert2(_el$12, () => ` ⎿ ${it.ok ? t("agent.tool.ok") : t("agent.tool.fail")}: ${it.brief.slice(0, 110)}`);
+      _$effect2((_p$) => {
+        var _v$ = {
+          fg: th.tokens.toolOk ?? th.tokens.warn
+        }, _v$2 = {
+          fg: it.ok ? th.tokens.dim : th.tokens.toolFail ?? th.tokens.danger
+        };
+        _v$ !== _p$.e && (_p$.e = _$setProp2(_el$11, "style", _v$, _p$.e));
+        _v$2 !== _p$.t && (_p$.t = _$setProp2(_el$12, "style", _v$2, _p$.t));
+        return _p$;
+      }, {
+        e: undefined,
+        t: undefined
+      });
+      return _el$10;
+    })();
+  }
+  if (it.kind === "error") {
+    return (() => {
+      var _el$13 = _$createElement2("text"), _el$14 = _$createTextNode2(`✗ `), _el$15 = _$createTextNode2(`: `);
+      _$insertNode2(_el$13, _el$14);
+      _$insertNode2(_el$13, _el$15);
+      _$insert2(_el$13, () => t("agent.error"), _el$15);
+      _$insert2(_el$13, () => it.text, null);
+      _$effect2((_$p) => _$setProp2(_el$13, "style", {
+        fg: th.tokens.danger
+      }, _$p));
+      return _el$13;
+    })();
+  }
+  return (() => {
+    var _el$16 = _$createElement2("text"), _el$17 = _$createTextNode2(`· `);
+    _$insertNode2(_el$16, _el$17);
+    _$insert2(_el$16, () => it.text, null);
+    _$effect2((_$p) => _$setProp2(_el$16, "style", {
+      fg: th.tokens.dim
+    }, _$p));
+    return _el$16;
+  })();
+};
 function TranscriptWindow(props) {
   const offset = () => props.offset ?? 0;
   const windowLines = () => {
@@ -738,41 +1465,68 @@ function TranscriptWindow(props) {
     const end = Math.max(1, all.length - offset());
     return all.slice(start, end);
   };
+  if (props.startIndex === undefined && (props.offset ?? 0) === 0) {
+    return (() => {
+      var _el$18 = _$createElement2("box");
+      _$setProp2(_el$18, "style", {
+        flexDirection: "column",
+        flexGrow: 1,
+        justifyContent: "flex-end",
+        padding: 1
+      });
+      _$insert2(_el$18, _$createComponent2(For2, {
+        get each() {
+          return props.items.slice(-(props.maxItems ?? MAX_VISIBLE_ITEMS));
+        },
+        children: (it) => (() => {
+          var _el$19 = _$createElement2("box"), _el$20 = _$createElement2("text");
+          _$insertNode2(_el$19, _el$20);
+          _$setProp2(_el$19, "style", {
+            flexDirection: "column"
+          });
+          _$insert2(_el$19, () => itemNode(it, props.theme, props.t, props.mdStyle, props.spinnerFrame), _el$20);
+          _$insertNode2(_el$20, _$createTextNode2(` `));
+          return _el$19;
+        })()
+      }));
+      return _el$18;
+    })();
+  }
   return (() => {
-    var _el$18 = _$createElement2("box");
-    _$setProp2(_el$18, "style", {
+    var _el$22 = _$createElement2("box");
+    _$setProp2(_el$22, "style", {
       flexDirection: "column",
       flexGrow: 1,
       justifyContent: "flex-end",
       padding: 1
     });
-    _$insert2(_el$18, _$createComponent2(For2, {
+    _$insert2(_el$22, _$createComponent2(For2, {
       get each() {
         return windowLines();
       },
       children: (l) => (() => {
-        var _el$21 = _$createElement2("text");
-        _$insert2(_el$21, () => l.text || " ");
-        _$effect2((_$p) => _$setProp2(_el$21, "style", l.fg ? {
+        var _el$25 = _$createElement2("text");
+        _$insert2(_el$25, () => l.text || " ");
+        _$effect2((_$p) => _$setProp2(_el$25, "style", l.fg ? {
           fg: l.fg
         } : {}, _$p));
-        return _el$21;
+        return _el$25;
       })()
     }), null);
-    _$insert2(_el$18, _$createComponent2(Show, {
+    _$insert2(_el$22, _$createComponent2(Show, {
       get when() {
         return (props.offset ?? 0) > 0 || props.startIndex !== undefined;
       },
       get children() {
-        var _el$19 = _$createElement2("text");
-        _$insertNode2(_el$19, _$createTextNode2(`↑ scrolled (PgDn = follow latest)`));
-        _$effect2((_$p) => _$setProp2(_el$19, "style", {
+        var _el$23 = _$createElement2("text");
+        _$insertNode2(_el$23, _$createTextNode2(`↑ scrolled (PgDn = follow latest)`));
+        _$effect2((_$p) => _$setProp2(_el$23, "style", {
           fg: props.theme.tokens.dim
         }, _$p));
-        return _el$19;
+        return _el$23;
       }
     }), null);
-    return _el$18;
+    return _el$22;
   })();
 }
 var INPUT_KEY_BINDINGS = [...defaultTextareaKeyBindings, {
@@ -836,53 +1590,53 @@ function InputLine(props) {
     }
   };
   return (() => {
-    var _el$22 = _$createElement2("box"), _el$23 = _$createElement2("box"), _el$24 = _$createElement2("text"), _el$26 = _$createElement2("textarea");
-    _$insertNode2(_el$22, _el$23);
-    _$insertNode2(_el$23, _el$24);
-    _$insertNode2(_el$23, _el$26);
-    _$setProp2(_el$23, "style", {
+    var _el$26 = _$createElement2("box"), _el$27 = _$createElement2("box"), _el$28 = _$createElement2("text"), _el$30 = _$createElement2("textarea");
+    _$insertNode2(_el$26, _el$27);
+    _$insertNode2(_el$27, _el$28);
+    _$insertNode2(_el$27, _el$30);
+    _$setProp2(_el$27, "style", {
       flexDirection: "row"
     });
-    _$insertNode2(_el$24, _$createTextNode2(`❯ `));
-    _$use((el) => ta = el, _el$26);
-    _$setProp2(_el$26, "keyBindings", INPUT_KEY_BINDINGS);
-    _$setProp2(_el$26, "onContentChange", () => props.onContentChange?.(ta?.plainText ?? ""));
-    _$setProp2(_el$26, "onSubmit", () => props.onSubmit?.());
-    _$setProp2(_el$26, "onKeyDown", onKeyDown);
-    _$insert2(_el$22, _$createComponent2(Show, {
+    _$insertNode2(_el$28, _$createTextNode2(`❯ `));
+    _$use((el) => ta = el, _el$30);
+    _$setProp2(_el$30, "keyBindings", INPUT_KEY_BINDINGS);
+    _$setProp2(_el$30, "onContentChange", () => props.onContentChange?.(ta?.plainText ?? ""));
+    _$setProp2(_el$30, "onSubmit", () => props.onSubmit?.());
+    _$setProp2(_el$30, "onKeyDown", onKeyDown);
+    _$insert2(_el$26, _$createComponent2(Show, {
       get when() {
         return props.busy;
       },
       get children() {
-        var _el$27 = _$createElement2("text");
-        _$insert2(_el$27, () => `${props.spinnerFrame ? `${props.spinnerFrame} ` : ""}${props.busyLabel}`);
-        _$effect2((_$p) => _$setProp2(_el$27, "style", {
+        var _el$31 = _$createElement2("text");
+        _$insert2(_el$31, () => `${props.spinnerFrame ? `${props.spinnerFrame} ` : ""}${props.busyLabel}`);
+        _$effect2((_$p) => _$setProp2(_el$31, "style", {
           fg: props.theme.tokens.dim
         }, _$p));
-        return _el$27;
+        return _el$31;
       }
     }), null);
     _$effect2((_p$) => {
-      var _v$5 = {
+      var _v$3 = {
         border: true,
         borderStyle: "rounded",
         borderColor: props.theme.tokens.border,
         flexDirection: "column"
-      }, _v$6 = {
+      }, _v$4 = {
         fg: props.theme.tokens.accent
-      }, _v$7 = !props.busy && (props.focused ?? true), _v$8 = props.placeholder, _v$9 = props.theme.tokens.text, _v$0 = props.theme.tokens.text, _v$1 = props.theme.tokens.dim, _v$10 = {
+      }, _v$5 = !props.busy && (props.focused ?? true), _v$6 = props.placeholder, _v$7 = props.theme.tokens.text, _v$8 = props.theme.tokens.text, _v$9 = props.theme.tokens.dim, _v$0 = {
         flexGrow: 1,
         height: props.height ?? 1,
         wrapMode: "char"
       };
-      _v$5 !== _p$.e && (_p$.e = _$setProp2(_el$22, "style", _v$5, _p$.e));
-      _v$6 !== _p$.t && (_p$.t = _$setProp2(_el$24, "style", _v$6, _p$.t));
-      _v$7 !== _p$.a && (_p$.a = _$setProp2(_el$26, "focused", _v$7, _p$.a));
-      _v$8 !== _p$.o && (_p$.o = _$setProp2(_el$26, "placeholder", _v$8, _p$.o));
-      _v$9 !== _p$.i && (_p$.i = _$setProp2(_el$26, "textColor", _v$9, _p$.i));
-      _v$0 !== _p$.n && (_p$.n = _$setProp2(_el$26, "focusedTextColor", _v$0, _p$.n));
-      _v$1 !== _p$.s && (_p$.s = _$setProp2(_el$26, "placeholderColor", _v$1, _p$.s));
-      _v$10 !== _p$.h && (_p$.h = _$setProp2(_el$26, "style", _v$10, _p$.h));
+      _v$3 !== _p$.e && (_p$.e = _$setProp2(_el$26, "style", _v$3, _p$.e));
+      _v$4 !== _p$.t && (_p$.t = _$setProp2(_el$28, "style", _v$4, _p$.t));
+      _v$5 !== _p$.a && (_p$.a = _$setProp2(_el$30, "focused", _v$5, _p$.a));
+      _v$6 !== _p$.o && (_p$.o = _$setProp2(_el$30, "placeholder", _v$6, _p$.o));
+      _v$7 !== _p$.i && (_p$.i = _$setProp2(_el$30, "textColor", _v$7, _p$.i));
+      _v$8 !== _p$.n && (_p$.n = _$setProp2(_el$30, "focusedTextColor", _v$8, _p$.n));
+      _v$9 !== _p$.s && (_p$.s = _$setProp2(_el$30, "placeholderColor", _v$9, _p$.s));
+      _v$0 !== _p$.h && (_p$.h = _$setProp2(_el$30, "style", _v$0, _p$.h));
       return _p$;
     }, {
       e: undefined,
@@ -894,32 +1648,32 @@ function InputLine(props) {
       s: undefined,
       h: undefined
     });
-    return _el$22;
+    return _el$26;
   })();
 }
 function FooterHints(props) {
   return (() => {
-    var _el$28 = _$createElement2("box");
-    _$setProp2(_el$28, "style", {
+    var _el$32 = _$createElement2("box");
+    _$setProp2(_el$32, "style", {
       flexDirection: "row",
       paddingLeft: 2,
       paddingRight: 2
     });
-    _$insert2(_el$28, _$createComponent2(For2, {
+    _$insert2(_el$32, _$createComponent2(For2, {
       each: footerHints,
       children: (h, i) => (() => {
-        var _el$29 = _$createElement2("text"), _el$30 = _$createTextNode2(` `);
-        _$insertNode2(_el$29, _el$30);
-        _$insert2(_el$29, () => i() > 0 ? " · " : "", _el$30);
-        _$insert2(_el$29, () => h.key, _el$30);
-        _$insert2(_el$29, () => h.label, null);
-        _$effect2((_$p) => _$setProp2(_el$29, "style", {
+        var _el$33 = _$createElement2("text"), _el$34 = _$createTextNode2(` `);
+        _$insertNode2(_el$33, _el$34);
+        _$insert2(_el$33, () => i() > 0 ? " · " : "", _el$34);
+        _$insert2(_el$33, () => h.key, _el$34);
+        _$insert2(_el$33, () => h.label, null);
+        _$effect2((_$p) => _$setProp2(_el$33, "style", {
           fg: props.theme.tokens.dim
         }, _$p));
-        return _el$29;
+        return _el$33;
       })()
     }));
-    return _el$28;
+    return _el$32;
   })();
 }
 // ../kit/src/overlays.tsx
@@ -1357,35 +2111,23 @@ function SubagentWidget(props) {
             },
             get fallback() {
               return (() => {
-                var _el$3 = _$createElement9("text");
-                _$insert9(_el$3, () => `${branch()} ${glyph()} ${name()}${meta()}`);
-                _$effect9((_$p) => _$setProp9(_el$3, "style", {
+                var _el$2 = _$createElement9("text");
+                _$insert9(_el$2, () => `${branch()} ${glyph()} ${name()}${meta()}`);
+                _$effect9((_$p) => _$setProp9(_el$2, "style", {
                   fg: th().tokens.dim
                 }, _$p));
-                return _el$3;
+                return _el$2;
               })();
             },
             get children() {
-              return [(() => {
-                var _el$ = _$createElement9("text");
-                _$insert9(_el$, () => `${branch()} ${spinnerFrame(e.elapsed)} ${name()}${meta()}`);
-                _$effect9((_$p) => _$setProp9(_el$, "style", {
-                  fg: th().tokens.accent
-                }, _$p));
-                return _el$;
-              })(), _$createComponent9(Show5, {
-                get when() {
-                  return tailLine(e).length > 0;
-                },
-                get children() {
-                  var _el$2 = _$createElement9("text");
-                  _$insert9(_el$2, () => `│   ${tailLine(e)}`);
-                  _$effect9((_$p) => _$setProp9(_el$2, "style", {
-                    fg: th().tokens.dim
-                  }, _$p));
-                  return _el$2;
-                }
-              })];
+              var _el$ = _$createElement9("text");
+              _$insert9(_el$, () => `${branch()} ${spinnerFrame(e.elapsed)} ${name()}${meta()}  ${tailLine(e)}`.trimEnd());
+              _$effect9((_$p) => _$setProp9(_el$, "style", {
+                fg: th().tokens.accent,
+                wrapMode: "none",
+                truncate: true
+              }, _$p));
+              return _el$;
             }
           });
         }
@@ -1433,14 +2175,14 @@ function Select(props) {
     }
     if (n === 0)
       return;
-    if (key.name === "up") {
+    if (key.name === "up" || key.name === "left") {
       key.preventDefault?.();
       const v = (index() - 1 + n) % n;
       setIndex(v);
       props.onPreview?.(props.items[v]?.value ?? "");
       return;
     }
-    if (key.name === "down") {
+    if (key.name === "down" || key.name === "right") {
       key.preventDefault?.();
       const v = (index() + 1) % n;
       setIndex(v);
@@ -1666,6 +2408,148 @@ function WidgetFrame(props) {
     }
   });
 }
+// ../kit/src/status-bar.tsx
+import { effect as _$effect14 } from "@opentui/solid";
+import { insert as _$insert14 } from "@opentui/solid";
+import { createComponent as _$createComponent13 } from "@opentui/solid";
+import { setProp as _$setProp14 } from "@opentui/solid";
+import { createElement as _$createElement14 } from "@opentui/solid";
+import { createSignal as createSignal2, onCleanup, For as For11, Show as Show8 } from "solid-js";
+var DEFAULT_VERBS = {
+  think: ["Thinking", "Pondering", "Reasoning", "Reflecting", "Deliberating", "Mulling"],
+  tool: ["Executing", "Running", "Processing", "Building"],
+  stream: ["Writing", "Composing", "Typing", "Drafting"],
+  approve: ["Waiting"]
+};
+var VERB_MS = 2500;
+var PHASE_ICON = {
+  think: "\uD83E\uDDE0",
+  tool: "\uD83D\uDEE0",
+  stream: "\uD83D\uDCDD",
+  approve: "⏳"
+};
+var TAIL = 5;
+var RAMP = ["█", "▓", "▒", "░"];
+var BAR_MS = 80;
+function StatusBar(props) {
+  const [tick, setTick] = createSignal2(0);
+  const timer = setInterval(() => setTick((t) => t + 1), BAR_MS);
+  onCleanup(() => clearInterval(timer));
+  const pools = () => ({
+    think: props.verbs?.think ?? DEFAULT_VERBS.think,
+    tool: props.verbs?.tool ?? DEFAULT_VERBS.tool,
+    stream: props.verbs?.stream ?? DEFAULT_VERBS.stream,
+    approve: props.verbs?.approve ?? DEFAULT_VERBS.approve
+  });
+  const fg = () => {
+    const th = props.theme.tokens;
+    if (props.phase === "think")
+      return th.thinking ?? th.accent;
+    if (props.phase === "tool")
+      return th.toolOk ?? th.ok;
+    if (props.phase === "approve")
+      return th.warn;
+    return th.accent;
+  };
+  const TRACK_COLS = 15;
+  const ASSEMBLY = 2;
+  const row = () => {
+    const phase = props.phase;
+    if (phase === null)
+      return [];
+    const pool = pools()[phase];
+    const verb = pool[Math.floor(tick() * BAR_MS / VERB_MS) % pool.length];
+    const detail = props.detail?.() ?? "";
+    const label = `${PHASE_ICON[phase]} ${verb}... ${props.elapsed()}s${detail ? ` · ${detail}` : ""}`;
+    const trackFg = props.theme.tokens.border;
+    const headFg = fg();
+    const span = TRACK_COLS - ASSEMBLY;
+    const step = Math.floor(tick() % (span * 2));
+    const start = step < span ? step : span * 2 - step;
+    const dirRight = step < span;
+    const stern = dirRight ? start : start + ASSEMBLY;
+    const tailEnd = dirRight ? stern - TAIL : stern + TAIL;
+    const runs = [];
+    let buf = "";
+    let bufFg = trackFg;
+    const flush = (f) => {
+      if (buf)
+        runs.push({
+          text: buf,
+          fg: bufFg
+        });
+      buf = "";
+      bufFg = f;
+    };
+    for (let c = 0;c < TRACK_COLS; c++) {
+      if (c === start) {
+        flush(headFg);
+        runs.push({
+          text: "\uD83D\uDC33",
+          fg: headFg
+        });
+        bufFg = trackFg;
+        c += 1;
+        continue;
+      }
+      const behind = dirRight ? stern - c : c - stern;
+      const inTail = dirRight ? c < stern && c > tailEnd : c > stern && c < tailEnd;
+      if (inTail && behind >= 0) {
+        const ch = RAMP[Math.min(RAMP.length - 1, Math.floor(behind / 2) + 1)];
+        if (headFg !== bufFg)
+          flush(headFg);
+        buf += ch;
+      } else {
+        if (trackFg !== bufFg)
+          flush(trackFg);
+        buf += "░";
+      }
+    }
+    flush(trackFg);
+    runs.push({
+      text: ` ${label}`,
+      fg: headFg
+    });
+    return runs;
+  };
+  return _$createComponent13(Show8, {
+    get when() {
+      return props.phase !== null;
+    },
+    get children() {
+      var _el$ = _$createElement14("box");
+      _$setProp14(_el$, "style", {
+        flexDirection: "row",
+        paddingLeft: 1,
+        paddingRight: 1,
+        height: 1,
+        flexGrow: 0
+      });
+      _$insert14(_el$, _$createComponent13(For11, {
+        get each() {
+          return row();
+        },
+        children: (r) => (() => {
+          var _el$2 = _$createElement14("text");
+          _$setProp14(_el$2, "wrapMode", "none");
+          _$insert14(_el$2, () => r.text);
+          _$effect14((_$p) => _$setProp14(_el$2, "style", {
+            fg: r.fg
+          }, _$p));
+          return _el$2;
+        })()
+      }));
+      return _el$;
+    }
+  });
+}
+// ../kit/src/flow-bar.tsx
+import { effect as _$effect15 } from "@opentui/solid";
+import { insert as _$insert15 } from "@opentui/solid";
+import { createComponent as _$createComponent14 } from "@opentui/solid";
+import { setProp as _$setProp15 } from "@opentui/solid";
+import { createElement as _$createElement15 } from "@opentui/solid";
+import { createSignal as createSignal3, onCleanup as onCleanup2, For as For12, Show as Show9 } from "solid-js";
 // src/features/model-select.tsx
 function createModelSelectFeature(deps) {
   let catalog = [];
@@ -1813,15 +2697,15 @@ function createHistoryForkFeature(deps) {
 }
 
 // src/features/login.tsx
-import { setProp as _$setProp14 } from "@opentui/solid";
-import { effect as _$effect14 } from "@opentui/solid";
+import { setProp as _$setProp16 } from "@opentui/solid";
+import { effect as _$effect16 } from "@opentui/solid";
 import { createTextNode as _$createTextNode9 } from "@opentui/solid";
 import { insertNode as _$insertNode11 } from "@opentui/solid";
 import { memo as _$memo7 } from "@opentui/solid";
-import { insert as _$insert14 } from "@opentui/solid";
-import { createElement as _$createElement14 } from "@opentui/solid";
-import { createComponent as _$createComponent13 } from "@opentui/solid";
-import { createSignal as createSignal2 } from "solid-js";
+import { insert as _$insert16 } from "@opentui/solid";
+import { createElement as _$createElement16 } from "@opentui/solid";
+import { createComponent as _$createComponent15 } from "@opentui/solid";
+import { createSignal as createSignal4 } from "solid-js";
 var PROVIDER_CATALOG = [{
   id: "amazon-bedrock",
   name: "Amazon Bedrock",
@@ -2029,7 +2913,7 @@ function providerProfileFor(entry) {
   return profile;
 }
 function createLoginFeature(deps) {
-  const [stage, setStage] = createSignal2({
+  const [stage, setStage] = createSignal4({
     kind: "closed"
   });
   const settings = () => deps.session.settingsSeam;
@@ -2210,7 +3094,7 @@ function createLoginFeature(deps) {
     const st = stage();
     const th = deps.theme();
     if (st.kind === "menu") {
-      return _$createComponent13(Select, {
+      return _$createComponent15(Select, {
         get title() {
           return st.title;
         },
@@ -2231,17 +3115,17 @@ function createLoginFeature(deps) {
     }
     if (st.kind === "entry") {
       return (() => {
-        var _el$ = _$createElement14("box"), _el$2 = _$createElement14("text"), _el$3 = _$createElement14("text"), _el$4 = _$createElement14("text");
+        var _el$ = _$createElement16("box"), _el$2 = _$createElement16("text"), _el$3 = _$createElement16("text"), _el$4 = _$createElement16("text");
         _$insertNode11(_el$, _el$2);
         _$insertNode11(_el$, _el$3);
         _$insertNode11(_el$, _el$4);
-        _$insert14(_el$2, () => st.title);
-        _$insert14(_el$3, (() => {
+        _$insert16(_el$2, () => st.title);
+        _$insert16(_el$3, (() => {
           var _c$ = _$memo7(() => !!st.mask);
           return () => _c$() ? st.buffer.replace(/./g, "*") || " " : st.buffer || " ";
         })());
         _$insertNode11(_el$4, _$createTextNode9(`type · enter saves · esc cancels`));
-        _$effect14((_p$) => {
+        _$effect16((_p$) => {
           var _v$ = {
             border: true,
             borderStyle: "rounded",
@@ -2255,10 +3139,10 @@ function createLoginFeature(deps) {
           }, _v$4 = {
             fg: th.tokens.dim
           };
-          _v$ !== _p$.e && (_p$.e = _$setProp14(_el$, "style", _v$, _p$.e));
-          _v$2 !== _p$.t && (_p$.t = _$setProp14(_el$2, "style", _v$2, _p$.t));
-          _v$3 !== _p$.a && (_p$.a = _$setProp14(_el$3, "style", _v$3, _p$.a));
-          _v$4 !== _p$.o && (_p$.o = _$setProp14(_el$4, "style", _v$4, _p$.o));
+          _v$ !== _p$.e && (_p$.e = _$setProp16(_el$, "style", _v$, _p$.e));
+          _v$2 !== _p$.t && (_p$.t = _$setProp16(_el$2, "style", _v$2, _p$.t));
+          _v$3 !== _p$.a && (_p$.a = _$setProp16(_el$3, "style", _v$3, _p$.a));
+          _v$4 !== _p$.o && (_p$.o = _$setProp16(_el$4, "style", _v$4, _p$.o));
           return _p$;
         }, {
           e: undefined,
@@ -2271,12 +3155,12 @@ function createLoginFeature(deps) {
     }
     if (st.kind === "confirm") {
       return (() => {
-        var _el$6 = _$createElement14("box"), _el$7 = _$createElement14("text"), _el$8 = _$createElement14("text");
+        var _el$6 = _$createElement16("box"), _el$7 = _$createElement16("text"), _el$8 = _$createElement16("text");
         _$insertNode11(_el$6, _el$7);
         _$insertNode11(_el$6, _el$8);
-        _$insert14(_el$7, () => st.text);
+        _$insert16(_el$7, () => st.text);
         _$insertNode11(_el$8, _$createTextNode9(`y confirm · n/esc cancels`));
-        _$effect14((_p$) => {
+        _$effect16((_p$) => {
           var _v$5 = {
             border: true,
             borderStyle: "rounded",
@@ -2288,9 +3172,9 @@ function createLoginFeature(deps) {
           }, _v$7 = {
             fg: th.tokens.dim
           };
-          _v$5 !== _p$.e && (_p$.e = _$setProp14(_el$6, "style", _v$5, _p$.e));
-          _v$6 !== _p$.t && (_p$.t = _$setProp14(_el$7, "style", _v$6, _p$.t));
-          _v$7 !== _p$.a && (_p$.a = _$setProp14(_el$8, "style", _v$7, _p$.a));
+          _v$5 !== _p$.e && (_p$.e = _$setProp16(_el$6, "style", _v$5, _p$.e));
+          _v$6 !== _p$.t && (_p$.t = _$setProp16(_el$7, "style", _v$6, _p$.t));
+          _v$7 !== _p$.a && (_p$.a = _$setProp16(_el$8, "style", _v$7, _p$.a));
           return _p$;
         }, {
           e: undefined,
@@ -2302,10 +3186,10 @@ function createLoginFeature(deps) {
     }
     if (st.kind === "notice") {
       return (() => {
-        var _el$0 = _$createElement14("box"), _el$1 = _$createElement14("text");
+        var _el$0 = _$createElement16("box"), _el$1 = _$createElement16("text");
         _$insertNode11(_el$0, _el$1);
-        _$insert14(_el$1, () => st.text);
-        _$effect14((_p$) => {
+        _$insert16(_el$1, () => st.text);
+        _$effect16((_p$) => {
           var _v$8 = {
             border: true,
             borderStyle: "rounded",
@@ -2315,8 +3199,8 @@ function createLoginFeature(deps) {
           }, _v$9 = {
             fg: th.tokens.dim
           };
-          _v$8 !== _p$.e && (_p$.e = _$setProp14(_el$0, "style", _v$8, _p$.e));
-          _v$9 !== _p$.t && (_p$.t = _$setProp14(_el$1, "style", _v$9, _p$.t));
+          _v$8 !== _p$.e && (_p$.e = _$setProp16(_el$0, "style", _v$8, _p$.e));
+          _v$9 !== _p$.t && (_p$.t = _$setProp16(_el$1, "style", _v$9, _p$.t));
           return _p$;
         }, {
           e: undefined,
@@ -2391,15 +3275,15 @@ function createLoginFeature(deps) {
 }
 
 // src/features/dock.tsx
-import { setProp as _$setProp15 } from "@opentui/solid";
-import { effect as _$effect15 } from "@opentui/solid";
-import { insert as _$insert15 } from "@opentui/solid";
+import { setProp as _$setProp17 } from "@opentui/solid";
+import { effect as _$effect17 } from "@opentui/solid";
+import { insert as _$insert17 } from "@opentui/solid";
 import { createTextNode as _$createTextNode10 } from "@opentui/solid";
 import { insertNode as _$insertNode12 } from "@opentui/solid";
-import { createElement as _$createElement15 } from "@opentui/solid";
-import { createComponent as _$createComponent14 } from "@opentui/solid";
+import { createElement as _$createElement17 } from "@opentui/solid";
+import { createComponent as _$createComponent16 } from "@opentui/solid";
 import { memo as _$memo8 } from "@opentui/solid";
-import { createSignal as createSignal3, For as For11, Show as Show8 } from "solid-js";
+import { createSignal as createSignal5, For as For13, Show as Show10 } from "solid-js";
 var FLUSH_MS = 60;
 var FADE_STEP_MS = 130;
 var FADE_STEPS = 5;
@@ -2409,7 +3293,7 @@ function createDockFeature(deps) {
   const thinkFg = () => th().tokens.thinking ?? th().tokens.accent;
   const toolFg = () => th().tokens.toolOk ?? th().tokens.ok;
   const dim = (fg) => dimColor(fg, 0.45);
-  const [think, setThink] = createSignal3({
+  const [think, setThink] = createSignal5({
     visible: false,
     expanded: false,
     fading: false,
@@ -2421,11 +3305,11 @@ function createDockFeature(deps) {
   let thinkBuf = "";
   let lastFlush = 0;
   let thinkOpen = false;
-  const [tools, setTools] = createSignal3([]);
-  const [toolVisible, setToolVisible] = createSignal3(false);
-  const [toolFading, setToolFading] = createSignal3(false);
-  const [toolFade, setToolFade] = createSignal3(0);
-  const [toolExpanded, setToolExpanded] = createSignal3(false);
+  const [tools, setTools] = createSignal5([]);
+  const [toolVisible, setToolVisible] = createSignal5(false);
+  const [toolFading, setToolFading] = createSignal5(false);
+  const [toolFade, setToolFade] = createSignal5(0);
+  const [toolExpanded, setToolExpanded] = createSignal5(false);
   let lastToolAt = 0;
   let thinkHideTimer;
   const cancelThinkHide = () => {
@@ -2504,12 +3388,12 @@ function createDockFeature(deps) {
       const border = t.visible ? thinkFg() : toolFg();
       return dimColor(border, 0.82);
     };
-    return [_$createComponent14(Show8, {
+    return [_$createComponent16(Show10, {
       get when() {
         return t.visible;
       },
       get children() {
-        return _$createComponent14(WidgetFrame, {
+        return _$createComponent16(WidgetFrame, {
           get bg() {
             return bgTint();
           },
@@ -2527,20 +3411,20 @@ function createDockFeature(deps) {
             return hints.think;
           },
           get children() {
-            return [_$createComponent14(Show8, {
+            return [_$createComponent16(Show10, {
               get when() {
                 return t.expanded;
               },
               get children() {
-                return _$createComponent14(For11, {
+                return _$createComponent16(For13, {
                   get each() {
                     return t.text.split(`
 `).slice(-Math.max(1, (typeof rowsT === "number" ? rowsT : 7) - 2));
                   },
                   children: (line) => (() => {
-                    var _el$6 = _$createElement15("text");
-                    _$insert15(_el$6, line || " ");
-                    _$effect15((_$p) => _$setProp15(_el$6, "style", {
+                    var _el$6 = _$createElement17("text");
+                    _$insert17(_el$6, line || " ");
+                    _$effect17((_$p) => _$setProp17(_el$6, "style", {
                       fg: dimColor(thinkFg(), 0.2),
                       wrapMode: "none",
                       truncate: true
@@ -2549,18 +3433,18 @@ function createDockFeature(deps) {
                   })()
                 });
               }
-            }), _$createComponent14(Show8, {
+            }), _$createComponent16(Show10, {
               get when() {
                 return !t.expanded;
               },
               get children() {
-                var _el$ = _$createElement15("text"), _el$2 = _$createTextNode10(`\uD83D\uDCAD `), _el$3 = _$createTextNode10(`s `);
+                var _el$ = _$createElement17("text"), _el$2 = _$createTextNode10(`\uD83D\uDCAD `), _el$3 = _$createTextNode10(`s `);
                 _$insertNode12(_el$, _el$2);
                 _$insertNode12(_el$, _el$3);
-                _$insert15(_el$, elapsed, _el$3);
-                _$insert15(_el$, () => thinkBuf.split(`
+                _$insert17(_el$, elapsed, _el$3);
+                _$insert17(_el$, () => thinkBuf.split(`
 `).pop() || " ", null);
-                _$effect15((_$p) => _$setProp15(_el$, "style", {
+                _$effect17((_$p) => _$setProp17(_el$, "style", {
                   fg: dimColor(thinkFg(), 0.2),
                   wrapMode: "none",
                   truncate: true
@@ -2571,12 +3455,12 @@ function createDockFeature(deps) {
           }
         });
       }
-    }), _$createComponent14(Show8, {
+    }), _$createComponent16(Show10, {
       get when() {
         return toolVisible() || list.length > 0;
       },
       get children() {
-        return _$createComponent14(WidgetFrame, {
+        return _$createComponent16(WidgetFrame, {
           get bg() {
             return bgTint();
           },
@@ -2596,22 +3480,22 @@ function createDockFeature(deps) {
             return hints.tool;
           },
           get children() {
-            return [_$createComponent14(Show8, {
+            return [_$createComponent16(Show10, {
               get when() {
                 return toolExpanded();
               },
               get children() {
-                return _$createComponent14(For11, {
+                return _$createComponent16(For13, {
                   get each() {
                     return list.slice(-Math.max(1, (typeof rowsTool === "number" ? rowsTool : 7) - 2));
                   },
                   children: (e) => (() => {
-                    var _el$7 = _$createElement15("text");
-                    _$insert15(_el$7, (() => {
+                    var _el$7 = _$createElement17("text");
+                    _$insert17(_el$7, (() => {
                       var _c$2 = _$memo8(() => e.status === "running");
                       return () => _c$2() ? `⚙ ${e.name} ${e.args}` : `${e.status === "ok" ? "✔" : "✘"} ${e.name} ${e.args}`;
                     })());
-                    _$effect15((_$p) => _$setProp15(_el$7, "style", {
+                    _$effect17((_$p) => _$setProp17(_el$7, "style", {
                       fg: e.status === "running" ? toolFg() : e.status === "fail" ? th().tokens.toolFail ?? th().tokens.danger : th().tokens.toolOk ?? th().tokens.ok,
                       wrapMode: "none",
                       truncate: true
@@ -2620,18 +3504,18 @@ function createDockFeature(deps) {
                   })()
                 });
               }
-            }), _$createComponent14(Show8, {
+            }), _$createComponent16(Show10, {
               get when() {
                 return !toolExpanded();
               },
               get children() {
-                var _el$4 = _$createElement15("text"), _el$5 = _$createTextNode10(`\uD83D\uDD27 `);
+                var _el$4 = _$createElement17("text"), _el$5 = _$createTextNode10(`\uD83D\uDD27 `);
                 _$insertNode12(_el$4, _el$5);
-                _$insert15(_el$4, (() => {
+                _$insert17(_el$4, (() => {
                   var _c$ = _$memo8(() => running.length > 0);
                   return () => _c$() ? `⚙ ${running[0].name} ${running[0].args}` : `${list[0]?.name ?? ""} ${list[0]?.args ?? ""}`;
                 })(), null);
-                _$effect15((_$p) => _$setProp15(_el$4, "style", {
+                _$effect17((_$p) => _$setProp17(_el$4, "style", {
                   fg: dimColor(toolFg(), 0.2),
                   wrapMode: "none",
                   truncate: true
@@ -2758,6 +3642,7 @@ function createDockFeature(deps) {
         setToolExpanded((v) => !v);
     },
     toolCount: () => tools().length,
+    runningToolName: () => tools().find((e) => e.status === "running")?.name ?? null,
     toolActive: () => tools().some((e) => e.status === "running")
   };
   function hideAll() {
@@ -2805,6 +3690,30 @@ var COMMANDS = [{
 }, {
   name: "/preset",
   desc: "switch agent preset"
+}, {
+  name: "/think",
+  desc: "cycle reasoning effort of the current model"
+}, {
+  name: "/subagents",
+  desc: "pick a subagent to view its transcript"
+}, {
+  name: "/resume",
+  desc: "resume a stored session (picker)"
+}, {
+  name: "/hotkeys",
+  desc: "show the key bindings"
+}, {
+  name: "/session",
+  desc: "show current session info (/session rename …)"
+}, {
+  name: "/plugins",
+  desc: "list installed plugins"
+}, {
+  name: "/skills",
+  desc: "list registered skills"
+}, {
+  name: "/reload",
+  desc: "hot-reload plugins"
 }, {
   name: "/search",
   desc: "full-text search sessions (/search text)"
@@ -2820,12 +3729,21 @@ var COMMANDS = [{
 }, {
   name: "/config",
   desc: "plugin settings (/config or /config key value)"
+}, {
+  name: "/settings",
+  desc: "browse host settings namespaces"
 }, {
   name: "/queue",
   desc: "queue a message (/queue msg, bare toggles panel)"
 }, {
   name: "/repair",
   desc: "scan session logs for broken files"
+}, {
+  name: "/tail",
+  desc: "watch a session log live (/tail sessionId)"
+}, {
+  name: "/agents",
+  desc: "list agent definitions (~/.dsh/agents)"
 }, {
   name: "/theme",
   desc: "pick theme"
@@ -2852,53 +3770,73 @@ var fmtClock = () => {
 };
 function ShellHost(props) {
   const t = props.deps.t;
-  const [input, setInput] = createSignal4("");
-  const [history, setHistory] = createSignal4([]);
-  const [historyIdx, setHistoryIdx] = createSignal4(0);
-  const [resetKey, setResetKey] = createSignal4(0);
-  const [setKey, setSetKey] = createSignal4(0);
-  const [setValueText, setSetValueText] = createSignal4("");
-  const [items, setItems] = createSignal4([]);
-  const [busy, setBusy] = createSignal4(false);
-  const [approval, setApproval] = createSignal4(null);
-  const [usage, setUsage] = createSignal4({
+  const [input, setInput] = createSignal6("");
+  const [history, setHistory] = createSignal6([]);
+  const [historyIdx, setHistoryIdx] = createSignal6(0);
+  const [resetKey, setResetKey] = createSignal6(0);
+  const [setKey, setSetKey] = createSignal6(0);
+  const [setValueText, setSetValueText] = createSignal6("");
+  const [items, setItems] = createSignal6([]);
+  const [busy, setBusy] = createSignal6(false);
+  const [approval, setApproval] = createSignal6(null);
+  const [usage, setUsage] = createSignal6({
     prompt: 0,
     completion: 0,
     turns: 0
   });
-  const [label, setLabel] = createSignal4(props.deps.session.label);
-  const [showWelcome, setShowWelcome] = createSignal4(true);
-  const [todos, setTodos] = createSignal4([]);
-  const [subagents, setSubagents] = createSignal4([]);
-  const [viewerId, setViewerId] = createSignal4(null);
-  const [viewerLines, setViewerLines] = createSignal4([]);
-  const [steerFor, setSteerFor] = createSignal4(null);
-  const [steerBuffer, setSteerBuffer] = createSignal4("");
-  const [hintsVisible, setHintsVisible] = createSignal4(true);
-  const [gitBranch, setGitBranch] = createSignal4("");
-  const [queueMsgs, setQueueMsgs] = createSignal4([]);
-  const [queueOpen, setQueueOpen] = createSignal4(false);
-  const [btwPairs, setBtwPairs] = createSignal4([]);
-  const [btwLive, setBtwLive] = createSignal4(null);
-  const [btwOpen, setBtwOpen] = createSignal4(false);
-  const [kb] = createSignal4(props.deps.session.keybindingsLoad?.() ?? {});
+  const [label, setLabel] = createSignal6(props.deps.session.label);
+  const [showWelcome, setShowWelcome] = createSignal6(true);
+  const [todos, setTodos] = createSignal6([]);
+  const [subagents, setSubagents] = createSignal6([]);
+  let subagentClearTimer;
+  const scheduleSubagentClear = () => {
+    if (subagentClearTimer !== undefined)
+      clearTimeout(subagentClearTimer);
+    subagentClearTimer = setTimeout(() => {
+      subagentClearTimer = undefined;
+      setSubagents([]);
+    }, 1000);
+  };
+  const [viewerId, setViewerId] = createSignal6(null);
+  const [viewerLines, setViewerLines] = createSignal6([]);
+  const [steerFor, setSteerFor] = createSignal6(null);
+  const [steerBuffer, setSteerBuffer] = createSignal6("");
+  const [hintsVisible, setHintsVisible] = createSignal6(true);
+  const [gitBranch, setGitBranch] = createSignal6("");
+  const [queueMsgs, setQueueMsgs] = createSignal6([]);
+  const [queueOpen, setQueueOpen] = createSignal6(false);
+  const [btwPairs, setBtwPairs] = createSignal6([]);
+  const [btwLive, setBtwLive] = createSignal6(null);
+  const [btwOpen, setBtwOpen] = createSignal6(false);
+  const [kb] = createSignal6(props.deps.session.keybindingsLoad?.() ?? {});
   const hot = (action, fallback) => kb()[action] ?? fallback;
-  const [pluginConfig, setPluginConfig] = createSignal4(props.deps.session.configLoad());
+  props.deps.session.remoteTailSink = (rows) => {
+    setItems(rows.map((r) => ({
+      kind: r.kind,
+      text: r.text,
+      final: r.final
+    })));
+    setScrollTopLine(null);
+  };
+  const [pluginConfig, setPluginConfig] = createSignal6(props.deps.session.configLoad());
   const openViewer = (id) => {
     setViewerId(id);
     setViewerLines(props.deps.session.childTranscript(id));
   };
-  const [overlay, setOverlay] = createSignal4(null);
+  const [overlay, setOverlay] = createSignal6(null);
   const initialTheme = process.env.DSH_OPENTUI_THEME ?? props.deps.themeName ?? "catppuccin-mocha";
-  const [themeName, setThemeName] = createSignal4(themes[initialTheme] ? initialTheme : "catppuccin-mocha");
+  const [themeName, setThemeName] = createSignal6(themes[initialTheme] ? initialTheme : "catppuccin-mocha");
   const theme = () => getTheme(themeName());
-  const [menuOpen, setMenuOpen] = createSignal4(true);
-  const [menuSel, setMenuSel] = createSignal4(0);
-  const [clock, setClock] = createSignal4(fmtClock());
-  const [liveTps, setLiveTps] = createSignal4(null);
+  const [menuOpen, setMenuOpen] = createSignal6(true);
+  const [menuSel, setMenuSel] = createSignal6(0);
+  const [clock, setClock] = createSignal6(fmtClock());
+  const [turnElapsed, setTurnElapsed] = createSignal6(0);
+  const [streaming, setStreaming] = createSignal6(false);
+  const [termCols, setTermCols] = createSignal6(process.stdout.columns ?? 100);
+  const [liveTps, setLiveTps] = createSignal6(null);
   let turnStartAt = 0;
   let approveResolve = null;
-  const [scrollTopLine, setScrollTopLine] = createSignal4(null);
+  const [scrollTopLine, setScrollTopLine] = createSignal6(null);
   let totalLines = 0;
   const VIEWPORT_ROWS = 18;
   const scrollUp = () => {
@@ -2917,19 +3855,23 @@ function ShellHost(props) {
   };
   const pinIfFollowing = () => {};
   let replayGen = 0;
-  const [stopConfirm, setStopConfirm] = createSignal4(false);
-  const [plugins] = createSignal4(props.deps.session.listPlugins());
-  const execMode = props.deps.session.executionMode();
-  const [hostCommands, setHostCommands] = createSignal4([]);
+  const [stopConfirm, setStopConfirm] = createSignal6(false);
+  const [plugins] = createSignal6(props.deps.session.listPlugins());
+  const [execMode, setExecMode] = createSignal6(props.deps.session.executionMode());
+  const refreshExecMode = () => setExecMode(props.deps.session.executionMode());
+  const [hostCommands, setHostCommands] = createSignal6([]);
   onMount(async () => {
     try {
       setHostCommands(await props.deps.session.listHostCommands());
     } catch {}
   });
-  const [focusKey, setFocusKey] = createSignal4(0);
+  const [focusKey, setFocusKey] = createSignal6(0);
   onMount(() => {
     const tick = setInterval(() => {
       setClock(fmtClock());
+      setTermCols(process.stdout.columns ?? 100);
+      if (busy())
+        setTurnElapsed((s) => s + 1);
       dock.tick();
       setSubagents((arr) => arr.some((r) => r.status === "running") ? arr.map((r) => r.status === "running" ? {
         ...r,
@@ -2966,11 +3908,11 @@ function ShellHost(props) {
         });
       });
     }, 1200);
-    onCleanup(() => {
+    onCleanup3(() => {
       clearInterval(gitTick);
       clearTimeout(gitOnce);
     });
-    onCleanup(() => clearInterval(tick));
+    onCleanup3(() => clearInterval(tick));
     if (!process.env.DSH_OPENTUI_NO_ASK)
       props.deps.session.registerAskProvider(async (questions) => {
         const answer = await new Promise((resolve) => {
@@ -3324,6 +4266,99 @@ function ShellHost(props) {
           });
         }
       }
+    } else if (cmd === "think") {
+      const ladder = ["keep", "low", "medium", "high", "xhigh", "max"];
+      const m = /^([^/]+)\/([^/]+?)(?:\s*\(([^)]+)\))?$/.exec(label());
+      if (!m) {
+        push({
+          kind: "error",
+          text: "no live model route to cycle"
+        });
+        return;
+      }
+      const [, provider, model, cur] = m;
+      const next = cur === undefined || cur === "off" ? "low" : ladder[(ladder.indexOf(cur) + 1) % ladder.length];
+      props.deps.session.switchModel(provider, model, next === "keep" ? undefined : next);
+      setLabel(props.deps.session.label);
+      push({
+        kind: "system",
+        text: `${provider}/${model} ◕ ${next}`
+      });
+    } else if (cmd === "subagents") {
+      const list = subagents();
+      if (list.length === 0) {
+        push({
+          kind: "system",
+          text: "no subagents yet (ctrl+G works once children exist too)"
+        });
+        return;
+      }
+      openOverlay({
+        title: "subagents — pick to view transcript",
+        items: list.map((e) => ({
+          label: `${e.label}${e.model ? ` · ${e.model}` : ""}`,
+          value: e.id,
+          description: `${e.status} · ↻${e.rounds}`
+        })),
+        onSelect: (value) => openViewer(value)
+      });
+    } else if (cmd === "resume") {
+      const hits = await props.deps.session.listSessions();
+      if (hits.length === 0) {
+        push({
+          kind: "system",
+          text: "no sessions to resume"
+        });
+        return;
+      }
+      openOverlay({
+        title: t("picker.sessions.title"),
+        items: hits.map((h) => ({
+          label: h.title || h.id.slice(0, 8),
+          value: h.id,
+          description: h.updatedAt?.slice(0, 19)
+        })),
+        onSelect: async (value) => {
+          props.deps.session.resumeSession(value);
+          setBusy(false);
+          setShowWelcome(false);
+          const gen = ++replayGen;
+          try {
+            const rows = await props.deps.session.storedTranscript(value);
+            if (gen !== replayGen)
+              return;
+            await new Promise((r) => setTimeout(r, 50));
+            if (gen !== replayGen)
+              return;
+            setItems(rows.map((it) => it.kind === "assistant" ? {
+              kind: "assistant",
+              text: it.text,
+              final: true
+            } : {
+              kind: "user",
+              text: it.text
+            }));
+            setScrollTopLine(null);
+          } catch {}
+          push({
+            kind: "system",
+            text: `${t("cmd.sessions.resumed")}: ${value.slice(0, 8)}`
+          });
+        }
+      });
+    } else if (cmd === "hotkeys") {
+      const rows = [["viewer", "ctrl+g"], ["think", "ctrl+t"], ["tools", "ctrl+o"], ["scrollUp", "pageup"], ["scrollDown", "pagedown"], ["model", "ctrl+l"], ["search", "ctrl+alt+f"], ["escape", "escape"], ["ctrlC", "ctrl+c"], ["ctrlD", "ctrl+d"]];
+      push({
+        kind: "system",
+        text: "keybindings (keybindings.json overrides *):"
+      });
+      for (const [action, def] of rows) {
+        const mark = kb()[action] ? " *" : "";
+        push({
+          kind: "system",
+          text: `  ${action.padEnd(10)} ${kb()[action] ?? def}${mark}`
+        });
+      }
     } else if (cmd === "preset") {
       const presets = await props.deps.session.listPresets();
       if (presets.length === 0) {
@@ -3345,6 +4380,7 @@ function ShellHost(props) {
           onSelect: (value) => {
             const picked = presets.find((p) => p.id === value);
             props.deps.session.switchPreset(value);
+            refreshExecMode();
             push({
               kind: "system",
               text: `preset → ${picked?.name ?? value} (fresh session on next message)`
@@ -3357,10 +4393,12 @@ function ShellHost(props) {
     } else if (cmd === "new") {
       replayGen++;
       props.deps.session.newSession();
+      refreshExecMode();
       setItems([]);
       setBtwPairs([]);
       setBtwLive(null);
       setBtwOpen(false);
+      props.deps.session.stopRemoteTail();
       push({
         kind: "system",
         text: t("cmd.new.done")
@@ -3494,6 +4532,129 @@ function ShellHost(props) {
           text: "language switching unavailable"
         });
       }
+    } else if (cmd === "agents") {
+      const agents = props.deps.session.listAgents();
+      if (agents.length === 0) {
+        push({
+          kind: "system",
+          text: "no agent definitions (~/.dsh/agents/*.md)"
+        });
+        return;
+      }
+      const openFields = (agentName) => {
+        const a = props.deps.session.listAgents().find((x) => x.name === agentName);
+        if (!a)
+          return;
+        openOverlay({
+          title: `${a.displayName ?? a.name} — fields`,
+          items: [{
+            label: `model: ${a.model ?? "(inherit)"}`,
+            value: "model",
+            description: "pick a model route"
+          }, {
+            label: `thinking: ${a.thinking ?? "(inherit)"}`,
+            value: "thinking",
+            description: "pick a reasoning effort"
+          }, {
+            label: `deep: ${a.deep ?? "0"}`,
+            value: "deep",
+            description: "spawn depth"
+          }],
+          onSelect: (field) => {
+            if (field === "model") {
+              props.deps.session.listProviders().then((catalog) => {
+                openOverlay({
+                  title: `${a.name} — pick model`,
+                  items: catalog.flatMap((p) => p.models.map((m) => ({
+                    label: m,
+                    group: p.provider,
+                    value: `${p.provider}/${m}`
+                  }))),
+                  onSelect: (v) => {
+                    props.deps.session.agentSet(a.name, "model", v);
+                    push({
+                      kind: "system",
+                      text: `${a.name}: model → ${v}`
+                    });
+                    openFields(a.name);
+                  }
+                });
+              });
+            } else if (field === "thinking") {
+              openOverlay({
+                title: `${a.name} — thinking`,
+                items: ["keep", "low", "medium", "high", "xhigh", "max"].map((e) => ({
+                  label: e,
+                  value: e,
+                  description: t(`picker.effort.${e}.desc`)
+                })),
+                onSelect: (v) => {
+                  props.deps.session.agentSet(a.name, "thinking", v === "keep" ? "" : v);
+                  push({
+                    kind: "system",
+                    text: `${a.name}: thinking → ${v}`
+                  });
+                  openFields(a.name);
+                }
+              });
+            } else {
+              openOverlay({
+                title: `${a.name} — deep`,
+                items: ["0", "1", "2", "3"].map((d) => ({
+                  label: d,
+                  value: d,
+                  description: d === "0" ? "no delegation" : `depth ${d}`
+                })),
+                onSelect: (v) => {
+                  props.deps.session.agentSet(a.name, "deep", v);
+                  push({
+                    kind: "system",
+                    text: `${a.name}: deep → ${v}`
+                  });
+                  openFields(a.name);
+                }
+              });
+            }
+          }
+        });
+      };
+      const broken = agents.filter((a) => a.broken);
+      openOverlay({
+        title: `agents (${agents.length})`,
+        items: agents.map((a) => ({
+          label: a.broken ? `✗ ${a.name}` : a.displayName ?? a.name,
+          value: a.name,
+          description: [a.model ? `⚙ ${a.model}` : null, a.thinking ? `◕ ${a.thinking}` : null, a.deep ? `deep ${a.deep}` : null, a.broken ? `broken: ${a.broken}` : null].filter(Boolean).join(" · ")
+        })),
+        onSelect: (value) => {
+          const a = agents.find((x) => x.name === value);
+          if (!a || a.broken)
+            return;
+          openFields(a.name);
+        }
+      });
+    } else if (cmd === "tail") {
+      const target = parts[1] ?? "";
+      if (!target) {
+        push({
+          kind: "error",
+          text: "usage: /tail <sessionId or prefix>"
+        });
+        return;
+      }
+      setShowWelcome(false);
+      setBusy(false);
+      const err = await props.deps.session.startRemoteTail(target);
+      if (err)
+        push({
+          kind: "error",
+          text: `tail: ${err}`
+        });
+      else
+        push({
+          kind: "system",
+          text: `watching ${target.slice(0, 8)} (read-only, 2s poll) — /new stops`
+        });
     } else if (cmd === "repair") {
       for (const line of props.deps.session.repairScan())
         push({
@@ -3511,6 +4672,108 @@ function ShellHost(props) {
         kind: "system",
         text: `queued (${queueMsgs().length} waiting) — sends after the current turn`
       });
+    } else if (cmd === "session") {
+      push({
+        kind: "system",
+        text: `session: ${label()} · \uD83D\uDCAC ${msgCount()} · ⚒ ${toolCount()} · up ${turnElapsed()}s`
+      });
+      if (parts[1])
+        push({
+          kind: "system",
+          text: `rename: ${parts.slice(1).join(" ")} (needs session-title plugin)`
+        });
+    } else if (cmd === "plugins") {
+      const list = props.deps.session.listPlugins();
+      if (list.length === 0)
+        push({
+          kind: "system",
+          text: "no plugins installed"
+        });
+      else {
+        push({
+          kind: "system",
+          text: `plugins (${list.length}):`
+        });
+        for (const p of list)
+          push({
+            kind: "system",
+            text: `  ● ${p.name}@${p.version}`
+          });
+      }
+    } else if (cmd === "skills") {
+      const skills = props.deps.session.listSkills();
+      if (skills.length === 0)
+        push({
+          kind: "system",
+          text: "no skills registered"
+        });
+      else {
+        push({
+          kind: "system",
+          text: `skills (${skills.length}):`
+        });
+        for (const k of skills)
+          push({
+            kind: "system",
+            text: `  ● ${k.name} — ${k.description}`
+          });
+      }
+    } else if (cmd === "reload") {
+      const err = await props.deps.session.reloadPlugins();
+      if (err)
+        push({
+          kind: "error",
+          text: `reload failed: ${err}`
+        });
+      else
+        push({
+          kind: "system",
+          text: "plugins reloaded"
+        });
+    } else if (cmd === "settings") {
+      const descs = await props.deps.session.settingsDescribe();
+      if (descs.length === 0) {
+        push({
+          kind: "system",
+          text: "settings service unavailable"
+        });
+        return;
+      }
+      openOverlay({
+        title: `settings (${descs.length} namespaces)`,
+        items: descs.map((d) => ({
+          label: d.ns,
+          value: d.ns,
+          description: `revision ${d.revision ?? "?"}`
+        })),
+        onSelect: (ns) => {
+          const desc = descs.find((d) => d.ns === ns);
+          const value = desc?.value ?? {};
+          const keys = Object.keys(value ?? {});
+          if (keys.length === 0) {
+            push({
+              kind: "system",
+              text: `${ns}: no top-level keys`
+            });
+            return;
+          }
+          openOverlay({
+            title: `settings: ${ns}`,
+            items: keys.map((k) => ({
+              label: k,
+              value: k,
+              description: JSON.stringify(value[k]).slice(0, 70)
+            })),
+            onSelect: (key) => {
+              const cur = value[key];
+              push({
+                kind: "system",
+                text: `${ns}.${key} = ${JSON.stringify(cur)} — edit via /settings-edit ${ns} ${key} <json>`
+              });
+            }
+          });
+        }
+      });
     } else if (cmd === "config") {
       const KEYS = [{
         key: "retentionDays",
@@ -3645,6 +4908,12 @@ function ShellHost(props) {
     });
     setBusy(true);
     dock.onTurnStart();
+    setTurnElapsed(0);
+    setStreaming(false);
+    if (subagentClearTimer !== undefined) {
+      clearTimeout(subagentClearTimer);
+      subagentClearTimer = undefined;
+    }
     setLiveTps(null);
     turnStartAt = Date.now();
     streamingReply = null;
@@ -3656,6 +4925,7 @@ function ShellHost(props) {
         },
         onContentDelta: (s) => {
           dock.onContentDelta(s);
+          setStreaming(true);
           if (!streamingReply) {
             streamingReply = {
               kind: "assistant",
@@ -3676,6 +4946,7 @@ function ShellHost(props) {
             setItems((arr) => arr.map((x) => x === cur ? final : x));
           }
           setLabel(props.deps.session.label);
+          refreshExecMode();
           setUsage((v) => ({
             prompt: v.prompt + u.prompt,
             completion: v.completion + u.completion,
@@ -3691,7 +4962,11 @@ function ShellHost(props) {
             setLiveTps(Math.round(chars / 4 / sec));
         },
         onTodos: (list) => setTodos(list),
-        onSubagentUpdate: (entries) => setSubagents(entries),
+        onSubagentUpdate: (entries) => {
+          setSubagents(entries);
+          if (entries.length > 0 && entries.every((e) => e.status !== "running"))
+            scheduleSubagentClear();
+        },
         onApprove: (name, args) => {
           if (SPAWN_TOOLS.includes(name)) {
             const cap = Number(pluginConfig().maxAgents ?? 0);
@@ -3747,6 +5022,7 @@ function ShellHost(props) {
       });
     } finally {
       dock.onTurnEnd();
+      setStreaming(false);
       setApproval(null);
       approveResolve = null;
       setBusy(false);
@@ -3887,6 +5163,16 @@ function ShellHost(props) {
       dock.toggleExpand("tool");
       return;
     }
+    const modelKey = hot("model", "ctrl+l");
+    if (key.ctrl && !key.meta && key.name === modelKey.replace("ctrl+", "")) {
+      runCommand("/model");
+      return;
+    }
+    const searchKey = hot("search", "ctrl+alt+f");
+    if (key.ctrl && key.option && key.name === searchKey.replace("ctrl+alt+", "")) {
+      runCommand("/search");
+      return;
+    }
     const upKey = hot("scrollUp", "pageup");
     const dnKey = hot("scrollDown", "pagedown");
     if (key.name === upKey || upKey.startsWith("ctrl+") && key.ctrl && key.name === upKey.slice(5)) {
@@ -3921,7 +5207,7 @@ function ShellHost(props) {
     const r = route();
     const pct = contextPct();
     const segs = [{
-      text: `dsh(${execMode})`,
+      text: `dsh(${execMode()})`,
       bg: POWERLINE_COLORS.brand
     }, {
       text: r.provider,
@@ -3959,16 +5245,27 @@ function ShellHost(props) {
       segs.push(speed);
     return segs;
   };
+  const statusPhase = createMemo(() => {
+    if (!busy())
+      return null;
+    if (approval())
+      return "approve";
+    if (dock.toolActive())
+      return "tool";
+    if (streaming())
+      return "stream";
+    return "think";
+  });
   const th = () => theme();
   return (() => {
-    var _el$ = _$createElement16("box");
-    _$setProp16(_el$, "style", {
+    var _el$ = _$createElement18("box");
+    _$setProp18(_el$, "style", {
       flexDirection: "column",
       flexGrow: 1
     });
-    _$insert16(_el$, (() => {
+    _$insert18(_el$, (() => {
       var _c$ = _$memo9(() => !!showWelcome());
-      return () => _c$() ? _$createComponent15(WelcomeBanner, {
+      return () => _c$() ? _$createComponent17(WelcomeBanner, {
         get theme() {
           return th();
         },
@@ -3981,7 +5278,7 @@ function ShellHost(props) {
         get plugins() {
           return plugins();
         }
-      }) : _$createComponent15(TranscriptWindow, _$mergeProps({
+      }) : _$createComponent17(TranscriptWindow, _$mergeProps({
         get items() {
           return items();
         },
@@ -4000,26 +5297,10 @@ function ShellHost(props) {
         onLayout: (total, rows) => totalLines = total
       }));
     })(), null);
-    _$insert16(_el$, _$createComponent15(TodosWidget, {
-      get todos() {
-        return todos();
-      },
-      get theme() {
-        return th();
-      }
-    }), null);
-    _$insert16(_el$, _$createComponent15(SubagentWidget, {
-      get entries() {
-        return subagents();
-      },
-      get theme() {
-        return th();
-      }
-    }), null);
-    _$insert16(_el$, () => dock.dockView(), null);
-    _$insert16(_el$, (() => {
+    _$insert18(_el$, () => dock.dockView(), null);
+    _$insert18(_el$, (() => {
       var _c$2 = _$memo9(() => !!approval());
-      return () => _c$2() ? _$createComponent15(ApprovalCard, {
+      return () => _c$2() ? _$createComponent17(ApprovalCard, {
         get toolName() {
           return approval().name;
         },
@@ -4034,15 +5315,15 @@ function ShellHost(props) {
         }
       }) : null;
     })(), null);
-    _$insert16(_el$, (() => {
+    _$insert18(_el$, (() => {
       var _c$3 = _$memo9(() => !!stopConfirm());
       return () => _c$3() ? (() => {
-        var _el$2 = _$createElement16("box"), _el$3 = _$createElement16("text"), _el$5 = _$createElement16("text");
+        var _el$2 = _$createElement18("box"), _el$3 = _$createElement18("text"), _el$5 = _$createElement18("text");
         _$insertNode13(_el$2, _el$3);
         _$insertNode13(_el$2, _el$5);
         _$insertNode13(_el$3, _$createTextNode11(`abort this turn?`));
         _$insertNode13(_el$5, _$createTextNode11(`y aborts · n/esc resumes`));
-        _$effect16((_p$) => {
+        _$effect18((_p$) => {
           var _v$ = {
             border: true,
             borderStyle: "rounded",
@@ -4054,9 +5335,9 @@ function ShellHost(props) {
           }, _v$3 = {
             fg: th().tokens.dim
           };
-          _v$ !== _p$.e && (_p$.e = _$setProp16(_el$2, "style", _v$, _p$.e));
-          _v$2 !== _p$.t && (_p$.t = _$setProp16(_el$3, "style", _v$2, _p$.t));
-          _v$3 !== _p$.a && (_p$.a = _$setProp16(_el$5, "style", _v$3, _p$.a));
+          _v$ !== _p$.e && (_p$.e = _$setProp18(_el$2, "style", _v$, _p$.e));
+          _v$2 !== _p$.t && (_p$.t = _$setProp18(_el$3, "style", _v$2, _p$.t));
+          _v$3 !== _p$.a && (_p$.a = _$setProp18(_el$5, "style", _v$3, _p$.a));
           return _p$;
         }, {
           e: undefined,
@@ -4066,26 +5347,26 @@ function ShellHost(props) {
         return _el$2;
       })() : null;
     })(), null);
-    _$insert16(_el$, (() => {
+    _$insert18(_el$, (() => {
       var _c$4 = _$memo9(() => !!viewerId());
       return () => _c$4() ? (() => {
-        var _el$7 = _$createElement16("box"), _el$8 = _$createElement16("text");
+        var _el$7 = _$createElement18("box"), _el$8 = _$createElement18("text");
         _$insertNode13(_el$7, _el$8);
-        _$insert16(_el$8, () => `child ${viewerId().slice(0, 8)} · s steer · esc back`);
-        _$insert16(_el$7, _$createComponent15(For12, {
+        _$insert18(_el$8, () => `child ${viewerId().slice(0, 8)} · s steer · esc back`);
+        _$insert18(_el$7, _$createComponent17(For14, {
           get each() {
             return viewerLines().slice(-7);
           },
           children: (l) => (() => {
-            var _el$9 = _$createElement16("text");
-            _$insert16(_el$9, l);
-            _$effect16((_$p) => _$setProp16(_el$9, "style", {
+            var _el$9 = _$createElement18("text");
+            _$insert18(_el$9, l);
+            _$effect18((_$p) => _$setProp18(_el$9, "style", {
               fg: th().tokens.dim
             }, _$p));
             return _el$9;
           })()
         }), null);
-        _$effect16((_p$) => {
+        _$effect18((_p$) => {
           var _v$4 = {
             border: true,
             borderStyle: "rounded",
@@ -4096,8 +5377,8 @@ function ShellHost(props) {
           }, _v$5 = {
             fg: th().tokens.accent
           };
-          _v$4 !== _p$.e && (_p$.e = _$setProp16(_el$7, "style", _v$4, _p$.e));
-          _v$5 !== _p$.t && (_p$.t = _$setProp16(_el$8, "style", _v$5, _p$.t));
+          _v$4 !== _p$.e && (_p$.e = _$setProp18(_el$7, "style", _v$4, _p$.e));
+          _v$5 !== _p$.t && (_p$.t = _$setProp18(_el$8, "style", _v$5, _p$.t));
           return _p$;
         }, {
           e: undefined,
@@ -4106,15 +5387,15 @@ function ShellHost(props) {
         return _el$7;
       })() : null;
     })(), null);
-    _$insert16(_el$, (() => {
+    _$insert18(_el$, (() => {
       var _c$5 = _$memo9(() => !!steerFor());
       return () => _c$5() ? (() => {
-        var _el$0 = _$createElement16("box"), _el$1 = _$createElement16("text"), _el$11 = _$createElement16("text");
+        var _el$0 = _$createElement18("box"), _el$1 = _$createElement18("text"), _el$11 = _$createElement18("text");
         _$insertNode13(_el$0, _el$1);
         _$insertNode13(_el$0, _el$11);
         _$insertNode13(_el$1, _$createTextNode11(`⚡ steer: `));
-        _$insert16(_el$11, () => steerBuffer() || " ");
-        _$effect16((_p$) => {
+        _$insert18(_el$11, () => steerBuffer() || " ");
+        _$effect18((_p$) => {
           var _v$6 = {
             border: true,
             borderStyle: "rounded",
@@ -4126,9 +5407,9 @@ function ShellHost(props) {
           }, _v$8 = {
             fg: th().tokens.text
           };
-          _v$6 !== _p$.e && (_p$.e = _$setProp16(_el$0, "style", _v$6, _p$.e));
-          _v$7 !== _p$.t && (_p$.t = _$setProp16(_el$1, "style", _v$7, _p$.t));
-          _v$8 !== _p$.a && (_p$.a = _$setProp16(_el$11, "style", _v$8, _p$.a));
+          _v$6 !== _p$.e && (_p$.e = _$setProp18(_el$0, "style", _v$6, _p$.e));
+          _v$7 !== _p$.t && (_p$.t = _$setProp18(_el$1, "style", _v$7, _p$.t));
+          _v$8 !== _p$.a && (_p$.a = _$setProp18(_el$11, "style", _v$8, _p$.a));
           return _p$;
         }, {
           e: undefined,
@@ -4138,54 +5419,54 @@ function ShellHost(props) {
         return _el$0;
       })() : null;
     })(), null);
-    _$insert16(_el$, (() => {
+    _$insert18(_el$, (() => {
       var _c$6 = _$memo9(() => !!(btwOpen() || btwLive()));
       return () => _c$6() ? (() => {
-        var _el$12 = _$createElement16("box"), _el$13 = _$createElement16("box"), _el$14 = _$createElement16("text"), _el$16 = _$createElement16("box"), _el$17 = _$createElement16("text");
+        var _el$12 = _$createElement18("box"), _el$13 = _$createElement18("box"), _el$14 = _$createElement18("text"), _el$16 = _$createElement18("box"), _el$17 = _$createElement18("text");
         _$insertNode13(_el$12, _el$13);
         _$insertNode13(_el$13, _el$14);
         _$insertNode13(_el$13, _el$16);
         _$insertNode13(_el$13, _el$17);
-        _$setProp16(_el$13, "style", {
+        _$setProp18(_el$13, "style", {
           flexDirection: "row"
         });
         _$insertNode13(_el$14, _$createTextNode11(`btw`));
-        _$setProp16(_el$16, "style", {
+        _$setProp18(_el$16, "style", {
           flexGrow: 1
         });
         _$insertNode13(_el$17, _$createTextNode11(`/btw close`));
-        _$insert16(_el$12, _$createComponent15(For12, {
+        _$insert18(_el$12, _$createComponent17(For14, {
           get each() {
             return _$memo9(() => !!btwLive())() ? [btwLive()] : btwPairs().slice(-2);
           },
           children: (pair) => (() => {
-            var _el$19 = _$createElement16("box"), _el$20 = _$createElement16("text");
+            var _el$19 = _$createElement18("box"), _el$20 = _$createElement18("text");
             _$insertNode13(_el$19, _el$20);
-            _$setProp16(_el$19, "style", {
+            _$setProp18(_el$19, "style", {
               flexDirection: "column"
             });
-            _$insert16(_el$20, () => `Q: ${pair.q.slice(0, 90)}`);
-            _$insert16(_el$19, _$createComponent15(For12, {
+            _$insert18(_el$20, () => `Q: ${pair.q.slice(0, 90)}`);
+            _$insert18(_el$19, _$createComponent17(For14, {
               get each() {
                 return pair.a.split(`
 `).slice(0, 4);
               },
               children: (l) => (() => {
-                var _el$21 = _$createElement16("text");
-                _$insert16(_el$21, () => `A: ${l.slice(0, 100)}`);
-                _$effect16((_$p) => _$setProp16(_el$21, "style", {
+                var _el$21 = _$createElement18("text");
+                _$insert18(_el$21, () => `A: ${l.slice(0, 100)}`);
+                _$effect18((_$p) => _$setProp18(_el$21, "style", {
                   fg: th().tokens.text
                 }, _$p));
                 return _el$21;
               })()
             }), null);
-            _$effect16((_$p) => _$setProp16(_el$20, "style", {
+            _$effect18((_$p) => _$setProp18(_el$20, "style", {
               fg: th().tokens.dim
             }, _$p));
             return _el$19;
           })()
         }), null);
-        _$effect16((_p$) => {
+        _$effect18((_p$) => {
           var _v$9 = {
             border: true,
             borderStyle: "rounded",
@@ -4198,9 +5479,9 @@ function ShellHost(props) {
           }, _v$1 = {
             fg: th().tokens.dim
           };
-          _v$9 !== _p$.e && (_p$.e = _$setProp16(_el$12, "style", _v$9, _p$.e));
-          _v$0 !== _p$.t && (_p$.t = _$setProp16(_el$14, "style", _v$0, _p$.t));
-          _v$1 !== _p$.a && (_p$.a = _$setProp16(_el$17, "style", _v$1, _p$.a));
+          _v$9 !== _p$.e && (_p$.e = _$setProp18(_el$12, "style", _v$9, _p$.e));
+          _v$0 !== _p$.t && (_p$.t = _$setProp18(_el$14, "style", _v$0, _p$.t));
+          _v$1 !== _p$.a && (_p$.a = _$setProp18(_el$17, "style", _v$1, _p$.a));
           return _p$;
         }, {
           e: undefined,
@@ -4210,36 +5491,36 @@ function ShellHost(props) {
         return _el$12;
       })() : null;
     })(), null);
-    _$insert16(_el$, (() => {
+    _$insert18(_el$, (() => {
       var _c$7 = _$memo9(() => !!(queueOpen() || queueMsgs().length > 0));
       return () => _c$7() ? (() => {
-        var _el$22 = _$createElement16("box"), _el$23 = _$createElement16("box"), _el$24 = _$createElement16("text"), _el$26 = _$createElement16("box"), _el$27 = _$createElement16("text");
+        var _el$22 = _$createElement18("box"), _el$23 = _$createElement18("box"), _el$24 = _$createElement18("text"), _el$26 = _$createElement18("box"), _el$27 = _$createElement18("text");
         _$insertNode13(_el$22, _el$23);
         _$insertNode13(_el$23, _el$24);
         _$insertNode13(_el$23, _el$26);
         _$insertNode13(_el$23, _el$27);
-        _$setProp16(_el$23, "style", {
+        _$setProp18(_el$23, "style", {
           flexDirection: "row"
         });
         _$insertNode13(_el$24, _$createTextNode11(`queue`));
-        _$setProp16(_el$26, "style", {
+        _$setProp18(_el$26, "style", {
           flexGrow: 1
         });
         _$insertNode13(_el$27, _$createTextNode11(`/queue &lt;msg&gt; enqueue · bare toggle`));
-        _$insert16(_el$22, _$createComponent15(For12, {
+        _$insert18(_el$22, _$createComponent17(For14, {
           get each() {
             return queueMsgs();
           },
           children: (m, i) => (() => {
-            var _el$29 = _$createElement16("text");
-            _$insert16(_el$29, () => `${i() + 1}. ${m.slice(0, 80)}`);
-            _$effect16((_$p) => _$setProp16(_el$29, "style", {
+            var _el$29 = _$createElement18("text");
+            _$insert18(_el$29, () => `${i() + 1}. ${m.slice(0, 80)}`);
+            _$effect18((_$p) => _$setProp18(_el$29, "style", {
               fg: th().tokens.text
             }, _$p));
             return _el$29;
           })()
         }), null);
-        _$effect16((_p$) => {
+        _$effect18((_p$) => {
           var _v$10 = {
             border: true,
             borderStyle: "rounded",
@@ -4252,9 +5533,9 @@ function ShellHost(props) {
           }, _v$12 = {
             fg: th().tokens.dim
           };
-          _v$10 !== _p$.e && (_p$.e = _$setProp16(_el$22, "style", _v$10, _p$.e));
-          _v$11 !== _p$.t && (_p$.t = _$setProp16(_el$24, "style", _v$11, _p$.t));
-          _v$12 !== _p$.a && (_p$.a = _$setProp16(_el$27, "style", _v$12, _p$.a));
+          _v$10 !== _p$.e && (_p$.e = _$setProp18(_el$22, "style", _v$10, _p$.e));
+          _v$11 !== _p$.t && (_p$.t = _$setProp18(_el$24, "style", _v$11, _p$.t));
+          _v$12 !== _p$.a && (_p$.a = _$setProp18(_el$27, "style", _v$12, _p$.a));
           return _p$;
         }, {
           e: undefined,
@@ -4264,10 +5545,10 @@ function ShellHost(props) {
         return _el$22;
       })() : null;
     })(), null);
-    _$insert16(_el$, () => loginFeature.view(), null);
-    _$insert16(_el$, (() => {
+    _$insert18(_el$, () => loginFeature.view(), null);
+    _$insert18(_el$, (() => {
       var _c$8 = _$memo9(() => !!overlay());
-      return () => _c$8() ? _$createComponent15(Select, {
+      return () => _c$8() ? _$createComponent17(Select, {
         get title() {
           return overlay()?.title ?? "";
         },
@@ -4284,27 +5565,27 @@ function ShellHost(props) {
         onCancel: onOverlayCancel
       }) : null;
     })(), null);
-    _$insert16(_el$, (() => {
+    _$insert18(_el$, (() => {
       var _c$9 = _$memo9(() => !!menuVisible());
       return () => _c$9() ? (() => {
-        var _el$30 = _$createElement16("box");
-        _$insert16(_el$30, _$createComponent15(For12, {
+        var _el$30 = _$createElement18("box");
+        _$insert18(_el$30, _$createComponent17(For14, {
           get each() {
             return filteredCommands();
           },
           children: (c, i) => (() => {
-            var _el$31 = _$createElement16("text"), _el$32 = _$createTextNode11(` `);
+            var _el$31 = _$createElement18("text"), _el$32 = _$createTextNode11(` `);
             _$insertNode13(_el$31, _el$32);
-            _$insert16(_el$31, () => i() === clampedSel() ? "› " : "  ", _el$32);
-            _$insert16(_el$31, () => c.name, _el$32);
-            _$insert16(_el$31, () => c.desc, null);
-            _$effect16((_$p) => _$setProp16(_el$31, "style", {
+            _$insert18(_el$31, () => i() === clampedSel() ? "› " : "  ", _el$32);
+            _$insert18(_el$31, () => c.name, _el$32);
+            _$insert18(_el$31, () => c.desc, null);
+            _$effect18((_$p) => _$setProp18(_el$31, "style", {
               fg: i() === clampedSel() ? th().tokens.accent : undefined
             }, _$p));
             return _el$31;
           })()
         }));
-        _$effect16((_$p) => _$setProp16(_el$30, "style", {
+        _$effect18((_$p) => _$setProp18(_el$30, "style", {
           border: true,
           borderColor: th().tokens.border,
           flexDirection: "column",
@@ -4313,7 +5594,23 @@ function ShellHost(props) {
         return _el$30;
       })() : null;
     })(), null);
-    _$insert16(_el$, _$createComponent15(InputLine, {
+    _$insert18(_el$, _$createComponent17(StatusBar, {
+      get theme() {
+        return th();
+      },
+      get phase() {
+        return statusPhase();
+      },
+      elapsed: turnElapsed,
+      detail: () => dock.runningToolName() ?? "",
+      get verbs() {
+        return pluginConfig().statusVerbs;
+      },
+      get width() {
+        return termCols();
+      }
+    }), null);
+    _$insert18(_el$, _$createComponent17(InputLine, {
       get focused() {
         return !(approval() || overlay() || loginFeature.panelOpen() || viewerId() !== null);
       },
@@ -4352,15 +5649,31 @@ function ShellHost(props) {
         return setValueText();
       }
     }), null);
-    _$insert16(_el$, (() => {
+    _$insert18(_el$, _$createComponent17(TodosWidget, {
+      get todos() {
+        return todos();
+      },
+      get theme() {
+        return th();
+      }
+    }), null);
+    _$insert18(_el$, _$createComponent17(SubagentWidget, {
+      get entries() {
+        return subagents();
+      },
+      get theme() {
+        return th();
+      }
+    }), null);
+    _$insert18(_el$, (() => {
       var _c$0 = _$memo9(() => !!hintsVisible());
-      return () => _c$0() ? _$createComponent15(FooterHints, {
+      return () => _c$0() ? _$createComponent17(FooterHints, {
         get theme() {
           return th();
         }
       }) : null;
     })(), null);
-    _$insert16(_el$, _$createComponent15(PowerlineFooter, {
+    _$insert18(_el$, _$createComponent17(PowerlineFooter, {
       get left() {
         return powerlineSegments();
       },
@@ -4525,6 +5838,7 @@ class HostSession {
   resumeSession(id) {
     this.newSession();
     this.#resumeId = id;
+    return "ok";
   }
   async storedTranscript(id, skip = 0) {
     const persistence = this.#ctx.get?.("sessionPersistence");
@@ -4769,6 +6083,136 @@ ${snapshot.join(`
     const st = this.#ctx.get?.("settings");
     return st ? { describe: () => st.describe(), mutate: (ns, ops, rev) => st.mutate(ns, ops, rev) } : undefined;
   }
+  listAgents() {
+    const out = [];
+    try {
+      const home = process.env.DSH_HOME || join(process.env.HOME || "", ".dsh");
+      const dir = join(home, "agents");
+      if (!existsSync(dir))
+        return [];
+      for (const f of readdirSync(dir)) {
+        if (!f.endsWith(".md"))
+          continue;
+        const full = join(dir, f);
+        try {
+          const text = readFileSync(full, "utf8");
+          const m = /^---\n([\s\S]*?)\n---/.exec(text);
+          const fm = {};
+          if (m) {
+            for (const line of m[1].split(`
+`)) {
+              const kv = /^([a-zA-Z_]+):\s*(.*)$/.exec(line.trim());
+              if (kv)
+                fm[kv[1]] = kv[2].replace(/^"|"$|'"$/g, "").trim();
+            }
+          }
+          out.push({
+            name: fm.name ?? f.replace(/\.md$/, ""),
+            displayName: fm.display_name,
+            description: fm.description,
+            model: fm.model,
+            thinking: fm.thinking,
+            deep: fm.deep,
+            file: full
+          });
+        } catch (e) {
+          out.push({ name: f, file: full, broken: String(e instanceof Error ? e.message : e).slice(0, 100) });
+        }
+      }
+    } catch {}
+    return out;
+  }
+  agentSet(name, field, value) {
+    const home = process.env.DSH_HOME || join(process.env.HOME || "", ".dsh");
+    const file = join(home, "agents", `${name}.md`);
+    const text = readFileSync(file, "utf8");
+    const lineRe = new RegExp(`^(${field}):\\s*.*$`, "m");
+    let next;
+    if (lineRe.test(text)) {
+      next = text.replace(lineRe, `$1: ${value}`);
+    } else if (/^---\\n[\\s\\S]*?\\n---/.test(text)) {
+      next = text.replace(/^---\n/, `---
+${field}: ${value}
+`);
+    } else {
+      next = `---
+${field}: ${value}
+---
+
+` + text;
+    }
+    writeFileSync(file, next);
+  }
+  remoteTailActive = false;
+  remoteTailSink = null;
+  async startRemoteTail(sessionId) {
+    try {
+      const home = process.env.DSH_HOME || join(process.env.HOME || "", ".dsh");
+      const root = join(home, "sessions");
+      let file;
+      for (let depth = 0;depth < 4 && !file; depth++) {}
+      const walk = (dir, depth) => {
+        if (depth > 3)
+          return;
+        for (const name of readdirSync(dir)) {
+          const full = join(dir, name);
+          if (statSync(full).isDirectory()) {
+            const found = walk(full, depth + 1);
+            if (found)
+              return found;
+          } else if (name.includes(sessionId) && name.endsWith(".zstd")) {
+            return full;
+          }
+        }
+        return;
+      };
+      file = walk(root, 0);
+      if (!file)
+        return "log file not found for this session";
+      this.remoteTailActive = true;
+      const poll = async () => {
+        if (!this.remoteTailActive)
+          return;
+        try {
+          const r = await new Promise((res) => {
+            const { execFile } = __require("node:child_process");
+            execFile("zstd", ["-dc", file], { maxBuffer: 1 << 30 }, (error, stdout) => res({ error, stdout }));
+          });
+          if (r.error)
+            return;
+          const rows = [];
+          for (const line of r.stdout.split(`
+`)) {
+            if (!line.trim())
+              continue;
+            try {
+              const ev = JSON.parse(line);
+              const type = ev.type ?? "";
+              if (!["user/message", "assistant/message", "tool/call", "tool/result"].includes(type))
+                continue;
+              const text = type === "assistant/message" ? (ev.data?.message?.content ?? []).filter((b) => b?.type === "text").map((b) => b.text).join(`
+`) : type === "user/message" ? (ev.data?.content ?? []).filter((b) => b?.type === "text").map((b) => b.text).join(`
+`) : `${ev.data?.name ?? "tool"}`;
+              if (text.trim())
+                rows.push({ kind: type === "user/message" ? "user" : "assistant", text: `${type === "tool/call" || type === "tool/result" ? "⚙ " : ""}${text}` });
+            } catch {}
+          }
+          if (rows.length > 0 && this.remoteTailSink) {
+            this.remoteTailSink(rows.map((r2) => ({ kind: r2.kind, text: r2.text, final: true })));
+          }
+        } catch {}
+        if (this.remoteTailActive)
+          setTimeout(poll, 2000);
+      };
+      poll();
+      return;
+    } catch (e) {
+      return String(e instanceof Error ? e.message : e).slice(0, 150);
+    }
+  }
+  stopRemoteTail() {
+    this.remoteTailActive = false;
+  }
   async searchSessions(query) {
     try {
       const q = this.#ctx.get?.("sessionQuery");
@@ -4783,6 +6227,23 @@ ${snapshot.join(`
       return [];
     }
   }
+  async settingsDescribe() {
+    try {
+      const st = this.#ctx.get?.("settings");
+      if (!st?.describe)
+        return [];
+      const out = await st.describe();
+      return (Array.isArray(out) ? out : []).map((e) => ({ ns: String(e?.ns ?? ""), revision: e?.revision, value: e?.value }));
+    } catch {
+      return [];
+    }
+  }
+  async settingsMutate(ns, ops, revision) {
+    const st = this.#ctx.get?.("settings");
+    if (!st?.mutate)
+      throw new Error("settings service unavailable");
+    await st.mutate(ns, ops, revision);
+  }
   configPath(name = "config.json") {
     let dir = new URL(".", import.meta.url).pathname;
     for (let i = 0;i < 8; i++) {
@@ -4873,6 +6334,32 @@ ${snapshot.join(`
     }
     return out;
   }
+  listSkills() {
+    try {
+      const reg = this.#ctx.get?.("skills");
+      if (!reg?.list)
+        return [];
+      const list = reg.list() ?? [];
+      return list.map((x) => ({
+        name: String(x?.name ?? ""),
+        description: String(x?.description ?? "").slice(0, 90),
+        invocation: String(x?.invocation ?? "")
+      })).filter((x) => x.name);
+    } catch {
+      return [];
+    }
+  }
+  async reloadPlugins() {
+    try {
+      const loader = this.#ctx.get?.("loader");
+      if (!loader)
+        return "loader service unavailable";
+      await loader.reload?.(new URL("../dist-host/index.js", import.meta.url).href);
+      return;
+    } catch (e) {
+      return String(e instanceof Error ? e.message : e).slice(0, 200);
+    }
+  }
   listPlugins() {
     try {
       const root = new URL("../../../../package.json", import.meta.url).pathname;
@@ -4893,7 +6380,15 @@ ${snapshot.join(`
     }
   }
   executionMode() {
-    return this.listPlugins().some((p) => /ptc|codemode/i.test(p.name)) ? "ptc" : "native";
+    try {
+      const tools = this.#ctx.get?.("tools");
+      if (typeof tools?.schemas !== "function")
+        return "native";
+      const schemas = tools.schemas(this.#handle?.agent) ?? [];
+      return schemas.some((schema) => schema?.name === "run_code") ? "ptc" : "native";
+    } catch {
+      return "native";
+    }
   }
   usageSummary() {
     const fmt = (n) => n >= 1000 ? `${(n / 1000).toFixed(1)}k` : `${n}`;
@@ -5105,6 +6600,7 @@ ${snapshot.join(`
     const cb = this.#cb;
     if (!cb?.onSubagentUpdate)
       return;
+    const clamp = (v) => v && v.length > 240 ? v.slice(-240) : v;
     cb.onSubagentUpdate([...this.#children.entries()].map(([id, v]) => ({
       id,
       label: v.label,
@@ -5113,7 +6609,7 @@ ${snapshot.join(`
       rounds: v.rounds,
       ...v.tokens !== undefined ? { tokens: v.tokens } : {},
       elapsed: Math.max(0, Math.floor((Date.now() - v.startedAt) / 1000)),
-      ...v.lastLine ? { lastLine: v.lastLine } : {}
+      ...v.lastLine ? { lastLine: clamp(v.lastLine) } : {}
     })));
   }
   historyTurns() {
@@ -5260,6 +6756,13 @@ ${snapshot.join(`
   #wire() {
     const ctx = this.#ctx;
     ctx.on("agent/assistant-stream", ({ agent, frame }) => {
+      if (frame.type === "chunk" && frame.chunk?.type === "text-delta" && frame.chunk.text && agent.id !== this.#agentId) {
+        const view = this.#children.get(agent.id);
+        if (view && view.status === "running") {
+          this.#children.set(agent.id, { ...view, lastLine: (view.lastLine ?? "") + frame.chunk.text });
+          this.#emitChildren();
+        }
+      }
       if (this.#agentId === undefined || agent.id !== this.#agentId)
         return;
       const cb = this.#cb;
@@ -5432,7 +6935,7 @@ function apply(ctx, config) {
   mountEngine({}).then(({
     renderer
   }) => {
-    render(() => _$createComponent16(ShellHost, {
+    render(() => _$createComponent18(ShellHost, {
       get deps() {
         return {
           store,