@epicbagel/saas-kit 1.7.0 → 1.11.0

package/dist/primitives/chat.cjs

@@ -2,12 +2,15 @@
 "use client";
 
 
+var _chunk7QTFYEPEcjs = require('../chunk-7QTFYEPE.cjs');
+
+
 
 
 var _chunk2BTDBZYNcjs = require('../chunk-2BTDBZYN.cjs');
 
 
-var _chunkLKPM6DQPcjs = require('../chunk-LKPM6DQP.cjs');
+var _chunkKQBXAQAYcjs = require('../chunk-KQBXAQAY.cjs');
 
 
 
@@ -15,21 +18,21 @@ var _chunkM4V7OJNFcjs = require('../chunk-M4V7OJNF.cjs');
 
 
 
+var _chunkB765DSRGcjs = require('../chunk-B765DSRG.cjs');
 
 
 
 
-var _chunk5VMKDVB6cjs = require('../chunk-5VMKDVB6.cjs');
 
 
 
+var _chunk5VMKDVB6cjs = require('../chunk-5VMKDVB6.cjs');
 
 
-var _chunkNWDPH2Z7cjs = require('../chunk-NWDPH2Z7.cjs');
 
 
 
-var _chunkB765DSRGcjs = require('../chunk-B765DSRG.cjs');
+var _chunkNWDPH2Z7cjs = require('../chunk-NWDPH2Z7.cjs');
 
 
 
@@ -39,7 +42,7 @@ require('../chunk-2HV2KKOE.cjs');
 
 
 
-var _chunkZ3JJSNR5cjs = require('../chunk-Z3JJSNR5.cjs');
+var _chunkZLEM2SAUcjs = require('../chunk-ZLEM2SAU.cjs');
 
 
 var _chunkKENBU3NVcjs = require('../chunk-KENBU3NV.cjs');
@@ -50,6 +53,7 @@ require('../chunk-ELPV44S6.cjs');
 
 
 var _chunkZAITUDYDcjs = require('../chunk-ZAITUDYD.cjs');
+require('../chunk-U2NES7VR.cjs');
 
 
 
@@ -67,17 +71,22 @@ require('../chunk-W5HPHEE7.cjs');
 
 
 var _chunkFYRQFEU4cjs = require('../chunk-FYRQFEU4.cjs');
-require('../chunk-U2NES7VR.cjs');
 
 
 var _chunk2KFZQJH5cjs = require('../chunk-2KFZQJH5.cjs');
 require('../chunk-PQUSJEXL.cjs');
+require('../chunk-NKWHDI4C.cjs');
 
 
 var _chunkJDEXZGIYcjs = require('../chunk-JDEXZGIY.cjs');
 
 
+var _chunkKWLSBTB2cjs = require('../chunk-KWLSBTB2.cjs');
+require('../chunk-2BSFYU22.cjs');
+
+
 var _chunk4LXN6GLZcjs = require('../chunk-4LXN6GLZ.cjs');
+require('../chunk-ZZ7ICQR2.cjs');
 
 
 var _chunkR35FT53Gcjs = require('../chunk-R35FT53G.cjs');
@@ -85,9 +94,6 @@ var _chunkR35FT53Gcjs = require('../chunk-R35FT53G.cjs');
 
 var _chunkH2UFRLLNcjs = require('../chunk-H2UFRLLN.cjs');
 
-
-var _chunkKWLSBTB2cjs = require('../chunk-KWLSBTB2.cjs');
-
 // src/primitives/chat.tsx
 
 
