@arbidocs/blocks 0.4.75 → 0.4.77

package/dist/connect/index.js

@@ -1,30 +1,34 @@
 "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-OEM5ARVM.js';
+export { ConnectedAssistantDock, redlineStats, textToArtifact, toRedlineMarkdown, useConnectedAiTask, useConnectedChat, useSemanticSearch, useWorkspaceDocs } from '../chunk-OEM5ARVM.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 { StreamedArtifactFrame } from '../chunk-LOJVUGBJ.js';
-import '../chunk-VILAPTCB.js';
-import { WorkflowRunner, initialRunInputs, workflowSteps, fromPlanSteps, stepStatesFromActivity, toPlanSteps, runThreadTitle, useWorkflowView } from '../chunk-YWYVIQ7T.js';
+import { SignDocumentDialog } from '../chunk-FE4ULGOR.js';
+import '../chunk-OPA2Y6YZ.js';
+import { splitDocRef, WorkflowRunner, initialRunInputs, workflowSteps, fromPlanSteps, stepStatesFromActivity, toPlanSteps, runThreadTitle, useWorkflowView, stepFields } from '../chunk-34UW6XUQ.js';
 import '../chunk-EVUEIBNU.js';
 import '../chunk-XD2M6LIG.js';
-import { ChatPage } from '../chunk-UIWLDSTF.js';
+import { StreamedArtifactFrame } from '../chunk-LOJVUGBJ.js';
+import '../chunk-VILAPTCB.js';
+import { ChatPage } from '../chunk-NIP5BOP7.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, useRef, useCallback, useMemo, useEffect } 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, 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, useTags, useArbiChat } 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 { useOptionalDocumentTools, DocumentToolsProvider } from '@arbidocs/react/document-tools';
 import { useNotify } from '@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 = 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 +223,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 +234,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 +256,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 +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,6 +356,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,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 = 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 = 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",
@@ -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 = 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 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)),
+      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(splitDocRef(ref).id) ?? "" })),
+      openReview: hostActions?.openReview ?? ((tags, documents) => setDialog({ kind: "review", tags, documents }))
+    }),
+    [user?.externalId, onOpenDocument, onOpenDraft, onOpenMessage, hostActions, nameOfDoc]
+  );
   const onUpload = useCallback(
     async (files2, step) => {
       if (!files2.length) return;
@@ -437,6 +677,7 @@ function ConnectedWorkflowRunner({
     /* @__PURE__ */ jsx(
       WorkflowRunner,
       {
+        people,
         ...runnerProps,
         workflow,
         run: view,
@@ -453,8 +694,30 @@ function ConnectedWorkflowRunner({
         onUpload,
         uploading,
         files,
+        actions,
+        nameOfDoc,
         testIdPrefix
       }
+    ),
+    dialog?.kind === "sign" && /* @__PURE__ */ jsx(WorkflowSignDialog, { docRef: dialog.docRef, onClose: () => setDialog(null), labels: dl }),
+    dialog?.kind === "word" && /* @__PURE__ */ jsx(
+      WorkflowWordDialog,
+      {
+        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
+      }
     )
   ] });
 }