@arbidocs/blocks 0.4.129 → 0.4.130

package/dist/settings/index.d.ts

@@ -24,6 +24,7 @@ export { DocumentPicker, DEFAULT_DOCUMENT_PICKER_LABELS, type DocumentPickerProp
 export { TriStateFilterMenu, DEFAULT_TRI_STATE_FILTER_MENU_LABELS, type TriState, type TriStateOption, type TriStateGroup, type TriStateFilterMenuProps, type TriStateFilterMenuLabels, type HoverHandlers, } from './TriStateFilterMenu';
 export { FilterChip, type FilterChipProps } from './FilterChip';
 export { PlanBadge, type PlanBadgeProps } from './PlanBadge';
+export { MoreInfo, MoreInfoList, type MoreInfoProps } from './MoreInfo';
 export { QuotaMeter, type QuotaMeterProps, type QuotaMeterItem } from './QuotaMeter';
 export { PlanCard, PlanCardGrid, PlanTierOption, PricingToggle, PromoCodeInput, PlanInfoPopover, type PlanCardProps, type PlanCardView, type PlanCardPrice, type PlanTierOptionView, DEFAULT_PLAN_CARD_LABELS, type PlanCardLabels, } from './PlanCard';
 export { ReferralRewardBadge, ReferralRewardSummary, ReferralRewardNote, type ReferralRewardBreakdown, type ReferralRewardSummaryProps, DEFAULT_REFERRAL_REWARD_LABELS, type ReferralRewardLabels, } from './ReferralReward';
@@ -31,7 +32,6 @@ 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

@@ -1,25 +1,25 @@
 "use client";
 export { ModalBreadcrumbHeader, ModalCrumbs } from '../chunk-RC6VTY2H.js';
-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';
-import { UsageMeter } from '../chunk-IBZJYCYM.js';
+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-OQ7RUNOC.js';
+import { UsageMeter } from '../chunk-66TA5IBN.js';
 export { DEFAULT_DOCUMENT_PICKER_LABELS, DocumentPicker, MultiSelect } from '../chunk-4XJZ6AAY.js';
 import { ToneBadge } from '../chunk-5LXQPP2K.js';
 export { DEFAULT_TRI_STATE_FILTER_MENU_LABELS, TriStateFilterMenu } from '../chunk-6S5FLMWG.js';
 import '../chunk-VILAPTCB.js';
-export { ConfirmDialog, DEFAULT_CONFIRM_DIALOG_LABELS } from '../chunk-ECERC6TI.js';
-import { ModalSection, ModalSectionTitle, ModalHeader, ModalScaffold } from '../chunk-TX2ZICS7.js';
-export { MODAL_SECTION_TITLE_CLASS, ModalHeader, ModalScaffold, ModalSection, ModalSectionTitle } from '../chunk-TX2ZICS7.js';
+export { ConfirmDialog, DEFAULT_CONFIRM_DIALOG_LABELS } from '../chunk-VHJHY7TT.js';
 import { TabHeader } from '../chunk-4WWM3GQ5.js';
 import { TONE_BORDER, TONE_SURFACE } from '../chunk-AUS3KBHJ.js';
 import '../chunk-NPLYHR2E.js';
 import { testIdOr, prefixedTestId } from '../chunk-7F6CBP3Z.js';
+import { ModalSection, ModalSectionTitle, ModalHeader, ModalScaffold } from '../chunk-TX2ZICS7.js';
+export { MODAL_SECTION_TITLE_CLASS, ModalHeader, ModalScaffold, ModalSection, ModalSectionTitle } from '../chunk-TX2ZICS7.js';
 import { formatCount } from '../chunk-OXF2IFXG.js';
 import '../chunk-VUNV25KB.js';
 import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
-import { cn, DialogFooter, Select, SelectTrigger, SelectValue, SelectContent, SelectItem, Input, Button, Tooltip, TooltipTrigger, TooltipContent, Switch, Dialog, DialogContent, DialogTitle, DialogDescription, Label, Textarea, Checkbox, ScrollArea, Popover, PopoverTrigger, PopoverContent, Badge, DialogHeader, Progress } from '@arbidocs/react/ui';
+import { cn, DialogFooter, Select, SelectTrigger, SelectValue, SelectContent, SelectItem, Input, Button, Tooltip, TooltipTrigger, TooltipContent, Switch, Dialog, DialogContent, DialogTitle, DialogDescription, Label, Textarea, Checkbox, ScrollArea, DialogHeader, Badge, Progress } from '@arbidocs/react/ui';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { useMemo, useState, useId, Fragment as Fragment$1 } from 'react';
-import { History, Undo2, Star, Trash2, Users, Sparkles, Brain, RefreshCw, Wifi, WifiOff, Crown, ChevronDown, ChevronRight, Pencil, Plus, Loader2, Check, X, Tag, Info, Gift, PlugIcon, CheckCircle2, ExternalLink, ShieldCheck, Plug, AlertCircle, MessageCircleQuestionMark, BookOpen, UserPlus, ChartNoAxesColumn, FileText, Mail, Send, Clock, Infinity, ArrowRight, Copy, LogOut } from 'lucide-react';
+import { History, Undo2, Star, Trash2, Users, Sparkles, Brain, RefreshCw, Wifi, WifiOff, Crown, ChevronDown, ChevronRight, Pencil, Plus, Loader2, Check, X, Info, Tag, Gift, PlugIcon, CheckCircle2, ExternalLink, ShieldCheck, Plug, AlertCircle, MessageCircleQuestionMark, BookOpen, UserPlus, ChartNoAxesColumn, FileText, Mail, Send, Clock, Infinity, ArrowRight, Copy, LogOut } from 'lucide-react';
 import { cva } from 'class-variance-authority';
 
 function SegmentedControl({
@@ -1566,6 +1566,50 @@ function PlanBadge({
     }
   );
 }
+function MoreInfo({
+  title,
+  children,
+  label = "More info",
+  testId = "more-info",
+  className
+}) {
+  const [open, setOpen] = useState(false);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        onClick: () => setOpen(true),
+        className: cn(
+          "inline-flex shrink-0 items-center gap-1 whitespace-nowrap rounded-sm text-xs font-medium text-muted-foreground underline-offset-2 hover:text-foreground hover:underline focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring pointer-coarse:min-h-11",
+          className
+        ),
+        "data-slot": "more-info",
+        "data-testid": testId,
+        children: [
+          /* @__PURE__ */ jsx(Info, { className: "size-3.5", "aria-hidden": true }),
+          label
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx(Dialog, { open, onOpenChange: setOpen, children: /* @__PURE__ */ jsxs(DialogContent, { className: "sm:max-w-md", "data-testid": `${testId}-dialog`, children: [
+      /* @__PURE__ */ jsxs(DialogHeader, { children: [
+        /* @__PURE__ */ jsx(DialogTitle, { children: title }),
+        /* @__PURE__ */ jsx(DialogDescription, { className: "sr-only", children: title })
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: "space-y-3 text-sm leading-relaxed text-muted-foreground", children })
+    ] }) })
+  ] });
+}
+function MoreInfoList({ items }) {
+  return /* @__PURE__ */ jsx("ul", { className: "space-y-2", "data-slot": "more-info-list", children: items.map((item, i) => /* @__PURE__ */ jsxs("li", { children: [
+    item.term && /* @__PURE__ */ jsxs("span", { className: "font-medium text-foreground", children: [
+      item.term,
+      ". "
+    ] }),
+    item.text
+  ] }, item.term ?? i)) });
+}
 var barColor = (pct) => pct >= 100 ? "bg-red-500" : pct >= 50 ? "bg-yellow-500" : "bg-primary";
 var valueColor2 = (pct) => pct >= 100 ? "text-red-text" : pct >= 80 ? "text-yellow-text" : "text-muted-foreground";
 function QuotaMeter({
@@ -1657,9 +1701,10 @@ 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 \xA325 of AI usage or 25 GB at a time. Add-ons renew until you reduce them.",
-    "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.",
+    "Need more? Add \xA325 of AI usage or 25 GB at a time, at checkout or later. Add-ons renew with the plan until you reduce them.",
+    "Automatic top-ups add one more step when you run low, up to your monthly usage cap (\xA3100 by default; \xA30 = none; or no limit). Adding by hand is never capped.",
+    "Add-ons start now: AI usage is charged in full, storage only for the rest of the period. Downgrades, billing switches and reductions start at the end of the period. No refunds.",
+    "Annual plans are 25% off, add-ons included.",
     "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.",
@@ -1850,45 +1895,21 @@ function PlanInfoPopover({
   labels
 }) {
   const l = useMemo(() => ({ ...DEFAULT_PLAN_CARD_LABELS, ...labels }), [labels]);
-  return /* @__PURE__ */ jsxs(Popover, { children: [
-    /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
-      Button,
-      {
-        type: "button",
-        variant: "ghost",
-        size: "sm",
-        className: "gap-1.5 text-sm text-muted-foreground",
-        children: [
-          /* @__PURE__ */ jsx(Info, { className: "h-4 w-4" }),
-          l.pricingExplainer
-        ]
-      }
-    ) }),
-    /* @__PURE__ */ jsxs(
-      PopoverContent,
-      {
-        side: "top",
-        align: "start",
-        className: "max-w-screen-safe w-[380px] space-y-3 text-sm leading-relaxed",
-        children: [
-          /* @__PURE__ */ jsx("div", { className: "text-base font-semibold", children: l.pricingExplainer }),
-          /* @__PURE__ */ jsx("ul", { className: "list-disc space-y-1 pl-4", children: l.explainerTiers.map((line) => /* @__PURE__ */ jsx("li", { children: line }, line)) }),
-          /* @__PURE__ */ jsxs("p", { children: [
-            l.explainerAiUsage,
-            " ",
-            /* @__PURE__ */ jsx(
-              "button",
-              {
-                type: "button",
-                onClick: onOpenModelList,
-                className: "font-medium text-foreground underline underline-offset-2 hover:text-primary/80",
-                children: l.seeModelList
-              }
-            )
-          ] })
-        ]
-      }
-    )
+  return /* @__PURE__ */ jsxs(MoreInfo, { title: l.pricingExplainer, label: l.pricingExplainer, testId: "pricing-explainer", children: [
+    /* @__PURE__ */ jsx(MoreInfoList, { items: l.explainerTiers.map((text) => ({ text })) }),
+    /* @__PURE__ */ jsxs("p", { children: [
+      l.explainerAiUsage,
+      " ",
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          onClick: onOpenModelList,
+          className: "font-medium text-foreground underline underline-offset-2 hover:text-primary/80",
+          children: l.seeModelList
+        }
+      )
+    ] })
   ] });
 }
 var DEFAULT_REFERRAL_REWARD_LABELS = {
@@ -2269,172 +2290,6 @@ function RenameDialog({
     ] })
   ] }) });
 }
