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/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,
+  };
+}