@arbidocs/blocks 0.4.88 → 0.4.89

package/dist/connect/index.cjs

@@ -8,13 +8,13 @@ var chunkMUMH3Z6K_cjs = require('../chunk-MUMH3Z6K.cjs');
 var chunkJH6JTI76_cjs = require('../chunk-JH6JTI76.cjs');
 require('../chunk-2ZDFVRGV.cjs');
 var chunkO4YPVYPO_cjs = require('../chunk-O4YPVYPO.cjs');
-var chunkUCAYNE44_cjs = require('../chunk-UCAYNE44.cjs');
-var chunk5XZU64E2_cjs = require('../chunk-5XZU64E2.cjs');
+var chunkTF6YMDZL_cjs = require('../chunk-TF6YMDZL.cjs');
+var chunkMOJ5JQDN_cjs = require('../chunk-MOJ5JQDN.cjs');
 var chunkN26CXGXC_cjs = require('../chunk-N26CXGXC.cjs');
 var chunk7RGLTF76_cjs = require('../chunk-7RGLTF76.cjs');
+require('../chunk-7D737FLE.cjs');
 require('../chunk-DETZZBG2.cjs');
 var chunk2CFW2ELM_cjs = require('../chunk-2CFW2ELM.cjs');
-require('../chunk-7D737FLE.cjs');
 var chunkQVBZESYQ_cjs = require('../chunk-QVBZESYQ.cjs');
 require('../chunk-ADOKTJHV.cjs');
 var chunkMP6FK43E_cjs = require('../chunk-MP6FK43E.cjs');
