snow-ai 0.6.16 → 0.6.17

package/bundle/cli.mjs

@@ -1421,7 +1421,7 @@ var require_react_development = __commonJS({
           }
           return dispatcher.useContext(Context);
         }
-        function useState64(initialState) {
+        function useState65(initialState) {
           var dispatcher = resolveDispatcher();
           return dispatcher.useState(initialState);
         }
@@ -1433,7 +1433,7 @@ var require_react_development = __commonJS({
           var dispatcher = resolveDispatcher();
           return dispatcher.useRef(initialValue);
         }
-        function useEffect56(create3, deps) {
+        function useEffect57(create3, deps) {
           var dispatcher = resolveDispatcher();
           return dispatcher.useEffect(create3, deps);
         }
@@ -1445,11 +1445,11 @@ var require_react_development = __commonJS({
           var dispatcher = resolveDispatcher();
           return dispatcher.useLayoutEffect(create3, deps);
         }
-        function useCallback45(callback, deps) {
+        function useCallback46(callback, deps) {
           var dispatcher = resolveDispatcher();
           return dispatcher.useCallback(callback, deps);
         }
-        function useMemo31(create3, deps) {
+        function useMemo32(create3, deps) {
           var dispatcher = resolveDispatcher();
           return dispatcher.useMemo(create3, deps);
         }
@@ -2212,19 +2212,19 @@ var require_react_development = __commonJS({
         exports2.memo = memo6;
         exports2.startTransition = startTransition;
         exports2.unstable_act = act;
-        exports2.useCallback = useCallback45;
+        exports2.useCallback = useCallback46;
         exports2.useContext = useContext13;
         exports2.useDebugValue = useDebugValue;
         exports2.useDeferredValue = useDeferredValue;
-        exports2.useEffect = useEffect56;
+        exports2.useEffect = useEffect57;
         exports2.useId = useId;
         exports2.useImperativeHandle = useImperativeHandle2;
         exports2.useInsertionEffect = useInsertionEffect;
         exports2.useLayoutEffect = useLayoutEffect2;
-        exports2.useMemo = useMemo31;
+        exports2.useMemo = useMemo32;
         exports2.useReducer = useReducer8;
         exports2.useRef = useRef16;
-        exports2.useState = useState64;
+        exports2.useState = useState65;
         exports2.useSyncExternalStore = useSyncExternalStore;
         exports2.useTransition = useTransition;
         exports2.version = ReactVersion;
@@ -9928,9 +9928,9 @@ var require_react_reconciler_development = __commonJS({
       module2.exports = function $$$reconciler($$$hostConfig) {
         var exports3 = {};
         "use strict";
-        var React97 = require_react();
+        var React98 = require_react();
         var Scheduler2 = require_scheduler();
-        var ReactSharedInternals = React97.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+        var ReactSharedInternals = React98.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
         var suppressWarning = false;
         function setSuppressWarning(newSuppressWarning) {
           {
@@ -28457,7 +28457,7 @@ var require_extension = __commonJS({
 var require_websocket = __commonJS({
   "node_modules/ws/lib/websocket.js"(exports2, module2) {
     "use strict";
-    var EventEmitter11 = __require("events");
+    var EventEmitter12 = __require("events");
     var https2 = __require("https");
     var http2 = __require("http");
     var net = __require("net");
@@ -28489,7 +28489,7 @@ var require_websocket = __commonJS({
     var protocolVersions = [8, 13];
     var readyStates = ["CONNECTING", "OPEN", "CLOSING", "CLOSED"];
     var subprotocolRegex = /^[!#$%&'*+\-.0-9A-Z^_`|a-z~]+$/;
-    var WebSocket3 = class _WebSocket extends EventEmitter11 {
+    var WebSocket3 = class _WebSocket extends EventEmitter12 {
       /**
        * Create a new `WebSocket`.
        *
@@ -29483,7 +29483,7 @@ var require_subprotocol = __commonJS({
 var require_websocket_server = __commonJS({
   "node_modules/ws/lib/websocket-server.js"(exports2, module2) {
     "use strict";
-    var EventEmitter11 = __require("events");
+    var EventEmitter12 = __require("events");
     var http2 = __require("http");
     var { Duplex } = __require("stream");
     var { createHash: createHash3 } = __require("crypto");
@@ -29496,7 +29496,7 @@ var require_websocket_server = __commonJS({
     var RUNNING = 0;
     var CLOSING = 1;
     var CLOSED = 2;
-    var WebSocketServer2 = class extends EventEmitter11 {
+    var WebSocketServer2 = class extends EventEmitter12 {
       /**
        * Create a `WebSocketServer` instance.
        *
@@ -46833,23 +46833,18 @@ function isCodebaseEnabled2() {
 }
 function getCurrentTimeInfo() {
   const now = /* @__PURE__ */ new Date();
-  return {
-    year: now.getFullYear(),
-    month: now.getMonth() + 1
-    // getMonth() returns 0-11
-  };
+  const year = now.getFullYear();
+  const month = String(now.getMonth() + 1).padStart(2, "0");
+  const day = String(now.getDate()).padStart(2, "0");
+  return { date: `${year}-${month}-${day}` };
 }
 function appendSystemContext(prompt, systemEnv, timeInfo) {
   return `${prompt}
 
-## System Environment
-
+System Environment:
 ${systemEnv}
 
-## Current Time
-
-Year: ${timeInfo.year}
-Month: ${timeInfo.month}`;
+Current Date: ${timeInfo.date}`;
 }
 var init_promptHelpers = __esm({
   "dist/prompt/shared/promptHelpers.js"() {
@@ -46927,16 +46922,14 @@ function getVulnerabilityHuntingModeSystemPrompt() {
 
 ---
 
-## Reference Information (Context Only - Not Your Primary Focus)
+Reference Information (Context Only - Not Your Primary Focus)
 
-### System Environment
+System Environment:
 ${systemEnv}
 
-### Current Time
-Year: ${timeInfo.year}
-Month: ${timeInfo.month}
+Current Date: ${timeInfo.date}
 
-**REMINDER**: The above information is ONLY context. Your PRIMARY task is the user's current question/request.`;
+REMINDER: The above information is ONLY context. Your PRIMARY task is the user's current question/request.`;
   return finalPrompt + referenceContext;
 }
 var VULNERABILITY_HUNTING_MODE_SYSTEM_PROMPT;
@@ -50661,10 +50654,10 @@ var require_wrap_handler = __commonJS({
 var require_dispatcher = __commonJS({
   "node_modules/undici/lib/dispatcher/dispatcher.js"(exports2, module2) {
     "use strict";
-    var EventEmitter11 = __require("node:events");
+    var EventEmitter12 = __require("node:events");
     var WrapHandler = require_wrap_handler();
     var wrapInterceptor = (dispatch) => (opts, handler) => dispatch(opts, WrapHandler.wrap(handler));
-    var Dispatcher = class extends EventEmitter11 {
+    var Dispatcher = class extends EventEmitter12 {
       dispatch() {
         throw new Error("not implemented");
       }
@@ -63067,9 +63060,9 @@ var require_memory_cache_store = __commonJS({
   "node_modules/undici/lib/cache/memory-cache-store.js"(exports2, module2) {
     "use strict";
     var { Writable } = __require("node:stream");
-    var { EventEmitter: EventEmitter11 } = __require("node:events");
+    var { EventEmitter: EventEmitter12 } = __require("node:events");
     var { assertCacheKey, assertCacheValue } = require_cache();
-    var MemoryCacheStore = class extends EventEmitter11 {
+    var MemoryCacheStore = class extends EventEmitter12 {
       #maxCount = 1024;
       #maxSize = 104857600;
       // 100MB
@@ -81279,6 +81272,7 @@ var init_en = __esm({
           permissions: "Manage always-approved tools permissions",
           backend: "Show background processes panel",
           profiles: "Switch configuration profiles",
+          models: "Open model switching panel",
           vulnerabilityHunting: "Toggle vulnerability hunting mode for security-focused code analysis",
           quit: "Exit the application"
         }
@@ -81293,6 +81287,37 @@ var init_en = __esm({
         yes: "Yes",
         no: "No"
       },
+      modelsPanel: {
+        title: "Model Switching",
+        subtitle: "Tab to switch tabs | Enter to select",
+        tabAdvanced: "Advanced Model",
+        tabBasic: "Basic Model",
+        tabThinking: "Thinking",
+        currentModel: "Current Model:",
+        notSet: "Not Set",
+        loadingModels: "Loading models...",
+        hint: "Enter to select model | m for manual input | Esc to close",
+        manualInputTitle: "Manual Input",
+        manualInputHint: "Enter to save, Esc to close",
+        filterLabel: "Filter:",
+        manualInputOption: "Manual Input",
+        requestMethod: "Request Method:",
+        showThinkingProcess: "Show Thinking Process:",
+        enableThinking: "Enable Thinking:",
+        thinkingStrength: "Thinking Strength:",
+        inputNumberHint: "Enter number, press Enter to save",
+        escCancel: "Esc to cancel",
+        navigationHint: "\u2191\u2193 to select | Enter to toggle | Esc to close",
+        notSupported: "Not Supported",
+        advancedModelLabel: "Advanced Model",
+        basicModelLabel: "Basic Model",
+        thinkingLabel: "Thinking",
+        requestMethodNotSupportedForThinking: "Current request method ({requestMethod}) does not support thinking",
+        requestMethodNotSupportedForThinkingStrength: "Current request method ({requestMethod}) does not support thinking strength settings",
+        saveFailed: "Save failed",
+        modelSaveFailed: "Model save failed",
+        tipLabel: "Tip:"
+      },
       profilePanel: {
         title: "Select Profile",
         scrollHint: "\u2191\u2193 to scroll",
@@ -82446,6 +82471,7 @@ var init_zh = __esm({
           vulnerabilityHunting: "\u5207\u6362\u6F0F\u6D1E\u68C0\u67E5\u6A21\u5F0F\uFF0C\u8FDB\u884C\u5B89\u5168\u6027\u4EE3\u7801\u5206\u6790",
           backend: "\u663E\u793A\u540E\u53F0\u8FDB\u7A0B\u9762\u677F",
           profiles: "\u6253\u5F00\u914D\u7F6E\u6587\u4EF6\u5207\u6362\u9762\u677F",
+          models: "\u6253\u5F00\u6A21\u578B\u5207\u6362\u9762\u677F",
           quit: "\u9000\u51FA\u5E94\u7528\u7A0B\u5E8F"
         }
       },
@@ -82459,6 +82485,37 @@ var init_zh = __esm({
         yes: "\u662F",
         no: "\u5426"
       },
+      modelsPanel: {
+        title: "\u6A21\u578B\u5207\u6362",
+        subtitle: "Tab \u5207\u6362\u6807\u7B7E | Enter \u9009\u62E9",
+        tabAdvanced: "\u9AD8\u7EA7\u6A21\u578B",
+        tabBasic: "\u57FA\u7840\u6A21\u578B",
+        tabThinking: "\u601D\u8003",
+        currentModel: "\u5F53\u524D\u6A21\u578B:",
+        notSet: "\u672A\u8BBE\u7F6E",
+        loadingModels: "\u6B63\u5728\u52A0\u8F7D\u6A21\u578B...",
+        hint: "Enter \u9009\u62E9\u6A21\u578B | m \u624B\u52A8\u8F93\u5165 | Esc \u5173\u95ED",
+        manualInputTitle: "\u624B\u52A8\u8F93\u5165",
+        manualInputHint: "Enter\u4FDD\u5B58 | Esc \u5173\u95ED",
+        filterLabel: "\u7B5B\u9009:",
+        manualInputOption: "\u624B\u52A8\u8F93\u5165",
+        requestMethod: "\u8BF7\u6C42\u65B9\u5F0F:",
+        showThinkingProcess: "\u663E\u793A\u601D\u8003\u8FC7\u7A0B:",
+        enableThinking: "\u542F\u7528\u601D\u8003:",
+        thinkingStrength: "\u601D\u8003\u5F3A\u5EA6:",
+        inputNumberHint: "\u8F93\u5165\u6570\u5B57\uFF0C\u56DE\u8F66\u4FDD\u5B58",
+        escCancel: "Esc \u53D6\u6D88",
+        navigationHint: "\u2191\u2193\u952E\u9009\u62E9 | Enter \u5207\u6362 | Esc \u5173\u95ED",
+        notSupported: "\u4E0D\u652F\u6301",
+        advancedModelLabel: "\u9AD8\u7EA7\u6A21\u578B",
+        basicModelLabel: "\u57FA\u7840\u6A21\u578B",
+        thinkingLabel: "\u601D\u8003",
+        requestMethodNotSupportedForThinking: "\u5F53\u524D\u8BF7\u6C42\u65B9\u5F0F({requestMethod})\u4E0D\u652F\u6301\u601D\u8003",
+        requestMethodNotSupportedForThinkingStrength: "\u5F53\u524D\u8BF7\u6C42\u65B9\u5F0F({requestMethod})\u4E0D\u652F\u6301\u601D\u8003\u5F3A\u5EA6\u8BBE\u7F6E",
+        saveFailed: "\u4FDD\u5B58\u5931\u8D25",
+        modelSaveFailed: "\u6A21\u578B\u4FDD\u5B58\u5931\u8D25",
+        tipLabel: "\u63D0\u793A:"
+      },
       profilePanel: {
         title: "\u9009\u62E9\u914D\u7F6E",
         scrollHint: "\u2191\u2193 \u6EDA\u52A8",
@@ -83611,6 +83668,7 @@ var init_zh_TW = __esm({
           vulnerabilityHunting: "\u5207\u63DB\u6F0F\u6D1E\u6AA2\u67E5\u6A21\u5F0F\uFF0C\u9032\u884C\u5B89\u5168\u6027\u4EE3\u78BC\u5206\u6790",
           backend: "\u986F\u793A\u80CC\u666F\u8655\u7406\u7A0B\u5E8F\u9762\u677F",
           profiles: "\u958B\u555F\u8A2D\u5B9A\u6A94\u5207\u63DB\u9762\u677F",
+          models: "\u958B\u555F\u6A21\u578B\u5207\u63DB\u9762\u677F",
           quit: "\u9000\u51FA\u61C9\u7528\u7A0B\u5F0F"
         }
       },
@@ -83624,6 +83682,37 @@ var init_zh_TW = __esm({
         yes: "\u662F",
         no: "\u5426"
       },
+      modelsPanel: {
+        title: "\u6A21\u578B\u5207\u63DB",
+        subtitle: "Tab \u5207\u63DB\u6A19\u7C64 | Enter \u9078\u64C7",
+        tabAdvanced: "\u9032\u968E\u6A21\u578B",
+        tabBasic: "\u57FA\u790E\u6A21\u578B",
+        tabThinking: "\u601D\u8003",
+        currentModel: "\u76EE\u524D\u6A21\u578B:",
+        notSet: "\u672A\u8A2D\u5B9A",
+        loadingModels: "\u6B63\u5728\u8F09\u5165\u6A21\u578B...",
+        hint: "Enter \u9078\u64C7\u6A21\u578B | m \u624B\u52D5\u8F38\u5165 | Esc \u95DC\u9589",
+        manualInputTitle: "\u624B\u52D5\u8F38\u5165",
+        manualInputHint: "Enter\u5132\u5B58 | Esc \u95DC\u9589",
+        filterLabel: "\u7BE9\u9078:",
+        manualInputOption: "\u624B\u52D5\u8F38\u5165",
+        requestMethod: "\u8ACB\u6C42\u65B9\u5F0F:",
+        showThinkingProcess: "\u986F\u793A\u601D\u8003\u904E\u7A0B:",
+        enableThinking: "\u555F\u7528\u601D\u8003:",
+        thinkingStrength: "\u601D\u8003\u5F37\u5EA6:",
+        inputNumberHint: "\u8F38\u5165\u6578\u5B57,Enter\u5132\u5B58",
+        escCancel: "Esc \u53D6\u6D88",
+        navigationHint: "\u2191\u2193\u9078\u64C7 | Enter \u5207\u63DB | Esc \u95DC\u9589",
+        notSupported: "\u4E0D\u652F\u63F4",
+        advancedModelLabel: "\u9032\u968E\u6A21\u578B",
+        basicModelLabel: "\u57FA\u790E\u6A21\u578B",
+        thinkingLabel: "\u601D\u8003",
+        requestMethodNotSupportedForThinking: "\u76EE\u524D\u8ACB\u6C42\u65B9\u5F0F({requestMethod})\u4E0D\u652F\u63F4\u601D\u8003",
+        requestMethodNotSupportedForThinkingStrength: "\u76EE\u524D\u8ACB\u6C42\u65B9\u5F0F({requestMethod})\u4E0D\u652F\u63F4\u601D\u8003\u5F37\u5EA6\u8A2D\u5B9A",
+        saveFailed: "\u5132\u5B58\u5931\u6557",
+        modelSaveFailed: "\u6A21\u578B\u5132\u5B58\u5931\u6557",
+        tipLabel: "\u63D0\u793A:"
+      },
       profilePanel: {
         title: "\u9078\u64C7\u8A2D\u5B9A\u6A94",
         scrollHint: "\u2191\u2193 \u6372\u52D5",
@@ -377698,7 +377787,7 @@ var require_EventEmitter = __commonJS({
     Object.defineProperty(exports2, "__esModule", { value: true });
     exports2.EventEmitter = void 0;
     var mitt_1 = __importDefault2((init_mitt2(), __toCommonJS(mitt_exports)));
-    var EventEmitter11 = class {
+    var EventEmitter12 = class {
       #emitter = (0, mitt_1.default)();
       on(type, handler) {
         this.#emitter.on(type, handler);
@@ -377746,7 +377835,7 @@ var require_EventEmitter = __commonJS({
         return this;
       }
     };
-    exports2.EventEmitter = EventEmitter11;
+    exports2.EventEmitter = EventEmitter12;
   }
 });
 
@@ -431025,6 +431114,10 @@ function isOpenAIEmbeddingsResponse(data) {
 function isOllamaEmbedResponse(data) {
   return Boolean(data) && typeof data.model === "string" && Array.isArray(data.embeddings);
 }
+function isGeminiEmbedResponse(data) {
+  var _a21;
+  return Boolean(data) && (Boolean((_a21 = data.embedding) == null ? void 0 : _a21.values) || Boolean(data.embeddings));
+}
 function resolveOllamaEmbeddingsEndpoint(baseUrl) {
   const trimmed = baseUrl.trim().replace(/\/+$/, "");
   if (trimmed.endsWith("/v1/embeddings")) {
@@ -431115,6 +431208,54 @@ function normalizeOllamaResponse(params) {
   }
   throw new Error(`Unexpected Ollama embeddings response format from ${url}. Try setting baseUrl to http://localhost:11434 (or /v1 for OpenAI-compatible mode).`);
 }
+function normalizeGeminiResponse(params) {
+  var _a21, _b14, _c6;
+  const { data, model, expectedDimensions } = params;
+  if (!isGeminiEmbedResponse(data)) {
+    throw new Error("Unexpected Gemini embeddings response format");
+  }
+  if ((_a21 = data.embedding) == null ? void 0 : _a21.values) {
+    const actualDimensions = data.embedding.values.length;
+    if (expectedDimensions && actualDimensions !== expectedDimensions) {
+      logger.warn(`Gemini embedding dimension mismatch (expected ${expectedDimensions}, got ${actualDimensions})`, { model, expectedDimensions, actualDimensions });
+    }
+    return {
+      model,
+      object: "list",
+      usage: {
+        total_tokens: 0,
+        prompt_tokens: 0
+      },
+      data: [
+        {
+          object: "embedding",
+          index: 0,
+          embedding: data.embedding.values
+        }
+      ]
+    };
+  }
+  if (data.embeddings && Array.isArray(data.embeddings)) {
+    const actualDimensions = data.embeddings.length > 0 ? (_c6 = (_b14 = data.embeddings[0]) == null ? void 0 : _b14.values) == null ? void 0 : _c6.length : void 0;
+    if (expectedDimensions && actualDimensions && actualDimensions !== expectedDimensions) {
+      logger.warn(`Gemini embedding dimension mismatch (expected ${expectedDimensions}, got ${actualDimensions})`, { model, expectedDimensions, actualDimensions });
+    }
+    return {
+      model,
+      object: "list",
+      usage: {
+        total_tokens: 0,
+        prompt_tokens: 0
+      },
+      data: data.embeddings.map((emb, index) => ({
+        object: "embedding",
+        index,
+        embedding: emb.values
+      }))
+    };
+  }
+  throw new Error("Gemini response missing embedding data");
+}
 async function createEmbeddings(options3) {
   const config3 = loadCodebaseConfig();
   const model = options3.model || config3.embedding.modelName;
@@ -431131,23 +431272,40 @@ async function createEmbeddings(options3) {
   if (!input2 || input2.length === 0) {
     throw new Error("Input texts are required");
   }
-  const requestBody = {
-    model,
-    input: input2
-  };
-  if (task) {
-    requestBody.task = task;
-  }
-  if (dimensions) {
-    requestBody.dimensions = dimensions;
-  }
   const embeddingType = config3.embedding.type || "jina";
+  let requestBody;
+  if (embeddingType === "gemini") {
+    requestBody = {
+      content: {
+        parts: input2.map((text3) => ({ text: text3 }))
+      }
+    };
+    if (task) {
+      requestBody.taskType = task;
+    }
+    if (dimensions) {
+      requestBody.output_dimensionality = dimensions;
+    }
+  } else {
+    requestBody = {
+      model,
+      input: input2
+    };
+    if (task) {
+      requestBody.task = task;
+    }
+    if (dimensions) {
+      requestBody.dimensions = dimensions;
+    }
+  }
   let url;
   let ollamaMode;
   if (embeddingType === "ollama") {
     const resolved = resolveOllamaEmbeddingsEndpoint(baseUrl);
     url = resolved.url;
     ollamaMode = resolved.mode;
+  } else if (embeddingType === "gemini") {
+    url = `${baseUrl.trim().replace(/\/+$/, "")}/models/${model}:embedContent`;
   } else {
     url = resolveOpenAICompatibleEmbeddingsEndpoint(baseUrl);
   }
@@ -431155,8 +431313,14 @@ async function createEmbeddings(options3) {
     "Content-Type": "application/json",
     "x-snow": getVersionHeader()
   };
-  if (apiKey) {
-    headers["Authorization"] = `Bearer ${apiKey}`;
+  if (embeddingType === "gemini") {
+    if (apiKey) {
+      headers["x-goog-api-key"] = apiKey;
+    }
+  } else {
+    if (apiKey) {
+      headers["Authorization"] = `Bearer ${apiKey}`;
+    }
   }
   const fetchOptions = addProxyToFetchOptions(url, {
     method: "POST",
@@ -431178,6 +431342,13 @@ async function createEmbeddings(options3) {
       url
     });
   }
+  if (embeddingType === "gemini") {
+    return normalizeGeminiResponse({
+      data,
+      model,
+      expectedDimensions: dimensions
+    });
+  }
   return data;
 }
 async function createEmbedding(text3, options3) {
@@ -446116,7 +446287,8 @@ function CodeBaseConfigScreen({ onBack, onSave, inlineMode = false }) {
   ];
   const embeddingTypeOptions = [
     { label: "Jina & OpenAI", value: "jina" },
-    { label: "Ollama", value: "ollama" }
+    { label: "Ollama", value: "ollama" },
+    { label: "Gemini", value: "gemini" }
   ];
   const currentFieldIndex = allFields.indexOf(currentField);
   const totalFields = allFields.length;
@@ -538709,6 +538881,9 @@ function MessageRenderer({ message, index, filteredMessages, terminalWidth, show
   var _a21, _b14, _c6, _d4, _e2, _f;
   const { theme: theme14 } = useTheme();
   const { t } = useI18n();
+  if (!showThinking && message.thinking && !message.content && !message.toolCall && !message.toolResult && !message.terminalResult && !message.discontinued && !message.hookError) {
+    return null;
+  }
   const removeAnsiCodes = (text3) => {
     return text3.replace(/\x1b\[[0-9;]*m/g, "");
   };
@@ -540324,6 +540499,27 @@ var init_WelcomeScreen = __esm({
   }
 });
 
+// dist/utils/config/configEvents.js
+import { EventEmitter as EventEmitter10 } from "events";
+var ConfigEventEmitter, configEvents;
+var init_configEvents = __esm({
+  "dist/utils/config/configEvents.js"() {
+    "use strict";
+    ConfigEventEmitter = class extends EventEmitter10 {
+      emitConfigChange(event) {
+        this.emit("config-change", event);
+      }
+      onConfigChange(callback) {
+        this.on("config-change", callback);
+      }
+      removeConfigChangeListener(callback) {
+        this.off("config-change", callback);
+      }
+    };
+    configEvents = new ConfigEventEmitter();
+  }
+});
+
 // dist/utils/core/textUtils.js
 function toCodePoints(str2) {
   return Array.from(str2);
@@ -540338,6 +540534,31 @@ function cpSlice(str2, start, end) {
 function visualWidth(str2) {
   return stringWidth(str2);
 }
+function codePointToVisualPos(str2, codePointIndex) {
+  const codePoints = toCodePoints(str2);
+  let visualPos = 0;
+  for (let i = 0; i < Math.min(codePointIndex, codePoints.length); i++) {
+    const char = codePoints[i] || "";
+    visualPos += visualWidth(char);
+  }
+  return visualPos;
+}
+function visualPosToCodePoint(str2, visualPos) {
+  const codePoints = toCodePoints(str2);
+  let currentVisualPos = 0;
+  for (let i = 0; i < codePoints.length; i++) {
+    const char = codePoints[i] || "";
+    const charWidth = visualWidth(char);
+    if (currentVisualPos + charWidth > visualPos) {
+      return i;
+    }
+    currentVisualPos += charWidth;
+    if (currentVisualPos >= visualPos) {
+      return i + 1;
+    }
+  }
+  return codePoints.length;
+}
 function formatElapsedTime(seconds) {
   if (seconds < 60) {
     return `${seconds}s`;
@@ -540787,13 +541008,17 @@ var init_textBuffer = __esm({
         const clamped = Math.max(0, Math.min(position, totalLength));
         for (let i = this.visualLines.length - 1; i >= 0; i--) {
           const start = this.visualLineStarts[i] ?? 0;
-          if (clamped >= start) {
+          const nextStart = this.visualLineStarts[i + 1];
+          const lineEnd = typeof nextStart === "number" ? nextStart - 1 : totalLength;
+          if (clamped >= start && clamped <= lineEnd) {
             const line = this.visualLines[i] ?? "";
-            const col = Math.min(cpLen(line), clamped - start);
+            const lineOffset = Math.max(0, clamped - start);
+            const withinLine = cpSlice(this.content, start, start + lineOffset);
+            const col = Math.min(visualWidth(line), codePointToVisualPos(withinLine, cpLen(withinLine)));
             return [i, col];
           }
         }
-        return [0, clamped];
+        return [0, 0];
       }
       moveCursorToVisualRow(targetRow) {
         if (this.visualLines.length === 0) {
@@ -540804,10 +541029,11 @@ var init_textBuffer = __esm({
         const row = Math.max(0, Math.min(targetRow, this.visualLines.length - 1));
         const start = this.visualLineStarts[row] ?? 0;
         const line = this.visualLines[row] ?? "";
-        const lineLength = cpLen(line);
-        const column = Math.min(this.preferredVisualCol, lineLength);
-        this.cursorIndex = start + column;
-        this.visualCursorPos = [row, column];
+        const lineVisualWidth = visualWidth(line);
+        const visualColumn = Math.min(this.preferredVisualCol, lineVisualWidth);
+        const codePointOffset = visualPosToCodePoint(line, visualColumn);
+        this.cursorIndex = start + codePointOffset;
+        this.visualCursorPos = [row, visualColumn];
       }
       recomputeVisualCursorOnly() {
         this.visualCursorPos = this.computeVisualCursorFromIndex(this.cursorIndex);
@@ -541131,6 +541357,10 @@ function useCommandPanel(buffer, isProcessing = false) {
       name: "profiles",
       description: t.commandPanel.commands.profiles
     },
+    {
+      name: "models",
+      description: t.commandPanel.commands.models
+    },
     {
       name: "export",
       description: t.commandPanel.commands.export
@@ -542102,6 +542332,7 @@ function useKeyboardInput(options3) {
   const isPasting = (0, import_react89.useRef)(false);
   const inputStartCursorPos = (0, import_react89.useRef)(0);
   const isProcessingInput = (0, import_react89.useRef)(false);
+  const inputSessionId = (0, import_react89.useRef)(0);
   const componentMountTime = (0, import_react89.useRef)(Date.now());
   (0, import_react89.useEffect)(() => {
     return () => {
@@ -542142,6 +542373,7 @@ function useKeyboardInput(options3) {
       clearTimeout(inputTimer.current);
       inputTimer.current = null;
     }
+    inputSessionId.current += 1;
     const accumulated = inputBuffer.current;
     const savedCursorPosition = inputStartCursorPos.current;
     inputBuffer.current = "";
@@ -542764,11 +542996,13 @@ function useKeyboardInput(options3) {
         if (isStartingNewInput) {
           inputStartCursorPos.current = buffer.getCursorPosition();
           isProcessingInput.current = true;
+          inputSessionId.current += 1;
         }
         inputBuffer.current += input2;
         if (inputTimer.current) {
           clearTimeout(inputTimer.current);
         }
+        const activeSessionId = inputSessionId.current;
         const currentLength = inputBuffer.current.length;
         if (currentLength > 300 && !isPasting.current) {
           isPasting.current = true;
@@ -542781,6 +543015,9 @@ function useKeyboardInput(options3) {
           triggerUpdate();
         }
         inputTimer.current = setTimeout(() => {
+          if (activeSessionId !== inputSessionId.current) {
+            return;
+          }
           const accumulated = inputBuffer.current;
           const savedCursorPosition = inputStartCursorPos.current;
           const wasPasting = isPasting.current;
@@ -544852,9 +545089,10 @@ function ChatInput({ onSubmit, onCommand, placeholder = "Type your message...",
       for (let i = 0; i < visualLines.length; i++) {
         const line = visualLines[i] || "";
         if (i === cursorRow) {
-          const beforeCursor = cpSlice(line, 0, cursorCol);
-          const atCursor = cpSlice(line, cursorCol, cursorCol + 1) || " ";
-          const afterCursor = cpSlice(line, cursorCol + 1);
+          const cursorIndex = visualPosToCodePoint(line, cursorCol);
+          const beforeCursor = cpSlice(line, 0, cursorIndex);
+          const atCursor = cpSlice(line, cursorIndex, cursorIndex + 1) || " ";
+          const afterCursor = cpSlice(line, cursorIndex + 1);
           renderedLines.push(import_react99.default.createElement(
             Box_default,
             { key: i, flexDirection: "row" },
@@ -549572,21 +549810,617 @@ var init_RoleListPanel = __esm({
   }
 });
 
+// dist/ui/components/panels/ModelsPanel.js
+var import_react122, ModelsPanel;
+var init_ModelsPanel = __esm({
+  async "dist/ui/components/panels/ModelsPanel.js"() {
+    "use strict";
+    import_react122 = __toESM(require_react(), 1);
+    await init_build2();
+    await init_build3();
+    await init_ScrollableSelectInput();
+    init_models();
+    init_apiConfig();
+    init_ThemeContext();
+    init_i18n();
+    init_configEvents();
+    ModelsPanel = ({ advancedModel, basicModel, visible, onClose }) => {
+      const { theme: theme14 } = useTheme();
+      const { t } = useI18n();
+      const [activeTab, setActiveTab] = (0, import_react122.useState)("advanced");
+      const isModelTab = activeTab === "advanced" || activeTab === "basic";
+      const [localAdvancedModel, setLocalAdvancedModel] = (0, import_react122.useState)(advancedModel);
+      const [localBasicModel, setLocalBasicModel] = (0, import_react122.useState)(basicModel);
+      const [models, setModels] = (0, import_react122.useState)([]);
+      const [loading, setLoading] = (0, import_react122.useState)(false);
+      const [errorMessage, setErrorMessage] = (0, import_react122.useState)("");
+      const [isSelecting, setIsSelecting] = (0, import_react122.useState)(false);
+      const [searchTerm, setSearchTerm] = (0, import_react122.useState)("");
+      const [manualInputMode, setManualInputMode] = (0, import_react122.useState)(false);
+      const [manualInputValue, setManualInputValue] = (0, import_react122.useState)("");
+      const [hasStartedLoading, setHasStartedLoading] = (0, import_react122.useState)(false);
+      const [requestMethod, setRequestMethod] = (0, import_react122.useState)("chat");
+      const [showThinking, setShowThinking] = (0, import_react122.useState)(true);
+      const [thinkingEnabled, setThinkingEnabled] = (0, import_react122.useState)(false);
+      const [thinkingBudgetTokens, setThinkingBudgetTokens] = (0, import_react122.useState)(1e4);
+      const [geminiThinkingEnabled, setGeminiThinkingEnabled] = (0, import_react122.useState)(false);
+      const [geminiThinkingBudget, setGeminiThinkingBudget] = (0, import_react122.useState)(1024);
+      const [responsesReasoningEnabled, setResponsesReasoningEnabled] = (0, import_react122.useState)(false);
+      const [responsesReasoningEffort, setResponsesReasoningEffort] = (0, import_react122.useState)("high");
+      const [thinkingFocusIndex, setThinkingFocusIndex] = (0, import_react122.useState)(0);
+      const [thinkingInputMode, setThinkingInputMode] = (0, import_react122.useState)(null);
+      const [thinkingInputValue, setThinkingInputValue] = (0, import_react122.useState)("");
+      const [isThinkingEffortSelecting, setIsThinkingEffortSelecting] = (0, import_react122.useState)(false);
+      (0, import_react122.useEffect)(() => {
+        var _a21, _b14, _c6, _d4, _e2, _f;
+        if (!visible) {
+          return;
+        }
+        setActiveTab("advanced");
+        setLocalAdvancedModel(advancedModel);
+        setLocalBasicModel(basicModel);
+        setIsSelecting(false);
+        setSearchTerm("");
+        setManualInputMode(false);
+        setManualInputValue("");
+        setHasStartedLoading(false);
+        setThinkingFocusIndex(0);
+        setThinkingInputMode(null);
+        setThinkingInputValue("");
+        setIsThinkingEffortSelecting(false);
+        setErrorMessage("");
+        const cfg = getOpenAiConfig();
+        setRequestMethod(cfg.requestMethod || "chat");
+        setShowThinking(cfg.showThinking !== false);
+        setThinkingEnabled(((_a21 = cfg.thinking) == null ? void 0 : _a21.type) === "enabled" || false);
+        setThinkingBudgetTokens(((_b14 = cfg.thinking) == null ? void 0 : _b14.budget_tokens) || 1e4);
+        setGeminiThinkingEnabled(((_c6 = cfg.geminiThinking) == null ? void 0 : _c6.enabled) || false);
+        setGeminiThinkingBudget(((_d4 = cfg.geminiThinking) == null ? void 0 : _d4.budget) || 1024);
+        setResponsesReasoningEnabled(((_e2 = cfg.responsesReasoning) == null ? void 0 : _e2.enabled) || false);
+        setResponsesReasoningEffort(((_f = cfg.responsesReasoning) == null ? void 0 : _f.effort) || "high");
+      }, [visible, advancedModel, basicModel]);
+      const modelTarget = activeTab === "basic" ? "basic" : activeTab === "thinking" ? "thinking" : "advanced";
+      const currentModel = modelTarget === "advanced" ? localAdvancedModel : modelTarget === "basic" ? localBasicModel : "";
+      const currentLabel = modelTarget === "advanced" ? t.modelsPanel.advancedModelLabel : modelTarget === "basic" ? t.modelsPanel.basicModelLabel : t.modelsPanel.thinkingLabel;
+      const loadModels = (0, import_react122.useCallback)(async () => {
+        setLoading(true);
+        setErrorMessage("");
+        try {
+          const fetchedModels = await fetchAvailableModels();
+          setModels(fetchedModels);
+          return fetchedModels;
+        } catch (err) {
+          const message = err instanceof Error ? err.message : t.modelsPanel.loadingModels;
+          setErrorMessage(message);
+          throw err;
+        } finally {
+          setLoading(false);
+        }
+      }, [t]);
+      const applyModel = (0, import_react122.useCallback)(async (value, target) => {
+        setErrorMessage("");
+        try {
+          if (target === "advanced") {
+            await updateOpenAiConfig({ advancedModel: value });
+            setLocalAdvancedModel(value);
+          } else {
+            await updateOpenAiConfig({ basicModel: value });
+            setLocalBasicModel(value);
+          }
+        } catch (err) {
+          const message = err instanceof Error ? err.message : t.modelsPanel.modelSaveFailed;
+          setErrorMessage(message);
+        }
+      }, []);
+      const filteredModels = (0, import_react122.useMemo)(() => filterModels(models, searchTerm), [models, searchTerm]);
+      const currentOptions = (0, import_react122.useMemo)(() => [
+        { label: t.modelsPanel.manualInputOption, value: "__MANUAL_INPUT__" },
+        ...filteredModels.map((model) => ({
+          label: model.id,
+          value: model.id
+        }))
+      ], [filteredModels, t]);
+      const handleModelSelect = (0, import_react122.useCallback)((value) => {
+        if (value === "__MANUAL_INPUT__") {
+          setIsSelecting(false);
+          setSearchTerm("");
+          setManualInputMode(true);
+          setManualInputValue(currentModel);
+          return;
+        }
+        if (modelTarget !== "thinking") {
+          void applyModel(value, modelTarget);
+        }
+        setIsSelecting(false);
+        setSearchTerm("");
+      }, [applyModel, currentModel, modelTarget]);
+      const handleManualSave = (0, import_react122.useCallback)(() => {
+        const cleaned = manualInputValue.trim();
+        if (cleaned && modelTarget !== "thinking") {
+          void applyModel(cleaned, modelTarget);
+        }
+        setManualInputMode(false);
+        setManualInputValue("");
+        setSearchTerm("");
+      }, [applyModel, manualInputValue, modelTarget]);
+      const thinkingEnabledValue = (0, import_react122.useMemo)(() => {
+        if (requestMethod === "anthropic") {
+          return thinkingEnabled;
+        }
+        if (requestMethod === "gemini") {
+          return geminiThinkingEnabled;
+        }
+        if (requestMethod === "responses") {
+          return responsesReasoningEnabled;
+        }
+        return false;
+      }, [
+        requestMethod,
+        thinkingEnabled,
+        geminiThinkingEnabled,
+        responsesReasoningEnabled
+      ]);
+      const thinkingStrengthValue = (0, import_react122.useMemo)(() => {
+        if (requestMethod === "anthropic") {
+          return String(thinkingBudgetTokens);
+        }
+        if (requestMethod === "gemini") {
+          return String(geminiThinkingBudget);
+        }
+        if (requestMethod === "responses") {
+          return responsesReasoningEffort;
+        }
+        return t.modelsPanel.notSupported;
+      }, [
+        requestMethod,
+        thinkingBudgetTokens,
+        geminiThinkingBudget,
+        responsesReasoningEffort,
+        t
+      ]);
+      const applyShowThinking = (0, import_react122.useCallback)(async (next) => {
+        setErrorMessage("");
+        try {
+          setShowThinking(next);
+          await updateOpenAiConfig({ showThinking: next });
+          configEvents.emitConfigChange({
+            type: "showThinking",
+            value: next
+          });
+        } catch (err) {
+          const message = err instanceof Error ? err.message : t.modelsPanel.saveFailed;
+          setErrorMessage(message);
+        }
+      }, []);
+      const applyThinkingEnabled = (0, import_react122.useCallback)(async (next) => {
+        setErrorMessage("");
+        try {
+          if (requestMethod === "anthropic") {
+            setThinkingEnabled(next);
+            await updateOpenAiConfig({
+              thinking: next ? { type: "enabled", budget_tokens: thinkingBudgetTokens } : void 0
+            });
+            return;
+          }
+          if (requestMethod === "gemini") {
+            setGeminiThinkingEnabled(next);
+            await updateOpenAiConfig({
+              geminiThinking: next ? { enabled: true, budget: geminiThinkingBudget } : void 0
+            });
+            return;
+          }
+          if (requestMethod === "responses") {
+            setResponsesReasoningEnabled(next);
+            await updateOpenAiConfig({
+              responsesReasoning: {
+                enabled: next,
+                effort: responsesReasoningEffort
+              }
+            });
+            return;
+          }
+          setErrorMessage(t.modelsPanel.requestMethodNotSupportedForThinking.replace("{requestMethod}", requestMethod));
+        } catch (err) {
+          const message = err instanceof Error ? err.message : t.modelsPanel.saveFailed;
+          setErrorMessage(message);
+        }
+      }, [
+        requestMethod,
+        thinkingBudgetTokens,
+        geminiThinkingBudget,
+        responsesReasoningEffort
+      ]);
+      const applyAnthropicBudgetTokens = (0, import_react122.useCallback)(async (next) => {
+        setErrorMessage("");
+        try {
+          setThinkingBudgetTokens(next);
+          await updateOpenAiConfig({
+            thinking: thinkingEnabled ? { type: "enabled", budget_tokens: next } : void 0
+          });
+        } catch (err) {
+          const message = err instanceof Error ? err.message : t.modelsPanel.saveFailed;
+          setErrorMessage(message);
+        }
+      }, [thinkingEnabled]);
+      const applyGeminiBudget = (0, import_react122.useCallback)(async (next) => {
+        setErrorMessage("");
+        try {
+          setGeminiThinkingBudget(next);
+          await updateOpenAiConfig({
+            geminiThinking: geminiThinkingEnabled ? { enabled: true, budget: next } : void 0
+          });
+        } catch (err) {
+          const message = err instanceof Error ? err.message : t.modelsPanel.saveFailed;
+          setErrorMessage(message);
+        }
+      }, [geminiThinkingEnabled]);
+      const applyResponsesEffort = (0, import_react122.useCallback)(async (effort) => {
+        setErrorMessage("");
+        try {
+          setResponsesReasoningEffort(effort);
+          await updateOpenAiConfig({
+            responsesReasoning: {
+              enabled: responsesReasoningEnabled,
+              effort
+            }
+          });
+        } catch (err) {
+          const message = err instanceof Error ? err.message : t.modelsPanel.saveFailed;
+          setErrorMessage(message);
+        }
+      }, [responsesReasoningEnabled]);
+      const selectedIndex = Math.max(0, currentOptions.findIndex((option) => option.value === currentModel));
+      const tabActiveBackground = theme14.colors.menuSelected.startsWith("#") && theme14.colors.menuSelected.length === 9 ? theme14.colors.menuSelected.slice(0, 7) : theme14.colors.menuSelected;
+      use_input_default((input2, key) => {
+        if (!visible) {
+          return;
+        }
+        if (key.escape) {
+          if (thinkingInputMode) {
+            setThinkingInputMode(null);
+            setThinkingInputValue("");
+            return;
+          }
+          if (isThinkingEffortSelecting) {
+            setIsThinkingEffortSelecting(false);
+            return;
+          }
+          if (manualInputMode) {
+            setManualInputMode(false);
+            setManualInputValue("");
+            setSearchTerm("");
+            setHasStartedLoading(false);
+            return;
+          }
+          if (isSelecting) {
+            setIsSelecting(false);
+            setSearchTerm("");
+            setHasStartedLoading(false);
+            return;
+          }
+          if (loading || hasStartedLoading) {
+            setHasStartedLoading(false);
+            return;
+          }
+          onClose();
+          return;
+        }
+        if (thinkingInputMode) {
+          if (key.return) {
+            const parsed = Number.parseInt(thinkingInputValue.trim(), 10);
+            if (!Number.isNaN(parsed) && parsed >= 0) {
+              if (thinkingInputMode === "anthropicBudgetTokens") {
+                void applyAnthropicBudgetTokens(parsed);
+              } else {
+                void applyGeminiBudget(parsed);
+              }
+            }
+            setThinkingInputMode(null);
+            setThinkingInputValue("");
+            return;
+          }
+          if (key.backspace || key.delete) {
+            setThinkingInputValue((prev) => prev.slice(0, -1));
+            return;
+          }
+          if (input2 && /[0-9]/.test(input2)) {
+            setThinkingInputValue((prev) => prev + input2);
+          }
+          return;
+        }
+        if (manualInputMode) {
+          if (key.return) {
+            handleManualSave();
+            return;
+          }
+          if (key.backspace || key.delete) {
+            setManualInputValue((prev) => prev.slice(0, -1));
+            return;
+          }
+          if (input2 && /[a-zA-Z0-9-_./:]/.test(input2)) {
+            setManualInputValue((prev) => prev + input2);
+          }
+          return;
+        }
+        if (isSelecting) {
+          if (input2 && /[a-zA-Z0-9-_.]/.test(input2)) {
+            setSearchTerm((prev) => prev + input2);
+            return;
+          }
+          if (key.backspace || key.delete) {
+            setSearchTerm((prev) => prev.slice(0, -1));
+          }
+          return;
+        }
+        if (isThinkingEffortSelecting) {
+          return;
+        }
+        if (key.tab) {
+          setActiveTab((prev) => prev === "advanced" ? "basic" : prev === "basic" ? "thinking" : "advanced");
+          return;
+        }
+        if (activeTab === "thinking") {
+          if (key.upArrow) {
+            setThinkingFocusIndex((prev) => prev === 0 ? 2 : prev - 1);
+            return;
+          }
+          if (key.downArrow) {
+            setThinkingFocusIndex((prev) => prev === 2 ? 0 : prev + 1);
+            return;
+          }
+          if (key.return) {
+            if (thinkingFocusIndex === 0) {
+              void applyShowThinking(!showThinking);
+            } else if (thinkingFocusIndex === 1) {
+              void applyThinkingEnabled(!thinkingEnabledValue);
+            } else if (thinkingFocusIndex === 2) {
+              if (requestMethod === "anthropic") {
+                setThinkingInputMode("anthropicBudgetTokens");
+                setThinkingInputValue(thinkingBudgetTokens.toString());
+              } else if (requestMethod === "gemini") {
+                setThinkingInputMode("geminiThinkingBudget");
+                setThinkingInputValue(geminiThinkingBudget.toString());
+              } else if (requestMethod === "responses") {
+                setIsThinkingEffortSelecting(true);
+              } else {
+                setErrorMessage(t.modelsPanel.requestMethodNotSupportedForThinkingStrength.replace("{requestMethod}", requestMethod));
+              }
+            }
+            return;
+          }
+          return;
+        }
+        if (key.return) {
+          setErrorMessage("");
+          setHasStartedLoading(true);
+          void loadModels().then(() => setIsSelecting(true)).catch(() => {
+            setManualInputMode(true);
+            setManualInputValue(currentModel);
+          });
+          return;
+        }
+        if ((input2 === "m" || input2 === "M") && isModelTab) {
+          setManualInputMode(true);
+          setManualInputValue(currentModel);
+        }
+      }, { isActive: visible });
+      if (!visible) {
+        return null;
+      }
+      return import_react122.default.createElement(
+        Box_default,
+        { flexDirection: "column", paddingX: 1, paddingY: 0 },
+        import_react122.default.createElement(
+          Box_default,
+          { marginBottom: 1 },
+          import_react122.default.createElement(Text, { bold: true, color: theme14.colors.warning }, t.modelsPanel.title),
+          import_react122.default.createElement(Text, { dimColor: true }, " - "),
+          import_react122.default.createElement(Text, { color: theme14.colors.menuInfo }, t.modelsPanel.subtitle)
+        ),
+        import_react122.default.createElement(
+          Box_default,
+          { marginBottom: 1 },
+          import_react122.default.createElement(Text, { bold: activeTab === "advanced", color: activeTab === "advanced" ? theme14.colors.menuNormal : theme14.colors.menuSecondary, backgroundColor: activeTab === "advanced" ? tabActiveBackground : void 0 }, t.modelsPanel.tabAdvanced),
+          import_react122.default.createElement(Text, null, " "),
+          import_react122.default.createElement(Text, { bold: activeTab === "basic", color: activeTab === "basic" ? theme14.colors.menuNormal : theme14.colors.menuSecondary, backgroundColor: activeTab === "basic" ? tabActiveBackground : void 0 }, t.modelsPanel.tabBasic),
+          import_react122.default.createElement(Text, null, " "),
+          import_react122.default.createElement(Text, { bold: activeTab === "thinking", color: activeTab === "thinking" ? theme14.colors.menuNormal : theme14.colors.menuSecondary, backgroundColor: activeTab === "thinking" ? tabActiveBackground : void 0 }, t.modelsPanel.tabThinking)
+        ),
+        loading && activeTab !== "thinking" && import_react122.default.createElement(
+          Box_default,
+          null,
+          import_react122.default.createElement(build_default, { type: "dots" }),
+          import_react122.default.createElement(
+            Text,
+            { color: theme14.colors.menuInfo },
+            " ",
+            t.modelsPanel.loadingModels
+          )
+        ),
+        errorMessage && !loading && import_react122.default.createElement(
+          Box_default,
+          { flexDirection: "column" },
+          import_react122.default.createElement(Text, { color: theme14.colors.warning }, t.modelsPanel.tipLabel),
+          import_react122.default.createElement(Text, { color: theme14.colors.menuSecondary, dimColor: true }, errorMessage)
+        ),
+        activeTab === "thinking" ? import_react122.default.createElement(
+          Box_default,
+          { flexDirection: "column", paddingX: 1, paddingY: 0 },
+          import_react122.default.createElement(
+            Box_default,
+            null,
+            import_react122.default.createElement(Text, { color: theme14.colors.menuInfo }, t.modelsPanel.requestMethod),
+            import_react122.default.createElement(
+              Text,
+              { color: theme14.colors.menuSelected },
+              " ",
+              requestMethod
+            )
+          ),
+          import_react122.default.createElement(
+            Box_default,
+            { marginTop: 1 },
+            import_react122.default.createElement(
+              Text,
+              { color: thinkingFocusIndex === 0 ? theme14.colors.menuSelected : theme14.colors.menuNormal },
+              thinkingFocusIndex === 0 ? "\u276F " : "  ",
+              t.modelsPanel.showThinkingProcess
+            ),
+            import_react122.default.createElement(
+              Text,
+              { color: theme14.colors.menuSelected },
+              " ",
+              showThinking ? "[\u2713]" : "[ ]"
+            )
+          ),
+          import_react122.default.createElement(
+            Box_default,
+            null,
+            import_react122.default.createElement(
+              Text,
+              { color: thinkingFocusIndex === 1 ? theme14.colors.menuSelected : theme14.colors.menuNormal },
+              thinkingFocusIndex === 1 ? "\u276F " : "  ",
+              t.modelsPanel.enableThinking
+            ),
+            import_react122.default.createElement(
+              Text,
+              { color: theme14.colors.menuSelected },
+              " ",
+              thinkingEnabledValue ? "[\u2713]" : "[ ]"
+            )
+          ),
+          import_react122.default.createElement(
+            Box_default,
+            null,
+            import_react122.default.createElement(
+              Text,
+              { color: thinkingFocusIndex === 2 ? theme14.colors.menuSelected : theme14.colors.menuNormal },
+              thinkingFocusIndex === 2 ? "\u276F " : "  ",
+              t.modelsPanel.thinkingStrength
+            ),
+            import_react122.default.createElement(
+              Text,
+              { color: theme14.colors.menuSelected },
+              " ",
+              thinkingStrengthValue
+            )
+          ),
+          thinkingInputMode && import_react122.default.createElement(
+            Box_default,
+            { flexDirection: "column", marginTop: 1 },
+            import_react122.default.createElement(Text, { color: theme14.colors.menuInfo }, t.modelsPanel.inputNumberHint),
+            import_react122.default.createElement(
+              Box_default,
+              { marginLeft: 1 },
+              import_react122.default.createElement(
+                Text,
+                { color: theme14.colors.menuSelected },
+                `\u276F ${thinkingInputValue}`,
+                import_react122.default.createElement(Text, { color: theme14.colors.menuNormal }, "_")
+              )
+            ),
+            import_react122.default.createElement(
+              Box_default,
+              null,
+              import_react122.default.createElement(Text, { dimColor: true, color: theme14.colors.menuSecondary }, t.modelsPanel.escCancel)
+            )
+          ),
+          isThinkingEffortSelecting && import_react122.default.createElement(
+            Box_default,
+            { marginTop: 1 },
+            import_react122.default.createElement(ScrollableSelectInput, { items: [
+              { label: "low", value: "low" },
+              { label: "medium", value: "medium" },
+              { label: "high", value: "high" },
+              { label: "xhigh", value: "xhigh" }
+            ].map((i) => ({
+              label: i.label,
+              value: i.value
+            })), limit: 6, disableNumberShortcuts: true, initialIndex: Math.max(0, ["low", "medium", "high", "xhigh"].indexOf(responsesReasoningEffort)), isFocused: true, onSelect: (item) => {
+              void applyResponsesEffort(item.value);
+              setIsThinkingEffortSelecting(false);
+            } })
+          ),
+          !thinkingInputMode && !isThinkingEffortSelecting && import_react122.default.createElement(
+            Box_default,
+            { marginTop: 1 },
+            import_react122.default.createElement(Text, { dimColor: true, color: theme14.colors.menuSecondary }, t.modelsPanel.navigationHint)
+          )
+        ) : manualInputMode ? import_react122.default.createElement(
+          Box_default,
+          { flexDirection: "column", paddingX: 1, paddingY: 0 },
+          import_react122.default.createElement(
+            Text,
+            { color: theme14.colors.menuInfo },
+            t.modelsPanel.manualInputTitle,
+            currentLabel
+          ),
+          import_react122.default.createElement(
+            Box_default,
+            { marginLeft: 1 },
+            import_react122.default.createElement(
+              Text,
+              { color: theme14.colors.menuSelected },
+              `\u276F ${manualInputValue}`,
+              import_react122.default.createElement(Text, { color: theme14.colors.menuNormal }, "_")
+            )
+          ),
+          import_react122.default.createElement(
+            Box_default,
+            null,
+            import_react122.default.createElement(Text, { dimColor: true, color: theme14.colors.menuSecondary }, t.modelsPanel.manualInputHint)
+          )
+        ) : isSelecting ? import_react122.default.createElement(
+          Box_default,
+          { flexDirection: "column", paddingX: 1, paddingY: 0 },
+          searchTerm && import_react122.default.createElement(
+            Text,
+            { color: theme14.colors.menuInfo },
+            t.modelsPanel.filterLabel,
+            " ",
+            searchTerm
+          ),
+          import_react122.default.createElement(ScrollableSelectInput, { items: currentOptions, limit: 10, disableNumberShortcuts: true, initialIndex: selectedIndex, isFocused: true, onSelect: (item) => handleModelSelect(item.value) })
+        ) : import_react122.default.createElement(
+          Box_default,
+          { flexDirection: "column", paddingX: 1, paddingY: 0 },
+          import_react122.default.createElement(
+            Box_default,
+            null,
+            import_react122.default.createElement(Text, { color: theme14.colors.menuInfo }, t.modelsPanel.currentModel),
+            import_react122.default.createElement(
+              Text,
+              { color: theme14.colors.menuSelected },
+              " ",
+              currentModel || t.modelsPanel.notSet
+            )
+          ),
+          import_react122.default.createElement(
+            Box_default,
+            null,
+            import_react122.default.createElement(Text, { dimColor: true, color: theme14.colors.menuSecondary }, t.modelsPanel.hint)
+          )
+        )
+      );
+    };
+  }
+});
+
 // dist/ui/components/panels/WorkingDirectoryPanel.js
 function WorkingDirectoryPanel({ onClose }) {
   const { t } = useI18n();
   const { theme: theme14 } = useTheme();
-  const [directories, setDirectories] = (0, import_react122.useState)([]);
-  const [loading, setLoading] = (0, import_react122.useState)(true);
-  const [selectedIndex, setSelectedIndex] = (0, import_react122.useState)(0);
-  const [markedDirs, setMarkedDirs] = (0, import_react122.useState)(/* @__PURE__ */ new Set());
-  const [confirmDelete, setConfirmDelete] = (0, import_react122.useState)(false);
-  const [addingMode, setAddingMode] = (0, import_react122.useState)(false);
-  const [newDirPath, setNewDirPath] = (0, import_react122.useState)("");
-  const [addError, setAddError] = (0, import_react122.useState)(null);
-  const [showDefaultAlert, setShowDefaultAlert] = (0, import_react122.useState)(false);
-  const [sshMode, setSSHMode] = (0, import_react122.useState)(false);
-  const [sshForm, setSSHForm] = (0, import_react122.useState)({
+  const [directories, setDirectories] = (0, import_react123.useState)([]);
+  const [loading, setLoading] = (0, import_react123.useState)(true);
+  const [selectedIndex, setSelectedIndex] = (0, import_react123.useState)(0);
+  const [markedDirs, setMarkedDirs] = (0, import_react123.useState)(/* @__PURE__ */ new Set());
+  const [confirmDelete, setConfirmDelete] = (0, import_react123.useState)(false);
+  const [addingMode, setAddingMode] = (0, import_react123.useState)(false);
+  const [newDirPath, setNewDirPath] = (0, import_react123.useState)("");
+  const [addError, setAddError] = (0, import_react123.useState)(null);
+  const [showDefaultAlert, setShowDefaultAlert] = (0, import_react123.useState)(false);
+  const [sshMode, setSSHMode] = (0, import_react123.useState)(false);
+  const [sshForm, setSSHForm] = (0, import_react123.useState)({
     host: "",
     port: "22",
     username: "",
@@ -549595,11 +550429,11 @@ function WorkingDirectoryPanel({ onClose }) {
     privateKeyPath: "~/.ssh/id_rsa",
     remotePath: "/home"
   });
-  const [sshActiveField, setSSHActiveField] = (0, import_react122.useState)("host");
-  const [sshConnecting, setSSHConnecting] = (0, import_react122.useState)(false);
-  const [sshMessage, setSSHMessage] = (0, import_react122.useState)(null);
-  const sshFormRef = (0, import_react122.useRef)(sshForm);
-  (0, import_react122.useEffect)(() => {
+  const [sshActiveField, setSSHActiveField] = (0, import_react123.useState)("host");
+  const [sshConnecting, setSSHConnecting] = (0, import_react123.useState)(false);
+  const [sshMessage, setSSHMessage] = (0, import_react123.useState)(null);
+  const sshFormRef = (0, import_react123.useRef)(sshForm);
+  (0, import_react123.useEffect)(() => {
     const loadDirs = async () => {
       setLoading(true);
       try {
@@ -549614,7 +550448,7 @@ function WorkingDirectoryPanel({ onClose }) {
     };
     void loadDirs();
   }, []);
-  (0, import_react122.useEffect)(() => {
+  (0, import_react123.useEffect)(() => {
     if (showDefaultAlert) {
       const timer2 = setTimeout(() => {
         setShowDefaultAlert(false);
@@ -549623,7 +550457,7 @@ function WorkingDirectoryPanel({ onClose }) {
     }
     return void 0;
   }, [showDefaultAlert]);
-  use_input_default((0, import_react122.useCallback)((input2, key) => {
+  use_input_default((0, import_react123.useCallback)((input2, key) => {
     if (addingMode) {
       if (key.escape) {
         setAddingMode(false);
@@ -549858,36 +550692,36 @@ function WorkingDirectoryPanel({ onClose }) {
     sshFormRef.current = newForm;
   };
   if (sshMode) {
-    return import_react122.default.createElement(
+    return import_react123.default.createElement(
       Box_default,
       { flexDirection: "column", padding: 1, borderStyle: "round", borderColor: theme14.colors.border },
-      import_react122.default.createElement(Text, { color: theme14.colors.menuSelected, bold: true }, t.workingDirectoryPanel.sshTitle),
-      import_react122.default.createElement(
+      import_react123.default.createElement(Text, { color: theme14.colors.menuSelected, bold: true }, t.workingDirectoryPanel.sshTitle),
+      import_react123.default.createElement(
         Box_default,
         { marginTop: 1, flexDirection: "column" },
-        import_react122.default.createElement(
+        import_react123.default.createElement(
           Box_default,
           null,
-          import_react122.default.createElement(Text, { color: sshActiveField === "host" ? theme14.colors.menuSelected : theme14.colors.text }, t.workingDirectoryPanel.sshHostLabel),
-          import_react122.default.createElement(build_default2, { value: sshForm.host, onChange: (v) => handleSSHFieldChange("host", v), onSubmit: handleSSHSubmit, focus: sshActiveField === "host" })
+          import_react123.default.createElement(Text, { color: sshActiveField === "host" ? theme14.colors.menuSelected : theme14.colors.text }, t.workingDirectoryPanel.sshHostLabel),
+          import_react123.default.createElement(build_default2, { value: sshForm.host, onChange: (v) => handleSSHFieldChange("host", v), onSubmit: handleSSHSubmit, focus: sshActiveField === "host" })
         ),
-        import_react122.default.createElement(
+        import_react123.default.createElement(
           Box_default,
           null,
-          import_react122.default.createElement(Text, { color: sshActiveField === "port" ? theme14.colors.menuSelected : theme14.colors.text }, t.workingDirectoryPanel.sshPortLabel),
-          import_react122.default.createElement(build_default2, { value: sshForm.port, onChange: (v) => handleSSHFieldChange("port", v), onSubmit: handleSSHSubmit, focus: sshActiveField === "port" })
+          import_react123.default.createElement(Text, { color: sshActiveField === "port" ? theme14.colors.menuSelected : theme14.colors.text }, t.workingDirectoryPanel.sshPortLabel),
+          import_react123.default.createElement(build_default2, { value: sshForm.port, onChange: (v) => handleSSHFieldChange("port", v), onSubmit: handleSSHSubmit, focus: sshActiveField === "port" })
         ),
-        import_react122.default.createElement(
+        import_react123.default.createElement(
           Box_default,
           null,
-          import_react122.default.createElement(Text, { color: sshActiveField === "username" ? theme14.colors.menuSelected : theme14.colors.text }, t.workingDirectoryPanel.sshUsernameLabel),
-          import_react122.default.createElement(build_default2, { value: sshForm.username, onChange: (v) => handleSSHFieldChange("username", v), onSubmit: handleSSHSubmit, focus: sshActiveField === "username" })
+          import_react123.default.createElement(Text, { color: sshActiveField === "username" ? theme14.colors.menuSelected : theme14.colors.text }, t.workingDirectoryPanel.sshUsernameLabel),
+          import_react123.default.createElement(build_default2, { value: sshForm.username, onChange: (v) => handleSSHFieldChange("username", v), onSubmit: handleSSHSubmit, focus: sshActiveField === "username" })
         ),
-        import_react122.default.createElement(
+        import_react123.default.createElement(
           Box_default,
           null,
-          import_react122.default.createElement(Text, { color: sshActiveField === "authMethod" ? theme14.colors.menuSelected : theme14.colors.text }, t.workingDirectoryPanel.sshAuthMethodLabel),
-          import_react122.default.createElement(
+          import_react123.default.createElement(Text, { color: sshActiveField === "authMethod" ? theme14.colors.menuSelected : theme14.colors.text }, t.workingDirectoryPanel.sshAuthMethodLabel),
+          import_react123.default.createElement(
             Text,
             { color: sshActiveField === "authMethod" ? theme14.colors.menuSelected : theme14.colors.text, bold: sshActiveField === "authMethod" },
             sshActiveField === "authMethod" ? "< " : "",
@@ -549895,144 +550729,144 @@ function WorkingDirectoryPanel({ onClose }) {
             sshActiveField === "authMethod" ? " >" : ""
           )
         ),
-        sshForm.authMethod === "password" && import_react122.default.createElement(
+        sshForm.authMethod === "password" && import_react123.default.createElement(
           Box_default,
           null,
-          import_react122.default.createElement(Text, { color: sshActiveField === "password" ? theme14.colors.menuSelected : theme14.colors.text }, t.workingDirectoryPanel.sshPasswordLabel),
-          import_react122.default.createElement(build_default2, { value: sshForm.password, onChange: (v) => handleSSHFieldChange("password", v), onSubmit: handleSSHSubmit, mask: "*", focus: sshActiveField === "password" })
+          import_react123.default.createElement(Text, { color: sshActiveField === "password" ? theme14.colors.menuSelected : theme14.colors.text }, t.workingDirectoryPanel.sshPasswordLabel),
+          import_react123.default.createElement(build_default2, { value: sshForm.password, onChange: (v) => handleSSHFieldChange("password", v), onSubmit: handleSSHSubmit, mask: "*", focus: sshActiveField === "password" })
         ),
-        sshForm.authMethod === "privateKey" && import_react122.default.createElement(
+        sshForm.authMethod === "privateKey" && import_react123.default.createElement(
           Box_default,
           null,
-          import_react122.default.createElement(Text, { color: sshActiveField === "privateKeyPath" ? theme14.colors.menuSelected : theme14.colors.text }, t.workingDirectoryPanel.sshPrivateKeyLabel),
-          import_react122.default.createElement(build_default2, { value: sshForm.privateKeyPath, onChange: (v) => handleSSHFieldChange("privateKeyPath", v), onSubmit: handleSSHSubmit, focus: sshActiveField === "privateKeyPath" })
+          import_react123.default.createElement(Text, { color: sshActiveField === "privateKeyPath" ? theme14.colors.menuSelected : theme14.colors.text }, t.workingDirectoryPanel.sshPrivateKeyLabel),
+          import_react123.default.createElement(build_default2, { value: sshForm.privateKeyPath, onChange: (v) => handleSSHFieldChange("privateKeyPath", v), onSubmit: handleSSHSubmit, focus: sshActiveField === "privateKeyPath" })
         ),
-        import_react122.default.createElement(
+        import_react123.default.createElement(
           Box_default,
           null,
-          import_react122.default.createElement(Text, { color: sshActiveField === "remotePath" ? theme14.colors.menuSelected : theme14.colors.text }, t.workingDirectoryPanel.sshRemotePathLabel),
-          import_react122.default.createElement(build_default2, { value: sshForm.remotePath, onChange: (v) => handleSSHFieldChange("remotePath", v), onSubmit: handleSSHSubmit, focus: sshActiveField === "remotePath" })
+          import_react123.default.createElement(Text, { color: sshActiveField === "remotePath" ? theme14.colors.menuSelected : theme14.colors.text }, t.workingDirectoryPanel.sshRemotePathLabel),
+          import_react123.default.createElement(build_default2, { value: sshForm.remotePath, onChange: (v) => handleSSHFieldChange("remotePath", v), onSubmit: handleSSHSubmit, focus: sshActiveField === "remotePath" })
         )
       ),
-      sshConnecting && import_react122.default.createElement(
+      sshConnecting && import_react123.default.createElement(
         Box_default,
         { marginTop: 1 },
-        import_react122.default.createElement(Text, { color: theme14.colors.warning }, t.workingDirectoryPanel.sshConnecting)
+        import_react123.default.createElement(Text, { color: theme14.colors.warning }, t.workingDirectoryPanel.sshConnecting)
       ),
-      sshMessage && import_react122.default.createElement(
+      sshMessage && import_react123.default.createElement(
         Box_default,
         { marginTop: 1 },
-        import_react122.default.createElement(Alert, { variant: sshMessage.type === "success" ? "success" : "error" }, sshMessage.text)
+        import_react123.default.createElement(Alert, { variant: sshMessage.type === "success" ? "success" : "error" }, sshMessage.text)
       ),
-      import_react122.default.createElement(
+      import_react123.default.createElement(
         Box_default,
         { marginTop: 1 },
-        import_react122.default.createElement(Text, { dimColor: true }, t.workingDirectoryPanel.sshHint)
+        import_react123.default.createElement(Text, { dimColor: true }, t.workingDirectoryPanel.sshHint)
       )
     );
   }
   if (addingMode) {
-    return import_react122.default.createElement(
+    return import_react123.default.createElement(
       Box_default,
       { flexDirection: "column", padding: 1, borderStyle: "round", borderColor: theme14.colors.border },
-      import_react122.default.createElement(Text, { color: theme14.colors.menuSelected, bold: true }, t.workingDirectoryPanel.addTitle),
-      import_react122.default.createElement(
+      import_react123.default.createElement(Text, { color: theme14.colors.menuSelected, bold: true }, t.workingDirectoryPanel.addTitle),
+      import_react123.default.createElement(
         Box_default,
         { marginTop: 1, flexDirection: "column" },
-        import_react122.default.createElement(Text, { color: theme14.colors.text }, t.workingDirectoryPanel.addPathPrompt),
-        import_react122.default.createElement(
+        import_react123.default.createElement(Text, { color: theme14.colors.text }, t.workingDirectoryPanel.addPathPrompt),
+        import_react123.default.createElement(
           Box_default,
           { marginTop: 1 },
-          import_react122.default.createElement(Text, { color: theme14.colors.menuSelected }, t.workingDirectoryPanel.addPathLabel),
-          import_react122.default.createElement(build_default2, { value: newDirPath, onChange: setNewDirPath, onSubmit: handleAddSubmit })
+          import_react123.default.createElement(Text, { color: theme14.colors.menuSelected }, t.workingDirectoryPanel.addPathLabel),
+          import_react123.default.createElement(build_default2, { value: newDirPath, onChange: setNewDirPath, onSubmit: handleAddSubmit })
         ),
-        addError && import_react122.default.createElement(
+        addError && import_react123.default.createElement(
           Box_default,
           { marginTop: 1 },
-          import_react122.default.createElement(Text, { color: theme14.colors.error }, addError)
+          import_react123.default.createElement(Text, { color: theme14.colors.error }, addError)
         )
       ),
-      import_react122.default.createElement(
+      import_react123.default.createElement(
         Box_default,
         { marginTop: 1 },
-        import_react122.default.createElement(Text, { dimColor: true }, t.workingDirectoryPanel.addHint)
+        import_react123.default.createElement(Text, { dimColor: true }, t.workingDirectoryPanel.addHint)
       )
     );
   }
   if (loading) {
-    return import_react122.default.createElement(
+    return import_react123.default.createElement(
       Box_default,
       { flexDirection: "column", padding: 1, borderStyle: "round", borderColor: theme14.colors.border },
-      import_react122.default.createElement(Text, { color: theme14.colors.menuSelected, bold: true }, t.workingDirectoryPanel.title),
-      import_react122.default.createElement(Text, { color: theme14.colors.text }, t.workingDirectoryPanel.loading)
+      import_react123.default.createElement(Text, { color: theme14.colors.menuSelected, bold: true }, t.workingDirectoryPanel.title),
+      import_react123.default.createElement(Text, { color: theme14.colors.text }, t.workingDirectoryPanel.loading)
     );
   }
   if (confirmDelete) {
     const deleteMessage = markedDirs.size > 1 ? t.workingDirectoryPanel.confirmDeleteMessagePlural.replace("{count}", markedDirs.size.toString()) : t.workingDirectoryPanel.confirmDeleteMessage.replace("{count}", markedDirs.size.toString());
-    return import_react122.default.createElement(
+    return import_react123.default.createElement(
       Box_default,
       { flexDirection: "column", padding: 1, borderStyle: "round", borderColor: theme14.colors.border },
-      import_react122.default.createElement(Text, { color: theme14.colors.menuSelected, bold: true }, t.workingDirectoryPanel.confirmDeleteTitle),
-      import_react122.default.createElement(Text, { color: theme14.colors.text }, deleteMessage),
-      import_react122.default.createElement(Box_default, { marginTop: 1 }, Array.from(markedDirs).map((dirPath) => import_react122.default.createElement(
+      import_react123.default.createElement(Text, { color: theme14.colors.menuSelected, bold: true }, t.workingDirectoryPanel.confirmDeleteTitle),
+      import_react123.default.createElement(Text, { color: theme14.colors.text }, deleteMessage),
+      import_react123.default.createElement(Box_default, { marginTop: 1 }, Array.from(markedDirs).map((dirPath) => import_react123.default.createElement(
         Text,
         { key: dirPath, color: theme14.colors.error },
         "- ",
         dirPath
       ))),
-      import_react122.default.createElement(
+      import_react123.default.createElement(
         Box_default,
         { marginTop: 1 },
-        import_react122.default.createElement(Text, { color: theme14.colors.text }, t.workingDirectoryPanel.confirmHint)
+        import_react123.default.createElement(Text, { color: theme14.colors.text }, t.workingDirectoryPanel.confirmHint)
       )
     );
   }
-  return import_react122.default.createElement(
+  return import_react123.default.createElement(
     Box_default,
     { flexDirection: "column", padding: 1, borderStyle: "round", borderColor: theme14.colors.border },
-    import_react122.default.createElement(Text, { color: theme14.colors.menuSelected, bold: true }, t.workingDirectoryPanel.title),
-    directories.length === 0 ? import_react122.default.createElement(Text, { dimColor: true }, t.workingDirectoryPanel.noDirectories) : import_react122.default.createElement(Box_default, { flexDirection: "column", marginTop: 1 }, directories.map((dir, index) => {
+    import_react123.default.createElement(Text, { color: theme14.colors.menuSelected, bold: true }, t.workingDirectoryPanel.title),
+    directories.length === 0 ? import_react123.default.createElement(Text, { dimColor: true }, t.workingDirectoryPanel.noDirectories) : import_react123.default.createElement(Box_default, { flexDirection: "column", marginTop: 1 }, directories.map((dir, index) => {
       const isSelected = index === selectedIndex;
       const isMarked = markedDirs.has(dir.path);
-      return import_react122.default.createElement(
+      return import_react123.default.createElement(
         Box_default,
         { key: dir.path },
-        import_react122.default.createElement(Text, { color: isSelected ? theme14.colors.menuSelected : theme14.colors.text, bold: isSelected }, isSelected ? "> " : "  "),
-        import_react122.default.createElement(
+        import_react123.default.createElement(Text, { color: isSelected ? theme14.colors.menuSelected : theme14.colors.text, bold: isSelected }, isSelected ? "> " : "  "),
+        import_react123.default.createElement(
           Text,
           { color: isMarked ? theme14.colors.warning : isSelected ? theme14.colors.menuSelected : theme14.colors.text },
           "[",
           isMarked ? "x" : " ",
           "]"
         ),
-        import_react122.default.createElement(Text, { color: isSelected ? theme14.colors.menuSelected : theme14.colors.text }, " "),
-        dir.isDefault && import_react122.default.createElement(
+        import_react123.default.createElement(Text, { color: isSelected ? theme14.colors.menuSelected : theme14.colors.text }, " "),
+        dir.isDefault && import_react123.default.createElement(
           Text,
           { color: theme14.colors.success, bold: true },
           t.workingDirectoryPanel.defaultLabel,
           " "
         ),
-        import_react122.default.createElement(Text, { color: isSelected ? theme14.colors.menuSelected : theme14.colors.text }, dir.path)
+        import_react123.default.createElement(Text, { color: isSelected ? theme14.colors.menuSelected : theme14.colors.text }, dir.path)
       );
     })),
-    import_react122.default.createElement(
+    import_react123.default.createElement(
       Box_default,
       { marginTop: 1, flexDirection: "column" },
-      import_react122.default.createElement(Text, { dimColor: true }, t.workingDirectoryPanel.navigationHint),
-      markedDirs.size > 0 && import_react122.default.createElement(Text, { color: theme14.colors.warning }, t.workingDirectoryPanel.markedCount.replace("{count}", markedDirs.size.toString()).replace("{plural}", markedDirs.size > 1 ? t.workingDirectoryPanel.markedCountPlural : t.workingDirectoryPanel.markedCountSingular)),
-      showDefaultAlert && import_react122.default.createElement(
+      import_react123.default.createElement(Text, { dimColor: true }, t.workingDirectoryPanel.navigationHint),
+      markedDirs.size > 0 && import_react123.default.createElement(Text, { color: theme14.colors.warning }, t.workingDirectoryPanel.markedCount.replace("{count}", markedDirs.size.toString()).replace("{plural}", markedDirs.size > 1 ? t.workingDirectoryPanel.markedCountPlural : t.workingDirectoryPanel.markedCountSingular)),
+      showDefaultAlert && import_react123.default.createElement(
         Box_default,
         { marginTop: 1 },
-        import_react122.default.createElement(Alert, { variant: "error" }, t.workingDirectoryPanel.alertDefaultCannotDelete)
+        import_react123.default.createElement(Alert, { variant: "error" }, t.workingDirectoryPanel.alertDefaultCannotDelete)
       )
     )
   );
 }
-var import_react122;
+var import_react123;
 var init_WorkingDirectoryPanel = __esm({
   async "dist/ui/components/panels/WorkingDirectoryPanel.js"() {
     "use strict";
-    import_react122 = __toESM(require_react(), 1);
+    import_react123 = __toESM(require_react(), 1);
     await init_build2();
     await init_build4();
     await init_build5();
@@ -550050,12 +550884,12 @@ __export(MCPInfoPanel_exports, {
 });
 function MCPInfoPanel() {
   const { t } = useI18n();
-  const [mcpStatus, setMcpStatus] = (0, import_react123.useState)([]);
-  const [selectedIndex, setSelectedIndex] = (0, import_react123.useState)(0);
-  const [isLoading, setIsLoading] = (0, import_react123.useState)(true);
-  const [errorMessage, setErrorMessage] = (0, import_react123.useState)(null);
-  const [isReconnecting, setIsReconnecting] = (0, import_react123.useState)(false);
-  const [togglingService, setTogglingService] = (0, import_react123.useState)(null);
+  const [mcpStatus, setMcpStatus] = (0, import_react124.useState)([]);
+  const [selectedIndex, setSelectedIndex] = (0, import_react124.useState)(0);
+  const [isLoading, setIsLoading] = (0, import_react124.useState)(true);
+  const [errorMessage, setErrorMessage] = (0, import_react124.useState)(null);
+  const [isReconnecting, setIsReconnecting] = (0, import_react124.useState)(false);
+  const [togglingService, setTogglingService] = (0, import_react124.useState)(null);
   const loadMCPStatus = async () => {
     try {
       const servicesInfo = await getMCPServicesInfo();
@@ -550080,7 +550914,7 @@ function MCPInfoPanel() {
       setIsLoading(false);
     }
   };
-  (0, import_react123.useEffect)(() => {
+  (0, import_react124.useEffect)(() => {
     let isMounted = true;
     const load = async () => {
       await loadMCPStatus();
@@ -550165,36 +550999,36 @@ function MCPInfoPanel() {
     }))
   ];
   if (isLoading) {
-    return import_react123.default.createElement(Text, { color: "gray" }, t.mcpInfoPanel.loading);
+    return import_react124.default.createElement(Text, { color: "gray" }, t.mcpInfoPanel.loading);
   }
   if (errorMessage) {
-    return import_react123.default.createElement(
+    return import_react124.default.createElement(
       Box_default,
       { borderColor: "red", borderStyle: "round", paddingX: 2, paddingY: 0 },
-      import_react123.default.createElement(Text, { color: "red", dimColor: true }, t.mcpInfoPanel.error.replace("{message}", errorMessage))
+      import_react124.default.createElement(Text, { color: "red", dimColor: true }, t.mcpInfoPanel.error.replace("{message}", errorMessage))
     );
   }
   if (mcpStatus.length === 0) {
-    return import_react123.default.createElement(
+    return import_react124.default.createElement(
       Box_default,
       { borderColor: "cyan", borderStyle: "round", paddingX: 2, paddingY: 0 },
-      import_react123.default.createElement(Text, { color: "gray", dimColor: true }, t.mcpInfoPanel.noServices)
+      import_react124.default.createElement(Text, { color: "gray", dimColor: true }, t.mcpInfoPanel.noServices)
     );
   }
-  return import_react123.default.createElement(
+  return import_react124.default.createElement(
     Box_default,
     { borderColor: "cyan", borderStyle: "round", paddingX: 2, paddingY: 0 },
-    import_react123.default.createElement(
+    import_react124.default.createElement(
       Box_default,
       { flexDirection: "column" },
-      import_react123.default.createElement(Text, { color: "cyan", bold: true }, isReconnecting ? t.mcpInfoPanel.refreshing : togglingService ? t.mcpInfoPanel.toggling.replace("{service}", togglingService) : t.mcpInfoPanel.title),
+      import_react124.default.createElement(Text, { color: "cyan", bold: true }, isReconnecting ? t.mcpInfoPanel.refreshing : togglingService ? t.mcpInfoPanel.toggling.replace("{service}", togglingService) : t.mcpInfoPanel.title),
       !isReconnecting && !togglingService && selectItems.map((item, index) => {
         const isSelected = index === selectedIndex;
         if (item.isRefreshAll) {
-          return import_react123.default.createElement(
+          return import_react124.default.createElement(
             Box_default,
             { key: item.value },
-            import_react123.default.createElement(
+            import_react124.default.createElement(
               Text,
               { color: isSelected ? "cyan" : "blue" },
               isSelected ? "\u276F " : "  ",
@@ -550206,29 +551040,29 @@ function MCPInfoPanel() {
         const isEnabled = item.enabled !== false;
         const statusColor = !isEnabled ? "gray" : item.connected ? "green" : "red";
         const suffix = item.isBuiltIn ? t.mcpInfoPanel.statusSystem : !isEnabled ? t.mcpInfoPanel.statusDisabled : item.connected ? t.mcpInfoPanel.statusExternal : ` - ${item.error || t.mcpInfoPanel.statusFailed}`;
-        return import_react123.default.createElement(
+        return import_react124.default.createElement(
           Box_default,
           { key: item.value },
-          import_react123.default.createElement(
+          import_react124.default.createElement(
             Text,
             null,
             isSelected ? "\u276F " : "  ",
-            import_react123.default.createElement(Text, { color: statusColor }, "\u25CF "),
-            import_react123.default.createElement(Text, { color: isSelected ? "cyan" : !isEnabled ? "gray" : "white" }, item.label),
-            import_react123.default.createElement(Text, { color: "gray", dimColor: true }, suffix)
+            import_react124.default.createElement(Text, { color: statusColor }, "\u25CF "),
+            import_react124.default.createElement(Text, { color: isSelected ? "cyan" : !isEnabled ? "gray" : "white" }, item.label),
+            import_react124.default.createElement(Text, { color: "gray", dimColor: true }, suffix)
           )
         );
       }),
-      (isReconnecting || togglingService) && import_react123.default.createElement(Text, { color: "yellow", dimColor: true }, t.mcpInfoPanel.pleaseWait),
-      !isReconnecting && !togglingService && import_react123.default.createElement(Text, { color: "gray", dimColor: true }, t.mcpInfoPanel.navigationHint)
+      (isReconnecting || togglingService) && import_react124.default.createElement(Text, { color: "yellow", dimColor: true }, t.mcpInfoPanel.pleaseWait),
+      !isReconnecting && !togglingService && import_react124.default.createElement(Text, { color: "gray", dimColor: true }, t.mcpInfoPanel.navigationHint)
     )
   );
 }
-var import_react123;
+var import_react124;
 var init_MCPInfoPanel = __esm({
   async "dist/ui/components/panels/MCPInfoPanel.js"() {
     "use strict";
-    import_react123 = __toESM(require_react(), 1);
+    import_react124 = __toESM(require_react(), 1);
     await init_build2();
     init_mcpToolsManager();
     init_apiConfig();
@@ -550243,30 +551077,30 @@ __export(SessionListPanel_exports, {
 });
 function SessionListPanel({ onSelectSession, onClose }) {
   const { t } = useI18n();
-  const [sessions, setSessions] = (0, import_react124.useState)([]);
-  const [loading, setLoading] = (0, import_react124.useState)(true);
-  const [loadingMore, setLoadingMore] = (0, import_react124.useState)(false);
-  const [selectedIndex, setSelectedIndex] = (0, import_react124.useState)(0);
-  const [scrollOffset, setScrollOffset] = (0, import_react124.useState)(0);
-  const [markedSessions, setMarkedSessions] = (0, import_react124.useState)(/* @__PURE__ */ new Set());
-  const [currentPage, setCurrentPage] = (0, import_react124.useState)(0);
-  const [hasMore, setHasMore] = (0, import_react124.useState)(true);
-  const [totalCount, setTotalCount] = (0, import_react124.useState)(0);
-  const [searchInput, setSearchInput] = (0, import_react124.useState)("");
-  const [debouncedSearch, setDebouncedSearch] = (0, import_react124.useState)("");
-  const [renamingSessionId, setRenamingSessionId] = (0, import_react124.useState)(null);
-  const [renameInput, setRenameInput] = (0, import_react124.useState)("");
-  const [isRenaming, setIsRenaming] = (0, import_react124.useState)(false);
+  const [sessions, setSessions] = (0, import_react125.useState)([]);
+  const [loading, setLoading] = (0, import_react125.useState)(true);
+  const [loadingMore, setLoadingMore] = (0, import_react125.useState)(false);
+  const [selectedIndex, setSelectedIndex] = (0, import_react125.useState)(0);
+  const [scrollOffset, setScrollOffset] = (0, import_react125.useState)(0);
+  const [markedSessions, setMarkedSessions] = (0, import_react125.useState)(/* @__PURE__ */ new Set());
+  const [currentPage, setCurrentPage] = (0, import_react125.useState)(0);
+  const [hasMore, setHasMore] = (0, import_react125.useState)(true);
+  const [totalCount, setTotalCount] = (0, import_react125.useState)(0);
+  const [searchInput, setSearchInput] = (0, import_react125.useState)("");
+  const [debouncedSearch, setDebouncedSearch] = (0, import_react125.useState)("");
+  const [renamingSessionId, setRenamingSessionId] = (0, import_react125.useState)(null);
+  const [renameInput, setRenameInput] = (0, import_react125.useState)("");
+  const [isRenaming, setIsRenaming] = (0, import_react125.useState)(false);
   const VISIBLE_ITEMS2 = 5;
   const PAGE_SIZE2 = 20;
   const SEARCH_DEBOUNCE_MS = 300;
-  (0, import_react124.useEffect)(() => {
+  (0, import_react125.useEffect)(() => {
     const timer2 = setTimeout(() => {
       setDebouncedSearch(searchInput);
     }, SEARCH_DEBOUNCE_MS);
     return () => clearTimeout(timer2);
   }, [searchInput]);
-  (0, import_react124.useEffect)(() => {
+  (0, import_react125.useEffect)(() => {
     const loadSessions = async () => {
       setLoading(true);
       try {
@@ -550286,7 +551120,7 @@ function SessionListPanel({ onSelectSession, onClose }) {
     };
     void loadSessions();
   }, [debouncedSearch]);
-  const loadMoreSessions = (0, import_react124.useCallback)(async () => {
+  const loadMoreSessions = (0, import_react125.useCallback)(async () => {
     if (loadingMore || !hasMore)
       return;
     setLoadingMore(true);
@@ -550302,7 +551136,7 @@ function SessionListPanel({ onSelectSession, onClose }) {
       setLoadingMore(false);
     }
   }, [currentPage, hasMore, loadingMore, debouncedSearch]);
-  const formatDate2 = (0, import_react124.useCallback)((timestamp) => {
+  const formatDate2 = (0, import_react125.useCallback)((timestamp) => {
     const date = new Date(timestamp);
     const now = /* @__PURE__ */ new Date();
     const diffMs = now.getTime() - date.getTime();
@@ -550456,13 +551290,13 @@ function SessionListPanel({ onSelectSession, onClose }) {
   const hasMoreInView = sessions.length > scrollOffset + VISIBLE_ITEMS2;
   const hasPrevious = scrollOffset > 0;
   const currentSession = sessions[selectedIndex];
-  return import_react124.default.createElement(
+  return import_react125.default.createElement(
     Box_default,
     { borderStyle: "round", borderColor: "cyan", paddingX: 1, flexDirection: "column" },
-    import_react124.default.createElement(
+    import_react125.default.createElement(
       Box_default,
       { flexDirection: "column" },
-      import_react124.default.createElement(
+      import_react125.default.createElement(
         Text,
         { color: "cyan", dimColor: true },
         t.sessionListPanel.title,
@@ -550473,7 +551307,7 @@ function SessionListPanel({ onSelectSession, onClose }) {
         totalCount > sessions.length && ` of ${totalCount}`,
         ")",
         currentSession && ` \u2022 ${currentSession.messageCount} ${t.sessionListPanel.messages.replace("{count}", "")}`,
-        markedSessions.size > 0 && import_react124.default.createElement(
+        markedSessions.size > 0 && import_react125.default.createElement(
           Text,
           { color: "yellow" },
           " ",
@@ -550481,46 +551315,46 @@ function SessionListPanel({ onSelectSession, onClose }) {
           " ",
           t.sessionListPanel.marked.replace("{count}", String(markedSessions.size))
         ),
-        loadingMore && import_react124.default.createElement(
+        loadingMore && import_react125.default.createElement(
           Text,
           { color: "gray" },
           " \u2022 ",
           t.sessionListPanel.loadingMore
         )
       ),
-      searchInput ? import_react124.default.createElement(
+      searchInput ? import_react125.default.createElement(
         Text,
         { color: "green" },
         t.sessionListPanel.searchLabel,
         " ",
         searchInput,
-        searchInput !== debouncedSearch && import_react124.default.createElement(
+        searchInput !== debouncedSearch && import_react125.default.createElement(
           Text,
           { color: "gray" },
           " (",
           t.sessionListPanel.searching,
           ")"
         )
-      ) : renamingSessionId ? import_react124.default.createElement(
+      ) : renamingSessionId ? import_react125.default.createElement(
         Text,
         { color: "yellow" },
         t.sessionListPanel.renamePrompt,
         ":",
         " ",
-        import_react124.default.createElement(Text, { color: "white" }, renameInput),
-        isRenaming && import_react124.default.createElement(
+        import_react125.default.createElement(Text, { color: "white" }, renameInput),
+        isRenaming && import_react125.default.createElement(
           Text,
           { color: "gray" },
           " (",
           t.sessionListPanel.renaming,
           ")"
         )
-      ) : import_react124.default.createElement(Text, { color: "gray", dimColor: true }, t.sessionListPanel.navigationHint)
+      ) : import_react125.default.createElement(Text, { color: "gray", dimColor: true }, t.sessionListPanel.navigationHint)
     ),
-    loading ? import_react124.default.createElement(Text, { color: "gray", dimColor: true }, t.sessionListPanel.loading) : sessions.length === 0 ? import_react124.default.createElement(Text, { color: "gray", dimColor: true }, debouncedSearch ? t.sessionListPanel.noResults.replace("{query}", debouncedSearch) : t.sessionListPanel.noConversations) : import_react124.default.createElement(
-      import_react124.default.Fragment,
+    loading ? import_react125.default.createElement(Text, { color: "gray", dimColor: true }, t.sessionListPanel.loading) : sessions.length === 0 ? import_react125.default.createElement(Text, { color: "gray", dimColor: true }, debouncedSearch ? t.sessionListPanel.noResults.replace("{query}", debouncedSearch) : t.sessionListPanel.noConversations) : import_react125.default.createElement(
+      import_react125.default.Fragment,
       null,
-      hasPrevious && import_react124.default.createElement(
+      hasPrevious && import_react125.default.createElement(
         Text,
         { color: "gray", dimColor: true },
         " ",
@@ -550533,13 +551367,13 @@ function SessionListPanel({ onSelectSession, onClose }) {
         const cleanTitle = (session.title || t.sessionListPanel.untitled).replace(/[\r\n\t]+/g, " ");
         const timeStr = formatDate2(session.updatedAt);
         const truncatedLabel = cleanTitle.length > 50 ? cleanTitle.slice(0, 47) + "..." : cleanTitle;
-        return import_react124.default.createElement(
+        return import_react125.default.createElement(
           Box_default,
           { key: session.id },
-          import_react124.default.createElement(Text, { color: isMarked ? "green" : "gray" }, isMarked ? "\u2714 " : "  "),
-          import_react124.default.createElement(Text, { color: isSelected ? "green" : "gray" }, isSelected ? "\u276F " : "  "),
-          import_react124.default.createElement(Text, { color: isSelected ? "cyan" : isMarked ? "green" : "white" }, truncatedLabel),
-          import_react124.default.createElement(
+          import_react125.default.createElement(Text, { color: isMarked ? "green" : "gray" }, isMarked ? "\u2714 " : "  "),
+          import_react125.default.createElement(Text, { color: isSelected ? "green" : "gray" }, isSelected ? "\u276F " : "  "),
+          import_react125.default.createElement(Text, { color: isSelected ? "cyan" : isMarked ? "green" : "white" }, truncatedLabel),
+          import_react125.default.createElement(
             Text,
             { color: "gray", dimColor: true },
             " ",
@@ -550549,7 +551383,7 @@ function SessionListPanel({ onSelectSession, onClose }) {
         );
       })
     ),
-    !loading && sessions.length > 0 && hasMoreInView && import_react124.default.createElement(
+    !loading && sessions.length > 0 && hasMoreInView && import_react125.default.createElement(
       Text,
       { color: "gray", dimColor: true },
       " ",
@@ -550558,11 +551392,11 @@ function SessionListPanel({ onSelectSession, onClose }) {
     )
   );
 }
-var import_react124;
+var import_react125;
 var init_SessionListPanel = __esm({
   async "dist/ui/components/panels/SessionListPanel.js"() {
     "use strict";
-    import_react124 = __toESM(require_react(), 1);
+    import_react125 = __toESM(require_react(), 1);
     await init_build2();
     init_sessionManager();
     init_i18n();
@@ -550726,7 +551560,7 @@ function formatTokens(tokens2, compact2 = false) {
 }
 function renderStackedBarChart(stats, terminalWidth, scrollOffset, t) {
   if (stats.models.size === 0) {
-    return import_react125.default.createElement(Text, { color: "gray", dimColor: true }, t.usagePanel.chart.noData);
+    return import_react126.default.createElement(Text, { color: "gray", dimColor: true }, t.usagePanel.chart.noData);
   }
   const sortedModels = Array.from(stats.models.entries()).sort((a, b) => b[1].total - a[1].total);
   const isNarrow = terminalWidth < 100;
@@ -550738,72 +551572,72 @@ function renderStackedBarChart(stats, terminalWidth, scrollOffset, t) {
   const hasMoreBelow = endIdx < sortedModels.length;
   const maxTotal = Math.max(...Array.from(stats.models.values()).map((s) => s.total + s.cacheCreation + s.cacheRead));
   const maxBarWidth = Math.min(isNarrow ? 50 : 70, terminalWidth - 10);
-  return import_react125.default.createElement(
+  return import_react126.default.createElement(
     Box_default,
     { flexDirection: "column" },
-    import_react125.default.createElement(
+    import_react126.default.createElement(
       Box_default,
       { marginBottom: 1 },
-      import_react125.default.createElement(Text, { color: "cyan" }, "\u2588"),
-      import_react125.default.createElement(
+      import_react126.default.createElement(Text, { color: "cyan" }, "\u2588"),
+      import_react126.default.createElement(
         Text,
         { color: "gray", dimColor: true },
         " ",
         t.usagePanel.chart.usage,
         " "
       ),
-      import_react125.default.createElement(Text, { color: "green" }, "\u2588"),
-      import_react125.default.createElement(
+      import_react126.default.createElement(Text, { color: "green" }, "\u2588"),
+      import_react126.default.createElement(
         Text,
         { color: "gray", dimColor: true },
         " ",
         t.usagePanel.chart.cacheHit,
         " "
       ),
-      import_react125.default.createElement(Text, { color: "yellow" }, "\u2588"),
-      import_react125.default.createElement(
+      import_react126.default.createElement(Text, { color: "yellow" }, "\u2588"),
+      import_react126.default.createElement(
         Text,
         { color: "gray", dimColor: true },
         " ",
         t.usagePanel.chart.cacheCreate
       )
     ),
-    hasMoreAbove && import_react125.default.createElement(
+    hasMoreAbove && import_react126.default.createElement(
       Box_default,
       { marginBottom: 1 },
-      import_react125.default.createElement(Text, { color: "yellow", dimColor: true }, t.usagePanel.chart.moreAbove.replace("{count}", String(startIdx)))
+      import_react126.default.createElement(Text, { color: "yellow", dimColor: true }, t.usagePanel.chart.moreAbove.replace("{count}", String(startIdx)))
     ),
     visibleModels.map(([modelName, modelStats]) => {
       const shortName = getModelShortName(modelName, 30);
       const usageLength = modelStats.total > 0 ? Math.max(1, Math.round(modelStats.total / maxTotal * maxBarWidth)) : 0;
       const cacheHitLength = modelStats.cacheRead > 0 ? Math.max(1, Math.round(modelStats.cacheRead / maxTotal * maxBarWidth)) : 0;
       const cacheCreateLength = modelStats.cacheCreation > 0 ? Math.max(1, Math.round(modelStats.cacheCreation / maxTotal * maxBarWidth)) : 0;
-      return import_react125.default.createElement(
+      return import_react126.default.createElement(
         Box_default,
         { key: modelName, flexDirection: "column", marginBottom: 1 },
-        import_react125.default.createElement(
+        import_react126.default.createElement(
           Box_default,
           null,
-          import_react125.default.createElement(Text, { bold: true, color: "white" }, shortName)
+          import_react126.default.createElement(Text, { bold: true, color: "white" }, shortName)
         ),
-        import_react125.default.createElement(
+        import_react126.default.createElement(
           Box_default,
           null,
-          usageLength > 0 && import_react125.default.createElement(Text, { color: "cyan" }, "\u2588".repeat(usageLength)),
-          cacheHitLength > 0 && import_react125.default.createElement(Text, { color: "green" }, "\u2588".repeat(cacheHitLength)),
-          cacheCreateLength > 0 && import_react125.default.createElement(Text, { color: "yellow" }, "\u2588".repeat(cacheCreateLength))
+          usageLength > 0 && import_react126.default.createElement(Text, { color: "cyan" }, "\u2588".repeat(usageLength)),
+          cacheHitLength > 0 && import_react126.default.createElement(Text, { color: "green" }, "\u2588".repeat(cacheHitLength)),
+          cacheCreateLength > 0 && import_react126.default.createElement(Text, { color: "yellow" }, "\u2588".repeat(cacheCreateLength))
         ),
-        import_react125.default.createElement(
+        import_react126.default.createElement(
           Box_default,
           null,
-          import_react125.default.createElement(
+          import_react126.default.createElement(
             Text,
             { color: "cyan" },
             t.usagePanel.chart.usage,
             " ",
             formatTokens(modelStats.total, isNarrow)
           ),
-          import_react125.default.createElement(
+          import_react126.default.createElement(
             Text,
             { color: "gray", dimColor: true },
             " ",
@@ -550818,34 +551652,34 @@ function renderStackedBarChart(stats, terminalWidth, scrollOffset, t) {
             formatTokens(modelStats.output, isNarrow),
             ")"
           ),
-          (modelStats.cacheRead > 0 || modelStats.cacheCreation > 0) && import_react125.default.createElement(
-            import_react125.default.Fragment,
+          (modelStats.cacheRead > 0 || modelStats.cacheCreation > 0) && import_react126.default.createElement(
+            import_react126.default.Fragment,
             null,
-            import_react125.default.createElement(
+            import_react126.default.createElement(
               Text,
               { color: "gray", dimColor: true },
               " ",
               "|",
               " "
             ),
-            modelStats.cacheRead > 0 && import_react125.default.createElement(
-              import_react125.default.Fragment,
+            modelStats.cacheRead > 0 && import_react126.default.createElement(
+              import_react126.default.Fragment,
               null,
-              import_react125.default.createElement(
+              import_react126.default.createElement(
                 Text,
                 { color: "green" },
                 t.usagePanel.chart.hit,
                 " ",
                 formatTokens(modelStats.cacheRead, isNarrow)
               ),
-              modelStats.cacheCreation > 0 && import_react125.default.createElement(
+              modelStats.cacheCreation > 0 && import_react126.default.createElement(
                 Text,
                 { color: "gray", dimColor: true },
                 ",",
                 " "
               )
             ),
-            modelStats.cacheCreation > 0 && import_react125.default.createElement(
+            modelStats.cacheCreation > 0 && import_react126.default.createElement(
               Text,
               { color: "yellow" },
               t.usagePanel.chart.create,
@@ -550856,31 +551690,31 @@ function renderStackedBarChart(stats, terminalWidth, scrollOffset, t) {
         )
       );
     }),
-    sortedModels.length > 1 && import_react125.default.createElement(
+    sortedModels.length > 1 && import_react126.default.createElement(
       Box_default,
       { marginTop: 1, flexDirection: "column" },
-      import_react125.default.createElement(Text, { color: "gray", dimColor: true }, "\u2500".repeat(Math.min(terminalWidth - 8, 70))),
-      import_react125.default.createElement(
+      import_react126.default.createElement(Text, { color: "gray", dimColor: true }, "\u2500".repeat(Math.min(terminalWidth - 8, 70))),
+      import_react126.default.createElement(
         Box_default,
         null,
-        import_react125.default.createElement(
+        import_react126.default.createElement(
           Text,
           { bold: true, color: "white" },
           t.usagePanel.chart.total,
           " "
         ),
-        import_react125.default.createElement(Text, { color: "cyan", bold: true }, formatTokens(stats.grandTotal)),
-        Array.from(stats.models.values()).reduce((sum, s) => sum + s.cacheRead, 0) > 0 && import_react125.default.createElement(
-          import_react125.default.Fragment,
+        import_react126.default.createElement(Text, { color: "cyan", bold: true }, formatTokens(stats.grandTotal)),
+        Array.from(stats.models.values()).reduce((sum, s) => sum + s.cacheRead, 0) > 0 && import_react126.default.createElement(
+          import_react126.default.Fragment,
           null,
-          import_react125.default.createElement(
+          import_react126.default.createElement(
             Text,
             { color: "gray", dimColor: true },
             " ",
             "|",
             " "
           ),
-          import_react125.default.createElement(
+          import_react126.default.createElement(
             Text,
             { color: "green", bold: true },
             t.usagePanel.chart.hit,
@@ -550888,16 +551722,16 @@ function renderStackedBarChart(stats, terminalWidth, scrollOffset, t) {
             formatTokens(Array.from(stats.models.values()).reduce((sum, s) => sum + s.cacheRead, 0))
           )
         ),
-        Array.from(stats.models.values()).reduce((sum, s) => sum + s.cacheCreation, 0) > 0 && import_react125.default.createElement(
-          import_react125.default.Fragment,
+        Array.from(stats.models.values()).reduce((sum, s) => sum + s.cacheCreation, 0) > 0 && import_react126.default.createElement(
+          import_react126.default.Fragment,
           null,
-          import_react125.default.createElement(
+          import_react126.default.createElement(
             Text,
             { color: "gray", dimColor: true },
             ",",
             " "
           ),
-          import_react125.default.createElement(
+          import_react126.default.createElement(
             Text,
             { color: "yellow", bold: true },
             t.usagePanel.chart.create,
@@ -550907,23 +551741,23 @@ function renderStackedBarChart(stats, terminalWidth, scrollOffset, t) {
         )
       )
     ),
-    hasMoreBelow && import_react125.default.createElement(
+    hasMoreBelow && import_react126.default.createElement(
       Box_default,
       { marginTop: 1 },
-      import_react125.default.createElement(Text, { color: "yellow", dimColor: true }, t.usagePanel.chart.moreBelow.replace("{count}", String(sortedModels.length - endIdx)))
+      import_react126.default.createElement(Text, { color: "yellow", dimColor: true }, t.usagePanel.chart.moreBelow.replace("{count}", String(sortedModels.length - endIdx)))
     )
   );
 }
 function UsagePanel() {
   const { t } = useI18n();
-  const [granularity, setGranularity] = (0, import_react125.useState)("week");
-  const [stats, setStats] = (0, import_react125.useState)({
+  const [granularity, setGranularity] = (0, import_react126.useState)("week");
+  const [stats, setStats] = (0, import_react126.useState)({
     models: /* @__PURE__ */ new Map(),
     grandTotal: 0
   });
-  const [isLoading, setIsLoading] = (0, import_react125.useState)(true);
-  const [error, setError] = (0, import_react125.useState)(null);
-  const [scrollOffset, setScrollOffset] = (0, import_react125.useState)(0);
+  const [isLoading, setIsLoading] = (0, import_react126.useState)(true);
+  const [error, setError] = (0, import_react126.useState)(null);
+  const [scrollOffset, setScrollOffset] = (0, import_react126.useState)(0);
   const { columns: terminalWidth } = useTerminalSize();
   const granularityLabels = {
     hour: t.usagePanel.granularity.last24h,
@@ -550931,7 +551765,7 @@ function UsagePanel() {
     week: t.usagePanel.granularity.last30d,
     month: t.usagePanel.granularity.last12m
   };
-  (0, import_react125.useEffect)(() => {
+  (0, import_react126.useEffect)(() => {
     const load = async () => {
       setIsLoading(true);
       try {
@@ -550948,7 +551782,7 @@ function UsagePanel() {
     };
     load();
   }, [granularity]);
-  (0, import_react125.useEffect)(() => {
+  (0, import_react126.useEffect)(() => {
     setScrollOffset(0);
   }, [granularity]);
   use_input_default((_input, key) => {
@@ -550970,48 +551804,48 @@ function UsagePanel() {
     }
   });
   if (isLoading) {
-    return import_react125.default.createElement(
+    return import_react126.default.createElement(
       Box_default,
       { borderColor: "cyan", borderStyle: "round", paddingX: 2, paddingY: 0 },
-      import_react125.default.createElement(Text, { color: "gray" }, t.usagePanel.loading)
+      import_react126.default.createElement(Text, { color: "gray" }, t.usagePanel.loading)
     );
   }
   if (error) {
-    return import_react125.default.createElement(
+    return import_react126.default.createElement(
       Box_default,
       { borderColor: "red", borderStyle: "round", paddingX: 2, paddingY: 0 },
-      import_react125.default.createElement(Text, { color: "red" }, t.usagePanel.error.replace("{error}", error))
+      import_react126.default.createElement(Text, { color: "red" }, t.usagePanel.error.replace("{error}", error))
     );
   }
-  return import_react125.default.createElement(
+  return import_react126.default.createElement(
     Box_default,
     { borderColor: "cyan", borderStyle: "round", paddingX: 2, paddingY: 1, flexDirection: "column" },
-    import_react125.default.createElement(
+    import_react126.default.createElement(
       Box_default,
       { marginBottom: 1 },
-      import_react125.default.createElement(Text, { color: "cyan", bold: true }, t.usagePanel.title),
-      import_react125.default.createElement(
+      import_react126.default.createElement(Text, { color: "cyan", bold: true }, t.usagePanel.title),
+      import_react126.default.createElement(
         Text,
         { color: "gray" },
         " (",
         granularityLabels[granularity],
         ")"
       ),
-      import_react125.default.createElement(
+      import_react126.default.createElement(
         Text,
         { color: "gray", dimColor: true },
         " ",
         t.usagePanel.tabToSwitch
       )
     ),
-    stats.models.size === 0 ? import_react125.default.createElement(Text, { color: "gray", dimColor: true }, t.usagePanel.noDataForPeriod) : renderStackedBarChart(stats, terminalWidth, scrollOffset, t)
+    stats.models.size === 0 ? import_react126.default.createElement(Text, { color: "gray", dimColor: true }, t.usagePanel.noDataForPeriod) : renderStackedBarChart(stats, terminalWidth, scrollOffset, t)
   );
 }
-var import_react125;
+var import_react126;
 var init_UsagePanel = __esm({
   async "dist/ui/components/panels/UsagePanel.js"() {
     "use strict";
-    import_react125 = __toESM(require_react(), 1);
+    import_react126 = __toESM(require_react(), 1);
     await init_build2();
     init_useTerminalSize();
     init_i18n();
@@ -551019,96 +551853,101 @@ var init_UsagePanel = __esm({
 });
 
 // dist/ui/components/panels/PanelsManager.js
-function PanelsManager({ terminalWidth, workingDirectory, showSessionPanel, showMcpPanel, showUsagePanel, showCustomCommandConfig, showSkillsCreation, showRoleCreation, showRoleDeletion, showRoleList, showWorkingDirPanel, setShowSessionPanel, setShowCustomCommandConfig, setShowSkillsCreation, setShowRoleCreation, setShowRoleDeletion, setShowRoleList, setShowWorkingDirPanel, handleSessionPanelSelect, onCustomCommandSave, onSkillsSave, onRoleSave, onRoleDelete }) {
+function PanelsManager({ terminalWidth, workingDirectory, showSessionPanel, showMcpPanel, showUsagePanel, showModelsPanel, showCustomCommandConfig, showSkillsCreation, showRoleCreation, showRoleDeletion, showRoleList, showWorkingDirPanel, advancedModel, basicModel, setShowSessionPanel, setShowModelsPanel, setShowCustomCommandConfig, setShowSkillsCreation, setShowRoleCreation, setShowRoleDeletion, setShowRoleList, setShowWorkingDirPanel, handleSessionPanelSelect, onCustomCommandSave, onSkillsSave, onRoleSave, onRoleDelete }) {
   const { theme: theme14 } = useTheme();
   const { t } = useI18n();
-  const loadingFallback = import_react126.default.createElement(
+  const loadingFallback = import_react127.default.createElement(
     Box_default,
     null,
-    import_react126.default.createElement(
+    import_react127.default.createElement(
       Text,
       null,
-      import_react126.default.createElement(build_default, { type: "dots" }),
+      import_react127.default.createElement(build_default, { type: "dots" }),
       " Loading..."
     )
   );
-  return import_react126.default.createElement(
-    import_react126.default.Fragment,
+  return import_react127.default.createElement(
+    import_react127.default.Fragment,
     null,
-    showSessionPanel && import_react126.default.createElement(
+    showSessionPanel && import_react127.default.createElement(
       Box_default,
       { paddingX: 1, width: terminalWidth },
-      import_react126.default.createElement(
-        import_react126.Suspense,
+      import_react127.default.createElement(
+        import_react127.Suspense,
         { fallback: loadingFallback },
-        import_react126.default.createElement(SessionListPanel2, { onSelectSession: handleSessionPanelSelect, onClose: () => setShowSessionPanel(false) })
+        import_react127.default.createElement(SessionListPanel2, { onSelectSession: handleSessionPanelSelect, onClose: () => setShowSessionPanel(false) })
       )
     ),
-    showMcpPanel && import_react126.default.createElement(
+    showMcpPanel && import_react127.default.createElement(
       Box_default,
       { paddingX: 1, flexDirection: "column", width: terminalWidth },
-      import_react126.default.createElement(
-        import_react126.Suspense,
+      import_react127.default.createElement(
+        import_react127.Suspense,
         { fallback: loadingFallback },
-        import_react126.default.createElement(MCPInfoPanel2, null)
+        import_react127.default.createElement(MCPInfoPanel2, null)
       ),
-      import_react126.default.createElement(
+      import_react127.default.createElement(
         Box_default,
         { marginTop: 1 },
-        import_react126.default.createElement(Text, { color: theme14.colors.menuSecondary, dimColor: true }, t.chatScreen.pressEscToClose)
+        import_react127.default.createElement(Text, { color: theme14.colors.menuSecondary, dimColor: true }, t.chatScreen.pressEscToClose)
       )
     ),
-    showUsagePanel && import_react126.default.createElement(
+    showUsagePanel && import_react127.default.createElement(
       Box_default,
       { paddingX: 1, flexDirection: "column", width: terminalWidth },
-      import_react126.default.createElement(
-        import_react126.Suspense,
+      import_react127.default.createElement(
+        import_react127.Suspense,
         { fallback: loadingFallback },
-        import_react126.default.createElement(UsagePanel2, null)
+        import_react127.default.createElement(UsagePanel2, null)
       ),
-      import_react126.default.createElement(
+      import_react127.default.createElement(
         Box_default,
         { marginTop: 1 },
-        import_react126.default.createElement(Text, { color: theme14.colors.menuSecondary, dimColor: true }, t.chatScreen.pressEscToClose)
+        import_react127.default.createElement(Text, { color: theme14.colors.menuSecondary, dimColor: true }, t.chatScreen.pressEscToClose)
       )
     ),
-    showCustomCommandConfig && import_react126.default.createElement(
+    showModelsPanel && import_react127.default.createElement(
       Box_default,
       { paddingX: 1, flexDirection: "column", width: terminalWidth },
-      import_react126.default.createElement(CustomCommandConfigPanel, { projectRoot: workingDirectory, onSave: onCustomCommandSave, onCancel: () => setShowCustomCommandConfig(false) })
+      import_react127.default.createElement(ModelsPanel, { advancedModel, basicModel, visible: showModelsPanel, onClose: () => setShowModelsPanel(false) })
     ),
-    showSkillsCreation && import_react126.default.createElement(
+    showCustomCommandConfig && import_react127.default.createElement(
       Box_default,
       { paddingX: 1, flexDirection: "column", width: terminalWidth },
-      import_react126.default.createElement(SkillsCreationPanel, { projectRoot: workingDirectory, onSave: onSkillsSave, onCancel: () => setShowSkillsCreation(false) })
+      import_react127.default.createElement(CustomCommandConfigPanel, { projectRoot: workingDirectory, onSave: onCustomCommandSave, onCancel: () => setShowCustomCommandConfig(false) })
     ),
-    showRoleCreation && import_react126.default.createElement(
+    showSkillsCreation && import_react127.default.createElement(
       Box_default,
       { paddingX: 1, flexDirection: "column", width: terminalWidth },
-      import_react126.default.createElement(RoleCreationPanel, { projectRoot: workingDirectory, onSave: onRoleSave, onCancel: () => setShowRoleCreation(false) })
+      import_react127.default.createElement(SkillsCreationPanel, { projectRoot: workingDirectory, onSave: onSkillsSave, onCancel: () => setShowSkillsCreation(false) })
     ),
-    showRoleDeletion && import_react126.default.createElement(
+    showRoleCreation && import_react127.default.createElement(
       Box_default,
       { paddingX: 1, flexDirection: "column", width: terminalWidth },
-      import_react126.default.createElement(RoleDeletionPanel, { projectRoot: workingDirectory, onDelete: onRoleDelete, onCancel: () => setShowRoleDeletion(false) })
+      import_react127.default.createElement(RoleCreationPanel, { projectRoot: workingDirectory, onSave: onRoleSave, onCancel: () => setShowRoleCreation(false) })
     ),
-    showRoleList && import_react126.default.createElement(
+    showRoleDeletion && import_react127.default.createElement(
       Box_default,
       { paddingX: 1, flexDirection: "column", width: terminalWidth },
-      import_react126.default.createElement(RoleListPanel, { projectRoot: workingDirectory, onClose: () => setShowRoleList(false) })
+      import_react127.default.createElement(RoleDeletionPanel, { projectRoot: workingDirectory, onDelete: onRoleDelete, onCancel: () => setShowRoleDeletion(false) })
     ),
-    showWorkingDirPanel && import_react126.default.createElement(
+    showRoleList && import_react127.default.createElement(
       Box_default,
       { paddingX: 1, flexDirection: "column", width: terminalWidth },
-      import_react126.default.createElement(WorkingDirectoryPanel, { onClose: () => setShowWorkingDirPanel(false) })
+      import_react127.default.createElement(RoleListPanel, { projectRoot: workingDirectory, onClose: () => setShowRoleList(false) })
+    ),
+    showWorkingDirPanel && import_react127.default.createElement(
+      Box_default,
+      { paddingX: 1, flexDirection: "column", width: terminalWidth },
+      import_react127.default.createElement(WorkingDirectoryPanel, { onClose: () => setShowWorkingDirPanel(false) })
     )
   );
 }
-var import_react126, MCPInfoPanel2, SessionListPanel2, UsagePanel2;
+var import_react127, MCPInfoPanel2, SessionListPanel2, UsagePanel2;
 var init_PanelsManager = __esm({
   async "dist/ui/components/panels/PanelsManager.js"() {
     "use strict";
-    import_react126 = __toESM(require_react(), 1);
+    import_react127 = __toESM(require_react(), 1);
     await init_build2();
     await init_build3();
     init_ThemeContext();
@@ -551118,17 +551957,18 @@ var init_PanelsManager = __esm({
     await init_RoleCreationPanel();
     await init_RoleDeletionPanel();
     await init_RoleListPanel();
+    await init_ModelsPanel();
     await init_WorkingDirectoryPanel();
-    MCPInfoPanel2 = (0, import_react126.lazy)(() => init_MCPInfoPanel().then(() => MCPInfoPanel_exports));
-    SessionListPanel2 = (0, import_react126.lazy)(() => init_SessionListPanel().then(() => SessionListPanel_exports));
-    UsagePanel2 = (0, import_react126.lazy)(() => init_UsagePanel().then(() => UsagePanel_exports));
+    MCPInfoPanel2 = (0, import_react127.lazy)(() => init_MCPInfoPanel().then(() => MCPInfoPanel_exports));
+    SessionListPanel2 = (0, import_react127.lazy)(() => init_SessionListPanel().then(() => SessionListPanel_exports));
+    UsagePanel2 = (0, import_react127.lazy)(() => init_UsagePanel().then(() => UsagePanel_exports));
   }
 });
 
 // dist/hooks/session/useSessionSave.js
 function useSessionSave() {
-  const savedMessagesRef = (0, import_react127.useRef)(/* @__PURE__ */ new Set());
-  const generateMessageId = (0, import_react127.useCallback)((message, timestamp) => {
+  const savedMessagesRef = (0, import_react128.useRef)(/* @__PURE__ */ new Set());
+  const generateMessageId = (0, import_react128.useCallback)((message, timestamp) => {
     let id = `${message.role}-${message.content.length}-${Math.floor(timestamp / 5e3)}`;
     if (message.role === "assistant" && message.tool_calls && message.tool_calls.length > 0) {
       const toolCallIds = message.tool_calls.map((tc) => tc.id).sort().join(",");
@@ -551139,7 +551979,7 @@ function useSessionSave() {
     }
     return id;
   }, []);
-  const saveMessage = (0, import_react127.useCallback)(async (message) => {
+  const saveMessage = (0, import_react128.useCallback)(async (message) => {
     const timestamp = Date.now();
     const messageId = generateMessageId(message, timestamp);
     if (savedMessagesRef.current.has(messageId)) {
@@ -551157,15 +551997,15 @@ function useSessionSave() {
       console.error("Failed to save message:", error);
     }
   }, [generateMessageId]);
-  const saveMessages = (0, import_react127.useCallback)(async (messages) => {
+  const saveMessages = (0, import_react128.useCallback)(async (messages) => {
     for (const message of messages) {
       await saveMessage(message);
     }
   }, [saveMessage]);
-  const clearSavedMessages = (0, import_react127.useCallback)(() => {
+  const clearSavedMessages = (0, import_react128.useCallback)(() => {
     savedMessagesRef.current.clear();
   }, []);
-  const initializeFromSession = (0, import_react127.useCallback)((messages) => {
+  const initializeFromSession = (0, import_react128.useCallback)((messages) => {
     savedMessagesRef.current.clear();
     messages.forEach((message) => {
       const messageId = generateMessageId(message, message.timestamp);
@@ -551179,11 +552019,11 @@ function useSessionSave() {
     initializeFromSession
   };
 }
-var import_react127;
+var import_react128;
 var init_useSessionSave = __esm({
   "dist/hooks/session/useSessionSave.js"() {
     "use strict";
-    import_react127 = __toESM(require_react(), 1);
+    import_react128 = __toESM(require_react(), 1);
     init_sessionManager();
   }
 });
@@ -551276,10 +552116,10 @@ var init_permissionsConfig = __esm({
 
 // dist/hooks/conversation/useToolConfirmation.js
 function useToolConfirmation(workingDirectory) {
-  const [pendingToolConfirmation, setPendingToolConfirmation] = (0, import_react128.useState)(null);
-  const alwaysApprovedToolsRef = (0, import_react128.useRef)(/* @__PURE__ */ new Set());
-  const [alwaysApprovedTools, setAlwaysApprovedTools] = (0, import_react128.useState)(/* @__PURE__ */ new Set());
-  (0, import_react128.useEffect)(() => {
+  const [pendingToolConfirmation, setPendingToolConfirmation] = (0, import_react129.useState)(null);
+  const alwaysApprovedToolsRef = (0, import_react129.useRef)(/* @__PURE__ */ new Set());
+  const [alwaysApprovedTools, setAlwaysApprovedTools] = (0, import_react129.useState)(/* @__PURE__ */ new Set());
+  (0, import_react129.useEffect)(() => {
     const config3 = loadPermissionsConfig(workingDirectory);
     const loadedTools = new Set(config3.alwaysApprovedTools);
     alwaysApprovedToolsRef.current = loadedTools;
@@ -551298,20 +552138,20 @@ function useToolConfirmation(workingDirectory) {
       });
     });
   };
-  const isToolAutoApproved = (0, import_react128.useCallback)((toolName) => {
+  const isToolAutoApproved = (0, import_react129.useCallback)((toolName) => {
     return alwaysApprovedToolsRef.current.has(toolName) || toolName.startsWith("todo-") || toolName.startsWith("subagent-") || toolName === "askuser-ask_question";
   }, []);
-  const addToAlwaysApproved = (0, import_react128.useCallback)((toolName) => {
+  const addToAlwaysApproved = (0, import_react129.useCallback)((toolName) => {
     alwaysApprovedToolsRef.current.add(toolName);
     setAlwaysApprovedTools((prev) => /* @__PURE__ */ new Set([...prev, toolName]));
     addToolToPermissions(workingDirectory, toolName);
   }, [workingDirectory]);
-  const addMultipleToAlwaysApproved = (0, import_react128.useCallback)((toolNames) => {
+  const addMultipleToAlwaysApproved = (0, import_react129.useCallback)((toolNames) => {
     toolNames.forEach((name) => alwaysApprovedToolsRef.current.add(name));
     setAlwaysApprovedTools((prev) => /* @__PURE__ */ new Set([...prev, ...toolNames]));
     addMultipleToolsToPermissions(workingDirectory, toolNames);
   }, [workingDirectory]);
-  const removeFromAlwaysApproved = (0, import_react128.useCallback)((toolName) => {
+  const removeFromAlwaysApproved = (0, import_react129.useCallback)((toolName) => {
     alwaysApprovedToolsRef.current.delete(toolName);
     setAlwaysApprovedTools((prev) => {
       const next = new Set(prev);
@@ -551320,7 +552160,7 @@ function useToolConfirmation(workingDirectory) {
     });
     removeToolFromPermissions(workingDirectory, toolName);
   }, [workingDirectory]);
-  const clearAllAlwaysApproved = (0, import_react128.useCallback)(() => {
+  const clearAllAlwaysApproved = (0, import_react129.useCallback)(() => {
     alwaysApprovedToolsRef.current.clear();
     setAlwaysApprovedTools(/* @__PURE__ */ new Set());
     clearAllPermissions(workingDirectory);
@@ -551336,11 +552176,11 @@ function useToolConfirmation(workingDirectory) {
     clearAllAlwaysApproved
   };
 }
-var import_react128;
+var import_react129;
 var init_useToolConfirmation = __esm({
   "dist/hooks/conversation/useToolConfirmation.js"() {
     "use strict";
-    import_react128 = __toESM(require_react(), 1);
+    import_react129 = __toESM(require_react(), 1);
     init_permissionsConfig();
   }
 });
@@ -552502,7 +553342,7 @@ ${msg.content}`;
 }
 function useCommandHandler(options3) {
   const { stdout } = use_stdout_default();
-  const handleCommandExecution = (0, import_react129.useCallback)(async (commandName, result2) => {
+  const handleCommandExecution = (0, import_react130.useCallback)(async (commandName, result2) => {
     if (commandName === "compact" && result2.success && result2.action === "compact") {
       options3.setIsCompressing(true);
       options3.setCompressionError(null);
@@ -552647,6 +553487,14 @@ Output: ${combinedOutput}`;
         commandName
       };
       options3.setMessages((prev) => [...prev, commandMessage]);
+    } else if (result2.success && result2.action === "showModelsPanel") {
+      options3.setShowModelsPanel(true);
+      const commandMessage = {
+        role: "command",
+        content: "",
+        commandName
+      };
+      options3.setMessages((prev) => [...prev, commandMessage]);
     } else if (result2.success && result2.action === "showBackgroundPanel") {
       options3.setShowBackgroundPanel();
       const commandMessage = {
@@ -552937,12 +553785,12 @@ ${filePath}`,
   }, [stdout, options3]);
   return { handleCommandExecution };
 }
-var import_react129;
+var import_react130;
 var init_useCommandHandler = __esm({
   async "dist/hooks/conversation/useCommandHandler.js"() {
     "use strict";
     await init_build2();
-    import_react129 = __toESM(require_react(), 1);
+    import_react130 = __toESM(require_react(), 1);
     init_sessionManager();
     init_contextCompressor();
     init_mcpToolsManager();
@@ -556156,7 +557004,7 @@ var init_handler = __esm({
 // node_modules/chokidar/esm/index.js
 import { stat as statcb } from "fs";
 import { stat as stat3, readdir as readdir4 } from "fs/promises";
-import { EventEmitter as EventEmitter10 } from "events";
+import { EventEmitter as EventEmitter11 } from "events";
 import * as sysPath2 from "path";
 function arrify(item) {
   return Array.isArray(item) ? item : [item];
@@ -556358,7 +557206,7 @@ var init_esm4 = __esm({
         return this.fsw._isntIgnored(this.entryPath(entry), entry.stats);
       }
     };
-    FSWatcher = class extends EventEmitter10 {
+    FSWatcher = class extends EventEmitter11 {
       // Not indenting methods for history sake; for now.
       constructor(_opts = {}) {
         super();
@@ -557678,7 +558526,7 @@ var init_hookResultHandler = __esm({
 function useChatLogic(props) {
   const { t } = useI18n();
   const { messages, setMessages, pendingMessages, setPendingMessages, streamingState, vscodeState, snapshotState, bashMode, yoloMode, planMode, vulnerabilityHuntingMode, saveMessage, clearSavedMessages, setRemountKey, requestToolConfirmation, requestUserQuestion, isToolAutoApproved, addMultipleToAlwaysApproved, setRestoreInputContent, setIsCompressing, setCompressionError, currentContextPercentageRef, userInterruptedRef, pendingMessagesRef, setBashSensitiveCommand, pendingUserQuestion, setPendingUserQuestion, initializeFromSession, setShowSessionPanel, setShowReviewCommitPanel, exitApp, codebaseAgentRef, setCodebaseIndexing, setCodebaseProgress, setFileUpdateNotification, setWatcherEnabled, exitingApplicationText } = props;
-  const processMessageRef = (0, import_react130.useRef)();
+  const processMessageRef = (0, import_react131.useRef)();
   const handleMessageSubmit = async (message, images) => {
     if (streamingState.streamStatus !== "idle") {
       setPendingMessages((prev) => [...prev, { text: message, images }]);
@@ -558587,11 +559435,11 @@ Please provide your review in a clear, structured format.`;
     rollbackViaSSE
   };
 }
-var import_react130;
+var import_react131;
 var init_useChatLogic = __esm({
   async "dist/hooks/conversation/useChatLogic.js"() {
     "use strict";
-    import_react130 = __toESM(require_react(), 1);
+    import_react131 = __toESM(require_react(), 1);
     init_i18n();
     init_reviewAgent();
     init_sessionManager();
@@ -558608,12 +559456,12 @@ var init_useChatLogic = __esm({
 
 // dist/hooks/integration/useVSCodeState.js
 function useVSCodeState() {
-  const [vscodeConnected, setVscodeConnected] = (0, import_react131.useState)(false);
-  const [vscodeConnectionStatus, setVscodeConnectionStatus] = (0, import_react131.useState)("disconnected");
-  const [editorContext, setEditorContext] = (0, import_react131.useState)({});
-  const lastStatusRef = (0, import_react131.useRef)("disconnected");
-  const lastEditorContextRef = (0, import_react131.useRef)({});
-  (0, import_react131.useEffect)(() => {
+  const [vscodeConnected, setVscodeConnected] = (0, import_react132.useState)(false);
+  const [vscodeConnectionStatus, setVscodeConnectionStatus] = (0, import_react132.useState)("disconnected");
+  const [editorContext, setEditorContext] = (0, import_react132.useState)({});
+  const lastStatusRef = (0, import_react132.useRef)("disconnected");
+  const lastEditorContextRef = (0, import_react132.useRef)({});
+  (0, import_react132.useEffect)(() => {
     const checkConnectionInterval = setInterval(() => {
       const isConnected = vscodeConnection.isConnected();
       setVscodeConnected(isConnected);
@@ -558642,7 +559490,7 @@ function useVSCodeState() {
       unsubscribe();
     };
   }, []);
-  (0, import_react131.useEffect)(() => {
+  (0, import_react132.useEffect)(() => {
     if (vscodeConnectionStatus !== "connecting") {
       return;
     }
@@ -558669,20 +559517,20 @@ function useVSCodeState() {
     editorContext
   };
 }
-var import_react131;
+var import_react132;
 var init_useVSCodeState = __esm({
   "dist/hooks/integration/useVSCodeState.js"() {
     "use strict";
-    import_react131 = __toESM(require_react(), 1);
+    import_react132 = __toESM(require_react(), 1);
     init_vscodeConnection();
   }
 });
 
 // dist/hooks/session/useSnapshotState.js
 function useSnapshotState(messagesLength) {
-  const [snapshotFileCount, setSnapshotFileCount] = (0, import_react132.useState)(/* @__PURE__ */ new Map());
-  const [pendingRollback, setPendingRollback] = (0, import_react132.useState)(null);
-  (0, import_react132.useEffect)(() => {
+  const [snapshotFileCount, setSnapshotFileCount] = (0, import_react133.useState)(/* @__PURE__ */ new Map());
+  const [pendingRollback, setPendingRollback] = (0, import_react133.useState)(null);
+  (0, import_react133.useEffect)(() => {
     const loadSnapshotFileCounts = async () => {
       const currentSession = sessionManager.getCurrentSession();
       if (!currentSession)
@@ -558703,11 +559551,11 @@ function useSnapshotState(messagesLength) {
     setPendingRollback
   };
 }
-var import_react132;
+var import_react133;
 var init_useSnapshotState = __esm({
   "dist/hooks/session/useSnapshotState.js"() {
     "use strict";
-    import_react132 = __toESM(require_react(), 1);
+    import_react133 = __toESM(require_react(), 1);
     init_sessionManager();
     init_hashBasedSnapshot();
   }
@@ -558715,7 +559563,7 @@ var init_useSnapshotState = __esm({
 
 // dist/hooks/conversation/useStreamingState.js
 function useStreamingState() {
-  const [streamStatus, setStreamStatus] = (0, import_react133.useState)("idle");
+  const [streamStatus, setStreamStatus] = (0, import_react134.useState)("idle");
   const isStreaming = streamStatus === "streaming";
   const isStopping = streamStatus === "stopping";
   const setIsStreaming = (action) => {
@@ -558738,17 +559586,17 @@ function useStreamingState() {
       return prev;
     });
   };
-  const [streamTokenCount, setStreamTokenCount] = (0, import_react133.useState)(0);
-  const [isReasoning, setIsReasoning] = (0, import_react133.useState)(false);
-  const [abortController, setAbortController] = (0, import_react133.useState)(null);
-  const [contextUsage, setContextUsage] = (0, import_react133.useState)(null);
-  const [elapsedSeconds, setElapsedSeconds] = (0, import_react133.useState)(0);
-  const [timerStartTime, setTimerStartTime] = (0, import_react133.useState)(null);
-  const [retryStatus, setRetryStatus] = (0, import_react133.useState)(null);
-  const [animationFrame, setAnimationFrame] = (0, import_react133.useState)(0);
-  const [codebaseSearchStatus, setCodebaseSearchStatus] = (0, import_react133.useState)(null);
-  const [currentModel, setCurrentModel] = (0, import_react133.useState)(null);
-  (0, import_react133.useEffect)(() => {
+  const [streamTokenCount, setStreamTokenCount] = (0, import_react134.useState)(0);
+  const [isReasoning, setIsReasoning] = (0, import_react134.useState)(false);
+  const [abortController, setAbortController] = (0, import_react134.useState)(null);
+  const [contextUsage, setContextUsage] = (0, import_react134.useState)(null);
+  const [elapsedSeconds, setElapsedSeconds] = (0, import_react134.useState)(0);
+  const [timerStartTime, setTimerStartTime] = (0, import_react134.useState)(null);
+  const [retryStatus, setRetryStatus] = (0, import_react134.useState)(null);
+  const [animationFrame, setAnimationFrame] = (0, import_react134.useState)(0);
+  const [codebaseSearchStatus, setCodebaseSearchStatus] = (0, import_react134.useState)(null);
+  const [currentModel, setCurrentModel] = (0, import_react134.useState)(null);
+  (0, import_react134.useEffect)(() => {
     if (!isStreaming)
       return;
     const interval = setInterval(() => {
@@ -558759,7 +559607,7 @@ function useStreamingState() {
       setAnimationFrame(0);
     };
   }, [isStreaming]);
-  (0, import_react133.useEffect)(() => {
+  (0, import_react134.useEffect)(() => {
     if (isStreaming && timerStartTime === null) {
       setTimerStartTime(Date.now());
       setElapsedSeconds(0);
@@ -558767,7 +559615,7 @@ function useStreamingState() {
       setTimerStartTime(null);
     }
   }, [isStreaming, timerStartTime]);
-  (0, import_react133.useEffect)(() => {
+  (0, import_react134.useEffect)(() => {
     if (timerStartTime === null)
       return;
     const interval = setInterval(() => {
@@ -558776,7 +559624,7 @@ function useStreamingState() {
     }, 1e3);
     return () => clearInterval(interval);
   }, [timerStartTime]);
-  (0, import_react133.useEffect)(() => {
+  (0, import_react134.useEffect)(() => {
     if (!(retryStatus == null ? void 0 : retryStatus.isRetrying))
       return;
     if (retryStatus.remainingSeconds !== void 0)
@@ -558786,7 +559634,7 @@ function useStreamingState() {
       remainingSeconds: Math.ceil(prev.nextDelay / 1e3)
     } : null);
   }, [retryStatus == null ? void 0 : retryStatus.isRetrying]);
-  (0, import_react133.useEffect)(() => {
+  (0, import_react134.useEffect)(() => {
     if (!retryStatus || !retryStatus.isRetrying)
       return;
     if (retryStatus.remainingSeconds === void 0)
@@ -558835,37 +559683,38 @@ function useStreamingState() {
     setCurrentModel
   };
 }
-var import_react133;
+var import_react134;
 var init_useStreamingState = __esm({
   "dist/hooks/conversation/useStreamingState.js"() {
     "use strict";
-    import_react133 = __toESM(require_react(), 1);
+    import_react134 = __toESM(require_react(), 1);
   }
 });
 
 // dist/hooks/ui/usePanelState.js
 function usePanelState() {
-  const [showSessionPanel, setShowSessionPanel] = (0, import_react134.useState)(false);
-  const [showMcpPanel, setShowMcpPanel] = (0, import_react134.useState)(false);
-  const [showUsagePanel, setShowUsagePanel] = (0, import_react134.useState)(false);
-  const [showCustomCommandConfig, setShowCustomCommandConfig] = (0, import_react134.useState)(false);
-  const [showSkillsCreation, setShowSkillsCreation] = (0, import_react134.useState)(false);
-  const [showRoleCreation, setShowRoleCreation] = (0, import_react134.useState)(false);
-  const [showRoleDeletion, setShowRoleDeletion] = (0, import_react134.useState)(false);
-  const [showRoleList, setShowRoleList] = (0, import_react134.useState)(false);
-  const [showWorkingDirPanel, setShowWorkingDirPanel] = (0, import_react134.useState)(false);
-  const [showReviewCommitPanel, setShowReviewCommitPanel] = (0, import_react134.useState)(false);
-  const [showProfilePanel, setShowProfilePanel] = (0, import_react134.useState)(false);
-  const [profileSelectedIndex, setProfileSelectedIndex] = (0, import_react134.useState)(0);
-  const [profileSearchQuery, setProfileSearchQuery] = (0, import_react134.useState)("");
-  const [currentProfileName, setCurrentProfileName] = (0, import_react134.useState)(() => {
+  const [showSessionPanel, setShowSessionPanel] = (0, import_react135.useState)(false);
+  const [showMcpPanel, setShowMcpPanel] = (0, import_react135.useState)(false);
+  const [showUsagePanel, setShowUsagePanel] = (0, import_react135.useState)(false);
+  const [showCustomCommandConfig, setShowCustomCommandConfig] = (0, import_react135.useState)(false);
+  const [showSkillsCreation, setShowSkillsCreation] = (0, import_react135.useState)(false);
+  const [showRoleCreation, setShowRoleCreation] = (0, import_react135.useState)(false);
+  const [showRoleDeletion, setShowRoleDeletion] = (0, import_react135.useState)(false);
+  const [showRoleList, setShowRoleList] = (0, import_react135.useState)(false);
+  const [showWorkingDirPanel, setShowWorkingDirPanel] = (0, import_react135.useState)(false);
+  const [showReviewCommitPanel, setShowReviewCommitPanel] = (0, import_react135.useState)(false);
+  const [showProfilePanel, setShowProfilePanel] = (0, import_react135.useState)(false);
+  const [showModelsPanel, setShowModelsPanel] = (0, import_react135.useState)(false);
+  const [profileSelectedIndex, setProfileSelectedIndex] = (0, import_react135.useState)(0);
+  const [profileSearchQuery, setProfileSearchQuery] = (0, import_react135.useState)("");
+  const [currentProfileName, setCurrentProfileName] = (0, import_react135.useState)(() => {
     const profiles = getAllProfiles();
     const activeName = getActiveProfileName();
     const profile = profiles.find((p) => p.name === activeName);
     return (profile == null ? void 0 : profile.displayName) || activeName;
   });
   const handleSwitchProfile = (options3) => {
-    if (showSessionPanel || showMcpPanel || showUsagePanel || showCustomCommandConfig || showSkillsCreation || showRoleCreation || showRoleDeletion || showRoleList || showReviewCommitPanel || showProfilePanel || options3.hasPendingRollback || options3.hasPendingToolConfirmation || options3.hasPendingUserQuestion || options3.isStreaming) {
+    if (showSessionPanel || showMcpPanel || showUsagePanel || showCustomCommandConfig || showSkillsCreation || showRoleCreation || showRoleDeletion || showRoleList || showReviewCommitPanel || showProfilePanel || showModelsPanel || options3.hasPendingRollback || options3.hasPendingToolConfirmation || options3.hasPendingUserQuestion || options3.isStreaming) {
       return;
     }
     setShowProfilePanel(true);
@@ -558926,10 +559775,13 @@ function usePanelState() {
       setShowProfilePanel(false);
       return true;
     }
+    if (showModelsPanel) {
+      return false;
+    }
     return false;
   };
   const isAnyPanelOpen = () => {
-    return showSessionPanel || showMcpPanel || showUsagePanel || showCustomCommandConfig || showSkillsCreation || showRoleCreation || showRoleDeletion || showRoleList || showWorkingDirPanel || showReviewCommitPanel || showProfilePanel;
+    return showSessionPanel || showMcpPanel || showUsagePanel || showCustomCommandConfig || showSkillsCreation || showRoleCreation || showRoleDeletion || showRoleList || showWorkingDirPanel || showReviewCommitPanel || showProfilePanel || showModelsPanel;
   };
   return {
     // State
@@ -558944,6 +559796,7 @@ function usePanelState() {
     showWorkingDirPanel,
     showReviewCommitPanel,
     showProfilePanel,
+    showModelsPanel,
     profileSelectedIndex,
     profileSearchQuery,
     currentProfileName,
@@ -558959,6 +559812,7 @@ function usePanelState() {
     setShowWorkingDirPanel,
     setShowReviewCommitPanel,
     setShowProfilePanel,
+    setShowModelsPanel,
     setProfileSelectedIndex,
     setProfileSearchQuery,
     handleSwitchProfile,
@@ -558967,11 +559821,11 @@ function usePanelState() {
     isAnyPanelOpen
   };
 }
-var import_react134;
+var import_react135;
 var init_usePanelState = __esm({
   "dist/hooks/ui/usePanelState.js"() {
     "use strict";
-    import_react134 = __toESM(require_react(), 1);
+    import_react135 = __toESM(require_react(), 1);
     init_apiConfig();
     init_configManager();
   }
@@ -558986,14 +559840,14 @@ function PermissionsPanel({ alwaysApprovedTools, onRemoveTool, onClearAll, onClo
   const { t } = useI18n();
   const { theme: theme14 } = useTheme();
   const messages = t.permissionsPanel ?? {};
-  const tools = (0, import_react135.useMemo)(() => Array.from(alwaysApprovedTools).sort((a, b) => a.localeCompare(b)), [alwaysApprovedTools]);
-  const [selectedIndex, setSelectedIndex] = (0, import_react135.useState)(0);
-  const [confirmTarget, setConfirmTarget] = (0, import_react135.useState)(null);
-  const [confirmOption, setConfirmOption] = (0, import_react135.useState)(0);
+  const tools = (0, import_react136.useMemo)(() => Array.from(alwaysApprovedTools).sort((a, b) => a.localeCompare(b)), [alwaysApprovedTools]);
+  const [selectedIndex, setSelectedIndex] = (0, import_react136.useState)(0);
+  const [confirmTarget, setConfirmTarget] = (0, import_react136.useState)(null);
+  const [confirmOption, setConfirmOption] = (0, import_react136.useState)(0);
   const hasTools = tools.length > 0;
   const clearAllIndex = hasTools ? tools.length : -1;
   const optionCount = hasTools ? tools.length + 1 : 0;
-  (0, import_react135.useEffect)(() => {
+  (0, import_react136.useEffect)(() => {
     if (optionCount === 0) {
       setSelectedIndex(0);
       return;
@@ -559002,11 +559856,11 @@ function PermissionsPanel({ alwaysApprovedTools, onRemoveTool, onClearAll, onClo
       setSelectedIndex(optionCount - 1);
     }
   }, [optionCount, selectedIndex]);
-  (0, import_react135.useEffect)(() => {
+  (0, import_react136.useEffect)(() => {
     setConfirmTarget(null);
     setConfirmOption(0);
   }, [alwaysApprovedTools]);
-  const handleInput = (0, import_react135.useCallback)((_3, key) => {
+  const handleInput = (0, import_react136.useCallback)((_3, key) => {
     if (confirmTarget !== null) {
       if (key.escape) {
         setConfirmTarget(null);
@@ -559085,30 +559939,30 @@ function PermissionsPanel({ alwaysApprovedTools, onRemoveTool, onClearAll, onClo
   if (confirmTarget !== null) {
     const isConfirmingClearAll = confirmTarget === "clearAll";
     const toolName = getConfirmingToolName();
-    return import_react135.default.createElement(
+    return import_react136.default.createElement(
       Box_default,
       { flexDirection: "column", borderStyle: "round", borderColor: "red", paddingX: 2, paddingY: 1 },
-      import_react135.default.createElement(Text, { color: "red", bold: true }, isConfirmingClearAll ? messages.confirmClearAll ?? "Clear all permissions?" : messages.confirmDelete ?? "Delete allowed tool?"),
-      !isConfirmingClearAll && toolName && import_react135.default.createElement(
+      import_react136.default.createElement(Text, { color: "red", bold: true }, isConfirmingClearAll ? messages.confirmClearAll ?? "Clear all permissions?" : messages.confirmDelete ?? "Delete allowed tool?"),
+      !isConfirmingClearAll && toolName && import_react136.default.createElement(
         Box_default,
         { marginTop: 1, flexDirection: "column" },
-        import_react135.default.createElement(
+        import_react136.default.createElement(
           Text,
           { color: "white", bold: true },
           "  ",
           toolName
         )
       ),
-      import_react135.default.createElement(
+      import_react136.default.createElement(
         Box_default,
         { marginTop: 1, flexDirection: "column" },
-        import_react135.default.createElement(
+        import_react136.default.createElement(
           Text,
           { color: confirmOption === 0 ? theme14.colors.menuSelected : theme14.colors.menuNormal, bold: confirmOption === 0 },
           confirmOption === 0 ? "\u276F " : "  ",
           messages.yes ?? "Yes"
         ),
-        import_react135.default.createElement(
+        import_react136.default.createElement(
           Text,
           { color: confirmOption === 1 ? theme14.colors.menuSelected : theme14.colors.menuNormal, bold: confirmOption === 1 },
           confirmOption === 1 ? "\u276F " : "  ",
@@ -559117,49 +559971,49 @@ function PermissionsPanel({ alwaysApprovedTools, onRemoveTool, onClearAll, onClo
       )
     );
   }
-  return import_react135.default.createElement(
+  return import_react136.default.createElement(
     Box_default,
     { flexDirection: "column", borderStyle: "round", borderColor: "cyan", paddingX: 2, paddingY: 1 },
-    import_react135.default.createElement(Text, { color: "cyan", bold: true }, messages.title ?? "Permissions"),
-    hasTools ? import_react135.default.createElement(
+    import_react136.default.createElement(Text, { color: "cyan", bold: true }, messages.title ?? "Permissions"),
+    hasTools ? import_react136.default.createElement(
       Box_default,
       { flexDirection: "column", marginTop: 1 },
       tools.map((tool, index) => {
         const isSelected = index === selectedIndex;
-        return import_react135.default.createElement(
+        return import_react136.default.createElement(
           Text,
           { key: tool, color: isSelected ? theme14.colors.menuSelected : theme14.colors.menuNormal, bold: isSelected },
           isSelected ? "\u276F " : "  ",
           tool
         );
       }),
-      import_react135.default.createElement(
+      import_react136.default.createElement(
         Box_default,
         { marginTop: 1 },
-        import_react135.default.createElement(
+        import_react136.default.createElement(
           Text,
           { color: selectedIndex === clearAllIndex ? theme14.colors.warning : theme14.colors.menuSecondary, bold: selectedIndex === clearAllIndex },
           selectedIndex === clearAllIndex ? "\u276F " : "  ",
           messages.clearAll ?? "Clear All"
         )
       )
-    ) : import_react135.default.createElement(
+    ) : import_react136.default.createElement(
       Box_default,
       { marginTop: 1 },
-      import_react135.default.createElement(Text, { color: "gray", dimColor: true }, messages.noTools ?? "No tools are always approved")
+      import_react136.default.createElement(Text, { color: "gray", dimColor: true }, messages.noTools ?? "No tools are always approved")
     ),
-    import_react135.default.createElement(
+    import_react136.default.createElement(
       Box_default,
       { marginTop: 1 },
-      import_react135.default.createElement(Text, { color: "gray", dimColor: true }, messages.hint ?? "\u2191\u2193 navigate \u2022 Enter remove \u2022 ESC close")
+      import_react136.default.createElement(Text, { color: "gray", dimColor: true }, messages.hint ?? "\u2191\u2193 navigate \u2022 Enter remove \u2022 ESC close")
     )
   );
 }
-var import_react135;
+var import_react136;
 var init_PermissionsPanel = __esm({
   async "dist/ui/components/panels/PermissionsPanel.js"() {
     "use strict";
-    import_react135 = __toESM(require_react(), 1);
+    import_react136 = __toESM(require_react(), 1);
     await init_build2();
     init_i18n();
     init_ThemeContext();
@@ -559300,6 +560154,29 @@ var init_backend = __esm({
   }
 });
 
+// dist/utils/commands/models.js
+var models_exports = {};
+__export(models_exports, {
+  default: () => models_default
+});
+var models_default;
+var init_models2 = __esm({
+  "dist/utils/commands/models.js"() {
+    "use strict";
+    init_commandExecutor();
+    registerCommand("models", {
+      execute: () => {
+        return {
+          success: true,
+          action: "showModelsPanel",
+          message: "Opening model switching panel"
+        };
+      }
+    });
+    models_default = {};
+  }
+});
+
 // dist/ui/pages/ChatScreen.js
 var ChatScreen_exports = {};
 __export(ChatScreen_exports, {
@@ -559309,21 +560186,21 @@ function ChatScreen({ autoResume, enableYolo, enablePlan }) {
   const { t } = useI18n();
   const { theme: theme14 } = useTheme();
   const { exit } = use_app_default();
-  const [messages, setMessages] = (0, import_react136.useState)([]);
-  const [isSaving] = (0, import_react136.useState)(false);
-  const [pendingMessages, setPendingMessages] = (0, import_react136.useState)([]);
-  const pendingMessagesRef = (0, import_react136.useRef)([]);
-  const hasAttemptedAutoVscodeConnect = (0, import_react136.useRef)(false);
-  const userInterruptedRef = (0, import_react136.useRef)(false);
-  const [remountKey, setRemountKey] = (0, import_react136.useState)(0);
-  const [currentContextPercentage, setCurrentContextPercentage] = (0, import_react136.useState)(0);
-  const currentContextPercentageRef = (0, import_react136.useRef)(0);
-  const [isExecutingTerminalCommand, setIsExecutingTerminalCommand] = (0, import_react136.useState)(false);
-  const [customCommandExecution, setCustomCommandExecution] = (0, import_react136.useState)(null);
-  (0, import_react136.useEffect)(() => {
+  const [messages, setMessages] = (0, import_react137.useState)([]);
+  const [isSaving] = (0, import_react137.useState)(false);
+  const [pendingMessages, setPendingMessages] = (0, import_react137.useState)([]);
+  const pendingMessagesRef = (0, import_react137.useRef)([]);
+  const hasAttemptedAutoVscodeConnect = (0, import_react137.useRef)(false);
+  const userInterruptedRef = (0, import_react137.useRef)(false);
+  const [remountKey, setRemountKey] = (0, import_react137.useState)(0);
+  const [currentContextPercentage, setCurrentContextPercentage] = (0, import_react137.useState)(0);
+  const currentContextPercentageRef = (0, import_react137.useRef)(0);
+  const [isExecutingTerminalCommand, setIsExecutingTerminalCommand] = (0, import_react137.useState)(false);
+  const [customCommandExecution, setCustomCommandExecution] = (0, import_react137.useState)(null);
+  (0, import_react137.useEffect)(() => {
     currentContextPercentageRef.current = currentContextPercentage;
   }, [currentContextPercentage]);
-  const [yoloMode, setYoloMode] = (0, import_react136.useState)(() => {
+  const [yoloMode, setYoloMode] = (0, import_react137.useState)(() => {
     if (enableYolo !== void 0) {
       return enableYolo;
     }
@@ -559334,7 +560211,7 @@ function ChatScreen({ autoResume, enableYolo, enablePlan }) {
       return false;
     }
   });
-  const [planMode, setPlanMode] = (0, import_react136.useState)(() => {
+  const [planMode, setPlanMode] = (0, import_react137.useState)(() => {
     if (enablePlan !== void 0) {
       return enablePlan;
     }
@@ -559345,7 +560222,7 @@ function ChatScreen({ autoResume, enableYolo, enablePlan }) {
       return false;
     }
   });
-  const [vulnerabilityHuntingMode, setVulnerabilityHuntingMode] = (0, import_react136.useState)(() => {
+  const [vulnerabilityHuntingMode, setVulnerabilityHuntingMode] = (0, import_react137.useState)(() => {
     try {
       const saved = localStorage.getItem("snow-vulnerability-hunting-mode");
       return saved === "true";
@@ -559353,33 +560230,36 @@ function ChatScreen({ autoResume, enableYolo, enablePlan }) {
       return false;
     }
   });
-  const [simpleMode, setSimpleMode2] = (0, import_react136.useState)(() => {
+  const [simpleMode, setSimpleMode2] = (0, import_react137.useState)(() => {
     return getSimpleMode();
   });
-  const [showThinking, _setShowThinking] = (0, import_react136.useState)(() => {
+  const [showThinking, setShowThinking] = (0, import_react137.useState)(() => {
     const config3 = getOpenAiConfig();
     return config3.showThinking !== false;
   });
-  const [isCompressing, setIsCompressing] = (0, import_react136.useState)(false);
-  const [compressionError, setCompressionError] = (0, import_react136.useState)(null);
-  const [showPermissionsPanel, setShowPermissionsPanel] = (0, import_react136.useState)(false);
-  const [restoreInputContent, setRestoreInputContent] = (0, import_react136.useState)(null);
-  const [bashSensitiveCommand, setBashSensitiveCommand] = (0, import_react136.useState)(null);
-  const [suppressLoadingIndicator, setSuppressLoadingIndicator] = (0, import_react136.useState)(false);
-  const hadBashSensitiveCommandRef = (0, import_react136.useRef)(false);
-  const [hookError, setHookError] = (0, import_react136.useState)(null);
+  const [isCompressing, setIsCompressing] = (0, import_react137.useState)(false);
+  const [compressionError, setCompressionError] = (0, import_react137.useState)(null);
+  const [showPermissionsPanel, setShowPermissionsPanel] = (0, import_react137.useState)(false);
+  const [restoreInputContent, setRestoreInputContent] = (0, import_react137.useState)(null);
+  const [bashSensitiveCommand, setBashSensitiveCommand] = (0, import_react137.useState)(null);
+  const [suppressLoadingIndicator, setSuppressLoadingIndicator] = (0, import_react137.useState)(false);
+  const hadBashSensitiveCommandRef = (0, import_react137.useRef)(false);
+  const [hookError, setHookError] = (0, import_react137.useState)(null);
   const { columns: terminalWidth, rows: terminalHeight } = useTerminalSize();
   const { stdout } = use_stdout_default();
   const workingDirectory = process.cwd();
-  const isInitialMount = (0, import_react136.useRef)(true);
-  const [codebaseIndexing, setCodebaseIndexing] = (0, import_react136.useState)(false);
-  const [codebaseProgress, setCodebaseProgress] = (0, import_react136.useState)(null);
-  const [watcherEnabled, setWatcherEnabled] = (0, import_react136.useState)(false);
-  const [fileUpdateNotification, setFileUpdateNotification] = (0, import_react136.useState)(null);
-  const codebaseAgentRef = (0, import_react136.useRef)(null);
+  const apiConfig = getOpenAiConfig();
+  const advancedModel = apiConfig.advancedModel || "";
+  const basicModel = apiConfig.basicModel || "";
+  const isInitialMount = (0, import_react137.useRef)(true);
+  const [codebaseIndexing, setCodebaseIndexing] = (0, import_react137.useState)(false);
+  const [codebaseProgress, setCodebaseProgress] = (0, import_react137.useState)(null);
+  const [watcherEnabled, setWatcherEnabled] = (0, import_react137.useState)(false);
+  const [fileUpdateNotification, setFileUpdateNotification] = (0, import_react137.useState)(null);
+  const codebaseAgentRef = (0, import_react137.useRef)(null);
   useCursorHide();
   const streamingState = useStreamingState();
-  (0, import_react136.useEffect)(() => {
+  (0, import_react137.useEffect)(() => {
     const hasPanel = !!bashSensitiveCommand;
     const hadPanel = hadBashSensitiveCommandRef.current;
     hadBashSensitiveCommandRef.current = hasPanel;
@@ -559403,8 +560283,8 @@ function ChatScreen({ autoResume, enableYolo, enablePlan }) {
   const backgroundProcesses = useBackgroundProcesses();
   const panelState = usePanelState();
   const { hasFocus } = useTerminalFocus();
-  const [selectedProcessIndex, setSelectedProcessIndex] = (0, import_react136.useState)(0);
-  const sortedBackgroundProcesses = (0, import_react136.useMemo)(() => {
+  const [selectedProcessIndex, setSelectedProcessIndex] = (0, import_react137.useState)(0);
+  const sortedBackgroundProcesses = (0, import_react137.useMemo)(() => {
     return [...backgroundProcesses.processes].sort((a, b) => {
       if (a.status === "running" && b.status !== "running")
         return -1;
@@ -559413,17 +560293,17 @@ function ChatScreen({ autoResume, enableYolo, enablePlan }) {
       return b.startedAt.getTime() - a.startedAt.getTime();
     });
   }, [backgroundProcesses.processes]);
-  (0, import_react136.useEffect)(() => {
+  (0, import_react137.useEffect)(() => {
     if (sortedBackgroundProcesses.length > 0 && selectedProcessIndex >= sortedBackgroundProcesses.length) {
       setSelectedProcessIndex(sortedBackgroundProcesses.length - 1);
     }
   }, [sortedBackgroundProcesses.length, selectedProcessIndex]);
   const { saveMessage, clearSavedMessages, initializeFromSession } = useSessionSave();
-  (0, import_react136.useEffect)(() => {
+  (0, import_react137.useEffect)(() => {
     pendingMessagesRef.current = pendingMessages;
   }, [pendingMessages]);
-  const [commandsLoaded, setCommandsLoaded] = (0, import_react136.useState)(false);
-  (0, import_react136.useEffect)(() => {
+  const [commandsLoaded, setCommandsLoaded] = (0, import_react137.useState)(false);
+  (0, import_react137.useEffect)(() => {
     Promise.all([
       Promise.resolve().then(() => (init_clear(), clear_exports)),
       Promise.resolve().then(() => (init_profiles(), profiles_exports)),
@@ -559449,7 +560329,8 @@ function ChatScreen({ autoResume, enableYolo, enablePlan }) {
       Promise.resolve().then(() => (init_codebase(), codebase_exports)),
       Promise.resolve().then(() => (init_addDir(), addDir_exports)),
       Promise.resolve().then(() => (init_permissions(), permissions_exports)),
-      Promise.resolve().then(() => (init_backend(), backend_exports))
+      Promise.resolve().then(() => (init_backend(), backend_exports)),
+      Promise.resolve().then(() => (init_models2(), models_exports))
     ]).then(async () => {
       await registerCustomCommands(workingDirectory);
       setCommandsLoaded(true);
@@ -559458,7 +560339,7 @@ function ChatScreen({ autoResume, enableYolo, enablePlan }) {
       setCommandsLoaded(true);
     });
   }, []);
-  (0, import_react136.useEffect)(() => {
+  (0, import_react137.useEffect)(() => {
     const startCodebaseIndexing = async () => {
       try {
         const config3 = loadCodebaseConfig();
@@ -559597,7 +560478,7 @@ function ChatScreen({ autoResume, enableYolo, enablePlan }) {
       }
     };
   }, []);
-  (0, import_react136.useEffect)(() => {
+  (0, import_react137.useEffect)(() => {
     global.__stopCodebaseIndexing = async () => {
       if (codebaseAgentRef.current) {
         await codebaseAgentRef.current.stop();
@@ -559608,25 +560489,25 @@ function ChatScreen({ autoResume, enableYolo, enablePlan }) {
       delete global.__stopCodebaseIndexing;
     };
   }, []);
-  (0, import_react136.useEffect)(() => {
+  (0, import_react137.useEffect)(() => {
     try {
       localStorage.setItem("snow-yolo-mode", String(yoloMode));
     } catch {
     }
   }, [yoloMode]);
-  (0, import_react136.useEffect)(() => {
+  (0, import_react137.useEffect)(() => {
     try {
       localStorage.setItem("snow-plan-mode", String(planMode));
     } catch {
     }
   }, [planMode]);
-  (0, import_react136.useEffect)(() => {
+  (0, import_react137.useEffect)(() => {
     try {
       localStorage.setItem("snow-vulnerability-hunting-mode", String(vulnerabilityHuntingMode));
     } catch {
     }
   }, [vulnerabilityHuntingMode]);
-  (0, import_react136.useEffect)(() => {
+  (0, import_react137.useEffect)(() => {
     const interval = setInterval(() => {
       const currentSimpleMode = getSimpleMode();
       if (currentSimpleMode !== simpleMode) {
@@ -559635,7 +560516,18 @@ function ChatScreen({ autoResume, enableYolo, enablePlan }) {
     }, 1e3);
     return () => clearInterval(interval);
   }, [simpleMode]);
-  (0, import_react136.useEffect)(() => {
+  (0, import_react137.useEffect)(() => {
+    const handleConfigChange = (event) => {
+      if (event.type === "showThinking") {
+        setShowThinking(event.value);
+      }
+    };
+    configEvents.onConfigChange(handleConfigChange);
+    return () => {
+      configEvents.removeConfigChangeListener(handleConfigChange);
+    };
+  }, []);
+  (0, import_react137.useEffect)(() => {
     if (restoreInputContent !== null) {
       const timer2 = setTimeout(() => {
         setRestoreInputContent(null);
@@ -559644,7 +560536,7 @@ function ChatScreen({ autoResume, enableYolo, enablePlan }) {
     }
     return void 0;
   }, [restoreInputContent]);
-  (0, import_react136.useEffect)(() => {
+  (0, import_react137.useEffect)(() => {
     if (!autoResume) {
       sessionManager.clearCurrentSession();
       return;
@@ -559669,7 +560561,7 @@ function ChatScreen({ autoResume, enableYolo, enablePlan }) {
     };
     resumeSession();
   }, [autoResume, initializeFromSession]);
-  (0, import_react136.useEffect)(() => {
+  (0, import_react137.useEffect)(() => {
     if (isInitialMount.current) {
       isInitialMount.current = false;
       return;
@@ -559682,7 +560574,7 @@ function ChatScreen({ autoResume, enableYolo, enablePlan }) {
       clearTimeout(handler);
     };
   }, [terminalWidth]);
-  (0, import_react136.useEffect)(() => {
+  (0, import_react137.useEffect)(() => {
     if (remountKey === 0)
       return;
     const reloadMessages = async () => {
@@ -559695,7 +560587,7 @@ function ChatScreen({ autoResume, enableYolo, enablePlan }) {
     reloadMessages();
   }, [remountKey]);
   const { pendingToolConfirmation, alwaysApprovedTools, requestToolConfirmation, isToolAutoApproved, addMultipleToAlwaysApproved, removeFromAlwaysApproved, clearAllAlwaysApproved } = useToolConfirmation(workingDirectory);
-  const [pendingUserQuestion, setPendingUserQuestion] = (0, import_react136.useState)(null);
+  const [pendingUserQuestion, setPendingUserQuestion] = (0, import_react137.useState)(null);
   const requestUserQuestion = async (question, options3, toolCall) => {
     return new Promise((resolve12) => {
       setPendingUserQuestion({
@@ -559756,6 +560648,7 @@ function ChatScreen({ autoResume, enableYolo, enablePlan }) {
     setShowSessionPanel: panelState.setShowSessionPanel,
     setShowMcpPanel: panelState.setShowMcpPanel,
     setShowUsagePanel: panelState.setShowUsagePanel,
+    setShowModelsPanel: panelState.setShowModelsPanel,
     setShowCustomCommandConfig: panelState.setShowCustomCommandConfig,
     setShowSkillsCreation: panelState.setShowSkillsCreation,
     setShowRoleCreation: panelState.setShowRoleCreation,
@@ -559780,7 +560673,7 @@ function ChatScreen({ autoResume, enableYolo, enablePlan }) {
     onReindexCodebase: handleReindexCodebase,
     onToggleCodebase: handleToggleCodebase
   });
-  (0, import_react136.useEffect)(() => {
+  (0, import_react137.useEffect)(() => {
     if (!commandsLoaded) {
       return;
     }
@@ -559809,7 +560702,7 @@ function ChatScreen({ autoResume, enableYolo, enablePlan }) {
     }, 0);
     return () => clearTimeout(timer2);
   }, [commandsLoaded]);
-  (0, import_react136.useEffect)(() => {
+  (0, import_react137.useEffect)(() => {
     if (streamingState.streamStatus === "idle" && pendingMessages.length > 0) {
       const timer2 = setTimeout(() => {
         streamingState.setIsStreaming(true);
@@ -559819,7 +560712,7 @@ function ChatScreen({ autoResume, enableYolo, enablePlan }) {
     }
     return void 0;
   }, [streamingState.streamStatus, pendingMessages.length]);
-  (0, import_react136.useEffect)(() => {
+  (0, import_react137.useEffect)(() => {
     const handleSearchEvent = (event) => {
       if (event.type === "search-complete") {
         streamingState.setCodebaseSearchStatus({
@@ -559957,71 +560850,71 @@ function ChatScreen({ autoResume, enableYolo, enablePlan }) {
   }
   const handleProfileSelect = panelState.handleProfileSelect;
   if (terminalHeight < MIN_TERMINAL_HEIGHT) {
-    return import_react136.default.createElement(
+    return import_react137.default.createElement(
       Box_default,
       { flexDirection: "column", padding: 2 },
-      import_react136.default.createElement(
+      import_react137.default.createElement(
         Box_default,
         { borderStyle: "round", borderColor: "red", padding: 1 },
-        import_react136.default.createElement(Text, { color: "red", bold: true }, t.chatScreen.terminalTooSmall)
+        import_react137.default.createElement(Text, { color: "red", bold: true }, t.chatScreen.terminalTooSmall)
       ),
-      import_react136.default.createElement(
+      import_react137.default.createElement(
         Box_default,
         { marginTop: 1 },
-        import_react136.default.createElement(Text, { color: "yellow" }, t.chatScreen.terminalResizePrompt.replace("{current}", terminalHeight.toString()).replace("{required}", MIN_TERMINAL_HEIGHT.toString()))
+        import_react137.default.createElement(Text, { color: "yellow" }, t.chatScreen.terminalResizePrompt.replace("{current}", terminalHeight.toString()).replace("{required}", MIN_TERMINAL_HEIGHT.toString()))
       ),
-      import_react136.default.createElement(
+      import_react137.default.createElement(
         Box_default,
         { marginTop: 1 },
-        import_react136.default.createElement(Text, { color: theme14.colors.menuSecondary, dimColor: true }, t.chatScreen.terminalMinHeight)
+        import_react137.default.createElement(Text, { color: theme14.colors.menuSecondary, dimColor: true }, t.chatScreen.terminalMinHeight)
       )
     );
   }
-  return import_react136.default.createElement(
+  return import_react137.default.createElement(
     Box_default,
     { flexDirection: "column", height: "100%", width: terminalWidth },
-    import_react136.default.createElement(Static, { key: remountKey, items: [
-      import_react136.default.createElement(ChatHeader, { key: "header", terminalWidth, simpleMode, workingDirectory }),
+    import_react137.default.createElement(Static, { key: remountKey, items: [
+      import_react137.default.createElement(ChatHeader, { key: "header", terminalWidth, simpleMode, workingDirectory }),
       ...messages.filter((m) => !m.streaming).map((message, index, filteredMessages) => {
-        return import_react136.default.createElement(MessageRenderer, { key: `msg-${index}`, message, index, filteredMessages, terminalWidth, showThinking });
+        return import_react137.default.createElement(MessageRenderer, { key: `msg-${index}`, message, index, filteredMessages, terminalWidth, showThinking });
       })
     ] }, (item) => item),
-    import_react136.default.createElement(LoadingIndicator, { isStreaming: streamingState.isStreaming, isStopping: streamingState.isStopping, isSaving, hasPendingToolConfirmation: !!pendingToolConfirmation, hasPendingUserQuestion: !!pendingUserQuestion, hasBlockingOverlay: !!bashSensitiveCommand || suppressLoadingIndicator || bashMode.state.isExecuting && !!bashMode.state.currentCommand || terminalExecutionState.state.isExecuting && !terminalExecutionState.state.isBackgrounded && !!terminalExecutionState.state.command || ((customCommandExecution == null ? void 0 : customCommandExecution.isRunning) ?? false), terminalWidth, animationFrame: streamingState.animationFrame, retryStatus: streamingState.retryStatus, codebaseSearchStatus: streamingState.codebaseSearchStatus, isReasoning: streamingState.isReasoning, streamTokenCount: streamingState.streamTokenCount, elapsedSeconds: streamingState.elapsedSeconds, currentModel: streamingState.currentModel }),
-    import_react136.default.createElement(
+    import_react137.default.createElement(LoadingIndicator, { isStreaming: streamingState.isStreaming, isStopping: streamingState.isStopping, isSaving, hasPendingToolConfirmation: !!pendingToolConfirmation, hasPendingUserQuestion: !!pendingUserQuestion, hasBlockingOverlay: !!bashSensitiveCommand || suppressLoadingIndicator || bashMode.state.isExecuting && !!bashMode.state.currentCommand || terminalExecutionState.state.isExecuting && !terminalExecutionState.state.isBackgrounded && !!terminalExecutionState.state.command || ((customCommandExecution == null ? void 0 : customCommandExecution.isRunning) ?? false), terminalWidth, animationFrame: streamingState.animationFrame, retryStatus: streamingState.retryStatus, codebaseSearchStatus: streamingState.codebaseSearchStatus, isReasoning: streamingState.isReasoning, streamTokenCount: streamingState.streamTokenCount, elapsedSeconds: streamingState.elapsedSeconds, currentModel: streamingState.currentModel }),
+    import_react137.default.createElement(
       Box_default,
       { paddingX: 1, width: terminalWidth },
-      import_react136.default.createElement(PendingMessages, { pendingMessages })
+      import_react137.default.createElement(PendingMessages, { pendingMessages })
     ),
-    hookError && import_react136.default.createElement(
+    hookError && import_react137.default.createElement(
       Box_default,
       { paddingX: 1, width: terminalWidth, marginBottom: 1 },
-      import_react136.default.createElement(HookErrorDisplay, { details: hookError })
+      import_react137.default.createElement(HookErrorDisplay, { details: hookError })
     ),
-    pendingToolConfirmation && import_react136.default.createElement(ToolConfirmation, { toolName: pendingToolConfirmation.batchToolNames || pendingToolConfirmation.tool.function.name, toolArguments: !pendingToolConfirmation.allTools ? pendingToolConfirmation.tool.function.arguments : void 0, allTools: pendingToolConfirmation.allTools, onConfirm: pendingToolConfirmation.resolve, onHookError: (error) => {
+    pendingToolConfirmation && import_react137.default.createElement(ToolConfirmation, { toolName: pendingToolConfirmation.batchToolNames || pendingToolConfirmation.tool.function.name, toolArguments: !pendingToolConfirmation.allTools ? pendingToolConfirmation.tool.function.arguments : void 0, allTools: pendingToolConfirmation.allTools, onConfirm: pendingToolConfirmation.resolve, onHookError: (error) => {
       setHookError(error);
     } }),
-    bashSensitiveCommand && import_react136.default.createElement(
+    bashSensitiveCommand && import_react137.default.createElement(
       Box_default,
       { paddingX: 1, width: terminalWidth },
-      import_react136.default.createElement(BashCommandConfirmation, { command: bashSensitiveCommand.command, onConfirm: bashSensitiveCommand.resolve, terminalWidth })
+      import_react137.default.createElement(BashCommandConfirmation, { command: bashSensitiveCommand.command, onConfirm: bashSensitiveCommand.resolve, terminalWidth })
     ),
-    bashMode.state.isExecuting && bashMode.state.currentCommand && import_react136.default.createElement(
+    bashMode.state.isExecuting && bashMode.state.currentCommand && import_react137.default.createElement(
       Box_default,
       { paddingX: 1, width: terminalWidth },
-      import_react136.default.createElement(BashCommandExecutionStatus, { command: bashMode.state.currentCommand, timeout: bashMode.state.currentTimeout || 3e4, terminalWidth, output: bashMode.state.output })
+      import_react137.default.createElement(BashCommandExecutionStatus, { command: bashMode.state.currentCommand, timeout: bashMode.state.currentTimeout || 3e4, terminalWidth, output: bashMode.state.output })
     ),
-    customCommandExecution && import_react136.default.createElement(
+    customCommandExecution && import_react137.default.createElement(
       Box_default,
       { paddingX: 1, width: terminalWidth },
-      import_react136.default.createElement(CustomCommandExecutionDisplay, { command: customCommandExecution.command, commandName: customCommandExecution.commandName, isRunning: customCommandExecution.isRunning, output: customCommandExecution.output, exitCode: customCommandExecution.exitCode, error: customCommandExecution.error })
+      import_react137.default.createElement(CustomCommandExecutionDisplay, { command: customCommandExecution.command, commandName: customCommandExecution.commandName, isRunning: customCommandExecution.isRunning, output: customCommandExecution.output, exitCode: customCommandExecution.exitCode, error: customCommandExecution.error })
     ),
-    terminalExecutionState.state.isExecuting && !terminalExecutionState.state.isBackgrounded && terminalExecutionState.state.command && import_react136.default.createElement(
+    terminalExecutionState.state.isExecuting && !terminalExecutionState.state.isBackgrounded && terminalExecutionState.state.command && import_react137.default.createElement(
       Box_default,
       { paddingX: 1, width: terminalWidth },
-      import_react136.default.createElement(BashCommandExecutionStatus, { command: terminalExecutionState.state.command, timeout: terminalExecutionState.state.timeout || 3e4, terminalWidth, output: terminalExecutionState.state.output, needsInput: terminalExecutionState.state.needsInput, inputPrompt: terminalExecutionState.state.inputPrompt })
+      import_react137.default.createElement(BashCommandExecutionStatus, { command: terminalExecutionState.state.command, timeout: terminalExecutionState.state.timeout || 3e4, terminalWidth, output: terminalExecutionState.state.output, needsInput: terminalExecutionState.state.needsInput, inputPrompt: terminalExecutionState.state.inputPrompt })
     ),
-    pendingUserQuestion && import_react136.default.createElement(AskUserQuestion, { question: pendingUserQuestion.question, options: pendingUserQuestion.options, onAnswer: handleUserQuestionAnswer }),
-    import_react136.default.createElement(PanelsManager, { terminalWidth, workingDirectory, showSessionPanel: panelState.showSessionPanel, showMcpPanel: panelState.showMcpPanel, showUsagePanel: panelState.showUsagePanel, showCustomCommandConfig: panelState.showCustomCommandConfig, showSkillsCreation: panelState.showSkillsCreation, showRoleCreation: panelState.showRoleCreation, showRoleDeletion: panelState.showRoleDeletion, showRoleList: panelState.showRoleList, showWorkingDirPanel: panelState.showWorkingDirPanel, setShowSessionPanel: panelState.setShowSessionPanel, setShowCustomCommandConfig: panelState.setShowCustomCommandConfig, setShowSkillsCreation: panelState.setShowSkillsCreation, setShowRoleCreation: panelState.setShowRoleCreation, setShowRoleDeletion: panelState.setShowRoleDeletion, setShowRoleList: panelState.setShowRoleList, setShowWorkingDirPanel: panelState.setShowWorkingDirPanel, handleSessionPanelSelect, onCustomCommandSave: async (name, command, type, location, description) => {
+    pendingUserQuestion && import_react137.default.createElement(AskUserQuestion, { question: pendingUserQuestion.question, options: pendingUserQuestion.options, onAnswer: handleUserQuestionAnswer }),
+    import_react137.default.createElement(PanelsManager, { terminalWidth, workingDirectory, showSessionPanel: panelState.showSessionPanel, showMcpPanel: panelState.showMcpPanel, showUsagePanel: panelState.showUsagePanel, showModelsPanel: panelState.showModelsPanel, showCustomCommandConfig: panelState.showCustomCommandConfig, showSkillsCreation: panelState.showSkillsCreation, showRoleCreation: panelState.showRoleCreation, showRoleDeletion: panelState.showRoleDeletion, showRoleList: panelState.showRoleList, showWorkingDirPanel: panelState.showWorkingDirPanel, advancedModel, basicModel, setShowSessionPanel: panelState.setShowSessionPanel, setShowModelsPanel: panelState.setShowModelsPanel, setShowCustomCommandConfig: panelState.setShowCustomCommandConfig, setShowSkillsCreation: panelState.setShowSkillsCreation, setShowRoleCreation: panelState.setShowRoleCreation, setShowRoleDeletion: panelState.setShowRoleDeletion, setShowRoleList: panelState.setShowRoleList, setShowWorkingDirPanel: panelState.setShowWorkingDirPanel, handleSessionPanelSelect, onCustomCommandSave: async (name, command, type, location, description) => {
       await saveCustomCommand(name, command, type, description, location, workingDirectory);
       await registerCustomCommands(workingDirectory);
       panelState.setShowCustomCommandConfig(false);
@@ -560104,26 +560997,26 @@ function ChatScreen({ autoResume, enableYolo, enablePlan }) {
         setMessages((prev) => [...prev, errorMessage]);
       }
     } }),
-    showPermissionsPanel && import_react136.default.createElement(
+    showPermissionsPanel && import_react137.default.createElement(
       Box_default,
       { paddingX: 1, flexDirection: "column", width: terminalWidth },
-      import_react136.default.createElement(
-        import_react136.Suspense,
-        { fallback: import_react136.default.createElement(
+      import_react137.default.createElement(
+        import_react137.Suspense,
+        { fallback: import_react137.default.createElement(
           Box_default,
           null,
-          import_react136.default.createElement(
+          import_react137.default.createElement(
             Text,
             null,
-            import_react136.default.createElement(build_default, { type: "dots" }),
+            import_react137.default.createElement(build_default, { type: "dots" }),
             " Loading..."
           )
         ) },
-        import_react136.default.createElement(PermissionsPanel2, { alwaysApprovedTools, onRemoveTool: removeFromAlwaysApproved, onClearAll: clearAllAlwaysApproved, onClose: () => setShowPermissionsPanel(false) })
+        import_react137.default.createElement(PermissionsPanel2, { alwaysApprovedTools, onRemoveTool: removeFromAlwaysApproved, onClearAll: clearAllAlwaysApproved, onClose: () => setShowPermissionsPanel(false) })
       )
     ),
-    snapshotState.pendingRollback && import_react136.default.createElement(FileRollbackConfirmation, { fileCount: snapshotState.pendingRollback.fileCount, filePaths: snapshotState.pendingRollback.filePaths || [], onConfirm: handleRollbackConfirm }),
-    !pendingToolConfirmation && !pendingUserQuestion && !bashSensitiveCommand && !terminalExecutionState.state.needsInput && !(panelState.showSessionPanel || panelState.showMcpPanel || panelState.showUsagePanel || panelState.showCustomCommandConfig || panelState.showSkillsCreation || panelState.showRoleCreation || panelState.showRoleDeletion || panelState.showRoleList || panelState.showWorkingDirPanel || showPermissionsPanel) && !snapshotState.pendingRollback && import_react136.default.createElement(ChatFooter, { onSubmit: handleMessageSubmit, onCommand: handleCommandExecution, onHistorySelect: handleHistorySelect, onSwitchProfile: handleSwitchProfile, handleProfileSelect, handleHistorySelect, showReviewCommitPanel: panelState.showReviewCommitPanel, setShowReviewCommitPanel: panelState.setShowReviewCommitPanel, onReviewCommitConfirm: handleReviewCommitConfirm, disabled: !!pendingToolConfirmation || !!bashSensitiveCommand || isExecutingTerminalCommand || isCompressing || streamingState.isStopping, isStopping: streamingState.isStopping, isProcessing: streamingState.isStreaming || isSaving || bashMode.state.isExecuting || isCompressing, chatHistory: messages, yoloMode, setYoloMode, planMode, setPlanMode, vulnerabilityHuntingMode, setVulnerabilityHuntingMode, contextUsage: streamingState.contextUsage ? {
+    snapshotState.pendingRollback && import_react137.default.createElement(FileRollbackConfirmation, { fileCount: snapshotState.pendingRollback.fileCount, filePaths: snapshotState.pendingRollback.filePaths || [], onConfirm: handleRollbackConfirm }),
+    !pendingToolConfirmation && !pendingUserQuestion && !bashSensitiveCommand && !terminalExecutionState.state.needsInput && !(panelState.showSessionPanel || panelState.showMcpPanel || panelState.showUsagePanel || panelState.showModelsPanel || panelState.showCustomCommandConfig || panelState.showSkillsCreation || panelState.showRoleCreation || panelState.showRoleDeletion || panelState.showRoleList || panelState.showWorkingDirPanel || showPermissionsPanel) && !snapshotState.pendingRollback && import_react137.default.createElement(ChatFooter, { onSubmit: handleMessageSubmit, onCommand: handleCommandExecution, onHistorySelect: handleHistorySelect, onSwitchProfile: handleSwitchProfile, handleProfileSelect, handleHistorySelect, showReviewCommitPanel: panelState.showReviewCommitPanel, setShowReviewCommitPanel: panelState.setShowReviewCommitPanel, onReviewCommitConfirm: handleReviewCommitConfirm, disabled: !!pendingToolConfirmation || !!bashSensitiveCommand || isExecutingTerminalCommand || isCompressing || streamingState.isStopping, isStopping: streamingState.isStopping, isProcessing: streamingState.isStreaming || isSaving || bashMode.state.isExecuting || isCompressing, chatHistory: messages, yoloMode, setYoloMode, planMode, setPlanMode, vulnerabilityHuntingMode, setVulnerabilityHuntingMode, contextUsage: streamingState.contextUsage ? {
       inputTokens: streamingState.contextUsage.prompt_tokens,
       maxContextTokens: getOpenAiConfig().maxContextTokens || 4e3,
       cacheCreationTokens: streamingState.contextUsage.cache_creation_input_tokens,
@@ -560143,16 +561036,17 @@ function ChatScreen({ autoResume, enableYolo, enablePlan }) {
     }, profileSearchQuery: panelState.profileSearchQuery, setProfileSearchQuery: panelState.setProfileSearchQuery, vscodeConnectionStatus: vscodeState.vscodeConnectionStatus, editorContext: vscodeState.editorContext, codebaseIndexing, codebaseProgress, watcherEnabled, fileUpdateNotification, currentProfileName: panelState.currentProfileName, isCompressing, compressionError, backgroundProcesses: backgroundProcesses.processes, showBackgroundPanel: backgroundProcesses.showPanel, selectedProcessIndex, terminalWidth })
   );
 }
-var import_react136, PermissionsPanel2;
+var import_react137, PermissionsPanel2;
 var init_ChatScreen = __esm({
   async "dist/ui/pages/ChatScreen.js"() {
     "use strict";
-    import_react136 = __toESM(require_react(), 1);
+    import_react137 = __toESM(require_react(), 1);
     await init_build2();
     await init_build3();
     init_ansi_escapes();
     init_I18nContext();
     init_ThemeContext();
+    init_configEvents();
     await init_ChatFooter();
     await init_PendingMessages();
     await init_ToolConfirmation();
@@ -560192,7 +561086,7 @@ var init_ChatScreen = __esm({
     init_codebaseConfig();
     init_codebaseSearchEvents();
     init_logger();
-    PermissionsPanel2 = (0, import_react136.lazy)(() => init_PermissionsPanel().then(() => PermissionsPanel_exports));
+    PermissionsPanel2 = (0, import_react137.lazy)(() => init_PermissionsPanel().then(() => PermissionsPanel_exports));
   }
 });
 
@@ -560406,10 +561300,10 @@ ${warningColor}\u26A0 Tool Confirmation Required${resetColor} ${sensitiveCheck.i
   });
 }
 function HeadlessModeScreen({ prompt, sessionId, onComplete }) {
-  const [messages, setMessages] = (0, import_react137.useState)([]);
-  const [isComplete, setIsComplete] = (0, import_react137.useState)(false);
-  const [lastDisplayedIndex, setLastDisplayedIndex] = (0, import_react137.useState)(-1);
-  const [isWaitingForInput, setIsWaitingForInput] = (0, import_react137.useState)(false);
+  const [messages, setMessages] = (0, import_react138.useState)([]);
+  const [isComplete, setIsComplete] = (0, import_react138.useState)(false);
+  const [lastDisplayedIndex, setLastDisplayedIndex] = (0, import_react138.useState)(-1);
+  const [isWaitingForInput, setIsWaitingForInput] = (0, import_react138.useState)(false);
   const { stdout } = use_stdout_default();
   const workingDirectory = process.cwd();
   const { t } = useI18n();
@@ -560417,7 +561311,7 @@ function HeadlessModeScreen({ prompt, sessionId, onComplete }) {
   const vscodeState = useVSCodeState();
   const { saveMessage } = useSessionSave();
   const { isToolAutoApproved, addMultipleToAlwaysApproved } = useToolConfirmation(workingDirectory);
-  (0, import_react137.useEffect)(() => {
+  (0, import_react138.useEffect)(() => {
     const lastMessage = messages[messages.length - 1];
     const currentIndex = messages.length - 1;
     if (!lastMessage || currentIndex <= lastDisplayedIndex)
@@ -560469,7 +561363,7 @@ function HeadlessModeScreen({ prompt, sessionId, onComplete }) {
       }
     }
   }, [messages, lastDisplayedIndex]);
-  (0, import_react137.useEffect)(() => {
+  (0, import_react138.useEffect)(() => {
     if (isWaitingForInput)
       return;
     if (streamingState.isStreaming) {
@@ -560631,19 +561525,19 @@ function HeadlessModeScreen({ prompt, sessionId, onComplete }) {
       }, 1e3);
     }
   };
-  (0, import_react137.useEffect)(() => {
+  (0, import_react138.useEffect)(() => {
     processMessage();
   }, []);
   if (isComplete) {
     return null;
   }
-  return import_react137.default.createElement(import_react137.default.Fragment, null);
+  return import_react138.default.createElement(import_react138.default.Fragment, null);
 }
-var import_react137, import_cli_highlight3, getTheme, getAnsiColor;
+var import_react138, import_cli_highlight3, getTheme, getAnsiColor;
 var init_HeadlessModeScreen = __esm({
   async "dist/ui/pages/HeadlessModeScreen.js"() {
     "use strict";
-    import_react137 = __toESM(require_react(), 1);
+    import_react138 = __toESM(require_react(), 1);
     await init_build2();
     init_ansi_escapes();
     import_cli_highlight3 = __toESM(require_dist14(), 1);
@@ -560916,18 +561810,18 @@ function TaskManagerScreen({ onBack, onResumeTask }) {
   var _a21;
   const { theme: theme14 } = useTheme();
   const { t } = useI18n();
-  const [tasks, setTasks] = (0, import_react138.useState)([]);
-  const [selectedIndex, setSelectedIndex] = (0, import_react138.useState)(0);
-  const [scrollOffset, setScrollOffset] = (0, import_react138.useState)(0);
-  const [markedTasks, setMarkedTasks] = (0, import_react138.useState)(/* @__PURE__ */ new Set());
-  const [isLoading, setIsLoading] = (0, import_react138.useState)(true);
-  const [viewMode, setViewMode] = (0, import_react138.useState)("list");
-  const [detailTask, setDetailTask] = (0, import_react138.useState)(null);
-  const [pendingAction, setPendingAction] = (0, import_react138.useState)(null);
-  const [rejectInputMode, setRejectInputMode] = (0, import_react138.useState)(false);
-  const [rejectReason, setRejectReason] = (0, import_react138.useState)("");
+  const [tasks, setTasks] = (0, import_react139.useState)([]);
+  const [selectedIndex, setSelectedIndex] = (0, import_react139.useState)(0);
+  const [scrollOffset, setScrollOffset] = (0, import_react139.useState)(0);
+  const [markedTasks, setMarkedTasks] = (0, import_react139.useState)(/* @__PURE__ */ new Set());
+  const [isLoading, setIsLoading] = (0, import_react139.useState)(true);
+  const [viewMode, setViewMode] = (0, import_react139.useState)("list");
+  const [detailTask, setDetailTask] = (0, import_react139.useState)(null);
+  const [pendingAction, setPendingAction] = (0, import_react139.useState)(null);
+  const [rejectInputMode, setRejectInputMode] = (0, import_react139.useState)(false);
+  const [rejectReason, setRejectReason] = (0, import_react139.useState)("");
   const VISIBLE_ITEMS2 = 5;
-  const loadTasks = (0, import_react138.useCallback)(async () => {
+  const loadTasks = (0, import_react139.useCallback)(async () => {
     setIsLoading(true);
     try {
       const taskList = await taskManager.listTasks();
@@ -560939,10 +561833,10 @@ function TaskManagerScreen({ onBack, onResumeTask }) {
       setIsLoading(false);
     }
   }, []);
-  (0, import_react138.useEffect)(() => {
+  (0, import_react139.useEffect)(() => {
     void loadTasks();
   }, [loadTasks]);
-  (0, import_react138.useEffect)(() => {
+  (0, import_react139.useEffect)(() => {
     if (pendingAction) {
       const timer2 = setTimeout(() => {
         setPendingAction(null);
@@ -560951,7 +561845,7 @@ function TaskManagerScreen({ onBack, onResumeTask }) {
     }
     return void 0;
   }, [pendingAction]);
-  const handleDeleteTask = (0, import_react138.useCallback)(async (taskId) => {
+  const handleDeleteTask = (0, import_react139.useCallback)(async (taskId) => {
     if (!taskId)
       return;
     const success = await taskManager.deleteTask(taskId);
@@ -561146,7 +562040,7 @@ function TaskManagerScreen({ onBack, onResumeTask }) {
       return;
     }
   });
-  const getStatusColor = (0, import_react138.useCallback)((status) => {
+  const getStatusColor = (0, import_react139.useCallback)((status) => {
     switch (status) {
       case "pending":
         return "yellow";
@@ -561162,7 +562056,7 @@ function TaskManagerScreen({ onBack, onResumeTask }) {
         return "gray";
     }
   }, []);
-  const getStatusIcon = (0, import_react138.useCallback)((status) => {
+  const getStatusIcon = (0, import_react139.useCallback)((status) => {
     switch (status) {
       case "pending":
         return "\u25CB";
@@ -561178,7 +562072,7 @@ function TaskManagerScreen({ onBack, onResumeTask }) {
         return "?";
     }
   }, []);
-  const formatDate2 = (0, import_react138.useCallback)((timestamp) => {
+  const formatDate2 = (0, import_react139.useCallback)((timestamp) => {
     const date = new Date(timestamp);
     const now = /* @__PURE__ */ new Date();
     const diffMs = now.getTime() - date.getTime();
@@ -561196,24 +562090,24 @@ function TaskManagerScreen({ onBack, onResumeTask }) {
     return date.toLocaleDateString("en-US", { month: "short", day: "numeric" });
   }, []);
   if (isLoading) {
-    return import_react138.default.createElement(
+    return import_react139.default.createElement(
       Box_default,
       { flexDirection: "column", paddingX: 1 },
-      import_react138.default.createElement(
+      import_react139.default.createElement(
         Box_default,
         { borderStyle: "round", borderColor: theme14.colors.menuInfo, paddingX: 1 },
-        import_react138.default.createElement(Text, { color: theme14.colors.menuSecondary, dimColor: true }, t.taskManager.loadingTasks)
+        import_react139.default.createElement(Text, { color: theme14.colors.menuSecondary, dimColor: true }, t.taskManager.loadingTasks)
       )
     );
   }
   if (tasks.length === 0) {
-    return import_react138.default.createElement(
+    return import_react139.default.createElement(
       Box_default,
       { flexDirection: "column", paddingX: 1 },
-      import_react138.default.createElement(
+      import_react139.default.createElement(
         Box_default,
         { borderStyle: "round", borderColor: theme14.colors.warning, paddingX: 1 },
-        import_react138.default.createElement(
+        import_react139.default.createElement(
           Text,
           { color: theme14.colors.menuSecondary, dimColor: true },
           t.taskManager.noTasksFound,
@@ -561227,32 +562121,32 @@ function TaskManagerScreen({ onBack, onResumeTask }) {
     );
   }
   if (viewMode === "detail" && detailTask) {
-    return import_react138.default.createElement(
+    return import_react139.default.createElement(
       Box_default,
       { flexDirection: "column", paddingX: 1 },
-      import_react138.default.createElement(
+      import_react139.default.createElement(
         Box_default,
         { borderStyle: "round", borderColor: theme14.colors.menuInfo, paddingX: 1, flexDirection: "column" },
-        import_react138.default.createElement(
+        import_react139.default.createElement(
           Box_default,
           { flexDirection: "column", marginBottom: 1 },
-          import_react138.default.createElement(Text, { color: theme14.colors.menuInfo, bold: true }, t.taskManager.taskDetailsTitle),
-          import_react138.default.createElement(Text, { color: theme14.colors.menuSecondary, dimColor: true }, detailTask.status === "paused" ? t.taskManager.backToList : `${t.taskManager.continueHint} \u2022 ${t.taskManager.backToList}`)
+          import_react139.default.createElement(Text, { color: theme14.colors.menuInfo, bold: true }, t.taskManager.taskDetailsTitle),
+          import_react139.default.createElement(Text, { color: theme14.colors.menuSecondary, dimColor: true }, detailTask.status === "paused" ? t.taskManager.backToList : `${t.taskManager.continueHint} \u2022 ${t.taskManager.backToList}`)
         ),
-        import_react138.default.createElement(
+        import_react139.default.createElement(
           Box_default,
           { flexDirection: "column", gap: 1 },
-          import_react138.default.createElement(
+          import_react139.default.createElement(
             Box_default,
             { flexDirection: "column" },
-            import_react138.default.createElement(Text, { color: theme14.colors.menuSecondary }, t.taskManager.titleLabel),
-            import_react138.default.createElement(Text, null, detailTask.title || t.taskManager.untitled)
+            import_react139.default.createElement(Text, { color: theme14.colors.menuSecondary }, t.taskManager.titleLabel),
+            import_react139.default.createElement(Text, null, detailTask.title || t.taskManager.untitled)
           ),
-          import_react138.default.createElement(
+          import_react139.default.createElement(
             Box_default,
             { flexDirection: "column" },
-            import_react138.default.createElement(Text, { color: theme14.colors.menuSecondary }, t.taskManager.statusLabel),
-            import_react138.default.createElement(
+            import_react139.default.createElement(Text, { color: theme14.colors.menuSecondary }, t.taskManager.statusLabel),
+            import_react139.default.createElement(
               Text,
               { color: getStatusColor(detailTask.status) },
               getStatusIcon(detailTask.status),
@@ -561260,64 +562154,64 @@ function TaskManagerScreen({ onBack, onResumeTask }) {
               detailTask.status
             )
           ),
-          import_react138.default.createElement(
+          import_react139.default.createElement(
             Box_default,
             { flexDirection: "column" },
-            import_react138.default.createElement(Text, { color: theme14.colors.menuSecondary }, t.taskManager.createdLabel),
-            import_react138.default.createElement(Text, null, new Date(detailTask.createdAt).toLocaleString())
+            import_react139.default.createElement(Text, { color: theme14.colors.menuSecondary }, t.taskManager.createdLabel),
+            import_react139.default.createElement(Text, null, new Date(detailTask.createdAt).toLocaleString())
           ),
-          import_react138.default.createElement(
+          import_react139.default.createElement(
             Box_default,
             { flexDirection: "column" },
-            import_react138.default.createElement(Text, { color: theme14.colors.menuSecondary }, t.taskManager.updatedLabel),
-            import_react138.default.createElement(Text, null, new Date(detailTask.updatedAt).toLocaleString())
+            import_react139.default.createElement(Text, { color: theme14.colors.menuSecondary }, t.taskManager.updatedLabel),
+            import_react139.default.createElement(Text, null, new Date(detailTask.updatedAt).toLocaleString())
           ),
-          import_react138.default.createElement(
+          import_react139.default.createElement(
             Box_default,
             { flexDirection: "column" },
-            import_react138.default.createElement(Text, { color: theme14.colors.menuSecondary }, t.taskManager.messagesLabel.replace("{count}", String(detailTask.messages.length)))
+            import_react139.default.createElement(Text, { color: theme14.colors.menuSecondary }, t.taskManager.messagesLabel.replace("{count}", String(detailTask.messages.length)))
           ),
-          detailTask.status === "paused" && ((_a21 = detailTask.pausedInfo) == null ? void 0 : _a21.sensitiveCommand) && import_react138.default.createElement(
+          detailTask.status === "paused" && ((_a21 = detailTask.pausedInfo) == null ? void 0 : _a21.sensitiveCommand) && import_react139.default.createElement(
             Box_default,
             { flexDirection: "column", marginTop: 1 },
-            import_react138.default.createElement(
+            import_react139.default.createElement(
               Box_default,
               { flexDirection: "column", borderStyle: "round", borderColor: "yellow", paddingX: 1, paddingY: 1 },
-              import_react138.default.createElement(Text, { color: "yellow", bold: true }, t.taskManager.sensitiveCommandDetected),
-              import_react138.default.createElement(
+              import_react139.default.createElement(Text, { color: "yellow", bold: true }, t.taskManager.sensitiveCommandDetected),
+              import_react139.default.createElement(
                 Box_default,
                 { marginTop: 1 },
-                import_react138.default.createElement(
+                import_react139.default.createElement(
                   Text,
                   null,
-                  import_react138.default.createElement(Text, { bold: true }, t.taskManager.commandLabel),
-                  import_react138.default.createElement(Text, { color: "yellow" }, detailTask.pausedInfo.sensitiveCommand.command)
+                  import_react139.default.createElement(Text, { bold: true }, t.taskManager.commandLabel),
+                  import_react139.default.createElement(Text, { color: "yellow" }, detailTask.pausedInfo.sensitiveCommand.command)
                 )
               ),
-              detailTask.pausedInfo.sensitiveCommand.description && import_react138.default.createElement(Text, { dimColor: true }, detailTask.pausedInfo.sensitiveCommand.description),
-              !rejectInputMode ? import_react138.default.createElement(
+              detailTask.pausedInfo.sensitiveCommand.description && import_react139.default.createElement(Text, { dimColor: true }, detailTask.pausedInfo.sensitiveCommand.description),
+              !rejectInputMode ? import_react139.default.createElement(
                 Box_default,
                 { marginTop: 1, paddingTop: 1, borderStyle: "single", borderTop: true, borderBottom: false, borderLeft: false, borderRight: false, borderColor: "gray", flexDirection: "column" },
-                import_react138.default.createElement(Text, { color: theme14.colors.menuSecondary, dimColor: true }, t.taskManager.approveRejectHint)
-              ) : import_react138.default.createElement(
+                import_react139.default.createElement(Text, { color: theme14.colors.menuSecondary, dimColor: true }, t.taskManager.approveRejectHint)
+              ) : import_react139.default.createElement(
                 Box_default,
                 { marginTop: 1, paddingTop: 1, borderStyle: "single", borderTop: true, borderBottom: false, borderLeft: false, borderRight: false, borderColor: "gray", flexDirection: "column" },
-                import_react138.default.createElement(Text, { color: "yellow", bold: true }, t.taskManager.enterRejectionReason),
-                import_react138.default.createElement(
+                import_react139.default.createElement(Text, { color: "yellow", bold: true }, t.taskManager.enterRejectionReason),
+                import_react139.default.createElement(
                   Text,
                   null,
                   rejectReason,
-                  import_react138.default.createElement(Text, { color: theme14.colors.menuInfo }, "\u2588")
+                  import_react139.default.createElement(Text, { color: theme14.colors.menuInfo }, "\u2588")
                 ),
-                import_react138.default.createElement(Text, { color: theme14.colors.menuSecondary, dimColor: true }, t.taskManager.submitCancelHint)
+                import_react139.default.createElement(Text, { color: theme14.colors.menuSecondary, dimColor: true }, t.taskManager.submitCancelHint)
               )
             )
           )
         ),
-        (pendingAction == null ? void 0 : pendingAction.type) === "continue" && pendingAction.taskId === detailTask.id && import_react138.default.createElement(
+        (pendingAction == null ? void 0 : pendingAction.type) === "continue" && pendingAction.taskId === detailTask.id && import_react139.default.createElement(
           Box_default,
           { marginTop: 1 },
-          import_react138.default.createElement(Alert, { variant: "warning" }, detailTask.status !== "completed" ? t.taskManager.taskNotCompleted : t.taskManager.confirmConvertToSession)
+          import_react139.default.createElement(Alert, { variant: "warning" }, detailTask.status !== "completed" ? t.taskManager.taskNotCompleted : t.taskManager.confirmConvertToSession)
         )
       )
     );
@@ -561326,21 +562220,21 @@ function TaskManagerScreen({ onBack, onResumeTask }) {
   const hasMore = tasks.length > scrollOffset + VISIBLE_ITEMS2;
   const hasPrevious = scrollOffset > 0;
   const currentTask = tasks[selectedIndex];
-  return import_react138.default.createElement(
+  return import_react139.default.createElement(
     Box_default,
     { flexDirection: "column", paddingX: 1 },
-    import_react138.default.createElement(
+    import_react139.default.createElement(
       Box_default,
       { borderStyle: "round", borderColor: theme14.colors.menuInfo, paddingX: 1, flexDirection: "column" },
-      import_react138.default.createElement(
+      import_react139.default.createElement(
         Box_default,
         { flexDirection: "column" },
-        import_react138.default.createElement(
+        import_react139.default.createElement(
           Text,
           { color: theme14.colors.menuInfo, dimColor: true },
           t.taskManager.tasksCount.replace("{current}", String(selectedIndex + 1)).replace("{total}", String(tasks.length)),
           currentTask && ` \u2022 ${t.taskManager.messagesCount.replace("{count}", String(currentTask.messageCount))}`,
-          markedTasks.size > 0 && import_react138.default.createElement(
+          markedTasks.size > 0 && import_react139.default.createElement(
             Text,
             { color: theme14.colors.warning },
             " ",
@@ -561349,9 +562243,9 @@ function TaskManagerScreen({ onBack, onResumeTask }) {
             t.taskManager.markedCount.replace("{count}", String(markedTasks.size))
           )
         ),
-        import_react138.default.createElement(Text, { color: theme14.colors.menuSecondary, dimColor: true }, t.taskManager.navigationHint)
+        import_react139.default.createElement(Text, { color: theme14.colors.menuSecondary, dimColor: true }, t.taskManager.navigationHint)
       ),
-      hasPrevious && import_react138.default.createElement(
+      hasPrevious && import_react139.default.createElement(
         Text,
         { color: theme14.colors.menuSecondary, dimColor: true },
         " ",
@@ -561364,24 +562258,24 @@ function TaskManagerScreen({ onBack, onResumeTask }) {
         const cleanTitle = (task.title || t.taskManager.untitled).replace(/[\r\n\t]+/g, " ");
         const timeStr = formatDate2(task.updatedAt);
         const truncatedTitle = cleanTitle.length > 50 ? cleanTitle.slice(0, 47) + "..." : cleanTitle;
-        return import_react138.default.createElement(
+        return import_react139.default.createElement(
           Text,
           { key: task.id },
-          import_react138.default.createElement(
+          import_react139.default.createElement(
             Text,
             { color: isSelected ? theme14.colors.menuSelected : "white" },
             isSelected ? "\u276F " : "  ",
-            isMarked && import_react138.default.createElement(
+            isMarked && import_react139.default.createElement(
               Text,
               { color: theme14.colors.warning, bold: true },
               "\u25CF",
               " "
             ),
-            import_react138.default.createElement(Text, { color: getStatusColor(task.status) }, getStatusIcon(task.status)),
+            import_react139.default.createElement(Text, { color: getStatusColor(task.status) }, getStatusIcon(task.status)),
             " ",
             truncatedTitle
           ),
-          import_react138.default.createElement(
+          import_react139.default.createElement(
             Text,
             { color: theme14.colors.menuSecondary, dimColor: true },
             " ",
@@ -561390,25 +562284,25 @@ function TaskManagerScreen({ onBack, onResumeTask }) {
           )
         );
       }),
-      hasMore && import_react138.default.createElement(
+      hasMore && import_react139.default.createElement(
         Text,
         { color: theme14.colors.menuSecondary, dimColor: true },
         " ",
         t.taskManager.moreBelow.replace("{count}", String(tasks.length - scrollOffset - VISIBLE_ITEMS2))
       )
     ),
-    (pendingAction == null ? void 0 : pendingAction.type) === "delete" && import_react138.default.createElement(
+    (pendingAction == null ? void 0 : pendingAction.type) === "delete" && import_react139.default.createElement(
       Box_default,
       { marginTop: 1 },
-      import_react138.default.createElement(Alert, { variant: "warning" }, pendingAction.taskId ? t.taskManager.deleteConfirm : t.taskManager.deleteMultipleConfirm.replace("{count}", String(markedTasks.size)))
+      import_react139.default.createElement(Alert, { variant: "warning" }, pendingAction.taskId ? t.taskManager.deleteConfirm : t.taskManager.deleteMultipleConfirm.replace("{count}", String(markedTasks.size)))
     )
   );
 }
-var import_react138;
+var import_react139;
 var init_TaskManagerScreen = __esm({
   async "dist/ui/pages/TaskManagerScreen.js"() {
     "use strict";
-    import_react138 = __toESM(require_react(), 1);
+    import_react139 = __toESM(require_react(), 1);
     await init_build2();
     await init_build4();
     init_ThemeContext();
@@ -561475,7 +562369,7 @@ function getSystemEditor2() {
   return null;
 }
 function MCPConfigScreen({ onBack }) {
-  (0, import_react139.useEffect)(() => {
+  (0, import_react140.useEffect)(() => {
     const openEditor = async () => {
       const config3 = getMCPConfig();
       writeFileSync14(MCP_CONFIG_FILE2, JSON.stringify(config3, null, 2), "utf8");
@@ -561545,11 +562439,11 @@ function MCPConfigScreen({ onBack }) {
   }, [onBack]);
   return null;
 }
-var import_react139, CONFIG_DIR9, MCP_CONFIG_FILE2;
+var import_react140, CONFIG_DIR9, MCP_CONFIG_FILE2;
 var init_MCPConfigScreen = __esm({
   "dist/ui/pages/MCPConfigScreen.js"() {
     "use strict";
-    import_react139 = __toESM(require_react(), 1);
+    import_react140 = __toESM(require_react(), 1);
     init_apiConfig();
     CONFIG_DIR9 = join29(homedir18(), ".snow");
     MCP_CONFIG_FILE2 = join29(CONFIG_DIR9, "mcp-config.json");
@@ -561560,31 +562454,31 @@ var init_MCPConfigScreen = __esm({
 function HelpPanel() {
   const pasteKey = getPasteKey();
   const { t } = useI18n();
-  return import_react140.default.createElement(
+  return import_react141.default.createElement(
     Box_default,
     { flexDirection: "column", borderStyle: "round", borderColor: "cyan", paddingX: 2, paddingY: 1 },
-    import_react140.default.createElement(
+    import_react141.default.createElement(
       Box_default,
       { marginBottom: 1 },
-      import_react140.default.createElement(Text, { bold: true, color: "cyan" }, t.helpPanel.title)
+      import_react141.default.createElement(Text, { bold: true, color: "cyan" }, t.helpPanel.title)
     ),
-    import_react140.default.createElement(
+    import_react141.default.createElement(
       Box_default,
       { flexDirection: "column", marginBottom: 1 },
-      import_react140.default.createElement(Text, { bold: true, color: "yellow" }, t.helpPanel.textEditingTitle),
-      import_react140.default.createElement(
+      import_react141.default.createElement(Text, { bold: true, color: "yellow" }, t.helpPanel.textEditingTitle),
+      import_react141.default.createElement(
         Text,
         null,
         " \u2022 ",
         t.helpPanel.deleteToStart
       ),
-      import_react140.default.createElement(
+      import_react141.default.createElement(
         Text,
         null,
         " \u2022 ",
         t.helpPanel.deleteToEnd
       ),
-      import_react140.default.createElement(
+      import_react141.default.createElement(
         Text,
         null,
         " ",
@@ -561592,169 +562486,169 @@ function HelpPanel() {
         t.helpPanel.pasteImages.replace("{pasteKey}", pasteKey)
       )
     ),
-    import_react140.default.createElement(
+    import_react141.default.createElement(
       Box_default,
       { flexDirection: "column", marginBottom: 1 },
-      import_react140.default.createElement(Text, { bold: true, color: "cyan" }, t.helpPanel.readlineTitle),
-      import_react140.default.createElement(
+      import_react141.default.createElement(Text, { bold: true, color: "cyan" }, t.helpPanel.readlineTitle),
+      import_react141.default.createElement(
         Text,
         null,
         " \u2022 ",
         t.helpPanel.moveToLineStart
       ),
-      import_react140.default.createElement(
+      import_react141.default.createElement(
         Text,
         null,
         " \u2022 ",
         t.helpPanel.moveToLineEnd
       ),
-      import_react140.default.createElement(
+      import_react141.default.createElement(
         Text,
         null,
         " \u2022 ",
         t.helpPanel.forwardWord
       ),
-      import_react140.default.createElement(
+      import_react141.default.createElement(
         Text,
         null,
         " \u2022 ",
         t.helpPanel.backwardWord
       ),
-      import_react140.default.createElement(
+      import_react141.default.createElement(
         Text,
         null,
         " \u2022 ",
         t.helpPanel.deleteToLineEnd
       ),
-      import_react140.default.createElement(
+      import_react141.default.createElement(
         Text,
         null,
         " \u2022 ",
         t.helpPanel.deleteToLineStart
       ),
-      import_react140.default.createElement(
+      import_react141.default.createElement(
         Text,
         null,
         " \u2022 ",
         t.helpPanel.deleteWord
       ),
-      import_react140.default.createElement(
+      import_react141.default.createElement(
         Text,
         null,
         " \u2022 ",
         t.helpPanel.deleteChar
       )
     ),
-    import_react140.default.createElement(
+    import_react141.default.createElement(
       Box_default,
       { flexDirection: "column", marginBottom: 1 },
-      import_react140.default.createElement(Text, { bold: true, color: "green" }, t.helpPanel.quickAccessTitle),
-      import_react140.default.createElement(
+      import_react141.default.createElement(Text, { bold: true, color: "green" }, t.helpPanel.quickAccessTitle),
+      import_react141.default.createElement(
         Text,
         null,
         " \u2022 ",
         t.helpPanel.insertFiles
       ),
-      import_react140.default.createElement(
+      import_react141.default.createElement(
         Text,
         null,
         " \u2022 ",
         t.helpPanel.searchContent
       ),
-      import_react140.default.createElement(
+      import_react141.default.createElement(
         Text,
         null,
         " \u2022 ",
         t.helpPanel.selectAgent
       ),
-      import_react140.default.createElement(
+      import_react141.default.createElement(
         Text,
         null,
         " \u2022 ",
         t.helpPanel.showCommands
       )
     ),
-    import_react140.default.createElement(
+    import_react141.default.createElement(
       Box_default,
       { flexDirection: "column", marginBottom: 1 },
-      import_react140.default.createElement(Text, { bold: true, color: "yellow" }, t.helpPanel.bashModeTitle),
-      import_react140.default.createElement(
+      import_react141.default.createElement(Text, { bold: true, color: "yellow" }, t.helpPanel.bashModeTitle),
+      import_react141.default.createElement(
         Text,
         null,
         " \u2022 ",
         t.helpPanel.bashModeTrigger
       ),
-      import_react140.default.createElement(
+      import_react141.default.createElement(
         Text,
         { dimColor: true },
         " ",
         t.helpPanel.bashModeDesc
       )
     ),
-    import_react140.default.createElement(
+    import_react141.default.createElement(
       Box_default,
       { flexDirection: "column", marginBottom: 1 },
-      import_react140.default.createElement(Text, { bold: true, color: "blue" }, t.helpPanel.navigationTitle),
-      import_react140.default.createElement(
+      import_react141.default.createElement(Text, { bold: true, color: "blue" }, t.helpPanel.navigationTitle),
+      import_react141.default.createElement(
         Text,
         null,
         " \u2022 ",
         t.helpPanel.navigateHistory
       ),
-      import_react140.default.createElement(
+      import_react141.default.createElement(
         Text,
         null,
         " \u2022 ",
         t.helpPanel.selectItem
       ),
-      import_react140.default.createElement(
+      import_react141.default.createElement(
         Text,
         null,
         " \u2022 ",
         t.helpPanel.cancelClose
       ),
-      import_react140.default.createElement(
+      import_react141.default.createElement(
         Text,
         null,
         " \u2022 ",
         t.helpPanel.toggleYolo
       )
     ),
-    import_react140.default.createElement(
+    import_react141.default.createElement(
       Box_default,
       { flexDirection: "column" },
-      import_react140.default.createElement(Text, { bold: true, color: "magenta" }, t.helpPanel.tipsTitle),
-      import_react140.default.createElement(
+      import_react141.default.createElement(Text, { bold: true, color: "magenta" }, t.helpPanel.tipsTitle),
+      import_react141.default.createElement(
         Text,
         null,
         " \u2022 ",
         t.helpPanel.tipUseHelp
       ),
-      import_react140.default.createElement(
+      import_react141.default.createElement(
         Text,
         null,
         " \u2022 ",
         t.helpPanel.tipShowCommands
       ),
-      import_react140.default.createElement(
+      import_react141.default.createElement(
         Text,
         null,
         " \u2022 ",
         t.helpPanel.tipInterrupt
       )
     ),
-    import_react140.default.createElement(
+    import_react141.default.createElement(
       Box_default,
       { marginTop: 1 },
-      import_react140.default.createElement(Text, { dimColor: true, color: "gray" }, t.helpPanel.closeHint)
+      import_react141.default.createElement(Text, { dimColor: true, color: "gray" }, t.helpPanel.closeHint)
     )
   );
 }
-var import_react140, getPasteKey;
+var import_react141, getPasteKey;
 var init_HelpPanel = __esm({
   async "dist/ui/components/panels/HelpPanel.js"() {
     "use strict";
-    import_react140 = __toESM(require_react(), 1);
+    import_react141 = __toESM(require_react(), 1);
     await init_build2();
     init_i18n();
     getPasteKey = () => {
@@ -561780,22 +562674,22 @@ function HelpScreen({ onBackDestination = "chat" }) {
       navigateTo(onBackDestination);
     }
   });
-  return import_react141.default.createElement(
+  return import_react142.default.createElement(
     Box_default,
     { paddingX: 1, flexDirection: "column" },
-    import_react141.default.createElement(HelpPanel, null),
-    import_react141.default.createElement(
+    import_react142.default.createElement(HelpPanel, null),
+    import_react142.default.createElement(
       Box_default,
       { marginTop: 1 },
-      import_react141.default.createElement(Text, { color: theme14.colors.menuSecondary, dimColor: true }, t.chatScreen.pressEscToClose)
+      import_react142.default.createElement(Text, { color: theme14.colors.menuSecondary, dimColor: true }, t.chatScreen.pressEscToClose)
     )
   );
 }
-var import_react141;
+var import_react142;
 var init_HelpScreen = __esm({
   async "dist/ui/pages/HelpScreen.js"() {
     "use strict";
-    import_react141 = __toESM(require_react(), 1);
+    import_react142 = __toESM(require_react(), 1);
     await init_build2();
     init_ThemeContext();
     init_I18nContext();
@@ -561810,9 +562704,9 @@ __export(app_exports, {
   default: () => App2
 });
 function ShowTaskListWrapper() {
-  const [currentView, setCurrentView] = (0, import_react142.useState)("tasks");
-  const [chatScreenKey, setChatScreenKey] = (0, import_react142.useState)(0);
-  const [exitNotification, setExitNotification] = (0, import_react142.useState)({
+  const [currentView, setCurrentView] = (0, import_react143.useState)("tasks");
+  const [chatScreenKey, setChatScreenKey] = (0, import_react143.useState)(0);
+  const [exitNotification, setExitNotification] = (0, import_react143.useState)({
     show: false,
     message: ""
   });
@@ -561822,45 +562716,45 @@ function ShowTaskListWrapper() {
   useGlobalExit(setExitNotification);
   const renderView = () => {
     if (currentView === "chat") {
-      return import_react142.default.createElement(
-        import_react142.Suspense,
+      return import_react143.default.createElement(
+        import_react143.Suspense,
         { fallback: loadingFallback },
-        import_react142.default.createElement(ChatScreen2, { key: chatScreenKey, autoResume: true, enableYolo: false })
+        import_react143.default.createElement(ChatScreen2, { key: chatScreenKey, autoResume: true, enableYolo: false })
       );
     }
-    return import_react142.default.createElement(
-      import_react142.Suspense,
+    return import_react143.default.createElement(
+      import_react143.Suspense,
       { fallback: loadingFallback },
-      import_react142.default.createElement(TaskManagerScreen2, { onBack: () => gracefulExit(), onResumeTask: () => {
+      import_react143.default.createElement(TaskManagerScreen2, { onBack: () => gracefulExit(), onResumeTask: () => {
         setCurrentView("chat");
         setChatScreenKey((prev) => prev + 1);
       } })
     );
   };
-  return import_react142.default.createElement(
+  return import_react143.default.createElement(
     Box_default,
     { flexDirection: "column", width: terminalWidth },
     renderView(),
-    exitNotification.show && import_react142.default.createElement(
+    exitNotification.show && import_react143.default.createElement(
       Box_default,
       { paddingX: 1, flexShrink: 0 },
-      import_react142.default.createElement(Alert, { variant: "warning" }, exitNotification.message)
+      import_react143.default.createElement(Alert, { variant: "warning" }, exitNotification.message)
     )
   );
 }
 function AppContent({ version: version3, skipWelcome, autoResume, enableYolo, enablePlan }) {
-  const [currentView, setCurrentView] = (0, import_react142.useState)(skipWelcome ? "chat" : "welcome");
-  const [chatScreenKey, setChatScreenKey] = (0, import_react142.useState)(0);
-  const [welcomeMenuIndex, setWelcomeMenuIndex] = (0, import_react142.useState)(0);
-  const [shouldAutoResume, setShouldAutoResume] = (0, import_react142.useState)(false);
-  const [exitNotification, setExitNotification] = (0, import_react142.useState)({
+  const [currentView, setCurrentView] = (0, import_react143.useState)(skipWelcome ? "chat" : "welcome");
+  const [chatScreenKey, setChatScreenKey] = (0, import_react143.useState)(0);
+  const [welcomeMenuIndex, setWelcomeMenuIndex] = (0, import_react143.useState)(0);
+  const [shouldAutoResume, setShouldAutoResume] = (0, import_react143.useState)(false);
+  const [exitNotification, setExitNotification] = (0, import_react143.useState)({
     show: false,
     message: ""
   });
   const { columns: terminalWidth } = useTerminalSize();
   useCursorHide();
   useGlobalExit(setExitNotification);
-  (0, import_react142.useEffect)(() => {
+  (0, import_react143.useEffect)(() => {
     const unsubscribe = onNavigate((event) => {
       if (event.destination === "welcome" && currentView === "chat") {
         setChatScreenKey((prev) => prev + 1);
@@ -561888,119 +562782,119 @@ function AppContent({ version: version3, skipWelcome, autoResume, enableYolo, en
     const loadingFallback = null;
     switch (currentView) {
       case "welcome":
-        return import_react142.default.createElement(
-          import_react142.Suspense,
+        return import_react143.default.createElement(
+          import_react143.Suspense,
           { fallback: loadingFallback },
-          import_react142.default.createElement(WelcomeScreen2, { version: version3, onMenuSelect: handleMenuSelect, defaultMenuIndex: welcomeMenuIndex, onMenuSelectionPersist: setWelcomeMenuIndex })
+          import_react143.default.createElement(WelcomeScreen2, { version: version3, onMenuSelect: handleMenuSelect, defaultMenuIndex: welcomeMenuIndex, onMenuSelectionPersist: setWelcomeMenuIndex })
         );
       case "chat":
-        return import_react142.default.createElement(
-          import_react142.Suspense,
+        return import_react143.default.createElement(
+          import_react143.Suspense,
           { fallback: loadingFallback },
-          import_react142.default.createElement(ChatScreen2, { key: chatScreenKey, autoResume: autoResume || shouldAutoResume, enableYolo, enablePlan })
+          import_react143.default.createElement(ChatScreen2, { key: chatScreenKey, autoResume: autoResume || shouldAutoResume, enableYolo, enablePlan })
         );
       case "settings":
-        return import_react142.default.createElement(
+        return import_react143.default.createElement(
           Box_default,
           { flexDirection: "column" },
-          import_react142.default.createElement(Text, { color: "blue" }, "Settings"),
-          import_react142.default.createElement(Text, { color: "gray" }, "Settings interface would be implemented here")
+          import_react143.default.createElement(Text, { color: "blue" }, "Settings"),
+          import_react143.default.createElement(Text, { color: "gray" }, "Settings interface would be implemented here")
         );
       case "mcp":
-        return import_react142.default.createElement(
-          import_react142.Suspense,
+        return import_react143.default.createElement(
+          import_react143.Suspense,
           { fallback: loadingFallback },
-          import_react142.default.createElement(MCPConfigScreen2, { onBack: () => setCurrentView("welcome"), onSave: () => setCurrentView("welcome") })
+          import_react143.default.createElement(MCPConfigScreen2, { onBack: () => setCurrentView("welcome"), onSave: () => setCurrentView("welcome") })
         );
       case "systemprompt":
-        return import_react142.default.createElement(
-          import_react142.Suspense,
+        return import_react143.default.createElement(
+          import_react143.Suspense,
           { fallback: loadingFallback },
-          import_react142.default.createElement(SystemPromptConfigScreen3, { onBack: () => setCurrentView("welcome") })
+          import_react143.default.createElement(SystemPromptConfigScreen3, { onBack: () => setCurrentView("welcome") })
         );
       case "help":
-        return import_react142.default.createElement(
-          import_react142.Suspense,
+        return import_react143.default.createElement(
+          import_react143.Suspense,
           { fallback: loadingFallback },
-          import_react142.default.createElement(HelpScreen2, { onBackDestination: "chat" })
+          import_react143.default.createElement(HelpScreen2, { onBackDestination: "chat" })
         );
       case "customheaders":
-        return import_react142.default.createElement(
-          import_react142.Suspense,
+        return import_react143.default.createElement(
+          import_react143.Suspense,
           { fallback: loadingFallback },
-          import_react142.default.createElement(CustomHeadersScreen3, { onBack: () => setCurrentView("welcome") })
+          import_react143.default.createElement(CustomHeadersScreen3, { onBack: () => setCurrentView("welcome") })
         );
       case "tasks":
-        return import_react142.default.createElement(
-          import_react142.Suspense,
+        return import_react143.default.createElement(
+          import_react143.Suspense,
           { fallback: loadingFallback },
-          import_react142.default.createElement(TaskManagerScreen2, { onBack: () => setCurrentView("welcome"), onResumeTask: () => {
+          import_react143.default.createElement(TaskManagerScreen2, { onBack: () => setCurrentView("welcome"), onResumeTask: () => {
             setCurrentView("chat");
             setChatScreenKey((prev) => prev + 1);
           } })
         );
       default:
-        return import_react142.default.createElement(
-          import_react142.Suspense,
+        return import_react143.default.createElement(
+          import_react143.Suspense,
           { fallback: loadingFallback },
-          import_react142.default.createElement(WelcomeScreen2, { version: version3, onMenuSelect: handleMenuSelect, defaultMenuIndex: welcomeMenuIndex, onMenuSelectionPersist: setWelcomeMenuIndex })
+          import_react143.default.createElement(WelcomeScreen2, { version: version3, onMenuSelect: handleMenuSelect, defaultMenuIndex: welcomeMenuIndex, onMenuSelectionPersist: setWelcomeMenuIndex })
         );
     }
   };
-  return import_react142.default.createElement(
+  return import_react143.default.createElement(
     Box_default,
     { flexDirection: "column", width: terminalWidth },
     renderView(),
-    exitNotification.show && import_react142.default.createElement(
+    exitNotification.show && import_react143.default.createElement(
       Box_default,
       { paddingX: 1, flexShrink: 0 },
-      import_react142.default.createElement(Alert, { variant: "warning" }, exitNotification.message)
+      import_react143.default.createElement(Alert, { variant: "warning" }, exitNotification.message)
     )
   );
 }
 function App2({ version: version3, skipWelcome, autoResume, headlessPrompt, headlessSessionId, showTaskList, enableYolo, enablePlan }) {
   if (headlessPrompt) {
     const loadingFallback = null;
-    return import_react142.default.createElement(
+    return import_react143.default.createElement(
       I18nProvider,
       null,
-      import_react142.default.createElement(
+      import_react143.default.createElement(
         ThemeProvider,
         null,
-        import_react142.default.createElement(
-          import_react142.Suspense,
+        import_react143.default.createElement(
+          import_react143.Suspense,
           { fallback: loadingFallback },
-          import_react142.default.createElement(HeadlessModeScreen2, { prompt: headlessPrompt, sessionId: headlessSessionId, onComplete: () => gracefulExit() })
+          import_react143.default.createElement(HeadlessModeScreen2, { prompt: headlessPrompt, sessionId: headlessSessionId, onComplete: () => gracefulExit() })
         )
       )
     );
   }
   if (showTaskList) {
-    return import_react142.default.createElement(
+    return import_react143.default.createElement(
       I18nProvider,
       null,
-      import_react142.default.createElement(
+      import_react143.default.createElement(
         ThemeProvider,
         null,
-        import_react142.default.createElement(ShowTaskListWrapper, null)
+        import_react143.default.createElement(ShowTaskListWrapper, null)
       )
     );
   }
-  return import_react142.default.createElement(
+  return import_react143.default.createElement(
     I18nProvider,
     null,
-    import_react142.default.createElement(
+    import_react143.default.createElement(
       ThemeProvider,
       null,
-      import_react142.default.createElement(AppContent, { version: version3, skipWelcome, autoResume, enableYolo, enablePlan })
+      import_react143.default.createElement(AppContent, { version: version3, skipWelcome, autoResume, enableYolo, enablePlan })
     )
   );
 }
-var import_react142, WelcomeScreen2, ChatScreen2, HeadlessModeScreen2, TaskManagerScreen2, MCPConfigScreen2, SystemPromptConfigScreen3, CustomHeadersScreen3, HelpScreen2;
+var import_react143, WelcomeScreen2, ChatScreen2, HeadlessModeScreen2, TaskManagerScreen2, MCPConfigScreen2, SystemPromptConfigScreen3, CustomHeadersScreen3, HelpScreen2;
 var init_app = __esm({
   async "dist/app.js"() {
     "use strict";
-    import_react142 = __toESM(require_react(), 1);
+    import_react143 = __toESM(require_react(), 1);
     await init_build2();
     await init_build4();
     await init_useCursorHide();
@@ -562011,14 +562905,14 @@ var init_app = __esm({
     init_ThemeContext();
     init_processManager();
     init_apiConfig();
-    WelcomeScreen2 = import_react142.default.lazy(() => init_WelcomeScreen().then(() => WelcomeScreen_exports));
-    ChatScreen2 = import_react142.default.lazy(() => init_ChatScreen().then(() => ChatScreen_exports));
-    HeadlessModeScreen2 = import_react142.default.lazy(() => init_HeadlessModeScreen().then(() => HeadlessModeScreen_exports));
-    TaskManagerScreen2 = import_react142.default.lazy(() => init_TaskManagerScreen().then(() => TaskManagerScreen_exports));
-    MCPConfigScreen2 = import_react142.default.lazy(() => Promise.resolve().then(() => (init_MCPConfigScreen(), MCPConfigScreen_exports)));
-    SystemPromptConfigScreen3 = import_react142.default.lazy(() => init_SystemPromptConfigScreen().then(() => SystemPromptConfigScreen_exports));
-    CustomHeadersScreen3 = import_react142.default.lazy(() => init_CustomHeadersScreen().then(() => CustomHeadersScreen_exports));
-    HelpScreen2 = import_react142.default.lazy(() => init_HelpScreen().then(() => HelpScreen_exports));
+    WelcomeScreen2 = import_react143.default.lazy(() => init_WelcomeScreen().then(() => WelcomeScreen_exports));
+    ChatScreen2 = import_react143.default.lazy(() => init_ChatScreen().then(() => ChatScreen_exports));
+    HeadlessModeScreen2 = import_react143.default.lazy(() => init_HeadlessModeScreen().then(() => HeadlessModeScreen_exports));
+    TaskManagerScreen2 = import_react143.default.lazy(() => init_TaskManagerScreen().then(() => TaskManagerScreen_exports));
+    MCPConfigScreen2 = import_react143.default.lazy(() => Promise.resolve().then(() => (init_MCPConfigScreen(), MCPConfigScreen_exports)));
+    SystemPromptConfigScreen3 = import_react143.default.lazy(() => init_SystemPromptConfigScreen().then(() => SystemPromptConfigScreen_exports));
+    CustomHeadersScreen3 = import_react143.default.lazy(() => init_CustomHeadersScreen().then(() => CustomHeadersScreen_exports));
+    HelpScreen2 = import_react143.default.lazy(() => init_HelpScreen().then(() => HelpScreen_exports));
   }
 });
 
@@ -563643,17 +564537,17 @@ var SSEServerStatus_exports = {};
 __export(SSEServerStatus_exports, {
   SSEServerStatus: () => SSEServerStatus
 });
-var import_react143, SSEServerStatus;
+var import_react144, SSEServerStatus;
 var init_SSEServerStatus = __esm({
   async "dist/ui/components/sse/SSEServerStatus.js"() {
     "use strict";
-    import_react143 = __toESM(require_react(), 1);
+    import_react144 = __toESM(require_react(), 1);
     await init_build2();
     init_I18nContext();
     SSEServerStatus = ({ port, workingDir, onLogUpdate }) => {
       const { t } = useI18n();
-      const [logs, setLogs] = (0, import_react143.useState)([]);
-      (0, import_react143.useEffect)(() => {
+      const [logs, setLogs] = (0, import_react144.useState)([]);
+      (0, import_react144.useEffect)(() => {
         if (onLogUpdate) {
           onLogUpdate((message, level = "info") => {
             const timestamp = (/* @__PURE__ */ new Date()).toLocaleTimeString("zh-CN", {
@@ -563673,89 +564567,89 @@ var init_SSEServerStatus = __esm({
             return "gray";
         }
       };
-      return import_react143.default.createElement(
+      return import_react144.default.createElement(
         Box_default,
         { flexDirection: "column" },
-        import_react143.default.createElement(
+        import_react144.default.createElement(
           Box_default,
           null,
-          import_react143.default.createElement(Text, { bold: true, color: "green" }, t.sseServer.started)
+          import_react144.default.createElement(Text, { bold: true, color: "green" }, t.sseServer.started)
         ),
-        import_react143.default.createElement(
+        import_react144.default.createElement(
           Box_default,
           null,
-          import_react143.default.createElement(
+          import_react144.default.createElement(
             Text,
             null,
             t.sseServer.port,
             ": "
           ),
-          import_react143.default.createElement(Text, { color: "cyan" }, port),
-          workingDir && import_react143.default.createElement(
-            import_react143.default.Fragment,
+          import_react144.default.createElement(Text, { color: "cyan" }, port),
+          workingDir && import_react144.default.createElement(
+            import_react144.default.Fragment,
             null,
-            import_react143.default.createElement(
+            import_react144.default.createElement(
               Text,
               null,
               " | ",
               t.sseServer.workingDir,
               ": "
             ),
-            import_react143.default.createElement(Text, { color: "yellow" }, workingDir)
+            import_react144.default.createElement(Text, { color: "yellow" }, workingDir)
           ),
-          import_react143.default.createElement(Text, null, " | "),
-          import_react143.default.createElement(
+          import_react144.default.createElement(Text, null, " | "),
+          import_react144.default.createElement(
             Text,
             { color: "green" },
             "\u25CF ",
             t.sseServer.running
           )
         ),
-        import_react143.default.createElement(
+        import_react144.default.createElement(
           Box_default,
           { flexDirection: "column" },
-          import_react143.default.createElement(
+          import_react144.default.createElement(
             Text,
             { dimColor: true },
             t.sseServer.endpoints,
             ":"
           ),
-          import_react143.default.createElement(
+          import_react144.default.createElement(
             Text,
             { color: "blue" },
             " http://localhost:",
             port,
             "/events"
           ),
-          import_react143.default.createElement(
+          import_react144.default.createElement(
             Text,
             { color: "blue" },
             " POST http://localhost:",
             port,
             "/message"
           ),
-          import_react143.default.createElement(
+          import_react144.default.createElement(
             Text,
             { color: "blue" },
             " POST http://localhost:",
             port,
             "/session/create"
           ),
-          import_react143.default.createElement(
+          import_react144.default.createElement(
             Text,
             { color: "blue" },
             " POST http://localhost:",
             port,
             "/session/load"
           ),
-          import_react143.default.createElement(
+          import_react144.default.createElement(
             Text,
             { color: "blue" },
             " GET http://localhost:",
             port,
             "/session/list"
           ),
-          import_react143.default.createElement(
+          import_react144.default.createElement(
             Text,
             { color: "blue" },
             " ",
@@ -563763,7 +564657,7 @@ var init_SSEServerStatus = __esm({
             port,
             "/session/rollback-points?sessionId=:sessionId"
           ),
-          import_react143.default.createElement(
+          import_react144.default.createElement(
             Text,
             { color: "blue" },
             " ",
@@ -563771,14 +564665,14 @@ var init_SSEServerStatus = __esm({
             port,
             "/session/:sessionId"
           ),
-          import_react143.default.createElement(
+          import_react144.default.createElement(
             Text,
             { color: "blue" },
             " POST http://localhost:",
             port,
             "/context/compress"
           ),
-          import_react143.default.createElement(
+          import_react144.default.createElement(
             Text,
             { color: "blue" },
             " GET http://localhost:",
@@ -563786,10 +564680,10 @@ var init_SSEServerStatus = __esm({
             "/health"
           )
         ),
-        import_react143.default.createElement(
+        import_react144.default.createElement(
           Box_default,
           { flexDirection: "column" },
-          import_react143.default.createElement(
+          import_react144.default.createElement(
             Text,
             { dimColor: true },
             t.sseServer.logs,
@@ -563797,23 +564691,23 @@ var init_SSEServerStatus = __esm({
             logs.length,
             "):"
           ),
-          import_react143.default.createElement(Box_default, { flexDirection: "column" }, logs.map((log, index) => import_react143.default.createElement(
+          import_react144.default.createElement(Box_default, { flexDirection: "column" }, logs.map((log, index) => import_react144.default.createElement(
             Box_default,
             { key: index },
-            import_react143.default.createElement(
+            import_react144.default.createElement(
               Text,
               { dimColor: true },
               "[",
               log.timestamp,
               "] "
             ),
-            import_react143.default.createElement(Text, { color: getLevelColor(log.level) }, log.message)
+            import_react144.default.createElement(Text, { color: getLevelColor(log.level) }, log.message)
           )))
         ),
-        import_react143.default.createElement(
+        import_react144.default.createElement(
           Box_default,
           null,
-          import_react143.default.createElement(Text, { dimColor: true }, t.sseServer.stopHint)
+          import_react144.default.createElement(Text, { dimColor: true }, t.sseServer.stopHint)
         )
       );
     };
@@ -564121,7 +565015,7 @@ var init_taskExecutor = __esm({
 });
 
 // dist/cli.js
-var import_react144 = __toESM(require_react(), 1);
+var import_react145 = __toESM(require_react(), 1);
 await init_build2();
 init_updateNotice();
 await init_build3();
@@ -565205,10 +566099,10 @@ if (cli.flags.sse) {
     const { SSEServerStatus: SSEServerStatus2 } = await init_SSEServerStatus().then(() => SSEServerStatus_exports);
     const { I18nProvider: I18nProvider2 } = await Promise.resolve().then(() => (init_I18nContext(), I18nContext_exports));
     let logUpdater;
-    const { unmount } = render_default(import_react144.default.createElement(
+    const { unmount } = render_default(import_react145.default.createElement(
       I18nProvider2,
       null,
-      import_react144.default.createElement(SSEServerStatus2, { port, workingDir: workDir || process.cwd(), onLogUpdate: (callback) => {
+      import_react145.default.createElement(SSEServerStatus2, { port, workingDir: workDir || process.cwd(), onLogUpdate: (callback) => {
         logUpdater = callback;
       } })
     ));
@@ -565254,9 +566148,9 @@ if (cli.flags.taskExecute) {
   process.exit(0);
 }
 var Startup = ({ version: version3, skipWelcome, autoResume, headlessPrompt, headlessSessionId, showTaskList, isDevMode: isDevMode2, enableYolo, enablePlan }) => {
-  const [appReady, setAppReady] = import_react144.default.useState(false);
-  const [AppComponent, setAppComponent] = import_react144.default.useState(null);
-  import_react144.default.useEffect(() => {
+  const [appReady, setAppReady] = import_react145.default.useState(false);
+  const [AppComponent, setAppComponent] = import_react145.default.useState(null);
+  import_react145.default.useEffect(() => {
     let mounted = true;
     const init = async () => {
       const deps = await loadDependencies();
@@ -565302,22 +566196,22 @@ var Startup = ({ version: version3, skipWelcome, autoResume, headlessPrompt, hea
     };
   }, [version3, isDevMode2]);
   if (!appReady || !AppComponent) {
-    return import_react144.default.createElement(
+    return import_react145.default.createElement(
       Box_default,
       { flexDirection: "column" },
-      import_react144.default.createElement(
+      import_react145.default.createElement(
         Box_default,
         null,
-        import_react144.default.createElement(
+        import_react145.default.createElement(
           Text,
           { color: "cyan" },
-          import_react144.default.createElement(build_default, { type: "dots" })
+          import_react145.default.createElement(build_default, { type: "dots" })
         ),
-        import_react144.default.createElement(Text, null, " Loading...")
+        import_react145.default.createElement(Text, null, " Loading...")
       )
     );
   }
-  return import_react144.default.createElement(AppComponent, { version: version3, skipWelcome, autoResume, headlessPrompt, headlessSessionId, showTaskList, enableYolo, enablePlan });
+  return import_react145.default.createElement(AppComponent, { version: version3, skipWelcome, autoResume, headlessPrompt, headlessSessionId, showTaskList, enableYolo, enablePlan });
 };
 process.stdout.write("\x1B[?2004l");
 process.stdout.write("\x1B[2K\r");
@@ -565365,7 +566259,7 @@ process.on("SIGTERM", async () => {
   await cleanupAsync();
   process.exit(0);
 });
-render_default(import_react144.default.createElement(Startup, { version: VERSION2, skipWelcome: Boolean(cli.flags.c || cli.flags.yolo || cli.flags.yoloP || cli.flags.cYolo), autoResume: Boolean(cli.flags.c || cli.flags.cYolo), headlessPrompt: typeof cli.flags["ask"] === "string" ? cli.flags["ask"] : void 0, headlessSessionId: cli.input[0], showTaskList: cli.flags.taskList, isDevMode: cli.flags.dev, enableYolo: Boolean(cli.flags.yolo || cli.flags.yoloP || cli.flags.cYolo), enablePlan: Boolean(cli.flags.yoloP) }), {
+render_default(import_react145.default.createElement(Startup, { version: VERSION2, skipWelcome: Boolean(cli.flags.c || cli.flags.yolo || cli.flags.yoloP || cli.flags.cYolo), autoResume: Boolean(cli.flags.c || cli.flags.cYolo), headlessPrompt: typeof cli.flags["ask"] === "string" ? cli.flags["ask"] : void 0, headlessSessionId: cli.input[0], showTaskList: cli.flags.taskList, isDevMode: cli.flags.dev, enableYolo: Boolean(cli.flags.yolo || cli.flags.yoloP || cli.flags.cYolo), enablePlan: Boolean(cli.flags.yoloP) }), {
   exitOnCtrlC: false,
   patchConsole: true
 });