@epicbagel/saas-kit 1.11.0 → 1.11.1

package/dist/{chunk-UOVA4YKW.js → chunk-KF4X37DP.js}

@@ -33,8 +33,7 @@ var DEFAULT_LABELS = {
   retry: "Retry voice chat",
   endShort: "End voice",
   muteShort: "Mute",
-  unmuteShort: "Unmute",
-  transcriptPlaceholder: "Speak to continue the conversation."
+  unmuteShort: "Unmute"
 };
 function VoiceSessionControls({
   state,
@@ -44,7 +43,6 @@ function VoiceSessionControls({
   onMutedChange,
   disabled = false,
   error,
-  transcript,
   volumeBands,
   audioLevels,
   labels,
@@ -79,18 +77,7 @@ function VoiceSessionControls({
                 volumeBands: muted && state === "listening" ? SILENCE : volumeBands ?? liveBands
               }
             ),
-            /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1 space-y-1", children: [
-              /* @__PURE__ */ jsx("span", { role: "status", className: "block text-sm font-medium text-primary", children: muted && state === "listening" ? copy.muted : copy[state] }),
-              /* @__PURE__ */ jsx(
-                "p",
-                {
-                  "data-slot": "voice-session-transcript",
-                  title: transcript || void 0,
-                  className: cn("truncate text-sm font-normal", transcript ? "text-foreground" : "text-muted-foreground"),
-                  children: transcript || copy.transcriptPlaceholder
-                }
-              )
-            ] })
+            /* @__PURE__ */ jsx("span", { role: "status", className: "min-w-0 flex-1 text-sm font-medium text-primary", children: muted && state === "listening" ? copy.muted : copy[state] })
           ] }),
           /* @__PURE__ */ jsxs("div", { className: "ml-auto flex shrink-0 items-center gap-2", children: [
             /* @__PURE__ */ jsxs(

package/dist/{chunk-7QTFYEPE.cjs → chunk-YMI3X2YL.cjs}

@@ -33,8 +33,7 @@ var DEFAULT_LABELS = {
   retry: "Retry voice chat",
   endShort: "End voice",
   muteShort: "Mute",
-  unmuteShort: "Unmute",
-  transcriptPlaceholder: "Speak to continue the conversation."
+  unmuteShort: "Unmute"
 };
 function VoiceSessionControls({
   state,
@@ -44,7 +43,6 @@ function VoiceSessionControls({
   onMutedChange,
   disabled = false,
   error,
-  transcript,
   volumeBands,
   audioLevels,
   labels,
@@ -79,18 +77,7 @@ function VoiceSessionControls({
                 volumeBands: muted && state === "listening" ? SILENCE : _nullishCoalesce(volumeBands, () => ( liveBands))
               }
             ),
-            /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "min-w-0 flex-1 space-y-1", children: [
-              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { role: "status", className: "block text-sm font-medium text-primary", children: muted && state === "listening" ? copy.muted : copy[state] }),
-              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                "p",
-                {
-                  "data-slot": "voice-session-transcript",
-                  title: transcript || void 0,
-                  className: _chunkKWLSBTB2cjs.cn.call(void 0, "truncate text-sm font-normal", transcript ? "text-foreground" : "text-muted-foreground"),
-                  children: transcript || copy.transcriptPlaceholder
-                }
-              )
-            ] })
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { role: "status", className: "min-w-0 flex-1 text-sm font-medium text-primary", children: muted && state === "listening" ? copy.muted : copy[state] })
           ] }),
           /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "ml-auto flex shrink-0 items-center gap-2", children: [
             /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 

package/dist/primitives/chat.cjs

@@ -2,7 +2,7 @@
 "use client";
 
 
-var _chunk7QTFYEPEcjs = require('../chunk-7QTFYEPE.cjs');
+var _chunkYMI3X2YLcjs = require('../chunk-YMI3X2YL.cjs');
 
 
 
@@ -10,7 +10,7 @@ var _chunk7QTFYEPEcjs = require('../chunk-7QTFYEPE.cjs');
 var _chunk2BTDBZYNcjs = require('../chunk-2BTDBZYN.cjs');
 
 
-var _chunkKQBXAQAYcjs = require('../chunk-KQBXAQAY.cjs');
+var _chunkD47AMKT4cjs = require('../chunk-D47AMKT4.cjs');
 
 
 
@@ -465,7 +465,7 @@ function ChatInput({
                 className
               ),
               children: [
-                liveVoiceActive && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7LDJAXRXcjs.InputGroupAddon, { align: "block-start", className: "w-full cursor-default border-b border-border p-0 [.border-b]:pb-0", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7QTFYEPEcjs.VoiceSessionControls, { ...voiceSession }) }),
+                liveVoiceActive && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7LDJAXRXcjs.InputGroupAddon, { align: "block-start", className: "w-full cursor-default border-b border-border p-0 [.border-b]:pb-0", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYMI3X2YLcjs.VoiceSessionControls, { ...voiceSession }) }),
                 attachments.length > 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
                   ChatAttachmentList,
                   {
@@ -541,7 +541,7 @@ function ChatInput({
                       ) : null,
                       (!helperText || compact) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex-1" }),
                       voice && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                        _chunkKQBXAQAYcjs.VoiceDictationButton,
+                        _chunkD47AMKT4cjs.VoiceDictationButton,
                         {
                           size: "icon",
                           title: voiceTitle,
@@ -555,7 +555,7 @@ function ChatInput({
                           )
                         }
                       ),
-                      voiceSession && !liveVoiceActive && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7QTFYEPEcjs.VoiceSessionControls, { ...voiceSession, disabled: voiceSession.disabled || isDisabled }),
+                      voiceSession && !liveVoiceActive && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYMI3X2YLcjs.VoiceSessionControls, { ...voiceSession, disabled: voiceSession.disabled || isDisabled }),
                       submitLabel ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
                         _chunkJDEXZGIYcjs.Button,
                         {
@@ -614,9 +614,9 @@ function VoiceHero({
 }) {
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col items-center gap-5 py-6", children: [
     voiceSession ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7QTFYEPEcjs.VoiceSessionControls, { ...voiceSession, size: "hero" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYMI3X2YLcjs.VoiceSessionControls, { ...voiceSession, size: "hero" }),
       voice && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkKQBXAQAYcjs.VoiceDictationButton,
+        _chunkD47AMKT4cjs.VoiceDictationButton,
         {
           size: "icon",
           title: voiceTitle,
@@ -626,7 +626,7 @@ function VoiceHero({
         }
       )
     ] }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkKQBXAQAYcjs.VoiceDictationButton,
+      _chunkD47AMKT4cjs.VoiceDictationButton,
       {
         size: "lg",
         title: voiceTitle,

package/dist/primitives/chat.js

@@ -2,7 +2,7 @@
 "use client";
 import {
   VoiceSessionControls
-} from "../chunk-UOVA4YKW.js";
+} from "../chunk-KF4X37DP.js";
 import {
   Trace,
   TraceLine,
@@ -10,7 +10,7 @@ import {
 } from "../chunk-Z45YKVAM.js";
 import {
   VoiceDictationButton
-} from "../chunk-T3XMHWYV.js";
+} from "../chunk-EDEN7TAL.js";
 import {
   Suggestion,
   Suggestions

package/dist/primitives/voice-dictation-button.cjs

@@ -2,7 +2,7 @@
 "use client";
 
 
-var _chunkKQBXAQAYcjs = require('../chunk-KQBXAQAY.cjs');
+var _chunkD47AMKT4cjs = require('../chunk-D47AMKT4.cjs');
 require('../chunk-NKWHDI4C.cjs');
 require('../chunk-JDEXZGIY.cjs');
 require('../chunk-KWLSBTB2.cjs');
@@ -10,4 +10,4 @@ require('../chunk-2BSFYU22.cjs');
 require('../chunk-ZZ7ICQR2.cjs');
 
 
-exports.VoiceDictationButton = _chunkKQBXAQAYcjs.VoiceDictationButton;
+exports.VoiceDictationButton = _chunkD47AMKT4cjs.VoiceDictationButton;

package/dist/primitives/voice-dictation-button.d.cts

@@ -1,12 +1,12 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { ReactNode } from 'react';
+import { ReactNode, RefObject } from 'react';
 
 interface VoiceDictationButtonProps {
     /** Fired when the user taps "Done" with the captured transcript. */
     onCommit: (text: string) => void;
     /** Fired if the user closes the overlay without committing. */
     onCancel?: () => void;
-    /** Title shown in the compact recorder. */
+    /** Title shown in the recorder. */
     title?: ReactNode;
     /** Recording status label. Defaults to "Recording". */
     caption?: string;
@@ -26,12 +26,14 @@ interface VoiceDictationButtonProps {
     disabled?: boolean;
     visibility?: "visible" | "hidden";
     shrink?: boolean;
+    /** Visible desktop anchor for a custom/programmatic trigger. Hidden anchors are ignored. */
+    anchorRef?: RefObject<HTMLElement | null>;
 }
 /**
- * Opens a compact portaled recorder. A fixed panel also works when its
- * trigger is hidden or sits inside another dialog. Done finishes the take
- * and commits its transcript once; Cancel discards it.
+ * Opens beside the invoking control on desktop and fills the screen on
+ * mobile, or when no visible anchor exists. Placement changes keep the same
+ * recording alive. Done commits its transcript once; Cancel discards it.
  */
-declare function VoiceDictationButton({ onCommit, onCancel, title, caption, lang, continuous, className, size, showLabel, children, disabled, visibility, shrink, }: VoiceDictationButtonProps): react_jsx_runtime.JSX.Element | null;
+declare function VoiceDictationButton({ onCommit, onCancel, title, caption, lang, continuous, className, size, showLabel, children, disabled, visibility, shrink, anchorRef, }: VoiceDictationButtonProps): react_jsx_runtime.JSX.Element | null;
 
 export { VoiceDictationButton, type VoiceDictationButtonProps };

package/dist/primitives/voice-dictation-button.d.ts

@@ -1,12 +1,12 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { ReactNode } from 'react';
+import { ReactNode, RefObject } from 'react';
 
 interface VoiceDictationButtonProps {
     /** Fired when the user taps "Done" with the captured transcript. */
     onCommit: (text: string) => void;
     /** Fired if the user closes the overlay without committing. */
     onCancel?: () => void;
-    /** Title shown in the compact recorder. */
+    /** Title shown in the recorder. */
     title?: ReactNode;
     /** Recording status label. Defaults to "Recording". */
     caption?: string;
@@ -26,12 +26,14 @@ interface VoiceDictationButtonProps {
     disabled?: boolean;
     visibility?: "visible" | "hidden";
     shrink?: boolean;
+    /** Visible desktop anchor for a custom/programmatic trigger. Hidden anchors are ignored. */
+    anchorRef?: RefObject<HTMLElement | null>;
 }
 /**
- * Opens a compact portaled recorder. A fixed panel also works when its
- * trigger is hidden or sits inside another dialog. Done finishes the take
- * and commits its transcript once; Cancel discards it.
+ * Opens beside the invoking control on desktop and fills the screen on
+ * mobile, or when no visible anchor exists. Placement changes keep the same
+ * recording alive. Done commits its transcript once; Cancel discards it.
  */
-declare function VoiceDictationButton({ onCommit, onCancel, title, caption, lang, continuous, className, size, showLabel, children, disabled, visibility, shrink, }: VoiceDictationButtonProps): react_jsx_runtime.JSX.Element | null;
+declare function VoiceDictationButton({ onCommit, onCancel, title, caption, lang, continuous, className, size, showLabel, children, disabled, visibility, shrink, anchorRef, }: VoiceDictationButtonProps): react_jsx_runtime.JSX.Element | null;
 
 export { VoiceDictationButton, type VoiceDictationButtonProps };

package/dist/primitives/voice-dictation-button.js

@@ -2,7 +2,7 @@
 "use client";
 import {
   VoiceDictationButton
-} from "../chunk-T3XMHWYV.js";
+} from "../chunk-EDEN7TAL.js";
 import "../chunk-5OF6D3GH.js";
 import "../chunk-W326GKML.js";
 import "../chunk-G6SRSWXB.js";

package/dist/primitives/voice-session-controls.cjs

@@ -2,11 +2,11 @@
 "use client";
 
 
-var _chunk7QTFYEPEcjs = require('../chunk-7QTFYEPE.cjs');
+var _chunkYMI3X2YLcjs = require('../chunk-YMI3X2YL.cjs');
 require('../chunk-NKWHDI4C.cjs');
 require('../chunk-JDEXZGIY.cjs');
 require('../chunk-KWLSBTB2.cjs');
 require('../chunk-2BSFYU22.cjs');
 
 
-exports.VoiceSessionControls = _chunk7QTFYEPEcjs.VoiceSessionControls;
+exports.VoiceSessionControls = _chunkYMI3X2YLcjs.VoiceSessionControls;

package/dist/primitives/voice-session-controls.d.cts

@@ -15,7 +15,7 @@ interface VoiceSessionControlsProps {
     /** Prevent starting a new session; ending an active session stays available. */
     disabled?: boolean;
     error?: string | null;
-    /** The latest user utterance supplied by the host; never submits a message. */
+    /** @deprecated Render transcripts in the conversation thread. Ignored by the controls. */
     transcript?: string;
     /** Audio levels supplied by the host; no media connection is created by the kit. */
     volumeBands?: number[];
@@ -26,6 +26,6 @@ interface VoiceSessionControlsProps {
     className?: string;
 }
 /** Transport-independent voice controls. The conversation stays visible while speaking. */
-declare function VoiceSessionControls({ state, onStart, onEnd, muted, onMutedChange, disabled, error, transcript, volumeBands, audioLevels, labels, size, className, }: VoiceSessionControlsProps): react_jsx_runtime.JSX.Element;
+declare function VoiceSessionControls({ state, onStart, onEnd, muted, onMutedChange, disabled, error, volumeBands, audioLevels, labels, size, className, }: VoiceSessionControlsProps): react_jsx_runtime.JSX.Element;
 
 export { type VoiceAudioLevelsSource, VoiceSessionControls, type VoiceSessionControlsProps, type VoiceSessionState };

package/dist/primitives/voice-session-controls.d.ts

@@ -15,7 +15,7 @@ interface VoiceSessionControlsProps {
     /** Prevent starting a new session; ending an active session stays available. */
     disabled?: boolean;
     error?: string | null;
-    /** The latest user utterance supplied by the host; never submits a message. */
+    /** @deprecated Render transcripts in the conversation thread. Ignored by the controls. */
     transcript?: string;
     /** Audio levels supplied by the host; no media connection is created by the kit. */
     volumeBands?: number[];
@@ -26,6 +26,6 @@ interface VoiceSessionControlsProps {
     className?: string;
 }
 /** Transport-independent voice controls. The conversation stays visible while speaking. */
-declare function VoiceSessionControls({ state, onStart, onEnd, muted, onMutedChange, disabled, error, transcript, volumeBands, audioLevels, labels, size, className, }: VoiceSessionControlsProps): react_jsx_runtime.JSX.Element;
+declare function VoiceSessionControls({ state, onStart, onEnd, muted, onMutedChange, disabled, error, volumeBands, audioLevels, labels, size, className, }: VoiceSessionControlsProps): react_jsx_runtime.JSX.Element;
 
 export { type VoiceAudioLevelsSource, VoiceSessionControls, type VoiceSessionControlsProps, type VoiceSessionState };

package/dist/primitives/voice-session-controls.js

@@ -2,7 +2,7 @@
 "use client";
 import {
   VoiceSessionControls
-} from "../chunk-UOVA4YKW.js";
+} from "../chunk-KF4X37DP.js";
 import "../chunk-5OF6D3GH.js";
 import "../chunk-W326GKML.js";
 import "../chunk-G6SRSWXB.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@epicbagel/saas-kit",
-  "version": "1.11.0",
+  "version": "1.11.1",
   "description": "Accessible React primitives, layout components and design tokens for SaaS apps, built on Radix UI and Tailwind CSS v4.",
   "license": "MIT",
   "keywords": [

package/dist/chunk-KQBXAQAY.cjs

@@ -1,221 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }"use client";
-
-
-var _chunkNKWHDI4Ccjs = require('./chunk-NKWHDI4C.cjs');
-
-
-var _chunkJDEXZGIYcjs = require('./chunk-JDEXZGIY.cjs');
-
-
-var _chunkKWLSBTB2cjs = require('./chunk-KWLSBTB2.cjs');
-
-
-var _chunkZZ7ICQR2cjs = require('./chunk-ZZ7ICQR2.cjs');
-
-// src/primitives/voice-dictation-button.tsx
-
-
-
-
-
-
-var _react = require('react');
-var _reactdialog = require('@radix-ui/react-dialog'); var DialogPrimitive = _interopRequireWildcard(_reactdialog);
-var _lucidereact = require('lucide-react');
-var _jsxruntime = require('react/jsx-runtime');
-function VoiceDictationButton({
-  onCommit,
-  onCancel,
-  title = "Dictate your message",
-  caption = "Recording",
-  lang = "en-US",
-  continuous = true,
-  className,
-  size = "sm",
-  showLabel = false,
-  children,
-  disabled = false,
-  visibility = "visible",
-  shrink = true
-}) {
-  const [open, setOpen] = _react.useState.call(void 0, false);
-  const capture = _chunkZZ7ICQR2cjs.useDictation.call(void 0, { lang, continuous });
-  const { transcript, interimTranscript: interim, supported, error } = capture;
-  const generation = _react.useRef.call(void 0, 0);
-  const finishing = _react.useRef.call(void 0, false);
-  const previousFocus = _react.useRef.call(void 0, null);
-  const elapsed = useRecordingTime(capture.state);
-  const busy = capture.state === "requesting" || capture.state === "transcribing";
-  const openOverlay = _react.useCallback.call(void 0, () => {
-    previousFocus.current = document.activeElement instanceof HTMLElement ? document.activeElement : null;
-    generation.current++;
-    finishing.current = false;
-    setOpen(true);
-    void capture.start();
-  }, [capture.start]);
-  const closeOverlay = _react.useCallback.call(void 0, () => {
-    generation.current++;
-    finishing.current = false;
-    capture.cancel();
-    setOpen(false);
-  }, [capture.cancel]);
-  const handleDone = _react.useCallback.call(void 0, async () => {
-    if (finishing.current || busy) return;
-    if (capture.state === "error" && !capture.canRetry) {
-      void capture.start();
-      return;
-    }
-    finishing.current = true;
-    const started = generation.current;
-    const final = await (capture.canRetry ? capture.retry() : capture.stop());
-    if (started !== generation.current) return;
-    finishing.current = false;
-    if (final === null) return;
-    closeOverlay();
-    if (final) onCommit(final);
-    else _optionalChain([onCancel, 'optionalCall', _ => _()]);
-  }, [busy, capture.canRetry, capture.retry, capture.start, capture.state, capture.stop, onCommit, onCancel, closeOverlay]);
-  const handleCancel = _react.useCallback.call(void 0, () => {
-    closeOverlay();
-    _optionalChain([onCancel, 'optionalCall', _2 => _2()]);
-  }, [closeOverlay, onCancel]);
-  _react.useEffect.call(void 0, () => {
-    if (open && capture.state === "idle") handleCancel();
-  }, [capture.state, handleCancel, open]);
-  _react.useEffect.call(void 0, () => {
-    return () => {
-      generation.current++;
-    };
-  }, []);
-  if (!supported) return null;
-  const displayTranscript = `${transcript}${interim ? (transcript ? " " : "") + interim : ""}`;
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-    children ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      "button",
-      {
-        type: "button",
-        onClick: openOverlay,
-        disabled,
-        "aria-label": "Start dictation",
-        className: _chunkKWLSBTB2cjs.cn.call(void 0, visibility === "hidden" && "hidden", className),
-        children
-      }
-    ) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkJDEXZGIYcjs.Button,
-      {
-        type: "button",
-        onClick: openOverlay,
-        disabled,
-        variant: "outline",
-        size,
-        "aria-label": "Start dictation",
-        className: _chunkKWLSBTB2cjs.cn.call(void 0, "transition-colors", visibility === "hidden" && "hidden", !shrink && "shrink-0", className),
-        children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "flex items-center justify-center gap-2", children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.Mic, { className: "h-4 w-4" }),
-          showLabel && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: "Speak" })
-        ] })
-      }
-    ),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      DialogPrimitive.Root,
-      {
-        open,
-        onOpenChange: (next) => {
-          if (!next) handleCancel();
-        },
-        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DialogPrimitive.Portal, { children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-          DialogPrimitive.Content,
-          {
-            "aria-label": "Voice dictation",
-            "aria-labelledby": void 0,
-            "data-slot": "voice-dictation-panel",
-            "data-state": capture.state,
-            onCloseAutoFocus: (event) => {
-              event.preventDefault();
-              if (_optionalChain([previousFocus, 'access', _3 => _3.current, 'optionalAccess', _4 => _4.isConnected])) previousFocus.current.focus();
-            },
-            onKeyDown: (event) => {
-              if (event.key === "Enter" && !event.shiftKey && !(event.target instanceof HTMLElement && event.target.closest("button, input, textarea, select"))) {
-                event.preventDefault();
-                void handleDone();
-              }
-            },
-            className: "fixed bottom-4 left-1/2 z-[200] flex max-h-[calc(100dvh-2rem)] w-[calc(100%-2rem)] max-w-sm -translate-x-1/2 flex-col gap-3 overflow-y-auto rounded-2xl border border-border bg-background p-4 text-foreground shadow-lg outline-hidden sm:bottom-6",
-            children: [
-              /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex min-w-0 items-start justify-between gap-3", children: [
-                /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "min-w-0 space-y-1", children: [
-                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DialogPrimitive.Title, { className: "text-sm font-medium", children: title || "Voice dictation" }),
-                  /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { role: "status", className: "flex items-center gap-1.5 text-xs text-muted-foreground", children: [
-                    busy ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.LoaderCircle, { "aria-hidden": "true", className: "size-3.5 animate-spin motion-reduce:animate-none" }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.Mic, { "aria-hidden": "true", className: "size-3.5" }),
-                    capture.state === "transcribing" ? "Transcribing\u2026" : capture.state === "requesting" ? "Waiting for microphone\u2026" : error ? "Recording not saved" : capture.state === "ready" ? "Ready" : caption
-                  ] })
-                ] }),
-                /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "time", { "aria-label": "Recording duration", dateTime: `PT${elapsed}S`, className: "pt-0.5 font-mono text-xs tabular-nums text-muted-foreground", children: [
-                  Math.floor(elapsed / 60).toString().padStart(2, "0"),
-                  ":",
-                  (elapsed % 60).toString().padStart(2, "0")
-                ] })
-              ] }),
-              capture.audioLevels && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DictationWaveform, { source: capture.audioLevels, state: capture.state }),
-              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DialogPrimitive.Description, { className: "text-xs text-muted-foreground", children: capture.state === "transcribing" ? "Converting your recording to text\u2026" : capture.state === "requesting" ? "Allow microphone access to start." : error ? capture.canRetry ? "Retry this take or record again." : "Check microphone access, then try again." : "Speak, then choose Done to add the text." }),
-              displayTranscript && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "p", { className: "max-h-24 overflow-y-auto text-sm leading-relaxed", children: [
-                transcript,
-                interim && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "text-muted-foreground", children: [
-                  transcript ? " " : "",
-                  interim
-                ] })
-              ] }),
-              error && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { role: "alert", className: "text-xs text-destructive", children: error }),
-              /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-wrap items-center justify-end gap-2", children: [
-                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkJDEXZGIYcjs.Button, { type: "button", variant: "ghost", size: "sm", className: "min-h-[44px]", onClick: handleCancel, children: "Cancel" }),
-                capture.canRetry && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkJDEXZGIYcjs.Button, { type: "button", variant: "outline", size: "sm", className: "min-h-[44px]", onClick: () => void capture.start(), children: "Record again" }),
-                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkJDEXZGIYcjs.Button, { type: "button", size: "sm", className: "min-h-[44px]", onClick: () => void handleDone(), disabled: busy, children: capture.state === "transcribing" ? "Transcribing\u2026" : capture.canRetry ? "Retry transcription" : error ? "Try again" : "Done" })
-              ] })
-            ]
-          }
-        ) })
-      }
-    )
-  ] });
-}
-var SILENCE = [];
-var silence = () => SILENCE;
-function DictationWaveform({ source, state }) {
-  const bands = _react.useSyncExternalStore.call(void 0, source.subscribe, source.getSnapshot, silence);
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkNKWHDI4Ccjs.AgentAudioVisualizerBar,
-    {
-      "aria-hidden": "true",
-      "data-slot": "dictation-waveform",
-      size: "icon",
-      barCount: 24,
-      state: state === "recording" ? "listening" : state === "transcribing" ? "thinking" : state === "requesting" ? "connecting" : "disconnected",
-      volumeBands: state === "recording" ? bands : void 0,
-      className: "h-9 w-full text-foreground"
-    }
-  );
-}
-function useRecordingTime(state) {
-  const [elapsed, setElapsed] = _react.useState.call(void 0, 0);
-  const startedAt = _react.useRef.call(void 0, null);
-  _react.useEffect.call(void 0, () => {
-    if (state !== "recording") {
-      if (state === "idle" || state === "requesting") setElapsed(0);
-      else if (startedAt.current !== null) setElapsed(Math.floor((performance.now() - startedAt.current) / 1e3));
-      startedAt.current = null;
-      return;
-    }
-    startedAt.current = performance.now();
-    const update = () => setElapsed(Math.floor((performance.now() - startedAt.current) / 1e3));
-    update();
-    const timer = setInterval(update, 1e3);
-    return () => {
-      clearInterval(timer);
-    };
-  }, [state]);
-  return elapsed;
-}
-
-
-
-exports.VoiceDictationButton = VoiceDictationButton;