@arbidocs/blocks 0.4.76 → 0.4.78

package/dist/connect/index.d.ts

@@ -10,6 +10,8 @@ export { ConnectedSkillUpload } from '../connection/ConnectedSkillUpload';
 export { useConnectedAiTask, useConnectedChat, ConnectedAssistantDock, useWorkspaceDocs, useSemanticSearch, toRedlineMarkdown, redlineStats, textToArtifact, type AiTaskStatus, type AiRunOptions, type SearchChunk, type ArtifactEvent, } from '../connection/ai';
 export { StreamedArtifact, type StreamedArtifactProps } from '../connection/StreamedArtifact';
 export { ConnectedWorkflowRunner, DEFAULT_CONNECTED_WORKFLOW_RUNNER_LABELS, type ConnectedWorkflowRunnerProps, type ConnectedWorkflowRunnerLabels, } from '../connection/ConnectedWorkflowRunner';
+export { WorkflowRunThread, type WorkflowRunThreadProps } from '../connection/WorkflowRunThread';
+export { ConnectedTagMatrix, type ConnectedTagMatrixProps } from '../connection/ConnectedTagMatrix';
 export { useConnectedShellWorkspaces, type UseConnectedShellWorkspacesOptions, } from '../connection/useConnectedShellWorkspaces';
 export { ConnectedProfileCard, ConnectedSecuritySection, ConnectedNotificationPreferences, ConnectedSessionsRow, ConnectedLogoutDialog, ConnectedDangerZone, ConnectedIdentityVerification, ConnectedRequireVerified, defaultUnmetPasswordRequirement, type SettingsNotify, type ConnectedProfileCardProps, type ConnectedSecuritySectionProps, type ConnectedNotificationPreferencesProps, type ConnectedSessionsRowProps, type ConnectedLogoutDialogProps, type ConnectedDangerZoneProps, type ConnectedIdentityVerificationProps, type ConnectedRequireVerifiedProps, } from '../connection/ConnectedSettings';
 export { useConnectedDocxNotifications } from '../connection/useConnectedDocxNotifications';

package/dist/connect/index.js

@@ -1,30 +1,35 @@
 "use client";
 import { SettingsSection, ProfileCard, AvatarPicker, IdentityVerificationCard, IdentityVerificationDialog, RequireVerified, SettingsCard, SettingsActionRow, PasswordChangeDialog, EMAIL_NOTIFICATION_KEYS, EMAIL_NOTIFICATION_CATEGORIES, NotificationCategoryList, toNotificationCategories, toActiveSessionViews, SettingsRow, ActiveSessionsDialog, LogoutDialog, toLogoutSessionViews, SettingsDangerZone, DeleteAccountDialog, toDeleteBlockerViews } from '../chunk-GJV2G4FC.js';
-import { useWorkspaceDocs } from '../chunk-MK6NJQGF.js';
-export { ConnectedAssistantDock, redlineStats, textToArtifact, toRedlineMarkdown, useConnectedAiTask, useConnectedChat, useSemanticSearch, useWorkspaceDocs } from '../chunk-MK6NJQGF.js';
+import { useWorkspaceDocs } from '../chunk-XQDM6T6C.js';
+export { ConnectedAssistantDock, redlineStats, textToArtifact, toRedlineMarkdown, useConnectedAiTask, useConnectedChat, useSemanticSearch, useWorkspaceDocs } from '../chunk-XQDM6T6C.js';
+import { ConnectedNativeDocxEditor } from '../chunk-A24C6BNA.js';
 import { ConnectionProvider, useConnection } from '../chunk-OYMWV45N.js';
 export { ConnectionProvider, SESSION_EXPIRED_MESSAGE, isAuthenticated, useConnection } from '../chunk-OYMWV45N.js';
