@elizaos/ui 2.0.0-beta.2 → 2.0.3-beta.2

package/components/settings/VoiceProfileSection.d.ts

@@ -0,0 +1,19 @@
+/**
+ * VoiceProfileSection — voice-profile manager. Lists known profiles (owner
+ * pinned at top) with rename / set-relationship / delete affordances. Data
+ * comes from `VoiceProfilesClient`; an empty list renders the empty state.
+ */
+import * as React from "react";
+import type { VoiceProfile, VoiceProfilesClient } from "../../api/client-voice-profiles";
+export interface VoiceProfileSectionProps {
+    /** Adapter supplied by the parent that holds the `ElizaClient`. */
+    profilesClient: VoiceProfilesClient;
+    /** Pre-loaded profiles (skips initial fetch — useful for tests). */
+    initialProfiles?: VoiceProfile[];
+    /** Render the panel inside a settings card chrome (default true). */
+    framed?: boolean;
+    className?: string;
+}
+export declare function VoiceProfileSection({ profilesClient, initialProfiles, framed, className, }: VoiceProfileSectionProps): React.ReactElement;
+export default VoiceProfileSection;
+//# sourceMappingURL=VoiceProfileSection.d.ts.map

package/components/settings/VoiceProfileSection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VoiceProfileSection.d.ts","sourceRoot":"","sources":["../../../../../../src/components/settings/VoiceProfileSection.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAGH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EACV,YAAY,EACZ,mBAAmB,EACpB,MAAM,iCAAiC,CAAC;AAKzC,MAAM,WAAW,wBAAwB;IACvC,mEAAmE;IACnE,cAAc,EAAE,mBAAmB,CAAC;IACpC,oEAAoE;IACpE,eAAe,CAAC,EAAE,YAAY,EAAE,CAAC;IACjC,qEAAqE;IACrE,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAuRD,wBAAgB,mBAAmB,CAAC,EAClC,cAAc,EACd,eAAe,EACf,MAAa,EACb,SAAS,GACV,EAAE,wBAAwB,GAAG,KAAK,CAAC,YAAY,CA+Q/C;AAED,eAAe,mBAAmB,CAAC"}

package/components/settings/VoiceProfileSection.js

