@uniqueli/openwork 0.1.0 → 0.2.1

package/README.md

@@ -9,7 +9,7 @@
 
 A desktop interface for [deepagentsjs](https://github.com/langchain-ai/deepagentsjs) — an opinionated harness for building deep agents with filesystem capabilities, planning, and subagent delegation.
 
-**Enhanced with Custom API Support** - Configure any OpenAI-compatible API endpoint!
+**✨ Enhanced with Multiple Custom API Support** - Add unlimited OpenAI-compatible API providers with a single click!
 
 ![openwork screenshot](docs/screenshot.png)
 
@@ -31,14 +31,6 @@ Requires Node.js 18+.
 
 ### From Source
 
-```bash
-git clone https://github.com/uniqueli/openwork.git
-cd openwork
-npm install
-npm run dev
-```
-Or configure them in-app via the settings panel.
-
 ## Supported Models
 
 | Provider  | Models                                                            |
@@ -46,15 +38,57 @@ Or configure them in-app via the settings panel.
 | Anthropic | Claude Opus 4.5, Claude Sonnet 4.5, Claude Haiku 4.5, Claude Opus 4.1, Claude Sonnet 4 |
 | OpenAI    | GPT-5.2, GPT-5.1, o3, o3 Mini, o4 Mini, o1, GPT-4.1, GPT-4o       |
 | Google    | Gemini 3 Pro Preview, Gemini 2.5 Pro, Gemini 2.5 Flash, Gemini 2.5 Flash Lite |
-| Custom    | Any OpenAI-compatible API endpoint                                |
+| **Custom**    | **Add unlimited custom providers!**                                |
+
+## ✨ Multiple Custom API Providers
+
+**New in v0.2.0**: Add multiple custom OpenAI-compatible API providers directly from the UI!
+
+### How to Add Custom Providers
+
+1. Click the model selector in the chat interface
+2. Click the **"+ 添加Provider"** button at the bottom of the provider list
+3. Fill in the form:
+   - **ID**: Unique identifier (e.g., `moonshot`, `zhipu`, `deepseek`)
+   - **Display Name**: Name shown in UI (e.g., `Moonshot AI`, `Zhipu AI`)
+   - **Base URL**: API endpoint (e.g., `https://api.moonshot.cn/v1`)
+   - **API Key**: Your API key
+   - **Model Name**: Model identifier (e.g., `kimi-k2-turbo-preview`)
+4. Click **Save** - your new provider appears immediately!
+
+### Supported Custom APIs
+
+Works with any OpenAI-compatible API:
+- **Chinese AI Providers**: Moonshot AI (Kimi), Zhipu AI (GLM), DeepSeek, Baichuan, etc.
+- **Self-hosted models**: vLLM, Text Generation WebUI, LocalAI, Ollama (with OpenAI compatibility)
+- **Cloud services**: Azure OpenAI, AWS Bedrock (with proxy), Cloudflare AI
+- **Other providers**: Together AI, Anyscale, Fireworks AI, etc.
+
+### Example Configurations
 
-### Custom API Configuration
+**Moonshot AI (Kimi)**
+```
+ID: moonshot
+Display Name: Moonshot AI
+Base URL: https://api.moonshot.cn/v1
+Model Name: kimi-k2-turbo-preview
+```
 
-You can now configure custom OpenAI-compatible API endpoints. This allows you to use:
-- Self-hosted models (vLLM, Text Generation WebUI, etc.)
-- Azure OpenAI
-- Other OpenAI-compatible services
+**Zhipu AI (GLM)**
+```
+ID: zhipu
+Display Name: Zhipu AI
+Base URL: https://open.bigmodel.cn/api/paas/v4
+Model Name: glm-4-plus
+```
 
+**DeepSeek**
+```
+ID: deepseek
+Display Name: DeepSeek
+Base URL: https://api.deepseek.com/v1
+Model Name: deepseek-chat
+```
 Configure via Settings UI or by setting environment variables:
 ```bash
 CUSTOM_BASE_URL=https://api.example.com/v1
@@ -64,6 +98,24 @@ CUSTOM_MODEL=your-model-name  # optional
 
 See [CUSTOM_API.md](CUSTOM_API.md) for detailed instructions.
 
+## Changelog
+
+### v0.2.1 (2026-01-19)
+- 🐛 **Critical Fix**: Fixed "Missing credentials" error for users without OpenAI API key
+- 🔧 Custom API now works correctly even when OPENAI_API_KEY is not set in environment
+- 📝 Improved logging for debugging custom API configurations
+
+### v0.2.0 (2026-01-18)
+- ✨ **Multiple Custom API Providers**: Add unlimited custom providers via UI
+- 🎨 **Improved UX**: One-click provider addition with "+ 添加Provider" button
+- 🔧 **Better Configuration**: Each provider has its own name, base URL, API key, and model
+- 🌐 **Chinese AI Support**: Perfect for Moonshot AI, Zhipu AI, DeepSeek, and other providers
+- 📝 **Simplified Settings**: Cleaner settings dialog focused on standard providers
+
+### v0.1.0 (2026-01-15)
+- 🎉 Initial release with basic custom API support
+- 🔑 Single custom API configuration via Settings
+
 ## Contributing
 
 We welcome contributions! See [CONTRIBUTING.md](CONTRIBUTING.md) for guidelines.

package/out/main/index.js

@@ -185,42 +185,84 @@ function deleteApiKey(provider) {
 function hasApiKey(provider) {
   return !!getApiKey(provider);
 }
-function getCustomApiConfig() {
+function getCustomApiConfigs() {
   const env = parseEnvFile();
-  const baseUrl = env.CUSTOM_BASE_URL;
-  const apiKey = env.CUSTOM_API_KEY;
-  const model = env.CUSTOM_MODEL;
-  if (!baseUrl || !apiKey) return void 0;
-  return { baseUrl, apiKey, model };
+  const configs = [];
+  const processedIds = /* @__PURE__ */ new Set();
+  for (const key of Object.keys(env)) {
+    const match = key.match(/^CUSTOM_API_(.+)_BASE_URL$/);
+    if (match) {
+      const id = match[1].toLowerCase();
+      if (processedIds.has(id)) continue;
+      processedIds.add(id);
+      const baseUrl = env[`CUSTOM_API_${match[1]}_BASE_URL`]?.trim();
+      const apiKey = env[`CUSTOM_API_${match[1]}_API_KEY`]?.trim();
+      const name = env[`CUSTOM_API_${match[1]}_NAME`]?.trim();
+      const model = env[`CUSTOM_API_${match[1]}_MODEL`]?.trim();
+      if (baseUrl && apiKey) {
+        configs.push({
+          id,
+          name: name || id,
+          baseUrl,
+          apiKey,
+          model
+        });
+      }
+    }
+  }
+  if (env.CUSTOM_BASE_URL && env.CUSTOM_API_KEY && !processedIds.has("custom")) {
+    configs.push({
+      id: "custom",
+      name: env.CUSTOM_NAME?.trim() || "Custom API",
+      baseUrl: env.CUSTOM_BASE_URL.trim(),
+      apiKey: env.CUSTOM_API_KEY.trim(),
+      model: env.CUSTOM_MODEL?.trim()
+    });
+  }
+  return configs;
 }
 function setCustomApiConfig(config) {
   const env = parseEnvFile();
-  env.CUSTOM_BASE_URL = config.baseUrl;
-  env.CUSTOM_API_KEY = config.apiKey;
+  const idUpper = config.id.toUpperCase();
+  env[`CUSTOM_API_${idUpper}_BASE_URL`] = config.baseUrl;
+  env[`CUSTOM_API_${idUpper}_API_KEY`] = config.apiKey;
+  env[`CUSTOM_API_${idUpper}_NAME`] = config.name;
   if (config.model) {
-    env.CUSTOM_MODEL = config.model;
+    env[`CUSTOM_API_${idUpper}_MODEL`] = config.model;
   } else {
-    delete env.CUSTOM_MODEL;
+    delete env[`CUSTOM_API_${idUpper}_MODEL`];
   }
   writeEnvFile(env);
-  process.env.CUSTOM_BASE_URL = config.baseUrl;
-  process.env.CUSTOM_API_KEY = config.apiKey;
+  process.env[`CUSTOM_API_${idUpper}_BASE_URL`] = config.baseUrl;
+  process.env[`CUSTOM_API_${idUpper}_API_KEY`] = config.apiKey;
+  process.env[`CUSTOM_API_${idUpper}_NAME`] = config.name;
   if (config.model) {
-    process.env.CUSTOM_MODEL = config.model;
+    process.env[`CUSTOM_API_${idUpper}_MODEL`] = config.model;
   }
 }
-function deleteCustomApiConfig() {
+function deleteCustomApiConfig(id) {
   const env = parseEnvFile();
-  delete env.CUSTOM_BASE_URL;
-  delete env.CUSTOM_API_KEY;
-  delete env.CUSTOM_MODEL;
+  if (!id) {
+    delete env.CUSTOM_BASE_URL;
+    delete env.CUSTOM_API_KEY;
+    delete env.CUSTOM_NAME;
+    delete env.CUSTOM_MODEL;
+    delete process.env.CUSTOM_BASE_URL;
+    delete process.env.CUSTOM_API_KEY;
+    delete process.env.CUSTOM_NAME;
+    delete process.env.CUSTOM_MODEL;
+  } else {
+    const idUpper = id.toUpperCase();
+    delete env[`CUSTOM_API_${idUpper}_BASE_URL`];
+    delete env[`CUSTOM_API_${idUpper}_API_KEY`];
+    delete env[`CUSTOM_API_${idUpper}_NAME`];
+    delete env[`CUSTOM_API_${idUpper}_MODEL`];
+    delete process.env[`CUSTOM_API_${idUpper}_BASE_URL`];
+    delete process.env[`CUSTOM_API_${idUpper}_API_KEY`];
+    delete process.env[`CUSTOM_API_${idUpper}_NAME`];
+    delete process.env[`CUSTOM_API_${idUpper}_MODEL`];
+  }
   writeEnvFile(env);
-  delete process.env.CUSTOM_BASE_URL;
-  delete process.env.CUSTOM_API_KEY;
-  delete process.env.CUSTOM_MODEL;
-}
-function hasCustomApiConfig() {
-  return !!getCustomApiConfig();
 }
 const store = new Store({
   name: "settings",
@@ -411,10 +453,28 @@ const AVAILABLE_MODELS = [
 ];
 function registerModelHandlers(ipcMain) {
   ipcMain.handle("models:list", async () => {
-    return AVAILABLE_MODELS.map((model) => ({
-      ...model,
-      available: model.provider === "custom" ? hasCustomApiConfig() : hasApiKey(model.provider)
-    }));
+    const customConfigs = getCustomApiConfigs();
+    const models = AVAILABLE_MODELS.filter((m) => m.id !== "custom");
+    for (const config of customConfigs) {
+      const modelId = config.model || `custom-${config.id}`;
+      models.push({
+        id: modelId,
+        name: config.model || config.name,
+        // Display the model name or config name
+        provider: config.id,
+        // Use config ID as provider ID (dynamic)
+        model: modelId,
+        description: `${config.name} - ${config.baseUrl}`,
+        available: true
+      });
+    }
+    return models.map((model) => {
+      const isCustom = customConfigs.some((c) => c.id === model.provider);
+      return {
+        ...model,
+        available: isCustom ? true : hasApiKey(model.provider)
+      };
+    });
   });
   ipcMain.handle("models:getDefault", async () => {
     return store.get("defaultModel", "claude-sonnet-4-5-20250929");
@@ -435,19 +495,35 @@ function registerModelHandlers(ipcMain) {
     deleteApiKey(provider);
   });
   ipcMain.handle("models:listProviders", async () => {
-    return PROVIDERS.map((provider) => ({
+    const standardProviders = PROVIDERS.filter((p) => p.id !== "custom").map((provider) => ({
       ...provider,
-      hasApiKey: provider.id === "custom" ? hasCustomApiConfig() : hasApiKey(provider.id)
+      hasApiKey: hasApiKey(provider.id)
     }));
+    const customConfigs = getCustomApiConfigs();
+    const customProviders = customConfigs.map((config) => ({
+      id: config.id,
+      // Dynamic provider ID
+      name: config.name,
+      hasApiKey: true
+      // Custom configs always have their API key
+    }));
+    return [...standardProviders, ...customProviders];
   });
-  ipcMain.handle("models:getCustomApiConfig", async () => {
-    return getCustomApiConfig() ?? null;
+  ipcMain.handle("models:getCustomApiConfig", async (_event, id) => {
+    const configs = getCustomApiConfigs();
+    if (!id) {
+      return configs[0] ?? null;
+    }
+    return configs.find((c) => c.id === id) ?? null;
+  });
+  ipcMain.handle("models:getCustomApiConfigs", async () => {
+    return getCustomApiConfigs();
   });
   ipcMain.handle("models:setCustomApiConfig", async (_event, config) => {
     setCustomApiConfig(config);
   });
-  ipcMain.handle("models:deleteCustomApiConfig", async () => {
-    deleteCustomApiConfig();
+  ipcMain.handle("models:deleteCustomApiConfig", async (_event, id) => {
+    deleteCustomApiConfig(id);
   });
   ipcMain.on("app:version", (event) => {
     event.returnValue = electron.app.getVersion();
@@ -1264,34 +1340,45 @@ async function closeCheckpointer(threadId) {
 function getModelInstance(modelId) {
   const model = modelId || getDefaultModel();
   console.log("[Runtime] Using model:", model);
-  if (model === "custom" || model.startsWith("custom-")) {
-    const customConfig = getCustomApiConfig();
-    console.log("[Runtime] Custom API config present:", !!customConfig);
-    if (!customConfig) {
-      throw new Error("Custom API configuration not set");
-    }
+  const customConfigs = getCustomApiConfigs();
+  const matchingConfig = customConfigs.find((c) => {
+    return c.model === model || `custom-${c.id}` === model;
+  });
+  if (matchingConfig) {
+    console.log("[Runtime] Found custom API config:", matchingConfig.name);
+    const cleanApiKey = matchingConfig.apiKey?.trim();
     console.log("[Runtime] Custom API config:", {
-      baseUrl: customConfig.baseUrl,
-      model: customConfig.model,
-      apiKeyLength: customConfig.apiKey?.length,
-      apiKeyPrefix: customConfig.apiKey?.substring(0, 10),
-      apiKeySuffix: customConfig.apiKey?.substring(customConfig.apiKey.length - 10),
-      apiKeyHasNewline: customConfig.apiKey?.includes("\n"),
-      apiKeyHasSpace: customConfig.apiKey?.includes(" ")
+      id: matchingConfig.id,
+      name: matchingConfig.name,
+      baseUrl: matchingConfig.baseUrl,
+      model: matchingConfig.model,
+      apiKeyLength: matchingConfig.apiKey?.length,
+      cleanApiKeyLength: cleanApiKey?.length,
+      apiKeyPrefix: cleanApiKey?.substring(0, 10)
     });
-    const chatModel = new openai.ChatOpenAI({
-      model: customConfig.model || model,
-      apiKey: customConfig.apiKey,
-      // 尝试使用 apiKey 而不是 openAIApiKey
-      configuration: {
-        baseURL: customConfig.baseUrl
-      },
-      timeout: 6e4,
-      // 60 seconds timeout
-      maxRetries: 2
-    });
-    console.log("[Runtime] ChatOpenAI instance created");
-    return chatModel;
+    if (cleanApiKey) {
+      process.env.OPENAI_API_KEY = cleanApiKey;
+      console.log("[Runtime] Set OPENAI_API_KEY environment variable for deepagents compatibility");
+    }
+    try {
+      const chatModel = new openai.ChatOpenAI({
+        model: matchingConfig.model || model,
+        openAIApiKey: cleanApiKey,
+        configuration: {
+          baseURL: matchingConfig.baseUrl,
+          defaultHeaders: {
+            "Authorization": `Bearer ${cleanApiKey}`
+          }
+        },
+        timeout: 6e4,
+        maxRetries: 2
+      });
+      console.log("[Runtime] ChatOpenAI instance created for custom API:", matchingConfig.name);
+      return chatModel;
+    } catch (error) {
+      console.error("[Runtime] Error creating ChatOpenAI instance:", error);
+      throw error;
+    }
   }
   if (model.startsWith("claude")) {
     const apiKey = getApiKey("anthropic");

package/out/renderer/assets/{index-D4BcB5ZM.js → index-BPV5Z3ZG.js}

@@ -74879,6 +74879,8 @@ function ApiKeyDialog({ open, onOpenChange, provider }) {
     try {
       if (provider.id === "custom") {
         await window.api.models.setCustomApiConfig({
+          id: "custom",
+          name: "Custom API",
           baseUrl: baseUrl.trim(),
           apiKey: apiKey.trim(),
           model: modelName.trim() || void 0
@@ -75009,6 +75011,176 @@ function ApiKeyDialog({ open, onOpenChange, provider }) {
     ] })
   ] }) });
 }
+function AddProviderDialog({ open, onOpenChange, onSuccess }) {
+  const [id, setId] = reactExports.useState("");
+  const [name2, setName] = reactExports.useState("");
+  const [baseUrl, setBaseUrl] = reactExports.useState("");
+  const [apiKey, setApiKey] = reactExports.useState("");
+  const [model, setModel] = reactExports.useState("");
+  const [showApiKey, setShowApiKey] = reactExports.useState(false);
+  const [saving, setSaving] = reactExports.useState(false);
+  const [error, setError] = reactExports.useState("");
+  async function handleSave() {
+    if (!id || !name2 || !baseUrl || !apiKey) {
+      setError("请填写所有必填字段");
+      return;
+    }
+    if (!/^[a-z0-9-]+$/.test(id)) {
+      setError("ID只能包含小写字母、数字和连字符");
+      return;
+    }
+    setSaving(true);
+    setError("");
+    try {
+      await window.api.models.setCustomApiConfig({
+        id: id.toLowerCase(),
+        name: name2,
+        baseUrl,
+        apiKey,
+        model: model || void 0
+      });
+      setId("");
+      setName("");
+      setBaseUrl("");
+      setApiKey("");
+      setModel("");
+      onOpenChange(false);
+      onSuccess?.();
+    } catch (e) {
+      console.error("Failed to save custom API config:", e);
+      setError("保存失败，请重试");
+    } finally {
+      setSaving(false);
+    }
+  }
+  function handleCancel() {
+    setId("");
+    setName("");
+    setBaseUrl("");
+    setApiKey("");
+    setModel("");
+    setError("");
+    onOpenChange(false);
+  }
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(DialogContent, { className: "sm:max-w-[500px]", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs(DialogHeader, { children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(DialogTitle, { children: "添加自定义Provider" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(DialogDescription, { children: "配置一个OpenAI兼容的API端点" })
+    ] }),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-4 py-4", children: [
+      error && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-sm text-destructive bg-destructive/10 p-3 rounded-md", children: error }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("label", { className: "text-sm font-medium", children: [
+          "ID ",
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-destructive", children: "*" })
+        ] }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          Input,
+          {
+            type: "text",
+            value: id,
+            onChange: (e) => setId(e.target.value.toLowerCase()),
+            placeholder: "moonshot, zhipu, deepseek"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-xs text-muted-foreground", children: "唯一标识符，只能使用小写字母、数字和连字符" })
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("label", { className: "text-sm font-medium", children: [
+          "显示名称 ",
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-destructive", children: "*" })
+        ] }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          Input,
+          {
+            type: "text",
+            value: name2,
+            onChange: (e) => setName(e.target.value),
+            placeholder: "Moonshot AI, Zhipu AI"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-xs text-muted-foreground", children: "这个名字会显示在Provider列表中" })
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("label", { className: "text-sm font-medium", children: [
+          "Base URL ",
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-destructive", children: "*" })
+        ] }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          Input,
+          {
+            type: "text",
+            value: baseUrl,
+            onChange: (e) => setBaseUrl(e.target.value),
+            placeholder: "https://api.moonshot.cn/v1"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("label", { className: "text-sm font-medium", children: [
+          "API Key ",
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-destructive", children: "*" })
+        ] }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "relative", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            Input,
+            {
+              type: showApiKey ? "text" : "password",
+              value: apiKey,
+              onChange: (e) => setApiKey(e.target.value),
+              placeholder: "sk-...",
+              className: "pr-10"
+            }
+          ),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            "button",
+            {
+              type: "button",
+              onClick: () => setShowApiKey(!showApiKey),
+              className: "absolute right-2 top-1/2 -translate-y-1/2 text-muted-foreground hover:text-foreground transition-colors",
+              children: showApiKey ? /* @__PURE__ */ jsxRuntimeExports.jsx(EyeOff, { className: "size-4" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(Eye, { className: "size-4" })
+            }
+          )
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("label", { className: "text-sm font-medium", children: "模型名称" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          Input,
+          {
+            type: "text",
+            value: model,
+            onChange: (e) => setModel(e.target.value),
+            placeholder: "kimi-k2-turbo-preview, glm-4-plus"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-xs text-muted-foreground", children: "这个名字会直接显示在Model列表中（可选）" })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex justify-end gap-2", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        Button,
+        {
+          variant: "outline",
+          onClick: handleCancel,
+          disabled: saving,
+          children: "取消"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        Button,
+        {
+          onClick: handleSave,
+          disabled: saving || !id || !name2 || !baseUrl || !apiKey,
+          children: saving ? /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx(LoaderCircle, { className: "size-4 animate-spin mr-2" }),
+            "保存中..."
+          ] }) : "保存"
+        }
+      )
+    ] })
+  ] }) });
+}
 function AnthropicIcon({ className }) {
   return /* @__PURE__ */ jsxRuntimeExports.jsx("svg", { className, viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M17.304 3.541h-3.672l6.696 16.918h3.672l-6.696-16.918zm-10.608 0L0 20.459h3.744l1.368-3.562h7.044l1.368 3.562h3.744L10.608 3.541H6.696zm.576 10.852l2.352-6.122 2.352 6.122H7.272z" }) });
 }
@@ -75033,6 +75205,9 @@ const PROVIDER_ICONS = {
   // No icon for ollama yet
   custom: CustomIcon
 };
+function getProviderIcon(providerId) {
+  return PROVIDER_ICONS[providerId] || CustomIcon;
+}
 const FALLBACK_PROVIDERS = [
   { id: "anthropic", name: "Anthropic", hasApiKey: false },
   { id: "openai", name: "OpenAI", hasApiKey: false },
@@ -75044,6 +75219,7 @@ function ModelSwitcher({ threadId }) {
   const [selectedProviderId, setSelectedProviderId] = reactExports.useState(null);
   const [apiKeyDialogOpen, setApiKeyDialogOpen] = reactExports.useState(false);
   const [apiKeyProvider, setApiKeyProvider] = reactExports.useState(null);
+  const [addProviderDialogOpen, setAddProviderDialogOpen] = reactExports.useState(false);
   const { models, providers, loadModels, loadProviders } = useAppStore();
   const { currentModel, setCurrentModel } = useCurrentThread(threadId);
   reactExports.useEffect(() => {
@@ -75083,6 +75259,10 @@ function ModelSwitcher({ threadId }) {
       loadModels();
     }
   }
+  function handleAddProviderSuccess() {
+    loadProviders();
+    loadModels();
+  }
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
     /* @__PURE__ */ jsxRuntimeExports.jsxs(Popover, { open, onOpenChange: setOpen, children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
@@ -75093,7 +75273,10 @@ function ModelSwitcher({ threadId }) {
           className: "h-7 gap-1.5 px-2 text-xs text-muted-foreground hover:text-foreground",
           children: [
             selectedModel ? /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-              PROVIDER_ICONS[selectedModel.provider]?.({ className: "size-3.5" }),
+              (() => {
+                const Icon2 = getProviderIcon(selectedModel.provider);
+                return /* @__PURE__ */ jsxRuntimeExports.jsx(Icon2, { className: "size-3.5" });
+              })(),
               /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "font-mono", children: selectedModel.id })
             ] }) : /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: "Select model" }),
             /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronDown, { className: "size-3" })
@@ -75109,25 +75292,44 @@ function ModelSwitcher({ threadId }) {
           children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex min-h-[240px]", children: [
             /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "w-[140px] border-r border-border p-2 bg-muted/30", children: [
               /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-[10px] font-medium text-muted-foreground uppercase tracking-wider px-2 py-1.5", children: "Provider" }),
-              /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "space-y-0.5", children: displayProviders.map((provider) => {
-                const Icon2 = PROVIDER_ICONS[provider.id];
-                return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+              /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-0.5", children: [
+                displayProviders.map((provider) => {
+                  const Icon2 = getProviderIcon(provider.id);
+                  return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+                    "button",
+                    {
+                      onClick: () => handleProviderClick(provider),
+                      className: cn(
+                        "w-full flex items-center gap-1.5 px-2 py-1 rounded-sm text-xs transition-colors text-left",
+                        selectedProviderId === provider.id ? "bg-muted text-foreground" : "text-muted-foreground hover:text-foreground hover:bg-muted/50"
+                      ),
+                      children: [
+                        /* @__PURE__ */ jsxRuntimeExports.jsx(Icon2, { className: "size-3.5 shrink-0" }),
+                        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "flex-1 truncate", children: provider.name }),
+                        !provider.hasApiKey && /* @__PURE__ */ jsxRuntimeExports.jsx(CircleAlert, { className: "size-3 text-status-warning shrink-0" })
+                      ]
+                    },
+                    provider.id
+                  );
+                }),
+                /* @__PURE__ */ jsxRuntimeExports.jsxs(
                   "button",
                   {
-                    onClick: () => handleProviderClick(provider),
-                    className: cn(
-                      "w-full flex items-center gap-1.5 px-2 py-1 rounded-sm text-xs transition-colors text-left",
-                      selectedProviderId === provider.id ? "bg-muted text-foreground" : "text-muted-foreground hover:text-foreground hover:bg-muted/50"
-                    ),
+                    onClick: () => {
+                      setOpen(false);
+                      setAddProviderDialogOpen(true);
+                    },
+                    className: "w-full flex items-center justify-center gap-1.5 px-2 py-2 rounded-sm text-xs transition-colors text-muted-foreground hover:text-foreground hover:bg-muted/50 border-t border-border mt-1 pt-2",
                     children: [
-                      Icon2 && /* @__PURE__ */ jsxRuntimeExports.jsx(Icon2, { className: "size-3.5 shrink-0" }),
-                      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "flex-1 truncate", children: provider.name }),
-                      !provider.hasApiKey && /* @__PURE__ */ jsxRuntimeExports.jsx(CircleAlert, { className: "size-3 text-status-warning shrink-0" })
+                      /* @__PURE__ */ jsxRuntimeExports.jsxs("svg", { className: "size-4", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [
+                        /* @__PURE__ */ jsxRuntimeExports.jsx("line", { x1: "12", y1: "5", x2: "12", y2: "19" }),
+                        /* @__PURE__ */ jsxRuntimeExports.jsx("line", { x1: "5", y1: "12", x2: "19", y2: "12" })
+                      ] }),
+                      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: "添加Provider" })
                     ]
-                  },
-                  provider.id
-                );
-              }) })
+                  }
+                )
+              ] })
             ] }),
             /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex-1 p-2", children: [
               /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-[10px] font-medium text-muted-foreground uppercase tracking-wider px-2 py-1.5", children: "Model" }),
@@ -75194,6 +75396,14 @@ function ModelSwitcher({ threadId }) {
         onOpenChange: handleApiKeyDialogClose,
         provider: apiKeyProvider
       }
+    ),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(
+      AddProviderDialog,
+      {
+        open: addProviderDialogOpen,
+        onOpenChange: setAddProviderDialogOpen,
+        onSuccess: handleAddProviderSuccess
+      }
     )
   ] });
 }
@@ -76661,7 +76871,7 @@ function App() {
         },
         children: [
           /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "app-badge-name", children: "OPENWORK" }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "app-badge-version", children: "0.1.0" })
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "app-badge-version", children: "0.2.1" })
         ]
       }
     ),

package/out/renderer/index.html

@@ -7,7 +7,7 @@
       http-equiv="Content-Security-Policy"
       content="default-src 'self'; script-src 'self'; style-src 'self' 'unsafe-inline'; img-src 'self' data:"
     />
-    <script type="module" crossorigin src="./assets/index-D4BcB5ZM.js"></script>
+    <script type="module" crossorigin src="./assets/index-BPV5Z3ZG.js"></script>
     <link rel="stylesheet" crossorigin href="./assets/index-BtAM3QNQ.css">
   </head>
   <body>

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@uniqueli/openwork",
-  "version": "0.1.0",
-  "description": "A tactical agent interface for deepagentsjs with custom API support",
+  "version": "0.2.1",
+  "description": "A tactical agent interface for deepagentsjs with multiple custom API support",
   "main": "./out/main/index.js",
   "files": [
     "out/",