whale-code 6.5.5 → 6.5.6

package/dist/cli/chat/SubagentPanel.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { c as _c } from "react/compiler-runtime";
 /**
  * SubagentPanel — Claude Code-style tree rendering for subagents
  *
@@ -7,104 +7,644 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  * Uses ├──, └──, │ tree characters matching Claude Code's style.
  * Text-first rendering — minimal Box usage for reliable terminal output.
  */
-import React from "react";
+
+import React, { useState, useEffect } from "react";
 import { Box, Text } from "ink";
-import Spinner from "ink-spinner";
+import { SpinnerSlot } from "../shared/SpinnerSlot.js";
 import { shortenPath, getDisplayName } from "./ToolIndicator.js";
 import { colors } from "../shared/Theme.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+function useElapsed(startTime) {
+  const $ = _c(5);
+  let t0;
+  if ($[0] !== startTime) {
+    t0 = () => Math.floor((Date.now() - startTime) / 1000);
+    $[0] = startTime;
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
+  const [elapsed, setElapsed] = useState(t0);
+  let t1;
+  let t2;
+  if ($[2] !== startTime) {
+    t1 = () => {
+      const id = setInterval(() => setElapsed(Math.floor((Date.now() - startTime) / 1000)), 1000);
+      return () => clearInterval(id);
+    };
+    t2 = [startTime];
+    $[2] = startTime;
+    $[3] = t1;
+    $[4] = t2;
+  } else {
+    t1 = $[3];
+    t2 = $[4];
+  }
+  useEffect(t1, t2);
+  return elapsed;
+}
+
+// ============================================================================
+// TYPES
+// ============================================================================
+
 // ============================================================================
 // HELPERS
 // ============================================================================
+
 function formatTokens(n) {
-    if (n < 1000)
-        return String(n);
-    if (n < 10000)
-        return `${(n / 1000).toFixed(1)}k`;
-    return `${Math.round(n / 1000)}k`;
+  if (n < 1000) return String(n);
+  if (n < 10000) return `${(n / 1000).toFixed(1)}k`;
+  return `${Math.round(n / 1000)}k`;
 }
 function toolContext(name, input) {
-    if (!input)
-        return "";
-    if (name === "read_file" || name === "write_file" || name === "edit_file" || name === "list_directory") {
-        return input.path ? shortenPath(String(input.path)) : "";
-    }
-    if (name === "glob")
-        return input.pattern ? String(input.pattern) : "";
-    if (name === "grep") {
-        const parts = [input.pattern, input.path ? shortenPath(String(input.path)) : null].filter(Boolean);
-        return parts.join(" in ");
-    }
-    if (name === "search_files" || name === "search_content") {
-        return [input.pattern || input.query, input.path ? shortenPath(String(input.path)) : null].filter(Boolean).join(" in ");
-    }
-    if (name === "run_command") {
-        const cmd = String(input.command || "");
-        return cmd.length > 40 ? cmd.slice(0, 37) + "..." : cmd;
-    }
-    if (name === "web_fetch")
-        return input.url ? String(input.url).slice(0, 40) : "";
-    return "";
+  if (!input) return "";
+  if (name === "read_file" || name === "write_file" || name === "edit_file" || name === "list_directory") {
+    return input.path ? shortenPath(String(input.path)) : "";
+  }
+  if (name === "glob") return input.pattern ? String(input.pattern) : "";
+  if (name === "grep") {
+    const parts = [input.pattern, input.path ? shortenPath(String(input.path)) : null].filter(Boolean);
+    return parts.join(" in ");
+  }
+  if (name === "search_files" || name === "search_content") {
+    return [input.pattern || input.query, input.path ? shortenPath(String(input.path)) : null].filter(Boolean).join(" in ");
+  }
+  if (name === "run_command") {
+    const cmd = String(input.command || "");
+    return cmd.length > 40 ? cmd.slice(0, 37) + "..." : cmd;
+  }
+  if (name === "web_fetch") return input.url ? String(input.url).slice(0, 40) : "";
+  return "";
 }
 const AGENT_TYPE_LABELS = {
-    explore: "Explore",
-    plan: "Plan",
-    "general-purpose": "Agent",
-    research: "Research",
+  explore: "Explore",
+  plan: "Plan",
+  "general-purpose": "Agent",
+  research: "Research"
 };
