@arbidocs/blocks 0.4.144 → 0.4.145

package/dist/connect/index.cjs

@@ -1,34 +1,34 @@
 "use client";
 'use strict';
 
-var chunkQIMVTGKS_cjs = require('../chunk-QIMVTGKS.cjs');
+var chunkO4YPVYPO_cjs = require('../chunk-O4YPVYPO.cjs');
+var chunkU73KPFYH_cjs = require('../chunk-U73KPFYH.cjs');
 var chunkODRHHWHY_cjs = require('../chunk-ODRHHWHY.cjs');
-var chunkRA3ZJ45L_cjs = require('../chunk-RA3ZJ45L.cjs');
-var chunkJZNXRMLH_cjs = require('../chunk-JZNXRMLH.cjs');
+var chunkULPFRK3J_cjs = require('../chunk-ULPFRK3J.cjs');
+var chunkGAYMJWTC_cjs = require('../chunk-GAYMJWTC.cjs');
 var chunkGFNELPDP_cjs = require('../chunk-GFNELPDP.cjs');
 var chunkJH6JTI76_cjs = require('../chunk-JH6JTI76.cjs');
 require('../chunk-464YPRAE.cjs');
 require('../chunk-V5OAXIBN.cjs');
 require('../chunk-5FYU7ZIU.cjs');
-var chunkO4YPVYPO_cjs = require('../chunk-O4YPVYPO.cjs');
-var chunkBUWBXJ2N_cjs = require('../chunk-BUWBXJ2N.cjs');
+var chunk34GDGE77_cjs = require('../chunk-34GDGE77.cjs');
 var chunkV46W7YLI_cjs = require('../chunk-V46W7YLI.cjs');
 var chunkO6IEZDRC_cjs = require('../chunk-O6IEZDRC.cjs');
 require('../chunk-LJJJ6CYH.cjs');
 var chunkI2QSDQQV_cjs = require('../chunk-I2QSDQQV.cjs');
 require('../chunk-RC25WMVB.cjs');
-var chunkABUO6PIQ_cjs = require('../chunk-ABUO6PIQ.cjs');
+var chunkWO7QAVTL_cjs = require('../chunk-WO7QAVTL.cjs');
+require('../chunk-DETZZBG2.cjs');
 var chunkRFIBUWLF_cjs = require('../chunk-RFIBUWLF.cjs');
-var chunkO2ODDTMA_cjs = require('../chunk-O2ODDTMA.cjs');
-require('../chunk-WS5EX7DN.cjs');
+var chunkNSNHRZBH_cjs = require('../chunk-NSNHRZBH.cjs');
 var chunkRQ2Y7USX_cjs = require('../chunk-RQ2Y7USX.cjs');
 require('../chunk-AHDJXIUB.cjs');
 require('../chunk-ZW6FPIFC.cjs');
-require('../chunk-DETZZBG2.cjs');
-require('../chunk-R26BK7YL.cjs');
 var chunkV4ISCZJ7_cjs = require('../chunk-V4ISCZJ7.cjs');
 var chunk2EI7NCUA_cjs = require('../chunk-2EI7NCUA.cjs');
 var chunkC2CWWEHO_cjs = require('../chunk-C2CWWEHO.cjs');
+require('../chunk-EYKISBDO.cjs');
+require('../chunk-DTROMMDX.cjs');
 var chunkQVBZESYQ_cjs = require('../chunk-QVBZESYQ.cjs');
 require('../chunk-ADOKTJHV.cjs');
 var chunk6YTHQ73P_cjs = require('../chunk-6YTHQ73P.cjs');
@@ -40,13 +40,13 @@ require('../chunk-B6MVQCXW.cjs');
 var chunkJKB7WT7L_cjs = require('../chunk-JKB7WT7L.cjs');
 var chunkJSTKEZBS_cjs = require('../chunk-JSTKEZBS.cjs');
 require('../chunk-76L6LOP3.cjs');
-require('../chunk-7UTB4PHM.cjs');
 require('../chunk-32HW2Q33.cjs');
+require('../chunk-7UTB4PHM.cjs');
 require('../chunk-FX3K6LNZ.cjs');
 require('../chunk-PPCATBOY.cjs');
 require('../chunk-MHVNT4J3.cjs');
-var chunk5FTIHRZH_cjs = require('../chunk-5FTIHRZH.cjs');
-var chunkC4WSHRR6_cjs = require('../chunk-C4WSHRR6.cjs');
+var chunkXVUOMWMD_cjs = require('../chunk-XVUOMWMD.cjs');
+var chunkKPZZ5FHE_cjs = require('../chunk-KPZZ5FHE.cjs');
 var chunkULWRNGGE_cjs = require('../chunk-ULWRNGGE.cjs');
 var chunkKDG6FER6_cjs = require('../chunk-KDG6FER6.cjs');
 require('../chunk-DES3K4SD.cjs');
