@involvex/super-agent-cli 0.0.39 → 0.0.45

package/dist/index.js

@@ -1,5 +1,22 @@
 #!/usr/bin/env node
 var __defProp = Object.defineProperty;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __moduleCache = /* @__PURE__ */ new WeakMap;
+var __toCommonJS = (from) => {
+  var entry = __moduleCache.get(from), desc;
+  if (entry)
+    return entry;
+  entry = __defProp({}, "__esModule", { value: true });
+  if (from && typeof from === "object" || typeof from === "function")
+    __getOwnPropNames(from).map((key) => !__hasOwnProp.call(entry, key) && __defProp(entry, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    }));
+  __moduleCache.set(from, entry);
+  return entry;
+};
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, {
@@ -12,6 +29,11 @@ var __export = (target, all) => {
 var __esm = (fn, res) => () => (fn && (res = fn(fn = 0)), res);
 
 // src/utils/settings-manager.ts
+var exports_settings_manager = {};
+__export(exports_settings_manager, {
+  getSettingsManager: () => getSettingsManager,
+  SettingsManager: () => SettingsManager
+});
 import * as path from "path";
 import * as os from "os";
 import * as fs from "fs";
@@ -349,6 +371,70 @@ class ConfirmationService extends EventEmitter {
 // src/index.ts
 init_settings_manager();
 
+// src/utils/file-utils.ts
+import * as fs2 from "fs-extra";
+import * as path2 from "path";
+async function listFilesRecursive(dir, baseDir = dir, maxDepth = 3) {
+  const result = [];
+  try {
+    const entries = await fs2.readdir(dir, { withFileTypes: true });
+    for (const entry of entries) {
+      const fullPath = path2.join(dir, entry.name);
+      const relativePath = path2.relative(baseDir, fullPath);
+      const isIgnored = [
+        "node_modules",
+        ".git",
+        "dist",
+        "build",
+        ".next",
+        "target",
+        "vendor"
+      ].includes(entry.name);
+      if (isIgnored) {
+        continue;
+      }
+      if (entry.name.startsWith(".") && entry.name !== ".env") {
+        continue;
+      }
+      result.push({
+        name: entry.name,
+        path: relativePath,
+        isDirectory: entry.isDirectory()
+      });
+      if (entry.isDirectory() && maxDepth > 0) {
+        const subFiles = await listFilesRecursive(fullPath, baseDir, maxDepth - 1);
+        result.push(...subFiles);
+      }
+    }
+  } catch (error) {}
+  return result;
+}
+function filterFileEntries(entries, query) {
+  if (!query) {
+    return entries.slice(0, 20);
+  }
+  const lowerQuery = query.toLowerCase();
+  return entries.filter((e) => e.path.toLowerCase().includes(lowerQuery)).sort((a, b) => {
+    const aLower = a.name.toLowerCase();
+    const bLower = b.name.toLowerCase();
+    if (aLower === lowerQuery && bLower !== lowerQuery) {
+      return -1;
+    }
+    if (bLower === lowerQuery && aLower !== lowerQuery) {
+      return 1;
+    }
+    const aPathLower = a.path.toLowerCase();
+    const bPathLower = b.path.toLowerCase();
+    if (aPathLower.startsWith(lowerQuery) && !bPathLower.startsWith(lowerQuery)) {
+      return -1;
+    }
+    if (bPathLower.startsWith(lowerQuery) && !aPathLower.startsWith(lowerQuery)) {
+      return 1;
+    }
+    return a.path.length - b.path.length;
+  }).slice(0, 20);
+}
+
 // src/utils/text-utils.ts
 function isWordBoundary(char) {
   if (!char) {
@@ -514,7 +600,7 @@ function useInputHistory() {
 }
 
 // src/hooks/use-enhanced-input.ts
-import { useState as useState2, useCallback as useCallback2, useRef } from "react";
+import { useCallback as useCallback2, useRef, useState as useState2 } from "react";
 function useEnhancedInput({
   onSubmit,
   onEscape,
@@ -570,7 +656,7 @@ function useEnhancedInput({
       setOriginalInput("");
       return;
     }
-    if (onSpecialKey?.(key)) {
+    if (onSpecialKey?.(inputChar, key)) {
       return;
     }
     if (key.escape) {
@@ -745,7 +831,18 @@ function CommandSuggestions({
   return /* @__PURE__ */ jsxDEV(Box, {
     marginTop: 1,
     flexDirection: "column",
+    borderStyle: "round",
+    borderColor: "magenta",
+    paddingX: 1,
     children: [
+      /* @__PURE__ */ jsxDEV(Box, {
+        marginBottom: 1,
+        children: /* @__PURE__ */ jsxDEV(Text, {
+          color: "magenta",
+          bold: true,
+          children: "Commands (/):"
+        }, undefined, false, undefined, this)
+      }, undefined, false, undefined, this),
       filteredSuggestions.map((suggestion, index) => /* @__PURE__ */ jsxDEV(Box, {
         paddingLeft: 1,
         children: [
@@ -791,6 +888,7 @@ function updateCurrentModel(modelName) {
 
 // src/hooks/use-input-handler.ts
 init_settings_manager();
+import * as fs3 from "fs-extra";
 function useInputHandler({
   agent,
   chatHistory,
@@ -813,11 +911,41 @@ function useInputHandler({
     const sessionFlags = confirmationService.getSessionFlags();
     return sessionFlags.allOperations;
   });
-  const handleSpecialKey = (key) => {
+  const [agentMode, setAgentMode] = useState3("code");
+  const [showMentionSuggestions, setShowMentionSuggestions] = useState3(false);
+  const [mentionSuggestions, setMentionSuggestions] = useState3([]);
+  const [mentionQuery, setMentionQuery] = useState3("");
+  const [selectedMentionIndex, setSelectedMentionIndex] = useState3(0);
+  const [showCommandPalette, setShowCommandPalette] = useState3(false);
+  const [commandPaletteQuery, setCommandPaletteQuery] = useState3("");
+  const [selectedPaletteIndex, setSelectedPaletteIndex] = useState3(0);
+  const [showProviderSelection, setShowProviderSelection] = useState3(false);
+  const [selectedProviderIndex, setSelectedProviderIndex] = useState3(0);
+  const [showConfigViewer, setShowConfigViewer] = useState3(false);
+  useEffect(() => {
+    listFilesRecursive(process.cwd()).then(setMentionSuggestions);
+  }, []);
+  const handleSpecialKey = (char, key) => {
     if (isConfirmationActive) {
       return true;
     }
     if (key.shift && key.tab) {
+      const modeCycle = ["plan", "code", "debug"];
+      const currentIndex = modeCycle.indexOf(agentMode);
+      const nextMode = modeCycle[(currentIndex + 1) % modeCycle.length];
+      setAgentMode(nextMode);
+      setChatHistory((prev) => [
+        ...prev,
+        {
+          type: "assistant",
+          content: `⏺ Switched mode to: ${nextMode.toUpperCase()}`,
+          timestamp: new Date
+        }
+      ]);
+      return true;
+    }
+    const isCtrlY = char === "\x19" || key.ctrl && (char === "y" || char === "Y");
+    if (isCtrlY) {
       const newAutoEditState = !autoEditEnabled;
       setAutoEditEnabled(newAutoEditState);
       const confirmationService = ConfirmationService.getInstance();
@@ -826,6 +954,105 @@ function useInputHandler({
       } else {
         confirmationService.resetSession();
       }
+      setChatHistory((prev) => [
+        ...prev,
+        {
+          type: "assistant",
+          content: `\uD83D\uDE80 YOLO Mode: ${newAutoEditState ? "ENABLED" : "DISABLED"}`,
+          timestamp: new Date
+        }
+      ]);
+      return true;
+    }
+    const isShellTrigger = char === "!" && input === "";
+    if (isShellTrigger) {
+      const newInput = "!";
+      setInput(newInput);
+      setCursorPosition(newInput.length);
+      return true;
+    }
+    const isCtrlP = char === "\x10" || key.ctrl && (char === "p" || char === "P");
+    if (isCtrlP) {
+      setShowCommandPalette(true);
+      setCommandPaletteQuery("");
+      setSelectedPaletteIndex(0);
+      return true;
+    }
+    if (showCommandPalette) {
+      const filtered = filterFileEntries(mentionSuggestions, commandPaletteQuery);
+      if (key.upArrow) {
+        setSelectedPaletteIndex((prev) => prev === 0 ? Math.max(0, filtered.length - 1) : prev - 1);
+        return true;
+      }
+      if (key.downArrow) {
+        setSelectedPaletteIndex((prev) => (prev + 1) % Math.max(1, filtered.length));
+        return true;
+      }
+      if (key.return) {
+        if (filtered.length > 0) {
+          const selected = filtered[selectedPaletteIndex];
+          const newInput = input + " @" + selected.path + " ";
+          setInput(newInput);
+          setCursorPosition(newInput.length);
+        }
+        setShowCommandPalette(false);
+        return true;
+      }
+      if (key.escape) {
+        setShowCommandPalette(false);
+        return true;
+      }
+      if (char && char.length === 1 && !key.ctrl && !key.meta && !key.escape && !key.return && !key.tab && !key.upArrow && !key.downArrow) {
+        setCommandPaletteQuery((prev) => prev + char);
+        setSelectedPaletteIndex(0);
+        return true;
+      }
+      if (key.backspace) {
+        setCommandPaletteQuery((prev) => prev.slice(0, -1));
+        setSelectedPaletteIndex(0);
+        return true;
+      }
+      return true;
+    }
+    if (showProviderSelection) {
+      const manager = getSettingsManager();
+      const settings = manager.loadUserSettings();
+      const providers = Object.keys(settings.providers || {});
+      if (key.upArrow) {
+        setSelectedProviderIndex((prev) => prev === 0 ? Math.max(0, providers.length - 1) : prev - 1);
+        return true;
+      }
+      if (key.downArrow) {
+        setSelectedProviderIndex((prev) => (prev + 1) % Math.max(1, providers.length));
+        return true;
+      }
+      if (key.return || key.tab) {
+        if (providers.length > 0) {
+          const selectedProviderId = providers[selectedProviderIndex];
+          manager.updateUserSetting("active_provider", selectedProviderId);
+          setChatHistory((prev) => [
+            ...prev,
+            {
+              type: "assistant",
+              content: `✓ Switched active provider to: ${selectedProviderId}`,
+              timestamp: new Date
+            }
+          ]);
+        }
+        setShowProviderSelection(false);
+        return true;
+      }
+      if (key.escape) {
+        setShowProviderSelection(false);
+        return true;
+      }
+      return true;
+    }
+    if (showConfigViewer) {
+      if (key.escape) {
+        setShowConfigViewer(false);
+        return true;
+      }
       return true;
     }
     if (key.escape) {
@@ -901,6 +1128,31 @@ function useInputHandler({
         return true;
       }
     }
+    if (showMentionSuggestions) {
+      const filtered = filterFileEntries(mentionSuggestions, mentionQuery);
+      if (filtered.length === 0) {
+        setShowMentionSuggestions(false);
+        return false;
+      }
+      if (key.upArrow) {
+        setSelectedMentionIndex((prev) => prev === 0 ? filtered.length - 1 : prev - 1);
+        return true;
+      }
+      if (key.downArrow) {
+        setSelectedMentionIndex((prev) => (prev + 1) % filtered.length);
+        return true;
+      }
+      if (key.tab || key.return) {
+        const selected = filtered[selectedMentionIndex];
+        const lastAtIndex = input.lastIndexOf("@");
+        const newInput = input.slice(0, lastAtIndex) + "@" + selected.path + " ";
+        setInput(newInput);
+        setCursorPosition(newInput.length);
+        setShowMentionSuggestions(false);
+        setSelectedMentionIndex(0);
+        return true;
+      }
+    }
     return false;
   };
   const handleInputSubmit = async (userInput) => {
@@ -920,7 +1172,14 @@ function useInputHandler({
       setSelectedCommandIndex(0);
     } else {
       setShowCommandSuggestions(false);
-      setSelectedCommandIndex(0);
+    }
+    const mentionMatch = newInput.match(/@([\w\-\./]*)$/);
+    if (mentionMatch) {
+      setShowMentionSuggestions(true);
+      setMentionQuery(mentionMatch[1]);
+      setSelectedMentionIndex(0);
+    } else {
+      setShowMentionSuggestions(false);
     }
   };
   const {
@@ -933,10 +1192,32 @@ function useInputHandler({
     handleInput
   } = useEnhancedInput({
     onSubmit: handleInputSubmit,
-    onSpecialKey: handleSpecialKey,
+    onEscape: () => {
+      if (showCommandSuggestions) {
+        setShowCommandSuggestions(false);
+        setSelectedCommandIndex(0);
+      } else if (showModelSelection) {
+        setShowModelSelection(false);
+        setSelectedModelIndex(0);
+      } else if (showMentionSuggestions) {
+        setShowMentionSuggestions(false);
+      } else if (showCommandPalette) {
+        setShowCommandPalette(false);
+      } else if (isProcessing || isStreaming) {
+        agent.abortCurrentOperation();
+        setIsProcessing(false);
+        setIsStreaming(false);
+        setTokenCount(0);
+        setProcessingTime(0);
+        processingStartTime.current = 0;
+      }
+    },
     disabled: isConfirmationActive
   });
   useInput((inputChar, key) => {
+    if (handleSpecialKey(inputChar, key)) {
+      return;
+    }
     handleInput(inputChar, key);
   });
   useEffect(() => {
@@ -1008,41 +1289,13 @@ Config Commands:
       process.exit(0);
     }
     if (trimmedInput === "/config") {
-      const manager = getSettingsManager();
-      const settings = manager.loadUserSettings();
-      const activeProvider = settings.active_provider;
-      const activeConfig = settings.providers[activeProvider];
-      const content = `Current Configuration:
-- Active Provider: ${activeProvider}
-- API Key: ${activeConfig?.api_key ? "********" : "(not set)"}
-- Base URL: ${activeConfig?.base_url || "(default)"}
-- Model: ${activeConfig?.model || "(default)"}
-- Theme: ${settings.ui.theme}
-
-Use '/provider' to see all providers.
-Use '/provider use <id>' to switch.
-`;
-      setChatHistory((prev) => [
-        ...prev,
-        { type: "assistant", content, timestamp: new Date }
-      ]);
+      setShowConfigViewer(true);
       clearInput();
       return true;
     }
     if (trimmedInput === "/provider") {
-      const manager = getSettingsManager();
-      const settings = manager.loadUserSettings();
-      const providers = Object.keys(settings.providers || {});
-      const active = settings.active_provider;
-      const content = `Configured Providers:
-${providers.map((p) => `- ${p} ${p === active ? "(active)" : ""}`).join(`
-`)}
-
-Use '/provider use <id>' to switch provider.`;
-      setChatHistory((prev) => [
-        ...prev,
-        { type: "assistant", content, timestamp: new Date }
-      ]);
+      setShowProviderSelection(true);
+      setSelectedProviderIndex(0);
       clearInput();
       return true;
     }
@@ -1274,6 +1527,46 @@ ${commitMessage}`
       clearInput();
       return true;
     }
+    if (trimmedInput.startsWith("!")) {
+      const command = trimmedInput.slice(1).trim();
+      if (!command) {
+        clearInput();
+        return true;
+      }
+      const userEntry = {
+        type: "user",
+        content: trimmedInput,
+        timestamp: new Date
+      };
+      setChatHistory((prev) => [...prev, userEntry]);
+      try {
+        const result = await agent.executeBashCommand(command);
+        const commandEntry = {
+          type: "tool_result",
+          content: result.success ? result.output || "Command completed" : result.error || "Command failed",
+          timestamp: new Date,
+          toolCall: {
+            id: `bash_${Date.now()}`,
+            type: "function",
+            function: {
+              name: "bash",
+              arguments: JSON.stringify({ command })
+            }
+          },
+          toolResult: result
+        };
+        setChatHistory((prev) => [...prev, commandEntry]);
+      } catch (error) {
+        const errorEntry = {
+          type: "assistant",
+          content: `Error executing command: ${error.message}`,
+          timestamp: new Date
+        };
+        setChatHistory((prev) => [...prev, errorEntry]);
+      }
+      clearInput();
+      return true;
+    }
     const directBashCommands = [
       "ls",
       "pwd",
@@ -1327,6 +1620,42 @@ ${commitMessage}`
     return false;
   };
   const processUserMessage = async (userInput) => {
+    let resolvedInput = userInput;
+    const mentionMatches = userInput.match(/@([\w\-\./]+)/g);
+    if (mentionMatches) {
+      for (const mention of mentionMatches) {
+        const filePath = mention.slice(1);
+        try {
+          const stats = await fs3.stat(filePath);
+          if (stats.isFile()) {
+            const content = await fs3.readFile(filePath, "utf-8");
+            resolvedInput = resolvedInput.replace(mention, `
+
+--- FILE: ${filePath} ---
+${content}
+--- END FILE ---
+
+`);
+          } else if (stats.isDirectory()) {
+            const tree = await listFilesRecursive(filePath, process.cwd(), 1);
+            const structure = tree.map((t) => `${t.isDirectory ? "\uD83D\uDCC1" : "\uD83D\uDCC4"} ${t.path}`).join(`
+`);
+            resolvedInput = resolvedInput.replace(mention, `
+
+--- DIRECTORY: ${filePath} ---
+${structure}
+--- END DIRECTORY ---
+
+`);
+          }
+        } catch (e) {}
+      }
+    }
+    if (agentMode === "plan") {
+      resolvedInput = `[MODE: PLAN] ${resolvedInput}`;
+    } else if (agentMode === "debug") {
+      resolvedInput = `[MODE: DEBUG] ${resolvedInput}`;
+    }
     const userEntry = {
       type: "user",
       content: userInput,
@@ -1338,7 +1667,7 @@ ${commitMessage}`
     try {
       setIsStreaming(true);
       let streamingEntry = null;
-      for await (const chunk of agent.processUserMessageStream(userInput)) {
+      for await (const chunk of agent.processUserMessageStream(resolvedInput)) {
         switch (chunk.type) {
           case "content":
             if (chunk.content) {
@@ -1429,21 +1758,194 @@ ${commitMessage}`
     selectedModelIndex,
     commandSuggestions,
     availableModels,
-    agent,
-    autoEditEnabled
+    autoEditEnabled,
+    setInput,
+    setCursorPosition,
+    clearInput,
+    resetHistory,
+    handleInput,
+    agentMode,
+    showMentionSuggestions,
+    selectedMentionIndex,
+    mentionSuggestions,
+    mentionQuery,
+    showCommandPalette,
+    commandPaletteQuery,
+    selectedPaletteIndex,
+    showProviderSelection,
+    selectedProviderIndex,
+    showConfigViewer
   };
 }
 
+// src/ui/components/mention-suggestions.tsx
+import { useMemo as useMemo3 } from "react";
+import { Box as Box2, Text as Text2 } from "ink";
+import { jsxDEV as jsxDEV2 } from "react/jsx-dev-runtime";
+function MentionSuggestions({
+  suggestions,
+  query,
+  selectedIndex,
+  isVisible
+}) {
+  if (!isVisible) {
+    return null;
+  }
+  const filteredSuggestions = useMemo3(() => filterFileEntries(suggestions, query), [suggestions, query]);
+  const displayedSuggestions = filteredSuggestions.slice(0, 8);
+  return /* @__PURE__ */ jsxDEV2(Box2, {
+    flexDirection: "column",
+    borderStyle: "round",
+    borderColor: "cyan",
+    paddingX: 1,
+    width: process.stdout.columns ? Math.min(100, process.stdout.columns - 4) : 100,
+    children: [
+      /* @__PURE__ */ jsxDEV2(Box2, {
+        marginBottom: 1,
+        children: /* @__PURE__ */ jsxDEV2(Text2, {
+          color: "cyan",
+          bold: true,
+          children: "Mention file or folder (@):"
+        }, undefined, false, undefined, this)
+      }, undefined, false, undefined, this),
+      displayedSuggestions.map((suggestion, index) => /* @__PURE__ */ jsxDEV2(Box2, {
+        paddingLeft: 1,
+        children: [
+          /* @__PURE__ */ jsxDEV2(Box2, {
+            width: 3,
+            children: /* @__PURE__ */ jsxDEV2(Text2, {
+              children: index === selectedIndex ? "❯" : " "
+            }, undefined, false, undefined, this)
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV2(Text2, {
+            color: index === selectedIndex ? "black" : suggestion.isDirectory ? "blue" : "white",
+            backgroundColor: index === selectedIndex ? "cyan" : undefined,
+            children: [
+              suggestion.isDirectory ? "\uD83D\uDCC1" : "\uD83D\uDCC4",
+              " ",
+              suggestion.path
+            ]
+          }, undefined, true, undefined, this)
+        ]
+      }, index, true, undefined, this)),
+      filteredSuggestions.length > 8 && /* @__PURE__ */ jsxDEV2(Box2, {
+        paddingLeft: 1,
+        children: /* @__PURE__ */ jsxDEV2(Text2, {
+          color: "gray",
+          children: [
+            "... and ",
+            filteredSuggestions.length - 8,
+            " more"
+          ]
+        }, undefined, true, undefined, this)
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV2(Box2, {
+        marginTop: 1,
+        children: /* @__PURE__ */ jsxDEV2(Text2, {
+          color: "gray",
+          dimColor: true,
+          children: "↑↓ navigate • Enter/Tab select • Esc cancel"
+        }, undefined, false, undefined, this)
+      }, undefined, false, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+}
+
+// src/ui/components/provider-selection.tsx
+import { Box as Box3, Text as Text3 } from "ink";
+import { jsxDEV as jsxDEV3 } from "react/jsx-dev-runtime";
+function ProviderSelection({
+  providers,
+  selectedIndex,
+  isVisible
+}) {
+  if (!isVisible) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxDEV3(Box3, {
+    flexDirection: "column",
+    borderStyle: "round",
+    borderColor: "cyan",
+    paddingX: 1,
+    width: process.stdout.columns ? Math.min(80, process.stdout.columns - 4) : 80,
+    children: [
+      /* @__PURE__ */ jsxDEV3(Box3, {
+        marginBottom: 1,
+        children: /* @__PURE__ */ jsxDEV3(Text3, {
+          color: "cyan",
+          bold: true,
+          children: "\uD83D\uDD0C Select AI Provider"
+        }, undefined, false, undefined, this)
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV3(Box3, {
+        flexDirection: "column",
+        children: providers.map((provider, index) => /* @__PURE__ */ jsxDEV3(Box3, {
+          paddingLeft: 1,
+          children: [
+            /* @__PURE__ */ jsxDEV3(Box3, {
+              width: 3,
+              children: /* @__PURE__ */ jsxDEV3(Text3, {
+                children: index === selectedIndex ? "❯" : " "
+              }, undefined, false, undefined, this)
+            }, undefined, false, undefined, this),
+            /* @__PURE__ */ jsxDEV3(Text3, {
+              color: index === selectedIndex ? "white" : "white",
+              backgroundColor: index === selectedIndex ? "cyan" : undefined,
+              bold: index === selectedIndex,
+              children: [
+                provider.id,
+                provider.isActive && " ★"
+              ]
+            }, undefined, true, undefined, this),
+            /* @__PURE__ */ jsxDEV3(Box3, {
+              marginLeft: 2,
+              children: /* @__PURE__ */ jsxDEV3(Text3, {
+                color: "gray",
+                children: [
+                  provider.hasApiKey ? "✓" : "✗",
+                  " API Key",
+                  provider.model ? ` | ${provider.model}` : ""
+                ]
+              }, undefined, true, undefined, this)
+            }, undefined, false, undefined, this)
+          ]
+        }, provider.id, true, undefined, this))
+      }, undefined, false, undefined, this),
+      providers.length === 0 && /* @__PURE__ */ jsxDEV3(Box3, {
+        padding: 1,
+        children: /* @__PURE__ */ jsxDEV3(Text3, {
+          color: "gray",
+          italic: true,
+          children: "No providers configured. Check ~/.super-agent/settings.json"
+        }, undefined, false, undefined, this)
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV3(Box3, {
+        marginTop: 1,
+        borderStyle: "single",
+        borderTop: true,
+        borderBottom: false,
+        borderLeft: false,
+        borderRight: false,
+        children: /* @__PURE__ */ jsxDEV3(Text3, {
+          color: "gray",
+          dimColor: true,
+          children: "↑↓ navigate • Enter select • Esc cancel"
+        }, undefined, false, undefined, this)
+      }, undefined, false, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+}
+
 // src/ui/shared/max-sized-box.tsx
-import { Box as Box2 } from "ink";
-import { jsxDEV as jsxDEV2 } from "react/jsx-dev-runtime";
+import { Box as Box4 } from "ink";
+import { jsxDEV as jsxDEV4 } from "react/jsx-dev-runtime";
 var MaxSizedBox = ({
   maxHeight,
   maxWidth,
   children,
   ...props
 }) => {
-  return /* @__PURE__ */ jsxDEV2(Box2, {
+  return /* @__PURE__ */ jsxDEV4(Box4, {
     flexDirection: "column",
     ...props,
     children
@@ -1464,9 +1966,9 @@ var Colors = {
 };
 
 // src/ui/components/diff-renderer.tsx
-import { Box as Box3, Text as Text2 } from "ink";
+import { Box as Box5, Text as Text4 } from "ink";
 import crypto from "crypto";
-import { jsxDEV as jsxDEV3, Fragment } from "react/jsx-dev-runtime";
+import { jsxDEV as jsxDEV5, Fragment } from "react/jsx-dev-runtime";
 function parseDiffWithLineNumbers(diffContent) {
   const lines = diffContent.split(`
 `);
@@ -1530,7 +2032,7 @@ var DiffRenderer = ({
   terminalWidth = 80
 }) => {
   if (!diffContent || typeof diffContent !== "string") {
-    return /* @__PURE__ */ jsxDEV3(Text2, {
+    return /* @__PURE__ */ jsxDEV5(Text4, {
       color: Colors.AccentYellow,
       children: "No diff content."
     }, undefined, false, undefined, this);
@@ -1545,13 +2047,13 @@ var DiffRenderer = ({
   }
   const parsedLines = parseDiffWithLineNumbers(actualDiffContent);
   if (parsedLines.length === 0) {
-    return /* @__PURE__ */ jsxDEV3(Text2, {
+    return /* @__PURE__ */ jsxDEV5(Text4, {
       dimColor: true,
       children: "No changes detected."
     }, undefined, false, undefined, this);
   }
   const renderedOutput = renderDiffContent(parsedLines, filename, tabWidth, availableTerminalHeight, terminalWidth);
-  return /* @__PURE__ */ jsxDEV3(Fragment, {
+  return /* @__PURE__ */ jsxDEV5(Fragment, {
     children: renderedOutput
   }, undefined, false, undefined, this);
 };
@@ -1562,7 +2064,7 @@ var renderDiffContent = (parsedLines, filename, tabWidth = DEFAULT_TAB_WIDTH, av
   }));
   const displayableLines = normalizedLines.filter((l) => l.type !== "hunk" && l.type !== "other");
   if (displayableLines.length === 0) {
-    return /* @__PURE__ */ jsxDEV3(Text2, {
+    return /* @__PURE__ */ jsxDEV5(Text4, {
       dimColor: true,
       children: "No changes detected."
     }, undefined, false, undefined, this);
@@ -1582,7 +2084,7 @@ var renderDiffContent = (parsedLines, filename, tabWidth = DEFAULT_TAB_WIDTH, av
   const key = filename ? `diff-box-${filename}` : `diff-box-${crypto.createHash("sha1").update(JSON.stringify(parsedLines)).digest("hex")}`;
   let lastLineNumber = null;
   const MAX_CONTEXT_LINES_WITHOUT_GAP = 5;
-  return /* @__PURE__ */ jsxDEV3(MaxSizedBox, {
+  return /* @__PURE__ */ jsxDEV5(MaxSizedBox, {
     maxHeight: availableTerminalHeight,
     maxWidth: terminalWidth,
     children: displayableLines.reduce((acc, line, index) => {
@@ -1593,8 +2095,8 @@ var renderDiffContent = (parsedLines, filename, tabWidth = DEFAULT_TAB_WIDTH, av
         relevantLineNumberForGapCalc = line.oldLine ?? null;
       }
       if (lastLineNumber !== null && relevantLineNumberForGapCalc !== null && relevantLineNumberForGapCalc > lastLineNumber + MAX_CONTEXT_LINES_WITHOUT_GAP + 1) {
-        acc.push(/* @__PURE__ */ jsxDEV3(Box3, {
-          children: /* @__PURE__ */ jsxDEV3(Text2, {
+        acc.push(/* @__PURE__ */ jsxDEV5(Box5, {
+          children: /* @__PURE__ */ jsxDEV5(Text4, {
             wrap: "truncate",
             children: "═".repeat(terminalWidth)
           }, undefined, false, undefined, this)
@@ -1630,15 +2132,15 @@ var renderDiffContent = (parsedLines, filename, tabWidth = DEFAULT_TAB_WIDTH, av
           return acc;
       }
       const displayContent = line.content.substring(baseIndentation);
-      acc.push(/* @__PURE__ */ jsxDEV3(Box3, {
+      acc.push(/* @__PURE__ */ jsxDEV5(Box5, {
         flexDirection: "row",
         children: [
-          /* @__PURE__ */ jsxDEV3(Text2, {
+          /* @__PURE__ */ jsxDEV5(Text4, {
             color: Colors.Gray,
             dimColor: dim,
             children: gutterNumStr.padEnd(4)
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV3(Text2, {
+          /* @__PURE__ */ jsxDEV5(Text4, {
             color: backgroundColor ? "#000000" : undefined,
             backgroundColor,
             dimColor: !backgroundColor && dim,
@@ -1647,7 +2149,7 @@ var renderDiffContent = (parsedLines, filename, tabWidth = DEFAULT_TAB_WIDTH, av
               " "
             ]
           }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsxDEV3(Text2, {
+          /* @__PURE__ */ jsxDEV5(Text4, {
             color: backgroundColor ? "#000000" : undefined,
             backgroundColor,
             dimColor: !backgroundColor && dim,
@@ -1662,9 +2164,9 @@ var renderDiffContent = (parsedLines, filename, tabWidth = DEFAULT_TAB_WIDTH, av
 };
 
 // src/ui/components/confirmation-dialog.tsx
-import { Box as Box4, Text as Text3, useInput as useInput2 } from "ink";
+import { Box as Box6, Text as Text5, useInput as useInput2 } from "ink";
 import { useState as useState4 } from "react";
-import { jsxDEV as jsxDEV4, Fragment as Fragment2 } from "react/jsx-dev-runtime";
+import { jsxDEV as jsxDEV6, Fragment as Fragment2 } from "react/jsx-dev-runtime";
 function ConfirmationDialog({
   operation,
   filename,
@@ -1728,32 +2230,32 @@ function ConfirmationDialog({
     }
   });
   if (feedbackMode) {
-    return /* @__PURE__ */ jsxDEV4(Box4, {
+    return /* @__PURE__ */ jsxDEV6(Box6, {
       flexDirection: "column",
       padding: 1,
       children: [
-        /* @__PURE__ */ jsxDEV4(Box4, {
+        /* @__PURE__ */ jsxDEV6(Box6, {
           flexDirection: "column",
           marginBottom: 1,
-          children: /* @__PURE__ */ jsxDEV4(Text3, {
+          children: /* @__PURE__ */ jsxDEV6(Text5, {
             color: "gray",
             children: "Type your feedback and press Enter, or press Escape to go back."
           }, undefined, false, undefined, this)
         }, undefined, false, undefined, this),
-        /* @__PURE__ */ jsxDEV4(Box4, {
+        /* @__PURE__ */ jsxDEV6(Box6, {
           borderStyle: "round",
           borderColor: "yellow",
           paddingX: 1,
           marginTop: 1,
           children: [
-            /* @__PURE__ */ jsxDEV4(Text3, {
+            /* @__PURE__ */ jsxDEV6(Text5, {
               color: "gray",
               children: "❯ "
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsxDEV4(Text3, {
+            /* @__PURE__ */ jsxDEV6(Text5, {
               children: [
                 feedback,
-                /* @__PURE__ */ jsxDEV4(Text3, {
+                /* @__PURE__ */ jsxDEV6(Text5, {
                   color: "white",
                   children: "█"
                 }, undefined, false, undefined, this)
@@ -1764,18 +2266,18 @@ function ConfirmationDialog({
       ]
     }, undefined, true, undefined, this);
   }
-  return /* @__PURE__ */ jsxDEV4(Box4, {
+  return /* @__PURE__ */ jsxDEV6(Box6, {
     flexDirection: "column",
     children: [
-      /* @__PURE__ */ jsxDEV4(Box4, {
+      /* @__PURE__ */ jsxDEV6(Box6, {
         marginTop: 1,
-        children: /* @__PURE__ */ jsxDEV4(Box4, {
+        children: /* @__PURE__ */ jsxDEV6(Box6, {
           children: [
-            /* @__PURE__ */ jsxDEV4(Text3, {
+            /* @__PURE__ */ jsxDEV6(Text5, {
               color: "magenta",
               children: "⏺"
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsxDEV4(Text3, {
+            /* @__PURE__ */ jsxDEV6(Text5, {
               color: "white",
               children: [
                 " ",
@@ -1788,24 +2290,24 @@ function ConfirmationDialog({
           ]
         }, undefined, true, undefined, this)
       }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV4(Box4, {
+      /* @__PURE__ */ jsxDEV6(Box6, {
         marginLeft: 2,
         flexDirection: "column",
         children: [
-          /* @__PURE__ */ jsxDEV4(Text3, {
+          /* @__PURE__ */ jsxDEV6(Text5, {
             color: "gray",
             children: "⎿ Requesting user confirmation"
           }, undefined, false, undefined, this),
-          showVSCodeOpen && /* @__PURE__ */ jsxDEV4(Box4, {
+          showVSCodeOpen && /* @__PURE__ */ jsxDEV6(Box6, {
             marginTop: 1,
-            children: /* @__PURE__ */ jsxDEV4(Text3, {
+            children: /* @__PURE__ */ jsxDEV6(Text5, {
               color: "gray",
               children: "⎿ Opened changes in Visual Studio Code ⧉"
             }, undefined, false, undefined, this)
           }, undefined, false, undefined, this),
-          content && /* @__PURE__ */ jsxDEV4(Fragment2, {
+          content && /* @__PURE__ */ jsxDEV6(Fragment2, {
             children: [
-              /* @__PURE__ */ jsxDEV4(Text3, {
+              /* @__PURE__ */ jsxDEV6(Text5, {
                 color: "gray",
                 children: [
                   "⎿ ",
@@ -1813,10 +2315,10 @@ function ConfirmationDialog({
 `)[0]
                 ]
               }, undefined, true, undefined, this),
-              /* @__PURE__ */ jsxDEV4(Box4, {
+              /* @__PURE__ */ jsxDEV6(Box6, {
                 marginLeft: 4,
                 flexDirection: "column",
-                children: /* @__PURE__ */ jsxDEV4(DiffRenderer, {
+                children: /* @__PURE__ */ jsxDEV6(DiffRenderer, {
                   diffContent: content,
                   filename,
                   terminalWidth: 80
@@ -1826,21 +2328,21 @@ function ConfirmationDialog({
           }, undefined, true, undefined, this)
         ]
       }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV4(Box4, {
+      /* @__PURE__ */ jsxDEV6(Box6, {
         flexDirection: "column",
         marginTop: 1,
         children: [
-          /* @__PURE__ */ jsxDEV4(Box4, {
+          /* @__PURE__ */ jsxDEV6(Box6, {
             marginBottom: 1,
-            children: /* @__PURE__ */ jsxDEV4(Text3, {
+            children: /* @__PURE__ */ jsxDEV6(Text5, {
               children: "Do you want to proceed with this operation?"
             }, undefined, false, undefined, this)
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV4(Box4, {
+          /* @__PURE__ */ jsxDEV6(Box6, {
             flexDirection: "column",
-            children: options.map((option, index) => /* @__PURE__ */ jsxDEV4(Box4, {
+            children: options.map((option, index) => /* @__PURE__ */ jsxDEV6(Box6, {
               paddingLeft: 1,
-              children: /* @__PURE__ */ jsxDEV4(Text3, {
+              children: /* @__PURE__ */ jsxDEV6(Text5, {
                 color: selectedOption === index ? "black" : "white",
                 backgroundColor: selectedOption === index ? "cyan" : undefined,
                 children: [
@@ -1851,9 +2353,9 @@ function ConfirmationDialog({
               }, undefined, true, undefined, this)
             }, index, false, undefined, this))
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV4(Box4, {
+          /* @__PURE__ */ jsxDEV6(Box6, {
             marginTop: 1,
-            children: /* @__PURE__ */ jsxDEV4(Text3, {
+            children: /* @__PURE__ */ jsxDEV6(Text5, {
               color: "gray",
               dimColor: true,
               children: "↑↓ navigate • Enter select • Esc cancel"
@@ -1869,8 +2371,8 @@ function ConfirmationDialog({
 import { useEffect as useEffect4, useRef as useRef2, useState as useState8 } from "react";
 
 // src/ui/components/model-selection.tsx
-import { Box as Box5, Text as Text4 } from "ink";
-import { jsxDEV as jsxDEV5 } from "react/jsx-dev-runtime";
+import { Box as Box7, Text as Text6 } from "ink";
+import { jsxDEV as jsxDEV7 } from "react/jsx-dev-runtime";
 function ModelSelection({
   models,
   selectedIndex,
@@ -1880,14 +2382,18 @@ function ModelSelection({
   if (!isVisible) {
     return null;
   }
-  return /* @__PURE__ */ jsxDEV5(Box5, {
+  return /* @__PURE__ */ jsxDEV7(Box7, {
     marginTop: 1,
     flexDirection: "column",
+    borderStyle: "round",
+    borderColor: "cyan",
+    paddingX: 1,
     children: [
-      /* @__PURE__ */ jsxDEV5(Box5, {
+      /* @__PURE__ */ jsxDEV7(Box7, {
         marginBottom: 1,
-        children: /* @__PURE__ */ jsxDEV5(Text4, {
+        children: /* @__PURE__ */ jsxDEV7(Text6, {
           color: "cyan",
+          bold: true,
           children: [
             "Select Super Agent Model (current: ",
             currentModel,
@@ -1895,17 +2401,17 @@ function ModelSelection({
           ]
         }, undefined, true, undefined, this)
       }, undefined, false, undefined, this),
-      models.map((modelOption, index) => /* @__PURE__ */ jsxDEV5(Box5, {
+      models.map((modelOption, index) => /* @__PURE__ */ jsxDEV7(Box7, {
         paddingLeft: 1,
-        children: /* @__PURE__ */ jsxDEV5(Text4, {
+        children: /* @__PURE__ */ jsxDEV7(Text6, {
           color: index === selectedIndex ? "black" : "white",
           backgroundColor: index === selectedIndex ? "cyan" : undefined,
           children: modelOption.model
         }, undefined, false, undefined, this)
       }, index, false, undefined, this)),
-      /* @__PURE__ */ jsxDEV5(Box5, {
+      /* @__PURE__ */ jsxDEV7(Box7, {
         marginTop: 1,
-        children: /* @__PURE__ */ jsxDEV5(Text4, {
+        children: /* @__PURE__ */ jsxDEV7(Text6, {
           color: "gray",
           dimColor: true,
           children: "↑↓ navigate • Enter/Tab select • Esc cancel"
@@ -1974,8 +2480,8 @@ function createTokenCounter(model) {
 
 // src/ui/components/loading-spinner.tsx
 import { useState as useState5, useEffect as useEffect2 } from "react";
-import { Box as Box6, Text as Text5 } from "ink";
-import { jsxDEV as jsxDEV6 } from "react/jsx-dev-runtime";
+import { Box as Box8, Text as Text7 } from "ink";
+import { jsxDEV as jsxDEV8 } from "react/jsx-dev-runtime";
 var loadingTexts = [
   "Thinking...",
   "Computing...",
@@ -2023,10 +2529,10 @@ function LoadingSpinner({
     return null;
   }
   const spinnerFrames = ["/", "-", "\\", "|"];
-  return /* @__PURE__ */ jsxDEV6(Box6, {
+  return /* @__PURE__ */ jsxDEV8(Box8, {
     marginTop: 1,
     children: [
-      /* @__PURE__ */ jsxDEV6(Text5, {
+      /* @__PURE__ */ jsxDEV8(Text7, {
         color: "cyan",
         children: [
           spinnerFrames[spinnerFrame],
@@ -2035,7 +2541,7 @@ function LoadingSpinner({
           " "
         ]
       }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV6(Text5, {
+      /* @__PURE__ */ jsxDEV8(Text7, {
         color: "gray",
         children: [
           "(",
@@ -2049,11 +2555,259 @@ function LoadingSpinner({
   }, undefined, true, undefined, this);
 }
 
+// src/ui/components/command-palette.tsx
+import { useMemo as useMemo4 } from "react";
+import { Box as Box9, Text as Text8 } from "ink";
+import { jsxDEV as jsxDEV9 } from "react/jsx-dev-runtime";
+function CommandPalette({
+  files,
+  query,
+  selectedIndex,
+  isVisible
+}) {
+  if (!isVisible) {
+    return null;
+  }
+  const filteredFiles = useMemo4(() => filterFileEntries(files, query), [files, query]);
+  const displayedFiles = filteredFiles.slice(0, 10);
+  return /* @__PURE__ */ jsxDEV9(Box9, {
+    flexDirection: "column",
+    borderStyle: "round",
+    borderColor: "magenta",
+    paddingX: 1,
+    width: process.stdout.columns ? Math.min(80, process.stdout.columns - 4) : 80,
+    children: [
+      /* @__PURE__ */ jsxDEV9(Box9, {
+        marginBottom: 1,
+        justifyContent: "space-between",
+        children: [
+          /* @__PURE__ */ jsxDEV9(Text8, {
+            color: "cyan",
+            bold: true,
+            children: "\uD83D\uDD0D Command Palette / File Search"
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV9(Text8, {
+            color: "gray",
+            children: [
+              filteredFiles.length,
+              " files found"
+            ]
+          }, undefined, true, undefined, this)
+        ]
+      }, undefined, true, undefined, this),
+      /* @__PURE__ */ jsxDEV9(Box9, {
+        marginBottom: 1,
+        borderStyle: "single",
+        borderColor: "gray",
+        paddingX: 1,
+        children: [
+          /* @__PURE__ */ jsxDEV9(Text8, {
+            color: "gray",
+            children: "Query: "
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV9(Text8, {
+            color: "white",
+            bold: true,
+            children: query || "Search files..."
+          }, undefined, false, undefined, this)
+        ]
+      }, undefined, true, undefined, this),
+      /* @__PURE__ */ jsxDEV9(Box9, {
+        flexDirection: "column",
+        children: displayedFiles.map((file, index) => /* @__PURE__ */ jsxDEV9(Box9, {
+          paddingLeft: 1,
+          children: [
+            /* @__PURE__ */ jsxDEV9(Box9, {
+              width: 3,
+              children: /* @__PURE__ */ jsxDEV9(Text8, {
+                children: index === selectedIndex ? "❯" : " "
+              }, undefined, false, undefined, this)
+            }, undefined, false, undefined, this),
+            /* @__PURE__ */ jsxDEV9(Text8, {
+              color: index === selectedIndex ? "white" : file.isDirectory ? "blue" : "white",
+              backgroundColor: index === selectedIndex ? "magenta" : undefined,
+              bold: index === selectedIndex,
+              children: [
+                file.isDirectory ? "\uD83D\uDCC1" : "\uD83D\uDCC4",
+                " ",
+                file.path
+              ]
+            }, undefined, true, undefined, this)
+          ]
+        }, index, true, undefined, this))
+      }, undefined, false, undefined, this),
+      filteredFiles.length === 0 && /* @__PURE__ */ jsxDEV9(Box9, {
+        padding: 1,
+        children: /* @__PURE__ */ jsxDEV9(Text8, {
+          color: "gray",
+          italic: true,
+          children: [
+            'No files found matching "',
+            query,
+            '"'
+          ]
+        }, undefined, true, undefined, this)
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV9(Box9, {
+        marginTop: 1,
+        borderStyle: "single",
+        borderTop: true,
+        borderBottom: false,
+        borderLeft: false,
+        borderRight: false,
+        children: /* @__PURE__ */ jsxDEV9(Text8, {
+          color: "gray",
+          dimColor: true,
+          children: "↑↓ navigate • Enter select • Esc cancel"
+        }, undefined, false, undefined, this)
+      }, undefined, false, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+}
+
+// src/ui/components/config-viewer.tsx
+import { Box as Box10, Text as Text9 } from "ink";
+import { jsxDEV as jsxDEV10 } from "react/jsx-dev-runtime";
+function ConfigViewer({ config, isVisible }) {
+  if (!isVisible) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxDEV10(Box10, {
+    flexDirection: "column",
+    borderStyle: "round",
+    borderColor: "magenta",
+    paddingX: 1,
+    width: process.stdout.columns ? Math.min(80, process.stdout.columns - 4) : 80,
+    children: [
+      /* @__PURE__ */ jsxDEV10(Box10, {
+        marginBottom: 1,
+        children: /* @__PURE__ */ jsxDEV10(Text9, {
+          color: "magenta",
+          bold: true,
+          children: "⚙️ Current Configuration"
+        }, undefined, false, undefined, this)
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV10(Box10, {
+        flexDirection: "column",
+        paddingX: 1,
+        children: [
+          /* @__PURE__ */ jsxDEV10(Box10, {
+            marginBottom: 1,
+            children: [
+              /* @__PURE__ */ jsxDEV10(Box10, {
+                width: 20,
+                children: /* @__PURE__ */ jsxDEV10(Text9, {
+                  color: "cyan",
+                  bold: true,
+                  children: "Active Provider:"
+                }, undefined, false, undefined, this)
+              }, undefined, false, undefined, this),
+              /* @__PURE__ */ jsxDEV10(Text9, {
+                color: "white",
+                children: config.activeProvider
+              }, undefined, false, undefined, this)
+            ]
+          }, undefined, true, undefined, this),
+          /* @__PURE__ */ jsxDEV10(Box10, {
+            marginBottom: 1,
+            children: [
+              /* @__PURE__ */ jsxDEV10(Box10, {
+                width: 20,
+                children: /* @__PURE__ */ jsxDEV10(Text9, {
+                  color: "cyan",
+                  bold: true,
+                  children: "API Key:"
+                }, undefined, false, undefined, this)
+              }, undefined, false, undefined, this),
+              /* @__PURE__ */ jsxDEV10(Text9, {
+                color: config.apiKeySet ? "green" : "red",
+                children: config.apiKeySet ? "✓ Set (hidden)" : "✗ Not set"
+              }, undefined, false, undefined, this)
+            ]
+          }, undefined, true, undefined, this),
+          /* @__PURE__ */ jsxDEV10(Box10, {
+            marginBottom: 1,
+            children: [
+              /* @__PURE__ */ jsxDEV10(Box10, {
+                width: 20,
+                children: /* @__PURE__ */ jsxDEV10(Text9, {
+                  color: "cyan",
+                  bold: true,
+                  children: "Base URL:"
+                }, undefined, false, undefined, this)
+              }, undefined, false, undefined, this),
+              /* @__PURE__ */ jsxDEV10(Text9, {
+                color: "white",
+                children: config.baseUrl || "(default)"
+              }, undefined, false, undefined, this)
+            ]
+          }, undefined, true, undefined, this),
+          /* @__PURE__ */ jsxDEV10(Box10, {
+            marginBottom: 1,
+            children: [
+              /* @__PURE__ */ jsxDEV10(Box10, {
+                width: 20,
+                children: /* @__PURE__ */ jsxDEV10(Text9, {
+                  color: "cyan",
+                  bold: true,
+                  children: "Model:"
+                }, undefined, false, undefined, this)
+              }, undefined, false, undefined, this),
+              /* @__PURE__ */ jsxDEV10(Text9, {
+                color: "white",
+                children: config.model || "(default)"
+              }, undefined, false, undefined, this)
+            ]
+          }, undefined, true, undefined, this),
+          /* @__PURE__ */ jsxDEV10(Box10, {
+            children: [
+              /* @__PURE__ */ jsxDEV10(Box10, {
+                width: 20,
+                children: /* @__PURE__ */ jsxDEV10(Text9, {
+                  color: "cyan",
+                  bold: true,
+                  children: "Theme:"
+                }, undefined, false, undefined, this)
+              }, undefined, false, undefined, this),
+              /* @__PURE__ */ jsxDEV10(Text9, {
+                color: "white",
+                children: config.theme
+              }, undefined, false, undefined, this)
+            ]
+          }, undefined, true, undefined, this)
+        ]
+      }, undefined, true, undefined, this),
+      /* @__PURE__ */ jsxDEV10(Box10, {
+        marginTop: 1,
+        paddingX: 1,
+        children: /* @__PURE__ */ jsxDEV10(Text9, {
+          color: "gray",
+          italic: true,
+          children: "Use /provider to switch providers • /models to change model"
+        }, undefined, false, undefined, this)
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV10(Box10, {
+        marginTop: 1,
+        borderStyle: "single",
+        borderTop: true,
+        borderBottom: false,
+        borderLeft: false,
+        borderRight: false,
+        children: /* @__PURE__ */ jsxDEV10(Text9, {
+          color: "gray",
+          dimColor: true,
+          children: "Esc to close"
+        }, undefined, false, undefined, this)
+      }, undefined, false, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+}
+
 // src/ui/utils/markdown-renderer.tsx
 import TerminalRenderer from "marked-terminal";
 import { marked } from "marked";
-import { Text as Text6 } from "ink";
-import { jsxDEV as jsxDEV7 } from "react/jsx-dev-runtime";
+import { Text as Text10 } from "ink";
+import { jsxDEV as jsxDEV11 } from "react/jsx-dev-runtime";
 marked.setOptions({
   renderer: new TerminalRenderer
 });
@@ -2061,24 +2815,24 @@ function MarkdownRenderer({ content }) {
   try {
     const result = marked.parse(content);
     const rendered = typeof result === "string" ? result : content;
-    return /* @__PURE__ */ jsxDEV7(Text6, {
+    return /* @__PURE__ */ jsxDEV11(Text10, {
       children: rendered
     }, undefined, false, undefined, this);
   } catch (error) {
     console.error("Markdown rendering error:", error);
-    return /* @__PURE__ */ jsxDEV7(Text6, {
+    return /* @__PURE__ */ jsxDEV11(Text10, {
       children: content
     }, undefined, false, undefined, this);
   }
 }
 
 // src/ui/components/chat-history.tsx
-import { Box as Box7, Text as Text7 } from "ink";
-import React4 from "react";
-import { jsxDEV as jsxDEV8 } from "react/jsx-dev-runtime";
-var MemoizedChatEntry = React4.memo(({ entry, index }) => {
+import { Box as Box11, Text as Text11 } from "ink";
+import React3 from "react";
+import { jsxDEV as jsxDEV12 } from "react/jsx-dev-runtime";
+var MemoizedChatEntry = React3.memo(({ entry, index }) => {
   const renderDiff = (diffContent, filename) => {
-    return /* @__PURE__ */ jsxDEV8(DiffRenderer, {
+    return /* @__PURE__ */ jsxDEV12(DiffRenderer, {
       diffContent,
       filename,
       terminalWidth: 80
@@ -2101,7 +2855,7 @@ var MemoizedChatEntry = React4.memo(({ entry, index }) => {
     }
     return lines.map((line, index2) => {
       const displayContent = line.substring(baseIndentation);
-      return /* @__PURE__ */ jsxDEV8(Text7, {
+      return /* @__PURE__ */ jsxDEV12(Text11, {
         color: "gray",
         children: displayContent
       }, index2, false, undefined, this);
@@ -2109,11 +2863,11 @@ var MemoizedChatEntry = React4.memo(({ entry, index }) => {
   };
   switch (entry.type) {
     case "user":
-      return /* @__PURE__ */ jsxDEV8(Box7, {
+      return /* @__PURE__ */ jsxDEV12(Box11, {
         flexDirection: "column",
         marginTop: 1,
-        children: /* @__PURE__ */ jsxDEV8(Box7, {
-          children: /* @__PURE__ */ jsxDEV8(Text7, {
+        children: /* @__PURE__ */ jsxDEV12(Box11, {
+          children: /* @__PURE__ */ jsxDEV12(Text11, {
             color: "gray",
             children: [
               ">",
@@ -2124,28 +2878,28 @@ var MemoizedChatEntry = React4.memo(({ entry, index }) => {
         }, undefined, false, undefined, this)
       }, index, false, undefined, this);
     case "assistant":
-      return /* @__PURE__ */ jsxDEV8(Box7, {
+      return /* @__PURE__ */ jsxDEV12(Box11, {
         flexDirection: "column",
         marginTop: 1,
-        children: /* @__PURE__ */ jsxDEV8(Box7, {
+        children: /* @__PURE__ */ jsxDEV12(Box11, {
           flexDirection: "row",
           alignItems: "flex-start",
           children: [
-            /* @__PURE__ */ jsxDEV8(Text7, {
+            /* @__PURE__ */ jsxDEV12(Text11, {
               color: "white",
               children: "⏺ "
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsxDEV8(Box7, {
+            /* @__PURE__ */ jsxDEV12(Box11, {
               flexDirection: "column",
               flexGrow: 1,
               children: [
-                entry.toolCalls ? /* @__PURE__ */ jsxDEV8(Text7, {
+                entry.toolCalls ? /* @__PURE__ */ jsxDEV12(Text11, {
                   color: "white",
                   children: entry.content.trim()
-                }, undefined, false, undefined, this) : /* @__PURE__ */ jsxDEV8(MarkdownRenderer, {
+                }, undefined, false, undefined, this) : /* @__PURE__ */ jsxDEV12(MarkdownRenderer, {
                   content: entry.content.trim()
                 }, undefined, false, undefined, this),
-                entry.isStreaming && /* @__PURE__ */ jsxDEV8(Text7, {
+                entry.isStreaming && /* @__PURE__ */ jsxDEV12(Text11, {
                   color: "cyan",
                   children: "█"
                 }, undefined, false, undefined, this)
@@ -2219,17 +2973,17 @@ var MemoizedChatEntry = React4.memo(({ entry, index }) => {
       };
       const shouldShowDiff = entry.toolCall?.function?.name === "str_replace_editor" && entry.toolResult?.success && entry.content.includes("Updated") && entry.content.includes("---") && entry.content.includes("+++");
       const shouldShowFileContent = (entry.toolCall?.function?.name === "view_file" || entry.toolCall?.function?.name === "create_file") && entry.toolResult?.success && !shouldShowDiff;
-      return /* @__PURE__ */ jsxDEV8(Box7, {
+      return /* @__PURE__ */ jsxDEV12(Box11, {
         flexDirection: "column",
         marginTop: 1,
         children: [
-          /* @__PURE__ */ jsxDEV8(Box7, {
+          /* @__PURE__ */ jsxDEV12(Box11, {
             children: [
-              /* @__PURE__ */ jsxDEV8(Text7, {
+              /* @__PURE__ */ jsxDEV12(Text11, {
                 color: "magenta",
                 children: "⏺"
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV8(Text7, {
+              /* @__PURE__ */ jsxDEV12(Text11, {
                 color: "white",
                 children: [
                   " ",
@@ -2238,33 +2992,33 @@ var MemoizedChatEntry = React4.memo(({ entry, index }) => {
               }, undefined, true, undefined, this)
             ]
           }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsxDEV8(Box7, {
+          /* @__PURE__ */ jsxDEV12(Box11, {
             marginLeft: 2,
             flexDirection: "column",
-            children: isExecuting ? /* @__PURE__ */ jsxDEV8(Text7, {
+            children: isExecuting ? /* @__PURE__ */ jsxDEV12(Text11, {
               color: "cyan",
               children: "⎿ Executing..."
-            }, undefined, false, undefined, this) : shouldShowFileContent ? /* @__PURE__ */ jsxDEV8(Box7, {
+            }, undefined, false, undefined, this) : shouldShowFileContent ? /* @__PURE__ */ jsxDEV12(Box11, {
               flexDirection: "column",
               children: [
-                /* @__PURE__ */ jsxDEV8(Text7, {
+                /* @__PURE__ */ jsxDEV12(Text11, {
                   color: "gray",
                   children: "⎿ File contents:"
                 }, undefined, false, undefined, this),
-                /* @__PURE__ */ jsxDEV8(Box7, {
+                /* @__PURE__ */ jsxDEV12(Box11, {
                   marginLeft: 2,
                   flexDirection: "column",
                   children: renderFileContent(entry.content)
                 }, undefined, false, undefined, this)
               ]
-            }, undefined, true, undefined, this) : shouldShowDiff ? /* @__PURE__ */ jsxDEV8(Text7, {
+            }, undefined, true, undefined, this) : shouldShowDiff ? /* @__PURE__ */ jsxDEV12(Text11, {
               color: "gray",
               children: [
                 "⎿ ",
                 entry.content.split(`
 `)[0]
               ]
-            }, undefined, true, undefined, this) : /* @__PURE__ */ jsxDEV8(Text7, {
+            }, undefined, true, undefined, this) : /* @__PURE__ */ jsxDEV12(Text11, {
               color: "gray",
               children: [
                 "⎿ ",
@@ -2272,7 +3026,7 @@ var MemoizedChatEntry = React4.memo(({ entry, index }) => {
               ]
             }, undefined, true, undefined, this)
           }, undefined, false, undefined, this),
-          shouldShowDiff && !isExecuting && /* @__PURE__ */ jsxDEV8(Box7, {
+          shouldShowDiff && !isExecuting && /* @__PURE__ */ jsxDEV12(Box11, {
             marginLeft: 4,
             flexDirection: "column",
             children: renderDiff(entry.content, filePath)
@@ -2289,9 +3043,9 @@ function ChatHistory({
   isConfirmationActive = false
 }) {
   const filteredEntries = isConfirmationActive ? entries.filter((entry) => !(entry.type === "tool_call" && entry.content === "Executing...")) : entries;
-  return /* @__PURE__ */ jsxDEV8(Box7, {
+  return /* @__PURE__ */ jsxDEV12(Box11, {
     flexDirection: "column",
-    children: filteredEntries.slice(-20).map((entry, index) => /* @__PURE__ */ jsxDEV8(MemoizedChatEntry, {
+    children: filteredEntries.slice(-20).map((entry, index) => /* @__PURE__ */ jsxDEV12(MemoizedChatEntry, {
       entry,
       index
     }, `${entry.timestamp.getTime()}-${index}`, false, undefined, this))
@@ -2440,8 +3194,8 @@ class ConfirmationTool {
   }
 }
 // src/tools/morph-editor.ts
-import * as path2 from "path";
-import fs2 from "fs-extra";
+import * as path3 from "path";
+import fs4 from "fs-extra";
 import axios from "axios";
 
 class MorphEditorTool {
@@ -2456,8 +3210,8 @@ class MorphEditorTool {
   }
   async editFile(targetFile, instructions, codeEdit) {
     try {
-      const resolvedPath = path2.resolve(targetFile);
-      if (!await fs2.pathExists(resolvedPath)) {
+      const resolvedPath = path3.resolve(targetFile);
+      if (!await fs4.pathExists(resolvedPath)) {
         return {
           success: false,
           error: `File not found: ${targetFile}`
@@ -2469,7 +3223,7 @@ class MorphEditorTool {
           error: "MORPH_API_KEY not configured. Please set your Morph API key."
         };
       }
-      const initialCode = await fs2.readFile(resolvedPath, "utf-8");
+      const initialCode = await fs4.readFile(resolvedPath, "utf-8");
       const sessionFlags = this.confirmationService.getSessionFlags();
       if (!sessionFlags.fileOperations && !sessionFlags.allOperations) {
         const confirmationResult = await this.confirmationService.requestConfirmation({
@@ -2489,7 +3243,7 @@ ${codeEdit}`
         }
       }
       const mergedCode = await this.callMorphApply(instructions, initialCode, codeEdit);
-      await fs2.writeFile(resolvedPath, mergedCode, "utf-8");
+      await fs4.writeFile(resolvedPath, mergedCode, "utf-8");
       const oldLines = initialCode.split(`
 `);
       const newLines = mergedCode.split(`
@@ -2672,11 +3426,11 @@ ${codeEdit}`
   }
   async view(filePath, viewRange) {
     try {
-      const resolvedPath = path2.resolve(filePath);
-      if (await fs2.pathExists(resolvedPath)) {
-        const stats = await fs2.stat(resolvedPath);
+      const resolvedPath = path3.resolve(filePath);
+      if (await fs4.pathExists(resolvedPath)) {
+        const stats = await fs4.stat(resolvedPath);
         if (stats.isDirectory()) {
-          const files = await fs2.readdir(resolvedPath);
+          const files = await fs4.readdir(resolvedPath);
           return {
             success: true,
             output: `Directory contents of ${filePath}:
@@ -2684,7 +3438,7 @@ ${files.join(`
 `)}`
           };
         }
-        const content = await fs2.readFile(resolvedPath, "utf-8");
+        const content = await fs4.readFile(resolvedPath, "utf-8");
         const lines = content.split(`
 `);
         if (viewRange) {
@@ -2730,8 +3484,8 @@ ${numberedLines}${additionalLinesMessage}`
   }
 }
 // src/tools/project-map.ts
-import * as path3 from "path";
-import fs3 from "fs-extra";
+import * as path4 from "path";
+import fs5 from "fs-extra";
 
 class ProjectMapTool {
   currentDirectory = process.cwd();
@@ -2765,7 +3519,7 @@ Important Files:
     }
     let result = "";
     try {
-      const entries = await fs3.readdir(dir, { withFileTypes: true });
+      const entries = await fs5.readdir(dir, { withFileTypes: true });
       const sortedEntries = entries.sort((a, b) => {
         if (a.isDirectory() && !b.isDirectory()) {
           return -1;
@@ -2793,7 +3547,7 @@ Important Files:
         if (entry.isDirectory()) {
           result += `${indent}\uD83D\uDCC1 ${entry.name}/
 `;
-          result += await this.generateTree(path3.join(dir, entry.name), maxDepth, currentDepth + 1);
+          result += await this.generateTree(path4.join(dir, entry.name), maxDepth, currentDepth + 1);
         } else {
           result += `${indent}\uD83D\uDCC4 ${entry.name}
 `;
@@ -2815,8 +3569,8 @@ Important Files:
     ];
     const found = [];
     for (const pattern of importantPatterns) {
-      const fullPath = path3.join(this.currentDirectory, pattern);
-      if (await fs3.pathExists(fullPath)) {
+      const fullPath = path4.join(this.currentDirectory, pattern);
+      if (await fs5.pathExists(fullPath)) {
         found.push(pattern);
       }
     }
@@ -2828,8 +3582,8 @@ Important Files:
 }
 // src/tools/search.ts
 import { spawn } from "child_process";
-import * as path4 from "path";
-import fs4 from "fs-extra";
+import * as path5 from "path";
+import fs6 from "fs-extra";
 
 class SearchTool {
   confirmationService = ConfirmationService.getInstance();
@@ -2969,13 +3723,13 @@ class SearchTool {
         return;
       }
       try {
-        const entries = await fs4.readdir(dir, { withFileTypes: true });
+        const entries = await fs6.readdir(dir, { withFileTypes: true });
         for (const entry of entries) {
           if (files.length >= maxResults) {
             break;
           }
-          const fullPath = path4.join(dir, entry.name);
-          const relativePath = path4.relative(this.currentDirectory, fullPath);
+          const fullPath = path5.join(dir, entry.name);
+          const relativePath = path5.relative(this.currentDirectory, fullPath);
           if (!options.includeHidden && entry.name.startsWith(".")) {
             continue;
           }
@@ -3074,19 +3828,19 @@ class SearchTool {
 }
 // src/tools/text-editor.ts
 import { writeFile as writeFilePromise } from "fs/promises";
-import * as path5 from "path";
-import fs5 from "fs-extra";
+import * as path6 from "path";
+import fs7 from "fs-extra";
 
 class TextEditorTool {
   editHistory = [];
   confirmationService = ConfirmationService.getInstance();
   async view(filePath, viewRange) {
     try {
-      const resolvedPath = path5.resolve(filePath);
-      if (await fs5.pathExists(resolvedPath)) {
-        const stats = await fs5.stat(resolvedPath);
+      const resolvedPath = path6.resolve(filePath);
+      if (await fs7.pathExists(resolvedPath)) {
+        const stats = await fs7.stat(resolvedPath);
         if (stats.isDirectory()) {
-          const files = await fs5.readdir(resolvedPath);
+          const files = await fs7.readdir(resolvedPath);
           return {
             success: true,
             output: `Directory contents of ${filePath}:
@@ -3094,7 +3848,7 @@ ${files.join(`
 `)}`
           };
         }
-        const content = await fs5.readFile(resolvedPath, "utf-8");
+        const content = await fs7.readFile(resolvedPath, "utf-8");
         const lines = content.split(`
 `);
         if (viewRange) {
@@ -3134,14 +3888,14 @@ ${numberedLines}${additionalLinesMessage}`
   }
   async strReplace(filePath, oldStr, newStr, replaceAll = false) {
     try {
-      const resolvedPath = path5.resolve(filePath);
-      if (!await fs5.pathExists(resolvedPath)) {
+      const resolvedPath = path6.resolve(filePath);
+      if (!await fs7.pathExists(resolvedPath)) {
         return {
           success: false,
           error: `File not found: ${filePath}`
         };
       }
-      const content = await fs5.readFile(resolvedPath, "utf-8");
+      const content = await fs7.readFile(resolvedPath, "utf-8");
       if (!content.includes(oldStr)) {
         if (oldStr.includes(`
 `)) {
@@ -3209,7 +3963,7 @@ ${numberedLines}${additionalLinesMessage}`
   }
   async create(filePath, content) {
     try {
-      const resolvedPath = path5.resolve(filePath);
+      const resolvedPath = path6.resolve(filePath);
       const sessionFlags = this.confirmationService.getSessionFlags();
       if (!sessionFlags.fileOperations && !sessionFlags.allOperations) {
         const contentLines = content.split(`
@@ -3235,8 +3989,8 @@ ${numberedLines}${additionalLinesMessage}`
           };
         }
       }
-      const dir = path5.dirname(resolvedPath);
-      await fs5.ensureDir(dir);
+      const dir = path6.dirname(resolvedPath);
+      await fs7.ensureDir(dir);
       await writeFilePromise(resolvedPath, content, "utf-8");
       this.editHistory.push({
         command: "create",
@@ -3260,14 +4014,14 @@ ${numberedLines}${additionalLinesMessage}`
   }
   async replaceLines(filePath, startLine, endLine, newContent) {
     try {
-      const resolvedPath = path5.resolve(filePath);
-      if (!await fs5.pathExists(resolvedPath)) {
+      const resolvedPath = path6.resolve(filePath);
+      if (!await fs7.pathExists(resolvedPath)) {
         return {
           success: false,
           error: `File not found: ${filePath}`
         };
       }
-      const fileContent = await fs5.readFile(resolvedPath, "utf-8");
+      const fileContent = await fs7.readFile(resolvedPath, "utf-8");
       const lines = fileContent.split(`
 `);
       if (startLine < 1 || startLine > lines.length) {
@@ -3330,14 +4084,14 @@ ${numberedLines}${additionalLinesMessage}`
   }
   async insert(filePath, insertLine, content) {
     try {
-      const resolvedPath = path5.resolve(filePath);
-      if (!await fs5.pathExists(resolvedPath)) {
+      const resolvedPath = path6.resolve(filePath);
+      if (!await fs7.pathExists(resolvedPath)) {
         return {
           success: false,
           error: `File not found: ${filePath}`
         };
       }
-      const fileContent = await fs5.readFile(resolvedPath, "utf-8");
+      const fileContent = await fs7.readFile(resolvedPath, "utf-8");
       const lines = fileContent.split(`
 `);
       lines.splice(insertLine - 1, 0, content);
@@ -3373,19 +4127,19 @@ ${numberedLines}${additionalLinesMessage}`
       switch (lastEdit.command) {
         case "str_replace":
           if (lastEdit.path && lastEdit.old_str && lastEdit.new_str) {
-            const content = await fs5.readFile(lastEdit.path, "utf-8");
+            const content = await fs7.readFile(lastEdit.path, "utf-8");
             const revertedContent = content.replace(lastEdit.new_str, lastEdit.old_str);
             await writeFilePromise(lastEdit.path, revertedContent, "utf-8");
           }
           break;
         case "create":
           if (lastEdit.path) {
-            await fs5.remove(lastEdit.path);
+            await fs7.remove(lastEdit.path);
           }
           break;
         case "insert":
           if (lastEdit.path && lastEdit.insert_line) {
-            const content = await fs5.readFile(lastEdit.path, "utf-8");
+            const content = await fs7.readFile(lastEdit.path, "utf-8");
             const lines = content.split(`
 `);
             lines.splice(lastEdit.insert_line - 1, 1);
@@ -4444,19 +5198,19 @@ async function getAllSuperAgentTools() {
 }
 
 // src/utils/custom-instructions.ts
-import * as path6 from "path";
+import * as path7 from "path";
 import * as os2 from "os";
-import * as fs6 from "fs";
+import * as fs8 from "fs";
 function loadCustomInstructions(workingDirectory = process.cwd()) {
   try {
-    let instructionsPath = path6.join(workingDirectory, ".super-agent", "SUPER_AGENT.md");
-    if (fs6.existsSync(instructionsPath)) {
-      const customInstructions = fs6.readFileSync(instructionsPath, "utf-8");
+    let instructionsPath = path7.join(workingDirectory, ".super-agent", "SUPER_AGENT.md");
+    if (fs8.existsSync(instructionsPath)) {
+      const customInstructions = fs8.readFileSync(instructionsPath, "utf-8");
       return customInstructions.trim();
     }
-    instructionsPath = path6.join(os2.homedir(), ".super-agent", "SUPER_AGENT.md");
-    if (fs6.existsSync(instructionsPath)) {
-      const customInstructions = fs6.readFileSync(instructionsPath, "utf-8");
+    instructionsPath = path7.join(os2.homedir(), ".super-agent", "SUPER_AGENT.md");
+    if (fs8.existsSync(instructionsPath)) {
+      const customInstructions = fs8.readFileSync(instructionsPath, "utf-8");
       return customInstructions.trim();
     }
     return null;
@@ -5371,9 +6125,9 @@ Maximum tool execution rounds reached. Stopping to prevent infinite loops.`
 }
 
 // src/ui/components/api-key-input.tsx
-import { Box as Box8, Text as Text8, useApp, useInput as useInput3 } from "ink";
+import { Box as Box12, Text as Text12, useApp, useInput as useInput3 } from "ink";
 import { useState as useState6 } from "react";
-import { jsxDEV as jsxDEV9 } from "react/jsx-dev-runtime";
+import { jsxDEV as jsxDEV13 } from "react/jsx-dev-runtime";
 function ApiKeyInput({ onApiKeySet }) {
   const [input, setInput] = useState6("");
   const [error, setError] = useState6("");
@@ -5436,40 +6190,40 @@ function ApiKeyInput({ onApiKeySet }) {
     }
   };
   const displayText = input.length > 0 ? isSubmitting ? "*".repeat(input.length) : "*".repeat(input.length) + "█" : isSubmitting ? " " : "█";
-  return /* @__PURE__ */ jsxDEV9(Box8, {
+  return /* @__PURE__ */ jsxDEV13(Box12, {
     flexDirection: "column",
     paddingX: 2,
     paddingY: 1,
     children: [
-      /* @__PURE__ */ jsxDEV9(Text8, {
+      /* @__PURE__ */ jsxDEV13(Text12, {
         color: "yellow",
         children: "\uD83D\uDD11 Super Agent API Key Required"
       }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV9(Box8, {
+      /* @__PURE__ */ jsxDEV13(Box12, {
         marginBottom: 1,
-        children: /* @__PURE__ */ jsxDEV9(Text8, {
+        children: /* @__PURE__ */ jsxDEV13(Text12, {
           color: "gray",
           children: "Please enter your Super Agent API key to continue:"
         }, undefined, false, undefined, this)
       }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV9(Box8, {
+      /* @__PURE__ */ jsxDEV13(Box12, {
         borderStyle: "round",
         borderColor: "blue",
         paddingX: 1,
         marginBottom: 1,
         children: [
-          /* @__PURE__ */ jsxDEV9(Text8, {
+          /* @__PURE__ */ jsxDEV13(Text12, {
             color: "gray",
             children: "❯ "
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV9(Text8, {
+          /* @__PURE__ */ jsxDEV13(Text12, {
             children: displayText
           }, undefined, false, undefined, this)
         ]
       }, undefined, true, undefined, this),
-      error ? /* @__PURE__ */ jsxDEV9(Box8, {
+      error ? /* @__PURE__ */ jsxDEV13(Box12, {
         marginBottom: 1,
-        children: /* @__PURE__ */ jsxDEV9(Text8, {
+        children: /* @__PURE__ */ jsxDEV13(Text12, {
           color: "red",
           children: [
             "❌ ",
@@ -5477,30 +6231,30 @@ function ApiKeyInput({ onApiKeySet }) {
           ]
         }, undefined, true, undefined, this)
       }, undefined, false, undefined, this) : null,
-      /* @__PURE__ */ jsxDEV9(Box8, {
+      /* @__PURE__ */ jsxDEV13(Box12, {
         flexDirection: "column",
         marginTop: 1,
         children: [
-          /* @__PURE__ */ jsxDEV9(Text8, {
+          /* @__PURE__ */ jsxDEV13(Text12, {
             color: "gray",
             dimColor: true,
             children: "• Press Enter to submit"
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV9(Text8, {
+          /* @__PURE__ */ jsxDEV13(Text12, {
             color: "gray",
             dimColor: true,
             children: "• Press Ctrl+C to exit"
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV9(Text8, {
+          /* @__PURE__ */ jsxDEV13(Text12, {
             color: "gray",
             dimColor: true,
             children: "Note: API key will be saved to ~/.super-agent/settings.json"
           }, undefined, false, undefined, this)
         ]
       }, undefined, true, undefined, this),
-      isSubmitting ? /* @__PURE__ */ jsxDEV9(Box8, {
+      isSubmitting ? /* @__PURE__ */ jsxDEV13(Box12, {
         marginTop: 1,
-        children: /* @__PURE__ */ jsxDEV9(Text8, {
+        children: /* @__PURE__ */ jsxDEV13(Text12, {
           color: "yellow",
           children: "\uD83D\uDD04 Validating API key..."
         }, undefined, false, undefined, this)
@@ -5511,8 +6265,8 @@ function ApiKeyInput({ onApiKeySet }) {
 
 // src/ui/components/mcp-status.tsx
 import { useEffect as useEffect3, useState as useState7 } from "react";
-import { Box as Box9, Text as Text9 } from "ink";
-import { jsxDEV as jsxDEV10 } from "react/jsx-dev-runtime";
+import { Box as Box13, Text as Text13 } from "ink";
+import { jsxDEV as jsxDEV14 } from "react/jsx-dev-runtime";
 function MCPStatus({}) {
   const [connectedServers, setConnectedServers] = useState7([]);
   const [availableTools, setAvailableTools] = useState7([]);
@@ -5539,9 +6293,9 @@ function MCPStatus({}) {
   if (connectedServers.length === 0) {
     return null;
   }
-  return /* @__PURE__ */ jsxDEV10(Box9, {
+  return /* @__PURE__ */ jsxDEV14(Box13, {
     marginLeft: 1,
-    children: /* @__PURE__ */ jsxDEV10(Text9, {
+    children: /* @__PURE__ */ jsxDEV14(Text13, {
       color: "green",
       children: [
         "⚒ mcps: ",
@@ -5553,8 +6307,8 @@ function MCPStatus({}) {
 }
 
 // src/ui/components/chat-input.tsx
-import { Box as Box10, Text as Text10 } from "ink";
-import { jsxDEV as jsxDEV11, Fragment as Fragment3 } from "react/jsx-dev-runtime";
+import { Box as Box14, Text as Text14 } from "ink";
+import { jsxDEV as jsxDEV15, Fragment as Fragment3 } from "react/jsx-dev-runtime";
 function ChatInput({
   input,
   cursorPosition,
@@ -5583,7 +6337,7 @@ function ChatInput({
   const placeholderText = "Ask me anything...";
   const isPlaceholder = !input;
   if (isMultiline) {
-    return /* @__PURE__ */ jsxDEV11(Box10, {
+    return /* @__PURE__ */ jsxDEV15(Box14, {
       borderStyle: "round",
       borderColor,
       paddingY: 0,
@@ -5595,19 +6349,19 @@ function ChatInput({
           const beforeCursorInLine = line.slice(0, currentCharIndex);
           const cursorChar2 = line.slice(currentCharIndex, currentCharIndex + 1) || " ";
           const afterCursorInLine = line.slice(currentCharIndex + 1);
-          return /* @__PURE__ */ jsxDEV11(Box10, {
+          return /* @__PURE__ */ jsxDEV15(Box14, {
             children: [
-              /* @__PURE__ */ jsxDEV11(Text10, {
+              /* @__PURE__ */ jsxDEV15(Text14, {
                 color: promptColor,
                 children: [
                   promptChar,
                   " "
                 ]
               }, undefined, true, undefined, this),
-              /* @__PURE__ */ jsxDEV11(Text10, {
+              /* @__PURE__ */ jsxDEV15(Text14, {
                 children: [
                   beforeCursorInLine,
-                  showCursor && /* @__PURE__ */ jsxDEV11(Text10, {
+                  showCursor && /* @__PURE__ */ jsxDEV15(Text14, {
                     backgroundColor: "white",
                     color: "black",
                     children: cursorChar2
@@ -5619,16 +6373,16 @@ function ChatInput({
             ]
           }, index, true, undefined, this);
         } else {
-          return /* @__PURE__ */ jsxDEV11(Box10, {
+          return /* @__PURE__ */ jsxDEV15(Box14, {
             children: [
-              /* @__PURE__ */ jsxDEV11(Text10, {
+              /* @__PURE__ */ jsxDEV15(Text14, {
                 color: promptColor,
                 children: [
                   promptChar,
                   " "
                 ]
               }, undefined, true, undefined, this),
-              /* @__PURE__ */ jsxDEV11(Text10, {
+              /* @__PURE__ */ jsxDEV15(Text14, {
                 children: line
               }, undefined, false, undefined, this)
             ]
@@ -5639,35 +6393,35 @@ function ChatInput({
   }
   const cursorChar = input.slice(cursorPosition, cursorPosition + 1) || " ";
   const afterCursorText = input.slice(cursorPosition + 1);
-  return /* @__PURE__ */ jsxDEV11(Box10, {
+  return /* @__PURE__ */ jsxDEV15(Box14, {
     borderStyle: "round",
     borderColor,
     paddingX: 1,
     paddingY: 0,
     marginTop: 1,
-    children: /* @__PURE__ */ jsxDEV11(Box10, {
+    children: /* @__PURE__ */ jsxDEV15(Box14, {
       children: [
-        /* @__PURE__ */ jsxDEV11(Text10, {
+        /* @__PURE__ */ jsxDEV15(Text14, {
           color: promptColor,
           children: "❯ "
         }, undefined, false, undefined, this),
-        isPlaceholder ? /* @__PURE__ */ jsxDEV11(Fragment3, {
+        isPlaceholder ? /* @__PURE__ */ jsxDEV15(Fragment3, {
           children: [
-            /* @__PURE__ */ jsxDEV11(Text10, {
+            /* @__PURE__ */ jsxDEV15(Text14, {
               color: "gray",
               dimColor: true,
               children: placeholderText
             }, undefined, false, undefined, this),
-            showCursor && /* @__PURE__ */ jsxDEV11(Text10, {
+            showCursor && /* @__PURE__ */ jsxDEV15(Text14, {
               backgroundColor: "white",
               color: "black",
               children: " "
             }, undefined, false, undefined, this)
           ]
-        }, undefined, true, undefined, this) : /* @__PURE__ */ jsxDEV11(Text10, {
+        }, undefined, true, undefined, this) : /* @__PURE__ */ jsxDEV15(Text14, {
           children: [
             beforeCursor,
-            showCursor && /* @__PURE__ */ jsxDEV11(Text10, {
+            showCursor && /* @__PURE__ */ jsxDEV15(Text14, {
               backgroundColor: "white",
               color: "black",
               children: cursorChar
@@ -5682,9 +6436,9 @@ function ChatInput({
 }
 
 // src/ui/components/chat-interface.tsx
-import { Box as Box11, Text as Text11 } from "ink";
+import { Box as Box15, Text as Text15 } from "ink";
 import cfonts from "cfonts";
-import { jsxDEV as jsxDEV12, Fragment as Fragment4 } from "react/jsx-dev-runtime";
+import { jsxDEV as jsxDEV16, Fragment as Fragment4 } from "react/jsx-dev-runtime";
 function ChatInterfaceWithAgent({
   agent,
   initialMessage
@@ -5705,9 +6459,20 @@ function ChatInterfaceWithAgent({
     selectedCommandIndex,
     showModelSelection,
     selectedModelIndex,
-    commandSuggestions,
     availableModels,
-    autoEditEnabled
+    autoEditEnabled,
+    agentMode,
+    showMentionSuggestions,
+    commandSuggestions,
+    showCommandPalette,
+    commandPaletteQuery,
+    selectedPaletteIndex,
+    mentionSuggestions,
+    mentionQuery,
+    selectedMentionIndex,
+    showProviderSelection,
+    selectedProviderIndex,
+    showConfigViewer
   } = useInputHandler({
     agent,
     chatHistory,
@@ -5864,40 +6629,40 @@ function ChatInterfaceWithAgent({
     setProcessingTime(0);
     processingStartTime.current = 0;
   };
-  return /* @__PURE__ */ jsxDEV12(Box11, {
+  return /* @__PURE__ */ jsxDEV16(Box15, {
     flexDirection: "column",
     paddingX: 2,
     children: [
-      chatHistory.length === 0 && !confirmationOptions && /* @__PURE__ */ jsxDEV12(Box11, {
+      chatHistory.length === 0 && !confirmationOptions && /* @__PURE__ */ jsxDEV16(Box15, {
         flexDirection: "column",
         marginBottom: 2,
         children: [
-          /* @__PURE__ */ jsxDEV12(Text11, {
+          /* @__PURE__ */ jsxDEV16(Text15, {
             color: "cyan",
             bold: true,
             children: "Tips for getting started:"
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV12(Box11, {
+          /* @__PURE__ */ jsxDEV16(Box15, {
             marginTop: 1,
             flexDirection: "column",
             children: [
-              /* @__PURE__ */ jsxDEV12(Text11, {
+              /* @__PURE__ */ jsxDEV16(Text15, {
                 color: "gray",
                 children: "1. Ask questions, edit files, or run commands."
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV12(Text11, {
+              /* @__PURE__ */ jsxDEV16(Text15, {
                 color: "gray",
                 children: "2. Be specific for the best results."
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV12(Text11, {
+              /* @__PURE__ */ jsxDEV16(Text15, {
                 color: "gray",
                 children: "3. Create SUPER_AGENT.md files to customize your interactions."
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV12(Text11, {
+              /* @__PURE__ */ jsxDEV16(Text15, {
                 color: "gray",
                 children: "4. Press Shift+Tab to toggle auto-edit mode."
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV12(Text11, {
+              /* @__PURE__ */ jsxDEV16(Text15, {
                 color: "gray",
                 children: "5. /help for more information."
               }, undefined, false, undefined, this)
@@ -5905,23 +6670,23 @@ function ChatInterfaceWithAgent({
           }, undefined, true, undefined, this)
         ]
       }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV12(Box11, {
+      /* @__PURE__ */ jsxDEV16(Box15, {
         flexDirection: "column",
         marginBottom: 1,
-        children: /* @__PURE__ */ jsxDEV12(Text11, {
+        children: /* @__PURE__ */ jsxDEV16(Text15, {
           color: "gray",
           children: "Type your request in natural language. Ctrl+C to clear, 'exit' to quit."
         }, undefined, false, undefined, this)
       }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV12(Box11, {
+      /* @__PURE__ */ jsxDEV16(Box15, {
         flexDirection: "column",
         ref: scrollRef,
-        children: /* @__PURE__ */ jsxDEV12(ChatHistory, {
+        children: /* @__PURE__ */ jsxDEV16(ChatHistory, {
           entries: chatHistory,
           isConfirmationActive: !!confirmationOptions
         }, undefined, false, undefined, this)
       }, undefined, false, undefined, this),
-      confirmationOptions && /* @__PURE__ */ jsxDEV12(ConfirmationDialog, {
+      confirmationOptions && /* @__PURE__ */ jsxDEV16(ConfirmationDialog, {
         operation: confirmationOptions.operation,
         filename: confirmationOptions.filename,
         showVSCodeOpen: confirmationOptions.showVSCodeOpen,
@@ -5929,72 +6694,184 @@ function ChatInterfaceWithAgent({
         onConfirm: handleConfirmation,
         onReject: handleRejection
       }, undefined, false, undefined, this),
-      !confirmationOptions && /* @__PURE__ */ jsxDEV12(Fragment4, {
-        children: [
-          /* @__PURE__ */ jsxDEV12(LoadingSpinner, {
-            isActive: isProcessing || isStreaming,
-            processingTime,
-            tokenCount
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV12(ChatInput, {
-            input,
-            cursorPosition,
-            isProcessing,
-            isStreaming
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV12(Box11, {
-            flexDirection: "row",
-            marginTop: 1,
-            children: [
-              /* @__PURE__ */ jsxDEV12(Box11, {
-                marginRight: 2,
-                children: [
-                  /* @__PURE__ */ jsxDEV12(Text11, {
-                    color: "cyan",
-                    children: [
-                      autoEditEnabled ? "▶" : "⏸",
-                      " auto-edit:",
-                      " ",
-                      autoEditEnabled ? "on" : "off"
-                    ]
-                  }, undefined, true, undefined, this),
-                  /* @__PURE__ */ jsxDEV12(Text11, {
-                    color: "gray",
-                    dimColor: true,
-                    children: [
-                      " ",
-                      "(shift + tab)"
-                    ]
-                  }, undefined, true, undefined, this)
-                ]
-              }, undefined, true, undefined, this),
-              /* @__PURE__ */ jsxDEV12(Box11, {
-                marginRight: 2,
-                children: /* @__PURE__ */ jsxDEV12(Text11, {
-                  color: "yellow",
-                  children: [
-                    "≋ ",
-                    agent.getCurrentModel()
-                  ]
-                }, undefined, true, undefined, this)
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV12(MCPStatus, {}, undefined, false, undefined, this)
-            ]
-          }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsxDEV12(CommandSuggestions, {
-            suggestions: commandSuggestions,
-            input,
-            selectedIndex: selectedCommandIndex,
-            isVisible: showCommandSuggestions
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV12(ModelSelection, {
+      !confirmationOptions && /* @__PURE__ */ jsxDEV16(Fragment4, {
+        children: showCommandPalette ? /* @__PURE__ */ jsxDEV16(Box15, {
+          flexDirection: "column",
+          marginTop: 1,
+          children: /* @__PURE__ */ jsxDEV16(CommandPalette, {
+            files: mentionSuggestions,
+            query: commandPaletteQuery,
+            selectedIndex: selectedPaletteIndex,
+            isVisible: showCommandPalette
+          }, undefined, false, undefined, this)
+        }, undefined, false, undefined, this) : showProviderSelection ? /* @__PURE__ */ jsxDEV16(Box15, {
+          flexDirection: "column",
+          marginTop: 1,
+          children: /* @__PURE__ */ jsxDEV16(ProviderSelection, {
+            providers: (() => {
+              const {
+                getSettingsManager: getSettingsManager2
+              } = (init_settings_manager(), __toCommonJS(exports_settings_manager));
+              const manager = getSettingsManager2();
+              const settings = manager.loadUserSettings();
+              const active = settings.active_provider;
+              return Object.keys(settings.providers || {}).map((id) => ({
+                id,
+                name: id,
+                isActive: id === active,
+                hasApiKey: !!settings.providers[id]?.api_key,
+                model: settings.providers[id]?.model
+              }));
+            })(),
+            selectedIndex: selectedProviderIndex,
+            isVisible: showProviderSelection
+          }, undefined, false, undefined, this)
+        }, undefined, false, undefined, this) : showConfigViewer ? /* @__PURE__ */ jsxDEV16(Box15, {
+          flexDirection: "column",
+          marginTop: 1,
+          children: /* @__PURE__ */ jsxDEV16(ConfigViewer, {
+            config: (() => {
+              const {
+                getSettingsManager: getSettingsManager2
+              } = (init_settings_manager(), __toCommonJS(exports_settings_manager));
+              const manager = getSettingsManager2();
+              const settings = manager.loadUserSettings();
+              const activeProvider = settings.active_provider;
+              const activeConfig = settings.providers[activeProvider];
+              return {
+                activeProvider,
+                apiKeySet: !!activeConfig?.api_key,
+                baseUrl: activeConfig?.base_url,
+                model: activeConfig?.model,
+                theme: settings.ui.theme
+              };
+            })(),
+            isVisible: showConfigViewer
+          }, undefined, false, undefined, this)
+        }, undefined, false, undefined, this) : showModelSelection ? /* @__PURE__ */ jsxDEV16(Box15, {
+          flexDirection: "column",
+          marginTop: 1,
+          children: /* @__PURE__ */ jsxDEV16(ModelSelection, {
             models: availableModels,
             selectedIndex: selectedModelIndex,
             isVisible: showModelSelection,
             currentModel: agent.getCurrentModel()
           }, undefined, false, undefined, this)
-        ]
-      }, undefined, true, undefined, this)
+        }, undefined, false, undefined, this) : /* @__PURE__ */ jsxDEV16(Fragment4, {
+          children: [
+            /* @__PURE__ */ jsxDEV16(LoadingSpinner, {
+              isActive: isProcessing || isStreaming,
+              processingTime,
+              tokenCount
+            }, undefined, false, undefined, this),
+            /* @__PURE__ */ jsxDEV16(ChatInput, {
+              input,
+              cursorPosition,
+              isProcessing,
+              isStreaming
+            }, undefined, false, undefined, this),
+            /* @__PURE__ */ jsxDEV16(Box15, {
+              flexDirection: "row",
+              marginTop: 1,
+              flexWrap: "wrap",
+              children: [
+                /* @__PURE__ */ jsxDEV16(Box15, {
+                  marginRight: 2,
+                  children: [
+                    /* @__PURE__ */ jsxDEV16(Text15, {
+                      color: "cyan",
+                      children: [
+                        autoEditEnabled ? "\uD83D\uDE80" : "⏸",
+                        " yolo:",
+                        " ",
+                        autoEditEnabled ? "on" : "off",
+                        " "
+                      ]
+                    }, undefined, true, undefined, this),
+                    /* @__PURE__ */ jsxDEV16(Text15, {
+                      color: "gray",
+                      dimColor: true,
+                      children: "(ctrl+y)"
+                    }, undefined, false, undefined, this)
+                  ]
+                }, undefined, true, undefined, this),
+                /* @__PURE__ */ jsxDEV16(Box15, {
+                  marginRight: 2,
+                  children: [
+                    /* @__PURE__ */ jsxDEV16(Text15, {
+                      color: agentMode === "plan" ? "cyan" : agentMode === "debug" ? "magenta" : "green",
+                      bold: true,
+                      children: [
+                        "◈ ",
+                        agentMode.toUpperCase()
+                      ]
+                    }, undefined, true, undefined, this),
+                    /* @__PURE__ */ jsxDEV16(Text15, {
+                      color: "gray",
+                      dimColor: true,
+                      children: [
+                        " ",
+                        "(shift+tab)"
+                      ]
+                    }, undefined, true, undefined, this)
+                  ]
+                }, undefined, true, undefined, this),
+                /* @__PURE__ */ jsxDEV16(Box15, {
+                  marginRight: 2,
+                  children: [
+                    /* @__PURE__ */ jsxDEV16(Text15, {
+                      color: "magenta",
+                      children: "\uD83D\uDD0D palette "
+                    }, undefined, false, undefined, this),
+                    /* @__PURE__ */ jsxDEV16(Text15, {
+                      color: "gray",
+                      dimColor: true,
+                      children: "(ctrl+p)"
+                    }, undefined, false, undefined, this)
+                  ]
+                }, undefined, true, undefined, this),
+                /* @__PURE__ */ jsxDEV16(Box15, {
+                  marginRight: 2,
+                  children: [
+                    /* @__PURE__ */ jsxDEV16(Text15, {
+                      color: "cyan",
+                      children: "\uD83D\uDC1A shell "
+                    }, undefined, false, undefined, this),
+                    /* @__PURE__ */ jsxDEV16(Text15, {
+                      color: "gray",
+                      dimColor: true,
+                      children: "(!)"
+                    }, undefined, false, undefined, this)
+                  ]
+                }, undefined, true, undefined, this),
+                /* @__PURE__ */ jsxDEV16(Box15, {
+                  marginRight: 2,
+                  children: /* @__PURE__ */ jsxDEV16(Text15, {
+                    color: "yellow",
+                    children: [
+                      "≋ ",
+                      agent.getCurrentModel()
+                    ]
+                  }, undefined, true, undefined, this)
+                }, undefined, false, undefined, this),
+                /* @__PURE__ */ jsxDEV16(MCPStatus, {}, undefined, false, undefined, this)
+              ]
+            }, undefined, true, undefined, this),
+            /* @__PURE__ */ jsxDEV16(MentionSuggestions, {
+              suggestions: mentionSuggestions,
+              query: mentionQuery,
+              selectedIndex: selectedMentionIndex,
+              isVisible: showMentionSuggestions
+            }, undefined, false, undefined, this),
+            /* @__PURE__ */ jsxDEV16(CommandSuggestions, {
+              suggestions: commandSuggestions,
+              input,
+              selectedIndex: selectedCommandIndex,
+              isVisible: showCommandSuggestions
+            }, undefined, false, undefined, this)
+          ]
+        }, undefined, true, undefined, this)
+      }, undefined, false, undefined, this)
     ]
   }, undefined, true, undefined, this);
 }
@@ -6007,11 +6884,11 @@ function ChatInterface({
     setCurrentAgent(newAgent);
   };
   if (!currentAgent) {
-    return /* @__PURE__ */ jsxDEV12(ApiKeyInput, {
+    return /* @__PURE__ */ jsxDEV16(ApiKeyInput, {
       onApiKeySet: handleApiKeySet
     }, undefined, false, undefined, this);
   }
-  return /* @__PURE__ */ jsxDEV12(ChatInterfaceWithAgent, {
+  return /* @__PURE__ */ jsxDEV16(ChatInterfaceWithAgent, {
     agent: currentAgent,
     initialMessage
   }, undefined, false, undefined, this);
@@ -6216,7 +7093,7 @@ import { program } from "commander";
 // package.json
 var package_default = {
   name: "@involvex/super-agent-cli",
-  version: "0.0.39",
+  version: "0.0.45",
   description: "An open-source AI agent that brings the power of Super Agent directly into your terminal.",
   keywords: [
     "cli",
@@ -6305,7 +7182,7 @@ var package_default = {
 // src/index.ts
 import * as dotenv from "dotenv";
 import { render } from "ink";
-import React5 from "react";
+import React4 from "react";
 dotenv.config();
 process.on("SIGTERM", () => {
   if (process.stdin.isTTY && process.stdin.setRawMode) {
@@ -6529,7 +7406,7 @@ program.name("super-agent").description("A conversational AI CLI tool powered by
 `);
     ensureUserSettingsDirectory();
     const initialMessage = Array.isArray(message) ? message.join(" ") : message;
-    render(React5.createElement(ChatInterface, { agent, initialMessage }));
+    render(React4.createElement(ChatInterface, { agent, initialMessage }));
   } catch (error) {
     console.error("❌ Error initializing Super Agent CLI:", error.message);
     process.exit(1);