@agent-native/core 0.96.0 → 0.98.0

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

@@ -18,6 +18,7 @@ export interface RealtimeVoiceModeCopy {
     showChat: string;
     hideChat: string;
     endVoiceMode: string;
+    microphoneSettings: string;
     status: Record<RealtimeVoiceModeState, string>;
     errors: {
         unsupported: string;
@@ -55,6 +56,7 @@ export interface RealtimeVoiceModeDockProps {
     audioLevels?: RealtimeVoiceAudioLevelStore;
     onToggleChat: () => void;
     onEndVoiceMode: () => void;
+    onOpenMicrophoneSettings?: () => void;
     errorMessage?: string | null;
     className?: string;
 }
@@ -62,5 +64,5 @@ export interface RealtimeVoiceModeDockProps {
  * 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, errorMessage, className, }: RealtimeVoiceModeDockProps): import("react").JSX.Element;
+export declare function RealtimeVoiceModeDock({ state, copy, chatVisible, audioLevels, onToggleChat, onEndVoiceMode, onOpenMicrophoneSettings, errorMessage, className, }: RealtimeVoiceModeDockProps): import("react").JSX.Element;
 //# sourceMappingURL=RealtimeVoiceMode.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"RealtimeVoiceMode.d.ts","sourceRoot":"","sources":["../../../src/client/composer/RealtimeVoiceMode.tsx"],"names":[],"mappings":"AAqBA,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,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,+BA6G7B;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,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AA8ED;;;GAGG;AACH,wBAAgB,qBAAqB,CAAC,EACpC,KAAK,EACL,IAAI,EACJ,WAAW,EACX,WAAiC,EACjC,YAAY,EACZ,cAAc,EACd,YAAY,EACZ,SAAS,GACV,EAAE,0BAA0B,+BAiG5B"}
+{"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"}

package/dist/client/composer/RealtimeVoiceMode.js

@@ -1,7 +1,7 @@
 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, IconVolume, } from "@tabler/icons-react";
-import { useEffect, useId, useState, useSyncExternalStore } from "react";
+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 { Tooltip, TooltipContent, TooltipTrigger, } from "../components/ui/tooltip.js";
 import { cn } from "../utils.js";
@@ -25,9 +25,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: "w-[min(22rem,calc(100vw-2rem))] p-4", "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
+    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
                                                 ? copy.startWithOpenAiKey
-                                                : copy.useOpenAiKey }), _jsxs(Button, { type: "button", size: "sm", 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", onClick: () => choose(onStartVoiceMode), children: [_jsx(IconMicrophone, {}), copy.startVoiceMode] }))] })] }) })] }));
 }
 const SILENT_AUDIO_LEVELS = createRealtimeVoiceAudioLevelStore();
 const WAVEFORM_WEIGHTS = [0.55, 0.82, 1, 0.82, 0.55];
@@ -45,17 +47,17 @@ function usePrefersReducedMotion() {
     }, []);
     return reduced;
 }
