@arbidocs/blocks 0.4.153 → 0.4.155

package/dist/connect/index.js

@@ -1,46 +1,54 @@
 "use client";
-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, ConnectionsLoading, ConnectionsError, ConnectionsEmpty, SettingsPage, SyncDialogBody, SyncField, SyncSelect, SyncSmallNote, SyncLoading, SyncReconnectNotice, SyncNote, SyncTreeFrame, SyncLinkRow, SyncLinkButton, SyncOptions, SyncOptionToggle, SyncDialogFooter, InvoicesDialog, PlanDialogFrame, ProjectList, RenameDialog, SharedProjectsSection, SharedProjectRow, MoreInfo, MoreInfoList, ProjectDetailHeader, PlanBadge, ProjectDetailSection, PlanStack, PlanNotice, PlanPickerCard, PlanPickerHeader, PricingToggle, PromoCodeInput, PlanActionButton, ProjectRow, QuotaMeter, FilterChip, applyInvertedIndexFilter, buildInvertedIndex, serverConnectionView, ServerConnectionButton, ModelProviderLabel, SyncFolderRow, SyncFolderStatus, PlanTierOption, PlanActionRow, SubscriptionStatusView, DailyCapField, UsagePanel, UsageSummary, UsageQuotaHint, UsageToggle, UsageSection, UsageLineChart, UsageLegend, UsageProportionBar, UsageActionButton, PlanInfoPopover, PlanCardGrid, ReferralRewardSummary, CheckoutDialogFrame, ConnectionCard, ReferralRewardNote } from '../chunk-4236BRZK.js';
-export { ConnectedAssistantDock, redlineStats, textToArtifact, toRedlineMarkdown, useConnectedAiTask, useConnectedChat, useSemanticSearch, useWorkspaceDocs } from '../chunk-Z4NQ3TED.js';
-import { useConnectedWorkspaceRole, ConnectedNativeDocxEditor } from '../chunk-DB2OXRQC.js';
-export { ConnectedWorkflowDocumentsField, ConnectedWorkflowLauncher, ConnectedWorkflowsTable, DEFAULT_CONNECTED_WORKFLOWS_TABLE_LABELS, NativeDocxSupportProvider, toWorkflowFieldDocument, useConnectedAgentOptions, useConnectedWorkflowScopeSource, useConnectedWorkspaceRole, useNativeDocxSupport } from '../chunk-DB2OXRQC.js';
+import { useBillingSupport, formatMoney, isProProject, useSelfExtId, addonCharge, formatPeriodEnd, quoteParts, taxDetail, money2, ANNUAL_PREMIUM_AI_NOTE, totalWithTaxWord, planBadgeView, DEFAULT_SPEND_CAP_PENCE, findProPrices, packPrice, calcSavingsPercent, parseBudgetPounds, getQuotaItems, PRO_PACKS, planNameForPacks, proTierName, STORAGE_BLOCK_GB, ADDON_BLOCK_AI_GBP, formatResetDate, quoteError, POSTCODE_COUNTRIES, addonPrice, checkoutBlockPriceText, quoteTotalLine, apiErrorDetail, checkoutItemsLabel, projectGroupBilling, SUGGESTED_DAILY_CAP_PER_USER, FREE_STORAGE_MB, FREE_AI_GBP, PRO_AI_GBP, PRO_STORAGE_GB, plusVat, planPreviewLines, PAY_TODAY_UNPRICED, aiUsageResetTimestamp, TAX_LOCATION_INVALID, FREE_COLLABORATORS, MAX_CHECKOUT_BLOCKS, reduceBounds, splitBlocks, autoRoom, isAddonBudgetZero, nextRemovedBlockSize, stepLabel, addStepCaption, blocksLabel, MIN_AUTO_TOPUP_THRESHOLD_GBP, USAGE_CAP_LABEL, CAP_REACHED_MESSAGE, USAGE_CAP_HELP, PLAN_CHOICE_PACKS, nextPeriodBody, addonSettingsBody, budgetSavedMessage } from '../chunk-7HHYMDPE.js';
+export { BillingSupportProvider, CAP_REACHED_MESSAGE, ZERO_BUDGET_MESSAGE, aiUsageResetTimestamp, formatMoney, formatResetDate, getQuotaItems, isAddonBudgetZero, isProProject, planBadgeView, planName, projectGroupBilling, useBillingSupport, useRewardBalance } from '../chunk-7HHYMDPE.js';
+import { getRoleBadgeClass, formatRole, getRoleDescription, PageLoading, WorkspacePageFrame, WorkspaceIdentityPanel, WorkspaceProjectSlot, WorkspaceAudienceLine, CommonWorkspaceToggle, ExpandableSection, LeaveFooter, WorkspaceList, WorkspaceGroup, WorkspaceCard } from '../chunk-FPHTSNOE.js';
+import { isAgentAccount, workspaceConversationCount, workspaceDocumentCount, isListedWorkspace, WORKSPACE_CATEGORY_FILTERS, projectFilterId, workspaceFilterAttributes, groupWorkspacesByProject, byRecentUpdate } from '../chunk-BTF4AZMG.js';
+import { HomeLoadError, HomeFrame, HomeMain, HomeCenteredScroll, HomeCenteredColumn, DashboardRoot, DashboardBand, DashboardColumns, RecentList, DashboardAction, FactsStrip, FactMark, CreateTile } from '../chunk-ISHFVKVU.js';
+import { ProjectBandTitle, PlainBandTitle } from '../chunk-RQKWYKZY.js';
+import '../chunk-5TDGVOR5.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, ConnectionsLoading, ConnectionsError, ConnectionsEmpty, SettingsPage, SyncDialogBody, SyncField, SyncSelect, SyncSmallNote, SyncLoading, SyncReconnectNotice, SyncNote, SyncTreeFrame, SyncLinkRow, SyncLinkButton, SyncOptions, SyncOptionToggle, SyncDialogFooter, InvoicesDialog, PlanDialogFrame, ProjectList, RenameDialog, SharedProjectsSection, SharedProjectRow, MoreInfo, MoreInfoList, ProjectDetailHeader, PlanBadge, ProjectDetailSection, PlanStack, PlanNotice, PlanPickerCard, PlanPickerHeader, PricingToggle, PromoCodeInput, PlanActionButton, applyTriStateFilters, PanelFrame, PanelAddButton, PanelFrameBody, PanelScroll, PanelActionsRow, ProjectRow, QuotaMeter, FilterChip, applyInvertedIndexFilter, buildInvertedIndex, serverConnectionView, ServerConnectionButton, ModelProviderLabel, SyncFolderRow, SyncFolderStatus, PlanTierOption, PlanActionRow, SubscriptionStatusView, DailyCapField, UsagePanel, UsageSummary, UsageQuotaHint, UsageToggle, UsageSection, UsageLineChart, UsageLegend, UsageProportionBar, UsageActionButton, PlanInfoPopover, PlanCardGrid, ReferralRewardSummary, CheckoutDialogFrame, ConnectionCard, ReferralRewardNote } from '../chunk-HP2C4MD3.js';
+export { ConnectedAssistantDock, redlineStats, textToArtifact, toRedlineMarkdown, useConnectedAiTask, useConnectedChat, useSemanticSearch, useWorkspaceDocs } from '../chunk-KCSIX7CY.js';
+import { useConnectedWorkspaceRole, ConnectedNativeDocxEditor } from '../chunk-GO3BN76C.js';
+export { ConnectedWorkflowDocumentsField, ConnectedWorkflowLauncher, ConnectedWorkflowsTable, DEFAULT_CONNECTED_WORKFLOWS_TABLE_LABELS, NativeDocxSupportProvider, toWorkflowFieldDocument, useConnectedAgentOptions, useConnectedWorkflowScopeSource, useConnectedWorkspaceRole, useNativeDocxSupport } from '../chunk-GO3BN76C.js';
 export { DocumentViewerSupportProvider, useDocumentViewerSupport } from '../chunk-EYJMMGXF.js';
-import { FilterButton, FilesViewCenter, FilesFilterBar, ROW_MIN, rowHeightForLines, linesForRowHeight, RowDensityControl, FolderFilterButton, FolderPickerRow, FieldLabelsSelect } from '../chunk-JGOST4IL.js';
+import { FilterButton, ExplorerFileTile, formatFolderSegment, hasFolderProviderIcon, FolderProviderIcon, ExplorerFolderTile, searchExplorerDocuments, buildExplorerEntries, collectFolderDocs, joinFolderPath, getExplorerDisplayName, RECENTLY_DELETED_HINT, RECENTLY_DELETED_HINT_PLURAL, canDeleteDocument, ExplorerFrame, ExplorerStage, ExplorerScroller, ExplorerLoadingTiles, ExplorerEmpty, ExplorerMarquee, ExplorerDropOverlay, ExplorerDragPreview, ExplorerFileTooltip, visibilityAudience, StatusPill, FailedStageIcon, FilesViewCenter, FilesFilterBar, ROW_MIN, rowHeightForLines, linesForRowHeight, RowDensityControl, FolderFilterButton, FolderPickerRow, FieldLabelsSelect } from '../chunk-6HMCF4AJ.js';
 import '../chunk-RC6VTY2H.js';
-import { useConnectedTags, useConnectedDocuments, useConnectedConversations } from '../chunk-DN2KI4BU.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 { useConnectedTags, useConnectedDocuments, useConnectedConversations } from '../chunk-KDLX5AA7.js';
+export { ConnectedWorkspaceDataProvider, useConnectedConversations, useConnectedDocuments, useConnectedTags } from '../chunk-KDLX5AA7.js';
+import { useConnectedWorkspace, ConnectionProvider, useConnection } from '../chunk-TF7HN5EU.js';
+export { ConnectionProvider, SESSION_EXPIRED_MESSAGE, isAuthenticated, useConnectedWorkspace, useConnection } from '../chunk-TF7HN5EU.js';
 import { SignDocumentDialog } from '../chunk-2YOVK524.js';
 import '../chunk-MTSKK3BN.js';
 import '../chunk-265GOG4W.js';
 import { docIdsOf, toFactCitations, FactsToolbar, FactsFieldsButton, FactComposer, FactDateInput, FactSourcesRow, FactsLoading, FactsLoadError, FactsEmptyState, FactsCalendar, FactsGanttPane, FactsBulkBar, FactSourceGroup, EMPTY_FACT_DATE_FIELDS, withoutChunk, factDateSpanToFields, FactFieldRow, FactLabelsCell, enableFactTableColumnResize, citedVersionRef, withChunk, factDateFieldsToSpan, createFactColumns, FactRowActions, withoutDoc, withDoc, sourceDocCount, DEFAULT_FACT_COLUMN_LABELS } from '../chunk-WU34CHU5.js';
 import { ViewToggle } from '../chunk-JJA6GQKH.js';
 import { FactSourcesPanel, FactPassageItem } from '../chunk-HFZ45FD3.js';
-import { WorkspaceActivityList, WorkspaceNotificationMenu, ThreadFollowMenuItem, ThreadFollowButton, TagTable, TagPicker, tagsPageNouns, entitiesPhrase, ExtractEntitiesDialog, GridRowNavigator, LoadingIndicator, EntityIdentityBar, IDENTITY_NAME_MAX_LENGTH, tagTableDocx, documentCount, tagTableLabels, TagDetail, tagDetailLabels, tagNoteLabel, tagKindDescription, glossaryEntries, glossaryDocx, glossaryMarkdown, glossaryFileName } from '../chunk-YXNNNP57.js';
+import { WorkspaceActivityList, WorkspaceNotificationMenu, ThreadFollowMenuItem, ThreadFollowButton, TagTable, TagPicker, tagsPageNouns, entitiesPhrase, ExtractEntitiesDialog, GridRowNavigator, LoadingIndicator, EntityIdentityBar, IDENTITY_NAME_MAX_LENGTH, tagTableDocx, documentCount, tagTableLabels, TagDetail, tagDetailLabels, tagNoteLabel, tagKindDescription, glossaryEntries, glossaryDocx, glossaryMarkdown, glossaryFileName } from '../chunk-MNG7N6M2.js';
 import { MemberAvatarStack } from '../chunk-XNOASBGW.js';
 import { renderSearchSnippet, SearchGroupHeader, isMeaningMatch, extractHighlightTerms, passesRelevanceCutoff, groupSearchResults, SearchPillToggle, SearchPagination, SearchPageFrame, SearchPageHeader, ApplyLabelDialog, SearchPageBody, SearchToolbarRow, SearchBar, SearchControlsBar, RelevanceThreshold, SearchTotalsHeadline, ApplyLabelButton, getSearchMatchHint, SearchResultsMain, SearchResultsInner, SearchErrorBanner, SearchResultList, SearchGroupCard, SearchNoResults, SearchEmptyState } from '../chunk-G4IYES7G.js';
 import { UsageMeter } from '../chunk-66TA5IBN.js';
+import '../chunk-UJE32SST.js';
 import '../chunk-NHZK64TQ.js';
-import { PlainMailBodyEditor, buildMailFolderTree, MailFolderTree, draftMailCompose, replyMailCompose, emptyMailCompose, MailGrid, MailMessageView, MailDocumentPicker, parseMailRecipients } from '../chunk-R6VCPDPF.js';
+import { PlainMailBodyEditor, MemberNameCell, MemberMutedText, MemberRoleCell, MemberListLoading, MemberBulkActions, buildMailFolderTree, MailFolderTree, draftMailCompose, replyMailCompose, emptyMailCompose, MailGrid, MailMessageView, MailDocumentPicker, parseMailRecipients } from '../chunk-SZSJGZSO.js';
+import '../chunk-NBV56SGU.js';
 import '../chunk-SDOEHEJP.js';
 import { WorkspaceIdentity, workspaceKindColor } from '../chunk-A3XPS2EU.js';
-import '../chunk-SV65E4QW.js';
+import { buildDeepLinkPath } from '../chunk-SV65E4QW.js';
 import '../chunk-ZCOVDK2E.js';
 import { isDefinitionsLabel, DOCX_MIME_TYPE, toDefinitionSource, definitionLabels } from '../chunk-DIB4JYUY.js';
-import { SearchHit } from '../chunk-EF4ZLKRM.js';
+import { SearchHit } from '../chunk-DEPF5LQI.js';
 import { TimelineZoomControl } from '../chunk-4EZVCGRL.js';
 import { decodeWhitespaceEntities } from '../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-3PCBYOIZ.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, STATUS_LABELS, asTaskStatus, workflowToSkillMarkdown } from '../chunk-P6RIBIVN.js';
 import { MultiSelect } from '../chunk-CQCC7LE7.js';
-import { PersonPill } from '../chunk-COA3S3CZ.js';
-import '../chunk-IXWJGOM2.js';
-import { TriStateFilterMenu, DocumentPicker } from '../chunk-KSHKTOY2.js';
+import { PersonPill } from '../chunk-XI37A7HH.js';
+import { SectionLabel } from '../chunk-BQ77KSXU.js';
+import { TriStateFilterMenu, DocumentPicker } from '../chunk-NUSBINUM.js';
 import '../chunk-P6GHJSLR.js';
 import '../chunk-M4S75AEJ.js';
 import '../chunk-5LXQPP2K.js';
 import '../chunk-RLWIUUQ5.js';
-import '../chunk-YKQ2DPIP.js';
+import '../chunk-VF5EUAIV.js';
 import { SelectionBar, SelectionBarAction } from '../chunk-NUNKSZKU.js';
 import { FilterInput } from '../chunk-YU2KUMGE.js';
 import { GridView } from '../chunk-N5YEF3LC.js';
