@arbidocs/blocks 0.4.84 → 0.4.86

package/dist/connect/index.cjs

@@ -1,15 +1,19 @@
 "use client";
 'use strict';
 
-var chunkB3WCKBJ7_cjs = require('../chunk-B3WCKBJ7.cjs');
+var chunk5YXG342J_cjs = require('../chunk-5YXG342J.cjs');
 var chunkXMBYDLZQ_cjs = require('../chunk-XMBYDLZQ.cjs');
 var chunkTZR36PPP_cjs = require('../chunk-TZR36PPP.cjs');
 var chunkMUMH3Z6K_cjs = require('../chunk-MUMH3Z6K.cjs');
 var chunkJH6JTI76_cjs = require('../chunk-JH6JTI76.cjs');
 require('../chunk-7YUFMNFW.cjs');
-var chunkZQYE7J3J_cjs = require('../chunk-ZQYE7J3J.cjs');
-var chunkRYYYHPFU_cjs = require('../chunk-RYYYHPFU.cjs');
+var chunkO4YPVYPO_cjs = require('../chunk-O4YPVYPO.cjs');
+var chunkWRSBM6QN_cjs = require('../chunk-WRSBM6QN.cjs');
+var chunkRZUMQM7W_cjs = require('../chunk-RZUMQM7W.cjs');
+var chunkAFSOUS5X_cjs = require('../chunk-AFSOUS5X.cjs');
+var chunk7RGLTF76_cjs = require('../chunk-7RGLTF76.cjs');
 require('../chunk-DETZZBG2.cjs');
+var chunk2EI7NCUA_cjs = require('../chunk-2EI7NCUA.cjs');
 require('../chunk-7D737FLE.cjs');
 var chunkQVBZESYQ_cjs = require('../chunk-QVBZESYQ.cjs');
 require('../chunk-ADOKTJHV.cjs');
@@ -19,7 +23,10 @@ require('../chunk-B4SRYJLM.cjs');
 require('../chunk-7UTB4PHM.cjs');
 require('../chunk-PPCATBOY.cjs');
 var chunkKDG6FER6_cjs = require('../chunk-KDG6FER6.cjs');
+var chunk3R6XBYL7_cjs = require('../chunk-3R6XBYL7.cjs');
 var chunkULWRNGGE_cjs = require('../chunk-ULWRNGGE.cjs');
+require('../chunk-IXALYQT7.cjs');
+require('../chunk-FX3K6LNZ.cjs');
 require('../chunk-MHVNT4J3.cjs');
 require('../chunk-DES3K4SD.cjs');
 var react = require('react');
@@ -31,6 +38,7 @@ var artifacts = require('@arbidocs/react/artifacts');
 var lucideReact = require('lucide-react');
 var documentTools = require('@arbidocs/react/document-tools');
 var shell = require('@arbidocs/react/shell');
