@arbidocs/blocks 0.4.76 → 0.4.77

package/dist/{chunk-UIWLDSTF.js → chunk-NIP5BOP7.js}

@@ -6,10 +6,54 @@ import { observeResize } from './chunk-NPLYHR2E.js';
 import { formatCount } from './chunk-OXF2IFXG.js';
 import { testIdOr } from './chunk-7F6CBP3Z.js';
 import { forwardRef, useState, useRef, useCallback, useEffect, useMemo, useSyncExternalStore, useLayoutEffect } from 'react';
-import { FileText, ChevronDown, Pencil, Sparkles, ChevronUp, MoreHorizontal, RotateCw, AlertCircle, ArrowLeft, Edit3, Send, Loader2, Square, Mic, ArrowDown, MessagesSquare, Bot, GanttChartSquare, ArrowUpRight, Upload, MessageSquarePlus, Trash2, PanelRight, MessageSquare, X, FileUp } from 'lucide-react';
+import { FileText, ChevronDown, Pencil, Workflow, ChevronRight, Sparkles, ChevronUp, MoreHorizontal, RotateCw, AlertCircle, ArrowLeft, Edit3, Send, Loader2, Square, Mic, ArrowDown, MessagesSquare, Bot, GanttChartSquare, ArrowUpRight, Upload, MessageSquarePlus, Trash2, PanelRight, MessageSquare, X, FileUp } from 'lucide-react';
 import { cn, Textarea, Button, PopoverTrigger, Popover, PopoverAnchor, PopoverContent, DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuItem, Tooltip, TooltipTrigger, TooltipContent, MarkdownRenderer, closeOpenEmphasis, trimOpenCitation } from '@arbidocs/react/ui';
 import { jsx, jsxs, Fragment } from '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] = useState(false);
+  const Chevron = open ? ChevronDown : ChevronRight;
+  return /* @__PURE__ */ jsxs("div", { className: cn("flex max-w-full flex-col items-end gap-1", className), "data-testid": testId, children: [
+    /* @__PURE__ */ 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__ */ jsx(Workflow, { className: "size-3.5 shrink-0 text-primary", "aria-hidden": true }),
+          /* @__PURE__ */ jsx("span", { className: "truncate", children: l.chip.replace("{title}", title || step) }),
+          /* @__PURE__ */ jsx(Chevron, { className: "size-3.5 shrink-0", "aria-hidden": true })
+        ]
+      }
+    ),
+    open && /* @__PURE__ */ 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;
@@ -1791,7 +1835,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__ */ jsx(Message.Root, { role: "user", messageId: message.id, children: /* @__PURE__ */ jsx(Message.Content, { role: "user", messageId: message.id, children: /* @__PURE__ */ jsx(
+      WorkflowStepChip,
+      {
+        step: message.workflowStep,
+        title: workflowStepTitle?.(message.workflowStep),
+        content: message.content
+      }
+    ) }) });
+  }
   if (message.role === "user") {
     return /* @__PURE__ */ jsx(Message.Root, { role: "user", messageId: message.id, children: /* @__PURE__ */ jsxs(Message.Content, { role: "user", messageId: message.id, children: [
       message.senderName && /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: message.senderName }),
@@ -1857,6 +1918,7 @@ function ChatPage({
   identity,
   renderContent,
   onOpenCitation,
+  workflowStepTitle,
   targetMessageId,
   asideBreakpoint = DEFAULT_ASIDE_BREAKPOINT_REM,
   fillHeight = false,
@@ -2137,6 +2199,7 @@ function ChatPage({
                                 identity,
                                 renderContent,
                                 onOpenCitation,
+                                workflowStepTitle,
                                 labels: l
                               }
                             )
@@ -2380,6 +2443,6 @@ function AssistantDock({
   );
 }
 
-export { AssistantDock, AssistantDockToggle, AssistantModeToggle, ChatDocuments, ChatMessageContent, ChatPage, ChatThreadList, ChatThreadSelect, CitationMark, Composer, ComposerBranchingNotice, ComposerContainer, ComposerDock, ComposerFrame, ComposerInput, ComposerRoot, ComposerSend, ComposerToolbar, ComposerVoiceButton, ContextChip, ConversationEmpty, DEFAULT_ASSISTANT_MODE_TOGGLE_LABELS, DEFAULT_CHAT_PAGE_LABELS, DEFAULT_COMPOSER_LABELS, DEFAULT_CONVERSATION_EMPTY_LABELS, DEFAULT_MESSAGE_ALERT_LABELS, DEFAULT_MESSAGE_LABELS, DEFAULT_MESSAGE_LIST_LABELS, Message, MessageActionButton, MessageActionMenu, MessageAlert, MessageBody, MessageBubble, MessageByline, MessageContent, MessageFooter, MessageList, MessageListBanner, MessageListEmpty, MessageListRoot, MessageListRow, MessageListRows, MessageListStatus, MessageListTail, MessageNarration, MessageRoot, MessageSources, MessageSubagentBadge, ScrollToBottom, SourceChip, toSpeakableText, useAssistantDock, useChatSurface, useRegisterEmbeddedChat, useStreamAnnouncement };
-//# sourceMappingURL=chunk-UIWLDSTF.js.map
-//# sourceMappingURL=chunk-UIWLDSTF.js.map
+export { AssistantDock, AssistantDockToggle, AssistantModeToggle, ChatDocuments, ChatMessageContent, ChatPage, ChatThreadList, ChatThreadSelect, CitationMark, Composer, ComposerBranchingNotice, ComposerContainer, ComposerDock, ComposerFrame, ComposerInput, ComposerRoot, ComposerSend, ComposerToolbar, ComposerVoiceButton, ContextChip, ConversationEmpty, DEFAULT_ASSISTANT_MODE_TOGGLE_LABELS, DEFAULT_CHAT_PAGE_LABELS, DEFAULT_COMPOSER_LABELS, DEFAULT_CONVERSATION_EMPTY_LABELS, DEFAULT_MESSAGE_ALERT_LABELS, DEFAULT_MESSAGE_LABELS, DEFAULT_MESSAGE_LIST_LABELS, DEFAULT_WORKFLOW_STEP_CHIP_LABELS, Message, MessageActionButton, MessageActionMenu, MessageAlert, MessageBody, MessageBubble, MessageByline, MessageContent, MessageFooter, MessageList, MessageListBanner, MessageListEmpty, MessageListRoot, MessageListRow, MessageListRows, MessageListStatus, MessageListTail, MessageNarration, MessageRoot, MessageSources, MessageSubagentBadge, ScrollToBottom, SourceChip, WorkflowStepChip, toSpeakableText, useAssistantDock, useChatSurface, useRegisterEmbeddedChat, useStreamAnnouncement };
+//# sourceMappingURL=chunk-NIP5BOP7.js.map
+//# sourceMappingURL=chunk-NIP5BOP7.js.map