whale-code 6.5.6 → 6.5.8

package/dist/cli/chat/SubagentPanel.js

@@ -1,650 +1,272 @@
 import { c as _c } from "react/compiler-runtime";
 /**
- * SubagentPanel — Claude Code-style tree rendering for subagents
+ * SubagentPanel — minimal live status for running subagents
  *
- * Running agents show spinner + nested tool tree.
- * Completed agents show green dot + stats summary.
- * Uses ├──, └──, │ tree characters matching Claude Code's style.
- * Text-first rendering — minimal Box usage for reliable terminal output.
+ * Running agents: one compact line each (spinner + name + current action + elapsed)
+ * Completed agents: NOT shown here — committed to chat messages by useAgentLoop.
+ *
+ * Types are exported for useAgentLoop and store consumers.
  */
 
-import React, { useState, useEffect } from "react";
+import React from "react";
 import { Box, Text } from "ink";
 import { SpinnerSlot } from "../shared/SpinnerSlot.js";
-import { shortenPath, getDisplayName } from "./ToolIndicator.js";
+import { getDisplayName } from "./tool-indicator-types.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;
-}
+import { useElapsed } from "./hooks/useElapsedClock.js";
 
 // ============================================================================
 // TYPES
 // ============================================================================
-
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 // ============================================================================
 // 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`;
-}
-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 "";
-}
 const AGENT_TYPE_LABELS = {
   explore: "Explore",
   plan: "Plan",
   "general-purpose": "Agent",
   research: "Research"
 };
-const MAX_VISIBLE_TOOLS = 4;
 
 // ============================================================================
-// RUNNING AGENT TREE
+// RUNNING AGENT LINE — one compact line per agent
 // ============================================================================
 
-function RunningAgentTree(t0) {
-  const $ = _c(49);
+function AgentLine(t0) {
+  const $ = _c(21);
   const {
-    agent,
-    isLast,
-    isOnly
+    agent
   } = 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) {
+  if ($[0] !== agent.tools) {
     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];
-    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
-// ============================================================================
-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);
-    }
-    t1 = Array.from(typeCounts.entries()).map(_temp4);
-    $[0] = agents;
+    t1 = running.length > 0 ? running.map(_temp2).join(", ") : "thinking\u2026";
+    $[0] = agent.tools;
     $[1] = t1;
   } else {
     t1 = $[1];
   }
-  const typeStr = t1.join(", ");
+  const action = t1;
   let t2;
-  if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
-    t2 = /*#__PURE__*/_jsx(Text, {
-      color: colors.success,
-      children: "\u25CF"
-    });
-    $[2] = t2;
+  if ($[2] !== agent.tools) {
+    t2 = agent.tools.filter(_temp3);
+    $[2] = agent.tools;
+    $[3] = t2;
   } else {
-    t2 = $[2];
+    t2 = $[3];
   }
+  const done = t2.length;
   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
-// ============================================================================
-
-/**
- * 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")) {
+  if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
     t3 = /*#__PURE__*/_jsx(Text, {
       color: colors.brand,
       children: /*#__PURE__*/_jsx(SpinnerSlot, {})
     });
-    $[5] = t3;
+    $[4] = t3;
   } else {
-    t3 = $[5];
+    t3 = $[4];
   }
   let t4;
