@taskforcehq/taskforce 0.3.302 → 0.3.303

package/dist/components/views/StandaloneLayout.js

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 import React, { useMemo, useCallback, useState, useEffect, useRef, useLayoutEffect, Suspense } from 'react';
 import { createPortal } from 'react-dom';
 import { useLocation, useNavigate } from 'react-router-dom';
-import { Settings, Plus, Filter, Layers, User, Maximize2, Minimize2, Check, ChevronLeft, ArrowUp, ArrowDown, ArrowUpDown, AlertTriangle, Save, Loader2, Folder, FileText, LogOut, NotebookTabs, ClipboardCheck, Cloud, CloudOff, Users, ChevronsUp, ChevronsDown, EyeOff, Zap, HelpCircle, Bot, Image, Workflow } from 'lucide-react';
+import { Settings, Plus, Filter, Layers, User, Maximize2, Minimize2, Check, ChevronLeft, ArrowUp, ArrowDown, ArrowUpDown, AlertTriangle, Save, Loader2, Folder, FileText, LogOut, NotebookTabs, ClipboardCheck, Cloud, CloudOff, Users, ClockAlert, ChevronsUp, ChevronsDown, EyeOff, Zap, HelpCircle, Bot, Image, Workflow } from 'lucide-react';
 import { STATUS_OPTIONS, getStatusDefinition } from '../../utils/constants';
 import styles from '../../Taskforce.module.css';
 import shellStyles from './WorkspaceShell.module.css';
@@ -33,7 +33,7 @@ import { getImageReferenceLabel } from '../../utils/imageReferences';
 import { buildCustomTaxonomySortOptions } from '../../utils/taxonomySorting.js';
 import { getLocale, t } from '../../localization';
 import { resolveAnnotatedAttachmentDetail } from '../../utils/annotatedAttachments';
-import { invalidateBillingStatusCache, loadBillingStatusCached } from '../../utils/billingStatusCache';
+import { ACCOUNT_PROFILE_SUMMARY_PATH, invalidateAccountProfileSummaryCache, loadAccountProfileSummaryCached } from '../../utils/accountProfileSummaryCache';
 import { fetchTaskforceApi } from '../../utils/taskforceApiClient';
 import { AppShellHeader } from './AppShellHeader';
 import { getTaskforceCloudEnvironmentConfig, parseTaskforceCloudEnvironment, resolveTaskforceCloudEnvironmentFromBaseUrl } from '../../config/cloudEnvironment';
