feat: complete stage 3 settings refactor

src/components/settings/WindowSettings.tsx

@@ -0,0 +1,75 @@
+import { Switch } from "@/components/ui/switch";
+import { useTranslation } from "react-i18next";
+import type { SettingsFormState } from "@/hooks/useSettings";
+
+interface WindowSettingsProps {
+  settings: SettingsFormState;
+  onChange: (updates: Partial<SettingsFormState>) => void;
+}
+
+export function WindowSettings({ settings, onChange }: WindowSettingsProps) {
+  const { t } = useTranslation();
+
+  return (
+    <section className="space-y-4">
+      <header className="space-y-1">
+        <h3 className="text-sm font-medium">
+          {t("settings.windowBehavior")}
+        </h3>
+        <p className="text-xs text-muted-foreground">
+          {t("settings.windowBehaviorHint", {
+            defaultValue: "配置窗口最小化与 Claude 插件联动策略。",
+          })}
+        </p>
+      </header>
+
+      <ToggleRow
+        title={t("settings.minimizeToTray")}
+        description={t("settings.minimizeToTrayDescription")}
+        checked={settings.minimizeToTrayOnClose}
+        onCheckedChange={(value) =>
+          onChange({ minimizeToTrayOnClose: value })
+        }
+      />
+
+      <ToggleRow
+        title={t("settings.enableClaudePluginIntegration")}
+        description={t("settings.enableClaudePluginIntegrationDescription")}
+        checked={!!settings.enableClaudePluginIntegration}
+        onCheckedChange={(value) =>
+          onChange({ enableClaudePluginIntegration: value })
+        }
+      />
+    </section>
+  );
+}
+
+interface ToggleRowProps {
+  title: string;
+  description?: string;
+  checked: boolean;
+  onCheckedChange: (value: boolean) => void;
+}
+
+function ToggleRow({
+  title,
+  description,
+  checked,
+  onCheckedChange,
+}: ToggleRowProps) {
+  return (
+    <div className="flex items-start justify-between gap-4 rounded-lg border border-border p-4">
+      <div className="space-y-1">
+        <p className="text-sm font-medium leading-none">{title}</p>
+        {description ? (
+          <p className="text-xs text-muted-foreground">{description}</p>
+        ) : null}
+      </div>
+      <Switch
+        checked={checked}
+        onCheckedChange={onCheckedChange}
+        aria-label={title}
+      />
+    </div>
+  );
+}