@epicbagel/saas-kit 1.24.0 → 1.25.1

package/dist/{chunk-PL2462GA.js → chunk-6O3DUMF7.js}

@@ -35,6 +35,25 @@ var DEFAULT_LABELS = {
   muteShort: "Mute",
   unmuteShort: "Unmute"
 };
+var ACTION_LABEL = "hidden @min-[448px]/voice:inline";
+function VoiceSessionAction({ label, icon, shortLabel, className, ...props }) {
+  return /* @__PURE__ */ jsxs(
+    Button,
+    {
+      type: "button",
+      variant: "outline",
+      size: "sm",
+      ...props,
+      "aria-label": label,
+      title: label,
+      className: cn("min-h-[44px] min-w-[44px] shrink-0 rounded-xl bg-background px-0 text-foreground", shortLabel && "@min-[448px]/voice:px-3", className),
+      children: [
+        icon,
+        shortLabel && /* @__PURE__ */ jsx("span", { "data-slot": "voice-session-action-label", className: ACTION_LABEL, children: shortLabel })
+      ]
+    }
+  );
+}
 function VoiceSessionControls({
   state,
   onStart,
@@ -47,6 +66,7 @@ function VoiceSessionControls({
   audioLevels,
   labels,
   onWarm,
+  actions,
   size = "icon",
   className
 }) {
@@ -84,38 +104,25 @@ function VoiceSessionControls({
               /* @__PURE__ */ jsx("span", { role: "status", className: "min-w-0 flex-1 truncate text-sm font-medium text-primary", children: muted && state === "listening" ? copy.muted : copy[state] })
             ] }),
             /* @__PURE__ */ jsxs("div", { className: "ml-auto flex shrink-0 items-center gap-2", children: [
-              /* @__PURE__ */ jsxs(
-                Button,
+              actions,
+              /* @__PURE__ */ jsx(
+                VoiceSessionAction,
                 {
-                  type: "button",
-                  variant: "outline",
-                  size: "sm",
-                  className: "min-h-[44px] min-w-[44px] shrink-0 rounded-xl bg-background px-0 text-foreground @md/voice:px-3",
-                  "aria-label": muted ? copy.unmute : copy.mute,
-                  title: muted ? copy.unmute : copy.mute,
+                  label: muted ? copy.unmute : copy.mute,
+                  shortLabel: muted ? copy.unmuteShort : copy.muteShort,
+                  icon: muted ? /* @__PURE__ */ jsx(Mic, { "aria-hidden": "true" }) : /* @__PURE__ */ jsx(MicOff, { "aria-hidden": "true" }),
                   "aria-pressed": muted,
                   disabled: waiting,
-                  onClick: () => onMutedChange(!muted),
-                  children: [
-                    muted ? /* @__PURE__ */ jsx(Mic, { "aria-hidden": "true" }) : /* @__PURE__ */ jsx(MicOff, { "aria-hidden": "true" }),
-                    /* @__PURE__ */ jsx("span", { "data-slot": "voice-session-action-label", className: "hidden @md/voice:inline", children: muted ? copy.unmuteShort : copy.muteShort })
-                  ]
+                  onClick: () => onMutedChange(!muted)
                 }
               ),
-              /* @__PURE__ */ jsxs(
-                Button,
+              /* @__PURE__ */ jsx(
+                VoiceSessionAction,
                 {
-                  type: "button",
-                  variant: "outline",
-                  size: "sm",
-                  className: "min-h-[44px] min-w-[44px] shrink-0 rounded-xl bg-background px-0 text-foreground @md/voice:px-3",
-                  "aria-label": copy.end,
-                  title: copy.end,
-                  onClick: onEnd,
-                  children: [
-                    /* @__PURE__ */ jsx(Square, { "aria-hidden": "true", className: "fill-current" }),
-                    /* @__PURE__ */ jsx("span", { "data-slot": "voice-session-action-label", className: "hidden @md/voice:inline", children: copy.endShort })
-                  ]
+                  label: copy.end,
+                  shortLabel: copy.endShort,
+                  icon: /* @__PURE__ */ jsx(Square, { "aria-hidden": "true", className: "fill-current" }),
+                  onClick: onEnd
                 }
               )
             ] })
@@ -137,6 +144,7 @@ function VoiceSessionControls({
             children: /* @__PURE__ */ jsx(AudioLines, { "aria-hidden": "true" })
           }
         ),
+        !active && actions,
         state === "error" && /* @__PURE__ */ jsx("span", { role: "alert", className: "basis-full text-xs text-destructive", children: error || copy.error })
       ]
     }
@@ -144,5 +152,6 @@ function VoiceSessionControls({
 }
 
 export {
+  VoiceSessionAction,
   VoiceSessionControls
 };

package/dist/{chunk-HETZNLKT.cjs → chunk-PNI354BY.cjs}

@@ -35,6 +35,25 @@ var DEFAULT_LABELS = {
   muteShort: "Mute",
   unmuteShort: "Unmute"
 };
+var ACTION_LABEL = "hidden @min-[448px]/voice:inline";
+function VoiceSessionAction({ label, icon, shortLabel, className, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    _chunkJDEXZGIYcjs.Button,
+    {
+      type: "button",
+      variant: "outline",
+      size: "sm",
+      ...props,
+      "aria-label": label,
+      title: label,
+      className: _chunkKWLSBTB2cjs.cn.call(void 0, "min-h-[44px] min-w-[44px] shrink-0 rounded-xl bg-background px-0 text-foreground", shortLabel && "@min-[448px]/voice:px-3", className),
+      children: [
+        icon,
+        shortLabel && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { "data-slot": "voice-session-action-label", className: ACTION_LABEL, children: shortLabel })
+      ]
+    }
+  );
+}
 function VoiceSessionControls({
   state,
   onStart,
@@ -47,6 +66,7 @@ function VoiceSessionControls({
   audioLevels,
   labels,
   onWarm,
+  actions,
   size = "icon",
   className
 }) {
@@ -84,38 +104,25 @@ function VoiceSessionControls({
               /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { role: "status", className: "min-w-0 flex-1 truncate text-sm font-medium text-primary", children: muted && state === "listening" ? copy.muted : copy[state] })
             ] }),
             /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "ml-auto flex shrink-0 items-center gap-2", children: [
-              /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-                _chunkJDEXZGIYcjs.Button,
+              actions,
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                VoiceSessionAction,
                 {
-                  type: "button",
-                  variant: "outline",
-                  size: "sm",
-                  className: "min-h-[44px] min-w-[44px] shrink-0 rounded-xl bg-background px-0 text-foreground @md/voice:px-3",
-                  "aria-label": muted ? copy.unmute : copy.mute,
-                  title: muted ? copy.unmute : copy.mute,
+                  label: muted ? copy.unmute : copy.mute,
+                  shortLabel: muted ? copy.unmuteShort : copy.muteShort,
+                  icon: muted ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.Mic, { "aria-hidden": "true" }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.MicOff, { "aria-hidden": "true" }),
                   "aria-pressed": muted,
                   disabled: waiting,
-                  onClick: () => onMutedChange(!muted),
-                  children: [
-                    muted ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.Mic, { "aria-hidden": "true" }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.MicOff, { "aria-hidden": "true" }),
-                    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { "data-slot": "voice-session-action-label", className: "hidden @md/voice:inline", children: muted ? copy.unmuteShort : copy.muteShort })
-                  ]
+                  onClick: () => onMutedChange(!muted)
                 }
               ),
