@arbidocs/blocks 0.4.128 → 0.4.130

package/dist/connect/index.cjs

@@ -1,39 +1,40 @@
 "use client";
 'use strict';
 
-var chunkOR4CO743_cjs = require('../chunk-OR4CO743.cjs');
-var chunkFSBY2S4V_cjs = require('../chunk-FSBY2S4V.cjs');
-var chunk3BJLNKOB_cjs = require('../chunk-3BJLNKOB.cjs');
-var chunkMUMH3Z6K_cjs = require('../chunk-MUMH3Z6K.cjs');
+var chunkO4YPVYPO_cjs = require('../chunk-O4YPVYPO.cjs');
+var chunkAAFX64WD_cjs = require('../chunk-AAFX64WD.cjs');
+var chunk4QIIDXLF_cjs = require('../chunk-4QIIDXLF.cjs');
+var chunkGZPTWHP5_cjs = require('../chunk-GZPTWHP5.cjs');
+var chunkARDHLU73_cjs = require('../chunk-ARDHLU73.cjs');
 var chunkJH6JTI76_cjs = require('../chunk-JH6JTI76.cjs');
 require('../chunk-S24XEVPS.cjs');
 require('../chunk-V5OAXIBN.cjs');
 require('../chunk-5FYU7ZIU.cjs');
-var chunkO4YPVYPO_cjs = require('../chunk-O4YPVYPO.cjs');
-var chunkD4YR56FV_cjs = require('../chunk-D4YR56FV.cjs');
+var chunkKYDRUFWT_cjs = require('../chunk-KYDRUFWT.cjs');
 var chunkO6IEZDRC_cjs = require('../chunk-O6IEZDRC.cjs');
 var chunkI2QSDQQV_cjs = require('../chunk-I2QSDQQV.cjs');
 require('../chunk-RC25WMVB.cjs');
-var chunkLC2KJSUS_cjs = require('../chunk-LC2KJSUS.cjs');
-require('../chunk-7D737FLE.cjs');
-var chunkN26CXGXC_cjs = require('../chunk-N26CXGXC.cjs');
+var chunkSARREDFP_cjs = require('../chunk-SARREDFP.cjs');
 require('../chunk-DETZZBG2.cjs');
+var chunkN26CXGXC_cjs = require('../chunk-N26CXGXC.cjs');
 var chunk2EI7NCUA_cjs = require('../chunk-2EI7NCUA.cjs');
 require('../chunk-C2CWWEHO.cjs');
+require('../chunk-7D737FLE.cjs');
 var chunkQVBZESYQ_cjs = require('../chunk-QVBZESYQ.cjs');
 require('../chunk-ADOKTJHV.cjs');
-var chunkZAVEMQ37_cjs = require('../chunk-ZAVEMQ37.cjs');
+var chunkDWZXSPMB_cjs = require('../chunk-DWZXSPMB.cjs');
 var chunk7RGLTF76_cjs = require('../chunk-7RGLTF76.cjs');
-var chunkULWRNGGE_cjs = require('../chunk-ULWRNGGE.cjs');
-var chunkWV4IDVDQ_cjs = require('../chunk-WV4IDVDQ.cjs');
+var chunkPJJY6CYL_cjs = require('../chunk-PJJY6CYL.cjs');
 require('../chunk-B6MVQCXW.cjs');
-var chunkSWQX6CTT_cjs = require('../chunk-SWQX6CTT.cjs');
-var chunkHM23LXUP_cjs = require('../chunk-HM23LXUP.cjs');
-require('../chunk-7UTB4PHM.cjs');
+var chunkJKB7WT7L_cjs = require('../chunk-JKB7WT7L.cjs');
+var chunk6AALMYPS_cjs = require('../chunk-6AALMYPS.cjs');
 require('../chunk-32HW2Q33.cjs');
+require('../chunk-7UTB4PHM.cjs');
 require('../chunk-FX3K6LNZ.cjs');
 require('../chunk-PPCATBOY.cjs');
 require('../chunk-MHVNT4J3.cjs');
+var chunkC4WSHRR6_cjs = require('../chunk-C4WSHRR6.cjs');
+var chunkULWRNGGE_cjs = require('../chunk-ULWRNGGE.cjs');
 var chunkKDG6FER6_cjs = require('../chunk-KDG6FER6.cjs');
 require('../chunk-DES3K4SD.cjs');
 var react = require('react');