@@ -372,6 +378,7 @@ function ChatInput({
   size = "md",
   uploadingLabel,
   voice = true,
+  voiceSession,
   voiceTitle,
   voiceLang,
   submitLabel,
@@ -397,6 +404,7 @@ function ChatInput({
   const isDisabled = pending || disabled;
   const attachmentsReady = attachments.length > 0 && attachments.every((item) => item.state !== "uploading");
   const canSubmit = !isDisabled && (Boolean(value.trim()) || attachmentsReady);
+  const liveVoiceActive = voiceSession && voiceSession.state !== "disconnected" && voiceSession.state !== "error";
   const submit = () => {
     const trimmed = value.trim();
     if (!trimmed && !attachmentsReady || isDisabled) return;
@@ -457,6 +465,7 @@ function ChatInput({
                 className
               ),
               children: [
+                liveVoiceActive && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7LDJAXRXcjs.InputGroupAddon, { align: "block-start", className: "w-full cursor-default border-b border-border p-0 [.border-b]:pb-0", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7QTFYEPEcjs.VoiceSessionControls, { ...voiceSession }) }),
                 attachments.length > 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
                   ChatAttachmentList,
                   {
@@ -480,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",
@@ -495,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: [
@@ -523,12 +531,22 @@ function ChatInput({
                           addFilesLabel
                         ] }) })
                       ] }),
+                      helperText ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                        "span",
+                        {
+                          "data-slot": "chat-input-helper",
+                          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
+                        }
+                      ) : null,
+                      (!helperText || compact) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex-1" }),
                       voice && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                        _chunkLKPM6DQPcjs.VoiceDictationButton,
