From 4e00262ab09269ca4282435f2d6d642971634efb Mon Sep 17 00:00:00 2001
From: Guillermo Arrieta Medina <guillermo.arrieta@lasallistas.org.mx>
Date: Wed, 28 Jan 2026 14:06:17 -0600
Subject: [PATCH] =?UTF-8?q?Redirecci=C3=B3n=20de=20plan=20de=20estudios=20?=
 =?UTF-8?q?y=20arreglo=20de=20placeholders=20en=20datos?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

close #22:
Al darle clic a un plan te lleva al index de planes/$planId, el cual es ahora la tab de datos.
Al darle al enlace de volver al plan desde el detalle de la asignatura, ya te redirige a planes/$planId/materias.
Se cambió el estilo de los placeholders en la tab de datos del detalle de plan, y ahora solo se muestra el primer ejemplo.
---
 .../asignaturas/detalle/MateriaDetailPage.tsx |  2 +-
 src/routeTree.gen.ts                          | 81 +++++--------------
 .../$planId/_detalle/{datos.tsx => index.tsx} |  6 +-
 src/routes/planes/$planId/_detalle/route.tsx  |  2 +-
 src/routes/planes/$planId/index.tsx           | 10 ---
 5 files changed, 27 insertions(+), 74 deletions(-)
 rename src/routes/planes/$planId/_detalle/{datos.tsx => index.tsx} (97%)
 delete mode 100644 src/routes/planes/$planId/index.tsx

