@arbidocs/blocks 0.4.108 → 0.4.109

package/dist/settings/index.d.ts

@@ -28,6 +28,7 @@ export { ActiveSessionsDialog, DeleteAccountDialog, type ActiveSessionView, type
 export { ConnectionCard, ConnectionsEmpty, ConnectionsLoading, ConnectionsError, type ConnectionCardProps, type ConnectionCardView, type ConnectionCardStatus, DEFAULT_CONNECTION_CARD_LABELS, type ConnectionCardLabels, } from './ConnectionCard';
 export { AvatarPicker, type AvatarPickerProps, DEFAULT_AVATAR_PICKER_LABELS, type AvatarPickerLabels, } from './AvatarPicker';
 export { ProjectRow, ProjectList, SharedProjectsSection, SharedProjectRow, ProjectDetailHeader, ProjectDetailSection, RenameDialog, type ProjectRowProps, type ProjectListProps, type SharedProjectsSectionProps, type ProjectDetailHeaderProps, type RenameDialogProps, DEFAULT_PROJECT_LIST_LABELS, DEFAULT_SHARED_PROJECTS_SECTION_LABELS, DEFAULT_PROJECT_DETAIL_HEADER_LABELS, DEFAULT_RENAME_DIALOG_LABELS, type ProjectListLabels, type SharedProjectsSectionLabels, type ProjectDetailHeaderLabels, type RenameDialogLabels, } from './Projects';
+export { FirmPoolSection, DEFAULT_FIRM_POOL_SECTION_LABELS, FIRM_POOL_MAX_TOP_UP, type FirmPoolSectionProps, type FirmPoolSectionLabels, type FirmPoolView, } from './FirmPool';
 export { SupportPanel, SupportUnavailable, type SupportPanelProps, type SupportTab, DEFAULT_SUPPORT_PANEL_LABELS, type SupportPanelLabels, } from './SupportPanel';
 export { WelcomeDialog, InviteContactsDialog, type WelcomeDialogProps, type WelcomeQuotaView, type InviteContactsDialogProps, DEFAULT_WELCOME_DIALOG_LABELS, DEFAULT_INVITE_CONTACTS_DIALOG_LABELS, type WelcomeDialogLabels, type InviteContactsDialogLabels, } from './WelcomeDialog';
 export { UsagePanel, UsageLineChart, UsageLegend, UsageProportionBar, UsageSummary, UsageToggle, type UsagePanelProps, type UsageLineChartProps, type UsageSeries, type UsageShare, type UsageStat, type UsageMetric, type UsageToggleProps, DEFAULT_USAGE_LINE_CHART_LABELS, DEFAULT_USAGE_PROPORTION_BAR_LABELS, DEFAULT_USAGE_PANEL_LABELS, type UsageLineChartLabels, type UsageProportionBarLabels, type UsagePanelLabels, } from './Usage';

package/dist/settings/index.js

@@ -2089,6 +2089,100 @@ function RenameDialog({
     ] })
   ] }) });
 }
+var DEFAULT_FIRM_POOL_SECTION_LABELS = {
+  title: "Firm AI usage",
+  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",
+  topUp: "Add AI usage",
+  toppingUp: "Adding\u2026",
+  topUpHelp: (perAddon) => `Each add-on adds ${perAddon} of AI usage a month, pooled across the firm.`
+};
+var FIRM_POOL_MAX_TOP_UP = 100;
+var defaultFormat = (gbp) => `\xA3${gbp.toLocaleString("en-GB", { maximumFractionDigits: 2 })}`;
+function FirmPoolSection({
+  view,
+  formatAmount = defaultFormat,
+  onTopUp,
+  isToppingUp = false,
+  labels,
+  testId = "firm-pool"
+}) {
+  const l = useMemo(() => ({ ...DEFAULT_FIRM_POOL_SECTION_LABELS, ...labels }), [labels]);
+  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;
+  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__ */ jsx(
+        UsageMeter,
+        {
+          label: l.used,
+          hint: view.resetsAt ? l.resets(view.resetsAt) : void 0,
+          value: `${used != null ? formatAmount(used) : "\u2014"} / ${formatAmount(view.totalGbp)}`,
+          pct,
+          testId: `${testId}-usage`
+        }
+      ),
+      used == null && /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: l.usageUnknown }),
+      view.autoAddons && /* @__PURE__ */ jsx(
+        UsageMeter,
+        {
+          label: l.autoAddons(view.autoAddons.count),
+          value: `${view.autoAddons.spent} / ${view.autoAddons.limit}`,
+          pct: view.autoAddons.pct,
+          testId: `${testId}-auto-addons`
+        }
+      ),
+      view.premiumOnly && /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", "data-testid": `${testId}-premium-only`, children: l.premiumOnly }),
+      onTopUp && /* @__PURE__ */ jsxs(
+        "form",
+        {
+          className: "flex flex-wrap items-end gap-2",
+          "data-testid": `${testId}-top-up`,
+          onSubmit: (event) => {
+            event.preventDefault();
+            if (valid && !isToppingUp) onTopUp(count);
+          },
+          children: [
+            /* @__PURE__ */ jsxs("label", { className: "flex flex-col gap-1 text-xs text-muted-foreground", children: [
+              l.topUpLabel,
+              /* @__PURE__ */ jsx(
+                Input,
+                {
+                  type: "number",
+                  min: 1,
+                  max: FIRM_POOL_MAX_TOP_UP,
+                  step: 1,
+                  value: Number.isNaN(count) ? "" : count,
+                  onChange: (event) => setCount(event.target.valueAsNumber),
+                  className: "h-8 w-24",
+                  "data-testid": `${testId}-top-up-count`
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                type: "submit",
+                size: "sm",
+                disabled: !valid || isToppingUp,
+                "data-testid": `${testId}-top-up-button`,
+                children: isToppingUp ? l.toppingUp : l.topUp
+              }
+            ),
+            /* @__PURE__ */ jsx("p", { className: "w-full text-xs text-muted-foreground", children: l.topUpHelp(formatAmount(view.addonGbp ?? 10)) })
+          ]
+        }
+      )
+    ] })
+  ] });
+}
 var DEFAULT_SUPPORT_PANEL_LABELS = {
   support: "Support",
   userGuide: "User Guide"
@@ -3458,6 +3552,6 @@ function ErrorDialogView({
   ) });
 }
 