-import { WorkflowRunner, initialRunInputs, workflowSteps, fromPlanSteps, stepStatesFromActivity, toPlanSteps, runThreadTitle, useWorkflowView } from '../chunk-22P5KNIM.js';
-import '../chunk-EVUEIBNU.js';
+import { SignDocumentDialog } from '../chunk-FE4ULGOR.js';
+import '../chunk-OPA2Y6YZ.js';
+import { TagMatrix, tagMatrixMarkdown } from '../chunk-CWAZNXC5.js';
+import { splitDocRef, WorkflowStepBar, stepLevels, WorkflowRunner, initialRunInputs, workflowSteps, fromPlanSteps, stepStatesFromActivity, toPlanSteps, runThreadTitle, useWorkflowView, stepFields } from '../chunk-WXRCMIAE.js';
 import '../chunk-XD2M6LIG.js';
+import '../chunk-EVUEIBNU.js';
 import { StreamedArtifactFrame } from '../chunk-LOJVUGBJ.js';
 import '../chunk-VILAPTCB.js';
-import { ChatPage } from '../chunk-UIWLDSTF.js';
+import { ChatPage } from '../chunk-EWSEQEPL.js';
 import '../chunk-KZJAG7T3.js';
 import '../chunk-HOXKR26S.js';
 import '../chunk-AA3PT6KR.js';
 import '../chunk-NPLYHR2E.js';
 import { initials } from '../chunk-OXF2IFXG.js';
-import '../chunk-TX2ZICS7.js';
+import { ModalScaffold } from '../chunk-TX2ZICS7.js';
 import '../chunk-7F6CBP3Z.js';
 import '../chunk-VUNV25KB.js';
-import { lazy, useState, Suspense, useCallback, useEffect, useMemo, useRef } from 'react';
+import { lazy, useState, Suspense, useEffect, useRef, useCallback, useMemo } from 'react';
 import { QueryClient, QueryClientProvider, useQueryClient, useQuery } from '@tanstack/react-query';
-import { ArbiProvider, useConversations, useRunConversation, useUploadSkillFiles, ArtifactCanvas, useArbi, useDocuments, useWorkspaceUsers, useWorkspaces, useShellWorkspaces, useProfile, useUpdateProfile, useRequestEmailChange, useConfirmEmailChange, useNameEditor, useAvatarCrop, useEmailChange, ImageCropModal, useIdentityVerification, usePasswordChange, usePasswordChangeForm, useNotificationPreferences, useSessions, useCurrentSessionId, useTerminateSession, useLogoutAllSessions, useDeleteAccount, useDeleteAccountFlow, useArbiWebSocket, notify, useWorkNotifications, useAgentSession, useStartAgentSession, useCloseAgentSession, AiAnswer, ArbiWebSocketProvider, useCreateWork, useActOnStep, useConversationActivity, useConversationThreads, useArbiChat } from '@arbidocs/react';
+import { ArbiProvider, useConversations, useRunConversation, useUploadSkillFiles, ArtifactCanvas, useArbiChat, useArbi, useDocuments, useTagMatrix, useUpdateTagFields, useInvalidateTagData, useWorkspaceUsers, useWorkspaces, useShellWorkspaces, useProfile, useUpdateProfile, useRequestEmailChange, useConfirmEmailChange, useNameEditor, useAvatarCrop, useEmailChange, ImageCropModal, useIdentityVerification, usePasswordChange, usePasswordChangeForm, useNotificationPreferences, useSessions, useCurrentSessionId, useTerminateSession, useLogoutAllSessions, useDeleteAccount, useDeleteAccountFlow, useArbiWebSocket, notify, useWorkNotifications, useAgentSession, useStartAgentSession, useCloseAgentSession, ArbiWebSocketProvider, useCreateWork, useActOnStep, useConversationActivity, useConversationThreads, useTags, AiAnswer } from '@arbidocs/react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { Button, Label, Input, cn } from '@arbidocs/react/ui';
 import { useStreamedArtifact } from '@arbidocs/react/artifacts';