-function VoiceWaveform({ level, reducedMotion, }) {
+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", children: WAVEFORM_WEIGHTS.map((weight, index) => (_jsx("span", { className: "w-0.5 rounded-full bg-current transition-[height] duration-75 ease-out motion-reduce:transition-none", style: { height: `${4 + visibleLevel * 16 * weight}px` } }, 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))) }));
 }
 const ORB_STATE_CLASSES = {
-    connecting: "bg-secondary text-secondary-foreground ring-4 ring-secondary/40 hover:bg-secondary/80",
-    listening: "bg-primary text-primary-foreground ring-4 ring-primary/15 hover:bg-primary/90",
-    speaking: "bg-foreground text-background ring-4 ring-foreground/15 hover:bg-foreground/90",
-    working: "bg-secondary text-secondary-foreground ring-4 ring-secondary/40 hover:bg-secondary/80",
-    error: "bg-destructive text-destructive-foreground ring-4 ring-destructive/15 hover:bg-destructive/90",
-    ending: "bg-muted text-muted-foreground ring-4 ring-muted/40 cursor-wait",
+    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",
 };
 function VoiceStateIcon({ state }) {
     switch (state) {
@@ -76,8 +78,10 @@ function VoiceStateIcon({ state }) {
  * 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, errorMessage, className, }) {
+export function RealtimeVoiceModeDock({ state, copy, chatVisible, audioLevels = SILENT_AUDIO_LEVELS, onToggleChat, onEndVoiceMode, onOpenMicrophoneSettings, errorMessage, className, }) {
     const statusId = useId();
+    const controlsId = useId();
+    const [controlsOpen, setControlsOpen] = useState(false);
     const levels = useSyncExternalStore(audioLevels.subscribe, audioLevels.getSnapshot, audioLevels.getSnapshot);
     const reducedMotion = usePrefersReducedMotion();
     const activity = levels.output > AUDIO_ACTIVITY_THRESHOLD
@@ -89,6 +93,23 @@ export function RealtimeVoiceModeDock({ state, copy, chatVisible, audioLevels =
     const toggleLabel = chatVisible ? copy.hideChat : copy.showChat;
     const ending = state === "ending";
     const errorDetailVisible = state === "error" && Boolean(errorMessage);
-    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, _jsx("div", { id: statusId, role: state === "error" && !errorDetailVisible ? "alert" : "status", "aria-live": state === "error" && !errorDetailVisible ? "assertive" : "polite", className: "rounded-full border border-border bg-background px-3 py-1.5 text-xs font-medium text-foreground shadow-sm", children: copy.status[state] }), _jsxs("div", { className: "pointer-events-auto flex items-center gap-2", children: [_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx(Button, { type: "button", variant: "outline", size: "icon", disabled: ending, onClick: onEndVoiceMode, "aria-label": copy.endVoiceMode, className: "size-10 rounded-full bg-background shadow-md", 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: onToggleChat, "aria-label": toggleLabel, "aria-pressed": chatVisible, "aria-describedby": statusId, className: cn("size-14 rounded-full shadow-lg", ORB_STATE_CLASSES[state]), children: activity === "idle" ? (_jsx(VoiceStateIcon, { state: state })) : (_jsx(VoiceWaveform, { level: activityLevel, reducedMotion: reducedMotion })) }) }), _jsx(TooltipContent, { children: toggleLabel })] })] })] }));
+    const orbScale = reducedMotion ? 1 : 1 + Math.min(activityLevel, 1) * 0.07;
+    const closeControlsUnlessFocused = (event) => {
+        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) => {
+                    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
+                            ? "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: () => {
+                                        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 })] })] })] }));
 }
 //# sourceMappingURL=RealtimeVoiceMode.js.map

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

