@kernelonpanic/kitcode 1.3.2 → 1.3.3

package/dist/index.js

@@ -3940,7 +3940,7 @@ function clip(value) {
 // package.json
 var package_default = {
   name: "@kernelonpanic/kitcode",
-  version: "1.3.2",
+  version: "1.3.3",
   description: "Terminal coding agent with a config you never have to write by hand",
   type: "module",
   license: "MIT",
@@ -4008,7 +4008,7 @@ var package_default = {
 
 // src/version.ts
 var KITCODE_VERSION = package_default.version;
-var KITCODE_COMMIT = true ? "993d55335487da4915fa49660911ba6e69aa3685" : "development";
+var KITCODE_COMMIT = true ? "81f72aca6f23448aa2239b7bd9175da0f9e5862c" : "development";
 
 // src/mcp/client.ts
 var clientInfo = { name: "kitcode", version: KITCODE_VERSION };
@@ -8665,6 +8665,18 @@ function appendInputHistory(history, value, limit = 100) {
 // src/ui/components/PromptInput.tsx
 import { jsx as jsx8, jsxs as jsxs8 } from "react/jsx-runtime";
 var WINDOW2 = 6;
+var CAT_FRAME_MS = 500;
+var CAT_FRAMES = [
+  "/\u1420\uFF61\uA788\uFF61\u141F\\ ~",
+  "/\u1420\uFF61\uA788\uFF61\u141F\\ \u223F",
+  "/\u1420\uFF61\uA788\uFF61\u141F\\ ~",
+  "/\u1420\uFF61\uA788\uFF61\u141F\\ \u223E",
+  "/\u1420\uFF61\uA788\uFF61\u141F\\ ~",
+  "/\u1420\uFF61\uA788\uFF61\u141F\\ \u223F",
+  "/\u1420-\uA788-\u141F\\ ~",
+  "/\u1420\uFF61\uA788\uFF61\u141F\\ \u223E"
+];
+var MAX_INPUT_ROWS = 6;
 var PromptInput = memo(function PromptInput2({
   value,
   onChange,
@@ -8679,8 +8691,19 @@ var PromptInput = memo(function PromptInput2({
   onListFiles
 }) {
   const theme = useTheme();
-  const { columns } = useTerminalSize();
+  const { columns, rows } = useTerminalSize();
+  const panelWidth = Math.max(2, columns - 1);
+  const inputRows = Math.max(1, Math.min(MAX_INPUT_ROWS, rows - 16));
   const strings = useStrings();
+  const [catFrame, setCatFrame] = useState4(0);
+  useEffect(() => {
+    if (!disabled) return;
+    const timer = setInterval(() => setCatFrame((frame) => (frame + 1) % CAT_FRAMES.length), CAT_FRAME_MS);
+    return () => clearInterval(timer);
+  }, [disabled]);
+  const panelColor = disabled ? theme.warn : theme.accent;
+  const fullTitle = disabled ? `KitCode ${CAT_FRAMES[catFrame]}` : "KitCode";
+  const panelTitle = fullTitle.slice(0, Math.max(0, panelWidth - 5));
   const safeValue = sanitizeTerminalText(value);
   const [selectionCursor, setSelectionCursor] = useState4(0);
   const [inputCursor, setInputCursor] = useState4(() => characters2(safeValue).length);
@@ -8843,28 +8866,64 @@ var PromptInput = memo(function PromptInput2({
   const start = Math.max(0, Math.min(active2 - WINDOW2 + 2, suggestions.length - WINDOW2));
   const visible = suggestions.slice(start, start + WINDOW2);
   const fileStart = Math.max(0, Math.min(active2 - WINDOW2 + 2, files.length - WINDOW2));
-  return /* @__PURE__ */ jsxs8(Box8, { width: columns, maxWidth: "100%", flexDirection: "column", marginTop: 1, flexShrink: 0, children: [
-    /* @__PURE__ */ jsxs8(
-      Box8,
-      {
-        width: "100%",
-        paddingX: 1,
-        children: [
-          /* @__PURE__ */ jsx8(Text8, { color: disabled ? "gray" : theme.accent, children: "\u203A " }),
-          /* @__PURE__ */ jsx8(Box8, { flexGrow: 1, flexShrink: 1, minWidth: 0, children: /* @__PURE__ */ jsx8(EditableText, { value: safeValue, cursor: inputCursor, placeholder: strings.placeholder }) }),
-          pending && pending > 0 ? /* @__PURE__ */ jsxs8(Text8, { dimColor: true, children: [
-            " \xB7 ",
-            strings.queued(pending)
-          ] }) : null
-        ]
-      }
-    ),
+  return /* @__PURE__ */ jsxs8(Box8, { width: panelWidth, maxWidth: "100%", flexDirection: "column", marginTop: 1, flexShrink: 0, children: [
+    /* @__PURE__ */ jsxs8(Box8, { width: "100%", flexShrink: 0, children: [
+      /* @__PURE__ */ jsx8(Box8, { flexShrink: 0, children: /* @__PURE__ */ jsx8(Text8, { color: panelColor, children: "\u256D" }) }),
+      /* @__PURE__ */ jsx8(Box8, { flexShrink: 1, minWidth: 0, children: /* @__PURE__ */ jsxs8(Text8, { color: panelColor, wrap: "truncate-end", children: [
+        "\u2500 ",
+        panelTitle,
+        " "
+      ] }) }),
+      /* @__PURE__ */ jsx8(
+        Box8,
+        {
+          flexGrow: 1,
+          flexShrink: 1,
+          minWidth: 0,
+          height: 1,
+          borderStyle: "single",
+          borderColor: panelColor,
+          borderTop: false,
+          borderBottom: true,
+          borderLeft: false,
+          borderRight: false
+        }
+      ),
+      /* @__PURE__ */ jsx8(Box8, { flexShrink: 0, children: /* @__PURE__ */ jsx8(Text8, { color: panelColor, children: "\u256E" }) })
+    ] }),
+    /* @__PURE__ */ jsxs8(Box8, { width: "100%", paddingX: 1, maxHeight: inputRows, overflowY: "hidden", children: [
+      /* @__PURE__ */ jsx8(Text8, { color: panelColor, children: "\u203A " }),
+      /* @__PURE__ */ jsx8(Box8, { flexGrow: 1, flexShrink: 1, minWidth: 0, children: /* @__PURE__ */ jsx8(EditableText, { value: safeValue, cursor: inputCursor, placeholder: strings.placeholder }) }),
+      pending && pending > 0 ? /* @__PURE__ */ jsxs8(Text8, { dimColor: true, children: [
+        " \xB7 ",
+        strings.queued(pending)
+      ] }) : null
+    ] }),
     attachments.length > 0 && /* @__PURE__ */ jsxs8(Text8, { dimColor: true, children: [
       "  ",
       "\u{1F4CE} ",
       attachments.map(sanitizeTerminalText).join(" \xB7 ")
     ] }),
-    disabled && hint && /* @__PURE__ */ jsxs8(Text8, { dimColor: true, children: [
+    /* @__PURE__ */ jsxs8(Box8, { width: "100%", flexShrink: 0, children: [
+      /* @__PURE__ */ jsx8(Box8, { flexShrink: 0, children: /* @__PURE__ */ jsx8(Text8, { color: panelColor, children: "\u2570" }) }),
+      /* @__PURE__ */ jsx8(
+        Box8,
+        {
+          flexGrow: 1,
+          flexShrink: 1,
+          minWidth: 0,
+          height: 1,
+          borderStyle: "single",
+          borderColor: panelColor,
+          borderTop: false,
+          borderBottom: true,
+          borderLeft: false,
+          borderRight: false
+        }
+      ),
+      /* @__PURE__ */ jsx8(Box8, { flexShrink: 0, children: /* @__PURE__ */ jsx8(Text8, { color: panelColor, children: "\u256F" }) })
+    ] }),
+    disabled && hint && /* @__PURE__ */ jsxs8(Text8, { color: theme.accent, children: [
       "  ",
       sanitizeTerminalText(hint)
     ] }),
@@ -9758,6 +9817,8 @@ var Transcript = memo2(function Transcript2({
   }
   const live = liveAt === -1 ? [] : bubbles.slice(liveAt);
   const staticItems = [HEADER, ...stableRef.current];
+  const agents = live.filter((bubble) => bubble.kind === "subagent");
+  const groupedAgents = agents.length > 1;
   return /* @__PURE__ */ jsxs11(
     Box12,
     {
@@ -9768,7 +9829,7 @@ var Transcript = memo2(function Transcript2({
       overflowY: "hidden",
       children: [
         /* @__PURE__ */ jsx12(Static, { items: staticItems, children: (item) => item.kind === "header" ? /* @__PURE__ */ jsx12(Logo, { workspace }, "kitcode-header") : /* @__PURE__ */ jsx12(BubbleView, { bubble: item }, item.id) }),
-        /* @__PURE__ */ jsx12(
+        /* @__PURE__ */ jsxs11(
           Box12,
           {
             flexDirection: "column",
@@ -9777,7 +9838,10 @@ var Transcript = memo2(function Transcript2({
             maxHeight: maxLiveRows,
             overflowY: "hidden",
             justifyContent: "flex-end",
-            children: live.map((bubble) => /* @__PURE__ */ jsx12(BubbleView, { bubble, maxRows: maxLiveRows }, bubble.id))
+            children: [
+              live.filter((bubble) => !groupedAgents || bubble.kind !== "subagent" && !(bubble.kind === "tool" && bubble.name === "task")).map((bubble) => /* @__PURE__ */ jsx12(BubbleView, { bubble, maxRows: maxLiveRows }, bubble.id)),
+              groupedAgents && /* @__PURE__ */ jsx12(SubagentSummary, { agents })
+            ]
           }
         )
       ]
@@ -9914,6 +9978,30 @@ function previewLines(content) {
   if (lines.length <= 6) return lines;
   return [...lines.slice(0, 6), `\u2026 ${lines.length - 6} more lines`];
 }
+var VISIBLE_SUBAGENTS = 3;
+function SubagentSummary({ agents }) {
+  const theme = useTheme();
+  const running = agents.filter((agent) => agent.state === "running");
+  return /* @__PURE__ */ jsxs11(Box12, { flexDirection: "column", marginTop: 1, minWidth: 0, children: [
+    /* @__PURE__ */ jsxs11(Text11, { color: theme.accent, wrap: "truncate-end", children: [
+      "Subagents: ",
+      running.length,
+      " running \xB7 ",
+      agents.length - running.length,
+      " done"
+    ] }),
+    running.slice(0, VISIBLE_SUBAGENTS).map((agent) => {
+      const latest = agent.bubbles.at(-1);
+      const progress = latest?.kind === "tool" ? latest.summary : latest?.kind === "assistant" ? sanitizeThinkingText(latest.text || latest.thinking, latest.streaming) : "waiting";
+      return /* @__PURE__ */ jsxs11(Text11, { dimColor: true, wrap: "truncate-end", children: [
+        agent.description,
+        " \xB7 ",
+        progress.replace(/\s+/g, " ").trim() || "waiting"
+      ] }, agent.id);
+    }),
+    /* @__PURE__ */ jsx12(Text11, { dimColor: true, children: "/subagents \xB7 all active tasks" })
+  ] });
+}
 function SubagentView({ bubble, maxRows }) {
   const theme = useTheme();
   const { columns } = useTerminalSize();