npm - @agent-native/core - Versions diffs - 0.98.0 → 0.98.1 - Mend

@agent-native/core 0.98.0 → 0.98.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (243) hide show

package/dist/client/composer/RealtimeVoiceMode.d.ts CHANGED Viewed

@@ -18,13 +18,27 @@ export interface RealtimeVoiceModeCopy {
     showChat: string;
     hideChat: string;
     endVoiceMode: string;
-    microphoneSettings: string;
+    voiceSettings: string;
+    settings: {
+        microphone: string;
+        defaultMicrophone: string;
+        microphoneSwitchFailed: string;
+        language: string;
+        autoLanguage: string;
+        languages: Record<Exclude<import("./useRealtimeVoiceMode.js").RealtimeVoiceLanguage, "auto">, string>;
+        intelligence: string;
+        intelligenceLevels: Record<import("./useRealtimeVoiceMode.js").RealtimeVoiceIntelligence, string>;
+        voiceStyle: string;
+        voiceChangePending: string;
+        voiceDescriptions: Record<import("./useRealtimeVoiceMode.js").RealtimeVoice, string>;
+    };
     status: Record<RealtimeVoiceModeState, string>;
     errors: {
         unsupported: string;
         responseFailed: string;
         sessionFailed: string;
         channelDisconnected: string;
+        connectionTimedOut?: string;
         connectionFailed: string;
         offerFailed: string;
     };
@@ -32,6 +46,7 @@ export interface RealtimeVoiceModeCopy {
 export interface RealtimeVoiceModeEntryProps {
     copy: RealtimeVoiceModeCopy;
     disabled?: boolean;
+    providerStatusPending?: boolean;
     open?: boolean;
     onOpenChange?: (open: boolean) => void;
     onStartVoiceMode: () => void;
@@ -48,7 +63,7 @@ export interface RealtimeVoiceModeEntryProps {
  * The first click offers voice mode without silently changing the existing
  * editable-dictation behavior.
  */
-export declare function RealtimeVoiceModeEntry({ copy, disabled, open: controlledOpen, onOpenChange, onStartVoiceMode, onKeepDictating, setupRequired, openAiConfigured, connectingBuilder, onConnectBuilder, onUseOpenAiKey, className, }: RealtimeVoiceModeEntryProps): import("react").JSX.Element;
+export declare function RealtimeVoiceModeEntry({ copy, disabled, providerStatusPending, open: controlledOpen, onOpenChange, onStartVoiceMode, onKeepDictating, setupRequired, openAiConfigured, connectingBuilder, onConnectBuilder, onUseOpenAiKey, className, }: RealtimeVoiceModeEntryProps): import("react").JSX.Element;
 export interface RealtimeVoiceModeDockProps {
     state: RealtimeVoiceModeState;
     copy: RealtimeVoiceModeCopy;
@@ -56,13 +71,34 @@ export interface RealtimeVoiceModeDockProps {
     audioLevels?: RealtimeVoiceAudioLevelStore;
     onToggleChat: () => void;
     onEndVoiceMode: () => void;
-    onOpenMicrophoneSettings?: () => void;
+    settings?: RealtimeVoiceModeInlineSettings;
     errorMessage?: string | null;
     className?: string;
 }
+export interface RealtimeVoiceModeSettingOption {
+    value: string;
+    label: string;
+    description?: string;
+}
+export interface RealtimeVoiceModeSelectSetting {
+    label: string;
+    value: string;
+    options: readonly RealtimeVoiceModeSettingOption[];
+    onValueChange: (value: string) => void;
+    disabled?: boolean;
+}
+export interface RealtimeVoiceModeInlineSettings {
+    dialogLabel: string;
+    appliesNextConversationNote?: string;
+    microphoneError?: string;
+    microphone: RealtimeVoiceModeSelectSetting;
+    language: RealtimeVoiceModeSelectSetting;
+    intelligence: RealtimeVoiceModeSelectSetting;
+    voiceStyle: RealtimeVoiceModeSelectSetting;
+}
 /**
  * Persistent voice-session control. Toggling the main orb only changes chat
  * visibility; ending the realtime session is intentionally a separate action.
  */
-export declare function RealtimeVoiceModeDock({ state, copy, chatVisible, audioLevels, onToggleChat, onEndVoiceMode, onOpenMicrophoneSettings, errorMessage, className, }: RealtimeVoiceModeDockProps): import("react").JSX.Element;
+export declare function RealtimeVoiceModeDock({ state, copy, chatVisible, audioLevels, onToggleChat, onEndVoiceMode, settings, errorMessage, className, }: RealtimeVoiceModeDockProps): import("react").JSX.Element;
 //# sourceMappingURL=RealtimeVoiceMode.d.ts.map

package/dist/client/composer/RealtimeVoiceMode.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"RealtimeVoiceMode.d.ts","sourceRoot":"","sources":["../../../src/client/composer/RealtimeVoiceMode.tsx"],"names":[],"mappings":"~~AA4BA~~,OAAO,EAEL,KAAK,4BAA4B,EAClC,MAAM,iCAAiC,CAAC;AAEzC,MAAM,MAAM,sBAAsB,GAC9B,YAAY,GACZ,WAAW,GACX,UAAU,GACV,SAAS,GACT,OAAO,GACP,QAAQ,CAAC;AAEb;;;GAGG;AACH,MAAM,WAAW,qBAAqB;IACpC,gBAAgB,EAAE,MAAM,CAAC;IACzB,WAAW,EAAE,MAAM,CAAC;IACpB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,UAAU,EAAE,MAAM,CAAC;IACnB,gBAAgB,EAAE,MAAM,CAAC;IACzB,cAAc,EAAE,MAAM,CAAC;IACvB,YAAY,EAAE,MAAM,CAAC;IACrB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,cAAc,EAAE,MAAM,CAAC;IACvB,aAAa,EAAE,MAAM,CAAC;IACtB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,YAAY,EAAE,MAAM,CAAC;IACrB,kBAAkB,EAAE,MAAM,CAAC;~~IAC3B~~,MAAM,EAAE,MAAM,CAAC,sBAAsB,EAAE,MAAM,CAAC,CAAC;IAC/C,MAAM,EAAE;QACN,WAAW,EAAE,MAAM,CAAC;QACpB,cAAc,EAAE,MAAM,CAAC;QACvB,aAAa,EAAE,MAAM,CAAC;QACtB,mBAAmB,EAAE,MAAM,CAAC;QAC5B,gBAAgB,EAAE,MAAM,CAAC;QACzB,WAAW,EAAE,MAAM,CAAC;KACrB,CAAC;CACH;AAED,MAAM,WAAW,2BAA2B;IAC1C,IAAI,EAAE,qBAAqB,CAAC;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,gBAAgB,EAAE,MAAM,IAAI,CAAC;IAC7B,eAAe,EAAE,MAAM,IAAI,CAAC;IAC5B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;GAIG;AACH,wBAAgB,sBAAsB,CAAC,EACrC,IAAI,EACJ,QAAQ,EACR,IAAI,EAAE,cAAc,EACpB,YAAY,EACZ,gBAAgB,EAChB,eAAe,EACf,aAAqB,EACrB,gBAAwB,EACxB,iBAAyB,EACzB,gBAAgB,EAChB,cAAc,EACd,SAAS,GACV,EAAE,2BAA2B,+~~BAmH7B~~;AAED,MAAM,WAAW,0BAA0B;IACzC,KAAK,EAAE,sBAAsB,CAAC;IAC9B,IAAI,EAAE,qBAAqB,CAAC;IAC5B,WAAW,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,4BAA4B,CAAC;IAC3C,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,~~wBAAwB~~,CAAC,EAAE,~~MAAM,IAAI,~~CAAC;~~IACtC~~,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;~~AAiFD~~;;;GAGG;AACH,wBAAgB,qBAAqB,CAAC,EACpC,KAAK,EACL,IAAI,EACJ,WAAW,EACX,WAAiC,EACjC,YAAY,EACZ,cAAc,EACd,~~wBAAwB~~,~~EACxB~~,YAAY,EACZ,SAAS,GACV,EAAE,0BAA0B,+~~BAgL5B~~"}
1	+ {"version":3,"file":"RealtimeVoiceMode.d.ts","sourceRoot":"","sources":["../../../src/client/composer/RealtimeVoiceMode.tsx"],"names":[],"mappings":"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"}

package/dist/client/composer/RealtimeVoiceMode.js CHANGED Viewed

@@ -1,8 +1,9 @@
 import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Button } from "@agent-native/toolkit/ui/button";
-import { IconAlertTriangle, IconLoader2, IconMicrophone, IconPhoneOff, IconSettings, IconVolume, } from "@tabler/icons-react";
-import { useEffect, useId, useState, useSyncExternalStore, } from "react";
-import { Popover, PopoverContent, PopoverTrigger, } from "../components/ui/popover.js";
+import { Select, SelectContent, SelectGroup, SelectItem, SelectTrigger, } from "@agent-native/toolkit/ui/select";
+import { IconAlertTriangle, IconBrain, IconLanguage, IconLoader2, IconMicrophone, IconPhoneOff, IconSettings, IconVolume, } from "@tabler/icons-react";
+import { useCallback, useEffect, useId, useRef, useState, useSyncExternalStore, } from "react";
+import { Popover, PopoverAnchor, PopoverContent, PopoverTrigger, } from "../components/ui/popover.js";
 import { Tooltip, TooltipContent, TooltipTrigger, } from "../components/ui/tooltip.js";
 import { cn } from "../utils.js";
 import { createRealtimeVoiceAudioLevelStore, } from "./realtime-voice-audio-level.js";
@@ -11,11 +12,16 @@ import { createRealtimeVoiceAudioLevelStore, } from "./realtime-voice-audio-leve
  * The first click offers voice mode without silently changing the existing
  * editable-dictation behavior.
  */
-export function RealtimeVoiceModeEntry({ copy, disabled, open: controlledOpen, onOpenChange, onStartVoiceMode, onKeepDictating, setupRequired = false, openAiConfigured = false, connectingBuilder = false, onConnectBuilder, onUseOpenAiKey, className, }) {
+export function RealtimeVoiceModeEntry({ copy, disabled, providerStatusPending = false, open: controlledOpen, onOpenChange, onStartVoiceMode, onKeepDictating, setupRequired = false, openAiConfigured = false, connectingBuilder = false, onConnectBuilder, onUseOpenAiKey, className, }) {
     const [uncontrolledOpen, setUncontrolledOpen] = useState(false);
     const open = controlledOpen ?? uncontrolledOpen;
     const titleId = useId();
     const descriptionId = useId();
+    const [collisionBoundary, setCollisionBoundary] = useState(null);
+    const setTriggerNode = useCallback((node) => {
+        const nextBoundary = node?.closest(".agent-panel-root") ?? null;
+        setCollisionBoundary((currentBoundary) => currentBoundary === nextBoundary ? currentBoundary : nextBoundary);
+    }, []);
     const setOpen = (nextOpen) => {
         if (controlledOpen === undefined)
             setUncontrolledOpen(nextOpen);
@@ -25,11 +31,11 @@ export function RealtimeVoiceModeEntry({ copy, disabled, open: controlledOpen, o
         setOpen(false);
         callback();
     };
-    return (_jsxs(Popover, { open: open, onOpenChange: setOpen, children: [_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx(PopoverTrigger, { asChild: true, children: _jsx(Button, { type: "button", variant: "ghost", size: "icon", disabled: disabled, "aria-label": copy.entryButtonLabel, "aria-expanded": open, className: cn("size-7 shrink-0 text-muted-foreground hover:text-foreground", className), children: _jsx(IconMicrophone, {}) }) }) }), _jsx(TooltipContent, { children: copy.entryButtonLabel })] }), _jsx(PopoverContent, { side: "top", align: "end", sideOffset: 10, className: cn("p-4", setupRequired
-                    ? "w-[min(30rem,calc(100vw-2rem))]"
-                    : "w-[min(22rem,calc(100vw-2rem))]"), "aria-labelledby": titleId, "aria-describedby": descriptionId, children: _jsxs("div", { className: "grid gap-3", children: [_jsxs("div", { className: "grid gap-1", children: [_jsx("h2", { id: titleId, className: "text-sm font-semibold text-foreground", children: setupRequired ? copy.setupTitle : copy.promptTitle }), _jsx("p", { id: descriptionId, className: "text-sm leading-relaxed text-muted-foreground", children: setupRequired ? copy.setupDescription : copy.promptDescription })] }), _jsxs("div", { className: "flex flex-col-reverse gap-2 sm:flex-row sm:flex-nowrap sm:justify-end", children: [_jsx(Button, { type: "button", variant: "ghost", size: "sm", onClick: () => choose(onKeepDictating), children: copy.keepDictating }), setupRequired ? (_jsxs(_Fragment, { children: [_jsx(Button, { type: "button", variant: "outline", size: "sm", onClick: () => choose(onUseOpenAiKey ?? onStartVoiceMode), children: openAiConfigured
+    return (_jsxs(Popover, { open: open, onOpenChange: setOpen, children: [_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx(PopoverTrigger, { asChild: true, children: _jsx(Button, { ref: setTriggerNode, type: "button", variant: "ghost", size: "icon", disabled: disabled, "aria-label": copy.entryButtonLabel, "aria-expanded": open, className: cn("size-7 shrink-0 text-muted-foreground hover:text-foreground", className), children: _jsx(IconMicrophone, {}) }) }) }), _jsx(TooltipContent, { children: copy.entryButtonLabel })] }), _jsx(PopoverContent, { side: "top", align: "end", sideOffset: 10, collisionBoundary: collisionBoundary ?? undefined, collisionPadding: 16, "data-collision-boundary": collisionBoundary ? "agent-panel" : "viewport", className: cn("p-4", setupRequired
+                    ? "w-[min(calc(100vw-2rem),var(--radix-popover-content-available-width,30rem),30rem)]"
+                    : "w-[min(calc(100vw-2rem),var(--radix-popover-content-available-width,22rem),22rem)]"), "aria-labelledby": titleId, "aria-describedby": descriptionId, children: _jsxs("div", { className: "grid gap-3", children: [_jsxs("div", { className: "grid gap-1", children: [_jsx("h2", { id: titleId, className: "text-sm font-semibold text-foreground", children: setupRequired ? copy.setupTitle : copy.promptTitle }), _jsx("p", { id: descriptionId, className: "text-sm leading-relaxed text-muted-foreground", children: setupRequired ? copy.setupDescription : copy.promptDescription })] }), _jsxs("div", { className: "flex flex-col-reverse gap-2 sm:flex-row sm:flex-wrap sm:justify-end", children: [_jsx(Button, { type: "button", variant: "ghost", size: "sm", onClick: () => choose(onKeepDictating), children: copy.keepDictating }), setupRequired ? (_jsxs(_Fragment, { children: [_jsx(Button, { type: "button", variant: "outline", size: "sm", onClick: () => choose(onUseOpenAiKey ?? onStartVoiceMode), children: openAiConfigured
                                                 ? copy.startWithOpenAiKey
-                                                : copy.useOpenAiKey }), _jsxs(Button, { type: "button", size: "sm", className: "whitespace-nowrap", disabled: connectingBuilder, onClick: () => choose(onConnectBuilder ?? onStartVoiceMode), children: [connectingBuilder ? (_jsx(IconLoader2, { className: "animate-spin" })) : null, copy.connectBuilder] })] })) : (_jsxs(Button, { type: "button", size: "sm", onClick: () => choose(onStartVoiceMode), children: [_jsx(IconMicrophone, {}), copy.startVoiceMode] }))] })] }) })] }));
+                                                : copy.useOpenAiKey }), _jsxs(Button, { type: "button", size: "sm", className: "whitespace-nowrap", disabled: connectingBuilder, onClick: () => choose(onConnectBuilder ?? onStartVoiceMode), children: [connectingBuilder ? (_jsx(IconLoader2, { className: "animate-spin" })) : null, copy.connectBuilder] })] })) : (_jsxs(Button, { type: "button", size: "sm", disabled: providerStatusPending, onClick: () => choose(onStartVoiceMode), children: [providerStatusPending ? (_jsx(IconLoader2, { className: "animate-spin" })) : (_jsx(IconMicrophone, {})), copy.startVoiceMode] }))] })] }) })] }));
 }
 const SILENT_AUDIO_LEVELS = createRealtimeVoiceAudioLevelStore();
 const WAVEFORM_WEIGHTS = [0.55, 0.82, 1, 0.82, 0.55];
