@ottocode/web-sdk 0.1.248 → 0.1.249

package/dist/components/index.js

@@ -1140,7 +1140,9 @@ import {
   getConfig as apiGetConfig,
   getProviderModels as apiGetProviderModels,
   getAllModels as apiGetAllModels,
-  updateDefaults as apiUpdateDefaults
+  updateDefaults as apiUpdateDefaults,
+  updateProviderSettings as apiUpdateProviderSettings,
+  deleteProviderSettings as apiDeleteProviderSettings
 } from "@ottocode/api";
 var configMixin = {
   async getConfig() {
@@ -1163,6 +1165,35 @@ var configMixin = {
       throw new Error(extractErrorMessage(response.error));
     return response.data;
   },
+  async discoverProviderModels(data) {
+    const response = await fetch(`${getBaseUrl()}/v1/config/providers/discover-models`, {
+      method: "POST",
+      headers: { "content-type": "application/json" },
+      body: JSON.stringify(data)
+    });
+    const payload = await response.json();
+    if (!response.ok)
+      throw new Error(extractErrorMessage(payload));
+    return payload;
+  },
+  async updateProviderSettings(provider, data) {
+    const response = await apiUpdateProviderSettings({
+      path: { provider },
+      body: data
+    });
+    if (response.error)
+      throw new Error(extractErrorMessage(response.error));
+    return response.data;
+  },
+  async deleteProviderSettings(provider) {
+    const response = await apiDeleteProviderSettings({
+      path: { provider },
+      query: { scope: "local" }
+    });
+    if (response.error)
+      throw new Error(extractErrorMessage(response.error));
+    return response.data;
+  },
   async updateDefaults(data) {
     const response = await apiUpdateDefaults({
       body: data
@@ -1648,6 +1679,9 @@ class ApiClient {
   getConfig = configMixin.getConfig;
   getModels = configMixin.getModels;
   getAllModels = configMixin.getAllModels;
+  discoverProviderModels = configMixin.discoverProviderModels;
+  updateProviderSettings = configMixin.updateProviderSettings;
+  deleteProviderSettings = configMixin.deleteProviderSettings;
   updateDefaults = configMixin.updateDefaults;
   listFiles = filesMixin.listFiles;
   getFileTree = filesMixin.getFileTree;
@@ -3481,6 +3515,7 @@ var ChatInput = memo4(forwardRef5(function ChatInput2({
   attachmentEnabled = false,
   modelName,
   providerName,
+  isCustomProvider = false,
   authType,
   isFreeModel,
   researchContexts = [],
@@ -3964,6 +3999,10 @@ var ChatInput = memo4(forwardRef5(function ChatInput2({
                             modelName && /* @__PURE__ */ jsx15("span", {
                               children: modelName
                             }),
+                            isCustomProvider && /* @__PURE__ */ jsx15("span", {
+                              className: "opacity-50",
+                              children: "(custom)"
+                            }),
                             authType && authType === "oauth" && /* @__PURE__ */ jsx15("span", {
                               className: "opacity-50",
                               children: "(pro)"
@@ -5133,6 +5172,13 @@ import {
 import { ChevronDown, Search } from "lucide-react";
 import Fuse2 from "fuse.js";
 import { jsx as jsx16, jsxs as jsxs10 } from "react/jsx-runtime";
+function formatTokenCount(tokens) {
+  if (tokens >= 1e6)
+    return `${(tokens / 1e6).toFixed(1)}M`;
+  if (tokens >= 1000)
+    return `${Math.round(tokens / 1000)}K`;
+  return String(tokens);
+}
 var UnifiedModelSelector = forwardRef6(function UnifiedModelSelector2({ provider, model, onChange, disabled = false }, ref) {
   const { data: allModels } = useAllModels();
   const { data: currentProviderModels, isLoading: isCurrentProviderLoading } = useModels(provider);
@@ -5233,6 +5279,8 @@ var UnifiedModelSelector = forwardRef6(function UnifiedModelSelector2({ provider
           modelLabel: modelItem.label,
           toolCall: modelItem.toolCall,
           reasoningText: modelItem.reasoningText,
+          contextWindow: modelItem.contextWindow,
+          maxOutputTokens: modelItem.maxOutputTokens,
           available: modelItem.available,
           unavailableReason: modelItem.unavailableReason
         });
@@ -5292,6 +5340,8 @@ var UnifiedModelSelector = forwardRef6(function UnifiedModelSelector2({ provider
           label: item.modelLabel,
           toolCall: item.toolCall,
           reasoningText: item.reasoningText,
+          contextWindow: item.contextWindow,
+          maxOutputTokens: item.maxOutputTokens,
           available: item.available,
           unavailableReason: item.unavailableReason
         });
@@ -5310,6 +5360,8 @@ var UnifiedModelSelector = forwardRef6(function UnifiedModelSelector2({ provider
           modelLabel: modelItem.label,
           toolCall: modelItem.toolCall,
           reasoningText: modelItem.reasoningText,
+          contextWindow: modelItem.contextWindow,
+          maxOutputTokens: modelItem.maxOutputTokens,
           available: modelItem.available,
           unavailableReason: modelItem.unavailableReason
         });
@@ -5476,9 +5528,25 @@ var UnifiedModelSelector = forwardRef6(function UnifiedModelSelector2({ provider
                             className: "truncate",
                             children: modelItem.label
                           }),
-                          (!isAvailable || modelItem.toolCall || modelItem.reasoningText) && /* @__PURE__ */ jsxs10("div", {
+                          (!isAvailable || modelItem.toolCall || modelItem.reasoningText || modelItem.contextWindow || modelItem.maxOutputTokens) && /* @__PURE__ */ jsxs10("div", {
                             className: "flex gap-1 ml-2 flex-shrink-0",
                             children: [
+                              modelItem.contextWindow && /* @__PURE__ */ jsxs10("span", {
+                                className: "text-[10px] px-1.5 py-0.5 bg-blue-600/20 text-blue-400 rounded",
+                                children: [
+                                  formatTokenCount(modelItem.contextWindow),
+                                  " ",
+                                  "ctx"
+                                ]
+                              }),
+                              modelItem.maxOutputTokens && /* @__PURE__ */ jsxs10("span", {
+                                className: "text-[10px] px-1.5 py-0.5 bg-cyan-600/20 text-cyan-400 rounded",
+                                children: [
+                                  formatTokenCount(modelItem.maxOutputTokens),
+                                  " ",
+                                  "out"
+                                ]
+                              }),
                               !isAvailable && /* @__PURE__ */ jsx16("span", {
                                 className: "text-[10px] px-1.5 py-0.5 bg-red-600/20 text-red-400 rounded",
                                 children: "Unavailable"
@@ -5905,6 +5973,7 @@ var ChatInputContainer = memo5(forwardRef8(function ChatInputContainer2({ sessio
     removeResearchContext(sessionId, contextId);
   }, [sessionId, removeResearchContext]);
   const providerAuthType = allModels?.[provider]?.authType;
+  const isCustomProvider = allModels?.[provider]?.label?.includes("(custom)") ?? false;
   useEffect12(() => {
     if (session) {
       setAgent(session.agent);
@@ -6149,6 +6218,7 @@ ${content}` : content;
         attachmentEnabled: modelSupportsAttachment,
         modelName: model,
         providerName: provider,
+        isCustomProvider,
         authType: providerAuthType,
         isFreeModel: modelIsFree,
         researchContexts,
@@ -6345,6 +6415,7 @@ var NewSessionLanding = memo6(forwardRef9(function NewSessionLanding2({ onSessio
   const modelSupportsReasoning = allModels?.[provider]?.models?.find((m) => m.id === model)?.reasoningText;
   const modelIsFree = allModels?.[provider]?.models?.find((m) => m.id === model)?.free;
   const providerAuthType = allModels?.[provider]?.authType;
+  const isCustomProvider = allModels?.[provider]?.label?.includes("(custom)") ?? false;
   const {
     images,
     documents,
@@ -6512,6 +6583,7 @@ var NewSessionLanding = memo6(forwardRef9(function NewSessionLanding2({ onSessio
               attachmentEnabled: modelSupportsAttachment,
               modelName: model,
               providerName: provider,
+              isCustomProvider,
               authType: providerAuthType,
               isFreeModel: modelIsFree,
               onConfigClick: handleToggleConfig,
@@ -21274,11 +21346,37 @@ function useAuthStatus() {
       setLoading(false);
     }
   }, [fetchAuthStatus, setLoading, setError]);
+  const addCustomProvider = useCallback26(async (data) => {
+    setLoading(true);
+    setError(null);
+    try {
+      const result = await apiClient.updateProviderSettings(data.id, {
+        enabled: true,
+        custom: true,
+        label: data.label,
+        baseURL: data.baseURL,
+        ...data.apiKey ? { apiKey: data.apiKey } : {},
+        compatibility: data.compatibility,
+        models: data.models,
+        allowAnyModel: data.allowAnyModel,
+        scope: "local"
+      });
+      await fetchAuthStatus();
+      return result;
+    } catch (err) {
+      const message = err instanceof Error ? err.message : "Failed to add custom provider";
+      setError(message);
+      throw err;
+    } finally {
+      setLoading(false);
+    }
+  }, [fetchAuthStatus, setLoading, setError]);
   const removeProvider = useCallback26(async (provider) => {
     setLoading(true);
     setError(null);
     try {
-      const result = await apiClient.removeProvider(provider);
+      const isCustomProvider = useOnboardingStore.getState().authStatus?.providers[provider]?.custom;
+      const result = isCustomProvider ? await apiClient.deleteProviderSettings(provider) : await apiClient.removeProvider(provider);
       await fetchAuthStatus();
       return result;
     } catch (err) {
@@ -21433,6 +21531,7 @@ function useAuthStatus() {
     setupWallet,
     importWallet,
     addProvider,
+    addCustomProvider,
     removeProvider,
     completeOnboarding,
     startOAuth,
@@ -25159,15 +25258,32 @@ import {
   Key as Key2,
   ExternalLink as ExternalLink10,
   ArrowRight as ArrowRight2,
-  RefreshCw as RefreshCw11
+  RefreshCw as RefreshCw11,
+  Plus as Plus8
 } from "lucide-react";
 import { QRCodeSVG as QRCodeSVG3 } from "qrcode.react";
 import { jsx as jsx103, jsxs as jsxs91, Fragment as Fragment39 } from "react/jsx-runtime";
+var CUSTOM_PROVIDER_COMPATIBILITY_OPTIONS = [
+  { value: "openai-compatible", label: "OpenAI-compatible" },
+  { value: "openai", label: "OpenAI" },
+  { value: "anthropic", label: "Anthropic" },
+  { value: "google", label: "Google" },
+  { value: "openrouter", label: "OpenRouter" },
+  { value: "ollama", label: "Ollama" }
+];
+function formatTokenCount2(tokens) {
+  if (tokens >= 1e6)
+    return `${(tokens / 1e6).toFixed(1)}M`;
+  if (tokens >= 1000)
+    return `${Math.round(tokens / 1000)}K`;
+  return String(tokens);
+}
 var ProviderSetupStep = memo46(function ProviderSetupStep2({
   authStatus,
   onSetupWallet,
   onImportWallet,
   onAddProvider,
+  onAddCustomProvider,
   onRemoveProvider,
   onStartOAuth,
   onStartOAuthManual,
@@ -25192,6 +25308,19 @@ var ProviderSetupStep = memo46(function ProviderSetupStep2({
   const [importWalletError, setImportWalletError] = useState44(null);
   const [addingProvider, setAddingProvider] = useState44(null);
   const [apiKeyInput, setApiKeyInput] = useState44("");
+  const [isCustomProviderModalOpen, setIsCustomProviderModalOpen] = useState44(false);
+  const [customProviderId, setCustomProviderId] = useState44("");
+  const [customProviderLabel, setCustomProviderLabel] = useState44("");
+  const [customProviderBaseURL, setCustomProviderBaseURL] = useState44("");
+  const [customProviderApiKey, setCustomProviderApiKey] = useState44("");
+  const [customProviderModels, setCustomProviderModels] = useState44("");
+  const [customProviderCompatibility, setCustomProviderCompatibility] = useState44("openai-compatible");
+  const [customProviderAllowAnyModel, setCustomProviderAllowAnyModel] = useState44(true);
+  const [isAddingCustomProvider, setIsAddingCustomProvider] = useState44(false);
+  const [customProviderError, setCustomProviderError] = useState44(null);
+  const [isDiscoveringCustomModels, setIsDiscoveringCustomModels] = useState44(false);
+  const [discoveredCustomModels, setDiscoveredCustomModels] = useState44([]);
+  const [customProviderDiscoveryMessage, setCustomProviderDiscoveryMessage] = useState44(null);
   const [removingProvider, setRemovingProvider] = useState44(null);
   const [confirmingDelete, setConfirmingDelete] = useState44(null);
   const [oauthSession, setOauthSession] = useState44(null);
@@ -25316,6 +25445,83 @@ var ProviderSetupStep = memo46(function ProviderSetupStep2({
       setApiKeyInput("");
     } catch {}
   };
+  const resetCustomProviderForm = () => {
+    setCustomProviderId("");
+    setCustomProviderLabel("");
+    setCustomProviderBaseURL("");
+    setCustomProviderApiKey("");
+    setCustomProviderModels("");
+    setCustomProviderCompatibility("openai-compatible");
+    setCustomProviderAllowAnyModel(true);
+    setCustomProviderError(null);
+    setDiscoveredCustomModels([]);
+    setCustomProviderDiscoveryMessage(null);
+  };
+  const handleCloseCustomProviderModal = () => {
+    if (isAddingCustomProvider)
+      return;
+    setIsCustomProviderModalOpen(false);
+    resetCustomProviderForm();
+  };
+  const handleDiscoverCustomProviderModels = async () => {
+    const baseURL = customProviderBaseURL.trim();
+    if (!baseURL) {
+      setCustomProviderDiscoveryMessage("Enter a base URL first.");
+      return;
+    }
+    setIsDiscoveringCustomModels(true);
+    setCustomProviderDiscoveryMessage(null);
+    try {
+      const result = await apiClient.discoverProviderModels({
+        compatibility: customProviderCompatibility,
+        baseURL,
+        apiKey: customProviderApiKey.trim() || undefined
+      });
+      if (result.baseURL)
+        setCustomProviderBaseURL(result.baseURL);
+      setDiscoveredCustomModels(result.models);
+      if (result.models.length > 0) {
+        setCustomProviderModels(result.models.map((model) => model.id).join(`
+`));
+      }
+      setCustomProviderDiscoveryMessage(result.message || (result.models.length > 0 ? `Fetched ${result.models.length} model${result.models.length === 1 ? "" : "s"}.` : "No models found."));
+    } catch (err) {
+      setDiscoveredCustomModels([]);
+      setCustomProviderDiscoveryMessage(err instanceof Error ? err.message : "Failed to fetch models");
+    } finally {
+      setIsDiscoveringCustomModels(false);
+    }
+  };
+  const handleAddCustomProvider = async () => {
+    const id = customProviderId.trim();
+    const label = customProviderLabel.trim() || id;
+    const baseURL = customProviderBaseURL.trim();
+    const apiKey = customProviderApiKey.trim();
+    const models = customProviderModels.split(/[\n,]/).map((model) => model.trim()).filter(Boolean);
+    if (!id || !baseURL) {
+      setCustomProviderError("Provider ID and base URL are required.");
+      return;
+    }
+    setIsAddingCustomProvider(true);
+    setCustomProviderError(null);
+    try {
+      await onAddCustomProvider({
+        id,
+        label,
+        baseURL,
+        apiKey: apiKey || undefined,
+        compatibility: customProviderCompatibility,
+        models,
+        allowAnyModel: customProviderAllowAnyModel
+      });
+      setIsCustomProviderModalOpen(false);
+      resetCustomProviderForm();
+    } catch (err) {
+      setCustomProviderError(err instanceof Error ? err.message : "Failed to add custom provider");
+    } finally {
+      setIsAddingCustomProvider(false);
+    }
+  };
   const handleRemoveProvider = async (providerId) => {
     if (confirmingDelete === providerId) {
       setRemovingProvider(providerId);
@@ -25762,112 +25968,154 @@ var ProviderSetupStep = memo46(function ProviderSetupStep2({
                           className: "font-semibold text-foreground mb-4",
                           children: "Add Providers"
                         }),
-                        /* @__PURE__ */ jsx103("div", {
+                        /* @__PURE__ */ jsxs91("div", {
                           className: "grid grid-cols-1 sm:grid-cols-2 gap-3 items-start",
-                          children: unconfiguredProviders.map(([id, info]) => /* @__PURE__ */ jsx103("div", {
-                            children: addingProvider === id ? /* @__PURE__ */ jsxs91("div", {
-                              className: "flex items-center gap-2 p-3 bg-card border border-ring rounded-xl overflow-hidden",
-                              children: [
-                                /* @__PURE__ */ jsx103("div", {
-                                  className: "shrink-0",
-                                  children: /* @__PURE__ */ jsx103(ProviderLogo, {
-                                    provider: id,
-                                    size: 18
-                                  })
-                                }),
-                                /* @__PURE__ */ jsx103("input", {
-                                  ref: apiKeyInputRef,
-                                  type: "password",
-                                  value: apiKeyInput,
-                                  onChange: (e) => setApiKeyInput(e.target.value),
-                                  placeholder: `${info.label} API key...`,
-                                  className: "flex-1 min-w-0 bg-transparent text-sm outline-none placeholder:text-muted-foreground text-foreground",
-                                  onKeyDown: (e) => {
-                                    if (e.key === "Enter")
-                                      handleAddProvider(id);
-                                    if (e.key === "Escape") {
+                          children: [
+                            unconfiguredProviders.map(([id, info]) => /* @__PURE__ */ jsx103("div", {
+                              children: addingProvider === id ? /* @__PURE__ */ jsxs91("div", {
+                                className: "flex items-center gap-2 p-3 bg-card border border-ring rounded-xl overflow-hidden",
+                                children: [
+                                  /* @__PURE__ */ jsx103("div", {
+                                    className: "shrink-0",
+                                    children: /* @__PURE__ */ jsx103(ProviderLogo, {
+                                      provider: id,
+                                      size: 18
+                                    })
+                                  }),
+                                  /* @__PURE__ */ jsx103("input", {
+                                    ref: apiKeyInputRef,
+                                    type: "password",
+                                    value: apiKeyInput,
+                                    onChange: (e) => setApiKeyInput(e.target.value),
+                                    placeholder: `${info.label} API key...`,
+                                    className: "flex-1 min-w-0 bg-transparent text-sm outline-none placeholder:text-muted-foreground text-foreground",
+                                    onKeyDown: (e) => {
+                                      if (e.key === "Enter")
+                                        handleAddProvider(id);
+                                      if (e.key === "Escape") {
+                                        setAddingProvider(null);
+                                        setApiKeyInput("");
+                                      }
+                                    }
+                                  }),
+                                  /* @__PURE__ */ jsx103("button", {
+                                    type: "button",
+                                    onClick: () => handleAddProvider(id),
+                                    disabled: !apiKeyInput.trim(),
+                                    className: "shrink-0 px-3 py-1.5 bg-primary text-primary-foreground text-sm font-medium rounded-lg disabled:opacity-50",
+                                    children: "Add"
+                                  }),
+                                  /* @__PURE__ */ jsx103("button", {
+                                    type: "button",
+                                    onClick: () => {
                                       setAddingProvider(null);
                                       setApiKeyInput("");
-                                    }
-                                  }
-                                }),
-                                /* @__PURE__ */ jsx103("button", {
-                                  type: "button",
-                                  onClick: () => handleAddProvider(id),
-                                  disabled: !apiKeyInput.trim(),
-                                  className: "shrink-0 px-3 py-1.5 bg-primary text-primary-foreground text-sm font-medium rounded-lg disabled:opacity-50",
-                                  children: "Add"
-                                }),
-                                /* @__PURE__ */ jsx103("button", {
-                                  type: "button",
-                                  onClick: () => {
-                                    setAddingProvider(null);
-                                    setApiKeyInput("");
-                                  },
-                                  className: "shrink-0 p-1.5 text-muted-foreground hover:text-foreground",
-                                  children: /* @__PURE__ */ jsx103(X18, {
-                                    className: "w-4 h-4"
+                                    },
+                                    className: "shrink-0 p-1.5 text-muted-foreground hover:text-foreground",
+                                    children: /* @__PURE__ */ jsx103(X18, {
+                                      className: "w-4 h-4"
+                                    })
                                   })
-                                })
-                              ]
-                            }) : /* @__PURE__ */ jsxs91("div", {
-                              className: "flex items-center justify-between p-3 bg-card border border-border hover:border-border/80 rounded-xl transition-colors gap-2",
+                                ]
+                              }) : /* @__PURE__ */ jsxs91("div", {
+                                className: "flex items-center justify-between p-3 bg-card border border-border hover:border-border/80 rounded-xl transition-colors gap-2",
+                                children: [
+                                  /* @__PURE__ */ jsxs91("div", {
+                                    className: "flex items-center gap-3 min-w-0",
+                                    children: [
+                                      /* @__PURE__ */ jsx103(ProviderLogo, {
+                                        provider: id,
+                                        size: 20
+                                      }),
+                                      /* @__PURE__ */ jsxs91("div", {
+                                        className: "min-w-0",
+                                        children: [
+                                          /* @__PURE__ */ jsx103("div", {
+                                            className: "font-medium text-foreground truncate",
+                                            children: info.label
+                                          }),
+                                          /* @__PURE__ */ jsxs91("div", {
+                                            className: "text-xs text-muted-foreground",
+                                            children: [
+                                              info.modelCount,
+                                              " models"
+                                            ]
+                                          })
+                                        ]
+                                      })
+                                    ]
+                                  }),
+                                  /* @__PURE__ */ jsxs91("div", {
+                                    className: "flex items-center gap-1",
+                                    children: [
+                                      id !== "copilot" && /* @__PURE__ */ jsxs91("button", {
+                                        type: "button",
+                                        onClick: () => setAddingProvider(id),
+                                        className: "flex items-center gap-1.5 px-3 py-1.5 text-sm text-muted-foreground hover:text-foreground hover:bg-muted rounded-lg transition-colors",
+                                        children: [
+                                          /* @__PURE__ */ jsx103(Key2, {
+                                            className: "w-3.5 h-3.5"
+                                          }),
+                                          "API"
+                                        ]
+                                      }),
+                                      info.supportsOAuth && /* @__PURE__ */ jsxs91("button", {
+                                        type: "button",
+                                        onClick: () => handleStartOAuth(id, id === "anthropic" ? "max" : undefined),
+                                        className: "flex items-center gap-1.5 px-3 py-1.5 text-sm text-muted-foreground hover:text-foreground hover:bg-muted rounded-lg transition-colors",
+                                        children: [
+                                          /* @__PURE__ */ jsx103(ExternalLink10, {
+                                            className: "w-3.5 h-3.5"
+                                          }),
+                                          id === "anthropic" ? "Pro" : id === "copilot" ? "Login" : "OAuth"
+                                        ]
+                                      })
+                                    ]
+                                  })
+                                ]
+                              })
+                            }, id)),
+                            /* @__PURE__ */ jsxs91("button", {
+                              type: "button",
+                              onClick: () => setIsCustomProviderModalOpen(true),
+                              className: "group flex items-center justify-between p-3 bg-card border border-dashed border-border hover:border-primary/60 hover:bg-primary/5 hover:shadow-sm rounded-xl transition-all gap-2 text-left cursor-pointer",
                               children: [
                                 /* @__PURE__ */ jsxs91("div", {
                                   className: "flex items-center gap-3 min-w-0",
                                   children: [
-                                    /* @__PURE__ */ jsx103(ProviderLogo, {
-                                      provider: id,
-                                      size: 20
+                                    /* @__PURE__ */ jsx103("span", {
+                                      className: "inline-flex items-center justify-center w-5 h-5 rounded-full bg-muted text-muted-foreground group-hover:bg-primary/10 group-hover:text-primary transition-colors",
+                                      children: /* @__PURE__ */ jsx103(Plus8, {
+                                        className: "w-3.5 h-3.5"
+                                      })
                                     }),
                                     /* @__PURE__ */ jsxs91("div", {
                                       className: "min-w-0",
                                       children: [
                                         /* @__PURE__ */ jsx103("div", {
                                           className: "font-medium text-foreground truncate",
-                                          children: info.label
+                                          children: "Custom Provider"
                                         }),
-                                        /* @__PURE__ */ jsxs91("div", {
-                                          className: "text-xs text-muted-foreground",
-                                          children: [
-                                            info.modelCount,
-                                            " models"
-                                          ]
+                                        /* @__PURE__ */ jsx103("div", {
+                                          className: "text-xs text-muted-foreground group-hover:text-foreground/70 transition-colors",
+                                          children: "OpenAI-compatible or Ollama endpoint"
                                         })
                                       ]
                                     })
                                   ]
                                 }),
-                                /* @__PURE__ */ jsxs91("div", {
-                                  className: "flex items-center gap-1",
+                                /* @__PURE__ */ jsxs91("span", {
+                                  className: "flex items-center gap-1.5 px-3 py-1.5 text-sm text-muted-foreground group-hover:text-primary group-hover:bg-primary/10 rounded-lg transition-colors",
                                   children: [
-                                    id !== "copilot" && /* @__PURE__ */ jsxs91("button", {
-                                      type: "button",
-                                      onClick: () => setAddingProvider(id),
-                                      className: "flex items-center gap-1.5 px-3 py-1.5 text-sm text-muted-foreground hover:text-foreground hover:bg-muted rounded-lg transition-colors",
-                                      children: [
-                                        /* @__PURE__ */ jsx103(Key2, {
-                                          className: "w-3.5 h-3.5"
-                                        }),
-                                        "API"
-                                      ]
+                                    /* @__PURE__ */ jsx103(Key2, {
+                                      className: "w-3.5 h-3.5"
                                     }),
-                                    info.supportsOAuth && /* @__PURE__ */ jsxs91("button", {
-                                      type: "button",
-                                      onClick: () => handleStartOAuth(id, id === "anthropic" ? "max" : undefined),
-                                      className: "flex items-center gap-1.5 px-3 py-1.5 text-sm text-muted-foreground hover:text-foreground hover:bg-muted rounded-lg transition-colors",
-                                      children: [
-                                        /* @__PURE__ */ jsx103(ExternalLink10, {
-                                          className: "w-3.5 h-3.5"
-                                        }),
-                                        id === "anthropic" ? "Pro" : id === "copilot" ? "Login" : "OAuth"
-                                      ]
-                                    })
+                                    "Add"
                                   ]
                                 })
                               ]
                             })
-                          }, id))
+                          ]
                         })
                       ]
                     })
@@ -25906,6 +26154,268 @@ var ProviderSetupStep = memo46(function ProviderSetupStep2({
           ]
         })
       }),
+      isCustomProviderModalOpen && /* @__PURE__ */ jsx103("div", {
+        className: "fixed inset-0 z-[9999] flex items-center justify-center bg-black/60 backdrop-blur-sm",
+        children: /* @__PURE__ */ jsxs91("div", {
+          className: "bg-background border border-border rounded-xl w-full max-w-2xl mx-6 shadow-2xl max-h-[90vh] overflow-y-auto",
+          children: [
+            /* @__PURE__ */ jsxs91("div", {
+              className: "flex items-center gap-3 p-6 border-b border-border",
+              children: [
+                /* @__PURE__ */ jsx103("span", {
+                  className: "inline-flex items-center justify-center w-6 h-6 rounded-full bg-muted text-muted-foreground",
+                  children: /* @__PURE__ */ jsx103(Plus8, {
+                    className: "w-4 h-4"
+                  })
+                }),
+                /* @__PURE__ */ jsx103("h3", {
+                  className: "text-lg font-semibold",
+                  children: "Add Custom Provider"
+                })
+              ]
+            }),
+            /* @__PURE__ */ jsxs91("div", {
+              className: "p-6 space-y-4",
+              children: [
+                /* @__PURE__ */ jsxs91("div", {
+                  className: "grid grid-cols-1 sm:grid-cols-2 gap-4",
+                  children: [
+                    /* @__PURE__ */ jsxs91("label", {
+                      className: "space-y-2",
+                      children: [
+                        /* @__PURE__ */ jsx103("span", {
+                          className: "text-sm font-medium text-foreground",
+                          children: "Provider ID"
+                        }),
+                        /* @__PURE__ */ jsx103("input", {
+                          type: "text",
+                          value: customProviderId,
+                          onChange: (e) => setCustomProviderId(e.target.value),
+                          placeholder: "my-provider",
+                          className: "w-full h-11 px-4 bg-muted/50 border border-border rounded-lg text-foreground placeholder:text-muted-foreground outline-none focus:border-foreground/30 transition-colors font-mono text-sm"
+                        })
+                      ]
+                    }),
+                    /* @__PURE__ */ jsxs91("label", {
+                      className: "space-y-2",
+                      children: [
+                        /* @__PURE__ */ jsx103("span", {
+                          className: "text-sm font-medium text-foreground",
+                          children: "Display Name"
+                        }),
+                        /* @__PURE__ */ jsx103("input", {
+                          type: "text",
+                          value: customProviderLabel,
+                          onChange: (e) => setCustomProviderLabel(e.target.value),
+                          placeholder: "My Provider",
+                          className: "w-full h-11 px-4 bg-muted/50 border border-border rounded-lg text-foreground placeholder:text-muted-foreground outline-none focus:border-foreground/30 transition-colors text-sm"
+                        })
+                      ]
+                    })
+                  ]
+                }),
+                /* @__PURE__ */ jsxs91("div", {
+                  className: "flex items-center justify-between gap-3 p-3 bg-muted/30 border border-border rounded-lg",
+                  children: [
+                    /* @__PURE__ */ jsxs91("div", {
+                      className: "min-w-0",
+                      children: [
+                        /* @__PURE__ */ jsx103("div", {
+                          className: "text-sm font-medium text-foreground",
+                          children: "Fetch models from provider"
+                        }),
+                        /* @__PURE__ */ jsx103("div", {
+                          className: "text-xs text-muted-foreground",
+                          children: "For Ollama, this reads /api/tags and /api/show to include context windows."
+                        })
+                      ]
+                    }),
+                    /* @__PURE__ */ jsxs91("button", {
+                      type: "button",
+                      onClick: handleDiscoverCustomProviderModels,
+                      disabled: !customProviderBaseURL.trim() || isDiscoveringCustomModels,
+                      className: "shrink-0 px-3 py-2 bg-primary text-primary-foreground rounded-lg text-sm font-medium hover:bg-primary/90 transition-colors disabled:opacity-50 flex items-center gap-2",
+                      children: [
+                        isDiscoveringCustomModels && /* @__PURE__ */ jsx103(Loader216, {
+                          className: "w-3.5 h-3.5 animate-spin"
+                        }),
+                        "Fetch Models"
+                      ]
+                    })
+                  ]
+                }),
+                customProviderDiscoveryMessage && /* @__PURE__ */ jsx103("p", {
+                  className: "text-xs text-muted-foreground",
+                  children: customProviderDiscoveryMessage
+                }),
+                discoveredCustomModels.length > 0 && /* @__PURE__ */ jsx103("div", {
+                  className: "space-y-2 max-h-44 overflow-y-auto border border-border rounded-lg p-2",
+                  children: discoveredCustomModels.map((model) => /* @__PURE__ */ jsxs91("div", {
+                    className: "flex items-center justify-between gap-3 p-2 bg-card rounded-md",
+                    children: [
+                      /* @__PURE__ */ jsxs91("div", {
+                        className: "min-w-0",
+                        children: [
+                          /* @__PURE__ */ jsx103("div", {
+                            className: "text-sm font-medium text-foreground truncate",
+                            children: model.label
+                          }),
+                          /* @__PURE__ */ jsx103("div", {
+                            className: "text-xs text-muted-foreground font-mono truncate",
+                            children: model.id
+                          })
+                        ]
+                      }),
+                      /* @__PURE__ */ jsxs91("div", {
+                        className: "flex flex-wrap justify-end gap-1 shrink-0",
+                        children: [
+                          model.contextWindow && /* @__PURE__ */ jsxs91("span", {
+                            className: "text-[10px] px-1.5 py-0.5 bg-blue-600/20 text-blue-400 rounded",
+                            children: [
+                              formatTokenCount2(model.contextWindow),
+                              " ctx"
+                            ]
+                          }),
+                          model.maxOutputTokens && /* @__PURE__ */ jsxs91("span", {
+                            className: "text-[10px] px-1.5 py-0.5 bg-cyan-600/20 text-cyan-400 rounded",
+                            children: [
+                              formatTokenCount2(model.maxOutputTokens),
+                              " out"
+                            ]
+                          }),
+                          model.toolCall && /* @__PURE__ */ jsx103("span", {
+                            className: "text-[10px] px-1.5 py-0.5 bg-green-600/20 text-green-400 rounded",
+                            children: "Tools"
+                          }),
+                          model.reasoningText && /* @__PURE__ */ jsx103("span", {
+                            className: "text-[10px] px-1.5 py-0.5 bg-purple-600/20 text-purple-400 rounded",
+                            children: "Reasoning"
+                          }),
+                          model.vision && /* @__PURE__ */ jsx103("span", {
+                            className: "text-[10px] px-1.5 py-0.5 bg-orange-600/20 text-orange-400 rounded",
+                            children: "Vision"
+                          })
+                        ]
+                      })
+                    ]
+                  }, model.id))
+                }),
+                /* @__PURE__ */ jsxs91("label", {
+                  className: "space-y-2 block",
+                  children: [
+                    /* @__PURE__ */ jsx103("span", {
+                      className: "text-sm font-medium text-foreground",
+                      children: "Base URL"
+                    }),
+                    /* @__PURE__ */ jsx103("input", {
+                      type: "url",
+                      value: customProviderBaseURL,
+                      onChange: (e) => setCustomProviderBaseURL(e.target.value),
+                      placeholder: "https://api.example.com/v1",
+                      className: "w-full h-11 px-4 bg-muted/50 border border-border rounded-lg text-foreground placeholder:text-muted-foreground outline-none focus:border-foreground/30 transition-colors font-mono text-sm"
+                    })
+                  ]
+                }),
+                /* @__PURE__ */ jsxs91("div", {
+                  className: "grid grid-cols-1 sm:grid-cols-2 gap-4",
+                  children: [
+                    /* @__PURE__ */ jsxs91("label", {
+                      className: "space-y-2",
+                      children: [
+                        /* @__PURE__ */ jsx103("span", {
+                          className: "text-sm font-medium text-foreground",
+                          children: "API Key"
+                        }),
+                        /* @__PURE__ */ jsx103("input", {
+                          type: "password",
+                          value: customProviderApiKey,
+                          onChange: (e) => setCustomProviderApiKey(e.target.value),
+                          placeholder: "Optional",
+                          className: "w-full h-11 px-4 bg-muted/50 border border-border rounded-lg text-foreground placeholder:text-muted-foreground outline-none focus:border-foreground/30 transition-colors font-mono text-sm"
+                        })
+                      ]
+                    }),
+                    /* @__PURE__ */ jsxs91("label", {
+                      className: "space-y-2",
+                      children: [
+                        /* @__PURE__ */ jsx103("span", {
+                          className: "text-sm font-medium text-foreground",
+                          children: "Compatibility"
+                        }),
+                        /* @__PURE__ */ jsx103("select", {
+                          value: customProviderCompatibility,
+                          onChange: (e) => setCustomProviderCompatibility(e.target.value),
+                          className: "w-full h-11 px-4 bg-muted/50 border border-border rounded-lg text-foreground outline-none focus:border-foreground/30 transition-colors text-sm",
+                          children: CUSTOM_PROVIDER_COMPATIBILITY_OPTIONS.map((option) => /* @__PURE__ */ jsx103("option", {
+                            value: option.value,
+                            children: option.label
+                          }, option.value))
+                        })
+                      ]
+                    })
+                  ]
+                }),
+                /* @__PURE__ */ jsxs91("label", {
+                  className: "space-y-2 block",
+                  children: [
+                    /* @__PURE__ */ jsx103("span", {
+                      className: "text-sm font-medium text-foreground",
+                      children: "Models"
+                    }),
+                    /* @__PURE__ */ jsx103("textarea", {
+                      value: customProviderModels,
+                      onChange: (e) => setCustomProviderModels(e.target.value),
+                      placeholder: "gpt-4o, claude-sonnet-4-5, llama3.3",
+                      className: "w-full min-h-[90px] px-4 py-3 bg-muted/50 border border-border rounded-lg text-foreground placeholder:text-muted-foreground outline-none focus:border-foreground/30 transition-colors font-mono text-sm resize-y"
+                    }),
+                    /* @__PURE__ */ jsx103("span", {
+                      className: "text-xs text-muted-foreground",
+                      children: "Comma or newline separated. Leave blank to allow any model."
+                    })
+                  ]
+                }),
+                /* @__PURE__ */ jsxs91("label", {
+                  className: "flex items-center gap-3 text-sm text-muted-foreground",
+                  children: [
+                    /* @__PURE__ */ jsx103("input", {
+                      type: "checkbox",
+                      checked: customProviderAllowAnyModel,
+                      onChange: (e) => setCustomProviderAllowAnyModel(e.target.checked),
+                      className: "h-4 w-4 accent-primary"
+                    }),
+                    "Allow entering model IDs not listed above"
+                  ]
+                }),
+                customProviderError && /* @__PURE__ */ jsx103("p", {
+                  className: "text-sm text-red-500",
+                  children: customProviderError
+                }),
+                /* @__PURE__ */ jsxs91("div", {
+                  className: "flex gap-3 pt-2",
+                  children: [
+                    /* @__PURE__ */ jsx103("button", {
+                      type: "button",
+                      onClick: handleCloseCustomProviderModal,
+                      disabled: isAddingCustomProvider,
+                      className: "flex-1 h-11 px-4 bg-transparent border border-border text-foreground rounded-lg font-medium hover:bg-muted/50 transition-colors disabled:opacity-50",
+                      children: "Cancel"
+                    }),
+                    /* @__PURE__ */ jsx103("button", {
+                      type: "button",
+                      onClick: handleAddCustomProvider,
+                      disabled: !customProviderId.trim() || !customProviderBaseURL.trim() || isAddingCustomProvider,
+                      className: "flex-1 h-11 px-4 bg-foreground text-background rounded-lg font-medium hover:bg-foreground/90 transition-colors disabled:opacity-50 flex items-center justify-center gap-2",
+                      children: isAddingCustomProvider ? /* @__PURE__ */ jsx103(Loader216, {
+                        className: "w-4 h-4 animate-spin"
+                      }) : "Add Provider"
+                    })
+                  ]
+                })
+              ]
+            })
+          ]
+        })
+      }),
       isImportModalOpen && /* @__PURE__ */ jsx103("div", {
         className: "fixed inset-0 z-[9999] flex items-center justify-center bg-black/60 backdrop-blur-sm",
         children: /* @__PURE__ */ jsxs91("div", {
@@ -26633,6 +27143,7 @@ var OnboardingModal = memo48(function OnboardingModal2({
     setupWallet,
     importWallet,
     addProvider,
+    addCustomProvider,
     removeProvider,
     completeOnboarding,
     startOAuth,
@@ -26655,6 +27166,7 @@ var OnboardingModal = memo48(function OnboardingModal2({
         onSetupWallet: setupWallet,
         onImportWallet: importWallet,
         onAddProvider: addProvider,
+        onAddCustomProvider: addCustomProvider,
         onRemoveProvider: removeProvider,
         onStartOAuth: startOAuth,
         onStartOAuthManual: startOAuthManual,
@@ -26751,4 +27263,4 @@ export {
   AssistantMessageGroup
 };
 
-//# debugId=7F0EBE4B932F92B664756E2164756E21
+//# debugId=6048BB97FDDB74E564756E2164756E21