From 507f9709e99122ceed06b8f4ec134dc200f36c7b Mon Sep 17 00:00:00 2001
From: DigHuang <114602213+DigHuang@users.noreply.github.com>
Date: Fri, 14 Nov 2025 09:54:11 +0800
Subject: [PATCH 1/7] chore: clean log

---
 frontend/src-tauri/src/backend.rs | 4 ----
 1 file changed, 4 deletions(-)

diff --git a/frontend/src-tauri/src/backend.rs b/frontend/src-tauri/src/backend.rs
index d2b31d242..b4a26dc6e 100644
--- a/frontend/src-tauri/src/backend.rs
+++ b/frontend/src-tauri/src/backend.rs
@@ -58,7 +58,6 @@ impl BackendManager {
             self.env_path,
             module_name
         );
-        log::info!("Working directory: {:?}", self.backend_path);
 
         // Use sidecar command directly (Tauri handles platform automatically)
         let sidecar_command = self
@@ -233,9 +232,6 @@ impl BackendManager {
             processes.len()
         );
 
-        // Note: CommandChild doesn't have try_wait, so we just log the count
-        log::info!("Processes started: {}", processes.len());
-
         Ok(())
     }
 

From 2809884c31b0675a39142348bfa2f94da12a8b24 Mon Sep 17 00:00:00 2001
From: DigHuang <114602213+DigHuang@users.noreply.github.com>
Date: Mon, 17 Nov 2025 17:36:51 +0800
Subject: [PATCH 2/7] feat: add model provider api

---
 frontend/src/api/setting.ts          | 120 ++++++++++-
 frontend/src/app/setting/_layout.tsx |   8 +-
 frontend/src/app/setting/models.tsx  | 299 +++++++++++++++++++++++++++
 frontend/src/constants/api.ts        |   2 +
 frontend/src/routes.ts               |   1 +
 frontend/src/types/setting.ts        |  17 ++
 6 files changed, 445 insertions(+), 2 deletions(-)
 create mode 100644 frontend/src/app/setting/models.tsx

diff --git a/frontend/src/api/setting.ts b/frontend/src/api/setting.ts
index 23bb02c2d..ad41b32f1 100644
--- a/frontend/src/api/setting.ts
+++ b/frontend/src/api/setting.ts
@@ -2,7 +2,12 @@ import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
 import { API_QUERY_KEYS } from "@/constants/api";
 import type { ApiResponse } from "@/lib/api-client";
 import { apiClient } from "@/lib/api-client";
-import type { MemoryItem } from "@/types/setting";
+import type {
+  MemoryItem,
+  ModelProvider,
+  ProviderDetail,
+  ProviderModelInfo,
+} from "@/types/setting";
 
 export const useGetMemoryList = () => {
   return useQuery({
@@ -26,3 +31,116 @@ export const useRemoveMemory = () => {
     },
   });
 };
+
+export const useGetModelProviders = () => {
+  return useQuery({
+    queryKey: API_QUERY_KEYS.SETTING.modelProviders,
+    queryFn: () =>
+      apiClient.get<
+        ApiResponse<{
+          providers: ModelProvider[];
+        }>
+      >("/models/providers"),
+    select: (resp) => resp.data.providers,
+  });
+};
+
+export const useGetModelProviderDetail = (provider: string | undefined) => {
+  return useQuery({
+    enabled: !!provider,
+    queryKey: API_QUERY_KEYS.SETTING.modelProviderDetail(
+      provider ? [provider] : [],
+    ),
+    queryFn: () =>
+      apiClient.get<ApiResponse<ProviderDetail>>(
+        `/models/providers/${provider}`,
+      ),
+    select: (resp) => resp.data,
+  });
+};
+
+export const useUpdateProviderConfig = () => {
+  const queryClient = useQueryClient();
+
+  return useMutation({
+    mutationFn: (params: {
+      provider: string;
+      api_key?: string;
+      base_url?: string;
+    }) =>
+      apiClient.put<ApiResponse<null>>(
+        `/models/providers/${params.provider}/config`,
+        {
+          api_key: params.api_key,
+          base_url: params.base_url,
+        },
+      ),
+    onSuccess: (_data, variables) => {
+      queryClient.invalidateQueries({
+        queryKey: API_QUERY_KEYS.SETTING.modelProviderDetail([
+          variables.provider,
+        ]),
+      });
+    },
+  });
+};
+
+export const useAddProviderModel = () => {
+  const queryClient = useQueryClient();
+
+  return useMutation({
+    mutationFn: (params: {
+      provider: string;
+      model_id: string;
+      model_name: string;
+    }) =>
+      apiClient.post<ApiResponse<ProviderModelInfo>>(
+        `/models/providers/${params.provider}/models`,
+        {
+          model_id: params.model_id,
+          model_name: params.model_name,
+        },
+      ),
+    onSuccess: (_data, variables) => {
+      queryClient.invalidateQueries({
+        queryKey: API_QUERY_KEYS.SETTING.modelProviderDetail([
+          variables.provider,
+        ]),
+      });
+    },
+  });
+};
+
+export const useDeleteProviderModel = () => {
+  const queryClient = useQueryClient();
+
+  return useMutation({
+    mutationFn: (params: { provider: string; model_id: string }) =>
+      apiClient.delete<ApiResponse<null>>(
+        `/models/providers/${params.provider}/models?model_id=${encodeURIComponent(params.model_id)}`,
+      ),
+    onSuccess: (_data, variables) => {
+      queryClient.invalidateQueries({
+        queryKey: API_QUERY_KEYS.SETTING.modelProviderDetail([
+          variables.provider,
+        ]),
+      });
+    },
+  });
+};
+
+export const useSetDefaultProvider = () => {
+  const queryClient = useQueryClient();
+
+  return useMutation({
+    mutationFn: (params: { provider: string }) =>
+      apiClient.put<ApiResponse<null>>("/models/providers/default", {
+        provider: params.provider,
+      }),
+    onSuccess: () => {
+      queryClient.invalidateQueries({
+        queryKey: API_QUERY_KEYS.SETTING.modelProviders,
+      });
+    },
+  });
+};
diff --git a/frontend/src/app/setting/_layout.tsx b/frontend/src/app/setting/_layout.tsx
index 12a034779..cf86b7317 100644
--- a/frontend/src/app/setting/_layout.tsx
+++ b/frontend/src/app/setting/_layout.tsx
@@ -1,4 +1,4 @@
-import { Brain, Settings } from "lucide-react";
+import { Brain, Cpu, Settings } from "lucide-react";
 import { NavLink, Outlet, useLocation } from "react-router";
 import {
   Item,
@@ -22,6 +22,12 @@ const settingNavItems = [
     label: "Memory",
     path: "/setting/memory",
   },
+  {
+    id: "models",
+    icon: Cpu,
+    label: "Models",
+    path: "/setting/models",
+  },
   // {
   //   id: "language",
   //   icon: Globe,
diff --git a/frontend/src/app/setting/models.tsx b/frontend/src/app/setting/models.tsx
new file mode 100644
index 000000000..25b2bda0a
--- /dev/null
+++ b/frontend/src/app/setting/models.tsx
@@ -0,0 +1,299 @@
+import { useState } from "react";
+
+import {
+  useAddProviderModel,
+  useDeleteProviderModel,
+  useGetModelProviderDetail,
+  useGetModelProviders,
+  useSetDefaultProvider,
+  useUpdateProviderConfig,
+} from "@/api/setting";
+import { Button } from "@/components/ui/button";
+import { Input } from "@/components/ui/input";
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue,
+} from "@/components/ui/select";
+import { cn } from "@/lib/utils";
+
+export default function ModelsSettingPage() {
+  const { data: providers = [], isLoading: providersLoading } =
+    useGetModelProviders();
+  const [selectedProvider, setSelectedProvider] = useState<string | undefined>(
+    undefined,
+  );
+
+  const currentProvider =
+    selectedProvider || (providers.length > 0 ? providers[0]?.provider : "");
+
+  const { data: providerDetail, isLoading: detailLoading } =
+    useGetModelProviderDetail(currentProvider);
+
+  const { mutate: updateConfig, isPending: updatingConfig } =
+    useUpdateProviderConfig();
+  const { mutate: addModel, isPending: addingModel } = useAddProviderModel();
+  const { mutate: deleteModel, isPending: deletingModel } =
+    useDeleteProviderModel();
+  const { mutate: setDefault, isPending: settingDefault } =
+    useSetDefaultProvider();
+
+  const [apiKeyInput, setApiKeyInput] = useState("");
+  const [baseUrlInput, setBaseUrlInput] = useState("");
+  const [newModelId, setNewModelId] = useState("");
+  const [newModelName, setNewModelName] = useState("");
+
+  const handleSaveConfig = () => {
+    if (!currentProvider) return;
+
+    updateConfig({
+      provider: currentProvider,
+      api_key: apiKeyInput || providerDetail?.api_key,
+      base_url: baseUrlInput || providerDetail?.base_url,
+    });
+  };
+
+  const handleAddModel = () => {
+    if (!currentProvider || !newModelId || !newModelName) return;
+
+    addModel({
+      provider: currentProvider,
+      model_id: newModelId,
+      model_name: newModelName,
+    });
+    setNewModelId("");
+    setNewModelName("");
+  };
+
+  const handleDeleteModel = (modelId: string) => {
+    if (!currentProvider) return;
+    deleteModel({ provider: currentProvider, model_id: modelId });
+  };
+
+  const handleSetDefaultProvider = () => {
+    if (!currentProvider) return;
+    setDefault({ provider: currentProvider });
+  };
+
+  const isBusy =
+    updatingConfig || addingModel || deletingModel || settingDefault;
+
+  return (
+    <div className="flex flex-col gap-5 px-16 py-10">
+      <div className="flex flex-col gap-1.5">
+        <h1 className="font-bold text-gray-950 text-xl">Model Providers</h1>
+        <p className="text-base text-gray-400 leading-[22px]">
+          Manage your LLM providers, API keys and available models.
+        </p>
+      </div>
+
+      <div className="flex gap-8">
+        {/* Provider list */}
+        <div className="w-64 space-y-3">
+          <div className="font-medium text-gray-500 text-xs uppercase">
+            Providers
+          </div>
+
+          {providersLoading ? (
+            <div className="text-gray-400 text-sm">Loading providers...</div>
+          ) : providers.length === 0 ? (
+            <div className="text-gray-400 text-sm">No providers found.</div>
+          ) : (
+            <div className="flex flex-col gap-2">
+              {providers.map((p) => {
+                const isActive = currentProvider === p.provider;
+                return (
+                  <button
+                    key={p.provider}
+                    type="button"
+                    className={cn(
+                      "flex items-center justify-between rounded-lg border px-3 py-2 text-sm transition-colors",
+                      isActive
+                        ? "border-gray-900 bg-gray-900 text-white"
+                        : "border-gray-200 bg-white text-gray-800 hover:bg-gray-50",
+                    )}
+                    onClick={() => setSelectedProvider(p.provider)}
+                  >
+                    <span className="truncate">{p.provider}</span>
+                    {providerDetail?.is_default && isActive && (
+                      <span className="rounded bg-emerald-500 px-1.5 py-0.5 font-medium text-white text-xs">
+                        Default
+                      </span>
+                    )}
+                  </button>
+                );
+              })}
+            </div>
+          )}
+        </div>
+
+        {/* Provider detail */}
+        <div className="flex-1 space-y-6">
+          {detailLoading && (
+            <div className="text-gray-400 text-sm">
+              Loading provider details...
+            </div>
+          )}
+
+          {providerDetail && (
+            <>
+              <div className="flex items-center justify-between">
+                <div>
+                  <div className="font-semibold text-gray-900 text-sm">
+                    {currentProvider}
+                  </div>
+                  <div className="text-gray-500 text-xs">
+                    Default model: {providerDetail.default_model_id}
+                  </div>
+                </div>
+
+                <Button
+                  size="sm"
+                  variant={providerDetail.is_default ? "outline" : "default"}
+                  disabled={providerDetail.is_default || isBusy}
+                  onClick={handleSetDefaultProvider}
+                >
+                  {providerDetail.is_default
+                    ? "Default provider"
+                    : "Set default"}
+                </Button>
+              </div>
+
+              <div className="space-y-4 rounded-xl border border-gray-100 bg-gray-50 p-4">
+                <div className="space-y-2">
+                  <label
+                    htmlFor="api-key"
+                    className="font-medium text-gray-700 text-xs"
+                  >
+                    API Key
+                  </label>
+                  <Input
+                    type="password"
+                    placeholder={
+                      providerDetail.api_key
+                        ? "●●●●●●●●●●●●●●●●"
+                        : "Enter API key"
+                    }
+                    value={apiKeyInput}
+                    onChange={(e) => setApiKeyInput(e.target.value)}
+                  />
+                </div>
+
+                <div className="space-y-2">
+                  <label
+                    htmlFor="base-url"
+                    className="font-medium text-gray-700 text-xs"
+                  >
+                    Base URL
+                  </label>
+                  <Input
+                    placeholder={
+                      providerDetail.base_url || "https://api.example.com/v1"
+                    }
+                    value={baseUrlInput}
+                    onChange={(e) => setBaseUrlInput(e.target.value)}
+                  />
+                </div>
+
+                <Button
+                  size="sm"
+                  className="mt-2"
+                  disabled={isBusy}
+                  onClick={handleSaveConfig}
+                >
+                  Save configuration
+                </Button>
+              </div>
+
+              <div className="space-y-3">
+                <div className="flex items-center justify-between">
+                  <div className="font-semibold text-gray-900 text-sm">
+                    Models
+                  </div>
+
+                  <div className="flex items-center gap-2">
+                    <Input
+                      placeholder="Model ID"
+                      value={newModelId}
+                      onChange={(e) => setNewModelId(e.target.value)}
+                      className="h-8 w-48"
+                    />
+                    <Input
+                      placeholder="Model name"
+                      value={newModelName}
+                      onChange={(e) => setNewModelName(e.target.value)}
+                      className="h-8 w-48"
+                    />
+                    <Button
+                      size="sm"
+                      disabled={isBusy || !newModelId || !newModelName}
+                      onClick={handleAddModel}
+                    >
+                      Add model
+                    </Button>
+                  </div>
+                </div>
+
+                {providerDetail.models.length === 0 ? (
+                  <div className="rounded-lg border border-gray-200 border-dashed p-4 text-gray-400 text-sm">
+                    No models configured for this provider.
+                  </div>
+                ) : (
+                  <div className="space-y-2">
+                    {providerDetail.models.map((m) => (
+                      <div
+                        key={m.model_id}
+                        className="flex items-center justify-between rounded-lg border border-gray-100 px-3 py-2 text-sm"
+                      >
+                        <div className="flex flex-col">
+                          <span className="font-medium text-gray-900">
+                            {m.model_name}
+                          </span>
+                          <span className="text-gray-500 text-xs">
+                            {m.model_id}
+                          </span>
+                        </div>
+
+                        <div className="flex items-center gap-3">
+                          <Select
+                            defaultValue={providerDetail.default_model_id}
+                          >
+                            <SelectTrigger className="h-8 w-40 text-xs">
+                              <SelectValue placeholder="Default model" />
+                            </SelectTrigger>
+                            <SelectContent>
+                              {providerDetail.models.map((option) => (
+                                <SelectItem
+                                  key={option.model_id}
+                                  value={option.model_id}
+                                >
+                                  {option.model_name}
+                                </SelectItem>
+                              ))}
+                            </SelectContent>
+                          </Select>
+
+                          <Button
+                            size="sm"
+                            variant="ghost"
+                            className="text-red-500 text-xs hover:text-red-600"
+                            disabled={isBusy}
+                            onClick={() => handleDeleteModel(m.model_id)}
+                          >
+                            Delete
+                          </Button>
+                        </div>
+                      </div>
+                    ))}
+                  </div>
+                )}
+              </div>
+            </>
+          )}
+        </div>
+      </div>
+    </div>
+  );
+}
diff --git a/frontend/src/constants/api.ts b/frontend/src/constants/api.ts
index f3ce1e0e9..89a1be562 100644
--- a/frontend/src/constants/api.ts
+++ b/frontend/src/constants/api.ts
@@ -28,6 +28,8 @@ export const CONVERSATION_QUERY_KEYS = {
 
 export const SETTING_QUERY_KEYS = {
   memoryList: ["memory"],
+  modelProviders: ["model", "providers"],
+  modelProviderDetail: queryKeyFn(["model", "detail"]),
 } as const;
 
 const STRATEGY_QUERY_KEYS = {
diff --git a/frontend/src/routes.ts b/frontend/src/routes.ts
index b02ebbcaa..04b4680ea 100644
--- a/frontend/src/routes.ts
+++ b/frontend/src/routes.ts
@@ -27,6 +27,7 @@ export default [
     layout("app/setting/_layout.tsx", [
       index("app/setting/general.tsx"),
       route("/memory", "app/setting/memory.tsx"),
+      route("/models", "app/setting/models.tsx"),
     ]),
   ]),
 
diff --git a/frontend/src/types/setting.ts b/frontend/src/types/setting.ts
index 9118e4548..f07bb8456 100644
--- a/frontend/src/types/setting.ts
+++ b/frontend/src/types/setting.ts
@@ -2,3 +2,20 @@ export type MemoryItem = {
   id: number;
   content: string;
 };
+
+export type ModelProvider = {
+  provider: string;
+};
+
+export type ProviderModelInfo = {
+  model_id: string;
+  model_name: string;
+};
+
+export type ProviderDetail = {
+  api_key: string;
+  base_url: string;
+  is_default: boolean;
+  default_model_id: string;
+  models: ProviderModelInfo[];
+};

From 0f3884b762b9ac8f553ae288e7f2a20c5dd9cb71 Mon Sep 17 00:00:00 2001
From: DigHuang <114602213+DigHuang@users.noreply.github.com>
Date: Tue, 18 Nov 2025 11:05:57 +0800
Subject: [PATCH 3/7] feat: frontend support config model info

---
 frontend/bun.lock                             |   3 +
 frontend/package.json                         |   1 +
 frontend/src/api/setting.ts                   |  34 +-
 frontend/src/app/setting/_layout.tsx          |   8 +-
 .../setting/components/{ => memory}/index.tsx |   0
 .../{ => memory}/memory-item-card.tsx         |   0
 .../components/models/model-detail.tsx        | 311 ++++++++++++++++++
 .../components/models/model-providers.tsx     |  64 ++++
 frontend/src/app/setting/memory.tsx           |   2 +-
 frontend/src/app/setting/models.tsx           | 309 ++---------------
 frontend/src/components/ui/scroll-area.tsx    |  56 ----
 frontend/src/components/ui/switch.tsx         |  29 ++
 frontend/src/types/setting.ts                 |   1 +
 13 files changed, 460 insertions(+), 358 deletions(-)
 rename frontend/src/app/setting/components/{ => memory}/index.tsx (100%)
 rename frontend/src/app/setting/components/{ => memory}/memory-item-card.tsx (100%)
 create mode 100644 frontend/src/app/setting/components/models/model-detail.tsx
 create mode 100644 frontend/src/app/setting/components/models/model-providers.tsx
 delete mode 100644 frontend/src/components/ui/scroll-area.tsx
 create mode 100644 frontend/src/components/ui/switch.tsx

diff --git a/frontend/bun.lock b/frontend/bun.lock
index a3e08fe42..1d756c499 100644
--- a/frontend/bun.lock
+++ b/frontend/bun.lock
@@ -18,6 +18,7 @@
         "@radix-ui/react-select": "^2.2.6",
         "@radix-ui/react-separator": "^1.1.8",
         "@radix-ui/react-slot": "^1.2.4",
+        "@radix-ui/react-switch": "^1.2.6",
         "@radix-ui/react-tabs": "^1.1.13",
         "@radix-ui/react-tooltip": "^1.2.8",
         "@react-router/node": "^7.9.4",
@@ -292,6 +293,8 @@
 
     "@radix-ui/react-slot": ["@radix-ui/react-slot@1.2.4", "", { "dependencies": { "@radix-ui/react-compose-refs": "1.1.2" }, "peerDependencies": { "@types/react": "*", "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc" }, "optionalPeers": ["@types/react"] }, "sha512-Jl+bCv8HxKnlTLVrcDE8zTMJ09R9/ukw4qBs/oZClOfoQk/cOTbDn+NceXfV7j09YPVQUryJPHurafcSg6EVKA=="],
 
+    "@radix-ui/react-switch": ["@radix-ui/react-switch@1.2.6", "", { "dependencies": { "@radix-ui/primitive": "1.1.3", "@radix-ui/react-compose-refs": "1.1.2", "@radix-ui/react-context": "1.1.2", "@radix-ui/react-primitive": "2.1.3", "@radix-ui/react-use-controllable-state": "1.2.2", "@radix-ui/react-use-previous": "1.1.1", "@radix-ui/react-use-size": "1.1.1" }, "peerDependencies": { "@types/react": "*", "@types/react-dom": "*", "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc", "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc" }, "optionalPeers": ["@types/react", "@types/react-dom"] }, "sha512-bByzr1+ep1zk4VubeEVViV592vu2lHE2BZY5OnzehZqOOgogN80+mNtCqPkhn2gklJqOpxWgPoYTSnhBCqpOXQ=="],
+
     "@radix-ui/react-tabs": ["@radix-ui/react-tabs@1.1.13", "", { "dependencies": { "@radix-ui/primitive": "1.1.3", "@radix-ui/react-context": "1.1.2", "@radix-ui/react-direction": "1.1.1", "@radix-ui/react-id": "1.1.1", "@radix-ui/react-presence": "1.1.5", "@radix-ui/react-primitive": "2.1.3", "@radix-ui/react-roving-focus": "1.1.11", "@radix-ui/react-use-controllable-state": "1.2.2" }, "peerDependencies": { "@types/react": "*", "@types/react-dom": "*", "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc", "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc" }, "optionalPeers": ["@types/react", "@types/react-dom"] }, "sha512-7xdcatg7/U+7+Udyoj2zodtI9H/IIopqo+YOIcZOq1nJwXWBZ9p8xiu5llXlekDbZkca79a/fozEYQXIA4sW6A=="],
 
     "@radix-ui/react-tooltip": ["@radix-ui/react-tooltip@1.2.8", "", { "dependencies": { "@radix-ui/primitive": "1.1.3", "@radix-ui/react-compose-refs": "1.1.2", "@radix-ui/react-context": "1.1.2", "@radix-ui/react-dismissable-layer": "1.1.11", "@radix-ui/react-id": "1.1.1", "@radix-ui/react-popper": "1.2.8", "@radix-ui/react-portal": "1.1.9", "@radix-ui/react-presence": "1.1.5", "@radix-ui/react-primitive": "2.1.3", "@radix-ui/react-slot": "1.2.3", "@radix-ui/react-use-controllable-state": "1.2.2", "@radix-ui/react-visually-hidden": "1.2.3" }, "peerDependencies": { "@types/react": "*", "@types/react-dom": "*", "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc", "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc" }, "optionalPeers": ["@types/react", "@types/react-dom"] }, "sha512-tY7sVt1yL9ozIxvmbtN5qtmH2krXcBCfjEiCgKGLqunJHvgvZG2Pcl2oQ3kbcZARb1BGEHdkLzcYGO8ynVlieg=="],
diff --git a/frontend/package.json b/frontend/package.json
index 27e4cf7ca..4acbd4766 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -31,6 +31,7 @@
     "@radix-ui/react-select": "^2.2.6",
     "@radix-ui/react-separator": "^1.1.8",
     "@radix-ui/react-slot": "^1.2.4",
+    "@radix-ui/react-switch": "^1.2.6",
     "@radix-ui/react-tabs": "^1.1.13",
     "@radix-ui/react-tooltip": "^1.2.8",
     "@react-router/node": "^7.9.4",
diff --git a/frontend/src/api/setting.ts b/frontend/src/api/setting.ts
index ad41b32f1..819a5ae98 100644
--- a/frontend/src/api/setting.ts
+++ b/frontend/src/api/setting.ts
@@ -36,12 +36,8 @@ export const useGetModelProviders = () => {
   return useQuery({
     queryKey: API_QUERY_KEYS.SETTING.modelProviders,
     queryFn: () =>
-      apiClient.get<
-        ApiResponse<{
-          providers: ModelProvider[];
-        }>
-      >("/models/providers"),
-    select: (resp) => resp.data.providers,
+      apiClient.get<ApiResponse<ModelProvider[]>>("/models/providers"),
+    select: (data) => data.data,
   });
 };
 
@@ -55,7 +51,7 @@ export const useGetModelProviderDetail = (provider: string | undefined) => {
       apiClient.get<ApiResponse<ProviderDetail>>(
         `/models/providers/${provider}`,
       ),
-    select: (resp) => resp.data,
+    select: (data) => data.data,
   });
 };
 
