@taskforcehq/taskforce 0.3.302 → 0.3.303

package/dist/Taskforce.module.css

@@ -173,6 +173,7 @@
   display: inline-flex;
   align-items: center;
   justify-content: center;
+  gap: 6px;
   background: var(--surface-page);
   color: var(--text-secondary);
   font-size: 12px;
@@ -185,6 +186,16 @@
   margin-left: 8px;
 }
 
+.taskCountBadgeIcon {
+  flex: 0 0 auto;
+}
+
+.taskCountBadgeAlert {
+  color: #f87171;
+  border-color: color-mix(in srgb, #ef4444 45%, var(--border-default));
+  box-shadow: 0 0 10px rgba(239, 68, 68, 0.18);
+}
+
 .headerActions {
   display: flex;
   align-items: center;

package/dist/TaskforceCore.js

@@ -27,6 +27,16 @@ function defaultSetupTaxonomySections(pack) {
         priorities: Boolean(pack?.priorities?.length),
     };
 }
+function buildPlansPath(params = {}) {
+    const query = new URLSearchParams();
+    query.set('screen', 'plans');
+    for (const [key, value] of Object.entries(params)) {
+        const normalized = String(value || '').trim();
+        if (normalized)
+            query.set(key, normalized);
+    }
+    return `/?${query.toString()}`;
+}
 function TaskforceCoreWithRouter({ config = {}, initialTaskId, onTaskCountChange, onHeaderMouseDown, isDragging, onClose, mode = 'standalone' }) {
     const location = useLocation();
     const routeQuery = useMemo(() => new URLSearchParams(location.search), [location.search]);
@@ -36,13 +46,15 @@ function TaskforceCoreWithRouter({ config = {}, initialTaskId, onTaskCountChange
     const isPricingRoute = location.pathname === '/pricing';
     const isPlansRoute = location.pathname === '/plans';
     const isPlansScreen = location.pathname === '/' && String(routeQuery.get('screen') || '').trim().toLowerCase() === 'plans';
-    const planSelectionPath = '/?screen=plans&gate=plan_selection_required';
+    const planSelectionPath = buildPlansPath({ gate: 'plan_selection_required' });
     const navigate = useNavigate();
     const [loginEmail, setLoginEmail] = useState('');
     const [loginDisplayName, setLoginDisplayName] = useState('');
     const [loginPassword, setLoginPassword] = useState('');
     const [authMode, setAuthMode] = useState('login');
     const [verificationToken, setVerificationToken] = useState('');
+    const [pendingVerificationWorkspaceSetupRequired, setPendingVerificationWorkspaceSetupRequired] = useState(false);
+    const [pendingVerificationRedirectPath, setPendingVerificationRedirectPath] = useState(null);
     const [resetToken, setResetToken] = useState('');
     const [inviteToken, setInviteToken] = useState('');
     const [inviteEmail, setInviteEmail] = useState(null);
@@ -200,12 +212,12 @@ function TaskforceCoreWithRouter({ config = {}, initialTaskId, onTaskCountChange
                 if (cancelled || !res.ok)
                     return;
                 const gate = String(payload?.gate || '').trim().toLowerCase();
-                if (gate !== 'ok' && gate !== 'plan_selection_required' && gate !== 'misconfigured' && gate !== 'missing_entitlement') {
+                if (gate !== 'ok' && gate !== 'plan_selection_required' && gate !== 'checkout_pending' && gate !== 'misconfigured' && gate !== 'missing_entitlement') {
                     setAccountAccessGate(null);
                     return;
                 }
                 setAccountAccessGate({
-                    gate,
+                    gate: gate,
                     canAccessApp: payload?.canAccessApp === true,
                     canAccessPlans: payload?.canAccessPlans !== false,
                     message: typeof payload?.message === 'string' ? payload.message : null
@@ -351,6 +363,28 @@ function TaskforceCoreWithRouter({ config = {}, initialTaskId, onTaskCountChange
             return '/';
         return raw;
     }, [location.search]);
+    const resolvedSignupInterval = selectedSignupInterval === 'year' ? 'year' : 'month';
+    const resolvePostRegistrationPath = useCallback((input) => {
+        if (input?.planSelectionRequired || input?.commercialState === 'pending_plan_selection') {
+            return planSelectionPath;
+        }
+        if (input?.checkoutPending || input?.commercialState === 'checkout_pending') {
+            return buildPlansPath({
+                gate: 'checkout_pending',
+                checkout: selectedSignupPlanVersionId ? 'start' : null,
+                planId: selectedSignupPlanId || null,
+                planVersionId: selectedSignupPlanVersionId || null,
+                interval: selectedSignupPlanVersionId ? resolvedSignupInterval : null
+            });
+        }
+        return nextPath;
+    }, [
+        nextPath,
+        planSelectionPath,
+        resolvedSignupInterval,
+        selectedSignupPlanId,
+        selectedSignupPlanVersionId
+    ]);
     const loginRouteMode = useMemo(() => {
         const modeRaw = String(new URLSearchParams(location.search).get('mode') || '').trim().toLowerCase();
         if (modeRaw === 'register') {
@@ -405,6 +439,14 @@ function TaskforceCoreWithRouter({ config = {}, initialTaskId, onTaskCountChange
         if (loginRouteMode === 'invite' && loginRouteToken)
             setInviteToken(loginRouteToken);
     }, [isLoginRoute, loginRouteMode, loginRouteToken]);
+    useEffect(() => {
+        if (authMode === 'verify')
+            return;
+        if (isLoginRoute && loginRouteMode === 'verify')
+            return;
+        setPendingVerificationWorkspaceSetupRequired(false);
+        setPendingVerificationRedirectPath(null);
+    }, [authMode, isLoginRoute, loginRouteMode]);
     useEffect(() => {
         if (!isLoginRoute || authMode !== 'invite' || !inviteToken.trim())
             return;
@@ -710,11 +752,10 @@ function TaskforceCoreWithRouter({ config = {}, initialTaskId, onTaskCountChange
                                     }
                                 }
                                 else if (authMode === 'register') {
-                                    if (await routeToWorkspaceSetupIfNeeded(result.workspaceSetupRequired)) {
-                                        setLoginBusy(false);
-                                        return;
-                                    }
+                                    const postRegistrationPath = resolvePostRegistrationPath(result);
                                     if (result.verificationRequired) {
+                                        setPendingVerificationWorkspaceSetupRequired(Boolean(result.workspaceSetupRequired));
+                                        setPendingVerificationRedirectPath(postRegistrationPath);
                                         if (result.verificationToken)
                                             setVerificationToken(result.verificationToken);
                                         setVerifyCooldownUntil(Date.now() + 30_000);
@@ -724,17 +765,26 @@ function TaskforceCoreWithRouter({ config = {}, initialTaskId, onTaskCountChange
                                             : 'Account created. Check your email for verification instructions.');
                                     }
                                     else {
+                                        await retryBootstrapChecks();
+                                        if (await routeToWorkspaceSetupIfNeeded(result.workspaceSetupRequired)) {
+                                            setLoginBusy(false);
+                                            return;
+                                        }
                                         setLoginEmail('');
                                         setLoginDisplayName('');
                                         setLoginPassword('');
-                                        navigate(nextPath, { replace: true });
+                                        navigate(postRegistrationPath, { replace: true });
                                     }
                                 }
                                 else if (authMode === 'verify') {
                                     await retryBootstrapChecks();
+                                    if (await routeToWorkspaceSetupIfNeeded(pendingVerificationWorkspaceSetupRequired)) {
+                                        setLoginBusy(false);
+                                        return;
+                                    }
                                     setLoginEmail('');
                                     setLoginPassword('');
-                                    navigate(nextPath, { replace: true });
+                                    navigate(pendingVerificationRedirectPath || nextPath, { replace: true });
                                 }
                                 else if (authMode === 'forgot') {
                                     if (result.resetToken)