@arbidocs/blocks 0.4.5 → 0.4.6

package/dist/collaboration/index.cjs

@@ -1,153 +1,154 @@
 "use client";
 'use strict';
 
-var chunkIZHWP6WQ_cjs = require('../chunk-IZHWP6WQ.cjs');
+var chunkJG4TFS3Z_cjs = require('../chunk-JG4TFS3Z.cjs');
 require('../chunk-7G2LJMUG.cjs');
 var chunkVLCY46K6_cjs = require('../chunk-VLCY46K6.cjs');
-require('../chunk-ULWRNGGE.cjs');
+require('../chunk-2ZTONLT5.cjs');
+require('../chunk-DCDVWPMB.cjs');
 require('../chunk-MHVNT4J3.cjs');
 
 
 
 Object.defineProperty(exports, "ActionMenu", {
   enumerable: true,
-  get: function () { return chunkIZHWP6WQ_cjs.ActionMenu; }
+  get: function () { return chunkJG4TFS3Z_cjs.ActionMenu; }
 });
 Object.defineProperty(exports, "AddContactsForm", {
   enumerable: true,
-  get: function () { return chunkIZHWP6WQ_cjs.AddContactsForm; }
+  get: function () { return chunkJG4TFS3Z_cjs.AddContactsForm; }
 });
 Object.defineProperty(exports, "AddContactsResults", {
   enumerable: true,
-  get: function () { return chunkIZHWP6WQ_cjs.AddContactsResults; }
+  get: function () { return chunkJG4TFS3Z_cjs.AddContactsResults; }
 });
 Object.defineProperty(exports, "DEFAULT_ADD_CONTACTS_LABELS", {
   enumerable: true,
-  get: function () { return chunkIZHWP6WQ_cjs.DEFAULT_ADD_CONTACTS_LABELS; }
+  get: function () { return chunkJG4TFS3Z_cjs.DEFAULT_ADD_CONTACTS_LABELS; }
 });
 Object.defineProperty(exports, "DEFAULT_CONTACT_OUTCOME_LABELS", {
   enumerable: true,
-  get: function () { return chunkIZHWP6WQ_cjs.DEFAULT_CONTACT_OUTCOME_LABELS; }
+  get: function () { return chunkJG4TFS3Z_cjs.DEFAULT_CONTACT_OUTCOME_LABELS; }
 });
 Object.defineProperty(exports, "DEFAULT_DM_ACCESS_REQUEST_BANNER_LABELS", {
   enumerable: true,
-  get: function () { return chunkIZHWP6WQ_cjs.DEFAULT_DM_ACCESS_REQUEST_BANNER_LABELS; }
+  get: function () { return chunkJG4TFS3Z_cjs.DEFAULT_DM_ACCESS_REQUEST_BANNER_LABELS; }
 });
 Object.defineProperty(exports, "DEFAULT_DM_GRANT_ACCESS_DIALOG_LABELS", {
   enumerable: true,
-  get: function () { return chunkIZHWP6WQ_cjs.DEFAULT_DM_GRANT_ACCESS_DIALOG_LABELS; }
+  get: function () { return chunkJG4TFS3Z_cjs.DEFAULT_DM_GRANT_ACCESS_DIALOG_LABELS; }
 });
 Object.defineProperty(exports, "DEFAULT_DM_INVITE_CHIP_LABELS", {
   enumerable: true,
-  get: function () { return chunkIZHWP6WQ_cjs.DEFAULT_DM_INVITE_CHIP_LABELS; }
+  get: function () { return chunkJG4TFS3Z_cjs.DEFAULT_DM_INVITE_CHIP_LABELS; }
 });
 Object.defineProperty(exports, "DEFAULT_DM_THREAD_FRAME_LABELS", {
   enumerable: true,
-  get: function () { return chunkIZHWP6WQ_cjs.DEFAULT_DM_THREAD_FRAME_LABELS; }
+  get: function () { return chunkJG4TFS3Z_cjs.DEFAULT_DM_THREAD_FRAME_LABELS; }
 });
 Object.defineProperty(exports, "DEFAULT_MAIL_FOLDER_TREE_LABELS", {
   enumerable: true,
-  get: function () { return chunkIZHWP6WQ_cjs.DEFAULT_MAIL_FOLDER_TREE_LABELS; }
+  get: function () { return chunkJG4TFS3Z_cjs.DEFAULT_MAIL_FOLDER_TREE_LABELS; }
 });
 Object.defineProperty(exports, "DEFAULT_RECIPIENT_PICKER_LABELS", {
   enumerable: true,
-  get: function () { return chunkIZHWP6WQ_cjs.DEFAULT_RECIPIENT_PICKER_LABELS; }
+  get: function () { return chunkJG4TFS3Z_cjs.DEFAULT_RECIPIENT_PICKER_LABELS; }
 });
 Object.defineProperty(exports, "DmAccessRequestBanner", {
   enumerable: true,
-  get: function () { return chunkIZHWP6WQ_cjs.DmAccessRequestBanner; }
+  get: function () { return chunkJG4TFS3Z_cjs.DmAccessRequestBanner; }
 });
 Object.defineProperty(exports, "DmGrantAccessDialogView", {
   enumerable: true,
-  get: function () { return chunkIZHWP6WQ_cjs.DmGrantAccessDialogView; }
+  get: function () { return chunkJG4TFS3Z_cjs.DmGrantAccessDialogView; }
 });
 Object.defineProperty(exports, "DmInviteAvatar", {
   enumerable: true,
-  get: function () { return chunkIZHWP6WQ_cjs.DmInviteAvatar; }
+  get: function () { return chunkJG4TFS3Z_cjs.DmInviteAvatar; }
 });
 Object.defineProperty(exports, "DmInviteChip", {
   enumerable: true,
-  get: function () { return chunkIZHWP6WQ_cjs.DmInviteChip; }
+  get: function () { return chunkJG4TFS3Z_cjs.DmInviteChip; }
 });
 Object.defineProperty(exports, "DmNewTabIcon", {
   enumerable: true,
-  get: function () { return chunkIZHWP6WQ_cjs.DmNewTabIcon; }
+  get: function () { return chunkJG4TFS3Z_cjs.DmNewTabIcon; }
 });
 Object.defineProperty(exports, "DmThreadFrame", {
   enumerable: true,
-  get: function () { return chunkIZHWP6WQ_cjs.DmThreadFrame; }
+  get: function () { return chunkJG4TFS3Z_cjs.DmThreadFrame; }
 });
 Object.defineProperty(exports, "DmThreadHeader", {
   enumerable: true,
-  get: function () { return chunkIZHWP6WQ_cjs.DmThreadHeader; }
+  get: function () { return chunkJG4TFS3Z_cjs.DmThreadHeader; }
 });
 Object.defineProperty(exports, "MAX_INVITE_EMAILS", {
   enumerable: true,
-  get: function () { return chunkIZHWP6WQ_cjs.MAX_INVITE_EMAILS; }
+  get: function () { return chunkJG4TFS3Z_cjs.MAX_INVITE_EMAILS; }
 });
 Object.defineProperty(exports, "MailFolderTree", {
   enumerable: true,
-  get: function () { return chunkIZHWP6WQ_cjs.MailFolderTree; }
+  get: function () { return chunkJG4TFS3Z_cjs.MailFolderTree; }
 });
 Object.defineProperty(exports, "MemberBulkActions", {
   enumerable: true,
-  get: function () { return chunkIZHWP6WQ_cjs.MemberBulkActions; }
+  get: function () { return chunkJG4TFS3Z_cjs.MemberBulkActions; }
 });
 Object.defineProperty(exports, "MemberListLoading", {
   enumerable: true,
-  get: function () { return chunkIZHWP6WQ_cjs.MemberListLoading; }
+  get: function () { return chunkJG4TFS3Z_cjs.MemberListLoading; }
 });
 Object.defineProperty(exports, "MemberMutedText", {
   enumerable: true,
-  get: function () { return chunkIZHWP6WQ_cjs.MemberMutedText; }
+  get: function () { return chunkJG4TFS3Z_cjs.MemberMutedText; }
 });
 Object.defineProperty(exports, "MemberNameCell", {
   enumerable: true,
-  get: function () { return chunkIZHWP6WQ_cjs.MemberNameCell; }
+  get: function () { return chunkJG4TFS3Z_cjs.MemberNameCell; }
 });
 Object.defineProperty(exports, "MemberRoleCell", {
   enumerable: true,
-  get: function () { return chunkIZHWP6WQ_cjs.MemberRoleCell; }
+  get: function () { return chunkJG4TFS3Z_cjs.MemberRoleCell; }
 });
 Object.defineProperty(exports, "RecipientPicker", {
   enumerable: true,
-  get: function () { return chunkIZHWP6WQ_cjs.RecipientPicker; }
+  get: function () { return chunkJG4TFS3Z_cjs.RecipientPicker; }
 });
 Object.defineProperty(exports, "RoleSelect", {
   enumerable: true,
-  get: function () { return chunkIZHWP6WQ_cjs.RoleSelect; }
+  get: function () { return chunkJG4TFS3Z_cjs.RoleSelect; }
 });
 Object.defineProperty(exports, "WorkspaceDeleteButton", {
   enumerable: true,
-  get: function () { return chunkIZHWP6WQ_cjs.WorkspaceDeleteButton; }
+  get: function () { return chunkJG4TFS3Z_cjs.WorkspaceDeleteButton; }
 });
 Object.defineProperty(exports, "buildMailFolderTree", {
   enumerable: true,
-  get: function () { return chunkIZHWP6WQ_cjs.buildMailFolderTree; }
+  get: function () { return chunkJG4TFS3Z_cjs.buildMailFolderTree; }
 });
 Object.defineProperty(exports, "descendantFolderIds", {
   enumerable: true,
-  get: function () { return chunkIZHWP6WQ_cjs.descendantFolderIds; }
+  get: function () { return chunkJG4TFS3Z_cjs.descendantFolderIds; }
 });
 Object.defineProperty(exports, "isInboxFolder", {
   enumerable: true,
-  get: function () { return chunkIZHWP6WQ_cjs.isInboxFolder; }
+  get: function () { return chunkJG4TFS3Z_cjs.isInboxFolder; }
 });
 Object.defineProperty(exports, "parseEmails", {
   enumerable: true,
-  get: function () { return chunkIZHWP6WQ_cjs.parseEmails; }
+  get: function () { return chunkJG4TFS3Z_cjs.parseEmails; }
 });
 Object.defineProperty(exports, "toAddContactsRow", {
   enumerable: true,
-  get: function () { return chunkIZHWP6WQ_cjs.toAddContactsRow; }
+  get: function () { return chunkJG4TFS3Z_cjs.toAddContactsRow; }
 });
 Object.defineProperty(exports, "toAddContactsRows", {
   enumerable: true,
-  get: function () { return chunkIZHWP6WQ_cjs.toAddContactsRows; }
+  get: function () { return chunkJG4TFS3Z_cjs.toAddContactsRows; }
 });
 Object.defineProperty(exports, "toggleMailFolder", {
   enumerable: true,
-  get: function () { return chunkIZHWP6WQ_cjs.toggleMailFolder; }
+  get: function () { return chunkJG4TFS3Z_cjs.toggleMailFolder; }
 });
 Object.defineProperty(exports, "DEFAULT_SHARE_CONTROL_LABELS", {
   enumerable: true,

package/dist/collaboration/index.js

@@ -1,8 +1,9 @@
 "use client";
-export { ActionMenu, AddContactsForm, AddContactsResults, DEFAULT_ADD_CONTACTS_LABELS, DEFAULT_CONTACT_OUTCOME_LABELS, DEFAULT_DM_ACCESS_REQUEST_BANNER_LABELS, DEFAULT_DM_GRANT_ACCESS_DIALOG_LABELS, DEFAULT_DM_INVITE_CHIP_LABELS, DEFAULT_DM_THREAD_FRAME_LABELS, DEFAULT_MAIL_FOLDER_TREE_LABELS, DEFAULT_RECIPIENT_PICKER_LABELS, DmAccessRequestBanner, DmGrantAccessDialogView, DmInviteAvatar, DmInviteChip, DmNewTabIcon, DmThreadFrame, DmThreadHeader, MAX_INVITE_EMAILS, MailFolderTree, MemberBulkActions, MemberListLoading, MemberMutedText, MemberNameCell, MemberRoleCell, RecipientPicker, RoleSelect, WorkspaceDeleteButton, buildMailFolderTree, descendantFolderIds, isInboxFolder, parseEmails, toAddContactsRow, toAddContactsRows, toggleMailFolder } from '../chunk-7YADKWZT.js';
+export { ActionMenu, AddContactsForm, AddContactsResults, DEFAULT_ADD_CONTACTS_LABELS, DEFAULT_CONTACT_OUTCOME_LABELS, DEFAULT_DM_ACCESS_REQUEST_BANNER_LABELS, DEFAULT_DM_GRANT_ACCESS_DIALOG_LABELS, DEFAULT_DM_INVITE_CHIP_LABELS, DEFAULT_DM_THREAD_FRAME_LABELS, DEFAULT_MAIL_FOLDER_TREE_LABELS, DEFAULT_RECIPIENT_PICKER_LABELS, DmAccessRequestBanner, DmGrantAccessDialogView, DmInviteAvatar, DmInviteChip, DmNewTabIcon, DmThreadFrame, DmThreadHeader, MAX_INVITE_EMAILS, MailFolderTree, MemberBulkActions, MemberListLoading, MemberMutedText, MemberNameCell, MemberRoleCell, RecipientPicker, RoleSelect, WorkspaceDeleteButton, buildMailFolderTree, descendantFolderIds, isInboxFolder, parseEmails, toAddContactsRow, toAddContactsRows, toggleMailFolder } from '../chunk-G2E3O3HI.js';
 import '../chunk-NBV56SGU.js';
 export { DEFAULT_SHARE_CONTROL_LABELS, ShareControl } from '../chunk-K4BGOPGG.js';
-import '../chunk-TX2ZICS7.js';
+import '../chunk-CPMNAJLF.js';
+import '../chunk-TJMKFY5P.js';
 import '../chunk-7F6CBP3Z.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/connect/index.cjs

@@ -1,18 +1,24 @@
 "use client";
 'use strict';
 
-var chunk3MIQASHO_cjs = require('../chunk-3MIQASHO.cjs');
-require('../chunk-YLOKCIQJ.cjs');
-require('../chunk-KHX2BX3S.cjs');
+var chunkYVIOCITQ_cjs = require('../chunk-YVIOCITQ.cjs');
+var chunk23XL6SVZ_cjs = require('../chunk-23XL6SVZ.cjs');
+require('../chunk-ADOKTJHV.cjs');
+require('../chunk-5SLLMK5K.cjs');
+require('../chunk-VGOFFCMT.cjs');
+require('../chunk-PPCATBOY.cjs');
+var chunkKDG6FER6_cjs = require('../chunk-KDG6FER6.cjs');
+require('../chunk-DCDVWPMB.cjs');
 require('../chunk-MHVNT4J3.cjs');
-require('../chunk-KDG6FER6.cjs');
 var react = require('react');
 var reactQuery = require('@tanstack/react-query');
 var react$1 = require('@arbidocs/react');
 var jsxRuntime = require('react/jsx-runtime');
+var lucideReact = require('lucide-react');
+var ui = require('@arbidocs/react/ui');
 
 function ConnectionBoundWebSocket({ children }) {
-  const { status } = chunk3MIQASHO_cjs.useConnection();
+  const { status } = chunk23XL6SVZ_cjs.useConnection();
   return /* @__PURE__ */ jsxRuntime.jsx(react$1.ArbiWebSocketProvider, { enabled: status === "authenticated", children });
 }
 function ArbiAppProvider({
@@ -25,10 +31,10 @@ function ArbiAppProvider({
     })
   );
   const providerUrl = config.apiUrl || config.demoApiUrl || "https://demo.arbi.local";
-  return /* @__PURE__ */ jsxRuntime.jsx(reactQuery.QueryClientProvider, { client: queryClient, children: /* @__PURE__ */ jsxRuntime.jsx(react$1.ArbiProvider, { url: providerUrl, children: /* @__PURE__ */ jsxRuntime.jsx(chunk3MIQASHO_cjs.ConnectionProvider, { config, children: /* @__PURE__ */ jsxRuntime.jsx(ConnectionBoundWebSocket, { children }) }) }) });
+  return /* @__PURE__ */ jsxRuntime.jsx(reactQuery.QueryClientProvider, { client: queryClient, children: /* @__PURE__ */ jsxRuntime.jsx(react$1.ArbiProvider, { url: providerUrl, children: /* @__PURE__ */ jsxRuntime.jsx(chunk23XL6SVZ_cjs.ConnectionProvider, { config, children: /* @__PURE__ */ jsxRuntime.jsx(ConnectionBoundWebSocket, { children }) }) }) });
 }
 function useConnectedShellWorkspaces(options = {}) {
-  const { workspaceId, setWorkspace } = chunk3MIQASHO_cjs.useConnection();
+  const { workspaceId, setWorkspace } = chunk23XL6SVZ_cjs.useConnection();
   const query = react$1.useWorkspaces();
   return react$1.useShellWorkspaces({
     ...options,
@@ -39,56 +45,389 @@ function useConnectedShellWorkspaces(options = {}) {
     select: (workspace) => setWorkspace(workspace.id)
   });
 }
+function errorText(error, fallback) {
+  const body = error?.apiError;
+  return typeof body?.detail === "string" ? body.detail : fallback;
+}
+var AVATAR_PROBLEMS = {
+  "not-image": "Please choose an image file",
+  "too-large": "Image must be 5 MB or smaller",
+  unreadable: "Couldn't read that image \u2014 try a different file"
+};
+function ConnectedProfileCard({ notify, title = "Profile" }) {
+  const { data: profile } = react$1.useProfile();
+  const updateProfile = react$1.useUpdateProfile();
+  const requestEmailChange = react$1.useRequestEmailChange();
+  const confirmEmailChange = react$1.useConfirmEmailChange();
+  const { user } = chunk23XL6SVZ_cjs.useConnection();
+  const name = react$1.useNameEditor({
+    givenName: profile?.givenName,
+    familyName: profile?.familyName,
+    save: async (next) => {
+      try {
+        await updateProfile.mutateAsync(next);
+        notify?.("Name updated", "success");
+      } catch (e) {
+        notify?.("Failed to update name", "error");
+        throw e;
+      }
+    }
+  });
+  const avatar = react$1.useAvatarCrop({
+    upload: async (picture) => {
+      try {
+        await updateProfile.mutateAsync({ picture });
+        notify?.("Profile picture updated", "success");
+      } catch (e) {
+        notify?.("Failed to update picture", "error");
+        throw e;
+      }
+    },
+    onProblem: (problem) => notify?.(AVATAR_PROBLEMS[problem], "error")
+  });
+  const email = react$1.useEmailChange({
+    requestCode: async (address) => {
+      try {
+        await requestEmailChange.mutateAsync(address);
+        notify?.("Verification code sent to your new email", "success");
+      } catch (e) {
+        notify?.(errorText(e, "Failed to send verification code"), "error");
+        throw e;
+      }
+    },
+    confirm: async (args) => {
+      try {
+        await confirmEmailChange.mutateAsync(args);
+        notify?.("Email address updated", "success");
+      } catch (e) {
+        notify?.(errorText(e, "Invalid or expired verification code"), "error");
+        throw e;
+      }
+    }
+  });
+  const display = profile?.fullName || user?.name || "Unnamed";
+  return /* @__PURE__ */ jsxRuntime.jsx(chunkYVIOCITQ_cjs.SettingsSection, { icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.UserCircle, {}), title, children: /* @__PURE__ */ jsxRuntime.jsx(
+    chunkYVIOCITQ_cjs.ProfileCard,
+    {
+      avatar: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          chunkYVIOCITQ_cjs.AvatarPicker,
+          {
+            pictureUrl: profile?.picture ?? user?.picture,
+            initials: chunkKDG6FER6_cjs.initials(display),
+            fallbackClassName: "bg-primary text-primary-foreground",
+            isUploading: avatar.isUploading,
+            onFileChosen: avatar.onFileChosen
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          react$1.ImageCropModal,
+          {
+            open: avatar.pendingImage !== null,
+            image: avatar.pendingImage,
+            title: "Crop your photo",
+            aspect: 1,
+            cropShape: "round",
+            output: { maxSize: 128, mimeType: "image/jpeg", quality: 0.85 },
+            onComplete: avatar.onCropComplete,
+            onCancel: avatar.onCropCancel
+          }
+        )
+      ] }),
+      name: { ...name, display, isSaving: name.isSaving },
+      email: profile?.email ?? user?.email ?? "",
+      isSso: profile?.isSso ?? false,
+      onStartEmailChange: email.onStart,
+      emailChange: email.isOpen ? email : void 0
+    }
+  ) });
+}
+function defaultUnmetPasswordRequirement(password) {
+  if (password.length < 8) return "Minimum 8 characters";
+  if (!/[A-Z!@#$%^&*()_+\-=[\]{};':"\\|,.<>/?]/.test(password)) {
+    return "At least one uppercase letter or special character";
+  }
+  if (!/[0-9]/.test(password)) return "At least one number";
+  return null;
+}
+function ConnectedSecuritySection({
+  notify,
+  getUnmetRequirement = defaultUnmetPasswordRequirement,
+  renderRecoveryKey,
+  children
+}) {
+  const [open, setOpen] = react.useState(false);
+  const change = react$1.usePasswordChange();
+  const { data: workspaces } = react$1.useWorkspaces({ enabled: open });
+  const workspaceCount = (workspaces ?? []).filter((w) => w.is_member).length;
+  const form = react$1.usePasswordChangeForm({
+    getUnmetRequirement,
+    submit: async (vars) => {
+      const result = await change.mutateAsync(vars);
+      notify?.("Password changed successfully", "success");
+      return result;
+    },
+    onClose: () => setOpen(false)
+  });
+  return /* @__PURE__ */ jsxRuntime.jsxs(chunkYVIOCITQ_cjs.SettingsSection, { icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.KeyRound, {}), title: "Security", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(chunkYVIOCITQ_cjs.SettingsCard, { padding: "sm", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        chunkYVIOCITQ_cjs.SettingsActionRow,
+        {
+          title: "Change password",
+          description: "Used to sign in and to encrypt your data. Changing it re-encrypts everything in your account.",
+          onClick: () => setOpen(true),
+          testId: "change-password-button"
+        }
+      ),
+      children
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      chunkYVIOCITQ_cjs.PasswordChangeDialog,
+      {
+        open,
+        onClose: form.onCancel,
+        recoveryMode: false,
+        currentPassword: form.currentPassword,
+        onCurrentPasswordChange: form.onCurrentPasswordChange,
+        newPassword: form.newPassword,
+        onNewPasswordChange: form.onNewPasswordChange,
+        confirmPassword: form.confirmPassword,
+        onConfirmPasswordChange: form.onConfirmPasswordChange,
+        getUnmetRequirement,
+        workspaceCount,
+        error: form.error,
+        isProcessing: form.isProcessing,
+        isSubmitDisabled: form.isSubmitDisabled,
+        onSubmit: form.onSubmit,
+        success: form.result ? renderRecoveryKey?.(form.result) ?? /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, {}) : null,
+        onDone: form.onDone
+      }
+    )
+  ] });
+}
+function ConnectedNotificationPreferences({
+  categories = chunkYVIOCITQ_cjs.EMAIL_NOTIFICATION_CATEGORIES,
+  title = "Notifications"
+}) {
+  const keys = react.useMemo(
+    () => categories === chunkYVIOCITQ_cjs.EMAIL_NOTIFICATION_CATEGORIES ? chunkYVIOCITQ_cjs.EMAIL_NOTIFICATION_KEYS : categories.map((c) => c.key),
+    [categories]
+  );
+  const prefs = react$1.useNotificationPreferences(keys);
+  return /* @__PURE__ */ jsxRuntime.jsx(chunkYVIOCITQ_cjs.SettingsSection, { title, children: /* @__PURE__ */ jsxRuntime.jsx(chunkYVIOCITQ_cjs.SettingsCard, { className: "space-y-0", children: /* @__PURE__ */ jsxRuntime.jsx(
+    chunkYVIOCITQ_cjs.NotificationCategoryList,
+    {
+      masterId: "emailNotifications",
+      masterTitle: "Email Notifications",
+      masterDescription: "Email me about activity when I\u2019m away",
+      masterChecked: prefs.masterChecked,
+      onMasterChange: prefs.setAll,
+      categories: chunkYVIOCITQ_cjs.toNotificationCategories(prefs.checked, categories),
+      onCategoryChange: prefs.setCategory
+    }
+  ) }) });
+}
+function ConnectedSessionsRow({
+  notify,
+  confirm,
+  renderSessionIcon
+}) {
+  const [open, setOpen] = react.useState(false);
+  const sessions = react$1.useSessions({ enabled: open });
+  const currentSessionId = react$1.useCurrentSessionId();
+  const terminate = react$1.useTerminateSession();
+  const views = chunkYVIOCITQ_cjs.toActiveSessionViews(sessions.data ?? [], {
+    currentSessionId,
+    terminatingId: terminate.isPending ? terminate.variables : null,
+    renderIcon: renderSessionIcon
+  });
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      chunkYVIOCITQ_cjs.SettingsRow,
+      {
+        label: "Active sessions",
+        description: "Devices and agents currently signed in to your account.",
+        children: /* @__PURE__ */ jsxRuntime.jsxs(
+          ui.Button,
+          {
+            type: "button",
+            variant: "outline",
+            size: "sm",
+            onClick: () => setOpen(true),
+            className: "flex items-center gap-2",
+            "data-testid": "active-sessions-button",
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Radio, { className: "h-4 w-4" }),
+              "Manage"
+            ]
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      chunkYVIOCITQ_cjs.ActiveSessionsDialog,
+      {
+        open,
+        onOpenChange: setOpen,
+        isLoading: sessions.isLoading,
+        sessions: views,
+        onTerminate: (id) => {
+          void (async () => {
+            const view = views.find((v) => v.id === id);
+            const label = view?.detail.split(" \xB7 ")[0];
+            const ok = await confirm?.(
+              `End the session on ${label}? It will be signed out immediately.`
+            ) ?? true;
+            if (!ok) return;
+            try {
+              await terminate.mutateAsync(id);
+            } catch {
+              notify?.("Failed to end session. Please try again.", "error");
+            }
+          })();
+        }
+      }
+    )
+  ] });
+}
+function ConnectedLogoutDialog({
+  open,
+  onClose,
+  isOnline = true,
+  renderSessionIcon
+}) {
+  const { logout } = chunk23XL6SVZ_cjs.useConnection();
+  const sessions = react$1.useSessions({ enabled: open });
+  const logoutAll = react$1.useLogoutAllSessions();
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    chunkYVIOCITQ_cjs.LogoutDialog,
+    {
+      open,
+      onClose,
+      onLogoutThis: () => {
+        onClose();
+        logout();
+      },
+      onLogoutAll: () => {
+        onClose();
+        void logoutAll.mutateAsync().finally(logout);
+      },
+      canLogoutAll: true,
+      isOnline,
+      sessions: chunkYVIOCITQ_cjs.toLogoutSessionViews(sessions.data ?? []),
+      renderSessionIcon
+    }
+  );
+}
+function ConnectedDangerZone({ notify, renderSubscriptionLink }) {
+  const [zoneOpen, setZoneOpen] = react.useState(false);
+  const [dialogOpen, setDialogOpen] = react.useState(false);
+  const { user, logout } = chunk23XL6SVZ_cjs.useConnection();
+  const remove = react$1.useDeleteAccount();
+  const flow = react$1.useDeleteAccountFlow({
+    userEmail: user?.email ?? "",
+    remove: () => remove.mutateAsync(),
+    onClose: () => setDialogOpen(false),
+    onDeleted: logout,
+    onError: () => notify?.("Failed to delete account. Please try again.", "error")
+  });
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      chunkYVIOCITQ_cjs.SettingsDangerZone,
+      {
+        isOpen: zoneOpen,
+        onToggle: () => setZoneOpen((o) => !o),
+        title: "Delete your account",
+        description: "Once deleted, your account will be immediately closed and you will be logged out. This action cannot be undone.",
+        action: /* @__PURE__ */ jsxRuntime.jsx(
+          ui.Button,
+          {
+            variant: "destructive",
+            size: "sm",
+            disabled: !user?.email,
+            onClick: () => setDialogOpen(true),
+            "data-testid": "delete-account-button",
+            children: "Delete Account"
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      chunkYVIOCITQ_cjs.DeleteAccountDialog,
+      {
+        open: dialogOpen,
+        onClose: flow.onClose,
+        step: flow.step,
+        blockers: chunkYVIOCITQ_cjs.toDeleteBlockerViews(flow.blockers, renderSubscriptionLink),
+        onContinue: flow.onContinue,
+        onBack: flow.onBack,
+        userEmail: user?.email ?? "",
+        confirmEmail: flow.confirmEmail,
+        onConfirmEmailChange: flow.onConfirmEmailChange,
+        isDeleting: flow.isDeleting,
+        onSubmit: flow.onSubmit
+      }
+    )
+  ] });
+}
 
 Object.defineProperty(exports, "ConnectedAssistantDock", {
   enumerable: true,
-  get: function () { return chunk3MIQASHO_cjs.ConnectedAssistantDock; }
+  get: function () { return chunk23XL6SVZ_cjs.ConnectedAssistantDock; }
 });
 Object.defineProperty(exports, "ConnectionProvider", {
   enumerable: true,
-  get: function () { return chunk3MIQASHO_cjs.ConnectionProvider; }
+  get: function () { return chunk23XL6SVZ_cjs.ConnectionProvider; }
 });
 Object.defineProperty(exports, "SESSION_EXPIRED_MESSAGE", {
   enumerable: true,
-  get: function () { return chunk3MIQASHO_cjs.SESSION_EXPIRED_MESSAGE; }
+  get: function () { return chunk23XL6SVZ_cjs.SESSION_EXPIRED_MESSAGE; }
 });
 Object.defineProperty(exports, "isAuthenticated", {
   enumerable: true,
-  get: function () { return chunk3MIQASHO_cjs.isAuthenticated; }
+  get: function () { return chunk23XL6SVZ_cjs.isAuthenticated; }
 });
 Object.defineProperty(exports, "redlineStats", {
   enumerable: true,
-  get: function () { return chunk3MIQASHO_cjs.redlineStats; }
+  get: function () { return chunk23XL6SVZ_cjs.redlineStats; }
 });
 Object.defineProperty(exports, "textToArtifact", {
   enumerable: true,
-  get: function () { return chunk3MIQASHO_cjs.textToArtifact; }
+  get: function () { return chunk23XL6SVZ_cjs.textToArtifact; }
 });
 Object.defineProperty(exports, "toRedlineMarkdown", {
   enumerable: true,
-  get: function () { return chunk3MIQASHO_cjs.toRedlineMarkdown; }
+  get: function () { return chunk23XL6SVZ_cjs.toRedlineMarkdown; }
 });
 Object.defineProperty(exports, "useConnectedAiTask", {
   enumerable: true,
-  get: function () { return chunk3MIQASHO_cjs.useConnectedAiTask; }
+  get: function () { return chunk23XL6SVZ_cjs.useConnectedAiTask; }
 });
 Object.defineProperty(exports, "useConnectedChat", {
   enumerable: true,
-  get: function () { return chunk3MIQASHO_cjs.useConnectedChat; }
+  get: function () { return chunk23XL6SVZ_cjs.useConnectedChat; }
 });
 Object.defineProperty(exports, "useConnection", {
   enumerable: true,
-  get: function () { return chunk3MIQASHO_cjs.useConnection; }
+  get: function () { return chunk23XL6SVZ_cjs.useConnection; }
 });
 Object.defineProperty(exports, "useSemanticSearch", {
   enumerable: true,
-  get: function () { return chunk3MIQASHO_cjs.useSemanticSearch; }
+  get: function () { return chunk23XL6SVZ_cjs.useSemanticSearch; }
 });
 Object.defineProperty(exports, "useWorkspaceDocs", {
   enumerable: true,
-  get: function () { return chunk3MIQASHO_cjs.useWorkspaceDocs; }
+  get: function () { return chunk23XL6SVZ_cjs.useWorkspaceDocs; }
 });
 exports.ArbiAppProvider = ArbiAppProvider;
+exports.ConnectedDangerZone = ConnectedDangerZone;
+exports.ConnectedLogoutDialog = ConnectedLogoutDialog;
+exports.ConnectedNotificationPreferences = ConnectedNotificationPreferences;
+exports.ConnectedProfileCard = ConnectedProfileCard;
+exports.ConnectedSecuritySection = ConnectedSecuritySection;
+exports.ConnectedSessionsRow = ConnectedSessionsRow;
+exports.defaultUnmetPasswordRequirement = defaultUnmetPasswordRequirement;
 exports.useConnectedShellWorkspaces = useConnectedShellWorkspaces;
 //# sourceMappingURL=index.cjs.map
 //# sourceMappingURL=index.cjs.map