@@ -49,67 +55,191 @@ function usePrefersReducedMotion() {
 }
 function VoiceWaveform({ level, reducedMotion, activity, }) {
     const visibleLevel = reducedMotion ? 0.45 : level;
-    return (_jsx("span", { "aria-hidden": "true", className: "flex h-6 items-center justify-center gap-0.5", "data-realtime-voice-waveform": "true", "data-realtime-voice-waveform-activity": activity, children: WAVEFORM_WEIGHTS.map((weight, index) => (_jsx("span", { className: "h-5 w-0.5 origin-center rounded-full bg-current transition-transform duration-75 ease-out motion-reduce:transition-none", style: { transform: `scaleY(${0.2 + visibleLevel * 0.8 * weight})` } }, index))) }));
+    return (_jsx("span", { "aria-hidden": "true", className: "flex h-6 items-center justify-center gap-0.5", "data-realtime-voice-waveform": "true", "data-realtime-voice-waveform-activity": activity, children: WAVEFORM_WEIGHTS.map((weight, index) => (_jsx("span", { className: "h-5 w-0.5 origin-center rounded-full bg-current transition-transform duration-75 ease-out motion-reduce:transition-none", style: {
+                transform: `scaleY(${0.2 + visibleLevel * 0.8 * weight})`,
+            } }, index))) }));
+}
+function VoiceConnectingIndicator() {
+    return (_jsx(IconLoader2, { "aria-hidden": "true", className: "size-6 animate-spin motion-reduce:animate-none", "data-realtime-voice-connecting-indicator": "true" }));
 }
 const ORB_STATE_CLASSES = {
-    connecting: "bg-secondary text-secondary-foreground ring-secondary/40 hover:bg-secondary/80",
-    listening: "bg-primary text-primary-foreground ring-primary/20 hover:bg-primary/90",
-    speaking: "bg-foreground text-background ring-foreground/20 hover:bg-foreground/90",
-    working: "bg-secondary text-secondary-foreground ring-secondary/40 hover:bg-secondary/80",
-    error: "bg-destructive text-destructive-foreground ring-destructive/20 hover:bg-destructive/90",
-    ending: "cursor-wait bg-muted text-muted-foreground ring-muted/40",
+    connecting: "bg-background/65 text-foreground ring-border/60 hover:bg-background/75",
+    listening: "bg-background/65 text-foreground ring-border/60 hover:bg-background/75",
+    speaking: "bg-background/65 text-foreground ring-border/60 hover:bg-background/75",
+    working: "bg-background/65 text-foreground ring-border/60 hover:bg-background/75",
+    error: "bg-destructive/20 text-destructive ring-destructive/30 hover:bg-destructive/25",
+    ending: "cursor-wait bg-background/65 text-muted-foreground ring-border/60",
 };
