deepcode-ai 0.1.0 → 0.1.2

package/dist/index.js

@@ -2,7 +2,7 @@
 
 // ../../packages/cli/dist/index.js
 import { render } from "ink";
-import React15 from "react";
+import React16 from "react";
 import { Command } from "commander";
 
 // ../../packages/core/dist/index.js
@@ -5182,8 +5182,8 @@ import path12 from "path";
 import { mkdtemp, rm as rm3 } from "fs/promises";
 import { tmpdir } from "os";
 import path23 from "path";
-import React14, { useEffect as useEffect12, useRef as useRef9, useMemo as useMemo6, useCallback as useCallback12 } from "react";
-import { Box as Box30, Text as Text30, useApp, useInput as useInput17, useStdout as useStdout5 } from "ink";
+import React15, { useEffect as useEffect13, useRef as useRef9, useMemo as useMemo6, useCallback as useCallback12 } from "react";
+import { Box as Box32, Text as Text32, useApp, useInput as useInput19, useStdout as useStdout5 } from "ink";
 import { Box } from "ink";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Box as Box2, Text as Text2 } from "ink";
@@ -5935,7 +5935,12 @@ import { Box as Box28, Text as Text28, useInput as useInput16 } from "ink";
 import { jsx as jsx29, jsxs as jsxs29 } from "react/jsx-runtime";
 import { Box as Box29, Text as Text29 } from "ink";
 import { jsx as jsx30, jsxs as jsxs30 } from "react/jsx-runtime";
