@epicbagel/saas-kit 1.10.0 → 1.11.0

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 _chunk7QTFYEPEcjs = require('../chunk-7QTFYEPE.cjs');
 
 
 
@@ -10,7 +10,7 @@ var _chunkUW67GSZ4cjs = require('../chunk-UW67GSZ4.cjs');
 var _chunk2BTDBZYNcjs = require('../chunk-2BTDBZYN.cjs');
 
 
-var _chunkHTCW6AEHcjs = require('../chunk-HTCW6AEH.cjs');
+var _chunkKQBXAQAYcjs = require('../chunk-KQBXAQAY.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, _chunk7QTFYEPEcjs.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,
+                        _chunkKQBXAQAYcjs.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, _chunk7QTFYEPEcjs.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, _chunk7QTFYEPEcjs.VoiceSessionControls, { ...voiceSession, size: "hero" }),
       voice && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkHTCW6AEHcjs.VoiceDictationButton,
+        _chunkKQBXAQAYcjs.VoiceDictationButton,
         {
           size: "icon",
           title: voiceTitle,
@@ -626,7 +626,7 @@ function VoiceHero({
         }
       )
     ] }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkHTCW6AEHcjs.VoiceDictationButton,
+      _chunkKQBXAQAYcjs.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;

package/dist/primitives/chat.js

