@arbidocs/blocks 0.4.71 → 0.4.72

package/dist/settings/SubscriptionParts.d.ts

@@ -15,7 +15,7 @@ export declare function PlanStack({ gap, testId, className, children, }: {
     className?: string;
     children: ReactNode;
 }): import("react").JSX.Element;
-/** "Free -> Pro x2": the transition the plan picker is about to make. */
+/** "Free -> Pro monthly": the transition the plan picker is about to make. */
 export declare function PlanTransition({ from, to }: {
     from: string;
     to: string;
@@ -122,6 +122,10 @@ export interface QuotaExceededDialogViewProps {
         readout: string;
         projectId?: string | null;
     };
+    /** Replaces the Upgrade button (e.g. add-on actions for a project already on a paid plan). */
+    actions?: ReactNode;
+    /** Extra content above the footer (e.g. a plan suggestion). */
+    extra?: ReactNode;
     labels?: Partial<QuotaExceededDialogLabels>;
 }
 export interface QuotaExceededDialogLabels {
@@ -134,7 +138,7 @@ export interface QuotaExceededDialogLabels {
 }
 export declare const DEFAULT_QUOTA_EXCEEDED_DIALOG_LABELS: QuotaExceededDialogLabels;
 /** Shown when a project's AI budget is exhausted: how much was used, then close or upgrade. */
-export declare function QuotaExceededDialogView({ open, onClose, onUpgrade, message, usage, labels, }: QuotaExceededDialogViewProps): import("react").JSX.Element;
+export declare function QuotaExceededDialogView({ open, onClose, onUpgrade, message, usage, actions, extra, labels, }: QuotaExceededDialogViewProps): import("react").JSX.Element;
 export interface WelcomeProjectPickerProps {
     value: string;
     options: {

package/dist/settings/index.cjs

@@ -1,7 +1,7 @@
 "use client";
 'use strict';
 
-var chunkVUEZARW5_cjs = require('../chunk-VUEZARW5.cjs');
+var chunkB3WCKBJ7_cjs = require('../chunk-B3WCKBJ7.cjs');
 var chunk223D4727_cjs = require('../chunk-223D4727.cjs');
 var chunk46IU3UPF_cjs = require('../chunk-46IU3UPF.cjs');
 var chunkYJQVLVBJ_cjs = require('../chunk-YJQVLVBJ.cjs');
@@ -10,8 +10,7 @@ var chunkVFUWWH52_cjs = require('../chunk-VFUWWH52.cjs');
 require('../chunk-ADOKTJHV.cjs');
 require('../chunk-PPCATBOY.cjs');
 var chunkKDG6FER6_cjs = require('../chunk-KDG6FER6.cjs');
-var chunk2ZTONLT5_cjs = require('../chunk-2ZTONLT5.cjs');
-require('../chunk-DCDVWPMB.cjs');
+var chunkULWRNGGE_cjs = require('../chunk-ULWRNGGE.cjs');
 var chunkMHVNT4J3_cjs = require('../chunk-MHVNT4J3.cjs');
 require('../chunk-DES3K4SD.cjs');
 var react = require('react');
@@ -63,7 +62,7 @@ function ConfirmDialog({
   const l = react.useMemo(() => ({ ...DEFAULT_CONFIRM_DIALOG_LABELS, ...labels }), [labels]);
   const cancelRef = react.useRef(null);
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunk2ZTONLT5_cjs.ModalScaffold,
+    chunkULWRNGGE_cjs.ModalScaffold,
     {
       open: isOpen,
       onOpenChange: (next) => {
@@ -76,7 +75,7 @@ function ConfirmDialog({
       showDescription: true,
       icon: variant === "destructive" ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.AlertTriangle, { className: "h-5 w-5 text-red-text", "aria-hidden": "true" }) : null,
       testId: chunkMHVNT4J3_cjs.testIdOr(testId, { testId: "confirmation-modal" }),
-      children: /* @__PURE__ */ jsxRuntime.jsxs(chunk2ZTONLT5_cjs.ModalScaffold.Footer, { children: [
+      children: /* @__PURE__ */ jsxRuntime.jsxs(chunkULWRNGGE_cjs.ModalScaffold.Footer, { children: [
         /* @__PURE__ */ jsxRuntime.jsx(
           ui.Button,
           {
@@ -404,8 +403,8 @@ function ConversationTitleSection({
 }) {
   const l = react.useMemo(() => ({ ...DEFAULT_CONVERSATION_TITLE_SECTION_LABELS, ...labels }), [labels]);
   const trimmed = title.trim();
-  return /* @__PURE__ */ jsxRuntime.jsxs(chunk2ZTONLT5_cjs.ModalSection, { className: SECTION_CLASS, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(chunk2ZTONLT5_cjs.ModalSectionTitle, { children: l.title }),
+  return /* @__PURE__ */ jsxRuntime.jsxs(chunkULWRNGGE_cjs.ModalSection, { className: SECTION_CLASS, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(chunkULWRNGGE_cjs.ModalSectionTitle, { children: l.title }),
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-3", children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
         /* @__PURE__ */ jsxRuntime.jsx(
@@ -488,8 +487,8 @@ function ModelSelectionSection({
     { icon: lucideReact.History, label: l.lastUsed },
     { icon: lucideReact.Brain, label: l.deepThinking }
   ];
-  return /* @__PURE__ */ jsxRuntime.jsxs(chunk2ZTONLT5_cjs.ModalSection, { className: SECTION_CLASS, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(chunk2ZTONLT5_cjs.ModalSectionTitle, { children: l.title }),
+  return /* @__PURE__ */ jsxRuntime.jsxs(chunkULWRNGGE_cjs.ModalSection, { className: SECTION_CLASS, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(chunkULWRNGGE_cjs.ModalSectionTitle, { children: l.title }),
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-2", children: [
       /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground", children: l.description }),
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
@@ -656,7 +655,7 @@ function ThreadPreviewDialog({
       style: { width: `${width}px`, maxWidth: "95vw", height: "80vh", maxHeight: "90vh" },
       "data-testid": testId,
       children: [
-        /* @__PURE__ */ jsxRuntime.jsxs(chunk2ZTONLT5_cjs.ModalHeader, { children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(chunkULWRNGGE_cjs.ModalHeader, { children: [
           /* @__PURE__ */ jsxRuntime.jsx(ui.DialogTitle, { children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-3", children: crumbs.map((c, i) => /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex items-center gap-3", children: [
             i > 0 && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground", children: "/" }),
             c.icon,
@@ -927,7 +926,7 @@ function TipsEditorDialog({
     { value: "url", label: l.externalLink }
   ];
   return /* @__PURE__ */ jsxRuntime.jsxs(
-    chunk2ZTONLT5_cjs.ModalScaffold,
+    chunkULWRNGGE_cjs.ModalScaffold,
     {
       open,
       onOpenChange,
@@ -1476,7 +1475,7 @@ function QuotaMeter({
 var DEFAULT_PLAN_CARD_LABELS = {
   currentPlan: "Current plan",
   popular: "Popular",
-  noMonthlyCost: "No monthly cost",
+  noMonthlyCost: "\xA30",
   perMonth: "/mo",
   current: "Current",
   monthly: "Monthly",
@@ -1486,10 +1485,16 @@ var DEFAULT_PLAN_CARD_LABELS = {
   havePromoCode: "Have a promo code?",
   promoCode: "Promo Code",
   enterCode: "Enter code",
-  pricingExplainer: "Pricing Explainer",
-  explainerTiers: "Pro tiers (Pro, Pro x2, Pro x10) are subscriptions linked to a pool of AI credits and document storage. This pool is shared with any project collaborators, subject to a per-user daily usage limit determined by the project owner. Project owners can move up to a higher tier any time, and can move down or cancel at the end of their existing billing period. It is recommended to have separate project subscriptions for different clients/matters to facilitate matter-based usage analysis and invoicing.",
-  explainerCredits: "AI credits are used in AI chat and AI-powered document processing. AI usage is metered based on the number of words (tokens) consumed and generated by the AI \u2014 including review of inputs and intermediate reasoning steps \u2014 and the published per-token price for the selected AI model. As a rule of thumb, one moderately complex request, or an upload involving around 25 source documents, will consume 1 credit when using our Standard AI models (hosted by ARBI CITY). Even though our pricing for Premium models matches the direct cost charged by third-party providers, using Premium models can easily cost 10\xD7 or even 100\xD7 more than Standard models.",
-  seeModelList: "See the AI model list \u2192"
+  pricingExplainer: "How pricing works",
+  explainerTiers: [
+    "Credits and storage are shared by everyone in the project. Credits reset monthly.",
+    "Need more? Add 1,000 credits 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.",
+    "Prices are shown + VAT; the total for your country is shown before you pay."
+  ],
+  explainerCredits: "About 1 credit buys one moderately complex request, or reading ~25 documents, on a Standard model. Premium models can cost 10\u2013100\xD7 more.",
+  seeModelList: "AI model prices \u2192"
 };
 function PlanCard({ plan, onSelect, labels }) {
   const l = react.useMemo(() => ({ ...DEFAULT_PLAN_CARD_LABELS, ...labels }), [labels]);
@@ -1504,7 +1509,7 @@ function PlanCard({ plan, onSelect, labels }) {
       "data-slot": "plan-card",
       "data-testid": `tier-card-${id}`,
       className: ui.cn(
-        "relative rounded-lg p-4 text-left transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+        "relative flex flex-col justify-start rounded-lg p-4 text-left transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
         isCurrent ? "cursor-default bg-blue-bg" : isSelected ? "bg-accent ring-1 ring-primary/50" : "bg-muted hover:bg-muted/70"
       ),
       children: [
@@ -1514,13 +1519,16 @@ function PlanCard({ plan, onSelect, labels }) {
           "span",
           {
             className: ui.cn(
-              "text-2xl font-semibold leading-none tracking-tight",
+              "text-lg font-semibold leading-none tracking-tight",
               isCurrent ? "text-blue-text" : "text-foreground"
             ),
             children: name
           }
         ) }),
-        isFree ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm font-medium leading-none text-muted-foreground", children: l.noMonthlyCost }) : price && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-1", children: [
+        isFree ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-2xl font-semibold leading-none tabular-nums text-foreground", children: [
+          l.noMonthlyCost,
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ml-0.5 text-sm font-medium text-muted-foreground", children: l.perMonth })
+        ] }) : price && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-1", children: [
           price.annual && price.yearlyTotal && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-baseline gap-x-2 whitespace-nowrap text-base tabular-nums", children: [
             price.yearlyStrike && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium text-muted-foreground line-through decoration-muted-foreground/70 decoration-1", children: price.yearlyStrike }),
             /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-lg font-semibold text-foreground", children: [
@@ -1533,9 +1541,13 @@ function PlanCard({ plan, onSelect, labels }) {
             price.monthlyStrike && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-base font-medium tabular-nums text-muted-foreground line-through decoration-muted-foreground/70 decoration-1", children: price.monthlyStrike }),
             /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-2xl font-semibold leading-none tabular-nums text-foreground", children: [
               price.monthly,
-              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ml-0.5 text-sm font-medium text-muted-foreground", children: l.perMonth })
+              /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "ml-0.5 text-sm font-medium text-muted-foreground", children: [
+                l.perMonth,
+                price.taxLabel && ` ${price.taxLabel}`
+              ] })
             ] })
-          ] })
+          ] }),
+          price.note && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xs text-muted-foreground", "data-slot": "plan-card-price-note", children: price.note })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "mt-4 space-y-1 border-t border-border pt-4 text-sm text-foreground", children: features.map((feature) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: feature }, feature)) })
       ]
@@ -1547,12 +1559,12 @@ function PlanCardGrid({
   onSelect,
   labels
 }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-2", "data-slot": "plan-card-grid", children: /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "@container space-y-2", "data-slot": "plan-card-grid", children: /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
       className: ui.cn(
         "grid gap-2",
-        plans.length === 4 ? "grid-cols-1 @xl:grid-cols-2 @4xl:grid-cols-4" : "grid-cols-1 @xl:grid-cols-3"
+        plans.length === 4 ? "grid-cols-1 @xl:grid-cols-2 @4xl:grid-cols-4" : "grid-cols-1 @2xl:grid-cols-3"
       ),
       children: plans.map((plan) => /* @__PURE__ */ jsxRuntime.jsx(PlanCard, { plan, onSelect, labels }, plan.id))
     }
@@ -1670,19 +1682,28 @@ function PlanInfoPopover({
 }) {
   const l = react.useMemo(() => ({ ...DEFAULT_PLAN_CARD_LABELS, ...labels }), [labels]);
   return /* @__PURE__ */ jsxRuntime.jsxs(ui.Popover, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(ui.PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Button, { type: "button", variant: "outline", size: "sm", className: "gap-1.5 text-sm", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Info, { className: "h-4 w-4" }),
-      l.pricingExplainer
-    ] }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(ui.PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(
+      ui.Button,
+      {
+        type: "button",
+        variant: "ghost",
+        size: "sm",
+        className: "gap-1.5 text-sm text-muted-foreground",
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Info, { className: "h-4 w-4" }),
+          l.pricingExplainer
+        ]
+      }
+    ) }),
     /* @__PURE__ */ jsxRuntime.jsxs(
       ui.PopoverContent,
       {
         side: "top",
         align: "start",
-        className: "max-w-screen-safe w-[420px] space-y-3 text-sm leading-relaxed",
+        className: "max-w-screen-safe w-[380px] space-y-3 text-sm leading-relaxed",
         children: [
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-base font-semibold", children: l.pricingExplainer }),
-          /* @__PURE__ */ jsxRuntime.jsx("p", { children: l.explainerTiers }),
+          /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "list-disc space-y-1 pl-4", children: l.explainerTiers.map((line) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: line }, line)) }),
           /* @__PURE__ */ jsxRuntime.jsxs("p", { children: [
             l.explainerCredits,
             " ",
@@ -2198,7 +2219,7 @@ function WelcomeDialog({
           /* @__PURE__ */ jsxRuntime.jsx(ui.DialogDescription, { className: "sr-only", children: l.description })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsxs(
-          chunk2ZTONLT5_cjs.ModalSection,
+          chunkULWRNGGE_cjs.ModalSection,
           {
             className: "space-y-4",
             "data-testid": chunkMHVNT4J3_cjs.testIdOr(testIds?.copy, { testId: "welcome-modal-copy" }),
@@ -2234,7 +2255,7 @@ function WelcomeDialog({
             ]
           }
         ),
-        /* @__PURE__ */ jsxRuntime.jsxs(chunk2ZTONLT5_cjs.ModalSection, { className: "space-y-2.5", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(chunkULWRNGGE_cjs.ModalSection, { className: "space-y-2.5", children: [
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between gap-3", children: [
             /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-sm text-muted-foreground", children: [
               l.referralBefore,
@@ -2287,7 +2308,7 @@ function InviteContactsDialog({
 }) {
   const l = react.useMemo(() => ({ ...DEFAULT_INVITE_CONTACTS_DIALOG_LABELS, ...labels }), [labels]);
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunk2ZTONLT5_cjs.ModalScaffold,
+    chunkULWRNGGE_cjs.ModalScaffold,
     {
       open,
       onOpenChange: (next) => !next && onClose(),
@@ -2297,7 +2318,7 @@ function InviteContactsDialog({
       size: "lg",
       className: "sm:max-w-lg",
       testId,
-      children: /* @__PURE__ */ jsxRuntime.jsx(chunk2ZTONLT5_cjs.ModalSection, { children })
+      children: /* @__PURE__ */ jsxRuntime.jsx(chunkULWRNGGE_cjs.ModalSection, { children })
     }
   );
 }
@@ -2585,10 +2606,10 @@ function UsagePanel({
   ] });
 }
 var DEFAULT_INVOICES_DIALOG_LABELS = {
-  title: (projectName) => `Receipts \u2014 ${projectName}`,
-  description: (projectName) => `List of receipts for project ${projectName}`,
+  title: (projectName) => `Receipts \xB7 ${projectName}`,
+  description: (projectName) => `Receipts for ${projectName}`,
   noReceipts: "No receipts yet.",
-  paid: "paid"
+  paid: "Paid"
 };
 var DEFAULT_DAILY_CAP_FIELD_LABELS = {
   noLimit: "No limit",
@@ -2629,9 +2650,11 @@ function InvoicesDialog({
         {
           className: "flex items-center justify-between border-b py-2 text-sm last:border-0",
           children: [
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center gap-x-3 gap-y-0.5", children: [
               /* @__PURE__ */ jsxRuntime.jsx("span", { className: "tabular-nums text-muted-foreground", children: invoice.date }),
+              invoice.kind && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-foreground", children: invoice.kind }),
               /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium tabular-nums", children: invoice.amount }),
+              invoice.amountNote && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs tabular-nums text-muted-foreground", children: invoice.amountNote }),
               /* @__PURE__ */ jsxRuntime.jsx(
                 ui.Badge,
                 {
@@ -3131,10 +3154,10 @@ function PlanDialogFrame({
 var DEFAULT_CHECKOUT_DIALOG_LABELS = {
   unavailableTitle: "Stripe Not Configured",
   unavailableDescription: "Stripe checkout is not available. Please contact support.",
-  title: "Complete Your Purchase",
-  description: "Enter your payment details to complete your Pro subscription",
-  loading: "Loading checkout...",
-  error: "Failed to load checkout. Please try again."
+  title: "Payment",
+  description: "Enter your card to start the plan",
+  loading: "Loading\u2026",
+  error: "Checkout didn't load. Try again."
 };
 function CheckoutDialogFrame({
   open,
@@ -3174,11 +3197,11 @@ function CheckoutDialogFrame({
   ) });
 }
 var DEFAULT_QUOTA_EXCEEDED_DIALOG_LABELS = {
-  title: "AI quota exceeded",
+  title: "Out of AI credits",
   projectUsage: "Project usage",
-  progress: "Project AI spend usage",
+  progress: "AI credits used this month",
   project: "Project:",
-  close: "Close",
+  close: "Not now",
   upgrade: "Upgrade"
 };
 function QuotaExceededDialogView({
@@ -3187,6 +3210,8 @@ function QuotaExceededDialogView({
   onUpgrade,
   message,
   usage,
+  actions,
+  extra,
   labels
 }) {
   const l = { ...DEFAULT_QUOTA_EXCEEDED_DIALOG_LABELS, ...labels };
@@ -3195,32 +3220,24 @@ function QuotaExceededDialogView({
       /* @__PURE__ */ jsxRuntime.jsx(ui.DialogTitle, { children: l.title }),
       /* @__PURE__ */ jsxRuntime.jsx(ui.DialogDescription, { children: message })
     ] }),
-    usage && /* @__PURE__ */ jsxRuntime.jsxs(chunk2ZTONLT5_cjs.ModalSection, { className: "space-y-2", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(chunk2ZTONLT5_cjs.ModalSectionTitle, { children: l.projectUsage }),
+    usage && /* @__PURE__ */ jsxRuntime.jsxs(chunkULWRNGGE_cjs.ModalSection, { className: "space-y-2", children: [
       /* @__PURE__ */ jsxRuntime.jsx(ui.Progress, { value: usage.percent, "aria-label": l.progress }),
       /* @__PURE__ */ jsxRuntime.jsxs(
         "div",
         {
-          className: "flex items-center justify-between text-sm text-muted-foreground",
+          className: "flex flex-wrap items-center justify-between gap-x-3 text-sm text-muted-foreground",
           "data-testid": "quota-usage-readout",
           children: [
-            /* @__PURE__ */ jsxRuntime.jsx("span", { children: usage.readout }),
-            /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
-              usage.percent,
-              "%"
-            ] })
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "tabular-nums", children: usage.readout }),
+            usage.projectId && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate", children: usage.projectId })
           ]
         }
-      ),
-      usage.projectId && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-sm text-muted-foreground", children: [
-        l.project,
-        " ",
-        usage.projectId
-      ] })
+      )
     ] }),
+    extra,
     /* @__PURE__ */ jsxRuntime.jsxs(ui.DialogFooter, { children: [
       /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { variant: "outline", onClick: onClose, "data-testid": "quota-close-button", children: l.close }),
-      /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { onClick: onUpgrade, "data-testid": "quota-upgrade-button", children: l.upgrade })
+      actions ?? /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { onClick: onUpgrade, "data-testid": "quota-upgrade-button", children: l.upgrade })
     ] })
   ] }) });
 }
@@ -3390,14 +3407,14 @@ function ErrorDialogView({
       "data-testid": "error-boundary-modal",
       hideCloseButton: true,
       children: [
-        /* @__PURE__ */ jsxRuntime.jsxs(chunk2ZTONLT5_cjs.ModalHeader, { children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(chunkULWRNGGE_cjs.ModalHeader, { children: [
           /* @__PURE__ */ jsxRuntime.jsx(ui.DialogTitle, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
             /* @__PURE__ */ jsxRuntime.jsx(lucideReact.AlertCircle, { className: "text-red-text", size: 24 }),
             /* @__PURE__ */ jsxRuntime.jsx("span", { children: l.title })
           ] }) }),
           /* @__PURE__ */ jsxRuntime.jsx(ui.DialogDescription, { className: "sr-only", children: l.srDescription })
         ] }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "min-h-0 flex-1 overflow-auto px-6 pb-6", children: /* @__PURE__ */ jsxRuntime.jsxs(chunk2ZTONLT5_cjs.ModalSection, { "data-testid": "error-boundary", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "min-h-0 flex-1 overflow-auto px-6 pb-6", children: /* @__PURE__ */ jsxRuntime.jsxs(chunkULWRNGGE_cjs.ModalSection, { "data-testid": "error-boundary", children: [
           /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mb-4 text-sm text-muted-foreground", children: l.reportHint }),
           /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mb-4 text-sm text-muted-foreground", children: l.refreshHint }),
           details?.isShown && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-4 rounded border border-border bg-background p-3", children: /* @__PURE__ */ jsxRuntime.jsx("pre", { className: "max-h-96 overflow-auto whitespace-pre-wrap font-mono text-sm", children: details.text }) }),
@@ -3459,119 +3476,135 @@ function ErrorDialogView({
 
 Object.defineProperty(exports, "ActiveSessionsDialog", {
   enumerable: true,
-  get: function () { return chunkVUEZARW5_cjs.ActiveSessionsDialog; }
+  get: function () { return chunkB3WCKBJ7_cjs.ActiveSessionsDialog; }
 });
 Object.defineProperty(exports, "AvatarPicker", {
   enumerable: true,
-  get: function () { return chunkVUEZARW5_cjs.AvatarPicker; }
+  get: function () { return chunkB3WCKBJ7_cjs.AvatarPicker; }
 });
 Object.defineProperty(exports, "DEFAULT_ACTIVE_SESSIONS_DIALOG_LABELS", {
   enumerable: true,
-  get: function () { return chunkVUEZARW5_cjs.DEFAULT_ACTIVE_SESSIONS_DIALOG_LABELS; }
+  get: function () { return chunkB3WCKBJ7_cjs.DEFAULT_ACTIVE_SESSIONS_DIALOG_LABELS; }
 });
 Object.defineProperty(exports, "DEFAULT_AVATAR_PICKER_LABELS", {
   enumerable: true,
-  get: function () { return chunkVUEZARW5_cjs.DEFAULT_AVATAR_PICKER_LABELS; }
+  get: function () { return chunkB3WCKBJ7_cjs.DEFAULT_AVATAR_PICKER_LABELS; }
 });
 Object.defineProperty(exports, "DEFAULT_DELETE_ACCOUNT_DIALOG_LABELS", {
   enumerable: true,
-  get: function () { return chunkVUEZARW5_cjs.DEFAULT_DELETE_ACCOUNT_DIALOG_LABELS; }
+  get: function () { return chunkB3WCKBJ7_cjs.DEFAULT_DELETE_ACCOUNT_DIALOG_LABELS; }
+});
+Object.defineProperty(exports, "DEFAULT_IDENTITY_VERIFICATION_LABELS", {
+  enumerable: true,
+  get: function () { return chunkB3WCKBJ7_cjs.DEFAULT_IDENTITY_VERIFICATION_LABELS; }
 });
 Object.defineProperty(exports, "DEFAULT_LOGOUT_DIALOG_LABELS", {
   enumerable: true,
-  get: function () { return chunkVUEZARW5_cjs.DEFAULT_LOGOUT_DIALOG_LABELS; }
+  get: function () { return chunkB3WCKBJ7_cjs.DEFAULT_LOGOUT_DIALOG_LABELS; }
 });
 Object.defineProperty(exports, "DEFAULT_PASSWORD_CHANGE_DIALOG_LABELS", {
   enumerable: true,
-  get: function () { return chunkVUEZARW5_cjs.DEFAULT_PASSWORD_CHANGE_DIALOG_LABELS; }
+  get: function () { return chunkB3WCKBJ7_cjs.DEFAULT_PASSWORD_CHANGE_DIALOG_LABELS; }
 });
 Object.defineProperty(exports, "DEFAULT_PROFILE_CARD_LABELS", {
   enumerable: true,
-  get: function () { return chunkVUEZARW5_cjs.DEFAULT_PROFILE_CARD_LABELS; }
+  get: function () { return chunkB3WCKBJ7_cjs.DEFAULT_PROFILE_CARD_LABELS; }
 });
 Object.defineProperty(exports, "DEFAULT_SETTINGS_DANGER_ZONE_LABELS", {
   enumerable: true,
-  get: function () { return chunkVUEZARW5_cjs.DEFAULT_SETTINGS_DANGER_ZONE_LABELS; }
+  get: function () { return chunkB3WCKBJ7_cjs.DEFAULT_SETTINGS_DANGER_ZONE_LABELS; }
 });
 Object.defineProperty(exports, "DeleteAccountDialog", {
   enumerable: true,
-  get: function () { return chunkVUEZARW5_cjs.DeleteAccountDialog; }
+  get: function () { return chunkB3WCKBJ7_cjs.DeleteAccountDialog; }
 });
 Object.defineProperty(exports, "EMAIL_NOTIFICATION_CATEGORIES", {
   enumerable: true,
-  get: function () { return chunkVUEZARW5_cjs.EMAIL_NOTIFICATION_CATEGORIES; }
+  get: function () { return chunkB3WCKBJ7_cjs.EMAIL_NOTIFICATION_CATEGORIES; }
 });
 Object.defineProperty(exports, "EMAIL_NOTIFICATION_KEYS", {
   enumerable: true,
-  get: function () { return chunkVUEZARW5_cjs.EMAIL_NOTIFICATION_KEYS; }
+  get: function () { return chunkB3WCKBJ7_cjs.EMAIL_NOTIFICATION_KEYS; }
+});
+Object.defineProperty(exports, "IdentityVerificationCard", {
+  enumerable: true,
+  get: function () { return chunkB3WCKBJ7_cjs.IdentityVerificationCard; }
+});
+Object.defineProperty(exports, "IdentityVerificationDialog", {
+  enumerable: true,
+  get: function () { return chunkB3WCKBJ7_cjs.IdentityVerificationDialog; }
 });
 Object.defineProperty(exports, "LogoutDialog", {
   enumerable: true,
-  get: function () { return chunkVUEZARW5_cjs.LogoutDialog; }
+  get: function () { return chunkB3WCKBJ7_cjs.LogoutDialog; }
 });
 Object.defineProperty(exports, "NotificationCategoryList", {
   enumerable: true,
-  get: function () { return chunkVUEZARW5_cjs.NotificationCategoryList; }
+  get: function () { return chunkB3WCKBJ7_cjs.NotificationCategoryList; }
 });
 Object.defineProperty(exports, "PasswordChangeDialog", {
   enumerable: true,
-  get: function () { return chunkVUEZARW5_cjs.PasswordChangeDialog; }
+  get: function () { return chunkB3WCKBJ7_cjs.PasswordChangeDialog; }
 });
 Object.defineProperty(exports, "ProfileCard", {
   enumerable: true,
-  get: function () { return chunkVUEZARW5_cjs.ProfileCard; }
+  get: function () { return chunkB3WCKBJ7_cjs.ProfileCard; }
+});
+Object.defineProperty(exports, "RequireVerified", {
+  enumerable: true,
+  get: function () { return chunkB3WCKBJ7_cjs.RequireVerified; }
 });
 Object.defineProperty(exports, "SettingsActionRow", {
   enumerable: true,
-  get: function () { return chunkVUEZARW5_cjs.SettingsActionRow; }
+  get: function () { return chunkB3WCKBJ7_cjs.SettingsActionRow; }
 });
 Object.defineProperty(exports, "SettingsCard", {
   enumerable: true,
-  get: function () { return chunkVUEZARW5_cjs.SettingsCard; }
+  get: function () { return chunkB3WCKBJ7_cjs.SettingsCard; }
 });
 Object.defineProperty(exports, "SettingsDangerZone", {
   enumerable: true,
-  get: function () { return chunkVUEZARW5_cjs.SettingsDangerZone; }
+  get: function () { return chunkB3WCKBJ7_cjs.SettingsDangerZone; }
 });
 Object.defineProperty(exports, "SettingsPanel", {
   enumerable: true,
-  get: function () { return chunkVUEZARW5_cjs.SettingsPanel; }
+  get: function () { return chunkB3WCKBJ7_cjs.SettingsPanel; }
 });
 Object.defineProperty(exports, "SettingsRow", {
   enumerable: true,
-  get: function () { return chunkVUEZARW5_cjs.SettingsRow; }
+  get: function () { return chunkB3WCKBJ7_cjs.SettingsRow; }
 });
 Object.defineProperty(exports, "SettingsSection", {
   enumerable: true,
-  get: function () { return chunkVUEZARW5_cjs.SettingsSection; }
+  get: function () { return chunkB3WCKBJ7_cjs.SettingsSection; }
 });
 Object.defineProperty(exports, "SettingsSwitchGroup", {
   enumerable: true,
-  get: function () { return chunkVUEZARW5_cjs.SettingsSwitchGroup; }
+  get: function () { return chunkB3WCKBJ7_cjs.SettingsSwitchGroup; }
 });
 Object.defineProperty(exports, "SettingsSwitchRow", {
   enumerable: true,
-  get: function () { return chunkVUEZARW5_cjs.SettingsSwitchRow; }
+  get: function () { return chunkB3WCKBJ7_cjs.SettingsSwitchRow; }
 });
 Object.defineProperty(exports, "formatSessionTtl", {
   enumerable: true,
-  get: function () { return chunkVUEZARW5_cjs.formatSessionTtl; }
+  get: function () { return chunkB3WCKBJ7_cjs.formatSessionTtl; }
 });
 Object.defineProperty(exports, "toActiveSessionViews", {
   enumerable: true,
-  get: function () { return chunkVUEZARW5_cjs.toActiveSessionViews; }
+  get: function () { return chunkB3WCKBJ7_cjs.toActiveSessionViews; }
 });
 Object.defineProperty(exports, "toDeleteBlockerViews", {
   enumerable: true,
-  get: function () { return chunkVUEZARW5_cjs.toDeleteBlockerViews; }
+  get: function () { return chunkB3WCKBJ7_cjs.toDeleteBlockerViews; }
 });
 Object.defineProperty(exports, "toLogoutSessionViews", {
   enumerable: true,
-  get: function () { return chunkVUEZARW5_cjs.toLogoutSessionViews; }
+  get: function () { return chunkB3WCKBJ7_cjs.toLogoutSessionViews; }
 });
 Object.defineProperty(exports, "toNotificationCategories", {
   enumerable: true,
-  get: function () { return chunkVUEZARW5_cjs.toNotificationCategories; }
+  get: function () { return chunkB3WCKBJ7_cjs.toNotificationCategories; }
 });
 Object.defineProperty(exports, "ModalBreadcrumbHeader", {
   enumerable: true,
@@ -3603,23 +3636,23 @@ Object.defineProperty(exports, "TriStateFilterMenu", {
 });
 Object.defineProperty(exports, "MODAL_SECTION_TITLE_CLASS", {
   enumerable: true,
-  get: function () { return chunk2ZTONLT5_cjs.MODAL_SECTION_TITLE_CLASS; }
+  get: function () { return chunkULWRNGGE_cjs.MODAL_SECTION_TITLE_CLASS; }
 });
 Object.defineProperty(exports, "ModalHeader", {
   enumerable: true,
-  get: function () { return chunk2ZTONLT5_cjs.ModalHeader; }
+  get: function () { return chunkULWRNGGE_cjs.ModalHeader; }
 });
 Object.defineProperty(exports, "ModalScaffold", {
   enumerable: true,
-  get: function () { return chunk2ZTONLT5_cjs.ModalScaffold; }
+  get: function () { return chunkULWRNGGE_cjs.ModalScaffold; }
 });
 Object.defineProperty(exports, "ModalSection", {
   enumerable: true,
-  get: function () { return chunk2ZTONLT5_cjs.ModalSection; }
+  get: function () { return chunkULWRNGGE_cjs.ModalSection; }
 });
 Object.defineProperty(exports, "ModalSectionTitle", {
   enumerable: true,
-  get: function () { return chunk2ZTONLT5_cjs.ModalSectionTitle; }
+  get: function () { return chunkULWRNGGE_cjs.ModalSectionTitle; }
 });
 exports.CONVERSATION_TITLE_MAX = CONVERSATION_TITLE_MAX;
 exports.CheckoutDialogFrame = CheckoutDialogFrame;