@arbidocs/blocks 0.4.129 → 0.4.130

package/dist/connect/index.js

@@ -1,11 +1,11 @@
 "use client";
 import { FilesFilterBar, FolderFilterButton, FolderPickerRow } from '../chunk-7RJTEWYM.js';
-import { SettingsSection, ProfileCard, AvatarPicker, IdentityVerificationCard, IdentityVerificationDialog, RequireVerified, SettingsCard, SettingsActionRow, PasswordChangeDialog, EMAIL_NOTIFICATION_KEYS, EMAIL_NOTIFICATION_CATEGORIES, NotificationCategoryList, toNotificationCategories, toActiveSessionViews, SettingsRow, ActiveSessionsDialog, LogoutDialog, toLogoutSessionViews, SettingsDangerZone, DeleteAccountDialog, toDeleteBlockerViews } from '../chunk-GFYGYME3.js';
-import { useWorkspaceDocs } from '../chunk-6BTCDKCK.js';
-export { ConnectedAssistantDock, redlineStats, textToArtifact, toRedlineMarkdown, useConnectedAiTask, useConnectedChat, useSemanticSearch, useWorkspaceDocs } from '../chunk-6BTCDKCK.js';
-import { ConnectedNativeDocxEditor } from '../chunk-CJBN5HIS.js';
-import { ConnectionProvider, useConnection } from '../chunk-OYMWV45N.js';
-export { ConnectionProvider, SESSION_EXPIRED_MESSAGE, isAuthenticated, useConnection } from '../chunk-OYMWV45N.js';
+import { SettingsSection, ProfileCard, AvatarPicker, IdentityVerificationCard, IdentityVerificationDialog, RequireVerified, PasswordChangeDialog, SettingsCard, SettingsActionRow, EMAIL_NOTIFICATION_KEYS, EMAIL_NOTIFICATION_CATEGORIES, NotificationCategoryList, toNotificationCategories, toActiveSessionViews, SettingsRow, ActiveSessionsDialog, LogoutDialog, toLogoutSessionViews, SettingsDangerZone, DeleteAccountDialog, toDeleteBlockerViews } from '../chunk-OQ7RUNOC.js';
+import { useWorkspaceDocs } from '../chunk-QYTYW74G.js';
+export { ConnectedAssistantDock, redlineStats, textToArtifact, toRedlineMarkdown, useConnectedAiTask, useConnectedChat, useSemanticSearch, useWorkspaceDocs } from '../chunk-QYTYW74G.js';
+import { ConnectedNativeDocxEditor } from '../chunk-4UMXQPNA.js';
+import { ConnectionProvider, useConnection } from '../chunk-4RLCRFZS.js';
+export { ConnectionProvider, SESSION_EXPIRED_MESSAGE, isAuthenticated, useConnection } from '../chunk-4RLCRFZS.js';
 import { SignDocumentDialog } from '../chunk-2YOVK524.js';
 import '../chunk-GYAUJ4KT.js';
 import '../chunk-2FL7QJKJ.js';
@@ -22,28 +22,29 @@ import '../chunk-N5YEF3LC.js';
 import '../chunk-XD2M6LIG.js';
 import { StreamedArtifactFrame } from '../chunk-LOJVUGBJ.js';
 import '../chunk-VILAPTCB.js';
-import { ConfirmDialog } from '../chunk-ECERC6TI.js';
-import { ModalScaffold } from '../chunk-TX2ZICS7.js';
+import { ConfirmDialog } from '../chunk-VHJHY7TT.js';
 import { TabHeader } from '../chunk-4WWM3GQ5.js';
 import { ChatPage } from '../chunk-PUCY3UXN.js';
 import '../chunk-7XF5SFJ2.js';
-import { takeOpenDocumentForTurn, useRegisterOpenDocument } from '../chunk-GYCQ3FNL.js';
+import { takeOpenDocumentForTurn, useRegisterOpenDocument } from '../chunk-YBLIKTJK.js';
 import { splitDocRef, stepLevels, stepDocuments, stepKindOf, initialRunInputs, workflowSteps, stepStatesFromActivity, runThreadTitle, stepFields } from '../chunk-2DFDFOM7.js';
 import '../chunk-AUS3KBHJ.js';
 import '../chunk-AA3PT6KR.js';
 import '../chunk-SLSBJRWW.js';
 import '../chunk-NPLYHR2E.js';
 import '../chunk-7F6CBP3Z.js';
