@robota-sdk/agent-cli 3.0.0-beta.18 → 3.0.0-beta.19

package/dist/node/bin.js

@@ -1,7 +1,7 @@
 #!/usr/bin/env node
 import {
   startCli
-} from "./chunk-M723M4M4.js";
+} from "./chunk-RE4JCNEA.js";
 
 // src/bin.ts
 process.on("uncaughtException", (err) => {

package/dist/node/{chunk-M723M4M4.js → chunk-RE4JCNEA.js}

@@ -147,8 +147,123 @@ var PrintTerminal = class {
 import { render } from "ink";
 
 // src/ui/App.tsx
-import { useState as useState5, useCallback as useCallback3, useRef as useRef3 } from "react";
+import { useState as useState7, useRef as useRef5 } from "react";
 import { Box as Box8, Text as Text10, useApp, useInput as useInput5 } from "ink";
+import { getModelName } from "@robota-sdk/agent-core";
+
+// src/ui/hooks/useSession.ts
+import { useState, useCallback, useRef } from "react";
+import { createSession, FileSessionLogger, projectPaths } from "@robota-sdk/agent-sdk";
+var TOOL_ARG_DISPLAY_MAX = 80;
+var TOOL_ARG_TRUNCATE_AT = 77;
+var NOOP_TERMINAL = {
+  write: () => {
+  },
+  writeLine: () => {
+  },
+  writeMarkdown: () => {
+  },
+  writeError: () => {
+  },
+  prompt: () => Promise.resolve(""),
+  select: () => Promise.resolve(0),
+  spinner: () => ({ stop: () => {
+  }, update: () => {
+  } })
+};
+function useSession(props) {
+  const [permissionRequest, setPermissionRequest] = useState(null);
+  const [streamingText, setStreamingText] = useState("");
+  const [activeTools, setActiveTools] = useState([]);
+  const permissionQueueRef = useRef([]);
+  const processingRef = useRef(false);
+  const processNextPermission = useCallback(() => {
+    if (processingRef.current) return;
+    const next = permissionQueueRef.current[0];
+    if (!next) {
+      setPermissionRequest(null);
+      return;
+    }
+    processingRef.current = true;
+    setPermissionRequest({
+      toolName: next.toolName,
+      toolArgs: next.toolArgs,
+      resolve: (result) => {
+        permissionQueueRef.current.shift();
+        processingRef.current = false;
+        setPermissionRequest(null);
+        next.resolve(result);
+        setTimeout(() => processNextPermission(), 0);
+      }
+    });
+  }, []);
+  const sessionRef = useRef(null);
+  if (sessionRef.current === null) {
+    const permissionHandler = (toolName, toolArgs) => {
+      return new Promise((resolve) => {
+        permissionQueueRef.current.push({ toolName, toolArgs, resolve });
+        processNextPermission();
+      });
+    };
+    const onTextDelta = (delta) => {
+      setStreamingText((prev) => prev + delta);
+    };
+    const onToolExecution = (event) => {
+      if (event.type === "start") {
+        let firstArg = "";
+        if (event.toolArgs) {
+          const firstVal = Object.values(event.toolArgs)[0];
+          const raw = typeof firstVal === "string" ? firstVal : JSON.stringify(firstVal ?? "");
+          firstArg = raw.length > TOOL_ARG_DISPLAY_MAX ? raw.slice(0, TOOL_ARG_TRUNCATE_AT) + "..." : raw;
+        }
+        setActiveTools((prev) => [...prev, { toolName: event.toolName, firstArg, isRunning: true }]);
+      } else {
+        setActiveTools(
+          (prev) => prev.map(
+            (t) => t.toolName === event.toolName && t.isRunning ? { ...t, isRunning: false } : t
+          )
+        );
+      }
+    };
+    const paths = projectPaths(props.cwd ?? process.cwd());
+    sessionRef.current = createSession({
+      config: props.config,
+      context: props.context,
+      terminal: NOOP_TERMINAL,
+      sessionLogger: new FileSessionLogger(paths.logs),
+      projectInfo: props.projectInfo,
+      sessionStore: props.sessionStore,
+      permissionMode: props.permissionMode,
+      maxTurns: props.maxTurns,
+      permissionHandler,
+      onTextDelta,
+      onToolExecution
+    });
+  }
+  const clearStreamingText = useCallback(() => {
+    setStreamingText("");
+    setActiveTools([]);
+  }, []);
+  return { session: sessionRef.current, permissionRequest, streamingText, clearStreamingText, activeTools };
+}
+
+// src/ui/hooks/useMessages.ts
+import { useState as useState2, useCallback as useCallback2 } from "react";
+var msgIdCounter = 0;
+function nextId() {
+  msgIdCounter += 1;
+  return `msg_${msgIdCounter}`;
+}
+function useMessages() {
+  const [messages, setMessages] = useState2([]);
+  const addMessage = useCallback2((msg) => {
+    setMessages((prev) => [...prev, { ...msg, id: nextId(), timestamp: /* @__PURE__ */ new Date() }]);
+  }, []);
+  return { messages, setMessages, addMessage };
+}
+
+// src/ui/hooks/useSlashCommands.ts
+import { useCallback as useCallback3 } from "react";
 
 // src/commands/slash-executor.ts
 var VALID_MODES2 = ["plan", "default", "acceptEdits", "bypassPermissions"];
@@ -273,9 +388,133 @@ async function executeSlashCommand(cmd, args, session, addMessage, clearMessages
   }
 }
 
-// src/ui/App.tsx
-import { createSession, FileSessionLogger, projectPaths } from "@robota-sdk/agent-sdk";
-import { getModelName } from "@robota-sdk/agent-core";
+// src/ui/hooks/useSlashCommands.ts
+var EXIT_DELAY_MS = 500;
+function useSlashCommands(session, addMessage, setMessages, exit, registry, pendingModelChangeRef, setPendingModelId) {
+  return useCallback3(
+    async (input) => {
+      const parts = input.slice(1).split(/\s+/);
+      const cmd = parts[0]?.toLowerCase() ?? "";
+      const args = parts.slice(1).join(" ");
+      const clearMessages = () => setMessages([]);
+      const result = await executeSlashCommand(cmd, args, session, addMessage, clearMessages, registry);
+      if (result.pendingModelId) {
+        pendingModelChangeRef.current = result.pendingModelId;
+        setPendingModelId(result.pendingModelId);
+      }
+      if (result.exitRequested) {
+        setTimeout(() => exit(), EXIT_DELAY_MS);
+      }
+      return result.handled;
+    },
+    [session, addMessage, setMessages, exit, registry, pendingModelChangeRef, setPendingModelId]
+  );
+}
+
+// src/ui/hooks/useSubmitHandler.ts
+import { useCallback as useCallback4 } from "react";
+
+// src/utils/tool-call-extractor.ts
+var TOOL_ARG_MAX_LENGTH = 80;
+var TOOL_ARG_TRUNCATE_LENGTH = 77;
+function extractToolCalls(history, startIndex) {
+  const lines = [];
+  for (let i = startIndex; i < history.length; i++) {
+    const msg = history[i];
+    if (msg.role === "assistant" && msg.toolCalls) {
+      for (const tc of msg.toolCalls) {
+        const value = parseFirstArgValue(tc.function.arguments);
+        const truncated = value.length > TOOL_ARG_MAX_LENGTH ? value.slice(0, TOOL_ARG_TRUNCATE_LENGTH) + "..." : value;
+        lines.push(`${tc.function.name}(${truncated})`);
+      }
+    }
+  }
+  return lines;
+}
+function parseFirstArgValue(argsJson) {
+  try {
+    const parsed = JSON.parse(argsJson);
+    const firstVal = Object.values(parsed)[0];
+    return typeof firstVal === "string" ? firstVal : JSON.stringify(firstVal);
+  } catch {
+    return argsJson;
+  }
+}
+
+// src/utils/skill-prompt.ts
+function buildSkillPrompt(input, registry) {
+  const parts = input.slice(1).split(/\s+/);
+  const cmd = parts[0]?.toLowerCase() ?? "";
+  const skillCmd = registry.getCommands().find((c) => c.name === cmd && c.source === "skill");
+  if (!skillCmd) return null;
+  const args = parts.slice(1).join(" ").trim();
+  const userInstruction = args || skillCmd.description;
+  if (skillCmd.skillContent) {
+    return `<skill name="${cmd}">
+${skillCmd.skillContent}
+</skill>
+
+Execute the "${cmd}" skill: ${userInstruction}`;
+  }
+  return `Use the "${cmd}" skill: ${userInstruction}`;
+}
+
+// src/ui/hooks/useSubmitHandler.ts
+function syncContextState(session, setter) {
+  const ctx = session.getContextState();
+  setter({ percentage: ctx.usedPercentage, usedTokens: ctx.usedTokens, maxTokens: ctx.maxTokens });
+}
+async function runSessionPrompt(prompt, session, addMessage, clearStreamingText, setIsThinking, setContextState) {
+  setIsThinking(true);
+  clearStreamingText();
+  const historyBefore = session.getHistory().length;
+  try {
+    const response = await session.run(prompt);
+    clearStreamingText();
+    const history = session.getHistory();
+    const toolLines = extractToolCalls(
+      history,
+      historyBefore
+    );
+    if (toolLines.length > 0) {
+      addMessage({ role: "tool", content: toolLines.join("\n"), toolName: `${toolLines.length} tools` });
+    }
+    addMessage({ role: "assistant", content: response || "(empty response)" });
+    syncContextState(session, setContextState);
+  } catch (err) {
+    clearStreamingText();
+    if (err instanceof DOMException && err.name === "AbortError") {
+      addMessage({ role: "system", content: "Cancelled." });
+    } else {
+      const errMsg = err instanceof Error ? err.message : String(err);
+      addMessage({ role: "system", content: `Error: ${errMsg}` });
+    }
+  } finally {
+    setIsThinking(false);
+  }
+}
+function useSubmitHandler(session, addMessage, handleSlashCommand, clearStreamingText, setIsThinking, setContextState, registry) {
+  return useCallback4(
+    async (input) => {
+      if (input.startsWith("/")) {
+        const handled = await handleSlashCommand(input);
+        if (handled) {
+          syncContextState(session, setContextState);
+          return;
+        }
+        const prompt = buildSkillPrompt(input, registry);
+        if (!prompt) return;
+        return runSessionPrompt(prompt, session, addMessage, clearStreamingText, setIsThinking, setContextState);
+      }
+      addMessage({ role: "user", content: input });
+      return runSessionPrompt(input, session, addMessage, clearStreamingText, setIsThinking, setContextState);
+    },
+    [session, addMessage, handleSlashCommand, clearStreamingText, setIsThinking, setContextState, registry]
+  );
+}
+
+// src/ui/hooks/useCommandRegistry.ts
+import { useRef as useRef2 } from "react";
 
 // src/commands/command-registry.ts
 var CommandRegistry = class {
@@ -429,6 +668,18 @@ var SkillCommandSource = class {
   }
 };
 
+// src/ui/hooks/useCommandRegistry.ts
+function useCommandRegistry(cwd) {
+  const registryRef = useRef2(null);
+  if (registryRef.current === null) {
+    const registry = new CommandRegistry();
+    registry.addSource(new BuiltinCommandSource());
+    registry.addSource(new SkillCommandSource(cwd));
+    registryRef.current = registry;
+  }
+  return registryRef.current;
+}
+
 // src/ui/MessageList.tsx
 import { Box, Text } from "ink";
 
@@ -549,11 +800,11 @@ function StatusBar({
 }
 
 // src/ui/InputArea.tsx
-import React3, { useState as useState3, useCallback, useMemo } from "react";
+import React3, { useState as useState5, useCallback as useCallback5, useMemo } from "react";
 import { Box as Box4, Text as Text6, useInput as useInput2 } from "ink";
 
 // src/ui/CjkTextInput.tsx
-import { useRef, useState } from "react";
+import { useRef as useRef3, useState as useState3 } from "react";
 import { Text as Text3, useInput } from "ink";
 import chalk from "chalk";
 import { jsx as jsx3 } from "react/jsx-runtime";
@@ -573,9 +824,9 @@ function CjkTextInput({
   focus = true,
   showCursor = true
 }) {
-  const valueRef = useRef(value);
-  const cursorRef = useRef(value.length);
-  const [, forceRender] = useState(0);
+  const valueRef = useRef3(value);
+  const cursorRef = useRef3(value.length);
+  const [, forceRender] = useState3(0);
   if (value !== valueRef.current) {
     valueRef.current = value;
     if (cursorRef.current > value.length) {
@@ -652,14 +903,14 @@ function renderWithCursor(value, cursorOffset, placeholder, showCursor) {
 }
 
 // src/ui/WaveText.tsx
-import { useState as useState2, useEffect } from "react";
+import { useState as useState4, useEffect } from "react";
 import { Text as Text4 } from "ink";
 import { jsx as jsx4 } from "react/jsx-runtime";
 var WAVE_COLORS = ["#666666", "#888888", "#aaaaaa", "#888888"];
 var INTERVAL_MS = 400;
 var CHARS_PER_GROUP = 4;
 function WaveText({ text }) {
-  const [tick, setTick] = useState2(0);
+  const [tick, setTick] = useState4(0);
   useEffect(() => {
     const timer = setInterval(() => {
       setTick((prev) => prev + 1);
@@ -726,8 +977,8 @@ function parseSlashInput(value) {
   return { isSlash: true, parentCommand: parent, filter: rest };
 }
 function useAutocomplete(value, registry) {
-  const [selectedIndex, setSelectedIndex] = useState3(0);
-  const [dismissed, setDismissed] = useState3(false);
+  const [selectedIndex, setSelectedIndex] = useState5(0);
+  const [dismissed, setDismissed] = useState5(false);
   const prevValueRef = React3.useRef(value);
   if (prevValueRef.current !== value) {
     prevValueRef.current = value;
@@ -769,7 +1020,7 @@ function useAutocomplete(value, registry) {
   };
 }
 function InputArea({ onSubmit, isDisabled, registry }) {
-  const [value, setValue] = useState3("");
+  const [value, setValue] = useState5("");
   const {
     showPopup,
     filteredCommands,
@@ -778,7 +1029,7 @@ function InputArea({ onSubmit, isDisabled, registry }) {
     isSubcommandMode,
     setShowPopup
   } = useAutocomplete(value, registry);
-  const handleSubmit = useCallback(
+  const handleSubmit = useCallback5(
     (text) => {
       const trimmed = text.trim();
       if (trimmed.length === 0) return;
@@ -791,7 +1042,7 @@ function InputArea({ onSubmit, isDisabled, registry }) {
     },
     [showPopup, filteredCommands, selectedIndex, onSubmit]
   );
-  const selectCommand = useCallback(
+  const selectCommand = useCallback5(
     (cmd) => {
       const parsed = parseSlashInput(value);
       if (parsed.parentCommand) {
@@ -852,7 +1103,7 @@ function InputArea({ onSubmit, isDisabled, registry }) {
 }
 
 // src/ui/ConfirmPrompt.tsx
-import { useState as useState4, useCallback as useCallback2, useRef as useRef2 } from "react";
+import { useState as useState6, useCallback as useCallback6, useRef as useRef4 } from "react";
 import { Box as Box5, Text as Text7, useInput as useInput3 } from "ink";
 import { jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
 function ConfirmPrompt({
@@ -860,9 +1111,9 @@ function ConfirmPrompt({
   options = ["Yes", "No"],
   onSelect
 }) {
-  const [selected, setSelected] = useState4(0);
-  const resolvedRef = useRef2(false);
-  const doSelect = useCallback2(
+  const [selected, setSelected] = useState6(0);
+  const resolvedRef = useRef4(false);
+  const doSelect = useCallback6(
     (index) => {
       if (resolvedRef.current) return;
       resolvedRef.current = true;
@@ -958,33 +1209,6 @@ function PermissionPrompt({ request }) {
   ] });
 }
 
-// src/utils/tool-call-extractor.ts
-var TOOL_ARG_MAX_LENGTH = 80;
-var TOOL_ARG_TRUNCATE_LENGTH = 77;
-function extractToolCalls(history, startIndex) {
-  const lines = [];
-  for (let i = startIndex; i < history.length; i++) {
-    const msg = history[i];
-    if (msg.role === "assistant" && msg.toolCalls) {
-      for (const tc of msg.toolCalls) {
-        const value = parseFirstArgValue(tc.function.arguments);
-        const truncated = value.length > TOOL_ARG_MAX_LENGTH ? value.slice(0, TOOL_ARG_TRUNCATE_LENGTH) + "..." : value;
-        lines.push(`${tc.function.name}(${truncated})`);
-      }
-    }
-  }
-  return lines;
-}
-function parseFirstArgValue(argsJson) {
-  try {
-    const parsed = JSON.parse(argsJson);
-    const firstVal = Object.values(parsed)[0];
-    return typeof firstVal === "string" ? firstVal : JSON.stringify(firstVal);
-  } catch {
-    return argsJson;
-  }
-}
-
 // src/ui/StreamingIndicator.tsx
 import { Box as Box7, Text as Text9 } from "ink";
 import { jsx as jsx9, jsxs as jsxs7 } from "react/jsx-runtime";
@@ -1018,240 +1242,21 @@ function StreamingIndicator({ text, activeTools }) {
 
 // src/ui/App.tsx
 import { jsx as jsx10, jsxs as jsxs8 } from "react/jsx-runtime";
-var msgIdCounter = 0;
-function nextId() {
-  msgIdCounter += 1;
-  return `msg_${msgIdCounter}`;
-}
-var NOOP_TERMINAL = {
-  write: () => {
-  },
-  writeLine: () => {
-  },
-  writeMarkdown: () => {
-  },
-  writeError: () => {
-  },
-  prompt: () => Promise.resolve(""),
-  select: () => Promise.resolve(0),
-  spinner: () => ({ stop: () => {
-  }, update: () => {
-  } })
-};
-function useSession(props) {
-  const [permissionRequest, setPermissionRequest] = useState5(null);
-  const [streamingText, setStreamingText] = useState5("");
-  const [activeTools, setActiveTools] = useState5([]);
-  const permissionQueueRef = useRef3([]);
-  const processingRef = useRef3(false);
-  const processNextPermission = useCallback3(() => {
-    if (processingRef.current) return;
-    const next = permissionQueueRef.current[0];
-    if (!next) {
-      setPermissionRequest(null);
-      return;
-    }
-    processingRef.current = true;
-    setPermissionRequest({
-      toolName: next.toolName,
-      toolArgs: next.toolArgs,
-      resolve: (result) => {
-        permissionQueueRef.current.shift();
-        processingRef.current = false;
-        setPermissionRequest(null);
-        next.resolve(result);
-        setTimeout(() => processNextPermission(), 0);
-      }
-    });
-  }, []);
-  const sessionRef = useRef3(null);
-  if (sessionRef.current === null) {
-    const permissionHandler = (toolName, toolArgs) => {
-      return new Promise((resolve) => {
-        permissionQueueRef.current.push({ toolName, toolArgs, resolve });
-        processNextPermission();
-      });
-    };
-    const onTextDelta = (delta) => {
-      setStreamingText((prev) => prev + delta);
-    };
-    const TOOL_ARG_DISPLAY_MAX = 80;
-    const TOOL_ARG_TRUNCATE_AT = 77;
-    const onToolExecution = (event) => {
-      if (event.type === "start") {
-        let firstArg = "";
-        if (event.toolArgs) {
-          const firstVal = Object.values(event.toolArgs)[0];
-          const raw = typeof firstVal === "string" ? firstVal : JSON.stringify(firstVal ?? "");
-          firstArg = raw.length > TOOL_ARG_DISPLAY_MAX ? raw.slice(0, TOOL_ARG_TRUNCATE_AT) + "..." : raw;
-        }
-        setActiveTools((prev) => [...prev, { toolName: event.toolName, firstArg, isRunning: true }]);
-      } else {
-        setActiveTools(
-          (prev) => prev.map(
-            (t) => t.toolName === event.toolName && t.isRunning ? { ...t, isRunning: false } : t
-          )
-        );
-      }
-    };
-    const paths = projectPaths(props.cwd ?? process.cwd());
-    sessionRef.current = createSession({
-      config: props.config,
-      context: props.context,
-      terminal: NOOP_TERMINAL,
-      sessionLogger: new FileSessionLogger(paths.logs),
-      projectInfo: props.projectInfo,
-      sessionStore: props.sessionStore,
-      permissionMode: props.permissionMode,
-      maxTurns: props.maxTurns,
-      permissionHandler,
-      onTextDelta,
-      onToolExecution
-    });
-  }
-  const clearStreamingText = useCallback3(() => {
-    setStreamingText("");
-    setActiveTools([]);
-  }, []);
-  return { session: sessionRef.current, permissionRequest, streamingText, clearStreamingText, activeTools };
-}
-function useMessages() {
-  const [messages, setMessages] = useState5([]);
-  const addMessage = useCallback3((msg) => {
-    setMessages((prev) => [...prev, { ...msg, id: nextId(), timestamp: /* @__PURE__ */ new Date() }]);
-  }, []);
-  return { messages, setMessages, addMessage };
-}
-var EXIT_DELAY_MS = 500;
-function useSlashCommands(session, addMessage, setMessages, exit, registry, pendingModelChangeRef, setPendingModelId) {
-  return useCallback3(
-    async (input) => {
-      const parts = input.slice(1).split(/\s+/);
-      const cmd = parts[0]?.toLowerCase() ?? "";
-      const args = parts.slice(1).join(" ");
-      const clearMessages = () => setMessages([]);
-      const result = await executeSlashCommand(cmd, args, session, addMessage, clearMessages, registry);
-      if (result.pendingModelId) {
-        pendingModelChangeRef.current = result.pendingModelId;
-        setPendingModelId(result.pendingModelId);
-      }
-      if (result.exitRequested) {
-        setTimeout(() => exit(), EXIT_DELAY_MS);
-      }
-      return result.handled;
-    },
-    [session, addMessage, setMessages, exit, registry, pendingModelChangeRef, setPendingModelId]
-  );
-}
-function syncContextState(session, setter) {
-  const ctx = session.getContextState();
-  setter({ percentage: ctx.usedPercentage, usedTokens: ctx.usedTokens, maxTokens: ctx.maxTokens });
-}
-async function runSessionPrompt(prompt, session, addMessage, clearStreamingText, setIsThinking, setContextState) {
-  setIsThinking(true);
-  clearStreamingText();
-  const historyBefore = session.getHistory().length;
-  try {
-    const response = await session.run(prompt);
-    clearStreamingText();
-    const history = session.getHistory();
-    const toolLines = extractToolCalls(
-      history,
-      historyBefore
-    );
-    if (toolLines.length > 0) {
-      addMessage({ role: "tool", content: toolLines.join("\n"), toolName: `${toolLines.length} tools` });
-    }
-    addMessage({ role: "assistant", content: response || "(empty response)" });
-    syncContextState(session, setContextState);
-  } catch (err) {
-    clearStreamingText();
-    if (err instanceof DOMException && err.name === "AbortError") {
-      addMessage({ role: "system", content: "Cancelled." });
-    } else {
-      const errMsg = err instanceof Error ? err.message : String(err);
-      addMessage({ role: "system", content: `Error: ${errMsg}` });
-    }
-  } finally {
-    setIsThinking(false);
-  }
-}
-function buildSkillPrompt(input, registry) {
-  const parts = input.slice(1).split(/\s+/);
-  const cmd = parts[0]?.toLowerCase() ?? "";
-  const skillCmd = registry.getCommands().find((c) => c.name === cmd && c.source === "skill");
-  if (!skillCmd) return null;
-  const args = parts.slice(1).join(" ").trim();
-  const userInstruction = args || skillCmd.description;
-  if (skillCmd.skillContent) {
-    return `<skill name="${cmd}">
-${skillCmd.skillContent}
-</skill>
-
-Execute the "${cmd}" skill: ${userInstruction}`;
-  }
-  return `Use the "${cmd}" skill: ${userInstruction}`;
-}
-function useSubmitHandler(session, addMessage, handleSlashCommand, clearStreamingText, setIsThinking, setContextState, registry) {
-  return useCallback3(
-    async (input) => {
-      if (input.startsWith("/")) {
-        const handled = await handleSlashCommand(input);
-        if (handled) {
-          syncContextState(session, setContextState);
-          return;
-        }
-        const prompt = buildSkillPrompt(input, registry);
-        if (!prompt) return;
-        return runSessionPrompt(
-          prompt,
-          session,
-          addMessage,
-          clearStreamingText,
-          setIsThinking,
-          setContextState
-        );
-      }
-      addMessage({ role: "user", content: input });
-      return runSessionPrompt(
-        input,
-        session,
-        addMessage,
-        clearStreamingText,
-        setIsThinking,
-        setContextState
-      );
-    },
-    [
-      session,
-      addMessage,
-      handleSlashCommand,
-      clearStreamingText,
-      setIsThinking,
-      setContextState,
-      registry
-    ]
-  );
-}
-function useCommandRegistry(cwd) {
-  const registryRef = useRef3(null);
-  if (registryRef.current === null) {
-    const registry = new CommandRegistry();
-    registry.addSource(new BuiltinCommandSource());
-    registry.addSource(new SkillCommandSource(cwd));
-    registryRef.current = registry;
-  }
-  return registryRef.current;
-}
+var EXIT_DELAY_MS2 = 500;
 function App(props) {
   const { exit } = useApp();
   const { session, permissionRequest, streamingText, clearStreamingText, activeTools } = useSession(props);
   const { messages, setMessages, addMessage } = useMessages();
-  const [isThinking, setIsThinking] = useState5(false);
-  const [contextState, setContextState] = useState5({ percentage: 0, usedTokens: 0, maxTokens: 0 });
+  const [isThinking, setIsThinking] = useState7(false);
+  const initialCtx = session.getContextState();
+  const [contextState, setContextState] = useState7({
+    percentage: initialCtx.usedPercentage,
+    usedTokens: initialCtx.usedTokens,
+    maxTokens: initialCtx.maxTokens
+  });
   const registry = useCommandRegistry(props.cwd ?? process.cwd());
-  const pendingModelChangeRef = useRef3(null);
-  const [pendingModelId, setPendingModelId] = useState5(null);
+  const pendingModelChangeRef = useRef5(null);
+  const [pendingModelId, setPendingModelId] = useState7(null);
   const handleSlashCommand = useSlashCommands(session, addMessage, setMessages, exit, registry, pendingModelChangeRef, setPendingModelId);
   const handleSubmit = useSubmitHandler(
     session,
@@ -1300,7 +1305,7 @@ function App(props) {
               const settingsPath = getUserSettingsPath();
               updateModelInSettings(settingsPath, pendingModelId);
               addMessage({ role: "system", content: `Model changed to ${getModelName(pendingModelId)}. Restarting...` });
-              setTimeout(() => exit(), 500);
+              setTimeout(() => exit(), EXIT_DELAY_MS2);
             } catch (err) {
               addMessage({ role: "system", content: `Failed: ${err instanceof Error ? err.message : String(err)}` });
             }