@taskforcehq/taskforce 0.3.303 → 0.3.304

package/dist/TaskforceCore.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useCallback, useEffect, useMemo, useState } from 'react';
+import React, { useCallback, useEffect, useMemo, useState } from 'react';
 import { MemoryRouter, Navigate, useInRouterContext, useLocation, useNavigate } from 'react-router-dom';
 import { useTaskforce } from './hooks/useTaskforce';
 import { WidgetView } from './components/views/WidgetView';
@@ -14,6 +14,7 @@ import logoLight from './assets/branding/logos/logo_light.svg';
 import logoDark from './assets/branding/logos/logo_dark.svg';
 import taskforceBg from './assets/images/taskforce.png';
 import { isLightThemeFamily } from './utils/theme';
+import { Cloud, LaptopMinimal } from 'lucide-react';
 function isDebugModeEnabled() {
     const runtimeOverride = globalThis.__DEBUG_MODE__;
     if (typeof runtimeOverride === 'boolean')
@@ -27,6 +28,12 @@ function defaultSetupTaxonomySections(pack) {
         priorities: Boolean(pack?.priorities?.length),
     };
 }
+function formatStarterSectionItems(values) {
+    return (Array.isArray(values) ? values : [])
+        .map((entry) => String(entry.label || entry.value || '').trim())
+        .filter(Boolean)
+        .join(', ');
+}
 function buildPlansPath(params = {}) {
     const query = new URLSearchParams();
     query.set('screen', 'plans');
@@ -54,7 +61,9 @@ function TaskforceCoreWithRouter({ config = {}, initialTaskId, onTaskCountChange
     const [authMode, setAuthMode] = useState('login');
     const [verificationToken, setVerificationToken] = useState('');
     const [pendingVerificationWorkspaceSetupRequired, setPendingVerificationWorkspaceSetupRequired] = useState(false);
+    const [pendingVerificationCommercialState, setPendingVerificationCommercialState] = useState(null);
     const [pendingVerificationRedirectPath, setPendingVerificationRedirectPath] = useState(null);
+    const [pendingPostAuthRedirect, setPendingPostAuthRedirect] = useState(null);
     const [resetToken, setResetToken] = useState('');
     const [inviteToken, setInviteToken] = useState('');
     const [inviteEmail, setInviteEmail] = useState(null);
@@ -75,11 +84,14 @@ function TaskforceCoreWithRouter({ config = {}, initialTaskId, onTaskCountChange
     const [workspaceNameInput, setWorkspaceNameInput] = useState('');
     const [workspaceDescriptionInput, setWorkspaceDescriptionInput] = useState('');
     const [workspaceSetupSource, setWorkspaceSetupSource] = useState('local');
+    const [workspaceSetupPage, setWorkspaceSetupPage] = useState('details');
     const [cloudWorkspaceOptions, setCloudWorkspaceOptions] = useState([]);
     const [cloudWorkspaceSelection, setCloudWorkspaceSelection] = useState('');
     const [cloudWorkspaceLoading, setCloudWorkspaceLoading] = useState(false);
     const [cloudWorkspaceError, setCloudWorkspaceError] = useState(null);
     const [syncNewLocalWorkspaceToCloud, setSyncNewLocalWorkspaceToCloud] = useState(false);
+    const [pendingCloudWorkspaceImport, setPendingCloudWorkspaceImport] = useState(null);
+    const [cloudWorkspaceImportFinalizing, setCloudWorkspaceImportFinalizing] = useState(false);
     const fallbackSetupLibraryPacks = useMemo(() => listBuiltInTaxonomyLibraryPacks(), []);
     const [setupLibraryPacks, setSetupLibraryPacks] = useState(fallbackSetupLibraryPacks);
     const [selectedSetupPackId, setSelectedSetupPackId] = useState(() => (fallbackSetupLibraryPacks.find((pack) => pack.isDefaultStarter)?.id || fallbackSetupLibraryPacks[0]?.id || ''));
@@ -88,6 +100,7 @@ function TaskforceCoreWithRouter({ config = {}, initialTaskId, onTaskCountChange
     const [setupLibraryError, setSetupLibraryError] = useState(null);
     const [bootstrapRetryBusy, setBootstrapRetryBusy] = useState(false);
     const [accountAccessGate, setAccountAccessGate] = useState(null);
+    const [accountAccessGateResolved, setAccountAccessGateResolved] = useState(false);
     // Initialize the hook
     const taskforceState = useTaskforce({
         config,
@@ -95,7 +108,7 @@ function TaskforceCoreWithRouter({ config = {}, initialTaskId, onTaskCountChange
         onTaskCountChange,
         onClose
     });
-    const { runtimeMode, workspaceSwitchingEnabled, currentWorkspaceId, configLoaded, cloudAuthConfigured, authRequiredForApi, authBlocked, isAuthenticated, hasBetaAccess, authSessionResolved, workspaceBootstrapPending, bootstrapPhase, bootstrapError, setupState, runtimeCapabilities, refreshSetupContext, retryBootstrapChecks, createWorkspace, saveWorkspaceProfile, fetchWorkspaces, applyWorkspaceSyncStateSnapshot, settingsModel, fetchTasks, loginWithCredentials, registerWithCredentials, requestEmailVerification, confirmEmailVerification, requestPasswordReset, confirmPasswordReset, inspectInviteAcceptance, acceptInviteWithToken, joinInviteWithToken, authUserEmail, currentTheme, logout } = taskforceState;
+    const { runtimeMode, workspaceSwitchingEnabled, currentWorkspaceId, configLoaded, cloudAuthConfigured, authRequiredForApi, authBlocked, isAuthenticated, hasBetaAccess, authSessionResolved, workspaceBootstrapPending, bootstrapPhase, bootstrapError, setupState, runtimeCapabilities, refreshSetupContext, retryBootstrapChecks, createWorkspace, saveWorkspaceProfile, fetchWorkspaces, applyWorkspaceSyncStateSnapshot, workspaceCloudSyncEnabled, workspaceSyncPhase, workspaceSyncSummary, workspaceSyncRecommendedAction, workspaceSyncBusy, workspaceLastErrorMessage, retryWorkspaceCloudSync, settingsModel, fetchTasks, loginWithCredentials, registerWithCredentials, requestEmailVerification, confirmEmailVerification, requestPasswordReset, confirmPasswordReset, inspectInviteAcceptance, acceptInviteWithToken, joinInviteWithToken, authUserEmail, currentTheme, logout } = taskforceState;
     const selectedSetupPack = useMemo(() => {
         return setupLibraryPacks.find((pack) => pack.id === selectedSetupPackId)
             || setupLibraryPacks.find((pack) => pack.isDefaultStarter)
@@ -118,6 +131,46 @@ function TaskforceCoreWithRouter({ config = {}, initialTaskId, onTaskCountChange
     const isLoginRoute = location.pathname === '/login';
     const isSetupRoute = location.pathname === '/setup';
     const isComingSoonRoute = location.pathname === '/coming-soon';
+    const wantsCloudWorkspaceSetup = !isCloudRuntime && workspaceSetupSource === 'cloud';
+    const isCloudWorkspaceSetupFlow = wantsCloudWorkspaceSetup && canUseCloudWorkspaceSetup;
+    const cloudWorkspaceImportMatchesCurrentWorkspace = Boolean(pendingCloudWorkspaceImport
+        && currentWorkspaceId === pendingCloudWorkspaceImport.workspaceId);
+    const isCloudWorkspaceImportErrored = Boolean(pendingCloudWorkspaceImport
+        && cloudWorkspaceImportMatchesCurrentWorkspace
+        && workspaceSyncPhase === 'error');
+    const isCloudWorkspaceImportReady = Boolean(pendingCloudWorkspaceImport
+        && cloudWorkspaceImportMatchesCurrentWorkspace
+        && workspaceCloudSyncEnabled
+        && workspaceSyncPhase === 'active'
+        && !workspaceSyncBusy);
+    const cloudWorkspaceImportProgressLines = useMemo(() => {
+        if (!pendingCloudWorkspaceImport)
+            return [];
+        const connectingState = setupBusy ? 'In progress' : 'Complete';
+        const importingState = isCloudWorkspaceImportErrored
+            ? 'Needs attention'
+            : (workspaceSyncBusy || workspaceSyncPhase === 'attach-cloud')
+                ? 'In progress'
+                : (workspaceSyncPhase === 'active' ? 'Complete' : 'Waiting');
+        const finishingState = cloudWorkspaceImportFinalizing
+            ? 'In progress'
+            : isCloudWorkspaceImportReady
+                ? 'Ready'
+                : 'Waiting';
+        return [
+            `Connect workspace: ${connectingState}`,
+            `Import cloud data: ${importingState}`,
+            `Open local workspace: ${finishingState}`
+        ];
+    }, [
+        pendingCloudWorkspaceImport,
+        setupBusy,
+        isCloudWorkspaceImportErrored,
+        workspaceSyncBusy,
+        workspaceSyncPhase,
+        cloudWorkspaceImportFinalizing,
+        isCloudWorkspaceImportReady
+    ]);
     const shouldForceLogin = isLikelyCloudAppHost
         ? ((!isAuthenticated || authBlocked) && !isPricingRoute && !isPlansRoute && !isPlansScreen)
         : (((isCloudAuthRequired && !isAuthenticated) || shouldForceForAuthBlocked) && !isPricingRoute && !isPlansRoute && !isPlansScreen);
@@ -131,6 +184,23 @@ function TaskforceCoreWithRouter({ config = {}, initialTaskId, onTaskCountChange
         && !isPlansRoute
         && !isPlansScreen;
     const directRegistrationEnabled = cloudAuthConfigured;
+    const authPageTitle = useMemo(() => {
+        switch (authMode) {
+            case 'register':
+                return 'Create Account | Taskforce';
+            case 'verify':
+                return 'Verify Email | Taskforce';
+            case 'forgot':
+                return 'Reset Password | Taskforce';
+            case 'reset':
+                return 'Set New Password | Taskforce';
+            case 'invite':
+                return 'Accept Invite | Taskforce';
+            case 'login':
+            default:
+                return 'Sign In | Taskforce';
+        }
+    }, [authMode]);
     const setupStep = useMemo(() => String(new URLSearchParams(location.search).get('step') || '').trim().toLowerCase(), [location.search]);
     const setupIntent = useMemo(() => String(new URLSearchParams(location.search).get('intent') || '').trim().toLowerCase(), [location.search]);
     const isCreateWorkspaceIntent = isSetupRoute && setupStep === 'workspace' && setupIntent === 'create-workspace';
@@ -198,9 +268,11 @@ function TaskforceCoreWithRouter({ config = {}, initialTaskId, onTaskCountChange
     useEffect(() => {
         if (runtimeMode !== 'cloud' || !isAuthenticated || !authSessionResolved) {
             setAccountAccessGate(null);
+            setAccountAccessGateResolved(false);
             return;
         }
         setAccountAccessGate(null);
+        setAccountAccessGateResolved(false);
         let cancelled = false;
         (async () => {
             try {
@@ -209,11 +281,17 @@ function TaskforceCoreWithRouter({ config = {}, initialTaskId, onTaskCountChange
                     credentials: 'include'
                 });
                 const payload = await res.json().catch(() => ({}));
-                if (cancelled || !res.ok)
+                if (cancelled)
+                    return;
+                if (!res.ok) {
+                    setAccountAccessGate(null);
+                    setAccountAccessGateResolved(true);
                     return;
+                }
                 const gate = String(payload?.gate || '').trim().toLowerCase();
                 if (gate !== 'ok' && gate !== 'plan_selection_required' && gate !== 'checkout_pending' && gate !== 'misconfigured' && gate !== 'missing_entitlement') {
                     setAccountAccessGate(null);
+                    setAccountAccessGateResolved(true);
                     return;
                 }
                 setAccountAccessGate({
@@ -222,10 +300,13 @@ function TaskforceCoreWithRouter({ config = {}, initialTaskId, onTaskCountChange
                     canAccessPlans: payload?.canAccessPlans !== false,
                     message: typeof payload?.message === 'string' ? payload.message : null
                 });
+                setAccountAccessGateResolved(true);
             }
             catch {
-                if (!cancelled)
+                if (!cancelled) {
                     setAccountAccessGate(null);
+                    setAccountAccessGateResolved(true);
+                }
             }
         })();
         return () => {
@@ -258,6 +339,7 @@ function TaskforceCoreWithRouter({ config = {}, initialTaskId, onTaskCountChange
     useEffect(() => {
         if (!isSetupRoute || setupStep !== 'workspace')
             return;
+        setWorkspaceSetupPage('details');
         const source = String(new URLSearchParams(location.search).get('source') || '').trim().toLowerCase();
         if (source === 'cloud' && canUseCloudWorkspaceSetup) {
             setWorkspaceSetupSource('cloud');
@@ -355,6 +437,63 @@ function TaskforceCoreWithRouter({ config = {}, initialTaskId, onTaskCountChange
     useEffect(() => {
         setSetupTaxonomySections(defaultSetupTaxonomySections(selectedSetupPack));
     }, [selectedSetupPackId, selectedSetupPack]);
+    useEffect(() => {
+        if (workspaceSetupSource === 'cloud') {
+            setWorkspaceSetupPage('details');
+        }
+    }, [workspaceSetupSource]);
+    useEffect(() => {
+        if (!isCloudWorkspaceSetupFlow) {
+            setPendingCloudWorkspaceImport(null);
+            setCloudWorkspaceImportFinalizing(false);
+        }
+    }, [isCloudWorkspaceSetupFlow]);
+    useEffect(() => {
+        if (!isCloudWorkspaceImportErrored || !pendingCloudWorkspaceImport)
+            return;
+        setSetupNotice(null);
+        setSetupError(workspaceLastErrorMessage
+            || `Failed to import "${pendingCloudWorkspaceImport.name}" from cloud. Retry import to continue.`);
+    }, [isCloudWorkspaceImportErrored, pendingCloudWorkspaceImport, workspaceLastErrorMessage]);
+    useEffect(() => {
+        if (!isCloudWorkspaceImportReady || !pendingCloudWorkspaceImport || cloudWorkspaceImportFinalizing)
+            return;
+        let cancelled = false;
+        setCloudWorkspaceImportFinalizing(true);
+        setSetupError(null);
+        setSetupNotice(`Workspace import complete. Opening ${pendingCloudWorkspaceImport.name}...`);
+        void (async () => {
+            try {
+                await refreshSetupContext();
+                await Promise.all([
+                    fetchWorkspaces(),
+                    fetchTasks(true)
+                ]);
+                if (cancelled)
+                    return;
+                setPendingCloudWorkspaceImport(null);
+                navigate('/', { replace: true });
+            }
+            catch {
+                if (cancelled)
+                    return;
+                setSetupNotice(null);
+                setSetupError(`Imported "${pendingCloudWorkspaceImport.name}" but failed to finish opening it.`);
+                setCloudWorkspaceImportFinalizing(false);
+            }
+        })();
+        return () => {
+            cancelled = true;
+        };
+    }, [
+        cloudWorkspaceImportFinalizing,
+        fetchTasks,
+        fetchWorkspaces,
+        isCloudWorkspaceImportReady,
+        navigate,
+        pendingCloudWorkspaceImport,
+        refreshSetupContext
+    ]);
     const nextPath = useMemo(() => {
         const raw = new URLSearchParams(location.search).get('next') || '/';
         if (!raw.startsWith('/'))
@@ -363,7 +502,29 @@ function TaskforceCoreWithRouter({ config = {}, initialTaskId, onTaskCountChange
             return '/';
         return raw;
     }, [location.search]);
+    const cloudWorkspaceSelectionPath = '/setup?step=workspace&source=cloud&postAuth=select-cloud-workspace';
+    const shouldReturnToCloudWorkspaceSelection = useMemo(() => {
+        try {
+            const parsed = new URL(nextPath, 'https://taskforce.local');
+            return parsed.pathname === '/setup'
+                && parsed.searchParams.get('step') === 'workspace'
+                && parsed.searchParams.get('source') === 'cloud'
+                && parsed.searchParams.get('postAuth') === 'select-cloud-workspace';
+        }
+        catch {
+            return false;
+        }
+    }, [nextPath]);
+    const resolveWorkspaceSetupPath = useCallback(() => (shouldReturnToCloudWorkspaceSelection
+        ? cloudWorkspaceSelectionPath
+        : '/setup?step=workspace'), [shouldReturnToCloudWorkspaceSelection]);
     const resolvedSignupInterval = selectedSignupInterval === 'year' ? 'year' : 'month';
+    const hasCommercialOnboardingGate = useCallback((input) => {
+        return Boolean(input?.planSelectionRequired
+            || input?.checkoutPending
+            || input?.commercialState === 'pending_plan_selection'
+            || input?.commercialState === 'checkout_pending');
+    }, []);
     const resolvePostRegistrationPath = useCallback((input) => {
         if (input?.planSelectionRequired || input?.commercialState === 'pending_plan_selection') {
             return planSelectionPath;
@@ -408,26 +569,6 @@ function TaskforceCoreWithRouter({ config = {}, initialTaskId, onTaskCountChange
         const query = params.toString();
         navigate(`/login${query ? `?${query}` : ''}`, { replace: true });
     }, [directRegistrationEnabled, location.search, navigate]);
-    const routeToWorkspaceSetupIfNeeded = useCallback(async (hintWorkspaceSetupRequired) => {
-        if (!workspaceSwitchingEnabled)
-            return false;
-        const workspacesResult = await fetchWorkspaces();
-        if (workspacesResult.success) {
-            const workspaceCount = Array.isArray(workspacesResult.workspaces)
-                ? workspacesResult.workspaces.length
-                : 0;
-            if (workspaceCount === 0) {
-                navigate('/setup?step=workspace', { replace: true });
-                return true;
-            }
-            return false;
-        }
-        if (hintWorkspaceSetupRequired) {
-            navigate('/setup?step=workspace', { replace: true });
-            return true;
-        }
-        return false;
-    }, [fetchWorkspaces, navigate, workspaceSwitchingEnabled]);
     useEffect(() => {
         if (!isLoginRoute)
             return;
@@ -445,8 +586,40 @@ function TaskforceCoreWithRouter({ config = {}, initialTaskId, onTaskCountChange
         if (isLoginRoute && loginRouteMode === 'verify')
             return;
         setPendingVerificationWorkspaceSetupRequired(false);
+        setPendingVerificationCommercialState(null);
         setPendingVerificationRedirectPath(null);
     }, [authMode, isLoginRoute, loginRouteMode]);
+    useEffect(() => {
+        if (!isLoginRoute || !pendingPostAuthRedirect || !authSessionResolved || !isAuthenticated)
+            return;
+        if (runtimeMode === 'cloud' && !pendingPostAuthRedirect.commercialOnboardingGate && !accountAccessGateResolved) {
+            return;
+        }
+        if (!pendingPostAuthRedirect.commercialOnboardingGate && pendingPostAuthRedirect.workspaceSetupRequired) {
+            navigate(resolveWorkspaceSetupPath(), { replace: true });
+        }
+        else {
+            navigate(pendingPostAuthRedirect.path, { replace: true });
+        }
+        setLoginEmail('');
+        setLoginDisplayName('');
+        setLoginPassword('');
+        setPendingPostAuthRedirect(null);
+    }, [
+        accountAccessGateResolved,
+        authSessionResolved,
+        isAuthenticated,
+        isLoginRoute,
+        navigate,
+        pendingPostAuthRedirect,
+        resolveWorkspaceSetupPath,
+        runtimeMode
+    ]);
+    useEffect(() => {
+        if (!isLoginRoute)
+            return;
+        document.title = authPageTitle;
+    }, [authPageTitle, isLoginRoute]);
     useEffect(() => {
         if (!isLoginRoute || authMode !== 'invite' || !inviteToken.trim())
             return;
@@ -533,6 +706,17 @@ function TaskforceCoreWithRouter({ config = {}, initialTaskId, onTaskCountChange
             const shouldStayOnInviteRoute = isLoginRoute
                 && authMode === 'invite'
                 && inviteToken.trim().length > 0;
+            const shouldDelayAuthenticatedLoginRedirect = isLoginRoute
+                && isAuthenticated
+                && !shouldStayOnInviteRoute
+                && (Boolean(pendingPostAuthRedirect)
+                    || workspaceBootstrapPending
+                    || authMode === 'register'
+                    || authMode === 'verify'
+                    || (runtimeMode === 'cloud' && (!configLoaded || !accountAccessGateResolved)));
+            if (shouldDelayAuthenticatedLoginRedirect) {
+                return;
+            }
             if (isLoginRoute && isAuthenticated && !shouldStayOnInviteRoute)
                 navigate(nextPath, { replace: true });
         }
@@ -544,6 +728,9 @@ function TaskforceCoreWithRouter({ config = {}, initialTaskId, onTaskCountChange
             }
             return;
         }
+        if (isLoginRoute && !isAuthenticated) {
+            return;
+        }
         if (shouldForceAccountAccessGate) {
             if (!isPlansScreen) {
                 const gate = encodeURIComponent(String(accountAccessGate?.gate || 'plan_selection_required'));
@@ -551,6 +738,9 @@ function TaskforceCoreWithRouter({ config = {}, initialTaskId, onTaskCountChange
             }
             return;
         }
+        if (isSetupRoute && pendingCloudWorkspaceImport) {
+            return;
+        }
         if (setupGateActive) {
             if (hasSetupReadError) {
                 if (!isSetupRoute || setupStep !== 'error') {
@@ -566,7 +756,7 @@ function TaskforceCoreWithRouter({ config = {}, initialTaskId, onTaskCountChange
             }
             if (needsWorkspaceSetup) {
                 if (!isSetupRoute || setupStep !== 'workspace') {
-                    navigate('/setup?step=workspace', { replace: true });
+                    navigate(resolveWorkspaceSetupPath(), { replace: true });
                 }
                 return;
             }
@@ -589,19 +779,26 @@ function TaskforceCoreWithRouter({ config = {}, initialTaskId, onTaskCountChange
         isPlansRoute,
         isPlansScreen,
         accountAccessGate?.gate,
+        accountAccessGateResolved,
+        authMode,
         setupGateActive,
         setupState,
         hasSetupReadError,
         isCreateWorkspaceIntent,
+        pendingCloudWorkspaceImport,
         needsGlobalSetup,
         needsWorkspaceSetup,
         setupStep,
         workspaceBootstrapPending,
+        configLoaded,
+        runtimeMode,
+        inviteToken,
         location.pathname,
         location.search,
         location.hash,
         navigate,
-        nextPath
+        nextPath,
+        pendingPostAuthRedirect
     ]);
     useEffect(() => {
         if (mode === 'widget')
@@ -653,18 +850,26 @@ function TaskforceCoreWithRouter({ config = {}, initialTaskId, onTaskCountChange
     if (isLoginRoute) {
         return (_jsx("div", { className: shellStyles.standaloneWrapper, "data-theme": currentTheme, children: _jsx("div", { className: authStyles.loginView, style: {
                     backgroundImage: `linear-gradient(rgba(15, 15, 26, 0.88), rgba(15, 15, 26, 0.9)), url(${taskforceBg})`
-                }, children: _jsxs("div", { className: authStyles.loginCard, children: [!isCloudRuntime && !shouldForceLogin && (_jsx("button", { className: authStyles.loginCloseBtn, "aria-label": "Close sign in", onClick: () => navigate(nextPath, { replace: true }), children: "\u00D7" })), _jsxs("div", { className: authStyles.authBrandRow, children: [_jsx("img", { src: authBrandLogo, alt: "Taskforce", className: authStyles.loginLogo }), _jsxs("h1", { className: authStyles.loginTitle, children: ["TASKFORCE ", _jsx("span", { className: authStyles.loginTitleAccent, children: "HQ" })] })] }), _jsxs("p", { className: authStyles.loginSubtitle, children: [authMode === 'login' && 'Sign in with your account credentials.', authMode === 'register' && 'Create your Taskforce account.', authMode === 'verify' && 'Enter your verification token.', authMode === 'forgot' && 'Request a password reset link.', authMode === 'reset' && 'Set a new password using your reset token.', authMode === 'invite' && (inviteResolution === 'existing_user_ready'
+                }, children: _jsxs("div", { className: authStyles.loginCard, children: [!isCloudRuntime && !shouldForceLogin && (_jsx("button", { className: authStyles.loginCloseBtn, "aria-label": "Close sign in", "data-testid": "auth-close-button", onClick: () => navigate(nextPath, { replace: true }), children: "\u00D7" })), _jsxs("div", { className: authStyles.authBrandRow, children: [_jsx("img", { src: authBrandLogo, alt: "Taskforce", className: authStyles.loginLogo }), _jsxs("h1", { className: authStyles.loginTitle, children: ["TASKFORCE ", _jsx("span", { className: authStyles.loginTitleAccent, children: "HQ" })] })] }), _jsxs("p", { className: authStyles.loginSubtitle, children: [authMode === 'login' && 'Sign in with your account credentials.', authMode === 'register' && 'Create your Taskforce account.', authMode === 'verify' && 'Enter your verification token.', authMode === 'forgot' && 'Request a password reset link.', authMode === 'reset' && 'Set a new password using your reset token.', authMode === 'invite' && (inviteResolution === 'existing_user_ready'
                                     ? `You've been invited to join ${inviteWorkspaceId || 'this workspace'}.`
                                     : inviteResolution === 'existing_user_signed_out'
                                         ? 'Sign in to join this workspace.'
-                                        : 'Create your account to join this workspace.')] }), (authMode === 'login' || authMode === 'register' || authMode === 'forgot' || (authMode === 'invite' && inviteResolution === 'existing_user_signed_out')) && (_jsx("input", { className: `${styles.input} ${authStyles.loginInput}`, type: "email", value: loginEmail, placeholder: "Email", onChange: (event) => setLoginEmail(event.target.value) })), authMode === 'register' && (_jsx("input", { className: `${styles.input} ${authStyles.loginInput}`, type: "text", value: loginDisplayName, placeholder: "Display name", onChange: (event) => setLoginDisplayName(event.target.value) })), (authMode === 'login'
+                                        : 'Create your account to join this workspace.')] }), (authMode === 'login'
+                            || authMode === 'register'
+                            || authMode === 'verify'
+                            || authMode === 'forgot'
+                            || (authMode === 'invite' && inviteResolution === 'existing_user_signed_out')) && (_jsxs("label", { className: authStyles.loginField, children: [_jsx("span", { className: authStyles.loginFieldLabel, children: "Email" }), _jsx("input", { className: `${styles.input} ${authStyles.loginInput}`, type: "email", value: loginEmail, placeholder: "Email", autoComplete: "email", "data-testid": "auth-email-input", onChange: (event) => setLoginEmail(event.target.value) })] })), authMode === 'register' && (_jsxs("label", { className: authStyles.loginField, children: [_jsx("span", { className: authStyles.loginFieldLabel, children: "Display name" }), _jsx("input", { className: `${styles.input} ${authStyles.loginInput}`, type: "text", value: loginDisplayName, placeholder: "Display name", autoComplete: "nickname", "data-testid": "auth-display-name-input", onChange: (event) => setLoginDisplayName(event.target.value) })] })), (authMode === 'login'
                             || authMode === 'register'
                             || authMode === 'reset'
-                            || (authMode === 'invite' && (invitePasswordRequired || inviteResolution === 'existing_user_signed_out'))) && (_jsx("input", { className: `${styles.input} ${authStyles.loginInput}`, type: "password", value: loginPassword, placeholder: authMode === 'reset'
-                                ? 'New password'
-                                : (authMode === 'invite'
-                                    ? (invitePasswordRequired ? 'Create password' : 'Password')
-                                    : 'Password'), onChange: (event) => setLoginPassword(event.target.value) })), authMode === 'verify' && (_jsx("input", { className: `${styles.input} ${authStyles.loginInput}`, type: "text", value: verificationToken, placeholder: "Verification token", onChange: (event) => setVerificationToken(event.target.value) })), authMode === 'reset' && (_jsx("input", { className: `${styles.input} ${authStyles.loginInput}`, type: "text", value: resetToken, placeholder: "Reset token", onChange: (event) => setResetToken(event.target.value) })), authMode === 'invite' && (_jsxs(_Fragment, { children: [_jsx("input", { className: `${styles.input} ${authStyles.loginInput}`, type: "text", value: inviteToken, placeholder: "Invite token", onChange: (event) => setInviteToken(event.target.value) }), inviteEmail && (_jsxs("p", { className: authStyles.loginSubtitle, children: ["Invite for: ", _jsx("strong", { children: inviteEmail }), inviteWorkspaceId ? ` · Workspace: ${inviteWorkspaceId}` : ''] }))] })), loginNotice && _jsx("p", { className: authStyles.loginSubtitle, children: loginNotice }), loginError && _jsx("p", { className: authStyles.loginError, children: loginError }), authMode === 'login' && loginErrorCode === 'EMAIL_NOT_VERIFIED' && loginEmail.trim() && (_jsx("button", { className: authStyles.authModeLink, disabled: loginBusy || verifyCooldownActive, onClick: async () => {
+                            || (authMode === 'invite' && (invitePasswordRequired || inviteResolution === 'existing_user_signed_out'))) && (_jsxs("label", { className: authStyles.loginField, children: [_jsx("span", { className: authStyles.loginFieldLabel, children: authMode === 'reset'
+                                        ? 'New password'
+                                        : (authMode === 'invite' && invitePasswordRequired ? 'Create password' : 'Password') }), _jsx("input", { className: `${styles.input} ${authStyles.loginInput}`, type: "password", value: loginPassword, placeholder: authMode === 'reset'
+                                        ? 'New password'
+                                        : (authMode === 'invite'
+                                            ? (invitePasswordRequired ? 'Create password' : 'Password')
+                                            : 'Password'), autoComplete: authMode === 'register' || authMode === 'reset' || (authMode === 'invite' && invitePasswordRequired)
+                                        ? 'new-password'
+                                        : 'current-password', "data-testid": "auth-password-input", onChange: (event) => setLoginPassword(event.target.value) })] })), authMode === 'verify' && (_jsxs("label", { className: authStyles.loginField, children: [_jsx("span", { className: authStyles.loginFieldLabel, children: "Verification token" }), _jsx("input", { className: `${styles.input} ${authStyles.loginInput}`, type: "text", value: verificationToken, placeholder: "Verification token", autoComplete: "one-time-code", "data-testid": "auth-verification-token-input", onChange: (event) => setVerificationToken(event.target.value) })] })), authMode === 'reset' && (_jsxs("label", { className: authStyles.loginField, children: [_jsx("span", { className: authStyles.loginFieldLabel, children: "Reset token" }), _jsx("input", { className: `${styles.input} ${authStyles.loginInput}`, type: "text", value: resetToken, placeholder: "Reset token", autoComplete: "one-time-code", "data-testid": "auth-reset-token-input", onChange: (event) => setResetToken(event.target.value) })] })), authMode === 'invite' && (_jsxs(_Fragment, { children: [_jsxs("label", { className: authStyles.loginField, children: [_jsx("span", { className: authStyles.loginFieldLabel, children: "Invite token" }), _jsx("input", { className: `${styles.input} ${authStyles.loginInput}`, type: "text", value: inviteToken, placeholder: "Invite token", "data-testid": "auth-invite-token-input", onChange: (event) => setInviteToken(event.target.value) })] }), inviteEmail && (_jsxs("p", { className: authStyles.loginSubtitle, children: ["Invite for: ", _jsx("strong", { children: inviteEmail }), inviteWorkspaceId ? ` · Workspace: ${inviteWorkspaceId}` : ''] }))] })), loginNotice && _jsx("p", { className: authStyles.loginSubtitle, children: loginNotice }), loginError && _jsx("p", { className: authStyles.loginError, children: loginError }), authMode === 'login' && loginErrorCode === 'EMAIL_NOT_VERIFIED' && loginEmail.trim() && (_jsx("button", { className: authStyles.authModeLink, disabled: loginBusy || verifyCooldownActive, onClick: async () => {
                                 setLoginBusy(true);
                                 setLoginNotice(null);
                                 const sent = await requestEmailVerification(loginEmail);
@@ -681,180 +886,206 @@ function TaskforceCoreWithRouter({ config = {}, initialTaskId, onTaskCountChange
                                     setLoginError(formatAuthError(sent));
                                 }
                                 setLoginBusy(false);
-                            }, children: verifyCooldownActive ? `Resend in ${verifyCooldownSeconds}s` : 'Resend Verification Email' })), _jsx("button", { className: `${styles.submitBtn} ${authStyles.loginPrimaryBtn}`, disabled: loginBusy || (authMode === 'verify' && verifyCooldownActive) || (authMode === 'forgot' && resetCooldownActive), onClick: async () => {
-                                setLoginBusy(true);
-                                setLoginNotice(null);
-                                setLoginError(null);
-                                setLoginErrorCode(null);
-                                if (authMode === 'register' && !loginDisplayName.trim()) {
-                                    setLoginError('Display name is required.');
-                                    setLoginBusy(false);
-                                    return;
-                                }
-                                let result = { success: false };
-                                if (authMode === 'login') {
-                                    result = await loginWithCredentials(loginEmail, loginPassword);
-                                }
-                                else if (authMode === 'register') {
-                                    result = await registerWithCredentials(loginEmail, loginPassword, {
-                                        displayName: loginDisplayName,
-                                        planId: selectedSignupPlanId || undefined,
-                                        planVersionId: selectedSignupPlanVersionId || undefined,
-                                        interval: selectedSignupInterval || undefined
-                                    });
-                                }
-                                else if (authMode === 'verify') {
-                                    result = await confirmEmailVerification(verificationToken);
-                                }
-                                else if (authMode === 'forgot') {
-                                    result = await requestPasswordReset(loginEmail);
-                                }
-                                else if (authMode === 'reset') {
-                                    result = await confirmPasswordReset(resetToken, loginPassword);
-                                }
-                                else if (authMode === 'invite') {
-                                    if (inviteResolution === 'existing_user_signed_out') {
+                            }, children: verifyCooldownActive ? `Resend in ${verifyCooldownSeconds}s` : 'Resend Verification Email' })), _jsx("div", { className: authStyles.authPrimaryActions, role: "group", "aria-label": "Primary authentication action", children: _jsx("button", { className: `${styles.submitBtn} ${authStyles.loginPrimaryBtn}`, disabled: loginBusy || (authMode === 'forgot' && resetCooldownActive), "data-testid": "auth-submit-button", onClick: async () => {
+                                    setLoginBusy(true);
+                                    setLoginNotice(null);
+                                    setLoginError(null);
+                                    setLoginErrorCode(null);
+                                    if (authMode === 'register' && !loginDisplayName.trim()) {
+                                        setLoginError('Display name is required.');
+                                        setLoginBusy(false);
+                                        return;
+                                    }
+                                    let result = { success: false };
+                                    if (authMode === 'login') {
                                         result = await loginWithCredentials(loginEmail, loginPassword);
                                     }
-                                    else {
-                                        result = invitePasswordRequired
-                                            ? await acceptInviteWithToken(inviteToken, loginPassword)
-                                            : await joinInviteWithToken(inviteToken);
+                                    else if (authMode === 'register') {
+                                        result = await registerWithCredentials(loginEmail, loginPassword, {
+                                            displayName: loginDisplayName,
+                                            planId: selectedSignupPlanId || undefined,
+                                            planVersionId: selectedSignupPlanVersionId || undefined,
+                                            interval: selectedSignupInterval || undefined
+                                        });
                                     }
-                                }
-                                if (!result.success) {
-                                    if (authMode === 'register'
-                                        && (result.code === 'SIGNUP_PLAN_NOT_ENABLED'
-                                            || result.code === 'SIGNUP_PLAN_VERSION_NOT_FOUND'
-                                            || result.code === 'SIGNUP_PLAN_VERSION_REQUIRED')) {
-                                        navigate(planSelectionPath, { replace: true });
-                                        setLoginBusy(false);
-                                        return;
+                                    else if (authMode === 'verify') {
+                                        result = await confirmEmailVerification(verificationToken);
                                     }
-                                    setLoginError(formatAuthError(result));
-                                    setLoginErrorCode(result.code || null);
-                                    if (authMode === 'login' && (result.code === 'WORKSPACE_NOT_FOUND' || result.code === 'WORKSPACE_ID_REQUIRED')) {
-                                        navigate('/setup?step=workspace', { replace: true });
-                                        setLoginBusy(false);
-                                        return;
+                                    else if (authMode === 'forgot') {
+                                        result = await requestPasswordReset(loginEmail);
+                                    }
+                                    else if (authMode === 'reset') {
+                                        result = await confirmPasswordReset(resetToken, loginPassword);
                                     }
-                                    if (authMode === 'login' && result.code === 'EMAIL_NOT_VERIFIED' && loginEmail.trim()) {
-                                        const sent = await requestEmailVerification(loginEmail);
-                                        if (sent.success) {
+                                    else if (authMode === 'invite') {
+                                        if (inviteResolution === 'existing_user_signed_out') {
+                                            result = await loginWithCredentials(loginEmail, loginPassword);
+                                        }
+                                        else {
+                                            result = invitePasswordRequired
+                                                ? await acceptInviteWithToken(inviteToken, loginPassword)
+                                                : await joinInviteWithToken(inviteToken);
+                                        }
+                                    }
+                                    if (!result.success) {
+                                        if (authMode === 'register'
+                                            && (result.code === 'SIGNUP_PLAN_NOT_ENABLED'
+                                                || result.code === 'SIGNUP_PLAN_VERSION_NOT_FOUND'
+                                                || result.code === 'SIGNUP_PLAN_VERSION_REQUIRED')) {
+                                            navigate(planSelectionPath, { replace: true });
+                                            setLoginBusy(false);
+                                            return;
+                                        }
+                                        setLoginError(formatAuthError(result));
+                                        setLoginErrorCode(result.code || null);
+                                        if (authMode === 'login' && (result.code === 'WORKSPACE_NOT_FOUND' || result.code === 'WORKSPACE_ID_REQUIRED')) {
+                                            navigate('/setup?step=workspace', { replace: true });
+                                            setLoginBusy(false);
+                                            return;
+                                        }
+                                        if (authMode === 'login' && result.code === 'EMAIL_NOT_VERIFIED' && loginEmail.trim()) {
+                                            const sent = await requestEmailVerification(loginEmail);
+                                            if (sent.success) {
+                                                setVerifyCooldownUntil(Date.now() + 30_000);
+                                                setLoginMode('verify');
+                                                if (sent.verificationToken)
+                                                    setVerificationToken(sent.verificationToken);
+                                                setLoginNotice('Email not verified. A verification token was sent.');
+                                                setLoginError(null);
+                                                setLoginErrorCode(null);
+                                            }
+                                        }
+                                        if (authMode === 'register' && result.code === 'EMAIL_ALREADY_EXISTS_UNVERIFIED' && loginEmail.trim()) {
                                             setVerifyCooldownUntil(Date.now() + 30_000);
                                             setLoginMode('verify');
-                                            if (sent.verificationToken)
-                                                setVerificationToken(sent.verificationToken);
-                                            setLoginNotice('Email not verified. A verification token was sent.');
+                                            if (result.verificationToken)
+                                                setVerificationToken(result.verificationToken);
+                                            setLoginNotice(result.emailSent === false
+                                                ? `This email already has an unverified account, but verification email delivery failed. ${result.emailError || 'Try Resend Verification again.'}`
+                                                : 'This email already has an unverified account. Check your email for verification instructions.');
                                             setLoginError(null);
                                             setLoginErrorCode(null);
                                         }
                                     }
-                                }
-                                else if (authMode === 'register') {
-                                    const postRegistrationPath = resolvePostRegistrationPath(result);
-                                    if (result.verificationRequired) {
-                                        setPendingVerificationWorkspaceSetupRequired(Boolean(result.workspaceSetupRequired));
-                                        setPendingVerificationRedirectPath(postRegistrationPath);
-                                        if (result.verificationToken)
-                                            setVerificationToken(result.verificationToken);
-                                        setVerifyCooldownUntil(Date.now() + 30_000);
-                                        setLoginMode('verify');
-                                        setLoginNotice(result.emailSent === false
-                                            ? `Account created, but verification email failed to send. ${result.emailError || 'Try Resend Verification again.'}`
-                                            : 'Account created. Check your email for verification instructions.');
+                                    else if (authMode === 'register') {
+                                        const postRegistrationPath = resolvePostRegistrationPath(result);
+                                        const commercialOnboardingGate = hasCommercialOnboardingGate(result);
+                                        if (result.verificationRequired) {
+                                            setPendingVerificationWorkspaceSetupRequired(Boolean(result.workspaceSetupRequired));
+                                            setPendingVerificationCommercialState(commercialOnboardingGate
+                                                ? String(result.commercialState || '').trim() || (result.planSelectionRequired ? 'pending_plan_selection' : 'checkout_pending')
+                                                : null);
+                                            setPendingVerificationRedirectPath(postRegistrationPath);
+                                            if (result.verificationToken)
+                                                setVerificationToken(result.verificationToken);
+                                            setVerifyCooldownUntil(Date.now() + 30_000);
+                                            setLoginMode('verify');
+                                            setLoginNotice(result.emailSent === false
+                                                ? `Account created, but verification email failed to send. ${result.emailError || 'Try Resend Verification again.'}`
+                                                : 'Account created. Check your email for verification instructions.');
+                                        }
+                                        else {
+                                            setPendingPostAuthRedirect({
+                                                path: postRegistrationPath,
+                                                workspaceSetupRequired: Boolean(result.workspaceSetupRequired),
+                                                commercialOnboardingGate
+                                            });
+                                        }
                                     }
-                                    else {
+                                    else if (authMode === 'verify') {
                                         await retryBootstrapChecks();
-                                        if (await routeToWorkspaceSetupIfNeeded(result.workspaceSetupRequired)) {
+                                        const commercialOnboardingGate = pendingVerificationCommercialState === 'pending_plan_selection'
+                                            || pendingVerificationCommercialState === 'checkout_pending';
+                                        setPendingPostAuthRedirect({
+                                            path: pendingVerificationRedirectPath || nextPath,
+                                            workspaceSetupRequired: pendingVerificationWorkspaceSetupRequired,
+                                            commercialOnboardingGate
+                                        });
+                                    }
+                                    else if (authMode === 'forgot') {
+                                        if (result.resetToken)
+                                            setResetToken(result.resetToken);
+                                        setResetCooldownUntil(Date.now() + 30_000);
+                                        setLoginMode('reset');
+                                        setLoginNotice(result.emailSent === false
+                                            ? `Password reset email failed to send. ${result.emailError || 'Try again in a minute.'}`
+                                            : 'Password reset instructions sent.');
+                                    }
+                                    else if (authMode === 'reset') {
+                                        setLoginMode('login');
+                                        setLoginNotice('Password updated. Sign in with your new password.');
+                                    }
+                                    else if (authMode === 'invite') {
+                                        if (inviteResolution === 'existing_user_signed_out') {
+                                            setAuthMode('invite');
+                                            setLoginPassword('');
+                                            setLoginNotice('Signed in. Review the invite details to continue.');
+                                            setLoginBusy(false);
+                                            return;
+                                        }
+                                        if (result.workspaceSetupRequired) {
+                                            navigate(resolveWorkspaceSetupPath(), { replace: true });
+                                            setLoginBusy(false);
+                                            return;
+                                        }
+                                        navigate(nextPath, { replace: true });
+                                    }
+                                    else if (authMode === 'login') {
+                                        if (inviteToken.trim()) {
+                                            setAuthMode('invite');
+                                            setLoginPassword('');
+                                            setLoginNotice('Signed in. Review the invite details to continue.');
+                                            setLoginBusy(false);
+                                            return;
+                                        }
+                                        if (result.workspaceSetupRequired) {
+                                            navigate(resolveWorkspaceSetupPath(), { replace: true });
                                             setLoginBusy(false);
                                             return;
                                         }
                                         setLoginEmail('');
                                         setLoginDisplayName('');
                                         setLoginPassword('');
-                                        navigate(postRegistrationPath, { replace: true });
+                                        navigate(nextPath, { replace: true });
                                     }
-                                }
-                                else if (authMode === 'verify') {
-                                    await retryBootstrapChecks();
-                                    if (await routeToWorkspaceSetupIfNeeded(pendingVerificationWorkspaceSetupRequired)) {
-                                        setLoginBusy(false);
-                                        return;
-                                    }
-                                    setLoginEmail('');
-                                    setLoginPassword('');
-                                    navigate(pendingVerificationRedirectPath || nextPath, { replace: true });
-                                }
-                                else if (authMode === 'forgot') {
-                                    if (result.resetToken)
-                                        setResetToken(result.resetToken);
-                                    setResetCooldownUntil(Date.now() + 30_000);
-                                    setLoginMode('reset');
-                                    setLoginNotice(result.emailSent === false
-                                        ? `Password reset email failed to send. ${result.emailError || 'Try again in a minute.'}`
-                                        : 'Password reset instructions sent.');
-                                }
-                                else if (authMode === 'reset') {
-                                    setLoginMode('login');
-                                    setLoginNotice('Password updated. Sign in with your new password.');
-                                }
-                                else if (authMode === 'invite') {
-                                    if (inviteResolution === 'existing_user_signed_out') {
-                                        setAuthMode('invite');
-                                        setLoginPassword('');
-                                        setLoginNotice('Signed in. Review the invite details to continue.');
-                                        setLoginBusy(false);
-                                        return;
-                                    }
-                                    if (result.workspaceSetupRequired) {
-                                        navigate('/setup?step=workspace', { replace: true });
-                                        setLoginBusy(false);
-                                        return;
-                                    }
-                                    navigate(nextPath, { replace: true });
-                                }
-                                else if (authMode === 'login') {
-                                    if (inviteToken.trim()) {
-                                        setAuthMode('invite');
+                                    else {
+                                        setLoginEmail('');
+                                        setLoginDisplayName('');
                                         setLoginPassword('');
-                                        setLoginNotice('Signed in. Review the invite details to continue.');
-                                        setLoginBusy(false);
-                                        return;
-                                    }
-                                    if (result.workspaceSetupRequired) {
-                                        navigate('/setup?step=workspace', { replace: true });
-                                        setLoginBusy(false);
-                                        return;
+                                        navigate(nextPath, { replace: true });
                                     }
-                                    setLoginEmail('');
-                                    setLoginDisplayName('');
-                                    setLoginPassword('');
-                                    navigate(nextPath, { replace: true });
-                                }
-                                else {
-                                    setLoginEmail('');
-                                    setLoginDisplayName('');
-                                    setLoginPassword('');
-                                    navigate(nextPath, { replace: true });
-                                }
-                                setLoginBusy(false);
-                            }, children: loginBusy ? 'Working...' : (authMode === 'login' ? 'Sign In'
-                                : authMode === 'register' ? 'Create Account'
-                                    : authMode === 'verify'
-                                        ? (verifyCooldownActive ? `Resend in ${verifyCooldownSeconds}s` : 'Resend Verification')
-                                        : authMode === 'forgot'
-                                            ? (resetCooldownActive ? `Retry in ${resetCooldownSeconds}s` : 'Send Reset Link')
-                                            : authMode === 'reset'
-                                                ? 'Reset Password'
-                                                : (inviteResolution === 'existing_user_signed_out'
-                                                    ? 'Sign In to Continue'
-                                                    : (invitePasswordRequired ? 'Create Account and Join' : 'Join Workspace'))) }), authMode === 'register' && (_jsxs("p", { className: authStyles.registerConsent, children: ["By creating an account, you agree to the", ' ', _jsx("a", { className: authStyles.registerConsentLink, href: "https://taskforcehq.com/legal/terms", target: "_blank", rel: "noopener noreferrer", children: "Terms of Service" }), ' ', "and acknowledge the", ' ', _jsx("a", { className: authStyles.registerConsentLink, href: "https://taskforcehq.com/legal/privacy", target: "_blank", rel: "noopener noreferrer", children: "Privacy Policy" }), "."] })), directRegistrationEnabled && (authMode === 'login' || authMode === 'register') && (_jsxs("p", { className: authStyles.authModeSwitch, children: [authMode === 'login' ? 'Need an account?' : 'Already have an account?', ' ', _jsx("button", { className: authStyles.authModeSwitchLink, disabled: loginBusy, onClick: () => {
-                                        setLoginError(null);
-                                        setLoginErrorCode(null);
-                                        setLoginNotice(null);
-                                        setLoginMode(authMode === 'login' ? 'register' : 'login');
-                                    }, children: authMode === 'login' ? 'Register' : 'Sign In' })] })), _jsxs("div", { className: authStyles.authModeLinks, children: [(authMode === 'login' || authMode === 'register') && (_jsxs(_Fragment, { children: [_jsx("button", { className: authStyles.authModeLink, disabled: loginBusy || resetCooldownActive, onClick: () => { setLoginError(null); setLoginErrorCode(null); setLoginNotice(null); setLoginMode('forgot'); }, children: resetCooldownActive ? `Forgot Password (${resetCooldownSeconds}s)` : 'Forgot Password' }), _jsx("button", { className: authStyles.authModeLink, disabled: loginBusy || verifyCooldownActive, onClick: () => { setLoginError(null); setLoginErrorCode(null); setLoginNotice(null); setLoginMode('verify'); }, children: verifyCooldownActive ? `Resend Verification (${verifyCooldownSeconds}s)` : 'Resend Verification' }), _jsx("button", { className: authStyles.authModeLink, disabled: loginBusy, onClick: () => { setLoginError(null); setLoginErrorCode(null); setLoginNotice(null); setLoginMode('invite'); }, children: "Accept Invite" })] })), (authMode !== 'login' && authMode !== 'register') && (_jsxs(_Fragment, { children: [_jsx("button", { className: authStyles.authModeLink, disabled: loginBusy, onClick: () => { setLoginError(null); setLoginErrorCode(null); setLoginNotice(null); setLoginMode('login'); }, children: "Sign In" }), directRegistrationEnabled && (_jsx("button", { className: authStyles.authModeLink, disabled: loginBusy, onClick: () => { setLoginError(null); setLoginErrorCode(null); setLoginNotice(null); setLoginMode('register'); }, children: "Register" })), authMode === 'reset' && (_jsx("button", { className: authStyles.authModeLink, disabled: loginBusy || resetCooldownActive, onClick: () => { setLoginError(null); setLoginErrorCode(null); setLoginNotice(null); setLoginMode('forgot'); }, children: resetCooldownActive ? `Forgot Password (${resetCooldownSeconds}s)` : 'Forgot Password' }))] }))] })] }) }) }));
+                                    setLoginBusy(false);
+                                }, children: loginBusy ? 'Working...' : (authMode === 'login' ? 'Sign In'
+                                    : authMode === 'register' ? 'Create Account'
+                                        : authMode === 'verify' ? 'Verify Email'
+                                            : authMode === 'forgot'
+                                                ? (resetCooldownActive ? `Retry in ${resetCooldownSeconds}s` : 'Send Reset Link')
+                                                : authMode === 'reset'
+                                                    ? 'Reset Password'
+                                                    : (inviteResolution === 'existing_user_signed_out'
+                                                        ? 'Sign In to Continue'
+                                                        : (invitePasswordRequired ? 'Create Account and Join' : 'Join Workspace'))) }) }), authMode === 'register' && (_jsxs("p", { className: authStyles.registerConsent, children: ["By creating an account, you agree to the", ' ', _jsx("a", { className: authStyles.registerConsentLink, href: "https://taskforcehq.com/legal/terms", target: "_blank", rel: "noopener noreferrer", children: "Terms of Service" }), ' ', "and acknowledge the", ' ', _jsx("a", { className: authStyles.registerConsentLink, href: "https://taskforcehq.com/legal/privacy", target: "_blank", rel: "noopener noreferrer", children: "Privacy Policy" }), "."] })), _jsxs("div", { className: authStyles.authSecondaryActions, role: "group", "aria-label": "Authentication navigation", children: [directRegistrationEnabled && (authMode === 'login' || authMode === 'register') && (_jsxs("p", { className: authStyles.authModeSwitch, children: [authMode === 'login' ? 'Need an account?' : 'Already have an account?', ' ', _jsx("button", { className: authStyles.authModeSwitchLink, disabled: loginBusy, "data-testid": "auth-switch-mode-button", onClick: () => {
+                                                setLoginError(null);
+                                                setLoginErrorCode(null);
+                                                setLoginNotice(null);
+                                                setLoginMode(authMode === 'login' ? 'register' : 'login');
+                                            }, children: authMode === 'login' ? 'Register' : 'Sign In' })] })), _jsxs("div", { className: authStyles.authModeLinks, children: [(authMode === 'login' || authMode === 'register') && (_jsxs(_Fragment, { children: [_jsx("button", { className: authStyles.authModeLink, disabled: loginBusy || resetCooldownActive, "data-testid": "auth-forgot-password-button", onClick: () => { setLoginError(null); setLoginErrorCode(null); setLoginNotice(null); setLoginMode('forgot'); }, children: resetCooldownActive ? `Forgot Password (${resetCooldownSeconds}s)` : 'Forgot Password' }), _jsx("button", { className: authStyles.authModeLink, disabled: loginBusy || verifyCooldownActive, "data-testid": "auth-resend-verification-button", onClick: () => { setLoginError(null); setLoginErrorCode(null); setLoginNotice(null); setLoginMode('verify'); }, children: verifyCooldownActive ? `Resend Verification (${verifyCooldownSeconds}s)` : 'Resend Verification' }), _jsx("button", { className: authStyles.authModeLink, disabled: loginBusy, "data-testid": "auth-accept-invite-button", onClick: () => { setLoginError(null); setLoginErrorCode(null); setLoginNotice(null); setLoginMode('invite'); }, children: "Accept Invite" })] })), (authMode !== 'login' && authMode !== 'register') && (_jsxs(_Fragment, { children: [authMode === 'verify' && (_jsx("button", { className: authStyles.authModeLink, disabled: loginBusy || verifyCooldownActive || !loginEmail.trim(), "data-testid": "auth-resend-verification-button", onClick: async () => {
+                                                        setLoginBusy(true);
+                                                        setLoginNotice(null);
+                                                        setLoginError(null);
+                                                        setLoginErrorCode(null);
+                                                        const sent = await requestEmailVerification(loginEmail);
+                                                        if (sent.success) {
+                                                            setVerifyCooldownUntil(Date.now() + 30_000);
+                                                            if (sent.verificationToken)
+                                                                setVerificationToken(sent.verificationToken);
+                                                            setLoginNotice('Verification email resent.');
+                                                        }
+                                                        else {
+                                                            setLoginError(formatAuthError(sent));
+                                                        }
+                                                        setLoginBusy(false);
+                                                    }, children: verifyCooldownActive ? `Resend Verification (${verifyCooldownSeconds}s)` : 'Resend Verification' })), _jsx("button", { className: authStyles.authModeLink, disabled: loginBusy, "data-testid": "auth-return-sign-in-button", onClick: () => { setLoginError(null); setLoginErrorCode(null); setLoginNotice(null); setLoginMode('login'); }, children: authMode === 'verify' ? 'Back to Sign In' : 'Sign In' }), directRegistrationEnabled && authMode !== 'verify' && (_jsx("button", { className: authStyles.authModeLink, disabled: loginBusy, "data-testid": "auth-return-register-button", onClick: () => { setLoginError(null); setLoginErrorCode(null); setLoginNotice(null); setLoginMode('register'); }, children: "Register" })), authMode === 'reset' && (_jsx("button", { className: authStyles.authModeLink, disabled: loginBusy || resetCooldownActive, "data-testid": "auth-return-forgot-password-button", onClick: () => { setLoginError(null); setLoginErrorCode(null); setLoginNotice(null); setLoginMode('forgot'); }, children: resetCooldownActive ? `Forgot Password (${resetCooldownSeconds}s)` : 'Forgot Password' }))] }))] })] })] }) }) }));
     }
     if (shouldForceLogin && !isLoginRoute) {
         return (_jsx("div", { className: shellStyles.standaloneWrapper, "data-theme": currentTheme, children: _jsx("div", { className: authStyles.loginView, children: _jsxs("div", { className: authStyles.loginCard, children: [_jsxs("div", { className: authStyles.authBrandRow, children: [_jsx("img", { src: authBrandLogo, alt: "Taskforce", className: authStyles.loginLogo }), _jsx("h1", { className: authStyles.loginTitle, children: "Loading Taskforce" })] }), _jsx("p", { className: authStyles.loginSubtitle, children: "Redirecting to sign in..." })] }) }) }));
@@ -865,6 +1096,7 @@ function TaskforceCoreWithRouter({ config = {}, initialTaskId, onTaskCountChange
                 }, children: _jsxs("div", { className: authStyles.loginCard, children: [_jsxs("div", { className: authStyles.authBrandRow, children: [_jsx("img", { src: authBrandLogo, alt: "Taskforce", className: authStyles.loginLogo }), _jsx("h1", { className: authStyles.loginTitle, children: "Private Beta" })] }), _jsx("p", { className: authStyles.loginSubtitle, children: "You are signed in, but your account is not in the beta allowlist yet." }), _jsx("p", { className: authStyles.loginSubtitle, children: "You will see the full app as soon as beta access is enabled." }), _jsx("button", { className: styles.cancelBtn, onClick: async () => { await taskforceState.logout(); navigate('/login', { replace: true }); }, children: "Sign Out" })] }) }) }));
     }
     const showGuidedWorkspaceSetup = isCreateWorkspaceIntent
+        || (isSetupRoute && Boolean(pendingCloudWorkspaceImport))
         || (isSetupRoute && setupGateActive && (hasSetupReadError || needsGlobalSetup || needsWorkspaceSetup));
     if (showGuidedWorkspaceSetup) {
         const isError = !isCreateWorkspaceIntent && (hasSetupReadError || setupStep === 'error');
@@ -873,25 +1105,52 @@ function TaskforceCoreWithRouter({ config = {}, initialTaskId, onTaskCountChange
             ? t('setup.headingCheckFailed')
             : (isGlobal
                 ? t('setup.headingGlobalRequired')
-                : (isCreateWorkspaceIntent ? 'Create Workspace' : t('setup.headingWorkspaceRequired')));
+                : t('setup.headingWorkspaceRequired'));
         const subtitle = isError
             ? t('setup.subtitleUnreadable')
             : isGlobal
                 ? t('setup.subtitleGlobalRequired')
-                : (isCreateWorkspaceIntent
-                    ? 'Set up the new workspace before it is created.'
-                    : t('setup.subtitleWorkspaceRequired'));
-        const workspaceLabel = setupModeChoice === 'operations'
-            ? t('setup.workspaceTermMission')
-            : t('setup.workspaceTermProject');
+                : null;
+        const workspaceLabel = 'Workspace';
+        const isLocalWorkspaceSetup = isCloudRuntime || workspaceSetupSource !== 'cloud';
+        const isWorkspaceDetailsPage = isLocalWorkspaceSetup && workspaceSetupPage === 'details';
+        const isWorkspaceStarterPage = isLocalWorkspaceSetup && workspaceSetupPage === 'starter';
+        const showWorkspaceSourceSelector = !isCloudRuntime
+            && canUseCloudWorkspaceSetup
+            && isWorkspaceDetailsPage
+            && !pendingCloudWorkspaceImport;
+        const runtimeIcon = runtimeCapabilities?.runtimeMode === 'cloud' ? Cloud : LaptopMinimal;
+        const starterCategoryItems = selectedSetupPack ? formatStarterSectionItems(selectedSetupPack.categories) : '';
+        const starterTypeItems = selectedSetupPack ? formatStarterSectionItems(selectedSetupPack.types) : '';
+        const starterPriorityItems = selectedSetupPack ? formatStarterSectionItems(selectedSetupPack.priorities) : '';
+        const setupPrimaryActionLabel = setupBusy
+            ? t('setup.saving')
+            : wantsCloudWorkspaceSetup
+                ? (pendingCloudWorkspaceImport
+                    ? (isCloudWorkspaceImportErrored ? 'Retry Import' : 'Importing Workspace...')
+                    : 'Connect Workspace')
+                : isWorkspaceDetailsPage
+                    ? 'Continue'
+                    : isWorkspaceStarterPage
+                        ? 'Create Workspace'
+                        : 'Connect Workspace';
         return (_jsx("div", { className: shellStyles.standaloneWrapper, "data-theme": currentTheme, children: _jsx("div", { className: authStyles.loginView, style: {
                     backgroundImage: `linear-gradient(rgba(15, 15, 26, 0.88), rgba(15, 15, 26, 0.9)), url(${taskforceBg})`
-                }, children: _jsxs("div", { className: authStyles.loginCard, children: [_jsxs("div", { className: authStyles.authBrandRow, children: [_jsx("img", { src: authBrandLogo, alt: "Taskforce", className: authStyles.loginLogo }), _jsxs("h1", { className: authStyles.loginTitle, children: ["TASKFORCE ", _jsx("span", { className: authStyles.loginTitleAccent, children: "HQ" })] })] }), _jsx("p", { className: authStyles.loginSubtitle, children: _jsx("strong", { children: heading }) }), _jsx("p", { className: authStyles.loginSubtitle, children: subtitle }), runtimeCapabilities && (_jsxs("p", { className: authStyles.loginSubtitle, children: [t('setup.runtimeLabel'), ": ", _jsx("strong", { children: runtimeCapabilities.runtimeMode })] })), setupNotice && _jsx("p", { className: authStyles.loginSubtitle, children: setupNotice }), setupError && _jsx("p", { className: authStyles.loginError, children: setupError }), isGlobal && (_jsxs("div", { className: authStyles.optionGrid, children: [_jsxs("label", { className: `${authStyles.authModeLink} ${authStyles.optionRow}`, children: [_jsx("input", { type: "radio", name: "setup-mode", value: "core", checked: setupModeChoice === 'core', onChange: () => setSetupModeChoice('core'), disabled: setupBusy }), _jsx("span", { children: t('setup.coreModeOption', { workspaceLabel }) })] }), _jsxs("label", { className: `${authStyles.authModeLink} ${authStyles.optionRow}`, children: [_jsx("input", { type: "radio", name: "setup-mode", value: "operations", checked: setupModeChoice === 'operations', onChange: () => setSetupModeChoice('operations'), disabled: setupBusy }), _jsx("span", { children: t('setup.operationsModeOption') })] })] })), !isError && !isGlobal && (_jsxs("div", { className: authStyles.optionGrid, children: [!isCloudRuntime && canUseCloudWorkspaceSetup && (_jsxs("div", { className: authStyles.optionGroup, children: [_jsxs("label", { className: `${authStyles.authModeLink} ${authStyles.optionRow}`, children: [_jsx("input", { type: "radio", name: "workspace-setup-source", value: "local", checked: workspaceSetupSource === 'local', onChange: () => setWorkspaceSetupSource('local'), disabled: setupBusy }), _jsxs("span", { children: ["Create new local ", workspaceLabel.toLowerCase()] })] }), _jsxs("label", { className: `${authStyles.authModeLink} ${authStyles.optionRow}`, children: [_jsx("input", { type: "radio", name: "workspace-setup-source", value: "cloud", checked: workspaceSetupSource === 'cloud', onChange: () => setWorkspaceSetupSource('cloud'), disabled: setupBusy }), _jsxs("span", { children: ["Sync existing cloud ", workspaceLabel.toLowerCase()] })] })] })), !isCloudRuntime && workspaceSetupSource === 'cloud' && canUseCloudWorkspaceSetup ? (_jsxs("div", { className: authStyles.optionGroup, children: [!isAuthenticated && (_jsxs(_Fragment, { children: [_jsx("p", { className: authStyles.inlineHint, children: "Sign in to choose one of your cloud projects." }), _jsx("button", { className: styles.cancelBtn, disabled: setupBusy, onClick: () => {
-                                                        navigate(`/login?mode=login&next=${encodeURIComponent('/setup?step=workspace&source=cloud')}`, { replace: true });
-                                                    }, children: "Sign In" })] })), isAuthenticated && (_jsxs(_Fragment, { children: [_jsxs("select", { className: styles.input, value: cloudWorkspaceSelection, onChange: (event) => setCloudWorkspaceSelection(event.target.value), disabled: setupBusy || cloudWorkspaceLoading || cloudWorkspaceOptions.length === 0, children: [cloudWorkspaceOptions.length === 0 && (_jsx("option", { value: "", children: cloudWorkspaceLoading ? 'Loading cloud projects...' : 'No cloud projects found' })), cloudWorkspaceOptions.map((workspace) => (_jsxs("option", { value: workspace.id, children: [workspace.name, " (", workspace.id, ")"] }, workspace.id)))] }), _jsx("div", { className: authStyles.actionRowEnd, children: _jsx("button", { className: styles.cancelBtn, disabled: setupBusy || cloudWorkspaceLoading, onClick: () => void fetchCloudWorkspaceOptions(), children: "Refresh Cloud Projects" }) }), cloudWorkspaceError && _jsx("p", { className: authStyles.loginError, children: cloudWorkspaceError })] }))] })) : (_jsxs(_Fragment, { children: [_jsx("input", { className: styles.input, type: "text", value: workspaceNameInput, placeholder: t('setup.workspaceNamePlaceholder', { workspaceLabel }), onChange: (event) => setWorkspaceNameInput(event.target.value), disabled: setupBusy }), _jsx("textarea", { className: styles.textarea, value: workspaceDescriptionInput, placeholder: t('setup.workspaceDescriptionPlaceholder', { workspaceLabel }), onChange: (event) => setWorkspaceDescriptionInput(event.target.value), disabled: setupBusy, rows: 4 }), _jsxs("div", { className: authStyles.optionGroup, children: [_jsx("p", { className: authStyles.loginSubtitle, children: "What are you working on?" }), _jsx("p", { className: authStyles.inlineHint, children: "Choose a starter taxonomy library for this workspace. You can still edit categories, task types, and priorities later." }), setupLibraryPacks.map((pack) => {
-                                                    const isSelected = selectedSetupPack?.id === pack.id;
-                                                    return (_jsxs("label", { className: `${authStyles.authModeLink} ${authStyles.optionRow}`, children: [_jsx("input", { type: "radio", name: "workspace-taxonomy-library", checked: isSelected, onChange: () => setSelectedSetupPackId(pack.id), disabled: setupBusy || setupLibraryLoading }), _jsx("span", { children: pack.label })] }, pack.id));
-                                                }), selectedSetupPack ? (_jsxs(_Fragment, { children: [_jsx("p", { className: authStyles.inlineHint, children: selectedSetupPack.description }), _jsxs("p", { className: authStyles.inlineHint, children: ["Includes ", selectedSetupPack.categories.length, " categories, ", selectedSetupPack.types.length, " task types, and ", selectedSetupPack.priorities.length, " priority levels."] })] })) : null, _jsxs("div", { className: authStyles.optionGroup, children: [_jsx("p", { className: authStyles.loginSubtitle, children: "Apply Starter Sections" }), _jsxs("label", { className: `${authStyles.authModeLink} ${authStyles.optionRow}`, children: [_jsx("input", { type: "checkbox", checked: setupTaxonomySections.categories, onChange: () => setSetupTaxonomySections((current) => ({ ...current, categories: !current.categories })), disabled: setupBusy || !selectedSetupPack?.categories.length }), _jsx("span", { children: "Categories" })] }), _jsxs("label", { className: `${authStyles.authModeLink} ${authStyles.optionRow}`, children: [_jsx("input", { type: "checkbox", checked: setupTaxonomySections.types, onChange: () => setSetupTaxonomySections((current) => ({ ...current, types: !current.types })), disabled: setupBusy || !selectedSetupPack?.types.length }), _jsx("span", { children: "Task Types" })] }), _jsxs("label", { className: `${authStyles.authModeLink} ${authStyles.optionRow}`, children: [_jsx("input", { type: "checkbox", checked: setupTaxonomySections.priorities, onChange: () => setSetupTaxonomySections((current) => ({ ...current, priorities: !current.priorities })), disabled: setupBusy || !selectedSetupPack?.priorities.length }), _jsx("span", { children: "Priorities" })] })] }), setupLibraryLoading ? (_jsx("p", { className: authStyles.inlineHint, children: "Loading starter libraries\u2026" })) : null, setupLibraryError ? (_jsx("p", { className: authStyles.loginError, children: setupLibraryError })) : null] }), !isCloudRuntime && canUseCloudWorkspaceSetup && isAuthenticated && (_jsxs("div", { className: authStyles.optionGroup, children: [_jsxs("label", { className: `${authStyles.authModeLink} ${authStyles.optionRow}`, children: [_jsx("input", { type: "checkbox", checked: syncNewLocalWorkspaceToCloud, onChange: (event) => setSyncNewLocalWorkspaceToCloud(event.target.checked), disabled: setupBusy }), _jsx("span", { children: "Sync to cloud after setup" })] }), _jsx("p", { className: authStyles.inlineHint, children: "When enabled, this project will connect to cloud sync as soon as setup finishes." })] }))] }))] })), _jsxs("div", { className: authStyles.authModeLinks, children: [isGlobal ? (_jsx("button", { className: styles.submitBtn, disabled: setupBusy, onClick: async () => {
+                }, children: _jsxs("div", { className: authStyles.loginCard, children: [_jsxs("div", { className: authStyles.setupHeaderRow, children: [_jsxs("div", { className: authStyles.authBrandRow, children: [_jsx("img", { src: authBrandLogo, alt: "Taskforce", className: authStyles.loginLogo }), _jsxs("h1", { className: authStyles.loginTitle, children: ["TASKFORCE ", _jsx("span", { className: authStyles.loginTitleAccent, children: "HQ" })] })] }), runtimeCapabilities && (_jsx("span", { className: authStyles.runtimeIconBadge, title: runtimeCapabilities.runtimeMode === 'cloud' ? 'Cloud runtime' : 'Local runtime', "aria-label": runtimeCapabilities.runtimeMode === 'cloud' ? 'Cloud runtime' : 'Local runtime', children: React.createElement(runtimeIcon, { size: 16, 'aria-hidden': true }) }))] }), _jsx("p", { className: authStyles.loginSubtitle, children: _jsx("strong", { children: heading }) }), subtitle ? _jsx("p", { className: authStyles.loginSubtitle, children: subtitle }) : null, setupNotice && _jsx("p", { className: authStyles.loginSubtitle, children: setupNotice }), setupError && _jsx("p", { className: authStyles.loginError, children: setupError }), isGlobal && (_jsxs("div", { className: authStyles.optionGrid, children: [_jsxs("label", { className: `${authStyles.authModeLink} ${authStyles.optionRow}`, children: [_jsx("input", { type: "radio", name: "setup-mode", value: "core", checked: setupModeChoice === 'core', onChange: () => setSetupModeChoice('core'), disabled: setupBusy }), _jsx("span", { children: t('setup.coreModeOption', { workspaceLabel }) })] }), _jsxs("label", { className: `${authStyles.authModeLink} ${authStyles.optionRow}`, children: [_jsx("input", { type: "radio", name: "setup-mode", value: "operations", checked: setupModeChoice === 'operations', onChange: () => setSetupModeChoice('operations'), disabled: setupBusy }), _jsx("span", { children: t('setup.operationsModeOption') })] })] })), !isError && !isGlobal && (_jsxs("div", { className: authStyles.optionGrid, children: [showWorkspaceSourceSelector && (_jsxs("div", { className: authStyles.optionGroup, children: [_jsxs("label", { className: `${authStyles.authModeLink} ${authStyles.optionRow}`, children: [_jsx("input", { type: "radio", name: "workspace-setup-source", value: "local", checked: workspaceSetupSource === 'local', onChange: () => setWorkspaceSetupSource('local'), disabled: setupBusy }), _jsxs("span", { children: ["Create new local ", workspaceLabel.toLowerCase()] })] }), _jsxs("label", { className: `${authStyles.authModeLink} ${authStyles.optionRow}`, children: [_jsx("input", { type: "radio", name: "workspace-setup-source", value: "cloud", checked: workspaceSetupSource === 'cloud', onChange: () => setWorkspaceSetupSource('cloud'), disabled: setupBusy }), _jsxs("span", { children: ["Sync existing cloud ", workspaceLabel.toLowerCase()] })] })] })), wantsCloudWorkspaceSetup ? (_jsxs("div", { className: authStyles.optionGroup, children: [!pendingCloudWorkspaceImport && !canUseCloudWorkspaceSetup && (_jsx("p", { className: authStyles.loginError, children: "Cloud workspace sync is unavailable right now. Switch back to local setup or refresh runtime configuration." })), !pendingCloudWorkspaceImport && canUseCloudWorkspaceSetup && !isAuthenticated && (_jsxs(_Fragment, { children: [_jsx("p", { className: authStyles.inlineHint, children: "Sign in to choose one of your cloud projects." }), _jsxs("div", { className: authStyles.actionRowEnd, children: [_jsx("button", { className: styles.cancelBtn, disabled: setupBusy, onClick: () => {
+                                                                navigate(`/login?mode=login&next=${encodeURIComponent(cloudWorkspaceSelectionPath)}`, { replace: true });
+                                                            }, children: "Sign In" }), directRegistrationEnabled && (_jsx("button", { className: styles.submitBtn, disabled: setupBusy, onClick: () => {
+                                                                navigate(`/login?mode=register&next=${encodeURIComponent(cloudWorkspaceSelectionPath)}`, { replace: true });
+                                                            }, children: "Register" }))] })] })), !pendingCloudWorkspaceImport && canUseCloudWorkspaceSetup && isAuthenticated && (_jsxs(_Fragment, { children: [_jsxs("select", { className: styles.input, value: cloudWorkspaceSelection, onChange: (event) => setCloudWorkspaceSelection(event.target.value), disabled: setupBusy || cloudWorkspaceLoading || cloudWorkspaceOptions.length === 0, children: [cloudWorkspaceOptions.length === 0 && (_jsx("option", { value: "", children: cloudWorkspaceLoading ? 'Loading cloud projects...' : 'No cloud projects found' })), cloudWorkspaceOptions.map((workspace) => (_jsxs("option", { value: workspace.id, children: [workspace.name, " (", workspace.id, ")"] }, workspace.id)))] }), _jsx("div", { className: authStyles.actionRowEnd, children: _jsx("button", { className: styles.cancelBtn, disabled: setupBusy || cloudWorkspaceLoading, onClick: () => void fetchCloudWorkspaceOptions(), children: "Refresh Cloud Projects" }) }), cloudWorkspaceError && _jsx("p", { className: authStyles.loginError, children: cloudWorkspaceError })] })), pendingCloudWorkspaceImport && (_jsxs(_Fragment, { children: [_jsxs("p", { className: authStyles.inlineHint, children: ["Importing \"", pendingCloudWorkspaceImport.name, "\" from cloud into local."] }), _jsx("div", { className: authStyles.optionGroup, children: cloudWorkspaceImportProgressLines.map((line) => (_jsx("p", { className: authStyles.inlineHint, children: line }, line))) }), _jsx("p", { className: authStyles.inlineHint, children: cloudWorkspaceImportFinalizing
+                                                        ? 'Finishing setup and opening your workspace.'
+                                                        : (workspaceSyncSummary || 'Pulling tasks, taxonomies, and settings into local.') }), !cloudWorkspaceImportFinalizing && workspaceSyncRecommendedAction && (_jsx("p", { className: authStyles.inlineHint, children: workspaceSyncRecommendedAction }))] }))] })) : (_jsxs(_Fragment, { children: [isWorkspaceDetailsPage && (_jsxs(_Fragment, { children: [_jsx("p", { className: authStyles.loginSubtitle, children: "Workspace name" }), _jsx("input", { className: styles.input, type: "text", value: workspaceNameInput, placeholder: "Workspace name", onChange: (event) => setWorkspaceNameInput(event.target.value), disabled: setupBusy }), _jsx("p", { className: authStyles.loginSubtitle, children: "Workspace description" }), _jsx("textarea", { className: styles.textarea, value: workspaceDescriptionInput, placeholder: "Workspace description (optional)", onChange: (event) => setWorkspaceDescriptionInput(event.target.value), disabled: setupBusy, rows: 4 })] })), isWorkspaceStarterPage && (_jsxs("div", { className: authStyles.optionGroup, children: [_jsx("p", { className: authStyles.loginSubtitle, children: "What are you working on?" }), _jsxs("select", { className: styles.input, value: selectedSetupPackId, onChange: (event) => setSelectedSetupPackId(event.target.value), disabled: setupBusy || setupLibraryLoading || setupLibraryPacks.length === 0, children: [setupLibraryPacks.length === 0 && (_jsx("option", { value: "", children: setupLibraryLoading ? 'Loading starter options...' : 'No starter options available' })), setupLibraryPacks.map((pack) => (_jsx("option", { value: pack.id, children: pack.label }, pack.id)))] }), selectedSetupPack ? (_jsx(_Fragment, { children: selectedSetupPack.description ? (_jsx("p", { className: authStyles.inlineHint, children: selectedSetupPack.description })) : null })) : null, _jsxs("div", { className: authStyles.optionGroup, children: [_jsx("p", { className: authStyles.loginSubtitle, children: "Apply Starter Sections" }), _jsxs("label", { className: `${authStyles.authModeLink} ${authStyles.optionRow}`, children: [_jsx("input", { type: "checkbox", checked: setupTaxonomySections.categories, onChange: () => setSetupTaxonomySections((current) => ({ ...current, categories: !current.categories })), disabled: setupBusy || !selectedSetupPack?.categories.length }), _jsx("span", { children: "Categories" })] }), starterCategoryItems ? (_jsx("p", { className: authStyles.inlineHint, children: starterCategoryItems })) : null, _jsxs("label", { className: `${authStyles.authModeLink} ${authStyles.optionRow}`, children: [_jsx("input", { type: "checkbox", checked: setupTaxonomySections.types, onChange: () => setSetupTaxonomySections((current) => ({ ...current, types: !current.types })), disabled: setupBusy || !selectedSetupPack?.types.length }), _jsx("span", { children: "Task Types" })] }), starterTypeItems ? (_jsx("p", { className: authStyles.inlineHint, children: starterTypeItems })) : null, _jsxs("label", { className: `${authStyles.authModeLink} ${authStyles.optionRow}`, children: [_jsx("input", { type: "checkbox", checked: setupTaxonomySections.priorities, onChange: () => setSetupTaxonomySections((current) => ({ ...current, priorities: !current.priorities })), disabled: setupBusy || !selectedSetupPack?.priorities.length }), _jsx("span", { children: "Priorities" })] }), starterPriorityItems ? (_jsx("p", { className: authStyles.inlineHint, children: starterPriorityItems })) : null] }), setupLibraryLoading ? (_jsx("p", { className: authStyles.inlineHint, children: "Loading starter options\u2026" })) : null, setupLibraryError ? (_jsx("p", { className: authStyles.loginError, children: setupLibraryError })) : null] })), !isCloudRuntime && canUseCloudWorkspaceSetup && isAuthenticated && isWorkspaceDetailsPage && (_jsxs("div", { className: authStyles.optionGroup, children: [_jsxs("label", { className: `${authStyles.authModeLink} ${authStyles.optionRow}`, children: [_jsx("input", { type: "checkbox", checked: syncNewLocalWorkspaceToCloud, onChange: (event) => setSyncNewLocalWorkspaceToCloud(event.target.checked), disabled: setupBusy }), _jsx("span", { children: "Sync to cloud after setup" })] }), _jsx("p", { className: authStyles.inlineHint, children: "When enabled, this project will connect to cloud sync as soon as setup finishes." })] }))] }))] })), _jsxs("div", { className: authStyles.authModeLinks, children: [isWorkspaceStarterPage ? (_jsx("button", { className: styles.cancelBtn, onClick: () => {
+                                        setSetupError(null);
+                                        setSetupNotice(null);
+                                        setWorkspaceSetupPage('details');
+                                    }, children: "Back" })) : isCreateWorkspaceIntent ? (_jsx("button", { className: styles.cancelBtn, onClick: () => {
+                                        setSetupError(null);
+                                        setSetupNotice(null);
+                                        navigate('/', { replace: true });
+                                    }, children: "Cancel" })) : runtimeMode === 'cloud' ? (_jsx("button", { className: styles.cancelBtn, onClick: async () => { await taskforceState.logout(); navigate('/login', { replace: true }); }, children: t('setup.signOut') })) : null, isGlobal ? (_jsx("button", { className: styles.submitBtn, disabled: setupBusy || (isCloudWorkspaceSetupFlow && Boolean(pendingCloudWorkspaceImport) && !isCloudWorkspaceImportErrored), onClick: async () => {
                                         setSetupBusy(true);
                                         setSetupNotice(null);
                                         setSetupError(null);
@@ -917,11 +1176,32 @@ function TaskforceCoreWithRouter({ config = {}, initialTaskId, onTaskCountChange
                                         finally {
                                             setSetupBusy(false);
                                         }
-                                    }, children: setupBusy ? t('setup.saving') : t('setup.saveGlobalSetup') })) : !isError ? (_jsx("button", { className: styles.submitBtn, disabled: setupBusy, onClick: async () => {
-                                        setSetupBusy(true);
-                                        setSetupNotice(null);
-                                        setSetupError(null);
-                                        if (!isCloudRuntime && workspaceSetupSource === 'cloud' && canUseCloudWorkspaceSetup) {
+                                    }, children: setupBusy ? t('setup.saving') : t('setup.saveGlobalSetup') })) : !isError ? (_jsx("button", { className: styles.submitBtn, disabled: setupBusy
+                                        || (isCloudWorkspaceSetupFlow && !pendingCloudWorkspaceImport && !isAuthenticated), onClick: async () => {
+                                        if (isCloudWorkspaceSetupFlow && pendingCloudWorkspaceImport) {
+                                            if (!isCloudWorkspaceImportErrored)
+                                                return;
+                                            setSetupBusy(true);
+                                            setSetupNotice(`Retrying import for ${pendingCloudWorkspaceImport.name}...`);
+                                            setSetupError(null);
+                                            try {
+                                                await retryWorkspaceCloudSync();
+                                            }
+                                            catch {
+                                                setSetupNotice(null);
+                                                setSetupError(`Failed to retry import for "${pendingCloudWorkspaceImport.name}".`);
+                                            }
+                                            finally {
+                                                setSetupBusy(false);
+                                            }
+                                            return;
+                                        }
+                                        if (wantsCloudWorkspaceSetup) {
+                                            if (!canUseCloudWorkspaceSetup) {
+                                                setSetupError('Cloud workspace sync is unavailable right now.');
+                                                setSetupBusy(false);
+                                                return;
+                                            }
                                             if (!isAuthenticated) {
                                                 setSetupError('Sign in is required before syncing a cloud project.');
                                                 setSetupBusy(false);
@@ -979,14 +1259,40 @@ function TaskforceCoreWithRouter({ config = {}, initialTaskId, onTaskCountChange
                                                 pullCursor: null
                                             });
                                             await refreshSetupContext();
-                                            setSetupNotice(`Cloud project synced setup ready: ${selectedWorkspace.name}`);
+                                            setPendingCloudWorkspaceImport({
+                                                workspaceId: workspaceIdForSync,
+                                                name: selectedWorkspace.name || selectedWorkspace.id
+                                            });
+                                            setCloudWorkspaceImportFinalizing(false);
+                                            setSetupNotice(`Importing ${selectedWorkspace.name || selectedWorkspace.id} from cloud...`);
+                                            setSetupBusy(false);
+                                            return;
                                         }
-                                        else {
+                                        if (isWorkspaceDetailsPage) {
+                                            const normalizedWorkspaceName = workspaceNameInput.trim();
+                                            if (!normalizedWorkspaceName) {
+                                                setSetupError('Workspace name is required before continuing.');
+                                                return;
+                                            }
+                                            setSetupError(null);
+                                            setSetupNotice(null);
+                                            setWorkspaceSetupPage('starter');
+                                            return;
+                                        }
+                                        if (isWorkspaceStarterPage) {
+                                            // fall through to final create/save behavior below
+                                        }
+                                        setSetupBusy(true);
+                                        setSetupNotice(null);
+                                        setSetupError(null);
+                                        {
                                             const creatingNewWorkspace = isCreateWorkspaceIntent || setupState?.workspaceSetupState === 'missing';
-                                            const createResult = isCreateWorkspaceIntent
+                                            const shouldCreateWorkspace = isCreateWorkspaceIntent
+                                                || (workspaceSwitchingEnabled && creatingNewWorkspace);
+                                            const createResult = shouldCreateWorkspace
                                                 ? await createWorkspace(workspaceNameInput, workspaceDescriptionInput || undefined)
                                                 : null;
-                                            const saveResult = isCreateWorkspaceIntent
+                                            const saveResult = shouldCreateWorkspace
                                                 ? null
                                                 : await saveWorkspaceProfile({
                                                     workspaceId: creatingNewWorkspace ? undefined : setupState?.workspaceId,
@@ -1068,11 +1374,7 @@ function TaskforceCoreWithRouter({ config = {}, initialTaskId, onTaskCountChange
                                             }
                                         }
                                         setSetupBusy(false);
-                                    }, children: setupBusy ? t('setup.saving') : t('setup.saveWorkspaceSetup', { workspaceLabel }) })) : (_jsx("button", { className: styles.submitBtn, disabled: setupBusy, onClick: refreshSetupContext, children: t('setup.retrySetupCheck') })), isCreateWorkspaceIntent ? (_jsx("button", { className: styles.cancelBtn, onClick: () => {
-                                        setSetupError(null);
-                                        setSetupNotice(null);
-                                        navigate('/', { replace: true });
-                                    }, children: "Cancel" })) : runtimeMode === 'cloud' ? (_jsx("button", { className: styles.cancelBtn, onClick: async () => { await taskforceState.logout(); navigate('/login', { replace: true }); }, children: t('setup.signOut') })) : null] })] }) }) }));
+                                    }, children: setupPrimaryActionLabel })) : (_jsx("button", { className: styles.submitBtn, disabled: setupBusy, onClick: refreshSetupContext, children: t('setup.retrySetupCheck') }))] })] }) }) }));
     }
     return (_jsx(StandaloneLayout, { ...taskforceState, onHeaderMouseDown: onHeaderMouseDown, isDragging: isDragging, onClose: onClose }));
 }