@@ -57,21 +65,21 @@ import { splitDocRef, stepLevels, stepDocuments, stepKindOf, initialRunInputs, w
 import '../chunk-TZGBRLPK.js';
 import '../chunk-AUS3KBHJ.js';
 import '../chunk-AA3PT6KR.js';
-import '../chunk-SLSBJRWW.js';
+import { useIsPhone } from '../chunk-SLSBJRWW.js';
 import '../chunk-NPLYHR2E.js';
 import '../chunk-7F6CBP3Z.js';
-import { PassagePill, useCopyText } from '../chunk-JAANWQGB.js';
-import { useBlocksEnvironment, useRequestedSettingsSection } from '../chunk-TBEVGWY3.js';
+import { PassagePill, useCopyText } from '../chunk-ETZ5A3GU.js';
+import { useBlocksEnvironment, useRequestedSettingsSection, BlocksProvider } from '../chunk-F57LNUSZ.js';
 import { ModalScaffold, ModalSection } from '../chunk-TX2ZICS7.js';
 import { fmtDate, initials } from '../chunk-OXF2IFXG.js';
 import '../chunk-VUNV25KB.js';
-import { lazy, memo, useState, useEffect, createContext, useCallback, useMemo, useRef, Suspense, useContext, useSyncExternalStore, useLayoutEffect, useId } from 'react';
+import { lazy, memo, useState, useEffect, useCallback, createContext, useMemo, forwardRef, useRef, useLayoutEffect, useImperativeHandle, useContext, Suspense, useSyncExternalStore, useId } from 'react';
 import { QueryClient, QueryClientProvider, useQueryClient, useQuery } from '@tanstack/react-query';
-import { HtmlIcon, useArbiSessionState, 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, useCreateTag, useSetTagValues, useUpdateTagKindSchema, useFacts, useDeleteTag, useExtractEntities, 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, useConnectorVendorVisibility, useConnectorCatalog, useMyConnectors, useDisconnectConnector, useSlackConnection, useDisconnectSlack, isMailboxSyncVendor, isSharePointVendor, useUpdateWorkspace, useAddWorkspaceMembers, useRemoveWorkspaceMembers, toShellWorkspace, useEnableMailboxSync, useMailboxFolders, useEnableDriveSync, useDriveFolderChildren, connectorErrorStatus, formatGbp, useProjectInvoices, useProjects, useUpdateProjectFields, useUserUsageToday, useChargeWatch, useAddonQuote, STILL_WORKING, useProjectBillingPortal, useIsSlow, useProducts, useCreateProject, useDeleteProject, useRefreshProject, MAX_RETRIEVE_DOC_IDS, useSemanticSearch, useAssignDocTags, useArbiWebSocket, useWorkNotifications, describeServerNotification, 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, connectorReturnTo, ArbiWebSocketProvider, isDeploymentUserNotification, getWorkspaceActionText, getWorkspaceSentPhrase, BOX_SEAT_REFUSED, BOX_SEAT_REFUSED_TITLE, documentActivityPhrase, isSignatureNotificationType, inputRequestTitle, WORK_NOTIFICATION_LABELS, documentDisplayName, getWorkspaceKind, formatRelativeTime, useCreateWork, useActOnStep, useConversationThreads, useUpdateTag, usePassageQuotes, useUpdateFact, useDeleteFact, useCreateFact, ProviderIcon, formatGbpPerMillionTokens, useDriveFolderDocCount, useChangeProjectPlan, useCancelProjectSubscription, usePreviewProjectPlanChange, useAddProjectAddonBlock, useProjectUsage, usePlanQuote, useCreateProjectCheckout, useInvalidateProjects, 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, useBookingPages, useDeleteBookingPage, SHAREPOINT_VENDORS, useUpdateProjectNextPeriodAddons, useUpdateProjectAddonSettings, useSyncCalendarAccount, useUpdateCalendarAccount, useDisconnectCalendarAccount, ACCOUNT_VENDOR, useCalDavProfiles, useConnectCalDavAccount, useSaveBookingPage, useCreateRoom } from '@arbidocs/react';
+import { HtmlIcon, useMailPolicy, useProcessingTasks, useUpdateDocuments, useDeleteDocuments, useRenameFolder, useDownloadDocuments, useTags, useDocumentThumbnails, useArbiSessionState, useProcessingTask, getDocumentSubject, useWorkspaces, ArbiProvider, useConversations, useRunConversation, useWorkspaceActivity, useWorkspaceUsers, isWorkspaceNotificationType, useArbi, useNotifications, useDeleteNotifications, useMarkNotificationsRead, useWorkspaceNotificationLevel, useFollowThread, useUploadSkillFiles, useSkills, useSetSkillVisibility, useDeleteSkill, useSkillSource, useAgentModels, useMcpTools, useAgentConfig, useAgentWorkspaces, useCreateAgent, useSaveAgentConfig, useGrantAgentAccess, useRevokeAgentAccess, useGenerateAgentAvatar, useWorkflowRuns, useConversationActivity, useAgents, ArtifactCanvas, useArbiChat, useDocuments, useTagKindSchema, useCreateTag, useSetTagValues, useUpdateTagKindSchema, useFacts, useDeleteTag, useExtractEntities, 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, useMailAccounts, useUserSettings, useUpdateUserSettings, useAvailableModels, useConnectorVendorVisibility, useConnectorCatalog, useMyConnectors, useDisconnectConnector, useSlackConnection, useDisconnectSlack, isMailboxSyncVendor, isSharePointVendor, useUpdateWorkspace, useAddWorkspaceMembers, useRemoveWorkspaceMembers, useSetWorkspaceMemberRoles, toShellWorkspace, useEnableMailboxSync, useMailboxFolders, useEnableDriveSync, useDriveFolderChildren, connectorErrorStatus, useProjectInvoices, useProjects, useUpdateProjectFields, useUserUsageToday, formatGbp, useChargeWatch, useAddonQuote, STILL_WORKING, useProjectBillingPortal, useIsSlow, useProducts, useCreateProject, useDeleteProject, useRefreshProject, useCanCreateProjects, useDeleteWorkspaces, PROJECT_CREATION_DENIED_REASON, MAX_RETRIEVE_DOC_IDS, useSemanticSearch, useAssignDocTags, useArbiWebSocket, useWorkNotifications, describeServerNotification, 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, connectorReturnTo, ArbiWebSocketProvider, isDeploymentUserNotification, getWorkspaceActionText, getWorkspaceSentPhrase, BOX_SEAT_REFUSED, BOX_SEAT_REFUSED_TITLE, documentActivityPhrase, isSignatureNotificationType, inputRequestTitle, WORK_NOTIFICATION_LABELS, documentDisplayName, getWorkspaceKind, formatRelativeTime, useCreateWork, useActOnStep, useConversationThreads, useUpdateTag, usePassageQuotes, useUpdateFact, useDeleteFact, useCreateFact, ProviderIcon, formatGbpPerMillionTokens, useDriveFolderDocCount, useChangeProjectPlan, useCancelProjectSubscription, usePreviewProjectPlanChange, useAddProjectAddonBlock, useProjectUsage, usePlanQuote, useCreateProjectCheckout, useInvalidateProjects, 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, useBookingPages, useDeleteBookingPage, SHAREPOINT_VENDORS, useUpdateProjectNextPeriodAddons, useUpdateProjectAddonSettings, useSyncCalendarAccount, useUpdateCalendarAccount, useDisconnectCalendarAccount, ACCOUNT_VENDOR, useCalDavProfiles, useConnectCalDavAccount, useSaveBookingPage, useCreateRoom } from '@arbidocs/react';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-import { Badge, Button, Label, Input, cn, Textarea, Dialog, DialogContent, DialogHeader, DialogTitle, DialogDescription, tagKindNouns, tagKindTitle, isImageDocument, getDocumentTitle, getEntityColor, IconToggle, VisibilityToggle, Switch, getEntityLabel, ProjectEntity, DialogFooter, EntityIcon, DocumentEntity, EntityPill, ShieldIcon, getTagTypeLabel, Popover, PopoverTrigger, DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, Tooltip, TooltipTrigger, TooltipContent, PopoverContent, Tabs, TabsList, TabsTrigger, TabsContent, UserEntity, Select, SelectTrigger, SelectValue, SelectContent, SelectItem, formatFriendlyDate, VerifiedToggle, Progress } from '@arbidocs/react/ui';
+import { getFileTypeIcon, DocumentEntity, cn, getDocumentTitle, Badge, VisibilityIcon, formatFriendlyDate, getEntityLabel, Avatar, AvatarImage, getUserDisplayName, AvatarFallback, getUserInitials, getUserAvatarColor, Button, Label, Input, Textarea, Dialog, DialogContent, DialogHeader, DialogTitle, DialogDescription, tagKindNouns, tagKindTitle, isImageDocument, getEntityColor, IconToggle, VisibilityToggle, Switch, ProjectEntity, DialogFooter, EntityIcon, getDocIcon, Tooltip, TooltipTrigger, TooltipContent, EntityPill, ShieldIcon, getTagTypeLabel, Popover, PopoverTrigger, DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, UserEntity, PopoverContent, Tabs, TabsList, TabsTrigger, TabsContent, Select, SelectTrigger, SelectValue, SelectContent, SelectItem, VerifiedToggle, Progress } from '@arbidocs/react/ui';
 import { useNotify, notify, sharedSearchSession, takePendingSearch } from '@arbidocs/react/shell';
-import { Bell, Activity, Info, UserCheck, Trash2, Loader2, Upload, Link2, Search, Plus, ArrowLeft, ExternalLink, Tags, CheckCircle2, Milestone, Monitor, UserCircle, KeyRound, Radio, LogOut, Wifi, RotateCcw, Mail, User, HatGlasses, MessageSquare, PlugZap, FolderInput, PoundSterling, HardDrive, Users, FileText, Tag, Settings, Video, Printer, CalendarDays, Clock, MapPin, Globe, Sparkles, ArrowUpCircle, Building2, Contact, Scale, NotebookPen, Check, X, Pencil, BookA, ChevronDown, Paperclip, Quote, Download, Send, Inbox, CalendarX, CalendarCheck, Minimize2, Maximize2, Minus, CalendarSearch, DoorOpen, RefreshCw, AlertTriangle } from 'lucide-react';
+import { SquarePen, BookOpen, MessagesSquare, Pencil, Download, Mail, FolderInput, Trash2, Sparkles, Play, ArrowDownToLine, Bell, Activity, Info, UserCheck, Loader2, Upload, Link2, Search, Plus, ArrowLeft, ExternalLink, Tags, CheckCircle2, Milestone, Monitor, UserCircle, KeyRound, Radio, LogOut, Wifi, RotateCcw, User, HatGlasses, MessageSquare, PlugZap, SquareStack, Table, FileText, Tag, Settings, Video, Printer, CalendarDays, Clock, MapPin, Globe, AlertTriangle, FileX, SkipForward, CheckCircle, ArrowUpCircle, Building2, Contact, Scale, NotebookPen, Check, X, BookA, ChevronDown, Users, Paperclip, Quote, Send, Inbox, CalendarX, CalendarCheck, Minimize2, Maximize2, Minus, CalendarSearch, DoorOpen, RefreshCw } from 'lucide-react';
 import { downloadBlob, useIsOnline, useOptionalDocumentTools, fetchDocumentPdf, DocumentToolsProvider } from '@arbidocs/react/document-tools';
 import { useStreamedArtifact } from '@arbidocs/react/artifacts';
 import { FLAT_TAG_KINDS, TAG_KINDS, refusalReason, getChildTags, tagUseCount, flattenTagTree, isFlatKind, isEntityTag, tagsForScope, filterDocumentTags, isLabelTag, getTagDescendantIds, getEligibleParentTags, canTagHaveParent } from '@arbidocs/sdk/browser';
@@ -79,6 +87,8 @@ import { bytesToBase64 } from '@arbidocs/client';
 import { createPortal } from 'react-dom';
 import { create } from 'zustand';
 import { persist, createJSONStorage } from 'zustand/middleware';
+import { useDraggable, useDroppable, useSensors, useSensor, MouseSensor, TouchSensor, pointerWithin, rectIntersection, DndContext, DragOverlay } from '@dnd-kit/core';
+import { useVirtualizer } from '@tanstack/react-virtual';
 
 function ConnectionBoundWebSocket({ children }) {
   const { status } = useConnection();
@@ -672,13 +682,13 @@ function NotificationCenter({
 var PAGE_SIZE = 100;
 function localTime(timestamp) {
   const date = new Date(timestamp);
-  const time = date.toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" });
+  const time2 = date.toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" });
   const today = /* @__PURE__ */ new Date();
   const yesterday = new Date(today);
   yesterday.setDate(today.getDate() - 1);
-  if (date.toDateString() === today.toDateString()) return `Today, ${time}`;
-  if (date.toDateString() === yesterday.toDateString()) return `Yesterday, ${time}`;
-  return `${date.toLocaleDateString([], { month: "short", day: "numeric" })}, ${time}`;
+  if (date.toDateString() === today.toDateString()) return `Today, ${time2}`;
+  if (date.toDateString() === yesterday.toDateString()) return `Yesterday, ${time2}`;
+  return `${date.toLocaleDateString([], { month: "short", day: "numeric" })}, ${time2}`;
 }
 function DefaultUser({ user }) {
   const arbi = useArbi();
@@ -6660,27 +6670,11 @@ function useConnectedWorkspaceSettings(workspaceId, { onLeft } = {}) {
         }
         return "cancelled";
       }
-      const quota2 = status === 402 || lower.includes("limit reached") || lower.includes("quota") || lower.includes("upgrade");
-      if (!quota2) notify14(detail, "error");
+      const quota = status === 402 || lower.includes("limit reached") || lower.includes("quota") || lower.includes("upgrade");
+      if (!quota) notify14(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]);
-      notify14(`Successfully removed ${name} from workspace`, "success");
-    } catch {
-      notify14(`Failed to remove ${name} from workspace`, "error");
-    }
-  };
   const leave = async () => {
     if (!workspace || !userId || isOwner) return;
     const name = workspace.name;
@@ -6708,19 +6702,246 @@ You will lose access to all content in this ${workspaceWord()}.`,
     updateIdentity,
     setPublic,
     share,
-    removeMember,
     leave,
     isSharing: add.isPending,
     isRemoving: remove.isPending
   };
 }
+var memberName = (user) => user.family_name ? `${user.given_name} ${user.family_name}` : user.given_name;
+var ALL_ROLES = ["owner", "collaborator", "guest"].map((value) => ({ value, label: formatRole(value), badgeClass: getRoleBadgeClass(value) }));
+var BULK_ROLES = ALL_ROLES.filter((r) => r.value !== "owner");
+var ROLE_ORDER = { owner: 0, collaborator: 1, guest: 2 };
+function roleLock(targetId, selfId, isOwner) {
+  if (!isOwner) return "Only owners can change roles";
+  if (targetId === selfId) return "Your role can only be changed by another owner";
+  return null;
+}
+var defaultRenderMember = (member) => {
+  const name = memberName(member.user);
+  return /* @__PURE__ */ jsx(
+    UserEntity,
+    {
+      size: "xs",
+      variant: "pill",
+      showTooltip: false,
+      interactive: false,
+      displayName: name,
+      initials: initials(name || member.user.email),
+      picture: member.user.picture
+    }
+  );
+};
+function ConnectedWorkspaceMembers({
+  workspace,
+  members,
+  selfId,
+  isOwner: isOwnerRaw,
+  isLoading = false,
+  readOnly = false,
+  renderMember = defaultRenderMember,
+  gridState,
+  onGridStateChange
+}) {
+  const { confirm, notify: notify14 } = useBlocksEnvironment();
+  const isOwner = isOwnerRaw && !readOnly;
+  const [selected, setSelected] = useState([]);
+  const updateRoles = useSetWorkspaceMemberRoles();
+  const remove = useRemoveWorkspaceMembers();
+  const memberWord = (count) => getEntityLabel("WORKSPACEUSER", count === 1 ? "SINGULAR" : "PLURAL");
+  const workspaceWord2 = getEntityLabel("WORKSPACE").toLowerCase();
+  const inWorkspace = `"${workspace.name}"`;
+  const setRoles = async (rows2, role) => {
+    const single = rows2.length === 1 ? memberName(rows2[0].user) : null;
+    try {
+      await updateRoles.mutateAsync({ userIds: rows2.map((r) => r.user.external_id), role });
+      notify14(
+        single ? `${single}'s role updated to ${formatRole(role)} in "${workspace.name}"` : `Updated ${rows2.length} users to ${formatRole(role)} in "${workspace.name}"`,
+        "success"
+      );
+      return true;
+    } catch {
+      notify14(
+        single ? `Failed to update ${single}'s role` : `Failed to update roles in "${workspace.name}"`,
+        "error"
+      );
+      return false;
+    }
+  };
+  const rows = useMemo(
+    () => [...members].sort((a, b) => {
+      if (a.user.external_id === selfId) return -1;
+      if (b.user.external_id === selfId) return 1;
+      return (ROLE_ORDER[a.role] ?? 3) - (ROLE_ORDER[b.role] ?? 3);
+    }),
+    [members, selfId]
+  );
+  const columnDefs = useMemo(
+    () => [
+      {
+        colId: "name",
+        headerName: "Name",
+        flex: 1,
+        minWidth: 150,
+        sortable: true,
+        valueGetter: (p) => p.data ? memberName(p.data.user) : "",
+        cellRenderer: (p) => p.data ? /* @__PURE__ */ jsx(MemberNameCell, { children: renderMember(p.data) }) : null
+      },
+      {
+        colId: "email",
+        headerName: "Email",
+        flex: 1,
+        minWidth: 180,
+        sortable: true,
+        valueGetter: (p) => p.data?.user.email ?? "",
+        // Plain text, not a mailto: the row's click selects it.
+        cellRenderer: (p) => p.data?.user.email ? /* @__PURE__ */ jsx(MemberMutedText, { className: "truncate", title: p.data.user.email, children: p.data.user.email }) : null
+      },
+      {
+        colId: "role",
+        headerName: "Role",
+        width: 145,
+        minWidth: 130,
+        sortable: true,
+        valueGetter: (p) => p.data?.role ?? "",
+        cellRenderer: (p) => {
+          const row = p.data;
+          if (!row) return null;
+          const lock = roleLock(row.user.external_id, selfId, isOwner);
+          return /* @__PURE__ */ jsx(
+            MemberRoleCell,
+            {
+              role: row.role,
+              roles: ALL_ROLES,
+              tooltip: lock ?? getRoleDescription(row.role),
+              canChange: !lock,
+              isPending: updateRoles.isPending,
+              onChange: (value) => void setRoles([row], value),
+              temporaryHint: row.is_temporary ? "Temporary, session-scoped grant \u2014 expires with the session." : void 0
+            }
+          );
+        }
+      },
+      {
+        colId: "joined_at",
+        headerName: "Joined",
+        width: 145,
+        minWidth: 125,
+        sortable: true,
+        valueGetter: (p) => p.data ? new Date(p.data.joined_at).getTime() : "",
+        cellRenderer: (p) => p.data ? /* @__PURE__ */ jsx(MemberMutedText, { className: "cursor-default", children: formatFriendlyDate(p.data.joined_at) }) : null
+      },
+      {
+        colId: "conversation_count",
+        headerName: getEntityLabel("CONVERSATION", "PLURAL"),
+        width: 95,
+        minWidth: 85,
+        sortable: true,
+        type: "numericColumn",
+        valueGetter: (p) => p.data?.conversation_count ?? 0,
+        cellRenderer: (p) => p.data ? /* @__PURE__ */ jsx(MemberMutedText, { children: p.data.conversation_count }) : null
+      },
+      {
+        colId: "document_count",
+        headerName: "Docs",
+        width: 90,
+        minWidth: 80,
+        sortable: true,
+        type: "numericColumn",
+        valueGetter: (p) => p.data?.document_count ?? 0,
+        cellRenderer: (p) => p.data ? /* @__PURE__ */ jsx(MemberMutedText, { children: p.data.document_count }) : null
+      },
+      {
+        colId: "files_mb",
+        headerName: "Storage",
+        width: 110,
+        minWidth: 95,
+        sortable: true,
+        type: "numericColumn",
+        valueGetter: (p) => p.data?.files_mb ?? 0,
+        cellRenderer: (p) => {
+          if (!p.data) return null;
+          const mb = p.data.files_mb ?? 0;
+          return /* @__PURE__ */ jsxs(MemberMutedText, { children: [
+            mb >= 100 ? Math.round(mb).toLocaleString("en-US") : mb.toFixed(1),
+            " MB"
+          ] });
+        }
+      }
+    ],
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [selfId, isOwner, updateRoles.isPending, renderMember, workspace.name]
+  );
+  const removeSelected = async () => {
+    const count = selected.length;
+    if (count === 0) return;
+    const names = count === 1 ? `"${memberName(selected[0].user)}"` : `${count} ${memberWord(count).toLowerCase()}`;
+    const members2 = getEntityLabel("WORKSPACEUSER", "PLURAL").toLowerCase();
+    const confirmed = await confirm({
+      title: `Remove ${count} ${memberWord(count)}`,
+      message: `Remove ${names} from ${inWorkspace}?
+
+Note that ${members2} may have saved private content in the ${workspaceWord2} that you cannot see. Once removed they immediately lose access to any content in the ${workspaceWord2}.`
+    });
+    if (!confirmed) return;
+    try {
+      await remove.mutateAsync(selected.map((m) => m.user.external_id));
+      setSelected([]);
+      notify14(`Removed ${names} from ${inWorkspace}`, "success");
+    } catch {
+      notify14(`Failed to remove some users from ${inWorkspace}`, "error");
+    }
+  };
+  const changeSelectedRoles = async (role) => {
+    const changeable = selected.filter((m) => !roleLock(m.user.external_id, selfId, isOwner));
+    if (changeable.length === 0) return;
+    if (await setRoles(changeable, role)) setSelected([]);
+  };
+  const canRemoveSelected = selected.every(
+    (m) => m.role !== "owner" && m.user.external_id !== selfId
+  );
+  const canChangeRoleSelected = selected.some((m) => !roleLock(m.user.external_id, selfId, isOwner));
+  const ownerOnly = `Only available to ${workspaceWord2} owner`;
+  if (isLoading) return /* @__PURE__ */ jsx(MemberListLoading, {});
+  return /* @__PURE__ */ jsxs("div", { "data-testid": "workspace-users", className: "relative flex flex-col", children: [
+    /* @__PURE__ */ jsx("div", { className: "flex-1 overflow-auto", children: /* @__PURE__ */ jsx(
+      GridView,
+      {
+        items: rows,
+        columnDefs,
+        getItemId: (m) => m.user.external_id,
+        selection: { mode: "multiple", selected, onSelectionChange: setSelected },
+        persistState: !!onGridStateChange,
+        gridId: `workspace-users-${workspace.external_id}-v6`,
+        gridState,
+        onGridStateChange,
+        height: "300px",
+        className: "w-full grid-sort-left"
+      }
+    ) }),
+    !readOnly && /* @__PURE__ */ jsx(SelectionBar, { count: selected.length, onClear: () => setSelected([]), children: /* @__PURE__ */ jsx(
+      MemberBulkActions,
+      {
+        roles: BULK_ROLES,
+        onChangeRole: (value) => void changeSelectedRoles(value),
+        isRoleDisabled: !isOwner || !canChangeRoleSelected || updateRoles.isPending,
+        roleTooltip: !isOwner ? ownerOnly : selected.length === 0 ? "Select users to change their role" : !canChangeRoleSelected ? "You cannot change your own role" : "Change role for selected users",
+        isOwner,
+        onRemove: () => void removeSelected(),
+        isRemoveDisabled: !isOwner || !canRemoveSelected || remove.isPending,
+        removeTooltip: !isOwner ? ownerOnly : "Remove selected from workspace"
+      }
+    ) })
+  ] });
+}
 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;
