@arbidocs/blocks 0.4.88 → 0.4.90

package/dist/connect/index.js

@@ -13,7 +13,7 @@ import { splitDocRef, WorkflowStepBar, stepLevels, WorkflowRunner, initialRunInp
 import { TriStateFilterMenu } from '../chunk-6S5FLMWG.js';
 import { TabHeader } from '../chunk-4WWM3GQ5.js';
 import '../chunk-EVUEIBNU.js';
-import { FilterInput } from '../chunk-ZX2VPMBJ.js';
+import { FilterInput } from '../chunk-YU2KUMGE.js';
 import '../chunk-XD2M6LIG.js';
 import { StreamedArtifactFrame } from '../chunk-LOJVUGBJ.js';
 import '../chunk-VILAPTCB.js';
@@ -29,7 +29,7 @@ import '../chunk-ZPLG7QYF.js';
 import '../chunk-SLSBJRWW.js';
 import '../chunk-7F6CBP3Z.js';
 import '../chunk-VUNV25KB.js';
-import { lazy, useState, useMemo, Suspense, useEffect, useRef, useCallback } from 'react';
+import { lazy, useState, useMemo, Suspense, useEffect, useRef, useCallback, useLayoutEffect } from 'react';
 import { QueryClient, QueryClientProvider, useQueryClient, useQuery } from '@tanstack/react-query';
 import { ArbiProvider, useConversations, useRunConversation, useWorkspaceActivity, useWorkspaceUsers, useWorkspaceNotificationLevel, useFollowThread, useUploadSkillFiles, ArtifactCanvas, useArbiChat, useArbi, useDocuments, useTagKindSchema, useTags, useSetTagValues, useUpdateTagKindSchema, useInvalidateTagData, useWorkspaces, useShellWorkspaces, useProfile, useUpdateProfile, useRequestEmailChange, useConfirmEmailChange, useNameEditor, useAvatarCrop, useEmailChange, ImageCropModal, useIdentityVerification, usePasswordChange, usePasswordChangeForm, useNotificationPreferences, useSessions, useCurrentSessionId, useTerminateSession, useLogoutAllSessions, useDeleteAccount, useDeleteAccountFlow, useArbiWebSocket, notify, useWorkNotifications, mailDraftIdFromContent, useMailClient, defaultMailAlias, useClaimNativeAlias, useMailOnline, useConnectMailAccount, useDisconnectMailAccount, useMailPolicy, useMailAccounts, useMailUnlock, useMailFolders, useMailMessages, useMailDraftCompose, useMailCache, useMailMessage, MailOfflineUnavailableError, accountPath, useAgentSession, useStartAgentSession, useCloseAgentSession, isAliasTakenError, nextAliasSuggestion, aliasTakenMessage, mailJson, ArbiWebSocketProvider, useCreateWork, useActOnStep, useConversationActivity, useConversationThreads, fileAttachment, useSaveMailDraft, useSendMail, AiAnswer } from '@arbidocs/react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
@@ -558,6 +558,8 @@ var DEFAULT_WORKFLOW_RUNNER_DIALOG_LABELS = {
   reviewDescription: "Each document against each review column.",
   document: "Document",
   empty: "\u2014",
+  showMore: "Show more",
+  showLess: "Show less",
   wordTitle: "Tracked changes"
 };
 var SIGN_PDF_RETRIES = 4;
@@ -699,18 +701,25 @@ function WorkflowReviewGridDialog({
         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("th", { className: "sticky left-0 z-10 border-b border-border bg-background p-2 text-left align-bottom font-medium", children: labels.document }),
+          columns.map((c) => /* @__PURE__ */ jsx(
+            "th",
+            {
+              className: "border-b border-border p-2 text-left align-bottom font-medium",
+              children: /* @__PURE__ */ jsx("div", { className: `${VALUE_WIDTH} line-clamp-2 break-words`, title: c.name, 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 }) }),
+          /* @__PURE__ */ jsx("td", { className: "sticky left-0 z-10 border-b border-border bg-background p-2 align-top", children: /* @__PURE__ */ jsx(DocumentName, { 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 })
+                className: "border-b border-border p-2 align-top text-muted-foreground",
+                children: /* @__PURE__ */ jsx(ReviewValue, { value: note || labels.empty, labels })
               },
               c.id
             );
@@ -720,16 +729,49 @@ function WorkflowReviewGridDialog({
     }
   );
 }
-function Cell({ onClick, children }) {
+var DOCUMENT_WIDTH = "w-40 sm:w-56";
+var VALUE_WIDTH = "min-w-48 max-w-80";
+function DocumentName({ onClick, children }) {
+  const className = `${DOCUMENT_WIDTH} line-clamp-2 break-words text-left font-medium`;
   return onClick ? /* @__PURE__ */ jsx(
     "button",
     {
       type: "button",
       onClick,
-      className: "truncate text-left font-medium text-primary hover:underline",
+      title: children,
+      className: `${className} text-primary hover:underline`,
       children
     }
-  ) : /* @__PURE__ */ jsx("span", { className: "truncate font-medium", children });
+  ) : /* @__PURE__ */ jsx("div", { title: children, className, children });
+}
+function ReviewValue({ value, labels }) {
+  const ref = useRef(null);
+  const [expanded, setExpanded] = useState(false);
+  const [clamped, setClamped] = useState(false);
+  useLayoutEffect(() => {
+    const el = ref.current;
+    if (el && !expanded) setClamped(el.scrollHeight > el.clientHeight + 1);
+  }, [value, expanded]);
+  return /* @__PURE__ */ jsxs("div", { className: VALUE_WIDTH, children: [
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        title: clamped && !expanded ? value : void 0,
+        className: `whitespace-pre-line break-words ${expanded ? "" : "line-clamp-4"}`,
+        children: value
+      }
+    ),
+    (clamped || expanded) && /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        onClick: () => setExpanded((e) => !e),
+        className: "mt-1 text-xs font-medium text-primary hover:underline",
+        children: expanded ? labels.showLess : labels.showMore
+      }
+    )
+  ] });
 }
 var DEFAULT_CONNECTED_WORKFLOW_RUNNER_LABELS = {
   notify: "Ask to approve",