@peers-app/peers-ui 0.21.7 → 0.23.0

package/dist/screens/settings/voice-settings-api-keys.js

@@ -1,8 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.VoiceSettingsApiKeys = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const tooltip_1 = require("../../components/tooltip");
-const voice_settings_types_1 = require("./voice-settings-types");
-const VoiceSettingsApiKeys = ({ settings, picovoiceKey, openaiKey, keyError, onPicovoiceKeyChange, onOpenaiKeyChange, onDismissKeyError, }) => ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("div", { className: "mb-4", children: [(0, jsx_runtime_1.jsxs)("label", { className: "form-label", children: ["Picovoice Access Key", (0, jsx_runtime_1.jsx)(tooltip_1.Tooltip, { markdownContent: "Required for wake word detection. Get a free key at [console.picovoice.ai](https://console.picovoice.ai)" }), settings.picovoiceAccessKeySet && (0, jsx_runtime_1.jsx)("span", { className: "badge bg-success ms-2", children: "Set" })] }), (0, jsx_runtime_1.jsx)("input", { type: "password", className: "form-control", value: picovoiceKey, onChange: (e) => onPicovoiceKeyChange(e.target.value), placeholder: settings.picovoiceAccessKeySet ? "••••••••••••••••" : "Enter your Picovoice access key" }), (0, jsx_runtime_1.jsxs)("small", { className: "text-muted", children: [(0, jsx_runtime_1.jsx)("a", { href: "https://console.picovoice.ai", target: "_blank", rel: "noopener noreferrer", children: "Get a free access key" }), settings.picovoiceAccessKeySet && " (leave blank to keep existing key)"] })] }), keyError && ((0, jsx_runtime_1.jsxs)("div", { className: "alert alert-warning alert-dismissible mb-4", role: "alert", children: [(0, jsx_runtime_1.jsxs)("div", { className: "d-flex align-items-start gap-2", children: [(0, jsx_runtime_1.jsx)("i", { className: "bi bi-exclamation-triangle-fill flex-shrink-0 mt-1" }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("strong", { children: voice_settings_types_1.PICOVOICE_KEY_ERROR_MESSAGES[keyError].heading }), (0, jsx_runtime_1.jsx)("div", { className: "mt-1", children: voice_settings_types_1.PICOVOICE_KEY_ERROR_MESSAGES[keyError].body }), (0, jsx_runtime_1.jsx)("a", { href: "https://console.picovoice.ai", target: "_blank", rel: "noopener noreferrer", className: "alert-link mt-1 d-inline-block", children: "Open console.picovoice.ai" })] })] }), (0, jsx_runtime_1.jsx)("button", { type: "button", className: "btn-close", onClick: onDismissKeyError })] })), (0, jsx_runtime_1.jsxs)("div", { className: "mb-3", children: [(0, jsx_runtime_1.jsxs)("label", { className: "form-label", children: ["OpenAI API Key", (0, jsx_runtime_1.jsx)(tooltip_1.Tooltip, { markdownContent: "Required for cloud STT (Whisper) and cloud TTS. Leave empty to use local/browser alternatives." }), settings.openaiApiKeySet && (0, jsx_runtime_1.jsx)("span", { className: "badge bg-success ms-2", children: "Set" })] }), (0, jsx_runtime_1.jsx)("input", { type: "password", className: "form-control", value: openaiKey, onChange: (e) => onOpenaiKeyChange(e.target.value), placeholder: settings.openaiApiKeySet ? "••••••••••••••••" : "sk-..." }), settings.openaiApiKeySet && ((0, jsx_runtime_1.jsx)("small", { className: "text-muted", children: "Leave blank to keep existing key" }))] })] }));
-exports.VoiceSettingsApiKeys = VoiceSettingsApiKeys;

package/dist/screens/settings/voice-settings-output.d.ts

@@ -1,16 +0,0 @@
-import type React from "react";
-import { type VoiceSettings } from "./voice-settings-types";
-interface OutputProps {
-    settings: VoiceSettings;
-    localSettings: VoiceSettings;
-    saving: boolean;
-    testText: string;
-    hasUnsavedChanges: boolean;
-    audioDevices: string[];
-    onChange: (patch: Partial<VoiceSettings>) => void;
-    onTestTextChange: (text: string) => void;
-    onTestTTS: () => void;
-    onTestRecording: () => void;
-}
-export declare const VoiceSettingsOutput: React.FC<OutputProps>;
-export {};

