@yeshwanthyk/coding-agent 0.3.13 → 0.3.14

package/dist/tui-open-rendering.js

@@ -1,4 +1,11 @@
-import { jsx as _jsx, jsxs as _jsxs } from "@opentui/solid/jsx-runtime";
+import { createComponent as _$createComponent } from "@opentui/solid";
+import { createTextNode as _$createTextNode } from "@opentui/solid";
+import { insertNode as _$insertNode } from "@opentui/solid";
+import { memo as _$memo } from "@opentui/solid";
+import { effect as _$effect } from "@opentui/solid";
+import { insert as _$insert } from "@opentui/solid";
+import { setProp as _$setProp } from "@opentui/solid";
+import { createElement as _$createElement } from "@opentui/solid";
 /**
  * OpenTUI-native rendering components for tool output.
  */
@@ -11,401 +18,767 @@ import { getAgentDelegationArgs, getAgentDelegationUi } from "./tool-ui-contract
 export { getToolText, getEditDiffText };
 // Design tokens - minimal symbols
 const symbols = {
-    running: "·",
-    complete: "▸",
-    expanded: "▾",
-    error: "✕",
+  running: "·",
+  complete: "▸",
+  expanded: "▾",
+  error: "✕"
 };
 export const shortenPath = (p, maxLen = 40) => {
-    const home = process.env.HOME || process.env.USERPROFILE || "";
-    let shortened = p;
-    // Replace home with ~
-    if (home && shortened.startsWith(home)) {
-        shortened = "~" + shortened.slice(home.length);
-    }
-    // If still long, show .../{parent}/{file}
-    const parts = shortened.split("/");
-    if (parts.length > 3) {
-        shortened = "…/" + parts.slice(-2).join("/");
-    }
-    // Final truncation if still too long
-    if (shortened.length > maxLen) {
-        shortened = "…" + shortened.slice(-(maxLen - 1));
-    }
-    return shortened;
+  const home = process.env.HOME || process.env.USERPROFILE || "";
+  let shortened = p;
+  // Replace home with ~
+  if (home && shortened.startsWith(home)) {
+    shortened = "~" + shortened.slice(home.length);
+  }
+  // If still long, show .../{parent}/{file}
+  const parts = shortened.split("/");
+  if (parts.length > 3) {
+    shortened = "…/" + parts.slice(-2).join("/");
+  }
+  // Final truncation if still too long
+  if (shortened.length > maxLen) {
+    shortened = "…" + shortened.slice(-(maxLen - 1));
+  }
+  return shortened;
 };
 // Simple diff preview with manual line coloring (tree-sitter lacks diff grammar)
 const diffAddedColor = parseColor("#98c379");
 const diffRemovedColor = parseColor("#e06c75");
 const diffHunkColor = parseColor("#61afef");
 function DiffPreview(props) {
-    const { theme } = useTheme();
-    const coloredLines = () => props.text.split("\n").map((line) => {
-        let fg = theme.text;
-        if (line.startsWith("+") && !line.startsWith("+++"))
-            fg = diffAddedColor;
-        else if (line.startsWith("-") && !line.startsWith("---"))
-            fg = diffRemovedColor;
-        else if (line.startsWith("@@"))
-            fg = diffHunkColor;
-        return { line, fg };
-    });
-    return (_jsx("box", { flexDirection: "column", backgroundColor: theme.backgroundElement, paddingLeft: 1, paddingRight: 1, children: coloredLines().map(({ line, fg }) => (_jsx("text", { fg: fg, children: line }))) }));
+  const {
+    theme
+  } = useTheme();
+  const coloredLines = () => props.text.split("\n").map(line => {
+    let fg = theme.text;
+    if (line.startsWith("+") && !line.startsWith("+++")) fg = diffAddedColor;else if (line.startsWith("-") && !line.startsWith("---")) fg = diffRemovedColor;else if (line.startsWith("@@")) fg = diffHunkColor;
+    return {
+      line,
+      fg
+    };
+  });
+  return (() => {
+    var _el$ = _$createElement("box");
+    _$setProp(_el$, "flexDirection", "column");
+    _$setProp(_el$, "paddingLeft", 1);
+    _$setProp(_el$, "paddingRight", 1);
+    _$insert(_el$, () => coloredLines().map(({
+      line,
+      fg
+    }) => (() => {
+      var _el$2 = _$createElement("text");
+      _$setProp(_el$2, "fg", fg);
+      _$insert(_el$2, line);
+      return _el$2;
+    })()));
+    _$effect(_$p => _$setProp(_el$, "backgroundColor", theme.backgroundElement, _$p));
+    return _el$;
+  })();
 }
 const delegationOkColor = diffAddedColor;
 function firstLine(s) {
-    return s.split("\n")[0] || "";
+  return s.split("\n")[0] || "";
 }
 function truncate(s, max) {
-    if (s.length <= max)
-        return s;
-    return s.slice(0, Math.max(0, max - 1)) + "…";
+  if (s.length <= max) return s;
+  return s.slice(0, Math.max(0, max - 1)) + "…";
 }
 function delegationSymbol(status) {
-    switch (status) {
-        case "running":
-            return "◌";
-        case "pending":
-            return "○";
-        case "ok":
-            return "✓";
-        case "error":
-            return "✕";
-        default:
-            return "·";
-    }
+  switch (status) {
+    case "running":
+      return "◌";
+    case "pending":
+      return "○";
+    case "ok":
+      return "✓";
+    case "error":
+      return "✕";
+    default:
+      return "·";
+  }
 }
 function delegationColor(theme, status) {
-    if (status === "error")
-        return theme.error;
-    if (status === "ok")
-        return delegationOkColor;
-    if (status === "running")
-        return theme.accent;
-    return theme.textMuted;
+  if (status === "error") return theme.error;
+  if (status === "ok") return delegationOkColor;
+  if (status === "running") return theme.accent;
+  return theme.textMuted;
 }
 function formatDelegationSuffix(ui) {
-    const ok = ui.items.filter((i) => i.status === "ok").length;
-    const err = ui.items.filter((i) => i.status === "error").length;
-    const total = ui.items.length;
-    if (err > 0)
-        return `${ok} ok · ${err} err / ${total}`;
-    return `${ok} ok / ${total}`;
+  const ok = ui.items.filter(i => i.status === "ok").length;
+  const err = ui.items.filter(i => i.status === "error").length;
+  const total = ui.items.length;
+  if (err > 0) return `${ok} ok · ${err} err / ${total}`;
+  return `${ok} ok / ${total}`;
 }
 function AgentDelegationView(props) {
-    const { theme } = useTheme();
-    const maxItems = () => props.expanded ? 50 : 8;
-    const rows = () => {
-        if (props.ui) {
-            return props.ui.items.slice(0, maxItems()).map((item) => ({
-                id: item.id,
-                agent: item.agent,
-                task: item.task,
-                status: item.status,
-                preview: item.preview,
-                active: props.ui?.activeId === item.id,
-            }));
-        }
-        if (props.args?.chain?.length) {
-            return props.args.chain.slice(0, maxItems()).map((item, idx) => ({
-                id: String(idx + 1),
-                agent: item.agent,
-                task: item.task,
-                status: "unknown",
-                preview: undefined,
-                active: false,
-            }));
-        }
-        if (props.args?.tasks?.length) {
-            return props.args.tasks.slice(0, maxItems()).map((item, idx) => ({
-                id: String(idx + 1),
-                agent: item.agent,
-                task: item.task,
-                status: "unknown",
-                preview: undefined,
-                active: false,
-            }));
-        }
-        if (props.args?.agent && props.args?.task) {
-            return [{
-                    id: "1",
-                    agent: props.args.agent,
-                    task: props.args.task,
-                    status: "unknown",
-                    preview: undefined,
-                    active: false,
-                }];
+  const {
+    theme
+  } = useTheme();
+  const maxItems = () => props.expanded ? 50 : 8;
+  const rows = () => {
+    if (props.ui) {
+      return props.ui.items.slice(0, maxItems()).map(item => ({
+        id: item.id,
+        agent: item.agent,
+        task: item.task,
+        status: item.status,
+        preview: item.preview,
+        active: props.ui?.activeId === item.id
+      }));
+    }
+    if (props.args?.chain?.length) {
+      return props.args.chain.slice(0, maxItems()).map((item, idx) => ({
+        id: String(idx + 1),
+        agent: item.agent,
+        task: item.task,
+        status: "unknown",
+        preview: undefined,
+        active: false
+      }));
+    }
+    if (props.args?.tasks?.length) {
+      return props.args.tasks.slice(0, maxItems()).map((item, idx) => ({
+        id: String(idx + 1),
+        agent: item.agent,
+        task: item.task,
+        status: "unknown",
+        preview: undefined,
+        active: false
+      }));
+    }
+    if (props.args?.agent && props.args?.task) {
+      return [{
+        id: "1",
+        agent: props.args.agent,
+        task: props.args.task,
+        status: "unknown",
+        preview: undefined,
+        active: false
+      }];
+    }
+    return [];
+  };
+  return (() => {
+    var _el$3 = _$createElement("box");
+    _$setProp(_el$3, "flexDirection", "column");
+    _$setProp(_el$3, "paddingLeft", 1);
+    _$setProp(_el$3, "paddingRight", 1);
+    _$insert(_el$3, () => rows().map(row => (() => {
+      var _el$9 = _$createElement("box"),
+        _el$0 = _$createElement("box"),
+        _el$1 = _$createElement("text"),
+        _el$10 = _$createElement("text"),
+        _el$11 = _$createElement("text");
+      _$insertNode(_el$9, _el$0);
+      _$setProp(_el$9, "flexDirection", "column");
+      _$setProp(_el$9, "gap", 0);
+      _$insertNode(_el$0, _el$1);
+      _$insertNode(_el$0, _el$10);
+      _$insertNode(_el$0, _el$11);
+      _$setProp(_el$0, "flexDirection", "row");
+      _$setProp(_el$0, "gap", 1);
+      _$setProp(_el$1, "selectable", false);
+      _$insert(_el$1, () => delegationSymbol(row.status));
+      _$insert(_el$10, () => truncate(row.agent, 24));
+      _$insert(_el$11, () => truncate(firstLine(row.task), 80));
+      _$insert(_el$9, _$createComponent(Show, {
+        get when() {
+          return _$memo(() => !!props.expanded)() && row.preview;
+        },
+        get children() {
+          var _el$12 = _$createElement("box"),
+            _el$13 = _$createElement("text");
+          _$insertNode(_el$12, _el$13);
+          _$setProp(_el$12, "paddingLeft", 2);
+          _$insert(_el$13, () => truncate(firstLine(String(row.preview)), 120));
+          _$effect(_$p => _$setProp(_el$13, "fg", theme.textMuted, _$p));
+          return _el$12;
         }
-        return [];
-    };
-    return (_jsxs("box", { flexDirection: "column", backgroundColor: theme.backgroundElement, paddingLeft: 1, paddingRight: 1, children: [rows().map((row) => (_jsxs("box", { flexDirection: "column", gap: 0, children: [_jsxs("box", { flexDirection: "row", gap: 1, children: [_jsx("text", { selectable: false, fg: delegationColor(theme, row.status), children: delegationSymbol(row.status) }), _jsx("text", { fg: row.active ? theme.accent : theme.text, children: truncate(row.agent, 24) }), _jsx("text", { fg: theme.textMuted, children: truncate(firstLine(row.task), 80) })] }), _jsx(Show, { when: props.expanded && row.preview, children: _jsx("box", { paddingLeft: 2, children: _jsx("text", { fg: theme.textMuted, children: truncate(firstLine(String(row.preview)), 120) }) }) })] }))), _jsx(Show, { when: props.ui && props.ui.items.length > maxItems(), children: _jsxs("text", { fg: theme.textMuted, children: ["\u2026 ", props.ui.items.length - maxItems(), " more \u2026"] }) }), _jsx(Show, { when: !props.ui && ((props.args?.chain?.length ?? 0) > maxItems() || (props.args?.tasks?.length ?? 0) > maxItems()), children: _jsx("text", { fg: theme.textMuted, children: "\u2026 more \u2026" }) })] }));
+      }), null);
+      _$effect(_p$ => {
+        var _v$ = delegationColor(theme, row.status),
+          _v$2 = row.active ? theme.accent : theme.text,
+          _v$3 = theme.textMuted;
+        _v$ !== _p$.e && (_p$.e = _$setProp(_el$1, "fg", _v$, _p$.e));
+        _v$2 !== _p$.t && (_p$.t = _$setProp(_el$10, "fg", _v$2, _p$.t));
+        _v$3 !== _p$.a && (_p$.a = _$setProp(_el$11, "fg", _v$3, _p$.a));
+        return _p$;
+      }, {
+        e: undefined,
+        t: undefined,
+        a: undefined
+      });
+      return _el$9;
+    })()), null);
+    _$insert(_el$3, _$createComponent(Show, {
+      get when() {
+        return _$memo(() => !!props.ui)() && props.ui.items.length > maxItems();
+      },
+      get children() {
+        var _el$4 = _$createElement("text"),
+          _el$5 = _$createTextNode(`… `),
+          _el$6 = _$createTextNode(` more …`);
+        _$insertNode(_el$4, _el$5);
+        _$insertNode(_el$4, _el$6);
+        _$insert(_el$4, () => props.ui.items.length - maxItems(), _el$6);
+        _$effect(_$p => _$setProp(_el$4, "fg", theme.textMuted, _$p));
+        return _el$4;
+      }
+    }), null);
+    _$insert(_el$3, _$createComponent(Show, {
+      get when() {
+        return _$memo(() => !!!props.ui)() && ((props.args?.chain?.length ?? 0) > maxItems() || (props.args?.tasks?.length ?? 0) > maxItems());
+      },
+      get children() {
+        var _el$7 = _$createElement("text");
+        _$insertNode(_el$7, _$createTextNode(`… more …`));
+        _$effect(_$p => _$setProp(_el$7, "fg", theme.textMuted, _$p));
+        return _el$7;
+      }
+    }), null);
+    _$effect(_$p => _$setProp(_el$3, "backgroundColor", theme.backgroundElement, _$p));
+    return _el$3;
+  })();
 }
 function truncateHeadTail(text, headCount, tailCount) {
-    const lines = replaceTabs(text).split("\n");
-    if (lines.length <= headCount + tailCount) {
-        return { text: lines.join("\n"), truncated: false, omitted: 0 };
-    }
-    const head = lines.slice(0, headCount);
-    const tail = lines.slice(-tailCount);
+  const lines = replaceTabs(text).split("\n");
+  if (lines.length <= headCount + tailCount) {
     return {
-        text: [...head, "", `… ${lines.length - (headCount + tailCount)} lines omitted …`, "", ...tail].join("\n"),
-        truncated: true,
-        omitted: lines.length - (headCount + tailCount),
+      text: lines.join("\n"),
+      truncated: false,
+      omitted: 0
     };
+  }
+  const head = lines.slice(0, headCount);
+  const tail = lines.slice(-tailCount);
+  return {
+    text: [...head, "", `… ${lines.length - (headCount + tailCount)} lines omitted …`, "", ...tail].join("\n"),
+    truncated: true,
+    omitted: lines.length - (headCount + tailCount)
+  };
 }
 function truncateLines(text, maxLines) {
-    const lines = replaceTabs(text).split("\n");
-    if (lines.length <= maxLines)
-        return { text: lines.join("\n"), truncated: false, omitted: 0 };
-    return {
-        text: [...lines.slice(0, maxLines), `… ${lines.length - maxLines} more lines …`].join("\n"),
-        truncated: true,
-        omitted: lines.length - maxLines,
-    };
+  const lines = replaceTabs(text).split("\n");
+  if (lines.length <= maxLines) return {
+    text: lines.join("\n"),
+    truncated: false,
+    omitted: 0
+  };
+  return {
+    text: [...lines.slice(0, maxLines), `… ${lines.length - maxLines} more lines …`].join("\n"),
+    truncated: true,
+    omitted: lines.length - maxLines
+  };
 }
 /** Extract +/- line counts from unified diff */
 function getDiffStats(diffText) {
-    let added = 0;
-    let removed = 0;
-    for (const line of diffText.split("\n")) {
-        if (line.startsWith("+") && !line.startsWith("+++"))
-            added++;
-        else if (line.startsWith("-") && !line.startsWith("---"))
-            removed++;
-    }
-    return { added, removed };
+  let added = 0;
+  let removed = 0;
+  for (const line of diffText.split("\n")) {
+    if (line.startsWith("+") && !line.startsWith("+++")) added++;else if (line.startsWith("-") && !line.startsWith("---")) removed++;
+  }
+  return {
+    added,
+    removed
+  };
 }
 function getDiffStartLine(diffText) {
-    const match = diffText.match(/^@@ -\d+(?:,\d+)? \+(\d+)(?:,\d+)? @@/m);
-    if (!match)
-        return undefined;
-    const line = Number.parseInt(match[1], 10);
-    if (!Number.isFinite(line) || line <= 0)
-        return undefined;
-    return line;
+  const match = diffText.match(/^@@ -\d+(?:,\d+)? \+(\d+)(?:,\d+)? @@/m);
+  if (!match) return undefined;
+  const line = Number.parseInt(match[1], 10);
+  if (!Number.isFinite(line) || line <= 0) return undefined;
+  return line;
 }
 function toolTitle(name, args) {
-    switch (name) {
-        case "bash": {
-            // Prefer description if available
-            if (args?.description)
-                return truncate(String(args.description), 50);
-            const cmd = String(args?.command || "…");
-            return truncate(cmd.split("\n")[0] || "…", 40);
-        }
-        case "read":
-            return shortenPath(String(args?.path || args?.file_path || "…"), 35);
-        case "write":
-            return shortenPath(String(args?.path || args?.file_path || "…"), 35);
-        case "edit":
-            return shortenPath(String(args?.path || args?.file_path || "…"), 35);
-        // ask_user_question removed - use interview custom tool
-        default: {
-            const delegation = getAgentDelegationArgs(args);
-            if (delegation?.chain?.length)
-                return `chain ${delegation.chain.length}`;
-            if (delegation?.tasks?.length)
-                return `${delegation.tasks.length} tasks`;
-            if (delegation?.agent)
-                return truncate(delegation.agent, 30);
-            return "";
-        }
-    }
+  switch (name) {
+    case "bash":
+      {
+        // Prefer description if available
+        if (args?.description) return truncate(String(args.description), 50);
+        const cmd = String(args?.command || "…");
+        return truncate(cmd.split("\n")[0] || "…", 40);
+      }
+    case "read":
+      return shortenPath(String(args?.path || args?.file_path || "…"), 35);
+    case "write":
+      return shortenPath(String(args?.path || args?.file_path || "…"), 35);
+    case "edit":
+      return shortenPath(String(args?.path || args?.file_path || "…"), 35);
+    // ask_user_question removed - use interview custom tool
+    default:
+      {
+        const delegation = getAgentDelegationArgs(args);
+        if (delegation?.chain?.length) return `chain ${delegation.chain.length}`;
+        if (delegation?.tasks?.length) return `${delegation.tasks.length} tasks`;
+        if (delegation?.agent) return truncate(delegation.agent, 30);
+        return "";
+      }
+  }
 }
 export function Thinking(props) {
-    const { theme } = useTheme();
-    return (_jsxs("text", { selectable: false, fg: theme.textMuted, attributes: TextAttributes.ITALIC, children: ["thinking ", props.summary] }));
+  const {
+    theme
+  } = useTheme();
+  return (() => {
+    var _el$14 = _$createElement("text"),
+      _el$15 = _$createTextNode(`thinking `);
+    _$insertNode(_el$14, _el$15);
+    _$setProp(_el$14, "selectable", false);
+    _$insert(_el$14, () => props.summary, null);
+    _$effect(_p$ => {
+      var _v$4 = theme.textMuted,
+        _v$5 = TextAttributes.ITALIC;
+      _v$4 !== _p$.e && (_p$.e = _$setProp(_el$14, "fg", _v$4, _p$.e));
+      _v$5 !== _p$.t && (_p$.t = _$setProp(_el$14, "attributes", _v$5, _p$.t));
+      return _p$;
+    }, {
+      e: undefined,
+      t: undefined
+    });
+    return _el$14;
+  })();
 }
 function defaultHeader(ctx) {
-    const title = toolTitle(ctx.name, ctx.args);
-    const delegationUi = getAgentDelegationUi(ctx.result?.details);
-    const suffix = delegationUi ? formatDelegationSuffix(delegationUi) : undefined;
-    return _jsx(ToolHeader, { label: ctx.name, detail: title, suffix: suffix, isComplete: ctx.isComplete, isError: ctx.isError, expanded: ctx.expanded });
+  const title = toolTitle(ctx.name, ctx.args);
+  const delegationUi = getAgentDelegationUi(ctx.result?.details);
+  const suffix = delegationUi ? formatDelegationSuffix(delegationUi) : undefined;
+  return _$createComponent(ToolHeader, {
+    get label() {
+      return ctx.name;
+    },
+    detail: title,
+    suffix: suffix,
+    get isComplete() {
+      return ctx.isComplete;
+    },
+    get isError() {
+      return ctx.isError;
+    },
+    get expanded() {
+      return ctx.expanded;
+    }
+  });
 }
 function ToolHeader(props) {
-    const { theme } = useTheme();
-    const symbol = () => {
-        if (!props.isComplete)
-            return symbols.running;
-        if (props.isError)
-            return symbols.error;
-        if (props.expanded)
-            return symbols.expanded;
-        return symbols.complete;
-    };
-    const symbolColor = () => {
-        if (props.isError)
-            return theme.error;
-        return theme.textMuted;
-    };
-    // Tool name gets subtle accent, rest muted
-    return (_jsxs("text", { selectable: false, children: [_jsx("span", { style: { fg: symbolColor() }, children: symbol() }), _jsxs("span", { style: { fg: theme.accent }, children: [" ", props.label] }), _jsx(Show, { when: props.detail, children: _jsxs("span", { style: { fg: theme.textMuted }, children: [" ", props.detail] }) }), _jsx(Show, { when: props.suffix, children: _jsxs("span", { style: { fg: theme.textMuted }, children: [" \u00B7 ", props.suffix] }) })] }));
+  const {
+    theme
+  } = useTheme();
+  const symbol = () => {
+    if (!props.isComplete) return symbols.running;
+    if (props.isError) return symbols.error;
+    if (props.expanded) return symbols.expanded;
+    return symbols.complete;
+  };
+  const symbolColor = () => {
+    if (props.isError) return theme.error;
+    return theme.textMuted;
+  };
+  // Tool name gets subtle accent, rest muted
+  return (() => {
+    var _el$16 = _$createElement("text"),
+      _el$17 = _$createElement("span"),
+      _el$18 = _$createElement("span"),
+      _el$19 = _$createTextNode(` `);
+    _$insertNode(_el$16, _el$17);
+    _$insertNode(_el$16, _el$18);
+    _$setProp(_el$16, "selectable", false);
+    _$insert(_el$17, symbol);
+    _$insertNode(_el$18, _el$19);
+    _$insert(_el$18, () => props.label, null);
+    _$insert(_el$16, _$createComponent(Show, {
+      get when() {
+        return props.detail;
+      },
+      get children() {
+        var _el$20 = _$createElement("span"),
+          _el$21 = _$createTextNode(` `);
+        _$insertNode(_el$20, _el$21);
+        _$insert(_el$20, () => props.detail, null);
+        _$effect(_$p => _$setProp(_el$20, "style", {
+          fg: theme.textMuted
+        }, _$p));
+        return _el$20;
+      }
+    }), null);
+    _$insert(_el$16, _$createComponent(Show, {
+      get when() {
+        return props.suffix;
+      },
+      get children() {
+        var _el$22 = _$createElement("span"),
+          _el$23 = _$createTextNode(` · `);
+        _$insertNode(_el$22, _el$23);
+        _$insert(_el$22, () => props.suffix, null);
+        _$effect(_$p => _$setProp(_el$22, "style", {
+          fg: theme.textMuted
+        }, _$p));
+        return _el$22;
+      }
+    }), null);
+    _$effect(_p$ => {
+      var _v$6 = {
+          fg: symbolColor()
+        },
+        _v$7 = {
+          fg: theme.accent
+        };
+      _v$6 !== _p$.e && (_p$.e = _$setProp(_el$17, "style", _v$6, _p$.e));
+      _v$7 !== _p$.t && (_p$.t = _$setProp(_el$18, "style", _v$7, _p$.t));
+      return _p$;
+    }, {
+      e: undefined,
+      t: undefined
+    });
+    return _el$16;
+  })();
 }
 const registry = {
-    bash: {
-        // Inline when collapsed (just command), block when expanded (show output)
-        mode: (ctx) => (ctx.expanded ? "block" : "inline"),
-        renderHeader: (ctx) => {
-            // Prefer description if available, otherwise truncate command
-            let detail;
-            if (ctx.args?.description) {
-                detail = truncate(String(ctx.args.description), 60);
-            }
-            else {
-                const cmd = String(ctx.args?.command || "…").split("\n")[0] || "…";
-                detail = truncate(cmd, 50);
-            }
-            return _jsx(ToolHeader, { label: "bash", detail: detail, isComplete: ctx.isComplete, isError: ctx.isError, expanded: ctx.expanded });
+  bash: {
+    // Inline when collapsed (just command), block when expanded (show output)
+    mode: ctx => ctx.expanded ? "block" : "inline",
+    renderHeader: ctx => {
+      // Prefer description if available, otherwise truncate command
+      let detail;
+      if (ctx.args?.description) {
+        detail = truncate(String(ctx.args.description), 60);
+      } else {
+        const cmd = String(ctx.args?.command || "…").split("\n")[0] || "…";
+        detail = truncate(cmd, 50);
+      }
+      return _$createComponent(ToolHeader, {
+        label: "bash",
+        detail: detail,
+        get isComplete() {
+          return ctx.isComplete;
         },
-        renderBody: (ctx) => {
-            const { theme } = useTheme();
-            // Only show body when expanded
-            if (!ctx.expanded)
-                return null;
-            if (!ctx.output)
-                return _jsx("text", { fg: theme.textMuted, children: "no output" });
-            return _jsx(CodeBlock, { content: replaceTabs(ctx.output), filetype: "text", showLineNumbers: false, wrapMode: "none" });
+        get isError() {
+          return ctx.isError;
         },
+        get expanded() {
+          return ctx.expanded;
+        }
+      });
     },
-    read: {
-        mode: (ctx) => (ctx.expanded ? "block" : "inline"),
-        renderHeader: (ctx) => {
-            const path = shortenPath(String(ctx.args?.path || ctx.args?.file_path || "…"));
-            return _jsx(ToolHeader, { label: "read", detail: path, isComplete: ctx.isComplete, isError: ctx.isError, expanded: ctx.expanded });
+    renderBody: ctx => {
+      const {
+        theme
+      } = useTheme();
+      // Only show body when expanded
+      if (!ctx.expanded) return null;
+      if (!ctx.output) return (() => {
+        var _el$24 = _$createElement("text");
+        _$insertNode(_el$24, _$createTextNode(`no output`));
+        _$effect(_$p => _$setProp(_el$24, "fg", theme.textMuted, _$p));
+        return _el$24;
+      })();
+      return _$createComponent(CodeBlock, {
+        get content() {
+          return replaceTabs(ctx.output);
         },
-        renderBody: (ctx) => {
-            const { theme } = useTheme();
-            const imageBlocks = (ctx.result?.content ?? []).filter((block) => typeof block === "object" &&
-                block !== null &&
-                block.type === "image" &&
-                typeof block.data === "string" &&
-                typeof block.mimeType === "string");
-            if (!ctx.output && imageBlocks.length === 0)
-                return _jsx("text", { fg: theme.textMuted, children: "reading\u2026" });
-            const rendered = ctx.output ? (ctx.expanded ? replaceTabs(ctx.output) : truncateLines(ctx.output, 20).text) : "";
-            const filetype = getLanguageFromPath(String(ctx.args?.path || ctx.args?.file_path || ""));
-            const preview = rendered ? _jsx(CodeBlock, { content: rendered, filetype: filetype, title: "preview" }) : null;
-            if (imageBlocks.length === 0)
-                return preview ?? _jsx("text", { fg: theme.textMuted, children: "no preview" });
-            return (_jsxs("box", { flexDirection: "column", gap: 1, children: [preview, imageBlocks.map((img) => (_jsx(Image, { data: img.data, mimeType: img.mimeType, maxWidth: 60 })))] }));
-        },
-    },
-    write: {
-        mode: () => "block",
-        renderHeader: (ctx) => {
-            const path = shortenPath(String(ctx.args?.path || ctx.args?.file_path || "…"));
-            return _jsx(ToolHeader, { label: "write", detail: path, isComplete: ctx.isComplete, isError: ctx.isError, expanded: ctx.expanded });
+        filetype: "text",
+        showLineNumbers: false,
+        wrapMode: "none"
+      });
+    }
+  },
+  read: {
+    mode: ctx => ctx.expanded ? "block" : "inline",
+    renderHeader: ctx => {
+      const path = shortenPath(String(ctx.args?.path || ctx.args?.file_path || "…"));
+      return _$createComponent(ToolHeader, {
+        label: "read",
+        detail: path,
+        get isComplete() {
+          return ctx.isComplete;
         },
-        renderBody: (ctx) => {
-            const { theme } = useTheme();
-            const content = String(ctx.args?.content || "");
-            if (!content && !ctx.isComplete)
-                return _jsx("text", { fg: theme.textMuted, children: "writing\u2026" });
-            if (!content)
-                return _jsx("text", { fg: theme.textMuted, children: "no content" });
-            const filetype = getLanguageFromPath(String(ctx.args?.path || ctx.args?.file_path || ""));
-            const rendered = ctx.expanded ? replaceTabs(content) : truncateLines(content, 40).text;
-            return _jsx(CodeBlock, { content: rendered, filetype: filetype, title: "write" });
+        get isError() {
+          return ctx.isError;
         },
+        get expanded() {
+          return ctx.expanded;
+        }
+      });
     },
-    edit: {
-        mode: (ctx) => (ctx.expanded ? "block" : "inline"),
-        renderHeader: (ctx) => {
-            const { theme } = useTheme();
-            const path = shortenPath(String(ctx.args?.path || ctx.args?.file_path || "…"));
-            const fullPath = String(ctx.args?.path || ctx.args?.file_path || "");
-            const diffStats = ctx.editDiff ? getDiffStats(ctx.editDiff) : null;
-            const startLine = ctx.editDiff ? getDiffStartLine(ctx.editDiff) : undefined;
-            const suffix = ctx.isComplete && !ctx.isError && diffStats ? `+${diffStats.added}/-${diffStats.removed}` : undefined;
-            const showEditButton = ctx.isComplete && !ctx.isError && ctx.onEditFile && fullPath;
-            return (_jsxs("box", { flexDirection: "row", children: [_jsx(ToolHeader, { label: "edit", detail: path, suffix: suffix, isComplete: ctx.isComplete, isError: ctx.isError, expanded: ctx.expanded }), showEditButton && (_jsx("text", { fg: theme.textMuted, onMouseUp: (e) => {
-                            e.stopPropagation?.();
-                            ctx.onEditFile?.(fullPath, startLine);
-                        }, children: " [e]" }))] }));
+    renderBody: ctx => {
+      const {
+        theme
+      } = useTheme();
+      const imageBlocks = (ctx.result?.content ?? []).filter(block => typeof block === "object" && block !== null && block.type === "image" && typeof block.data === "string" && typeof block.mimeType === "string");
+      if (!ctx.output && imageBlocks.length === 0) return (() => {
+        var _el$26 = _$createElement("text");
+        _$insertNode(_el$26, _$createTextNode(`reading…`));
+        _$effect(_$p => _$setProp(_el$26, "fg", theme.textMuted, _$p));
+        return _el$26;
+      })();
+      const rendered = ctx.output ? ctx.expanded ? replaceTabs(ctx.output) : truncateLines(ctx.output, 20).text : "";
+      const filetype = getLanguageFromPath(String(ctx.args?.path || ctx.args?.file_path || ""));
+      const preview = rendered ? _$createComponent(CodeBlock, {
+        content: rendered,
+        filetype: filetype,
+        title: "preview"
+      }) : null;
+      if (imageBlocks.length === 0) return preview ?? (() => {
+        var _el$28 = _$createElement("text");
+        _$insertNode(_el$28, _$createTextNode(`no preview`));
+        _$effect(_$p => _$setProp(_el$28, "fg", theme.textMuted, _$p));
+        return _el$28;
+      })();
+      return (() => {
+        var _el$30 = _$createElement("box");
+        _$setProp(_el$30, "flexDirection", "column");
+        _$setProp(_el$30, "gap", 1);
+        _$insert(_el$30, preview, null);
+        _$insert(_el$30, () => imageBlocks.map(img => _$createComponent(Image, {
+          get data() {
+            return img.data;
+          },
+          get mimeType() {
+            return img.mimeType;
+          },
+          maxWidth: 60
+        })), null);
+        return _el$30;
+      })();
+    }
+  },
+  write: {
+    mode: () => "block",
+    renderHeader: ctx => {
+      const path = shortenPath(String(ctx.args?.path || ctx.args?.file_path || "…"));
+      return _$createComponent(ToolHeader, {
+        label: "write",
+        detail: path,
+        get isComplete() {
+          return ctx.isComplete;
         },
-        renderBody: (ctx) => {
-            const { theme } = useTheme();
-            // Only show body when expanded
-            if (!ctx.expanded)
-                return null;
-            if (ctx.editDiff) {
-                const filetype = getLanguageFromPath(String(ctx.args?.path || ctx.args?.file_path || ""));
-                const diffLines = ctx.editDiff.split("\n").length;
-                if (diffLines > 150) {
-                    const truncated = truncateHeadTail(ctx.editDiff, 60, 40);
-                    return _jsx(DiffPreview, { text: truncated.text });
-                }
-                return _jsx(Diff, { diffText: ctx.editDiff, filetype: filetype, wrapMode: ctx.diffWrapMode });
-            }
-            if (!ctx.output && !ctx.isComplete)
-                return _jsx("text", { fg: theme.textMuted, children: "editing\u2026" });
-            return _jsx("text", { fg: ctx.isError ? theme.error : theme.text, children: ctx.output ?? "" });
+        get isError() {
+          return ctx.isError;
         },
+        get expanded() {
+          return ctx.expanded;
+        }
+      });
+    },
+    renderBody: ctx => {
+      const {
+        theme
+      } = useTheme();
+      const content = String(ctx.args?.content || "");
+      if (!content && !ctx.isComplete) return (() => {
+        var _el$31 = _$createElement("text");
+        _$insertNode(_el$31, _$createTextNode(`writing…`));
+        _$effect(_$p => _$setProp(_el$31, "fg", theme.textMuted, _$p));
+        return _el$31;
+      })();
+      if (!content) return (() => {
+        var _el$33 = _$createElement("text");
+        _$insertNode(_el$33, _$createTextNode(`no content`));
+        _$effect(_$p => _$setProp(_el$33, "fg", theme.textMuted, _$p));
+        return _el$33;
+      })();
+      const filetype = getLanguageFromPath(String(ctx.args?.path || ctx.args?.file_path || ""));
+      const rendered = ctx.expanded ? replaceTabs(content) : truncateLines(content, 40).text;
+      return _$createComponent(CodeBlock, {
+        content: rendered,
+        filetype: filetype,
+        title: "write"
+      });
+    }
+  },
+  edit: {
+    mode: ctx => ctx.expanded ? "block" : "inline",
+    renderHeader: ctx => {
+      const {
+        theme
+      } = useTheme();
+      const path = shortenPath(String(ctx.args?.path || ctx.args?.file_path || "…"));
+      const fullPath = String(ctx.args?.path || ctx.args?.file_path || "");
+      const diffStats = ctx.editDiff ? getDiffStats(ctx.editDiff) : null;
+      const startLine = ctx.editDiff ? getDiffStartLine(ctx.editDiff) : undefined;
+      const suffix = ctx.isComplete && !ctx.isError && diffStats ? `+${diffStats.added}/-${diffStats.removed}` : undefined;
+      const showEditButton = ctx.isComplete && !ctx.isError && ctx.onEditFile && fullPath;
+      return (() => {
+        var _el$35 = _$createElement("box");
+        _$setProp(_el$35, "flexDirection", "row");
+        _$insert(_el$35, _$createComponent(ToolHeader, {
+          label: "edit",
+          detail: path,
+          suffix: suffix,
+          get isComplete() {
+            return ctx.isComplete;
+          },
+          get isError() {
+            return ctx.isError;
+          },
+          get expanded() {
+            return ctx.expanded;
+          }
+        }), null);
+        _$insert(_el$35, showEditButton && (() => {
+          var _el$36 = _$createElement("text");
+          _$insertNode(_el$36, _$createTextNode(` [e]`));
+          _$setProp(_el$36, "onMouseUp", e => {
+            e.stopPropagation?.();
+            ctx.onEditFile?.(fullPath, startLine);
+          });
+          _$effect(_$p => _$setProp(_el$36, "fg", theme.textMuted, _$p));
+          return _el$36;
+        })(), null);
+        return _el$35;
+      })();
     },
+    renderBody: ctx => {
+      const {
+        theme
+      } = useTheme();
+      // Only show body when expanded
+      if (!ctx.expanded) return null;
+      if (ctx.editDiff) {
+        const filetype = getLanguageFromPath(String(ctx.args?.path || ctx.args?.file_path || ""));
+        const diffLines = ctx.editDiff.split("\n").length;
+        if (diffLines > 150) {
+          const truncated = truncateHeadTail(ctx.editDiff, 60, 40);
+          return _$createComponent(DiffPreview, {
+            get text() {
+              return truncated.text;
+            }
+          });
+        }
+        return _$createComponent(Diff, {
+          get diffText() {
+            return ctx.editDiff;
+          },
+          filetype: filetype,
+          get wrapMode() {
+            return ctx.diffWrapMode;
+          }
+        });
+      }
+      if (!ctx.output && !ctx.isComplete) return (() => {
+        var _el$38 = _$createElement("text");
+        _$insertNode(_el$38, _$createTextNode(`editing…`));
+        _$effect(_$p => _$setProp(_el$38, "fg", theme.textMuted, _$p));
+        return _el$38;
+      })();
+      return (() => {
+        var _el$40 = _$createElement("text");
+        _$insert(_el$40, () => ctx.output ?? "");
+        _$effect(_$p => _$setProp(_el$40, "fg", ctx.isError ? theme.error : theme.text, _$p));
+        return _el$40;
+      })();
+    }
+  }
 };
 export function ToolBlock(props) {
-    const { theme } = useTheme();
-    // Use a getter for expanded to maintain reactivity
-    const ctx = {
-        name: props.name,
-        args: props.args,
-        output: props.output,
-        editDiff: props.editDiff,
-        result: props.result ?? null,
-        isError: props.isError,
-        isComplete: props.isComplete,
-        get expanded() { return props.expanded ?? false; },
-        get diffWrapMode() { return props.diffWrapMode ?? "word"; },
-        onEditFile: props.onEditFile,
-    };
-    const renderer = registry[props.name] ?? {
-        mode: () => "block",
-        renderBody: (innerCtx) => {
-            const delegationUi = getAgentDelegationUi(innerCtx.result?.details);
-            const delegationArgs = getAgentDelegationArgs(innerCtx.args);
-            if (delegationUi || delegationArgs) {
-                return _jsx(AgentDelegationView, { args: delegationArgs, ui: delegationUi, expanded: innerCtx.expanded });
+  const {
+    theme
+  } = useTheme();
+  // Use a getter for expanded to maintain reactivity
+  const ctx = {
+    name: props.name,
+    args: props.args,
+    output: props.output,
+    editDiff: props.editDiff,
+    result: props.result ?? null,
+    isError: props.isError,
+    isComplete: props.isComplete,
+    get expanded() {
+      return props.expanded ?? false;
+    },
+    get diffWrapMode() {
+      return props.diffWrapMode ?? "word";
+    },
+    onEditFile: props.onEditFile
+  };
+  const renderer = registry[props.name] ?? {
+    mode: () => "block",
+    renderBody: innerCtx => {
+      const delegationUi = getAgentDelegationUi(innerCtx.result?.details);
+      const delegationArgs = getAgentDelegationArgs(innerCtx.args);
+      if (delegationUi || delegationArgs) {
+        return _$createComponent(AgentDelegationView, {
+          args: delegationArgs,
+          ui: delegationUi,
+          get expanded() {
+            return innerCtx.expanded;
+          }
+        });
+      }
+      const out = innerCtx.output ? innerCtx.output : JSON.stringify(innerCtx.args ?? {}, null, 2);
+      const rendered = innerCtx.expanded ? replaceTabs(out) : truncateLines(out, 20).text;
+      return _$createComponent(CodeBlock, {
+        content: rendered,
+        filetype: "text",
+        title: "output",
+        showLineNumbers: false
+      });
+    }
+  };
+  // Custom tool rendering: prefer tool-provided renderers, fallback to registry
+  const tryCustomRenderCall = () => {
+    if (!props.renderCall) return null;
+    try {
+      return props.renderCall(props.args, theme);
+    } catch {
+      return null; // Fallback to default on error
+    }
+  };
+  const tryCustomRenderResult = () => {
+    if (!props.renderResult || !props.result) return null;
+    try {
+      return props.renderResult(props.result, {
+        expanded: props.expanded ?? false,
+        isPartial: !props.isComplete
+      }, theme);
+    } catch {
+      return null; // Fallback to default on error
+    }
+  };
+  // Use functions to ensure reactivity
+  const mode = () => renderer.mode(ctx);
+  const header = () => tryCustomRenderCall() ?? renderer.renderHeader?.(ctx) ?? defaultHeader(ctx);
+  const body = () => tryCustomRenderResult() ?? renderer.renderBody?.(ctx);
+  return _$createComponent(Show, {
+    get when() {
+      return mode() === "inline";
+    },
+    get fallback() {
+      return (// Block layout - entire block is clickable to toggle
+        (() => {
+          var _el$42 = _$createElement("box");
+          _$setProp(_el$42, "flexDirection", "column");
+          _$setProp(_el$42, "gap", 0);
+          _$setProp(_el$42, "onMouseUp", e => {
+            if (e.isSelecting) return;
+            props.onToggleExpanded?.();
+          });
+          _$insert(_el$42, header, null);
+          _$insert(_el$42, _$createComponent(Show, {
+            get when() {
+              return body();
+            },
+            get children() {
+              var _el$43 = _$createElement("box");
+              _$setProp(_el$43, "paddingLeft", 2);
+              _$setProp(_el$43, "paddingTop", 1);
+              _$insert(_el$43, body);
+              return _el$43;
             }
-            const out = innerCtx.output ? innerCtx.output : JSON.stringify(innerCtx.args ?? {}, null, 2);
-            const rendered = innerCtx.expanded ? replaceTabs(out) : truncateLines(out, 20).text;
-            return _jsx(CodeBlock, { content: rendered, filetype: "text", title: "output", showLineNumbers: false });
-        },
-    };
-    // Custom tool rendering: prefer tool-provided renderers, fallback to registry
-    const tryCustomRenderCall = () => {
-        if (!props.renderCall)
-            return null;
-        try {
-            return props.renderCall(props.args, theme);
-        }
-        catch {
-            return null; // Fallback to default on error
-        }
-    };
-    const tryCustomRenderResult = () => {
-        if (!props.renderResult || !props.result)
-            return null;
-        try {
-            return props.renderResult(props.result, { expanded: props.expanded ?? false, isPartial: !props.isComplete }, theme);
-        }
-        catch {
-            return null; // Fallback to default on error
-        }
-    };
-    // Use functions to ensure reactivity
-    const mode = () => renderer.mode(ctx);
-    const header = () => tryCustomRenderCall() ?? renderer.renderHeader?.(ctx) ?? defaultHeader(ctx);
-    const body = () => tryCustomRenderResult() ?? renderer.renderBody?.(ctx);
-    return (_jsx(Show, { when: mode() === "inline", fallback: 
-        // Block layout - entire block is clickable to toggle
-        _jsxs("box", { flexDirection: "column", gap: 0, onMouseUp: (e) => {
-                if (e.isSelecting)
-                    return;
-                props.onToggleExpanded?.();
-            }, children: [header(), _jsx(Show, { when: body(), children: _jsx("box", { paddingLeft: 2, paddingTop: 1, children: body() }) })] }), children: _jsx("box", { flexDirection: "row", gap: 0, onMouseUp: (e) => {
-                if (e.isSelecting)
-                    return;
-                props.onToggleExpanded?.();
-            }, children: header() }) }));
-}
-//# sourceMappingURL=tui-open-rendering.js.map
+          }), null);
+          return _el$42;
+        })()
+      );
+    },
+    get children() {
+      var _el$41 = _$createElement("box");
+      _$setProp(_el$41, "flexDirection", "row");
+      _$setProp(_el$41, "gap", 0);
+      _$setProp(_el$41, "onMouseUp", e => {
+        if (e.isSelecting) return;
+        props.onToggleExpanded?.();
+      });
+      _$insert(_el$41, header);
+      return _el$41;
+    }
+  });
+}