@taskforcehq/taskforce 0.3.301 → 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;
@@ -595,7 +606,7 @@
 }
 
 .taskIdBadge {
-  display: flex;
+  display: inline-flex;
   align-items: center;
   gap: 5px;
   background: color-mix(in srgb, var(--color-info, #3b82f6) 12%, transparent);
@@ -611,9 +622,20 @@
   position: relative;
   z-index: 5;
   white-space: nowrap;
+  min-width: 0;
+  max-width: min(100%, 12rem);
   box-shadow: 0 0 0 1px color-mix(in srgb, var(--color-info, #3b82f6) 8%, transparent);
 }
 
+.taskIdBadgeLabel {
+  display: block;
+  min-width: 0;
+  max-width: 100%;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
 .taskIdBadge:hover {
   background: color-mix(in srgb, var(--color-info, #3b82f6) 18%, transparent);
   color: var(--color-info, #3b82f6);
@@ -2861,6 +2883,19 @@
   line-height: 1;
 }
 
+.taskHierarchyMeta {
+  display: inline-flex;
+  align-items: center;
+  padding: 2px 8px;
+  border-radius: 999px;
+  border: 1px solid rgba(245, 158, 11, 0.24);
+  background: rgba(245, 158, 11, 0.14);
+  color: var(--text-secondary);
+  font-size: 11px;
+  font-weight: 600;
+  line-height: 1.2;
+}
+
 .taskHierarchyAddBtn {
   justify-content: center;
   padding-inline: 6px;
@@ -3838,7 +3873,7 @@
 .codeBlock {
   margin: 0;
   background: #1e1e2e !important;
-  padding: 20px !important;
+  padding: 14px 16px !important;
   border: none !important;
   overflow-x: auto;
   border-radius: 0 !important;

package/dist/TaskforceCore.filter-persistence.test.js

@@ -91,7 +91,7 @@ function installFetchStub(persistedState, options) {
     vi.stubGlobal('fetch', vi.fn((url, init) => {
         const method = String(init?.method || 'GET').toUpperCase();
         if (url.includes('/api/taskforce/auth/runtime-config')) {
-            return Promise.resolve({ ok: true, json: () => Promise.resolve({ config: { runtimeMode: 'local', workspaceMode: 'single-local', authSource: 'local' } }) });
+            return Promise.resolve({ ok: true, json: () => Promise.resolve({ config: { runtimeMode: 'local', workspaceMode: 'single-local', authSource: 'cloud' } }) });
         }
         if (url.includes('/api/taskforce/auth/session')) {
             return Promise.resolve({ ok: true, json: () => Promise.resolve({ authenticated: false, authRequiredForApi: false, userId: 'anonymous', email: '', workspaceId: 'default' }) });

package/dist/TaskforceCore.js

@@ -20,14 +20,6 @@ function isDebugModeEnabled() {
         return runtimeOverride;
     return typeof __DEBUG_MODE__ !== 'undefined' && __DEBUG_MODE__;
 }
-function buildDebugRegistrationCredentials() {
-    const suffix = Date.now().toString(36);
-    return {
-        email: `debug+${suffix}@example.com`,
-        password: 'DebugPass123!',
-        displayName: `Debug ${suffix.slice(-4).toUpperCase()}`
-    };
-}
 function defaultSetupTaxonomySections(pack) {
     return {
         categories: Boolean(pack?.categories?.length),
@@ -35,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]);
@@ -44,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);
@@ -126,6 +130,7 @@ function TaskforceCoreWithRouter({ config = {}, initialTaskId, onTaskCountChange
         && !isPricingRoute
         && !isPlansRoute
         && !isPlansScreen;
+    const directRegistrationEnabled = cloudAuthConfigured;
     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';
@@ -207,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
@@ -358,25 +363,51 @@ 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' || modeRaw === 'verify' || modeRaw === 'forgot' || modeRaw === 'reset' || modeRaw === 'invite') {
+        if (modeRaw === 'register') {
+            return directRegistrationEnabled ? 'register' : 'login';
+        }
+        if (modeRaw === 'verify' || modeRaw === 'forgot' || modeRaw === 'reset' || modeRaw === 'invite') {
             return modeRaw;
         }
         return 'login';
-    }, [location.search]);
+    }, [directRegistrationEnabled, location.search]);
     const loginRouteToken = useMemo(() => String(new URLSearchParams(location.search).get('token') || '').trim(), [location.search]);
     const setLoginMode = useCallback((mode) => {
         const params = new URLSearchParams(location.search);
-        if (mode === 'login') {
+        const nextMode = mode === 'register' && !directRegistrationEnabled ? 'login' : mode;
+        if (nextMode === 'login') {
             params.delete('mode');
         }
         else {
-            params.set('mode', mode);
+            params.set('mode', nextMode);
         }
         const query = params.toString();
         navigate(`/login${query ? `?${query}` : ''}`, { replace: true });
-    }, [location.search, navigate]);
+    }, [directRegistrationEnabled, location.search, navigate]);
     const routeToWorkspaceSetupIfNeeded = useCallback(async (hintWorkspaceSetupRequired) => {
         if (!workspaceSwitchingEnabled)
             return false;
@@ -408,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;
@@ -625,15 +664,7 @@ function TaskforceCoreWithRouter({ config = {}, initialTaskId, onTaskCountChange
                                 ? 'New password'
                                 : (authMode === 'invite'
                                     ? (invitePasswordRequired ? 'Create password' : 'Password')
-                                    : 'Password'), onChange: (event) => setLoginPassword(event.target.value) })), authMode === 'register' && isDebugModeEnabled() && (_jsx("button", { className: authStyles.authModeLink, type: "button", disabled: loginBusy, onClick: () => {
-                                const credentials = buildDebugRegistrationCredentials();
-                                setLoginEmail(credentials.email);
-                                setLoginDisplayName(credentials.displayName);
-                                setLoginPassword(credentials.password);
-                                setLoginNotice(null);
-                                setLoginError(null);
-                                setLoginErrorCode(null);
-                            }, children: "Fill Form" })), 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 () => {
+                                    : '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 () => {
                                 setLoginBusy(true);
                                 setLoginNotice(null);
                                 const sent = await requestEmailVerification(loginEmail);
@@ -721,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);
@@ -735,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)
@@ -810,12 +849,12 @@ function TaskforceCoreWithRouter({ config = {}, initialTaskId, onTaskCountChange
                                                 ? '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" }), "."] })), (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: () => {
+                                                    : (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" }), _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' }))] }))] })] }) }) }));
+                                    }, 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' }))] }))] })] }) }) }));
     }
     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..." })] }) }) }));