-var DEFAULT_FIRM_POOL_SECTION_LABELS = {
-  title: "Firm usage",
-  licence: "Licence",
-  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.",
-  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",
-  toppingUp: "Adding\u2026",
-  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 })}`;
-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 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-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 }),
-          /* @__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,
-        {
-          label: l.used,
-          hint: view.resetsAt ? l.resets(view.resetsAt) : void 0,
-          value: `${used != null ? formatAmount(used) : "\u2014"} / ${formatAmount(view.totalGbp)}`,
-          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`
-        }
-      ),
-      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.budget,
-          value: view.autoAddons.left ? l.budgetValue(view.autoAddons.left, view.autoAddons.limit) : `${view.autoAddons.spent} / ${view.autoAddons.limit}`,
-          pct: view.autoAddons.pct,
-          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`
-        }
-      ),
-      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",
-        {
-          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
-              }
-            ),
-            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)) })
-          ]
-        }
-      )
-    ] })
-  ] });
-}
 var DEFAULT_SUPPORT_PANEL_LABELS = {
   support: "Support",
   userGuide: "User Guide"
@@ -3804,6 +3659,6 @@ function ErrorDialogView({
   ) });
 }
 
-export { CONVERSATION_TITLE_MAX, CheckoutDialogFrame, ConfigSwitcherBar, ConnectionCard, ConnectionsEmpty, ConnectionsError, ConnectionsLoading, ConversationTitleSection, DEFAULT_CHECKOUT_DIALOG_LABELS, DEFAULT_CONFIG_SWITCHER_BAR_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, DraggableHeader, EmailWorkspaceDialogView, ErrorDialogView, FIRM_POOL_MAX_TOP_UP, FilterChip, FirmPoolSection, FloatingPanel, InlineNameEditor, InviteContactsDialog, InvoicesDialog, JsonTree, MemberProjectRow, MessageJsonTree, 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, ConnectionCard, ConnectionsEmpty, ConnectionsError, ConnectionsLoading, ConversationTitleSection, DEFAULT_CHECKOUT_DIALOG_LABELS, DEFAULT_CONFIG_SWITCHER_BAR_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, DraggableHeader, EmailWorkspaceDialogView, ErrorDialogView, FilterChip, FloatingPanel, InlineNameEditor, InviteContactsDialog, InvoicesDialog, JsonTree, MemberProjectRow, MessageJsonTree, ModelProviderLabel, ModelSelectionSection, MoreInfo, MoreInfoList, 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