@epicbagel/saas-kit 1.19.0 → 1.21.0

package/dist/primitives/workflow-assistant.js

@@ -0,0 +1,204 @@
+"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";
+import "../chunk-5OF6D3GH.js";
+import {
+  Button
+} from "../chunk-W326GKML.js";
+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";
+import { AudioLines, ChevronDown, Maximize2, Minimize2, Square } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var SESSION_LABELS = {
+  disconnected: "Voice chat",
+  connecting: "Connecting\u2026",
+  listening: "Listening\u2026",
+  thinking: "Thinking\u2026",
+  speaking: "Speaking",
+  reconnecting: "Reconnecting\u2026",
+  error: "Voice chat unavailable"
+};
+var WorkflowAssistant = forwardRef(function WorkflowAssistant2({
+  open,
+  onOpenChange,
+  expanded = false,
+  onExpandedChange,
+  title = "Voice review",
+  context,
+  description,
+  messages,
+  value,
+  onChange,
+  onSend,
+  voiceSession,
+  pending,
+  disabled,
+  error,
+  placeholder = "Describe an action\u2026",
+  besideCornerAction = false,
+  labels,
+  className
+}, ref) {
+  const titleId = useId();
+  const statusId = useId();
+  const launcher = useRef(null);
+  const heading = useRef(null);
+  const moveFocus = useRef(false);
+  useEffect(() => {
+    if (!moveFocus.current) return;
+    moveFocus.current = false;
+    (open ? heading.current : launcher.current)?.focus();
+  }, [open]);
+  const toggle = (next) => {
+    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]);
+  if (!open) return /* @__PURE__ */ jsxs(
+    "aside",
+    {
+      ref,
+      "data-slot": "workflow-assistant-launcher",
+      "aria-label": title,
+      className: cn("fixed bottom-[calc(1.5rem+env(safe-area-inset-bottom))] z-40 flex max-w-[calc(100vw-9rem)] items-center gap-1", besideCornerAction ? "right-32 md:right-36" : "right-6 md:right-8", className),
+      children: [
+        /* @__PURE__ */ jsxs(
+          Button,
+          {
+            ref: launcher,
+            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",
+            "aria-expanded": false,
+            "aria-describedby": active ? statusId : void 0,
+            onClick: () => {
+              toggle(true);
+              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 })
+            ]
+          }
+        ),
+        active && /* @__PURE__ */ jsx(
+          Button,
+          {
+            type: "button",
+            variant: "outline",
+            shape: "circle",
+            size: "icon",
+            className: "min-h-12 min-w-12 bg-background shadow-lg",
+            onClick: () => {
+              launcher.current?.focus();
+              voiceSession.onEnd();
+            },
+            "aria-label": labels?.end ?? voiceSession.labels?.end ?? "End voice chat",
+            children: /* @__PURE__ */ jsx(Square, { "aria-hidden": "true" })
+          }
+        )
+      ]
+    }
+  );
+  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 })
+          ] }),
+          onExpandedChange && /* @__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" }) })
+        ] }),
+        description && /* @__PURE__ */ jsx("div", { className: "shrink-0 px-4 py-2 text-xs text-muted-foreground", children: description }),
+        /* @__PURE__ */ jsx(
+          ChatThread,
+          {
+            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
+          }
+        ) })
+      ]
+    }
+  );
+});
+export {
+  WorkflowAssistant
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@epicbagel/saas-kit",
-  "version": "1.19.0",
+  "version": "1.21.0",
   "description": "Accessible React primitives, layout components and design tokens for SaaS apps, built on Radix UI and Tailwind CSS v4.",
   "license": "MIT",
   "keywords": [
@@ -1290,6 +1290,16 @@
         "default": "./dist/primitives/voice-session-controls.cjs"
       }
     },
+    "./primitives/workflow-assistant": {
+      "import": {
+        "types": "./dist/primitives/workflow-assistant.d.ts",
+        "default": "./dist/primitives/workflow-assistant.js"
+      },
+      "require": {
+        "types": "./dist/primitives/workflow-assistant.d.cts",
+        "default": "./dist/primitives/workflow-assistant.cjs"
+      }
+    },
     "./hooks/use-agent-audio-visualizer-bar": {
       "import": {
         "types": "./dist/hooks/use-agent-audio-visualizer-bar.d.ts",

package/dist/{chunk-BTHYGHOH.cjs → chunk-AO56ET4F.cjs}

@@ -8,7 +8,7 @@
 
 
 
-var _chunk2BHI5ZWJcjs = require('./chunk-2BHI5ZWJ.cjs');
+var _chunkWDXEJDMOcjs = require('./chunk-WDXEJDMO.cjs');
 
 
 
@@ -18,7 +18,7 @@ var _chunk2BHI5ZWJcjs = require('./chunk-2BHI5ZWJ.cjs');
 
 
 
-var _chunkWDXEJDMOcjs = require('./chunk-WDXEJDMO.cjs');
+var _chunk2BHI5ZWJcjs = require('./chunk-2BHI5ZWJ.cjs');
 
 
 var _chunkKWLSBTB2cjs = require('./chunk-KWLSBTB2.cjs');

package/dist/{chunk-JTI4244T.js → chunk-CRZ4INEJ.js}

@@ -1,14 +1,4 @@
 "use client";
-import {
-  Drawer,
-  DrawerClose,
-  DrawerContent,
-  DrawerDescription,
-  DrawerFooter,
-  DrawerHeader,
-  DrawerTitle,
-  DrawerTrigger
-} from "./chunk-4HWCNRK4.js";
 import {
   Dialog,
   DialogClose,
@@ -19,6 +9,16 @@ import {
   DialogTitle,
   DialogTrigger
 } from "./chunk-3QT5VYZ3.js";
+import {
+  Drawer,
+  DrawerClose,
+  DrawerContent,
+  DrawerDescription,
+  DrawerFooter,
+  DrawerHeader,
+  DrawerTitle,
+  DrawerTrigger
+} from "./chunk-4HWCNRK4.js";
 import {
   cn
 } from "./chunk-G6SRSWXB.js";