@arbidocs/blocks 0.4.77 → 0.4.79

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,33 +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-OEM5ARVM.js';
-export { ConnectedAssistantDock, redlineStats, textToArtifact, toRedlineMarkdown, useConnectedAiTask, useConnectedChat, useSemanticSearch, useWorkspaceDocs } from '../chunk-OEM5ARVM.js';
+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-O35LRB3P.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 { 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 { TagMatrix, tagMatrixMarkdown } from '../chunk-CWAZNXC5.js';
+import { splitDocRef, WorkflowStepBar, stepLevels, WorkflowRunner, initialRunInputs, workflowSteps, fromPlanSteps, stepStatesFromActivity, toPlanSteps, runThreadTitle, useWorkflowView, stepFields } from '../chunk-6GXF62XN.js';
 import '../chunk-EVUEIBNU.js';
 import '../chunk-XD2M6LIG.js';
 import { StreamedArtifactFrame } from '../chunk-LOJVUGBJ.js';
 import '../chunk-VILAPTCB.js';
-import { ChatPage } from '../chunk-NIP5BOP7.js';
+import { ModalScaffold } from '../chunk-TX2ZICS7.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 { ModalScaffold } from '../chunk-TX2ZICS7.js';
 import '../chunk-7F6CBP3Z.js';
 import '../chunk-VUNV25KB.js';
-import { lazy, useState, Suspense, useRef, useCallback, useMemo, useEffect } 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, useTags, 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';
 
@@ -394,6 +395,38 @@ function useWorkflowThread(workflow, options = {}) {
   );
   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.",
@@ -547,6 +580,8 @@ function Cell({ onClick, 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"
@@ -562,6 +597,7 @@ function ConnectedWorkflowRunner({
   onOpenMessage,
   actions: hostActions,
   dialogLabels,
+  layout = "thread",
   testIdPrefix = "workflow-run",
   ...runnerProps
 }) {
@@ -581,6 +617,8 @@ function ConnectedWorkflowRunner({
     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]
@@ -593,7 +631,8 @@ function ConnectedWorkflowRunner({
         onOpenDocument(id, version);
       }),
       openDraft: onOpenDraft && ((draftId) => onOpenDraft(draftId)),
-      openMessage: onOpenMessage,
+      // 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 });
@@ -601,7 +640,7 @@ function ConnectedWorkflowRunner({
       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]
+    [user?.externalId, onOpenDocument, onOpenDraft, onOpenMessage, hostActions, nameOfDoc, inThread]
   );
   const onUpload = useCallback(
     async (files2, step) => {
@@ -634,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(
@@ -659,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,
@@ -674,31 +758,29 @@ function ConnectedWorkflowRunner({
         ]
       }
     ) }),
-    /* @__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
-      }
-    ),
+    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,
@@ -793,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();
@@ -1391,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