+import { useBlocksEnvironment } from '../chunk-YNIBUKV5.js';
+import { ModalScaffold } from '../chunk-TX2ZICS7.js';
 import { initials } from '../chunk-OXF2IFXG.js';
 import '../chunk-VUNV25KB.js';
 import { lazy, useState, useMemo, Suspense, useEffect, useRef, useCallback, useLayoutEffect } from 'react';
 import { QueryClient, QueryClientProvider, useQueryClient, useQuery } from '@tanstack/react-query';
-import { ArbiProvider, useConversations, useRunConversation, useWorkspaceActivity, useWorkspaceUsers, useWorkspaceNotificationLevel, useFollowThread, useUploadSkillFiles, ArtifactCanvas, useArbiChat, useArbi, useDocuments, useTagKindSchema, useTags, useSetTagValues, useUpdateTagKindSchema, useInvalidateTagData, useWorkspaces, useShellWorkspaces, useProfile, useUpdateProfile, useRequestEmailChange, useConfirmEmailChange, useNameEditor, useAvatarCrop, useEmailChange, ImageCropModal, useIdentityVerification, usePasswordChange, usePasswordChangeForm, useNotificationPreferences, useSessions, useCurrentSessionId, useTerminateSession, useLogoutAllSessions, useDeleteAccount, useDeleteAccountFlow, useArbiWebSocket, notify, useWorkNotifications, mailDraftIdFromContent, useMailClient, defaultMailAlias, useClaimNativeAlias, useMailOnline, useConnectMailAccount, useDisconnectMailAccount, useMailPolicy, useMailAccounts, useMailUnlock, useMailFolders, useMailMessages, useMailDraftCompose, useMailMessage, useMailCache, MailOfflineUnavailableError, accountPath, useAgentSession, useStartAgentSession, useCloseAgentSession, isAliasTakenError, nextAliasSuggestion, aliasTakenMessage, mailJson, ArbiWebSocketProvider, useCreateWork, useActOnStep, useConversationActivity, useConversationThreads, fileAttachment, useMailProjects, useSaveMailDraft, useSendMail, useMailDraftReplaced, AiAnswer, useMailDraftEditor } from '@arbidocs/react';
+import { ArbiProvider, useConversations, useRunConversation, useWorkspaceActivity, useWorkspaceUsers, useWorkspaceNotificationLevel, useFollowThread, useUploadSkillFiles, ArtifactCanvas, useArbiChat, useArbi, useDocuments, useTagKindSchema, useTags, useSetTagValues, useUpdateTagKindSchema, useInvalidateTagData, useWorkspaces, useShellWorkspaces, useProfile, useUpdateProfile, useRequestEmailChange, useConfirmEmailChange, useNameEditor, useAvatarCrop, useEmailChange, ImageCropModal, useIdentityVerification, usePasswordChange, usePasswordChangeForm, useNotificationPreferences, useSessions, useCurrentSessionId, useTerminateSession, useSignOut, useDeleteAccount, useDeleteAccountFlow, useArbiWebSocket, useWorkNotifications, mailDraftIdFromContent, useMailClient, defaultMailAlias, useClaimNativeAlias, useMailOnline, useConnectMailAccount, useDisconnectMailAccount, useMailPolicy, useMailAccounts, useMailUnlock, useMailFolders, useMailMessages, useMailDraftCompose, useMailMessage, useMailCache, MailOfflineUnavailableError, accountPath, useAgentSession, useStartAgentSession, useCloseAgentSession, isAliasTakenError, nextAliasSuggestion, aliasTakenMessage, mailJson, ArbiWebSocketProvider, useCreateWork, useActOnStep, useConversationActivity, useConversationThreads, fileAttachment, useMailProjects, useSaveMailDraft, useSendMail, useMailDraftReplaced, AiAnswer, useMailDraftEditor } from '@arbidocs/react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { Button, Label, Input, Dialog, DialogContent, DialogTitle, DialogDescription, Tooltip, TooltipTrigger, TooltipContent, cn } from '@arbidocs/react/ui';
 import { useStreamedArtifact } from '@arbidocs/react/artifacts';
 import { ExternalLink, UserCircle, KeyRound, Radio, Mail, Settings, Plus, ArrowLeft, Loader2, X, Paperclip, Send, MessageSquare } from 'lucide-react';
