@arbidocs/blocks 0.4.146 → 0.4.150

package/dist/chunk-U73KPFYH.cjs

@@ -1,1717 +0,0 @@
-"use client";
-'use strict';
-
-var chunkADOKTJHV_cjs = require('./chunk-ADOKTJHV.cjs');
-var chunk7RGLTF76_cjs = require('./chunk-7RGLTF76.cjs');
-var chunkMHVNT4J3_cjs = require('./chunk-MHVNT4J3.cjs');
-var chunkULWRNGGE_cjs = require('./chunk-ULWRNGGE.cjs');
-var chunkKDG6FER6_cjs = require('./chunk-KDG6FER6.cjs');
-var jsxRuntime = require('react/jsx-runtime');
-var react = require('react');
-var lucideReact = require('lucide-react');
-var ui = require('@arbidocs/react/ui');
-
-var INTERACTIVE_SELECTOR = 'button, input, select, a, [role="tab"], [role="radio"]';
-function DraggableHeader({ onDragStart, children }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      className: "flex-shrink-0",
-      onMouseDown: onDragStart ? (e) => {
-        const target = e.target;
-        if (target.closest(INTERACTIVE_SELECTOR)) return;
-        onDragStart(e);
-      } : void 0,
-      style: onDragStart ? { cursor: "move" } : void 0,
-      children
-    }
-  );
-}
-var DEFAULT_AVATAR_PICKER_LABELS = {
-  uploadingPicture: "Uploading picture",
-  changeProfilePicture: "Change profile picture",
-  change: "Change"
-};
-function AvatarPicker({
-  pictureUrl,
-  initials,
-  fallbackClassName,
-  isUploading,
-  disabled,
-  onFileChosen,
-  testId = "avatar-uploader-input",
-  labels
-}) {
-  const l = react.useMemo(() => ({ ...DEFAULT_AVATAR_PICKER_LABELS, ...labels }), [labels]);
-  const fileInputRef = react.useRef(null);
-  const handleChange = (e) => {
-    const file = e.target.files?.[0];
-    e.target.value = "";
-    if (file) onFileChosen(file);
-  };
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-slot": "avatar-picker", className: "group/avatar relative shrink-0", children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(ui.Avatar, { className: "h-20 w-20 ring-1 ring-border", children: [
-      pictureUrl && /* @__PURE__ */ jsxRuntime.jsx(ui.AvatarImage, { src: pictureUrl, alt: initials }),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        ui.AvatarFallback,
-        {
-          className: ui.cn("text-2xl font-semibold leading-none text-white", fallbackClassName),
-          children: initials
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      "button",
-      {
-        type: "button",
-        onClick: () => fileInputRef.current?.click(),
-        disabled: disabled || isUploading,
-        className: ui.cn(
-          "absolute inset-0 flex items-center justify-center rounded-full",
-          "bg-foreground/70 text-background",
-          "opacity-0 focus-visible:opacity-100 group-hover/avatar:opacity-100",
-          // Touch has no hover: keep the change affordance visible (lighter scrim over the photo).
-          "pointer-coarse:opacity-100",
-          "transition-opacity duration-200",
-          "disabled:cursor-not-allowed disabled:opacity-100"
-        ),
-        "aria-label": isUploading ? l.uploadingPicture : l.changeProfilePicture,
-        children: isUploading ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { className: "h-6 w-6 animate-spin" }) : /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center gap-0.5", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Camera, { className: "h-5 w-5" }),
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs font-medium", children: l.change })
-        ] })
-      }
-    ),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      "span",
-      {
-        "aria-hidden": "true",
-        className: "pointer-events-none absolute -bottom-1 -right-1 flex h-7 w-7 items-center justify-center rounded-full bg-background text-muted-foreground ring-1 ring-border",
-        children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Camera, { className: "h-3.5 w-3.5" })
-      }
-    ),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      "input",
-      {
-        ref: fileInputRef,
-        type: "file",
-        accept: "image/png,image/jpeg,image/webp,image/gif",
-        onChange: handleChange,
-        hidden: true,
-        className: "hidden",
-        "data-testid": testId
-      }
-    )
-  ] });
-}
-var DEFAULT_SETTINGS_DANGER_ZONE_LABELS = {
-  dangerZone: "Danger Zone"
-};
-function SettingsPanel({ className, testId, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      "data-slot": "settings-panel",
-      "data-testid": testId,
-      className: ui.cn("mx-auto w-full max-w-xl space-y-6", className),
-      ...props
-    }
-  );
-}
-function SettingsSection({
-  icon,
-  title,
-  description,
-  action,
-  testId,
-  className,
-  children,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    "section",
-    {
-      "data-slot": "settings-section",
-      "data-testid": testId,
-      className: ui.cn("space-y-3", className),
-      ...props,
-      children: [
-        (title || action) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between gap-3", children: [
-          title && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
-            icon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground [&_svg]:h-4 [&_svg]:w-4", children: icon }),
-            /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-base font-semibold text-foreground", children: title })
-          ] }),
-          action
-        ] }),
-        description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground", children: description }),
-        children
-      ]
-    }
-  );
-}
-function SettingsRow({
-  label,
-  labelFor,
-  description,
-  children,
-  testId,
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    "div",
-    {
-      "data-slot": "settings-row",
-      "data-testid": testId,
-      className: ui.cn(
-        "flex flex-col gap-2 py-2 @xl:flex-row @xl:items-center @xl:justify-between @xl:gap-6",
-        className
-      ),
-      ...props,
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0", children: [
-          labelFor ? /* @__PURE__ */ jsxRuntime.jsx("label", { htmlFor: labelFor, className: "text-sm font-medium text-foreground", children: label }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm font-medium text-foreground", children: label }),
-          description && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm text-muted-foreground", children: description })
-        ] }),
-        children && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex shrink-0 items-center gap-2", children })
-      ]
-    }
-  );
-}
-function SettingsCard({ padding = "md", className, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      "data-slot": "settings-card",
-      className: ui.cn(
-        "rounded-lg border border-border bg-card shadow-xs",
-        padding === "md" ? "space-y-5 p-5" : "divide-y divide-border p-2",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function SettingsActionRow({ title, description, onClick, testId }) {
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    "button",
-    {
-      type: "button",
-      onClick,
-      "data-slot": "settings-action-row",
-      "data-testid": testId,
-      className: "flex w-full items-center gap-3 rounded-md px-3 py-3 text-left transition-colors hover:bg-background/60 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring pointer-coarse:min-h-11",
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0 flex-1", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm font-semibold text-foreground", children: title }),
-          description && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-0.5 text-xs leading-relaxed text-muted-foreground", children: description })
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRight, { className: "h-4 w-4 shrink-0 text-muted-foreground" })
-      ]
-    }
-  );
-}
-function SettingsDangerZone({
-  isOpen,
-  onToggle,
-  label,
-  title,
-  description,
-  action,
-  labels
-}) {
-  const l = react.useMemo(() => ({ ...DEFAULT_SETTINGS_DANGER_ZONE_LABELS, ...labels }), [labels]);
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-slot": "settings-danger-zone", className: "mt-8 pt-2", children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(
-      "button",
-      {
-        type: "button",
-        onClick: onToggle,
-        "aria-expanded": isOpen,
-        className: "flex w-full items-center gap-1.5 text-left pointer-coarse:min-h-11",
-        children: [
-          isOpen ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDown, { className: "h-3.5 w-3.5 text-muted-foreground" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRight, { className: "h-3.5 w-3.5 text-muted-foreground" }),
-          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-medium text-muted-foreground", children: label ?? l.dangerZone })
-        ]
-      }
-    ),
-    isOpen && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-3 flex items-center justify-between gap-4 rounded-lg bg-destructive/5 p-4", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "font-medium", children: title }),
-        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground", children: description })
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "shrink-0", children: action })
-    ] })
-  ] });
-}
-var DEFAULT_PROFILE_CARD_LABELS = {
-  firstName: "First name",
-  lastName: "Last name",
-  save: "Save",
-  cancel: "Cancel",
-  sso: "SSO",
-  ssoTooltip: "Your email is managed by your sign-in provider. Change it there and it will sync here automatically on your next sign-in.",
-  change: "Change",
-  newEmailAddress: "New email address",
-  emailPlaceholder: "you@example.com",
-  codeWillBeSent: "We\u2019ll send a 3-word verification code to this address.",
-  sendCode: "Send code",
-  verify: (email) => `Verify ${email}`,
-  codePlaceholder: "WORD-WORD-WORD",
-  enterCodeHint: "Enter the 3-word code from the email we just sent.",
-  confirm: "Confirm",
-  resendIn: (seconds) => `Resend in ${seconds}s`,
-  resendCode: "Resend code",
-  verifiedNameLocked: "Verified name. Remove your identity verification to change it."
-};
-function ProfileCard({
-  avatar,
-  name,
-  email,
-  isSso,
-  isVerified = false,
-  onStartEmailChange,
-  emailChange,
-  ssoTooltip,
-  labels
-}) {
-  const l = react.useMemo(() => ({ ...DEFAULT_PROFILE_CARD_LABELS, ...labels }), [labels]);
-  return /* @__PURE__ */ jsxRuntime.jsxs(SettingsCard, { children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start gap-5", children: [
-      avatar,
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0 flex-1 space-y-3", children: [
-        name.isEditing ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-2 @xl:flex-row", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(
-              ui.Input,
-              {
-                value: name.givenName,
-                onChange: (e) => name.onGivenNameChange(e.target.value),
-                placeholder: l.firstName,
-                className: "flex-1",
-                autoFocus: true
-              }
-            ),
-            /* @__PURE__ */ jsxRuntime.jsx(
-              ui.Input,
-              {
-                value: name.familyName,
-                onChange: (e) => name.onFamilyNameChange(e.target.value),
-                placeholder: l.lastName,
-                className: "flex-1"
-              }
-            )
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ jsxRuntime.jsxs(
-              ui.Button,
-              {
-                onClick: name.onSave,
-                size: "sm",
-                disabled: !name.givenName.trim() || name.isSaving,
-                children: [
-                  name.isSaving ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { className: "mr-1 h-4 w-4 animate-spin" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { className: "mr-1 h-4 w-4" }),
-                  l.save
-                ]
-              }
-            ),
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { onClick: name.onCancel, size: "sm", variant: "ghost", disabled: name.isSaving, children: l.cancel })
-          ] })
-        ] }) : isVerified ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "-mx-2 w-full px-2 py-1", "data-testid": "verified-name", children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-w-0 items-center gap-2", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "min-w-0 flex-1 truncate font-heading text-xl font-semibold text-foreground", children: name.display }),
-            /* @__PURE__ */ jsxRuntime.jsx(ui.VerifiedBadge, { className: "h-4 w-4" })
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-0.5 text-xs text-muted-foreground", children: l.verifiedNameLocked })
-        ] }) : /* @__PURE__ */ jsxRuntime.jsx(
-          "button",
-          {
-            type: "button",
-            onClick: name.onStartEdit,
-            className: "-mx-2 w-full rounded-md px-2 py-1 text-left transition-colors hover:bg-background/60 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring pointer-coarse:min-h-11",
-            children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-w-0 items-center gap-2", children: [
-              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "min-w-0 flex-1 truncate font-heading text-xl font-semibold text-foreground", children: name.display }),
-              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Pencil, { className: "h-3.5 w-3.5 shrink-0 text-muted-foreground" })
-            ] })
-          }
-        ),
-        !emailChange && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "-mx-2 flex min-w-0 items-center gap-2 px-2 py-1", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Mail, { className: "h-3.5 w-3.5 shrink-0 text-muted-foreground" }),
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "min-w-0 flex-1 truncate text-sm text-muted-foreground", children: email }),
-          isSso ? /* @__PURE__ */ jsxRuntime.jsxs(ui.Tooltip, { children: [
-            /* @__PURE__ */ jsxRuntime.jsx(ui.TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
-              "span",
-              {
-                className: "ml-1 shrink-0 cursor-help rounded bg-background px-1.5 py-0.5 text-xs font-medium text-muted-foreground",
-                tabIndex: 0,
-                children: l.sso
-              }
-            ) }),
-            /* @__PURE__ */ jsxRuntime.jsx(ui.TooltipContent, { className: "max-w-xs", children: ssoTooltip ?? l.ssoTooltip })
-          ] }) : /* @__PURE__ */ jsxRuntime.jsx(
-            "button",
-            {
-              type: "button",
-              onClick: onStartEmailChange,
-              className: "ml-auto shrink-0 text-xs font-medium text-primary hover:underline pointer-coarse:min-h-11",
-              children: l.change
-            }
-          )
-        ] })
-      ] })
-    ] }),
-    emailChange && !isSso && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "animate-accordion-down overflow-hidden", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-3 rounded-lg bg-background p-4", children: emailChange.step === "enter" ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 text-xs font-medium text-muted-foreground", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Mail, { className: "h-3.5 w-3.5" }),
-        l.newEmailAddress
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        ui.Input,
-        {
-          type: "email",
-          value: emailChange.newEmail,
-          onChange: (e) => emailChange.onNewEmailChange(e.target.value),
-          placeholder: l.emailPlaceholder,
-          autoFocus: true
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground", children: l.codeWillBeSent }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 pt-1", children: [
-        /* @__PURE__ */ jsxRuntime.jsxs(
-          ui.Button,
-          {
-            onClick: emailChange.onSendCode,
-            size: "sm",
-            disabled: !emailChange.newEmail.trim() || emailChange.isSending,
-            children: [
-              emailChange.isSending ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { className: "mr-1 h-4 w-4 animate-spin" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Mail, { className: "mr-1 h-4 w-4" }),
-              l.sendCode
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          ui.Button,
-          {
-            onClick: emailChange.onCancel,
-            size: "sm",
-            variant: "ghost",
-            disabled: emailChange.isSending,
-            children: l.cancel
-          }
-        )
-      ] })
-    ] }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 text-xs font-medium text-muted-foreground", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Mail, { className: "h-3.5 w-3.5" }),
-        l.verify(emailChange.newEmail)
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        ui.Input,
-        {
-          value: emailChange.code,
-          onChange: (e) => emailChange.onCodeChange(e.target.value.toUpperCase().replace(/\s+/g, "-")),
-          className: ui.cn("text-center font-mono tracking-wider"),
-          placeholder: l.codePlaceholder,
-          autoFocus: true
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground", children: l.enterCodeHint }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center gap-2 pt-1", children: [
-        /* @__PURE__ */ jsxRuntime.jsxs(
-          ui.Button,
-          {
-            onClick: emailChange.onConfirm,
-            size: "sm",
-            disabled: !emailChange.code.trim() || emailChange.isConfirming,
-            children: [
-              emailChange.isConfirming ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { className: "mr-1 h-4 w-4 animate-spin" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { className: "mr-1 h-4 w-4" }),
-              l.confirm
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          ui.Button,
-          {
-            onClick: () => {
-              if (emailChange.cooldownSeconds > 0) return;
-              emailChange.onSendCode();
-            },
-            size: "sm",
-            variant: "ghost",
-            disabled: emailChange.cooldownSeconds > 0 || emailChange.isSending,
-            children: emailChange.cooldownSeconds > 0 ? l.resendIn(emailChange.cooldownSeconds) : l.resendCode
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          ui.Button,
-          {
-            onClick: emailChange.onCancel,
-            size: "sm",
-            variant: "ghost",
-            disabled: emailChange.isConfirming,
-            children: l.cancel
-          }
-        )
-      ] })
-    ] }) }) })
-  ] });
-}
-var DEFAULT_IDENTITY_VERIFICATION_LABELS = {
-  title: "Identity verification",
-  intro: "Check your ID once to get a verified tick next to your name.",
-  priceLine: (price, attempts) => `${price} \xB7 ${attempts} attempts`,
-  proOnly: "Available on Pro plans.",
-  seePlans: "See plans",
-  manageBilling: "Manage billing",
-  verify: "Verify identity",
-  continue: "Continue",
-  attemptsLeft: (n) => `${n} attempt${n === 1 ? "" : "s"} left`,
-  verified: "Verified",
-  verifiedDetail: (country) => `ID issued in ${country}`,
-  inReview: "Your check is being reviewed. We\u2019ll update this when it\u2019s done.",
-  finishName: "Your ID was verified. Confirm your name to get the tick.",
-  finish: "Finish",
-  remove: "Remove",
-  payTitle: "Verify your identity",
-  payBody: (price, attempts) => `A one-time fee of ${price} is charged to the card on your Pro plan. It covers up to ${attempts} attempts. Your ID is checked by our provider, Didit; ARBI does not keep your document.`,
-  pay: "Pay and continue",
-  confirmPayment: "Confirm payment with your bank",
-  paymentConfirmed: "I\u2019ve confirmed it",
-  verifyTitle: "Scan your ID",
-  embedFailed: "Your camera isn\u2019t available here. Continue in a new tab, then come back.",
-  openInNewTab: "Open in a new tab",
-  checkResult: "I\u2019ve finished",
-  resultVerified: "You\u2019re verified. The tick now shows next to your name.",
-  resultDeclined: (n) => n > 0 ? `We couldn\u2019t verify your ID. You have ${n} attempt${n === 1 ? "" : "s"} left.` : "We couldn\u2019t verify your ID and no attempts are left.",
-  tryAgain: "Try again",
-  resultInReview: "Your check needs a manual review. We\u2019ll show the result here when it\u2019s done.",
-  nameMismatchTitle: "Your ID was verified",
-  nameMismatchBody: "The name on your ID differs from your account name. The tick shows only with the name on your ID.",
-  documentName: "Name on your ID",
-  accountName: "Account name",
-  useDocumentName: (name) => `Change my name to ${name}`,
-  keepName: "Keep my name",
-  close: "Close",
-  requiredTitle: "Identity verification required",
-  requiredBody: "This workspace requires a verified identity before you continue.",
-  requiredProOnly: "Identity verification is available on Pro plans. Ask your administrator."
-};
-function useLabels(labels) {
-  return react.useMemo(() => ({ ...DEFAULT_IDENTITY_VERIFICATION_LABELS, ...labels }), [labels]);
-}
-var BILLING_CODES = [
-  "PRO_REQUIRED",
-  "PAYMENT_METHOD_REQUIRED",
-  "BILLING_ADDRESS_REQUIRED",
-  "PAYMENT_DECLINED"
-];
-function Problem({
-  flow,
-  onManageBilling,
-  label
-}) {
-  if (!flow.problem) return null;
-  const billing = onManageBilling && BILLING_CODES.includes(flow.problem.code ?? "");
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center gap-2", "data-testid": "identity-problem", children: [
-    /* @__PURE__ */ jsxRuntime.jsx("p", { role: "alert", className: "text-sm text-destructive", children: flow.problem.message }),
-    billing && /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { size: "sm", variant: "outline", onClick: onManageBilling, children: label })
-  ] });
-}
-function IdentityVerificationCard({
-  flow,
-  onManageBilling,
-  labels
-}) {
-  const l = useLabels(labels);
-  const { status } = flow;
-  if (!status?.enabled) return null;
-  const busy = flow.busy !== null;
-  let description;
-  let action = null;
-  if (status.verified) {
-    description = /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "inline-flex items-center gap-1.5", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(ui.VerifiedBadge, {}),
-      l.verified,
-      status.document_country && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-muted-foreground", children: [
-        " \xB7 ",
-        l.verifiedDetail(status.document_country)
-      ] })
-    ] });
-    action = /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { size: "sm", variant: "ghost", onClick: flow.remove, disabled: busy, children: l.remove });
-  } else if (!status.eligible) {
-    description = `${l.intro} ${l.proOnly}`;
-    action = onManageBilling ? /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { size: "sm", variant: "outline", onClick: onManageBilling, children: l.seePlans }) : null;
-  } else if (status.state === "in_review") {
-    description = l.inReview;
-  } else if (status.state === "name_mismatch") {
-    description = l.finishName;
-    action = /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { size: "sm", onClick: flow.open, children: l.finish });
-  } else {
-    const resuming = status.attempts_left > 0 || status.state === "in_progress";
-    description = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      l.intro,
-      " ",
-      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground", children: resuming ? l.attemptsLeft(status.attempts_left) : l.priceLine(flow.price ?? "", status.attempts_per_fee) })
-    ] });
-    action = /* @__PURE__ */ jsxRuntime.jsxs(ui.Button, { size: "sm", onClick: flow.open, disabled: busy, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ShieldCheck, { className: "mr-1 h-4 w-4" }),
-      resuming ? l.continue : l.verify
-    ] });
-  }
-  return /* @__PURE__ */ jsxRuntime.jsxs(SettingsCard, { padding: "sm", "data-testid": "identity-verification-card", children: [
-    /* @__PURE__ */ jsxRuntime.jsx(SettingsRow, { label: l.title, description, children: action }),
-    !flow.isOpen && /* @__PURE__ */ jsxRuntime.jsx(Problem, { flow, onManageBilling, label: l.manageBilling })
-  ] });
-}
-function IdentityVerificationDialog({
-  flow,
-  accountName,
-  dismissible = true,
-  onManageBilling,
-  labels
-}) {
-  const l = useLabels(labels);
-  const { status } = flow;
-  const attempts = status?.attempts_per_fee ?? 0;
-  const docName = [status?.document_given_name, status?.document_family_name].filter(Boolean).join(" ");
-  const spinner = /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { className: "mr-1 h-4 w-4 animate-spin" });
-  let body;
-  let footer = null;
-  if (flow.step === "pay") {
-    body = flow.paymentUrl ? /* @__PURE__ */ jsxRuntime.jsxs(
-      "a",
-      {
-        href: flow.paymentUrl,
-        target: "_blank",
-        rel: "noopener noreferrer",
-        className: "inline-flex items-center gap-1 text-sm font-medium text-primary hover:underline",
-        children: [
-          l.confirmPayment,
-          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ExternalLink, { className: "h-3.5 w-3.5" })
-        ]
-      }
-    ) : /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground", children: l.payBody(flow.price ?? "", attempts) });
-    footer = flow.paymentUrl ? /* @__PURE__ */ jsxRuntime.jsxs(ui.Button, { onClick: flow.recheckPayment, disabled: flow.busy !== null, children: [
-      flow.busy === "start" && spinner,
-      l.paymentConfirmed
-    ] }) : /* @__PURE__ */ jsxRuntime.jsxs(ui.Button, { onClick: flow.pay, disabled: flow.busy !== null, "data-testid": "identity-pay", children: [
-      flow.busy === "pay" && spinner,
-      l.pay
-    ] });
-  } else if (flow.step === "verify") {
-    body = /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-3", children: flow.embedFailed ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground", children: l.embedFailed }) : /* @__PURE__ */ jsxRuntime.jsx(
-      "div",
-      {
-        id: flow.verifyContainerId,
-        ref: flow.verifyContainerRef,
-        className: "h-[560px] w-full overflow-hidden rounded-md bg-muted",
-        "data-testid": "identity-didit-frame",
-        children: flow.busy === "start" && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-full items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { className: "h-6 w-6 animate-spin text-muted-foreground" }) })
-      }
-    ) });
-    footer = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      flow.embedFailed && /* @__PURE__ */ jsxRuntime.jsxs(ui.Button, { variant: "outline", onClick: flow.openInNewTab, children: [
-        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ExternalLink, { className: "mr-1 h-4 w-4" }),
-        l.openInNewTab
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs(ui.Button, { variant: "ghost", onClick: flow.checkResult, disabled: flow.busy !== null, children: [
-        flow.busy === "refresh" && spinner,
-        l.checkResult
-      ] })
-    ] });
-  } else if (status?.state === "name_mismatch") {
-    body = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-3", "data-testid": "identity-name-mismatch", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground", children: l.nameMismatchBody }),
-      /* @__PURE__ */ jsxRuntime.jsxs("dl", { className: "grid grid-cols-[auto_1fr] gap-x-4 gap-y-1 text-sm", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("dt", { className: "text-muted-foreground", children: l.documentName }),
-        /* @__PURE__ */ jsxRuntime.jsx("dd", { className: "font-medium", children: docName }),
-        /* @__PURE__ */ jsxRuntime.jsx("dt", { className: "text-muted-foreground", children: l.accountName }),
-        /* @__PURE__ */ jsxRuntime.jsx("dd", { children: accountName })
-      ] })
-    ] });
-    footer = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { variant: "ghost", onClick: flow.keepName, disabled: flow.busy !== null, children: l.keepName }),
-      /* @__PURE__ */ jsxRuntime.jsxs(ui.Button, { onClick: flow.acceptName, disabled: flow.busy !== null || !docName, children: [
-        flow.busy === "accept" && spinner,
-        l.useDocumentName(docName)
-      ] })
-    ] });
-  } else if (status?.verified) {
-    body = /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "flex items-center gap-2 text-sm", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(ui.VerifiedBadge, { className: "h-4 w-4" }),
-      l.resultVerified
-    ] });
-    footer = /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { onClick: flow.close, children: l.close });
-  } else if (status?.state === "in_review") {
-    body = /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground", children: l.resultInReview });
-    footer = /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { onClick: flow.close, children: l.close });
-  } else {
-    const left = status?.attempts_left ?? 0;
-    body = /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground", children: l.resultDeclined(left) });
-    footer = left > 0 ? /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { onClick: flow.retry, disabled: flow.busy !== null, children: l.tryAgain }) : /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { onClick: flow.close, children: l.close });
-  }
-  const title = status?.state === "name_mismatch" && flow.step === "result" ? l.nameMismatchTitle : flow.step === "verify" ? l.verifyTitle : l.payTitle;
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    chunkULWRNGGE_cjs.ModalScaffold,
-    {
-      open: flow.isOpen,
-      onOpenChange: (open) => open ? flow.open() : flow.close(),
-      title,
-      icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ShieldCheck, { className: "h-5 w-5" }),
-      size: flow.step === "verify" ? "lg" : "md",
-      dismissible,
-      testId: "identity-verification-dialog",
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsxs(chunkULWRNGGE_cjs.ModalScaffold.Body, { children: [
-          body,
-          /* @__PURE__ */ jsxRuntime.jsx(Problem, { flow, onManageBilling, label: l.manageBilling })
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsx(chunkULWRNGGE_cjs.ModalScaffold.Footer, { children: footer })
-      ]
-    }
-  );
-}
-function RequireVerified({
-  flow,
-  accountName,
-  onManageBilling,
-  children,
-  labels
-}) {
-  const l = useLabels(labels);
-  const { status } = flow;
-  const blocked = Boolean(status?.enabled && status.required && !status.verified);
-  if (!blocked || !status) return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children });
-  if (flow.isOpen) {
-    return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      children,
-      /* @__PURE__ */ jsxRuntime.jsx(
-        IdentityVerificationDialog,
-        {
-          flow,
-          accountName,
-          dismissible: false,
-          onManageBilling,
-          labels
-        }
-      )
-    ] });
-  }
-  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    children,
-    /* @__PURE__ */ jsxRuntime.jsxs(
-      chunkULWRNGGE_cjs.ModalScaffold,
-      {
-        open: true,
-        onOpenChange: () => {
-        },
-        title: l.requiredTitle,
-        icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ShieldCheck, { className: "h-5 w-5" }),
-        dismissible: false,
-        testId: "identity-required-gate",
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsx(chunkULWRNGGE_cjs.ModalScaffold.Body, { children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground", children: status.eligible ? l.requiredBody : l.requiredProOnly }) }),
-          status.eligible && /* @__PURE__ */ jsxRuntime.jsx(chunkULWRNGGE_cjs.ModalScaffold.Footer, { children: /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { onClick: flow.open, children: l.verify }) })
-        ]
-      }
-    )
-  ] });
-}
-var DEFAULT_PASSWORD_CHANGE_DIALOG_LABELS = {
-  setNewPasswordTitle: "Set New Password",
-  changeMasterPasswordTitle: "Change Master Password",
-  recoveryDescription: "Set a new password for your recovered account",
-  changeDescription: "Change your master password dialog",
-  passwordChanged: "Password changed",
-  recoveryKeyUnchanged: "Your recovery key is unchanged: the one you saved still recovers this account.",
-  done: "Done",
-  recoverySuccessful: "Recovery successful. Set a new master password to continue.",
-  currentPassword: "Current Password",
-  currentPasswordPlaceholder: "Enter current password",
-  masterPassword: "Master Password",
-  newPassword: "New Password",
-  confirmPassword: "Confirm Password",
-  confirmNewPassword: "Confirm New Password",
-  cancel: "Cancel",
-  settingPassword: "Setting Password...",
-  changingPassword: "Changing Password...",
-  continue: "Continue",
-  changePassword: "Change Password"
-};
-function PasswordChangeDialog({
-  open,
-  onClose,
-  recoveryMode,
-  currentPassword,
-  onCurrentPasswordChange,
-  newPassword,
-  onNewPasswordChange,
-  confirmPassword,
-  onConfirmPasswordChange,
-  getUnmetRequirement,
-  error,
-  isProcessing,
-  isSubmitDisabled,
-  onSubmit,
-  isChanged,
-  success,
-  onDone,
-  labels,
-  passwordInputLabels,
-  testId,
-  testIds,
-  passwordInputTestIds
-}) {
-  const currentPasswordId = react.useId();
-  const l = react.useMemo(() => ({ ...DEFAULT_PASSWORD_CHANGE_DIALOG_LABELS, ...labels }), [labels]);
-  const handleSubmit = (e) => {
-    e.preventDefault();
-    onSubmit();
-  };
-  return /* @__PURE__ */ jsxRuntime.jsx(ui.Dialog, { open, onOpenChange: (next) => !next && onClose(), children: /* @__PURE__ */ jsxRuntime.jsxs(
-    ui.DialogContent,
-    {
-      presentation: "sheet",
-      className: "sm:max-w-md",
-      "data-testid": chunkMHVNT4J3_cjs.testIdOr(testId, { testId: "change-password-dialog" }),
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsxs(ui.DialogHeader, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(ui.DialogTitle, { children: recoveryMode ? l.setNewPasswordTitle : l.changeMasterPasswordTitle }),
-          /* @__PURE__ */ jsxRuntime.jsx(ui.DialogDescription, { className: "sr-only", children: recoveryMode ? l.recoveryDescription : l.changeDescription })
-        ] }),
-        isChanged ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 text-green-text", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CheckCircle2, { className: "h-5 w-5" }),
-            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium", children: l.passwordChanged })
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground", children: l.recoveryKeyUnchanged }),
-          success,
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-end", children: /* @__PURE__ */ jsxRuntime.jsx(
-            ui.Button,
-            {
-              onClick: onDone,
-              "data-testid": chunkMHVNT4J3_cjs.testIdOr(testIds?.done, { testId: "change-password-done-button" }),
-              children: l.done
-            }
-          ) })
-        ] }) : /* @__PURE__ */ jsxRuntime.jsxs("form", { onSubmit: handleSubmit, className: "space-y-3", children: [
-          recoveryMode && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-medium text-green-text", children: l.recoverySuccessful }),
-          !recoveryMode && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-1.5", children: [
-            /* @__PURE__ */ jsxRuntime.jsxs("label", { htmlFor: currentPasswordId, className: "text-sm font-medium text-foreground", children: [
-              l.currentPassword,
-              " ",
-              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-red-text", children: "*" })
-            ] }),
-            /* @__PURE__ */ jsxRuntime.jsx(
-              ui.Input,
-              {
-                id: currentPasswordId,
-                type: "password",
-                value: currentPassword,
-                onChange: (e) => onCurrentPasswordChange(e.target.value),
-                disabled: isProcessing,
-                placeholder: l.currentPasswordPlaceholder,
-                autoComplete: "current-password",
-                className: "placeholder:text-muted-foreground",
-                "data-testid": chunkMHVNT4J3_cjs.testIdOr(testIds?.currentInput, {
-                  testId: "change-password-current-input"
-                })
-              }
-            )
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            chunkADOKTJHV_cjs.PasswordStrengthInput,
-            {
-              password: newPassword,
-              confirmPassword,
-              onPasswordChange: onNewPasswordChange,
-              onConfirmPasswordChange,
-              showConfirmation: true,
-              disabled: isProcessing,
-              passwordLabel: recoveryMode ? l.masterPassword : l.newPassword,
-              confirmLabel: recoveryMode ? l.confirmPassword : l.confirmNewPassword,
-              labels: passwordInputLabels,
-              testIds: passwordInputTestIds,
-              layout: recoveryMode ? "side-by-side" : "stacked",
-              showStrengthIndicator: true,
-              getUnmetRequirement
-            }
-          ),
-          error && /* @__PURE__ */ jsxRuntime.jsx(
-            "div",
-            {
-              className: "rounded-md bg-red-bg p-3",
-              "data-testid": chunkMHVNT4J3_cjs.testIdOr(testIds?.error, { testId: "change-password-error" }),
-              children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-2", children: [
-                /* @__PURE__ */ jsxRuntime.jsx(lucideReact.AlertCircle, { className: "h-5 w-5 flex-shrink-0 text-red-text" }),
-                /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-red-text", children: error })
-              ] })
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col-reverse sm:flex-row sm:justify-end gap-3 pt-4", children: [
-            !recoveryMode && /* @__PURE__ */ jsxRuntime.jsx(
-              ui.Button,
-              {
-                type: "button",
-                variant: "outline",
-                onClick: onClose,
-                disabled: isProcessing,
-                "data-testid": chunkMHVNT4J3_cjs.testIdOr(testIds?.cancel, {
-                  testId: "change-password-cancel-button"
-                }),
-                children: l.cancel
-              }
-            ),
-            /* @__PURE__ */ jsxRuntime.jsx(
-              ui.Button,
-              {
-                type: "submit",
-                disabled: isSubmitDisabled,
-                className: recoveryMode ? "w-full" : "",
-                "data-testid": chunkMHVNT4J3_cjs.testIdOr(testIds?.submit, { testId: "change-password-submit-button" }),
-                children: isProcessing ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { className: "mr-2 h-4 w-4 animate-spin" }),
-                  recoveryMode ? l.settingPassword : l.changingPassword
-                ] }) : recoveryMode ? l.continue : l.changePassword
-              }
-            )
-          ] })
-        ] })
-      ]
-    }
-  ) });
-}
-var DEFAULT_ACTIVE_SESSIONS_DIALOG_LABELS = {
-  title: "Active sessions",
-  description: "Devices and agents currently signed in to your account. Ending a session signs it out immediately.",
-  noSessions: "No active sessions.",
-  thisDevice: "This device",
-  agent: "Agent",
-  endSession: "End this session"
-};
-var DEFAULT_DELETE_ACCOUNT_DIALOG_LABELS = {
-  warningTitle: "Delete your account?",
-  warningBefore: "Once deleted, your account will be ",
-  warningEmphasis: "immediately closed and you will be logged out",
-  warningAfter: ". This action cannot be undone.",
-  blockersHeading: "You must resolve these first:",
-  cancel: "Cancel",
-  continue: "Continue",
-  confirmTitle: "Confirm account deletion",
-  confirmDescription: "Type your email address to confirm. Your account will be closed immediately and you will be logged out.",
-  yourEmail: "Your email",
-  back: "Back",
-  deleting: "Deleting...",
-  deleteAccount: "Delete Account"
-};
-function SessionListRow({
-  session,
-  onTerminate,
-  labels,
-  testIds
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    "div",
-    {
-      className: "flex w-full items-center gap-3 border-b border-border/60 px-4 py-3 last:border-b-0",
-      "data-testid": chunkMHVNT4J3_cjs.prefixedTestId(testIds?.sessionItem, session.id, {
-        testId: `session-item-${session.id}`
-      }),
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex size-9 shrink-0 items-center justify-center rounded-full bg-muted", children: session.icon }),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0 flex-1", children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate text-sm font-semibold text-foreground", children: session.name }),
-            session.isCurrent && /* @__PURE__ */ jsxRuntime.jsx(ui.Badge, { className: "border-transparent bg-accent px-1.5 py-0 text-xs text-accent-foreground shadow-none hover:bg-accent", children: labels.thisDevice }),
-            session.isAgent && /* @__PURE__ */ jsxRuntime.jsx(ui.Badge, { variant: "default", className: "px-1 py-0 text-xs", children: labels.agent })
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-0.5 truncate text-xs text-muted-foreground", children: session.detail })
-        ] }),
-        !session.isCurrent && /* @__PURE__ */ jsxRuntime.jsxs(ui.Tooltip, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(ui.TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
-            ui.Button,
-            {
-              type: "button",
-              variant: "ghost",
-              size: "icon",
-              className: "h-8 w-8 shrink-0 text-muted-foreground hover:text-destructive",
-              "aria-label": labels.endSession,
-              onClick: () => onTerminate(session.id),
-              disabled: session.isTerminating,
-              "data-testid": chunkMHVNT4J3_cjs.prefixedTestId(
-                testIds?.terminateSession,
-                session.id,
-                { testId: `terminate-session-${session.id}-button` },
-                "-button"
-              ),
-              children: session.isTerminating ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.LogOut, { className: "h-4 w-4" })
-            }
-          ) }),
-          /* @__PURE__ */ jsxRuntime.jsx(ui.TooltipContent, { children: labels.endSession })
-        ] })
-      ]
-    }
-  );
-}
-function ActiveSessionsDialog({
-  open,
-  onOpenChange,
-  isLoading,
-  sessions,
-  onTerminate,
-  labels,
-  testId,
-  testIds
-}) {
-  const l = react.useMemo(() => ({ ...DEFAULT_ACTIVE_SESSIONS_DIALOG_LABELS, ...labels }), [labels]);
-  return /* @__PURE__ */ jsxRuntime.jsx(ui.Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxRuntime.jsxs(
-    ui.DialogContent,
-    {
-      presentation: "sheet",
-      className: "sm:max-w-lg",
-      "data-testid": chunkMHVNT4J3_cjs.testIdOr(testId, { testId: "active-sessions-dialog" }),
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsxs(ui.DialogHeader, { children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Radio, { className: "h-6 w-6" }),
-            /* @__PURE__ */ jsxRuntime.jsx(ui.DialogTitle, { children: l.title })
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsx(ui.DialogDescription, { children: l.description })
-        ] }),
-        isLoading ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-center py-8", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { className: "h-5 w-5 animate-spin text-muted-foreground" }) }) : sessions.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "py-4 text-center text-sm text-muted-foreground", children: l.noSessions }) : /* @__PURE__ */ jsxRuntime.jsx(
-          "div",
-          {
-            className: "-mx-2 max-h-96 overflow-auto rounded-lg bg-muted",
-            "data-testid": chunkMHVNT4J3_cjs.testIdOr(testIds?.list, { testId: "session-list" }),
-            children: sessions.map((session) => /* @__PURE__ */ jsxRuntime.jsx(
-              SessionListRow,
-              {
-                session,
-                onTerminate,
-                labels: l,
-                testIds
-              },
-              session.id
-            ))
-          }
-        )
-      ]
-    }
-  ) });
-}
-function DeleteAccountDialog({
-  open,
-  onClose,
-  step,
-  blockers,
-  onContinue,
-  onBack,
-  userEmail,
-  confirmEmail,
-  onConfirmEmailChange,
-  isDeleting,
-  onSubmit,
-  labels,
-  testId,
-  testIds
-}) {
-  const confirmEmailId = react.useId();
-  const l = react.useMemo(() => ({ ...DEFAULT_DELETE_ACCOUNT_DIALOG_LABELS, ...labels }), [labels]);
-  const emailMatches = confirmEmail.toLowerCase() === userEmail.toLowerCase();
-  return /* @__PURE__ */ jsxRuntime.jsx(ui.Dialog, { open, onOpenChange: onClose, children: /* @__PURE__ */ jsxRuntime.jsx(
-    ui.DialogContent,
-    {
-      presentation: "sheet",
-      className: "sm:max-w-md",
-      "data-testid": chunkMHVNT4J3_cjs.testIdOr(testId, { testId: "delete-account-dialog" }),
-      children: step === "warning" ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-        /* @__PURE__ */ jsxRuntime.jsxs(ui.DialogHeader, { children: [
-          /* @__PURE__ */ jsxRuntime.jsxs(ui.DialogTitle, { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.AlertTriangle, { className: "h-5 w-5 text-destructive" }),
-            l.warningTitle
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsxs(ui.DialogDescription, { children: [
-            l.warningBefore,
-            /* @__PURE__ */ jsxRuntime.jsx("strong", { children: l.warningEmphasis }),
-            l.warningAfter
-          ] })
-        ] }),
-        blockers.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-md bg-yellow-bg p-3 text-sm text-yellow-text", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mb-1 font-semibold", children: l.blockersHeading }),
-          /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "list-inside list-disc space-y-1", children: blockers.map((blocker) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: blocker.content }, blocker.key)) })
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col-reverse sm:flex-row sm:justify-end gap-2 pt-2", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(
-            ui.Button,
-            {
-              variant: "outline",
-              onClick: onClose,
-              "data-testid": chunkMHVNT4J3_cjs.testIdOr(testIds?.cancel, { testId: "delete-account-cancel-button" }),
-              children: l.cancel
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            ui.Button,
-            {
-              variant: "destructive",
-              disabled: blockers.length > 0,
-              onClick: onContinue,
-              "data-testid": chunkMHVNT4J3_cjs.testIdOr(testIds?.continue, {
-                testId: "delete-account-continue-button"
-              }),
-              children: l.continue
-            }
-          )
-        ] })
-      ] }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-        /* @__PURE__ */ jsxRuntime.jsxs(ui.DialogHeader, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(ui.DialogTitle, { children: l.confirmTitle }),
-          /* @__PURE__ */ jsxRuntime.jsx(ui.DialogDescription, { children: l.confirmDescription })
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-          /* @__PURE__ */ jsxRuntime.jsx("label", { htmlFor: confirmEmailId, className: "mb-1 block text-sm font-medium", children: l.yourEmail }),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            ui.Input,
-            {
-              id: confirmEmailId,
-              type: "email",
-              placeholder: userEmail,
-              value: confirmEmail,
-              onChange: (e) => onConfirmEmailChange(e.target.value),
-              autoFocus: true,
-              "data-testid": chunkMHVNT4J3_cjs.testIdOr(testIds?.emailInput, {
-                testId: "delete-account-email-input"
-              })
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col-reverse sm:flex-row sm:justify-end gap-2 pt-2", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(
-            ui.Button,
-            {
-              variant: "outline",
-              onClick: onBack,
-              "data-testid": chunkMHVNT4J3_cjs.testIdOr(testIds?.back, { testId: "delete-account-back-button" }),
-              children: l.back
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            ui.Button,
-            {
-              variant: "destructive",
-              disabled: !emailMatches || isDeleting,
-              onClick: onSubmit,
-              "data-testid": chunkMHVNT4J3_cjs.testIdOr(testIds?.submit, { testId: "delete-account-submit-button" }),
-              children: isDeleting ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-                /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { className: "mr-2 h-4 w-4 animate-spin" }),
-                l.deleting
-              ] }) : l.deleteAccount
-            }
-          )
-        ] })
-      ] })
-    }
-  ) });
-}
-var DEFAULT_LOGOUT_DIALOG_LABELS = {
-  title: "Logout",
-  descriptionAll: "End this session or all active sessions?",
-  descriptionThis: "End this session and return to the login page.",
-  cancel: "Cancel",
-  allSessions: "All sessions",
-  offlineTooltip: "Ending all sessions needs a connection \u2014 you can still log out of this device.",
-  thisSession: "This session",
-  offlineNote: "You\u2019re offline \u2014 ending all sessions needs a connection. You can still log out of this device.",
-  activeSessions: (count) => chunkKDG6FER6_cjs.formatCount(count, { one: "active session", other: "active sessions" }),
-  workspaces: (count) => chunkKDG6FER6_cjs.formatCount(count, { one: "workspace", other: "workspaces" }),
-  ttl: (ttlLabel) => `TTL ${ttlLabel}`
-};
-function SessionRow({
-  session,
-  icon,
-  labels
-}) {
-  const { status } = session;
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3 rounded-md bg-muted/50 px-3 py-2", children: [
-    icon && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-shrink-0", children: icon }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0 flex-1", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("code", { className: "truncate font-mono text-sm", children: session.id.slice(0, 12) }),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          ui.Badge,
-          {
-            variant: status === "agent" ? "default" : "secondary",
-            className: "px-1 py-0 text-sm",
-            children: status
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 text-sm text-muted-foreground", children: [
-        session.ipAddress && /* @__PURE__ */ jsxRuntime.jsx("span", { children: session.ipAddress }),
-        /* @__PURE__ */ jsxRuntime.jsx("span", { children: labels.ttl(session.ttlLabel) }),
-        session.workspaceCount > 0 && /* @__PURE__ */ jsxRuntime.jsx("span", { children: labels.workspaces(session.workspaceCount) })
-      ] })
-    ] })
-  ] });
-}
-function LogoutDialog({
-  open,
-  onClose,
-  onLogoutThis,
-  onLogoutAll,
-  canLogoutAll,
-  isOnline,
-  sessions,
-  renderSessionIcon,
-  labels,
-  testId,
-  testIds
-}) {
-  const l = react.useMemo(() => ({ ...DEFAULT_LOGOUT_DIALOG_LABELS, ...labels }), [labels]);
-  const [sessionsOpen, setSessionsOpen] = react.useState(false);
-  const restoreFocus = chunkULWRNGGE_cjs.useRestoreFocus();
-  return /* @__PURE__ */ jsxRuntime.jsx(ui.Dialog, { open, onOpenChange: (next) => !next && onClose(), children: /* @__PURE__ */ jsxRuntime.jsxs(
-    ui.DialogContent,
-    {
-      ...restoreFocus,
-      className: "sm:max-w-md",
-      "data-testid": chunkMHVNT4J3_cjs.testIdOr(testId, { testId: "logout-modal" }),
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsxs(ui.DialogHeader, { children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.LogOut, { className: "h-6 w-6" }),
-            /* @__PURE__ */ jsxRuntime.jsx(ui.DialogTitle, { children: l.title })
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsx(ui.DialogDescription, { className: "text-base", children: canLogoutAll ? l.descriptionAll : l.descriptionThis })
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsxs(ui.DialogFooter, { className: "gap-2", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(
-            ui.Button,
-            {
-              variant: "outline",
-              onClick: onClose,
-              "data-testid": chunkMHVNT4J3_cjs.testIdOr(testIds?.cancel, { testId: "logout-modal-cancel-button" }),
-              children: l.cancel
-            }
-          ),
-          canLogoutAll && /* @__PURE__ */ jsxRuntime.jsx(
-            ui.Button,
-            {
-              variant: "secondary",
-              onClick: onLogoutAll,
-              disabled: !isOnline,
-              title: isOnline ? void 0 : l.offlineTooltip,
-              "data-testid": chunkMHVNT4J3_cjs.testIdOr(testIds?.all, { testId: "logout-modal-all-button" }),
-              children: l.allSessions
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            ui.Button,
-            {
-              variant: "default",
-              onClick: onLogoutThis,
-              "data-testid": chunkMHVNT4J3_cjs.testIdOr(testIds?.this, { testId: "logout-modal-this-button" }),
-              children: l.thisSession
-            }
-          )
-        ] }),
-        canLogoutAll && !isOnline && /* @__PURE__ */ jsxRuntime.jsx(
-          "p",
-          {
-            className: "text-sm text-muted-foreground",
-            "data-testid": chunkMHVNT4J3_cjs.testIdOr(testIds?.offlineNote, { testId: "logout-offline-note" }),
-            children: l.offlineNote
-          }
-        ),
-        sessions.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs(ui.Collapsible, { open: sessionsOpen, onOpenChange: setSessionsOpen, children: [
-          /* @__PURE__ */ jsxRuntime.jsxs(ui.CollapsibleTrigger, { className: "flex w-full items-center gap-2 py-1 text-left transition-opacity hover:opacity-80 pointer-coarse:py-3", children: [
-            sessionsOpen ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDown, { className: "h-4 w-4 flex-shrink-0" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRight, { className: "h-4 w-4 flex-shrink-0" }),
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1.5 text-sm font-medium text-muted-foreground", children: [
-              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Radio, { className: "h-3 w-3" }),
-              /* @__PURE__ */ jsxRuntime.jsx("span", { children: l.activeSessions(sessions.length) })
-            ] })
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsx(ui.CollapsibleContent, { children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "max-h-48 space-y-1.5 overflow-auto pt-2", children: sessions.map((session) => /* @__PURE__ */ jsxRuntime.jsx(
-            SessionRow,
-            {
-              session,
-              icon: renderSessionIcon?.(session.status),
-              labels: l
-            },
-            session.id
-          )) }) })
-        ] })
-      ]
-    }
-  ) });
-}
-function SettingsSwitchRow({
-  id,
-  title,
-  icon,
-  description,
-  checked,
-  onCheckedChange,
-  testId,
-  disabled,
-  className
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    "div",
-    {
-      "data-slot": "settings-switch-row",
-      className: ui.cn("flex items-center justify-between gap-4", className),
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0 flex-1", children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("label", { htmlFor: id, className: "flex items-center gap-2 text-sm font-medium text-foreground", children: [
-            icon,
-            title
-          ] }),
-          description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 text-sm text-muted-foreground", children: description })
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          ui.Switch,
-          {
-            id,
-            checked,
-            onCheckedChange,
-            disabled,
-            "data-testid": testId
-          }
-        )
-      ]
-    }
-  );
-}
-function SettingsSwitchGroup({
-  className,
-  children
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      "data-slot": "settings-switch-group",
-      className: ui.cn("ml-6 space-y-4 border-l border-border pl-4", className),
-      children
-    }
-  );
-}
-function NotificationCategoryList({
-  masterId,
-  masterTitle,
-  masterDescription,
-  masterChecked,
-  onMasterChange,
-  masterTestId,
-  categories,
-  onCategoryChange,
-  idPrefix = masterId,
-  testIdPrefix
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-slot": "notification-category-list", children: [
-    /* @__PURE__ */ jsxRuntime.jsx(
-      SettingsSwitchRow,
-      {
-        id: masterId,
-        title: masterTitle,
-        description: masterDescription,
-        checked: masterChecked,
-        onCheckedChange: onMasterChange,
-        testId: chunkMHVNT4J3_cjs.testIdOr(masterTestId, { testId: "toggle-email-notifications" })
-      }
-    ),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ml-1 mt-3 space-y-3 border-l border-border pl-4 pointer-coarse:mt-5 pointer-coarse:space-y-5", children: categories.map((c) => /* @__PURE__ */ jsxRuntime.jsxs(
-      "label",
-      {
-        htmlFor: `${idPrefix}-${c.key}`,
-        className: ui.cn(
-          "flex items-start gap-3 pointer-coarse:min-h-11",
-          masterChecked ? "cursor-pointer" : "cursor-not-allowed opacity-50"
-        ),
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsx(
-            ui.Checkbox,
-            {
-              id: `${idPrefix}-${c.key}`,
-              checked: c.checked,
-              disabled: !masterChecked,
-              onCheckedChange: (value) => onCategoryChange(c.key, value === true),
-              "data-testid": chunkMHVNT4J3_cjs.prefixedTestId(testIdPrefix, c.key, { testId: `toggle-email-${c.key}` }),
-              className: "mt-0.5 size-5 shrink-0"
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm", children: c.label }),
-            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-0.5 text-xs text-muted-foreground", children: c.description })
-          ] })
-        ]
-      },
-      c.key
-    )) })
-  ] });
-}
-
-// src/settings/account-views.ts
-function formatSessionTtl(totalSeconds) {
-  if (totalSeconds <= 0) return "expired";
-  const days = Math.floor(totalSeconds / 86400);
-  const hours = Math.floor(totalSeconds % 86400 / 3600);
-  const minutes = Math.floor(totalSeconds % 3600 / 60);
-  const parts = [];
-  if (days > 0) parts.push(`${days}d`);
-  if (hours > 0) parts.push(`${hours}h`);
-  if (minutes > 0) parts.push(`${minutes}m`);
-  return parts.length > 0 ? parts.join(" ") : "<1m";
-}
-function toActiveSessionViews(sessions, {
-  currentSessionId,
-  terminatingId,
-  renderIcon,
-  formatTtl = formatSessionTtl
-}) {
-  return sessions.map((session) => {
-    const status = session.status || "user";
-    const count = session.workspaces.length;
-    return {
-      id: session.session_id,
-      name: session.name || (status === "agent" ? "Agent session" : "Browser session"),
-      isCurrent: session.session_id === currentSessionId,
-      isAgent: status === "agent",
-      detail: `${session.ip_address ?? "Unknown IP"} \xB7 expires in ${formatTtl(session.ttl)}${count > 0 ? ` \xB7 ${count} workspace${count > 1 ? "s" : ""}` : ""}`,
-      isTerminating: terminatingId === session.session_id,
-      icon: renderIcon?.(status)
-    };
-  }).sort((a, b) => Number(b.isCurrent) - Number(a.isCurrent));
-}
-function toLogoutSessionViews(sessions, formatTtl = formatSessionTtl) {
-  return sessions.map((session) => ({
-    id: session.session_id,
-    status: session.status || "user",
-    ipAddress: session.ip_address,
-    ttlLabel: formatTtl(session.ttl),
-    workspaceCount: session.workspaces.length
-  }));
-}
-function toDeleteBlockerViews(blockers, renderSubscriptionLink) {
-  return blockers.flatMap(
-    (blocker) => blocker.type === "active_subscription" ? [
-      {
-        key: "active_subscription",
-        content: renderSubscriptionLink ? renderSubscriptionLink() : "Active subscription: cancel it in your subscription settings first"
-      }
-    ] : blocker.workspaces.map((ws) => ({
-      key: `workspace-${ws}`,
-      content: `You are the sole admin of workspace "${ws}" \u2014 transfer admin rights or remove all other members first`
-    }))
-  );
-}
-var EMAIL_NOTIFICATION_CATEGORIES = [
-  { key: "messages", label: "New messages", description: "A direct message while you\u2019re offline" },
-  { key: "workspace_added", label: "Workspace access", description: "You\u2019re added to a workspace" },
-  {
-    key: "contact_accepted",
-    label: "Invitation accepted",
-    description: "Someone accepts your invitation"
-  },
-  { key: "referral_reward", label: "Rewards", description: "You earn a reward" },
-  {
-    key: "product_updates",
-    label: "ARBI update",
-    description: "Weekly digest of new features and highlights"
-  }
-];
-var EMAIL_NOTIFICATION_KEYS = EMAIL_NOTIFICATION_CATEGORIES.map(
-  (c) => c.key
-);
-function toNotificationCategories(checked, defs = EMAIL_NOTIFICATION_CATEGORIES) {
-  return defs.map((def) => ({ ...def, checked: checked[def.key] ?? true }));
-}
-function PanelFrame({ testId, className, children }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      "data-slot": "panel-frame",
-      "data-testid": testId,
-      className: ui.cn("flex h-full min-h-0 flex-col bg-background", className),
-      children
-    }
-  );
-}
-function PanelFrameBody({ className, children }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { "data-slot": "panel-frame-body", className: ui.cn("min-h-0 flex-1 overflow-hidden", className), children });
-}
-function PanelScroll({ variant = "flush", className, children }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      "data-slot": "panel-scroll",
-      className: ui.cn("h-full overflow-auto", variant === "padded" && "space-y-4 p-3", className),
-      children
-    }
-  );
-}
-function PanelActionsRow({
-  className,
-  children
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { "data-slot": "panel-actions-row", className: ui.cn("flex justify-end", className), children });
-}
-function PanelAddButton({
-  label,
-  onClick,
-  isCompact,
-  icon,
-  testId,
-  disabledReason
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    "button",
-    {
-      type: "button",
-      onClick,
-      disabled: !!disabledReason,
-      title: disabledReason ?? label,
-      "data-slot": "panel-add-button",
-      "data-testid": testId,
-      className: "flex h-8 items-center gap-1.5 rounded-md px-2 text-sm font-medium text-primary transition-colors hover:bg-primary/10 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 disabled:hover:bg-transparent pointer-coarse:h-11 pointer-coarse:min-w-11",
-      children: [
-        icon,
-        isCompact ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: label }) : /* @__PURE__ */ jsxRuntime.jsx("span", { children: "New" })
-      ]
-    }
-  );
-}
-function PanelTitleBar({
-  icon,
-  title,
-  end
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-slot": "panel-title-bar", className: "flex w-full items-center justify-between px-4 py-2", children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
-      icon,
-      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium", children: title })
-    ] }),
-    end
-  ] });
-}
-function PanelNote({ children }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { "data-slot": "panel-note", className: "py-8 text-center text-muted-foreground", children });
-}
-function resolveSettingsSection(sections, id) {
-  return sections.find((section) => section.id === id) ?? sections[0];
-}
-function SettingsPage({
-  sections,
-  activeSectionId,
-  onSectionChange,
-  title = "Settings",
-  headerActions,
-  children,
-  testId = "settings-page"
-}) {
-  const active = resolveSettingsSection(sections, activeSectionId);
-  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(PanelFrame, { testId, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(DraggableHeader, { children: /* @__PURE__ */ jsxRuntime.jsx(
-        chunk7RGLTF76_cjs.TabHeader,
-        {
-          tabs: sections.map(({ id, label, icon }) => ({ id, label, icon })),
-          activeTabId: active?.id ?? "",
-          onTabChange: onSectionChange,
-          variant: "underline",
-          compactBreakpoint: 0,
-          rightContent: () => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
-            active?.actions,
-            headerActions
-          ] })
-        }
-      ) }),
-      /* @__PURE__ */ jsxRuntime.jsxs(PanelFrameBody, { className: "overflow-auto px-6 pb-6 pt-4", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "mx-auto mb-4 w-full max-w-2xl text-xl font-semibold text-foreground", children: title }),
-        active?.render()
-      ] })
-    ] }),
-    children
-  ] });
-}
-var DOT = {
-  connected: "bg-green-solid",
-  connecting: "bg-yellow-solid",
-  disconnected: "bg-red-solid",
-  offline: "bg-yellow-solid"
-};
-function ServerConnectionButton({
-  state,
-  label,
-  isRefreshing,
-  onRefresh,
-  testId = "refresh-session-button"
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    ui.Button,
-    {
-      type: "button",
-      variant: "outline",
-      size: "sm",
-      onClick: onRefresh,
-      disabled: isRefreshing,
-      className: "flex items-center gap-2",
-      "data-testid": testId,
-      "data-state": state,
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.RefreshCw, { className: ui.cn("size-4", isRefreshing && "animate-spin") }),
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: ui.cn("size-2 rounded-full", DOT[state]), "aria-hidden": true }),
-        label
-      ]
-    }
-  );
-}
-var DEFAULT_WORK_OFFLINE_LABELS = {
-  goOnline: "Go online",
-  workOffline: "Work offline",
-  goOnlineHint: "Reconnect and use ARBI online again",
-  workOfflineHint: "Work offline \u2014 read cached docs and queue edits, even though the server is reachable"
-};
-function WorkOfflineToggle({
-  isOffline,
-  onToggle,
-  labels,
-  testId = "work-offline-toggle"
-}) {
-  const l = { ...DEFAULT_WORK_OFFLINE_LABELS, ...labels };
-  return /* @__PURE__ */ jsxRuntime.jsxs(ui.Tooltip, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(ui.TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
-      ui.Button,
-      {
-        variant: isOffline ? "secondary" : "outline",
-        size: "icon",
-        onClick: () => onToggle(!isOffline),
-        "aria-label": isOffline ? l.goOnline : l.workOffline,
-        "aria-pressed": isOffline,
-        "data-testid": testId,
-        children: isOffline ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Wifi, { className: "size-4" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.WifiOff, { className: "size-4" })
-      }
-    ) }),
-    /* @__PURE__ */ jsxRuntime.jsx(ui.TooltipContent, { children: /* @__PURE__ */ jsxRuntime.jsx("p", { children: isOffline ? l.goOnlineHint : l.workOfflineHint }) })
-  ] });
-}
-function serverConnectionView({ status, forcedOffline = false, deviceOffline = false }, domain) {
-  const state = forcedOffline || deviceOffline ? "offline" : status === "error" ? "disconnected" : status;
-  const label = forcedOffline ? "Working offline" : deviceOffline ? "Offline" : status === "connected" ? "Connected" : status === "connecting" ? "Connecting" : "Disconnected";
-  const description = deviceOffline && !forcedOffline ? "You're offline. ARBI reconnects by itself when your connection returns." : `${status === "connected" ? `Connected to ${domain}.` : status === "connecting" ? `Connecting to ${domain}...` : `Disconnected from ${domain}.`} Click to refresh your session.`;
-  return { state, label, description };
-}
-var GRID_ACCENT_CLASSES = [
-  "[&_.ag-checkbox-input-wrapper.ag-checked]:!bg-primary",
-  "[&_.ag-checkbox-input-wrapper.ag-checked]:!border-primary",
-  "[&_.ag-checkbox-input-wrapper.ag-checked]:!text-primary-foreground"
-];
-var GRID_ACCENT_VARS = {
-  "--ag-checkbox-checked-color": "hsl(var(--primary))",
-  "--ag-selected-row-background-color": "hsl(var(--accent))"
-};
-function PremiumModelsFrame({
-  enabled,
-  onEnabledChange,
-  title = "Enable Premium Models",
-  description = "Third party AI models are priced on a pass-through basis.",
-  children,
-  toggleTestId
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-slot": "premium-models-frame", children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-2 flex items-center gap-3", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(
-        ui.Switch,
-        {
-          id: "premiumModelToggle",
-          checked: enabled,
-          onCheckedChange: onEnabledChange,
-          "data-testid": chunkMHVNT4J3_cjs.testIdOr(toggleTestId, { testId: "toggle-premium-model" })
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsxs(
-        "label",
-        {
-          className: "flex cursor-pointer items-center gap-2 text-sm font-medium",
-          htmlFor: "premiumModelToggle",
-          children: [
-            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Crown, { className: "size-4 text-muted-foreground" }),
-            title
-          ]
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mb-2 text-sm text-muted-foreground", children: description }),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      "div",
-      {
-        className: ui.cn(
-          "transition-opacity",
-          !enabled && "pointer-events-none opacity-50",
-          GRID_ACCENT_CLASSES
-        ),
-        style: GRID_ACCENT_VARS,
-        "aria-disabled": !enabled,
-        children
-      }
-    )
-  ] });
-}
-function ModelProviderLabel({ logo, children }) {
-  return /* @__PURE__ */ jsxRuntime.jsxs("span", { "data-slot": "model-provider", className: "flex items-center gap-1.5", children: [
-    logo,
-    children
-  ] });
-}
-
-exports.ActiveSessionsDialog = ActiveSessionsDialog;
-exports.AvatarPicker = AvatarPicker;
-exports.DEFAULT_ACTIVE_SESSIONS_DIALOG_LABELS = DEFAULT_ACTIVE_SESSIONS_DIALOG_LABELS;
-exports.DEFAULT_AVATAR_PICKER_LABELS = DEFAULT_AVATAR_PICKER_LABELS;
-exports.DEFAULT_DELETE_ACCOUNT_DIALOG_LABELS = DEFAULT_DELETE_ACCOUNT_DIALOG_LABELS;
-exports.DEFAULT_IDENTITY_VERIFICATION_LABELS = DEFAULT_IDENTITY_VERIFICATION_LABELS;
-exports.DEFAULT_LOGOUT_DIALOG_LABELS = DEFAULT_LOGOUT_DIALOG_LABELS;
-exports.DEFAULT_PASSWORD_CHANGE_DIALOG_LABELS = DEFAULT_PASSWORD_CHANGE_DIALOG_LABELS;
-exports.DEFAULT_PROFILE_CARD_LABELS = DEFAULT_PROFILE_CARD_LABELS;
-exports.DEFAULT_SETTINGS_DANGER_ZONE_LABELS = DEFAULT_SETTINGS_DANGER_ZONE_LABELS;
-exports.DEFAULT_WORK_OFFLINE_LABELS = DEFAULT_WORK_OFFLINE_LABELS;
-exports.DeleteAccountDialog = DeleteAccountDialog;
-exports.DraggableHeader = DraggableHeader;
-exports.EMAIL_NOTIFICATION_CATEGORIES = EMAIL_NOTIFICATION_CATEGORIES;
-exports.EMAIL_NOTIFICATION_KEYS = EMAIL_NOTIFICATION_KEYS;
-exports.IdentityVerificationCard = IdentityVerificationCard;
-exports.IdentityVerificationDialog = IdentityVerificationDialog;
-exports.LogoutDialog = LogoutDialog;
-exports.ModelProviderLabel = ModelProviderLabel;
-exports.NotificationCategoryList = NotificationCategoryList;
-exports.PanelActionsRow = PanelActionsRow;
-exports.PanelAddButton = PanelAddButton;
-exports.PanelFrame = PanelFrame;
-exports.PanelFrameBody = PanelFrameBody;
-exports.PanelNote = PanelNote;
-exports.PanelScroll = PanelScroll;
-exports.PanelTitleBar = PanelTitleBar;
-exports.PasswordChangeDialog = PasswordChangeDialog;
-exports.PremiumModelsFrame = PremiumModelsFrame;
-exports.ProfileCard = ProfileCard;
-exports.RequireVerified = RequireVerified;
-exports.ServerConnectionButton = ServerConnectionButton;
-exports.SettingsActionRow = SettingsActionRow;
-exports.SettingsCard = SettingsCard;
-exports.SettingsDangerZone = SettingsDangerZone;
-exports.SettingsPage = SettingsPage;
-exports.SettingsPanel = SettingsPanel;
-exports.SettingsRow = SettingsRow;
-exports.SettingsSection = SettingsSection;
-exports.SettingsSwitchGroup = SettingsSwitchGroup;
-exports.SettingsSwitchRow = SettingsSwitchRow;
-exports.WorkOfflineToggle = WorkOfflineToggle;
-exports.formatSessionTtl = formatSessionTtl;
-exports.resolveSettingsSection = resolveSettingsSection;
-exports.serverConnectionView = serverConnectionView;
-exports.toActiveSessionViews = toActiveSessionViews;
-exports.toDeleteBlockerViews = toDeleteBlockerViews;
-exports.toLogoutSessionViews = toLogoutSessionViews;
-exports.toNotificationCategories = toNotificationCategories;
-//# sourceMappingURL=chunk-U73KPFYH.cjs.map
-//# sourceMappingURL=chunk-U73KPFYH.cjs.map