From d296471b3b87e831e2d326012652654b9ffb6140 Mon Sep 17 00:00:00 2001
From: Jason <farion1231@gmail.com>
Date: Fri, 24 Oct 2025 13:02:35 +0800
Subject: [PATCH] chore: apply prettier formatting to component files

---
 src/components/UsageFooter.tsx                | 12 +++--
 src/components/UsageScriptModal.tsx           | 54 +++++++++++++------
 src/components/mode-toggle.tsx                |  4 +-
 .../providers/AddProviderDialog.tsx           |  4 +-
 .../providers/EditProviderDialog.tsx          |  4 +-
 src/components/providers/ProviderActions.tsx  |  3 +-
 .../providers/ProviderEmptyState.tsx          |  4 +-
 .../providers/forms/BasicFormFields.tsx       | 13 ++---
 .../providers/forms/CommonConfigEditor.tsx    |  4 +-
 .../providers/forms/EndpointSpeedTest.tsx     | 15 ++++--
 .../providers/forms/ProviderForm.tsx          |  6 ++-
 .../forms/ProviderPresetSelector.tsx          |  8 +--
 .../forms/hooks/useSpeedTestEndpoints.ts      |  9 ++--
 src/components/settings/AboutSection.tsx      | 15 ++----
 .../settings/ImportExportSection.tsx          | 12 ++---
 src/components/settings/SettingsDialog.tsx    |  8 +--
 16 files changed, 89 insertions(+), 86 deletions(-)