package/dist/screens/settings/voice-settings-output.js

@@ -1,7 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.VoiceSettingsOutput = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const voice_settings_types_1 = require("./voice-settings-types");
-const VoiceSettingsOutput = ({ settings, localSettings, saving, testText, hasUnsavedChanges, audioDevices, onChange, onTestTextChange, onTestTTS, onTestRecording, }) => ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [localSettings.ttsProvider === "cloud" && ((0, jsx_runtime_1.jsxs)("div", { className: "mb-3", children: [(0, jsx_runtime_1.jsx)("label", { className: "form-label", children: "Voice" }), (0, jsx_runtime_1.jsx)("select", { className: "form-select", value: localSettings.ttsVoice || "nova", onChange: (e) => onChange({ ttsVoice: e.target.value }), disabled: saving, children: voice_settings_types_1.OPENAI_TTS_VOICES.map((voice) => ((0, jsx_runtime_1.jsxs)("option", { value: voice.id, children: [voice.name, " - ", voice.description] }, voice.id))) })] })), (0, jsx_runtime_1.jsxs)("div", { className: "mb-4", children: [(0, jsx_runtime_1.jsxs)("label", { className: "form-label", children: ["Speaking Speed: ", localSettings.ttsSpeed.toFixed(1), "x"] }), (0, jsx_runtime_1.jsx)("input", { type: "range", className: "form-range", min: "0.5", max: "2", step: "0.1", value: localSettings.ttsSpeed, onChange: (e) => onChange({ ttsSpeed: parseFloat(e.target.value) }) }), (0, jsx_runtime_1.jsxs)("div", { className: "d-flex justify-content-between", children: [(0, jsx_runtime_1.jsx)("small", { className: "text-muted", children: "Slower" }), (0, jsx_runtime_1.jsx)("small", { className: "text-muted", children: "Faster" })] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "mb-4", children: [(0, jsx_runtime_1.jsx)("label", { className: "form-label", children: "Test TTS" }), (0, jsx_runtime_1.jsxs)("div", { className: "input-group", children: [(0, jsx_runtime_1.jsx)("input", { type: "text", className: "form-control", value: testText, onChange: (e) => onTestTextChange(e.target.value), placeholder: "Enter text to speak" }), (0, jsx_runtime_1.jsxs)("button", { className: "btn btn-outline-primary", type: "button", onClick: onTestTTS, disabled: !settings.enabled && localSettings.ttsProvider === "cloud" && !settings.openaiApiKeySet, children: [(0, jsx_runtime_1.jsx)("i", { className: "bi bi-play-fill me-1" }), "Speak"] })] }), (0, jsx_runtime_1.jsx)("small", { className: "text-muted", children: hasUnsavedChanges && "Save changes first to test with new settings" })] }), (0, jsx_runtime_1.jsx)("hr", { className: "my-4" }), (0, jsx_runtime_1.jsxs)("div", { className: "mb-4", children: [(0, jsx_runtime_1.jsx)("h6", { className: "mb-3", children: "Test Voice Input" }), (0, jsx_runtime_1.jsx)("p", { className: "text-muted small", children: "Click the button below to test voice recording. Speak and it will stop when silence is detected." }), (0, jsx_runtime_1.jsxs)("button", { className: "btn btn-primary", onClick: onTestRecording, disabled: !settings.enabled || saving, children: [(0, jsx_runtime_1.jsx)("i", { className: "bi bi-mic me-2" }), "Test Recording"] }), !settings.enabled && ((0, jsx_runtime_1.jsx)("small", { className: "text-muted ms-2", children: "Enable and save voice settings first" }))] }), audioDevices.length > 0 && ((0, jsx_runtime_1.jsxs)("div", { className: "mb-4", children: [(0, jsx_runtime_1.jsx)("h6", { className: "mb-3", children: "Available Audio Devices" }), (0, jsx_runtime_1.jsx)("ul", { className: "list-group list-group-flush", children: audioDevices.map((device, index) => ((0, jsx_runtime_1.jsx)("li", { className: "list-group-item bg-transparent", children: (0, jsx_runtime_1.jsx)("small", { children: device }) }, index))) })] }))] }));
-exports.VoiceSettingsOutput = VoiceSettingsOutput;