-function VoiceStateIcon({ state }) {
-    switch (state) {
-        case "connecting":
-            return (_jsx(IconLoader2, { className: "animate-spin motion-reduce:animate-none" }));
-        case "listening":
-            return _jsx(IconMicrophone, {});
-        case "speaking":
-            return _jsx(IconVolume, {});
-        case "working":
-        case "ending":
-            return (_jsx(IconLoader2, { className: "animate-spin motion-reduce:animate-none" }));
-        case "error":
-            return _jsx(IconAlertTriangle, {});
-    }
+function useChatPanelTranslation(chatVisible) {
+    const [translation, setTranslation] = useState(0);
+    useEffect(() => {
+        if (!chatVisible || typeof window === "undefined") {
+            setTranslation(0);
+            return;
+        }
+        const direction = window.getComputedStyle(document.documentElement).direction;
+        const inlineEnd = direction === "rtl" ? "left" : "right";
+        const update = () => {
+            const panels = Array.from(document.querySelectorAll(`.agent-sidebar-panel[data-agent-sidebar-position="${inlineEnd}"][data-agent-sidebar-state="open"]`));
+            const panel = panels.find((candidate) => {
+                const rect = candidate.getBoundingClientRect();
+                return rect.width > 0 && rect.height > 0;
+            });
+            if (!panel) {
+                setTranslation(0);
+                return;
+            }
+            // A fullscreen chat has no unobscured side to move into. Keep the dock
+            // at its normal edge so it stays reachable instead of pinning it to the
+            // opposite side of the same overlay.
+            if (panel.dataset.agentSidebarLayout === "fullscreen") {
+                setTranslation(0);
+                return;
+            }
+            const rect = panel.getBoundingClientRect();
+            const overlap = inlineEnd === "right"
+                ? Math.max(0, window.innerWidth - rect.left)
+                : Math.max(0, rect.right);
+            const maximumShift = Math.max(0, window.innerWidth - 96);
+            const distance = Math.min(overlap, maximumShift);
+            setTranslation(inlineEnd === "right" ? -distance : distance);
+        };
+        update();
+        const frame = window.requestAnimationFrame(update);
+        window.addEventListener("resize", update);
+        const resizeObserver = typeof ResizeObserver === "undefined" ? null : new ResizeObserver(update);
+        const observedPanels = new WeakSet();
+        const observePanels = () => {
+            document
+                .querySelectorAll(".agent-sidebar-panel")
+                .forEach((panel) => {
+                if (!observedPanels.has(panel)) {
+                    observedPanels.add(panel);
+                    resizeObserver?.observe(panel);
+                }
+            });
+        };
+        observePanels();
+        const mutationObserver = new MutationObserver(() => {
+            observePanels();
+            update();
+        });
+        mutationObserver.observe(document.body, {
+            attributes: true,
+            attributeFilter: [
+                "data-agent-sidebar-layout",
+                "data-agent-sidebar-state",
+                "style",
+            ],
+            childList: true,
+            subtree: true,
+        });
+        return () => {
+            window.cancelAnimationFrame(frame);
+            window.removeEventListener("resize", update);
+            resizeObserver?.disconnect();
+            mutationObserver.disconnect();
+        };
+    }, [chatVisible]);
+    return translation;
+}
+function VoiceSettingRow({ icon: Icon, setting, onSelectOpenChange, }) {
+    const selected = setting.options.find((option) => option.value === setting.value);
+    return (_jsxs(Select, { value: setting.value, onValueChange: setting.onValueChange, onOpenChange: onSelectOpenChange, disabled: setting.disabled, children: [_jsx(SelectTrigger, { "aria-label": `${setting.label}: ${selected?.label ?? setting.value}`, className: "h-11 rounded-none border-0 bg-transparent px-3 shadow-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-inset", children: _jsxs("div", { className: "flex min-w-0 flex-1 items-center gap-2.5", children: [_jsx(Icon, { className: "size-4 shrink-0 text-muted-foreground" }), _jsx("span", { className: "shrink-0 text-sm font-medium text-foreground", children: setting.label }), _jsx("span", { className: "ms-auto min-w-0 truncate text-end text-sm text-muted-foreground", children: selected?.label ?? setting.value })] }) }), _jsx(SelectContent, { align: "end", className: "min-w-56", "data-realtime-voice-setting-options": "true", children: _jsx(SelectGroup, { children: setting.options.map((option) => (_jsx(SelectItem, { value: option.value, children: _jsxs("span", { className: "grid gap-0.5", children: [_jsx("span", { children: option.label }), option.description ? (_jsx("span", { className: "text-xs text-muted-foreground", children: option.description })) : null] }) }, option.value))) }) })] }));
+}
+function VoiceInlineSettings({ settings, disabled, onSelectOpenChange, }) {
+    const selectedVoice = settings.voiceStyle.options.find((option) => option.value === settings.voiceStyle.value);
+    return (_jsxs("div", { "data-realtime-voice-settings": "true", children: [_jsx("h2", { className: "sr-only", children: settings.dialogLabel }), _jsxs("div", { className: "grid gap-0.5 px-4 pb-3 pt-4 text-center", children: [_jsx("div", { className: "truncate text-base font-semibold text-foreground", children: selectedVoice?.label ?? settings.voiceStyle.value }), selectedVoice?.description ? (_jsx("div", { className: "truncate text-xs text-muted-foreground", children: selectedVoice.description })) : null] }), _jsxs("div", { className: "mx-2 mb-2 overflow-hidden rounded-xl border border-border/70 bg-background/70", children: [_jsx(VoiceSettingRow, { icon: IconMicrophone, setting: {
+                            ...settings.microphone,
+                            disabled: disabled || settings.microphone.disabled,
+                        }, onSelectOpenChange: onSelectOpenChange }), _jsx("div", { className: "mx-3 h-px bg-border/70" }), _jsx(VoiceSettingRow, { icon: IconLanguage, setting: {
+                            ...settings.language,
+                            disabled: disabled || settings.language.disabled,
+                        }, onSelectOpenChange: onSelectOpenChange }), _jsx("div", { className: "mx-3 h-px bg-border/70" }), _jsx(VoiceSettingRow, { icon: IconBrain, setting: {
+                            ...settings.intelligence,
+                            disabled: disabled || settings.intelligence.disabled,
+                        }, onSelectOpenChange: onSelectOpenChange }), _jsx("div", { className: "mx-3 h-px bg-border/70" }), _jsx(VoiceSettingRow, { icon: IconVolume, setting: {
+                            ...settings.voiceStyle,
+                            disabled: disabled || settings.voiceStyle.disabled,
+                        }, onSelectOpenChange: onSelectOpenChange })] }), settings.microphoneError ? (_jsx("p", { className: "px-4 pb-3 text-center text-xs text-destructive", children: settings.microphoneError })) : null, settings.appliesNextConversationNote ? (_jsx("p", { className: "px-4 pb-3 text-center text-xs text-muted-foreground", children: settings.appliesNextConversationNote })) : null] }));
 }
 /**
  * Persistent voice-session control. Toggling the main orb only changes chat
  * visibility; ending the realtime session is intentionally a separate action.
  */
-export function RealtimeVoiceModeDock({ state, copy, chatVisible, audioLevels = SILENT_AUDIO_LEVELS, onToggleChat, onEndVoiceMode, onOpenMicrophoneSettings, errorMessage, className, }) {
+export function RealtimeVoiceModeDock({ state, copy, chatVisible, audioLevels = SILENT_AUDIO_LEVELS, onToggleChat, onEndVoiceMode, settings, errorMessage, className, }) {
     const statusId = useId();
     const controlsId = useId();
     const [controlsOpen, setControlsOpen] = useState(false);
+    const [settingsOpen, setSettingsOpen] = useState(false);
+    const selectInteractionRef = useRef(false);
+    const selectInteractionFrameRef = useRef(null);
     const levels = useSyncExternalStore(audioLevels.subscribe, audioLevels.getSnapshot, audioLevels.getSnapshot);
     const reducedMotion = usePrefersReducedMotion();
-    const activity = levels.output > AUDIO_ACTIVITY_THRESHOLD
-        ? "assistant"
-        : levels.input > AUDIO_ACTIVITY_THRESHOLD
-            ? "user"
-            : "idle";
+    // Microphone metering begins while the SDP request is still in flight. Keep
+    // the connecting affordance authoritative until WebRTC is established;
+    // otherwise speaking into the mic replaces the loader with a waveform and
+    // makes a stalled connection look like a live call.
+    const connected = state === "listening" || state === "speaking" || state === "working";
+    const activity = connected
+        ? levels.output > AUDIO_ACTIVITY_THRESHOLD
+            ? "assistant"
+            : levels.input > AUDIO_ACTIVITY_THRESHOLD
+                ? "user"
+                : "idle"
+        : "idle";
     const activityLevel = activity === "assistant" ? levels.output : levels.input;
     const toggleLabel = chatVisible ? copy.hideChat : copy.showChat;
     const ending = state === "ending";
     const errorDetailVisible = state === "error" && Boolean(errorMessage);
-    const orbScale = reducedMotion ? 1 : 1 + Math.min(activityLevel, 1) * 0.07;
+    const controlsVisible = controlsOpen || settingsOpen;
+    const chatPanelTranslation = useChatPanelTranslation(chatVisible);
+    const handleSelectOpenChange = useCallback((open) => {
+        if (selectInteractionFrameRef.current !== null) {
+            window.cancelAnimationFrame(selectInteractionFrameRef.current);
+            selectInteractionFrameRef.current = null;
+        }
+        selectInteractionRef.current = true;
+        if (!open) {
+            // Radix closes the portalled Select before its focus/outside events have
+            // fully settled. Keep the parent protected through the current frame.
+            selectInteractionFrameRef.current = window.requestAnimationFrame(() => {
+                selectInteractionRef.current = false;
+                selectInteractionFrameRef.current = null;
+            });
+        }
+    }, []);
+    useEffect(() => () => {
+        if (selectInteractionFrameRef.current !== null) {
+            window.cancelAnimationFrame(selectInteractionFrameRef.current);
+        }
+    }, []);
     const closeControlsUnlessFocused = (event) => {
+        if (settingsOpen)
+            return;
         if (!event.currentTarget.contains(document.activeElement)) {
             setControlsOpen(false);
         }
     };
-    return (_jsxs("div", { className: cn("pointer-events-none fixed bottom-4 end-4 flex max-w-[calc(100vw-2rem)] flex-col items-end gap-2", className), style: { zIndex: 270 }, "data-realtime-voice-state": state, "data-realtime-voice-activity": activity, children: [errorDetailVisible ? (_jsx("div", { role: "alert", className: "pointer-events-auto max-w-xs rounded-lg border border-destructive/30 bg-background px-3 py-2 text-sm text-destructive shadow-md", children: errorMessage })) : null, _jsxs("div", { className: "group pointer-events-auto flex items-center gap-2", onMouseEnter: () => setControlsOpen(true), onMouseLeave: closeControlsUnlessFocused, onFocusCapture: () => setControlsOpen(true), onBlurCapture: (event) => {
+    return (_jsxs("div", { className: cn("pointer-events-none fixed bottom-4 end-4 flex max-w-[calc(100vw-2rem)] flex-col items-end gap-2 transition-transform duration-200 ease-[var(--ease-collapse)] motion-reduce:transition-none", className), style: {
+            zIndex: 270,
+            transform: `translateX(${chatPanelTranslation}px)`,
+        }, "data-realtime-voice-state": state, "data-realtime-voice-activity": activity, "data-realtime-voice-chat-offset": chatPanelTranslation, children: [errorDetailVisible ? (_jsx("div", { role: "alert", className: "pointer-events-auto max-w-xs rounded-lg border border-destructive/30 bg-background px-3 py-2 text-sm text-destructive shadow-md", children: errorMessage })) : null, _jsxs("div", { className: "group pointer-events-auto flex items-center gap-2", onMouseEnter: () => setControlsOpen(true), onMouseLeave: closeControlsUnlessFocused, onFocusCapture: () => setControlsOpen(true), onBlurCapture: (event) => {
                     if (!event.currentTarget.contains(event.relatedTarget)) {
                         setControlsOpen(false);
                     }
-                }, children: [_jsxs("div", { id: controlsId, "data-realtime-voice-controls": controlsOpen ? "open" : "closed", className: cn("flex items-center gap-1 rounded-full border border-border/70 bg-background/95 p-1 ps-3 shadow-lg backdrop-blur-md transition-[transform,opacity] duration-150 ease-out motion-reduce:transition-none", controlsOpen
+                }, children: [_jsxs("div", { id: controlsId, "data-realtime-voice-controls": controlsVisible ? "open" : "closed", className: cn("flex items-center gap-1 rounded-full border border-border/70 bg-background/95 p-1 shadow-lg backdrop-blur-md transition-[transform,opacity] duration-150 ease-out motion-reduce:transition-none", controlsVisible
                             ? "pointer-events-auto translate-x-0 opacity-100"
-                            : "pointer-events-none opacity-0 ltr:translate-x-2 rtl:-translate-x-2 group-hover:pointer-events-auto group-hover:translate-x-0 group-hover:opacity-100 group-focus-within:pointer-events-auto group-focus-within:translate-x-0 group-focus-within:opacity-100"), children: [_jsx("div", { id: statusId, role: state === "error" && !errorDetailVisible ? "alert" : "status", "aria-live": state === "error" && !errorDetailVisible ? "assertive" : "polite", className: "me-1 whitespace-nowrap text-xs font-medium text-foreground", children: copy.status[state] }), onOpenMicrophoneSettings ? (_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx(Button, { type: "button", variant: "ghost", size: "icon", disabled: ending, onClick: onOpenMicrophoneSettings, "aria-label": copy.microphoneSettings, className: "size-8 rounded-full text-muted-foreground transition-transform duration-150 ease-out active:scale-[0.97]", children: _jsx(IconSettings, {}) }) }), _jsx(TooltipContent, { children: copy.microphoneSettings })] })) : null, _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx(Button, { type: "button", variant: "ghost", size: "icon", disabled: ending, onClick: onEndVoiceMode, "aria-label": copy.endVoiceMode, className: "size-8 rounded-full text-destructive transition-transform duration-150 ease-out hover:bg-destructive/10 hover:text-destructive active:scale-[0.97]", children: _jsx(IconPhoneOff, {}) }) }), _jsx(TooltipContent, { children: copy.endVoiceMode })] })] }), _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsxs(Button, { type: "button", size: "icon", disabled: ending, onClick: () => {
+                            : "pointer-events-none opacity-0 ltr:translate-x-2 rtl:-translate-x-2 group-hover:pointer-events-auto group-hover:translate-x-0 group-hover:opacity-100 group-focus-within:pointer-events-auto group-focus-within:translate-x-0 group-focus-within:opacity-100"), children: [_jsx("span", { id: statusId, role: state === "error" && !errorDetailVisible ? "alert" : "status", "aria-live": state === "error" && !errorDetailVisible ? "assertive" : "polite", className: "sr-only", children: copy.status[state] }), settings ? (_jsxs(Popover, { open: settingsOpen, onOpenChange: setSettingsOpen, children: [_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx(PopoverAnchor, { asChild: true, children: _jsx(Button, { type: "button", variant: "ghost", size: "icon", disabled: ending, onClick: () => setSettingsOpen((open) => !open), "aria-label": copy.voiceSettings, "aria-expanded": settingsOpen, className: "size-8 rounded-full text-muted-foreground transition-transform duration-150 ease-out active:scale-[0.97]", children: _jsx(IconSettings, {}) }) }) }), _jsx(TooltipContent, { children: copy.voiceSettings })] }), _jsx(PopoverContent, { side: "top", align: "end", sideOffset: 10, className: "w-[min(20rem,calc(100vw-2rem))] overflow-hidden p-0", onOpenAutoFocus: (event) => event.preventDefault(), onInteractOutside: (event) => {
+                                            const target = event.target;
+                                            if (selectInteractionRef.current ||
+                                                (target instanceof Element &&
+                                                    target.closest('[data-realtime-voice-setting-options="true"]'))) {
+                                                event.preventDefault();
+                                            }
+                                        }, children: _jsx(VoiceInlineSettings, { settings: settings, disabled: ending, onSelectOpenChange: handleSelectOpenChange }) })] })) : null, _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx(Button, { type: "button", variant: "ghost", size: "icon", disabled: ending, onClick: onEndVoiceMode, "aria-label": copy.endVoiceMode, className: "size-8 rounded-full text-destructive transition-transform duration-150 ease-out hover:bg-destructive/10 hover:text-destructive active:scale-[0.97]", children: _jsx(IconPhoneOff, {}) }) }), _jsx(TooltipContent, { children: copy.endVoiceMode })] })] }), _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx(Button, { type: "button", size: "icon", disabled: ending, onClick: () => {
                                         setControlsOpen(true);
                                         onToggleChat();
-                                    }, "aria-label": toggleLabel, "aria-pressed": chatVisible, "aria-describedby": statusId, "aria-controls": controlsId, "aria-expanded": controlsOpen, className: cn("relative isolate size-16 overflow-visible rounded-full ring-4 shadow-xl transition-transform duration-150 ease-out focus-visible:ring-offset-2 active:scale-[0.97] motion-reduce:transition-none", ORB_STATE_CLASSES[state]), children: [_jsx("span", { "aria-hidden": "true", className: cn("pointer-events-none absolute -inset-2 -z-10 rounded-full bg-current opacity-0 blur-md transition-[transform,opacity] duration-150 ease-out motion-reduce:transition-none", activity !== "idle" && "opacity-20"), style: { transform: `scale(${orbScale})` } }), _jsxs("span", { "aria-hidden": "true", className: "pointer-events-none absolute inset-1 overflow-hidden rounded-full bg-gradient-to-br from-background/70 via-background/15 to-transparent opacity-70", children: [_jsx("span", { className: "absolute start-2.5 top-2 size-3 rounded-full bg-background/70 blur-[1px]" }), _jsx("span", { className: "absolute -bottom-2 -end-1 h-8 w-10 rounded-full bg-background/25 blur-md transition-transform duration-150 ease-out motion-reduce:transition-none", style: {
-                                                        transform: `scale(${reducedMotion ? 1 : 1 + activityLevel * 0.25})`,
-                                                    } })] }), _jsx("span", { className: "relative z-10 flex items-center justify-center", children: activity === "idle" ? (_jsx(VoiceStateIcon, { state: state })) : (_jsx(VoiceWaveform, { level: activityLevel, reducedMotion: reducedMotion, activity: activity })) })] }) }), _jsx(TooltipContent, { children: toggleLabel })] })] })] }));
+                                    }, "aria-label": toggleLabel, "aria-pressed": chatVisible, "data-realtime-voice-chat-toggle": "orb", "aria-describedby": statusId, "aria-controls": controlsId, "aria-expanded": controlsVisible, className: cn("relative isolate size-16 overflow-visible rounded-full ring-1 backdrop-blur-xl transition-transform duration-150 ease-out focus-visible:ring-offset-2 active:scale-[0.97] motion-reduce:transition-none", ORB_STATE_CLASSES[state]), children: _jsx("span", { className: "relative z-10 flex items-center justify-center", children: state === "connecting" ? (_jsx(VoiceConnectingIndicator, {})) : state !== "error" ? (_jsx(VoiceWaveform, { level: activityLevel, reducedMotion: reducedMotion, activity: activity })) : (_jsx(IconAlertTriangle, {})) }) }) }), _jsx(TooltipContent, { children: toggleLabel })] })] })] }));
 }
 //# sourceMappingURL=RealtimeVoiceMode.js.map

