@arbidocs/blocks 0.4.122 → 0.4.124

package/dist/{chunk-S2KVJYBD.cjs → chunk-WV4IDVDQ.cjs}

@@ -2,7 +2,7 @@
 'use strict';
 
 var chunkB6MVQCXW_cjs = require('./chunk-B6MVQCXW.cjs');
-var chunkB4SRYJLM_cjs = require('./chunk-B4SRYJLM.cjs');
+var chunkHM23LXUP_cjs = require('./chunk-HM23LXUP.cjs');
 var chunk7UTB4PHM_cjs = require('./chunk-7UTB4PHM.cjs');
 var chunkPPCATBOY_cjs = require('./chunk-PPCATBOY.cjs');
 var chunkMHVNT4J3_cjs = require('./chunk-MHVNT4J3.cjs');
@@ -13,14 +13,20 @@ var ui = require('@arbidocs/react/ui');
 var jsxRuntime = require('react/jsx-runtime');
 
 var DEFAULT_WORKFLOW_STEP_CHIP_LABELS = {
-  chip: "Workflow step \xB7 {title}",
+  chip: "{title}",
+  name: "Workflow step ({kind}): {title}",
   show: "Show the instruction",
-  hide: "Hide the instruction"
+  hide: "Hide the instruction",
+  kinds: chunkHM23LXUP_cjs.DEFAULT_STEP_KIND_LABELS
 };
 function WorkflowStepChip({
   step,
   title,
+  kind = "agent",
+  phase = "running",
+  document: document2,
   content,
+  messageId,
   labels,
   className,
   testId = "workflow-step-message"
@@ -28,33 +34,59 @@ function WorkflowStepChip({
   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
-      }
-    )
-  ] });
+  const KindIcon = chunkHM23LXUP_cjs.STEP_KIND_ICONS[kind];
+  const name = l.name.replace("{kind}", l.kinds[kind]).replace("{title}", title || step);
+  const done = phase === "done" || phase === "skipped";
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: ui.cn(`wf-kind-${kind}`, "flex w-full flex-col items-center gap-1.5 py-2", className),
+      "data-message-id": messageId,
+      "data-testid": testId,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex w-full max-w-xl items-center gap-2", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": true, className: "wf-link", "data-done": done || void 0 }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            chunkHM23LXUP_cjs.StepChip,
+            {
+              kind,
+              phase,
+              icon: /* @__PURE__ */ jsxRuntime.jsx(KindIcon, {}),
+              label: l.chip.replace("{title}", title || step),
+              labelClassName: "max-w-[22rem] truncate",
+              onClick: () => setOpen((o) => !o),
+              "aria-expanded": open,
+              "aria-label": name,
+              title: open ? l.hide : l.show,
+              className: ui.cn("shrink-0", document2 && "rounded-r-none"),
+              "data-step": step,
+              "data-testid": `${testId}-toggle`,
+              children: /* @__PURE__ */ jsxRuntime.jsx(Chevron, { className: "size-3.5 shrink-0 text-muted-foreground", "aria-hidden": true })
+            }
+          ),
+          document2 && /* @__PURE__ */ jsxRuntime.jsx(
+            chunkHM23LXUP_cjs.StepDocumentButton,
+            {
+              kind,
+              name: document2.name,
+              onOpen: document2.onOpen,
+              showName: true,
+              testId: `${testId}-open-document`
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": true, className: "wf-link", "data-done": done || void 0 })
+        ] }),
+        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) {
@@ -1855,18 +1887,19 @@ function MessageRow({
   identity,
   renderContent,
   onOpenCitation,
-  workflowStepTitle,
+  workflowStepOf,
   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(
+    return /* @__PURE__ */ jsxRuntime.jsx(
       WorkflowStepChip,
       {
         step: message.workflowStep,
-        title: workflowStepTitle?.(message.workflowStep),
-        content: message.content
+        ...workflowStepOf?.(message.workflowStep),
+        content: message.content,
+        messageId: message.id
       }
-    ) }) });
+    );
   }
   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: [
@@ -1933,7 +1966,7 @@ function ChatPage({
   identity,
   renderContent,
   onOpenCitation,
-  workflowStepTitle,
+  workflowStepOf,
   singleThread,
   targetMessageId,
   asideBreakpoint = DEFAULT_ASIDE_BREAKPOINT_REM,
@@ -1960,15 +1993,15 @@ function ChatPage({
   const textareaRef = react.useRef(null);
   const currentThreadRef = react.useRef(chat.activeThreadId);
   currentThreadRef.current = chat.activeThreadId;
-  const mentions = chunkB4SRYJLM_cjs.useMentionAutocomplete({
+  const mentions = chunkHM23LXUP_cjs.useMentionAutocomplete({
     value: draft,
     onValueChange: setDraft,
     candidates: chat.mentionCandidates ?? [],
     textareaRef
   });
-  const { width } = chunkB4SRYJLM_cjs.useElementSize(rootRef);
-  const { height: headerHeight } = chunkB4SRYJLM_cjs.useElementSize(headerRef);
-  const rem = chunkB4SRYJLM_cjs.rootFontSizePx();
+  const { width } = chunkHM23LXUP_cjs.useElementSize(rootRef);
+  const { height: headerHeight } = chunkHM23LXUP_cjs.useElementSize(headerRef);
+  const rem = chunkHM23LXUP_cjs.rootFontSizePx();
   const hasListColumn = !singleThread && width >= LIST_COLUMN_REM * rem;
   const hasAsideColumn = width > 0 && width >= asideBreakpoint * rem;
   const fillPx = useFillHeight(rootRef, fillHeight, minHeight);
@@ -2215,7 +2248,7 @@ function ChatPage({
                                 identity,
                                 renderContent,
                                 onOpenCitation,
-                                workflowStepTitle,
+                                workflowStepOf,
                                 labels: l
                               }
                             )
@@ -2518,5 +2551,5 @@ exports.useAssistantDock = useAssistantDock;
 exports.useChatSurface = useChatSurface;
 exports.useRegisterEmbeddedChat = useRegisterEmbeddedChat;
 exports.useStreamAnnouncement = useStreamAnnouncement;
-//# sourceMappingURL=chunk-S2KVJYBD.cjs.map
-//# sourceMappingURL=chunk-S2KVJYBD.cjs.map
+//# sourceMappingURL=chunk-WV4IDVDQ.cjs.map
+//# sourceMappingURL=chunk-WV4IDVDQ.cjs.map