@arbidocs/blocks 0.4.118 → 0.4.120

package/dist/index.cjs

@@ -3,7 +3,7 @@
 
 var chunkXAJIKT6Y_cjs = require('./chunk-XAJIKT6Y.cjs');
 var chunkQI6AIHWP_cjs = require('./chunk-QI6AIHWP.cjs');
-var chunk46IU3UPF_cjs = require('./chunk-46IU3UPF.cjs');
+var chunkA7NCSZAP_cjs = require('./chunk-A7NCSZAP.cjs');
 var chunkS6BOINC4_cjs = require('./chunk-S6BOINC4.cjs');
 var chunk65THHQVB_cjs = require('./chunk-65THHQVB.cjs');
 var chunk7QDX2CO4_cjs = require('./chunk-7QDX2CO4.cjs');
@@ -15,9 +15,9 @@ require('./chunk-7G2LJMUG.cjs');
 var chunkUS5ASM4G_cjs = require('./chunk-US5ASM4G.cjs');
 var chunkU6MPHCEB_cjs = require('./chunk-U6MPHCEB.cjs');
 var chunkD54JXTPG_cjs = require('./chunk-D54JXTPG.cjs');
+var chunkI2QSDQQV_cjs = require('./chunk-I2QSDQQV.cjs');
 var chunkOUW6G4O2_cjs = require('./chunk-OUW6G4O2.cjs');
 var chunkVPPX5XUF_cjs = require('./chunk-VPPX5XUF.cjs');
-var chunkI2QSDQQV_cjs = require('./chunk-I2QSDQQV.cjs');
 require('./chunk-RC25WMVB.cjs');
 var chunkVLCY46K6_cjs = require('./chunk-VLCY46K6.cjs');
 var chunkFXUQZFAN_cjs = require('./chunk-FXUQZFAN.cjs');
