@arbidocs/blocks 0.4.145 → 0.4.147

package/dist/settings/index.js

@@ -1,3536 +1,19 @@
 "use client";
+export { ActiveSessionsDialog, AppearanceSettings, AvatarPicker, CONVERSATION_TITLE_MAX, CheckoutDialogFrame, ConfigSwitcherBar, ConnectionCard, ConnectionsEmpty, ConnectionsError, ConnectionsLoading, ConversationTitleSection, DEFAULT_ACTIVE_SESSIONS_DIALOG_LABELS, DEFAULT_APPEARANCE_PAIRING_IDS, DEFAULT_AVATAR_PICKER_LABELS, DEFAULT_CHECKOUT_DIALOG_LABELS, DEFAULT_CONFIG_SWITCHER_BAR_LABELS, DEFAULT_CONNECTION_CARD_LABELS, DEFAULT_CONVERSATION_TITLE_SECTION_LABELS, DEFAULT_DAILY_CAP_FIELD_LABELS, DEFAULT_DELETE_ACCOUNT_DIALOG_LABELS, DEFAULT_EMAIL_WORKSPACE_DIALOG_LABELS, DEFAULT_ERROR_DIALOG_LABELS, DEFAULT_IDENTITY_VERIFICATION_LABELS, DEFAULT_INLINE_NAME_EDITOR_LABELS, DEFAULT_INVITE_CONTACTS_DIALOG_LABELS, DEFAULT_INVOICES_DIALOG_LABELS, DEFAULT_LOGOUT_DIALOG_LABELS, DEFAULT_MEMBER_PROJECT_ROW_LABELS, DEFAULT_MODEL_SELECTION_SECTION_LABELS, DEFAULT_PASSWORD_CHANGE_DIALOG_LABELS, DEFAULT_PLAN_CARD_LABELS, DEFAULT_PROFILE_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_SETTINGS_DANGER_ZONE_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, DeleteAccountDialog, DraggableHeader, EMAIL_NOTIFICATION_CATEGORIES, EMAIL_NOTIFICATION_KEYS, EmailWorkspaceDialogView, ErrorDialogView, FilterChip, FloatingPanel, IdentityVerificationCard, IdentityVerificationDialog, InlineNameEditor, InviteContactsDialog, InvoicesDialog, JsonTree, LogoutDialog, MemberProjectRow, MessageJsonTree, ModelProviderLabel, ModelSelectionSection, MoreInfo, MoreInfoList, NotificationCategoryList, PanelActionsRow, PanelAddButton, PanelFrame, PanelFrameBody, PanelNote, PanelScroll, PanelTitleBar, PasswordChangeDialog, PlanActionButton, PlanActionRow, PlanBadge, PlanCard, PlanCardGrid, PlanDialogFrame, PlanInfoPopover, PlanNotice, PlanPickerCard, PlanPickerHeader, PlanStack, PlanTierOption, PlanTransition, PremiumModelsFrame, PricingToggle, ProfileCard, ProjectCardView, ProjectDetailHeader, ProjectDetailSection, ProjectGroup, ProjectList, ProjectNameLabel, ProjectPlanPicker, ProjectRow, ProjectRowActions, PromoCodeInput, QuotaExceededDialogView, QuotaMeter, ReferralRewardBadge, ReferralRewardNote, ReferralRewardSummary, RenameDialog, RequireVerified, RowButton, RowIconAction, SegmentedControl, ServerConnectionButton, SettingsActionRow, SettingsCard, SettingsDangerZone, SettingsPage, SettingsPanel, SettingsRow, SettingsSection, SettingsSwitchGroup, SettingsSwitchRow, 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, formatSessionTtl, resolveSettingsSection, serverConnectionView, toActiveSessionViews, toDeleteBlockerViews, toLogoutSessionViews, toNotificationCategories } from '../chunk-WIZ7Z7FN.js';
 export { ModalBreadcrumbHeader, ModalCrumbs } from '../chunk-RC6VTY2H.js';
-import { SettingsPanel, SettingsSection } from '../chunk-5YHEHEJT.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, DEFAULT_WORK_OFFLINE_LABELS, DeleteAccountDialog, DraggableHeader, EMAIL_NOTIFICATION_CATEGORIES, EMAIL_NOTIFICATION_KEYS, IdentityVerificationCard, IdentityVerificationDialog, LogoutDialog, ModelProviderLabel, NotificationCategoryList, PanelActionsRow, PanelAddButton, PanelFrame, PanelFrameBody, PanelNote, PanelScroll, PanelTitleBar, PasswordChangeDialog, PremiumModelsFrame, ProfileCard, RequireVerified, ServerConnectionButton, SettingsActionRow, SettingsCard, SettingsDangerZone, SettingsPage, SettingsPanel, SettingsRow, SettingsSection, SettingsSwitchGroup, SettingsSwitchRow, WorkOfflineToggle, formatSessionTtl, resolveSettingsSection, serverConnectionView, toActiveSessionViews, toDeleteBlockerViews, toLogoutSessionViews, toNotificationCategories } from '../chunk-5YHEHEJT.js';
-import { UsageMeter } from '../chunk-66TA5IBN.js';
-import { getFontPairing } from '../chunk-NHZK64TQ.js';
-import { ToneBadge } from '../chunk-5LXQPP2K.js';
+import '../chunk-66TA5IBN.js';
+import '../chunk-NHZK64TQ.js';
 export { MultiSelect } from '../chunk-CQCC7LE7.js';
 export { DEFAULT_DOCUMENT_PICKER_LABELS, DEFAULT_TRI_STATE_FILTER_MENU_LABELS, DocumentPicker, TriStateFilterMenu } from '../chunk-KSHKTOY2.js';
+import '../chunk-5LXQPP2K.js';
 import '../chunk-VILAPTCB.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-4WWM3GQ5.js';
+import '../chunk-AUS3KBHJ.js';
 import '../chunk-NPLYHR2E.js';
-import { testIdOr, prefixedTestId } from '../chunk-7F6CBP3Z.js';
-import { ModalSection, ModalSectionTitle, ModalHeader, ModalScaffold } from '../chunk-TX2ZICS7.js';
+import '../chunk-7F6CBP3Z.js';
 export { MODAL_SECTION_TITLE_CLASS, ModalHeader, ModalScaffold, ModalSection, ModalSectionTitle } from '../chunk-TX2ZICS7.js';