package/dist/screens/settings/voice-settings-providers.d.ts

@@ -1,9 +0,0 @@
-import type React from "react";
-import type { VoiceSettings } from "./voice-settings-types";
-interface ProvidersProps {
-    localSettings: VoiceSettings;
-    saving: boolean;
-    onChange: (patch: Partial<VoiceSettings>) => void;
-}
-export declare const VoiceSettingsProviders: React.FC<ProvidersProps>;
-export {};

package/dist/screens/settings/voice-settings-providers.js

@@ -1,6 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.VoiceSettingsProviders = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const VoiceSettingsProviders = ({ localSettings, saving, onChange, }) => ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("h6", { className: "mb-3", children: "Speech to Text (STT)" }), (0, jsx_runtime_1.jsxs)("div", { className: "mb-4", children: [(0, jsx_runtime_1.jsx)("label", { className: "form-label", children: "STT Provider" }), (0, jsx_runtime_1.jsxs)("select", { className: "form-select", value: localSettings.sttProvider, onChange: (e) => onChange({ sttProvider: e.target.value }), disabled: saving, children: [(0, jsx_runtime_1.jsx)("option", { value: "auto", children: "Auto (Cloud with local fallback)" }), (0, jsx_runtime_1.jsx)("option", { value: "cloud", children: "Cloud only (OpenAI Whisper)" }), (0, jsx_runtime_1.jsx)("option", { value: "local", children: "Local only (requires setup)" })] })] }), (0, jsx_runtime_1.jsx)("hr", { className: "my-4" }), (0, jsx_runtime_1.jsx)("h6", { className: "mb-3", children: "Text to Speech (TTS)" }), (0, jsx_runtime_1.jsxs)("div", { className: "mb-3", children: [(0, jsx_runtime_1.jsx)("label", { className: "form-label", children: "TTS Provider" }), (0, jsx_runtime_1.jsxs)("select", { className: "form-select", value: localSettings.ttsProvider, onChange: (e) => onChange({ ttsProvider: e.target.value }), disabled: saving, children: [(0, jsx_runtime_1.jsx)("option", { value: "browser", children: "Browser (free, works offline)" }), (0, jsx_runtime_1.jsx)("option", { value: "cloud", children: "Cloud (OpenAI TTS, natural voice)" })] })] })] }));
-exports.VoiceSettingsProviders = VoiceSettingsProviders;

package/dist/screens/settings/voice-settings-types.d.ts

@@ -1,33 +0,0 @@
-export type STTProvider = "auto" | "cloud" | "local";
-export type TTSProvider = "browser" | "cloud";
-export type PicovoiceKeyError = "refused" | "invalid" | "limit" | "throttled";
-export type BuiltinWakeWord = "ALEXA" | "AMERICANO" | "BLUEBERRY" | "BUMBLEBEE" | "COMPUTER" | "GRAPEFRUIT" | "GRASSHOPPER" | "HEY_GOOGLE" | "HEY_SIRI" | "JARVIS" | "OK_GOOGLE" | "PICOVOICE" | "PORCUPINE" | "TERMINATOR";
-export interface VoiceSettingsData {
-    enabled: boolean;
-    voiceOutputEnabled?: boolean;
-    wakeWord: BuiltinWakeWord;
-    wakeWordSensitivity: number;
-    speechSensitivity: number;
-    sttProvider: STTProvider;
-    ttsProvider: TTSProvider;
-    ttsVoice?: string;
-    ttsSpeed: number;
-}
-export interface VoiceSettings extends VoiceSettingsData {
-    picovoiceAccessKeySet?: boolean;
-    openaiApiKeySet?: boolean;
-}
-export declare const DEFAULT_SETTINGS: VoiceSettingsData;
-export declare const BUILTIN_WAKE_WORDS: {
-    id: BuiltinWakeWord;
-    name: string;
-}[];
-export declare const PICOVOICE_KEY_ERROR_MESSAGES: Record<PicovoiceKeyError, {
-    heading: string;
-    body: string;
-}>;
-export declare const OPENAI_TTS_VOICES: {
-    id: string;
-    name: string;
-    description: string;
-}[];

package/dist/screens/settings/voice-settings-types.js

