@arbidocs/blocks 0.4.129 → 0.4.131

package/dist/connect/index.cjs

@@ -1,36 +1,36 @@
 "use client";
 'use strict';
 
-var chunkO4YPVYPO_cjs = require('../chunk-O4YPVYPO.cjs');
 var chunkOR4CO743_cjs = require('../chunk-OR4CO743.cjs');
-var chunk7423V6RM_cjs = require('../chunk-7423V6RM.cjs');
-var chunk3BJLNKOB_cjs = require('../chunk-3BJLNKOB.cjs');
-var chunkMUMH3Z6K_cjs = require('../chunk-MUMH3Z6K.cjs');
+var chunk7KH4M3KY_cjs = require('../chunk-7KH4M3KY.cjs');
+var chunkCDZVC32G_cjs = require('../chunk-CDZVC32G.cjs');
+var chunkLRD7BHAT_cjs = require('../chunk-LRD7BHAT.cjs');
 var chunkJH6JTI76_cjs = require('../chunk-JH6JTI76.cjs');
 require('../chunk-S24XEVPS.cjs');
 require('../chunk-V5OAXIBN.cjs');
 require('../chunk-5FYU7ZIU.cjs');
-var chunkKYDRUFWT_cjs = require('../chunk-KYDRUFWT.cjs');
+var chunkO4YPVYPO_cjs = require('../chunk-O4YPVYPO.cjs');
+var chunkD4YR56FV_cjs = require('../chunk-D4YR56FV.cjs');
 var chunkO6IEZDRC_cjs = require('../chunk-O6IEZDRC.cjs');
 var chunkI2QSDQQV_cjs = require('../chunk-I2QSDQQV.cjs');
 require('../chunk-RC25WMVB.cjs');
-var chunkSARREDFP_cjs = require('../chunk-SARREDFP.cjs');
-require('../chunk-DETZZBG2.cjs');
+var chunkLC2KJSUS_cjs = require('../chunk-LC2KJSUS.cjs');
+require('../chunk-7D737FLE.cjs');
 var chunkN26CXGXC_cjs = require('../chunk-N26CXGXC.cjs');
