Make suppliers and ML training steps unconditional + rewrite completion

CHANGES:

1. **Make suppliers-setup unconditional:**
   - Removed isConditional: true and condition
   - Suppliers step now ALWAYS appears in onboarding flow
   - No longer depends on stockEntryCompleted flag

2. **Make ml-training unconditional:**
   - Removed isConditional: true and condition
   - ML training step now ALWAYS appears in onboarding flow
   - No longer depends on aiAnalysisComplete flag

3. **Completely rewrote CompletionStep content:**
   - Changed title: "¡Felicidades! Tu Sistema Está Listo"
   - Shows what user HAS ACCOMPLISHED during onboarding:
     ✓ Información de Panadería
     ✓ Inventario con IA
     ✓ Proveedores Agregados
     ✓ Recetas Configuradas
     ✓ Calidad Establecida
     ✓ Equipo Invitado
     ✓ Modelo IA Entrenado
   - REMOVED misleading "One More Thing" section that asked users
     to configure things they JUST configured
   - Changed next steps to celebrate accomplishments and guide to dashboard
   - Updated buttons: "Ir al Panel de Control →" (single clear CTA)

FIXES:
- User frustration: suppliers and ML training steps were hidden
- User confusion: completion message didn't make sense - asking to
  configure suppliers, inventory, recipes after they just did it

ONBOARDING FLOW NOW:
1. bakery-type-selection
2. setup
3. smart-inventory-setup
4. product-categorization
5. initial-stock-entry
6. suppliers-setup ✓ ALWAYS SHOWS
7. recipes-setup (conditional on bakery type)
8. production-processes (conditional on bakery type)
9. quality-setup
10. team-setup
11. ml-training ✓ ALWAYS SHOWS
12. setup-review
13. completion (celebrates accomplishments!)

Files Modified:
- frontend/src/components/domain/onboarding/UnifiedOnboardingWizard.tsx
- frontend/src/components/domain/onboarding/steps/CompletionStep.tsx
This commit is contained in:
Claude
2025-11-07 10:00:33 +00:00
parent 3a17a423eb
commit 75916adfee
2 changed files with 128 additions and 124 deletions

View File

@@ -103,8 +103,7 @@ const OnboardingWizardContent: React.FC = () => {
title: t('onboarding:steps.suppliers.title', 'Proveedores'),
description: t('onboarding:steps.suppliers.description', 'Configura tus proveedores'),
component: SuppliersSetupStep,
isConditional: true,
condition: (ctx) => ctx.state.stockEntryCompleted,
// Always show - no conditional
},
{
id: 'recipes-setup',
@@ -147,8 +146,7 @@ const OnboardingWizardContent: React.FC = () => {
title: t('onboarding:steps.ml_training.title', 'Entrenamiento IA'),
description: t('onboarding:steps.ml_training.description', 'Modelo personalizado'),
component: MLTrainingStep,
isConditional: true,
condition: (ctx) => ctx.state.aiAnalysisComplete,
// Always show - no conditional
},
{
id: 'setup-review',