-import { formatCount } from '../chunk-OXF2IFXG.js';
+import '../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, 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 { Sun, Moon, History, Undo2, Star, Trash2, Users, Sparkles, Brain, 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, RefreshCw, LogOut, RotateCcw } from 'lucide-react';
-import { cva } from 'class-variance-authority';
-
-function SegmentedControl({
-  value,
-  onChange,
-  options,
-  ariaLabel,
-  className
-}) {
-  return /* @__PURE__ */ jsx(
-    RadioGroupPrimitive.Root,
-    {
-      "data-slot": "segmented-control",
-      "aria-label": ariaLabel,
-      value,
-      onValueChange: (next) => onChange(next),
-      orientation: "horizontal",
-      className: cn("inline-flex rounded-lg border border-border bg-background p-1", className),
-      children: options.map((option) => /* @__PURE__ */ jsxs(
-        RadioGroupPrimitive.Item,
-        {
-          value: option.value,
-          "data-testid": option.testId,
-          className: cn(
-            "flex items-center gap-2 rounded-md px-4 py-1.5 text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring pointer-coarse:min-h-11 pointer-coarse:py-2.5",
-            option.value === value ? "bg-accent text-accent-foreground" : "text-muted-foreground hover:text-foreground"
-          ),
-          children: [
-            option.icon,
-            option.label
-          ]
-        },
-        option.value
-      ))
-    }
-  );
-}
-function FloatingPanel({
-  panelId,
-  mode,
-  title,
-  subtitle,
-  headerIcon,
-  headerActions,
-  tabLabel,
-  modeSwitcher,
-  children,
-  footer,
-  onPanelClick,
-  className
-}) {
-  const isRenderFunction = typeof children === "function";
-  const content = isRenderFunction ? children({ modeSwitcher }) : children;
-  const footerEl = footer && /* @__PURE__ */ jsx("div", { className: "relative z-10 flex-shrink-0 border-t border-border p-3", children: footer });
-  const body = /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx("div", { className: cn("flex-1", isRenderFunction ? "overflow-hidden" : "overflow-auto p-3"), children: content }),
-    footerEl
-  ] });
-  if (mode === "popout") {
-    return /* @__PURE__ */ jsxs(
-      "div",
-      {
-        "data-slot": "floating-panel",
-        className: cn("flex h-screen flex-col bg-background text-foreground", className),
-        children: [
-          !isRenderFunction && /* @__PURE__ */ jsxs("div", { className: "flex flex-shrink-0 items-start justify-between border-b border-border px-3 py-2", children: [
-            /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 flex-col", children: [
-              (title || headerIcon) && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-base font-semibold text-primary", children: [
-                headerIcon,
-                title && /* @__PURE__ */ jsx("span", { children: title })
-              ] }),
-              subtitle && /* @__PURE__ */ jsx("span", { className: "text-sm text-muted-foreground", children: subtitle }),
-              headerActions && /* @__PURE__ */ jsx("div", { className: title ? "mt-1.5" : "", children: headerActions })
-            ] }),
-            modeSwitcher
-          ] }),
-          body
-        ]
-      }
-    );
-  }
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      "data-slot": "floating-panel",
-      "data-mode": mode,
-      className: cn("flex h-full flex-col bg-background text-foreground", className),
-      onClick: onPanelClick,
-      children: [
-        !isRenderFunction && /* @__PURE__ */ jsx(
-          TabHeader,
-          {
-            tabs: [{ id: panelId, label: tabLabel ?? title }],
-            activeTabId: panelId,
-            onTabChange: () => {
-            },
-            rightContent: modeSwitcher
-          }
-        ),
-        body
-      ]
-    }
-  );
-}
-var DEFAULT_CONFIG_SWITCHER_BAR_LABELS = {
-  placeholder: "Select configuration...",
-  save: "Save",
-  saving: "Saving...",
-  delete: "Delete"
-};
-var MARKERS = { default: Star, original: Undo2, "last-used": History };
-function ConfigSwitcherBar({
-  options,
-  value,
-  onSelect,
-  hasUnsavedChanges,
-  unsavedTitle = "Unsaved Changes",
-  unsavedSubtitle = "Changes will be lost if you switch",
-  showNameField,
-  name,
-  onNameChange,
-  namePlaceholder,
-  saveLabel,
-  onSave,
-  isSaving,
-  canDelete,
-  onDelete,
-  isDeleting,
-  nameTestId,
-  saveTestId,
-  deleteTestId,
-  labels,
-  className
-}) {
-  const l = useMemo(() => ({ ...DEFAULT_CONFIG_SWITCHER_BAR_LABELS, ...labels }), [labels]);
-  return /* @__PURE__ */ jsx(
-    DialogFooter,
-    {
-      "data-slot": "config-switcher-bar",
-      className: cn("flex-shrink-0 border-t bg-muted px-4 py-4", className),
-      children: /* @__PURE__ */ jsx("div", { className: "flex w-full flex-col gap-3", children: /* @__PURE__ */ jsxs("div", { className: "flex min-h-[36px] items-center gap-3", children: [
-        /* @__PURE__ */ jsxs(
-          Select,
-          {
-            value: hasUnsavedChanges ? "unsaved" : value,
-            onValueChange: (v) => {
-              if (v !== "unsaved") onSelect(v);
-            },
-            children: [
-              /* @__PURE__ */ jsx(SelectTrigger, { className: "h-9 min-w-0 flex-1 border-0 bg-background", children: /* @__PURE__ */ jsx(SelectValue, { placeholder: l.placeholder }) }),
-              /* @__PURE__ */ jsxs(SelectContent, { position: "popper", children: [
-                hasUnsavedChanges && /* @__PURE__ */ jsx(SelectItem, { value: "unsaved", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col", children: [
-                  /* @__PURE__ */ jsx("span", { className: "font-medium", children: unsavedTitle }),
-                  /* @__PURE__ */ jsx("span", { className: "text-sm text-muted-foreground", children: unsavedSubtitle })
-                ] }) }),
-                options.map((o) => {
-                  const Marker = o.marker ? MARKERS[o.marker] : null;
-                  return /* @__PURE__ */ jsx(SelectItem, { value: o.value, children: /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between gap-2", children: [
-                    /* @__PURE__ */ jsxs("div", { className: "flex flex-col", children: [
-                      /* @__PURE__ */ jsx("span", { className: "font-medium", children: o.title }),
-                      o.subtitle && /* @__PURE__ */ jsx("span", { className: "text-sm text-muted-foreground", children: o.subtitle })
-                    ] }),
-                    Marker && /* @__PURE__ */ jsx(Marker, { className: "mt-0.5 size-3 flex-shrink-0 text-muted-foreground" })
-                  ] }) }, o.value);
-                })
-              ] })
-            ]
-          }
-        ),
-        showNameField && /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx(
-            Input,
-            {
-              value: name,
-              onChange: (e) => onNameChange(e.target.value),
-              placeholder: namePlaceholder,
-              className: "h-9 min-w-0 flex-1 bg-background",
-              "data-testid": testIdOr(nameTestId, { testId: "config-name-input" })
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            Button,
-            {
-              variant: "outline",
-              size: "sm",
-              className: "h-9",
-              onClick: onSave,
-              disabled: isSaving || !name.trim(),
-              "data-testid": testIdOr(saveTestId, { testId: "save-config-button" }),
-              children: isSaving ? l.saving : saveLabel
-            }
-          )
-        ] }),
-        canDelete && /* @__PURE__ */ jsxs(
-          Button,
-          {
-            variant: "outline",
-            size: "sm",
-            className: "h-9 border-destructive text-destructive hover:bg-destructive hover:text-destructive-foreground",
-            onClick: onDelete,
-            disabled: isDeleting,
-            "data-testid": testIdOr(deleteTestId, { testId: "delete-config-button" }),
-            children: [
-              /* @__PURE__ */ jsx(Trash2, { className: "mr-2 size-4" }),
-              l.delete
-            ]
-          }
-        )
-      ] }) })
-    }
-  );
-}
-var CONVERSATION_TITLE_MAX = 50;
-var DEFAULT_CONVERSATION_TITLE_SECTION_LABELS = {
-  title: "Conversation Title",
-  placeholder: "New Conversation",
-  share: "Share",
-  shared: "Shared",
-  ownerOnlyShare: "Only available to conversation owner",
-  makePrivate: "Make private again",
-  characters: (count, max) => `${count}/${max} characters`,
-  saving: "Saving...",
-  ownerOnlyEdit: "Only the conversation owner can edit the title"
-};
-var SECTION_CLASS = "rounded-md border bg-muted/50 p-4";
-function ConversationTitleSection({
-  title,
-  onTitleChange,
-  onTitleCommit,
-  isOwner,
-  isShared,
-  isSharing,
-  isSavingTitle,
-  onShare,
-  onUnshare,
-  inputTestId,
-  shareTestId,
-  labels
-}) {
-  const l = useMemo(() => ({ ...DEFAULT_CONVERSATION_TITLE_SECTION_LABELS, ...labels }), [labels]);
-  const trimmed = title.trim();
-  return /* @__PURE__ */ jsxs(ModalSection, { className: SECTION_CLASS, children: [
-    /* @__PURE__ */ jsx(ModalSectionTitle, { children: l.title }),
-    /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3", children: [
-      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsx(
-          Input,
-          {
-            value: title,
-            onChange: (e) => {
-              if (isOwner && e.target.value.length <= CONVERSATION_TITLE_MAX) {
-                onTitleChange(e.target.value);
-              }
-            },
-            onBlur: () => {
-              if (isOwner && trimmed && trimmed.length <= CONVERSATION_TITLE_MAX) onTitleCommit();
-            },
-            placeholder: l.placeholder,
-            maxLength: 60,
-            disabled: !isOwner,
-            "data-testid": testIdOr(inputTestId, { testId: "conversation-title-input" })
-          }
-        ),
-        /* @__PURE__ */ jsxs(Tooltip, { children: [
-          /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx("span", { tabIndex: !isOwner ? 0 : void 0, children: /* @__PURE__ */ jsxs(
-            Button,
-            {
-              variant: isShared ? "secondary" : "outline",
-              size: "sm",
-              className: "h-9 px-3 pointer-coarse:h-11",
-              onClick: () => {
-                if (!isOwner) return;
-                if (isShared) onUnshare?.();
-                else onShare();
-              },
-              disabled: !isOwner || isShared && !onUnshare || isSharing,
-              title: isOwner && isShared && onUnshare ? l.makePrivate : void 0,
-              "data-testid": testIdOr(shareTestId, { testId: "share-conversation-button" }),
-              children: [
-                /* @__PURE__ */ jsx(Users, { className: "mr-1 size-3" }),
-                isShared ? l.shared : l.share
-              ]
-            }
-          ) }) }),
-          !isOwner && /* @__PURE__ */ jsx(TooltipContent, { children: /* @__PURE__ */ jsx("p", { children: l.ownerOnlyShare }) })
-        ] })
-      ] }),
-      isOwner ? /* @__PURE__ */ jsxs(
-        "p",
-        {
-          className: cn(
-            "text-sm",
-            title.length > CONVERSATION_TITLE_MAX ? "text-destructive" : "text-muted-foreground"
-          ),
-          children: [
-            l.characters(title.length, CONVERSATION_TITLE_MAX),
-            isSavingTitle && /* @__PURE__ */ jsx("span", { className: "ml-2 text-primary", children: l.saving })
-          ]
-        }
-      ) : /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: l.ownerOnlyEdit })
-    ] })
-  ] });
-}
-var DEFAULT_MODEL_SELECTION_SECTION_LABELS = {
-  title: "AI Model Selection",
-  description: "Select the AI model to use for this conversation",
-  useDefaults: "Use defaults",
-  auto: "Auto",
-  default: "Default",
-  lastUsed: "Last used",
-  deepThinking: "Deep Thinking"
-};
-function ModelSelectionSection({
-  selector,
-  onUseDefaults,
-  defaultsTestId,
-  labels
-}) {
-  const l = useMemo(() => ({ ...DEFAULT_MODEL_SELECTION_SECTION_LABELS, ...labels }), [labels]);
-  const legend = [
-    { icon: Sparkles, label: l.auto },
-    { icon: Star, label: l.default },
-    { icon: History, label: l.lastUsed },
-    { icon: Brain, label: l.deepThinking }
-  ];
-  return /* @__PURE__ */ jsxs(ModalSection, { className: SECTION_CLASS, children: [
-    /* @__PURE__ */ jsx(ModalSectionTitle, { children: l.title }),
-    /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
-      /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: l.description }),
-      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-        selector,
-        /* @__PURE__ */ jsxs(
-          Button,
-          {
-            variant: "outline",
-            size: "sm",
-            className: "flex h-8 items-center gap-1.5 px-3 pointer-coarse:h-11",
-            onClick: onUseDefaults,
-            "data-testid": testIdOr(defaultsTestId, { testId: "use-defaults-button" }),
-            children: [
-              /* @__PURE__ */ jsx(Star, { className: "size-4" }),
-              /* @__PURE__ */ jsx("span", { className: "text-sm", children: l.useDefaults })
-            ]
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsx("div", { className: "flex flex-wrap items-center gap-x-4 gap-y-1 text-sm text-muted-foreground", children: legend.map(({ icon: Icon, label }) => /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-1", children: [
-        /* @__PURE__ */ jsx(Icon, { className: "size-3" }),
-        /* @__PURE__ */ jsx("span", { children: label })
-      ] }, label)) })
-    ] })
-  ] });
-}
-function ThreadPreviewDialog({
-  open,
-  onOpenChange,
-  crumbs,
-  description = "Thread visualization",
-  width,
-  testId,
-  children
-}) {
-  return /* @__PURE__ */ jsx(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs(
-    DialogContent,
-    {
-      presentation: "sheet",
-      className: "flex flex-col overflow-hidden p-0",
-      style: { width: `${width}px`, maxWidth: "95vw", height: "80vh", maxHeight: "90vh" },
-      "data-testid": testId,
-      children: [
-        /* @__PURE__ */ jsxs(ModalHeader, { children: [
-          /* @__PURE__ */ jsx(DialogTitle, { children: /* @__PURE__ */ jsx("div", { className: "flex items-center gap-3", children: crumbs.map((c, i) => /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-3", children: [
-            i > 0 && /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "/" }),
-            c.icon,
-            /* @__PURE__ */ jsx("span", { children: c.label })
-          ] }, i)) }) }),
-          /* @__PURE__ */ jsx(DialogDescription, { className: "sr-only", children: description })
-        ] }),
-        /* @__PURE__ */ jsx("div", { className: "min-h-0 flex-1 overflow-auto px-6 pb-6", children })
-      ]
-    }
-  ) });
-}
-var ITEMS = { one: "item", other: "items" };
-function isInlineObject(data) {
-  if (data === null || data === void 0) return true;
-  if (typeof data !== "object") return true;
-  if (Array.isArray(data)) return data.length === 0;
-  const keys = Object.keys(data);
-  if (keys.length === 0) return true;
-  if (keys.length > 4) return false;
-  return Object.values(data).every(
-    (v) => v === null || v === void 0 || typeof v !== "object"
-  );
-}
-function inlineSummary(data) {
-  const parts = Object.entries(data).map(([k, v]) => {
-    if (v === null) return `${k}: null`;
-    if (typeof v === "string") return `${k}: "${v.length > 40 ? v.slice(0, 40) + "\u2026" : v}"`;
-    return `${k}: ${String(v)}`;
-  });
-  return `{ ${parts.join(", ")} }`;
-}
-function arrayPreview(data) {
-  if (data.length === 0) return "[]";
-  const first = data[0];
-  if (typeof first !== "object" || first === null) return `[${formatCount(data.length, ITEMS)}]`;
-  const obj = first;
-  const previewKeys = ["action", "step", "phase", "tool", "name", "type", "id"];
-  const parts = previewKeys.filter((k) => obj[k] !== void 0).slice(0, 3).map((k) => `${k}: ${JSON.stringify(obj[k])}`);
-  if (parts.length === 0) return `[${formatCount(data.length, ITEMS)}]`;
-  return `[${formatCount(data.length, ITEMS)} \u2014 { ${parts.join(", ")} }, \u2026]`;
-}
-var NAME_CLASS = "font-medium text-primary";
-var COPY_CLASS = "rounded p-0.5 opacity-50 transition-opacity hover:bg-muted hover:opacity-100 focus-visible:opacity-100 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring pointer-coarse:flex pointer-coarse:size-11 pointer-coarse:items-center pointer-coarse:justify-center pointer-coarse:opacity-100";
-function valueColor(data) {
-  if (data === null || data === void 0) return "text-muted-foreground";
-  switch (typeof data) {
-    case "string":
-      return "text-primary";
-    case "number":
-      return "text-primary";
-    case "boolean":
-      return "text-purple-700 dark:text-purple-400";
-    default:
-      return "text-foreground";
-  }
-}
-function plainValue(data) {
-  if (data === null) return "null";
-  if (data === void 0) return "undefined";
-  return typeof data === "string" ? `"${data}"` : String(data);
-}
-function JsonTree({
-  data,
-  name,
-  defaultExpanded = false,
-  level = 0,
-  path = [],
-  resolveHint,
-  formatValue: formatValue2
-}) {
-  const [isExpanded, setIsExpanded] = useState(defaultExpanded || level < 2);
-  const [copied, setCopied] = useState(false);
-  const currentPath = name ? [...path, name] : path;
-  const hint = name && resolveHint ? resolveHint(currentPath, name) : null;
-  const displayName = hint?.displayName || name;
-  const handleCopy = (value) => {
-    const text = typeof value === "string" ? value : JSON.stringify(value, null, 2);
-    void navigator.clipboard.writeText(text).then(() => {
-      setCopied(true);
-      setTimeout(() => setCopied(false), 2e3);
-    });
-  };
-  const copyButton = (title, value) => /* @__PURE__ */ jsx(
-    "button",
-    {
-      type: "button",
-      onClick: () => handleCopy(value),
-      className: COPY_CLASS,
-      title,
-      "aria-label": title,
-      children: copied ? /* @__PURE__ */ jsx(Check, { size: 12, className: "text-green-text" }) : /* @__PURE__ */ jsx(Copy, { size: 12 })
-    }
-  );
-  const isArray = Array.isArray(data);
-  const isObject = typeof data === "object" && data !== null && !isArray;
-  if (!isObject && !isArray) {
-    const displayValue = hint && formatValue2 ? formatValue2(data, hint) : plainValue(data);
-    return /* @__PURE__ */ jsxs(
-      "div",
-      {
-        "data-slot": "json-tree-leaf",
-        className: "group flex items-center gap-2 py-0.5 font-mono text-sm",
-        children: [
-          displayName && /* @__PURE__ */ jsxs("span", { className: NAME_CLASS, title: hint?.description, children: [
-            displayName,
-            ":"
-          ] }),
-          /* @__PURE__ */ jsx("span", { className: valueColor(data), children: displayValue }),
-          hint?.formatType === "id" && typeof data === "string" && data.length > 20 && /* @__PURE__ */ jsxs("span", { className: "text-sm text-muted-foreground", title: data, children: [
-            "(full: ",
-            data,
-            ")"
-          ] }),
-          copyButton("Copy value", data)
-        ]
-      }
-    );
-  }
-  if (isObject && isInlineObject(data)) {
-    return /* @__PURE__ */ jsxs(
-      "div",
-      {
-        "data-slot": "json-tree-leaf",
-        className: "group flex items-center gap-2 py-0.5 font-mono text-sm",
-        children: [
-          displayName && /* @__PURE__ */ jsxs("span", { className: NAME_CLASS, children: [
-            displayName,
-            ":"
-          ] }),
-          /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: inlineSummary(data) }),
-          copyButton("Copy object", data)
-        ]
-      }
-    );
-  }
-  const Icon = isExpanded ? ChevronDown : ChevronRight;
-  const entries = isArray ? data.map((item, index) => [String(index), item]) : Object.entries(data);
-  const collapsedPreview = isArray ? arrayPreview(data) : `{${Object.keys(data).length} fields}`;
-  return /* @__PURE__ */ jsxs("div", { "data-slot": "json-tree", className: "font-mono text-sm", children: [
-    /* @__PURE__ */ jsxs("div", { className: "group flex items-center gap-1 py-0.5", children: [
-      /* @__PURE__ */ jsxs(
-        "button",
-        {
-          type: "button",
-          onClick: () => setIsExpanded(!isExpanded),
-          "aria-expanded": isExpanded,
-          className: "flex items-center gap-1 rounded p-0.5 transition-colors hover:bg-muted focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring pointer-coarse:min-h-11",
-          title: hint?.description,
-          children: [
-            /* @__PURE__ */ jsx(Icon, { size: 14, className: "shrink-0" }),
-            displayName && /* @__PURE__ */ jsxs("span", { className: NAME_CLASS, children: [
-              displayName,
-              ":"
-            ] }),
-            !isExpanded && /* @__PURE__ */ jsx("span", { className: "max-w-[400px] truncate text-sm text-muted-foreground", children: collapsedPreview }),
-            isExpanded && isArray && /* @__PURE__ */ jsxs("span", { className: "text-sm text-muted-foreground", children: [
-              data.length,
-              " items"
-            ] })
-          ]
-        }
-      ),
-      copyButton("Copy object", data)
-    ] }),
-    isExpanded && /* @__PURE__ */ jsx("div", { className: "ml-4 border-l border-border/40 pl-2", children: entries.length === 0 ? /* @__PURE__ */ jsx("div", { className: "py-0.5 text-sm text-muted-foreground", children: isArray ? "empty array" : "empty object" }) : entries.map(([key, value]) => {
-      if (isArray && typeof value === "object" && value !== null && isInlineObject(value)) {
-        return /* @__PURE__ */ jsx("div", { className: "py-0.5 font-mono text-sm text-muted-foreground", children: inlineSummary(value) }, key);
-      }
-      return /* @__PURE__ */ jsx(
-        JsonTree,
-        {
-          name: isArray ? void 0 : key,
-          data: value,
-          level: level + 1,
-          path: currentPath,
-          resolveHint,
-          formatValue: formatValue2
-        },
-        key
-      );
-    }) })
-  ] });
-}
-
-// src/settings/message-schema-hints.ts
-var messageFieldHints = {
-  role: {
-    displayName: "Role",
-    formatType: "enum",
-    description: "Message role (user, assistant, or system)"
-  },
-  content: {
-    displayName: "Content",
-    formatType: "long-string",
-    description: "Message content text"
-  },
-  created_at: {
-    displayName: "Created At",
-    formatType: "timestamp",
-    description: "Message creation timestamp"
-  },
-  external_id: {
-    displayName: "Message ID",
-    formatType: "id",
-    description: "External message identifier"
-  },
-  conversation_ext_id: {
-    displayName: "Conversation ID",
-    formatType: "id",
-    description: "Parent conversation identifier"
-  },
-  parent_message_ext_id: {
-    displayName: "Parent Message ID",
-    formatType: "id",
-    description: "Parent message identifier (null for first message)"
-  },
-  created_by_ext_id: {
-    displayName: "Created By",
-    formatType: "id",
-    description: "User who created this message"
-  },
-  config_ext_id: {
-    displayName: "Config ID",
-    formatType: "id",
-    description: "Configuration used for this message"
-  },
-  shared: {
-    displayName: "Shared",
-    formatType: "boolean",
-    description: "Whether message is shared"
-  },
-  tools: {
-    displayName: "Tools",
-    formatType: "json",
-    description: "Tool outputs (citations, retrieval, trace)"
-  },
-  meta: {
-    displayName: "Metadata",
-    formatType: "json",
-    description: "Additional metadata"
-  }
-};
-var traceToolFieldHints = {
-  name: {
-    displayName: "Tool Name",
-    formatType: "enum",
-    description: "Execution trace tool"
-  },
-  description: {
-    displayName: "Description",
-    formatType: "string",
-    description: "Tool description"
-  },
-  trace_id: {
-    displayName: "Trace ID",
-    formatType: "id",
-    description: "Unique trace identifier"
-  },
-  start_time: {
-    displayName: "Start Time",
-    formatType: "timestamp",
-    description: "When execution started"
-  },
-  duration_seconds: {
-    displayName: "Duration (seconds)",
-    formatType: "number",
-    description: "Total execution time"
-  },
-  steps: {
-    displayName: "Execution Steps",
-    formatType: "json",
-    description: "Full execution trace with all steps"
-  }
-};
-var citationToolFieldHints = {
-  name: {
-    displayName: "Tool Name",
-    formatType: "enum",
-    description: "Model citation tool"
-  },
-  tool_responses: {
-    displayName: "Citations",
-    formatType: "json",
-    description: "Citation data mapped by citation number"
-  }
-};
-function getFieldHint(path, fieldName) {
-  if (path.length === 1 && path[0] === "message") {
-    return messageFieldHints[fieldName] || null;
-  }
-  if (path.length >= 3 && path[0] === "message" && path[1] === "tools" && path[2] === "trace") {
-    return traceToolFieldHints[fieldName] || null;
-  }
-  if (path.length >= 3 && path[0] === "message" && path[1] === "tools" && path[2] === "model_citations") {
-    return citationToolFieldHints[fieldName] || null;
-  }
-  if (fieldName === "external_id" || fieldName.endsWith("_ext_id")) {
-    return { formatType: "id", displayName: fieldName.replace(/_/g, " ") };
-  }
-  if (fieldName === "created_at" || fieldName === "updated_at" || fieldName.endsWith("_at")) {
-    return { formatType: "timestamp", displayName: fieldName.replace(/_/g, " ") };
-  }
-  if (fieldName.includes("time") && !fieldName.includes("duration")) {
-    return { formatType: "timestamp" };
-  }
-  if (fieldName.includes("duration")) {
-    return { formatType: "number", description: "Duration in seconds" };
-  }
-  if (path.length >= 2 && path[path.length - 2] === "tools" && fieldName === "trace") {
-    return {
-      displayName: "\u{1F50D} Execution Trace",
-      formatType: "json",
-      description: "Complete execution trace with all steps and timing"
-    };
-  }
-  return null;
-}
-function formatValue(value, hint) {
-  if (value === null) return "null";
-  if (value === void 0) return "undefined";
-  if (hint?.formatType === "timestamp" && typeof value === "string") {
-    try {
-      const date = new Date(value);
-      if (!isNaN(date.getTime())) {
-        return `${date.toLocaleString()} (${value})`;
-      }
-    } catch {
-    }
-  }
-  if (hint?.formatType === "timestamp" && typeof value === "number") {
-    const date = new Date(value * 1e3);
-    return `${date.toLocaleString()} (${value})`;
-  }
-  if (hint?.formatType === "id" && typeof value === "string") {
-    if (value.length > 20) {
-      return `${value.substring(0, 16)}...${value.substring(value.length - 4)}`;
-    }
-  }
-  if (typeof value === "string") {
-    if (value.length > 100) {
-      return `"${value.substring(0, 97)}..." (${value.length} chars)`;
-    }
-    return `"${value}"`;
-  }
-  return String(value);
-}
-function MessageJsonTree(props) {
-  return /* @__PURE__ */ jsx(JsonTree, { ...props, resolveHint: getFieldHint, formatValue });
-}
-var DEFAULT_TIPS_EDITOR_LABELS = {
-  titleList: "Edit tips",
-  titleNew: "New tip",
-  titleEdit: "Edit tip",
-  descriptionList: "All tips across every page. Change a tip's placement to move it to a page, show it everywhere, or hide it. Changes save instantly.",
-  descriptionNew: "Create a tip and choose where it shows.",
-  descriptionEdit: "Editing the tip below \u2014 change its copy, button, or placement.",
-  hiddenOff: "Hidden (off)",
-  customSuffix: " \xB7 custom",
-  editTip: "Edit tip",
-  deleteTip: "Delete tip",
-  addTip: "Add tip",
-  testerTitle: "Run a sequence (test)",
-  run: "Run",
-  cancel: "Cancel",
-  newTipIdentity: "New tip",
-  customTipIdentity: "Custom tip",
-  builtInTipIdentity: (code) => `Built-in tip \xB7 ${code}`,
-  yourNewTip: "Your new tip",
-  placement: "Placement",
-  message: "Message",
-  button: "Button",
-  noButton: "No button",
-  platformAction: "Platform action",
-  actionSequence: "Action sequence",
-  externalLink: "External link (new window)",
-  buttonLabel: "Button label",
-  action: "Action",
-  sequence: "Sequence",
-  url: "URL",
-  back: "Back",
-  save: "Save",
-  saving: "Saving\u2026"
-};
-function SelectField({
-  label,
-  value,
-  onValueChange,
-  options
-}) {
-  return /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
-    /* @__PURE__ */ jsx(Label, { children: label }),
-    /* @__PURE__ */ jsxs(Select, { value, onValueChange, children: [
-      /* @__PURE__ */ jsx(SelectTrigger, { children: /* @__PURE__ */ jsx(SelectValue, {}) }),
-      /* @__PURE__ */ jsx(SelectContent, { children: options.map((o) => /* @__PURE__ */ jsx(SelectItem, { value: o.value, children: o.label }, o.value)) })
-    ] })
-  ] });
-}
-var ROW_BUTTON = "size-7 flex-shrink-0 pointer-coarse:size-11";
-function TipsEditorDialog({
-  open,
-  onOpenChange,
-  form,
-  onFormChange,
-  onFormBack,
-  onFormSave,
-  rows,
-  onEditRow,
-  onDeleteRow,
-  onAdd,
-  busy,
-  error,
-  placementOptions,
-  actionOptions,
-  sequenceOptions,
-  activeSequenceId,
-  onRunSequence,
-  onCancelSequence,
-  messageMaxChars,
-  ctaLabelMaxChars,
-  labels
-}) {
-  const tipCtaHrefId = useId();
-  const tipCtaLabelId = useId();
-  const tipMessageId = useId();
-  const l = useMemo(() => ({ ...DEFAULT_TIPS_EDITOR_LABELS, ...labels }), [labels]);
-  const isNew = form?.code === null;
-  const title = form ? isNew ? l.titleNew : l.titleEdit : l.titleList;
-  const description = form ? isNew ? l.descriptionNew : l.descriptionEdit : l.descriptionList;
-  const targetOptions = [
-    { value: "none", label: l.noButton },
-    { value: "action", label: l.platformAction },
-    { value: "sequence", label: l.actionSequence },
-    { value: "url", label: l.externalLink }
-  ];
-  return /* @__PURE__ */ jsxs(
-    ModalScaffold,
-    {
-      open,
-      onOpenChange,
-      title,
-      description,
-      showDescription: true,
-      className: "max-w-lg",
-      children: [
-        error && /* @__PURE__ */ jsx("p", { className: "text-sm text-destructive", children: error }),
-        form ? /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
-          /* @__PURE__ */ jsxs("div", { className: "rounded-md border border-l-4 border-l-red-500 bg-muted/40 px-3 py-2", children: [
-            /* @__PURE__ */ jsx("p", { className: "text-xs font-semibold uppercase tracking-wide text-muted-foreground", children: isNew ? l.newTipIdentity : form.isCustom ? l.customTipIdentity : l.builtInTipIdentity(form.code ?? "") }),
-            /* @__PURE__ */ jsx("p", { className: "mt-0.5 truncate text-sm font-medium text-foreground", children: form.original || l.yourNewTip })
-          ] }),
-          /* @__PURE__ */ jsx(
-            SelectField,
-            {
-              label: l.placement,
-              value: form.placement,
-              onValueChange: (placement) => onFormChange({ placement }),
-              options: placementOptions
-            }
-          ),
-          /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
-            /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
-              /* @__PURE__ */ jsx(Label, { htmlFor: tipMessageId, children: l.message }),
-              /* @__PURE__ */ jsxs("span", { className: "text-xs text-muted-foreground", children: [
-                form.message.length,
-                "/",
-                messageMaxChars
-              ] })
-            ] }),
-            /* @__PURE__ */ jsx(
-              Textarea,
-              {
-                id: tipMessageId,
-                value: form.message,
-                onChange: (e) => onFormChange({ message: e.target.value.slice(0, messageMaxChars) }),
-                maxLength: messageMaxChars,
-                rows: 2
-              }
-            )
-          ] }),
-          /* @__PURE__ */ jsx(
-            SelectField,
-            {
-              label: l.button,
-              value: form.target,
-              onValueChange: (v) => onFormChange({ target: v }),
-              options: targetOptions
-            }
-          ),
-          form.target !== "none" && /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
-            /* @__PURE__ */ jsx(Label, { htmlFor: tipCtaLabelId, children: l.buttonLabel }),
-            /* @__PURE__ */ jsx(
-              Input,
-              {
-                id: tipCtaLabelId,
-                value: form.ctaLabel,
-                onChange: (e) => onFormChange({ ctaLabel: e.target.value.slice(0, ctaLabelMaxChars) }),
-                maxLength: ctaLabelMaxChars
-              }
-            )
-          ] }),
-          form.target === "action" && /* @__PURE__ */ jsx(
-            SelectField,
-            {
-              label: l.action,
-              value: form.ctaAction,
-              onValueChange: (ctaAction) => onFormChange({ ctaAction }),
-              options: actionOptions
-            }
-          ),
-          form.target === "sequence" && /* @__PURE__ */ jsx(
-            SelectField,
-            {
-              label: l.sequence,
-              value: form.ctaSequence,
-              onValueChange: (ctaSequence) => onFormChange({ ctaSequence }),
-              options: sequenceOptions
-            }
-          ),
-          form.target === "url" && /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
-            /* @__PURE__ */ jsx(Label, { htmlFor: tipCtaHrefId, children: l.url }),
-            /* @__PURE__ */ jsx(
-              Input,
-              {
-                id: tipCtaHrefId,
-                placeholder: "https://\u2026",
-                value: form.ctaHref,
-                onChange: (e) => onFormChange({ ctaHref: e.target.value })
-              }
-            )
-          ] }),
-          /* @__PURE__ */ jsxs(DialogFooter, { children: [
-            /* @__PURE__ */ jsx(Button, { variant: "ghost", onClick: onFormBack, disabled: busy, children: l.back }),
-            /* @__PURE__ */ jsx(Button, { onClick: onFormSave, disabled: busy || !form.message.trim(), children: busy ? l.saving : l.save })
-          ] })
-        ] }) : /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
-          /* @__PURE__ */ jsx("ul", { className: "max-h-[55dvh] divide-y overflow-y-auto rounded border", children: rows.map((row) => /* @__PURE__ */ jsxs("li", { className: "flex items-center gap-2 p-2 text-sm", children: [
-            /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
-              /* @__PURE__ */ jsx("p", { className: cn(row.isHidden && "text-muted-foreground line-through"), children: row.message }),
-              /* @__PURE__ */ jsxs("p", { className: "text-xs text-muted-foreground", children: [
-                row.isHidden ? l.hiddenOff : row.placementLabel,
-                row.isCustom && l.customSuffix
-              ] })
-            ] }),
-            /* @__PURE__ */ jsx(
-              Button,
-              {
-                size: "icon",
-                variant: "ghost",
-                className: ROW_BUTTON,
-                onClick: () => onEditRow(row.code),
-                "aria-label": l.editTip,
-                children: /* @__PURE__ */ jsx(Pencil, { className: "size-3.5" })
-              }
-            ),
-            row.isCustom && /* @__PURE__ */ jsx(
-              Button,
-              {
-                size: "icon",
-                variant: "ghost",
-                className: ROW_BUTTON,
-                disabled: busy,
-                onClick: () => onDeleteRow(row.code),
-                "aria-label": l.deleteTip,
-                children: /* @__PURE__ */ jsx(Trash2, { className: "size-3.5" })
-              }
-            )
-          ] }, row.code)) }),
-          /* @__PURE__ */ jsxs(Button, { variant: "outline", size: "sm", onClick: onAdd, children: [
-            /* @__PURE__ */ jsx(Plus, { className: "mr-1 size-4" }),
-            " ",
-            l.addTip
-          ] }),
-          /* @__PURE__ */ jsxs("div", { className: "space-y-2 rounded border border-dashed p-2", children: [
-            /* @__PURE__ */ jsx("p", { className: "text-xs font-semibold uppercase tracking-wide text-muted-foreground", children: l.testerTitle }),
-            /* @__PURE__ */ jsx("ul", { className: "divide-y rounded border", children: sequenceOptions.map((s) => /* @__PURE__ */ jsxs("li", { className: "flex items-center gap-2 p-2 text-sm", children: [
-              /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 truncate", children: s.label }),
-              activeSequenceId === s.value ? /* @__PURE__ */ jsx(
-                Button,
-                {
-                  size: "sm",
-                  variant: "outline",
-                  className: "h-7 flex-shrink-0 pointer-coarse:h-11",
-                  onClick: onCancelSequence,
-                  children: l.cancel
-                }
-              ) : /* @__PURE__ */ jsx(
-                Button,
-                {
-                  size: "sm",
-                  variant: "outline",
-                  className: "h-7 flex-shrink-0 pointer-coarse:h-11",
-                  onClick: () => onRunSequence(s.value),
-                  children: l.run
-                }
-              )
-            ] }, s.value)) })
-          ] })
-        ] })
-      ]
-    }
-  );
-}
-var DEFAULT_SYNC_DIALOG_FOOTER_LABELS = {
-  cancel: "Cancel",
-  save: "Save"
-};
-function SyncDialogFooter({
-  onCancel,
-  onSave,
-  saveDisabled,
-  isSaving,
-  cancelButton,
-  saveButton,
-  labels
-}) {
-  const l = { ...DEFAULT_SYNC_DIALOG_FOOTER_LABELS, ...labels };
-  return /* @__PURE__ */ jsxs(DialogFooter, { "data-slot": "sync-dialog-footer", children: [
-    /* @__PURE__ */ jsx(Button, { variant: "outline", size: "sm", onClick: onCancel, "data-testid": cancelButton?.testId, children: l.cancel }),
-    /* @__PURE__ */ jsxs(
-      Button,
-      {
-        size: "sm",
-        onClick: onSave,
-        disabled: saveDisabled || isSaving,
-        "data-testid": saveButton?.testId,
-        children: [
-          isSaving && /* @__PURE__ */ jsx(Loader2, { className: "mr-1.5 size-3.5 animate-spin" }),
-          l.save
-        ]
-      }
-    )
-  ] });
-}
-function SyncDialogBody({ children }) {
-  return /* @__PURE__ */ jsx("div", { "data-slot": "sync-dialog-body", className: "space-y-4 py-2", children });
-}
-function SyncField({ label, htmlFor, actions, hint, children }) {
-  return /* @__PURE__ */ jsxs("div", { "data-slot": "sync-field", className: "space-y-1.5", children: [
-    (label || actions) && /* @__PURE__ */ jsxs("div", { className: cn(actions && "flex items-center justify-between"), children: [
-      label && /* @__PURE__ */ jsx(Label, { htmlFor, children: label }),
-      actions
-    ] }),
-    children,
-    hint && /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: hint })
-  ] });
-}
-function SyncLinkButton({
-  onClick,
-  testId,
-  children
-}) {
-  return /* @__PURE__ */ jsx(
-    "button",
-    {
-      type: "button",
-      className: "text-xs font-medium text-primary hover:underline focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring pointer-coarse:min-h-11 pointer-coarse:px-1",
-      onClick,
-      "data-testid": testId,
-      children
-    }
-  );
-}
-function SyncLinkRow({ children }) {
-  return /* @__PURE__ */ jsx("div", { className: "flex items-center gap-3", children });
-}
-function SyncSelect({
-  id,
-  testId,
-  value,
-  onValueChange,
-  options,
-  placeholder
-}) {
-  return /* @__PURE__ */ jsxs(Select, { value, onValueChange, children: [
-    /* @__PURE__ */ jsx(SelectTrigger, { id, "data-testid": testId, children: /* @__PURE__ */ jsx(SelectValue, { placeholder }) }),
-    /* @__PURE__ */ jsx(SelectContent, { children: options.map((o) => /* @__PURE__ */ jsx(SelectItem, { value: o.value, children: o.label }, o.value)) })
-  ] });
-}
-function SyncOptionToggle({
-  checked,
-  onCheckedChange,
-  title,
-  description,
-  testId
-}) {
-  return /* @__PURE__ */ jsxs("label", { className: "flex cursor-pointer items-start gap-2 text-sm", children: [
-    /* @__PURE__ */ jsx(
-      Checkbox,
-      {
-        className: "mt-0.5",
-        checked,
-        onCheckedChange: (v) => onCheckedChange(v === true),
-        "data-testid": testId
-      }
-    ),
-    /* @__PURE__ */ jsxs("span", { children: [
-      title,
-      description && /* @__PURE__ */ jsx("span", { className: "block text-xs text-muted-foreground", children: description })
-    ] })
-  ] });
-}
-function SyncOptions({ children }) {
-  return /* @__PURE__ */ jsx("div", { "data-slot": "sync-options", className: "space-y-2.5", children });
-}
-function SyncLoading({ children, compact }) {
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      className: cn("flex items-center gap-2 text-sm text-muted-foreground", !compact && "py-2"),
-      children: [
-        /* @__PURE__ */ jsx(Loader2, { className: "size-3.5 animate-spin" }),
-        " ",
-        children
-      ]
-    }
-  );
-}
-function SyncNote({ children, testId }) {
-  return /* @__PURE__ */ jsx("p", { className: "py-2 text-sm text-muted-foreground", "data-testid": testId, children });
-}
-function SyncSmallNote({ children, testId }) {
-  return /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", "data-testid": testId, children });
-}
-function SyncReconnectNotice({
-  message,
-  onReconnect,
-  isPending,
-  testId,
-  label = "Reconnect"
-}) {
-  return /* @__PURE__ */ jsxs("div", { className: "space-y-2 py-2", children: [
-    /* @__PURE__ */ jsx("p", { className: "text-sm text-destructive", children: message }),
-    /* @__PURE__ */ jsxs(
-      Button,
-      {
-        type: "button",
-        size: "sm",
-        onClick: onReconnect,
-        disabled: isPending,
-        "data-testid": testId,
-        children: [
-          isPending && /* @__PURE__ */ jsx(Loader2, { className: "mr-1.5 size-3.5 animate-spin" }),
-          label
-        ]
-      }
-    )
-  ] });
-}
-function SyncTreeFrame({ children }) {
-  return /* @__PURE__ */ jsx(ScrollArea, { className: "h-72 rounded-md border p-2", children });
-}
-function SyncCheckList({ items, selected, onToggle }) {
-  return /* @__PURE__ */ jsx(ScrollArea, { className: "max-h-44 rounded-md border border-border", children: /* @__PURE__ */ jsx("div", { className: "space-y-1 p-2", children: items.map((c) => /* @__PURE__ */ jsxs(
-    "label",
-    {
-      className: "flex cursor-pointer items-center gap-2 rounded px-1.5 py-1 text-sm hover:bg-muted/50 pointer-coarse:min-h-11",
-      children: [
-        /* @__PURE__ */ jsx(
-          Checkbox,
-          {
-            checked: selected.includes(c.id),
-            onCheckedChange: () => onToggle(c.id),
-            "data-testid": c.testId
-          }
-        ),
-        /* @__PURE__ */ jsx("span", { className: "truncate", children: c.label })
-      ]
-    },
-    c.id
-  )) }) });
-}
-var DEFAULT_SYNC_FOLDER_ROW_LABELS = {
-  collapse: "Collapse folder",
-  expand: "Expand folder",
-  loading: "Loading\u2026",
-  noSubfolders: "No subfolders"
-};
-var INDENT = 18;
-function SyncFolderRow({
-  id,
-  name,
-  depth,
-  hasChildren,
-  isExpanded,
-  onToggleExpanded,
-  isSelectable,
-  checked,
-  disabled,
-  onCheckedChange,
-  count,
-  isCountLoading,
-  children,
-  labels
-}) {
-  const l = { ...DEFAULT_SYNC_FOLDER_ROW_LABELS, ...labels };
-  return /* @__PURE__ */ jsxs("div", { children: [
-    /* @__PURE__ */ jsxs(
-      "div",
-      {
-        className: "flex items-center gap-1.5 rounded px-1 py-1 text-sm hover:bg-muted/50 pointer-coarse:min-h-11",
-        style: { paddingLeft: depth * INDENT + 4 },
-        children: [
-          hasChildren ? /* @__PURE__ */ jsx(
-            "button",
-            {
-              type: "button",
-              className: "flex size-4 shrink-0 items-center justify-center text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring pointer-coarse:size-8",
-              onClick: onToggleExpanded,
-              "aria-label": isExpanded ? l.collapse : l.expand,
-              "aria-expanded": isExpanded,
-              children: isExpanded ? /* @__PURE__ */ jsx(ChevronDown, { className: "size-3.5" }) : /* @__PURE__ */ jsx(ChevronRight, { className: "size-3.5" })
-            }
-          ) : /* @__PURE__ */ jsx("span", { className: "size-4 shrink-0" }),
-          isSelectable ? /* @__PURE__ */ jsxs(
-            "label",
-            {
-              className: "flex flex-1 cursor-pointer items-center gap-2 truncate",
-              "data-testid": `drive-folder-row-${id}`,
-              children: [
-                /* @__PURE__ */ jsx(
-                  Checkbox,
-                  {
-                    checked,
-                    disabled,
-                    onCheckedChange,
-                    "data-testid": `drive-folder-checkbox-${id}`
-                  }
-                ),
-                /* @__PURE__ */ jsx("span", { className: "truncate", "data-testid": `drive-folder-name-${id}`, children: name }),
-                isCountLoading ? /* @__PURE__ */ jsx(Loader2, { className: "size-3 shrink-0 animate-spin text-muted-foreground" }) : typeof count === "number" ? /* @__PURE__ */ jsxs("span", { className: "shrink-0 text-xs text-muted-foreground", children: [
-                  "(",
-                  count.toLocaleString(),
-                  ")"
-                ] }) : null
-              ]
-            }
-          ) : /* @__PURE__ */ jsx(
-            "span",
-            {
-              className: "flex flex-1 items-center truncate font-medium text-muted-foreground",
-              "data-testid": `drive-folder-row-${id}`,
-              children: /* @__PURE__ */ jsx("span", { className: "truncate", "data-testid": `drive-folder-name-${id}`, children: name })
-            }
-          )
-        ]
-      }
-    ),
-    isExpanded && /* @__PURE__ */ jsx("div", { children })
-  ] });
-}
-function SyncFolderStatus({
-  depth,
-  kind,
-  labels
-}) {
-  const l = { ...DEFAULT_SYNC_FOLDER_ROW_LABELS, ...labels };
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: "flex items-center gap-2 py-1 text-xs text-muted-foreground",
-      style: { paddingLeft: (depth + 1) * INDENT + 4 },
-      children: kind === "loading" ? /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx(Loader2, { className: "size-3 animate-spin" }),
-        " ",
-        l.loading
-      ] }) : l.noSubfolders
-    }
-  );
-}
-function FilterChip({
-  label,
-  state,
-  icon,
-  color,
-  onDismiss,
-  dismissLabel,
-  className,
-  testId
-}) {
-  const isExclude = state === "exclude";
-  return /* @__PURE__ */ jsxs(
-    "span",
-    {
-      className: cn(
-        "inline-flex items-center gap-1 text-xs font-medium rounded px-1.5 py-0.5 flex-shrink-0 border",
-        isExclude ? "bg-background text-red-text border-red-text" : "bg-primary text-white border-primary",
-        className
-      ),
-      "data-state": state,
-      "data-testid": testId,
-      children: [
-        color ? (
-          /* Filled square for include; empty square for exclude */
-          isExclude ? /* @__PURE__ */ jsx(
-            "span",
-            {
-              className: "w-3.5 h-3.5 rounded flex-shrink-0 border-2",
-              style: { borderColor: color }
-            }
-          ) : /* @__PURE__ */ jsx(
-            "span",
-            {
-              className: "w-3.5 h-3.5 rounded flex items-center justify-center flex-shrink-0",
-              style: { backgroundColor: color },
-              children: /* @__PURE__ */ jsx(Check, { className: "w-2.5 h-2.5 text-white", strokeWidth: 3 })
-            }
-          )
-        ) : icon && /* @__PURE__ */ jsx("span", { className: "flex-none", children: icon }),
-        /* @__PURE__ */ jsxs("span", { className: "truncate max-w-[80px]", title: label, children: [
-          isExclude && /* @__PURE__ */ jsx("span", { className: "opacity-70 mr-0.5", children: "Not" }),
-          label
-        ] }),
-        onDismiss && /* @__PURE__ */ jsx(
-          "button",
-          {
-            type: "button",
-            onClick: onDismiss,
-            "aria-label": dismissLabel ?? `Remove ${label}`,
-            className: "flex-none ml-0.5 opacity-70 hover:opacity-100",
-            "data-testid": testId ? `${testId}-remove` : void 0,
-            children: /* @__PURE__ */ jsx(X, { className: "h-3 w-3", strokeWidth: 2.5 })
-          }
-        )
-      ]
-    }
-  );
-}
-var planBadgeVariants = cva(
-  "inline-flex flex-shrink-0 items-center rounded-full border font-semibold leading-none",
-  {
-    variants: {
-      /** free/dev = neutral, paid = accent tint, pending = payment trouble or cancelling. */
-      tone: {
-        free: `border-transparent ${TONE_SURFACE.neutral}`,
-        dev: `border-transparent ${TONE_SURFACE.neutral}`,
-        paid: "border-transparent bg-accent text-accent-foreground",
-        pending: `${TONE_BORDER.warning} ${TONE_SURFACE.warning}`
-      },
-      /** `sm` fits dense rows and tables; `md` holds its own beside body text. */
-      size: {
-        sm: "h-5 px-2 text-xs",
-        md: "h-6 px-2.5 text-sm"
-      }
-    },
-    defaultVariants: { tone: "free", size: "sm" }
-  }
-);
-function PlanBadge({
-  label,
-  tone,
-  size,
-  className,
-  testId = "project-plan-chip"
-}) {
-  return /* @__PURE__ */ jsx(
-    "span",
-    {
-      "data-slot": "plan-badge",
-      className: cn(planBadgeVariants({ tone, size }), className),
-      "data-testid": testId,
-      children: label
-    }
-  );
-}
-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({
-  items,
-  size = "sm",
-  showTooltips = true,
-  showBars = true,
-  showPercent = true,
-  className,
-  testIds
-}) {
-  if (size === "lg") {
-    return /* @__PURE__ */ jsx(
-      "div",
-      {
-        "data-slot": "quota-meter",
-        className: cn("flex flex-wrap gap-3", className),
-        "data-testid": testIdOr(testIds?.root, { testId: "quota-badges-lg" }),
-        children: items.map(({ key, icon: Icon, label, usedOfLimit, pct }) => /* @__PURE__ */ jsxs(
-          "div",
-          {
-            className: "min-w-[8rem] flex-1 rounded-lg bg-muted p-3",
-            "data-testid": prefixedTestId(testIds?.badge, key, { testId: `quota-badge-${key}` }),
-            children: [
-              /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5 text-xs text-muted-foreground", children: [
-                /* @__PURE__ */ jsx(Icon, { className: "h-3.5 w-3.5 flex-shrink-0" }),
-                /* @__PURE__ */ jsx("span", { className: "truncate", children: label })
-              ] }),
-              /* @__PURE__ */ jsx("div", { className: "mt-1 text-lg font-semibold tabular-nums text-foreground", children: usedOfLimit }),
-              /* @__PURE__ */ jsx("div", { className: "mt-2 h-1.5 overflow-hidden rounded-full bg-background", children: /* @__PURE__ */ jsx(
-                "div",
-                {
-                  className: cn("h-full rounded-full", barColor(pct)),
-                  style: { width: `${Math.min(pct, 100)}%` },
-                  "data-testid": prefixedTestId(
-                    testIds?.badge,
-                    key,
-                    { testId: `quota-badge-${key}-fill` },
-                    "-fill"
-                  )
-                }
-              ) })
-            ]
-          },
-          key
-        ))
-      }
-    );
-  }
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      "data-slot": "quota-meter",
-      className: cn("flex flex-shrink-0 items-center gap-3 text-sm tabular-nums", className),
-      "data-testid": testIdOr(testIds?.root, { testId: "quota-badges-sm" }),
-      children: items.map(({ key, icon: Icon, label, used, usedOfLimit, pct }) => {
-        const badge = /* @__PURE__ */ jsxs(
-          "span",
-          {
-            className: "inline-flex items-center gap-1",
-            "data-testid": prefixedTestId(testIds?.badge, key, { testId: `quota-badge-${key}` }),
-            children: [
-              /* @__PURE__ */ jsx(Icon, { className: "h-4 w-4 flex-shrink-0 text-muted-foreground" }),
-              /* @__PURE__ */ jsx("span", { className: showBars ? valueColor2(pct) : "text-muted-foreground", children: showBars && showPercent ? `${used} (${Math.round(pct)}%)` : used })
-            ]
-          }
-        );
-        return showTooltips ? /* @__PURE__ */ jsxs(Tooltip, { children: [
-          /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: badge }),
-          /* @__PURE__ */ jsx(TooltipContent, { children: `${usedOfLimit} ${label}` })
-        ] }, key) : /* @__PURE__ */ jsx(Fragment$1, { children: badge }, key);
-      })
-    }
-  );
-}
-var DEFAULT_PLAN_CARD_LABELS = {
-  currentPlan: "Current plan",
-  popular: "Popular",
-  noMonthlyCost: "\xA30",
-  perMonth: "/mo",
-  current: "Current",
-  monthly: "Monthly",
-  annual: "Annual",
-  annualBilling: "Annual billing",
-  save: (percent) => `Save ${percent}%`,
-  havePromoCode: "Have a promo code?",
-  promoCode: "Promo Code",
-  enterCode: "Enter code",
-  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, 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.",
-  seeModelList: "AI model prices \u2192"
-};
-function PlanCard({ plan, onSelect, labels }) {
-  const l = useMemo(() => ({ ...DEFAULT_PLAN_CARD_LABELS, ...labels }), [labels]);
-  const { id, name, isFree, isCurrent, isSelected, isPopular, price, features } = plan;
-  return /* @__PURE__ */ jsxs(
-    "button",
-    {
-      type: "button",
-      disabled: isCurrent,
-      "aria-pressed": !!isSelected,
-      onClick: () => !isCurrent && onSelect(id),
-      "data-slot": "plan-card",
-      "data-testid": `tier-card-${id}`,
-      className: cn(
-        "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: [
-        isCurrent && /* @__PURE__ */ jsx("span", { className: "absolute -top-3 left-1/2 -translate-x-1/2 whitespace-nowrap rounded-full bg-blue-bg px-3 py-1 text-xs font-semibold leading-none text-blue-text", children: l.currentPlan }),
-        isPopular && !isCurrent && /* @__PURE__ */ jsx("span", { className: "absolute -top-3 left-1/2 -translate-x-1/2 whitespace-nowrap rounded-full bg-primary px-3 py-1 text-xs font-semibold leading-none text-primary-foreground", children: l.popular }),
-        /* @__PURE__ */ jsx("div", { className: "mb-3 flex items-baseline gap-2", children: /* @__PURE__ */ jsx(
-          "span",
-          {
-            className: cn(
-              "text-lg font-semibold leading-none tracking-tight",
-              isCurrent ? "text-blue-text" : "text-foreground"
-            ),
-            children: name
-          }
-        ) }),
-        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: [
-              price.yearlyTotal,
-              /* @__PURE__ */ jsx("span", { className: "ml-0.5 text-xs font-semibold text-muted-foreground", children: price.intervalLabel })
-            ] })
-          ] }),
-          /* @__PURE__ */ jsxs("div", { className: "flex items-baseline gap-x-1.5 whitespace-nowrap", children: [
-            price.annual && /* @__PURE__ */ jsx("span", { className: "text-xl font-semibold leading-none text-muted-foreground", children: "=" }),
-            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__ */ 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)) })
-      ]
-    }
-  );
-}
-function PlanCardGrid({
-  plans,
-  onSelect,
-  labels
-}) {
-  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" : plans.length === 2 ? "grid-cols-1 @xl:grid-cols-2" : "grid-cols-1 @2xl:grid-cols-3"
-      ),
-      children: plans.map((plan) => /* @__PURE__ */ jsx(PlanCard, { plan, onSelect, labels }, plan.id))
-    }
-  ) });
-}
-function PlanTierOption({
-  option,
-  onSelect,
-  labels
-}) {
-  const l = useMemo(() => ({ ...DEFAULT_PLAN_CARD_LABELS, ...labels }), [labels]);
-  return /* @__PURE__ */ jsxs(
-    "button",
-    {
-      type: "button",
-      onClick: () => onSelect(option.id),
-      "aria-pressed": option.isSelected,
-      "data-slot": "plan-tier-option",
-      "data-testid": `tier-option-${option.id}`,
-      className: cn(
-        "flex w-full items-center justify-between rounded-lg p-3 text-left transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring pointer-coarse:min-h-11",
-        option.isSelected ? "bg-accent ring-1 ring-primary/50" : "bg-muted hover:bg-muted/70"
-      ),
-      children: [
-        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ jsx("span", { className: "text-base font-semibold text-foreground", children: option.name }),
-          option.isCurrent && /* @__PURE__ */ jsx("span", { className: "rounded-full bg-background px-1.5 py-0.5 text-xs font-medium text-muted-foreground", children: l.current }),
-          option.isSelected && /* @__PURE__ */ jsx(Check, { className: "h-4 w-4 text-primary" })
-        ] }),
-        /* @__PURE__ */ jsxs("div", { className: "text-right", children: [
-          option.total && /* @__PURE__ */ jsxs("div", { className: "font-semibold tabular-nums", children: [
-            option.total,
-            /* @__PURE__ */ jsx("span", { className: "text-xs font-normal text-muted-foreground", children: option.intervalLabel })
-          ] }),
-          /* @__PURE__ */ jsx("div", { className: "text-xs tabular-nums text-muted-foreground", children: option.summary })
-        ] })
-      ]
-    }
-  );
-}
-function PricingToggle({
-  isAnnual,
-  onToggle,
-  savingsPercent,
-  labels
-}) {
-  const l = useMemo(() => ({ ...DEFAULT_PLAN_CARD_LABELS, ...labels }), [labels]);
-  return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-sm", children: [
-    /* @__PURE__ */ jsx("span", { className: isAnnual ? "text-muted-foreground" : "font-medium", children: l.monthly }),
-    /* @__PURE__ */ jsx(
-      "button",
-      {
-        type: "button",
-        role: "switch",
-        "aria-checked": isAnnual,
-        "aria-label": l.annualBilling,
-        onClick: onToggle,
-        className: cn(
-          "relative inline-flex h-5 w-9 items-center rounded-full transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
-          isAnnual ? "bg-primary" : "bg-muted"
-        ),
-        children: /* @__PURE__ */ jsx(
-          "span",
-          {
-            className: cn(
-              "inline-block h-3 w-3 transform rounded-full bg-card transition-transform",
-              isAnnual ? "translate-x-5" : "translate-x-1"
-            )
-          }
-        )
-      }
-    ),
-    /* @__PURE__ */ jsx("span", { className: isAnnual ? "font-medium" : "text-muted-foreground", children: l.annual }),
-    savingsPercent != null && savingsPercent > 0 && /* @__PURE__ */ jsx("span", { className: "rounded-full bg-green-bg px-1.5 py-0.5 text-sm font-semibold leading-none text-green-text", children: l.save(savingsPercent) })
-  ] });
-}
-function PromoCodeInput({
-  value,
-  onChange,
-  labels
-}) {
-  const l = useMemo(() => ({ ...DEFAULT_PLAN_CARD_LABELS, ...labels }), [labels]);
-  const [expanded, setExpanded] = useState(false);
-  if (!expanded) {
-    return /* @__PURE__ */ jsxs(
-      "button",
-      {
-        type: "button",
-        onClick: () => setExpanded(true),
-        className: "flex items-center gap-1.5 text-sm text-muted-foreground transition-colors hover:text-foreground pointer-coarse:min-h-11",
-        children: [
-          /* @__PURE__ */ jsx(Tag, { className: "h-3 w-3" }),
-          /* @__PURE__ */ jsx("span", { children: l.havePromoCode })
-        ]
-      }
-    );
-  }
-  return /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
-    /* @__PURE__ */ jsx(Label, { className: "text-sm text-muted-foreground", children: l.promoCode }),
-    /* @__PURE__ */ jsx(
-      Input,
-      {
-        value,
-        onChange: (e) => onChange(e.target.value),
-        placeholder: l.enterCode,
-        className: "h-8 text-sm",
-        autoFocus: true
-      }
-    )
-  ] });
-}
-function PlanInfoPopover({
-  onOpenModelList,
-  labels
-}) {
-  const l = useMemo(() => ({ ...DEFAULT_PLAN_CARD_LABELS, ...labels }), [labels]);
-  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 = {
-  badgeTitle: "Reward \u2014 automatically applied to your invoice period",
-  badge: (amount) => `${amount} reward`,
-  subtotal: "Subtotal",
-  reward: "Reward",
-  youPayNow: "You pay now",
-  rollover: (amount) => `${amount} reward rolls over to your next invoice.`,
-  applied: (amount) => `${amount} reward applied automatically to your invoice period.`,
-  note: (amount) => `Your ${amount} reward applies to your invoice period.`
-};
-function ReferralRewardBadge({
-  amountLabel,
-  labels,
-  testId
-}) {
-  const l = useMemo(() => ({ ...DEFAULT_REFERRAL_REWARD_LABELS, ...labels }), [labels]);
-  return /* @__PURE__ */ jsxs(
-    "span",
-    {
-      className: "flex h-8 items-center gap-1.5 rounded-full bg-green-bg px-2.5 text-sm font-medium text-green-text",
-      title: l.badgeTitle,
-      "data-testid": testIdOr(testId, { testId: "referral-reward-badge" }),
-      children: [
-        /* @__PURE__ */ jsx(Gift, { className: "h-3.5 w-3.5" }),
-        l.badge(amountLabel)
-      ]
-    }
-  );
-}
-function ReferralRewardSummary({
-  amountLabel,
-  breakdown,
-  labels,
-  testId,
-  testIds
-}) {
-  const l = useMemo(() => ({ ...DEFAULT_REFERRAL_REWARD_LABELS, ...labels }), [labels]);
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: "rounded-lg bg-green-bg/60 p-3 text-sm",
-      "data-testid": testIdOr(testId, { testId: "referral-reward-summary" }),
-      children: breakdown ? /* @__PURE__ */ jsxs("dl", { className: "space-y-1 tabular-nums", children: [
-        /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between text-muted-foreground", children: [
-          /* @__PURE__ */ jsx("dt", { children: l.subtotal }),
-          /* @__PURE__ */ jsx("dd", { children: breakdown.subtotal })
-        ] }),
-        /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between text-green-text", children: [
-          /* @__PURE__ */ jsxs("dt", { className: "flex items-center gap-1.5", children: [
-            /* @__PURE__ */ jsx(Gift, { className: "h-3.5 w-3.5" }),
-            l.reward
-          ] }),
-          /* @__PURE__ */ jsxs("dd", { "data-testid": testIdOr(testIds?.applied, { testId: "referral-reward-applied" }), children: [
-            "\u2212",
-            breakdown.reward
-          ] })
-        ] }),
-        /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between border-t border-green-border pt-1 font-semibold text-foreground", children: [
-          /* @__PURE__ */ jsx("dt", { children: l.youPayNow }),
-          /* @__PURE__ */ jsx("dd", { "data-testid": testIdOr(testIds?.youPay, { testId: "referral-reward-you-pay" }), children: breakdown.youPay })
-        ] }),
-        breakdown.rollover && /* @__PURE__ */ jsx("p", { className: "pt-0.5 text-xs font-normal text-muted-foreground", children: l.rollover(breakdown.rollover) })
-      ] }) : /* @__PURE__ */ jsxs("p", { className: "flex items-center gap-1.5 font-medium text-green-text", children: [
-        /* @__PURE__ */ jsx(Gift, { className: "h-3.5 w-3.5 shrink-0" }),
-        l.applied(amountLabel)
-      ] })
-    }
-  );
-}
-function ReferralRewardNote({
-  amountLabel,
-  labels,
-  testId
-}) {
-  const l = useMemo(() => ({ ...DEFAULT_REFERRAL_REWARD_LABELS, ...labels }), [labels]);
-  return /* @__PURE__ */ jsxs(
-    "p",
-    {
-      className: "flex items-center gap-1.5 text-sm text-green-text",
-      "data-testid": testIdOr(testId, { testId: "referral-reward-note" }),
-      children: [
-        /* @__PURE__ */ jsx(Gift, { className: "h-3.5 w-3.5 shrink-0" }),
-        l.note(amountLabel)
-      ]
-    }
-  );
-}
-var DEFAULT_CONNECTION_CARD_LABELS = {
-  connectedAs: (identity) => `Connected as ${identity}`,
-  justConnected: "Just connected \u2713",
-  connected: "Connected",
-  disconnect: "Disconnect",
-  connect: "Connect",
-  organisationAccount: "Organisation account",
-  readOnlyLead: "Read-only.",
-  readOnlyBody: " ARBI only imports a copy of your email and files. It can\u2019t modify or delete anything in your account, and deleting an imported document here never affects the original."
-};
-function ConnectionCard({
-  connection,
-  onConnect,
-  onDisconnect,
-  labels
-}) {
-  const l = useMemo(() => ({ ...DEFAULT_CONNECTION_CARD_LABELS, ...labels }), [labels]);
-  const { id, status } = connection;
-  const isConnected = status === "connected";
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      "data-slot": "connection-card",
-      className: "rounded-lg bg-background px-5 py-4",
-      "data-testid": `connector-card-${id}`,
-      children: [
-        /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-4", children: [
-          /* @__PURE__ */ jsx("div", { className: "mt-0.5 flex h-10 w-10 shrink-0 items-center justify-center rounded-lg bg-muted text-muted-foreground", children: connection.iconUrl ? /* @__PURE__ */ jsx(
-            "img",
-            {
-              src: connection.iconUrl,
-              alt: connection.iconAlt ?? connection.title,
-              className: "h-6 w-6 rounded object-contain"
-            }
-          ) : /* @__PURE__ */ jsx(PlugIcon, { className: "h-5 w-5" }) }),
-          /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
-            /* @__PURE__ */ jsx("span", { className: "font-heading text-sm font-semibold text-foreground", children: connection.title }),
-            connection.description && /* @__PURE__ */ jsx("p", { className: "mt-0.5 text-sm text-muted-foreground", children: connection.description }),
-            isConnected && connection.identity && /* @__PURE__ */ jsx(
-              "p",
-              {
-                className: "mt-1 text-xs text-muted-foreground",
-                "data-testid": `connector-identity-${id}`,
-                children: l.connectedAs(connection.identity)
-              }
-            ),
-            connection.warning && /* @__PURE__ */ jsx("p", { className: "mt-1 text-xs text-yellow-text", children: connection.warning }),
-            connection.note && /* @__PURE__ */ jsx("p", { className: "mt-1 text-xs text-muted-foreground", children: connection.note })
-          ] }),
-          /* @__PURE__ */ jsxs("div", { className: "flex shrink-0 flex-col items-end gap-2", children: [
-            (isConnected || connection.justConnected) && /* @__PURE__ */ jsx(
-              ToneBadge,
-              {
-                tone: "success",
-                icon: /* @__PURE__ */ jsx(CheckCircle2, { className: "h-3 w-3", "aria-hidden": "true" }),
-                children: connection.justConnected ? l.justConnected : l.connected
-              }
-            ),
-            isConnected ? /* @__PURE__ */ jsxs(
-              Button,
-              {
-                variant: "outline",
-                size: "sm",
-                onClick: () => onDisconnect(id),
-                disabled: connection.isDisconnecting,
-                className: "text-destructive hover:bg-destructive/10 hover:text-destructive",
-                "data-testid": `connector-disconnect-${id}`,
-                children: [
-                  connection.isDisconnecting && /* @__PURE__ */ jsx(Loader2, { className: "mr-1.5 h-3.5 w-3.5 animate-spin" }),
-                  l.disconnect
-                ]
-              }
-            ) : status === "available" ? /* @__PURE__ */ jsxs(
-              Button,
-              {
-                variant: "outline",
-                size: "sm",
-                onClick: () => onConnect(id),
-                className: "gap-1.5",
-                "data-testid": `connector-connect-${id}`,
-                children: [
-                  /* @__PURE__ */ jsx(ExternalLink, { className: "h-3.5 w-3.5" }),
-                  l.connect
-                ]
-              }
-            ) : /* @__PURE__ */ jsx(Badge, { variant: "outline", className: "text-muted-foreground", children: l.organisationAccount })
-          ] })
-        ] }),
-        connection.showReadOnlyNotice && isConnected && /* @__PURE__ */ jsxs("div", { className: "mt-2 flex items-start gap-2 rounded-md bg-blue-bg px-3 py-2 text-xs text-blue-text", children: [
-          /* @__PURE__ */ jsx(ShieldCheck, { className: "mt-0.5 h-4 w-4 shrink-0" }),
-          /* @__PURE__ */ jsxs("span", { children: [
-            /* @__PURE__ */ jsx("span", { className: "font-medium", children: l.readOnlyLead }),
-            l.readOnlyBody
-          ] })
-        ] })
-      ]
-    }
-  );
-}
-function ConnectionsEmpty({ message }) {
-  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-2 py-8 text-center", children: [
-    /* @__PURE__ */ jsx(Plug, { className: "h-8 w-8 text-muted-foreground/40" }),
-    /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: message })
-  ] });
-}
-function ConnectionsLoading({ message }) {
-  return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 py-12 text-muted-foreground", children: [
-    /* @__PURE__ */ jsx(Loader2, { className: "h-4 w-4 animate-spin" }),
-    /* @__PURE__ */ jsx("span", { className: "text-sm", children: message })
-  ] });
-}
-function ConnectionsError({ message }) {
-  return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 rounded-lg bg-destructive/10 px-4 py-3 text-sm text-destructive", children: [
-    /* @__PURE__ */ jsx(AlertCircle, { className: "h-4 w-4 shrink-0" }),
-    /* @__PURE__ */ jsx("span", { children: message })
-  ] });
-}
-var DEFAULT_PROJECT_LIST_LABELS = {
-  loading: "Loading projects...",
-  empty: "No projects yet. Create one to get started.",
-  filteredOut: "No projects match the filter."
-};
-var DEFAULT_SHARED_PROJECTS_SECTION_LABELS = {
-  title: "Shared with you"
-};
-var DEFAULT_PROJECT_DETAIL_HEADER_LABELS = {
-  renameProject: "Rename project"
-};
-var DEFAULT_RENAME_DIALOG_LABELS = {
-  title: "Rename project",
-  description: "Enter a new name.",
-  cancel: "Cancel",
-  save: "Save"
-};
-function ProjectRow({ testId, onOpen, identity, summary, usage, actions }) {
-  const handleKeyDown = (e) => {
-    if (e.key === "Enter" || e.key === " ") {
-      e.preventDefault();
-      onOpen();
-    }
-  };
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      role: "button",
-      tabIndex: 0,
-      onClick: onOpen,
-      onKeyDown: handleKeyDown,
-      "data-slot": "project-row",
-      "data-testid": testId,
-      className: "group flex cursor-pointer flex-wrap items-center gap-x-3 gap-y-3 px-3 py-3 transition-colors hover:bg-muted/50 focus:bg-muted/50 focus:outline-none pointer-coarse:min-h-11",
-      children: [
-        /* @__PURE__ */ jsx("div", { className: "flex min-w-0 items-center", children: identity }),
-        /* @__PURE__ */ jsx("div", { className: "flex-1" }),
-        summary && /* @__PURE__ */ jsx("div", { className: "hidden items-center gap-3 md:flex", children: summary }),
-        actions && /* @__PURE__ */ jsx("div", { className: "flex items-center gap-0.5", onClick: (e) => e.stopPropagation(), children: actions }),
-        usage && /* @__PURE__ */ jsx("div", { className: "basis-full", children: usage })
-      ]
-    }
-  );
-}
-function ProjectList({
-  isLoading,
-  isEmpty,
-  isFilteredOut,
-  children,
-  testId = "projects-list",
-  labels
-}) {
-  const l = useMemo(() => ({ ...DEFAULT_PROJECT_LIST_LABELS, ...labels }), [labels]);
-  const message = isLoading ? l.loading : isEmpty ? l.empty : isFilteredOut ? l.filteredOut : null;
-  return /* @__PURE__ */ jsx("div", { "data-testid": testId, children: isLoading ? /* @__PURE__ */ jsxs("div", { className: "space-y-3 px-3 py-4", "aria-busy": "true", children: [
-    /* @__PURE__ */ jsx("span", { className: "sr-only", children: message }),
-    [0, 1].map((i) => /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", "aria-hidden": "true", children: [
-      /* @__PURE__ */ jsx("div", { className: "h-5 w-40 animate-pulse rounded-md bg-muted" }),
-      /* @__PURE__ */ jsx("div", { className: "flex-1" }),
-      /* @__PURE__ */ jsx("div", { className: "h-5 w-48 animate-pulse rounded-md bg-muted" })
-    ] }, i))
-  ] }) : message ? /* @__PURE__ */ jsx("p", { className: "px-3 py-6 text-sm text-muted-foreground", children: message }) : /* @__PURE__ */ jsx("div", { className: "divide-y divide-border", children }) });
-}
-function SharedProjectsSection({
-  title,
-  footnote,
-  children,
-  testId = "shared-projects",
-  labels
-}) {
-  const l = useMemo(() => ({ ...DEFAULT_SHARED_PROJECTS_SECTION_LABELS, ...labels }), [labels]);
-  return /* @__PURE__ */ jsxs("section", { className: "space-y-2", "data-testid": testId, children: [
-    /* @__PURE__ */ jsx("h3", { className: "px-1 text-sm font-semibold text-foreground", children: title ?? l.title }),
-    /* @__PURE__ */ jsx("div", { className: "divide-y divide-border", children }),
-    footnote && /* @__PURE__ */ jsx("p", { className: "px-1 text-xs text-muted-foreground", children: footnote })
-  ] });
-}
-function SharedProjectRow({
-  testId,
-  identity,
-  allowance
-}) {
-  return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-4 px-3 py-2.5", "data-testid": testId, children: [
-    identity,
-    /* @__PURE__ */ jsx("div", { className: "ml-auto w-44", children: allowance })
-  ] });
-}
-function ProjectDetailHeader({
-  icon,
-  name,
-  badge,
-  onRename,
-  action,
-  labels
-}) {
-  const l = useMemo(() => ({ ...DEFAULT_PROJECT_DETAIL_HEADER_LABELS, ...labels }), [labels]);
-  return /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between gap-3", children: [
-    /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 items-center gap-3", children: [
-      /* @__PURE__ */ jsx("span", { className: "flex-shrink-0 text-primary [&>svg]:h-8 [&>svg]:w-8", children: icon }),
-      /* @__PURE__ */ jsx("div", { className: "min-w-0", children: /* @__PURE__ */ jsxs("div", { className: "group flex items-center gap-2", children: [
-        /* @__PURE__ */ jsx("h2", { className: "truncate text-xl font-semibold text-foreground", title: name, children: name }),
-        /* @__PURE__ */ jsx(
-          Button,
-          {
-            variant: "ghost",
-            size: "icon",
-            className: "h-6 w-6 shrink-0 text-muted-foreground opacity-0 transition-opacity hover:text-primary focus-visible:opacity-100 [.group:hover_&]:opacity-100 [@media(hover:none)]:opacity-100",
-            title: l.renameProject,
-            "aria-label": l.renameProject,
-            "data-testid": "project-detail-rename",
-            onClick: onRename,
-            children: /* @__PURE__ */ jsx(Pencil, { className: "h-3.5 w-3.5" })
-          }
-        ),
-        badge
-      ] }) })
-    ] }),
-    action && /* @__PURE__ */ jsx("div", { className: "flex-shrink-0", children: action })
-  ] });
-}
-function ProjectDetailSection({
-  title,
-  className,
-  children
-}) {
-  return /* @__PURE__ */ jsxs("section", { className: cn("rounded-lg border border-border bg-card shadow-xs p-5", className), children: [
-    /* @__PURE__ */ jsx("h3", { className: "mb-4 text-base font-semibold text-foreground", children: title }),
-    children
-  ] });
-}
-function RenameDialog({
-  open,
-  onClose,
-  title,
-  value,
-  onChange,
-  onSave,
-  isSaving,
-  testId,
-  dialogTestId,
-  fieldLabel,
-  placeholder,
-  canSave = true,
-  labels
-}) {
-  const renameInputId = useId();
-  const l = useMemo(() => ({ ...DEFAULT_RENAME_DIALOG_LABELS, ...labels }), [labels]);
-  return /* @__PURE__ */ jsx(Dialog, { open, onOpenChange: (next) => !next && onClose(), children: /* @__PURE__ */ jsxs(DialogContent, { presentation: "sheet", "data-testid": dialogTestId, children: [
-    /* @__PURE__ */ jsxs(DialogHeader, { children: [
-      /* @__PURE__ */ jsx(DialogTitle, { children: title ?? l.title }),
-      /* @__PURE__ */ jsx(DialogDescription, { className: "sr-only", children: l.description })
-    ] }),
-    fieldLabel && /* @__PURE__ */ jsx("label", { htmlFor: renameInputId, className: "block text-sm font-medium", children: fieldLabel }),
-    /* @__PURE__ */ jsx(
-      Input,
-      {
-        id: renameInputId,
-        value,
-        onChange: (e) => onChange(e.target.value),
-        placeholder,
-        autoFocus: true,
-        onKeyDown: (e) => {
-          if (e.key === "Enter") onSave();
-          if (e.key === "Escape") onClose();
-        },
-        "data-testid": testId
-      }
-    ),
-    /* @__PURE__ */ jsxs(DialogFooter, { children: [
-      /* @__PURE__ */ jsx(Button, { variant: "outline", onClick: onClose, children: l.cancel }),
-      /* @__PURE__ */ jsx(Button, { onClick: onSave, disabled: isSaving || !canSave, children: l.save })
-    ] })
-  ] }) });
-}
-var DEFAULT_SUPPORT_PANEL_LABELS = {
-  support: "Support",
-  userGuide: "User Guide"
-};
-function SupportPanel({
-  activeTab,
-  onTabChange,
-  buildInfo = [],
-  modeSwitcher,
-  feedback,
-  isFeedbackLoading,
-  loadingIndicator,
-  guide,
-  testId = "feedback-modal",
-  labels
-}) {
-  const l = useMemo(() => ({ ...DEFAULT_SUPPORT_PANEL_LABELS, ...labels }), [labels]);
-  const tabs = useMemo(
-    () => [
-      {
-        id: "feedback",
-        label: l.support,
-        icon: /* @__PURE__ */ jsx(MessageCircleQuestionMark, { className: "h-4 w-4" }),
-        tooltip: l.support
-      },
-      {
-        id: "guide",
-        label: l.userGuide,
-        icon: /* @__PURE__ */ jsx(BookOpen, { className: "h-4 w-4" }),
-        tooltip: l.userGuide
-      }
-    ],
-    [l]
-  );
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      className: "@container flex h-full flex-col bg-background",
-      "data-testid": testId,
-      "data-slot": "support-panel",
-      children: [
-        /* @__PURE__ */ jsx("div", { className: "flex-shrink-0", children: /* @__PURE__ */ jsx(
-          TabHeader,
-          {
-            tabs,
-            activeTabId: activeTab,
-            onTabChange: (id) => onTabChange(id),
-            rightContent: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-              buildInfo.length > 0 && /* @__PURE__ */ jsx("div", { className: "hidden text-right font-mono text-xs leading-tight text-muted-foreground/70 @2xl:block", children: buildInfo.map((line) => /* @__PURE__ */ jsx("div", { children: line }, line)) }),
-              modeSwitcher
-            ] }),
-            compactBreakpoint: 360
-          }
-        ) }),
-        activeTab === "feedback" && /* @__PURE__ */ jsxs("div", { className: "relative min-h-0 flex-1", children: [
-          isFeedbackLoading && /* @__PURE__ */ jsx("div", { className: "absolute inset-0 z-10 flex items-center justify-center bg-background", children: loadingIndicator }),
-          feedback
-        ] }),
-        activeTab === "guide" && /* @__PURE__ */ jsx("div", { className: "min-h-0 flex-1 overflow-auto p-4", children: guide })
-      ]
-    }
-  );
-}
-function SupportUnavailable({ title, message }) {
-  return /* @__PURE__ */ jsx("div", { className: "flex h-full items-center justify-center p-8 text-center", children: /* @__PURE__ */ jsxs("div", { children: [
-    /* @__PURE__ */ jsx("h3", { className: "mb-2 text-lg font-semibold", children: title }),
-    /* @__PURE__ */ jsx("p", { className: "text-muted-foreground", children: message })
-  ] }) });
-}
-var DEFAULT_WELCOME_DIALOG_LABELS = {
-  welcome: (firstName) => `Welcome${firstName ? `, ${firstName}` : ""}!`,
-  description: "Your plan, usage and rewards at a glance.",
-  currentPlan: "Current plan",
-  seeUpgradeOptions: "See upgrade options",
-  referralBefore: "Get ",
-  referralAfter: " for every invited contact who goes Pro.",
-  inviteContact: "Invite contact",
-  currentRewards: "Current rewards: ",
-  continue: "Continue"
-};
-var DEFAULT_INVITE_CONTACTS_DIALOG_LABELS = {
-  title: "Invite contacts",
-  description: "Invite contacts by email and earn the referral reward."
-};
-function WelcomeDialog({
-  open,
-  onClose,
-  firstName,
-  hasReward,
-  projectPicker,
-  planBadge,
-  quotas,
-  onSeePlans,
-  referralOfferLabel,
-  onInvite,
-  rewardBalanceLabel,
-  labels,
-  testId,
-  testIds
-}) {
-  const l = useMemo(() => ({ ...DEFAULT_WELCOME_DIALOG_LABELS, ...labels }), [labels]);
-  return /* @__PURE__ */ jsx(Dialog, { open, onOpenChange: (next) => !next && onClose(), children: /* @__PURE__ */ jsxs(
-    DialogContent,
-    {
-      className: "sm:max-w-md",
-      "data-testid": testIdOr(testId, { testId: "welcome-modal" }),
-      hideCloseButton: true,
-      children: [
-        /* @__PURE__ */ jsxs(DialogHeader, { children: [
-          /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-wrap items-start justify-between gap-2", children: [
-            /* @__PURE__ */ jsxs(DialogTitle, { className: "flex items-center gap-2", children: [
-              hasReward ? /* @__PURE__ */ jsx(Gift, { className: "h-5 w-5 text-green-text" }) : /* @__PURE__ */ jsx(Sparkles, { className: "h-5 w-5 text-yellow-text" }),
-              l.welcome(firstName)
-            ] }),
-            projectPicker
-          ] }),
-          /* @__PURE__ */ jsx(DialogDescription, { className: "sr-only", children: l.description })
-        ] }),
-        /* @__PURE__ */ jsxs(
-          ModalSection,
-          {
-            className: "space-y-4",
-            "data-testid": testIdOr(testIds?.copy, { testId: "welcome-modal-copy" }),
-            children: [
-              /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
-                /* @__PURE__ */ jsx("span", { className: "text-sm text-muted-foreground", children: l.currentPlan }),
-                planBadge
-              ] }),
-              /* @__PURE__ */ jsx("div", { className: "space-y-3", children: quotas.map((quota) => /* @__PURE__ */ jsx(
-                UsageMeter,
-                {
-                  icon: quota.icon,
-                  label: quota.label,
-                  value: quota.value,
-                  pct: quota.pct,
-                  hint: quota.hint,
-                  testId: prefixedTestId(testIds?.quota, quota.key, {
-                    testId: `welcome-modal-quota-${quota.key}`
-                  })
-                },
-                quota.key
-              )) }),
-              /* @__PURE__ */ jsx(
-                Button,
-                {
-                  variant: "outline",
-                  className: "w-full",
-                  onClick: onSeePlans,
-                  "data-testid": testIdOr(testIds?.showPlans, { testId: "welcome-modal-show-plans" }),
-                  children: l.seeUpgradeOptions
-                }
-              )
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsxs(ModalSection, { className: "space-y-2.5", children: [
-          /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-3", children: [
-            /* @__PURE__ */ jsxs("p", { className: "text-sm text-muted-foreground", children: [
-              l.referralBefore,
-              /* @__PURE__ */ jsx("span", { className: "font-semibold text-foreground", children: referralOfferLabel }),
-              l.referralAfter
-            ] }),
-            /* @__PURE__ */ jsxs(
-              Button,
-              {
-                variant: "outline",
-                size: "sm",
-                className: "shrink-0 gap-1.5",
-                onClick: onInvite,
-                "data-testid": testIdOr(testIds?.earn, { testId: "welcome-modal-earn" }),
-                children: [
-                  /* @__PURE__ */ jsx(UserPlus, { className: "h-3.5 w-3.5" }),
-                  l.inviteContact
-                ]
-              }
-            )
-          ] }),
-          rewardBalanceLabel && // A statement, not a door: the balance applies itself to the next invoice.
-          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5 rounded-md bg-green-bg px-3 py-2 text-sm text-green-text", children: [
-            /* @__PURE__ */ jsx(Gift, { className: "h-4 w-4 shrink-0" }),
-            /* @__PURE__ */ jsxs("span", { className: "truncate", children: [
-              l.currentRewards,
-              /* @__PURE__ */ jsx("span", { className: "font-semibold", children: rewardBalanceLabel })
-            ] })
-          ] })
-        ] }),
-        /* @__PURE__ */ jsx(DialogFooter, { children: /* @__PURE__ */ jsx(
-          Button,
-          {
-            className: "w-full",
-            onClick: onClose,
-            "data-testid": testIdOr(testIds?.dismiss, { testId: "welcome-modal-dismiss" }),
-            children: l.continue
-          }
-        ) })
-      ]
-    }
-  ) });
-}
-function InviteContactsDialog({
-  open,
-  onClose,
-  children,
-  testId = "welcome-modal-invite",
-  labels
-}) {
-  const l = useMemo(() => ({ ...DEFAULT_INVITE_CONTACTS_DIALOG_LABELS, ...labels }), [labels]);
-  return /* @__PURE__ */ jsx(
-    ModalScaffold,
-    {
-      open,
-      onOpenChange: (next) => !next && onClose(),
-      title: l.title,
-      description: l.description,
-      icon: /* @__PURE__ */ jsx(UserPlus, { className: "h-5 w-5 text-primary" }),
-      size: "lg",
-      className: "sm:max-w-lg",
-      testId,
-      children: /* @__PURE__ */ jsx(ModalSection, { children })
-    }
-  );
-}
-var SERIES_STYLES = [
-  { bg: "bg-blue-500", stroke: "stroke-blue-500" },
-  { bg: "bg-purple-500", stroke: "stroke-purple-500" },
-  { bg: "bg-emerald-500", stroke: "stroke-emerald-500" },
-  { bg: "bg-amber-500", stroke: "stroke-amber-500" },
-  { bg: "bg-rose-500", stroke: "stroke-rose-500" },
-  { bg: "bg-cyan-500", stroke: "stroke-cyan-500" },
-  { bg: "bg-indigo-500", stroke: "stroke-indigo-500" },
-  { bg: "bg-orange-500", stroke: "stroke-orange-500" }
-];
-var styleAt = (index) => SERIES_STYLES[index % SERIES_STYLES.length];
-var DEFAULT_USAGE_LINE_CHART_LABELS = {
-  noDailyData: "No daily data"
-};
-var DEFAULT_USAGE_PROPORTION_BAR_LABELS = {
-  tokens: (formatted) => `${formatted} tokens`,
-  gbp: (formatted) => formatted,
-  tokensShort: (formatted) => `${formatted} tok`
-};
-var DEFAULT_USAGE_PANEL_LABELS = {
-  empty: "No usage yet.",
-  error: "Failed to load usage data"
-};
-var CHART_W = 440;
-var CHART_H = 120;
-var PAD = { top: 8, right: 8, bottom: 20, left: 40 };
-function UsageLineChart({
-  dates,
-  series,
-  formatDate,
-  formatValue: formatValue2,
-  emptyLabel,
-  labels
-}) {
-  const l = useMemo(() => ({ ...DEFAULT_USAGE_LINE_CHART_LABELS, ...labels }), [labels]);
-  const [hoverIdx, setHoverIdx] = useState(null);
-  if (!dates.length || !series.length) {
-    return /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: emptyLabel ?? l.noDailyData });
-  }
-  const maxVal = Math.max(...series.flatMap((s) => s.values), 1);
-  const plotW = CHART_W - PAD.left - PAD.right;
-  const plotH = CHART_H - PAD.top - PAD.bottom;
-  const xStep = dates.length > 1 ? plotW / (dates.length - 1) : plotW;
-  const yScale = (v) => PAD.top + plotH - v / maxVal * plotH;
-  const yTicks = [0, maxVal / 2, maxVal].map((v) => ({
-    v,
-    y: yScale(v),
-    label: v >= 1e3 ? `${Math.round(v / 1e3)}k` : String(Math.round(v * 100) / 100)
-  }));
-  const labelCount = Math.min(dates.length, 5);
-  const labelStep = Math.max(1, Math.floor((dates.length - 1) / (labelCount - 1)));
-  return /* @__PURE__ */ jsxs("div", { className: "relative", "data-slot": "usage-line-chart", children: [
-    /* @__PURE__ */ jsxs(
-      "svg",
-      {
-        viewBox: `0 0 ${CHART_W} ${CHART_H}`,
-        className: "h-auto w-full",
-        preserveAspectRatio: "xMidYMid meet",
-        onMouseLeave: () => setHoverIdx(null),
-        children: [
-          yTicks.map((t) => /* @__PURE__ */ jsxs("g", { children: [
-            /* @__PURE__ */ jsx(
-              "line",
-              {
-                x1: PAD.left,
-                x2: CHART_W - PAD.right,
-                y1: t.y,
-                y2: t.y,
-                className: "stroke-border",
-                strokeDasharray: "2,2"
-              }
-            ),
-            /* @__PURE__ */ jsx(
-              "text",
-              {
-                x: PAD.left - 4,
-                y: t.y + 3,
-                textAnchor: "end",
-                className: "fill-muted-foreground text-xs",
-                children: t.label
-              }
-            )
-          ] }, t.v)),
-          series.map((s, si) => /* @__PURE__ */ jsx(
-            "polyline",
-            {
-              points: s.values.map((v, i) => `${PAD.left + i * xStep},${yScale(v)}`).join(" "),
-              fill: "none",
-              className: styleAt(si).stroke,
-              strokeWidth: 1.5,
-              strokeLinejoin: "round"
-            },
-            s.key
-          )),
-          dates.map((date, i) => /* @__PURE__ */ jsx(
-            "rect",
-            {
-              x: PAD.left + i * xStep - xStep / 2,
-              y: PAD.top,
-              width: xStep,
-              height: plotH,
-              fill: "transparent",
-              onMouseEnter: () => setHoverIdx(i),
-              onClick: () => setHoverIdx(i)
-            },
-            date
-          )),
-          hoverIdx !== null && /* @__PURE__ */ jsx(
-            "line",
-            {
-              x1: PAD.left + hoverIdx * xStep,
-              x2: PAD.left + hoverIdx * xStep,
-              y1: PAD.top,
-              y2: PAD.top + plotH,
-              className: "stroke-muted-foreground",
-              strokeDasharray: "3,3"
-            }
-          ),
-          dates.map((d, i) => {
-            const isLast = i === dates.length - 1;
-            if (!isLast && (i % labelStep !== 0 || dates.length - 1 - i < labelStep / 2)) return null;
-            return /* @__PURE__ */ jsx(
-              "text",
-              {
-                x: PAD.left + i * xStep,
-                y: CHART_H - 2,
-                textAnchor: i === 0 ? "start" : isLast ? "end" : "middle",
-                className: "fill-muted-foreground text-xs",
-                children: formatDate(d)
-              },
-              d
-            );
-          })
-        ]
-      }
-    ),
-    hoverIdx !== null && /* @__PURE__ */ jsxs("div", { className: "pointer-events-none absolute right-0 top-0 rounded-md border bg-card/90 px-2 py-1 text-sm shadow-lg", children: [
-      /* @__PURE__ */ jsx("div", { className: "font-medium", children: dates[hoverIdx] }),
-      series.map((s, si) => /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
-        /* @__PURE__ */ jsx("span", { className: cn("inline-block h-2 w-2 rounded-full", styleAt(si).bg) }),
-        /* @__PURE__ */ jsxs("span", { children: [
-          s.key,
-          ":"
-        ] }),
-        /* @__PURE__ */ jsx("span", { className: "font-medium tabular-nums", children: formatValue2(s.values[hoverIdx]) })
-      ] }, s.key))
-    ] })
-  ] });
-}
-function UsageLegend({ series }) {
-  if (series.length <= 1 && series[0]?.key === "Total") return null;
-  return /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-x-3 gap-y-1", children: series.map((s, i) => /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1 text-sm", children: [
-    /* @__PURE__ */ jsx("span", { className: cn("inline-block h-2.5 w-2.5 rounded-full", styleAt(i).bg) }),
-    /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: s.key })
-  ] }, s.key)) });
-}
-function UsageProportionBar({
-  items,
-  metric,
-  labels
-}) {
-  const l = useMemo(() => ({ ...DEFAULT_USAGE_PROPORTION_BAR_LABELS, ...labels }), [labels]);
-  const total = items.reduce((sum, item) => sum + item.amount, 0);
-  if (!items.length || total === 0) return null;
-  return /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
-    /* @__PURE__ */ jsx("div", { className: "flex h-3 w-full overflow-hidden rounded-full bg-muted", children: items.map((item, i) => {
-      const pct = item.amount / total * 100;
-      if (pct < 0.5) return null;
-      return /* @__PURE__ */ jsx(
-        "div",
-        {
-          className: cn("h-full first:rounded-l-full last:rounded-r-full", styleAt(i).bg),
-          style: { width: `${pct}%` },
-          title: `${item.label}: ${metric === "tokens" ? l.tokens(item.tokens) : l.gbp(item.gbp)}`
-        },
-        item.label
-      );
-    }) }),
-    /* @__PURE__ */ jsx("div", { className: "space-y-1.5", children: items.map((item, i) => /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between text-sm", children: [
-      /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 items-center gap-1.5", children: [
-        /* @__PURE__ */ jsx(
-          "span",
-          {
-            className: cn("inline-block h-2.5 w-2.5 flex-shrink-0 rounded-full", styleAt(i).bg)
-          }
-        ),
-        /* @__PURE__ */ jsx("span", { className: "truncate", children: item.label })
-      ] }),
-      /* @__PURE__ */ jsxs("div", { className: "ml-2 flex flex-shrink-0 items-center gap-2 tabular-nums", children: [
-        /* @__PURE__ */ jsx(
-          "span",
-          {
-            className: cn(
-              "flex items-center gap-0.5",
-              metric === "gbp" ? "font-medium text-muted-foreground" : "text-muted-foreground/60"
-            ),
-            children: item.gbp
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          "span",
-          {
-            className: metric === "tokens" ? "font-medium text-muted-foreground" : "text-muted-foreground/60",
-            children: l.tokensShort(item.tokens)
-          }
-        ),
-        /* @__PURE__ */ jsxs("span", { className: "w-8 text-right text-muted-foreground/40", children: [
-          (item.amount / total * 100).toFixed(0),
-          "%"
-        ] })
-      ] })
-    ] }, item.label)) })
-  ] });
-}
-function UsageSummary({ stats }) {
-  return /* @__PURE__ */ jsx("div", { className: "grid grid-cols-3 gap-2 text-center", children: stats.map((stat) => /* @__PURE__ */ jsxs("div", { className: "rounded-lg bg-muted p-3", children: [
-    /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center gap-1 text-base font-semibold tabular-nums", children: stat.value }),
-    /* @__PURE__ */ jsx("div", { className: "text-sm text-muted-foreground", children: stat.label })
-  ] }, stat.key)) });
-}
-function UsageToggle({
-  value,
-  onChange,
-  options,
-  ariaLabel,
-  size = "compact"
-}) {
-  return /* @__PURE__ */ jsx(
-    RadioGroupPrimitive.Root,
-    {
-      "aria-label": ariaLabel,
-      value,
-      onValueChange: (next) => onChange(next),
-      orientation: "horizontal",
-      className: "flex gap-1 rounded-md border border-border bg-background p-0.5 print:hidden",
-      children: options.map((option) => /* @__PURE__ */ jsx(
-        RadioGroupPrimitive.Item,
-        {
-          value: option.value,
-          className: cn(
-            "rounded-md px-3 py-1 text-sm transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring pointer-coarse:py-2.5",
-            size === "fill" && "flex-1 px-2 py-1.5",
-            option.value === value ? "bg-accent font-medium text-accent-foreground" : "text-muted-foreground hover:text-foreground"
-          ),
-          children: option.label
-        },
-        option.value
-      ))
-    }
-  );
-}
-function UsagePanel({
-  state,
-  period,
-  actions,
-  dateRange,
-  emptyMessage,
-  errorMessage,
-  labels,
-  children
-}) {
-  const l = useMemo(() => ({ ...DEFAULT_USAGE_PANEL_LABELS, ...labels }), [labels]);
-  return /* @__PURE__ */ jsxs("div", { className: "space-y-4", "data-slot": "usage-panel", children: [
-    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2", children: [
-      period,
-      /* @__PURE__ */ jsx("div", { className: "flex items-center gap-1", children: actions })
-    ] }),
-    dateRange && /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: dateRange }),
-    state === "loading" && /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center py-8", children: /* @__PURE__ */ jsx(Loader2, { className: "h-5 w-5 animate-spin text-muted-foreground" }) }),
-    state === "error" && /* @__PURE__ */ jsx("p", { className: "py-4 text-sm text-destructive", children: errorMessage ?? l.error }),
-    state === "empty" && /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center justify-center gap-2 py-10 text-center", children: [
-      /* @__PURE__ */ jsx(ChartNoAxesColumn, { className: "h-8 w-8 text-muted-foreground/40" }),
-      /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: emptyMessage ?? l.empty })
-    ] }),
-    state === "ready" && /* @__PURE__ */ jsx("div", { className: "space-y-4", children })
-  ] });
-}
-var DEFAULT_INVOICES_DIALOG_LABELS = {
-  title: (projectName) => `Receipts \xB7 ${projectName}`,
-  description: (projectName) => `Receipts for ${projectName}`,
-  noReceipts: "No receipts yet.",
-  paid: "Paid"
-};
-var DEFAULT_DAILY_CAP_FIELD_LABELS = {
-  noLimit: "No limit",
-  ariaLabel: "Daily AI usage limit per collaborator (\xA3)",
-  unit: "\xA3 / user / day",
-  save: "Save"
-};
-var DEFAULT_MEMBER_PROJECT_ROW_LABELS = {
-  noDailyLimit: "No daily limit"
-};
-var DEFAULT_INLINE_NAME_EDITOR_LABELS = {
-  saveName: "Save name",
-  cancelRename: "Cancel rename"
-};
-var DEFAULT_PROJECT_CARD_VIEW_LABELS = {
-  collapseProject: "Collapse project",
-  expandProject: "Expand project"
-};
-function InvoicesDialog({
-  open,
-  onOpenChange,
-  projectName,
-  isLoading,
-  invoices,
-  labels
-}) {
-  const l = useMemo(() => ({ ...DEFAULT_INVOICES_DIALOG_LABELS, ...labels }), [labels]);
-  return /* @__PURE__ */ jsx(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs(DialogContent, { presentation: "sheet", className: "max-w-lg", children: [
-    /* @__PURE__ */ jsxs(DialogHeader, { children: [
-      /* @__PURE__ */ jsx(DialogTitle, { children: l.title(projectName) }),
-      /* @__PURE__ */ jsx(DialogDescription, { className: "sr-only", children: l.description(projectName) })
-    ] }),
-    /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
-      isLoading && /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center py-8", children: /* @__PURE__ */ jsx(Loader2, { className: "h-5 w-5 animate-spin text-muted-foreground" }) }),
-      !isLoading && invoices.length === 0 && /* @__PURE__ */ jsx("p", { className: "py-4 text-center text-sm text-muted-foreground", children: l.noReceipts }),
-      !isLoading && invoices.map((invoice) => /* @__PURE__ */ jsxs(
-        "div",
-        {
-          className: "flex items-center justify-between border-b py-2 text-sm last:border-0",
-          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,
-                {
-                  variant: "outline",
-                  className: cn(
-                    "h-4 px-1.5 py-0 text-sm",
-                    invoice.isPaid && "border-green-border text-green-text"
-                  ),
-                  children: invoice.isPaid ? l.paid : invoice.status
-                }
-              )
-            ] }),
-            invoice.href && /* @__PURE__ */ jsxs(
-              "a",
-              {
-                href: invoice.href,
-                target: "_blank",
-                rel: "noopener noreferrer",
-                className: "flex items-center gap-1 text-sm text-muted-foreground hover:text-foreground",
-                children: [
-                  invoice.linkLabel,
-                  " ",
-                  /* @__PURE__ */ jsx(FileText, { className: "h-3 w-3" })
-                ]
-              }
-            )
-          ]
-        },
-        invoice.key
-      ))
-    ] })
-  ] }) });
-}
-function DailyCapField({
-  value,
-  onChange,
-  onSave,
-  canSave,
-  isSaving,
-  labels
-}) {
-  const l = useMemo(() => ({ ...DEFAULT_DAILY_CAP_FIELD_LABELS, ...labels }), [labels]);
-  return /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-3", children: [
-    /* @__PURE__ */ jsx(
-      Input,
-      {
-        type: "number",
-        min: 0,
-        step: 0.01,
-        value,
-        onChange: (e) => onChange(e.target.value),
-        onKeyDown: (e) => {
-          if (e.key === "Enter") onSave();
-        },
-        placeholder: l.noLimit,
-        className: "h-9 w-40",
-        "aria-label": l.ariaLabel
-      }
-    ),
-    /* @__PURE__ */ jsx("span", { className: "text-sm text-muted-foreground", children: l.unit }),
-    /* @__PURE__ */ jsx(Button, { size: "sm", className: "h-9 px-4", disabled: !canSave || isSaving, onClick: onSave, children: l.save })
-  ] });
-}
-function MemberProjectRow({ icon, name, owner, allowance, labels }) {
-  const l = useMemo(() => ({ ...DEFAULT_MEMBER_PROJECT_ROW_LABELS, ...labels }), [labels]);
-  const barColor2 = allowance && allowance.pct >= 100 ? "bg-red-500" : allowance && allowance.pct >= 90 ? "bg-yellow-500" : "bg-primary";
-  return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 rounded-lg bg-muted p-3", children: [
-    /* @__PURE__ */ jsx("span", { className: "flex-shrink-0 text-muted-foreground", children: icon }),
-    /* @__PURE__ */ jsx("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ jsx("span", { className: "truncate text-sm font-medium", children: name }),
-      owner
-    ] }) }),
-    allowance === null ? /* @__PURE__ */ jsx("span", { className: "flex-shrink-0 text-sm text-muted-foreground", children: l.noDailyLimit }) : /* @__PURE__ */ jsxs("div", { className: "flex flex-shrink-0 flex-col items-end gap-0.5 text-sm tabular-nums", children: [
-      /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: allowance.text }),
-      /* @__PURE__ */ jsx("span", { className: "h-1 w-24 overflow-hidden rounded-full bg-background", children: /* @__PURE__ */ jsx(
-        "span",
-        {
-          className: cn("block h-full rounded-full", barColor2),
-          style: { width: `${allowance.pct}%` }
-        }
-      ) })
-    ] })
-  ] });
-}
-function InlineNameEditor({
-  value,
-  onChange,
-  onSave,
-  onCancel,
-  labels
-}) {
-  const l = useMemo(() => ({ ...DEFAULT_INLINE_NAME_EDITOR_LABELS, ...labels }), [labels]);
-  return /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 items-center gap-1", children: [
-    /* @__PURE__ */ jsx(
-      Input,
-      {
-        value,
-        onChange: (e) => onChange(e.target.value),
-        className: "h-7 text-sm",
-        autoFocus: true,
-        onKeyDown: (e) => {
-          if (e.key === "Enter") onSave();
-          if (e.key === "Escape") onCancel();
-        }
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      Button,
-      {
-        variant: "ghost",
-        size: "icon",
-        className: "h-6 w-6",
-        "aria-label": l.saveName,
-        onClick: onSave,
-        children: /* @__PURE__ */ jsx(Check, { className: "h-3.5 w-3.5" })
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      Button,
-      {
-        variant: "ghost",
-        size: "icon",
-        className: "h-6 w-6",
-        "aria-label": l.cancelRename,
-        onClick: onCancel,
-        children: /* @__PURE__ */ jsx(X, { className: "h-3.5 w-3.5" })
-      }
-    )
-  ] });
-}
-function ProjectCardView({
-  expanded,
-  onToggleExpanded,
-  rowRef,
-  icon,
-  identity,
-  actions,
-  badge,
-  buttons,
-  summary,
-  children,
-  overlays,
-  labels
-}) {
-  const l = useMemo(() => ({ ...DEFAULT_PROJECT_CARD_VIEW_LABELS, ...labels }), [labels]);
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      "data-slot": "project-card",
-      className: cn("rounded-lg bg-muted transition-colors", expanded && "ring-1 ring-primary/40"),
-      children: [
-        /* @__PURE__ */ jsxs(
-          "div",
-          {
-            ref: rowRef,
-            className: cn(
-              "flex items-center gap-2 p-3 transition-colors",
-              expanded ? "bg-blue-bg/60" : "hover:bg-muted/50"
-            ),
-            children: [
-              icon,
-              identity,
-              actions,
-              badge,
-              buttons,
-              /* @__PURE__ */ jsx("div", { className: "flex-1" }),
-              summary,
-              /* @__PURE__ */ jsx(
-                "button",
-                {
-                  type: "button",
-                  onClick: onToggleExpanded,
-                  "aria-expanded": expanded,
-                  "aria-label": expanded ? l.collapseProject : l.expandProject,
-                  className: "flex-shrink-0 rounded p-1 hover:bg-muted pointer-coarse:p-3",
-                  children: expanded ? /* @__PURE__ */ jsx(ChevronDown, { className: "h-4 w-4 text-muted-foreground" }) : /* @__PURE__ */ jsx(ChevronRight, { className: "h-4 w-4 text-muted-foreground" })
-                }
-              )
-            ]
-          }
-        ),
-        expanded && /* @__PURE__ */ jsx("div", { className: "space-y-4 border-t px-4 py-3", children }),
-        overlays
-      ]
-    }
-  );
-}
-var DEFAULT_EMAIL_WORKSPACE_DIALOG_LABELS = {
-  title: "Email this workspace",
-  description: "Send documents and questions here from your registered email address \u2014 your Assistant reads the email and replies.",
-  compose: "Compose email",
-  paHintBefore: "Don\u2019t need this specific workspace? Send general questions to ",
-  paHintAfter: " instead.",
-  checking: "Checking your Assistant\u2019s access\u2026",
-  noAssistant: "You don\u2019t have a default Assistant yet \u2014 one is created automatically the first time you email a workspace.",
-  authorizedExpires: (ttl) => `Authorized \u2014 expires in ${ttl}`,
-  end: "End",
-  authorizePrompt: (ttl) => `Authorize your Assistant to act in this workspace${ttl ? ` for ${ttl}` : ""}, so it\u2019s ready as soon as it wakes.`,
-  authorize: "Authorize",
-  authorizing: "Authorizing\u2026",
-  advanced: "Advanced",
-  alreadyGranted: "Your Assistant already has standing access to this workspace.",
-  standingWarning: "Standing access never expires and doesn\u2019t need re-authorizing \u2014 only use it if you trust the Assistant\u2019s environment long-term.",
-  grant: "Grant standing access",
-  granting: "Granting\u2026"
-};
-function EmailWorkspaceDialogView({
-  open,
-  onOpenChange,
-  email,
-  mailtoHref,
-  paDomain,
-  copyButton,
-  access,
-  standing,
-  labels
-}) {
-  const l = useMemo(() => ({ ...DEFAULT_EMAIL_WORKSPACE_DIALOG_LABELS, ...labels }), [labels]);
-  const [advancedOpen, setAdvancedOpen] = useState(false);
-  return /* @__PURE__ */ jsx(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs(DialogContent, { className: "sm:max-w-md", "data-testid": "email-workspace-dialog", children: [
-    /* @__PURE__ */ jsxs(DialogHeader, { className: "-m-6 mb-4 bg-muted p-6 pb-4", children: [
-      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
-        /* @__PURE__ */ jsx(Mail, { className: "size-6" }),
-        /* @__PURE__ */ jsx(DialogTitle, { children: l.title })
-      ] }),
-      /* @__PURE__ */ jsx(DialogDescription, { children: l.description })
-    ] }),
-    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 rounded-lg border border-border bg-muted/30 px-3 py-2", children: [
-      /* @__PURE__ */ jsx("code", { className: "flex-1 truncate font-mono text-sm", "data-testid": "email-workspace-address", children: email }),
-      copyButton
-    ] }),
-    /* @__PURE__ */ jsx(Button, { asChild: true, "data-testid": "email-workspace-compose-button", children: /* @__PURE__ */ jsxs("a", { href: mailtoHref, children: [
-      /* @__PURE__ */ jsx(Send, { className: "mr-1.5 size-4" }),
-      l.compose
-    ] }) }),
-    /* @__PURE__ */ jsxs("p", { className: "text-xs text-muted-foreground", "data-testid": "email-workspace-pa-hint", children: [
-      l.paHintBefore,
-      /* @__PURE__ */ jsxs("code", { className: "font-mono", children: [
-        "pa@",
-        paDomain
-      ] }),
-      l.paHintAfter
-    ] }),
-    access && /* @__PURE__ */ jsxs("div", { className: "space-y-2 rounded-md border border-border bg-muted/30 p-3", children: [
-      access.kind === "loading" ? /* @__PURE__ */ jsx(
-        "p",
-        {
-          className: "text-xs text-muted-foreground",
-          "data-testid": "email-workspace-authorize-loading",
-          children: l.checking
-        }
-      ) : access.kind === "none" ? /* @__PURE__ */ jsx(
-        "p",
-        {
-          className: "text-xs text-muted-foreground",
-          "data-testid": "email-workspace-no-assistant",
-          children: l.noAssistant
-        }
-      ) : access.kind === "session" ? /* @__PURE__ */ jsxs(
-        "div",
-        {
-          className: "flex items-center justify-between gap-3",
-          "data-testid": "email-workspace-active-session",
-          children: [
-            /* @__PURE__ */ jsxs("p", { className: "flex items-center gap-1.5 text-xs text-muted-foreground", children: [
-              /* @__PURE__ */ jsx(Clock, { className: "size-3.5" }),
-              l.authorizedExpires(access.expiresIn)
-            ] }),
-            /* @__PURE__ */ jsxs(
-              Button,
-              {
-                variant: "ghost",
-                size: "sm",
-                onClick: access.onEnd,
-                disabled: access.isEnding,
-                className: "h-7 shrink-0 gap-1 px-2 text-xs text-destructive hover:bg-destructive/10 hover:text-destructive pointer-coarse:h-11",
-                "data-testid": "email-workspace-end-session-button",
-                children: [
-                  /* @__PURE__ */ jsx(X, { className: "size-3" }),
-                  l.end
-                ]
-              }
-            )
-          ]
-        }
-      ) : /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-3", children: [
-        /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: l.authorizePrompt(access.defaultTtl) }),
-        /* @__PURE__ */ jsxs(
-          Button,
-          {
-            variant: "outline",
-            size: "sm",
-            onClick: access.onAuthorize,
-            disabled: access.isAuthorizing,
-            className: "shrink-0 gap-1.5",
-            "data-testid": "email-workspace-authorize-button",
-            children: [
-              /* @__PURE__ */ jsx(Clock, { className: "size-3.5" }),
-              access.isAuthorizing ? l.authorizing : l.authorize
-            ]
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsx(
-        "button",
-        {
-          type: "button",
-          onClick: () => setAdvancedOpen((o) => !o),
-          "aria-expanded": advancedOpen,
-          className: "text-xs font-semibold uppercase tracking-wide text-muted-foreground hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring pointer-coarse:min-h-11",
-          "data-testid": "email-workspace-advanced-toggle",
-          children: l.advanced
-        }
-      ),
-      advancedOpen && standing && (standing.alreadyGranted ? /* @__PURE__ */ jsxs("p", { className: "flex items-center gap-1.5 text-xs text-muted-foreground", children: [
-        /* @__PURE__ */ jsx(Check, { className: "size-3.5 text-green-solid" }),
-        l.alreadyGranted
-      ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: l.standingWarning }),
-        /* @__PURE__ */ jsxs(
-          Button,
-          {
-            variant: "outline",
-            size: "sm",
-            onClick: standing.onGrant,
-            disabled: standing.isGranting,
-            className: "gap-1.5",
-            "data-testid": "email-workspace-grant-access-button",
-            children: [
-              /* @__PURE__ */ jsx(Infinity, { className: "size-3.5" }),
-              standing.isGranting ? l.granting : l.grant
-            ]
-          }
-        )
-      ] }))
-    ] })
-  ] }) });
-}
-function PlanNotice({
-  tone = "muted",
-  className,
-  testId,
-  children
-}) {
-  return /* @__PURE__ */ jsx(
-    "p",
-    {
-      "data-slot": "plan-notice",
-      "data-testid": testId,
-      className: cn(
-        "text-sm",
-        tone === "error" ? "text-destructive" : "text-muted-foreground",
-        className
-      ),
-      children
-    }
-  );
-}
-function PlanStack({
-  gap = 3,
-  testId,
-  className,
-  children
-}) {
-  const GAP = { 2: "space-y-2", 3: "space-y-3", 4: "space-y-4", 5: "space-y-5 pt-2" };
-  return /* @__PURE__ */ jsx("div", { "data-slot": "plan-stack", "data-testid": testId, className: cn(GAP[gap], className), children });
-}
-function PlanTransition({ from, to }) {
-  return /* @__PURE__ */ jsxs("div", { "data-slot": "plan-transition", className: "flex flex-wrap items-center gap-2 text-sm", children: [
-    /* @__PURE__ */ jsx("span", { className: "inline-flex items-center rounded-full bg-muted px-2 py-0.5 text-xs font-semibold text-muted-foreground", children: from }),
-    /* @__PURE__ */ jsx(ArrowRight, { className: "size-4 text-muted-foreground", "aria-hidden": true }),
-    /* @__PURE__ */ jsx("span", { className: "inline-flex items-center rounded-full bg-primary px-2 py-0.5 text-xs font-semibold text-white", children: to })
-  ] });
-}
-function PlanPickerHeader({
-  title,
-  info,
-  infoPlacement = "title",
-  toggle,
-  className
-}) {
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      "data-slot": "plan-picker-header",
-      className: cn("flex flex-wrap items-center justify-between gap-x-3 gap-y-2", className),
-      children: [
-        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ jsx("span", { className: "text-lg font-semibold", children: title }),
-          infoPlacement === "title" && info
-        ] }),
-        infoPlacement === "toggle" ? /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-x-4 gap-y-2", children: [
-          info,
-          toggle
-        ] }) : toggle
-      ]
-    }
-  );
-}
-function PlanPickerCard({ children }) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      "data-slot": "plan-picker-card",
-      className: "space-y-4 rounded-lg border border-border bg-card shadow-xs p-4",
-      children
-    }
-  );
-}
-function PlanActionRow({ children }) {
-  return /* @__PURE__ */ jsx("div", { "data-slot": "plan-action-row", className: "flex flex-col-reverse gap-2 @xl:flex-row", children });
-}
-function PlanActionButton({
-  tone = "primary",
-  fill,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    Button,
-    {
-      "data-slot": "plan-action-button",
-      variant: tone === "muted" ? "ghost" : "default",
-      ...props,
-      className: cn(
-        "w-full",
-        fill && "sm:flex-1",
-        tone === "muted" && "text-muted-foreground",
-        props.className
-      )
-    }
-  );
-}
-var DEFAULT_SUBSCRIPTION_STATUS_LABELS = {
-  aiUsageResets: (date) => `AI usage resets ${date}`,
-  cancelsAtPeriodEnd: "\xB7 Cancels at period end",
-  cancelsAtEndOfBillingPeriod: "Cancels at end of billing period"
-};
-function SubscriptionStatusView({
-  resetDate,
-  isCanceling,
-  meters,
-  testIdPrefix,
-  labels
-}) {
-  const l = { ...DEFAULT_SUBSCRIPTION_STATUS_LABELS, ...labels };
-  return /* @__PURE__ */ jsxs("div", { "data-slot": "subscription-status", className: "space-y-3", children: [
-    resetDate && /* @__PURE__ */ jsxs("p", { className: "text-sm text-muted-foreground", children: [
-      l.aiUsageResets(resetDate),
-      isCanceling && /* @__PURE__ */ jsx("span", { className: "ml-2 text-yellow-text", children: l.cancelsAtPeriodEnd })
-    ] }),
-    !resetDate && isCanceling && /* @__PURE__ */ jsx("p", { className: "text-sm text-yellow-text", children: l.cancelsAtEndOfBillingPeriod }),
-    /* @__PURE__ */ jsx("div", { className: "space-y-3", children: meters.map((m) => /* @__PURE__ */ jsx(
-      UsageMeter,
-      {
-        icon: m.icon,
-        label: m.label,
-        value: m.value,
-        pct: m.pct,
-        testId: prefixedTestId(testIdPrefix, m.key, { testId: `project-quota-${m.key}` })
-      },
-      m.key
-    )) })
-  ] });
-}
-function PlanDialogFrame({
-  open,
-  onOpenChange,
-  title,
-  description,
-  isDescriptionHidden,
-  projectName,
-  projectTestId,
-  children,
-  labels
-}) {
-  return /* @__PURE__ */ jsx(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs(DialogContent, { className: "max-w-5xl", children: [
-    /* @__PURE__ */ jsxs(DialogHeader, { className: "flex-row items-start justify-between gap-3 space-y-0 pr-8", children: [
-      /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
-        /* @__PURE__ */ jsx(DialogTitle, { children: title }),
-        /* @__PURE__ */ jsx(DialogDescription, { className: isDescriptionHidden ? "sr-only" : void 0, children: description })
-      ] }),
-      projectName !== void 0 && /* @__PURE__ */ jsxs(
-        "span",
-        {
-          className: "shrink-0 text-sm text-muted-foreground",
-          "data-testid": testIdOr(projectTestId, { testId: "change-plan-project" }),
-          children: [
-            labels?.project ?? "Project:",
-            " ",
-            /* @__PURE__ */ jsx("span", { className: "font-semibold text-foreground", children: projectName })
-          ]
-        }
-      )
-    ] }),
-    children
-  ] }) });
-}
-var DEFAULT_CHECKOUT_DIALOG_LABELS = {
-  unavailableTitle: "Stripe Not Configured",
-  unavailableDescription: "Stripe checkout is not available. Please contact support.",
-  title: "Payment",
-  description: "Enter your card to start the plan",
-  loading: "Loading\u2026",
-  error: "Checkout didn't load. Try again."
-};
-function CheckoutDialogFrame({
-  open,
-  onOpenChange,
-  isUnavailable,
-  isLoading,
-  hasError,
-  children,
-  labels
-}) {
-  const l = { ...DEFAULT_CHECKOUT_DIALOG_LABELS, ...labels };
-  if (isUnavailable) {
-    return /* @__PURE__ */ jsx(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsx(DialogContent, { children: /* @__PURE__ */ jsxs(DialogHeader, { children: [
-      /* @__PURE__ */ jsx(DialogTitle, { children: l.unavailableTitle }),
-      /* @__PURE__ */ jsx(DialogDescription, { children: l.unavailableDescription })
-    ] }) }) });
-  }
-  return /* @__PURE__ */ jsx(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs(
-    DialogContent,
-    {
-      presentation: "sheet",
-      className: "flex max-h-[calc(100dvh-2rem)] max-w-2xl flex-col gap-0 overflow-hidden p-0",
-      onInteractOutside: (e) => e.preventDefault(),
-      onEscapeKeyDown: (e) => e.preventDefault(),
-      children: [
-        /* @__PURE__ */ jsxs(DialogHeader, { className: "flex-shrink-0 px-6 pb-3 pt-6", children: [
-          /* @__PURE__ */ jsx(DialogTitle, { children: l.title }),
-          /* @__PURE__ */ jsx(DialogDescription, { className: "sr-only", children: l.description })
-        ] }),
-        /* @__PURE__ */ jsxs("div", { className: "min-h-0 flex-1 overflow-y-auto px-6 pb-6", children: [
-          isLoading && /* @__PURE__ */ jsx("div", { className: "py-8 text-center text-muted-foreground", children: l.loading }),
-          hasError && /* @__PURE__ */ jsx("div", { className: "py-8 text-center text-destructive", children: l.error }),
-          children
-        ] })
-      ]
-    }
-  ) });
-}
-var DEFAULT_QUOTA_EXCEEDED_DIALOG_LABELS = {
-  title: "AI usage used up",
-  projectUsage: "Project usage",
-  progress: "AI usage this month",
-  project: "Project:",
-  close: "Not now",
-  upgrade: "Upgrade"
-};
-function QuotaExceededDialogView({
-  open,
-  onClose,
-  onUpgrade,
-  message,
-  usage,
-  actions,
-  extra,
-  labels
-}) {
-  const l = { ...DEFAULT_QUOTA_EXCEEDED_DIALOG_LABELS, ...labels };
-  return /* @__PURE__ */ jsx(Dialog, { open, onOpenChange: (o) => !o && onClose(), children: /* @__PURE__ */ jsxs(DialogContent, { className: "max-w-md", "data-testid": "quota-exceeded-modal", children: [
-    /* @__PURE__ */ jsxs(DialogHeader, { children: [
-      /* @__PURE__ */ jsx(DialogTitle, { children: l.title }),
-      /* @__PURE__ */ jsx(DialogDescription, { children: message })
-    ] }),
-    usage && /* @__PURE__ */ jsxs(ModalSection, { className: "space-y-2", children: [
-      /* @__PURE__ */ jsx(Progress, { value: usage.percent, "aria-label": l.progress }),
-      /* @__PURE__ */ jsxs(
-        "div",
-        {
-          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", { className: "tabular-nums", children: usage.readout }),
-            usage.projectId && /* @__PURE__ */ jsx("span", { className: "truncate", children: usage.projectId })
-          ]
-        }
-      )
-    ] }),
-    extra,
-    /* @__PURE__ */ jsxs(DialogFooter, { children: [
-      /* @__PURE__ */ jsx(Button, { variant: "outline", onClick: onClose, "data-testid": "quota-close-button", children: l.close }),
-      actions ?? /* @__PURE__ */ jsx(Button, { onClick: onUpgrade, "data-testid": "quota-upgrade-button", children: l.upgrade })
-    ] })
-  ] }) });
-}
-function WelcomeProjectPicker({
-  value,
-  options,
-  onChange,
-  testId = "welcome-modal-project-select"
-}) {
-  return /* @__PURE__ */ jsxs(Select, { value, onValueChange: onChange, children: [
-    /* @__PURE__ */ jsx(
-      SelectTrigger,
-      {
-        className: "h-7 w-auto max-w-[9.5rem] shrink-0 gap-1 border-none bg-muted px-2 text-xs font-medium pointer-coarse:h-11",
-        "data-testid": testId,
-        children: /* @__PURE__ */ jsx(SelectValue, {})
-      }
-    ),
-    /* @__PURE__ */ jsx(SelectContent, { align: "end", children: options.map((o) => /* @__PURE__ */ jsx(SelectItem, { value: o.id, children: o.name }, o.id)) })
-  ] });
-}
-var DEFAULT_SUBSCRIPTION_SECTION_LABELS = {
-  loading: "Loading projects...",
-  empty: "No projects yet \u2014 create one above."
-};
-function SubscriptionSectionView({
-  intro,
-  isLoading,
-  isEmpty,
-  children,
-  labels
-}) {
-  const l = { ...DEFAULT_SUBSCRIPTION_SECTION_LABELS, ...labels };
-  if (isLoading) {
-    return /* @__PURE__ */ jsx("div", { className: "py-4 text-sm text-muted-foreground", children: l.loading });
-  }
-  return /* @__PURE__ */ jsxs("div", { "data-slot": "subscription-section", className: "space-y-4", children: [
-    /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: intro }),
-    isEmpty ? /* @__PURE__ */ jsx("div", { className: "rounded-lg bg-muted py-8 text-center", children: /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: l.empty }) }) : children
-  ] });
-}
-function ProjectGroup({ children }) {
-  return /* @__PURE__ */ jsx("div", { "data-slot": "project-group", className: "space-y-2", children });
-}
-function ProjectPlanPicker({ children }) {
-  return /* @__PURE__ */ jsx("div", { "data-slot": "project-plan-picker", className: "border-b pb-3", children });
-}
-function ProjectNameLabel({ children }) {
-  return /* @__PURE__ */ jsx("span", { className: "truncate text-sm font-medium", children });
-}
-function ProjectRowActions({ children }) {
-  return /* @__PURE__ */ jsx("div", { "data-slot": "project-row-actions", className: "flex flex-shrink-0 items-center gap-0.5", children });
-}
-function RowIconAction({
-  label,
-  tooltip,
-  icon,
-  tone = "primary",
-  disabled,
-  onClick
-}) {
-  return /* @__PURE__ */ jsxs(Tooltip, { children: [
-    /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(
-      Button,
-      {
-        variant: "ghost",
-        size: "icon",
-        className: cn(
-          "size-6 text-muted-foreground/50 pointer-coarse:size-11",
-          tone === "destructive" ? "hover:text-destructive" : "hover:text-primary"
-        ),
-        "aria-label": label,
-        disabled,
-        onClick,
-        children: icon
-      }
-    ) }) }),
-    /* @__PURE__ */ jsx(TooltipContent, { children: tooltip ?? label })
-  ] });
-}
-function RowButton({
-  icon,
-  children,
-  onClick
-}) {
-  return /* @__PURE__ */ jsxs(
-    Button,
-    {
-      variant: "outline",
-      size: "sm",
-      className: "h-7 gap-1 px-2.5 text-sm pointer-coarse:h-11",
-      onClick,
-      children: [
-        icon,
-        children
-      ]
-    }
-  );
-}
-function UsageActionButton({
-  label,
-  icon,
-  onClick
-}) {
-  return /* @__PURE__ */ jsxs(Tooltip, { children: [
-    /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
-      Button,
-      {
-        variant: "ghost",
-        size: "icon",
-        className: "size-6 text-muted-foreground hover:text-foreground pointer-coarse:size-11",
-        "aria-label": label,
-        onClick,
-        children: icon
-      }
-    ) }),
-    /* @__PURE__ */ jsx(TooltipContent, { children: label })
-  ] });
-}
-function UsageQuotaHint({ children }) {
-  return /* @__PURE__ */ jsx("span", { className: "ml-1 tabular-nums", children });
-}
-function UsageSection({
-  title,
-  action,
-  children,
-  footer,
-  gap = "sm"
-}) {
-  return /* @__PURE__ */ jsxs("div", { "data-slot": "usage-section", className: gap === "md" ? "space-y-3" : void 0, children: [
-    /* @__PURE__ */ jsxs("div", { className: cn("flex items-center justify-between", gap === "sm" && "mb-2"), children: [
-      /* @__PURE__ */ jsx("div", { className: "text-sm font-medium text-muted-foreground", children: title }),
-      action
-    ] }),
-    children,
-    footer && /* @__PURE__ */ jsx("div", { className: "mt-2", children: footer })
-  ] });
-}
-var DEFAULT_ERROR_DIALOG_LABELS = {
-  title: "Something Went Wrong",
-  srDescription: "Error dialog",
-  reportHint: "Please click below to report the error to our support team if you have not done so already.",
-  refreshHint: "Clicking Refresh Session will attempt to refresh your session, which may help resolve the error.",
-  hideDetails: "Hide Details",
-  viewDetails: "View Details",
-  toggleDetailsAria: "Toggle error details",
-  copyAria: "Copy error details",
-  copy: "Copy error",
-  copied: "Copied",
-  refreshSession: "Refresh Session",
-  logout: "Logout"
-};
-function ErrorDialogView({
-  details,
-  report,
-  onRefresh,
-  onLogout,
-  labels
-}) {
-  const l = { ...DEFAULT_ERROR_DIALOG_LABELS, ...labels };
-  return /* @__PURE__ */ jsx(Dialog, { open: true, onOpenChange: () => {
-  }, children: /* @__PURE__ */ jsxs(
-    DialogContent,
-    {
-      presentation: "sheet",
-      className: "flex max-h-panel w-modal max-w-modal-vw flex-col overflow-hidden p-0",
-      "data-testid": "error-boundary-modal",
-      hideCloseButton: true,
-      children: [
-        /* @__PURE__ */ jsxs(ModalHeader, { children: [
-          /* @__PURE__ */ jsx(DialogTitle, { children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ jsx(AlertCircle, { className: "text-red-text", size: 24 }),
-            /* @__PURE__ */ jsx("span", { children: l.title })
-          ] }) }),
-          /* @__PURE__ */ jsx(DialogDescription, { className: "sr-only", children: l.srDescription })
-        ] }),
-        /* @__PURE__ */ jsx("div", { className: "min-h-0 flex-1 overflow-auto px-6 pb-6", children: /* @__PURE__ */ jsxs(ModalSection, { "data-testid": "error-boundary", children: [
-          /* @__PURE__ */ jsx("p", { className: "mb-4 text-sm text-muted-foreground", children: l.reportHint }),
-          /* @__PURE__ */ jsx("p", { className: "mb-4 text-sm text-muted-foreground", children: l.refreshHint }),
-          details?.isShown && /* @__PURE__ */ jsx("div", { className: "mb-4 rounded border border-border bg-background p-3", children: /* @__PURE__ */ jsx("pre", { className: "max-h-96 overflow-auto whitespace-pre-wrap font-mono text-sm", children: details.text }) }),
-          /* @__PURE__ */ jsxs("div", { className: "flex w-full flex-col gap-2", children: [
-            details && /* @__PURE__ */ jsxs("div", { className: "flex w-full gap-2", children: [
-              /* @__PURE__ */ jsxs(
-                Button,
-                {
-                  variant: "outline",
-                  className: "flex-1",
-                  onClick: details.onToggle,
-                  "aria-label": l.toggleDetailsAria,
-                  "data-testid": "error-boundary-view-details",
-                  children: [
-                    /* @__PURE__ */ jsx(FileText, { className: "mr-2 size-4" }),
-                    details.isShown ? l.hideDetails : l.viewDetails
-                  ]
-                }
-              ),
-              /* @__PURE__ */ jsxs(
-                Button,
-                {
-                  variant: "outline",
-                  className: "flex-1",
-                  onClick: details.onCopy,
-                  "aria-label": l.copyAria,
-                  "data-testid": "error-boundary-copy-details",
-                  children: [
-                    details.isCopied ? /* @__PURE__ */ jsx(Check, { className: "mr-2 size-4 text-green-text" }) : /* @__PURE__ */ jsx(Copy, { className: "mr-2 size-4" }),
-                    details.isCopied ? l.copied : l.copy
-                  ]
-                }
-              )
-            ] }),
-            report,
-            /* @__PURE__ */ jsxs(
-              Button,
-              {
-                variant: "outline",
-                className: "w-full",
-                onClick: onRefresh,
-                "aria-label": "Refresh session",
-                children: [
-                  /* @__PURE__ */ jsx(RefreshCw, { className: "mr-2 size-4" }),
-                  l.refreshSession
-                ]
-              }
-            ),
-            /* @__PURE__ */ jsxs(Button, { variant: "outline", className: "w-full", onClick: onLogout, "aria-label": "Logout", children: [
-              /* @__PURE__ */ jsx(LogOut, { className: "mr-2 size-4" }),
-              l.logout
-            ] })
-          ] })
-        ] }) })
-      ]
-    }
-  ) });
-}
-var SCHEME_OPTIONS = [
-  { value: "light", label: "Light", icon: /* @__PURE__ */ jsx(Sun, { className: "h-4 w-4" }) },
-  { value: "dark", label: "Dark", icon: /* @__PURE__ */ jsx(Moon, { className: "h-4 w-4" }) }
-].map((option) => ({ ...option, testId: `appearance-scheme-${option.value}` }));
-var TEXT_SIZE_OPTIONS = [
-  { value: "default", label: "Default" },
-  { value: "large", label: "Large" },
-  { value: "larger", label: "Larger" }
-].map((option) => ({ ...option, testId: `appearance-text-size-${option.value}` }));
-var DEFAULT_APPEARANCE_PAIRING_IDS = [
-  "office",
-  "inter",
-  "fraunces-inter",
-  "montserrat-nunito"
-];
-function AppearanceSettings({
-  colorScheme,
-  onColorSchemeChange,
-  textSize,
-  onTextSizeChange,
-  pairingId,
-  onPairingChange,
-  pairingIds = DEFAULT_APPEARANCE_PAIRING_IDS,
-  onReset
-}) {
-  const activePairing = getFontPairing(pairingId) ?? getFontPairing(pairingIds[0]);
-  return /* @__PURE__ */ jsxs(SettingsPanel, { testId: "settings-appearance", children: [
-    /* @__PURE__ */ jsx(
-      SettingsSection,
-      {
-        title: "Colour scheme",
-        action: onReset && /* @__PURE__ */ jsxs(
-          "button",
-          {
-            type: "button",
-            onClick: onReset,
-            className: "flex items-center gap-1.5 py-1 text-sm text-muted-foreground hover:text-foreground pointer-coarse:min-h-11",
-            "data-testid": "appearance-reset",
-            children: [
-              /* @__PURE__ */ jsx(RotateCcw, { className: "h-3 w-3" }),
-              "Reset"
-            ]
-          }
-        ),
-        children: /* @__PURE__ */ jsx(
-          SegmentedControl,
-          {
-            value: colorScheme,
-            onChange: onColorSchemeChange,
-            options: SCHEME_OPTIONS,
-            ariaLabel: "Colour scheme"
-          }
-        )
-      }
-    ),
-    /* @__PURE__ */ jsxs(SettingsSection, { title: "Text size", children: [
-      /* @__PURE__ */ jsx(
-        SegmentedControl,
-        {
-          value: textSize,
-          onChange: onTextSizeChange,
-          options: TEXT_SIZE_OPTIONS,
-          ariaLabel: "Text size"
-        }
-      ),
-      /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: "Makes all text larger, including documents in the viewer and citations. Applied straight away and remembered on this device." })
-    ] }),
-    /* @__PURE__ */ jsxs(SettingsSection, { title: "Typeface", children: [
-      /* @__PURE__ */ jsxs(Select, { value: pairingId, onValueChange: onPairingChange, children: [
-        /* @__PURE__ */ jsx(SelectTrigger, { className: "w-full", "data-testid": "appearance-typeface-select", children: /* @__PURE__ */ jsx(SelectValue, { children: activePairing && /* @__PURE__ */ jsx("span", { style: { fontFamily: activePairing.display }, children: activePairing.label }) }) }),
-        /* @__PURE__ */ jsx(SelectContent, { children: pairingIds.map((id) => {
-          const pairing = getFontPairing(id);
-          if (!pairing) return null;
-          return /* @__PURE__ */ jsx(SelectItem, { value: id, "data-testid": `appearance-typeface-${id}`, children: /* @__PURE__ */ jsx("span", { style: { fontFamily: pairing.display }, children: pairing.label }) }, id);
-        }) })
-      ] }),
-      /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: "Sets the headings and body text across the app. Applied straight away and remembered on this device." })
-    ] })
-  ] });
-}
-
-export { AppearanceSettings, CONVERSATION_TITLE_MAX, CheckoutDialogFrame, ConfigSwitcherBar, ConnectionCard, ConnectionsEmpty, ConnectionsError, ConnectionsLoading, ConversationTitleSection, DEFAULT_APPEARANCE_PAIRING_IDS, 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, DailyCapField, EmailWorkspaceDialogView, ErrorDialogView, FilterChip, FloatingPanel, InlineNameEditor, InviteContactsDialog, InvoicesDialog, JsonTree, MemberProjectRow, MessageJsonTree, ModelSelectionSection, MoreInfo, MoreInfoList, PlanActionButton, PlanActionRow, PlanBadge, PlanCard, PlanCardGrid, PlanDialogFrame, PlanInfoPopover, PlanNotice, PlanPickerCard, PlanPickerHeader, PlanStack, PlanTierOption, PlanTransition, PricingToggle, ProjectCardView, ProjectDetailHeader, ProjectDetailSection, ProjectGroup, ProjectList, ProjectNameLabel, ProjectPlanPicker, ProjectRow, ProjectRowActions, PromoCodeInput, QuotaExceededDialogView, QuotaMeter, ReferralRewardBadge, ReferralRewardNote, ReferralRewardSummary, RenameDialog, RowButton, RowIconAction, SegmentedControl, 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 };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map