-  if ($[6] !== label) {
+  if ($[5] !== label) {
     t4 = /*#__PURE__*/_jsxs(Text, {
-      color: colors.text,
       bold: true,
       children: [" ", label]
     });
-    $[6] = label;
-    $[7] = t4;
+    $[5] = label;
+    $[6] = t4;
   } else {
-    t4 = $[7];
+    t4 = $[6];
   }
   let t5;
-  if ($[8] !== agent.description) {
+  if ($[7] !== agent.description) {
     t5 = agent.description ? /*#__PURE__*/_jsxs(Text, {
       color: colors.tertiary,
       children: [" ", agent.description]
     }) : null;
-    $[8] = agent.description;
-    $[9] = t5;
+    $[7] = agent.description;
+    $[8] = t5;
   } else {
-    t5 = $[9];
+    t5 = $[8];
   }
   let t6;
-  if ($[10] !== status) {
+  if ($[9] !== action) {
     t6 = /*#__PURE__*/_jsxs(Text, {
       color: colors.dim,
-      children: [" \u2014 ", status]
+      children: [" \u2014 ", action]
     });
-    $[10] = status;
-    $[11] = t6;
+    $[9] = action;
+    $[10] = t6;
   } else {
-    t6 = $[11];
+    t6 = $[10];
   }
   let t7;
-  if ($[12] !== done) {
+  if ($[11] !== done) {
     t7 = done > 0 ? /*#__PURE__*/_jsxs(Text, {
-      color: colors.tertiary,
+      color: colors.quaternary,
       children: [" \xB7 ", done, " done"]
     }) : null;
-    $[12] = done;
-    $[13] = t7;
+    $[11] = done;
+    $[12] = t7;
   } else {
-    t7 = $[13];
+    t7 = $[12];
   }
   let t8;
-  if ($[14] !== elapsed) {
+  if ($[13] !== elapsed) {
     t8 = elapsed > 0 ? /*#__PURE__*/_jsxs(Text, {
-      color: colors.tertiary,
+      color: colors.quaternary,
       children: [" \xB7 ", elapsed, "s"]
     }) : null;
-    $[14] = elapsed;
-    $[15] = t8;
+    $[13] = elapsed;
+    $[14] = t8;
   } else {
-    t8 = $[15];
+    t8 = $[14];
   }
   let t9;
-  if ($[16] !== t2 || $[17] !== t4 || $[18] !== t5 || $[19] !== t6 || $[20] !== t7 || $[21] !== t8) {
+  if ($[15] !== t4 || $[16] !== t5 || $[17] !== t6 || $[18] !== t7 || $[19] !== t8) {
     t9 = /*#__PURE__*/_jsxs(Text, {
-      children: [t2, t3, t4, t5, t6, t7, t8]
+      wrap: "truncate",
+      children: [t3, t4, t5, t6, t7, t8]
     });
-    $[16] = t2;
-    $[17] = t4;
-    $[18] = t5;
-    $[19] = t6;
-    $[20] = t7;
-    $[21] = t8;
-    $[22] = t9;
+    $[15] = t4;
+    $[16] = t5;
+    $[17] = t6;
+    $[18] = t7;
+    $[19] = t8;
+    $[20] = t9;
   } else {
-    t9 = $[22];
+    t9 = $[20];
   }
   return t9;
 }
-function _temp7(t_1) {
-  return getDisplayName(t_1.name);
+
+// ============================================================================
+// COMPLETED SUMMARY — one-line committed to chat (used by CompletedMessage)
+// ============================================================================
+function _temp3(t_1) {
+  return t_1.status !== "running";
 }
-function _temp6(t_0) {
-  return t_0.status !== "running";
+function _temp2(t_0) {
+  return getDisplayName(t_0.name);
 }
-function _temp5(t) {
+function _temp(t) {
   return t.status === "running";
 }
-export function SubagentPanel(t0) {
-  const $ = _c(19);
+export function CompletedSubagentTree(t0) {
+  const $ = _c(13);
   const {
-    running,
-    completed
+    agents
   } = t0;
-  const hasRunning = running.size > 0;
-  const hasCompleted = completed.length > 0;
-  if (!hasRunning && !hasCompleted) {
+  if (agents.length === 0) {
     return null;
   }
   let t1;
-  if ($[0] !== running) {
-    t1 = Array.from(running.entries());
-    $[0] = running;
+  if ($[0] !== agents) {
+    t1 = agents.filter(_temp4);
+    $[0] = agents;
     $[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);
+  const succeeded = t1.length;
+  const failed = agents.length - succeeded;
+  const t2 = failed > 0 ? colors.warning : colors.success;
+  let t3;
+  if ($[2] !== t2) {
+    t3 = /*#__PURE__*/_jsx(Text, {
+      color: t2,
+      children: "\u25CF"
     });
-    $[2] = hasCompleted;
-    $[3] = hasRunning;
-    $[4] = isParallel;
-    $[5] = runningEntries;
-    $[6] = t2;
+    $[2] = t2;
+    $[3] = t3;
   } else {
-    t2 = $[6];
+    t3 = $[3];
   }
-  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);
+  const t4 = agents.length !== 1 ? "s" : "";
+  let t5;
+  if ($[4] !== agents.length || $[5] !== t4) {
+    t5 = /*#__PURE__*/_jsxs(Text, {
+      bold: true,
+      children: [" ", agents.length, " agent", t4, " completed"]
     });
-    $[7] = hasRunning;
-    $[8] = isOnlyOne;
-    $[9] = isParallel;
-    $[10] = runningEntries;
-    $[11] = t3;
+    $[4] = agents.length;
+    $[5] = t4;
+    $[6] = t5;
   } else {
-    t3 = $[11];
+    t5 = $[6];
   }
-  let t4;
-  if ($[12] !== completed || $[13] !== hasCompleted) {
-    t4 = hasCompleted && /*#__PURE__*/_jsx(CompletedSubagentTree, {
-      agents: completed
+  let t6;
+  if ($[7] !== failed) {
+    t6 = failed > 0 ? /*#__PURE__*/_jsxs(Text, {
+      color: colors.error,
+      children: [" (", failed, " failed)"]
+    }) : null;
+    $[7] = failed;
+    $[8] = t6;
+  } else {
+    t6 = $[8];
+  }
+  let t7;
+  if ($[9] !== t3 || $[10] !== t5 || $[11] !== t6) {
+    t7 = /*#__PURE__*/_jsx(Box, {
+      marginLeft: 2,
+      children: /*#__PURE__*/_jsxs(Text, {
+        children: [t3, t5, t6]
+      })
     });
-    $[12] = completed;
-    $[13] = hasCompleted;
-    $[14] = t4;
+    $[9] = t3;
+    $[10] = t5;
+    $[11] = t6;
+    $[12] = t7;
   } else {
-    t4 = $[14];
+    t7 = $[12];
   }
-  let t5;
-  if ($[15] !== t2 || $[16] !== t3 || $[17] !== t4) {
-    t5 = /*#__PURE__*/_jsxs(Box, {
+  return t7;
+}
+
+// ============================================================================
+// MAIN PANEL — live area only shows running agents
+// ============================================================================
+function _temp4(a) {
+  return a.success;
+}
+export function SubagentPanel(t0) {
+  const $ = _c(4);
+  const {
+    running
+  } = t0;
+  if (running.size === 0) {
+    return null;
+  }
+  let t1;
+  if ($[0] !== running) {
+    t1 = Array.from(running.entries());
+    $[0] = running;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const entries = t1;
+  let t2;
+  if ($[2] !== entries) {
+    t2 = /*#__PURE__*/_jsx(Box, {
       flexDirection: "column",
-      children: [t2, t3, t4]
+      children: entries.map(_temp5)
     });
-    $[15] = t2;
-    $[16] = t3;
-    $[17] = t4;
-    $[18] = t5;
+    $[2] = entries;
+    $[3] = t2;
   } else {
-    t5 = $[18];
+    t2 = $[3];
   }
-  return t5;
+  return t2;
+}
+function _temp5(t0) {
+  const [id, agent] = t0;
+  return /*#__PURE__*/_jsx(AgentLine, {
+    agent: agent
+  }, id);
 }
 //# sourceMappingURL=SubagentPanel.js.map