package/dist/client/composer/RealtimeVoiceMode.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"RealtimeVoiceMode.js","sourceRoot":"","sources":["../../../src/client/composer/RealtimeVoiceMode.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Button } from \"@agent-native/toolkit/ui/button\";\nimport {\n IconAlertTriangle,\n IconLoader2,\n IconMicrophone,\n IconPhoneOff,\n IconSettings,\n IconVolume,\n} from \"@tabler/icons-react\";\nimport {\n type MouseEvent,\n useEffect,\n useId,\n useState,\n useSyncExternalStore,\n} from \"react\";\n\nimport {\n Popover,\n PopoverContent,\n PopoverTrigger,\n} from \"../components/ui/popover.js\";\nimport {\n Tooltip,\n TooltipContent,\n TooltipTrigger,\n} from \"../components/ui/tooltip.js\";\nimport { cn } from \"../utils.js\";\nimport {\n createRealtimeVoiceAudioLevelStore,\n type RealtimeVoiceAudioLevelStore,\n} from \"./realtime-voice-audio-level.js\";\n\nexport type RealtimeVoiceModeState =\n \| \"connecting\"\n \| \"listening\"\n \| \"speaking\"\n \| \"working\"\n \| \"error\"\n \| \"ending\";\n\n/*\n User-visible copy stays outside the shared component so host catalogs remain\n * the source of truth. Callers should provide these values through `useT()`.\n /\nexport interface RealtimeVoiceModeCopy {\n entryButtonLabel: string;\n promptTitle: string;\n promptDescription: string;\n setupTitle: string;\n setupDescription: string;\n connectBuilder: string;\n useOpenAiKey: string;\n startWithOpenAiKey: string;\n startVoiceMode: string;\n keepDictating: string;\n showChat: string;\n hideChat: string;\n endVoiceMode: string;\n microphoneSettings: string;\n status: Record<RealtimeVoiceModeState, string>;\n errors: {\n unsupported: string;\n responseFailed: string;\n sessionFailed: string;\n channelDisconnected: string;\n connectionFailed: string;\n offerFailed: string;\n };\n}\n\nexport interface RealtimeVoiceModeEntryProps {\n copy: RealtimeVoiceModeCopy;\n disabled?: boolean;\n open?: boolean;\n onOpenChange?: (open: boolean) => void;\n onStartVoiceMode: () => void;\n onKeepDictating: () => void;\n setupRequired?: boolean;\n openAiConfigured?: boolean;\n connectingBuilder?: boolean;\n onConnectBuilder?: () => void;\n onUseOpenAiKey?: () => void;\n className?: string;\n}\n\n/\n Composer mic entry point for apps that support a full-duplex voice session.\n * The first click offers voice mode without silently changing the existing\n * editable-dictation behavior.\n /\nexport function RealtimeVoiceModeEntry({\n copy,\n disabled,\n open: controlledOpen,\n onOpenChange,\n onStartVoiceMode,\n onKeepDictating,\n setupRequired = false,\n openAiConfigured = false,\n connectingBuilder = false,\n onConnectBuilder,\n onUseOpenAiKey,\n className,\n}: RealtimeVoiceModeEntryProps) {\n const [uncontrolledOpen, setUncontrolledOpen] = useState(false);\n const open = controlledOpen ?? uncontrolledOpen;\n const titleId = useId();\n const descriptionId = useId();\n\n const setOpen = (nextOpen: boolean) => {\n if (controlledOpen === undefined) setUncontrolledOpen(nextOpen);\n onOpenChange?.(nextOpen);\n };\n\n const choose = (callback: () => void) => {\n setOpen(false);\n callback();\n };\n\n return (\n <Popover open={open} onOpenChange={setOpen}>\n <Tooltip>\n <TooltipTrigger asChild>\n <PopoverTrigger asChild>\n <Button\n type=\"button\"\n variant=\"ghost\"\n size=\"icon\"\n disabled={disabled}\n aria-label={copy.entryButtonLabel}\n aria-expanded={open}\n className={cn(\n \"size-7 shrink-0 text-muted-foreground hover:text-foreground\",\n className,\n )}\n >\n <IconMicrophone />\n </Button>\n </PopoverTrigger>\n </TooltipTrigger>\n <TooltipContent>{copy.entryButtonLabel}</TooltipContent>\n </Tooltip>\n\n <PopoverContent\n side=\"top\"\n align=\"end\"\n sideOffset={10}\n className={cn(\n \"p-4\",\n setupRequired\n ? \"w-[min(30rem,calc(100vw-2rem))]\"\n : \"w-[min(22rem,calc(100vw-2rem))]\",\n )}\n aria-labelledby={titleId}\n aria-describedby={descriptionId}\n >\n <div className=\"grid gap-3\">\n <div className=\"grid gap-1\">\n <h2 id={titleId} className=\"text-sm font-semibold text-foreground\">\n {setupRequired ? copy.setupTitle : copy.promptTitle}\n </h2>\n <p\n id={descriptionId}\n className=\"text-sm leading-relaxed text-muted-foreground\"\n >\n {setupRequired ? copy.setupDescription : copy.promptDescription}\n </p>\n </div>\n\n <div className=\"flex flex-col-reverse gap-2 sm:flex-row sm:flex-nowrap sm:justify-end\">\n <Button\n type=\"button\"\n variant=\"ghost\"\n size=\"sm\"\n onClick={() => choose(onKeepDictating)}\n >\n {copy.keepDictating}\n </Button>\n {setupRequired ? (\n <>\n <Button\n type=\"button\"\n variant=\"outline\"\n size=\"sm\"\n onClick={() => choose(onUseOpenAiKey ?? onStartVoiceMode)}\n >\n {openAiConfigured\n ? copy.startWithOpenAiKey\n : copy.useOpenAiKey}\n </Button>\n <Button\n type=\"button\"\n size=\"sm\"\n className=\"whitespace-nowrap\"\n disabled={connectingBuilder}\n onClick={() => choose(onConnectBuilder ?? onStartVoiceMode)}\n >\n {connectingBuilder ? (\n <IconLoader2 className=\"animate-spin\" />\n ) : null}\n {copy.connectBuilder}\n </Button>\n </>\n ) : (\n <Button\n type=\"button\"\n size=\"sm\"\n onClick={() => choose(onStartVoiceMode)}\n >\n <IconMicrophone />\n {copy.startVoiceMode}\n </Button>\n )}\n </div>\n </div>\n </PopoverContent>\n </Popover>\n );\n}\n\nexport interface RealtimeVoiceModeDockProps {\n state: RealtimeVoiceModeState;\n copy: RealtimeVoiceModeCopy;\n chatVisible: boolean;\n audioLevels?: RealtimeVoiceAudioLevelStore;\n onToggleChat: () => void;\n onEndVoiceMode: () => void;\n onOpenMicrophoneSettings?: () => void;\n errorMessage?: string \| null;\n className?: string;\n}\n\nconst SILENT_AUDIO_LEVELS = createRealtimeVoiceAudioLevelStore();\nconst WAVEFORM_WEIGHTS = [0.55, 0.82, 1, 0.82, 0.55];\nconst AUDIO_ACTIVITY_THRESHOLD = 0.035;\n\nfunction usePrefersReducedMotion(): boolean {\n const [reduced, setReduced] = useState(false);\n useEffect(() => {\n if (typeof window === \"undefined\" \|\| !window.matchMedia) return;\n const query = window.matchMedia(\"(prefers-reduced-motion: reduce)\");\n const update = () => setReduced(query.matches);\n update();\n query.addEventListener?.(\"change\", update);\n return () => query.removeEventListener?.(\"change\", update);\n }, []);\n return reduced;\n}\n\nfunction VoiceWaveform({\n level,\n reducedMotion,\n activity,\n}: {\n level: number;\n reducedMotion: boolean;\n activity: \"user\" \| \"assistant\";\n}) {\n const visibleLevel = reducedMotion ? 0.45 : level;\n return (\n <span\n aria-hidden=\"true\"\n className=\"flex h-6 items-center justify-center gap-0.5\"\n data-realtime-voice-waveform=\"true\"\n data-realtime-voice-waveform-activity={activity}\n >\n {WAVEFORM_WEIGHTS.map((weight, index) => (\n <span\n key={index}\n className=\"h-5 w-0.5 origin-center rounded-full bg-current transition-transform duration-75 ease-out motion-reduce:transition-none\"\n style={{ transform: `scaleY(${0.2 + visibleLevel 0.8 * weight})` }}\n />\n ))}\n </span>\n );\n}\n\nconst ORB_STATE_CLASSES: Record<RealtimeVoiceModeState, string> = {\n connecting:\n \"bg-secondary text-secondary-foreground ring-secondary/40 hover:bg-secondary/80\",\n listening:\n \"bg-primary text-primary-foreground ring-primary/20 hover:bg-primary/90\",\n speaking:\n \"bg-foreground text-background ring-foreground/20 hover:bg-foreground/90\",\n working:\n \"bg-secondary text-secondary-foreground ring-secondary/40 hover:bg-secondary/80\",\n error:\n \"bg-destructive text-destructive-foreground ring-destructive/20 hover:bg-destructive/90\",\n ending: \"cursor-wait bg-muted text-muted-foreground ring-muted/40\",\n};\n\nfunction VoiceStateIcon({ state }: { state: RealtimeVoiceModeState }) {\n switch (state) {\n case \"connecting\":\n return (\n <IconLoader2 className=\"animate-spin motion-reduce:animate-none\" />\n );\n case \"listening\":\n return <IconMicrophone />;\n case \"speaking\":\n return <IconVolume />;\n case \"working\":\n case \"ending\":\n return (\n <IconLoader2 className=\"animate-spin motion-reduce:animate-none\" />\n );\n case \"error\":\n return <IconAlertTriangle />;\n }\n}\n\n/*\n Persistent voice-session control. Toggling the main orb only changes chat\n * visibility; ending the realtime session is intentionally a separate action.\n /\nexport function RealtimeVoiceModeDock({\n state,\n copy,\n chatVisible,\n audioLevels = SILENT_AUDIO_LEVELS,\n onToggleChat,\n onEndVoiceMode,\n onOpenMicrophoneSettings,\n errorMessage,\n className,\n}: RealtimeVoiceModeDockProps) {\n const statusId = useId();\n const controlsId = useId();\n const [controlsOpen, setControlsOpen] = useState(false);\n const levels = useSyncExternalStore(\n audioLevels.subscribe,\n audioLevels.getSnapshot,\n audioLevels.getSnapshot,\n );\n const reducedMotion = usePrefersReducedMotion();\n const activity =\n levels.output > AUDIO_ACTIVITY_THRESHOLD\n ? \"assistant\"\n : levels.input > AUDIO_ACTIVITY_THRESHOLD\n ? \"user\"\n : \"idle\";\n const activityLevel = activity === \"assistant\" ? levels.output : levels.input;\n const toggleLabel = chatVisible ? copy.hideChat : copy.showChat;\n const ending = state === \"ending\";\n const errorDetailVisible = state === \"error\" && Boolean(errorMessage);\n const orbScale = reducedMotion ? 1 : 1 + Math.min(activityLevel, 1) 0.07;\n\n const closeControlsUnlessFocused = (event: MouseEvent<HTMLDivElement>) => {\n if (!event.currentTarget.contains(document.activeElement)) {\n setControlsOpen(false);\n }\n };\n\n return (\n <div\n className={cn(\n \"pointer-events-none fixed bottom-4 end-4 flex max-w-[calc(100vw-2rem)] flex-col items-end gap-2\",\n className,\n )}\n style={{ zIndex: 270 }}\n data-realtime-voice-state={state}\n data-realtime-voice-activity={activity}\n >\n {errorDetailVisible ? (\n <div\n role=\"alert\"\n className=\"pointer-events-auto max-w-xs rounded-lg border border-destructive/30 bg-background px-3 py-2 text-sm text-destructive shadow-md\"\n >\n {errorMessage}\n </div>\n ) : null}\n\n <div\n className=\"group pointer-events-auto flex items-center gap-2\"\n onMouseEnter={() => setControlsOpen(true)}\n onMouseLeave={closeControlsUnlessFocused}\n onFocusCapture={() => setControlsOpen(true)}\n onBlurCapture={(event) => {\n if (\n !event.currentTarget.contains(event.relatedTarget as Node \| null)\n ) {\n setControlsOpen(false);\n }\n }}\n >\n <div\n id={controlsId}\n data-realtime-voice-controls={controlsOpen ? \"open\" : \"closed\"}\n className={cn(\n \"flex items-center gap-1 rounded-full border border-border/70 bg-background/95 p-1 ps-3 shadow-lg backdrop-blur-md transition-[transform,opacity] duration-150 ease-out motion-reduce:transition-none\",\n controlsOpen\n ? \"pointer-events-auto translate-x-0 opacity-100\"\n : \"pointer-events-none opacity-0 ltr:translate-x-2 rtl:-translate-x-2 group-hover:pointer-events-auto group-hover:translate-x-0 group-hover:opacity-100 group-focus-within:pointer-events-auto group-focus-within:translate-x-0 group-focus-within:opacity-100\",\n )}\n >\n <div\n id={statusId}\n role={state === \"error\" && !errorDetailVisible ? \"alert\" : \"status\"}\n aria-live={\n state === \"error\" && !errorDetailVisible ? \"assertive\" : \"polite\"\n }\n className=\"me-1 whitespace-nowrap text-xs font-medium text-foreground\"\n >\n {copy.status[state]}\n </div>\n\n {onOpenMicrophoneSettings ? (\n <Tooltip>\n <TooltipTrigger asChild>\n <Button\n type=\"button\"\n variant=\"ghost\"\n size=\"icon\"\n disabled={ending}\n onClick={onOpenMicrophoneSettings}\n aria-label={copy.microphoneSettings}\n className=\"size-8 rounded-full text-muted-foreground transition-transform duration-150 ease-out active:scale-[0.97]\"\n >\n <IconSettings />\n </Button>\n </TooltipTrigger>\n <TooltipContent>{copy.microphoneSettings}</TooltipContent>\n </Tooltip>\n ) : null}\n\n <Tooltip>\n <TooltipTrigger asChild>\n <Button\n type=\"button\"\n variant=\"ghost\"\n size=\"icon\"\n disabled={ending}\n onClick={onEndVoiceMode}\n aria-label={copy.endVoiceMode}\n className=\"size-8 rounded-full text-destructive transition-transform duration-150 ease-out hover:bg-destructive/10 hover:text-destructive active:scale-[0.97]\"\n >\n <IconPhoneOff />\n </Button>\n </TooltipTrigger>\n <TooltipContent>{copy.endVoiceMode}</TooltipContent>\n </Tooltip>\n </div>\n\n <Tooltip>\n <TooltipTrigger asChild>\n <Button\n type=\"button\"\n size=\"icon\"\n disabled={ending}\n onClick={() => {\n setControlsOpen(true);\n onToggleChat();\n }}\n aria-label={toggleLabel}\n aria-pressed={chatVisible}\n aria-describedby={statusId}\n aria-controls={controlsId}\n aria-expanded={controlsOpen}\n className={cn(\n \"relative isolate size-16 overflow-visible rounded-full ring-4 shadow-xl transition-transform duration-150 ease-out focus-visible:ring-offset-2 active:scale-[0.97] motion-reduce:transition-none\",\n ORB_STATE_CLASSES[state],\n )}\n >\n <span\n aria-hidden=\"true\"\n className={cn(\n \"pointer-events-none absolute -inset-2 -z-10 rounded-full bg-current opacity-0 blur-md transition-[transform,opacity] duration-150 ease-out motion-reduce:transition-none\",\n activity !== \"idle\" && \"opacity-20\",\n )}\n style={{ transform: `scale(${orbScale})` }}\n />\n <span\n aria-hidden=\"true\"\n className=\"pointer-events-none absolute inset-1 overflow-hidden rounded-full bg-gradient-to-br from-background/70 via-background/15 to-transparent opacity-70\"\n >\n <span className=\"absolute start-2.5 top-2 size-3 rounded-full bg-background/70 blur-[1px]\" />\n <span\n className=\"absolute -bottom-2 -end-1 h-8 w-10 rounded-full bg-background/25 blur-md transition-transform duration-150 ease-out motion-reduce:transition-none\"\n style={{\n transform: `scale(${reducedMotion ? 1 : 1 + activityLevel * 0.25})`,\n }}\n />\n </span>\n <span className=\"relative z-10 flex items-center justify-center\">\n {activity === \"idle\" ? (\n <VoiceStateIcon state={state} />\n ) : (\n <VoiceWaveform\n level={activityLevel}\n reducedMotion={reducedMotion}\n activity={activity}\n />\n )}\n </span>\n </Button>\n </TooltipTrigger>\n <TooltipContent>{toggleLabel}</TooltipContent>\n </Tooltip>\n </div>\n </div>\n );\n}\n"]}
1	+ {"version":3,"file":"RealtimeVoiceMode.js","sourceRoot":"","sources":["../../../src/client/composer/RealtimeVoiceMode.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Button } from \"@agent-native/toolkit/ui/button\";\nimport {\n Select,\n SelectContent,\n SelectGroup,\n SelectItem,\n SelectTrigger,\n} from \"@agent-native/toolkit/ui/select\";\nimport {\n IconAlertTriangle,\n IconBrain,\n IconLanguage,\n IconLoader2,\n IconMicrophone,\n IconPhoneOff,\n IconSettings,\n IconVolume,\n} from \"@tabler/icons-react\";\nimport {\n type MouseEvent,\n useCallback,\n useEffect,\n useId,\n useRef,\n useState,\n useSyncExternalStore,\n} from \"react\";\n\nimport {\n Popover,\n PopoverAnchor,\n PopoverContent,\n PopoverTrigger,\n} from \"../components/ui/popover.js\";\nimport {\n Tooltip,\n TooltipContent,\n TooltipTrigger,\n} from \"../components/ui/tooltip.js\";\nimport { cn } from \"../utils.js\";\nimport {\n createRealtimeVoiceAudioLevelStore,\n type RealtimeVoiceAudioLevelStore,\n} from \"./realtime-voice-audio-level.js\";\n\nexport type RealtimeVoiceModeState =\n \| \"connecting\"\n \| \"listening\"\n \| \"speaking\"\n \| \"working\"\n \| \"error\"\n \| \"ending\";\n\n/*\n User-visible copy stays outside the shared component so host catalogs remain\n * the source of truth. Callers should provide these values through `useT()`.\n /\nexport interface RealtimeVoiceModeCopy {\n entryButtonLabel: string;\n promptTitle: string;\n promptDescription: string;\n setupTitle: string;\n setupDescription: string;\n connectBuilder: string;\n useOpenAiKey: string;\n startWithOpenAiKey: string;\n startVoiceMode: string;\n keepDictating: string;\n showChat: string;\n hideChat: string;\n endVoiceMode: string;\n voiceSettings: string;\n settings: {\n microphone: string;\n defaultMicrophone: string;\n microphoneSwitchFailed: string;\n language: string;\n autoLanguage: string;\n languages: Record<\n Exclude<\n import(\"./useRealtimeVoiceMode.js\").RealtimeVoiceLanguage,\n \"auto\"\n >,\n string\n >;\n intelligence: string;\n intelligenceLevels: Record<\n import(\"./useRealtimeVoiceMode.js\").RealtimeVoiceIntelligence,\n string\n >;\n voiceStyle: string;\n voiceChangePending: string;\n voiceDescriptions: Record<\n import(\"./useRealtimeVoiceMode.js\").RealtimeVoice,\n string\n >;\n };\n status: Record<RealtimeVoiceModeState, string>;\n errors: {\n unsupported: string;\n responseFailed: string;\n sessionFailed: string;\n channelDisconnected: string;\n connectionTimedOut?: string;\n connectionFailed: string;\n offerFailed: string;\n };\n}\n\nexport interface RealtimeVoiceModeEntryProps {\n copy: RealtimeVoiceModeCopy;\n disabled?: boolean;\n providerStatusPending?: boolean;\n open?: boolean;\n onOpenChange?: (open: boolean) => void;\n onStartVoiceMode: () => void;\n onKeepDictating: () => void;\n setupRequired?: boolean;\n openAiConfigured?: boolean;\n connectingBuilder?: boolean;\n onConnectBuilder?: () => void;\n onUseOpenAiKey?: () => void;\n className?: string;\n}\n\n/\n Composer mic entry point for apps that support a full-duplex voice session.\n * The first click offers voice mode without silently changing the existing\n * editable-dictation behavior.\n /\nexport function RealtimeVoiceModeEntry({\n copy,\n disabled,\n providerStatusPending = false,\n open: controlledOpen,\n onOpenChange,\n onStartVoiceMode,\n onKeepDictating,\n setupRequired = false,\n openAiConfigured = false,\n connectingBuilder = false,\n onConnectBuilder,\n onUseOpenAiKey,\n className,\n}: RealtimeVoiceModeEntryProps) {\n const [uncontrolledOpen, setUncontrolledOpen] = useState(false);\n const open = controlledOpen ?? uncontrolledOpen;\n const titleId = useId();\n const descriptionId = useId();\n const [collisionBoundary, setCollisionBoundary] =\n useState<HTMLElement \| null>(null);\n\n const setTriggerNode = useCallback((node: HTMLButtonElement \| null) => {\n const nextBoundary =\n node?.closest<HTMLElement>(\".agent-panel-root\") ?? null;\n setCollisionBoundary((currentBoundary) =>\n currentBoundary === nextBoundary ? currentBoundary : nextBoundary,\n );\n }, []);\n\n const setOpen = (nextOpen: boolean) => {\n if (controlledOpen === undefined) setUncontrolledOpen(nextOpen);\n onOpenChange?.(nextOpen);\n };\n\n const choose = (callback: () => void) => {\n setOpen(false);\n callback();\n };\n\n return (\n <Popover open={open} onOpenChange={setOpen}>\n <Tooltip>\n <TooltipTrigger asChild>\n <PopoverTrigger asChild>\n <Button\n ref={setTriggerNode}\n type=\"button\"\n variant=\"ghost\"\n size=\"icon\"\n disabled={disabled}\n aria-label={copy.entryButtonLabel}\n aria-expanded={open}\n className={cn(\n \"size-7 shrink-0 text-muted-foreground hover:text-foreground\",\n className,\n )}\n >\n <IconMicrophone />\n </Button>\n </PopoverTrigger>\n </TooltipTrigger>\n <TooltipContent>{copy.entryButtonLabel}</TooltipContent>\n </Tooltip>\n\n <PopoverContent\n side=\"top\"\n align=\"end\"\n sideOffset={10}\n collisionBoundary={collisionBoundary ?? undefined}\n collisionPadding={16}\n data-collision-boundary={collisionBoundary ? \"agent-panel\" : \"viewport\"}\n className={cn(\n \"p-4\",\n setupRequired\n ? \"w-[min(calc(100vw-2rem),var(--radix-popover-content-available-width,30rem),30rem)]\"\n : \"w-[min(calc(100vw-2rem),var(--radix-popover-content-available-width,22rem),22rem)]\",\n )}\n aria-labelledby={titleId}\n aria-describedby={descriptionId}\n >\n <div className=\"grid gap-3\">\n <div className=\"grid gap-1\">\n <h2 id={titleId} className=\"text-sm font-semibold text-foreground\">\n {setupRequired ? copy.setupTitle : copy.promptTitle}\n </h2>\n <p\n id={descriptionId}\n className=\"text-sm leading-relaxed text-muted-foreground\"\n >\n {setupRequired ? copy.setupDescription : copy.promptDescription}\n </p>\n </div>\n\n <div className=\"flex flex-col-reverse gap-2 sm:flex-row sm:flex-wrap sm:justify-end\">\n <Button\n type=\"button\"\n variant=\"ghost\"\n size=\"sm\"\n onClick={() => choose(onKeepDictating)}\n >\n {copy.keepDictating}\n </Button>\n {setupRequired ? (\n <>\n <Button\n type=\"button\"\n variant=\"outline\"\n size=\"sm\"\n onClick={() => choose(onUseOpenAiKey ?? onStartVoiceMode)}\n >\n {openAiConfigured\n ? copy.startWithOpenAiKey\n : copy.useOpenAiKey}\n </Button>\n <Button\n type=\"button\"\n size=\"sm\"\n className=\"whitespace-nowrap\"\n disabled={connectingBuilder}\n onClick={() => choose(onConnectBuilder ?? onStartVoiceMode)}\n >\n {connectingBuilder ? (\n <IconLoader2 className=\"animate-spin\" />\n ) : null}\n {copy.connectBuilder}\n </Button>\n </>\n ) : (\n <Button\n type=\"button\"\n size=\"sm\"\n disabled={providerStatusPending}\n onClick={() => choose(onStartVoiceMode)}\n >\n {providerStatusPending ? (\n <IconLoader2 className=\"animate-spin\" />\n ) : (\n <IconMicrophone />\n )}\n {copy.startVoiceMode}\n </Button>\n )}\n </div>\n </div>\n </PopoverContent>\n </Popover>\n );\n}\n\nexport interface RealtimeVoiceModeDockProps {\n state: RealtimeVoiceModeState;\n copy: RealtimeVoiceModeCopy;\n chatVisible: boolean;\n audioLevels?: RealtimeVoiceAudioLevelStore;\n onToggleChat: () => void;\n onEndVoiceMode: () => void;\n settings?: RealtimeVoiceModeInlineSettings;\n errorMessage?: string \| null;\n className?: string;\n}\n\nexport interface RealtimeVoiceModeSettingOption {\n value: string;\n label: string;\n description?: string;\n}\n\nexport interface RealtimeVoiceModeSelectSetting {\n label: string;\n value: string;\n options: readonly RealtimeVoiceModeSettingOption[];\n onValueChange: (value: string) => void;\n disabled?: boolean;\n}\n\nexport interface RealtimeVoiceModeInlineSettings {\n dialogLabel: string;\n appliesNextConversationNote?: string;\n microphoneError?: string;\n microphone: RealtimeVoiceModeSelectSetting;\n language: RealtimeVoiceModeSelectSetting;\n intelligence: RealtimeVoiceModeSelectSetting;\n voiceStyle: RealtimeVoiceModeSelectSetting;\n}\n\nconst SILENT_AUDIO_LEVELS = createRealtimeVoiceAudioLevelStore();\nconst WAVEFORM_WEIGHTS = [0.55, 0.82, 1, 0.82, 0.55];\nconst AUDIO_ACTIVITY_THRESHOLD = 0.035;\n\nfunction usePrefersReducedMotion(): boolean {\n const [reduced, setReduced] = useState(false);\n useEffect(() => {\n if (typeof window === \"undefined\" \|\| !window.matchMedia) return;\n const query = window.matchMedia(\"(prefers-reduced-motion: reduce)\");\n const update = () => setReduced(query.matches);\n update();\n query.addEventListener?.(\"change\", update);\n return () => query.removeEventListener?.(\"change\", update);\n }, []);\n return reduced;\n}\n\nfunction VoiceWaveform({\n level,\n reducedMotion,\n activity,\n}: {\n level: number;\n reducedMotion: boolean;\n activity: \"idle\" \| \"user\" \| \"assistant\";\n}) {\n const visibleLevel = reducedMotion ? 0.45 : level;\n return (\n <span\n aria-hidden=\"true\"\n className=\"flex h-6 items-center justify-center gap-0.5\"\n data-realtime-voice-waveform=\"true\"\n data-realtime-voice-waveform-activity={activity}\n >\n {WAVEFORM_WEIGHTS.map((weight, index) => (\n <span\n key={index}\n className=\"h-5 w-0.5 origin-center rounded-full bg-current transition-transform duration-75 ease-out motion-reduce:transition-none\"\n style={{\n transform: `scaleY(${0.2 + visibleLevel 0.8 * weight})`,\n }}\n />\n ))}\n </span>\n );\n}\n\nfunction VoiceConnectingIndicator() {\n return (\n <IconLoader2\n aria-hidden=\"true\"\n className=\"size-6 animate-spin motion-reduce:animate-none\"\n data-realtime-voice-connecting-indicator=\"true\"\n />\n );\n}\n\nconst ORB_STATE_CLASSES: Record<RealtimeVoiceModeState, string> = {\n connecting:\n \"bg-background/65 text-foreground ring-border/60 hover:bg-background/75\",\n listening:\n \"bg-background/65 text-foreground ring-border/60 hover:bg-background/75\",\n speaking:\n \"bg-background/65 text-foreground ring-border/60 hover:bg-background/75\",\n working:\n \"bg-background/65 text-foreground ring-border/60 hover:bg-background/75\",\n error:\n \"bg-destructive/20 text-destructive ring-destructive/30 hover:bg-destructive/25\",\n ending: \"cursor-wait bg-background/65 text-muted-foreground ring-border/60\",\n};\n\nfunction useChatPanelTranslation(chatVisible: boolean): number {\n const [translation, setTranslation] = useState(0);\n\n useEffect(() => {\n if (!chatVisible \|\| typeof window === \"undefined\") {\n setTranslation(0);\n return;\n }\n\n const direction = window.getComputedStyle(\n document.documentElement,\n ).direction;\n const inlineEnd = direction === \"rtl\" ? \"left\" : \"right\";\n\n const update = () => {\n const panels = Array.from(\n document.querySelectorAll<HTMLElement>(\n `.agent-sidebar-panel[data-agent-sidebar-position=\"${inlineEnd}\"][data-agent-sidebar-state=\"open\"]`,\n ),\n );\n const panel = panels.find((candidate) => {\n const rect = candidate.getBoundingClientRect();\n return rect.width > 0 && rect.height > 0;\n });\n\n if (!panel) {\n setTranslation(0);\n return;\n }\n\n // A fullscreen chat has no unobscured side to move into. Keep the dock\n // at its normal edge so it stays reachable instead of pinning it to the\n // opposite side of the same overlay.\n if (panel.dataset.agentSidebarLayout === \"fullscreen\") {\n setTranslation(0);\n return;\n }\n\n const rect = panel.getBoundingClientRect();\n const overlap =\n inlineEnd === \"right\"\n ? Math.max(0, window.innerWidth - rect.left)\n : Math.max(0, rect.right);\n const maximumShift = Math.max(0, window.innerWidth - 96);\n const distance = Math.min(overlap, maximumShift);\n setTranslation(inlineEnd === \"right\" ? -distance : distance);\n };\n\n update();\n const frame = window.requestAnimationFrame(update);\n window.addEventListener(\"resize\", update);\n\n const resizeObserver =\n typeof ResizeObserver === \"undefined\" ? null : new ResizeObserver(update);\n const observedPanels = new WeakSet<HTMLElement>();\n const observePanels = () => {\n document\n .querySelectorAll<HTMLElement>(\".agent-sidebar-panel\")\n .forEach((panel) => {\n if (!observedPanels.has(panel)) {\n observedPanels.add(panel);\n resizeObserver?.observe(panel);\n }\n });\n };\n observePanels();\n\n const mutationObserver = new MutationObserver(() => {\n observePanels();\n update();\n });\n mutationObserver.observe(document.body, {\n attributes: true,\n attributeFilter: [\n \"data-agent-sidebar-layout\",\n \"data-agent-sidebar-state\",\n \"style\",\n ],\n childList: true,\n subtree: true,\n });\n\n return () => {\n window.cancelAnimationFrame(frame);\n window.removeEventListener(\"resize\", update);\n resizeObserver?.disconnect();\n mutationObserver.disconnect();\n };\n }, [chatVisible]);\n\n return translation;\n}\n\nfunction VoiceSettingRow({\n icon: Icon,\n setting,\n onSelectOpenChange,\n}: {\n icon: typeof IconLanguage;\n setting: RealtimeVoiceModeSelectSetting;\n onSelectOpenChange: (open: boolean) => void;\n}) {\n const selected = setting.options.find(\n (option) => option.value === setting.value,\n );\n\n return (\n <Select\n value={setting.value}\n onValueChange={setting.onValueChange}\n onOpenChange={onSelectOpenChange}\n disabled={setting.disabled}\n >\n <SelectTrigger\n aria-label={`${setting.label}: ${selected?.label ?? setting.value}`}\n className=\"h-11 rounded-none border-0 bg-transparent px-3 shadow-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-inset\"\n >\n <div className=\"flex min-w-0 flex-1 items-center gap-2.5\">\n <Icon className=\"size-4 shrink-0 text-muted-foreground\" />\n <span className=\"shrink-0 text-sm font-medium text-foreground\">\n {setting.label}\n </span>\n <span className=\"ms-auto min-w-0 truncate text-end text-sm text-muted-foreground\">\n {selected?.label ?? setting.value}\n </span>\n </div>\n </SelectTrigger>\n <SelectContent\n align=\"end\"\n className=\"min-w-56\"\n data-realtime-voice-setting-options=\"true\"\n >\n <SelectGroup>\n {setting.options.map((option) => (\n <SelectItem key={option.value} value={option.value}>\n <span className=\"grid gap-0.5\">\n <span>{option.label}</span>\n {option.description ? (\n <span className=\"text-xs text-muted-foreground\">\n {option.description}\n </span>\n ) : null}\n </span>\n </SelectItem>\n ))}\n </SelectGroup>\n </SelectContent>\n </Select>\n );\n}\n\nfunction VoiceInlineSettings({\n settings,\n disabled,\n onSelectOpenChange,\n}: {\n settings: RealtimeVoiceModeInlineSettings;\n disabled: boolean;\n onSelectOpenChange: (open: boolean) => void;\n}) {\n const selectedVoice = settings.voiceStyle.options.find(\n (option) => option.value === settings.voiceStyle.value,\n );\n\n return (\n <div data-realtime-voice-settings=\"true\">\n <h2 className=\"sr-only\">{settings.dialogLabel}</h2>\n <div className=\"grid gap-0.5 px-4 pb-3 pt-4 text-center\">\n <div className=\"truncate text-base font-semibold text-foreground\">\n {selectedVoice?.label ?? settings.voiceStyle.value}\n </div>\n {selectedVoice?.description ? (\n <div className=\"truncate text-xs text-muted-foreground\">\n {selectedVoice.description}\n </div>\n ) : null}\n </div>\n <div className=\"mx-2 mb-2 overflow-hidden rounded-xl border border-border/70 bg-background/70\">\n <VoiceSettingRow\n icon={IconMicrophone}\n setting={{\n ...settings.microphone,\n disabled: disabled \|\| settings.microphone.disabled,\n }}\n onSelectOpenChange={onSelectOpenChange}\n />\n <div className=\"mx-3 h-px bg-border/70\" />\n <VoiceSettingRow\n icon={IconLanguage}\n setting={{\n ...settings.language,\n disabled: disabled \|\| settings.language.disabled,\n }}\n onSelectOpenChange={onSelectOpenChange}\n />\n <div className=\"mx-3 h-px bg-border/70\" />\n <VoiceSettingRow\n icon={IconBrain}\n setting={{\n ...settings.intelligence,\n disabled: disabled \|\| settings.intelligence.disabled,\n }}\n onSelectOpenChange={onSelectOpenChange}\n />\n <div className=\"mx-3 h-px bg-border/70\" />\n <VoiceSettingRow\n icon={IconVolume}\n setting={{\n ...settings.voiceStyle,\n disabled: disabled \|\| settings.voiceStyle.disabled,\n }}\n onSelectOpenChange={onSelectOpenChange}\n />\n </div>\n {settings.microphoneError ? (\n <p className=\"px-4 pb-3 text-center text-xs text-destructive\">\n {settings.microphoneError}\n </p>\n ) : null}\n {settings.appliesNextConversationNote ? (\n <p className=\"px-4 pb-3 text-center text-xs text-muted-foreground\">\n {settings.appliesNextConversationNote}\n </p>\n ) : null}\n </div>\n );\n}\n\n/*\n Persistent voice-session control. Toggling the main orb only changes chat\n * visibility; ending the realtime session is intentionally a separate action.\n */\nexport function RealtimeVoiceModeDock({\n state,\n copy,\n chatVisible,\n audioLevels = SILENT_AUDIO_LEVELS,\n onToggleChat,\n onEndVoiceMode,\n settings,\n errorMessage,\n className,\n}: RealtimeVoiceModeDockProps) {\n const statusId = useId();\n const controlsId = useId();\n const [controlsOpen, setControlsOpen] = useState(false);\n const [settingsOpen, setSettingsOpen] = useState(false);\n const selectInteractionRef = useRef(false);\n const selectInteractionFrameRef = useRef<number \| null>(null);\n const levels = useSyncExternalStore(\n audioLevels.subscribe,\n audioLevels.getSnapshot,\n audioLevels.getSnapshot,\n );\n const reducedMotion = usePrefersReducedMotion();\n // Microphone metering begins while the SDP request is still in flight. Keep\n // the connecting affordance authoritative until WebRTC is established;\n // otherwise speaking into the mic replaces the loader with a waveform and\n // makes a stalled connection look like a live call.\n const connected =\n state === \"listening\" \|\| state === \"speaking\" \|\| state === \"working\";\n const activity = connected\n ? levels.output > AUDIO_ACTIVITY_THRESHOLD\n ? \"assistant\"\n : levels.input > AUDIO_ACTIVITY_THRESHOLD\n ? \"user\"\n : \"idle\"\n : \"idle\";\n const activityLevel = activity === \"assistant\" ? levels.output : levels.input;\n const toggleLabel = chatVisible ? copy.hideChat : copy.showChat;\n const ending = state === \"ending\";\n const errorDetailVisible = state === \"error\" && Boolean(errorMessage);\n const controlsVisible = controlsOpen \|\| settingsOpen;\n const chatPanelTranslation = useChatPanelTranslation(chatVisible);\n\n const handleSelectOpenChange = useCallback((open: boolean) => {\n if (selectInteractionFrameRef.current !== null) {\n window.cancelAnimationFrame(selectInteractionFrameRef.current);\n selectInteractionFrameRef.current = null;\n }\n selectInteractionRef.current = true;\n if (!open) {\n // Radix closes the portalled Select before its focus/outside events have\n // fully settled. Keep the parent protected through the current frame.\n selectInteractionFrameRef.current = window.requestAnimationFrame(() => {\n selectInteractionRef.current = false;\n selectInteractionFrameRef.current = null;\n });\n }\n }, []);\n\n useEffect(\n () => () => {\n if (selectInteractionFrameRef.current !== null) {\n window.cancelAnimationFrame(selectInteractionFrameRef.current);\n }\n },\n [],\n );\n\n const closeControlsUnlessFocused = (event: MouseEvent<HTMLDivElement>) => {\n if (settingsOpen) return;\n if (!event.currentTarget.contains(document.activeElement)) {\n setControlsOpen(false);\n }\n };\n\n return (\n <div\n className={cn(\n \"pointer-events-none fixed bottom-4 end-4 flex max-w-[calc(100vw-2rem)] flex-col items-end gap-2 transition-transform duration-200 ease-[var(--ease-collapse)] motion-reduce:transition-none\",\n className,\n )}\n style={{\n zIndex: 270,\n transform: `translateX(${chatPanelTranslation}px)`,\n }}\n data-realtime-voice-state={state}\n data-realtime-voice-activity={activity}\n data-realtime-voice-chat-offset={chatPanelTranslation}\n >\n {errorDetailVisible ? (\n <div\n role=\"alert\"\n className=\"pointer-events-auto max-w-xs rounded-lg border border-destructive/30 bg-background px-3 py-2 text-sm text-destructive shadow-md\"\n >\n {errorMessage}\n </div>\n ) : null}\n\n <div\n className=\"group pointer-events-auto flex items-center gap-2\"\n onMouseEnter={() => setControlsOpen(true)}\n onMouseLeave={closeControlsUnlessFocused}\n onFocusCapture={() => setControlsOpen(true)}\n onBlurCapture={(event) => {\n if (\n !event.currentTarget.contains(event.relatedTarget as Node \| null)\n ) {\n setControlsOpen(false);\n }\n }}\n >\n <div\n id={controlsId}\n data-realtime-voice-controls={controlsVisible ? \"open\" : \"closed\"}\n className={cn(\n \"flex items-center gap-1 rounded-full border border-border/70 bg-background/95 p-1 shadow-lg backdrop-blur-md transition-[transform,opacity] duration-150 ease-out motion-reduce:transition-none\",\n controlsVisible\n ? \"pointer-events-auto translate-x-0 opacity-100\"\n : \"pointer-events-none opacity-0 ltr:translate-x-2 rtl:-translate-x-2 group-hover:pointer-events-auto group-hover:translate-x-0 group-hover:opacity-100 group-focus-within:pointer-events-auto group-focus-within:translate-x-0 group-focus-within:opacity-100\",\n )}\n >\n <span\n id={statusId}\n role={state === \"error\" && !errorDetailVisible ? \"alert\" : \"status\"}\n aria-live={\n state === \"error\" && !errorDetailVisible ? \"assertive\" : \"polite\"\n }\n className=\"sr-only\"\n >\n {copy.status[state]}\n </span>\n\n {settings ? (\n <Popover open={settingsOpen} onOpenChange={setSettingsOpen}>\n <Tooltip>\n <TooltipTrigger asChild>\n <PopoverAnchor asChild>\n <Button\n type=\"button\"\n variant=\"ghost\"\n size=\"icon\"\n disabled={ending}\n onClick={() => setSettingsOpen((open) => !open)}\n aria-label={copy.voiceSettings}\n aria-expanded={settingsOpen}\n className=\"size-8 rounded-full text-muted-foreground transition-transform duration-150 ease-out active:scale-[0.97]\"\n >\n <IconSettings />\n </Button>\n </PopoverAnchor>\n </TooltipTrigger>\n <TooltipContent>{copy.voiceSettings}</TooltipContent>\n </Tooltip>\n <PopoverContent\n side=\"top\"\n align=\"end\"\n sideOffset={10}\n className=\"w-[min(20rem,calc(100vw-2rem))] overflow-hidden p-0\"\n onOpenAutoFocus={(event) => event.preventDefault()}\n onInteractOutside={(event) => {\n const target = event.target;\n if (\n selectInteractionRef.current \|\|\n (target instanceof Element &&\n target.closest(\n '[data-realtime-voice-setting-options=\"true\"]',\n ))\n ) {\n event.preventDefault();\n }\n }}\n >\n <VoiceInlineSettings\n settings={settings}\n disabled={ending}\n onSelectOpenChange={handleSelectOpenChange}\n />\n </PopoverContent>\n </Popover>\n ) : null}\n\n <Tooltip>\n <TooltipTrigger asChild>\n <Button\n type=\"button\"\n variant=\"ghost\"\n size=\"icon\"\n disabled={ending}\n onClick={onEndVoiceMode}\n aria-label={copy.endVoiceMode}\n className=\"size-8 rounded-full text-destructive transition-transform duration-150 ease-out hover:bg-destructive/10 hover:text-destructive active:scale-[0.97]\"\n >\n <IconPhoneOff />\n </Button>\n </TooltipTrigger>\n <TooltipContent>{copy.endVoiceMode}</TooltipContent>\n </Tooltip>\n </div>\n\n <Tooltip>\n <TooltipTrigger asChild>\n <Button\n type=\"button\"\n size=\"icon\"\n disabled={ending}\n onClick={() => {\n setControlsOpen(true);\n onToggleChat();\n }}\n aria-label={toggleLabel}\n aria-pressed={chatVisible}\n data-realtime-voice-chat-toggle=\"orb\"\n aria-describedby={statusId}\n aria-controls={controlsId}\n aria-expanded={controlsVisible}\n className={cn(\n \"relative isolate size-16 overflow-visible rounded-full ring-1 backdrop-blur-xl transition-transform duration-150 ease-out focus-visible:ring-offset-2 active:scale-[0.97] motion-reduce:transition-none\",\n ORB_STATE_CLASSES[state],\n )}\n >\n <span className=\"relative z-10 flex items-center justify-center\">\n {state === \"connecting\" ? (\n <VoiceConnectingIndicator />\n ) : state !== \"error\" ? (\n <VoiceWaveform\n level={activityLevel}\n reducedMotion={reducedMotion}\n activity={activity}\n />\n ) : (\n <IconAlertTriangle />\n )}\n </span>\n </Button>\n </TooltipTrigger>\n <TooltipContent>{toggleLabel}</TooltipContent>\n </Tooltip>\n </div>\n </div>\n );\n}\n"]}

package/dist/client/composer/TiptapComposer.d.ts CHANGED Viewed

@@ -173,6 +173,10 @@ export interface TiptapComposerProps {
      */
     onAttachmentError?: (message: string) => void;
 }
+/** Tiptap keeps the Editor object truthy after destroy but clears commandManager. */
+export declare function isComposerEditorUsable<T extends {
+    isDestroyed?: boolean;
+}>(editor: T | null | undefined): editor is T;
 export declare function createTiptapComposerExtensions(getPlaceholder: () => string | undefined): (import("@tiptap/core").Extension<import("@tiptap/extension-placeholder").PlaceholderOptions, any> | import("@tiptap/core").Extension<import("@tiptap/starter-kit").StarterKitOptions, any> | import("@tiptap/core").Node<any, any>)[];
 export declare const MODEL_SELECTOR_POPOVER_STYLE: {
     fontSize: number;