@@ -0,0 +1,295 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * VoiceProfileSection — voice-profile manager. Lists known profiles (owner
+ * pinned at top) with rename / set-relationship / delete affordances. Data
+ * comes from `VoiceProfilesClient`; an empty list renders the empty state.
+ */
+import { Crown, Download, Mic, Pencil, Trash2, Users } from "lucide-react";
+import * as React from "react";
+import { useAgentElement } from "../../agent-surface/index.js";
+import { cn } from "../../lib/utils.js";
+import { useTranslation } from "../../state/TranslationContext.hooks.js";
+import { Button } from "../ui/button.js";
+function compareProfiles(a, b) {
+    if (a.isOwner !== b.isOwner)
+        return a.isOwner ? -1 : 1;
+    const ar = relationshipRank(a.cohort);
+    const br = relationshipRank(b.cohort);
+    if (ar !== br)
+        return ar - br;
+    return (b.lastHeardAtMs ?? 0) - (a.lastHeardAtMs ?? 0);
+}
+function relationshipRank(cohort) {
+    switch (cohort) {
+        case "owner":
+            return 0;
+        case "family":
+            return 1;
+        case "guest":
+            return 2;
+        default:
+            return 3;
+    }
+}
+const COMMON_RELATIONSHIPS = [
+    "wife",
+    "husband",
+    "partner",
+    "child",
+    "mother",
+    "father",
+    "sibling",
+    "friend",
+    "colleague",
+    "roommate",
+];
+function VoiceProfileRow({ profile, isEditingThis, renameValue, setRenameValue, setRenameId, dispatch, t, }) {
+    const { ref: nameRef, agentProps: nameAgentProps } = useAgentElement({
+        id: `voice-profile-name-${profile.id}`,
+        role: "button",
+        label: t("voiceprofile.renameAria", {
+            defaultValue: "Rename voice profile",
+        }),
+        group: "voice-profiles-list",
+        onActivate: () => {
+            setRenameId(profile.id);
+            setRenameValue(profile.displayName);
+        },
+    });
+    const { ref: renameInputRef, agentProps: renameInputAgentProps } = useAgentElement({
+        id: `voice-profile-rename-input-${profile.id}`,
+        role: "text-input",
+        label: t("voiceprofile.renameAria", {
+            defaultValue: "Rename voice profile",
+        }),
+        group: "voice-profiles-list",
+        getValue: () => renameValue,
+        onFill: setRenameValue,
+    });
+    const { ref: relationshipRef, agentProps: relationshipAgentProps } = useAgentElement({
+        id: `voice-profile-relationship-${profile.id}`,
+        role: "select",
+        label: t("voiceprofile.setRelationship", {
+            defaultValue: "Set relationship",
+        }),
+        group: "voice-profiles-list",
+        getValue: () => profile.relationshipLabel ?? "",
+        onFill: (value) => dispatch({
+            type: "set-relationship",
+            id: profile.id,
+            relationshipLabel: value || null,
+        }),
+        options: ["", ...COMMON_RELATIONSHIPS],
+    });
+    const { ref: renameBtnRef, agentProps: renameBtnAgentProps } = useAgentElement({
+        id: `voice-profile-rename-${profile.id}`,
+        role: "button",
+        label: t("voiceprofile.renameAria", {
+            defaultValue: "Rename voice profile",
+        }),
+        group: "voice-profiles-list",
+        onActivate: () => {
+            setRenameId(profile.id);
+            setRenameValue(profile.displayName);
+        },
+    });
+    const { ref: deleteRef, agentProps: deleteAgentProps } = useAgentElement({
+        id: `voice-profile-delete-${profile.id}`,
+        role: "button",
+        label: t("voiceprofile.deleteAria", {
+            defaultValue: "Delete voice profile",
+        }),
+        group: "voice-profiles-list",
+        onActivate: () => dispatch({ type: "delete", id: profile.id }),
+    });
+    return (_jsxs("li", { "data-testid": `voice-profile-row-${profile.id}`, "data-is-owner": profile.isOwner ? "true" : "false", "data-cohort": profile.cohort, className: "flex items-center gap-3 px-4 py-3", children: [profile.isOwner ? (_jsx(Crown, { className: "h-4 w-4 shrink-0 text-accent", "aria-label": t("voiceprofile.owner", { defaultValue: "Owner" }), "data-testid": `voice-profile-crown-${profile.id}` })) : (_jsx("span", { className: "inline-block h-4 w-4 shrink-0", "aria-hidden": "true" })), _jsxs("div", { className: "min-w-0 flex-1", children: [isEditingThis ? (_jsx("input", { ref: renameInputRef, type: "text", value: renameValue, onChange: (e) => setRenameValue(e.target.value), onBlur: () => {
+                            setRenameId(null);
+                            if (renameValue.trim() && renameValue !== profile.displayName) {
+                                dispatch({
+                                    type: "rename",
+                                    id: profile.id,
+                                    displayName: renameValue.trim(),
+                                });
+                            }
+                        }, onKeyDown: (e) => {
+                            if (e.key === "Enter") {
+                                e.currentTarget.blur();
+                            }
+                            if (e.key === "Escape") {
+                                setRenameId(null);
+                                setRenameValue("");
+                            }
+                        }, 
+                        // biome-ignore lint/a11y/noAutofocus: this is an inline rename input the user just clicked into; focus must follow.
+                        autoFocus: true, className: "h-11 w-full rounded-md border border-border bg-card px-3 text-sm transition-colors focus:border-accent focus:outline-none", "data-testid": `voice-profile-rename-input-${profile.id}`, "aria-label": t("voiceprofile.renameAria", {
+                            defaultValue: "Rename voice profile",
+                        }), ...renameInputAgentProps })) : (_jsx("button", { ref: nameRef, type: "button", onClick: () => {
+                            setRenameId(profile.id);
+                            setRenameValue(profile.displayName);
+                        }, className: "text-left text-sm font-medium hover:underline", "data-testid": `voice-profile-name-${profile.id}`, ...nameAgentProps, children: profile.displayName })), _jsxs("div", { className: "flex flex-wrap items-center gap-2 text-xs text-muted", children: [_jsx("span", { "data-testid": `voice-profile-samples-${profile.id}`, children: profile.embeddingCount === 1
+                                    ? t("voiceprofile.sampleOne", {
+                                        count: profile.embeddingCount,
+                                        defaultValue: "{{count}} sample",
+                                    })
+                                    : t("voiceprofile.sampleOther", {
+                                        count: profile.embeddingCount,
+                                        defaultValue: "{{count}} samples",
+                                    }) }), profile.relationshipLabel ? (_jsx("span", { className: "rounded-sm bg-bg/60 px-1 py-0.5", "data-testid": `voice-profile-relationship-${profile.id}`, children: profile.relationshipLabel })) : null, _jsx("span", { children: profile.cohort })] })] }), !profile.isOwner ? (_jsxs("div", { className: "flex items-center gap-1", children: [_jsxs("select", { ref: relationshipRef, value: profile.relationshipLabel ?? "", onChange: (e) => dispatch({
+                            type: "set-relationship",
+                            id: profile.id,
+                            relationshipLabel: e.target.value || null,
+                        }), className: "h-11 rounded-md border border-border bg-card px-2 text-xs transition-colors focus:border-accent focus:outline-none", "data-testid": `voice-profile-relationship-select-${profile.id}`, "aria-label": t("voiceprofile.setRelationship", {
+                            defaultValue: "Set relationship",
+                        }), ...relationshipAgentProps, children: [_jsx("option", { value: "", children: t("voiceprofile.noLabel", { defaultValue: "(no label)" }) }), COMMON_RELATIONSHIPS.map((r) => (_jsx("option", { value: r, children: r }, r)))] }), _jsx(Button, { ref: renameBtnRef, type: "button", variant: "ghost", size: "icon", onClick: () => {
+                            setRenameId(profile.id);
+                            setRenameValue(profile.displayName);
+                        }, "data-testid": `voice-profile-rename-${profile.id}`, "aria-label": t("voiceprofile.renameAria", {
+                            defaultValue: "Rename voice profile",
+                        }), ...renameBtnAgentProps, children: _jsx(Pencil, { className: "h-3.5 w-3.5" }) }), _jsx(Button, { ref: deleteRef, type: "button", variant: "ghost", size: "icon", onClick: () => dispatch({ type: "delete", id: profile.id }), "data-testid": `voice-profile-delete-${profile.id}`, "aria-label": t("voiceprofile.deleteAria", {
+                            defaultValue: "Delete voice profile",
+                        }), ...deleteAgentProps, children: _jsx(Trash2, { className: "h-3.5 w-3.5 text-danger" }) })] })) : null] }));
+}
+export function VoiceProfileSection({ profilesClient, initialProfiles, framed = true, className, }) {
+    const { t } = useTranslation();
+    const [profiles, setProfiles] = React.useState(initialProfiles ?? []);
+    const [loading, setLoading] = React.useState(initialProfiles === undefined);
+    const [error, setError] = React.useState(null);
+    const [renameId, setRenameId] = React.useState(null);
+    const [renameValue, setRenameValue] = React.useState("");
+    const refresh = React.useCallback(async () => {
+        setLoading(true);
+        setError(null);
+        try {
+            const list = await profilesClient.list();
+            setProfiles(list);
+        }
+        catch (err) {
+            setError(err instanceof Error
+                ? err.message
+                : t("voiceprofile.error.load", {
+                    defaultValue: "Failed to load voice profiles.",
+                }));
+        }
+        finally {
+            setLoading(false);
+        }
+    }, [profilesClient, t]);
+    React.useEffect(() => {
+        if (initialProfiles !== undefined) {
+            setProfiles(initialProfiles);
+            return;
+        }
+        void refresh();
+    }, [initialProfiles, refresh]);
+    const sorted = React.useMemo(() => [...profiles].sort(compareProfiles), [profiles]);
+    const dispatch = React.useCallback(async (action) => {
+        try {
+            switch (action.type) {
+                case "rename":
+                    await profilesClient.patch(action.id, {
+                        displayName: action.displayName,
+                    });
+                    setProfiles((prev) => prev.map((p) => p.id === action.id
+                        ? { ...p, displayName: action.displayName }
+                        : p));
+                    break;
+                case "set-relationship":
+                    await profilesClient.patch(action.id, {
+                        relationshipLabel: action.relationshipLabel,
+                    });
+                    setProfiles((prev) => prev.map((p) => p.id === action.id
+                        ? { ...p, relationshipLabel: action.relationshipLabel }
+                        : p));
+                    break;
+                case "delete": {
+                    const target = profiles.find((p) => p.id === action.id);
+                    if (target?.isOwner) {
+                        setError(t("voiceprofile.error.ownerDelete", {
+                            defaultValue: "The owner profile can't be deleted.",
+                        }));
+                        return;
+                    }
+                    await profilesClient.delete(action.id);
+                    setProfiles((prev) => prev.filter((p) => p.id !== action.id));
+                    break;
+                }
+            }
+        }
+        catch (err) {
+            setError(err instanceof Error
+                ? err.message
+                : t("voiceprofile.error.update", {
+                    defaultValue: "Failed to update voice profile.",
+                }));
+        }
+    }, [profiles, profilesClient, t]);
+    const onExport = React.useCallback(async () => {
+        try {
+            const { downloadUrl } = await profilesClient.exportAll();
+            if (downloadUrl && typeof window !== "undefined") {
+                window.open(downloadUrl, "_blank", "noopener,noreferrer");
+            }
+        }
+        catch (err) {
+            setError(err instanceof Error
+                ? err.message
+                : t("voiceprofile.error.export", {
+                    defaultValue: "Failed to export profiles.",
+                }));
+        }
+    }, [profilesClient, t]);
+    const onDeleteAll = React.useCallback(async () => {
+        try {
+            await profilesClient.deleteAll();
+            setProfiles((prev) => prev.filter((p) => p.isOwner));
+        }
+        catch (err) {
+            setError(err instanceof Error
+                ? err.message
+                : t("voiceprofile.error.delete", {
+                    defaultValue: "Failed to delete profiles.",
+                }));
+        }
+    }, [profilesClient, t]);
+    const ownerCount = sorted.filter((p) => p.isOwner).length;
+    const otherCount = sorted.length - ownerCount;
+    const { ref: exportRef, agentProps: exportAgentProps } = useAgentElement({
+        id: "voice-profile-export",
+        role: "button",
+        label: t("voiceprofile.exportAria", {
+            defaultValue: "Export voice profile metadata",
+        }),
+        group: "voice-profiles",
+        onActivate: () => void onExport(),
+    });
+    const { ref: resetRef, agentProps: resetAgentProps } = useAgentElement({
+        id: "voice-profile-delete-all",
+        role: "button",
+        label: t("voiceprofile.resetAria", {
+            defaultValue: "Delete all non-owner voice profiles",
+        }),
+        group: "voice-profiles",
+        onActivate: () => void onDeleteAll(),
+    });
+    return (_jsxs("div", { "data-testid": "voice-profile-section", className: cn(framed && "overflow-hidden rounded-lg border border-border bg-card", className), children: [_jsxs("header", { className: "flex items-center justify-between gap-3 px-4 py-3", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Users, { className: "h-4 w-4 text-muted", "aria-hidden": true }), _jsx("h3", { className: "text-sm font-semibold", children: t("voiceprofile.title", { defaultValue: "Voice profiles" }) }), _jsxs("span", { className: "rounded-full bg-bg/60 px-1.5 py-0.5 text-xs text-muted", "data-testid": "voice-profile-count", children: [ownerCount > 0
+                                        ? t("voiceprofile.ownerCount", {
+                                            count: ownerCount,
+                                            defaultValue: "{{count}} owner · ",
+                                        })
+                                        : "", otherCount === 1
+                                        ? t("voiceprofile.otherCountOne", {
+                                            count: otherCount,
+                                            defaultValue: "{{count}} other",
+                                        })
+                                        : t("voiceprofile.otherCount", {
+                                            count: otherCount,
+                                            defaultValue: "{{count}} others",
+                                        })] })] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsxs(Button, { ref: exportRef, variant: "ghost", size: "sm", onClick: () => void onExport(), "data-testid": "voice-profile-export", "aria-label": t("voiceprofile.exportAria", {
+                                    defaultValue: "Export voice profile metadata",
+                                }), ...exportAgentProps, children: [_jsx(Download, { className: "mr-1 h-3.5 w-3.5" }), " ", t("voiceprofile.export", { defaultValue: "Export" })] }), _jsxs(Button, { ref: resetRef, variant: "ghost", size: "sm", onClick: () => void onDeleteAll(), "data-testid": "voice-profile-delete-all", "aria-label": t("voiceprofile.resetAria", {
+                                    defaultValue: "Delete all non-owner voice profiles",
+                                }), ...resetAgentProps, children: [_jsx(Trash2, { className: "mr-1 h-3.5 w-3.5" }), " ", t("voiceprofile.reset", { defaultValue: "Reset" })] })] })] }), error ? (_jsx("div", { className: "mx-4 mb-2 rounded-sm border border-warn/40 bg-warn/10 px-3 py-2 text-xs text-warn", "data-testid": "voice-profile-error", children: error })) : null, loading ? (_jsx("div", { className: "px-4 py-6 text-center text-xs text-muted", "data-testid": "voice-profile-loading", children: t("voiceprofile.loading", { defaultValue: "Loading profiles…" }) })) : sorted.length === 0 ? (_jsxs("div", { className: "px-4 py-6 text-center text-xs text-muted", "data-testid": "voice-profile-empty", children: [_jsx(Mic, { className: "mx-auto mb-2 h-5 w-5 text-muted", "aria-hidden": true }), t("voiceprofile.empty", {
+                        defaultValue: "No voice profiles yet — they appear automatically when the agent hears a new voice.",
+                    })] })) : (_jsx("ul", { className: "divide-y divide-border/30", "data-testid": "voice-profile-list", children: sorted.map((profile) => (_jsx(VoiceProfileRow, { profile: profile, isEditingThis: renameId === profile.id, renameValue: renameValue, setRenameValue: setRenameValue, setRenameId: setRenameId, dispatch: (action) => void dispatch(action), t: t }, profile.id))) }))] }));
+}
+export default VoiceProfileSection;