@@ -49,7 +50,7 @@ var client = require('@arbidocs/client');
 var reactDom = require('react-dom');
 
 function ConnectionBoundWebSocket({ children }) {
-  const { status } = chunkMUMH3Z6K_cjs.useConnection();
+  const { status } = chunkARDHLU73_cjs.useConnection();
   return /* @__PURE__ */ jsxRuntime.jsx(react$1.ArbiWebSocketProvider, { enabled: status === "authenticated", children });
 }
 function ArbiAppProvider({
@@ -62,10 +63,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, deploymentDomain: config.deploymentDomain, children: /* @__PURE__ */ jsxRuntime.jsx(chunkMUMH3Z6K_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, deploymentDomain: config.deploymentDomain, children: /* @__PURE__ */ jsxRuntime.jsx(chunkARDHLU73_cjs.ConnectionProvider, { config, children: /* @__PURE__ */ jsxRuntime.jsx(ConnectionBoundWebSocket, { children }) }) }) });
 }
 function ConnectedTaskAccessRequest({ conversationId }) {
-  const { workspaceId } = chunkMUMH3Z6K_cjs.useConnection();
+  const { workspaceId } = chunkARDHLU73_cjs.useConnection();
   const tasks = react$1.useConversations(workspaceId ?? void 0, { live: true });
   const run = react$1.useRunConversation();
   const task = tasks.data?.find((item) => item.external_id === conversationId);
@@ -97,7 +98,7 @@ function ConnectedWorkspaceActivity({
   pageSize,
   ...listProps
 }) {
-  const { workspaceId: selected, status, ensureWorkspaceOpen } = chunkMUMH3Z6K_cjs.useConnection();
+  const { workspaceId: selected, status, ensureWorkspaceOpen } = chunkARDHLU73_cjs.useConnection();
   const workspaceId = workspaceProp ?? selected ?? void 0;
   const live = status === "authenticated" && !!workspaceId;
   const feed = react$1.useWorkspaceActivity(workspaceId, {
@@ -124,7 +125,7 @@ function ConnectedWorkspaceActivity({
     [feed.data]
   );
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkD4YR56FV_cjs.WorkspaceActivityList,
+    chunkKYDRUFWT_cjs.WorkspaceActivityList,
     {
       ...listProps,
       items,
@@ -143,14 +144,14 @@ function ConnectedWorkspaceNotificationMenu({
   workspaceId: workspaceProp,
   ...menuProps
 }) {
-  const { workspaceId: selected, status } = chunkMUMH3Z6K_cjs.useConnection();
+  const { workspaceId: selected, status } = chunkARDHLU73_cjs.useConnection();
   const workspaceId = workspaceProp ?? selected;
   const { level, setLevel, isLoading, isSaving } = react$1.useWorkspaceNotificationLevel(workspaceId, {
     enabled: status === "authenticated"
   });
   if (!workspaceId) return null;
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkD4YR56FV_cjs.WorkspaceNotificationMenu,
+    chunkKYDRUFWT_cjs.WorkspaceNotificationMenu,
     {
       ...menuProps,
       level,
@@ -164,12 +165,12 @@ function ConnectedThreadFollow({
   as = "button",
   ...props
 }) {
-  const { status } = chunkMUMH3Z6K_cjs.useConnection();
+  const { status } = chunkARDHLU73_cjs.useConnection();
   const { following, setFollowing, isLoading, isSaving } = react$1.useFollowThread(conversationId, {
     enabled: status === "authenticated"
   });
   if (!conversationId) return null;
-  const Control = as === "menu-item" ? chunkD4YR56FV_cjs.ThreadFollowMenuItem : chunkD4YR56FV_cjs.ThreadFollowButton;
+  const Control = as === "menu-item" ? chunkKYDRUFWT_cjs.ThreadFollowMenuItem : chunkKYDRUFWT_cjs.ThreadFollowButton;
   return /* @__PURE__ */ jsxRuntime.jsx(
     Control,
     {
@@ -222,7 +223,7 @@ function ConnectedSkillUpload() {
     upload.error && /* @__PURE__ */ jsxRuntime.jsx("p", { role: "alert", className: "text-sm text-destructive", children: upload.error.message })
   ] });
 }
-var StreamedArtifactEditor = react.lazy(() => import('../StreamedArtifactEditor-EEYAXJ4H.cjs'));
+var StreamedArtifactEditor = react.lazy(() => import('../StreamedArtifactEditor-TQAND4H5.cjs'));
 function StreamedArtifact({
   artifacts: artifacts$1,
   workspaceId,
@@ -295,7 +296,7 @@ function StreamedArtifact({
 }
 var STARTING = /* @__PURE__ */ new Set(["pending", "running"]);
 function formValues(step, inputs) {
-  const fields = chunkHM23LXUP_cjs.stepFields(step);
+  const fields = chunk6AALMYPS_cjs.stepFields(step);
   if (!fields.length) return void 0;
   if (step.kind === "form")
     return Object.fromEntries(fields.map((f) => [f.name, inputs[f.name] ?? ""]));
@@ -329,11 +330,11 @@ function useAnswerRetry(missing, refetch) {
 }
 function useWorkflowThread(workflow, options = {}) {
   const arbi = react$1.useArbi();
-  const { ensureWorkspaceOpen, status } = chunkMUMH3Z6K_cjs.useConnection();
-  const { wsId } = chunkFSBY2S4V_cjs.useWorkspaceDocs();
+  const { ensureWorkspaceOpen, status } = chunkARDHLU73_cjs.useConnection();
+  const { wsId } = chunk4QIIDXLF_cjs.useWorkspaceDocs();
   const [threadId, setThreadId] = react.useState(options.conversationId);
   const [localInputs, setLocalInputs] = react.useState(
-    () => chunkHM23LXUP_cjs.initialRunInputs(workflow, options.initialInputs)
+    () => chunk6AALMYPS_cjs.initialRunInputs(workflow, options.initialInputs)
   );
   const [edits, setEdits] = react.useState({});
   const [localStates, setLocalStates] = react.useState({});
@@ -353,12 +354,12 @@ function useWorkflowThread(workflow, options = {}) {
   );
   const conversation = conversations.data?.find((c) => c.external_id === threadId);
   const steps = react.useMemo(
-    () => chunkHM23LXUP_cjs.workflowSteps(workflow).length > 0 ? chunkHM23LXUP_cjs.workflowSteps(workflow) : chunkLC2KJSUS_cjs.fromPlanSteps(conversation?.plan?.steps ?? []),
+    () => chunk6AALMYPS_cjs.workflowSteps(workflow).length > 0 ? chunk6AALMYPS_cjs.workflowSteps(workflow) : chunkSARREDFP_cjs.fromPlanSteps(conversation?.plan?.steps ?? []),
     [workflow, conversation?.plan?.steps]
   );
   const activity = react$1.useConversationActivity(threadId, { live: !!threadId });
   const serverStates = react.useMemo(
-    () => chunkHM23LXUP_cjs.stepStatesFromActivity(activity.data ?? []),
+    () => chunk6AALMYPS_cjs.stepStatesFromActivity(activity.data ?? []),
     [activity.data]
   );
   const working = steps.some(
@@ -401,7 +402,7 @@ function useWorkflowThread(workflow, options = {}) {
     async (values, done) => {
       await ensureWorkspaceOpen();
       const created = await createWork.mutateAsync({
-        title: chunkHM23LXUP_cjs.runThreadTitle(workflow, values).slice(0, 60),
+        title: chunk6AALMYPS_cjs.runThreadTitle(workflow, values).slice(0, 60),
         description: workflow.description || null,
         prompt: null,
         skill_ref: null,
@@ -413,7 +414,7 @@ function useWorkflowThread(workflow, options = {}) {
           criteria: [],
           max_passes: 3,
           documents: [],
-          steps: chunkLC2KJSUS_cjs.toPlanSteps(workflow, {
+          steps: chunkSARREDFP_cjs.toPlanSteps(workflow, {
             inputs: values,
             resolveWorkflow: options.resolveWorkflow,
             compose: options.compose
@@ -500,7 +501,7 @@ function useWorkflowThread(workflow, options = {}) {
   const anyRunning = Object.values(states).some((s) => s.status === "running");
   const needsStart = !threadId || idle && !anyRunning;
   const runError = idle ? conversation?.last_error ?? null : null;
-  const view = chunkLC2KJSUS_cjs.useWorkflowView({
+  const view = chunkSARREDFP_cjs.useWorkflowView({
     steps,
     states,
     inputs,
@@ -543,7 +544,7 @@ function WorkflowRunThread({
     if (listed && activeThreadId !== conversationId) selectThread(conversationId);
   }, [listed, activeThreadId, conversationId, selectThread]);
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkWV4IDVDQ_cjs.ChatPage,
+    chunkPJJY6CYL_cjs.ChatPage,
     {
       chat: { ...chat, threads: chat.threads.filter((t) => t.id === conversationId) },
       singleThread: true,
@@ -579,9 +580,9 @@ function WorkflowSignDialog({
   labels
 }) {
   const arbi = react$1.useArbi();
-  const { user, ensureWorkspaceOpen } = chunkMUMH3Z6K_cjs.useConnection();
+  const { user, ensureWorkspaceOpen } = chunkARDHLU73_cjs.useConnection();
   const tools = documentTools.useOptionalDocumentTools();
-  const { id, version: stepVersion } = chunkHM23LXUP_cjs.splitDocRef(docRef);
+  const { id, version: stepVersion } = chunk6AALMYPS_cjs.splitDocRef(docRef);
   const [version, setVersion] = react.useState(stepVersion);
   const [pdf, setPdf] = react.useState(null);
   const [preparing, setPreparing] = react.useState(false);
@@ -659,7 +660,7 @@ function WorkflowWordDialog({
   onClose,
   labels
 }) {
-  const { id } = chunkHM23LXUP_cjs.splitDocRef(docRef);
+  const { id } = chunk6AALMYPS_cjs.splitDocRef(docRef);
   return /* @__PURE__ */ jsxRuntime.jsx(
     chunkULWRNGGE_cjs.ModalScaffold,
     {
@@ -668,7 +669,7 @@ function WorkflowWordDialog({
       title: title ?? labels.wordTitle,
       size: "xl",
       testId: "workflow-word-dialog",
-      children: /* @__PURE__ */ jsxRuntime.jsx(chunkULWRNGGE_cjs.ModalScaffold.Body, { className: "h-[70dvh] p-0", children: /* @__PURE__ */ jsxRuntime.jsx(chunk3BJLNKOB_cjs.ConnectedNativeDocxEditor, { documentId: id, title: title ?? labels.wordTitle }) })
+      children: /* @__PURE__ */ jsxRuntime.jsx(chunkULWRNGGE_cjs.ModalScaffold.Body, { className: "h-[70dvh] p-0", children: /* @__PURE__ */ jsxRuntime.jsx(chunkGZPTWHP5_cjs.ConnectedNativeDocxEditor, { documentId: id, title: title ?? labels.wordTitle }) })
     }
   );
 }
@@ -679,7 +680,7 @@ function WorkflowReviewGridDialog({
   onOpenDocument,
   labels
 }) {
-  const { workspaceId } = chunkMUMH3Z6K_cjs.useConnection();
+  const { workspaceId } = chunkARDHLU73_cjs.useConnection();
   const allTags = react$1.useTags(workspaceId ?? void 0);
   const all = react$1.useDocuments(workspaceId ?? void 0);
   const isLoading = allTags.isLoading || all.isLoading || all.isFetching && !all.isFetchedAfterMount;
@@ -807,8 +808,8 @@ function ConnectedWorkflowRunner({
   const l = { ...DEFAULT_CONNECTED_WORKFLOW_RUNNER_LABELS, ...connectedLabels };
   const dl = { ...DEFAULT_WORKFLOW_RUNNER_DIALOG_LABELS, ...dialogLabels };
   const arbi = react$1.useArbi();
-  const { ensureWorkspaceOpen, user } = chunkMUMH3Z6K_cjs.useConnection();
-  const { wsId } = chunkFSBY2S4V_cjs.useWorkspaceDocs();
+  const { ensureWorkspaceOpen, user } = chunkARDHLU73_cjs.useConnection();
+  const { wsId } = chunk4QIIDXLF_cjs.useWorkspaceDocs();
   const { data: docs = [], refetch } = react$1.useDocuments(wsId);
   const [sending, setSending] = react.useState([]);
   const [added, setAdded] = react.useState({});
@@ -831,7 +832,7 @@ function ConnectedWorkflowRunner({
     () => ({
       me: user?.externalId,
       openDocument: onOpenDocument && ((ref) => {
-        const { id, version } = chunkHM23LXUP_cjs.splitDocRef(ref);
+        const { id, version } = chunk6AALMYPS_cjs.splitDocRef(ref);
         onOpenDocument(id, version);
       }),
       openDraft: onOpenDraft && ((draftId) => onOpenDraft(draftId)),
@@ -841,7 +842,7 @@ function ConnectedWorkflowRunner({
         const w = state.waiting;
         if (w?.doc_ext_id) setDialog({ kind: "sign", docRef: w.doc_ext_id });
       }),
-      openRedline: hostActions?.openRedline ?? ((ref) => setDialog({ kind: "word", docRef: ref, title: nameOfDoc(chunkHM23LXUP_cjs.splitDocRef(ref).id) ?? "" })),
+      openRedline: hostActions?.openRedline ?? ((ref) => setDialog({ kind: "word", docRef: ref, title: nameOfDoc(chunk6AALMYPS_cjs.splitDocRef(ref).id) ?? "" })),
       openReview: hostActions?.openReview ?? ((tags, documents) => setDialog({ kind: "review", tags, documents }))
     }),
     [user?.externalId, onOpenDocument, onOpenDraft, onOpenMessage, hostActions, nameOfDoc, inThread]
@@ -977,7 +978,7 @@ function ConnectedWorkflowRunner({
     );
   };
   const runner = (compact) => /* @__PURE__ */ jsxRuntime.jsx(
-    chunkLC2KJSUS_cjs.WorkflowRunner,
+    chunkSARREDFP_cjs.WorkflowRunner,
     {
       people,
       ...runnerProps,
@@ -1023,10 +1024,10 @@ function ConnectedWorkflowRunner({
     ) }),
     inThread && conversationId ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
       /* @__PURE__ */ jsxRuntime.jsx(
-        chunkLC2KJSUS_cjs.WorkflowStepBar,
+        chunkSARREDFP_cjs.WorkflowStepBar,
         {
           run: view,
-          levels: chunkHM23LXUP_cjs.stepLevels(view.steps),
+          levels: chunk6AALMYPS_cjs.stepLevels(view.steps),
           doneTitle: (workflow.run.kind === "steps" ? workflow.run.completion?.title : void 0) ?? runnerProps.labels?.complete ?? "Done",
           icon: (key) => key && runnerProps.renderIcon ? runnerProps.renderIcon(key) : void 0,
           tid: (suffix) => `${testIdPrefix}-${suffix}`
@@ -1046,13 +1047,13 @@ function ConnectedWorkflowRunner({
                 return state ? [[s.id, state]] : [];
               })
             );
-            const ref = chunkHM23LXUP_cjs.stepDocuments(view.steps, states, id).at(-1);
+            const ref = chunk6AALMYPS_cjs.stepDocuments(view.steps, states, id).at(-1);
             const open = actions.openDocument ?? actions.openRedline;
             return {
               title: step.title,
-              kind: chunkHM23LXUP_cjs.stepKindOf(step),
+              kind: chunk6AALMYPS_cjs.stepKindOf(step),
               phase: view.phaseOf(id),
-              document: ref && open ? { name: nameOfDoc(chunkHM23LXUP_cjs.splitDocRef(ref).id) ?? ref, onOpen: () => open(ref) } : void 0
+              document: ref && open ? { name: nameOfDoc(chunk6AALMYPS_cjs.splitDocRef(ref).id) ?? ref, onOpen: () => open(ref) } : void 0
             };
           },
           targetMessageId: target,
@@ -1119,7 +1120,7 @@ function ReviewNotify({
   testId
 }) {
   const arbi = react$1.useArbi();
-  const { status, user, ensureWorkspaceOpen } = chunkMUMH3Z6K_cjs.useConnection();
+  const { status, user, ensureWorkspaceOpen } = chunkARDHLU73_cjs.useConnection();
   const { data: members = [] } = react$1.useWorkspaceUsers(workspaceId, {
     enabled: status === "authenticated" && !!workspaceId,
     beforeFetch: ensureWorkspaceOpen
@@ -1196,7 +1197,7 @@ function ConnectedTagTable({
   ...props
 }) {
   const arbi = react$1.useArbi();
-  const { workspaceId, status, ensureWorkspaceOpen } = chunkMUMH3Z6K_cjs.useConnection();
+  const { workspaceId, status, ensureWorkspaceOpen } = chunkARDHLU73_cjs.useConnection();
   const schema = react$1.useTagKindSchema(kind);
   const rows = react$1.useTags(workspaceId ?? void 0, {
     kind,
@@ -1224,7 +1225,7 @@ function ConnectedTagTable({
   const fail = (e) => setError(e instanceof Error ? e.message : String(e));
   const snapshot = (data) => {
     const title = exportTitle ?? KIND_TITLES[kind];
-    const bytes = chunkD4YR56FV_cjs.tagTableDocx(data, {
+    const bytes = chunkKYDRUFWT_cjs.tagTableDocx(data, {
       title,
       nameOf: (id) => people.find((p) => p.value === id)?.label
     });
@@ -1234,7 +1235,7 @@ function ConnectedTagTable({
   };
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkD4YR56FV_cjs.TagTable,
+      chunkKYDRUFWT_cjs.TagTable,
       {
         ...props,
         table,
@@ -1300,7 +1301,7 @@ function ConnectedTagTable({
   ] });
 }
 function useConnectedShellWorkspaces(options = {}) {
-  const { workspaceId, setWorkspace } = chunkMUMH3Z6K_cjs.useConnection();
+  const { workspaceId, setWorkspace } = chunkARDHLU73_cjs.useConnection();
   const query = react$1.useWorkspaces();
   return react$1.useShellWorkspaces({
     ...options,
@@ -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 } = chunkC4WSHRR6_cjs.useBlocksEnvironment();
   const { data: profile } = react$1.useProfile();
   const updateProfile = react$1.useUpdateProfile();
   const requestEmailChange = react$1.useRequestEmailChange();
   const confirmEmailChange = react$1.useConfirmEmailChange();
-  const { user } = chunkMUMH3Z6K_cjs.useConnection();
   const name = react$1.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 = react$1.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__ */ jsxRuntime.jsx(chunkOR4CO743_cjs.SettingsSection, { icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.UserCircle, {}), title, children: /* @__PURE__ */ jsxRuntime.jsx(
-    chunkOR4CO743_cjs.ProfileCard,
-    {
-      avatar: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-        /* @__PURE__ */ jsxRuntime.jsx(
-          chunkOR4CO743_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,
-      isVerified: profile?.isIdentityVerified ?? false,
-      onStartEmailChange: email.onStart,
-      emailChange: email.isOpen ? email : void 0
-    }
-  ) });
+  const display = profile?.fullName || "Unnamed";
+  return /* @__PURE__ */ jsxRuntime.jsxs(chunkAAFX64WD_cjs.SettingsSection, { icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.UserCircle, {}), title, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      chunkAAFX64WD_cjs.ProfileCard,
+      {
+        avatar: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            chunkAAFX64WD_cjs.AvatarPicker,
+            {
+              pictureUrl: profile?.picture,
+              initials: chunkKDG6FER6_cjs.initials(display),
+              fallbackClassName: avatarClassName,
+              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 ?? "",
+        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 } = chunkC4WSHRR6_cjs.useBlocksEnvironment();
   const { data: profile } = react$1.useProfile();
   const flow = react$1.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__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(chunkOR4CO743_cjs.IdentityVerificationCard, { flow, labels }),
+    /* @__PURE__ */ jsxRuntime.jsx(chunkAAFX64WD_cjs.IdentityVerificationCard, { flow, labels, onManageBilling }),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkOR4CO743_cjs.IdentityVerificationDialog,
+      chunkAAFX64WD_cjs.IdentityVerificationDialog,
       {
         flow,
         accountName: profile?.fullName ?? "",
-        labels
+        labels,
+        onManageBilling
       }
     )
   ] });
@@ -1433,7 +1445,7 @@ function ConnectedIdentityVerification({
 function ConnectedRequireVerified({ children, labels }) {
   const { data: profile } = react$1.useProfile();
   const flow = react$1.useIdentityVerification();
-  return /* @__PURE__ */ jsxRuntime.jsx(chunkOR4CO743_cjs.RequireVerified, { flow, accountName: profile?.fullName ?? "", labels, children });
+  return /* @__PURE__ */ jsxRuntime.jsx(chunkAAFX64WD_cjs.RequireVerified, { flow, accountName: profile?.fullName ?? "", labels, children });
 }
 function defaultUnmetPasswordRequirement(password) {
   if (password.length < 8) return "Minimum 8 characters";
@@ -1443,25 +1455,59 @@ 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] = react.useState(false);
+  const { notify } = chunkC4WSHRR6_cjs.useBlocksEnvironment();
   const change = react$1.usePasswordChange();
   const form = react$1.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__ */ jsxRuntime.jsxs(chunkOR4CO743_cjs.SettingsSection, { icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.KeyRound, {}), title: "Security", children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(chunkOR4CO743_cjs.SettingsCard, { padding: "sm", children: [
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    chunkAAFX64WD_cjs.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] = react.useState(false);
+  return /* @__PURE__ */ jsxRuntime.jsxs(chunkAAFX64WD_cjs.SettingsSection, { icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.KeyRound, {}), title: "Security", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(chunkAAFX64WD_cjs.SettingsCard, { padding: "sm", children: [
       /* @__PURE__ */ jsxRuntime.jsx(
-        chunkOR4CO743_cjs.SettingsActionRow,
+        chunkAAFX64WD_cjs.SettingsActionRow,
         {
           title: "Change password",
           description: "Used to sign in and to unlock your account key. Changing it keeps everything readable and re-encrypts nothing.",
@@ -1472,67 +1518,51 @@ function ConnectedSecuritySection({
       children
     ] }),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkOR4CO743_cjs.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
       }
     )
   ] });
 }
 function ConnectedNotificationPreferences({
-  categories = chunkOR4CO743_cjs.EMAIL_NOTIFICATION_CATEGORIES,
+  categories = chunkAAFX64WD_cjs.EMAIL_NOTIFICATION_CATEGORIES,
   title = "Notifications"
 }) {
   const keys = react.useMemo(
-    () => categories === chunkOR4CO743_cjs.EMAIL_NOTIFICATION_CATEGORIES ? chunkOR4CO743_cjs.EMAIL_NOTIFICATION_KEYS : categories.map((c) => c.key),
+    () => categories === chunkAAFX64WD_cjs.EMAIL_NOTIFICATION_CATEGORIES ? chunkAAFX64WD_cjs.EMAIL_NOTIFICATION_KEYS : categories.map((c) => c.key),
     [categories]
   );
   const prefs = react$1.useNotificationPreferences(keys);
-  return /* @__PURE__ */ jsxRuntime.jsx(chunkOR4CO743_cjs.SettingsSection, { title, children: /* @__PURE__ */ jsxRuntime.jsx(chunkOR4CO743_cjs.SettingsCard, { className: "space-y-0", children: /* @__PURE__ */ jsxRuntime.jsx(
-    chunkOR4CO743_cjs.NotificationCategoryList,
+  return /* @__PURE__ */ jsxRuntime.jsx(chunkAAFX64WD_cjs.SettingsSection, { title, children: /* @__PURE__ */ jsxRuntime.jsx(chunkAAFX64WD_cjs.SettingsCard, { className: "space-y-0", children: /* @__PURE__ */ jsxRuntime.jsx(
+    chunkAAFX64WD_cjs.NotificationCategoryList,
     {
       masterId: "emailNotifications",
       masterTitle: "Email Notifications",
       masterDescription: "Email me about activity when I\u2019m away",
       masterChecked: prefs.masterChecked,
       onMasterChange: prefs.setAll,
-      categories: chunkOR4CO743_cjs.toNotificationCategories(prefs.checked, categories),
+      categories: chunkAAFX64WD_cjs.toNotificationCategories(prefs.checked, categories),
       onCategoryChange: prefs.setCategory
     }
   ) }) });
 }
-function ConnectedSessionsRow({
-  notify: notify3,
-  confirm,
-  renderSessionIcon
-}) {
+function ConnectedSessionsRow({ renderSessionIcon }) {
+  const { notify, confirm } = chunkC4WSHRR6_cjs.useBlocksEnvironment();
   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 = chunkOR4CO743_cjs.toActiveSessionViews(sessions.data ?? [], {
+  const views = chunkAAFX64WD_cjs.toActiveSessionViews(sessions.data ?? [], {
     currentSessionId,
     terminatingId: terminate.isPending ? terminate.variables : null,
     renderIcon: renderSessionIcon
   });
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkOR4CO743_cjs.SettingsRow,
+      chunkAAFX64WD_cjs.SettingsRow,
       {
         label: "Active sessions",
         description: "Devices and agents currently signed in to your account.",
@@ -1554,7 +1584,7 @@ function ConnectedSessionsRow({
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkOR4CO743_cjs.ActiveSessionsDialog,
+      chunkAAFX64WD_cjs.ActiveSessionsDialog,
       {
         open,
         onOpenChange: setOpen,
@@ -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,47 +1613,50 @@ function ConnectedSessionsRow({
 function ConnectedLogoutDialog({
   open,
   onClose,
-  isOnline = true,
+  canLogoutAll = true,
+  confirmSignOut,
   renderSessionIcon
 }) {
-  const { logout } = chunkMUMH3Z6K_cjs.useConnection();
   const sessions = react$1.useSessions({ enabled: open });
-  const logoutAll = react$1.useLogoutAllSessions();
+  const signOut = react$1.useSignOut();
+  const isOnline = documentTools.useIsOnline();
+  const run = async (everywhere) => {
+    onClose();
+    if (confirmSignOut && !await confirmSignOut()) return;
+    signOut.mutate({ everywhere, reason: "manual" });
+  };
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkOR4CO743_cjs.LogoutDialog,
+    chunkAAFX64WD_cjs.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: chunkOR4CO743_cjs.toLogoutSessionViews(sessions.data ?? []),
+      sessions: chunkAAFX64WD_cjs.toLogoutSessionViews(sessions.data ?? []),
       renderSessionIcon
     }
   );
 }
-function ConnectedDangerZone({ notify: notify3, renderSubscriptionLink }) {
+function ConnectedDangerZone({ renderSubscriptionLink }) {
+  const { notify } = chunkC4WSHRR6_cjs.useBlocksEnvironment();
   const [zoneOpen, setZoneOpen] = react.useState(false);
   const [dialogOpen, setDialogOpen] = react.useState(false);
-  const { user, logout } = chunkMUMH3Z6K_cjs.useConnection();
+  const { data: profile } = react$1.useProfile();
+  const userEmail = profile?.email ?? "";
   const remove = react$1.useDeleteAccount();
+  const signOut = react$1.useSignOut();
   const flow = react$1.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__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkOR4CO743_cjs.SettingsDangerZone,
+      chunkAAFX64WD_cjs.SettingsDangerZone,
       {
         isOpen: zoneOpen,
         onToggle: () => setZoneOpen((o) => !o),
@@ -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"
@@ -1642,15 +1676,15 @@ function ConnectedDangerZone({ notify: notify3, renderSubscriptionLink }) {
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkOR4CO743_cjs.DeleteAccountDialog,
+      chunkAAFX64WD_cjs.DeleteAccountDialog,
       {
         open: dialogOpen,
         onClose: flow.onClose,
         step: flow.step,
-        blockers: chunkOR4CO743_cjs.toDeleteBlockerViews(flow.blockers, renderSubscriptionLink),
+        blockers: chunkAAFX64WD_cjs.toDeleteBlockerViews(flow.blockers, renderSubscriptionLink),
         onContinue: flow.onContinue,
         onBack: flow.onBack,
-        userEmail: user?.email ?? "",
+        userEmail,
         confirmEmail: flow.confirmEmail,
         onConfirmEmailChange: flow.onConfirmEmailChange,
         isDeleting: flow.isDeleting,
@@ -1661,7 +1695,8 @@ function ConnectedDangerZone({ notify: notify3, renderSubscriptionLink }) {
 }
 function useConnectedDocxNotifications(onOpen) {
   const arbi = react$1.useArbi();
-  const { status, user, apiUrl } = chunkMUMH3Z6K_cjs.useConnection();
+  const { status, user, apiUrl } = chunkARDHLU73_cjs.useConnection();
+  const { notify } = chunkC4WSHRR6_cjs.useBlocksEnvironment();
   const queries = reactQuery.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) => react$1.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) {
       }
     shell.useNotify.getState().syncSource(source, items);
     return () => shell.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 {
-      react$1.notify.error("Could not mark document mentions read.");
+      notify("Could not mark document mentions read.", "error");
     }
   };
   return {
@@ -1725,7 +1761,8 @@ function useConnectedDocxNotifications(onOpen) {
   };
 }
 function useConnectedWorkNotifications(onOpen) {
-  const { status, user, apiUrl } = chunkMUMH3Z6K_cjs.useConnection();
+  const { status, user, apiUrl } = chunkARDHLU73_cjs.useConnection();
+  const { notify } = chunkC4WSHRR6_cjs.useBlocksEnvironment();
   const source = `work-notifications:${apiUrl}:${user?.externalId || ""}`;
   const { data = [], markRead: persistRead } = react$1.useWorkNotifications({
     apiUrl,
@@ -1748,8 +1785,9 @@ function useConnectedWorkNotifications(onOpen) {
           source,
           onSelect: () => {
             void Promise.resolve().then(() => onOpen(mapped.target)).catch(
-              (error) => react$1.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) {
       }
     shell.useNotify.getState().syncSource(source, items);
     return () => shell.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 {
-      react$1.notify.error("Could not mark work notifications read.");
+      notify("Could not mark work notifications read.", "error");
     }
   };
   return {
@@ -2136,7 +2174,7 @@ function useWordBody({
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [word.adapter, client, documentKey]
   );
-  chunkSWQX6CTT_cjs.useRegisterOpenDocument({ documentId: roomId });
+  chunkJKB7WT7L_cjs.useRegisterOpenDocument({ documentId: roomId });
   const editor = react$1.useMailDraftEditor();
   const state = () => stateRef.current?.() ?? null;
   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 } = react$1.useMailClient();
+  const { notify, confirm } = chunkC4WSHRR6_cjs.useBlocksEnvironment();
   const [to, setTo] = react.useState(initial.to.map((r) => r.email).join("; "));
   const [cc, setCc] = react.useState(initial.cc.map((r) => r.email).join("; "));
   const [showCc, setShowCc] = react.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();
+    });
   };
   react.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) => {
-  react$1.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 } = chunkC4WSHRR6_cjs.useBlocksEnvironment();
   const cache = react$1.useMailCache();
   const { client } = react$1.useMailClient();
   const [savingToWorkspace, setSavingToWorkspace] = react.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,
@@ -3622,7 +3665,7 @@ function ConnectedMailbox({
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkZAVEMQ37_cjs.ConfirmDialog,
+      chunkDWZXSPMB_cjs.ConfirmDialog,
       {
         isOpen: confirmDelete !== null,
         onClose: () => setConfirmDelete(null),
@@ -3719,10 +3762,10 @@ function ActiveChat({ agentId, workspaceId }) {
   const chat = react$1.useArbiChat({
     agentId,
     workspaceId,
-    activeArtifact: () => chunkSWQX6CTT_cjs.takeOpenDocumentForTurn({ workspaceId })
+    activeArtifact: () => chunkJKB7WT7L_cjs.takeOpenDocumentForTurn({ workspaceId })
   });
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkWV4IDVDQ_cjs.ChatPage,
+    chunkPJJY6CYL_cjs.ChatPage,
     {
       chat: { ...chat, assistantMode: void 0, setAssistantMode: void 0 },
       documentsRequired: false,
@@ -3784,51 +3827,51 @@ function ConnectedAgentChatPanel({
 
 Object.defineProperty(exports, "ConnectedAssistantDock", {
   enumerable: true,
-  get: function () { return chunkFSBY2S4V_cjs.ConnectedAssistantDock; }
+  get: function () { return chunk4QIIDXLF_cjs.ConnectedAssistantDock; }
 });
 Object.defineProperty(exports, "redlineStats", {
   enumerable: true,
-  get: function () { return chunkFSBY2S4V_cjs.redlineStats; }
+  get: function () { return chunk4QIIDXLF_cjs.redlineStats; }
 });
 Object.defineProperty(exports, "textToArtifact", {
   enumerable: true,
-  get: function () { return chunkFSBY2S4V_cjs.textToArtifact; }
+  get: function () { return chunk4QIIDXLF_cjs.textToArtifact; }
 });
 Object.defineProperty(exports, "toRedlineMarkdown", {
   enumerable: true,
-  get: function () { return chunkFSBY2S4V_cjs.toRedlineMarkdown; }
+  get: function () { return chunk4QIIDXLF_cjs.toRedlineMarkdown; }
 });
 Object.defineProperty(exports, "useConnectedAiTask", {
   enumerable: true,
-  get: function () { return chunkFSBY2S4V_cjs.useConnectedAiTask; }
+  get: function () { return chunk4QIIDXLF_cjs.useConnectedAiTask; }
 });
 Object.defineProperty(exports, "useConnectedChat", {
   enumerable: true,
-  get: function () { return chunkFSBY2S4V_cjs.useConnectedChat; }
+  get: function () { return chunk4QIIDXLF_cjs.useConnectedChat; }
 });
 Object.defineProperty(exports, "useSemanticSearch", {
   enumerable: true,
-  get: function () { return chunkFSBY2S4V_cjs.useSemanticSearch; }
+  get: function () { return chunk4QIIDXLF_cjs.useSemanticSearch; }
 });
 Object.defineProperty(exports, "useWorkspaceDocs", {
   enumerable: true,
-  get: function () { return chunkFSBY2S4V_cjs.useWorkspaceDocs; }
+  get: function () { return chunk4QIIDXLF_cjs.useWorkspaceDocs; }
 });
 Object.defineProperty(exports, "ConnectionProvider", {
   enumerable: true,
-  get: function () { return chunkMUMH3Z6K_cjs.ConnectionProvider; }
+  get: function () { return chunkARDHLU73_cjs.ConnectionProvider; }
 });
 Object.defineProperty(exports, "SESSION_EXPIRED_MESSAGE", {
   enumerable: true,
-  get: function () { return chunkMUMH3Z6K_cjs.SESSION_EXPIRED_MESSAGE; }
+  get: function () { return chunkARDHLU73_cjs.SESSION_EXPIRED_MESSAGE; }
 });
 Object.defineProperty(exports, "isAuthenticated", {
   enumerable: true,
-  get: function () { return chunkMUMH3Z6K_cjs.isAuthenticated; }
+  get: function () { return chunkARDHLU73_cjs.isAuthenticated; }
 });
 Object.defineProperty(exports, "useConnection", {
   enumerable: true,
-  get: function () { return chunkMUMH3Z6K_cjs.useConnection; }
+  get: function () { return chunkARDHLU73_cjs.useConnection; }
 });
 exports.ArbiAppProvider = ArbiAppProvider;
 exports.ConnectedAgentChatPanel = ConnectedAgentChatPanel;
@@ -3841,6 +3884,7 @@ exports.ConnectedMailMessage = ConnectedMailMessage;
 exports.ConnectedMailSetup = ConnectedMailSetup;
 exports.ConnectedMailbox = ConnectedMailbox;
 exports.ConnectedNotificationPreferences = ConnectedNotificationPreferences;
+exports.ConnectedPasswordChangeDialog = ConnectedPasswordChangeDialog;
 exports.ConnectedProfileCard = ConnectedProfileCard;
 exports.ConnectedRequireVerified = ConnectedRequireVerified;
 exports.ConnectedSecuritySection = ConnectedSecuritySection;
@@ -3855,7 +3899,6 @@ exports.ConnectedWorkspaceNotificationMenu = ConnectedWorkspaceNotificationMenu;
 exports.DEFAULT_CONNECTED_WORKFLOW_RUNNER_LABELS = DEFAULT_CONNECTED_WORKFLOW_RUNNER_LABELS;
 exports.StreamedArtifact = StreamedArtifact;
 exports.WorkflowRunThread = WorkflowRunThread;
-exports.defaultMailNotify = defaultMailNotify;
 exports.defaultUnmetPasswordRequirement = defaultUnmetPasswordRequirement;
 exports.resolveMailbox = resolveMailbox;
 exports.useConnectedDocxNotifications = useConnectedDocxNotifications;