@shareai-lab/kode 1.2.0 → 2.0.2

package/dist/components/ModelSelector.js

@@ -1,1985 +0,0 @@
-import React, { useState, useEffect, useRef } from "react";
-import { Box, Text, useInput } from "ink";
-import { getTheme } from "../utils/theme.js";
-import { Select } from "./CustomSelect/select.js";
-import { Newline } from "ink";
-import { getModelManager } from "../utils/model.js";
-function ScreenContainer({
-  title,
-  exitState,
-  children
-}) {
-  const theme = getTheme();
-  return /* @__PURE__ */ React.createElement(
-    Box,
-    {
-      flexDirection: "column",
-      gap: 1,
-      borderStyle: "round",
-      borderColor: theme.secondaryBorder,
-      paddingX: 2,
-      paddingY: 1
-    },
-    /* @__PURE__ */ React.createElement(Text, { bold: true }, title, " ", exitState.pending ? `(press ${exitState.keyName} again to exit)` : ""),
-    children
-  );
-}
-import { useExitOnCtrlCD } from "../hooks/useExitOnCtrlCD.js";
-import {
-  getGlobalConfig,
-  setAllPointersToModel,
-  setModelPointer
-} from "../utils/config.js";
-import models, { providers } from "../constants/models.js";
-import TextInput from "./TextInput.js";
-import OpenAI from "openai";
-import chalk from "chalk";
-import { verifyApiKey } from "../services/claude.js";
-import { fetchCustomModels } from "../services/openai.js";
-import { testGPT5Connection, validateGPT5Config } from "../services/gpt5ConnectionTest.js";
-const CONTEXT_LENGTH_OPTIONS = [
-  { label: "32K tokens", value: 32e3 },
-  { label: "64K tokens", value: 64e3 },
-  { label: "128K tokens", value: 128e3 },
-  { label: "200K tokens", value: 2e5 },
-  { label: "256K tokens", value: 256e3 },
-  { label: "300K tokens", value: 3e5 },
-  { label: "512K tokens", value: 512e3 },
-  { label: "1000K tokens", value: 1e6 },
-  { label: "2000K tokens", value: 2e6 },
-  { label: "3000K tokens", value: 3e6 },
-  { label: "5000K tokens", value: 5e6 },
-  { label: "10000K tokens", value: 1e7 }
-];
-const DEFAULT_CONTEXT_LENGTH = 128e3;
-const MAX_TOKENS_OPTIONS = [
-  { label: "1K tokens", value: 1024 },
-  { label: "2K tokens", value: 2048 },
-  { label: "4K tokens", value: 4096 },
-  { label: "8K tokens (recommended)", value: 8192 },
-  { label: "16K tokens", value: 16384 },
-  { label: "32K tokens", value: 32768 },
-  { label: "64K tokens", value: 65536 },
-  { label: "128K tokens", value: 131072 }
-];
-const DEFAULT_MAX_TOKENS = 8192;
-function useEscapeNavigation(onEscape, abortController) {
-  const handledRef = useRef(false);
-  useInput(
-    (input, key) => {
-      if (key.escape && !handledRef.current) {
-        handledRef.current = true;
-        setTimeout(() => {
-          handledRef.current = false;
-        }, 100);
-        onEscape();
-      }
-    },
-    { isActive: true }
-  );
-}
-function printModelConfig() {
-  const config = getGlobalConfig();
-  const modelProfiles = config.modelProfiles || [];
-  const activeProfiles = modelProfiles.filter((p) => p.isActive);
-  if (activeProfiles.length === 0) {
-    console.log(chalk.gray("  \u23BF  No active model profiles configured"));
-    return;
-  }
-  const profileSummary = activeProfiles.map((p) => `${p.name} (${p.provider}: ${p.modelName})`).join(" | ");
-  console.log(chalk.gray(`  \u23BF  ${profileSummary}`));
-}
-function ModelSelector({
-  onDone: onDoneProp,
-  abortController,
-  targetPointer,
-  isOnboarding = false,
-  onCancel,
-  skipModelType = false
-}) {
-  const config = getGlobalConfig();
-  const theme = getTheme();
-  const onDone = () => {
-    printModelConfig();
-    onDoneProp();
-  };
-  const exitState = useExitOnCtrlCD(() => process.exit(0));
-  const getInitialScreen = () => {
-    return "provider";
-  };
-  const [screenStack, setScreenStack] = useState([getInitialScreen()]);
-  const currentScreen = screenStack[screenStack.length - 1];
-  const navigateTo = (screen) => {
-    setScreenStack((prev) => [...prev, screen]);
-  };
-  const goBack = () => {
-    if (screenStack.length > 1) {
-      setScreenStack((prev) => prev.slice(0, -1));
-    } else {
-      onDone();
-    }
-  };
-  const [selectedProvider, setSelectedProvider] = useState(
-    config.primaryProvider ?? "anthropic"
-  );
-  const [anthropicProviderType, setAnthropicProviderType] = useState("official");
-  const [selectedModel, setSelectedModel] = useState("");
-  const [apiKey, setApiKey] = useState("");
-  const [maxTokens, setMaxTokens] = useState(
-    config.maxTokens?.toString() || DEFAULT_MAX_TOKENS.toString()
-  );
-  const [maxTokensMode, setMaxTokensMode] = useState(
-    "preset"
-  );
-  const [selectedMaxTokensPreset, setSelectedMaxTokensPreset] = useState(config.maxTokens || DEFAULT_MAX_TOKENS);
-  const [reasoningEffort, setReasoningEffort] = useState("medium");
-  const [supportsReasoningEffort, setSupportsReasoningEffort] = useState(false);
-  const [contextLength, setContextLength] = useState(
-    DEFAULT_CONTEXT_LENGTH
-  );
-  const [activeFieldIndex, setActiveFieldIndex] = useState(0);
-  const [maxTokensCursorOffset, setMaxTokensCursorOffset] = useState(0);
-  const [availableModels, setAvailableModels] = useState([]);
-  const [isLoadingModels, setIsLoadingModels] = useState(false);
-  const [modelLoadError, setModelLoadError] = useState(null);
-  const [modelSearchQuery, setModelSearchQuery] = useState("");
-  const [modelSearchCursorOffset, setModelSearchCursorOffset] = useState(0);
-  const [cursorOffset, setCursorOffset] = useState(0);
-  const [apiKeyEdited, setApiKeyEdited] = useState(false);
-  const [fetchRetryCount, setFetchRetryCount] = useState(0);
-  const [isRetrying, setIsRetrying] = useState(false);
-  const [isTestingConnection, setIsTestingConnection] = useState(false);
-  const [connectionTestResult, setConnectionTestResult] = useState(null);
-  const [validationError, setValidationError] = useState(null);
-  const [resourceName, setResourceName] = useState("");
-  const [resourceNameCursorOffset, setResourceNameCursorOffset] = useState(0);
-  const [customModelName, setCustomModelName] = useState("");
-  const [customModelNameCursorOffset, setCustomModelNameCursorOffset] = useState(0);
-  const [ollamaBaseUrl, setOllamaBaseUrl] = useState(
-    "http://localhost:11434/v1"
-  );
-  const [ollamaBaseUrlCursorOffset, setOllamaBaseUrlCursorOffset] = useState(0);
-  const [customBaseUrl, setCustomBaseUrl] = useState("");
-  const [customBaseUrlCursorOffset, setCustomBaseUrlCursorOffset] = useState(0);
-  const [providerBaseUrl, setProviderBaseUrl] = useState("");
-  const [providerBaseUrlCursorOffset, setProviderBaseUrlCursorOffset] = useState(0);
-  const reasoningEffortOptions = [
-    { label: "Low - Faster responses, less thorough reasoning", value: "low" },
-    { label: "Medium - Balanced speed and reasoning depth", value: "medium" },
-    {
-      label: "High - Slower responses, more thorough reasoning",
-      value: "high"
-    }
-  ];
-  const availableProviders = Object.keys(providers).filter(
-    (provider) => provider !== "bigdream" && provider !== "opendev"
-  );
-  const providerOptions = availableProviders.map((provider) => {
-    const modelCount = models[provider]?.length || 0;
-    const label = getProviderLabel(provider, modelCount);
-    return {
-      label,
-      value: provider
-    };
-  });
-  useEffect(() => {
-    if (!apiKeyEdited && selectedProvider) {
-      if (process.env[selectedProvider.toUpperCase() + "_API_KEY"]) {
-        setApiKey(
-          process.env[selectedProvider.toUpperCase() + "_API_KEY"]
-        );
-      } else {
-        setApiKey("");
-      }
-    }
-  }, [selectedProvider, apiKey, apiKeyEdited]);
-  useEffect(() => {
-    if (currentScreen === "contextLength" && !CONTEXT_LENGTH_OPTIONS.find((opt) => opt.value === contextLength)) {
-      setContextLength(DEFAULT_CONTEXT_LENGTH);
-    }
-  }, [currentScreen, contextLength]);
-  const ourModelNames = new Set(
-    (models[selectedProvider] || []).map(
-      (model) => model.model
-    )
-  );
-  const filteredModels = modelSearchQuery ? availableModels.filter(
-    (model) => model.model?.toLowerCase().includes(modelSearchQuery.toLowerCase())
-  ) : availableModels;
-  const sortModelsByPriority = (models2) => {
-    const priorityKeywords = [
-      "claude",
-      "kimi",
-      "deepseek",
-      "minimax",
-      "o3",
-      "gpt",
-      "qwen"
-    ];
-    return models2.sort((a, b) => {
-      const aModelLower = a.model?.toLowerCase() || "";
-      const bModelLower = b.model?.toLowerCase() || "";
-      const aHasPriority = priorityKeywords.some(
-        (keyword) => aModelLower.includes(keyword)
-      );
-      const bHasPriority = priorityKeywords.some(
-        (keyword) => bModelLower.includes(keyword)
-      );
-      if (aHasPriority && !bHasPriority) return -1;
-      if (!aHasPriority && bHasPriority) return 1;
-      return a.model.localeCompare(b.model);
-    });
-  };
-  const sortedFilteredModels = sortModelsByPriority(filteredModels);
-  const modelOptions = sortedFilteredModels.map((model) => {
-    const isInOurModels = ourModelNames.has(model.model);
-    return {
-      label: `${model.model}${getModelDetails(model)}`,
-      value: model.model
-    };
-  });
-  function getModelDetails(model) {
-    const details = [];
-    if (model.max_tokens) {
-      details.push(`${formatNumber(model.max_tokens)} tokens`);
-    }
-    if (model.supports_vision) {
-      details.push("vision");
-    }
-    if (model.supports_function_calling) {
-      details.push("tools");
-    }
-    return details.length > 0 ? ` (${details.join(", ")})` : "";
-  }
-  function formatNumber(num) {
-    if (num >= 1e6) {
-      return `${(num / 1e6).toFixed(1)}M`;
-    } else if (num >= 1e3) {
-      return `${(num / 1e3).toFixed(0)}K`;
-    }
-    return num.toString();
-  }
-  function getProviderLabel(provider, modelCount) {
-    if (providers[provider]) {
-      return `${providers[provider].name} ${providers[provider].status === "wip" ? "(WIP)" : ""} (${modelCount} models)`;
-    }
-    return `${provider}`;
-  }
-  function handleProviderSelection(provider) {
-    const providerType = provider;
-    setSelectedProvider(providerType);
-    if (provider === "custom") {
-      saveConfiguration(providerType, selectedModel || "");
-      onDone();
-    } else if (provider === "anthropic") {
-      navigateTo("anthropicSubMenu");
-    } else {
-      const defaultBaseUrl = providers[providerType]?.baseURL || "";
-      setProviderBaseUrl(defaultBaseUrl);
-      navigateTo("baseUrl");
-    }
-  }
-  async function fetchAnthropicModels2(baseURL, apiKey2) {
-    try {
-      const response = await fetch(`${baseURL}/v1/models`, {
-        method: "GET",
-        headers: {
-          "x-api-key": apiKey2,
-          "anthropic-version": "2023-06-01",
-          "Content-Type": "application/json",
-          "Authorization": `Bearer ${apiKey2}`
-        }
-      });
-      if (!response.ok) {
-        if (response.status === 401) {
-          throw new Error(
-            "Invalid API key. Please check your API key and try again."
-          );
-        } else if (response.status === 403) {
-          throw new Error("API key does not have permission to access models.");
-        } else if (response.status === 404) {
-          throw new Error(
-            "API endpoint not found. This provider may not support model listing."
-          );
-        } else if (response.status === 429) {
-          throw new Error(
-            "Too many requests. Please wait a moment and try again."
-          );
-        } else if (response.status >= 500) {
-          throw new Error(
-            "API service is temporarily unavailable. Please try again later."
-          );
-        } else {
-          throw new Error(`Unable to connect to API (${response.status}).`);
-        }
-      }
-      const data = await response.json();
-      let models2 = [];
-      if (data && data.data && Array.isArray(data.data)) {
-        models2 = data.data;
-      } else if (Array.isArray(data)) {
-        models2 = data;
-      } else if (data && data.models && Array.isArray(data.models)) {
-        models2 = data.models;
-      } else {
-        throw new Error("API returned unexpected response format.");
-      }
-      return models2;
-    } catch (error) {
-      if (error instanceof Error && (error.message.includes("API key") || error.message.includes("API endpoint") || error.message.includes("API service") || error.message.includes("response format"))) {
-        throw error;
-      }
-      if (error instanceof Error && error.message.includes("fetch")) {
-        throw new Error(
-          "Unable to connect to the API. Please check the base URL and your internet connection."
-        );
-      }
-      throw new Error(
-        "Failed to fetch models from API. Please check your configuration and try again."
-      );
-    }
-  }
-  async function fetchAnthropicCompatibleModelsWithFallback(baseURL, provider, apiKeyUrl) {
-    let lastError = null;
-    try {
-      const models2 = await fetchAnthropicModels2(baseURL, apiKey);
-      return models2.map((model) => ({
-        model: model.modelName || model.id || model.name || model.model || "unknown",
-        provider,
-        max_tokens: model.max_tokens || 8192,
-        supports_vision: model.supports_vision || true,
-        supports_function_calling: model.supports_function_calling || true,
-        supports_reasoning_effort: false
-      }));
-    } catch (error) {
-      lastError = error;
-      console.log(
-        `Anthropic API failed for ${provider}, trying OpenAI format:`,
-        error
-      );
-    }
-    try {
-      const models2 = await fetchCustomModels(baseURL, apiKey);
-      return models2.map((model) => ({
-        model: model.modelName || model.id || model.name || model.model || "unknown",
-        provider,
-        max_tokens: model.max_tokens || 8192,
-        supports_vision: model.supports_vision || false,
-        supports_function_calling: model.supports_function_calling || true,
-        supports_reasoning_effort: false
-      }));
-    } catch (error) {
-      lastError = error;
-      console.log(
-        `OpenAI API failed for ${provider}, falling back to manual input:`,
-        error
-      );
-    }
-    let errorMessage = `Failed to fetch ${provider} models using both Anthropic and OpenAI API formats`;
-    if (lastError) {
-      errorMessage = lastError.message;
-    }
-    if (errorMessage.includes("API key")) {
-      errorMessage += `
-
-\u{1F4A1} Tip: Get your API key from ${apiKeyUrl}`;
-    } else if (errorMessage.includes("permission")) {
-      errorMessage += `
-
-\u{1F4A1} Tip: Make sure your API key has access to the ${provider} API`;
-    } else if (errorMessage.includes("connection")) {
-      errorMessage += "\n\n\u{1F4A1} Tip: Check your internet connection and try again";
-    }
-    setModelLoadError(errorMessage);
-    throw new Error(errorMessage);
-  }
-  async function fetchAnthropicCompatibleProviderModels() {
-    let defaultBaseURL;
-    let apiKeyUrl;
-    let actualProvider;
-    switch (anthropicProviderType) {
-      case "official":
-        defaultBaseURL = "https://api.anthropic.com";
-        apiKeyUrl = "https://console.anthropic.com/settings/keys";
-        actualProvider = "anthropic";
-        break;
-      case "bigdream":
-        defaultBaseURL = "https://api-key.info";
-        apiKeyUrl = "https://api-key.info/register?aff=MSl4";
-        actualProvider = "bigdream";
-        break;
-      case "opendev":
-        defaultBaseURL = "https://api.openai-next.com";
-        apiKeyUrl = "https://api.openai-next.com/register/?aff_code=4xo7";
-        actualProvider = "opendev";
-        break;
-      case "custom":
-        defaultBaseURL = providerBaseUrl;
-        apiKeyUrl = "your custom API provider";
-        actualProvider = "anthropic";
-        break;
-      default:
-        throw new Error(
-          `Unsupported Anthropic provider type: ${anthropicProviderType}`
-        );
-    }
-    const baseURL = anthropicProviderType === "custom" ? providerBaseUrl : providerBaseUrl || defaultBaseURL;
-    return await fetchAnthropicCompatibleModelsWithFallback(
-      baseURL,
-      actualProvider,
-      apiKeyUrl
-    );
-  }
-  async function fetchKimiModels() {
-    try {
-      const baseURL = providerBaseUrl || "https://api.moonshot.cn/v1";
-      const models2 = await fetchCustomModels(baseURL, apiKey);
-      const kimiModels = models2.map((model) => ({
-        model: model.modelName || model.id || model.name || model.model || "unknown",
-        provider: "kimi",
-        max_tokens: model.max_tokens || 8192,
-        supports_vision: false,
-        // Default to false, could be enhanced
-        supports_function_calling: true,
-        supports_reasoning_effort: false
-      }));
-      return kimiModels;
-    } catch (error) {
-      let errorMessage = "Failed to fetch Kimi models";
-      if (error instanceof Error) {
-        errorMessage = error.message;
-      }
-      if (errorMessage.includes("API key")) {
-        errorMessage += "\n\n\u{1F4A1} Tip: Get your API key from https://platform.moonshot.cn/console/api-keys";
-      } else if (errorMessage.includes("permission")) {
-        errorMessage += "\n\n\u{1F4A1} Tip: Make sure your API key has access to the Kimi API";
-      } else if (errorMessage.includes("connection")) {
-        errorMessage += "\n\n\u{1F4A1} Tip: Check your internet connection and try again";
-      }
-      setModelLoadError(errorMessage);
-      throw error;
-    }
-  }
-  async function fetchDeepSeekModels() {
-    try {
-      const baseURL = providerBaseUrl || "https://api.deepseek.com";
-      const models2 = await fetchCustomModels(baseURL, apiKey);
-      const deepseekModels = models2.map((model) => ({
-        model: model.modelName || model.id || model.name || model.model || "unknown",
-        provider: "deepseek",
-        max_tokens: model.max_tokens || 8192,
-        supports_vision: false,
-        // Default to false, could be enhanced
-        supports_function_calling: true,
-        supports_reasoning_effort: false
-      }));
-      return deepseekModels;
-    } catch (error) {
-      let errorMessage = "Failed to fetch DeepSeek models";
-      if (error instanceof Error) {
-        errorMessage = error.message;
-      }
-      if (errorMessage.includes("API key")) {
-        errorMessage += "\n\n\u{1F4A1} Tip: Get your API key from https://platform.deepseek.com/api_keys";
-      } else if (errorMessage.includes("permission")) {
-        errorMessage += "\n\n\u{1F4A1} Tip: Make sure your API key has access to the DeepSeek API";
-      } else if (errorMessage.includes("connection")) {
-        errorMessage += "\n\n\u{1F4A1} Tip: Check your internet connection and try again";
-      }
-      setModelLoadError(errorMessage);
-      throw error;
-    }
-  }
-  async function fetchSiliconFlowModels() {
-    try {
-      const baseURL = providerBaseUrl || "https://api.siliconflow.cn/v1";
-      const models2 = await fetchCustomModels(baseURL, apiKey);
-      const siliconflowModels = models2.map((model) => ({
-        model: model.modelName || model.id || model.name || model.model || "unknown",
-        provider: "siliconflow",
-        max_tokens: model.max_tokens || 8192,
-        supports_vision: false,
-        // Default to false, could be enhanced
-        supports_function_calling: true,
-        supports_reasoning_effort: false
-      }));
-      return siliconflowModels;
-    } catch (error) {
-      let errorMessage = "Failed to fetch SiliconFlow models";
-      if (error instanceof Error) {
-        errorMessage = error.message;
-      }
-      if (errorMessage.includes("API key")) {
-        errorMessage += "\n\n\u{1F4A1} Tip: Get your API key from https://cloud.siliconflow.cn/i/oJWsm6io";
-      } else if (errorMessage.includes("permission")) {
-        errorMessage += "\n\n\u{1F4A1} Tip: Make sure your API key has access to the SiliconFlow API";
-      } else if (errorMessage.includes("connection")) {
-        errorMessage += "\n\n\u{1F4A1} Tip: Check your internet connection and try again";
-      }
-      setModelLoadError(errorMessage);
-      throw error;
-    }
-  }
-  async function fetchQwenModels() {
-    try {
-      const baseURL = providerBaseUrl || "https://dashscope.aliyuncs.com/compatible-mode/v1";
-      const models2 = await fetchCustomModels(baseURL, apiKey);
-      const qwenModels = models2.map((model) => ({
-        model: model.modelName || model.id || model.name || model.model || "unknown",
-        provider: "qwen",
-        max_tokens: model.max_tokens || 8192,
-        supports_vision: false,
-        supports_function_calling: true,
-        supports_reasoning_effort: false
-      }));
-      return qwenModels;
-    } catch (error) {
-      let errorMessage = "Failed to fetch Qwen models";
-      if (error instanceof Error) {
-        errorMessage = error.message;
-      }
-      if (errorMessage.includes("API key")) {
-        errorMessage += "\n\n\u{1F4A1} Tip: Get your API key from https://bailian.console.aliyun.com/?tab=model#/api-key";
-      } else if (errorMessage.includes("permission")) {
-        errorMessage += "\n\n\u{1F4A1} Tip: Make sure your API key has access to the Qwen API";
-      } else if (errorMessage.includes("connection")) {
-        errorMessage += "\n\n\u{1F4A1} Tip: Check your internet connection and try again";
-      }
-      setModelLoadError(errorMessage);
-      throw error;
-    }
-  }
-  async function fetchGLMModels() {
-    try {
-      const baseURL = providerBaseUrl || "https://open.bigmodel.cn/api/paas/v4";
-      const models2 = await fetchCustomModels(baseURL, apiKey);
-      const glmModels = models2.map((model) => ({
-        model: model.modelName || model.id || model.name || model.model || "unknown",
-        provider: "glm",
-        max_tokens: model.max_tokens || 8192,
-        supports_vision: false,
-        supports_function_calling: true,
-        supports_reasoning_effort: false
-      }));
-      return glmModels;
-    } catch (error) {
-      let errorMessage = "Failed to fetch GLM models";
-      if (error instanceof Error) {
-        errorMessage = error.message;
-      }
-      if (errorMessage.includes("API key")) {
-        errorMessage += "\n\n\u{1F4A1} Tip: Get your API key from https://open.bigmodel.cn (API Keys section)";
-      } else if (errorMessage.includes("permission")) {
-        errorMessage += "\n\n\u{1F4A1} Tip: Make sure your API key has access to the GLM API";
-      } else if (errorMessage.includes("connection")) {
-        errorMessage += "\n\n\u{1F4A1} Tip: Check your internet connection and try again";
-      }
-      setModelLoadError(errorMessage);
-      throw error;
-    }
-  }
-  async function fetchMinimaxModels() {
-    try {
-      const baseURL = providerBaseUrl || "https://api.minimaxi.com/v1";
-      const models2 = await fetchCustomModels(baseURL, apiKey);
-      const minimaxModels = models2.map((model) => ({
-        model: model.modelName || model.id || model.name || model.model || "unknown",
-        provider: "minimax",
-        max_tokens: model.max_tokens || 8192,
-        supports_vision: false,
-        supports_function_calling: true,
-        supports_reasoning_effort: false
-      }));
-      return minimaxModels;
-    } catch (error) {
-      let errorMessage = "Failed to fetch MiniMax models";
-      if (error instanceof Error) {
-        errorMessage = error.message;
-      }
-      if (errorMessage.includes("API key")) {
-        errorMessage += "\n\n\u{1F4A1} Tip: Get your API key from https://www.minimax.io/platform/user-center/basic-information";
-      } else if (errorMessage.includes("permission")) {
-        errorMessage += "\n\n\u{1F4A1} Tip: Make sure your API key has access to the MiniMax API";
-      } else if (errorMessage.includes("connection")) {
-        errorMessage += "\n\n\u{1F4A1} Tip: Check your internet connection and try again";
-      }
-      setModelLoadError(errorMessage);
-      throw error;
-    }
-  }
-  async function fetchBaiduQianfanModels() {
-    try {
-      const baseURL = providerBaseUrl || "https://qianfan.baidubce.com/v2";
-      const models2 = await fetchCustomModels(baseURL, apiKey);
-      const baiduModels = models2.map((model) => ({
-        model: model.modelName || model.id || model.name || model.model || "unknown",
-        provider: "baidu-qianfan",
-        max_tokens: model.max_tokens || 8192,
-        supports_vision: false,
-        supports_function_calling: true,
-        supports_reasoning_effort: false
-      }));
-      return baiduModels;
-    } catch (error) {
-      let errorMessage = "Failed to fetch Baidu Qianfan models";
-      if (error instanceof Error) {
-        errorMessage = error.message;
-      }
-      if (errorMessage.includes("API key")) {
-        errorMessage += "\n\n\u{1F4A1} Tip: Get your API key from https://console.bce.baidu.com/iam/#/iam/accesslist";
-      } else if (errorMessage.includes("permission")) {
-        errorMessage += "\n\n\u{1F4A1} Tip: Make sure your API key has access to the Baidu Qianfan API";
-      } else if (errorMessage.includes("connection")) {
-        errorMessage += "\n\n\u{1F4A1} Tip: Check your internet connection and try again";
-      }
-      setModelLoadError(errorMessage);
-      throw error;
-    }
-  }
-  async function fetchCustomOpenAIModels() {
-    try {
-      const models2 = await fetchCustomModels(customBaseUrl, apiKey);
-      const customModels = models2.map((model) => ({
-        model: model.modelName || model.id || model.name || model.model || "unknown",
-        provider: "custom-openai",
-        max_tokens: model.max_tokens || 4096,
-        supports_vision: false,
-        // Default to false, could be enhanced
-        supports_function_calling: true,
-        supports_reasoning_effort: false
-      }));
-      return customModels;
-    } catch (error) {
-      let errorMessage = "Failed to fetch custom API models";
-      if (error instanceof Error) {
-        errorMessage = error.message;
-      }
-      if (errorMessage.includes("API key")) {
-        errorMessage += "\n\n\u{1F4A1} Tip: Check that your API key is valid for this endpoint";
-      } else if (errorMessage.includes("endpoint not found")) {
-        errorMessage += "\n\n\u{1F4A1} Tip: Make sure the base URL ends with /v1 and supports OpenAI-compatible API";
-      } else if (errorMessage.includes("connect")) {
-        errorMessage += "\n\n\u{1F4A1} Tip: Verify the base URL is correct and accessible";
-      } else if (errorMessage.includes("response format")) {
-        errorMessage += "\n\n\u{1F4A1} Tip: This API may not be fully OpenAI-compatible";
-      }
-      setModelLoadError(errorMessage);
-      throw error;
-    }
-  }
-  async function fetchGeminiModels() {
-    try {
-      const response = await fetch(
-        `https://generativelanguage.googleapis.com/v1beta/models?key=${apiKey}`
-      );
-      if (!response.ok) {
-        const errorData = await response.json();
-        throw new Error(
-          errorData.error?.message || `API error: ${response.status}`
-        );
-      }
-      const { models: models2 } = await response.json();
-      const geminiModels = models2.filter(
-        (model) => model.supportedGenerationMethods.includes("generateContent")
-      ).map((model) => ({
-        model: model.name.replace("models/", ""),
-        provider: "gemini",
-        max_tokens: model.outputTokenLimit,
-        supports_vision: model.supportedGenerationMethods.includes("generateContent"),
-        supports_function_calling: model.supportedGenerationMethods.includes("generateContent")
-      }));
-      return geminiModels;
-    } catch (error) {
-      setModelLoadError(
-        error instanceof Error ? error.message : "Unknown error"
-      );
-      throw error;
-    }
-  }
-  async function fetchOllamaModels() {
-    try {
-      const response = await fetch(`${ollamaBaseUrl}/models`);
-      if (!response.ok) {
-        throw new Error(`HTTP error ${response.status}: ${response.statusText}`);
-      }
-      const responseData = await response.json();
-      let models2 = [];
-      if (responseData.data && Array.isArray(responseData.data)) {
-        models2 = responseData.data;
-      } else if (Array.isArray(responseData.models)) {
-        models2 = responseData.models;
-      } else if (Array.isArray(responseData)) {
-        models2 = responseData;
-      } else {
-        throw new Error(
-          "Invalid response from Ollama API: missing models array"
-        );
-      }
-      const ollamaModels = models2.map((model) => ({
-        model: model.name ?? model.modelName ?? (typeof model === "string" ? model : ""),
-        provider: "ollama",
-        max_tokens: 4096,
-        // Default value
-        supports_vision: false,
-        supports_function_calling: true,
-        supports_reasoning_effort: false
-      }));
-      const validModels = ollamaModels.filter((model) => model.model);
-      setAvailableModels(validModels);
-      if (validModels.length > 0) {
-        navigateTo("model");
-      } else {
-        setModelLoadError("No models found in your Ollama installation");
-      }
-      return validModels;
-    } catch (error) {
-      const errorMessage = error instanceof Error ? error.message : String(error);
-      if (errorMessage.includes("fetch")) {
-        setModelLoadError(
-          `Could not connect to Ollama server at ${ollamaBaseUrl}. Make sure Ollama is running and the URL is correct.`
-        );
-      } else {
-        setModelLoadError(`Error loading Ollama models: ${errorMessage}`);
-      }
-      console.error("Error fetching Ollama models:", error);
-      return [];
-    }
-  }
-  async function fetchModelsWithRetry() {
-    const MAX_RETRIES = 2;
-    let lastError = null;
-    for (let attempt = 1; attempt <= MAX_RETRIES; attempt++) {
-      setFetchRetryCount(attempt);
-      setIsRetrying(attempt > 1);
-      if (attempt > 1) {
-        setModelLoadError(
-          `Attempt ${attempt}/${MAX_RETRIES}: Retrying model discovery...`
-        );
-        await new Promise((resolve) => setTimeout(resolve, 1e3));
-      }
-      try {
-        const models2 = await fetchModels();
-        setFetchRetryCount(0);
-        setIsRetrying(false);
-        setModelLoadError(null);
-        return models2;
-      } catch (error) {
-        lastError = error instanceof Error ? error : new Error(String(error));
-        console.log(`Model fetch attempt ${attempt} failed:`, lastError.message);
-        if (attempt === MAX_RETRIES) {
-          break;
-        }
-      }
-    }
-    setIsRetrying(false);
-    const errorMessage = lastError?.message || "Unknown error";
-    const supportsManualInput = [
-      "anthropic",
-      "kimi",
-      "deepseek",
-      "siliconflow",
-      "qwen",
-      "glm",
-      "minimax",
-      "baidu-qianfan",
-      "custom-openai"
-    ].includes(selectedProvider);
-    if (supportsManualInput) {
-      setModelLoadError(
-        `Failed to auto-discover models after ${MAX_RETRIES} attempts: ${errorMessage}
-
-\u26A1 Automatically switching to manual model configuration...`
-      );
-      setTimeout(() => {
-        setModelLoadError(null);
-        navigateTo("modelInput");
-      }, 2e3);
-    } else {
-      setModelLoadError(
-        `Failed to load models after ${MAX_RETRIES} attempts: ${errorMessage}`
-      );
-    }
-    return [];
-  }
-  async function fetchModels() {
-    setIsLoadingModels(true);
-    setModelLoadError(null);
-    try {
-      if (selectedProvider === "anthropic") {
-        const anthropicModels = await fetchAnthropicCompatibleProviderModels();
-        setAvailableModels(anthropicModels);
-        navigateTo("model");
-        return anthropicModels;
-      }
-      if (selectedProvider === "custom-openai") {
-        const customModels = await fetchCustomOpenAIModels();
-        setAvailableModels(customModels);
-        navigateTo("model");
-        return customModels;
-      }
-      if (selectedProvider === "gemini") {
-        const geminiModels = await fetchGeminiModels();
-        setAvailableModels(geminiModels);
-        navigateTo("model");
-        return geminiModels;
-      }
-      if (selectedProvider === "kimi") {
-        const kimiModels = await fetchKimiModels();
-        setAvailableModels(kimiModels);
-        navigateTo("model");
-        return kimiModels;
-      }
-      if (selectedProvider === "deepseek") {
-        const deepseekModels = await fetchDeepSeekModels();
-        setAvailableModels(deepseekModels);
-        navigateTo("model");
-        return deepseekModels;
-      }
-      if (selectedProvider === "siliconflow") {
-        const siliconflowModels = await fetchSiliconFlowModels();
-        setAvailableModels(siliconflowModels);
-        navigateTo("model");
-        return siliconflowModels;
-      }
-      if (selectedProvider === "qwen") {
-        const qwenModels = await fetchQwenModels();
-        setAvailableModels(qwenModels);
-        navigateTo("model");
-        return qwenModels;
-      }
-      if (selectedProvider === "glm") {
-        const glmModels = await fetchGLMModels();
-        setAvailableModels(glmModels);
-        navigateTo("model");
-        return glmModels;
-      }
-      if (selectedProvider === "baidu-qianfan") {
-        const baiduModels = await fetchBaiduQianfanModels();
-        setAvailableModels(baiduModels);
-        navigateTo("model");
-        return baiduModels;
-      }
-      if (selectedProvider === "azure") {
-        navigateTo("modelInput");
-        return [];
-      }
-      let baseURL = providerBaseUrl || providers[selectedProvider]?.baseURL;
-      if (selectedProvider === "custom-openai") {
-        baseURL = customBaseUrl;
-      }
-      const openai = new OpenAI({
-        apiKey: apiKey || "dummy-key-for-ollama",
-        // Ollama doesn't need a real key
-        baseURL,
-        dangerouslyAllowBrowser: true
-      });
-      const response = await openai.models.list();
-      const fetchedModels = [];
-      for (const model of response.data) {
-        const modelName = model.modelName || model.id || model.name || model.model || "unknown";
-        const modelInfo = models[selectedProvider]?.find(
-          (m) => m.model === modelName
-        );
-        fetchedModels.push({
-          model: modelName,
-          provider: selectedProvider,
-          max_tokens: modelInfo?.max_output_tokens,
-          supports_vision: modelInfo?.supports_vision || false,
-          supports_function_calling: modelInfo?.supports_function_calling || false,
-          supports_reasoning_effort: modelInfo?.supports_reasoning_effort || false
-        });
-      }
-      setAvailableModels(fetchedModels);
-      navigateTo("model");
-      return fetchedModels;
-    } catch (error) {
-      console.error("Error fetching models:", error);
-      throw error;
-    } finally {
-      setIsLoadingModels(false);
-    }
-  }
-  function handleApiKeySubmit(key) {
-    setApiKey(key);
-    if (selectedProvider === "azure") {
-      navigateTo("resourceName");
-      return;
-    }
-    fetchModelsWithRetry().catch((error) => {
-      console.error("Final error after retries:", error);
-    });
-  }
-  function handleResourceNameSubmit(name) {
-    setResourceName(name);
-    navigateTo("modelInput");
-  }
-  function handleOllamaBaseUrlSubmit(url) {
-    setOllamaBaseUrl(url);
-    setIsLoadingModels(true);
-    setModelLoadError(null);
-    fetchOllamaModels().finally(() => {
-      setIsLoadingModels(false);
-    });
-  }
-  function handleCustomBaseUrlSubmit(url) {
-    const cleanUrl = url.replace(/\/+$/, "");
-    setCustomBaseUrl(cleanUrl);
-    navigateTo("apiKey");
-  }
-  function handleProviderBaseUrlSubmit(url) {
-    const cleanUrl = url.replace(/\/+$/, "");
-    setProviderBaseUrl(cleanUrl);
-    if (selectedProvider === "ollama") {
-      setOllamaBaseUrl(cleanUrl);
-      setIsLoadingModels(true);
-      setModelLoadError(null);
-      fetchOllamaModels().finally(() => {
-        setIsLoadingModels(false);
-      });
-    } else {
-      navigateTo("apiKey");
-    }
-  }
-  function handleAnthropicProviderSelection(providerType) {
-    setAnthropicProviderType(providerType);
-    if (providerType === "custom") {
-      setProviderBaseUrl("");
-      navigateTo("baseUrl");
-    } else {
-      const defaultUrls = {
-        official: "https://api.anthropic.com",
-        bigdream: "https://api-key.info",
-        opendev: "https://api.openai-next.com"
-      };
-      setProviderBaseUrl(defaultUrls[providerType]);
-      navigateTo("apiKey");
-    }
-  }
-  function handleCustomModelSubmit(model) {
-    setCustomModelName(model);
-    setSelectedModel(model);
-    setSupportsReasoningEffort(false);
-    setReasoningEffort(null);
-    setMaxTokensMode("preset");
-    setSelectedMaxTokensPreset(DEFAULT_MAX_TOKENS);
-    setMaxTokens(DEFAULT_MAX_TOKENS.toString());
-    setMaxTokensCursorOffset(DEFAULT_MAX_TOKENS.toString().length);
-    navigateTo("modelParams");
-    setActiveFieldIndex(0);
-  }
-  function handleModelSelection(model) {
-    setSelectedModel(model);
-    const modelInfo = availableModels.find((m) => m.model === model);
-    setSupportsReasoningEffort(modelInfo?.supports_reasoning_effort || false);
-    if (!modelInfo?.supports_reasoning_effort) {
-      setReasoningEffort(null);
-    }
-    if (modelInfo?.max_tokens) {
-      const modelMaxTokens = modelInfo.max_tokens;
-      const matchingPreset = MAX_TOKENS_OPTIONS.find(
-        (option) => option.value === modelMaxTokens
-      );
-      if (matchingPreset) {
-        setMaxTokensMode("preset");
-        setSelectedMaxTokensPreset(modelMaxTokens);
-        setMaxTokens(modelMaxTokens.toString());
-      } else {
-        setMaxTokensMode("custom");
-        setMaxTokens(modelMaxTokens.toString());
-      }
-      setMaxTokensCursorOffset(modelMaxTokens.toString().length);
-    } else {
-      setMaxTokensMode("preset");
-      setSelectedMaxTokensPreset(DEFAULT_MAX_TOKENS);
-      setMaxTokens(DEFAULT_MAX_TOKENS.toString());
-      setMaxTokensCursorOffset(DEFAULT_MAX_TOKENS.toString().length);
-    }
-    navigateTo("modelParams");
-    setActiveFieldIndex(0);
-  }
-  const handleModelParamsSubmit = () => {
-    if (!CONTEXT_LENGTH_OPTIONS.find((opt) => opt.value === contextLength)) {
-      setContextLength(DEFAULT_CONTEXT_LENGTH);
-    }
-    navigateTo("contextLength");
-  };
-  async function testConnection() {
-    setIsTestingConnection(true);
-    setConnectionTestResult(null);
-    try {
-      let testBaseURL = providerBaseUrl || providers[selectedProvider]?.baseURL || "";
-      if (selectedProvider === "azure") {
-        testBaseURL = `https://${resourceName}.openai.azure.com/openai/deployments/${selectedModel}`;
-      } else if (selectedProvider === "custom-openai") {
-        testBaseURL = customBaseUrl;
-      }
-      const isOpenAICompatible = [
-        "minimax",
-        "kimi",
-        "deepseek",
-        "siliconflow",
-        "qwen",
-        "glm",
-        "baidu-qianfan",
-        "openai",
-        "mistral",
-        "xai",
-        "groq",
-        "custom-openai"
-      ].includes(selectedProvider);
-      if (isOpenAICompatible) {
-        const isGPT5 = selectedModel?.toLowerCase().includes("gpt-5");
-        if (isGPT5) {
-          console.log(`\u{1F680} Using specialized GPT-5 connection test for model: ${selectedModel}`);
-          const configValidation = validateGPT5Config({
-            model: selectedModel,
-            apiKey,
-            baseURL: testBaseURL,
-            maxTokens: parseInt(maxTokens) || 8192,
-            provider: selectedProvider
-          });
-          if (!configValidation.valid) {
-            return {
-              success: false,
-              message: "\u274C GPT-5 configuration validation failed",
-              details: configValidation.errors.join("\n")
-            };
-          }
-          const gpt5Result = await testGPT5Connection({
-            model: selectedModel,
-            apiKey,
-            baseURL: testBaseURL,
-            maxTokens: parseInt(maxTokens) || 8192,
-            provider: selectedProvider
-          });
-          return gpt5Result;
-        }
-        const endpointsToTry = [];
-        if (selectedProvider === "minimax") {
-          endpointsToTry.push(
-            {
-              path: "/text/chatcompletion_v2",
-              name: "MiniMax v2 (recommended)"
-            },
-            { path: "/chat/completions", name: "Standard OpenAI" }
-          );
-        } else {
-          endpointsToTry.push({
-            path: "/chat/completions",
-            name: "Standard OpenAI"
-          });
-        }
-        let lastError = null;
-        for (const endpoint of endpointsToTry) {
-          try {
-            const testResult = await testChatEndpoint(
-              testBaseURL,
-              endpoint.path,
-              endpoint.name
-            );
-            if (testResult.success) {
-              return testResult;
-            }
-            lastError = testResult;
-          } catch (error) {
-            lastError = {
-              success: false,
-              message: `Failed to test ${endpoint.name}`,
-              endpoint: endpoint.path,
-              details: error instanceof Error ? error.message : String(error)
-            };
-          }
-        }
-        return lastError || {
-          success: false,
-          message: "All endpoints failed",
-          details: "No endpoints could be reached"
-        };
-      } else {
-        return await testProviderSpecificEndpoint(testBaseURL);
-      }
-    } catch (error) {
-      return {
-        success: false,
-        message: "Connection test failed",
-        details: error instanceof Error ? error.message : String(error)
-      };
-    } finally {
-      setIsTestingConnection(false);
-    }
-  }
-  async function testChatEndpoint(baseURL, endpointPath, endpointName) {
-    const testURL = `${baseURL.replace(/\/+$/, "")}${endpointPath}`;
-    const testPayload = {
-      model: selectedModel,
-      messages: [
-        {
-          role: "user",
-          content: 'Please respond with exactly "YES" (in capital letters) to confirm this connection is working.'
-        }
-      ],
-      max_tokens: Math.max(parseInt(maxTokens) || 8192, 8192),
-      // Ensure minimum 8192 tokens for connection test
-      temperature: 0,
-      stream: false
-    };
-    if (selectedModel && selectedModel.toLowerCase().includes("gpt-5")) {
-      console.log(`Applying GPT-5 parameter fix for model: ${selectedModel}`);
-      if (testPayload.max_tokens) {
-        testPayload.max_completion_tokens = testPayload.max_tokens;
-        delete testPayload.max_tokens;
-        console.log(`Transformed max_tokens \u2192 max_completion_tokens: ${testPayload.max_completion_tokens}`);
-      }
-      if (testPayload.temperature !== void 0 && testPayload.temperature !== 1) {
-        console.log(`Adjusting temperature from ${testPayload.temperature} to 1 for GPT-5`);
-        testPayload.temperature = 1;
-      }
-    }
-    const headers = {
-      "Content-Type": "application/json"
-    };
-    if (selectedProvider === "azure") {
-      headers["api-key"] = apiKey;
-    } else {
-      headers["Authorization"] = `Bearer ${apiKey}`;
-    }
-    try {
-      const response = await fetch(testURL, {
-        method: "POST",
-        headers,
-        body: JSON.stringify(testPayload)
-      });
-      if (response.ok) {
-        const data = await response.json();
-        console.log(
-          "[DEBUG] Connection test response:",
-          JSON.stringify(data, null, 2)
-        );
-        let responseContent = "";
-        if (data.choices && data.choices.length > 0) {
-          responseContent = data.choices[0]?.message?.content || "";
-        } else if (data.reply) {
-          responseContent = data.reply;
-        } else if (data.output) {
-          responseContent = data.output?.text || data.output || "";
-        }
-        console.log("[DEBUG] Extracted response content:", responseContent);
-        const containsYes = responseContent.toLowerCase().includes("yes");
-        if (containsYes) {
-          return {
-            success: true,
-            message: `\u2705 Connection test passed with ${endpointName}`,
-            endpoint: endpointPath,
-            details: `Model responded correctly: "${responseContent.trim()}"`
-          };
-        } else {
-          return {
-            success: false,
-            message: `\u26A0\uFE0F ${endpointName} connected but model response unexpected`,
-            endpoint: endpointPath,
-            details: `Expected "YES" but got: "${responseContent.trim() || "(empty response)"}"`
-          };
-        }
-      } else {
-        const errorData = await response.json().catch(() => null);
-        const errorMessage = errorData?.error?.message || errorData?.message || response.statusText;
-        return {
-          success: false,
-          message: `\u274C ${endpointName} failed (${response.status})`,
-          endpoint: endpointPath,
-          details: `Error: ${errorMessage}`
-        };
-      }
-    } catch (error) {
-      return {
-        success: false,
-        message: `\u274C ${endpointName} connection failed`,
-        endpoint: endpointPath,
-        details: error instanceof Error ? error.message : String(error)
-      };
-    }
-  }
-  async function testResponsesEndpoint(baseURL, endpointPath, endpointName) {
-    const testURL = `${baseURL.replace(/\/+$/, "")}${endpointPath}`;
-    const testPayload = {
-      model: selectedModel,
-      input: [
-        {
-          role: "user",
-          content: 'Please respond with exactly "YES" (in capital letters) to confirm this connection is working.'
-        }
-      ],
-      max_completion_tokens: Math.max(parseInt(maxTokens) || 8192, 8192),
-      temperature: 1,
-      // GPT-5 only supports temperature=1
-      // 🚀 Add reasoning configuration for better GPT-5 performance
-      reasoning: {
-        effort: "low"
-        // Fast response for connection test
-      }
-    };
-    console.log(`\u{1F527} Testing GPT-5 Responses API for model: ${selectedModel}`);
-    console.log(`\u{1F527} Test URL: ${testURL}`);
-    console.log(`\u{1F527} Test payload:`, JSON.stringify(testPayload, null, 2));
-    const headers = {
-      "Content-Type": "application/json",
-      "Authorization": `Bearer ${apiKey}`
-    };
-    try {
-      const response = await fetch(testURL, {
-        method: "POST",
-        headers,
-        body: JSON.stringify(testPayload)
-      });
-      if (response.ok) {
-        const data = await response.json();
-        console.log(
-          "[DEBUG] Responses API connection test response:",
-          JSON.stringify(data, null, 2)
-        );
-        let responseContent = "";
-        if (data.output_text) {
-          responseContent = data.output_text;
-        } else if (data.output) {
-          responseContent = typeof data.output === "string" ? data.output : data.output.text || "";
-        }
-        console.log("[DEBUG] Extracted response content:", responseContent);
-        const containsYes = responseContent.toLowerCase().includes("yes");
-        if (containsYes) {
-          return {
-            success: true,
-            message: `\u2705 Connection test passed with ${endpointName}`,
-            endpoint: endpointPath,
-            details: `GPT-5 responded correctly via Responses API: "${responseContent.trim()}"`
-          };
-        } else {
-          return {
-            success: false,
-            message: `\u26A0\uFE0F ${endpointName} connected but model response unexpected`,
-            endpoint: endpointPath,
-            details: `Expected "YES" but got: "${responseContent.trim() || "(empty response)"}"`
-          };
-        }
-      } else {
-        const errorData = await response.json().catch(() => null);
-        const errorMessage = errorData?.error?.message || errorData?.message || response.statusText;
-        console.log(`\u{1F6A8} GPT-5 Responses API Error (${response.status}):`, errorData);
-        let details = `Responses API Error: ${errorMessage}`;
-        if (response.status === 400 && errorMessage.includes("max_tokens")) {
-          details += "\n\u{1F527} Note: This appears to be a parameter compatibility issue. The fallback to Chat Completions should handle this.";
-        } else if (response.status === 404) {
-          details += "\n\u{1F527} Note: Responses API endpoint may not be available for this model or provider.";
-        } else if (response.status === 401) {
-          details += "\n\u{1F527} Note: API key authentication failed.";
-        }
-        return {
-          success: false,
-          message: `\u274C ${endpointName} failed (${response.status})`,
-          endpoint: endpointPath,
-          details
-        };
-      }
-    } catch (error) {
-      return {
-        success: false,
-        message: `\u274C ${endpointName} connection failed`,
-        endpoint: endpointPath,
-        details: error instanceof Error ? error.message : String(error)
-      };
-    }
-  }
-  async function testProviderSpecificEndpoint(baseURL) {
-    if (selectedProvider === "anthropic" || selectedProvider === "bigdream") {
-      try {
-        console.log(
-          `[DEBUG] Testing ${selectedProvider} connection using official Anthropic SDK...`
-        );
-        let testBaseURL = void 0;
-        if (selectedProvider === "bigdream") {
-          testBaseURL = baseURL || "https://api-key.info";
-        } else if (selectedProvider === "anthropic") {
-          testBaseURL = baseURL && baseURL !== "https://api.anthropic.com" ? baseURL : void 0;
-        }
-        const isValid = await verifyApiKey(apiKey, testBaseURL, selectedProvider);
-        if (isValid) {
-          return {
-            success: true,
-            message: `\u2705 ${selectedProvider} connection test passed`,
-            endpoint: "/messages",
-            details: "API key verified using official Anthropic SDK"
-          };
-        } else {
-          return {
-            success: false,
-            message: `\u274C ${selectedProvider} API key verification failed`,
-            endpoint: "/messages",
-            details: "Invalid API key. Please check your API key and try again."
-          };
-        }
-      } catch (error) {
-        console.log(`[DEBUG] ${selectedProvider} connection test error:`, error);
-        return {
-          success: false,
-          message: `\u274C ${selectedProvider} connection failed`,
-          endpoint: "/messages",
-          details: error instanceof Error ? error.message : String(error)
-        };
-      }
-    }
-    return {
-      success: true,
-      message: `\u2705 Configuration saved for ${selectedProvider}`,
-      details: "Provider-specific testing not implemented yet"
-    };
-  }
-  async function handleConnectionTest() {
-    const result = await testConnection();
-    setConnectionTestResult(result);
-    if (result.success) {
-      setTimeout(() => {
-        navigateTo("confirmation");
-      }, 2e3);
-    }
-  }
-  const handleContextLengthSubmit = () => {
-    navigateTo("connectionTest");
-  };
-  async function saveConfiguration(provider, model) {
-    let baseURL = providerBaseUrl || providers[provider]?.baseURL || "";
-    let actualProvider = provider;
-    if (provider === "anthropic") {
-      switch (anthropicProviderType) {
-        case "official":
-          actualProvider = "anthropic";
-          baseURL = baseURL || "https://api.anthropic.com";
-          break;
-        case "bigdream":
-          actualProvider = "bigdream";
-          baseURL = baseURL || "https://api-key.info";
-          break;
-        case "custom":
-          actualProvider = "anthropic";
-          break;
-      }
-    }
-    if (provider === "azure") {
-      baseURL = `https://${resourceName}.openai.azure.com/openai/deployments/${model}`;
-    } else if (provider === "custom-openai") {
-      baseURL = customBaseUrl;
-    }
-    try {
-      const modelManager = getModelManager();
-      const modelConfig = {
-        name: `${actualProvider} ${model}`,
-        provider: actualProvider,
-        modelName: model,
-        baseURL,
-        apiKey: apiKey || "",
-        maxTokens: parseInt(maxTokens) || DEFAULT_MAX_TOKENS,
-        contextLength: contextLength || DEFAULT_CONTEXT_LENGTH,
-        reasoningEffort
-      };
-      return await modelManager.addModel(modelConfig);
-    } catch (error) {
-      setValidationError(
-        error instanceof Error ? error.message : "Failed to add model"
-      );
-      return null;
-    }
-  }
-  async function handleConfirmation() {
-    setValidationError(null);
-    const modelId = await saveConfiguration(selectedProvider, selectedModel);
-    if (!modelId) {
-      return;
-    }
-    if (modelId && (isOnboarding || targetPointer)) {
-      if (isOnboarding) {
-        setAllPointersToModel(modelId);
-      } else if (targetPointer) {
-        setModelPointer(targetPointer, modelId);
-      }
-    }
-    onDone();
-  }
-  const handleBack = () => {
-    if (currentScreen === "provider") {
-      if (onCancel) {
-        onCancel();
-      } else {
-        onDone();
-      }
-    } else {
-      setScreenStack((prev) => prev.slice(0, -1));
-    }
-  };
-  useEscapeNavigation(handleBack, abortController);
-  function handleCursorOffsetChange(offset) {
-    setCursorOffset(offset);
-  }
-  function handleApiKeyChange(value) {
-    setApiKeyEdited(true);
-    setApiKey(value);
-  }
-  function handleModelSearchChange(value) {
-    setModelSearchQuery(value);
-    setModelSearchCursorOffset(value.length);
-  }
-  function handleModelSearchCursorOffsetChange(offset) {
-    setModelSearchCursorOffset(offset);
-  }
-  useInput((input, key) => {
-    if (currentScreen === "apiKey" && key.return) {
-      if (apiKey) {
-        handleApiKeySubmit(apiKey);
-      }
-      return;
-    }
-    if (currentScreen === "apiKey" && key.tab) {
-      if (selectedProvider === "anthropic" || selectedProvider === "kimi" || selectedProvider === "deepseek" || selectedProvider === "qwen" || selectedProvider === "glm" || selectedProvider === "minimax" || selectedProvider === "baidu-qianfan" || selectedProvider === "siliconflow" || selectedProvider === "custom-openai") {
-        navigateTo("modelInput");
-        return;
-      }
-      fetchModelsWithRetry().catch((error) => {
-        console.error("Final error after retries:", error);
-      });
-      return;
-    }
-    if (currentScreen === "resourceName" && key.return) {
-      if (resourceName) {
-        handleResourceNameSubmit(resourceName);
-      }
-      return;
-    }
-    if (currentScreen === "baseUrl" && key.return) {
-      if (selectedProvider === "custom-openai") {
-        handleCustomBaseUrlSubmit(customBaseUrl);
-      } else {
-        handleProviderBaseUrlSubmit(providerBaseUrl);
-      }
-      return;
-    }
-    if (currentScreen === "modelInput" && key.return) {
-      if (customModelName) {
-        handleCustomModelSubmit(customModelName);
-      }
-      return;
-    }
-    if (currentScreen === "confirmation" && key.return) {
-      handleConfirmation().catch((error) => {
-        console.error("Error in handleConfirmation:", error);
-        setValidationError(
-          error instanceof Error ? error.message : "Unexpected error occurred"
-        );
-      });
-      return;
-    }
-    if (currentScreen === "connectionTest") {
-      if (key.return) {
-        if (!isTestingConnection && !connectionTestResult) {
-          handleConnectionTest();
-        } else if (connectionTestResult && connectionTestResult.success) {
-          navigateTo("confirmation");
-        } else if (connectionTestResult && !connectionTestResult.success) {
-          handleConnectionTest();
-        }
-        return;
-      }
-    }
-    if (currentScreen === "contextLength") {
-      if (key.return) {
-        handleContextLengthSubmit();
-        return;
-      }
-      if (key.upArrow) {
-        const currentIndex = CONTEXT_LENGTH_OPTIONS.findIndex(
-          (opt) => opt.value === contextLength
-        );
-        const newIndex = currentIndex > 0 ? currentIndex - 1 : currentIndex === -1 ? CONTEXT_LENGTH_OPTIONS.findIndex(
-          (opt) => opt.value === DEFAULT_CONTEXT_LENGTH
-        ) || 0 : CONTEXT_LENGTH_OPTIONS.length - 1;
-        setContextLength(CONTEXT_LENGTH_OPTIONS[newIndex].value);
-        return;
-      }
-      if (key.downArrow) {
-        const currentIndex = CONTEXT_LENGTH_OPTIONS.findIndex(
-          (opt) => opt.value === contextLength
-        );
-        const newIndex = currentIndex === -1 ? CONTEXT_LENGTH_OPTIONS.findIndex(
-          (opt) => opt.value === DEFAULT_CONTEXT_LENGTH
-        ) || 0 : (currentIndex + 1) % CONTEXT_LENGTH_OPTIONS.length;
-        setContextLength(CONTEXT_LENGTH_OPTIONS[newIndex].value);
-        return;
-      }
-    }
-    if (currentScreen === "apiKey" && (key.ctrl && input === "v" || key.meta && input === "v")) {
-      setModelLoadError(
-        "Please use your terminal's paste functionality or type the API key manually"
-      );
-      return;
-    }
-    if (currentScreen === "modelParams" && key.tab) {
-      const formFields = getFormFieldsForModelParams();
-      setActiveFieldIndex((current) => (current + 1) % formFields.length);
-      return;
-    }
-    if (currentScreen === "modelParams" && key.return) {
-      const formFields = getFormFieldsForModelParams();
-      const currentField = formFields[activeFieldIndex];
-      if (currentField.name === "submit" || activeFieldIndex === formFields.length - 1) {
-        handleModelParamsSubmit();
-      } else if (currentField.component === "select") {
-        setActiveFieldIndex(
-          (current) => Math.min(current + 1, formFields.length - 1)
-        );
-      }
-      return;
-    }
-  });
-  function getFormFieldsForModelParams() {
-    return [
-      {
-        name: "maxTokens",
-        label: "Maximum Tokens",
-        description: "Select the maximum number of tokens to generate.",
-        value: parseInt(maxTokens),
-        component: "select",
-        options: MAX_TOKENS_OPTIONS.map((option) => ({
-          label: option.label,
-          value: option.value.toString()
-        })),
-        defaultValue: maxTokens
-      },
-      ...supportsReasoningEffort ? [
-        {
-          name: "reasoningEffort",
-          label: "Reasoning Effort",
-          description: "Controls reasoning depth for complex problems.",
-          value: reasoningEffort,
-          component: "select"
-        }
-      ] : [],
-      {
-        name: "submit",
-        label: "Continue \u2192",
-        component: "button"
-      }
-    ];
-  }
-  if (currentScreen === "apiKey") {
-    const modelTypeText = "this model profile";
-    return /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", gap: 1 }, /* @__PURE__ */ React.createElement(
-      Box,
-      {
-        flexDirection: "column",
-        gap: 1,
-        borderStyle: "round",
-        borderColor: theme.secondaryBorder,
-        paddingX: 2,
-        paddingY: 1
-      },
-      /* @__PURE__ */ React.createElement(Text, { bold: true }, "API Key Setup", " ", exitState.pending ? `(press ${exitState.keyName} again to exit)` : ""),
-      /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", gap: 1 }, /* @__PURE__ */ React.createElement(Text, { bold: true }, "Enter your ", getProviderLabel(selectedProvider, 0).split(" (")[0], " ", "API key for ", modelTypeText, ":"), /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", width: 70 }, /* @__PURE__ */ React.createElement(Text, { color: theme.secondaryText }, "This key will be stored locally and used to access the", " ", selectedProvider, " API.", /* @__PURE__ */ React.createElement(Newline, null), "Your key is never sent to our servers.", /* @__PURE__ */ React.createElement(Newline, null), /* @__PURE__ */ React.createElement(Newline, null), selectedProvider === "kimi" && /* @__PURE__ */ React.createElement(React.Fragment, null, "\u{1F4A1} Get your API key from:", " ", /* @__PURE__ */ React.createElement(Text, { color: theme.suggestion }, "https://platform.moonshot.cn/console/api-keys")), selectedProvider === "deepseek" && /* @__PURE__ */ React.createElement(React.Fragment, null, "\u{1F4A1} Get your API key from:", " ", /* @__PURE__ */ React.createElement(Text, { color: theme.suggestion }, "https://platform.deepseek.com/api_keys")), selectedProvider === "siliconflow" && /* @__PURE__ */ React.createElement(React.Fragment, null, "\u{1F4A1} Get your API key from:", " ", /* @__PURE__ */ React.createElement(Text, { color: theme.suggestion }, "https://cloud.siliconflow.cn/i/oJWsm6io")), selectedProvider === "qwen" && /* @__PURE__ */ React.createElement(React.Fragment, null, "\u{1F4A1} Get your API key from:", " ", /* @__PURE__ */ React.createElement(Text, { color: theme.suggestion }, "https://bailian.console.aliyun.com/?tab=model#/api-key")), selectedProvider === "glm" && /* @__PURE__ */ React.createElement(React.Fragment, null, "\u{1F4A1} Get your API key from:", " ", /* @__PURE__ */ React.createElement(Text, { color: theme.suggestion }, "https://open.bigmodel.cn (API Keys section)")), selectedProvider === "minimax" && /* @__PURE__ */ React.createElement(React.Fragment, null, "\u{1F4A1} Get your API key from:", " ", /* @__PURE__ */ React.createElement(Text, { color: theme.suggestion }, "https://www.minimax.io/platform/user-center/basic-information")), selectedProvider === "baidu-qianfan" && /* @__PURE__ */ React.createElement(React.Fragment, null, "\u{1F4A1} Get your API key from:", " ", /* @__PURE__ */ React.createElement(Text, { color: theme.suggestion }, "https://console.bce.baidu.com/iam/#/iam/accesslist")), selectedProvider === "anthropic" && /* @__PURE__ */ React.createElement(React.Fragment, null, "\u{1F4A1} Get your API key from:", " ", /* @__PURE__ */ React.createElement(Text, { color: theme.suggestion }, anthropicProviderType === "official" ? "https://console.anthropic.com/settings/keys" : anthropicProviderType === "bigdream" ? "https://api-key.info/register?aff=MSl4" : anthropicProviderType === "opendev" ? "https://api.openai-next.com/register/?aff_code=4xo7" : "your custom API provider")), selectedProvider === "openai" && /* @__PURE__ */ React.createElement(React.Fragment, null, "\u{1F4A1} Get your API key from:", " ", /* @__PURE__ */ React.createElement(Text, { color: theme.suggestion }, "https://platform.openai.com/api-keys")))), /* @__PURE__ */ React.createElement(Box, null, /* @__PURE__ */ React.createElement(
-        TextInput,
-        {
-          placeholder: "sk-...",
-          value: apiKey,
-          onChange: handleApiKeyChange,
-          onSubmit: handleApiKeySubmit,
-          mask: "*",
-          columns: 500,
-          cursorOffset,
-          onChangeCursorOffset: handleCursorOffsetChange,
-          showCursor: true
-        }
-      )), /* @__PURE__ */ React.createElement(Box, { marginTop: 1 }, /* @__PURE__ */ React.createElement(Text, null, /* @__PURE__ */ React.createElement(Text, { color: theme.suggestion, dimColor: !apiKey }, "[Submit API Key]"), /* @__PURE__ */ React.createElement(Text, null, " ", "- Press Enter or click to continue with this API key"))), isLoadingModels && /* @__PURE__ */ React.createElement(Box, null, /* @__PURE__ */ React.createElement(Text, { color: theme.suggestion }, "Loading available models...")), modelLoadError && /* @__PURE__ */ React.createElement(Box, null, /* @__PURE__ */ React.createElement(Text, { color: "red" }, "Error: ", modelLoadError)), /* @__PURE__ */ React.createElement(Box, { marginTop: 1 }, /* @__PURE__ */ React.createElement(Text, { dimColor: true }, "Press ", /* @__PURE__ */ React.createElement(Text, { color: theme.suggestion }, "Enter"), " to continue,", " ", /* @__PURE__ */ React.createElement(Text, { color: theme.suggestion }, "Tab"), " to", " ", selectedProvider === "anthropic" || selectedProvider === "kimi" || selectedProvider === "deepseek" || selectedProvider === "qwen" || selectedProvider === "glm" || selectedProvider === "minimax" || selectedProvider === "baidu-qianfan" || selectedProvider === "siliconflow" || selectedProvider === "custom-openai" ? "skip to manual model input" : "skip using a key", ", or ", /* @__PURE__ */ React.createElement(Text, { color: theme.suggestion }, "Esc"), " to go back")))
-    ));
-  }
-  if (currentScreen === "model") {
-    const modelTypeText = "this model profile";
-    return /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", gap: 1 }, /* @__PURE__ */ React.createElement(
-      Box,
-      {
-        flexDirection: "column",
-        gap: 1,
-        borderStyle: "round",
-        borderColor: theme.secondaryBorder,
-        paddingX: 2,
-        paddingY: 1
-      },
-      /* @__PURE__ */ React.createElement(Text, { bold: true }, "Model Selection", " ", exitState.pending ? `(press ${exitState.keyName} again to exit)` : ""),
-      /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", gap: 1 }, /* @__PURE__ */ React.createElement(Text, { bold: true }, "Select a model from", " ", getProviderLabel(
-        selectedProvider,
-        availableModels.length
-      ).split(" (")[0], " ", "for ", modelTypeText, ":"), /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", width: 70 }, /* @__PURE__ */ React.createElement(Text, { color: theme.secondaryText }, "This model profile can be assigned to different pointers (main, task, reasoning, quick) for various use cases.")), /* @__PURE__ */ React.createElement(Box, { marginY: 1 }, /* @__PURE__ */ React.createElement(Text, { bold: true }, "Search models:"), /* @__PURE__ */ React.createElement(
-        TextInput,
-        {
-          placeholder: "Type to filter models...",
-          value: modelSearchQuery,
-          onChange: handleModelSearchChange,
-          columns: 100,
-          cursorOffset: modelSearchCursorOffset,
-          onChangeCursorOffset: handleModelSearchCursorOffsetChange,
-          showCursor: true,
-          focus: true
-        }
-      )), modelOptions.length > 0 ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
-        Select,
-        {
-          options: modelOptions,
-          onChange: handleModelSelection
-        }
-      ), /* @__PURE__ */ React.createElement(Text, { dimColor: true }, "Showing ", modelOptions.length, " of ", availableModels.length, " ", "models")) : /* @__PURE__ */ React.createElement(Box, null, availableModels.length > 0 ? /* @__PURE__ */ React.createElement(Text, { color: "yellow" }, "No models match your search. Try a different query.") : /* @__PURE__ */ React.createElement(Text, { color: "yellow" }, "No models available for this provider.")), /* @__PURE__ */ React.createElement(Box, { marginTop: 1 }, /* @__PURE__ */ React.createElement(Text, { dimColor: true }, "Press ", /* @__PURE__ */ React.createElement(Text, { color: theme.suggestion }, "Esc"), " to go back to API key input")))
-    ));
-  }
-  if (currentScreen === "modelParams") {
-    const formFields = getFormFieldsForModelParams();
-    return /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", gap: 1 }, /* @__PURE__ */ React.createElement(
-      Box,
-      {
-        flexDirection: "column",
-        gap: 1,
-        borderStyle: "round",
-        borderColor: theme.secondaryBorder,
-        paddingX: 2,
-        paddingY: 1
-      },
-      /* @__PURE__ */ React.createElement(Text, { bold: true }, "Model Parameters", " ", exitState.pending ? `(press ${exitState.keyName} again to exit)` : ""),
-      /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", gap: 1 }, /* @__PURE__ */ React.createElement(Text, { bold: true }, "Configure parameters for ", selectedModel, ":"), /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", width: 70 }, /* @__PURE__ */ React.createElement(Text, { color: theme.secondaryText }, "Use ", /* @__PURE__ */ React.createElement(Text, { color: theme.suggestion }, "Tab"), " to navigate between fields. Press", " ", /* @__PURE__ */ React.createElement(Text, { color: theme.suggestion }, "Enter"), " to submit.")), /* @__PURE__ */ React.createElement(Box, { flexDirection: "column" }, formFields.map((field, index) => /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", marginY: 1, key: field.name }, field.component !== "button" ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
-        Text,
-        {
-          bold: true,
-          color: activeFieldIndex === index ? theme.success : void 0
-        },
-        field.label
-      ), field.description && /* @__PURE__ */ React.createElement(Text, { color: theme.secondaryText }, field.description)) : /* @__PURE__ */ React.createElement(
-        Text,
-        {
-          bold: true,
-          color: activeFieldIndex === index ? theme.success : void 0
-        },
-        field.label
-      ), /* @__PURE__ */ React.createElement(Box, { marginY: 1 }, activeFieldIndex === index ? field.component === "select" ? field.name === "maxTokens" ? /* @__PURE__ */ React.createElement(
-        Select,
-        {
-          options: field.options || [],
-          onChange: (value) => {
-            const numValue = parseInt(value);
-            setMaxTokens(numValue.toString());
-            setSelectedMaxTokensPreset(numValue);
-            setMaxTokensCursorOffset(
-              numValue.toString().length
-            );
-            setTimeout(() => {
-              setActiveFieldIndex(index + 1);
-            }, 100);
-          },
-          defaultValue: field.defaultValue
-        }
-      ) : /* @__PURE__ */ React.createElement(
-        Select,
-        {
-          options: reasoningEffortOptions,
-          onChange: (value) => {
-            setReasoningEffort(value);
-            setTimeout(() => {
-              setActiveFieldIndex(index + 1);
-            }, 100);
-          },
-          defaultValue: reasoningEffort
-        }
-      ) : null : field.name === "maxTokens" ? /* @__PURE__ */ React.createElement(Text, { color: theme.secondaryText }, "Current:", " ", /* @__PURE__ */ React.createElement(Text, { color: theme.suggestion }, MAX_TOKENS_OPTIONS.find(
-        (opt) => opt.value === parseInt(maxTokens)
-      )?.label || `${maxTokens} tokens`)) : field.name === "reasoningEffort" ? /* @__PURE__ */ React.createElement(Text, { color: theme.secondaryText }, "Current:", " ", /* @__PURE__ */ React.createElement(Text, { color: theme.suggestion }, reasoningEffort)) : null))), /* @__PURE__ */ React.createElement(Box, { marginTop: 1 }, /* @__PURE__ */ React.createElement(Text, { dimColor: true }, "Press ", /* @__PURE__ */ React.createElement(Text, { color: theme.suggestion }, "Tab"), " to navigate,", " ", /* @__PURE__ */ React.createElement(Text, { color: theme.suggestion }, "Enter"), " to continue, or", " ", /* @__PURE__ */ React.createElement(Text, { color: theme.suggestion }, "Esc"), " to go back"))))
-    ));
-  }
-  if (currentScreen === "resourceName") {
-    return /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", gap: 1 }, /* @__PURE__ */ React.createElement(
-      Box,
-      {
-        flexDirection: "column",
-        gap: 1,
-        borderStyle: "round",
-        borderColor: theme.secondaryBorder,
-        paddingX: 2,
-        paddingY: 1
-      },
-      /* @__PURE__ */ React.createElement(Text, { bold: true }, "Azure Resource Setup", " ", exitState.pending ? `(press ${exitState.keyName} again to exit)` : ""),
-      /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", gap: 1 }, /* @__PURE__ */ React.createElement(Text, { bold: true }, "Enter your Azure OpenAI resource name:"), /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", width: 70 }, /* @__PURE__ */ React.createElement(Text, { color: theme.secondaryText }, "This is the name of your Azure OpenAI resource (without the full domain).", /* @__PURE__ */ React.createElement(Newline, null), 'For example, if your endpoint is "https://myresource.openai.azure.com", enter "myresource".')), /* @__PURE__ */ React.createElement(Box, null, /* @__PURE__ */ React.createElement(
-        TextInput,
-        {
-          placeholder: "myazureresource",
-          value: resourceName,
-          onChange: setResourceName,
-          onSubmit: handleResourceNameSubmit,
-          columns: 100,
-          cursorOffset: resourceNameCursorOffset,
-          onChangeCursorOffset: setResourceNameCursorOffset,
-          showCursor: true
-        }
-      )), /* @__PURE__ */ React.createElement(Box, { marginTop: 1 }, /* @__PURE__ */ React.createElement(Text, null, /* @__PURE__ */ React.createElement(Text, { color: theme.suggestion, dimColor: !resourceName }, "[Submit Resource Name]"), /* @__PURE__ */ React.createElement(Text, null, " - Press Enter or click to continue"))), /* @__PURE__ */ React.createElement(Box, { marginTop: 1 }, /* @__PURE__ */ React.createElement(Text, { dimColor: true }, "Press ", /* @__PURE__ */ React.createElement(Text, { color: theme.suggestion }, "Enter"), " to continue or", " ", /* @__PURE__ */ React.createElement(Text, { color: theme.suggestion }, "Esc"), " to go back")))
-    ));
-  }
-  if (currentScreen === "baseUrl") {
-    const isCustomOpenAI = selectedProvider === "custom-openai";
-    if (isCustomOpenAI) {
-      return /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", gap: 1 }, /* @__PURE__ */ React.createElement(
-        Box,
-        {
-          flexDirection: "column",
-          gap: 1,
-          borderStyle: "round",
-          borderColor: theme.secondaryBorder,
-          paddingX: 2,
-          paddingY: 1
-        },
-        /* @__PURE__ */ React.createElement(Text, { bold: true }, "Custom API Server Setup", " ", exitState.pending ? `(press ${exitState.keyName} again to exit)` : ""),
-        /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", gap: 1 }, /* @__PURE__ */ React.createElement(Text, { bold: true }, "Enter your custom API URL:"), /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", width: 70 }, /* @__PURE__ */ React.createElement(Text, { color: theme.secondaryText }, "This is the base URL for your OpenAI-compatible API.", /* @__PURE__ */ React.createElement(Newline, null), "For example: https://api.example.com/v1")), /* @__PURE__ */ React.createElement(Box, null, /* @__PURE__ */ React.createElement(
-          TextInput,
-          {
-            placeholder: "https://api.example.com/v1",
-            value: customBaseUrl,
-            onChange: setCustomBaseUrl,
-            onSubmit: handleCustomBaseUrlSubmit,
-            columns: 100,
-            cursorOffset: customBaseUrlCursorOffset,
-            onChangeCursorOffset: setCustomBaseUrlCursorOffset,
-            showCursor: !isLoadingModels,
-            focus: !isLoadingModels
-          }
-        )), /* @__PURE__ */ React.createElement(Box, { marginTop: 1 }, /* @__PURE__ */ React.createElement(Text, null, /* @__PURE__ */ React.createElement(
-          Text,
-          {
-            color: isLoadingModels ? theme.secondaryText : theme.suggestion
-          },
-          "[Submit Base URL]"
-        ), /* @__PURE__ */ React.createElement(Text, null, " - Press Enter or click to continue"))), /* @__PURE__ */ React.createElement(Box, { marginTop: 1 }, /* @__PURE__ */ React.createElement(Text, { dimColor: true }, "Press ", /* @__PURE__ */ React.createElement(Text, { color: theme.suggestion }, "Enter"), " to continue or ", /* @__PURE__ */ React.createElement(Text, { color: theme.suggestion }, "Esc"), " to go back")))
-      ));
-    }
-    const providerName = providers[selectedProvider]?.name || selectedProvider;
-    const defaultUrl = providers[selectedProvider]?.baseURL || "";
-    return /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", gap: 1 }, /* @__PURE__ */ React.createElement(
-      Box,
-      {
-        flexDirection: "column",
-        gap: 1,
-        borderStyle: "round",
-        borderColor: theme.secondaryBorder,
-        paddingX: 2,
-        paddingY: 1
-      },
-      /* @__PURE__ */ React.createElement(Text, { bold: true }, providerName, " API Configuration", " ", exitState.pending ? `(press ${exitState.keyName} again to exit)` : ""),
-      /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", gap: 1 }, /* @__PURE__ */ React.createElement(Text, { bold: true }, "Configure the API endpoint for ", providerName, ":"), /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", width: 70 }, /* @__PURE__ */ React.createElement(Text, { color: theme.secondaryText }, selectedProvider === "ollama" ? /* @__PURE__ */ React.createElement(React.Fragment, null, "This is the URL of your Ollama server.", /* @__PURE__ */ React.createElement(Newline, null), "Default is http://localhost:11434/v1 for local Ollama installations.") : /* @__PURE__ */ React.createElement(React.Fragment, null, "This is the base URL for the ", providerName, " API.", /* @__PURE__ */ React.createElement(Newline, null), "You can modify this URL or press Enter to use the default."))), /* @__PURE__ */ React.createElement(Box, null, /* @__PURE__ */ React.createElement(
-        TextInput,
-        {
-          placeholder: defaultUrl,
-          value: providerBaseUrl,
-          onChange: setProviderBaseUrl,
-          onSubmit: handleProviderBaseUrlSubmit,
-          columns: 100,
-          cursorOffset: providerBaseUrlCursorOffset,
-          onChangeCursorOffset: setProviderBaseUrlCursorOffset,
-          showCursor: !isLoadingModels,
-          focus: !isLoadingModels
-        }
-      )), /* @__PURE__ */ React.createElement(Box, { marginTop: 1 }, /* @__PURE__ */ React.createElement(Text, null, /* @__PURE__ */ React.createElement(
-        Text,
-        {
-          color: isLoadingModels ? theme.secondaryText : theme.suggestion
-        },
-        "[Submit Base URL]"
-      ), /* @__PURE__ */ React.createElement(Text, null, " - Press Enter or click to continue"))), isLoadingModels && /* @__PURE__ */ React.createElement(Box, { marginTop: 1 }, /* @__PURE__ */ React.createElement(Text, { color: theme.success }, selectedProvider === "ollama" ? "Connecting to Ollama server..." : `Connecting to ${providerName}...`)), modelLoadError && /* @__PURE__ */ React.createElement(Box, { marginTop: 1 }, /* @__PURE__ */ React.createElement(Text, { color: "red" }, "Error: ", modelLoadError)), /* @__PURE__ */ React.createElement(Box, { marginTop: 1 }, /* @__PURE__ */ React.createElement(Text, { dimColor: true }, "Press ", /* @__PURE__ */ React.createElement(Text, { color: theme.suggestion }, "Enter"), " to continue or", " ", /* @__PURE__ */ React.createElement(Text, { color: theme.suggestion }, "Esc"), " to go back")))
-    ));
-  }
-  if (currentScreen === "modelInput") {
-    const modelTypeText = "this model profile";
-    let screenTitle = "Manual Model Setup";
-    let description = "Enter the model name manually";
-    let placeholder = "gpt-4";
-    let examples = 'For example: "gpt-4", "gpt-3.5-turbo", etc.';
-    if (selectedProvider === "azure") {
-      screenTitle = "Azure Model Setup";
-      description = `Enter your Azure OpenAI deployment name for ${modelTypeText}:`;
-      examples = 'For example: "gpt-4", "gpt-35-turbo", etc.';
-      placeholder = "gpt-4";
-    } else if (selectedProvider === "anthropic") {
-      screenTitle = "Claude Model Setup";
-      description = `Enter the Claude model name for ${modelTypeText}:`;
-      examples = 'For example: "claude-3-5-sonnet-latest", "claude-3-5-haiku-latest", etc.';
-      placeholder = "claude-3-5-sonnet-latest";
-    } else if (selectedProvider === "bigdream") {
-      screenTitle = "BigDream Model Setup";
-      description = `Enter the BigDream model name for ${modelTypeText}:`;
-      examples = 'For example: "claude-3-5-sonnet-latest", "claude-3-5-haiku-latest", etc.';
-      placeholder = "claude-3-5-sonnet-latest";
-    } else if (selectedProvider === "kimi") {
-      screenTitle = "Kimi Model Setup";
-      description = `Enter the Kimi model name for ${modelTypeText}:`;
-      examples = 'For example: "kimi-k2-0711-preview"';
-      placeholder = "kimi-k2-0711-preview";
-    } else if (selectedProvider === "deepseek") {
-      screenTitle = "DeepSeek Model Setup";
-      description = `Enter the DeepSeek model name for ${modelTypeText}:`;
-      examples = 'For example: "deepseek-chat", "deepseek-coder", "deepseek-reasoner", etc.';
-      placeholder = "deepseek-chat";
-    } else if (selectedProvider === "siliconflow") {
-      screenTitle = "SiliconFlow Model Setup";
-      description = `Enter the SiliconFlow model name for ${modelTypeText}:`;
-      examples = 'For example: "Qwen/Qwen2.5-72B-Instruct", "meta-llama/Meta-Llama-3.1-8B-Instruct", etc.';
-      placeholder = "Qwen/Qwen2.5-72B-Instruct";
-    } else if (selectedProvider === "qwen") {
-      screenTitle = "Qwen Model Setup";
-      description = `Enter the Qwen model name for ${modelTypeText}:`;
-      examples = 'For example: "qwen-plus", "qwen-turbo", "qwen-max", etc.';
-      placeholder = "qwen-plus";
-    } else if (selectedProvider === "glm") {
-      screenTitle = "GLM Model Setup";
-      description = `Enter the GLM model name for ${modelTypeText}:`;
-      examples = 'For example: "glm-4", "glm-4v", "glm-3-turbo", etc.';
-      placeholder = "glm-4";
-    } else if (selectedProvider === "minimax") {
-      screenTitle = "MiniMax Model Setup";
-      description = `Enter the MiniMax model name for ${modelTypeText}:`;
-      examples = 'For example: "abab6.5s-chat", "abab6.5g-chat", "abab5.5s-chat", etc.';
-      placeholder = "abab6.5s-chat";
-    } else if (selectedProvider === "baidu-qianfan") {
-      screenTitle = "Baidu Qianfan Model Setup";
-      description = `Enter the Baidu Qianfan model name for ${modelTypeText}:`;
-      examples = 'For example: "ERNIE-4.0-8K", "ERNIE-3.5-8K", "ERNIE-Speed-128K", etc.';
-      placeholder = "ERNIE-4.0-8K";
-    } else if (selectedProvider === "custom-openai") {
-      screenTitle = "Custom API Model Setup";
-      description = `Enter the model name for ${modelTypeText}:`;
-      examples = "Enter the exact model name as supported by your API endpoint.";
-      placeholder = "model-name";
-    }
-    return /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", gap: 1 }, /* @__PURE__ */ React.createElement(
-      Box,
-      {
-        flexDirection: "column",
-        gap: 1,
-        borderStyle: "round",
-        borderColor: theme.secondaryBorder,
-        paddingX: 2,
-        paddingY: 1
-      },
-      /* @__PURE__ */ React.createElement(Text, { bold: true }, screenTitle, " ", exitState.pending ? `(press ${exitState.keyName} again to exit)` : ""),
-      /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", gap: 1 }, /* @__PURE__ */ React.createElement(Text, { bold: true }, description), /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", width: 70 }, /* @__PURE__ */ React.createElement(Text, { color: theme.secondaryText }, selectedProvider === "azure" ? "This is the deployment name you configured in your Azure OpenAI resource." : selectedProvider === "anthropic" ? "This should be a valid Claude model identifier from Claude." : selectedProvider === "bigdream" ? "This should be a valid Claude model identifier supported by BigDream." : selectedProvider === "kimi" ? "This should be a valid Kimi model identifier from Moonshot AI." : selectedProvider === "deepseek" ? "This should be a valid DeepSeek model identifier." : selectedProvider === "siliconflow" ? "This should be a valid SiliconFlow model identifier." : selectedProvider === "qwen" ? "This should be a valid Qwen model identifier from Alibaba Cloud." : selectedProvider === "glm" ? "This should be a valid GLM model identifier from Zhipu AI." : selectedProvider === "minimax" ? "This should be a valid MiniMax model identifier." : selectedProvider === "baidu-qianfan" ? "This should be a valid Baidu Qianfan model identifier." : "This should match the model name supported by your API endpoint.", /* @__PURE__ */ React.createElement(Newline, null), examples)), /* @__PURE__ */ React.createElement(Box, null, /* @__PURE__ */ React.createElement(
-        TextInput,
-        {
-          placeholder,
-          value: customModelName,
-          onChange: setCustomModelName,
-          onSubmit: handleCustomModelSubmit,
-          columns: 100,
-          cursorOffset: customModelNameCursorOffset,
-          onChangeCursorOffset: setCustomModelNameCursorOffset,
-          showCursor: true
-        }
-      )), /* @__PURE__ */ React.createElement(Box, { marginTop: 1 }, /* @__PURE__ */ React.createElement(Text, null, /* @__PURE__ */ React.createElement(Text, { color: theme.suggestion, dimColor: !customModelName }, "[Submit Model Name]"), /* @__PURE__ */ React.createElement(Text, null, " - Press Enter or click to continue"))), /* @__PURE__ */ React.createElement(Box, { marginTop: 1 }, /* @__PURE__ */ React.createElement(Text, { dimColor: true }, "Press ", /* @__PURE__ */ React.createElement(Text, { color: theme.suggestion }, "Enter"), " to continue or", " ", /* @__PURE__ */ React.createElement(Text, { color: theme.suggestion }, "Esc"), " to go back")))
-    ));
-  }
-  if (currentScreen === "contextLength") {
-    const selectedOption = CONTEXT_LENGTH_OPTIONS.find((opt) => opt.value === contextLength) || CONTEXT_LENGTH_OPTIONS[2];
-    return /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", gap: 1 }, /* @__PURE__ */ React.createElement(
-      Box,
-      {
-        flexDirection: "column",
-        gap: 1,
-        borderStyle: "round",
-        borderColor: theme.secondaryBorder,
-        paddingX: 2,
-        paddingY: 1
-      },
-      /* @__PURE__ */ React.createElement(Text, { bold: true }, "Context Length Configuration", " ", exitState.pending ? `(press ${exitState.keyName} again to exit)` : ""),
-      /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", gap: 1 }, /* @__PURE__ */ React.createElement(Text, { bold: true }, "Choose the context window length for your model:"), /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", width: 70 }, /* @__PURE__ */ React.createElement(Text, { color: theme.secondaryText }, "This determines how much conversation history and context the model can process at once. Higher values allow for longer conversations but may increase costs.")), /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", marginY: 1 }, CONTEXT_LENGTH_OPTIONS.map((option, index) => {
-        const isSelected = option.value === contextLength;
-        return /* @__PURE__ */ React.createElement(Box, { key: option.value, flexDirection: "row" }, /* @__PURE__ */ React.createElement(Text, { color: isSelected ? "blue" : void 0 }, isSelected ? "\u2192 " : "  ", option.label, option.value === DEFAULT_CONTEXT_LENGTH ? " (recommended)" : ""));
-      })), /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", marginY: 1 }, /* @__PURE__ */ React.createElement(Text, { dimColor: true }, "Selected:", " ", /* @__PURE__ */ React.createElement(Text, { color: theme.suggestion }, selectedOption.label))))
-    ), /* @__PURE__ */ React.createElement(Box, { marginLeft: 1 }, /* @__PURE__ */ React.createElement(Text, { dimColor: true }, "\u2191/\u2193 to select \xB7 Enter to continue \xB7 Esc to go back")));
-  }
-  if (currentScreen === "connectionTest") {
-    const providerDisplayName = getProviderLabel(selectedProvider, 0).split(
-      " ("
-    )[0];
-    return /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", gap: 1 }, /* @__PURE__ */ React.createElement(
-      Box,
-      {
-        flexDirection: "column",
-        gap: 1,
-        borderStyle: "round",
-        borderColor: theme.secondaryBorder,
-        paddingX: 2,
-        paddingY: 1
-      },
-      /* @__PURE__ */ React.createElement(Text, { bold: true }, "Connection Test", " ", exitState.pending ? `(press ${exitState.keyName} again to exit)` : ""),
-      /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", gap: 1 }, /* @__PURE__ */ React.createElement(Text, { bold: true }, "Testing connection to ", providerDisplayName, "..."), /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", width: 70 }, /* @__PURE__ */ React.createElement(Text, { color: theme.secondaryText }, "This will verify your configuration by sending a test request to the API.", selectedProvider === "minimax" && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Newline, null), "For MiniMax, we'll test both v2 and v1 endpoints to find the best one."))), !connectionTestResult && !isTestingConnection && /* @__PURE__ */ React.createElement(Box, { marginY: 1 }, /* @__PURE__ */ React.createElement(Text, null, /* @__PURE__ */ React.createElement(Text, { color: theme.suggestion }, "Press Enter"), " to start the connection test")), isTestingConnection && /* @__PURE__ */ React.createElement(Box, { marginY: 1 }, /* @__PURE__ */ React.createElement(Text, { color: theme.suggestion }, "\u{1F504} Testing connection...")), connectionTestResult && /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", marginY: 1, paddingX: 1 }, /* @__PURE__ */ React.createElement(
-        Text,
-        {
-          color: connectionTestResult.success ? theme.success : "red"
-        },
-        connectionTestResult.message
-      ), connectionTestResult.endpoint && /* @__PURE__ */ React.createElement(Text, { color: theme.secondaryText }, "Endpoint: ", connectionTestResult.endpoint), connectionTestResult.details && /* @__PURE__ */ React.createElement(Text, { color: theme.secondaryText }, "Details: ", connectionTestResult.details), connectionTestResult.success ? /* @__PURE__ */ React.createElement(Box, { marginTop: 1 }, /* @__PURE__ */ React.createElement(Text, { color: theme.success }, "\u2705 Automatically proceeding to confirmation...")) : /* @__PURE__ */ React.createElement(Box, { marginTop: 1 }, /* @__PURE__ */ React.createElement(Text, null, /* @__PURE__ */ React.createElement(Text, { color: theme.suggestion }, "Press Enter"), " to retry test, or ", /* @__PURE__ */ React.createElement(Text, { color: theme.suggestion }, "Esc"), " to go back"))), /* @__PURE__ */ React.createElement(Box, { marginTop: 1 }, /* @__PURE__ */ React.createElement(Text, { dimColor: true }, "Press ", /* @__PURE__ */ React.createElement(Text, { color: theme.suggestion }, "Esc"), " to go back to context length")))
-    ));
-  }
-  if (currentScreen === "confirmation") {
-    const providerDisplayName = getProviderLabel(selectedProvider, 0).split(
-      " ("
-    )[0];
-    const showsApiKey = selectedProvider !== "ollama";
-    return /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", gap: 1 }, /* @__PURE__ */ React.createElement(
-      Box,
-      {
-        flexDirection: "column",
-        gap: 1,
-        borderStyle: "round",
-        borderColor: theme.secondaryBorder,
-        paddingX: 2,
-        paddingY: 1
-      },
-      /* @__PURE__ */ React.createElement(Text, { bold: true }, "Configuration Confirmation", " ", exitState.pending ? `(press ${exitState.keyName} again to exit)` : ""),
-      /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", gap: 1 }, /* @__PURE__ */ React.createElement(Text, { bold: true }, "Confirm your model configuration:"), /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", width: 70 }, /* @__PURE__ */ React.createElement(Text, { color: theme.secondaryText }, "Please review your selections before saving.")), validationError && /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", marginY: 1, paddingX: 1 }, /* @__PURE__ */ React.createElement(Text, { color: theme.error, bold: true }, "\u26A0 Configuration Error:"), /* @__PURE__ */ React.createElement(Text, { color: theme.error }, validationError)), /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", marginY: 1, paddingX: 1 }, /* @__PURE__ */ React.createElement(Text, null, /* @__PURE__ */ React.createElement(Text, { bold: true }, "Provider: "), /* @__PURE__ */ React.createElement(Text, { color: theme.suggestion }, providerDisplayName)), selectedProvider === "azure" && /* @__PURE__ */ React.createElement(Text, null, /* @__PURE__ */ React.createElement(Text, { bold: true }, "Resource Name: "), /* @__PURE__ */ React.createElement(Text, { color: theme.suggestion }, resourceName)), selectedProvider === "ollama" && /* @__PURE__ */ React.createElement(Text, null, /* @__PURE__ */ React.createElement(Text, { bold: true }, "Server URL: "), /* @__PURE__ */ React.createElement(Text, { color: theme.suggestion }, ollamaBaseUrl)), selectedProvider === "custom-openai" && /* @__PURE__ */ React.createElement(Text, null, /* @__PURE__ */ React.createElement(Text, { bold: true }, "API Base URL: "), /* @__PURE__ */ React.createElement(Text, { color: theme.suggestion }, customBaseUrl)), /* @__PURE__ */ React.createElement(Text, null, /* @__PURE__ */ React.createElement(Text, { bold: true }, "Model: "), /* @__PURE__ */ React.createElement(Text, { color: theme.suggestion }, selectedModel)), apiKey && showsApiKey && /* @__PURE__ */ React.createElement(Text, null, /* @__PURE__ */ React.createElement(Text, { bold: true }, "API Key: "), /* @__PURE__ */ React.createElement(Text, { color: theme.suggestion }, "****", apiKey.slice(-4))), maxTokens && /* @__PURE__ */ React.createElement(Text, null, /* @__PURE__ */ React.createElement(Text, { bold: true }, "Max Tokens: "), /* @__PURE__ */ React.createElement(Text, { color: theme.suggestion }, maxTokens)), /* @__PURE__ */ React.createElement(Text, null, /* @__PURE__ */ React.createElement(Text, { bold: true }, "Context Length: "), /* @__PURE__ */ React.createElement(Text, { color: theme.suggestion }, CONTEXT_LENGTH_OPTIONS.find(
-        (opt) => opt.value === contextLength
-      )?.label || `${contextLength.toLocaleString()} tokens`)), supportsReasoningEffort && /* @__PURE__ */ React.createElement(Text, null, /* @__PURE__ */ React.createElement(Text, { bold: true }, "Reasoning Effort: "), /* @__PURE__ */ React.createElement(Text, { color: theme.suggestion }, reasoningEffort))), /* @__PURE__ */ React.createElement(Box, { marginTop: 1 }, /* @__PURE__ */ React.createElement(Text, { dimColor: true }, "Press ", /* @__PURE__ */ React.createElement(Text, { color: theme.suggestion }, "Esc"), " to go back to model parameters or ", /* @__PURE__ */ React.createElement(Text, { color: theme.suggestion }, "Enter"), " ", "to save configuration")))
-    ));
-  }
-  if (currentScreen === "anthropicSubMenu") {
-    const anthropicOptions = [
-      { label: "Official Anthropic API", value: "official" },
-      { label: "BigDream (Community Proxy)", value: "bigdream" },
-      { label: "OpenDev (Community Proxy)", value: "opendev" },
-      { label: "Custom Anthropic-Compatible API", value: "custom" }
-    ];
-    return /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", gap: 1 }, /* @__PURE__ */ React.createElement(
-      Box,
-      {
-        flexDirection: "column",
-        gap: 1,
-        borderStyle: "round",
-        borderColor: theme.secondaryBorder,
-        paddingX: 2,
-        paddingY: 1
-      },
-      /* @__PURE__ */ React.createElement(Text, { bold: true }, "Claude Provider Selection", " ", exitState.pending ? `(press ${exitState.keyName} again to exit)` : ""),
-      /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", gap: 1 }, /* @__PURE__ */ React.createElement(Text, { bold: true }, "Choose your Anthropic API access method for this model profile:"), /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", width: 70 }, /* @__PURE__ */ React.createElement(Text, { color: theme.secondaryText }, "\u2022 ", /* @__PURE__ */ React.createElement(Text, { bold: true }, "Official Anthropic API:"), " Direct access to Anthropic's official API", /* @__PURE__ */ React.createElement(Newline, null), "\u2022 ", /* @__PURE__ */ React.createElement(Text, { bold: true }, "BigDream:"), " Community proxy providing Claude access", /* @__PURE__ */ React.createElement(Newline, null), "\u2022 ", /* @__PURE__ */ React.createElement(Text, { bold: true }, "Custom:"), " Your own Anthropic-compatible API endpoint")), /* @__PURE__ */ React.createElement(
-        Select,
-        {
-          options: anthropicOptions,
-          onChange: handleAnthropicProviderSelection
-        }
-      ), /* @__PURE__ */ React.createElement(Box, { marginTop: 1 }, /* @__PURE__ */ React.createElement(Text, { dimColor: true }, "Press ", /* @__PURE__ */ React.createElement(Text, { color: theme.suggestion }, "Esc"), " to go back to provider selection")))
-    ));
-  }
-  return /* @__PURE__ */ React.createElement(
-    ScreenContainer,
-    {
-      title: "Provider Selection",
-      exitState,
-      children: /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", gap: 1 }, /* @__PURE__ */ React.createElement(Text, { bold: true }, "Select your preferred AI provider for this model profile:"), /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", width: 70 }, /* @__PURE__ */ React.createElement(Text, { color: theme.secondaryText }, "Choose the provider you want to use for this model profile.", /* @__PURE__ */ React.createElement(Newline, null), "This will determine which models are available to you.")), /* @__PURE__ */ React.createElement(Select, { options: providerOptions, onChange: handleProviderSelection }), /* @__PURE__ */ React.createElement(Box, { marginTop: 1 }, /* @__PURE__ */ React.createElement(Text, { dimColor: true }, "You can change this later by running", " ", /* @__PURE__ */ React.createElement(Text, { color: theme.suggestion }, "/model"), " again")))
-    }
-  );
-}
-export {
-  ModelSelector
-};
-//# sourceMappingURL=ModelSelector.js.map