package/components/settings/VoiceSection.d.ts

@@ -0,0 +1,57 @@
+/**
+ * VoiceSection — top-level Settings → Voice tree. Mounts the device-tier
+ * banner, continuous-chat mode, wake word, local-vs-cloud strategy,
+ * end-of-turn tuning, the models slot, voice profiles, and privacy toggles.
+ */
+import * as React from "react";
+import type { VoiceProfilesClient } from "../../api/client-voice-profiles";
+import type { VoiceContinuousMode } from "../../voice/voice-chat-types";
+import { type VoiceDeviceTier } from "./VoiceTierBanner";
+export type VoiceLocalCloudStrategy = "auto" | "force-local" | "force-cloud";
+/**
+ * User-facing slice of the auto-stop options: how long silence ends a turn
+ * and how loud audio must be to count as speech. Other fields keep library
+ * defaults — these two are the only knobs worth surfacing.
+ */
+export interface VadAutoStopPrefs {
+    /** Trailing silence (ms) that ends a turn in VAD / local-ASR capture. */
+    silenceMs: number;
+    /** RMS amplitude (0–1) above which audio is treated as speech. */
+    speechRmsThreshold: number;
+}
+export interface VoiceSectionPrefs {
+    continuous: VoiceContinuousMode;
+    strategy: VoiceLocalCloudStrategy;
+    cloudFirstLineCache: boolean;
+    autoLearnVoices: boolean;
+    /**
+     * VAD / local-ASR end-of-turn tuning. Optional so older persisted prefs (and
+     * the registry mount) stay valid; falls back to {@link DEFAULT_VAD_AUTO_STOP_PREFS}.
+     */
+    vadAutoStop?: VadAutoStopPrefs;
+}
+export interface VoiceSectionProps {
+    /** Hardware tier from I9 (null falls back to "GOOD"). */
+    tier: VoiceDeviceTier | null;
+    /** Optional summary line for the tier banner. */
+    tierSummary?: string;
+    /** Current preferences (caller maintains state and persists). */
+    prefs: VoiceSectionPrefs;
+    /** Persist updated preferences. */
+    onPrefsChange: (next: VoiceSectionPrefs) => void;
+    /** Adapter to I2 voice-profile endpoints. */
+    profilesClient: VoiceProfilesClient;
+    /**
+     * Slot for I5's ModelUpdatesPanel — caller mounts it when ready, otherwise
+     * we render an empty-state banner until model downloads are available.
+     */
+    modelsPanel?: React.ReactNode;
+    /** Whether the user has at least one wake-word configured. */
+    wakeWordEnabled?: boolean;
+    /** Toggle wake-word listening (caller wires Swabble). */
+    onWakeWordToggle?: (next: boolean) => void;
+    className?: string;
+}
+export declare function VoiceSection({ tier, tierSummary, prefs, onPrefsChange, profilesClient, modelsPanel, wakeWordEnabled, onWakeWordToggle, className, }: VoiceSectionProps): React.ReactElement;
+export default VoiceSection;
+//# sourceMappingURL=VoiceSection.d.ts.map

