@peers-app/peers-ui 0.21.7 → 0.23.0

package/src/screens/tools/tool-access-ipc.test.ts

@@ -0,0 +1,55 @@
+import {
+  CONTRACT_REQUEST_CHANNEL,
+  inProcessTransportPair,
+  newid,
+  registerHostContractTransport,
+} from "@peers-app/peers-sdk";
+import { getToolAccessControlConsumer } from "./tool-access-ipc";
+
+function setupHost() {
+  const calls: Array<{
+    dataContextId?: string;
+    member: string;
+    name: string;
+    operation: string;
+  }> = [];
+  const [consumerTransport, providerTransport] = inProcessTransportPair();
+  providerTransport.on(CONTRACT_REQUEST_CHANNEL, (call) => {
+    calls.push(call);
+    if (call.member === "tool" && call.name === "approve") {
+      return { result: { status: "executed" } };
+    }
+    return undefined;
+  });
+  return {
+    calls,
+    dispose: registerHostContractTransport(consumerTransport),
+  };
+}
+
+describe("Tool Access Control host consumers", () => {
+  it("caches per context and scopes calls to the requested context", async () => {
+    const host = setupHost();
+    const groupContextId = newid();
+    const personalContextId = newid();
+    const groupConsumer = await getToolAccessControlConsumer(groupContextId);
+
+    expect(await getToolAccessControlConsumer(groupContextId)).toBe(groupConsumer);
+    expect(await getToolAccessControlConsumer(personalContextId)).not.toBe(groupConsumer);
+
+    await groupConsumer.tools.approve({
+      approvalId: newid(),
+      nonce: newid(),
+      scope: "once",
+    });
+    expect(host.calls).toContainEqual(
+      expect.objectContaining({
+        dataContextId: groupContextId,
+        member: "tool",
+        name: "approve",
+      }),
+    );
+
+    host.dispose();
+  });
+});

package/src/screens/tools/tool-access-ipc.ts

@@ -0,0 +1,88 @@
+import {
+  createContractConsumer,
+  getHostContractTransport,
+  getToolAccessControlContractDefinition,
+  type IContractTransport,
+  type IToolAccessControlConsumer,
+  subscribeHostContractTransport,
+  waitForHostContractTransport,
+} from "@peers-app/peers-sdk";
+
+const HOST_TRANSPORT_TIMEOUT_MS = 10_000;
+
+type CachedConsumer = {
+  transport: IContractTransport;
+  consumer: IToolAccessControlConsumer;
+};
+
+const cachedByContext = new Map<string, CachedConsumer>();
+const pendingByContext = new Map<string, Promise<IToolAccessControlConsumer>>();
+
+function disposeCachedConsumers(): void {
+  for (const cached of cachedByContext.values()) {
+    cached.consumer.dispose();
+  }
+  cachedByContext.clear();
+}
+
+subscribeHostContractTransport(
+  (transport) => {
+    if ([...cachedByContext.values()].some((cached) => cached.transport !== transport)) {
+      disposeCachedConsumers();
+      pendingByContext.clear();
+    }
+  },
+  { emitCurrent: false },
+);
+
+async function loadConsumer(
+  transport: IContractTransport,
+  dataContextId: string,
+): Promise<IToolAccessControlConsumer> {
+  cachedByContext.get(dataContextId)?.consumer.dispose();
+  cachedByContext.delete(dataContextId);
+  const consumer = createContractConsumer(getToolAccessControlContractDefinition(), transport, {
+    dataContextId,
+  }) as unknown as IToolAccessControlConsumer;
+  try {
+    await consumer.loadingPromise;
+    if (getHostContractTransport() !== transport) {
+      consumer.dispose();
+      pendingByContext.delete(dataContextId);
+      return getToolAccessControlConsumer(dataContextId);
+    }
+    cachedByContext.set(dataContextId, { transport, consumer });
+    return consumer;
+  } catch (error) {
+    consumer.dispose();
+    throw error;
+  }
+}
+
+/**
+ * Return a typed local-host consumer for Tool Access Control in `dataContextId`.
+ */
+export async function getToolAccessControlConsumer(
+  dataContextId: string,
+): Promise<IToolAccessControlConsumer> {
+  const transport =
+    getHostContractTransport() ??
+    (await waitForHostContractTransport({ timeoutMs: HOST_TRANSPORT_TIMEOUT_MS }));
+  const cached = cachedByContext.get(dataContextId);
+  if (cached?.transport === transport) {
+    return cached.consumer;
+  }
+  const pending = pendingByContext.get(dataContextId);
+  if (pending) {
+    return pending;
+  }
+  const loadPromise = loadConsumer(transport, dataContextId);
+  pendingByContext.set(dataContextId, loadPromise);
+  try {
+    return await loadPromise;
+  } finally {
+    if (pendingByContext.get(dataContextId) === loadPromise) {
+      pendingByContext.delete(dataContextId);
+    }
+  }
+}

