@taskforcehq/taskforce 0.3.302 → 0.3.304

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,11 +33,11 @@ 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';
-import { logBootstrapDebug } from '../../hooks/workspace/workspaceLocalState';
+import { logBootstrapDebug, persistRemoteUiState } from '../../hooks/workspace/workspaceLocalState';
 import { FilterToolbar } from './panels/FilterToolbar';
 import { DocumentFilterToolbar } from './panels/DocumentFilterToolbar';
 import { PlanningDrawer, getPlanningDrawerWidthPx, } from './panels/PlanningDrawer';
@@ -56,8 +56,10 @@ const WorkflowsModule = React.lazy(() => import('../features/WorkflowsModule').t
 const AgentsModule = React.lazy(() => import('../features/AgentsModule').then(m => ({ default: m.AgentsModule })));
 const InitiativesModule = React.lazy(() => import('../features/InitiativesModule').then(m => ({ default: m.InitiativesModule })));
 const PlansPage = React.lazy(() => import('./PlansPage').then(m => ({ default: m.PlansPage })));
+const ACTIVE_COMMERCIAL_STATES = new Set(['active', 'trialing', 'grace']);
 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)
@@ -191,9 +193,6 @@ export function StandaloneLayout(props) {
         const nextQuery = params.toString();
         navigate(`${location.pathname === '/' ? '/' : location.pathname}${nextQuery ? `?${nextQuery}` : ''}${location.hash || ''}`);
     }, [location.hash, location.pathname, location.search, navigate]);
-    const handlePlansBack = useCallback(() => {
-        closePlansScreen();
-    }, [closePlansScreen]);
     const { 
     // State
     activeTab, setActiveTab, activeCategories, groupBy, setGroupBy, activeWorkspaceModule, setActiveWorkspaceModule, emptyColumnMode, setEmptyColumnMode, zenMode, setZenMode, filterStatus, setFilterStatus, 
@@ -215,7 +214,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
@@ -503,34 +502,31 @@ export function StandaloneLayout(props) {
             return;
         const timeoutId = window.setTimeout(async () => {
             try {
-                await fetch('/api/taskforce/ui-state', {
-                    method: 'POST',
-                    headers: { 'Content-Type': 'application/json', ...workspaceUiStateHeaders },
-                    credentials: 'include',
-                    body: JSON.stringify({
-                        stateKey: 'layout',
-                        patch: {
-                            scheduleShowWeekends,
-                            scheduleShowBacklog,
-                            scheduleOnlyExpired,
-                            scheduleSidebarOpen,
-                            scheduleSelectedDate,
-                            scheduleCalendarMonth,
-                            scheduleScrollLeft,
-                            showFilters,
-                            documentTypeFilters,
-                            documentAttachmentFilters,
-                            planningDrawerOpen,
-                            planningTreeCollapsed,
-                            planningPrimaryCollapsed,
-                            planningSecondaryCollapsed,
-                            planningExpandedInitiativeIds: Array.from(expandedPlanningInitiativeIds),
-                            planningDrawerDetail,
-                            planningNestedWorkstreamDetailId,
-                            annotatedTarget: requestedAnnotatedTarget,
-                            annotatedSessionId: requestedAnnotatedSessionId
-                        }
-                    })
+                await persistRemoteUiState({
+                    stateKey: 'layout',
+                    workspaceId: currentWorkspaceId,
+                    headers: workspaceUiStateHeaders,
+                    patch: {
+                        scheduleShowWeekends,
+                        scheduleShowBacklog,
+                        scheduleOnlyExpired,
+                        scheduleSidebarOpen,
+                        scheduleSelectedDate,
+                        scheduleCalendarMonth,
+                        scheduleScrollLeft,
+                        showFilters,
+                        documentTypeFilters,
+                        documentAttachmentFilters,
+                        planningDrawerOpen,
+                        planningTreeCollapsed,
+                        planningPrimaryCollapsed,
+                        planningSecondaryCollapsed,
+                        planningExpandedInitiativeIds: Array.from(expandedPlanningInitiativeIds),
+                        planningDrawerDetail,
+                        planningNestedWorkstreamDetailId,
+                        annotatedTarget: requestedAnnotatedTarget,
+                        annotatedSessionId: requestedAnnotatedSessionId
+                    }
                 });
             }
             catch {
@@ -804,9 +800,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)
@@ -827,8 +823,13 @@ export function StandaloneLayout(props) {
         assigneeOptions.forEach((option) => {
             map.set(String(option.value), option.label);
         });
+        const normalizedAuthUserId = String(authUserId || '').trim();
+        const normalizedAuthIdentityLabel = String(authUserDisplayName || authUserEmail || '').trim();
+        if (normalizedAuthUserId && normalizedAuthIdentityLabel) {
+            map.set(normalizedAuthUserId, normalizedAuthIdentityLabel);
+        }
         return map;
-    }, [assigneeOptions]);
+    }, [assigneeOptions, authUserDisplayName, authUserEmail, authUserId]);
     const planningStructure = useMemo(() => {
         const planningScopedTasks = taskScope === 'archived'
             ? 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,11 +1224,12 @@ 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);
     const [billingActionError, setBillingActionError] = useState(null);
+    const [plansNavigationBusy, setPlansNavigationBusy] = useState(false);
     const [billingNotice, setBillingNotice] = useState(null);
     const [billingIntervalChoice, setBillingIntervalChoice] = useState('month');
     const [profileDisplayNameDraft, setProfileDisplayNameDraft] = useState('');
@@ -1240,7 +1247,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 +1302,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 +1496,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 +1540,117 @@ 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 (options) => {
+        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,
+                force: options?.force === true
+            });
+            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 applyPlansAccountProfileSummary = useCallback((payload) => {
+        setAccountProfileSummary(payload);
+        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';
+        setTeamWorkspaceRole(nextRole);
+        setTeamPlanMode(nextMode);
+    }, []);
+    const hasActiveCommercialEntitlement = useMemo(() => {
+        const entitlementState = String(accountProfileSummary?.entitlementState || '').trim().toLowerCase();
+        return ACTIVE_COMMERCIAL_STATES.has(entitlementState);
+    }, [accountProfileSummary?.entitlementState]);
     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 +1672,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 +1698,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 +1707,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]);
+    }, [accountProfileSummary?.planVersionId, authUserId, billingIntervalChoice, loadAccountProfileSummary, resolveCloudAuthUrl]);
     useEffect(() => {
         if (!isAuthenticated || !authSessionResolved)
             return;
-        if (!canAccessCloudTeamManagement) {
-            setTeamWorkspaceRole(null);
-            setTeamPlanMode('unknown');
-            return;
-        }
-        void loadTeamManagementAccess();
-    }, [authSessionResolved, canAccessCloudTeamManagement, isAuthenticated, loadTeamManagementAccess]);
-    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;
@@ -1843,6 +1820,47 @@ export function StandaloneLayout(props) {
         }
         navigate(`/setup?${params.toString()}`, { replace: true });
     }, [navigate]);