@@ -1,55 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.OPENAI_TTS_VOICES = exports.PICOVOICE_KEY_ERROR_MESSAGES = exports.BUILTIN_WAKE_WORDS = exports.DEFAULT_SETTINGS = void 0;
-exports.DEFAULT_SETTINGS = {
-    enabled: false,
-    voiceOutputEnabled: true,
-    wakeWord: "COMPUTER",
-    wakeWordSensitivity: 0.5,
-    speechSensitivity: 0.7,
-    sttProvider: "auto",
-    ttsProvider: "browser",
-    ttsSpeed: 1.0,
-};
-exports.BUILTIN_WAKE_WORDS = [
-    { id: "ALEXA", name: "Alexa" },
-    { id: "AMERICANO", name: "Americano" },
-    { id: "BLUEBERRY", name: "Blueberry" },
-    { id: "BUMBLEBEE", name: "Bumblebee" },
-    { id: "COMPUTER", name: "Computer" },
-    { id: "GRAPEFRUIT", name: "Grapefruit" },
-    { id: "GRASSHOPPER", name: "Grasshopper" },
-    { id: "HEY_GOOGLE", name: "Hey Google" },
-    { id: "HEY_SIRI", name: "Hey Siri" },
-    { id: "JARVIS", name: "Jarvis" },
-    { id: "OK_GOOGLE", name: "Ok Google" },
-    { id: "PICOVOICE", name: "Picovoice" },
-    { id: "PORCUPINE", name: "Porcupine" },
-    { id: "TERMINATOR", name: "Terminator" },
-];
-exports.PICOVOICE_KEY_ERROR_MESSAGES = {
-    refused: {
-        heading: "Picovoice access key refused",
-        body: "Your key was rejected — it may have been revoked or banned. Generate a new key at console.picovoice.ai and paste it below.",
-    },
-    invalid: {
-        heading: "Picovoice access key invalid",
-        body: "Your key is malformed or expired. Generate a new key at console.picovoice.ai and paste it below.",
-    },
-    limit: {
-        heading: "Picovoice device limit reached",
-        body: "Your key has been activated on too many devices. Go to console.picovoice.ai to deactivate old devices, generate a new key, or upgrade your plan.",
-    },
-    throttled: {
-        heading: "Picovoice activation throttled",
-        body: "Too many activation attempts. Please wait a moment, then save your settings again to retry.",
-    },
-};
-exports.OPENAI_TTS_VOICES = [
-    { id: "alloy", name: "Alloy", description: "Neutral and balanced" },
-    { id: "echo", name: "Echo", description: "Warm and clear" },
-    { id: "fable", name: "Fable", description: "Expressive and dynamic" },
-    { id: "onyx", name: "Onyx", description: "Deep and authoritative" },
-    { id: "nova", name: "Nova", description: "Friendly and upbeat" },
-    { id: "shimmer", name: "Shimmer", description: "Soft and gentle" },
-];

package/dist/screens/settings/voice-settings-wake-word.d.ts

@@ -1,9 +0,0 @@
-import type React from "react";
-import { type VoiceSettings } from "./voice-settings-types";
-interface WakeWordProps {
-    localSettings: VoiceSettings;
-    saving: boolean;
-    onChange: (patch: Partial<VoiceSettings>) => void;
-}
-export declare const VoiceSettingsWakeWord: React.FC<WakeWordProps>;
-export {};

package/dist/screens/settings/voice-settings-wake-word.js

