@arbidocs/blocks 0.4.83 → 0.4.85

package/dist/connect/index.js

@@ -5,32 +5,40 @@ export { ConnectedAssistantDock, redlineStats, textToArtifact, toRedlineMarkdown
 import { ConnectedNativeDocxEditor } from '../chunk-A24C6BNA.js';
 import { ConnectionProvider, useConnection } from '../chunk-OYMWV45N.js';
 export { ConnectionProvider, SESSION_EXPIRED_MESSAGE, isAuthenticated, useConnection } from '../chunk-OYMWV45N.js';
-import { SignDocumentDialog } from '../chunk-FE4ULGOR.js';
+import { SignDocumentDialog } from '../chunk-2YOVK524.js';
 import '../chunk-OPA2Y6YZ.js';
-import { TagMatrix, tagMatrixDocx, DOCX_MIME_TYPE } from '../chunk-RSKSXEPW.js';
-import { splitDocRef, WorkflowStepBar, stepLevels, WorkflowRunner, initialRunInputs, workflowSteps, fromPlanSteps, stepStatesFromActivity, toPlanSteps, runThreadTitle, useWorkflowView, stepFields } from '../chunk-CONIA2ZA.js';
+import { FilesFilterBar, FolderFilterButton, FolderPickerRow } from '../chunk-7RJTEWYM.js';
+import { TagTable, tagTableDocx, DOCX_MIME_TYPE } from '../chunk-X23U6QEJ.js';
+import { splitDocRef, WorkflowStepBar, stepLevels, WorkflowRunner, initialRunInputs, workflowSteps, fromPlanSteps, stepStatesFromActivity, toPlanSteps, runThreadTitle, useWorkflowView, stepFields } from '../chunk-KHY4PYU7.js';
+import { TriStateFilterMenu } from '../chunk-R26OHONI.js';
+import { TabHeader } from '../chunk-4WWM3GQ5.js';
 import '../chunk-EVUEIBNU.js';
+import { FilterInput } from '../chunk-YU2KUMGE.js';
 import '../chunk-XD2M6LIG.js';
-import { StreamedArtifactFrame } from '../chunk-LOJVUGBJ.js';
 import '../chunk-VILAPTCB.js';
+import { StreamedArtifactFrame } from '../chunk-LOJVUGBJ.js';
 import { ChatPage } from '../chunk-EWSEQEPL.js';
 import '../chunk-KZJAG7T3.js';
 import '../chunk-HOXKR26S.js';
 import '../chunk-AA3PT6KR.js';
 import '../chunk-NPLYHR2E.js';
 import { initials } from '../chunk-OXF2IFXG.js';
+import { PlainMailBodyEditor, draftMailCompose, emptyMailCompose, MailGrid, MailMessageView, replyMailCompose, MailDocumentPicker, parseMailRecipients } from '../chunk-LGX6UFYG.js';
 import { ModalScaffold } from '../chunk-TX2ZICS7.js';
+import '../chunk-ZPLG7QYF.js';
+import '../chunk-SLSBJRWW.js';
 import '../chunk-7F6CBP3Z.js';
 import '../chunk-VUNV25KB.js';
 import { lazy, useState, Suspense, useEffect, useRef, useCallback, useMemo } from 'react';
 import { QueryClient, QueryClientProvider, useQueryClient, useQuery } from '@tanstack/react-query';
-import { ArbiProvider, useConversations, useRunConversation, useUploadSkillFiles, ArtifactCanvas, useArbiChat, useArbi, useDocuments, useTagMatrix, useUpdateTagFields, useInvalidateTagData, useWorkspaceUsers, useWorkspaces, useShellWorkspaces, useProfile, useUpdateProfile, useRequestEmailChange, useConfirmEmailChange, useNameEditor, useAvatarCrop, useEmailChange, ImageCropModal, useIdentityVerification, usePasswordChange, usePasswordChangeForm, useNotificationPreferences, useSessions, useCurrentSessionId, useTerminateSession, useLogoutAllSessions, useDeleteAccount, useDeleteAccountFlow, useArbiWebSocket, notify, useWorkNotifications, useAgentSession, useStartAgentSession, useCloseAgentSession, ArbiWebSocketProvider, useCreateWork, useActOnStep, useConversationActivity, useConversationThreads, useTags, AiAnswer } from '@arbidocs/react';
+import { ArbiProvider, useConversations, useRunConversation, useUploadSkillFiles, ArtifactCanvas, useArbiChat, useArbi, useDocuments, useTagKindSchema, useTags, useSetTagValues, useUpdateTagKindSchema, useInvalidateTagData, useWorkspaceUsers, useWorkspaces, useShellWorkspaces, useProfile, useUpdateProfile, useRequestEmailChange, useConfirmEmailChange, useNameEditor, useAvatarCrop, useEmailChange, ImageCropModal, useIdentityVerification, usePasswordChange, usePasswordChangeForm, useNotificationPreferences, useSessions, useCurrentSessionId, useTerminateSession, useLogoutAllSessions, useDeleteAccount, useDeleteAccountFlow, useArbiWebSocket, notify, useWorkNotifications, mailDraftIdFromContent, useMailClient, defaultMailAlias, useClaimNativeAlias, useMailOnline, useConnectMailAccount, useDisconnectMailAccount, useMailPolicy, useMailAccounts, useMailUnlock, useMailFolders, useMailMessages, useMailDraftCompose, useMailCache, useMailMessage, MailOfflineUnavailableError, accountPath, useAgentSession, useStartAgentSession, useCloseAgentSession, isAliasTakenError, nextAliasSuggestion, aliasTakenMessage, mailJson, ArbiWebSocketProvider, useCreateWork, useActOnStep, useConversationActivity, useConversationThreads, fileAttachment, useSaveMailDraft, useSendMail, AiAnswer } from '@arbidocs/react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { Button, Label, Input, cn } from '@arbidocs/react/ui';
+import { Button, Label, Input, Dialog, DialogContent, DialogTitle, DialogDescription, Tooltip, TooltipTrigger, TooltipContent, cn } from '@arbidocs/react/ui';
 import { useStreamedArtifact } from '@arbidocs/react/artifacts';
-import { ExternalLink, UserCircle, KeyRound, Radio, Loader2, MessageSquare } from 'lucide-react';
-import { useOptionalDocumentTools, DocumentToolsProvider } from '@arbidocs/react/document-tools';
+import { ExternalLink, UserCircle, KeyRound, Radio, Mail, Settings, Plus, ArrowLeft, Loader2, X, Paperclip, Send, MessageSquare } from 'lucide-react';
+import { useOptionalDocumentTools, fetchDocumentPdf, DocumentToolsProvider } from '@arbidocs/react/document-tools';
 import { useNotify } from '@arbidocs/react/shell';
+import { bytesToBase64 } from '@arbidocs/client';
 
 function ConnectionBoundWebSocket({ children }) {
   const { status } = useConnection();
@@ -292,6 +300,43 @@ function useWorkflowThread(workflow, options = {}) {
     },
     [actOnStep, refresh]
   );
+  const createThread = useCallback(
+    async (values, done) => {
+      await ensureWorkspaceOpen();
+      const created = await createWork.mutateAsync({
+        title: 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: 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 = 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: 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: 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 = useCallback(async () => {
+    if (!threadId) {
+      await createThread(inputs);
+      await refresh();
+      return;
+    }
+    await arbi.conversations.runWithAuth(threadId);
+    await refresh();
+  }, [threadId, createThread, inputs, arbi, refresh]);
   const skip = useCallback(
     async (stepId) => {
       if (!threadId) {
@@ -372,6 +399,10 @@ function useWorkflowThread(workflow, options = {}) {
     [threadId, act]
   );
   const loaded = !options.conversationId || activity.isSuccess || activity.isError;
+  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 = useWorkflowView({
     steps,
     states,
@@ -380,6 +411,9 @@ function useWorkflowThread(workflow, options = {}) {
     complete,
     skip,
     retry,
+    start,
+    needsStart,
+    runError,
     sendBack,
     decline,
     nameOf,
@@ -429,6 +463,7 @@ function WorkflowRunThread({
 }
 var DEFAULT_WORKFLOW_RUNNER_DIALOG_LABELS = {
   loadingDocument: "Opening the document\u2026",
+  preparingDocument: "The PDF is still being prepared\u2026",
   documentFailed: "The document could not be opened.",
   reviewTitle: "Review",
   reviewDescription: "Each document against each review column.",
@@ -436,6 +471,9 @@ var DEFAULT_WORKFLOW_RUNNER_DIALOG_LABELS = {
   empty: "\u2014",
   wordTitle: "Tracked changes"
 };
+var SIGN_PDF_RETRIES = 4;
+var SIGN_PDF_RETRY_DELAY_MS = 1500;
+var wait = (ms) => new Promise((resolve) => setTimeout(resolve, ms));
 function WorkflowSignDialog({
   docRef,
   onClose,
@@ -444,18 +482,33 @@ function WorkflowSignDialog({
   const arbi = useArbi();
   const { user, ensureWorkspaceOpen } = useConnection();
   const tools = useOptionalDocumentTools();
-  const { id, version } = splitDocRef(docRef);
+  const { id, version: stepVersion } = splitDocRef(docRef);
+  const [version, setVersion] = useState(stepVersion);
   const [pdf, setPdf] = useState(null);
+  const [preparing, setPreparing] = useState(false);
   const [failed, setFailed] = useState(false);
   useEffect(() => {
     let live = true;
+    setPdf(null);
+    setFailed(false);
+    setPreparing(false);
     void (async () => {
       try {
         await ensureWorkspaceOpen();
-        const res = await arbi.documents.download(id, version);
-        if (!res.ok) throw new Error(String(res.status));
-        const blob = await res.blob();
-        if (live) setPdf(blob);
+        const client = arbi.getClient().fetch;
+        const ref = version ? `${id}@v${version}` : id;
+        for (let attempt = 0; ; attempt++) {
+          try {
+            const blob = await fetchDocumentPdf(client, ref);
+            if (live) setPdf(blob);
+            return;
+          } catch (err) {
+            if (!live || attempt >= SIGN_PDF_RETRIES) throw err;
+            setPreparing(true);
+            await wait(SIGN_PDF_RETRY_DELAY_MS);
+            if (!live) return;
+          }
+        }
       } catch {
         if (live) setFailed(true);
       }
@@ -476,11 +529,22 @@ function WorkflowSignDialog({
         children: /* @__PURE__ */ jsx(ModalScaffold.Body, { children: /* @__PURE__ */ jsx("p", { className: "flex items-center gap-2 text-sm text-muted-foreground", children: failed ? labels.documentFailed : /* @__PURE__ */ jsxs(Fragment, { children: [
           /* @__PURE__ */ jsx(Loader2, { className: "size-4 animate-spin" }),
           " ",
-          labels.loadingDocument
+          preparing ? labels.preparingDocument : labels.loadingDocument
         ] }) }) })
       }
     );
-  const dialog = /* @__PURE__ */ jsx(SignDocumentDialog, { open: true, onOpenChange: (o) => !o && onClose(), documentId: id, pdfBlob: pdf });
+  const dialog = /* @__PURE__ */ jsx(
+    SignDocumentDialog,
+    {
+      open: true,
+      onOpenChange: (o) => !o && onClose(),
+      documentId: id,
+      pdfBlob: pdf,
+      version,
+      onOpenCurrent: () => setVersion(void 0)
+    },
+    version ?? "current"
+  );
   return tools ? dialog : /* @__PURE__ */ jsx(
     DocumentToolsProvider,
     {
@@ -958,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,
@@ -969,8 +1043,16 @@ function ConnectedTagMatrix({
 }) {
   const arbi = useArbi();
   const { workspaceId, status, ensureWorkspaceOpen } = useConnection();
-  const matrix = useTagMatrix({ parentId }, { linksLimit });
-  const update = useUpdateTagFields();
+  const schema = useTagKindSchema(kind);
+  const rows = useTags(workspaceId ?? void 0, {
+    kind,
+    ...parentId ? { parentId } : {},
+    include: ["links"],
+    linksLimit
+  });
+  const canAddRows = !readOnly && kind !== "annotation" && kind !== "search";
+  const setValues = useSetTagValues();
+  const updateSchema = useUpdateTagKindSchema();
   const invalidate = useInvalidateTagData();
   const members = useWorkspaceUsers(workspaceId ?? void 0, {
     enabled: status === "authenticated" && !!workspaceId,
@@ -981,10 +1063,14 @@ function ConnectedTagMatrix({
     value: m.user.external_id,
     label: [m.user.given_name, m.user.family_name].filter(Boolean).join(" ") || m.user.email
   }));
+  const table = 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 = tagMatrixDocx(data, {
+    const title = exportTitle ?? KIND_TITLES[kind];
+    const bytes = tagTableDocx(data, {
       title,
       nameOf: (id) => people.find((p) => p.value === id)?.label
     });
@@ -994,32 +1080,42 @@ function ConnectedTagMatrix({
   };
   return /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
     /* @__PURE__ */ jsx(
-      TagMatrix,
+      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);
         },
-        onAddRow: readOnly ? void 0 : async (name) => {
+        onChangeColumns: readOnly ? void 0 : async (fields) => {
+          setError(null);
+          await ensureWorkspaceOpen();
+          await updateSchema.mutateAsync({ kind, fields }).catch((e) => {
+            fail(e);
+            throw e;
+          });
+        },
+        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];
@@ -1028,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;
@@ -1567,6 +1661,14 @@ function mapWorkNotification(note) {
       return null;
     }
   }
+  if (note.type === "mail_draft_ready") {
+    const draftId = 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`,
@@ -1586,6 +1688,1510 @@ function mapWorkNotification(note) {
     }
   };
 }
+function attachmentPath(accountId, messageId, attachmentId) {
+  return `${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, 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: bytesToBase64(new Uint8Array(await file.arrayBuffer())) } : { ...a, content_base64: null };
+      }
+      const response = await client.fetch(attachmentPath(account.id, messageId, a.id));
+      return fileAttachment(new File([await response.blob()], a.name, { type: a.content_type }));
+    })
+  );
+}
+function ConnectedMailAccounts({
+  policy,
+  accounts,
+  onClose,
+  embedded = false,
+  user,
+  oauthReturnPath,
+  settings
+}) {
+  const { client } = useMailClient();
+  const [profileId, setProfileId] = useState(policy.server_profiles[0]?.id ?? "");
+  const [email, setEmail] = useState("");
+  const [username, setUsername] = useState("");
+  const [password, setPassword] = useState("");
+  const [error, setError] = useState("");
+  const [alias, setAlias] = useState(() => defaultMailAlias(user));
+  const native = useClaimNativeAlias(onClose);
+  const isOnline = useMailOnline();
+  const offline = !isOnline;
+  const onNativeError = (err) => {
+    if (!isAliasTakenError(err)) return setError(err.message);
+    const suggestion = nextAliasSuggestion(alias);
+    setAlias(suggestion);
+    setError(aliasTakenMessage(alias, suggestion, policy.native_domain));
+  };
+  const connect = useConnectMailAccount();
+  const disconnect = 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__ */ jsxs(Fragment, { children: [
+    offline && /* @__PURE__ */ 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__ */ jsxs(
+      "form",
+      {
+        className: "mb-5 grid gap-3",
+        onSubmit: (e) => {
+          e.preventDefault();
+          native.mutate(alias, { onError: onNativeError });
+        },
+        children: [
+          /* @__PURE__ */ jsxs("label", { className: "grid gap-1 text-sm", children: [
+            "Choose your email address",
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ 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__ */ jsxs("span", { children: [
+                "@",
+                policy.native_domain
+              ] })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx(Button, { disabled: native.isPending || offline, type: "submit", children: "Create inbox" })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx("p", { className: "mb-4 text-sm text-muted-foreground", children: "Connect an account using the providers enabled by your administrator." }),
+    authorizeOAuth && /* @__PURE__ */ jsx("div", { className: "mb-4 flex flex-wrap gap-2", children: policy.oauth_providers.map((vendor) => /* @__PURE__ */ jsxs(
+      Button,
+      {
+        variant: "outline",
+        disabled: offline,
+        onClick: () => void oauth(vendor),
+        children: [
+          "Connect ",
+          vendor === "microsoft" ? "Outlook" : "Gmail"
+        ]
+      },
+      vendor
+    )) }),
+    accounts.map((account) => /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: "mb-2 flex items-center justify-between gap-2 rounded border p-3 text-sm",
+        children: [
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("div", { children: account.email }),
+            /* @__PURE__ */ jsx("div", { className: "text-muted-foreground", children: account.display_name })
+          ] }),
+          account.profile_id ? /* @__PURE__ */ jsx(
+            Button,
+            {
+              variant: "ghost",
+              disabled: disconnect.isPending || offline,
+              onClick: () => disconnect.mutate(account.id, { onError: (err) => setError(err.message) }),
+              children: "Disconnect"
+            }
+          ) : account.provider !== "native" ? authorizeOAuth && /* @__PURE__ */ jsx(
+            Button,
+            {
+              variant: "ghost",
+              disabled: offline,
+              onClick: () => void oauth(account.provider),
+              children: "Reconnect"
+            }
+          ) : /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "Native inbox" })
+        ]
+      },
+      account.id
+    )),
+    policy.server_profiles.length > 0 && /* @__PURE__ */ 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__ */ jsxs("label", { className: "grid gap-1 text-sm", children: [
+            "Mail server",
+            /* @__PURE__ */ 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__ */ jsx("option", { value: profile.id, children: profile.name }, profile.id))
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("label", { className: "grid gap-1 text-sm", children: [
+            "Email address",
+            /* @__PURE__ */ jsx(
+              "input",
+              {
+                required: true,
+                type: "email",
+                autoComplete: "email",
+                className: "rounded border bg-background p-2",
+                value: email,
+                onChange: (e) => setEmail(e.target.value)
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("label", { className: "grid gap-1 text-sm", children: [
+            "Username",
+            /* @__PURE__ */ 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__ */ jsxs("label", { className: "grid gap-1 text-sm", children: [
+            "Password or app password",
+            /* @__PURE__ */ 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__ */ jsx(Button, { type: "submit", disabled: connect.isPending || offline, children: connect.isPending ? "Connecting\u2026" : "Connect mailbox" })
+        ]
+      }
+    ),
+    error && /* @__PURE__ */ jsx("p", { role: "alert", className: "mt-3 text-sm text-destructive", children: error }),
+    accounts.length > 0 && settings
+  ] });
+  if (embedded) return /* @__PURE__ */ jsx("div", { className: "max-w-2xl", children: content });
+  return /* @__PURE__ */ jsx(
+    Dialog,
+    {
+      open: true,
+      onOpenChange: (open) => {
+        if (!open) onClose();
+      },
+      children: /* @__PURE__ */ jsxs(DialogContent, { className: "max-h-[90dvh] max-w-lg overflow-auto", children: [
+        /* @__PURE__ */ jsx(DialogTitle, { children: "Mail accounts" }),
+        /* @__PURE__ */ jsx(DialogDescription, { children: "Choose your email address or connect an external mailbox." }),
+        content
+      ] })
+    }
+  );
+}
+var MailBodyEditor = lazy(
+  () => import('../MailBodyEditor-5PIQLYVY.js').catch(() => ({
+    default: PlainMailBodyEditor
+  }))
+);
+function MailComposerForm({
+  account,
+  initial,
+  maxBytes,
+  ready,
+  drafts,
+  onClose,
+  onOpenDraft,
+  onChange,
+  embedded = false,
+  closeRequestRef,
+  localDraftId: initialLocalDraftId,
+  offline,
+  documents,
+  notify: notify3
+}) {
+  const { client } = useMailClient();
+  const [to, setTo] = useState(initial.to.map((r) => r.email).join("; "));
+  const [cc, setCc] = useState(initial.cc.map((r) => r.email).join("; "));
+  const [showCc, setShowCc] = useState(initial.cc.length > 0);
+  const [showBcc, setShowBcc] = useState(initial.bcc.length > 0);
+  const [bcc, setBcc] = useState(initial.bcc.map((r) => r.email).join("; "));
+  const [subject, setSubject] = useState(initial.subject);
+  const [text, setText] = useState(initial.text);
+  const [html, setHtml] = useState(initial.html);
+  const [attachments, setAttachments] = useState(initial.attachments);
+  const [draftId, setDraftId] = useState(initial.draft_id);
+  const [error, setError] = useState("");
+  const [dirty, setDirty] = useState(false);
+  const [attaching, setAttaching] = useState(false);
+  const [saved, setSaved] = useState(false);
+  const isOnline = useMailOnline();
+  const [localDraftId, setLocalDraftId] = useState(initialLocalDraftId);
+  const [savedLocally, setSavedLocally] = useState(false);
+  const [secure, setSecure] = useState(initial.secure_delivery ?? false);
+  const securePayload = useRef(null);
+  const requestId = useRef(crypto.randomUUID());
+  const attemptedPayload = useRef(null);
+  const fileInput = useRef(null);
+  const sameSubjectDraft = 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: parseMailRecipients(to),
+    cc: parseMailRecipients(cc),
+    bcc: 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 = 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 = 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(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();
+  };
+  useEffect(() => {
+    if (closeRequestRef) closeRequestRef.current = close;
+  });
+  useEffect(() => {
+    onChange?.(body());
+  }, [to, cc, bcc, subject, text, html, attachments, draftId, secure]);
+  const form = /* @__PURE__ */ 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__ */ jsxs("header", { className: "flex items-center justify-between border-b px-5 py-3", children: [
+          /* @__PURE__ */ jsx("h2", { className: "font-semibold", children: "New message" }),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              type: "button",
+              variant: "ghost",
+              "aria-label": "Close message",
+              disabled: busy,
+              onClick: close,
+              children: /* @__PURE__ */ jsx(X, { className: "size-4" })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "min-h-0 flex-1 overflow-auto px-5 py-3", children: [
+          sameSubjectDraft && /* @__PURE__ */ 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__ */ jsx(
+                  Button,
+                  {
+                    type: "button",
+                    variant: "ghost",
+                    className: "h-7 shrink-0 text-xs",
+                    onClick: () => onOpenDraft(sameSubjectDraft.id),
+                    children: "Open draft"
+                  }
+                )
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxs("p", { className: "mb-2 flex items-center gap-3 border-b border-border/60 pb-3 text-xs text-muted-foreground", children: [
+            /* @__PURE__ */ jsx("span", { className: "w-14 shrink-0", children: "From" }),
+            /* @__PURE__ */ 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__ */ jsxs(
+            "label",
+            {
+              className: "flex items-center gap-3 border-b border-border/60 py-2.5 text-sm focus-within:border-primary",
+              children: [
+                /* @__PURE__ */ jsx("span", { className: "w-14 shrink-0 text-xs text-muted-foreground", children: label }),
+                /* @__PURE__ */ 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__ */ jsxs("span", { className: "flex shrink-0 gap-2", children: [
+                  !showCc && /* @__PURE__ */ jsx(
+                    "button",
+                    {
+                      type: "button",
+                      disabled: locked,
+                      className: "text-xs text-muted-foreground hover:text-primary",
+                      onClick: () => setShowCc(true),
+                      children: "Cc"
+                    }
+                  ),
+                  !showBcc && /* @__PURE__ */ jsx(
+                    "button",
+                    {
+                      type: "button",
+                      disabled: locked,
+                      className: "text-xs text-muted-foreground hover:text-primary",
+                      onClick: () => setShowBcc(true),
+                      children: "Bcc"
+                    }
+                  )
+                ] })
+              ]
+            },
+            label
+          )),
+          /* @__PURE__ */ jsxs("label", { className: "flex items-center gap-3 border-b border-border/60 py-2.5 text-sm focus-within:border-primary", children: [
+            /* @__PURE__ */ jsx("span", { className: "w-14 shrink-0 text-xs text-muted-foreground", children: "Subject" }),
+            /* @__PURE__ */ 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__ */ jsx(Suspense, { fallback: /* @__PURE__ */ jsx("p", { className: "py-4 text-sm text-muted-foreground", children: "Loading editor\u2026" }), children: /* @__PURE__ */ jsx(
+            MailBodyEditor,
+            {
+              text,
+              html,
+              disabled: locked,
+              onChange: (nextText, nextHtml) => {
+                setText(nextText);
+                setHtml(nextHtml);
+                setSaved(false);
+              }
+            }
+          ) }),
+          /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-2", children: attachments.map((attachment, index) => /* @__PURE__ */ 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__ */ jsx(Paperclip, { className: "size-3" }),
+                attachment.name,
+                /* @__PURE__ */ 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__ */ jsx(X, { className: "size-3" })
+                  }
+                )
+              ]
+            },
+            `${attachment.name}-${index}`
+          )) }),
+          error && /* @__PURE__ */ jsx("p", { role: "alert", className: "mt-3 text-sm text-destructive", children: error })
+        ] }),
+        /* @__PURE__ */ 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__ */ jsx(
+            Button,
+            {
+              type: "button",
+              variant: "outline",
+              disabled: !ready || locked,
+              onClick: () => {
+                setError("");
+                saveDraft();
+              },
+              children: save.isPending ? "Saving\u2026" : "Save draft"
+            }
+          ),
+          /* @__PURE__ */ jsxs(
+            Button,
+            {
+              type: "button",
+              variant: "ghost",
+              disabled: locked,
+              onClick: () => fileInput.current?.click(),
+              children: [
+                /* @__PURE__ */ jsx(Paperclip, { className: "mr-2 size-4" }),
+                "Attach"
+              ]
+            }
+          ),
+          documents && /* @__PURE__ */ jsx(
+            MailDocumentPicker,
+            {
+              documents: documents.documents,
+              disabled: locked,
+              onAttach: (doc) => void addDocument(doc.id)
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              ref: fileInput,
+              type: "file",
+              multiple: true,
+              hidden: true,
+              onChange: (e) => {
+                void addFiles(e.target.files);
+                e.target.value = "";
+              }
+            }
+          ),
+          saved && /* @__PURE__ */ 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__ */ jsxs("div", { className: "ml-auto flex shrink-0 items-center gap-2", children: [
+            account?.provider === "native" && client.prepareSecureMail && /* @__PURE__ */ jsxs(Tooltip, { children: [
+              /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, showWithText: true, children: /* @__PURE__ */ 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__ */ jsx(
+                  "input",
+                  {
+                    type: "checkbox",
+                    className: "size-3.5 accent-primary",
+                    checked: secure,
+                    disabled: locked,
+                    onChange: (e) => setSecure(e.target.checked)
+                  }
+                ),
+                "Secure"
+              ] }) }),
+              /* @__PURE__ */ jsx(TooltipContent, { side: "top", children: "The recipient will receive a secure link to access the message through the platform." })
+            ] }),
+            /* @__PURE__ */ jsxs(
+              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__ */ jsx(Send, { className: "mr-2 size-4" }),
+                  send.isPending ? "Sending\u2026" : attemptedPayload.current ? "Check send result" : "Send"
+                ]
+              }
+            )
+          ] }),
+          offline && !isOnline && /* @__PURE__ */ 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__ */ jsx("div", { role: "dialog", "aria-label": "Compose email", className: "h-full min-h-0", children: form });
+  return /* @__PURE__ */ jsx(
+    Dialog,
+    {
+      open: true,
+      onOpenChange: (open) => {
+        if (!open && !busy) close();
+      },
+      children: /* @__PURE__ */ jsxs(DialogContent, { className: "max-h-[95dvh] max-w-3xl overflow-auto p-0", children: [
+        /* @__PURE__ */ jsx(DialogTitle, { className: "sr-only", children: "Compose email" }),
+        /* @__PURE__ */ jsx(DialogDescription, { className: "sr-only", children: "Write a message and attach files." }),
+        form
+      ] })
+    }
+  );
+}
+var defaultMailNotify = (message, variant, options) => {
+  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 } = useMailClient();
+  const isOnline = useMailOnline();
+  const policy = useMailPolicy();
+  const accounts = useMailAccounts({ enabled: !accountProp && !!policy.data?.enabled });
+  const account = accountProp ?? resolveMailbox(accounts.data, mailbox);
+  const unlock = useMailUnlock(readyProp === void 0 ? account : void 0);
+  const ready = readyProp ?? (!!account && (!!unlock.data || !isOnline));
+  const folders = useMailFolders(account, { enabled: !draftsProp && ready });
+  const draftsFolderId = folders.data?.find((f) => f.role === "drafts")?.id;
+  const draftsList = useMailMessages(account, draftsFolderId, "", null, {
+    enabled: !draftsProp && ready
+  });
+  const draft = useMailDraftCompose(
+    account,
+    draftId,
+    async (from, id) => {
+      const message = await client.getMessage(from, id);
+      return draftMailCompose(
+        message,
+        await hydrateMailAttachments(client, from, message.id, message.attachments, {
+          isOnline,
+          offline
+        })
+      );
+    },
+    { enabled: !initial && ready }
+  );
+  const start = useMemo(
+    () => initial ?? (draftId ? draft.data : emptyMailCompose()),
+    [initial, draftId, draft.data]
+  );
+  if (!start)
+    return draft.error ? /* @__PURE__ */ jsx("p", { role: "alert", className: "p-4 text-sm text-destructive", children: draft.error.message }) : /* @__PURE__ */ jsx("p", { className: "p-4 text-sm text-muted-foreground", children: "Loading draft\u2026" });
+  return /* @__PURE__ */ 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 = useMailOnline();
+  const [alias, setAlias] = useState(() => defaultMailAlias(user));
+  const [error, setError] = useState("");
+  const claim = useClaimNativeAlias(onClaimed);
+  const hasExternal = policy.oauth_providers.length > 0 || policy.server_profiles.length > 0;
+  const onClaimError = (err) => {
+    if (!isAliasTakenError(err)) return setError(err.message);
+    const suggestion = nextAliasSuggestion(alias);
+    setAlias(suggestion);
+    setError(aliasTakenMessage(alias, suggestion, policy.native_domain));
+  };
+  return /* @__PURE__ */ 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__ */ jsx(Mail, { className: "size-10 text-muted-foreground", "aria-hidden": true }),
+        policy.native_enabled ? /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsxs("h2", { className: "text-xl font-semibold text-foreground", children: [
+              "Set up your ",
+              productName ? `${productName} ` : "",
+              "email"
+            ] }),
+            /* @__PURE__ */ 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__ */ jsxs(
+            "form",
+            {
+              className: "flex w-full flex-col items-center gap-4",
+              onSubmit: (e) => {
+                e.preventDefault();
+                setError("");
+                claim.mutate(alias, { onError: onClaimError });
+              },
+              children: [
+                /* @__PURE__ */ jsxs("div", { className: "flex w-full items-center justify-center gap-2 text-base", children: [
+                  /* @__PURE__ */ jsx(
+                    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__ */ jsxs("span", { className: "text-foreground", children: [
+                    "@",
+                    policy.native_domain
+                  ] })
+                ] }),
+                /* @__PURE__ */ jsx(
+                  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__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("h2", { className: "text-xl font-semibold text-foreground", children: "Connect your email" }),
+          /* @__PURE__ */ 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__ */ jsx(
+          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__ */ jsx("p", { className: "text-sm text-muted-foreground", children: "Mail is not set up for this deployment yet. Ask your administrator." }),
+        error && /* @__PURE__ */ 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__ */ 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__ */ jsxs("header", { className: "flex items-center justify-between gap-2 border-b px-3 py-2", children: [
+          /* @__PURE__ */ jsx("h2", { className: "truncate text-sm font-semibold", children: title }),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              variant: "ghost",
+              size: "sm",
+              "aria-label": "Close",
+              "data-testid": "close-mail-viewer",
+              onClick: onClose,
+              children: /* @__PURE__ */ jsx(X, { className: "size-4" })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ 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 = useMailCache();
+  const { client } = useMailClient();
+  const [savingToWorkspace, setSavingToWorkspace] = useState(false);
+  const [savePending, setSavePending] = useState(false);
+  const [saveWorkspaceId, setSaveWorkspaceId] = useState("");
+  const { data: policy, error: policyError } = useMailPolicy();
+  const isOnline = useMailOnline();
+  const accounts = useMailAccounts({ enabled: !!policy?.enabled });
+  const [accountId, setAccountId] = useState("");
+  const account = accounts.data?.find((a) => a.id === accountId) ?? resolveMailbox(accounts.data, mailbox) ?? accounts.data?.[0];
+  const unlock = useMailUnlock(account);
+  const [folder, setFolder] = useState("inbox");
+  const [folderMenuOpen, setFolderMenuOpen] = useState(false);
+  const [filterMenuOpen, setFilterMenuOpen] = useState(false);
+  const [query, setQuery] = useState("");
+  const [mailFilters, setMailFilters] = useState(/* @__PURE__ */ new Map());
+  const [cursor, setCursor] = useState(null);
+  const [selected, setSelected] = useState(initialMessageId);
+  const [compose, setCompose] = useState(null);
+  const [composeLocalDraftId, setComposeLocalDraftId] = useState();
+  const [composeSession, setComposeSession] = useState(0);
+  const openCompose = (value, localDraftId) => {
+    setComposeSession((n) => n + 1);
+    setComposeLocalDraftId(localDraftId);
+    setCompose(value);
+  };
+  const composeClose = useRef(null);
+  useEffect(() => {
+    onViewerOpenChange?.(!!selected || !!compose);
+  }, [selected, compose, onViewerOpenChange]);
+  useEffect(() => () => onViewerOpenChange?.(false), [onViewerOpenChange]);
+  const [settings, setSettings] = useState(false);
+  const [justCreated, setJustCreated] = useState(false);
+  const [actionError, setActionError] = useState("");
+  const ready = !!account && (!!unlock.data || !isOnline);
+  useEffect(() => {
+    if (unlock.data) void cache.refreshFolders();
+  }, [unlock.data, cache]);
+  const folders = 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 = 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 = 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 = useMailMessages(account, draftsFolderId, "", null, {
+    enabled: ready && !!compose
+  });
+  const loadedMessages = 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 = useMemo(
+    () => applyQuickFilters(loadedMessages ?? [], mailFilters),
+    [loadedMessages, mailFilters]
+  );
+  const mailFilterOptions = 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 = useMailMessage(account, selected, { enabled: ready && !compose });
+  const message = detail.data;
+  useEffect(() => {
+    if (!composeAttachments?.length) return;
+    openCompose({ ...emptyMailCompose(), attachments: composeAttachments });
+    onComposeOpened?.();
+  }, [composeAttachments]);
+  useEffect(() => {
+    if (!requestedFolder) return;
+    setFolder(requestedFolder);
+    setCursor(null);
+    setSelected(null);
+    onFolderOpened?.();
+  }, [requestedFolder]);
+  const [pendingDraft, setPendingDraft] = useState(null);
+  useEffect(() => {
+    if (!draftId) return;
+    composeClose.current?.();
+    setFolder("drafts");
+    setCursor(null);
+    setSelected(null);
+    setPendingDraft(draftId);
+    onDraftOpened?.();
+  }, [draftId]);
+  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]);
+  useEffect(() => {
+    const chosen = resolveMailbox(accounts.data, mailbox);
+    if (!chosen) return;
+    setAccountId(chosen.id);
+  }, [mailbox, !!accounts.data]);
+  const patch = (messageId, body) => mailJson(
+    client.fetch,
+    `${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(
+        `${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(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(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 MailOfflineUnavailableError)?.message;
+  const error = actionError || failures.find((e) => e && !(e instanceof MailOfflineUnavailableError))?.message || (detail.error instanceof MailOfflineUnavailableError ? void 0 : detail.error?.message);
+  return /* @__PURE__ */ jsxs("section", { className: "flex h-full min-h-0 flex-col bg-background", "aria-label": "Mail", children: [
+    /* @__PURE__ */ jsxs("header", { className: "sticky top-0 z-10 bg-background", children: [
+      /* @__PURE__ */ jsx(
+        TabHeader,
+        {
+          testId: "mail-tab-header",
+          tabs: [
+            {
+              id: "mail",
+              // Icon + count only, like the Files, Facts and Threads headers.
+              label: "",
+              count: filteredMessages.length,
+              countIcon: /* @__PURE__ */ jsx(Mail, { className: "size-3.5" }),
+              countPlacement: "leading",
+              presentation: "count",
+              hasActiveFilters,
+              testId: "mail-tab"
+            }
+          ],
+          activeTabId: "mail",
+          onTabChange: () => {
+          },
+          compactBreakpoint: 360,
+          firstTabContent: account ? /* @__PURE__ */ jsxs(FilesFilterBar, { children: [
+            /* @__PURE__ */ jsx(
+              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__ */ jsx(
+                  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__ */ jsx("div", { className: "flex shrink-0 items-center gap-2", children: /* @__PURE__ */ jsx(
+              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__ */ jsx(
+                  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__ */ jsxs("span", { className: "flex items-center gap-1", children: [
+            account && /* @__PURE__ */ jsx(
+              Button,
+              {
+                size: "sm",
+                variant: "ghost",
+                "aria-label": "Mail settings",
+                "data-testid": "mail-settings-button",
+                onClick: () => setSettings(true),
+                children: /* @__PURE__ */ jsx(Settings, { className: "size-4" })
+              }
+            ),
+            /* @__PURE__ */ jsxs(
+              Button,
+              {
+                size: "sm",
+                disabled: !ready || !!compose,
+                onClick: () => openCompose(emptyMailCompose()),
+                children: [
+                  /* @__PURE__ */ jsx(Plus, { className: "mr-1.5 size-4" }),
+                  "Email"
+                ]
+              }
+            )
+          ] })
+        }
+      ),
+      (accounts.data?.length ?? 0) > 1 && /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2 px-3 py-1", children: /* @__PURE__ */ 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__ */ jsx("option", { value: a.id, children: a.email }, a.id))
+        }
+      ) })
+    ] }),
+    account && offline?.renderStatus?.(),
+    error && /* @__PURE__ */ jsx("p", { role: "alert", className: "border-b p-3 text-sm text-destructive", children: error }),
+    !error && offlineNotice && /* @__PURE__ */ jsx("p", { role: "status", className: "border-b p-3 text-sm text-muted-foreground", children: offlineNotice }),
+    policy && !policy.enabled && /* @__PURE__ */ jsx("p", { className: "p-6 text-muted-foreground", children: "Mail is not enabled on this deployment." }),
+    policy?.enabled && accounts.isSuccess && !account && /* @__PURE__ */ jsx(
+      ConnectedMailSetup,
+      {
+        policy,
+        user,
+        productName,
+        onClaimed: () => setJustCreated(true),
+        onConnectExisting: () => setSettings(true)
+      }
+    ),
+    account && justCreated && /* @__PURE__ */ 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__ */ jsxs("p", { children: [
+            /* @__PURE__ */ jsxs("span", { className: "font-semibold", children: [
+              "Your ",
+              productName ? `${productName} ` : "",
+              "email is ready to go."
+            ] }),
+            " ",
+            "You can send and receive email as ",
+            /* @__PURE__ */ jsx("span", { className: "font-medium", children: account.email }),
+            "."
+          ] }),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              "aria-label": "Dismiss",
+              className: "text-muted-foreground hover:text-foreground",
+              onClick: () => setJustCreated(false),
+              children: "\xD7"
+            }
+          )
+        ]
+      }
+    ),
+    account && /* @__PURE__ */ jsxs("div", { className: "flex min-h-0 flex-1", children: [
+      /* @__PURE__ */ 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__ */ jsx("div", { className: deviceFolder ? "hidden" : "min-h-0 flex-1", children: /* @__PURE__ */ jsx(
+          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__ */ jsxs("footer", { className: "flex gap-2 p-2", children: [
+          cursor && /* @__PURE__ */ jsx(Button, { variant: "ghost", onClick: () => setCursor(null), children: "First page" }),
+          list.data?.next_cursor && /* @__PURE__ */ jsx(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__ */ 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__ */ jsx(
+          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(
+              `${accountPath(account.id)}/messages/${message.id}/original`,
+              "original.eml"
+            ),
+            onSaveToWorkspace: saveToWorkspace && (() => {
+              setSaveWorkspaceId(
+                saveToWorkspace.defaultWorkspaceId ?? saveToWorkspace.workspaces[0]?.id ?? ""
+              );
+              setSavingToWorkspace(true);
+            })
+          }
+        ) : /* @__PURE__ */ jsxs("article", { className: "min-w-0 flex-1 overflow-auto p-4 sm:p-5", children: [
+          selected && /* @__PURE__ */ jsxs(Button, { className: "mb-3", variant: "ghost", onClick: () => setSelected(null), children: [
+            /* @__PURE__ */ jsx(ArrowLeft, { className: "mr-2 size-4" }),
+            "Back"
+          ] }),
+          detail.isFetching && selected && /* @__PURE__ */ jsx("p", { className: "text-muted-foreground", children: "Loading message\u2026" }),
+          detail.error instanceof MailOfflineUnavailableError && /* @__PURE__ */ jsx("p", { role: "status", className: "text-sm text-muted-foreground", children: detail.error.message })
+        ] })
+      })
+    ] }),
+    saveToWorkspace && /* @__PURE__ */ jsx(Dialog, { open: savingToWorkspace, onOpenChange: setSavingToWorkspace, children: /* @__PURE__ */ jsxs(DialogContent, { children: [
+      /* @__PURE__ */ jsx(DialogTitle, { children: "Save email to workspace" }),
+      /* @__PURE__ */ jsx(DialogDescription, { children: "Save a copy as an .eml file. Members with access to the file can read it." }),
+      /* @__PURE__ */ jsxs(
+        "select",
+        {
+          "aria-label": "Destination workspace",
+          value: saveWorkspaceId,
+          onChange: (e) => setSaveWorkspaceId(e.target.value),
+          className: "rounded border bg-background p-2",
+          children: [
+            /* @__PURE__ */ jsx("option", { value: "", disabled: true, children: "Choose a workspace" }),
+            saveToWorkspace.workspaces.map((w) => /* @__PURE__ */ jsx("option", { value: w.id, children: w.name }, w.id))
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsx(Button, { disabled: !saveWorkspaceId || savePending, onClick: () => void saveEmail(), children: savePending ? "Saving\u2026" : "Save email" }),
+      actionError && /* @__PURE__ */ jsx("p", { role: "alert", children: actionError })
+    ] }) }),
+    settings && policy && /* @__PURE__ */ jsx(
+      ConnectedMailAccounts,
+      {
+        policy,
+        accounts: accounts.data ?? [],
+        user,
+        oauthReturnPath,
+        settings: offline?.renderSettings?.(),
+        onClose: () => setSettings(false)
+      }
+    )
+  ] });
+}
 function ActiveChat({ agentId, workspaceId }) {
   const chat = useArbiChat({ agentId, workspaceId });
   return /* @__PURE__ */ jsx(
@@ -1649,6 +3255,6 @@ function ConnectedAgentChatPanel({
   ] });
 }
 
-export { ArbiAppProvider, ConnectedAgentChatPanel, ConnectedDangerZone, ConnectedIdentityVerification, ConnectedLogoutDialog, ConnectedNotificationPreferences, ConnectedProfileCard, ConnectedRequireVerified, ConnectedSecuritySection, ConnectedSessionsRow, ConnectedSkillUpload, ConnectedTagMatrix, ConnectedTaskAccessRequest, ConnectedWorkflowRunner, DEFAULT_CONNECTED_WORKFLOW_RUNNER_LABELS, StreamedArtifact, WorkflowRunThread, defaultUnmetPasswordRequirement, useConnectedDocxNotifications, useConnectedShellWorkspaces, useConnectedWorkNotifications };
+export { ArbiAppProvider, ConnectedAgentChatPanel, ConnectedDangerZone, ConnectedIdentityVerification, ConnectedLogoutDialog, ConnectedMailAccounts, ConnectedMailComposer, ConnectedMailSetup, ConnectedMailbox, ConnectedNotificationPreferences, ConnectedProfileCard, ConnectedRequireVerified, ConnectedSecuritySection, ConnectedSessionsRow, ConnectedSkillUpload, ConnectedTagTable, ConnectedTaskAccessRequest, ConnectedWorkflowRunner, DEFAULT_CONNECTED_WORKFLOW_RUNNER_LABELS, StreamedArtifact, WorkflowRunThread, defaultMailNotify, defaultUnmetPasswordRequirement, resolveMailbox, useConnectedDocxNotifications, useConnectedShellWorkspaces, useConnectedWorkNotifications };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map