@epicbagel/saas-kit 1.21.0 → 1.22.0

package/dist/primitives/item.d.cts

@@ -8,14 +8,14 @@ import '@radix-ui/react-separator';
 declare function ItemGroup({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
 declare function ItemSeparator({ className, ...props }: React.ComponentProps<typeof Separator>): react_jsx_runtime.JSX.Element;
 declare const itemVariants: (props?: ({
-    variant?: "default" | "muted" | "outline" | null | undefined;
+    variant?: "muted" | "default" | "outline" | null | undefined;
     size?: "xs" | "sm" | "default" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare function Item({ className, variant, size, asChild, ...props }: React.ComponentProps<"div"> & VariantProps<typeof itemVariants> & {
     asChild?: boolean;
 }): react_jsx_runtime.JSX.Element;
 declare const itemMediaVariants: (props?: ({
-    variant?: "image" | "default" | "icon" | null | undefined;
+    variant?: "icon" | "image" | "default" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare function ItemMedia({ className, variant, ...props }: React.ComponentProps<"div"> & VariantProps<typeof itemMediaVariants>): react_jsx_runtime.JSX.Element;
 declare function ItemContent({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;

package/dist/primitives/item.d.ts

@@ -8,14 +8,14 @@ import '@radix-ui/react-separator';
 declare function ItemGroup({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
 declare function ItemSeparator({ className, ...props }: React.ComponentProps<typeof Separator>): react_jsx_runtime.JSX.Element;
 declare const itemVariants: (props?: ({
-    variant?: "default" | "muted" | "outline" | null | undefined;
+    variant?: "muted" | "default" | "outline" | null | undefined;
     size?: "xs" | "sm" | "default" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare function Item({ className, variant, size, asChild, ...props }: React.ComponentProps<"div"> & VariantProps<typeof itemVariants> & {
     asChild?: boolean;
 }): react_jsx_runtime.JSX.Element;
 declare const itemMediaVariants: (props?: ({
-    variant?: "image" | "default" | "icon" | null | undefined;
+    variant?: "icon" | "image" | "default" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare function ItemMedia({ className, variant, ...props }: React.ComponentProps<"div"> & VariantProps<typeof itemMediaVariants>): react_jsx_runtime.JSX.Element;
 declare function ItemContent({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;

package/dist/primitives/section-header.d.cts

@@ -5,7 +5,7 @@ import { VariantProps } from 'class-variance-authority';
 
 declare const sectionHeaderVariants: (props?: ({
     variant?: "muted" | "plain" | null | undefined;
-    spacing?: "none" | "tight" | "loose" | null | undefined;
+    spacing?: "tight" | "loose" | "none" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface SectionHeaderProps extends Omit<HTMLAttributes<HTMLHeadingElement>, "children">, VariantProps<typeof sectionHeaderVariants> {
     /** Pre-rendered icon node. Sized to match the header text. */

package/dist/primitives/section-header.d.ts

@@ -5,7 +5,7 @@ import { VariantProps } from 'class-variance-authority';
 
 declare const sectionHeaderVariants: (props?: ({
     variant?: "muted" | "plain" | null | undefined;
-    spacing?: "none" | "tight" | "loose" | null | undefined;
+    spacing?: "tight" | "loose" | "none" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface SectionHeaderProps extends Omit<HTMLAttributes<HTMLHeadingElement>, "children">, VariantProps<typeof sectionHeaderVariants> {
     /** Pre-rendered icon node. Sized to match the header text. */

package/dist/primitives/toggle-group.d.cts

@@ -5,11 +5,11 @@ import { VariantProps } from 'class-variance-authority';
 
 declare const ToggleGroup: React.ForwardRefExoticComponent<((Omit<ToggleGroupPrimitive.ToggleGroupSingleProps & React.RefAttributes<HTMLDivElement>, "ref"> | Omit<ToggleGroupPrimitive.ToggleGroupMultipleProps & React.RefAttributes<HTMLDivElement>, "ref">) & VariantProps<(props?: ({
     variant?: "default" | "outline" | null | undefined;
-    size?: "sm" | "lg" | "default" | "icon" | "icon-lg" | "avatar" | "chip" | null | undefined;
+    size?: "icon" | "sm" | "lg" | "default" | "icon-lg" | "avatar" | "chip" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string>) & React.RefAttributes<HTMLDivElement>>;
 declare const ToggleGroupItem: React.ForwardRefExoticComponent<Omit<ToggleGroupPrimitive.ToggleGroupItemProps & React.RefAttributes<HTMLButtonElement>, "ref"> & VariantProps<(props?: ({
     variant?: "default" | "outline" | null | undefined;
-    size?: "sm" | "lg" | "default" | "icon" | "icon-lg" | "avatar" | "chip" | null | undefined;
+    size?: "icon" | "sm" | "lg" | "default" | "icon-lg" | "avatar" | "chip" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string> & {
     grow?: boolean;
     textSize?: "inherit" | "xs";

package/dist/primitives/toggle-group.d.ts

@@ -5,11 +5,11 @@ import { VariantProps } from 'class-variance-authority';
 
 declare const ToggleGroup: React.ForwardRefExoticComponent<((Omit<ToggleGroupPrimitive.ToggleGroupSingleProps & React.RefAttributes<HTMLDivElement>, "ref"> | Omit<ToggleGroupPrimitive.ToggleGroupMultipleProps & React.RefAttributes<HTMLDivElement>, "ref">) & VariantProps<(props?: ({
     variant?: "default" | "outline" | null | undefined;
-    size?: "sm" | "lg" | "default" | "icon" | "icon-lg" | "avatar" | "chip" | null | undefined;
+    size?: "icon" | "sm" | "lg" | "default" | "icon-lg" | "avatar" | "chip" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string>) & React.RefAttributes<HTMLDivElement>>;
 declare const ToggleGroupItem: React.ForwardRefExoticComponent<Omit<ToggleGroupPrimitive.ToggleGroupItemProps & React.RefAttributes<HTMLButtonElement>, "ref"> & VariantProps<(props?: ({
     variant?: "default" | "outline" | null | undefined;
-    size?: "sm" | "lg" | "default" | "icon" | "icon-lg" | "avatar" | "chip" | null | undefined;
+    size?: "icon" | "sm" | "lg" | "default" | "icon-lg" | "avatar" | "chip" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string> & {
     grow?: boolean;
     textSize?: "inherit" | "xs";

package/dist/primitives/toggle.d.cts

@@ -5,11 +5,11 @@ import * as React from 'react';
 
 declare const toggleVariants: (props?: ({
     variant?: "default" | "outline" | null | undefined;
-    size?: "sm" | "lg" | "default" | "icon" | "icon-lg" | "avatar" | "chip" | null | undefined;
+    size?: "icon" | "sm" | "lg" | "default" | "icon-lg" | "avatar" | "chip" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare const Toggle: React.ForwardRefExoticComponent<Omit<TogglePrimitive.ToggleProps & React.RefAttributes<HTMLButtonElement>, "ref"> & VariantProps<(props?: ({
     variant?: "default" | "outline" | null | undefined;
-    size?: "sm" | "lg" | "default" | "icon" | "icon-lg" | "avatar" | "chip" | null | undefined;
+    size?: "icon" | "sm" | "lg" | "default" | "icon-lg" | "avatar" | "chip" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string> & React.RefAttributes<HTMLButtonElement>>;
 
 export { Toggle, toggleVariants };

package/dist/primitives/toggle.d.ts

@@ -5,11 +5,11 @@ import * as React from 'react';
 
 declare const toggleVariants: (props?: ({
     variant?: "default" | "outline" | null | undefined;
-    size?: "sm" | "lg" | "default" | "icon" | "icon-lg" | "avatar" | "chip" | null | undefined;
+    size?: "icon" | "sm" | "lg" | "default" | "icon-lg" | "avatar" | "chip" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare const Toggle: React.ForwardRefExoticComponent<Omit<TogglePrimitive.ToggleProps & React.RefAttributes<HTMLButtonElement>, "ref"> & VariantProps<(props?: ({
     variant?: "default" | "outline" | null | undefined;
-    size?: "sm" | "lg" | "default" | "icon" | "icon-lg" | "avatar" | "chip" | null | undefined;
+    size?: "icon" | "sm" | "lg" | "default" | "icon-lg" | "avatar" | "chip" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string> & React.RefAttributes<HTMLButtonElement>>;
 
 export { Toggle, toggleVariants };

package/dist/primitives/workflow-assistant.cjs

@@ -2,32 +2,7 @@
 "use client";
 
 
-
-var _chunk4YJ6DGPLcjs = require('../chunk-4YJ6DGPL.cjs');
-require('../chunk-2BTDBZYN.cjs');
-require('../chunk-PH2TV7XI.cjs');
-require('../chunk-YMI3X2YL.cjs');
-require('../chunk-M4V7OJNF.cjs');
-require('../chunk-B765DSRG.cjs');
-require('../chunk-23IETCLV.cjs');
-require('../chunk-DMPSKGFM.cjs');
-require('../chunk-NWDPH2Z7.cjs');
-require('../chunk-Z2H4LJVG.cjs');
-require('../chunk-7LDJAXRX.cjs');
-require('../chunk-2HV2KKOE.cjs');
-require('../chunk-ZLEM2SAU.cjs');
-require('../chunk-KENBU3NV.cjs');
-require('../chunk-ELPV44S6.cjs');
-require('../chunk-2BHI5ZWJ.cjs');
-require('../chunk-ZAITUDYD.cjs');
-require('../chunk-U2NES7VR.cjs');
-require('../chunk-V4YWTRLD.cjs');
-require('../chunk-373W6VAD.cjs');
-require('../chunk-W5HPHEE7.cjs');
-require('../chunk-FYRQFEU4.cjs');
-require('../chunk-2KFZQJH5.cjs');
-require('../chunk-PQUSJEXL.cjs');
-require('../chunk-WABCLRBR.cjs');
+var _chunkYMI3X2YLcjs = require('../chunk-YMI3X2YL.cjs');
 require('../chunk-NKWHDI4C.cjs');
 
 
@@ -36,10 +11,6 @@ var _chunkJDEXZGIYcjs = require('../chunk-JDEXZGIY.cjs');
 
 var _chunkKWLSBTB2cjs = require('../chunk-KWLSBTB2.cjs');
 require('../chunk-2BSFYU22.cjs');
-require('../chunk-4LXN6GLZ.cjs');
-require('../chunk-7Q4EFCUI.cjs');
-require('../chunk-R35FT53G.cjs');
-require('../chunk-H2UFRLLN.cjs');
 
 // src/primitives/workflow-assistant.tsx
 var _react = require('react');
@@ -62,15 +33,11 @@ var WorkflowAssistant = _react.forwardRef.call(void 0, function WorkflowAssistan
   title = "Voice review",
   context,
   description,
-  messages,
-  value,
-  onChange,
-  onSend,
+  summaries,
   voiceSession,
   pending,
   disabled,
   error,
-  placeholder = "Describe an action\u2026",
   besideCornerAction = false,
   labels,
   className
@@ -89,9 +56,10 @@ var WorkflowAssistant = _react.forwardRef.call(void 0, function WorkflowAssistan
     moveFocus.current = true;
     onOpenChange(next);
   };
-  const startDisabled = pending || disabled || _optionalChain([voiceSession, 'optionalAccess', _3 => _3.disabled]);
-  const active = voiceSession && voiceSession.state !== "disconnected" && voiceSession.state !== "error";
-  const status = voiceSession && (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 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 unavailable = voiceSession.state === "error" && voiceSession.disabled;
   if (!open) return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
     "aside",
     {
@@ -107,17 +75,17 @@ var WorkflowAssistant = _react.forwardRef.call(void 0, function WorkflowAssistan
             type: "button",
             shape: "pill",
             className: "min-h-12 min-w-12 max-w-full gap-2 shadow-lg",
-            disabled: startDisabled && !active,
-            "aria-label": active ? title : _nullishCoalesce(_optionalChain([labels, 'optionalAccess', _8 => _8.start]), () => ( "Start voice review")),
+            disabled: startDisabled && !active && !unavailable,
+            "aria-label": active ? title : unavailable ? "Voice review unavailable" : _nullishCoalesce(_optionalChain([labels, 'optionalAccess', _7 => _7.start]), () => ( "Start voice review")),
             "aria-expanded": false,
             "aria-describedby": active ? statusId : void 0,
             onClick: () => {
               toggle(true);
-              if (!active && !startDisabled) _optionalChain([voiceSession, 'optionalAccess', _9 => _9.onStart, 'call', _10 => _10()]);
+              if (!active && !startDisabled) voiceSession.onStart();
             },
             children: [
               /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.AudioLines, { "aria-hidden": "true", className: "shrink-0" }),
-              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { id: statusId, role: active ? "status" : void 0, className: "truncate", children: active ? status : title })
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { id: statusId, role: active ? "status" : void 0, className: "truncate", children: active ? status : unavailable ? "Voice unavailable" : title })
             ]
           }
         ),
@@ -130,10 +98,10 @@ 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', _11 => _11.current, 'optionalAccess', _12 => _12.focus, 'call', _13 => _13()]);
+              _optionalChain([launcher, 'access', _8 => _8.current, 'optionalAccess', _9 => _9.focus, 'call', _10 => _10()]);
               voiceSession.onEnd();
             },
-            "aria-label": _nullishCoalesce(_nullishCoalesce(_optionalChain([labels, 'optionalAccess', _14 => _14.end]), () => ( _optionalChain([voiceSession, 'access', _15 => _15.labels, 'optionalAccess', _16 => _16.end]))), () => ( "End voice chat")),
+            "aria-label": _nullishCoalesce(_nullishCoalesce(_optionalChain([labels, 'optionalAccess', _11 => _11.end]), () => ( _optionalChain([voiceSession, 'access', _12 => _12.labels, 'optionalAccess', _13 => _13.end]))), () => ( "End voice chat")),
             children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.Square, { "aria-hidden": "true" })
           }
         )
@@ -163,38 +131,36 @@ var WorkflowAssistant = _react.forwardRef.call(void 0, function WorkflowAssistan
               type: "button",
               variant: "ghost",
               size: "icon",
-              "aria-label": expanded ? _nullishCoalesce(_optionalChain([labels, 'optionalAccess', _17 => _17.collapse]), () => ( "Reduce panel")) : _nullishCoalesce(_optionalChain([labels, 'optionalAccess', _18 => _18.expand]), () => ( "Expand panel")),
+              "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" })
             }
           ),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkJDEXZGIYcjs.Button, { type: "button", variant: "ghost", size: "icon", "aria-label": _nullishCoalesce(_optionalChain([labels, 'optionalAccess', _19 => _19.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, _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" }) })
         ] }),
-        description && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "shrink-0 px-4 py-2 text-xs text-muted-foreground", children: description }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunk4YJ6DGPLcjs.ChatThread,
-          {
-            messages,
-            pending,
-            maxHeight: expanded ? "60dvh" : "32dvh",
-            className: _chunkKWLSBTB2cjs.cn.call(void 0, "flex-1 px-3", messages.length > 0 || pending ? "min-h-24" : "min-h-0")
-          }
-        ),
-        error && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { role: "alert", className: "shrink-0 px-4 py-2 text-sm text-destructive", children: error }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "shrink-0 p-2", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunk4YJ6DGPLcjs.ChatInput,
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "shrink-0", "data-slot": "workflow-assistant-voice", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          _chunkYMI3X2YLcjs.VoiceSessionControls,
           {
-            value,
-            onChange,
-            onSend,
-            disabled,
-            pending,
-            placeholder,
-            size: "sm",
-            voice: false,
-            voiceSession
+            ...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)) })
+        ] })
       ]
     }
   );

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

@@ -1,31 +1,30 @@
 import * as React from 'react';
 import { ReactNode } from 'react';
-import { ChatMessage } from './chat.cjs';
 import { VoiceSessionControlsProps } from './voice-session-controls.cjs';
 import 'react/jsx-runtime';
-import './markdown.cjs';
-import 'react-markdown';
-import './rich-text.cjs';
 
+interface WorkflowSummary {
+    id: string;
+    /** Scope at the time of the action, which may differ from the current list. */
+    context: string;
+    body: string;
+}
 interface WorkflowAssistantProps {
     open: boolean;
     onOpenChange: (open: boolean) => void;
     expanded?: boolean;
     onExpandedChange?: (expanded: boolean) => void;
     title?: string;
-    /** Current host-owned scope. Keep it visible while the transcript scrolls. */
+    /** Current host-owned scope. Keep it visible while the summaries scroll. */
     context: string;
     description?: ReactNode;
-    messages: ChatMessage[];
-    value: string;
-    onChange: (value: string) => void;
-    onSend: (value: string) => void;
+    /** Saved action receipts and clarification questions, newest last. Read-only. */
+    summaries: WorkflowSummary[];
     /** Minimizing preserves this host-owned session; only End calls onEnd. */
-    voiceSession?: VoiceSessionControlsProps;
+    voiceSession: VoiceSessionControlsProps;
     pending?: boolean;
     disabled?: boolean;
     error?: string | null;
-    placeholder?: string;
     /** Leave room for an existing corner action such as New. */
     besideCornerAction?: boolean;
     labels?: {
@@ -37,8 +36,8 @@ interface WorkflowAssistantProps {
     };
     className?: string;
 }
-/** A non-modal workflow conversation: the underlying list stays usable.
+/** Voice-only workflow controls: the underlying list stays usable.
  * The host owns scope, authorization, persistence and the voice connection. */
 declare const WorkflowAssistant: React.ForwardRefExoticComponent<WorkflowAssistantProps & React.RefAttributes<HTMLElement>>;
 
-export { WorkflowAssistant, type WorkflowAssistantProps };
+export { WorkflowAssistant, type WorkflowAssistantProps, type WorkflowSummary };

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

@@ -1,31 +1,30 @@
 import * as React from 'react';
 import { ReactNode } from 'react';
-import { ChatMessage } from './chat.js';
 import { VoiceSessionControlsProps } from './voice-session-controls.js';
 import 'react/jsx-runtime';
-import './markdown.js';
-import 'react-markdown';
-import './rich-text.js';
 
+interface WorkflowSummary {
+    id: string;
+    /** Scope at the time of the action, which may differ from the current list. */
+    context: string;
+    body: string;
+}
 interface WorkflowAssistantProps {
     open: boolean;
     onOpenChange: (open: boolean) => void;
     expanded?: boolean;
     onExpandedChange?: (expanded: boolean) => void;
     title?: string;
-    /** Current host-owned scope. Keep it visible while the transcript scrolls. */
+    /** Current host-owned scope. Keep it visible while the summaries scroll. */
     context: string;
     description?: ReactNode;
-    messages: ChatMessage[];
-    value: string;
-    onChange: (value: string) => void;
-    onSend: (value: string) => void;
+    /** Saved action receipts and clarification questions, newest last. Read-only. */
+    summaries: WorkflowSummary[];
     /** Minimizing preserves this host-owned session; only End calls onEnd. */
-    voiceSession?: VoiceSessionControlsProps;
+    voiceSession: VoiceSessionControlsProps;
     pending?: boolean;
     disabled?: boolean;
     error?: string | null;
-    placeholder?: string;
     /** Leave room for an existing corner action such as New. */
     besideCornerAction?: boolean;
     labels?: {
@@ -37,8 +36,8 @@ interface WorkflowAssistantProps {
     };
     className?: string;
 }
-/** A non-modal workflow conversation: the underlying list stays usable.
+/** Voice-only workflow controls: the underlying list stays usable.
  * The host owns scope, authorization, persistence and the voice connection. */
 declare const WorkflowAssistant: React.ForwardRefExoticComponent<WorkflowAssistantProps & React.RefAttributes<HTMLElement>>;
 
-export { WorkflowAssistant, type WorkflowAssistantProps };
+export { WorkflowAssistant, type WorkflowAssistantProps, type WorkflowSummary };

package/dist/primitives/workflow-assistant.js

@@ -1,33 +1,8 @@
 "use client";
 "use client";
 import {
-  ChatInput,
-  ChatThread
-} from "../chunk-C23Q4FRM.js";
-import "../chunk-Z45YKVAM.js";
-import "../chunk-ZGTPNSR7.js";
-import "../chunk-KF4X37DP.js";
-import "../chunk-IJG2B3Y2.js";
-import "../chunk-IW4ZIXXG.js";
-import "../chunk-OUZSIA5G.js";
-import "../chunk-36LNA4WM.js";
-import "../chunk-H4XH2PPU.js";
-import "../chunk-GA5SX7FE.js";
-import "../chunk-QTPPNK6F.js";
-import "../chunk-6FC65AZQ.js";
-import "../chunk-WHDHUYS6.js";
-import "../chunk-VY5U4VGV.js";
-import "../chunk-INNGGLMZ.js";
-import "../chunk-4HWCNRK4.js";
-import "../chunk-V4LE2HWP.js";
-import "../chunk-ZRLUUZHK.js";
-import "../chunk-F366BHWH.js";
-import "../chunk-EIY5LLSP.js";
-import "../chunk-NBUWGRQO.js";
-import "../chunk-CYDICVH2.js";
-import "../chunk-42RTTHND.js";
-import "../chunk-QMA3WVB7.js";
-import "../chunk-3OWGL4Q2.js";
+  VoiceSessionControls
+} from "../chunk-KF4X37DP.js";
 import "../chunk-5OF6D3GH.js";
 import {
   Button
@@ -36,10 +11,6 @@ import {
   cn
 } from "../chunk-G6SRSWXB.js";
 import "../chunk-GJ7S3L6R.js";
-import "../chunk-ZWZAAGQF.js";
-import "../chunk-RPSRCB5O.js";
-import "../chunk-PIU5SSUV.js";
-import "../chunk-CS7DM3NV.js";
 
 // src/primitives/workflow-assistant.tsx
 import { forwardRef, useEffect, useId, useRef } from "react";
@@ -62,15 +33,11 @@ var WorkflowAssistant = forwardRef(function WorkflowAssistant2({
   title = "Voice review",
   context,
   description,
-  messages,
-  value,
-  onChange,
-  onSend,
+  summaries,
   voiceSession,
   pending,
   disabled,
   error,
-  placeholder = "Describe an action\u2026",
   besideCornerAction = false,
   labels,
   className
@@ -89,9 +56,10 @@ var WorkflowAssistant = forwardRef(function WorkflowAssistant2({
     moveFocus.current = true;
     onOpenChange(next);
   };
-  const startDisabled = pending || disabled || voiceSession?.disabled;
-  const active = voiceSession && voiceSession.state !== "disconnected" && voiceSession.state !== "error";
-  const status = voiceSession && (voiceSession.muted && voiceSession.state === "listening" ? voiceSession.labels?.muted ?? "Microphone muted" : voiceSession.labels?.[voiceSession.state] ?? SESSION_LABELS[voiceSession.state]);
+  const startDisabled = pending || disabled || voiceSession.disabled;
+  const active = voiceSession.state !== "disconnected" && voiceSession.state !== "error";
+  const status = voiceSession.muted && voiceSession.state === "listening" ? voiceSession.labels?.muted ?? "Microphone muted" : voiceSession.labels?.[voiceSession.state] ?? SESSION_LABELS[voiceSession.state];
+  const unavailable = voiceSession.state === "error" && voiceSession.disabled;
   if (!open) return /* @__PURE__ */ jsxs(
     "aside",
     {
@@ -107,17 +75,17 @@ var WorkflowAssistant = forwardRef(function WorkflowAssistant2({
             type: "button",
             shape: "pill",
             className: "min-h-12 min-w-12 max-w-full gap-2 shadow-lg",
-            disabled: startDisabled && !active,
-            "aria-label": active ? title : labels?.start ?? "Start voice review",
+            disabled: startDisabled && !active && !unavailable,
+            "aria-label": active ? title : unavailable ? "Voice review unavailable" : labels?.start ?? "Start voice review",
             "aria-expanded": false,
             "aria-describedby": active ? statusId : void 0,
             onClick: () => {
               toggle(true);
-              if (!active && !startDisabled) voiceSession?.onStart();
+              if (!active && !startDisabled) voiceSession.onStart();
             },
             children: [
               /* @__PURE__ */ jsx(AudioLines, { "aria-hidden": "true", className: "shrink-0" }),
-              /* @__PURE__ */ jsx("span", { id: statusId, role: active ? "status" : void 0, className: "truncate", children: active ? status : title })
+              /* @__PURE__ */ jsx("span", { id: statusId, role: active ? "status" : void 0, className: "truncate", children: active ? status : unavailable ? "Voice unavailable" : title })
             ]
           }
         ),
@@ -170,31 +138,29 @@ var WorkflowAssistant = forwardRef(function WorkflowAssistant2({
           ),
           /* @__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" }) })
         ] }),
-        description && /* @__PURE__ */ jsx("div", { className: "shrink-0 px-4 py-2 text-xs text-muted-foreground", children: description }),
-        /* @__PURE__ */ jsx(
-          ChatThread,
+        /* @__PURE__ */ jsx("div", { className: "shrink-0", "data-slot": "workflow-assistant-voice", children: /* @__PURE__ */ jsx(
+          VoiceSessionControls,
           {
-            messages,
-            pending,
-            maxHeight: expanded ? "60dvh" : "32dvh",
-            className: cn("flex-1 px-3", messages.length > 0 || pending ? "min-h-24" : "min-h-0")
-          }
-        ),
-        error && /* @__PURE__ */ jsx("p", { role: "alert", className: "shrink-0 px-4 py-2 text-sm text-destructive", children: error }),
-        /* @__PURE__ */ jsx("div", { className: "shrink-0 p-2", children: /* @__PURE__ */ jsx(
-          ChatInput,
-          {
-            value,
-            onChange,
-            onSend,
-            disabled,
-            pending,
-            placeholder,
-            size: "sm",
-            voice: false,
-            voiceSession
+            ...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)) })
+        ] })
       ]
     }
   );

package/package.json

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