.projectName}" onchange="App.handleInputChange(event)" class="w-full p-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500" placeholder="e.g., Customer Onboarding Journey" />
` : ''} ${this.currentSection === 1 ? `

Persona Details

` : ''} ${this.currentSection === 2 ? `

Journey Stages

${this.formData.stages.map((stage, index) => ` `).join('')}
Stage Name Description
${index + 1} ${stage.name || 'Unnamed Stage'} ${stage.description || 'No description provided'}

Stage ${this.currentStageIndex + 1}: ${this.formData.stages[this.currentStageIndex].name || 'Unnamed Stage'}