@@ -1,8 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.VoiceSettingsWakeWord = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const tooltip_1 = require("../../components/tooltip");
-const voice_settings_types_1 = require("./voice-settings-types");
-const VoiceSettingsWakeWord = ({ localSettings, saving, onChange, }) => ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("div", { className: "mb-4", children: [(0, jsx_runtime_1.jsxs)("label", { className: "form-label", children: ["Wake Word", (0, jsx_runtime_1.jsx)(tooltip_1.Tooltip, { markdownContent: "The phrase you say to activate voice recording. Choose a word that's easy for you to say and unlikely to occur in normal conversation." })] }), (0, jsx_runtime_1.jsx)("select", { className: "form-select", value: localSettings.wakeWord, onChange: (e) => onChange({ wakeWord: e.target.value }), disabled: saving, children: voice_settings_types_1.BUILTIN_WAKE_WORDS.map((word) => ((0, jsx_runtime_1.jsx)("option", { value: word.id, children: word.name }, word.id))) })] }), (0, jsx_runtime_1.jsxs)("div", { className: "mb-4", children: [(0, jsx_runtime_1.jsxs)("label", { className: "form-label", children: ["Wake Word Sensitivity: ", localSettings.wakeWordSensitivity.toFixed(2), (0, jsx_runtime_1.jsx)(tooltip_1.Tooltip, { markdownContent: "Higher values make the wake word easier to trigger but may cause false positives." })] }), (0, jsx_runtime_1.jsx)("input", { type: "range", className: "form-range", min: "0", max: "1", step: "0.05", value: localSettings.wakeWordSensitivity, onChange: (e) => onChange({ wakeWordSensitivity: parseFloat(e.target.value) }) }), (0, jsx_runtime_1.jsxs)("div", { className: "d-flex justify-content-between", children: [(0, jsx_runtime_1.jsx)("small", { className: "text-muted", children: "Less sensitive" }), (0, jsx_runtime_1.jsx)("small", { className: "text-muted", children: "More sensitive" })] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "mb-4", children: [(0, jsx_runtime_1.jsxs)("label", { className: "form-label", children: ["Speech Detection: ", (localSettings.speechSensitivity ?? 0.7).toFixed(2), (0, jsx_runtime_1.jsx)(tooltip_1.Tooltip, { markdownContent: "Controls how sensitive the microphone is when detecting speech. Higher values pick up quieter speech (better for quiet rooms or a close mic). Lower values require louder speech, which helps filter out background noise." })] }), (0, jsx_runtime_1.jsx)("input", { type: "range", className: "form-range", min: "0", max: "1", step: "0.05", value: localSettings.speechSensitivity ?? 0.7, onChange: (e) => onChange({ speechSensitivity: parseFloat(e.target.value) }) }), (0, jsx_runtime_1.jsxs)("div", { className: "d-flex justify-content-between mb-1", children: [(0, jsx_runtime_1.jsx)("small", { className: "text-muted", children: "Loud / Noisy environment" }), (0, jsx_runtime_1.jsx)("small", { className: "text-muted", children: "Quiet / Close mic" })] }), (0, jsx_runtime_1.jsxs)("div", { className: "d-flex justify-content-between px-1", children: [(0, jsx_runtime_1.jsx)("small", { className: "text-muted", style: { fontSize: "0.7rem" }, children: "0.2 \u2014 Shout" }), (0, jsx_runtime_1.jsx)("small", { className: "text-muted", style: { fontSize: "0.7rem" }, children: "0.5 \u2014 Normal" }), (0, jsx_runtime_1.jsx)("small", { className: "text-muted", style: { fontSize: "0.7rem" }, children: "0.7 \u2014 Desk" }), (0, jsx_runtime_1.jsx)("small", { className: "text-muted", style: { fontSize: "0.7rem" }, children: "0.9 \u2014 Whisper" })] })] })] }));
-exports.VoiceSettingsWakeWord = VoiceSettingsWakeWord;

package/dist/screens/settings/voice-settings.d.ts

@@ -1,10 +0,0 @@
-/**
- * Voice Settings Component
- *
- * Settings panel for voice input configuration.
- * Settings are stored directly via pvars (auto-synced).
- * Keys are stored as secure pvars (write-only).
- */
-import type React from "react";
-export declare const VoiceSettings: React.FC;
-export default VoiceSettings;

package/dist/screens/settings/voice-settings.js

