@taskforcehq/taskforce 0.3.303 → 0.3.305

package/dist/components/task/taskKanbanDropRules.test.js

@@ -0,0 +1,114 @@
+import { describe, expect, it } from 'vitest';
+import { buildBacklogDropUpdates, buildScheduleDropResult, buildScheduledDayDropUpdates, buildStatusTransitionUpdates, } from './taskKanbanDropRules';
+const makeTask = (overrides = {}) => ({
+    id: 'task-1',
+    title: 'Task',
+    description: null,
+    category: 'default',
+    type: 'feature',
+    priority: 2,
+    status: 'task',
+    createdAt: '2026-01-01T00:00:00.000Z',
+    ...overrides,
+});
+const toMap = (pairs) => new Map(pairs.map((pair) => [pair.taskId, pair.updates]));
+describe('taskKanbanDropRules', () => {
+    it('reorders backlog tasks and recalculates orderInDay', () => {
+        const activeTask = makeTask({ id: 'task-2' });
+        const result = toMap(buildBacklogDropUpdates({
+            activeTask,
+            sourceColumnId: 'backlog',
+            targetTasks: [makeTask({ id: 'task-1' }), makeTask({ id: 'task-3' })],
+            sourceTasks: [makeTask({ id: 'task-1' }), makeTask({ id: 'task-3' })],
+            insertAt: 1,
+        }));
+        expect(result.get('task-1')).toEqual({ orderInDay: 0 });
+        expect(result.get('task-2')).toEqual({ orderInDay: 1 });
+        expect(result.get('task-3')).toEqual({ orderInDay: 2 });
+    });
+    it('moving scheduled task to backlog clears scheduled fields', () => {
+        const activeTask = makeTask({ id: 'task-2', scheduledDate: '2026-04-14', scheduledWeekKey: '2026-W16' });
+        const result = toMap(buildBacklogDropUpdates({
+            activeTask,
+            sourceColumnId: 'mon',
+            targetTasks: [makeTask({ id: 'task-1' })],
+            sourceTasks: [],
+            insertAt: 1,
+        }));
+        expect(result.get('task-2')).toEqual({
+            scheduledDate: null,
+            scheduledWeekKey: null,
+            orderInDay: 1,
+        });
+    });
+    it('moving task into a scheduled day sets scheduled fields and reindexes source column', () => {
+        const activeTask = makeTask({ id: 'task-3' });
+        const result = toMap(buildScheduledDayDropUpdates({
+            activeTask,
+            sourceColumnId: 'backlog',
+            targetColumnId: 'mon',
+            targetTasks: [makeTask({ id: 'task-1' })],
+            sourceTasks: [makeTask({ id: 'task-2' })],
+            insertAt: 1,
+            scheduledDate: '2026-04-14',
+            scheduledWeekKey: '2026-W16',
+        }));
+        expect(result.get('task-3')).toEqual({
+            scheduledDate: '2026-04-14',
+            scheduledWeekKey: '2026-W16',
+            orderInDay: 1,
+        });
+        expect(result.get('task-2')).toEqual({ orderInDay: 0 });
+    });
+    it('blocks non-terminal tasks from being scheduled into the past', () => {
+        const result = buildScheduleDropResult({
+            activeTask: makeTask({ id: 'task-3', status: 'task' }),
+            sourceColumnId: 'backlog',
+            targetColumnId: 'mon',
+            targetTasks: [],
+            sourceTasks: [],
+            overTaskId: null,
+            isBelowOverItem: false,
+            scheduleDates: {
+                mon: '2026-04-13',
+                tue: '2026-04-14',
+                wed: '2026-04-15',
+                thu: '2026-04-16',
+                fri: '2026-04-17',
+                sat: '2026-04-18',
+                sun: '2026-04-19',
+            },
+            parseToIsoWeekKey: () => '2026-W16',
+            todayDate: '2026-04-14',
+        });
+        expect(result).toEqual({ kind: 'blocked', reason: 'Only completed work can be scheduled in the past.' });
+    });
+    it('preserves cancelled grouping as a no-op for completed column drops', () => {
+        const task = makeTask({ id: 'task-cancelled', status: 'cancelled', completedAt: '2026-04-01T00:00:00.000Z' });
+        expect(buildStatusTransitionUpdates(task, 'completed', '2026-04-14T07:00:00.000Z')).toBeNull();
+    });
+    it('stamps completedAt when moving into completed', () => {
+        const nowIso = '2026-04-14T07:00:00.000Z';
+        const result = buildStatusTransitionUpdates(makeTask({ id: 'task-done' }), 'completed', nowIso);
+        expect(result).toEqual({
+            status: 'done',
+            inProgress: false,
+            readyForReview: false,
+            completed: true,
+            cancelled: false,
+            completedAt: nowIso,
+        });
+    });
+    it('resets review and progress flags when moving back to reviewable workflow states', () => {
+        const nowIso = '2026-04-14T07:00:00.000Z';
+        const result = buildStatusTransitionUpdates(makeTask({ id: 'task-review', status: 'done', inProgress: true, readyForReview: true, completed: true }), 'review', nowIso);
+        expect(result).toEqual({
+            status: 'review',
+            inProgress: false,
+            readyForReview: true,
+            completed: false,
+            cancelled: false,
+            completedAt: null,
+        });
+    });
+});

