feat(FN-2403): add project setup step to onboarding flow

- Introduce a new "project-setup" onboarding step between GitHub and first-task actions
- Gate first-task navigation on project selection and add contextual setup-wizard guidance
- Centralize ordered onboarding step definitions in shared state and reuse them for navigation/progress labels
- Extract ModelOnboardingModal styles into a dedicated component CSS file and update tests/mocks for the new step order
This commit is contained in:
Fusion
2026-04-25 06:35:52 -07:00
committed by gsxdsm
parent dbc9446a32
commit 81193e734a
13 changed files with 1508 additions and 1341 deletions

View File

@@ -1,6 +1,6 @@
import "./OnboardingResumeCard.css";
import { Play, Sparkles } from "lucide-react";
import { getOnboardingResumeStep } from "./model-onboarding-state";
import { getOnboardingResumeStep, ONBOARDING_FLOW_STEPS } from "./model-onboarding-state";
import { trackOnboardingEvent } from "./onboarding-events";
interface OnboardingResumeCardProps {
@@ -22,7 +22,7 @@ export function OnboardingResumeCard({ onResume }: OnboardingResumeCardProps) {
}
const completedCount = resumeStep.completedSteps.length;
const totalSteps = 3; // ai-setup, github, first-task
const totalSteps = ONBOARDING_FLOW_STEPS.length;
const progressText = completedCount > 0
? `${completedCount} of ${totalSteps} step${completedCount !== 1 ? "s" : ""} complete — You're on the `
: "You're on the ";