@@ -116,7 +116,7 @@ function ConnectedWorkspaceActivity({
     [feed.data]
   );
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkUCAYNE44_cjs.WorkspaceActivityList,
+    chunkTF6YMDZL_cjs.WorkspaceActivityList,
     {
       ...listProps,
       items,
@@ -142,7 +142,7 @@ function ConnectedWorkspaceNotificationMenu({
   });
   if (!workspaceId) return null;
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkUCAYNE44_cjs.WorkspaceNotificationMenu,
+    chunkTF6YMDZL_cjs.WorkspaceNotificationMenu,
     {
       ...menuProps,
       level,
@@ -161,7 +161,7 @@ function ConnectedThreadFollow({
     enabled: status === "authenticated"
   });
   if (!conversationId) return null;
-  const Control = as === "menu-item" ? chunkUCAYNE44_cjs.ThreadFollowMenuItem : chunkUCAYNE44_cjs.ThreadFollowButton;
+  const Control = as === "menu-item" ? chunkTF6YMDZL_cjs.ThreadFollowMenuItem : chunkTF6YMDZL_cjs.ThreadFollowButton;
   return /* @__PURE__ */ jsxRuntime.jsx(
     Control,
     {
@@ -287,7 +287,7 @@ function StreamedArtifact({
 }
 var STARTING = /* @__PURE__ */ new Set(["pending", "running"]);
 function formValues(step, inputs) {
-  const fields = chunk5XZU64E2_cjs.stepFields(step);
+  const fields = chunkMOJ5JQDN_cjs.stepFields(step);
   if (!fields.length) return void 0;
   if (step.kind === "form")
     return Object.fromEntries(fields.map((f) => [f.name, inputs[f.name] ?? ""]));
@@ -325,7 +325,7 @@ function useWorkflowThread(workflow, options = {}) {
   const { wsId } = chunkXMBYDLZQ_cjs.useWorkspaceDocs();
   const [threadId, setThreadId] = react.useState(options.conversationId);
   const [localInputs, setLocalInputs] = react.useState(
-    () => chunk5XZU64E2_cjs.initialRunInputs(workflow, options.initialInputs)
+    () => chunkMOJ5JQDN_cjs.initialRunInputs(workflow, options.initialInputs)
   );
   const [edits, setEdits] = react.useState({});
   const [localStates, setLocalStates] = react.useState({});
@@ -345,12 +345,12 @@ function useWorkflowThread(workflow, options = {}) {
   );
   const conversation = conversations.data?.find((c) => c.external_id === threadId);
   const steps = react.useMemo(
-    () => chunk5XZU64E2_cjs.workflowSteps(workflow).length > 0 ? chunk5XZU64E2_cjs.workflowSteps(workflow) : chunk5XZU64E2_cjs.fromPlanSteps(conversation?.plan?.steps ?? []),
+    () => chunkMOJ5JQDN_cjs.workflowSteps(workflow).length > 0 ? chunkMOJ5JQDN_cjs.workflowSteps(workflow) : chunkMOJ5JQDN_cjs.fromPlanSteps(conversation?.plan?.steps ?? []),
     [workflow, conversation?.plan?.steps]
   );
   const activity = react$1.useConversationActivity(threadId, { live: !!threadId });
   const serverStates = react.useMemo(
-    () => chunk5XZU64E2_cjs.stepStatesFromActivity(activity.data ?? []),
+    () => chunkMOJ5JQDN_cjs.stepStatesFromActivity(activity.data ?? []),
     [activity.data]
   );
   const working = steps.some(
@@ -393,7 +393,7 @@ function useWorkflowThread(workflow, options = {}) {
     async (values, done) => {
       await ensureWorkspaceOpen();
       const created = await createWork.mutateAsync({
-        title: chunk5XZU64E2_cjs.runThreadTitle(workflow, values).slice(0, 60),
+        title: chunkMOJ5JQDN_cjs.runThreadTitle(workflow, values).slice(0, 60),
         description: workflow.description || null,
         prompt: null,
         skill_ref: null,
@@ -405,7 +405,7 @@ function useWorkflowThread(workflow, options = {}) {
           criteria: [],
           max_passes: 3,
           documents: [],
-          steps: chunk5XZU64E2_cjs.toPlanSteps(workflow, {
+          steps: chunkMOJ5JQDN_cjs.toPlanSteps(workflow, {
             inputs: values,
             resolveWorkflow: options.resolveWorkflow,
             compose: options.compose
@@ -492,7 +492,7 @@ function useWorkflowThread(workflow, options = {}) {
   const anyRunning = Object.values(states).some((s) => s.status === "running");
   const needsStart = !threadId || idle && !anyRunning;
   const runError = idle ? conversation?.last_error ?? null : null;
-  const view = chunk5XZU64E2_cjs.useWorkflowView({
+  const view = chunkMOJ5JQDN_cjs.useWorkflowView({
     steps,
     states,
     inputs,
@@ -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;
@@ -571,7 +573,7 @@ function WorkflowSignDialog({
   const arbi = react$1.useArbi();
   const { user, ensureWorkspaceOpen } = chunkMUMH3Z6K_cjs.useConnection();
   const tools = documentTools.useOptionalDocumentTools();
-  const { id, version: stepVersion } = chunk5XZU64E2_cjs.splitDocRef(docRef);
+  const { id, version: stepVersion } = chunkMOJ5JQDN_cjs.splitDocRef(docRef);
   const [version, setVersion] = react.useState(stepVersion);
   const [pdf, setPdf] = react.useState(null);
   const [preparing, setPreparing] = react.useState(false);
@@ -649,7 +651,7 @@ function WorkflowWordDialog({
   onClose,
   labels
 }) {
-  const { id } = chunk5XZU64E2_cjs.splitDocRef(docRef);
+  const { id } = chunkMOJ5JQDN_cjs.splitDocRef(docRef);
   return /* @__PURE__ */ jsxRuntime.jsx(
     chunkULWRNGGE_cjs.ModalScaffold,
     {
@@ -699,18 +701,25 @@ function WorkflowReviewGridDialog({
         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("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__ */ jsxRuntime.jsx(
+            "th",
+            {
+              className: "border-b border-border p-2 text-left align-bottom font-medium",
+              children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${VALUE_WIDTH} line-clamp-2 break-words`, title: c.name, 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 }) }),
+          /* @__PURE__ */ jsxRuntime.jsx("td", { className: "sticky left-0 z-10 border-b border-border bg-background p-2 align-top", children: /* @__PURE__ */ jsxRuntime.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__ */ 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 })
+                className: "border-b border-border p-2 align-top text-muted-foreground",
+                children: /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.jsx("span", { className: "truncate font-medium", children });
+  ) : /* @__PURE__ */ jsxRuntime.jsx("div", { title: children, className, children });
+}
+function ReviewValue({ value, labels }) {
+  const ref = react.useRef(null);
+  const [expanded, setExpanded] = react.useState(false);
+  const [clamped, setClamped] = react.useState(false);
+  react.useLayoutEffect(() => {
+    const el = ref.current;
+    if (el && !expanded) setClamped(el.scrollHeight > el.clientHeight + 1);
+  }, [value, expanded]);
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: VALUE_WIDTH, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        ref,
+        title: clamped && !expanded ? value : void 0,
+        className: `whitespace-pre-line break-words ${expanded ? "" : "line-clamp-4"}`,
+        children: value
+      }
+    ),
+    (clamped || expanded) && /* @__PURE__ */ jsxRuntime.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",
@@ -783,7 +825,7 @@ function ConnectedWorkflowRunner({
     () => ({
       me: user?.externalId,
       openDocument: onOpenDocument && ((ref) => {
-        const { id, version } = chunk5XZU64E2_cjs.splitDocRef(ref);
+        const { id, version } = chunkMOJ5JQDN_cjs.splitDocRef(ref);
         onOpenDocument(id, version);
       }),
       openDraft: onOpenDraft && ((draftId) => onOpenDraft(draftId)),
@@ -793,7 +835,7 @@ function ConnectedWorkflowRunner({
         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(chunk5XZU64E2_cjs.splitDocRef(ref).id) ?? "" })),
+      openRedline: hostActions?.openRedline ?? ((ref) => setDialog({ kind: "word", docRef: ref, title: nameOfDoc(chunkMOJ5JQDN_cjs.splitDocRef(ref).id) ?? "" })),
       openReview: hostActions?.openReview ?? ((tags, documents) => setDialog({ kind: "review", tags, documents }))
     }),
     [user?.externalId, onOpenDocument, onOpenDraft, onOpenMessage, hostActions, nameOfDoc, inThread]
@@ -929,7 +971,7 @@ function ConnectedWorkflowRunner({
     );
   };
   const runner = (compact) => /* @__PURE__ */ jsxRuntime.jsx(
-    chunk5XZU64E2_cjs.WorkflowRunner,
+    chunkMOJ5JQDN_cjs.WorkflowRunner,
     {
       people,
       ...runnerProps,
@@ -975,10 +1017,10 @@ function ConnectedWorkflowRunner({
     ) }),
     inThread && conversationId ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
       /* @__PURE__ */ jsxRuntime.jsx(
-        chunk5XZU64E2_cjs.WorkflowStepBar,
+        chunkMOJ5JQDN_cjs.WorkflowStepBar,
         {
           run: view,
-          levels: chunk5XZU64E2_cjs.stepLevels(view.steps),
+          levels: chunkMOJ5JQDN_cjs.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}`
@@ -1159,17 +1201,17 @@ function ConnectedTagTable({
   const fail = (e) => setError(e instanceof Error ? e.message : String(e));
   const snapshot = (data) => {
     const title = exportTitle ?? KIND_TITLES[kind];
-    const bytes = chunkUCAYNE44_cjs.tagTableDocx(data, {
+    const bytes = chunkTF6YMDZL_cjs.tagTableDocx(data, {
       title,
       nameOf: (id) => people.find((p) => p.value === id)?.label
     });
     const stamp = (/* @__PURE__ */ new Date()).toISOString().slice(0, 10);
     const name = `${title.replace(/[\\/:*?"<>|]+/g, "-")} (${stamp}).docx`;
-    return { blob: new Blob([bytes], { type: chunkUCAYNE44_cjs.DOCX_MIME_TYPE }), name };
+    return { blob: new Blob([bytes], { type: chunkTF6YMDZL_cjs.DOCX_MIME_TYPE }), name };
   };
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkUCAYNE44_cjs.TagTable,
+      chunkTF6YMDZL_cjs.TagTable,
       {
         ...props,
         table,