@@ -1,173 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.VoiceSettings = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-/**
- * Voice Settings Component
- *
- * Settings panel for voice input configuration.
- * Settings are stored directly via pvars (auto-synced).
- * Keys are stored as secure pvars (write-only).
- */
-const peers_sdk_1 = require("@peers-app/peers-sdk");
-const react_1 = require("react");
-const voice_settings_agent_1 = require("./voice-settings-agent");
-const voice_settings_api_keys_1 = require("./voice-settings-api-keys");
-const voice_settings_output_1 = require("./voice-settings-output");
-const voice_settings_providers_1 = require("./voice-settings-providers");
-const voice_settings_types_1 = require("./voice-settings-types");
-const voice_settings_wake_word_1 = require("./voice-settings-wake-word");
-// Pvars - shared with voice service (writes here trigger service updates)
-const voiceSettingsPvar = (0, peers_sdk_1.userVar)("voiceSettings", {
-    defaultValue: voice_settings_types_1.DEFAULT_SETTINGS,
-});
-const picovoiceKeyPvar = (0, peers_sdk_1.userVar)("PICOVOICE_ACCESS_KEY", {
-    isSecret: true,
-    defaultValue: "",
-});
-const openaiKeyPvar = (0, peers_sdk_1.userVar)("OPENAI_API_KEY", { isSecret: true, defaultValue: "" });
-const VoiceSettings = () => {
-    const [settings, setSettings] = (0, react_1.useState)({ ...voice_settings_types_1.DEFAULT_SETTINGS });
-    const [loading, setLoading] = (0, react_1.useState)(true);
-    const [saving, setSaving] = (0, react_1.useState)(false);
-    const [error, setError] = (0, react_1.useState)(null);
-    const [success, setSuccess] = (0, react_1.useState)(null);
-    const [audioDevices, setAudioDevices] = (0, react_1.useState)([]);
-    const [keyError, setKeyError] = (0, react_1.useState)(null);
-    // Local state for unsaved changes
-    const [localSettings, setLocalSettings] = (0, react_1.useState)(settings);
-    const [picovoiceKey, setPicovoiceKey] = (0, react_1.useState)("");
-    const [openaiKey, setOpenaiKey] = (0, react_1.useState)("");
-    const [hasUnsavedChanges, setHasUnsavedChanges] = (0, react_1.useState)(false);
-    const [testText, setTestText] = (0, react_1.useState)("Hello, this is a test of the text to speech system.");
-    // Load initial settings from pvars
-    (0, react_1.useEffect)(() => {
-        const loadSettings = async () => {
-            try {
-                await voiceSettingsPvar.loadingPromise;
-                await picovoiceKeyPvar.loadingPromise;
-                await openaiKeyPvar.loadingPromise;
-                const savedSettings = voiceSettingsPvar() || voice_settings_types_1.DEFAULT_SETTINGS;
-                const picovoiceKeyValue = picovoiceKeyPvar();
-                const openaiKeyValue = openaiKeyPvar();
-                const loadedSettings = {
-                    ...savedSettings,
-                    picovoiceAccessKeySet: !!picovoiceKeyValue && picovoiceKeyValue !== "",
-                    openaiApiKeySet: !!openaiKeyValue && openaiKeyValue !== "",
-                };
-                setSettings(loadedSettings);
-                setLocalSettings(loadedSettings);
-                try {
-                    const devices = await peers_sdk_1.rpcServerCalls.voiceGetAudioDevices();
-                    setAudioDevices(devices || []);
-                }
-                catch {
-                    // voiceGetAudioDevices not available (e.g. React Native) - leave empty
-                }
-                try {
-                    const voiceState = await peers_sdk_1.rpcServerCalls.voiceGetState();
-                    setKeyError(voiceState.keyError ?? null);
-                }
-                catch {
-                    // voiceGetState not available - leave null
-                }
-            }
-            catch (err) {
-                console.error("Failed to load voice settings:", err);
-                setError("Failed to load voice settings.");
-            }
-            finally {
-                setLoading(false);
-            }
-        };
-        loadSettings();
-    }, []);
-    // Track unsaved changes
-    (0, react_1.useEffect)(() => {
-        const settingsChanged = JSON.stringify(localSettings) !== JSON.stringify(settings);
-        const keysEntered = picovoiceKey.length > 0 || openaiKey.length > 0;
-        setHasUnsavedChanges(settingsChanged || keysEntered);
-    }, [localSettings, settings, picovoiceKey, openaiKey]);
-    const handleSaveAll = (0, react_1.useCallback)(async () => {
-        setSaving(true);
-        setError(null);
-        setSuccess(null);
-        try {
-            if (picovoiceKey) {
-                await picovoiceKeyPvar.loadingPromise;
-                picovoiceKeyPvar(picovoiceKey);
-                setPicovoiceKey("");
-                setKeyError(null);
-            }
-            if (openaiKey) {
-                await openaiKeyPvar.loadingPromise;
-                openaiKeyPvar(openaiKey);
-                setOpenaiKey("");
-            }
-            await voiceSettingsPvar.loadingPromise;
-            voiceSettingsPvar({
-                enabled: localSettings.enabled,
-                voiceOutputEnabled: localSettings.voiceOutputEnabled ?? true,
-                wakeWord: localSettings.wakeWord,
-                wakeWordSensitivity: localSettings.wakeWordSensitivity,
-                speechSensitivity: localSettings.speechSensitivity ?? 0.3,
-                sttProvider: localSettings.sttProvider,
-                ttsProvider: localSettings.ttsProvider,
-                ttsVoice: localSettings.ttsVoice,
-                ttsSpeed: localSettings.ttsSpeed,
-            });
-            const updatedSettings = {
-                ...localSettings,
-                picovoiceAccessKeySet: !!picovoiceKeyPvar() || !!picovoiceKey,
-                openaiApiKeySet: !!openaiKeyPvar() || !!openaiKey,
-            };
-            setSettings(updatedSettings);
-            setLocalSettings(updatedSettings);
-            setSuccess("Settings saved successfully!");
-            setTimeout(() => setSuccess(null), 3000);
-        }
-        catch (err) {
-            console.error("Failed to save voice settings:", err);
-            setError(err.message);
-        }
-        finally {
-            setSaving(false);
-        }
-    }, [localSettings, picovoiceKey, openaiKey]);
-    const handleToggleEnabled = (0, react_1.useCallback)(async () => {
-        if (!localSettings.picovoiceAccessKeySet && !picovoiceKey && !localSettings.enabled) {
-            setError("Please enter and save a Picovoice Access Key first");
-            return;
-        }
-        setLocalSettings((prev) => ({ ...prev, enabled: !prev.enabled }));
-    }, [localSettings.enabled, localSettings.picovoiceAccessKeySet, picovoiceKey]);
-    const handleTestTTS = (0, react_1.useCallback)(async () => {
-        try {
-            setError(null);
-            await peers_sdk_1.rpcServerCalls.voiceTestTTS(testText);
-        }
-        catch (err) {
-            console.error("TTS test failed:", err);
-            setError(`TTS test failed: ${err.message}`);
-        }
-    }, [testText]);
-    const handleTestRecording = (0, react_1.useCallback)(async () => {
-        try {
-            setError(null);
-            await peers_sdk_1.rpcServerCalls.voiceStartRecording();
-        }
-        catch (err) {
-            console.error("Recording test failed:", err);
-            setError(err.message);
-        }
-    }, []);
-    const handleSettingsChange = (0, react_1.useCallback)((patch) => {
-        setLocalSettings((prev) => ({ ...prev, ...patch }));
-    }, []);
-    if (loading) {
-        return ((0, jsx_runtime_1.jsx)("div", { className: "d-flex justify-content-center p-4", children: (0, jsx_runtime_1.jsx)("div", { className: "spinner-border text-primary", role: "status", children: (0, jsx_runtime_1.jsx)("span", { className: "visually-hidden", children: "Loading..." }) }) }));
-    }
-    return ((0, jsx_runtime_1.jsxs)("div", { className: "voice-settings", children: [(0, jsx_runtime_1.jsxs)("div", { className: "d-flex align-items-center mb-3", children: [(0, jsx_runtime_1.jsx)("h5", { className: "mb-0 me-3", children: "Voice Input" }), (0, jsx_runtime_1.jsxs)("div", { className: "form-check form-switch me-auto", children: [(0, jsx_runtime_1.jsx)("input", { className: "form-check-input", type: "checkbox", id: "voiceEnabled", checked: localSettings.enabled, onChange: handleToggleEnabled, disabled: saving }), (0, jsx_runtime_1.jsx)("label", { className: "form-check-label", htmlFor: "voiceEnabled", children: localSettings.enabled ? "Enabled" : "Disabled" })] }), (0, jsx_runtime_1.jsx)("button", { className: "btn btn-primary btn-sm", onClick: handleSaveAll, disabled: saving || !hasUnsavedChanges, children: saving ? "Saving..." : "Save" })] }), localSettings.enabled && ((0, jsx_runtime_1.jsxs)("div", { className: "d-flex align-items-center mb-3 ms-3", children: [(0, jsx_runtime_1.jsx)("h6", { className: "mb-0 me-3 text-muted", children: "Voice Output" }), (0, jsx_runtime_1.jsxs)("div", { className: "form-check form-switch", children: [(0, jsx_runtime_1.jsx)("input", { className: "form-check-input", type: "checkbox", id: "voiceOutputEnabled", checked: localSettings.voiceOutputEnabled !== false, onChange: (e) => handleSettingsChange({ voiceOutputEnabled: e.target.checked }), disabled: saving }), (0, jsx_runtime_1.jsx)("label", { className: "form-check-label", htmlFor: "voiceOutputEnabled", children: localSettings.voiceOutputEnabled !== false ? "On" : "Off" })] }), (0, jsx_runtime_1.jsx)("small", { className: "text-muted ms-2", children: "Speak assistant responses aloud" })] })), error && ((0, jsx_runtime_1.jsxs)("div", { className: "alert alert-danger alert-dismissible fade show", role: "alert", children: [error, (0, jsx_runtime_1.jsx)("button", { type: "button", className: "btn-close", onClick: () => setError(null) })] })), success && ((0, jsx_runtime_1.jsxs)("div", { className: "alert alert-success alert-dismissible fade show", role: "alert", children: [success, (0, jsx_runtime_1.jsx)("button", { type: "button", className: "btn-close", onClick: () => setSuccess(null) })] })), (0, jsx_runtime_1.jsx)(voice_settings_api_keys_1.VoiceSettingsApiKeys, { settings: settings, picovoiceKey: picovoiceKey, openaiKey: openaiKey, keyError: keyError, onPicovoiceKeyChange: setPicovoiceKey, onOpenaiKeyChange: setOpenaiKey, onDismissKeyError: () => setKeyError(null) }), (0, jsx_runtime_1.jsx)("hr", { className: "my-4" }), (0, jsx_runtime_1.jsx)(voice_settings_wake_word_1.VoiceSettingsWakeWord, { localSettings: localSettings, saving: saving, onChange: handleSettingsChange }), (0, jsx_runtime_1.jsx)("hr", { className: "my-4" }), (0, jsx_runtime_1.jsx)(voice_settings_providers_1.VoiceSettingsProviders, { localSettings: localSettings, saving: saving, onChange: handleSettingsChange }), (0, jsx_runtime_1.jsx)(voice_settings_output_1.VoiceSettingsOutput, { settings: settings, localSettings: localSettings, saving: saving, testText: testText, hasUnsavedChanges: hasUnsavedChanges, audioDevices: audioDevices, onChange: handleSettingsChange, onTestTextChange: setTestText, onTestTTS: handleTestTTS, onTestRecording: handleTestRecording }), (0, jsx_runtime_1.jsx)("hr", { className: "my-4" }), (0, jsx_runtime_1.jsx)(voice_settings_agent_1.VoiceSettingsAgent, {}), (0, jsx_runtime_1.jsxs)("div", { className: "alert alert-info", children: [(0, jsx_runtime_1.jsxs)("h6", { className: "alert-heading", children: [(0, jsx_runtime_1.jsx)("i", { className: "bi bi-info-circle me-2" }), "How to use"] }), (0, jsx_runtime_1.jsxs)("ol", { className: "mb-0 small", children: [(0, jsx_runtime_1.jsx)("li", { children: "Get a free Picovoice access key from the link above" }), (0, jsx_runtime_1.jsxs)("li", { children: ["Enter the key and click ", (0, jsx_runtime_1.jsx)("strong", { children: "Save" })] }), (0, jsx_runtime_1.jsxs)("li", { children: ["Enable voice input and click ", (0, jsx_runtime_1.jsx)("strong", { children: "Save" }), " again"] }), (0, jsx_runtime_1.jsxs)("li", { children: ["Say", " ", (0, jsx_runtime_1.jsxs)("strong", { children: ["\"", voice_settings_types_1.BUILTIN_WAKE_WORDS.find((w) => w.id === localSettings.wakeWord)?.name || "Computer", "\""] }), " ", "to activate voice recording"] }), (0, jsx_runtime_1.jsx)("li", { children: "Speak your message - recording stops automatically when you pause" }), (0, jsx_runtime_1.jsx)("li", { children: "Your message will be sent to the assistant and the response will be spoken" })] })] })] }));
-};
-exports.VoiceSettings = VoiceSettings;
-exports.default = exports.VoiceSettings;