@@ -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  IconVolume,\n} from \"@tabler/icons-react\";\nimport { useEffect, useId, useState, useSyncExternalStore } 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  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=\"w-[min(22rem,calc(100vw-2rem))] p-4\"\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                  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  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}: {\n  level: number;\n  reducedMotion: boolean;\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    >\n      {WAVEFORM_WEIGHTS.map((weight, index) => (\n        <span\n          key={index}\n          className=\"w-0.5 rounded-full bg-current transition-[height] duration-75 ease-out motion-reduce:transition-none\"\n          style={{ height: `${4 + visibleLevel * 16 * weight}px` }}\n        />\n      ))}\n    </span>\n  );\n}\n\nconst ORB_STATE_CLASSES: Record<RealtimeVoiceModeState, string> = {\n  connecting:\n    \"bg-secondary text-secondary-foreground ring-4 ring-secondary/40 hover:bg-secondary/80\",\n  listening:\n    \"bg-primary text-primary-foreground ring-4 ring-primary/15 hover:bg-primary/90\",\n  speaking:\n    \"bg-foreground text-background ring-4 ring-foreground/15 hover:bg-foreground/90\",\n  working:\n    \"bg-secondary text-secondary-foreground ring-4 ring-secondary/40 hover:bg-secondary/80\",\n  error:\n    \"bg-destructive text-destructive-foreground ring-4 ring-destructive/15 hover:bg-destructive/90\",\n  ending: \"bg-muted text-muted-foreground ring-4 ring-muted/40 cursor-wait\",\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  errorMessage,\n  className,\n}: RealtimeVoiceModeDockProps) {\n  const statusId = useId();\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\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        id={statusId}\n        role={state === \"error\" && !errorDetailVisible ? \"alert\" : \"status\"}\n        aria-live={\n          state === \"error\" && !errorDetailVisible ? \"assertive\" : \"polite\"\n        }\n        className=\"rounded-full border border-border bg-background px-3 py-1.5 text-xs font-medium text-foreground shadow-sm\"\n      >\n        {copy.status[state]}\n      </div>\n\n      <div className=\"pointer-events-auto flex items-center gap-2\">\n        <Tooltip>\n          <TooltipTrigger asChild>\n            <Button\n              type=\"button\"\n              variant=\"outline\"\n              size=\"icon\"\n              disabled={ending}\n              onClick={onEndVoiceMode}\n              aria-label={copy.endVoiceMode}\n              className=\"size-10 rounded-full bg-background shadow-md\"\n            >\n              <IconPhoneOff />\n            </Button>\n          </TooltipTrigger>\n          <TooltipContent>{copy.endVoiceMode}</TooltipContent>\n        </Tooltip>\n\n        <Tooltip>\n          <TooltipTrigger asChild>\n            <Button\n              type=\"button\"\n              size=\"icon\"\n              disabled={ending}\n              onClick={onToggleChat}\n              aria-label={toggleLabel}\n              aria-pressed={chatVisible}\n              aria-describedby={statusId}\n              className={cn(\n                \"size-14 rounded-full shadow-lg\",\n                ORB_STATE_CLASSES[state],\n              )}\n            >\n              {activity === \"idle\" ? (\n                <VoiceStateIcon state={state} />\n              ) : (\n                <VoiceWaveform\n                  level={activityLevel}\n                  reducedMotion={reducedMotion}\n                />\n              )}\n            </Button>\n          </TooltipTrigger>\n          <TooltipContent>{toggleLabel}</TooltipContent>\n        </Tooltip>\n      </div>\n    </div>\n  );\n}\n"]}
+{"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"]}

package/dist/client/composer/TiptapComposer.js

