fix(onboarding): derive step counter from STEP_ORDER

All six step panels previously hard-coded "X / 5" or "X / 6" in their
header captions, which drifted out of sync with the 7-step STEP_ORDER in
OnboardingHero. Export STEP_ORDER / TOTAL_STEPS / getStepNumber from
OnboardingHero and consume them in every step so the counter is always
the single source of truth.
This commit is contained in:
ZacharyZhang-NY committed 2026-04-16 22:03:57 -04:00
1 parent 5a5587c2a1
commit 183f22e922
7 files changed
+23 -9

No files matched your search

@@ -1,6 +1,7 @@
import { motion } from "framer-motion";
import { ArrowRight, Brain, UserCircle, type Icon } from "@phosphor-icons/react";
import type { ExecutionMode } from "@shared/types";
import { getStepNumber, TOTAL_STEPS } from "./OnboardingHero";
interface ExecutionModeStepProps {
executionMode: ExecutionMode;
@@ -27,7 +28,7 @@ export function ExecutionModeStep({
className="bg-card border border-border shadow-sm w-full rounded-lg p-7"
>
<div className="mb-2 text-[10px] font-semibold uppercase tracking-[0.08em] text-muted-foreground">
{t("onboarding.stepLabelMode")} 5 / 6
{t("onboarding.stepLabelMode")} {getStepNumber("executionmode")} / {TOTAL_STEPS}
</div>
<div className="mb-1 text-[18px] font-semibold tracking-[-0.01em] text-foreground">
{t("onboarding.modeStepTitle")}