@zythum02/fello-server 0.1.55 → 0.1.57

package/out/renderer/assets/settings-speech-CteE8F4J.js

@@ -0,0 +1,1369 @@
+import { u as useTranslation, j as jsxRuntimeExports, I as Input, v as Select, w as SelectTrigger, x as SelectValue, y as SelectContent, z as SelectItem, r as reactExports, a as useAppStore, b as useMessage, B as Button, S as ScrollArea, k as ContextMenu, l as ContextMenuTrigger, d as Switch, m as ContextMenuContent, n as ContextMenuItem, P as Pencil, o as ContextMenuSeparator, T as Trash, D as Dialog, p as DialogContent, q as DialogHeader, s as DialogTitle, t as DialogDescription, H as DialogFooter, f as request, g as extractErrorMessage, J as generateUUID } from "./index-CKDwIiIb.js";
+import { B as BookOpen, o as openGuide } from "./open-guide-CKryRC5n.js";
+import { a as useFormContext, C as Controller, u as useForm, i, F as FormProvider } from "./standard-schema-B43ZsT5c.js";
+import { a as Field, b as FieldLabel, c as FieldError, F as FieldGroup } from "./field-CXofwfDF.js";
+import { o as object, _ as _enum, s as string, b as boolean } from "./schemas-BL-_QQNp.js";
+import { P as Plus } from "./plus-CFoa8VhI.js";
+const DASHSCOPE_ASR_MODEL = "fun-asr-flash-8k-realtime";
+const OPENAI_ASR_MODEL = "gpt-4o-transcribe";
+const DEFAULT_ASR_MODELS = {
+  dashscope: DASHSCOPE_ASR_MODEL,
+  openai: OPENAI_ASR_MODEL
+};
+function effectiveAsrModel(provider) {
+  return provider.asrModel?.trim() || DEFAULT_ASR_MODELS[provider.provider];
+}
+const DASHSCOPE_TTS_VOICE = "longanhuan_v3.6";
+const OPENAI_TTS_VOICE = "coral";
+const IFLYTEK_TTS_VCN = "x5_lingxiaoxuan_flow";
+const VOLC_TTS_VOICE = "zh_female_vv_uranus_bigtts";
+const DEFAULT_TTS_VOICES = {
+  dashscope: DASHSCOPE_TTS_VOICE,
+  openai: OPENAI_TTS_VOICE,
+  iflytek: IFLYTEK_TTS_VCN,
+  volcengine: VOLC_TTS_VOICE
+};
+function effectiveTtsVoice(provider) {
+  return provider.voice?.trim() || DEFAULT_TTS_VOICES[provider.provider];
+}
+const speechProviderValues = ["dashscope", "volcengine", "openai", "iflytek"];
+const speechRegionValues = ["", "cn-beijing", "ap-southeast-1"];
+const nameField = string().trim().min(1, "settings.speech.validation.enterName");
+const providerField = _enum(speechProviderValues, "settings.speech.validation.selectProvider");
+const speechDashscopeSchema = object({
+  name: nameField,
+  provider: providerField,
+  apiKey: string().trim().min(1, "settings.speech.validation.enterApiKey"),
+  workspaceId: string(),
+  region: _enum(speechRegionValues),
+  workspace: string(),
+  language: string(),
+  asrEnabled: boolean(),
+  asrModel: string(),
+  ttsEnabled: boolean(),
+  voice: string(),
+  ttsModel: string()
+});
+function speechDashscopeDefaultValues() {
+  return {
+    name: "",
+    provider: "dashscope",
+    apiKey: "",
+    workspaceId: "",
+    region: "",
+    workspace: "",
+    language: "",
+    asrEnabled: false,
+    asrModel: "",
+    ttsEnabled: false,
+    voice: "",
+    ttsModel: ""
+  };
+}
+function speechDashscopeFromProvider(provider) {
+  return {
+    name: provider?.name ?? "",
+    provider: "dashscope",
+    apiKey: provider?.apiKey ?? "",
+    workspaceId: provider?.workspaceId ?? "",
+    region: provider?.region ?? "",
+    workspace: provider?.workspace ?? "",
+    language: provider?.language ?? "",
+    asrEnabled: provider?.asrEnabled ?? false,
+    asrModel: provider?.asrModel ?? "",
+    ttsEnabled: provider?.ttsEnabled ?? false,
+    voice: provider?.voice ?? "",
+    ttsModel: provider?.ttsModel ?? ""
+  };
+}
+function speechDashscopeToDraft(values) {
+  return {
+    name: values.name.trim(),
+    provider: "dashscope",
+    apiKey: values.apiKey.trim(),
+    workspaceId: values.workspaceId.trim() || void 0,
+    region: values.region || void 0,
+    workspace: values.workspace.trim() || void 0,
+    language: values.language.trim() || void 0,
+    asrEnabled: values.asrEnabled,
+    asrModel: values.asrModel.trim() || void 0,
+    ttsEnabled: values.ttsEnabled,
+    voice: values.voice.trim() || void 0,
+    ttsModel: values.ttsModel.trim() || void 0
+  };
+}
+const speechVolcengineSchema = object({
+  name: nameField,
+  provider: providerField,
+  apiKey: string().trim().min(1, "settings.speech.validation.enterApiKey"),
+  appId: string(),
+  baseUrl: string(),
+  language: string(),
+  asrEnabled: boolean(),
+  asrResourceId: string(),
+  ttsEnabled: boolean(),
+  voice: string()
+});
+function speechVolcengineDefaultValues() {
+  return {
+    name: "",
+    provider: "volcengine",
+    apiKey: "",
+    appId: "",
+    baseUrl: "",
+    language: "",
+    asrEnabled: false,
+    asrResourceId: "",
+    ttsEnabled: false,
+    voice: ""
+  };
+}
+function speechVolcengineFromProvider(provider) {
+  return {
+    name: provider?.name ?? "",
+    provider: "volcengine",
+    apiKey: provider?.apiKey ?? "",
+    appId: provider?.appId ?? "",
+    baseUrl: provider?.baseUrl ?? "",
+    language: provider?.language ?? "",
+    asrEnabled: provider?.asrEnabled ?? false,
+    asrResourceId: provider?.asrResourceId ?? "",
+    ttsEnabled: provider?.ttsEnabled ?? false,
+    voice: provider?.voice ?? ""
+  };
+}
+function speechVolcengineToDraft(values) {
+  return {
+    name: values.name.trim(),
+    provider: "volcengine",
+    apiKey: values.apiKey.trim(),
+    appId: values.appId.trim() || void 0,
+    baseUrl: values.baseUrl.trim().replace(/\/+$/, "") || void 0,
+    language: values.language.trim() || void 0,
+    asrEnabled: values.asrEnabled,
+    asrResourceId: values.asrResourceId.trim() || void 0,
+    ttsEnabled: values.ttsEnabled,
+    voice: values.voice.trim() || void 0
+  };
+}
+const speechOpenaiSchema = object({
+  name: nameField,
+  provider: providerField,
+  apiKey: string().trim().min(1, "settings.speech.validation.enterApiKey"),
+  baseUrl: string(),
+  language: string(),
+  asrEnabled: boolean(),
+  asrModel: string(),
+  ttsEnabled: boolean(),
+  voice: string(),
+  ttsModel: string()
+});
+function speechOpenaiDefaultValues() {
+  return {
+    name: "",
+    provider: "openai",
+    apiKey: "",
+    baseUrl: "",
+    language: "",
+    asrEnabled: false,
+    asrModel: "",
+    ttsEnabled: false,
+    voice: "",
+    ttsModel: ""
+  };
+}
+function speechOpenaiFromProvider(provider) {
+  return {
+    name: provider?.name ?? "",
+    provider: "openai",
+    apiKey: provider?.apiKey ?? "",
+    baseUrl: provider?.baseUrl ?? "",
+    language: provider?.language ?? "",
+    asrEnabled: provider?.asrEnabled ?? false,
+    asrModel: provider?.asrModel ?? "",
+    ttsEnabled: provider?.ttsEnabled ?? false,
+    voice: provider?.voice ?? "",
+    ttsModel: provider?.ttsModel ?? ""
+  };
+}
+function speechOpenaiToDraft(values) {
+  return {
+    name: values.name.trim(),
+    provider: "openai",
+    apiKey: values.apiKey.trim(),
+    baseUrl: values.baseUrl.trim().replace(/\/+$/, "") || void 0,
+    language: values.language.trim() || void 0,
+    asrEnabled: values.asrEnabled,
+    asrModel: values.asrModel.trim() || void 0,
+    ttsEnabled: values.ttsEnabled,
+    voice: values.voice.trim() || void 0,
+    ttsModel: values.ttsModel.trim() || void 0
+  };
+}
+const speechIflytekSchema = object({
+  name: nameField,
+  provider: providerField,
+  appId: string().trim().min(1, "settings.speech.validation.enterAppId"),
+  apiKey: string().trim().min(1, "settings.speech.validation.enterApiKey"),
+  apiSecret: string().trim().min(1, "settings.speech.validation.enterApiSecret"),
+  baseUrl: string(),
+  language: string(),
+  asrEnabled: boolean(),
+  ttsEnabled: boolean(),
+  voice: string()
+});
+function speechIflytekDefaultValues() {
+  return {
+    name: "",
+    provider: "iflytek",
+    appId: "",
+    apiKey: "",
+    apiSecret: "",
+    baseUrl: "",
+    language: "",
+    asrEnabled: false,
+    ttsEnabled: false,
+    voice: ""
+  };
+}
+function speechIflytekFromProvider(provider) {
+  return {
+    name: provider?.name ?? "",
+    provider: "iflytek",
+    appId: provider?.appId ?? "",
+    apiKey: provider?.apiKey ?? "",
+    apiSecret: provider?.apiSecret ?? "",
+    baseUrl: provider?.baseUrl ?? "",
+    language: provider?.language ?? "",
+    asrEnabled: provider?.asrEnabled ?? false,
+    ttsEnabled: provider?.ttsEnabled ?? false,
+    voice: provider?.voice ?? ""
+  };
+}
+function speechIflytekToDraft(values) {
+  return {
+    name: values.name.trim(),
+    provider: "iflytek",
+    appId: values.appId.trim(),
+    apiKey: values.apiKey.trim(),
+    apiSecret: values.apiSecret.trim(),
+    baseUrl: values.baseUrl.trim().replace(/\/+$/, "") || void 0,
+    language: values.language.trim() || void 0,
+    asrEnabled: values.asrEnabled,
+    ttsEnabled: values.ttsEnabled,
+    voice: values.voice.trim() || void 0
+  };
+}
+function SpeechCommonFields({ onProviderChange }) {
+  const { t } = useTranslation();
+  const { control, getValues } = useFormContext();
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "grid grid-cols-2 gap-3", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx(
+      Controller,
+      {
+        name: "name",
+        control,
+        render: ({ field, fieldState }) => /* @__PURE__ */ jsxRuntimeExports.jsxs(Field, { "data-invalid": fieldState.invalid, children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(FieldLabel, { htmlFor: "speech-name", className: "text-[11px] text-muted-foreground", children: t("settings.speech.form.name", "Name") }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            Input,
+            {
+              ...field,
+              id: "speech-name",
+              placeholder: "e.g. Qwen",
+              "aria-invalid": fieldState.invalid,
+              className: "h-8 text-[11px]! text-foreground/70 focus-visible:ring-0.5"
+            }
+          ),
+          fieldState.error?.message ? /* @__PURE__ */ jsxRuntimeExports.jsx(
+            FieldError,
+            {
+              errors: [{ message: t(fieldState.error.message, fieldState.error.message) }]
+            }
+          ) : null
+        ] })
+      }
+    ),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(
+      Controller,
+      {
+        name: "provider",
+        control,
+        render: ({ field }) => /* @__PURE__ */ jsxRuntimeExports.jsxs(Field, { children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(FieldLabel, { htmlFor: "speech-provider", className: "text-[11px] text-muted-foreground", children: t("settings.speech.form.provider", "Provider") }),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs(
+            Select,
+            {
+              name: field.name,
+              value: field.value,
+              onValueChange: (value) => {
+                const provider = value;
+                field.onChange(provider);
+                onProviderChange(provider, getValues("name"));
+              },
+              children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsx(SelectTrigger, { id: "speech-provider", className: "w-full text-[11px]! font-mono", children: /* @__PURE__ */ jsxRuntimeExports.jsx(SelectValue, {}) }),
+                /* @__PURE__ */ jsxRuntimeExports.jsx(SelectContent, { children: speechProviderValues.map((provider) => /* @__PURE__ */ jsxRuntimeExports.jsx(SelectItem, { value: provider, children: provider }, provider)) })
+              ]
+            }
+          )
+        ] })
+      }
+    )
+  ] });
+}
+function OptionalLabel({ htmlFor, children }) {
+  const { t } = useTranslation();
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(FieldLabel, { htmlFor, className: "text-[11px] text-muted-foreground", children: [
+    children,
+    t("settings.speech.form.optional", " (optional)")
+  ] });
+}
+function SpeechSection({ title, description, children }) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "rounded-lg ring ring-border/60 p-3", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "min-w-0", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-xs font-medium", children: title }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-[11px] text-muted-foreground", children: description })
+    ] }),
+    children ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-5 space-y-5", children }) : null
+  ] });
+}
+function SpeechDashscopeForm({
+  open,
+  initial,
+  seededName,
+  onSave,
+  onProviderChange
+}) {
+  const { t } = useTranslation();
+  const form = useForm({
+    resolver: i(speechDashscopeSchema),
+    mode: "onTouched",
+    defaultValues: speechDashscopeDefaultValues()
+  });
+  reactExports.useEffect(() => {
+    if (!open) return;
+    form.reset({ ...speechDashscopeFromProvider(initial), name: seededName });
+  }, [open, initial, seededName, form]);
+  const renderError = (message) => message ? /* @__PURE__ */ jsxRuntimeExports.jsx(FieldError, { errors: [{ message: t(message, message) }] }) : null;
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(FormProvider, { ...form, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
+    "form",
+    {
+      id: "form-speech",
+      onSubmit: form.handleSubmit((values) => onSave(speechDashscopeToDraft(values))),
+      className: "grid grid-cols-2 gap-5 py-2",
+      children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs(FieldGroup, { children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(SpeechCommonFields, { onProviderChange }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            Controller,
+            {
+              name: "apiKey",
+              control: form.control,
+              render: ({ field, fieldState }) => /* @__PURE__ */ jsxRuntimeExports.jsxs(Field, { "data-invalid": fieldState.invalid, children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsx(
+                  FieldLabel,
+                  {
+                    htmlFor: "speech-ds-apikey",
+                    className: "text-[11px] text-muted-foreground",
+                    children: t("settings.speech.form.apiKey", "API Key")
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntimeExports.jsx(
+                  Input,
+                  {
+                    ...field,
+                    id: "speech-ds-apikey",
+                    type: "password",
+                    placeholder: "sk-...",
+                    "aria-invalid": fieldState.invalid,
+                    className: "h-8 text-[11px]! font-mono text-foreground/70 focus-visible:ring-0.5"
+                  }
+                ),
+                renderError(fieldState.error?.message)
+              ] })
+            }
+          ),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "grid grid-cols-2 gap-3", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx(
+              Controller,
+              {
+                name: "workspaceId",
+                control: form.control,
+                render: ({ field }) => /* @__PURE__ */ jsxRuntimeExports.jsxs(Field, { children: [
+                  /* @__PURE__ */ jsxRuntimeExports.jsx(OptionalLabel, { htmlFor: "speech-ds-workspace-id", children: "Workspace ID" }),
+                  /* @__PURE__ */ jsxRuntimeExports.jsx(Input, { ...field, id: "speech-ds-workspace-id", className: "h-8 text-[11px]!" })
+                ] })
+              }
+            ),
+            /* @__PURE__ */ jsxRuntimeExports.jsx(
+              Controller,
+              {
+                name: "region",
+                control: form.control,
+                render: ({ field, fieldState }) => /* @__PURE__ */ jsxRuntimeExports.jsxs(Field, { "data-invalid": fieldState.invalid, children: [
+                  /* @__PURE__ */ jsxRuntimeExports.jsx(OptionalLabel, { htmlFor: "speech-ds-region", children: "Region" }),
+                  /* @__PURE__ */ jsxRuntimeExports.jsx(
+                    Input,
+                    {
+                      ...field,
+                      id: "speech-ds-region",
+                      placeholder: "cn-beijing",
+                      "aria-invalid": fieldState.invalid,
+                      className: "h-8 text-[11px]! font-mono"
+                    }
+                  ),
+                  renderError(fieldState.error?.message)
+                ] })
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            Controller,
+            {
+              name: "workspace",
+              control: form.control,
+              render: ({ field }) => /* @__PURE__ */ jsxRuntimeExports.jsxs(Field, { children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsx(OptionalLabel, { htmlFor: "speech-ds-workspace", children: "Workspace" }),
+                /* @__PURE__ */ jsxRuntimeExports.jsx(Input, { ...field, id: "speech-ds-workspace", className: "h-8 text-[11px]! font-mono" })
+              ] })
+            }
+          ),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            Controller,
+            {
+              name: "language",
+              control: form.control,
+              render: ({ field }) => /* @__PURE__ */ jsxRuntimeExports.jsxs(Field, { children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsx(OptionalLabel, { htmlFor: "speech-ds-language", children: t("settings.speech.form.language", "Language") }),
+                /* @__PURE__ */ jsxRuntimeExports.jsx(
+                  Input,
+                  {
+                    ...field,
+                    id: "speech-ds-language",
+                    className: "h-8 text-[11px]! text-foreground/70 focus-visible:ring-0.5"
+                  }
+                )
+              ] })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs(FieldGroup, { className: "mt-3", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            SpeechSection,
+            {
+              title: t("settings.speech.form.recognition", "Recognition"),
+              description: t(
+                "settings.speech.form.recognitionDesc",
+                "Realtime speech-to-text for chat voice input."
+              ),
+              children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+                Controller,
+                {
+                  name: "asrModel",
+                  control: form.control,
+                  render: ({ field: asrField }) => /* @__PURE__ */ jsxRuntimeExports.jsxs(Field, { children: [
+                    /* @__PURE__ */ jsxRuntimeExports.jsx(OptionalLabel, { htmlFor: "speech-ds-asr-model", children: "Model" }),
+                    /* @__PURE__ */ jsxRuntimeExports.jsx(
+                      Input,
+                      {
+                        ...asrField,
+                        id: "speech-ds-asr-model",
+                        placeholder: DASHSCOPE_ASR_MODEL,
+                        className: "h-8 text-[11px]! font-mono text-foreground/70 focus-visible:ring-0.5"
+                      }
+                    )
+                  ] })
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs(
+            SpeechSection,
+            {
+              title: t("settings.speech.form.synthesis", "Synthesis"),
+              description: t(
+                "settings.speech.form.synthesisDesc",
+                "Read agent replies out loud with this voice."
+              ),
+              children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsx(
+                  Controller,
+                  {
+                    name: "ttsModel",
+                    control: form.control,
+                    render: ({ field: modelField }) => /* @__PURE__ */ jsxRuntimeExports.jsxs(Field, { children: [
+                      /* @__PURE__ */ jsxRuntimeExports.jsx(OptionalLabel, { htmlFor: "speech-ds-tts-model", children: "Model" }),
+                      /* @__PURE__ */ jsxRuntimeExports.jsx(
+                        Input,
+                        {
+                          ...modelField,
+                          id: "speech-ds-tts-model",
+                          placeholder: "qwen-audio-3.0-tts-flash",
+                          className: "h-8 text-[11px]! font-mono text-foreground/70 focus-visible:ring-0.5"
+                        }
+                      )
+                    ] })
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntimeExports.jsx(
+                  Controller,
+                  {
+                    name: "voice",
+                    control: form.control,
+                    render: ({ field: voiceField }) => /* @__PURE__ */ jsxRuntimeExports.jsxs(Field, { children: [
+                      /* @__PURE__ */ jsxRuntimeExports.jsx(OptionalLabel, { htmlFor: "speech-ds-voice", children: t("settings.speech.form.voice", "Voice") }),
+                      /* @__PURE__ */ jsxRuntimeExports.jsx(
+                        Input,
+                        {
+                          ...voiceField,
+                          id: "speech-ds-voice",
+                          placeholder: DASHSCOPE_TTS_VOICE,
+                          className: "h-8 text-[11px]! font-mono text-foreground/70 focus-visible:ring-0.5"
+                        }
+                      )
+                    ] })
+                  }
+                )
+              ]
+            }
+          )
+        ] })
+      ]
+    }
+  ) });
+}
+function SpeechVolcengineForm({
+  open,
+  initial,
+  seededName,
+  onSave,
+  onProviderChange
+}) {
+  const { t } = useTranslation();
+  const form = useForm({
+    resolver: i(speechVolcengineSchema),
+    mode: "onTouched",
+    defaultValues: speechVolcengineDefaultValues()
+  });
+  reactExports.useEffect(() => {
+    if (!open) return;
+    form.reset({ ...speechVolcengineFromProvider(initial), name: seededName });
+  }, [open, initial, seededName, form]);
+  const renderError = (message) => message ? /* @__PURE__ */ jsxRuntimeExports.jsx(FieldError, { errors: [{ message: t(message, message) }] }) : null;
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(FormProvider, { ...form, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
+    "form",
+    {
+      id: "form-speech",
+      onSubmit: form.handleSubmit((values) => onSave(speechVolcengineToDraft(values))),
+      className: "grid grid-cols-2 gap-5 py-2",
+      children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs(FieldGroup, { children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(SpeechCommonFields, { onProviderChange }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            Controller,
+            {
+              name: "apiKey",
+              control: form.control,
+              render: ({ field, fieldState }) => /* @__PURE__ */ jsxRuntimeExports.jsxs(Field, { "data-invalid": fieldState.invalid, children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsx(
+                  FieldLabel,
+                  {
+                    htmlFor: "speech-vol-apikey",
+                    className: "text-[11px] text-muted-foreground",
+                    children: t("settings.speech.form.apiKey", "API Key")
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntimeExports.jsx(
+                  Input,
+                  {
+                    ...field,
+                    id: "speech-vol-apikey",
+                    type: "password",
+                    placeholder: "sk-...",
+                    "aria-invalid": fieldState.invalid,
+                    className: "h-8 text-[11px]! font-mono text-foreground/70 focus-visible:ring-0.5"
+                  }
+                ),
+                renderError(fieldState.error?.message)
+              ] })
+            }
+          ),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            Controller,
+            {
+              name: "appId",
+              control: form.control,
+              render: ({ field }) => /* @__PURE__ */ jsxRuntimeExports.jsxs(Field, { children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsx(OptionalLabel, { htmlFor: "speech-vol-appid", children: t("settings.speech.form.appId", "App ID") }),
+                /* @__PURE__ */ jsxRuntimeExports.jsx(Input, { ...field, id: "speech-vol-appid", className: "h-8 text-[11px]! font-mono" })
+              ] })
+            }
+          ),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            Controller,
+            {
+              name: "baseUrl",
+              control: form.control,
+              render: ({ field }) => /* @__PURE__ */ jsxRuntimeExports.jsxs(Field, { children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsx(OptionalLabel, { htmlFor: "speech-vol-baseurl", children: "Endpoint" }),
+                /* @__PURE__ */ jsxRuntimeExports.jsx(
+                  Input,
+                  {
+                    ...field,
+                    id: "speech-vol-baseurl",
+                    placeholder: "wss://...",
+                    className: "h-8 text-[11px]! font-mono text-foreground/70 focus-visible:ring-0.5"
+                  }
+                )
+              ] })
+            }
+          ),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            Controller,
+            {
+              name: "language",
+              control: form.control,
+              render: ({ field }) => /* @__PURE__ */ jsxRuntimeExports.jsxs(Field, { children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsx(OptionalLabel, { htmlFor: "speech-vol-language", children: t("settings.speech.form.language", "Language") }),
+                /* @__PURE__ */ jsxRuntimeExports.jsx(
+                  Input,
+                  {
+                    ...field,
+                    id: "speech-vol-language",
+                    className: "h-8 text-[11px]! text-foreground/70 focus-visible:ring-0.5"
+                  }
+                )
+              ] })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs(FieldGroup, { className: "mt-3", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            SpeechSection,
+            {
+              title: t("settings.speech.form.recognition", "Recognition"),
+              description: t(
+                "settings.speech.form.recognitionDesc",
+                "Realtime speech-to-text for chat voice input."
+              ),
+              children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+                Controller,
+                {
+                  name: "asrResourceId",
+                  control: form.control,
+                  render: ({ field: resourceField }) => /* @__PURE__ */ jsxRuntimeExports.jsxs(Field, { children: [
+                    /* @__PURE__ */ jsxRuntimeExports.jsx(OptionalLabel, { htmlFor: "speech-vol-resource-id", children: "Resource ID" }),
+                    /* @__PURE__ */ jsxRuntimeExports.jsx(
+                      Input,
+                      {
+                        ...resourceField,
+                        id: "speech-vol-resource-id",
+                        placeholder: "volc.seedasr.sauc.duration",
+                        className: "h-8 text-[11px]! font-mono"
+                      }
+                    )
+                  ] })
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            SpeechSection,
+            {
+              title: t("settings.speech.form.synthesis", "Synthesis"),
+              description: t(
+                "settings.speech.form.synthesisDesc",
+                "Read agent replies out loud with this voice."
+              ),
+              children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+                Controller,
+                {
+                  name: "voice",
+                  control: form.control,
+                  render: ({ field: voiceField }) => /* @__PURE__ */ jsxRuntimeExports.jsxs(Field, { children: [
+                    /* @__PURE__ */ jsxRuntimeExports.jsx(OptionalLabel, { htmlFor: "speech-vol-voice", children: t("settings.speech.form.voice", "Voice") }),
+                    /* @__PURE__ */ jsxRuntimeExports.jsx(
+                      Input,
+                      {
+                        ...voiceField,
+                        id: "speech-vol-voice",
+                        placeholder: VOLC_TTS_VOICE,
+                        className: "h-8 text-[11px]! font-mono text-foreground/70 focus-visible:ring-0.5"
+                      }
+                    )
+                  ] })
+                }
+              )
+            }
+          )
+        ] })
+      ]
+    }
+  ) });
+}
+function SpeechOpenaiForm({
+  open,
+  initial,
+  seededName,
+  onSave,
+  onProviderChange
+}) {
+  const { t } = useTranslation();
+  const form = useForm({
+    resolver: i(speechOpenaiSchema),
+    mode: "onTouched",
+    defaultValues: speechOpenaiDefaultValues()
+  });
+  reactExports.useEffect(() => {
+    if (!open) return;
+    form.reset({ ...speechOpenaiFromProvider(initial), name: seededName });
+  }, [open, initial, seededName, form]);
+  const renderError = (message) => message ? /* @__PURE__ */ jsxRuntimeExports.jsx(FieldError, { errors: [{ message: t(message, message) }] }) : null;
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(FormProvider, { ...form, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
+    "form",
+    {
+      id: "form-speech",
+      onSubmit: form.handleSubmit((values) => onSave(speechOpenaiToDraft(values))),
+      className: "grid grid-cols-2 gap-5 py-2",
+      children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs(FieldGroup, { children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(SpeechCommonFields, { onProviderChange }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            Controller,
+            {
+              name: "apiKey",
+              control: form.control,
+              render: ({ field, fieldState }) => /* @__PURE__ */ jsxRuntimeExports.jsxs(Field, { "data-invalid": fieldState.invalid, children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsx(
+                  FieldLabel,
+                  {
+                    htmlFor: "speech-oi-apikey",
+                    className: "text-[11px] text-muted-foreground",
+                    children: t("settings.speech.form.apiKey", "API Key")
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntimeExports.jsx(
+                  Input,
+                  {
+                    ...field,
+                    id: "speech-oi-apikey",
+                    type: "password",
+                    placeholder: "sk-...",
+                    "aria-invalid": fieldState.invalid,
+                    className: "h-8 text-[11px]! font-mono text-foreground/70 focus-visible:ring-0.5"
+                  }
+                ),
+                renderError(fieldState.error?.message)
+              ] })
+            }
+          ),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            Controller,
+            {
+              name: "baseUrl",
+              control: form.control,
+              render: ({ field }) => /* @__PURE__ */ jsxRuntimeExports.jsxs(Field, { children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsx(OptionalLabel, { htmlFor: "speech-oi-baseurl", children: "Base URL" }),
+                /* @__PURE__ */ jsxRuntimeExports.jsx(
+                  Input,
+                  {
+                    ...field,
+                    id: "speech-oi-baseurl",
+                    placeholder: "https://api.openai.com",
+                    className: "h-8 text-[11px]! font-mono text-foreground/70 focus-visible:ring-0.5"
+                  }
+                )
+              ] })
+            }
+          ),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            Controller,
+            {
+              name: "language",
+              control: form.control,
+              render: ({ field }) => /* @__PURE__ */ jsxRuntimeExports.jsxs(Field, { children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsx(OptionalLabel, { htmlFor: "speech-oi-language", children: t("settings.speech.form.language", "Language") }),
+                /* @__PURE__ */ jsxRuntimeExports.jsx(
+                  Input,
+                  {
+                    ...field,
+                    id: "speech-oi-language",
+                    className: "h-8 text-[11px]! text-foreground/70 focus-visible:ring-0.5"
+                  }
+                )
+              ] })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs(FieldGroup, { className: "mt-3", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            SpeechSection,
+            {
+              title: t("settings.speech.form.recognition", "Recognition"),
+              description: t(
+                "settings.speech.form.recognitionDesc",
+                "Realtime speech-to-text for chat voice input."
+              ),
+              children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+                Controller,
+                {
+                  name: "asrModel",
+                  control: form.control,
+                  render: ({ field: asrField }) => /* @__PURE__ */ jsxRuntimeExports.jsxs(Field, { children: [
+                    /* @__PURE__ */ jsxRuntimeExports.jsx(OptionalLabel, { htmlFor: "speech-oi-asr-model", children: "Model" }),
+                    /* @__PURE__ */ jsxRuntimeExports.jsx(
+                      Input,
+                      {
+                        ...asrField,
+                        id: "speech-oi-asr-model",
+                        placeholder: OPENAI_ASR_MODEL,
+                        className: "h-8 text-[11px]! font-mono text-foreground/70 focus-visible:ring-0.5"
+                      }
+                    )
+                  ] })
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs(
+            SpeechSection,
+            {
+              title: t("settings.speech.form.synthesis", "Synthesis"),
+              description: t(
+                "settings.speech.form.synthesisDesc",
+                "Read agent replies out loud with this voice."
+              ),
+              children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsx(
+                  Controller,
+                  {
+                    name: "ttsModel",
+                    control: form.control,
+                    render: ({ field: modelField }) => /* @__PURE__ */ jsxRuntimeExports.jsxs(Field, { children: [
+                      /* @__PURE__ */ jsxRuntimeExports.jsx(OptionalLabel, { htmlFor: "speech-oi-tts-model", children: "Model" }),
+                      /* @__PURE__ */ jsxRuntimeExports.jsx(
+                        Input,
+                        {
+                          ...modelField,
+                          id: "speech-oi-tts-model",
+                          placeholder: "gpt-4o-mini-tts",
+                          className: "h-8 text-[11px]! font-mono text-foreground/70 focus-visible:ring-0.5"
+                        }
+                      )
+                    ] })
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntimeExports.jsx(
+                  Controller,
+                  {
+                    name: "voice",
+                    control: form.control,
+                    render: ({ field: voiceField }) => /* @__PURE__ */ jsxRuntimeExports.jsxs(Field, { children: [
+                      /* @__PURE__ */ jsxRuntimeExports.jsx(OptionalLabel, { htmlFor: "speech-oi-voice", children: t("settings.speech.form.voice", "Voice") }),
+                      /* @__PURE__ */ jsxRuntimeExports.jsx(
+                        Input,
+                        {
+                          ...voiceField,
+                          id: "speech-oi-voice",
+                          placeholder: OPENAI_TTS_VOICE,
+                          className: "h-8 text-[11px]! font-mono text-foreground/70 focus-visible:ring-0.5"
+                        }
+                      )
+                    ] })
+                  }
+                )
+              ]
+            }
+          )
+        ] })
+      ]
+    }
+  ) });
+}
+function SpeechIflytekForm({
+  open,
+  initial,
+  seededName,
+  onSave,
+  onProviderChange
+}) {
+  const { t } = useTranslation();
+  const form = useForm({
+    resolver: i(speechIflytekSchema),
+    mode: "onTouched",
+    defaultValues: speechIflytekDefaultValues()
+  });
+  reactExports.useEffect(() => {
+    if (!open) return;
+    form.reset({ ...speechIflytekFromProvider(initial), name: seededName });
+  }, [open, initial, seededName, form]);
+  const renderError = (message) => message ? /* @__PURE__ */ jsxRuntimeExports.jsx(FieldError, { errors: [{ message: t(message, message) }] }) : null;
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(FormProvider, { ...form, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
+    "form",
+    {
+      id: "form-speech",
+      onSubmit: form.handleSubmit((values) => onSave(speechIflytekToDraft(values))),
+      className: "grid grid-cols-2 gap-5 py-2",
+      children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs(FieldGroup, { children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(SpeechCommonFields, { onProviderChange }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            Controller,
+            {
+              name: "appId",
+              control: form.control,
+              render: ({ field, fieldState }) => /* @__PURE__ */ jsxRuntimeExports.jsxs(Field, { "data-invalid": fieldState.invalid, children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsx(FieldLabel, { htmlFor: "speech-xf-appid", className: "text-[11px] text-muted-foreground", children: t("settings.speech.form.appId", "App ID") }),
+                /* @__PURE__ */ jsxRuntimeExports.jsx(
+                  Input,
+                  {
+                    ...field,
+                    id: "speech-xf-appid",
+                    "aria-invalid": fieldState.invalid,
+                    className: "h-8 text-[11px]! font-mono text-foreground/70 focus-visible:ring-0.5"
+                  }
+                ),
+                renderError(fieldState.error?.message)
+              ] })
+            }
+          ),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            Controller,
+            {
+              name: "apiKey",
+              control: form.control,
+              render: ({ field, fieldState }) => /* @__PURE__ */ jsxRuntimeExports.jsxs(Field, { "data-invalid": fieldState.invalid, children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsx(
+                  FieldLabel,
+                  {
+                    htmlFor: "speech-xf-apikey",
+                    className: "text-[11px] text-muted-foreground",
+                    children: t("settings.speech.form.apiKey", "API Key")
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntimeExports.jsx(
+                  Input,
+                  {
+                    ...field,
+                    id: "speech-xf-apikey",
+                    type: "password",
+                    placeholder: "sk-...",
+                    "aria-invalid": fieldState.invalid,
+                    className: "h-8 text-[11px]! font-mono text-foreground/70 focus-visible:ring-0.5"
+                  }
+                ),
+                renderError(fieldState.error?.message)
+              ] })
+            }
+          ),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            Controller,
+            {
+              name: "apiSecret",
+              control: form.control,
+              render: ({ field, fieldState }) => /* @__PURE__ */ jsxRuntimeExports.jsxs(Field, { "data-invalid": fieldState.invalid, children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsx(
+                  FieldLabel,
+                  {
+                    htmlFor: "speech-xf-api-secret",
+                    className: "text-[11px] text-muted-foreground",
+                    children: t("settings.speech.form.apiSecret", "API Secret")
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntimeExports.jsx(
+                  Input,
+                  {
+                    ...field,
+                    id: "speech-xf-api-secret",
+                    type: "password",
+                    "aria-invalid": fieldState.invalid,
+                    className: "h-8 text-[11px]! font-mono text-foreground/70 focus-visible:ring-0.5"
+                  }
+                ),
+                renderError(fieldState.error?.message)
+              ] })
+            }
+          ),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            Controller,
+            {
+              name: "baseUrl",
+              control: form.control,
+              render: ({ field }) => /* @__PURE__ */ jsxRuntimeExports.jsxs(Field, { children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsx(OptionalLabel, { htmlFor: "speech-xf-baseurl", children: "Endpoint" }),
+                /* @__PURE__ */ jsxRuntimeExports.jsx(
+                  Input,
+                  {
+                    ...field,
+                    id: "speech-xf-baseurl",
+                    placeholder: "wss://...",
+                    className: "h-8 text-[11px]! font-mono text-foreground/70 focus-visible:ring-0.5"
+                  }
+                )
+              ] })
+            }
+          ),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            Controller,
+            {
+              name: "language",
+              control: form.control,
+              render: ({ field }) => /* @__PURE__ */ jsxRuntimeExports.jsxs(Field, { children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsx(OptionalLabel, { htmlFor: "speech-xf-language", children: t("settings.speech.form.language", "Language") }),
+                /* @__PURE__ */ jsxRuntimeExports.jsx(
+                  Input,
+                  {
+                    ...field,
+                    id: "speech-xf-language",
+                    className: "h-8 text-[11px]! text-foreground/70 focus-visible:ring-0.5"
+                  }
+                )
+              ] })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs(FieldGroup, { className: "mt-3", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            SpeechSection,
+            {
+              title: t("settings.speech.form.recognition", "Recognition"),
+              description: t(
+                "settings.speech.form.recognitionDesc",
+                "Realtime speech-to-text for chat voice input."
+              )
+            }
+          ),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            SpeechSection,
+            {
+              title: t("settings.speech.form.synthesis", "Synthesis"),
+              description: t(
+                "settings.speech.form.synthesisDesc",
+                "Read agent replies out loud with this voice."
+              ),
+              children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+                Controller,
+                {
+                  name: "voice",
+                  control: form.control,
+                  render: ({ field: voiceField }) => /* @__PURE__ */ jsxRuntimeExports.jsxs(Field, { children: [
+                    /* @__PURE__ */ jsxRuntimeExports.jsx(OptionalLabel, { htmlFor: "speech-xf-voice", children: t("settings.speech.form.voice", "Voice") }),
+                    /* @__PURE__ */ jsxRuntimeExports.jsx(
+                      Input,
+                      {
+                        ...voiceField,
+                        id: "speech-xf-voice",
+                        placeholder: IFLYTEK_TTS_VCN,
+                        className: "h-8 text-[11px]! font-mono text-foreground/70 focus-visible:ring-0.5"
+                      }
+                    )
+                  ] })
+                }
+              )
+            }
+          )
+        ] })
+      ]
+    }
+  ) });
+}
+function SettingsSpeechDialog({
+  open,
+  onOpenChange,
+  initialProvider,
+  provider,
+  seededName,
+  onProviderChange,
+  onSave
+}) {
+  const { t } = useTranslation();
+  const saveDraft = async (draft) => {
+    await onSave({
+      id: initialProvider?.id ?? generateUUID().replace(/-/g, "").slice(0, 12),
+      ...draft
+    });
+  };
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Dialog, { open, onOpenChange, disablePointerDismissal: true, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(DialogContent, { className: "max-h-[90vh] overflow-y-auto sm:max-w-3xl", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs(DialogHeader, { children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(DialogTitle, { children: initialProvider ? t("settings.speech.editProvider", "Edit Provider") : t("settings.speech.addProvider", "Add Provider") }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(DialogDescription, { children: t(
+        "settings.speech.dialogDesc",
+        "Configure one provider for speech recognition and/or speech synthesis."
+      ) })
+    ] }),
+    provider === "dashscope" && /* @__PURE__ */ jsxRuntimeExports.jsx(
+      SpeechDashscopeForm,
+      {
+        open,
+        initial: initialProvider,
+        seededName,
+        onSave: saveDraft,
+        onProviderChange
+      }
+    ),
+    provider === "volcengine" && /* @__PURE__ */ jsxRuntimeExports.jsx(
+      SpeechVolcengineForm,
+      {
+        open,
+        initial: initialProvider,
+        seededName,
+        onSave: saveDraft,
+        onProviderChange
+      }
+    ),
+    provider === "openai" && /* @__PURE__ */ jsxRuntimeExports.jsx(
+      SpeechOpenaiForm,
+      {
+        open,
+        initial: initialProvider,
+        seededName,
+        onSave: saveDraft,
+        onProviderChange
+      }
+    ),
+    provider === "iflytek" && /* @__PURE__ */ jsxRuntimeExports.jsx(
+      SpeechIflytekForm,
+      {
+        open,
+        initial: initialProvider,
+        seededName,
+        onSave: saveDraft,
+        onProviderChange
+      }
+    ),
+    /* @__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.speech.cancel", "Cancel")
+        }
+      ),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(Button, { type: "submit", form: "form-speech", size: "sm", className: "h-7 text-xs", children: t("settings.speech.save", "Save") })
+    ] })
+  ] }) });
+}
+function SettingsSpeech() {
+  const { t, i18n } = useTranslation();
+  const { speechProviders, setSpeechProviders } = useAppStore();
+  const { toast, confirm } = useMessage();
+  const [providers, setProviders] = reactExports.useState([]);
+  const [contextMenuId, setContextMenuId] = reactExports.useState(null);
+  const [dialogOpen, setDialogOpen] = reactExports.useState(false);
+  const [dialogItem, setDialogItem] = reactExports.useState(null);
+  const [dialogProvider, setDialogProvider] = reactExports.useState("dashscope");
+  const [dialogName, setDialogName] = reactExports.useState("");
+  reactExports.useEffect(() => {
+    setProviders(speechProviders);
+  }, [speechProviders]);
+  const handleSave = async (updated) => {
+    try {
+      await request.updateSettings({ speechProviders: updated });
+      setSpeechProviders(updated);
+    } catch (err) {
+      toast.error(
+        extractErrorMessage(err) || t("settings.speech.updateFailed", "Failed to update configuration.")
+      );
+    }
+  };
+  const closeDialog = () => {
+    setDialogOpen(false);
+    setDialogItem(null);
+  };
+  const openAddDialog = () => {
+    setDialogItem(null);
+    setDialogProvider("dashscope");
+    setDialogName("");
+    setDialogOpen(true);
+  };
+  const openEditDialog = (provider) => {
+    setDialogItem(provider);
+    setDialogProvider(provider.provider);
+    setDialogName(provider.name);
+    setDialogOpen(true);
+  };
+  const upsertProvider = async (next) => {
+    const isNew = dialogItem === null;
+    const saved = isNew && !next.asrEnabled && !next.ttsEnabled && !providers.some((p) => p.asrEnabled) ? { ...next, asrEnabled: true } : next;
+    const base = isNew ? [...providers, saved] : providers.map((provider) => provider.id === dialogItem.id ? saved : provider);
+    const updated = base.map(
+      (provider) => provider.id === saved.id ? provider : {
+        ...provider,
+        asrEnabled: saved.asrEnabled ? false : provider.asrEnabled,
+        ttsEnabled: saved.ttsEnabled ? false : provider.ttsEnabled
+      }
+    );
+    setProviders(updated);
+    closeDialog();
+    await handleSave(updated);
+  };
+  const handleDelete = async (id) => {
+    const result = await confirm({
+      title: t("settings.speech.confirmDeleteTitle", "Delete Provider"),
+      content: t(
+        "settings.speech.confirmDeleteDesc",
+        "Are you sure you want to delete this speech provider?"
+      ),
+      buttons: [
+        { text: t("message.cancel", "Cancel"), value: null, variant: "outline" },
+        {
+          text: t("settings.speech.delete", "Delete"),
+          value: "confirm",
+          variant: "destructive"
+        }
+      ]
+    });
+    if (!result) return;
+    const updated = providers.filter((provider) => provider.id !== id);
+    setProviders(updated);
+    await handleSave(updated);
+  };
+  const handleToggleDirection = async (id, field, enabled) => {
+    const updated = providers.map((provider) => {
+      if (provider.id === id) {
+        return field === "asrEnabled" ? { ...provider, asrEnabled: enabled } : { ...provider, ttsEnabled: enabled };
+      }
+      if (!enabled) return provider;
+      return field === "asrEnabled" ? { ...provider, asrEnabled: false } : { ...provider, ttsEnabled: false };
+    });
+    setProviders(updated);
+    await handleSave(updated);
+  };
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex h-full flex-col", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mx-auto w-full max-w-4xl px-5 py-4", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-between", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("h3", { className: "text-lg font-medium", children: t("settings.speech.title", "Speech") }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs(
+          "button",
+          {
+            type: "button",
+            onClick: () => openGuide(i18n.language, "speech.md"),
+            className: "inline-flex cursor-default items-center gap-1.5 text-xs text-muted-foreground transition-colors hover:text-foreground",
+            children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx(BookOpen, { className: "size-3.5" }),
+              t("settings.speech.guide", "User Guide")
+            ]
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-sm text-muted-foreground", children: t(
+        "settings.speech.desc",
+        "Configure voice input (speech-to-text) and voice output (speech synthesis)."
+      ) })
+    ] }),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mx-auto w-full max-w-4xl space-y-2 px-4", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-between p-1", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("h3", { className: "text-xs text-foreground/50", children: t("settings.speech.providers", "Providers") }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs(
+          Button,
+          {
+            variant: "outline",
+            size: "xs",
+            onClick: openAddDialog,
+            className: "h-7 text-xs text-foreground/70",
+            children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx(Plus, { className: "mr-1 size-3" }),
+              t("settings.speech.add", "Add Provider")
+            ]
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "-mx-4 border-t border-border" })
+    ] }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(ScrollArea, { className: "w-full flex-1 overflow-hidden", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mx-auto w-full max-w-4xl", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "m-5 space-y-3 pb-6", children: [
+      providers.map((provider) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
+        ContextMenu,
+        {
+          onOpenChange: (open) => setContextMenuId(open ? provider.id : null),
+          children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx(ContextMenuTrigger, { children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
+              "div",
+              {
+                className: `flex min-h-10 cursor-default select-none items-center gap-2 overflow-hidden rounded-lg border bg-secondary/50 p-1.5 text-sm ${contextMenuId === provider.id ? "ring-1 ring-primary" : ""}`,
+                children: [
+                  /* @__PURE__ */ jsxRuntimeExports.jsx(
+                    "span",
+                    {
+                      className: `ml-1 max-w-32 shrink-0 truncate text-xs font-bold ${!provider.asrEnabled && !provider.ttsEnabled ? "text-muted-foreground/50" : ""}`,
+                      children: provider.name
+                    }
+                  ),
+                  /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "shrink-0 rounded bg-muted px-1 py-0.5 text-[9px] font-medium uppercase text-muted-foreground/70", children: provider.provider }),
+                  /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "w-0 flex-1 truncate font-mono text-[10px] text-muted-foreground", children: [
+                    effectiveAsrModel(provider) || provider.asrResourceId,
+                    [provider.ttsModel, effectiveTtsVoice(provider)].filter(Boolean).join("/")
+                  ].filter(Boolean).join(" · ") || provider.baseUrl }),
+                  /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ml-1 flex shrink-0 items-center gap-3", children: [
+                    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-1", children: [
+                      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-[10px] text-muted-foreground", children: t("settings.speech.shortRecognition", "ASR") }),
+                      /* @__PURE__ */ jsxRuntimeExports.jsx(
+                        Switch,
+                        {
+                          size: "sm",
+                          checked: provider.asrEnabled,
+                          onCheckedChange: (enabled) => handleToggleDirection(provider.id, "asrEnabled", enabled),
+                          "aria-label": t("settings.speech.form.recognition", "Recognition")
+                        }
+                      )
+                    ] }),
+                    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-1", children: [
+                      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-[10px] text-muted-foreground", children: t("settings.speech.shortSynthesis", "TTS") }),
+                      /* @__PURE__ */ jsxRuntimeExports.jsx(
+                        Switch,
+                        {
+                          size: "sm",
+                          checked: provider.ttsEnabled,
+                          onCheckedChange: (enabled) => handleToggleDirection(provider.id, "ttsEnabled", enabled),
+                          "aria-label": t("settings.speech.form.synthesis", "Synthesis")
+                        }
+                      )
+                    ] })
+                  ] })
+                ]
+              }
+            ) }),
+            /* @__PURE__ */ jsxRuntimeExports.jsxs(ContextMenuContent, { className: "w-32", children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsxs(ContextMenuItem, { onClick: () => openEditDialog(provider), children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsx(Pencil, { className: "size-3" }),
+                t("settings.speech.edit", "Edit")
+              ] }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx(ContextMenuSeparator, {}),
+              /* @__PURE__ */ jsxRuntimeExports.jsxs(ContextMenuItem, { variant: "destructive", onClick: () => handleDelete(provider.id), children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsx(Trash, { className: "size-3" }),
+                t("settings.speech.delete", "Delete")
+              ] })
+            ] })
+          ]
+        },
+        provider.id
+      )),
+      providers.length === 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "py-8 text-center text-sm text-muted-foreground", children: t("settings.speech.empty", "No speech providers configured") })
+    ] }) }) }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(
+      SettingsSpeechDialog,
+      {
+        open: dialogOpen,
+        onOpenChange: (open) => {
+          if (!open) closeDialog();
+          else setDialogOpen(true);
+        },
+        initialProvider: dialogItem,
+        provider: dialogProvider,
+        seededName: dialogName,
+        onProviderChange: (nextProvider, name) => {
+          setDialogName(name);
+          setDialogProvider(nextProvider);
+        },
+        onSave: upsertProvider
+      }
+    )
+  ] });
+}
+export {
+  SettingsSpeech
+};