@@ -2,7 +2,7 @@
 "use client";
 import {
   VoiceSessionControls
-} from "../chunk-KUG4ONYC.js";
+} from "../chunk-UOVA4YKW.js";
 import {
   Trace,
   TraceLine,
@@ -10,7 +10,7 @@ import {
 } from "../chunk-Z45YKVAM.js";
 import {
   VoiceDictationButton
-} from "../chunk-KWV5KTOA.js";
+} from "../chunk-T3XMHWYV.js";
 import {
   Suggestion,
   Suggestions
@@ -75,7 +75,7 @@ import {
   ActionDock
 } from "../chunk-42RTTHND.js";
 import "../chunk-QMA3WVB7.js";
-import "../chunk-VBKJXNEL.js";
+import "../chunk-5OF6D3GH.js";
 import {
   Button
 } from "../chunk-W326GKML.js";
@@ -86,7 +86,7 @@ import "../chunk-GJ7S3L6R.js";
 import {
   useCopyToClipboard
 } from "../chunk-ZWZAAGQF.js";
-import "../chunk-M2ZNC3TK.js";
+import "../chunk-HLAHOVEI.js";
 import {
   useIsMobile
 } from "../chunk-PIU5SSUV.js";
@@ -465,7 +465,7 @@ function ChatInput({
                 className
               ),
               children: [
-                liveVoiceActive && /* @__PURE__ */ jsx(InputGroupAddon, { align: "block-start", className: "w-full border-b border-border", children: /* @__PURE__ */ jsx(VoiceSessionControls, { ...voiceSession }) }),
+                liveVoiceActive && /* @__PURE__ */ jsx(InputGroupAddon, { align: "block-start", className: "w-full cursor-default border-b border-border p-0 [.border-b]:pb-0", children: /* @__PURE__ */ jsx(VoiceSessionControls, { ...voiceSession }) }),
                 attachments.length > 0 && /* @__PURE__ */ jsx(
                   ChatAttachmentList,
                   {
@@ -489,11 +489,10 @@ function ChatInput({
                     },
                     placeholder,
                     rows: compact ? 1 : composerSize.rows,
-                    wrap: compact ? "off" : void 0,
                     disabled: isDisabled,
                     autoFocus,
                     className: cn(
-                      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__ */ jsxs(
                   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")) ref.current?.focus();
                     },
                     className: cn(
-                      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,7 +538,8 @@ function ChatInput({
                           className: cn("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__ */ jsx("div", { className: compact ? "hidden" : "flex-1" }),
+                      ) : null,
+                      (!helperText || compact) && /* @__PURE__ */ jsx("div", { className: "flex-1" }),
                       voice && /* @__PURE__ */ jsx(
                         VoiceDictationButton,
                         {

package/dist/primitives/dictation-provider.cjs

@@ -2,7 +2,7 @@
 "use client";
 
 
-var _chunkO6F3LVZYcjs = require('../chunk-O6F3LVZY.cjs');
+var _chunkZZ7ICQR2cjs = require('../chunk-ZZ7ICQR2.cjs');
 
 
-exports.DictationProvider = _chunkO6F3LVZYcjs.DictationProvider;
+exports.DictationProvider = _chunkZZ7ICQR2cjs.DictationProvider;

package/dist/primitives/dictation-provider.js

@@ -2,7 +2,7 @@
 "use client";
 import {
   DictationProvider
-} from "../chunk-M2ZNC3TK.js";
+} from "../chunk-HLAHOVEI.js";
 export {
   DictationProvider
 };

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

@@ -2,10 +2,12 @@
 "use client";
 
 
-var _chunkHTCW6AEHcjs = require('../chunk-HTCW6AEH.cjs');
+var _chunkKQBXAQAYcjs = require('../chunk-KQBXAQAY.cjs');
+require('../chunk-NKWHDI4C.cjs');
 require('../chunk-JDEXZGIY.cjs');
 require('../chunk-KWLSBTB2.cjs');
-require('../chunk-O6F3LVZY.cjs');
+require('../chunk-2BSFYU22.cjs');
+require('../chunk-ZZ7ICQR2.cjs');
 
 
-exports.VoiceDictationButton = _chunkHTCW6AEHcjs.VoiceDictationButton;
+exports.VoiceDictationButton = _chunkKQBXAQAYcjs.VoiceDictationButton;

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

@@ -6,9 +6,9 @@ interface VoiceDictationButtonProps {
     onCommit: (text: string) => void;
     /** Fired if the user closes the overlay without committing. */
     onCancel?: () => void;
-    /** Optional title shown above the live transcript inside the overlay. */
+    /** Title shown in the compact recorder. */
     title?: ReactNode;
-    /** Tagline shown under the title (small mono caption). Defaults to "listening". */
+    /** Recording status label. Defaults to "Recording". */
     caption?: string;
     /** BCP-47 language tag. Defaults to "en-US". */
     lang?: string;
@@ -28,13 +28,9 @@ interface VoiceDictationButtonProps {
     shrink?: boolean;
 }
 /**
- * Mic button that opens a fullscreen dictation overlay (portal). When the
- * user taps "Done" the captured transcript is committed via onCommit and
- * the overlay closes. The overlay strips the page chrome so the user can
- * focus on speaking.
- *
- * Sibling to `<VoiceInput>` which streams chunks inline. Use this when
- * dictation should take over the screen instead of typing-into-an-input.
+ * 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.
  */
 declare function VoiceDictationButton({ onCommit, onCancel, title, caption, lang, continuous, className, size, showLabel, children, disabled, visibility, shrink, }: VoiceDictationButtonProps): react_jsx_runtime.JSX.Element | null;
 

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

@@ -6,9 +6,9 @@ interface VoiceDictationButtonProps {
     onCommit: (text: string) => void;
     /** Fired if the user closes the overlay without committing. */
     onCancel?: () => void;
-    /** Optional title shown above the live transcript inside the overlay. */
+    /** Title shown in the compact recorder. */
     title?: ReactNode;
-    /** Tagline shown under the title (small mono caption). Defaults to "listening". */
+    /** Recording status label. Defaults to "Recording". */
     caption?: string;
     /** BCP-47 language tag. Defaults to "en-US". */
     lang?: string;
@@ -28,13 +28,9 @@ interface VoiceDictationButtonProps {
     shrink?: boolean;
 }
 /**
- * Mic button that opens a fullscreen dictation overlay (portal). When the
- * user taps "Done" the captured transcript is committed via onCommit and
- * the overlay closes. The overlay strips the page chrome so the user can
- * focus on speaking.
- *
- * Sibling to `<VoiceInput>` which streams chunks inline. Use this when
- * dictation should take over the screen instead of typing-into-an-input.
+ * 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.
  */
 declare function VoiceDictationButton({ onCommit, onCancel, title, caption, lang, continuous, className, size, showLabel, children, disabled, visibility, shrink, }: VoiceDictationButtonProps): react_jsx_runtime.JSX.Element | null;
 

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

@@ -2,10 +2,12 @@
 "use client";
 import {
   VoiceDictationButton
-} from "../chunk-KWV5KTOA.js";
+} from "../chunk-T3XMHWYV.js";
+import "../chunk-5OF6D3GH.js";
 import "../chunk-W326GKML.js";
 import "../chunk-G6SRSWXB.js";
-import "../chunk-M2ZNC3TK.js";
+import "../chunk-GJ7S3L6R.js";
+import "../chunk-HLAHOVEI.js";
 export {
   VoiceDictationButton
 };

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

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

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

@@ -15,15 +15,17 @@ 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. */
+    transcript?: string;
     /** Audio levels supplied by the host; no media connection is created by the kit. */
     volumeBands?: number[];
     /** Optional external audio store, so level changes only re-render these controls. */
     audioLevels?: VoiceAudioLevelsSource;
-    labels?: Partial<Record<VoiceSessionState | "start" | "end" | "mute" | "unmute" | "muted" | "retry", string>>;
+    labels?: Partial<Record<VoiceSessionState | "start" | "end" | "mute" | "unmute" | "muted" | "retry" | "endShort" | "muteShort" | "unmuteShort" | "transcriptPlaceholder", string>>;
     size?: "icon" | "hero";
     className?: string;
 }
 /** Transport-independent voice controls. The conversation stays visible while speaking. */
-declare function VoiceSessionControls({ state, onStart, onEnd, muted, onMutedChange, disabled, error, volumeBands, audioLevels, labels, size, className, }: VoiceSessionControlsProps): react_jsx_runtime.JSX.Element;
+declare function VoiceSessionControls({ state, onStart, onEnd, muted, onMutedChange, disabled, error, transcript, 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,15 +15,17 @@ 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. */
+    transcript?: string;
     /** Audio levels supplied by the host; no media connection is created by the kit. */
     volumeBands?: number[];
     /** Optional external audio store, so level changes only re-render these controls. */
     audioLevels?: VoiceAudioLevelsSource;
-    labels?: Partial<Record<VoiceSessionState | "start" | "end" | "mute" | "unmute" | "muted" | "retry", string>>;
+    labels?: Partial<Record<VoiceSessionState | "start" | "end" | "mute" | "unmute" | "muted" | "retry" | "endShort" | "muteShort" | "unmuteShort" | "transcriptPlaceholder", string>>;
     size?: "icon" | "hero";
     className?: string;
 }
 /** Transport-independent voice controls. The conversation stays visible while speaking. */
-declare function VoiceSessionControls({ state, onStart, onEnd, muted, onMutedChange, disabled, error, volumeBands, audioLevels, labels, size, className, }: VoiceSessionControlsProps): react_jsx_runtime.JSX.Element;
+declare function VoiceSessionControls({ state, onStart, onEnd, muted, onMutedChange, disabled, error, transcript, 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,8 +2,8 @@
 "use client";
 import {
   VoiceSessionControls
-} from "../chunk-KUG4ONYC.js";
-import "../chunk-VBKJXNEL.js";
+} from "../chunk-UOVA4YKW.js";
+import "../chunk-5OF6D3GH.js";
 import "../chunk-W326GKML.js";
 import "../chunk-G6SRSWXB.js";
 import "../chunk-GJ7S3L6R.js";

package/package.json

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