@@ -140,7 +140,7 @@ function ConnectedWorkspaceActivity({
     [feed.data]
   );
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkBUWBXJ2N_cjs.WorkspaceActivityList,
+    chunk34GDGE77_cjs.WorkspaceActivityList,
     {
       ...listProps,
       items,
@@ -568,7 +568,7 @@ function NotificationCenter({
     }
   ];
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col h-full bg-background", "data-testid": "notifications-page", children: [
-    /* @__PURE__ */ jsxRuntime.jsx(chunkQIMVTGKS_cjs.DraggableHeader, { children: /* @__PURE__ */ jsxRuntime.jsx(
+    /* @__PURE__ */ jsxRuntime.jsx(chunkU73KPFYH_cjs.DraggableHeader, { children: /* @__PURE__ */ jsxRuntime.jsx(
       chunk7RGLTF76_cjs.TabHeader,
       {
         tabs,
@@ -813,7 +813,7 @@ function ConnectedWorkspaceNotificationMenu({
   });
   if (!workspaceId) return null;
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkBUWBXJ2N_cjs.WorkspaceNotificationMenu,
+    chunk34GDGE77_cjs.WorkspaceNotificationMenu,
     {
       ...menuProps,
       level,
@@ -832,7 +832,7 @@ function ConnectedThreadFollow({
     enabled: status === "authenticated"
   });
   if (!conversationId) return null;
-  const Control = as === "menu-item" ? chunkBUWBXJ2N_cjs.ThreadFollowMenuItem : chunkBUWBXJ2N_cjs.ThreadFollowButton;
+  const Control = as === "menu-item" ? chunk34GDGE77_cjs.ThreadFollowMenuItem : chunk34GDGE77_cjs.ThreadFollowButton;
   return /* @__PURE__ */ jsxRuntime.jsx(
     Control,
     {
@@ -857,7 +857,7 @@ var DEFAULT_CONNECTED_SKILL_UPLOAD_LABELS = {
 };
 function ConnectedSkillUpload({ onDone, labels, className }) {
   const l = { ...DEFAULT_CONNECTED_SKILL_UPLOAD_LABELS, ...labels };
-  const { notify } = chunkC4WSHRR6_cjs.useBlocksEnvironment();
+  const { notify } = chunkKPZZ5FHE_cjs.useBlocksEnvironment();
   const upload = react$1.useUploadSkillFiles();
   const fileRef = react.useRef(null);
   const [url, setUrl] = react.useState("");
@@ -905,7 +905,7 @@ function ConnectedSkillUpload({ onDone, labels, className }) {
               onChange: (e) => {
                 const file = e.target.files?.[0];
                 e.target.value = "";
-                if (file) void add(() => chunkABUO6PIQ_cjs.importSkillFile(file));
+                if (file) void add(() => chunkWO7QAVTL_cjs.importSkillFile(file));
               }
             }
           ),
@@ -930,7 +930,7 @@ function ConnectedSkillUpload({ onDone, labels, className }) {
             className: "space-y-2",
             onSubmit: (e) => {
               e.preventDefault();
-              if (url.trim()) void add(() => chunkABUO6PIQ_cjs.importSkillFromUrl(url));
+              if (url.trim()) void add(() => chunkWO7QAVTL_cjs.importSkillFromUrl(url));
             },
             children: [
               /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { htmlFor: "skills-add-url", children: l.fromLink }),
@@ -982,7 +982,7 @@ function ConnectedSkillsLibrary({
   renderEditor
 }) {
   const arbi = react$1.useArbi();
-  const { confirm, notify } = chunkC4WSHRR6_cjs.useBlocksEnvironment();
+  const { confirm, notify } = chunkKPZZ5FHE_cjs.useBlocksEnvironment();
   const { data: listings } = react$1.useSkills();
   const upload = react$1.useUploadSkillFiles();
   const setVisibility = react$1.useSetSkillVisibility();
@@ -994,9 +994,9 @@ function ConnectedSkillsLibrary({
   const [type, setType] = react.useState("all");
   const [view, setView] = react.useState("gallery");
   const [isBusy, setIsBusy] = react.useState(false);
-  const all = react.useMemo(() => chunkABUO6PIQ_cjs.buildLibrarySkills(builtins, listings ?? []), [builtins, listings]);
+  const all = react.useMemo(() => chunkWO7QAVTL_cjs.buildLibrarySkills(builtins, listings ?? []), [builtins, listings]);
   const shown = react.useMemo(
-    () => chunkABUO6PIQ_cjs.filterLibrarySkills(all, { query, source, type }),
+    () => chunkWO7QAVTL_cjs.filterLibrarySkills(all, { query, source, type }),
     [all, query, source, type]
   );
   const current = all.find((s) => s.slug === selected) ?? null;
@@ -1007,21 +1007,21 @@ function ConnectedSkillsLibrary({
   const count = (s) => all.filter((x) => x.source === s).length;
   const sourceOptions = [
     { id: "all", label: "All", count: all.length },
-    { id: "builtin", label: chunkABUO6PIQ_cjs.SKILL_SOURCE_LABELS.builtin, count: count("builtin") },
-    { id: "mine", label: chunkABUO6PIQ_cjs.SKILL_SOURCE_LABELS.mine, count: count("mine") },
-    { id: "shared", label: chunkABUO6PIQ_cjs.SKILL_SOURCE_LABELS.shared, count: count("shared") }
+    { id: "builtin", label: chunkWO7QAVTL_cjs.SKILL_SOURCE_LABELS.builtin, count: count("builtin") },
+    { id: "mine", label: chunkWO7QAVTL_cjs.SKILL_SOURCE_LABELS.mine, count: count("mine") },
+    { id: "shared", label: chunkWO7QAVTL_cjs.SKILL_SOURCE_LABELS.shared, count: count("shared") }
   ];
   const types = [...new Set(all.map((s) => s.type))];
   const typeOptions = [
     { id: "all", label: "Any kind" },
-    ...types.map((t) => ({ id: t, label: chunkABUO6PIQ_cjs.SKILL_TYPE_LABELS[t] ?? t }))
+    ...types.map((t) => ({ id: t, label: chunkWO7QAVTL_cjs.SKILL_TYPE_LABELS[t] ?? t }))
   ];
   const pick = (slug) => {
     setSelected(slug);
     setMode("detail");
   };
   const markdownOf = async (skill) => {
-    if (!skill.docExtId) return chunkABUO6PIQ_cjs.workflowToSkillMarkdown(skill.workflow);
+    if (!skill.docExtId) return chunkWO7QAVTL_cjs.workflowToSkillMarkdown(skill.workflow);
     const response = await arbi.documents.download(skill.docExtId);
     if (!response.ok) throw new Error(`Could not read the skill (${response.status})`);
     return response.text();
@@ -1029,7 +1029,7 @@ function ConnectedSkillsLibrary({
   const saveAs = (slug, markdown, shared = false) => upload.mutateAsync([
     {
       folder: `${SKILL_FOLDER}${slug}`,
-      fileName: chunkABUO6PIQ_cjs.SKILL_MAIN_FILENAME,
+      fileName: chunkWO7QAVTL_cjs.SKILL_MAIN_FILENAME,
       content: new Blob([markdown], { type: "text/markdown" }),
       shared
     }
@@ -1092,7 +1092,7 @@ function ConnectedSkillsLibrary({
     try {
       documentTools.downloadBlob(
         new Blob([await markdownOf(skill)], { type: "text/markdown" }),
-        chunkABUO6PIQ_cjs.SKILL_MAIN_FILENAME
+        chunkWO7QAVTL_cjs.SKILL_MAIN_FILENAME
       );
     } catch (error) {
       notify(errorText(error, "Could not export the skill"), "error");
@@ -1133,10 +1133,10 @@ function ConnectedSkillsLibrary({
                   }
                 )
               ] }),
-              /* @__PURE__ */ jsxRuntime.jsx(chunkABUO6PIQ_cjs.SkillViewToggle, { value: view, onChange: setView })
+              /* @__PURE__ */ jsxRuntime.jsx(chunkWO7QAVTL_cjs.SkillViewToggle, { value: view, onChange: setView })
             ] }),
             /* @__PURE__ */ jsxRuntime.jsx(
-              chunkABUO6PIQ_cjs.SkillFilterChips,
+              chunkWO7QAVTL_cjs.SkillFilterChips,
               {
                 label: "Show",
                 value: source,
@@ -1145,7 +1145,7 @@ function ConnectedSkillsLibrary({
               }
             ),
             types.length > 1 && /* @__PURE__ */ jsxRuntime.jsx(
-              chunkABUO6PIQ_cjs.SkillFilterChips,
+              chunkWO7QAVTL_cjs.SkillFilterChips,
               {
                 label: "Kind",
                 value: type,
@@ -1192,12 +1192,12 @@ function ConnectedSkillsLibrary({
                 view === "gallery" ? "grid grid-cols-[repeat(auto-fill,minmax(9.5rem,1fr))]" : "flex flex-col"
               ),
               children: shown.map((skill) => /* @__PURE__ */ jsxRuntime.jsx(
-                chunkABUO6PIQ_cjs.SkillTile,
+                chunkWO7QAVTL_cjs.SkillTile,
                 {
                   name: skill.title,
                   testId: `skill-tile-${skill.slug}`,
                   description: skill.description,
-                  sourceLabel: skill.isShared ? `${chunkABUO6PIQ_cjs.SKILL_SOURCE_LABELS.mine}, shared` : chunkABUO6PIQ_cjs.SKILL_SOURCE_LABELS[skill.source],
+                  sourceLabel: skill.isShared ? `${chunkWO7QAVTL_cjs.SKILL_SOURCE_LABELS.mine}, shared` : chunkWO7QAVTL_cjs.SKILL_SOURCE_LABELS[skill.source],
                   type: skill.type,
                   icon,
                   layout: view,
@@ -1232,7 +1232,7 @@ function ConnectedSkillsLibrary({
             }
           ),
           mode === "new" && /* @__PURE__ */ jsxRuntime.jsx(
-            chunkABUO6PIQ_cjs.SkillGenerateForm,
+            chunkWO7QAVTL_cjs.SkillGenerateForm,
             {
               icon,
               onGenerate: (desc) => {
@@ -1259,11 +1259,11 @@ function ConnectedSkillsLibrary({
           ),
           mode === "add" && /* @__PURE__ */ jsxRuntime.jsx(ConnectedSkillUpload, { onDone: done }),
           mode === "detail" && current && /* @__PURE__ */ jsxRuntime.jsx(
-            chunkABUO6PIQ_cjs.SkillLibraryDetail,
+            chunkWO7QAVTL_cjs.SkillLibraryDetail,
             {
               skill: current,
               icon,
-              instructions: current.docExtId ? currentText ? chunkABUO6PIQ_cjs.parseSkillFrontmatter(currentText, chunkABUO6PIQ_cjs.SKILL_MAIN_FILENAME).content : "" : current.workflow.run.kind === "prompt" ? current.workflow.run.promptTemplate : "",
+              instructions: current.docExtId ? currentText ? chunkWO7QAVTL_cjs.parseSkillFrontmatter(currentText, chunkWO7QAVTL_cjs.SKILL_MAIN_FILENAME).content : "" : current.workflow.run.kind === "prompt" ? current.workflow.run.promptTemplate : "",
               isLoading: !!current.docExtId && textLoading,
               actions: {
                 onRun: () => onRun(current.slug),
@@ -1290,7 +1290,7 @@ function SkillEditor({
   onCancel,
   isSaving
 }) {
-  const { notify } = chunkC4WSHRR6_cjs.useBlocksEnvironment();
+  const { notify } = chunkKPZZ5FHE_cjs.useBlocksEnvironment();
   const isEditing = !!skill;
   const [name, setName] = react.useState(skill?.slug ?? "");
   const [description, setDescription] = react.useState("");
@@ -1298,7 +1298,7 @@ function SkillEditor({
   const [seeded, setSeeded] = react.useState(!isEditing);
   const [nameError, setNameError] = react.useState(null);
   if (isEditing && !seeded && text !== void 0) {
-    const parsed = chunkABUO6PIQ_cjs.parseSkillFrontmatter(text, chunkABUO6PIQ_cjs.SKILL_MAIN_FILENAME);
+    const parsed = chunkWO7QAVTL_cjs.parseSkillFrontmatter(text, chunkWO7QAVTL_cjs.SKILL_MAIN_FILENAME);
     setDescription(parsed.description ?? "");
     setBody(parsed.content ?? "");
     setSeeded(true);
@@ -1312,15 +1312,15 @@ function SkillEditor({
       notify("Add a short description.", "error");
       return;
     }
-    const slug = chunkABUO6PIQ_cjs.skillSlug(name);
+    const slug = chunkWO7QAVTL_cjs.skillSlug(name);
     try {
-      await onSave(slug, chunkABUO6PIQ_cjs.serializeSkill({ name: slug, description, body }), isEditing);
+      await onSave(slug, chunkWO7QAVTL_cjs.serializeSkill({ name: slug, description, body }), isEditing);
     } catch (err) {
       notify(errorText(err, "Could not save the skill"), "error");
     }
   };
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkABUO6PIQ_cjs.SkillEditForm,
+    chunkWO7QAVTL_cjs.SkillEditForm,
     {
       name,
       onNameChange: setName,
@@ -1356,13 +1356,13 @@ function ConnectedAgentCreator({
   agent,
   initialName,
   onSaved,
-  capabilities = chunkABUO6PIQ_cjs.DEFAULT_AGENT_CAPABILITIES,
-  templates = chunkABUO6PIQ_cjs.DEFAULT_AGENT_TEMPLATES,
-  types = chunkABUO6PIQ_cjs.DEFAULT_AGENT_TYPES,
+  capabilities = chunkWO7QAVTL_cjs.DEFAULT_AGENT_CAPABILITIES,
+  templates = chunkWO7QAVTL_cjs.DEFAULT_AGENT_TEMPLATES,
+  types = chunkWO7QAVTL_cjs.DEFAULT_AGENT_TYPES,
   canRevokeWorkspaces = false,
   labels
 }) {
-  const { notify } = chunkC4WSHRR6_cjs.useBlocksEnvironment();
+  const { notify } = chunkKPZZ5FHE_cjs.useBlocksEnvironment();
   const isEdit = !!agent;
   const [saving, setSaving] = react.useState(false);
   const [skills, setSkills] = react.useState([]);
@@ -1400,7 +1400,7 @@ function ConnectedAgentCreator({
   const initialValues = react.useMemo(
     () => ({
       name: agent?.given_name ?? initialName ?? "",
-      persona: isEdit ? chunkABUO6PIQ_cjs.stripPersonaPreamble(String(agents.PERSONA ?? "")) : "",
+      persona: isEdit ? chunkWO7QAVTL_cjs.stripPersonaPreamble(String(agents.PERSONA ?? "")) : "",
       modelName: String(agents.AGENT_MODEL_NAME ?? ""),
       capabilities: Object.fromEntries(capabilities.map(({ key }) => [key, Boolean(agents[key])])),
       type: "builtin",
@@ -1419,7 +1419,7 @@ function ConnectedAgentCreator({
     try {
       let agentExtId = agent?.external_id ?? early?.id ?? "";
       if (!agentExtId) {
-        if (!chunkABUO6PIQ_cjs.isValidAgentName(values.name)) {
+        if (!chunkWO7QAVTL_cjs.isValidAgentName(values.name)) {
           notify("Give the agent a name first.", "error");
           return;
         }
@@ -1455,7 +1455,7 @@ function ConnectedAgentCreator({
         title: `agent-${name}`,
         sections: {
           Agents: {
-            PERSONA: chunkABUO6PIQ_cjs.composePersona(name, values.persona),
+            PERSONA: chunkWO7QAVTL_cjs.composePersona(name, values.persona),
             ...values.modelName ? { AGENT_MODEL_NAME: values.modelName } : {},
             ...Object.fromEntries(capabilities.map(({ key }) => [key, !!values.capabilities[key]])),
             ENABLED_SKILLS: values.capabilities.SKILLS_ENABLED && skills.length ? skills : null,
@@ -1478,7 +1478,7 @@ function ConnectedAgentCreator({
   };
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkABUO6PIQ_cjs.AgentCreator,
+      chunkWO7QAVTL_cjs.AgentCreator,
       {
         open: ready,
         onOpenChange,
@@ -1494,11 +1494,11 @@ function ConnectedAgentCreator({
         ) : void 0,
         revokingWorkspaceId: revokeAccess.isPending ? revokeAccess.variables?.workspaceId : void 0,
         avatar: (values) => /* @__PURE__ */ jsxRuntime.jsx(
-          chunkABUO6PIQ_cjs.AgentAvatarField,
+          chunkWO7QAVTL_cjs.AgentAvatarField,
           {
             picture,
             isBusy: avatarBusy,
-            canGenerate: isEdit || chunkABUO6PIQ_cjs.isValidAgentName(values.name),
+            canGenerate: isEdit || chunkWO7QAVTL_cjs.isValidAgentName(values.name),
             onGenerate: () => handleGenerateAvatar(values)
           }
         ),
@@ -1550,7 +1550,7 @@ function ConnectedAgentCreator({
             /* @__PURE__ */ jsxRuntime.jsx(ui.DialogTitle, { children: "Connect your agent" }),
             /* @__PURE__ */ jsxRuntime.jsx(ui.DialogDescription, { children: "This key is shown once. Run the script on the machine that will host the agent." })
           ] }),
-          connect && /* @__PURE__ */ jsxRuntime.jsx(chunkABUO6PIQ_cjs.AgentConnectInstructions, { email: connect.email, signingKey: connect.signingKey })
+          connect && /* @__PURE__ */ jsxRuntime.jsx(chunkWO7QAVTL_cjs.AgentConnectInstructions, { email: connect.email, signingKey: connect.signingKey })
         ]
       }
     ) })
@@ -1584,10 +1584,10 @@ function ConnectedWorkflowHistory({
   renderErrorReport,
   labels
 }) {
-  const { openConversation } = chunkC4WSHRR6_cjs.useBlocksEnvironment();
+  const { openConversation } = chunkKPZZ5FHE_cjs.useBlocksEnvironment();
   const { data: runs = [], isLoading } = react$1.useWorkflowRuns(workflow?.external_id);
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkABUO6PIQ_cjs.TaskRunsDialog,
+    chunkWO7QAVTL_cjs.TaskRunsDialog,
     {
       inline,
       hideHeader,
@@ -1623,14 +1623,14 @@ function ConnectedTaskActivityDialog({
   const activity = react$1.useConversationActivity(conversationId, { live });
   const { data: agents = [] } = react$1.useAgents();
   const { userId } = chunkGFNELPDP_cjs.useConnectedWorkspace();
-  const { members } = chunkRA3ZJ45L_cjs.useConnectedWorkspaceRole();
+  const { members } = chunkULPFRK3J_cjs.useConnectedWorkspaceRole();
   const renderPerson = react.useCallback(
     (id) => {
       const isMe = !!id && id === userId;
       const member = members.find((m) => m.user.external_id === id)?.user;
       const name = member && [member.given_name, member.family_name].filter(Boolean).join(" ") || member?.email;
       const person = { id, label: isMe ? "You" : name || "Someone", isMe };
-      return renderTaskPerson ? renderTaskPerson(person) : /* @__PURE__ */ jsxRuntime.jsx(chunkO2ODDTMA_cjs.PersonPill, { person });
+      return renderTaskPerson ? renderTaskPerson(person) : /* @__PURE__ */ jsxRuntime.jsx(chunkNSNHRZBH_cjs.PersonPill, { person });
     },
     [renderTaskPerson, userId, members]
   );
@@ -1639,7 +1639,7 @@ function ConnectedTaskActivityDialog({
     [agents]
   );
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkABUO6PIQ_cjs.TaskActivityDialog,
+    chunkWO7QAVTL_cjs.TaskActivityDialog,
     {
       open: true,
       onOpenChange: (open) => !open && onClose(),
@@ -1785,7 +1785,7 @@ function useWorkflowThread(workflow, options = {}) {
   );
   const conversation = conversations.data?.find((c) => c.external_id === threadId);
   const steps = react.useMemo(
-    () => chunkJSTKEZBS_cjs.workflowSteps(workflow).length > 0 ? chunkJSTKEZBS_cjs.workflowSteps(workflow) : chunkABUO6PIQ_cjs.fromPlanSteps(conversation?.plan?.steps ?? []),
+    () => chunkJSTKEZBS_cjs.workflowSteps(workflow).length > 0 ? chunkJSTKEZBS_cjs.workflowSteps(workflow) : chunkWO7QAVTL_cjs.fromPlanSteps(conversation?.plan?.steps ?? []),
     [workflow, conversation?.plan?.steps]
   );
   const activity = react$1.useConversationActivity(threadId, { live: !!threadId });
@@ -1845,7 +1845,7 @@ function useWorkflowThread(workflow, options = {}) {
           criteria: [],
           max_passes: 3,
           documents: [],
-          steps: chunkABUO6PIQ_cjs.toPlanSteps(workflow, {
+          steps: chunkWO7QAVTL_cjs.toPlanSteps(workflow, {
             inputs: values,
             resolveWorkflow: options.resolveWorkflow,
             compose: options.compose
@@ -1932,7 +1932,7 @@ function useWorkflowThread(workflow, options = {}) {
   const anyRunning = Object.values(states).some((s) => s.status === "running");
   const needsStart = !threadId || idle && !anyRunning;
   const runError = idle ? conversation?.last_error ?? null : null;
-  const view = chunkABUO6PIQ_cjs.useWorkflowView({
+  const view = chunkWO7QAVTL_cjs.useWorkflowView({
     steps,
     states,
     inputs,
@@ -2100,7 +2100,7 @@ function WorkflowWordDialog({
       title: title ?? labels.wordTitle,
       size: "xl",
       testId: "workflow-word-dialog",
-      children: /* @__PURE__ */ jsxRuntime.jsx(chunkULWRNGGE_cjs.ModalScaffold.Body, { className: "h-[70dvh] p-0", children: /* @__PURE__ */ jsxRuntime.jsx(chunkRA3ZJ45L_cjs.ConnectedNativeDocxEditor, { documentId: id, title: title ?? labels.wordTitle }) })
+      children: /* @__PURE__ */ jsxRuntime.jsx(chunkULWRNGGE_cjs.ModalScaffold.Body, { className: "h-[70dvh] p-0", children: /* @__PURE__ */ jsxRuntime.jsx(chunkULPFRK3J_cjs.ConnectedNativeDocxEditor, { documentId: id, title: title ?? labels.wordTitle }) })
     }
   );
 }
@@ -2409,7 +2409,7 @@ function ConnectedWorkflowRunner({
     );
   };
   const runner = (compact) => /* @__PURE__ */ jsxRuntime.jsx(
-    chunkABUO6PIQ_cjs.WorkflowRunner,
+    chunkWO7QAVTL_cjs.WorkflowRunner,
     {
       people,
       ...runnerProps,
@@ -2455,7 +2455,7 @@ function ConnectedWorkflowRunner({
     ) }),
     inThread && conversationId ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
       /* @__PURE__ */ jsxRuntime.jsx(
-        chunkABUO6PIQ_cjs.WorkflowStepBar,
+        chunkWO7QAVTL_cjs.WorkflowStepBar,
         {
           run: view,
           levels: chunkJSTKEZBS_cjs.stepLevels(view.steps),
@@ -2656,7 +2656,7 @@ function ConnectedTagTable({
   const fail = (e) => setError(e instanceof Error ? e.message : String(e));
   const snapshot = (data) => {
     const title = exportTitle ?? KIND_TITLES[kind];
-    const bytes = chunkBUWBXJ2N_cjs.tagTableDocx(data, {
+    const bytes = chunk34GDGE77_cjs.tagTableDocx(data, {
       title,
       nameOf: (id) => people.find((p) => p.value === id)?.label
     });
@@ -2666,7 +2666,7 @@ function ConnectedTagTable({
   };
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkBUWBXJ2N_cjs.TagTable,
+      chunk34GDGE77_cjs.TagTable,
       {
         ...props,
         table,
@@ -2743,6 +2743,11 @@ function useConnectedShellWorkspaces(options = {}) {
     select: (workspace) => setWorkspace(workspace.id)
   });
 }
+function SessionStatusIcon({ status, className }) {
+  if (status === "agent") return /* @__PURE__ */ jsxRuntime.jsx(react$1.ArbiBotHeadIcon, { className: className ?? "w-4 h-4" });
+  return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Monitor, { className: className ?? "w-4 h-4 text-muted-foreground" });
+}
+var renderSessionStatusIcon = (status) => /* @__PURE__ */ jsxRuntime.jsx(SessionStatusIcon, { status });
 function errorText2(error, fallback) {
   const body = error?.apiError;
   return typeof body?.detail === "string" ? body.detail : fallback;
@@ -2757,7 +2762,7 @@ function ConnectedProfileCard({
   avatarClassName = "bg-primary text-primary-foreground",
   children
 }) {
-  const { notify } = chunkC4WSHRR6_cjs.useBlocksEnvironment();
+  const { notify } = chunkKPZZ5FHE_cjs.useBlocksEnvironment();
   const { data: profile } = react$1.useProfile();
   const updateProfile = react$1.useUpdateProfile();
   const requestEmailChange = react$1.useRequestEmailChange();
@@ -2808,13 +2813,13 @@ function ConnectedProfileCard({
     }
   });
   const display = profile?.fullName || "Unnamed";
-  return /* @__PURE__ */ jsxRuntime.jsxs(chunkQIMVTGKS_cjs.SettingsSection, { icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.UserCircle, {}), title, children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs(chunkU73KPFYH_cjs.SettingsSection, { icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.UserCircle, {}), title, children: [
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkQIMVTGKS_cjs.ProfileCard,
+      chunkU73KPFYH_cjs.ProfileCard,
       {
         avatar: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
           /* @__PURE__ */ jsxRuntime.jsx(
-            chunkQIMVTGKS_cjs.AvatarPicker,
+            chunkU73KPFYH_cjs.AvatarPicker,
             {
               pictureUrl: profile?.picture,
               initials: chunkKDG6FER6_cjs.initials(display),
@@ -2853,7 +2858,7 @@ function ConnectedIdentityVerification({
   onManageBilling,
   formatPrice
 }) {
-  const { notify } = chunkC4WSHRR6_cjs.useBlocksEnvironment();
+  const { notify } = chunkKPZZ5FHE_cjs.useBlocksEnvironment();
   const { data: profile } = react$1.useProfile();
   const flow = react$1.useIdentityVerification({
     formatPrice,
@@ -2861,9 +2866,9 @@ function ConnectedIdentityVerification({
     onNameAccepted: () => notify("Name updated to match your ID", "success")
   });
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(chunkQIMVTGKS_cjs.IdentityVerificationCard, { flow, labels, onManageBilling }),
+    /* @__PURE__ */ jsxRuntime.jsx(chunkU73KPFYH_cjs.IdentityVerificationCard, { flow, labels, onManageBilling }),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkQIMVTGKS_cjs.IdentityVerificationDialog,
+      chunkU73KPFYH_cjs.IdentityVerificationDialog,
       {
         flow,
         accountName: profile?.fullName ?? "",
@@ -2876,7 +2881,7 @@ function ConnectedIdentityVerification({
 function ConnectedRequireVerified({ children, labels }) {
   const { data: profile } = react$1.useProfile();
   const flow = react$1.useIdentityVerification();
-  return /* @__PURE__ */ jsxRuntime.jsx(chunkQIMVTGKS_cjs.RequireVerified, { flow, accountName: profile?.fullName ?? "", labels, children });
+  return /* @__PURE__ */ jsxRuntime.jsx(chunkU73KPFYH_cjs.RequireVerified, { flow, accountName: profile?.fullName ?? "", labels, children });
 }
 function defaultUnmetPasswordRequirement(password) {
   if (password.length < 8) return "Minimum 8 characters";
@@ -2893,7 +2898,7 @@ function ConnectedPasswordChangeDialog({
   recoveryMode = false,
   onRecoveryComplete
 }) {
-  const { notify } = chunkC4WSHRR6_cjs.useBlocksEnvironment();
+  const { notify } = chunkKPZZ5FHE_cjs.useBlocksEnvironment();
   const change = react$1.usePasswordChange();
   const form = react$1.usePasswordChangeForm({
     recoveryMode,
@@ -2909,7 +2914,7 @@ function ConnectedPasswordChangeDialog({
     onRecoveryComplete
   });
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkQIMVTGKS_cjs.PasswordChangeDialog,
+    chunkU73KPFYH_cjs.PasswordChangeDialog,
     {
       open,
       onClose: form.onCancel,
@@ -2935,10 +2940,10 @@ function ConnectedSecuritySection({
   children
 }) {
   const [open, setOpen] = react.useState(false);
-  return /* @__PURE__ */ jsxRuntime.jsxs(chunkQIMVTGKS_cjs.SettingsSection, { icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.KeyRound, {}), title: "Security", children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(chunkQIMVTGKS_cjs.SettingsCard, { padding: "sm", children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs(chunkU73KPFYH_cjs.SettingsSection, { icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.KeyRound, {}), title: "Security", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(chunkU73KPFYH_cjs.SettingsCard, { padding: "sm", children: [
       /* @__PURE__ */ jsxRuntime.jsx(
-        chunkQIMVTGKS_cjs.SettingsActionRow,
+        chunkU73KPFYH_cjs.SettingsActionRow,
         {
           title: "Change password",
           description: "Used to sign in and to unlock your account key. Changing it keeps everything readable and re-encrypts nothing.",
@@ -2959,41 +2964,43 @@ function ConnectedSecuritySection({
   ] });
 }
 function ConnectedNotificationPreferences({
-  categories = chunkQIMVTGKS_cjs.EMAIL_NOTIFICATION_CATEGORIES,
+  categories = chunkU73KPFYH_cjs.EMAIL_NOTIFICATION_CATEGORIES,
   title = "Notifications"
 }) {
   const keys = react.useMemo(
-    () => categories === chunkQIMVTGKS_cjs.EMAIL_NOTIFICATION_CATEGORIES ? chunkQIMVTGKS_cjs.EMAIL_NOTIFICATION_KEYS : categories.map((c) => c.key),
+    () => categories === chunkU73KPFYH_cjs.EMAIL_NOTIFICATION_CATEGORIES ? chunkU73KPFYH_cjs.EMAIL_NOTIFICATION_KEYS : categories.map((c) => c.key),
     [categories]
   );
   const prefs = react$1.useNotificationPreferences(keys);
-  return /* @__PURE__ */ jsxRuntime.jsx(chunkQIMVTGKS_cjs.SettingsSection, { title, children: /* @__PURE__ */ jsxRuntime.jsx(chunkQIMVTGKS_cjs.SettingsCard, { className: "space-y-0", children: /* @__PURE__ */ jsxRuntime.jsx(
-    chunkQIMVTGKS_cjs.NotificationCategoryList,
+  return /* @__PURE__ */ jsxRuntime.jsx(chunkU73KPFYH_cjs.SettingsSection, { title, children: /* @__PURE__ */ jsxRuntime.jsx(chunkU73KPFYH_cjs.SettingsCard, { className: "space-y-0", children: /* @__PURE__ */ jsxRuntime.jsx(
+    chunkU73KPFYH_cjs.NotificationCategoryList,
     {
       masterId: "emailNotifications",
       masterTitle: "Email Notifications",
       masterDescription: "Email me about activity when I\u2019m away",
       masterChecked: prefs.masterChecked,
       onMasterChange: prefs.setAll,
-      categories: chunkQIMVTGKS_cjs.toNotificationCategories(prefs.checked, categories),
+      categories: chunkU73KPFYH_cjs.toNotificationCategories(prefs.checked, categories),
       onCategoryChange: prefs.setCategory
     }
   ) }) });
 }
-function ConnectedSessionsRow({ renderSessionIcon }) {
-  const { notify, confirm } = chunkC4WSHRR6_cjs.useBlocksEnvironment();
+function ConnectedSessionsRow({
+  renderSessionIcon = renderSessionStatusIcon
+}) {
+  const { notify, confirm } = chunkKPZZ5FHE_cjs.useBlocksEnvironment();
   const [open, setOpen] = react.useState(false);
   const sessions = react$1.useSessions({ enabled: open });
   const currentSessionId = react$1.useCurrentSessionId();
   const terminate = react$1.useTerminateSession();
-  const views = chunkQIMVTGKS_cjs.toActiveSessionViews(sessions.data ?? [], {
+  const views = chunkU73KPFYH_cjs.toActiveSessionViews(sessions.data ?? [], {
     currentSessionId,
     terminatingId: terminate.isPending ? terminate.variables : null,
     renderIcon: renderSessionIcon
   });
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkQIMVTGKS_cjs.SettingsRow,
+      chunkU73KPFYH_cjs.SettingsRow,
       {
         label: "Active sessions",
         description: "Devices and agents currently signed in to your account.",
@@ -3015,7 +3022,7 @@ function ConnectedSessionsRow({ renderSessionIcon }) {
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkQIMVTGKS_cjs.ActiveSessionsDialog,
+      chunkU73KPFYH_cjs.ActiveSessionsDialog,
       {
         open,
         onOpenChange: setOpen,
@@ -3046,7 +3053,7 @@ function ConnectedLogoutDialog({
   onClose,
   canLogoutAll = true,
   confirmSignOut,
-  renderSessionIcon
+  renderSessionIcon = renderSessionStatusIcon
 }) {
   const sessions = react$1.useSessions({ enabled: open });
   const signOut = react$1.useSignOut();
@@ -3057,7 +3064,7 @@ function ConnectedLogoutDialog({
     signOut.mutate({ everywhere, reason: "manual" });
   };
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkQIMVTGKS_cjs.LogoutDialog,
+    chunkU73KPFYH_cjs.LogoutDialog,
     {
       open,
       onClose,
@@ -3065,13 +3072,13 @@ function ConnectedLogoutDialog({
       onLogoutAll: () => void run(true),
       canLogoutAll,
       isOnline,
-      sessions: chunkQIMVTGKS_cjs.toLogoutSessionViews(sessions.data ?? []),
+      sessions: chunkU73KPFYH_cjs.toLogoutSessionViews(sessions.data ?? []),
       renderSessionIcon
     }
   );
 }
 function ConnectedDangerZone({ renderSubscriptionLink }) {
-  const { notify } = chunkC4WSHRR6_cjs.useBlocksEnvironment();
+  const { notify } = chunkKPZZ5FHE_cjs.useBlocksEnvironment();
   const [zoneOpen, setZoneOpen] = react.useState(false);
   const [dialogOpen, setDialogOpen] = react.useState(false);
   const { data: profile } = react$1.useProfile();
@@ -3087,7 +3094,7 @@ function ConnectedDangerZone({ renderSubscriptionLink }) {
   });
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkQIMVTGKS_cjs.SettingsDangerZone,
+      chunkU73KPFYH_cjs.SettingsDangerZone,
       {
         isOpen: zoneOpen,
         onToggle: () => setZoneOpen((o) => !o),
@@ -3107,12 +3114,12 @@ function ConnectedDangerZone({ renderSubscriptionLink }) {
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkQIMVTGKS_cjs.DeleteAccountDialog,
+      chunkU73KPFYH_cjs.DeleteAccountDialog,
       {
         open: dialogOpen,
         onClose: flow.onClose,
         step: flow.step,
-        blockers: chunkQIMVTGKS_cjs.toDeleteBlockerViews(flow.blockers, renderSubscriptionLink),
+        blockers: chunkU73KPFYH_cjs.toDeleteBlockerViews(flow.blockers, renderSubscriptionLink),
         onContinue: flow.onContinue,
         onBack: flow.onBack,
         userEmail,
@@ -3124,211 +3131,80 @@ function ConnectedDangerZone({ renderSubscriptionLink }) {
     )
   ] });
 }
-function useConnectedDocxNotifications(onOpen) {
-  const arbi = react$1.useArbi();
-  const { status, user, apiUrl } = chunkGFNELPDP_cjs.useConnection();
-  const { notify } = chunkC4WSHRR6_cjs.useBlocksEnvironment();
-  const queries = reactQuery.useQueryClient();
-  const source = `docx-mentions:${apiUrl}:${user?.externalId || ""}`;
-  const queryKey = ["docx-mentions", apiUrl, user?.externalId];
-  const { data = [] } = reactQuery.useQuery({
-    queryKey,
-    queryFn: () => arbi.notifications.list({ type: "docx_mention" }),
-    enabled: status === "authenticated",
-    refetchInterval: 3e4
-  });
-  react$1.useArbiWebSocket((message) => {
-    if (message.type === "docx_mention") void queries.invalidateQueries({ queryKey });
-  });
-  react.useEffect(() => {
-    const items = [];
-    if (status === "authenticated")
-      for (const note of data) {
-        if (note.recipient.external_id !== user?.externalId || !note.workspace_ext_id) continue;
-        try {
-          const target = JSON.parse(note.content || "{}");
-          if (!target.document_id?.startsWith("doc-") || !target.comment_id) continue;
-          const documentId = target.document_id, commentId = target.comment_id, workspaceId = note.workspace_ext_id;
-          items.push({
-            id: `docx:${note.external_id}`,
-            title: "Mentioned you in a document comment",
-            description: [note.sender.given_name, note.sender.family_name].filter(Boolean).join(" "),
-            variant: "info",
-            ts: Date.parse(note.created_at),
-            read: note.read,
-            source,
-            onSelect: () => {
-              void Promise.resolve(onOpen({ documentId, commentId, workspaceId })).catch(
-                (error) => notify(
-                  error instanceof Error ? error.message : "Could not open the document.",
-                  "error"
-                )
-              );
-            }
-          });
-        } catch {
-        }
-      }
-    shell.useNotify.getState().syncSource(source, items);
-    return () => shell.useNotify.getState().syncSource(source, []);
-  }, [data, status, user?.externalId, source, onOpen, notify]);
-  const markRead = async (ids) => {
-    try {
-      await arbi.notifications.markRead(ids);
-      await queries.invalidateQueries({ queryKey });
-    } catch {
-      notify("Could not mark document mentions read.", "error");
-    }
-  };
-  return {
-    onMarkRead: (id) => {
-      if (id.startsWith("docx:")) void markRead([id.slice(5)]);
-    },
-    onMarkAllRead: () => {
-      void markRead(
-        data.filter((note) => !note.read && note.recipient.external_id === user?.externalId).map((note) => note.external_id)
-      );
-    }
-  };
-}
-function useConnectedWorkNotifications(onOpen) {
-  const { status, user, apiUrl } = chunkGFNELPDP_cjs.useConnection();
-  const { notify } = chunkC4WSHRR6_cjs.useBlocksEnvironment();
-  const source = `work-notifications:${apiUrl}:${user?.externalId || ""}`;
-  const { data = [], markRead: persistRead } = react$1.useWorkNotifications({
-    apiUrl,
-    userId: user?.externalId,
-    enabled: status === "authenticated"
-  });
-  react.useEffect(() => {
-    const items = [];
-    if (status === "authenticated")
-      for (const note of data) {
-        if (note.recipient.external_id !== user?.externalId) continue;
-        const mapped = mapWorkNotification(note);
-        if (!mapped) continue;
-        items.push({
-          id: `work:${note.external_id}`,
-          title: mapped.title,
-          variant: note.type === "workflow_failed" ? "error" : note.type === "conversation_done" ? "success" : "info",
-          ts: Date.parse(note.created_at),
-          read: note.read,
-          source,
-          onSelect: () => {
-            void Promise.resolve().then(() => onOpen(mapped.target)).catch(
-              (error) => notify(
-                error instanceof Error ? error.message : "Could not open this notification.",
-                "error"
-              )
-            );
-          }
-        });
-      }
-    shell.useNotify.getState().syncSource(source, items);
-    return () => shell.useNotify.getState().syncSource(source, []);
-  }, [data, status, user?.externalId, source, onOpen, notify]);
-  const markRead = async (ids) => {
-    if (!ids.length) return;
+function ServerConnectionRow({ onRefresh, ...status }) {
+  const { runtimeConfig } = chunkKPZZ5FHE_cjs.useBlocksEnvironment();
+  const [isRefreshing, setIsRefreshing] = react.useState(false);
+  const view = chunkU73KPFYH_cjs.serverConnectionView(status, runtimeConfig.deploymentDomain || "server");
+  const refresh = async () => {
+    setIsRefreshing(true);
     try {
-      await persistRead(ids);
-    } catch {
-      notify("Could not mark work notifications read.", "error");
+      await onRefresh();
+    } finally {
+      setIsRefreshing(false);
     }
   };
-  return {
-    onMarkRead: (id) => {
-      if (data.some(
-        (note) => `work:${note.external_id}` === id && note.recipient.external_id === user?.externalId && mapWorkNotification(note)
-      ))
-        void markRead([id.slice(5)]);
-    },
-    onMarkAllRead: () => {
-      void markRead(
-        data.filter(
-          (note) => !note.read && note.recipient.external_id === user?.externalId && mapWorkNotification(note)
-        ).map((note) => note.external_id)
-      );
+  return /* @__PURE__ */ jsxRuntime.jsx(chunkU73KPFYH_cjs.SettingsRow, { label: "Server connection", description: view.description, children: /* @__PURE__ */ jsxRuntime.jsx(
+    chunkU73KPFYH_cjs.ServerConnectionButton,
+    {
+      state: view.state,
+      label: view.label,
+      isRefreshing,
+      onRefresh: () => void refresh()
     }
-  };
+  ) });
 }
-function mapWorkNotification(note) {
-  const sender = [note.sender.given_name, note.sender.family_name].filter(Boolean).join(" ") || note.sender.email;
-  if (note.type === "workflow_failed") {
-    try {
-      const payload = JSON.parse(note.content || "{}");
-      if (!payload.workflow_ext_id?.match(/^wfl-[a-zA-Z0-9]+$/)) return null;
-      if (note.workspace_ext_id?.match(/^wrk-[a-zA-Z0-9]+$/) && note.conversation_ext_id?.match(/^con-[a-zA-Z0-9]+$/)) {
-        return {
-          title: "A workflow failed to run",
-          target: {
-            kind: "conversation",
-            workspaceId: note.workspace_ext_id,
-            conversationId: note.conversation_ext_id
-          }
-        };
+function ConnectedAccountSettings({
+  avatarClassName,
+  onManageBilling,
+  formatIdentityPrice,
+  afterProfile,
+  getUnmetPasswordRequirement,
+  securityRows,
+  connection,
+  onLogout,
+  renderSessionIcon,
+  renderSubscriptionLink
+}) {
+  const [logoutOpen, setLogoutOpen] = react.useState(false);
+  return /* @__PURE__ */ jsxRuntime.jsxs(chunkU73KPFYH_cjs.SettingsPanel, { className: "max-w-2xl", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(ConnectedProfileCard, { avatarClassName, children: /* @__PURE__ */ jsxRuntime.jsx(
+      ConnectedIdentityVerification,
+      {
+        onManageBilling,
+        formatPrice: formatIdentityPrice
       }
-      return {
-        title: "A workflow failed to run",
-        target: {
-          kind: "workflow",
-          workflowId: payload.workflow_ext_id,
-          workspaceId: note.workspace_ext_id || void 0
+    ) }),
+    afterProfile,
+    /* @__PURE__ */ jsxRuntime.jsx(ConnectedSecuritySection, { getUnmetRequirement: getUnmetPasswordRequirement, children: securityRows }),
+    /* @__PURE__ */ jsxRuntime.jsx(chunkU73KPFYH_cjs.SettingsSection, { icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Wifi, {}), title: "Session", children: /* @__PURE__ */ jsxRuntime.jsxs(chunkU73KPFYH_cjs.SettingsCard, { children: [
+      connection && /* @__PURE__ */ jsxRuntime.jsx(ServerConnectionRow, { ...connection }),
+      /* @__PURE__ */ jsxRuntime.jsx(ConnectedSessionsRow, { renderSessionIcon }),
+      /* @__PURE__ */ jsxRuntime.jsx(chunkU73KPFYH_cjs.SettingsRow, { label: "Logout", description: "Sign out of your account on this device.", children: /* @__PURE__ */ jsxRuntime.jsxs(
+        ui.Button,
+        {
+          type: "button",
+          variant: "secondary",
+          size: "sm",
+          onClick: onLogout ?? (() => setLogoutOpen(true)),
+          className: "flex items-center gap-2",
+          "data-testid": "logout-button",
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.LogOut, { className: "w-4 h-4" }),
+            "Logout"
+          ]
         }
-      };
-    } catch {
-      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 thread`,
-    conversation_ready: note.sender.external_id === note.recipient.external_id ? "Your thread is ready" : `${sender}\u2019s thread is ready`,
-    conversation_done: `${sender} marked a thread done`
-  };
-  const title = titles[note.type];
-  if (!title || !note.workspace_ext_id || !note.conversation_ext_id?.match(/^con-[a-zA-Z0-9]+$/))
-    return null;
-  return {
-    title,
-    target: {
-      kind: "conversation",
-      workspaceId: note.workspace_ext_id,
-      conversationId: note.conversation_ext_id,
-      ...note.message_ext_id ? { messageId: note.message_ext_id } : {}
-    }
-  };
-}
-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 };
+      ) })
+    ] }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(ConnectedDangerZone, { renderSubscriptionLink }),
+    !onLogout && /* @__PURE__ */ jsxRuntime.jsx(
+      ConnectedLogoutDialog,
+      {
+        open: logoutOpen,
+        onClose: () => setLogoutOpen(false),
+        renderSessionIcon
       }
-      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,
@@ -3553,6 +3429,504 @@ function ConnectedMailAccounts({
     }
   );
 }
+var noop = () => {
+};
+function ConnectedMailSettings({ oauthReturnPath, settings }) {
+  const { data: policy } = react$1.useMailPolicy();
+  const accounts = react$1.useMailAccounts({ enabled: !!policy?.enabled });
+  const { data: profile } = react$1.useProfile();
+  if (accounts.isError) {
+    return /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground", children: accounts.error.message });
+  }
+  if (!policy || !accounts.isSuccess) return /* @__PURE__ */ jsxRuntime.jsx("p", { children: "Loading mail accounts\u2026" });
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    ConnectedMailAccounts,
+    {
+      embedded: true,
+      policy,
+      accounts: accounts.data,
+      user: profile && { given_name: profile.givenName, family_name: profile.familyName },
+      oauthReturnPath,
+      settings,
+      onClose: noop
+    },
+    profile ? "named" : "unnamed"
+  );
+}
+function ConnectedPrivacySettings({
+  rows,
+  showTipsReset = false
+}) {
+  const { data: settings } = react$1.useUserSettings();
+  const update = react$1.useUpdateUserSettings();
+  const hideOnlineStatus = settings?.hide_online_status ?? false;
+  const dismissedTips = settings?.dismissed_tips ?? [];
+  return /* @__PURE__ */ jsxRuntime.jsxs(chunkU73KPFYH_cjs.SettingsPanel, { className: "max-w-2xl", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(chunkU73KPFYH_cjs.SettingsSection, { title: "Privacy and tips", children: /* @__PURE__ */ jsxRuntime.jsxs(chunkU73KPFYH_cjs.SettingsCard, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        chunkU73KPFYH_cjs.SettingsRow,
+        {
+          label: "Show Online Status",
+          labelFor: "showOnlineStatus",
+          description: "When on, other users can see when you're online",
+          children: /* @__PURE__ */ jsxRuntime.jsx(
+            ui.Switch,
+            {
+              id: "showOnlineStatus",
+              checked: !hideOnlineStatus,
+              onCheckedChange: (value) => update.mutate({ hide_online_status: !value }),
+              "data-testid": "toggle-show-online-status"
+            }
+          )
+        }
+      ),
+      rows,
+      showTipsReset && /* @__PURE__ */ jsxRuntime.jsx(
+        chunkU73KPFYH_cjs.SettingsRow,
+        {
+          label: "Hidden tips",
+          description: "Restore any Smart Tips you\u2019ve hidden with \u201Cdon\u2019t show again\u201D.",
+          children: /* @__PURE__ */ jsxRuntime.jsxs(
+            ui.Button,
+            {
+              type: "button",
+              variant: "outline",
+              size: "sm",
+              onClick: () => update.mutate({ dismissed_tips: [] }),
+              disabled: dismissedTips.length === 0,
+              className: "gap-1.5",
+              "data-testid": "reset-tips-button",
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx(lucideReact.RotateCcw, { className: "h-4 w-4" }),
+                "Reset tips"
+              ]
+            }
+          )
+        }
+      )
+    ] }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(ConnectedNotificationPreferences, {})
+  ] });
+}
+var PROVIDER_NAMES = {
+  openai: "OpenAI",
+  fireworks_ai: "Fireworks AI",
+  "vertex_ai-language-models": "Google",
+  vertex_ai: "Google",
+  gemini: "Google",
+  anthropic: "Anthropic"
+};
+var isStandard = (model) => !!model?.tags?.includes("Standard");
+function PremiumCostHeader() {
+  return /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex items-center gap-0.5", children: "\xA3/MT in-out" });
+}
+function cheapest(models) {
+  return [...models].sort((a, b) => {
+    const ao = a.output_cost_per_token;
+    const bo = b.output_cost_per_token;
+    if (ao == null && bo == null) return 0;
+    if (ao == null) return 1;
+    if (bo == null) return -1;
+    return ao - bo;
+  })[0];
+}
+var COLUMNS = [
+  {
+    colId: "model_name",
+    headerName: "Model",
+    field: "model_name",
+    flex: 2,
+    minWidth: 130,
+    tooltipField: "model_name"
+  },
+  {
+    colId: "provider",
+    headerName: "Provider",
+    field: "provider",
+    flex: 1,
+    minWidth: 120,
+    cellRenderer: (params) => isStandard(params.data) ? /* @__PURE__ */ jsxRuntime.jsx(
+      chunkU73KPFYH_cjs.ModelProviderLabel,
+      {
+        logo: /* @__PURE__ */ jsxRuntime.jsx("img", { src: "/favicon.svg", alt: "ARBI", className: "size-3.5 flex-shrink-0 rounded-sm" }),
+        children: "ARBI CITY"
+      }
+    ) : /* @__PURE__ */ jsxRuntime.jsx(
+      chunkU73KPFYH_cjs.ModelProviderLabel,
+      {
+        logo: /* @__PURE__ */ jsxRuntime.jsx(react$1.ProviderIcon, { modelName: params.data?.model_name, provider: params.value, size: 14 }),
+        children: PROVIDER_NAMES[params.value ?? ""] || params.value || "\u2014"
+      }
+    )
+  },
+  {
+    // Input and output cost in one column so the table fits the panel; sorted by output cost.
+    colId: "cost",
+    headerName: "Cost / MTok",
+    headerComponentParams: { innerHeaderComponent: PremiumCostHeader },
+    headerTooltip: "\xA3 per million tokens \u2014 input then output",
+    field: "output_cost_per_token",
+    flex: 1,
+    minWidth: 120,
+    type: "rightAligned",
+    cellRenderer: (params) => /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "tabular-nums", children: [
+      react$1.formatGbpPerMillionTokens(params.data?.input_cost_per_token) ?? "\xA30",
+      "-",
+      react$1.formatGbpPerMillionTokens(params.data?.output_cost_per_token) ?? "\xA30"
+    ] })
+  }
+];
+function ConnectedPremiumModels() {
+  const { notify } = chunkKPZZ5FHE_cjs.useBlocksEnvironment();
+  const { data: settings } = react$1.useUserSettings();
+  const update = react$1.useUpdateUserSettings();
+  const { data: available } = react$1.useAvailableModels();
+  const isDeveloper = settings?.developer === true;
+  const premiumModel = settings?.premium_model;
+  const premiumModels = react.useMemo(
+    () => (available?.models ?? []).filter(
+      (m) => m.tags?.includes("Premium") && (isDeveloper || !m.model_name.includes("@"))
+    ),
+    [available, isDeveloper]
+  );
+  const rows = react.useMemo(() => {
+    const standards = (available?.models ?? []).filter(isStandard);
+    if (standards.length === 0) return premiumModels;
+    const reference = {
+      ...standards[0],
+      model_name: `Standard (${standards.map((m) => m.model_name).join(", ")})`
+    };
+    return [reference, ...premiumModels];
+  }, [available, premiumModels]);
+  const current = premiumModel ?? available?.premium_default ?? "";
+  const save = react.useCallback(
+    (model) => update.mutate(
+      { premium_model: model },
+      {
+        onError: (err) => notify(`Failed to update Premium setting: ${String(err)}`, "error")
+      }
+    ),
+    [update, notify]
+  );
+  const currentRef = react.useRef(current);
+  currentRef.current = current;
+  const [selected, setSelected] = react.useState([]);
+  react.useEffect(() => {
+    const match = premiumModels.filter((m) => m.model_name === current);
+    setSelected(
+      (prev) => prev.length === match.length && prev[0]?.model_name === match[0]?.model_name ? prev : match
+    );
+  }, [current, premiumModels]);
+  const onSelectionChange = react.useCallback(
+    (items) => {
+      const picked = items.filter((m) => !isStandard(m));
+      const next = picked[0]?.model_name;
+      if (!next || next === currentRef.current) return;
+      setSelected(picked);
+      save(next);
+    },
+    [save]
+  );
+  if (premiumModels.length === 0) return null;
+  return /* @__PURE__ */ jsxRuntime.jsx(chunkU73KPFYH_cjs.SettingsPanel, { className: "max-w-2xl space-y-4", children: /* @__PURE__ */ jsxRuntime.jsx(chunkU73KPFYH_cjs.SettingsSection, { title: "Premium models", children: /* @__PURE__ */ jsxRuntime.jsx(chunkU73KPFYH_cjs.SettingsCard, { className: "space-y-0", children: /* @__PURE__ */ jsxRuntime.jsx(
+    chunkU73KPFYH_cjs.PremiumModelsFrame,
+    {
+      enabled: premiumModel !== "",
+      onEnabledChange: (enabled) => {
+        const target = enabled ? cheapest(premiumModels)?.model_name : "";
+        if (target !== void 0) save(target);
+      },
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        chunkC2CWWEHO_cjs.GridView,
+        {
+          items: rows,
+          columnDefs: COLUMNS,
+          getItemId: (m) => m.model_name,
+          selection: { mode: "single", selected, onSelectionChange },
+          gridOptions: {
+            rowClassRules: { "opacity-60 italic": (p) => isStandard(p.data) }
+          },
+          height: Math.min(rows.length * 40 + 48, 320),
+          testId: "premium-model-grid"
+        }
+      )
+    }
+  ) }) }) });
+}
+var SETTINGS_SECTION_IDS = {
+  account: "account",
+  mail: "mail",
+  privacy: "privacy",
+  chat: "chat"
+};
+function accountSettingsSection(props) {
+  return {
+    id: SETTINGS_SECTION_IDS.account,
+    label: "Account",
+    icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.User, { className: "w-6 h-6" }),
+    render: () => /* @__PURE__ */ jsxRuntime.jsx(ConnectedAccountSettings, { ...props })
+  };
+}
+function mailSettingsSection(props) {
+  return {
+    id: SETTINGS_SECTION_IDS.mail,
+    label: "Mail",
+    icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Mail, { className: "w-6 h-6" }),
+    render: () => /* @__PURE__ */ jsxRuntime.jsx(ConnectedMailSettings, { ...props })
+  };
+}
+function privacySettingsSection(props) {
+  return {
+    id: SETTINGS_SECTION_IDS.privacy,
+    label: "Privacy",
+    icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.HatGlasses, { className: "w-6 h-6" }),
+    render: () => /* @__PURE__ */ jsxRuntime.jsx(ConnectedPrivacySettings, { ...props })
+  };
+}
+function chatSettingsSection() {
+  return {
+    id: SETTINGS_SECTION_IDS.chat,
+    label: "Chat",
+    icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.MessageSquare, { className: "w-6 h-6" }),
+    render: () => /* @__PURE__ */ jsxRuntime.jsx(ConnectedPremiumModels, {})
+  };
+}
+var DEFAULT_SETTINGS_SECTIONS = [
+  accountSettingsSection(),
+  privacySettingsSection(),
+  chatSettingsSection()
+];
+function ConnectedSettingsPage({
+  sections = DEFAULT_SETTINGS_SECTIONS,
+  section,
+  onSectionChange,
+  ...page
+}) {
+  const requested = chunkKPZZ5FHE_cjs.useRequestedSettingsSection();
+  const [local, setLocal] = react.useState(requested?.section);
+  react.useEffect(() => {
+    if (requested) setLocal(requested.section);
+  }, [requested]);
+  const controlled = section !== void 0;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    chunkU73KPFYH_cjs.SettingsPage,
+    {
+      ...page,
+      sections,
+      activeSectionId: controlled ? section : local,
+      onSectionChange: (id) => {
+        if (!controlled) setLocal(id);
+        onSectionChange?.(id);
+      }
+    }
+  );
+}
+function useConnectedDocxNotifications(onOpen) {
+  const arbi = react$1.useArbi();
+  const { status, user, apiUrl } = chunkGFNELPDP_cjs.useConnection();
+  const { notify } = chunkKPZZ5FHE_cjs.useBlocksEnvironment();
+  const queries = reactQuery.useQueryClient();
+  const source = `docx-mentions:${apiUrl}:${user?.externalId || ""}`;
+  const queryKey = ["docx-mentions", apiUrl, user?.externalId];
+  const { data = [] } = reactQuery.useQuery({
+    queryKey,
+    queryFn: () => arbi.notifications.list({ type: "docx_mention" }),
+    enabled: status === "authenticated",
+    refetchInterval: 3e4
+  });
+  react$1.useArbiWebSocket((message) => {
+    if (message.type === "docx_mention") void queries.invalidateQueries({ queryKey });
+  });
+  react.useEffect(() => {
+    const items = [];
+    if (status === "authenticated")
+      for (const note of data) {
+        if (note.recipient.external_id !== user?.externalId || !note.workspace_ext_id) continue;
+        try {
+          const target = JSON.parse(note.content || "{}");
+          if (!target.document_id?.startsWith("doc-") || !target.comment_id) continue;
+          const documentId = target.document_id, commentId = target.comment_id, workspaceId = note.workspace_ext_id;
+          items.push({
+            id: `docx:${note.external_id}`,
+            title: "Mentioned you in a document comment",
+            description: [note.sender.given_name, note.sender.family_name].filter(Boolean).join(" "),
+            variant: "info",
+            ts: Date.parse(note.created_at),
+            read: note.read,
+            source,
+            onSelect: () => {
+              void Promise.resolve(onOpen({ documentId, commentId, workspaceId })).catch(
+                (error) => notify(
+                  error instanceof Error ? error.message : "Could not open the document.",
+                  "error"
+                )
+              );
+            }
+          });
+        } catch {
+        }
+      }
+    shell.useNotify.getState().syncSource(source, items);
+    return () => shell.useNotify.getState().syncSource(source, []);
+  }, [data, status, user?.externalId, source, onOpen, notify]);
+  const markRead = async (ids) => {
+    try {
+      await arbi.notifications.markRead(ids);
+      await queries.invalidateQueries({ queryKey });
+    } catch {
+      notify("Could not mark document mentions read.", "error");
+    }
+  };
+  return {
+    onMarkRead: (id) => {
+      if (id.startsWith("docx:")) void markRead([id.slice(5)]);
+    },
+    onMarkAllRead: () => {
+      void markRead(
+        data.filter((note) => !note.read && note.recipient.external_id === user?.externalId).map((note) => note.external_id)
+      );
+    }
+  };
+}
+function useConnectedWorkNotifications(onOpen) {
+  const { status, user, apiUrl } = chunkGFNELPDP_cjs.useConnection();
+  const { notify } = chunkKPZZ5FHE_cjs.useBlocksEnvironment();
+  const source = `work-notifications:${apiUrl}:${user?.externalId || ""}`;
+  const { data = [], markRead: persistRead } = react$1.useWorkNotifications({
+    apiUrl,
+    userId: user?.externalId,
+    enabled: status === "authenticated"
+  });
+  react.useEffect(() => {
+    const items = [];
+    if (status === "authenticated")
+      for (const note of data) {
+        if (note.recipient.external_id !== user?.externalId) continue;
+        const mapped = mapWorkNotification(note);
+        if (!mapped) continue;
+        items.push({
+          id: `work:${note.external_id}`,
+          title: mapped.title,
+          variant: note.type === "workflow_failed" ? "error" : note.type === "conversation_done" ? "success" : "info",
+          ts: Date.parse(note.created_at),
+          read: note.read,
+          source,
+          onSelect: () => {
+            void Promise.resolve().then(() => onOpen(mapped.target)).catch(
+              (error) => notify(
+                error instanceof Error ? error.message : "Could not open this notification.",
+                "error"
+              )
+            );
+          }
+        });
+      }
+    shell.useNotify.getState().syncSource(source, items);
+    return () => shell.useNotify.getState().syncSource(source, []);
+  }, [data, status, user?.externalId, source, onOpen, notify]);
+  const markRead = async (ids) => {
+    if (!ids.length) return;
+    try {
+      await persistRead(ids);
+    } catch {
+      notify("Could not mark work notifications read.", "error");
+    }
+  };
+  return {
+    onMarkRead: (id) => {
+      if (data.some(
+        (note) => `work:${note.external_id}` === id && note.recipient.external_id === user?.externalId && mapWorkNotification(note)
+      ))
+        void markRead([id.slice(5)]);
+    },
+    onMarkAllRead: () => {
+      void markRead(
+        data.filter(
+          (note) => !note.read && note.recipient.external_id === user?.externalId && mapWorkNotification(note)
+        ).map((note) => note.external_id)
+      );
+    }
+  };
+}
+function mapWorkNotification(note) {
+  const sender = [note.sender.given_name, note.sender.family_name].filter(Boolean).join(" ") || note.sender.email;
+  if (note.type === "workflow_failed") {
+    try {
+      const payload = JSON.parse(note.content || "{}");
+      if (!payload.workflow_ext_id?.match(/^wfl-[a-zA-Z0-9]+$/)) return null;
+      if (note.workspace_ext_id?.match(/^wrk-[a-zA-Z0-9]+$/) && note.conversation_ext_id?.match(/^con-[a-zA-Z0-9]+$/)) {
+        return {
+          title: "A workflow failed to run",
+          target: {
+            kind: "conversation",
+            workspaceId: note.workspace_ext_id,
+            conversationId: note.conversation_ext_id
+          }
+        };
+      }
+      return {
+        title: "A workflow failed to run",
+        target: {
+          kind: "workflow",
+          workflowId: payload.workflow_ext_id,
+          workspaceId: note.workspace_ext_id || void 0
+        }
+      };
+    } catch {
+      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 thread`,
+    conversation_ready: note.sender.external_id === note.recipient.external_id ? "Your thread is ready" : `${sender}\u2019s thread is ready`,
+    conversation_done: `${sender} marked a thread done`
+  };
+  const title = titles[note.type];
+  if (!title || !note.workspace_ext_id || !note.conversation_ext_id?.match(/^con-[a-zA-Z0-9]+$/))
+    return null;
+  return {
+    title,
+    target: {
+      kind: "conversation",
+      workspaceId: note.workspace_ext_id,
+      conversationId: note.conversation_ext_id,
+      ...note.message_ext_id ? { messageId: note.message_ext_id } : {}
+    }
+  };
+}
+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 }));
+    })
+  );
+}
 var sessionRooms = /* @__PURE__ */ new Map();
 function useWordBody({
   word,
@@ -3672,7 +4046,7 @@ function MailComposerForm({
   headerSlot
 }) {
   const { client } = react$1.useMailClient();
-  const { notify, confirm } = chunkC4WSHRR6_cjs.useBlocksEnvironment();
+  const { notify, confirm } = chunkKPZZ5FHE_cjs.useBlocksEnvironment();
   const [to, setTo] = react.useState(initial.to.map((r) => r.email).join("; "));
   const [cc, setCc] = react.useState(initial.cc.map((r) => r.email).join("; "));
   const [showCc, setShowCc] = react.useState(initial.cc.length > 0);
@@ -4520,7 +4894,7 @@ function ConnectedMailbox({
   onGridStateChange,
   initialMessageId = null
 }) {
-  const { notify } = chunkC4WSHRR6_cjs.useBlocksEnvironment();
+  const { notify } = chunkKPZZ5FHE_cjs.useBlocksEnvironment();
   const cache = react$1.useMailCache();
   const { client } = react$1.useMailClient();
   const [savingToWorkspace, setSavingToWorkspace] = react.useState(false);
@@ -5195,7 +5569,7 @@ function SubscribeDialog({
   timeZone,
   onClose
 }) {
-  const { notify } = chunkC4WSHRR6_cjs.useBlocksEnvironment();
+  const { notify } = chunkKPZZ5FHE_cjs.useBlocksEnvironment();
   const subscribe = react$1.useSubscribeCalendar();
   const [url, setUrl] = react.useState("");
   const [name, setName] = react.useState("");
@@ -5290,7 +5664,7 @@ function SubscribeDialog({
 }
 function HolidaysDialog({ open, onClose }) {
   const { data: countries = [], isLoading } = react$1.useHolidayCountries(open);
-  const { notify } = chunkC4WSHRR6_cjs.useBlocksEnvironment();
+  const { notify } = chunkKPZZ5FHE_cjs.useBlocksEnvironment();
   const add = react$1.useAddHolidayCalendar();
   const [country, setCountry] = react.useState("");
   const [subdivision, setSubdivision] = react.useState("");
@@ -5413,7 +5787,7 @@ function StatusBadge({ account }) {
   );
 }
 function AccountRow({ account }) {
-  const { notify } = chunkC4WSHRR6_cjs.useBlocksEnvironment();
+  const { notify } = chunkKPZZ5FHE_cjs.useBlocksEnvironment();
   const startOAuth = react$1.useStartCalendarAccountOAuth();
   const sync = react$1.useSyncCalendarAccount();
   const update = react$1.useUpdateCalendarAccount();
@@ -5531,7 +5905,7 @@ function AccountRow({ account }) {
   );
 }
 function CalDavForm({ onDone }) {
-  const { notify } = chunkC4WSHRR6_cjs.useBlocksEnvironment();
+  const { notify } = chunkKPZZ5FHE_cjs.useBlocksEnvironment();
   const { data: profiles = [] } = react$1.useCalDavProfiles();
   const connect = react$1.useConnectCalDavAccount();
   const [profileId, setProfileId] = react.useState("");
@@ -5647,7 +6021,7 @@ function CalDavForm({ onDone }) {
   );
 }
 function CalendarAccountsPanel({ className }) {
-  const { notify } = chunkC4WSHRR6_cjs.useBlocksEnvironment();
+  const { notify } = chunkKPZZ5FHE_cjs.useBlocksEnvironment();
   const { connectors } = react$1.useCalendarSupport();
   const startOAuth = react$1.useStartCalendarAccountOAuth();
   const { data: accounts = [], isLoading, error } = react$1.useCalendarAccounts();
@@ -5734,7 +6108,7 @@ function CalendarAccountsPanel({ className }) {
 
 // src/connection/calendar/copy.ts
 function useCalendarCopy() {
-  const copy = chunk5FTIHRZH_cjs.useCopyText({ copyFailed: "Could not copy. Select the text and copy it manually." });
+  const copy = chunkXVUOMWMD_cjs.useCopyText({ copyFailed: "Could not copy. Select the text and copy it manually." });
   return (value, what = "Copied") => copy(value, `${what} to clipboard`);
 }
 function CopyField({ label, value, mono = true, testId, className }) {
@@ -5783,7 +6157,7 @@ function calendarNames(ids, calendars) {
   return names.length ? names.join(", ") : `${ids.length} calendar${ids.length === 1 ? "" : "s"}`;
 }
 function RevokeButton({ row }) {
-  const { notify } = chunkC4WSHRR6_cjs.useBlocksEnvironment();
+  const { notify } = chunkKPZZ5FHE_cjs.useBlocksEnvironment();
   const revoke = react$1.useRevokeAppPassword();
   const [confirming, setConfirming] = react.useState(false);
   if (!confirming)
@@ -6102,7 +6476,7 @@ function summarizeWeekly(page) {
   return days.map((d) => chunk6YTHQ73P_cjs.WEEKDAY_NAMES[d]?.slice(0, 3)).join(", ");
 }
 function BookingPageForm({ page, defaultTimeZone, onDone }) {
-  const { notify } = chunkC4WSHRR6_cjs.useBlocksEnvironment();
+  const { notify } = chunkKPZZ5FHE_cjs.useBlocksEnvironment();
   const copyText = useCalendarCopy();
   const [form, setForm] = react.useState(
     () => page ? chunk6YTHQ73P_cjs.bookingToForm(page) : chunk6YTHQ73P_cjs.emptyBookingForm(defaultTimeZone)
@@ -6285,7 +6659,7 @@ function BookingPageForm({ page, defaultTimeZone, onDone }) {
   );
 }
 function BookingPagesPanel({ defaultTimeZone, className }) {
-  const { notify } = chunkC4WSHRR6_cjs.useBlocksEnvironment();
+  const { notify } = chunkKPZZ5FHE_cjs.useBlocksEnvironment();
   const copyText = useCalendarCopy();
   const { data: pages = [], isLoading, error } = react$1.useBookingPages();
   const { data: settings } = react$1.useCalendarSettings(!defaultTimeZone);
@@ -6395,7 +6769,7 @@ function BookingPagesPanel({ defaultTimeZone, className }) {
 }
 var selectClass5 = "h-9 w-full rounded-md border border-input bg-background px-2 text-sm text-foreground shadow-sm";
 function CreateRoomForm({ zone, onDone }) {
-  const { notify } = chunkC4WSHRR6_cjs.useBlocksEnvironment();
+  const { notify } = chunkKPZZ5FHE_cjs.useBlocksEnvironment();
   const create2 = react$1.useCreateRoom();
   const [name, setName] = react.useState("");
   const [type, setType] = react.useState("room");
@@ -6725,7 +7099,7 @@ function CalendarSettingsDialog({
   initialTab = "general",
   onClose
 }) {
-  const { notify } = chunkC4WSHRR6_cjs.useBlocksEnvironment();
+  const { notify } = chunkKPZZ5FHE_cjs.useBlocksEnvironment();
   const save = react$1.useSaveCalendarSettings();
   const [value, setValue] = react.useState(() => chunk6YTHQ73P_cjs.toSettingsValue(settings));
   const [tab, setTab] = react.useState(initialTab);
@@ -6798,7 +7172,7 @@ function EventScheduling({
   workingStartHour = 7
 }) {
   const [open, setOpen] = react.useState(false);
-  const { notify } = chunkC4WSHRR6_cjs.useBlocksEnvironment();
+  const { notify } = chunkKPZZ5FHE_cjs.useBlocksEnvironment();
   const arbi = react$1.useArbi();
   const me = arbi.isLoggedIn ? arbi.user.identity()?.email ?? null : null;
   const allDay = chunk6YTHQ73P_cjs.isAllDayDraft(draft);
@@ -7039,7 +7413,7 @@ function proposed(inv, zone) {
   return `${chunkBIXHB4LV_cjs.formatInZone(su, zone, { weekday: "short", day: "numeric", month: "short", hour: "numeric", minute: "2-digit" })} \u2013 ${chunkBIXHB4LV_cjs.formatInZone(eu, zone, { hour: "numeric", minute: "2-digit" })}`;
 }
 function InvitationsPanel({ timeZone, onOpenEvent }) {
-  const { notify } = chunkC4WSHRR6_cjs.useBlocksEnvironment();
+  const { notify } = chunkKPZZ5FHE_cjs.useBlocksEnvironment();
   const { data: items = [], refetch } = react$1.useCalendarInvitations();
   const respond = react$1.useRespondToEvent();
   const decide = react$1.useDecideCounter();
@@ -7226,7 +7600,7 @@ function PublishCalendarDialog({
   onClose,
   onConnectAccount
 }) {
-  const { notify } = chunkC4WSHRR6_cjs.useBlocksEnvironment();
+  const { notify } = chunkKPZZ5FHE_cjs.useBlocksEnvironment();
   const { data: accounts = [], isLoading } = react$1.useCalendarAccounts(!!calendarId);
   const publish = react$1.usePublishCalendar();
   const [accountId, setAccountId] = react.useState("");
@@ -7303,7 +7677,7 @@ function ShareCalendarDialog({
   calendarName,
   onClose
 }) {
-  const { notify } = chunkC4WSHRR6_cjs.useBlocksEnvironment();
+  const { notify } = chunkKPZZ5FHE_cjs.useBlocksEnvironment();
   const { data: shares = [], isLoading } = react$1.useCalendarShares(calendarId);
   const share = react$1.useShareCalendar();
   const unshare = react$1.useUnshareCalendar();
@@ -7607,7 +7981,7 @@ function ConnectedCalendar({
   onOpenOverlay,
   syncAccountsOnOpen = true
 } = {}) {
-  const { confirm, notify, openConversation } = chunkC4WSHRR6_cjs.useBlocksEnvironment();
+  const { confirm, notify, openConversation } = chunkKPZZ5FHE_cjs.useBlocksEnvironment();
   const arbi = react$1.useArbi();
   const fetchEvent = react$1.useFetchCalendarEvent();
   const notifyError = (prefix, err) => notify(`${prefix}: ${errorText3(err)}`, "error");
@@ -8360,7 +8734,7 @@ function ConnectedMailInviteCard({
   isOnline,
   onOpenEvent
 }) {
-  const { notify } = chunkC4WSHRR6_cjs.useBlocksEnvironment();
+  const { notify } = chunkKPZZ5FHE_cjs.useBlocksEnvironment();
   const part = attachments.find(chunk6YTHQ73P_cjs.isCalendarAttachment);
   const { data: settings } = react$1.useCalendarSettings(!!part);
   const zone = chunkBIXHB4LV_cjs.safeZone(settings?.time_zone, chunkBIXHB4LV_cjs.detectTimeZone());
@@ -8491,7 +8865,7 @@ function Shell({ children, wide = false }) {
   ) });
 }
 function CancelView({ slug, token }) {
-  const { apiBaseUrl } = chunkC4WSHRR6_cjs.useBlocksEnvironment().runtimeConfig;
+  const { apiBaseUrl } = chunkKPZZ5FHE_cjs.useBlocksEnvironment().runtimeConfig;
   const [state, setState] = react.useState("idle");
   const [error, setError] = react.useState(null);
   return /* @__PURE__ */ jsxRuntime.jsx(Shell, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid gap-4", "data-testid": "book-cancel", children: [
@@ -8569,7 +8943,7 @@ function Confirmation({
   ] }) });
 }
 function ConnectedPublicBooking({ slug, cancelToken }) {
-  const { apiBaseUrl } = chunkC4WSHRR6_cjs.useBlocksEnvironment().runtimeConfig;
+  const { apiBaseUrl } = chunkKPZZ5FHE_cjs.useBlocksEnvironment().runtimeConfig;
   const [zone, setZone] = react.useState(chunkBIXHB4LV_cjs.detectTimeZone);
   const [duration, setDuration] = react.useState(void 0);
   const [offset, setOffset] = react.useState(0);
@@ -8927,59 +9301,59 @@ Object.defineProperty(exports, "useWorkspaceDocs", {
 });
 Object.defineProperty(exports, "ConnectedWorkflowDocumentsField", {
   enumerable: true,
-  get: function () { return chunkRA3ZJ45L_cjs.ConnectedWorkflowDocumentsField; }
+  get: function () { return chunkULPFRK3J_cjs.ConnectedWorkflowDocumentsField; }
 });
 Object.defineProperty(exports, "ConnectedWorkflowLauncher", {
   enumerable: true,
-  get: function () { return chunkRA3ZJ45L_cjs.ConnectedWorkflowLauncher; }
+  get: function () { return chunkULPFRK3J_cjs.ConnectedWorkflowLauncher; }
 });
 Object.defineProperty(exports, "ConnectedWorkflowsTable", {
   enumerable: true,
-  get: function () { return chunkRA3ZJ45L_cjs.ConnectedWorkflowsTable; }
+  get: function () { return chunkULPFRK3J_cjs.ConnectedWorkflowsTable; }
 });
 Object.defineProperty(exports, "DEFAULT_CONNECTED_WORKFLOWS_TABLE_LABELS", {
   enumerable: true,
-  get: function () { return chunkRA3ZJ45L_cjs.DEFAULT_CONNECTED_WORKFLOWS_TABLE_LABELS; }
+  get: function () { return chunkULPFRK3J_cjs.DEFAULT_CONNECTED_WORKFLOWS_TABLE_LABELS; }
 });
 Object.defineProperty(exports, "NativeDocxSupportProvider", {
   enumerable: true,
-  get: function () { return chunkRA3ZJ45L_cjs.NativeDocxSupportProvider; }
+  get: function () { return chunkULPFRK3J_cjs.NativeDocxSupportProvider; }
 });
 Object.defineProperty(exports, "toWorkflowFieldDocument", {
   enumerable: true,
-  get: function () { return chunkRA3ZJ45L_cjs.toWorkflowFieldDocument; }
+  get: function () { return chunkULPFRK3J_cjs.toWorkflowFieldDocument; }
 });
 Object.defineProperty(exports, "useConnectedAgentOptions", {
   enumerable: true,
-  get: function () { return chunkRA3ZJ45L_cjs.useConnectedAgentOptions; }
+  get: function () { return chunkULPFRK3J_cjs.useConnectedAgentOptions; }
 });
 Object.defineProperty(exports, "useConnectedWorkflowScopeSource", {
   enumerable: true,
-  get: function () { return chunkRA3ZJ45L_cjs.useConnectedWorkflowScopeSource; }
+  get: function () { return chunkULPFRK3J_cjs.useConnectedWorkflowScopeSource; }
 });
 Object.defineProperty(exports, "useConnectedWorkspaceRole", {
   enumerable: true,
-  get: function () { return chunkRA3ZJ45L_cjs.useConnectedWorkspaceRole; }
+  get: function () { return chunkULPFRK3J_cjs.useConnectedWorkspaceRole; }
 });
 Object.defineProperty(exports, "useNativeDocxSupport", {
   enumerable: true,
-  get: function () { return chunkRA3ZJ45L_cjs.useNativeDocxSupport; }
+  get: function () { return chunkULPFRK3J_cjs.useNativeDocxSupport; }
 });
 Object.defineProperty(exports, "ConnectedWorkspaceDataProvider", {
   enumerable: true,
-  get: function () { return chunkJZNXRMLH_cjs.ConnectedWorkspaceDataProvider; }
+  get: function () { return chunkGAYMJWTC_cjs.ConnectedWorkspaceDataProvider; }
 });
 Object.defineProperty(exports, "useConnectedConversations", {
   enumerable: true,
-  get: function () { return chunkJZNXRMLH_cjs.useConnectedConversations; }
+  get: function () { return chunkGAYMJWTC_cjs.useConnectedConversations; }
 });
 Object.defineProperty(exports, "useConnectedDocuments", {
   enumerable: true,
-  get: function () { return chunkJZNXRMLH_cjs.useConnectedDocuments; }
+  get: function () { return chunkGAYMJWTC_cjs.useConnectedDocuments; }
 });
 Object.defineProperty(exports, "useConnectedTags", {
   enumerable: true,
-  get: function () { return chunkJZNXRMLH_cjs.useConnectedTags; }
+  get: function () { return chunkGAYMJWTC_cjs.useConnectedTags; }
 });
 Object.defineProperty(exports, "ConnectionProvider", {
   enumerable: true,
@@ -9002,6 +9376,7 @@ Object.defineProperty(exports, "useConnection", {
   get: function () { return chunkGFNELPDP_cjs.useConnection; }
 });
 exports.ArbiAppProvider = ArbiAppProvider;
+exports.ConnectedAccountSettings = ConnectedAccountSettings;
 exports.ConnectedAgentChatPanel = ConnectedAgentChatPanel;
 exports.ConnectedAgentCreator = ConnectedAgentCreator;
 exports.ConnectedCalendar = ConnectedCalendar;
@@ -9012,16 +9387,20 @@ exports.ConnectedMailAccounts = ConnectedMailAccounts;
 exports.ConnectedMailComposer = ConnectedMailComposer;
 exports.ConnectedMailInviteCard = ConnectedMailInviteCard;
 exports.ConnectedMailMessage = ConnectedMailMessage;
+exports.ConnectedMailSettings = ConnectedMailSettings;
 exports.ConnectedMailSetup = ConnectedMailSetup;
 exports.ConnectedMailbox = ConnectedMailbox;
 exports.ConnectedNotificationCenter = ConnectedNotificationCenter;
 exports.ConnectedNotificationPreferences = ConnectedNotificationPreferences;
 exports.ConnectedPasswordChangeDialog = ConnectedPasswordChangeDialog;
+exports.ConnectedPremiumModels = ConnectedPremiumModels;
+exports.ConnectedPrivacySettings = ConnectedPrivacySettings;
 exports.ConnectedProfileCard = ConnectedProfileCard;
 exports.ConnectedPublicBooking = ConnectedPublicBooking;
 exports.ConnectedRequireVerified = ConnectedRequireVerified;
 exports.ConnectedSecuritySection = ConnectedSecuritySection;
 exports.ConnectedSessionsRow = ConnectedSessionsRow;
+exports.ConnectedSettingsPage = ConnectedSettingsPage;
 exports.ConnectedSkillUpload = ConnectedSkillUpload;
 exports.ConnectedSkillsLibrary = ConnectedSkillsLibrary;
 exports.ConnectedTagTable = ConnectedTagTable;
@@ -9035,16 +9414,24 @@ exports.ConnectedWorkspaceActivity = ConnectedWorkspaceActivity;
 exports.ConnectedWorkspaceNotificationMenu = ConnectedWorkspaceNotificationMenu;
 exports.DEFAULT_CONNECTED_SKILL_UPLOAD_LABELS = DEFAULT_CONNECTED_SKILL_UPLOAD_LABELS;
 exports.DEFAULT_CONNECTED_WORKFLOW_RUNNER_LABELS = DEFAULT_CONNECTED_WORKFLOW_RUNNER_LABELS;
+exports.DEFAULT_SETTINGS_SECTIONS = DEFAULT_SETTINGS_SECTIONS;
 exports.NotificationCenter = NotificationCenter;
 exports.NotificationEvent = NotificationEvent;
+exports.SETTINGS_SECTION_IDS = SETTINGS_SECTION_IDS;
+exports.SessionStatusIcon = SessionStatusIcon;
 exports.StreamedArtifact = StreamedArtifact;
 exports.WorkflowRunThread = WorkflowRunThread;
+exports.accountSettingsSection = accountSettingsSection;
 exports.bookingCancelLink = bookingCancelLink;
 exports.buildNotificationCenterItems = buildNotificationCenterItems;
+exports.chatSettingsSection = chatSettingsSection;
 exports.countNotificationTypes = countNotificationTypes;
 exports.defaultUnmetPasswordRequirement = defaultUnmetPasswordRequirement;
 exports.filterNotificationCenterItems = filterNotificationCenterItems;
+exports.mailSettingsSection = mailSettingsSection;
 exports.openMeetingLink = openMeetingLink;
+exports.privacySettingsSection = privacySettingsSection;
+exports.renderSessionStatusIcon = renderSessionStatusIcon;
 exports.requestCalendarComposer = requestCalendarComposer;
 exports.requestCalendarEvent = requestCalendarEvent;
 exports.resolveMailbox = resolveMailbox;