+                        _chunkKQBXAQAYcjs.VoiceDictationButton,
                         {
                           size: "icon",
                           title: voiceTitle,
                           lang: voiceLang,
+                          disabled: Boolean(isDisabled || liveVoiceActive),
                           onCommit: (text) => onSend(text),
                           className: _chunkKWLSBTB2cjs.cn.call(void 0, 
                             spacious && "border-transparent bg-transparent shadow-none hover:bg-muted",
@@ -537,14 +555,7 @@ function ChatInput({
                           )
                         }
                       ),
-                      helperText ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                        "span",
-                        {
-                          "data-slot": "chat-input-helper",
-                          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" }),
+                      voiceSession && !liveVoiceActive && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7QTFYEPEcjs.VoiceSessionControls, { ...voiceSession, disabled: voiceSession.disabled || isDisabled }),
                       submitLabel ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
                         _chunkJDEXZGIYcjs.Button,
                         {
@@ -593,6 +604,8 @@ function ChatInput({
 }
 function VoiceHero({
   onSubmit,
+  voice,
+  voiceSession,
   voiceTitle,
   voiceLang,
   onSwitchToText,
@@ -600,8 +613,20 @@ function VoiceHero({
   switchLabel
 }) {
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col items-center gap-5 py-6", children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkLKPM6DQPcjs.VoiceDictationButton,
+    voiceSession ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7QTFYEPEcjs.VoiceSessionControls, { ...voiceSession, size: "hero" }),
+      voice && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        _chunkKQBXAQAYcjs.VoiceDictationButton,
+        {
+          size: "icon",
+          title: voiceTitle,
+          lang: voiceLang,
+          onCommit: onSubmit,
+          disabled: Boolean(voiceSession.disabled || voiceSession.state !== "disconnected" && voiceSession.state !== "error")
+        }
+      )
+    ] }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _chunkKQBXAQAYcjs.VoiceDictationButton,
       {
         size: "lg",
         title: voiceTitle,
@@ -730,6 +755,7 @@ var Chat = _react.forwardRef.call(void 0, function Chat2({
   fileDropLabel,
   fileDropDescription,
   voice = true,
+  voiceSession,
   voiceTitle,
   activeVoiceTitle,
   voiceLang,
@@ -753,7 +779,7 @@ var Chat = _react.forwardRef.call(void 0, function Chat2({
   const inputRef = _react.useRef.call(void 0, null);
   const conversationStarted = messages.length > 0;
   const [userMode, setUserMode] = _react.useState.call(void 0, null);
-  const mode = _nullishCoalesce(_nullishCoalesce(userMode, () => ( defaultMode)), () => ( (isMobile ? "voice" : "text")));
+  const mode = !voice && !voiceSession ? "text" : _nullishCoalesce(_nullishCoalesce(userMode, () => ( defaultMode)), () => ( (isMobile ? "voice" : "text")));
   const reportSendError = _react.useCallback.call(void 0, 
     (cause) => {
       if (onSendError) onSendError(cause);
@@ -811,9 +837,10 @@ var Chat = _react.forwardRef.call(void 0, function Chat2({
   const application = layout === "application";
   const workspace = layout === "workspace";
   const showEmptyFileDropzone = emptyFileDropzone && Boolean(onFilesSelected) && attachments.length === 0;
-  const showEmptyPending = !conversationStarted && pending && Boolean(emptyPendingContent);
+  const liveVoiceActive = voiceSession && voiceSession.state !== "disconnected" && voiceSession.state !== "error";
+  const showEmptyPending = !conversationStarted && pending && Boolean(emptyPendingContent) && !liveVoiceActive;
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkZ3JJSNR5cjs.FileDropArea,
+    _chunkZLEM2SAUcjs.FileDropArea,
     {
       "data-slot": "chat",
       "data-layout": layout,
@@ -881,7 +908,7 @@ var Chat = _react.forwardRef.call(void 0, function Chat2({
                 ),
                 children: [
                   showEmptyFileDropzone && onFilesSelected && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                    _chunkZ3JJSNR5cjs.FileDropzone,
+                    _chunkZLEM2SAUcjs.FileDropzone,
                     {
                       multiple: true,
                       onFiles: onFilesSelected,
@@ -896,6 +923,8 @@ var Chat = _react.forwardRef.call(void 0, function Chat2({
                     VoiceHero,
                     {
                       onSubmit: (text) => void send(text),
+                      voice,
+                      voiceSession: voiceSession ? { ...voiceSession, disabled: voiceSession.disabled || pending } : void 0,
                       voiceTitle,
                       voiceLang,
                       label: voiceHeroLabel,
@@ -912,6 +941,7 @@ var Chat = _react.forwardRef.call(void 0, function Chat2({
                       placeholder,
                       size: showEmptyFileDropzone || application && isMobile ? "md" : "lg",
                       voice,
+                      voiceSession,
                       voiceTitle,
                       voiceLang,
                       submitLabel,
@@ -1004,6 +1034,7 @@ var Chat = _react.forwardRef.call(void 0, function Chat2({
                   placeholder: activePlaceholder,
                   size: composerAppearance === "spacious" ? "lg" : "sm",
                   voice,
+                  voiceSession,
                   voiceTitle: _nullishCoalesce(activeVoiceTitle, () => ( voiceTitle)),
                   voiceLang,
                   inputRef,

package/dist/primitives/chat.d.cts

@@ -1,6 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React$1 from 'react';
 import { ReactNode } from 'react';
+import { VoiceSessionControlsProps } from './voice-session-controls.cjs';
 import { MarkdownComponents } from './markdown.cjs';
 import 'react-markdown';
 import './rich-text.cjs';
@@ -153,6 +154,8 @@ interface ChatInputProps {
     uploadingLabel?: string;
     /** Show the inline voice dictation button. Defaults to true. */
     voice?: boolean;
+    /** A separate live voice control alongside dictation. The host owns its transport and lifecycle. */
+    voiceSession?: VoiceSessionControlsProps;
     /** Title shown inside the voice overlay. */
     voiceTitle?: string;
     /** Language tag for voice dictation. */
@@ -184,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`.
      */
@@ -210,7 +213,7 @@ interface ChatInputProps {
  * `<Chat>` instead of composing `<ChatInput>` directly if you want
  * device-aware default modes.
  */
-declare function ChatInput({ value, onChange, onSend, pending, disabled, placeholder, size, uploadingLabel, voice, voiceTitle, voiceLang, submitLabel, autoFocus, className, inputRef, attachments, onFilesSelected, onRemoveAttachment, accept, multiple, addFilesLabel, appearance, compactOnBlur, helperText, privacyNote, }: ChatInputProps): react_jsx_runtime.JSX.Element;
+declare function ChatInput({ value, onChange, onSend, pending, disabled, placeholder, size, uploadingLabel, voice, voiceSession, voiceTitle, voiceLang, submitLabel, autoFocus, className, inputRef, attachments, onFilesSelected, onRemoveAttachment, accept, multiple, addFilesLabel, appearance, compactOnBlur, helperText, privacyNote, }: ChatInputProps): react_jsx_runtime.JSX.Element;
 interface ChatProps {
     /** Conversation messages. */
     messages: ChatMessage[];
@@ -323,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;
@@ -354,6 +357,8 @@ interface ChatProps {
     fileDropDescription?: ReactNode;
     /** Enable voice dictation. Defaults to true. */
     voice?: boolean;
+    /** Controlled live voice UI, used instead of browser dictation when provided. */
+    voiceSession?: VoiceSessionControlsProps;
     /** Title shown inside the voice overlay. */
     voiceTitle?: string;
     /** Title shown inside the voice overlay in the active state. */

package/dist/primitives/chat.d.ts

@@ -1,6 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React$1 from 'react';
 import { ReactNode } from 'react';
+import { VoiceSessionControlsProps } from './voice-session-controls.js';
 import { MarkdownComponents } from './markdown.js';
 import 'react-markdown';
 import './rich-text.js';
@@ -153,6 +154,8 @@ interface ChatInputProps {
     uploadingLabel?: string;
     /** Show the inline voice dictation button. Defaults to true. */
     voice?: boolean;
+    /** A separate live voice control alongside dictation. The host owns its transport and lifecycle. */
+    voiceSession?: VoiceSessionControlsProps;
     /** Title shown inside the voice overlay. */
     voiceTitle?: string;
     /** Language tag for voice dictation. */
@@ -184,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`.
      */
@@ -210,7 +213,7 @@ interface ChatInputProps {
  * `<Chat>` instead of composing `<ChatInput>` directly if you want
  * device-aware default modes.
  */
-declare function ChatInput({ value, onChange, onSend, pending, disabled, placeholder, size, uploadingLabel, voice, voiceTitle, voiceLang, submitLabel, autoFocus, className, inputRef, attachments, onFilesSelected, onRemoveAttachment, accept, multiple, addFilesLabel, appearance, compactOnBlur, helperText, privacyNote, }: ChatInputProps): react_jsx_runtime.JSX.Element;
+declare function ChatInput({ value, onChange, onSend, pending, disabled, placeholder, size, uploadingLabel, voice, voiceSession, voiceTitle, voiceLang, submitLabel, autoFocus, className, inputRef, attachments, onFilesSelected, onRemoveAttachment, accept, multiple, addFilesLabel, appearance, compactOnBlur, helperText, privacyNote, }: ChatInputProps): react_jsx_runtime.JSX.Element;
 interface ChatProps {
     /** Conversation messages. */
     messages: ChatMessage[];
@@ -323,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;
@@ -354,6 +357,8 @@ interface ChatProps {
     fileDropDescription?: ReactNode;
     /** Enable voice dictation. Defaults to true. */
     voice?: boolean;
+    /** Controlled live voice UI, used instead of browser dictation when provided. */
+    voiceSession?: VoiceSessionControlsProps;
     /** Title shown inside the voice overlay. */
     voiceTitle?: string;
     /** Title shown inside the voice overlay in the active state. */

package/dist/primitives/chat.js

@@ -1,5 +1,8 @@
 "use client";
 "use client";
+import {
+  VoiceSessionControls
+} from "../chunk-UOVA4YKW.js";
 import {
   Trace,
   TraceLine,
@@ -7,11 +10,15 @@ import {
 } from "../chunk-Z45YKVAM.js";
 import {
   VoiceDictationButton
-} from "../chunk-TI57GAQP.js";
+} from "../chunk-T3XMHWYV.js";
 import {
   Suggestion,
   Suggestions
 } from "../chunk-IJG2B3Y2.js";
+import {
+  Marker,
+  MarkerContent
+} from "../chunk-IW4ZIXXG.js";
 import {
   MessageScroller,
   MessageScrollerButton,
@@ -26,10 +33,6 @@ import {
   MessageActions,
   MessageContent
 } from "../chunk-H4XH2PPU.js";
-import {
-  Marker,
-  MarkerContent
-} from "../chunk-IW4ZIXXG.js";
 import {
   InputGroup,
   InputGroupAddon,
@@ -39,7 +42,7 @@ import "../chunk-6FC65AZQ.js";
 import {
   FileDropArea,
   FileDropzone
-} from "../chunk-HBRVOGLA.js";
+} from "../chunk-WHDHUYS6.js";
 import {
   LazyMarkdown
 } from "../chunk-VY5U4VGV.js";
@@ -50,6 +53,7 @@ import {
   DropdownMenuItem,
   DropdownMenuTrigger
 } from "../chunk-V4LE2HWP.js";
+import "../chunk-ZRLUUZHK.js";
 import {
   Bubble,
   BubbleContent
@@ -67,26 +71,28 @@ import {
   AttachmentTitle,
   AttachmentTrigger
 } from "../chunk-CYDICVH2.js";
-import "../chunk-ZRLUUZHK.js";
 import {
   ActionDock
 } from "../chunk-42RTTHND.js";
 import "../chunk-QMA3WVB7.js";
+import "../chunk-5OF6D3GH.js";
 import {
   Button
 } from "../chunk-W326GKML.js";
+import {
+  cn
+} from "../chunk-G6SRSWXB.js";
+import "../chunk-GJ7S3L6R.js";
 import {
   useCopyToClipboard
 } from "../chunk-ZWZAAGQF.js";
+import "../chunk-HLAHOVEI.js";
 import {
   useIsMobile
 } from "../chunk-PIU5SSUV.js";
 import {
   formatRelativeLong
 } from "../chunk-CS7DM3NV.js";
-import {
-  cn
-} from "../chunk-G6SRSWXB.js";
 
 // src/primitives/chat.tsx
 import {
@@ -372,6 +378,7 @@ function ChatInput({
   size = "md",
   uploadingLabel,
   voice = true,
+  voiceSession,
   voiceTitle,
   voiceLang,
   submitLabel,
@@ -397,6 +404,7 @@ function ChatInput({
   const isDisabled = pending || disabled;
   const attachmentsReady = attachments.length > 0 && attachments.every((item) => item.state !== "uploading");
   const canSubmit = !isDisabled && (Boolean(value.trim()) || attachmentsReady);
+  const liveVoiceActive = voiceSession && voiceSession.state !== "disconnected" && voiceSession.state !== "error";
   const submit = () => {
     const trimmed = value.trim();
     if (!trimmed && !attachmentsReady || isDisabled) return;
@@ -457,6 +465,7 @@ function ChatInput({
                 className
               ),
               children: [
+                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,
                   {
@@ -480,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",
@@ -495,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: [
@@ -523,12 +531,22 @@ function ChatInput({
                           addFilesLabel
                         ] }) })
                       ] }),
+                      helperText ? /* @__PURE__ */ jsx(
+                        "span",
+                        {
+                          "data-slot": "chat-input-helper",
+                          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
+                        }
+                      ) : null,
+                      (!helperText || compact) && /* @__PURE__ */ jsx("div", { className: "flex-1" }),
                       voice && /* @__PURE__ */ jsx(
                         VoiceDictationButton,
                         {
                           size: "icon",
                           title: voiceTitle,
                           lang: voiceLang,
+                          disabled: Boolean(isDisabled || liveVoiceActive),
                           onCommit: (text) => onSend(text),
                           className: cn(
                             spacious && "border-transparent bg-transparent shadow-none hover:bg-muted",
@@ -537,14 +555,7 @@ function ChatInput({
                           )
                         }
                       ),
-                      helperText ? /* @__PURE__ */ jsx(
-                        "span",
-                        {
-                          "data-slot": "chat-input-helper",
-                          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" }),
+                      voiceSession && !liveVoiceActive && /* @__PURE__ */ jsx(VoiceSessionControls, { ...voiceSession, disabled: voiceSession.disabled || isDisabled }),
                       submitLabel ? /* @__PURE__ */ jsxs(
                         Button,
                         {
@@ -593,6 +604,8 @@ function ChatInput({
 }
 function VoiceHero({
   onSubmit,
+  voice,
+  voiceSession,
   voiceTitle,
   voiceLang,
   onSwitchToText,
@@ -600,7 +613,19 @@ function VoiceHero({
   switchLabel
 }) {
   return /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-5 py-6", children: [
-    /* @__PURE__ */ jsx(
+    voiceSession ? /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(VoiceSessionControls, { ...voiceSession, size: "hero" }),
+      voice && /* @__PURE__ */ jsx(
+        VoiceDictationButton,
+        {
+          size: "icon",
+          title: voiceTitle,
+          lang: voiceLang,
+          onCommit: onSubmit,
+          disabled: Boolean(voiceSession.disabled || voiceSession.state !== "disconnected" && voiceSession.state !== "error")
+        }
+      )
+    ] }) : /* @__PURE__ */ jsx(
       VoiceDictationButton,
       {
         size: "lg",
@@ -730,6 +755,7 @@ var Chat = forwardRef(function Chat2({
   fileDropLabel,
   fileDropDescription,
   voice = true,
+  voiceSession,
   voiceTitle,
   activeVoiceTitle,
   voiceLang,
@@ -753,7 +779,7 @@ var Chat = forwardRef(function Chat2({
   const inputRef = useRef(null);
   const conversationStarted = messages.length > 0;
   const [userMode, setUserMode] = useState(null);
-  const mode = userMode ?? defaultMode ?? (isMobile ? "voice" : "text");
+  const mode = !voice && !voiceSession ? "text" : userMode ?? defaultMode ?? (isMobile ? "voice" : "text");
   const reportSendError = useCallback(
     (cause) => {
       if (onSendError) onSendError(cause);
@@ -811,7 +837,8 @@ var Chat = forwardRef(function Chat2({
   const application = layout === "application";
   const workspace = layout === "workspace";
   const showEmptyFileDropzone = emptyFileDropzone && Boolean(onFilesSelected) && attachments.length === 0;
-  const showEmptyPending = !conversationStarted && pending && Boolean(emptyPendingContent);
+  const liveVoiceActive = voiceSession && voiceSession.state !== "disconnected" && voiceSession.state !== "error";
+  const showEmptyPending = !conversationStarted && pending && Boolean(emptyPendingContent) && !liveVoiceActive;
   return /* @__PURE__ */ jsx(
     FileDropArea,
     {
@@ -896,6 +923,8 @@ var Chat = forwardRef(function Chat2({
                     VoiceHero,
                     {
                       onSubmit: (text) => void send(text),
+                      voice,
+                      voiceSession: voiceSession ? { ...voiceSession, disabled: voiceSession.disabled || pending } : void 0,
                       voiceTitle,
                       voiceLang,
                       label: voiceHeroLabel,
@@ -912,6 +941,7 @@ var Chat = forwardRef(function Chat2({
                       placeholder,
                       size: showEmptyFileDropzone || application && isMobile ? "md" : "lg",
                       voice,
+                      voiceSession,
                       voiceTitle,
                       voiceLang,
                       submitLabel,
@@ -1004,6 +1034,7 @@ var Chat = forwardRef(function Chat2({
                   placeholder: activePlaceholder,
                   size: composerAppearance === "spacious" ? "lg" : "sm",
                   voice,
+                  voiceSession,
                   voiceTitle: activeVoiceTitle ?? voiceTitle,
                   voiceLang,
                   inputRef,

package/dist/primitives/code-block.cjs

@@ -1,11 +1,11 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _chunkGTVSRRE3cjs = require('../chunk-GTVSRRE3.cjs');
-require('../chunk-MU4F3DSW.cjs');
+var _chunkBGCNGYPLcjs = require('../chunk-BGCNGYPL.cjs');
+require('../chunk-FARCLWLU.cjs');
 require('../chunk-JDEXZGIY.cjs');
-require('../chunk-4LXN6GLZ.cjs');
 require('../chunk-KWLSBTB2.cjs');
+require('../chunk-4LXN6GLZ.cjs');
 
 
-exports.CodeBlock = _chunkGTVSRRE3cjs.CodeBlock;
+exports.CodeBlock = _chunkBGCNGYPLcjs.CodeBlock;

package/dist/primitives/code-block.js

@@ -1,11 +1,11 @@
 "use client";
 import {
   CodeBlock
-} from "../chunk-F3B4M6DU.js";
-import "../chunk-HREEZUKL.js";
+} from "../chunk-HTPPNW74.js";
+import "../chunk-DILYV4FI.js";
 import "../chunk-W326GKML.js";
-import "../chunk-ZWZAAGQF.js";
 import "../chunk-G6SRSWXB.js";
+import "../chunk-ZWZAAGQF.js";
 export {
   CodeBlock
 };