@arbidocs/blocks 0.4.142 → 0.4.143

package/dist/connect/index.js

@@ -1,28 +1,31 @@
 "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';
-export { ConnectedAssistantDock, redlineStats, textToArtifact, toRedlineMarkdown, useConnectedAiTask, useConnectedChat, useSemanticSearch, useWorkspaceDocs } from '../chunk-UGCKUXRV.js';
-import { useConnectedConversations, useConnectedDocuments, useConnectedTags } from '../chunk-45LRMW54.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-FJETR2AS.js';
+export { ConnectedWorkflowDocumentsField, ConnectedWorkflowLauncher, ConnectedWorkflowsTable, DEFAULT_CONNECTED_WORKFLOWS_TABLE_LABELS, NativeDocxSupportProvider, toWorkflowFieldDocument, useConnectedAgentOptions, useConnectedWorkflowScopeSource, useConnectedWorkspaceRole, useNativeDocxSupport } from '../chunk-FJETR2AS.js';
 export { ConnectedWorkspaceDataProvider, useConnectedConversations, useConnectedDocuments, useConnectedTags } from '../chunk-45LRMW54.js';
-import { ConnectedNativeDocxEditor } from '../chunk-ETXYVO6E.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';
-import '../chunk-GYAUJ4KT.js';
+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-FXG7TFAG.js';
+import { WorkspaceActivityList, WorkspaceNotificationMenu, ThreadFollowMenuItem, ThreadFollowButton, TagTable, tagTableDocx } from '../chunk-Y4ATWQGV.js';
 import { 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 { WorkflowsTable, workflowTriggerType, buildWorkflowScopeSource, documentScopeLabels, WorkflowDocumentsField, WorkflowLauncher, 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, PersonPill, TaskActivityDialog, WorkflowStepBar, composePersona, importSkillFile, importSkillFromUrl, WorkflowRunner, skillSlug, serializeSkill, fromPlanSteps, toPlanSteps, useWorkflowView, workflowToSkillMarkdown } from '../chunk-PROK33G6.js';
-import '../chunk-3RJN2VTL.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-T5B7FM7S.js';
+import '../chunk-IXWJGOM2.js';
 import '../chunk-RLWIUUQ5.js';
-import { TriStateFilterMenu, MultiSelect } from '../chunk-CKCBBYTA.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';
@@ -32,27 +35,28 @@ import { upcomingOf, conferenceUrl, isWebinarConference, canJoinEvent, calendarT
 import { detectTimeZone, utcToDate, formatPlainDate, formatInZone, safeZone, todayInZone, addDays, wallToUtc } from '../chunk-GTCC2VAR.js';
 import { ConfirmDialog } from '../chunk-VHJHY7TT.js';
 import { TabHeader } from '../chunk-4WWM3GQ5.js';
-import { ChatPage } from '../chunk-JO3EMZ4X.js';
+import { ChatPage } from '../chunk-GWSGIZQ5.js';
 import '../chunk-7XF5SFJ2.js';
 import { takeOpenDocumentForTurn, useRegisterOpenDocument } from '../chunk-YBLIKTJK.js';
-import { splitDocRef, stepLevels, stepDocuments, stepKindOf, initialRunInputs, workflowSteps, stepStatesFromActivity, runThreadTitle, stepFields } from '../chunk-Y5KTM3V5.js';
+import { splitDocRef, stepLevels, stepDocuments, stepKindOf, initialRunInputs, workflowSteps, stepStatesFromActivity, runThreadTitle, stepFields } from '../chunk-PDKM27DF.js';
+import '../chunk-TZGBRLPK.js';
 import '../chunk-AA3PT6KR.js';
 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, useWorkflows, useAgents, useUpdateWorkflow, useDeleteWorkflow, useRunWorkflow, useThumbnails, useUploadSkillFiles, useSkills, useSetSkillVisibility, useDeleteSkill, useSkillSource, useAgentModels, useMcpTools, useAgentConfig, useAgentWorkspaces, useCreateAgent, useSaveAgentConfig, useGrantAgentAccess, useRevokeAgentAccess, useGenerateAgentAvatar, useWorkflowRuns, useConversationActivity, 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, 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, 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, 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';
@@ -839,255 +843,6 @@ function ConnectedThreadFollow({
     }
   );
 }
-function useConnectedWorkspaceRole() {
-  const { workspaceId, live, userId, ensureWorkspaceOpen } = useConnectedWorkspace();
-  const { data: members = [] } = 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) => workflowTriggerType(w).replaceAll("_", " "),
-  formatDate: formatDate2 = fmtDate,
-  onViewRuns,
-  connectedLabels,
-  ...tableProps
-}) {
-  const l = { ...DEFAULT_CONNECTED_WORKFLOWS_TABLE_LABELS, ...connectedLabels };
-  const { notify, confirm, openConversation } = useBlocksEnvironment();
-  const { canEditShared, isWorkspaceOwner } = useConnectedWorkspaceRole();
-  const { data: saved = [], isLoading } = useWorkflows({ live: true });
-  const { data: conversations, refetch } = useConnectedConversations({ live: true });
-  const { data: agents = [] } = useAgents();
-  const update = useUpdateWorkflow();
-  const remove = useDeleteWorkflow();
-  const run = useRunWorkflow();
-  const [busyId, setBusyId] = useState(null);
-  const workflows = useMemo(() => filter ? saved.filter(filter) : saved, [saved, filter]);
-  const firingStamp = saved.map((w) => `${w.external_id}:${w.last_fired_at ?? ""}`).join("|");
-  useEffect(() => {
-    void refetch?.();
-  }, [firingStamp, refetch]);
-  const lastRuns = 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 = useMemo(
-    () => Object.fromEntries(agents.map((a) => [a.external_id, a.given_name || a.email])),
-    [agents]
-  );
-  const taskNames = 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__ */ jsx(
-    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 } = useConnectedDocuments();
-  const { data: tags } = useConnectedTags();
-  return useMemo(() => buildWorkflowScopeSource(docs, documentScopeLabels(tags)), [docs, tags]);
-}
-function useConnectedAgentOptions() {
-  const { data: agents } = useAgents();
-  return useMemo(
-    () => (agents ?? []).map((a) => ({ id: a.external_id, label: a.given_name || a.email })),
-    [agents]
-  );
-}
-function ConnectedWorkflowDocumentsField({
-  field,
-  value,
-  onChange,
-  onAddFiles,
-  labels
-}) {
-  const arbi = useArbi();
-  const { notify } = useBlocksEnvironment();
-  const { ensureWorkspaceOpen } = useConnectedWorkspace();
-  const { data: docs, loaded, refetch } = useConnectedDocuments();
-  const documents = useMemo(() => docs.map(toWorkflowFieldDocument), [docs]);
-  const chosen = value.documents ?? [];
-  const { data: thumbnails } = useThumbnails(chosen, { enabled: (field.max ?? 1) > 1 });
-  const input = useRef(null);
-  const [adding, setAdding] = useState(false);
-  const upload = 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__ */ jsxs(Fragment, { children: [
-    !onAddFiles && /* @__PURE__ */ 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__ */ jsx(
-      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__ */ jsx(
-    WorkflowLauncher,
-    {
-      ...props,
-      scopeSource,
-      agents,
-      renderDocuments: (field, value, onChange) => /* @__PURE__ */ 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.",
@@ -2988,6 +2743,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;
@@ -3225,7 +2985,9 @@ function ConnectedNotificationPreferences({
     }
   ) }) });
 }
-function ConnectedSessionsRow({ renderSessionIcon }) {
+function ConnectedSessionsRow({
+  renderSessionIcon = renderSessionStatusIcon
+}) {
   const { notify, confirm } = useBlocksEnvironment();
   const [open, setOpen] = useState(false);
   const sessions = useSessions({ enabled: open });
@@ -3291,7 +3053,7 @@ function ConnectedLogoutDialog({
   onClose,
   canLogoutAll = true,
   confirmSignOut,
-  renderSessionIcon
+  renderSessionIcon = renderSessionStatusIcon
 }) {
   const sessions = useSessions({ enabled: open });
   const signOut = useSignOut();
@@ -3369,251 +3131,120 @@ 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) => {
+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 arbi.notifications.markRead(ids);
-      await queries.invalidateQueries({ queryKey });
-    } catch {
-      notify("Could not mark document mentions read.", "error");
+      await onRefresh();
+    } finally {
+      setIsRefreshing(false);
     }
   };
-  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)
-      );
+  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 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"
-              )
-            );
-          }
-        });
+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
       }