package/components/settings/VoiceSection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VoiceSection.d.ts","sourceRoot":"","sources":["../../../../../../src/components/settings/VoiceSection.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAGH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,iCAAiC,CAAC;AAI3E,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AAKxE,OAAO,EAAE,KAAK,eAAe,EAAmB,MAAM,mBAAmB,CAAC;AAE1E,MAAM,MAAM,uBAAuB,GAAG,MAAM,GAAG,aAAa,GAAG,aAAa,CAAC;AAE7E;;;;GAIG;AACH,MAAM,WAAW,gBAAgB;IAC/B,yEAAyE;IACzE,SAAS,EAAE,MAAM,CAAC;IAClB,kEAAkE;IAClE,kBAAkB,EAAE,MAAM,CAAC;CAC5B;AA6ED,MAAM,WAAW,iBAAiB;IAChC,UAAU,EAAE,mBAAmB,CAAC;IAChC,QAAQ,EAAE,uBAAuB,CAAC;IAClC,mBAAmB,EAAE,OAAO,CAAC;IAC7B,eAAe,EAAE,OAAO,CAAC;IACzB;;;OAGG;IACH,WAAW,CAAC,EAAE,gBAAgB,CAAC;CAChC;AAED,MAAM,WAAW,iBAAiB;IAChC,yDAAyD;IACzD,IAAI,EAAE,eAAe,GAAG,IAAI,CAAC;IAC7B,iDAAiD;IACjD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iEAAiE;IACjE,KAAK,EAAE,iBAAiB,CAAC;IACzB,mCAAmC;IACnC,aAAa,EAAE,CAAC,IAAI,EAAE,iBAAiB,KAAK,IAAI,CAAC;IACjD,6CAA6C;IAC7C,cAAc,EAAE,mBAAmB,CAAC;IACpC;;;OAGG;IACH,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,8DAA8D;IAC9D,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,yDAAyD;IACzD,gBAAgB,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,YAAY,CAAC,EAC3B,IAAI,EACJ,WAAW,EACX,KAAK,EACL,aAAa,EACb,cAAc,EACd,WAAW,EACX,eAAuB,EACvB,gBAAgB,EAChB,SAAS,GACV,EAAE,iBAAiB,GAAG,KAAK,CAAC,YAAY,CAkVxC;AAED,eAAe,YAAY,CAAC"}

