@arbidocs/blocks 0.4.119 → 0.4.121

package/dist/collaboration/index.cjs

@@ -3,11 +3,11 @@
 
 var chunkDJM7DLCT_cjs = require('../chunk-DJM7DLCT.cjs');
 require('../chunk-7G2LJMUG.cjs');
-var chunkU6MPHCEB_cjs = require('../chunk-U6MPHCEB.cjs');
 var chunkVLCY46K6_cjs = require('../chunk-VLCY46K6.cjs');
+var chunkU6MPHCEB_cjs = require('../chunk-U6MPHCEB.cjs');
 require('../chunk-C2CWWEHO.cjs');
-require('../chunk-ULWRNGGE.cjs');
 require('../chunk-FX3K6LNZ.cjs');
+require('../chunk-ULWRNGGE.cjs');
 require('../chunk-MHVNT4J3.cjs');
 require('../chunk-DES3K4SD.cjs');
 
@@ -173,6 +173,14 @@ Object.defineProperty(exports, "vCardFilename", {
   enumerable: true,
   get: function () { return chunkDJM7DLCT_cjs.vCardFilename; }
 });
+Object.defineProperty(exports, "DEFAULT_SHARE_CONTROL_LABELS", {
+  enumerable: true,
+  get: function () { return chunkVLCY46K6_cjs.DEFAULT_SHARE_CONTROL_LABELS; }
+});
+Object.defineProperty(exports, "ShareControl", {
+  enumerable: true,
+  get: function () { return chunkVLCY46K6_cjs.ShareControl; }
+});
 Object.defineProperty(exports, "MailDeliveryBadge", {
   enumerable: true,
   get: function () { return chunkU6MPHCEB_cjs.MailDeliveryBadge; }
@@ -229,13 +237,5 @@ Object.defineProperty(exports, "replyMailCompose", {
   enumerable: true,
   get: function () { return chunkU6MPHCEB_cjs.replyMailCompose; }
 });
-Object.defineProperty(exports, "DEFAULT_SHARE_CONTROL_LABELS", {
-  enumerable: true,
-  get: function () { return chunkVLCY46K6_cjs.DEFAULT_SHARE_CONTROL_LABELS; }
-});
-Object.defineProperty(exports, "ShareControl", {
-  enumerable: true,
-  get: function () { return chunkVLCY46K6_cjs.ShareControl; }
-});
 //# sourceMappingURL=index.cjs.map
 //# sourceMappingURL=index.cjs.map

package/dist/collaboration/index.js

@@ -1,11 +1,11 @@
 "use client";
 export { ActionMenu, AddContactsForm, AddContactsResults, ContactCard, DEFAULT_ADD_CONTACTS_LABELS, DEFAULT_CONTACT_CARD_LABELS, DEFAULT_CONTACT_OUTCOME_LABELS, DEFAULT_DM_ACCESS_REQUEST_BANNER_LABELS, DEFAULT_DM_GRANT_ACCESS_DIALOG_LABELS, DEFAULT_DM_INVITE_CHIP_LABELS, DEFAULT_DM_THREAD_FRAME_LABELS, DEFAULT_MAIL_FOLDER_TREE_LABELS, DEFAULT_RECIPIENT_PICKER_LABELS, DmAccessRequestBanner, DmGrantAccessDialogView, DmInviteAvatar, DmInviteChip, DmNewTabIcon, DmThreadFrame, DmThreadHeader, MAX_INVITE_EMAILS, MailFolderTree, MemberBulkActions, MemberListLoading, MemberMutedText, MemberNameCell, MemberRoleCell, RecipientPicker, RoleSelect, WorkspaceDeleteButton, buildMailFolderTree, contactToVCard, descendantFolderIds, downloadVCard, isInboxFolder, parseEmails, toAddContactsRow, toAddContactsRows, toggleMailFolder, vCardFilename } from '../chunk-5HFPRI3W.js';
 import '../chunk-NBV56SGU.js';
-export { MailDeliveryBadge, MailDeliveryList, MailDocumentPicker, MailGrid, MailMessagePreview, MailMessageView, NEEDS_CONNECTION, PlainMailBodyEditor, draftMailCompose, emptyMailCompose, hasCalendarPart, mailAddressLabel, parseMailRecipients, replyMailCompose } from '../chunk-IXTQYFIF.js';
 export { DEFAULT_SHARE_CONTROL_LABELS, ShareControl } from '../chunk-K4BGOPGG.js';
+export { MailDeliveryBadge, MailDeliveryList, MailDocumentPicker, MailGrid, MailMessagePreview, MailMessageView, NEEDS_CONNECTION, PlainMailBodyEditor, draftMailCompose, emptyMailCompose, hasCalendarPart, mailAddressLabel, parseMailRecipients, replyMailCompose } from '../chunk-IXTQYFIF.js';
 import '../chunk-N5YEF3LC.js';
-import '../chunk-TX2ZICS7.js';
 import '../chunk-SLSBJRWW.js';
+import '../chunk-TX2ZICS7.js';
 import '../chunk-7F6CBP3Z.js';
 import '../chunk-VUNV25KB.js';
 //# sourceMappingURL=index.js.map

package/dist/components/UsageMeter.d.ts

@@ -1,21 +1,58 @@
+import type { ReactNode } from 'react';
 import type { LucideIcon } from 'lucide-react';
 /**
- * One labelled quota meter: icon + label on the left, used-of-limit on the
- * right, a thin bar underneath. The bar's tone follows pressure with the shared
- * green → yellow → red gradation — green while there's room, yellow past the
- * halfway mark, red at the limit — so a stack of meters reads at a glance which
- * quota is the one to think about.
+ * What an allowance is made of, in the meter's own unit (£ of AI usage, GB, users): what was used, the plan's part
+ * of the allowance, the top-ups on top of it, and how much more automatic top-ups may still add before a usage cap
+ * (or budget) stops them.
  */
-export declare function UsageMeter({ icon: Icon, label, value, pct, hint, className, testId, }: {
+export interface UsageMeterAllowance {
+    used: number;
+    /** The plan's part of the allowance (marked on the bar when top-ups or automatic room follow it). */
+    plan: number;
+    /** Top-ups on top of the plan: the allowance now is `plan + topUps`. */
+    topUps?: number;
+    /**
+     * Room automatic top-ups may still add before the cap stops them (drawn hatched after the allowance).
+     * `null` = no limit (nothing drawn: the room is unbounded); omitted = not applicable.
+     */
+    autoRoom?: number | null;
+}
+/** Pressure on an allowance: under 80% used, 80% to under 100%, or at / over it. */
+export type UsageMeterState = 'under' | 'near' | 'over';
+/** The allowance meter's pressure state for `used` of `allowance`. */
+export declare function usageMeterState(used: number, allowance: number): UsageMeterState;
+/**
+ * One labelled quota meter: icon + label on the left, used-of-limit on the right, a thin bar underneath.
+ *
+ * Simple mode (`pct`): the bar's tone follows pressure with the shared green → yellow → red gradation — green while
+ * there's room, yellow past the halfway mark, red at the limit — so a stack of meters reads at a glance which quota
+ * is the one to think about.
+ *
+ * Allowance mode (`allowance`): the bar spans the allowance plus what automatic top-ups may still add; it marks the
+ * plan's part, shades the top-ups, hatches the automatic room, and fills what was used (red at the allowance, yellow
+ * from 80%). `legend` names the segments; `details` (next period, cap) sit under the bar and `actions` (+ / −) beside
+ * it. The meter's `data-state` is `under` / `near` / `over`.
+ */
+export declare function UsageMeter({ icon: Icon, label, value, pct, hint, allowance, legend, details, actions, className, testId, }: {
     icon?: LucideIcon;
     label: string;
     /** Formatted used-of-limit text, e.g. "1,200 / 25,000" or "40 / 500 MB". */
     value: string;
-    /** Fill percentage, 0–100 (values are clamped). */
-    pct: number;
+    /** Simple mode: fill percentage, 0–100 (values are clamped). Ignored with `allowance`. */
+    pct?: number;
     /** Inline parenthetical after the label, e.g. "resets May 31, 2025" —
      *  same font as the label, so the meter never grows an extra row. */
     hint?: string;
+    /** Allowance mode: the allowance's parts, in the meter's unit. */
+    allowance?: UsageMeterAllowance;
+    /** Formatted legend entries for the allowance's segments (each shown only when set). */
+    legend?: {
+        plan?: string;
+        topUps?: string;
+        autoRoom?: string;
+    };
+    details?: ReactNode;
+    actions?: ReactNode;
     className?: string;
     testId?: string;
 }): import("react").JSX.Element;

package/dist/connect/index.cjs

@@ -1,6 +1,7 @@
 "use client";
 'use strict';
 
+var chunkO4YPVYPO_cjs = require('../chunk-O4YPVYPO.cjs');
 var chunkOR4CO743_cjs = require('../chunk-OR4CO743.cjs');
 var chunkUDK553WP_cjs = require('../chunk-UDK553WP.cjs');
 var chunkN7ARMX3O_cjs = require('../chunk-N7ARMX3O.cjs');
@@ -9,27 +10,26 @@ var chunkJH6JTI76_cjs = require('../chunk-JH6JTI76.cjs');
 require('../chunk-S24XEVPS.cjs');
 require('../chunk-JSH43QMZ.cjs');
 require('../chunk-5FYU7ZIU.cjs');
-var chunkO4YPVYPO_cjs = require('../chunk-O4YPVYPO.cjs');
-var chunkUS5ASM4G_cjs = require('../chunk-US5ASM4G.cjs');
+var chunkGIEHWHVO_cjs = require('../chunk-GIEHWHVO.cjs');
 var chunkU6MPHCEB_cjs = require('../chunk-U6MPHCEB.cjs');
 var chunkI2QSDQQV_cjs = require('../chunk-I2QSDQQV.cjs');
 require('../chunk-RC25WMVB.cjs');
-var chunkXSUOEJB3_cjs = require('../chunk-XSUOEJB3.cjs');
-require('../chunk-7D737FLE.cjs');
-var chunkN26CXGXC_cjs = require('../chunk-N26CXGXC.cjs');
+var chunk5JVPLVDT_cjs = require('../chunk-5JVPLVDT.cjs');
 require('../chunk-DETZZBG2.cjs');
+var chunkN26CXGXC_cjs = require('../chunk-N26CXGXC.cjs');
 require('../chunk-32HW2Q33.cjs');
 var chunk2EI7NCUA_cjs = require('../chunk-2EI7NCUA.cjs');
 require('../chunk-C2CWWEHO.cjs');
+require('../chunk-7D737FLE.cjs');
 var chunkQVBZESYQ_cjs = require('../chunk-QVBZESYQ.cjs');
 require('../chunk-ADOKTJHV.cjs');
-var chunk7RGLTF76_cjs = require('../chunk-7RGLTF76.cjs');
-var chunkULWRNGGE_cjs = require('../chunk-ULWRNGGE.cjs');
 var chunkS2KVJYBD_cjs = require('../chunk-S2KVJYBD.cjs');
 require('../chunk-B6MVQCXW.cjs');
 require('../chunk-B4SRYJLM.cjs');
 require('../chunk-7UTB4PHM.cjs');
 require('../chunk-FX3K6LNZ.cjs');
+var chunkULWRNGGE_cjs = require('../chunk-ULWRNGGE.cjs');
+var chunk7RGLTF76_cjs = require('../chunk-7RGLTF76.cjs');
 require('../chunk-PPCATBOY.cjs');
 require('../chunk-MHVNT4J3.cjs');
 var chunkKDG6FER6_cjs = require('../chunk-KDG6FER6.cjs');
@@ -122,7 +122,7 @@ function ConnectedWorkspaceActivity({
     [feed.data]
   );
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkUS5ASM4G_cjs.WorkspaceActivityList,
+    chunkGIEHWHVO_cjs.WorkspaceActivityList,
     {
       ...listProps,
       items,
@@ -148,7 +148,7 @@ function ConnectedWorkspaceNotificationMenu({
   });
   if (!workspaceId) return null;
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkUS5ASM4G_cjs.WorkspaceNotificationMenu,
+    chunkGIEHWHVO_cjs.WorkspaceNotificationMenu,
     {
       ...menuProps,
       level,
@@ -167,7 +167,7 @@ function ConnectedThreadFollow({
     enabled: status === "authenticated"
   });
   if (!conversationId) return null;
-  const Control = as === "menu-item" ? chunkUS5ASM4G_cjs.ThreadFollowMenuItem : chunkUS5ASM4G_cjs.ThreadFollowButton;
+  const Control = as === "menu-item" ? chunkGIEHWHVO_cjs.ThreadFollowMenuItem : chunkGIEHWHVO_cjs.ThreadFollowButton;
   return /* @__PURE__ */ jsxRuntime.jsx(
     Control,
     {
@@ -293,7 +293,7 @@ function StreamedArtifact({
 }
 var STARTING = /* @__PURE__ */ new Set(["pending", "running"]);
 function formValues(step, inputs) {
-  const fields = chunkXSUOEJB3_cjs.stepFields(step);
+  const fields = chunk5JVPLVDT_cjs.stepFields(step);
   if (!fields.length) return void 0;
   if (step.kind === "form")
     return Object.fromEntries(fields.map((f) => [f.name, inputs[f.name] ?? ""]));
@@ -331,7 +331,7 @@ function useWorkflowThread(workflow, options = {}) {
   const { wsId } = chunkUDK553WP_cjs.useWorkspaceDocs();
   const [threadId, setThreadId] = react.useState(options.conversationId);
   const [localInputs, setLocalInputs] = react.useState(
-    () => chunkXSUOEJB3_cjs.initialRunInputs(workflow, options.initialInputs)
+    () => chunk5JVPLVDT_cjs.initialRunInputs(workflow, options.initialInputs)
   );
   const [edits, setEdits] = react.useState({});
   const [localStates, setLocalStates] = react.useState({});
@@ -351,12 +351,12 @@ function useWorkflowThread(workflow, options = {}) {
   );
   const conversation = conversations.data?.find((c) => c.external_id === threadId);
   const steps = react.useMemo(
-    () => chunkXSUOEJB3_cjs.workflowSteps(workflow).length > 0 ? chunkXSUOEJB3_cjs.workflowSteps(workflow) : chunkXSUOEJB3_cjs.fromPlanSteps(conversation?.plan?.steps ?? []),
+    () => chunk5JVPLVDT_cjs.workflowSteps(workflow).length > 0 ? chunk5JVPLVDT_cjs.workflowSteps(workflow) : chunk5JVPLVDT_cjs.fromPlanSteps(conversation?.plan?.steps ?? []),
     [workflow, conversation?.plan?.steps]
   );
   const activity = react$1.useConversationActivity(threadId, { live: !!threadId });
   const serverStates = react.useMemo(
-    () => chunkXSUOEJB3_cjs.stepStatesFromActivity(activity.data ?? []),
+    () => chunk5JVPLVDT_cjs.stepStatesFromActivity(activity.data ?? []),
     [activity.data]
   );
   const working = steps.some(
@@ -399,7 +399,7 @@ function useWorkflowThread(workflow, options = {}) {
     async (values, done) => {
       await ensureWorkspaceOpen();
       const created = await createWork.mutateAsync({
-        title: chunkXSUOEJB3_cjs.runThreadTitle(workflow, values).slice(0, 60),
+        title: chunk5JVPLVDT_cjs.runThreadTitle(workflow, values).slice(0, 60),
         description: workflow.description || null,
         prompt: null,
         skill_ref: null,
@@ -411,7 +411,7 @@ function useWorkflowThread(workflow, options = {}) {
           criteria: [],
           max_passes: 3,
           documents: [],
-          steps: chunkXSUOEJB3_cjs.toPlanSteps(workflow, {
+          steps: chunk5JVPLVDT_cjs.toPlanSteps(workflow, {
             inputs: values,
             resolveWorkflow: options.resolveWorkflow,
             compose: options.compose
@@ -498,7 +498,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 = chunkXSUOEJB3_cjs.useWorkflowView({
+  const view = chunk5JVPLVDT_cjs.useWorkflowView({
     steps,
     states,
     inputs,
@@ -579,7 +579,7 @@ function WorkflowSignDialog({
   const arbi = react$1.useArbi();
   const { user, ensureWorkspaceOpen } = chunkMUMH3Z6K_cjs.useConnection();
   const tools = documentTools.useOptionalDocumentTools();
-  const { id, version: stepVersion } = chunkXSUOEJB3_cjs.splitDocRef(docRef);
+  const { id, version: stepVersion } = chunk5JVPLVDT_cjs.splitDocRef(docRef);
   const [version, setVersion] = react.useState(stepVersion);
   const [pdf, setPdf] = react.useState(null);
   const [preparing, setPreparing] = react.useState(false);
@@ -657,7 +657,7 @@ function WorkflowWordDialog({
   onClose,
   labels
 }) {
-  const { id } = chunkXSUOEJB3_cjs.splitDocRef(docRef);
+  const { id } = chunk5JVPLVDT_cjs.splitDocRef(docRef);
   return /* @__PURE__ */ jsxRuntime.jsx(
     chunkULWRNGGE_cjs.ModalScaffold,
     {
@@ -829,7 +829,7 @@ function ConnectedWorkflowRunner({
     () => ({
       me: user?.externalId,
       openDocument: onOpenDocument && ((ref) => {
-        const { id, version } = chunkXSUOEJB3_cjs.splitDocRef(ref);
+        const { id, version } = chunk5JVPLVDT_cjs.splitDocRef(ref);
         onOpenDocument(id, version);
       }),
       openDraft: onOpenDraft && ((draftId) => onOpenDraft(draftId)),
@@ -839,7 +839,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(chunkXSUOEJB3_cjs.splitDocRef(ref).id) ?? "" })),
+      openRedline: hostActions?.openRedline ?? ((ref) => setDialog({ kind: "word", docRef: ref, title: nameOfDoc(chunk5JVPLVDT_cjs.splitDocRef(ref).id) ?? "" })),
       openReview: hostActions?.openReview ?? ((tags, documents) => setDialog({ kind: "review", tags, documents }))
     }),
     [user?.externalId, onOpenDocument, onOpenDraft, onOpenMessage, hostActions, nameOfDoc, inThread]
@@ -975,7 +975,7 @@ function ConnectedWorkflowRunner({
     );
   };
   const runner = (compact) => /* @__PURE__ */ jsxRuntime.jsx(
-    chunkXSUOEJB3_cjs.WorkflowRunner,
+    chunk5JVPLVDT_cjs.WorkflowRunner,
     {
       people,
       ...runnerProps,
@@ -1021,10 +1021,10 @@ function ConnectedWorkflowRunner({
     ) }),
     inThread && conversationId ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
       /* @__PURE__ */ jsxRuntime.jsx(
-        chunkXSUOEJB3_cjs.WorkflowStepBar,
+        chunk5JVPLVDT_cjs.WorkflowStepBar,
         {
           run: view,
-          levels: chunkXSUOEJB3_cjs.stepLevels(view.steps),
+          levels: chunk5JVPLVDT_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}`
@@ -1205,7 +1205,7 @@ function ConnectedTagTable({
   const fail = (e) => setError(e instanceof Error ? e.message : String(e));
   const snapshot = (data) => {
     const title = exportTitle ?? KIND_TITLES[kind];
-    const bytes = chunkUS5ASM4G_cjs.tagTableDocx(data, {
+    const bytes = chunkGIEHWHVO_cjs.tagTableDocx(data, {
       title,
       nameOf: (id) => people.find((p) => p.value === id)?.label
     });
@@ -1215,7 +1215,7 @@ function ConnectedTagTable({
   };
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkUS5ASM4G_cjs.TagTable,
+      chunkGIEHWHVO_cjs.TagTable,
       {
         ...props,
         table,
@@ -2155,6 +2155,17 @@ var NO_WORD = {
     loadFonts: () => Promise.reject(new Error("No Word editor"))
   }
 };
+function notifySent(notify3, result) {
+  const status = result && typeof result === "object" && "delivery_status" in result ? result.delivery_status : null;
+  if (status === "bounced")
+    notify3("Email couldn't be delivered", "error", { description: "Open it in Sent to see why." });
+  else if (status === "partially_bounced")
+    notify3("Email couldn't be delivered to every recipient", "error", {
+      description: "Open it in Sent to see which and why."
+    });
+  else if (status === "delivered") notify3("Email delivered", "success");
+  else notify3("Email queued for delivery", "success");
+}
 function MailComposerForm({
   account,
   initial,
@@ -2311,8 +2322,7 @@ function MailComposerForm({
       setWordPending(true);
       try {
         if (!secure) {
-          await wordBody.send({ ...value, request_id: requestId.current });
-          notify3("Email queued for delivery", "success");
+          notifySent(notify3, await wordBody.send({ ...value, request_id: requestId.current }));
           onClose();
           return;
         }
@@ -2352,7 +2362,7 @@ function MailComposerForm({
             onClose();
             return;
           }
-          notify3("Email queued for delivery", "success");
+          notifySent(notify3, result);
           if (localDraftId) void offline?.deleteDraft(localDraftId);
           onClose();
         },