@arbidocs/blocks 0.4.119 → 0.4.120

package/dist/settings/FirmPool.d.ts

@@ -3,8 +3,25 @@ export interface FirmPoolView {
     /** £ of AI usage used this month; `null` while the usage report is not available yet. */
     usedGbp: number | null;
     totalGbp: number;
+    /** The licence's part of this month's pool (£ of AI usage a month); the rest of `totalGbp` is top-ups. */
+    baseGbp?: number;
+    /** £ of AI usage automatic top-ups may still add this month before the usage budget stops them
+     *  (`null` = no limit; omitted = not applicable, e.g. no automatic top-ups on this licence). */
+    autoRoomGbp?: number | null;
     /** £ of AI usage each top-up step adds a month (for the top-up help); £25 on Box. */
     addonGbp?: number;
+    /** Storage on this deployment against the licence's storage (GB); `usedGb` null until measured. Automatic
+     *  top-ups this month (`autoAddedGb`) are part of `totalGb`. */
+    storage?: {
+        usedGb: number | null;
+        totalGb: number;
+        autoAddedGb?: number;
+    };
+    /** Internal users (firm members; external users and guests are free) against the licence's users. */
+    users?: {
+        used: number | null;
+        total: number;
+    };
     /** The Box licence, already formatted (e.g. "8 users · 250 GB · £200 of AI usage a month · Annual"). */
     licence?: string;
     /** A decrease kept until the period end, already formatted (e.g. "From 1 Dec 2026: 6 users · …"). */
@@ -13,12 +30,13 @@ export interface FirmPoolView {
     resetsAt?: string;
     /** Standard AI is unlimited and the allowance applies to Premium AI only. */
     premiumOnly: boolean;
-    /** Automatic top-ups this month, as money against the monthly usage budget (formatted), with what
-     *  they added (e.g. "+£50 of AI usage · +25 GB"). */
+    /** Automatic top-ups this month, as money against the monthly usage budget (formatted: spent, limit and what
+     *  is left), with what they added (e.g. "+£50 of AI usage · +25 GB"). */
     autoAddons?: {
         count: number;
         spent: string;
         limit: string;
+        left?: string;
         pct: number;
         added?: string;
     };
@@ -29,9 +47,17 @@ export interface FirmPoolSectionLabels {
     title: string;
     licence: string;
     used: string;
+    storage: string;
+    users: string;
     premiumOnly: string;
     resets: (date: string) => string;
     usageUnknown: string;
+    legendLicence: (amount: string) => string;
+    legendTopUps: (amount: string) => string;
+    legendAutoRoom: (amount: string) => string;
+    autoRoomNoLimit: string;
+    budget: string;
+    budgetValue: (left: string, limit: string) => string;
     autoAddons: (count: number) => string;
     autoAddonsOff: string;
     topUpLabel: string;

package/dist/settings/index.cjs

@@ -3,7 +3,7 @@
 
 var chunkOR4CO743_cjs = require('../chunk-OR4CO743.cjs');
 var chunk223D4727_cjs = require('../chunk-223D4727.cjs');
-var chunk46IU3UPF_cjs = require('../chunk-46IU3UPF.cjs');
+var chunkA7NCSZAP_cjs = require('../chunk-A7NCSZAP.cjs');
 var chunkS5HZBXZA_cjs = require('../chunk-S5HZBXZA.cjs');
 var chunkN26CXGXC_cjs = require('../chunk-N26CXGXC.cjs');
 var chunkDVUZTGVL_cjs = require('../chunk-DVUZTGVL.cjs');
@@ -1439,7 +1439,7 @@ var DEFAULT_PLAN_CARD_LABELS = {
   explainerTiers: [
     "AI usage and storage are shared by everyone in the project. AI usage resets monthly.",
     "Need more? Add \xA325 of AI usage or 25 GB at a time. Add-ons renew until you reduce them.",
-    "Add-ons, manual and automatic, stay within your monthly usage cap (\xA3100 by default; \xA30 = no extra usage, or no limit).",
+    "Automatic top-ups stay within your monthly usage cap (\xA3100 by default; \xA30 = no automatic top-ups, or no limit). Adding by hand is never capped.",
     "Add-ons start now. Downgrades, billing switches and add-on reductions start at the end of the period. No refunds.",
     "Prices are shown + VAT; the total for your country is shown before you pay."
   ],
@@ -2051,13 +2051,21 @@ function RenameDialog({
   ] }) });
 }
 var DEFAULT_FIRM_POOL_SECTION_LABELS = {
-  title: "Firm AI usage",
+  title: "Firm usage",
   licence: "Licence",
-  used: "This month",
+  used: "AI usage this month",
+  storage: "Storage",
+  users: "Internal users",
   premiumOnly: "Standard AI is unlimited; the allowance applies to Premium AI.",
   resets: (date) => `resets ${date}`,
   usageUnknown: "Usage is being calculated.",
-  autoAddons: (count) => `Automatic top-ups: ${count}`,
+  legendLicence: (amount) => `Licence ${amount}`,
+  legendTopUps: (amount) => `Top-ups ${amount}`,
+  legendAutoRoom: (amount) => `Automatic top-ups may add ${amount}`,
+  autoRoomNoLimit: "Automatic top-ups: no limit",
+  budget: "Usage budget \u2014 limits automatic top-ups only",
+  budgetValue: (left, limit) => `${left} left of ${limit}`,
+  autoAddons: (count) => `Automatic top-ups this month: ${count}`,
   autoAddonsOff: "Automatic top-ups are off (\xA30 usage budget).",
   topUpLabel: "Steps to add",
   topUp: "Add AI usage",
@@ -2079,11 +2087,15 @@ function FirmPoolSection({
   const [count, setCount] = react.useState(1);
   const valid = Number.isInteger(count) && count >= 1 && count <= FIRM_POOL_MAX_TOP_UP;
   const used = view.usedGbp;
-  const pct = used != null && view.totalGbp > 0 ? used / view.totalGbp * 100 : 0;
   const step = view.addonGbp ?? 25;
+  const base = Math.min(view.baseGbp ?? view.totalGbp, view.totalGbp);
+  const topUps = Math.max(0, view.totalGbp - base);
+  const gb = (n) => `${Math.round(n * 10) / 10} GB`;
+  const storage = view.storage;
+  const users = view.users;
   return /* @__PURE__ */ jsxRuntime.jsxs("section", { className: "space-y-3", "data-testid": testId, children: [
     /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "px-1 text-sm font-semibold text-foreground", children: l.title }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-3 px-1", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4 px-1", children: [
       view.licence && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-0.5 text-sm", "data-testid": `${testId}-licence`, children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-baseline justify-between gap-x-4", children: [
           /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium text-foreground", children: l.licence }),
@@ -2092,23 +2104,62 @@ function FirmPoolSection({
         view.renews && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground", "data-testid": `${testId}-renews`, children: view.renews })
       ] }),
       /* @__PURE__ */ jsxRuntime.jsx(
-        chunk46IU3UPF_cjs.UsageMeter,
+        chunkA7NCSZAP_cjs.UsageMeter,
         {
           label: l.used,
           hint: view.resetsAt ? l.resets(view.resetsAt) : void 0,
           value: `${used != null ? formatAmount(used) : "\u2014"} / ${formatAmount(view.totalGbp)}`,
-          pct,
+          allowance: {
+            used: used ?? 0,
+            plan: base,
+            topUps,
+            autoRoom: view.autoAddonsOff ? 0 : view.autoRoomGbp
+          },
+          legend: {
+            plan: topUps > 0 || (view.autoRoomGbp ?? 0) > 0 ? l.legendLicence(formatAmount(base)) : void 0,
+            topUps: topUps > 0 ? l.legendTopUps(formatAmount(topUps)) : void 0,
+            autoRoom: view.autoRoomGbp === null ? l.autoRoomNoLimit : view.autoRoomGbp ? l.legendAutoRoom(formatAmount(view.autoRoomGbp)) : void 0
+          },
+          details: used == null ? /* @__PURE__ */ jsxRuntime.jsx("p", { children: l.usageUnknown }) : void 0,
           testId: `${testId}-usage`
         }
       ),
-      used == null && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground", children: l.usageUnknown }),
+      storage && /* @__PURE__ */ jsxRuntime.jsx(
+        chunkA7NCSZAP_cjs.UsageMeter,
+        {
+          label: l.storage,
+          value: `${storage.usedGb != null ? gb(storage.usedGb) : "\u2014"} / ${gb(storage.totalGb)}`,
+          allowance: {
+            used: storage.usedGb ?? 0,
+            plan: storage.totalGb - (storage.autoAddedGb ?? 0),
+            topUps: storage.autoAddedGb ?? 0
+          },
+          legend: {
+            plan: storage.autoAddedGb ? l.legendLicence(gb(storage.totalGb - storage.autoAddedGb)) : void 0,
+            topUps: storage.autoAddedGb ? l.legendTopUps(gb(storage.autoAddedGb)) : void 0
+          },
+          testId: `${testId}-storage`
+        }
+      ),
+      users && /* @__PURE__ */ jsxRuntime.jsx(
+        chunkA7NCSZAP_cjs.UsageMeter,
+        {
+          label: l.users,
+          value: `${users.used ?? "\u2014"} / ${users.total}`,
+          allowance: { used: users.used ?? 0, plan: users.total },
+          testId: `${testId}-users`
+        }
+      ),
       view.autoAddons && /* @__PURE__ */ jsxRuntime.jsx(
-        chunk46IU3UPF_cjs.UsageMeter,
+        chunkA7NCSZAP_cjs.UsageMeter,
         {
-          label: l.autoAddons(view.autoAddons.count),
-          value: `${view.autoAddons.spent} / ${view.autoAddons.limit}`,
+          label: l.budget,
+          value: view.autoAddons.left ? l.budgetValue(view.autoAddons.left, view.autoAddons.limit) : `${view.autoAddons.spent} / ${view.autoAddons.limit}`,
           pct: view.autoAddons.pct,
-          hint: view.autoAddons.added,
+          details: /* @__PURE__ */ jsxRuntime.jsxs("p", { "data-testid": `${testId}-auto-addons-count`, children: [
+            l.autoAddons(view.autoAddons.count),
+            view.autoAddons.added ? ` (${view.autoAddons.added})` : ""
+          ] }),
           testId: `${testId}-auto-addons`
         }
       ),
@@ -2294,7 +2345,7 @@ function WelcomeDialog({
                 planBadge
               ] }),
               /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-3", children: quotas.map((quota) => /* @__PURE__ */ jsxRuntime.jsx(
-                chunk46IU3UPF_cjs.UsageMeter,
+                chunkA7NCSZAP_cjs.UsageMeter,
                 {
                   icon: quota.icon,
                   label: quota.label,
@@ -3166,7 +3217,7 @@ function SubscriptionStatusView({
     ] }),
     !resetDate && isCanceling && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-yellow-text", children: l.cancelsAtEndOfBillingPeriod }),
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-3", children: meters.map((m) => /* @__PURE__ */ jsxRuntime.jsx(
-      chunk46IU3UPF_cjs.UsageMeter,
+      chunkA7NCSZAP_cjs.UsageMeter,
       {
         icon: m.icon,
         label: m.label,