-              /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-                _chunkJDEXZGIYcjs.Button,
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                VoiceSessionAction,
                 {
-                  type: "button",
-                  variant: "outline",
-                  size: "sm",
-                  className: "min-h-[44px] min-w-[44px] shrink-0 rounded-xl bg-background px-0 text-foreground @md/voice:px-3",
-                  "aria-label": copy.end,
-                  title: copy.end,
-                  onClick: onEnd,
-                  children: [
-                    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.Square, { "aria-hidden": "true", className: "fill-current" }),
-                    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { "data-slot": "voice-session-action-label", className: "hidden @md/voice:inline", children: copy.endShort })
-                  ]
+                  label: copy.end,
+                  shortLabel: copy.endShort,
+                  icon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.Square, { "aria-hidden": "true", className: "fill-current" }),
+                  onClick: onEnd
                 }
               )
             ] })
@@ -137,6 +144,7 @@ function VoiceSessionControls({
             children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.AudioLines, { "aria-hidden": "true" })
           }
         ),
+        !active && actions,
         state === "error" && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { role: "alert", className: "basis-full text-xs text-destructive", children: error || copy.error })
       ]
     }
@@ -145,4 +153,5 @@ function VoiceSessionControls({
 
 
 
-exports.VoiceSessionControls = VoiceSessionControls;
+
+exports.VoiceSessionAction = VoiceSessionAction; exports.VoiceSessionControls = VoiceSessionControls;

package/dist/primitives/chat.cjs

@@ -10,7 +10,7 @@ var _chunk2BTDBZYNcjs = require('../chunk-2BTDBZYN.cjs');
 var _chunkPH2TV7XIcjs = require('../chunk-PH2TV7XI.cjs');
 
 
-var _chunkHETZNLKTcjs = require('../chunk-HETZNLKT.cjs');
+var _chunkPNI354BYcjs = require('../chunk-PNI354BY.cjs');
 
 
 
@@ -489,7 +489,7 @@ function ChatInput({
                     children: header
                   }
                 ),
-                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, _chunkHETZNLKTcjs.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, _chunkPNI354BYcjs.VoiceSessionControls, { ...voiceSession }) }),
                 attachments.length > 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
                   ChatAttachmentList,
                   {
@@ -581,7 +581,7 @@ function ChatInput({
                           )
                         }
                       ),
