@arbidocs/blocks 0.4.118 → 0.4.120

package/dist/settings/index.js

@@ -1,7 +1,7 @@
 "use client";
 export { ActiveSessionsDialog, AvatarPicker, DEFAULT_ACTIVE_SESSIONS_DIALOG_LABELS, DEFAULT_AVATAR_PICKER_LABELS, DEFAULT_DELETE_ACCOUNT_DIALOG_LABELS, DEFAULT_IDENTITY_VERIFICATION_LABELS, DEFAULT_LOGOUT_DIALOG_LABELS, DEFAULT_PASSWORD_CHANGE_DIALOG_LABELS, DEFAULT_PROFILE_CARD_LABELS, DEFAULT_SETTINGS_DANGER_ZONE_LABELS, DeleteAccountDialog, EMAIL_NOTIFICATION_CATEGORIES, EMAIL_NOTIFICATION_KEYS, IdentityVerificationCard, IdentityVerificationDialog, LogoutDialog, NotificationCategoryList, PasswordChangeDialog, ProfileCard, RequireVerified, SettingsActionRow, SettingsCard, SettingsDangerZone, SettingsPanel, SettingsRow, SettingsSection, SettingsSwitchGroup, SettingsSwitchRow, formatSessionTtl, toActiveSessionViews, toDeleteBlockerViews, toLogoutSessionViews, toNotificationCategories } from '../chunk-GFYGYME3.js';
 export { ModalBreadcrumbHeader, ModalCrumbs } from '../chunk-RC6VTY2H.js';
-import { UsageMeter } from '../chunk-D5T53XCL.js';
+import { UsageMeter } from '../chunk-IBZJYCYM.js';
 export { DEFAULT_DOCUMENT_PICKER_LABELS, DocumentPicker, MultiSelect } from '../chunk-4XJZ6AAY.js';
 export { DEFAULT_TRI_STATE_FILTER_MENU_LABELS, TriStateFilterMenu } from '../chunk-6S5FLMWG.js';
 import { ToneBadge } from '../chunk-5LXQPP2K.js';
@@ -1418,7 +1418,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."
   ],
@@ -2030,13 +2030,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",
@@ -2058,11 +2066,15 @@ function FirmPoolSection({
   const [count, setCount] = 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__ */ jsxs("section", { className: "space-y-3", "data-testid": testId, children: [
     /* @__PURE__ */ jsx("h3", { className: "px-1 text-sm font-semibold text-foreground", children: l.title }),
-    /* @__PURE__ */ jsxs("div", { className: "space-y-3 px-1", children: [
+    /* @__PURE__ */ jsxs("div", { className: "space-y-4 px-1", children: [
       view.licence && /* @__PURE__ */ jsxs("div", { className: "space-y-0.5 text-sm", "data-testid": `${testId}-licence`, children: [
         /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-baseline justify-between gap-x-4", children: [
           /* @__PURE__ */ jsx("span", { className: "font-medium text-foreground", children: l.licence }),
@@ -2076,18 +2088,57 @@ function FirmPoolSection({
           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__ */ jsx("p", { children: l.usageUnknown }) : void 0,
           testId: `${testId}-usage`
         }
       ),
-      used == null && /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: l.usageUnknown }),
+      storage && /* @__PURE__ */ jsx(
+        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__ */ jsx(
+        UsageMeter,
+        {
+          label: l.users,
+          value: `${users.used ?? "\u2014"} / ${users.total}`,
+          allowance: { used: users.used ?? 0, plan: users.total },
+          testId: `${testId}-users`
+        }
+      ),
       view.autoAddons && /* @__PURE__ */ jsx(
         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__ */ jsxs("p", { "data-testid": `${testId}-auto-addons-count`, children: [
+            l.autoAddons(view.autoAddons.count),
+            view.autoAddons.added ? ` (${view.autoAddons.added})` : ""
+          ] }),
           testId: `${testId}-auto-addons`
         }
       ),