-export { CONVERSATION_TITLE_MAX, CheckoutDialogFrame, ConfigSwitcherBar, ConfirmDialog, ConnectionCard, ConnectionsEmpty, ConnectionsError, ConnectionsLoading, ConversationTitleSection, DEFAULT_CHECKOUT_DIALOG_LABELS, DEFAULT_CONFIG_SWITCHER_BAR_LABELS, DEFAULT_CONFIRM_DIALOG_LABELS, DEFAULT_CONNECTION_CARD_LABELS, DEFAULT_CONVERSATION_TITLE_SECTION_LABELS, DEFAULT_DAILY_CAP_FIELD_LABELS, DEFAULT_EMAIL_WORKSPACE_DIALOG_LABELS, DEFAULT_ERROR_DIALOG_LABELS, DEFAULT_INLINE_NAME_EDITOR_LABELS, DEFAULT_INVITE_CONTACTS_DIALOG_LABELS, DEFAULT_INVOICES_DIALOG_LABELS, DEFAULT_MEMBER_PROJECT_ROW_LABELS, DEFAULT_MODEL_SELECTION_SECTION_LABELS, DEFAULT_PLAN_CARD_LABELS, DEFAULT_PROJECT_CARD_VIEW_LABELS, DEFAULT_PROJECT_DETAIL_HEADER_LABELS, DEFAULT_PROJECT_LIST_LABELS, DEFAULT_QUOTA_EXCEEDED_DIALOG_LABELS, DEFAULT_REFERRAL_REWARD_LABELS, DEFAULT_RENAME_DIALOG_LABELS, DEFAULT_SHARED_PROJECTS_SECTION_LABELS, DEFAULT_SUBSCRIPTION_SECTION_LABELS, DEFAULT_SUBSCRIPTION_STATUS_LABELS, DEFAULT_SUPPORT_PANEL_LABELS, DEFAULT_SYNC_DIALOG_FOOTER_LABELS, DEFAULT_SYNC_FOLDER_ROW_LABELS, DEFAULT_TIPS_EDITOR_LABELS, DEFAULT_USAGE_LINE_CHART_LABELS, DEFAULT_USAGE_PANEL_LABELS, DEFAULT_USAGE_PROPORTION_BAR_LABELS, DEFAULT_WELCOME_DIALOG_LABELS, DEFAULT_WORK_OFFLINE_LABELS, DailyCapField, EmailWorkspaceDialogView, ErrorDialogView, FloatingPanel, InlineNameEditor, InviteContactsDialog, InvoicesDialog, JsonTree, MemberProjectRow, ModelProviderLabel, ModelSelectionSection, PanelActionsRow, PanelAddButton, PanelFrame, PanelFrameBody, PanelNote, PanelScroll, PanelTitleBar, PlanActionButton, PlanActionRow, PlanBadge, PlanCard, PlanCardGrid, PlanDialogFrame, PlanInfoPopover, PlanNotice, PlanPickerCard, PlanPickerHeader, PlanStack, PlanTierOption, PlanTransition, PremiumModelsFrame, PricingToggle, ProjectCardView, ProjectDetailHeader, ProjectDetailSection, ProjectGroup, ProjectList, ProjectNameLabel, ProjectPlanPicker, ProjectRow, ProjectRowActions, PromoCodeInput, QuotaExceededDialogView, QuotaMeter, ReferralRewardBadge, ReferralRewardNote, ReferralRewardSummary, RenameDialog, RowButton, RowIconAction, SegmentedControl, ServerConnectionButton, SharedProjectRow, SharedProjectsSection, SubscriptionSectionView, SubscriptionStatusView, SupportPanel, SupportUnavailable, SyncCheckList, SyncDialogBody, SyncDialogFooter, SyncField, SyncFolderRow, SyncFolderStatus, SyncLinkButton, SyncLinkRow, SyncLoading, SyncNote, SyncOptionToggle, SyncOptions, SyncReconnectNotice, SyncSelect, SyncSmallNote, SyncTreeFrame, ThreadPreviewDialog, TipsEditorDialog, UsageActionButton, UsageLegend, UsageLineChart, UsagePanel, UsageProportionBar, UsageQuotaHint, UsageSection, UsageSummary, UsageToggle, WelcomeDialog, WelcomeProjectPicker, WorkOfflineToggle };
+export { CONVERSATION_TITLE_MAX, CheckoutDialogFrame, ConfigSwitcherBar, ConfirmDialog, ConnectionCard, ConnectionsEmpty, ConnectionsError, ConnectionsLoading, ConversationTitleSection, DEFAULT_CHECKOUT_DIALOG_LABELS, DEFAULT_CONFIG_SWITCHER_BAR_LABELS, DEFAULT_CONFIRM_DIALOG_LABELS, DEFAULT_CONNECTION_CARD_LABELS, DEFAULT_CONVERSATION_TITLE_SECTION_LABELS, DEFAULT_DAILY_CAP_FIELD_LABELS, DEFAULT_EMAIL_WORKSPACE_DIALOG_LABELS, DEFAULT_ERROR_DIALOG_LABELS, DEFAULT_FIRM_POOL_SECTION_LABELS, DEFAULT_INLINE_NAME_EDITOR_LABELS, DEFAULT_INVITE_CONTACTS_DIALOG_LABELS, DEFAULT_INVOICES_DIALOG_LABELS, DEFAULT_MEMBER_PROJECT_ROW_LABELS, DEFAULT_MODEL_SELECTION_SECTION_LABELS, DEFAULT_PLAN_CARD_LABELS, DEFAULT_PROJECT_CARD_VIEW_LABELS, DEFAULT_PROJECT_DETAIL_HEADER_LABELS, DEFAULT_PROJECT_LIST_LABELS, DEFAULT_QUOTA_EXCEEDED_DIALOG_LABELS, DEFAULT_REFERRAL_REWARD_LABELS, DEFAULT_RENAME_DIALOG_LABELS, DEFAULT_SHARED_PROJECTS_SECTION_LABELS, DEFAULT_SUBSCRIPTION_SECTION_LABELS, DEFAULT_SUBSCRIPTION_STATUS_LABELS, DEFAULT_SUPPORT_PANEL_LABELS, DEFAULT_SYNC_DIALOG_FOOTER_LABELS, DEFAULT_SYNC_FOLDER_ROW_LABELS, DEFAULT_TIPS_EDITOR_LABELS, DEFAULT_USAGE_LINE_CHART_LABELS, DEFAULT_USAGE_PANEL_LABELS, DEFAULT_USAGE_PROPORTION_BAR_LABELS, DEFAULT_WELCOME_DIALOG_LABELS, DEFAULT_WORK_OFFLINE_LABELS, DailyCapField, EmailWorkspaceDialogView, ErrorDialogView, FIRM_POOL_MAX_TOP_UP, FirmPoolSection, FloatingPanel, InlineNameEditor, InviteContactsDialog, InvoicesDialog, JsonTree, MemberProjectRow, ModelProviderLabel, ModelSelectionSection, PanelActionsRow, PanelAddButton, PanelFrame, PanelFrameBody, PanelNote, PanelScroll, PanelTitleBar, PlanActionButton, PlanActionRow, PlanBadge, PlanCard, PlanCardGrid, PlanDialogFrame, PlanInfoPopover, PlanNotice, PlanPickerCard, PlanPickerHeader, PlanStack, PlanTierOption, PlanTransition, PremiumModelsFrame, PricingToggle, ProjectCardView, ProjectDetailHeader, ProjectDetailSection, ProjectGroup, ProjectList, ProjectNameLabel, ProjectPlanPicker, ProjectRow, ProjectRowActions, PromoCodeInput, QuotaExceededDialogView, QuotaMeter, ReferralRewardBadge, ReferralRewardNote, ReferralRewardSummary, RenameDialog, RowButton, RowIconAction, SegmentedControl, ServerConnectionButton, SharedProjectRow, SharedProjectsSection, SubscriptionSectionView, SubscriptionStatusView, SupportPanel, SupportUnavailable, SyncCheckList, SyncDialogBody, SyncDialogFooter, SyncField, SyncFolderRow, SyncFolderStatus, SyncLinkButton, SyncLinkRow, SyncLoading, SyncNote, SyncOptionToggle, SyncOptions, SyncReconnectNotice, SyncSelect, SyncSmallNote, SyncTreeFrame, ThreadPreviewDialog, TipsEditorDialog, UsageActionButton, UsageLegend, UsageLineChart, UsagePanel, UsageProportionBar, UsageQuotaHint, UsageSection, UsageSummary, UsageToggle, WelcomeDialog, WelcomeProjectPicker, WorkOfflineToggle };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map