package/dist/components/ui/Modal.d.ts

@@ -5,7 +5,7 @@ interface ModalProps {
     title: React.ReactNode;
     children: React.ReactNode;
     footer?: React.ReactNode;
-    size?: 'sm' | 'md' | 'lg' | 'xl' | 'full';
+    size?: 'sm' | 'md' | 'mdWide' | 'lg' | 'xl' | 'full';
     theme?: 'light' | 'dawn' | 'dark' | 'midnight';
     className?: string;
     headerActions?: React.ReactNode;

package/dist/components/ui/Modal.js

@@ -36,6 +36,7 @@ export function Modal({ isOpen, onClose, title, children, footer, size = 'md', t
     const sizeClassMap = {
         sm: styles.modalSizeSm,
         md: styles.modalSizeMd,
+        mdWide: styles.modalSizeMdWide,
         lg: styles.modalSizeLg,
         xl: styles.modalSizeXl,
         full: styles.modalSizeFull

package/dist/components/views/AppShellHeader.js

@@ -7,6 +7,10 @@ import favicon from '../../assets/favicon/favicon.svg';
 import { DEFAULT_TASKFORCE_THEME, isLightThemeFamily } from '../../utils/theme';
 export function AppShellHeader({ projectName, currentWorkspaceId, brandLabel = 'TaskForce', runtimeMode = 'local', theme = DEFAULT_TASKFORCE_THEME, meta, actions }) {
     const logo = isLightThemeFamily(theme) ? logoDark : logoLight;
+    const normalizedProjectName = String(projectName || '').trim();
+    const normalizedWorkspaceId = String(currentWorkspaceId || '').trim().toLowerCase();
+    const showProjectName = Boolean(normalizedProjectName
+        && (runtimeMode !== 'cloud' || (normalizedWorkspaceId && normalizedWorkspaceId !== 'default')));
     return (_jsxs("div", { className: `${styles.header} ${shellStyles.standaloneHeader}`, children: [_jsxs("div", { className: `${styles.headerTitle} ${shellStyles.standaloneTitle}`, children: [_jsx("img", { src: logo, alt: "Taskforce Logo", className: styles.brandIcon, onError: (event) => {
                             const target = event.currentTarget;
                             if (target.src !== favicon) {
@@ -15,5 +19,5 @@ export function AppShellHeader({ projectName, currentWorkspaceId, brandLabel = '
                             else {
                                 target.style.display = 'none';
                             }
-                        } }), _jsx("span", { children: brandLabel }), runtimeMode === 'cloud' && (_jsx("span", { className: styles.brandCloudSuffix, children: "HQ" })), projectName && (_jsxs(_Fragment, { children: [_jsx("span", { className: styles.projectSlash, children: "/" }), _jsx("span", { className: styles.projectName, title: currentWorkspaceId ? `Workspace ID: ${currentWorkspaceId}` : undefined, children: projectName })] })), meta] }), _jsx("div", { className: styles.headerActions, style: { gap: '16px' }, children: actions })] }));
+                        } }), _jsx("span", { children: brandLabel }), runtimeMode === 'cloud' && (_jsx("span", { className: styles.brandCloudSuffix, children: "HQ" })), showProjectName && (_jsxs(_Fragment, { children: [_jsx("span", { className: styles.projectSlash, children: "/" }), _jsx("span", { className: styles.projectName, title: currentWorkspaceId ? `Workspace ID: ${currentWorkspaceId}` : undefined, children: normalizedProjectName })] })), meta] }), _jsx("div", { className: styles.headerActions, style: { gap: '16px' }, children: actions })] }));
 }

