@arbidocs/blocks 0.4.75 → 0.4.77

package/dist/{chunk-IPGKTUF7.cjs → chunk-HOD6OM7L.cjs}

@@ -12,6 +12,50 @@ var lucideReact = require('lucide-react');
 var ui = require('@arbidocs/react/ui');
 var jsxRuntime = require('react/jsx-runtime');
 
+var DEFAULT_WORKFLOW_STEP_CHIP_LABELS = {
+  chip: "Workflow step \xB7 {title}",
+  show: "Show the instruction",
+  hide: "Hide the instruction"
+};
+function WorkflowStepChip({
+  step,
+  title,
+  content,
+  labels,
+  className,
+  testId = "workflow-step-message"
+}) {
+  const l = { ...DEFAULT_WORKFLOW_STEP_CHIP_LABELS, ...labels };
+  const [open, setOpen] = react.useState(false);
+  const Chevron = open ? lucideReact.ChevronDown : lucideReact.ChevronRight;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: ui.cn("flex max-w-full flex-col items-end gap-1", className), "data-testid": testId, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      "button",
+      {
+        type: "button",
+        onClick: () => setOpen((o) => !o),
+        "aria-expanded": open,
+        title: open ? l.hide : l.show,
+        className: "inline-flex max-w-full items-center gap-1.5 rounded-full border border-border bg-muted/60 px-2.5 py-1 text-xs font-medium text-muted-foreground hover:text-foreground",
+        "data-step": step,
+        "data-testid": `${testId}-toggle`,
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Workflow, { className: "size-3.5 shrink-0 text-primary", "aria-hidden": true }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate", children: l.chip.replace("{title}", title || step) }),
+          /* @__PURE__ */ jsxRuntime.jsx(Chevron, { className: "size-3.5 shrink-0", "aria-hidden": true })
+        ]
+      }
+    ),
+    open && /* @__PURE__ */ jsxRuntime.jsx(
+      "p",
+      {
+        className: "m-0 max-w-prose whitespace-pre-wrap break-words rounded-lg border border-border bg-card px-3 py-2 text-sm text-muted-foreground",
+        "data-testid": `${testId}-content`,
+        children: content
+      }
+    )
+  ] });
+}
 var LINE_PX = 16;
 function wheelPixels(event, page) {
   if (event.deltaMode === 1) return event.deltaY * LINE_PX;
@@ -1793,7 +1837,24 @@ var USER_BUBBLE = "bg-[color:hsl(var(--chat-user-bubble,var(--muted)))] text-[co
 var NEAR_BOTTOM_PX = 96;
 var LIST_COLUMN_REM = 48;
 var DEFAULT_ASIDE_BREAKPOINT_REM = 60;
-function MessageRow({ message, identity, renderContent, onOpenCitation, labels }) {
+function MessageRow({
+  message,
+  identity,
+  renderContent,
+  onOpenCitation,
+  workflowStepTitle,
+  labels
+}) {
+  if (message.role === "user" && message.workflowStep) {
+    return /* @__PURE__ */ jsxRuntime.jsx(Message.Root, { role: "user", messageId: message.id, children: /* @__PURE__ */ jsxRuntime.jsx(Message.Content, { role: "user", messageId: message.id, children: /* @__PURE__ */ jsxRuntime.jsx(
+      WorkflowStepChip,
+      {
+        step: message.workflowStep,
+        title: workflowStepTitle?.(message.workflowStep),
+        content: message.content
+      }
+    ) }) });
+  }
   if (message.role === "user") {
     return /* @__PURE__ */ jsxRuntime.jsx(Message.Root, { role: "user", messageId: message.id, children: /* @__PURE__ */ jsxRuntime.jsxs(Message.Content, { role: "user", messageId: message.id, children: [
       message.senderName && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs text-muted-foreground", children: message.senderName }),
@@ -1859,6 +1920,7 @@ function ChatPage({
   identity,
   renderContent,
   onOpenCitation,
+  workflowStepTitle,
   targetMessageId,
   asideBreakpoint = DEFAULT_ASIDE_BREAKPOINT_REM,
   fillHeight = false,
@@ -2139,6 +2201,7 @@ function ChatPage({
                                 identity,
                                 renderContent,
                                 onOpenCitation,
+                                workflowStepTitle,
                                 labels: l
                               }
                             )
@@ -2410,6 +2473,7 @@ exports.DEFAULT_CONVERSATION_EMPTY_LABELS = DEFAULT_CONVERSATION_EMPTY_LABELS;
 exports.DEFAULT_MESSAGE_ALERT_LABELS = DEFAULT_MESSAGE_ALERT_LABELS;
 exports.DEFAULT_MESSAGE_LABELS = DEFAULT_MESSAGE_LABELS;
 exports.DEFAULT_MESSAGE_LIST_LABELS = DEFAULT_MESSAGE_LIST_LABELS;
+exports.DEFAULT_WORKFLOW_STEP_CHIP_LABELS = DEFAULT_WORKFLOW_STEP_CHIP_LABELS;
 exports.Message = Message;
 exports.MessageActionButton = MessageActionButton;
 exports.MessageActionMenu = MessageActionMenu;
@@ -2433,10 +2497,11 @@ exports.MessageSources = MessageSources;
 exports.MessageSubagentBadge = MessageSubagentBadge;
 exports.ScrollToBottom = ScrollToBottom;
 exports.SourceChip = SourceChip;
+exports.WorkflowStepChip = WorkflowStepChip;
 exports.toSpeakableText = toSpeakableText;
 exports.useAssistantDock = useAssistantDock;
 exports.useChatSurface = useChatSurface;
 exports.useRegisterEmbeddedChat = useRegisterEmbeddedChat;
 exports.useStreamAnnouncement = useStreamAnnouncement;
-//# sourceMappingURL=chunk-IPGKTUF7.cjs.map
-//# sourceMappingURL=chunk-IPGKTUF7.cjs.map
+//# sourceMappingURL=chunk-HOD6OM7L.cjs.map
+//# sourceMappingURL=chunk-HOD6OM7L.cjs.map