-import { useOptionalDocumentTools, fetchDocumentPdf, DocumentToolsProvider } from '@arbidocs/react/document-tools';
+import { useIsOnline, useOptionalDocumentTools, fetchDocumentPdf, DocumentToolsProvider } from '@arbidocs/react/document-tools';
 import { useNotify } from '@arbidocs/react/shell';
 import { bytesToBase64 } from '@arbidocs/client';
 import { createPortal } from 'react-dom';
@@ -1320,21 +1321,25 @@ var AVATAR_PROBLEMS = {
   "too-large": "Image must be 5 MB or smaller",
   unreadable: "Couldn't read that image \u2014 try a different file"
 };
-function ConnectedProfileCard({ notify: notify3, title = "Profile" }) {
+function ConnectedProfileCard({
+  title = "Profile",
+  avatarClassName = "bg-primary text-primary-foreground",
+  children
+}) {
+  const { notify } = useBlocksEnvironment();
   const { data: profile } = useProfile();
   const updateProfile = useUpdateProfile();
   const requestEmailChange = useRequestEmailChange();
   const confirmEmailChange = useConfirmEmailChange();
-  const { user } = useConnection();
   const name = useNameEditor({
     givenName: profile?.givenName,
     familyName: profile?.familyName,
     save: async (next) => {
       try {
         await updateProfile.mutateAsync(next);
-        notify3?.("Name updated", "success");
+        notify("Name updated", "success");
       } catch (e) {
-        notify3?.("Failed to update name", "error");
+        notify("Failed to update name", "error");
         throw e;
       }
     }
@@ -1343,89 +1348,96 @@ function ConnectedProfileCard({ notify: notify3, title = "Profile" }) {
     upload: async (picture) => {
       try {
         await updateProfile.mutateAsync({ picture });
-        notify3?.("Profile picture updated", "success");
+        notify("Profile picture updated", "success");
       } catch (e) {
-        notify3?.("Failed to update picture", "error");
+        notify("Failed to update picture", "error");
         throw e;
       }
     },
-    onProblem: (problem) => notify3?.(AVATAR_PROBLEMS[problem], "error")
+    onProblem: (problem) => notify(AVATAR_PROBLEMS[problem], "error")
   });
   const email = useEmailChange({
     requestCode: async (address) => {
       try {
         await requestEmailChange.mutateAsync(address);
-        notify3?.("Verification code sent to your new email", "success");
+        notify("Verification code sent to your new email", "success");
       } catch (e) {
-        notify3?.(errorText(e, "Failed to send verification code"), "error");
+        notify(errorText(e, "Failed to send verification code"), "error");
         throw e;
       }
     },
     confirm: async (args) => {
       try {
         await confirmEmailChange.mutateAsync(args);
-        notify3?.("Email address updated", "success");
+        notify("Email address updated", "success");
       } catch (e) {
-        notify3?.(errorText(e, "Invalid or expired verification code"), "error");
+        notify(errorText(e, "Invalid or expired verification code"), "error");
         throw e;
       }
     }
   });
-  const display = profile?.fullName || user?.name || "Unnamed";
-  return /* @__PURE__ */ jsx(SettingsSection, { icon: /* @__PURE__ */ jsx(UserCircle, {}), title, children: /* @__PURE__ */ jsx(
-    ProfileCard,
-    {
-      avatar: /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx(
-          AvatarPicker,
-          {
-            pictureUrl: profile?.picture ?? user?.picture,
-            initials: initials(display),
-            fallbackClassName: "bg-primary text-primary-foreground",
-            isUploading: avatar.isUploading,
-            onFileChosen: avatar.onFileChosen
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          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,
-      isVerified: profile?.isIdentityVerified ?? false,
-      onStartEmailChange: email.onStart,
-      emailChange: email.isOpen ? email : void 0
-    }
-  ) });
+  const display = profile?.fullName || "Unnamed";
+  return /* @__PURE__ */ jsxs(SettingsSection, { icon: /* @__PURE__ */ jsx(UserCircle, {}), title, children: [
+    /* @__PURE__ */ jsx(
+      ProfileCard,
+      {
+        avatar: /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(
+            AvatarPicker,
+            {
+              pictureUrl: profile?.picture,
+              initials: initials(display),
+              fallbackClassName: avatarClassName,
+              isUploading: avatar.isUploading,
+              onFileChosen: avatar.onFileChosen
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            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 ?? "",
+        isSso: profile?.isSso ?? false,
+        isVerified: profile?.isIdentityVerified ?? false,
+        onStartEmailChange: email.onStart,
+        emailChange: email.isOpen ? email : void 0
+      }
+    ),
+    children
+  ] });
 }
 function ConnectedIdentityVerification({
-  notify: notify3,
-  labels
+  labels,
+  onManageBilling,
+  formatPrice
 }) {
+  const { notify } = useBlocksEnvironment();
   const { data: profile } = useProfile();
   const flow = useIdentityVerification({
-    onVerifiedChange: (verified) => notify3?.(verified ? "Identity verified" : "Verified tick removed", "success"),
-    onNameAccepted: () => notify3?.("Name updated to match your ID", "success")
+    formatPrice,
+    onVerifiedChange: (verified) => notify(verified ? "Identity verified" : "Verified tick removed", "success"),
+    onNameAccepted: () => notify("Name updated to match your ID", "success")
   });
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(IdentityVerificationCard, { flow, labels }),
+    /* @__PURE__ */ jsx(IdentityVerificationCard, { flow, labels, onManageBilling }),
     /* @__PURE__ */ jsx(
       IdentityVerificationDialog,
       {
         flow,
         accountName: profile?.fullName ?? "",
-        labels
+        labels,
+        onManageBilling
       }
     )
   ] });
@@ -1443,21 +1455,55 @@ function defaultUnmetPasswordRequirement(password) {
   if (!/[0-9]/.test(password)) return "At least one number";
   return null;
 }
-function ConnectedSecuritySection({
-  notify: notify3,
+function ConnectedPasswordChangeDialog({
+  open,
+  onClose,
   getUnmetRequirement = defaultUnmetPasswordRequirement,
-  children
+  recoveryMode = false,
+  onRecoveryComplete
 }) {
-  const [open, setOpen] = useState(false);
+  const { notify } = useBlocksEnvironment();
   const change = usePasswordChange();
   const form = usePasswordChangeForm({
+    recoveryMode,
     getUnmetRequirement,
     submit: async (vars) => {
       await change.mutateAsync(vars);
-      notify3?.("Password changed successfully", "success");
+      notify(
+        recoveryMode ? "Account recovered and password set successfully" : "Password changed successfully",
+        "success"
+      );
     },
-    onClose: () => setOpen(false)
+    onClose,
+    onRecoveryComplete
   });
+  return /* @__PURE__ */ jsx(
+    PasswordChangeDialog,
+    {
+      open,
+      onClose: form.onCancel,
+      recoveryMode,
+      currentPassword: form.currentPassword,
+      onCurrentPasswordChange: form.onCurrentPasswordChange,
+      newPassword: form.newPassword,
+      onNewPasswordChange: form.onNewPasswordChange,
+      confirmPassword: form.confirmPassword,
+      onConfirmPasswordChange: form.onConfirmPasswordChange,
+      getUnmetRequirement,
+      error: form.error,
+      isProcessing: form.isProcessing,
+      isSubmitDisabled: form.isSubmitDisabled,
+      onSubmit: form.onSubmit,
+      isChanged: form.isChanged,
+      onDone: form.onDone
+    }
+  );
+}
+function ConnectedSecuritySection({
+  getUnmetRequirement,
+  children
+}) {
+  const [open, setOpen] = useState(false);
   return /* @__PURE__ */ jsxs(SettingsSection, { icon: /* @__PURE__ */ jsx(KeyRound, {}), title: "Security", children: [
     /* @__PURE__ */ jsxs(SettingsCard, { padding: "sm", children: [
       /* @__PURE__ */ jsx(
@@ -1472,24 +1518,11 @@ function ConnectedSecuritySection({
       children
     ] }),
     /* @__PURE__ */ jsx(
-      PasswordChangeDialog,
+      ConnectedPasswordChangeDialog,
       {
         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,
-        error: form.error,
-        isProcessing: form.isProcessing,
-        isSubmitDisabled: form.isSubmitDisabled,
-        onSubmit: form.onSubmit,
-        isChanged: form.isChanged,
-        onDone: form.onDone
+        onClose: () => setOpen(false),
+        getUnmetRequirement
       }
     )
   ] });
@@ -1516,11 +1549,8 @@ function ConnectedNotificationPreferences({
     }
   ) }) });
 }
-function ConnectedSessionsRow({
-  notify: notify3,
-  confirm,
-  renderSessionIcon
-}) {
+function ConnectedSessionsRow({ renderSessionIcon }) {
+  const { notify, confirm } = useBlocksEnvironment();
   const [open, setOpen] = useState(false);
   const sessions = useSessions({ enabled: open });
   const currentSessionId = useCurrentSessionId();
@@ -1564,14 +1594,15 @@ function ConnectedSessionsRow({
           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;
+            const ok = await confirm({
+              title: "End session",
+              message: `End the session on ${label}? It will be signed out immediately.`
+            });
             if (!ok) return;
             try {
               await terminate.mutateAsync(id);
             } catch {
-              notify3?.("Failed to end session. Please try again.", "error");
+              notify("Failed to end session. Please try again.", "error");
             }
           })();
         }
@@ -1582,43 +1613,46 @@ function ConnectedSessionsRow({
 function ConnectedLogoutDialog({
   open,
   onClose,
-  isOnline = true,
+  canLogoutAll = true,
+  confirmSignOut,
   renderSessionIcon
 }) {
-  const { logout } = useConnection();
   const sessions = useSessions({ enabled: open });
-  const logoutAll = useLogoutAllSessions();
+  const signOut = useSignOut();
+  const isOnline = useIsOnline();
+  const run = async (everywhere) => {
+    onClose();
+    if (confirmSignOut && !await confirmSignOut()) return;
+    signOut.mutate({ everywhere, reason: "manual" });
+  };
   return /* @__PURE__ */ jsx(
     LogoutDialog,
     {
       open,
       onClose,
-      onLogoutThis: () => {
-        onClose();
-        logout();
-      },
-      onLogoutAll: () => {
-        onClose();
-        void logoutAll.mutateAsync().finally(logout);
-      },
-      canLogoutAll: true,
+      onLogoutThis: () => void run(false),
+      onLogoutAll: () => void run(true),
+      canLogoutAll,
       isOnline,
       sessions: toLogoutSessionViews(sessions.data ?? []),
       renderSessionIcon
     }
   );
 }
-function ConnectedDangerZone({ notify: notify3, renderSubscriptionLink }) {
+function ConnectedDangerZone({ renderSubscriptionLink }) {
+  const { notify } = useBlocksEnvironment();
   const [zoneOpen, setZoneOpen] = useState(false);
   const [dialogOpen, setDialogOpen] = useState(false);
-  const { user, logout } = useConnection();
+  const { data: profile } = useProfile();
+  const userEmail = profile?.email ?? "";
   const remove = useDeleteAccount();
+  const signOut = useSignOut();
   const flow = useDeleteAccountFlow({
-    userEmail: user?.email ?? "",
+    userEmail,
     remove: () => remove.mutateAsync(),
     onClose: () => setDialogOpen(false),
-    onDeleted: logout,
-    onError: () => notify3?.("Failed to delete account. Please try again.", "error")
+    onDeleted: () => signOut.mutate({ reason: "account-deleted" }),
+    onError: () => notify("Failed to delete account. Please try again.", "error")
   });
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(
@@ -1633,7 +1667,7 @@ function ConnectedDangerZone({ notify: notify3, renderSubscriptionLink }) {
           {
             variant: "destructive",
             size: "sm",
-            disabled: !user?.email,
+            disabled: !userEmail,
             onClick: () => setDialogOpen(true),
             "data-testid": "delete-account-button",
             children: "Delete Account"
@@ -1650,7 +1684,7 @@ function ConnectedDangerZone({ notify: notify3, renderSubscriptionLink }) {
         blockers: toDeleteBlockerViews(flow.blockers, renderSubscriptionLink),
         onContinue: flow.onContinue,
         onBack: flow.onBack,
-        userEmail: user?.email ?? "",
+        userEmail,
         confirmEmail: flow.confirmEmail,
         onConfirmEmailChange: flow.onConfirmEmailChange,
         isDeleting: flow.isDeleting,
@@ -1662,6 +1696,7 @@ function ConnectedDangerZone({ notify: notify3, renderSubscriptionLink }) {
 function useConnectedDocxNotifications(onOpen) {
   const arbi = useArbi();
   const { status, user, apiUrl } = useConnection();
+  const { notify } = useBlocksEnvironment();
   const queries = useQueryClient();
   const source = `docx-mentions:${apiUrl}:${user?.externalId || ""}`;
   const queryKey = ["docx-mentions", apiUrl, user?.externalId];
@@ -1693,8 +1728,9 @@ function useConnectedDocxNotifications(onOpen) {
             source,
             onSelect: () => {
               void Promise.resolve(onOpen({ documentId, commentId, workspaceId })).catch(
-                (error) => notify.error(
-                  error instanceof Error ? error.message : "Could not open the document."
+                (error) => notify(
+                  error instanceof Error ? error.message : "Could not open the document.",
+                  "error"
                 )
               );
             }
@@ -1704,13 +1740,13 @@ function useConnectedDocxNotifications(onOpen) {
       }
     useNotify.getState().syncSource(source, items);
     return () => useNotify.getState().syncSource(source, []);
-  }, [data, status, user?.externalId, source, onOpen]);
+  }, [data, status, user?.externalId, source, onOpen, notify]);
   const markRead = async (ids) => {
     try {
       await arbi.notifications.markRead(ids);
       await queries.invalidateQueries({ queryKey });
     } catch {
-      notify.error("Could not mark document mentions read.");
+      notify("Could not mark document mentions read.", "error");
     }
   };
   return {
@@ -1726,6 +1762,7 @@ function useConnectedDocxNotifications(onOpen) {
 }
 function useConnectedWorkNotifications(onOpen) {
   const { status, user, apiUrl } = useConnection();
+  const { notify } = useBlocksEnvironment();
   const source = `work-notifications:${apiUrl}:${user?.externalId || ""}`;
   const { data = [], markRead: persistRead } = useWorkNotifications({
     apiUrl,
@@ -1748,8 +1785,9 @@ function useConnectedWorkNotifications(onOpen) {
           source,
           onSelect: () => {
             void Promise.resolve().then(() => onOpen(mapped.target)).catch(
-              (error) => notify.error(
-                error instanceof Error ? error.message : "Could not open this notification."
+              (error) => notify(
+                error instanceof Error ? error.message : "Could not open this notification.",
+                "error"
               )
             );
           }
@@ -1757,13 +1795,13 @@ function useConnectedWorkNotifications(onOpen) {
       }
     useNotify.getState().syncSource(source, items);
     return () => useNotify.getState().syncSource(source, []);
-  }, [data, status, user?.externalId, source, onOpen]);
+  }, [data, status, user?.externalId, source, onOpen, notify]);
   const markRead = async (ids) => {
     if (!ids.length) return;
     try {
       await persistRead(ids);
     } catch {
-      notify.error("Could not mark work notifications read.");
+      notify("Could not mark work notifications read.", "error");
     }
   };
   return {
@@ -2171,16 +2209,16 @@ var NO_WORD = {
     loadFonts: () => Promise.reject(new Error("No Word editor"))
   }
 };
-function notifySent(notify3, result) {
+function notifySent(notify, result) {
   const status = result && typeof result === "object" && "delivery_status" in result ? result.delivery_status : null;
   if (status === "bounced")
-    notify3("Email couldn't be delivered", "error", { description: "Open it in Sent to see why." });
+    notify("Email couldn't be delivered", "error", { description: "Open it in Sent to see why." });
   else if (status === "partially_bounced")
-    notify3("Email couldn't be delivered to every recipient", "error", {
+    notify("Email couldn't be delivered to every recipient", "error", {
       description: "Open it in Sent to see which and why."
     });
-  else if (status === "delivered") notify3("Email delivered", "success");
-  else notify3("Email queued for delivery", "success");
+  else if (status === "delivered") notify("Email delivered", "success");
+  else notify("Email queued for delivery", "success");
 }
 function MailComposerForm({
   account,
@@ -2197,13 +2235,13 @@ function MailComposerForm({
   localDraftId: initialLocalDraftId,
   offline,
   documents,
-  notify: notify3,
   word,
   sessionKey,
   roomId,
   headerSlot
 }) {
   const { client } = useMailClient();
+  const { notify, confirm } = useBlocksEnvironment();
   const [to, setTo] = useState(initial.to.map((r) => r.email).join("; "));
   const [cc, setCc] = useState(initial.cc.map((r) => r.email).join("; "));
   const [showCc, setShowCc] = useState(initial.cc.length > 0);
@@ -2338,7 +2376,7 @@ function MailComposerForm({
       setWordPending(true);
       try {
         if (!secure) {
-          notifySent(notify3, await wordBody.send({ ...value, request_id: requestId.current }));
+          notifySent(notify, await wordBody.send({ ...value, request_id: requestId.current }));
           onClose();
           return;
         }
@@ -2372,13 +2410,13 @@ function MailComposerForm({
       {
         onSuccess: (result) => {
           if (result && typeof result === "object" && "onDevice" in result) {
-            notify3("Saved to your Outbox", "info", {
+            notify("Saved to your Outbox", "info", {
               description: "It will be sent automatically when you're back online."
             });
             onClose();
             return;
           }
-          notifySent(notify3, result);
+          notifySent(notify, result);
           if (localDraftId) void offline?.deleteDraft(localDraftId);
           onClose();
         },
@@ -2425,9 +2463,14 @@ function MailComposerForm({
   };
   const close = () => {
     if (busy) return;
-    if (!saved && (dirty || !draftId) && (text || subject || to || cc || bcc || attachments.length || bodyChanged) && !window.confirm("Close this message without saving your latest changes?"))
-      return;
-    onClose();
+    const unsaved = !saved && (dirty || !draftId) && (text || subject || to || cc || bcc || attachments.length || bodyChanged);
+    if (!unsaved) return onClose();
+    void confirm({
+      title: "Discard changes",
+      message: "Close this message without saving your latest changes?"
+    }).then((ok) => {
+      if (ok) onClose();
+    });
   };
   useEffect(() => {
     if (closeRequestRef) closeRequestRef.current = close;
@@ -2528,8 +2571,12 @@ function MailComposerForm({
                     className: "h-7 shrink-0 text-xs",
                     disabled: busy,
                     onClick: () => {
-                      if (window.confirm("Discard your unsaved changes and load the changed draft?"))
-                        onReload(replacedBy);
+                      void confirm({
+                        title: "Load changes",
+                        message: "Discard your unsaved changes and load the changed draft?"
+                      }).then((ok) => {
+                        if (ok) onReload(replacedBy);
+                      });
                     },
                     children: "Load changes"
                   }
@@ -2780,9 +2827,8 @@ function MailComposerForm({
     }
   );
 }
-var defaultMailNotify = (message, variant, options) => {
-  notify[variant](message, options);
-};
+
+// src/connection/mail/mailbox.ts
 function resolveMailbox(accounts, mailbox) {
   if (!accounts) return void 0;
   if (mailbox === "native") return accounts.find((a) => a.provider === "native");
@@ -2797,7 +2843,6 @@ function ConnectedMailComposer({
   maxBytes: maxBytesProp,
   ready: readyProp,
   drafts: draftsProp,
-  notify: notify3 = defaultMailNotify,
   offline,
   replyTo,
   ...rest
@@ -2851,7 +2896,6 @@ function ConnectedMailComposer({
       maxBytes: maxBytesProp ?? policy.data?.max_attachment_bytes ?? DEFAULT_MAX_BYTES,
       ready,
       drafts: draftsProp ?? draftsList.data?.messages ?? [],
-      notify: notify3,
       offline,
       onReload: setReloaded,
       ...rest
@@ -3043,9 +3087,9 @@ function ConnectedMailbox({
   onViewerOpenChange,
   gridState,
   onGridStateChange,
-  initialMessageId = null,
-  notify: notify3 = defaultMailNotify
+  initialMessageId = null
 }) {
+  const { notify } = useBlocksEnvironment();
   const cache = useMailCache();
   const { client } = useMailClient();
   const [savingToWorkspace, setSavingToWorkspace] = useState(false);
@@ -3259,7 +3303,7 @@ function ConnectedMailbox({
         new File([await response.blob()], fileName, { type: "message/rfc822" })
       );
       setSavingToWorkspace(false);
-      notify3(
+      notify(
         "Email saved to workspace",
         "success",
         documentId && onOpenDocument ? { action: { label: "Open", onClick: () => onOpenDocument(documentId, workspaceId) } } : void 0
@@ -3528,7 +3572,6 @@ function ConnectedMailbox({
             localDraftId: composeLocalDraftId,
             offline,
             documents,
-            notify: notify3,
             word,
             sessionKey: `${mailboxKey}-${composeSession}`,
             onChange: setCompose,
@@ -3782,6 +3825,6 @@ function ConnectedAgentChatPanel({
   ] });
 }
 
-export { ArbiAppProvider, ConnectedAgentChatPanel, ConnectedDangerZone, ConnectedIdentityVerification, ConnectedLogoutDialog, ConnectedMailAccounts, ConnectedMailComposer, ConnectedMailMessage, ConnectedMailSetup, ConnectedMailbox, ConnectedNotificationPreferences, ConnectedProfileCard, ConnectedRequireVerified, ConnectedSecuritySection, ConnectedSessionsRow, ConnectedSkillUpload, ConnectedTagTable, ConnectedTaskAccessRequest, ConnectedThreadFollow, ConnectedWorkflowRunner, ConnectedWorkspaceActivity, ConnectedWorkspaceNotificationMenu, DEFAULT_CONNECTED_WORKFLOW_RUNNER_LABELS, StreamedArtifact, WorkflowRunThread, defaultMailNotify, defaultUnmetPasswordRequirement, resolveMailbox, useConnectedDocxNotifications, useConnectedShellWorkspaces, useConnectedWorkNotifications };
+export { ArbiAppProvider, ConnectedAgentChatPanel, ConnectedDangerZone, ConnectedIdentityVerification, ConnectedLogoutDialog, ConnectedMailAccounts, ConnectedMailComposer, ConnectedMailMessage, ConnectedMailSetup, ConnectedMailbox, ConnectedNotificationPreferences, ConnectedPasswordChangeDialog, ConnectedProfileCard, ConnectedRequireVerified, ConnectedSecuritySection, ConnectedSessionsRow, ConnectedSkillUpload, ConnectedTagTable, ConnectedTaskAccessRequest, ConnectedThreadFollow, ConnectedWorkflowRunner, ConnectedWorkspaceActivity, ConnectedWorkspaceNotificationMenu, DEFAULT_CONNECTED_WORKFLOW_RUNNER_LABELS, StreamedArtifact, WorkflowRunThread, defaultUnmetPasswordRequirement, resolveMailbox, useConnectedDocxNotifications, useConnectedShellWorkspaces, useConnectedWorkNotifications };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map