-                      voiceSession && !liveVoiceActive && !hasText && attachments.length === 0 ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkHETZNLKTcjs.VoiceSessionControls, { ...voiceSession, disabled: voiceSession.disabled || isDisabled }) : submitLabel ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+                      voiceSession && !liveVoiceActive && !hasText && attachments.length === 0 ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkPNI354BYcjs.VoiceSessionControls, { ...voiceSession, disabled: voiceSession.disabled || isDisabled }) : submitLabel ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
                         _chunkJDEXZGIYcjs.Button,
                         {
                           type: "submit",
@@ -643,7 +643,7 @@ 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, _chunkHETZNLKTcjs.VoiceSessionControls, { ...voiceSession, size: "hero" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkPNI354BYcjs.VoiceSessionControls, { ...voiceSession, size: "hero" }),
       voice && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
         _chunkPH2TV7XIcjs.VoiceDictationButton,
         {

package/dist/primitives/chat.d.cts

@@ -3,6 +3,9 @@ import * as React$1 from 'react';
 import { ReactNode } from 'react';
 import { VoiceSessionControlsProps } from './voice-session-controls.cjs';
 import { MarkdownComponents } from './markdown.cjs';
+import './button.cjs';
+import 'class-variance-authority/types';
+import 'class-variance-authority';
 import 'react-markdown';
 import './rich-text.cjs';
 

package/dist/primitives/chat.d.ts

@@ -3,6 +3,9 @@ import * as React$1 from 'react';
 import { ReactNode } from 'react';
 import { VoiceSessionControlsProps } from './voice-session-controls.js';
 import { MarkdownComponents } from './markdown.js';
+import './button.js';
+import 'class-variance-authority/types';
+import 'class-variance-authority';
 import 'react-markdown';
 import './rich-text.js';
 

package/dist/primitives/chat.js

@@ -10,7 +10,7 @@ import {
 } from "../chunk-ZGTPNSR7.js";
 import {
   VoiceSessionControls
-} from "../chunk-PL2462GA.js";
+} from "../chunk-6O3DUMF7.js";
 import {
   Suggestion,
   Suggestions

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

@@ -2,11 +2,13 @@
 "use client";
 
 
-var _chunkHETZNLKTcjs = require('../chunk-HETZNLKT.cjs');
+
+var _chunkPNI354BYcjs = require('../chunk-PNI354BY.cjs');
 require('../chunk-NKWHDI4C.cjs');
 require('../chunk-JDEXZGIY.cjs');
 require('../chunk-KWLSBTB2.cjs');
 require('../chunk-2BSFYU22.cjs');
 
 
-exports.VoiceSessionControls = _chunkHETZNLKTcjs.VoiceSessionControls;
+
+exports.VoiceSessionAction = _chunkPNI354BYcjs.VoiceSessionAction; exports.VoiceSessionControls = _chunkPNI354BYcjs.VoiceSessionControls;

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

@@ -1,4 +1,8 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+import { ButtonProps } from './button.cjs';
+import 'class-variance-authority/types';
+import 'class-variance-authority';
 
 type VoiceSessionState = "disconnected" | "connecting" | "listening" | "thinking" | "speaking" | "reconnecting" | "error";
 interface VoiceAudioLevelsSource {
@@ -30,10 +34,24 @@ interface VoiceSessionControlsProps {
      * permission. It can fire several times; make it idempotent.
      */
     onWarm?: () => void;
+    /**
+     * Extra controls beside Mute and End (beside the start control between
+     * calls), such as a panel toggle. Pass `VoiceSessionAction`s so they match.
+     */
+    actions?: ReactNode;
     size?: "icon" | "hero";
     className?: string;
 }
+interface VoiceSessionActionProps extends Omit<ButtonProps, "children" | "aria-label" | "title"> {
+    /** Full accessible name, also the tooltip. */
+    label: string;
+    icon: ReactNode;
+    /** Shown beside the icon on a wide strip; a narrow one shows only the icon. */
+    shortLabel?: string;
+}
+/** A 44px control styled as the strip's Mute and End. */
+declare function VoiceSessionAction({ label, icon, shortLabel, className, ...props }: VoiceSessionActionProps): react_jsx_runtime.JSX.Element;
 /** Transport-independent voice controls. The conversation stays visible while speaking. */
-declare function VoiceSessionControls({ state, onStart, onEnd, muted, onMutedChange, disabled, error, volumeBands, audioLevels, labels, onWarm, size, className, }: VoiceSessionControlsProps): react_jsx_runtime.JSX.Element;
+declare function VoiceSessionControls({ state, onStart, onEnd, muted, onMutedChange, disabled, error, volumeBands, audioLevels, labels, onWarm, actions, size, className, }: VoiceSessionControlsProps): react_jsx_runtime.JSX.Element;
 
-export { type VoiceAudioLevelsSource, VoiceSessionControls, type VoiceSessionControlsProps, type VoiceSessionState };
+export { type VoiceAudioLevelsSource, VoiceSessionAction, type VoiceSessionActionProps, VoiceSessionControls, type VoiceSessionControlsProps, type VoiceSessionState };

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

@@ -1,4 +1,8 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+import { ButtonProps } from './button.js';
+import 'class-variance-authority/types';
+import 'class-variance-authority';
 
 type VoiceSessionState = "disconnected" | "connecting" | "listening" | "thinking" | "speaking" | "reconnecting" | "error";
 interface VoiceAudioLevelsSource {
@@ -30,10 +34,24 @@ interface VoiceSessionControlsProps {
      * permission. It can fire several times; make it idempotent.
      */
     onWarm?: () => void;
+    /**
+     * Extra controls beside Mute and End (beside the start control between
+     * calls), such as a panel toggle. Pass `VoiceSessionAction`s so they match.
+     */
+    actions?: ReactNode;
     size?: "icon" | "hero";
     className?: string;
 }
+interface VoiceSessionActionProps extends Omit<ButtonProps, "children" | "aria-label" | "title"> {
+    /** Full accessible name, also the tooltip. */
+    label: string;
+    icon: ReactNode;
+    /** Shown beside the icon on a wide strip; a narrow one shows only the icon. */
+    shortLabel?: string;
+}
+/** A 44px control styled as the strip's Mute and End. */
+declare function VoiceSessionAction({ label, icon, shortLabel, className, ...props }: VoiceSessionActionProps): react_jsx_runtime.JSX.Element;
 /** Transport-independent voice controls. The conversation stays visible while speaking. */
-declare function VoiceSessionControls({ state, onStart, onEnd, muted, onMutedChange, disabled, error, volumeBands, audioLevels, labels, onWarm, size, className, }: VoiceSessionControlsProps): react_jsx_runtime.JSX.Element;
+declare function VoiceSessionControls({ state, onStart, onEnd, muted, onMutedChange, disabled, error, volumeBands, audioLevels, labels, onWarm, actions, size, className, }: VoiceSessionControlsProps): react_jsx_runtime.JSX.Element;
 
-export { type VoiceAudioLevelsSource, VoiceSessionControls, type VoiceSessionControlsProps, type VoiceSessionState };
+export { type VoiceAudioLevelsSource, VoiceSessionAction, type VoiceSessionActionProps, VoiceSessionControls, type VoiceSessionControlsProps, type VoiceSessionState };

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

@@ -1,12 +1,14 @@
 "use client";
 "use client";
 import {
+  VoiceSessionAction,
   VoiceSessionControls
-} from "../chunk-PL2462GA.js";
+} from "../chunk-6O3DUMF7.js";
 import "../chunk-5OF6D3GH.js";
 import "../chunk-W326GKML.js";
 import "../chunk-G6SRSWXB.js";
 import "../chunk-GJ7S3L6R.js";
 export {
+  VoiceSessionAction,
   VoiceSessionControls
 };

package/dist/primitives/workflow-assistant.cjs

@@ -2,7 +2,8 @@
 "use client";
 
 
-var _chunkHETZNLKTcjs = require('../chunk-HETZNLKT.cjs');
+
+var _chunkPNI354BYcjs = require('../chunk-PNI354BY.cjs');
 require('../chunk-NKWHDI4C.cjs');
 
 
@@ -34,6 +35,8 @@ var WorkflowAssistant = _react.forwardRef.call(void 0, function WorkflowAssistan
   context,
   description,
   summaries,
+  summariesOpen,
+  onSummariesOpenChange,
   voiceSession,
   pending,
   disabled,
@@ -44,13 +47,20 @@ var WorkflowAssistant = _react.forwardRef.call(void 0, function WorkflowAssistan
 }, ref) {
   const titleId = _react.useId.call(void 0, );
   const statusId = _react.useId.call(void 0, );
+  const summariesId = _react.useId.call(void 0, );
+  const [ownSummariesOpen, setOwnSummariesOpen] = _react.useState.call(void 0, false);
+  const showingSummaries = (_nullishCoalesce(summariesOpen, () => ( ownSummariesOpen))) && summaries.length > 0;
+  const setSummariesOpen = (next) => {
+    setOwnSummariesOpen(next);
+    _optionalChain([onSummariesOpenChange, 'optionalCall', _ => _(next)]);
+  };
   const launcher = _react.useRef.call(void 0, null);
   const heading = _react.useRef.call(void 0, null);
   const moveFocus = _react.useRef.call(void 0, false);
   _react.useEffect.call(void 0, () => {
     if (!moveFocus.current) return;
     moveFocus.current = false;
-    _optionalChain([(open ? heading.current : launcher.current), 'optionalAccess', _ => _.focus, 'call', _2 => _2()]);
+    _optionalChain([(open ? heading.current : launcher.current), 'optionalAccess', _2 => _2.focus, 'call', _3 => _3()]);
   }, [open]);
   const toggle = (next) => {
     moveFocus.current = true;
@@ -58,7 +68,7 @@ var WorkflowAssistant = _react.forwardRef.call(void 0, function WorkflowAssistan
   };
   const startDisabled = pending || disabled || voiceSession.disabled;
   const active = voiceSession.state !== "disconnected" && voiceSession.state !== "error";
-  const status = voiceSession.muted && voiceSession.state === "listening" ? _nullishCoalesce(_optionalChain([voiceSession, 'access', _3 => _3.labels, 'optionalAccess', _4 => _4.muted]), () => ( "Microphone muted")) : _nullishCoalesce(_optionalChain([voiceSession, 'access', _5 => _5.labels, 'optionalAccess', _6 => _6[voiceSession.state]]), () => ( SESSION_LABELS[voiceSession.state]));
+  const status = voiceSession.muted && voiceSession.state === "listening" ? _nullishCoalesce(_optionalChain([voiceSession, 'access', _4 => _4.labels, 'optionalAccess', _5 => _5.muted]), () => ( "Microphone muted")) : _nullishCoalesce(_optionalChain([voiceSession, 'access', _6 => _6.labels, 'optionalAccess', _7 => _7[voiceSession.state]]), () => ( SESSION_LABELS[voiceSession.state]));
   const unavailable = voiceSession.state === "error" && voiceSession.disabled;
   if (!open) return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
     "aside",
@@ -76,7 +86,7 @@ var WorkflowAssistant = _react.forwardRef.call(void 0, function WorkflowAssistan
             shape: "pill",
             className: "min-h-12 min-w-12 max-w-full gap-2 shadow-lg",
             disabled: startDisabled && !active && !unavailable,
-            "aria-label": active ? title : unavailable ? "Voice review unavailable" : _nullishCoalesce(_optionalChain([labels, 'optionalAccess', _7 => _7.start]), () => ( "Start voice review")),
+            "aria-label": active ? title : unavailable ? "Voice review unavailable" : _nullishCoalesce(_optionalChain([labels, 'optionalAccess', _8 => _8.start]), () => ( "Start voice review")),
             "aria-expanded": false,
             "aria-describedby": active ? statusId : void 0,
             onClick: () => {
@@ -98,71 +108,92 @@ var WorkflowAssistant = _react.forwardRef.call(void 0, function WorkflowAssistan
             size: "icon",
             className: "min-h-12 min-w-12 bg-background shadow-lg",
             onClick: () => {
-              _optionalChain([launcher, 'access', _8 => _8.current, 'optionalAccess', _9 => _9.focus, 'call', _10 => _10()]);
+              _optionalChain([launcher, 'access', _9 => _9.current, 'optionalAccess', _10 => _10.focus, 'call', _11 => _11()]);
               voiceSession.onEnd();
             },
-            "aria-label": _nullishCoalesce(_nullishCoalesce(_optionalChain([labels, 'optionalAccess', _11 => _11.end]), () => ( _optionalChain([voiceSession, 'access', _12 => _12.labels, 'optionalAccess', _13 => _13.end]))), () => ( "End voice chat")),
+            "aria-label": _nullishCoalesce(_nullishCoalesce(_optionalChain([labels, 'optionalAccess', _12 => _12.end]), () => ( _optionalChain([voiceSession, 'access', _13 => _13.labels, 'optionalAccess', _14 => _14.end]))), () => ( "End voice chat")),
             children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.Square, { "aria-hidden": "true" })
           }
         )
       ]
     }
   );
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-    "aside",
-    {
-      ref,
-      "data-slot": "workflow-assistant",
-      "aria-labelledby": titleId,
-      className: _chunkKWLSBTB2cjs.cn.call(void 0, 
-        "fixed inset-x-2 bottom-[calc(1rem+env(safe-area-inset-bottom))] z-40 flex min-h-0 flex-col overflow-y-auto overscroll-contain rounded-2xl border bg-background shadow-xl sm:inset-x-auto sm:right-6 sm:w-[28rem] md:right-8",
-        expanded ? "h-[calc(100dvh-6rem)]" : "max-h-[min(36rem,70dvh)]",
-        className
-      ),
-      children: [
-        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "sticky top-0 z-10 flex shrink-0 items-start gap-2 border-b bg-background p-3", children: [
-          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "min-w-0 flex-1", children: [
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h2", { ref: heading, tabIndex: -1, id: titleId, className: "text-sm font-semibold", children: title }),
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { title: context, className: "mt-1 truncate text-xs text-muted-foreground", children: context })
+  return (
+    // On a phone the panel is a sheet docked to the bottom edge, like Drawer:
+    // its background runs under the home indicator (and a browser's floating
+    // toolbar) with its content kept above them. A floating card there left
+    // the page showing beneath it. From sm it is a card in the corner.
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+      "aside",
+      {
+        ref,
+        "data-slot": "workflow-assistant",
+        "aria-labelledby": titleId,
+        className: _chunkKWLSBTB2cjs.cn.call(void 0, 
+          "fixed inset-x-0 bottom-0 z-40 flex min-h-0 flex-col overflow-y-auto overscroll-contain rounded-t-[10px] border-t bg-background pb-[env(safe-area-inset-bottom)] shadow-[0_-8px_30px_rgb(0_0_0/0.12)]",
+          "sm:inset-x-auto sm:bottom-[calc(1rem+env(safe-area-inset-bottom))] sm:right-6 sm:w-[28rem] sm:rounded-2xl sm:border sm:pb-0 sm:shadow-xl md:right-8",
+          expanded && showingSummaries ? "h-[calc(100dvh-6rem)]" : "max-h-[min(36rem,70dvh)]",
+          className
+        ),
+        children: [
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "sticky top-0 z-10 flex shrink-0 items-start gap-2 border-b bg-background p-3", children: [
+            /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "min-w-0 flex-1", children: [
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h2", { ref: heading, tabIndex: -1, id: titleId, className: "text-sm font-semibold outline-none", children: title }),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { title: context, className: "mt-1 truncate text-xs text-muted-foreground", children: context })
+            ] }),
+            onExpandedChange && showingSummaries && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+              _chunkJDEXZGIYcjs.Button,
+              {
+                type: "button",
+                variant: "ghost",
+                size: "icon",
+                "aria-label": expanded ? _nullishCoalesce(_optionalChain([labels, 'optionalAccess', _15 => _15.collapse]), () => ( "Reduce panel")) : _nullishCoalesce(_optionalChain([labels, 'optionalAccess', _16 => _16.expand]), () => ( "Expand panel")),
+                onClick: () => onExpandedChange(!expanded),
+                children: expanded ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.Minimize2, { "aria-hidden": "true" }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.Maximize2, { "aria-hidden": "true" })
+              }
+            ),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkJDEXZGIYcjs.Button, { type: "button", variant: "ghost", size: "icon", "aria-label": _nullishCoalesce(_optionalChain([labels, 'optionalAccess', _17 => _17.minimize]), () => ( "Minimize voice review")), onClick: () => toggle(false), children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.ChevronDown, { "aria-hidden": "true" }) })
           ] }),