-import { ExternalLink, UserCircle, KeyRound, Radio, Loader2 } from 'lucide-react';
+import { ExternalLink, UserCircle, KeyRound, Radio, Loader2, MessageSquare } from 'lucide-react';
+import { useOptionalDocumentTools, DocumentToolsProvider } from '@arbidocs/react/document-tools';
 import { useNotify } from '@arbidocs/react/shell';
 
 function ConnectionBoundWebSocket({ children }) {
@@ -185,8 +190,15 @@ function StreamedArtifact({
 }
 var STARTING = /* @__PURE__ */ new Set(["pending", "running"]);
 function formValues(step, inputs) {
-  if (step.kind !== "form") return void 0;
-  return Object.fromEntries(step.inputs.map((f) => [f.name, inputs[f.name] ?? ""]));
+  const fields = stepFields(step);
+  if (!fields.length) return void 0;
+  if (step.kind === "form")
+    return Object.fromEntries(fields.map((f) => [f.name, inputs[f.name] ?? ""]));
+  const given = fields.flatMap((f) => {
+    const v = inputs[f.name];
+    return v === void 0 || v === "" ? [] : [[f.name, v]];
+  });
+  return given.length ? Object.fromEntries(given) : void 0;
 }
 var ANSWER_RETRY_CAP = 16;
 function answerRetryDelay(attempt) {
@@ -212,7 +224,7 @@ function useAnswerRetry(missing, refetch) {
 }
 function useWorkflowThread(workflow, options = {}) {
   const arbi = useArbi();
-  const { ensureWorkspaceOpen } = useConnection();
+  const { ensureWorkspaceOpen, status } = useConnection();
   const { wsId } = useWorkspaceDocs();
   const [threadId, setThreadId] = useState(options.conversationId);
   const [localInputs, setLocalInputs] = useState(
@@ -223,6 +235,17 @@ function useWorkflowThread(workflow, options = {}) {
   const createWork = useCreateWork();
   const actOnStep = useActOnStep();
   const conversations = useConversations(wsId, { enabled: !!threadId, live: true });
+  const members = useWorkspaceUsers(wsId, {
+    enabled: status === "authenticated" && !!wsId,
+    beforeFetch: ensureWorkspaceOpen
+  });
+  const nameOf = useCallback(
+    (id) => {
+      const u = members.data?.find((m) => m.user.external_id === id)?.user;
+      return u ? [u.given_name, u.family_name].filter(Boolean).join(" ") || u.email : void 0;
+    },
+    [members.data]
+  );
   const conversation = conversations.data?.find((c) => c.external_id === threadId);
   const steps = useMemo(
     () => workflowSteps(workflow).length > 0 ? workflowSteps(workflow) : fromPlanSteps(conversation?.plan?.steps ?? []),
@@ -234,7 +257,7 @@ function useWorkflowThread(workflow, options = {}) {
     [activity.data]
   );
   const working = steps.some(
-    (s) => s.kind === "agent" && STARTING.has(serverStates[s.id]?.status ?? "pending")
+    (s) => (s.kind === "agent" || s.kind === "action") && STARTING.has(serverStates[s.id]?.status ?? "pending")
   );
   const threads = useConversationThreads(wsId, threadId, { enabled: !!threadId, live: working });
   const answers = useMemo(() => {
@@ -306,7 +329,13 @@ function useWorkflowThread(workflow, options = {}) {
         setLocalStates((s) => ({ ...s, [step.id]: { status: "done" } }));
         options.onStarted?.(id);
       }
-      await act(id, { step: step.id, action: "complete", inputs: formValues(step, values) });
+      const documents = step.kind === "upload" ? options.documentsFor?.(step.id) : void 0;
+      await act(id, {
+        step: step.id,
+        action: "complete",
+        inputs: formValues(step, values),
+        ...documents?.length ? { documents } : {}
+      });
     },
     [inputs, options, localStates, threadId, ensureWorkspaceOpen, createWork, workflow, act]
   );
@@ -328,6 +357,21 @@ function useWorkflowThread(workflow, options = {}) {
     },
     [arbi, threadId, refresh]
   );
+  const sendBack = useCallback(
+    async (stepId, to, note) => {
+      if (!threadId) return;
+      await act(threadId, { step: stepId, action: "send_back", to, ...note ? { note } : {} });
+    },
+    [threadId, act]
+  );
+  const decline = useCallback(
+    async (stepId, note) => {
+      if (!threadId) return;
+      await act(threadId, { step: stepId, action: "decline", ...note ? { note } : {} });
+    },
+    [threadId, act]
+  );
+  const loaded = !options.conversationId || activity.isSuccess || activity.isError;
   const view = useWorkflowView({
     steps,
     states,
@@ -336,12 +380,208 @@ function useWorkflowThread(workflow, options = {}) {
     complete,
     skip,
     retry,
+    sendBack,
+    decline,
+    nameOf,
+    loaded,
     isLocked: (id) => states[id]?.status === "done"
   });
-  return { view, conversationId: threadId, conversation };
+  const people = useMemo(
+    () => (members.data ?? []).filter((m) => !m.user.external_id.startsWith("agt-")).map((m) => ({
+      value: m.user.external_id,
+      label: nameOf(m.user.external_id) ?? m.user.external_id
+    })),
+    [members.data, nameOf]
+  );
+  return { view, conversationId: threadId, conversation, nameOf, people };
+}
+function WorkflowRunThread({
+  conversationId,
+  workspaceId,
+  aside,
+  stepTitle,
+  targetMessageId,
+  onOpenCitation,
+  labels,
+  className
+}) {
+  const chat = useArbiChat({ workspaceId });
+  const listed = chat.threads.some((t) => t.id === conversationId);
+  const { selectThread, activeThreadId } = chat;
+  useEffect(() => {
+    if (listed && activeThreadId !== conversationId) selectThread(conversationId);
+  }, [listed, activeThreadId, conversationId, selectThread]);
+  return /* @__PURE__ */ jsx(
+    ChatPage,
+    {
+      chat: { ...chat, threads: chat.threads.filter((t) => t.id === conversationId) },
+      singleThread: true,
+      documentsRequired: false,
+      aside,
+      asideBreakpoint: 52,
+      workflowStepTitle: stepTitle,
+      targetMessageId,
+      onOpenCitation,
+      labels,
+      className: className ?? "h-[min(78dvh,860px)] min-h-[480px] rounded-xl border border-border"
+    }
+  );
+}
+var DEFAULT_WORKFLOW_RUNNER_DIALOG_LABELS = {
+  loadingDocument: "Opening the document\u2026",
+  documentFailed: "The document could not be opened.",
+  reviewTitle: "Review",
+  reviewDescription: "Each document against each review column.",
+  document: "Document",
+  empty: "\u2014",
+  wordTitle: "Tracked changes"
+};
+function WorkflowSignDialog({
+  docRef,
+  onClose,
+  labels
+}) {
+  const arbi = useArbi();
+  const { user, ensureWorkspaceOpen } = useConnection();
+  const tools = useOptionalDocumentTools();
+  const { id, version } = splitDocRef(docRef);
+  const [pdf, setPdf] = useState(null);
+  const [failed, setFailed] = useState(false);
+  useEffect(() => {
+    let live = true;
+    void (async () => {
+      try {
+        await ensureWorkspaceOpen();
+        const res = await arbi.documents.download(id, version);
+        if (!res.ok) throw new Error(String(res.status));
+        const blob = await res.blob();
+        if (live) setPdf(blob);
+      } catch {
+        if (live) setFailed(true);
+      }
+    })();
+    return () => {
+      live = false;
+    };
+  }, [arbi, id, version, ensureWorkspaceOpen]);
+  if (!pdf)
+    return /* @__PURE__ */ jsx(
+      ModalScaffold,
+      {
+        open: true,
+        onOpenChange: (o) => !o && onClose(),
+        title: labels.loadingDocument,
+        size: "sm",
+        testId: "workflow-sign-loading",
+        children: /* @__PURE__ */ jsx(ModalScaffold.Body, { children: /* @__PURE__ */ jsx("p", { className: "flex items-center gap-2 text-sm text-muted-foreground", children: failed ? labels.documentFailed : /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(Loader2, { className: "size-4 animate-spin" }),
+          " ",
+          labels.loadingDocument
+        ] }) }) })
+      }
+    );
+  const dialog = /* @__PURE__ */ jsx(SignDocumentDialog, { open: true, onOpenChange: (o) => !o && onClose(), documentId: id, pdfBlob: pdf });
+  return tools ? dialog : /* @__PURE__ */ jsx(
+    DocumentToolsProvider,
+    {
+      client: arbi.getClient().fetch,
+      user: user ? { name: user.name, email: user.email } : null,
+      children: dialog
+    }
+  );
+}
+function WorkflowWordDialog({
+  docRef,
+  title,
+  onClose,
+  labels
+}) {
+  const { id } = splitDocRef(docRef);
+  return /* @__PURE__ */ jsx(
+    ModalScaffold,
+    {
+      open: true,
+      onOpenChange: (o) => !o && onClose(),
+      title: title ?? labels.wordTitle,
+      size: "xl",
+      testId: "workflow-word-dialog",
+      children: /* @__PURE__ */ jsx(ModalScaffold.Body, { className: "h-[70dvh] p-0", children: /* @__PURE__ */ jsx(ConnectedNativeDocxEditor, { documentId: id, title: title ?? labels.wordTitle }) })
+    }
+  );
+}
+function WorkflowReviewGridDialog({
+  tags,
+  documents,
+  onClose,
+  onOpenDocument,
+  labels
+}) {
+  const { workspaceId } = useConnection();
+  const allTags = useTags(workspaceId ?? void 0);
+  const all = useDocuments(workspaceId ?? void 0);
+  const docs = {
+    isLoading: all.isLoading,
+    data: (all.data ?? []).filter((d) => documents.includes(d.external_id))
+  };
+  const columns = useMemo(
+    () => tags.map((id) => ({
+      id,
+      name: allTags.data?.find((t) => t.external_id === id)?.name ?? id
+    })),
+    [tags, allTags.data]
+  );
+  return /* @__PURE__ */ jsx(
+    ModalScaffold,
+    {
+      open: true,
+      onOpenChange: (o) => !o && onClose(),
+      title: labels.reviewTitle,
+      description: labels.reviewDescription,
+      showDescription: true,
+      size: "xl",
+      testId: "workflow-review-grid",
+      children: /* @__PURE__ */ jsx(ModalScaffold.Body, { className: "overflow-auto", children: docs.isLoading ? /* @__PURE__ */ jsxs("p", { className: "flex items-center gap-2 text-sm text-muted-foreground", children: [
+        /* @__PURE__ */ jsx(Loader2, { className: "size-4 animate-spin" }),
+        " ",
+        labels.loadingDocument
+      ] }) : /* @__PURE__ */ jsxs("table", { className: "w-full border-collapse text-sm", children: [
+        /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { children: [
+          /* @__PURE__ */ jsx("th", { className: "sticky left-0 border-b border-border bg-card p-2 text-left font-medium", children: labels.document }),
+          columns.map((c) => /* @__PURE__ */ jsx("th", { className: "border-b border-border p-2 text-left font-medium", children: c.name }, c.id))
+        ] }) }),
+        /* @__PURE__ */ jsx("tbody", { children: (docs.data ?? []).map((d) => /* @__PURE__ */ jsxs("tr", { "data-testid": `workflow-review-grid-row-${d.external_id}`, children: [
+          /* @__PURE__ */ jsx("td", { className: "sticky left-0 max-w-56 border-b border-border bg-card p-2 align-top", children: /* @__PURE__ */ jsx(Cell, { onClick: onOpenDocument && (() => onOpenDocument(d.external_id)), children: d.file_name ?? d.external_id }) }),
+          columns.map((c) => {
+            const note = d.doctags?.find((t) => t.tag_ext_id === c.id)?.note;
+            return /* @__PURE__ */ jsx(
+              "td",
+              {
+                className: "max-w-72 border-b border-border p-2 align-top text-muted-foreground",
+                children: /* @__PURE__ */ jsx("span", { className: "line-clamp-4 whitespace-pre-line", children: note || labels.empty })
+              },
+              c.id
+            );
+          })
+        ] }, d.external_id)) })
+      ] }) })
+    }
+  );
+}
+function Cell({ onClick, children }) {
+  return onClick ? /* @__PURE__ */ jsx(
+    "button",
+    {
+      type: "button",
+      onClick,
+      className: "truncate text-left font-medium text-primary hover:underline",
+      children
+    }
+  ) : /* @__PURE__ */ jsx("span", { className: "truncate font-medium", children });
 }
 var DEFAULT_CONNECTED_WORKFLOW_RUNNER_LABELS = {
   notify: "Ask to approve",
+  showInThread: "Show in the thread",
+  currentStep: "Current step",
   notified: "Notified.",
   openThread: "Open the thread",
   loadingAnswer: "Fetching the answer\u2026"
@@ -352,17 +592,56 @@ function ConnectedWorkflowRunner({
   onOpenConversation,
   emptyHint,
   connectedLabels,
+  onOpenDocument,
+  onOpenDraft,
+  onOpenMessage,
+  actions: hostActions,
+  dialogLabels,
+  layout = "thread",
   testIdPrefix = "workflow-run",
   ...runnerProps
 }) {
   const l = { ...DEFAULT_CONNECTED_WORKFLOW_RUNNER_LABELS, ...connectedLabels };
+  const dl = { ...DEFAULT_WORKFLOW_RUNNER_DIALOG_LABELS, ...dialogLabels };
   const arbi = useArbi();
-  const { ensureWorkspaceOpen } = useConnection();
+  const { ensureWorkspaceOpen, user } = useConnection();
   const { wsId } = useWorkspaceDocs();
   const { data: docs = [], refetch } = useDocuments(wsId);
   const [uploading, setUploading] = useState(false);
-  const { view, conversationId } = useWorkflowThread(workflow, options);
   const [added, setAdded] = useState({});
+  const addedRef = useRef(added);
+  addedRef.current = added;
+  const { view, conversationId, people } = useWorkflowThread(workflow, {
+    ...options,
+    // An upload step records exactly the files added on it (else the server's guess).
+    documentsFor: options?.documentsFor ?? ((stepId) => Object.entries(addedRef.current).flatMap(([doc, step]) => step === stepId ? [doc] : []))
+  });
+  const [dialog, setDialog] = useState(null);
+  const inThread = layout === "thread" && !!conversationId;
+  const [target, setTarget] = useState(void 0);
+  const nameOfDoc = useCallback(
+    (id) => docs.find((d) => d.external_id === id)?.file_name ?? void 0,
+    [docs]
+  );
+  const actions = useMemo(
+    () => ({
+      me: user?.externalId,
+      openDocument: onOpenDocument && ((ref) => {
+        const { id, version } = splitDocRef(ref);
+        onOpenDocument(id, version);
+      }),
+      openDraft: onOpenDraft && ((draftId) => onOpenDraft(draftId)),
+      // In the thread layout an answer is right there: scroll to it.
+      openMessage: inThread ? setTarget : onOpenMessage,
+      sign: hostActions?.sign ?? ((_step, state) => {
+        const w = state.waiting;
+        if (w?.doc_ext_id) setDialog({ kind: "sign", docRef: w.doc_ext_id });
+      }),
+      openRedline: hostActions?.openRedline ?? ((ref) => setDialog({ kind: "word", docRef: ref, title: nameOfDoc(splitDocRef(ref).id) ?? "" })),
+      openReview: hostActions?.openReview ?? ((tags, documents) => setDialog({ kind: "review", tags, documents }))
+    }),
+    [user?.externalId, onOpenDocument, onOpenDraft, onOpenMessage, hostActions, nameOfDoc, inThread]
+  );
   const onUpload = useCallback(
     async (files2, step) => {
       if (!files2.length) return;
@@ -394,6 +673,23 @@ function ConnectedWorkflowRunner({
   }, [reading, refetch]);
   const renderAgentOutput = (step, state) => {
     const status = state?.status;
+    if (inThread) {
+      const id = state?.responseId;
+      return id && status === "done" ? /* @__PURE__ */ jsxs(
+        Button,
+        {
+          variant: "outline",
+          size: "sm",
+          onClick: () => setTarget(id),
+          "data-testid": `${testIdPrefix}-${step.id}-show-in-thread`,
+          children: [
+            /* @__PURE__ */ jsx(MessageSquare, { className: "size-4" }),
+            " ",
+            l.showInThread
+          ]
+        }
+      ) : null;
+    }
     if (!state?.text && status !== "done") return null;
     if (!state?.text && state?.responseId) {
       return /* @__PURE__ */ jsxs(
@@ -419,6 +715,34 @@ function ConnectedWorkflowRunner({
       }
     );
   };
+  const runner = (compact) => /* @__PURE__ */ jsx(
+    WorkflowRunner,
+    {
+      people,
+      ...runnerProps,
+      workflow,
+      run: view,
+      renderAgentOutput,
+      renderReview: (step) => conversationId ? /* @__PURE__ */ jsx(
+        ReviewNotify,
+        {
+          conversationId,
+          workspaceId: wsId,
+          labels: l,
+          testId: `${testIdPrefix}-${step.id}`
+        }
+      ) : null,
+      onUpload,
+      uploading,
+      files,
+      actions,
+      nameOfDoc,
+      testIdPrefix,
+      hideStepBar: compact,
+      compact,
+      className: compact ? void 0 : runnerProps.className
+    }
+  );
   return /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
     conversationId && onOpenConversation && /* @__PURE__ */ jsx("div", { className: "flex justify-end", children: /* @__PURE__ */ jsxs(
       Button,
@@ -434,26 +758,47 @@ function ConnectedWorkflowRunner({
         ]
       }
     ) }),
-    /* @__PURE__ */ jsx(
-      WorkflowRunner,
+    inThread && conversationId ? /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        WorkflowStepBar,
+        {
+          run: view,
+          levels: stepLevels(view.steps),
+          doneTitle: (workflow.run.kind === "steps" ? workflow.run.completion?.title : void 0) ?? runnerProps.labels?.complete ?? "Done",
+          icon: (key) => key && runnerProps.renderIcon ? runnerProps.renderIcon(key) : void 0,
+          tid: (suffix) => `${testIdPrefix}-${suffix}`
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        WorkflowRunThread,
+        {
+          conversationId,
+          workspaceId: wsId,
+          stepTitle: (id) => view.steps.find((s) => s.id === id)?.title,
+          targetMessageId: target,
+          labels: { workflows: l.currentStep },
+          aside: runner(true)
+        }
+      )
+    ] }) : runner(false),
+    dialog?.kind === "sign" && /* @__PURE__ */ jsx(WorkflowSignDialog, { docRef: dialog.docRef, onClose: () => setDialog(null), labels: dl }),
+    dialog?.kind === "word" && /* @__PURE__ */ jsx(
+      WorkflowWordDialog,
       {
-        ...runnerProps,
-        workflow,
-        run: view,
-        renderAgentOutput,
-        renderReview: (step) => conversationId ? /* @__PURE__ */ jsx(
-          ReviewNotify,
-          {
-            conversationId,
-            workspaceId: wsId,
-            labels: l,
-            testId: `${testIdPrefix}-${step.id}`
-          }
-        ) : null,
-        onUpload,
-        uploading,
-        files,
-        testIdPrefix
+        docRef: dialog.docRef,
+        title: dialog.title || void 0,
+        onClose: () => setDialog(null),
+        labels: dl
+      }
+    ),
+    dialog?.kind === "review" && /* @__PURE__ */ jsx(
+      WorkflowReviewGridDialog,
+      {
+        tags: dialog.tags,
+        documents: dialog.documents,
+        onClose: () => setDialog(null),
+        onOpenDocument: onOpenDocument && ((id) => onOpenDocument(id)),
+        labels: dl
       }
     )
   ] });
@@ -530,6 +875,78 @@ function ReviewNotify({
     ] })
   ] });
 }
