@arbidocs/blocks 0.4.144 → 0.4.146

package/dist/connect/index.js

@@ -1,9 +1,10 @@
 "use client";
-import { DraggableHeader, SettingsSection, ProfileCard, AvatarPicker, IdentityVerificationCard, IdentityVerificationDialog, RequireVerified, PasswordChangeDialog, SettingsCard, SettingsActionRow, EMAIL_NOTIFICATION_KEYS, EMAIL_NOTIFICATION_CATEGORIES, NotificationCategoryList, toNotificationCategories, toActiveSessionViews, SettingsRow, ActiveSessionsDialog, LogoutDialog, toLogoutSessionViews, SettingsDangerZone, DeleteAccountDialog, toDeleteBlockerViews } from '../chunk-ON3TKY5Y.js';
+import { PageLoading, WorkspacePageFrame, WorkspaceIdentityPanel, WorkspaceProjectSlot, WorkspaceAudienceLine, CommonWorkspaceToggle, ExpandableSection, LeaveFooter } from '../chunk-EV7W64B6.js';
+import { DraggableHeader, SettingsSection, ProfileCard, AvatarPicker, IdentityVerificationCard, IdentityVerificationDialog, RequireVerified, PasswordChangeDialog, SettingsCard, SettingsActionRow, EMAIL_NOTIFICATION_KEYS, EMAIL_NOTIFICATION_CATEGORIES, NotificationCategoryList, toNotificationCategories, toActiveSessionViews, SettingsRow, ActiveSessionsDialog, LogoutDialog, toLogoutSessionViews, SettingsDangerZone, DeleteAccountDialog, toDeleteBlockerViews, SettingsPanel, PremiumModelsFrame, SettingsPage, serverConnectionView, ServerConnectionButton, ModelProviderLabel } from '../chunk-5YHEHEJT.js';
 export { ConnectedAssistantDock, redlineStats, textToArtifact, toRedlineMarkdown, useConnectedAiTask, useConnectedChat, useSemanticSearch, useWorkspaceDocs } from '../chunk-CSI2B2H5.js';
-import { useConnectedWorkspaceRole, ConnectedNativeDocxEditor } from '../chunk-33ZOUJXA.js';
-export { ConnectedWorkflowDocumentsField, ConnectedWorkflowLauncher, ConnectedWorkflowsTable, DEFAULT_CONNECTED_WORKFLOWS_TABLE_LABELS, NativeDocxSupportProvider, toWorkflowFieldDocument, useConnectedAgentOptions, useConnectedWorkflowScopeSource, useConnectedWorkspaceRole, useNativeDocxSupport } from '../chunk-33ZOUJXA.js';
-export { ConnectedWorkspaceDataProvider, useConnectedConversations, useConnectedDocuments, useConnectedTags } from '../chunk-45LRMW54.js';
+import { useConnectedWorkspaceRole, ConnectedNativeDocxEditor } from '../chunk-OBWYM25Y.js';
+export { ConnectedWorkflowDocumentsField, ConnectedWorkflowLauncher, ConnectedWorkflowsTable, DEFAULT_CONNECTED_WORKFLOWS_TABLE_LABELS, NativeDocxSupportProvider, toWorkflowFieldDocument, useConnectedAgentOptions, useConnectedWorkflowScopeSource, useConnectedWorkspaceRole, useNativeDocxSupport } from '../chunk-OBWYM25Y.js';
+export { ConnectedWorkspaceDataProvider, useConnectedConversations, useConnectedDocuments, useConnectedTags } from '../chunk-DN2KI4BU.js';
 import { ConnectionProvider, useConnection, useConnectedWorkspace } from '../chunk-US3S4DCB.js';
 export { ConnectionProvider, SESSION_EXPIRED_MESSAGE, isAuthenticated, useConnectedWorkspace, useConnection } from '../chunk-US3S4DCB.js';
 import { SignDocumentDialog } from '../chunk-2YOVK524.js';
@@ -11,21 +12,22 @@ import '../chunk-MTSKK3BN.js';
 import '../chunk-2FL7QJKJ.js';
 import '../chunk-HFZ45FD3.js';
 import { FilesFilterBar, FolderFilterButton, FolderPickerRow } from '../chunk-7RJTEWYM.js';
-import { WorkspaceActivityList, WorkspaceNotificationMenu, ThreadFollowMenuItem, ThreadFollowButton, TagTable, tagTableDocx } from '../chunk-7NGAWGA3.js';
-import { workspaceKindColor } from '../chunk-A3XPS2EU.js';
+import { WorkspaceActivityList, WorkspaceNotificationMenu, ThreadFollowMenuItem, ThreadFollowButton, TagTable, LoadingIndicator, EntityIdentityBar, IDENTITY_NAME_MAX_LENGTH, tagTableDocx } from '../chunk-A6IU4GIW.js';
+import { MemberAvatarStack } from '../chunk-XNOASBGW.js';
+import { WorkspaceIdentity, workspaceKindColor } from '../chunk-A3XPS2EU.js';
 import { PlainMailBodyEditor, draftMailCompose, replyMailCompose, emptyMailCompose, MailGrid, MailMessageView, MailDocumentPicker, parseMailRecipients } from '../chunk-6HCJ3ZEU.js';
 import '../chunk-SV65E4QW.js';
 import { DOCX_MIME_TYPE } from '../chunk-QXMR5YHC.js';
 import '../chunk-AF6RDAJF.js';
-import { buildLibrarySkills, filterLibrarySkills, SKILL_SOURCE_LABELS, SKILL_TYPE_LABELS, SkillViewToggle, SkillFilterChips, SkillTile, SkillGenerateForm, SkillLibraryDetail, parseSkillFrontmatter, SKILL_MAIN_FILENAME, SkillEditForm, DEFAULT_AGENT_CAPABILITIES, stripPersonaPreamble, AgentCreator, DEFAULT_AGENT_TYPES, DEFAULT_AGENT_TEMPLATES, AgentAvatarField, isValidAgentName, AgentConnectInstructions, TaskRunsDialog, TaskActivityDialog, WorkflowStepBar, composePersona, importSkillFile, importSkillFromUrl, WorkflowRunner, skillSlug, serializeSkill, fromPlanSteps, toPlanSteps, useWorkflowView, workflowToSkillMarkdown } from '../chunk-X3TGXEFS.js';
+import { buildLibrarySkills, filterLibrarySkills, SKILL_SOURCE_LABELS, SKILL_TYPE_LABELS, SkillViewToggle, SkillFilterChips, SkillTile, SkillGenerateForm, SkillLibraryDetail, parseSkillFrontmatter, SKILL_MAIN_FILENAME, SkillEditForm, DEFAULT_AGENT_CAPABILITIES, stripPersonaPreamble, AgentCreator, DEFAULT_AGENT_TYPES, DEFAULT_AGENT_TEMPLATES, AgentAvatarField, isValidAgentName, AgentConnectInstructions, TaskRunsDialog, TaskActivityDialog, WorkflowStepBar, composePersona, importSkillFile, importSkillFromUrl, WorkflowRunner, skillSlug, serializeSkill, fromPlanSteps, toPlanSteps, useWorkflowView, workflowToSkillMarkdown } from '../chunk-C44TDH54.js';
 import { MultiSelect } from '../chunk-CQCC7LE7.js';
-import { PersonPill } from '../chunk-A6J2IBUG.js';
-import '../chunk-3RJN2VTL.js';
-import { TriStateFilterMenu } from '../chunk-KSHKTOY2.js';
+import { PersonPill } from '../chunk-T5B7FM7S.js';
+import '../chunk-IXWJGOM2.js';
 import '../chunk-RLWIUUQ5.js';
+import { TriStateFilterMenu } from '../chunk-KSHKTOY2.js';
 import '../chunk-P6GHJSLR.js';
 import '../chunk-EVUEIBNU.js';
-import '../chunk-444XKG46.js';
+import '../chunk-YKQ2DPIP.js';
 import { SelectionBar, SelectionBarAction } from '../chunk-NUNKSZKU.js';
 import { FilterInput } from '../chunk-YU2KUMGE.js';
 import { GridView } from '../chunk-N5YEF3LC.js';