-          onExpandedChange && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _chunkJDEXZGIYcjs.Button,
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "shrink-0", "data-slot": "workflow-assistant-voice", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            _chunkPNI354BYcjs.VoiceSessionControls,
             {
-              type: "button",
-              variant: "ghost",
-              size: "icon",
-              "aria-label": expanded ? _nullishCoalesce(_optionalChain([labels, 'optionalAccess', _14 => _14.collapse]), () => ( "Reduce panel")) : _nullishCoalesce(_optionalChain([labels, 'optionalAccess', _15 => _15.expand]), () => ( "Expand panel")),
-              onClick: () => onExpandedChange(!expanded),
-              children: expanded ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.Minimize2, { "aria-hidden": "true" }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.Maximize2, { "aria-hidden": "true" })
+              ...voiceSession,
+              disabled: Boolean(startDisabled),
+              size: "hero",
+              onEnd: () => {
+                _optionalChain([heading, 'access', _18 => _18.current, 'optionalAccess', _19 => _19.focus, 'call', _20 => _20()]);
+                voiceSession.onEnd();
+              },
+              actions: summaries.length > 0 ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+                voiceSession.actions,
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                  _chunkPNI354BYcjs.VoiceSessionAction,
+                  {
+                    label: showingSummaries ? _nullishCoalesce(_optionalChain([labels, 'optionalAccess', _21 => _21.hideSummaries]), () => ( "Hide actions")) : _nullishCoalesce(_optionalChain([labels, 'optionalAccess', _22 => _22.showSummaries]), () => ( "Show actions")),
+                    icon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.ListChecks, { "aria-hidden": "true" }),
+                    "aria-expanded": showingSummaries,
+                    "aria-controls": summariesId,
+                    className: "aria-expanded:bg-muted",
+                    onClick: () => setSummariesOpen(!showingSummaries)
+                  }
+                )
+              ] }) : voiceSession.actions,
+              className: _chunkKWLSBTB2cjs.cn.call(void 0, !active && "justify-center px-4 py-6 text-center")
             }
