@unikode/cli 1.0.16 → 1.0.18

package/dist/index.js

@@ -29,6 +29,40 @@ import { createContext, useContext, useState, useCallback } from "react";
 
 // src/theme.ts
 var THEMES = [
+  {
+    name: "Mist",
+    colors: {
+      primary: "#3B82F6",
+      planMode: "#F59E0B",
+      selection: "#008ca5ff",
+      thinking: "#f59f0be5",
+      success: "#22C55E",
+      error: "#EF4444",
+      info: "#8B5CF6",
+      background: "#9db2c4b4",
+      surface: "#868c90ff",
+      dialogSurface: "#75818a29",
+      thinkingBorder: "#D97706",
+      dimSeparator: "#94A3B8"
+    }
+  },
+  {
+    name: "Neon Horizon",
+    colors: {
+      primary: "#00F0FF",
+      planMode: "#FF007F",
+      selection: "#393153",
+      thinking: "#FFB800",
+      success: "#00FF66",
+      error: "#FF3333",
+      info: "#9D4EDD",
+      background: "#0D0E15",
+      surface: "#1A1C28",
+      dialogSurface: "#131520",
+      thinkingBorder: "#5A3E85",
+      dimSeparator: "#2A2D44"
+    }
+  },
   {
     name: "Nightfox",
     colors: {
@@ -746,6 +780,8 @@ function KeyboardLayerProvider({ children }) {
     }
   }, []);
   useKeyboard((key) => {
+    if (key.name === "f5")
+      return;
     if (!key.ctrl || key.name !== "c")
       return;
     const currentStack = stackRef.current;
@@ -896,7 +932,8 @@ var SUPPORTED_CHAT_MODELS = [
     pricing: {
       inputUsdPerMillionTokens: 3,
       outputUsdPerMillionTokens: 15
-    }
+    },
+    tools: true
   },
   {
     id: "claude-haiku-4-5",
@@ -904,7 +941,8 @@ var SUPPORTED_CHAT_MODELS = [
     pricing: {
       inputUsdPerMillionTokens: 1,
       outputUsdPerMillionTokens: 5
-    }
+    },
+    tools: true
   },
   {
     id: "claude-opus-4-6",
@@ -912,7 +950,8 @@ var SUPPORTED_CHAT_MODELS = [
     pricing: {
       inputUsdPerMillionTokens: 5,
       outputUsdPerMillionTokens: 25
-    }
+    },
+    tools: true
   },
   {
     id: "gpt-5.4",
@@ -920,7 +959,8 @@ var SUPPORTED_CHAT_MODELS = [
     pricing: {
       inputUsdPerMillionTokens: 2.5,
       outputUsdPerMillionTokens: 15
-    }
+    },
+    tools: true
   },
   {
     id: "gpt-5.4-mini",
@@ -928,7 +968,8 @@ var SUPPORTED_CHAT_MODELS = [
     pricing: {
       inputUsdPerMillionTokens: 0.75,
       outputUsdPerMillionTokens: 4.5
-    }
+    },
+    tools: true
   },
   {
     id: "gpt-5.4-nano",
@@ -936,7 +977,8 @@ var SUPPORTED_CHAT_MODELS = [
     pricing: {
       inputUsdPerMillionTokens: 0.2,
       outputUsdPerMillionTokens: 1.25
-    }
+    },
+    tools: true
   },
   {
     id: "gemini-2.5-flash",
@@ -944,7 +986,8 @@ var SUPPORTED_CHAT_MODELS = [
     pricing: {
       inputUsdPerMillionTokens: 0.3,
       outputUsdPerMillionTokens: 1
-    }
+    },
+    tools: true
   },
   {
     id: "gemini-3.1-flash-lite",
@@ -952,7 +995,8 @@ var SUPPORTED_CHAT_MODELS = [
     pricing: {
       inputUsdPerMillionTokens: 100.25,
       outputUsdPerMillionTokens: 110.5
-    }
+    },
+    tools: true
   },
   {
     id: "ai/smollm2",
@@ -960,7 +1004,26 @@ var SUPPORTED_CHAT_MODELS = [
     pricing: {
       inputUsdPerMillionTokens: 2,
       outputUsdPerMillionTokens: 2
-    }
+    },
+    tools: true
+  },
+  {
+    id: "gpt-oss:20b",
+    provider: "local-ollama",
+    pricing: {
+      inputUsdPerMillionTokens: 30,
+      outputUsdPerMillionTokens: 30
+    },
+    tools: true
+  },
+  {
+    id: "llama3.1:8b-instruct-fp16",
+    provider: "local-ollama",
+    pricing: {
+      inputUsdPerMillionTokens: 3,
+      outputUsdPerMillionTokens: 3
+    },
+    tools: true
   },
   {
     id: "gpt-oss:20b-cloud",
@@ -968,7 +1031,8 @@ var SUPPORTED_CHAT_MODELS = [
     pricing: {
       inputUsdPerMillionTokens: 30,
       outputUsdPerMillionTokens: 30
-    }
+    },
+    tools: true
   },
   {
     id: "qwen3:4b",
@@ -976,7 +1040,8 @@ var SUPPORTED_CHAT_MODELS = [
     pricing: {
       inputUsdPerMillionTokens: 30,
       outputUsdPerMillionTokens: 30
-    }
+    },
+    tools: true
   },
   {
     id: "gpt-oss:120b-cloud",
@@ -984,12 +1049,17 @@ var SUPPORTED_CHAT_MODELS = [
     pricing: {
       inputUsdPerMillionTokens: 30,
       outputUsdPerMillionTokens: 30
-    }
+    },
+    tools: true
   }
 ];
 function findSupportedChatModel(modelId) {
   return SUPPORTED_CHAT_MODELS.find((model) => model.id === modelId);
 }
+function modelSupportsTools(modelId) {
+  const model = findSupportedChatModel(modelId);
+  return model?.tools !== false;
+}
 var DEFAULT_CHAT_MODEL_ID = "gemini-2.5-flash";
 // ../shared/src/schemas.ts
 import { z } from "zod";
@@ -997,7 +1067,8 @@ import { tool } from "ai";
 var Mode = {
   BUILD: "BUILD",
   PLAN: "PLAN",
-  DOCUMENTATION: "DOCUMENTATION"
+  DOCUMENTATION: "DOCUMENTATION",
+  ASK: "ASK"
 };
 var allModes = Object.values(Mode);
 var modeSchema = z.enum(Object.values(Mode));
@@ -1158,6 +1229,13 @@ var buildToolContracts = {
     inputSchema: toolInputSchemas.undoLastEditSchema
   })
 };