package/components/settings/VoiceSection.helpers.d.ts

@@ -0,0 +1,4 @@
+import type { VadAutoStopPrefs, VoiceSectionPrefs } from "./VoiceSection";
+export declare const DEFAULT_VAD_AUTO_STOP_PREFS: VadAutoStopPrefs;
+export declare const DEFAULT_VOICE_SECTION_PREFS: VoiceSectionPrefs;
+//# sourceMappingURL=VoiceSection.helpers.d.ts.map

package/components/settings/VoiceSection.helpers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VoiceSection.helpers.d.ts","sourceRoot":"","sources":["../../../../../../src/components/settings/VoiceSection.helpers.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAE1E,eAAO,MAAM,2BAA2B,EAAE,gBAGzC,CAAC;AAEF,eAAO,MAAM,2BAA2B,EAAE,iBAMzC,CAAC"}

package/components/settings/VoiceSection.helpers.js

@@ -0,0 +1,13 @@
+import { DEFAULT_LOCAL_ASR_AUTO_STOP } from "../../voice/local-asr-capture.js";
+import { DEFAULT_VOICE_CONTINUOUS_MODE } from "../../voice/voice-chat-types.js";
+export const DEFAULT_VAD_AUTO_STOP_PREFS = {
+    silenceMs: DEFAULT_LOCAL_ASR_AUTO_STOP.silenceMs,
+    speechRmsThreshold: DEFAULT_LOCAL_ASR_AUTO_STOP.speechRmsThreshold,
+};
+export const DEFAULT_VOICE_SECTION_PREFS = {
+    continuous: DEFAULT_VOICE_CONTINUOUS_MODE,
+    strategy: "auto",
+    cloudFirstLineCache: false,
+    autoLearnVoices: true,
+    vadAutoStop: DEFAULT_VAD_AUTO_STOP_PREFS,
+};

