refactor: extract API Key link and custom endpoints logic into hooks

- Create useApiKeyLink hook to manage API Key retrieval link display and URL
- Create useCustomEndpoints hook to collect endpoints from multiple sources
- Simplify ProviderForm by using these new hooks
- Reduce code duplication and improve maintainability
- Fix TypeScript error with form.watch("websiteUrl") by providing default empty string

src/components/providers/forms/hooks/index.ts

@@ -3,3 +3,5 @@ export { useApiKeyState } from "./useApiKeyState";
 export { useBaseUrlState } from "./useBaseUrlState";
 export { useModelState } from "./useModelState";
 export { useCodexConfigState } from "./useCodexConfigState";
+export { useApiKeyLink } from "./useApiKeyLink";
+export { useCustomEndpoints } from "./useCustomEndpoints";

src/components/providers/forms/hooks/useApiKeyLink.ts

@@ -0,0 +1,63 @@
+import { useMemo } from "react";
+import type { AppType } from "@/lib/api";
+import type { ProviderCategory } from "@/types";
+import type { ProviderPreset } from "@/config/providerPresets";
+import type { CodexProviderPreset } from "@/config/codexProviderPresets";
+
+type PresetEntry = {
+  id: string;
+  preset: ProviderPreset | CodexProviderPreset;
+};
+
+interface UseApiKeyLinkProps {
+  appType: AppType;
+  category?: ProviderCategory;
+  selectedPresetId: string | null;
+  presetEntries: PresetEntry[];
+  formWebsiteUrl: string;
+}
+
+/**
+ * 管理 API Key 获取链接的显示和 URL
+ */
+export function useApiKeyLink({
+  appType,
+  category,
+  selectedPresetId,
+  presetEntries,
+  formWebsiteUrl,
+}: UseApiKeyLinkProps) {
+  // 判断是否显示 API Key 获取链接
+  const shouldShowApiKeyLink = useMemo(() => {
+    return (
+      category !== "official" &&
+      (category === "cn_official" ||
+        category === "aggregator" ||
+        category === "third_party")
+    );
+  }, [category]);
+
+  // 获取当前供应商的网址（用于 API Key 链接）
+  const getWebsiteUrl = useMemo(() => {
+    if (selectedPresetId && selectedPresetId !== "custom") {
+      const entry = presetEntries.find((item) => item.id === selectedPresetId);
+      if (entry) {
+        const preset = entry.preset;
+        // 第三方供应商优先使用 apiKeyUrl
+        return preset.category === "third_party"
+          ? preset.apiKeyUrl || preset.websiteUrl || ""
+          : preset.websiteUrl || "";
+      }
+    }
+    return formWebsiteUrl || "";
+  }, [selectedPresetId, presetEntries, formWebsiteUrl]);
+
+  return {
+    shouldShowApiKeyLink: appType === "claude"
+      ? shouldShowApiKeyLink
+      : appType === "codex"
+        ? shouldShowApiKeyLink
+        : false,
+    websiteUrl: getWebsiteUrl,
+  };
+}

src/components/providers/forms/hooks/useCustomEndpoints.ts

@@ -0,0 +1,92 @@
+import { useMemo } from "react";
+import type { AppType } from "@/lib/api";
+import type { CustomEndpoint } from "@/types";
+import type { ProviderPreset } from "@/config/providerPresets";
+import type { CodexProviderPreset } from "@/config/codexProviderPresets";
+
+type PresetEntry = {
+  id: string;
+  preset: ProviderPreset | CodexProviderPreset;
+};
+
+interface UseCustomEndpointsProps {
+  appType: AppType;
+  selectedPresetId: string | null;
+  presetEntries: PresetEntry[];
+  draftCustomEndpoints: string[];
+  baseUrl: string;
+  codexBaseUrl: string;
+}
+
+/**
+ * 收集和管理自定义端点
+ *
+ * 收集来源：
+ * 1. 用户在测速弹窗中新增的自定义端点
+ * 2. 预设中的 endpointCandidates
+ * 3. 当前选中的 Base URL
+ */
+export function useCustomEndpoints({
+  appType,
+  selectedPresetId,
+  presetEntries,
+  draftCustomEndpoints,
+  baseUrl,
+  codexBaseUrl,
+}: UseCustomEndpointsProps) {
+  const customEndpointsMap = useMemo(() => {
+    const urlSet = new Set<string>();
+
+    // 辅助函数：标准化并添加 URL
+    const push = (raw?: string) => {
+      const url = (raw || "").trim().replace(/\/+$/, "");
+      if (url) urlSet.add(url);
+    };
+
+    // 1. 自定义端点（来自用户新增）
+    for (const u of draftCustomEndpoints) push(u);
+
+    // 2. 预设端点候选
+    if (selectedPresetId && selectedPresetId !== "custom") {
+      const entry = presetEntries.find((item) => item.id === selectedPresetId);
+      if (entry) {
+        const preset = entry.preset as any;
+        if (Array.isArray(preset?.endpointCandidates)) {
+          for (const u of preset.endpointCandidates as string[]) push(u);
+        }
+      }
+    }
+
+    // 3. 当前 Base URL
+    if (appType === "codex") {
+      push(codexBaseUrl);
+    } else {
+      push(baseUrl);
+    }
+
+    // 构建 CustomEndpoint map
+    const urls = Array.from(urlSet.values());
+    if (urls.length === 0) {
+      return null;
+    }
+
+    const now = Date.now();
+    const customMap: Record<string, CustomEndpoint> = {};
+    for (const url of urls) {
+      if (!customMap[url]) {
+        customMap[url] = { url, addedAt: now, lastUsed: undefined };
+      }
+    }
+
+    return customMap;
+  }, [
+    appType,
+    selectedPresetId,
+    presetEntries,
+    draftCustomEndpoints,
+    baseUrl,
+    codexBaseUrl,
+  ]);
+
+  return customEndpointsMap;
+}