@epicbagel/saas-kit 1.10.0 → 1.11.1

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 };
 }
 
 

package/dist/hooks/use-dictation.cjs

@@ -3,8 +3,8 @@
 
 
 
-var _chunkO6F3LVZYcjs = require('../chunk-O6F3LVZY.cjs');
+var _chunkZZ7ICQR2cjs = require('../chunk-ZZ7ICQR2.cjs');
 
 
 
-exports.DictationProvider = _chunkO6F3LVZYcjs.DictationProvider; exports.useDictation = _chunkO6F3LVZYcjs.useDictation;
+exports.DictationProvider = _chunkZZ7ICQR2cjs.DictationProvider; exports.useDictation = _chunkZZ7ICQR2cjs.useDictation;

package/dist/hooks/use-dictation.d.cts

@@ -43,6 +43,11 @@ interface DictationCapture {
     interimTranscript: string;
     error: string | null;
     canRetry: boolean;
+    /** Live bands from the recording stream. Native speech recognition exposes no audio meter. */
+    audioLevels?: {
+        subscribe: (listener: () => void) => () => void;
+        getSnapshot: () => number[];
+    };
     start: () => Promise<void>;
     /** Returns null on cancellation/failure; concurrent stops share one transcription. */
     stop: () => Promise<string | null>;

package/dist/hooks/use-dictation.d.ts

@@ -43,6 +43,11 @@ interface DictationCapture {
     interimTranscript: string;
     error: string | null;
     canRetry: boolean;
+    /** Live bands from the recording stream. Native speech recognition exposes no audio meter. */
+    audioLevels?: {
+        subscribe: (listener: () => void) => () => void;
+        getSnapshot: () => number[];
+    };
     start: () => Promise<void>;
     /** Returns null on cancellation/failure; concurrent stops share one transcription. */
     stop: () => Promise<string | null>;

package/dist/hooks/use-dictation.js

@@ -3,7 +3,7 @@
 import {
   DictationProvider,
   useDictation
-} from "../chunk-M2ZNC3TK.js";
+} from "../chunk-HLAHOVEI.js";
 export {
   DictationProvider,
   useDictation

package/dist/primitives/agent-audio-visualizer-bar.cjs

@@ -5,7 +5,7 @@
 
 
 
-var _chunkXB2D4NQKcjs = require('../chunk-XB2D4NQK.cjs');
+var _chunkNKWHDI4Ccjs = require('../chunk-NKWHDI4C.cjs');
 require('../chunk-KWLSBTB2.cjs');
 require('../chunk-2BSFYU22.cjs');
 
@@ -13,4 +13,4 @@ require('../chunk-2BSFYU22.cjs');
 
 
 
-exports.AgentAudioVisualizerBar = _chunkXB2D4NQKcjs.AgentAudioVisualizerBar; exports.AgentAudioVisualizerBarElementVariants = _chunkXB2D4NQKcjs.AgentAudioVisualizerBarElementVariants; exports.AgentAudioVisualizerBarVariants = _chunkXB2D4NQKcjs.AgentAudioVisualizerBarVariants; exports.normalizeVolumeBands = _chunkXB2D4NQKcjs.normalizeVolumeBands;
+exports.AgentAudioVisualizerBar = _chunkNKWHDI4Ccjs.AgentAudioVisualizerBar; exports.AgentAudioVisualizerBarElementVariants = _chunkNKWHDI4Ccjs.AgentAudioVisualizerBarElementVariants; exports.AgentAudioVisualizerBarVariants = _chunkNKWHDI4Ccjs.AgentAudioVisualizerBarVariants; exports.normalizeVolumeBands = _chunkNKWHDI4Ccjs.normalizeVolumeBands;

package/dist/primitives/agent-audio-visualizer-bar.d.cts

@@ -57,7 +57,7 @@ interface AgentAudioVisualizerBarProps {
 /**
  * A bar-style audio visualizer that responds to agent state and audio levels.
  * Displays animated bars that react to the current agent state (connecting, thinking, speaking, etc.)
- * and audio volume when speaking.
+ * and audio volume when speaking or listening with supplied microphone bands.
  *
  * @extends ComponentProps<'div'>
  *

package/dist/primitives/agent-audio-visualizer-bar.d.ts

@@ -57,7 +57,7 @@ interface AgentAudioVisualizerBarProps {
 /**
  * A bar-style audio visualizer that responds to agent state and audio levels.
  * Displays animated bars that react to the current agent state (connecting, thinking, speaking, etc.)
- * and audio volume when speaking.
+ * and audio volume when speaking or listening with supplied microphone bands.
  *
  * @extends ComponentProps<'div'>
  *

package/dist/primitives/agent-audio-visualizer-bar.js

@@ -5,7 +5,7 @@ import {
   AgentAudioVisualizerBarElementVariants,
   AgentAudioVisualizerBarVariants,
   normalizeVolumeBands
-} from "../chunk-VBKJXNEL.js";
+} from "../chunk-5OF6D3GH.js";
 import "../chunk-G6SRSWXB.js";
 import "../chunk-GJ7S3L6R.js";
 export {

package/dist/primitives/alert.d.cts

@@ -4,7 +4,7 @@ import * as class_variance_authority_types from 'class-variance-authority/types'
 import { VariantProps } from 'class-variance-authority';
 
 declare const alertVariants: (props?: ({
-    variant?: "success" | "default" | "destructive" | "warning" | null | undefined;
+    variant?: "default" | "destructive" | "success" | "warning" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface AlertProps extends HTMLAttributes<HTMLDivElement>, VariantProps<typeof alertVariants> {
     marginBottom?: "none" | "md";

package/dist/primitives/alert.d.ts

@@ -4,7 +4,7 @@ import * as class_variance_authority_types from 'class-variance-authority/types'
 import { VariantProps } from 'class-variance-authority';
 
 declare const alertVariants: (props?: ({
-    variant?: "success" | "default" | "destructive" | "warning" | null | undefined;
+    variant?: "default" | "destructive" | "success" | "warning" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface AlertProps extends HTMLAttributes<HTMLDivElement>, VariantProps<typeof alertVariants> {
     marginBottom?: "none" | "md";

package/dist/primitives/badge.d.cts

@@ -4,7 +4,7 @@ import { VariantProps } from 'class-variance-authority';
 import { ElementType } from 'react';
 
 declare const badgeVariants: (props?: ({
-    variant?: "neutral" | "error" | "success" | "default" | "secondary" | "destructive" | "outline" | "warning" | "info" | null | undefined;
+    variant?: "default" | "secondary" | "destructive" | "outline" | "success" | "warning" | "error" | "info" | "neutral" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface BadgeProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
     weight?: "normal" | "semibold" | "bold";

package/dist/primitives/badge.d.ts

@@ -4,7 +4,7 @@ import { VariantProps } from 'class-variance-authority';
 import { ElementType } from 'react';
 
 declare const badgeVariants: (props?: ({
-    variant?: "neutral" | "error" | "success" | "default" | "secondary" | "destructive" | "outline" | "warning" | "info" | null | undefined;
+    variant?: "default" | "secondary" | "destructive" | "outline" | "success" | "warning" | "error" | "info" | "neutral" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface BadgeProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
     weight?: "normal" | "semibold" | "bold";

package/dist/primitives/bubble.d.cts

@@ -5,7 +5,7 @@ import { VariantProps } from 'class-variance-authority';
 
 declare function BubbleGroup({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
 declare const bubbleVariants: (props?: ({
-    variant?: "default" | "muted" | "ghost" | "secondary" | "destructive" | "outline" | "tinted" | null | undefined;
+    variant?: "default" | "muted" | "secondary" | "destructive" | "outline" | "ghost" | "tinted" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare function Bubble({ variant, align, className, ...props }: React.ComponentProps<"div"> & VariantProps<typeof bubbleVariants> & {
     align?: "start" | "end";

package/dist/primitives/bubble.d.ts

@@ -5,7 +5,7 @@ import { VariantProps } from 'class-variance-authority';
 
 declare function BubbleGroup({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
 declare const bubbleVariants: (props?: ({
-    variant?: "default" | "muted" | "ghost" | "secondary" | "destructive" | "outline" | "tinted" | null | undefined;
+    variant?: "default" | "muted" | "secondary" | "destructive" | "outline" | "ghost" | "tinted" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare function Bubble({ variant, align, className, ...props }: React.ComponentProps<"div"> & VariantProps<typeof bubbleVariants> & {
     align?: "start" | "end";

package/dist/primitives/button.d.cts

@@ -4,8 +4,8 @@ import * as class_variance_authority_types from 'class-variance-authority/types'
 import { VariantProps } from 'class-variance-authority';
 
 declare const buttonVariants: (props?: ({
-    variant?: "link" | "default" | "ghost" | "secondary" | "destructive" | "outline" | "outline-muted" | "quiet" | "ghost-destructive" | "link-muted" | "inverted" | "status-error" | "status-warning" | "status-muted" | null | undefined;
-    size?: "filter" | "status" | "toolbar" | "sm" | "lg" | "default" | "micro" | "tone" | "compact" | "hero" | "icon" | "icon-lg" | "icon-sm" | "icon-md" | "icon-xs" | "icon-compact" | "icon-micro" | "bare" | "voice-sm" | "voice" | "suggestion" | null | undefined;
+    variant?: "link" | "default" | "secondary" | "destructive" | "outline" | "outline-muted" | "ghost" | "quiet" | "ghost-destructive" | "link-muted" | "inverted" | "status-error" | "status-warning" | "status-muted" | null | undefined;
+    size?: "filter" | "status" | "toolbar" | "sm" | "lg" | "default" | "micro" | "compact" | "hero" | "icon" | "icon-lg" | "icon-sm" | "icon-md" | "icon-xs" | "icon-compact" | "icon-micro" | "bare" | "voice-sm" | "voice" | "suggestion" | "tone" | null | undefined;
     width?: "auto" | "full" | "responsive" | null | undefined;
     align?: "center" | "start" | null | undefined;
     shrink?: boolean | null | undefined;

package/dist/primitives/button.d.ts

@@ -4,8 +4,8 @@ import * as class_variance_authority_types from 'class-variance-authority/types'
 import { VariantProps } from 'class-variance-authority';
 
 declare const buttonVariants: (props?: ({
-    variant?: "link" | "default" | "ghost" | "secondary" | "destructive" | "outline" | "outline-muted" | "quiet" | "ghost-destructive" | "link-muted" | "inverted" | "status-error" | "status-warning" | "status-muted" | null | undefined;
-    size?: "filter" | "status" | "toolbar" | "sm" | "lg" | "default" | "micro" | "tone" | "compact" | "hero" | "icon" | "icon-lg" | "icon-sm" | "icon-md" | "icon-xs" | "icon-compact" | "icon-micro" | "bare" | "voice-sm" | "voice" | "suggestion" | null | undefined;
+    variant?: "link" | "default" | "secondary" | "destructive" | "outline" | "outline-muted" | "ghost" | "quiet" | "ghost-destructive" | "link-muted" | "inverted" | "status-error" | "status-warning" | "status-muted" | null | undefined;
+    size?: "filter" | "status" | "toolbar" | "sm" | "lg" | "default" | "micro" | "compact" | "hero" | "icon" | "icon-lg" | "icon-sm" | "icon-md" | "icon-xs" | "icon-compact" | "icon-micro" | "bare" | "voice-sm" | "voice" | "suggestion" | "tone" | null | undefined;
     width?: "auto" | "full" | "responsive" | null | undefined;
     align?: "center" | "start" | null | undefined;
     shrink?: boolean | null | undefined;

package/dist/primitives/chat.cjs

@@ -2,7 +2,7 @@
 "use client";
 
 
-var _chunkUW67GSZ4cjs = require('../chunk-UW67GSZ4.cjs');
+var _chunkYMI3X2YLcjs = require('../chunk-YMI3X2YL.cjs');
 
 
 
@@ -10,7 +10,7 @@ var _chunkUW67GSZ4cjs = require('../chunk-UW67GSZ4.cjs');
 var _chunk2BTDBZYNcjs = require('../chunk-2BTDBZYN.cjs');
 
 
-var _chunkHTCW6AEHcjs = require('../chunk-HTCW6AEH.cjs');
+var _chunkD47AMKT4cjs = require('../chunk-D47AMKT4.cjs');
 
 
 
@@ -75,7 +75,7 @@ var _chunkFYRQFEU4cjs = require('../chunk-FYRQFEU4.cjs');
 
 var _chunk2KFZQJH5cjs = require('../chunk-2KFZQJH5.cjs');
 require('../chunk-PQUSJEXL.cjs');
-require('../chunk-XB2D4NQK.cjs');
+require('../chunk-NKWHDI4C.cjs');
 
 
 var _chunkJDEXZGIYcjs = require('../chunk-JDEXZGIY.cjs');
@@ -86,7 +86,7 @@ require('../chunk-2BSFYU22.cjs');
 
 
 var _chunk4LXN6GLZcjs = require('../chunk-4LXN6GLZ.cjs');
-require('../chunk-O6F3LVZY.cjs');
+require('../chunk-ZZ7ICQR2.cjs');
 
 
 var _chunkR35FT53Gcjs = require('../chunk-R35FT53G.cjs');
@@ -465,7 +465,7 @@ function ChatInput({
                 className
               ),
               children: [
-                liveVoiceActive && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7LDJAXRXcjs.InputGroupAddon, { align: "block-start", className: "w-full border-b border-border", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkUW67GSZ4cjs.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,
                   {
@@ -489,11 +489,10 @@ function ChatInput({
                     },
                     placeholder,
                     rows: compact ? 1 : composerSize.rows,
-                    wrap: compact ? "off" : void 0,
                     disabled: isDisabled,
                     autoFocus,
                     className: _chunkKWLSBTB2cjs.cn.call(void 0, 
-                      compact ? "h-[44px] min-h-[44px] max-h-[44px] min-w-0 field-sizing-fixed overflow-hidden whitespace-nowrap text-ellipsis" : composerSize.minHeight,
+                      compact ? "min-h-[44px] max-h-24 min-w-0" : composerSize.minHeight,
                       // Grows with the text, then scrolls rather than pushing the thread away.
                       "leading-relaxed disabled:opacity-70 placeholder:text-sm",
                       !compact && "max-h-48",
@@ -504,14 +503,14 @@ function ChatInput({
                 /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
                   _chunk7LDJAXRXcjs.InputGroupAddon,
                   {
-                    align: compact ? "inline-end" : "block-end",
+                    align: "block-end",
                     "data-slot": "chat-input-actions",
                     onClick: (event) => {
                       if (!event.currentTarget.contains(event.target)) return;
                       if (!event.target.closest("button")) _optionalChain([ref, 'access', _3 => _3.current, 'optionalAccess', _4 => _4.focus, 'call', _5 => _5()]);
                     },
                     className: _chunkKWLSBTB2cjs.cn.call(void 0, 
-                      compact ? "shrink-0 gap-0 p-1" : "gap-2",
+                      compact ? "gap-1 px-2 pb-2 pt-0" : "gap-2",
                       !compact && (spacious ? "px-5 pb-5 pt-1" : "border-t border-border px-3 py-2.5")
                     ),
                     children: [
@@ -539,9 +538,10 @@ function ChatInput({
                           className: _chunkKWLSBTB2cjs.cn.call(void 0, "min-w-0 flex-1 truncate px-1 text-center text-xs font-normal text-muted-foreground sm:px-2 sm:text-sm", compact && "hidden"),
                           children: helperText
                         }
-                      ) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: compact ? "hidden" : "flex-1" }),
+                      ) : null,
+                      (!helperText || compact) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex-1" }),
                       voice && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                        _chunkHTCW6AEHcjs.VoiceDictationButton,
+                        _chunkD47AMKT4cjs.VoiceDictationButton,
                         {
                           size: "icon",
                           title: voiceTitle,
@@ -555,7 +555,7 @@ function ChatInput({
                           )
                         }
                       ),
-                      voiceSession && !liveVoiceActive && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkUW67GSZ4cjs.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, _chunkUW67GSZ4cjs.VoiceSessionControls, { ...voiceSession, size: "hero" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYMI3X2YLcjs.VoiceSessionControls, { ...voiceSession, size: "hero" }),
       voice && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkHTCW6AEHcjs.VoiceDictationButton,
+        _chunkD47AMKT4cjs.VoiceDictationButton,
         {
           size: "icon",
           title: voiceTitle,
@@ -626,7 +626,7 @@ function VoiceHero({
         }
       )
     ] }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkHTCW6AEHcjs.VoiceDictationButton,
+      _chunkD47AMKT4cjs.VoiceDictationButton,
       {
         size: "lg",
         title: voiceTitle,

package/dist/primitives/chat.d.cts

@@ -187,7 +187,7 @@ interface ChatInputProps {
     /** Visual density for the complete composer surface. */
     appearance?: "default" | "spacious";
     /**
-     * Fold an empty, unfocused composer into one row. Focusing its textarea
+     * Fold an empty, unfocused composer into a short text row and control bar. Focusing its textarea
      * expands it; drafts and staged files always keep it expanded. Chat enables
      * this only for an active mobile conversation with `mobileCompactComposer`.
      */
@@ -326,7 +326,7 @@ interface ChatProps {
     composerAppearance?: ChatInputProps["appearance"];
     /**
      * On phones (below 768px), fold an active conversation's empty composer
-     * into one row until its textarea is focused. Drafts and files stay
+     * into a short text row above its controls until the textarea is focused. Drafts and files stay
      * expanded. Desktop and the new-conversation composer are unchanged.
      */
     mobileCompactComposer?: boolean;

package/dist/primitives/chat.d.ts

@@ -187,7 +187,7 @@ interface ChatInputProps {
     /** Visual density for the complete composer surface. */
     appearance?: "default" | "spacious";
     /**
-     * Fold an empty, unfocused composer into one row. Focusing its textarea
+     * Fold an empty, unfocused composer into a short text row and control bar. Focusing its textarea
      * expands it; drafts and staged files always keep it expanded. Chat enables
      * this only for an active mobile conversation with `mobileCompactComposer`.
      */
@@ -326,7 +326,7 @@ interface ChatProps {
     composerAppearance?: ChatInputProps["appearance"];
     /**
      * On phones (below 768px), fold an active conversation's empty composer
-     * into one row until its textarea is focused. Drafts and files stay
+     * into a short text row above its controls until the textarea is focused. Drafts and files stay
      * expanded. Desktop and the new-conversation composer are unchanged.
      */
     mobileCompactComposer?: boolean;