-          ),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkJDEXZGIYcjs.Button, { type: "button", variant: "ghost", size: "icon", "aria-label": _nullishCoalesce(_optionalChain([labels, 'optionalAccess', _16 => _16.minimize]), () => ( "Minimize voice review")), onClick: () => toggle(false), children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.ChevronDown, { "aria-hidden": "true" }) })
-        ] }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "shrink-0", "data-slot": "workflow-assistant-voice", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkHETZNLKTcjs.VoiceSessionControls,
-          {
-            ...voiceSession,
-            disabled: Boolean(startDisabled),
-            size: "hero",
-            onEnd: () => {
-              _optionalChain([heading, 'access', _17 => _17.current, 'optionalAccess', _18 => _18.focus, 'call', _19 => _19()]);
-              voiceSession.onEnd();
-            },
-            className: _chunkKWLSBTB2cjs.cn.call(void 0, !active && "justify-center px-4 py-6 text-center")
-          }
-        ) }),
-        description && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "shrink-0 px-4 py-3 text-sm text-muted-foreground", children: description }),
-        error && (voiceSession.state !== "error" || error !== voiceSession.error) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { role: "alert", className: "shrink-0 px-4 py-2 text-sm text-destructive", children: error }),
-        pending && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { role: "status", className: "shrink-0 px-4 py-2 text-sm text-muted-foreground", children: "Applying your instructions\u2026" }),
-        summaries.length > 0 && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "section", { "aria-label": "Action summaries", className: "min-h-20 flex-1 overflow-y-auto border-t px-4 py-3", children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h3", { className: "mb-3 text-xs font-medium text-muted-foreground", children: "Action summaries" }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "ol", { className: "space-y-3", "aria-live": "polite", "aria-relevant": "additions", children: [...summaries].reverse().map((summary) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "li", { className: "space-y-1 border-b pb-3 last:border-0 last:pb-0", children: [
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-xs text-muted-foreground", children: summary.context }),
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "whitespace-pre-wrap break-words text-sm", children: summary.body })
-          ] }, summary.id)) })
-        ] })
-      ]
-    }
+          ) }),
+          description && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "shrink-0 px-4 py-3 text-sm text-muted-foreground", children: description }),
+          error && (voiceSession.state !== "error" || error !== voiceSession.error) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { role: "alert", className: "shrink-0 px-4 py-2 text-sm text-destructive", children: error }),
+          pending && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { role: "status", className: "shrink-0 px-4 py-2 text-sm text-muted-foreground", children: "Applying your instructions\u2026" }),
+          summaries.length > 0 && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "section", { id: summariesId, hidden: !showingSummaries, "aria-label": "Action summaries", className: "min-h-20 flex-1 overflow-y-auto border-t px-4 py-3", children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h3", { className: "mb-3 text-xs font-medium text-muted-foreground", children: "Action summaries" }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "ol", { className: "space-y-3", "aria-live": "polite", "aria-relevant": "additions", children: [...summaries].reverse().map((summary) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "li", { className: "space-y-1 border-b pb-3 last:border-0 last:pb-0", children: [
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-xs text-muted-foreground", children: summary.context }),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "whitespace-pre-wrap break-words text-sm", children: summary.body })
+            ] }, summary.id)) })
+          ] })
+        ]
+      }
+    )
   );
 });
 

