From bc185602cac1c4b8cdc23ff244d62aee5349ac0d Mon Sep 17 00:00:00 2001
From: Jason <farion1231@gmail.com>
Date: Tue, 21 Oct 2025 10:49:53 +0800
Subject: [PATCH] chore: remove unused form components

Remove two unused component files that have been superseded by other
implementations:

- ClaudeConfigEditor.tsx (162 lines): Replaced by CommonConfigEditor.tsx
- PresetSelector.tsx (119 lines): Replaced by ProviderPresetSelector.tsx

These components were never imported or used anywhere in the codebase.
Total code reduction: 281 lines.
---
 .../providers/forms/ClaudeConfigEditor.tsx    | 162 ------------------
 .../providers/forms/PresetSelector.tsx        | 119 -------------
 2 files changed, 281 deletions(-)
 delete mode 100644 src/components/providers/forms/ClaudeConfigEditor.tsx
 delete mode 100644 src/components/providers/forms/PresetSelector.tsx

diff --git a/src/components/providers/forms/ClaudeConfigEditor.tsx b/src/components/providers/forms/ClaudeConfigEditor.tsx
deleted file mode 100644
index ba0c3b8..0000000
--- a/src/components/providers/forms/ClaudeConfigEditor.tsx
+++ /dev/null
@@ -1,162 +0,0 @@
-import React, { useEffect, useState } from "react";
-import { Save } from "lucide-react";
-import { useTranslation } from "react-i18next";
-import {
-  Dialog,
-  DialogContent,
-  DialogHeader,
-  DialogTitle,
-  DialogFooter,
-} from "@/components/ui/dialog";
-import { Button } from "@/components/ui/button";
-
-interface ClaudeConfigEditorProps {
-  value: string;
-  onChange: (value: string) => void;
-  useCommonConfig: boolean;
-  onCommonConfigToggle: (checked: boolean) => void;
-  commonConfigSnippet: string;
-  onCommonConfigSnippetChange: (value: string) => void;
-  commonConfigError: string;
-  configError: string;
-}
-
-const ClaudeConfigEditor: React.FC<ClaudeConfigEditorProps> = ({
-  value,
-  onChange,
-  useCommonConfig,
-  onCommonConfigToggle,
-  commonConfigSnippet,
-  onCommonConfigSnippetChange,
-  commonConfigError,
-  configError,
-}) => {
-  const { t } = useTranslation();
-  const [isCommonConfigModalOpen, setIsCommonConfigModalOpen] = useState(false);
-
-  useEffect(() => {
-    if (commonConfigError && !isCommonConfigModalOpen) {
-      setIsCommonConfigModalOpen(true);
-    }
-  }, [commonConfigError, isCommonConfigModalOpen]);
-
-  const closeModal = () => {
-    setIsCommonConfigModalOpen(false);
-  };
-
-  return (
-    <div className="space-y-2">
-      <div className="flex items-center justify-between">
-        <label
-          htmlFor="settingsConfig"
-          className="block text-sm font-medium text-gray-900 dark:text-gray-100"
-        >
-          {t("claudeConfig.configLabel")}
-        </label>
-        <label className="inline-flex items-center gap-2 text-sm text-gray-500 dark:text-gray-400 cursor-pointer">
-          <input
-            type="checkbox"
-            checked={useCommonConfig}
-            onChange={(e) => onCommonConfigToggle(e.target.checked)}
-            className="w-4 h-4 text-blue-500 bg-white dark:bg-gray-800 border-border-default rounded focus:ring-blue-500 dark:focus:ring-blue-400 focus:ring-2"
-          />
-          {t("claudeConfig.writeCommonConfig")}
-        </label>
-      </div>
-      <div className="flex items-center justify-end">
-        <button
-          type="button"
-          onClick={() => setIsCommonConfigModalOpen(true)}
-          className="text-xs text-blue-500 dark:text-blue-400 hover:underline"
-        >
-          {t("claudeConfig.editCommonConfig")}
-        </button>
-      </div>
-      {commonConfigError && !isCommonConfigModalOpen && (
-        <p className="text-xs text-red-500 dark:text-red-400 text-right">
-          {commonConfigError}
-        </p>
-      )}
-      <textarea
-        id="settingsConfig"
-        value={value}
-        onChange={(e) => onChange(e.target.value)}
-        placeholder={`{
-  "env": {
-    "ANTHROPIC_BASE_URL": "https://your-api-endpoint.com",
-    "ANTHROPIC_AUTH_TOKEN": "your-api-key-here"
-  }
-}`}
-        rows={12}
-        className="w-full px-3 py-2 border border-border-default dark:bg-gray-800 dark:text-gray-100 rounded-lg text-sm font-mono focus:outline-none focus:ring-2 focus:ring-blue-500/20 dark:focus:ring-blue-400/20 focus:border-border-active transition-colors resize-y min-h-[14rem]"
-        autoComplete="off"
-        autoCorrect="off"
-        autoCapitalize="none"
-        spellCheck={false}
-        lang="en"
-        inputMode="text"
-        data-gramm="false"
-        data-gramm_editor="false"
-        data-enable-grammarly="false"
-      />
-      {configError && (
-        <p className="text-xs text-red-500 dark:text-red-400">{configError}</p>
-      )}
-      <p className="text-xs text-gray-500 dark:text-gray-400">
-        {t("claudeConfig.fullSettingsHint")}
-      </p>
-
-      <Dialog
-        open={isCommonConfigModalOpen}
-        onOpenChange={(open) => !open && closeModal()}
-      >
-        <DialogContent
-          zIndex="nested"
-          className="max-w-2xl max-h-[90vh] flex flex-col p-0"
-        >
-          <DialogHeader className="px-6 pt-6 pb-0">
-            <DialogTitle>{t("claudeConfig.editCommonConfigTitle")}</DialogTitle>
-          </DialogHeader>
-
-          <div className="flex-1 overflow-auto px-6 py-4 space-y-4">
-            <p className="text-sm text-gray-500 dark:text-gray-400">
-              {t("claudeConfig.commonConfigHint")}
-            </p>
-            <textarea
-              value={commonConfigSnippet}
-              onChange={(e) => onCommonConfigSnippetChange(e.target.value)}
-              rows={12}
-              className="w-full px-3 py-2 border border-border-default dark:bg-gray-800 dark:text-gray-100 rounded-lg text-sm font-mono focus:outline-none focus:ring-2 focus:ring-blue-500/20 dark:focus:ring-blue-400/20 focus:border-border-active transition-colors resize-y min-h-[14rem]"
-              autoComplete="off"
-              autoCorrect="off"
-              autoCapitalize="none"
-              spellCheck={false}
-              lang="en"
-              inputMode="text"
-              data-gramm="false"
-              data-gramm_editor="false"
-              data-enable-grammarly="false"
-            />
-            {commonConfigError && (
-              <p className="text-sm text-red-500 dark:text-red-400">
-                {commonConfigError}
-              </p>
-            )}
-          </div>
-
-          <DialogFooter>
-            <Button type="button" variant="outline" onClick={closeModal}>
-              {t("common.cancel")}
-            </Button>
-            <Button type="button" onClick={closeModal} className="gap-2">
-              <Save className="w-4 h-4" />
-              {t("common.save")}
-            </Button>
-          </DialogFooter>
-        </DialogContent>
-      </Dialog>
-    </div>
-  );
-};
-
-export default ClaudeConfigEditor;
diff --git a/src/components/providers/forms/PresetSelector.tsx b/src/components/providers/forms/PresetSelector.tsx
deleted file mode 100644
index 2578d03..0000000
--- a/src/components/providers/forms/PresetSelector.tsx
+++ /dev/null
@@ -1,119 +0,0 @@
-import React from "react";
-import { useTranslation } from "react-i18next";
-import { Zap } from "lucide-react";
-import { ProviderCategory } from "@/types";
-import { ClaudeIcon, CodexIcon } from "@/components/BrandIcons";
-
-interface Preset {
-  name: string;
-  isOfficial?: boolean;
-  category?: ProviderCategory;
-}
-
-interface PresetSelectorProps {
-  title?: string;
-  presets: Preset[];
-  selectedIndex: number | null;
-  onSelectPreset: (index: number) => void;
-  onCustomClick: () => void;
-  customLabel?: string;
-  renderCustomDescription?: () => React.ReactNode; // 新增：自定义描述渲染
-}
-
-const PresetSelector: React.FC<PresetSelectorProps> = ({
-  title,
-  presets,
-  selectedIndex,
-  onSelectPreset,
-  onCustomClick,
-  customLabel,
-  renderCustomDescription,
-}) => {
-  const { t } = useTranslation();
-
-  const getButtonClass = (index: number, preset?: Preset) => {
-    const isSelected = selectedIndex === index;
-    const baseClass =
-      "inline-flex items-center gap-2 px-4 py-2 rounded-lg text-sm font-medium transition-colors";
-
-    if (isSelected) {
-      if (preset?.isOfficial || preset?.category === "official") {
-        // Codex 官方使用黑色背景
-        if (preset?.name.includes("Codex")) {
-          return `${baseClass} bg-gray-900 text-white`;
-        }
-        // Claude 官方使用品牌色背景
-        return `${baseClass} bg-[#D97757] text-white`;
-      }
-      return `${baseClass} bg-blue-500 text-white`;
-    }
-
-    return `${baseClass} bg-gray-100 dark:bg-gray-800 text-gray-500 dark:text-gray-400 hover:bg-gray-200 dark:hover:bg-gray-700`;
-  };
-
-  const getDescription = () => {
-    if (selectedIndex === -1) {
-      // 如果提供了自定义描述渲染函数，使用它
-      if (renderCustomDescription) {
-        return renderCustomDescription();
-      }
-      return t("presetSelector.customDescription");
-    }
-
-    if (selectedIndex !== null && selectedIndex >= 0) {
-      const preset = presets[selectedIndex];
-      return preset?.isOfficial || preset?.category === "official"
-        ? t("presetSelector.officialDescription")
-        : t("presetSelector.presetDescription");
-    }
-
-    return null;
-  };
-
-  return (
-    <div className="space-y-4">
-      <div>
-        <label className="block text-sm font-medium text-gray-900 dark:text-gray-100 mb-3">
-          {title || t("presetSelector.title")}
-        </label>
-        <div className="flex flex-wrap gap-2">
-          <button
-            type="button"
-            className={`${getButtonClass(-1)} ${selectedIndex === -1 ? "" : ""}`}
-            onClick={onCustomClick}
-          >
-            {customLabel || t("presetSelector.custom")}
-          </button>
-          {presets.map((preset, index) => (
-            <button
-              key={index}
-              type="button"
-              className={getButtonClass(index, preset)}
-              onClick={() => onSelectPreset(index)}
-            >
-              {(preset.isOfficial || preset.category === "official") && (
-                <>
-                  {preset.name.includes("Claude") ? (
-                    <ClaudeIcon size={14} />
-                  ) : preset.name.includes("Codex") ? (
-                    <CodexIcon size={14} />
-                  ) : (
-                    <Zap size={14} />
-                  )}
-                </>
-              )}
-              {preset.name}
-            </button>
-          ))}
-        </div>
-      </div>
-      {getDescription() && (
-        <div className="text-sm text-gray-500 dark:text-gray-400">
-          {getDescription()}
-        </div>
-      )}
-    </div>
-  );
-};
-
-export default PresetSelector;