@@ -141,6 +137,30 @@ export const useSetDefaultProvider = () => {
       queryClient.invalidateQueries({
         queryKey: API_QUERY_KEYS.SETTING.modelProviders,
       });
+      queryClient.invalidateQueries({
+        queryKey: API_QUERY_KEYS.SETTING.modelProviderDetail([]),
+      });
+    },
+  });
+};
+
+export const useSetDefaultProviderModel = () => {
+  const queryClient = useQueryClient();
+
+  return useMutation({
+    mutationFn: (params: { provider: string; model_id: string }) =>
+      apiClient.put<ApiResponse<null>>(
+        `/models/providers/${params.provider}/default-model`,
+        {
+          model_id: params.model_id,
+        },
+      ),
+    onSuccess: (_data, variables) => {
+      queryClient.invalidateQueries({
+        queryKey: API_QUERY_KEYS.SETTING.modelProviderDetail([
+          variables.provider,
+        ]),
+      });
     },
   });
 };
diff --git a/frontend/src/app/setting/_layout.tsx b/frontend/src/app/setting/_layout.tsx
index cf86b7317..182f91e07 100644
--- a/frontend/src/app/setting/_layout.tsx
+++ b/frontend/src/app/setting/_layout.tsx
@@ -46,9 +46,9 @@ export default function SettingLayout() {
   const location = useLocation();
 
   return (
-    <div className="flex h-screen overflow-hidden bg-gray-100">
+    <div className="flex size-full overflow-hidden bg-gray-100">
       {/* Left navigation */}
-      <aside className="flex w-80 flex-col gap-4 rounded-tl-xl rounded-bl-xl bg-white px-6 py-8">
+      <aside className="flex w-52 flex-col gap-4 rounded-tl-xl rounded-bl-xl bg-white px-6 py-8">
         <div className="flex flex-col gap-4">
           <h2 className="font-bold text-gray-950 text-xl">Settings</h2>
 
@@ -63,7 +63,7 @@ export default function SettingLayout() {
                   variant={isActive ? "muted" : "default"}
                   size="sm"
                   className={cn(
-                    "cursor-pointer",
+                    "cursor-pointer px-3 py-2.5",
                     isActive ? "bg-gray-100" : "bg-white hover:bg-gray-50",
                   )}
                   asChild
@@ -84,7 +84,7 @@ export default function SettingLayout() {
       </aside>
 
       {/* Right content area */}
-      <main className="flex flex-1 flex-col overflow-hidden rounded-tr-xl rounded-br-xl bg-white">
+      <main className="flex flex-1 overflow-hidden rounded-tr-xl rounded-br-xl bg-white">
         <Outlet />
       </main>
     </div>
diff --git a/frontend/src/app/setting/components/index.tsx b/frontend/src/app/setting/components/memory/index.tsx
similarity index 100%
rename from frontend/src/app/setting/components/index.tsx
rename to frontend/src/app/setting/components/memory/index.tsx
diff --git a/frontend/src/app/setting/components/memory-item-card.tsx b/frontend/src/app/setting/components/memory/memory-item-card.tsx
similarity index 100%
rename from frontend/src/app/setting/components/memory-item-card.tsx
rename to frontend/src/app/setting/components/memory/memory-item-card.tsx
diff --git a/frontend/src/app/setting/components/models/model-detail.tsx b/frontend/src/app/setting/components/models/model-detail.tsx
new file mode 100644
index 000000000..5ccb50a49
--- /dev/null
+++ b/frontend/src/app/setting/components/models/model-detail.tsx
@@ -0,0 +1,311 @@
+import { useForm } from "@tanstack/react-form";
+import { Plus, Trash2 } from "lucide-react";
+import { useEffect, useState } from "react";
+import { NavLink } from "react-router";
+
+import { z } from "zod";
+import {
+  useAddProviderModel,
+  useDeleteProviderModel,
+  useGetModelProviderDetail,
+  useSetDefaultProviderModel,
+  useUpdateProviderConfig,
+} from "@/api/setting";
+import { Button } from "@/components/ui/button";
+import {
+  Dialog,
+  DialogContent,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle,
+  DialogTrigger,
+} from "@/components/ui/dialog";
+import {
+  Field,
+  FieldError,
+  FieldGroup,
+  FieldLabel,
+} from "@/components/ui/field";
+import { Input } from "@/components/ui/input";
+import { Switch } from "@/components/ui/switch";
+import ScrollContainer from "@/components/valuecell/scroll/scroll-container";
+
+const configSchema = z.object({
+  api_key: z.string(),
+  base_url: z.string(),
+});
+
+const addModelSchema = z.object({
+  model_id: z.string().min(1, "Model ID is required"),
+  model_name: z.string().min(1, "Model name is required"),
+});
+
+type ModelDetailProps = {
+  provider: string;
+};
+
+export function ModelDetail({ provider }: ModelDetailProps) {
+  const { data: providerDetail, isLoading: detailLoading } =
+    useGetModelProviderDetail(provider);
+
+  const { mutate: updateConfig, isPending: updatingConfig } =
+    useUpdateProviderConfig();
+  const { mutate: addModel, isPending: addingModel } = useAddProviderModel();
+  const { mutate: deleteModel, isPending: deletingModel } =
+    useDeleteProviderModel();
+  const { mutate: setDefaultModel, isPending: settingDefaultModel } =
+    useSetDefaultProviderModel();
+
+  const [isAddDialogOpen, setIsAddDialogOpen] = useState(false);
+
+  const configForm = useForm({
+    defaultValues: {
+      api_key: "",
+      base_url: "",
+    },
+    validators: {
+      onSubmit: configSchema,
+    },
+    onSubmit: async ({ value }) => {
+      if (!provider) return;
+      updateConfig({
+        provider,
+        api_key: value.api_key || providerDetail?.api_key,
+        base_url: value.base_url || providerDetail?.base_url,
+      });
+    },
+  });
+
+  useEffect(() => {
+    if (providerDetail) {
+      configForm.setFieldValue("api_key", providerDetail.api_key || "");
+      configForm.setFieldValue("base_url", providerDetail.base_url || "");
+    }
+  }, [providerDetail, configForm]);
+
+  const addModelForm = useForm({
+    defaultValues: {
+      model_id: "",
+      model_name: "",
+    },
+    validators: {
+      onSubmit: addModelSchema,
+    },
+    onSubmit: async ({ value }) => {
+      if (!provider) return;
+      addModel({
+        provider,
+        model_id: value.model_id,
+        model_name: value.model_name,
+      });
+      addModelForm.reset();
+      setIsAddDialogOpen(false);
+    },
+  });
+
+  const handleSetDefaultModel = (modelId: string) => {
+    if (!provider) return;
+    setDefaultModel({ provider, model_id: modelId });
+  };
+
+  const handleDeleteModel = (modelId: string) => {
+    if (!provider) return;
+    deleteModel({ provider, model_id: modelId });
+  };
+
+  const isBusy =
+    updatingConfig || addingModel || deletingModel || settingDefaultModel;
+
+  if (detailLoading) {
+    return (
+      <div className="text-gray-400 text-sm">Loading provider details...</div>
+    );
+  }
+
+  if (!providerDetail) {
+    return null;
+  }
+
+  return (
+    <ScrollContainer className="flex flex-1 flex-col px-8">
+      <form>
+        <div className="flex flex-col gap-6">
+          <FieldGroup>
+            <configForm.Field name="api_key">
+              {(field) => (
+                <Field className="text-gray-950">
+                  <FieldLabel className="font-medium text-base">
+                    API key
+                  </FieldLabel>
+                  <Input
+                    type="password"
+                    placeholder={"Enter API key"}
+                    value={field.state.value}
+                    onChange={(e) => field.handleChange(e.target.value)}
+                    onBlur={() => configForm.handleSubmit()}
+                  />
+                  <NavLink
+                    to={providerDetail.api_key_url}
+                    target="_blank"
+                    className="text-sm underline underline-offset-4"
+                  >
+                    Click here to get the API key
+                  </NavLink>
+                  <FieldError errors={field.state.meta.errors} />
+                </Field>
+              )}
+            </configForm.Field>
+
+            {/* API Host section */}
+            <configForm.Field name="base_url">
+              {(field) => (
+                <Field className="text-gray-950">
+                  <FieldLabel className="font-medium text-base">
+                    API Host
+                  </FieldLabel>
+                  <Input
+                    placeholder={providerDetail.base_url}
+                    value={field.state.value}
+                    onChange={(e) => field.handleChange(e.target.value)}
+                    onBlur={() => configForm.handleSubmit()}
+                  />
+                  <FieldError errors={field.state.meta.errors} />
+                </Field>
+              )}
+            </configForm.Field>
+          </FieldGroup>
+
+          {/* Models section */}
+          <div className="flex flex-col gap-4">
+            <div className="flex items-center justify-between">
+              <div className="font-medium text-base text-gray-950">Models</div>
+              <Dialog open={isAddDialogOpen} onOpenChange={setIsAddDialogOpen}>
+                <DialogTrigger asChild>
+                  <Button
+                    variant="outline"
+                    size="sm"
+                    className="h-8 border-gray-200 px-2.5 font-semibold text-gray-700 text-sm"
+                    disabled={isBusy}
+                  >
+                    <Plus className="size-4" />
+                    Add
+                  </Button>
+                </DialogTrigger>
+                <DialogContent>
+                  <form
+                    onSubmit={(e) => {
+                      e.preventDefault();
+                      addModelForm.handleSubmit();
+                    }}
+                  >
+                    <DialogHeader>
+                      <DialogTitle>Add Model</DialogTitle>
+                    </DialogHeader>
+                    <div className="flex flex-col gap-4 py-4">
+                      <FieldGroup className="gap-4">
+                        <addModelForm.Field name="model_id">
+                          {(field) => (
+                            <Field>
+                              <FieldLabel className="font-medium text-sm">
+                                Model ID
+                              </FieldLabel>
+                              <Input
+                                placeholder="Enter model ID"
+                                value={field.state.value}
+                                onChange={(e) =>
+                                  field.handleChange(e.target.value)
+                                }
+                                onBlur={field.handleBlur}
+                              />
+                              <FieldError errors={field.state.meta.errors} />
+                            </Field>
+                          )}
+                        </addModelForm.Field>
+
+                        <addModelForm.Field name="model_name">
+                          {(field) => (
+                            <Field>
+                              <FieldLabel className="font-medium text-sm">
+                                Model Name
+                              </FieldLabel>
+                              <Input
+                                placeholder="Enter model name"
+                                value={field.state.value}
+                                onChange={(e) =>
+                                  field.handleChange(e.target.value)
+                                }
+                                onBlur={field.handleBlur}
+                              />
+                              <FieldError errors={field.state.meta.errors} />
+                            </Field>
+                          )}
+                        </addModelForm.Field>
+                      </FieldGroup>
+                    </div>
+                    <DialogFooter>
+                      <Button
+                        className="flex-1"
+                        type="button"
+                        variant="outline"
+                        onClick={() => {
+                          addModelForm.reset();
+                          setIsAddDialogOpen(false);
+                        }}
+                      >
+                        Cancel
+                      </Button>
+                      <Button
+                        className="flex-1"
+                        type="submit"
+                        disabled={isBusy || !addModelForm.state.canSubmit}
+                      >
+                        Confirm
+                      </Button>
+                    </DialogFooter>
+                  </form>
+                </DialogContent>
+              </Dialog>
+            </div>
+
+            {providerDetail.models.length === 0 ? (
+              <div className="rounded-lg border border-gray-200 border-dashed p-4 text-gray-400 text-sm">
+                No models configured for this provider.
+              </div>
+            ) : (
+              <div className="flex flex-col gap-2 rounded-lg border border-gray-200 bg-white p-3">
+                {providerDetail.models.map((m) => (
+                  <div
+                    key={m.model_id}
+                    className="flex items-center justify-between py-2"
+                  >
+                    <span className="font-normal text-base text-gray-950">
+                      {m.model_name}
+                    </span>
+
+                    <div className="flex items-center gap-3">
+                      <Switch
+                        checked={m.model_id === providerDetail.default_model_id}
+                        disabled={isBusy}
+                        onCheckedChange={() =>
+                          handleSetDefaultModel(m.model_id)
+                        }
+                      />
+                      <Button
+                        variant="ghost"
+                        size="icon"
+                        disabled={isBusy}
+                        onClick={() => handleDeleteModel(m.model_id)}
+                      >
+                        <Trash2 className="size-5" />
+                      </Button>
+                    </div>
+                  </div>
+                ))}
+              </div>
+            )}
+          </div>
+        </div>
+      </form>
+    </ScrollContainer>
+  );
+}
diff --git a/frontend/src/app/setting/components/models/model-providers.tsx b/frontend/src/app/setting/components/models/model-providers.tsx
new file mode 100644
index 000000000..083a249d0
--- /dev/null
+++ b/frontend/src/app/setting/components/models/model-providers.tsx
@@ -0,0 +1,64 @@
+import { Avatar, AvatarFallback } from "@/components/ui/avatar";
+import { Item, ItemGroup } from "@/components/ui/item";
+import ScrollContainer from "@/components/valuecell/scroll/scroll-container";
+import { cn } from "@/lib/utils";
+import type { ModelProvider } from "@/types/setting";
+
+type ModelProvidersProps = {
+  providers: ModelProvider[];
+  selectedProvider?: string;
+  onSelect: (provider: string) => void;
+};
+
+export function ModelProviders({
+  providers,
+  selectedProvider,
+  onSelect,
+}: ModelProvidersProps) {
+  return (
+    <div className="flex flex-col gap-4 overflow-hidden *:px-6">
+      <h2 className="font-semibold text-gray-950 text-lg">Model Provider</h2>
+
+      <ScrollContainer>
+        <ItemGroup>
+          {providers.length === 0 ? (
+            <div className="rounded-xl border border-gray-200 border-dashed px-4 py-6 text-center text-gray-400 text-sm">
+              No providers available.
+            </div>
+          ) : (
+            providers.map((provider) => {
+              const isActive = provider.provider === selectedProvider;
+
+              return (
+                <Item
+                  size="sm"
+                  className={cn(
+                    "cursor-pointer px-3 py-2.5",
+                    isActive ? "bg-gray-100" : "bg-white hover:bg-gray-50",
+                  )}
+                  key={provider.provider}
+                  onClick={() => onSelect(provider.provider)}
+                  asChild
+                >
+                  <div>
+                    <Avatar className="size-6">
+                      <AvatarFallback className="bg-gray-200 font-semibold text-gray-700 text-xs uppercase">
+                        {provider.provider.slice(0, 2).toUpperCase()}
+                      </AvatarFallback>
+                    </Avatar>
+                    <div className="flex flex-1 flex-col text-left">
+                      <span>{provider.provider}</span>
+                      <span className="font-normal text-gray-500 text-xs">
+                        {provider.provider}
+                      </span>
+                    </div>
+                  </div>
+                </Item>
+              );
+            })
+          )}
+        </ItemGroup>
+      </ScrollContainer>
+    </div>
+  );
+}
diff --git a/frontend/src/app/setting/memory.tsx b/frontend/src/app/setting/memory.tsx
index 9b582c08e..44db1a894 100644
--- a/frontend/src/app/setting/memory.tsx
+++ b/frontend/src/app/setting/memory.tsx
@@ -1,5 +1,5 @@
 import { useGetMemoryList, useRemoveMemory } from "@/api/setting";
-import { MemoryItemCard } from "./components";
+import { MemoryItemCard } from "./components/memory";
 
 export default function MemoryPage() {
   const { data: memories = [], isLoading } = useGetMemoryList();
diff --git a/frontend/src/app/setting/models.tsx b/frontend/src/app/setting/models.tsx
index 25b2bda0a..011a02f52 100644
--- a/frontend/src/app/setting/models.tsx
+++ b/frontend/src/app/setting/models.tsx
@@ -1,299 +1,28 @@
-import { useState } from "react";
+import { useEffect, useState } from "react";
 
-import {
-  useAddProviderModel,
-  useDeleteProviderModel,
-  useGetModelProviderDetail,
-  useGetModelProviders,
-  useSetDefaultProvider,
-  useUpdateProviderConfig,
-} from "@/api/setting";
-import { Button } from "@/components/ui/button";
-import { Input } from "@/components/ui/input";
-import {
-  Select,
-  SelectContent,
-  SelectItem,
-  SelectTrigger,
-  SelectValue,
-} from "@/components/ui/select";
-import { cn } from "@/lib/utils";
+import { useGetModelProviders } from "@/api/setting";
+import { ModelDetail } from "./components/models/model-detail";
+import { ModelProviders } from "./components/models/model-providers";
 
 export default function ModelsSettingPage() {
-  const { data: providers = [], isLoading: providersLoading } =
-    useGetModelProviders();
-  const [selectedProvider, setSelectedProvider] = useState<string | undefined>(
-    undefined,
-  );
-
-  const currentProvider =
-    selectedProvider || (providers.length > 0 ? providers[0]?.provider : "");
-
-  const { data: providerDetail, isLoading: detailLoading } =
-    useGetModelProviderDetail(currentProvider);
-
-  const { mutate: updateConfig, isPending: updatingConfig } =
-    useUpdateProviderConfig();
-  const { mutate: addModel, isPending: addingModel } = useAddProviderModel();
-  const { mutate: deleteModel, isPending: deletingModel } =
-    useDeleteProviderModel();
-  const { mutate: setDefault, isPending: settingDefault } =
-    useSetDefaultProvider();
-
-  const [apiKeyInput, setApiKeyInput] = useState("");
-  const [baseUrlInput, setBaseUrlInput] = useState("");
-  const [newModelId, setNewModelId] = useState("");
-  const [newModelName, setNewModelName] = useState("");
-
-  const handleSaveConfig = () => {
-    if (!currentProvider) return;
+  const { data: providers = [] } = useGetModelProviders();
+  const [selectedProvider, setSelectedProvider] = useState<string>("");
 
-    updateConfig({
-      provider: currentProvider,
-      api_key: apiKeyInput || providerDetail?.api_key,
-      base_url: baseUrlInput || providerDetail?.base_url,
-    });
-  };
-
-  const handleAddModel = () => {
-    if (!currentProvider || !newModelId || !newModelName) return;
-
-    addModel({
-      provider: currentProvider,
-      model_id: newModelId,
-      model_name: newModelName,
-    });
-    setNewModelId("");
-    setNewModelName("");
-  };
-
-  const handleDeleteModel = (modelId: string) => {
-    if (!currentProvider) return;
-    deleteModel({ provider: currentProvider, model_id: modelId });
-  };
-
-  const handleSetDefaultProvider = () => {
-    if (!currentProvider) return;
-    setDefault({ provider: currentProvider });
-  };
-
-  const isBusy =
-    updatingConfig || addingModel || deletingModel || settingDefault;
+  useEffect(() => {
+    if (providers.length > 0) {
+      setSelectedProvider(providers[0]?.provider || "");
+    }
+  }, [providers]);
 
   return (
-    <div className="flex flex-col gap-5 px-16 py-10">
-      <div className="flex flex-col gap-1.5">
-        <h1 className="font-bold text-gray-950 text-xl">Model Providers</h1>
-        <p className="text-base text-gray-400 leading-[22px]">
-          Manage your LLM providers, API keys and available models.
-        </p>
-      </div>
-
-      <div className="flex gap-8">
-        {/* Provider list */}
-        <div className="w-64 space-y-3">
-          <div className="font-medium text-gray-500 text-xs uppercase">
-            Providers
-          </div>
-
-          {providersLoading ? (
-            <div className="text-gray-400 text-sm">Loading providers...</div>
-          ) : providers.length === 0 ? (
-            <div className="text-gray-400 text-sm">No providers found.</div>
-          ) : (
-            <div className="flex flex-col gap-2">
-              {providers.map((p) => {
-                const isActive = currentProvider === p.provider;
-                return (
-                  <button
-                    key={p.provider}
-                    type="button"
-                    className={cn(
-                      "flex items-center justify-between rounded-lg border px-3 py-2 text-sm transition-colors",
-                      isActive
-                        ? "border-gray-900 bg-gray-900 text-white"
-                        : "border-gray-200 bg-white text-gray-800 hover:bg-gray-50",
-                    )}
-                    onClick={() => setSelectedProvider(p.provider)}
-                  >
-                    <span className="truncate">{p.provider}</span>
-                    {providerDetail?.is_default && isActive && (
-                      <span className="rounded bg-emerald-500 px-1.5 py-0.5 font-medium text-white text-xs">
-                        Default
-                      </span>
-                    )}
-                  </button>
-                );
-              })}
-            </div>
-          )}
-        </div>
-
-        {/* Provider detail */}
-        <div className="flex-1 space-y-6">
-          {detailLoading && (
-            <div className="text-gray-400 text-sm">
-              Loading provider details...
-            </div>
-          )}
-
-          {providerDetail && (
-            <>
-              <div className="flex items-center justify-between">
-                <div>
-                  <div className="font-semibold text-gray-900 text-sm">
-                    {currentProvider}
-                  </div>
-                  <div className="text-gray-500 text-xs">
-                    Default model: {providerDetail.default_model_id}
-                  </div>
-                </div>
-
-                <Button
-                  size="sm"
-                  variant={providerDetail.is_default ? "outline" : "default"}
-                  disabled={providerDetail.is_default || isBusy}
-                  onClick={handleSetDefaultProvider}
-                >
-                  {providerDetail.is_default
-                    ? "Default provider"
-                    : "Set default"}
-                </Button>
-              </div>
-
-              <div className="space-y-4 rounded-xl border border-gray-100 bg-gray-50 p-4">
-                <div className="space-y-2">
-                  <label
-                    htmlFor="api-key"
-                    className="font-medium text-gray-700 text-xs"
-                  >
-                    API Key
-                  </label>
-                  <Input
-                    type="password"
-                    placeholder={
-                      providerDetail.api_key
-                        ? "●●●●●●●●●●●●●●●●"
-                        : "Enter API key"
-                    }
-                    value={apiKeyInput}
-                    onChange={(e) => setApiKeyInput(e.target.value)}
-                  />
-                </div>
-
-                <div className="space-y-2">
-                  <label
-                    htmlFor="base-url"
-                    className="font-medium text-gray-700 text-xs"
-                  >
-                    Base URL
-                  </label>
-                  <Input
-                    placeholder={
-                      providerDetail.base_url || "https://api.example.com/v1"
-                    }
-                    value={baseUrlInput}
-                    onChange={(e) => setBaseUrlInput(e.target.value)}
-                  />
-                </div>
-
-                <Button
-                  size="sm"
-                  className="mt-2"
-                  disabled={isBusy}
-                  onClick={handleSaveConfig}
-                >
-                  Save configuration
-                </Button>
-              </div>
-
-              <div className="space-y-3">
-                <div className="flex items-center justify-between">
-                  <div className="font-semibold text-gray-900 text-sm">
-                    Models
-                  </div>
-
-                  <div className="flex items-center gap-2">
-                    <Input
-                      placeholder="Model ID"
-                      value={newModelId}
-                      onChange={(e) => setNewModelId(e.target.value)}
-                      className="h-8 w-48"
-                    />
-                    <Input
-                      placeholder="Model name"
-                      value={newModelName}
-                      onChange={(e) => setNewModelName(e.target.value)}
-                      className="h-8 w-48"
-                    />
-                    <Button
-                      size="sm"
-                      disabled={isBusy || !newModelId || !newModelName}
-                      onClick={handleAddModel}
-                    >
-                      Add model
-                    </Button>
-                  </div>
-                </div>
-
-                {providerDetail.models.length === 0 ? (
-                  <div className="rounded-lg border border-gray-200 border-dashed p-4 text-gray-400 text-sm">
-                    No models configured for this provider.
-                  </div>
-                ) : (
-                  <div className="space-y-2">
-                    {providerDetail.models.map((m) => (
-                      <div
-                        key={m.model_id}
-                        className="flex items-center justify-between rounded-lg border border-gray-100 px-3 py-2 text-sm"
-                      >
-                        <div className="flex flex-col">
-                          <span className="font-medium text-gray-900">
-                            {m.model_name}
-                          </span>
-                          <span className="text-gray-500 text-xs">
-                            {m.model_id}
-                          </span>
-                        </div>
-
-                        <div className="flex items-center gap-3">
-                          <Select
-                            defaultValue={providerDetail.default_model_id}
-                          >
-                            <SelectTrigger className="h-8 w-40 text-xs">
-                              <SelectValue placeholder="Default model" />
-                            </SelectTrigger>
-                            <SelectContent>
-                              {providerDetail.models.map((option) => (
-                                <SelectItem
-                                  key={option.model_id}
-                                  value={option.model_id}
-                                >
-                                  {option.model_name}
-                                </SelectItem>
-                              ))}
-                            </SelectContent>
-                          </Select>
-
-                          <Button
-                            size="sm"
-                            variant="ghost"
-                            className="text-red-500 text-xs hover:text-red-600"
-                            disabled={isBusy}
-                            onClick={() => handleDeleteModel(m.model_id)}
-                          >
-                            Delete
-                          </Button>
-                        </div>
-                      </div>
-                    ))}
-                  </div>
-                )}
-              </div>
-            </>
-          )}
-        </div>
-      </div>
+    <div className="flex size-full gap-8 overflow-hidden py-8">
+      <ModelProviders
+        providers={providers}
+        selectedProvider={selectedProvider}
+        onSelect={(provider) => setSelectedProvider(provider)}
+      />
+
+      {selectedProvider && <ModelDetail provider={selectedProvider} />}
     </div>
   );
 }
diff --git a/frontend/src/components/ui/scroll-area.tsx b/frontend/src/components/ui/scroll-area.tsx
deleted file mode 100644
index 9376f5948..000000000
--- a/frontend/src/components/ui/scroll-area.tsx
+++ /dev/null
@@ -1,56 +0,0 @@
-import * as React from "react"
-import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area"
-
-import { cn } from "@/lib/utils"
-
-function ScrollArea({
-  className,
-  children,
-  ...props
-}: React.ComponentProps<typeof ScrollAreaPrimitive.Root>) {
-  return (
-    <ScrollAreaPrimitive.Root
-      data-slot="scroll-area"
-      className={cn("relative", className)}
-      {...props}
-    >
-      <ScrollAreaPrimitive.Viewport
-        data-slot="scroll-area-viewport"
-        className="focus-visible:ring-ring/50 size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:outline-1"
-      >
-        {children}
-      </ScrollAreaPrimitive.Viewport>
-      <ScrollBar />
-      <ScrollAreaPrimitive.Corner />
-    </ScrollAreaPrimitive.Root>
-  )
-}
-
-function ScrollBar({
-  className,
-  orientation = "vertical",
-  ...props
-}: React.ComponentProps<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>) {
-  return (
-    <ScrollAreaPrimitive.ScrollAreaScrollbar
-      data-slot="scroll-area-scrollbar"
-      orientation={orientation}
-      className={cn(
-        "flex touch-none p-px transition-colors select-none",
-        orientation === "vertical" &&
-          "h-full w-2.5 border-l border-l-transparent",
-        orientation === "horizontal" &&
-          "h-2.5 flex-col border-t border-t-transparent",
-        className
-      )}
-      {...props}
-    >
-      <ScrollAreaPrimitive.ScrollAreaThumb
-        data-slot="scroll-area-thumb"
-        className="bg-border relative flex-1 rounded-full"
-      />
-    </ScrollAreaPrimitive.ScrollAreaScrollbar>
-  )
-}
-
-export { ScrollArea, ScrollBar }
diff --git a/frontend/src/components/ui/switch.tsx b/frontend/src/components/ui/switch.tsx
new file mode 100644
index 000000000..b0363e3f8
--- /dev/null
+++ b/frontend/src/components/ui/switch.tsx
@@ -0,0 +1,29 @@
+import * as React from "react"
+import * as SwitchPrimitive from "@radix-ui/react-switch"
+
+import { cn } from "@/lib/utils"
+
+function Switch({
+  className,
+  ...props
+}: React.ComponentProps<typeof SwitchPrimitive.Root>) {
+  return (
+    <SwitchPrimitive.Root
+      data-slot="switch"
+      className={cn(
+        "peer data-[state=checked]:bg-primary data-[state=unchecked]:bg-input focus-visible:border-ring focus-visible:ring-ring/50 dark:data-[state=unchecked]:bg-input/80 inline-flex h-[1.15rem] w-8 shrink-0 items-center rounded-full border border-transparent shadow-xs transition-all outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50",
+        className
+      )}
+      {...props}
+    >
+      <SwitchPrimitive.Thumb
+        data-slot="switch-thumb"
+        className={cn(
+          "bg-background dark:data-[state=unchecked]:bg-foreground dark:data-[state=checked]:bg-primary-foreground pointer-events-none block size-4 rounded-full ring-0 transition-transform data-[state=checked]:translate-x-[calc(100%-2px)] data-[state=unchecked]:translate-x-0"
+        )}
+      />
+    </SwitchPrimitive.Root>
+  )
+}
+
+export { Switch }
diff --git a/frontend/src/types/setting.ts b/frontend/src/types/setting.ts
index f07bb8456..6c12f5380 100644
--- a/frontend/src/types/setting.ts
+++ b/frontend/src/types/setting.ts
@@ -14,6 +14,7 @@ export type ProviderModelInfo = {
 
 export type ProviderDetail = {
   api_key: string;
+  api_key_url: string;
   base_url: string;
   is_default: boolean;
   default_model_id: string;

From 2c9c60bf2500e373d196e7dad3d99389dec506ec Mon Sep 17 00:00:00 2001
From: DigHuang <114602213+DigHuang@users.noreply.github.com>
Date: Tue, 18 Nov 2025 11:52:05 +0800
Subject: [PATCH 4/7] feat: support show/hidden api key

---
 .../components/models/model-detail.tsx        |  88 +++++++--
 frontend/src/components/ui/input-group.tsx    | 168 ++++++++++++++++++
 frontend/src/global.css                       |  10 ++
 python/configs/providers/openai.yaml          | 112 +++++-------
 4 files changed, 298 insertions(+), 80 deletions(-)
 create mode 100644 frontend/src/components/ui/input-group.tsx

diff --git a/frontend/src/app/setting/components/models/model-detail.tsx b/frontend/src/app/setting/components/models/model-detail.tsx
index 5ccb50a49..22fe4dc6e 100644
--- a/frontend/src/app/setting/components/models/model-detail.tsx
+++ b/frontend/src/app/setting/components/models/model-detail.tsx
@@ -1,13 +1,13 @@
 import { useForm } from "@tanstack/react-form";
-import { Plus, Trash2 } from "lucide-react";
+import { Eye, EyeOff, Plus, Trash2 } from "lucide-react";
 import { useEffect, useState } from "react";
-import { NavLink } from "react-router";
 
 import { z } from "zod";
 import {
   useAddProviderModel,
   useDeleteProviderModel,
   useGetModelProviderDetail,
+  useSetDefaultProvider,
   useSetDefaultProviderModel,
   useUpdateProviderConfig,
 } from "@/api/setting";
@@ -27,6 +27,12 @@ import {
   FieldLabel,
 } from "@/components/ui/field";
 import { Input } from "@/components/ui/input";
+import {
+  InputGroup,
+  InputGroupAddon,
+  InputGroupButton,
+  InputGroupInput,
+} from "@/components/ui/input-group";
 import { Switch } from "@/components/ui/switch";
 import ScrollContainer from "@/components/valuecell/scroll/scroll-container";
 
@@ -55,8 +61,11 @@ export function ModelDetail({ provider }: ModelDetailProps) {
     useDeleteProviderModel();
   const { mutate: setDefaultModel, isPending: settingDefaultModel } =
     useSetDefaultProviderModel();
+  const { mutate: setDefaultProvider, isPending: settingDefaultProvider } =
+    useSetDefaultProvider();
 
   const [isAddDialogOpen, setIsAddDialogOpen] = useState(false);
+  const [showApiKey, setShowApiKey] = useState(false);
 
   const configForm = useForm({
     defaultValues: {
@@ -83,6 +92,10 @@ export function ModelDetail({ provider }: ModelDetailProps) {
     }
   }, [providerDetail, configForm]);
 
+  useEffect(() => {
+    if (provider) setShowApiKey(false);
+  }, [provider]);
+
   const addModelForm = useForm({
     defaultValues: {
       model_id: "",
@@ -114,7 +127,11 @@ export function ModelDetail({ provider }: ModelDetailProps) {
   };
 
   const isBusy =
-    updatingConfig || addingModel || deletingModel || settingDefaultModel;
+    updatingConfig ||
+    addingModel ||
+    deletingModel ||
+    settingDefaultModel ||
+    settingDefaultProvider;
 
   if (detailLoading) {
     return (
@@ -128,29 +145,68 @@ export function ModelDetail({ provider }: ModelDetailProps) {
 
   return (
     <ScrollContainer className="flex flex-1 flex-col px-8">
+      <div className="mb-4 flex items-center justify-between">
+        <p className="font-semibold text-gray-950 text-lg">{provider}</p>
+        <div className="flex items-center gap-2">
+          <p className="font-semibold text-base text-gray-700">
+            Default Provider
+          </p>
+          <Switch
+            checked={providerDetail.is_default}
+            disabled={isBusy}
+            onCheckedChange={() => setDefaultProvider({ provider })}
+          />
+        </div>
+      </div>
+
       <form>
         <div className="flex flex-col gap-6">
           <FieldGroup>
             <configForm.Field name="api_key">
               {(field) => (
                 <Field className="text-gray-950">
-                  <FieldLabel className="font-medium text-base">
+                  <FieldLabel
+                    htmlFor="api_key"
+                    className="font-medium text-base"
+                  >
                     API key
                   </FieldLabel>
-                  <Input
-                    type="password"
-                    placeholder={"Enter API key"}
-                    value={field.state.value}
-                    onChange={(e) => field.handleChange(e.target.value)}
-                    onBlur={() => configForm.handleSubmit()}
-                  />
-                  <NavLink
-                    to={providerDetail.api_key_url}
-                    target="_blank"
-                    className="text-sm underline underline-offset-4"
+                  <InputGroup>
+                    <InputGroupInput
+                      type={showApiKey ? "text" : "password"}
+                      id="api_key"
+                      placeholder={"Enter API key"}
+                      value={field.state.value}
+                      onChange={(e) => field.handleChange(e.target.value)}
+                      onBlur={() => configForm.handleSubmit()}
+                    />
+                    <InputGroupAddon align="inline-end">
+                      <InputGroupButton
+                        type="button"
+                        variant="ghost"
+                        size="icon-xs"
+                        onClick={() => setShowApiKey(!showApiKey)}
+                        aria-label={
+                          showApiKey ? "Hide password" : "Show password"
+                        }
+                      >
+                        {showApiKey ? (
+                          <EyeOff className="h-4 w-4" />
+                        ) : (
+                          <Eye className="h-4 w-4" />
+                        )}
+                      </InputGroupButton>
+                    </InputGroupAddon>
+                  </InputGroup>
+                  <button
+                    type="button"
+                    onClick={() =>
+                      window.open(providerDetail.api_key_url, "_blank")
+                    }
+                    className="w-fit! cursor-pointer text-sm underline underline-offset-4 hover:text-gray-700"
                   >
                     Click here to get the API key
-                  </NavLink>
+                  </button>
                   <FieldError errors={field.state.meta.errors} />
                 </Field>
               )}
diff --git a/frontend/src/components/ui/input-group.tsx b/frontend/src/components/ui/input-group.tsx
new file mode 100644
index 000000000..6db1784c2
--- /dev/null
+++ b/frontend/src/components/ui/input-group.tsx
@@ -0,0 +1,168 @@
+import * as React from "react"
+import { cva, type VariantProps } from "class-variance-authority"
+
+import { cn } from "@/lib/utils"
+import { Button } from "@/components/ui/button"
+import { Input } from "@/components/ui/input"
+import { Textarea } from "@/components/ui/textarea"
+
+function InputGroup({ className, ...props }: React.ComponentProps<"div">) {
+  return (
+    <div
+      data-slot="input-group"
+      role="group"
+      className={cn(
+        "group/input-group border-input dark:bg-input/30 relative flex w-full items-center rounded-md border shadow-xs transition-[color,box-shadow] outline-none",
+        "h-9 min-w-0 has-[>textarea]:h-auto",
+
+        // Variants based on alignment.
+        "has-[>[data-align=inline-start]]:[&>input]:pl-2",
+        "has-[>[data-align=inline-end]]:[&>input]:pr-2",
+        "has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col has-[>[data-align=block-start]]:[&>input]:pb-3",
+        "has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col has-[>[data-align=block-end]]:[&>input]:pt-3",
+
+        // Focus state.
+        "has-[[data-slot=input-group-control]:focus-visible]:border-ring has-[[data-slot=input-group-control]:focus-visible]:ring-ring/50 has-[[data-slot=input-group-control]:focus-visible]:ring-[3px]",
+
+        // Error state.
+        "has-[[data-slot][aria-invalid=true]]:ring-destructive/20 has-[[data-slot][aria-invalid=true]]:border-destructive dark:has-[[data-slot][aria-invalid=true]]:ring-destructive/40",
+
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+const inputGroupAddonVariants = cva(
+  "text-muted-foreground flex h-auto cursor-text items-center justify-center gap-2 py-1.5 text-sm font-medium select-none [&>svg:not([class*='size-'])]:size-4 [&>kbd]:rounded-[calc(var(--radius)-5px)] group-data-[disabled=true]/input-group:opacity-50",
+  {
+    variants: {
+      align: {
+        "inline-start":
+          "order-first pl-3 has-[>button]:ml-[-0.45rem] has-[>kbd]:ml-[-0.35rem]",
+        "inline-end":
+          "order-last pr-3 has-[>button]:mr-[-0.45rem] has-[>kbd]:mr-[-0.35rem]",
+        "block-start":
+          "order-first w-full justify-start px-3 pt-3 [.border-b]:pb-3 group-has-[>input]/input-group:pt-2.5",
+        "block-end":
+          "order-last w-full justify-start px-3 pb-3 [.border-t]:pt-3 group-has-[>input]/input-group:pb-2.5",
+      },
+    },
+    defaultVariants: {
+      align: "inline-start",
+    },
+  }
+)
+
+function InputGroupAddon({
+  className,
+  align = "inline-start",
+  ...props
+}: React.ComponentProps<"div"> & VariantProps<typeof inputGroupAddonVariants>) {
+  return (
+    <div
+      role="group"
+      data-slot="input-group-addon"
+      data-align={align}
+      className={cn(inputGroupAddonVariants({ align }), className)}
+      onClick={(e) => {
+        if ((e.target as HTMLElement).closest("button")) {
+          return
+        }
+        e.currentTarget.parentElement?.querySelector("input")?.focus()
+      }}
+      {...props}
+    />
+  )
+}
+
+const inputGroupButtonVariants = cva(
+  "text-sm shadow-none flex gap-2 items-center",
+  {
+    variants: {
+      size: {
+        xs: "h-6 gap-1 px-2 rounded-[calc(var(--radius)-5px)] [&>svg:not([class*='size-'])]:size-3.5 has-[>svg]:px-2",
+        sm: "h-8 px-2.5 gap-1.5 rounded-md has-[>svg]:px-2.5",
+        "icon-xs":
+          "size-6 rounded-[calc(var(--radius)-5px)] p-0 has-[>svg]:p-0",
+        "icon-sm": "size-8 p-0 has-[>svg]:p-0",
+      },
+    },
+    defaultVariants: {
+      size: "xs",
+    },
+  }
+)
+
+function InputGroupButton({
+  className,
+  type = "button",
+  variant = "ghost",
+  size = "xs",
+  ...props
+}: Omit<React.ComponentProps<typeof Button>, "size"> &
+  VariantProps<typeof inputGroupButtonVariants>) {
+  return (
+    <Button
+      type={type}
+      data-size={size}
+      variant={variant}
+      className={cn(inputGroupButtonVariants({ size }), className)}
+      {...props}
+    />
+  )
+}
+
+function InputGroupText({ className, ...props }: React.ComponentProps<"span">) {
+  return (
+    <span
+      className={cn(
+        "text-muted-foreground flex items-center gap-2 text-sm [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function InputGroupInput({
+  className,
+  ...props
+}: React.ComponentProps<"input">) {
+  return (
+    <Input
+      data-slot="input-group-control"
+      className={cn(
+        "flex-1 rounded-none border-0 bg-transparent shadow-none focus-visible:ring-0 dark:bg-transparent",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function InputGroupTextarea({
+  className,
+  ...props
+}: React.ComponentProps<"textarea">) {
+  return (
+    <Textarea
+      data-slot="input-group-control"
+      className={cn(
+        "flex-1 resize-none rounded-none border-0 bg-transparent py-3 shadow-none focus-visible:ring-0 dark:bg-transparent",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+export {
+  InputGroup,
+  InputGroupAddon,
+  InputGroupButton,
+  InputGroupText,
+  InputGroupInput,
+  InputGroupTextarea,
+}
diff --git a/frontend/src/global.css b/frontend/src/global.css
index 75e4b3d45..84704e605 100644
--- a/frontend/src/global.css
+++ b/frontend/src/global.css
@@ -106,6 +106,16 @@
   body {
     @apply bg-background text-foreground;
   }
+
+  input[type="password"]::-webkit-password-reveal-button {
+    display: none;
+    -webkit-appearance: none;
+    margin: 0;
+  }
+
+  input[type="password"]::-ms-reveal {
+    display: none;
+  }
 }
 
 @layer utilities {
diff --git a/python/configs/providers/openai.yaml b/python/configs/providers/openai.yaml
index 603b56640..f245dd036 100644
--- a/python/configs/providers/openai.yaml
+++ b/python/configs/providers/openai.yaml
@@ -1,69 +1,53 @@
-# ============================================
-# OpenAI Provider Configuration
-# ============================================
-name: "OpenAI"
-provider_type: "openai"
-
-enabled: true # Default is true if not specified
-
-# Connection Configuration
+name: OpenAI
+provider_type: openai
+enabled: true
 connection:
-  base_url: "https://api.openai.com/v1"
-  api_key_env: "OPENAI_API_KEY"
-
-# Default model if none specified
-default_model: "gpt-5-2025-08-07"
-
-# Available Models
+  base_url: https://api.openai.com/v1
+  api_key_env: OPENAI_API_KEY
+default_model: gpt-5-2025-08-07
 models:
-
-  - id: "gpt-5-2025-08-07"
-    name: "GPT-5 2025-08-07"
-    context_length: 400000
-    max_output_tokens: 128000
-    description: "Most capable GPT-5 model with 400K context window"
-    supported_inputs: ["text"]
-    supported_outputs: ["text"]
-
-  - id: "gpt-5-mini-2025-08-07"
-    name: "GPT-5 Mini 2025-08-07"
-    context_length: 400000
-    max_output_tokens: 128000
-    description: "Lightweight GPT-5 model optimized for efficiency"
-    supported_inputs: ["text"]
-    supported_outputs: ["text"]
-
-  - id: "gpt-4.1-2025-04-14"
-    name: "GPT-4.1 2025-04-14"
-    context_length: 1047576
-    max_output_tokens: 32768
-    description: "Most capable GPT-4.1 model with 1M context window (without organization verification)"
-    supported_inputs: ["text"]
-    supported_outputs: ["text"]
-
-# ============================================
-# Embedding Models Configuration
-# ============================================
+- id: gpt-5-2025-08-07
+  name: GPT-5 2025-08-07
+  context_length: 400000
+  max_output_tokens: 128000
+  description: Most capable GPT-5 model with 400K context window
+  supported_inputs:
+  - text
+  supported_outputs:
+  - text
+- id: gpt-5-mini-2025-08-07
+  name: GPT-5 Mini 2025-08-07
+  context_length: 400000
+  max_output_tokens: 128000
+  description: Lightweight GPT-5 model optimized for efficiency
+  supported_inputs:
+  - text
+  supported_outputs:
+  - text
+- id: gpt-4.1-2025-04-14
+  name: GPT-4.1 2025-04-14
+  context_length: 1047576
+  max_output_tokens: 32768
+  description: Most capable GPT-4.1 model with 1M context window (without organization
+    verification)
+  supported_inputs:
+  - text
+  supported_outputs:
+  - text
 embedding:
-  # Default embedding model
-  default_model: "text-embedding-3-small"
-  
-  # Default parameters
+  default_model: text-embedding-3-small
   defaults:
-    encoding_format: "float"
-  
-  # Available embedding models
+    encoding_format: float
   models:
-    - id: "text-embedding-3-small"
-      name: "Text Embedding 3 Small"
-      dimensions: 1536
-      max_input: 8192
-      performance_mteb: 62.3
-      description: "Small embedding model with good performance and efficiency"
-
-    - id: "text-embedding-3-large"
-      name: "Text Embedding 3 Large"
-      dimensions: 3072
-      max_input: 8192
-      performance_mteb: 64.6
-      description: "Large embedding model with higher performance"
+  - id: text-embedding-3-small
+    name: Text Embedding 3 Small
+    dimensions: 1536
+    max_input: 8192
+    performance_mteb: 62.3
+    description: Small embedding model with good performance and efficiency
+  - id: text-embedding-3-large
+    name: Text Embedding 3 Large
+    dimensions: 3072
+    max_input: 8192
+    performance_mteb: 64.6
+    description: Large embedding model with higher performance

From adef901f81cff017551fab92e01ea72ec092fce2 Mon Sep 17 00:00:00 2001
From: DigHuang <114602213+DigHuang@users.noreply.github.com>
Date: Tue, 18 Nov 2025 13:49:01 +0800
Subject: [PATCH 5/7] feat: add model provider icons

---
 .../components/models/model-detail.tsx        |   1 +
 .../components/models/model-providers.tsx     |  29 +++++++++---------
 frontend/src/app/setting/models.tsx           |   2 +-
 frontend/src/assets/png/index.ts              |   6 ++++
 .../src/assets/png/model-providers/azure.png  | Bin 0 -> 1472 bytes
 .../assets/png/model-providers/deepseek.png   | Bin 0 -> 3067 bytes
 .../src/assets/png/model-providers/google.png | Bin 0 -> 866 bytes
 .../png/model-providers/openai-compatible.png | Bin 0 -> 890 bytes
 .../src/assets/png/model-providers/openai.png | Bin 0 -> 1887 bytes
 .../assets/png/model-providers/openrouter.png | Bin 1531 -> 1635 bytes
 .../png/model-providers/siliconflow.png       | Bin 997 -> 2170 bytes
 frontend/src/constants/icons.ts               |  10 ++++++
 12 files changed, 33 insertions(+), 15 deletions(-)
 create mode 100644 frontend/src/assets/png/model-providers/azure.png
 create mode 100644 frontend/src/assets/png/model-providers/deepseek.png
 create mode 100644 frontend/src/assets/png/model-providers/google.png
 create mode 100644 frontend/src/assets/png/model-providers/openai-compatible.png
 create mode 100644 frontend/src/assets/png/model-providers/openai.png

diff --git a/frontend/src/app/setting/components/models/model-detail.tsx b/frontend/src/app/setting/components/models/model-detail.tsx
index 22fe4dc6e..6334feef8 100644
--- a/frontend/src/app/setting/components/models/model-detail.tsx
+++ b/frontend/src/app/setting/components/models/model-detail.tsx
@@ -340,6 +340,7 @@ export function ModelDetail({ provider }: ModelDetailProps) {
 
                     <div className="flex items-center gap-3">
                       <Switch
+                        className="cursor-pointer"
                         checked={m.model_id === providerDetail.default_model_id}
                         disabled={isBusy}
                         onCheckedChange={() =>
diff --git a/frontend/src/app/setting/components/models/model-providers.tsx b/frontend/src/app/setting/components/models/model-providers.tsx
index 083a249d0..f4f93545e 100644
--- a/frontend/src/app/setting/components/models/model-providers.tsx
+++ b/frontend/src/app/setting/components/models/model-providers.tsx
@@ -1,6 +1,7 @@
-import { Avatar, AvatarFallback } from "@/components/ui/avatar";
 import { Item, ItemGroup } from "@/components/ui/item";
+import PngIcon from "@/components/valuecell/png-icon";
 import ScrollContainer from "@/components/valuecell/scroll/scroll-container";
+import { MODEL_PROVIDER_ICONS } from "@/constants/icons";
 import { cn } from "@/lib/utils";
 import type { ModelProvider } from "@/types/setting";
 
@@ -38,20 +39,20 @@ export function ModelProviders({
                   )}
                   key={provider.provider}
                   onClick={() => onSelect(provider.provider)}
-                  asChild
                 >
-                  <div>
-                    <Avatar className="size-6">
-                      <AvatarFallback className="bg-gray-200 font-semibold text-gray-700 text-xs uppercase">
-                        {provider.provider.slice(0, 2).toUpperCase()}
-                      </AvatarFallback>
-                    </Avatar>
-                    <div className="flex flex-1 flex-col text-left">
-                      <span>{provider.provider}</span>
-                      <span className="font-normal text-gray-500 text-xs">
-                        {provider.provider}
-                      </span>
-                    </div>
+                  <PngIcon
+                    src={
+                      MODEL_PROVIDER_ICONS[
+                        provider.provider as keyof typeof MODEL_PROVIDER_ICONS
+                      ]
+                    }
+                    className="size-6"
+                  />
+                  <div className="flex flex-1 flex-col text-left">
+                    <span>{provider.provider}</span>
+                    <span className="font-normal text-gray-500 text-xs">
+                      {provider.provider}
+                    </span>
                   </div>
                 </Item>
               );
diff --git a/frontend/src/app/setting/models.tsx b/frontend/src/app/setting/models.tsx
index 011a02f52..7a4125c12 100644
--- a/frontend/src/app/setting/models.tsx
+++ b/frontend/src/app/setting/models.tsx
@@ -15,7 +15,7 @@ export default function ModelsSettingPage() {
   }, [providers]);
 
   return (
-    <div className="flex size-full gap-8 overflow-hidden py-8">
+    <div className="flex size-full overflow-hidden py-8">
       <ModelProviders
         providers={providers}
         selectedProvider={selectedProvider}
diff --git a/frontend/src/assets/png/index.ts b/frontend/src/assets/png/index.ts
index cad43858f..c309207dc 100644
--- a/frontend/src/assets/png/index.ts
+++ b/frontend/src/assets/png/index.ts
@@ -26,8 +26,14 @@ export { default as BinancePng } from "./exchanges/binance.png";
 export { default as OkxPng } from "./exchanges/okx.png";
 export { default as IconGroupPng } from "./icon-group.png";
 export { default as MessageGroupPng } from "./message-group.png";
+export { default as AzurePng } from "./model-providers/azure.png";
+export { default as DeepSeekPng } from "./model-providers/deepseek.png";
+export { default as GooglePng } from "./model-providers/google.png";
+export { default as OpenAiPng } from "./model-providers/openai.png";
+export { default as OpenAiCompatiblePng } from "./model-providers/openai-compatible.png";
 export { default as OpenRouterPng } from "./model-providers/openrouter.png";
 export { default as SiliconFlowPng } from "./model-providers/siliconflow.png";
+
 export { default as BtcPng } from "./symbols/btc.png";
 export { default as DogePng } from "./symbols/doge.png";
 export { default as EthPng } from "./symbols/eth.png";
diff --git a/frontend/src/assets/png/model-providers/azure.png b/frontend/src/assets/png/model-providers/azure.png
new file mode 100644
index 0000000000000000000000000000000000000000..87cf32a7cba3e63feccf7c830b9321780d109eb2
GIT binary patch
literal 1472
zcmV;x1wZ<UP)<h;3K|Lk000e1NJLTq001xm001xu1^@s6R|5Hm00009a7bBm000&x
z000&x0ZCFM@Bjb+0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH1yxBzK~#7F&01SX
zEmau)_TJtz%M3Hj&{88LEHKOvx<Gg#eDI+M5k-9Sp&;-{=)s4ehd?RNhv)?MP=O$*
zL|BFo8BrXPh%Q<Nf|jP{H9hXV=d6Ft{JQo!dv9mfjK}@K$L!fNv)1=t)@{~=V1}@B
zj627C!Fs`$1)mjsOz>gB66fBi;I`mDg1-vh6#Po?C&5#vjF7`Pt`H$yh$p-v_^IHo
zpp}C0G}qPzZ@@O15q9bcTzEt|e@$@3gHSj88MZ?hSqKPWTzLH%*eMW{=w#*mAo!?K
zx36fZUVm4qB#Pj~tBfhX-*D>Hqwg9V!aTw6l?q}AUbt=q*YSm-$CD8({(ix~ox;v=
zwZc<H;}^jkFGlc9_X_@dP2w%B-am2C4#Vlhb6-q1tzNTu-H7irjY+}QeU8i!uN(26
zqc3SHao+bjH%Bu-xJqslFKNz};E+5h_<sh8PR9QPb6Imlv4$>wDEKt&KHhi$35V0R
zGlW7RNdr(6Xx>Fyzox3xQmSCLcDiURJ`#x_7K_Q>ZEbC6ZEckX<>%*PX=w?Qlatuk
z*pSyP%Yp&uA({Y|3LelO?5-O~%r(yxUX>Jrt;NMfOULNwsMXQYVO3XG2hkRWSUjB+
z33fV$q>q0ZP+E{zXJ%&5)YOD{JaJ~cxw(nM!$VY5RGi;$0M`7vU>2XW!8XDurVJ8X
zSy?GlhkomAfdrqPo}#$87`eH*rYR(gf}KK7aSdI{1+x+zZ+3NcC7kOZ(bOJFN=gs_
zUL^yl|9=hvp|`hJ9#a`WQK2a4=|#xS&W1-kPvXmA_y4{?o~@~=L2Yeq%6mxs{{B7+
z3JNeZG=%N#ZTVbLQ4z+*#;~%o0*|OB11jO8;j%FDXm@wFJSS1fB5-nYB6ELYVgjY5
zr3u&8*48jGG6IiyoP<{*AoTV1$z!VY+1lE|;NYMX&tnB+Z*LC<2$2EB@CovMV`HQ2
z9@F(KIXO9~tE-d0X}}8tWI!Q&fW6(*)01$X47%5YfbW$*&ucn6J1@OA8jYrm5JkrX
z6oEtd0HsfJb2G}y$}Sz4c%;^!C#<ip!vti&77W27?ZCi*tNY0S8pQN6mY0_?Jw0tS
zwIBr>Fa&w8u&@v<EiEa#P8HM!c6N4fbaW(-G$u?<O`*QNUS2maKsKsJ;A837-rjDx
zMMFb_d`64~l6iS~=jCK&Wtr5!N{yIaxbDE79JvM$Uj6<3o}MAlR6+%Lo*K9TmZ?PY
z{<rW5N*S7v(SpS-QuQ=GW~JZo6yg&u%gs~Vn~24UoYy3qn5m%aXJ==!u?7UzImLh6
zBX|OjIXFK*e`(%})R4#V@p1VKt=7EOlY(n-=5QQ^50JQIOUtUND$6bA=H||qn*j)C
zeQ%Lywcnyw+N;j*OJ}F$<>eS29>&4JLDC$ix&86+F=l6Hv9Pcp(~cT(0MiMo>=x`D
zpj~K!KZc7ah>4gduLbCRe%bc6ru!WC!G2{C$JM<5_e0i0-9B~ycZ_;GzwL8w%#`<{
zdhWlV=}iEKWH!T$U>)zL6R#RT_zRg~gs0c*s&%x`*~Rr5!S$}f<pu{s-C|nD^%%iD
z&TooSjrPgtc+)BDZf){$k28adbTL{zsusV4JG~Pm<4APQn@+v@*8!fPZgf8>_`6nV
z5W>}RXiK-ssV@Sb;u+)xHH7r3!5>M4conXm|A@p-4I;RLZzj}e5NN;ZGuZ2Dw?ftb
zX;l44uu-eSwQy4l!-^0Bb-DB%#fz}FsGbmfNbmvYUJ|<rd()g=fKs3SCG77mPBbkR
aJm5AiF%M0Gz#sSk0000<MNUMnLSTaDhQt^E

literal 0
HcmV?d00001

diff --git a/frontend/src/assets/png/model-providers/deepseek.png b/frontend/src/assets/png/model-providers/deepseek.png
new file mode 100644
index 0000000000000000000000000000000000000000..ba44e005279b1eece29669fb3765ee77d64e36b6
GIT binary patch
literal 3067
zcmV<X3k39uP)<h;3K|Lk000e1NJLTq001%o001xu1^@s6Q}-#l00009a7bBm000&x
z000&x0ZCFM@Bjb+0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH3y?`fK~#7F%~}g|
z6xA92?#%AywMjPFyhFnBiitpoMj_NA0Rfd3P*hMWQnU(0i;t$Y$JZ%6wdhe%Q(H^5
zRB4N}6vd+)g+$AusECwDA{YWnAS8j1guJt_ncM%)>?BJF$tDr$f6naA<IcVR_rLGG
z!!US~=-~bXnVF01rsTXldwlMc__T?+E*DQ@KoUKQ^0#*}#_E}bYHvqVSyjcGyImbs
zC5LxEbJXaAhy|Pvh!_S=G99WIFgJHexG7=Q!g$A&g;slPuEY@TY6sk%Zb*_P@EzVg
zmI@|GutqcZd{7i$+qd=Ahu7CveX{1jjt7tT90NhpK!Aw0LJNw+F*P(bcjcpwtjQ14
zXpx<5fX}0VF^LD?r`D7+1{P{%u!I1OHPxHH-T#-u@?9$`&<#ilrng{$baj}2>woV`
z%euTs@glOVN#TMSIwTB%$mCSc6<9)LDJ&9bs5$j&XT|FKoz4|L1gV{1fSBm;WoJJZ
zF?McYi6pVf%?&<!kx}Q;kO1^T#H`9KVX|aPKvS9Xt(m*tzhyUq0Mj23O%pR09~?6*
zBWur@I@PMURRxkPVQ~HxERpsVIXd2i&bFq)x1NuA0lHZWQhR%$FNq3GDAz35H6>+K
zRz>{@uT}9$J^~@YT}TjuWX4QtQ=Lb(gxFTy^l;;!(G8$ip3ldSW=_-Y*n3raX3ma=
zS}&KFiSxdJUjX9Zs#lG)he)p0#@9C$+3!Y=uy0UrKs0ljzUZ5bVPi%fYOM8=Gs-F-
zqC*db2#gYGx5%E()<@r374-~yiDo^S6Tp<wqnC#`E*-g3fWSotp)n<y<kkj{8W|J$
zbpDU`O@j_X4s0X$ct=y)%zL+QX>F3naxN(X2`)M@VHN0T^|6$ZDYvz^v)?yXJ6#B{
zs6a`Jb2b0wPv$T=bcW(pgme8LfaoG7OuV%LA>;CXvEF~Li~qA2U9n<?gycmZx77P0
zNT2M&2d9A&V~W?S#w3PiSghIa*Hmmc0Y8%lBCS|+mfuw1b|Hb<s}~Z)psGSYNwNh^
zbt*=Vo%2Wkt+Rk=H&QdkKi1wXENbA+En;)m;qSep6R17~oNVZ>0Ze2AEmWJe(=&Mx
zA%qLZRX8_?ny<WK*80of&o4%X<~h?}o55A21c2<9sNfS7ENV{c3^%pvM=f2SY6Kjq
zz_MEzmd$5ydvuVZ?Xm?7)AN9DtBHYtp#-oNs-D})jb*v7aT#-wFk%uff5f<FGES04
z%v$2^3|{GCP{C9T%{K12g&}(k5Fg`bwjM}{1I7&3!LEIWYg&knrnpIQ@G6qyoT&`E
zzv8H+wlP#FHqrAI62g=#7{Wq0N)Lnn&kF^v4j*DuMqeu`@ybf4O90`C+1EzcQ&Ok4
z)T{c){g5z|W3?cuGCZ{$2(g^~Jj0>?8)Dg8P9=IXF-$;0sjZK|Si^z0ix__M3de^#
zftzO#<Dm@q-3I)9GlTO>j?~2S^B_tX(ps!Fb@tV$be3oe%pCtvrY(75q1WC2bV7g-
zW;ByPJX@&SyvlpWuh}d;n{_qKH!KVv5yLd+!o+b5qtbMsc@r2GT*q+DB!(-;>F>St
zHx3WwVzaqVR+!Jj5D_)v^pU-*iZyrh!FENkG0H`Z#M^-<3-oKP0PEvr?r*c?7U0(f
z3~e32Ya2OKe_RyWv_<N|5cEYEP)gIPh;Z~v3aK{Snw%%jH6SL2OZ1NVhjWr_deK~x
zM3{aZs0p<f7t^v4)1S>F^LhC(rkT>B$2i>H0Kf!HXzZ8Ib0owfs2EK?53j-}X&A&$
z(x@M$ceW_#uecRb6w;ePuQs-jjhAqQl0#+;XSj5fZudqzBiyQfw==XhJ0JL9HN($V
za@3Jf(vpFa&wy2H>6#*4qFvXLsv-yyvr|2(Yd{pm6D6A@%>?=)A9Wr_(u$+#w6U1u
z$(Mn2V#MPkDbl?gu3=bwBM=_i4MrR%P6Cg-$Z_{Ph8biCld^%G>sS}qua0mWuhpZR
z0X|3ysI{g}HPK~wP`QJEnq}SQN6})BkX{mn+4Llx;nf>B<}T+bKdN6F3`z73#TMN6
zTNS&?^m`&t7-m`Ds7Ev-p$>+msRL*%1{R4;gwN3=Jz>k@Tnug|-Hsea%+vM!pK~qb
z8eoJ5=gknn85Tam(dp{$vxCm}9wL*qVn`%8olb=$-5FG4VywQ29G((kB<b)6Il$@0
zZpjL!qar97#siBV*Ud$|Lsm;U0(ku?hQhlTlmOG&e@L$cOhc@*wfTqHWN8%3G5wLr
zUqXC&K)?RU4U}O$XWO)3(qhp86+Xwid_~h@I<Rzs9uy2P>o#*(BL-JUGOf7n27;O+
zAJm0K^)C`JSey;m^r6n+2r{LDTY)3Tx}%b?{bnjPyi|i7ssxJG=`02=9Eo>Di6f%b
zc3SMQM`KVV3P}3(bpcVK?9&<PUoKY4A7zxVHkRmZ3#cfZHxsBJFzuA=lF9kEzREP8
zu#n%p{0}|JiT({O2vA>?>KYrKJa`8eRz%UZv<ryDm3_g!EE3x=ic-(6AwY-qdn+Gg
zc=R5I76S72hk6O~D_ZaPEBQo90&wGURm;{w3kK7BzUG>ViIRl{TUPWSlgR{6d&7<{
zAhl;c|3)&QnFlEvVLl>U-t`2>zH<HEopXWr{=l&QS*BIFg0eG!&3_WPh2ilcj+(k|
zriCUyqg;|Tf-2t@448y}gwr@x6>GO@*ZzZF_tWZ45z)yvdfmZwB+NsE(YiC_!1MJ)
z7#dIo8!`!$_UeBDpYP|$y_BLJEnK&@2_NBF{U#4EY6-Kl+T{9eo3D4ADlKmB8YVk`
z^_;O+FMYS|j8;?xHFpzC3Wi1IPNI-IXBxxg36vnI{5BIPw_7jYg;{O+lw&_>FET>U
z9U_WZsJgY=bpIKkpV0a+W3Bba))l|uSSW6EO{|pqkG9H|r4;$q<X{(1jKM{jA_~AY
zRMoD1N7szz++2@d0#G#7XsHQ$II)KJ-cQgdNE=}hCR82V{gQEy1^n}Aca}epkakH?
zM>9WX0WA1I&b>ESXFlH$v<<_;BT@R#mGT7mc{fZ*-*u^4_DX0N8o?DAgWUpS=N{iF
zaUYM4lTdTOSrB+TQ0h`;Wu+1we|=?4a{7F)OI0Z{T-2q~p2TR@VhWKZpSykQmNzn=
zM!=q9AfqB(Ngr>Ryg}mb?Itq|dfV&!A*v?0BH7}Z_sf#s-QM$QuM#iYxn{OKS!$tG
zaAT+FB9kbIe5yU!jAIABnti<N84CJZpz1RJo<Owq-UH72+p5YdCfQRgoWMx>HrvG_
zu}9*gm3WKP+0ypZf7XpJhVBx+z*c>3^yJSko9P%ou2|dXkuKIok59G6S|oSJnGKs>
zjHME__l=(OF(%NOw*Py4$?@{?>tj>QwC(DX^d*Atjkp2A)7ku{AA}+Jb0TVA64thc
zx4oIQweE1;goI&cmu#Z?QWbN+p)5o9PfQb-kJ%C}lIm%F{OuQPcc8nRQhR@=f6~m%
zk@Jx4s=2GS(G(!3wZSJgv4*_AehxE?m?R7$#Kt6|<KT|>e)#!&bGPF=*q%11D-=&(
z`1R71F_}dk7eYE(RKKkb@q+;|*WxNOhe%9(+Htz}^oE+FTkb9`Ueq282!9^~8BbTO
z!?D<wKIwrc(lRb9pvh9WOZ$YwM{wi;e8M4!;)nQzBb*^5f+=TCHf%e(XVrrTzj*o}
z0zMfDrl-La5Spop6GzTsTax3B+vA5_cCXcDA5Wc`Tr|0IcX((C=&Xg?b3Uqxh|)Yk
zRTTG$)5pu-Z8`aA(H`ghM*_xBaDhIm=}Bj)JS%HSvN>g9zAY{%FFq}If~S)Yr{3-K
z)cDLv%mwRYnV+O6^mXmgjXS+<$DDDYI}X!Ij*%034Xwe@{{R>djcP77Y8wCm002ov
JPDHLkV1j<i%U}Qi

literal 0
HcmV?d00001

diff --git a/frontend/src/assets/png/model-providers/google.png b/frontend/src/assets/png/model-providers/google.png
new file mode 100644
index 0000000000000000000000000000000000000000..125f56926f2c250b838277579d079aea24a57bd7
GIT binary patch
literal 866
zcmV-o1D*VdP)<h;3K|Lk000e1NJLTq001xm001xu1^@s6R|5Hm00009a7bBm000&x
z000&x0ZCFM@Bjb+0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH0{2NoK~#7F)mqz?
zqCgZZXEy--^UpSdH3JR742BHW3?PKf05e!KU^8Gh0yF~r^pEXA`WyzEM?Zj>I;WJ!
z1?t|u{e%VlU@3W&{2?hMch#|F&E{J1ujD_;Kh^$hptw*nkt{5kN(Oj3J-P54_QG|H
zF@Ymv2yZgP2oQJ{cQFw&cr1-~j30F!`OG665dxD7_m)zhLA<pSM*wq+Zt@)iAuvzQ
z_c6!7ik$(oi)~}t6#K2QAHqY;Czi`4*6VfoPdpwEc)(h6f#)#f1p<x{Ivfr~9LGhL
zWknM_#&fiBd=67-sdFH95uPMTF%)!Wx7)cm5qXP#7>0!{c&%$Gyj2byU;&vDh@uF#
zSglsD1jV1Y@x40m6NZq{Ll6YobNBllm&*mW+pXLeLSVn&m;VYpe>$DufW6ufu*mtg
z-0rHR(&5r3P18cQPOg=iEYm13y-?T63>76yp`-`#MWr3TT%%8iJc=?QwVO=|*_JoK
z)R;j$d10@X!C>+rqy3>WUawbdx7$|xy6q6~ekSJp8SF80ya|>FI`Z8VhLt;ig8|gI
zrViCq`hxBmUFJp(d`8fL`%q(cP)%$$8~B9o8C`I$#C%}ekbvoMJhqR{ITWd*uR+k@
z%AembsL1E@`K99743XLNnluP4Oz41@j?AR>VC$so%`E~^c4UER^mJo?4kd>4#&ndn
zx*(Y9sI->@BBKkt26J7#GOyD`-ZJ{6K!wEgVmS{e+MuS7v>~~j=Xt9=Z7jrpnBYei
zH_%pSQ}7-(&sOQ9z%;U23+gI~K3GQnC4HPq0X?~`0~-Oy)rlAySeHWG5vIh*%PQLF
zJC{O}Y%bO8%hU8xF+vZfe34<w3<DtW#TR#p0KnXWn>1dtjR4FoS}}qpA^-)xsCWey
z-CQsE0(gSJv@bqVjP%kw0!9^{!$ZpSK}eo~QG^>UNw`AbnWHWpUjj$r3;2P+^Bn^}
svr(Vih}!vkMSf~?tNt%ASP^N%fBicM>_g`TZ~y=R07*qoM6N<$f^{2#R{#J2

literal 0
HcmV?d00001

diff --git a/frontend/src/assets/png/model-providers/openai-compatible.png b/frontend/src/assets/png/model-providers/openai-compatible.png
new file mode 100644
index 0000000000000000000000000000000000000000..a04ad63c1644c49040b75126fc8e52649d99bb4a
GIT binary patch
literal 890
zcmV-=1BLvFP)<h;3K|Lk000e1NJLTq001xm001xu1^@s6R|5Hm00009a7bBm000&x
z000&x0ZCFM@Bjb+0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH0}n|=K~#7F)mqDy
z;xG^_W-ogr1Z@Nm0vU`mz#))<y%}r<Kn8H+WQYKW0EhsN?8&3@XPzv~V6}fU^<Is~
z;Fhb^EvaQQKr<L>dYU6mr8&+%8yeS~GafXLn%nHWH&9%l8EM8s?lpa+PIoT+3c2ty
z&e4G*Z3wp+pam$T;f_1v2@OVLiuQZGjJ&6Znh1c-g*TQ`-$A_C2@gQuqHRu55eog}
z{3~8jabTZ--o-xS{+0OP8;E?x&=fo{{#QtQUyR9Qg7^1#jK^arr4kb7^Eu(+aKLi8
zOpY~h)BKYi3z$RLD_VFQMNwQ8yjDBcSQH2)Z7c|aSPI$-@5=$5RJy-12RsN?JuLuX
z7(RTy-EOg7ud&%|u-ol$JRWhs-#=3-2UCvVHIDeL`5$RXp1`@z@jS0IHJDD%Y?wA>
zsrHr47mRZ8N?;tHPN#y1#bQy}me-nKTM`Y((#Ur;^nJgUfZ=fX&;e{y-~hGbpR1vr
z29ldIZS3?DI6&=gTSE3;L*b9F*K46Iw(Z!)>J5$?2QE@3IKxQ6*~)}HOI5(g*#Y||
zbyn5O<x)7eJEsDMZ;l2J4zNU!!nV~Z1V^|#&?IiRVmTvl0CeEyV$j4*bJ)?e+pdDz
z4hRO`Cv4{h>3F6CPNUEsw4>1oQrNZ<2l&T%A!}g%PU<2PY}2(3YIlwR!AjG_Y&L@{
zrqgNRe6?CZfJ8eJu~r$t-qUlqxc3R+21n(dM6SkmJ;aitiU>Mt7jpCYTq3@(!4F*<
zpjcZ-E~YFRj9S_5t*YZC^i2ntM$XTIo;hKPBke)ofcQfCh@()&iD#&}v7e&^qA29#
zo?yS<R}wDVyp;C-pd<<bYJe*<t4g!7<mydws+5!q7XG5-v5JW<Uu3xQgbGmj;SYBS
zA3)!NZ8|@<3IX&jI%fzWLI5#-sQ4TVU0*Nxd^7}wZeM)t(b7xr5NK8S6%C}!D=5tc
z(28*R23r7yG)L<!d=Y92AD|g1%?Z+<+2lXDQO5VTjNCz8vf~Pl4;0Gq0d2T3G}XvT
QDF6Tf07*qoM6N<$g5czh(EtDd

literal 0
HcmV?d00001

diff --git a/frontend/src/assets/png/model-providers/openai.png b/frontend/src/assets/png/model-providers/openai.png
new file mode 100644
index 0000000000000000000000000000000000000000..a2ba72b90197c7f3aa86e17d86a2842547b3787b
GIT binary patch
literal 1887
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
Z{0G|cl62Bar!xQm002ovPDHLkV1fZVm>K{8

literal 0
HcmV?d00001

diff --git a/frontend/src/assets/png/model-providers/openrouter.png b/frontend/src/assets/png/model-providers/openrouter.png
index 7b227034ae66169021a293e5702ed76f16496ff0..aaafc206ef71ad8acbc608890d351bdbdcf67580 100644
GIT binary patch
delta 1603
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
B19SiY

delta 1498
zcmV<01tt394EqZqiBL{Q4GJ0x0000DNk~Le0000$0000$2nGNE0IF$m-jN|Se~?K;
zK~#7F?VI0E6jv0-&o+p)bj{KbO|`ANU;<6;vc_U+YTB)R^3DDQ#lJxR1K}@#{sm(D
z)F-tszDO~p2@Prrl_roBW^D_JNMN(jBE{tPeCNkzcARDI%$+;TRzJzj43pVm&X0TU
zxo7UpkY<Dsc|Mf6^>fSHEoUFye^j_t?c*%B8MI6$Q=wLag)Va&;bsVR3~tx)OiDBS
zf;n#2xNQi17~BSh<yGk*A;G=ie~s+BBKQTah-3x#VsIOzq=DwSO^Ebhh@`wh?7!8U
zfp@w}IuTaCOFP#{2f`YPT7~Pfa%E(0;s^f1hZ40GNTN;$-Sk?}4YoF0e@%E$3gZdB
z2y1+Abw(%(!ix6)7n+U^nI^*L`G9_(qkU#`Ynucg55IYc6u>0wwBN+4Sqzw<6bKJ$
z|7_E(@dxzl!edeZviQb>7Zf0@)G|*gV)O59ntZrG-`t+0`K1+#NZGF|G;{&m^<n)y
zrG(|xb-H!;LBqA<N8X|fe;<DkrCXpY6u2u?oeN$CAY$rGCtcLovc{iJX|1|RYa2D%
z`S-bLZ8rxGw9(G)bKl?hbswXFQ$1l7G0X}Wa{j0*AgRCyA<>_gOu=iUO19$=y$?lv
z*dzOs1}|_cV33*wia2ltpPhf))S@at5ocKm@Cpg)Uf@=ML7Mvhf6`y8^uyGg7QwxA
z<+60~(^62ksIme&abk`F!m79BDP~~xJ3r2tEeYWP;>m3AkeRb(rZ)S+R}?dd-s4lh
zy%5xNVvY{ycy#EH3W}Gw-7~vDobC^+-+#0yV};m&-~+{O^B95(cY{L4j{XM4fU4Co
z<YhbFpo8sg^=szvf7qn^WIJBxz;{wM@cB`|e^Q?6B43}LTa1*Y!D@ZoZ&TsjqoxA9
z_$5NPuh@5j`nmc2CIn?A1>ofn;TINHLI=6-caG2}XL@D(Yn@{6dvvyVQdMw=5}wj8
zdpG(wk{1Y#3@(bR<Haw2R+8?on_JJ!W5@s}OCB*ms@#Q%e~4;Cht)5fI~B@$%TG2q
zTM=OcoGdeV6RFf!MR*82Q0$@p-V+p-<3~G5BRMD_Pa4tWx^a<@C6f4|V)Y~mtO`e^
zz5M`nb!I8;Xj1@U2FCB79?qMiM_PdbDx{Iwg+J)KJ5yBKN^VXNf(jH+mAO+T@qjmc
z`~9RjM+ghDe@i4>ny4ZVxJlN`C=dwpbYqhYPK1`9tn=T`C@d&kT>9c8=`z+dD-DW^
zSpEv)HWV<*Cs!x}una5|We$MqO>f~?pg@iS9QrvGF7n6{lOl#Qag@T~88`3V5A6}~
z1|&MLZddMb!z|Fjs{rSBA<AES@nx*jVR*vyqu(QSe+>Y^+zHdp?yfo0Y(5=URzxB8
zf(X1}oa=wfs~eOQ5#xhZ5W$&B9B780>*^+?BF0z&mmLL^$@(G`D^X*E3g{N+xz2!@
zX8@nG0`9rX;_z85A4QV%2FZen>HauzD`1EZdKMUw<qc4T!pF@$!K@ROmz;lGW(ADl
z#H|2We;>h6>!&eC5m6H<FA*xj4QmCwA4i8sqZfEVBDJ=@MJs%)ap}t(_9Q=!;`;eB
zeNl$MuUYu|2Vk!P67hmCjQ>2>&}|ee!WFWDU&Xo5@C1A@WhD&rX|#n!nt`=pb%lx9
zuy>hEvo%5(63dhV-~p%%NBHvNr5^d+q<@hVf5(KZdOb1RA}RaEVM+nnj+kbBQMTS7
zMHa2k5UIcq7!$3_Sde_L7E6-^_JeLv>u^Ix_|UK?42kqJN;=_xa8<mlTV`BJz@{lf
zq=yNyA6w{zwTaOX`$uwC-$M!ThEb9H#!1AZ)J)nOMd<d3^a<{Vur^PRiTE~8!^6s?
zFafDVNCja9r;^>AE%ZU#=ds9ehOm%P^Y;1w0OpB4yl88ZjsO4v07*qoM6N<$f_l-@
AAOHXW

diff --git a/frontend/src/assets/png/model-providers/siliconflow.png b/frontend/src/assets/png/model-providers/siliconflow.png
index 2ee6aeb321493834349a678c6eba3f660a17228b..e8ace9bae26a4fa461984501cadaaa7c3d56b665 100644
GIT binary patch
delta 2143
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
VP2|$R9v=Vz002ovPDHLkV1kh_7q|cb

delta 961
zcmV;y13vuv5akCUiBL{Q4GJ0x0000DNk~Le0000$0000$2nGNE0IF$m-jN|Re*=0+
zL_t(|0qvW=Z__{&$G>hvr3^(;M>^n2Ffde2m$JI>2T*lop!@~x2rO+D29}n;ppB52
z%Z#99qzeHCIw08{veKv^B0=fnz1WT%V<%~w^Z5rK>Df;0+J4X9JHPYY8Bh!nnY^;t
z=GaWnD&9JX!`AZFAK4mWhG96!e;Vwx#kR?2)8(<*w&k2iGkk*;wsp2+Qisj9LawUP
zK|+p)k!x*g4+P)9DkbZ97@KVcNh6VG+oSYgQ&MUm{ZBm(xu-R#gxqqMcGjT+a$iMR
zVS8A=jA0Jq6Mo=T71=_PsQEz$jSV`$i)PlG7pmt`LL}tA-?PppE&{o=e|=tveLEO2
z&YQfFa$i9{kVe*gRKqH+4%kC}oEOBG$ok-)0Fawnn#dnkR8i<D0-p5c>6^$WQWR#m
zD75@PgcY!g{5mg4QRq=YR{^>zzOM&o`1JM^?e9>+)HMUQm&P$Q-F?<QDkuexwUDs$
z?{`n}^2sl#=76uW{<`e{fAm$bAwPmeKusf}5AyVr;9HZ}dakwVZ*&4c?)Nqm#i8Q)
z+*QB>6ptlY_yMp`JnqS2%&YxP6c72VXNm%{*wh^rR?!1cl>p2^6YU=a&2)-@2@SMQ
z2+c3a<N<xSE}3B8?C<lNKb@N$B|kasefQ#bCqdCnMFL>P?R~b~e@63A`%PY&sc8e{
z$;fX%W-0EUnulkJJ1;k?;+)HmCQ!Z_eeT!*v`>&I_n%H+VX1_q8TeT|31;t>v^XzF
z032whJPBPm5`Y$pODh!$(8!Sl;0VQ~ApvNhxO4)rkK)o8^SX;16c0yy_w#^P;l0zh
zMxT|%adSaSI<hYdfB(w6;k}YOFF(GbBs~psgPotfGY$>ZWfANcIYz!ZMEfD~pOKBA
z_MW3S)clR00_5r2$iE7D#tL*5;PsUiK?U{TK#6eoc-~duuq_4y(DVNBR8T{HsfCBh
z#ElV>K@t}7MYrY;5|@EIM82BI;>%*xj>rIbGRad>s9k94e+?IfEy_L{xD0%P9m*~{
zgZ%qHSQ<m%ov4oNP#?zmbHhs5p!Bl^mGA}DsHjtB0zr_`6*i@ZJ<>6Sj@(I%Ht8d|
zr`{(BqJ}L>e&VFmN9k#_d4W)^i1axg1-X-_cW88zr$u2F6rlXmFS(Ud)iZwz{h;ad
j(px1RHv6il7tj9%7MjgG9oDUY00000NkvXXu0mjf&Q8y*

diff --git a/frontend/src/constants/icons.ts b/frontend/src/constants/icons.ts
index 73cc91442..0ba01f317 100644
--- a/frontend/src/constants/icons.ts
+++ b/frontend/src/constants/icons.ts
@@ -1,9 +1,14 @@
 import {
+  AzurePng,
   BinancePng,
   BtcPng,
+  DeepSeekPng,
   DogePng,
   EthPng,
+  GooglePng,
   OkxPng,
+  OpenAiCompatiblePng,
+  OpenAiPng,
   OpenRouterPng,
   SiliconFlowPng,
   SolPng,
@@ -13,6 +18,11 @@ import {
 export const MODEL_PROVIDER_ICONS = {
   openrouter: OpenRouterPng,
   siliconflow: SiliconFlowPng,
+  openai: OpenAiPng,
+  "openai-compatible": OpenAiCompatiblePng,
+  deepseek: DeepSeekPng,
+  google: GooglePng,
+  azure: AzurePng,
 };
 
 export const EXCHANGE_ICONS = {

From 85f3fbd474fd90c7b0819963fc3ca1e39d697451 Mon Sep 17 00:00:00 2001
From: DigHuang <114602213+DigHuang@users.noreply.github.com>
Date: Tue, 18 Nov 2025 14:01:59 +0800
Subject: [PATCH 6/7] chore: update devpendencies

---
 frontend/src-tauri/Cargo.lock | 173 +++++++++++++++++-----------------
 1 file changed, 87 insertions(+), 86 deletions(-)

diff --git a/frontend/src-tauri/Cargo.lock b/frontend/src-tauri/Cargo.lock
index 31d205a37..a2f29ce89 100644
--- a/frontend/src-tauri/Cargo.lock
+++ b/frontend/src-tauri/Cargo.lock
@@ -174,7 +174,7 @@ checksum = "3b43422f69d8ff38f95f1b2bb76517c91589a924d1559a0e935d7c8ce0274c11"
 dependencies = [
  "proc-macro2",
  "quote",
- "syn 2.0.108",
+ "syn 2.0.110",
 ]
 
 [[package]]
@@ -209,7 +209,7 @@ checksum = "9035ad2d096bed7955a320ee7e2230574d28fd3c3a0f186cbea1ff3c7eed5dbb"
 dependencies = [
  "proc-macro2",
  "quote",
- "syn 2.0.108",
+ "syn 2.0.110",
 ]
 
 [[package]]
@@ -346,7 +346,7 @@ dependencies = [
  "proc-macro-crate 3.4.0",
  "proc-macro2",
  "quote",
- "syn 2.0.108",
+ "syn 2.0.110",
 ]
 
 [[package]]
@@ -423,9 +423,9 @@ checksum = "1fd0f2584146f6f2ef48085050886acf353beff7305ebd1ae69500e27c67f64b"
 
 [[package]]
 name = "bytes"
-version = "1.10.1"
+version = "1.11.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "d71b6127be86fdcfddb610f7182ac57211d4b18a3e9c82eb2d17662f2227ad6a"
+checksum = "b35204fbdc0b3f4446b89fc1ac2cf84a8a68971995d0bf2e925ec7cd960f9cb3"
 dependencies = [
  "serde",
 ]
@@ -499,9 +499,9 @@ dependencies = [
 
 [[package]]
 name = "cc"
-version = "1.2.44"
+version = "1.2.46"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "37521ac7aabe3d13122dc382493e20c9416f299d2ccd5b3a5340a2570cdeb0f3"
+checksum = "b97463e1064cb1b1c1384ad0a0b9c8abd0988e2a91f52606c80ef14aadb63e36"
 dependencies = [
  "find-msvc-tools",
  "shlex",
@@ -668,9 +668,9 @@ checksum = "d0a5c400df2834b80a4c3327b3aad3a4c4cd4de0629063962b03235697506a28"
 
 [[package]]
 name = "crypto-common"
-version = "0.1.6"
+version = "0.1.7"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "1bfb12502f3fc46cca1bb51ac28df9d618d813cdc3d2f25b9fe775a34af26bb3"
+checksum = "78c8292055d1c1df0cce5d180393dc8cce0abec0a7102adb6c7b1eef6016d60a"
 dependencies = [
  "generic-array",
  "typenum",
@@ -700,7 +700,7 @@ source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "13b588ba4ac1a99f7f2964d24b3d896ddc6bf847ee3855dbd4366f058cfcd331"
 dependencies = [
  "quote",
- "syn 2.0.108",
+ "syn 2.0.110",
 ]
 
 [[package]]
@@ -710,7 +710,7 @@ source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "32a2785755761f3ddc1492979ce1e48d2c00d09311c39e4466429188f3dd6501"
 dependencies = [
  "quote",
- "syn 2.0.108",
+ "syn 2.0.110",
 ]
 
 [[package]]
@@ -734,7 +734,7 @@ dependencies = [
  "proc-macro2",
  "quote",
  "strsim",
- "syn 2.0.108",
+ "syn 2.0.110",
 ]
 
 [[package]]
@@ -745,7 +745,7 @@ checksum = "d38308df82d1080de0afee5d069fa14b0326a88c14f15c5ccda35b4a6c414c81"
 dependencies = [
  "darling_core",
  "quote",
- "syn 2.0.108",
+ "syn 2.0.110",
 ]
 
 [[package]]
@@ -768,7 +768,7 @@ dependencies = [
  "proc-macro2",
  "quote",
  "rustc_version",
- "syn 2.0.108",
+ "syn 2.0.110",
 ]
 
 [[package]]
@@ -826,7 +826,7 @@ checksum = "97369cbbc041bc366949bc74d34658d6cda5621039731c6310521892a3a20ae0"
 dependencies = [
  "proc-macro2",
  "quote",
- "syn 2.0.108",
+ "syn 2.0.110",
 ]
 
 [[package]]
@@ -849,7 +849,7 @@ checksum = "788160fb30de9cdd857af31c6a2675904b16ece8fc2737b2c7127ba368c9d0f4"
 dependencies = [
  "proc-macro2",
  "quote",
- "syn 2.0.108",
+ "syn 2.0.110",
 ]
 
 [[package]]
@@ -941,7 +941,7 @@ checksum = "67c78a4d8fdf9953a5c9d458f9efe940fd97a0cab0941c075a813ac594733827"
 dependencies = [
  "proc-macro2",
  "quote",
- "syn 2.0.108",
+ "syn 2.0.110",
 ]
 
 [[package]]
@@ -962,9 +962,9 @@ checksum = "877a4ace8713b0bcf2a4e7eec82529c029f1d0619886d18145fea96c3ffe5c0f"
 
 [[package]]
 name = "erased-serde"
-version = "0.4.8"
+version = "0.4.9"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "259d404d09818dec19332e31d94558aeb442fea04c817006456c24b5460bbd4b"
+checksum = "89e8918065695684b2b0702da20382d5ae6065cf3327bc2d6436bd49a71ce9f3"
 dependencies = [
  "serde",
  "serde_core",
@@ -1038,9 +1038,9 @@ dependencies = [
 
 [[package]]
 name = "find-msvc-tools"
-version = "0.1.4"
+version = "0.1.5"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "52051878f80a721bb68ebfbc930e07b65ba72f2da88968ea5c06fd6ca3d3a127"
+checksum = "3a3076410a55c90011c298b04d0cfa770b00fa04e1e3c97d3f6c9de105a03844"
 
 [[package]]
 name = "flate2"
@@ -1076,7 +1076,7 @@ checksum = "1a5c6c585bc94aaf2c7b51dd4c2ba22680844aba4c687be581871a6f518c5742"
 dependencies = [
  "proc-macro2",
  "quote",
- "syn 2.0.108",
+ "syn 2.0.110",
 ]
 
 [[package]]
@@ -1163,7 +1163,7 @@ checksum = "162ee34ebcb7c64a8abebc059ce0fee27c2262618d7b60ed8faf72fef13c3650"
 dependencies = [
  "proc-macro2",
  "quote",
- "syn 2.0.108",
+ "syn 2.0.110",
 ]
 
 [[package]]
@@ -1305,9 +1305,9 @@ dependencies = [
 
 [[package]]
 name = "generic-array"
-version = "0.14.9"
+version = "0.14.7"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "4bb6743198531e02858aeaea5398fcc883e71851fcbcb5a2f773e2fb6cb1edf2"
+checksum = "85649ca51fd72272d7821adaf274ad91c288277713d9c18820d8499a7ff69e9a"
 dependencies = [
  "typenum",
  "version_check",
@@ -1413,7 +1413,7 @@ dependencies = [
  "proc-macro-error",
  "proc-macro2",
  "quote",
- "syn 2.0.108",
+ "syn 2.0.110",
 ]
 
 [[package]]
@@ -1492,7 +1492,7 @@ dependencies = [
  "proc-macro-error",
  "proc-macro2",
  "quote",
- "syn 2.0.108",
+ "syn 2.0.110",
 ]
 
 [[package]]
@@ -1588,9 +1588,9 @@ checksum = "6dbf3de79e51f3d586ab4cb9d5c3e2c14aa28ed23d180cf89b4df0454a69cc87"
 
 [[package]]
 name = "hyper"
-version = "1.7.0"
+version = "1.8.1"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "eb3aa54a13a0dfe7fbe3a59e0c76093041720fdc77b110cc0fc260fafb4dc51e"
+checksum = "2ab2d4f250c3d7b1c9fcdff1cece94ea4e2dfbec68614f7b87cb205f24ca9d11"
 dependencies = [
  "atomic-waker",
  "bytes",
@@ -1609,9 +1609,9 @@ dependencies = [
 
 [[package]]
 name = "hyper-util"
-version = "0.1.17"
+version = "0.1.18"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "3c6995591a8f1380fcb4ba966a252a4b29188d51d2b89e3a252f5305be65aea8"
+checksum = "52e9a2a24dc5c6821e71a7030e1e14b7b632acac55c40e9d2e082c621261bb56"
 dependencies = [
  "base64 0.22.1",
  "bytes",
@@ -1813,9 +1813,9 @@ checksum = "469fb0b9cefa57e3ef31275ee7cacb78f2fdca44e4765491884a2b119d4eb130"
 
 [[package]]
 name = "iri-string"
-version = "0.7.8"
+version = "0.7.9"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "dbc5ebe9c3a1a7a5127f920a418f7585e9e758e911d0466ed004f393b0e380b2"
+checksum = "4f867b9d1d896b67beb18518eda36fdb77a32ea590de864f1325b294a6d14397"
 dependencies = [
  "memchr",
  "serde",
@@ -2060,7 +2060,7 @@ checksum = "88a9689d8d44bf9964484516275f5cd4c9b59457a6940c1d5d0ecbb94510a36b"
 dependencies = [
  "proc-macro2",
  "quote",
- "syn 2.0.108",
+ "syn 2.0.110",
 ]
 
 [[package]]
@@ -2221,7 +2221,7 @@ dependencies = [
  "proc-macro-crate 3.4.0",
  "proc-macro2",
  "quote",
- "syn 2.0.108",
+ "syn 2.0.110",
 ]
 
 [[package]]
@@ -2505,9 +2505,9 @@ checksum = "42f5e15c9953c5e4ccceeb2e7382a716482c34515315f7b03532b8b4e8393d2d"
 
 [[package]]
 name = "open"
-version = "5.3.2"
+version = "5.3.3"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "e2483562e62ea94312f3576a7aca397306df7990b8d89033e18766744377ef95"
+checksum = "43bb73a7fa3799b198970490a51174027ba0d4ec504b03cd08caf513d40024bc"
 dependencies = [
  "dunce",
  "is-wsl",
@@ -2711,7 +2711,7 @@ dependencies = [
  "phf_shared 0.11.3",
  "proc-macro2",
  "quote",
- "syn 2.0.108",
+ "syn 2.0.110",
 ]
 
 [[package]]
@@ -2930,18 +2930,18 @@ dependencies = [
 
 [[package]]
 name = "quick-xml"
-version = "0.38.3"
+version = "0.38.4"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "42a232e7487fc2ef313d96dde7948e7a3c05101870d8985e4fd8d26aedd27b89"
+checksum = "b66c2058c55a409d601666cffe35f04333cf1013010882cec174a7467cd4e21c"
 dependencies = [
  "memchr",
 ]
 
 [[package]]
 name = "quote"
-version = "1.0.41"
+version = "1.0.42"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "ce25767e7b499d1b604768e7cde645d14cc8584231ea6b295e9c9eb22c02e1d1"
+checksum = "a338cc41d27e6cc6dce6cefc13a0729dfbb81c262b1f519331575dd80ef3067f"
 dependencies = [
  "proc-macro2",
 ]
@@ -3082,7 +3082,7 @@ checksum = "b7186006dcb21920990093f30e3dea63b7d6e977bf1256be20c3563a5db070da"
 dependencies = [
  "proc-macro2",
  "quote",
- "syn 2.0.108",
+ "syn 2.0.110",
 ]
 
 [[package]]
@@ -3275,9 +3275,9 @@ dependencies = [
 
 [[package]]
 name = "schemars"
-version = "1.0.5"
+version = "1.1.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "1317c3bf3e7df961da95b0a56a172a02abead31276215a0497241a7624b487ce"
+checksum = "9558e172d4e8533736ba97870c4b2cd63f84b382a3d6eb063da41b91cce17289"
 dependencies = [
  "dyn-clone",
  "ref-cast",
@@ -3294,7 +3294,7 @@ dependencies = [
  "proc-macro2",
  "quote",
  "serde_derive_internals",
- "syn 2.0.108",
+ "syn 2.0.110",
 ]
 
 [[package]]
@@ -3376,7 +3376,7 @@ checksum = "d540f220d3187173da220f885ab66608367b6574e925011a9353e4badda91d79"
 dependencies = [
  "proc-macro2",
  "quote",
- "syn 2.0.108",
+ "syn 2.0.110",
 ]
 
 [[package]]
@@ -3387,7 +3387,7 @@ checksum = "18d26a20a969b9e3fdf2fc2d9f21eda6c40e2de84c9408bb5d3b05d499aae711"
 dependencies = [
  "proc-macro2",
  "quote",
- "syn 2.0.108",
+ "syn 2.0.110",
 ]
 
 [[package]]
@@ -3411,7 +3411,7 @@ checksum = "175ee3e80ae9982737ca543e96133087cbd9a485eecc3bc4de9c1a37b47ea59c"
 dependencies = [
  "proc-macro2",
  "quote",
- "syn 2.0.108",
+ "syn 2.0.110",
 ]
 
 [[package]]
@@ -3446,9 +3446,9 @@ dependencies = [
 
 [[package]]
 name = "serde_with"
-version = "3.15.1"
+version = "3.16.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "aa66c845eee442168b2c8134fec70ac50dc20e760769c8ba0ad1319ca1959b04"
+checksum = "10574371d41b0d9b2cff89418eda27da52bcaff2cc8741db26382a77c29131f1"
 dependencies = [
  "base64 0.22.1",
  "chrono",
@@ -3456,7 +3456,7 @@ dependencies = [
  "indexmap 1.9.3",
  "indexmap 2.12.0",
  "schemars 0.9.0",
- "schemars 1.0.5",
+ "schemars 1.1.0",
  "serde_core",
  "serde_json",
  "serde_with_macros",
@@ -3465,14 +3465,14 @@ dependencies = [
 
 [[package]]
 name = "serde_with_macros"
-version = "3.15.1"
+version = "3.16.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "b91a903660542fced4e99881aa481bdbaec1634568ee02e0b8bd57c64cb38955"
+checksum = "08a72d8216842fdd57820dc78d840bef99248e35fb2554ff923319e60f2d686b"
 dependencies = [
  "darling",
  "proc-macro2",
  "quote",
- "syn 2.0.108",
+ "syn 2.0.110",
 ]
 
 [[package]]
@@ -3494,7 +3494,7 @@ checksum = "772ee033c0916d670af7860b6e1ef7d658a4629a6d0b4c8c3e67f09b3765b75d"
 dependencies = [
  "proc-macro2",
  "quote",
- "syn 2.0.108",
+ "syn 2.0.110",
 ]
 
 [[package]]
@@ -3726,9 +3726,9 @@ dependencies = [
 
 [[package]]
 name = "syn"
-version = "2.0.108"
+version = "2.0.110"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "da58917d35242480a05c2897064da0a80589a2a0476c9a3f2fdc83b53502e917"
+checksum = "a99801b5bd34ede4cf3fc688c5919368fea4e4814a4664359503e6015b280aea"
 dependencies = [
  "proc-macro2",
  "quote",
@@ -3752,7 +3752,7 @@ checksum = "728a70f3dbaf5bab7f0c4b1ac8d7ae5ea60a4b5549c8a5914361c99147a709d2"
 dependencies = [
  "proc-macro2",
  "quote",
- "syn 2.0.108",
+ "syn 2.0.110",
 ]
 
 [[package]]
@@ -3816,7 +3816,7 @@ checksum = "f4e16beb8b2ac17db28eab8bca40e62dbfbb34c0fcdc6d9826b11b7b5d047dfd"
 dependencies = [
  "proc-macro2",
  "quote",
- "syn 2.0.108",
+ "syn 2.0.110",
 ]
 
 [[package]]
@@ -3833,9 +3833,9 @@ checksum = "61c41af27dd6d1e27b1b16b489db798443478cef1f06a660c96db617ba5de3b1"
 
 [[package]]
 name = "tauri"
-version = "2.9.2"
+version = "2.9.3"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "8bceb52453e507c505b330afe3398510e87f428ea42b6e76ecb6bd63b15965b5"
+checksum = "9e492485dd390b35f7497401f67694f46161a2a00ffd800938d5dd3c898fb9d8"
 dependencies = [
  "anyhow",
  "bytes",
@@ -3884,9 +3884,9 @@ dependencies = [
 
 [[package]]
 name = "tauri-build"
-version = "2.5.1"
+version = "2.5.2"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "a924b6c50fe83193f0f8b14072afa7c25b7a72752a2a73d9549b463f5fe91a38"
+checksum = "87d6f8cafe6a75514ce5333f115b7b1866e8e68d9672bf4ca89fc0f35697ea9d"
 dependencies = [
  "anyhow",
  "cargo_toml",
@@ -3906,9 +3906,9 @@ dependencies = [
 
 [[package]]
 name = "tauri-codegen"
-version = "2.5.0"
+version = "2.5.1"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "6c1fe64c74cc40f90848281a90058a6db931eb400b60205840e09801ee30f190"
+checksum = "b7ef707148f0755110ca54377560ab891d722de4d53297595380a748026f139f"
 dependencies = [
  "base64 0.22.1",
  "brotli",
@@ -3922,7 +3922,7 @@ dependencies = [
  "serde",
  "serde_json",
  "sha2",
- "syn 2.0.108",
+ "syn 2.0.110",
  "tauri-utils",
  "thiserror 2.0.17",
  "time",
@@ -3933,14 +3933,14 @@ dependencies = [
 
 [[package]]
 name = "tauri-macros"
-version = "2.5.0"
+version = "2.5.1"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "260c5d2eb036b76206b9fca20b7be3614cfd21046c5396f7959e0e64a4b07f2f"
+checksum = "71664fd715ee6e382c05345ad258d6d1d50f90cf1b58c0aa726638b33c2a075d"
 dependencies = [
  "heck 0.5.0",
  "proc-macro2",
  "quote",
- "syn 2.0.108",
+ "syn 2.0.110",
  "tauri-codegen",
  "tauri-utils",
 ]
@@ -4119,10 +4119,11 @@ dependencies = [
 
 [[package]]
 name = "tauri-winres"
-version = "0.3.3"
+version = "0.3.5"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "fd21509dd1fa9bd355dc29894a6ff10635880732396aa38c0066c1e6c1ab8074"
+checksum = "1087b111fe2b005e42dbdc1990fc18593234238d47453b0c99b7de1c9ab2c1e0"
 dependencies = [
+ "dunce",
  "embed-resource",
  "toml 0.9.8",
 ]
@@ -4177,7 +4178,7 @@ checksum = "4fee6c4efc90059e10f81e6d42c60a18f76588c3d74cb83a0b242a2b6c7504c1"
 dependencies = [
  "proc-macro2",
  "quote",
- "syn 2.0.108",
+ "syn 2.0.110",
 ]
 
 [[package]]
@@ -4188,7 +4189,7 @@ checksum = "3ff15c8ecd7de3849db632e14d18d2571fa09dfc5ed93479bc4485c7a517c913"
 dependencies = [
  "proc-macro2",
  "quote",
- "syn 2.0.108",
+ "syn 2.0.110",
 ]
 
 [[package]]
@@ -4436,7 +4437,7 @@ checksum = "81383ab64e72a7a8b8e13130c49e3dab29def6d0c7d76a03087b3cf71c5c6903"
 dependencies = [
  "proc-macro2",
  "quote",
- "syn 2.0.108",
+ "syn 2.0.110",
 ]
 
 [[package]]
@@ -4744,7 +4745,7 @@ dependencies = [
  "bumpalo",
  "proc-macro2",
  "quote",
- "syn 2.0.108",
+ "syn 2.0.110",
  "wasm-bindgen-shared",
 ]
 
@@ -4846,7 +4847,7 @@ checksum = "1d228f15bba3b9d56dde8bddbee66fa24545bd17b48d5128ccf4a8742b18e431"
 dependencies = [
  "proc-macro2",
  "quote",
- "syn 2.0.108",
+ "syn 2.0.110",
 ]
 
 [[package]]
@@ -4973,7 +4974,7 @@ checksum = "053e2e040ab57b9dc951b72c264860db7eb3b0200ba345b4e4c3b14f67855ddf"
 dependencies = [
  "proc-macro2",
  "quote",
- "syn 2.0.108",
+ "syn 2.0.110",
 ]
 
 [[package]]
@@ -4984,7 +4985,7 @@ checksum = "3f316c4a2570ba26bbec722032c4099d8c8bc095efccdc15688708623367e358"
 dependencies = [
  "proc-macro2",
  "quote",
- "syn 2.0.108",
+ "syn 2.0.110",
 ]
 
 [[package]]
@@ -5419,7 +5420,7 @@ checksum = "b659052874eb698efe5b9e8cf382204678a0086ebf46982b79d6ca3182927e5d"
 dependencies = [
  "proc-macro2",
  "quote",
- "syn 2.0.108",
+ "syn 2.0.110",
  "synstructure",
 ]
 
@@ -5466,7 +5467,7 @@ dependencies = [
  "proc-macro-crate 3.4.0",
  "proc-macro2",
  "quote",
- "syn 2.0.108",
+ "syn 2.0.110",
  "zbus_names",
  "zvariant",
  "zvariant_utils",
@@ -5501,7 +5502,7 @@ checksum = "88d2b8d9c68ad2b9e4340d7832716a4d21a22a1154777ad56ea55c51a9cf3831"
 dependencies = [
  "proc-macro2",
  "quote",
- "syn 2.0.108",
+ "syn 2.0.110",
 ]
 
 [[package]]
@@ -5521,7 +5522,7 @@ checksum = "d71e5d6e06ab090c67b5e44993ec16b72dcbaabc526db883a360057678b48502"
 dependencies = [
  "proc-macro2",
  "quote",
- "syn 2.0.108",
+ "syn 2.0.110",
  "synstructure",
 ]
 
@@ -5555,7 +5556,7 @@ checksum = "eadce39539ca5cb3985590102671f2567e659fca9666581ad3411d59207951f3"
 dependencies = [
  "proc-macro2",
  "quote",
- "syn 2.0.108",
+ "syn 2.0.110",
 ]
 
 [[package]]
@@ -5581,7 +5582,7 @@ dependencies = [
  "proc-macro-crate 3.4.0",
  "proc-macro2",
  "quote",
- "syn 2.0.108",
+ "syn 2.0.110",
  "zvariant_utils",
 ]
 
@@ -5594,6 +5595,6 @@ dependencies = [
  "proc-macro2",
  "quote",
  "serde",
- "syn 2.0.108",
+ "syn 2.0.110",
  "winnow 0.7.13",
 ]

From 74f14dbcb5be943294a9c1cb82ee20a5603a5894 Mon Sep 17 00:00:00 2001
From: DigHuang <114602213+DigHuang@users.noreply.github.com>
Date: Tue, 18 Nov 2025 14:20:37 +0800
Subject: [PATCH 7/7] revert: openai config.yaml

---
 python/configs/providers/openai.yaml | 112 +++++++++++++++------------
 1 file changed, 64 insertions(+), 48 deletions(-)

diff --git a/python/configs/providers/openai.yaml b/python/configs/providers/openai.yaml
index f245dd036..603b56640 100644
--- a/python/configs/providers/openai.yaml
+++ b/python/configs/providers/openai.yaml
@@ -1,53 +1,69 @@
-name: OpenAI
-provider_type: openai
-enabled: true
+# ============================================
+# OpenAI Provider Configuration
+# ============================================
+name: "OpenAI"
+provider_type: "openai"
+
+enabled: true # Default is true if not specified
+
+# Connection Configuration
 connection:
-  base_url: https://api.openai.com/v1
-  api_key_env: OPENAI_API_KEY
-default_model: gpt-5-2025-08-07
+  base_url: "https://api.openai.com/v1"
+  api_key_env: "OPENAI_API_KEY"
+
+# Default model if none specified
+default_model: "gpt-5-2025-08-07"
+
+# Available Models
 models:
-- id: gpt-5-2025-08-07
-  name: GPT-5 2025-08-07
-  context_length: 400000
-  max_output_tokens: 128000
-  description: Most capable GPT-5 model with 400K context window
-  supported_inputs:
-  - text
-  supported_outputs:
-  - text
-- id: gpt-5-mini-2025-08-07
-  name: GPT-5 Mini 2025-08-07
-  context_length: 400000
-  max_output_tokens: 128000
-  description: Lightweight GPT-5 model optimized for efficiency
-  supported_inputs:
-  - text
-  supported_outputs:
-  - text
-- id: gpt-4.1-2025-04-14
-  name: GPT-4.1 2025-04-14
-  context_length: 1047576
-  max_output_tokens: 32768
-  description: Most capable GPT-4.1 model with 1M context window (without organization
-    verification)
-  supported_inputs:
-  - text
-  supported_outputs:
-  - text
+
+  - id: "gpt-5-2025-08-07"
+    name: "GPT-5 2025-08-07"
+    context_length: 400000
+    max_output_tokens: 128000
+    description: "Most capable GPT-5 model with 400K context window"
+    supported_inputs: ["text"]
+    supported_outputs: ["text"]
+
+  - id: "gpt-5-mini-2025-08-07"
+    name: "GPT-5 Mini 2025-08-07"
+    context_length: 400000
+    max_output_tokens: 128000
+    description: "Lightweight GPT-5 model optimized for efficiency"
+    supported_inputs: ["text"]
+    supported_outputs: ["text"]
+
+  - id: "gpt-4.1-2025-04-14"
+    name: "GPT-4.1 2025-04-14"
+    context_length: 1047576
+    max_output_tokens: 32768
+    description: "Most capable GPT-4.1 model with 1M context window (without organization verification)"
+    supported_inputs: ["text"]
+    supported_outputs: ["text"]
+
+# ============================================
+# Embedding Models Configuration
+# ============================================
 embedding:
-  default_model: text-embedding-3-small
+  # Default embedding model
+  default_model: "text-embedding-3-small"
+  
+  # Default parameters
   defaults:
-    encoding_format: float
+    encoding_format: "float"
+  
+  # Available embedding models
   models:
-  - id: text-embedding-3-small
-    name: Text Embedding 3 Small
-    dimensions: 1536
-    max_input: 8192
-    performance_mteb: 62.3
-    description: Small embedding model with good performance and efficiency
-  - id: text-embedding-3-large
-    name: Text Embedding 3 Large
-    dimensions: 3072
-    max_input: 8192
-    performance_mteb: 64.6
-    description: Large embedding model with higher performance
+    - id: "text-embedding-3-small"
+      name: "Text Embedding 3 Small"
+      dimensions: 1536
+      max_input: 8192
+      performance_mteb: 62.3
+      description: "Small embedding model with good performance and efficiency"
+
+    - id: "text-embedding-3-large"
+      name: "Text Embedding 3 Large"
+      dimensions: 3072
+      max_input: 8192
+      performance_mteb: 64.6
+      description: "Large embedding model with higher performance"