package/dist/components/views/AppShellHeader.test.js

@@ -18,4 +18,8 @@ describe('AppShellHeader', () => {
         render(_jsx(AppShellHeader, { runtimeMode: "local", theme: "dawn" }));
         expect(screen.getByAltText('Taskforce Logo')).toHaveAttribute('src', logoDark);
     });
+    it('hides a stale project label while cloud runtime is still on the default workspace', () => {
+        render(_jsx(AppShellHeader, { runtimeMode: "cloud", projectName: "Old Workspace", currentWorkspaceId: "default" }));
+        expect(screen.queryByText('Old Workspace')).not.toBeInTheDocument();
+    });
 });

package/dist/components/views/PlanComparisonPage.d.ts

@@ -58,16 +58,17 @@ interface PlanComparisonPageProps {
     canManageCurrentPlan?: boolean;
     pricingEndpoint?: string;
     statusBanner?: {
-        type: 'success' | 'error';
+        type: 'success' | 'error' | 'info';
         message: string;
     } | null;
     onBack: () => void;
     backLabel: string;
+    backDisabled?: boolean;
     topActions?: React.ReactNode;
     shellOwnsScroll?: boolean;
     showPageBackButton?: boolean;
     fallbackPricingSource?: PricingSourceDetails | null;
     onSelectPlan: (intent: PlanSelectionIntent) => void | Promise<void>;
 }