diff --git a/src/components/asignaturas/detalle/MateriaDetailPage.tsx b/src/components/asignaturas/detalle/MateriaDetailPage.tsx
index 8beb986..66e996c 100644
--- a/src/components/asignaturas/detalle/MateriaDetailPage.tsx
+++ b/src/components/asignaturas/detalle/MateriaDetailPage.tsx
@@ -211,7 +211,7 @@ export default function MateriaDetailPage() {
       <section className="bg-gradient-to-b from-[#0b1d3a] to-[#0e2a5c] text-white">
         <div className="mx-auto max-w-7xl px-6 py-10">
           <Link
-            to="/planes/$planId"
+            to="/planes/$planId/materias"
             params={{ planId }}
             className="mb-4 flex items-center gap-2 text-sm text-blue-200 hover:text-white"
           >
diff --git a/src/routeTree.gen.ts b/src/routeTree.gen.ts
index c532d45..d6f4256 100644
--- a/src/routeTree.gen.ts
+++ b/src/routeTree.gen.ts
@@ -14,18 +14,17 @@ import { Route as DashboardRouteImport } from './routes/dashboard'
 import { Route as IndexRouteImport } from './routes/index'
 import { Route as DemoTanstackQueryRouteImport } from './routes/demo/tanstack-query'
 import { Route as PlanesListaRouteRouteImport } from './routes/planes/_lista/route'
-import { Route as PlanesPlanIdIndexRouteImport } from './routes/planes/$planId/index'
 import { Route as PlanesListaNuevoRouteImport } from './routes/planes/_lista/nuevo'
 import { Route as PlanesPlanIdAsignaturasRouteRouteImport } from './routes/planes/$planId/asignaturas/route'
 import { Route as PlanesPlanIdDetalleRouteRouteImport } from './routes/planes/$planId/_detalle/route'
 import { Route as PlanesPlanIdAsignaturasIndexRouteImport } from './routes/planes/$planId/asignaturas/index'
+import { Route as PlanesPlanIdDetalleIndexRouteImport } from './routes/planes/$planId/_detalle/index'
 import { Route as PlanesPlanIdDetalleMateriasRouteImport } from './routes/planes/$planId/_detalle/materias'
 import { Route as PlanesPlanIdDetalleMapaRouteImport } from './routes/planes/$planId/_detalle/mapa'
 import { Route as PlanesPlanIdDetalleIaplanRouteImport } from './routes/planes/$planId/_detalle/iaplan'
 import { Route as PlanesPlanIdDetalleHistorialRouteImport } from './routes/planes/$planId/_detalle/historial'
 import { Route as PlanesPlanIdDetalleFlujoRouteImport } from './routes/planes/$planId/_detalle/flujo'
 import { Route as PlanesPlanIdDetalleDocumentoRouteImport } from './routes/planes/$planId/_detalle/documento'
-import { Route as PlanesPlanIdDetalleDatosRouteImport } from './routes/planes/$planId/_detalle/datos'
 import { Route as PlanesPlanIdAsignaturasListaRouteRouteImport } from './routes/planes/$planId/asignaturas/_lista/route'
 import { Route as PlanesPlanIdAsignaturasAsignaturaIdRouteRouteImport } from './routes/planes/$planId/asignaturas/$asignaturaId/route'
 import { Route as PlanesPlanIdAsignaturasListaNuevaRouteImport } from './routes/planes/$planId/asignaturas/_lista/nueva'
@@ -55,11 +54,6 @@ const PlanesListaRouteRoute = PlanesListaRouteRouteImport.update({
   path: '/planes',
   getParentRoute: () => rootRouteImport,
 } as any)
-const PlanesPlanIdIndexRoute = PlanesPlanIdIndexRouteImport.update({
-  id: '/planes/$planId/',
-  path: '/planes/$planId/',
-  getParentRoute: () => rootRouteImport,
-} as any)
 const PlanesListaNuevoRoute = PlanesListaNuevoRouteImport.update({
   id: '/nuevo',
   path: '/nuevo',
@@ -83,6 +77,12 @@ const PlanesPlanIdAsignaturasIndexRoute =
     path: '/',
     getParentRoute: () => PlanesPlanIdAsignaturasRouteRoute,
   } as any)
+const PlanesPlanIdDetalleIndexRoute =
+  PlanesPlanIdDetalleIndexRouteImport.update({
+    id: '/',
+    path: '/',
+    getParentRoute: () => PlanesPlanIdDetalleRouteRoute,
+  } as any)
 const PlanesPlanIdDetalleMateriasRoute =
   PlanesPlanIdDetalleMateriasRouteImport.update({
     id: '/materias',
@@ -118,12 +118,6 @@ const PlanesPlanIdDetalleDocumentoRoute =
     path: '/documento',
     getParentRoute: () => PlanesPlanIdDetalleRouteRoute,
   } as any)
-const PlanesPlanIdDetalleDatosRoute =
-  PlanesPlanIdDetalleDatosRouteImport.update({
-    id: '/datos',
-    path: '/datos',
-    getParentRoute: () => PlanesPlanIdDetalleRouteRoute,
-  } as any)
 const PlanesPlanIdAsignaturasListaRouteRoute =
   PlanesPlanIdAsignaturasListaRouteRouteImport.update({
     id: '/_lista',
@@ -151,15 +145,14 @@ export interface FileRoutesByFullPath {
   '/planes/$planId': typeof PlanesPlanIdDetalleRouteRouteWithChildren
   '/planes/$planId/asignaturas': typeof PlanesPlanIdAsignaturasListaRouteRouteWithChildren
   '/planes/nuevo': typeof PlanesListaNuevoRoute
-  '/planes/$planId/': typeof PlanesPlanIdIndexRoute
   '/planes/$planId/asignaturas/$asignaturaId': typeof PlanesPlanIdAsignaturasAsignaturaIdRouteRoute
-  '/planes/$planId/datos': typeof PlanesPlanIdDetalleDatosRoute
   '/planes/$planId/documento': typeof PlanesPlanIdDetalleDocumentoRoute
   '/planes/$planId/flujo': typeof PlanesPlanIdDetalleFlujoRoute
   '/planes/$planId/historial': typeof PlanesPlanIdDetalleHistorialRoute
   '/planes/$planId/iaplan': typeof PlanesPlanIdDetalleIaplanRoute
   '/planes/$planId/mapa': typeof PlanesPlanIdDetalleMapaRoute
   '/planes/$planId/materias': typeof PlanesPlanIdDetalleMateriasRoute
+  '/planes/$planId/': typeof PlanesPlanIdDetalleIndexRoute
   '/planes/$planId/asignaturas/': typeof PlanesPlanIdAsignaturasIndexRoute
   '/planes/$planId/asignaturas/nueva': typeof PlanesPlanIdAsignaturasListaNuevaRoute
 }
@@ -169,17 +162,16 @@ export interface FileRoutesByTo {
   '/login': typeof LoginRoute
   '/planes': typeof PlanesListaRouteRouteWithChildren
   '/demo/tanstack-query': typeof DemoTanstackQueryRoute
-  '/planes/$planId': typeof PlanesPlanIdIndexRoute
   '/planes/nuevo': typeof PlanesListaNuevoRoute
   '/planes/$planId/asignaturas/$asignaturaId': typeof PlanesPlanIdAsignaturasAsignaturaIdRouteRoute
   '/planes/$planId/asignaturas': typeof PlanesPlanIdAsignaturasIndexRoute
-  '/planes/$planId/datos': typeof PlanesPlanIdDetalleDatosRoute
   '/planes/$planId/documento': typeof PlanesPlanIdDetalleDocumentoRoute
   '/planes/$planId/flujo': typeof PlanesPlanIdDetalleFlujoRoute
   '/planes/$planId/historial': typeof PlanesPlanIdDetalleHistorialRoute
   '/planes/$planId/iaplan': typeof PlanesPlanIdDetalleIaplanRoute
   '/planes/$planId/mapa': typeof PlanesPlanIdDetalleMapaRoute
   '/planes/$planId/materias': typeof PlanesPlanIdDetalleMateriasRoute
+  '/planes/$planId': typeof PlanesPlanIdDetalleIndexRoute
   '/planes/$planId/asignaturas/nueva': typeof PlanesPlanIdAsignaturasListaNuevaRoute
 }
 export interface FileRoutesById {
@@ -192,16 +184,15 @@ export interface FileRoutesById {
   '/planes/$planId/_detalle': typeof PlanesPlanIdDetalleRouteRouteWithChildren
   '/planes/$planId/asignaturas': typeof PlanesPlanIdAsignaturasRouteRouteWithChildren
   '/planes/_lista/nuevo': typeof PlanesListaNuevoRoute
-  '/planes/$planId/': typeof PlanesPlanIdIndexRoute
   '/planes/$planId/asignaturas/$asignaturaId': typeof PlanesPlanIdAsignaturasAsignaturaIdRouteRoute
   '/planes/$planId/asignaturas/_lista': typeof PlanesPlanIdAsignaturasListaRouteRouteWithChildren
-  '/planes/$planId/_detalle/datos': typeof PlanesPlanIdDetalleDatosRoute
   '/planes/$planId/_detalle/documento': typeof PlanesPlanIdDetalleDocumentoRoute
   '/planes/$planId/_detalle/flujo': typeof PlanesPlanIdDetalleFlujoRoute
   '/planes/$planId/_detalle/historial': typeof PlanesPlanIdDetalleHistorialRoute
   '/planes/$planId/_detalle/iaplan': typeof PlanesPlanIdDetalleIaplanRoute
   '/planes/$planId/_detalle/mapa': typeof PlanesPlanIdDetalleMapaRoute
   '/planes/$planId/_detalle/materias': typeof PlanesPlanIdDetalleMateriasRoute
+  '/planes/$planId/_detalle/': typeof PlanesPlanIdDetalleIndexRoute
   '/planes/$planId/asignaturas/': typeof PlanesPlanIdAsignaturasIndexRoute
   '/planes/$planId/asignaturas/_lista/nueva': typeof PlanesPlanIdAsignaturasListaNuevaRoute
 }
@@ -216,15 +207,14 @@ export interface FileRouteTypes {
     | '/planes/$planId'
     | '/planes/$planId/asignaturas'
     | '/planes/nuevo'
-    | '/planes/$planId/'
     | '/planes/$planId/asignaturas/$asignaturaId'
-    | '/planes/$planId/datos'
     | '/planes/$planId/documento'
     | '/planes/$planId/flujo'
     | '/planes/$planId/historial'
     | '/planes/$planId/iaplan'
     | '/planes/$planId/mapa'
     | '/planes/$planId/materias'
+    | '/planes/$planId/'
     | '/planes/$planId/asignaturas/'
     | '/planes/$planId/asignaturas/nueva'
   fileRoutesByTo: FileRoutesByTo
@@ -234,17 +224,16 @@ export interface FileRouteTypes {
     | '/login'
     | '/planes'
     | '/demo/tanstack-query'
-    | '/planes/$planId'
     | '/planes/nuevo'
     | '/planes/$planId/asignaturas/$asignaturaId'
     | '/planes/$planId/asignaturas'
-    | '/planes/$planId/datos'
     | '/planes/$planId/documento'
     | '/planes/$planId/flujo'
     | '/planes/$planId/historial'
     | '/planes/$planId/iaplan'
     | '/planes/$planId/mapa'
     | '/planes/$planId/materias'
+    | '/planes/$planId'
     | '/planes/$planId/asignaturas/nueva'
   id:
     | '__root__'
@@ -256,16 +245,15 @@ export interface FileRouteTypes {
     | '/planes/$planId/_detalle'
     | '/planes/$planId/asignaturas'
     | '/planes/_lista/nuevo'
-    | '/planes/$planId/'
     | '/planes/$planId/asignaturas/$asignaturaId'
     | '/planes/$planId/asignaturas/_lista'
-    | '/planes/$planId/_detalle/datos'
     | '/planes/$planId/_detalle/documento'
     | '/planes/$planId/_detalle/flujo'
     | '/planes/$planId/_detalle/historial'
     | '/planes/$planId/_detalle/iaplan'
     | '/planes/$planId/_detalle/mapa'
     | '/planes/$planId/_detalle/materias'
+    | '/planes/$planId/_detalle/'
     | '/planes/$planId/asignaturas/'
     | '/planes/$planId/asignaturas/_lista/nueva'
   fileRoutesById: FileRoutesById
@@ -278,7 +266,6 @@ export interface RootRouteChildren {
   DemoTanstackQueryRoute: typeof DemoTanstackQueryRoute
   PlanesPlanIdDetalleRouteRoute: typeof PlanesPlanIdDetalleRouteRouteWithChildren
   PlanesPlanIdAsignaturasRouteRoute: typeof PlanesPlanIdAsignaturasRouteRouteWithChildren
-  PlanesPlanIdIndexRoute: typeof PlanesPlanIdIndexRoute
 }
 
 declare module '@tanstack/react-router' {
@@ -318,29 +305,6 @@ declare module '@tanstack/react-router' {
       preLoaderRoute: typeof PlanesListaRouteRouteImport
       parentRoute: typeof rootRouteImport
     }
-    '/planes/$planId/': {
-      id: '/planes/$planId/'
-      path: '/planes/$planId'
-<<<<<<< HEAD
-<<<<<<< HEAD
-      fullPath: '/planes/$planId/'
-=======
-<<<<<<< HEAD
-<<<<<<< HEAD
-      fullPath: '/planes/$planId/'
-=======
-      fullPath: '/planes/$planId'
->>>>>>> 4950f7efbf664bbd31ac8a673fe594af5baf07f6
-=======
-      fullPath: '/planes/$planId/'
->>>>>>> cbe4e54 (Se cierran incidencias #10, #21, #24, #25; se añade generación manual de planes)
->>>>>>> 9584cd0c048cf1f4477a4db80947de38e6c75632
-=======
-      fullPath: '/planes/$planId/'
->>>>>>> 9d72010 (Fallback elegante de vista no encontrada)
-      preLoaderRoute: typeof PlanesPlanIdIndexRouteImport
-      parentRoute: typeof rootRouteImport
-    }
     '/planes/_lista/nuevo': {
       id: '/planes/_lista/nuevo'
       path: '/nuevo'
@@ -369,6 +333,13 @@ declare module '@tanstack/react-router' {
       preLoaderRoute: typeof PlanesPlanIdAsignaturasIndexRouteImport
       parentRoute: typeof PlanesPlanIdAsignaturasRouteRoute
     }
+    '/planes/$planId/_detalle/': {
+      id: '/planes/$planId/_detalle/'
+      path: '/'
+      fullPath: '/planes/$planId/'
+      preLoaderRoute: typeof PlanesPlanIdDetalleIndexRouteImport
+      parentRoute: typeof PlanesPlanIdDetalleRouteRoute
+    }
     '/planes/$planId/_detalle/materias': {
       id: '/planes/$planId/_detalle/materias'
       path: '/materias'
@@ -411,13 +382,6 @@ declare module '@tanstack/react-router' {
       preLoaderRoute: typeof PlanesPlanIdDetalleDocumentoRouteImport
       parentRoute: typeof PlanesPlanIdDetalleRouteRoute
     }
-    '/planes/$planId/_detalle/datos': {
-      id: '/planes/$planId/_detalle/datos'
-      path: '/datos'
-      fullPath: '/planes/$planId/datos'
-      preLoaderRoute: typeof PlanesPlanIdDetalleDatosRouteImport
-      parentRoute: typeof PlanesPlanIdDetalleRouteRoute
-    }
     '/planes/$planId/asignaturas/_lista': {
       id: '/planes/$planId/asignaturas/_lista'
       path: ''
@@ -454,24 +418,24 @@ const PlanesListaRouteRouteWithChildren =
   PlanesListaRouteRoute._addFileChildren(PlanesListaRouteRouteChildren)
 
 interface PlanesPlanIdDetalleRouteRouteChildren {
-  PlanesPlanIdDetalleDatosRoute: typeof PlanesPlanIdDetalleDatosRoute
   PlanesPlanIdDetalleDocumentoRoute: typeof PlanesPlanIdDetalleDocumentoRoute
   PlanesPlanIdDetalleFlujoRoute: typeof PlanesPlanIdDetalleFlujoRoute
   PlanesPlanIdDetalleHistorialRoute: typeof PlanesPlanIdDetalleHistorialRoute
   PlanesPlanIdDetalleIaplanRoute: typeof PlanesPlanIdDetalleIaplanRoute
   PlanesPlanIdDetalleMapaRoute: typeof PlanesPlanIdDetalleMapaRoute
   PlanesPlanIdDetalleMateriasRoute: typeof PlanesPlanIdDetalleMateriasRoute
+  PlanesPlanIdDetalleIndexRoute: typeof PlanesPlanIdDetalleIndexRoute
 }
 
 const PlanesPlanIdDetalleRouteRouteChildren: PlanesPlanIdDetalleRouteRouteChildren =
   {
-    PlanesPlanIdDetalleDatosRoute: PlanesPlanIdDetalleDatosRoute,
     PlanesPlanIdDetalleDocumentoRoute: PlanesPlanIdDetalleDocumentoRoute,
     PlanesPlanIdDetalleFlujoRoute: PlanesPlanIdDetalleFlujoRoute,
     PlanesPlanIdDetalleHistorialRoute: PlanesPlanIdDetalleHistorialRoute,
     PlanesPlanIdDetalleIaplanRoute: PlanesPlanIdDetalleIaplanRoute,
     PlanesPlanIdDetalleMapaRoute: PlanesPlanIdDetalleMapaRoute,
     PlanesPlanIdDetalleMateriasRoute: PlanesPlanIdDetalleMateriasRoute,
+    PlanesPlanIdDetalleIndexRoute: PlanesPlanIdDetalleIndexRoute,
   }
 
 const PlanesPlanIdDetalleRouteRouteWithChildren =
@@ -523,7 +487,6 @@ const rootRouteChildren: RootRouteChildren = {
   PlanesPlanIdDetalleRouteRoute: PlanesPlanIdDetalleRouteRouteWithChildren,
   PlanesPlanIdAsignaturasRouteRoute:
     PlanesPlanIdAsignaturasRouteRouteWithChildren,
-  PlanesPlanIdIndexRoute: PlanesPlanIdIndexRoute,
 }
 export const routeTree = rootRouteImport
   ._addFileChildren(rootRouteChildren)
diff --git a/src/routes/planes/$planId/_detalle/datos.tsx b/src/routes/planes/$planId/_detalle/index.tsx
similarity index 97%
rename from src/routes/planes/$planId/_detalle/datos.tsx
rename to src/routes/planes/$planId/_detalle/index.tsx
index 357baad..e92286b 100644
--- a/src/routes/planes/$planId/_detalle/datos.tsx
+++ b/src/routes/planes/$planId/_detalle/index.tsx
@@ -21,7 +21,7 @@ import {
 import { usePlan } from '@/data'
 
 // import { toast } from 'sonner' // Asegúrate de tener sonner instalado o quita la línea
-export const Route = createFileRoute('/planes/$planId/_detalle/datos')({
+export const Route = createFileRoute('/planes/$planId/_detalle/')({
   component: DatosGeneralesPage,
 })
 
@@ -204,8 +204,8 @@ function DatosGeneralesPage() {
                     <Textarea
                       value={editValue}
                       onChange={(e) => setEditValue(e.target.value)}
-                      className="min-h-30"
-                      placeholder={campo.holder}
+                      className="placeholder:text-muted-foreground/70 min-h-30 not-italic placeholder:italic"
+                      placeholder={`Ej. ${campo.holder[0] as string}`}
                     />
                     <div className="flex justify-end gap-2">
                       <Button
diff --git a/src/routes/planes/$planId/_detalle/route.tsx b/src/routes/planes/$planId/_detalle/route.tsx
index dd1c857..e2fa43d 100644
--- a/src/routes/planes/$planId/_detalle/route.tsx
+++ b/src/routes/planes/$planId/_detalle/route.tsx
@@ -216,7 +216,7 @@ function RouteComponent() {
         {/* 4. Navegación de Tabs */}
         <div className="scrollbar-hide overflow-x-auto border-b">
           <nav className="flex min-w-max gap-8">
-            <Tab to="/planes/$planId/datos" params={{ planId }}>
+            <Tab to="/planes/$planId/" params={{ planId }}>
               Datos Generales
             </Tab>
             <Tab to="/planes/$planId/mapa" params={{ planId }}>
diff --git a/src/routes/planes/$planId/index.tsx b/src/routes/planes/$planId/index.tsx
deleted file mode 100644
index 15ac830..0000000
--- a/src/routes/planes/$planId/index.tsx
+++ /dev/null
@@ -1,10 +0,0 @@
-import { createFileRoute, redirect } from '@tanstack/react-router'
-
-export const Route = createFileRoute('/planes/$planId/')({
-  beforeLoad: ({ params }) => {
-    throw redirect({
-      to: '/planes/$planId/materias',
-      params,
-    })
-  },
-})