@arbidocs/blocks 0.4.5 → 0.4.7

package/dist/chunk-YVIOCITQ.cjs

@@ -0,0 +1,1186 @@
+"use client";
+'use strict';
+
+var chunkADOKTJHV_cjs = require('./chunk-ADOKTJHV.cjs');
+var chunkKDG6FER6_cjs = require('./chunk-KDG6FER6.cjs');
+var chunkDCDVWPMB_cjs = require('./chunk-DCDVWPMB.cjs');
+var chunkMHVNT4J3_cjs = require('./chunk-MHVNT4J3.cjs');
+var react = require('react');
+var lucideReact = require('lucide-react');
+var ui = require('@arbidocs/react/ui');
+var jsxRuntime = require('react/jsx-runtime');
+
+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 bg-muted",
+        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"
+};
+function ProfileCard({
+  avatar,
+  name,
+  email,
+  isSso,
+  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 })
+          ] })
+        ] }) : /* @__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_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",
+  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",
+  workspacesRekeyed: (count) => `${chunkKDG6FER6_cjs.formatCount(count, { one: "workspace", other: "workspaces" })} will be re-keyed with your 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,
+  workspaceCount,
+  error,
+  isProcessing,
+  isSubmitDisabled,
+  onSubmit,
+  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 })
+        ] }),
+        success ? /* @__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 })
+          ] }),
+          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
+            }
+          ),
+          workspaceCount > 0 && /* @__PURE__ */ jsxRuntime.jsx(
+            "div",
+            {
+              className: "rounded-md bg-green-bg p-3",
+              "data-testid": chunkMHVNT4J3_cjs.testIdOr(testIds?.workspaceCount, {
+                testId: "change-password-workspace-count"
+              }),
+              children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-2", children: [
+                /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CheckCircle2, { className: "h-5 w-5 flex-shrink-0 text-green-text" }),
+                /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-green-text", children: l.workspacesRekeyed(workspaceCount) })
+              ] })
+            }
+          ),
+          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 = chunkDCDVWPMB_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 }));
+}
+
+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_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.DeleteAccountDialog = DeleteAccountDialog;
+exports.EMAIL_NOTIFICATION_CATEGORIES = EMAIL_NOTIFICATION_CATEGORIES;
+exports.EMAIL_NOTIFICATION_KEYS = EMAIL_NOTIFICATION_KEYS;
+exports.LogoutDialog = LogoutDialog;
+exports.NotificationCategoryList = NotificationCategoryList;
+exports.PasswordChangeDialog = PasswordChangeDialog;
+exports.ProfileCard = ProfileCard;
+exports.SettingsActionRow = SettingsActionRow;
+exports.SettingsCard = SettingsCard;
+exports.SettingsDangerZone = SettingsDangerZone;
+exports.SettingsPanel = SettingsPanel;
+exports.SettingsRow = SettingsRow;
+exports.SettingsSection = SettingsSection;
+exports.SettingsSwitchGroup = SettingsSwitchGroup;
+exports.SettingsSwitchRow = SettingsSwitchRow;
+exports.formatSessionTtl = formatSessionTtl;
+exports.toActiveSessionViews = toActiveSessionViews;
+exports.toDeleteBlockerViews = toDeleteBlockerViews;
+exports.toLogoutSessionViews = toLogoutSessionViews;
+exports.toNotificationCategories = toNotificationCategories;
+//# sourceMappingURL=chunk-YVIOCITQ.cjs.map
+//# sourceMappingURL=chunk-YVIOCITQ.cjs.map