@@ -45,18 +47,18 @@ import '../chunk-AUS3KBHJ.js';
 import '../chunk-SLSBJRWW.js';
 import '../chunk-NPLYHR2E.js';
 import '../chunk-7F6CBP3Z.js';
-import { useCopyText } from '../chunk-CYNF5PZI.js';
-import { useBlocksEnvironment } from '../chunk-YNIBUKV5.js';
+import { useCopyText } from '../chunk-J5CWKFSC.js';
+import { useBlocksEnvironment, useRequestedSettingsSection } from '../chunk-TBEVGWY3.js';
 import { ModalScaffold } from '../chunk-TX2ZICS7.js';
 import { fmtDate, initials } from '../chunk-OXF2IFXG.js';
 import '../chunk-VUNV25KB.js';
 import { lazy, useState, useMemo, useEffect, useCallback, useRef, Suspense, useSyncExternalStore, useLayoutEffect } from 'react';
 import { QueryClient, QueryClientProvider, useQueryClient, useQuery } from '@tanstack/react-query';
-import { ArbiProvider, useConversations, useRunConversation, useWorkspaceActivity, useWorkspaceUsers, isWorkspaceNotificationType, useArbi, useNotifications, useDeleteNotifications, useMarkNotificationsRead, useWorkspaces, useWorkspaceNotificationLevel, useFollowThread, useUploadSkillFiles, useSkills, useSetSkillVisibility, useDeleteSkill, useSkillSource, useAgentModels, useMcpTools, useAgentConfig, useAgentWorkspaces, useCreateAgent, useSaveAgentConfig, useGrantAgentAccess, useRevokeAgentAccess, useGenerateAgentAvatar, useWorkflowRuns, useConversationActivity, useAgents, ArtifactCanvas, useArbiChat, useDocuments, useTagKindSchema, useTags, useSetTagValues, useUpdateTagKindSchema, useInvalidateTagData, useShellWorkspaces, useProfile, useUpdateProfile, useRequestEmailChange, useConfirmEmailChange, useNameEditor, useAvatarCrop, useEmailChange, ImageCropModal, useIdentityVerification, usePasswordChange, usePasswordChangeForm, useNotificationPreferences, useSessions, useCurrentSessionId, useTerminateSession, useSignOut, useDeleteAccount, useDeleteAccountFlow, useArbiWebSocket, useWorkNotifications, mailDraftIdFromContent, useMailClient, defaultMailAlias, useClaimNativeAlias, useMailOnline, useConnectMailAccount, useDisconnectMailAccount, useMailPolicy, useMailAccounts, useMailUnlock, useMailFolders, useMailMessages, useMailDraftCompose, useMailMessage, useMailCache, MailOfflineUnavailableError, accountPath, useCalendarEvents, useCalendars, useFetchCalendarEvent, useCalendarSettings, useCalendarOverlays, useCalendarOutbox, useCalendarAccounts, useSyncAccountsOnOpen, useResumeCalendarAccountConnect, useCreateEvent, useUpdateEvent, useDeleteEvent, useMoveEvent, useRespondToEvent, useCreateCalendar, useUpdateCalendar, useDeleteCalendar, useImportCalendar, useSaveCalendarSettings, useRefreshCalendar, useCalendarEvent, useMailAttachmentText, useCalendarEventByUid, getPublicBookingPage, bookPublicSlot, PublicBookingError, useAgentSession, useStartAgentSession, useCloseAgentSession, isQueuedCalendarWrite, isAliasTakenError, nextAliasSuggestion, aliasTakenMessage, mailJson, ArbiWebSocketProvider, isDeploymentUserNotification, getWorkspaceActionText, getWorkspaceSentPhrase, describeServerNotification, BOX_SEAT_REFUSED, BOX_SEAT_REFUSED_TITLE, documentActivityPhrase, isSignatureNotificationType, inputRequestTitle, WORK_NOTIFICATION_LABELS, useArbiSessionState, documentDisplayName, getWorkspaceKind, formatRelativeTime, useCreateWork, useActOnStep, useConversationThreads, fileAttachment, useMailProjects, useSaveMailDraft, useSendMail, useMailDraftReplaced, useCalendarInvitations, useDecideCounter, useSearchContacts, usePublishCalendar, useCalendarShares, useShareCalendar, useUnshareCalendar, useSubscribeCalendar, useHolidayCountries, useAddHolidayCalendar, cancelPublicBooking, AiAnswer, signatureNotificationPhrase, signatureRequestMeta, getNotificationTypeMeta, useMailDraftEditor, useFreeBusy, useRooms, useFindTime, useCalendarSupport, useStartCalendarAccountOAuth, useConnectOAuthAccount, useAppPasswords, splitAppPasswords, useBookingPages, useDeleteBookingPage, useSyncCalendarAccount, useUpdateCalendarAccount, useDisconnectCalendarAccount, ACCOUNT_VENDOR, useCalDavProfiles, useConnectCalDavAccount, useCreateAppPassword, useCreateFeed, useSaveBookingPage, useCreateRoom, useRevokeAppPassword } from '@arbidocs/react';
+import { ArbiProvider, useConversations, useRunConversation, useWorkspaceActivity, useWorkspaceUsers, isWorkspaceNotificationType, useArbi, useNotifications, useDeleteNotifications, useMarkNotificationsRead, useWorkspaces, useWorkspaceNotificationLevel, useFollowThread, useUploadSkillFiles, useSkills, useSetSkillVisibility, useDeleteSkill, useSkillSource, useAgentModels, useMcpTools, useAgentConfig, useAgentWorkspaces, useCreateAgent, useSaveAgentConfig, useGrantAgentAccess, useRevokeAgentAccess, useGenerateAgentAvatar, useWorkflowRuns, useConversationActivity, useAgents, ArtifactCanvas, useArbiChat, useDocuments, useTagKindSchema, useTags, useSetTagValues, useUpdateTagKindSchema, useInvalidateTagData, useShellWorkspaces, ArbiBotHeadIcon, useProfile, useUpdateProfile, useRequestEmailChange, useConfirmEmailChange, useNameEditor, useAvatarCrop, useEmailChange, ImageCropModal, useIdentityVerification, usePasswordChange, usePasswordChangeForm, useNotificationPreferences, useSessions, useCurrentSessionId, useTerminateSession, useSignOut, useDeleteAccount, useDeleteAccountFlow, useMailClient, defaultMailAlias, useClaimNativeAlias, useMailOnline, useConnectMailAccount, useDisconnectMailAccount, useMailPolicy, useMailAccounts, useUserSettings, useUpdateUserSettings, useAvailableModels, useUpdateWorkspace, useAddWorkspaceMembers, useRemoveWorkspaceMembers, toShellWorkspace, useArbiWebSocket, useWorkNotifications, mailDraftIdFromContent, useMailUnlock, useMailFolders, useMailMessages, useMailDraftCompose, useMailMessage, useMailCache, MailOfflineUnavailableError, accountPath, useCalendarEvents, useCalendars, useFetchCalendarEvent, useCalendarSettings, useCalendarOverlays, useCalendarOutbox, useCalendarAccounts, useSyncAccountsOnOpen, useResumeCalendarAccountConnect, useCreateEvent, useUpdateEvent, useDeleteEvent, useMoveEvent, useRespondToEvent, useCreateCalendar, useUpdateCalendar, useDeleteCalendar, useImportCalendar, useSaveCalendarSettings, useRefreshCalendar, useCalendarEvent, useMailAttachmentText, useCalendarEventByUid, getPublicBookingPage, bookPublicSlot, PublicBookingError, useAgentSession, useStartAgentSession, useCloseAgentSession, isQueuedCalendarWrite, isAliasTakenError, nextAliasSuggestion, aliasTakenMessage, mailJson, ArbiWebSocketProvider, isDeploymentUserNotification, getWorkspaceActionText, getWorkspaceSentPhrase, describeServerNotification, BOX_SEAT_REFUSED, BOX_SEAT_REFUSED_TITLE, documentActivityPhrase, isSignatureNotificationType, inputRequestTitle, WORK_NOTIFICATION_LABELS, useArbiSessionState, documentDisplayName, getWorkspaceKind, formatRelativeTime, useCreateWork, useActOnStep, useConversationThreads, ProviderIcon, formatGbpPerMillionTokens, fileAttachment, useMailProjects, useSaveMailDraft, useSendMail, useMailDraftReplaced, useCalendarInvitations, useDecideCounter, useSearchContacts, usePublishCalendar, useCalendarShares, useShareCalendar, useUnshareCalendar, useSubscribeCalendar, useHolidayCountries, useAddHolidayCalendar, cancelPublicBooking, AiAnswer, signatureNotificationPhrase, signatureRequestMeta, getNotificationTypeMeta, useMailDraftEditor, useFreeBusy, useRooms, useFindTime, useCalendarSupport, useStartCalendarAccountOAuth, useConnectOAuthAccount, useAppPasswords, splitAppPasswords, useBookingPages, useDeleteBookingPage, useSyncCalendarAccount, useUpdateCalendarAccount, useDisconnectCalendarAccount, ACCOUNT_VENDOR, useCalDavProfiles, useConnectCalDavAccount, useCreateAppPassword, useCreateFeed, useSaveBookingPage, useCreateRoom, useRevokeAppPassword } from '@arbidocs/react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { Button, Label, Input, cn, Textarea, Dialog, DialogContent, DialogHeader, DialogTitle, DialogDescription, DocumentEntity, EntityPill, ShieldIcon, EntityIcon, Tooltip, TooltipTrigger, TooltipContent, Popover, PopoverTrigger, PopoverContent, Tabs, TabsList, TabsTrigger, TabsContent, DialogFooter, UserEntity, Switch } from '@arbidocs/react/ui';
+import { Button, Label, Input, cn, Textarea, Dialog, DialogContent, DialogHeader, DialogTitle, DialogDescription, Switch, getEntityLabel, DocumentEntity, EntityPill, ShieldIcon, EntityIcon, Tooltip, TooltipTrigger, TooltipContent, Popover, PopoverTrigger, PopoverContent, Tabs, TabsList, TabsTrigger, TabsContent, DialogFooter, UserEntity } from '@arbidocs/react/ui';
 import { useNotify } from '@arbidocs/react/shell';