package/dist/primitives/workflow-assistant.d.cts

@@ -2,6 +2,9 @@ import * as React from 'react';
 import { ReactNode } from 'react';
 import { VoiceSessionControlsProps } from './voice-session-controls.cjs';
 import 'react/jsx-runtime';
+import './button.cjs';
+import 'class-variance-authority/types';
+import 'class-variance-authority';
 
 interface WorkflowSummary {
     id: string;
@@ -18,8 +21,12 @@ interface WorkflowAssistantProps {
     /** Current host-owned scope. Keep it visible while the summaries scroll. */
     context: string;
     description?: ReactNode;
-    /** Saved action receipts and clarification questions, newest last. Read-only. */
+    /** Saved action receipts and clarification questions, newest last. Read-only.
+     * Hidden until someone opens them: the voice already confirms each action. */
     summaries: WorkflowSummary[];
+    /** Whether the summaries show. Leave unset for the panel to keep it (closed at first). */
+    summariesOpen?: boolean;
+    onSummariesOpenChange?: (open: boolean) => void;
     /** Minimizing preserves this host-owned session; only End calls onEnd. */
     voiceSession: VoiceSessionControlsProps;
     pending?: boolean;
@@ -33,6 +40,8 @@ interface WorkflowAssistantProps {
         expand?: string;
         collapse?: string;
         end?: string;
+        showSummaries?: string;
+        hideSummaries?: string;
     };
     className?: string;
 }

package/dist/primitives/workflow-assistant.d.ts

@@ -2,6 +2,9 @@ import * as React from 'react';
 import { ReactNode } from 'react';
 import { VoiceSessionControlsProps } from './voice-session-controls.js';
 import 'react/jsx-runtime';
+import './button.js';
+import 'class-variance-authority/types';
+import 'class-variance-authority';
 
 interface WorkflowSummary {
     id: string;
@@ -18,8 +21,12 @@ interface WorkflowAssistantProps {
     /** Current host-owned scope. Keep it visible while the summaries scroll. */
     context: string;
     description?: ReactNode;
-    /** Saved action receipts and clarification questions, newest last. Read-only. */
+    /** Saved action receipts and clarification questions, newest last. Read-only.
+     * Hidden until someone opens them: the voice already confirms each action. */
     summaries: WorkflowSummary[];
+    /** Whether the summaries show. Leave unset for the panel to keep it (closed at first). */
+    summariesOpen?: boolean;
+    onSummariesOpenChange?: (open: boolean) => void;
     /** Minimizing preserves this host-owned session; only End calls onEnd. */
     voiceSession: VoiceSessionControlsProps;
     pending?: boolean;
@@ -33,6 +40,8 @@ interface WorkflowAssistantProps {
         expand?: string;
         collapse?: string;
         end?: string;
+        showSummaries?: string;
+        hideSummaries?: string;
     };
     className?: string;
 }

package/dist/primitives/workflow-assistant.js

@@ -1,8 +1,9 @@
 "use client";
 "use client";
 import {
+  VoiceSessionAction,
   VoiceSessionControls
-} from "../chunk-PL2462GA.js";
+} from "../chunk-6O3DUMF7.js";
 import "../chunk-5OF6D3GH.js";
 import {
   Button
@@ -13,9 +14,9 @@ import {
 import "../chunk-GJ7S3L6R.js";
 
 // src/primitives/workflow-assistant.tsx
-import { forwardRef, useEffect, useId, useRef } from "react";
-import { AudioLines, ChevronDown, Maximize2, Minimize2, Square } from "lucide-react";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { forwardRef, useEffect, useId, useRef, useState } from "react";
+import { AudioLines, ChevronDown, ListChecks, Maximize2, Minimize2, Square } from "lucide-react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 var SESSION_LABELS = {
   disconnected: "Voice chat",
   connecting: "Connecting\u2026",
@@ -34,6 +35,8 @@ var WorkflowAssistant = forwardRef(function WorkflowAssistant2({
   context,
   description,
   summaries,
+  summariesOpen,
+  onSummariesOpenChange,
   voiceSession,
   pending,
   disabled,
@@ -44,6 +47,13 @@ var WorkflowAssistant = forwardRef(function WorkflowAssistant2({
 }, ref) {
   const titleId = useId();
   const statusId = useId();
+  const summariesId = useId();
+  const [ownSummariesOpen, setOwnSummariesOpen] = useState(false);
+  const showingSummaries = (summariesOpen ?? ownSummariesOpen) && summaries.length > 0;
+  const setSummariesOpen = (next) => {
+    setOwnSummariesOpen(next);
+    onSummariesOpenChange?.(next);
+  };
   const launcher = useRef(null);
   const heading = useRef(null);
   const moveFocus = useRef(false);
@@ -108,61 +118,82 @@ var WorkflowAssistant = forwardRef(function WorkflowAssistant2({
       ]
     }
   );
-  return /* @__PURE__ */ jsxs(
-    "aside",
-    {
-      ref,
-      "data-slot": "workflow-assistant",
-      "aria-labelledby": titleId,
-      className: cn(
-        "fixed inset-x-2 bottom-[calc(1rem+env(safe-area-inset-bottom))] z-40 flex min-h-0 flex-col overflow-y-auto overscroll-contain rounded-2xl border bg-background shadow-xl sm:inset-x-auto sm:right-6 sm:w-[28rem] md:right-8",
-        expanded ? "h-[calc(100dvh-6rem)]" : "max-h-[min(36rem,70dvh)]",
-        className
-      ),
-      children: [
-        /* @__PURE__ */ jsxs("div", { className: "sticky top-0 z-10 flex shrink-0 items-start gap-2 border-b bg-background p-3", children: [
-          /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
-            /* @__PURE__ */ jsx("h2", { ref: heading, tabIndex: -1, id: titleId, className: "text-sm font-semibold", children: title }),
-            /* @__PURE__ */ jsx("p", { title: context, className: "mt-1 truncate text-xs text-muted-foreground", children: context })
+  return (
+    // On a phone the panel is a sheet docked to the bottom edge, like Drawer:
+    // its background runs under the home indicator (and a browser's floating
+    // toolbar) with its content kept above them. A floating card there left
+    // the page showing beneath it. From sm it is a card in the corner.
+    /* @__PURE__ */ jsxs(
+      "aside",
+      {
+        ref,
+        "data-slot": "workflow-assistant",
+        "aria-labelledby": titleId,
+        className: cn(
+          "fixed inset-x-0 bottom-0 z-40 flex min-h-0 flex-col overflow-y-auto overscroll-contain rounded-t-[10px] border-t bg-background pb-[env(safe-area-inset-bottom)] shadow-[0_-8px_30px_rgb(0_0_0/0.12)]",
+          "sm:inset-x-auto sm:bottom-[calc(1rem+env(safe-area-inset-bottom))] sm:right-6 sm:w-[28rem] sm:rounded-2xl sm:border sm:pb-0 sm:shadow-xl md:right-8",
+          expanded && showingSummaries ? "h-[calc(100dvh-6rem)]" : "max-h-[min(36rem,70dvh)]",
+          className
+        ),
+        children: [
+          /* @__PURE__ */ jsxs("div", { className: "sticky top-0 z-10 flex shrink-0 items-start gap-2 border-b bg-background p-3", children: [
+            /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+              /* @__PURE__ */ jsx("h2", { ref: heading, tabIndex: -1, id: titleId, className: "text-sm font-semibold outline-none", children: title }),
+              /* @__PURE__ */ jsx("p", { title: context, className: "mt-1 truncate text-xs text-muted-foreground", children: context })
+            ] }),
+            onExpandedChange && showingSummaries && /* @__PURE__ */ jsx(
+              Button,
+              {
+                type: "button",
+                variant: "ghost",
+                size: "icon",
+                "aria-label": expanded ? labels?.collapse ?? "Reduce panel" : labels?.expand ?? "Expand panel",
+                onClick: () => onExpandedChange(!expanded),
+                children: expanded ? /* @__PURE__ */ jsx(Minimize2, { "aria-hidden": "true" }) : /* @__PURE__ */ jsx(Maximize2, { "aria-hidden": "true" })
+              }
+            ),
+            /* @__PURE__ */ jsx(Button, { type: "button", variant: "ghost", size: "icon", "aria-label": labels?.minimize ?? "Minimize voice review", onClick: () => toggle(false), children: /* @__PURE__ */ jsx(ChevronDown, { "aria-hidden": "true" }) })
           ] }),
-          onExpandedChange && /* @__PURE__ */ jsx(
-            Button,
+          /* @__PURE__ */ jsx("div", { className: "shrink-0", "data-slot": "workflow-assistant-voice", children: /* @__PURE__ */ jsx(
+            VoiceSessionControls,
             {
-              type: "button",
-              variant: "ghost",
-              size: "icon",
-              "aria-label": expanded ? labels?.collapse ?? "Reduce panel" : labels?.expand ?? "Expand panel",
-              onClick: () => onExpandedChange(!expanded),
-              children: expanded ? /* @__PURE__ */ jsx(Minimize2, { "aria-hidden": "true" }) : /* @__PURE__ */ jsx(Maximize2, { "aria-hidden": "true" })
+              ...voiceSession,
+              disabled: Boolean(startDisabled),
+              size: "hero",
+              onEnd: () => {
+                heading.current?.focus();
+                voiceSession.onEnd();
+              },
+              actions: summaries.length > 0 ? /* @__PURE__ */ jsxs(Fragment, { children: [
+                voiceSession.actions,
+                /* @__PURE__ */ jsx(
+                  VoiceSessionAction,
+                  {
+                    label: showingSummaries ? labels?.hideSummaries ?? "Hide actions" : labels?.showSummaries ?? "Show actions",
+                    icon: /* @__PURE__ */ jsx(ListChecks, { "aria-hidden": "true" }),
+                    "aria-expanded": showingSummaries,
+                    "aria-controls": summariesId,
+                    className: "aria-expanded:bg-muted",
+                    onClick: () => setSummariesOpen(!showingSummaries)
+                  }
+                )
+              ] }) : voiceSession.actions,
+              className: cn(!active && "justify-center px-4 py-6 text-center")
             }
-          ),
-          /* @__PURE__ */ jsx(Button, { type: "button", variant: "ghost", size: "icon", "aria-label": labels?.minimize ?? "Minimize voice review", onClick: () => toggle(false), children: /* @__PURE__ */ jsx(ChevronDown, { "aria-hidden": "true" }) })
-        ] }),
-        /* @__PURE__ */ jsx("div", { className: "shrink-0", "data-slot": "workflow-assistant-voice", children: /* @__PURE__ */ jsx(
-          VoiceSessionControls,
-          {
-            ...voiceSession,
-            disabled: Boolean(startDisabled),
-            size: "hero",
-            onEnd: () => {
-              heading.current?.focus();
-              voiceSession.onEnd();
-            },
-            className: cn(!active && "justify-center px-4 py-6 text-center")
-          }
-        ) }),
-        description && /* @__PURE__ */ jsx("div", { className: "shrink-0 px-4 py-3 text-sm text-muted-foreground", children: description }),
-        error && (voiceSession.state !== "error" || error !== voiceSession.error) && /* @__PURE__ */ jsx("p", { role: "alert", className: "shrink-0 px-4 py-2 text-sm text-destructive", children: error }),
-        pending && /* @__PURE__ */ jsx("p", { role: "status", className: "shrink-0 px-4 py-2 text-sm text-muted-foreground", children: "Applying your instructions\u2026" }),
-        summaries.length > 0 && /* @__PURE__ */ jsxs("section", { "aria-label": "Action summaries", className: "min-h-20 flex-1 overflow-y-auto border-t px-4 py-3", children: [
-          /* @__PURE__ */ jsx("h3", { className: "mb-3 text-xs font-medium text-muted-foreground", children: "Action summaries" }),
-          /* @__PURE__ */ jsx("ol", { className: "space-y-3", "aria-live": "polite", "aria-relevant": "additions", children: [...summaries].reverse().map((summary) => /* @__PURE__ */ jsxs("li", { className: "space-y-1 border-b pb-3 last:border-0 last:pb-0", children: [
-            /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: summary.context }),
-            /* @__PURE__ */ jsx("p", { className: "whitespace-pre-wrap break-words text-sm", children: summary.body })
-          ] }, summary.id)) })
-        ] })
-      ]
-    }
+          ) }),
+          description && /* @__PURE__ */ jsx("div", { className: "shrink-0 px-4 py-3 text-sm text-muted-foreground", children: description }),
+          error && (voiceSession.state !== "error" || error !== voiceSession.error) && /* @__PURE__ */ jsx("p", { role: "alert", className: "shrink-0 px-4 py-2 text-sm text-destructive", children: error }),
+          pending && /* @__PURE__ */ jsx("p", { role: "status", className: "shrink-0 px-4 py-2 text-sm text-muted-foreground", children: "Applying your instructions\u2026" }),
+          summaries.length > 0 && /* @__PURE__ */ jsxs("section", { id: summariesId, hidden: !showingSummaries, "aria-label": "Action summaries", className: "min-h-20 flex-1 overflow-y-auto border-t px-4 py-3", children: [
+            /* @__PURE__ */ jsx("h3", { className: "mb-3 text-xs font-medium text-muted-foreground", children: "Action summaries" }),
+            /* @__PURE__ */ jsx("ol", { className: "space-y-3", "aria-live": "polite", "aria-relevant": "additions", children: [...summaries].reverse().map((summary) => /* @__PURE__ */ jsxs("li", { className: "space-y-1 border-b pb-3 last:border-0 last:pb-0", children: [
+              /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: summary.context }),
+              /* @__PURE__ */ jsx("p", { className: "whitespace-pre-wrap break-words text-sm", children: summary.body })
+            ] }, summary.id)) })
+          ] })
+        ]
+      }
+    )
   );
 });
 export {

package/package.json

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