@arbidocs/blocks 0.4.115 → 0.4.116

package/dist/settings/index.js

@@ -2,11 +2,11 @@
 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 '../chunk-VILAPTCB.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';
 import { TONE_BORDER, TONE_SURFACE } from '../chunk-AUS3KBHJ.js';
-import '../chunk-VILAPTCB.js';
 export { ConfirmDialog, DEFAULT_CONFIRM_DIALOG_LABELS } from '../chunk-JJLMCV3T.js';
 import { TabHeader } from '../chunk-4WWM3GQ5.js';
 import { ModalSection, ModalSectionTitle, ModalHeader, ModalScaffold } from '../chunk-TX2ZICS7.js';
@@ -1417,9 +1417,9 @@ var DEFAULT_PLAN_CARD_LABELS = {
   pricingExplainer: "How pricing works",
   explainerTiers: [
     "AI usage and storage are shared by everyone in the project. AI usage resets monthly.",
-    "Need more? Add \xA310 of AI usage or 10 GB at a time. Add-ons renew until you remove them.",
-    "Automatic add-ons stay within your monthly add-on budget (\xA3250 by default, \xA30 turns them off).",
-    "Upgrades start now: you pay the difference for the rest of this period. Downgrades start at the end of the period. No refunds.",
+    "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).",
+    "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."
   ],
   explainerAiUsage: "About 1p of AI usage buys one moderately complex request, or reading ~25 documents, on a Standard model. Premium models can cost 10\u2013100\xD7 more.",
@@ -1493,7 +1493,7 @@ function PlanCardGrid({
     {
       className: cn(
         "grid gap-2",
-        plans.length === 4 ? "grid-cols-1 @xl:grid-cols-2 @4xl:grid-cols-4" : "grid-cols-1 @2xl:grid-cols-3"
+        plans.length === 4 ? "grid-cols-1 @xl:grid-cols-2 @4xl:grid-cols-4" : plans.length === 2 ? "grid-cols-1 @xl:grid-cols-2" : "grid-cols-1 @2xl:grid-cols-3"
       ),
       children: plans.map((plan) => /* @__PURE__ */ jsx(PlanCard, { plan, onSelect, labels }, plan.id))
     }
@@ -2031,15 +2031,18 @@ function RenameDialog({
 }
 var DEFAULT_FIRM_POOL_SECTION_LABELS = {
   title: "Firm AI usage",
+  licence: "Licence",
   used: "This month",
   premiumOnly: "Standard AI is unlimited; the allowance applies to Premium AI.",
   resets: (date) => `resets ${date}`,
   usageUnknown: "Usage is being calculated.",
-  autoAddons: (count) => `Auto add-ons (${count})`,
-  topUpLabel: "Add-ons to buy",
+  autoAddons: (count) => `Automatic top-ups: ${count}`,
+  autoAddonsOff: "Automatic top-ups are off (\xA30 usage budget).",
+  topUpLabel: "Steps to add",
   topUp: "Add AI usage",
   toppingUp: "Adding\u2026",
-  topUpHelp: (perAddon) => `Each add-on adds ${perAddon} of AI usage a month, pooled across the firm.`
+  topUpHelp: (perStep) => `Each step adds ${perStep} of AI usage a month, pooled across the firm, and renews until reduced.`,
+  topUpTotal: (total) => `+${total} of AI usage a month`
 };
 var FIRM_POOL_MAX_TOP_UP = 100;
 var defaultFormat = (gbp) => `\xA3${gbp.toLocaleString("en-GB", { maximumFractionDigits: 2 })}`;
@@ -2056,9 +2059,17 @@ function FirmPoolSection({
   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;
   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: [
+      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 }),
+          /* @__PURE__ */ jsx("span", { className: "tabular-nums text-muted-foreground", children: view.licence })
+        ] }),
+        view.renews && /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", "data-testid": `${testId}-renews`, children: view.renews })
+      ] }),
       /* @__PURE__ */ jsx(
         UsageMeter,
         {
@@ -2076,9 +2087,11 @@ function FirmPoolSection({
           label: l.autoAddons(view.autoAddons.count),
           value: `${view.autoAddons.spent} / ${view.autoAddons.limit}`,
           pct: view.autoAddons.pct,
+          hint: view.autoAddons.added,
           testId: `${testId}-auto-addons`
         }
       ),
+      view.autoAddonsOff && /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", "data-testid": `${testId}-auto-addons-off`, children: l.autoAddonsOff }),
       view.premiumOnly && /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", "data-testid": `${testId}-premium-only`, children: l.premiumOnly }),
       onTopUp && /* @__PURE__ */ jsxs(
         "form",
@@ -2116,7 +2129,15 @@ function FirmPoolSection({
                 children: isToppingUp ? l.toppingUp : l.topUp
               }
             ),
-            /* @__PURE__ */ jsx("p", { className: "w-full text-xs text-muted-foreground", children: l.topUpHelp(formatAmount(view.addonGbp ?? 10)) })
+            valid && /* @__PURE__ */ jsx(
+              "span",
+              {
+                className: "self-center text-sm tabular-nums text-foreground",
+                "data-testid": `${testId}-top-up-total`,
+                children: l.topUpTotal(formatAmount(count * step))
+              }
+            ),
+            /* @__PURE__ */ jsx("p", { className: "w-full text-xs text-muted-foreground", children: l.topUpHelp(formatAmount(step)) })
           ]
         }
       )