+function ConnectedTagMatrix({
+  parentId,
+  linksLimit = 3,
+  exportTitle,
+  onExported,
+  readOnly,
+  ...props
+}) {
+  const arbi = useArbi();
+  const { workspaceId, status, ensureWorkspaceOpen } = useConnection();
+  const matrix = useTagMatrix({ parentId }, { linksLimit });
+  const update = useUpdateTagFields();
+  const invalidate = useInvalidateTagData();
+  const members = useWorkspaceUsers(workspaceId ?? void 0, {
+    enabled: status === "authenticated" && !!workspaceId,
+    beforeFetch: ensureWorkspaceOpen
+  });
+  const [error, setError] = useState(null);
+  const people = (members.data ?? []).map((m) => ({
+    value: m.user.external_id,
+    label: [m.user.given_name, m.user.family_name].filter(Boolean).join(" ") || m.user.email
+  }));
+  const fail = (e) => setError(e instanceof Error ? e.message : String(e));
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+    /* @__PURE__ */ jsx(
+      TagMatrix,
+      {
+        ...props,
+        matrix: matrix.data,
+        isLoading: matrix.isLoading,
+        people,
+        onChangeValue: readOnly ? void 0 : async (tagId, fieldId, value) => {
+          setError(null);
+          await update.mutateAsync({ tagId, values: { [fieldId]: value } }).catch(fail);
+        },
+        onAddRow: readOnly ? void 0 : async (name) => {
+          setError(null);
+          try {
+            await ensureWorkspaceOpen();
+            await arbi.tags.create({ name, parentId });
+            await invalidate();
+          } catch (e) {
+            fail(e);
+          }
+        },
+        onExport: onExported && matrix.data ? async () => {
+          setError(null);
+          try {
+            const data = matrix.data;
+            if (!data) return;
+            const title = exportTitle ?? data.parent?.name ?? "Matrix";
+            const markdown = tagMatrixMarkdown(data, {
+              title,
+              nameOf: (id2) => people.find((p) => p.value === id2)?.label
+            });
+            await ensureWorkspaceOpen();
+            const stamp = (/* @__PURE__ */ new Date()).toISOString().slice(0, 10);
+            const uploaded = await arbi.documents.uploadFile(
+              new Blob([markdown], { type: "text/markdown" }),
+              `${title} (${stamp}).md`
+            );
+            const id = uploaded?.doc_ext_ids?.[0];
+            if (id) onExported(id);
+          } catch (e) {
+            fail(e);
+          }
+        } : void 0
+      }
+    ),
+    error && /* @__PURE__ */ jsx("p", { role: "alert", className: "text-sm text-destructive", children: error })
+  ] });
+}
 function useConnectedShellWorkspaces(options = {}) {
   const { workspaceId, setWorkspace } = useConnection();
   const query = useWorkspaces();
@@ -1128,6 +1545,6 @@ function ConnectedAgentChatPanel({
   ] });
 }
 