diff --git a/src/components/UsageFooter.tsx b/src/components/UsageFooter.tsx
index cc04836..0784fea 100644
--- a/src/components/UsageFooter.tsx
+++ b/src/components/UsageFooter.tsx
@@ -146,7 +146,9 @@ const UsagePlanItem: React.FC<{ data: UsageData }> = ({ data }) => {
         {/* 总额度 */}
         {total !== undefined && (
           <>
-            <span className="text-gray-500 dark:text-gray-400">{t("usage.total")}</span>
+            <span className="text-gray-500 dark:text-gray-400">
+              {t("usage.total")}
+            </span>
             <span className="tabular-nums text-gray-600 dark:text-gray-400">
               {total === -1 ? "∞" : total.toFixed(2)}
             </span>
@@ -157,7 +159,9 @@ const UsagePlanItem: React.FC<{ data: UsageData }> = ({ data }) => {
         {/* 已用额度 */}
         {used !== undefined && (
           <>
-            <span className="text-gray-500 dark:text-gray-400">{t("usage.used")}</span>
+            <span className="text-gray-500 dark:text-gray-400">
+              {t("usage.used")}
+            </span>
             <span className="tabular-nums text-gray-600 dark:text-gray-400">
               {used.toFixed(2)}
             </span>
@@ -168,7 +172,9 @@ const UsagePlanItem: React.FC<{ data: UsageData }> = ({ data }) => {
         {/* 剩余额度 - 突出显示 */}
         {remaining !== undefined && (
           <>
-            <span className="text-gray-500 dark:text-gray-400">{t("usage.remaining")}</span>
+            <span className="text-gray-500 dark:text-gray-400">
+              {t("usage.remaining")}
+            </span>
             <span
               className={`font-semibold tabular-nums ${
                 isExpired
diff --git a/src/components/UsageScriptModal.tsx b/src/components/UsageScriptModal.tsx
index d48341c..69110b7 100644
--- a/src/components/UsageScriptModal.tsx
+++ b/src/components/UsageScriptModal.tsx
@@ -95,7 +95,11 @@ const UsageScriptModal: React.FC<UsageScriptModalProps> = ({
       provider.meta?.usage_script || {
         enabled: false,
         language: "javascript",
-        code: PRESET_TEMPLATES[t("usageScript.presetTemplate") === "预设模板" ? "通用模板" : "General"],
+        code: PRESET_TEMPLATES[
+          t("usageScript.presetTemplate") === "预设模板"
+            ? "通用模板"
+            : "General"
+        ],
         timeout: 10,
       }
     );
@@ -132,16 +136,24 @@ const UsageScriptModal: React.FC<UsageScriptModalProps> = ({
             return `${planInfo} ${t("usage.remaining")} ${plan.remaining} ${plan.unit}`;
           })
           .join(", ");
-        toast.success(`${t("usageScript.testSuccess")}${summary}`, { duration: 3000 });
-      } else {
-        toast.error(`${t("usageScript.testFailed")}: ${result.error || t("endpointTest.noResult")}`, {
-          duration: 5000,
+        toast.success(`${t("usageScript.testSuccess")}${summary}`, {
+          duration: 3000,
         });
+      } else {
+        toast.error(
+          `${t("usageScript.testFailed")}: ${result.error || t("endpointTest.noResult")}`,
+          {
+            duration: 5000,
+          },
+        );
       }
     } catch (error: any) {
-      toast.error(`${t("usageScript.testFailed")}: ${error?.message || t("common.unknown")}`, {
-        duration: 5000,
-      });
+      toast.error(
+        `${t("usageScript.testFailed")}: ${error?.message || t("common.unknown")}`,
+        {
+          duration: 5000,
+        },
+      );
     } finally {
       setTesting(false);
     }
@@ -160,9 +172,12 @@ const UsageScriptModal: React.FC<UsageScriptModalProps> = ({
       setScript({ ...script, code: formatted.trim() });
       toast.success(t("usageScript.formatSuccess"), { duration: 1000 });
     } catch (error: any) {
-      toast.error(`${t("usageScript.formatFailed")}: ${error?.message || t("jsonEditor.invalidJson")}`, {
-        duration: 3000,
-      });
+      toast.error(
+        `${t("usageScript.formatFailed")}: ${error?.message || t("jsonEditor.invalidJson")}`,
+        {
+          duration: 3000,
+        },
+      );
     }
   };
 
@@ -177,7 +192,9 @@ const UsageScriptModal: React.FC<UsageScriptModalProps> = ({
     <Dialog open={isOpen} onOpenChange={(open) => !open && onClose()}>
       <DialogContent className="max-w-3xl max-h-[90vh] flex flex-col">
         <DialogHeader>
-          <DialogTitle>{t("usageScript.title")} - {provider.name}</DialogTitle>
+          <DialogTitle>
+            {t("usageScript.title")} - {provider.name}
+          </DialogTitle>
         </DialogHeader>
 
         {/* Content - Scrollable */}
@@ -231,7 +248,7 @@ const UsageScriptModal: React.FC<UsageScriptModalProps> = ({
                 <p className="mt-2 text-xs text-gray-500 dark:text-gray-400">
                   {t("usageScript.variablesHint", {
                     apiKey: "{{apiKey}}",
-                    baseUrl: "{{baseUrl}}"
+                    baseUrl: "{{baseUrl}}",
                   })}
                 </p>
               </div>
@@ -260,7 +277,9 @@ const UsageScriptModal: React.FC<UsageScriptModalProps> = ({
 
               {/* 脚本说明 */}
               <div className="p-4 bg-blue-50 dark:bg-blue-900/20 rounded-lg text-sm text-gray-700 dark:text-gray-300">
-                <h4 className="font-medium mb-2">{t("usageScript.scriptHelp")}</h4>
+                <h4 className="font-medium mb-2">
+                  {t("usageScript.scriptHelp")}
+                </h4>
                 <div className="space-y-3 text-xs">
                   <div>
                     <strong>{t("usageScript.configFormat")}</strong>
@@ -304,7 +323,12 @@ const UsageScriptModal: React.FC<UsageScriptModalProps> = ({
                   <div className="text-gray-600 dark:text-gray-400">
                     <strong>{t("usageScript.tips")}</strong>
                     <ul className="mt-1 space-y-0.5 ml-2">
-                      <li>{t("usageScript.tip1", { apiKey: "{{apiKey}}", baseUrl: "{{baseUrl}}" })}</li>
+                      <li>
+                        {t("usageScript.tip1", {
+                          apiKey: "{{apiKey}}",
+                          baseUrl: "{{baseUrl}}",
+                        })}
+                      </li>
                       <li>{t("usageScript.tip2")}</li>
                       <li>{t("usageScript.tip3")}</li>
                     </ul>
diff --git a/src/components/mode-toggle.tsx b/src/components/mode-toggle.tsx
index 20a606f..20d579e 100644
--- a/src/components/mode-toggle.tsx
+++ b/src/components/mode-toggle.tsx
@@ -21,9 +21,7 @@ export function ModeToggle() {
     <Button variant="outline" size="icon" onClick={toggleTheme}>
       <Sun className="h-4 w-4 rotate-0 scale-100 transition-all dark:-rotate-90 dark:scale-0" />
       <Moon className="absolute h-4 w-4 rotate-90 scale-0 transition-all dark:rotate-0 dark:scale-100" />
-      <span className="sr-only">
-        {t("common.toggleTheme")}
-      </span>
+      <span className="sr-only">{t("common.toggleTheme")}</span>
     </Button>
   );
 }
diff --git a/src/components/providers/AddProviderDialog.tsx b/src/components/providers/AddProviderDialog.tsx
index 1b5f5d7..ac0ef77 100644
--- a/src/components/providers/AddProviderDialog.tsx
+++ b/src/components/providers/AddProviderDialog.tsx
@@ -143,9 +143,7 @@ export function AddProviderDialog({
       <DialogContent className="max-w-3xl max-h-[85vh] min-h-[600px] flex flex-col">
         <DialogHeader>
           <DialogTitle>{submitLabel}</DialogTitle>
-          <DialogDescription>
-            {t("provider.addProviderHint")}
-          </DialogDescription>
+          <DialogDescription>{t("provider.addProviderHint")}</DialogDescription>
         </DialogHeader>
 
         <div className="flex-1 overflow-y-auto px-6 py-4">
diff --git a/src/components/providers/EditProviderDialog.tsx b/src/components/providers/EditProviderDialog.tsx
index dc18c6f..57e48c1 100644
--- a/src/components/providers/EditProviderDialog.tsx
+++ b/src/components/providers/EditProviderDialog.tsx
@@ -67,9 +67,7 @@ export function EditProviderDialog({
     <Dialog open={open} onOpenChange={onOpenChange}>
       <DialogContent className="max-w-3xl max-h-[85vh] min-h-[600px] flex flex-col">
         <DialogHeader>
-          <DialogTitle>
-            {t("provider.editProvider")}
-          </DialogTitle>
+          <DialogTitle>{t("provider.editProvider")}</DialogTitle>
           <DialogDescription>
             {t("provider.editProviderHint")}
           </DialogDescription>
diff --git a/src/components/providers/ProviderActions.tsx b/src/components/providers/ProviderActions.tsx
index b544422..952a27e 100644
--- a/src/components/providers/ProviderActions.tsx
+++ b/src/components/providers/ProviderActions.tsx
@@ -29,7 +29,8 @@ export function ProviderActions({
         disabled={isCurrent}
         className={cn(
           "w-20",
-          isCurrent && "bg-gray-200 text-muted-foreground hover:bg-gray-200 hover:text-muted-foreground dark:bg-gray-700 dark:hover:bg-gray-700",
+          isCurrent &&
+            "bg-gray-200 text-muted-foreground hover:bg-gray-200 hover:text-muted-foreground dark:bg-gray-700 dark:hover:bg-gray-700",
         )}
       >
         {isCurrent ? (
diff --git a/src/components/providers/ProviderEmptyState.tsx b/src/components/providers/ProviderEmptyState.tsx
index cb3b926..c287f2c 100644
--- a/src/components/providers/ProviderEmptyState.tsx
+++ b/src/components/providers/ProviderEmptyState.tsx
@@ -14,9 +14,7 @@ export function ProviderEmptyState({ onCreate }: ProviderEmptyStateProps) {
       <div className="mb-4 flex h-16 w-16 items-center justify-center rounded-full bg-muted">
         <Users className="h-7 w-7 text-muted-foreground" />
       </div>
-      <h3 className="text-lg font-semibold">
-        {t("provider.noProviders")}
-      </h3>
+      <h3 className="text-lg font-semibold">{t("provider.noProviders")}</h3>
       <p className="mt-2 max-w-sm text-sm text-muted-foreground">
         {t("provider.noProvidersDescription")}
       </p>
diff --git a/src/components/providers/forms/BasicFormFields.tsx b/src/components/providers/forms/BasicFormFields.tsx
index ae0341f..daec379 100644
--- a/src/components/providers/forms/BasicFormFields.tsx
+++ b/src/components/providers/forms/BasicFormFields.tsx
@@ -24,14 +24,9 @@ export function BasicFormFields({ form }: BasicFormFieldsProps) {
         name="name"
         render={({ field }) => (
           <FormItem>
-            <FormLabel>
-              {t("provider.name")}
-            </FormLabel>
+            <FormLabel>{t("provider.name")}</FormLabel>
             <FormControl>
-              <Input
-                {...field}
-                placeholder={t("provider.namePlaceholder")}
-              />
+              <Input {...field} placeholder={t("provider.namePlaceholder")} />
             </FormControl>
             <FormMessage />
           </FormItem>
@@ -43,9 +38,7 @@ export function BasicFormFields({ form }: BasicFormFieldsProps) {
         name="websiteUrl"
         render={({ field }) => (
           <FormItem>
-            <FormLabel>
-              {t("provider.websiteUrl")}
-            </FormLabel>
+            <FormLabel>{t("provider.websiteUrl")}</FormLabel>
             <FormControl>
               <Input {...field} placeholder="https://" />
             </FormControl>
diff --git a/src/components/providers/forms/CommonConfigEditor.tsx b/src/components/providers/forms/CommonConfigEditor.tsx
index 1791b3a..8415989 100644
--- a/src/components/providers/forms/CommonConfigEditor.tsx
+++ b/src/components/providers/forms/CommonConfigEditor.tsx
@@ -38,9 +38,7 @@ export function CommonConfigEditor({
     <>
       <div className="space-y-2">
         <div className="flex items-center justify-between">
-          <Label htmlFor="settingsConfig">
-            {t("provider.configJson")}
-          </Label>
+          <Label htmlFor="settingsConfig">{t("provider.configJson")}</Label>
           <div className="flex items-center gap-2">
             <label className="inline-flex items-center gap-2 text-sm text-muted-foreground cursor-pointer">
               <input
diff --git a/src/components/providers/forms/EndpointSpeedTest.tsx b/src/components/providers/forms/EndpointSpeedTest.tsx
index c3329eb..a2722a7 100644
--- a/src/components/providers/forms/EndpointSpeedTest.tsx
+++ b/src/components/providers/forms/EndpointSpeedTest.tsx
@@ -259,7 +259,7 @@ const EndpointSpeedTest: React.FC<EndpointSpeedTestProps> = ({
     }
 
     // 明确只允许 http: 和 https:
-    const allowedProtocols = ['http:', 'https:'];
+    const allowedProtocols = ["http:", "https:"];
     if (!errorMsg && parsed && !allowedProtocols.includes(parsed.protocol)) {
       errorMsg = t("endpointTest.onlyHttps");
     }
@@ -333,15 +333,20 @@ const EndpointSpeedTest: React.FC<EndpointSpeedTestProps> = ({
         try {
           await vscodeApi.removeCustomEndpoint(appType, providerId, entry.url);
         } catch (error) {
-          const errorMsg = error instanceof Error ? error.message : String(error);
+          const errorMsg =
+            error instanceof Error ? error.message : String(error);
 
           // 只有"端点不存在"时才允许删除本地条目
-          if (errorMsg.includes('not found') || errorMsg.includes('does not exist') || errorMsg.includes('不存在')) {
-            console.warn(t('endpointTest.removeEndpointFailed'), errorMsg);
+          if (
+            errorMsg.includes("not found") ||
+            errorMsg.includes("does not exist") ||
+            errorMsg.includes("不存在")
+          ) {
+            console.warn(t("endpointTest.removeEndpointFailed"), errorMsg);
             // 继续删除本地条目
           } else {
             // 其他错误：显示错误提示，阻止删除
-            setLastError(t('endpointTest.removeFailed', { error: errorMsg }));
+            setLastError(t("endpointTest.removeFailed", { error: errorMsg }));
             return;
           }
         }
diff --git a/src/components/providers/forms/ProviderForm.tsx b/src/components/providers/forms/ProviderForm.tsx
index ac45223..47d4e25 100644
--- a/src/components/providers/forms/ProviderForm.tsx
+++ b/src/components/providers/forms/ProviderForm.tsx
@@ -455,7 +455,11 @@ export function ProviderForm({
 
   return (
     <Form {...form}>
-      <form id="provider-form" onSubmit={form.handleSubmit(handleSubmit)} className="space-y-6">
+      <form
+        id="provider-form"
+        onSubmit={form.handleSubmit(handleSubmit)}
+        className="space-y-6"
+      >
         {/* 预设供应商选择（仅新增模式显示） */}
         {!initialData && (
           <ProviderPresetSelector
diff --git a/src/components/providers/forms/ProviderPresetSelector.tsx b/src/components/providers/forms/ProviderPresetSelector.tsx
index 5a4a7c9..56df480 100644
--- a/src/components/providers/forms/ProviderPresetSelector.tsx
+++ b/src/components/providers/forms/ProviderPresetSelector.tsx
@@ -114,9 +114,7 @@ export function ProviderPresetSelector({
 
   return (
     <div className="space-y-3">
-      <FormLabel>
-        {t("providerPreset.label")}
-      </FormLabel>
+      <FormLabel>{t("providerPreset.label")}</FormLabel>
       <div className="flex flex-wrap gap-2">
         {/* 自定义按钮 */}
         <button
@@ -158,9 +156,7 @@ export function ProviderPresetSelector({
           });
         })}
       </div>
-      <p className="text-xs text-muted-foreground">
-        {getCategoryHint()}
-      </p>
+      <p className="text-xs text-muted-foreground">{getCategoryHint()}</p>
     </div>
   );
 }
diff --git a/src/components/providers/forms/hooks/useSpeedTestEndpoints.ts b/src/components/providers/forms/hooks/useSpeedTestEndpoints.ts
index 10cd438..2165091 100644
--- a/src/components/providers/forms/hooks/useSpeedTestEndpoints.ts
+++ b/src/components/providers/forms/hooks/useSpeedTestEndpoints.ts
@@ -122,10 +122,11 @@ export function useSpeedTestEndpoints({
     }
 
     // 3. 编辑模式：初始数据中的 URL
-    const initialCodexConfig =
-      initialData?.settingsConfig as {
-        config?: string;
-      } | undefined;
+    const initialCodexConfig = initialData?.settingsConfig as
+      | {
+          config?: string;
+        }
+      | undefined;
     const configStr = initialCodexConfig?.config ?? "";
     // 从 TOML 中提取 base_url
     const match = /base_url\s*=\s*["']([^"']+)["']/i.exec(configStr);
diff --git a/src/components/settings/AboutSection.tsx b/src/components/settings/AboutSection.tsx
index 8b86082..0011c0b 100644
--- a/src/components/settings/AboutSection.tsx
+++ b/src/components/settings/AboutSection.tsx
@@ -74,9 +74,7 @@ export function AboutSection({ isPortable }: AboutSectionProps) {
       );
     } catch (error) {
       console.error("[AboutSection] Failed to open release notes", error);
-      toast.error(
-        t("settings.openReleaseNotesFailed"),
-      );
+      toast.error(t("settings.openReleaseNotesFailed"));
     }
   }, [t, updateInfo?.availableVersion, version]);
 
@@ -98,9 +96,7 @@ export function AboutSection({ isPortable }: AboutSectionProps) {
         await relaunchApp();
       } catch (error) {
         console.error("[AboutSection] Update failed", error);
-        toast.error(
-          t("settings.updateFailed"),
-        );
+        toast.error(t("settings.updateFailed"));
         try {
           await settingsApi.checkUpdates();
         } catch (fallbackError) {
@@ -122,14 +118,11 @@ export function AboutSection({ isPortable }: AboutSectionProps) {
       }
     } catch (error) {
       console.error("[AboutSection] Check update failed", error);
-      toast.error(
-        t("settings.checkUpdateFailed"),
-      );
+      toast.error(t("settings.checkUpdateFailed"));
     }
   }, [checkUpdate, hasUpdate, isPortable, resetDismiss, t, updateHandle]);
 
-  const displayVersion =
-    version ?? t("common.unknown");
+  const displayVersion = version ?? t("common.unknown");
 
   return (
     <section className="space-y-4">
diff --git a/src/components/settings/ImportExportSection.tsx b/src/components/settings/ImportExportSection.tsx
index 56d6b1d..2818926 100644
--- a/src/components/settings/ImportExportSection.tsx
+++ b/src/components/settings/ImportExportSection.tsx
@@ -142,9 +142,7 @@ function ImportStatusMessage({
         <Loader2 className="mt-0.5 h-4 w-4 animate-spin text-muted-foreground" />
         <div>
           <p className="font-medium">{t("settings.importing")}</p>
-          <p className="text-muted-foreground">
-            {t("common.loading")}
-          </p>
+          <p className="text-muted-foreground">{t("common.loading")}</p>
         </div>
       </div>
     );
@@ -169,17 +167,13 @@ function ImportStatusMessage({
     );
   }
 
-  const message =
-    errorMessage ||
-    t("settings.importFailed");
+  const message = errorMessage || t("settings.importFailed");
 
   return (
     <div className={`${baseClass} border-red-200 bg-red-100/70 text-red-600`}>
       <AlertCircle className="mt-0.5 h-4 w-4" />
       <div className="space-y-1">
-        <p className="font-medium">
-          {t("settings.importFailed")}
-        </p>
+        <p className="font-medium">{t("settings.importFailed")}</p>
         <p>{message}</p>
       </div>
     </div>
diff --git a/src/components/settings/SettingsDialog.tsx b/src/components/settings/SettingsDialog.tsx
index 89a342f..ca81b34 100644
--- a/src/components/settings/SettingsDialog.tsx
+++ b/src/components/settings/SettingsDialog.tsx
@@ -142,9 +142,7 @@ export function SettingsDialog({
   const handleRestartNow = useCallback(async () => {
     setShowRestartPrompt(false);
     if (import.meta.env.DEV) {
-      toast.success(
-        t("settings.devModeRestartHint"),
-      );
+      toast.success(t("settings.devModeRestartHint"));
       closeAfterSave();
       return;
     }
@@ -153,9 +151,7 @@ export function SettingsDialog({
       await settingsApi.restart();
     } catch (error) {
       console.error("[SettingsDialog] Failed to restart app", error);
-      toast.error(
-        t("settings.restartFailed"),
-      );
+      toast.error(t("settings.restartFailed"));
     } finally {
       closeAfterSave();
     }