@arbidocs/blocks 0.4.141 → 0.4.143

package/dist/connect/index.cjs

@@ -1,27 +1,31 @@
 "use client";
 'use strict';
 
-var chunkQIMVTGKS_cjs = require('../chunk-QIMVTGKS.cjs');
-var chunk3BFGL2JL_cjs = require('../chunk-3BFGL2JL.cjs');
+var chunkU73KPFYH_cjs = require('../chunk-U73KPFYH.cjs');
+var chunkODRHHWHY_cjs = require('../chunk-ODRHHWHY.cjs');
+var chunkU6YVZDOV_cjs = require('../chunk-U6YVZDOV.cjs');
 var chunkJZNXRMLH_cjs = require('../chunk-JZNXRMLH.cjs');
-var chunk7NDW4KF4_cjs = require('../chunk-7NDW4KF4.cjs');
 var chunkGFNELPDP_cjs = require('../chunk-GFNELPDP.cjs');
 var chunkJH6JTI76_cjs = require('../chunk-JH6JTI76.cjs');
-require('../chunk-S24XEVPS.cjs');
+require('../chunk-464YPRAE.cjs');
 require('../chunk-V5OAXIBN.cjs');
 require('../chunk-5FYU7ZIU.cjs');
 var chunkO4YPVYPO_cjs = require('../chunk-O4YPVYPO.cjs');