package/components/settings/VoiceSection.js

@@ -0,0 +1,158 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * VoiceSection — top-level Settings → Voice tree. Mounts the device-tier
+ * banner, continuous-chat mode, wake word, local-vs-cloud strategy,
+ * end-of-turn tuning, the models slot, voice profiles, and privacy toggles.
+ */
+import { Cloud, Database, Mic, Shield, Sliders, Timer } from "lucide-react";
+import * as React from "react";
+import { useAgentElement } from "../../agent-surface/index.js";
+import { appNameInterpolationVars, useBranding } from "../../config/branding.js";
+import { cn } from "../../lib/utils.js";
+import { useTranslation } from "../../state/TranslationContext.hooks.js";
+import { ContinuousChatToggle } from "../composites/chat/ContinuousChatToggle.js";
+import { SettingsGroup, SettingsRow, SettingsStack } from "./settings-layout.js";
+import { VoiceProfileSection } from "./VoiceProfileSection.js";
+import { DEFAULT_VAD_AUTO_STOP_PREFS } from "./VoiceSection.helpers.js";
+import { VoiceTierBanner } from "./VoiceTierBanner.js";
+/** Bounds for the surfaced sliders, kept well inside sane capture ranges. */
+const VAD_SILENCE_MIN_MS = 300;
+const VAD_SILENCE_MAX_MS = 3000;
+const VAD_SILENCE_STEP_MS = 100;
+const VAD_RMS_MIN = 0.001;
+const VAD_RMS_MAX = 0.02;
+const VAD_RMS_STEP = 0.001;
+/**
+ * A range slider that registers on the agent surface (role "slider") so chat
+ * can read and set it. Renders the same native `<input type=range>` the rest
+ * of the section uses.
+ */
+function VadSlider({ agentId, label, value, valueText, min, max, step, onChange, testId, footer, }) {
+    const { ref, agentProps } = useAgentElement({
+        id: agentId,
+        role: "slider",
+        label,
+        group: "voice-section",
+        getValue: () => value,
+        onFill: (next) => {
+            const n = Number(next);
+            if (Number.isFinite(n))
+                onChange(Math.min(max, Math.max(min, n)));
+        },
+    });
+    return (_jsxs("div", { className: "flex flex-col", children: [_jsx("div", { className: "mb-1 flex items-center justify-end", children: _jsx("span", { className: "font-medium text-muted", "data-testid": `${testId}-value`, children: valueText }) }), _jsx("input", { ref: ref, type: "range", min: min, max: max, step: step, value: value, onChange: (e) => onChange(Number(e.target.value)), className: "w-full accent-accent", "data-testid": testId, "aria-label": label, ...agentProps }), footer] }));
+}
+export function VoiceSection({ tier, tierSummary, prefs, onPrefsChange, profilesClient, modelsPanel, wakeWordEnabled = false, onWakeWordToggle, className, }) {
+    const { t } = useTranslation();
+    const branding = useBranding();
+    const updatePrefs = React.useCallback((patch) => {
+        onPrefsChange({ ...prefs, ...patch });
+    }, [onPrefsChange, prefs]);
+    const vadAutoStop = prefs.vadAutoStop ?? DEFAULT_VAD_AUTO_STOP_PREFS;
+    const updateVadAutoStop = React.useCallback((patch) => {
+        updatePrefs({
+            vadAutoStop: {
+                ...(prefs.vadAutoStop ?? DEFAULT_VAD_AUTO_STOP_PREFS),
+                ...patch,
+            },
+        });
+    }, [prefs.vadAutoStop, updatePrefs]);
+    const { ref: wakeWordRef, agentProps: wakeWordAgentProps } = useAgentElement({
+        id: "voice-section-wake-toggle",
+        role: "toggle",
+        label: t("voicesection.toggleWakeWord", {
+            defaultValue: "Toggle wake word",
+        }),
+        group: "voice-section",
+        status: wakeWordEnabled ? "active" : "inactive",
+        onActivate: () => onWakeWordToggle?.(!wakeWordEnabled),
+    });
+    const { ref: strategyRef, agentProps: strategyAgentProps } = useAgentElement({
+        id: "voice-section-strategy-select",
+        role: "select",
+        label: t("voicesection.localVsCloudStrategy", {
+            defaultValue: "Local vs Cloud strategy",
+        }),
+        group: "voice-section",
+        getValue: () => prefs.strategy,
+        onFill: (value) => updatePrefs({ strategy: value }),
+        options: ["auto", "force-local", "force-cloud"],
+    });
+    const { ref: cloudCacheRef, agentProps: cloudCacheAgentProps } = useAgentElement({
+        id: "voice-section-cloud-cache-toggle",
+        role: "toggle",
+        label: t("voicesection.cloudFirstLineCacheAria", {
+            defaultValue: "Cloud first-line cache opt-in",
+        }),
+        group: "voice-section",
+        status: prefs.cloudFirstLineCache ? "active" : "inactive",
+        onActivate: () => updatePrefs({ cloudFirstLineCache: !prefs.cloudFirstLineCache }),
+    });
+    const { ref: autoLearnRef, agentProps: autoLearnAgentProps } = useAgentElement({
+        id: "voice-section-auto-learn-toggle",
+        role: "toggle",
+        label: t("voicesection.autoLearnVoices", {
+            defaultValue: "Auto-learn new voices",
+        }),
+        group: "voice-section",
+        status: prefs.autoLearnVoices ? "active" : "inactive",
+        onActivate: () => updatePrefs({ autoLearnVoices: !prefs.autoLearnVoices }),
+    });
+    return (_jsx("section", { "data-testid": "voice-section", className: cn(className), children: _jsxs(SettingsStack, { children: [_jsx(SettingsGroup, { bare: true, children: _jsx(VoiceTierBanner, { tier: tier ?? "GOOD", summary: tierSummary }) }), _jsxs(SettingsGroup, { title: t("voicesection.chatGroupTitle", {
+                        defaultValue: "Voice chat",
+                    }), children: [_jsx(SettingsRow, { icon: Mic, label: t("voicesection.continuousChat", {
+                                defaultValue: "Continuous chat",
+                            }), description: t("voicesection.continuousChatDesc", {
+                                defaultValue: "Mic stays open; the agent detects when you stop.",
+                            }), stacked: true, children: _jsx("div", { "data-testid": "voice-section-continuous-row", children: _jsx(ContinuousChatToggle, { value: prefs.continuous, onChange: (next) => updatePrefs({ continuous: next }), "data-testid": "voice-section-continuous-toggle" }) }) }), _jsx(SettingsRow, { icon: Sliders, label: t("voicesection.wakeWord", { defaultValue: "Wake word" }), description: t("voicesection.wakeWordDesc", {
+                                defaultValue: "Listen for a phrase like 'Hey {{appName}}' before opening the mic.",
+                                ...appNameInterpolationVars(branding),
+                            }), control: _jsxs("label", { className: "inline-flex min-h-[44px] cursor-pointer items-center gap-2 text-sm", "data-testid": "voice-section-wake-row", children: [_jsx("input", { ref: wakeWordRef, type: "checkbox", checked: wakeWordEnabled, onChange: (e) => onWakeWordToggle?.(e.target.checked), "data-testid": "voice-section-wake-toggle", className: "h-5 w-5 rounded-sm border-border accent-accent", "aria-current": wakeWordEnabled ? "true" : undefined, "aria-label": t("voicesection.toggleWakeWord", {
+                                            defaultValue: "Toggle wake word",
+                                        }), ...wakeWordAgentProps }), _jsx("span", { className: "text-muted", children: wakeWordEnabled
+                                            ? t("voicesection.on", { defaultValue: "On" })
+                                            : t("voicesection.off", { defaultValue: "Off" }) })] }) }), _jsx(SettingsRow, { icon: Cloud, label: t("voicesection.localVsCloud", {
+                                defaultValue: "Local vs Cloud",
+                            }), description: t("voicesection.localVsCloudDesc", {
+                                defaultValue: "Where speech recognition and synthesis run.",
+                            }), stacked: true, children: _jsxs("select", { ref: strategyRef, value: prefs.strategy, onChange: (e) => updatePrefs({
+                                    strategy: e.target.value,
+                                }), className: "h-11 w-full rounded-md border border-border bg-card px-3 text-sm text-txt transition-colors focus:border-accent focus:outline-none", "data-testid": "voice-section-strategy-select", "aria-label": t("voicesection.localVsCloudStrategy", {
+                                    defaultValue: "Local vs Cloud strategy",
+                                }), ...strategyAgentProps, children: [_jsx("option", { value: "auto", children: t("voicesection.strategyAuto", {
+                                            defaultValue: "Auto (recommended)",
+                                        }) }), _jsx("option", { value: "force-local", children: t("voicesection.strategyForceLocal", {
+                                            defaultValue: "Force local",
+                                        }) }), _jsx("option", { value: "force-cloud", children: t("voicesection.strategyForceCloud", {
+                                            defaultValue: "Force cloud",
+                                        }) })] }) })] }), _jsxs(SettingsGroup, { title: t("voicesection.endOfTurn", { defaultValue: "End of turn" }), description: t("voicesection.endOfTurnDesc", {
+                        defaultValue: "Tune how on-device VAD decides you've finished speaking.",
+                    }), "data-testid": "voice-section-vad", children: [_jsx(SettingsRow, { icon: Timer, label: t("voicesection.silenceDuration", {
+                                defaultValue: "Silence before end of turn",
+                            }), stacked: true, children: _jsx(VadSlider, { agentId: "voice-section-vad-silence", testId: "voice-section-vad-silence", label: t("voicesection.silenceDuration", {
+                                    defaultValue: "Silence before end of turn",
+                                }), value: vadAutoStop.silenceMs, valueText: `${(vadAutoStop.silenceMs / 1000).toFixed(1)}s`, min: VAD_SILENCE_MIN_MS, max: VAD_SILENCE_MAX_MS, step: VAD_SILENCE_STEP_MS, onChange: (silenceMs) => updateVadAutoStop({ silenceMs }) }) }), _jsx(SettingsRow, { icon: Timer, label: t("voicesection.micSensitivity", {
+                                defaultValue: "Speech detection threshold",
+                            }), stacked: true, children: _jsx(VadSlider, { agentId: "voice-section-vad-rms", testId: "voice-section-vad-rms", label: t("voicesection.micSensitivity", {
+                                    defaultValue: "Speech detection threshold",
+                                }), value: vadAutoStop.speechRmsThreshold, valueText: vadAutoStop.speechRmsThreshold.toFixed(3), min: VAD_RMS_MIN, max: VAD_RMS_MAX, step: VAD_RMS_STEP, onChange: (speechRmsThreshold) => updateVadAutoStop({ speechRmsThreshold }), footer: _jsxs("span", { className: "mt-1 flex justify-between text-xs text-muted", children: [_jsx("span", { children: t("voicesection.thresholdLower", {
+                                                defaultValue: "More sensitive",
+                                            }) }), _jsx("span", { children: t("voicesection.thresholdHigher", {
+                                                defaultValue: "Less sensitive",
+                                            }) })] }) }) })] }), _jsx(SettingsGroup, { title: t("voicesection.models", { defaultValue: "Models" }), "data-testid": "voice-section-models", children: modelsPanel ?? (_jsx(SettingsRow, { icon: Database, label: t("voicesection.models", { defaultValue: "Models" }), description: _jsx("span", { "data-testid": "voice-section-models-empty", children: t("voicesection.modelsEmpty", {
+                                defaultValue: "Voice models appear here when available.",
+                            }) }) })) }), _jsx(SettingsGroup, { bare: true, title: t("voiceprofile.title", { defaultValue: "Voice profiles" }), children: _jsx(VoiceProfileSection, { profilesClient: profilesClient }) }), _jsxs(SettingsGroup, { title: t("voicesection.privacy", { defaultValue: "Privacy" }), "data-testid": "voice-section-privacy", children: [_jsx(SettingsRow, { icon: Shield, label: t("voicesection.cloudFirstLineCache", {
+                                defaultValue: "Cloud first-line cache",
+                            }), description: t("voicesection.cloudFirstLineCacheDesc", {
+                                defaultValue: "Lets Eliza Cloud cache the agent's short opener phrases for faster replies.",
+                            }), control: _jsx("input", { ref: cloudCacheRef, type: "checkbox", checked: prefs.cloudFirstLineCache, onChange: (e) => updatePrefs({ cloudFirstLineCache: e.target.checked }), "data-testid": "voice-section-cloud-cache-toggle", className: "h-5 w-5 rounded-sm border-border accent-accent", "aria-current": prefs.cloudFirstLineCache ? "true" : undefined, "aria-label": t("voicesection.cloudFirstLineCacheAria", {
+                                    defaultValue: "Cloud first-line cache opt-in",
+                                }), ...cloudCacheAgentProps }) }), _jsx(SettingsRow, { icon: Shield, label: t("voicesection.autoLearnVoices", {
+                                defaultValue: "Auto-learn new voices",
+                            }), description: t("voicesection.autoLearnVoicesDesc", {
+                                defaultValue: "When the agent hears an unfamiliar voice, build a profile for them automatically.",
+                            }), control: _jsx("input", { ref: autoLearnRef, type: "checkbox", checked: prefs.autoLearnVoices, onChange: (e) => updatePrefs({ autoLearnVoices: e.target.checked }), "data-testid": "voice-section-auto-learn-toggle", className: "h-5 w-5 rounded-sm border-border accent-accent", "aria-current": prefs.autoLearnVoices ? "true" : undefined, "aria-label": t("voicesection.autoLearnVoices", {
+                                    defaultValue: "Auto-learn new voices",
+                                }), ...autoLearnAgentProps }) })] })] }) }));
+}
+export default VoiceSection;

