Se generan los planes con IA de manera correcta

src/components/planes/wizard/PasoBasicosForm/PasoBasicosForm.tsx

@@ -44,7 +44,7 @@ export function PasoBasicosForm({
       <div className="grid gap-4 sm:grid-cols-2">
         <div className="grid gap-1 sm:col-span-2">
           <Label htmlFor="nombrePlan">
-            Nombre del plan <span className="text-destructive">*</span>
+            Nombre del plan {/* <span className="text-destructive">*</span> */}
           </Label>
           <Input
             id="nombrePlan"

src/components/planes/wizard/PasoDetallesPanel/PasoDetallesPanel.tsx

@@ -65,7 +65,12 @@ export function PasoDetallesPanel({
         </div>
 
         <div className="flex flex-col gap-1">
-          <Label htmlFor="notas">Notas adicionales</Label>
+          <Label htmlFor="notas">
+            Notas adicionales
+            <span className="text-xs font-normal text-gray-500 dark:text-gray-400">
+              (Opcional)
+            </span>
+          </Label>
           <textarea
             id="notas"
             className="bg-background text-foreground ring-offset-background focus-visible:ring-ring min-h-24 w-full rounded-md border px-3 py-2 text-sm shadow-sm focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-none"

src/components/planes/wizard/WizardControls.tsx

@@ -68,9 +68,12 @@ export function WizardControls({
           },
         }
 
-        const data = await generatePlanAI.mutateAsync(aiInput as any)
+        console.log(`${new Date().toISOString()} - Enviando a generar plan IA`)
 
-        // navigate({ to: `/planes/${data.plan.id}` })
+        const data = await generatePlanAI.mutateAsync(aiInput as any)
+        console.log(`${new Date().toISOString()} - Plan IA generado`, data)
+
+        navigate({ to: `/planes/${data.plan.id}` })
         return
       }