-import { Bell, Activity, Info, UserCheck, Trash2, Loader2, Upload, Link2, Search, Plus, ArrowLeft, ExternalLink, UserCircle, KeyRound, Radio, Mail, Settings, Video, Printer, CalendarDays, Clock, MapPin, Globe, X, Paperclip, Send, Inbox, CalendarX, CalendarCheck, MessageSquare, CalendarSearch, Pencil, DoorOpen, RefreshCw, CheckCircle2, AlertTriangle, Check, Copy } from 'lucide-react';
+import { Bell, Activity, Info, UserCheck, Trash2, Loader2, Upload, Link2, Search, Plus, ArrowLeft, ExternalLink, Monitor, UserCircle, KeyRound, Radio, LogOut, Wifi, RotateCcw, User, Mail, HatGlasses, MessageSquare, FolderInput, Settings, Video, Printer, CalendarDays, Clock, MapPin, Globe, X, Paperclip, Send, Inbox, CalendarX, CalendarCheck, CalendarSearch, Pencil, DoorOpen, RefreshCw, CheckCircle2, AlertTriangle, Check, Copy } from 'lucide-react';
 import { useIsOnline, downloadBlob, useOptionalDocumentTools, fetchDocumentPdf, DocumentToolsProvider } from '@arbidocs/react/document-tools';
 import { useStreamedArtifact } from '@arbidocs/react/artifacts';
 import { bytesToBase64 } from '@arbidocs/client';
@@ -806,11 +808,16 @@ function ConnectedWorkspaceNotificationMenu({
   workspaceId: workspaceProp,
   ...menuProps
 }) {
-  const { workspaceId: selected, status } = useConnection();
+  const { notify } = useBlocksEnvironment();
+  const { workspaceId: selected, live } = useConnectedWorkspace();
   const workspaceId = workspaceProp ?? selected;
-  const { level, setLevel, isLoading, isSaving } = useWorkspaceNotificationLevel(workspaceId, {
-    enabled: status === "authenticated"
-  });
+  const { level, setLevel, isLoading, isSaving, error } = useWorkspaceNotificationLevel(
+    workspaceId,
+    { enabled: live }
+  );
+  useEffect(() => {
+    if (error) notify("Could not save the workspace notification setting", "error");
+  }, [error, notify]);
   if (!workspaceId) return null;
   return /* @__PURE__ */ jsx(
     WorkspaceNotificationMenu,
@@ -827,9 +834,9 @@ function ConnectedThreadFollow({
   as = "button",
   ...props
 }) {
-  const { status } = useConnection();
+  const { live } = useConnectedWorkspace();
   const { following, setFollowing, isLoading, isSaving } = useFollowThread(conversationId, {
-    enabled: status === "authenticated"
+    enabled: live
   });
   if (!conversationId) return null;
   const Control = as === "menu-item" ? ThreadFollowMenuItem : ThreadFollowButton;
@@ -2743,6 +2750,11 @@ function useConnectedShellWorkspaces(options = {}) {
     select: (workspace) => setWorkspace(workspace.id)
   });
 }
+function SessionStatusIcon({ status, className }) {
+  if (status === "agent") return /* @__PURE__ */ jsx(ArbiBotHeadIcon, { className: className ?? "w-4 h-4" });
+  return /* @__PURE__ */ jsx(Monitor, { className: className ?? "w-4 h-4 text-muted-foreground" });
+}
+var renderSessionStatusIcon = (status) => /* @__PURE__ */ jsx(SessionStatusIcon, { status });
 function errorText2(error, fallback) {
   const body = error?.apiError;
   return typeof body?.detail === "string" ? body.detail : fallback;
@@ -2980,7 +2992,9 @@ function ConnectedNotificationPreferences({
     }
   ) }) });
 }
-function ConnectedSessionsRow({ renderSessionIcon }) {
+function ConnectedSessionsRow({
+  renderSessionIcon = renderSessionStatusIcon
+}) {
   const { notify, confirm } = useBlocksEnvironment();
   const [open, setOpen] = useState(false);
   const sessions = useSessions({ enabled: open });
@@ -3046,7 +3060,7 @@ function ConnectedLogoutDialog({
   onClose,
   canLogoutAll = true,
   confirmSignOut,
-  renderSessionIcon
+  renderSessionIcon = renderSessionStatusIcon
 }) {
   const sessions = useSessions({ enabled: open });
   const signOut = useSignOut();
@@ -3124,211 +3138,80 @@ function ConnectedDangerZone({ renderSubscriptionLink }) {
     )
   ] });
 }
