@agentprojectcontext/apx 1.50.1 → 1.51.1

package/src/interfaces/web/src/screens/modules/VoiceScreen.tsx

@@ -25,6 +25,8 @@ export function VoiceScreen() {
     mutate: mutateProviders,
   } = useSWR("/tts/providers", () => Voice.providers());
 
+  // editing holds the engine id being configured. "__new__" opens the modal in
+  // "create custom provider" mode.
   const [editing, setEditing] = useState<string | null>(null);
   const [busyDefault, setBusyDefault] = useState(false);
 
@@ -42,16 +44,22 @@ export function VoiceScreen() {
   const order = providersData?.order || [];
 
   const editingConfig = useMemo<Record<string, unknown>>(() => {
-    if (!editing) return {};
+    if (!editing || editing === "__new__") return {};
+    if (editing.startsWith("custom:")) {
+      return (voiceCfg.custom?.[editing.slice(7)] as unknown as Record<string, unknown>) || {};
+    }
     return (voiceCfg as Record<string, unknown>)[editing] as Record<string, unknown> || {};
   }, [editing, voiceCfg]);
 
-  const setDefault = async (id: string) => {
+  const toggleEnabled = async (id: string, enabled: boolean) => {
     setBusyDefault(true);
     try {
-      await patch({ "voice.tts.provider": id, "voice.tts.mode": "single" });
+      // custom:<slug> lives under voice.tts.custom.<slug>; built-ins are flat.
+      const key = id.startsWith("custom:")
+        ? `voice.tts.custom.${id.slice(7)}.enabled`
+        : `voice.tts.${id}.enabled`;
+      await patch({ [key]: enabled });
       await mutateProviders();
-      toast.success(t("voice_ui.toast_default_engine", { id }));
     } catch (e) {
       toast.error((e as Error).message);
     } finally {
@@ -59,19 +67,11 @@ export function VoiceScreen() {
     }
   };
 
-  const setMode = async (next: TtsMode) => {
+  const reorder = async (nextOrder: string[]) => {
     setBusyDefault(true);
     try {
-      const set: Record<string, unknown> = { "voice.tts.mode": next };
-      // Switching to single needs a concrete default; pick the first available
-      // (or first listed) engine when none is set yet.
-      if (next === "single" && (configuredProvider === "auto" || !configuredProvider)) {
-        const pick = engines.find((e) => e.available)?.id || order[0] || "mock";
-        set["voice.tts.provider"] = pick;
-      }
-      await patch(set);
+      await patch({ "voice.tts.order": nextOrder });
       await mutateProviders();
-      toast.success(next === "chain" ? t("voice_ui.toast_mode_chain") : t("voice_ui.toast_mode_single"));
     } catch (e) {
       toast.error((e as Error).message);
     } finally {
@@ -79,23 +79,24 @@ export function VoiceScreen() {
     }
   };
 
-  const toggleEnabled = async (id: string, enabled: boolean) => {
-    setBusyDefault(true);
-    try {
-      await patch({ [`voice.tts.${id}.enabled`]: enabled });
-      await mutateProviders();
-    } catch (e) {
-      toast.error((e as Error).message);
-    } finally {
-      setBusyDefault(false);
-    }
+  const saveProvider = async ({ set, unset }: VoiceProviderSave) => {
+    await patch(set, unset.length ? unset : undefined);
+    await mutateProviders();
+    await mutateCfg();
+    toast.success(t("voice_ui.toast_config_saved"));
   };
 
-  const reorder = async (nextOrder: string[]) => {
+  const removeCustom = async (id: string) => {
+    if (!id.startsWith("custom:")) return;
+    if (!window.confirm(t("voice_ui.remove_confirm"))) return;
     setBusyDefault(true);
     try {
-      await patch({ "voice.tts.order": nextOrder });
+      const slug = id.slice(7);
+      // Drop the config block and any reference to it in the chain order.
+      await patch({ "voice.tts.order": order.filter((x) => x !== id) }, [`voice.tts.custom.${slug}`]);
       await mutateProviders();
+      await mutateCfg();
+      toast.success(t("voice_ui.toast_provider_removed"));
     } catch (e) {
       toast.error((e as Error).message);
     } finally {
@@ -103,13 +104,6 @@ export function VoiceScreen() {
     }
   };
 
-  const saveProvider = async ({ set, unset }: VoiceProviderSave) => {
-    await patch(set, unset.length ? unset : undefined);
-    await mutateProviders();
-    await mutateCfg();
-    toast.success(t("voice_ui.toast_config_saved"));
-  };
-
   const patchStt = async (set: Record<string, unknown>, unset?: string[]) => {
     try {
       await patch(set, unset);
@@ -135,13 +129,11 @@ export function VoiceScreen() {
             <VoiceProviderList
               engines={engines}
               order={order}
-              mode={mode}
-              configuredProvider={configuredProvider}
-              onSetMode={setMode}
-              onSetDefault={setDefault}
               onToggleEnabled={toggleEnabled}
               onReorder={reorder}
               onConfigure={(id) => setEditing(id)}
+              onRemove={removeCustom}
+              onAddNew={() => setEditing("__new__")}
               busy={busyDefault}
             />
           )}