@taskforcehq/taskforce 0.3.326 → 0.3.328

package/dist/components/views/planningScope.js

@@ -13,7 +13,13 @@ export function scopePlanningSummaries(initiatives, workstreams, taskScope) {
     const visibleInitiatives = taskScope === 'deleted'
         ? []
         : initiatives
-            .filter((initiative) => isPlanningEntityVisibleForScope(taskScope, Boolean(initiative.isArchived)))
+            .filter((initiative) => {
+            if (isPlanningEntityVisibleForScope(taskScope, Boolean(initiative.isArchived)))
+                return true;
+            if (taskScope !== 'archived')
+                return false;
+            return scopedWorkstreams.some((workstream) => workstream.initiativeId === initiative.id);
+        })
             .map((initiative) => ({
             ...initiative,
             workstreams: scopedWorkstreams.filter((workstream) => workstream.initiativeId === initiative.id),

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

@@ -0,0 +1,62 @@
+import type { AccountProfileSummary } from '../../../../utils/accountProfileSummaryCache';
+import type { ModalThemeName } from './types';
+interface LoginMethod {
+    provider: string;
+    providerEmail: string | null;
+    displayNameSnapshot: string | null;
+    linkedAt: string | null;
+    lastLoginAt: string | null;
+}
+interface AccountSettingsModalProps {
+    isOpen: boolean;
+    theme: ModalThemeName;
+    displayName: string;
+    email: string;
+    avatarDisplayUrl: string;
+    accountBadgeInitial: string;
+    profileSaveBusy: boolean;
+    profileAvatarBusy: boolean;
+    profileSaveError: string | null;
+    profileSaveNotice: string | null;
+    cloudAuthEnabled: boolean;
+    availableAuthProviders: string[];
+    billingLoading: boolean;
+    billingError: string | null;
+    billingActionError: string | null;
+    billingNotice: string | null;
+    billingActionBusy: boolean;
+    billingIntervalChoice: 'month' | 'year';
+    accountProfileSummary: AccountProfileSummary | null;
+    onClose: () => void;
+    onSaveProfile: () => void;
+    onDisplayNameChange: (value: string) => void;
+    onOpenAvatarManager: () => void;
+    onFetchLoginMethods: () => Promise<{
+        success: boolean;
+        error?: string;
+        methods?: LoginMethod[];
+    }>;
+    onUnlinkLoginMethod: (provider: string) => Promise<{
+        success: boolean;
+        error?: string;
+        code?: string;
+    }>;
+    onAddPassword: (password: string) => Promise<{
+        success: boolean;
+        error?: string;
+        code?: string;
+    }>;
+    onChangePassword: (currentPassword: string, newPassword: string) => Promise<{
+        success: boolean;
+        error?: string;
+        code?: string;
+    }>;
+    onLinkProvider: (provider: string) => void;
+    onBillingIntervalChange: (value: 'month' | 'year') => void;
+    onRefreshBilling: () => void;
+    onUpdateInterval: () => void;
+    onManageBilling: () => void;
+    onOpenPlans: () => void;
+}
+export declare function AccountSettingsModal({ isOpen, theme, displayName, email, avatarDisplayUrl, accountBadgeInitial, profileSaveBusy, profileAvatarBusy, profileSaveError, profileSaveNotice, cloudAuthEnabled, availableAuthProviders, billingLoading, billingError, billingActionError, billingNotice, billingActionBusy, billingIntervalChoice, accountProfileSummary, onClose, onSaveProfile, onDisplayNameChange, onOpenAvatarManager, onFetchLoginMethods, onUnlinkLoginMethod, onAddPassword, onChangePassword, onLinkProvider, onBillingIntervalChange, onRefreshBilling, onUpdateInterval, onManageBilling, onOpenPlans, }: AccountSettingsModalProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,197 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from 'react';
+import { CreditCard, KeyRound, Link2, RefreshCw, ShieldCheck, User } from 'lucide-react';
+import { Modal } from '../../../ui/Modal';
+import { EditableAvatarButton } from '../../../ui/EditableAvatarButton';
+import modalStyles from '../../../ui/Modal.module.css';
+import accountStyles from '../../StandaloneAccount.module.css';
+import styles from '../../../../Taskforce.module.css';
+import settingsStyles from './AccountSettingsModal.module.css';
+import { resolveCommercialLifecyclePresentation } from '../../../../utils/commercialLifecyclePresentation';
+import { getPasswordPolicyGuidance, validatePasswordPolicy } from '../../../../shared/passwordPolicy';
+const PROVIDER_LABELS = {
+    password: 'Email & Password',
+    google: 'Google',
+    github: 'GitHub',
+    apple: 'Apple',
+};
+const SECTION_META = [
+    { id: 'profile', label: 'Profile', icon: User },
+    { id: 'security', label: 'Sign-in & Security', icon: ShieldCheck },
+    { id: 'billing', label: 'Plan & Billing', icon: CreditCard },
+];
+function formatStatusLabel(value) {
+    const normalized = String(value || '').trim();
+    if (!normalized)
+        return 'Not available';
+    return normalized
+        .replace(/[_-]+/g, ' ')
+        .replace(/\b\w/g, (character) => character.toUpperCase());
+}
+export function AccountSettingsModal({ isOpen, theme, displayName, email, avatarDisplayUrl, accountBadgeInitial, profileSaveBusy, profileAvatarBusy, profileSaveError, profileSaveNotice, cloudAuthEnabled, availableAuthProviders, billingLoading, billingError, billingActionError, billingNotice, billingActionBusy, billingIntervalChoice, accountProfileSummary, onClose, onSaveProfile, onDisplayNameChange, onOpenAvatarManager, onFetchLoginMethods, onUnlinkLoginMethod, onAddPassword, onChangePassword, onLinkProvider, onBillingIntervalChange, onRefreshBilling, onUpdateInterval, onManageBilling, onOpenPlans, }) {
+    const [activeSection, setActiveSection] = useState('profile');
+    const [loginMethods, setLoginMethods] = useState([]);
+    const [loginMethodsLoading, setLoginMethodsLoading] = useState(false);
+    const [loginMethodsError, setLoginMethodsError] = useState(null);
+    const [unlinkBusy, setUnlinkBusy] = useState(null);
+    const [unlinkError, setUnlinkError] = useState(null);
+    const [showAddPassword, setShowAddPassword] = useState(false);
+    const [addPasswordValue, setAddPasswordValue] = useState('');
+    const [addPasswordBusy, setAddPasswordBusy] = useState(false);
+    const [addPasswordError, setAddPasswordError] = useState(null);
+    const [addPasswordDone, setAddPasswordDone] = useState(false);
+    const [showChangePassword, setShowChangePassword] = useState(false);
+    const [currentPasswordValue, setCurrentPasswordValue] = useState('');
+    const [newPasswordValue, setNewPasswordValue] = useState('');
+    const [confirmPasswordValue, setConfirmPasswordValue] = useState('');
+    const [changePasswordBusy, setChangePasswordBusy] = useState(false);
+    const [changePasswordError, setChangePasswordError] = useState(null);
+    const [changePasswordDone, setChangePasswordDone] = useState(false);
+    const lifecyclePresentation = resolveCommercialLifecyclePresentation(accountProfileSummary);
+    const addPasswordGuidance = getPasswordPolicyGuidance();
+    const resolvedPlanLabel = String(accountProfileSummary?.planName || accountProfileSummary?.planId || 'No plan selected').trim() || 'No plan selected';
+    const linkedProviders = new Set(loginMethods.map((method) => method.provider));
+    const hasPassword = linkedProviders.has('password');
+    const linkableProviders = availableAuthProviders.filter((provider) => provider !== 'password' && !linkedProviders.has(provider));
+    useEffect(() => {
+        if (!isOpen)
+            return;
+        setActiveSection('profile');
+        setUnlinkError(null);
+        setShowAddPassword(false);
+        setAddPasswordValue('');
+        setAddPasswordError(null);
+        setAddPasswordDone(false);
+        setShowChangePassword(false);
+        setCurrentPasswordValue('');
+        setNewPasswordValue('');
+        setConfirmPasswordValue('');
+        setChangePasswordError(null);
+        setChangePasswordDone(false);
+    }, [isOpen]);
+    useEffect(() => {
+        if (activeSection === 'security')
+            return;
+        setShowChangePassword(false);
+        setCurrentPasswordValue('');
+        setNewPasswordValue('');
+        setConfirmPasswordValue('');
+        setChangePasswordError(null);
+    }, [activeSection]);
+    useEffect(() => {
+        if (!isOpen || activeSection !== 'security' || !cloudAuthEnabled)
+            return;
+        let cancelled = false;
+        setLoginMethodsLoading(true);
+        setLoginMethodsError(null);
+        void onFetchLoginMethods().then((result) => {
+            if (cancelled)
+                return;
+            setLoginMethodsLoading(false);
+            if (result.success && result.methods) {
+                setLoginMethods(result.methods);
+            }
+            else {
+                setLoginMethodsError(result.error || 'Failed to load login methods.');
+            }
+        });
+        return () => {
+            cancelled = true;
+        };
+    }, [activeSection, cloudAuthEnabled, isOpen, onFetchLoginMethods]);
+    const handleUnlink = async (provider) => {
+        setUnlinkBusy(provider);
+        setUnlinkError(null);
+        const result = await onUnlinkLoginMethod(provider);
+        setUnlinkBusy(null);
+        if (!result.success) {
+            setUnlinkError(result.error || 'Unable to remove this login method.');
+            return;
+        }
+        setLoginMethods((current) => current.filter((method) => method.provider !== provider));
+    };
+    const handleAddPassword = async () => {
+        const validation = validatePasswordPolicy(addPasswordValue, { email, displayName });
+        if (!validation.ok) {
+            setAddPasswordError(validation.message || 'Password does not meet the password policy.');
+            return;
+        }
+        setAddPasswordBusy(true);
+        setAddPasswordError(null);
+        const result = await onAddPassword(addPasswordValue);
+        setAddPasswordBusy(false);
+        if (!result.success) {
+            setAddPasswordError(result.code === 'IDENTITY_ALREADY_EXISTS'
+                ? 'A password login already exists. Use Forgot Password from sign-in to recover it.'
+                : (result.error || 'Failed to add password.'));
+            return;
+        }
+        setAddPasswordDone(true);
+        setAddPasswordValue('');
+        setShowAddPassword(false);
+        const updated = await onFetchLoginMethods();
+        if (updated.success && updated.methods)
+            setLoginMethods(updated.methods);
+    };
+    const handleChangePassword = async () => {
+        if (newPasswordValue !== confirmPasswordValue) {
+            setChangePasswordError('New passwords do not match.');
+            return;
+        }
+        const validation = validatePasswordPolicy(newPasswordValue, { email, displayName });
+        if (!validation.ok) {
+            setChangePasswordError(validation.message || 'Password does not meet the password policy.');
+            return;
+        }
+        setChangePasswordBusy(true);
+        setChangePasswordError(null);
+        setChangePasswordDone(false);
+        const result = await onChangePassword(currentPasswordValue, newPasswordValue);
+        setChangePasswordBusy(false);
+        if (!result.success) {
+            setChangePasswordError(result.error || 'Failed to change password.');
+            return;
+        }
+        setCurrentPasswordValue('');
+        setNewPasswordValue('');
+        setConfirmPasswordValue('');
+        setShowChangePassword(false);
+        setChangePasswordDone(true);
+        const updated = await onFetchLoginMethods();
+        if (updated.success && updated.methods)
+            setLoginMethods(updated.methods);
+    };
+    const handlePrimaryBillingAction = () => {
+        if (lifecyclePresentation.primaryAction === 'manage_billing') {
+            onManageBilling();
+            return;
+        }
+        onOpenPlans();
+    };
+    const renderProfileSection = () => (_jsxs("section", { className: settingsStyles.section, "aria-labelledby": "account-profile-heading", children: [_jsx("div", { className: settingsStyles.sectionHeader, children: _jsxs("div", { children: [_jsx("h2", { className: "tf-heading-card", id: "account-profile-heading", children: "Profile" }), _jsx("p", { className: "tf-text-secondary", children: "Manage how you appear across Taskforce." })] }) }), _jsxs("div", { className: `${settingsStyles.sectionCard} tf-surface-panel`, children: [_jsxs("div", { className: accountStyles.profileEditLayout, children: [_jsx("div", { className: accountStyles.profileAvatarEditor, children: _jsx(EditableAvatarButton, { label: "Edit profile photo", imageUrl: avatarDisplayUrl, fallback: accountBadgeInitial, disabled: profileSaveBusy || profileAvatarBusy, onClick: onOpenAvatarManager }) }), _jsxs("div", { className: accountStyles.profileFieldStack, children: [_jsxs("label", { className: accountStyles.profileFieldLabel, children: [_jsx("span", { children: "Display name" }), _jsx("input", { className: styles.input, type: "text", value: displayName, onChange: (event) => onDisplayNameChange(event.target.value), placeholder: "Display name", disabled: profileSaveBusy })] }), _jsxs("label", { className: accountStyles.profileFieldLabel, children: [_jsx("span", { children: "Email" }), _jsx("input", { className: styles.input, type: "email", value: email, readOnly: true, disabled: true })] })] })] }), profileSaveError && (_jsx("p", { className: "tf-text-error", role: "alert", children: profileSaveError })), profileSaveNotice && !profileSaveError && (_jsx("p", { className: "tf-text-secondary", role: "status", children: profileSaveNotice })), _jsx("div", { className: settingsStyles.sectionActions, children: _jsx("button", { type: "button", className: "tf-button-primary tf-button-compact", onClick: onSaveProfile, disabled: profileSaveBusy || profileAvatarBusy || !displayName.trim(), children: profileSaveBusy ? 'Saving…' : 'Save profile' }) })] })] }));
+    const renderSecuritySection = () => (_jsxs("section", { className: settingsStyles.section, "aria-labelledby": "account-security-heading", children: [_jsx("div", { className: settingsStyles.sectionHeader, children: _jsxs("div", { children: [_jsx("h2", { className: "tf-heading-card", id: "account-security-heading", children: "Sign-in & Security" }), _jsx("p", { className: "tf-text-secondary", children: "Manage the methods you use to sign in to your account." })] }) }), _jsxs("div", { className: `${settingsStyles.sectionCard} tf-surface-panel`, children: [_jsx("div", { className: settingsStyles.cardHeader, children: _jsxs("div", { children: [_jsx("h3", { className: "tf-heading-card", children: "Login methods" }), _jsx("p", { className: "tf-text-secondary", children: "Keep at least one sign-in method connected." })] }) }), loginMethodsLoading && _jsx("p", { className: "tf-text-secondary", children: "Loading login methods\u2026" }), loginMethodsError && _jsx("p", { className: "tf-text-error", role: "alert", children: loginMethodsError }), unlinkError && _jsx("p", { className: "tf-text-error", role: "alert", children: unlinkError }), addPasswordDone && _jsx("p", { className: "tf-text-secondary", role: "status", children: "Password login added." }), changePasswordDone && _jsx("p", { className: "tf-text-secondary", role: "status", children: "Password changed." }), !loginMethodsLoading && loginMethods.length > 0 && (_jsx("div", { className: settingsStyles.loginMethodList, children: loginMethods.map((method) => (_jsxs("div", { className: settingsStyles.loginMethodRow, children: [_jsx("span", { className: settingsStyles.loginMethodIcon, "aria-hidden": "true", children: method.provider === 'password' ? _jsx(KeyRound, { size: 16 }) : _jsx(Link2, { size: 16 }) }), _jsxs("span", { className: settingsStyles.loginMethodCopy, children: [_jsx("strong", { children: PROVIDER_LABELS[method.provider] || method.provider }), method.providerEmail && _jsx("span", { children: method.providerEmail })] }), loginMethods.length > 1 && (_jsx("button", { type: "button", className: "tf-button-ghost tf-button-compact", disabled: unlinkBusy === method.provider, onClick: () => { void handleUnlink(method.provider); }, children: unlinkBusy === method.provider ? 'Removing…' : 'Remove' }))] }, method.provider))) })), !loginMethodsLoading && !loginMethodsError && hasPassword && !showChangePassword && (_jsx("div", { className: settingsStyles.sectionActions, children: _jsx("button", { type: "button", className: "tf-button-secondary tf-button-compact", onClick: () => {
+                                setShowChangePassword(true);
+                                setChangePasswordDone(false);
+                                setChangePasswordError(null);
+                            }, children: "Change password" }) })), showChangePassword && (_jsxs("div", { className: settingsStyles.addPasswordForm, children: [_jsxs("label", { className: settingsStyles.fieldLabel, children: [_jsx("span", { children: "Current password" }), _jsx("input", { type: "password", className: styles.input, value: currentPasswordValue, onChange: (event) => setCurrentPasswordValue(event.target.value), disabled: changePasswordBusy, autoComplete: "current-password" })] }), _jsxs("label", { className: settingsStyles.fieldLabel, children: [_jsx("span", { children: "New password" }), _jsx("input", { type: "password", className: styles.input, value: newPasswordValue, onChange: (event) => setNewPasswordValue(event.target.value), disabled: changePasswordBusy, autoComplete: "new-password" })] }), _jsxs("label", { className: settingsStyles.fieldLabel, children: [_jsx("span", { children: "Confirm new password" }), _jsx("input", { type: "password", className: styles.input, value: confirmPasswordValue, onChange: (event) => setConfirmPasswordValue(event.target.value), disabled: changePasswordBusy, autoComplete: "new-password" })] }), _jsx("p", { className: "tf-text-helper", children: addPasswordGuidance.join(' ') }), changePasswordError && _jsx("p", { className: "tf-text-error", role: "alert", children: changePasswordError }), _jsxs("div", { className: settingsStyles.inlineActions, children: [_jsx("button", { type: "button", className: "tf-button-secondary tf-button-compact", onClick: () => {
+                                            setShowChangePassword(false);
+                                            setCurrentPasswordValue('');
+                                            setNewPasswordValue('');
+                                            setConfirmPasswordValue('');
+                                            setChangePasswordError(null);
+                                        }, disabled: changePasswordBusy, children: "Cancel" }), _jsx("button", { type: "button", className: "tf-button-primary tf-button-compact", onClick: () => { void handleChangePassword(); }, disabled: changePasswordBusy || !currentPasswordValue || !newPasswordValue || !confirmPasswordValue, children: changePasswordBusy ? 'Changing…' : 'Change password' })] })] })), !loginMethodsLoading && !loginMethodsError && !hasPassword && !showAddPassword && (_jsx("div", { className: settingsStyles.sectionActions, children: _jsx("button", { type: "button", className: "tf-button-secondary tf-button-compact", onClick: () => {
+                                setShowAddPassword(true);
+                                setAddPasswordDone(false);
+                                setAddPasswordError(null);
+                            }, children: "Add password login" }) })), showAddPassword && (_jsxs("div", { className: settingsStyles.addPasswordForm, children: [_jsxs("label", { className: settingsStyles.fieldLabel, children: [_jsx("span", { children: "New password" }), _jsx("input", { type: "password", className: styles.input, placeholder: "Use 12+ characters", value: addPasswordValue, onChange: (event) => setAddPasswordValue(event.target.value), disabled: addPasswordBusy, autoComplete: "new-password" })] }), _jsx("p", { className: "tf-text-helper", children: addPasswordGuidance.join(' ') }), addPasswordError && _jsx("p", { className: "tf-text-error", role: "alert", children: addPasswordError }), _jsxs("div", { className: settingsStyles.inlineActions, children: [_jsx("button", { type: "button", className: "tf-button-secondary tf-button-compact", onClick: () => {
+                                            setShowAddPassword(false);
+                                            setAddPasswordValue('');
+                                            setAddPasswordError(null);
+                                        }, disabled: addPasswordBusy, children: "Cancel" }), _jsx("button", { type: "button", className: "tf-button-primary tf-button-compact", onClick: () => { void handleAddPassword(); }, disabled: addPasswordBusy || !addPasswordValue, children: addPasswordBusy ? 'Saving…' : 'Save password' })] })] })), !loginMethodsLoading && !loginMethodsError && linkableProviders.length > 0 && (_jsxs("div", { className: settingsStyles.linkProviderBlock, children: [_jsx("p", { className: "tf-label-micro", children: "Link another account" }), _jsx("div", { className: settingsStyles.inlineActions, children: linkableProviders.map((provider) => (_jsxs("button", { type: "button", className: "tf-button-secondary tf-button-compact", onClick: () => onLinkProvider(provider), children: [_jsx(Link2, { size: 15 }), PROVIDER_LABELS[provider] || provider] }, provider))) })] }))] })] }));
+    const renderBillingSection = () => (_jsxs("section", { className: settingsStyles.section, "aria-labelledby": "account-billing-heading", children: [_jsxs("div", { className: settingsStyles.sectionHeader, children: [_jsxs("div", { children: [_jsx("h2", { className: "tf-heading-card", id: "account-billing-heading", children: "Plan & Billing" }), _jsx("p", { className: "tf-text-secondary", children: "Review your plan and open the secure billing portal." })] }), _jsxs("button", { type: "button", className: "tf-button-ghost tf-button-compact", onClick: onRefreshBilling, disabled: billingActionBusy || billingLoading, children: [_jsx(RefreshCw, { size: 14 }), "Refresh"] })] }), _jsxs("div", { className: `${settingsStyles.sectionCard} tf-surface-panel`, children: [billingLoading && _jsx("p", { className: "tf-text-secondary", children: "Loading billing status\u2026" }), billingError && _jsx("p", { className: "tf-text-error", role: "alert", children: billingError }), billingActionError && _jsx("p", { className: "tf-text-error", role: "alert", children: billingActionError }), billingNotice && _jsx("p", { className: "tf-text-secondary", role: "status", children: billingNotice }), _jsxs("div", { className: settingsStyles.planSummary, children: [_jsxs("div", { children: [_jsx("p", { className: "tf-label-micro", children: "Current plan" }), _jsx("strong", { className: settingsStyles.planName, children: resolvedPlanLabel })] }), _jsx("span", { className: `tf-chip ${lifecyclePresentation.isActive ? 'tf-chip-success' : 'tf-chip-neutral'}`, children: formatStatusLabel(accountProfileSummary?.entitlementState) })] }), lifecyclePresentation.message && (_jsx("p", { className: lifecyclePresentation.statusTone === 'error' ? 'tf-text-error' : 'tf-text-secondary', children: lifecyclePresentation.message })), accountProfileSummary?.stripeSubscriptionId && (_jsxs("div", { className: settingsStyles.intervalRow, children: [_jsxs("label", { className: settingsStyles.fieldLabel, children: [_jsx("span", { children: "Billing interval" }), _jsxs("select", { className: styles.input, value: billingIntervalChoice, onChange: (event) => onBillingIntervalChange(event.target.value === 'year' ? 'year' : 'month'), disabled: billingActionBusy, children: [_jsx("option", { value: "month", children: "Monthly" }), _jsx("option", { value: "year", children: "Yearly" })] })] }), _jsx("button", { type: "button", className: "tf-button-secondary tf-button-compact", onClick: onUpdateInterval, disabled: billingActionBusy, children: "Update interval" })] })), _jsxs("div", { className: settingsStyles.sectionActions, children: [(lifecyclePresentation.primaryAction === 'manage_billing' || lifecyclePresentation.primaryAction === 'none') && (_jsx("button", { type: "button", className: "tf-button-secondary tf-button-compact", onClick: onOpenPlans, disabled: billingActionBusy, children: "View plans" })), lifecyclePresentation.showManageBilling && lifecyclePresentation.primaryAction !== 'manage_billing' && (_jsx("button", { type: "button", className: "tf-button-secondary tf-button-compact", onClick: onManageBilling, disabled: billingActionBusy, children: "Manage billing" })), lifecyclePresentation.primaryLabel && (_jsx("button", { type: "button", className: "tf-button-primary tf-button-compact", onClick: handlePrimaryBillingAction, disabled: billingActionBusy, children: billingActionBusy ? 'Working…' : lifecyclePresentation.primaryLabel }))] })] })] }));
+    return (_jsx(Modal, { isOpen: isOpen, onClose: onClose, title: "Account Settings", size: "mdWide", theme: theme, draggable: true, children: _jsx("div", { className: `${modalStyles.form} ${settingsStyles.modalBody}`, children: _jsxs("div", { className: settingsStyles.layout, children: [_jsx("div", { className: settingsStyles.sectionTabs, role: "tablist", "aria-label": "Account settings sections", "aria-orientation": "vertical", children: SECTION_META.map((section) => {
+                            const Icon = section.icon;
+                            const selected = section.id === activeSection;
+                            return (_jsxs("button", { type: "button", role: "tab", id: `account-settings-tab-${section.id}`, "aria-controls": `account-settings-panel-${section.id}`, "aria-selected": selected, className: settingsStyles.sectionTab, onClick: () => setActiveSection(section.id), children: [_jsx(Icon, { size: 16 }), _jsx("span", { children: section.label })] }, section.id));
+                        }) }), _jsxs("div", { className: settingsStyles.sectionPanel, role: "tabpanel", id: `account-settings-panel-${activeSection}`, "aria-labelledby": `account-settings-tab-${activeSection}`, children: [activeSection === 'profile' && renderProfileSection(), activeSection === 'security' && renderSecuritySection(), activeSection === 'billing' && renderBillingSection()] })] }) }) }));
+}

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

@@ -8,13 +8,18 @@ export interface AvatarImageManagerModalProps {
     fallbackInitial: string;
     accept: string;
     busy: boolean;
+    generating?: boolean;
+    generateLabel?: string;
     hasPendingImage: boolean;
     canRemove: boolean;
     error: string | null;
     notice: string | null;
     onClose: () => void;
-    onApplyImage: (file: File, sourceFile?: File | null) => Promise<boolean> | boolean;
+    onApplyImage: (file: File, sourceFile?: File | null, options?: {
+        preserveExistingSource?: boolean;
+    }) => Promise<boolean> | boolean;
+    onGenerateImage?: () => Promise<boolean> | boolean;
     onRemoveImage?: () => void;
     onDiscardPendingImage?: () => void;
 }
-export declare function AvatarImageManagerModal({ isOpen, theme, title, currentImageUrl, editorImageUrl: editorImageUrlProp, fallbackInitial, accept, busy, hasPendingImage, canRemove, error, notice, onClose, onApplyImage, onRemoveImage, onDiscardPendingImage, }: AvatarImageManagerModalProps): import("react/jsx-runtime").JSX.Element;
+export declare function AvatarImageManagerModal({ isOpen, theme, title, currentImageUrl, editorImageUrl: editorImageUrlProp, fallbackInitial, accept, busy, generating, generateLabel, hasPendingImage, canRemove, error, notice, onClose, onApplyImage, onGenerateImage, onRemoveImage, onDiscardPendingImage, }: AvatarImageManagerModalProps): import("react/jsx-runtime").JSX.Element;

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

@@ -1,7 +1,7 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import AvatarEditor from 'react-avatar-editor';
-import { ImagePlus, RotateCcw, Trash2 } from 'lucide-react';
+import { ImagePlus, Loader2, RotateCcw, Sparkles, Trash2 } from 'lucide-react';
 import { Modal } from '../../../ui/Modal';
 import styles from '../../../../Taskforce.module.css';
 import avatarStyles from './AvatarImageManagerModal.module.css';
@@ -42,12 +42,15 @@ async function exportAvatarEditorFile(editor, sourceName) {
         lastModified: Date.now()
     });
 }
-export function AvatarImageManagerModal({ isOpen, theme, title = 'Edit Photo', currentImageUrl, editorImageUrl: editorImageUrlProp = '', fallbackInitial, accept, busy, hasPendingImage, canRemove, error, notice, onClose, onApplyImage, onRemoveImage, onDiscardPendingImage, }) {
+export function AvatarImageManagerModal({ isOpen, theme, title = 'Edit Photo', currentImageUrl, editorImageUrl: editorImageUrlProp = '', fallbackInitial, accept, busy, generating = false, generateLabel = 'Generate', hasPendingImage, canRemove, error, notice, onClose, onApplyImage, onGenerateImage, onRemoveImage, onDiscardPendingImage, }) {
     const editorRef = useRef(null);
     const fileInputRef = useRef(null);
+    const generationPendingRef = useRef(false);
+    const editorInteractionStartedRef = useRef(false);
     const [selectedFile, setSelectedFile] = useState(null);
     const [selectedObjectUrl, setSelectedObjectUrl] = useState('');
     const [scale, setScale] = useState(1.1);
+    const [editorDirty, setEditorDirty] = useState(false);
     const [localError, setLocalError] = useState(null);
     const [localNotice, setLocalNotice] = useState(null);
     useEffect(() => {
@@ -55,10 +58,18 @@ export function AvatarImageManagerModal({ isOpen, theme, title = 'Edit Photo', c
             setSelectedFile(null);
             setSelectedObjectUrl('');
             setScale(1.1);
+            setEditorDirty(false);
+            editorInteractionStartedRef.current = false;
             setLocalError(null);
             setLocalNotice(null);
         }
     }, [isOpen]);
+    useEffect(() => {
+        if (!isOpen)
+            return;
+        setEditorDirty(false);
+        editorInteractionStartedRef.current = false;
+    }, [currentImageUrl, editorImageUrlProp, isOpen]);
     useEffect(() => {
         if (!selectedFile) {
             setSelectedObjectUrl('');
@@ -73,6 +84,7 @@ export function AvatarImageManagerModal({ isOpen, theme, title = 'Edit Photo', c
     const displayInitial = String(fallbackInitial || '').trim().charAt(0).toUpperCase();
     const effectiveError = localError || error;
     const effectiveNotice = localNotice || notice;
+    const mutationBusy = busy || generating;
     const handleSelectedFile = useCallback((file) => {
         setLocalError(null);
         setLocalNotice(null);
@@ -87,6 +99,8 @@ export function AvatarImageManagerModal({ isOpen, theme, title = 'Edit Photo', c
         }
         setSelectedFile(file);
         setScale(1.1);
+        setEditorDirty(false);
+        editorInteractionStartedRef.current = false;
     }, []);
     const handleApply = useCallback(async () => {
         setLocalError(null);
@@ -104,7 +118,9 @@ export function AvatarImageManagerModal({ isOpen, theme, title = 'Edit Photo', c
         }
         try {
             const file = await exportAvatarEditorFile(editor, sourceName);
-            const applied = await onApplyImage(file, selectedFile);
+            const applied = await onApplyImage(file, selectedFile, {
+                preserveExistingSource: !selectedFile && Boolean(editorImageUrlProp),
+            });
             if (applied) {
                 onClose();
             }
@@ -112,10 +128,38 @@ export function AvatarImageManagerModal({ isOpen, theme, title = 'Edit Photo', c
         catch (nextError) {
             setLocalError(nextError instanceof Error ? nextError.message : 'Unable to prepare profile photo.');
         }
-    }, [editorImage, onApplyImage, onClose, selectedFile, sourceName]);
-    const canApply = selectedFile?.type === 'image/gif' || Boolean(editorImage);
-    const footer = useMemo(() => (_jsxs(_Fragment, { children: [_jsx("button", { type: "button", className: styles.secondaryButton, onClick: onClose, disabled: busy, children: "Cancel" }), _jsx("button", { type: "button", className: styles.primaryUpdateBtn, onClick: () => { void handleApply(); }, disabled: busy || !canApply, children: busy ? 'Applying...' : 'Apply Photo' })] })), [busy, canApply, handleApply, onClose]);
-    return (_jsx(Modal, { isOpen: isOpen, onClose: onClose, title: title, size: "md", theme: theme, draggable: true, footer: footer, children: _jsxs("div", { className: avatarStyles.avatarManagerBody, children: [_jsxs("div", { className: avatarStyles.editorPanel, children: [_jsx("div", { className: `tf-surface-inset ${avatarStyles.editorFrame}`, children: selectedFile?.type === 'image/gif' && selectedObjectUrl ? (_jsx("img", { src: selectedObjectUrl, alt: "", className: avatarStyles.gifPreviewImage })) : editorImage ? (_jsx(AvatarEditor, { ref: editorRef, image: editorImage, width: EDITOR_SIZE, height: EDITOR_SIZE, border: EDITOR_BORDER, borderRadius: EDITOR_SIZE / 2, scale: scale, color: [15, 15, 26, 0.72], backgroundColor: "transparent", style: {
+    }, [currentImageUrl, editorImage, editorImageUrlProp, onApplyImage, onClose, selectedFile, sourceName]);
+    const handleGenerate = useCallback(async () => {
+        if (!onGenerateImage || mutationBusy || generationPendingRef.current)
+            return;
+        generationPendingRef.current = true;
+        setLocalError(null);
+        setLocalNotice(null);
+        try {
+            const generated = await onGenerateImage();
+            if (generated) {
+                setSelectedFile(null);
+                setScale(1.1);
+                setEditorDirty(false);
+                editorInteractionStartedRef.current = false;
+            }
+        }
+        catch (nextError) {
+            setLocalError(nextError instanceof Error ? nextError.message : 'Unable to generate profile photo.');
+        }
+        finally {
+            generationPendingRef.current = false;
+        }
+    }, [mutationBusy, onGenerateImage]);
+    const canApply = hasPendingImage || Boolean(selectedFile) || editorDirty;
+    const footer = useMemo(() => (_jsxs("div", { className: avatarStyles.footerActions, children: [_jsx("button", { type: "button", className: "tf-button-secondary tf-button-compact", onClick: onClose, disabled: busy, children: "Cancel" }), _jsx("button", { type: "button", className: "tf-button-primary tf-button-compact", onClick: () => { void handleApply(); }, disabled: mutationBusy || !canApply, children: busy ? 'Applying...' : 'Apply Changes' })] })), [busy, canApply, handleApply, mutationBusy, onClose]);
+    return (_jsx(Modal, { isOpen: isOpen, onClose: onClose, title: title, size: "md", theme: theme, draggable: true, footer: footer, children: _jsxs("div", { className: avatarStyles.avatarManagerBody, children: [_jsxs("div", { className: avatarStyles.editorPanel, children: [_jsx("div", { className: `tf-surface-inset ${avatarStyles.editorFrame}`, onPointerDown: () => {
+                                if (editorImage && selectedFile?.type !== 'image/gif')
+                                    editorInteractionStartedRef.current = true;
+                            }, children: selectedFile?.type === 'image/gif' && selectedObjectUrl ? (_jsx("img", { src: selectedObjectUrl, alt: "", className: avatarStyles.gifPreviewImage })) : editorImage ? (_jsx(AvatarEditor, { ref: editorRef, image: editorImage, width: EDITOR_SIZE, height: EDITOR_SIZE, border: EDITOR_BORDER, borderRadius: EDITOR_SIZE / 2, scale: scale, color: [15, 15, 26, 0.72], backgroundColor: "transparent", onPositionChange: () => {
+                                    if (editorInteractionStartedRef.current)
+                                        setEditorDirty(true);
+                                }, style: {
                                     width: '100%',
                                     height: '100%',
                                     maxWidth: '100%',
@@ -123,5 +167,8 @@ export function AvatarImageManagerModal({ isOpen, theme, title = 'Edit Photo', c
                                     display: 'block',
                                     borderRadius: 'var(--radius-lg)',
                                     boxShadow: 'var(--box-shadow-sm)'
-                                }, disableCanvasRotation: true })) : (_jsx("div", { className: avatarStyles.emptyPreview, "aria-hidden": "true", children: displayInitial })) }), _jsxs("div", { className: avatarStyles.controlPanel, children: [_jsx("input", { ref: fileInputRef, type: "file", "aria-label": "Choose profile photo", accept: accept, className: avatarStyles.fileInput, onChange: (event) => handleSelectedFile(event.target.files?.[0] || null), disabled: busy }), _jsxs("div", { className: avatarStyles.actionGrid, children: [_jsxs("button", { type: "button", className: "tf-button-secondary tf-button-compact", onClick: () => fileInputRef.current?.click(), disabled: busy, children: [_jsx(ImagePlus, { size: 16 }), "Choose"] }), hasPendingImage && onDiscardPendingImage && (_jsxs("button", { type: "button", className: "tf-button-secondary tf-button-compact", onClick: onDiscardPendingImage, disabled: busy, children: [_jsx(RotateCcw, { size: 16 }), "Discard"] })), canRemove && onRemoveImage && (_jsxs("button", { type: "button", className: "tf-button-destructive tf-button-compact", onClick: onRemoveImage, disabled: busy, children: [_jsx(Trash2, { size: 16 }), "Remove"] }))] }), _jsxs("label", { className: `tf-field-stack ${avatarStyles.zoomField}`, children: [_jsx("span", { className: "tf-field-label", children: "Zoom" }), _jsx("input", { type: "range", min: "1", max: "3", step: "0.01", value: scale, onChange: (event) => setScale(Number(event.target.value)), className: avatarStyles.zoomSlider, disabled: busy || !editorImage || selectedFile?.type === 'image/gif' })] })] })] }), (effectiveError || effectiveNotice) && (_jsxs("div", { className: avatarStyles.messageStack, children: [effectiveError && _jsx("p", { className: "tf-text-error", children: effectiveError }), effectiveNotice && !effectiveError && _jsx("p", { className: "tf-text-helper", children: effectiveNotice })] }))] }) }));
+                                }, disableCanvasRotation: true })) : (_jsx("div", { className: avatarStyles.emptyPreview, "aria-hidden": "true", children: displayInitial })) }), _jsxs("div", { className: avatarStyles.controlPanel, children: [_jsx("input", { ref: fileInputRef, type: "file", "aria-label": "Choose profile photo", accept: accept, className: avatarStyles.fileInput, onChange: (event) => handleSelectedFile(event.target.files?.[0] || null), disabled: mutationBusy }), _jsxs("div", { className: avatarStyles.actionGrid, children: [_jsxs("button", { type: "button", className: "tf-button-secondary tf-button-compact", onClick: () => fileInputRef.current?.click(), disabled: mutationBusy, children: [_jsx(ImagePlus, { size: 16 }), "Choose"] }), hasPendingImage && onDiscardPendingImage && (_jsxs("button", { type: "button", className: "tf-button-secondary tf-button-compact", onClick: onDiscardPendingImage, disabled: mutationBusy, children: [_jsx(RotateCcw, { size: 16 }), "Discard"] })), onGenerateImage && (_jsxs("button", { type: "button", className: "tf-button-secondary tf-button-compact", onClick: () => { void handleGenerate(); }, disabled: mutationBusy, "aria-busy": generating, children: [generating ? _jsx(Loader2, { size: 16, className: styles.spinner }) : _jsx(Sparkles, { size: 16 }), generating ? 'Generating' : generateLabel] })), canRemove && onRemoveImage && (_jsxs("button", { type: "button", className: "tf-button-destructive tf-button-compact", onClick: onRemoveImage, disabled: mutationBusy, children: [_jsx(Trash2, { size: 16 }), "Remove"] }))] }), _jsxs("label", { className: `tf-field-stack ${avatarStyles.zoomField}`, children: [_jsx("span", { className: "tf-field-label", children: "Zoom" }), _jsx("input", { type: "range", min: "1", max: "3", step: "0.01", value: scale, onChange: (event) => {
+                                                setScale(Number(event.target.value));
+                                                setEditorDirty(true);
+                                            }, className: avatarStyles.zoomSlider, disabled: mutationBusy || !editorImage || selectedFile?.type === 'image/gif' })] })] })] }), (effectiveError || effectiveNotice) && (_jsxs("div", { className: avatarStyles.messageStack, children: [effectiveError && _jsx("p", { className: "tf-text-error", children: effectiveError }), effectiveNotice && !effectiveError && _jsx("p", { className: "tf-text-helper", children: effectiveNotice })] }))] }) }));
 }

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

@@ -4,8 +4,7 @@ interface HelpModalProps {
     theme: ModalThemeName;
     onClose: () => void;
     onOpenSettings: () => void;
-    onOpenAccountHub?: () => void;
     supportMailtoHref: string;
 }
-export declare function HelpModal({ isOpen, theme, onClose, onOpenSettings, onOpenAccountHub, supportMailtoHref, }: HelpModalProps): import("react/jsx-runtime").JSX.Element;
+export declare function HelpModal({ isOpen, theme, onClose, onOpenSettings, supportMailtoHref, }: HelpModalProps): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1,12 +1,11 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState } from 'react';
-import { Check, Copy, Mail, Settings, UserCircle, Wrench } from 'lucide-react';
+import { Check, Copy, LifeBuoy, Mail, Settings } from 'lucide-react';
 import { Modal } from '../../../ui/Modal';
 import modalStyles from '../../../ui/Modal.module.css';
 import managementStyles from '../../StandaloneManagement.module.css';
-import styles from '../../../../Taskforce.module.css';
 import { TASKFORCE_SUPPORT_EMAIL } from '../../../../utils/supportContact';
-export function HelpModal({ isOpen, theme, onClose, onOpenSettings, onOpenAccountHub, supportMailtoHref, }) {
+export function HelpModal({ isOpen, theme, onClose, onOpenSettings, supportMailtoHref, }) {
     const [copyStatus, setCopyStatus] = useState('idle');
     const handleCopyEmail = async () => {
         try {
@@ -19,5 +18,5 @@ export function HelpModal({ isOpen, theme, onClose, onOpenSettings, onOpenAccoun
             window.setTimeout(() => setCopyStatus('idle'), 2200);
         }
     };
-    return (_jsx(Modal, { isOpen: isOpen, onClose: onClose, title: "Help & Support", size: "md", theme: theme, draggable: true, children: _jsxs("div", { className: `${modalStyles.form} ${managementStyles.modalBody}`, children: [_jsxs("div", { className: managementStyles.helpIntro, children: [_jsx("p", { className: "tf-text-body", children: "Need a hand with Taskforce? Send us what you were trying to do, what happened, and any workspace context that would help us reproduce it." }), _jsxs("div", { className: managementStyles.supportEmailRow, children: [_jsx("code", { className: managementStyles.supportEmailAddress, children: TASKFORCE_SUPPORT_EMAIL }), _jsxs("button", { className: `${styles.submitBtn} ${managementStyles.supportEmailBtn}`, onClick: () => { void handleCopyEmail(); }, type: "button", children: [copyStatus === 'copied' ? _jsx(Check, { size: 16 }) : _jsx(Copy, { size: 16 }), copyStatus === 'copied' ? 'Copied' : copyStatus === 'failed' ? 'Copy Failed' : 'Copy Email'] })] }), _jsxs("a", { className: `${styles.cancelBtn} ${managementStyles.supportEmailBtn}`, href: supportMailtoHref, children: [_jsx(Mail, { size: 16 }), "Open Email App"] })] }), _jsxs("div", { className: `${managementStyles.supportPanel} tf-surface-panel`, children: [_jsxs("div", { className: managementStyles.supportPanelHeader, children: [_jsx(Wrench, { size: 16 }), _jsxs("div", { children: [_jsx("h3", { className: "tf-heading-card", children: "Before you email" }), _jsx("p", { className: "tf-text-secondary", children: "These are the fastest places to check for common workspace, account, and setup issues." })] })] }), _jsxs("div", { className: managementStyles.supportRouteList, children: [_jsxs("button", { className: `${styles.cancelBtn} ${managementStyles.supportRouteBtn}`, onClick: onOpenSettings, children: [_jsx(Settings, { size: 15 }), "Open Settings"] }), onOpenAccountHub && (_jsxs("button", { className: `${styles.cancelBtn} ${managementStyles.supportRouteBtn}`, onClick: onOpenAccountHub, children: [_jsx(UserCircle, { size: 15 }), "Open Account Hub"] }))] })] }), _jsx("div", { className: `${modalStyles.formActions} ${managementStyles.modalActionsEnd}`, children: _jsx("button", { className: styles.cancelBtn, onClick: onClose, children: "Close" }) })] }) }));
+    return (_jsx(Modal, { isOpen: isOpen, onClose: onClose, title: "Help & Support", size: "sm", theme: theme, draggable: true, children: _jsxs("div", { className: `${modalStyles.form} ${managementStyles.modalBody} ${managementStyles.helpModalBody}`, children: [_jsxs("div", { className: managementStyles.helpHero, children: [_jsx("span", { className: managementStyles.helpHeroIcon, "aria-hidden": "true", children: _jsx(LifeBuoy, { size: 20 }) }), _jsxs("div", { className: managementStyles.helpHeroCopy, children: [_jsx("h2", { className: "tf-heading-card", children: "How can we help?" }), _jsx("p", { className: "tf-text-secondary", children: "Tell us what you were trying to do, what happened, and any workspace context that could help us reproduce it." })] })] }), _jsxs("section", { className: `${managementStyles.supportContactCard} tf-surface-panel`, "aria-labelledby": "support-email-heading", children: [_jsx("div", { className: managementStyles.supportContactHeader, children: _jsxs("div", { children: [_jsx("h3", { className: "tf-label-micro", id: "support-email-heading", children: "Email support" }), _jsx("a", { className: managementStyles.supportEmailAddress, href: supportMailtoHref, children: TASKFORCE_SUPPORT_EMAIL })] }) }), _jsxs("div", { className: managementStyles.supportActionRow, children: [_jsxs("a", { className: `tf-button-primary tf-button-compact ${managementStyles.supportAction}`, href: supportMailtoHref, children: [_jsx(Mail, { size: 15 }), "Email Support"] }), _jsxs("button", { className: `tf-button-secondary tf-button-compact ${managementStyles.supportAction}`, onClick: () => { void handleCopyEmail(); }, type: "button", children: [copyStatus === 'copied' ? _jsx(Check, { size: 15 }) : _jsx(Copy, { size: 15 }), copyStatus === 'copied' ? 'Copied' : copyStatus === 'failed' ? 'Copy failed' : 'Copy address'] })] })] }), _jsxs("section", { className: managementStyles.supportPanel, "aria-labelledby": "support-settings-heading", children: [_jsxs("div", { className: managementStyles.supportPanelHeader, children: [_jsx(Settings, { size: 17, "aria-hidden": "true" }), _jsxs("div", { children: [_jsx("h3", { className: "tf-heading-card", id: "support-settings-heading", children: "Check workspace settings" }), _jsx("p", { className: "tf-text-secondary", children: "Common workspace, appearance, and setup options are available in Settings." })] })] }), _jsxs("button", { className: `tf-button-secondary tf-button-compact ${managementStyles.supportAction}`, onClick: onOpenSettings, type: "button", children: [_jsx(Settings, { size: 15 }), "Open Settings"] })] })] }) }));
 }

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { ModalRuntimeMode, ModalThemeName } from './types';
+import type { ModalThemeName } from './types';
 interface SyncStatusMeta {
     label: string;
     color: string;
@@ -20,13 +20,11 @@ interface SyncEventRow {
     text: string;
     tone?: 'error' | 'muted' | 'default';
 }
-interface WorkspaceSyncDiagnostics {
-    lastErrorAt?: string | null;
-}
 interface SyncStatusModalProps {
     isOpen: boolean;
     theme: ModalThemeName;
     currentWorkspaceLabel: string;
+    syncStatus: 'off' | 'syncing' | 'attention' | 'healthy';
     syncStatusMeta: SyncStatusMeta;
     workspaceCloudSyncEnabled: boolean;
     syncControlBusy: boolean;
@@ -37,11 +35,11 @@ interface SyncStatusModalProps {
     referenceMismatchCount: number;
     syncStageLabel: string;
     workspaceSyncPendingChanges: string | number;
+    incomingCloudChanges: string;
     formattedLastSyncTime: string;
     formattedLastPullTime: string;
     formattedLastPushTime: string;
     syncLastError: string;
-    workspaceSyncDiagnostics: WorkspaceSyncDiagnostics;
     activeReferenceMismatchSummaries: ReferenceMismatchSummary[];
     syncDiagnosticsSummary: SyncSummaryItem[];
     syncEventRows: SyncEventRow[];
@@ -49,14 +47,15 @@ interface SyncStatusModalProps {
     workspaceSyncRepairQueued: boolean;
     workspaceSyncBusy: boolean;
     workspaceSyncCopied: boolean;
-    runtimeMode: ModalRuntimeMode;
-    isAuthenticated: boolean;
+    coordinatorOwnershipMode: 'server' | 'browser-gateway' | null;
+    coordinatorOwnershipTransferBusy: boolean;
+    coordinatorOwnershipTransferDisabled: boolean;
     onClose: () => void;
     onToggleWorkspaceSync: (enabled: boolean) => void;
     onRepairSync: () => void;
     onCopyReport: () => void;
-    onOpenLogin: () => void;
     onRetrySync: () => void;
+    onTransferCoordinatorOwnership: () => void;
 }
-export declare function SyncStatusModal({ isOpen, theme, currentWorkspaceLabel, syncStatusMeta, workspaceCloudSyncEnabled, syncControlBusy, canManageWorkspaceSync, workspaceSyncSummary, workspaceSyncRecommendedAction, workspaceSyncRepairBusy, referenceMismatchCount, syncStageLabel, workspaceSyncPendingChanges, formattedLastSyncTime, formattedLastPullTime, formattedLastPushTime, syncLastError, workspaceSyncDiagnostics, activeReferenceMismatchSummaries, syncDiagnosticsSummary, syncEventRows, syncEventsListRef, workspaceSyncRepairQueued, workspaceSyncBusy, workspaceSyncCopied, runtimeMode, isAuthenticated, onClose, onToggleWorkspaceSync, onRepairSync, onCopyReport, onOpenLogin, onRetrySync, }: SyncStatusModalProps): import("react/jsx-runtime").JSX.Element;
+export declare function SyncStatusModal({ isOpen, theme, currentWorkspaceLabel, syncStatus, syncStatusMeta, workspaceCloudSyncEnabled, syncControlBusy, canManageWorkspaceSync, workspaceSyncSummary, workspaceSyncRecommendedAction, workspaceSyncRepairBusy, referenceMismatchCount, syncStageLabel, workspaceSyncPendingChanges, incomingCloudChanges, formattedLastSyncTime, formattedLastPullTime, formattedLastPushTime, syncLastError, activeReferenceMismatchSummaries, syncDiagnosticsSummary, syncEventRows, syncEventsListRef, workspaceSyncRepairQueued, workspaceSyncBusy, workspaceSyncCopied, coordinatorOwnershipMode, coordinatorOwnershipTransferBusy, coordinatorOwnershipTransferDisabled, onClose, onToggleWorkspaceSync, onRepairSync, onCopyReport, onRetrySync, onTransferCoordinatorOwnership, }: SyncStatusModalProps): import("react/jsx-runtime").JSX.Element;
 export {};