@zythum02/fello-server 0.1.55 → 0.1.57

package/out/renderer/assets/settings-general-B85uTAij.js

@@ -0,0 +1,624 @@
+import { u as useTranslation, a as useAppStore, b as useMessage, r as reactExports, j as jsxRuntimeExports, D as Dialog, p as DialogContent, q as DialogHeader, s as DialogTitle, v as Select, w as SelectTrigger, x as SelectValue, y as SelectContent, z as SelectItem, I as Input, H as DialogFooter, B as Button, f as request, i as isWebUI, V as electron, g as extractErrorMessage, S as ScrollArea, d as Switch, a1 as ChevronRight, a2 as EDITOR_LABELS, a3 as L, a4 as N, a5 as _, a6 as D, a7 as w } from "./index-CKDwIiIb.js";
+import { a as Field, b as FieldLabel } from "./field-CXofwfDF.js";
+import { S as Slider } from "./slider-DEK94SlL.js";
+function SettingsProxyDialog({ open, onOpenChange }) {
+  const { t } = useTranslation();
+  const proxy = useAppStore((s) => s.proxy);
+  const setProxy = useAppStore((s) => s.setProxy);
+  const { toast, alert, confirm } = useMessage();
+  const [draft, setDraft] = reactExports.useState(() => ({
+    mode: proxy.mode ?? "off",
+    httpProxy: proxy.httpProxy ?? "",
+    httpsProxy: proxy.httpsProxy ?? "",
+    noProxy: proxy.noProxy ?? "",
+    username: proxy.username ?? "",
+    password: proxy.password ?? ""
+  }));
+  reactExports.useEffect(() => {
+    if (!open) return;
+    setDraft({
+      mode: proxy.mode ?? "off",
+      httpProxy: proxy.httpProxy ?? "",
+      httpsProxy: proxy.httpsProxy ?? "",
+      noProxy: proxy.noProxy ?? "",
+      username: proxy.username ?? "",
+      password: proxy.password ?? ""
+    });
+  }, [open, proxy]);
+  const updateDraft = (patch) => {
+    setDraft((prev) => ({ ...prev, ...patch }));
+  };
+  const handleModeChange = (mode) => {
+    if (!mode) return;
+    updateDraft({ mode });
+  };
+  const handleSave = async () => {
+    const trimStr = (value) => {
+      const trimmed = value?.trim();
+      return trimmed ? trimmed : void 0;
+    };
+    const next = {
+      mode: draft.mode,
+      httpProxy: trimStr(draft.httpProxy),
+      httpsProxy: trimStr(draft.httpsProxy),
+      noProxy: trimStr(draft.noProxy),
+      username: trimStr(draft.username),
+      password: trimStr(draft.password)
+    };
+    if (next.mode === "manual") {
+      if (!next.httpProxy) {
+        toast.error(
+          t(
+            "settings.proxy.validation.httpProxyRequired",
+            "HTTP proxy URL is required in manual mode."
+          )
+        );
+        return;
+      }
+      for (const [field, value] of [
+        [t("settings.proxy.httpProxy", "HTTP Proxy"), next.httpProxy],
+        [t("settings.proxy.httpsProxy", "HTTPS proxy"), next.httpsProxy]
+      ]) {
+        const v = value?.trim();
+        if (v && !/^https?:\/\//i.test(v) && !/^[^/]+:\d+$/i.test(v)) {
+          toast.error(
+            t(
+              "settings.proxy.validation.invalidProxyUrl",
+              "{{field}} should start with http:// or https://, or use a host:port address (e.g. http://127.0.0.1:7890).",
+              { field }
+            )
+          );
+          return;
+        }
+      }
+    }
+    try {
+      await request.updateSettings({ proxy: next });
+      setProxy(next);
+      onOpenChange(false);
+      if (isWebUI) {
+        await alert({
+          title: t("settings.proxy.restartTitle", "Restart Required"),
+          content: t(
+            "settings.proxy.restartManualDesc",
+            "Proxy settings saved. Please manually restart the Fello server process to apply the new configuration."
+          )
+        });
+        return;
+      }
+      const result = await confirm({
+        title: t("settings.proxy.restartTitle", "Restart Required"),
+        content: t(
+          "settings.proxy.restartDesc",
+          "Proxy settings saved. Restart Fello to apply the new proxy configuration."
+        ),
+        buttons: [
+          { text: t("settings.proxy.later", "Later"), value: null, variant: "outline" },
+          {
+            text: t("settings.proxy.restartNow", "Restart Now"),
+            value: "confirm",
+            variant: "default"
+          }
+        ]
+      });
+      if (result) {
+        await electron.restartApp();
+      }
+    } catch (err) {
+      toast.error(
+        extractErrorMessage(err) || t("settings.proxy.saveFailed", "Failed to save proxy settings.")
+      );
+    }
+  };
+  const modeItems = [
+    { value: "off", label: t("settings.proxy.off", "Direct") },
+    { value: "manual", label: t("settings.proxy.manual", "Manual") },
+    { value: "system", label: t("settings.proxy.system", "System") }
+  ];
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Dialog, { open, onOpenChange, disablePointerDismissal: true, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(DialogContent, { className: "sm:max-w-lg", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx(DialogHeader, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(DialogTitle, { children: t("settings.proxy.title", "Network Proxy") }) }),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-4 mt-2", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-between gap-4", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs(Field, { className: "gap-1", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(FieldLabel, { className: "text-xs text-muted-foreground", children: t("settings.proxy.mode", "Proxy Mode") }),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "text-[10px] text-muted-foreground/70", children: [
+            draft.mode === "off" && t("settings.proxy.offDesc", "Connect directly without a proxy"),
+            draft.mode === "manual" && t(
+              "settings.proxy.manualDesc",
+              "Specify a proxy server manually for all network requests"
+            ),
+            draft.mode === "system" && t(
+              "settings.proxy.systemDesc",
+              "Use the system proxy settings (macOS/Windows or environment variables)"
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs(Select, { items: modeItems, value: draft.mode, onValueChange: handleModeChange, children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(SelectTrigger, { size: "sm", className: "w-35 text-[11px]!", children: /* @__PURE__ */ jsxRuntimeExports.jsx(SelectValue, { placeholder: "Mode" }) }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(SelectContent, { children: modeItems.map((item) => /* @__PURE__ */ jsxRuntimeExports.jsx(SelectItem, { value: item.value, children: item.label }, item.value)) })
+        ] })
+      ] }),
+      draft.mode === "manual" && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-4", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs(Field, { children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(FieldLabel, { htmlFor: "proxy-http", className: "text-[11px] text-muted-foreground", children: t("settings.proxy.httpProxy", "HTTP Proxy") }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            Input,
+            {
+              id: "proxy-http",
+              type: "text",
+              value: draft.httpProxy ?? "",
+              onChange: (e) => updateDraft({ httpProxy: e.target.value }),
+              placeholder: t(
+                "settings.proxy.httpProxyPlaceholder",
+                "e.g. http://127.0.0.1:7890"
+              ),
+              className: "h-8 text-[11px]! font-mono text-foreground/70 focus-visible:ring-0.5"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs(Field, { children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(FieldLabel, { htmlFor: "proxy-https", className: "text-[11px] text-muted-foreground", children: t("settings.proxy.httpsProxy", "HTTPS Proxy (optional)") }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            Input,
+            {
+              id: "proxy-https",
+              type: "text",
+              value: draft.httpsProxy ?? "",
+              onChange: (e) => updateDraft({ httpsProxy: e.target.value }),
+              placeholder: t(
+                "settings.proxy.httpProxyPlaceholder",
+                "e.g. http://127.0.0.1:7890"
+              ),
+              className: "h-8 text-[11px]! font-mono text-foreground/70 focus-visible:ring-0.5"
+            }
+          ),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-[10px] text-muted-foreground/70", children: t("settings.proxy.httpsProxyHint", "Falls back to the HTTP proxy when empty.") })
+        ] }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs(Field, { children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(FieldLabel, { htmlFor: "proxy-no-proxy", className: "text-[11px] text-muted-foreground", children: t("settings.proxy.noProxy", "No Proxy (optional)") }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            Input,
+            {
+              id: "proxy-no-proxy",
+              type: "text",
+              value: draft.noProxy ?? "",
+              onChange: (e) => updateDraft({ noProxy: e.target.value }),
+              placeholder: t(
+                "settings.proxy.noProxyPlaceholder",
+                "e.g. localhost,127.0.0.1,*.internal"
+              ),
+              className: "h-8 text-[11px]! font-mono text-foreground/70 focus-visible:ring-0.5"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsxs(Field, { children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx(
+              FieldLabel,
+              {
+                htmlFor: "proxy-username",
+                className: "text-[11px] text-muted-foreground",
+                children: t("settings.proxy.username", "Username (optional)")
+              }
+            ),
+            /* @__PURE__ */ jsxRuntimeExports.jsx(
+              Input,
+              {
+                id: "proxy-username",
+                type: "text",
+                value: draft.username ?? "",
+                onChange: (e) => updateDraft({ username: e.target.value }),
+                className: "h-8 text-[11px]! text-foreground/70 focus-visible:ring-0.5"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs(Field, { children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx(
+              FieldLabel,
+              {
+                htmlFor: "proxy-password",
+                className: "text-[11px] text-muted-foreground",
+                children: t("settings.proxy.password", "Password (optional)")
+              }
+            ),
+            /* @__PURE__ */ jsxRuntimeExports.jsx(
+              Input,
+              {
+                id: "proxy-password",
+                type: "password",
+                value: draft.password ?? "",
+                onChange: (e) => updateDraft({ password: e.target.value }),
+                className: "h-8 text-[11px]! text-foreground/70 focus-visible:ring-0.5"
+              }
+            )
+          ] })
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs(DialogFooter, { children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        Button,
+        {
+          type: "button",
+          variant: "outline",
+          size: "sm",
+          onClick: () => onOpenChange(false),
+          className: "h-7 text-xs",
+          children: t("settings.proxy.cancel", "Cancel")
+        }
+      ),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(Button, { type: "button", size: "sm", className: "h-7 text-xs", onClick: handleSave, children: t("settings.proxy.save", "Save") })
+    ] })
+  ] }) });
+}
+function SettingsGeneral() {
+  const { t, i18n: _i18n } = useTranslation();
+  const {
+    theme,
+    setTheme,
+    i18n,
+    setI18n,
+    fileWatcher,
+    setFileWatcher,
+    editor,
+    setEditor,
+    sound,
+    setSound,
+    voiceInput,
+    setVoiceInput,
+    proxy
+  } = useAppStore();
+  const { toast } = useMessage();
+  const [proxyDialogOpen, setProxyDialogOpen] = reactExports.useState(false);
+  const proxySummary = (() => {
+    const mode = proxy.mode ?? "off";
+    if (mode === "off") return t("settings.general.proxyOff", "Direct");
+    if (mode === "system") return t("settings.general.proxySystem", "System");
+    const url = proxy.httpProxy || proxy.httpsProxy || "";
+    return url ? url : t("settings.proxy.manual", "Manual");
+  })();
+  const handleThemeChange = async (mode) => {
+    if (!mode) return;
+    const newTheme = { themeMode: mode };
+    setTheme(newTheme);
+    try {
+      await request.updateSettings({
+        theme: newTheme
+      });
+    } catch {
+      toast.error(t("settings.general.saveThemeFailed", "Failed to save theme setting."));
+    }
+  };
+  const handleLanguageChange = async (lang) => {
+    if (!lang) return;
+    setI18n({ language: lang });
+    _i18n.changeLanguage(lang);
+    try {
+      await request.updateSettings({
+        i18n: {
+          language: lang
+        }
+      });
+    } catch {
+      toast.error(t("settings.general.saveLanguageFailed", "Failed to save language setting."));
+    }
+  };
+  const handleFileWatcherChange = async (checked) => {
+    const newFileWatcher = { enabled: checked };
+    setFileWatcher(newFileWatcher);
+    try {
+      await request.updateSettings({
+        fileWatcher: newFileWatcher
+      });
+    } catch {
+      toast.error(
+        t("settings.general.saveFileWatcherFailed", "Failed to save file watcher setting.")
+      );
+    }
+  };
+  const handleVoiceInputShortcutChange = async (checked) => {
+    const newVoiceInput = { ...voiceInput, altDoublePress: checked };
+    setVoiceInput(newVoiceInput);
+    try {
+      await request.updateSettings({ voiceInput: newVoiceInput });
+    } catch {
+      toast.error(
+        t("settings.general.saveVoiceInputFailed", "Failed to save voice input setting.")
+      );
+    }
+  };
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex-1 flex flex-col h-full", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx(ScrollArea, { className: "flex-1 overflow-hidden", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-6 px-5 py-4 w-full max-w-4xl mx-auto", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("h3", { className: "text-lg font-medium", children: t("settings.general.title", "General") }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-sm text-muted-foreground", children: t("settings.general.desc", "Manage your application settings.") })
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-6", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx("h4", { className: "text-xs font-semibold text-muted-foreground/60 uppercase tracking-wider mb-3", children: t("settings.general.groupAppearance", "Appearance") }),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-4", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-between", children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col gap-1.5", children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsx("label", { className: "text-sm font-medium leading-none", children: t("settings.general.theme") }),
+                /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-xs text-muted-foreground/90", children: t("settings.themeDesc", "Customize the appearance of the application") })
+              ] }),
+              (() => {
+                const themeItems = [
+                  { value: "light", label: t("settings.general.light") },
+                  { value: "dark", label: t("settings.general.dark") },
+                  { value: "system", label: t("settings.general.system") }
+                ];
+                return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+                  Select,
+                  {
+                    items: themeItems,
+                    value: theme.themeMode,
+                    onValueChange: handleThemeChange,
+                    children: [
+                      /* @__PURE__ */ jsxRuntimeExports.jsx(SelectTrigger, { size: "sm", className: "w-35", children: /* @__PURE__ */ jsxRuntimeExports.jsx(SelectValue, { placeholder: "Theme" }) }),
+                      /* @__PURE__ */ jsxRuntimeExports.jsx(SelectContent, { children: themeItems.map((item) => /* @__PURE__ */ jsxRuntimeExports.jsx(SelectItem, { value: item.value, children: item.label }, item.value)) })
+                    ]
+                  }
+                );
+              })()
+            ] }),
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-between", children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col gap-1.5", children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsx("label", { className: "text-sm font-medium leading-none", children: t("settings.general.language") }),
+                /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-xs text-muted-foreground/90", children: t("settings.languageDesc", "Select the display language") })
+              ] }),
+              (() => {
+                const languageItems = [
+                  { value: "en", label: t("settings.general.english") },
+                  { value: "zh-CN", label: t("settings.general.chinese") }
+                ];
+                return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+                  Select,
+                  {
+                    items: languageItems,
+                    value: i18n.language,
+                    onValueChange: handleLanguageChange,
+                    children: [
+                      /* @__PURE__ */ jsxRuntimeExports.jsx(SelectTrigger, { size: "sm", className: "w-35", children: /* @__PURE__ */ jsxRuntimeExports.jsx(SelectValue, { placeholder: "Language" }) }),
+                      /* @__PURE__ */ jsxRuntimeExports.jsx(SelectContent, { children: languageItems.map((item) => /* @__PURE__ */ jsxRuntimeExports.jsx(SelectItem, { value: item.value, children: item.label }, item.value)) })
+                    ]
+                  }
+                );
+              })()
+            ] })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "border-t border-border" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx("h4", { className: "text-xs font-semibold text-muted-foreground/60 uppercase tracking-wider mb-3", children: t("settings.general.groupProject", "Project") }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "space-y-4", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-between", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col gap-1.5", children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx("label", { className: "text-sm font-medium leading-none", children: t("settings.general.autoWatchFiles") }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-xs text-muted-foreground/90", children: t(
+                "settings.general.autoWatchFilesDesc",
+                "Automatically watch project file changes"
+              ) })
+            ] }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx(Switch, { checked: fileWatcher.enabled, onCheckedChange: handleFileWatcherChange })
+          ] }) })
+        ] }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "border-t border-border" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx("h4", { className: "text-xs font-semibold text-muted-foreground/60 uppercase tracking-wider mb-3", children: t("settings.general.groupVoiceInput", "Voice Input") }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "space-y-4", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-between", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col gap-1.5", children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx("label", { className: "text-sm font-medium leading-none", children: t("settings.general.altDoublePress", "Double-press Alt") }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-xs text-muted-foreground/90", children: t(
+                "settings.general.altDoublePressDesc",
+                "Double-press Alt quickly while an input is focused to start or stop voice input."
+              ) })
+            ] }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx(
+              Switch,
+              {
+                checked: voiceInput.altDoublePress,
+                onCheckedChange: handleVoiceInputShortcutChange
+              }
+            )
+          ] }) })
+        ] }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "border-t border-border" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx("h4", { className: "text-xs font-semibold text-muted-foreground/60 uppercase tracking-wider mb-3", children: t("settings.general.groupNetwork", "Network") }),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-between", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col gap-1.5", children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx("label", { className: "text-sm font-medium leading-none", children: t("settings.general.proxy", "Network Proxy") }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-xs text-muted-foreground/90", children: t(
+                "settings.general.proxyDesc",
+                "Configure the network proxy used by Fello for Node requests, subprocesses and the UI."
+              ) })
+            ] }),
+            /* @__PURE__ */ jsxRuntimeExports.jsxs(
+              Button,
+              {
+                type: "button",
+                variant: "outline",
+                size: "sm",
+                className: "h-7 w-35 shrink-0 text-xs text-muted-foreground hover:text-foreground",
+                onClick: () => setProxyDialogOpen(true),
+                title: t("settings.general.proxyEdit", "Edit proxy settings"),
+                children: [
+                  /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "min-w-0 flex-1 truncate text-left", children: proxySummary }),
+                  /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronRight, { className: "size-3 shrink-0" })
+                ]
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "border-t border-border" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx("h4", { className: "text-xs font-semibold text-muted-foreground/60 uppercase tracking-wider mb-3", children: t("settings.general.groupEditor", "Editor") }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "space-y-4", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-between", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col gap-1.5", children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx("label", { className: "text-sm font-medium leading-none", children: t("settings.general.editor", "Open in Editor") }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-xs text-muted-foreground/90", children: t("settings.general.editorDesc", "Choose the editor to open files") })
+            ] }),
+            (() => {
+              const editorItems = Object.keys(EDITOR_LABELS).sort((a, b) => EDITOR_LABELS[a].localeCompare(EDITOR_LABELS[b])).map((value) => ({ value, label: EDITOR_LABELS[value] }));
+              return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+                Select,
+                {
+                  items: editorItems,
+                  value: editor.name,
+                  onValueChange: async (val) => {
+                    if (!val) return;
+                    const newEditor = { name: val };
+                    setEditor(newEditor);
+                    try {
+                      await request.updateSettings({ editor: newEditor });
+                    } catch {
+                      toast.error(
+                        t(
+                          "settings.general.saveEditorFailed",
+                          "Failed to save editor setting."
+                        )
+                      );
+                    }
+                  },
+                  children: [
+                    /* @__PURE__ */ jsxRuntimeExports.jsx(SelectTrigger, { size: "sm", className: "w-44", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+                      SelectValue,
+                      {
+                        placeholder: t("settings.general.selectEditor", "Select editor")
+                      }
+                    ) }),
+                    /* @__PURE__ */ jsxRuntimeExports.jsx(SelectContent, { children: editorItems.map((item) => /* @__PURE__ */ jsxRuntimeExports.jsx(SelectItem, { value: item.value, children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "flex items-center gap-2", children: item.label }) }, item.value)) })
+                  ]
+                }
+              );
+            })()
+          ] }) })
+        ] }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "border-t border-border" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx("h4", { className: "text-xs font-semibold text-muted-foreground/60 uppercase tracking-wider mb-3", children: t("settings.general.groupSound", "Sound") }),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-4", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-between", children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col gap-1.5", children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsx("label", { className: "text-sm font-medium leading-none", children: t("settings.general.soundEnabled", "Sound Effects") }),
+                /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-xs text-muted-foreground/90", children: t(
+                  "settings.general.soundEnabledDesc",
+                  "Play sound effects for notifications"
+                ) })
+              ] }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx(
+                Switch,
+                {
+                  checked: !sound.muted,
+                  onCheckedChange: async (checked) => {
+                    const newSound = { ...sound, muted: !checked };
+                    setSound(newSound);
+                    if (newSound.muted) {
+                      L();
+                    } else {
+                      N();
+                    }
+                    try {
+                      await request.updateSettings({ sound: newSound });
+                    } catch {
+                      toast.error(
+                        t("settings.general.saveSoundFailed", "Failed to save sound setting.")
+                      );
+                    }
+                  }
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-between", children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col gap-1.5", children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsx("label", { className: "text-sm font-medium leading-none", children: t("settings.general.soundVolume", "Volume") }),
+                /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-xs text-muted-foreground/90", children: t("settings.general.soundVolumeDesc", "Adjust notification volume") })
+              ] }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "w-35", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+                Slider,
+                {
+                  value: [sound.volume],
+                  min: 0,
+                  max: 100,
+                  step: 1,
+                  onValueChange: async (val) => {
+                    const vol = Array.isArray(val) ? val[0] : val;
+                    const newSound = { ...sound, volume: vol };
+                    setSound(newSound);
+                    _(vol / 100);
+                    try {
+                      await request.updateSettings({ sound: newSound });
+                    } catch {
+                      toast.error(
+                        t("settings.general.saveSoundFailed", "Failed to save sound setting.")
+                      );
+                    }
+                  }
+                }
+              ) })
+            ] }),
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-between", children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col gap-1.5", children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsx("label", { className: "text-sm font-medium leading-none", children: t("settings.general.soundTheme", "Sound Style") }),
+                /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-xs text-muted-foreground/90", children: t("settings.general.soundThemeDesc", "Select the sound effect style") })
+              ] }),
+              (() => {
+                const themeItems = [
+                  { value: "soft", label: t("settings.general.soundSoft", "Soft") },
+                  { value: "crisp", label: t("settings.general.soundCrisp", "Crisp") }
+                ];
+                return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+                  Select,
+                  {
+                    items: themeItems,
+                    value: sound.theme,
+                    onValueChange: async (val) => {
+                      if (!val) return;
+                      const newSound = { ...sound, theme: val };
+                      setSound(newSound);
+                      D(newSound.theme);
+                      try {
+                        await request.updateSettings({ sound: newSound });
+                      } catch {
+                        toast.error(
+                          t(
+                            "settings.general.saveSoundFailed",
+                            "Failed to save sound setting."
+                          )
+                        );
+                      }
+                    },
+                    children: [
+                      /* @__PURE__ */ jsxRuntimeExports.jsx(SelectTrigger, { size: "sm", className: "w-35", children: /* @__PURE__ */ jsxRuntimeExports.jsx(SelectValue, { placeholder: "Theme" }) }),
+                      /* @__PURE__ */ jsxRuntimeExports.jsx(SelectContent, { children: themeItems.map((item) => /* @__PURE__ */ jsxRuntimeExports.jsx(SelectItem, { value: item.value, children: item.label }, item.value)) })
+                    ]
+                  }
+                );
+              })()
+            ] }),
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-between", children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col gap-1.5", children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsx("label", { className: "text-sm font-medium leading-none", children: t("settings.general.soundTest", "Test") }),
+                /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-xs text-muted-foreground/90", children: t("settings.general.soundTestDesc", "Preview the current sound effect") })
+              ] }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx(
+                Button,
+                {
+                  variant: "outline",
+                  size: "sm",
+                  className: "h-7 text-xs w-35 text-muted-foreground hover:text-foreground",
+                  onClick: () => w(),
+                  children: t("settings.general.soundTestPlay", "Play")
+                }
+              )
+            ] })
+          ] })
+        ] })
+      ] })
+    ] }) }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(SettingsProxyDialog, { open: proxyDialogOpen, onOpenChange: setProxyDialogOpen })
+  ] });
+}
+export {
+  SettingsGeneral
+};