-const MAX_VISIBLE_TOOLS = 6;
+const MAX_VISIBLE_TOOLS = 4;
+
 // ============================================================================
 // RUNNING AGENT TREE
 // ============================================================================
-function RunningAgentTree({ agent, isLast, isOnly }) {
-    const label = AGENT_TYPE_LABELS[agent.type] || agent.type;
-    const desc = agent.description || "";
-    const running = agent.tools.filter(t => t.status === "running");
-    const completed = agent.tools.filter(t => t.status !== "running");
+
+function RunningAgentTree(t0) {
+  const $ = _c(49);
+  const {
+    agent,
+    isLast,
+    isOnly
+  } = t0;
+  const label = AGENT_TYPE_LABELS[agent.type] || agent.type;
+  const desc = agent.description || "";
+  const elapsed = useElapsed(agent.startTime);
+  let T0;
+  let childPrefix;
+  let isThinking;
+  let t1;
+  let t2;
+  let t3;
+  let t4;
+  if ($[0] !== agent.message || $[1] !== agent.tools || $[2] !== agent.turn || $[3] !== desc || $[4] !== elapsed || $[5] !== isLast || $[6] !== isOnly || $[7] !== label) {
+    const running = agent.tools.filter(_temp);
+    const completed = agent.tools.filter(_temp2);
     const maxCompleted = MAX_VISIBLE_TOOLS - running.length;
     const hiddenCount = Math.max(0, completed.length - maxCompleted);
     const visibleCompleted = completed.slice(hiddenCount);
     const visibleTools = [...visibleCompleted, ...running];
-    const isThinking = agent.tools.length === 0 || (agent.tools.every(t => t.status !== "running") && agent.message.includes("calling API"));
-    const childPrefix = isOnly ? "    " : (isLast ? "    " : "│   ");
-    return (_jsxs(Box, { flexDirection: "column", children: [_jsxs(Text, { children: [!isOnly ? _jsx(Text, { color: colors.tertiary, children: isLast ? "└── " : "├── " }) : null, _jsx(Text, { color: colors.brand, children: _jsx(Spinner, { type: "dots" }) }), _jsxs(Text, { color: colors.text, bold: true, children: [" ", label] }), desc ? _jsxs(Text, { color: colors.tertiary, children: [" ", desc] }) : null, agent.turn > 0 ? _jsxs(Text, { color: colors.tertiary, children: [" \u00B7 Turn ", agent.turn] }) : null] }), hiddenCount > 0 && (_jsxs(Text, { color: colors.tertiary, children: [childPrefix, "\u2502   ... +", hiddenCount, " earlier"] })), visibleTools.map((tool, i) => {
-                const isLastTool = i === visibleTools.length - 1 && !isThinking;
-                const toolBranch = isLastTool ? "└── " : "├── ";
-                const ctx = toolContext(tool.name, tool.input);
-                return (_jsxs(Text, { children: [_jsxs(Text, { color: colors.tertiary, children: [childPrefix, toolBranch] }), tool.status === "running" ? (_jsx(Text, { color: colors.brand, children: _jsx(Spinner, { type: "dots" }) })) : tool.status === "success" ? (_jsx(Text, { color: colors.success, children: "\u2713" })) : (_jsx(Text, { color: colors.error, children: "\u2715" })), _jsxs(Text, { bold: true, children: [" ", getDisplayName(tool.name)] }), ctx ? _jsxs(Text, { color: colors.tertiary, children: ["  ", ctx] }) : null] }, `${tool.name}-${i}`));
-            }), isThinking && (_jsxs(Text, { children: [_jsxs(Text, { color: colors.tertiary, children: [childPrefix, "\u2514\u2500\u2500 "] }), _jsx(Text, { color: colors.brand, children: _jsx(Spinner, { type: "dots" }) }), _jsx(Text, { color: colors.tertiary, children: " thinking..." })] }))] }));
+    let t5;
+    if ($[15] !== agent.message || $[16] !== agent.tools) {
+      t5 = agent.tools.length === 0 || agent.tools.every(_temp3) && agent.message.includes("calling API");
+      $[15] = agent.message;
+      $[16] = agent.tools;
+      $[17] = t5;
+    } else {
+      t5 = $[17];
+    }
+    isThinking = t5;
+    childPrefix = isOnly ? "    " : isLast ? "    " : "\u2502   ";
+    T0 = Box;
+    t1 = "column";
+    let t6;
+    if ($[18] !== isLast || $[19] !== isOnly) {
+      t6 = !isOnly ? /*#__PURE__*/_jsx(Text, {
+        color: colors.tertiary,
+        children: isLast ? "\u2514\u2500\u2500 " : "\u251C\u2500\u2500 "
+      }) : null;
+      $[18] = isLast;
+      $[19] = isOnly;
+      $[20] = t6;
+    } else {
+      t6 = $[20];
+    }
+    let t7;
+    if ($[21] === Symbol.for("react.memo_cache_sentinel")) {
+      t7 = /*#__PURE__*/_jsx(Text, {
+        color: colors.brand,
+        children: /*#__PURE__*/_jsx(SpinnerSlot, {})
+      });
+      $[21] = t7;
+    } else {
+      t7 = $[21];
+    }
+    let t8;
+    if ($[22] !== label) {
+      t8 = /*#__PURE__*/_jsxs(Text, {
+        color: colors.text,
+        bold: true,
+        children: [" ", label]
+      });
+      $[22] = label;
+      $[23] = t8;
+    } else {
+      t8 = $[23];
+    }
+    let t9;
+    if ($[24] !== desc) {
+      t9 = desc ? /*#__PURE__*/_jsxs(Text, {
+        color: colors.tertiary,
+        children: [" ", desc]
+      }) : null;
+      $[24] = desc;
+      $[25] = t9;
+    } else {
+      t9 = $[25];
+    }
+    let t10;
+    if ($[26] !== agent.turn) {
+      t10 = agent.turn > 0 ? /*#__PURE__*/_jsxs(Text, {
+        color: colors.tertiary,
+        children: [" \xB7 Turn ", agent.turn]
+      }) : null;
+      $[26] = agent.turn;
+      $[27] = t10;
+    } else {
+      t10 = $[27];
+    }
+    let t11;
+    if ($[28] !== elapsed) {
+      t11 = elapsed > 0 ? /*#__PURE__*/_jsxs(Text, {
+        color: colors.tertiary,
+        children: [" \xB7 ", elapsed, "s"]
+      }) : null;
+      $[28] = elapsed;
+      $[29] = t11;
+    } else {
+      t11 = $[29];
+    }
+    if ($[30] !== t10 || $[31] !== t11 || $[32] !== t6 || $[33] !== t8 || $[34] !== t9) {
+      t2 = /*#__PURE__*/_jsxs(Text, {
+        children: [t6, t7, t8, t9, t10, t11]
+      });
+      $[30] = t10;
+      $[31] = t11;
+      $[32] = t6;
+      $[33] = t8;
+      $[34] = t9;
+      $[35] = t2;
+    } else {
+      t2 = $[35];
+    }
+    if ($[36] !== childPrefix || $[37] !== hiddenCount) {
+      t3 = hiddenCount > 0 && /*#__PURE__*/_jsxs(Text, {
+        color: colors.tertiary,
+        children: [childPrefix, "\u2502   ... +", hiddenCount, " earlier"]
+      });
+      $[36] = childPrefix;
+      $[37] = hiddenCount;
+      $[38] = t3;
+    } else {
+      t3 = $[38];
+    }
+    t4 = visibleTools.map((tool, i) => {
+      const isLastTool = i === visibleTools.length - 1 && !isThinking;
+      const toolBranch = isLastTool ? "\u2514\u2500\u2500 " : "\u251C\u2500\u2500 ";
+      const ctx = toolContext(tool.name, tool.input);
+      return /*#__PURE__*/_jsxs(Text, {
+        children: [/*#__PURE__*/_jsxs(Text, {
+          color: colors.tertiary,
+          children: [childPrefix, toolBranch]
+        }), tool.status === "running" ? /*#__PURE__*/_jsx(Text, {
+          color: colors.brand,
+          children: /*#__PURE__*/_jsx(SpinnerSlot, {})
+        }) : tool.status === "success" ? /*#__PURE__*/_jsx(Text, {
+          color: colors.success,
+          children: "\u2713"
+        }) : /*#__PURE__*/_jsx(Text, {
+          color: colors.error,
+          children: "\u2715"
+        }), /*#__PURE__*/_jsxs(Text, {
+          bold: true,
+          children: [" ", getDisplayName(tool.name)]
+        }), ctx ? /*#__PURE__*/_jsxs(Text, {
+          color: colors.tertiary,
+          children: ["  ", ctx]
+        }) : null]
+      }, `${tool.name}-${i}`);
+    });
+    $[0] = agent.message;
+    $[1] = agent.tools;
+    $[2] = agent.turn;
+    $[3] = desc;
+    $[4] = elapsed;
+    $[5] = isLast;
+    $[6] = isOnly;
+    $[7] = label;
+    $[8] = T0;
+    $[9] = childPrefix;
+    $[10] = isThinking;
+    $[11] = t1;
+    $[12] = t2;
+    $[13] = t3;
+    $[14] = t4;
+  } else {
+    T0 = $[8];
+    childPrefix = $[9];
+    isThinking = $[10];
+    t1 = $[11];
+    t2 = $[12];
+    t3 = $[13];
+    t4 = $[14];
+  }
+  let t5;
+  if ($[39] !== childPrefix || $[40] !== isThinking) {
+    t5 = isThinking && /*#__PURE__*/_jsxs(Text, {
+      children: [/*#__PURE__*/_jsxs(Text, {
+        color: colors.tertiary,
+        children: [childPrefix, "\u2514\u2500\u2500 "]
+      }), /*#__PURE__*/_jsx(Text, {
+        color: colors.brand,
+        children: /*#__PURE__*/_jsx(SpinnerSlot, {})
+      }), /*#__PURE__*/_jsx(Text, {
+        color: colors.tertiary,
+        children: " thinking..."
+      })]
+    });
+    $[39] = childPrefix;
+    $[40] = isThinking;
+    $[41] = t5;
+  } else {
+    t5 = $[41];
+  }
+  let t6;
+  if ($[42] !== T0 || $[43] !== t1 || $[44] !== t2 || $[45] !== t3 || $[46] !== t4 || $[47] !== t5) {
+    t6 = /*#__PURE__*/_jsxs(T0, {
+      flexDirection: t1,
+      children: [t2, t3, t4, t5]
+    });
+    $[42] = T0;
+    $[43] = t1;
+    $[44] = t2;
+    $[45] = t3;
+    $[46] = t4;
+    $[47] = t5;
+    $[48] = t6;
+  } else {
+    t6 = $[48];
+  }
+  return t6;
 }
+
 // ============================================================================
 // COMPLETED SUMMARY TREE
 // ============================================================================
-export function CompletedSubagentTree({ agents }) {
-    if (agents.length === 0)
-        return null;
+function _temp3(t_1) {
+  return t_1.status !== "running";
+}
+function _temp2(t_0) {
+  return t_0.status !== "running";
+}
+function _temp(t) {
+  return t.status === "running";
+}
+export function CompletedSubagentTree(t0) {
+  const $ = _c(12);
+  const {
+    agents
+  } = t0;
+  if (agents.length === 0) {
+    return null;
+  }
+  let t1;
+  if ($[0] !== agents) {
     const typeCounts = new Map();
     for (const a of agents) {
-        const label = AGENT_TYPE_LABELS[a.type] || a.type;
-        typeCounts.set(label, (typeCounts.get(label) || 0) + 1);
+      const label = AGENT_TYPE_LABELS[a.type] || a.type;
+      typeCounts.set(label, (typeCounts.get(label) || 0) + 1);
     }
-    const typeStr = Array.from(typeCounts.entries())
-        .map(([label, count]) => `${count} ${label} agent${count > 1 ? "s" : ""}`)
-        .join(", ");
-    return (_jsxs(Box, { flexDirection: "column", marginLeft: 2, children: [_jsxs(Text, { children: [_jsx(Text, { color: colors.success, children: "\u25CF" }), _jsxs(Text, { color: colors.text, bold: true, children: [" ", typeStr, " finished"] })] }), agents.map((agent, i) => {
-                const isLast = i === agents.length - 1;
-                const branch = isLast ? "└── " : "├── ";
-                const childPrefix = isLast ? "    " : "│   ";
-                const label = AGENT_TYPE_LABELS[agent.type] || agent.type;
-                const totalTokens = agent.tokens.input + agent.tokens.output;
-                return (_jsxs(React.Fragment, { children: [_jsxs(Text, { children: [_jsx(Text, { color: colors.tertiary, children: branch }), _jsxs(Text, { color: colors.text, children: [label, " ", agent.description] }), _jsxs(Text, { color: colors.tertiary, children: [" \u00B7 ", agent.toolCount, " tool use", agent.toolCount !== 1 ? "s" : "", " \u00B7 ", formatTokens(totalTokens), " tokens"] })] }), _jsxs(Text, { children: [_jsx(Text, { color: colors.tertiary, children: childPrefix }), agent.success ? (_jsx(Text, { color: colors.success, children: "Done" })) : (_jsx(Text, { color: colors.error, children: "Failed" }))] })] }, agent.id));
-            })] }));
+    t1 = Array.from(typeCounts.entries()).map(_temp4);
+    $[0] = agents;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const typeStr = t1.join(", ");
+  let t2;
+  if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+    t2 = /*#__PURE__*/_jsx(Text, {
+      color: colors.success,
+      children: "\u25CF"
+    });
+    $[2] = t2;
+  } else {
+    t2 = $[2];
+  }
+  let t3;
+  if ($[3] !== typeStr) {
+    t3 = /*#__PURE__*/_jsxs(Text, {
+      children: [t2, /*#__PURE__*/_jsxs(Text, {
+        color: colors.text,
+        bold: true,
+        children: [" ", typeStr, " finished"]
+      })]
+    });
+    $[3] = typeStr;
+    $[4] = t3;
+  } else {
+    t3 = $[4];
+  }
+  let t4;
+  if ($[5] !== agents) {
+    let t5;
+    if ($[7] !== agents.length) {
+      t5 = (agent, i) => {
+        const isLast = i === agents.length - 1;
+        const branch = isLast ? "\u2514\u2500\u2500 " : "\u251C\u2500\u2500 ";
+        const childPrefix = isLast ? "    " : "\u2502   ";
+        const label_1 = AGENT_TYPE_LABELS[agent.type] || agent.type;
+        const totalTokens = agent.tokens.input + agent.tokens.output;
+        return /*#__PURE__*/_jsxs(React.Fragment, {
+          children: [/*#__PURE__*/_jsxs(Text, {
+            children: [/*#__PURE__*/_jsx(Text, {
+              color: colors.tertiary,
+              children: branch
+            }), /*#__PURE__*/_jsxs(Text, {
+              color: colors.text,
+              children: [label_1, " ", agent.description]
+            }), /*#__PURE__*/_jsxs(Text, {
+              color: colors.tertiary,
+              children: [" \xB7 ", agent.toolCount, " tool use", agent.toolCount !== 1 ? "s" : "", " \xB7 ", formatTokens(totalTokens), " tokens"]
+            })]
+          }), /*#__PURE__*/_jsxs(Text, {
+            children: [/*#__PURE__*/_jsx(Text, {
+              color: colors.tertiary,
+              children: childPrefix
+            }), agent.success ? /*#__PURE__*/_jsx(Text, {
+              color: colors.success,
+              children: "Done"
+            }) : /*#__PURE__*/_jsx(Text, {
+              color: colors.error,
+              children: "Failed"
+            })]
+          })]
+        }, agent.id);
+      };
+      $[7] = agents.length;
+      $[8] = t5;
+    } else {
+      t5 = $[8];
+    }
+    t4 = agents.map(t5);
+    $[5] = agents;
+    $[6] = t4;
+  } else {
+    t4 = $[6];
+  }
+  let t5;
+  if ($[9] !== t3 || $[10] !== t4) {
+    t5 = /*#__PURE__*/_jsxs(Box, {
+      flexDirection: "column",
+      marginLeft: 2,
+      children: [t3, t4]
+    });
+    $[9] = t3;
+    $[10] = t4;
+    $[11] = t5;
+  } else {
+    t5 = $[11];
+  }
+  return t5;
 }
+
 // ============================================================================
 // MAIN PANEL
 // ============================================================================
-export const SubagentPanel = React.memo(function SubagentPanel({ running, completed }) {
-    const hasRunning = running.size > 0;
-    const hasCompleted = completed.length > 0;
-    if (!hasRunning && !hasCompleted)
-        return null;
-    const runningEntries = Array.from(running.entries());
-    const isOnlyOne = runningEntries.length === 1 && !hasCompleted;
-    return (_jsxs(Box, { flexDirection: "column", children: [hasRunning && runningEntries.map(([id, agent], i) => (_jsx(RunningAgentTree, { agent: agent, isLast: i === runningEntries.length - 1, isOnly: isOnlyOne }, id))), hasCompleted && _jsx(CompletedSubagentTree, { agents: completed })] }));
-});
+
+/**
+ * Compact single-line summary for parallel agents — keeps dynamic area height stable.
+ * Only shown when 2+ agents run simultaneously.
+ */
+function _temp4(t0) {
+  const [label_0, count] = t0;
+  return `${count} ${label_0} agent${count > 1 ? "s" : ""}`;
+}
+function CompactAgentLine(t0) {
+  const $ = _c(23);
+  const {
+    agent,
+    prefix
+  } = t0;
+  const label = AGENT_TYPE_LABELS[agent.type] || agent.type;
+  const elapsed = useElapsed(agent.startTime);
+  let done;
+  let t1;
+  if ($[0] !== agent.tools) {
+    const running = agent.tools.filter(_temp5);
+    done = agent.tools.filter(_temp6).length;
+    t1 = running.length > 0 ? running.map(_temp7).join(", ") : "thinking\u2026";
+    $[0] = agent.tools;
+    $[1] = done;
+    $[2] = t1;
+  } else {
+    done = $[1];
+    t1 = $[2];
+  }
+  const status = t1;
+  let t2;
+  if ($[3] !== prefix) {
+    t2 = /*#__PURE__*/_jsx(Text, {
+      color: colors.tertiary,
+      children: prefix
+    });
+    $[3] = prefix;
+    $[4] = t2;
+  } else {
+    t2 = $[4];
+  }
+  let t3;
+  if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
+    t3 = /*#__PURE__*/_jsx(Text, {
+      color: colors.brand,
+      children: /*#__PURE__*/_jsx(SpinnerSlot, {})
+    });
+    $[5] = t3;
+  } else {
+    t3 = $[5];
+  }
+  let t4;
+  if ($[6] !== label) {
+    t4 = /*#__PURE__*/_jsxs(Text, {
+      color: colors.text,
+      bold: true,
+      children: [" ", label]
+    });
+    $[6] = label;
+    $[7] = t4;
+  } else {
+    t4 = $[7];
+  }
+  let t5;
+  if ($[8] !== agent.description) {
+    t5 = agent.description ? /*#__PURE__*/_jsxs(Text, {
+      color: colors.tertiary,
+      children: [" ", agent.description]
+    }) : null;
+    $[8] = agent.description;
+    $[9] = t5;
+  } else {
+    t5 = $[9];
+  }
+  let t6;
+  if ($[10] !== status) {
+    t6 = /*#__PURE__*/_jsxs(Text, {
+      color: colors.dim,
+      children: [" \u2014 ", status]
+    });
+    $[10] = status;
+    $[11] = t6;
+  } else {
+    t6 = $[11];
+  }
+  let t7;
+  if ($[12] !== done) {
+    t7 = done > 0 ? /*#__PURE__*/_jsxs(Text, {
+      color: colors.tertiary,
+      children: [" \xB7 ", done, " done"]
+    }) : null;
+    $[12] = done;
+    $[13] = t7;
+  } else {
+    t7 = $[13];
+  }
+  let t8;
+  if ($[14] !== elapsed) {
+    t8 = elapsed > 0 ? /*#__PURE__*/_jsxs(Text, {
+      color: colors.tertiary,
+      children: [" \xB7 ", elapsed, "s"]
+    }) : null;
+    $[14] = elapsed;
+    $[15] = t8;
+  } else {
+    t8 = $[15];
+  }
+  let t9;
+  if ($[16] !== t2 || $[17] !== t4 || $[18] !== t5 || $[19] !== t6 || $[20] !== t7 || $[21] !== t8) {
+    t9 = /*#__PURE__*/_jsxs(Text, {
+      children: [t2, t3, t4, t5, t6, t7, t8]
+    });
+    $[16] = t2;
+    $[17] = t4;
+    $[18] = t5;
+    $[19] = t6;
+    $[20] = t7;
+    $[21] = t8;
+    $[22] = t9;
+  } else {
+    t9 = $[22];
+  }
+  return t9;
+}
+function _temp7(t_1) {
+  return getDisplayName(t_1.name);
+}
+function _temp6(t_0) {
+  return t_0.status !== "running";
+}
+function _temp5(t) {
+  return t.status === "running";
+}
+export function SubagentPanel(t0) {
+  const $ = _c(19);
+  const {
+    running,
+    completed
+  } = t0;
+  const hasRunning = running.size > 0;
+  const hasCompleted = completed.length > 0;
+  if (!hasRunning && !hasCompleted) {
+    return null;
+  }
+  let t1;
+  if ($[0] !== running) {
+    t1 = Array.from(running.entries());
+    $[0] = running;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const runningEntries = t1;
+  const isOnlyOne = runningEntries.length === 1 && !hasCompleted;
+  const isParallel = runningEntries.length > 1;
+  let t2;
+  if ($[2] !== hasCompleted || $[3] !== hasRunning || $[4] !== isParallel || $[5] !== runningEntries) {
+    t2 = hasRunning && isParallel && runningEntries.map((t3, i) => {
+      const [id, agent] = t3;
+      return /*#__PURE__*/_jsx(CompactAgentLine, {
+        agent: agent,
+        prefix: i === runningEntries.length - 1 && !hasCompleted ? "\u2514\u2500\u2500 " : "\u251C\u2500\u2500 "
+      }, id);
+    });
+    $[2] = hasCompleted;
+    $[3] = hasRunning;
+    $[4] = isParallel;
+    $[5] = runningEntries;
+    $[6] = t2;
+  } else {
+    t2 = $[6];
+  }
+  let t3;
+  if ($[7] !== hasRunning || $[8] !== isOnlyOne || $[9] !== isParallel || $[10] !== runningEntries) {
+    t3 = hasRunning && !isParallel && runningEntries.map((t4, i_0) => {
+      const [id_0, agent_0] = t4;
+      return /*#__PURE__*/_jsx(RunningAgentTree, {
+        agent: agent_0,
+        isLast: i_0 === runningEntries.length - 1,
+        isOnly: isOnlyOne
+      }, id_0);
+    });
+    $[7] = hasRunning;
+    $[8] = isOnlyOne;
+    $[9] = isParallel;
+    $[10] = runningEntries;
+    $[11] = t3;
+  } else {
+    t3 = $[11];
+  }
+  let t4;
+  if ($[12] !== completed || $[13] !== hasCompleted) {
+    t4 = hasCompleted && /*#__PURE__*/_jsx(CompletedSubagentTree, {
+      agents: completed
+    });
+    $[12] = completed;
+    $[13] = hasCompleted;
+    $[14] = t4;
+  } else {
+    t4 = $[14];
+  }
+  let t5;
+  if ($[15] !== t2 || $[16] !== t3 || $[17] !== t4) {
+    t5 = /*#__PURE__*/_jsxs(Box, {
+      flexDirection: "column",
+      children: [t2, t3, t4]
+    });
+    $[15] = t2;
+    $[16] = t3;
+    $[17] = t4;
+    $[18] = t5;
+  } else {
+    t5 = $[18];
+  }
+  return t5;
+}
+//# sourceMappingURL=SubagentPanel.js.map