@agent-native/core 0.97.0 → 0.98.0

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

@@ -7,12 +7,14 @@
  * send button (Cursor replaces send with mic; their users complain — we
  * don't copy that).
  */
+import { type VoiceProviderStatus } from "../voice-provider-status.js";
 import type { VoiceDictationApi } from "./useVoiceDictation.js";
 export interface VoiceButtonProps {
     voice: VoiceDictationApi;
     isMac: boolean;
     disabled?: boolean;
 }
+export declare function isRealtimeVoiceSetupRequired(status: VoiceProviderStatus | null, builderConfigured: boolean | null): boolean;
 export declare function VoiceButton({ voice, isMac, disabled }: VoiceButtonProps): import("react").JSX.Element | null;
 export interface VoiceRecordingOverlayProps {
     voice: VoiceDictationApi;

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

@@ -1 +1 @@
-{"version":3,"file":"VoiceButton.d.ts","sourceRoot":"","sources":["../../../src/client/composer/VoiceButton.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAqBH,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAYhE,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,iBAAiB,CAAC;IACzB,KAAK,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,wBAAgB,WAAW,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,gBAAgB,sCA6EvE;AAED,MAAM,WAAW,0BAA0B;IACzC,KAAK,EAAE,iBAAiB,CAAC;CAC1B;AAED,wBAAgB,qBAAqB,CAAC,EAAE,KAAK,EAAE,EAAE,0BAA0B,sCAqF1E"}
+{"version":3,"file":"VoiceButton.d.ts","sourceRoot":"","sources":["../../../src/client/composer/VoiceButton.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAeH,OAAO,EACL,KAAK,mBAAmB,EAEzB,MAAM,6BAA6B,CAAC;AAMrC,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAYhE,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,iBAAiB,CAAC;IACzB,KAAK,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,wBAAgB,4BAA4B,CAC1C,MAAM,EAAE,mBAAmB,GAAG,IAAI,EAClC,iBAAiB,EAAE,OAAO,GAAG,IAAI,GAChC,OAAO,CAOT;AAED,wBAAgB,WAAW,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,gBAAgB,sCA8EvE;AAED,MAAM,WAAW,0BAA0B;IACzC,KAAK,EAAE,iBAAiB,CAAC;CAC1B;AAED,wBAAgB,qBAAqB,CAAC,EAAE,KAAK,EAAE,EAAE,0BAA0B,sCAqF1E"}

package/dist/client/composer/VoiceButton.js

@@ -11,7 +11,7 @@ import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-run
 import { IconMicrophone, IconPlayerStopFilled, IconLoader2, IconX, } from "@tabler/icons-react";
 import { Tooltip, TooltipContent, TooltipTrigger, } from "../components/ui/tooltip.js";
 import { useBuilderConnectFlow } from "../settings/useBuilderStatus.js";
-import { useVoiceProviderStatus } from "../voice-provider-status.js";
+import { useVoiceProviderStatus, } from "../voice-provider-status.js";
 import { RealtimeVoiceModeEntry } from "./RealtimeVoiceMode.js";
 import { useRealtimeVoiceModeCopy, useRealtimeVoiceModeOptional, } from "./useRealtimeVoiceMode.js";
 function openOpenAiKeySettings() {
@@ -21,6 +21,12 @@ function openOpenAiKeySettings() {
         detail: { section: "secrets" },
     }));
 }
+export function isRealtimeVoiceSetupRequired(status, builderConfigured) {
+    return (status !== null &&
+        !status.builder &&
+        !status.openai &&
+        builderConfigured === false);
+}
 export function VoiceButton({ voice, isMac, disabled }) {
     const { state, start, stop, supported } = voice;
     const realtimeVoice = useRealtimeVoiceModeOptional();
@@ -38,7 +44,7 @@ export function VoiceButton({ voice, isMac, disabled }) {
     if (realtimeVoice?.active && !recording && !transcribing)
         return null;
     if (realtimeVoice && !recording && !transcribing) {
-        return (_jsx(RealtimeVoiceModeEntry, { copy: realtimeCopy, disabled: disabled, setupRequired: builderConnect.hasFetchedStatus && !builderConnect.configured, openAiConfigured: voiceProviders.status?.openai === true, connectingBuilder: builderConnect.connecting, onConnectBuilder: builderConnect.start, onUseOpenAiKey: () => {
+        return (_jsx(RealtimeVoiceModeEntry, { copy: realtimeCopy, disabled: disabled, setupRequired: isRealtimeVoiceSetupRequired(voiceProviders.status, builderConnect.statusResolved ? builderConnect.configured : null), openAiConfigured: voiceProviders.status?.openai === true, connectingBuilder: builderConnect.connecting, onConnectBuilder: builderConnect.start, onUseOpenAiKey: () => {
                 if (voiceProviders.status?.openai)
                     void realtimeVoice.start();
                 else
@@ -56,7 +62,7 @@ export function VoiceButton({ voice, isMac, disabled }) {
         else if (!transcribing)
             void start();
     };
-    return (_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("button", { type: "button", onClick: onClick, disabled: disabled || transcribing, "aria-label": label, "aria-pressed": recording, className: `shrink-0 flex h-7 w-7 items-center justify-center rounded-md disabled:opacity-30 disabled:cursor-not-allowed ${recording
+    return (_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("button", { type: "button", onClick: onClick, disabled: disabled || transcribing, "aria-label": label, "aria-pressed": recording, className: `shrink-0 flex h-7 w-7 items-center justify-center rounded-md transition-colors duration-150 disabled:opacity-30 disabled:cursor-not-allowed ${recording
                         ? "text-[#00B5FF] bg-[#00B5FF]/10 hover:bg-[#00B5FF]/20"
                         : "text-muted-foreground hover:text-foreground hover:bg-accent/50"}`, children: transcribing ? (_jsx(IconLoader2, { className: "h-4 w-4 animate-spin" })) : recording ? (_jsx(IconPlayerStopFilled, { className: "h-3.5 w-3.5" })) : (_jsx(IconMicrophone, { className: "h-4 w-4" })) }) }), _jsx(TooltipContent, { children: label })] }));
 }

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

@@ -1 +1 @@
-{"version":3,"file":"VoiceButton.js","sourceRoot":"","sources":["../../../src/client/composer/VoiceButton.tsx"],"names":[],"mappings":"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","sourcesContent":["/**\n * Voice dictation button + recording overlay for the agent composer.\n *\n * UX mirrors Lovable: click-to-toggle record, a live amplitude bar and\n * MM:SS timer replace the editor area while recording, and a cancel X\n * discards without transcribing. The mic is always visible alongside the\n * send button (Cursor replaces send with mic; their users complain — we\n * don't copy that).\n */\n\nimport {\n  IconMicrophone,\n  IconPlayerStopFilled,\n  IconLoader2,\n  IconX,\n} from \"@tabler/icons-react\";\n\nimport {\n  Tooltip,\n  TooltipContent,\n  TooltipTrigger,\n} from \"../components/ui/tooltip.js\";\nimport { useBuilderConnectFlow } from \"../settings/useBuilderStatus.js\";\nimport { useVoiceProviderStatus } from \"../voice-provider-status.js\";\nimport { RealtimeVoiceModeEntry } from \"./RealtimeVoiceMode.js\";\nimport {\n  useRealtimeVoiceModeCopy,\n  useRealtimeVoiceModeOptional,\n} from \"./useRealtimeVoiceMode.js\";\nimport type { VoiceDictationApi } from \"./useVoiceDictation.js\";\n\nfunction openOpenAiKeySettings(): void {\n  window.location.hash = \"#secrets:OPENAI_API_KEY\";\n  window.dispatchEvent(new Event(\"agent-panel:open\"));\n  window.dispatchEvent(\n    new CustomEvent(\"agent-panel:open-settings\", {\n      detail: { section: \"secrets\" },\n    }),\n  );\n}\n\nexport interface VoiceButtonProps {\n  voice: VoiceDictationApi;\n  isMac: boolean;\n  disabled?: boolean;\n}\n\nexport function VoiceButton({ voice, isMac, disabled }: VoiceButtonProps) {\n  const { state, start, stop, supported } = voice;\n  const realtimeVoice = useRealtimeVoiceModeOptional();\n  const realtimeCopy = useRealtimeVoiceModeCopy();\n  const voiceProviders = useVoiceProviderStatus();\n  const builderConnect = useBuilderConnectFlow({\n    trackingSource: \"realtime_voice\",\n    trackingFlow: \"voice_transcription\",\n    onConnected: () => voiceProviders.refresh(),\n  });\n\n  if (!supported) return null;\n\n  const recording = state === \"recording\" || state === \"starting\";\n  const transcribing = state === \"transcribing\";\n\n  if (realtimeVoice?.active && !recording && !transcribing) return null;\n\n  if (realtimeVoice && !recording && !transcribing) {\n    return (\n      <RealtimeVoiceModeEntry\n        copy={realtimeCopy}\n        disabled={disabled}\n        setupRequired={\n          builderConnect.hasFetchedStatus && !builderConnect.configured\n        }\n        openAiConfigured={voiceProviders.status?.openai === true}\n        connectingBuilder={builderConnect.connecting}\n        onConnectBuilder={builderConnect.start}\n        onUseOpenAiKey={() => {\n          if (voiceProviders.status?.openai) void realtimeVoice.start();\n          else openOpenAiKeySettings();\n        }}\n        onStartVoiceMode={() => void realtimeVoice.start()}\n        onKeepDictating={() => void start()}\n      />\n    );\n  }\n\n  const label = recording\n    ? \"Stop recording\"\n    : transcribing\n      ? \"Transcribing…\"\n      : `Dictate (${isMac ? \"⌘⇧M\" : \"Ctrl+Shift+M\"})`;\n\n  const onClick = () => {\n    if (recording) stop();\n    else if (!transcribing) void start();\n  };\n\n  return (\n    <Tooltip>\n      <TooltipTrigger asChild>\n        <button\n          type=\"button\"\n          onClick={onClick}\n          disabled={disabled || transcribing}\n          aria-label={label}\n          aria-pressed={recording}\n          className={`shrink-0 flex h-7 w-7 items-center justify-center rounded-md disabled:opacity-30 disabled:cursor-not-allowed ${\n            recording\n              ? \"text-[#00B5FF] bg-[#00B5FF]/10 hover:bg-[#00B5FF]/20\"\n              : \"text-muted-foreground hover:text-foreground hover:bg-accent/50\"\n          }`}\n        >\n          {transcribing ? (\n            <IconLoader2 className=\"h-4 w-4 animate-spin\" />\n          ) : recording ? (\n            <IconPlayerStopFilled className=\"h-3.5 w-3.5\" />\n          ) : (\n            <IconMicrophone className=\"h-4 w-4\" />\n          )}\n        </button>\n      </TooltipTrigger>\n      <TooltipContent>{label}</TooltipContent>\n    </Tooltip>\n  );\n}\n\nexport interface VoiceRecordingOverlayProps {\n  voice: VoiceDictationApi;\n}\n\nexport function VoiceRecordingOverlay({ voice }: VoiceRecordingOverlayProps) {\n  const { state, amplitude, durationMs, errorMessage, cancel } = voice;\n  const { dismissError, start } = voice;\n\n  if (state === \"error\" && errorMessage) {\n    return (\n      <div\n        role=\"alert\"\n        className=\"mx-2 mt-1 flex items-start gap-2 rounded-md border border-red-500/40 bg-red-500/10 px-2 py-1.5 text-[11px] text-red-500\"\n      >\n        <span className=\"flex-1 min-w-0\">{errorMessage}</span>\n        <Tooltip>\n          <TooltipTrigger asChild>\n            <button\n              type=\"button\"\n              onClick={() => {\n                dismissError();\n                void start();\n              }}\n              className=\"shrink-0 cursor-pointer rounded px-1.5 py-0.5 text-[11px] font-medium text-red-500 hover:bg-red-500/20\"\n              aria-label=\"Try again\"\n            >\n              Try again\n            </button>\n          </TooltipTrigger>\n          <TooltipContent>Try again</TooltipContent>\n        </Tooltip>\n        <Tooltip>\n          <TooltipTrigger asChild>\n            <button\n              type=\"button\"\n              onClick={dismissError}\n              className=\"shrink-0 flex h-4 w-4 cursor-pointer items-center justify-center rounded text-red-500 hover:bg-red-500/20\"\n              aria-label=\"Dismiss\"\n            >\n              <IconX className=\"h-3 w-3\" />\n            </button>\n          </TooltipTrigger>\n          <TooltipContent>Dismiss</TooltipContent>\n        </Tooltip>\n      </div>\n    );\n  }\n\n  if (state !== \"recording\" && state !== \"starting\" && state !== \"transcribing\")\n    return null;\n\n  return (\n    <div\n      className=\"flex items-center gap-2 mx-2 mt-2 mb-1 h-[2rem] rounded-md border border-[#00B5FF]/40 bg-[#00B5FF]/10 px-2\"\n      aria-live=\"polite\"\n    >\n      <Tooltip>\n        <TooltipTrigger asChild>\n          <button\n            type=\"button\"\n            onClick={cancel}\n            className=\"shrink-0 flex h-5 w-5 items-center justify-center rounded text-muted-foreground hover:text-foreground hover:bg-accent/40\"\n            aria-label=\"Cancel recording\"\n          >\n            <IconX className=\"h-3 w-3\" />\n          </button>\n        </TooltipTrigger>\n        <TooltipContent>Cancel (Esc)</TooltipContent>\n      </Tooltip>\n\n      <div className=\"flex-1 flex items-center gap-[2px] min-w-0 h-4\">\n        {state === \"transcribing\" ? (\n          <span className=\"text-[11px] text-muted-foreground\">\n            Transcribing…\n          </span>\n        ) : (\n          <AmplitudeBars amplitude={amplitude} />\n        )}\n      </div>\n\n      <span className=\"shrink-0 text-[11px] font-medium tabular-nums text-muted-foreground\">\n        {state === \"transcribing\" ? (\n          <IconLoader2 className=\"h-3 w-3 animate-spin\" />\n        ) : (\n          formatDuration(durationMs)\n        )}\n      </span>\n    </div>\n  );\n}\n\nconst BAR_COUNT = 24;\n\nfunction AmplitudeBars({ amplitude }: { amplitude: number }) {\n  // Render a symmetric meter — the middle bars peak first so the visual\n  // matches what voice input looks like in Lovable / iOS dictation.\n  const bars = [];\n  for (let i = 0; i < BAR_COUNT; i++) {\n    const centerDistance =\n      Math.abs(i - (BAR_COUNT - 1) / 2) / ((BAR_COUNT - 1) / 2);\n    const heightPct =\n      Math.max(0.1, amplitude * (1 - centerDistance * 0.6)) * 100;\n    bars.push(\n      <span\n        key={i}\n        className=\"flex-1 rounded-full bg-[#00B5FF]\"\n        style={{ height: `${heightPct}%`, minHeight: 2 }}\n      />,\n    );\n  }\n  return <>{bars}</>;\n}\n\nfunction formatDuration(ms: number): string {\n  const total = Math.floor(ms / 1000);\n  const m = Math.floor(total / 60);\n  const s = total % 60;\n  return `${m}:${s.toString().padStart(2, \"0\")}`;\n}\n"]}
+{"version":3,"file":"VoiceButton.js","sourceRoot":"","sources":["../../../src/client/composer/VoiceButton.tsx"],"names":[],"mappings":"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","sourcesContent":["/**\n * Voice dictation button + recording overlay for the agent composer.\n *\n * UX mirrors Lovable: click-to-toggle record, a live amplitude bar and\n * MM:SS timer replace the editor area while recording, and a cancel X\n * discards without transcribing. The mic is always visible alongside the\n * send button (Cursor replaces send with mic; their users complain — we\n * don't copy that).\n */\n\nimport {\n  IconMicrophone,\n  IconPlayerStopFilled,\n  IconLoader2,\n  IconX,\n} from \"@tabler/icons-react\";\n\nimport {\n  Tooltip,\n  TooltipContent,\n  TooltipTrigger,\n} from \"../components/ui/tooltip.js\";\nimport { useBuilderConnectFlow } from \"../settings/useBuilderStatus.js\";\nimport {\n  type VoiceProviderStatus,\n  useVoiceProviderStatus,\n} from \"../voice-provider-status.js\";\nimport { RealtimeVoiceModeEntry } from \"./RealtimeVoiceMode.js\";\nimport {\n  useRealtimeVoiceModeCopy,\n  useRealtimeVoiceModeOptional,\n} from \"./useRealtimeVoiceMode.js\";\nimport type { VoiceDictationApi } from \"./useVoiceDictation.js\";\n\nfunction openOpenAiKeySettings(): void {\n  window.location.hash = \"#secrets:OPENAI_API_KEY\";\n  window.dispatchEvent(new Event(\"agent-panel:open\"));\n  window.dispatchEvent(\n    new CustomEvent(\"agent-panel:open-settings\", {\n      detail: { section: \"secrets\" },\n    }),\n  );\n}\n\nexport interface VoiceButtonProps {\n  voice: VoiceDictationApi;\n  isMac: boolean;\n  disabled?: boolean;\n}\n\nexport function isRealtimeVoiceSetupRequired(\n  status: VoiceProviderStatus | null,\n  builderConfigured: boolean | null,\n): boolean {\n  return (\n    status !== null &&\n    !status.builder &&\n    !status.openai &&\n    builderConfigured === false\n  );\n}\n\nexport function VoiceButton({ voice, isMac, disabled }: VoiceButtonProps) {\n  const { state, start, stop, supported } = voice;\n  const realtimeVoice = useRealtimeVoiceModeOptional();\n  const realtimeCopy = useRealtimeVoiceModeCopy();\n  const voiceProviders = useVoiceProviderStatus();\n  const builderConnect = useBuilderConnectFlow({\n    trackingSource: \"realtime_voice\",\n    trackingFlow: \"voice_transcription\",\n    onConnected: () => voiceProviders.refresh(),\n  });\n\n  if (!supported) return null;\n\n  const recording = state === \"recording\" || state === \"starting\";\n  const transcribing = state === \"transcribing\";\n\n  if (realtimeVoice?.active && !recording && !transcribing) return null;\n\n  if (realtimeVoice && !recording && !transcribing) {\n    return (\n      <RealtimeVoiceModeEntry\n        copy={realtimeCopy}\n        disabled={disabled}\n        setupRequired={isRealtimeVoiceSetupRequired(\n          voiceProviders.status,\n          builderConnect.statusResolved ? builderConnect.configured : null,\n        )}\n        openAiConfigured={voiceProviders.status?.openai === true}\n        connectingBuilder={builderConnect.connecting}\n        onConnectBuilder={builderConnect.start}\n        onUseOpenAiKey={() => {\n          if (voiceProviders.status?.openai) void realtimeVoice.start();\n          else openOpenAiKeySettings();\n        }}\n        onStartVoiceMode={() => void realtimeVoice.start()}\n        onKeepDictating={() => void start()}\n      />\n    );\n  }\n\n  const label = recording\n    ? \"Stop recording\"\n    : transcribing\n      ? \"Transcribing…\"\n      : `Dictate (${isMac ? \"⌘⇧M\" : \"Ctrl+Shift+M\"})`;\n\n  const onClick = () => {\n    if (recording) stop();\n    else if (!transcribing) void start();\n  };\n\n  return (\n    <Tooltip>\n      <TooltipTrigger asChild>\n        <button\n          type=\"button\"\n          onClick={onClick}\n          disabled={disabled || transcribing}\n          aria-label={label}\n          aria-pressed={recording}\n          className={`shrink-0 flex h-7 w-7 items-center justify-center rounded-md transition-colors duration-150 disabled:opacity-30 disabled:cursor-not-allowed ${\n            recording\n              ? \"text-[#00B5FF] bg-[#00B5FF]/10 hover:bg-[#00B5FF]/20\"\n              : \"text-muted-foreground hover:text-foreground hover:bg-accent/50\"\n          }`}\n        >\n          {transcribing ? (\n            <IconLoader2 className=\"h-4 w-4 animate-spin\" />\n          ) : recording ? (\n            <IconPlayerStopFilled className=\"h-3.5 w-3.5\" />\n          ) : (\n            <IconMicrophone className=\"h-4 w-4\" />\n          )}\n        </button>\n      </TooltipTrigger>\n      <TooltipContent>{label}</TooltipContent>\n    </Tooltip>\n  );\n}\n\nexport interface VoiceRecordingOverlayProps {\n  voice: VoiceDictationApi;\n}\n\nexport function VoiceRecordingOverlay({ voice }: VoiceRecordingOverlayProps) {\n  const { state, amplitude, durationMs, errorMessage, cancel } = voice;\n  const { dismissError, start } = voice;\n\n  if (state === \"error\" && errorMessage) {\n    return (\n      <div\n        role=\"alert\"\n        className=\"mx-2 mt-1 flex items-start gap-2 rounded-md border border-red-500/40 bg-red-500/10 px-2 py-1.5 text-[11px] text-red-500\"\n      >\n        <span className=\"flex-1 min-w-0\">{errorMessage}</span>\n        <Tooltip>\n          <TooltipTrigger asChild>\n            <button\n              type=\"button\"\n              onClick={() => {\n                dismissError();\n                void start();\n              }}\n              className=\"shrink-0 cursor-pointer rounded px-1.5 py-0.5 text-[11px] font-medium text-red-500 hover:bg-red-500/20\"\n              aria-label=\"Try again\"\n            >\n              Try again\n            </button>\n          </TooltipTrigger>\n          <TooltipContent>Try again</TooltipContent>\n        </Tooltip>\n        <Tooltip>\n          <TooltipTrigger asChild>\n            <button\n              type=\"button\"\n              onClick={dismissError}\n              className=\"shrink-0 flex h-4 w-4 cursor-pointer items-center justify-center rounded text-red-500 hover:bg-red-500/20\"\n              aria-label=\"Dismiss\"\n            >\n              <IconX className=\"h-3 w-3\" />\n            </button>\n          </TooltipTrigger>\n          <TooltipContent>Dismiss</TooltipContent>\n        </Tooltip>\n      </div>\n    );\n  }\n\n  if (state !== \"recording\" && state !== \"starting\" && state !== \"transcribing\")\n    return null;\n\n  return (\n    <div\n      className=\"flex items-center gap-2 mx-2 mt-2 mb-1 h-[2rem] rounded-md border border-[#00B5FF]/40 bg-[#00B5FF]/10 px-2\"\n      aria-live=\"polite\"\n    >\n      <Tooltip>\n        <TooltipTrigger asChild>\n          <button\n            type=\"button\"\n            onClick={cancel}\n            className=\"shrink-0 flex h-5 w-5 items-center justify-center rounded text-muted-foreground hover:text-foreground hover:bg-accent/40\"\n            aria-label=\"Cancel recording\"\n          >\n            <IconX className=\"h-3 w-3\" />\n          </button>\n        </TooltipTrigger>\n        <TooltipContent>Cancel (Esc)</TooltipContent>\n      </Tooltip>\n\n      <div className=\"flex-1 flex items-center gap-[2px] min-w-0 h-4\">\n        {state === \"transcribing\" ? (\n          <span className=\"text-[11px] text-muted-foreground\">\n            Transcribing…\n          </span>\n        ) : (\n          <AmplitudeBars amplitude={amplitude} />\n        )}\n      </div>\n\n      <span className=\"shrink-0 text-[11px] font-medium tabular-nums text-muted-foreground\">\n        {state === \"transcribing\" ? (\n          <IconLoader2 className=\"h-3 w-3 animate-spin\" />\n        ) : (\n          formatDuration(durationMs)\n        )}\n      </span>\n    </div>\n  );\n}\n\nconst BAR_COUNT = 24;\n\nfunction AmplitudeBars({ amplitude }: { amplitude: number }) {\n  // Render a symmetric meter — the middle bars peak first so the visual\n  // matches what voice input looks like in Lovable / iOS dictation.\n  const bars = [];\n  for (let i = 0; i < BAR_COUNT; i++) {\n    const centerDistance =\n      Math.abs(i - (BAR_COUNT - 1) / 2) / ((BAR_COUNT - 1) / 2);\n    const heightPct =\n      Math.max(0.1, amplitude * (1 - centerDistance * 0.6)) * 100;\n    bars.push(\n      <span\n        key={i}\n        className=\"flex-1 rounded-full bg-[#00B5FF]\"\n        style={{ height: `${heightPct}%`, minHeight: 2 }}\n      />,\n    );\n  }\n  return <>{bars}</>;\n}\n\nfunction formatDuration(ms: number): string {\n  const total = Math.floor(ms / 1000);\n  const m = Math.floor(total / 60);\n  const s = total % 60;\n  return `${m}:${s.toString().padStart(2, \"0\")}`;\n}\n"]}

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

@@ -1,6 +1,7 @@
 import { type ReactNode } from "react";
 import { type RealtimeVoiceAudioLevelStore } from "./realtime-voice-audio-level.js";
 import { type RealtimeVoiceModeCopy, type RealtimeVoiceModeState } from "./RealtimeVoiceMode.js";
+export declare const REALTIME_VOICE_AUDIO_CONSTRAINTS: MediaTrackConstraints;
 type RealtimeServerEvent = Record<string, unknown> & {
     type?: string;
 };
@@ -36,6 +37,8 @@ export interface RealtimeVoiceModeProviderProps {
     children: ReactNode;
     browserTabId?: string;
 }
+export declare function isRealtimeVoiceAbortError(error: unknown): boolean;
+export declare function createRealtimeVoiceConnectionTimeout(onTimeout: () => void, timeoutMs?: number): () => void;
 export declare function createRealtimeVoiceSession(offerSdp: string, options?: {
     browserTabId?: string;
     signal?: AbortSignal;
@@ -53,6 +56,8 @@ export declare function extractRealtimeVoiceFunctionCalls(event: RealtimeServerE
     callId: string;
     argumentsText: string;
 }>;
+export declare function endRealtimeVoiceBeforeNavigation(end: () => void, navigate: () => void): void;
+export declare function listenForRealtimeVoicePageHide(cleanup: () => void): () => void;
 export declare function useRealtimeVoiceModeCopy(): RealtimeVoiceModeCopy;
 export declare function RealtimeVoiceModeProvider({ children, browserTabId, }: RealtimeVoiceModeProviderProps): import("react").JSX.Element;
 /**

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

@@ -1 +1 @@
-{"version":3,"file":"useRealtimeVoiceMode.d.ts","sourceRoot":"","sources":["../../../src/client/composer/useRealtimeVoiceMode.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"useRealtimeVoiceMode.d.ts","sourceRoot":"","sources":["../../../src/client/composer/useRealtimeVoiceMode.tsx"],"names":[],"mappings":"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"}

package/dist/client/composer/useRealtimeVoiceMode.js

@@ -3,7 +3,7 @@ import { createContext, useCallback, useContext, useEffect, useMemo, useRef, use
 import { createPortal } from "react-dom";
 import { requestAgentChatThreadOpen } from "../agent-chat.js";
 import { SIDEBAR_STATE_CHANGE_EVENT, } from "../agent-sidebar-state.js";
-import { agentNativePath } from "../api-path.js";
+import { agentNativePath, appPath } from "../api-path.js";
 import { readClientAppState, setClientAppState } from "../application-state.js";
 import { getBrowserTabId } from "../browser-tab-id.js";
 import { useT } from "../i18n.js";
@@ -14,6 +14,16 @@ const REALTIME_VOICE_STATE_KEY = "realtime-voice-session";
 const REALTIME_VOICE_REQUEST_SOURCE = "realtime-voice";
 const REALTIME_VOICE_SESSION_PATH = "/_agent-native/realtime-voice/session";
 const REALTIME_VOICE_TOOL_PATH = "/_agent-native/realtime-voice/tool";
+const REALTIME_VOICE_CONNECTION_TIMEOUT_MS = 15_000;
+export const REALTIME_VOICE_AUDIO_CONSTRAINTS = {
+    // Prefer the browser/OS-selected input instead of whichever physical device
+    // happens to be enumerated first. `ideal` keeps browsers without the
+    // synthetic `default` device from failing with OverconstrainedError.
+    deviceId: { ideal: "default" },
+    echoCancellation: true,
+    noiseSuppression: true,
+    autoGainControl: true,
+};
 /**
  * Voice mode owns the chat only temporarily. Restore the captured transcript
  * when it is still the user's active thread (or the chat has no active thread)
@@ -41,6 +51,15 @@ export function extractCompletedRealtimeVoiceTranscript(event) {
 function errorMessage(error) {
     return error instanceof Error ? error.message : String(error);
 }
+export function isRealtimeVoiceAbortError(error) {
+    return Boolean(error &&
+        typeof error === "object" &&
+        error.name === "AbortError");
+}
+export function createRealtimeVoiceConnectionTimeout(onTimeout, timeoutMs = REALTIME_VOICE_CONNECTION_TIMEOUT_MS) {
+    const timeout = window.setTimeout(onTimeout, timeoutMs);
+    return () => window.clearTimeout(timeout);
+}
 async function readErrorResponse(response) {
     const raw = await response.text().catch(() => "");
     if (!raw)
@@ -160,6 +179,19 @@ function openOpenAiKeySettings() {
         detail: { section: "secrets" },
     }));
 }
+function openMicrophoneSettings() {
+    if (typeof window === "undefined")
+        return;
+    window.location.assign(`${appPath("/settings")}#voice`);
+}
+export function endRealtimeVoiceBeforeNavigation(end, navigate) {
+    end();
+    window.setTimeout(navigate, 0);
+}
+export function listenForRealtimeVoicePageHide(cleanup) {
+    window.addEventListener("pagehide", cleanup);
+    return () => window.removeEventListener("pagehide", cleanup);
+}
 function voiceCopy(t) {
     return {
         entryButtonLabel: t("agentPanel.voiceMode.entryButtonLabel"),
@@ -175,6 +207,7 @@ function voiceCopy(t) {
         showChat: t("agentPanel.voiceMode.showChat"),
         hideChat: t("agentPanel.voiceMode.hideChat"),
         endVoiceMode: t("agentPanel.voiceMode.end"),
+        microphoneSettings: t("agentPanel.voiceMode.microphoneSettings"),
         status: {
             connecting: t("agentPanel.voiceMode.status.connecting"),
             listening: t("agentPanel.voiceMode.status.listening"),
@@ -217,6 +250,7 @@ function useRealtimeVoiceModeController(browserTabId, copy) {
     const meterFrameRef = useRef(null);
     const lastMeterSampleRef = useRef(0);
     const abortRef = useRef(null);
+    const cancelConnectionTimeoutRef = useRef(null);
     const handledCallsRef = useRef(new Set());
     const sessionIdRef = useRef(undefined);
     const startedAtRef = useRef(undefined);
@@ -309,6 +343,8 @@ function useRealtimeVoiceModeController(browserTabId, copy) {
         }
     }, [startMeterLoop]);
     const cleanupTransport = useCallback(() => {
+        cancelConnectionTimeoutRef.current?.();
+        cancelConnectionTimeoutRef.current = null;
         abortRef.current?.abort();
         abortRef.current = null;
         channelRef.current?.close();
@@ -498,14 +534,29 @@ function useRealtimeVoiceModeController(browserTabId, copy) {
         window.dispatchEvent(new Event("agent-panel:close"));
         const abortController = new AbortController();
         abortRef.current = abortController;
+        const isCurrentAttempt = () => abortRef.current === abortController && !abortController.signal.aborted;
+        const markConnected = () => {
+            if (!isCurrentAttempt())
+                return;
+            cancelConnectionTimeoutRef.current?.();
+            cancelConnectionTimeoutRef.current = null;
+            transition("listening");
+        };
+        cancelConnectionTimeoutRef.current = createRealtimeVoiceConnectionTimeout(() => {
+            if (!isCurrentAttempt())
+                return;
+            fail(copy?.errors.connectionFailed ??
+                "The realtime voice connection timed out.");
+        });
         try {
             const stream = await navigator.mediaDevices.getUserMedia({
-                audio: {
-                    echoCancellation: true,
-                    noiseSuppression: true,
-                    autoGainControl: true,
-                },
+                audio: REALTIME_VOICE_AUDIO_CONSTRAINTS,
             });
+            if (!isCurrentAttempt()) {
+                for (const track of stream.getTracks())
+                    track.stop();
+                return;
+            }
             streamRef.current = stream;
             attachAudioMeter(stream, "input");
             const peer = new RTCPeerConnection();
@@ -525,8 +576,10 @@ function useRealtimeVoiceModeController(browserTabId, copy) {
             };
             const channel = peer.createDataChannel("oai-events");
             channelRef.current = channel;
-            channel.onopen = () => transition("listening");
+            channel.onopen = markConnected;
             channel.onmessage = (messageEvent) => {
+                if (!isCurrentAttempt())
+                    return;
                 try {
                     handleServerEvent(JSON.parse(String(messageEvent.data)));
                 }
@@ -534,18 +587,28 @@ function useRealtimeVoiceModeController(browserTabId, copy) {
                     // Ignore malformed provider events without ending a healthy call.
                 }
             };
-            channel.onerror = () => fail(copy?.errors.channelDisconnected ??
-                "The realtime voice control channel disconnected.");
+            channel.onerror = () => {
+                if (!isCurrentAttempt())
+                    return;
+                fail(copy?.errors.channelDisconnected ??
+                    "The realtime voice control channel disconnected.");
+            };
             peer.onconnectionstatechange = () => {
+                if (!isCurrentAttempt())
+                    return;
                 if (peer.connectionState === "connected")
-                    transition("listening");
+                    markConnected();
                 if (peer.connectionState === "failed") {
                     fail(copy?.errors.connectionFailed ??
                         "The realtime voice connection failed.");
                 }
             };
             const offer = await peer.createOffer();
+            if (!isCurrentAttempt())
+                return;
             await peer.setLocalDescription(offer);
+            if (!isCurrentAttempt())
+                return;
             if (!offer.sdp) {
                 throw new Error(copy?.errors.offerFailed ??
                     "The browser did not create an audio offer.");
@@ -554,9 +617,19 @@ function useRealtimeVoiceModeController(browserTabId, copy) {
                 browserTabId,
                 signal: abortController.signal,
             });
+            if (!isCurrentAttempt())
+                return;
             await peer.setRemoteDescription({ type: "answer", sdp: answerSdp });
         }
         catch (startError) {
+            // Ending a connection aborts the SDP request by design. A superseded
+            // attempt must never resurrect the dock or surface that cancellation as
+            // an error after cleanup.
+            if (isRealtimeVoiceAbortError(startError) ||
+                abortController.signal.aborted ||
+                abortRef.current !== abortController) {
+                return;
+            }
             const status = startError?.status;
             fail(errorMessage(startError), { openKeySettings: status === 400 });
         }
@@ -609,7 +682,13 @@ function useRealtimeVoiceModeController(browserTabId, copy) {
         window.addEventListener(SIDEBAR_STATE_CHANGE_EVENT, onSidebarState);
         return () => window.removeEventListener(SIDEBAR_STATE_CHANGE_EVENT, onSidebarState);
     }, []);
-    useEffect(() => cleanupTransport, [cleanupTransport]);
+    useEffect(() => {
+        const stopListening = listenForRealtimeVoicePageHide(cleanupTransport);
+        return () => {
+            stopListening();
+            cleanupTransport();
+        };
+    }, [cleanupTransport]);
     return {
         state,
         active: state !== "idle",
@@ -627,7 +706,7 @@ export function RealtimeVoiceModeProvider({ children, browserTabId, }) {
     const copy = useRealtimeVoiceModeCopy();
     const voice = useRealtimeVoiceModeController(resolvedBrowserTabId, copy);
     return (_jsxs(RealtimeVoiceModeContext.Provider, { value: voice, children: [children, voice.active && typeof document !== "undefined"
-                ? createPortal(_jsx(RealtimeVoiceModeDock, { state: voice.state === "idle" ? "ending" : voice.state, copy: copy, chatVisible: voice.chatVisible, audioLevels: voice.audioLevels, onToggleChat: voice.toggleChat, onEndVoiceMode: voice.end, errorMessage: voice.errorMessage }), document.body)
+                ? createPortal(_jsx(RealtimeVoiceModeDock, { state: voice.state === "idle" ? "ending" : voice.state, copy: copy, chatVisible: voice.chatVisible, audioLevels: voice.audioLevels, onToggleChat: voice.toggleChat, onEndVoiceMode: voice.end, onOpenMicrophoneSettings: () => endRealtimeVoiceBeforeNavigation(voice.end, openMicrophoneSettings), errorMessage: voice.errorMessage }), document.body)
                 : null] }));
 }
 /**