-export declare function PlanComparisonPage({ heading, subtitle, variant, chrome, footer, isAuthenticated, authSessionResolved, currentPlanId, currentPlanVersionId, currentEntitlementState, canManageCurrentPlan, pricingEndpoint, statusBanner, onBack, backLabel, topActions, shellOwnsScroll, showPageBackButton, fallbackPricingSource, onSelectPlan }: PlanComparisonPageProps): import("react/jsx-runtime").JSX.Element;
+export declare function PlanComparisonPage({ heading, subtitle, variant, chrome, footer, isAuthenticated, authSessionResolved, currentPlanId, currentPlanVersionId, currentEntitlementState, canManageCurrentPlan, pricingEndpoint, statusBanner, onBack, backLabel, backDisabled, topActions, shellOwnsScroll, showPageBackButton, fallbackPricingSource, onSelectPlan }: PlanComparisonPageProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/views/PlanComparisonPage.js

@@ -3,6 +3,7 @@ import { useEffect, useMemo, useState } from 'react';
 import { CheckCircle2, Loader2 } from 'lucide-react';
 import taskforceStyles from '../../Taskforce.module.css';
 import styles from './PlansPage.module.css';
+import { isCommercialEntitlementActive } from '../../utils/commercialLifecyclePresentation';
 function isDebugModeEnabled() {
     const runtimeOverride = globalThis.__DEBUG_MODE__;
     if (typeof runtimeOverride === 'boolean')
@@ -60,11 +61,7 @@ function getPlanSortRank(plan) {
         return Math.min(...numericAmounts);
     return Number.POSITIVE_INFINITY;
 }
-function isActiveEntitlementState(raw) {
-    const value = String(raw || '').trim().toLowerCase();
-    return value === 'active' || value === 'trialing' || value === 'grace';
-}
-export function PlanComparisonPage({ heading, subtitle, variant = 'app', chrome, footer, isAuthenticated, authSessionResolved = true, currentPlanId, currentPlanVersionId, currentEntitlementState, canManageCurrentPlan = true, pricingEndpoint, statusBanner, onBack, backLabel, topActions, shellOwnsScroll = false, showPageBackButton = true, fallbackPricingSource = null, onSelectPlan }) {
+export function PlanComparisonPage({ heading, subtitle, variant = 'app', chrome, footer, isAuthenticated, authSessionResolved = true, currentPlanId, currentPlanVersionId, currentEntitlementState, canManageCurrentPlan = true, pricingEndpoint, statusBanner, onBack, backLabel, backDisabled = false, topActions, shellOwnsScroll = false, showPageBackButton = true, fallbackPricingSource = null, onSelectPlan }) {
     const [plans, setPlans] = useState([]);
     const [pricingSource, setPricingSource] = useState(null);
     const [loading, setLoading] = useState(true);
@@ -130,17 +127,19 @@ export function PlanComparisonPage({ heading, subtitle, variant = 'app', chrome,
     if (error) {
         return wrapPage(_jsx(_Fragment, { children: _jsx("div", { className: contentClassName, children: _jsx("div", { className: styles.contentFrame, children: _jsxs("div", { className: styles.emptyState, children: [_jsx("h2", { children: "Connecting to plan pricing..." }), _jsx("p", { children: error }), _jsx("button", { className: styles.backBtn, onClick: () => setRetryNonce((value) => value + 1), children: "Retry" })] }) }) }) }));
     }
-    return wrapPage(_jsx(_Fragment, { children: _jsx("div", { className: contentClassName, children: _jsxs("div", { className: styles.contentFrame, children: [_jsxs("div", { className: styles.header, children: [!chrome && (showPageBackButton || topActions) && (_jsxs("div", { className: styles.headerBar, children: [_jsx("div", { children: showPageBackButton ? (_jsx("button", { className: styles.backBtn, onClick: onBack, children: backLabel })) : null }), _jsx("div", { className: styles.headerActions, children: topActions })] })), _jsx("h1", { className: styles.title, children: heading }), subtitle && _jsx("p", { className: styles.subtitle, children: subtitle }), isDebugModeEnabled() && pricingSourceLabel ? (_jsxs("p", { className: styles.debugMeta, children: ["Pricing source: ", pricingSourceLabel] })) : null, statusBanner && (_jsx("div", { className: `${styles.statusBanner} ${statusBanner.type === 'success' ? styles.successBanner : styles.errorBanner}`, children: statusBanner.message }))] }), sortedPlans.length === 0 ? (_jsxs("div", { className: `${styles.emptyState} ${styles.marketingEmptyState}`, children: [_jsx("span", { className: styles.emptyBadge, children: "Coming Soon" }), _jsx("h2", { children: "Paid plans are getting their final polish." }), _jsx("p", { children: "Taskforce pricing is on the way with flexible options for solo operators, teams, and larger rollouts. Check back soon for launch tiers, feature bundles, and early access details." }), _jsxs("div", { className: styles.emptyHighlights, "aria-label": "Upcoming pricing highlights", children: [_jsx("span", { children: "Launch-ready tiers" }), _jsx("span", { children: "Team billing controls" }), _jsx("span", { children: "Feature-based packaging" })] })] })) : (_jsx("div", { className: styles.grid, children: sortedPlans.map((plan) => {
+    return wrapPage(_jsx(_Fragment, { children: _jsx("div", { className: contentClassName, children: _jsxs("div", { className: styles.contentFrame, children: [_jsxs("div", { className: styles.header, children: [!chrome && (showPageBackButton || topActions) && (_jsxs("div", { className: styles.headerBar, children: [_jsx("div", { children: showPageBackButton ? (_jsx("button", { className: styles.backBtn, onClick: onBack, disabled: backDisabled, children: backLabel })) : null }), _jsx("div", { className: styles.headerActions, children: topActions })] })), _jsx("h1", { className: styles.title, children: heading }), subtitle && _jsx("p", { className: styles.subtitle, children: subtitle }), isDebugModeEnabled() && pricingSourceLabel ? (_jsxs("p", { className: styles.debugMeta, children: ["Pricing source: ", pricingSourceLabel] })) : null, statusBanner && (_jsx("div", { className: `${styles.statusBanner} ${statusBanner.type === 'success'
+                                    ? styles.successBanner
+                                    : (statusBanner.type === 'info' ? styles.infoBanner : styles.errorBanner)}`, children: statusBanner.message }))] }), sortedPlans.length === 0 ? (_jsxs("div", { className: `${styles.emptyState} ${styles.marketingEmptyState}`, children: [_jsx("span", { className: styles.emptyBadge, children: "Coming Soon" }), _jsx("h2", { children: "Paid plans are getting their final polish." }), _jsx("p", { children: "Taskforce pricing is on the way with flexible options for solo operators, teams, and larger rollouts. Check back soon for launch tiers, feature bundles, and early access details." }), _jsxs("div", { className: styles.emptyHighlights, "aria-label": "Upcoming pricing highlights", children: [_jsx("span", { children: "Launch-ready tiers" }), _jsx("span", { children: "Team billing controls" }), _jsx("span", { children: "Feature-based packaging" })] })] })) : (_jsx("div", { className: styles.grid, children: sortedPlans.map((plan) => {
                             const monthPrice = plan.pricing.month;
                             const yearPrice = plan.pricing.year;
                             const hasMonth = isSelectablePrice(monthPrice);
                             const hasYear = isSelectablePrice(yearPrice);
                             const planVersionId = String(plan.defaultVersion?.planVersionId || '').trim();
-                            const isCurrent = Boolean(planVersionId
+                            const hasActiveEntitlement = isCommercialEntitlementActive(currentEntitlementState);
+                            const isCurrent = hasActiveEntitlement && (Boolean(planVersionId
                                 && currentPlanVersionId
-                                && currentPlanVersionId === planVersionId
-                                && isActiveEntitlementState(currentEntitlementState)) || (!currentPlanVersionId
-                                && Boolean(currentPlanId && currentPlanId === plan.planId));
+                                && currentPlanVersionId === planVersionId) || (!currentPlanVersionId
+                                && Boolean(currentPlanId && currentPlanId === plan.planId)));
                             const defaultInterval = hasMonth ? 'month' : (hasYear ? 'year' : null);
                             const defaultPrice = defaultInterval === 'year' ? yearPrice : monthPrice;
                             const canSelectCard = Boolean(planVersionId) && (isCurrent ? canManageCurrentPlan : Boolean(defaultInterval));

package/dist/components/views/PlanComparisonPage.test.js

@@ -15,11 +15,11 @@ describe('PlanComparisonPage', () => {
                 },
                 plans: [
                     {
-                        planId: 'starter',
-                        displayName: 'Starter',
+                        planId: 'free',
+                        displayName: 'Free',
                         status: 'active',
                         defaultVersion: {
-                            planVersionId: 'starter-v1',
+                            planVersionId: 'free-v1',
                             versionNumber: 1,
                             seatLimit: null,
                             metadata: {}
@@ -31,19 +31,19 @@ describe('PlanComparisonPage', () => {
                         }
                     },
                     {
-                        planId: 'collab',
-                        displayName: 'Collab',
+                        planId: 'team-5',
+                        displayName: 'Team 5',
                         status: 'active',
                         defaultVersion: {
-                            planVersionId: 'collab-v2',
+                            planVersionId: 'team-5-v2',
                             versionNumber: 2,
                             seatLimit: 5,
                             metadata: {}
                         },
                         features: [],
                         pricing: {
-                            month: { pricingType: 'stripe', stripePriceId: 'price_collab_month', unitAmount: 2000, currency: 'usd', interval: 'month' },
-                            year: { pricingType: 'stripe', stripePriceId: 'price_collab_year', unitAmount: 20000, currency: 'usd', interval: 'year' }
+                            month: { pricingType: 'stripe', stripePriceId: 'price_team_5_month', unitAmount: 2000, currency: 'usd', interval: 'month' },
+                            year: { pricingType: 'stripe', stripePriceId: 'price_team_5_year', unitAmount: 20000, currency: 'usd', interval: 'year' }
                         }
                     }
                 ]
@@ -66,11 +66,11 @@ describe('PlanComparisonPage', () => {
             json: async () => ({
                 plans: [
                     {
-                        planId: 'starter',
-                        displayName: 'Starter',
+                        planId: 'free',
+                        displayName: 'Free',
                         status: 'active',
                         defaultVersion: {
-                            planVersionId: 'starter-v1',
+                            planVersionId: 'free-v1',
                             versionNumber: 1,
                             seatLimit: null,
                             metadata: {}
@@ -93,24 +93,38 @@ describe('PlanComparisonPage', () => {
         expect(screen.queryByText('Pricing source: production (cloud)')).not.toBeInTheDocument();
     });
     it('does not mark a plan current when only the plan id matches but the version does not', async () => {
-        render(_jsx(PlanComparisonPage, { heading: "Subscription Plans", isAuthenticated: true, currentPlanId: "collab", currentPlanVersionId: "collab-v1", currentEntitlementState: "active", onBack: () => { }, backLabel: "Back", onSelectPlan: () => { } }));
+        render(_jsx(PlanComparisonPage, { heading: "Subscription Plans", isAuthenticated: true, currentPlanId: "team-5", currentPlanVersionId: "team-5-v1", currentEntitlementState: "active", onBack: () => { }, backLabel: "Back", onSelectPlan: () => { } }));
         expect(await screen.findByRole('heading', { name: 'Subscription Plans' })).toBeInTheDocument();
         expect(screen.queryByText('Current Plan')).not.toBeInTheDocument();
     });
+    it('marks a trialing entitlement as the current plan', async () => {
+        render(_jsx(PlanComparisonPage, { heading: "Subscription Plans", isAuthenticated: true, currentPlanId: "team-5", currentPlanVersionId: "team-5-v2", currentEntitlementState: "trialing", onBack: () => { }, backLabel: "Back", onSelectPlan: () => { } }));
+        expect(await screen.findByRole('heading', { name: 'Subscription Plans' })).toBeInTheDocument();
+        expect(screen.getByText('Current Plan')).toBeInTheDocument();
+    });
+    it('does not mark a canceled entitlement as current through the plan-id fallback path', async () => {
+        render(_jsx(PlanComparisonPage, { heading: "Subscription Plans", isAuthenticated: true, currentPlanId: "team-5", currentPlanVersionId: null, currentEntitlementState: "canceled", onBack: () => { }, backLabel: "Back", onSelectPlan: () => { } }));
+        expect(await screen.findByRole('heading', { name: 'Subscription Plans' })).toBeInTheDocument();
+        expect(screen.queryByText('Current Plan')).not.toBeInTheDocument();
+    });
+    it('can disable the page back button while onboarding remains blocked', async () => {
+        render(_jsx(PlanComparisonPage, { heading: "Subscription Plans", isAuthenticated: true, onBack: () => { }, backLabel: "Back to App", backDisabled: true, onSelectPlan: () => { } }));
+        expect(await screen.findByRole('button', { name: 'Back to App' })).toBeDisabled();
+    });
     it('selects the whole plan card using the default available interval', async () => {
         const onSelectPlan = vi.fn();
         render(_jsx(PlanComparisonPage, { heading: "Subscription Plans", isAuthenticated: false, onBack: () => { }, backLabel: "Back", onSelectPlan: onSelectPlan }));
         await screen.findByRole('heading', { name: 'Subscription Plans' });
-        const starterHeading = screen.getByRole('heading', { name: 'Starter' });
-        const starterCard = starterHeading.closest('[role="button"]');
-        expect(starterCard).toBeTruthy();
-        expect(within(starterCard).getByText('$0.00')).toBeInTheDocument();
-        expect(within(starterCard).getByText('/ month')).toBeInTheDocument();
-        fireEvent.click(starterCard);
+        const freeHeading = screen.getByRole('heading', { name: 'Free' });
+        const freeCard = freeHeading.closest('[role="button"]');
+        expect(freeCard).toBeTruthy();
+        expect(within(freeCard).getByText('$0.00')).toBeInTheDocument();
+        expect(within(freeCard).getByText('/ month')).toBeInTheDocument();
+        fireEvent.click(freeCard);
         await waitFor(() => {
             expect(onSelectPlan).toHaveBeenCalledWith({
-                planId: 'starter',
-                planVersionId: 'starter-v1',
+                planId: 'free',
+                planVersionId: 'free-v1',
                 interval: 'month',
                 pricingType: 'free',
                 isCurrentPlan: false
@@ -119,7 +133,7 @@ describe('PlanComparisonPage', () => {
     });
     it('does not trigger current-plan actions when the current plan is not Stripe-managed', async () => {
         const onSelectPlan = vi.fn();
-        render(_jsx(PlanComparisonPage, { heading: "Subscription Plans", isAuthenticated: true, currentPlanId: "starter", currentPlanVersionId: "starter-v1", currentEntitlementState: "active", canManageCurrentPlan: false, onBack: () => { }, backLabel: "Back", onSelectPlan: onSelectPlan }));
+        render(_jsx(PlanComparisonPage, { heading: "Subscription Plans", isAuthenticated: true, currentPlanId: "free", currentPlanVersionId: "free-v1", currentEntitlementState: "active", canManageCurrentPlan: false, onBack: () => { }, backLabel: "Back", onSelectPlan: onSelectPlan }));
         await screen.findByRole('heading', { name: 'Subscription Plans' });
         const currentButton = screen.getByRole('button', { name: 'Current Plan' });
         expect(currentButton).toBeDisabled();
@@ -135,11 +149,11 @@ describe('PlanComparisonPage', () => {
                 },
                 plans: [
                     {
-                        planId: 'starter',
-                        displayName: 'Starter',
+                        planId: 'free',
+                        displayName: 'Free',
                         status: 'active',
                         defaultVersion: {
-                            planVersionId: 'starter-v1',
+                            planVersionId: 'free-v1',
                             versionNumber: 1,
                             seatLimit: null,
                             metadata: {}
@@ -155,7 +169,7 @@ describe('PlanComparisonPage', () => {
         });
         vi.stubGlobal('fetch', fetchMock);
         render(_jsx(PlanComparisonPage, { heading: "Subscription Plans", isAuthenticated: false, pricingEndpoint: "https://performance-app.example/api/taskforce/public/pricing", onBack: () => { }, backLabel: "Back", onSelectPlan: () => { } }));
-        expect(await screen.findByRole('heading', { name: 'Starter' })).toBeInTheDocument();
+        expect(await screen.findByRole('heading', { name: 'Free' })).toBeInTheDocument();
         expect(fetchMock).toHaveBeenCalledTimes(1);
         expect(fetchMock).toHaveBeenCalledWith('https://performance-app.example/api/taskforce/public/pricing', {
             method: 'GET',
@@ -173,27 +187,27 @@ describe('PlanComparisonPage', () => {
                 },
                 plans: [
                     {
-                        planId: 'enterprise',
-                        displayName: 'Enterprise',
+                        planId: 'team-5',
+                        displayName: 'Team 5',
                         status: 'active',
                         defaultVersion: {
-                            planVersionId: 'enterprise-v3',
+                            planVersionId: 'team-5-v2',
                             versionNumber: 3,
-                            seatLimit: 100,
+                            seatLimit: 5,
                             metadata: {}
                         },
                         features: [],
                         pricing: {
-                            month: { pricingType: 'stripe', stripePriceId: 'price_enterprise_month', unitAmount: 12000, currency: 'usd', interval: 'month' },
-                            year: { pricingType: 'stripe', stripePriceId: 'price_enterprise_year', unitAmount: 120000, currency: 'usd', interval: 'year' }
+                            month: { pricingType: 'stripe', stripePriceId: 'price_team_5_month', unitAmount: 12000, currency: 'usd', interval: 'month' },
+                            year: { pricingType: 'stripe', stripePriceId: 'price_team_5_year', unitAmount: 120000, currency: 'usd', interval: 'year' }
                         }
                     },
                     {
-                        planId: 'starter',
-                        displayName: 'Starter',
+                        planId: 'free',
+                        displayName: 'Free',
                         status: 'active',
                         defaultVersion: {
-                            planVersionId: 'starter-v1',
+                            planVersionId: 'free-v1',
                             versionNumber: 1,
                             seatLimit: null,
                             metadata: {}
@@ -205,19 +219,19 @@ describe('PlanComparisonPage', () => {
                         }
                     },
                     {
-                        planId: 'pro',
-                        displayName: 'Pro',
+                        planId: 'basic',
+                        displayName: 'Basic',
                         status: 'active',
                         defaultVersion: {
-                            planVersionId: 'pro-v2',
+                            planVersionId: 'basic-v1',
                             versionNumber: 2,
-                            seatLimit: 10,
+                            seatLimit: 1,
                             metadata: {}
                         },
                         features: [],
                         pricing: {
-                            month: { pricingType: 'stripe', stripePriceId: 'price_pro_month', unitAmount: 3000, currency: 'usd', interval: 'month' },
-                            year: { pricingType: 'stripe', stripePriceId: 'price_pro_year', unitAmount: 30000, currency: 'usd', interval: 'year' }
+                            month: { pricingType: 'stripe', stripePriceId: 'price_basic_month', unitAmount: 3000, currency: 'usd', interval: 'month' },
+                            year: { pricingType: 'stripe', stripePriceId: 'price_basic_year', unitAmount: 30000, currency: 'usd', interval: 'year' }
                         }
                     }
                 ]
@@ -227,7 +241,7 @@ describe('PlanComparisonPage', () => {
         render(_jsx(PlanComparisonPage, { heading: "Subscription Plans", isAuthenticated: false, onBack: () => { }, backLabel: "Back", onSelectPlan: () => { } }));
         await screen.findByRole('heading', { name: 'Subscription Plans' });
         const planNames = screen.getAllByRole('heading', { level: 3 }).map((node) => node.textContent);
-        expect(planNames).toEqual(['Starter', 'Pro', 'Enterprise']);
+        expect(planNames).toEqual(['Free', 'Basic', 'Team 5']);
     });
     it('defaults to the same-origin pricing endpoint', async () => {
         const fetchMock = vi.fn().mockResolvedValue({

package/dist/components/views/PlansPage.d.ts

@@ -1,3 +1,4 @@
+import { type AccountProfileSummary } from '../../utils/accountProfileSummaryCache';
 interface PlansPageProps {
     isAuthenticated: boolean;
     authUserId?: string | null;
@@ -11,6 +12,9 @@ interface PlansPageProps {
     resolveCloudAuthUrl?: (path: string) => string;
     embedded?: boolean;
     shellOwnsScroll?: boolean;
+    onAccountProfileSummaryChange?: (summary: AccountProfileSummary | null) => void;
+    onContinueToTaskforce?: () => void | Promise<void>;
+    continueBusy?: boolean;
 }
-export declare function PlansPage({ isAuthenticated, authUserId, runtimeMode, authSessionResolved, currentTheme, projectName, currentWorkspaceId, apiBaseUrl, connectedEnvironmentSource, resolveCloudAuthUrl, embedded, shellOwnsScroll }: PlansPageProps): import("react/jsx-runtime").JSX.Element;
+export declare function PlansPage({ isAuthenticated, authUserId, runtimeMode, authSessionResolved, currentTheme, projectName, currentWorkspaceId, apiBaseUrl, connectedEnvironmentSource, resolveCloudAuthUrl, embedded, shellOwnsScroll, onAccountProfileSummaryChange, onContinueToTaskforce, continueBusy }: PlansPageProps): import("react/jsx-runtime").JSX.Element;
 export {};