@epicbagel/saas-kit 1.10.0 → 1.11.0

package/dist/chunk-T3XMHWYV.js

@@ -0,0 +1,221 @@
+"use client";
+import {
+  AgentAudioVisualizerBar
+} from "./chunk-5OF6D3GH.js";
+import {
+  Button
+} from "./chunk-W326GKML.js";
+import {
+  cn
+} from "./chunk-G6SRSWXB.js";
+import {
+  useDictation
+} from "./chunk-HLAHOVEI.js";
+
+// src/primitives/voice-dictation-button.tsx
+import {
+  useCallback,
+  useEffect,
+  useRef,
+  useState,
+  useSyncExternalStore
+} from "react";
+import * as DialogPrimitive from "@radix-ui/react-dialog";
+import { Mic, LoaderCircle } from "lucide-react";
+import { Fragment, jsx, jsxs } from "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] = useState(false);
+  const capture = useDictation({ lang, continuous });
+  const { transcript, interimTranscript: interim, supported, error } = capture;
+  const generation = useRef(0);
+  const finishing = useRef(false);
+  const previousFocus = useRef(null);
+  const elapsed = useRecordingTime(capture.state);
+  const busy = capture.state === "requesting" || capture.state === "transcribing";
+  const openOverlay = useCallback(() => {
+    previousFocus.current = document.activeElement instanceof HTMLElement ? document.activeElement : null;
+    generation.current++;
+    finishing.current = false;
+    setOpen(true);
+    void capture.start();
+  }, [capture.start]);
+  const closeOverlay = useCallback(() => {
+    generation.current++;
+    finishing.current = false;
+    capture.cancel();
+    setOpen(false);
+  }, [capture.cancel]);
+  const handleDone = useCallback(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 onCancel?.();
+  }, [busy, capture.canRetry, capture.retry, capture.start, capture.state, capture.stop, onCommit, onCancel, closeOverlay]);
+  const handleCancel = useCallback(() => {
+    closeOverlay();
+    onCancel?.();
+  }, [closeOverlay, onCancel]);
+  useEffect(() => {
+    if (open && capture.state === "idle") handleCancel();
+  }, [capture.state, handleCancel, open]);
+  useEffect(() => {
+    return () => {
+      generation.current++;
+    };
+  }, []);
+  if (!supported) return null;
+  const displayTranscript = `${transcript}${interim ? (transcript ? " " : "") + interim : ""}`;
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    children ? /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        onClick: openOverlay,
+        disabled,
+        "aria-label": "Start dictation",
+        className: cn(visibility === "hidden" && "hidden", className),
+        children
+      }
+    ) : /* @__PURE__ */ jsx(
+      Button,
+      {
+        type: "button",
+        onClick: openOverlay,
+        disabled,
+        variant: "outline",
+        size,
+        "aria-label": "Start dictation",
+        className: cn("transition-colors", visibility === "hidden" && "hidden", !shrink && "shrink-0", className),
+        children: /* @__PURE__ */ jsxs("span", { className: "flex items-center justify-center gap-2", children: [
+          /* @__PURE__ */ jsx(Mic, { className: "h-4 w-4" }),
+          showLabel && /* @__PURE__ */ jsx("span", { children: "Speak" })
+        ] })
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      DialogPrimitive.Root,
+      {
+        open,
+        onOpenChange: (next) => {
+          if (!next) handleCancel();
+        },
+        children: /* @__PURE__ */ jsx(DialogPrimitive.Portal, { children: /* @__PURE__ */ jsxs(
+          DialogPrimitive.Content,
+          {
+            "aria-label": "Voice dictation",
+            "aria-labelledby": void 0,
+            "data-slot": "voice-dictation-panel",
+            "data-state": capture.state,
+            onCloseAutoFocus: (event) => {
+              event.preventDefault();
+              if (previousFocus.current?.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__ */ jsxs("div", { className: "flex min-w-0 items-start justify-between gap-3", children: [
+                /* @__PURE__ */ jsxs("div", { className: "min-w-0 space-y-1", children: [
+                  /* @__PURE__ */ jsx(DialogPrimitive.Title, { className: "text-sm font-medium", children: title || "Voice dictation" }),
+                  /* @__PURE__ */ jsxs("span", { role: "status", className: "flex items-center gap-1.5 text-xs text-muted-foreground", children: [
+                    busy ? /* @__PURE__ */ jsx(LoaderCircle, { "aria-hidden": "true", className: "size-3.5 animate-spin motion-reduce:animate-none" }) : /* @__PURE__ */ jsx(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__ */ jsxs("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__ */ jsx(DictationWaveform, { source: capture.audioLevels, state: capture.state }),
+              /* @__PURE__ */ jsx(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__ */ jsxs("p", { className: "max-h-24 overflow-y-auto text-sm leading-relaxed", children: [
+                transcript,
+                interim && /* @__PURE__ */ jsxs("span", { className: "text-muted-foreground", children: [
+                  transcript ? " " : "",
+                  interim
+                ] })
+              ] }),
+              error && /* @__PURE__ */ jsx("p", { role: "alert", className: "text-xs text-destructive", children: error }),
+              /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center justify-end gap-2", children: [
+                /* @__PURE__ */ jsx(Button, { type: "button", variant: "ghost", size: "sm", className: "min-h-[44px]", onClick: handleCancel, children: "Cancel" }),
+                capture.canRetry && /* @__PURE__ */ jsx(Button, { type: "button", variant: "outline", size: "sm", className: "min-h-[44px]", onClick: () => void capture.start(), children: "Record again" }),
+                /* @__PURE__ */ jsx(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 = useSyncExternalStore(source.subscribe, source.getSnapshot, silence);
+  return /* @__PURE__ */ jsx(
+    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] = useState(0);
+  const startedAt = useRef(null);
+  useEffect(() => {
+    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;
+}
+
+export {
+  VoiceDictationButton
+};

package/dist/chunk-UOVA4YKW.js

@@ -0,0 +1,153 @@
+"use client";
+import {
+  AgentAudioVisualizerBar
+} from "./chunk-5OF6D3GH.js";
+import {
+  Button
+} from "./chunk-W326GKML.js";
+import {
+  cn
+} from "./chunk-G6SRSWXB.js";
+
+// src/primitives/voice-session-controls.tsx
+import { useSyncExternalStore } from "react";
+import { Mic, MicOff, Square, AudioLines } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var SILENCE = [];
+var silence = () => SILENCE;
+var noSubscription = () => () => {
+};
+var DEFAULT_LABELS = {
+  disconnected: "Voice chat",
+  connecting: "Connecting\u2026",
+  listening: "Listening\u2026",
+  thinking: "Thinking\u2026",
+  speaking: "Speaking",
+  reconnecting: "Reconnecting\u2026",
+  error: "Voice chat unavailable",
+  start: "Start voice chat",
+  end: "End voice chat",
+  mute: "Mute microphone",
+  unmute: "Unmute microphone",
+  muted: "Microphone muted",
+  retry: "Retry voice chat",
+  endShort: "End voice",
+  muteShort: "Mute",
+  unmuteShort: "Unmute",
+  transcriptPlaceholder: "Speak to continue the conversation."
+};
+function VoiceSessionControls({
+  state,
+  onStart,
+  onEnd,
+  muted = false,
+  onMutedChange,
+  disabled = false,
+  error,
+  transcript,
+  volumeBands,
+  audioLevels,
+  labels,
+  size = "icon",
+  className
+}) {
+  const liveBands = useSyncExternalStore(audioLevels?.subscribe ?? noSubscription, audioLevels?.getSnapshot ?? silence, silence);
+  const copy = { ...DEFAULT_LABELS, ...labels };
+  const active = state !== "disconnected" && state !== "error";
+  const waiting = state === "connecting" || state === "reconnecting";
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "data-slot": "voice-session-controls",
+      "data-state": state,
+      className: cn("min-w-0", active ? "@container/voice w-full" : "flex flex-wrap items-center gap-2", className),
+      children: [
+        active ? /* @__PURE__ */ jsxs("div", { "data-slot": "voice-session-strip", className: "flex w-full flex-wrap items-center gap-4 bg-primary/5 p-4 @2xl/voice:flex-nowrap @2xl/voice:px-5", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 basis-full items-center gap-3 @2xl/voice:basis-auto @2xl/voice:gap-4", children: [
+            /* @__PURE__ */ jsx("div", { "aria-hidden": "true", className: cn(
+              "flex size-12 shrink-0 items-center justify-center rounded-full ring-8 ring-primary/5 @sm/voice:size-14",
+              muted ? "bg-muted text-muted-foreground" : "bg-primary text-primary-foreground"
+            ), children: muted ? /* @__PURE__ */ jsx(MicOff, { className: "size-5" }) : /* @__PURE__ */ jsx(Mic, { className: "size-5" }) }),
+            /* @__PURE__ */ jsx(
+              AgentAudioVisualizerBar,
+              {
+                "aria-hidden": "true",
+                size: "sm",
+                barCount: 5,
+                className: "shrink-0 text-primary [&>div]:w-1",
+                state: muted && state === "listening" ? "disconnected" : state === "reconnecting" ? "connecting" : state,
+                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__ */ jsxs("div", { className: "ml-auto flex shrink-0 items-center gap-2", children: [
+            /* @__PURE__ */ jsxs(
+              Button,
+              {
+                type: "button",
+                variant: "outline",
+                size: "sm",
+                className: "min-h-[44px] shrink-0 rounded-xl bg-background px-3 text-foreground",
+                "aria-label": muted ? copy.unmute : copy.mute,
+                title: muted ? copy.unmute : copy.mute,
+                "aria-pressed": muted,
+                disabled: waiting,
+                onClick: () => onMutedChange(!muted),
+                children: [
+                  muted ? /* @__PURE__ */ jsx(Mic, { "aria-hidden": "true" }) : /* @__PURE__ */ jsx(MicOff, { "aria-hidden": "true" }),
+                  muted ? copy.unmuteShort : copy.muteShort
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsxs(
+              Button,
+              {
+                type: "button",
+                variant: "outline",
+                size: "sm",
+                className: "min-h-[44px] shrink-0 rounded-xl bg-background px-3 text-foreground",
+                "aria-label": copy.end,
+                title: copy.end,
+                onClick: onEnd,
+                children: [
+                  /* @__PURE__ */ jsx(Square, { "aria-hidden": "true", className: "fill-current" }),
+                  copy.endShort
+                ]
+              }
+            )
+          ] })
+        ] }) : /* @__PURE__ */ jsx(
+          Button,
+          {
+            type: "button",
+            size: "icon",
+            shape: "circle",
+            disabled,
+            onClick: onStart,
+            "aria-label": state === "error" ? copy.retry : copy.start,
+            title: state === "error" ? copy.retry : copy.start,
+            className: cn("min-h-[44px] min-w-[44px] shrink-0 rounded-full", size === "hero" && "size-24 [&_svg]:size-7"),
+            children: /* @__PURE__ */ jsx(AudioLines, { "aria-hidden": "true" })
+          }
+        ),
+        state === "error" && /* @__PURE__ */ jsx("span", { role: "alert", className: "basis-full text-xs text-destructive", children: error || copy.error })
+      ]
+    }
+  );
+}
+
+export {
+  VoiceSessionControls
+};

package/dist/{chunk-O6F3LVZY.cjs → chunk-ZZ7ICQR2.cjs}

@@ -12,13 +12,101 @@ function DictationProvider({ transcribe, scopeKey, children }) {
 }
 var EMPTY = { state: "idle", transcript: "", interimTranscript: "", error: null, canRetry: false };
 var MIME_TYPES = ["audio/webm;codecs=opus", "audio/mp4", "audio/ogg;codecs=opus", "audio/webm"];
+var SILENCE = [];
+function createAudioLevels() {
+  let bands = SILENCE;
+  const listeners = /* @__PURE__ */ new Set();
+  return {
+    subscribe: (listener) => {
+      listeners.add(listener);
+      return () => {
+        listeners.delete(listener);
+      };
+    },
+    getSnapshot: () => bands,
+    update: (next) => {
+      if (next.length === bands.length && next.every((value, index) => value === bands[index])) return;
+      bands = next;
+      listeners.forEach((listener) => listener());
+    }
+  };
+}
+function meterStream(stream, levels, active) {
+  let context;
+  let source;
+  let analyser;
+  let frame;
+  let stopped = false;
+  const stop = () => {
+    if (stopped) return;
+    stopped = true;
+    if (frame !== void 0) cancelAnimationFrame(frame);
+    try {
+      _optionalChain([source, 'optionalAccess', _2 => _2.disconnect, 'call', _3 => _3()]);
+    } catch (e) {
+    }
+    try {
+      _optionalChain([analyser, 'optionalAccess', _4 => _4.disconnect, 'call', _5 => _5()]);
+    } catch (e2) {
+    }
+    try {
+      void _optionalChain([context, 'optionalAccess', _6 => _6.close, 'call', _7 => _7(), 'access', _8 => _8.catch, 'call', _9 => _9(() => {
+      })]);
+    } catch (e3) {
+    }
+    levels.update(SILENCE);
+  };
+  try {
+    const Constructor = _nullishCoalesce(window.AudioContext, () => ( window.webkitAudioContext));
+    if (!Constructor || typeof requestAnimationFrame !== "function") return stop;
+    context = new Constructor();
+    source = context.createMediaStreamSource(stream);
+    analyser = context.createAnalyser();
+    analyser.fftSize = 512;
+    analyser.smoothingTimeConstant = 0.7;
+    source.connect(analyser);
+    const bins = new Uint8Array(analyser.frequencyBinCount);
+    const binWidth = context.sampleRate / analyser.fftSize;
+    const highest = Math.min(8e3, context.sampleRate / 2);
+    let sampledAt = -Infinity;
+    const sample = (time) => {
+      if (stopped) return;
+      if (!active()) {
+        stop();
+        return;
+      }
+      try {
+        if (time - sampledAt >= 40) {
+          sampledAt = time;
+          analyser.getByteFrequencyData(bins);
+          const bands = Array.from({ length: 24 }, (_, index) => {
+            const from = Math.min(bins.length - 1, Math.floor(80 * (highest / 80) ** (index / 24) / binWidth));
+            const to = Math.min(bins.length, Math.max(from + 1, Math.ceil(80 * (highest / 80) ** ((index + 1) / 24) / binWidth)));
+            let total = 0;
+            for (let bin = from; bin < to; bin++) total += bins[bin];
+            return Math.round(total / (to - from) / 255 * 1e3) / 1e3;
+          });
+          levels.update(bands);
+        }
+        frame = requestAnimationFrame(sample);
+      } catch (e4) {
+        stop();
+      }
+    };
+    if (context.state === "suspended") void context.resume().catch(stop);
+    frame = requestAnimationFrame(sample);
+  } catch (e5) {
+    stop();
+  }
+  return stop;
+}
 function recognitionConstructor() {
   if (typeof window === "undefined") return void 0;
   const speech = window;
   return _nullishCoalesce(speech.SpeechRecognition, () => ( speech.webkitSpeechRecognition));
 }
 function microphoneError(reason) {
-  const name = _optionalChain([reason, 'optionalAccess', _ => _.name]);
+  const name = _optionalChain([reason, 'optionalAccess', _10 => _10.name]);
   if (name === "NotAllowedError" || name === "SecurityError") return "Microphone access is blocked. Allow it in your browser and try again.";
   if (name === "NotFoundError" || name === "NotReadableError") return "The microphone is unavailable. Check your microphone and try again.";
   return "Recording could not start. Check your microphone and try again.";
@@ -29,8 +117,13 @@ function recognitionError(code) {
   if (code === "no-speech") return "No speech was detected. Try again.";
   return "Speech recognition stopped. Try again.";
 }
+function releaseMeter(session) {
+  _optionalChain([session, 'access', _11 => _11.stopMeter, 'optionalCall', _12 => _12()]);
+  session.stopMeter = void 0;
+}
 function releaseTracks(session) {
-  _optionalChain([session, 'access', _2 => _2.stream, 'optionalAccess', _3 => _3.getTracks, 'call', _4 => _4(), 'access', _5 => _5.forEach, 'call', _6 => _6((track) => track.stop())]);
+  releaseMeter(session);
+  _optionalChain([session, 'access', _13 => _13.stream, 'optionalAccess', _14 => _14.getTracks, 'call', _15 => _15(), 'access', _16 => _16.forEach, 'call', _17 => _17((track) => track.stop())]);
   session.stream = void 0;
 }
 function dispose(session) {
@@ -44,7 +137,7 @@ function dispose(session) {
     if (recorder.state !== "inactive") {
       try {
         recorder.stop();
-      } catch (e) {
+      } catch (e6) {
       }
     }
   }
@@ -55,7 +148,7 @@ function dispose(session) {
     recognition.onend = null;
     try {
       recognition.abort();
-    } catch (e2) {
+    } catch (e7) {
     }
   }
   releaseTracks(session);
@@ -64,9 +157,9 @@ function dispose(session) {
 }
 function useDictation({ lang = "en-US", continuous = true, onTranscript } = {}) {
   const provider = _react.useContext.call(void 0, DictationContext);
-  const transcribe = _nullishCoalesce(_optionalChain([provider, 'optionalAccess', _7 => _7.transcribe]), () => ( null));
-  const scope = _nullishCoalesce(_optionalChain([provider, 'optionalAccess', _8 => _8.scope]), () => ( null));
-  const scopeGeneration = _nullishCoalesce(_optionalChain([provider, 'optionalAccess', _9 => _9.generation]), () => ( 0));
+  const transcribe = _nullishCoalesce(_optionalChain([provider, 'optionalAccess', _18 => _18.transcribe]), () => ( null));
+  const scope = _nullishCoalesce(_optionalChain([provider, 'optionalAccess', _19 => _19.scope]), () => ( null));
+  const scopeGeneration = _nullishCoalesce(_optionalChain([provider, 'optionalAccess', _20 => _20.generation]), () => ( 0));
   const [snapshot, setSnapshot] = _react.useState.call(void 0, EMPTY);
   const [supported, setSupported] = _react.useState.call(void 0, false);
   const current = _react.useRef.call(void 0, null);
@@ -76,7 +169,7 @@ function useDictation({ lang = "en-US", continuous = true, onTranscript } = {})
   activeScope.current = scope;
   callback.current = onTranscript;
   _react.useEffect.call(void 0, () => {
-    setSupported(transcribe ? typeof navigator !== "undefined" && !!_optionalChain([navigator, 'access', _10 => _10.mediaDevices, 'optionalAccess', _11 => _11.getUserMedia]) && typeof MediaRecorder !== "undefined" : typeof recognitionConstructor() === "function");
+    setSupported(transcribe ? typeof navigator !== "undefined" && !!_optionalChain([navigator, 'access', _21 => _21.mediaDevices, 'optionalAccess', _22 => _22.getUserMedia]) && typeof MediaRecorder !== "undefined" : typeof recognitionConstructor() === "function");
   }, [transcribe]);
   const cancel = _react.useCallback.call(void 0, () => {
     const session = current.current;
@@ -97,9 +190,9 @@ function useDictation({ lang = "en-US", continuous = true, onTranscript } = {})
       if (session) dispose(session);
     };
   }, []);
-  const isCurrent = _react.useCallback.call(void 0, (session) => mounted.current && current.current === session && session.scope === activeScope.current && session.scopeGeneration === (_nullishCoalesce(_optionalChain([session, 'access', _12 => _12.scope, 'optionalAccess', _13 => _13.current, 'access', _14 => _14.generation]), () => ( 0))) && !session.controller.signal.aborted, []);
+  const isCurrent = _react.useCallback.call(void 0, (session) => mounted.current && current.current === session && session.scope === activeScope.current && session.scopeGeneration === (_nullishCoalesce(_optionalChain([session, 'access', _23 => _23.scope, 'optionalAccess', _24 => _24.current, 'access', _25 => _25.generation]), () => ( 0))) && !session.controller.signal.aborted, []);
   const start = _react.useCallback.call(void 0, async () => {
-    if (scope !== activeScope.current || scopeGeneration !== (_nullishCoalesce(_optionalChain([scope, 'optionalAccess', _15 => _15.current, 'access', _16 => _16.generation]), () => ( 0)))) return;
+    if (scope !== activeScope.current || scopeGeneration !== (_nullishCoalesce(_optionalChain([scope, 'optionalAccess', _26 => _26.current, 'access', _27 => _27.generation]), () => ( 0)))) return;
     if (current.current && isCurrent(current.current) && ["requesting", "recording", "transcribing"].includes(current.current.phase)) return;
     cancel();
     let resolveCapture;
@@ -123,20 +216,21 @@ function useDictation({ lang = "en-US", continuous = true, onTranscript } = {})
       nativeEnded: false,
       transcript: "",
       interim: "",
-      notified: /* @__PURE__ */ new Set()
+      notified: /* @__PURE__ */ new Set(),
+      audioLevels: transcribe ? createAudioLevels() : void 0
     };
     current.current = session;
     setSnapshot({ ...EMPTY, state: "requesting" });
     if (transcribe) {
       try {
-        if (!_optionalChain([navigator, 'access', _17 => _17.mediaDevices, 'optionalAccess', _18 => _18.getUserMedia]) || typeof MediaRecorder === "undefined") throw new Error("unsupported");
+        if (!_optionalChain([navigator, 'access', _28 => _28.mediaDevices, 'optionalAccess', _29 => _29.getUserMedia]) || typeof MediaRecorder === "undefined") throw new Error("unsupported");
         const stream = await navigator.mediaDevices.getUserMedia({ audio: true });
         if (!isCurrent(session)) {
           stream.getTracks().forEach((track) => track.stop());
           return;
         }
         session.stream = stream;
-        const mimeType = MIME_TYPES.find((mime) => _optionalChain([MediaRecorder, 'access', _19 => _19.isTypeSupported, 'optionalCall', _20 => _20(mime)]));
+        const mimeType = MIME_TYPES.find((mime) => _optionalChain([MediaRecorder, 'access', _30 => _30.isTypeSupported, 'optionalCall', _31 => _31(mime)]));
         const recorder = mimeType ? new MediaRecorder(stream, { mimeType }) : new MediaRecorder(stream);
         session.recorder = recorder;
         recorder.ondataavailable = (event) => {
@@ -148,7 +242,7 @@ function useDictation({ lang = "en-US", continuous = true, onTranscript } = {})
             session.resolveCapture(null);
             return;
           }
-          const type = recorder.mimeType || _optionalChain([session, 'access', _21 => _21.chunks, 'access', _22 => _22[0], 'optionalAccess', _23 => _23.type]) || mimeType || "audio/webm";
+          const type = recorder.mimeType || _optionalChain([session, 'access', _32 => _32.chunks, 'access', _33 => _33[0], 'optionalAccess', _34 => _34.type]) || mimeType || "audio/webm";
           const blob = new Blob(session.chunks, { type });
           session.blob = blob;
           session.chunks = [];
@@ -163,6 +257,7 @@ function useDictation({ lang = "en-US", continuous = true, onTranscript } = {})
         };
         recorder.start();
         session.phase = "recording";
+        session.stopMeter = meterStream(stream, session.audioLevels, () => isCurrent(session) && session.phase === "recording");
         setSnapshot({ ...EMPTY, state: "recording" });
       } catch (error) {
         releaseTracks(session);
@@ -200,7 +295,7 @@ function useDictation({ lang = "en-US", continuous = true, onTranscript } = {})
         session.transcript = final.join(" ");
         session.interim = interim.join(" ");
         setSnapshot((previous) => ({ ...previous, transcript: session.transcript, interimTranscript: session.interim }));
-        if (chunks.length) _optionalChain([callback, 'access', _24 => _24.current, 'optionalCall', _25 => _25(chunks.join(" "))]);
+        if (chunks.length) _optionalChain([callback, 'access', _35 => _35.current, 'optionalCall', _36 => _36(chunks.join(" "))]);
       };
       recognition.onend = () => {
         session.nativeEnded = true;
@@ -228,20 +323,21 @@ function useDictation({ lang = "en-US", continuous = true, onTranscript } = {})
   }, [cancel, continuous, isCurrent, lang, scope, scopeGeneration, transcribe]);
   const finish = _react.useCallback.call(void 0, async (session) => {
     if (!isCurrent(session)) return null;
+    releaseMeter(session);
     session.phase = "transcribing";
     setSnapshot((previous) => ({ ...previous, state: "transcribing", error: null, canRetry: false }));
     if (!session.transcribe) {
       if (!session.nativeEnded) {
         session.nativeTimer = setTimeout(() => {
           try {
-            _optionalChain([session, 'access', _26 => _26.recognition, 'optionalAccess', _27 => _27.abort, 'call', _28 => _28()]);
-          } catch (e3) {
+            _optionalChain([session, 'access', _37 => _37.recognition, 'optionalAccess', _38 => _38.abort, 'call', _39 => _39()]);
+          } catch (e8) {
           }
           session.resolveNativeEnd();
         }, 1e3);
         try {
-          _optionalChain([session, 'access', _29 => _29.recognition, 'optionalAccess', _30 => _30.stop, 'call', _31 => _31()]);
-        } catch (e4) {
+          _optionalChain([session, 'access', _40 => _40.recognition, 'optionalAccess', _41 => _41.stop, 'call', _42 => _42()]);
+        } catch (e9) {
           session.resolveNativeEnd();
         }
         await session.nativeEnd;
@@ -256,7 +352,7 @@ function useDictation({ lang = "en-US", continuous = true, onTranscript } = {})
     let text;
     try {
       if (!session.blob) {
-        if (_optionalChain([session, 'access', _32 => _32.recorder, 'optionalAccess', _33 => _33.state]) !== "inactive") _optionalChain([session, 'access', _34 => _34.recorder, 'optionalAccess', _35 => _35.stop, 'call', _36 => _36()]);
+        if (_optionalChain([session, 'access', _43 => _43.recorder, 'optionalAccess', _44 => _44.state]) !== "inactive") _optionalChain([session, 'access', _45 => _45.recorder, 'optionalAccess', _46 => _46.stop, 'call', _47 => _47()]);
         const blob = await session.capture;
         if (!isCurrent(session) || !blob) return null;
         session.blob = blob;
@@ -270,13 +366,13 @@ function useDictation({ lang = "en-US", continuous = true, onTranscript } = {})
       releaseTracks(session);
       session.phase = "error";
       const message = error instanceof Error && error.message ? error.message : "Transcription failed. Try again.";
-      setSnapshot({ ...EMPTY, state: "error", error: message, canRetry: !!_optionalChain([session, 'access', _37 => _37.blob, 'optionalAccess', _38 => _38.size]) });
+      setSnapshot({ ...EMPTY, state: "error", error: message, canRetry: !!_optionalChain([session, 'access', _48 => _48.blob, 'optionalAccess', _49 => _49.size]) });
       return null;
     }
     session.transcript = text;
     session.phase = "ready";
     setSnapshot({ ...EMPTY, state: "ready", transcript: text });
-    _optionalChain([callback, 'access', _39 => _39.current, 'optionalCall', _40 => _40(text)]);
+    _optionalChain([callback, 'access', _50 => _50.current, 'optionalCall', _51 => _51(text)]);
     return text;
   }, [isCurrent]);
   const stop = _react.useCallback.call(void 0, () => {
@@ -301,13 +397,13 @@ function useDictation({ lang = "en-US", continuous = true, onTranscript } = {})
       cancel();
       return Promise.resolve(null);
     }
-    if (!_optionalChain([session, 'optionalAccess', _41 => _41.transcribe]) || !_optionalChain([session, 'access', _42 => _42.blob, 'optionalAccess', _43 => _43.size])) return Promise.resolve(null);
+    if (!_optionalChain([session, 'optionalAccess', _52 => _52.transcribe]) || !_optionalChain([session, 'access', _53 => _53.blob, 'optionalAccess', _54 => _54.size])) return Promise.resolve(null);
     if (session.phase !== "error") return _nullishCoalesce(session.finish, () => ( Promise.resolve(null)));
     session.finish = finish(session);
     return session.finish;
   }, [cancel, finish, isCurrent]);
   const visibleSnapshot = current.current && !isCurrent(current.current) ? EMPTY : snapshot;
-  return { ...visibleSnapshot, supported, start, stop, retry, cancel };
+  return { ...visibleSnapshot, audioLevels: current.current && isCurrent(current.current) ? current.current.audioLevels : void 0, supported, start, stop, retry, cancel };
 }