+    const handlePlansBack = useCallback(async () => {
+        if (plansNavigationBusy)
+            return;
+        if (!isAuthenticated) {
+            closePlansScreen();
+            return;
+        }
+        const summary = await loadAccountProfileSummary({ force: true });
+        const entitlementState = String(summary?.entitlementState || '').trim().toLowerCase();
+        if (!ACTIVE_COMMERCIAL_STATES.has(entitlementState)) {
+            return;
+        }
+        setPlansNavigationBusy(true);
+        try {
+            const result = await props.continueAfterCommercialOnboarding();
+            if (!result.success) {
+                pushNotice(result.error || 'Unable to finish onboarding.', 'error');
+                if (result.destination === 'login') {
+                    navigate('/login', { replace: true });
+                }
+                return;
+            }
+            if (result.destination === 'setup') {
+                openWorkspaceSetup();
+                return;
+            }
+            closePlansScreen();
+        }
+        finally {
+            setPlansNavigationBusy(false);
+        }
+    }, [
+        closePlansScreen,
+        isAuthenticated,
+        loadAccountProfileSummary,
+        navigate,
+        openWorkspaceSetup,
+        plansNavigationBusy,
+        props,
+        pushNotice
+    ]);
     const handleSwitchWorkspace = useCallback(async (workspaceId) => {
         if (!workspaceId || workspaceActionBusy)
             return;
@@ -1869,12 +1887,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 +2562,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 +2577,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
@@ -2590,6 +2608,9 @@ export function StandaloneLayout(props) {
                         }, role: "menuitem", children: [_jsx(User, { size: 15 }), "Sign In / Register"] })), isAuthenticated && (_jsxs("button", { className: accountStyles.accountMenuItem, onClick: async () => {
                             setShowAccountMenu(false);
                             await logout();
+                            if (runtimeMode === 'cloud') {
+                                navigate('/login', { replace: true });
+                            }
                         }, role: "menuitem", children: [_jsx(LogOut, { size: 15 }), "Sign Out"] }))] }))] }));
     const cycleEmptyColumnVisibility = useCallback(() => {
         setEmptyColumnMode((prev) => {
@@ -3213,7 +3234,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 +3246,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: () => { void handlePlansBack(); }, title: isAuthenticated && !hasActiveCommercialEntitlement ? 'Choose a plan to continue.' : 'Continue to Taskforce', disabled: plansNavigationBusy || (isAuthenticated && !hasActiveCommercialEntitlement), children: hasActiveCommercialEntitlement ? 'Take Me to Taskforce' : '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, onAccountProfileSummaryChange: applyPlansAccountProfileSummary, onContinueToTaskforce: handlePlansBack, continueBusy: plansNavigationBusy }) }) })) : 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 +3265,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) {
@@ -3285,7 +3306,16 @@ export function StandaloneLayout(props) {
                                     top: '10px',
                                     right: '10px',
                                     zIndex: 20,
-                                }, children: _jsx(ChevronLeft, { size: 16 }) }))] }), groupBy === 'schedule' && (_jsx(ScheduleSidebar, { open: scheduleSidebarOpen, onClose: () => setScheduleSidebarOpen(false), scheduleSelectedDate: scheduleSelectedDate, setScheduleSelectedDate: setScheduleSelectedDate, scheduleCalendarMonth: scheduleCalendarMonth, setScheduleCalendarMonth: setScheduleCalendarMonth, scheduleShowWeekends: scheduleShowWeekends, setScheduleShowWeekends: setScheduleShowWeekends, scheduleShowBacklog: scheduleShowBacklog, setScheduleShowBacklog: setScheduleShowBacklog, scheduleOnlyExpired: scheduleOnlyExpired, setScheduleOnlyExpired: setScheduleOnlyExpired, expiredScheduledCount: expiredScheduledCount, overdueDueCount: overdueDueCount, expiredLeafCandidates: expiredLeafCandidates, expiredRecoveryCandidates: expiredRecoveryCandidates, onMoveExpiredToSelectedWeek: handleMoveExpiredToSelectedWeek, onMoveExpiredToBacklog: handleMoveExpiredToBacklog, scheduleBulkBusy: scheduleBulkBusy, globalWeekStartsOn: globalWeekStartsOn, resolvedLocale: resolvedLocale, todayDateOnly: todayDateOnly, scheduleBaseTasks: scheduleBaseTasks, scheduleWeekStart: scheduleWeekStart, scheduleWeekLabel: scheduleWeekLabel }))] })), _jsxs(Modal, { isOpen: activeTab === 'add', onClose: handleCloseModal, title: editingTaskId ? (currentTask?.isDeleted ? 'Deleted Task' : 'Edit Task') : 'New Task', size: taskModalFullscreen ? 'full' : 'xl', theme: currentTheme, headerActions: (_jsx("button", { className: "tf-control-icon", onClick: () => setTaskModalFullscreen((value) => !value), title: taskModalFullscreen ? 'Exit full screen' : 'Enter full screen', "aria-label": taskModalFullscreen ? 'Exit full screen' : 'Enter full screen', children: taskModalFullscreen ? _jsx(Minimize2, { size: 18 }) : _jsx(Maximize2, { size: 18 }) })), draggable: !taskModalFullscreen, closeOnOverlayClick: false, children: [_jsx(TaskActionHeader, { editingTaskId: editingTaskId, loading: loading, autoSaveState: autoSaveState, title: title, currentTask: currentTask, currentTaskWorkstream: currentTaskWorkstream, currentTaskInitiative: currentTaskInitiative, workstreamInput: workstreamInput, onWorkstreamInputChange: setWorkstreamInput, onSetWorkstreamForCurrentTask: handleSetWorkstreamForCurrentTask, handleSubmit: handleSubmit, resetForm: resetForm, handleCopyId: handleCopyId, copiedId: copiedId, tasks: tasks, handleToggleInProgress: handleToggleInProgress, handleToggleReview: handleToggleReview, handleToggleComplete: handleToggleComplete, handleToggleCancel: handleToggleCancel, handleSetStatus: handleSetStatus, handleArchiveTask: handleArchiveTask, handleRestoreDeletedTask: currentTask?.deletedRecordId
+                                }, children: _jsx(ChevronLeft, { size: 16 }) }))] }), groupBy === 'schedule' && (_jsx(ScheduleSidebar, { open: scheduleSidebarOpen, onClose: () => setScheduleSidebarOpen(false), scheduleSelectedDate: scheduleSelectedDate, setScheduleSelectedDate: setScheduleSelectedDate, scheduleCalendarMonth: scheduleCalendarMonth, setScheduleCalendarMonth: setScheduleCalendarMonth, scheduleShowWeekends: scheduleShowWeekends, setScheduleShowWeekends: setScheduleShowWeekends, scheduleShowBacklog: scheduleShowBacklog, setScheduleShowBacklog: setScheduleShowBacklog, scheduleOnlyExpired: scheduleOnlyExpired, setScheduleOnlyExpired: setScheduleOnlyExpired, expiredScheduledCount: expiredScheduledCount, overdueDueCount: overdueDueCount, expiredLeafCandidates: expiredLeafCandidates, expiredRecoveryCandidates: expiredRecoveryCandidates, onMoveExpiredToSelectedWeek: handleMoveExpiredToSelectedWeek, onMoveExpiredToBacklog: handleMoveExpiredToBacklog, scheduleBulkBusy: scheduleBulkBusy, globalWeekStartsOn: globalWeekStartsOn, resolvedLocale: resolvedLocale, todayDateOnly: todayDateOnly, scheduleBaseTasks: scheduleBaseTasks, scheduleWeekStart: scheduleWeekStart, scheduleWeekLabel: scheduleWeekLabel }))] })), _jsxs(Modal, { isOpen: activeTab === 'add', onClose: handleCloseModal, title: editingTaskId ? (currentTask?.isDeleted ? 'Deleted Task' : 'Edit Task') : 'New Task', size: taskModalFullscreen ? 'full' : 'xl', theme: currentTheme, headerActions: (_jsx("button", { className: "tf-control-icon", onClick: () => setTaskModalFullscreen((value) => !value), title: taskModalFullscreen ? 'Exit full screen' : 'Enter full screen', "aria-label": taskModalFullscreen ? 'Exit full screen' : 'Enter full screen', children: taskModalFullscreen ? _jsx(Minimize2, { size: 18 }) : _jsx(Maximize2, { size: 18 }) })), draggable: !taskModalFullscreen, closeOnOverlayClick: false, children: [_jsx(TaskActionHeader, { editingTaskId: editingTaskId, loading: loading, autoSaveState: autoSaveState, title: title, currentTask: currentTask, currentTaskWorkstream: currentTaskWorkstream, currentTaskInitiative: currentTaskInitiative, workstreamInput: workstreamInput, onWorkstreamInputChange: setWorkstreamInput, onSetWorkstreamForCurrentTask: handleSetWorkstreamForCurrentTask, handleSubmit: handleSubmit, resetForm: resetForm, handleCopyId: handleCopyId, copiedId: copiedId, tasks: tasks, handleToggleInProgress: handleToggleInProgress, handleToggleReview: handleToggleReview, handleToggleComplete: handleToggleComplete, handleToggleCancel: handleToggleCancel, handleSetStatus: handleSetStatus, handleArchiveTask: handleArchiveTask, handleUnarchiveTask: (taskId) => {
+                            if (currentTask?.isDeleted) {
+                                const deletedRecord = deletedTaskRecordByTaskId.get(taskId);
+                                if (!deletedRecord)
+                                    return;
+                                void handleRestoreDeletedTask(deletedRecord.id);
+                                return;
+                            }
+                            void handleUnarchive(taskId);
+                        }, handleRestoreDeletedTask: currentTask?.deletedRecordId
                             ? (deletedRecordId) => {
                                 void handleRestoreDeletedTask(deletedRecordId);
                             }
@@ -3298,7 +3328,7 @@ export function StandaloneLayout(props) {
                                 resetForm();
                                 setActiveTab('tasks');
                             }
-                            : undefined }), _jsx(TaskForm, { editingTaskId: editingTaskId, error: error, title: title, description: description, checklistItems: checklistItems, category: category, type: type, priority: priority, complexity: complexity, manualComplexityEnabled: manualComplexityEnabled, approach: approach, assignee: assignee, scheduledDate: scheduledDate, dueDate: dueDate, workstreamInput: workstreamInput, formTaxonomies: formTaxonomies, onTaxonomyChange: (id, val) => setFormTaxonomies(prev => ({ ...prev, [id]: val })), taxonomies: taxonomies, comments: comments, newCommentText: newCommentText, contextFiles: attachments, currentWorkspaceId: currentWorkspaceId, apiBaseUrl: apiBaseUrl, descriptionFocused: descriptionFocused, showMarkdownHelp: showMarkdownHelp, showChecklist: showChecklist, checklistEnabled: checklistDropdownEnabled, showComments: showComments, categories: activeCategories, types: activeTypes, priorities: priorities, taxonomyDisplayLabels: taxonomyDisplayLabels, assigneeOptions: assigneeOptions, workstreams: props.workstreams, copiedId: copiedId, onTitleChange: setTitle, onDescriptionChange: setDescription, onChecklistItemsChange: setChecklistItems, onCategoryChange: setCategory, onTypeChange: setType, onPriorityChange: setPriority, onComplexityChange: setComplexity, onApproachChange: (val) => { setApproach(val); setFormTaxonomies(prev => ({ ...prev, approach: val })); }, onAssigneeChange: setAssignee, onScheduledDateChange: setScheduledDate, onDueDateChange: setDueDate, onWorkstreamInputChange: setWorkstreamInput, onNewCommentTextChange: setNewCommentText, onDescriptionFocusedChange: setDescriptionFocused, onShowMarkdownHelpChange: setShowMarkdownHelp, onShowChecklistChange: setShowChecklist, onShowCommentsChange: setShowComments, onOpenSettings: (section) => {
+                            : undefined }), _jsx(TaskForm, { editingTaskId: editingTaskId, error: error, title: title, description: description, checklistItems: checklistItems, category: category, type: type, priority: priority, complexity: complexity, manualComplexityEnabled: manualComplexityEnabled, approach: approach, assignee: assignee, scheduledDate: scheduledDate, dueDate: dueDate, workstreamInput: workstreamInput, formTaxonomies: formTaxonomies, onTaxonomyChange: (id, val) => setFormTaxonomies(prev => ({ ...prev, [id]: val })), taxonomies: taxonomies, comments: comments, newCommentText: newCommentText, contextFiles: attachments, currentWorkspaceId: currentWorkspaceId, apiBaseUrl: apiBaseUrl, descriptionFocused: descriptionFocused, showMarkdownHelp: showMarkdownHelp, showChecklist: showChecklist, checklistEnabled: checklistDropdownEnabled, showComments: showComments, categories: activeCategories, types: activeTypes, priorities: priorities, taxonomyDisplayLabels: taxonomyDisplayLabels, assigneeOptions: assigneeOptions, workstreams: props.workstreams, initiatives: props.initiatives, copiedId: copiedId, onTitleChange: setTitle, onDescriptionChange: setDescription, onChecklistItemsChange: setChecklistItems, onCategoryChange: setCategory, onTypeChange: setType, onPriorityChange: setPriority, onComplexityChange: setComplexity, onApproachChange: (val) => { setApproach(val); setFormTaxonomies(prev => ({ ...prev, approach: val })); }, onAssigneeChange: setAssignee, onScheduledDateChange: setScheduledDate, onDueDateChange: setDueDate, onWorkstreamInputChange: setWorkstreamInput, onNewCommentTextChange: setNewCommentText, onDescriptionFocusedChange: setDescriptionFocused, onShowMarkdownHelpChange: setShowMarkdownHelp, onShowChecklistChange: setShowChecklist, onShowCommentsChange: setShowComments, onOpenSettings: (section) => {
                             setSettingsSection(section);
                             setActiveTab('settings');
                         }, onSubmit: handleSubmit, commentsEndRef: commentsEndRef, onAddComment: () => handleAddComment(newCommentText), onOpenTaskById: handleOpenTaskById, onAddContextFile: (file) => {
@@ -3350,11 +3380,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: () => {