refactor: extract business logic to useProviderActions hook

Major improvements:
- Create `src/hooks/useProviderActions.ts` (147 lines)
  - Consolidate provider operations (add, update, delete, switch)
  - Extract Claude plugin sync logic
  - Extract usage script save logic

- Simplify `App.tsx` (347 → 226 lines, -35%)
  - Remove 8 callback functions
  - Remove Claude plugin sync logic
  - Remove usage script save logic
  - Cleaner and more maintainable

- Replace `onNotify` prop with `toast` in:
  - `UsageScriptModal.tsx`
  - `McpPanel.tsx`
  - `McpFormModal.tsx`
  - `McpWizardModal.tsx`
  - Unified notification system using sonner

Benefits:
- Reduced coupling and improved maintainability
- Business logic isolated in hooks, easier to test
- Consistent notification system across the app

src/hooks/useProviderActions.ts

@@ -0,0 +1,147 @@
+import { useCallback } from "react";
+import { useQueryClient } from "@tanstack/react-query";
+import { toast } from "sonner";
+import { useTranslation } from "react-i18next";
+import { providersApi, settingsApi, type AppType } from "@/lib/api";
+import type { Provider, UsageScript } from "@/types";
+import {
+  useAddProviderMutation,
+  useUpdateProviderMutation,
+  useDeleteProviderMutation,
+  useSwitchProviderMutation,
+} from "@/lib/query";
+import { extractErrorMessage } from "@/utils/errorUtils";
+
+/**
+ * Hook for managing provider actions (add, update, delete, switch)
+ * Extracts business logic from App.tsx
+ */
+export function useProviderActions(activeApp: AppType) {
+  const { t } = useTranslation();
+  const queryClient = useQueryClient();
+
+  const addProviderMutation = useAddProviderMutation(activeApp);
+  const updateProviderMutation = useUpdateProviderMutation(activeApp);
+  const deleteProviderMutation = useDeleteProviderMutation(activeApp);
+  const switchProviderMutation = useSwitchProviderMutation(activeApp);
+
+  // Claude 插件同步逻辑
+  const syncClaudePlugin = useCallback(
+    async (provider: Provider) => {
+      if (activeApp !== "claude") return;
+
+      try {
+        const settings = await settingsApi.get();
+        if (!settings?.enableClaudePluginIntegration) {
+          return;
+        }
+
+        const isOfficial = provider.category === "official";
+        await settingsApi.applyClaudePluginConfig({ official: isOfficial });
+
+        toast.success(
+          isOfficial
+            ? t("notifications.appliedToClaudePlugin", {
+                defaultValue: "已同步为官方配置",
+              })
+            : t("notifications.removedFromClaudePlugin", {
+                defaultValue: "已移除 Claude 插件配置",
+              }),
+          { duration: 2200 },
+        );
+      } catch (error) {
+        const detail =
+          extractErrorMessage(error) ||
+          t("notifications.syncClaudePluginFailed", {
+            defaultValue: "同步 Claude 插件失败",
+          });
+        toast.error(detail, { duration: 4200 });
+      }
+    },
+    [activeApp, t],
+  );
+
+  // 添加供应商
+  const addProvider = useCallback(
+    async (provider: Omit<Provider, "id">) => {
+      await addProviderMutation.mutateAsync(provider);
+    },
+    [addProviderMutation],
+  );
+
+  // 更新供应商
+  const updateProvider = useCallback(
+    async (provider: Provider) => {
+      await updateProviderMutation.mutateAsync(provider);
+      await providersApi.updateTrayMenu();
+    },
+    [updateProviderMutation],
+  );
+
+  // 切换供应商
+  const switchProvider = useCallback(
+    async (provider: Provider) => {
+      try {
+        await switchProviderMutation.mutateAsync(provider.id);
+        await syncClaudePlugin(provider);
+      } catch {
+        // 错误提示由 mutation 与同步函数处理
+      }
+    },
+    [switchProviderMutation, syncClaudePlugin],
+  );
+
+  // 删除供应商
+  const deleteProvider = useCallback(
+    async (id: string) => {
+      await deleteProviderMutation.mutateAsync(id);
+    },
+    [deleteProviderMutation],
+  );
+
+  // 保存用量脚本
+  const saveUsageScript = useCallback(
+    async (provider: Provider, script: UsageScript) => {
+      try {
+        const updatedProvider: Provider = {
+          ...provider,
+          meta: {
+            ...provider.meta,
+            usage_script: script,
+          },
+        };
+
+        await providersApi.update(updatedProvider, activeApp);
+        await queryClient.invalidateQueries({
+          queryKey: ["providers", activeApp],
+        });
+        toast.success(
+          t("provider.usageSaved", {
+            defaultValue: "用量查询配置已保存",
+          }),
+        );
+      } catch (error) {
+        const detail =
+          extractErrorMessage(error) ||
+          t("provider.usageSaveFailed", {
+            defaultValue: "用量查询配置保存失败",
+          });
+        toast.error(detail);
+      }
+    },
+    [activeApp, queryClient, t],
+  );
+
+  return {
+    addProvider,
+    updateProvider,
+    switchProvider,
+    deleteProvider,
+    saveUsageScript,
+    isLoading:
+      addProviderMutation.isPending ||
+      updateProviderMutation.isPending ||
+      deleteProviderMutation.isPending ||
+      switchProviderMutation.isPending,
+  };
+}