-    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;
+    ) }),
+    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"
+          ]
+        }
+      ) })
+    ] }) }),
+    /* @__PURE__ */ jsx(ConnectedDangerZone, { renderSubscriptionLink }),
+    !onLogout && /* @__PURE__ */ jsx(
+      ConnectedLogoutDialog,
+      {
+        open: logoutOpen,
+        onClose: () => setLogoutOpen(false),
+        renderSessionIcon
+      }
+    )
+  ] });
+}
+function ConnectedMailAccounts({
+  policy,
+  accounts,
+  onClose,
+  embedded = false,
+  user,
+  oauthReturnPath,
+  settings
+}) {
+  const { client } = useMailClient();
+  const [profileId, setProfileId] = useState(policy.server_profiles[0]?.id ?? "");
+  const [email, setEmail] = useState("");
+  const [username, setUsername] = useState("");
+  const [password, setPassword] = useState("");
+  const [error, setError] = useState("");
+  const [alias, setAlias] = useState(() => defaultMailAlias(user));
+  const native = useClaimNativeAlias(onClose);
+  const isOnline = useMailOnline();
+  const offline = !isOnline;
+  const onNativeError = (err) => {
+    if (!isAliasTakenError(err)) return setError(err.message);
+    const suggestion = nextAliasSuggestion(alias);
+    setAlias(suggestion);
+    setError(aliasTakenMessage(alias, suggestion, policy.native_domain));
+  };
+  const connect = useConnectMailAccount();
+  const disconnect = useDisconnectMailAccount();
+  const authorizeOAuth = client.authorizeOAuth;
+  const oauth = async (vendor) => {
+    if (!authorizeOAuth) return;
     try {
-      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 }));
-    })
-  );
-}
-function ConnectedMailAccounts({
-  policy,
-  accounts,
-  onClose,
-  embedded = false,
-  user,
-  oauthReturnPath,
-  settings
-}) {
-  const { client } = useMailClient();
-  const [profileId, setProfileId] = useState(policy.server_profiles[0]?.id ?? "");
-  const [email, setEmail] = useState("");
-  const [username, setUsername] = useState("");
-  const [password, setPassword] = useState("");
-  const [error, setError] = useState("");
-  const [alias, setAlias] = useState(() => defaultMailAlias(user));
-  const native = useClaimNativeAlias(onClose);
-  const isOnline = useMailOnline();
-  const offline = !isOnline;
-  const onNativeError = (err) => {
-    if (!isAliasTakenError(err)) return setError(err.message);
-    const suggestion = nextAliasSuggestion(alias);
-    setAlias(suggestion);
-    setError(aliasTakenMessage(alias, suggestion, policy.native_domain));
-  };
-  const connect = useConnectMailAccount();
-  const disconnect = useDisconnectMailAccount();
-  const authorizeOAuth = client.authorizeOAuth;
-  const oauth = async (vendor) => {
-    if (!authorizeOAuth) return;
-    try {
-      window.location.assign(
-        await authorizeOAuth(
-          vendor,
-          oauthReturnPath ?? `${window.location.pathname}${window.location.search}`
-        )
-      );
-    } catch (err) {
-      setError(err instanceof Error ? err.message : "Could not connect account");
+      window.location.assign(
+        await authorizeOAuth(
+          vendor,
+          oauthReturnPath ?? `${window.location.pathname}${window.location.search}`
+        )
+      );
+    } catch (err) {
+      setError(err instanceof Error ? err.message : "Could not connect account");
     }
   };
   const content = /* @__PURE__ */ jsxs(Fragment, { children: [
@@ -3798,6 +3429,504 @@ 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 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,
@@ -9138,6 +9267,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, ConnectedWorkflowDocumentsField, ConnectedWorkflowHistory, ConnectedWorkflowLauncher, ConnectedWorkflowRunner, ConnectedWorkflowsTable, ConnectedWorkspaceActivity, ConnectedWorkspaceNotificationMenu, DEFAULT_CONNECTED_SKILL_UPLOAD_LABELS, DEFAULT_CONNECTED_WORKFLOWS_TABLE_LABELS, DEFAULT_CONNECTED_WORKFLOW_RUNNER_LABELS, NotificationCenter, NotificationEvent, StreamedArtifact, WorkflowRunThread, bookingCancelLink, buildNotificationCenterItems, countNotificationTypes, defaultUnmetPasswordRequirement, filterNotificationCenterItems, openMeetingLink, requestCalendarComposer, requestCalendarEvent, resolveMailbox, toWorkflowFieldDocument, useCalendarViewStore, useConnectedAgentOptions, useConnectedDocxNotifications, useConnectedShellWorkspaces, useConnectedWorkNotifications, useConnectedWorkflowScopeSource, useConnectedWorkspaceRole, 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, 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, workflowRunView };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map