diff --git a/src/components/planes/wizard/WizardControls.tsx b/src/components/planes/wizard/WizardControls.tsx
index f70cf35..35f5419 100644
--- a/src/components/planes/wizard/WizardControls.tsx
+++ b/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,
@@ -81,7 +81,7 @@ export function WizardControls({
console.log(`${new Date().toISOString()} - Plan IA generado`, data)
navigate({
- to: `/planes/${data.plan.id}/datos`,
+ to: `/planes/${data.plan.id}`,
state: { showConfetti: true },
})
return
@@ -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,
@@ -101,7 +101,7 @@ export function WizardControls({
// Navegar al nuevo plan
navigate({
- to: `/planes/${plan.id}/datos`,
+ to: `/planes/${plan.id}`,
state: { showConfetti: true },
})
return
diff --git a/src/components/wizard/StepWithTooltip.tsx b/src/components/wizard/StepWithTooltip.tsx
new file mode 100644
index 0000000..44f8e6e
--- /dev/null
+++ b/src/components/wizard/StepWithTooltip.tsx
@@ -0,0 +1,41 @@
+import { useState } from 'react'
+
+import {
+ Tooltip,
+ TooltipContent,
+ TooltipProvider,
+ TooltipTrigger,
+} from '@/components/ui/tooltip'
+
+export function StepWithTooltip({
+ title,
+ desc,
+}: {
+ title: string
+ desc: string
+}) {
+ const [isOpen, setIsOpen] = useState(false)
+
+ return (
+
+
+
+ {
+ e.stopPropagation()
+ setIsOpen((prev) => !prev)
+ }}
+ onMouseEnter={() => setIsOpen(true)}
+ onMouseLeave={() => setIsOpen(false)}
+ >
+ {title}
+
+
+
+ {desc}
+
+
+
+ )
+}
diff --git a/src/components/wizard/WizardLayout.tsx b/src/components/wizard/WizardLayout.tsx
new file mode 100644
index 0000000..96fb1a5
--- /dev/null
+++ b/src/components/wizard/WizardLayout.tsx
@@ -0,0 +1,52 @@
+import * as Icons from 'lucide-react'
+
+import { CardHeader, CardTitle } from '@/components/ui/card'
+import { Dialog, DialogContent } from '@/components/ui/dialog'
+
+export function WizardLayout({
+ title,
+ onClose,
+ headerSlot,
+ footerSlot,
+ children,
+}: {
+ title: string
+ onClose: () => void
+ headerSlot?: React.ReactNode
+ footerSlot?: React.ReactNode
+ children: React.ReactNode
+}) {
+ return (
+
+ )
+}
diff --git a/src/components/wizard/WizardResponsiveHeader.tsx b/src/components/wizard/WizardResponsiveHeader.tsx
new file mode 100644
index 0000000..7766e13
--- /dev/null
+++ b/src/components/wizard/WizardResponsiveHeader.tsx
@@ -0,0 +1,59 @@
+import { CircularProgress } from '@/components/CircularProgress'
+import { StepWithTooltip } from '@/components/wizard/StepWithTooltip'
+
+export function WizardResponsiveHeader({
+ wizard,
+ methods,
+}: {
+ wizard: any
+ methods: any
+}) {
+ const idx = wizard.utils.getIndex(methods.current.id)
+ const totalSteps = wizard.steps.length
+ const currentIndex = idx + 1
+ const hasNextStep = idx < totalSteps - 1
+ const nextStep = wizard.steps[currentIndex]
+
+ return (
+ <>
+
+
+
+
+
+
+
+ {hasNextStep && nextStep ? (
+
+ Siguiente: {nextStep.title}
+
+ ) : (
+
+ ¡Último paso!
+
+ )}
+
+
+
+
+
+
+ {wizard.steps.map((step: any) => (
+
+
+
+
+
+ ))}
+
+
+
+ )
+}
diff --git a/src/data/query/keys.ts b/src/data/query/keys.ts
index 788da9f..ec61bbd 100644
--- a/src/data/query/keys.ts
+++ b/src/data/query/keys.ts
@@ -1,31 +1,33 @@
export const qk = {
- auth: ["auth"] as const,
- session: () => ["auth", "session"] as const,
- meProfile: () => ["auth", "meProfile"] as const,
+ auth: ['auth'] as const,
+ session: () => ['auth', 'session'] as const,
+ meProfile: () => ['auth', 'meProfile'] as const,
- facultades: () => ["meta", "facultades"] as const,
+ facultades: () => ['meta', 'facultades'] as const,
carreras: (facultadId?: string | null) =>
- ["meta", "carreras", { facultadId: facultadId ?? null }] as const,
+ ['meta', 'carreras', { facultadId: facultadId ?? null }] as const,
estructurasPlan: (nivel?: string | null) =>
- ["meta", "estructurasPlan", { nivel: nivel ?? null }] as const,
- estructurasAsignatura: () => ["meta", "estructurasAsignatura"] as const,
- estadosPlan: () => ["meta", "estadosPlan"] as const,
+ ['meta', 'estructurasPlan', { nivel: nivel ?? null }] as const,
+ estructurasAsignatura: () => ['meta', 'estructurasAsignatura'] as const,
+ estadosPlan: () => ['meta', 'estadosPlan'] as const,
- planesList: (filters: unknown) => ["planes", "list", filters] as const,
- plan: (planId: string) => ["planes", "detail", planId] as const,
- planLineas: (planId: string) => ["planes", planId, "lineas"] as const,
- planAsignaturas: (planId: string) => ["planes", planId, "asignaturas"] as const,
- planHistorial: (planId: string) => ["planes", planId, "historial"] as const,
- planDocumento: (planId: string) => ["planes", planId, "documento"] as const,
+ planesList: (filters: unknown) => ['planes', 'list', filters] as const,
+ plan: (planId: string) => ['planes', 'detail', planId] as const,
+ planLineas: (planId: string) => ['planes', planId, 'lineas'] as const,
+ planAsignaturas: (planId: string) =>
+ ['planes', planId, 'asignaturas'] as const,
+ planHistorial: (planId: string) => ['planes', planId, 'historial'] as const,
+ planDocumento: (planId: string) => ['planes', planId, 'documento'] as const,
- asignatura: (asignaturaId: string) => ["asignaturas", "detail", asignaturaId] as const,
+ asignatura: (asignaturaId: string) =>
+ ['asignaturas', 'detail', asignaturaId] as const,
asignaturaBibliografia: (asignaturaId: string) =>
- ["asignaturas", asignaturaId, "bibliografia"] as const,
+ ['asignaturas', asignaturaId, 'bibliografia'] as const,
asignaturaHistorial: (asignaturaId: string) =>
- ["asignaturas", asignaturaId, "historial"] as const,
+ ['asignaturas', asignaturaId, 'historial'] as const,
asignaturaDocumento: (asignaturaId: string) =>
- ["asignaturas", asignaturaId, "documento"] as const,
+ ['asignaturas', asignaturaId, 'documento'] as const,
- tareas: () => ["tareas", "mias"] as const,
- notificaciones: () => ["notificaciones", "mias"] as const,
-};
+ tareas: () => ['tareas', 'mias'] as const,
+ notificaciones: () => ['notificaciones', 'mias'] as const,
+}
diff --git a/src/features/asignaturas/nueva/NuevaAsignaturaModalContainer.tsx b/src/features/asignaturas/nueva/NuevaAsignaturaModalContainer.tsx
index ba66cb1..23758c8 100644
--- a/src/features/asignaturas/nueva/NuevaAsignaturaModalContainer.tsx
+++ b/src/features/asignaturas/nueva/NuevaAsignaturaModalContainer.tsx
@@ -1,4 +1,5 @@
import { useNavigate } from '@tanstack/react-router'
+import * as Icons from 'lucide-react'
import { useNuevaAsignaturaWizard } from './hooks/useNuevaAsignaturaWizard'
@@ -6,11 +7,20 @@ import { PasoBasicosForm } from '@/components/asignaturas/wizard/PasoBasicosForm
import { PasoConfiguracionPanel } from '@/components/asignaturas/wizard/PasoConfiguracionPanel'
import { PasoMetodoCardGroup } from '@/components/asignaturas/wizard/PasoMetodoCardGroup'
import { PasoResumenCard } from '@/components/asignaturas/wizard/PasoResumenCard'
-import { VistaSinPermisos } from '@/components/asignaturas/wizard/VistaSinPermisos'
import { WizardControls } from '@/components/asignaturas/wizard/WizardControls'
-import { WizardHeader } from '@/components/asignaturas/wizard/WizardHeader'
import { defineStepper } from '@/components/stepper'
-import { Dialog, DialogContent } from '@/components/ui/dialog'
+import { Button } from '@/components/ui/button'
+import {
+ Card,
+ CardContent,
+ CardDescription,
+ CardHeader,
+ CardTitle,
+} from '@/components/ui/card'
+import { WizardLayout } from '@/components/wizard/WizardLayout'
+import { WizardResponsiveHeader } from '@/components/wizard/WizardResponsiveHeader'
+
+const auth_get_current_user_role = (): string => 'JEFE_CARRERA'
const Wizard = defineStepper(
{
@@ -24,8 +34,8 @@ const Wizard = defineStepper(
description: 'Nombre y estructura',
},
{
- id: 'configuracion',
- title: 'Configuración',
+ id: 'detalles',
+ title: 'Detalles',
description: 'Detalles según modo',
},
{
@@ -35,8 +45,6 @@ const Wizard = defineStepper(
},
)
-const auth_get_current_user_role = () => 'JEFE_CARRERA' as const
-
export function NuevaAsignaturaModalContainer({ planId }: { planId: string }) {
const navigate = useNavigate()
const role = auth_get_current_user_role()
@@ -55,59 +63,46 @@ export function NuevaAsignaturaModalContainer({ planId }: { planId: string }) {
navigate({ to: `/planes/${planId}/asignaturas`, resetScroll: false })
}
+ if (role !== 'JEFE_CARRERA') {
+ return (
+
+
+
+
+
+ Sin permisos
+
+
+ Solo el Jefe de Carrera puede crear asignaturas.
+
+
+
+
+
+
+
+ )
+ }
+
return (
-
+
+ }
+ >
+
+ {idx === 0 && (
+
+
+
+ )}
+
+ {idx === 1 && (
+
+
+
+ )}
+
+ {idx === 2 && (
+
+
+
+ )}
+
+ {idx === 3 && (
+
+
+
+ )}
+
+
+ )
+ }}
+
)
}
diff --git a/src/features/planes/nuevo/NuevoPlanModalContainer.tsx b/src/features/planes/nuevo/NuevoPlanModalContainer.tsx
index 41062e2..609df22 100644
--- a/src/features/planes/nuevo/NuevoPlanModalContainer.tsx
+++ b/src/features/planes/nuevo/NuevoPlanModalContainer.tsx
@@ -10,7 +10,6 @@ import { PasoDetallesPanel } from '@/components/planes/wizard/PasoDetallesPanel/
import { PasoModoCardGroup } from '@/components/planes/wizard/PasoModoCardGroup'
import { PasoResumenCard } from '@/components/planes/wizard/PasoResumenCard'
import { WizardControls } from '@/components/planes/wizard/WizardControls'
-import { WizardHeader } from '@/components/planes/wizard/WizardHeader'
import { defineStepper } from '@/components/stepper'
import {
Card,
@@ -19,16 +18,12 @@ import {
CardHeader,
CardTitle,
} from '@/components/ui/card'
-import {
- Dialog,
- DialogContent,
- DialogHeader,
- DialogTitle,
-} from '@/components/ui/dialog'
+import { WizardLayout } from '@/components/wizard/WizardLayout'
+import { WizardResponsiveHeader } from '@/components/wizard/WizardResponsiveHeader'
// import { useGeneratePlanAI } from '@/data/hooks/usePlans'
// Mock de permisos/rol
-const auth_get_current_user_role = () => 'JEFE_CARRERA' as const
+const auth_get_current_user_role = (): string => 'JEFE_CARRERA'
const Wizard = defineStepper(
{
@@ -64,136 +59,97 @@ export default function NuevoPlanModalContainer() {
// Crear plan: ahora la lógica vive en WizardControls
+ if (role !== 'JEFE_CARRERA') {
+ return (
+
+
+
+
+
+ Sin permisos
+
+
+ No tienes permisos para crear planes de estudio.
+
+
+
+
+
+
+
+ )
+ }
+
return (
-
+
+ )}
+ {idx === 3 && (
+
+
+
+ )}
+