+var client = require('@arbidocs/client');
 
 function ConnectionBoundWebSocket({ children }) {
   const { status } = chunkMUMH3Z6K_cjs.useConnection();
@@ -190,7 +198,7 @@ function StreamedArtifact({
 }
 var STARTING = /* @__PURE__ */ new Set(["pending", "running"]);
 function formValues(step, inputs) {
-  const fields = chunkRYYYHPFU_cjs.stepFields(step);
+  const fields = chunkRZUMQM7W_cjs.stepFields(step);
   if (!fields.length) return void 0;
   if (step.kind === "form")
     return Object.fromEntries(fields.map((f) => [f.name, inputs[f.name] ?? ""]));
@@ -228,7 +236,7 @@ function useWorkflowThread(workflow, options = {}) {
   const { wsId } = chunkXMBYDLZQ_cjs.useWorkspaceDocs();
   const [threadId, setThreadId] = react.useState(options.conversationId);
   const [localInputs, setLocalInputs] = react.useState(
-    () => chunkRYYYHPFU_cjs.initialRunInputs(workflow, options.initialInputs)
+    () => chunkRZUMQM7W_cjs.initialRunInputs(workflow, options.initialInputs)
   );
   const [edits, setEdits] = react.useState({});
   const [localStates, setLocalStates] = react.useState({});
@@ -248,12 +256,12 @@ function useWorkflowThread(workflow, options = {}) {
   );
   const conversation = conversations.data?.find((c) => c.external_id === threadId);
   const steps = react.useMemo(
-    () => chunkRYYYHPFU_cjs.workflowSteps(workflow).length > 0 ? chunkRYYYHPFU_cjs.workflowSteps(workflow) : chunkRYYYHPFU_cjs.fromPlanSteps(conversation?.plan?.steps ?? []),
+    () => chunkRZUMQM7W_cjs.workflowSteps(workflow).length > 0 ? chunkRZUMQM7W_cjs.workflowSteps(workflow) : chunkRZUMQM7W_cjs.fromPlanSteps(conversation?.plan?.steps ?? []),
     [workflow, conversation?.plan?.steps]
   );
   const activity = react$1.useConversationActivity(threadId, { live: !!threadId });
   const serverStates = react.useMemo(
-    () => chunkRYYYHPFU_cjs.stepStatesFromActivity(activity.data ?? []),
+    () => chunkRZUMQM7W_cjs.stepStatesFromActivity(activity.data ?? []),
     [activity.data]
   );
   const working = steps.some(
@@ -292,6 +300,43 @@ function useWorkflowThread(workflow, options = {}) {
     },
     [actOnStep, refresh]
   );
+  const createThread = react.useCallback(
+    async (values, done) => {
+      await ensureWorkspaceOpen();
+      const created = await createWork.mutateAsync({
+        title: chunkRZUMQM7W_cjs.runThreadTitle(workflow, values).slice(0, 60),
+        description: workflow.description || null,
+        prompt: null,
+        skill_ref: null,
+        skill_inputs: values,
+        agent_ext_id: options.agentId ?? null,
+        auth_mode: "run_now_temp",
+        plan: {
+          goal: "",
+          criteria: [],
+          max_passes: 3,
+          documents: [],
+          steps: chunkRZUMQM7W_cjs.toPlanSteps(workflow, {
+            inputs: values,
+            resolveWorkflow: options.resolveWorkflow,
+            compose: options.compose
+          })
+        }
+      });
+      const id = created.external_id;
+      setThreadId(id);
+      if (done) setLocalStates((s) => ({ ...s, [done]: { status: "done" } }));
+      options.onStarted?.(id);
+      for (const [stepId, st] of Object.entries(localStates))
+        if (st.status === "skipped")
+          await actOnStep.mutateAsync({
+            conversationId: id,
+            body: { step: stepId, action: "skip" }
+          });
+      return id;
+    },
+    [ensureWorkspaceOpen, createWork, workflow, options, localStates, actOnStep]
+  );
   const complete = react.useCallback(
     async (step) => {
       let values = inputs;
@@ -301,34 +346,7 @@ function useWorkflowThread(workflow, options = {}) {
         setLocalInputs(values);
         setEdits({});
       }
-      let id = threadId;
-      if (!id) {
-        await ensureWorkspaceOpen();
-        const created = await createWork.mutateAsync({
-          title: chunkRYYYHPFU_cjs.runThreadTitle(workflow, values).slice(0, 60),
-          description: workflow.description || null,
-          prompt: null,
-          skill_ref: null,
-          skill_inputs: values,
-          agent_ext_id: options.agentId ?? null,
-          auth_mode: "run_now_temp",
-          plan: {
-            goal: "",
-            criteria: [],
-            max_passes: 3,
-            documents: [],
-            steps: chunkRYYYHPFU_cjs.toPlanSteps(workflow, {
-              inputs: values,
-              resolveWorkflow: options.resolveWorkflow,
-              compose: options.compose
-            })
-          }
-        });
-        id = created.external_id;
-        setThreadId(id);
-        setLocalStates((s) => ({ ...s, [step.id]: { status: "done" } }));
-        options.onStarted?.(id);
-      }
+      const id = threadId ?? await createThread(values, step.id);
       const documents = step.kind === "upload" ? options.documentsFor?.(step.id) : void 0;
       await act(id, {
         step: step.id,
@@ -337,8 +355,17 @@ function useWorkflowThread(workflow, options = {}) {
         ...documents?.length ? { documents } : {}
       });
     },
-    [inputs, options, localStates, threadId, ensureWorkspaceOpen, createWork, workflow, act]
+    [inputs, options, localStates, threadId, createThread, act]
   );
+  const start = react.useCallback(async () => {
+    if (!threadId) {
+      await createThread(inputs);
+      await refresh();
+      return;
+    }
+    await arbi.conversations.runWithAuth(threadId);
+    await refresh();
+  }, [threadId, createThread, inputs, arbi, refresh]);
   const skip = react.useCallback(
     async (stepId) => {
       if (!threadId) {
@@ -372,7 +399,11 @@ function useWorkflowThread(workflow, options = {}) {
     [threadId, act]
   );
   const loaded = !options.conversationId || activity.isSuccess || activity.isError;
-  const view = chunkRYYYHPFU_cjs.useWorkflowView({
+  const idle = !!conversation && !conversation.in_progress;
+  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 = chunkRZUMQM7W_cjs.useWorkflowView({
     steps,
     states,
     inputs,
@@ -380,6 +411,9 @@ function useWorkflowThread(workflow, options = {}) {
     complete,
     skip,
     retry,
+    start,
+    needsStart,
+    runError,
     sendBack,
     decline,
     nameOf,
@@ -448,7 +482,7 @@ function WorkflowSignDialog({
   const arbi = react$1.useArbi();
   const { user, ensureWorkspaceOpen } = chunkMUMH3Z6K_cjs.useConnection();
   const tools = documentTools.useOptionalDocumentTools();
-  const { id, version: stepVersion } = chunkRYYYHPFU_cjs.splitDocRef(docRef);
+  const { id, version: stepVersion } = chunkRZUMQM7W_cjs.splitDocRef(docRef);
   const [version, setVersion] = react.useState(stepVersion);
   const [pdf, setPdf] = react.useState(null);
   const [preparing, setPreparing] = react.useState(false);
@@ -526,7 +560,7 @@ function WorkflowWordDialog({
   onClose,
   labels
 }) {
-  const { id } = chunkRYYYHPFU_cjs.splitDocRef(docRef);
+  const { id } = chunkRZUMQM7W_cjs.splitDocRef(docRef);
   return /* @__PURE__ */ jsxRuntime.jsx(
     chunkULWRNGGE_cjs.ModalScaffold,
     {
@@ -660,7 +694,7 @@ function ConnectedWorkflowRunner({
     () => ({
       me: user?.externalId,
       openDocument: onOpenDocument && ((ref) => {
-        const { id, version } = chunkRYYYHPFU_cjs.splitDocRef(ref);
+        const { id, version } = chunkRZUMQM7W_cjs.splitDocRef(ref);
         onOpenDocument(id, version);
       }),
       openDraft: onOpenDraft && ((draftId) => onOpenDraft(draftId)),
@@ -670,7 +704,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(chunkRYYYHPFU_cjs.splitDocRef(ref).id) ?? "" })),
+      openRedline: hostActions?.openRedline ?? ((ref) => setDialog({ kind: "word", docRef: ref, title: nameOfDoc(chunkRZUMQM7W_cjs.splitDocRef(ref).id) ?? "" })),
       openReview: hostActions?.openReview ?? ((tags, documents) => setDialog({ kind: "review", tags, documents }))
     }),
     [user?.externalId, onOpenDocument, onOpenDraft, onOpenMessage, hostActions, nameOfDoc, inThread]
@@ -806,7 +840,7 @@ function ConnectedWorkflowRunner({
     );
   };
   const runner = (compact) => /* @__PURE__ */ jsxRuntime.jsx(
-    chunkRYYYHPFU_cjs.WorkflowRunner,
+    chunkRZUMQM7W_cjs.WorkflowRunner,
     {
       people,
       ...runnerProps,
@@ -852,10 +886,10 @@ function ConnectedWorkflowRunner({
     ) }),
     inThread && conversationId ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
       /* @__PURE__ */ jsxRuntime.jsx(
-        chunkRYYYHPFU_cjs.WorkflowStepBar,
+        chunkRZUMQM7W_cjs.WorkflowStepBar,
         {
           run: view,
-          levels: chunkRYYYHPFU_cjs.stepLevels(view.steps),
+          levels: chunkRZUMQM7W_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}`
@@ -988,7 +1022,17 @@ function ReviewNotify({
     ] })
   ] });
 }
-function ConnectedTagMatrix({
+var FLAT_KINDS = ["issue", "person", "organisation"];
+var KIND_TITLES = {
+  label: "Labels",
+  annotation: "Annotations",
+  search: "Searches",
+  issue: "Issues",
+  person: "People",
+  organisation: "Organisations"
+};
+function ConnectedTagTable({
+  kind,
   parentId,
   linksLimit = 3,
   exportTitle,
@@ -999,8 +1043,16 @@ function ConnectedTagMatrix({
 }) {
   const arbi = react$1.useArbi();
   const { workspaceId, status, ensureWorkspaceOpen } = chunkMUMH3Z6K_cjs.useConnection();
-  const matrix = react$1.useTagMatrix({ parentId }, { linksLimit });
-  const update = react$1.useUpdateTagFields();
+  const schema = react$1.useTagKindSchema(kind);
+  const rows = react$1.useTags(workspaceId ?? void 0, {
+    kind,
+    ...parentId ? { parentId } : {},
+    include: ["links"],
+    linksLimit
+  });
+  const canAddRows = !readOnly && kind !== "annotation" && kind !== "search";
+  const setValues = react$1.useSetTagValues();
+  const updateSchema = react$1.useUpdateTagKindSchema();
   const invalidate = react$1.useInvalidateTagData();
   const members = react$1.useWorkspaceUsers(workspaceId ?? void 0, {
     enabled: status === "authenticated" && !!workspaceId,
@@ -1011,45 +1063,59 @@ function ConnectedTagMatrix({
     value: m.user.external_id,
     label: [m.user.given_name, m.user.family_name].filter(Boolean).join(" ") || m.user.email
   }));
+  const table = react.useMemo(
+    () => schema.data && rows.data ? { columns: schema.data.fields, rows: rows.data } : void 0,
+    [schema.data, rows.data]
+  );
   const fail = (e) => setError(e instanceof Error ? e.message : String(e));
   const snapshot = (data) => {
-    const title = exportTitle ?? data.parent?.name ?? "Matrix";
-    const bytes = chunkZQYE7J3J_cjs.tagMatrixDocx(data, {
+    const title = exportTitle ?? KIND_TITLES[kind];
+    const bytes = chunkWRSBM6QN_cjs.tagTableDocx(data, {
       title,
       nameOf: (id) => people.find((p) => p.value === id)?.label
     });
     const stamp = (/* @__PURE__ */ new Date()).toISOString().slice(0, 10);
     const name = `${title.replace(/[\\/:*?"<>|]+/g, "-")} (${stamp}).docx`;
-    return { blob: new Blob([bytes], { type: chunkZQYE7J3J_cjs.DOCX_MIME_TYPE }), name };
+    return { blob: new Blob([bytes], { type: chunkWRSBM6QN_cjs.DOCX_MIME_TYPE }), name };
   };
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkZQYE7J3J_cjs.TagMatrix,
+      chunkWRSBM6QN_cjs.TagTable,
       {
         ...props,
-        matrix: matrix.data,
-        isLoading: matrix.isLoading,
+        table,
+        isLoading: schema.isLoading || rows.isLoading,
         people,
         onChangeValue: readOnly ? void 0 : async (tagId, fieldId, value) => {
           setError(null);
-          await update.mutateAsync({ tagId, values: { [fieldId]: value } }).catch(fail);
+          await setValues.mutateAsync({ tagId, values: { [fieldId]: value } }).catch(fail);
+        },
+        onChangeColumns: readOnly ? void 0 : async (fields) => {
+          setError(null);
+          await ensureWorkspaceOpen();
+          await updateSchema.mutateAsync({ kind, fields }).catch((e) => {
+            fail(e);
+            throw e;
+          });
         },
-        onAddRow: readOnly ? void 0 : async (name) => {
+        onAddRow: !canAddRows ? void 0 : async (name) => {
           setError(null);
           try {
             await ensureWorkspaceOpen();
-            await arbi.tags.create({ name, parentId });
+            await arbi.tags.create({
+              name,
+              kind,
+              ...parentId && !FLAT_KINDS.includes(kind) ? { parentId } : {}
+            });
             await invalidate();
           } catch (e) {
             fail(e);
           }
         },
-        onExport: onExported && matrix.data ? async () => {
+        onExport: onExported && table ? async () => {
           setError(null);
           try {
-            const data = matrix.data;
-            if (!data) return;
-            const { blob, name } = snapshot(data);
+            const { blob, name } = snapshot(table);
             await ensureWorkspaceOpen();
             const uploaded = await arbi.documents.uploadFile(blob, name);
             const id = uploaded?.doc_ext_ids?.[0];
@@ -1058,12 +1124,10 @@ function ConnectedTagMatrix({
             fail(e);
           }
         } : void 0,
-        onDownload: downloadable && matrix.data ? () => {
+        onDownload: downloadable && table ? () => {
           setError(null);
           try {
-            const data = matrix.data;
-            if (!data) return;
-            const { blob, name } = snapshot(data);
+            const { blob, name } = snapshot(table);
             const url = URL.createObjectURL(blob);
             const link = document.createElement("a");
             link.href = url;
@@ -1154,12 +1218,12 @@ function ConnectedProfileCard({ notify: notify3, title = "Profile" }) {
     }
   });
   const display = profile?.fullName || user?.name || "Unnamed";
-  return /* @__PURE__ */ jsxRuntime.jsx(chunkB3WCKBJ7_cjs.SettingsSection, { icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.UserCircle, {}), title, children: /* @__PURE__ */ jsxRuntime.jsx(
-    chunkB3WCKBJ7_cjs.ProfileCard,
+  return /* @__PURE__ */ jsxRuntime.jsx(chunk5YXG342J_cjs.SettingsSection, { icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.UserCircle, {}), title, children: /* @__PURE__ */ jsxRuntime.jsx(
+    chunk5YXG342J_cjs.ProfileCard,
     {
       avatar: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunkB3WCKBJ7_cjs.AvatarPicker,
+          chunk5YXG342J_cjs.AvatarPicker,
           {
             pictureUrl: profile?.picture ?? user?.picture,
             initials: chunkKDG6FER6_cjs.initials(display),
@@ -1201,9 +1265,9 @@ function ConnectedIdentityVerification({
     onNameAccepted: () => notify3?.("Name updated to match your ID", "success")
   });
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(chunkB3WCKBJ7_cjs.IdentityVerificationCard, { flow, labels }),
+    /* @__PURE__ */ jsxRuntime.jsx(chunk5YXG342J_cjs.IdentityVerificationCard, { flow, labels }),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkB3WCKBJ7_cjs.IdentityVerificationDialog,
+      chunk5YXG342J_cjs.IdentityVerificationDialog,
       {
         flow,
         accountName: profile?.fullName ?? "",
@@ -1215,7 +1279,7 @@ function ConnectedIdentityVerification({
 function ConnectedRequireVerified({ children, labels }) {
   const { data: profile } = react$1.useProfile();
   const flow = react$1.useIdentityVerification();
-  return /* @__PURE__ */ jsxRuntime.jsx(chunkB3WCKBJ7_cjs.RequireVerified, { flow, accountName: profile?.fullName ?? "", labels, children });
+  return /* @__PURE__ */ jsxRuntime.jsx(chunk5YXG342J_cjs.RequireVerified, { flow, accountName: profile?.fullName ?? "", labels, children });
 }
 function defaultUnmetPasswordRequirement(password) {
   if (password.length < 8) return "Minimum 8 characters";
@@ -1228,29 +1292,25 @@ function defaultUnmetPasswordRequirement(password) {
 function ConnectedSecuritySection({
   notify: notify3,
   getUnmetRequirement = defaultUnmetPasswordRequirement,
-  renderRecoveryKey,
   children
 }) {
   const [open, setOpen] = react.useState(false);
   const change = react$1.usePasswordChange();
-  const { data: workspaces } = react$1.useWorkspaces({ enabled: open });
-  const workspaceCount = (workspaces ?? []).filter((w) => w.is_member).length;
   const form = react$1.usePasswordChangeForm({
     getUnmetRequirement,
     submit: async (vars) => {
-      const result = await change.mutateAsync(vars);
+      await change.mutateAsync(vars);
       notify3?.("Password changed successfully", "success");
-      return result;
     },
     onClose: () => setOpen(false)
   });
-  return /* @__PURE__ */ jsxRuntime.jsxs(chunkB3WCKBJ7_cjs.SettingsSection, { icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.KeyRound, {}), title: "Security", children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(chunkB3WCKBJ7_cjs.SettingsCard, { padding: "sm", children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs(chunk5YXG342J_cjs.SettingsSection, { icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.KeyRound, {}), title: "Security", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(chunk5YXG342J_cjs.SettingsCard, { padding: "sm", children: [
       /* @__PURE__ */ jsxRuntime.jsx(
-        chunkB3WCKBJ7_cjs.SettingsActionRow,
+        chunk5YXG342J_cjs.SettingsActionRow,
         {
           title: "Change password",
-          description: "Used to sign in and to encrypt your data. Changing it re-encrypts everything in your account.",
+          description: "Used to sign in and to unlock your account key. Changing it keeps everything readable and re-encrypts nothing.",
           onClick: () => setOpen(true),
           testId: "change-password-button"
         }
@@ -1258,7 +1318,7 @@ function ConnectedSecuritySection({
       children
     ] }),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkB3WCKBJ7_cjs.PasswordChangeDialog,
+      chunk5YXG342J_cjs.PasswordChangeDialog,
       {
         open,
         onClose: form.onCancel,
@@ -1270,35 +1330,34 @@ function ConnectedSecuritySection({
         confirmPassword: form.confirmPassword,
         onConfirmPasswordChange: form.onConfirmPasswordChange,
         getUnmetRequirement,
-        workspaceCount,
         error: form.error,
         isProcessing: form.isProcessing,
         isSubmitDisabled: form.isSubmitDisabled,
         onSubmit: form.onSubmit,
-        success: form.result ? renderRecoveryKey?.(form.result) ?? /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, {}) : null,
+        isChanged: form.isChanged,
         onDone: form.onDone
       }
     )
   ] });
 }
 function ConnectedNotificationPreferences({
-  categories = chunkB3WCKBJ7_cjs.EMAIL_NOTIFICATION_CATEGORIES,
+  categories = chunk5YXG342J_cjs.EMAIL_NOTIFICATION_CATEGORIES,
   title = "Notifications"
 }) {
   const keys = react.useMemo(
-    () => categories === chunkB3WCKBJ7_cjs.EMAIL_NOTIFICATION_CATEGORIES ? chunkB3WCKBJ7_cjs.EMAIL_NOTIFICATION_KEYS : categories.map((c) => c.key),
+    () => categories === chunk5YXG342J_cjs.EMAIL_NOTIFICATION_CATEGORIES ? chunk5YXG342J_cjs.EMAIL_NOTIFICATION_KEYS : categories.map((c) => c.key),
     [categories]
   );
   const prefs = react$1.useNotificationPreferences(keys);
-  return /* @__PURE__ */ jsxRuntime.jsx(chunkB3WCKBJ7_cjs.SettingsSection, { title, children: /* @__PURE__ */ jsxRuntime.jsx(chunkB3WCKBJ7_cjs.SettingsCard, { className: "space-y-0", children: /* @__PURE__ */ jsxRuntime.jsx(
-    chunkB3WCKBJ7_cjs.NotificationCategoryList,
+  return /* @__PURE__ */ jsxRuntime.jsx(chunk5YXG342J_cjs.SettingsSection, { title, children: /* @__PURE__ */ jsxRuntime.jsx(chunk5YXG342J_cjs.SettingsCard, { className: "space-y-0", children: /* @__PURE__ */ jsxRuntime.jsx(
+    chunk5YXG342J_cjs.NotificationCategoryList,
     {
       masterId: "emailNotifications",
       masterTitle: "Email Notifications",
       masterDescription: "Email me about activity when I\u2019m away",
       masterChecked: prefs.masterChecked,
       onMasterChange: prefs.setAll,
-      categories: chunkB3WCKBJ7_cjs.toNotificationCategories(prefs.checked, categories),
+      categories: chunk5YXG342J_cjs.toNotificationCategories(prefs.checked, categories),
       onCategoryChange: prefs.setCategory
     }
   ) }) });
@@ -1312,14 +1371,14 @@ function ConnectedSessionsRow({
   const sessions = react$1.useSessions({ enabled: open });
   const currentSessionId = react$1.useCurrentSessionId();
   const terminate = react$1.useTerminateSession();
-  const views = chunkB3WCKBJ7_cjs.toActiveSessionViews(sessions.data ?? [], {
+  const views = chunk5YXG342J_cjs.toActiveSessionViews(sessions.data ?? [], {
     currentSessionId,
     terminatingId: terminate.isPending ? terminate.variables : null,
     renderIcon: renderSessionIcon
   });
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkB3WCKBJ7_cjs.SettingsRow,
+      chunk5YXG342J_cjs.SettingsRow,
       {
         label: "Active sessions",
         description: "Devices and agents currently signed in to your account.",
@@ -1341,7 +1400,7 @@ function ConnectedSessionsRow({
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkB3WCKBJ7_cjs.ActiveSessionsDialog,
+      chunk5YXG342J_cjs.ActiveSessionsDialog,
       {
         open,
         onOpenChange: setOpen,
@@ -1376,7 +1435,7 @@ function ConnectedLogoutDialog({
   const sessions = react$1.useSessions({ enabled: open });
   const logoutAll = react$1.useLogoutAllSessions();
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkB3WCKBJ7_cjs.LogoutDialog,
+    chunk5YXG342J_cjs.LogoutDialog,
     {
       open,
       onClose,
@@ -1390,7 +1449,7 @@ function ConnectedLogoutDialog({
       },
       canLogoutAll: true,
       isOnline,
-      sessions: chunkB3WCKBJ7_cjs.toLogoutSessionViews(sessions.data ?? []),
+      sessions: chunk5YXG342J_cjs.toLogoutSessionViews(sessions.data ?? []),
       renderSessionIcon
     }
   );
@@ -1409,7 +1468,7 @@ function ConnectedDangerZone({ notify: notify3, renderSubscriptionLink }) {
   });
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkB3WCKBJ7_cjs.SettingsDangerZone,
+      chunk5YXG342J_cjs.SettingsDangerZone,
       {
         isOpen: zoneOpen,
         onToggle: () => setZoneOpen((o) => !o),
@@ -1429,12 +1488,12 @@ function ConnectedDangerZone({ notify: notify3, renderSubscriptionLink }) {
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkB3WCKBJ7_cjs.DeleteAccountDialog,
+      chunk5YXG342J_cjs.DeleteAccountDialog,
       {
         open: dialogOpen,
         onClose: flow.onClose,
         step: flow.step,
-        blockers: chunkB3WCKBJ7_cjs.toDeleteBlockerViews(flow.blockers, renderSubscriptionLink),
+        blockers: chunk5YXG342J_cjs.toDeleteBlockerViews(flow.blockers, renderSubscriptionLink),
         onContinue: flow.onContinue,
         onBack: flow.onBack,
         userEmail: user?.email ?? "",
@@ -1597,6 +1656,14 @@ function mapWorkNotification(note) {
       return null;
     }
   }
+  if (note.type === "mail_draft_ready") {
+    const draftId = react$1.mailDraftIdFromContent(note.content);
+    if (!draftId) return null;
+    return {
+      title: `${sender} left a draft email for you to review`,
+      target: { kind: "mail_draft", draftId, mailbox: "native" }
+    };
+  }
   const titles = {
     mention: `${sender} mentioned you in a conversation`,
     workspace_access_request: `${sender} needs workspace access to run a task`,
@@ -1616,6 +1683,1510 @@ function mapWorkNotification(note) {
     }
   };
 }
+function attachmentPath(accountId, messageId, attachmentId) {
+  return `${react$1.accountPath(accountId)}/messages/${encodeURIComponent(messageId)}/attachments/${encodeURIComponent(attachmentId)}`;
+}
+function saveFile(blob, name) {
+  const url = URL.createObjectURL(blob);
+  const link = document.createElement("a");
+  link.href = url;
+  link.download = name;
+  link.click();
+  setTimeout(() => URL.revokeObjectURL(url), 1e3);
+}
+function hydrateMailAttachments(client$1, account, messageId, attachments, { isOnline, offline }) {
+  return Promise.all(
+    attachments.map(async (a) => {
+      if (a.content_base64 != null) return a;
+      if (!isOnline) {
+        const file = await offline?.loadAttachment(account.id, messageId, a);
+        return file ? { ...a, content_base64: client.bytesToBase64(new Uint8Array(await file.arrayBuffer())) } : { ...a, content_base64: null };
+      }
+      const response = await client$1.fetch(attachmentPath(account.id, messageId, a.id));
+      return react$1.fileAttachment(new File([await response.blob()], a.name, { type: a.content_type }));
+    })
+  );
+}
+function ConnectedMailAccounts({
+  policy,
+  accounts,
+  onClose,
+  embedded = false,
+  user,
+  oauthReturnPath,
+  settings
+}) {
+  const { client } = react$1.useMailClient();
+  const [profileId, setProfileId] = react.useState(policy.server_profiles[0]?.id ?? "");
+  const [email, setEmail] = react.useState("");
+  const [username, setUsername] = react.useState("");
+  const [password, setPassword] = react.useState("");
+  const [error, setError] = react.useState("");
+  const [alias, setAlias] = react.useState(() => react$1.defaultMailAlias(user));
+  const native = react$1.useClaimNativeAlias(onClose);
+  const isOnline = react$1.useMailOnline();
+  const offline = !isOnline;
+  const onNativeError = (err) => {
+    if (!react$1.isAliasTakenError(err)) return setError(err.message);
+    const suggestion = react$1.nextAliasSuggestion(alias);
+    setAlias(suggestion);
+    setError(react$1.aliasTakenMessage(alias, suggestion, policy.native_domain));
+  };
+  const connect = react$1.useConnectMailAccount();
+  const disconnect = react$1.useDisconnectMailAccount();
+  const authorizeOAuth = client.authorizeOAuth;
+  const oauth = async (vendor) => {
+    if (!authorizeOAuth) return;
+    try {
+      window.location.assign(
+        await authorizeOAuth(
+          vendor,
+          oauthReturnPath ?? `${window.location.pathname}${window.location.search}`
+        )
+      );
+    } catch (err) {
+      setError(err instanceof Error ? err.message : "Could not connect account");
+    }
+  };
+  const content = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    offline && /* @__PURE__ */ jsxRuntime.jsx(
+      "p",
+      {
+        role: "status",
+        className: "mb-4 rounded bg-muted/40 px-3 py-2 text-sm text-muted-foreground",
+        children: "You're offline. Creating, connecting or removing accounts needs a connection."
+      }
+    ),
+    policy.native_enabled && !accounts.some((a) => a.provider === "native") && /* @__PURE__ */ jsxRuntime.jsxs(
+      "form",
+      {
+        className: "mb-5 grid gap-3",
+        onSubmit: (e) => {
+          e.preventDefault();
+          native.mutate(alias, { onError: onNativeError });
+        },
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "grid gap-1 text-sm", children: [
+            "Choose your email address",
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "input",
+                {
+                  "aria-label": "Email alias",
+                  required: true,
+                  pattern: "[a-z0-9][a-z0-9._\\-]{0,62}",
+                  className: "min-w-0 flex-1 rounded border bg-background p-2",
+                  value: alias,
+                  onChange: (e) => setAlias(e.target.value.toLowerCase())
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+                "@",
+                policy.native_domain
+              ] })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { disabled: native.isPending || offline, type: "submit", children: "Create inbox" })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mb-4 text-sm text-muted-foreground", children: "Connect an account using the providers enabled by your administrator." }),
+    authorizeOAuth && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-4 flex flex-wrap gap-2", children: policy.oauth_providers.map((vendor) => /* @__PURE__ */ jsxRuntime.jsxs(
+      ui.Button,
+      {
+        variant: "outline",
+        disabled: offline,
+        onClick: () => void oauth(vendor),
+        children: [
+          "Connect ",
+          vendor === "microsoft" ? "Outlook" : "Gmail"
+        ]
+      },
+      vendor
+    )) }),
+    accounts.map((account) => /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        className: "mb-2 flex items-center justify-between gap-2 rounded border p-3 text-sm",
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+            /* @__PURE__ */ jsxRuntime.jsx("div", { children: account.email }),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-muted-foreground", children: account.display_name })
+          ] }),
+          account.profile_id ? /* @__PURE__ */ jsxRuntime.jsx(
+            ui.Button,
+            {
+              variant: "ghost",
+              disabled: disconnect.isPending || offline,
+              onClick: () => disconnect.mutate(account.id, { onError: (err) => setError(err.message) }),
+              children: "Disconnect"
+            }
+          ) : account.provider !== "native" ? authorizeOAuth && /* @__PURE__ */ jsxRuntime.jsx(
+            ui.Button,
+            {
+              variant: "ghost",
+              disabled: offline,
+              onClick: () => void oauth(account.provider),
+              children: "Reconnect"
+            }
+          ) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground", children: "Native inbox" })
+        ]
+      },
+      account.id
+    )),
+    policy.server_profiles.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs(
+      "form",
+      {
+        className: "mt-5 grid gap-3",
+        onSubmit: (event) => {
+          event.preventDefault();
+          setError("");
+          connect.mutate(
+            { profileId, email, username, password },
+            {
+              onSuccess: () => {
+                setPassword("");
+                onClose();
+              },
+              onError: (err) => setError(err.message)
+            }
+          );
+        },
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "grid gap-1 text-sm", children: [
+            "Mail server",
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "select",
+              {
+                "aria-label": "Mail server",
+                className: "rounded border bg-background p-2",
+                value: profileId,
+                onChange: (e) => setProfileId(e.target.value),
+                children: policy.server_profiles.map((profile) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: profile.id, children: profile.name }, profile.id))
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "grid gap-1 text-sm", children: [
+            "Email address",
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "input",
+              {
+                required: true,
+                type: "email",
+                autoComplete: "email",
+                className: "rounded border bg-background p-2",
+                value: email,
+                onChange: (e) => setEmail(e.target.value)
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "grid gap-1 text-sm", children: [
+            "Username",
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "input",
+              {
+                placeholder: "Same as email address",
+                autoComplete: "username",
+                className: "rounded border bg-background p-2",
+                value: username,
+                onChange: (e) => setUsername(e.target.value)
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "grid gap-1 text-sm", children: [
+            "Password or app password",
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "input",
+              {
+                required: true,
+                type: "password",
+                autoComplete: "current-password",
+                className: "rounded border bg-background p-2",
+                value: password,
+                onChange: (e) => setPassword(e.target.value)
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { type: "submit", disabled: connect.isPending || offline, children: connect.isPending ? "Connecting\u2026" : "Connect mailbox" })
+        ]
+      }
+    ),
+    error && /* @__PURE__ */ jsxRuntime.jsx("p", { role: "alert", className: "mt-3 text-sm text-destructive", children: error }),
+    accounts.length > 0 && settings
+  ] });
+  if (embedded) return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "max-w-2xl", children: content });
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    ui.Dialog,
+    {
+      open: true,
+      onOpenChange: (open) => {
+        if (!open) onClose();
+      },
+      children: /* @__PURE__ */ jsxRuntime.jsxs(ui.DialogContent, { className: "max-h-[90dvh] max-w-lg overflow-auto", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(ui.DialogTitle, { children: "Mail accounts" }),
+        /* @__PURE__ */ jsxRuntime.jsx(ui.DialogDescription, { children: "Choose your email address or connect an external mailbox." }),
+        content
+      ] })
+    }
+  );
+}
+var MailBodyEditor = react.lazy(
+  () => import('../MailBodyEditor-D7MGJMLH.cjs').catch(() => ({
+    default: chunk3R6XBYL7_cjs.PlainMailBodyEditor
+  }))
+);
+function MailComposerForm({
+  account,
+  initial,
+  maxBytes,
+  ready,
+  drafts,
+  onClose,
+  onOpenDraft,
+  onChange,
+  embedded = false,
+  closeRequestRef,
+  localDraftId: initialLocalDraftId,
+  offline,
+  documents,
+  notify: notify3
+}) {
+  const { client } = react$1.useMailClient();
+  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);
+  const [showBcc, setShowBcc] = react.useState(initial.bcc.length > 0);
+  const [bcc, setBcc] = react.useState(initial.bcc.map((r) => r.email).join("; "));
+  const [subject, setSubject] = react.useState(initial.subject);
+  const [text, setText] = react.useState(initial.text);
+  const [html, setHtml] = react.useState(initial.html);
+  const [attachments, setAttachments] = react.useState(initial.attachments);
+  const [draftId, setDraftId] = react.useState(initial.draft_id);
+  const [error, setError] = react.useState("");
+  const [dirty, setDirty] = react.useState(false);
+  const [attaching, setAttaching] = react.useState(false);
+  const [saved, setSaved] = react.useState(false);
+  const isOnline = react$1.useMailOnline();
+  const [localDraftId, setLocalDraftId] = react.useState(initialLocalDraftId);
+  const [savedLocally, setSavedLocally] = react.useState(false);
+  const [secure, setSecure] = react.useState(initial.secure_delivery ?? false);
+  const securePayload = react.useRef(null);
+  const requestId = react.useRef(crypto.randomUUID());
+  const attemptedPayload = react.useRef(null);
+  const fileInput = react.useRef(null);
+  const sameSubjectDraft = react.useMemo(() => {
+    const key = subject.trim().toLowerCase();
+    return key ? drafts.find((d) => d.id !== draftId && d.subject.trim().toLowerCase() === key) : void 0;
+  }, [drafts, draftId, subject]);
+  const body = () => ({
+    ...initial,
+    to: chunk3R6XBYL7_cjs.parseMailRecipients(to),
+    cc: chunk3R6XBYL7_cjs.parseMailRecipients(cc),
+    bcc: chunk3R6XBYL7_cjs.parseMailRecipients(bcc),
+    subject,
+    text,
+    html,
+    attachments,
+    draft_id: draftId,
+    secure_delivery: secure
+  });
+  const saveOnDevice = async (compose) => {
+    const draft = await offline.saveDraft(account.id, compose, localDraftId);
+    setLocalDraftId(draft.id);
+  };
+  const save = react$1.useSaveMailDraft(
+    offline && { keep: saveOnDevice, isNetworkFailure: offline.isNetworkFailure }
+  );
+  const queueInOutbox = async (compose) => {
+    await offline.queueSend({
+      account,
+      compose,
+      requestId: requestId.current,
+      secure,
+      securePayload: securePayload.current ?? void 0
+    });
+    if (localDraftId) await offline.deleteDraft(localDraftId);
+  };
+  const send = react$1.useSendMail(
+    offline && { keep: queueInOutbox, isNetworkFailure: offline.isNetworkFailure }
+  );
+  const saveDraft = () => save.mutate(
+    { accountId: account.id, compose: body() },
+    {
+      onSuccess: (result) => {
+        setSaved(true);
+        setDirty(false);
+        if ("onDevice" in result) {
+          setSavedLocally(true);
+          return;
+        }
+        setSavedLocally(false);
+        setDraftId(result.id);
+        if (localDraftId) {
+          void offline?.deleteDraft(localDraftId);
+          setLocalDraftId(void 0);
+        }
+      },
+      onError: (err) => setError(err.message)
+    }
+  );
+  const sendMessage = () => {
+    let value = attemptedPayload.current;
+    if (value === null) {
+      value = body();
+      const recipients = [...value.to, ...value.cc, ...value.bcc];
+      const problem = !recipients.length || recipients.length > 100 ? "Enter between 1 and 100 recipients" : recipients.some((r) => !/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(r.email)) ? "Check the recipient email addresses" : value.attachments.reduce((total, a) => total + a.size, 0) > maxBytes ? "Attachments exceed the email size limit" : null;
+      if (problem) return setError(problem);
+      if (!(offline && !isOnline)) attemptedPayload.current = value;
+    }
+    const sending = account;
+    send.mutate(
+      {
+        accountId: account.id,
+        compose: value,
+        requestId: requestId.current,
+        // Secure delivery prepares its encrypted payload once.
+        secure: secure ? async () => {
+          if (sending?.provider !== "native" || !client.prepareSecureMail)
+            throw new Error("Choose your native inbox to send securely");
+          securePayload.current ??= await client.prepareSecureMail(
+            value,
+            sending,
+            requestId.current
+          );
+          return securePayload.current;
+        } : void 0
+      },
+      {
+        onSuccess: (result) => {
+          if (result && typeof result === "object" && "onDevice" in result) {
+            notify3("Saved to your Outbox", "info", {
+              description: "It will be sent automatically when you're back online."
+            });
+            onClose();
+            return;
+          }
+          notify3("Email queued for delivery", "success");
+          if (localDraftId) void offline?.deleteDraft(localDraftId);
+          onClose();
+        },
+        onError: (err) => setError(err.message)
+      }
+    );
+  };
+  const busy = attaching || save.isPending || send.isPending;
+  const locked = busy || attemptedPayload.current !== null;
+  const addFiles = async (files) => {
+    if (!files) return;
+    const selected = Array.from(files);
+    if (attachments.reduce((n, a) => n + a.size, 0) + selected.reduce((n, f) => n + f.size, 0) > maxBytes) {
+      setError(`Attachments must total less than ${Math.round(maxBytes / 1024 / 1024)} MB`);
+      return;
+    }
+    setAttaching(true);
+    try {
+      const added = await Promise.all(selected.map(react$1.fileAttachment));
+      setAttachments((previous) => [...previous, ...added]);
+      setSaved(false);
+      setDirty(true);
+    } catch (err) {
+      setError(err instanceof Error ? err.message : "Could not attach files");
+    } finally {
+      setAttaching(false);
+    }
+  };
+  const addDocument = async (documentId) => {
+    if (!documents) return;
+    const used = attachments.reduce((n, a) => n + a.size, 0);
+    setError("");
+    setAttaching(true);
+    try {
+      const added = await documents.toAttachment(documentId, maxBytes - used);
+      setAttachments((previous) => [...previous, added]);
+      setSaved(false);
+      setDirty(true);
+    } catch (err) {
+      setError(err instanceof Error ? err.message : "Could not attach the document");
+    } finally {
+      setAttaching(false);
+    }
+  };
+  const close = () => {
+    if (busy) return;
+    if (!saved && (dirty || !draftId) && (text || subject || to || cc || bcc || attachments.length) && !window.confirm("Close this message without saving your latest changes?"))
+      return;
+    onClose();
+  };
+  react.useEffect(() => {
+    if (closeRequestRef) closeRequestRef.current = close;
+  });
+  react.useEffect(() => {
+    onChange?.(body());
+  }, [to, cc, bcc, subject, text, html, attachments, draftId, secure]);
+  const form = /* @__PURE__ */ jsxRuntime.jsxs(
+    "form",
+    {
+      onKeyDown: (event) => {
+        if (event.key !== "Enter") return;
+        if (event.ctrlKey || event.metaKey) {
+          event.preventDefault();
+          if (ready && !busy) event.currentTarget.requestSubmit();
+        } else if (event.target instanceof HTMLInputElement) {
+          event.preventDefault();
+        }
+      },
+      onSubmit: (e) => {
+        e.preventDefault();
+        setError("");
+        sendMessage();
+      },
+      className: embedded ? "flex h-full min-h-0 w-full flex-col bg-background" : "flex max-h-[95dvh] w-full max-w-3xl flex-col rounded-xl border bg-background shadow-2xl",
+      children: [
+        !embedded && /* @__PURE__ */ jsxRuntime.jsxs("header", { className: "flex items-center justify-between border-b px-5 py-3", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "font-semibold", children: "New message" }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            ui.Button,
+            {
+              type: "button",
+              variant: "ghost",
+              "aria-label": "Close message",
+              disabled: busy,
+              onClick: close,
+              children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "size-4" })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-h-0 flex-1 overflow-auto px-5 py-3", children: [
+          sameSubjectDraft && /* @__PURE__ */ jsxRuntime.jsxs(
+            "div",
+            {
+              role: "status",
+              className: "mb-3 flex items-center justify-between gap-3 rounded-md bg-muted/40 px-3 py-2 text-xs text-muted-foreground",
+              children: [
+                "A draft with this subject is already in Drafts.",
+                onOpenDraft && /* @__PURE__ */ jsxRuntime.jsx(
+                  ui.Button,
+                  {
+                    type: "button",
+                    variant: "ghost",
+                    className: "h-7 shrink-0 text-xs",
+                    onClick: () => onOpenDraft(sameSubjectDraft.id),
+                    children: "Open draft"
+                  }
+                )
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "mb-2 flex items-center gap-3 border-b border-border/60 pb-3 text-xs text-muted-foreground", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "w-14 shrink-0", children: "From" }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rounded bg-muted/50 px-2 py-1 text-foreground", children: account?.email ?? "Connect a mailbox to send" })
+          ] }),
+          [
+            ["To", to, setTo],
+            ["Cc", cc, setCc],
+            ["Bcc", bcc, setBcc]
+          ].filter(
+            ([label]) => label === "To" || label === "Cc" && showCc || label === "Bcc" && showBcc
+          ).map(([label, value, setter]) => /* @__PURE__ */ jsxRuntime.jsxs(
+            "label",
+            {
+              className: "flex items-center gap-3 border-b border-border/60 py-2.5 text-sm focus-within:border-primary",
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "w-14 shrink-0 text-xs text-muted-foreground", children: label }),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  "input",
+                  {
+                    "aria-label": label,
+                    required: label === "To" && !cc && !bcc,
+                    disabled: locked,
+                    className: "min-w-0 flex-1 bg-transparent outline-none",
+                    value,
+                    placeholder: label === "To" ? "Add recipients" : "",
+                    onChange: (e) => {
+                      setter(e.target.value);
+                      setSaved(false);
+                      setDirty(true);
+                    }
+                  }
+                ),
+                label === "To" && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex shrink-0 gap-2", children: [
+                  !showCc && /* @__PURE__ */ jsxRuntime.jsx(
+                    "button",
+                    {
+                      type: "button",
+                      disabled: locked,
+                      className: "text-xs text-muted-foreground hover:text-primary",
+                      onClick: () => setShowCc(true),
+                      children: "Cc"
+                    }
+                  ),
+                  !showBcc && /* @__PURE__ */ jsxRuntime.jsx(
+                    "button",
+                    {
+                      type: "button",
+                      disabled: locked,
+                      className: "text-xs text-muted-foreground hover:text-primary",
+                      onClick: () => setShowBcc(true),
+                      children: "Bcc"
+                    }
+                  )
+                ] })
+              ]
+            },
+            label
+          )),
+          /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "flex items-center gap-3 border-b border-border/60 py-2.5 text-sm focus-within:border-primary", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "w-14 shrink-0 text-xs text-muted-foreground", children: "Subject" }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "input",
+              {
+                "aria-label": "Subject",
+                placeholder: "Add a subject",
+                disabled: locked,
+                className: "min-w-0 flex-1 bg-transparent outline-none",
+                value: subject,
+                onChange: (e) => {
+                  setSubject(e.target.value);
+                  setSaved(false);
+                  setDirty(true);
+                }
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx(react.Suspense, { fallback: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "py-4 text-sm text-muted-foreground", children: "Loading editor\u2026" }), children: /* @__PURE__ */ jsxRuntime.jsx(
+            MailBodyEditor,
+            {
+              text,
+              html,
+              disabled: locked,
+              onChange: (nextText, nextHtml) => {
+                setText(nextText);
+                setHtml(nextHtml);
+                setSaved(false);
+              }
+            }
+          ) }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap gap-2", children: attachments.map((attachment, index) => /* @__PURE__ */ jsxRuntime.jsxs(
+            "span",
+            {
+              className: "flex items-center gap-2 rounded-md border border-border/70 bg-muted/30 px-3 py-2 text-xs",
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Paperclip, { className: "size-3" }),
+                attachment.name,
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  "button",
+                  {
+                    type: "button",
+                    disabled: locked,
+                    "aria-label": `Remove ${attachment.name}`,
+                    onClick: () => {
+                      setAttachments((a) => a.filter((_, i) => i !== index));
+                      setSaved(false);
+                      setDirty(true);
+                    },
+                    children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "size-3" })
+                  }
+                )
+              ]
+            },
+            `${attachment.name}-${index}`
+          )) }),
+          error && /* @__PURE__ */ jsxRuntime.jsx("p", { role: "alert", className: "mt-3 text-sm text-destructive", children: error })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("footer", { className: "flex flex-wrap items-center gap-1 border-t border-border/60 bg-muted/20 px-4 py-2 [&_button]:h-8 [&_button]:text-xs", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            ui.Button,
+            {
+              type: "button",
+              variant: "outline",
+              disabled: !ready || locked,
+              onClick: () => {
+                setError("");
+                saveDraft();
+              },
+              children: save.isPending ? "Saving\u2026" : "Save draft"
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            ui.Button,
+            {
+              type: "button",
+              variant: "ghost",
+              disabled: locked,
+              onClick: () => fileInput.current?.click(),
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Paperclip, { className: "mr-2 size-4" }),
+                "Attach"
+              ]
+            }
+          ),
+          documents && /* @__PURE__ */ jsxRuntime.jsx(
+            chunk3R6XBYL7_cjs.MailDocumentPicker,
+            {
+              documents: documents.documents,
+              disabled: locked,
+              onAttach: (doc) => void addDocument(doc.id)
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "input",
+            {
+              ref: fileInput,
+              type: "file",
+              multiple: true,
+              hidden: true,
+              onChange: (e) => {
+                void addFiles(e.target.files);
+                e.target.value = "";
+              }
+            }
+          ),
+          saved && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "whitespace-nowrap text-xs text-muted-foreground", children: savedLocally ? "Saved on this device \xB7 syncs to Drafts when online" : "Saved to Drafts" }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "ml-auto flex shrink-0 items-center gap-2", children: [
+            account?.provider === "native" && client.prepareSecureMail && /* @__PURE__ */ jsxRuntime.jsxs(ui.Tooltip, { children: [
+              /* @__PURE__ */ jsxRuntime.jsx(ui.TooltipTrigger, { asChild: true, showWithText: true, children: /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "flex h-8 shrink-0 cursor-pointer items-center gap-1.5 rounded border border-border/70 px-2 text-xs text-primary", children: [
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  "input",
+                  {
+                    type: "checkbox",
+                    className: "size-3.5 accent-primary",
+                    checked: secure,
+                    disabled: locked,
+                    onChange: (e) => setSecure(e.target.checked)
+                  }
+                ),
+                "Secure"
+              ] }) }),
+              /* @__PURE__ */ jsxRuntime.jsx(ui.TooltipContent, { side: "top", children: "The recipient will receive a secure link to access the message through the platform." })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs(
+              ui.Button,
+              {
+                type: "submit",
+                className: "h-8 rounded bg-primary px-4 text-primary-foreground shadow-none hover:bg-primary/90",
+                disabled: !ready || busy,
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Send, { className: "mr-2 size-4" }),
+                  send.isPending ? "Sending\u2026" : attemptedPayload.current ? "Check send result" : "Send"
+                ]
+              }
+            )
+          ] }),
+          offline && !isOnline && /* @__PURE__ */ jsxRuntime.jsx(
+            "p",
+            {
+              className: "w-full text-[11px] text-muted-foreground",
+              "data-testid": "compose-offline-hint",
+              children: "You're offline. Send puts this message in your Outbox; it goes out when you reconnect."
+            }
+          )
+        ] })
+      ]
+    }
+  );
+  if (embedded)
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { role: "dialog", "aria-label": "Compose email", className: "h-full min-h-0", children: form });
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    ui.Dialog,
+    {
+      open: true,
+      onOpenChange: (open) => {
+        if (!open && !busy) close();
+      },
+      children: /* @__PURE__ */ jsxRuntime.jsxs(ui.DialogContent, { className: "max-h-[95dvh] max-w-3xl overflow-auto p-0", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(ui.DialogTitle, { className: "sr-only", children: "Compose email" }),
+        /* @__PURE__ */ jsxRuntime.jsx(ui.DialogDescription, { className: "sr-only", children: "Write a message and attach files." }),
+        form
+      ] })
+    }
+  );
+}
+var defaultMailNotify = (message, variant, options) => {
+  react$1.notify[variant](message, options);
+};
+function resolveMailbox(accounts, mailbox) {
+  if (!accounts) return void 0;
+  if (mailbox === "native") return accounts.find((a) => a.provider === "native");
+  return mailbox ? accounts.find((a) => a.id === mailbox) : void 0;
+}
+var DEFAULT_MAX_BYTES = 15 * 1024 * 1024;
+function ConnectedMailComposer({
+  draftId,
+  initial,
+  account: accountProp,
+  mailbox = "native",
+  maxBytes: maxBytesProp,
+  ready: readyProp,
+  drafts: draftsProp,
+  notify: notify3 = defaultMailNotify,
+  offline,
+  ...rest
+}) {
+  const { client } = react$1.useMailClient();
+  const isOnline = react$1.useMailOnline();
+  const policy = react$1.useMailPolicy();
+  const accounts = react$1.useMailAccounts({ enabled: !accountProp && !!policy.data?.enabled });
+  const account = accountProp ?? resolveMailbox(accounts.data, mailbox);
+  const unlock = react$1.useMailUnlock(readyProp === void 0 ? account : void 0);
+  const ready = readyProp ?? (!!account && (!!unlock.data || !isOnline));
+  const folders = react$1.useMailFolders(account, { enabled: !draftsProp && ready });
+  const draftsFolderId = folders.data?.find((f) => f.role === "drafts")?.id;
+  const draftsList = react$1.useMailMessages(account, draftsFolderId, "", null, {
+    enabled: !draftsProp && ready
+  });
+  const draft = react$1.useMailDraftCompose(
+    account,
+    draftId,
+    async (from, id) => {
+      const message = await client.getMessage(from, id);
+      return chunk3R6XBYL7_cjs.draftMailCompose(
+        message,
+        await hydrateMailAttachments(client, from, message.id, message.attachments, {
+          isOnline,
+          offline
+        })
+      );
+    },
+    { enabled: !initial && ready }
+  );
+  const start = react.useMemo(
+    () => initial ?? (draftId ? draft.data : chunk3R6XBYL7_cjs.emptyMailCompose()),
+    [initial, draftId, draft.data]
+  );
+  if (!start)
+    return draft.error ? /* @__PURE__ */ jsxRuntime.jsx("p", { role: "alert", className: "p-4 text-sm text-destructive", children: draft.error.message }) : /* @__PURE__ */ jsxRuntime.jsx("p", { className: "p-4 text-sm text-muted-foreground", children: "Loading draft\u2026" });
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    MailComposerForm,
+    {
+      account,
+      initial: start,
+      maxBytes: maxBytesProp ?? policy.data?.max_attachment_bytes ?? DEFAULT_MAX_BYTES,
+      ready,
+      drafts: draftsProp ?? draftsList.data?.messages ?? [],
+      notify: notify3,
+      offline,
+      ...rest
+    },
+    `${account?.id}-${draftId ?? ""}`
+  );
+}
+function ConnectedMailSetup({
+  policy,
+  user,
+  productName,
+  onClaimed,
+  onConnectExisting
+}) {
+  const isOnline = react$1.useMailOnline();
+  const [alias, setAlias] = react.useState(() => react$1.defaultMailAlias(user));
+  const [error, setError] = react.useState("");
+  const claim = react$1.useClaimNativeAlias(onClaimed);
+  const hasExternal = policy.oauth_providers.length > 0 || policy.server_profiles.length > 0;
+  const onClaimError = (err) => {
+    if (!react$1.isAliasTakenError(err)) return setError(err.message);
+    const suggestion = react$1.nextAliasSuggestion(alias);
+    setAlias(suggestion);
+    setError(react$1.aliasTakenMessage(alias, suggestion, policy.native_domain));
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      "data-testid": "mail-setup",
+      className: "mx-auto flex max-w-xl flex-col items-center gap-6 px-6 py-16 text-center",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Mail, { className: "size-10 text-muted-foreground", "aria-hidden": true }),
+        policy.native_enabled ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("h2", { className: "text-xl font-semibold text-foreground", children: [
+              "Set up your ",
+              productName ? `${productName} ` : "",
+              "email"
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-2 text-sm text-muted-foreground", children: "Confirm your address and you are ready to go: you can send and receive email as" })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            "form",
+            {
+              className: "flex w-full flex-col items-center gap-4",
+              onSubmit: (e) => {
+                e.preventDefault();
+                setError("");
+                claim.mutate(alias, { onError: onClaimError });
+              },
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex w-full items-center justify-center gap-2 text-base", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    ui.Input,
+                    {
+                      "aria-label": "Email alias",
+                      required: true,
+                      pattern: "[a-z0-9][a-z0-9._\\-]{0,62}",
+                      autoFocus: true,
+                      className: "max-w-60 text-right",
+                      value: alias,
+                      onChange: (e) => setAlias(e.target.value.toLowerCase())
+                    }
+                  ),
+                  /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-foreground", children: [
+                    "@",
+                    policy.native_domain
+                  ] })
+                ] }),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  ui.Button,
+                  {
+                    type: "submit",
+                    disabled: claim.isPending || !alias || !isOnline,
+                    title: isOnline ? void 0 : "Available when you are back online",
+                    children: claim.isPending ? "Setting up\u2026" : "Confirm"
+                  }
+                )
+              ]
+            }
+          )
+        ] }) : /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+          /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-xl font-semibold text-foreground", children: "Connect your email" }),
+          /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "mt-2 text-sm text-muted-foreground", children: [
+            "Connect an existing account to read and send email",
+            " ",
+            productName ? `from ${productName}` : "here",
+            "."
+          ] })
+        ] }),
+        hasExternal && /* @__PURE__ */ jsxRuntime.jsx(
+          ui.Button,
+          {
+            variant: policy.native_enabled ? "ghost" : "default",
+            onClick: onConnectExisting,
+            className: policy.native_enabled ? "text-muted-foreground" : void 0,
+            children: policy.native_enabled ? "Connect an existing email account instead" : "Connect an email account"
+          }
+        ),
+        !policy.native_enabled && !hasExternal && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground", children: "Mail is not set up for this deployment yet. Ask your administrator." }),
+        error && /* @__PURE__ */ jsxRuntime.jsx("p", { role: "alert", className: "text-sm text-destructive", children: error })
+      ]
+    }
+  );
+}
+var NO_DRAFTS = [];
+var NO_OUTBOX = [];
+var LOCAL_DRAFT_PREFIX = "local-draft:";
+var OFFLINE_FOLDERS = [
+  { id: "device:drafts", name: "Drafts", role: "drafts", unread: 0 }
+];
+function localDraftRow(draft) {
+  return {
+    id: LOCAL_DRAFT_PREFIX + draft.id,
+    subject: draft.compose.subject,
+    sender: [],
+    to: draft.compose.to,
+    cc: draft.compose.cc,
+    bcc: draft.compose.bcc,
+    received_at: new Date(draft.updatedAt).toISOString(),
+    preview: draft.error ? `Saved on this device only: ${draft.error}` : "Saved on this device \xB7 syncs to Drafts when online",
+    unread: false,
+    text: "",
+    references: [],
+    attachments: draft.compose.attachments.map((a) => ({ ...a, content_base64: null }))
+  };
+}
+function applyQuickFilters(messages, filters) {
+  const included = [...filters].filter(([, s]) => s === "include").map(([k]) => k);
+  const excluded = [...filters].filter(([, s]) => s === "exclude").map(([k]) => k);
+  if (!included.length && !excluded.length) return messages;
+  return messages.filter((m) => {
+    const has = {
+      unread: m.unread,
+      attachments: m.attachments.length > 0,
+      secure: !!m.secure_delivery
+    };
+    if (excluded.some((k) => has[k])) return false;
+    return !included.length || included.some((k) => has[k]);
+  });
+}
+function SidePanel({ isOpen, title, onClose, children }) {
+  if (!isOpen) return null;
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "aside",
+    {
+      "aria-label": title,
+      className: "flex min-h-0 w-full max-w-2xl shrink-0 flex-col border-l border-border bg-background",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("header", { className: "flex items-center justify-between gap-2 border-b px-3 py-2", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "truncate text-sm font-semibold", children: title }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            ui.Button,
+            {
+              variant: "ghost",
+              size: "sm",
+              "aria-label": "Close",
+              "data-testid": "close-mail-viewer",
+              onClick: onClose,
+              children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "size-4" })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex min-h-0 flex-1", children })
+      ]
+    }
+  );
+}
+function ConnectedMailbox({
+  mailbox,
+  draftId,
+  onDraftOpened,
+  folder: requestedFolder,
+  onFolderOpened,
+  composeAttachments,
+  onComposeOpened,
+  onOpenDocument,
+  user,
+  productName,
+  oauthReturnPath,
+  personLabel,
+  offline,
+  documents,
+  saveToWorkspace,
+  renderInvite,
+  renderPanel = SidePanel,
+  onViewerOpenChange,
+  gridState,
+  onGridStateChange,
+  initialMessageId = null,
+  notify: notify3 = defaultMailNotify
+}) {
+  const cache = react$1.useMailCache();
+  const { client } = react$1.useMailClient();
+  const [savingToWorkspace, setSavingToWorkspace] = react.useState(false);
+  const [savePending, setSavePending] = react.useState(false);
+  const [saveWorkspaceId, setSaveWorkspaceId] = react.useState("");
+  const { data: policy, error: policyError } = react$1.useMailPolicy();
+  const isOnline = react$1.useMailOnline();
+  const accounts = react$1.useMailAccounts({ enabled: !!policy?.enabled });
+  const [accountId, setAccountId] = react.useState("");
+  const account = accounts.data?.find((a) => a.id === accountId) ?? resolveMailbox(accounts.data, mailbox) ?? accounts.data?.[0];
+  const unlock = react$1.useMailUnlock(account);
+  const [folder, setFolder] = react.useState("inbox");
+  const [folderMenuOpen, setFolderMenuOpen] = react.useState(false);
+  const [filterMenuOpen, setFilterMenuOpen] = react.useState(false);
+  const [query, setQuery] = react.useState("");
+  const [mailFilters, setMailFilters] = react.useState(/* @__PURE__ */ new Map());
+  const [cursor, setCursor] = react.useState(null);
+  const [selected, setSelected] = react.useState(initialMessageId);
+  const [compose, setCompose] = react.useState(null);
+  const [composeLocalDraftId, setComposeLocalDraftId] = react.useState();
+  const [composeSession, setComposeSession] = react.useState(0);
+  const openCompose = (value, localDraftId) => {
+    setComposeSession((n) => n + 1);
+    setComposeLocalDraftId(localDraftId);
+    setCompose(value);
+  };
+  const composeClose = react.useRef(null);
+  react.useEffect(() => {
+    onViewerOpenChange?.(!!selected || !!compose);
+  }, [selected, compose, onViewerOpenChange]);
+  react.useEffect(() => () => onViewerOpenChange?.(false), [onViewerOpenChange]);
+  const [settings, setSettings] = react.useState(false);
+  const [justCreated, setJustCreated] = react.useState(false);
+  const [actionError, setActionError] = react.useState("");
+  const ready = !!account && (!!unlock.data || !isOnline);
+  react.useEffect(() => {
+    if (unlock.data) void cache.refreshFolders();
+  }, [unlock.data, cache]);
+  const folders = react$1.useMailFolders(account, { enabled: ready });
+  const outbox = offline?.useOutbox() ?? NO_OUTBOX;
+  const outboxRole = offline?.outboxRole;
+  const waitingInOutbox = outbox.filter(
+    (item) => item.account.id === account?.id && item.status !== "sent"
+  ).length;
+  const folderList = react.useMemo(() => {
+    const base = folders.data ?? (offline && !isOnline && folders.error ? OFFLINE_FOLDERS : void 0);
+    if (!base || !outboxRole) return base;
+    const withCount = (f) => f.role === outboxRole ? { ...f, unread: f.unread + waitingInOutbox } : f;
+    return base.some((f) => f.role === outboxRole) ? base.map(withCount) : [...base, withCount({ id: "device:outbox", name: "Outbox", role: outboxRole, unread: 0 })];
+  }, [folders.data, folders.error, isOnline, waitingInOutbox, offline, outboxRole]);
+  const folderId = folderList?.find((f) => f.role === folder || f.id === folder)?.id ?? folderList?.[0]?.id;
+  const folderRole = folderList?.find((f) => f.id === folderId)?.role ?? folder;
+  const deviceFolder = !!folderId?.startsWith("device:");
+  const list = react$1.useMailMessages(account, folderId, query, cursor, {
+    enabled: ready && !deviceFolder,
+    refetchInterval: 6e4
+  });
+  const localDrafts = offline?.useLocalDrafts(account?.id) ?? NO_DRAFTS;
+  const draftsFolderId = folders.data?.find((f) => f.role === "drafts")?.id;
+  const drafts = react$1.useMailMessages(account, draftsFolderId, "", null, {
+    enabled: ready && !!compose
+  });
+  const loadedMessages = react.useMemo(() => {
+    if (folderRole !== "drafts") return list.data?.messages;
+    const words = query.toLowerCase();
+    const mine = localDrafts.map(localDraftRow).filter(
+      (m) => !words || `${m.subject} ${m.to.map((r) => r.email).join(" ")}`.toLowerCase().includes(words)
+    );
+    return [...mine, ...list.data?.messages ?? []];
+  }, [folderRole, list.data, localDrafts, query]);
+  const filteredMessages = react.useMemo(
+    () => applyQuickFilters(loadedMessages ?? [], mailFilters),
+    [loadedMessages, mailFilters]
+  );
+  const mailFilterOptions = react.useMemo(
+    () => [
+      {
+        id: "unread",
+        label: "Unread",
+        count: (loadedMessages ?? []).filter((m) => m.unread).length
+      },
+      {
+        id: "attachments",
+        label: "Has attachments",
+        count: (loadedMessages ?? []).filter((m) => m.attachments.length > 0).length
+      },
+      {
+        id: "secure",
+        label: "Secure delivery",
+        count: (loadedMessages ?? []).filter((m) => m.secure_delivery).length
+      }
+    ],
+    [loadedMessages]
+  );
+  const hasActiveFilters = !!query || [...mailFilters.values()].some(Boolean);
+  const detail = react$1.useMailMessage(account, selected, { enabled: ready && !compose });
+  const message = detail.data;
+  react.useEffect(() => {
+    if (!composeAttachments?.length) return;
+    openCompose({ ...chunk3R6XBYL7_cjs.emptyMailCompose(), attachments: composeAttachments });
+    onComposeOpened?.();
+  }, [composeAttachments]);
+  react.useEffect(() => {
+    if (!requestedFolder) return;
+    setFolder(requestedFolder);
+    setCursor(null);
+    setSelected(null);
+    onFolderOpened?.();
+  }, [requestedFolder]);
+  const [pendingDraft, setPendingDraft] = react.useState(null);
+  react.useEffect(() => {
+    if (!draftId) return;
+    composeClose.current?.();
+    setFolder("drafts");
+    setCursor(null);
+    setSelected(null);
+    setPendingDraft(draftId);
+    onDraftOpened?.();
+  }, [draftId]);
+  react.useEffect(() => {
+    if (!pendingDraft || !accounts.data) return;
+    const native = accounts.data.find((a) => a.provider === "native");
+    if (native) setAccountId(native.id);
+    setSelected(pendingDraft);
+    setPendingDraft(null);
+  }, [pendingDraft, accounts.data]);
+  react.useEffect(() => {
+    const chosen = resolveMailbox(accounts.data, mailbox);
+    if (!chosen) return;
+    setAccountId(chosen.id);
+  }, [mailbox, !!accounts.data]);
+  const patch = (messageId, body) => react$1.mailJson(
+    client.fetch,
+    `${react$1.accountPath(account.id)}/messages/${encodeURIComponent(messageId)}`,
+    {
+      method: "PATCH",
+      body: JSON.stringify(body)
+    }
+  );
+  const update = async (body) => {
+    if (!selected || !account || !isOnline) return;
+    try {
+      await patch(selected, body);
+      await cache.refreshAll();
+      if (body.folder_id || body.action) setSelected(null);
+    } catch (e) {
+      setActionError(e instanceof Error ? e.message : "Could not update message");
+    }
+  };
+  const download = async (path, name) => {
+    try {
+      const response = await client.fetch(path);
+      saveFile(await response.blob(), name);
+    } catch (e) {
+      setActionError(e instanceof Error ? e.message : "Download failed");
+    }
+  };
+  const downloadAttachment = async (a) => {
+    if (!message || !account) return;
+    if (isOnline) {
+      await download(attachmentPath(account.id, message.id, a.id), a.name);
+      return;
+    }
+    const file = await offline?.loadAttachment(account.id, message.id, a);
+    if (!file) {
+      setActionError(`${a.name} isn't saved on this device. Open it when you're back online.`);
+      return;
+    }
+    saveFile(file, a.name);
+  };
+  const saveEmail = async () => {
+    if (!message || !account || !saveWorkspaceId || !saveToWorkspace) return;
+    setSavePending(true);
+    try {
+      const response = await client.fetch(
+        `${react$1.accountPath(account.id)}/messages/${message.id}/original`
+      );
+      const fileName = `${message.subject.replace(/[^a-zA-Z0-9 ._-]/g, "").slice(0, 80) || "email"}.eml`;
+      const workspaceId = saveWorkspaceId;
+      const documentId = await saveToWorkspace.save(
+        workspaceId,
+        new File([await response.blob()], fileName, { type: "message/rfc822" })
+      );
+      setSavingToWorkspace(false);
+      notify3(
+        "Email saved to workspace",
+        "success",
+        documentId && onOpenDocument ? { action: { label: "Open", onClick: () => onOpenDocument(documentId, workspaceId) } } : void 0
+      );
+    } catch (e) {
+      setActionError(e instanceof Error ? e.message : "Could not save email to workspace");
+    } finally {
+      setSavePending(false);
+    }
+  };
+  const hydrate = (attachments) => message && account ? hydrateMailAttachments(client, account, message.id, attachments, { isOnline, offline }) : Promise.resolve([]);
+  const editDraft = async () => {
+    if (!message) return;
+    try {
+      openCompose(chunk3R6XBYL7_cjs.draftMailCompose(message, await hydrate(message.attachments)));
+    } catch (e) {
+      setActionError(e instanceof Error ? e.message : "Could not load draft attachments");
+    }
+  };
+  const reply = async (forward = false, all = false) => {
+    if (!message || !account) return;
+    try {
+      const attachments = forward ? await hydrate(message.attachments) : [];
+      openCompose(chunk3R6XBYL7_cjs.replyMailCompose(message, { account, folderRole, forward, all, attachments }));
+    } catch (e) {
+      setActionError(e instanceof Error ? e.message : "Could not prepare forwarded attachments");
+    }
+  };
+  const failures = [policyError, accounts.error, unlock.error, folders.error, list.error];
+  const offlineNotice = failures.find((e) => e instanceof react$1.MailOfflineUnavailableError)?.message;
+  const error = actionError || failures.find((e) => e && !(e instanceof react$1.MailOfflineUnavailableError))?.message || (detail.error instanceof react$1.MailOfflineUnavailableError ? void 0 : detail.error?.message);
+  return /* @__PURE__ */ jsxRuntime.jsxs("section", { className: "flex h-full min-h-0 flex-col bg-background", "aria-label": "Mail", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("header", { className: "sticky top-0 z-10 bg-background", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        chunk7RGLTF76_cjs.TabHeader,
+        {
+          testId: "mail-tab-header",
+          tabs: [
+            {
+              id: "mail",
+              // Icon + count only, like the Files, Facts and Threads headers.
+              label: "",
+              count: filteredMessages.length,
+              countIcon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Mail, { className: "size-3.5" }),
+              countPlacement: "leading",
+              presentation: "count",
+              hasActiveFilters,
+              testId: "mail-tab"
+            }
+          ],
+          activeTabId: "mail",
+          onTabChange: () => {
+          },
+          compactBreakpoint: 360,
+          firstTabContent: account ? /* @__PURE__ */ jsxRuntime.jsxs(chunkO4YPVYPO_cjs.FilesFilterBar, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              chunk2EI7NCUA_cjs.FilterInput,
+              {
+                value: query,
+                onChange: (q) => {
+                  setQuery(q);
+                  setCursor(null);
+                },
+                hideFieldPicker: true,
+                fields: ["text"],
+                onFieldsChange: () => {
+                },
+                ariaLabel: "Filter mail",
+                labels: { placeholder: "Filter..." },
+                testIds: { root: "mail-search", input: "mail-filter-input" },
+                className: "min-w-28 flex-1 sm:max-w-72",
+                filter: /* @__PURE__ */ jsxRuntime.jsx(
+                  chunkAFSOUS5X_cjs.TriStateFilterMenu,
+                  {
+                    testId: "mail-bar-filter-button",
+                    open: filterMenuOpen,
+                    onOpenChange: setFilterMenuOpen,
+                    filterStates: mailFilters,
+                    onFiltersChange: setMailFilters,
+                    options: mailFilterOptions,
+                    groups: [{ label: "Messages", options: ["unread", "attachments", "secure"] }],
+                    renderChevron: true,
+                    disableHoverOpen: true,
+                    triggerClassName: "inline-flex items-center gap-0.5 h-6 rounded px-1 text-muted-foreground hover:bg-foreground/10 cursor-pointer transition-colors pointer-coarse:h-11! pointer-coarse:min-w-11 pointer-coarse:justify-center"
+                  }
+                )
+              }
+            ),
+            folderList && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex shrink-0 items-center gap-2", children: /* @__PURE__ */ jsxRuntime.jsx(
+              chunkO4YPVYPO_cjs.FolderFilterButton,
+              {
+                label: folderList.find((f) => f.id === folderId)?.name ?? "Folders",
+                isActive: false,
+                open: folderMenuOpen,
+                onOpenChange: setFolderMenuOpen,
+                testId: "mail-folder-button",
+                children: folderList.map((item) => /* @__PURE__ */ jsxRuntime.jsx(
+                  chunkO4YPVYPO_cjs.FolderPickerRow,
+                  {
+                    label: item.name,
+                    count: item.unread > 0 ? item.unread : void 0,
+                    depth: 0,
+                    isActive: item.id === folderId,
+                    onClick: () => {
+                      setFolder(item.id);
+                      setCursor(null);
+                      setSelected(null);
+                      setFolderMenuOpen(false);
+                    }
+                  },
+                  item.id
+                ))
+              }
+            ) })
+          ] }) : void 0,
+          rightContent: /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex items-center gap-1", children: [
+            account && /* @__PURE__ */ jsxRuntime.jsx(
+              ui.Button,
+              {
+                size: "sm",
+                variant: "ghost",
+                "aria-label": "Mail settings",
+                "data-testid": "mail-settings-button",
+                onClick: () => setSettings(true),
+                children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Settings, { className: "size-4" })
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsxs(
+              ui.Button,
+              {
+                size: "sm",
+                disabled: !ready || !!compose,
+                onClick: () => openCompose(chunk3R6XBYL7_cjs.emptyMailCompose()),
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Plus, { className: "mr-1.5 size-4" }),
+                  "Email"
+                ]
+              }
+            )
+          ] })
+        }
+      ),
+      (accounts.data?.length ?? 0) > 1 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-2 px-3 py-1", children: /* @__PURE__ */ jsxRuntime.jsx(
+        "select",
+        {
+          "aria-label": "Mail account",
+          disabled: !!compose,
+          className: "min-w-0 max-w-64 rounded border-0 bg-transparent px-2 py-1.5 text-xs text-muted-foreground",
+          value: account?.id ?? "",
+          onChange: (e) => {
+            setAccountId(e.target.value);
+            setFolder("inbox");
+            setCursor(null);
+            setSelected(null);
+          },
+          children: accounts.data?.map((a) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: a.id, children: a.email }, a.id))
+        }
+      ) })
+    ] }),
+    account && offline?.renderStatus?.(),
+    error && /* @__PURE__ */ jsxRuntime.jsx("p", { role: "alert", className: "border-b p-3 text-sm text-destructive", children: error }),
+    !error && offlineNotice && /* @__PURE__ */ jsxRuntime.jsx("p", { role: "status", className: "border-b p-3 text-sm text-muted-foreground", children: offlineNotice }),
+    policy && !policy.enabled && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "p-6 text-muted-foreground", children: "Mail is not enabled on this deployment." }),
+    policy?.enabled && accounts.isSuccess && !account && /* @__PURE__ */ jsxRuntime.jsx(
+      ConnectedMailSetup,
+      {
+        policy,
+        user,
+        productName,
+        onClaimed: () => setJustCreated(true),
+        onConnectExisting: () => setSettings(true)
+      }
+    ),
+    account && justCreated && /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        role: "status",
+        "data-testid": "mail-ready-banner",
+        className: "flex items-start justify-between gap-3 border-b bg-accent/40 px-4 py-3 text-sm",
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("p", { children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "font-semibold", children: [
+              "Your ",
+              productName ? `${productName} ` : "",
+              "email is ready to go."
+            ] }),
+            " ",
+            "You can send and receive email as ",
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium", children: account.email }),
+            "."
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              type: "button",
+              "aria-label": "Dismiss",
+              className: "text-muted-foreground hover:text-foreground",
+              onClick: () => setJustCreated(false),
+              children: "\xD7"
+            }
+          )
+        ]
+      }
+    ),
+    account && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-h-0 flex-1", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-h-0 w-full flex-col", children: [
+        outboxRole && folderRole === outboxRole && offline?.renderOutbox({
+          accountId: account.id,
+          onEdit: (value) => openCompose({ ...value })
+        }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: deviceFolder ? "hidden" : "min-h-0 flex-1", children: /* @__PURE__ */ jsxRuntime.jsx(
+          chunk3R6XBYL7_cjs.MailGrid,
+          {
+            messages: filteredMessages,
+            loading: list.isPending && list.fetchStatus !== "idle",
+            selected,
+            outgoing: folderRole === "sent" || folderRole === "drafts" || folderRole === outboxRole,
+            personLabel,
+            gridState,
+            onGridStateChange,
+            onSelect: (id) => {
+              if (id.startsWith(LOCAL_DRAFT_PREFIX)) {
+                const draft = localDrafts.find((d) => LOCAL_DRAFT_PREFIX + d.id === id);
+                if (draft) openCompose({ ...draft.compose }, draft.id);
+                return;
+              }
+              setSelected(id);
+              if (isOnline && list.data?.messages.find((m) => m.id === id)?.unread) {
+                void patch(id, { unread: false }).then(() => cache.settleMessage(account.id, id)).catch((error2) => setActionError(error2.message));
+              }
+            }
+          }
+        ) }),
+        (cursor || list.data?.next_cursor) && /* @__PURE__ */ jsxRuntime.jsxs("footer", { className: "flex gap-2 p-2", children: [
+          cursor && /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { variant: "ghost", onClick: () => setCursor(null), children: "First page" }),
+          list.data?.next_cursor && /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { variant: "ghost", onClick: () => setCursor(list.data.next_cursor), children: "Next page" })
+        ] })
+      ] }),
+      renderPanel({
+        isOpen: !!selected || !!compose,
+        title: compose ? "New message" : message?.subject || "Mail",
+        onClose: () => {
+          if (compose) composeClose.current?.();
+          else setSelected(null);
+        },
+        children: compose ? /* @__PURE__ */ jsxRuntime.jsx(
+          ConnectedMailComposer,
+          {
+            account,
+            initial: compose,
+            maxBytes: policy?.max_attachment_bytes ?? 15 * 1024 * 1024,
+            ready,
+            drafts: drafts.data?.messages ?? [],
+            embedded: true,
+            localDraftId: composeLocalDraftId,
+            offline,
+            documents,
+            notify: notify3,
+            onChange: setCompose,
+            closeRequestRef: composeClose,
+            onClose: () => {
+              setCompose(null);
+              if (compose.draft_id) setSelected(null);
+            },
+            onOpenDraft: (id) => {
+              composeClose.current?.();
+              setFolder("drafts");
+              setCursor(null);
+              setSelected(id);
+            }
+          },
+          `${account?.id}-${composeSession}`
+        ) : message && selected ? /* @__PURE__ */ jsxRuntime.jsx(
+          chunk3R6XBYL7_cjs.MailMessageView,
+          {
+            account,
+            message,
+            folderRole,
+            folders: folders.data,
+            isOnline,
+            loading: detail.isFetching,
+            uploadPending: savePending,
+            personLabel,
+            renderInvite: renderInvite && (() => renderInvite({
+              accountId: account.id,
+              messageId: message.id,
+              attachments: message.attachments,
+              isOnline
+            })),
+            onBack: () => setSelected(null),
+            onEditDraft: () => void editDraft(),
+            onReply: (forward, all) => void reply(forward, all),
+            onUpdate: (body) => void update(body),
+            onDownloadAttachment: (a) => void downloadAttachment(a),
+            onDownloadOriginal: () => void download(
+              `${react$1.accountPath(account.id)}/messages/${message.id}/original`,
+              "original.eml"
+            ),
+            onSaveToWorkspace: saveToWorkspace && (() => {
+              setSaveWorkspaceId(
+                saveToWorkspace.defaultWorkspaceId ?? saveToWorkspace.workspaces[0]?.id ?? ""
+              );
+              setSavingToWorkspace(true);
+            })
+          }
+        ) : /* @__PURE__ */ jsxRuntime.jsxs("article", { className: "min-w-0 flex-1 overflow-auto p-4 sm:p-5", children: [
+          selected && /* @__PURE__ */ jsxRuntime.jsxs(ui.Button, { className: "mb-3", variant: "ghost", onClick: () => setSelected(null), children: [
+            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowLeft, { className: "mr-2 size-4" }),
+            "Back"
+          ] }),
+          detail.isFetching && selected && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground", children: "Loading message\u2026" }),
+          detail.error instanceof react$1.MailOfflineUnavailableError && /* @__PURE__ */ jsxRuntime.jsx("p", { role: "status", className: "text-sm text-muted-foreground", children: detail.error.message })
+        ] })
+      })
+    ] }),
+    saveToWorkspace && /* @__PURE__ */ jsxRuntime.jsx(ui.Dialog, { open: savingToWorkspace, onOpenChange: setSavingToWorkspace, children: /* @__PURE__ */ jsxRuntime.jsxs(ui.DialogContent, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(ui.DialogTitle, { children: "Save email to workspace" }),
+      /* @__PURE__ */ jsxRuntime.jsx(ui.DialogDescription, { children: "Save a copy as an .eml file. Members with access to the file can read it." }),
+      /* @__PURE__ */ jsxRuntime.jsxs(
+        "select",
+        {
+          "aria-label": "Destination workspace",
+          value: saveWorkspaceId,
+          onChange: (e) => setSaveWorkspaceId(e.target.value),
+          className: "rounded border bg-background p-2",
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx("option", { value: "", disabled: true, children: "Choose a workspace" }),
+            saveToWorkspace.workspaces.map((w) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: w.id, children: w.name }, w.id))
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { disabled: !saveWorkspaceId || savePending, onClick: () => void saveEmail(), children: savePending ? "Saving\u2026" : "Save email" }),
+      actionError && /* @__PURE__ */ jsxRuntime.jsx("p", { role: "alert", children: actionError })
+    ] }) }),
+    settings && policy && /* @__PURE__ */ jsxRuntime.jsx(
+      ConnectedMailAccounts,
+      {
+        policy,
+        accounts: accounts.data ?? [],
+        user,
+        oauthReturnPath,
+        settings: offline?.renderSettings?.(),
+        onClose: () => setSettings(false)
+      }
+    )
+  ] });
+}
 function ActiveChat({ agentId, workspaceId }) {
   const chat = react$1.useArbiChat({ agentId, workspaceId });
   return /* @__PURE__ */ jsxRuntime.jsx(
@@ -1732,19 +3303,25 @@ exports.ConnectedAgentChatPanel = ConnectedAgentChatPanel;
 exports.ConnectedDangerZone = ConnectedDangerZone;
 exports.ConnectedIdentityVerification = ConnectedIdentityVerification;
 exports.ConnectedLogoutDialog = ConnectedLogoutDialog;
+exports.ConnectedMailAccounts = ConnectedMailAccounts;
+exports.ConnectedMailComposer = ConnectedMailComposer;
+exports.ConnectedMailSetup = ConnectedMailSetup;
+exports.ConnectedMailbox = ConnectedMailbox;
 exports.ConnectedNotificationPreferences = ConnectedNotificationPreferences;
 exports.ConnectedProfileCard = ConnectedProfileCard;
 exports.ConnectedRequireVerified = ConnectedRequireVerified;
 exports.ConnectedSecuritySection = ConnectedSecuritySection;
 exports.ConnectedSessionsRow = ConnectedSessionsRow;
 exports.ConnectedSkillUpload = ConnectedSkillUpload;
-exports.ConnectedTagMatrix = ConnectedTagMatrix;
+exports.ConnectedTagTable = ConnectedTagTable;
 exports.ConnectedTaskAccessRequest = ConnectedTaskAccessRequest;
 exports.ConnectedWorkflowRunner = ConnectedWorkflowRunner;
 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;
 exports.useConnectedShellWorkspaces = useConnectedShellWorkspaces;
 exports.useConnectedWorkNotifications = useConnectedWorkNotifications;