@taskforcehq/taskforce 0.3.304 → 0.3.306

package/dist/components/views/StandaloneLayout.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import React, { useMemo, useCallback, useState, useEffect, useRef, useLayoutEffect, Suspense } from 'react';
+import React, { useMemo, useCallback, useState, useEffect, useRef, 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, ClockAlert, ChevronsUp, ChevronsDown, EyeOff, Zap, HelpCircle, Bot, Image, Workflow } from 'lucide-react';
@@ -12,9 +12,11 @@ import folderBrowserStyles from './FolderBrowser.module.css';
 import modalStyles from '../ui/Modal.module.css';
 import { CreateWorkspaceConfirmModal } from './standalone/modals/CreateWorkspaceConfirmModal';
 import { AccountHubModal } from './standalone/modals/AccountHubModal';
+import { AvatarImageManagerModal } from './standalone/modals/AvatarImageManagerModal';
 import { EditProfileModal } from './standalone/modals/EditProfileModal';
 import { HelpModal } from './standalone/modals/HelpModal';
 import { ScheduleWarningModal } from './standalone/modals/ScheduleWarningModal';
+import { SyncEnableWarningModal } from './standalone/modals/SyncEnableWarningModal';
 import { SyncStatusModal } from './standalone/modals/SyncStatusModal';
 import { TeamManagementModal } from './standalone/modals/TeamManagementModal';
 import { Modal } from '../ui/Modal';
@@ -30,11 +32,14 @@ import { getTaskReferenceLabel, parseTaskReference } from '../../utils/taskRefer
 import { formatInitiativeReference, formatWorkstreamReference, parseWorkstreamReference, resolveInitiativeReference } from '../../utils/planningReferences';
 import { DEFAULT_TYPE_VALUE } from '../../shared/taxonomyDefaults.js';
 import { getImageReferenceLabel } from '../../utils/imageReferences';
+import { isPlanningEntityVisibleForScope, scopePlanningSummaries } from './planningScope';
+import { buildReferenceMismatchSummaries, buildSyncDiagnosticsSummary, buildSyncEventRows, getActiveReferenceMismatchCount, resolveSyncStageLabel, resolveSyncStatusMeta, } from '../../utils/syncStatusPresentation';
 import { buildCustomTaxonomySortOptions } from '../../utils/taxonomySorting.js';
 import { getLocale, t } from '../../localization';
 import { resolveAnnotatedAttachmentDetail } from '../../utils/annotatedAttachments';
 import { ACCOUNT_PROFILE_SUMMARY_PATH, invalidateAccountProfileSummaryCache, loadAccountProfileSummaryCached } from '../../utils/accountProfileSummaryCache';
-import { fetchTaskforceApi } from '../../utils/taskforceApiClient';
+import { prepareAvatarUploadFile } from '../../utils/avatarUpload';
+import { resolveCommercialLifecyclePresentation } from '../../utils/commercialLifecyclePresentation';
 import { AppShellHeader } from './AppShellHeader';
 import { getTaskforceCloudEnvironmentConfig, parseTaskforceCloudEnvironment, resolveTaskforceCloudEnvironmentFromBaseUrl } from '../../config/cloudEnvironment';
 import { logBootstrapDebug, persistRemoteUiState } from '../../hooks/workspace/workspaceLocalState';