+require('../chunk-DETZZBG2.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 chunkULWRNGGE_cjs = require('../chunk-ULWRNGGE.cjs');
 var chunk7RGLTF76_cjs = require('../chunk-7RGLTF76.cjs');
-var chunkPJJY6CYL_cjs = require('../chunk-PJJY6CYL.cjs');
+var chunkULWRNGGE_cjs = require('../chunk-ULWRNGGE.cjs');
+var chunkWV4IDVDQ_cjs = require('../chunk-WV4IDVDQ.cjs');
 require('../chunk-B6MVQCXW.cjs');
 var chunkSWQX6CTT_cjs = require('../chunk-SWQX6CTT.cjs');
-var chunk6AALMYPS_cjs = require('../chunk-6AALMYPS.cjs');
-require('../chunk-32HW2Q33.cjs');
+var chunkHM23LXUP_cjs = require('../chunk-HM23LXUP.cjs');
 require('../chunk-7UTB4PHM.cjs');
+require('../chunk-32HW2Q33.cjs');
 require('../chunk-FX3K6LNZ.cjs');
 require('../chunk-PPCATBOY.cjs');
 require('../chunk-MHVNT4J3.cjs');
@@ -49,7 +49,7 @@ var client = require('@arbidocs/client');
 var reactDom = require('react-dom');
 
 function ConnectionBoundWebSocket({ children }) {
-  const { status } = chunkMUMH3Z6K_cjs.useConnection();
+  const { status } = chunkLRD7BHAT_cjs.useConnection();
   return /* @__PURE__ */ jsxRuntime.jsx(react$1.ArbiWebSocketProvider, { enabled: status === "authenticated", children });
 }
 function ArbiAppProvider({
@@ -62,10 +62,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(chunkLRD7BHAT_cjs.ConnectionProvider, { config, children: /* @__PURE__ */ jsxRuntime.jsx(ConnectionBoundWebSocket, { children }) }) }) });
 }
 function ConnectedTaskAccessRequest({ conversationId }) {
-  const { workspaceId } = chunkMUMH3Z6K_cjs.useConnection();
+  const { workspaceId } = chunkLRD7BHAT_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 +97,7 @@ function ConnectedWorkspaceActivity({
   pageSize,
   ...listProps
 }) {
-  const { workspaceId: selected, status, ensureWorkspaceOpen } = chunkMUMH3Z6K_cjs.useConnection();
+  const { workspaceId: selected, status, ensureWorkspaceOpen } = chunkLRD7BHAT_cjs.useConnection();
   const workspaceId = workspaceProp ?? selected ?? void 0;
   const live = status === "authenticated" && !!workspaceId;
   const feed = react$1.useWorkspaceActivity(workspaceId, {
@@ -124,7 +124,7 @@ function ConnectedWorkspaceActivity({
     [feed.data]
   );
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkKYDRUFWT_cjs.WorkspaceActivityList,
+    chunkD4YR56FV_cjs.WorkspaceActivityList,
     {
       ...listProps,
       items,
@@ -143,14 +143,14 @@ function ConnectedWorkspaceNotificationMenu({
   workspaceId: workspaceProp,
   ...menuProps
 }) {
-  const { workspaceId: selected, status } = chunkMUMH3Z6K_cjs.useConnection();
+  const { workspaceId: selected, status } = chunkLRD7BHAT_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(
-    chunkKYDRUFWT_cjs.WorkspaceNotificationMenu,
+    chunkD4YR56FV_cjs.WorkspaceNotificationMenu,
     {
       ...menuProps,
       level,
@@ -164,12 +164,12 @@ function ConnectedThreadFollow({
   as = "button",
   ...props
 }) {
-  const { status } = chunkMUMH3Z6K_cjs.useConnection();
+  const { status } = chunkLRD7BHAT_cjs.useConnection();
   const { following, setFollowing, isLoading, isSaving } = react$1.useFollowThread(conversationId, {
     enabled: status === "authenticated"
   });
   if (!conversationId) return null;
-  const Control = as === "menu-item" ? chunkKYDRUFWT_cjs.ThreadFollowMenuItem : chunkKYDRUFWT_cjs.ThreadFollowButton;
+  const Control = as === "menu-item" ? chunkD4YR56FV_cjs.ThreadFollowMenuItem : chunkD4YR56FV_cjs.ThreadFollowButton;
   return /* @__PURE__ */ jsxRuntime.jsx(
     Control,
     {
@@ -295,7 +295,7 @@ function StreamedArtifact({
 }
 var STARTING = /* @__PURE__ */ new Set(["pending", "running"]);
 function formValues(step, inputs) {
-  const fields = chunk6AALMYPS_cjs.stepFields(step);
+  const fields = chunkHM23LXUP_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 +329,11 @@ function useAnswerRetry(missing, refetch) {
 }
 function useWorkflowThread(workflow, options = {}) {
   const arbi = react$1.useArbi();
-  const { ensureWorkspaceOpen, status } = chunkMUMH3Z6K_cjs.useConnection();
-  const { wsId } = chunk7423V6RM_cjs.useWorkspaceDocs();
+  const { ensureWorkspaceOpen, status } = chunkLRD7BHAT_cjs.useConnection();
+  const { wsId } = chunk7KH4M3KY_cjs.useWorkspaceDocs();
   const [threadId, setThreadId] = react.useState(options.conversationId);
   const [localInputs, setLocalInputs] = react.useState(
-    () => chunk6AALMYPS_cjs.initialRunInputs(workflow, options.initialInputs)
+    () => chunkHM23LXUP_cjs.initialRunInputs(workflow, options.initialInputs)
   );
   const [edits, setEdits] = react.useState({});
   const [localStates, setLocalStates] = react.useState({});
@@ -353,12 +353,12 @@ function useWorkflowThread(workflow, options = {}) {
   );
   const conversation = conversations.data?.find((c) => c.external_id === threadId);
   const steps = react.useMemo(
-    () => chunk6AALMYPS_cjs.workflowSteps(workflow).length > 0 ? chunk6AALMYPS_cjs.workflowSteps(workflow) : chunkSARREDFP_cjs.fromPlanSteps(conversation?.plan?.steps ?? []),
+    () => chunkHM23LXUP_cjs.workflowSteps(workflow).length > 0 ? chunkHM23LXUP_cjs.workflowSteps(workflow) : chunkLC2KJSUS_cjs.fromPlanSteps(conversation?.plan?.steps ?? []),
     [workflow, conversation?.plan?.steps]
   );
   const activity = react$1.useConversationActivity(threadId, { live: !!threadId });
   const serverStates = react.useMemo(
-    () => chunk6AALMYPS_cjs.stepStatesFromActivity(activity.data ?? []),
+    () => chunkHM23LXUP_cjs.stepStatesFromActivity(activity.data ?? []),
     [activity.data]
   );
   const working = steps.some(
@@ -401,7 +401,7 @@ function useWorkflowThread(workflow, options = {}) {
     async (values, done) => {
       await ensureWorkspaceOpen();
       const created = await createWork.mutateAsync({
-        title: chunk6AALMYPS_cjs.runThreadTitle(workflow, values).slice(0, 60),
+        title: chunkHM23LXUP_cjs.runThreadTitle(workflow, values).slice(0, 60),
         description: workflow.description || null,
         prompt: null,
         skill_ref: null,
@@ -413,7 +413,7 @@ function useWorkflowThread(workflow, options = {}) {
           criteria: [],
           max_passes: 3,
           documents: [],
-          steps: chunkSARREDFP_cjs.toPlanSteps(workflow, {
+          steps: chunkLC2KJSUS_cjs.toPlanSteps(workflow, {
             inputs: values,
             resolveWorkflow: options.resolveWorkflow,
             compose: options.compose
@@ -500,7 +500,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 = chunkSARREDFP_cjs.useWorkflowView({
+  const view = chunkLC2KJSUS_cjs.useWorkflowView({
     steps,
     states,
     inputs,
@@ -543,7 +543,7 @@ function WorkflowRunThread({
     if (listed && activeThreadId !== conversationId) selectThread(conversationId);
   }, [listed, activeThreadId, conversationId, selectThread]);
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkPJJY6CYL_cjs.ChatPage,
+    chunkWV4IDVDQ_cjs.ChatPage,
     {
       chat: { ...chat, threads: chat.threads.filter((t) => t.id === conversationId) },
       singleThread: true,
@@ -579,9 +579,9 @@ function WorkflowSignDialog({
   labels
 }) {
   const arbi = react$1.useArbi();
-  const { user, ensureWorkspaceOpen } = chunkMUMH3Z6K_cjs.useConnection();
+  const { user, ensureWorkspaceOpen } = chunkLRD7BHAT_cjs.useConnection();
   const tools = documentTools.useOptionalDocumentTools();
-  const { id, version: stepVersion } = chunk6AALMYPS_cjs.splitDocRef(docRef);
+  const { id, version: stepVersion } = chunkHM23LXUP_cjs.splitDocRef(docRef);
   const [version, setVersion] = react.useState(stepVersion);
   const [pdf, setPdf] = react.useState(null);
   const [preparing, setPreparing] = react.useState(false);
@@ -659,7 +659,7 @@ function WorkflowWordDialog({
   onClose,
   labels
 }) {
-  const { id } = chunk6AALMYPS_cjs.splitDocRef(docRef);
+  const { id } = chunkHM23LXUP_cjs.splitDocRef(docRef);
   return /* @__PURE__ */ jsxRuntime.jsx(
     chunkULWRNGGE_cjs.ModalScaffold,
     {
@@ -668,7 +668,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(chunkCDZVC32G_cjs.ConnectedNativeDocxEditor, { documentId: id, title: title ?? labels.wordTitle }) })
     }
   );
 }
@@ -679,7 +679,7 @@ function WorkflowReviewGridDialog({
   onOpenDocument,
   labels
 }) {
-  const { workspaceId } = chunkMUMH3Z6K_cjs.useConnection();
+  const { workspaceId } = chunkLRD7BHAT_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 +807,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 } = chunk7423V6RM_cjs.useWorkspaceDocs();
+  const { ensureWorkspaceOpen, user } = chunkLRD7BHAT_cjs.useConnection();
+  const { wsId } = chunk7KH4M3KY_cjs.useWorkspaceDocs();
   const { data: docs = [], refetch } = react$1.useDocuments(wsId);
   const [sending, setSending] = react.useState([]);
   const [added, setAdded] = react.useState({});
@@ -831,7 +831,7 @@ function ConnectedWorkflowRunner({
     () => ({
       me: user?.externalId,
       openDocument: onOpenDocument && ((ref) => {
-        const { id, version } = chunk6AALMYPS_cjs.splitDocRef(ref);
+        const { id, version } = chunkHM23LXUP_cjs.splitDocRef(ref);
         onOpenDocument(id, version);
       }),
       openDraft: onOpenDraft && ((draftId) => onOpenDraft(draftId)),
@@ -841,7 +841,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(chunk6AALMYPS_cjs.splitDocRef(ref).id) ?? "" })),
+      openRedline: hostActions?.openRedline ?? ((ref) => setDialog({ kind: "word", docRef: ref, title: nameOfDoc(chunkHM23LXUP_cjs.splitDocRef(ref).id) ?? "" })),
       openReview: hostActions?.openReview ?? ((tags, documents) => setDialog({ kind: "review", tags, documents }))
     }),
     [user?.externalId, onOpenDocument, onOpenDraft, onOpenMessage, hostActions, nameOfDoc, inThread]
@@ -977,7 +977,7 @@ function ConnectedWorkflowRunner({
     );
   };
   const runner = (compact) => /* @__PURE__ */ jsxRuntime.jsx(
-    chunkSARREDFP_cjs.WorkflowRunner,
+    chunkLC2KJSUS_cjs.WorkflowRunner,
     {
       people,
       ...runnerProps,
@@ -1023,10 +1023,10 @@ function ConnectedWorkflowRunner({
     ) }),
     inThread && conversationId ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
       /* @__PURE__ */ jsxRuntime.jsx(
-        chunkSARREDFP_cjs.WorkflowStepBar,
+        chunkLC2KJSUS_cjs.WorkflowStepBar,
         {
           run: view,
-          levels: chunk6AALMYPS_cjs.stepLevels(view.steps),
+          levels: chunkHM23LXUP_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 +1046,13 @@ function ConnectedWorkflowRunner({
                 return state ? [[s.id, state]] : [];
               })
             );
-            const ref = chunk6AALMYPS_cjs.stepDocuments(view.steps, states, id).at(-1);
+            const ref = chunkHM23LXUP_cjs.stepDocuments(view.steps, states, id).at(-1);
             const open = actions.openDocument ?? actions.openRedline;
             return {
               title: step.title,
-              kind: chunk6AALMYPS_cjs.stepKindOf(step),
+              kind: chunkHM23LXUP_cjs.stepKindOf(step),
               phase: view.phaseOf(id),
-              document: ref && open ? { name: nameOfDoc(chunk6AALMYPS_cjs.splitDocRef(ref).id) ?? ref, onOpen: () => open(ref) } : void 0
+              document: ref && open ? { name: nameOfDoc(chunkHM23LXUP_cjs.splitDocRef(ref).id) ?? ref, onOpen: () => open(ref) } : void 0
             };
           },
           targetMessageId: target,
@@ -1119,7 +1119,7 @@ function ReviewNotify({
   testId
 }) {
   const arbi = react$1.useArbi();
-  const { status, user, ensureWorkspaceOpen } = chunkMUMH3Z6K_cjs.useConnection();
+  const { status, user, ensureWorkspaceOpen } = chunkLRD7BHAT_cjs.useConnection();
   const { data: members = [] } = react$1.useWorkspaceUsers(workspaceId, {
     enabled: status === "authenticated" && !!workspaceId,
     beforeFetch: ensureWorkspaceOpen
@@ -1196,7 +1196,7 @@ function ConnectedTagTable({
   ...props
 }) {
   const arbi = react$1.useArbi();
-  const { workspaceId, status, ensureWorkspaceOpen } = chunkMUMH3Z6K_cjs.useConnection();
+  const { workspaceId, status, ensureWorkspaceOpen } = chunkLRD7BHAT_cjs.useConnection();
   const schema = react$1.useTagKindSchema(kind);
   const rows = react$1.useTags(workspaceId ?? void 0, {
     kind,
@@ -1224,7 +1224,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 = chunkKYDRUFWT_cjs.tagTableDocx(data, {
+    const bytes = chunkD4YR56FV_cjs.tagTableDocx(data, {
       title,
       nameOf: (id) => people.find((p) => p.value === id)?.label
     });
@@ -1234,7 +1234,7 @@ function ConnectedTagTable({
   };
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkKYDRUFWT_cjs.TagTable,
+      chunkD4YR56FV_cjs.TagTable,
       {
         ...props,
         table,
@@ -1300,7 +1300,7 @@ function ConnectedTagTable({
   ] });
 }
 function useConnectedShellWorkspaces(options = {}) {
-  const { workspaceId, setWorkspace } = chunkMUMH3Z6K_cjs.useConnection();
+  const { workspaceId, setWorkspace } = chunkLRD7BHAT_cjs.useConnection();
   const query = react$1.useWorkspaces();
   return react$1.useShellWorkspaces({
     ...options,
@@ -1320,12 +1320,16 @@ 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({
+  notify: notify3,
+  title = "Profile",
+  avatarClassName = "bg-primary text-primary-foreground",
+  children
+}) {
   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,
@@ -1371,61 +1375,68 @@ function ConnectedProfileCard({ notify: notify3, title = "Profile" }) {
       }
     }
   });
-  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(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,
+              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 { data: profile } = react$1.useProfile();
   const flow = react$1.useIdentityVerification({
+    formatPrice,
     onVerifiedChange: (verified) => notify3?.(verified ? "Identity verified" : "Verified tick removed", "success"),
     onNameAccepted: () => notify3?.("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(chunkOR4CO743_cjs.IdentityVerificationCard, { flow, labels, onManageBilling }),
     /* @__PURE__ */ jsxRuntime.jsx(
       chunkOR4CO743_cjs.IdentityVerificationDialog,
       {
         flow,
         accountName: profile?.fullName ?? "",
-        labels
+        labels,
+        onManageBilling
       }
     )
   ] });
@@ -1443,21 +1454,56 @@ function defaultUnmetPasswordRequirement(password) {
   if (!/[0-9]/.test(password)) return "At least one number";
   return null;
 }
-function ConnectedSecuritySection({
+function ConnectedPasswordChangeDialog({
+  open,
+  onClose,
   notify: notify3,
   getUnmetRequirement = defaultUnmetPasswordRequirement,
-  children
+  recoveryMode = false,
+  onRecoveryComplete
 }) {
-  const [open, setOpen] = react.useState(false);
   const change = react$1.usePasswordChange();
   const form = react$1.usePasswordChangeForm({
+    recoveryMode,
     getUnmetRequirement,
     submit: async (vars) => {
       await change.mutateAsync(vars);
-      notify3?.("Password changed successfully", "success");
+      notify3?.(
+        recoveryMode ? "Account recovered and password set successfully" : "Password changed successfully",
+        "success"
+      );
     },
-    onClose: () => setOpen(false)
+    onClose,
+    onRecoveryComplete
   });
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    chunkOR4CO743_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({
+  notify: notify3,
+  getUnmetRequirement,
+  children
+}) {
+  const [open, setOpen] = react.useState(false);
   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: [
       /* @__PURE__ */ jsxRuntime.jsx(
@@ -1472,24 +1518,12 @@ 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),
+        notify: notify3,
+        getUnmetRequirement
       }
     )
   ] });
@@ -1582,26 +1616,26 @@ 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,
     {
       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 ?? []),
       renderSessionIcon
@@ -1611,13 +1645,15 @@ function ConnectedLogoutDialog({
 function ConnectedDangerZone({ notify: notify3, renderSubscriptionLink }) {
   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,
+    onDeleted: () => signOut.mutate({ reason: "account-deleted" }),
     onError: () => notify3?.("Failed to delete account. Please try again.", "error")
   });
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
@@ -1633,7 +1669,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 +1686,7 @@ function ConnectedDangerZone({ notify: notify3, renderSubscriptionLink }) {
         blockers: chunkOR4CO743_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 +1697,7 @@ function ConnectedDangerZone({ notify: notify3, renderSubscriptionLink }) {
 }
 function useConnectedDocxNotifications(onOpen) {
   const arbi = react$1.useArbi();
-  const { status, user, apiUrl } = chunkMUMH3Z6K_cjs.useConnection();
+  const { status, user, apiUrl } = chunkLRD7BHAT_cjs.useConnection();
   const queries = reactQuery.useQueryClient();
   const source = `docx-mentions:${apiUrl}:${user?.externalId || ""}`;
   const queryKey = ["docx-mentions", apiUrl, user?.externalId];
@@ -1725,7 +1761,7 @@ function useConnectedDocxNotifications(onOpen) {
   };
 }
 function useConnectedWorkNotifications(onOpen) {
-  const { status, user, apiUrl } = chunkMUMH3Z6K_cjs.useConnection();
+  const { status, user, apiUrl } = chunkLRD7BHAT_cjs.useConnection();
   const source = `work-notifications:${apiUrl}:${user?.externalId || ""}`;
   const { data = [], markRead: persistRead } = react$1.useWorkNotifications({
     apiUrl,
@@ -3722,7 +3758,7 @@ function ActiveChat({ agentId, workspaceId }) {
     activeArtifact: () => chunkSWQX6CTT_cjs.takeOpenDocumentForTurn({ workspaceId })
   });
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkPJJY6CYL_cjs.ChatPage,
+    chunkWV4IDVDQ_cjs.ChatPage,
     {
       chat: { ...chat, assistantMode: void 0, setAssistantMode: void 0 },
       documentsRequired: false,
@@ -3784,51 +3820,51 @@ function ConnectedAgentChatPanel({
 
 Object.defineProperty(exports, "ConnectedAssistantDock", {
   enumerable: true,
-  get: function () { return chunk7423V6RM_cjs.ConnectedAssistantDock; }
+  get: function () { return chunk7KH4M3KY_cjs.ConnectedAssistantDock; }
 });
 Object.defineProperty(exports, "redlineStats", {
   enumerable: true,
-  get: function () { return chunk7423V6RM_cjs.redlineStats; }
+  get: function () { return chunk7KH4M3KY_cjs.redlineStats; }
 });
 Object.defineProperty(exports, "textToArtifact", {
   enumerable: true,
-  get: function () { return chunk7423V6RM_cjs.textToArtifact; }
+  get: function () { return chunk7KH4M3KY_cjs.textToArtifact; }
 });
 Object.defineProperty(exports, "toRedlineMarkdown", {
   enumerable: true,
-  get: function () { return chunk7423V6RM_cjs.toRedlineMarkdown; }
+  get: function () { return chunk7KH4M3KY_cjs.toRedlineMarkdown; }
 });
 Object.defineProperty(exports, "useConnectedAiTask", {
   enumerable: true,
-  get: function () { return chunk7423V6RM_cjs.useConnectedAiTask; }
+  get: function () { return chunk7KH4M3KY_cjs.useConnectedAiTask; }
 });
 Object.defineProperty(exports, "useConnectedChat", {
   enumerable: true,
-  get: function () { return chunk7423V6RM_cjs.useConnectedChat; }
+  get: function () { return chunk7KH4M3KY_cjs.useConnectedChat; }
 });
 Object.defineProperty(exports, "useSemanticSearch", {
   enumerable: true,
-  get: function () { return chunk7423V6RM_cjs.useSemanticSearch; }
+  get: function () { return chunk7KH4M3KY_cjs.useSemanticSearch; }
 });
 Object.defineProperty(exports, "useWorkspaceDocs", {
   enumerable: true,
-  get: function () { return chunk7423V6RM_cjs.useWorkspaceDocs; }
+  get: function () { return chunk7KH4M3KY_cjs.useWorkspaceDocs; }
 });
 Object.defineProperty(exports, "ConnectionProvider", {
   enumerable: true,
-  get: function () { return chunkMUMH3Z6K_cjs.ConnectionProvider; }
+  get: function () { return chunkLRD7BHAT_cjs.ConnectionProvider; }
 });
 Object.defineProperty(exports, "SESSION_EXPIRED_MESSAGE", {
   enumerable: true,
-  get: function () { return chunkMUMH3Z6K_cjs.SESSION_EXPIRED_MESSAGE; }
+  get: function () { return chunkLRD7BHAT_cjs.SESSION_EXPIRED_MESSAGE; }
 });
 Object.defineProperty(exports, "isAuthenticated", {
   enumerable: true,
-  get: function () { return chunkMUMH3Z6K_cjs.isAuthenticated; }
+  get: function () { return chunkLRD7BHAT_cjs.isAuthenticated; }
 });
 Object.defineProperty(exports, "useConnection", {
   enumerable: true,
-  get: function () { return chunkMUMH3Z6K_cjs.useConnection; }
+  get: function () { return chunkLRD7BHAT_cjs.useConnection; }
 });
 exports.ArbiAppProvider = ArbiAppProvider;
 exports.ConnectedAgentChatPanel = ConnectedAgentChatPanel;
@@ -3841,6 +3877,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;