-export { ArbiAppProvider, ConnectedAgentChatPanel, ConnectedDangerZone, ConnectedIdentityVerification, ConnectedLogoutDialog, ConnectedNotificationPreferences, ConnectedProfileCard, ConnectedRequireVerified, ConnectedSecuritySection, ConnectedSessionsRow, ConnectedSkillUpload, ConnectedTaskAccessRequest, ConnectedWorkflowRunner, DEFAULT_CONNECTED_WORKFLOW_RUNNER_LABELS, StreamedArtifact, defaultUnmetPasswordRequirement, useConnectedDocxNotifications, useConnectedShellWorkspaces, useConnectedWorkNotifications };
+export { ArbiAppProvider, ConnectedAgentChatPanel, ConnectedDangerZone, ConnectedIdentityVerification, ConnectedLogoutDialog, ConnectedNotificationPreferences, ConnectedProfileCard, ConnectedRequireVerified, ConnectedSecuritySection, ConnectedSessionsRow, ConnectedSkillUpload, ConnectedTagMatrix, ConnectedTaskAccessRequest, ConnectedWorkflowRunner, DEFAULT_CONNECTED_WORKFLOW_RUNNER_LABELS, StreamedArtifact, WorkflowRunThread, defaultUnmetPasswordRequirement, useConnectedDocxNotifications, useConnectedShellWorkspaces, useConnectedWorkNotifications };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map