+var confirmationRequiredTools = new Set([
+  "writeFile",
+  "editFile",
+  "terminalTool",
+  "undoLastEditSchema",
+  "writeMarkdownFile"
+]);
 // src/providers/prompt-config/index.tsx
 import { jsxDEV as jsxDEV6 } from "@opentui/react/jsx-dev-runtime";
 var PromptConfigContext = createContext5(null);
@@ -1169,11 +1247,35 @@ function usePromptConfig() {
   return value;
 }
 function PromptConfigProvider({ children }) {
-  const [mode, setMode] = useState5(Mode.BUILD);
-  const [model, setModel] = useState5(DEFAULT_CHAT_MODEL_ID);
+  const toast = useToast();
+  const [model, setModelProp] = useState5(DEFAULT_CHAT_MODEL_ID);
+  const [mode, setModeState] = useState5(() => modelSupportsTools(DEFAULT_CHAT_MODEL_ID) ? Mode.BUILD : Mode.ASK);
+  const setMode = useCallback5((newMode) => {
+    setModeState((prevMode) => {
+      const resolvedMode = typeof newMode === "function" ? newMode(prevMode) : newMode;
+      if (!modelSupportsTools(model)) {
+        toast.show({
+          variant: "error",
+          message: 'this model doesnt support tools, and can only be used in the "ASK" mode !!'
+        });
+        return Mode.ASK;
+      }
+      return resolvedMode;
+    });
+  }, [model, toast]);
+  const setModel = useCallback5((newModel) => {
+    setModelProp(newModel);
+    if (!modelSupportsTools(newModel)) {
+      toast.show({
+        variant: "error",
+        message: 'this model doesnt support tools, and can only be used in the "ASK" mode !!'
+      });
+      setModeState(Mode.ASK);
+    }
+  }, [toast]);
   const toggleMode = useCallback5(() => {
     setMode((m) => m === Mode.BUILD ? Mode.PLAN : Mode.BUILD);
-  }, []);
+  }, [setMode]);
   return /* @__PURE__ */ jsxDEV6(PromptConfigContext.Provider, {
     value: {
       mode,
@@ -2092,6 +2194,17 @@ function useCommandMenu() {
 
 // src/components/input-bar.tsx
 import { useNavigate as useNavigate2 } from "react-router";
+
+// src/lib/textarea-ref.ts
+var textarea = null;
+function getInputTextarea() {
+  return textarea;
+}
+function setInputTextarea(t) {
+  textarea = t;
+}
+
+// src/components/input-bar.tsx
 import { jsxDEV as jsxDEV17 } from "@opentui/react/jsx-dev-runtime";
 var MAX_VISIBLE_MENTIONS = 8;
 var CURRENT_DIRECTORY = process.cwd();
@@ -2324,48 +2437,48 @@ function InputBar({ onSubmit, disabled = false }) {
     }
   }, [closeMentionMenu, push]);
   const handleTextareaContentChange = useCallback11(() => {
-    const textarea = textareaRef.current;
-    if (!textarea)
+    const textarea2 = textareaRef.current;
+    if (!textarea2)
       return;
-    const text = textarea.plainText;
-    handleContentChange(textarea.plainText);
-    syncMentionMenu(text, textarea.cursorOffset);
+    const text = textarea2.plainText;
+    handleContentChange(textarea2.plainText);
+    syncMentionMenu(text, textarea2.cursorOffset);
   }, [handleContentChange, syncMentionMenu]);
   const handleSubmit = useCallback11(() => {
     if (disabled)
       return;
-    const textarea = textareaRef.current;
-    if (!textarea)
+    const textarea2 = textareaRef.current;
+    if (!textarea2)
       return;
-    const text = textarea.plainText.trim();
+    const text = textarea2.plainText.trim();
     if (text.length === 0)
       return;
     onSubmit(text);
-    textarea.setText("");
+    textarea2.setText("");
   }, [disabled, onSubmit]);
   const handleMentionExecute = useCallback11((index) => {
-    const textarea = textareaRef.current;
+    const textarea2 = textareaRef.current;
     const mention = activeMentionRef.current;
     const candidate = mentionCandidates[index];
-    if (!textarea || !mention || !candidate)
+    if (!textarea2 || !mention || !candidate)
       return;
     const insertion = candidate.kind === "directory" ? candidate.path : `${candidate.path} `;
-    const nextText = `${textarea.plainText.slice(0, mention.start)}@${insertion}${textarea.plainText.slice(mention.end)}`;
-    textarea.replaceText(nextText);
-    textarea.cursorOffset = mention.start + insertion.length + 1;
-    syncMentionMenu(nextText, textarea.cursorOffset);
+    const nextText = `${textarea2.plainText.slice(0, mention.start)}@${insertion}${textarea2.plainText.slice(mention.end)}`;
+    textarea2.replaceText(nextText);
+    textarea2.cursorOffset = mention.start + insertion.length + 1;
+    syncMentionMenu(nextText, textarea2.cursorOffset);
   }, [mentionCandidates, syncMentionMenu]);
   const handleTextareaCursorChange = useCallback11(() => {
-    const textarea = textareaRef.current;
-    if (!textarea)
+    const textarea2 = textareaRef.current;
+    if (!textarea2)
       return;
-    syncMentionMenu(textarea.plainText, textarea.cursorOffset);
+    syncMentionMenu(textarea2.plainText, textarea2.cursorOffset);
   }, [syncMentionMenu]);
   const handleCommand = useCallback11((command) => {
-    const textarea = textareaRef.current;
-    if (!textarea || !command)
+    const textarea2 = textareaRef.current;
+    if (!textarea2 || !command)
       return;
-    textarea.setText("");
+    textarea2.setText("");
     if (command.action) {
       command.action({
         exit: () => renderer.destroy(),
@@ -2377,7 +2490,7 @@ function InputBar({ onSubmit, disabled = false }) {
         setModel
       });
     } else {
-      textarea.insertText(command.value + " ");
+      textarea2.insertText(command.value + " ");
     }
   }, [renderer, toast, dialog, navigate, Mode, setMode, setModel]);
   const handleCommandExecute = useCallback11((index) => {
@@ -2408,10 +2521,10 @@ function InputBar({ onSubmit, disabled = false }) {
     };
   }, [activeMention]);
   useEffect3(() => {
-    const textarea = textareaRef.current;
-    if (!textarea)
+    const textarea2 = textareaRef.current;
+    if (!textarea2)
       return;
-    textarea.onSubmit = () => {
+    textarea2.onSubmit = () => {
       onSubmitRef.current();
     };
   }, []);
@@ -2444,13 +2557,24 @@ function InputBar({ onSubmit, disabled = false }) {
       toggleMode();
     }
   });
+  useKeyboard5((key) => {
+    if (key.name === "f5") {
+      key.preventDefault();
+      const textarea2 = textareaRef.current;
+      if (textarea2 && textarea2.hasSelection()) {
+        const selectedText = textarea2.getSelectedText();
+        renderer.copyToClipboardOSC52(selectedText);
+        toast.show({ variant: "success", message: "Copied to clipboard" });
+      }
+    }
+  });
   useEffect3(() => {
     setResponder("base", () => {
       if (disabled)
         return false;
-      const textarea = textareaRef.current;
-      if (textarea && textarea.plainText.length > 0) {
-        textarea.setText("");
+      const textarea2 = textareaRef.current;
+      if (textarea2 && textarea2.plainText.length > 0) {
+        textarea2.setText("");
         return true;
       }
       return false;
@@ -2494,6 +2618,9 @@ function InputBar({ onSubmit, disabled = false }) {
       });
     }
   });
+  useEffect3(() => {
+    setInputTextarea(textareaRef.current);
+  });
   return /* @__PURE__ */ jsxDEV17("box", {
     width: "100%",
     alignItems: "stretch",
@@ -3061,7 +3188,7 @@ function UserMessage({ message, mode }) {
 // src/components/messages/bot-message.tsx
 import { useMemo as useMemo3 } from "react";
 import prettyMs from "pretty-ms";
-import { SyntaxStyle, TextAttributes as TextAttributes10, getTreeSitterClient, BoxRenderable } from "@opentui/core";
+import { SyntaxStyle, TextAttributes as TextAttributes11, getTreeSitterClient, BoxRenderable } from "@opentui/core";
 
 // src/components/messages/question-message.tsx
 import { useCallback as useCallback13, useRef as useRef7, useState as useState10 } from "react";
@@ -3150,8 +3277,71 @@ function QuestionMessage({ prompt, onSubmit }) {
   }, undefined, false, undefined, this);
 }
 
+// src/components/messages/confirmation-message.tsx
+import { TextAttributes as TextAttributes10 } from "@opentui/core";
+import { jsxDEV as jsxDEV24 } from "@opentui/react/jsx-dev-runtime";
+function ConfirmationMessage({ confirmation, onAllow, onDisallow }) {
+  const { colors } = useTheme();
+  return /* @__PURE__ */ jsxDEV24("box", {
+    width: "100%",
+    alignItems: "center",
+    children: /* @__PURE__ */ jsxDEV24("box", {
+      border: ["left"],
+      borderColor: colors.error,
+      width: "100%",
+      children: /* @__PURE__ */ jsxDEV24("box", {
+        flexDirection: "column",
+        gap: 1,
+        paddingX: 2,
+        paddingY: 1,
+        backgroundColor: colors.surface,
+        width: "100%",
+        children: [
+          /* @__PURE__ */ jsxDEV24("text", {
+            attributes: TextAttributes10.BOLD,
+            fg: colors.error,
+            children: "Confirmation required"
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV24("text", {
+            children: confirmation.summary
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV24("box", {
+            flexDirection: "row",
+            gap: 2,
+            paddingTop: 1,
+            children: [
+              /* @__PURE__ */ jsxDEV24("box", {
+                border: true,
+                paddingX: 2,
+                paddingY: 0,
+                onMouseDown: () => onAllow(confirmation.id),
+                children: /* @__PURE__ */ jsxDEV24("text", {
+                  fg: colors.success,
+                  attributes: TextAttributes10.BOLD,
+                  children: "Allow"
+                }, undefined, false, undefined, this)
+              }, undefined, false, undefined, this),
+              /* @__PURE__ */ jsxDEV24("box", {
+                border: true,
+                paddingX: 2,
+                paddingY: 0,
+                onMouseDown: () => onDisallow(confirmation.id),
+                children: /* @__PURE__ */ jsxDEV24("text", {
+                  fg: colors.error,
+                  attributes: TextAttributes10.BOLD,
+                  children: "Disallow"
+                }, undefined, false, undefined, this)
+              }, undefined, false, undefined, this)
+            ]
+          }, undefined, true, undefined, this)
+        ]
+      }, undefined, true, undefined, this)
+    }, undefined, false, undefined, this)
+  }, undefined, false, undefined, this);
+}
+
 // src/components/messages/bot-message.tsx
-import { jsxDEV as jsxDEV24, Fragment as Fragment3 } from "@opentui/react/jsx-dev-runtime";
+import { jsxDEV as jsxDEV25, Fragment as Fragment3 } from "@opentui/react/jsx-dev-runtime";
 function formatToolName(name) {
   return name.replace(/([a-z0-9])([A-Z])/g, "$1 $2").replace(/^./, (c) => c.toUpperCase());
 }
@@ -3186,7 +3376,10 @@ function BotMessage({
   durationMs,
   streaming = false,
   questionPrompts = [],
-  onSubmitQuestionAnswer
+  onSubmitQuestionAnswer,
+  pendingConfirmations = [],
+  onAllowConfirmation,
+  onDisallowConfirmation
 }) {
   const { colors } = useTheme();
   const syntaxStyle = useMemo3(() => SyntaxStyle.fromStyles({
@@ -3241,24 +3434,24 @@ function BotMessage({
       return;
     };
   }, [colors]);
-  return /* @__PURE__ */ jsxDEV24("box", {
+  return /* @__PURE__ */ jsxDEV25("box", {
     width: "100%",
     alignItems: "center",
     children: [
-      groupConsecutiveParts(parts).map((group, i) => /* @__PURE__ */ jsxDEV24("box", {
+      groupConsecutiveParts(parts).map((group, i) => /* @__PURE__ */ jsxDEV25("box", {
         width: "100%",
         paddingTop: i === 0 ? 0 : 1,
         children: group.parts.map((part, j) => {
           if (part.type === "reasoning") {
-            return /* @__PURE__ */ jsxDEV24("box", {
+            return /* @__PURE__ */ jsxDEV25("box", {
               border: ["left"],
               borderColor: colors.thinkingBorder,
               width: "100%",
               paddingX: 2,
-              children: /* @__PURE__ */ jsxDEV24("text", {
-                attributes: TextAttributes10.DIM,
+              children: /* @__PURE__ */ jsxDEV25("text", {
+                attributes: TextAttributes11.DIM,
                 children: [
-                  /* @__PURE__ */ jsxDEV24("em", {
+                  /* @__PURE__ */ jsxDEV25("em", {
                     fg: colors.thinking,
                     children: "Thinking:"
                   }, undefined, false, undefined, this),
@@ -3272,23 +3465,34 @@ function BotMessage({
             const toolName = part.type === "dynamic-tool" ? part.toolName : part.type.slice("tool-".length);
             const questionPrompt = toolName === "askQuestionTool" ? questionPrompts.find((prompt) => prompt.toolCallId === part.toolCallId) : undefined;
             if (questionPrompt) {
-              return /* @__PURE__ */ jsxDEV24("box", {
+              return /* @__PURE__ */ jsxDEV25("box", {
                 width: "100%",
-                children: /* @__PURE__ */ jsxDEV24(QuestionMessage, {
+                children: /* @__PURE__ */ jsxDEV25(QuestionMessage, {
                   prompt: questionPrompt,
                   onSubmit: onSubmitQuestionAnswer ?? (() => {})
                 }, undefined, false, undefined, this)
               }, part.toolCallId, false, undefined, this);
             }
-            return /* @__PURE__ */ jsxDEV24("box", {
+            const confirmationPrompt = pendingConfirmations?.find((c) => c.toolCallId === part.toolCallId);
+            if (confirmationPrompt) {
+              return /* @__PURE__ */ jsxDEV25("box", {
+                width: "100%",
+                children: /* @__PURE__ */ jsxDEV25(ConfirmationMessage, {
+                  confirmation: confirmationPrompt,
+                  onAllow: onAllowConfirmation ?? (() => {}),
+                  onDisallow: onDisallowConfirmation ?? (() => {})
+                }, undefined, false, undefined, this)
+              }, `confirm-${part.toolCallId}`, false, undefined, this);
+            }
+            return /* @__PURE__ */ jsxDEV25("box", {
               border: ["left"],
               borderColor: colors.thinkingBorder,
               width: "100%",
               paddingX: 2,
-              children: /* @__PURE__ */ jsxDEV24("text", {
-                attributes: TextAttributes10.DIM,
+              children: /* @__PURE__ */ jsxDEV25("text", {
+                attributes: TextAttributes11.DIM,
                 children: [
-                  /* @__PURE__ */ jsxDEV24("em", {
+                  /* @__PURE__ */ jsxDEV25("em", {
                     fg: colors.info,
                     children: [
                       formatToolName(toolName),
@@ -3307,10 +3511,10 @@ function BotMessage({
             if (j > 0)
               return null;
             const fullText = group.parts.filter((p) => p.type === "text").map((p) => p.text).join("");
-            return /* @__PURE__ */ jsxDEV24("box", {
+            return /* @__PURE__ */ jsxDEV25("box", {
               paddingX: 3,
               width: "100%",
-              children: /* @__PURE__ */ jsxDEV24("markdown", {
+              children: /* @__PURE__ */ jsxDEV25("markdown", {
                 content: fullText,
                 syntaxStyle,
                 streaming,
@@ -3322,44 +3526,44 @@ function BotMessage({
           return null;
         })
       }, group.key, false, undefined, this)),
-      /* @__PURE__ */ jsxDEV24("box", {
+      /* @__PURE__ */ jsxDEV25("box", {
         paddingX: 3,
         paddingY: 1,
         gap: 1,
         width: "100%",
-        children: /* @__PURE__ */ jsxDEV24("box", {
+        children: /* @__PURE__ */ jsxDEV25("box", {
           flexDirection: "row",
           gap: 2,
           children: [
-            /* @__PURE__ */ jsxDEV24("text", {
+            /* @__PURE__ */ jsxDEV25("text", {
               fg: mode === Mode.PLAN ? colors.planMode : colors.primary,
               children: "\u25C9"
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsxDEV24("box", {
+            /* @__PURE__ */ jsxDEV25("box", {
               flexDirection: "row",
               gap: 1,
               children: [
-                /* @__PURE__ */ jsxDEV24("text", {
+                /* @__PURE__ */ jsxDEV25("text", {
                   children: mode
                 }, undefined, false, undefined, this),
-                /* @__PURE__ */ jsxDEV24("text", {
-                  attributes: TextAttributes10.DIM,
+                /* @__PURE__ */ jsxDEV25("text", {
+                  attributes: TextAttributes11.DIM,
                   fg: colors.dimSeparator,
                   children: "\u203A"
                 }, undefined, false, undefined, this),
-                /* @__PURE__ */ jsxDEV24("text", {
-                  attributes: TextAttributes10.DIM,
+                /* @__PURE__ */ jsxDEV25("text", {
+                  attributes: TextAttributes11.DIM,
                   children: model
                 }, undefined, false, undefined, this),
-                durationMs != null ? /* @__PURE__ */ jsxDEV24(Fragment3, {
+                durationMs != null ? /* @__PURE__ */ jsxDEV25(Fragment3, {
                   children: [
-                    /* @__PURE__ */ jsxDEV24("text", {
-                      attributes: TextAttributes10.DIM,
+                    /* @__PURE__ */ jsxDEV25("text", {
+                      attributes: TextAttributes11.DIM,
                       fg: colors.dimSeparator,
                       children: "\u203A"
                     }, undefined, false, undefined, this),
-                    /* @__PURE__ */ jsxDEV24("text", {
-                      attributes: TextAttributes10.DIM,
+                    /* @__PURE__ */ jsxDEV25("text", {
+                      attributes: TextAttributes11.DIM,
                       children: prettyMs(durationMs)
                     }, undefined, false, undefined, this)
                   ]
@@ -3373,25 +3577,25 @@ function BotMessage({
   }, undefined, true, undefined, this);
 }
 // src/components/messages/error-message.tsx
-import { TextAttributes as TextAttributes11 } from "@opentui/core";
-import { jsxDEV as jsxDEV25 } from "@opentui/react/jsx-dev-runtime";
+import { TextAttributes as TextAttributes12 } from "@opentui/core";
+import { jsxDEV as jsxDEV26 } from "@opentui/react/jsx-dev-runtime";
 function ErrorMessage({ message }) {
   const { colors } = useTheme();
-  return /* @__PURE__ */ jsxDEV25("box", {
+  return /* @__PURE__ */ jsxDEV26("box", {
     width: "100%",
     alignItems: "center",
-    children: /* @__PURE__ */ jsxDEV25("box", {
+    children: /* @__PURE__ */ jsxDEV26("box", {
       border: ["left"],
       borderColor: colors.error,
       width: "100%",
-      children: /* @__PURE__ */ jsxDEV25("box", {
+      children: /* @__PURE__ */ jsxDEV26("box", {
         justifyContent: "center",
         paddingX: 2,
         paddingY: 1,
         backgroundColor: colors.surface,
         width: "100%",
-        children: /* @__PURE__ */ jsxDEV25("text", {
-          attributes: TextAttributes11.DIM,
+        children: /* @__PURE__ */ jsxDEV26("text", {
+          attributes: TextAttributes12.DIM,
           children: message
         }, undefined, false, undefined, this)
       }, undefined, false, undefined, this)
@@ -3399,7 +3603,7 @@ function ErrorMessage({ message }) {
   }, undefined, false, undefined, this);
 }
 // src/screens/new-session.tsx
-import { jsxDEV as jsxDEV26 } from "@opentui/react/jsx-dev-runtime";
+import { jsxDEV as jsxDEV27 } from "@opentui/react/jsx-dev-runtime";
 var newSessionStateSchema = z2.object({
   message: z2.string(),
   mode: modeSchema,
@@ -3455,11 +3659,11 @@ function NewSession() {
   }, [state, navigate, toast]);
   if (!state)
     return null;
-  return /* @__PURE__ */ jsxDEV26(SessionShell, {
+  return /* @__PURE__ */ jsxDEV27(SessionShell, {
     onSubmit: () => {},
     inputDisabled: true,
     loading: true,
-    children: /* @__PURE__ */ jsxDEV26(UserMessage, {
+    children: /* @__PURE__ */ jsxDEV27(UserMessage, {
       message: state.message,
       mode: state.mode
     }, undefined, false, undefined, this)
@@ -3680,36 +3884,46 @@ async function executeLocalTool(toolName, input, mode) {
     }
     case "webSearchTool": {
       const { query, searchDepth, maxResults, includeAnswer } = toolInputSchemas.webSearchTool.parse(input);
-      const apiKey = process.env.TAVILY_API_KEY;
-      const tavilyapiurl = process.env.TAVILY_API_URL;
-      if (!apiKey) {
+      const apiUrl = process.env.API_URL ?? "http://localhost:3000";
+      const searchEndpointUrl = apiUrl + "/tools/webSearchTool";
+      if (!searchEndpointUrl) {
         return {
           error: true,
-          message: "TAVILY_API_KEY is not set in the environment. Add it to your .env file to enable web search."
+          message: "WEB_SEARCH_ENDPOINT_URL is not configured in the CLI environment."
         };
       }
       try {
-        const response = await fetch(`${tavilyapiurl}`, {
+        const auth = getAuth();
+        const headers = {
+          "Content-Type": "application/json"
+        };
+        if (auth) {
+          headers["Authorization"] = `Bearer ${auth.token}`;
+        }
+        const response = await fetch(searchEndpointUrl, {
           method: "POST",
-          headers: {
-            "Content-Type": "application/json"
-          },
+          headers,
           body: JSON.stringify({
-            api_key: apiKey,
             query,
-            search_depth: searchDepth,
-            max_results: maxResults,
-            include_answer: includeAnswer
+            searchDepth,
+            maxResults,
+            includeAnswer
           })
         });
         if (!response.ok) {
           const errorText = await response.text();
           return {
             error: true,
-            message: `Tavily API request failed (${response.status}): ${errorText}`
+            message: `Web search service failed (${response.status}): ${errorText}`
           };
         }
         const data = await response.json();
+        if (data.error) {
+          return {
+            error: true,
+            message: data.error
+          };
+        }
         return {
           error: false,
           query,
@@ -3952,6 +4166,7 @@ ${outline.join(`
 // src/hooks/use-chat.ts
 function useChat(sessionId, initialMessages) {
   const [questionPrompts, setQuestionPrompts] = useState11([]);
+  const [pendingConfirmations, setPendingConfirmations] = useState11([]);
   const transport = useMemo5(() => {
     return new DefaultChatTransport({
       api: apiClient.chat.$url().toString(),
@@ -3994,6 +4209,20 @@ function useChat(sessionId, initialMessages) {
       }
     });
   }, [questionPrompts]);
+  const formatToolSummary = (toolName, input) => {
+    switch (toolName) {
+      case "writeFile":
+        return `Create/write file: ${input.path}`;
+      case "editFile":
+        return `Edit file: ${input.path}`;
+      case "terminalTool":
+        return `Run command: ${input.explanation || input.command}`;
+      case "undoLastEditSchema":
+        return `Undo edit: ${input.path}`;
+      default:
+        return `Execute ${toolName}`;
+    }
+  };
   const chat = useAiChat({
     id: sessionId,
     messages: initialMessages,
@@ -4017,6 +4246,17 @@ function useChat(sessionId, initialMessages) {
         return;
       }
       const mode = chat.messages.at(-1)?.metadata?.mode ?? "BUILD";
+      if (confirmationRequiredTools.has(toolCall.toolName)) {
+        const promptId = crypto.randomUUID();
+        setPendingConfirmations((prev) => [...prev, {
+          id: promptId,
+          toolCallId: toolCall.toolCallId,
+          toolName: toolCall.toolName,
+          input: toolCall.input,
+          summary: formatToolSummary(toolCall.toolName, toolCall.input)
+        }]);
+        return;
+      }
       executeLocalTool(toolCall.toolName, toolCall.input, mode).then((output) => chat.addToolOutput({
         tool: toolCall.toolName,
         toolCallId: toolCall.toolCallId,
@@ -4030,6 +4270,27 @@ function useChat(sessionId, initialMessages) {
     },
     sendAutomaticallyWhen: lastAssistantMessageIsCompleteWithToolCalls
   });
+  const allowConfirmation = useCallback14((confirmationId) => {
+    const confirmation = pendingConfirmations.find((c) => c.id === confirmationId);
+    if (!confirmation)
+      return;
+    setPendingConfirmations((prev) => prev.filter((c) => c.id !== confirmationId));
+    const currentMode = chat.messages.at(-1)?.metadata?.mode ?? "BUILD";
+    executeLocalTool(confirmation.toolName, confirmation.input, currentMode).then((output) => chat.addToolOutput({ tool: confirmation.toolName, toolCallId: confirmation.toolCallId, output })).catch((error) => chat.addToolOutput({ tool: confirmation.toolName, toolCallId: confirmation.toolCallId, state: "output-error", errorText: error instanceof Error ? error.message : String(error) }));
+  }, [pendingConfirmations, chat]);
+  const disallowConfirmation = useCallback14((confirmationId) => {
+    const confirmation = pendingConfirmations.find((c) => c.id === confirmationId);
+    if (!confirmation)
+      return;
+    setPendingConfirmations((prev) => prev.filter((c) => c.id !== confirmationId));
+    chat.addToolOutput({
+      tool: confirmation.toolName,
+      toolCallId: confirmation.toolCallId,
+      output: {
+        SYSTEM_CONSTRAINT: "Action Aborted by User. Permission permanently denied for this specific command string. Do NOT retry this command or repeatedly ask user to allow the action. Search for an alternative tool, modify your approach, or explain the limitation to the user."
+      }
+    });
+  }, [pendingConfirmations, chat]);
   return {
     messages: chat.messages,
     status: chat.status,
@@ -4047,13 +4308,16 @@ function useChat(sessionId, initialMessages) {
       });
     },
     abort: chat.stop,
-    interrupt: chat.stop
+    interrupt: chat.stop,
+    pendingConfirmations,
+    allowConfirmation,
+    disallowConfirmation
   };
 }
 
 // src/screens/session.tsx
-import { useKeyboard as useKeyboard6 } from "@opentui/react";
-import { jsxDEV as jsxDEV27 } from "@opentui/react/jsx-dev-runtime";
+import { useKeyboard as useKeyboard6, useRenderer as useRenderer3 } from "@opentui/react";
+import { jsxDEV as jsxDEV28 } from "@opentui/react/jsx-dev-runtime";
 var sessionLocationSchema = z3.object({
   session: z3.custom((val) => val != null && typeof val === "object" && ("id" in val)),
   initialPrompt: z3.object({
@@ -4066,23 +4330,29 @@ function ChatMessage({
   msg,
   questionPrompts,
   onSubmitQuestionAnswer,
+  pendingConfirmations,
+  onAllowConfirmation,
+  onDisallowConfirmation,
   isStreaming = false
 }) {
   if (msg.role === "user") {
     const text = msg.parts.filter((p) => p.type === "text").map((p) => p.text).join("");
-    return /* @__PURE__ */ jsxDEV27(UserMessage, {
+    return /* @__PURE__ */ jsxDEV28(UserMessage, {
       message: text,
       mode: msg.metadata?.mode ?? "BUILD"
     }, undefined, false, undefined, this);
   }
-  return /* @__PURE__ */ jsxDEV27(BotMessage, {
+  return /* @__PURE__ */ jsxDEV28(BotMessage, {
     parts: msg.parts,
     model: msg.metadata?.model ?? "unknown",
     mode: msg.metadata?.mode ?? "BUILD",
     durationMs: msg.metadata?.durationMs,
     streaming: isStreaming,
     questionPrompts,
-    onSubmitQuestionAnswer
+    onSubmitQuestionAnswer,
+    pendingConfirmations,
+    onAllowConfirmation,
+    onDisallowConfirmation
   }, undefined, false, undefined, this);
 }
 function SessionChat({ session, initialPrompt }) {
@@ -4096,11 +4366,16 @@ function SessionChat({ session, initialPrompt }) {
     error,
     questionPrompts,
     submitQuestionAnswer,
-    deactivateQuestionPrompts
+    deactivateQuestionPrompts,
+    pendingConfirmations,
+    allowConfirmation,
+    disallowConfirmation
   } = useChat(session.id, initialMessages);
   const hasSubmittedInitialPromptRef = useRef9(false);
   const { mode, model } = usePromptConfig();
   const { isTopLayer } = useKeyboardLayer();
+  const renderer = useRenderer3();
+  const toast = useToast();
   useEffect5(() => {
     return () => {
       abort();
@@ -4112,6 +4387,25 @@ function SessionChat({ session, initialPrompt }) {
       interrupt();
     }
   });
+  useKeyboard6((key) => {
+    if (key.name === "f5") {
+      key.preventDefault();
+      const inputTextarea = getInputTextarea();
+      if (inputTextarea && inputTextarea.hasSelection()) {
+        renderer.copyToClipboardOSC52(inputTextarea.getSelectedText());
+        toast.show({ variant: "success", message: "Copied to clipboard" });
+        return;
+      }
+      const lastAssistantMessage = messages.findLast((m) => m.role === "assistant");
+      if (lastAssistantMessage) {
+        const text = lastAssistantMessage.parts.filter((p) => p.type === "text").map((p) => p.text).join("");
+        if (text) {
+          renderer.copyToClipboardOSC52(text);
+          toast.show({ variant: "success", message: "Copied last response to clipboard" });
+        }
+      }
+    }
+  });
   useEffect5(() => {
     if (!initialPrompt || hasSubmittedInitialPromptRef.current)
       return;
@@ -4122,24 +4416,28 @@ function SessionChat({ session, initialPrompt }) {
       model: initialPrompt.model
     });
   }, [initialPrompt, submit]);
-  return /* @__PURE__ */ jsxDEV27(SessionShell, {
+  return /* @__PURE__ */ jsxDEV28(SessionShell, {
     onSubmit: (text) => {
       deactivateQuestionPrompts();
       submit({ userText: text, mode, model });
     },
     loading: status === "submitted" || status === "streaming",
     interruptible: status === "submitted" || status === "streaming",
+    inputDisabled: status === "submitted" || status === "streaming" || questionPrompts.some((p) => p.isActive) || pendingConfirmations.length > 0,
     children: [
       messages.map((msg, i) => {
         const isLastAssistant = msg.role === "assistant" && i === messages.length - 1;
-        return /* @__PURE__ */ jsxDEV27(ChatMessage, {
+        return /* @__PURE__ */ jsxDEV28(ChatMessage, {
           msg,
           questionPrompts,
           onSubmitQuestionAnswer: submitQuestionAnswer,
+          pendingConfirmations,
+          onAllowConfirmation: allowConfirmation,
+          onDisallowConfirmation: disallowConfirmation,
           isStreaming: isLastAssistant && status === "streaming"
         }, msg.id, false, undefined, this);
       }),
-      error && /* @__PURE__ */ jsxDEV27(ErrorMessage, {
+      error && /* @__PURE__ */ jsxDEV28(ErrorMessage, {
         message: error.message
       }, undefined, false, undefined, this)
     ]
@@ -4189,34 +4487,34 @@ function Session() {
     };
   }, [id, prefetched, toast, navigate]);
   if (!session) {
-    return /* @__PURE__ */ jsxDEV27(SessionShell, {
+    return /* @__PURE__ */ jsxDEV28(SessionShell, {
       onSubmit: () => {},
       inputDisabled: true,
       loading: true
     }, undefined, false, undefined, this);
   }
-  return /* @__PURE__ */ jsxDEV27(SessionChat, {
+  return /* @__PURE__ */ jsxDEV28(SessionChat, {
     session,
     initialPrompt: prefetched?.initialPrompt
   }, session.id, false, undefined, this);
 }
 
 // src/index.tsx
-import { jsxDEV as jsxDEV28 } from "@opentui/react/jsx-dev-runtime";
+import { jsxDEV as jsxDEV29 } from "@opentui/react/jsx-dev-runtime";
 var router = createMemoryRouter([
   {
     path: "/",
-    element: /* @__PURE__ */ jsxDEV28(RootLayout, {}, undefined, false, undefined, this),
+    element: /* @__PURE__ */ jsxDEV29(RootLayout, {}, undefined, false, undefined, this),
     children: [
-      { index: true, element: /* @__PURE__ */ jsxDEV28(Home, {}, undefined, false, undefined, this) },
-      { path: "sessions/new", element: /* @__PURE__ */ jsxDEV28(NewSession, {}, undefined, false, undefined, this) },
-      { path: "sessions/:id", element: /* @__PURE__ */ jsxDEV28(Session, {}, undefined, false, undefined, this) },
-      { path: "docs", element: /* @__PURE__ */ jsxDEV28(Docs, {}, undefined, false, undefined, this) }
+      { index: true, element: /* @__PURE__ */ jsxDEV29(Home, {}, undefined, false, undefined, this) },
+      { path: "sessions/new", element: /* @__PURE__ */ jsxDEV29(NewSession, {}, undefined, false, undefined, this) },
+      { path: "sessions/:id", element: /* @__PURE__ */ jsxDEV29(Session, {}, undefined, false, undefined, this) },
+      { path: "docs", element: /* @__PURE__ */ jsxDEV29(Docs, {}, undefined, false, undefined, this) }
     ]
   }
 ]);
 function App() {
-  return /* @__PURE__ */ jsxDEV28(RouterProvider, {
+  return /* @__PURE__ */ jsxDEV29(RouterProvider, {
     router
   }, undefined, false, undefined, this);
 }
@@ -4224,4 +4522,4 @@ var renderer = await createCliRenderer({
   targetFps: 60,
   exitOnCtrlC: false
 });
-createRoot(renderer).render(/* @__PURE__ */ jsxDEV28(App, {}, undefined, false, undefined, this));
+createRoot(renderer).render(/* @__PURE__ */ jsxDEV29(App, {}, undefined, false, undefined, this));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@unikode/cli",
-  "version": "1.0.16",
+  "version": "1.0.18",
   "type": "module",
   "main": "./dist/index.js",
   "bin": {