Colocar el nombre de la Facultad/Carrera en el Resumen de la creación de los planes

fix #56:
Ya se muestra el nombre de la facultad y de la carrera.

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

@@ -34,7 +34,7 @@ export function PasoBasicosForm({
   const estructurasPlanList = catalogos?.estructurasPlan ?? []
 
   const filteredCarreras = rawCarreras.filter((c: any) => {
-    const facId = wizard.datosBasicos.facultadId
+    const facId = wizard.datosBasicos.facultad.id
     if (!facId) return true
     // soportar ambos shapes: `facultad_id` (BD) o `facultadId` (local)
     return c.facultad_id ? c.facultad_id === facId : c.facultadId === facId
@@ -68,15 +68,20 @@ export function PasoBasicosForm({
         <div className="grid gap-1">
           <Label htmlFor="facultad">Facultad</Label>
           <Select
-            value={wizard.datosBasicos.facultadId}
+            value={wizard.datosBasicos.facultad.id}
             onValueChange={(value) =>
               onChange(
                 (w): NewPlanWizardState => ({
                   ...w,
                   datosBasicos: {
                     ...w.datosBasicos,
-                    facultadId: value,
-                    carreraId: '',
+                    facultad: {
+                      id: value,
+                      nombre:
+                        facultadesList.find((f) => f.id === value)?.nombre ||
+                        '',
+                    },
+                    carrera: { id: '', nombre: '' },
                   },
                 }),
               )
@@ -86,7 +91,7 @@ export function PasoBasicosForm({
               id="facultad"
               className={cn(
                 'w-full min-w-0 [&>span]:block! [&>span]:truncate!',
-                !wizard.datosBasicos.facultadId
+                !wizard.datosBasicos.facultad.id
                   ? 'text-muted-foreground font-normal italic opacity-70' // Es Placeholder
                   : 'font-medium not-italic', // Tiene Valor (Medium)
               )}
@@ -106,22 +111,30 @@ export function PasoBasicosForm({
         <div className="grid gap-1">
           <Label htmlFor="carrera">Carrera</Label>
           <Select
-            value={wizard.datosBasicos.carreraId}
+            value={wizard.datosBasicos.carrera.id}
             onValueChange={(value) =>
               onChange(
                 (w): NewPlanWizardState => ({
                   ...w,
-                  datosBasicos: { ...w.datosBasicos, carreraId: value },
+                  datosBasicos: {
+                    ...w.datosBasicos,
+                    carrera: {
+                      id: value,
+                      nombre:
+                        filteredCarreras.find((c) => c.id === value)?.nombre ||
+                        '',
+                    },
+                  },
                 }),
               )
             }
-            disabled={!wizard.datosBasicos.facultadId}
+            disabled={!wizard.datosBasicos.facultad.id}
           >
             <SelectTrigger
               id="carrera"
               className={cn(
                 'w-full min-w-0 [&>span]:block! [&>span]:truncate!',
-                !wizard.datosBasicos.carreraId
+                !wizard.datosBasicos.carrera.id
                   ? 'text-muted-foreground font-normal italic opacity-70' // Es Placeholder
                   : 'font-medium not-italic', // Tiene Valor (Medium)
               )}

src/components/planes/wizard/PasoResumenCard.tsx

@@ -45,8 +45,8 @@ export function PasoResumenCard({ wizard }: { wizard: NewPlanWizardState }) {
                     Facultad/Carrera:{' '}
                   </span>
                   <span className="font-medium">
-                    {wizard.datosBasicos.facultadId || '—'} /{' '}
-                    {wizard.datosBasicos.carreraId || '—'}
+                    {wizard.datosBasicos.facultad.nombre || '—'} /{' '}
+                    {wizard.datosBasicos.carrera.nombre || '—'}
                   </span>
                 </div>
                 <div>

src/components/planes/wizard/WizardControls.tsx

@@ -57,8 +57,8 @@ export function WizardControls({
         const aiInput = {
           datosBasicos: {
             nombrePlan: wizard.datosBasicos.nombrePlan,
-            carreraId: wizard.datosBasicos.carreraId,
-            facultadId: wizard.datosBasicos.facultadId || undefined,
+            carreraId: wizard.datosBasicos.carrera.id || undefined,
+            facultadId: wizard.datosBasicos.facultad.id || undefined,
             nivel: wizard.datosBasicos.nivel as string,
             tipoCiclo: tipoCicloSafe,
             numCiclos: numCiclosSafe,
@@ -90,7 +90,7 @@ export function WizardControls({
       if (wizard.tipoOrigen === 'MANUAL') {
         // Crear plan vacío manualmente usando el hook
         const plan = await createPlanManual.mutateAsync({
-          carreraId: wizard.datosBasicos.carreraId,
+          carreraId: wizard.datosBasicos.carrera.id,
           estructuraId: wizard.datosBasicos.estructuraPlanId as string,
           nombre: wizard.datosBasicos.nombrePlan,
           nivel: wizard.datosBasicos.nivel as NivelPlanEstudio,

src/features/planes/nuevo/hooks/useNuevoPlanWizard.ts

@@ -8,8 +8,8 @@ export function useNuevoPlanWizard() {
     tipoOrigen: null,
     datosBasicos: {
       nombrePlan: '',
-      carreraId: '',
-      facultadId: '',
+      facultad: { id: '', nombre: '' },
+      carrera: { id: '', nombre: '' },
       nivel: '',
       tipoCiclo: '',
       numCiclos: undefined,
@@ -53,8 +53,8 @@ export function useNuevoPlanWizard() {
 
   const canContinueDesdeBasicos =
     !!wizard.datosBasicos.nombrePlan &&
-    !!wizard.datosBasicos.carreraId &&
-    !!wizard.datosBasicos.facultadId &&
+    !!wizard.datosBasicos.carrera.id &&
+    !!wizard.datosBasicos.facultad.id &&
     !!wizard.datosBasicos.nivel &&
     wizard.datosBasicos.numCiclos !== undefined &&
     wizard.datosBasicos.numCiclos > 0 &&

src/features/planes/nuevo/types.ts

@@ -19,8 +19,14 @@ export type NewPlanWizardState = {
   tipoOrigen: TipoOrigen | null
   datosBasicos: {
     nombrePlan: string
-    carreraId: string
-    facultadId: string
+    facultad: {
+      id: string
+      nombre: string
+    }
+    carrera: {
+      id: string
+      nombre: string
+    }
     nivel: NivelPlanEstudio | ''
     tipoCiclo: TipoCiclo | ''
     numCiclos: number | undefined