-import { Fragment as Fragment6, jsx as jsx31, jsxs as jsxs31 } from "react/jsx-runtime";
+import { Box as Box30, Text as Text30, useInput as useInput17 } from "ink";
+import { jsx as jsx31, jsxs as jsxs31 } from "react/jsx-runtime";
+import { useState as useState24, useEffect as useEffect12 } from "react";
+import { Box as Box31, Text as Text31, useInput as useInput18 } from "ink";
+import { Fragment as Fragment6, jsx as jsx32, jsxs as jsxs32 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx33, jsxs as jsxs33 } from "react/jsx-runtime";
 async function createRuntime(options) {
   const worktree = path12.resolve(options.cwd);
   const config = await new ConfigLoader().load({ cwd: worktree, configPath: options.configPath });
@@ -7100,6 +7105,11 @@ var en = {
   historySearchTitle: "Search History",
   previewTitle: "Change Preview",
   detailPanelPlaceholder: "Detail Panel",
+  toolInspectorTitle: "Tool Inspector",
+  toolInspectorHint: "\u2191\u2193 navigate \xB7 Esc close",
+  toolInspectorEmpty: "No tool calls yet in this session.",
+  toolInspectorExecuting: "Executing tool\u2026",
+  toolInspectorResult: "Result:",
   contextPanelTitle: "Context",
   executionPanelTitle: "Execution",
   undoNotAvailable: "No file changes to undo in this session.",
@@ -7498,6 +7508,11 @@ var ptBR = {
   historySearchTitle: "Pesquisar Hist\xF3rico",
   previewTitle: "Preview de Altera\xE7\xF5es",
   detailPanelPlaceholder: "Painel de Detalhes",
+  toolInspectorTitle: "Inspetor de Ferramentas",
+  toolInspectorHint: "\u2191\u2193 navegar \xB7 Esc fechar",
+  toolInspectorEmpty: "Nenhuma ferramenta executada nesta sess\xE3o.",
+  toolInspectorExecuting: "Executando ferramenta\u2026",
+  toolInspectorResult: "Resultado:",
   contextPanelTitle: "Contexto",
   executionPanelTitle: "Execu\xE7\xE3o",
   undoNotAvailable: "Nenhuma altera\xE7\xE3o de arquivo para desfazer nesta sess\xE3o.",
@@ -8359,7 +8374,7 @@ function AppLayout({
   const activePanel = useUIStore((s) => s.activePanel);
   const togglePanel = useUIStore((s) => s.togglePanel);
   const resizePanel = useUIStore((s) => s.resizePanel);
-  const setActivePanel = useUIStore((s) => s.setActivePanel);
+  const _setActivePanel = useUIStore((s) => s.setActivePanel);
   useInput22((inputChar, key) => {
     if (key.ctrl && inputChar === "1") {
       togglePanel("context");
@@ -12936,6 +12951,108 @@ function FileTreePanel({ files, theme, cwd }) {
     files.length === 0 && /* @__PURE__ */ jsx30(Text29, { color: theme.fgMuted, dimColor: true, children: "Loading\u2026" })
   ] });
 }
+function DiffDetailPanel({ diff, theme, isActive, onClose }) {
+  useInput17(
+    (_, key) => {
+      if (key.escape) onClose?.();
+    },
+    { isActive: Boolean(isActive) }
+  );
+  if (!diff) {
+    return /* @__PURE__ */ jsx31(Box30, { paddingX: 1, paddingY: 1, children: /* @__PURE__ */ jsx31(Text30, { color: theme.fgMuted, dimColor: true, children: t("diffNoPendingChanges") }) });
+  }
+  return /* @__PURE__ */ jsxs31(Box30, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsx31(
+      DiffView,
+      {
+        oldText: diff.before,
+        newText: diff.after,
+        oldPath: diff.filePath,
+        newPath: diff.filePath,
+        theme
+      }
+    ),
+    /* @__PURE__ */ jsx31(Box30, { paddingX: 1, children: /* @__PURE__ */ jsx31(Text30, { color: theme.fgMuted, dimColor: true, children: "Esc close" }) })
+  ] });
+}
+var LIST_SIZE = 6;
+function formatValue(v, max = 60) {
+  const s = typeof v === "string" ? v : JSON.stringify(v) ?? "";
+  return s.length > max ? `${s.slice(0, max)}\u2026` : s;
+}
+function ToolInspector({
+  toolCalls,
+  toolExecuting,
+  theme,
+  isActive,
+  onClose
+}) {
+  const [selectedIndex, setSelectedIndex] = useState24(Math.max(0, toolCalls.length - 1));
+  useEffect12(() => {
+    setSelectedIndex(Math.max(0, toolCalls.length - 1));
+  }, [toolCalls.length]);
+  const clamped = Math.max(0, Math.min(selectedIndex, Math.max(0, toolCalls.length - 1)));
+  const selected = toolCalls[clamped];
+  const windowStart = Math.max(0, Math.min(clamped - Math.floor(LIST_SIZE / 2), Math.max(0, toolCalls.length - LIST_SIZE)));
+  const visible = toolCalls.slice(windowStart, windowStart + LIST_SIZE);
+  useInput18(
+    (_, key) => {
+      if (key.escape) {
+        onClose?.();
+        return;
+      }
+      if (key.upArrow) setSelectedIndex((i) => Math.max(0, i - 1));
+      if (key.downArrow) setSelectedIndex((i) => Math.min(toolCalls.length - 1, i + 1));
+    },
+    { isActive: Boolean(isActive) }
+  );
+  let parsedArgs = {};
+  try {
+    parsedArgs = JSON.parse(selected?.args ?? "{}");
+  } catch {
+  }
+  return /* @__PURE__ */ jsxs32(Box31, { flexDirection: "column", paddingX: 1, paddingY: 1, children: [
+    /* @__PURE__ */ jsxs32(Box31, { flexDirection: "row", justifyContent: "space-between", marginBottom: 1, children: [
+      /* @__PURE__ */ jsx32(Text31, { bold: true, color: theme.primary, children: t("toolInspectorTitle") }),
+      /* @__PURE__ */ jsx32(Text31, { color: theme.fgMuted, dimColor: true, children: t("toolInspectorHint") })
+    ] }),
+    toolCalls.length === 0 ? /* @__PURE__ */ jsx32(Text31, { color: theme.fgMuted, dimColor: true, children: toolExecuting ? t("toolInspectorExecuting") : t("toolInspectorEmpty") }) : /* @__PURE__ */ jsxs32(Fragment6, { children: [
+      /* @__PURE__ */ jsx32(Box31, { flexDirection: "column", marginBottom: 1, children: visible.map((tc, i) => {
+        const absIdx = windowStart + i;
+        const sel = absIdx === clamped;
+        const done = tc.result !== void 0;
+        return /* @__PURE__ */ jsxs32(Box31, { flexDirection: "row", gap: 1, children: [
+          /* @__PURE__ */ jsx32(Text31, { color: sel ? theme.primary : theme.fgMuted, children: sel ? "\u25B6" : " " }),
+          /* @__PURE__ */ jsx32(Text31, { color: done ? theme.success : theme.warning, children: done ? "\u2713" : toolExecuting && absIdx === toolCalls.length - 1 ? "\u2026" : "\u25CB" }),
+          /* @__PURE__ */ jsx32(Text31, { color: sel ? theme.fg : theme.fgMuted, bold: sel, children: tc.name })
+        ] }, tc.id);
+      }) }),
+      selected && /* @__PURE__ */ jsxs32(Box31, { flexDirection: "column", borderStyle: "single", borderColor: theme.border, paddingX: 1, children: [
+        /* @__PURE__ */ jsx32(Text31, { bold: true, color: theme.fg, children: selected.name }),
+        /* @__PURE__ */ jsx32(Text31, { children: " " }),
+        Object.entries(parsedArgs).slice(0, 5).map(([k, v]) => /* @__PURE__ */ jsxs32(Box31, { flexDirection: "row", gap: 1, children: [
+          /* @__PURE__ */ jsxs32(Text31, { color: theme.accent, children: [
+            k,
+            ":"
+          ] }),
+          /* @__PURE__ */ jsx32(Text31, { color: theme.fgMuted, wrap: "truncate", children: formatValue(v) })
+        ] }, k)),
+        selected.result !== void 0 && /* @__PURE__ */ jsxs32(Fragment6, { children: [
+          /* @__PURE__ */ jsx32(Text31, { children: " " }),
+          /* @__PURE__ */ jsx32(Text31, { bold: true, color: theme.fg, children: t("toolInspectorResult") }),
+          /* @__PURE__ */ jsx32(Text31, { color: theme.fgMuted, wrap: "wrap", children: formatValue(selected.result, 300) })
+        ] })
+      ] }),
+      toolCalls.length > LIST_SIZE && /* @__PURE__ */ jsx32(Box31, { marginTop: 1, children: /* @__PURE__ */ jsxs32(Text31, { color: theme.fgMuted, dimColor: true, children: [
+        windowStart + 1,
+        "\u2013",
+        Math.min(windowStart + LIST_SIZE, toolCalls.length),
+        "/",
+        toolCalls.length
+      ] }) })
+    ] })
+  ] });
+}
 var useConfigStore = create()((set) => ({
   activeProvider: "openrouter",
   activeModel: "",
@@ -12951,7 +13068,7 @@ var useConfigStore = create()((set) => ({
 function App(props) {
   const { exit } = useApp();
   const { stdout } = useStdout5();
-  const [contextView, setContextView] = React14.useState("sidebar");
+  const [contextView, setContextView] = React15.useState("sidebar");
   const runtime = useAgentStore((s) => s.runtime);
   const session = useAgentStore((s) => s.session);
   const input = useAgentStore((s) => s.input);
@@ -13011,7 +13128,7 @@ function App(props) {
   const activeSessionIdRef = useRef9(null);
   const telemetryRef = useRef9(null);
   const uiStateRef = useRef9(null);
-  const [telemetryCollector, setTelemetryCollector] = React14.useState(null);
+  const [telemetryCollector, setTelemetryCollector] = React15.useState(null);
   const applyUpdatedConfig = useCallback12(
     (activeRuntime, updatedConfig) => {
       Object.assign(activeRuntime.config, updatedConfig);
@@ -13078,14 +13195,14 @@ function App(props) {
     recordTokenUsage,
     resetMetrics
   });
-  useEffect12(() => {
+  useEffect13(() => {
     if (!stdout.isTTY) return;
     stdout.write("\x1B[?1049h\x1B[?25l");
     return () => {
       stdout.write("\x1B[?25h\x1B[?1049l");
     };
   }, [stdout]);
-  useEffect12(() => {
+  useEffect13(() => {
     let mounted = true;
     let cleanupRuntime;
     createRuntime({ cwd: props.cwd, configPath: props.config, interactive: true }).then(async (created) => {
@@ -13178,13 +13295,13 @@ function App(props) {
       cleanupRuntime?.();
     };
   }, [activateTelemetrySession, props.cwd, props.config, setApprovals, dispatch]);
-  useEffect12(() => {
+  useEffect13(() => {
     if (!currentPlan && sidebarTab === "plan") {
       setSidebarTab("activities");
     }
   }, [currentPlan, sidebarTab, setSidebarTab]);
   const firstApproval = approvals[0];
-  useEffect12(() => {
+  useEffect13(() => {
     if (firstApproval?.diff) {
       openPreview(firstApproval.operation, [
         {
@@ -13198,18 +13315,18 @@ function App(props) {
       closePreview();
     }
   }, [firstApproval?.id, firstApproval?.diff]);
-  useEffect12(() => {
+  useEffect13(() => {
     useAgentStore.getState().setSelectedSlashCommandIndex(0);
     useAgentStore.getState().setSlashMenuDismissed(false);
   }, [input]);
-  useEffect12(() => {
+  useEffect13(() => {
     if (!session) return;
     const cs = useConfigStore.getState();
     cs.setActiveProvider(session.provider);
     cs.setActiveModel(session.model ?? "");
     cs.setAgentMode(agentMode);
   }, [session?.provider, session?.model, agentMode]);
-  useEffect12(() => {
+  useEffect13(() => {
     const cs = useConfigStore.getState();
     cs.setGitBranch(gitStatus.branch);
     cs.setGitStatus(gitStatus.status);
@@ -13269,7 +13386,7 @@ function App(props) {
     };
     void uiStateRef.current.save(stateToSave);
   }, [session]);
-  useInput17((inputChar, key) => {
+  useInput19((inputChar, key) => {
     if (key.ctrl && inputChar === "q") {
       saveUIState();
       abortRef.current?.abort();
@@ -13604,18 +13721,18 @@ function App(props) {
     setPendingInput("");
   }
   if (error) {
-    return /* @__PURE__ */ jsxs31(Box30, { flexDirection: "column", children: [
-      /* @__PURE__ */ jsx31(Text30, { color: theme.error, bold: true, children: t("appDeepCodeError") }),
-      /* @__PURE__ */ jsx31(Text30, { children: error })
+    return /* @__PURE__ */ jsxs33(Box32, { flexDirection: "column", children: [
+      /* @__PURE__ */ jsx33(Text32, { color: theme.error, bold: true, children: t("appDeepCodeError") }),
+      /* @__PURE__ */ jsx33(Text32, { children: error })
     ] });
   }
   if (!runtime || !session) {
-    return /* @__PURE__ */ jsx31(Text30, { children: t("loadingDeepCode") });
+    return /* @__PURE__ */ jsx33(Text32, { children: t("loadingDeepCode") });
   }
   const activeApproval = approvals[0];
   const hasParallelTasks = Object.keys(taskBuffers).length > 1;
   const approvalHasDiff = Boolean(activeApproval?.diff);
-  const detailPanelContent = detailContent === "timeline" ? /* @__PURE__ */ jsx31(
+  const detailPanelContent = detailContent === "timeline" ? /* @__PURE__ */ jsx33(
     SessionTimeline,
     {
       activities,
@@ -13626,7 +13743,7 @@ function App(props) {
         useUIStore.getState().closePanel("detail");
       }
     }
-  ) : detailContent === "config" && runtime ? /* @__PURE__ */ jsx31(
+  ) : detailContent === "config" && runtime ? /* @__PURE__ */ jsx33(
     ConfigPanel,
     {
       runtime,
@@ -13641,13 +13758,33 @@ function App(props) {
         if (field) await saveConfigEdit(runtime, field, value);
       }
     }
-  ) : /* @__PURE__ */ jsx31(Box30, { paddingX: 1, paddingY: 1, children: /* @__PURE__ */ jsx31(Text30, { color: theme.fgMuted, dimColor: true, children: t("detailPanelPlaceholder") }) });
-  return /* @__PURE__ */ jsx31(
+  ) : detailContent === "diff" ? /* @__PURE__ */ jsx33(
+    DiffDetailPanel,
+    {
+      diff: activeApproval?.diff ?? null,
+      theme,
+      isActive: !activeModal,
+      onClose: () => {
+        setDetailContent("none");
+        useUIStore.getState().closePanel("detail");
+      }
+    }
+  ) : /* @__PURE__ */ jsx33(
+    ToolInspector,
+    {
+      toolCalls,
+      toolExecuting,
+      theme,
+      isActive: detailContent === "none" && !activeModal,
+      onClose: () => useUIStore.getState().closePanel("detail")
+    }
+  );
+  return /* @__PURE__ */ jsx33(
     AppLayout,
     {
       height: stdout.rows,
       theme,
-      header: /* @__PURE__ */ jsx31(
+      header: /* @__PURE__ */ jsx33(
         Header,
         {
           provider: activeModeSelection?.provider ?? activeProviderId,
@@ -13657,7 +13794,7 @@ function App(props) {
           providerStatus: activeProviderStatus
         }
       ),
-      contextPanel: contextView === "files" ? /* @__PURE__ */ jsx31(FileTreePanel, { files: fileTree, theme, cwd: props.cwd }) : /* @__PURE__ */ jsx31(
+      contextPanel: contextView === "files" ? /* @__PURE__ */ jsx33(FileTreePanel, { files: fileTree, theme, cwd: props.cwd }) : /* @__PURE__ */ jsx33(
         Sidebar,
         {
           theme,
@@ -13688,8 +13825,8 @@ function App(props) {
         }
       ),
       detailPanel: detailPanelContent,
-      executionPanel: /* @__PURE__ */ jsxs31(Box30, { flexDirection: "column", flexGrow: 1, children: [
-        activeModal === "provider" && /* @__PURE__ */ jsx31(ErrorBoundary, { theme, onReset: () => setActiveModal(null), children: /* @__PURE__ */ jsx31(
+      executionPanel: /* @__PURE__ */ jsxs33(Box32, { flexDirection: "column", flexGrow: 1, children: [
+        activeModal === "provider" && /* @__PURE__ */ jsx33(ErrorBoundary, { theme, onReset: () => setActiveModal(null), children: /* @__PURE__ */ jsx33(
           ProviderModal,
           {
             theme,
@@ -13775,7 +13912,7 @@ function App(props) {
             }
           }
         ) }),
-        activeModal === "model" && /* @__PURE__ */ jsx31(ErrorBoundary, { theme, onReset: () => setActiveModal(null), children: /* @__PURE__ */ jsx31(
+        activeModal === "model" && /* @__PURE__ */ jsx33(ErrorBoundary, { theme, onReset: () => setActiveModal(null), children: /* @__PURE__ */ jsx33(
           ModelSelector,
           {
             theme,
@@ -13821,7 +13958,7 @@ function App(props) {
             onClose: () => setActiveModal(null)
           }
         ) }),
-        activeModal === "telemetry" && /* @__PURE__ */ jsx31(ErrorBoundary, { theme, onReset: () => setActiveModal(null), children: /* @__PURE__ */ jsx31(
+        activeModal === "telemetry" && /* @__PURE__ */ jsx33(ErrorBoundary, { theme, onReset: () => setActiveModal(null), children: /* @__PURE__ */ jsx33(
           TelemetryPanel,
           {
             theme,
@@ -13834,7 +13971,7 @@ function App(props) {
             onClose: () => setActiveModal(null)
           }
         ) }),
-        showInputPreview && /* @__PURE__ */ jsx31(
+        showInputPreview && /* @__PURE__ */ jsx33(
           InputPreview,
           {
             theme,
@@ -13845,8 +13982,8 @@ function App(props) {
             estimatedTokens
           }
         ),
-        githubOAuth.status !== "idle" && /* @__PURE__ */ jsx31(OAuthWizard, { state: githubOAuth, theme }),
-        !activeModal && activeApproval && approvalHasDiff && previewState.open && /* @__PURE__ */ jsx31(
+        githubOAuth.status !== "idle" && /* @__PURE__ */ jsx33(OAuthWizard, { state: githubOAuth, theme }),
+        !activeModal && activeApproval && approvalHasDiff && previewState.open && /* @__PURE__ */ jsx33(
           PreviewOverlay,
           {
             summary: previewState.summary,
@@ -13866,7 +14003,7 @@ function App(props) {
             onPrev: prevFile
           }
         ),
-        !activeModal && activeApproval && !approvalHasDiff && /* @__PURE__ */ jsx31(
+        !activeModal && activeApproval && !approvalHasDiff && /* @__PURE__ */ jsx33(
           ApprovalPanel,
           {
             request: activeApproval,
@@ -13875,7 +14012,7 @@ function App(props) {
             theme
           }
         ),
-        !activeModal && viewMode === "sessions" && /* @__PURE__ */ jsx31(
+        !activeModal && viewMode === "sessions" && /* @__PURE__ */ jsx33(
           SessionSwitcher,
           {
             sessions: sessionList,
@@ -13884,7 +14021,7 @@ function App(props) {
             theme
           }
         ),
-        !activeModal && viewMode === "config" && /* @__PURE__ */ jsx31(
+        !activeModal && viewMode === "config" && /* @__PURE__ */ jsx33(
           ConfigEditor,
           {
             runtime,
@@ -13895,9 +14032,9 @@ function App(props) {
             theme
           }
         ),
-        !activeModal && viewMode === "help" && /* @__PURE__ */ jsx31(HelpView, { theme }),
-        !activeModal && viewMode === "chat" && /* @__PURE__ */ jsxs31(Box30, { flexDirection: "column", flexGrow: 1, paddingX: 1, children: [
-          showHistorySearch && /* @__PURE__ */ jsx31(
+        !activeModal && viewMode === "help" && /* @__PURE__ */ jsx33(HelpView, { theme }),
+        !activeModal && viewMode === "chat" && /* @__PURE__ */ jsxs33(Box32, { flexDirection: "column", flexGrow: 1, paddingX: 1, children: [
+          showHistorySearch && /* @__PURE__ */ jsx33(
             HistorySearch,
             {
               history: useAgentStore.getState().history,
@@ -13907,7 +14044,7 @@ function App(props) {
               onClose: () => setShowHistorySearch(false)
             }
           ),
-          hasParallelTasks && /* @__PURE__ */ jsx31(
+          hasParallelTasks && /* @__PURE__ */ jsx33(
             ParallelTasksPanel,
             {
               taskBuffers,
@@ -13915,9 +14052,9 @@ function App(props) {
               theme
             }
           ),
-          executionTasks.length > 0 && /* @__PURE__ */ jsx31(TaskProgress, { tasks: executionTasks, theme }),
-          currentPlan && streaming && /* @__PURE__ */ jsx31(ProgressMatrix, { plan: currentPlan, theme }),
-          /* @__PURE__ */ jsx31(Box30, { flexDirection: "column", flexGrow: 1, children: visibleMessages.length === 0 && !streaming ? /* @__PURE__ */ jsx31(
+          executionTasks.length > 0 && /* @__PURE__ */ jsx33(TaskProgress, { tasks: executionTasks, theme }),
+          currentPlan && streaming && /* @__PURE__ */ jsx33(ProgressMatrix, { plan: currentPlan, theme }),
+          /* @__PURE__ */ jsx33(Box32, { flexDirection: "column", flexGrow: 1, children: visibleMessages.length === 0 && !streaming ? /* @__PURE__ */ jsx33(
             EmptyChatState,
             {
               theme,
@@ -13928,8 +14065,8 @@ function App(props) {
               buildSelection: buildModeSelection,
               approvalCount: approvals.length
             }
-          ) : /* @__PURE__ */ jsxs31(Fragment6, { children: [
-            /* @__PURE__ */ jsx31(
+          ) : /* @__PURE__ */ jsxs33(Fragment7, { children: [
+            /* @__PURE__ */ jsx33(
               MessageList,
               {
                 messages: visibleMessages,
@@ -13940,9 +14077,9 @@ function App(props) {
                 vimMode
               }
             ),
-            approvals.length > 0 && activeApproval && /* @__PURE__ */ jsx31(ChatApprovalIndicator, { request: activeApproval, theme })
+            approvals.length > 0 && activeApproval && /* @__PURE__ */ jsx33(ChatApprovalIndicator, { request: activeApproval, theme })
           ] }) }),
-          showSlashMenu && /* @__PURE__ */ jsx31(
+          showSlashMenu && /* @__PURE__ */ jsx33(
             SlashCommandMenu,
             {
               commands: slashCommandSuggestions,
@@ -13950,7 +14087,7 @@ function App(props) {
               theme
             }
           ),
-          !showSlashMenu && !showHistorySearch && autocompleteSuggestions.length > 0 && /* @__PURE__ */ jsx31(
+          !showSlashMenu && !showHistorySearch && autocompleteSuggestions.length > 0 && /* @__PURE__ */ jsx33(
             CommandSuggestions,
             {
               commands: [],
@@ -13959,7 +14096,7 @@ function App(props) {
               theme
             }
           ),
-          /* @__PURE__ */ jsx31(
+          /* @__PURE__ */ jsx33(
             InputField,
             {
               value: input,
@@ -13973,7 +14110,7 @@ function App(props) {
           )
         ] })
       ] }),
-      statusBar: /* @__PURE__ */ jsx31(
+      statusBar: /* @__PURE__ */ jsx33(
         StatusBar,
         {
           theme,
@@ -14103,7 +14240,7 @@ function createProgram() {
     });
   });
   program.command("chat", { isDefault: true }).description("open the terminal UI").action(() => {
-    render(React15.createElement(App, { cwd: program.opts().cwd, config: program.opts().config }));
+    render(React16.createElement(App, { cwd: program.opts().cwd, config: program.opts().config }));
   });
   return program;
 }