@@ -46,6 +51,9 @@ import { EmptyWorkspaceFilterBar, WorkspaceHeaderActions, WorkspaceHeaderDivider
 import { ScheduleSidebar, SCHEDULE_SIDEBAR_WIDTH_PX } from './panels/ScheduleSidebar';
 import { DOCUMENT_ATTACHMENT_FILTER_OPTIONS, DOCUMENT_TYPE_FILTER_OPTIONS, } from '../features/documentWorkspaceFilters';
 import { canManageTeamWorkspace as computeCanManageTeamWorkspace, canOpenTeamManagement as computeCanOpenTeamManagement } from './teamManagementAccess';
+import { useRecentSyncEvents } from '../../hooks/sync/useRecentSyncEvents';
+import { useSyncStatusActions } from '../../hooks/sync/useSyncStatusActions';
+import { useSyncStatusControls } from '../../hooks/sync/useSyncStatusControls';
 import { toDateOnlyLocal, parseDateOnlyLocal, startOfWeek, getDayOffsetFromWeekStart, addDays, dateOnlyToIsoWeekKey, SCHEDULE_DAY_KEYS, SCHEDULE_DAY_LABELS, } from './panels/scheduleUtils';
 import { AGENTS_WORKSPACE_FEATURE_KEY, ANNOTATED_ATTACHMENTS_WORKSPACE_FEATURE_KEY, DOCUMENT_WORKSPACE_FEATURE_KEY, INITIATIVES_WORKSPACE_FEATURE_KEY, WORKFLOWS_WORKSPACE_FEATURE_KEY, resolveFeatureAccess, } from '../../runtime/appGates';
 // Heavy feature modules — lazy-loaded to reduce the initial app chunk size.
@@ -56,76 +64,9 @@ 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)
-        return `id:${explicitId}`;
-    return [
-        String(event.occurredAt || '').trim() || 'unknown-time',
-        String(event.eventType || '').trim() || 'sync',
-        String(event.status || '').trim() || 'unknown-status',
-        String(event.statusCode ?? ''),
-        String(event.changeCount ?? ''),
-        String(event.requestMs ?? ''),
-        String(event.errorMessage || '').trim(),
-        JSON.stringify(event.details || null),
-        String(index)
-    ].join('|');
-}
-function mergeRecentSyncEvents(previous, incoming, limit = 15) {
-    const merged = new Map();
-    for (const [index, event] of previous.entries()) {
-        merged.set(getSyncEventStableKey(event, index), event);
-    }
-    for (const [index, event] of incoming.entries()) {
-        merged.set(getSyncEventStableKey(event, index), event);
-    }
-    return Array.from(merged.values())
-        .sort((left, right) => String(right.occurredAt || '').localeCompare(String(left.occurredAt || '')))
-        .slice(0, Math.max(1, limit));
-}
-function areSyncEventListsEqual(left, right) {
-    if (left.length !== right.length)
-        return false;
-    for (let index = 0; index < left.length; index += 1) {
-        if (getSyncEventStableKey(left[index], index) !== getSyncEventStableKey(right[index], index)) {
-            return false;
-        }
-    }
-    return true;
-}
-function getActiveReferenceMismatchCount(events) {
-    let count = 0;
-    for (const event of events) {
-        const message = String(event.errorMessage || '').toLowerCase();
-        if (message.includes('reference number mismatch')) {
-            count += 1;
-            continue;
-        }
-        if (String(event.status || '').toLowerCase() === 'success') {
-            break;
-        }
-    }
-    return count;
-}
-function getActiveReferenceMismatchEvents(events) {
-    const mismatches = [];
-    for (const event of events) {
-        const message = String(event.errorMessage || '').toLowerCase();
-        if (message.includes('reference number mismatch')) {
-            mismatches.push(event);
-            continue;
-        }
-        if (String(event.status || '').toLowerCase() === 'success') {
-            break;
-        }
-    }
-    return mismatches;
-}
 function resolveConnectedEnvironmentLabel(explicitEnvironment, candidates) {
     const parsedExplicitEnvironment = parseTaskforceCloudEnvironment(explicitEnvironment);
     if (parsedExplicitEnvironment) {
@@ -203,7 +144,7 @@ export function StandaloneLayout(props) {
     // Form Actions
     handleAddComment, handleSetWorkstreamForCurrentTask, handleOpenTaskById, 
     // Other Props for Form
-    taxonomies, activeTypes, priorities, taxonomyDisplayLabels, approaches, copiedId, handleCopyId, handleToggleInProgress, handleToggleComplete, handleToggleReview, handleToggleCancel, handleArchiveTask, handleDelete, handleUnarchive, handleRestoreDeletedTask, handlePermanentlyDeleteDeletedTask, handleEmptyDeletedTasks, fetchTasks, searchQuery, setSearchQuery, filterCategories, setFilterCategories, filterTypes, setFilterTypes, filterPriorities, setFilterPriorities, filterAssignees, setFilterAssignees, assigneeOptions, taskScope, setTaskScope, 
+    taxonomies, activeTypes, priorities, taxonomyDisplayLabels, approaches, copiedId, handleCopyId, handleToggleInProgress, handleToggleComplete, handleToggleReview, handleToggleCancel, handleArchiveTask, handleDelete, handleUnarchive, handleRestoreDeletedTask, handlePermanentlyDeleteDeletedTask, handleEmptyDeletedTasks, fetchTasks, searchQuery, setSearchQuery, filterCategories, setFilterCategories, filterTypes, setFilterTypes, filterPriorities, setFilterPriorities, filterAssignees, setFilterAssignees, hasInitedFilters, assigneeOptions, taskScope, setTaskScope, 
     // filterStatus, setFilterStatus, // This was duplicated, removed one instance
     sortBy, setSortBy, clearFilters, // setSearchQuery, // This was duplicated, removed one instance
     // filterCategories, setFilterCategories, // This was duplicated, removed one instance
@@ -214,7 +155,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, resolveCloudAuthUrl = resolveSameOriginTaskforcePath, 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, fetchLoginMethods, unlinkLoginMethod, addPasswordToAccount, beginOAuthLogin, beginOAuthLink, availableAuthProviders, projectRoot, projectName, mcpScriptPath, serverHostRoot, 
     // Browser Props
     showFolderBrowser, setShowFolderBrowser, folders, files, currentBrowsePath, fetchFolders, browserTarget, setBrowserTarget, handleSelectPath, handleAddPath, handleRemovePath, 
     // Settings Managers
@@ -284,6 +225,9 @@ export function StandaloneLayout(props) {
     const [planningDraftDescription, setPlanningDraftDescription] = useState('');
     const [planningDraftOwner, setPlanningDraftOwner] = useState('');
     const [planningDraftInitiativeId, setPlanningDraftInitiativeId] = useState('');
+    const [isSubmittingPlanningEditor, setIsSubmittingPlanningEditor] = useState(false);
+    const planningContextAttachmentDraftsRef = useRef(new Map());
+    const planningContextAttachmentUpdateQueueRef = useRef(new Map());
     const [documentTypeFilters, setDocumentTypeFilters] = useState(() => DOCUMENT_TYPE_FILTER_OPTIONS.map((option) => option.value));
     const [documentAttachmentFilters, setDocumentAttachmentFilters] = useState(() => DOCUMENT_ATTACHMENT_FILTER_OPTIONS.map((option) => option.value));
     const [requestedDocPath, setRequestedDocPath] = useState(null);
@@ -293,6 +237,7 @@ export function StandaloneLayout(props) {
     const [requestedAnnotatedOpenVersion, setRequestedAnnotatedOpenVersion] = useState(0);
     const [canonicalAnnotatedImageReferenceLabels, setCanonicalAnnotatedImageReferenceLabels] = useState({});
     const [layoutStateReady, setLayoutStateReady] = useState(false);
+    const planningEditorSubmitInFlightRef = useRef(false);
     const loadedLayoutStateWorkspaceRef = useRef('');
     const requestedAnnotatedTargetRef = useRef(null);
     const requestedAnnotatedSessionIdRef = useRef(null);
@@ -836,84 +781,103 @@ export function StandaloneLayout(props) {
             : taskScope === 'deleted'
                 ? deletedScopeAllTasks
                 : props.tasks.filter((task) => !task.isArchived);
-        const summarizeTasks = (scopeTasks) => {
-            const taskCount = scopeTasks.length;
-            const completedTaskCount = scopeTasks.filter((task) => task.isArchived || task.status === 'done' || task.status === 'cancelled').length;
+        const summarizeTaskCounts = (taskCount, completedTaskCount) => {
             return {
                 progressPercent: taskCount > 0 ? Math.round((completedTaskCount / taskCount) * 100) : 0,
                 taskCount,
                 completedTaskCount,
             };
         };
+        const useBootstrapTaskSummaries = taskScope === 'open'
+            && props.planningBootstrapTaskSummaries.length > 0
+            && (props.loadingTasks || props.tasks.length === 0);
+        const workstreamTaskSummaryById = new Map();
+        if (useBootstrapTaskSummaries) {
+            props.planningBootstrapTaskSummaries.forEach((summary) => {
+                workstreamTaskSummaryById.set(summary.workstreamId, summary);
+            });
+        }
+        else {
+            planningScopedTasks.forEach((task) => {
+                const workstreamId = String(task.workstreamId || '').trim();
+                if (!workstreamId)
+                    return;
+                const current = workstreamTaskSummaryById.get(workstreamId) || {
+                    workstreamId,
+                    taskCount: 0,
+                    completedTaskCount: 0,
+                    tasks: [],
+                };
+                current.taskCount += 1;
+                if (task.isArchived || task.status === 'done' || task.status === 'cancelled') {
+                    current.completedTaskCount += 1;
+                }
+                current.tasks.push({
+                    id: task.id,
+                    referenceNumber: task.referenceNumber ?? null,
+                    title: task.title,
+                    status: task.status || null,
+                });
+                workstreamTaskSummaryById.set(workstreamId, current);
+            });
+        }
         const workstreamTaskIds = new Map();
         const workstreamInitiativeIds = new Map();
         const initiativeTaskIds = new Map();
-        const workstreamById = new Map();
-        const initiativeById = new Map();
+        const workstreamsByInitiativeId = new Map();
         const buildWorkstreamSummary = (workstream) => {
-            const scopedTasks = planningScopedTasks.filter((task) => (task.workstreamId || null) === workstream.id);
-            const taskPreviews = scopedTasks.map((task) => ({
-                id: task.id,
-                referenceNumber: task.referenceNumber ?? null,
-                title: task.title,
-                status: task.status || null,
-            }));
+            const taskSummary = workstreamTaskSummaryById.get(workstream.id);
+            const taskPreviews = taskSummary?.tasks || [];
             const summary = {
                 id: workstream.id,
                 referenceNumber: workstream.referenceNumber ?? null,
                 title: workstream.title,
                 description: String(workstream.description || '').trim() || undefined,
                 ownerLabel: workstream.ownerId ? assigneeLabelByValue.get(String(workstream.ownerId)) || String(workstream.ownerId) : null,
-                ...summarizeTasks(scopedTasks),
+                ...summarizeTaskCounts(taskSummary?.taskCount || 0, taskSummary?.completedTaskCount || 0),
                 initiativeId: workstream.initiativeId || null,
                 commentCount: Array.isArray(workstream.comments) ? workstream.comments.length : 0,
                 attachmentCount: Array.isArray(workstream.attachments) ? workstream.attachments.length : 0,
+                attachments: Array.isArray(workstream.attachments) ? workstream.attachments : [],
                 isArchived: Boolean(workstream.isArchived),
                 tasks: taskPreviews,
             };
-            workstreamTaskIds.set(workstream.id, scopedTasks.map((task) => task.id));
-            if (workstream.initiativeId)
+            workstreamTaskIds.set(workstream.id, taskPreviews.map((task) => task.id));
+            if (workstream.initiativeId) {
                 workstreamInitiativeIds.set(workstream.id, workstream.initiativeId);
-            workstreamById.set(summary.id, summary);
+                const current = workstreamsByInitiativeId.get(workstream.initiativeId) || [];
+                current.push(summary);
+                workstreamsByInitiativeId.set(workstream.initiativeId, current);
+            }
             return summary;
         };
         const allWorkstreamSummaries = props.workstreams.map(buildWorkstreamSummary);
+        const scopedWorkstreamSummaries = allWorkstreamSummaries.filter((workstream) => (isPlanningEntityVisibleForScope(taskScope, Boolean(workstream.isArchived))));
         const allInitiatives = props.initiatives.map((initiative) => {
-            const workstreams = allWorkstreamSummaries
-                .filter((workstream) => (workstream.initiativeId || null) === initiative.id);
-            const initiativeScopedTasks = workstreams
-                .flatMap((workstream) => workstreamTaskIds.get(workstream.id) || [])
-                .map((taskId) => hierarchyTaskById.get(taskId))
-                .filter((task) => Boolean(task));
+            const workstreams = (workstreamsByInitiativeId.get(initiative.id) || [])
+                .filter((workstream) => isPlanningEntityVisibleForScope(taskScope, Boolean(workstream.isArchived)));
+            const taskCount = workstreams.reduce((sum, workstream) => sum + workstream.taskCount, 0);
+            const completedTaskCount = workstreams.reduce((sum, workstream) => sum + workstream.completedTaskCount, 0);
             const initiativeSummary = {
                 id: initiative.id,
                 referenceNumber: initiative.referenceNumber ?? null,
                 title: initiative.title,
                 description: String(initiative.description || '').trim() || undefined,
                 ownerLabel: initiative.ownerId ? assigneeLabelByValue.get(String(initiative.ownerId)) || String(initiative.ownerId) : null,
-                ...summarizeTasks(initiativeScopedTasks),
+                ...summarizeTaskCounts(taskCount, completedTaskCount),
                 workstreamCount: workstreams.length,
                 workstreams,
                 commentCount: Array.isArray(initiative.comments) ? initiative.comments.length : 0,
                 attachmentCount: Array.isArray(initiative.attachments) ? initiative.attachments.length : 0,
+                attachments: Array.isArray(initiative.attachments) ? initiative.attachments : [],
                 isArchived: Boolean(initiative.isArchived),
             };
-            initiativeTaskIds.set(initiative.id, initiativeScopedTasks.map((task) => task.id));
-            initiativeById.set(initiativeSummary.id, initiativeSummary);
             return initiativeSummary;
         });
-        const initiatives = taskScope === 'deleted'
-            ? []
-            : allInitiatives.filter((initiative) => taskScope === 'archived'
-                ? Boolean(initiative.isArchived)
-                : !initiative.isArchived);
-        const standaloneWorkstreams = allWorkstreamSummaries
-            .filter((workstream) => !workstream.initiativeId)
-            .filter((workstream) => taskScope === 'deleted'
-            ? false
-            : taskScope === 'archived'
-                ? Boolean(workstream.isArchived)
-                : !workstream.isArchived);
+        const { initiatives, standaloneWorkstreams, visibleWorkstreams, initiativeById, workstreamById, } = scopePlanningSummaries(allInitiatives, scopedWorkstreamSummaries, taskScope);
+        initiatives.forEach((initiative) => {
+            initiativeTaskIds.set(initiative.id, initiative.workstreams.flatMap((workstream) => (workstream.tasks || []).map((task) => task.id)));
+        });
         return {
             initiatives,
             standaloneWorkstreams,
@@ -923,33 +887,51 @@ export function StandaloneLayout(props) {
             workstreamById,
             initiativeById,
         };
-    }, [archivedScopeAllTasks, assigneeLabelByValue, deletedScopeAllTasks, hierarchyTaskById, props.initiatives, props.tasks, props.workstreams, taskScope]);
+    }, [
+        archivedScopeAllTasks,
+        assigneeLabelByValue,
+        deletedScopeAllTasks,
+        props.initiatives,
+        props.loadingTasks,
+        props.planningBootstrapTaskSummaries,
+        props.tasks,
+        props.workstreams,
+        taskScope,
+    ]);
     const initiativeFilterOptions = useMemo(() => planningStructure.initiatives.map((initiative) => {
         const referenceLabel = formatInitiativeReference(initiative);
         return {
             value: initiative.id,
-            label: referenceLabel ? `${referenceLabel} - ${initiative.title}` : initiative.title,
-            selectedLabel: referenceLabel || initiative.title,
+            label: referenceLabel || initiative.title,
         };
     }), [planningStructure.initiatives]);
-    const workstreamFilterOptions = useMemo(() => [
-        ...planningStructure.initiatives.flatMap((initiative) => initiative.workstreams.map((workstream) => {
-            const referenceLabel = formatWorkstreamReference(workstream);
-            return {
-                value: workstream.id,
-                label: referenceLabel ? `${referenceLabel} - ${workstream.title}` : workstream.title,
-                selectedLabel: referenceLabel || workstream.title,
-            };
-        })),
-        ...planningStructure.standaloneWorkstreams.map((workstream) => {
+    const workstreamFilterOptions = useMemo(() => {
+        const visibleInitiativeWorkstreams = selectedPlanningInitiativeId
+            ? (planningStructure.initiativeById.get(selectedPlanningInitiativeId)?.workstreams || [])
+            : planningStructure.initiatives.flatMap((initiative) => initiative.workstreams);
+        const initiativeWorkstreams = visibleInitiativeWorkstreams.map((workstream) => {
             const referenceLabel = formatWorkstreamReference(workstream);
             return {
                 value: workstream.id,
-                label: referenceLabel ? `${referenceLabel} - ${workstream.title}` : workstream.title,
-                selectedLabel: referenceLabel || workstream.title,
+                label: referenceLabel || workstream.title,
             };
-        }),
-    ], [planningStructure.initiatives, planningStructure.standaloneWorkstreams]);
+        });
+        const standaloneWorkstreams = selectedPlanningInitiativeId
+            ? []
+            : planningStructure.standaloneWorkstreams.map((workstream) => {
+                const referenceLabel = formatWorkstreamReference(workstream);
+                return {
+                    value: workstream.id,
+                    label: referenceLabel || workstream.title,
+                };
+            });
+        return [...initiativeWorkstreams, ...standaloneWorkstreams];
+    }, [
+        planningStructure.initiativeById,
+        planningStructure.initiatives,
+        planningStructure.standaloneWorkstreams,
+        selectedPlanningInitiativeId,
+    ]);
     const selectedPlanningTaskIds = useMemo(() => {
         if (selectedPlanningWorkstreamId) {
             return new Set(planningStructure.workstreamTaskIds.get(selectedPlanningWorkstreamId) || []);
@@ -1190,17 +1172,7 @@ export function StandaloneLayout(props) {
     const [showAccountMenu, setShowAccountMenu] = useState(false);
     const [showAccountHub, setShowAccountHub] = useState(false);
     const [showEditProfileModal, setShowEditProfileModal] = useState(false);
-    const [showSyncStatusModal, setShowSyncStatusModal] = useState(false);
-    const [workspaceSyncToggleBusy, setWorkspaceSyncToggleBusy] = useState(false);
-    const [workspaceSyncError, setWorkspaceSyncError] = useState(null);
-    const [workspaceSyncRepairBusy, setWorkspaceSyncRepairBusy] = useState(false);
-    const [workspaceSyncRepairQueued, setWorkspaceSyncRepairQueued] = useState(false);
-    const [workspaceSyncCopied, setWorkspaceSyncCopied] = useState(false);
-    const [syncRecentEvents, setSyncRecentEvents] = useState([]);
-    const [syncRecentEventsLoading, setSyncRecentEventsLoading] = useState(false);
-    const [syncRecentEventsError, setSyncRecentEventsError] = useState(null);
-    const syncEventsListRef = useRef(null);
-    const pendingSyncEventsScrollRestoreRef = useRef(null);
+    const [showAvatarPhotoManager, setShowAvatarPhotoManager] = useState(false);
     const [workspaceActionBusy, setWorkspaceActionBusy] = useState(false);
     const [workspaceActionError, setWorkspaceActionError] = useState('');
     const [showCreateWorkspaceConfirm, setShowCreateWorkspaceConfirm] = useState(false);
@@ -1241,7 +1213,6 @@ export function StandaloneLayout(props) {
     const [profileSaveNotice, setProfileSaveNotice] = useState(null);
     const TEAM_AUDIT_PAGE_SIZE = 25;
     const accountMenuRef = useRef(null);
-    const profileAvatarInputRef = useRef(null);
     const accountSurfaceOpenStartedAtRef = useRef(null);
     const accountSurfacePendingRef = useRef({
         billing: false,
@@ -1266,21 +1237,11 @@ export function StandaloneLayout(props) {
     const canManageCloudWorkspaces = runtimeMode === 'cloud' && workspaceSwitchingEnabled && isAuthenticated;
     const canAccessCloudTeamManagement = isAuthenticated && (runtimeMode === 'cloud' || cloudAuthConfigured);
     const canManageWorkspaceSync = runtimeMode === 'local' && isAuthenticated;
-    const handleWorkspaceSyncToggle = useCallback(async (enabled) => {
-        if (!canManageWorkspaceSync)
-            return;
-        setWorkspaceSyncError(null);
-        setWorkspaceSyncToggleBusy(true);
-        const result = await saveWorkspaceCloudSyncSettings({ enabled });
-        if (!result.success) {
-            setWorkspaceSyncError(result.error || (enabled ? 'Failed to enable sync.' : 'Failed to disable sync.'));
-        }
-        setWorkspaceSyncToggleBusy(false);
-    }, [
+    const { showSyncStatusModal, showSyncEnableWarning, workspaceSyncError, syncControlBusy, openSyncStatusModal, closeSyncStatusModal, handleWorkspaceSyncToggle, cancelSyncEnableWarning, confirmSyncEnableWarning, } = useSyncStatusControls({
         canManageWorkspaceSync,
-        saveWorkspaceCloudSyncSettings
-    ]);
-    const syncControlBusy = workspaceSyncToggleBusy;
+        workspaceCloudSyncEnabled,
+        saveWorkspaceCloudSyncSettings,
+    });
     const currentWorkspaceLabel = useMemo(() => {
         const current = availableWorkspaces.find((workspace) => workspace.id === currentWorkspaceId);
         const namedWorkspace = String(current?.name || '').trim();
@@ -1340,23 +1301,21 @@ export function StandaloneLayout(props) {
         if (!normalizedDraftId || !cloudAuthConfigured)
             return;
         try {
-            const baseUrl = runtimeMode === 'local'
-                ? (props.config?.cloudAuthBaseUrl || props.config?.apiBaseUrl || '')
-                : (props.config?.apiBaseUrl || props.config?.cloudAuthBaseUrl || '');
-            await fetchTaskforceApi('/api/taskforce/auth/profile/avatar/discard', {
+            await fetch(resolveCloudAuthUrl('/api/taskforce/auth/profile/avatar/discard'), {
                 method: 'POST',
                 headers: { 'Content-Type': 'application/json' },
                 credentials: 'include',
                 body: JSON.stringify({ draftId: normalizedDraftId })
-            }, baseUrl);
+            });
         }
         catch {
             // Best-effort cleanup only.
         }
-    }, [cloudAuthConfigured, props.config?.apiBaseUrl, props.config?.cloudAuthBaseUrl, runtimeMode]);
+    }, [cloudAuthConfigured, resolveCloudAuthUrl]);
     const closeEditProfileModal = useCallback(() => {
         const pendingDraftId = profileAvatarDraftId;
         setShowEditProfileModal(false);
+        setShowAvatarPhotoManager(false);
         setProfileSaveError(null);
         setProfileSaveNotice(null);
         setProfileAvatarDraftId(null);
@@ -1367,47 +1326,53 @@ export function StandaloneLayout(props) {
     }, [authAvatarUrl, discardProfileAvatarDraft, profileAvatarDraftId]);
     const handleProfileAvatarSelected = useCallback(async (file) => {
         if (!file || !cloudAuthConfigured)
-            return;
+            return false;
         if (!file.type.startsWith('image/')) {
             setProfileSaveError('Profile photo must be an image file.');
             setProfileSaveNotice(null);
-            return;
-        }
-        if (file.size > PROFILE_AVATAR_MAX_BYTES) {
-            setProfileSaveError('Profile photo must be 5 MB or smaller.');
-            setProfileSaveNotice(null);
-            return;
+            return false;
         }
         setProfileAvatarBusy(true);
         setProfileSaveError(null);
         setProfileSaveNotice(null);
         try {
-            const baseUrl = runtimeMode === 'local'
-                ? (props.config?.cloudAuthBaseUrl || props.config?.apiBaseUrl || '')
-                : (props.config?.apiBaseUrl || props.config?.cloudAuthBaseUrl || '');
-            const initRes = await fetchTaskforceApi('/api/taskforce/auth/profile/avatar/init', {
+            const preparedAvatar = await prepareAvatarUploadFile(file, {
+                maxBytes: PROFILE_AVATAR_MAX_BYTES
+            });
+            if (preparedAvatar.exceededLimit) {
+                const message = file.type === 'image/gif'
+                    ? 'Animated GIF profile photos must be 5 MB or smaller.'
+                    : 'Profile photo must be 5 MB or smaller.';
+                throw new Error(message);
+            }
+            const uploadFile = preparedAvatar.file;
+            const initRes = await fetch(resolveCloudAuthUrl('/api/taskforce/auth/profile/avatar/init'), {
                 method: 'POST',
                 headers: { 'Content-Type': 'application/json' },
                 credentials: 'include',
                 body: JSON.stringify({
-                    originalName: file.name,
-                    mimeType: file.type,
-                    size: file.size
+                    originalName: uploadFile.name,
+                    mimeType: uploadFile.type,
+                    size: uploadFile.size
                 })
-            }, baseUrl);
+            });
             const initData = await initRes.json().catch(() => ({}));
-            if (!initRes.ok || !initData?.success || typeof initData?.uploadUrl !== 'string' || typeof initData?.relativePath !== 'string') {
+            if (!initRes.ok || !initData?.success || typeof initData?.draftId !== 'string' || typeof initData?.relativePath !== 'string') {
                 throw new Error(initData?.error || 'Failed to start avatar upload.');
             }
-            const uploadRes = await fetch(initData.uploadUrl, {
-                method: String(initData.method || 'PUT'),
-                headers: initData.headers || { 'Content-Type': file.type || 'application/octet-stream' },
-                body: file
+            const uploadRes = await fetch(resolveCloudAuthUrl('/api/taskforce/auth/profile/avatar/upload'), {
+                method: 'POST',
+                headers: {
+                    'Content-Type': uploadFile.type || 'application/octet-stream',
+                    'x-taskforce-avatar-draft-id': initData.draftId
+                },
+                credentials: 'include',
+                body: uploadFile
             });
             if (!uploadRes.ok) {
                 throw new Error('Failed to upload avatar.');
             }
-            const finalizeRes = await fetchTaskforceApi('/api/taskforce/auth/profile/avatar/finalize', {
+            const finalizeRes = await fetch(resolveCloudAuthUrl('/api/taskforce/auth/profile/avatar/finalize'), {
                 method: 'POST',
                 headers: { 'Content-Type': 'application/json' },
                 credentials: 'include',
@@ -1415,7 +1380,7 @@ export function StandaloneLayout(props) {
                     draftId: initData.draftId,
                     relativePath: initData.relativePath
                 })
-            }, baseUrl);
+            });
             const finalizeData = await finalizeRes.json().catch(() => ({}));
             if (!finalizeRes.ok || !finalizeData?.success || typeof finalizeData?.draftId !== 'string') {
                 throw new Error(finalizeData?.error || 'Failed to finalize avatar upload.');
@@ -1423,27 +1388,24 @@ export function StandaloneLayout(props) {
             const previousDraftId = profileAvatarDraftId;
             setProfileAvatarDraftId(finalizeData.draftId);
             setProfileAvatarPreviewUrl(typeof finalizeData?.avatarUrl === 'string' ? finalizeData.avatarUrl : '');
-            setProfileSaveNotice('Profile photo ready to save.');
+            setProfileSaveNotice(null);
             if (previousDraftId && previousDraftId !== finalizeData.draftId) {
                 void discardProfileAvatarDraft(previousDraftId);
             }
+            return true;
         }
         catch (error) {
             setProfileSaveError(error instanceof Error ? error.message : 'Failed to upload profile photo.');
+            return false;
         }
         finally {
             setProfileAvatarBusy(false);
-            if (profileAvatarInputRef.current) {
-                profileAvatarInputRef.current.value = '';
-            }
         }
     }, [
         cloudAuthConfigured,
         discardProfileAvatarDraft,
         profileAvatarDraftId,
-        props.config?.apiBaseUrl,
-        props.config?.cloudAuthBaseUrl,
-        runtimeMode
+        resolveCloudAuthUrl
     ]);
     const handleDiscardPendingProfileAvatar = useCallback(() => {
         if (!profileAvatarDraftId)
@@ -1489,6 +1451,7 @@ export function StandaloneLayout(props) {
         setProfileAvatarDraftId(null);
         setProfileAvatarPreviewUrl('');
         setProfileSaveBusy(false);
+        setShowAvatarPhotoManager(false);
         setShowEditProfileModal(false);
     }, [authAvatarUrl, profileAvatarDraftId, profileAvatarPreviewUrl, profileDisplayNameDraft, updateCurrentUserProfile]);
     const teamAdminHeaders = useCallback(() => {
@@ -1630,9 +1593,8 @@ export function StandaloneLayout(props) {
         setTeamPlanMode(nextMode);
     }, []);
     const hasActiveCommercialEntitlement = useMemo(() => {
-        const entitlementState = String(accountProfileSummary?.entitlementState || '').trim().toLowerCase();
-        return ACTIVE_COMMERCIAL_STATES.has(entitlementState);
-    }, [accountProfileSummary?.entitlementState]);
+        return resolveCommercialLifecyclePresentation(accountProfileSummary).allowReturnToApp;
+    }, [accountProfileSummary]);
     const handleStartCheckout = useCallback(async () => {
         const params = new URLSearchParams();
         params.set('screen', 'plans');
@@ -1808,9 +1770,9 @@ export function StandaloneLayout(props) {
         const target = (!targetRaw || targetRaw === '/login' || !targetRaw.startsWith('/')) ? '/' : targetRaw;
         setShowAccountMenu(false);
         setShowAccountHub(false);
-        setShowSyncStatusModal(false);
+        closeSyncStatusModal();
         navigate(`/login?mode=${mode}&next=${encodeURIComponent(target)}`);
-    }, [location.hash, location.pathname, location.search, navigate]);
+    }, [closeSyncStatusModal, location.hash, location.pathname, location.search, navigate]);
     const openWorkspaceSetup = useCallback((options) => {
         setShowAccountMenu(false);
         setShowCreateWorkspaceConfirm(false);
@@ -1823,38 +1785,44 @@ export function StandaloneLayout(props) {
     const handlePlansBack = useCallback(async () => {
         if (plansNavigationBusy)
             return;
+        setPlansNavigationBusy(true);
         if (!isAuthenticated) {
-            closePlansScreen();
+            try {
+                closePlansScreen();
+            }
+            finally {
+                setPlansNavigationBusy(false);
+            }
             return;
         }
-        const summary = await loadAccountProfileSummary({ force: true });
-        const entitlementState = String(summary?.entitlementState || '').trim().toLowerCase();
-        if (!ACTIVE_COMMERCIAL_STATES.has(entitlementState)) {
+        const currentSummary = accountProfileSummaryRef.current;
+        if (currentSummary && !resolveCommercialLifecyclePresentation(currentSummary).allowReturnToApp) {
+            setPlansNavigationBusy(false);
             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 });
+        closePlansScreen();
+        void (async () => {
+            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;
             }
-            if (result.destination === 'setup') {
-                openWorkspaceSetup();
-                return;
+            finally {
+                setPlansNavigationBusy(false);
             }
-            closePlansScreen();
-        }
-        finally {
-            setPlansNavigationBusy(false);
-        }
+        })();
     }, [
+        accountProfileSummaryRef,
         closePlansScreen,
         isAuthenticated,
-        loadAccountProfileSummary,
         navigate,
         openWorkspaceSetup,
         plansNavigationBusy,
@@ -2040,6 +2008,7 @@ export function StandaloneLayout(props) {
     const formattedLastPullTime = useMemo(() => formatSyncTimestamp(workspaceLastPullAt), [formatSyncTimestamp, workspaceLastPullAt]);
     const formattedLastPushTime = useMemo(() => formatSyncTimestamp(workspaceLastPushAt), [formatSyncTimestamp, workspaceLastPushAt]);
     const rawSyncLastError = workspaceSyncError || workspaceLastErrorMessage || userGlobalSyncError || 'None';
+    const workspaceSyncDiagnostics = getWorkspaceSyncDiagnostics();
     const headerSyncPresentation = useMemo(() => resolveHeaderWorkspaceSyncPresentation({
         runtimeMode,
         isAuthenticated,
@@ -2047,7 +2016,10 @@ export function StandaloneLayout(props) {
         workspaceCloudSyncEnabled,
         workspaceSyncSummary,
         workspaceSyncRecommendedAction,
-        workspaceSyncError: rawSyncLastError
+        workspaceSyncError: rawSyncLastError,
+        pushBlockedReason: workspaceSyncDiagnostics.pushBlockedReason || null,
+        pullBlockedReason: workspaceSyncDiagnostics.pullBlockedReason || null,
+        retryBlockedReason: workspaceSyncDiagnostics.retryBlockedReason || null
     }), [
         runtimeMode,
         isAuthenticated,
@@ -2055,75 +2027,24 @@ export function StandaloneLayout(props) {
         workspaceCloudSyncEnabled,
         workspaceSyncSummary,
         workspaceSyncRecommendedAction,
-        rawSyncLastError
+        rawSyncLastError,
+        workspaceSyncDiagnostics.pushBlockedReason,
+        workspaceSyncDiagnostics.pullBlockedReason,
+        workspaceSyncDiagnostics.retryBlockedReason
     ]);
     const syncLastError = headerSyncPresentation.lastError;
     const [headerSyncStatus, setHeaderSyncStatus] = useState(headerSyncPresentation.status);
-    const syncStageLabel = useMemo(() => {
-        if (workspaceSyncRepairBusy) {
-            return 'Repairing';
-        }
-        if (workspaceSyncBusy && workspaceSyncPhase === 'error') {
-            return 'Recovering';
-        }
-        switch (workspaceSyncPhase) {
-            case 'provision-local':
-                return 'Initial cloud upload';
-            case 'attach-cloud':
-                return 'Initial cloud pull';
-            case 'active':
-                return 'Active';
-            case 'error':
-                return 'Error';
-            default:
-                return 'Idle';
-        }
-    }, [workspaceSyncPhase, workspaceSyncRepairBusy]);
-    const workspaceSyncDiagnostics = getWorkspaceSyncDiagnostics();
-    const syncDiagnosticsSummary = useMemo(() => ([
-        {
-            label: 'AI profile snapshot',
-            value: `${workspaceSyncDiagnostics.aiProfileSnapshotCount} local profile${workspaceSyncDiagnostics.aiProfileSnapshotCount === 1 ? '' : 's'}`
-        },
-        {
-            label: 'AI profile raw response',
-            value: `${workspaceSyncDiagnostics.aiProfileSnapshotRawCount} from route`
-        },
-        {
-            label: 'Last pushed AI profiles',
-            value: `${workspaceSyncDiagnostics.lastPushedAiProfileCount} tracked`
-        },
-        {
-            label: 'AI watermark map',
-            value: `${workspaceSyncDiagnostics.lastPushedAiProfileWatermarkCount} tracked`
-        },
-        {
-            label: 'Document snapshot',
-            value: `${workspaceSyncDiagnostics.documentSnapshotCount} local doc${workspaceSyncDiagnostics.documentSnapshotCount === 1 ? '' : 's'}`
-        },
-        {
-            label: 'Asset snapshot',
-            value: `${workspaceSyncDiagnostics.assetSnapshotCount} local asset${workspaceSyncDiagnostics.assetSnapshotCount === 1 ? '' : 's'}`
-        },
-        {
-            label: 'Queued full AI sync',
-            value: workspaceSyncDiagnostics.forceFullAiProfilePushQueued ? 'Yes' : 'No'
-        },
-        {
-            label: 'AI snapshot last fetch',
-            value: workspaceSyncDiagnostics.aiProfileSnapshotLastFetchAt
-                ? new Date(workspaceSyncDiagnostics.aiProfileSnapshotLastFetchAt).toLocaleString()
-                : 'Never'
-        },
-        {
-            label: 'AI snapshot fetch error',
-            value: workspaceSyncDiagnostics.aiProfileSnapshotLastFetchError || 'None'
-        },
-        {
-            label: 'AI snapshot skip reason',
-            value: workspaceSyncDiagnostics.aiProfileSnapshotLastSkipReason || 'None'
-        }
-    ]), [workspaceSyncDiagnostics]);
+    const syncDiagnosticsSummary = useMemo(() => buildSyncDiagnosticsSummary(workspaceSyncDiagnostics), [workspaceSyncDiagnostics]);
+    const { syncRecentEvents, syncRecentEventsLoading, syncRecentEventsError, syncEventsListRef, loadRecentSyncEvents, } = useRecentSyncEvents({
+        isOpen: showSyncStatusModal,
+        workspaceId: currentWorkspaceId,
+        refreshKeys: [
+            workspaceLastPushAt,
+            workspaceLastPullAt,
+            workspaceLastErrorAt,
+            workspaceSyncStatus
+        ]
+    });
     const shouldDelayHeaderSyncing = headerSyncPresentation.actionable
         && workspaceSyncStatus === 'syncing'
         && workspaceSyncPhase === 'active'
@@ -2138,282 +2059,34 @@ export function StandaloneLayout(props) {
         }, 1200);
         return () => window.clearTimeout(timeoutId);
     }, [headerSyncPresentation.status, shouldDelayHeaderSyncing]);
-    const formatSyncEventLine = useCallback((event) => {
-        const occurredAt = typeof event.occurredAt === 'string' && event.occurredAt.trim().length > 0
-            ? event.occurredAt
-            : 'unknown-time';
-        const eventType = typeof event.eventType === 'string' && event.eventType.trim().length > 0
-            ? event.eventType.trim()
-            : 'sync';
-        const status = event.status === 'error' ? 'failed' : 'succeeded';
-        const changeCountValue = Number(event.changeCount);
-        const changeCount = Number.isFinite(changeCountValue)
-            ? ` (${Math.max(0, Math.floor(changeCountValue))} change${Math.floor(changeCountValue) === 1 ? '' : 's'})`
-            : '';
-        const requestMsValue = Number(event.requestMs);
-        const requestMs = Number.isFinite(requestMsValue)
-            ? ` in ${Math.max(0, Math.floor(requestMsValue))}ms`
-            : '';
-        const statusCodeValue = Number(event.statusCode);
-        const statusCode = Number.isFinite(statusCodeValue)
-            ? ` [${Math.floor(statusCodeValue)}]`
-            : '';
-        const errorMessage = typeof event.errorMessage === 'string' && event.errorMessage.trim().length > 0
-            ? `: ${event.errorMessage.trim()}`
-            : '';
-        return `${occurredAt} ${eventType} ${status}${changeCount}${requestMs}${statusCode}${errorMessage}`;
-    }, []);
-    const syncEventRows = useMemo(() => {
-        if (syncRecentEventsLoading && syncRecentEvents.length === 0) {
-            return [{
-                    key: 'loading',
-                    text: 'Loading recent sync events...',
-                    tone: 'muted'
-                }];
-        }
-        if (syncRecentEventsError) {
-            return [{
-                    key: 'error',
-                    text: syncRecentEventsError,
-                    tone: 'error'
-                }];
-        }
-        if (syncRecentEvents.length === 0) {
-            return [{
-                    key: 'empty',
-                    text: 'No recent sync events recorded.',
-                    tone: 'muted'
-                }];
-        }
-        return syncRecentEvents.map((event, index) => ({
-            key: getSyncEventStableKey(event, index),
-            text: formatSyncEventLine(event),
-            tone: event.status === 'error' ? 'error' : 'default'
-        }));
-    }, [formatSyncEventLine, syncRecentEvents, syncRecentEventsError, syncRecentEventsLoading]);
+    const syncEventRows = useMemo(() => buildSyncEventRows({
+        syncRecentEvents,
+        syncRecentEventsError,
+        syncRecentEventsLoading
+    }), [syncRecentEvents, syncRecentEventsError, syncRecentEventsLoading]);
     const referenceMismatchCount = useMemo(() => getActiveReferenceMismatchCount(syncRecentEvents), [syncRecentEvents]);
-    const activeReferenceMismatchEvents = useMemo(() => getActiveReferenceMismatchEvents(syncRecentEvents), [syncRecentEvents]);
-    const activeReferenceMismatchSummaries = useMemo(() => (activeReferenceMismatchEvents.map((event, index) => {
-        const details = event.details && typeof event.details === 'object' ? event.details : null;
-        const pathValue = String(details?.path || '').trim();
-        const referenceLabelValue = String(details?.referenceLabel || '').trim();
-        const taskTitleValue = String(details?.taskTitle || details?.existingTaskTitle || '').trim();
-        const existingRefValue = Number(details?.existingReferenceNumber);
-        const incomingRefValue = Number(details?.incomingReferenceNumber);
-        const pathLabel = pathValue || taskTitleValue || referenceLabelValue || `Mismatch ${index + 1}`;
-        const refsLabel = (Number.isFinite(existingRefValue)
-            || Number.isFinite(incomingRefValue))
-            ? `Existing ${Number.isFinite(existingRefValue) ? existingRefValue : '?'} vs incoming ${Number.isFinite(incomingRefValue) ? incomingRefValue : '?'}`
-            : referenceLabelValue
-                ? `Both claimed ${referenceLabelValue}`
-                : null;
-        return {
-            key: getSyncEventStableKey(event, index),
-            pathLabel,
-            refsLabel,
-        };
-    })), [activeReferenceMismatchEvents]);
-    useLayoutEffect(() => {
-        const pendingRestore = pendingSyncEventsScrollRestoreRef.current;
-        const listEl = syncEventsListRef.current;
-        if (!pendingRestore || !listEl)
-            return;
-        const delta = listEl.scrollHeight - pendingRestore.scrollHeight;
-        listEl.scrollTop = pendingRestore.scrollTop + Math.max(0, delta);
-        pendingSyncEventsScrollRestoreRef.current = null;
-    }, [syncRecentEvents]);
-    const loadRecentSyncEvents = useCallback(async () => {
-        const res = await fetch(`/api/taskforce/sync/events?workspace_id=${encodeURIComponent(currentWorkspaceId)}&limit=15`, {
-            method: 'GET',
-            credentials: 'include'
-        });
-        if (!res.ok) {
-            throw new Error(`Failed to load sync events (${res.status})`);
-        }
-        const data = await res.json().catch(() => ({}));
-        return Array.isArray(data?.events)
-            ? data.events.filter((event) => event && typeof event === 'object')
-            : [];
-    }, [currentWorkspaceId]);
-    useEffect(() => {
-        if (!showSyncStatusModal)
-            return;
-        let cancelled = false;
-        const isInitialLoad = syncRecentEvents.length === 0;
-        if (isInitialLoad) {
-            setSyncRecentEventsLoading(true);
-        }
-        void loadRecentSyncEvents()
-            .then((events) => {
-            if (cancelled)
-                return;
-            const listEl = syncEventsListRef.current;
-            pendingSyncEventsScrollRestoreRef.current = listEl && listEl.scrollTop > 8
-                ? {
-                    scrollTop: listEl.scrollTop,
-                    scrollHeight: listEl.scrollHeight
-                }
-                : null;
-            setSyncRecentEvents((current) => {
-                const next = current.length === 0 ? events : mergeRecentSyncEvents(current, events, 15);
-                return areSyncEventListsEqual(current, next) ? current : next;
-            });
-            setSyncRecentEventsError(null);
-        })
-            .catch((error) => {
-            if (cancelled)
-                return;
-            const message = error instanceof Error && error.message.trim().length > 0
-                ? error.message.trim()
-                : 'Unable to load recent sync events.';
-            setSyncRecentEventsError(message);
-            if (isInitialLoad) {
-                setSyncRecentEvents([]);
-            }
-        })
-            .finally(() => {
-            if (cancelled)
-                return;
-            if (isInitialLoad) {
-                setSyncRecentEventsLoading(false);
-            }
-        });
-        return () => {
-            cancelled = true;
-        };
-    }, [
-        showSyncStatusModal,
-        loadRecentSyncEvents,
-        syncRecentEvents.length,
-        workspaceLastPushAt,
-        workspaceLastPullAt,
-        workspaceLastErrorAt,
-        workspaceSyncStatus
-    ]);
-    const syncStatusMeta = useMemo(() => {
-        switch (headerSyncStatus) {
-            case 'off':
-                return {
-                    label: 'Off',
-                    icon: 'off',
-                    color: '#94a3b8',
-                    border: 'rgba(148, 163, 184, 0.35)',
-                    background: 'rgba(148, 163, 184, 0.12)'
-                };
-            case 'syncing':
-                return {
-                    label: 'Syncing',
-                    icon: 'cloud',
-                    color: '#60a5fa',
-                    border: 'rgba(96, 165, 250, 0.35)',
-                    background: 'rgba(59, 130, 246, 0.12)'
-                };
-            case 'attention':
-                return {
-                    label: 'Needs Attention',
-                    icon: 'cloud',
-                    color: '#fda4af',
-                    border: 'rgba(253, 164, 175, 0.4)',
-                    background: 'rgba(239, 68, 68, 0.12)'
-                };
-            default:
-                return {
-                    label: 'Healthy',
-                    icon: 'cloud',
-                    color: '#86efac',
-                    border: 'rgba(134, 239, 172, 0.4)',
-                    background: 'rgba(34, 197, 94, 0.12)'
-                };
-        }
-    }, [headerSyncStatus]);
-    const handleCopySyncDetails = useCallback(async () => {
-        const details = [
-            'Taskforce Sync Manager',
-            `Workspace ID: ${currentWorkspaceId}`,
-            `Status: ${syncStatusMeta.label}`,
-            `Summary: ${headerSyncPresentation.summary}`,
-            `Last successful sync: ${formattedLastSyncTime}`,
-            `Last pull from cloud: ${formattedLastPullTime}`,
-            `Last push to cloud: ${formattedLastPushTime}`,
-            `Last error at: ${workspaceSyncDiagnostics.lastErrorAt ? new Date(workspaceSyncDiagnostics.lastErrorAt).toLocaleString() : 'Never'}`,
-            `Pending local changes: ${workspaceSyncPendingChanges}`,
-            `Last error: ${syncLastError}`,
-            `Sync stage: ${syncStageLabel}`,
-            `AI profile snapshot: ${workspaceSyncDiagnostics.aiProfileSnapshotCount}`,
-            `AI profile raw response: ${workspaceSyncDiagnostics.aiProfileSnapshotRawCount}`,
-            `Last pushed AI profiles tracked: ${workspaceSyncDiagnostics.lastPushedAiProfileCount}`,
-            `AI profile watermarks tracked: ${workspaceSyncDiagnostics.lastPushedAiProfileWatermarkCount}`,
-            `AI snapshot last fetch: ${workspaceSyncDiagnostics.aiProfileSnapshotLastFetchAt ? new Date(workspaceSyncDiagnostics.aiProfileSnapshotLastFetchAt).toLocaleString() : 'Never'}`,
-            `AI snapshot fetch error: ${workspaceSyncDiagnostics.aiProfileSnapshotLastFetchError || 'None'}`,
-            `AI snapshot skip reason: ${workspaceSyncDiagnostics.aiProfileSnapshotLastSkipReason || 'None'}`,
-            `Document snapshot: ${workspaceSyncDiagnostics.documentSnapshotCount}`,
-            `Asset snapshot: ${workspaceSyncDiagnostics.assetSnapshotCount}`,
-            `Reference mismatches detected: ${referenceMismatchCount}`,
-            `Queued full AI sync: ${workspaceSyncDiagnostics.forceFullAiProfilePushQueued ? 'Yes' : 'No'}`
-        ];
-        try {
-            const events = syncRecentEvents.length > 0 ? syncRecentEvents : await loadRecentSyncEvents();
-            const recentEventLines = events.map((event) => formatSyncEventLine(event));
-            const copyText = [
-                ...details,
-                '',
-                'Recent sync events',
-                ...(recentEventLines.length > 0 ? recentEventLines : ['No recent sync events recorded.'])
-            ].join('\n');
-            await navigator.clipboard.writeText(copyText);
-            setWorkspaceSyncCopied(true);
-            window.setTimeout(() => {
-                setWorkspaceSyncCopied(false);
-            }, 1800);
-            pushNotice('Sync details copied to clipboard.', 'success');
-        }
-        catch {
-            setWorkspaceSyncCopied(false);
-            pushNotice('Failed to copy sync details.', 'error');
-        }
-    }, [
+    const activeReferenceMismatchSummaries = useMemo(() => buildReferenceMismatchSummaries(syncRecentEvents), [syncRecentEvents]);
+    const syncStatusMeta = useMemo(() => resolveSyncStatusMeta(headerSyncStatus), [headerSyncStatus]);
+    const { workspaceSyncRepairBusy, workspaceSyncRepairQueued, workspaceSyncCopied, handleCopySyncDetails, handleQueueOrRunRepairSync, } = useSyncStatusActions({
         currentWorkspaceId,
-        syncStatusMeta.label,
-        headerSyncPresentation.summary,
+        syncStatusLabel: syncStatusMeta.label,
+        workspaceSyncSummary: headerSyncPresentation.summary,
+        workspaceSyncRecommendedAction: headerSyncPresentation.recommendedAction,
         formattedLastSyncTime,
         formattedLastPullTime,
         formattedLastPushTime,
         workspaceSyncDiagnostics,
         workspaceSyncPendingChanges,
         syncLastError,
-        syncStageLabel,
+        workspaceSyncPhase,
         referenceMismatchCount,
-        pushNotice,
         syncRecentEvents,
         loadRecentSyncEvents,
-        formatSyncEventLine
-    ]);
-    const handleRepairSync = useCallback(async () => {
-        setWorkspaceSyncRepairQueued(false);
-        setWorkspaceSyncRepairBusy(true);
-        try {
-            await resetWorkspaceSyncCursorAndPull();
-        }
-        finally {
-            setWorkspaceSyncRepairBusy(false);
-        }
-    }, [resetWorkspaceSyncCursorAndPull]);
-    const handleQueueOrRunRepairSync = useCallback(() => {
-        if (workspaceSyncRepairBusy)
-            return;
-        if (workspaceSyncBusy) {
-            setWorkspaceSyncRepairQueued(true);
-            return;
-        }
-        void handleRepairSync();
-    }, [handleRepairSync, workspaceSyncBusy, workspaceSyncRepairBusy]);
-    useEffect(() => {
-        if (!workspaceSyncRepairQueued)
-            return;
-        if (workspaceSyncBusy || workspaceSyncRepairBusy)
-            return;
-        void handleRepairSync();
-    }, [handleRepairSync, workspaceSyncBusy, workspaceSyncRepairBusy, workspaceSyncRepairQueued]);
+        pushNotice,
+        resetWorkspaceSyncCursorAndPull,
+        workspaceSyncBusy,
+    });
+    const syncStageLabel = useMemo(() => resolveSyncStageLabel(workspaceSyncPhase, workspaceSyncRepairBusy, workspaceSyncBusy), [workspaceSyncBusy, workspaceSyncPhase, workspaceSyncRepairBusy]);
     const selectedDateObj = useMemo(() => parseDateOnlyLocal(scheduleSelectedDate) || new Date(), [scheduleSelectedDate]);
     const scheduleWeekStart = useMemo(() => startOfWeek(selectedDateObj, globalWeekStartsOn), [selectedDateObj, globalWeekStartsOn]);
     const scheduleDates = useMemo(() => {
@@ -2634,6 +2307,8 @@ export function StandaloneLayout(props) {
         setActiveTab('add');
     }, [props.workstreams, resetForm, setActiveTab, setActiveWorkspaceModule, setWorkstreamInput]);
     const openPlanningEditor = useCallback((editor) => {
+        planningEditorSubmitInFlightRef.current = false;
+        setIsSubmittingPlanningEditor(false);
         setPlanningEditor(editor);
         setPlanningPrimaryCollapsed(false);
         setPlanningSecondaryEditor(null);
@@ -2648,6 +2323,8 @@ export function StandaloneLayout(props) {
         setPlanningNestedWorkstreamDetailId(null);
     }, [planningStructure.initiativeById, selectedPlanningInitiativeId]);
     const openPlanningSecondaryEditor = useCallback((editor, initiativeId) => {
+        planningEditorSubmitInFlightRef.current = false;
+        setIsSubmittingPlanningEditor(false);
         setPlanningSecondaryEditor(editor);
         setPlanningSecondaryCollapsed(false);
         setPlanningDraftTitle('');
@@ -2661,6 +2338,8 @@ export function StandaloneLayout(props) {
         setPlanningNestedWorkstreamDetailId(null);
     }, [planningStructure.initiativeById, selectedPlanningInitiativeId]);
     const closePlanningEditor = useCallback(() => {
+        planningEditorSubmitInFlightRef.current = false;
+        setIsSubmittingPlanningEditor(false);
         setPlanningEditor(null);
         setPlanningDraftTitle('');
         setPlanningDraftDescription('');
@@ -2668,6 +2347,8 @@ export function StandaloneLayout(props) {
         setPlanningDraftInitiativeId('');
     }, []);
     const closePlanningSecondaryEditor = useCallback(() => {
+        planningEditorSubmitInFlightRef.current = false;
+        setIsSubmittingPlanningEditor(false);
         setPlanningSecondaryEditor(null);
         setPlanningDraftTitle('');
         setPlanningDraftDescription('');
@@ -2676,8 +2357,10 @@ export function StandaloneLayout(props) {
     }, []);
     const submitPlanningEditor = useCallback(async () => {
         const activeEditor = planningSecondaryEditor || planningEditor;
-        if (!activeEditor)
+        if (!activeEditor || planningEditorSubmitInFlightRef.current)
             return;
+        planningEditorSubmitInFlightRef.current = true;
+        setIsSubmittingPlanningEditor(true);
         const isSecondaryEditor = Boolean(planningSecondaryEditor);
         const ownerId = planningDraftOwner.trim() || null;
         try {
@@ -2751,6 +2434,10 @@ export function StandaloneLayout(props) {
         catch (error) {
             pushNotice(error instanceof Error ? error.message : 'Failed to save planning item.', 'error');
         }
+        finally {
+            planningEditorSubmitInFlightRef.current = false;
+            setIsSubmittingPlanningEditor(false);
+        }
     }, [
         closePlanningEditor,
         closePlanningSecondaryEditor,
@@ -2960,6 +2647,54 @@ export function StandaloneLayout(props) {
         }
         await handleAssignInitiativeToWorkstream(matchedWorkstream.id, formatInitiativeReference(initiative));
     }, [handleAssignInitiativeToWorkstream, planningStructure.initiativeById, props.workstreams, pushNotice]);
+    const getPlanningContextAttachmentDraft = useCallback((entityType, entityId) => {
+        const key = `${entityType}:${entityId}`;
+        const draft = planningContextAttachmentDraftsRef.current.get(key);
+        if (draft)
+            return draft;
+        const entity = entityType === 'initiative'
+            ? props.initiatives.find((initiative) => initiative.id === entityId)
+            : props.workstreams.find((workstream) => workstream.id === entityId);
+        return Array.isArray(entity?.attachments) ? entity.attachments : [];
+    }, [props.initiatives, props.workstreams]);
+    const updatePlanningContextAttachments = useCallback((entityType, entityId, nextAttachments) => {
+        const key = `${entityType}:${entityId}`;
+        planningContextAttachmentDraftsRef.current.set(key, nextAttachments);
+        const previousUpdate = planningContextAttachmentUpdateQueueRef.current.get(key) || Promise.resolve();
+        const nextUpdate = previousUpdate
+            .catch(() => undefined)
+            .then(() => (entityType === 'initiative'
+            ? props.updateInitiative(entityId, { attachments: nextAttachments })
+            : props.updateWorkstream(entityId, { attachments: nextAttachments })));
+        planningContextAttachmentUpdateQueueRef.current.set(key, nextUpdate);
+        void nextUpdate.catch((error) => {
+            pushNotice(error instanceof Error ? error.message : 'Failed to update planning context.', 'error');
+        }).finally(() => {
+            if (planningContextAttachmentUpdateQueueRef.current.get(key) === nextUpdate) {
+                planningContextAttachmentUpdateQueueRef.current.delete(key);
+            }
+        });
+    }, [props, pushNotice]);
+    const handleAddPlanningContextFile = useCallback((entityType, entityId, file) => {
+        const current = getPlanningContextAttachmentDraft(entityType, entityId);
+        updatePlanningContextAttachments(entityType, entityId, [...current, file]);
+    }, [getPlanningContextAttachmentDraft, updatePlanningContextAttachments]);
+    const handleRemovePlanningContextFile = useCallback((entityType, entityId, index) => {
+        const current = getPlanningContextAttachmentDraft(entityType, entityId);
+        updatePlanningContextAttachments(entityType, entityId, current.filter((_, i) => i !== index));
+    }, [getPlanningContextAttachmentDraft, updatePlanningContextAttachments]);
+    const handleUpdatePlanningContextCaption = useCallback((entityType, entityId, index, caption) => {
+        const current = getPlanningContextAttachmentDraft(entityType, entityId);
+        const nextAttachments = current.map((attachment, i) => {
+            if (i !== index)
+                return attachment;
+            if (typeof attachment === 'string') {
+                return { path: attachment, caption, timestamp: new Date().toISOString() };
+            }
+            return { ...attachment, caption };
+        });
+        updatePlanningContextAttachments(entityType, entityId, nextAttachments);
+    }, [getPlanningContextAttachmentDraft, updatePlanningContextAttachments]);
     const handleInitiativeFilterChange = useCallback((initiativeId) => {
         setSelectedPlanningInitiativeId(initiativeId);
         setSelectedPlanningWorkstreamId('');
@@ -3196,10 +2931,12 @@ export function StandaloneLayout(props) {
                             }, title: "Workspace Settings", "aria-label": "Workspace Settings", children: _jsx(Settings, { size: 18 }) })] })] }));
     }, [activeTab, handleModuleChange, handlePlanningToolToggle, planningDrawerOpen, resolvedWorkspaceModule, setSettingsSection, setActiveTab, workspaceToolModules]);
     const planningDrawerPortalRef = useRef(null);
-    const planningDrawerNode = (_jsx(PlanningDrawer, { open: planningDrawerOpen, leftOffset: WORKSPACE_TOOL_RAIL_WIDTH, initiatives: planningStructure.initiatives, standaloneWorkstreams: planningStructure.standaloneWorkstreams, activeInitiativeId: selectedPlanningInitiativeId, activeWorkstreamId: selectedPlanningWorkstreamId, expandedInitiativeIds: expandedPlanningInitiativeIds, detail: planningDrawerItem, editor: planningEditor, secondaryPane: planningSecondaryPane, assigneeOptions: assigneeOptions.map((option) => ({ value: String(option.value), label: option.label })), draftInitiativeSummary: planningDraftInitiativeSummary, draftTitle: planningDraftTitle, draftDescription: planningDraftDescription, draftOwner: planningDraftOwner, draftInitiativeId: planningDraftInitiativeId, onChangeDraftTitle: setPlanningDraftTitle, onChangeDraftDescription: setPlanningDraftDescription, onChangeDraftOwner: setPlanningDraftOwner, onChangeDraftInitiativeId: setPlanningDraftInitiativeId, onCollapseTreePane: () => setPlanningTreeCollapsed(true), onExpandTreePane: () => setPlanningTreeCollapsed(false), onCollapsePrimaryPane: () => setPlanningPrimaryCollapsed(true), onExpandPrimaryPane: () => setPlanningPrimaryCollapsed(false), onCollapseSecondaryPane: () => setPlanningSecondaryCollapsed(true), onExpandSecondaryPane: () => setPlanningSecondaryCollapsed(false), onBackFromSecondary: () => {
+    const planningDrawerNode = (_jsx(PlanningDrawer, { open: planningDrawerOpen, leftOffset: WORKSPACE_TOOL_RAIL_WIDTH, initiatives: planningStructure.initiatives, standaloneWorkstreams: planningStructure.standaloneWorkstreams, activeInitiativeId: selectedPlanningInitiativeId, activeWorkstreamId: selectedPlanningWorkstreamId, expandedInitiativeIds: expandedPlanningInitiativeIds, detail: planningDrawerItem, editor: planningEditor, secondaryPane: planningSecondaryPane, currentWorkspaceId: currentWorkspaceId, assigneeOptions: assigneeOptions.map((option) => ({ value: String(option.value), label: option.label })), draftInitiativeSummary: planningDraftInitiativeSummary, draftTitle: planningDraftTitle, draftDescription: planningDraftDescription, draftOwner: planningDraftOwner, draftInitiativeId: planningDraftInitiativeId, onChangeDraftTitle: setPlanningDraftTitle, onChangeDraftDescription: setPlanningDraftDescription, onChangeDraftOwner: setPlanningDraftOwner, onChangeDraftInitiativeId: setPlanningDraftInitiativeId, onCollapseTreePane: () => setPlanningTreeCollapsed(true), onExpandTreePane: () => setPlanningTreeCollapsed(false), onCollapsePrimaryPane: () => setPlanningPrimaryCollapsed(true), onExpandPrimaryPane: () => setPlanningPrimaryCollapsed(false), onCollapseSecondaryPane: () => setPlanningSecondaryCollapsed(true), onExpandSecondaryPane: () => setPlanningSecondaryCollapsed(false), onBackFromSecondary: () => {
+            planningEditorSubmitInFlightRef.current = false;
+            setIsSubmittingPlanningEditor(false);
             setPlanningSecondaryEditor(null);
             setPlanningNestedWorkstreamDetailId(null);
-        }, treeCollapsed: planningTreeCollapsed, primaryCollapsed: planningPrimaryCollapsed, secondaryCollapsed: planningSecondaryCollapsed, onCancelEditor: closePlanningEditor, onSubmitEditor: submitPlanningEditor, onCreateInitiative: () => openPlanningCreateEditor('initiative'), onCreateWorkstream: () => openPlanningCreateEditor('workstream'), onCreateTaskInWorkstream: openAddTaskModalForWorkstream, onCreateWorkstreamInInitiative: (initiativeId) => openPlanningCreateEditor('workstream', initiativeId), onAssignInitiativeToWorkstream: handleAssignInitiativeToWorkstream, onOpenTaskById: handleOpenTaskById, onAttachTaskToWorkstreamByReference: handleAttachTaskToWorkstreamByReference, onAttachWorkstreamToInitiativeByReference: handleAttachWorkstreamToInitiativeByReference, onToggleInitiative: togglePlanningInitiative, onSelectInitiative: selectPlanningInitiative, onSelectWorkstream: selectPlanningWorkstream, onOpenInitiativeDetails: openInitiativeDetails, onOpenWorkstreamDetails: openWorkstreamDetails, onOpenNestedWorkstreamDetails: openNestedWorkstreamDetails, onEditInitiative: (initiativeId) => openPlanningEditDialog('initiative', initiativeId), onEditWorkstream: (workstreamId) => openPlanningEditDialog('workstream', workstreamId), onArchiveInitiative: (initiativeId) => {
+        }, treeCollapsed: planningTreeCollapsed, primaryCollapsed: planningPrimaryCollapsed, secondaryCollapsed: planningSecondaryCollapsed, onCancelEditor: closePlanningEditor, onSubmitEditor: submitPlanningEditor, isSubmittingEditor: isSubmittingPlanningEditor, onCreateInitiative: () => openPlanningCreateEditor('initiative'), onCreateWorkstream: () => openPlanningCreateEditor('workstream'), onCreateTaskInWorkstream: openAddTaskModalForWorkstream, onCreateWorkstreamInInitiative: (initiativeId) => openPlanningCreateEditor('workstream', initiativeId), onAssignInitiativeToWorkstream: handleAssignInitiativeToWorkstream, onOpenTaskById: handleOpenTaskById, onAttachTaskToWorkstreamByReference: handleAttachTaskToWorkstreamByReference, onAttachWorkstreamToInitiativeByReference: handleAttachWorkstreamToInitiativeByReference, onAddPlanningContextFile: handleAddPlanningContextFile, onRemovePlanningContextFile: handleRemovePlanningContextFile, onUpdatePlanningContextCaption: handleUpdatePlanningContextCaption, onToggleInitiative: togglePlanningInitiative, onSelectInitiative: selectPlanningInitiative, onSelectWorkstream: selectPlanningWorkstream, onOpenInitiativeDetails: openInitiativeDetails, onOpenWorkstreamDetails: openWorkstreamDetails, onOpenNestedWorkstreamDetails: openNestedWorkstreamDetails, onEditInitiative: (initiativeId) => openPlanningEditDialog('initiative', initiativeId), onEditWorkstream: (workstreamId) => openPlanningEditDialog('workstream', workstreamId), onArchiveInitiative: (initiativeId) => {
             void props.archiveInitiative(initiativeId).then(() => {
                 pushNotice('Initiative archived', 'success');
             }).catch((error) => {
@@ -3234,7 +2971,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: "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: {
+    return (_jsxs("div", { className: `${shellStyles.standaloneWrapper} ${zenMode ? styles.zenModeEnabled : ''}`, "data-theme": currentTheme, children: [_jsx(AppShellHeader, { projectName: projectName, currentWorkspaceId: currentWorkspaceId, runtimeMode: runtimeMode, theme: currentTheme, meta: (_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: openSyncStatusModal, title: `Sync manager: ${syncStatusMeta.label} | Last success: ${formattedLastSyncTime}`, style: {
                                 marginLeft: '6px',
                                 height: '24px',
                                 width: '24px',
@@ -3246,10 +2983,25 @@ 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: () => { 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: () => {
+                            }, children: syncStatusMeta.icon === 'off' ? (_jsx(CloudOff, { size: 16 })) : (_jsx(Cloud, { size: 16 })) }))] })), actions: (_jsxs(_Fragment, { children: [isPlansScreen && (_jsxs(_Fragment, { children: [isAuthenticated && accountProfileSummary?.stripeCustomerId && (_jsx("button", { className: "tf-control-icon", onClick: () => { void handleOpenBillingPortal(); }, title: "Manage billing", disabled: billingActionBusy, children: "Manage billing" })), _jsx("button", { className: "tf-control-icon", onClick: () => {
+                                        if (hasActiveCommercialEntitlement) {
+                                            void handlePlansBack();
+                                            return;
+                                        }
+                                        closePlansScreen();
+                                    }, title: hasActiveCommercialEntitlement ? 'Continue to Taskforce' : 'Back', disabled: plansNavigationBusy, children: hasActiveCommercialEntitlement ? 'Take Me to Taskforce' : 'Back' })] })), !isPlansScreen && (_jsxs(_Fragment, { children: [workspaceHeaderSections, workspacePrimaryAction] })), _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',
+                    background: 'var(--surface-page)'
+                }, 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: {
+                            }, 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, cloudAuthConfigured: cloudAuthConfigured, authSessionResolved: authSessionResolved, isAuthenticated: isAuthenticated, cloudAiProfileSeatUsage: accountProfileSummary?.aiProfileSeatUsage ?? null }) })] })) : (_jsxs("div", { className: `${shellStyles.standalonePage} ${shellStyles.standaloneContent} `, style: {
                     position: 'relative',
                     opacity: props.loadingTasks ? 0.7 : 1,
                     transition: 'opacity 0.2s ease, padding 220ms cubic-bezier(0.4, 0, 0.2, 1)',
@@ -3265,7 +3017,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: 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) => {
+                        } }), _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, filtersReady: hasInitedFilters, 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) {
@@ -3376,11 +3128,15 @@ export function StandaloneLayout(props) {
                                 return;
                             }
                             void handleUnarchive(taskId);
-                        }, currentTask: currentTask })] }), _jsx(Modal, { isOpen: activeTab === 'settings', onClose: handleCloseModal, title: "Settings", size: "xl", theme: currentTheme, draggable: true, isSettings: true, closeOnOverlayClick: false, children: _jsx(Suspense, { fallback: _jsx("div", { style: { display: 'flex', alignItems: 'center', justifyContent: 'center', padding: '2rem' }, children: _jsx(Loader2, { size: 20, className: styles.spinner }) }), children: _jsx(TaskSettings, { settingsModel: settingsModel, onSectionChange: setSettingsSection }) }) }), _jsx(ScheduleWarningModal, { prompt: scheduleWarningPrompt, theme: currentTheme, onClose: cancelScheduleWarning, onConfirm: confirmScheduleWarning }), _jsx(HelpModal, { isOpen: showHelpModal, theme: currentTheme, onClose: () => setShowHelpModal(false), onOpenSettings: () => {
+                        }, currentTask: currentTask })] }), _jsx(Modal, { isOpen: activeTab === 'settings', onClose: handleCloseModal, title: "Settings", size: "xl", theme: currentTheme, draggable: true, isSettings: true, closeOnOverlayClick: false, children: _jsx(Suspense, { fallback: _jsx("div", { style: { display: 'flex', alignItems: 'center', justifyContent: 'center', padding: '2rem' }, children: _jsx(Loader2, { size: 20, className: styles.spinner }) }), children: _jsx(TaskSettings, { settingsModel: settingsModel, onSectionChange: setSettingsSection }) }) }), _jsx(ScheduleWarningModal, { prompt: scheduleWarningPrompt, theme: currentTheme, onClose: cancelScheduleWarning, onConfirm: confirmScheduleWarning }), _jsx(SyncEnableWarningModal, { isOpen: showSyncEnableWarning, theme: currentTheme, onClose: cancelSyncEnableWarning, onConfirm: confirmSyncEnableWarning }), _jsx(HelpModal, { isOpen: showHelpModal, theme: currentTheme, onClose: () => setShowHelpModal(false), onOpenSettings: () => {
                     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, accountProfileSummary: accountProfileSummary, 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, saveBusy: profileSaveBusy, avatarBusy: profileAvatarBusy, saveError: profileSaveError, saveNotice: profileSaveNotice, onDisplayNameChange: setProfileDisplayNameDraft, onOpenAvatarManager: () => {
+                    setProfileSaveError(null);
+                    setProfileSaveNotice(null);
+                    setShowAvatarPhotoManager(true);
+                } }), _jsx(AvatarImageManagerModal, { isOpen: showAvatarPhotoManager, theme: currentTheme, title: "Edit Profile Photo", currentImageUrl: profileAvatarDisplayUrl, fallbackInitial: accountBadgeInitial, accept: PROFILE_AVATAR_ACCEPT, busy: profileAvatarBusy, hasPendingImage: Boolean(profileAvatarDraftId), canRemove: Boolean(profileAvatarDisplayUrl), error: profileSaveError, notice: profileSaveNotice, onClose: () => setShowAvatarPhotoManager(false), onApplyImage: handleProfileAvatarSelected, onRemoveImage: handleRemoveProfileAvatar, onDiscardPendingImage: handleDiscardPendingProfileAvatar }), _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, cloudAuthEnabled: cloudAuthConfigured, availableAuthProviders: availableAuthProviders, onFetchLoginMethods: fetchLoginMethods, onUnlinkLoginMethod: unlinkLoginMethod, onAddPassword: addPasswordToAccount, onLinkProvider: (provider) => beginOAuthLink(provider), onClose: () => setShowAccountHub(false), onOpenWorkspaceAudit: () => {
                     setShowAccountHub(false);
                     void openTeamManagementModal();
                     setTeamManagementTab('audit');
@@ -3436,7 +3192,7 @@ export function StandaloneLayout(props) {
                         headers: teamAdminHeaders(),
                         credentials: 'include'
                     }));
-                }, onInviteEmailChange: setTeamInviteEmail, onInviteRoleChange: setTeamInviteRole, onInvitePermissionModeChange: setTeamInvitePermissionMode, onSubmitInvite: () => { void submitTeamInvite(); }, onLoadAuditPrevious: () => { void loadTeamAuditPage(teamAuditPage - 1); }, onLoadAuditNext: () => { void loadTeamAuditPage(teamAuditPage + 1); } }), _jsx(CreateWorkspaceConfirmModal, { isOpen: showCreateWorkspaceConfirm, theme: currentTheme, onClose: () => setShowCreateWorkspaceConfirm(false), onConfirm: () => openWorkspaceSetup({ intent: 'create-workspace' }) }), _jsx(SyncStatusModal, { isOpen: showSyncStatusModal, theme: currentTheme, currentWorkspaceLabel: currentWorkspaceLabel, syncStatusMeta: syncStatusMeta, workspaceCloudSyncEnabled: workspaceCloudSyncEnabled, syncControlBusy: syncControlBusy, canManageWorkspaceSync: canManageWorkspaceSync, workspaceSyncSummary: workspaceSyncSummary, workspaceSyncRepairBusy: workspaceSyncRepairBusy, referenceMismatchCount: referenceMismatchCount, syncStageLabel: syncStageLabel, workspaceSyncPendingChanges: workspaceSyncPendingChanges, formattedLastSyncTime: formattedLastSyncTime, formattedLastPullTime: formattedLastPullTime, formattedLastPushTime: formattedLastPushTime, syncLastError: syncLastError, workspaceSyncDiagnostics: workspaceSyncDiagnostics, activeReferenceMismatchSummaries: activeReferenceMismatchSummaries, syncDiagnosticsSummary: syncDiagnosticsSummary, syncEventRows: syncEventRows, syncEventsListRef: syncEventsListRef, workspaceSyncRepairQueued: workspaceSyncRepairQueued, workspaceSyncBusy: workspaceSyncBusy, workspaceSyncCopied: workspaceSyncCopied, runtimeMode: runtimeMode, isAuthenticated: isAuthenticated, onClose: () => setShowSyncStatusModal(false), onToggleWorkspaceSync: (enabled) => {
+                }, onInviteEmailChange: setTeamInviteEmail, onInviteRoleChange: setTeamInviteRole, onInvitePermissionModeChange: setTeamInvitePermissionMode, onSubmitInvite: () => { void submitTeamInvite(); }, onLoadAuditPrevious: () => { void loadTeamAuditPage(teamAuditPage - 1); }, onLoadAuditNext: () => { void loadTeamAuditPage(teamAuditPage + 1); } }), _jsx(CreateWorkspaceConfirmModal, { isOpen: showCreateWorkspaceConfirm, theme: currentTheme, onClose: () => setShowCreateWorkspaceConfirm(false), onConfirm: () => openWorkspaceSetup({ intent: 'create-workspace' }) }), _jsx(SyncStatusModal, { isOpen: showSyncStatusModal, theme: currentTheme, currentWorkspaceLabel: currentWorkspaceLabel, syncStatusMeta: syncStatusMeta, workspaceCloudSyncEnabled: workspaceCloudSyncEnabled, syncControlBusy: syncControlBusy, canManageWorkspaceSync: canManageWorkspaceSync, workspaceSyncSummary: headerSyncPresentation.summary, workspaceSyncRecommendedAction: headerSyncPresentation.recommendedAction, workspaceSyncRepairBusy: workspaceSyncRepairBusy, referenceMismatchCount: referenceMismatchCount, syncStageLabel: syncStageLabel, workspaceSyncPendingChanges: workspaceSyncPendingChanges, formattedLastSyncTime: formattedLastSyncTime, formattedLastPullTime: formattedLastPullTime, formattedLastPushTime: formattedLastPushTime, syncLastError: syncLastError, workspaceSyncDiagnostics: workspaceSyncDiagnostics, activeReferenceMismatchSummaries: activeReferenceMismatchSummaries, syncDiagnosticsSummary: syncDiagnosticsSummary, syncEventRows: syncEventRows, syncEventsListRef: syncEventsListRef, workspaceSyncRepairQueued: workspaceSyncRepairQueued, workspaceSyncBusy: workspaceSyncBusy, workspaceSyncCopied: workspaceSyncCopied, runtimeMode: runtimeMode, isAuthenticated: isAuthenticated, onClose: closeSyncStatusModal, onToggleWorkspaceSync: (enabled) => {
                     void handleWorkspaceSyncToggle(enabled);
                 }, onRepairSync: handleQueueOrRunRepairSync, onCopyReport: () => { void handleCopySyncDetails(); }, onOpenLogin: () => {
                     openSharedLoginRoute('login');