@@ -58,6 +58,7 @@ const InitiativesModule = React.lazy(() => import('../features/InitiativesModule
 const PlansPage = React.lazy(() => import('./PlansPage').then(m => ({ default: m.PlansPage })));
 const PROFILE_AVATAR_ACCEPT = 'image/png,image/jpeg,image/webp,image/gif';
 const PROFILE_AVATAR_MAX_BYTES = 5 * 1024 * 1024;
+const resolveSameOriginTaskforcePath = (path) => path;
 function getSyncEventStableKey(event, index = 0) {
     const explicitId = String(event.id ?? '').trim();
     if (explicitId)
@@ -215,7 +216,7 @@ export function StandaloneLayout(props) {
     // clearFilters, // This was duplicated, removed one instance
     // activeTypes, // This was duplicated, removed one instance
     // Settings State & Props
-    settingsModel, configLoaded, currentTheme, setCurrentTheme, pathSaved, saveSettings, keyShortcut, setKeyShortcut, globalWeekStartsOn, locale, jsonBackupEnabled, setJsonBackupEnabled, mcpHostRoot, setMcpHostRoot, settingsSection, setSettingsSection, runtimeMode, workspaceSwitchingEnabled, cloudAuthConfigured, authRequiredForApi, authBlocked, isAuthenticated, authUserId, authWorkspaceId, authUserEmail, authUserDisplayName, authUserAvatarUrl, authSessionResolved, realtimeSyncEnabled, realtimeSyncFlagSource, workspaceCloudSyncEnabled, workspaceSyncPhase, workspaceSyncStatus, workspaceSyncSummary, workspaceSyncRecommendedAction, workspaceSyncBusy, workspaceSyncPendingChanges, saveWorkspaceCloudSyncSettings, pushNotice, userGlobalSyncStatus, workspaceLastSuccessfulSyncAt, workspaceLastPullAt, workspaceLastPushAt, workspaceLastErrorAt, userGlobalSyncError, workspaceLastErrorMessage, retryWorkspaceCloudSync, resetWorkspaceSyncCursorAndPull, getWorkspaceSyncDiagnostics, currentWorkspaceId, currentWorkspaceRole, availableWorkspaces, switchWorkspace, updateCurrentUserProfile, logout, projectRoot, projectName, mcpScriptPath, serverHostRoot, 
+    settingsModel, configLoaded, currentTheme, setCurrentTheme, pathSaved, saveSettings, keyShortcut, setKeyShortcut, globalWeekStartsOn, locale, jsonBackupEnabled, setJsonBackupEnabled, mcpHostRoot, setMcpHostRoot, settingsSection, setSettingsSection, runtimeMode, workspaceSwitchingEnabled, cloudAuthConfigured, authRequiredForApi, authBlocked, isAuthenticated, authUserId, authWorkspaceId, authUserEmail, authUserDisplayName, authUserAvatarUrl, authSessionResolved, realtimeSyncEnabled, realtimeSyncFlagSource, workspaceCloudSyncEnabled, workspaceSyncPhase, workspaceSyncStatus, workspaceSyncSummary, workspaceSyncRecommendedAction, workspaceSyncBusy, workspaceSyncPendingChanges, saveWorkspaceCloudSyncSettings, pushNotice, userGlobalSyncStatus, workspaceLastSuccessfulSyncAt, workspaceLastPullAt, workspaceLastPushAt, workspaceLastErrorAt, userGlobalSyncError, workspaceLastErrorMessage, retryWorkspaceCloudSync, resetWorkspaceSyncCursorAndPull, getWorkspaceSyncDiagnostics, currentWorkspaceId, currentWorkspaceRole, availableWorkspaces, switchWorkspace, updateCurrentUserProfile, resolveCloudAuthUrl = resolveSameOriginTaskforcePath, logout, projectRoot, projectName, mcpScriptPath, serverHostRoot, 
     // Browser Props
     showFolderBrowser, setShowFolderBrowser, folders, files, currentBrowsePath, fetchFolders, browserTarget, setBrowserTarget, handleSelectPath, handleAddPath, handleRemovePath, 
     // Settings Managers
@@ -804,9 +805,9 @@ export function StandaloneLayout(props) {
         if (taskScope === 'deleted')
             return deletedScopeAllTasks;
         if (!showArchive)
-            return props.searchAgnosticTasks;
-        return [...props.searchAgnosticTasks, ...archivedScopeAllTasks];
-    }, [archivedScopeAllTasks, deletedScopeAllTasks, props.searchAgnosticTasks, showArchive, taskScope]);
+            return props.tasks;
+        return [...props.tasks, ...archivedScopeAllTasks];
+    }, [archivedScopeAllTasks, deletedScopeAllTasks, props.tasks, showArchive, taskScope]);
     const hierarchyTasks = useMemo(() => {
         const byId = new Map();
         for (const task of archivedScopeAllTasks)
@@ -1036,6 +1037,11 @@ export function StandaloneLayout(props) {
             return boardVisibleTasks;
         return boardVisibleTasks.filter((task) => selectedPlanningTaskIds.has(task.id));
     }, [boardVisibleTasks, selectedPlanningTaskIds]);
+    const scopedKanbanAllTasks = useMemo(() => {
+        if (!selectedPlanningTaskIds || selectedPlanningTaskIds.size === 0)
+            return kanbanAllTasks;
+        return kanbanAllTasks.filter((task) => selectedPlanningTaskIds.has(task.id));
+    }, [kanbanAllTasks, selectedPlanningTaskIds]);
     const expiredRecoveryCandidates = useMemo(() => {
         if (groupBy !== 'schedule')
             return [];
@@ -1218,7 +1224,7 @@ export function StandaloneLayout(props) {
     const [teamAuditEvents, setTeamAuditEvents] = useState([]);
     const [teamAuditHasMore, setTeamAuditHasMore] = useState(false);
     const [teamAuditPages, setTeamAuditPages] = useState(1);
-    const [billingStatus, setBillingStatus] = useState(null);
+    const [accountProfileSummary, setAccountProfileSummary] = useState(null);
     const [billingLoading, setBillingLoading] = useState(false);
     const [billingError, setBillingError] = useState(null);
     const [billingActionBusy, setBillingActionBusy] = useState(false);
@@ -1240,7 +1246,11 @@ export function StandaloneLayout(props) {
         billing: false,
         teamManagement: false
     });
+    const accountProfileSummaryRef = useRef(null);
     // showSearch state removed - search always visible in actions area
+    useEffect(() => {
+        accountProfileSummaryRef.current = accountProfileSummary;
+    }, [accountProfileSummary]);
     useEffect(() => {
         if (!showAccountMenu)
             return;
@@ -1291,33 +1301,17 @@ export function StandaloneLayout(props) {
     const authIdentityLabel = authDisplayName || authEmailLabel;
     const hasAuthIdentity = authIdentityLabel.length > 0;
     const hasAuthEmail = authEmailLabel.length > 0;
-    const accountBadgeLabel = (authIdentityLabel || authEmailLabel || 'U').trim();
-    const accountBadgeInitial = accountBadgeLabel.charAt(0).toUpperCase() || 'U';
+    const accountBadgeLabel = (authIdentityLabel || authEmailLabel || '').trim();
+    const shouldShowResolvedAccountInitial = isAuthenticated && authSessionResolved && accountBadgeLabel.length > 0;
+    const accountBadgeInitial = shouldShowResolvedAccountInitial ? accountBadgeLabel.charAt(0).toUpperCase() : '';
     const accountAvatarUrl = authAvatarUrl;
+    const shouldShowResolvedAccountAvatar = isAuthenticated && authSessionResolved && accountAvatarUrl.length > 0;
     const profileAvatarDisplayUrl = String(profileAvatarPreviewUrl || authAvatarUrl).trim();
-    const subscriptionLabel = String(billingStatus?.planName || billingStatus?.planId || '').trim();
+    const subscriptionLabel = String(accountProfileSummary?.planName || accountProfileSummary?.planId || '').trim();
     const hasSubscription = subscriptionLabel.length > 0;
-    const teamManagementWorkspaceId = String(authWorkspaceId || currentWorkspaceId || '').trim();
+    const teamManagementWorkspaceId = String(accountProfileSummary?.workspaceId || authWorkspaceId || currentWorkspaceId || '').trim();
     const runtimeLabel = runtimeMode === 'cloud' ? 'CLOUD' : 'LOCAL';
     const apiBaseUrl = props.config?.apiBaseUrl || '';
-    const accountCapabilityApiBaseUrl = useMemo(() => {
-        const preferredBase = runtimeMode === 'local'
-            ? (props.config?.cloudAuthBaseUrl || props.config?.apiBaseUrl || '')
-            : (props.config?.apiBaseUrl || props.config?.cloudAuthBaseUrl || '');
-        return String(preferredBase || '').trim().replace(/\/+$/, '');
-    }, [props.config?.apiBaseUrl, props.config?.cloudAuthBaseUrl, runtimeMode]);
-    const billingApiBaseUrl = useMemo(() => {
-        const preferredBase = runtimeMode === 'local'
-            ? (props.config?.cloudAuthBaseUrl || props.config?.apiBaseUrl || '')
-            : (props.config?.apiBaseUrl || props.config?.cloudAuthBaseUrl || '');
-        return String(preferredBase || '').trim().replace(/\/+$/, '');
-    }, [props.config?.apiBaseUrl, props.config?.cloudAuthBaseUrl, runtimeMode]);
-    const buildBillingApiUrl = useCallback((path) => {
-        const normalizedPath = String(path || '').trim();
-        if (!accountCapabilityApiBaseUrl)
-            return normalizedPath;
-        return `${accountCapabilityApiBaseUrl}${normalizedPath.startsWith('/') ? normalizedPath : `/${normalizedPath}`}`;
-    }, [accountCapabilityApiBaseUrl]);
     const connectedEnvironmentLabel = useMemo(() => resolveConnectedEnvironmentLabel(props.config?.cloudEnvironment, [
         String(props.config?.cloudBaseUrl || ''),
         String(props.config?.cloudAuthBaseUrl || ''),
@@ -1501,14 +1495,15 @@ export function StandaloneLayout(props) {
         const workspaceId = String(teamManagementWorkspaceId || '').trim();
         if (workspaceId)
             headers['x-taskforce-workspace-id'] = workspaceId;
-        if (currentWorkspaceRole === 'owner'
-            || currentWorkspaceRole === 'admin'
-            || currentWorkspaceRole === 'member'
-            || currentWorkspaceRole === 'read-only') {
-            headers['x-taskforce-workspace-role'] = currentWorkspaceRole;
+        const workspaceRole = teamWorkspaceRole || currentWorkspaceRole;
+        if (workspaceRole === 'owner'
+            || workspaceRole === 'admin'
+            || workspaceRole === 'member'
+            || workspaceRole === 'read-only') {
+            headers['x-taskforce-workspace-role'] = workspaceRole;
         }
         return headers;
-    }, [currentWorkspaceRole, teamManagementWorkspaceId]);
+    }, [currentWorkspaceRole, teamManagementWorkspaceId, teamWorkspaceRole]);
     const startAccountSurfaceTiming = useCallback((surface) => {
         const expectsBilling = isAuthenticated;
         const expectsTeamManagement = canAccessCloudTeamManagement;
@@ -1544,59 +1539,96 @@ export function StandaloneLayout(props) {
             surface: showAccountHub ? 'account_hub' : (showAccountMenu ? 'account_menu' : 'closed'),
             durationMs: Math.round(getTimingNow() - startedAt),
             teamManagementVisible: canOpenTeamManagement,
-            billingPlanId: String(billingStatus?.planId || '').trim() || null
+            billingPlanId: String(accountProfileSummary?.planId || '').trim() || null
         });
         accountSurfaceOpenStartedAtRef.current = null;
-    }, [billingStatus?.planId, canOpenTeamManagement, showAccountHub, showAccountMenu]);
-    const loadBillingStatus = useCallback(async () => {
-        const billingStatusPath = '/api/taskforce/billing/status';
-        const billingStatusUrl = buildBillingApiUrl(billingStatusPath);
+    }, [accountProfileSummary?.planId, canOpenTeamManagement, showAccountHub, showAccountMenu]);
+    const loadAccountProfileSummary = useCallback(async () => {
+        const accountProfileSummaryUrl = resolveCloudAuthUrl(ACCOUNT_PROFILE_SUMMARY_PATH);
         if (!isAuthenticated) {
-            setBillingStatus(null);
+            setAccountProfileSummary(null);
             setBillingError(null);
-            invalidateBillingStatusCache(billingStatusUrl);
+            setTeamWorkspaceRole(null);
+            setTeamPlanMode('unknown');
+            setTeamManagementAccessLoading(false);
+            setTeamManagementAccessError(null);
+            invalidateAccountProfileSummaryCache(accountProfileSummaryUrl, { identityKey: authUserId });
             markAccountSurfaceLoadSettled('billing');
+            markAccountSurfaceLoadSettled('teamManagement');
             return null;
         }
         const startedAt = getTimingNow();
         setBillingLoading(true);
         setBillingError(null);
+        setTeamManagementAccessLoading(canAccessCloudTeamManagement);
+        setTeamManagementAccessError(null);
         try {
-            const payload = await loadBillingStatusCached(billingStatusUrl);
-            setBillingStatus(payload);
-            logBootstrapDebug('account_billing_status_resolved', {
+            const payload = await loadAccountProfileSummaryCached(accountProfileSummaryUrl, { identityKey: authUserId });
+            const nextRole = payload?.workspaceRole === 'owner'
+                || payload?.workspaceRole === 'admin'
+                || payload?.workspaceRole === 'member'
+                || payload?.workspaceRole === 'read-only'
+                ? payload.workspaceRole
+                : null;
+            const nextMode = payload?.teamPlanMode === 'team' || payload?.teamPlanMode === 'personal'
+                ? payload.teamPlanMode
+                : 'unknown';
+            setAccountProfileSummary(payload);
+            setTeamWorkspaceRole(nextRole);
+            setTeamPlanMode(nextMode);
+            setTeamManagementAccessError(null);
+            logBootstrapDebug('account_profile_summary_resolved', {
                 durationMs: Math.round(getTimingNow() - startedAt),
                 planId: String(payload?.planId || '').trim() || null,
-                gate: String(payload?.gate || '').trim() || null
+                gate: String(payload?.gate || '').trim() || null,
+                teamManagementAllowed: payload?.teamManagementAllowed === true
             });
             return payload;
         }
         catch (error) {
-            setBillingStatus(null);
-            setBillingError(error instanceof Error ? error.message : 'Failed to load billing status.');
-            logBootstrapDebug('account_billing_status_failed', {
+            const message = error instanceof Error ? error.message : 'Failed to load account summary.';
+            const hasPreviousSummary = Boolean(accountProfileSummaryRef.current);
+            setBillingError(message);
+            if (!hasPreviousSummary) {
+                setTeamWorkspaceRole(null);
+                setTeamPlanMode('unknown');
+                setTeamManagementAccessError(message);
+            }
+            else {
+                setTeamManagementAccessError(null);
+            }
+            logBootstrapDebug('account_profile_summary_failed', {
                 durationMs: Math.round(getTimingNow() - startedAt),
-                error: error instanceof Error ? error.message : 'Failed to load billing status.'
+                error: message,
+                preservedSummary: hasPreviousSummary
             });
-            return null;
+            return accountProfileSummaryRef.current;
         }
         finally {
             setBillingLoading(false);
+            setTeamManagementAccessLoading(false);
             markAccountSurfaceLoadSettled('billing');
+            markAccountSurfaceLoadSettled('teamManagement');
         }
-    }, [buildBillingApiUrl, isAuthenticated, markAccountSurfaceLoadSettled]);
+    }, [authUserId, canAccessCloudTeamManagement, isAuthenticated, markAccountSurfaceLoadSettled, resolveCloudAuthUrl]);
     const handleStartCheckout = useCallback(async () => {
         const params = new URLSearchParams();
         params.set('screen', 'plans');
         params.set('interval', billingIntervalChoice);
+        const planId = String(accountProfileSummary?.planId || '').trim();
+        const planVersionId = String(accountProfileSummary?.planVersionId || '').trim();
+        if (planId)
+            params.set('planId', planId);
+        if (planVersionId)
+            params.set('planVersionId', planVersionId);
         navigate(`/?${params.toString()}`);
-    }, [billingIntervalChoice, navigate]);
+    }, [accountProfileSummary?.planId, accountProfileSummary?.planVersionId, billingIntervalChoice, navigate]);
     const handleOpenBillingPortal = useCallback(async () => {
         setBillingActionError(null);
         setBillingNotice(null);
         setBillingActionBusy(true);
         try {
-            const res = await fetch(buildBillingApiUrl('/api/taskforce/billing/portal-session'), {
+            const res = await fetch(resolveCloudAuthUrl('/api/taskforce/billing/portal-session'), {
                 method: 'POST',
                 credentials: 'include'
             });
@@ -1618,18 +1650,18 @@ export function StandaloneLayout(props) {
         finally {
             setBillingActionBusy(false);
         }
-    }, [buildBillingApiUrl]);
+    }, [resolveCloudAuthUrl]);
     const handleSwitchSubscriptionInterval = useCallback(async () => {
         setBillingActionError(null);
         setBillingNotice(null);
         setBillingActionBusy(true);
         try {
-            const currentPlanVersionId = String(billingStatus?.planVersionId || '').trim();
+            const currentPlanVersionId = String(accountProfileSummary?.planVersionId || '').trim();
             if (!currentPlanVersionId) {
                 setBillingActionError('No active plan version is linked to this account.');
                 return;
             }
-            const res = await fetch(buildBillingApiUrl('/api/taskforce/billing/subscription'), {
+            const res = await fetch(resolveCloudAuthUrl('/api/taskforce/billing/subscription'), {
                 method: 'POST',
                 credentials: 'include',
                 headers: { 'Content-Type': 'application/json' },
@@ -1644,8 +1676,8 @@ export function StandaloneLayout(props) {
                 return;
             }
             setBillingNotice('Subscription updated.');
-            invalidateBillingStatusCache(buildBillingApiUrl('/api/taskforce/billing/status'));
-            await loadBillingStatus();
+            invalidateAccountProfileSummaryCache(resolveCloudAuthUrl(ACCOUNT_PROFILE_SUMMARY_PATH), { identityKey: authUserId });
+            await loadAccountProfileSummary();
         }
         catch {
             setBillingActionError('Failed to update subscription interval.');
@@ -1653,94 +1685,17 @@ export function StandaloneLayout(props) {
         finally {
             setBillingActionBusy(false);
         }
-    }, [billingIntervalChoice, billingStatus?.planVersionId, buildBillingApiUrl, loadBillingStatus]);
-    const loadTeamManagementAccess = useCallback(async () => {
-        if (!canAccessCloudTeamManagement) {
-            setTeamWorkspaceRole(null);
-            setTeamPlanMode('unknown');
-            setTeamManagementAccessLoading(false);
-            setTeamManagementAccessError(null);
-            markAccountSurfaceLoadSettled('teamManagement');
-            return { role: null, teamPlanMode: 'unknown', allowed: false };
-        }
-        const startedAt = getTimingNow();
-        setTeamManagementAccessLoading(true);
-        setTeamManagementAccessError(null);
-        try {
-            const res = await fetchTaskforceApi('/api/taskforce/account/team-management-access', {
-                method: 'GET',
-                credentials: 'include',
-                headers: teamAdminHeaders()
-            }, accountCapabilityApiBaseUrl);
-            const payload = await res.json().catch(() => ({}));
-            if (!res.ok) {
-                setTeamWorkspaceRole(null);
-                setTeamPlanMode('unknown');
-                setTeamManagementAccessError(String(payload?.error || 'Failed to load team management access.'));
-                logBootstrapDebug('team_management_access_failed', {
-                    durationMs: Math.round(getTimingNow() - startedAt),
-                    status: res.status
-                });
-                return { role: null, teamPlanMode: 'unknown', allowed: false };
-            }
-            const nextRole = payload?.role === 'owner' || payload?.role === 'admin' || payload?.role === 'member' || payload?.role === 'read-only'
-                ? payload.role
-                : null;
-            const nextMode = payload?.teamPlanMode === 'team' || payload?.teamPlanMode === 'personal'
-                ? payload.teamPlanMode
-                : 'unknown';
-            const allowed = payload?.allowed === true;
-            setTeamWorkspaceRole(nextRole);
-            setTeamPlanMode(nextMode);
-            setTeamManagementAccessError(null);
-            logBootstrapDebug('team_management_access_loaded', {
-                durationMs: Math.round(getTimingNow() - startedAt),
-                role: nextRole,
-                teamPlanMode: nextMode,
-                allowed
-            });
-            return { role: nextRole, teamPlanMode: nextMode, allowed };
-        }
-        catch (error) {
-            setTeamWorkspaceRole(null);
-            setTeamPlanMode('unknown');
-            setTeamManagementAccessError(error instanceof Error ? error.message : 'Failed to load team management access.');
-            logBootstrapDebug('team_management_access_failed', {
-                durationMs: Math.round(getTimingNow() - startedAt),
-                error: error instanceof Error ? error.message : 'Failed to load team management access.'
-            });
-            return { role: null, teamPlanMode: 'unknown', allowed: false };
-        }
-        finally {
-            setTeamManagementAccessLoading(false);
-            markAccountSurfaceLoadSettled('teamManagement');
-        }
-    }, [accountCapabilityApiBaseUrl, canAccessCloudTeamManagement, markAccountSurfaceLoadSettled, teamAdminHeaders]);
-    useEffect(() => {
-        if (!showAccountMenu && !showTeamManagementModal && !showAccountHub)
-            return;
-        void loadTeamManagementAccess();
-    }, [showAccountHub, showAccountMenu, showTeamManagementModal, loadTeamManagementAccess]);
-    useEffect(() => {
-        if (!isAuthenticated || !authSessionResolved)
-            return;
-        if (!canAccessCloudTeamManagement) {
-            setTeamWorkspaceRole(null);
-            setTeamPlanMode('unknown');
-            return;
-        }
-        void loadTeamManagementAccess();
-    }, [authSessionResolved, canAccessCloudTeamManagement, isAuthenticated, loadTeamManagementAccess]);
+    }, [accountProfileSummary?.planVersionId, authUserId, billingIntervalChoice, loadAccountProfileSummary, resolveCloudAuthUrl]);
     useEffect(() => {
         if (!isAuthenticated || !authSessionResolved)
             return;
-        void loadBillingStatus();
-    }, [authSessionResolved, isAuthenticated, loadBillingStatus]);
+        void loadAccountProfileSummary();
+    }, [authSessionResolved, isAuthenticated, loadAccountProfileSummary]);
     useEffect(() => {
         if (!showAccountHub && !showAccountMenu)
             return;
-        void loadBillingStatus();
-    }, [loadBillingStatus, showAccountHub, showAccountMenu]);
+        void loadAccountProfileSummary();
+    }, [loadAccountProfileSummary, showAccountHub, showAccountMenu]);
     const loadTeamUsers = useCallback(async () => {
         if (!canManageTeamWorkspace)
             return;
@@ -1869,12 +1824,12 @@ export function StandaloneLayout(props) {
         setShowAccountMenu(false);
         setShowTeamManagementModal(true);
         setTeamManagementTab('members');
-        const access = await loadTeamManagementAccess();
-        if (!access.allowed)
+        const summary = await loadAccountProfileSummary();
+        if (!(summary?.teamManagementAllowed ?? canOpenTeamManagement))
             return;
         await loadTeamUsers();
         await loadTeamAuditPage(0);
-    }, [loadTeamAuditPage, loadTeamManagementAccess, loadTeamUsers]);
+    }, [canOpenTeamManagement, loadAccountProfileSummary, loadTeamAuditPage, loadTeamUsers]);
     const executeTeamUserAction = useCallback(async (userId, fn) => {
         setTeamMgmtError(null);
         setTeamActionBusyUserId(userId);
@@ -2544,7 +2499,7 @@ export function StandaloneLayout(props) {
     }, [groupBy, activeCategories, activeTypes, priorities, approaches, assigneeOptions, scheduleColumns]);
     // === SECTION: AccountMenuControl ===
     // Not extracted: ~25 distinct props from local state would be needed.
-    // References: isAuthenticated, authIdentityLabel, billingStatus, runtimeLabel,
+    // References: isAuthenticated, authIdentityLabel, accountProfileSummary, runtimeLabel,
     // connectedEnvironmentLabel, canManageCloudWorkspaces, workspaceActionBusy,
     // setWorkspacePanelOpen, canOpenTeamManagement, openTeamManagementModal, and more.
     const accountMenuControl = (_jsxs("div", { className: accountStyles.accountMenuWrap, ref: accountMenuRef, children: [_jsx("button", { className: `tf-control-icon ${accountStyles.avatarBtn}`, onClick: () => {
@@ -2559,7 +2514,7 @@ export function StandaloneLayout(props) {
                         }
                         return next;
                     });
-                }, title: isAuthenticated ? 'Account' : 'Account (Not signed in)', "aria-label": isAuthenticated ? 'Account' : 'Account (Not signed in)', "aria-haspopup": "menu", "aria-expanded": showAccountMenu, children: _jsx("span", { className: accountStyles.avatarBadge, "aria-hidden": "true", children: isAuthenticated && accountAvatarUrl ? (_jsx("img", { src: accountAvatarUrl, alt: "", className: accountStyles.avatarImage })) : (isAuthenticated ? accountBadgeInitial : '?') }) }), showAccountMenu && (_jsxs("div", { className: accountStyles.accountMenu, role: "menu", "aria-label": "Account menu", children: [_jsxs("div", { className: accountStyles.accountMenuSection, children: [_jsx("div", { className: accountStyles.accountMenuSectionLabel, children: "Account" }), _jsx("div", { className: accountStyles.accountMenuHint, children: isAuthBootstrapPending
+                }, title: isAuthenticated ? 'Account' : 'Account (Not signed in)', "aria-label": isAuthenticated ? 'Account' : 'Account (Not signed in)', "aria-haspopup": "menu", "aria-expanded": showAccountMenu, children: _jsx("span", { className: accountStyles.avatarBadge, "aria-hidden": "true", children: shouldShowResolvedAccountAvatar ? (_jsx("img", { src: accountAvatarUrl, alt: "", className: accountStyles.avatarImage })) : accountBadgeInitial ? (accountBadgeInitial) : (_jsx(User, { size: 14, className: accountStyles.avatarIcon })) }) }), showAccountMenu && (_jsxs("div", { className: accountStyles.accountMenu, role: "menu", "aria-label": "Account menu", children: [_jsxs("div", { className: accountStyles.accountMenuSection, children: [_jsx("div", { className: accountStyles.accountMenuSectionLabel, children: "Account" }), _jsx("div", { className: accountStyles.accountMenuHint, children: isAuthBootstrapPending
                                     ? 'Checking sign-in status...'
                                     : isAuthenticated
                                         ? (_jsx(_Fragment, { children: hasAuthIdentity
@@ -3213,7 +3168,7 @@ export function StandaloneLayout(props) {
     const workspacePrimaryAction = workspaceChromeDefinition.primaryAction
         ? primaryActionRegistry[workspaceChromeDefinition.primaryAction]
         : null;
-    return (_jsxs("div", { className: `${shellStyles.standaloneWrapper} ${zenMode ? styles.zenModeEnabled : ''}`, "data-theme": currentTheme, children: [_jsx(AppShellHeader, { projectName: projectName, currentWorkspaceId: currentWorkspaceId, runtimeMode: runtimeMode, theme: currentTheme, meta: isPlansScreen ? null : (_jsxs(_Fragment, { children: [_jsx("span", { className: styles.taskCountBadge, title: activeCountTitle, children: activeCountLabel }), normalizedAuthUserId && normalizedAuthUserId !== 'anonymous' && (_jsxs(_Fragment, { children: [_jsxs("span", { className: styles.taskCountBadge, title: "Open tasks assigned to you", children: ["Mine ", assignedTaskCount] }), _jsxs("span", { className: styles.taskCountBadge, title: "Your open tasks with overdue due dates", children: ["Overdue ", assignedOverdueTaskCount] })] })), shouldShowSyncStatus && (_jsx("button", { className: "tf-control-icon", onClick: () => setShowSyncStatusModal(true), title: `Sync manager: ${syncStatusMeta.label} | Last success: ${formattedLastSyncTime}`, style: {
+    return (_jsxs("div", { className: `${shellStyles.standaloneWrapper} ${zenMode ? styles.zenModeEnabled : ''}`, "data-theme": currentTheme, children: [_jsx(AppShellHeader, { projectName: projectName, currentWorkspaceId: currentWorkspaceId, runtimeMode: runtimeMode, theme: currentTheme, meta: isPlansScreen ? null : (_jsxs(_Fragment, { children: [_jsx("span", { className: styles.taskCountBadge, title: activeCountTitle, children: activeCountLabel }), normalizedAuthUserId && normalizedAuthUserId !== 'anonymous' && (_jsxs(_Fragment, { children: [_jsxs("span", { className: styles.taskCountBadge, title: "Tasks assigned to me", children: [_jsx(User, { size: 13, className: styles.taskCountBadgeIcon, "aria-hidden": "true" }), assignedTaskCount] }), _jsxs("span", { className: `${styles.taskCountBadge} ${assignedOverdueTaskCount > 0 ? styles.taskCountBadgeAlert : ''}`.trim(), title: "Tasks overdue", children: [_jsx(ClockAlert, { size: 13, className: styles.taskCountBadgeIcon, "aria-hidden": "true" }), assignedOverdueTaskCount] })] })), shouldShowSyncStatus && (_jsx("button", { className: "tf-control-icon", onClick: () => setShowSyncStatusModal(true), title: `Sync manager: ${syncStatusMeta.label} | Last success: ${formattedLastSyncTime}`, style: {
                                 marginLeft: '6px',
                                 height: '24px',
                                 width: '24px',
@@ -3225,7 +3180,7 @@ export function StandaloneLayout(props) {
                                 display: 'inline-flex',
                                 alignItems: 'center',
                                 justifyContent: 'center'
-                            }, children: syncStatusMeta.icon === 'off' ? (_jsx(CloudOff, { size: 16 })) : (_jsx(Cloud, { size: 16 })) }))] })), actions: (_jsxs(_Fragment, { children: [isPlansScreen && (_jsx("button", { className: "tf-control-icon", onClick: handlePlansBack, title: "Back", children: "Back" })), !isPlansScreen && (_jsxs(_Fragment, { children: [workspaceHeaderSections, workspacePrimaryAction] })), !isPlansScreen && _jsx(WorkspaceHeaderActions, { actions: universalDisplayActions }), !isPlansScreen && _jsx(WorkspaceHeaderActions, { actions: universalFilterActions }), accountMenuControl] })) }), _jsx(TopNoticeLayer, { notice: uiNotice, onDismiss: clearNotice }), authBlocked && (_jsx("div", { className: authStyles.authBlockedBanner, children: "Authentication required for this environment. Use the Account menu to sign in." })), !isPlansScreen && showFilters && workspaceFilterBar, isPlansScreen ? (_jsx("div", { className: `${shellStyles.standalonePage} ${shellStyles.standaloneContent} ${styles.appScrollbar} tf-scrollbar`, style: { position: 'relative', display: 'flex', flex: 1, minHeight: 0, overflowY: 'auto', overflowX: 'hidden', scrollbarGutter: 'stable' }, children: _jsx(Suspense, { fallback: _jsx("div", { style: { display: 'flex', alignItems: 'center', justifyContent: 'center', flex: 1 }, children: _jsx(Loader2, { size: 20, className: styles.spinner }) }), children: _jsx(PlansPage, { ...props, currentTheme: currentTheme, projectName: projectName, currentWorkspaceId: currentWorkspaceId, apiBaseUrl: billingApiBaseUrl, connectedEnvironmentSource: props.config?.cloudAuthBaseUrl || props.config?.apiBaseUrl || '', embedded: true, shellOwnsScroll: true }) }) })) : resolvedWorkspaceModule === 'docs' && documentsWorkspaceEnabled ? (_jsxs("div", { className: `${shellStyles.standalonePage} ${shellStyles.standaloneContent}`, style: { position: 'relative', display: 'flex', flex: 1, minHeight: 0, overflow: 'hidden', paddingLeft: `${WORKSPACE_TOOL_RAIL_WIDTH}px` }, children: [workspaceToolRail, _jsx(Suspense, { fallback: _jsx("div", { style: { display: 'flex', alignItems: 'center', justifyContent: 'center', flex: 1 }, children: _jsx(Loader2, { size: 20, className: styles.spinner }) }), children: _jsx(DocumentWorkspaceShell, { tasks: tasks, runtimeMode: runtimeMode, apiBaseUrl: props.config?.apiBaseUrl || '', cloudAuthBaseUrl: props.config?.cloudAuthBaseUrl || '', typeFilters: documentTypeFilters, attachmentFilters: documentAttachmentFilters, onTypeFiltersChange: setDocumentTypeFilters, onAttachmentFiltersChange: setDocumentAttachmentFilters, requestedDocPath: requestedDocPath, requestedDocAssetId: requestedDocAssetId, onRequestedDocHandled: () => {
+                            }, children: syncStatusMeta.icon === 'off' ? (_jsx(CloudOff, { size: 16 })) : (_jsx(Cloud, { size: 16 })) }))] })), actions: (_jsxs(_Fragment, { children: [isPlansScreen && (_jsx("button", { className: "tf-control-icon", onClick: handlePlansBack, title: "Back", children: "Back" })), !isPlansScreen && (_jsxs(_Fragment, { children: [workspaceHeaderSections, workspacePrimaryAction] })), !isPlansScreen && _jsx(WorkspaceHeaderActions, { actions: universalDisplayActions }), !isPlansScreen && _jsx(WorkspaceHeaderActions, { actions: universalFilterActions }), accountMenuControl] })) }), _jsx(TopNoticeLayer, { notice: uiNotice, onDismiss: clearNotice }), authBlocked && (_jsx("div", { className: authStyles.authBlockedBanner, children: "Authentication required for this environment. Use the Account menu to sign in." })), !isPlansScreen && showFilters && workspaceFilterBar, isPlansScreen ? (_jsx("div", { className: `${shellStyles.standalonePage} ${shellStyles.standaloneContent} ${styles.appScrollbar} tf-scrollbar`, style: { position: 'relative', display: 'flex', flex: 1, minHeight: 0, overflowY: 'auto', overflowX: 'hidden', scrollbarGutter: 'stable' }, children: _jsx(Suspense, { fallback: _jsx("div", { style: { display: 'flex', alignItems: 'center', justifyContent: 'center', flex: 1 }, children: _jsx(Loader2, { size: 20, className: styles.spinner }) }), children: _jsx(PlansPage, { ...props, currentTheme: currentTheme, projectName: projectName, currentWorkspaceId: currentWorkspaceId, authUserId: authUserId, apiBaseUrl: apiBaseUrl, connectedEnvironmentSource: props.config?.cloudAuthBaseUrl || props.config?.apiBaseUrl || '', resolveCloudAuthUrl: resolveCloudAuthUrl, embedded: true, shellOwnsScroll: true }) }) })) : resolvedWorkspaceModule === 'docs' && documentsWorkspaceEnabled ? (_jsxs("div", { className: `${shellStyles.standalonePage} ${shellStyles.standaloneContent}`, style: { position: 'relative', display: 'flex', flex: 1, minHeight: 0, overflow: 'hidden', paddingLeft: `${WORKSPACE_TOOL_RAIL_WIDTH}px` }, children: [workspaceToolRail, _jsx(Suspense, { fallback: _jsx("div", { style: { display: 'flex', alignItems: 'center', justifyContent: 'center', flex: 1 }, children: _jsx(Loader2, { size: 20, className: styles.spinner }) }), children: _jsx(DocumentWorkspaceShell, { tasks: tasks, runtimeMode: runtimeMode, apiBaseUrl: props.config?.apiBaseUrl || '', cloudAuthBaseUrl: props.config?.cloudAuthBaseUrl || '', typeFilters: documentTypeFilters, attachmentFilters: documentAttachmentFilters, onTypeFiltersChange: setDocumentTypeFilters, onAttachmentFiltersChange: setDocumentAttachmentFilters, requestedDocPath: requestedDocPath, requestedDocAssetId: requestedDocAssetId, onRequestedDocHandled: () => {
                                 setRequestedDocPath(null);
                                 setRequestedDocAssetId(null);
                             }, enableTaskGeneration: true }) })] })) : resolvedWorkspaceModule === 'annotate' && annotatedAttachmentsWorkspaceEnabled ? (_jsxs("div", { className: `${shellStyles.standalonePage} ${shellStyles.standaloneContent}`, style: { position: 'relative', display: 'flex', flex: 1, minHeight: 0, overflow: 'hidden', paddingLeft: `${WORKSPACE_TOOL_RAIL_WIDTH}px` }, children: [workspaceToolRail, _jsx(Suspense, { fallback: _jsx("div", { style: { display: 'flex', alignItems: 'center', justifyContent: 'center', flex: 1 }, children: _jsx(Loader2, { size: 20, className: styles.spinner }) }), children: _jsx(AnnotatedAttachmentWorkspaceShell, { runtimeMode: runtimeMode, apiBaseUrl: props.config?.apiBaseUrl || '', cloudAuthBaseUrl: props.config?.cloudAuthBaseUrl || '', workspaceId: currentWorkspaceId, sessionLoadReady: annotatedWorkspaceReady, requestedTarget: requestedAnnotatedTarget, requestedSessionId: requestedAnnotatedSessionId, requestedOpenVersion: requestedAnnotatedOpenVersion, resolveTaskReferenceLabel: resolveAnnotatedTaskReferenceLabel, resolveImageReferenceLabel: resolveAnnotatedImageReferenceLabel, onOpenTarget: handleAnnotatedAttachmentOpenTarget, onContextChange: handleAnnotatedAttachmentContextChange, onBackToTask: handleBackToTaskFromAnnotatedAttachment }) })] })) : resolvedWorkspaceModule === 'workflows' ? (_jsxs("div", { className: `${shellStyles.standalonePage} ${shellStyles.standaloneContent}`, style: { position: 'relative', display: 'flex', flex: 1, minHeight: 0, overflow: 'hidden', paddingLeft: `${WORKSPACE_TOOL_RAIL_WIDTH}px` }, children: [workspaceToolRail, _jsx(Suspense, { fallback: _jsx("div", { style: { display: 'flex', alignItems: 'center', justifyContent: 'center', flex: 1 }, children: _jsx(Loader2, { size: 20, className: styles.spinner }) }), children: _jsx(WorkflowsModule, { availableWorkflows: availableWorkflows, availableEnvironments: availableEnvironments, exportEnvironment: exportEnvironment, exportWorkflowsPath: props.exportWorkflowsPath, exportingResource: exportingResource, exportResult: exportResult, onExportEnvironmentChange: props.setExportEnvironment, onExportWorkflows: onExportWorkflows, onRefreshWorkflows: fetchWorkflows, onFetchWorkflowTemplate: props.fetchWorkflowTemplate, onFetchWorkflowOverrideNames: props.fetchWorkflowOverrideNames, onSaveWorkflowTemplateDraft: props.saveWorkflowTemplateDraft, onResetWorkflowTemplateDraft: props.resetWorkflowTemplateDraft }) })] })) : resolvedWorkspaceModule === 'agents' ? (_jsxs("div", { className: `${shellStyles.standalonePage} ${shellStyles.standaloneContent}`, style: { position: 'relative', display: 'flex', flex: 1, minHeight: 0, overflow: 'hidden', paddingLeft: `${WORKSPACE_TOOL_RAIL_WIDTH}px` }, children: [workspaceToolRail, _jsx(Suspense, { fallback: _jsx("div", { style: { display: 'flex', alignItems: 'center', justifyContent: 'center', flex: 1 }, children: _jsx(Loader2, { size: 20, className: styles.spinner }) }), children: _jsx(AgentsModule, { workspaceId: currentWorkspaceId }) })] })) : (_jsxs("div", { className: `${shellStyles.standalonePage} ${shellStyles.standaloneContent} `, style: {
@@ -3244,7 +3199,7 @@ export function StandaloneLayout(props) {
                             inset: 0,
                             zIndex: 35,
                             pointerEvents: 'none',
-                        } }), _jsxs("div", { style: { position: 'relative', width: '100%', minWidth: 0, flex: 1, minHeight: 0, display: 'flex', flexDirection: 'column', overflow: 'hidden' }, children: [props.loadingTasks && boardVisibleTasks.length > 0 && (_jsx("div", { className: styles.boardRefreshIndicator, "aria-live": "polite", "aria-label": "Refreshing tasks", children: _jsx(Loader2, { size: 14, className: styles.spinner }) })), _jsx(TaskKanban, { tasks: scopedBoardVisibleTasks, allTasks: [], columns: kanbanColumns, groupBy: groupBy, scheduleDates: scheduleDates, searchQuery: searchQuery, filterCategories: filterCategories, filterTypes: filterTypes, filterPriorities: filterPriorities, filterStatus: filterStatus, filterAssignees: filterAssignees, assigneeOptions: assigneeOptions, scheduleFilteredTaskIds: Array.from(scheduleFilteredTaskIds), copiedId: copiedId, taxonomies: taxonomies, types: activeTypes, priorities: priorities, onUpdateTask: handleUpdateTask, onTaskClick: (task) => handleEdit(task), onOpenTaskById: handleOpenTaskById, onCopyId: handleCopyId, onToggleInProgress: handleToggleInProgress, onToggleReview: handleToggleReview, onToggleComplete: handleToggleComplete, onToggleCancel: handleToggleCancel, onSetStatus: handleSetStatus, onArchiveTask: handleArchiveTask, onAddTaskToColumn: handleAddTaskToColumn, showTaskCardStatusLabel: showTaskCardStatusLabel, onScheduleDaySelected: (dateOnly) => {
+                        } }), _jsxs("div", { style: { position: 'relative', width: '100%', minWidth: 0, flex: 1, minHeight: 0, display: 'flex', flexDirection: 'column', overflow: 'hidden' }, children: [props.loadingTasks && boardVisibleTasks.length > 0 && (_jsx("div", { className: styles.boardRefreshIndicator, "aria-live": "polite", "aria-label": "Refreshing tasks", children: _jsx(Loader2, { size: 14, className: styles.spinner }) })), _jsx(TaskKanban, { tasks: scopedBoardVisibleTasks, allTasks: scopedKanbanAllTasks, columns: kanbanColumns, groupBy: groupBy, scheduleDates: scheduleDates, searchQuery: searchQuery, filterCategories: filterCategories, filterTypes: filterTypes, filterPriorities: filterPriorities, filterStatus: filterStatus, filterAssignees: filterAssignees, assigneeOptions: assigneeOptions, scheduleFilteredTaskIds: Array.from(scheduleFilteredTaskIds), copiedId: copiedId, taxonomies: taxonomies, types: activeTypes, priorities: priorities, onUpdateTask: handleUpdateTask, onTaskClick: (task) => handleEdit(task), onOpenTaskById: handleOpenTaskById, onCopyId: handleCopyId, onToggleInProgress: handleToggleInProgress, onToggleReview: handleToggleReview, onToggleComplete: handleToggleComplete, onToggleCancel: handleToggleCancel, onSetStatus: handleSetStatus, onArchiveTask: handleArchiveTask, onAddTaskToColumn: handleAddTaskToColumn, showTaskCardStatusLabel: showTaskCardStatusLabel, onScheduleDaySelected: (dateOnly) => {
                                     setScheduleSelectedDate(dateOnly);
                                     const parsed = parseDateOnlyLocal(dateOnly);
                                     if (parsed) {
@@ -3350,11 +3305,11 @@ export function StandaloneLayout(props) {
                     setShowHelpModal(false);
                     setActiveTab('settings');
                     setSettingsSection('general');
-                } }), _jsx(EditProfileModal, { isOpen: showEditProfileModal, theme: currentTheme, onClose: closeEditProfileModal, onSave: () => { void handleSaveProfile(); }, displayName: profileDisplayNameDraft, email: authEmailLabel, avatarDisplayUrl: profileAvatarDisplayUrl, accountBadgeInitial: accountBadgeInitial, avatarInputRef: profileAvatarInputRef, avatarAccept: PROFILE_AVATAR_ACCEPT, avatarDraftId: profileAvatarDraftId, saveBusy: profileSaveBusy, avatarBusy: profileAvatarBusy, saveError: profileSaveError, saveNotice: profileSaveNotice, onDisplayNameChange: setProfileDisplayNameDraft, onAvatarInputChange: (file) => { void handleProfileAvatarSelected(file); }, onStartAvatarUpload: () => profileAvatarInputRef.current?.click(), onDiscardUpload: handleDiscardPendingProfileAvatar, onRemovePhoto: handleRemoveProfileAvatar }), _jsx(AccountHubModal, { isOpen: showAccountHub, theme: currentTheme, runtimeMode: runtimeMode, authRequiredForApi: authRequiredForApi, isAuthenticated: isAuthenticated, hasAuthIdentity: hasAuthIdentity, authIdentityLabel: authIdentityLabel, billingLoading: billingLoading, billingError: billingError, billingActionError: billingActionError, billingNotice: billingNotice, billingActionBusy: billingActionBusy, billingIntervalChoice: billingIntervalChoice, billingStatus: billingStatus, currentWorkspaceId: currentWorkspaceId, canOpenTeamManagement: canOpenTeamManagement, canManageWorkspaceSync: canManageWorkspaceSync, workspaceCloudSyncEnabled: workspaceCloudSyncEnabled, syncStatusLabel: syncStatusMeta.label, workspaceSyncError: workspaceSyncError, syncControlBusy: syncControlBusy, onClose: () => setShowAccountHub(false), onOpenWorkspaceAudit: () => {
+                } }), _jsx(EditProfileModal, { isOpen: showEditProfileModal, theme: currentTheme, onClose: closeEditProfileModal, onSave: () => { void handleSaveProfile(); }, displayName: profileDisplayNameDraft, email: authEmailLabel, avatarDisplayUrl: profileAvatarDisplayUrl, accountBadgeInitial: accountBadgeInitial, avatarInputRef: profileAvatarInputRef, avatarAccept: PROFILE_AVATAR_ACCEPT, avatarDraftId: profileAvatarDraftId, saveBusy: profileSaveBusy, avatarBusy: profileAvatarBusy, saveError: profileSaveError, saveNotice: profileSaveNotice, onDisplayNameChange: setProfileDisplayNameDraft, onAvatarInputChange: (file) => { void handleProfileAvatarSelected(file); }, onStartAvatarUpload: () => profileAvatarInputRef.current?.click(), onDiscardUpload: handleDiscardPendingProfileAvatar, onRemovePhoto: handleRemoveProfileAvatar }), _jsx(AccountHubModal, { isOpen: showAccountHub, theme: currentTheme, runtimeMode: runtimeMode, authRequiredForApi: authRequiredForApi, isAuthenticated: isAuthenticated, hasAuthIdentity: hasAuthIdentity, authIdentityLabel: authIdentityLabel, billingLoading: billingLoading, billingError: billingError, billingActionError: billingActionError, billingNotice: billingNotice, billingActionBusy: billingActionBusy, billingIntervalChoice: billingIntervalChoice, accountProfileSummary: accountProfileSummary, currentWorkspaceId: currentWorkspaceId, canOpenTeamManagement: canOpenTeamManagement, canManageWorkspaceSync: canManageWorkspaceSync, workspaceCloudSyncEnabled: workspaceCloudSyncEnabled, syncStatusLabel: syncStatusMeta.label, workspaceSyncError: workspaceSyncError, syncControlBusy: syncControlBusy, onClose: () => setShowAccountHub(false), onOpenWorkspaceAudit: () => {
                     setShowAccountHub(false);
                     void openTeamManagementModal();
                     setTeamManagementTab('audit');
-                }, onBillingIntervalChange: setBillingIntervalChoice, onRefreshBilling: () => { void loadBillingStatus(); }, onUpdateInterval: () => { void handleSwitchSubscriptionInterval(); }, onManageBilling: () => { void handleOpenBillingPortal(); }, onStartCheckout: () => { void handleStartCheckout(); }, onToggleWorkspaceSync: (enabled) => { void handleWorkspaceSyncToggle(enabled); }, onOpenHelp: () => {
+                }, onBillingIntervalChange: setBillingIntervalChoice, onRefreshBilling: () => { void loadAccountProfileSummary(); }, onUpdateInterval: () => { void handleSwitchSubscriptionInterval(); }, onManageBilling: () => { void handleOpenBillingPortal(); }, onStartCheckout: () => { void handleStartCheckout(); }, onToggleWorkspaceSync: (enabled) => { void handleWorkspaceSyncToggle(enabled); }, onOpenHelp: () => {
                     setShowAccountHub(false);
                     setShowHelpModal(true);
                 } }), _jsx(TeamManagementModal, { isOpen: showTeamManagementModal, theme: currentTheme, teamPlanMode: teamPlanMode, teamMgmtError: teamMgmtError, teamManagementTab: teamManagementTab, teamUsersLoading: teamUsersLoading, teamUsers: teamUsers, teamActionBusyUserId: teamActionBusyUserId, teamInviteFeedback: teamInviteFeedback, teamInviteEmail: teamInviteEmail, teamInviteRole: teamInviteRole, teamInvitePermissionMode: teamInvitePermissionMode, teamInviteBusy: teamInviteBusy, pendingInvites: pendingInvites, teamAuditLoading: teamAuditLoading, teamAuditEvents: teamAuditEvents, teamAuditPage: teamAuditPage, teamAuditPages: teamAuditPages, teamAuditHasMore: teamAuditHasMore, onClose: () => setShowTeamManagementModal(false), onOpenMembersTab: () => {

package/dist/components/views/standalone/modals/AccountHubModal.d.ts

@@ -1,11 +1,16 @@
 import type { ModalRuntimeMode, ModalThemeName } from './types';
-interface BillingStatusLike {
+interface AccountProfileSummaryLike {
     planId?: string | null;
+    planName?: string | null;
     entitlementState?: string | null;
     stripeStatus?: string | null;
     effectiveUntil?: string | null;
     stripeSubscriptionId?: string | null;
     stripeCustomerId?: string | null;
+    gate?: string | null;
+    message?: string | null;
+    billingConflictCode?: 'CHECKOUT_SESSION_EXPIRED' | 'CHECKOUT_SESSION_SUPERSEDED' | null;
+    planSelectionRequired?: boolean;
 }
 interface AccountHubModalProps {
     isOpen: boolean;
@@ -21,7 +26,7 @@ interface AccountHubModalProps {
     billingNotice: string | null;
     billingActionBusy: boolean;
     billingIntervalChoice: 'month' | 'year';
-    billingStatus: BillingStatusLike | null;
+    accountProfileSummary: AccountProfileSummaryLike | null;
     currentWorkspaceId: string;
     canOpenTeamManagement: boolean;
     canManageWorkspaceSync: boolean;
@@ -39,5 +44,5 @@ interface AccountHubModalProps {
     onToggleWorkspaceSync: (enabled: boolean) => void;
     onOpenHelp: () => void;
 }
-export declare function AccountHubModal({ isOpen, theme, runtimeMode, authRequiredForApi, isAuthenticated, hasAuthIdentity, authIdentityLabel, billingLoading, billingError, billingActionError, billingNotice, billingActionBusy, billingIntervalChoice, billingStatus, currentWorkspaceId, canOpenTeamManagement, canManageWorkspaceSync, workspaceCloudSyncEnabled, syncStatusLabel, workspaceSyncError, syncControlBusy, onClose, onOpenWorkspaceAudit, onBillingIntervalChange, onRefreshBilling, onUpdateInterval, onManageBilling, onStartCheckout, onToggleWorkspaceSync, onOpenHelp, }: AccountHubModalProps): import("react/jsx-runtime").JSX.Element;
+export declare function AccountHubModal({ isOpen, theme, runtimeMode, authRequiredForApi, isAuthenticated, hasAuthIdentity, authIdentityLabel, billingLoading, billingError, billingActionError, billingNotice, billingActionBusy, billingIntervalChoice, accountProfileSummary, currentWorkspaceId, canOpenTeamManagement, canManageWorkspaceSync, workspaceCloudSyncEnabled, syncStatusLabel, workspaceSyncError, syncControlBusy, onClose, onOpenWorkspaceAudit, onBillingIntervalChange, onRefreshBilling, onUpdateInterval, onManageBilling, onStartCheckout, onToggleWorkspaceSync, onOpenHelp, }: AccountHubModalProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/views/standalone/modals/AccountHubModal.js

@@ -5,7 +5,21 @@ import accountStyles from '../../StandaloneAccount.module.css';
 import authStyles from '../../AuthShell.module.css';
 import managementStyles from '../../StandaloneManagement.module.css';
 import styles from '../../../../Taskforce.module.css';
-export function AccountHubModal({ isOpen, theme, runtimeMode, authRequiredForApi, isAuthenticated, hasAuthIdentity, authIdentityLabel, billingLoading, billingError, billingActionError, billingNotice, billingActionBusy, billingIntervalChoice, billingStatus, currentWorkspaceId, canOpenTeamManagement, canManageWorkspaceSync, workspaceCloudSyncEnabled, syncStatusLabel, workspaceSyncError, syncControlBusy, onClose, onOpenWorkspaceAudit, onBillingIntervalChange, onRefreshBilling, onUpdateInterval, onManageBilling, onStartCheckout, onToggleWorkspaceSync, onOpenHelp, }) {
+export function AccountHubModal({ isOpen, theme, runtimeMode, authRequiredForApi, isAuthenticated, hasAuthIdentity, authIdentityLabel, billingLoading, billingError, billingActionError, billingNotice, billingActionBusy, billingIntervalChoice, accountProfileSummary, currentWorkspaceId, canOpenTeamManagement, canManageWorkspaceSync, workspaceCloudSyncEnabled, syncStatusLabel, workspaceSyncError, syncControlBusy, onClose, onOpenWorkspaceAudit, onBillingIntervalChange, onRefreshBilling, onUpdateInterval, onManageBilling, onStartCheckout, onToggleWorkspaceSync, onOpenHelp, }) {
+    const billingGate = String(accountProfileSummary?.gate || '').trim().toLowerCase();
+    const billingConflictCode = String(accountProfileSummary?.billingConflictCode || '').trim().toUpperCase();
+    const billingRecoveryMessage = String(accountProfileSummary?.message || '').trim()
+        || (billingConflictCode === 'CHECKOUT_SESSION_EXPIRED'
+            ? 'Your latest checkout expired. Choose a plan to continue.'
+            : (billingConflictCode === 'CHECKOUT_SESSION_SUPERSEDED'
+                ? 'A newer checkout is already in progress for this account. Open plans to continue.'
+                : ''));
+    const startCheckoutLabel = billingConflictCode === 'CHECKOUT_SESSION_EXPIRED'
+        || accountProfileSummary?.planSelectionRequired === true
+        || billingGate === 'plan_selection_required'
+        ? 'Choose Plan'
+        : (billingGate === 'checkout_pending' ? 'Open Plans' : 'Start Checkout');
+    const resolvedPlanLabel = String(accountProfileSummary?.planName || accountProfileSummary?.planId || 'n/a').trim() || 'n/a';
     return (_jsx(Modal, { isOpen: isOpen, onClose: onClose, title: "Account Hub", size: "md", theme: theme, draggable: true, children: _jsxs("div", { className: `${modalStyles.form} ${managementStyles.modalBody}`, children: [_jsx("p", { className: managementStyles.mutedText, children: "Manage sign in, profile, and workspace controls from one place." }), _jsxs("div", { className: accountStyles.accountHubCard, children: [_jsx("strong", { children: "Authentication" }), _jsx("p", { className: managementStyles.sectionText, children: runtimeMode === 'cloud'
                                 ? (authRequiredForApi
                                     ? (isAuthenticated ? 'Signed in. API access is enabled.' : 'Cloud mode requires sign in before app usage.')
@@ -14,7 +28,7 @@ export function AccountHubModal({ isOpen, theme, runtimeMode, authRequiredForApi
                                 ? (hasAuthIdentity
                                     ? _jsxs(_Fragment, { children: ["Signed in as ", _jsx("span", { className: accountStyles.accountIdentityEmail, children: authIdentityLabel })] })
                                     : 'Signed in')
-                                : 'Signed in as: not signed in' }), runtimeMode === 'cloud' && authRequiredForApi && !isAuthenticated && (_jsx("p", { className: managementStyles.sectionTextTop, children: "Use the `/login` screen to sign in." }))] }), _jsxs("div", { className: accountStyles.accountHubCard, children: [_jsx("strong", { children: "Profile & Account" }), _jsx("p", { className: managementStyles.sectionText, children: "Profile editing and account preferences will live here." })] }), _jsxs("div", { className: accountStyles.accountHubCard, children: [_jsx("strong", { children: "Billing" }), !isAuthenticated ? (_jsx("p", { className: managementStyles.sectionText, children: "Sign in to manage subscription billing." })) : runtimeMode !== 'cloud' ? (_jsx("p", { className: managementStyles.sectionText, children: "Billing remains cloud-backed in local runtime and uses your connected cloud account." })) : (_jsxs(_Fragment, { children: [billingLoading && (_jsx("p", { className: managementStyles.sectionTextSpaced, children: "Loading billing status..." })), billingError && (_jsx("p", { className: `${authStyles.loginError} ${managementStyles.errorText}`, children: billingError })), billingActionError && (_jsx("p", { className: `${authStyles.loginError} ${managementStyles.errorText}`, children: billingActionError })), billingNotice && (_jsx("p", { className: managementStyles.errorText, children: billingNotice })), _jsxs("p", { className: managementStyles.sectionTextSpaced, children: ["Plan: ", _jsx("code", { children: String(billingStatus?.planId || 'n/a') }), ' · ', "Entitlement: ", _jsx("code", { children: String(billingStatus?.entitlementState || 'n/a') })] }), _jsxs("p", { className: managementStyles.sectionText, children: ["Stripe status: ", _jsx("code", { children: String(billingStatus?.stripeStatus || 'n/a') }), billingStatus?.effectiveUntil ? ` · Effective until ${new Date(billingStatus.effectiveUntil).toLocaleString()}` : ''] }), _jsx("div", { className: managementStyles.wrapRow, children: _jsxs("label", { className: `${accountStyles.accountMenuMeta} ${managementStyles.inlineFieldLabel}`, children: ["Interval", _jsxs("select", { className: styles.input, value: billingIntervalChoice, onChange: (event) => onBillingIntervalChange(event.target.value === 'year' ? 'year' : 'month'), disabled: billingActionBusy, children: [_jsx("option", { value: "month", children: "Monthly" }), _jsx("option", { value: "year", children: "Yearly" })] })] }) }), _jsxs("div", { className: managementStyles.actionRowEnd, children: [_jsx("button", { className: styles.cancelBtn, onClick: onRefreshBilling, disabled: billingActionBusy || billingLoading, children: "Refresh Billing" }), _jsx("button", { className: styles.cancelBtn, onClick: onUpdateInterval, disabled: billingActionBusy || !billingStatus?.stripeSubscriptionId, children: "Update Interval" }), _jsx("button", { className: styles.cancelBtn, onClick: onManageBilling, disabled: billingActionBusy || !billingStatus?.stripeCustomerId, children: "Manage Billing" }), _jsx("button", { className: styles.submitBtn, onClick: onStartCheckout, disabled: billingActionBusy, children: billingActionBusy ? 'Working...' : 'Start Checkout' })] })] }))] }), _jsxs("div", { className: accountStyles.accountHubCard, children: [_jsx("strong", { children: "Workspace Audit Log" }), _jsx("p", { className: managementStyles.sectionText, children: "Audit entries are workspace-scoped for the active workspace, not global account history." }), _jsxs("p", { className: managementStyles.sectionText, children: ["Active workspace: ", _jsx("code", { children: currentWorkspaceId })] }), _jsx("div", { className: managementStyles.actionRowEnd, children: _jsx("button", { className: styles.cancelBtn, onClick: onOpenWorkspaceAudit, disabled: !canOpenTeamManagement, children: "Open Workspace Audit" }) })] }), _jsxs("div", { className: accountStyles.accountHubCard, children: [_jsx("strong", { children: "Workspace Cloud Sync" }), _jsx("p", { className: managementStyles.sectionText, children: canManageWorkspaceSync
+                                : 'Signed in as: not signed in' }), runtimeMode === 'cloud' && authRequiredForApi && !isAuthenticated && (_jsx("p", { className: managementStyles.sectionTextTop, children: "Use the `/login` screen to sign in." }))] }), _jsxs("div", { className: accountStyles.accountHubCard, children: [_jsx("strong", { children: "Profile & Account" }), _jsx("p", { className: managementStyles.sectionText, children: "Profile editing and account preferences will live here." })] }), _jsxs("div", { className: accountStyles.accountHubCard, children: [_jsx("strong", { children: "Billing" }), !isAuthenticated ? (_jsx("p", { className: managementStyles.sectionText, children: "Sign in to manage subscription billing." })) : runtimeMode !== 'cloud' ? (_jsx("p", { className: managementStyles.sectionText, children: "Billing remains cloud-backed in local runtime and uses your connected cloud account." })) : (_jsxs(_Fragment, { children: [billingLoading && (_jsx("p", { className: managementStyles.sectionTextSpaced, children: "Loading billing status..." })), billingError && (_jsx("p", { className: `${authStyles.loginError} ${managementStyles.errorText}`, children: billingError })), billingActionError && (_jsx("p", { className: `${authStyles.loginError} ${managementStyles.errorText}`, children: billingActionError })), billingNotice && (_jsx("p", { className: managementStyles.errorText, children: billingNotice })), billingRecoveryMessage && (_jsx("p", { className: managementStyles.sectionText, children: billingRecoveryMessage })), _jsxs("p", { className: managementStyles.sectionTextSpaced, children: ["Plan: ", _jsx("code", { children: resolvedPlanLabel }), ' · ', "Entitlement: ", _jsx("code", { children: String(accountProfileSummary?.entitlementState || 'n/a') })] }), _jsxs("p", { className: managementStyles.sectionText, children: ["Stripe status: ", _jsx("code", { children: String(accountProfileSummary?.stripeStatus || 'n/a') }), accountProfileSummary?.effectiveUntil ? ` · Effective until ${new Date(accountProfileSummary.effectiveUntil).toLocaleString()}` : ''] }), _jsx("div", { className: managementStyles.wrapRow, children: _jsxs("label", { className: `${accountStyles.accountMenuMeta} ${managementStyles.inlineFieldLabel}`, children: ["Interval", _jsxs("select", { className: styles.input, value: billingIntervalChoice, onChange: (event) => onBillingIntervalChange(event.target.value === 'year' ? 'year' : 'month'), disabled: billingActionBusy, children: [_jsx("option", { value: "month", children: "Monthly" }), _jsx("option", { value: "year", children: "Yearly" })] })] }) }), _jsxs("div", { className: managementStyles.actionRowEnd, children: [_jsx("button", { className: styles.cancelBtn, onClick: onRefreshBilling, disabled: billingActionBusy || billingLoading, children: "Refresh Billing" }), _jsx("button", { className: styles.cancelBtn, onClick: onUpdateInterval, disabled: billingActionBusy || !accountProfileSummary?.stripeSubscriptionId, children: "Update Interval" }), _jsx("button", { className: styles.cancelBtn, onClick: onManageBilling, disabled: billingActionBusy || !accountProfileSummary?.stripeCustomerId, children: "Manage Billing" }), _jsx("button", { className: styles.submitBtn, onClick: onStartCheckout, disabled: billingActionBusy, children: billingActionBusy ? 'Working...' : startCheckoutLabel })] })] }))] }), _jsxs("div", { className: accountStyles.accountHubCard, children: [_jsx("strong", { children: "Workspace Audit Log" }), _jsx("p", { className: managementStyles.sectionText, children: "Audit entries are workspace-scoped for the active workspace, not global account history." }), _jsxs("p", { className: managementStyles.sectionText, children: ["Active workspace: ", _jsx("code", { children: currentWorkspaceId })] }), _jsx("div", { className: managementStyles.actionRowEnd, children: _jsx("button", { className: styles.cancelBtn, onClick: onOpenWorkspaceAudit, disabled: !canOpenTeamManagement, children: "Open Workspace Audit" }) })] }), _jsxs("div", { className: accountStyles.accountHubCard, children: [_jsx("strong", { children: "Workspace Cloud Sync" }), _jsx("p", { className: managementStyles.sectionText, children: canManageWorkspaceSync
                                 ? (workspaceCloudSyncEnabled
                                     ? `Enabled · ${syncStatusLabel}`
                                     : 'Disabled')

package/dist/components/views/standalone/modals/AccountHubModal.test.d.ts

@@ -0,0 +1 @@
+export {};