diff --git a/frontend/src/app/[locale]/prototypes/project-wizard/page.tsx b/frontend/src/app/[locale]/prototypes/project-wizard/page.tsx index 556eff2..01c350d 100644 --- a/frontend/src/app/[locale]/prototypes/project-wizard/page.tsx +++ b/frontend/src/app/[locale]/prototypes/project-wizard/page.tsx @@ -54,32 +54,36 @@ const complexityOptions = [ label: 'Script', icon: FileCode, description: 'Single-file utilities, automation scripts, CLI tools', - scope: '1-2 days, single file or small module', + scope: 'Minutes to 1-2 hours, single file or small module', examples: 'Data migration script, API integration helper, Build tool plugin', + skipConfig: true, // Scripts skip client mode, autonomy, sprints - just chat with agent }, { id: 'simple' as const, label: 'Simple', icon: Folder, description: 'Small applications with clear requirements', - scope: '1-2 weeks, handful of files/components', + scope: '2-3 days, handful of files/components', examples: 'Landing page, REST API endpoint, Browser extension', + skipConfig: false, }, { id: 'medium' as const, label: 'Medium', icon: Layers, description: 'Full applications with multiple features', - scope: '1-3 months, multiple modules/services', + scope: '2-3 weeks, multiple modules/services', examples: 'Admin dashboard, E-commerce store, Mobile app', + skipConfig: false, }, { id: 'complex' as const, label: 'Complex', icon: Building2, description: 'Enterprise systems with many moving parts', - scope: '3-12 months, distributed architecture', + scope: '2-3 months, distributed architecture', examples: 'SaaS platform, Microservices ecosystem, Data pipeline', + skipConfig: false, }, ]; @@ -157,22 +161,31 @@ const autonomyOptions = [ }, ]; -// Step indicator component -function StepIndicator({ currentStep, totalSteps }: { currentStep: number; totalSteps: number }) { - const steps = [ - 'Basic Info', - 'Complexity', - 'Client Mode', - 'Autonomy', - 'Agent Chat', - 'Review', - ]; +// Step indicator component - dynamic based on complexity +function StepIndicator({ + currentStep, + isScriptMode +}: { + currentStep: number; + isScriptMode: boolean; +}) { + // Scripts have a simplified 4-step flow + const scriptSteps = ['Basic Info', 'Complexity', 'Agent Chat', 'Review']; + const fullSteps = ['Basic Info', 'Complexity', 'Client Mode', 'Autonomy', 'Agent Chat', 'Review']; + + const steps = isScriptMode ? scriptSteps : fullSteps; + const totalSteps = steps.length; + + // Map display step to actual step for scripts + const displayStep = isScriptMode && currentStep > 2 + ? (currentStep === 5 ? 3 : currentStep === 6 ? 4 : currentStep) + : currentStep; return (
How complex is your project? This helps us assign the right resources.
+ {state.complexity === 'script' && ( ++ Scripts use a simplified flow - you'll skip to agent chat directly. +
+ )}