@arbidocs/blocks 0.4.70 → 0.4.72

package/dist/settings/index.d.ts

@@ -37,3 +37,4 @@ export { EmailWorkspaceDialogView, DEFAULT_EMAIL_WORKSPACE_DIALOG_LABELS, type E
 export { PlanNotice, PlanStack, PlanTransition, PlanPickerHeader, PlanPickerCard, PlanActionRow, PlanActionButton, SubscriptionStatusView, PlanDialogFrame, CheckoutDialogFrame, QuotaExceededDialogView, WelcomeProjectPicker, SubscriptionSectionView, ProjectGroup, ProjectPlanPicker, ProjectNameLabel, ProjectRowActions, RowIconAction, RowButton, UsageActionButton, UsageQuotaHint, UsageSection, DEFAULT_SUBSCRIPTION_STATUS_LABELS, DEFAULT_CHECKOUT_DIALOG_LABELS, DEFAULT_QUOTA_EXCEEDED_DIALOG_LABELS, DEFAULT_SUBSCRIPTION_SECTION_LABELS, type SubscriptionMeterView, type SubscriptionStatusViewProps, type SubscriptionStatusLabels, type PlanDialogFrameProps, type CheckoutDialogFrameProps, type CheckoutDialogLabels, type QuotaExceededDialogViewProps, type QuotaExceededDialogLabels, type WelcomeProjectPickerProps, type SubscriptionSectionViewProps, type SubscriptionSectionLabels, type RowIconActionProps, } from './SubscriptionParts';
 export { ErrorDialogView, DEFAULT_ERROR_DIALOG_LABELS, type ErrorDialogViewProps, type ErrorDialogDetails, type ErrorDialogLabels, } from './ErrorDialog';
 export { formatSessionTtl, toActiveSessionViews, toLogoutSessionViews, toDeleteBlockerViews, toNotificationCategories, EMAIL_NOTIFICATION_CATEGORIES, EMAIL_NOTIFICATION_KEYS, type SessionLike, type ToActiveSessionViewsOptions, type DeleteBlockerLike, type EmailNotificationCategoryDef, } from './account-views';
+export { IdentityVerificationCard, IdentityVerificationDialog, RequireVerified, DEFAULT_IDENTITY_VERIFICATION_LABELS, type IdentityVerificationCardProps, type IdentityVerificationDialogProps, type RequireVerifiedProps, type IdentityVerificationLabels, } from './IdentityVerification';

package/dist/settings/index.js

@@ -1,5 +1,5 @@
 "use client";
-export { ActiveSessionsDialog, AvatarPicker, DEFAULT_ACTIVE_SESSIONS_DIALOG_LABELS, DEFAULT_AVATAR_PICKER_LABELS, DEFAULT_DELETE_ACCOUNT_DIALOG_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, LogoutDialog, NotificationCategoryList, PasswordChangeDialog, ProfileCard, SettingsActionRow, SettingsCard, SettingsDangerZone, SettingsPanel, SettingsRow, SettingsSection, SettingsSwitchGroup, SettingsSwitchRow, formatSessionTtl, toActiveSessionViews, toDeleteBlockerViews, toLogoutSessionViews, toNotificationCategories } from '../chunk-VZGBCBYB.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-GJV2G4FC.js';
 export { ModalBreadcrumbHeader, ModalCrumbs } from '../chunk-RC6VTY2H.js';
 import { UsageMeter } from '../chunk-D5T53XCL.js';
 export { DEFAULT_DOCUMENT_PICKER_LABELS, DEFAULT_TRI_STATE_FILTER_MENU_LABELS, DocumentPicker, MultiSelect, TriStateFilterMenu } from '../chunk-CKB64Z4R.js';
@@ -8,10 +8,10 @@ import { TONE_BORDER, TONE_SURFACE, ToneBadge } from '../chunk-DPLRHEJZ.js';
 import '../chunk-VILAPTCB.js';
 import '../chunk-NPLYHR2E.js';
 import { formatCount } from '../chunk-OXF2IFXG.js';
-import { ModalScaffold, ModalSection, ModalSectionTitle, ModalHeader } from '../chunk-CPMNAJLF.js';
-export { MODAL_SECTION_TITLE_CLASS, ModalHeader, ModalScaffold, ModalSection, ModalSectionTitle } from '../chunk-CPMNAJLF.js';
-import '../chunk-TJMKFY5P.js';
+import { ModalScaffold, ModalSection, ModalSectionTitle, ModalHeader } from '../chunk-TX2ZICS7.js';
+export { MODAL_SECTION_TITLE_CLASS, ModalHeader, ModalScaffold, ModalSection, ModalSectionTitle } from '../chunk-TX2ZICS7.js';
 import { testIdOr, prefixedTestId } from '../chunk-7F6CBP3Z.js';
+import '../chunk-VUNV25KB.js';
 import { useMemo, useRef, useState, useId, Fragment as Fragment$1 } from 'react';
 import { AlertTriangle, History, Undo2, Star, Trash2, Users, Sparkles, Brain, RefreshCw, Wifi, WifiOff, Crown, ChevronDown, ChevronRight, Pencil, Plus, Loader2, Check, Tag, Info, Gift, PlugIcon, CheckCircle2, ExternalLink, ShieldCheck, Plug, AlertCircle, MessageCircleQuestionMark, BookOpen, UserPlus, BadgeCent, ChartNoAxesColumn, FileText, X, Mail, Send, Clock, Infinity, ArrowRight, Copy, LogOut } from 'lucide-react';
 import { Button, cn, DialogFooter, Select, SelectTrigger, SelectValue, SelectContent, SelectItem, Input, Tooltip, TooltipTrigger, TooltipContent, Switch, Dialog, DialogContent, DialogTitle, DialogDescription, Label, Textarea, Checkbox, ScrollArea, Popover, PopoverTrigger, PopoverContent, Badge, DialogHeader, Progress } from '@arbidocs/react/ui';
@@ -1454,7 +1454,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",
@@ -1464,10 +1464,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 = useMemo(() => ({ ...DEFAULT_PLAN_CARD_LABELS, ...labels }), [labels]);
@@ -1482,7 +1488,7 @@ function PlanCard({ plan, onSelect, labels }) {
       "data-slot": "plan-card",
       "data-testid": `tier-card-${id}`,
       className: 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: [
@@ -1492,13 +1498,16 @@ function PlanCard({ plan, onSelect, labels }) {
           "span",
           {
             className: 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__ */ jsx("div", { className: "text-sm font-medium leading-none text-muted-foreground", children: l.noMonthlyCost }) : price && /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1", children: [
+        isFree ? /* @__PURE__ */ jsxs("div", { className: "text-2xl font-semibold leading-none tabular-nums text-foreground", children: [
+          l.noMonthlyCost,
+          /* @__PURE__ */ jsx("span", { className: "ml-0.5 text-sm font-medium text-muted-foreground", children: l.perMonth })
+        ] }) : price && /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1", children: [
           price.annual && price.yearlyTotal && /* @__PURE__ */ jsxs("div", { className: "flex items-baseline gap-x-2 whitespace-nowrap text-base tabular-nums", children: [
             price.yearlyStrike && /* @__PURE__ */ jsx("span", { className: "font-medium text-muted-foreground line-through decoration-muted-foreground/70 decoration-1", children: price.yearlyStrike }),
             /* @__PURE__ */ jsxs("span", { className: "text-lg font-semibold text-foreground", children: [
@@ -1511,9 +1520,13 @@ function PlanCard({ plan, onSelect, labels }) {
             price.monthlyStrike && /* @__PURE__ */ jsx("span", { className: "text-base font-medium tabular-nums text-muted-foreground line-through decoration-muted-foreground/70 decoration-1", children: price.monthlyStrike }),
             /* @__PURE__ */ jsxs("span", { className: "text-2xl font-semibold leading-none tabular-nums text-foreground", children: [
               price.monthly,
-              /* @__PURE__ */ jsx("span", { className: "ml-0.5 text-sm font-medium text-muted-foreground", children: l.perMonth })
+              /* @__PURE__ */ jsxs("span", { className: "ml-0.5 text-sm font-medium text-muted-foreground", children: [
+                l.perMonth,
+                price.taxLabel && ` ${price.taxLabel}`
+              ] })
             ] })
-          ] })
+          ] }),
+          price.note && /* @__PURE__ */ jsx("div", { className: "text-xs text-muted-foreground", "data-slot": "plan-card-price-note", children: price.note })
         ] }),
         /* @__PURE__ */ jsx("ul", { className: "mt-4 space-y-1 border-t border-border pt-4 text-sm text-foreground", children: features.map((feature) => /* @__PURE__ */ jsx("li", { children: feature }, feature)) })
       ]
@@ -1525,12 +1538,12 @@ function PlanCardGrid({
   onSelect,
   labels
 }) {
-  return /* @__PURE__ */ jsx("div", { className: "space-y-2", "data-slot": "plan-card-grid", children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx("div", { className: "@container space-y-2", "data-slot": "plan-card-grid", children: /* @__PURE__ */ jsx(
     "div",
     {
       className: 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__ */ jsx(PlanCard, { plan, onSelect, labels }, plan.id))
     }
@@ -1648,19 +1661,28 @@ function PlanInfoPopover({
 }) {
   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: "outline", size: "sm", className: "gap-1.5 text-sm", children: [
-      /* @__PURE__ */ jsx(Info, { className: "h-4 w-4" }),
-      l.pricingExplainer
-    ] }) }),
+    /* @__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-[420px] space-y-3 text-sm leading-relaxed",
+        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("p", { children: l.explainerTiers }),
+          /* @__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.explainerCredits,
             " ",
@@ -2563,10 +2585,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",
@@ -2607,9 +2629,11 @@ function InvoicesDialog({
         {
           className: "flex items-center justify-between border-b py-2 text-sm last:border-0",
           children: [
-            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-x-3 gap-y-0.5", children: [
               /* @__PURE__ */ jsx("span", { className: "tabular-nums text-muted-foreground", children: invoice.date }),
+              invoice.kind && /* @__PURE__ */ jsx("span", { className: "text-foreground", children: invoice.kind }),
               /* @__PURE__ */ jsx("span", { className: "font-medium tabular-nums", children: invoice.amount }),
+              invoice.amountNote && /* @__PURE__ */ jsx("span", { className: "text-xs tabular-nums text-muted-foreground", children: invoice.amountNote }),
               /* @__PURE__ */ jsx(
                 Badge,
                 {
@@ -3109,10 +3133,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,
@@ -3152,11 +3176,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({
@@ -3165,6 +3189,8 @@ function QuotaExceededDialogView({
   onUpgrade,
   message,
   usage,
+  actions,
+  extra,
   labels
 }) {
   const l = { ...DEFAULT_QUOTA_EXCEEDED_DIALOG_LABELS, ...labels };
@@ -3174,31 +3200,23 @@ function QuotaExceededDialogView({
       /* @__PURE__ */ jsx(DialogDescription, { children: message })
     ] }),
     usage && /* @__PURE__ */ jsxs(ModalSection, { className: "space-y-2", children: [
-      /* @__PURE__ */ jsx(ModalSectionTitle, { children: l.projectUsage }),
       /* @__PURE__ */ jsx(Progress, { value: usage.percent, "aria-label": l.progress }),
       /* @__PURE__ */ 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__ */ jsx("span", { children: usage.readout }),
-            /* @__PURE__ */ jsxs("span", { children: [
-              usage.percent,
-              "%"
-            ] })
+            /* @__PURE__ */ jsx("span", { className: "tabular-nums", children: usage.readout }),
+            usage.projectId && /* @__PURE__ */ jsx("span", { className: "truncate", children: usage.projectId })
           ]
         }
-      ),
-      usage.projectId && /* @__PURE__ */ jsxs("div", { className: "text-sm text-muted-foreground", children: [
-        l.project,
-        " ",
-        usage.projectId
-      ] })
+      )
     ] }),
+    extra,
     /* @__PURE__ */ jsxs(DialogFooter, { children: [
       /* @__PURE__ */ jsx(Button, { variant: "outline", onClick: onClose, "data-testid": "quota-close-button", children: l.close }),
-      /* @__PURE__ */ jsx(Button, { onClick: onUpgrade, "data-testid": "quota-upgrade-button", children: l.upgrade })
+      actions ?? /* @__PURE__ */ jsx(Button, { onClick: onUpgrade, "data-testid": "quota-upgrade-button", children: l.upgrade })
     ] })
   ] }) });
 }