@@ -1747,6 +1747,6 @@ export function TiptapComposer({ placeholder = "Message agent...", disabled = fa
                                     setSelectedContextItemKey(null);
                                     onRemoveContextItem?.(item.key);
                                 }, "aria-label": `Remove ${item.title} context`, className: "ms-0.5 flex h-4 w-4 shrink-0 items-center justify-center rounded text-muted-foreground hover:bg-accent hover:text-foreground", children: _jsx(IconX, { className: "h-3 w-3" }) })] }, item.key)))] })), _jsx("div", { "data-agent-composer-variant": layoutVariant, "data-agent-composer-slot": "editor-wrap", className: `agent-composer-editor-wrap ${composerMode || hasContextRows ? "px-2 pt-1 pb-1" : "px-2 pt-2 pb-1"}`, children: _jsx(EditorContent, { editor: editor, "data-agent-composer-variant": layoutVariant, "data-agent-composer-slot": "editor", className: "agent-composer-editor aui-composer flex-1 min-w-0 [&_.ProseMirror]:outline-none [&_.ProseMirror_p]:m-0 px-0.5" }) }), voiceEnabled && _jsx(VoiceRecordingOverlay, { voice: voice }), _jsxs("div", { "data-agent-composer-variant": layoutVariant, "data-agent-composer-slot": "toolbar", className: "agent-composer-toolbar flex items-center gap-1 px-2 py-1.5", children: [attachButton ??
-                        (plusMenuMode === "hidden" ? null : (_jsx(ComposerPlusMenu, { onSelectMode: handleSelectMode, mode: plusMenuMode, onAttachmentError: onAttachmentError }))), toolbarSlot ?? modeControl, _jsx("div", { "data-agent-composer-slot": "toolbar-spacer", className: "flex-1" }), selectedModel && availableModels && onModelChange && (_jsx(ModelSelector, { model: selectedModel, effort: selectedEffort, engines: availableModels, onChange: onModelChange, onEffortChange: onEffortChange, providerConnectStatusEnabled: providerConnectStatusEnabled, onConnectProvider: onConnectProvider, imageModel: imageModelMenu })), execMode && onExecModeChange && (_jsx(ModeSelector, { mode: execMode, onChange: onExecModeChange, planModeDisabled: planModeDisabled, planModeDisabledReason: planModeDisabledReason })), actionButton ?? (_jsxs(_Fragment, { children: [extraActionButton, voiceEnabled && (_jsx(VoiceButton, { voice: voice, isMac: isMac, disabled: disabled })), primaryAction === "stop" ? (stopButton) : (_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("button", { type: "button", onClick: () => void submitComposer("immediate"), disabled: !canSend, "data-agent-composer-slot": "send-button", className: "agent-composer-send-button shrink-0 flex h-7 w-7 items-center justify-center rounded-md bg-primary text-primary-foreground hover:opacity-90 disabled:opacity-30 disabled:cursor-not-allowed", children: _jsx(IconArrowUp, { className: "h-3.5 w-3.5" }) }) }), _jsx(TooltipContent, { children: "Send message" })] }))] }))] }), _jsx(MentionPopover, { ref: popoverRef, type: popover?.type ?? "@", position: popover?.position ?? null, mentionItems: filteredMentionItems, skills: filteredSkills, commands: filteredCommands, hint: hint, isLoading: popover?.type === "@" ? mentionsLoading : skillsLoading, query: popover?.query ?? "", onSelectMention: handleSelectMention, onSelectSkill: handleSelectSkill, onSelectCommand: handleSelectCommand, onClose: closePopover })] }));
+                        (plusMenuMode === "hidden" ? null : (_jsx(ComposerPlusMenu, { onSelectMode: handleSelectMode, mode: plusMenuMode, onAttachmentError: onAttachmentError }))), toolbarSlot ?? modeControl, _jsx("div", { "data-agent-composer-slot": "toolbar-spacer", className: "flex-1" }), selectedModel && availableModels && onModelChange && (_jsx(ModelSelector, { model: selectedModel, effort: selectedEffort, engines: availableModels, onChange: onModelChange, onEffortChange: onEffortChange, providerConnectStatusEnabled: providerConnectStatusEnabled, onConnectProvider: onConnectProvider, imageModel: imageModelMenu })), execMode && onExecModeChange && (_jsx(ModeSelector, { mode: execMode, onChange: onExecModeChange, planModeDisabled: planModeDisabled, planModeDisabledReason: planModeDisabledReason })), actionButton ?? (_jsxs(_Fragment, { children: [extraActionButton, voiceEnabled && (_jsx(VoiceButton, { voice: voice, isMac: isMac, disabled: disabled })), primaryAction === "stop" ? (stopButton) : (_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("button", { type: "button", onClick: () => void submitComposer("immediate"), disabled: !canSend, "data-agent-composer-slot": "send-button", className: "agent-composer-send-button shrink-0 flex h-7 w-7 items-center justify-center rounded-md bg-primary text-primary-foreground hover:opacity-90 transition-[opacity,transform] duration-150 active:scale-[0.97] disabled:opacity-30 disabled:cursor-not-allowed", children: _jsx(IconArrowUp, { className: "h-3.5 w-3.5" }) }) }), _jsx(TooltipContent, { children: "Send message" })] }))] }))] }), _jsx(MentionPopover, { ref: popoverRef, type: popover?.type ?? "@", position: popover?.position ?? null, mentionItems: filteredMentionItems, skills: filteredSkills, commands: filteredCommands, hint: hint, isLoading: popover?.type === "@" ? mentionsLoading : skillsLoading, query: popover?.query ?? "", onSelectMention: handleSelectMention, onSelectSkill: handleSelectSkill, onSelectCommand: handleSelectCommand, onClose: closePopover })] }));
 }
 //# sourceMappingURL=TiptapComposer.js.map