@@ -973,7 +973,11 @@ Object.defineProperty(exports, "stripMarkdownLinks", {
 });
 Object.defineProperty(exports, "UsageMeter", {
   enumerable: true,
-  get: function () { return chunk46IU3UPF_cjs.UsageMeter; }
+  get: function () { return chunkA7NCSZAP_cjs.UsageMeter; }
+});
+Object.defineProperty(exports, "usageMeterState", {
+  enumerable: true,
+  get: function () { return chunkA7NCSZAP_cjs.usageMeterState; }
 });
 Object.defineProperty(exports, "ActionCluster", {
   enumerable: true,
@@ -1775,50 +1779,6 @@ Object.defineProperty(exports, "DetailSection", {
   enumerable: true,
   get: function () { return chunkD54JXTPG_cjs.DetailSection; }
 });
-Object.defineProperty(exports, "DEFAULT_SEARCH_HIT_LABELS", {
-  enumerable: true,
-  get: function () { return chunkOUW6G4O2_cjs.DEFAULT_SEARCH_HIT_LABELS; }
-});
-Object.defineProperty(exports, "SearchHit", {
-  enumerable: true,
-  get: function () { return chunkOUW6G4O2_cjs.SearchHit; }
-});
-Object.defineProperty(exports, "TIMELINE_ZOOM", {
-  enumerable: true,
-  get: function () { return chunkVPPX5XUF_cjs.TIMELINE_ZOOM; }
-});
-Object.defineProperty(exports, "TimelineCalendar", {
-  enumerable: true,
-  get: function () { return chunkVPPX5XUF_cjs.TimelineCalendar; }
-});
-Object.defineProperty(exports, "TimelineGantt", {
-  enumerable: true,
-  get: function () { return chunkVPPX5XUF_cjs.TimelineGantt; }
-});
-Object.defineProperty(exports, "TimelineZoomControl", {
-  enumerable: true,
-  get: function () { return chunkVPPX5XUF_cjs.TimelineZoomControl; }
-});
-Object.defineProperty(exports, "dayKey", {
-  enumerable: true,
-  get: function () { return chunkVPPX5XUF_cjs.dayKey; }
-});
-Object.defineProperty(exports, "formatSpan", {
-  enumerable: true,
-  get: function () { return chunkVPPX5XUF_cjs.formatSpan; }
-});
-Object.defineProperty(exports, "monthLabel", {
-  enumerable: true,
-  get: function () { return chunkVPPX5XUF_cjs.monthLabel; }
-});
-Object.defineProperty(exports, "parseIso", {
-  enumerable: true,
-  get: function () { return chunkVPPX5XUF_cjs.parseIso; }
-});
-Object.defineProperty(exports, "utcDay", {
-  enumerable: true,
-  get: function () { return chunkVPPX5XUF_cjs.utcDay; }
-});
 Object.defineProperty(exports, "DEFINITIONS_LABEL", {
   enumerable: true,
   get: function () { return chunkI2QSDQQV_cjs.DEFINITIONS_LABEL; }
@@ -1867,6 +1827,50 @@ Object.defineProperty(exports, "toDefinition", {
   enumerable: true,
   get: function () { return chunkI2QSDQQV_cjs.toDefinition; }
 });
+Object.defineProperty(exports, "DEFAULT_SEARCH_HIT_LABELS", {
+  enumerable: true,
+  get: function () { return chunkOUW6G4O2_cjs.DEFAULT_SEARCH_HIT_LABELS; }
+});
+Object.defineProperty(exports, "SearchHit", {
+  enumerable: true,
+  get: function () { return chunkOUW6G4O2_cjs.SearchHit; }
+});
+Object.defineProperty(exports, "TIMELINE_ZOOM", {
+  enumerable: true,
+  get: function () { return chunkVPPX5XUF_cjs.TIMELINE_ZOOM; }
+});
+Object.defineProperty(exports, "TimelineCalendar", {
+  enumerable: true,
+  get: function () { return chunkVPPX5XUF_cjs.TimelineCalendar; }
+});
+Object.defineProperty(exports, "TimelineGantt", {
+  enumerable: true,
+  get: function () { return chunkVPPX5XUF_cjs.TimelineGantt; }
+});
+Object.defineProperty(exports, "TimelineZoomControl", {
+  enumerable: true,
+  get: function () { return chunkVPPX5XUF_cjs.TimelineZoomControl; }
+});
+Object.defineProperty(exports, "dayKey", {
+  enumerable: true,
+  get: function () { return chunkVPPX5XUF_cjs.dayKey; }
+});
+Object.defineProperty(exports, "formatSpan", {
+  enumerable: true,
+  get: function () { return chunkVPPX5XUF_cjs.formatSpan; }
+});
+Object.defineProperty(exports, "monthLabel", {
+  enumerable: true,
+  get: function () { return chunkVPPX5XUF_cjs.monthLabel; }
+});
+Object.defineProperty(exports, "parseIso", {
+  enumerable: true,
+  get: function () { return chunkVPPX5XUF_cjs.parseIso; }
+});
+Object.defineProperty(exports, "utcDay", {
+  enumerable: true,
+  get: function () { return chunkVPPX5XUF_cjs.utcDay; }
+});
 Object.defineProperty(exports, "DEFAULT_SHARE_CONTROL_LABELS", {
   enumerable: true,
   get: function () { return chunkVLCY46K6_cjs.DEFAULT_SHARE_CONTROL_LABELS; }

package/dist/index.d.ts

@@ -13,7 +13,7 @@ export { formatCurrency, initials, fmtDate, fmtDateTime, fromNow, daysUntil, hrs
 export { DataTable, type Column, type DataTableProps, type DataTableSort, type DataTableTestIds, } from './components/DataTable';
 export { DataTableBlock, type DataTableBlockProps, type DataTableBlockColumn, } from './components/DataTableBlock';
 export { EmptyState } from './components/EmptyState';
-export { UsageMeter } from './components/UsageMeter';
+export { UsageMeter, usageMeterState, type UsageMeterAllowance, type UsageMeterState, } from './components/UsageMeter';
 export { Timeline, TimelineCalendar, TimelineGantt, TimelineZoomControl, TIMELINE_ZOOM, formatSpan, parseIso, utcDay, dayKey, monthLabel, type TimelineItem, type TimelineProps, type TimelineViewMode, type TimelineCalendarProps, type TimelineGanttProps, type TimelineZoomControlProps, } from './timeline';
 export { PageHeader, type PageHeaderProps } from './components/PageHeader';
 export { SectionHeading } from './components/SectionHeading';

package/dist/index.js

@@ -1,7 +1,7 @@
 "use client";
 export { MemberAvatarStack } from './chunk-XNOASBGW.js';
 export { ApplyLabelButton, ApplyLabelDialog, DEFAULT_APPLY_LABEL_DIALOG_LABELS, DEFAULT_RELEVANCE_STEPS, DEFAULT_SEARCH_BAR_LABELS, DEFAULT_SEARCH_EMPTY_STATE_LABELS, DEFAULT_SEARCH_GROUP_HEADER_LABELS, DEFAULT_SEARCH_NO_RESULTS_LABELS, DEFAULT_SEARCH_PAGINATION_LABELS, DEFAULT_SEARCH_TOTALS_LABELS, DOCUMENT_SEARCH_NOUNS, Highlight, RelevanceThreshold, SearchBar, SearchControlsBar, SearchEmptyState, SearchErrorBanner, SearchGroupCard, SearchGroupHeader, SearchNoResults, SearchPageBody, SearchPageFrame, SearchPageHeader, SearchPagination, SearchPillToggle, SearchResultList, SearchResultsInner, SearchResultsMain, SearchToolbarRow, SearchTotalsHeadline, getPageNumbers, highlightTerms, searchNouns, splitByTerms, stripMarkdownLinks } from './chunk-2MJWWPHY.js';
-export { UsageMeter } from './chunk-D5T53XCL.js';
+export { UsageMeter, usageMeterState } from './chunk-IBZJYCYM.js';
 export { ActionCluster, AskField, AskRow, AskTrigger, DEFAULT_ASK_FIELD_LABELS, DEFAULT_INSTALL_PROMPT_LABELS, DEFAULT_MOBILE_BARS_LABELS, DEFAULT_OFFLINE_PILL_LABELS, DEFAULT_REMOTE_CONTROL_PILL_LABELS, DEFAULT_SIDEBAR_LABELS, DEFAULT_TIP_CARD_LABELS, DEFAULT_WORKSPACE_KIND_LABELS, DEFAULT_WORKSPACE_SWITCHER_LABELS, INSTALL_PROMPT_DISMISSED_KEY, InfoBar, InstallPrompt, MobileAppBar, MobileTabBar, NotificationBell, OfflinePill, RemoteControlPill, STATUS_ROW_BASE_CLASS, STATUS_ROW_TONES, Sidebar, SidebarBadgeRow, SidebarRowAction, SidebarRowHoverContext, SplitLayout, StatusBadge, StatusRow, TipCard, UserMenu, WorkspaceIdentity, WorkspaceSwitcher, getInstallInstructions, initInstallPrompt, isIosDevice, promptAppInstall, resolveSidebarLayout, useInstallPrompt, useSidebarContext, useSidebarSettle, workspaceKindColor, workspaceKindMeta } from './chunk-D3N67Q4D.js';
 export { ArticleList, Chart, CheckList, CollectionDetail, CtaBand, DefinitionList, EditorialHeading, EditorialHero, EditorialProse, EditorialSection, Eyebrow, PanelGrid, ProofStrip, PullQuote, Reveal, TagList } from './chunk-LYUO3E6V.js';
 export { DataTable, DataTableBlock, MetricCard, PageHeader, StatGroup } from './chunk-ZCF2JJFA.js';
@@ -15,10 +15,10 @@ export { DEFAULT_TAG_COLUMNS_EDITOR_LABELS, DEFAULT_TAG_TABLE_DOCX_LABELS, DEFAU
 export { MailDeliveryBadge, MailDeliveryList, MailDocumentPicker, MailGrid, MailMessagePreview, MailMessageView, NEEDS_CONNECTION, PlainMailBodyEditor, draftMailCompose, emptyMailCompose, hasCalendarPart, mailAddressLabel, parseMailRecipients, replyMailCompose } from './chunk-IXTQYFIF.js';
 import { DetailLoading, DetailBody, DetailSection, DetailFields, DetailField, DetailLinkList, DetailLinkItem, DetailEmpty } from './chunk-ZCOVDK2E.js';
 export { DEFAULT_DETAIL_PANEL_LABELS, DetailBody, DetailEmpty, DetailField, DetailFields, DetailLinkItem, DetailLinkList, DetailLoading, DetailPanel, DetailSection } from './chunk-ZCOVDK2E.js';
-export { DEFAULT_SEARCH_HIT_LABELS, SearchHit } from './chunk-A2YAC22G.js';
-export { TIMELINE_ZOOM, TimelineCalendar, TimelineGantt, TimelineZoomControl, dayKey, formatSpan, monthLabel, parseIso, utcDay } from './chunk-4EZVCGRL.js';
 import { groupDefinitions, compareDefinitions, minuteUtc, page, cell, documentXml, paragraph, docxPackage, TABLE_DOCUMENT_STYLES } from './chunk-QXMR5YHC.js';
 export { DEFINITIONS_LABEL, DEFINITION_BOOKMARK_PREFIX, compareDefinitions, compareTerms, definitionBookmark, definitionIdOfBookmark, definitionLabels, filterTermGroups, groupDefinitions, parseDefinition, termKey, toDefinition } from './chunk-QXMR5YHC.js';
+export { DEFAULT_SEARCH_HIT_LABELS, SearchHit } from './chunk-A2YAC22G.js';
+export { TIMELINE_ZOOM, TimelineCalendar, TimelineGantt, TimelineZoomControl, dayKey, formatSpan, monthLabel, parseIso, utcDay } from './chunk-4EZVCGRL.js';
 import './chunk-AF6RDAJF.js';
 export { DEFAULT_SHARE_CONTROL_LABELS, ShareControl } from './chunk-K4BGOPGG.js';
 export { AgentAvatarField, AgentBar, AgentBarIconButton, AgentBarMenu, AgentBarNotes, AgentBarProbeAnswer, AgentBarQueuedNote, AgentBarStatus, AgentCard, AgentCreateView, AgentCreatedView, AgentCreator, AgentEditView, AgentGallery, AgentMainView, AgentSelect, AgentTypeSelector, CapabilityGrid, CapabilityTile, ConfigField, ConfigForm, ConsentActions, ConsentBulletList, ConsentCard, ConsentFootnote, ConsentHeader, ConsentMessage, ConsentNotice, ConsentPage, ConsentPermissionList, ConsentSection, ConsentStrong, ConsentText, ConversationListView, ConversationTurnSpeaker, CopyableUrl, DEFAULT_AGENT_AVATAR_FIELD_LABELS, DEFAULT_AGENT_BAR_LABELS, DEFAULT_AGENT_CARD_LABELS, DEFAULT_AGENT_CREATOR_LABELS, DEFAULT_AGENT_GALLERY_LABELS, DEFAULT_AGENT_SELECT_LABELS, DEFAULT_AGENT_STEPS_LABELS, DEFAULT_AGENT_TYPE_SELECTOR_LABELS, DEFAULT_AUTHORIZE_AGENT_LABELS, DEFAULT_CONFIG_FIELD_LABELS, DEFAULT_CONFIG_FORM_LABELS, DEFAULT_CONSENT_ACTIONS_LABELS, DEFAULT_COPYABLE_URL_LABELS, DEFAULT_NEW_THREAD_DIALOG_LABELS, DEFAULT_PILL_SELECT_LABELS, DEFAULT_RECURRENCE, DEFAULT_RECURRENCE_BUILDER_LABELS, DEFAULT_SKILL_CARD_LABELS, DEFAULT_SKILL_EDIT_FORM_LABELS, DEFAULT_SKILL_GENERATE_FORM_LABELS, DEFAULT_SKILL_GLOBAL_BADGE_LABELS, DEFAULT_SKILL_ROW_LABELS, DEFAULT_SKILL_VIEW_TOGGLE_LABELS, DEFAULT_SUBAGENT_ROSTER_LABELS, DEFAULT_TASKS_CHROME_LABELS, DEFAULT_TASK_COMPOSER_LABELS, DEFAULT_TASK_LIST_LABELS, DEFAULT_TASK_OUTPUTS_CELL_LABELS, DEFAULT_TASK_PLAN_LABELS, DEFAULT_TASK_RUNS_DIALOG_LABELS, DEFAULT_TASK_STATUS_PILL_LABELS, DEFAULT_TASK_THREAD_CHIP_LABELS, DEFAULT_TASK_TRIGGER_CHIP_LABELS, DEFAULT_TUPLE_ARRAY_FIELD_LABELS, DEFAULT_UPLOAD_TASK_ITEM_LABELS, DEFAULT_UPLOAD_TASK_LIST_LABELS, DEFAULT_WORKFLOWS_CHROME_LABELS, DEFAULT_WORKFLOW_CONFIG_DIALOG_LABELS, DEFAULT_WORKFLOW_LIST_LABELS, DEFAULT_WORKFLOW_THREAD_STRIP_LABELS, DERIVED_NAME_WORDS, EMPTY_NEW_THREAD, EntityChip, GoalCriteria, MAX_TASK_DEPTH, NewThreadDialog, PersonPill, PillSelect, RecurrenceBuilder, STATUS_LABELS, STATUS_ORDER, STATUS_TONE, SkillActionButton, SkillCard, SkillDetail, SkillDetailSection, SkillEditForm, SkillFilterChips, SkillGenerateForm, SkillGlobalBadge, SkillRow, SkillTile, SkillTypeBadge, SkillViewToggle, StepDetail, StepNarration, StepOutcome, StepParams, StepRow, StepSummary, StepTrace, StepTraceSummary, SubAgentLane, SubStepGroup, SubagentRoster, TASK_COLUMN_ORDER, TRIGGER_LABELS, TaskActivityDialog, TaskComposer, TaskFlow, TaskInbox, TaskMoveDialog, TaskOutputsCell, TaskPlan, TaskRunsDialog, TaskStartDialog, TaskStatusPill, TaskTable, TaskThreadChip, TaskTriggerChip, TasksToolbar, ThreadActivity, ThreadNotifyDialog, TupleArrayField, UploadTaskItem, UploadTaskList, WEEKDAYS, WORKFLOW_COLUMN_ORDER, WorkflowConfigDialog, WorkflowDocumentsField, WorkflowLauncher, WorkflowThreadStartedBy, WorkflowThreadStrip, WorkflowsTable, WorkflowsToolbar, agentConfigSectionToValues, agentCreatorToConfigSection, asTaskStatus, authModeFor, buildRRule, buildTaskRows, buildWorkflowScopeSource, compactThreadActivity, composePersona, composerToTaskQuery, composerToWorkRequest, composerToWorkflowRequest, composerToWorkflowUpdate, createTaskColumns, createWorkflowColumns, createsWork, defaultScopeRenderer, defaultTaskComposerValues, deriveAgentName, deriveWorkflowName, descendantIds, describeRRule, filterConversationRows, firstWords, formatElapsed, goalProgress, groupThreadActivity, hasTaskFields, hasTrigger, humanizeSection, indexTasks, inferType, inputDocumentIds, isAgenticWorkflow, isOutOfBounds, isPlainTodo, isSkillRow, isValidAgentName, isoToLocalInput, linkedRunsFromActivity, localInputToIso, matchWorkflowScope, moveTargets, newThreadToRequest, nextCriterionId, ownerExtId, parseRRule, prettifyKey, resolveScopeInputs, skillSlug, stripPersonaPreamble, summarizeAgent, summarizeCapabilities, taskComposerToCreateRequest, taskComposerToUpdateRequest, taskNeedsAccess, taskToComposerValues, useWorkflowPreview, workflowFromSkillMarkdown, workflowStatus, workflowTaskFields, workflowToComposerValues, workflowToSkillMarkdown, workflowTriggerType, workflowWhen } from './chunk-6Z7DLJU2.js';

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,