-var chunkOAQEUTNJ_cjs = require('../chunk-OAQEUTNJ.cjs');
+var chunkHAOKT4LC_cjs = require('../chunk-HAOKT4LC.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 chunk2UUNSHDI_cjs = require('../chunk-2UUNSHDI.cjs');
-require('../chunk-WS5EX7DN.cjs');
-var chunkMIDXCYZB_cjs = require('../chunk-MIDXCYZB.cjs');
+var chunkRB7GX2VT_cjs = require('../chunk-RB7GX2VT.cjs');
+var chunkRFIBUWLF_cjs = require('../chunk-RFIBUWLF.cjs');
+var chunkLPYEUD2D_cjs = require('../chunk-LPYEUD2D.cjs');
+require('../chunk-EYKISBDO.cjs');
+require('../chunk-AHDJXIUB.cjs');
+var chunkRQ2Y7USX_cjs = require('../chunk-RQ2Y7USX.cjs');
 require('../chunk-ZW6FPIFC.cjs');
 require('../chunk-DETZZBG2.cjs');
-require('../chunk-R26BK7YL.cjs');
+require('../chunk-DTROMMDX.cjs');
 var chunkV4ISCZJ7_cjs = require('../chunk-V4ISCZJ7.cjs');
 var chunk2EI7NCUA_cjs = require('../chunk-2EI7NCUA.cjs');
 var chunkC2CWWEHO_cjs = require('../chunk-C2CWWEHO.cjs');
@@ -29,19 +33,20 @@ var chunkQVBZESYQ_cjs = require('../chunk-QVBZESYQ.cjs');
 require('../chunk-ADOKTJHV.cjs');
 var chunk6YTHQ73P_cjs = require('../chunk-6YTHQ73P.cjs');
 var chunkBIXHB4LV_cjs = require('../chunk-BIXHB4LV.cjs');
-var chunk7YLJHTDC_cjs = require('../chunk-7YLJHTDC.cjs');
+var chunkDWZXSPMB_cjs = require('../chunk-DWZXSPMB.cjs');
+var chunk7RGLTF76_cjs = require('../chunk-7RGLTF76.cjs');
+var chunk5A2QQAF5_cjs = require('../chunk-5A2QQAF5.cjs');
 require('../chunk-B6MVQCXW.cjs');
 var chunkJKB7WT7L_cjs = require('../chunk-JKB7WT7L.cjs');
-var chunkOWCEQKAR_cjs = require('../chunk-OWCEQKAR.cjs');
+var chunkJSTKEZBS_cjs = require('../chunk-JSTKEZBS.cjs');
+require('../chunk-76L6LOP3.cjs');
 require('../chunk-7UTB4PHM.cjs');
 require('../chunk-32HW2Q33.cjs');
 require('../chunk-FX3K6LNZ.cjs');
-var chunkDWZXSPMB_cjs = require('../chunk-DWZXSPMB.cjs');
-var chunk7RGLTF76_cjs = require('../chunk-7RGLTF76.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');
@@ -135,7 +140,7 @@ function ConnectedWorkspaceActivity({
     [feed.data]
   );
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkOAQEUTNJ_cjs.WorkspaceActivityList,
+    chunkHAOKT4LC_cjs.WorkspaceActivityList,
     {
       ...listProps,
       items,
@@ -545,7 +550,7 @@ function NotificationCenter({
       // Filter-aware: the filtered total whenever a filter applies.
       count: filtered.length,
       actions: /* @__PURE__ */ jsxRuntime.jsx(
-        chunkMIDXCYZB_cjs.TriStateFilterMenu,
+        chunkRQ2Y7USX_cjs.TriStateFilterMenu,
         {
           testId: "notifications-filter-button",
           title: "Filter",
@@ -563,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,
@@ -808,7 +813,7 @@ function ConnectedWorkspaceNotificationMenu({
   });
   if (!workspaceId) return null;
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkOAQEUTNJ_cjs.WorkspaceNotificationMenu,
+    chunkHAOKT4LC_cjs.WorkspaceNotificationMenu,
     {
       ...menuProps,
       level,
@@ -827,7 +832,7 @@ function ConnectedThreadFollow({
     enabled: status === "authenticated"
   });
   if (!conversationId) return null;
-  const Control = as === "menu-item" ? chunkOAQEUTNJ_cjs.ThreadFollowMenuItem : chunkOAQEUTNJ_cjs.ThreadFollowButton;
+  const Control = as === "menu-item" ? chunkHAOKT4LC_cjs.ThreadFollowMenuItem : chunkHAOKT4LC_cjs.ThreadFollowButton;
   return /* @__PURE__ */ jsxRuntime.jsx(
     Control,
     {
@@ -838,255 +843,6 @@ function ConnectedThreadFollow({
     }
   );
 }
-function useConnectedWorkspaceRole() {
-  const { workspaceId, live, userId, ensureWorkspaceOpen } = chunkGFNELPDP_cjs.useConnectedWorkspace();
-  const { data: members = [] } = react$1.useWorkspaceUsers(workspaceId ?? void 0, {
-    enabled: live && !!workspaceId,
-    beforeFetch: ensureWorkspaceOpen
-  });
-  const role = members.find((m) => m.user.external_id === userId)?.role;
-  return {
-    members,
-    role,
-    /** An owner or a collaborator edits, pauses, resumes and runs what is shared with the workspace. */
-    canEditShared: role === "owner" || role === "collaborator",
-    /** With an item's creator, the only one who deletes it. */
-    isWorkspaceOwner: role === "owner"
-  };
-}
-var DEFAULT_CONNECTED_WORKFLOWS_TABLE_LABELS = {
-  updateFailed: "Could not update the workflow",
-  deleteTitle: "Delete workflow",
-  deleteOne: (name) => `Delete \u201C${name}\u201D? Threads it already created stay.`,
-  deleteMany: (count) => `Delete ${count} workflows? Threads they already created stay.`,
-  runFailed: "The workflow failed. You can send an error report from its history.",
-  noThread: "The workflow did not create a thread.",
-  documentAction: (workflow) => workflow.action?.type === "email_documents" ? "Preparing your document email" : "Reviewing documents",
-  untitledTask: "Untitled thread"
-};
-var messageOf = (error) => error instanceof Error ? error.message : "";
-function ConnectedWorkflowsTable({
-  filter,
-  describeTrigger = (w) => chunk2UUNSHDI_cjs.workflowTriggerType(w).replaceAll("_", " "),
-  formatDate: formatDate2 = chunkKDG6FER6_cjs.fmtDate,
-  onViewRuns,
-  connectedLabels,
-  ...tableProps
-}) {
-  const l = { ...DEFAULT_CONNECTED_WORKFLOWS_TABLE_LABELS, ...connectedLabels };
-  const { notify, confirm, openConversation } = chunkC4WSHRR6_cjs.useBlocksEnvironment();
-  const { canEditShared, isWorkspaceOwner } = useConnectedWorkspaceRole();
-  const { data: saved = [], isLoading } = react$1.useWorkflows({ live: true });
-  const { data: conversations, refetch } = chunkJZNXRMLH_cjs.useConnectedConversations({ live: true });
-  const { data: agents = [] } = react$1.useAgents();
-  const update = react$1.useUpdateWorkflow();
-  const remove = react$1.useDeleteWorkflow();
-  const run = react$1.useRunWorkflow();
-  const [busyId, setBusyId] = react.useState(null);
-  const workflows = react.useMemo(() => filter ? saved.filter(filter) : saved, [saved, filter]);
-  const firingStamp = saved.map((w) => `${w.external_id}:${w.last_fired_at ?? ""}`).join("|");
-  react.useEffect(() => {
-    void refetch?.();
-  }, [firingStamp, refetch]);
-  const lastRuns = react.useMemo(() => {
-    const out = {};
-    for (const c of conversations) {
-      const id = c.workflow_ext_id;
-      if (id && (!out[id] || Date.parse(c.created_at) > Date.parse(out[id].at)))
-        out[id] = { conversationId: c.external_id, at: c.created_at, threadStatus: c.status };
-    }
-    return out;
-  }, [conversations]);
-  const agentNames = react.useMemo(
-    () => Object.fromEntries(agents.map((a) => [a.external_id, a.given_name || a.email])),
-    [agents]
-  );
-  const taskNames = react.useMemo(
-    () => Object.fromEntries(
-      conversations.filter((c) => c.status != null).map((c) => [c.external_id, c.title || l.untitledTask])
-    ),
-    [conversations, l.untitledTask]
-  );
-  const act = async (workflow, action) => {
-    setBusyId(workflow.external_id);
-    try {
-      await action();
-    } catch (error) {
-      notify(messageOf(error) || l.updateFailed, "error");
-    } finally {
-      setBusyId(null);
-    }
-  };
-  const setActive = (workflow, active) => act(workflow, () => update.mutateAsync({ workflowId: workflow.external_id, patch: { active } }));
-  const deleteAll = async (items) => {
-    if (!items.length) return;
-    const ok = await confirm({
-      title: l.deleteTitle,
-      message: items.length === 1 ? l.deleteOne(items[0].name) : l.deleteMany(items.length)
-    });
-    if (!ok) return;
-    for (const workflow of items)
-      await act(workflow, () => remove.mutateAsync(workflow.external_id));
-  };
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    chunk2UUNSHDI_cjs.WorkflowsTable,
-    {
-      ...tableProps,
-      workflows,
-      isLoading,
-      busyId,
-      describeTrigger,
-      formatDate: formatDate2,
-      agentNames,
-      taskNames,
-      lastRuns,
-      canEditShared,
-      isWorkspaceOwner,
-      onOpenThread: (conversationId) => openConversation(conversationId),
-      onViewRuns,
-      onToggleActive: (workflow, active) => void setActive(workflow, active),
-      onToggleActiveMany: (items, active) => {
-        void (async () => {
-          for (const workflow of items) await setActive(workflow, active);
-        })();
-      },
-      onToggleShared: (workflow, shared) => void act(
-        workflow,
-        () => update.mutateAsync({ workflowId: workflow.external_id, patch: { shared } })
-      ),
-      onDelete: (workflow) => void deleteAll([workflow]),
-      onDeleteMany: (items) => void deleteAll(items),
-      onRun: (workflow) => void act(workflow, async () => {
-        const result = await run.mutateAsync(workflow.external_id);
-        if (result.conversation_ext_id) openConversation(result.conversation_ext_id);
-        if (result.error) {
-          onViewRuns?.(workflow);
-          notify(l.runFailed, "error");
-          return;
-        }
-        if (result.execution_id && !result.conversation_ext_id) {
-          onViewRuns?.(workflow);
-          notify(l.documentAction(workflow), "success");
-          return;
-        }
-        if (!result.conversation_ext_id) throw new Error(l.noThread);
-      })
-    }
-  );
-}
-var IMAGE_FILE_TYPES = /* @__PURE__ */ new Set(["png", "jpg", "jpeg", "gif", "bmp", "tiff", "webp"]);
-function toWorkflowFieldDocument(doc) {
-  const isImage = IMAGE_FILE_TYPES.has((doc.file_type ?? "").toLowerCase());
-  return {
-    id: doc.external_id,
-    title: doc.doc_metadata?.title || doc.file_name || doc.external_id,
-    fileName: doc.file_name,
-    pages: isImage ? null : doc.n_pages ?? null,
-    tokens: isImage ? null : doc.tokens ?? null,
-    status: doc.status,
-    isImage
-  };
-}
-function useConnectedWorkflowScopeSource() {
-  const { data: docs } = chunkJZNXRMLH_cjs.useConnectedDocuments();
-  const { data: tags } = chunkJZNXRMLH_cjs.useConnectedTags();
-  return react.useMemo(() => chunk2UUNSHDI_cjs.buildWorkflowScopeSource(docs, chunk2UUNSHDI_cjs.documentScopeLabels(tags)), [docs, tags]);
-}
-function useConnectedAgentOptions() {
-  const { data: agents } = react$1.useAgents();
-  return react.useMemo(
-    () => (agents ?? []).map((a) => ({ id: a.external_id, label: a.given_name || a.email })),
-    [agents]
-  );
-}
-function ConnectedWorkflowDocumentsField({
-  field,
-  value,
-  onChange,
-  onAddFiles,
-  labels
-}) {
-  const arbi = react$1.useArbi();
-  const { notify } = chunkC4WSHRR6_cjs.useBlocksEnvironment();
-  const { ensureWorkspaceOpen } = chunkGFNELPDP_cjs.useConnectedWorkspace();
-  const { data: docs, loaded, refetch } = chunkJZNXRMLH_cjs.useConnectedDocuments();
-  const documents = react.useMemo(() => docs.map(toWorkflowFieldDocument), [docs]);
-  const chosen = value.documents ?? [];
-  const { data: thumbnails } = react$1.useThumbnails(chosen, { enabled: (field.max ?? 1) > 1 });
-  const input = react.useRef(null);
-  const [adding, setAdding] = react.useState(false);
-  const upload = react.useCallback(
-    async (files) => {
-      setAdding(true);
-      try {
-        await ensureWorkspaceOpen();
-        for (const file of files) await arbi.documents.uploadFile(file, file.name);
-      } catch (error) {
-        notify(error instanceof Error && error.message ? error.message : String(error), "error");
-      } finally {
-        setAdding(false);
-        await refetch?.();
-      }
-    },
-    [arbi, ensureWorkspaceOpen, notify, refetch]
-  );
-  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    !onAddFiles && /* @__PURE__ */ jsxRuntime.jsx(
-      "input",
-      {
-        ref: input,
-        type: "file",
-        multiple: true,
-        className: "hidden",
-        "aria-label": "Add files",
-        "data-testid": "workflow-add-files-input",
-        onChange: (e) => {
-          const files = Array.from(e.target.files ?? []);
-          e.target.value = "";
-          if (files.length) void upload(files);
-        }
-      }
-    ),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      chunk2UUNSHDI_cjs.WorkflowDocumentsField,
-      {
-        field,
-        value,
-        onChange,
-        documents,
-        loaded,
-        thumbnailOf: (id) => thumbnails?.[id],
-        onAddFiles: onAddFiles ?? ((files) => files?.length ? void upload(files) : input.current?.click()),
-        adding,
-        labels
-      }
-    )
-  ] });
-}
-function ConnectedWorkflowLauncher({
-  onAddFiles,
-  ...props
-}) {
-  const scopeSource = useConnectedWorkflowScopeSource();
-  const agents = useConnectedAgentOptions();
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    chunk2UUNSHDI_cjs.WorkflowLauncher,
-    {
-      ...props,
-      scopeSource,
-      agents,
-      renderDocuments: (field, value, onChange) => /* @__PURE__ */ jsxRuntime.jsx(
-        ConnectedWorkflowDocumentsField,
-        {
-          field,
-          value,
-          onChange,
-          onAddFiles
-        }
-      )
-    }
-  );
-}
 var DEFAULT_CONNECTED_SKILL_UPLOAD_LABELS = {
   title: "Add a skill",
   description: "Bring in a skill someone sent you, from a file or a link.",
@@ -1101,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("");
@@ -1149,7 +905,7 @@ function ConnectedSkillUpload({ onDone, labels, className }) {
               onChange: (e) => {
                 const file = e.target.files?.[0];
                 e.target.value = "";
-                if (file) void add(() => chunk2UUNSHDI_cjs.importSkillFile(file));
+                if (file) void add(() => chunkRB7GX2VT_cjs.importSkillFile(file));
               }
             }
           ),
@@ -1174,7 +930,7 @@ function ConnectedSkillUpload({ onDone, labels, className }) {
             className: "space-y-2",
             onSubmit: (e) => {
               e.preventDefault();
-              if (url.trim()) void add(() => chunk2UUNSHDI_cjs.importSkillFromUrl(url));
+              if (url.trim()) void add(() => chunkRB7GX2VT_cjs.importSkillFromUrl(url));
             },
             children: [
               /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { htmlFor: "skills-add-url", children: l.fromLink }),
@@ -1226,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();
@@ -1238,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(() => chunk2UUNSHDI_cjs.buildLibrarySkills(builtins, listings ?? []), [builtins, listings]);
+  const all = react.useMemo(() => chunkRB7GX2VT_cjs.buildLibrarySkills(builtins, listings ?? []), [builtins, listings]);
   const shown = react.useMemo(
-    () => chunk2UUNSHDI_cjs.filterLibrarySkills(all, { query, source, type }),
+    () => chunkRB7GX2VT_cjs.filterLibrarySkills(all, { query, source, type }),
     [all, query, source, type]
   );
   const current = all.find((s) => s.slug === selected) ?? null;
@@ -1251,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: chunk2UUNSHDI_cjs.SKILL_SOURCE_LABELS.builtin, count: count("builtin") },
-    { id: "mine", label: chunk2UUNSHDI_cjs.SKILL_SOURCE_LABELS.mine, count: count("mine") },
-    { id: "shared", label: chunk2UUNSHDI_cjs.SKILL_SOURCE_LABELS.shared, count: count("shared") }
+    { id: "builtin", label: chunkRB7GX2VT_cjs.SKILL_SOURCE_LABELS.builtin, count: count("builtin") },
+    { id: "mine", label: chunkRB7GX2VT_cjs.SKILL_SOURCE_LABELS.mine, count: count("mine") },
+    { id: "shared", label: chunkRB7GX2VT_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: chunk2UUNSHDI_cjs.SKILL_TYPE_LABELS[t] ?? t }))
+    ...types.map((t) => ({ id: t, label: chunkRB7GX2VT_cjs.SKILL_TYPE_LABELS[t] ?? t }))
   ];
   const pick = (slug) => {
     setSelected(slug);
     setMode("detail");
   };
   const markdownOf = async (skill) => {
-    if (!skill.docExtId) return chunk2UUNSHDI_cjs.workflowToSkillMarkdown(skill.workflow);
+    if (!skill.docExtId) return chunkRB7GX2VT_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();
@@ -1273,7 +1029,7 @@ function ConnectedSkillsLibrary({
   const saveAs = (slug, markdown, shared = false) => upload.mutateAsync([
     {
       folder: `${SKILL_FOLDER}${slug}`,
-      fileName: chunk2UUNSHDI_cjs.SKILL_MAIN_FILENAME,
+      fileName: chunkRB7GX2VT_cjs.SKILL_MAIN_FILENAME,
       content: new Blob([markdown], { type: "text/markdown" }),
       shared
     }
@@ -1336,7 +1092,7 @@ function ConnectedSkillsLibrary({
     try {
       documentTools.downloadBlob(
         new Blob([await markdownOf(skill)], { type: "text/markdown" }),
-        chunk2UUNSHDI_cjs.SKILL_MAIN_FILENAME
+        chunkRB7GX2VT_cjs.SKILL_MAIN_FILENAME
       );
     } catch (error) {
       notify(errorText(error, "Could not export the skill"), "error");
@@ -1377,10 +1133,10 @@ function ConnectedSkillsLibrary({
                   }
                 )
               ] }),
-              /* @__PURE__ */ jsxRuntime.jsx(chunk2UUNSHDI_cjs.SkillViewToggle, { value: view, onChange: setView })
+              /* @__PURE__ */ jsxRuntime.jsx(chunkRB7GX2VT_cjs.SkillViewToggle, { value: view, onChange: setView })
             ] }),
             /* @__PURE__ */ jsxRuntime.jsx(
-              chunk2UUNSHDI_cjs.SkillFilterChips,
+              chunkRB7GX2VT_cjs.SkillFilterChips,
               {
                 label: "Show",
                 value: source,
@@ -1389,7 +1145,7 @@ function ConnectedSkillsLibrary({
               }
             ),
             types.length > 1 && /* @__PURE__ */ jsxRuntime.jsx(
-              chunk2UUNSHDI_cjs.SkillFilterChips,
+              chunkRB7GX2VT_cjs.SkillFilterChips,
               {
                 label: "Kind",
                 value: type,
@@ -1436,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(
-                chunk2UUNSHDI_cjs.SkillTile,
+                chunkRB7GX2VT_cjs.SkillTile,
                 {
                   name: skill.title,
                   testId: `skill-tile-${skill.slug}`,
                   description: skill.description,
-                  sourceLabel: skill.isShared ? `${chunk2UUNSHDI_cjs.SKILL_SOURCE_LABELS.mine}, shared` : chunk2UUNSHDI_cjs.SKILL_SOURCE_LABELS[skill.source],
+                  sourceLabel: skill.isShared ? `${chunkRB7GX2VT_cjs.SKILL_SOURCE_LABELS.mine}, shared` : chunkRB7GX2VT_cjs.SKILL_SOURCE_LABELS[skill.source],
                   type: skill.type,
                   icon,
                   layout: view,
@@ -1476,7 +1232,7 @@ function ConnectedSkillsLibrary({
             }
           ),
           mode === "new" && /* @__PURE__ */ jsxRuntime.jsx(
-            chunk2UUNSHDI_cjs.SkillGenerateForm,
+            chunkRB7GX2VT_cjs.SkillGenerateForm,
             {
               icon,
               onGenerate: (desc) => {
@@ -1503,11 +1259,11 @@ function ConnectedSkillsLibrary({
           ),
           mode === "add" && /* @__PURE__ */ jsxRuntime.jsx(ConnectedSkillUpload, { onDone: done }),
           mode === "detail" && current && /* @__PURE__ */ jsxRuntime.jsx(
-            chunk2UUNSHDI_cjs.SkillLibraryDetail,
+            chunkRB7GX2VT_cjs.SkillLibraryDetail,
             {
               skill: current,
               icon,
-              instructions: current.docExtId ? currentText ? chunk2UUNSHDI_cjs.parseSkillFrontmatter(currentText, chunk2UUNSHDI_cjs.SKILL_MAIN_FILENAME).content : "" : current.workflow.run.kind === "prompt" ? current.workflow.run.promptTemplate : "",
+              instructions: current.docExtId ? currentText ? chunkRB7GX2VT_cjs.parseSkillFrontmatter(currentText, chunkRB7GX2VT_cjs.SKILL_MAIN_FILENAME).content : "" : current.workflow.run.kind === "prompt" ? current.workflow.run.promptTemplate : "",
               isLoading: !!current.docExtId && textLoading,
               actions: {
                 onRun: () => onRun(current.slug),
@@ -1534,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("");
@@ -1542,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 = chunk2UUNSHDI_cjs.parseSkillFrontmatter(text, chunk2UUNSHDI_cjs.SKILL_MAIN_FILENAME);
+    const parsed = chunkRB7GX2VT_cjs.parseSkillFrontmatter(text, chunkRB7GX2VT_cjs.SKILL_MAIN_FILENAME);
     setDescription(parsed.description ?? "");
     setBody(parsed.content ?? "");
     setSeeded(true);
@@ -1556,15 +1312,15 @@ function SkillEditor({
       notify("Add a short description.", "error");
       return;
     }
-    const slug = chunk2UUNSHDI_cjs.skillSlug(name);
+    const slug = chunkRB7GX2VT_cjs.skillSlug(name);
     try {
-      await onSave(slug, chunk2UUNSHDI_cjs.serializeSkill({ name: slug, description, body }), isEditing);
+      await onSave(slug, chunkRB7GX2VT_cjs.serializeSkill({ name: slug, description, body }), isEditing);
     } catch (err) {
       notify(errorText(err, "Could not save the skill"), "error");
     }
   };
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunk2UUNSHDI_cjs.SkillEditForm,
+    chunkRB7GX2VT_cjs.SkillEditForm,
     {
       name,
       onNameChange: setName,
@@ -1600,13 +1356,13 @@ function ConnectedAgentCreator({
   agent,
   initialName,
   onSaved,
-  capabilities = chunk2UUNSHDI_cjs.DEFAULT_AGENT_CAPABILITIES,
-  templates = chunk2UUNSHDI_cjs.DEFAULT_AGENT_TEMPLATES,
-  types = chunk2UUNSHDI_cjs.DEFAULT_AGENT_TYPES,
+  capabilities = chunkRB7GX2VT_cjs.DEFAULT_AGENT_CAPABILITIES,
+  templates = chunkRB7GX2VT_cjs.DEFAULT_AGENT_TEMPLATES,
+  types = chunkRB7GX2VT_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([]);
@@ -1644,7 +1400,7 @@ function ConnectedAgentCreator({
   const initialValues = react.useMemo(
     () => ({
       name: agent?.given_name ?? initialName ?? "",
-      persona: isEdit ? chunk2UUNSHDI_cjs.stripPersonaPreamble(String(agents.PERSONA ?? "")) : "",
+      persona: isEdit ? chunkRB7GX2VT_cjs.stripPersonaPreamble(String(agents.PERSONA ?? "")) : "",
       modelName: String(agents.AGENT_MODEL_NAME ?? ""),
       capabilities: Object.fromEntries(capabilities.map(({ key }) => [key, Boolean(agents[key])])),
       type: "builtin",
@@ -1663,7 +1419,7 @@ function ConnectedAgentCreator({
     try {
       let agentExtId = agent?.external_id ?? early?.id ?? "";
       if (!agentExtId) {
-        if (!chunk2UUNSHDI_cjs.isValidAgentName(values.name)) {
+        if (!chunkRB7GX2VT_cjs.isValidAgentName(values.name)) {
           notify("Give the agent a name first.", "error");
           return;
         }
@@ -1699,7 +1455,7 @@ function ConnectedAgentCreator({
         title: `agent-${name}`,
         sections: {
           Agents: {
-            PERSONA: chunk2UUNSHDI_cjs.composePersona(name, values.persona),
+            PERSONA: chunkRB7GX2VT_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,
@@ -1722,7 +1478,7 @@ function ConnectedAgentCreator({
   };
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunk2UUNSHDI_cjs.AgentCreator,
+      chunkRB7GX2VT_cjs.AgentCreator,
       {
         open: ready,
         onOpenChange,
@@ -1738,11 +1494,11 @@ function ConnectedAgentCreator({
         ) : void 0,
         revokingWorkspaceId: revokeAccess.isPending ? revokeAccess.variables?.workspaceId : void 0,
         avatar: (values) => /* @__PURE__ */ jsxRuntime.jsx(
-          chunk2UUNSHDI_cjs.AgentAvatarField,
+          chunkRB7GX2VT_cjs.AgentAvatarField,
           {
             picture,
             isBusy: avatarBusy,
-            canGenerate: isEdit || chunk2UUNSHDI_cjs.isValidAgentName(values.name),
+            canGenerate: isEdit || chunkRB7GX2VT_cjs.isValidAgentName(values.name),
             onGenerate: () => handleGenerateAvatar(values)
           }
         ),
@@ -1756,7 +1512,7 @@ function ConnectedAgentCreator({
             /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { children: "Connected tools" }),
             /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground", children: "Extra tools from services you have connected. Pick which this agent may use." }),
             /* @__PURE__ */ jsxRuntime.jsx(
-              chunkMIDXCYZB_cjs.MultiSelect,
+              chunkRFIBUWLF_cjs.MultiSelect,
               {
                 data: mcpOptions,
                 value: mcpTools,
@@ -1770,7 +1526,7 @@ function ConnectedAgentCreator({
             /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { children: "Skills" }),
             /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground", children: "Skills are instructions the agent may follow. Leave empty to allow all of yours." }),
             /* @__PURE__ */ jsxRuntime.jsx(
-              chunkMIDXCYZB_cjs.MultiSelect,
+              chunkRFIBUWLF_cjs.MultiSelect,
               {
                 data: skillOptions,
                 value: skills,
@@ -1794,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(chunk2UUNSHDI_cjs.AgentConnectInstructions, { email: connect.email, signingKey: connect.signingKey })
+          connect && /* @__PURE__ */ jsxRuntime.jsx(chunkRB7GX2VT_cjs.AgentConnectInstructions, { email: connect.email, signingKey: connect.signingKey })
         ]
       }
     ) })
@@ -1828,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(
-    chunk2UUNSHDI_cjs.TaskRunsDialog,
+    chunkRB7GX2VT_cjs.TaskRunsDialog,
     {
       inline,
       hideHeader,
@@ -1867,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 } = useConnectedWorkspaceRole();
+  const { members } = chunkU6YVZDOV_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(chunk2UUNSHDI_cjs.PersonPill, { person });
+      return renderTaskPerson ? renderTaskPerson(person) : /* @__PURE__ */ jsxRuntime.jsx(chunkLPYEUD2D_cjs.PersonPill, { person });
     },
     [renderTaskPerson, userId, members]
   );
@@ -1883,7 +1639,7 @@ function ConnectedTaskActivityDialog({
     [agents]
   );
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunk2UUNSHDI_cjs.TaskActivityDialog,
+    chunkRB7GX2VT_cjs.TaskActivityDialog,
     {
       open: true,
       onOpenChange: (open) => !open && onClose(),
@@ -1971,7 +1727,7 @@ function StreamedArtifact({
 }
 var STARTING = /* @__PURE__ */ new Set(["pending", "running"]);
 function formValues(step, inputs) {
-  const fields = chunkOWCEQKAR_cjs.stepFields(step);
+  const fields = chunkJSTKEZBS_cjs.stepFields(step);
   if (!fields.length) return void 0;
   if (step.kind === "form")
     return Object.fromEntries(fields.map((f) => [f.name, inputs[f.name] ?? ""]));
@@ -2009,7 +1765,7 @@ function useWorkflowThread(workflow, options = {}) {
   const wsId = workspaceId ?? void 0;
   const [threadId, setThreadId] = react.useState(options.conversationId);
   const [localInputs, setLocalInputs] = react.useState(
-    () => chunkOWCEQKAR_cjs.initialRunInputs(workflow, options.initialInputs)
+    () => chunkJSTKEZBS_cjs.initialRunInputs(workflow, options.initialInputs)
   );
   const [edits, setEdits] = react.useState({});
   const [localStates, setLocalStates] = react.useState({});
@@ -2029,12 +1785,12 @@ function useWorkflowThread(workflow, options = {}) {
   );
   const conversation = conversations.data?.find((c) => c.external_id === threadId);
   const steps = react.useMemo(
-    () => chunkOWCEQKAR_cjs.workflowSteps(workflow).length > 0 ? chunkOWCEQKAR_cjs.workflowSteps(workflow) : chunk2UUNSHDI_cjs.fromPlanSteps(conversation?.plan?.steps ?? []),
+    () => chunkJSTKEZBS_cjs.workflowSteps(workflow).length > 0 ? chunkJSTKEZBS_cjs.workflowSteps(workflow) : chunkRB7GX2VT_cjs.fromPlanSteps(conversation?.plan?.steps ?? []),
     [workflow, conversation?.plan?.steps]
   );
   const activity = react$1.useConversationActivity(threadId, { live: !!threadId });
   const serverStates = react.useMemo(
-    () => chunkOWCEQKAR_cjs.stepStatesFromActivity(activity.data ?? []),
+    () => chunkJSTKEZBS_cjs.stepStatesFromActivity(activity.data ?? []),
     [activity.data]
   );
   const working = steps.some(
@@ -2077,7 +1833,7 @@ function useWorkflowThread(workflow, options = {}) {
     async (values, done) => {
       await ensureWorkspaceOpen();
       const created = await createWork.mutateAsync({
-        title: chunkOWCEQKAR_cjs.runThreadTitle(workflow, values).slice(0, 60),
+        title: chunkJSTKEZBS_cjs.runThreadTitle(workflow, values).slice(0, 60),
         description: workflow.description || null,
         prompt: null,
         skill_ref: null,
@@ -2089,7 +1845,7 @@ function useWorkflowThread(workflow, options = {}) {
           criteria: [],
           max_passes: 3,
           documents: [],
-          steps: chunk2UUNSHDI_cjs.toPlanSteps(workflow, {
+          steps: chunkRB7GX2VT_cjs.toPlanSteps(workflow, {
             inputs: values,
             resolveWorkflow: options.resolveWorkflow,
             compose: options.compose
@@ -2176,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 = chunk2UUNSHDI_cjs.useWorkflowView({
+  const view = chunkRB7GX2VT_cjs.useWorkflowView({
     steps,
     states,
     inputs,
@@ -2219,7 +1975,7 @@ function WorkflowRunThread({
     if (listed && activeThreadId !== conversationId) selectThread(conversationId);
   }, [listed, activeThreadId, conversationId, selectThread]);
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunk7YLJHTDC_cjs.ChatPage,
+    chunk5A2QQAF5_cjs.ChatPage,
     {
       chat: { ...chat, threads: chat.threads.filter((t) => t.id === conversationId) },
       singleThread: true,
@@ -2257,7 +2013,7 @@ function WorkflowSignDialog({
   const arbi = react$1.useArbi();
   const { user, ensureWorkspaceOpen } = chunkGFNELPDP_cjs.useConnectedWorkspace();
   const tools = documentTools.useOptionalDocumentTools();
-  const { id, version: stepVersion } = chunkOWCEQKAR_cjs.splitDocRef(docRef);
+  const { id, version: stepVersion } = chunkJSTKEZBS_cjs.splitDocRef(docRef);
   const [version, setVersion] = react.useState(stepVersion);
   const [pdf, setPdf] = react.useState(null);
   const [preparing, setPreparing] = react.useState(false);
@@ -2335,7 +2091,7 @@ function WorkflowWordDialog({
   onClose,
   labels
 }) {
-  const { id } = chunkOWCEQKAR_cjs.splitDocRef(docRef);
+  const { id } = chunkJSTKEZBS_cjs.splitDocRef(docRef);
   return /* @__PURE__ */ jsxRuntime.jsx(
     chunkULWRNGGE_cjs.ModalScaffold,
     {
@@ -2344,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(chunk7NDW4KF4_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(chunkU6YVZDOV_cjs.ConnectedNativeDocxEditor, { documentId: id, title: title ?? labels.wordTitle }) })
     }
   );
 }
@@ -2507,7 +2263,7 @@ function ConnectedWorkflowRunner({
     () => ({
       me: userId,
       openDocument: onOpenDocument && ((ref) => {
-        const { id, version } = chunkOWCEQKAR_cjs.splitDocRef(ref);
+        const { id, version } = chunkJSTKEZBS_cjs.splitDocRef(ref);
         onOpenDocument(id, version);
       }),
       openDraft: onOpenDraft && ((draftId) => onOpenDraft(draftId)),
@@ -2517,7 +2273,7 @@ function ConnectedWorkflowRunner({
         const w = state.waiting;
         if (w?.doc_ext_id) setDialog({ kind: "sign", docRef: w.doc_ext_id });
       }),
-      openRedline: hostActions?.openRedline ?? ((ref) => setDialog({ kind: "word", docRef: ref, title: nameOfDoc(chunkOWCEQKAR_cjs.splitDocRef(ref).id) ?? "" })),
+      openRedline: hostActions?.openRedline ?? ((ref) => setDialog({ kind: "word", docRef: ref, title: nameOfDoc(chunkJSTKEZBS_cjs.splitDocRef(ref).id) ?? "" })),
       openReview: hostActions?.openReview ?? ((tags, documents) => setDialog({ kind: "review", tags, documents }))
     }),
     [userId, onOpenDocument, onOpenDraft, onOpenMessage, hostActions, nameOfDoc, inThread]
@@ -2653,7 +2409,7 @@ function ConnectedWorkflowRunner({
     );
   };
   const runner = (compact) => /* @__PURE__ */ jsxRuntime.jsx(
-    chunk2UUNSHDI_cjs.WorkflowRunner,
+    chunkRB7GX2VT_cjs.WorkflowRunner,
     {
       people,
       ...runnerProps,
@@ -2699,10 +2455,10 @@ function ConnectedWorkflowRunner({
     ) }),
     inThread && conversationId ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
       /* @__PURE__ */ jsxRuntime.jsx(
-        chunk2UUNSHDI_cjs.WorkflowStepBar,
+        chunkRB7GX2VT_cjs.WorkflowStepBar,
         {
           run: view,
-          levels: chunkOWCEQKAR_cjs.stepLevels(view.steps),
+          levels: chunkJSTKEZBS_cjs.stepLevels(view.steps),
           doneTitle: (workflow.run.kind === "steps" ? workflow.run.completion?.title : void 0) ?? runnerProps.labels?.complete ?? "Done",
           icon: (key) => key && runnerProps.renderIcon ? runnerProps.renderIcon(key) : void 0,
           tid: (suffix) => `${testIdPrefix}-${suffix}`
@@ -2722,13 +2478,13 @@ function ConnectedWorkflowRunner({
                 return state ? [[s.id, state]] : [];
               })
             );
-            const ref = chunkOWCEQKAR_cjs.stepDocuments(view.steps, states, id).at(-1);
+            const ref = chunkJSTKEZBS_cjs.stepDocuments(view.steps, states, id).at(-1);
             const open = actions.openDocument ?? actions.openRedline;
             return {
               title: step.title,
-              kind: chunkOWCEQKAR_cjs.stepKindOf(step),
+              kind: chunkJSTKEZBS_cjs.stepKindOf(step),
               phase: view.phaseOf(id),
-              document: ref && open ? { name: nameOfDoc(chunkOWCEQKAR_cjs.splitDocRef(ref).id) ?? ref, onOpen: () => open(ref) } : void 0
+              document: ref && open ? { name: nameOfDoc(chunkJSTKEZBS_cjs.splitDocRef(ref).id) ?? ref, onOpen: () => open(ref) } : void 0
             };
           },
           targetMessageId: target,
@@ -2900,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 = chunkOAQEUTNJ_cjs.tagTableDocx(data, {
+    const bytes = chunkHAOKT4LC_cjs.tagTableDocx(data, {
       title,
       nameOf: (id) => people.find((p) => p.value === id)?.label
     });
@@ -2910,7 +2666,7 @@ function ConnectedTagTable({
   };
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkOAQEUTNJ_cjs.TagTable,
+      chunkHAOKT4LC_cjs.TagTable,
       {
         ...props,
         table,
@@ -2987,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;
@@ -3001,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();
@@ -3052,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),
@@ -3097,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,
@@ -3105,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 ?? "",
@@ -3120,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";
@@ -3137,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,
@@ -3153,7 +2914,7 @@ function ConnectedPasswordChangeDialog({
     onRecoveryComplete
   });
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkQIMVTGKS_cjs.PasswordChangeDialog,
+    chunkU73KPFYH_cjs.PasswordChangeDialog,
     {
       open,
       onClose: form.onCancel,
@@ -3179,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.",
@@ -3203,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.",
@@ -3259,7 +3022,7 @@ function ConnectedSessionsRow({ renderSessionIcon }) {
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkQIMVTGKS_cjs.ActiveSessionsDialog,
+      chunkU73KPFYH_cjs.ActiveSessionsDialog,
       {
         open,
         onOpenChange: setOpen,
@@ -3290,7 +3053,7 @@ function ConnectedLogoutDialog({
   onClose,
   canLogoutAll = true,
   confirmSignOut,
-  renderSessionIcon
+  renderSessionIcon = renderSessionStatusIcon
 }) {
   const sessions = react$1.useSessions({ enabled: open });
   const signOut = react$1.useSignOut();
@@ -3301,7 +3064,7 @@ function ConnectedLogoutDialog({
     signOut.mutate({ everywhere, reason: "manual" });
   };
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkQIMVTGKS_cjs.LogoutDialog,
+    chunkU73KPFYH_cjs.LogoutDialog,
     {
       open,
       onClose,
@@ -3309,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();
@@ -3331,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),
@@ -3351,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,
@@ -3365,13 +3128,603 @@ function ConnectedDangerZone({ renderSubscriptionLink }) {
         isDeleting: flow.isDeleting,
         onSubmit: flow.onSubmit
       }
-    )
-  ] });
+    )
+  ] });
+}
+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 onRefresh();
+    } finally {
+      setIsRefreshing(false);
+    }
+  };
+  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 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
+      }
+    ) }),
+    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"
+          ]
+        }
+      ) })
+    ] }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(ConnectedDangerZone, { renderSubscriptionLink }),
+    !onLogout && /* @__PURE__ */ jsxRuntime.jsx(
+      ConnectedLogoutDialog,
+      {
+        open: logoutOpen,
+        onClose: () => setLogoutOpen(false),
+        renderSessionIcon
+      }
+    )
+  ] });
+}
+function ConnectedMailAccounts({
+  policy,
+  accounts,
+  onClose,
+  embedded = false,
+  user,
+  oauthReturnPath,
+  settings
+}) {
+  const { client } = react$1.useMailClient();
+  const [profileId, setProfileId] = react.useState(policy.server_profiles[0]?.id ?? "");
+  const [email, setEmail] = react.useState("");
+  const [username, setUsername] = react.useState("");
+  const [password, setPassword] = react.useState("");
+  const [error, setError] = react.useState("");
+  const [alias, setAlias] = react.useState(() => react$1.defaultMailAlias(user));
+  const native = react$1.useClaimNativeAlias(onClose);
+  const isOnline = react$1.useMailOnline();
+  const offline = !isOnline;
+  const onNativeError = (err) => {
+    if (!react$1.isAliasTakenError(err)) return setError(err.message);
+    const suggestion = react$1.nextAliasSuggestion(alias);
+    setAlias(suggestion);
+    setError(react$1.aliasTakenMessage(alias, suggestion, policy.native_domain));
+  };
+  const connect = react$1.useConnectMailAccount();
+  const disconnect = react$1.useDisconnectMailAccount();
+  const authorizeOAuth = client.authorizeOAuth;
+  const oauth = async (vendor) => {
+    if (!authorizeOAuth) return;
+    try {
+      window.location.assign(
+        await authorizeOAuth(
+          vendor,
+          oauthReturnPath ?? `${window.location.pathname}${window.location.search}`
+        )
+      );
+    } catch (err) {
+      setError(err instanceof Error ? err.message : "Could not connect account");
+    }
+  };
+  const content = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    offline && /* @__PURE__ */ jsxRuntime.jsx(
+      "p",
+      {
+        role: "status",
+        className: "mb-4 rounded bg-muted/40 px-3 py-2 text-sm text-muted-foreground",
+        children: "You're offline. Creating, connecting or removing accounts needs a connection."
+      }
+    ),
+    policy.native_enabled && !accounts.some((a) => a.provider === "native") && /* @__PURE__ */ jsxRuntime.jsxs(
+      "form",
+      {
+        className: "mb-5 grid gap-3",
+        onSubmit: (e) => {
+          e.preventDefault();
+          native.mutate(alias, { onError: onNativeError });
+        },
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "grid gap-1 text-sm", children: [
+            "Choose your email address",
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "input",
+                {
+                  "aria-label": "Email alias",
+                  required: true,
+                  pattern: "[a-z0-9][a-z0-9._\\-]{0,62}",
+                  className: "min-w-0 flex-1 rounded border bg-background p-2",
+                  value: alias,
+                  onChange: (e) => setAlias(e.target.value.toLowerCase())
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+                "@",
+                policy.native_domain
+              ] })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { disabled: native.isPending || offline, type: "submit", children: "Create inbox" })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mb-4 text-sm text-muted-foreground", children: "Connect an account using the providers enabled by your administrator." }),
+    authorizeOAuth && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-4 flex flex-wrap gap-2", children: policy.oauth_providers.map((vendor) => /* @__PURE__ */ jsxRuntime.jsxs(
+      ui.Button,
+      {
+        variant: "outline",
+        disabled: offline,
+        onClick: () => void oauth(vendor),
+        children: [
+          "Connect ",
+          vendor === "microsoft" ? "Outlook" : "Gmail"
+        ]
+      },
+      vendor
+    )) }),
+    accounts.map((account) => /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        className: "mb-2 flex items-center justify-between gap-2 rounded border p-3 text-sm",
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+            /* @__PURE__ */ jsxRuntime.jsx("div", { children: account.email }),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-muted-foreground", children: account.display_name })
+          ] }),
+          account.profile_id ? /* @__PURE__ */ jsxRuntime.jsx(
+            ui.Button,
+            {
+              variant: "ghost",
+              disabled: disconnect.isPending || offline,
+              onClick: () => disconnect.mutate(account.id, { onError: (err) => setError(err.message) }),
+              children: "Disconnect"
+            }
+          ) : account.provider !== "native" ? authorizeOAuth && /* @__PURE__ */ jsxRuntime.jsx(
+            ui.Button,
+            {
+              variant: "ghost",
+              disabled: offline,
+              onClick: () => void oauth(account.provider),
+              children: "Reconnect"
+            }
+          ) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground", children: "Native inbox" })
+        ]
+      },
+      account.id
+    )),
+    policy.server_profiles.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs(
+      "form",
+      {
+        className: "mt-5 grid gap-3",
+        onSubmit: (event) => {
+          event.preventDefault();
+          setError("");
+          connect.mutate(
+            { profileId, email, username, password },
+            {
+              onSuccess: () => {
+                setPassword("");
+                onClose();
+              },
+              onError: (err) => setError(err.message)
+            }
+          );
+        },
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "grid gap-1 text-sm", children: [
+            "Mail server",
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "select",
+              {
+                "aria-label": "Mail server",
+                className: "rounded border bg-background p-2",
+                value: profileId,
+                onChange: (e) => setProfileId(e.target.value),
+                children: policy.server_profiles.map((profile) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: profile.id, children: profile.name }, profile.id))
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "grid gap-1 text-sm", children: [
+            "Email address",
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "input",
+              {
+                required: true,
+                type: "email",
+                autoComplete: "email",
+                className: "rounded border bg-background p-2",
+                value: email,
+                onChange: (e) => setEmail(e.target.value)
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "grid gap-1 text-sm", children: [
+            "Username",
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "input",
+              {
+                placeholder: "Same as email address",
+                autoComplete: "username",
+                className: "rounded border bg-background p-2",
+                value: username,
+                onChange: (e) => setUsername(e.target.value)
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "grid gap-1 text-sm", children: [
+            "Password or app password",
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "input",
+              {
+                required: true,
+                type: "password",
+                autoComplete: "current-password",
+                className: "rounded border bg-background p-2",
+                value: password,
+                onChange: (e) => setPassword(e.target.value)
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { type: "submit", disabled: connect.isPending || offline, children: connect.isPending ? "Connecting\u2026" : "Connect mailbox" })
+        ]
+      }
+    ),
+    error && /* @__PURE__ */ jsxRuntime.jsx("p", { role: "alert", className: "mt-3 text-sm text-destructive", children: error }),
+    accounts.length > 0 && settings
+  ] });
+  if (embedded) return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "max-w-2xl", children: content });
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    ui.Dialog,
+    {
+      open: true,
+      onOpenChange: (open) => {
+        if (!open) onClose();
+      },
+      children: /* @__PURE__ */ jsxRuntime.jsxs(ui.DialogContent, { className: "max-h-[90dvh] max-w-lg overflow-auto", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(ui.DialogTitle, { children: "Mail accounts" }),
+        /* @__PURE__ */ jsxRuntime.jsx(ui.DialogDescription, { children: "Choose your email address or connect an external mailbox." }),
+        content
+      ] })
+    }
+  );
+}
+var 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 } = chunkC4WSHRR6_cjs.useBlocksEnvironment();
+  const { notify } = chunkKPZZ5FHE_cjs.useBlocksEnvironment();
   const queries = reactQuery.useQueryClient();
   const source = `docx-mentions:${apiUrl}:${user?.externalId || ""}`;
   const queryKey = ["docx-mentions", apiUrl, user?.externalId];
@@ -3437,7 +3790,7 @@ function useConnectedDocxNotifications(onOpen) {
 }
 function useConnectedWorkNotifications(onOpen) {
   const { status, user, apiUrl } = chunkGFNELPDP_cjs.useConnection();
-  const { notify } = chunkC4WSHRR6_cjs.useBlocksEnvironment();
+  const { notify } = chunkKPZZ5FHE_cjs.useBlocksEnvironment();
   const source = `work-notifications:${apiUrl}:${user?.externalId || ""}`;
   const { data = [], markRead: persistRead } = react$1.useWorkNotifications({
     apiUrl,
@@ -3574,229 +3927,6 @@ function hydrateMailAttachments(client$1, account, messageId, attachments, { isO
     })
   );
 }
-function ConnectedMailAccounts({
-  policy,
-  accounts,
-  onClose,
-  embedded = false,
-  user,
-  oauthReturnPath,
-  settings
-}) {
-  const { client } = react$1.useMailClient();
-  const [profileId, setProfileId] = react.useState(policy.server_profiles[0]?.id ?? "");
-  const [email, setEmail] = react.useState("");
-  const [username, setUsername] = react.useState("");
-  const [password, setPassword] = react.useState("");
-  const [error, setError] = react.useState("");
-  const [alias, setAlias] = react.useState(() => react$1.defaultMailAlias(user));
-  const native = react$1.useClaimNativeAlias(onClose);
-  const isOnline = react$1.useMailOnline();
-  const offline = !isOnline;
-  const onNativeError = (err) => {
-    if (!react$1.isAliasTakenError(err)) return setError(err.message);
-    const suggestion = react$1.nextAliasSuggestion(alias);
-    setAlias(suggestion);
-    setError(react$1.aliasTakenMessage(alias, suggestion, policy.native_domain));
-  };
-  const connect = react$1.useConnectMailAccount();
-  const disconnect = react$1.useDisconnectMailAccount();
-  const authorizeOAuth = client.authorizeOAuth;
-  const oauth = async (vendor) => {
-    if (!authorizeOAuth) return;
-    try {
-      window.location.assign(
-        await authorizeOAuth(
-          vendor,
-          oauthReturnPath ?? `${window.location.pathname}${window.location.search}`
-        )
-      );
-    } catch (err) {
-      setError(err instanceof Error ? err.message : "Could not connect account");
-    }
-  };
-  const content = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    offline && /* @__PURE__ */ jsxRuntime.jsx(
-      "p",
-      {
-        role: "status",
-        className: "mb-4 rounded bg-muted/40 px-3 py-2 text-sm text-muted-foreground",
-        children: "You're offline. Creating, connecting or removing accounts needs a connection."
-      }
-    ),
-    policy.native_enabled && !accounts.some((a) => a.provider === "native") && /* @__PURE__ */ jsxRuntime.jsxs(
-      "form",
-      {
-        className: "mb-5 grid gap-3",
-        onSubmit: (e) => {
-          e.preventDefault();
-          native.mutate(alias, { onError: onNativeError });
-        },
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "grid gap-1 text-sm", children: [
-            "Choose your email address",
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
-              /* @__PURE__ */ jsxRuntime.jsx(
-                "input",
-                {
-                  "aria-label": "Email alias",
-                  required: true,
-                  pattern: "[a-z0-9][a-z0-9._\\-]{0,62}",
-                  className: "min-w-0 flex-1 rounded border bg-background p-2",
-                  value: alias,
-                  onChange: (e) => setAlias(e.target.value.toLowerCase())
-                }
-              ),
-              /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
-                "@",
-                policy.native_domain
-              ] })
-            ] })
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { disabled: native.isPending || offline, type: "submit", children: "Create inbox" })
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mb-4 text-sm text-muted-foreground", children: "Connect an account using the providers enabled by your administrator." }),
-    authorizeOAuth && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-4 flex flex-wrap gap-2", children: policy.oauth_providers.map((vendor) => /* @__PURE__ */ jsxRuntime.jsxs(
-      ui.Button,
-      {
-        variant: "outline",
-        disabled: offline,
-        onClick: () => void oauth(vendor),
-        children: [
-          "Connect ",
-          vendor === "microsoft" ? "Outlook" : "Gmail"
-        ]
-      },
-      vendor
-    )) }),
-    accounts.map((account) => /* @__PURE__ */ jsxRuntime.jsxs(
-      "div",
-      {
-        className: "mb-2 flex items-center justify-between gap-2 rounded border p-3 text-sm",
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-            /* @__PURE__ */ jsxRuntime.jsx("div", { children: account.email }),
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-muted-foreground", children: account.display_name })
-          ] }),
-          account.profile_id ? /* @__PURE__ */ jsxRuntime.jsx(
-            ui.Button,
-            {
-              variant: "ghost",
-              disabled: disconnect.isPending || offline,
-              onClick: () => disconnect.mutate(account.id, { onError: (err) => setError(err.message) }),
-              children: "Disconnect"
-            }
-          ) : account.provider !== "native" ? authorizeOAuth && /* @__PURE__ */ jsxRuntime.jsx(
-            ui.Button,
-            {
-              variant: "ghost",
-              disabled: offline,
-              onClick: () => void oauth(account.provider),
-              children: "Reconnect"
-            }
-          ) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground", children: "Native inbox" })
-        ]
-      },
-      account.id
-    )),
-    policy.server_profiles.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs(
-      "form",
-      {
-        className: "mt-5 grid gap-3",
-        onSubmit: (event) => {
-          event.preventDefault();
-          setError("");
-          connect.mutate(
-            { profileId, email, username, password },
-            {
-              onSuccess: () => {
-                setPassword("");
-                onClose();
-              },
-              onError: (err) => setError(err.message)
-            }
-          );
-        },
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "grid gap-1 text-sm", children: [
-            "Mail server",
-            /* @__PURE__ */ jsxRuntime.jsx(
-              "select",
-              {
-                "aria-label": "Mail server",
-                className: "rounded border bg-background p-2",
-                value: profileId,
-                onChange: (e) => setProfileId(e.target.value),
-                children: policy.server_profiles.map((profile) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: profile.id, children: profile.name }, profile.id))
-              }
-            )
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "grid gap-1 text-sm", children: [
-            "Email address",
-            /* @__PURE__ */ jsxRuntime.jsx(
-              "input",
-              {
-                required: true,
-                type: "email",
-                autoComplete: "email",
-                className: "rounded border bg-background p-2",
-                value: email,
-                onChange: (e) => setEmail(e.target.value)
-              }
-            )
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "grid gap-1 text-sm", children: [
-            "Username",
-            /* @__PURE__ */ jsxRuntime.jsx(
-              "input",
-              {
-                placeholder: "Same as email address",
-                autoComplete: "username",
-                className: "rounded border bg-background p-2",
-                value: username,
-                onChange: (e) => setUsername(e.target.value)
-              }
-            )
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "grid gap-1 text-sm", children: [
-            "Password or app password",
-            /* @__PURE__ */ jsxRuntime.jsx(
-              "input",
-              {
-                required: true,
-                type: "password",
-                autoComplete: "current-password",
-                className: "rounded border bg-background p-2",
-                value: password,
-                onChange: (e) => setPassword(e.target.value)
-              }
-            )
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { type: "submit", disabled: connect.isPending || offline, children: connect.isPending ? "Connecting\u2026" : "Connect mailbox" })
-        ]
-      }
-    ),
-    error && /* @__PURE__ */ jsxRuntime.jsx("p", { role: "alert", className: "mt-3 text-sm text-destructive", children: error }),
-    accounts.length > 0 && settings
-  ] });
-  if (embedded) return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "max-w-2xl", children: content });
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    ui.Dialog,
-    {
-      open: true,
-      onOpenChange: (open) => {
-        if (!open) onClose();
-      },
-      children: /* @__PURE__ */ jsxRuntime.jsxs(ui.DialogContent, { className: "max-h-[90dvh] max-w-lg overflow-auto", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(ui.DialogTitle, { children: "Mail accounts" }),
-        /* @__PURE__ */ jsxRuntime.jsx(ui.DialogDescription, { children: "Choose your email address or connect an external mailbox." }),
-        content
-      ] })
-    }
-  );
-}
 var sessionRooms = /* @__PURE__ */ new Map();
 function useWordBody({
   word,
@@ -3916,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);
@@ -4764,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);
@@ -5051,7 +5181,7 @@ function ConnectedMailbox({
                 testIds: { root: "mail-search", input: "mail-filter-input" },
                 className: "min-w-28 flex-1 sm:max-w-72",
                 filter: /* @__PURE__ */ jsxRuntime.jsx(
-                  chunkMIDXCYZB_cjs.TriStateFilterMenu,
+                  chunkRQ2Y7USX_cjs.TriStateFilterMenu,
                   {
                     testId: "mail-bar-filter-button",
                     open: filterMenuOpen,
@@ -5439,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("");
@@ -5534,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("");
@@ -5657,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();
@@ -5775,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("");
@@ -5891,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();
@@ -5978,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 }) {
@@ -6027,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)
@@ -6346,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)
@@ -6529,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);
@@ -6639,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");
@@ -6969,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);
@@ -7042,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);
@@ -7283,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();
@@ -7470,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("");
@@ -7547,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();
@@ -7851,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");
@@ -8604,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());
@@ -8735,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: [
@@ -8813,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);
@@ -9077,7 +9207,7 @@ function ActiveChat({ agentId, workspaceId }) {
     activeArtifact: () => chunkJKB7WT7L_cjs.takeOpenDocumentForTurn({ workspaceId })
   });
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunk7YLJHTDC_cjs.ChatPage,
+    chunk5A2QQAF5_cjs.ChatPage,
     {
       chat: { ...chat, assistantMode: void 0, setAssistantMode: void 0 },
       documentsRequired: false,
@@ -9139,35 +9269,75 @@ function ConnectedAgentChatPanel({
 
 Object.defineProperty(exports, "ConnectedAssistantDock", {
   enumerable: true,
-  get: function () { return chunk3BFGL2JL_cjs.ConnectedAssistantDock; }
+  get: function () { return chunkODRHHWHY_cjs.ConnectedAssistantDock; }
 });
 Object.defineProperty(exports, "redlineStats", {
   enumerable: true,
-  get: function () { return chunk3BFGL2JL_cjs.redlineStats; }
+  get: function () { return chunkODRHHWHY_cjs.redlineStats; }
 });
 Object.defineProperty(exports, "textToArtifact", {
   enumerable: true,
-  get: function () { return chunk3BFGL2JL_cjs.textToArtifact; }
+  get: function () { return chunkODRHHWHY_cjs.textToArtifact; }
 });
 Object.defineProperty(exports, "toRedlineMarkdown", {
   enumerable: true,
-  get: function () { return chunk3BFGL2JL_cjs.toRedlineMarkdown; }
+  get: function () { return chunkODRHHWHY_cjs.toRedlineMarkdown; }
 });
 Object.defineProperty(exports, "useConnectedAiTask", {
   enumerable: true,
-  get: function () { return chunk3BFGL2JL_cjs.useConnectedAiTask; }
+  get: function () { return chunkODRHHWHY_cjs.useConnectedAiTask; }
 });
 Object.defineProperty(exports, "useConnectedChat", {
   enumerable: true,
-  get: function () { return chunk3BFGL2JL_cjs.useConnectedChat; }
+  get: function () { return chunkODRHHWHY_cjs.useConnectedChat; }
 });
 Object.defineProperty(exports, "useSemanticSearch", {
   enumerable: true,
-  get: function () { return chunk3BFGL2JL_cjs.useSemanticSearch; }
+  get: function () { return chunkODRHHWHY_cjs.useSemanticSearch; }
 });
 Object.defineProperty(exports, "useWorkspaceDocs", {
   enumerable: true,
-  get: function () { return chunk3BFGL2JL_cjs.useWorkspaceDocs; }
+  get: function () { return chunkODRHHWHY_cjs.useWorkspaceDocs; }
+});
+Object.defineProperty(exports, "ConnectedWorkflowDocumentsField", {
+  enumerable: true,
+  get: function () { return chunkU6YVZDOV_cjs.ConnectedWorkflowDocumentsField; }
+});
+Object.defineProperty(exports, "ConnectedWorkflowLauncher", {
+  enumerable: true,
+  get: function () { return chunkU6YVZDOV_cjs.ConnectedWorkflowLauncher; }
+});
+Object.defineProperty(exports, "ConnectedWorkflowsTable", {
+  enumerable: true,
+  get: function () { return chunkU6YVZDOV_cjs.ConnectedWorkflowsTable; }
+});
+Object.defineProperty(exports, "DEFAULT_CONNECTED_WORKFLOWS_TABLE_LABELS", {
+  enumerable: true,
+  get: function () { return chunkU6YVZDOV_cjs.DEFAULT_CONNECTED_WORKFLOWS_TABLE_LABELS; }
+});
+Object.defineProperty(exports, "NativeDocxSupportProvider", {
+  enumerable: true,
+  get: function () { return chunkU6YVZDOV_cjs.NativeDocxSupportProvider; }
+});
+Object.defineProperty(exports, "toWorkflowFieldDocument", {
+  enumerable: true,
+  get: function () { return chunkU6YVZDOV_cjs.toWorkflowFieldDocument; }
+});
+Object.defineProperty(exports, "useConnectedAgentOptions", {
+  enumerable: true,
+  get: function () { return chunkU6YVZDOV_cjs.useConnectedAgentOptions; }
+});
+Object.defineProperty(exports, "useConnectedWorkflowScopeSource", {
+  enumerable: true,
+  get: function () { return chunkU6YVZDOV_cjs.useConnectedWorkflowScopeSource; }
+});
+Object.defineProperty(exports, "useConnectedWorkspaceRole", {
+  enumerable: true,
+  get: function () { return chunkU6YVZDOV_cjs.useConnectedWorkspaceRole; }
+});
+Object.defineProperty(exports, "useNativeDocxSupport", {
+  enumerable: true,
+  get: function () { return chunkU6YVZDOV_cjs.useNativeDocxSupport; }
 });
 Object.defineProperty(exports, "ConnectedWorkspaceDataProvider", {
   enumerable: true,
@@ -9206,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;
@@ -9216,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;
@@ -9233,37 +9408,37 @@ exports.ConnectedTaskAccessRequest = ConnectedTaskAccessRequest;
 exports.ConnectedTaskActivityDialog = ConnectedTaskActivityDialog;
 exports.ConnectedThreadFollow = ConnectedThreadFollow;
 exports.ConnectedUpcomingEvents = ConnectedUpcomingEvents;
-exports.ConnectedWorkflowDocumentsField = ConnectedWorkflowDocumentsField;
 exports.ConnectedWorkflowHistory = ConnectedWorkflowHistory;
-exports.ConnectedWorkflowLauncher = ConnectedWorkflowLauncher;
 exports.ConnectedWorkflowRunner = ConnectedWorkflowRunner;
-exports.ConnectedWorkflowsTable = ConnectedWorkflowsTable;
 exports.ConnectedWorkspaceActivity = ConnectedWorkspaceActivity;
 exports.ConnectedWorkspaceNotificationMenu = ConnectedWorkspaceNotificationMenu;
 exports.DEFAULT_CONNECTED_SKILL_UPLOAD_LABELS = DEFAULT_CONNECTED_SKILL_UPLOAD_LABELS;
-exports.DEFAULT_CONNECTED_WORKFLOWS_TABLE_LABELS = DEFAULT_CONNECTED_WORKFLOWS_TABLE_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;
-exports.toWorkflowFieldDocument = toWorkflowFieldDocument;
 exports.useCalendarViewStore = useCalendarViewStore;
-exports.useConnectedAgentOptions = useConnectedAgentOptions;
 exports.useConnectedDocxNotifications = useConnectedDocxNotifications;
 exports.useConnectedShellWorkspaces = useConnectedShellWorkspaces;
 exports.useConnectedWorkNotifications = useConnectedWorkNotifications;
-exports.useConnectedWorkflowScopeSource = useConnectedWorkflowScopeSource;
-exports.useConnectedWorkspaceRole = useConnectedWorkspaceRole;
 exports.workflowRunView = workflowRunView;
 //# sourceMappingURL=index.cjs.map
 //# sourceMappingURL=index.cjs.map