+var memberName2 = (member) => member.user.family_name ? `${member.user.given_name} ${member.user.family_name}` : member.user.given_name;
 function ConnectedWorkspaceSettings({
   workspaceId,
   project,
   projectLine,
-  membersTable,
+  renderMember,
+  membersGridState,
+  onMembersGridStateChange,
   shareDialog,
   children,
   onExport,
@@ -6730,6 +6951,7 @@ function ConnectedWorkspaceSettings({
 }) {
   const settings = useConnectedWorkspaceSettings(workspaceId, { onLeft });
   const { workspace, members, isOwner, isMember } = settings;
+  const { userId } = useConnectedWorkspace();
   const { data: userSettings } = useUserSettings();
   const isDeveloper = userSettings?.developer === true;
   const showAgents = userSettings?.show_agent_sessions ?? false;
@@ -6817,7 +7039,7 @@ function ConnectedWorkspaceSettings({
                       MemberAvatarStack,
                       {
                         members: visibleMembers.map((m) => ({
-                          name: memberName(m),
+                          name: memberName2(m),
                           picture: m.user.picture
                         })),
                         total: visibleMembers.length,
@@ -6838,17 +7060,23 @@ function ConnectedWorkspaceSettings({
             ]
           }
         ),
-        isMember && membersTable && /* @__PURE__ */ jsx(
+        isMember && /* @__PURE__ */ jsx(
           ExpandableSection,
           {
             expanded: membersExpanded,
             testId: "workspace-settings-members-section",
-            children: membersTable({
-              workspace,
-              members: visibleMembers,
-              onRemove: settings.removeMember,
-              isRemoving: settings.isRemoving
-            })
+            children: /* @__PURE__ */ jsx(
+              ConnectedWorkspaceMembers,
+              {
+                workspace,
+                members: visibleMembers,
+                selfId: userId,
+                isOwner,
+                renderMember,
+                gridState: membersGridState,
+                onGridStateChange: onMembersGridStateChange
+              }
+            )
           }
         )
       ] }),
@@ -7516,20 +7744,6 @@ function ConnectedDriveSyncDialog({
     }
   );
 }
-var BillingSupportContext = createContext({ stripeEnabled: false });
-function BillingSupportProvider({
-  value,
-  children
-}) {
-  return /* @__PURE__ */ jsx(BillingSupportContext.Provider, { value, children });
-}
-function useBillingSupport() {
-  return useContext(BillingSupportContext);
-}
-function useSelfExtId() {
-  const arbi = useArbi();
-  return arbi.isLoggedIn ? arbi.user.identity()?.externalId ?? void 0 : void 0;
-}
 var focus = null;
 var listeners = /* @__PURE__ */ new Set();
 function requestProjectBillingFocus(next) {
@@ -7549,363 +7763,8 @@ function BillingProjectEntity({
   ...props
 }) {
   const { stripeEnabled } = useBillingSupport();
-  const isPaid = stripeEnabled && (subscription === "active" || subscription === "past_due" || subscription === "dev");
-  return /* @__PURE__ */ jsx(ProjectEntity, { ...props, subscription, isPaid });
-}
-
-// src/connection/billing/plan-constants.ts
-var PRO_AI_GBP = 10;
-var PRO_STORAGE_GB = 5;
-var ADDON_BLOCK_AI_GBP = 25;
-var STORAGE_BLOCK_GB = 25;
-var DEFAULT_SPEND_CAP_PENCE = 1e4;
-var MIN_AUTO_TOPUP_THRESHOLD_GBP = 1;
-var FREE_AI_GBP = 1;
-var FREE_STORAGE_MB = 50;
-var UNLIMITED_COLLABORATORS = 999;
-var SUGGESTED_DAILY_CAP_PER_USER = 10;
-
-// src/connection/billing/quota-items.ts
-var fmt = (v) => Math.round(v).toLocaleString("en-US");
-function formatResetDate(unixTimestamp) {
-  if (!unixTimestamp) return null;
-  const date = new Date(unixTimestamp * 1e3);
-  return date.toLocaleDateString("en-US", { month: "short", day: "numeric", year: "numeric" });
-}
-function aiUsageResetTimestamp(project) {
-  const periodEnd = project.plan_interval === "year" ? null : project.current_period_end;
-  const ts = project.addons?.ai_usage_reset_at ?? periodEnd ?? project.quotas?.budget_reset_at ?? null;
-  return ts && ts * 1e3 > Date.now() ? ts : null;
-}
-var quota = (q) => ({
-  used: q?.used ?? 0,
-  limit: q?.limit ?? 0
-});
-function storageText(gbValue, limitGb, unit = true) {
-  if (limitGb >= 1) {
-    const n = Math.round(gbValue * 10) / 10;
-    return `${n.toLocaleString("en-US")}${unit ? " GB" : ""}`;
-  }
-  return `${fmt(gbValue * 1e3)}${unit ? " MB" : ""}`;
-}
-var pctOf = (used, limit) => limit > 0 ? used / limit * 100 : 0;
-function getQuotaItems(quotas) {
-  const aiUsage = quota(quotas?.ai_usage);
-  const storage = quota(quotas?.storage_gb);
-  const collaborators = quota(quotas?.collaborators);
-  const unlimitedCollaborators = collaborators.limit >= UNLIMITED_COLLABORATORS;
-  return [
-    {
-      key: "ai-usage",
-      icon: PoundSterling,
-      label: "AI usage",
-      used: formatGbp(aiUsage.used),
-      usedOfLimit: `${formatGbp(aiUsage.used)} / ${formatGbp(aiUsage.limit)}`,
-      pct: pctOf(aiUsage.used, aiUsage.limit)
-    },
-    {
-      key: "storage",
-      icon: HardDrive,
-      label: "Storage",
-      used: storageText(storage.used, storage.limit),
-      usedOfLimit: `${storageText(storage.used, storage.limit, false)} / ${storageText(
-        storage.limit,
-        storage.limit
-      )}`,
-      pct: pctOf(storage.used, storage.limit)
-    },
-    {
-      key: "collaborators",
-      icon: Users,
-      label: "Collaborators",
-      used: fmt(collaborators.used),
-      usedOfLimit: unlimitedCollaborators ? `${fmt(collaborators.used)} / Unlimited` : `${fmt(collaborators.used)} / ${fmt(collaborators.limit)}`,
-      // Zero seats (Free) IS the cap: 0 / 0 shows a full destructive bar,
-      // because you can't add anyone — the truth the upgrade door answers.
-      // (Only when the quota is actually present; a missing field on a
-      // partial payload stays an empty bar, not a false alarm.)
-      pct: unlimitedCollaborators ? 0 : quotas?.collaborators && collaborators.limit === 0 ? 100 : pctOf(collaborators.used, collaborators.limit)
-    }
-  ];
-}
-function useRewardBalance() {
-  const { data } = useUserSettings();
-  const ed = data?.extra_discount;
-  if (!ed || !ed.amount || ed.amount <= 0) return null;
-  return { amount: ed.amount, currency: ed.currency || "gbp" };
-}
-function formatMoney(cents, currency = "gbp") {
-  const value = cents / 100;
-  const isWhole = Number.isInteger(value);
-  const c = currency.toLowerCase();
-  const symbol = c === "usd" ? "$" : c === "gbp" ? "\xA3" : c === "eur" ? "\u20AC" : currency.toUpperCase() + " ";
-  return `${symbol}${value.toLocaleString("en-US", {
-    minimumFractionDigits: isWhole ? 0 : 2,
-    maximumFractionDigits: isWhole ? 0 : 2
-  })}`;
-}
-var gbp = (pence) => formatMoney(pence, "gbp");
-function formatPeriodEnd(unix) {
-  if (!unix) return null;
-  return new Date(unix * 1e3).toLocaleDateString("en-GB", {
-    day: "numeric",
-    month: "short",
-    year: "numeric"
-  });
-}
-function addonPricePence(kind, addons) {
-  return kind === "ai_usage" ? addons.ai_block_price_pence : addons.storage_block_price_pence;
-}
-function addonPriceExVatPence(kind, addons) {
-  return kind === "ai_usage" ? addons.ai_block_price_ex_vat_pence : addons.storage_block_price_ex_vat_pence;
-}
-function addonSettingsBody(addons, change = {}) {
-  return {
-    spend_cap_pence: addons.spend_cap_pence ?? null,
-    auto_topup_threshold_gbp: addons.auto_topup_threshold_gbp,
-    ...change
-  };
-}
-function splitBlocks(kind, count, addons) {
-  const granted = (kind === "ai_usage" ? addons.legacy_ai_blocks : addons.legacy_storage_blocks) ?? 0;
-  const legacy = Math.max(0, Math.min(granted, count));
-  return { legacy, current: count - legacy };
-}
-function blockSize(kind, addons, legacy) {
-  if (kind === "ai_usage") {
-    return formatGbp(legacy ? addons.legacy_block_ai_gbp ?? 10 : addons.block_ai_gbp);
-  }
-  return `${legacy ? addons.legacy_block_storage_gb ?? 10 : addons.block_storage_gb} GB`;
-}
-function blocksLabel(kind, count, addons) {
-  const { legacy, current } = splitBlocks(kind, count, addons);
-  const parts = [
-    ...legacy > 0 ? [`${legacy} \xD7 ${blockSize(kind, addons, true)}`] : [],
-    ...current > 0 || legacy === 0 ? [`${current} \xD7 ${blockSize(kind, addons, false)}`] : []
-  ];
-  return `${parts.join(" + ")}${kind === "ai_usage" ? " of AI usage" : ""}`;
-}
-function reduceBounds(kind, addons) {
-  const current = kind === "ai_usage" ? addons.ai_blocks : addons.storage_blocks;
-  const pending = kind === "ai_usage" ? addons.ai_blocks_next : addons.storage_blocks_next;
-  const min = kind === "ai_usage" ? 0 : Math.min(addons.storage_blocks_min, current);
-  return { min, current, next: pending ?? current };
-}
-function blockMonthlyExVatPence(kind, addons) {
-  return kind === "ai_usage" ? addons.ai_block_monthly_ex_vat_pence : addons.storage_block_monthly_ex_vat_pence;
-}
-function blockPeriodExVatPence(kind, addons) {
-  return kind === "ai_usage" ? addons.ai_block_period_ex_vat_pence : addons.storage_block_period_ex_vat_pence;
-}
-function blockRenewalShort(kind, addons, isAnnual) {
-  return `${gbp(blockPeriodExVatPence(kind, addons))}/${isAnnual ? "year" : "month"} + VAT`;
-}
-var ANNUAL_PREMIUM_AI_NOTE = "No markup on Premium AI on annual plans";
-function addonCharge(kind, addons, isAnnual, periodEnd) {
-  return {
-    now: gbp(addonPricePence(kind, addons)),
-    nowExVat: gbp(addonPriceExVatPence(kind, addons)),
-    nowVat: gbp(addonPricePence(kind, addons) - addonPriceExVatPence(kind, addons)),
-    until: isAnnual ? formatPeriodEnd(periodEnd) : null,
-    then: blockRenewalShort(kind, addons, isAnnual)
-  };
-}
-var CAP_REACHED_MESSAGE = "Usage cap reached: no more automatic top-ups this month.";
-var ZERO_BUDGET_MESSAGE = "Automatic top-ups are off (\xA30 usage cap).";
-var USAGE_CAP_LABEL = "Usage cap";
-var USAGE_CAP_HELP = "The most automatic top-ups (AI usage added when it runs low, storage added when an upload needs it) may cost in a month. Adding or removing by hand is never limited by it; the plan and renewals are not counted. \xA30 = no automatic top-ups: AI usage and uploads stop at your allowance unless you add more. No limit = no cap.";
-function isAddonBudgetZero(addons) {
-  return addons.spend_cap_pence === 0;
-}
-function autoRoom(kind, addons) {
-  const left = addons.cap_left_pence;
-  if (left == null) return addons.spend_cap_pence === 0 ? 0 : null;
-  const price = addonPriceExVatPence(kind, addons);
-  if (price <= 0) return 0;
-  const blocks = Math.floor(left / price);
-  return blocks * (kind === "ai_usage" ? addons.block_ai_gbp : addons.block_storage_gb);
-}
-function nextRemovedBlockSize(kind, addons) {
-  const { next } = reduceBounds(kind, addons);
-  const { current } = splitBlocks(kind, next, addons);
-  if (kind === "ai_usage") {
-    return current > 0 ? addons.block_ai_gbp : addons.legacy_block_ai_gbp ?? 10;
-  }
-  return current > 0 ? addons.block_storage_gb : addons.legacy_block_storage_gb ?? 10;
-}
-function parseBudgetPounds(value) {
-  if (value.trim() === "") return null;
-  const n = Number(value);
-  if (!Number.isFinite(n) || n < 0) return void 0;
-  return Math.round(n * 100);
-}
-function budgetSavedMessage(capPence) {
-  if (capPence == null) return "Usage cap: no limit";
-  if (capPence === 0) return "Usage cap: \xA30 (no automatic top-ups)";
-  return `Usage cap: ${gbp(capPence)} a month`;
-}
-var gbText = (n) => `${Math.round(n * 10) / 10} GB`;
-function stepLabel(kind, size) {
-  return kind === "ai_usage" ? `${formatGbp(size)} of AI usage` : gbText(size);
-}
-function nextPeriodBody(kind, keep) {
-  return kind === "ai_usage" ? { ai_blocks: keep, storage_blocks: null } : { ai_blocks: null, storage_blocks: keep };
-}
-function addStepCaption(kind, addons) {
-  const now = gbp(addonPriceExVatPence(kind, addons));
-  const today = kind === "storage" ? `prorated today ${now}` : `today ${now}`;
-  return `${gbp(blockMonthlyExVatPence(kind, addons))}/month \xB7 ${today}`;
-}
-
-// src/connection/billing/api-error.ts
-function apiErrorDetail(error) {
-  const body = error?.apiError ?? error;
-  return body?.detail;
-}
-
-// src/connection/billing/tax-quote.ts
-var POSTCODE_COUNTRIES = ["US", "CA"];
-var TAX_LOCATION_INVALID = "TAX_LOCATION_INVALID";
-function money2(pence, currency = "gbp") {
-  const symbol = { gbp: "\xA3", usd: "$", eur: "\u20AC" }[currency.toLowerCase()] ?? `${currency} `;
-  return `${symbol}${(pence / 100).toLocaleString("en-GB", {
-    minimumFractionDigits: 2,
-    maximumFractionDigits: 2
-  })}`;
-}
-function taxKind(label) {
-  return /^vat\b/i.test(label ?? "") ? "VAT" : "tax";
-}
-function taxDetail({ subtotal, tax, label, reverseCharge }) {
-  if (reverseCharge) return "\xB7 no VAT (reverse charge)";
-  if (tax <= 0) return "\xB7 no tax";
-  return `incl. ${taxKind(label)} (${money2(subtotal)} + ${money2(tax)} ${label ?? "tax"})`;
-}
-function taxSummary(parts) {
-  return `${money2(parts.total)} ${taxDetail(parts)}`;
-}
-function totalWithTaxWord({ total, tax, label }) {
-  return tax > 0 ? `${money2(total)} incl. ${taxKind(label)}` : money2(total);
-}
-function quoteParts(quote) {
-  return {
-    subtotal: quote.subtotal_pence,
-    tax: quote.tax_pence,
-    total: quote.total_pence,
-    label: quote.tax_label,
-    reverseCharge: quote.reverse_charge
-  };
-}
-function quoteTotalLine(quote) {
-  return `Total today ${taxSummary(quoteParts(quote))}`;
-}
-function quoteError(error) {
-  const detail = apiErrorDetail(error);
-  if (detail && typeof detail === "object") {
-    const { code, message } = detail;
-    return {
-      code: typeof code === "string" ? code : void 0,
-      message: typeof message === "string" ? message : void 0
-    };
-  }
-  return { message: typeof detail === "string" ? detail : void 0 };
-}
-
-// src/connection/billing/plan-pricing.ts
-var gbp2 = (pence) => formatMoney(pence, "gbp");
-function plusVat(exVatPence, currency = "gbp") {
-  return `${formatMoney(exVatPence, currency)} + VAT`;
-}
-var PRO_PACKS = 1;
-var PLAN_CHOICE_PACKS = {
-  pro: PRO_PACKS
-};
-function planNameForPacks(packs) {
-  const n = packs ?? 0;
-  if (n <= 0) return "Free";
-  if (n === PRO_PACKS) return "Pro";
-  return `Pro \xD7${n}`;
-}
-function planPreviewLines(preview) {
-  if (preview.unchanged) return [{ id: "no-change", text: "No change" }];
-  const date = formatPeriodEnd(preview.next_renewal_at);
-  const cadence = preview.interval === "year" ? "year" : "month";
-  const lines = [
-    preview.awaiting_confirmation ? { id: "awaiting-bank", text: "Waiting for your bank" } : {
-      id: "pay-today",
-      text: preview.effective_now ? `Pay today ${taxSummary({
-        subtotal: preview.due_now_ex_vat_pence,
-        tax: preview.due_now_tax_pence,
-        total: preview.due_now_pence,
-        label: preview.tax_label
-      })}` : `Pay today ${gbp2(0)}`
-    },
-    {
-      id: "from",
-      text: `${date ? `From ${date}` : "From renewal"}: ${taxSummary({
-        subtotal: preview.next_renewal_ex_vat_pence,
-        tax: preview.next_renewal_tax_pence,
-        total: preview.next_renewal_pence,
-        label: preview.tax_label
-      })} a ${cadence}`
-    }
-  ];
-  if (!preview.effective_now) {
-    lines.push({ id: "current-until", text: `Current plan until ${date ?? "renewal"}` });
-  }
-  return lines;
-}
-var PAY_TODAY_UNPRICED = "Pay today: the difference for the rest of this period";
-function addonPrice(price, kind = "ai_usage") {
-  return price?.addon_prices?.find((p) => p.kind === kind);
-}
-function checkoutItemsLabel(aiBlocks, storageBlocks) {
-  return [
-    "Pro",
-    aiBlocks > 0 && `${aiBlocks} \xD7 ${formatGbp(ADDON_BLOCK_AI_GBP)} of AI usage`,
-    storageBlocks > 0 && `${storageBlocks} \xD7 ${STORAGE_BLOCK_GB} GB`
-  ].filter(Boolean).join(" + ");
-}
-function packPrice(price, packs = PRO_PACKS) {
-  return price?.pack_prices?.find((p) => p.packs === packs);
-}
-function findProPrices(products) {
-  const prices = products?.[0]?.prices ?? [];
-  const pick = (interval) => prices.find((p) => p.interval === interval && p.default_price) ?? prices.find((p) => p.interval === interval);
-  return { monthly: pick("month"), annual: pick("year") };
-}
-function calcSavingsPercent(monthlyPrice, annualPrice) {
-  const monthly = packPrice(monthlyPrice)?.amount ?? monthlyPrice?.amount;
-  const annual = packPrice(annualPrice)?.amount ?? annualPrice?.amount;
-  if (monthly == null || annual == null || monthly === 0) return null;
-  const savings = Math.round((monthly * 12 - annual) / (monthly * 12) * 100);
-  return savings > 0 ? savings : null;
-}
-var MAX_CHECKOUT_BLOCKS = 100;
-function checkoutBlockPriceText(price, kind) {
-  const block = addonPrice(price, kind);
-  if (!block) return null;
-  const currency = price?.currency ?? "gbp";
-  return price?.interval === "year" ? `${formatMoney(block.amount_ex_vat, currency)}/year + VAT each` : `${formatMoney(block.amount_ex_vat, currency)}/month + VAT each`;
-}
-
-// src/connection/billing/plan-badge.ts
-function isProProject(project) {
-  return project.plan_interval != null;
-}
-function proTierName(project) {
-  return project.addons?.plan_name || planNameForPacks(Math.max(project.packs ?? 1, 1));
-}
-function planName(project) {
-  if (project.subscription === "dev") return "Dev";
-  if (!isProProject(project)) return "Free";
-  return `${proTierName(project)} ${project.plan_interval === "year" ? "annual" : "monthly"}`;
-}
-function planBadgeView(project) {
-  const { subscription } = project;
-  const label = subscription === "canceled" ? "Cancelling" : subscription === "dev" ? "Dev" : isProProject(project) ? proTierName(project) : "Free";
-  const tone = subscription === "dev" ? "dev" : subscription === "canceled" || subscription === "past_due" ? "pending" : isProProject(project) ? "paid" : "free";
-  return { label, tone };
+  const isPaid2 = stripeEnabled && (subscription === "active" || subscription === "past_due" || subscription === "dev");
+  return /* @__PURE__ */ jsx(ProjectEntity, { ...props, subscription, isPaid: isPaid2 });
 }
 function formatInvoiceDate(iso) {
   const d = /* @__PURE__ */ new Date(`${iso}T00:00:00`);
@@ -7925,7 +7784,7 @@ function InvoicesModal({
   const { data, isLoading } = useProjectInvoices(open ? projectExtId : void 0);
   const invoices = data?.invoices;
   const invoiceViews = (invoices ?? []).map((inv, i) => {
-    const isPaid = inv.status === "paid";
+    const isPaid2 = inv.status === "paid";
     return {
       key: inv.number ?? String(i),
       date: formatInvoiceDate(inv.date),
@@ -7933,9 +7792,9 @@ function InvoicesModal({
       amount: formatMoney(inv.amount, inv.currency),
       amountNote: inv.amount_ex_vat != null && inv.amount_ex_vat !== inv.amount ? `${formatMoney(inv.amount_ex_vat, inv.currency)} ex VAT` : void 0,
       status: inv.status,
-      isPaid,
+      isPaid: isPaid2,
       href: inv.hosted_invoice_url ?? inv.url ?? inv.pdf_url ?? void 0,
-      linkLabel: isPaid ? "Receipt" : "Invoice"
+      linkLabel: isPaid2 ? "Receipt" : "Invoice"
     };
   });
   return /* @__PURE__ */ jsx(
@@ -8134,7 +7993,7 @@ function buildPlanCards(selected, isAnnual, prices, isOnFree) {
     features: [
       `${formatGbp(FREE_AI_GBP)} of AI usage / month`,
       `${FREE_STORAGE_MB.toLocaleString("en-US")} MB storage`,
-      "Just you" 
+      FREE_COLLABORATORS === 0 ? "Just you" : `${FREE_COLLABORATORS} collaborators`
     ]
   };
   return [free, proCard(selected, isAnnual, prices)];
@@ -9349,7 +9208,7 @@ function ReduceAddonDialog({
     }
   ) });
 }
-var gbp3 = (pence) => formatMoney(pence, "gbp");
+var gbp = (pence) => formatMoney(pence, "gbp");
 var gb2 = (n) => `${Math.round(n * 10) / 10} GB`;
 var pct = (used, limit) => limit > 0 ? Math.min(100, used / limit * 100) : 0;
 function formatShortDate(unix) {
@@ -9475,7 +9334,7 @@ function ResourceMeter({
   const from = periodEnd ?? "your next renewal";
   const fromShort = formatShortDate(addons.period_end ?? project.current_period_end) ?? "renewal";
   const { min, current, next } = reduceBounds(kind, addons);
-  const fmt2 = (n) => isAi ? formatGbp(n) : gb2(n);
+  const fmt = (n) => isAi ? formatGbp(n) : gb2(n);
   const used = isAi ? addons.ai_used_gbp : addons.storage_used_gb;
   const allowance = isAi ? addons.ai_allowance_gbp : addons.storage_allowance_gb;
   const allowanceNext = isAi ? addons.ai_allowance_next_gbp : addons.storage_allowance_next_gb;
@@ -9503,12 +9362,12 @@ function ResourceMeter({
     {
       label: isAi ? "AI usage" : "Storage",
       hint: resets ? `resets ${resets}` : void 0,
-      value: `${fmt2(used)} of ${fmt2(allowance)}`,
+      value: `${fmt(used)} of ${fmt(allowance)}`,
       allowance: { used, plan, topUps, autoRoom: capZero ? 0 : room },
       legend: {
-        plan: `Plan ${fmt2(plan)}`,
-        topUps: topUps > 0 ? `Top-ups ${fmt2(topUps)}${hasLegacy ? ` (${blocksLabel(kind, blocks, addons)})` : ""}` : void 0,
-        autoRoom: room != null && room > 0 && !capZero ? `Automatic up to ${fmt2(room)}` : void 0
+        plan: `Plan ${fmt(plan)}`,
+        topUps: topUps > 0 ? `Top-ups ${fmt(topUps)}${hasLegacy ? ` (${blocksLabel(kind, blocks, addons)})` : ""}` : void 0,
+        autoRoom: room != null && room > 0 && !capZero ? `Automatic up to ${fmt(room)}` : void 0
       },
       testId: `usage-meter-${slug}`,
       details: autoLine || allowanceNext !== allowance || children ? /* @__PURE__ */ jsxs(Fragment, { children: [
@@ -9596,7 +9455,7 @@ function UsageCapEditor({ project, addons }) {
       }
     );
   };
-  const readout = savedCap == null ? `${gbp3(spent)} this month \xB7 no limit` : savedCap === 0 ? "\xA30 \xB7 no automatic top-ups" : `${gbp3(spent)} of ${gbp3(savedCap)} used`;
+  const readout = savedCap == null ? `${gbp(spent)} this month \xB7 no limit` : savedCap === 0 ? "\xA30 \xB7 no automatic top-ups" : `${gbp(spent)} of ${gbp(savedCap)} used`;
   const inputId = `spend-cap-${project.external_id}`;
   return /* @__PURE__ */ jsxs("div", { className: "space-y-3", ref: sectionRef, "data-testid": "project-spend-cap", children: [
     /* @__PURE__ */ jsx(
@@ -9612,7 +9471,7 @@ function UsageCapEditor({ project, addons }) {
     addons.cap_reached && savedCap != null && savedCap > 0 && /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", "data-testid": "addon-cap-reached", children: CAP_REACHED_MESSAGE }),
     addons.manual_spent_pence > 0 && /* @__PURE__ */ jsxs("p", { className: "text-xs text-muted-foreground", "data-testid": "addon-manual-spend", children: [
       "Added by hand this month: ",
-      gbp3(addons.manual_spent_pence),
+      gbp(addons.manual_spent_pence),
       " \xB7 not capped"
     ] }),
     /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-x-4 gap-y-3", children: [
@@ -9788,7 +9647,7 @@ function formatShortDate2(unix) {
   if (!unix) return null;
   return new Date(unix * 1e3).toLocaleDateString("en-GB", { day: "numeric", month: "short" });
 }
-var gbp4 = (pence) => formatMoney(pence, "gbp");
+var gbp2 = (pence) => formatMoney(pence, "gbp");
 var gbNum = (n) => `${Math.round(n * 10) / 10}`;
 var pct2 = (used, limit) => limit > 0 ? Math.min(100, used / limit * 100) : 0;
 function Meter({
@@ -9819,7 +9678,7 @@ function usePlanPrice(project) {
 }
 function paidLine(payment, addons) {
   const what = payment.kind === "storage" ? `${addons.block_storage_gb} GB added` : payment.kind === "ai_usage" ? `${formatGbp(addons.block_ai_gbp)} of AI usage added` : null;
-  const paid = payment.amount_pence != null ? `Paid ${gbp4(payment.amount_pence)}` : "Paid";
+  const paid = payment.amount_pence != null ? `Paid ${gbp2(payment.amount_pence)}` : "Paid";
   return what ? `${paid} \xB7 ${what}` : paid;
 }
 function ProjectPlanCard({
@@ -9890,11 +9749,11 @@ function ProjectPlanCard({
           ] }),
           price && /* @__PURE__ */ jsxs("div", { className: "ml-auto text-right", "data-testid": "project-plan-price", children: [
             /* @__PURE__ */ jsxs("div", { className: "text-lg font-semibold tabular-nums text-foreground", children: [
-              price.ex != null ? plusVat(price.ex) : gbp4(price.incl),
+              price.ex != null ? plusVat(price.ex) : gbp2(price.incl),
               /* @__PURE__ */ jsx("span", { className: "text-sm font-normal text-muted-foreground", children: price.isAnnual ? "/year" : "/month" })
             ] }),
             price.ex != null && /* @__PURE__ */ jsxs("div", { className: "text-xs text-muted-foreground", children: [
-              gbp4(price.incl),
+              gbp2(price.incl),
               " incl. VAT"
             ] })
           ] })
@@ -9976,7 +9835,7 @@ function ProjectPlanCard({
         addons?.billing_error && /* @__PURE__ */ jsx(PlanNotice, { tone: "error", testId: "plan-billing-error", children: addons.billing_error }),
         confirmUrl ? /* @__PURE__ */ jsxs(PlanNotice, { testId: "plan-payment-state", children: [
           "Waiting for your bank",
-          pendingPayment?.amount_pence ? ` \xB7 ${gbp4(pendingPayment.amount_pence)}` : "",
+          pendingPayment?.amount_pence ? ` \xB7 ${gbp2(pendingPayment.amount_pence)}` : "",
           " \xB7",
           " ",
           /* @__PURE__ */ jsxs(
@@ -10646,61 +10505,768 @@ function useAutoRefreshPendingProjects() {
     }
   }, [projects, refreshProject, currentUserExtId]);
 }
-var DEFAULT_SEARCH_ROW_LABELS = {
-  meaningMatch: "Matched by meaning",
-  meaningMatchTitle: "None of your search words appear in this passage. It matched by meaning.",
-  page: (page) => `p.${page}`,
-  passage: "Passage"
-};
-function useIsOpenPassage(chunkExtId) {
-  return useArbiSessionState((s) => !!chunkExtId && s.viewingDocument?.passageId === chunkExtId);
-}
-function MeaningMatchBadge({
-  content,
-  terms,
-  labels
-}) {
-  return isMeaningMatch(content, terms) ? /* @__PURE__ */ jsx(Badge, { variant: "outline", className: "text-muted-foreground", title: labels.meaningMatchTitle, children: labels.meaningMatch }) : null;
+function toWorkspaceSummary(workspace, selfId) {
+  const people = (workspace.users ?? []).filter((m) => !isAgentAccount(m.user));
+  const ordered = [
+    ...people.filter((m) => m.role === "owner"),
+    ...people.filter((m) => m.role !== "owner")
+  ];
+  const members = ordered.map((m) => ({
+    name: m.user.family_name ? `${m.user.given_name} ${m.user.family_name}` : m.user.given_name,
+    picture: m.user.picture
+  }));
+  const isMember = people.some((m) => m.user.external_id === selfId);
+  return {
+    id: workspace.external_id,
+    name: workspace.name,
+    description: workspace.description,
+    docCount: workspaceDocumentCount(workspace),
+    chatCount: workspaceConversationCount(workspace),
+    memberCount: members.length,
+    members,
+    // A public workspace's members are hidden from someone who has not joined it.
+    membersHidden: workspace.is_public && !isMember,
+    updatedAt: workspace.updated_at
+  };
 }
-var FlatResultRow = memo(function FlatResultRow2({
-  hit,
-  position,
-  terms,
-  onOpen,
-  labels
+function WorkspaceCardsView({
+  list,
+  currentWorkspaceId,
+  onOpenWorkspace,
+  onOpenProject,
+  onCreateWorkspace,
+  createDisabledReason
 }) {
-  const handleClick = useCallback((e) => onOpen(e, hit), [onOpen, hit]);
-  return /* @__PURE__ */ jsx(
-    SearchHit,
-    {
-      active: useIsOpenPassage(hit.chunkExtId),
-      header: (
-        // No `onClick` on the pill: it would render a real <button> inside the card's
-        // role="button" target (invalid nesting). The card already opens the passage.
-        /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-wrap items-center gap-2", children: [
-          /* @__PURE__ */ jsx(
-            PassagePill,
+  const { stripeEnabled } = useBillingSupport();
+  const workspaceLabel = getEntityLabel("WORKSPACE");
+  const projectLabel = getEntityLabel("PROJECT").toLowerCase();
+  const { groups, projects, selfId } = list;
+  if (groups.length === 0) {
+    return /* @__PURE__ */ jsx(WorkspaceList, { testId: "workspace-cards-list", className: "gap-0", children: /* @__PURE__ */ jsx(
+      CreateTile,
+      {
+        label: `New ${workspaceLabel.toLowerCase()}`,
+        ariaLabel: `Create ${workspaceLabel}`,
+        onSelect: () => onCreateWorkspace(),
+        disabledReason: createDisabledReason,
+        help: `A ${workspaceLabel.toLowerCase()} holds the documents and conversations for one matter or case.`,
+        testId: "create-workspace-card"
+      }
+    ) });
+  }
+  return /* @__PURE__ */ jsx(WorkspaceList, { testId: "workspace-cards-list", children: groups.map((group) => {
+    const project = projects.find((p) => p.external_id === group.projectExtId);
+    const { breakdown, readout } = projectGroupBilling(project, {
+      isOwned: group.isOwned,
+      stripeEnabled
+    });
+    const count = group.workspaces.length;
+    return /* @__PURE__ */ jsxs(
+      WorkspaceGroup,
+      {
+        title: group.projectExtId ? /* @__PURE__ */ jsx(
+          ProjectBandTitle,
+          {
+            name: group.title,
+            count,
+            nameTestId: `project-name-${group.projectExtId}`,
+            breakdown,
+            readout
+          }
+        ) : /* @__PURE__ */ jsx(
+          PlainBandTitle,
+          {
+            title: group.title,
+            count,
+            hint: group.isCommon ? "Shared with everyone" : void 0
+          }
+        ),
+        onOpen: group.projectExtId ? () => onOpenProject(group.projectExtId) : void 0,
+        openLabel: "Plans & Usage",
+        collapsedHint: group.isCommon ? `Show ${count} shared ${getEntityLabel("WORKSPACE", "PLURAL").toLowerCase()}` : void 0,
+        isExpanded: !list.isCollapsed(group.key),
+        onToggle: () => list.toggleGroup(group.key),
+        children: [
+          group.isOwned && group.projectExtId && /* @__PURE__ */ jsx(
+            CreateTile,
             {
-              icon: /* @__PURE__ */ jsx(HtmlIcon, { size: 16, className: "flex-shrink-0" }),
-              documentTitle: hit.docTitle,
-              pageNumber: hit.page,
-              passageIndex: hit.index,
-              showTooltip: false,
-              labelMaxWidth: "max-w-none"
+              label: `New ${workspaceLabel.toLowerCase()}`,
+              ariaLabel: `Create ${workspaceLabel}`,
+              onSelect: () => onCreateWorkspace(group.projectExtId),
+              disabledReason: createDisabledReason,
+              help: count === 0 ? `Already have one? Open it and change its ${projectLabel} to move it here.` : void 0,
+              testId: "add-workspace-button"
             }
           ),
-          /* @__PURE__ */ jsx(MeaningMatchBadge, { content: hit.content, terms, labels })
-        ] })
-      ),
-      content: hit.content,
-      terms,
-      renderSnippet: renderSearchSnippet,
-      onClick: handleClick,
-      testId: `search-result-flat-${position}`
-    }
-  );
-});
-var GroupedResultRow = memo(function GroupedResultRow2({
+          [...group.workspaces].sort(byRecentUpdate).map((workspace) => /* @__PURE__ */ jsx(
+            WorkspaceCard,
+            {
+              workspace: toWorkspaceSummary(workspace, selfId),
+              current: currentWorkspaceId === workspace.external_id,
+              onSelect: () => onOpenWorkspace(workspace),
+              href: buildDeepLinkPath({ workspaceId: workspace.external_id }),
+              mark: /* @__PURE__ */ jsx(
+                ShieldIcon,
+                {
+                  char: workspace.name.charAt(0),
+                  workspaceColor: workspaceKindColor(getWorkspaceKind(workspace)),
+                  size: 28,
+                  isSelected: true
+                }
+              ),
+              testId: `workspace-card-${workspace.external_id}`,
+              openCueTestId: `workspace-open-${workspace.external_id}`
+            },
+            workspace.external_id
+          ))
+        ]
+      },
+      group.key
+    );
+  }) });
+}
+function WorkspaceFilterMenu({ list }) {
+  const [open, setOpen] = useState(false);
+  const { workspaces, projects, selfId, pinned, filters, setFilters } = list;
+  const { options: options2, groups } = useMemo(() => {
+    const attributes = workspaces.map((w) => workspaceFilterAttributes(w, { selfId, pinned }));
+    const countOf = (id) => attributes.filter((a) => a[id]).length;
+    const projectIds = projects.map((p) => projectFilterId(p.external_id));
+    const options3 = [
+      ...projects.map((p) => ({
+        id: projectFilterId(p.external_id),
+        label: p.name,
+        count: countOf(projectFilterId(p.external_id))
+      })),
+      ...WORKSPACE_CATEGORY_FILTERS.map(({ id, label }) => ({ id, label, count: countOf(id) }))
+    ];
+    const groups2 = [
+      { label: "Projects", options: projectIds },
+      { label: "Workspaces", options: WORKSPACE_CATEGORY_FILTERS.map((f) => f.id) }
+    ];
+    return { options: options3, groups: groups2 };
+  }, [workspaces, projects, selfId, pinned]);
+  return /* @__PURE__ */ jsx(
+    TriStateFilterMenu,
+    {
+      testId: "workspace-filter-button",
+      open,
+      onOpenChange: setOpen,
+      title: "Filter workspaces",
+      triggerLabel: "Filter",
+      renderChevron: true,
+      filterStates: filters,
+      onFiltersChange: setFilters,
+      options: options2,
+      groups
+    }
+  );
+}
+var DEFAULT_WORKSPACE_LIST_LABELS = {
+  recentlyDeletedHint: (count) => `You can restore ${count === 1 ? "it" : "them"} from Recently deleted (Settings > Storage) for at least 30 days.`
+};
+function useConnectedWorkspaceList({
+  filters: controlledFilters,
+  onFiltersChange,
+  labels
+} = {}) {
+  const recentlyDeletedHint = labels?.recentlyDeletedHint ?? DEFAULT_WORKSPACE_LIST_LABELS.recentlyDeletedHint;
+  const { confirm, notify: notify14 } = useBlocksEnvironment();
+  const { userId: selfId } = useConnectedWorkspace();
+  const workspacesQuery = useWorkspaces();
+  const { data: projects } = useProjects();
+  const { data: settings } = useUserSettings();
+  const canCreateProjects = useCanCreateProjects();
+  const deleteWorkspaces = useDeleteWorkspaces();
+  const workspaces = useMemo(
+    () => (workspacesQuery.data ?? []).filter(isListedWorkspace),
+    [workspacesQuery.data]
+  );
+  const pinned = useMemo(
+    () => new Set(settings?.pinned_workspaces ?? []),
+    [settings?.pinned_workspaces]
+  );
+  const [localFilters, setLocalFilters] = useState({});
+  const filters = controlledFilters ?? localFilters;
+  const filterMap = useMemo(() => {
+    const known = new Set(WORKSPACE_CATEGORY_FILTERS.map((f) => f.id));
+    for (const p of projects ?? []) known.add(projectFilterId(p.external_id));
+    for (const w of workspaces) if (w.project_ext_id) known.add(projectFilterId(w.project_ext_id));
+    return new Map(Object.entries(filters).filter(([id, state]) => state !== null && known.has(id)));
+  }, [filters, projects, workspaces]);
+  const setFilters = useCallback(
+    (next) => {
+      const record = Object.fromEntries(next);
+      if (onFiltersChange) onFiltersChange(record);
+      if (controlledFilters === void 0) setLocalFilters(record);
+    },
+    [controlledFilters, onFiltersChange]
+  );
+  const attributesOf = useCallback(
+    (workspace) => workspaceFilterAttributes(workspace, { selfId, pinned }),
+    [selfId, pinned]
+  );
+  const filtered = useMemo(
+    () => applyTriStateFilters(workspaces, filterMap, attributesOf),
+    [workspaces, filterMap, attributesOf]
+  );
+  const groups = useMemo(
+    () => groupWorkspacesByProject(filtered, {
+      selfId,
+      pinned,
+      projects: projects ?? [],
+      workspacesLabel: getEntityLabel("WORKSPACE", "PLURAL")
+    }),
+    [filtered, selfId, pinned, projects]
+  );
+  const [toggled, setToggled] = useState({});
+  const isCollapsed = useCallback(
+    (key) => toggled[key] ?? groups.some((g) => g.key === key && g.isCommon),
+    [toggled, groups]
+  );
+  const toggleGroup = useCallback(
+    (key) => setToggled((prev) => ({ ...prev, [key]: !isCollapsed(key) })),
+    [isCollapsed]
+  );
+  const [selected, setSelected] = useState([]);
+  const canDeleteSelected = selected.every((w) => !!selfId && w.created_by_ext_id === selfId);
+  const deleteSelected = useCallback(async () => {
+    const count = selected.length;
+    if (count === 0) return;
+    const noun = getEntityLabel("WORKSPACE", count === 1 ? "SINGULAR" : "PLURAL");
+    const confirmed = await confirm({
+      title: `Delete ${count} ${noun}`,
+      message: `Delete ${count} ${noun.toLowerCase()}? ${recentlyDeletedHint(count)}`
+    });
+    if (!confirmed) return;
+    try {
+      await deleteWorkspaces.mutateAsync(selected.map((w) => w.external_id));
+      setSelected([]);
+      notify14(`Deleted ${count} ${noun.toLowerCase()}`, "success");
+    } catch {
+      notify14("Failed to delete some workspaces", "error");
+    }
+  }, [selected, confirm, notify14, deleteWorkspaces, recentlyDeletedHint]);
+  return {
+    selfId,
+    /** Every listed workspace (unfiltered): the filter menu's counts. */
+    workspaces,
+    projects: projects ?? [],
+    pinned,
+    /** The filtered workspaces grouped by project, in list order. */
+    groups,
+    /** How many workspaces the filters let through. */
+    shownCount: filtered.length,
+    isLoading: workspacesQuery.isLoading,
+    error: workspacesQuery.error,
+    canCreateProjects,
+    filters: filterMap,
+    setFilters,
+    isCollapsed,
+    toggleGroup,
+    selected,
+    setSelected,
+    canDeleteSelected,
+    deleteSelected,
+    isDeleting: deleteWorkspaces.isPending
+  };
+}
+var WorkspaceTableView = lazy(
+  () => import('../WorkspaceTableView-5OWX53R5.js').then((m) => ({ default: m.WorkspaceTableView }))
+);
+var WORKSPACES_TAB_ID = "workspaces";
+var defaultRenderMember2 = (user, size) => {
+  const name = user.family_name ? `${user.given_name} ${user.family_name}` : user.given_name;
+  return /* @__PURE__ */ jsx(
+    UserEntity,
+    {
+      size,
+      variant: "icon",
+      showTooltip: false,
+      interactive: false,
+      displayName: name,
+      initials: initials(name || user.email),
+      picture: user.picture
+    }
+  );
+};
+function ConnectedWorkspaceList({
+  onCreateWorkspace,
+  view: controlledView,
+  onViewChange,
+  filters,
+  onFiltersChange,
+  gridState,
+  onGridStateChange,
+  renderMember = defaultRenderMember2,
+  extraTabs = [],
+  activeTab = WORKSPACES_TAB_ID,
+  onTabChange,
+  children,
+  labels
+}) {
+  const list = useConnectedWorkspaceList({ filters, onFiltersChange, labels });
+  const { openProject } = useBlocksEnvironment();
+  const { workspaceId: currentWorkspaceId, openWorkspace } = useConnectedWorkspace();
+  const [localView, setLocalView] = useState("cards");
+  const view = controlledView ?? localView;
+  const isPhone = useIsPhone();
+  const shownView = view === "table" && !isPhone ? "table" : "cards";
+  const showList = activeTab === WORKSPACES_TAB_ID || !extraTabs.some((t) => t.id === activeTab);
+  const setView = (next) => {
+    onViewChange?.(next);
+    if (controlledView === void 0) setLocalView(next);
+  };
+  const open = (workspace) => void openWorkspace(workspace.external_id, { name: workspace.name });
+  const createDisabledReason = list.canCreateProjects === false ? PROJECT_CREATION_DENIED_REASON : void 0;
+  if (list.isLoading) return /* @__PURE__ */ jsx(LoadingIndicator, { message: "Loading workspaces..." });
+  if (list.error) {
+    return /* @__PURE__ */ jsx(
+      HomeLoadError,
+      {
+        title: "Unable to load workspaces",
+        body: "Failed to connect to the server. Please check your connection and try again."
+      }
+    );
+  }
+  const newButton = createDisabledReason ? (
+    // A disabled button emits no pointer events: the span carries the tooltip.
+    /* @__PURE__ */ jsxs(Tooltip, { delayDuration: 50, children: [
+      /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx("span", { tabIndex: 0, "data-testid": "home-new-workspace-disabled", children: /* @__PURE__ */ jsxs(Button, { disabled: true, "data-testid": "home-new-workspace", children: [
+        /* @__PURE__ */ jsx(Plus, { className: "mr-0.5 size-4" }),
+        "New"
+      ] }) }) }),
+      /* @__PURE__ */ jsx(TooltipContent, { children: createDisabledReason })
+    ] })
+  ) : /* @__PURE__ */ jsxs(Button, { onClick: () => onCreateWorkspace(), "data-testid": "home-new-workspace", children: [
+    /* @__PURE__ */ jsx(Plus, { className: "mr-0.5 size-4" }),
+    "New"
+  ] });
+  return /* @__PURE__ */ jsxs(HomeFrame, { children: [
+    /* @__PURE__ */ jsx(
+      TabHeader,
+      {
+        testId: "home-header",
+        tabs: [
+          {
+            id: WORKSPACES_TAB_ID,
+            label: getEntityLabel("WORKSPACE", "PLURAL"),
+            count: list.shownCount,
+            icon: /* @__PURE__ */ jsx(SquareStack, { className: "size-4" })
+          },
+          ...extraTabs
+        ],
+        activeTabId: showList ? WORKSPACES_TAB_ID : activeTab,
+        onTabChange: (id) => onTabChange?.(id),
+        centerContent: showList && !isPhone ? /* @__PURE__ */ jsx(
+          ViewToggle,
+          {
+            options: [
+              { value: "cards", icon: /* @__PURE__ */ jsx(SquareStack, { className: "size-4" }), label: "Cards" },
+              { value: "grid", icon: /* @__PURE__ */ jsx(Table, { className: "size-4" }), label: "Table" }
+            ],
+            value: shownView === "table" ? "grid" : "cards",
+            onChange: (value) => setView(value === "grid" ? "table" : "cards"),
+            testIdPrefix: "workspaces",
+            size: "sm",
+            showLabels: true,
+            hideTooltips: true
+          }
+        ) : void 0,
+        rightContent: showList ? newButton : void 0
+      }
+    ),
+    showList && // Above whichever view shows: both draw the same filtered groups.
+    /* @__PURE__ */ jsx("div", { className: "mx-auto w-full max-w-6xl px-4 pb-3 sm:px-8", children: /* @__PURE__ */ jsx(WorkspaceFilterMenu, { list }) }),
+    /* @__PURE__ */ jsx(HomeMain, { children: !showList ? children : shownView === "cards" ? (
+      // Full-width scroller (its scrollbar rides the window edge) around a centred column.
+      /* @__PURE__ */ jsx(HomeCenteredScroll, { children: /* @__PURE__ */ jsx(
+        WorkspaceCardsView,
+        {
+          list,
+          currentWorkspaceId,
+          onOpenWorkspace: open,
+          onOpenProject: openProject,
+          onCreateWorkspace,
+          createDisabledReason
+        }
+      ) })
+    ) : /* @__PURE__ */ jsx(Suspense, { fallback: /* @__PURE__ */ jsx(LoadingIndicator, { message: "Loading grid..." }), children: /* @__PURE__ */ jsx(HomeCenteredColumn, { children: /* @__PURE__ */ jsx(
+      WorkspaceTableView,
+      {
+        list,
+        onOpenWorkspace: open,
+        onOpenProject: openProject,
+        renderMember,
+        gridState,
+        onGridStateChange
+      }
+    ) }) }) })
+  ] });
+}
+var PROJECTS_BASE_TAB_ID = "projects";
+var isPaid = (p) => p.subscription === "active" || p.subscription === "past_due";
+function useLocalProjectTabs() {
+  const [openProjectIds, setOpen] = useState([]);
+  const [activeProjectId, setActive] = useState(null);
+  return {
+    openProjectIds,
+    activeProjectId,
+    onSelect: (id) => {
+      if (id) setOpen((open) => open.includes(id) ? open : [...open, id]);
+      setActive(id);
+    },
+    onClose: (id) => {
+      setOpen((open) => open.filter((openId) => openId !== id));
+      setActive((active) => active === id ? null : active);
+    }
+  };
+}
+function ConnectedProjectsPanel({
+  tabs: hostTabs,
+  projectStorage,
+  footer,
+  headerRight,
+  className
+}) {
+  const localTabs = useLocalProjectTabs();
+  const tabs = hostTabs ?? localTabs;
+  const { data: projects } = useProjects();
+  const canCreateProjects = useCanCreateProjects();
+  const { userId } = useConnectedWorkspace();
+  const { stripeEnabled } = useBillingSupport();
+  const billingPortal = useOpenBillingPortal();
+  const [newProjectOpen, setNewProjectOpen] = useState(false);
+  useAutoRefreshPendingProjects();
+  const ownedCount = (projects ?? []).filter((p) => p.created_by === userId).length;
+  const activeProjectId = tabs.activeProjectId && tabs.openProjectIds.includes(tabs.activeProjectId) ? tabs.activeProjectId : null;
+  const headerTabs = useMemo(
+    () => [
+      {
+        id: PROJECTS_BASE_TAB_ID,
+        // Named by its job; "project" is for the per-project tabs, where owning several matters.
+        label: "Plan & Usage",
+        icon: /* @__PURE__ */ jsx(EntityIcon, { entityType: "PROJECT" }),
+        // Most users own one project: a count only once there are several.
+        count: ownedCount > 1 ? ownedCount : void 0
+      },
+      ...tabs.openProjectIds.map((id) => ({
+        id,
+        label: projects?.find((p) => p.external_id === id)?.name ?? "Project",
+        icon: /* @__PURE__ */ jsx(EntityIcon, { entityType: "PROJECT" }),
+        onClose: () => tabs.onClose(id),
+        closeTooltip: "Close project"
+      }))
+    ],
+    [ownedCount, tabs, projects]
+  );
+  const paidProject = projects?.find(isPaid);
+  const panel = /* @__PURE__ */ jsxs(PanelFrame, { className, testId: "projects-panel", children: [
+    /* @__PURE__ */ jsx(DraggableHeader, { children: /* @__PURE__ */ jsx(
+      TabHeader,
+      {
+        tabs: headerTabs,
+        activeTabId: activeProjectId ?? PROJECTS_BASE_TAB_ID,
+        onTabChange: (id) => tabs.onSelect(id === PROJECTS_BASE_TAB_ID ? null : id),
+        afterTabs: (isCompact) => /* @__PURE__ */ jsx(
+          PanelAddButton,
+          {
+            label: "New project",
+            onClick: () => setNewProjectOpen(true),
+            icon: /* @__PURE__ */ jsx(Plus, { className: "size-4" }),
+            isCompact,
+            testId: "new-project-button",
+            disabledReason: canCreateProjects === false ? PROJECT_CREATION_DENIED_REASON : void 0
+          }
+        ),
+        rightContent: headerRight,
+        variant: "underline",
+        compactBreakpoint: 360
+      }
+    ) }),
+    /* @__PURE__ */ jsx(PanelFrameBody, { children: activeProjectId ? /* @__PURE__ */ jsx(PanelScroll, { children: /* @__PURE__ */ jsx(
+      ProjectDetail,
+      {
+        projectExtId: activeProjectId,
+        storage: projectStorage?.(activeProjectId)
+      }
+    ) }) : /* @__PURE__ */ jsxs(PanelScroll, { variant: "padded", children: [
+      /* @__PURE__ */ jsx(ProjectsTable, {}),
+      stripeEnabled && paidProject && /* @__PURE__ */ jsx(PanelActionsRow, { children: /* @__PURE__ */ jsxs(
+        Button,
+        {
+          onClick: () => billingPortal.open(paidProject.external_id),
+          size: "sm",
+          variant: "outline",
+          disabled: billingPortal.isPending,
+          className: "flex items-center gap-1",
+          children: [
+            billingPortal.isPending ? "Opening\u2026" : "Billing portal",
+            !billingPortal.isPending && /* @__PURE__ */ jsx(ExternalLink, { className: "h-3.5 w-3.5" })
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ jsx(SharedProjects, {}),
+      footer
+    ] }) }),
+    /* @__PURE__ */ jsx(
+      NewProjectFlow,
+      {
+        open: newProjectOpen,
+        onOpenChange: setNewProjectOpen,
+        defaultName: `Project ${(projects?.length ?? 0) + 1}`
+      }
+    )
+  ] });
+  return hostTabs ? panel : /* @__PURE__ */ jsx(BlocksProvider, { openProject: localTabs.onSelect, children: panel });
+}
+
+// src/connection/workspace-dashboard/dashboard-rows.ts
+var RECENT_ROWS = 5;
+var FACT_ROWS = 3;
+function shortDate(iso) {
+  return new Date(iso).toLocaleDateString(void 0, { day: "numeric", month: "short" });
+}
+function timeAndDate(iso) {
+  if (!iso) return "";
+  const d = new Date(iso);
+  if (Number.isNaN(d.getTime())) return "";
+  const time2 = d.toLocaleTimeString(void 0, {
+    hour: "2-digit",
+    minute: "2-digit",
+    hour12: false
+  });
+  return `${time2} \xB7 ${shortDate(iso)}`;
+}
+function humanizeStatus(status) {
+  const words = status.replace(/[-_]/g, " ");
+  return words.charAt(0).toUpperCase() + words.slice(1);
+}
+var time = (iso) => +new Date(iso ?? 0);
+function recentConversations(conversations) {
+  return [...conversations].sort((a, b) => time(b.updated_at) - time(a.updated_at)).slice(0, RECENT_ROWS).map((c) => ({
+    id: c.external_id,
+    title: c.title?.trim() || "Untitled thread",
+    subtitle: c.status ? [STATUS_LABELS[asTaskStatus(c.status)], c.due_at ? `due ${shortDate(c.due_at)}` : null].filter(Boolean).join(" \xB7 ") : `${c.message_count} ${c.message_count === 1 ? "message" : "messages"}`,
+    time: timeAndDate(c.updated_at)
+  }));
+}
+function recentDocuments(documents) {
+  return [...documents].sort((a, b) => time(b.updated_at ?? b.created_at) - time(a.updated_at ?? a.created_at)).slice(0, RECENT_ROWS).map((d) => ({
+    id: d.external_id,
+    fileName: d.file_name,
+    title: d.file_name || "Untitled document",
+    subtitle: d.status && d.status !== "ready" && d.status !== "completed" ? humanizeStatus(d.status) : d.n_pages ? `${d.n_pages} ${d.n_pages === 1 ? "page" : "pages"}` : d.file_type ?? "Document",
+    time: timeAndDate(d.updated_at ?? d.created_at)
+  }));
+}
+function splitFacts(facts, now = /* @__PURE__ */ new Date()) {
+  const startOfToday = new Date(now);
+  startOfToday.setHours(0, 0, 0, 0);
+  const dated = facts.filter((f) => f.date_start && new Date(f.date_start) >= startOfToday).sort((a, b) => time(a.date_start) - time(b.date_start)).slice(0, FACT_ROWS);
+  const datedIds = new Set(dated.map((f) => f.external_id));
+  const rest = facts.filter((f) => !datedIds.has(f.external_id)).sort((a, b) => time(b.created_at) - time(a.created_at)).slice(0, FACT_ROWS);
+  const row = (f, stamp) => ({
+    id: f.external_id,
+    title: f.text,
+    time: stamp
+  });
+  return {
+    upcoming: dated.map((f) => row(f, f.date_start ? shortDate(f.date_start) : "")),
+    recent: rest.map((f) => row(f, timeAndDate(f.created_at)))
+  };
+}
+function ConnectedWorkspaceDashboard({
+  actions,
+  start,
+  addFilesAction,
+  aside,
+  testId = "workspace-dashboard"
+}) {
+  const { openDocument, openConversation } = useBlocksEnvironment();
+  const { workspaceId } = useConnectedWorkspace();
+  const { data: documents } = useConnectedDocuments();
+  const { data: conversations } = useConnectedConversations();
+  const { data: facts = [] } = useFacts(workspaceId);
+  const conversationIcon = /* @__PURE__ */ jsx(EntityIcon, { entityType: "CONVERSATION", className: "mt-0.5 size-5 shrink-0" });
+  const chatRows = useMemo(
+    () => recentConversations(conversations).map((row) => ({
+      ...row,
+      leading: conversationIcon,
+      href: workspaceId ? buildDeepLinkPath({ workspaceId, conversationId: row.id }) : void 0,
+      onSelect: () => openConversation(row.id)
+    })),
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [conversations, workspaceId, openConversation]
+  );
+  const docRows = useMemo(
+    () => recentDocuments(documents).map(({ fileName, ...row }) => ({
+      ...row,
+      // The file-type mark, bare: it carries its own identity.
+      leading: /* @__PURE__ */ jsx("span", { className: "mt-0.5 shrink-0", children: getDocIcon(fileName, 20) }),
+      href: workspaceId ? buildDeepLinkPath({ workspaceId, documentId: row.id }) : void 0,
+      onSelect: () => openDocument(row.id)
+    })),
+    [documents, workspaceId, openDocument]
+  );
+  const { upcoming, recent } = useMemo(() => {
+    const { upcoming: upcoming2, recent: recent2 } = splitFacts(facts);
+    const toRow = (row) => ({
+      ...row,
+      leading: /* @__PURE__ */ jsx(FactMark, {}),
+      // The item, not the list: the Facts page scrolls to this fact.
+      onSelect: () => actions.openFact(row.id)
+    });
+    return { upcoming: upcoming2.map(toRow), recent: recent2.map(toRow) };
+  }, [facts, actions]);
+  return /* @__PURE__ */ jsxs(DashboardRoot, { testId, children: [
+    start && /* @__PURE__ */ jsx(DashboardBand, { kind: "start", children: start }),
+    /* @__PURE__ */ jsxs(DashboardBand, { kind: "recent", children: [
+      /* @__PURE__ */ jsx(SectionLabel, { testId: `${testId}-recent-caption`, children: "Recent" }),
+      /* @__PURE__ */ jsxs(DashboardColumns, { children: [
+        /* @__PURE__ */ jsx(
+          RecentList,
+          {
+            testId: `${testId}-docs`,
+            icon: FileText,
+            title: getEntityLabel("DOCUMENT", "PLURAL"),
+            count: documents.length,
+            onOpen: () => actions.openSection("documents"),
+            action: addFilesAction,
+            rows: docRows,
+            caption: "Added",
+            empty: {
+              icon: Upload,
+              label: "Add files or emails",
+              description: "From your computer, a web link, or a connected mailbox.",
+              onSelect: actions.addFiles
+            }
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          RecentList,
+          {
+            testId: `${testId}-chats`,
+            icon: MessagesSquare,
+            title: getEntityLabel("CONVERSATION", "PLURAL"),
+            count: conversations.length,
+            onOpen: () => actions.openSection("threads"),
+            action: (
+              // Quiet like every section action: the Start band is the page's first job.
+              /* @__PURE__ */ jsx(
+                DashboardAction,
+                {
+                  emphasis: "quiet",
+                  icon: /* @__PURE__ */ jsx(Plus, { className: "size-4" }),
+                  label: "New",
+                  onClick: actions.newThread,
+                  testId: `${testId}-chats-new`
+                }
+              )
+            ),
+            rows: chatRows,
+            caption: "Messaged",
+            empty: {
+              icon: Plus,
+              label: "Ask ARBI anything",
+              description: "Questions are answered from this workspace's files.",
+              onSelect: actions.ask
+            }
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs(DashboardColumns, { children: [
+      /* @__PURE__ */ jsx(
+        FactsStrip,
+        {
+          testId: `${testId}-facts`,
+          icon: Milestone,
+          title: getEntityLabel("FACT", "PLURAL"),
+          count: facts.length,
+          onOpen: () => actions.openSection("facts"),
+          action: /* @__PURE__ */ jsx(
+            DashboardAction,
+            {
+              emphasis: "quiet",
+              icon: /* @__PURE__ */ jsx(Plus, { className: "size-4" }),
+              label: "New fact",
+              onClick: actions.newFact,
+              testId: `${testId}-facts-action`
+            }
+          ),
+          groups: [
+            { caption: "Upcoming", rows: upcoming, rowTestId: `${testId}-facts-upcoming-row` },
+            { caption: "Created", rows: recent, rowTestId: `${testId}-facts-row` }
+          ],
+          empty: {
+            icon: Milestone,
+            label: `Add your first ${getEntityLabel("FACT").toLowerCase()}`,
+            description: "A date, a decision, a preference \u2014 anything worth remembering.",
+            onSelect: actions.newFact,
+            testId: `${testId}-facts-empty-action`
+          }
+        }
+      ),
+      aside
+    ] })
+  ] });
+}
+var DEFAULT_SEARCH_ROW_LABELS = {
+  meaningMatch: "Matched by meaning",
+  meaningMatchTitle: "None of your search words appear in this passage. It matched by meaning.",
+  page: (page) => `p.${page}`,
+  passage: "Passage"
+};
+function useIsOpenPassage(chunkExtId) {
+  return useArbiSessionState((s) => !!chunkExtId && s.viewingDocument?.passageId === chunkExtId);
+}
+function MeaningMatchBadge({
+  content,
+  terms,
+  labels
+}) {
+  return isMeaningMatch(content, terms) ? /* @__PURE__ */ jsx(Badge, { variant: "outline", className: "text-muted-foreground", title: labels.meaningMatchTitle, children: labels.meaningMatch }) : null;
+}
+var FlatResultRow = memo(function FlatResultRow2({
+  hit,
+  position,
+  terms,
+  onOpen,
+  labels
+}) {
+  const handleClick = useCallback((e) => onOpen(e, hit), [onOpen, hit]);
+  return /* @__PURE__ */ jsx(
+    SearchHit,
+    {
+      active: useIsOpenPassage(hit.chunkExtId),
+      header: (
+        // No `onClick` on the pill: it would render a real <button> inside the card's
+        // role="button" target (invalid nesting). The card already opens the passage.
+        /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-wrap items-center gap-2", children: [
+          /* @__PURE__ */ jsx(
+            PassagePill,
+            {
+              icon: /* @__PURE__ */ jsx(HtmlIcon, { size: 16, className: "flex-shrink-0" }),
+              documentTitle: hit.docTitle,
+              pageNumber: hit.page,
+              passageIndex: hit.index,
+              showTooltip: false,
+              labelMaxWidth: "max-w-none"
+            }
+          ),
+          /* @__PURE__ */ jsx(MeaningMatchBadge, { content: hit.content, terms, labels })
+        ] })
+      ),
+      content: hit.content,
+      terms,
+      renderSnippet: renderSearchSnippet,
+      onClick: handleClick,
+      testId: `search-result-flat-${position}`
+    }
+  );
+});
+var GroupedResultRow = memo(function GroupedResultRow2({
   hit,
   testId,
   terms,
@@ -13823,7 +14389,7 @@ function BookingPagesPanel({ defaultTimeZone, className }) {
 var selectClass4 = "h-9 w-full rounded-md border border-input bg-background px-2 text-sm text-foreground shadow-sm";
 function CreateRoomForm({ zone, onDone }) {
   const { notify: notify14 } = useBlocksEnvironment();
-  const create2 = useCreateRoom();
+  const create3 = useCreateRoom();
   const [name, setName] = useState("");
   const [type, setType] = useState("room");
   const [capacity, setCapacity] = useState("");
@@ -13843,7 +14409,7 @@ function CreateRoomForm({ zone, onDone }) {
         const cap = capacity.trim() ? Number(capacity) : null;
         if (cap !== null && (!Number.isInteger(cap) || cap < 1))
           return setError("Capacity must be a whole number");
-        create2.mutate(
+        create3.mutate(
           {
             name: name.trim(),
             type,
@@ -13934,8 +14500,8 @@ function CreateRoomForm({ zone, onDone }) {
         error && /* @__PURE__ */ jsx("p", { role: "alert", className: "text-sm text-destructive", children: error }),
         /* @__PURE__ */ jsxs("div", { className: "flex justify-end gap-2", children: [
           /* @__PURE__ */ jsx(Button, { type: "button", variant: "ghost", onClick: onDone, children: "Cancel" }),
-          /* @__PURE__ */ jsxs(Button, { type: "submit", disabled: create2.isPending, children: [
-            create2.isPending && /* @__PURE__ */ jsx(Loader2, { className: "mr-1 size-4 animate-spin" }),
+          /* @__PURE__ */ jsxs(Button, { type: "submit", disabled: create3.isPending, children: [
+            create3.isPending && /* @__PURE__ */ jsx(Loader2, { className: "mr-1 size-4 animate-spin" }),
             "Create"
           ] })
         ] })
@@ -15014,7 +15580,7 @@ function subscribePhone(cb) {
   return () => mq?.removeEventListener?.("change", cb);
 }
 var isPhoneNow = () => typeof window !== "undefined" && !!window.matchMedia?.(PHONE_QUERY)?.matches;
-function useIsPhone() {
+function useIsPhone2() {
   return useSyncExternalStore(subscribePhone, isPhoneNow, () => false);
 }
 var errorText3 = (err) => describeCalendarError(err);
@@ -15036,7 +15602,7 @@ function ConnectedCalendar({
   const arbi = useArbi();
   const fetchEvent = useFetchCalendarEvent();
   const notifyError = (prefix, err) => notify14(`${prefix}: ${errorText3(err)}`, "error");
-  const isPhone = useIsPhone();
+  const isPhone = useIsPhone2();
   const { data: settingsData } = useCalendarSettings();
   const settings = settingsData ?? FALLBACK_SETTINGS;
   const zone = safeZone(settings.time_zone, detectTimeZone());
@@ -16251,6 +16817,1152 @@ function ConnectedPublicBooking({ slug, cancelToken }) {
     ] })
   ] });
 }
+var useFilesStore = create()(
+  persist(
+    (set) => ({
+      pendingFolders: {},
+      addPendingFolder: (workspaceId, path) => set((state) => {
+        const current = state.pendingFolders[workspaceId] ?? [];
+        if (current.includes(path)) return state;
+        return { pendingFolders: { ...state.pendingFolders, [workspaceId]: [...current, path] } };
+      }),
+      removePendingFolder: (workspaceId, path) => set((state) => {
+        const current = state.pendingFolders[workspaceId] ?? [];
+        if (!current.includes(path)) return state;
+        return {
+          pendingFolders: {
+            ...state.pendingFolders,
+            [workspaceId]: current.filter((p) => p !== path)
+          }
+        };
+      })
+    }),
+    {
+      name: "arbi_explorer_pending_folders",
+      storage: createJSONStorage(() => sessionStorage),
+      partialize: (state) => ({ pendingFolders: state.pendingFolders })
+    }
+  )
+);
+var NONE = [];
+function usePendingFolders(workspaceId) {
+  return useFilesStore(
+    (state) => (workspaceId ? state.pendingFolders[workspaceId] : void 0) ?? NONE
+  );
+}
+var FilesSupportContext = createContext({});
+function FilesSupportProvider({
+  value,
+  children
+}) {
+  return /* @__PURE__ */ jsx(FilesSupportContext.Provider, { value, children });
+}
+function useFilesSupport() {
+  return useContext(FilesSupportContext);
+}
+var NO_IDS3 = /* @__PURE__ */ new Set();
+function useOfflineDocumentIds() {
+  const { useOfflineDocumentIds: useHostIds } = useFilesSupport();
+  return useHostIds?.() ?? NO_IDS3;
+}
+function useViewingDocumentId() {
+  const { useViewingDocumentId: useHostViewing } = useFilesSupport();
+  return useHostViewing?.() ?? null;
+}
+function DocumentSyncGlyph({
+  docExtId,
+  size = 13,
+  className,
+  bgClassName = "bg-muted-foreground"
+}) {
+  const isAvailableOffline = useOfflineDocumentIds().has(docExtId);
+  if (!isAvailableOffline) return null;
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      title: "Available offline (saved on this device)",
+      "aria-label": "Available offline",
+      "data-testid": `offline-available-badge-${docExtId}`,
+      className: cn(
+        "inline-flex items-center justify-center rounded-full text-white ring-1 ring-white",
+        bgClassName,
+        className
+      ),
+      style: { width: size, height: size },
+      children: /* @__PURE__ */ jsx(ArrowDownToLine, { size: Math.round(size * 0.7), strokeWidth: 2.75 })
+    }
+  );
+}
+var ACTIVE_STATUSES = /* @__PURE__ */ new Set([
+  "uploading",
+  "queued",
+  "parsing",
+  "encrypting",
+  "indexing",
+  "analysing"
+]);
+var TERMINAL_STATUSES = /* @__PURE__ */ new Set(["completed", "failed", "skipped", "empty", "low-content"]);
+var STATUS_LABEL = {
+  uploading: "Uploading",
+  queued: "Queued",
+  parsing: "Parsing",
+  encrypting: "Encrypting",
+  indexing: "Indexing",
+  analysing: "Analysing"
+};
+function isActiveDocumentStatus(status) {
+  return ACTIVE_STATUSES.has(status.toLowerCase());
+}
+function useDocStatus(doc) {
+  const liveStatus = useProcessingTask(doc.external_id)?.status;
+  const rowStatus = (doc.status ?? "").toLowerCase();
+  if (liveStatus && ACTIVE_STATUSES.has(liveStatus)) return liveStatus;
+  if (TERMINAL_STATUSES.has(rowStatus)) return rowStatus;
+  return liveStatus ?? rowStatus;
+}
+function TileStatusBadge({ doc, status }) {
+  let tone = "neutral";
+  let icon2 = null;
+  let title = "";
+  switch (status) {
+    case "completed":
+      tone = "success";
+      icon2 = /* @__PURE__ */ jsx(CheckCircle, { className: "size-4 text-green-text", strokeWidth: 2.75 });
+      title = "Ready";
+      break;
+    case "failed":
+      tone = "danger";
+      icon2 = /* @__PURE__ */ jsx(
+        FailedStageIcon,
+        {
+          stage: doc.failed_stage ?? null,
+          errorMessage: doc.error_message,
+          className: "size-4 text-red-text"
+        }
+      );
+      title = "Failed";
+      break;
+    case "skipped":
+      icon2 = /* @__PURE__ */ jsx(SkipForward, { className: "size-4 text-muted-foreground", strokeWidth: 2.75 });
+      title = "Skipped";
+      break;
+    case "empty":
+      tone = "warning";
+      icon2 = /* @__PURE__ */ jsx(FileX, { className: "size-4 text-yellow-text", strokeWidth: 2.75 });
+      title = "Empty \u2014 no extractable content";
+      break;
+    case "low-content":
+      tone = "warning";
+      icon2 = /* @__PURE__ */ jsx(AlertTriangle, { className: "size-4 text-yellow-text", strokeWidth: 2.75 });
+      title = "Low content \u2014 minimal extractable content";
+      break;
+    default:
+      return null;
+  }
+  return /* @__PURE__ */ jsx(
+    StatusPill,
+    {
+      tone,
+      icon: icon2,
+      title,
+      testId: `explorer-file-status-${doc.external_id}`
+    }
+  );
+}
+function TileVisibilityBadge({ doc }) {
+  const shared = !!doc.shared;
+  return /* @__PURE__ */ jsx(
+    StatusPill,
+    {
+      icon: /* @__PURE__ */ jsx(VisibilityIcon, { isShared: shared, className: "size-3.5", "aria-hidden": true }),
+      label: shared ? getEntityLabel("WORKSPACE") : "Only you",
+      title: visibilityAudience(shared),
+      testId: `explorer-file-visibility-${doc.external_id}`
+    }
+  );
+}
+function MiniUserAvatar({ user }) {
+  return /* @__PURE__ */ jsxs(Avatar, { className: "h-4 w-4 border border-white", children: [
+    user.picture && /* @__PURE__ */ jsx(AvatarImage, { src: user.picture, alt: getUserDisplayName(user) }),
+    /* @__PURE__ */ jsx(
+      AvatarFallback,
+      {
+        className: cn(
+          "text-xs font-semibold leading-none text-white",
+          getUserAvatarColor(user.external_id)
+        ),
+        children: getUserInitials(user)
+      }
+    )
+  ] });
+}
+function FileTooltipContent({
+  doc,
+  modifiedBy,
+  tagNameById
+}) {
+  const labels = (doc.doctags ?? []).map((dt) => tagNameById.get(dt.tag_ext_id)).filter((name) => !!name);
+  return /* @__PURE__ */ jsx(
+    ExplorerFileTooltip,
+    {
+      title: getDocumentTitle(doc, doc.file_name ?? ""),
+      summary: getDocumentSubject(doc),
+      modifiedLabel: doc.updated_at ? formatFriendlyDate(doc.updated_at, false) : null,
+      modifiedByAvatar: modifiedBy && /* @__PURE__ */ jsx(MiniUserAvatar, { user: modifiedBy }),
+      shared: !!doc.shared,
+      visibilityIcon: /* @__PURE__ */ jsx(VisibilityIcon, { isShared: !!doc.shared, className: "h-3 w-3" }),
+      labels,
+      uiLabels: { shared: visibilityAudience(true), private: visibilityAudience(false) }
+    }
+  );
+}
+function startMenuItem(items) {
+  if (items.length === 0) return [];
+  return [
+    {
+      id: "start",
+      label: "Start\u2026",
+      icon: Sparkles,
+      testId: "explorer-start-menu",
+      onSelect: () => {
+      },
+      submenu: items.map((item) => ({
+        id: item.id,
+        label: item.title,
+        icon: Play,
+        onSelect: item.run,
+        testId: `explorer-start-${item.id}`
+      }))
+    }
+  ];
+}
+var FileTile = memo(function FileTile2({
+  doc,
+  density,
+  selected,
+  dragging,
+  dndActive,
+  renaming,
+  canDelete,
+  thumbnailUrl,
+  modifiedBy,
+  tagNameById,
+  onSelect,
+  onToggle,
+  onOpen,
+  onReview,
+  onStartRename,
+  onCommitRename,
+  onCancelRename,
+  onDownload,
+  onMove,
+  onDelete
+}) {
+  const { attributes, listeners: listeners2, setNodeRef } = useDraggable({
+    id: `doc:${doc.external_id}`,
+    data: { type: "doc", docId: doc.external_id }
+  });
+  const { notify: notify14 } = useBlocksEnvironment();
+  const { startItemsForFile, openDocumentChat, emailDocument } = useFilesSupport();
+  const status = useDocStatus(doc);
+  const isProcessing = ACTIVE_STATUSES.has(status);
+  const isOffline = useOfflineDocumentIds().has(doc.external_id);
+  const isViewing = useViewingDocumentId() === doc.external_id;
+  const showStatusMarker = !isProcessing && TERMINAL_STATUSES.has(status);
+  const Icon = getFileTypeIcon(doc.file_name, { mime: doc.file_type });
+  const { data: mailPolicy } = useMailPolicy();
+  const shareAsEmail = async () => {
+    try {
+      await emailDocument?.(doc);
+    } catch (error) {
+      notify14(error instanceof Error ? error.message : "Could not attach document", "error");
+    }
+  };
+  const startItems = startItemsForFile?.(doc);
+  const menuItems = [
+    { id: "open", label: "Open", icon: SquarePen, onSelect: () => onOpen(doc) },
+    ...onReview ? [{ id: "review", label: "Open in Review", icon: BookOpen, onSelect: () => onReview(doc) }] : [],
+    ...openDocumentChat ? [
+      {
+        id: "chat",
+        label: "Document chat",
+        icon: MessagesSquare,
+        onSelect: () => openDocumentChat(doc.external_id)
+      }
+    ] : [],
+    ...startMenuItem(startItems ?? []),
+    {
+      id: "rename",
+      label: "Rename",
+      icon: Pencil,
+      onSelect: () => onStartRename(doc),
+      separatorBefore: true
+    },
+    { id: "download", label: "Download", icon: Download, onSelect: () => onDownload(doc) },
+    ...emailDocument && mailPolicy?.enabled ? [
+      {
+        id: "email",
+        label: "Send as email attachment",
+        icon: Mail,
+        onSelect: () => {
+          void shareAsEmail();
+        }
+      }
+    ] : [],
+    ...onMove ? [{ id: "move", label: "Move to\u2026", icon: FolderInput, onSelect: () => onMove(doc) }] : [],
+    ...canDelete ? [
+      {
+        id: "delete",
+        label: "Delete",
+        icon: Trash2,
+        onSelect: () => onDelete(doc),
+        destructive: true,
+        separatorBefore: true
+      }
+    ] : []
+  ];
+  const tooltip = renaming || dndActive ? void 0 : /* @__PURE__ */ jsx(FileTooltipContent, { doc, modifiedBy, tagNameById });
+  return /* @__PURE__ */ jsx(
+    ExplorerFileTile,
+    {
+      id: doc.external_id,
+      title: getDocumentTitle(doc, doc.file_name ?? ""),
+      density,
+      selected,
+      dragging,
+      renaming,
+      thumbnailUrl,
+      renderFileIcon: (size) => /* @__PURE__ */ jsx(Icon, { size, className: "drop-shadow-sm" }),
+      progress: isProcessing ? { label: STATUS_LABEL[status] ?? status, queued: status === "queued" } : void 0,
+      statusMarker: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
+        /* @__PURE__ */ jsx(TileVisibilityBadge, { doc }),
+        showStatusMarker && /* @__PURE__ */ jsx(TileStatusBadge, { doc, status })
+      ] }),
+      offlineMarker: isOffline ? /* @__PURE__ */ jsx(DocumentSyncGlyph, { docExtId: doc.external_id, size: 24, bgClassName: "bg-primary" }) : void 0,
+      entity: /* @__PURE__ */ jsx(
+        DocumentEntity,
+        {
+          doc,
+          labelMaxWidth: "max-w-full",
+          noClamp: true,
+          labelClassName: "whitespace-normal line-clamp-2 break-words",
+          viewing: isViewing,
+          tooltipContent: /* @__PURE__ */ jsx(FileTooltipContent, { doc, modifiedBy, tagNameById }),
+          className: cn(
+            "w-full min-w-0 max-w-full bg-background/90 backdrop-blur-sm",
+            density === "list" ? "text-xs" : void 0
+          ),
+          onClick: (e) => {
+            e.stopPropagation();
+            onOpen(doc);
+          }
+        }
+      ),
+      tooltip,
+      menuItems,
+      rootRef: setNodeRef,
+      rootProps: { ...listeners2, ...attributes },
+      onOpen: () => onOpen(doc),
+      onSelect: (e) => onSelect(doc, e),
+      onToggle: (e) => onToggle(doc, e),
+      onCommitRename: (name) => onCommitRename(doc, name),
+      onCancelRename
+    }
+  );
+});
+var FolderTile = memo(function FolderTile2({
+  folder,
+  density,
+  editing,
+  selected,
+  partiallySelected,
+  documents,
+  onOpen,
+  onToggleSelect,
+  onCommitName,
+  onCancelName,
+  onStartRename,
+  onDownload,
+  onMove,
+  onDelete
+}) {
+  const { setNodeRef, isOver } = useDroppable({
+    id: `folder:${folder.path.join("/")}`,
+    data: { type: "folder", path: folder.path }
+  });
+  const { startItemsForFolder } = useFilesSupport();
+  const tasks = useProcessingTasks();
+  const processingCount = useMemo(
+    () => documents.filter(
+      (doc) => isActiveDocumentStatus(tasks[doc.external_id]?.status ?? doc.status ?? "")
+    ).length,
+    [documents, tasks]
+  );
+  const isEmpty = folder.count === 0;
+  const iconSize = density === "list" ? 34 : 48;
+  const menuItems = [
+    ...onStartRename ? [{ id: "rename", label: "Rename", icon: Pencil, onSelect: () => onStartRename(folder) }] : [],
+    ...!isEmpty ? startMenuItem(startItemsForFolder?.(folder.path.join("/")) ?? []) : [],
+    ...onDownload && !isEmpty ? [{ id: "download", label: "Download", icon: Download, onSelect: () => onDownload(folder) }] : [],
+    ...onMove && !isEmpty ? [{ id: "move", label: "Move to\u2026", icon: FolderInput, onSelect: () => onMove(folder) }] : [],
+    ...onDelete ? [
+      {
+        id: "delete",
+        label: "Delete",
+        icon: Trash2,
+        onSelect: () => onDelete(folder),
+        destructive: true,
+        separatorBefore: true
+      }
+    ] : []
+  ];
+  const displayName = folder.path.length === 1 ? formatFolderSegment(folder.name) : folder.name;
+  const providerIcon = folder.path.length === 1 && hasFolderProviderIcon(folder.name) ? /* @__PURE__ */ jsx(
+    "span",
+    {
+      className: "flex items-center justify-center drop-shadow-sm",
+      style: { width: iconSize, height: iconSize },
+      children: /* @__PURE__ */ jsx(FolderProviderIcon, { folderPath: folder.name, className: "h-full w-full" })
+    }
+  ) : void 0;
+  return /* @__PURE__ */ jsx(
+    ExplorerFolderTile,
+    {
+      name: folder.name,
+      displayName: displayName === "" ? null : displayName,
+      path: folder.path,
+      count: folder.count,
+      density,
+      editing,
+      selected,
+      partiallySelected,
+      processingCount,
+      isOver,
+      icon: providerIcon,
+      menuItems,
+      rootRef: setNodeRef,
+      onOpen: () => onOpen(folder),
+      onToggleSelect: onToggleSelect ? (e) => onToggleSelect(folder, e) : void 0,
+      onCommitName: (name) => onCommitName?.(folder, name),
+      onCancelName
+    }
+  );
+});
+var GRID_GAP = 12;
+var SCROLL_PADDING_X = 32;
+var PAGE_ASPECT = 1.3;
+var TILE_MIN = 88;
+var TILE_MAX = 232;
+var TILE_DEFAULT = 200;
+var COMPACT_BELOW = 132;
+var NO_DOCUMENTS = [];
+function useFilesWorkspace() {
+  const { workspaceId, userId, live } = useConnectedWorkspace();
+  const { members, role } = useConnectedWorkspaceRole();
+  const { data: workspaces } = useWorkspaces({ enabled: live });
+  const workspaceName = workspaces?.find((w) => w.external_id === workspaceId)?.name;
+  return {
+    workspaceId: workspaceId ?? "",
+    workspaceName,
+    userId,
+    role: role ?? null,
+    members
+  };
+}
+var ConnectedFilesExplorer = forwardRef(function ConnectedFilesExplorer2({
+  documents,
+  isLoading,
+  canUpload,
+  selectedIds,
+  onSelectionChange,
+  onOrderedFilesChange,
+  onOpenDocument,
+  onUploadFiles,
+  folderPath,
+  onFolderPathChange,
+  search = "",
+  sort,
+  sortReversed,
+  tileSize,
+  onMoveSelected,
+  onFolderMove,
+  onOpenInReview,
+  emptyWorkspace
+}, ref) {
+  const { confirm, notify: notify14 } = useBlocksEnvironment();
+  const currentPath = folderPath;
+  const density = tileSize < COMPACT_BELOW ? "list" : "grid";
+  const [containerWidth, setContainerWidth] = useState(0);
+  const [activeDragId, setActiveDragId] = useState(null);
+  const [isFileDragOver, setIsFileDragOver] = useState(false);
+  const [renamingId, setRenamingId] = useState(null);
+  const scrollRef = useRef(null);
+  const anchorRef = useRef(null);
+  const dragIdsRef = useRef([]);
+  const fileDragDepth = useRef(0);
+  const marqueeOverlayRef = useRef(null);
+  const marqueeRef = useRef(
+    null
+  );
+  const didMarqueeRef = useRef(false);
+  const updateDocument = useUpdateDocuments();
+  const deleteDocuments = useDeleteDocuments();
+  const renameFolder = useRenameFolder();
+  const { workspaceId: wsId, workspaceName, userId, role, members } = useFilesWorkspace();
+  const { downloadDocuments, downloadDocument } = useDownloadDocuments({ workspaceName });
+  const { data: workspaceTags } = useTags();
+  const userById = useMemo(() => {
+    const map = /* @__PURE__ */ new Map();
+    for (const member of members) map.set(member.user.external_id, member.user);
+    return map;
+  }, [members]);
+  const tagNameById = useMemo(() => {
+    const map = /* @__PURE__ */ new Map();
+    for (const tag of workspaceTags ?? []) map.set(tag.external_id, tag.name);
+    return map;
+  }, [workspaceTags]);
+  const pendingFolders = usePendingFolders(wsId);
+  const addPendingFolder = useFilesStore((state) => state.addPendingFolder);
+  const removePendingFolder = useFilesStore((state) => state.removePendingFolder);
+  const [editingFolderPath, setEditingFolderPath] = useState(null);
+  const isSearching = search.trim().length > 0;
+  const selectedSet = useMemo(() => new Set(selectedIds), [selectedIds]);
+  const selectedIdsRef = useRef(selectedIds);
+  selectedIdsRef.current = selectedIds;
+  const { folders, files } = useMemo(() => {
+    const result = isSearching ? {
+      folders: [],
+      files: searchExplorerDocuments(documents, search, sort)
+    } : buildExplorerEntries(documents, currentPath, sort, [...pendingFolders]);
+    if (sortReversed) result.files = [...result.files].reverse();
+    return result;
+  }, [documents, currentPath, sort, isSearching, search, sortReversed, pendingFolders]);
+  const entries = useMemo(
+    () => [...folders, ...files.map((doc) => ({ kind: "file", doc }))],
+    [folders, files]
+  );
+  const orderedFileIds = useMemo(() => files.map((d) => d.external_id), [files]);
+  const folderDocs = useMemo(() => {
+    const map = /* @__PURE__ */ new Map();
+    for (const f of folders) map.set(f.path.join("/"), collectFolderDocs(documents, f.path));
+    return map;
+  }, [folders, documents]);
+  const folderSelection = useMemo(() => {
+    const map = /* @__PURE__ */ new Map();
+    for (const [key, docs] of folderDocs) {
+      const sel = docs.reduce((n, d) => selectedSet.has(d.external_id) ? n + 1 : n, 0);
+      map.set(key, { all: docs.length > 0 && sel === docs.length, some: sel > 0 });
+    }
+    return map;
+  }, [folderDocs, selectedSet]);
+  const contentWidth = Math.max(0, containerWidth - SCROLL_PADDING_X);
+  const columnCount = Math.max(
+    1,
+    Math.floor((contentWidth + GRID_GAP) / (tileSize + GRID_GAP)) || 1
+  );
+  const colWidth = contentWidth > 0 ? (contentWidth - (columnCount - 1) * GRID_GAP) / columnCount : tileSize;
+  const tileHeight = Math.max(120, Math.round(colWidth * PAGE_ASPECT));
+  const rowHeight = tileHeight + GRID_GAP;
+  const rowCount = Math.ceil(entries.length / columnCount);
+  const rowVirtualizer = useVirtualizer({
+    count: rowCount,
+    getScrollElement: () => scrollRef.current,
+    estimateSize: () => rowHeight,
+    overscan: 3
+  });
+  const virtualRows = rowVirtualizer.getVirtualItems();
+  const firstRow = virtualRows.length > 0 ? virtualRows[0].index : 0;
+  const lastRow = virtualRows.length > 0 ? virtualRows[virtualRows.length - 1].index : -1;
+  const visibleFileIds = useMemo(() => {
+    const ids = [];
+    for (let r = firstRow; r <= lastRow; r++) {
+      const start = r * columnCount;
+      for (let c = 0; c < columnCount; c++) {
+        const entry = entries[start + c];
+        if (entry?.kind === "file") ids.push(entry.doc.external_id);
+      }
+    }
+    return ids;
+  }, [firstRow, lastRow, columnCount, entries]);
+  const thumbnailsById = useDocumentThumbnails(visibleFileIds);
+  useEffect(() => {
+    rowVirtualizer.measure();
+  }, [rowVirtualizer, columnCount, rowHeight, entries.length]);
+  const isWholeWorkspaceEmpty = !isLoading && documents.length === 0 && canUpload && emptyWorkspace !== void 0;
+  useLayoutEffect(() => {
+    const el = scrollRef.current;
+    if (!el) return;
+    const apply = () => {
+      const next = Math.round(el.clientWidth);
+      setContainerWidth((prev) => prev === next ? prev : next);
+    };
+    apply();
+    const ro = new ResizeObserver(apply);
+    ro.observe(el);
+    return () => ro.disconnect();
+  }, [isWholeWorkspaceEmpty]);
+  useEffect(() => {
+    anchorRef.current = null;
+    if (scrollRef.current) scrollRef.current.scrollTop = 0;
+  }, [currentPath, search]);
+  useEffect(() => {
+    const MARQUEE_THRESHOLD = 5;
+    let rafId = 0;
+    let cur = null;
+    const paint = () => {
+      rafId = 0;
+      const el = marqueeOverlayRef.current;
+      if (!el || !cur) return;
+      el.style.display = "block";
+      el.style.left = `${cur.left}px`;
+      el.style.top = `${cur.top}px`;
+      el.style.width = `${cur.right - cur.left}px`;
+      el.style.height = `${cur.bottom - cur.top}px`;
+    };
+    const onMove = (e) => {
+      const m = marqueeRef.current;
+      if (!m) return;
+      if (!didMarqueeRef.current && Math.hypot(e.clientX - m.x, e.clientY - m.y) < MARQUEE_THRESHOLD)
+        return;
+      didMarqueeRef.current = true;
+      const b = scrollRef.current?.getBoundingClientRect();
+      const px = b ? Math.max(b.left, Math.min(e.clientX, b.right)) : e.clientX;
+      const py = b ? Math.max(b.top, Math.min(e.clientY, b.bottom)) : e.clientY;
+      cur = {
+        left: Math.min(m.x, px),
+        top: Math.min(m.y, py),
+        right: Math.max(m.x, px),
+        bottom: Math.max(m.y, py)
+      };
+      if (!rafId) rafId = requestAnimationFrame(paint);
+    };
+    const onUp = () => {
+      const m = marqueeRef.current;
+      if (!m) return;
+      marqueeRef.current = null;
+      if (rafId) cancelAnimationFrame(rafId);
+      rafId = 0;
+      const el = marqueeOverlayRef.current;
+      if (el) el.style.display = "none";
+      if (!didMarqueeRef.current || !cur) return;
+      const box = cur;
+      const hit = [];
+      scrollRef.current?.querySelectorAll("[data-doc-id]").forEach((node) => {
+        const r = node.getBoundingClientRect();
+        if (r.left < box.right && r.right > box.left && r.top < box.bottom && r.bottom > box.top) {
+          const id = node.getAttribute("data-doc-id");
+          if (id) hit.push(id);
+        }
+      });
+      onSelectionChange(m.additive ? Array.from(/* @__PURE__ */ new Set([...m.base, ...hit])) : hit);
+    };
+    window.addEventListener("pointermove", onMove);
+    window.addEventListener("pointerup", onUp);
+    return () => {
+      window.removeEventListener("pointermove", onMove);
+      window.removeEventListener("pointerup", onUp);
+      if (rafId) cancelAnimationFrame(rafId);
+    };
+  }, [onSelectionChange]);
+  const handleScrollPointerDown = useCallback((e) => {
+    if (e.button !== 0) return;
+    const el = e.target;
+    if (el.closest(
+      '[data-testid="explorer-file"],[data-testid="explorer-folder"],button,input,select,a,[role="button"]'
+    )) {
+      return;
+    }
+    const additive = e.shiftKey || e.metaKey || e.ctrlKey;
+    marqueeRef.current = {
+      x: e.clientX,
+      y: e.clientY,
+      additive,
+      base: additive ? selectedIdsRef.current : []
+    };
+    didMarqueeRef.current = false;
+  }, []);
+  const openFolder = useCallback(
+    (folder) => onFolderPathChange(folder.path),
+    [onFolderPathChange]
+  );
+  const handleNewFolder = useCallback(() => {
+    if (!wsId) return;
+    const siblings = new Set(folders.map((f) => f.name.toLowerCase()));
+    const base = "New folder";
+    let name = base;
+    let i = 2;
+    while (siblings.has(name.toLowerCase())) name = `${base} ${i++}`;
+    const path = joinFolderPath([...currentPath, name]);
+    if (!path) return;
+    addPendingFolder(wsId, path);
+    setEditingFolderPath(path);
+  }, [wsId, folders, currentPath, addPendingFolder]);
+  const lastOrderedRef = useRef([]);
+  useEffect(() => {
+    const prev = lastOrderedRef.current;
+    if (prev.length === orderedFileIds.length && prev.every((id, i) => id === orderedFileIds[i])) {
+      return;
+    }
+    lastOrderedRef.current = orderedFileIds;
+    onOrderedFilesChange?.(orderedFileIds);
+  }, [onOrderedFilesChange, orderedFileIds]);
+  const scrollToDocument = useCallback(
+    (docId) => {
+      const index = entries.findIndex((e) => e.kind === "file" && e.doc.external_id === docId);
+      if (index < 0) return;
+      rowVirtualizer.scrollToIndex(Math.floor(index / columnCount), { align: "center" });
+    },
+    [entries, columnCount, rowVirtualizer]
+  );
+  useImperativeHandle(ref, () => ({ triggerNewFolder: handleNewFolder, scrollToDocument }), [
+    handleNewFolder,
+    scrollToDocument
+  ]);
+  const commitFolderName = useCallback(
+    async (folder, rawName) => {
+      setEditingFolderPath(null);
+      const name = rawName.trim();
+      if (!wsId || !name || name === folder.name) return;
+      const siblings = new Set(folders.filter((f) => f !== folder).map((f) => f.name.toLowerCase()));
+      if (siblings.has(name.toLowerCase())) {
+        notify14(`A folder named "${name}" already exists here.`, "error");
+        return;
+      }
+      const oldPath = joinFolderPath(folder.path);
+      const newPrefix = [...folder.path.slice(0, -1), name];
+      const newPath = joinFolderPath(newPrefix);
+      const docs = collectFolderDocs(documents, folder.path);
+      try {
+        if (await renameFolder(docs, folder.path, newPrefix) > 0) {
+          notify14(`Renamed folder to "${name}"`, "success");
+        }
+      } catch {
+        notify14("Failed to rename folder. Please try again.", "error");
+        return;
+      }
+      if (oldPath) removePendingFolder(wsId, oldPath);
+      if (docs.length === 0 && newPath) addPendingFolder(wsId, newPath);
+    },
+    [wsId, folders, documents, renameFolder, notify14, addPendingFolder, removePendingFolder]
+  );
+  const cancelFolderName = useCallback(() => setEditingFolderPath(null), []);
+  const clearSelection = useCallback(() => {
+    if (selectedIdsRef.current.length > 0) onSelectionChange([]);
+    anchorRef.current = null;
+  }, [onSelectionChange]);
+  const handleSelect = useCallback(
+    (doc, e) => {
+      const id = doc.external_id;
+      if (e.shiftKey) {
+        const from = anchorRef.current ?? id;
+        const a = orderedFileIds.indexOf(from);
+        const b = orderedFileIds.indexOf(id);
+        if (a !== -1 && b !== -1) {
+          anchorRef.current = from;
+          const [lo, hi] = a < b ? [a, b] : [b, a];
+          onSelectionChange(orderedFileIds.slice(lo, hi + 1));
+          return;
+        }
+      }
+      if (e.metaKey || e.ctrlKey) {
+        onSelectionChange(
+          selectedSet.has(id) ? selectedIds.filter((s) => s !== id) : [...selectedIds, id]
+        );
+        anchorRef.current = id;
+        return;
+      }
+      onSelectionChange([id]);
+      anchorRef.current = id;
+    },
+    [onSelectionChange, orderedFileIds, selectedIds, selectedSet]
+  );
+  const handleToggle = useCallback(
+    (doc, e) => {
+      e.stopPropagation();
+      const id = doc.external_id;
+      onSelectionChange(
+        selectedSet.has(id) ? selectedIds.filter((s) => s !== id) : [...selectedIds, id]
+      );
+      anchorRef.current = id;
+    },
+    [onSelectionChange, selectedIds, selectedSet]
+  );
+  const handleToggleFolder = useCallback(
+    (folder, e) => {
+      e.stopPropagation();
+      const ids = collectFolderDocs(documents, folder.path).map((d) => d.external_id);
+      if (ids.length === 0) return;
+      if (ids.every((id) => selectedSet.has(id))) {
+        const remove = new Set(ids);
+        onSelectionChange(selectedIds.filter((id) => !remove.has(id)));
+      } else {
+        onSelectionChange(Array.from(/* @__PURE__ */ new Set([...selectedIds, ...ids])));
+      }
+      anchorRef.current = null;
+    },
+    [documents, onSelectionChange, selectedIds, selectedSet]
+  );
+  const handleOpenFile = useCallback(
+    (doc) => onOpenDocument(doc.external_id),
+    [onOpenDocument]
+  );
+  const handleOpenInReview = useMemo(
+    () => onOpenInReview ? (doc) => onOpenInReview(doc.external_id) : void 0,
+    [onOpenInReview]
+  );
+  const startRename = useCallback((doc) => setRenamingId(doc.external_id), []);
+  const cancelRename = useCallback(() => setRenamingId(null), []);
+  const commitRename = useCallback(
+    async (doc, name) => {
+      setRenamingId(null);
+      try {
+        await updateDocument.mutateAsync({
+          documents: [
+            { external_id: doc.external_id, doc_metadata: { ...doc.doc_metadata, title: name } }
+          ]
+        });
+        notify14(`Renamed to "${name}"`, "success");
+      } catch {
+        notify14("Failed to rename. Please try again.", "error");
+      }
+    },
+    [updateDocument, notify14]
+  );
+  useEffect(() => {
+    const onKey = (e) => {
+      if (e.key !== "F2" || renamingId) return;
+      const target = e.target;
+      if (target && /^(input|textarea|select)$/i.test(target.tagName)) return;
+      if (selectedIdsRef.current.length === 1) setRenamingId(selectedIdsRef.current[0]);
+    };
+    window.addEventListener("keydown", onKey);
+    return () => window.removeEventListener("keydown", onKey);
+  }, [renamingId]);
+  const handleDownload = useCallback(
+    (doc) => void downloadDocument(doc),
+    [downloadDocument]
+  );
+  const handleMove = useMemo(
+    () => onMoveSelected ? (doc) => {
+      onSelectionChange([doc.external_id]);
+      onMoveSelected();
+    } : void 0,
+    [onSelectionChange, onMoveSelected]
+  );
+  const handleDelete = useCallback(
+    async (doc) => {
+      const name = getExplorerDisplayName(doc);
+      const confirmed = await confirm({
+        message: `Delete "${name}"? ${RECENTLY_DELETED_HINT}`,
+        title: "Delete file"
+      });
+      if (!confirmed) return;
+      try {
+        await deleteDocuments.mutateAsync([doc.external_id]);
+        onSelectionChange(selectedIdsRef.current.filter((id) => id !== doc.external_id));
+        notify14(`Deleted "${name}"`, "success");
+      } catch {
+        notify14("Failed to delete. Please try again.", "error");
+      }
+    },
+    [confirm, deleteDocuments, onSelectionChange, notify14]
+  );
+  const startFolderRename = useCallback(
+    (folder) => setEditingFolderPath(folder.path.join("/")),
+    []
+  );
+  const handleFolderDownload = useCallback(
+    (folder) => {
+      const docs = collectFolderDocs(documents, folder.path);
+      if (docs.length > 0) void downloadDocuments(docs);
+    },
+    [documents, downloadDocuments]
+  );
+  const handleFolderMove = useMemo(() => {
+    if (onFolderMove) return onFolderMove;
+    if (!onMoveSelected) return void 0;
+    return (folder) => {
+      const ids = collectFolderDocs(documents, folder.path).map((d) => d.external_id);
+      if (ids.length === 0) return;
+      onSelectionChange(ids);
+      onMoveSelected();
+    };
+  }, [documents, onFolderMove, onMoveSelected, onSelectionChange]);
+  const handleFolderDelete = useCallback(
+    async (folder) => {
+      const docs = collectFolderDocs(documents, folder.path);
+      if (docs.length === 0) {
+        const path = joinFolderPath(folder.path);
+        if (wsId && path) removePendingFolder(wsId, path);
+        return;
+      }
+      const confirmed = await confirm({
+        message: `Delete folder "${folder.name}" and its ${docs.length} item${docs.length === 1 ? "" : "s"}? ${RECENTLY_DELETED_HINT_PLURAL}`,
+        title: "Delete folder"
+      });
+      if (!confirmed) return;
+      try {
+        const ids = docs.map((d) => d.external_id);
+        await deleteDocuments.mutateAsync(ids);
+        const removed = new Set(ids);
+        onSelectionChange(selectedIdsRef.current.filter((id) => !removed.has(id)));
+        notify14(`Deleted folder "${folder.name}"`, "success");
+      } catch {
+        notify14("Failed to delete folder. Please try again.", "error");
+      }
+    },
+    [confirm, documents, deleteDocuments, onSelectionChange, removePendingFolder, wsId, notify14]
+  );
+  const canDeleteFolder = useCallback(
+    (folder) => canUpload && collectFolderDocs(documents, folder.path).every(
+      (doc) => canDeleteDocument(doc, userId, role)
+    ),
+    [canUpload, documents, userId, role]
+  );
+  const handleBackgroundClick = useCallback(
+    (e) => {
+      if (didMarqueeRef.current) {
+        didMarqueeRef.current = false;
+        return;
+      }
+      if (!e.target.closest('[data-testid^="explorer-"]')) clearSelection();
+    },
+    [clearSelection]
+  );
+  const moveDocs = useCallback(
+    async (ids, folder) => {
+      if (ids.length === 0) return;
+      try {
+        await updateDocument.mutateAsync({
+          documents: ids.map((external_id) => ({ external_id, folder }))
+        });
+        clearSelection();
+        notify14(
+          `Moved ${ids.length} item${ids.length === 1 ? "" : "s"} to "${folder ?? "Home"}"`,
+          "success"
+        );
+      } catch {
+        notify14("Failed to move. Please try again.", "error");
+      }
+    },
+    [updateDocument, clearSelection, notify14]
+  );
+  const sensors = useSensors(
+    useSensor(MouseSensor, { activationConstraint: { distance: 6 } }),
+    useSensor(TouchSensor, { activationConstraint: { delay: 150, tolerance: 8 } })
+  );
+  const collisionDetection = useCallback((args) => {
+    const hits = pointerWithin(args);
+    return hits.length > 0 ? hits : rectIntersection(args);
+  }, []);
+  const handleDragStart = useCallback(
+    (event) => {
+      const docId = event.active.data.current?.docId;
+      if (!docId) return;
+      setActiveDragId(docId);
+      if (!selectedIdsRef.current.includes(docId)) {
+        onSelectionChange([docId]);
+        dragIdsRef.current = [docId];
+      } else {
+        dragIdsRef.current = selectedIdsRef.current;
+      }
+    },
+    [onSelectionChange]
+  );
+  const handleDragEnd = useCallback(
+    (event) => {
+      setActiveDragId(null);
+      const data = event.over?.data.current;
+      if (data?.type === "folder" && data.path) {
+        const targetFolder = joinFolderPath(data.path);
+        const moving = dragIdsRef.current.filter((id) => {
+          const doc = documents.find((d) => d.external_id === id);
+          return doc && (doc.folder ?? null) !== targetFolder;
+        });
+        void moveDocs(moving, targetFolder);
+      }
+    },
+    [documents, moveDocs]
+  );
+  const handleNativeDragOver = useCallback(
+    (e) => {
+      if (!canUpload) return;
+      if (e.dataTransfer.types.includes("Files")) {
+        e.preventDefault();
+        e.dataTransfer.dropEffect = "copy";
+      }
+    },
+    [canUpload]
+  );
+  const handleNativeDragEnter = useCallback(
+    (e) => {
+      if (!canUpload || !e.dataTransfer.types.includes("Files")) return;
+      fileDragDepth.current += 1;
+      setIsFileDragOver(true);
+    },
+    [canUpload]
+  );
+  const handleNativeDragLeave = useCallback(() => {
+    fileDragDepth.current = Math.max(0, fileDragDepth.current - 1);
+    if (fileDragDepth.current === 0) setIsFileDragOver(false);
+  }, []);
+  const handleNativeDrop = useCallback(
+    (e) => {
+      fileDragDepth.current = 0;
+      setIsFileDragOver(false);
+      if (!canUpload) return;
+      const dropped = Array.from(e.dataTransfer.files ?? []);
+      if (dropped.length > 0) {
+        e.preventDefault();
+        onUploadFiles(dropped, joinFolderPath(currentPath));
+      }
+    },
+    [canUpload, currentPath, onUploadFiles]
+  );
+  const activeDoc = activeDragId ? documents.find((d) => d.external_id === activeDragId) : null;
+  const dragCount = dragIdsRef.current.length || 1;
+  if (isWholeWorkspaceEmpty) return /* @__PURE__ */ jsx(Fragment, { children: emptyWorkspace });
+  return /* @__PURE__ */ jsxs(
+    DndContext,
+    {
+      sensors,
+      collisionDetection,
+      onDragStart: handleDragStart,
+      onDragEnd: handleDragEnd,
+      onDragCancel: () => setActiveDragId(null),
+      children: [
+        /* @__PURE__ */ jsx(ExplorerFrame, { "data-testid": "documents-explorer", children: /* @__PURE__ */ jsxs(ExplorerStage, { children: [
+          /* @__PURE__ */ jsx(
+            ExplorerScroller,
+            {
+              ref: scrollRef,
+              onClick: handleBackgroundClick,
+              onPointerDown: handleScrollPointerDown,
+              onDragEnter: handleNativeDragEnter,
+              onDragOver: handleNativeDragOver,
+              onDragLeave: handleNativeDragLeave,
+              onDrop: handleNativeDrop,
+              "data-testid": "explorer-scroll",
+              children: isLoading && documents.length === 0 ? /* @__PURE__ */ jsx(ExplorerLoadingTiles, {}) : entries.length === 0 ? /* @__PURE__ */ jsx(
+                ExplorerEmpty,
+                {
+                  title: isSearching ? `No files match "${search.trim()}"` : "This folder is empty",
+                  description: isSearching ? "Try a different search." : canUpload ? "Drop files here or use Upload to add documents." : "No documents here yet."
+                }
+              ) : containerWidth === 0 ? (
+                // Not measured yet: rendering now would flash one stretched column.
+                /* @__PURE__ */ jsx(ExplorerLoadingTiles, {})
+              ) : /* @__PURE__ */ jsx(
+                "div",
+                {
+                  style: {
+                    height: rowVirtualizer.getTotalSize(),
+                    position: "relative",
+                    width: "100%"
+                  },
+                  children: virtualRows.map((virtualRow) => {
+                    const start = virtualRow.index * columnCount;
+                    const rowEntries = entries.slice(start, start + columnCount);
+                    return /* @__PURE__ */ jsx(
+                      "div",
+                      {
+                        style: {
+                          position: "absolute",
+                          top: 0,
+                          left: 0,
+                          width: "100%",
+                          height: tileHeight,
+                          transform: `translateY(${virtualRow.start}px)`,
+                          display: "grid",
+                          gridTemplateColumns: `repeat(${columnCount}, minmax(0, 1fr))`,
+                          columnGap: GRID_GAP
+                        },
+                        children: rowEntries.map((entry) => {
+                          if (entry.kind === "folder") {
+                            const key = entry.path.join("/");
+                            return /* @__PURE__ */ jsx(
+                              FolderTile,
+                              {
+                                folder: entry,
+                                density,
+                                editing: editingFolderPath === key,
+                                selected: folderSelection.get(key)?.all,
+                                partiallySelected: folderSelection.get(key)?.some,
+                                documents: folderDocs.get(key) ?? NO_DOCUMENTS,
+                                onOpen: openFolder,
+                                onToggleSelect: handleToggleFolder,
+                                onCommitName: commitFolderName,
+                                onCancelName: cancelFolderName,
+                                onStartRename: canUpload ? startFolderRename : void 0,
+                                onDownload: handleFolderDownload,
+                                onMove: canUpload ? handleFolderMove : void 0,
+                                onDelete: canDeleteFolder(entry) ? handleFolderDelete : void 0
+                              },
+                              `folder:${key}`
+                            );
+                          }
+                          const doc = entry.doc;
+                          return /* @__PURE__ */ jsx(
+                            FileTile,
+                            {
+                              doc,
+                              density,
+                              selected: selectedSet.has(doc.external_id),
+                              dragging: activeDragId === doc.external_id,
+                              dndActive: activeDragId !== null,
+                              renaming: renamingId === doc.external_id,
+                              canDelete: canDeleteDocument(doc, userId, role),
+                              thumbnailUrl: thumbnailsById.get(doc.external_id),
+                              modifiedBy: userById.get(
+                                doc.updated_by_ext_id ?? doc.created_by_ext_id
+                              ),
+                              tagNameById,
+                              onSelect: handleSelect,
+                              onToggle: handleToggle,
+                              onOpen: handleOpenFile,
+                              onReview: handleOpenInReview,
+                              onStartRename: startRename,
+                              onCommitRename: commitRename,
+                              onCancelRename: cancelRename,
+                              onDownload: handleDownload,
+                              onMove: canUpload ? handleMove : void 0,
+                              onDelete: handleDelete
+                            },
+                            doc.external_id
+                          );
+                        })
+                      },
+                      virtualRow.key
+                    );
+                  })
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ jsx(ExplorerMarquee, { ref: marqueeOverlayRef, "data-testid": "explorer-marquee" }),
+          isFileDragOver && /* @__PURE__ */ jsx(
+            ExplorerDropOverlay,
+            {
+              label: `Drop to upload${currentPath.length > 0 ? ` to "${currentPath[currentPath.length - 1]}"` : ""}`
+            }
+          )
+        ] }) }),
+        /* @__PURE__ */ jsx(DragOverlay, { dropAnimation: null, children: activeDoc ? /* @__PURE__ */ jsx(DragPreview, { doc: activeDoc, count: dragCount }) : null })
+      ]
+    }
+  );
+});
+function DragPreview({ doc, count }) {
+  const Icon = getFileTypeIcon(doc.file_name, { mime: doc.file_type });
+  return /* @__PURE__ */ jsx(
+    ExplorerDragPreview,
+    {
+      icon: /* @__PURE__ */ jsx(Icon, { size: 20 }),
+      title: getDocumentTitle(doc, doc.file_name ?? "Untitled"),
+      count
+    }
+  );
+}
 function ActiveChat({ agentId, workspaceId }) {
   const chat = useArbiChat({
     agentId,
@@ -16318,6 +18030,6 @@ function ConnectedAgentChatPanel({
   ] });
 }
 
-export { AddAddonDialog, ArbiAppProvider, BACKFILL_OPTIONS, BillingProjectEntity, BillingSupportProvider, CAP_REACHED_MESSAGE, ChangePlanDialog, ConnectedAccountSettings, ConnectedAgentChatPanel, ConnectedAgentCreator, ConnectedAppsSettings, ConnectedCalendar, ConnectedDangerZone, ConnectedDriveSyncDialog, ConnectedFactsPage, ConnectedIdentityVerification, ConnectedLogoutDialog, ConnectedMailAccounts, ConnectedMailComposer, ConnectedMailInviteCard, ConnectedMailMessage, ConnectedMailSettings, ConnectedMailSetup, ConnectedMailbox, ConnectedMailboxSyncDialog, ConnectedNotificationCenter, ConnectedNotificationPreferences, ConnectedPasswordChangeDialog, ConnectedPremiumModels, ConnectedPrivacySettings, ConnectedProfileCard, ConnectedPublicBooking, ConnectedRequireVerified, ConnectedSearchPage, ConnectedSecuritySection, ConnectedSessionsRow, ConnectedSettingsPage, ConnectedSkillUpload, ConnectedSkillsLibrary, ConnectedTagTable, ConnectedTagsPage, ConnectedTaskAccessRequest, ConnectedTaskActivityDialog, ConnectedThreadFollow, ConnectedUpcomingEvents, ConnectedWorkflowHistory, ConnectedWorkflowRunner, ConnectedWorkspaceActivity, ConnectedWorkspaceNotificationMenu, ConnectedWorkspaceSettings, DEFAULT_CONNECTED_SEARCH_PAGE_LABELS, DEFAULT_CONNECTED_SKILL_UPLOAD_LABELS, DEFAULT_CONNECTED_WORKFLOW_RUNNER_LABELS, DEFAULT_SEARCH_ROW_LABELS, DEFAULT_SETTINGS_SECTIONS, DEFAULT_TIMELINE_LABEL_WIDTH, FACTS_GRID_ID, InvoicesModal, NewProjectFlow, NotificationCenter, NotificationEvent, ProjectDetail, ProjectsTable, REFERRAL_OFFER, SETTINGS_SECTION_IDS, SessionStatusIcon, SharedProjects, StreamedArtifact, WorkflowRunThread, ZERO_BUDGET_MESSAGE, accountSettingsSection, aiUsageResetTimestamp, bookingCancelLink, buildNotificationCenterItems, chatSettingsSection, connectedAppsSettingsSection, countNotificationTypes, defaultUnmetPasswordRequirement, filterNotificationCenterItems, formatLastSync, formatMoney, formatResetDate, getQuotaItems, isAddonBudgetZero, isProProject, mailSettingsSection, openMeetingLink, planBadgeView, planName, privacySettingsSection, renderSessionStatusIcon, requestCalendarComposer, requestCalendarEvent, requestProjectBillingFocus, resolveMailbox, useAutoRefreshPendingProjects, useBillingSupport, useCalendarViewStore, useConnectedDocxNotifications, useConnectedShellWorkspaces, useConnectedWorkNotifications, useConnectedWorkspaceSettings, useOpenBillingPortal, useProjectBillingFocus, useReferralReward, useRewardBalance, windowLabel, workflowRunView };
+export { AddAddonDialog, ArbiAppProvider, BACKFILL_OPTIONS, BillingProjectEntity, ChangePlanDialog, ConnectedAccountSettings, ConnectedAgentChatPanel, ConnectedAgentCreator, ConnectedAppsSettings, ConnectedCalendar, ConnectedDangerZone, ConnectedDriveSyncDialog, ConnectedFactsPage, ConnectedFilesExplorer, ConnectedIdentityVerification, ConnectedLogoutDialog, ConnectedMailAccounts, ConnectedMailComposer, ConnectedMailInviteCard, ConnectedMailMessage, ConnectedMailSettings, ConnectedMailSetup, ConnectedMailbox, ConnectedMailboxSyncDialog, ConnectedNotificationCenter, ConnectedNotificationPreferences, ConnectedPasswordChangeDialog, ConnectedPremiumModels, ConnectedPrivacySettings, ConnectedProfileCard, ConnectedProjectsPanel, ConnectedPublicBooking, ConnectedRequireVerified, ConnectedSearchPage, ConnectedSecuritySection, ConnectedSessionsRow, ConnectedSettingsPage, ConnectedSkillUpload, ConnectedSkillsLibrary, ConnectedTagTable, ConnectedTagsPage, ConnectedTaskAccessRequest, ConnectedTaskActivityDialog, ConnectedThreadFollow, ConnectedUpcomingEvents, ConnectedWorkflowHistory, ConnectedWorkflowRunner, ConnectedWorkspaceActivity, ConnectedWorkspaceDashboard, ConnectedWorkspaceList, ConnectedWorkspaceMembers, ConnectedWorkspaceNotificationMenu, ConnectedWorkspaceSettings, DEFAULT_CONNECTED_SEARCH_PAGE_LABELS, DEFAULT_CONNECTED_SKILL_UPLOAD_LABELS, DEFAULT_CONNECTED_WORKFLOW_RUNNER_LABELS, DEFAULT_SEARCH_ROW_LABELS, DEFAULT_SETTINGS_SECTIONS, DEFAULT_TIMELINE_LABEL_WIDTH, DEFAULT_WORKSPACE_LIST_LABELS, DocumentSyncGlyph, FACTS_GRID_ID, FileTooltipContent, FilesSupportProvider, InvoicesModal, NewProjectFlow, NotificationCenter, NotificationEvent, PROJECTS_BASE_TAB_ID, ProjectDetail, ProjectsTable, REFERRAL_OFFER, SETTINGS_SECTION_IDS, SessionStatusIcon, SharedProjects, StreamedArtifact, TILE_DEFAULT, TILE_MAX, TILE_MIN, WORKSPACES_TAB_ID, WorkflowRunThread, accountSettingsSection, bookingCancelLink, buildNotificationCenterItems, chatSettingsSection, connectedAppsSettingsSection, countNotificationTypes, defaultUnmetPasswordRequirement, filterNotificationCenterItems, formatLastSync, isActiveDocumentStatus, mailSettingsSection, openMeetingLink, privacySettingsSection, renderSessionStatusIcon, requestCalendarComposer, requestCalendarEvent, requestProjectBillingFocus, resolveMailbox, startMenuItem, toWorkspaceSummary, useAutoRefreshPendingProjects, useCalendarViewStore, useConnectedDocxNotifications, useConnectedShellWorkspaces, useConnectedWorkNotifications, useConnectedWorkspaceList, useConnectedWorkspaceSettings, useFilesStore, useFilesSupport, useOfflineDocumentIds, useOpenBillingPortal, usePendingFolders, useProjectBillingFocus, useReferralReward, useViewingDocumentId, windowLabel, workflowRunView };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map