package/src/screens/tools/tool-info.tsx

@@ -1,9 +1,11 @@
 import { type IDoc, type ITool, observable } from "@peers-app/peers-sdk";
 import { useEffect, useState } from "react";
+import { AccessLevelField } from "../../components/access-level-field";
 import { Checkbox } from "../../components/checkbox";
 import { Input } from "../../components/input";
 import { MarkdownEditorInline } from "../../components/markdown-editor/editor-inline";
 
+/** Info tab for a tool, including its required access level. */
 export const ToolInfo = (props: { tool: IDoc<ITool> }) => {
   const { tool } = props;
 
@@ -40,6 +42,8 @@ export const ToolInfo = (props: { tool: IDoc<ITool> }) => {
         title="Tool name"
       />
 
+      <AccessLevelField value={tool.qs.accessLevel} />
+
       <div>
         <label className="form-label small mt-2 me-2">Is Assistant Runner:</label>
         <Checkbox className="form-check-input mt-2" checked={tool.qs.isAssistantRunner} />

package/tsconfig.json

@@ -5,6 +5,7 @@
     "jsx": "react-jsx",
     "declaration": true,
     "emitDeclarationOnly": false,
+    "rootDir": "./src",
     "outDir": "./dist",
     "strict": true,
     "noImplicitAny": true,

package/dist/components/voice-indicator.d.ts

@@ -1,15 +0,0 @@
-/**
- * Voice Indicator Component
- *
- * Floating UI element showing voice input state.
- * Supports manual recording trigger via click.
- */
-import React from "react";
-interface VoiceIndicatorProps {
-    /** Position of the indicator */
-    position?: "bottom-right" | "bottom-left" | "top-right" | "top-left";
-    /** Show expanded view with transcription */
-    showTranscription?: boolean;
-}
-export declare const VoiceIndicator: React.FC<VoiceIndicatorProps>;
-export default VoiceIndicator;

package/dist/components/voice-indicator.js

@@ -1,276 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.VoiceIndicator = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-/**
- * Voice Indicator Component
- *
- * Floating UI element showing voice input state.
- * Supports manual recording trigger via click.
- */
-const peers_sdk_1 = require("@peers-app/peers-sdk");
-const react_1 = __importStar(require("react"));
-const VoiceIndicator = ({ position = "bottom-right", showTranscription = true, }) => {
-    const [state, setState] = (0, react_1.useState)("disabled");
-    const [transcription, setTranscription] = (0, react_1.useState)("");
-    const [volumeLevel, setVolumeLevel] = (0, react_1.useState)(0);
-    const [error, setError] = (0, react_1.useState)(null);
-    const [isExpanded, setIsExpanded] = (0, react_1.useState)(false);
-    // Track current audio element for cloud TTS so we can stop it
-    const currentAudioRef = react_1.default.useRef(null);
-    // Subscribe to voice events
-    (0, react_1.useEffect)(() => {
-        const subscriptions = [
-            (0, peers_sdk_1.subscribe)("voice:stateChanged", (event) => {
-                setState(event.data.state);
-                if (event.data.state === "idle") {
-                    setTranscription("");
-                    setError(null);
-                }
-                if (event.data.state === "recording") {
-                    setIsExpanded(true);
-                }
-            }),
-            (0, peers_sdk_1.subscribe)("voice:transcription", (event) => {
-                setTranscription(event.data.text);
-            }),
-            (0, peers_sdk_1.subscribe)("voice:volumeLevel", (event) => {
-                setVolumeLevel(event.data.level);
-            }),
-            (0, peers_sdk_1.subscribe)("voice:error", (event) => {
-                setError(event.data.message);
-            }),
-        ];
-        // Load initial state
-        peers_sdk_1.rpcServerCalls
-            .voiceGetState()
-            .then(({ state }) => {
-            setState(state);
-        })
-            .catch(() => {
-            // Voice service may not be initialized yet
-        });
-        return () => {
-            for (const sub of subscriptions) {
-                sub.unsubscribe();
-            }
-        };
-    }, []);
-    // Handle browser TTS events
-    (0, react_1.useEffect)(() => {
-        const speakHandler = (0, peers_sdk_1.subscribe)("voice:speakText", (event) => {
-            const { text, voice, rate } = event.data;
-            if ("speechSynthesis" in window) {
-                const utterance = new SpeechSynthesisUtterance(text);
-                if (voice) {
-                    const voices = speechSynthesis.getVoices();
-                    const selectedVoice = voices.find((v) => v.name === voice);
-                    if (selectedVoice)
-                        utterance.voice = selectedVoice;
-                }
-                if (rate)
-                    utterance.rate = rate;
-                // Notify server when speech ends
-                utterance.onend = () => {
-                    peers_sdk_1.rpcServerCalls.voiceNotifyPlaybackComplete?.().catch(() => { });
-                };
-                utterance.onerror = () => {
-                    // Still notify on error so we don't hang
-                    peers_sdk_1.rpcServerCalls.voiceNotifyPlaybackComplete?.().catch(() => { });
-                };
-                speechSynthesis.speak(utterance);
-            }
-            else {
-                // No speech synthesis available, notify immediately
-                peers_sdk_1.rpcServerCalls.voiceNotifyPlaybackComplete?.().catch(() => { });
-            }
-        });
-        const stopHandler = (0, peers_sdk_1.subscribe)("voice:stopSpeaking", () => {
-            // Stop browser TTS
-            if ("speechSynthesis" in window) {
-                speechSynthesis.cancel();
-            }
-            // Stop cloud TTS audio if playing
-            if (currentAudioRef.current) {
-                currentAudioRef.current.pause();
-                currentAudioRef.current = null;
-            }
-        });
-        const playHandler = (0, peers_sdk_1.subscribe)("voice:playAudio", async (event) => {
-            const { audioBase64, mimeType } = event.data;
-            try {
-                const audioData = Uint8Array.from(atob(audioBase64), (c) => c.charCodeAt(0));
-                const blob = new Blob([audioData], { type: mimeType });
-                const url = URL.createObjectURL(blob);
-                const audio = new Audio(url);
-                // Track audio element so we can stop it
-                currentAudioRef.current = audio;
-                audio.onended = () => {
-                    URL.revokeObjectURL(url);
-                    currentAudioRef.current = null;
-                    // Notify server that audio playback has completed
-                    peers_sdk_1.rpcServerCalls.voiceNotifyPlaybackComplete?.().catch(() => { });
-                };
-                await audio.play();
-            }
-            catch (e) {
-                console.error("Failed to play audio:", e);
-                currentAudioRef.current = null;
-                // Still notify on error so we don't hang
-                peers_sdk_1.rpcServerCalls.voiceNotifyPlaybackComplete?.().catch(() => { });
-            }
-        });
-        return () => {
-            speakHandler.unsubscribe();
-            stopHandler.unsubscribe();
-            playHandler.unsubscribe();
-        };
-    }, []);
-    const handleClick = (0, react_1.useCallback)(async () => {
-        try {
-            if (state === "disabled") {
-                // Open settings
-                window.location.hash = "#/settings/voice";
-                return;
-            }
-            if (state === "recording") {
-                await peers_sdk_1.rpcServerCalls.voiceStopRecording();
-            }
-            else if (state === "speaking") {
-                await peers_sdk_1.rpcServerCalls.voiceStopPlayback();
-            }
-            else if (state === "idle" || state === "listening") {
-                await peers_sdk_1.rpcServerCalls.voiceStartRecording();
-            }
-        }
-        catch (e) {
-            console.error("Voice action failed:", e);
-        }
-    }, [state]);
-    const getIcon = () => {
-        switch (state) {
-            case "disabled":
-                return "bi-mic-mute";
-            case "idle":
-                return "bi-mic";
-            case "listening":
-                return "bi-ear";
-            case "recording":
-                return "bi-mic-fill";
-            case "processing":
-                return "bi-hourglass-split";
-            case "speaking":
-                return "bi-volume-up-fill";
-            default:
-                return "bi-mic";
-        }
-    };
-    const getStateText = () => {
-        switch (state) {
-            case "disabled":
-                return "Voice disabled";
-            case "idle":
-                return 'Say "Porcupine" or click';
-            case "listening":
-                return "Listening...";
-            case "recording":
-                return "Recording...";
-            case "processing":
-                return "Processing...";
-            case "speaking":
-                return "Speaking... (click to stop)";
-            default:
-                return "";
-        }
-    };
-    const getButtonClass = () => {
-        const base = "btn rounded-circle shadow";
-        switch (state) {
-            case "disabled":
-                return `${base} btn-secondary`;
-            case "idle":
-                return `${base} btn-outline-primary`;
-            case "listening":
-                return `${base} btn-info`;
-            case "recording":
-                return `${base} btn-danger`;
-            case "processing":
-                return `${base} btn-warning`;
-            case "speaking":
-                return `${base} btn-success`;
-            default:
-                return `${base} btn-secondary`;
-        }
-    };
-    const positionStyles = {
-        position: "fixed",
-        zIndex: 1050,
-        ...(position.includes("bottom") ? { bottom: "20px" } : { top: "70px" }),
-        ...(position.includes("right") ? { right: "20px" } : { left: "20px" }),
-    };
-    // Don't render if disabled and not showing
-    // Actually, let's always show so users can click to enable
-    return ((0, jsx_runtime_1.jsxs)("div", { style: positionStyles, children: [isExpanded && state !== "disabled" && ((0, jsx_runtime_1.jsx)("div", { className: "card shadow mb-2", style: {
-                    width: "280px",
-                    backgroundColor: "var(--bs-body-bg)",
-                }, children: (0, jsx_runtime_1.jsxs)("div", { className: "card-body py-2 px-3", children: [(0, jsx_runtime_1.jsxs)("div", { className: "d-flex justify-content-between align-items-center mb-2", children: [(0, jsx_runtime_1.jsx)("small", { className: "text-muted", children: getStateText() }), (0, jsx_runtime_1.jsx)("button", { className: "btn btn-sm btn-link p-0", onClick: () => setIsExpanded(false), children: (0, jsx_runtime_1.jsx)("i", { className: "bi bi-x" }) })] }), state === "recording" && ((0, jsx_runtime_1.jsx)("div", { className: "progress mb-2", style: { height: "4px" }, children: (0, jsx_runtime_1.jsx)("div", { className: "progress-bar bg-danger", style: { width: `${Math.min(100, volumeLevel * 500)}%` } }) })), showTranscription && transcription && ((0, jsx_runtime_1.jsxs)("div", { className: "small", children: [(0, jsx_runtime_1.jsx)("i", { className: "bi bi-quote me-1" }), transcription] })), error && ((0, jsx_runtime_1.jsxs)("div", { className: "small text-danger", children: [(0, jsx_runtime_1.jsx)("i", { className: "bi bi-exclamation-triangle me-1" }), error] }))] }) })), (0, jsx_runtime_1.jsxs)("button", { className: getButtonClass(), style: {
-                    width: "56px",
-                    height: "56px",
-                    fontSize: "24px",
-                    transition: "all 0.2s ease",
-                }, onClick: handleClick, title: getStateText(), children: [(0, jsx_runtime_1.jsx)("i", { className: `bi ${getIcon()}` }), (state === "listening" || state === "recording") && ((0, jsx_runtime_1.jsx)("span", { className: "position-absolute", style: {
-                            top: 0,
-                            left: 0,
-                            right: 0,
-                            bottom: 0,
-                            borderRadius: "50%",
-                            border: "2px solid currentColor",
-                            animation: "pulse 1.5s ease-out infinite",
-                        } })), state === "processing" && ((0, jsx_runtime_1.jsx)("span", { className: "spinner-border spinner-border-sm position-absolute", style: { top: "4px", right: "4px" } }))] }), (0, jsx_runtime_1.jsx)("style", { children: `
-        @keyframes pulse {
-          0% {
-            transform: scale(1);
-            opacity: 1;
-          }
-          100% {
-            transform: scale(1.5);
-            opacity: 0;
-          }
-        }
-      ` })] }));
-};
-exports.VoiceIndicator = VoiceIndicator;
-exports.default = exports.VoiceIndicator;

package/dist/components/voice-playback.d.ts

@@ -1,15 +0,0 @@
-/**
- * Voice Playback Component
- *
- * Headless (renders nothing) component that hosts the browser-side voice TTS
- * playback handlers. The voice server (peers-electron `tts-service`) emits
- * `voice:speakText` / `voice:playAudio` / `voice:stopSpeaking` events and relies
- * on a mounted renderer to actually produce sound and report completion via
- * `voiceNotifyPlaybackComplete`. Mount this once near the app root so voice
- * output works regardless of which (if any) voice UI is visible.
- */
-/**
- * Subscribes to voice TTS events and plays them in the browser. Renders nothing.
- */
-export declare const VoicePlayback: React.FC;
-export default VoicePlayback;

package/dist/components/voice-playback.js

@@ -1,86 +0,0 @@
-"use strict";
-/**
- * Voice Playback Component
- *
- * Headless (renders nothing) component that hosts the browser-side voice TTS
- * playback handlers. The voice server (peers-electron `tts-service`) emits
- * `voice:speakText` / `voice:playAudio` / `voice:stopSpeaking` events and relies
- * on a mounted renderer to actually produce sound and report completion via
- * `voiceNotifyPlaybackComplete`. Mount this once near the app root so voice
- * output works regardless of which (if any) voice UI is visible.
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.VoicePlayback = void 0;
-const peers_sdk_1 = require("@peers-app/peers-sdk");
-const react_1 = require("react");
-/**
- * Subscribes to voice TTS events and plays them in the browser. Renders nothing.
- */
-const VoicePlayback = () => {
-    // Track the current cloud-TTS audio element so it can be stopped on demand.
-    const currentAudioRef = (0, react_1.useRef)(null);
-    (0, react_1.useEffect)(() => {
-        const speakHandler = (0, peers_sdk_1.subscribe)("voice:speakText", (event) => {
-            const { text, voice, rate } = event.data;
-            if ("speechSynthesis" in window) {
-                const utterance = new SpeechSynthesisUtterance(text);
-                if (voice) {
-                    const voices = speechSynthesis.getVoices();
-                    const selectedVoice = voices.find((v) => v.name === voice);
-                    if (selectedVoice)
-                        utterance.voice = selectedVoice;
-                }
-                if (rate)
-                    utterance.rate = rate;
-                utterance.onend = () => {
-                    peers_sdk_1.rpcServerCalls.voiceNotifyPlaybackComplete?.().catch(() => { });
-                };
-                utterance.onerror = () => {
-                    peers_sdk_1.rpcServerCalls.voiceNotifyPlaybackComplete?.().catch(() => { });
-                };
-                speechSynthesis.speak(utterance);
-            }
-            else {
-                peers_sdk_1.rpcServerCalls.voiceNotifyPlaybackComplete?.().catch(() => { });
-            }
-        });
-        const stopHandler = (0, peers_sdk_1.subscribe)("voice:stopSpeaking", () => {
-            if ("speechSynthesis" in window) {
-                speechSynthesis.cancel();
-            }
-            if (currentAudioRef.current) {
-                currentAudioRef.current.pause();
-                currentAudioRef.current = null;
-            }
-        });
-        const playHandler = (0, peers_sdk_1.subscribe)("voice:playAudio", async (event) => {
-            const { audioBase64, mimeType } = event.data;
-            try {
-                const audioData = Uint8Array.from(atob(audioBase64), (c) => c.charCodeAt(0));
-                const blob = new Blob([audioData], { type: mimeType });
-                const url = URL.createObjectURL(blob);
-                const audio = new Audio(url);
-                currentAudioRef.current = audio;
-                audio.onended = () => {
-                    URL.revokeObjectURL(url);
-                    currentAudioRef.current = null;
-                    peers_sdk_1.rpcServerCalls.voiceNotifyPlaybackComplete?.().catch(() => { });
-                };
-                await audio.play();
-            }
-            catch (e) {
-                console.error("Failed to play audio:", e);
-                currentAudioRef.current = null;
-                peers_sdk_1.rpcServerCalls.voiceNotifyPlaybackComplete?.().catch(() => { });
-            }
-        });
-        return () => {
-            speakHandler.unsubscribe();
-            stopHandler.unsubscribe();
-            playHandler.unsubscribe();
-        };
-    }, []);
-    return null;
-};
-exports.VoicePlayback = VoicePlayback;
-exports.default = exports.VoicePlayback;

package/dist/components/voice-subscribe-events.d.ts

@@ -1,28 +0,0 @@
-/** Shape passed to `subscribe` handlers for voice / chat IPC events */
-export type VoiceSubscribeEvent<T> = {
-    data: T;
-};
-export type VoiceStatePayload = {
-    state: string;
-};
-export type VoiceTranscriptionPayload = {
-    text: string;
-};
-export type VoiceVolumePayload = {
-    level: number;
-};
-export type VoiceErrorPayload = {
-    message: string;
-};
-export type VoiceThreadPayload = {
-    threadId: string;
-};
-export type VoiceSpeakPayload = {
-    text: string;
-    voice?: string;
-    rate?: number;
-};
-export type VoicePlayAudioPayload = {
-    audioBase64: string;
-    mimeType: string;
-};

package/dist/components/voice-subscribe-events.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

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

@@ -1,2 +0,0 @@
-import type React from "react";
-export declare const VoiceSettingsAgent: React.FC;

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

@@ -1,39 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.VoiceSettingsAgent = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const peers_sdk_1 = require("@peers-app/peers-sdk");
-const react_1 = require("react");
-const VOICE_HUB_AGENT_ASSISTANT_ID = "00mh0wlipkdbeaw8vhagent01";
-// Must match the pvar names in peers-core/src/data/voice-agent-config.ts and
-// peers-electron/src/server/voice/voice-agent-config.ts — pvar instances are
-// singletons keyed by name+scope so all three share the same underlying value.
-const voiceAgentAssistantIdPvar = (0, peers_sdk_1.userVar)("voice:agentAssistantId", {
-    defaultValue: VOICE_HUB_AGENT_ASSISTANT_ID,
-});
-const VoiceSettingsAgent = () => {
-    const [assistants, setAssistants] = (0, react_1.useState)([]);
-    const [selectedId, setSelectedId] = (0, react_1.useState)(VOICE_HUB_AGENT_ASSISTANT_ID);
-    const [saving, setSaving] = (0, react_1.useState)(false);
-    const [saved, setSaved] = (0, react_1.useState)(false);
-    (0, react_1.useEffect)(() => {
-        const load = async () => {
-            await voiceAgentAssistantIdPvar.loadingPromise;
-            setSelectedId(voiceAgentAssistantIdPvar() ?? VOICE_HUB_AGENT_ASSISTANT_ID);
-            const all = await (0, peers_sdk_1.Assistants)().list({});
-            setAssistants(all);
-        };
-        load();
-    }, []);
-    const handleSave = (0, react_1.useCallback)(async () => {
-        setSaving(true);
-        setSaved(false);
-        await voiceAgentAssistantIdPvar.loadingPromise;
-        voiceAgentAssistantIdPvar(selectedId || undefined);
-        setSaving(false);
-        setSaved(true);
-        setTimeout(() => setSaved(false), 2000);
-    }, [selectedId]);
-    return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("h6", { children: "Voice Agent" }), (0, jsx_runtime_1.jsx)("p", { className: "text-muted small mb-2", children: "When you give a voice command that requires action (e.g. \"add milk to the shopping list\"), it is dispatched to this assistant as a background task." }), (0, jsx_runtime_1.jsxs)("div", { className: "d-flex align-items-center gap-2", children: [(0, jsx_runtime_1.jsx)("select", { className: "form-select form-select-sm", value: selectedId, onChange: (e) => setSelectedId(e.target.value), disabled: saving, children: assistants.map((a) => ((0, jsx_runtime_1.jsxs)("option", { value: a.assistantId, children: [a.name, a.assistantId === VOICE_HUB_AGENT_ASSISTANT_ID ? " (default)" : ""] }, a.assistantId))) }), (0, jsx_runtime_1.jsx)("button", { className: "btn btn-sm btn-primary", onClick: handleSave, disabled: saving, style: { whiteSpace: "nowrap" }, children: saving ? "Saving…" : saved ? "Saved!" : "Save" })] })] }));
-};
-exports.VoiceSettingsAgent = VoiceSettingsAgent;

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

@@ -1,13 +0,0 @@
-import type React from "react";
-import { type PicovoiceKeyError, type VoiceSettings } from "./voice-settings-types";
-interface ApiKeysProps {
-    settings: VoiceSettings;
-    picovoiceKey: string;
-    openaiKey: string;
-    keyError: PicovoiceKeyError | null;
-    onPicovoiceKeyChange: (value: string) => void;
-    onOpenaiKeyChange: (value: string) => void;
-    onDismissKeyError: () => void;
-}
-export declare const VoiceSettingsApiKeys: React.FC<ApiKeysProps>;
-export {};