@arbidocs/blocks 0.4.76 → 0.4.77

package/dist/connect/index.cjs

@@ -2,20 +2,23 @@
 'use strict';
 
 var chunkB3WCKBJ7_cjs = require('../chunk-B3WCKBJ7.cjs');
-var chunkHITAN7JF_cjs = require('../chunk-HITAN7JF.cjs');
+var chunkGTXOV7IJ_cjs = require('../chunk-GTXOV7IJ.cjs');
+var chunkTZR36PPP_cjs = require('../chunk-TZR36PPP.cjs');
 var chunkMUMH3Z6K_cjs = require('../chunk-MUMH3Z6K.cjs');
-var chunkVYRKO3XU_cjs = require('../chunk-VYRKO3XU.cjs');
+var chunkZVBPRMHJ_cjs = require('../chunk-ZVBPRMHJ.cjs');
+require('../chunk-7YUFMNFW.cjs');
+var chunk3XR3IEGU_cjs = require('../chunk-3XR3IEGU.cjs');
 require('../chunk-DETZZBG2.cjs');
 require('../chunk-7D737FLE.cjs');
 var chunkQVBZESYQ_cjs = require('../chunk-QVBZESYQ.cjs');
 require('../chunk-ADOKTJHV.cjs');
-var chunkIPGKTUF7_cjs = require('../chunk-IPGKTUF7.cjs');
+var chunkHOD6OM7L_cjs = require('../chunk-HOD6OM7L.cjs');
 require('../chunk-VGOFFCMT.cjs');
 require('../chunk-B4SRYJLM.cjs');
 require('../chunk-7UTB4PHM.cjs');
 require('../chunk-PPCATBOY.cjs');
 var chunkKDG6FER6_cjs = require('../chunk-KDG6FER6.cjs');
-require('../chunk-ULWRNGGE.cjs');
+var chunkULWRNGGE_cjs = require('../chunk-ULWRNGGE.cjs');
 require('../chunk-MHVNT4J3.cjs');
 require('../chunk-DES3K4SD.cjs');
 var react = require('react');
@@ -25,6 +28,7 @@ var jsxRuntime = require('react/jsx-runtime');
 var ui = require('@arbidocs/react/ui');
 var artifacts = require('@arbidocs/react/artifacts');
 var lucideReact = require('lucide-react');