package/components/settings/VoiceSectionMount.d.ts

@@ -0,0 +1,17 @@
+/**
+ * VoiceSectionMount — settings-registry-compatible wrapper around VoiceSection.
+ *
+ * The settings registry mounts each section's `Component` with no props, but
+ * VoiceSection needs `prefs`, `onPrefsChange`, and a `profilesClient`. This
+ * wrapper supplies them from the real runtime:
+ *
+ * - profilesClient: a real `VoiceProfilesClient` over the shared `ElizaClient`,
+ *   the same construction onboarding uses (`VoicePrefixGate`).
+ * - prefs: loaded from and persisted to the agent config store under
+ *   `messages.voice` — the same `getConfig()` / `updateConfig()` path the other
+ *   settings sections use (see `IdentitySettingsSection` for `messages.tts`).
+ */
+import * as React from "react";
+export declare function VoiceSectionMount(): React.ReactElement;
+export default VoiceSectionMount;
+//# sourceMappingURL=VoiceSectionMount.d.ts.map

package/components/settings/VoiceSectionMount.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VoiceSectionMount.d.ts","sourceRoot":"","sources":["../../../../../../src/components/settings/VoiceSectionMount.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA8E/B,wBAAgB,iBAAiB,IAAI,KAAK,CAAC,YAAY,CAgEtD;AAED,eAAe,iBAAiB,CAAC"}