@zythum02/fello-server 0.1.51 → 0.1.53

package/out/renderer/assets/settings-speech-to-text-DQ7lfkTu.js

@@ -0,0 +1,1054 @@
+import { u as useTranslation, r as reactExports, j as jsxRuntimeExports, I as Input, a as useAppStore, b as useMessage, B as Button, S as ScrollArea, k as ContextMenu, l as ContextMenuTrigger, c as Switch, m as ContextMenuContent, n as ContextMenuItem, P as Pencil, o as ContextMenuSeparator, T as Trash2, D as Dialog, p as DialogContent, q as DialogHeader, s as DialogTitle, t as DialogDescription, v as Select, w as SelectTrigger, x as SelectValue, y as SelectContent, z as SelectItem, H as DialogFooter, e as request, f as extractErrorMessage, J as generateUUID } from "./index-LmYTNvdF.js";
+import { u as useForm, i, C as Controller } from "./standard-schema-dKXoCekr.js";
+import { F as FieldGroup, a as Field, b as FieldLabel, c as FieldError } from "./field-DR3J0r9e.js";
+import { B as BookOpen, o as openGuide } from "./open-guide-CfLO-Sdk.js";
+import { o as object, _ as _enum, s as string } from "./schemas-c0X-G5_P.js";
+import { P as Plus } from "./plus-YNCXW-GD.js";
+const speechToTextProviderValues = ["dashscope", "volcengine", "openai", "iflytek"];
+const speechToTextRegionValues = ["", "cn-beijing", "ap-southeast-1"];
+const speechToTextCommonSchema = object({
+  name: string().trim().min(1, "settings.speechToText.validation.enterName"),
+  provider: _enum(speechToTextProviderValues, "settings.speechToText.validation.selectProvider")
+});
+const dashscopeSchema = object({
+  apiKey: string().trim().min(1, "settings.speechToText.validation.enterApiKey"),
+  model: string(),
+  workspaceId: string(),
+  region: _enum(speechToTextRegionValues),
+  workspace: string(),
+  language: string()
+});
+function dashscopeDefaultValues() {
+  return {
+    apiKey: "",
+    model: "",
+    workspaceId: "",
+    region: "",
+    workspace: "",
+    language: ""
+  };
+}
+function dashscopeFromProvider(provider) {
+  return {
+    apiKey: provider?.apiKey ?? "",
+    model: provider?.model ?? "",
+    workspaceId: provider?.workspaceId ?? "",
+    region: provider?.region ?? "",
+    workspace: provider?.workspace ?? "",
+    language: provider?.language ?? ""
+  };
+}
+function dashscopeToProviderPart(values) {
+  return {
+    apiKey: values.apiKey.trim(),
+    model: values.model.trim() || void 0,
+    workspaceId: values.workspaceId.trim() || void 0,
+    region: values.region || void 0,
+    workspace: values.workspace.trim() || void 0,
+    language: values.language.trim() || void 0
+  };
+}
+const volcengineSchema = object({
+  apiKey: string().trim().min(1, "settings.speechToText.validation.enterApiKey"),
+  appId: string(),
+  resourceId: string(),
+  baseUrl: string(),
+  language: string()
+});
+function volcengineDefaultValues() {
+  return { apiKey: "", appId: "", resourceId: "", baseUrl: "", language: "" };
+}
+function volcengineFromProvider(provider) {
+  return {
+    apiKey: provider?.apiKey ?? "",
+    appId: provider?.appId ?? "",
+    resourceId: provider?.resourceId ?? "",
+    baseUrl: provider?.baseUrl ?? "",
+    language: provider?.language ?? ""
+  };
+}
+function volcengineToProviderPart(values) {
+  return {
+    apiKey: values.apiKey.trim(),
+    appId: values.appId.trim() || void 0,
+    resourceId: values.resourceId.trim() || void 0,
+    baseUrl: values.baseUrl.trim().replace(/\/+$/, "") || void 0,
+    language: values.language.trim() || void 0
+  };
+}
+const openaiSchema = object({
+  apiKey: string().trim().min(1, "settings.speechToText.validation.enterApiKey"),
+  model: string(),
+  baseUrl: string(),
+  language: string()
+});
+function openaiDefaultValues() {
+  return { apiKey: "", model: "", baseUrl: "", language: "" };
+}
+function openaiFromProvider(provider) {
+  return {
+    apiKey: provider?.apiKey ?? "",
+    model: provider?.model ?? "",
+    baseUrl: provider?.baseUrl ?? "",
+    language: provider?.language ?? ""
+  };
+}
+function openaiToProviderPart(values) {
+  return {
+    apiKey: values.apiKey.trim(),
+    model: values.model.trim() || void 0,
+    baseUrl: values.baseUrl.trim().replace(/\/+$/, "") || void 0,
+    language: values.language.trim() || void 0
+  };
+}
+const iflytekSchema = object({
+  apiKey: string().trim().min(1, "settings.speechToText.validation.enterApiKey"),
+  appId: string().trim().min(1, "settings.speechToText.validation.enterAppId"),
+  apiSecret: string().trim().min(1, "settings.speechToText.validation.enterApiSecret"),
+  baseUrl: string(),
+  language: string()
+});
+function iflytekDefaultValues() {
+  return { apiKey: "", appId: "", apiSecret: "", baseUrl: "", language: "" };
+}
+function iflytekFromProvider(provider) {
+  return {
+    apiKey: provider?.apiKey ?? "",
+    appId: provider?.appId ?? "",
+    apiSecret: provider?.apiSecret ?? "",
+    baseUrl: provider?.baseUrl ?? "",
+    language: provider?.language ?? ""
+  };
+}
+function iflytekToProviderPart(values) {
+  return {
+    apiKey: values.apiKey.trim(),
+    appId: values.appId.trim(),
+    apiSecret: values.apiSecret.trim(),
+    baseUrl: values.baseUrl.trim().replace(/\/+$/, "") || void 0,
+    language: values.language.trim() || void 0
+  };
+}
+function OptionalLabel$3({ htmlFor, children }) {
+  const { t } = useTranslation();
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(FieldLabel, { htmlFor, className: "text-[11px] text-muted-foreground", children: [
+    children,
+    t("settings.speechToText.form.optional", " (optional)")
+  ] });
+}
+function DashScopeForm({
+  open,
+  initial,
+  submitRef,
+  submitAll,
+  onValid
+}) {
+  const { t } = useTranslation();
+  const form = useForm({
+    resolver: i(dashscopeSchema),
+    mode: "onTouched",
+    defaultValues: dashscopeDefaultValues()
+  });
+  reactExports.useEffect(() => {
+    if (!open) return;
+    form.reset(
+      initial?.provider === "dashscope" ? dashscopeFromProvider(initial) : dashscopeDefaultValues()
+    );
+  }, [open, initial, form]);
+  reactExports.useEffect(() => {
+    submitRef.current = form.handleSubmit((values) => onValid(dashscopeToProviderPart(values)));
+    return () => {
+      submitRef.current = null;
+    };
+  }, [submitRef, form, onValid]);
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    "form",
+    {
+      onSubmit: (event) => {
+        event.preventDefault();
+        submitAll();
+      },
+      children: /* @__PURE__ */ jsxRuntimeExports.jsxs(FieldGroup, { className: "py-1", children: [
+        /* @__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: "stt-apikey", className: "text-[11px] text-muted-foreground", children: t("settings.speechToText.form.apiKey", "API Key") }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx(
+                Input,
+                {
+                  ...field,
+                  id: "stt-apikey",
+                  type: "password",
+                  placeholder: "sk-...",
+                  "aria-invalid": fieldState.invalid,
+                  className: "h-8 text-[11px]! font-mono 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: "model",
+            control: form.control,
+            render: ({ field }) => /* @__PURE__ */ jsxRuntimeExports.jsxs(Field, { children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx(OptionalLabel$3, { htmlFor: "stt-model", children: "Model" }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx(
+                Input,
+                {
+                  ...field,
+                  id: "stt-model",
+                  placeholder: "fun-asr-flash-8k-realtime",
+                  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-3", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            Controller,
+            {
+              name: "workspaceId",
+              control: form.control,
+              render: ({ field }) => /* @__PURE__ */ jsxRuntimeExports.jsxs(Field, { children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsx(OptionalLabel$3, { htmlFor: "stt-workspace-id", children: "Workspace ID" }),
+                /* @__PURE__ */ jsxRuntimeExports.jsx(Input, { ...field, id: "stt-workspace-id", className: "h-8 text-[11px]!" })
+              ] })
+            }
+          ),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            Controller,
+            {
+              name: "region",
+              control: form.control,
+              render: ({ field }) => /* @__PURE__ */ jsxRuntimeExports.jsxs(Field, { children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsx(OptionalLabel$3, { htmlFor: "stt-region", children: "Region" }),
+                /* @__PURE__ */ jsxRuntimeExports.jsx(
+                  Input,
+                  {
+                    ...field,
+                    id: "stt-region",
+                    placeholder: "cn-beijing",
+                    className: "h-8 text-[11px]! font-mono"
+                  }
+                )
+              ] })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          Controller,
+          {
+            name: "workspace",
+            control: form.control,
+            render: ({ field }) => /* @__PURE__ */ jsxRuntimeExports.jsxs(Field, { children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx(OptionalLabel$3, { htmlFor: "stt-workspace", children: "Workspace" }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx(Input, { ...field, id: "stt-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(FieldLabel, { htmlFor: "stt-language", className: "text-[11px] text-muted-foreground", children: t("settings.speechToText.form.language", "Language (optional)") }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx(
+                Input,
+                {
+                  ...field,
+                  id: "stt-language",
+                  className: "h-8 text-[11px]! text-foreground/70 focus-visible:ring-0.5"
+                }
+              )
+            ] })
+          }
+        )
+      ] })
+    }
+  );
+}
+function OptionalLabel$2({ htmlFor, children }) {
+  const { t } = useTranslation();
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(FieldLabel, { htmlFor, className: "text-[11px] text-muted-foreground", children: [
+    children,
+    t("settings.speechToText.form.optional", " (optional)")
+  ] });
+}
+function VolcengineForm({
+  open,
+  initial,
+  submitRef,
+  submitAll,
+  onValid
+}) {
+  const { t } = useTranslation();
+  const form = useForm({
+    resolver: i(volcengineSchema),
+    mode: "onTouched",
+    defaultValues: volcengineDefaultValues()
+  });
+  reactExports.useEffect(() => {
+    if (!open) return;
+    form.reset(
+      initial?.provider === "volcengine" ? volcengineFromProvider(initial) : volcengineDefaultValues()
+    );
+  }, [open, initial, form]);
+  reactExports.useEffect(() => {
+    submitRef.current = form.handleSubmit((values) => onValid(volcengineToProviderPart(values)));
+    return () => {
+      submitRef.current = null;
+    };
+  }, [submitRef, form, onValid]);
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    "form",
+    {
+      onSubmit: (event) => {
+        event.preventDefault();
+        submitAll();
+      },
+      children: /* @__PURE__ */ jsxRuntimeExports.jsxs(FieldGroup, { className: "py-1", children: [
+        /* @__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: "stt-apikey", className: "text-[11px] text-muted-foreground", children: t("settings.speechToText.form.apiKey", "API Key") }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx(
+                Input,
+                {
+                  ...field,
+                  id: "stt-apikey",
+                  type: "password",
+                  placeholder: "sk-...",
+                  "aria-invalid": fieldState.invalid,
+                  className: "h-8 text-[11px]! font-mono 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: "resourceId",
+            control: form.control,
+            render: ({ field }) => /* @__PURE__ */ jsxRuntimeExports.jsxs(Field, { children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx(OptionalLabel$2, { htmlFor: "stt-resource-id", children: "Resource ID" }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx(
+                Input,
+                {
+                  ...field,
+                  id: "stt-resource-id",
+                  placeholder: "volc.seedasr.sauc.duration",
+                  className: "h-8 text-[11px]! font-mono"
+                }
+              )
+            ] })
+          }
+        ),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          Controller,
+          {
+            name: "appId",
+            control: form.control,
+            render: ({ field }) => /* @__PURE__ */ jsxRuntimeExports.jsxs(Field, { children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx(OptionalLabel$2, { htmlFor: "stt-volc-app-id", children: t("settings.speechToText.form.appId", "App ID") }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx(Input, { ...field, id: "stt-volc-app-id", className: "h-8 text-[11px]! font-mono" })
+            ] })
+          }
+        ),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          Controller,
+          {
+            name: "baseUrl",
+            control: form.control,
+            render: ({ field, fieldState }) => /* @__PURE__ */ jsxRuntimeExports.jsxs(Field, { "data-invalid": fieldState.invalid, children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx(OptionalLabel$2, { htmlFor: "stt-baseurl", children: "Endpoint" }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx(
+                Input,
+                {
+                  ...field,
+                  id: "stt-baseurl",
+                  placeholder: "wss://...",
+                  "aria-invalid": fieldState.invalid,
+                  className: "h-8 text-[11px]! font-mono 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: "language",
+            control: form.control,
+            render: ({ field }) => /* @__PURE__ */ jsxRuntimeExports.jsxs(Field, { children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx(FieldLabel, { htmlFor: "stt-language", className: "text-[11px] text-muted-foreground", children: t("settings.speechToText.form.language", "Language (optional)") }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx(
+                Input,
+                {
+                  ...field,
+                  id: "stt-language",
+                  className: "h-8 text-[11px]! text-foreground/70 focus-visible:ring-0.5"
+                }
+              )
+            ] })
+          }
+        )
+      ] })
+    }
+  );
+}
+function OptionalLabel$1({ htmlFor, children }) {
+  const { t } = useTranslation();
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(FieldLabel, { htmlFor, className: "text-[11px] text-muted-foreground", children: [
+    children,
+    t("settings.speechToText.form.optional", " (optional)")
+  ] });
+}
+function OpenAIForm({ open, initial, submitRef, submitAll, onValid }) {
+  const { t } = useTranslation();
+  const form = useForm({
+    resolver: i(openaiSchema),
+    mode: "onTouched",
+    defaultValues: openaiDefaultValues()
+  });
+  reactExports.useEffect(() => {
+    if (!open) return;
+    form.reset(
+      initial?.provider === "openai" ? openaiFromProvider(initial) : openaiDefaultValues()
+    );
+  }, [open, initial, form]);
+  reactExports.useEffect(() => {
+    submitRef.current = form.handleSubmit((values) => onValid(openaiToProviderPart(values)));
+    return () => {
+      submitRef.current = null;
+    };
+  }, [submitRef, form, onValid]);
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    "form",
+    {
+      onSubmit: (event) => {
+        event.preventDefault();
+        submitAll();
+      },
+      children: /* @__PURE__ */ jsxRuntimeExports.jsxs(FieldGroup, { className: "py-1", children: [
+        /* @__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: "stt-apikey", className: "text-[11px] text-muted-foreground", children: t("settings.speechToText.form.apiKey", "API Key") }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx(
+                Input,
+                {
+                  ...field,
+                  id: "stt-apikey",
+                  type: "password",
+                  placeholder: "sk-...",
+                  "aria-invalid": fieldState.invalid,
+                  className: "h-8 text-[11px]! font-mono 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: "model",
+            control: form.control,
+            render: ({ field }) => /* @__PURE__ */ jsxRuntimeExports.jsxs(Field, { children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx(OptionalLabel$1, { htmlFor: "stt-model", children: "Model" }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx(
+                Input,
+                {
+                  ...field,
+                  id: "stt-model",
+                  placeholder: "gpt-4o-transcribe",
+                  className: "h-8 text-[11px]! font-mono text-foreground/70 focus-visible:ring-0.5"
+                }
+              )
+            ] })
+          }
+        ),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          Controller,
+          {
+            name: "baseUrl",
+            control: form.control,
+            render: ({ field, fieldState }) => /* @__PURE__ */ jsxRuntimeExports.jsxs(Field, { "data-invalid": fieldState.invalid, children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx(OptionalLabel$1, { htmlFor: "stt-baseurl", children: "Endpoint" }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx(
+                Input,
+                {
+                  ...field,
+                  id: "stt-baseurl",
+                  placeholder: "wss://...",
+                  "aria-invalid": fieldState.invalid,
+                  className: "h-8 text-[11px]! font-mono 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: "language",
+            control: form.control,
+            render: ({ field }) => /* @__PURE__ */ jsxRuntimeExports.jsxs(Field, { children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx(FieldLabel, { htmlFor: "stt-language", className: "text-[11px] text-muted-foreground", children: t("settings.speechToText.form.language", "Language (optional)") }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx(
+                Input,
+                {
+                  ...field,
+                  id: "stt-language",
+                  className: "h-8 text-[11px]! text-foreground/70 focus-visible:ring-0.5"
+                }
+              )
+            ] })
+          }
+        )
+      ] })
+    }
+  );
+}
+function OptionalLabel({ htmlFor, children }) {
+  const { t } = useTranslation();
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(FieldLabel, { htmlFor, className: "text-[11px] text-muted-foreground", children: [
+    children,
+    t("settings.speechToText.form.optional", " (optional)")
+  ] });
+}
+function IFlytekForm({ open, initial, submitRef, submitAll, onValid }) {
+  const { t } = useTranslation();
+  const form = useForm({
+    resolver: i(iflytekSchema),
+    mode: "onTouched",
+    defaultValues: iflytekDefaultValues()
+  });
+  reactExports.useEffect(() => {
+    if (!open) return;
+    form.reset(
+      initial?.provider === "iflytek" ? iflytekFromProvider(initial) : iflytekDefaultValues()
+    );
+  }, [open, initial, form]);
+  reactExports.useEffect(() => {
+    submitRef.current = form.handleSubmit((values) => onValid(iflytekToProviderPart(values)));
+    return () => {
+      submitRef.current = null;
+    };
+  }, [submitRef, form, onValid]);
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    "form",
+    {
+      onSubmit: (event) => {
+        event.preventDefault();
+        submitAll();
+      },
+      children: /* @__PURE__ */ jsxRuntimeExports.jsxs(FieldGroup, { className: "py-1", children: [
+        /* @__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: "stt-app-id", className: "text-[11px] text-muted-foreground", children: t("settings.speechToText.form.appId", "App ID") }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx(
+                Input,
+                {
+                  ...field,
+                  id: "stt-app-id",
+                  "aria-invalid": fieldState.invalid,
+                  className: "h-8 text-[11px]! font-mono"
+                }
+              ),
+              fieldState.error?.message ? /* @__PURE__ */ jsxRuntimeExports.jsx(
+                FieldError,
+                {
+                  errors: [{ message: t(fieldState.error.message, fieldState.error.message) }]
+                }
+              ) : null
+            ] })
+          }
+        ),
+        /* @__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: "stt-apikey", className: "text-[11px] text-muted-foreground", children: t("settings.speechToText.form.apiKey", "API Key") }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx(
+                Input,
+                {
+                  ...field,
+                  id: "stt-apikey",
+                  type: "password",
+                  placeholder: "sk-...",
+                  "aria-invalid": fieldState.invalid,
+                  className: "h-8 text-[11px]! font-mono 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: "apiSecret",
+            control: form.control,
+            render: ({ field, fieldState }) => /* @__PURE__ */ jsxRuntimeExports.jsxs(Field, { "data-invalid": fieldState.invalid, children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx(FieldLabel, { htmlFor: "stt-api-secret", className: "text-[11px] text-muted-foreground", children: t("settings.speechToText.form.apiSecret", "API Secret") }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx(
+                Input,
+                {
+                  ...field,
+                  id: "stt-api-secret",
+                  type: "password",
+                  "aria-invalid": fieldState.invalid,
+                  className: "h-8 text-[11px]! font-mono"
+                }
+              ),
+              fieldState.error?.message ? /* @__PURE__ */ jsxRuntimeExports.jsx(
+                FieldError,
+                {
+                  errors: [{ message: t(fieldState.error.message, fieldState.error.message) }]
+                }
+              ) : null
+            ] })
+          }
+        ),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          Controller,
+          {
+            name: "baseUrl",
+            control: form.control,
+            render: ({ field, fieldState }) => /* @__PURE__ */ jsxRuntimeExports.jsxs(Field, { "data-invalid": fieldState.invalid, children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx(OptionalLabel, { htmlFor: "stt-baseurl", children: "Endpoint" }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx(
+                Input,
+                {
+                  ...field,
+                  id: "stt-baseurl",
+                  placeholder: "wss://...",
+                  "aria-invalid": fieldState.invalid,
+                  className: "h-8 text-[11px]! font-mono 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: "language",
+            control: form.control,
+            render: ({ field }) => /* @__PURE__ */ jsxRuntimeExports.jsxs(Field, { children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx(FieldLabel, { htmlFor: "stt-language", className: "text-[11px] text-muted-foreground", children: t("settings.speechToText.form.language", "Language (optional)") }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx(
+                Input,
+                {
+                  ...field,
+                  id: "stt-language",
+                  className: "h-8 text-[11px]! text-foreground/70 focus-visible:ring-0.5"
+                }
+              )
+            ] })
+          }
+        )
+      ] })
+    }
+  );
+}
+function SpeechToTextDialog({
+  open,
+  onOpenChange,
+  initialProvider,
+  onSave
+}) {
+  const { t } = useTranslation();
+  const commonForm = useForm({
+    resolver: i(speechToTextCommonSchema),
+    mode: "onTouched",
+    defaultValues: {
+      name: "",
+      provider: "dashscope"
+    }
+  });
+  const providerSubmitRef = reactExports.useRef(null);
+  const selectedProvider = commonForm.watch("provider");
+  reactExports.useEffect(() => {
+    if (!open) return;
+    commonForm.reset({
+      name: initialProvider?.name ?? "",
+      provider: initialProvider?.provider ?? "dashscope"
+    });
+  }, [initialProvider, open, commonForm]);
+  const submitAll = () => {
+    commonForm.handleSubmit(() => {
+      providerSubmitRef.current?.();
+    })();
+  };
+  const saveProvider = async (provider, part) => {
+    await onSave({
+      id: initialProvider?.id ?? generateUUID().replace(/-/g, "").slice(0, 12),
+      name: commonForm.getValues("name").trim(),
+      provider,
+      active: initialProvider?.active ?? false,
+      ...part
+    });
+  };
+  const renderError = (message) => message ? /* @__PURE__ */ jsxRuntimeExports.jsx(FieldError, { errors: [{ message: t(message, message) }] }) : null;
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Dialog, { open, onOpenChange, disablePointerDismissal: true, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(DialogContent, { className: "max-h-[90vh] overflow-y-auto sm:max-w-lg", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs(DialogHeader, { children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(DialogTitle, { children: initialProvider ? t("settings.speechToText.editProvider", "Edit Provider") : t("settings.speechToText.addProvider", "Add Provider") }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(DialogDescription, { children: t(
+        "settings.speechToText.dialogDesc",
+        "Configure provider, endpoint and authentication for realtime speech recognition."
+      ) })
+    ] }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(
+      "form",
+      {
+        id: "form-speech-to-text",
+        onSubmit: commonForm.handleSubmit(() => providerSubmitRef.current?.()),
+        children: /* @__PURE__ */ jsxRuntimeExports.jsx(FieldGroup, { className: "pt-1", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "grid grid-cols-2 gap-3", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            Controller,
+            {
+              name: "name",
+              control: commonForm.control,
+              render: ({ field, fieldState }) => /* @__PURE__ */ jsxRuntimeExports.jsxs(Field, { "data-invalid": fieldState.invalid, children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsx(FieldLabel, { htmlFor: "stt-name", className: "text-[11px] text-muted-foreground", children: t("settings.speechToText.form.name", "Name") }),
+                /* @__PURE__ */ jsxRuntimeExports.jsx(
+                  Input,
+                  {
+                    ...field,
+                    id: "stt-name",
+                    placeholder: "e.g. Qwen ASR",
+                    "aria-invalid": fieldState.invalid,
+                    className: "h-8 text-xs! text-foreground/70 focus-visible:ring-0.5"
+                  }
+                ),
+                renderError(fieldState.error?.message)
+              ] })
+            }
+          ),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            Controller,
+            {
+              name: "provider",
+              control: commonForm.control,
+              render: ({ field, fieldState }) => /* @__PURE__ */ jsxRuntimeExports.jsxs(Field, { "data-invalid": fieldState.invalid, children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsx(
+                  FieldLabel,
+                  {
+                    htmlFor: "stt-provider",
+                    className: "text-[11px] text-muted-foreground",
+                    children: t("settings.speechToText.form.provider", "Provider")
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntimeExports.jsxs(Select, { name: field.name, value: field.value, onValueChange: field.onChange, children: [
+                  /* @__PURE__ */ jsxRuntimeExports.jsx(
+                    SelectTrigger,
+                    {
+                      id: "stt-provider",
+                      "aria-invalid": fieldState.invalid,
+                      className: "w-full text-[11px]! font-mono",
+                      children: /* @__PURE__ */ jsxRuntimeExports.jsx(SelectValue, {})
+                    }
+                  ),
+                  /* @__PURE__ */ jsxRuntimeExports.jsx(SelectContent, { children: speechToTextProviderValues.map((provider) => /* @__PURE__ */ jsxRuntimeExports.jsx(SelectItem, { value: provider, children: provider }, provider)) })
+                ] }),
+                renderError(fieldState.error?.message)
+              ] })
+            }
+          )
+        ] }) })
+      }
+    ),
+    selectedProvider === "dashscope" && /* @__PURE__ */ jsxRuntimeExports.jsx(
+      DashScopeForm,
+      {
+        open,
+        initial: initialProvider,
+        submitRef: providerSubmitRef,
+        submitAll,
+        onValid: (part) => saveProvider("dashscope", part)
+      }
+    ),
+    selectedProvider === "volcengine" && /* @__PURE__ */ jsxRuntimeExports.jsx(
+      VolcengineForm,
+      {
+        open,
+        initial: initialProvider,
+        submitRef: providerSubmitRef,
+        submitAll,
+        onValid: (part) => saveProvider("volcengine", part)
+      }
+    ),
+    selectedProvider === "openai" && /* @__PURE__ */ jsxRuntimeExports.jsx(
+      OpenAIForm,
+      {
+        open,
+        initial: initialProvider,
+        submitRef: providerSubmitRef,
+        submitAll,
+        onValid: (part) => saveProvider("openai", part)
+      }
+    ),
+    selectedProvider === "iflytek" && /* @__PURE__ */ jsxRuntimeExports.jsx(
+      IFlytekForm,
+      {
+        open,
+        initial: initialProvider,
+        submitRef: providerSubmitRef,
+        submitAll,
+        onValid: (part) => saveProvider("iflytek", part)
+      }
+    ),
+    /* @__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.speechToText.cancel", "Cancel")
+        }
+      ),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(Button, { type: "submit", form: "form-speech-to-text", size: "sm", className: "h-7 text-xs", children: t("settings.speechToText.save", "Save") })
+    ] })
+  ] }) });
+}
+function SettingsSpeechToText() {
+  const { t, i18n } = useTranslation();
+  const { speechToText, setSpeechToText } = 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);
+  reactExports.useEffect(() => {
+    setProviders(speechToText);
+  }, [speechToText]);
+  const handleSave = async (updated) => {
+    try {
+      await request.updateSettings({ speechToText: updated });
+      setSpeechToText(updated);
+    } catch (err) {
+      toast.error(
+        extractErrorMessage(err) || t("settings.speechToText.updateFailed", "Failed to update configuration.")
+      );
+    }
+  };
+  const closeDialog = () => {
+    setDialogOpen(false);
+    setDialogItem(null);
+  };
+  const openAddDialog = () => {
+    setDialogItem(null);
+    setDialogOpen(true);
+  };
+  const openEditDialog = (provider) => {
+    setDialogItem(provider);
+    setDialogOpen(true);
+  };
+  const upsertProvider = async (next) => {
+    const isNew = dialogItem === null;
+    if (isNew && providers.length === 0) next = { ...next, active: true };
+    const updated = isNew ? [...providers, next] : providers.map((provider) => provider.id === dialogItem.id ? next : provider);
+    setProviders(updated);
+    closeDialog();
+    await handleSave(updated);
+  };
+  const handleDelete = async (id) => {
+    const result = await confirm({
+      title: t("settings.speechToText.confirmDeleteTitle", "Delete Provider"),
+      content: t(
+        "settings.speechToText.confirmDeleteDesc",
+        "Are you sure you want to delete this speech provider?"
+      ),
+      buttons: [
+        { text: t("message.cancel", "Cancel"), value: null, variant: "outline" },
+        {
+          text: t("settings.speechToText.delete", "Delete"),
+          value: "confirm",
+          variant: "destructive"
+        }
+      ]
+    });
+    if (!result) return;
+    const updated = providers.filter((provider) => provider.id !== id);
+    setProviders(updated);
+    await handleSave(updated);
+  };
+  const handleToggleActive = async (id, active) => {
+    const updated = providers.map((provider) => ({
+      ...provider,
+      active: provider.id === id ? active : 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.speechToText.title", "Speech to Text") }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs(
+          "button",
+          {
+            type: "button",
+            onClick: () => openGuide(i18n.language, "speech-to-text.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.speechToText.guide", "User Guide")
+            ]
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-sm text-muted-foreground", children: t(
+        "settings.speechToText.desc",
+        "Configure realtime speech recognition providers for chat voice input."
+      ) })
+    ] }),
+    /* @__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.speechToText.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.speechToText.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.active ? "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: provider.model || provider.resourceId || provider.baseUrl }),
+                  /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "ml-1 flex shrink-0 items-center gap-1", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+                    Switch,
+                    {
+                      size: "sm",
+                      checked: provider.active,
+                      onCheckedChange: (active) => handleToggleActive(provider.id, active)
+                    }
+                  ) })
+                ]
+              }
+            ) }),
+            /* @__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.speechToText.edit", "Edit")
+              ] }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx(ContextMenuSeparator, {}),
+              /* @__PURE__ */ jsxRuntimeExports.jsxs(ContextMenuItem, { variant: "destructive", onClick: () => handleDelete(provider.id), children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsx(Trash2, { className: "size-3" }),
+                t("settings.speechToText.delete", "Delete")
+              ] })
+            ] })
+          ]
+        },
+        provider.id
+      )),
+      providers.length === 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "py-8 text-center text-sm text-muted-foreground", children: t("settings.speechToText.empty", "No speech-to-text providers configured") })
+    ] }) }) }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(
+      SpeechToTextDialog,
+      {
+        open: dialogOpen,
+        onOpenChange: (open) => {
+          if (!open) closeDialog();
+          else setDialogOpen(true);
+        },
+        initialProvider: dialogItem,
+        onSave: upsertProvider
+      }
+    )
+  ] });
+}
+export {
+  SettingsSpeechToText
+};