+var documentTools = require('@arbidocs/react/document-tools');
 var shell = require('@arbidocs/react/shell');
 
 function ConnectionBoundWebSocket({ children }) {
@@ -185,8 +189,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 = chunk3XR3IEGU_cjs.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,29 +223,40 @@ function useAnswerRetry(missing, refetch) {
 }
 function useWorkflowThread(workflow, options = {}) {
   const arbi = react$1.useArbi();
-  const { ensureWorkspaceOpen } = chunkMUMH3Z6K_cjs.useConnection();
-  const { wsId } = chunkHITAN7JF_cjs.useWorkspaceDocs();
+  const { ensureWorkspaceOpen, status } = chunkMUMH3Z6K_cjs.useConnection();
+  const { wsId } = chunkGTXOV7IJ_cjs.useWorkspaceDocs();
   const [threadId, setThreadId] = react.useState(options.conversationId);
   const [localInputs, setLocalInputs] = react.useState(
-    () => chunkVYRKO3XU_cjs.initialRunInputs(workflow, options.initialInputs)
+    () => chunk3XR3IEGU_cjs.initialRunInputs(workflow, options.initialInputs)
   );
   const [edits, setEdits] = react.useState({});
   const [localStates, setLocalStates] = react.useState({});
   const createWork = react$1.useCreateWork();
   const actOnStep = react$1.useActOnStep();
   const conversations = react$1.useConversations(wsId, { enabled: !!threadId, live: true });
+  const members = react$1.useWorkspaceUsers(wsId, {
+    enabled: status === "authenticated" && !!wsId,
+    beforeFetch: ensureWorkspaceOpen
+  });
+  const nameOf = react.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 = react.useMemo(
-    () => chunkVYRKO3XU_cjs.workflowSteps(workflow).length > 0 ? chunkVYRKO3XU_cjs.workflowSteps(workflow) : chunkVYRKO3XU_cjs.fromPlanSteps(conversation?.plan?.steps ?? []),
+    () => chunk3XR3IEGU_cjs.workflowSteps(workflow).length > 0 ? chunk3XR3IEGU_cjs.workflowSteps(workflow) : chunk3XR3IEGU_cjs.fromPlanSteps(conversation?.plan?.steps ?? []),
     [workflow, conversation?.plan?.steps]
   );
   const activity = react$1.useConversationActivity(threadId, { live: !!threadId });
   const serverStates = react.useMemo(
-    () => chunkVYRKO3XU_cjs.stepStatesFromActivity(activity.data ?? []),
+    () => chunk3XR3IEGU_cjs.stepStatesFromActivity(activity.data ?? []),
     [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 = react$1.useConversationThreads(wsId, threadId, { enabled: !!threadId, live: working });
   const answers = react.useMemo(() => {
@@ -282,7 +304,7 @@ function useWorkflowThread(workflow, options = {}) {
       if (!id) {
         await ensureWorkspaceOpen();
         const created = await createWork.mutateAsync({
-          title: chunkVYRKO3XU_cjs.runThreadTitle(workflow, values).slice(0, 60),
+          title: chunk3XR3IEGU_cjs.runThreadTitle(workflow, values).slice(0, 60),
           description: workflow.description || null,
           prompt: null,
           skill_ref: null,
@@ -294,7 +316,7 @@ function useWorkflowThread(workflow, options = {}) {
             criteria: [],
             max_passes: 3,
             documents: [],
-            steps: chunkVYRKO3XU_cjs.toPlanSteps(workflow, {
+            steps: chunk3XR3IEGU_cjs.toPlanSteps(workflow, {
               inputs: values,
               resolveWorkflow: options.resolveWorkflow,
               compose: options.compose
@@ -306,7 +328,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,7 +356,22 @@ function useWorkflowThread(workflow, options = {}) {
     },
     [arbi, threadId, refresh]
   );
-  const view = chunkVYRKO3XU_cjs.useWorkflowView({
+  const sendBack = react.useCallback(
+    async (stepId, to, note) => {
+      if (!threadId) return;
+      await act(threadId, { step: stepId, action: "send_back", to, ...note ? { note } : {} });
+    },
+    [threadId, act]
+  );
+  const decline = react.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 = chunk3XR3IEGU_cjs.useWorkflowView({
     steps,
     states,
     inputs,
@@ -336,9 +379,171 @@ function useWorkflowThread(workflow, options = {}) {
     complete,
     skip,
     retry,
+    sendBack,
+    decline,
+    nameOf,
+    loaded,
     isLocked: (id) => states[id]?.status === "done"
   });
-  return { view, conversationId: threadId, conversation };
+  const people = react.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 };
+}
+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 = react$1.useArbi();
+  const { user, ensureWorkspaceOpen } = chunkMUMH3Z6K_cjs.useConnection();
+  const tools = documentTools.useOptionalDocumentTools();
+  const { id, version } = chunk3XR3IEGU_cjs.splitDocRef(docRef);
+  const [pdf, setPdf] = react.useState(null);
+  const [failed, setFailed] = react.useState(false);
+  react.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__ */ jsxRuntime.jsx(
+      chunkULWRNGGE_cjs.ModalScaffold,
+      {
+        open: true,
+        onOpenChange: (o) => !o && onClose(),
+        title: labels.loadingDocument,
+        size: "sm",
+        testId: "workflow-sign-loading",
+        children: /* @__PURE__ */ jsxRuntime.jsx(chunkULWRNGGE_cjs.ModalScaffold.Body, { children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "flex items-center gap-2 text-sm text-muted-foreground", children: failed ? labels.documentFailed : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { className: "size-4 animate-spin" }),
+          " ",
+          labels.loadingDocument
+        ] }) }) })
+      }
+    );
+  const dialog = /* @__PURE__ */ jsxRuntime.jsx(chunkZVBPRMHJ_cjs.SignDocumentDialog, { open: true, onOpenChange: (o) => !o && onClose(), documentId: id, pdfBlob: pdf });
+  return tools ? dialog : /* @__PURE__ */ jsxRuntime.jsx(
+    documentTools.DocumentToolsProvider,
+    {
+      client: arbi.getClient().fetch,
+      user: user ? { name: user.name, email: user.email } : null,
+      children: dialog
+    }
+  );
+}
+function WorkflowWordDialog({
+  docRef,
+  title,
+  onClose,
+  labels
+}) {
+  const { id } = chunk3XR3IEGU_cjs.splitDocRef(docRef);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    chunkULWRNGGE_cjs.ModalScaffold,
+    {
+      open: true,
+      onOpenChange: (o) => !o && onClose(),
+      title: title ?? labels.wordTitle,
+      size: "xl",
+      testId: "workflow-word-dialog",
+      children: /* @__PURE__ */ jsxRuntime.jsx(chunkULWRNGGE_cjs.ModalScaffold.Body, { className: "h-[70dvh] p-0", children: /* @__PURE__ */ jsxRuntime.jsx(chunkTZR36PPP_cjs.ConnectedNativeDocxEditor, { documentId: id, title: title ?? labels.wordTitle }) })
+    }
+  );
+}
+function WorkflowReviewGridDialog({
+  tags,
+  documents,
+  onClose,
+  onOpenDocument,
+  labels
+}) {
+  const { workspaceId } = chunkMUMH3Z6K_cjs.useConnection();
+  const allTags = react$1.useTags(workspaceId ?? void 0);
+  const all = react$1.useDocuments(workspaceId ?? void 0);
+  const docs = {
+    isLoading: all.isLoading,
+    data: (all.data ?? []).filter((d) => documents.includes(d.external_id))
+  };
+  const columns = react.useMemo(
+    () => tags.map((id) => ({
+      id,
+      name: allTags.data?.find((t) => t.external_id === id)?.name ?? id
+    })),
+    [tags, allTags.data]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    chunkULWRNGGE_cjs.ModalScaffold,
+    {
+      open: true,
+      onOpenChange: (o) => !o && onClose(),
+      title: labels.reviewTitle,
+      description: labels.reviewDescription,
+      showDescription: true,
+      size: "xl",
+      testId: "workflow-review-grid",
+      children: /* @__PURE__ */ jsxRuntime.jsx(chunkULWRNGGE_cjs.ModalScaffold.Body, { className: "overflow-auto", children: docs.isLoading ? /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "flex items-center gap-2 text-sm text-muted-foreground", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { className: "size-4 animate-spin" }),
+        " ",
+        labels.loadingDocument
+      ] }) : /* @__PURE__ */ jsxRuntime.jsxs("table", { className: "w-full border-collapse text-sm", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("thead", { children: /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
+          /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("th", { className: "border-b border-border p-2 text-left font-medium", children: c.name }, c.id))
+        ] }) }),
+        /* @__PURE__ */ jsxRuntime.jsx("tbody", { children: (docs.data ?? []).map((d) => /* @__PURE__ */ jsxRuntime.jsxs("tr", { "data-testid": `workflow-review-grid-row-${d.external_id}`, children: [
+          /* @__PURE__ */ jsxRuntime.jsx("td", { className: "sticky left-0 max-w-56 border-b border-border bg-card p-2 align-top", children: /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(
+              "td",
+              {
+                className: "max-w-72 border-b border-border p-2 align-top text-muted-foreground",
+                children: /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(
+    "button",
+    {
+      type: "button",
+      onClick,
+      className: "truncate text-left font-medium text-primary hover:underline",
+      children
+    }
+  ) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate font-medium", children });
 }
 var DEFAULT_CONNECTED_WORKFLOW_RUNNER_LABELS = {
   notify: "Ask to approve",
@@ -352,17 +557,52 @@ function ConnectedWorkflowRunner({
   onOpenConversation,
   emptyHint,
   connectedLabels,
+  onOpenDocument,
+  onOpenDraft,
+  onOpenMessage,
+  actions: hostActions,
+  dialogLabels,
   testIdPrefix = "workflow-run",
   ...runnerProps
 }) {
   const l = { ...DEFAULT_CONNECTED_WORKFLOW_RUNNER_LABELS, ...connectedLabels };
+  const dl = { ...DEFAULT_WORKFLOW_RUNNER_DIALOG_LABELS, ...dialogLabels };
   const arbi = react$1.useArbi();
-  const { ensureWorkspaceOpen } = chunkMUMH3Z6K_cjs.useConnection();
-  const { wsId } = chunkHITAN7JF_cjs.useWorkspaceDocs();
+  const { ensureWorkspaceOpen, user } = chunkMUMH3Z6K_cjs.useConnection();
+  const { wsId } = chunkGTXOV7IJ_cjs.useWorkspaceDocs();
   const { data: docs = [], refetch } = react$1.useDocuments(wsId);
   const [uploading, setUploading] = react.useState(false);
-  const { view, conversationId } = useWorkflowThread(workflow, options);
   const [added, setAdded] = react.useState({});
+  const addedRef = react.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] = react.useState(null);
+  const nameOfDoc = react.useCallback(
+    (id) => docs.find((d) => d.external_id === id)?.file_name ?? void 0,
+    [docs]
+  );
+  const actions = react.useMemo(
+    () => ({
+      me: user?.externalId,
+      openDocument: onOpenDocument && ((ref) => {
+        const { id, version } = chunk3XR3IEGU_cjs.splitDocRef(ref);
+        onOpenDocument(id, version);
+      }),
+      openDraft: onOpenDraft && ((draftId) => onOpenDraft(draftId)),
+      openMessage: 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(chunk3XR3IEGU_cjs.splitDocRef(ref).id) ?? "" })),
+      openReview: hostActions?.openReview ?? ((tags, documents) => setDialog({ kind: "review", tags, documents }))
+    }),
+    [user?.externalId, onOpenDocument, onOpenDraft, onOpenMessage, hostActions, nameOfDoc]
+  );
   const onUpload = react.useCallback(
     async (files2, step) => {
       if (!files2.length) return;
@@ -435,8 +675,9 @@ function ConnectedWorkflowRunner({
       }
     ) }),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkVYRKO3XU_cjs.WorkflowRunner,
+      chunk3XR3IEGU_cjs.WorkflowRunner,
       {
+        people,
         ...runnerProps,
         workflow,
         run: view,
@@ -453,8 +694,30 @@ function ConnectedWorkflowRunner({
         onUpload,
         uploading,
         files,
+        actions,
+        nameOfDoc,
         testIdPrefix
       }
+    ),
+    dialog?.kind === "sign" && /* @__PURE__ */ jsxRuntime.jsx(WorkflowSignDialog, { docRef: dialog.docRef, onClose: () => setDialog(null), labels: dl }),
+    dialog?.kind === "word" && /* @__PURE__ */ jsxRuntime.jsx(
+      WorkflowWordDialog,
+      {
+        docRef: dialog.docRef,
+        title: dialog.title || void 0,
+        onClose: () => setDialog(null),
+        labels: dl
+      }
+    ),
+    dialog?.kind === "review" && /* @__PURE__ */ jsxRuntime.jsx(
+      WorkflowReviewGridDialog,
+      {
+        tags: dialog.tags,
+        documents: dialog.documents,
+        onClose: () => setDialog(null),
+        onOpenDocument: onOpenDocument && ((id) => onOpenDocument(id)),
+        labels: dl
+      }
     )
   ] });
 }
@@ -1068,7 +1331,7 @@ function mapWorkNotification(note) {
 function ActiveChat({ agentId, workspaceId }) {
   const chat = react$1.useArbiChat({ agentId, workspaceId });
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkIPGKTUF7_cjs.ChatPage,
+    chunkHOD6OM7L_cjs.ChatPage,
     {
       chat: { ...chat, assistantMode: void 0, setAssistantMode: void 0 },
       documentsRequired: false,
@@ -1130,35 +1393,35 @@ function ConnectedAgentChatPanel({
 
 Object.defineProperty(exports, "ConnectedAssistantDock", {
   enumerable: true,
-  get: function () { return chunkHITAN7JF_cjs.ConnectedAssistantDock; }
+  get: function () { return chunkGTXOV7IJ_cjs.ConnectedAssistantDock; }
 });
 Object.defineProperty(exports, "redlineStats", {
   enumerable: true,
-  get: function () { return chunkHITAN7JF_cjs.redlineStats; }
+  get: function () { return chunkGTXOV7IJ_cjs.redlineStats; }
 });
 Object.defineProperty(exports, "textToArtifact", {
   enumerable: true,
-  get: function () { return chunkHITAN7JF_cjs.textToArtifact; }
+  get: function () { return chunkGTXOV7IJ_cjs.textToArtifact; }
 });
 Object.defineProperty(exports, "toRedlineMarkdown", {
   enumerable: true,
-  get: function () { return chunkHITAN7JF_cjs.toRedlineMarkdown; }
+  get: function () { return chunkGTXOV7IJ_cjs.toRedlineMarkdown; }
 });
 Object.defineProperty(exports, "useConnectedAiTask", {
   enumerable: true,
-  get: function () { return chunkHITAN7JF_cjs.useConnectedAiTask; }
+  get: function () { return chunkGTXOV7IJ_cjs.useConnectedAiTask; }
 });
 Object.defineProperty(exports, "useConnectedChat", {
   enumerable: true,
-  get: function () { return chunkHITAN7JF_cjs.useConnectedChat; }
+  get: function () { return chunkGTXOV7IJ_cjs.useConnectedChat; }
 });
 Object.defineProperty(exports, "useSemanticSearch", {
   enumerable: true,
-  get: function () { return chunkHITAN7JF_cjs.useSemanticSearch; }
+  get: function () { return chunkGTXOV7IJ_cjs.useSemanticSearch; }
 });
 Object.defineProperty(exports, "useWorkspaceDocs", {
   enumerable: true,
-  get: function () { return chunkHITAN7JF_cjs.useWorkspaceDocs; }
+  get: function () { return chunkGTXOV7IJ_cjs.useWorkspaceDocs; }
 });
 Object.defineProperty(exports, "ConnectionProvider", {
   enumerable: true,