-function useConnectedDocxNotifications(onOpen) {
-  const arbi = useArbi();
-  const { status, user, apiUrl } = useConnection();
-  const { notify } = useBlocksEnvironment();
-  const queries = useQueryClient();
-  const source = `docx-mentions:${apiUrl}:${user?.externalId || ""}`;
-  const queryKey = ["docx-mentions", apiUrl, user?.externalId];
-  const { data = [] } = useQuery({
-    queryKey,
-    queryFn: () => arbi.notifications.list({ type: "docx_mention" }),
-    enabled: status === "authenticated",
-    refetchInterval: 3e4
-  });
-  useArbiWebSocket((message) => {
-    if (message.type === "docx_mention") void queries.invalidateQueries({ queryKey });
-  });
-  useEffect(() => {
-    const items = [];
-    if (status === "authenticated")
-      for (const note of data) {
-        if (note.recipient.external_id !== user?.externalId || !note.workspace_ext_id) continue;
-        try {
-          const target = JSON.parse(note.content || "{}");
-          if (!target.document_id?.startsWith("doc-") || !target.comment_id) continue;
-          const documentId = target.document_id, commentId = target.comment_id, workspaceId = note.workspace_ext_id;
-          items.push({
-            id: `docx:${note.external_id}`,
-            title: "Mentioned you in a document comment",
-            description: [note.sender.given_name, note.sender.family_name].filter(Boolean).join(" "),
-            variant: "info",
-            ts: Date.parse(note.created_at),
-            read: note.read,
-            source,
-            onSelect: () => {
-              void Promise.resolve(onOpen({ documentId, commentId, workspaceId })).catch(
-                (error) => notify(
-                  error instanceof Error ? error.message : "Could not open the document.",
-                  "error"
-                )
-              );
-            }
-          });
-        } catch {
-        }
-      }
-    useNotify.getState().syncSource(source, items);
-    return () => useNotify.getState().syncSource(source, []);
-  }, [data, status, user?.externalId, source, onOpen, notify]);
-  const markRead = async (ids) => {
-    try {
-      await arbi.notifications.markRead(ids);
-      await queries.invalidateQueries({ queryKey });
-    } catch {
-      notify("Could not mark document mentions read.", "error");
-    }
-  };
-  return {
-    onMarkRead: (id) => {
-      if (id.startsWith("docx:")) void markRead([id.slice(5)]);
-    },
-    onMarkAllRead: () => {
-      void markRead(
-        data.filter((note) => !note.read && note.recipient.external_id === user?.externalId).map((note) => note.external_id)
-      );
-    }
-  };
-}
-function useConnectedWorkNotifications(onOpen) {
-  const { status, user, apiUrl } = useConnection();
-  const { notify } = useBlocksEnvironment();
-  const source = `work-notifications:${apiUrl}:${user?.externalId || ""}`;
-  const { data = [], markRead: persistRead } = useWorkNotifications({
-    apiUrl,
-    userId: user?.externalId,
-    enabled: status === "authenticated"
-  });
-  useEffect(() => {
-    const items = [];
-    if (status === "authenticated")
-      for (const note of data) {
-        if (note.recipient.external_id !== user?.externalId) continue;
-        const mapped = mapWorkNotification(note);
-        if (!mapped) continue;
-        items.push({
-          id: `work:${note.external_id}`,
-          title: mapped.title,
-          variant: note.type === "workflow_failed" ? "error" : note.type === "conversation_done" ? "success" : "info",
-          ts: Date.parse(note.created_at),
-          read: note.read,
-          source,
-          onSelect: () => {
-            void Promise.resolve().then(() => onOpen(mapped.target)).catch(
-              (error) => notify(
-                error instanceof Error ? error.message : "Could not open this notification.",
-                "error"
-              )
-            );
-          }
-        });
-      }
-    useNotify.getState().syncSource(source, items);
-    return () => useNotify.getState().syncSource(source, []);
-  }, [data, status, user?.externalId, source, onOpen, notify]);
-  const markRead = async (ids) => {
-    if (!ids.length) return;
+function ServerConnectionRow({ onRefresh, ...status }) {
+  const { runtimeConfig } = useBlocksEnvironment();
+  const [isRefreshing, setIsRefreshing] = useState(false);
+  const view = serverConnectionView(status, runtimeConfig.deploymentDomain || "server");
+  const refresh = async () => {
+    setIsRefreshing(true);
     try {
-      await persistRead(ids);
-    } catch {
-      notify("Could not mark work notifications read.", "error");
+      await onRefresh();
+    } finally {
+      setIsRefreshing(false);
     }
   };
-  return {
-    onMarkRead: (id) => {
-      if (data.some(
-        (note) => `work:${note.external_id}` === id && note.recipient.external_id === user?.externalId && mapWorkNotification(note)
-      ))
-        void markRead([id.slice(5)]);
-    },
-    onMarkAllRead: () => {
-      void markRead(
-        data.filter(
-          (note) => !note.read && note.recipient.external_id === user?.externalId && mapWorkNotification(note)
-        ).map((note) => note.external_id)
-      );
+  return /* @__PURE__ */ jsx(SettingsRow, { label: "Server connection", description: view.description, children: /* @__PURE__ */ jsx(
+    ServerConnectionButton,
+    {
+      state: view.state,
+      label: view.label,
+      isRefreshing,
+      onRefresh: () => void refresh()
     }
-  };
+  ) });
 }
-function mapWorkNotification(note) {
-  const sender = [note.sender.given_name, note.sender.family_name].filter(Boolean).join(" ") || note.sender.email;
-  if (note.type === "workflow_failed") {
-    try {
-      const payload = JSON.parse(note.content || "{}");
-      if (!payload.workflow_ext_id?.match(/^wfl-[a-zA-Z0-9]+$/)) return null;
-      if (note.workspace_ext_id?.match(/^wrk-[a-zA-Z0-9]+$/) && note.conversation_ext_id?.match(/^con-[a-zA-Z0-9]+$/)) {
-        return {
-          title: "A workflow failed to run",
-          target: {
-            kind: "conversation",
-            workspaceId: note.workspace_ext_id,
-            conversationId: note.conversation_ext_id
-          }
-        };
+function ConnectedAccountSettings({
+  avatarClassName,
+  onManageBilling,
+  formatIdentityPrice,
+  afterProfile,
+  getUnmetPasswordRequirement,
+  securityRows,
+  connection,
+  onLogout,
+  renderSessionIcon,
+  renderSubscriptionLink
+}) {
+  const [logoutOpen, setLogoutOpen] = useState(false);
+  return /* @__PURE__ */ jsxs(SettingsPanel, { className: "max-w-2xl", children: [
+    /* @__PURE__ */ jsx(ConnectedProfileCard, { avatarClassName, children: /* @__PURE__ */ jsx(
+      ConnectedIdentityVerification,
+      {
+        onManageBilling,
+        formatPrice: formatIdentityPrice
       }
-      return {
-        title: "A workflow failed to run",
-        target: {
-          kind: "workflow",
-          workflowId: payload.workflow_ext_id,
-          workspaceId: note.workspace_ext_id || void 0
+    ) }),
+    afterProfile,
+    /* @__PURE__ */ jsx(ConnectedSecuritySection, { getUnmetRequirement: getUnmetPasswordRequirement, children: securityRows }),
+    /* @__PURE__ */ jsx(SettingsSection, { icon: /* @__PURE__ */ jsx(Wifi, {}), title: "Session", children: /* @__PURE__ */ jsxs(SettingsCard, { children: [
+      connection && /* @__PURE__ */ jsx(ServerConnectionRow, { ...connection }),
+      /* @__PURE__ */ jsx(ConnectedSessionsRow, { renderSessionIcon }),
+      /* @__PURE__ */ jsx(SettingsRow, { label: "Logout", description: "Sign out of your account on this device.", children: /* @__PURE__ */ jsxs(
+        Button,
+        {
+          type: "button",
+          variant: "secondary",
+          size: "sm",
+          onClick: onLogout ?? (() => setLogoutOpen(true)),
+          className: "flex items-center gap-2",
+          "data-testid": "logout-button",
+          children: [
+            /* @__PURE__ */ jsx(LogOut, { className: "w-4 h-4" }),
+            "Logout"
+          ]
         }
-      };
-    } catch {
-      return null;
-    }
-  }
-  if (note.type === "mail_draft_ready") {
-    const draftId = mailDraftIdFromContent(note.content);
-    if (!draftId) return null;
-    return {
-      title: `${sender} left a draft email for you to review`,
-      target: { kind: "mail_draft", draftId, mailbox: "native" }
-    };
-  }
-  const titles = {
-    mention: `${sender} mentioned you in a conversation`,
-    workspace_access_request: `${sender} needs workspace access to run a thread`,
-    conversation_ready: note.sender.external_id === note.recipient.external_id ? "Your thread is ready" : `${sender}\u2019s thread is ready`,
-    conversation_done: `${sender} marked a thread done`
-  };
-  const title = titles[note.type];
-  if (!title || !note.workspace_ext_id || !note.conversation_ext_id?.match(/^con-[a-zA-Z0-9]+$/))
-    return null;
-  return {
-    title,
-    target: {
-      kind: "conversation",
-      workspaceId: note.workspace_ext_id,
-      conversationId: note.conversation_ext_id,
-      ...note.message_ext_id ? { messageId: note.message_ext_id } : {}
-    }
-  };
-}
-function attachmentPath(accountId, messageId, attachmentId) {
-  return `${accountPath(accountId)}/messages/${encodeURIComponent(messageId)}/attachments/${encodeURIComponent(attachmentId)}`;
-}
-function saveFile(blob, name) {
-  const url = URL.createObjectURL(blob);
-  const link = document.createElement("a");
-  link.href = url;
-  link.download = name;
-  link.click();
-  setTimeout(() => URL.revokeObjectURL(url), 1e3);
-}
-function hydrateMailAttachments(client, account, messageId, attachments, { isOnline, offline }) {
-  return Promise.all(
-    attachments.map(async (a) => {
-      if (a.content_base64 != null) return a;
-      if (!isOnline) {
-        const file = await offline?.loadAttachment(account.id, messageId, a);
-        return file ? { ...a, content_base64: bytesToBase64(new Uint8Array(await file.arrayBuffer())) } : { ...a, content_base64: null };
+      ) })
+    ] }) }),
+    /* @__PURE__ */ jsx(ConnectedDangerZone, { renderSubscriptionLink }),
+    !onLogout && /* @__PURE__ */ jsx(
+      ConnectedLogoutDialog,
+      {
+        open: logoutOpen,
+        onClose: () => setLogoutOpen(false),
+        renderSessionIcon
       }
-      const response = await client.fetch(attachmentPath(account.id, messageId, a.id));
-      return fileAttachment(new File([await response.blob()], a.name, { type: a.content_type }));
-    })
-  );
+    )
+  ] });
 }
 function ConnectedMailAccounts({
   policy,
@@ -3553,6 +3436,854 @@ function ConnectedMailAccounts({
     }
   );
 }
+var noop = () => {
+};
+function ConnectedMailSettings({ oauthReturnPath, settings }) {
+  const { data: policy } = useMailPolicy();
+  const accounts = useMailAccounts({ enabled: !!policy?.enabled });
+  const { data: profile } = useProfile();
+  if (accounts.isError) {
+    return /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: accounts.error.message });
+  }
+  if (!policy || !accounts.isSuccess) return /* @__PURE__ */ jsx("p", { children: "Loading mail accounts\u2026" });
+  return /* @__PURE__ */ 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 } = useUserSettings();
+  const update = useUpdateUserSettings();
+  const hideOnlineStatus = settings?.hide_online_status ?? false;
+  const dismissedTips = settings?.dismissed_tips ?? [];
+  return /* @__PURE__ */ jsxs(SettingsPanel, { className: "max-w-2xl", children: [
+    /* @__PURE__ */ jsx(SettingsSection, { title: "Privacy and tips", children: /* @__PURE__ */ jsxs(SettingsCard, { children: [
+      /* @__PURE__ */ jsx(
+        SettingsRow,
+        {
+          label: "Show Online Status",
+          labelFor: "showOnlineStatus",
+          description: "When on, other users can see when you're online",
+          children: /* @__PURE__ */ jsx(
+            Switch,
+            {
+              id: "showOnlineStatus",
+              checked: !hideOnlineStatus,
+              onCheckedChange: (value) => update.mutate({ hide_online_status: !value }),
+              "data-testid": "toggle-show-online-status"
+            }
+          )
+        }
+      ),
+      rows,
+      showTipsReset && /* @__PURE__ */ jsx(
+        SettingsRow,
+        {
+          label: "Hidden tips",
+          description: "Restore any Smart Tips you\u2019ve hidden with \u201Cdon\u2019t show again\u201D.",
+          children: /* @__PURE__ */ jsxs(
+            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__ */ jsx(RotateCcw, { className: "h-4 w-4" }),
+                "Reset tips"
+              ]
+            }
+          )
+        }
+      )
+    ] }) }),
+    /* @__PURE__ */ 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__ */ 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__ */ jsx(
+      ModelProviderLabel,
+      {
+        logo: /* @__PURE__ */ jsx("img", { src: "/favicon.svg", alt: "ARBI", className: "size-3.5 flex-shrink-0 rounded-sm" }),
+        children: "ARBI CITY"
+      }
+    ) : /* @__PURE__ */ jsx(
+      ModelProviderLabel,
+      {
+        logo: /* @__PURE__ */ jsx(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__ */ jsxs("span", { className: "tabular-nums", children: [
+      formatGbpPerMillionTokens(params.data?.input_cost_per_token) ?? "\xA30",
+      "-",
+      formatGbpPerMillionTokens(params.data?.output_cost_per_token) ?? "\xA30"
+    ] })
+  }
+];
+function ConnectedPremiumModels() {
+  const { notify } = useBlocksEnvironment();
+  const { data: settings } = useUserSettings();
+  const update = useUpdateUserSettings();
+  const { data: available } = useAvailableModels();
+  const isDeveloper = settings?.developer === true;
+  const premiumModel = settings?.premium_model;
+  const premiumModels = useMemo(
+    () => (available?.models ?? []).filter(
+      (m) => m.tags?.includes("Premium") && (isDeveloper || !m.model_name.includes("@"))
+    ),
+    [available, isDeveloper]
+  );
+  const rows = 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 = useCallback(
+    (model) => update.mutate(
+      { premium_model: model },
+      {
+        onError: (err) => notify(`Failed to update Premium setting: ${String(err)}`, "error")
+      }
+    ),
+    [update, notify]
+  );
+  const currentRef = useRef(current);
+  currentRef.current = current;
+  const [selected, setSelected] = useState([]);
+  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 = 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__ */ jsx(SettingsPanel, { className: "max-w-2xl space-y-4", children: /* @__PURE__ */ jsx(SettingsSection, { title: "Premium models", children: /* @__PURE__ */ jsx(SettingsCard, { className: "space-y-0", children: /* @__PURE__ */ jsx(
+    PremiumModelsFrame,
+    {
+      enabled: premiumModel !== "",
+      onEnabledChange: (enabled) => {
+        const target = enabled ? cheapest(premiumModels)?.model_name : "";
+        if (target !== void 0) save(target);
+      },
+      children: /* @__PURE__ */ jsx(
+        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__ */ jsx(User, { className: "w-6 h-6" }),
+    render: () => /* @__PURE__ */ jsx(ConnectedAccountSettings, { ...props })
+  };
+}
+function mailSettingsSection(props) {
+  return {
+    id: SETTINGS_SECTION_IDS.mail,
+    label: "Mail",
+    icon: /* @__PURE__ */ jsx(Mail, { className: "w-6 h-6" }),
+    render: () => /* @__PURE__ */ jsx(ConnectedMailSettings, { ...props })
+  };
+}
+function privacySettingsSection(props) {
+  return {
+    id: SETTINGS_SECTION_IDS.privacy,
+    label: "Privacy",
+    icon: /* @__PURE__ */ jsx(HatGlasses, { className: "w-6 h-6" }),
+    render: () => /* @__PURE__ */ jsx(ConnectedPrivacySettings, { ...props })
+  };
+}
+function chatSettingsSection() {
+  return {
+    id: SETTINGS_SECTION_IDS.chat,
+    label: "Chat",
+    icon: /* @__PURE__ */ jsx(MessageSquare, { className: "w-6 h-6" }),
+    render: () => /* @__PURE__ */ jsx(ConnectedPremiumModels, {})
+  };
+}
+var DEFAULT_SETTINGS_SECTIONS = [
+  accountSettingsSection(),
+  privacySettingsSection(),
+  chatSettingsSection()
+];
+function ConnectedSettingsPage({
+  sections = DEFAULT_SETTINGS_SECTIONS,
+  section,
+  onSectionChange,
+  ...page
+}) {
+  const requested = useRequestedSettingsSection();
+  const [local, setLocal] = useState(requested?.section);
+  useEffect(() => {
+    if (requested) setLocal(requested.section);
+  }, [requested]);
+  const controlled = section !== void 0;
+  return /* @__PURE__ */ jsx(
+    SettingsPage,
+    {
+      ...page,
+      sections,
+      activeSectionId: controlled ? section : local,
+      onSectionChange: (id) => {
+        if (!controlled) setLocal(id);
+        onSectionChange?.(id);
+      }
+    }
+  );
+}
+function errorDetail(err) {
+  const e = err;
+  const detail = e?.detail ?? e?.apiError?.detail ?? e?.response?.data?.detail ?? e?.error?.detail;
+  if (typeof detail === "string" && detail) return detail;
+  const message = detail?.message;
+  return typeof message === "string" && message ? message : void 0;
+}
+function errorStatus(err) {
+  const e = err;
+  return e?.status ?? e?.response?.status;
+}
+var workspaceWord = () => getEntityLabel("WORKSPACE").toLowerCase();
+var inviteMessage = (emails) => `${emails.length === 1 ? `${emails[0]} isn't on the platform yet.` : `These users aren't on the platform yet:
+${emails.join("\n")}`}
+
+Invite them by email? Once they sign up, they'll usually get access to this ${workspaceWord()} automatically \u2014 if not, they can request it themselves.`;
+function useConnectedWorkspaceSettings(workspaceId, { onLeft } = {}) {
+  const { notify, confirm } = useBlocksEnvironment();
+  const { workspaceId: openWorkspaceId, userId } = useConnectedWorkspace();
+  const { data: workspaces } = useWorkspaces();
+  const workspace = workspaces?.find((w) => w.external_id === workspaceId);
+  const update = useUpdateWorkspace();
+  const add = useAddWorkspaceMembers();
+  const remove = useRemoveWorkspaceMembers();
+  const members = workspace?.users ?? [];
+  const role = members.find((m) => m.user.external_id === userId)?.role ?? null;
+  const isOwner = role === "owner";
+  const isMember = role !== null;
+  const stillOpen = () => {
+    if (!workspace) return false;
+    if (openWorkspaceId === workspace.external_id) return true;
+    notify(
+      `Not saved: you switched to another ${workspaceWord()} first. Open "${workspace.name}" and try again.`,
+      "warning"
+    );
+    return false;
+  };
+  const updateIdentity = async (data) => {
+    if (!workspace || !stillOpen()) return;
+    const changed = [
+      ...data.name !== workspace.name ? ["name"] : [],
+      ...data.description !== (workspace.description || "") ? ["description"] : []
+    ];
+    try {
+      await update.mutateAsync({ name: data.name, description: data.description });
+      if (changed.length > 0) {
+        notify(`${getEntityLabel("WORKSPACE")} ${changed.join(", ")} updated`, "success");
+      }
+    } catch (err) {
+      notify(err instanceof Error ? err.message : "Failed to update workspace", "error");
+      throw err;
+    }
+  };
+  const setPublic = async (isPublic) => {
+    if (!workspace || !stillOpen()) return;
+    await update.mutateAsync({ is_public: isPublic });
+    notify(`Workspace is now ${isPublic ? "common" : "members-only"}`, "success");
+  };
+  const invite = async (emails, memberRole) => {
+    try {
+      await add.mutateAsync({ emails, role: memberRole, confirmInvite: true });
+      notify(
+        emails.length === 1 ? `Invitation sent to ${emails[0]}` : `Invitations sent to ${emails.length} users`,
+        "success"
+      );
+    } catch (err) {
+      const detail = errorDetail(err);
+      notify(
+        detail ? `Couldn't send the invitation: ${detail}` : "Failed to send the invitation.",
+        "error"
+      );
+    }
+  };
+  const share = async (emails, memberRole = "collaborator") => {
+    if (!workspace) return "error";
+    const current = new Set(members.map((m) => m.user.email.toLowerCase()));
+    try {
+      const added = new Set(
+        (await add.mutateAsync({ emails, role: memberRole }) ?? []).map(
+          (m) => m.user.email.toLowerCase()
+        )
+      );
+      const failed = emails.filter((email) => !added.has(email.toLowerCase()));
+      if (failed.length === 0) return "added";
+      const already = failed.filter((email) => current.has(email.toLowerCase()));
+      const unknown = failed.filter((email) => !current.has(email.toLowerCase()));
+      if (added.size > 0) {
+        notify(`Added ${added.size} ${added.size === 1 ? "member" : "members"}`, "success");
+      }
+      if (already.length > 0) {
+        notify(
+          already.length === 1 ? `${already[0]} is already a member` : `${already.length} users are already members`,
+          "info"
+        );
+      }
+      if (unknown.length > 0 && await confirm({
+        message: inviteMessage(unknown),
+        title: "Invite by email?",
+        kind: "yesno"
+      })) {
+        await invite(unknown, memberRole);
+        return added.size > 0 ? "partial" : "invited";
+      }
+      return added.size > 0 ? "partial" : "already_member";
+    } catch (err) {
+      const status = errorStatus(err);
+      const detail = errorDetail(err) || "Failed to add member to workspace";
+      const lower = detail.toLowerCase();
+      if (lower.includes("already has access")) return "already_member";
+      const notRegistered = status === 404 || lower.includes("not found") || lower.includes("no user") || lower.includes("does not exist") || lower.includes("user not registered");
+      if (notRegistered) {
+        if (await confirm({
+          message: inviteMessage(emails),
+          title: "Invite by email?",
+          kind: "yesno"
+        })) {
+          await invite(emails, memberRole);
+          return "invited";
+        }
+        return "cancelled";
+      }
+      const quota = status === 402 || lower.includes("limit reached") || lower.includes("quota") || lower.includes("upgrade");
+      if (!quota) notify(detail, "error");
+      return "error";
+    }
+  };
+  const removeMember = async (userExtId, email, name) => {
+    if (!workspace || !isOwner) return;
+    const ok = await confirm({
+      message: `Remove ${name} (${email}) from the "${workspace.name}" ${getEntityLabel("WORKSPACE")}?
+
+Note that ${getEntityLabel("WORKSPACEUSER", "PLURAL").toLowerCase()} may have saved private content in the workspace that you cannot see. If you remove them from the ${workspaceWord()} they will immediately lose access to any content in the ${workspaceWord()}.`,
+      title: `Remove ${getEntityLabel("WORKSPACEUSER")}`
+    });
+    if (!ok) return;
+    try {
+      await remove.mutateAsync([userExtId]);
+      notify(`Successfully removed ${name} from workspace`, "success");
+    } catch {
+      notify(`Failed to remove ${name} from workspace`, "error");
+    }
+  };
+  const leave = async () => {
+    if (!workspace || !userId || isOwner) return;
+    const name = workspace.name;
+    const ok = await confirm({
+      message: `Are you sure you want to leave the "${name}" ${getEntityLabel("WORKSPACE")}?
+
+You will lose access to all content in this ${workspaceWord()}.`,
+      title: "Leave Workspace"
+    });
+    if (!ok) return;
+    try {
+      await remove.mutateAsync([userId]);
+      onLeft?.();
+      notify(`Successfully left ${name}`, "success");
+    } catch {
+      notify("Failed to leave workspace", "error");
+    }
+  };
+  return {
+    workspace,
+    members,
+    role,
+    isOwner,
+    isMember,
+    updateIdentity,
+    setPublic,
+    share,
+    removeMember,
+    leave,
+    isSharing: add.isPending,
+    isRemoving: remove.isPending
+  };
+}
+var isAgentMember = (member) => member.user.external_id.startsWith("agt-");
+var memberName = (member) => member.user.family_name ? `${member.user.given_name} ${member.user.family_name}` : member.user.given_name;
+function ConnectedWorkspaceSettings({
+  workspaceId,
+  project,
+  projectLine,
+  membersTable,
+  shareDialog,
+  children,
+  onExport,
+  onOpenActivity,
+  onLeft,
+  testId = "workspace-settings-page"
+}) {
+  const settings = useConnectedWorkspaceSettings(workspaceId, { onLeft });
+  const { workspace, members, isOwner, isMember } = settings;
+  const { data: userSettings } = useUserSettings();
+  const isDeveloper = userSettings?.developer === true;
+  const showAgents = userSettings?.show_agent_sessions ?? false;
+  const visibleMembers = useMemo(
+    () => showAgents ? members : members.filter((m) => !isAgentMember(m)),
+    [members, showAgents]
+  );
+  const [membersExpanded, setMembersExpanded] = useState(false);
+  const [shareOpen, setShareOpen] = useState(false);
+  if (!workspace) {
+    return /* @__PURE__ */ jsx(PageLoading, { children: /* @__PURE__ */ jsx(LoadingIndicator, { message: "Loading workspace..." }) });
+  }
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs(WorkspacePageFrame, { testId, children: [
+      /* @__PURE__ */ jsxs(WorkspaceIdentityPanel, { children: [
+        /* @__PURE__ */ jsx(
+          EntityIdentityBar,
+          {
+            testId: "workspace-identity-bar",
+            canEdit: isOwner,
+            actions: isMember ? /* @__PURE__ */ jsx(
+              ConnectedWorkspaceNotificationMenu,
+              {
+                workspaceId: workspace.external_id,
+                onOpenActivity,
+                testId: "workspace-home-notification-menu"
+              }
+            ) : void 0,
+            fields: [
+              {
+                label: "Name",
+                value: workspace.name,
+                placeholder: "Untitled",
+                maxLength: IDENTITY_NAME_MAX_LENGTH,
+                valueClassName: "truncate text-base font-semibold",
+                testId: "workspace-home-title",
+                hideLabel: true,
+                leading: /* @__PURE__ */ jsx(
+                  WorkspaceIdentity,
+                  {
+                    workspace: {
+                      ...toShellWorkspace(workspace),
+                      projectLine: projectLine?.(workspace)
+                    },
+                    expanded: false
+                  }
+                ),
+                trailing: project && /* @__PURE__ */ jsx(
+                  WorkspaceProjectSlot,
+                  {
+                    testId: "workspace-home-project",
+                    caption: `${getEntityLabel("PROJECT")}:`,
+                    children: project({ workspace, isOwner })
+                  }
+                ),
+                // Both fields go up together: the endpoint takes the pair.
+                onSave: (name) => settings.updateIdentity({ name, description: workspace.description ?? "" })
+              },
+              {
+                label: "Description",
+                value: workspace.description ?? "",
+                placeholder: "No description",
+                multiline: true,
+                valueClassName: "line-clamp-2 text-sm text-muted-foreground",
+                testId: "workspace-home-description",
+                hideLabel: true,
+                trailing: /* @__PURE__ */ jsx(
+                  WorkspaceAudienceLine,
+                  {
+                    visibility: {
+                      testId: "workspace-home-visibility",
+                      caption: "Visibility:",
+                      toggle: isOwner && isDeveloper ? /* @__PURE__ */ jsx(
+                        CommonWorkspaceToggle,
+                        {
+                          isCommon: workspace.is_public ?? false,
+                          onToggle: (value) => void settings.setPublic(value),
+                          "data-testid": "workspace-visibility-toggle"
+                        }
+                      ) : void 0,
+                      stateText: workspace.is_public ? "Common \u2014 everyone on this deployment" : "Members only",
+                      stateHelp: workspace.is_public ? "Everyone on this deployment can see its files, not only its members." : "Only members of this workspace can see its files."
+                    },
+                    members: /* @__PURE__ */ jsx(
+                      MemberAvatarStack,
+                      {
+                        members: visibleMembers.map((m) => ({
+                          name: memberName(m),
+                          picture: m.user.picture
+                        })),
+                        total: visibleMembers.length,
+                        expanded: membersExpanded,
+                        onClick: () => setMembersExpanded((open) => !open),
+                        testId: "workspace-home-members-toggle"
+                      }
+                    ),
+                    share: isOwner && shareDialog ? {
+                      label: "Share",
+                      onClick: () => setShareOpen(true),
+                      testId: "workspace-quick-add-member"
+                    } : void 0
+                  }
+                ),
+                onSave: (description) => settings.updateIdentity({ name: workspace.name, description })
+              }
+            ]
+          }
+        ),
+        isMember && membersTable && /* @__PURE__ */ jsx(
+          ExpandableSection,
+          {
+            expanded: membersExpanded,
+            testId: "workspace-settings-members-section",
+            children: membersTable({
+              workspace,
+              members: visibleMembers,
+              onRemove: settings.removeMember,
+              isRemoving: settings.isRemoving
+            })
+          }
+        )
+      ] }),
+      children,
+      isMember && onExport && /* @__PURE__ */ jsx("div", { className: "flex justify-end px-4 pb-4", children: /* @__PURE__ */ jsxs(
+        Button,
+        {
+          variant: "outline",
+          size: "sm",
+          onClick: onExport,
+          "data-testid": "workspace-transfer-button",
+          children: [
+            /* @__PURE__ */ jsx(FolderInput, { className: "size-4" }),
+            "Export, copy or move\u2026"
+          ]
+        }
+      ) }),
+      !isOwner && /* @__PURE__ */ jsx(
+        LeaveFooter,
+        {
+          testId: "workspace-settings-footer",
+          leave: {
+            testId: "workspace-leave-button",
+            label: settings.isRemoving ? "Leaving\u2026" : `Leave ${getEntityLabel("WORKSPACE").toLowerCase()}`,
+            disabled: settings.isRemoving,
+            onClick: () => void settings.leave()
+          }
+        }
+      )
+    ] }),
+    isOwner && shareDialog?.({
+      open: shareOpen,
+      onOpenChange: setShareOpen,
+      workspace,
+      members: visibleMembers,
+      onShare: settings.share,
+      isSharing: settings.isSharing
+    })
+  ] });
+}
+function useConnectedDocxNotifications(onOpen) {
+  const arbi = useArbi();
+  const { status, user, apiUrl } = useConnection();
+  const { notify } = useBlocksEnvironment();
+  const queries = useQueryClient();
+  const source = `docx-mentions:${apiUrl}:${user?.externalId || ""}`;
+  const queryKey = ["docx-mentions", apiUrl, user?.externalId];
+  const { data = [] } = useQuery({
+    queryKey,
+    queryFn: () => arbi.notifications.list({ type: "docx_mention" }),
+    enabled: status === "authenticated",
+    refetchInterval: 3e4
+  });
+  useArbiWebSocket((message) => {
+    if (message.type === "docx_mention") void queries.invalidateQueries({ queryKey });
+  });
+  useEffect(() => {
+    const items = [];
+    if (status === "authenticated")
+      for (const note of data) {
+        if (note.recipient.external_id !== user?.externalId || !note.workspace_ext_id) continue;
+        try {
+          const target = JSON.parse(note.content || "{}");
+          if (!target.document_id?.startsWith("doc-") || !target.comment_id) continue;
+          const documentId = target.document_id, commentId = target.comment_id, workspaceId = note.workspace_ext_id;
+          items.push({
+            id: `docx:${note.external_id}`,
+            title: "Mentioned you in a document comment",
+            description: [note.sender.given_name, note.sender.family_name].filter(Boolean).join(" "),
+            variant: "info",
+            ts: Date.parse(note.created_at),
+            read: note.read,
+            source,
+            onSelect: () => {
+              void Promise.resolve(onOpen({ documentId, commentId, workspaceId })).catch(
+                (error) => notify(
+                  error instanceof Error ? error.message : "Could not open the document.",
+                  "error"
+                )
+              );
+            }
+          });
+        } catch {
+        }
+      }
+    useNotify.getState().syncSource(source, items);
+    return () => useNotify.getState().syncSource(source, []);
+  }, [data, status, user?.externalId, source, onOpen, notify]);
+  const markRead = async (ids) => {
+    try {
+      await arbi.notifications.markRead(ids);
+      await queries.invalidateQueries({ queryKey });
+    } catch {
+      notify("Could not mark document mentions read.", "error");
+    }
+  };
+  return {
+    onMarkRead: (id) => {
+      if (id.startsWith("docx:")) void markRead([id.slice(5)]);
+    },
+    onMarkAllRead: () => {
+      void markRead(
+        data.filter((note) => !note.read && note.recipient.external_id === user?.externalId).map((note) => note.external_id)
+      );
+    }
+  };
+}
+function useConnectedWorkNotifications(onOpen) {
+  const { status, user, apiUrl } = useConnection();
+  const { notify } = useBlocksEnvironment();
+  const source = `work-notifications:${apiUrl}:${user?.externalId || ""}`;
+  const { data = [], markRead: persistRead } = useWorkNotifications({
+    apiUrl,
+    userId: user?.externalId,
+    enabled: status === "authenticated"
+  });
+  useEffect(() => {
+    const items = [];
+    if (status === "authenticated")
+      for (const note of data) {
+        if (note.recipient.external_id !== user?.externalId) continue;
+        const mapped = mapWorkNotification(note);
+        if (!mapped) continue;
+        items.push({
+          id: `work:${note.external_id}`,
+          title: mapped.title,
+          variant: note.type === "workflow_failed" ? "error" : note.type === "conversation_done" ? "success" : "info",
+          ts: Date.parse(note.created_at),
+          read: note.read,
+          source,
+          onSelect: () => {
+            void Promise.resolve().then(() => onOpen(mapped.target)).catch(
+              (error) => notify(
+                error instanceof Error ? error.message : "Could not open this notification.",
+                "error"
+              )
+            );
+          }
+        });
+      }
+    useNotify.getState().syncSource(source, items);
+    return () => useNotify.getState().syncSource(source, []);
+  }, [data, status, user?.externalId, source, onOpen, notify]);
+  const markRead = async (ids) => {
+    if (!ids.length) return;
+    try {
+      await persistRead(ids);
+    } catch {
+      notify("Could not mark work notifications read.", "error");
+    }
+  };
+  return {
+    onMarkRead: (id) => {
+      if (data.some(
+        (note) => `work:${note.external_id}` === id && note.recipient.external_id === user?.externalId && mapWorkNotification(note)
+      ))
+        void markRead([id.slice(5)]);
+    },
+    onMarkAllRead: () => {
+      void markRead(
+        data.filter(
+          (note) => !note.read && note.recipient.external_id === user?.externalId && mapWorkNotification(note)
+        ).map((note) => note.external_id)
+      );
+    }
+  };
+}
+function mapWorkNotification(note) {
+  const sender = [note.sender.given_name, note.sender.family_name].filter(Boolean).join(" ") || note.sender.email;
+  if (note.type === "workflow_failed") {
+    try {
+      const payload = JSON.parse(note.content || "{}");
+      if (!payload.workflow_ext_id?.match(/^wfl-[a-zA-Z0-9]+$/)) return null;
+      if (note.workspace_ext_id?.match(/^wrk-[a-zA-Z0-9]+$/) && note.conversation_ext_id?.match(/^con-[a-zA-Z0-9]+$/)) {
+        return {
+          title: "A workflow failed to run",
+          target: {
+            kind: "conversation",
+            workspaceId: note.workspace_ext_id,
+            conversationId: note.conversation_ext_id
+          }
+        };
+      }
+      return {
+        title: "A workflow failed to run",
+        target: {
+          kind: "workflow",
+          workflowId: payload.workflow_ext_id,
+          workspaceId: note.workspace_ext_id || void 0
+        }
+      };
+    } catch {
+      return null;
+    }
+  }
+  if (note.type === "mail_draft_ready") {
+    const draftId = mailDraftIdFromContent(note.content);
+    if (!draftId) return null;
+    return {
+      title: `${sender} left a draft email for you to review`,
+      target: { kind: "mail_draft", draftId, mailbox: "native" }
+    };
+  }
+  const titles = {
+    mention: `${sender} mentioned you in a conversation`,
+    workspace_access_request: `${sender} needs workspace access to run a thread`,
+    conversation_ready: note.sender.external_id === note.recipient.external_id ? "Your thread is ready" : `${sender}\u2019s thread is ready`,
+    conversation_done: `${sender} marked a thread done`
+  };
+  const title = titles[note.type];
+  if (!title || !note.workspace_ext_id || !note.conversation_ext_id?.match(/^con-[a-zA-Z0-9]+$/))
+    return null;
+  return {
+    title,
+    target: {
+      kind: "conversation",
+      workspaceId: note.workspace_ext_id,
+      conversationId: note.conversation_ext_id,
+      ...note.message_ext_id ? { messageId: note.message_ext_id } : {}
+    }
+  };
+}
+function attachmentPath(accountId, messageId, attachmentId) {
+  return `${accountPath(accountId)}/messages/${encodeURIComponent(messageId)}/attachments/${encodeURIComponent(attachmentId)}`;
+}
+function saveFile(blob, name) {
+  const url = URL.createObjectURL(blob);
+  const link = document.createElement("a");
+  link.href = url;
+  link.download = name;
+  link.click();
+  setTimeout(() => URL.revokeObjectURL(url), 1e3);
+}
+function hydrateMailAttachments(client, account, messageId, attachments, { isOnline, offline }) {
+  return Promise.all(
+    attachments.map(async (a) => {
+      if (a.content_base64 != null) return a;
+      if (!isOnline) {
+        const file = await offline?.loadAttachment(account.id, messageId, a);
+        return file ? { ...a, content_base64: bytesToBase64(new Uint8Array(await file.arrayBuffer())) } : { ...a, content_base64: null };
+      }
+      const response = await client.fetch(attachmentPath(account.id, messageId, a.id));
+      return fileAttachment(new File([await response.blob()], a.name, { type: a.content_type }));
+    })
+  );
+}
 var sessionRooms = /* @__PURE__ */ new Map();
 function useWordBody({
   word,
@@ -8893,6 +9624,6 @@ function ConnectedAgentChatPanel({
   ] });
 }
 
-export { ArbiAppProvider, ConnectedAgentChatPanel, ConnectedAgentCreator, ConnectedCalendar, ConnectedDangerZone, ConnectedIdentityVerification, ConnectedLogoutDialog, ConnectedMailAccounts, ConnectedMailComposer, ConnectedMailInviteCard, ConnectedMailMessage, ConnectedMailSetup, ConnectedMailbox, ConnectedNotificationCenter, ConnectedNotificationPreferences, ConnectedPasswordChangeDialog, ConnectedProfileCard, ConnectedPublicBooking, ConnectedRequireVerified, ConnectedSecuritySection, ConnectedSessionsRow, ConnectedSkillUpload, ConnectedSkillsLibrary, ConnectedTagTable, ConnectedTaskAccessRequest, ConnectedTaskActivityDialog, ConnectedThreadFollow, ConnectedUpcomingEvents, ConnectedWorkflowHistory, ConnectedWorkflowRunner, ConnectedWorkspaceActivity, ConnectedWorkspaceNotificationMenu, DEFAULT_CONNECTED_SKILL_UPLOAD_LABELS, DEFAULT_CONNECTED_WORKFLOW_RUNNER_LABELS, NotificationCenter, NotificationEvent, StreamedArtifact, WorkflowRunThread, bookingCancelLink, buildNotificationCenterItems, countNotificationTypes, defaultUnmetPasswordRequirement, filterNotificationCenterItems, openMeetingLink, requestCalendarComposer, requestCalendarEvent, resolveMailbox, useCalendarViewStore, useConnectedDocxNotifications, useConnectedShellWorkspaces, useConnectedWorkNotifications, workflowRunView };
+export { ArbiAppProvider, ConnectedAccountSettings, ConnectedAgentChatPanel, ConnectedAgentCreator, ConnectedCalendar, ConnectedDangerZone, ConnectedIdentityVerification, ConnectedLogoutDialog, ConnectedMailAccounts, ConnectedMailComposer, ConnectedMailInviteCard, ConnectedMailMessage, ConnectedMailSettings, ConnectedMailSetup, ConnectedMailbox, ConnectedNotificationCenter, ConnectedNotificationPreferences, ConnectedPasswordChangeDialog, ConnectedPremiumModels, ConnectedPrivacySettings, ConnectedProfileCard, ConnectedPublicBooking, ConnectedRequireVerified, ConnectedSecuritySection, ConnectedSessionsRow, ConnectedSettingsPage, ConnectedSkillUpload, ConnectedSkillsLibrary, ConnectedTagTable, ConnectedTaskAccessRequest, ConnectedTaskActivityDialog, ConnectedThreadFollow, ConnectedUpcomingEvents, ConnectedWorkflowHistory, ConnectedWorkflowRunner, ConnectedWorkspaceActivity, ConnectedWorkspaceNotificationMenu, ConnectedWorkspaceSettings, DEFAULT_CONNECTED_SKILL_UPLOAD_LABELS, DEFAULT_CONNECTED_WORKFLOW_RUNNER_LABELS, DEFAULT_SETTINGS_SECTIONS, NotificationCenter, NotificationEvent, SETTINGS_SECTION_IDS, SessionStatusIcon, StreamedArtifact, WorkflowRunThread, accountSettingsSection, bookingCancelLink, buildNotificationCenterItems, chatSettingsSection, countNotificationTypes, defaultUnmetPasswordRequirement, filterNotificationCenterItems, mailSettingsSection, openMeetingLink, privacySettingsSection, renderSessionStatusIcon, requestCalendarComposer, requestCalendarEvent, resolveMailbox, useCalendarViewStore, useConnectedDocxNotifications, useConnectedShellWorkspaces, useConnectedWorkNotifications, useConnectedWorkspaceSettings, workflowRunView };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map