Se añadieron validaciones y mejoras en el modal de nueva bibliografía

-Se implementaron restricciones en SugerenciasStep: el campo de búsqueda se limitó a 200 caracteres y la generación quedó bloqueada si hay 20 o más referencias seleccionadas; se añadió tooltip en el botón de generar cuando la query tiene menos de 3 caracteres.
-Se reforzaron validaciones en FormatoYCitasStep y DatosBasicosManualStep: el título se trim-eó y se forzó a no quedar vacío (max 500 caracteres); si un título queda vacío se hace scroll al input/card, se muestra mensaje de error junto al label y se resalta el input; autores se limitó a 2000 caracteres; editorial a 300 caracteres; ISBN a 20 caracteres; el año se convirtió en input numérico permitiendo vacío o un año de 4 dígitos entre 1450 y el año actual +1.
-Se añadieron checkboxes "Año aproximado" y "En prensa" (mutuamente excluyentes): "En prensa" deshabilita el input de año y se marca el estado para citeproc; "Año aproximado" se envía como circa en issued.
-Al generar CSL se incluyeron las propiedades issued.circa y status ('in press') según los flags del ref.
-En ResumenStep se añadieron advertencias por referencia cuando falte autor(es), año (si no está "en prensa"), editorial o ISBN.
-Se corrigieron detalles de UX en edición de autores para preservar saltos de línea y se añadieron handlers para evitar errores de validación al mover entre pasos.

.gitea/workflows/deploy.yaml

@@ -1,37 +0,0 @@
-name: Deploy to Azure Static Web Apps
-
-on:
-  push:
-    branches:
-      - main
-
-jobs:
-  build-and-deploy:
-    runs-on: ubuntu-latest
-
-    steps:
-      - name: Checkout
-        uses: actions/checkout@v4
-
-      - name: Setup Bun
-        uses: oven-sh/setup-bun@v2
-        with:
-          bun-version: latest
-
-      - name: Install dependencies
-        run: bun install
-
-      - name: Build
-        env:
-          VITE_SUPABASE_URL: ${{ vars.VITE_SUPABASE_URL }}
-          VITE_SUPABASE_ANON_KEY: ${{ vars.VITE_SUPABASE_ANON_KEY }}
-        run: bunx --bun vite build
-
-      # No hace falta instalar el CLI globalmente, usamos bunx
-      - name: Deploy to Azure Static Web Apps
-        env:
-          AZURE_SWA_DEPLOYMENT_TOKEN: ${{ secrets.AZURE_SWA_DEPLOYMENT_TOKEN }}
-        run: |
-          bunx @azure/static-web-apps-cli deploy ./dist \
-            --env production \
-            --deployment-token "$AZURE_SWA_DEPLOYMENT_TOKEN"

bun.lock

@@ -4,7 +4,6 @@
     "": {
       "name": "acad-ia-2",
       "dependencies": {
-        "@dnd-kit/react": "^0.3.2",
         "@radix-ui/react-alert-dialog": "^1.1.15",
         "@radix-ui/react-avatar": "^1.1.11",
         "@radix-ui/react-checkbox": "^1.3.3",
@@ -139,18 +138,6 @@
 
     "@csstools/css-tokenizer": ["@csstools/css-tokenizer@3.0.4", "", {}, "sha512-Vd/9EVDiu6PPJt9yAh6roZP6El1xHrdvIVGjyBsHR0RYwNHgL7FJPyIIW4fANJNG6FtyZfvlRPpFI4ZM/lubvw=="],
 
-    "@dnd-kit/abstract": ["@dnd-kit/abstract@0.3.2", "", { "dependencies": { "@dnd-kit/geometry": "^0.3.2", "@dnd-kit/state": "^0.3.2", "tslib": "^2.6.2" } }, "sha512-uvPVK+SZYD6Viddn9M0K0JQdXknuVSxA/EbMlFRanve3P/XTc18oLa5zGftKSGjfQGmuzkZ34E26DSbly1zi3Q=="],
-
-    "@dnd-kit/collision": ["@dnd-kit/collision@0.3.2", "", { "dependencies": { "@dnd-kit/abstract": "^0.3.2", "@dnd-kit/geometry": "^0.3.2", "tslib": "^2.6.2" } }, "sha512-pNmNSLCI8S9fNQ7QJ3fBCDjiT0sqBhUFcKgmyYaGvGCAU+kq0AP8OWlh0JSisc9k5mFyxmRpmFQcnJpILz/RPA=="],
-
-    "@dnd-kit/dom": ["@dnd-kit/dom@0.3.2", "", { "dependencies": { "@dnd-kit/abstract": "^0.3.2", "@dnd-kit/collision": "^0.3.2", "@dnd-kit/geometry": "^0.3.2", "@dnd-kit/state": "^0.3.2", "tslib": "^2.6.2" } }, "sha512-cIUAVgt2szQyz6JRy7I+0r+xeyOAGH21Y15hb5bIyHoDEaZBvIDH+OOlD9eoLjCbsxDLN9WloU2CBi3OE6LYDg=="],
-
-    "@dnd-kit/geometry": ["@dnd-kit/geometry@0.3.2", "", { "dependencies": { "@dnd-kit/state": "^0.3.2", "tslib": "^2.6.2" } }, "sha512-3UBPuIS7E3oGiHxOE8h810QA+0pnrnCtGxl4Os1z3yy5YkC/BEYGY+TxWPTQaY1/OMV7GCX7ZNMlama2QN3n3w=="],
-
-    "@dnd-kit/react": ["@dnd-kit/react@0.3.2", "", { "dependencies": { "@dnd-kit/abstract": "^0.3.2", "@dnd-kit/dom": "^0.3.2", "@dnd-kit/state": "^0.3.2", "tslib": "^2.6.2" }, "peerDependencies": { "react": "^18.0.0 || ^19.0.0", "react-dom": "^18.0.0 || ^19.0.0" } }, "sha512-1Opg1xw6I75Z95c+rF2NJa0pdGb8rLAENtuopKtJ1J0PudWlz+P6yL137xy/6DV43uaRmNGtsdbMbR0yRYJ72g=="],
-
-    "@dnd-kit/state": ["@dnd-kit/state@0.3.2", "", { "dependencies": { "@preact/signals-core": "^1.10.0", "tslib": "^2.6.2" } }, "sha512-dLUIkoYrIJhGXfF2wGLTfb46vUokEsO/OoE21TSfmahYrx7ysTmnwbePsznFaHlwgZhQEh6AlLvthLCeY21b1A=="],
-
     "@emnapi/core": ["@emnapi/core@1.8.1", "", { "dependencies": { "@emnapi/wasi-threads": "1.1.0", "tslib": "^2.4.0" } }, "sha512-AvT9QFpxK0Zd8J0jopedNm+w/2fIzvtPKPjqyw9jwvBaReTTqPBk9Hixaz7KbjimP+QNz605/XnjFcDAL2pqBg=="],
 
     "@emnapi/runtime": ["@emnapi/runtime@1.8.1", "", { "dependencies": { "tslib": "^2.4.0" } }, "sha512-mehfKSMWjjNol8659Z8KxEMrdSJDDot5SXMq00dM8BN4o+CLNXQ0xH2V7EchNHV4RmbZLmmPdEaXZc5H2FXmDg=="],
@@ -263,8 +250,6 @@
 
     "@napi-rs/wasm-runtime": ["@napi-rs/wasm-runtime@0.2.12", "", { "dependencies": { "@emnapi/core": "^1.4.3", "@emnapi/runtime": "^1.4.3", "@tybys/wasm-util": "^0.10.0" } }, "sha512-ZVWUcfwY4E/yPitQJl481FjFo3K22D6qF0DuFH6Y/nbnE11GY5uguDxZMGXPQ8WQ0128MXQD7TnfHyK4oWoIJQ=="],
 
-    "@preact/signals-core": ["@preact/signals-core@1.14.0", "", {}, "sha512-AowtCcCU/33lFlh1zRFf/u+12rfrhtNakj7UpaGEsmMwUKpKWMVvcktOGcwBBNiB4lWrZWc01LhiyyzVklJyaQ=="],
-
     "@radix-ui/number": ["@radix-ui/number@1.1.1", "", {}, "sha512-MkKCwxlXTgz6CFoJx3pCwn07GKp36+aZyu/u2Ln2VrA5DcdyCZkASEDBTd8x5whTQQL5CiYf4prXKLcgQdv29g=="],
 
     "@radix-ui/primitive": ["@radix-ui/primitive@1.1.3", "", {}, "sha512-JTF99U/6XIjCBo0wqkU5sK10glYe27MRRsfwoiq5zzOEZLHU3A3KCMa5X/azekYRCJ0HlwI0crAXS/5dEHTzDg=="],

package.json

@@ -17,7 +17,6 @@
     "ci:verify": "prettier --check . && eslint . && tsc --noEmit"
   },
   "dependencies": {
-    "@dnd-kit/react": "^0.3.2",
     "@radix-ui/react-alert-dialog": "^1.1.15",
     "@radix-ui/react-avatar": "^1.1.11",
     "@radix-ui/react-checkbox": "^1.3.3",

src/components/asignaturas/detalle/AsignaturaDetailPage.tsx

@@ -15,7 +15,6 @@ import {
   TooltipTrigger,
 } from '@/components/ui/tooltip'
 import { useSubject, useUpdateAsignatura } from '@/data/hooks/useSubjects'
-import { columnParsers } from '@/lib/asignaturaColumnParsers'
 
 export interface BibliografiaEntry {
   id: string
@@ -39,10 +38,6 @@ export interface AsignaturaResponse {
   datos: AsignaturaDatos
 }
 
-function isRecord(value: unknown): value is Record<string, unknown> {
-  return typeof value === 'object' && value !== null && !Array.isArray(value)
-}
-
 type CriterioEvaluacionRow = {
   criterio: string
   porcentaje: number
@@ -796,3 +791,80 @@ function EvaluationView({ items }: { items: Array<CriterioEvaluacionRow> }) {
     </div>
   )
 }
+
+function isRecord(value: unknown): value is Record<string, unknown> {
+  return typeof value === 'object' && value !== null && !Array.isArray(value)
+}
+
+function parseContenidoTematicoToPlainText(value: unknown): string {
+  if (!Array.isArray(value)) return ''
+
+  const blocks: Array<string> = []
+
+  for (const item of value) {
+    if (!isRecord(item)) continue
+
+    const unidad =
+      typeof item.unidad === 'number' && Number.isFinite(item.unidad)
+        ? item.unidad
+        : undefined
+    const titulo = typeof item.titulo === 'string' ? item.titulo : ''
+
+    const header = `${unidad ?? ''}${unidad ? '.' : ''} ${titulo}`.trim()
+    if (!header) continue
+
+    const lines: Array<string> = [header]
+
+    const temas = Array.isArray(item.temas) ? item.temas : []
+    temas.forEach((tema, idx) => {
+      const temaNombre =
+        typeof tema === 'string'
+          ? tema
+          : isRecord(tema) && typeof tema.nombre === 'string'
+            ? tema.nombre
+            : ''
+      if (!temaNombre) return
+
+      if (unidad != null) {
+        lines.push(`${unidad}.${idx + 1} ${temaNombre}`.trim())
+      } else {
+        lines.push(`${idx + 1}. ${temaNombre}`)
+      }
+    })
+
+    blocks.push(lines.join('\n'))
+  }
+
+  return blocks.join('\n\n').trimEnd()
+}
+
+function parseCriteriosEvaluacionToPlainText(value: unknown): string {
+  if (!Array.isArray(value)) return ''
+
+  const lines: Array<string> = []
+  for (const item of value) {
+    if (!isRecord(item)) continue
+    const label = typeof item.criterio === 'string' ? item.criterio.trim() : ''
+    const valueNum =
+      typeof item.porcentaje === 'number'
+        ? item.porcentaje
+        : typeof item.porcentaje === 'string'
+          ? Number(item.porcentaje)
+          : NaN
+
+    if (!label) continue
+    if (!Number.isFinite(valueNum)) continue
+
+    const v = Math.trunc(valueNum)
+    if (v < 1 || v > 100) continue
+
+    lines.push(`${label}: ${v}%`)
+  }
+
+  return lines.join('\n')
+}
+
+const columnParsers: Partial<Record<string, (value: unknown) => string>> = {
+  contenido_tematico: parseContenidoTematicoToPlainText,
+  criterios_de_evaluacion: parseCriteriosEvaluacionToPlainText,
+}

src/components/asignaturas/detalle/ContenidoTematico.tsx

@@ -1,5 +1,3 @@
-import { DragDropProvider } from '@dnd-kit/react'
-import { isSortable, useSortable } from '@dnd-kit/react/sortable'
 import { useParams } from '@tanstack/react-router'
 import {
   Plus,
@@ -13,7 +11,7 @@ import {
 import { useEffect, useRef, useState } from 'react'
 
 import type { ContenidoApi, ContenidoTemaApi } from '@/data/api/subjects.api'
-import type { FocusEvent, KeyboardEvent, ReactNode } from 'react'
+import type { FocusEvent, KeyboardEvent } from 'react'
 
 import {
   AlertDialog,
@@ -52,95 +50,6 @@ export interface UnidadTematica {
   temas: Array<Tema>
 }
 
-function createClientId(prefix: string) {
-  try {
-    const c = (globalThis as any).crypto
-    if (c && typeof c.randomUUID === 'function')
-      return `${prefix}-${c.randomUUID()}`
-  } catch {
-    // ignore
-  }
-  return `${prefix}-${Date.now()}-${Math.random().toString(16).slice(2)}`
-}
-
-function arrayMove<T>(array: Array<T>, fromIndex: number, toIndex: number) {
-  const next = array.slice()
-  const startIndex = fromIndex < 0 ? next.length + fromIndex : fromIndex
-  if (startIndex < 0 || startIndex >= next.length) return next
-  const endIndex = toIndex < 0 ? next.length + toIndex : toIndex
-  const [item] = next.splice(startIndex, 1)
-  next.splice(endIndex, 0, item)
-  return next
-}
-
-function renumberUnidades(unidades: Array<UnidadTematica>) {
-  return unidades.map((u, idx) => ({ ...u, numero: idx + 1 }))
-}
-
-function InsertUnidadOverlay({
-  onInsert,
-  position,
-}: {
-  onInsert: () => void
-  position: 'top' | 'bottom'
-}) {
-  return (
-    <div
-      className={cn(
-        'pointer-events-auto absolute right-0 left-0 z-30 flex justify-center',
-        // Match the `space-y-4` gap so the hover target is *between* units.
-        position === 'top' ? '-top-4 h-4' : '-bottom-4 h-4',
-      )}
-    >
-      <Button
-        type="button"
-        variant="outline"
-        size="sm"
-        className="bg-background/95 border-border/60 hover:bg-background cursor-pointer opacity-0 shadow-sm transition-opacity group-hover:opacity-100"
-        onClick={(e) => {
-          e.stopPropagation()
-          onInsert()
-        }}
-      >
-        <Plus className="mr-2 h-3 w-3" /> Nueva unidad
-      </Button>
-    </div>
-  )
-}
-
-function SortableUnidad({
-  id,
-  index,
-  registerContainer,
-  children,
-}: {
-  id: string
-  index: number
-  registerContainer: (el: HTMLDivElement | null) => void
-  children: (args: { handleRef: (el: HTMLElement | null) => void }) => ReactNode
-}) {
-  const { ref, handleRef, isDragSource, isDropTarget } = useSortable({
-    id,
-    index,
-  })
-
-  return (
-    <div
-      ref={(el) => {
-        ref(el)
-        registerContainer(el)
-      }}
-      className={cn(
-        'group relative',
-        isDragSource && 'opacity-80',
-        isDropTarget && 'ring-primary/20 ring-2',
-      )}
-    >
-      {children({ handleRef })}
-    </div>
-  )
-}
-
 function isRecord(value: unknown): value is Record<string, unknown> {
   return typeof value === 'object' && value !== null && !Array.isArray(value)
 }
@@ -191,18 +100,20 @@ function mapContenidoItem(value: unknown, index: number): ContenidoApi | null {
   if (Array.isArray(value.temas)) {
     temas = value.temas
       .map(mapTemaValue)
-      .filter((x): x is ContenidoTemaApi => x !== null)
+      .filter((t): t is ContenidoTemaApi => t !== null)
+  } else if (typeof value.temas === 'string' && value.temas.trim()) {
+    temas = value.temas
+      .split(/\r?\n|,/)
+      .map((t) => t.trim())
+      .filter(Boolean)
   }
 
-  return {
-    ...value,
-    unidad,
-    titulo,
-    temas,
-  }
+  return { unidad, titulo, temas }
 }
 
 function mapContenidoTematicoFromDb(value: unknown): Array<ContenidoApi> {
+  if (value == null) return []
+
   if (typeof value === 'string') {
     try {
       return mapContenidoTematicoFromDb(JSON.parse(value))
@@ -281,16 +192,7 @@ export function ContenidoTematico() {
   const [temaDraftHoras, setTemaDraftHoras] = useState('')
   const [temaOriginalHoras, setTemaOriginalHoras] = useState(0)
 
-  const didInitExpandedUnitsRef = useRef(false)
-
-  const unidadesRef = useRef<Array<UnidadTematica>>([])
-  useEffect(() => {
-    unidadesRef.current = unidades
-  }, [unidades])
-
   const persistUnidades = async (nextUnidades: Array<UnidadTematica>) => {
-    // A partir del primer guardado, ya respetamos lo que el usuario deje expandido.
-    didInitExpandedUnitsRef.current = true
     const payload = serializeUnidadesToApi(nextUnidades)
     await updateContenido.mutateAsync({
       subjectId: asignaturaId,
@@ -344,17 +246,10 @@ export function ContenidoTematico() {
     })
   }
 
-  const parseHorasEstimadas = (raw: string): number => {
-    const normalized = raw.trim().replace(',', '.')
-    const parsed = Number.parseFloat(normalized)
-    if (!Number.isFinite(parsed)) return 0
-
-    return parsed
-  }
-
   const commitEditTema = () => {
     if (!editingTema) return
-    const horasEstimadas = parseHorasEstimadas(temaDraftHoras)
+    const parsedHoras = Number.parseInt(temaDraftHoras, 10)
+    const horasEstimadas = Number.isFinite(parsedHoras) ? parsedHoras : 0
 
     const next = unidades.map((u) => {
       if (u.id !== editingTema.unitId) return u
@@ -408,110 +303,28 @@ export function ContenidoTematico() {
       data ? data.contenido_tematico : undefined,
     )
 
-    // 1. EL ESCUDO: Comparamos si nuestro estado local ya tiene esta info exacta
-    // (Esto ocurre justo después de arrastrar, ya que actualizamos la UI antes que la BD)
-    const currentPayload = JSON.stringify(
-      serializeUnidadesToApi(unidadesRef.current),
-    )
-
-    // Normalizamos la data de la BD para que tenga exactamente la misma forma que el payload
-    const incomingPayload = JSON.stringify(
-      contenido.map((u, idx) => ({
-        unidad: u.unidad || idx + 1,
-        titulo: u.titulo || 'Sin título',
-        temas: Array.isArray(u.temas)
-          ? u.temas.map((t) => {
-              if (typeof t === 'string') {
-                return {
-                  nombre: t,
-                  horasEstimadas: 0,
-                  descripcion: undefined,
-                }
-              }
-
-              return {
-                nombre: t.nombre || 'Tema',
-                horasEstimadas: t.horasEstimadas ?? 0,
-                descripcion: t.descripcion,
-              }
-            })
-          : [],
-      })),
-    )
-
-    // Si los datos son idénticos, abortamos el useEffect.
-    // ¡Nuestros IDs locales se salvan y no hay parpadeos!
-    if (currentPayload === incomingPayload && unidadesRef.current.length > 0) {
-      return
-    }
-
-    // 2. Si llegamos aquí, es la carga inicial o alguien más editó la BD desde otro lado.
-    // Reciclamos IDs buscando por CONTENIDO (nombre), NUNCA POR ÍNDICE.
-    const prevUnidades = [...unidadesRef.current]
-
-    const transformed = contenido.map((u, idx) => {
-      const dbTitulo = u.titulo || 'Sin título'
-
-      // Buscamos si ya existe una unidad con este mismo título
-      const existingUnitIndex = prevUnidades.findIndex(
-        (prev) => prev.nombre === dbTitulo,
-      )
-      let unidadId
-      let existingUnit = null
-
-      if (existingUnitIndex !== -1) {
-        existingUnit = prevUnidades[existingUnitIndex]
-        unidadId = existingUnit.id
-        prevUnidades.splice(existingUnitIndex, 1) // Lo sacamos de la lista para no repetirlo
-      } else {
-        unidadId = createClientId(`u-${u.unidad || idx + 1}`)
-      }
-
-      return {
-        id: unidadId,
-        numero: u.unidad || idx + 1,
-        nombre: dbTitulo,
-        temas: Array.isArray(u.temas)
-          ? u.temas.map((t: any, tidx: number) => {
-              const dbTemaNombre =
-                typeof t === 'string' ? t : t?.nombre || 'Tema'
-
-              // Reciclamos subtemas por nombre también
-              const existingTema = existingUnit?.temas.find(
-                (prevT) => prevT.nombre === dbTemaNombre,
-              )
-              const temaId = existingTema
-                ? existingTema.id
-                : createClientId(`t-${u.unidad || idx + 1}-${tidx + 1}`)
-
-              return {
-                id: temaId,
-                nombre: dbTemaNombre,
-                horasEstimadas:
-                  coerceNumber(
-                    typeof t === 'string' ? undefined : t?.horasEstimadas,
-                  ) ?? 0,
-              }
-            })
-          : [],
-      }
-    })
+    const transformed = contenido.map((u, idx) => ({
+      id: `u-${u.unidad || idx + 1}`,
+      numero: u.unidad || idx + 1,
+      nombre: u.titulo || 'Sin título',
+      temas: Array.isArray(u.temas)
+        ? u.temas.map((t: any, tidx: number) => ({
+            id: `t-${u.unidad || idx + 1}-${tidx + 1}`,
+            nombre: typeof t === 'string' ? t : t?.nombre || 'Tema',
+            horasEstimadas: t?.horasEstimadas || 0,
+          }))
+        : [],
+    }))
 
     setUnidades(transformed)
-
+    // Mantener las unidades ya expandidas si existen; si no, expandir la primera.
     setExpandedUnits((prev) => {
       const validIds = new Set(transformed.map((u) => u.id))
       const filtered = new Set(
         Array.from(prev).filter((id) => validIds.has(id)),
       )
-
-      // Expandir la primera unidad solo una vez al llegar a la ruta.
-      // Luego, no auto-expandimos de nuevo (aunque `data` cambie).
-      if (!didInitExpandedUnitsRef.current && transformed.length > 0) {
-        return filtered.size > 0 ? filtered : new Set([transformed[0].id])
-      }
-
-      return filtered
+      if (filtered.size > 0) return filtered
+      return transformed.length > 0 ? new Set([transformed[0].id]) : new Set()
     })
   }, [data])
 
@@ -540,7 +353,7 @@ export function ContenidoTematico() {
   // 3. Cálculo de horas (ahora dinámico basado en los nuevos datos)
   const totalHoras = unidades.reduce(
     (acc, u) =>
-      acc + u.temas.reduce((sum, t) => sum + (t.horasEstimadas ?? 0), 0),
+      acc + u.temas.reduce((sum, t) => sum + (t.horasEstimadas || 0), 0),
     0,
   )
 
@@ -551,22 +364,16 @@ export function ContenidoTematico() {
     setExpandedUnits(newExpanded)
   }
 
-  const insertUnidadAt = (insertIndex: number) => {
-    const newId = createClientId('u')
+  const addUnidad = () => {
+    const newNumero = unidades.length + 1
+    const newId = `u-${newNumero}`
     const newUnidad: UnidadTematica = {
       id: newId,
       nombre: 'Nueva Unidad',
-      numero: 0,
+      numero: newNumero,
       temas: [],
     }
-
-    const clampedIndex = Math.max(0, Math.min(insertIndex, unidades.length))
-    const next = renumberUnidades([
-      ...unidades.slice(0, clampedIndex),
-      newUnidad,
-      ...unidades.slice(clampedIndex),
-    ])
-
+    const next = [...unidades, newUnidad]
     setUnidades(next)
     setExpandedUnits((prev) => {
       const n = new Set(prev)
@@ -575,40 +382,10 @@ export function ContenidoTematico() {
     })
     setPendingScrollUnitId(newId)
 
+    // Abrir edición del título inmediatamente
     setEditingUnit(newId)
     setUnitDraftNombre(newUnidad.nombre)
     setUnitOriginalNombre(newUnidad.nombre)
-
-    void persistUnidades(next)
-  }
-
-  const handleReorderEnd = (event: any) => {
-    if (event?.canceled) return
-
-    const source = event?.operation?.source
-    if (!source) return
-
-    // Type-guard nativo de dnd-kit para asegurar que el elemento tiene metadata de orden
-    if (!isSortable(source)) return
-
-    // Extraemos las posiciones exactas calculadas por dnd-kit
-    const { initialIndex, index } = source.sortable
-
-    // Si lo soltó en la misma posición de la que salió, cancelamos
-    if (initialIndex === index) return
-
-    setUnidades((prev) => {
-      // Hacemos el movimiento usando los índices directos
-      const moved = arrayMove(prev, initialIndex, index)
-      const next = renumberUnidades(moved)
-
-      // Disparamos la persistencia hacia Supabase
-      void persistUnidades(next).catch((err) => {
-        console.error('No se pudo guardar el orden de unidades', err)
-      })
-
-      return next
-    })
   }
 
   // --- Lógica de Temas ---
@@ -674,182 +451,158 @@ export function ContenidoTematico() {
         </div>
       </div>
 
-      <DragDropProvider onDragEnd={handleReorderEnd}>
-        <div className="space-y-4">
-          {unidades.map((unidad, index) => (
-            <SortableUnidad
-              key={unidad.id}
-              id={unidad.id}
-              index={index}
-              registerContainer={(el) => {
-                if (el) unitContainerRefs.current.set(unidad.id, el)
-                else unitContainerRefs.current.delete(unidad.id)
-              }}
-            >
-              {({ handleRef }) => (
-                <>
-                  {index === 0 && (
-                    <InsertUnidadOverlay
-                      position="top"
-                      onInsert={() => insertUnidadAt(index)}
-                    />
-                  )}
-                  <InsertUnidadOverlay
-                    position="bottom"
-                    onInsert={() => insertUnidadAt(index + 1)}
-                  />
+      <div className="space-y-4">
+        {unidades.map((unidad) => (
+          <div
+            key={unidad.id}
+            ref={(el) => {
+              if (el) unitContainerRefs.current.set(unidad.id, el)
+              else unitContainerRefs.current.delete(unidad.id)
+            }}
+          >
+            <Card className="overflow-hidden border-slate-200 shadow-sm">
+              <Collapsible
+                open={expandedUnits.has(unidad.id)}
+                onOpenChange={() => toggleUnit(unidad.id)}
+              >
+                <CardHeader className="border-b border-slate-100 bg-slate-50/50 py-3">
+                  <div className="flex items-center gap-3">
+                    <GripVertical className="h-4 w-4 cursor-grab text-slate-300" />
+                    <CollapsibleTrigger asChild>
+                      <Button variant="ghost" size="sm" className="h-auto p-0">
+                        {expandedUnits.has(unidad.id) ? (
+                          <ChevronDown className="h-4 w-4" />
+                        ) : (
+                          <ChevronRight className="h-4 w-4" />
+                        )}
+                      </Button>
+                    </CollapsibleTrigger>
+                    <Badge className="bg-blue-600 font-mono">
+                      Unidad {unidad.numero}
+                    </Badge>
 
-                  <Card className="overflow-hidden border-slate-200 shadow-sm">
-                    <Collapsible
-                      open={expandedUnits.has(unidad.id)}
-                      onOpenChange={() => toggleUnit(unidad.id)}
-                    >
-                      <CardHeader className="border-b border-slate-100 bg-slate-50/50 py-3">
-                        <div className="flex items-center gap-3">
-                          <span
-                            ref={handleRef as any}
-                            className="inline-flex cursor-grab touch-none items-center text-slate-300"
-                            aria-label="Reordenar unidad"
-                          >
-                            <GripVertical className="h-4 w-4" />
-                          </span>
-                          <CollapsibleTrigger asChild>
-                            <Button
-                              variant="ghost"
-                              size="sm"
-                              className="h-auto cursor-pointer p-0"
-                            >
-                              {expandedUnits.has(unidad.id) ? (
-                                <ChevronDown className="h-4 w-4" />
-                              ) : (
-                                <ChevronRight className="h-4 w-4" />
-                              )}
-                            </Button>
-                          </CollapsibleTrigger>
-                          <Badge className="bg-blue-600 font-mono">
-                            Unidad {unidad.numero}
-                          </Badge>
+                    {editingUnit === unidad.id ? (
+                      <Input
+                        ref={unitTitleInputRef}
+                        value={unitDraftNombre}
+                        onChange={(e) => setUnitDraftNombre(e.target.value)}
+                        onBlur={() => {
+                          if (cancelNextBlurRef.current) {
+                            cancelNextBlurRef.current = false
+                            return
+                          }
+                          commitEditUnit()
+                        }}
+                        onKeyDown={(e) => {
+                          if (e.key === 'Enter') {
+                            e.preventDefault()
+                            e.currentTarget.blur()
+                            return
+                          }
+                          if (e.key === 'Escape') {
+                            e.preventDefault()
+                            cancelNextBlurRef.current = true
+                            cancelEditUnit()
+                            e.currentTarget.blur()
+                          }
+                        }}
+                        className="h-8 max-w-md bg-white"
+                      />
+                    ) : (
+                      <CardTitle
+                        className="cursor-pointer text-base font-semibold transition-colors hover:text-blue-600"
+                        onClick={() => beginEditUnit(unidad.id)}
+                      >
+                        {unidad.nombre}
+                      </CardTitle>
+                    )}
 
-                          {editingUnit === unidad.id ? (
-                            <Input
-                              ref={unitTitleInputRef}
-                              value={unitDraftNombre}
-                              onChange={(e) =>
-                                setUnitDraftNombre(e.target.value)
-                              }
-                              onBlur={() => {
-                                if (cancelNextBlurRef.current) {
-                                  cancelNextBlurRef.current = false
-                                  return
-                                }
-                                commitEditUnit()
-                              }}
-                              onKeyDown={(e) => {
-                                if (e.key === 'Enter') {
-                                  e.preventDefault()
-                                  e.currentTarget.blur()
-                                  return
-                                }
-                                if (e.key === 'Escape') {
-                                  e.preventDefault()
-                                  cancelNextBlurRef.current = true
-                                  cancelEditUnit()
-                                  e.currentTarget.blur()
-                                }
-                              }}
-                              className="h-8 max-w-md bg-white"
-                            />
-                          ) : (
-                            <CardTitle
-                              className="cursor-pointer text-base font-semibold transition-colors hover:text-blue-600"
-                              onClick={() => beginEditUnit(unidad.id)}
-                            >
-                              {unidad.nombre}
-                            </CardTitle>
-                          )}
+                    <div className="ml-auto flex items-center gap-3">
+                      <span className="flex items-center gap-1 text-xs font-medium text-slate-400">
+                        <Clock className="h-3 w-3" />{' '}
+                        {unidad.temas.reduce(
+                          (sum, t) => sum + (t.horasEstimadas || 0),
+                          0,
+                        )}
+                        h
+                      </span>
+                      <Button
+                        variant="ghost"
+                        size="icon"
+                        className="h-8 w-8 text-slate-400 hover:text-red-500"
+                        onClick={() =>
+                          setDeleteDialog({ type: 'unidad', id: unidad.id })
+                        }
+                      >
+                        <Trash2 className="h-4 w-4" />
+                      </Button>
+                    </div>
+                  </div>
+                </CardHeader>
+                <CollapsibleContent>
+                  <CardContent className="bg-white pt-4">
+                    <div className="ml-10 space-y-1 border-l-2 border-slate-50 pl-4">
+                      {unidad.temas.map((tema, idx) => (
+                        <TemaRow
+                          key={tema.id}
+                          tema={tema}
+                          index={idx + 1}
+                          isEditing={
+                            !!editingTema &&
+                            editingTema.unitId === unidad.id &&
+                            editingTema.temaId === tema.id
+                          }
+                          draftNombre={temaDraftNombre}
+                          draftHoras={temaDraftHoras}
+                          onBeginEdit={() => beginEditTema(unidad.id, tema.id)}
+                          onDraftNombreChange={setTemaDraftNombre}
+                          onDraftHorasChange={setTemaDraftHoras}
+                          onEditorBlurCapture={handleTemaEditorBlurCapture}
+                          onEditorKeyDownCapture={
+                            handleTemaEditorKeyDownCapture
+                          }
+                          onNombreInputRef={(el) => {
+                            temaNombreInputElRef.current = el
+                          }}
+                          onDelete={() =>
+                            setDeleteDialog({
+                              type: 'tema',
+                              id: tema.id,
+                              parentId: unidad.id,
+                            })
+                          }
+                        />
+                      ))}
+                      <Button
+                        variant="ghost"
+                        size="sm"
+                        className="mt-2 w-full justify-start text-blue-600 hover:bg-blue-50 hover:text-blue-700"
+                        onClick={() => addTema(unidad.id)}
+                      >
+                        <Plus className="mr-2 h-3 w-3" /> Añadir subtema
+                      </Button>
+                    </div>
+                  </CardContent>
+                </CollapsibleContent>
+              </Collapsible>
+            </Card>
+          </div>
+        ))}
+      </div>
 
-                          <div className="ml-auto flex items-center gap-3">
-                            <span className="flex cursor-default items-center gap-1 text-xs font-medium text-slate-400">
-                              <Clock className="h-3 w-3" />{' '}
-                              {unidad.temas.reduce(
-                                (sum, t) => sum + (t.horasEstimadas || 0),
-                                0,
-                              )}
-                              h
-                            </span>
-                            <Button
-                              variant="ghost"
-                              size="icon"
-                              className="h-8 w-8 cursor-pointer text-slate-400 hover:text-red-500"
-                              onClick={() =>
-                                setDeleteDialog({
-                                  type: 'unidad',
-                                  id: unidad.id,
-                                })
-                              }
-                            >
-                              <Trash2 className="h-4 w-4" />
-                            </Button>
-                          </div>
-                        </div>
-                      </CardHeader>
-                      <CollapsibleContent>
-                        <CardContent className="bg-white pt-4">
-                          <div className="ml-10 space-y-1 border-l-2 border-slate-50 pl-4">
-                            {unidad.temas.map((tema, idx) => (
-                              <TemaRow
-                                key={tema.id}
-                                tema={tema}
-                                index={idx + 1}
-                                isEditing={
-                                  !!editingTema &&
-                                  editingTema.unitId === unidad.id &&
-                                  editingTema.temaId === tema.id
-                                }
-                                draftNombre={temaDraftNombre}
-                                draftHoras={temaDraftHoras}
-                                onBeginEdit={() =>
-                                  beginEditTema(unidad.id, tema.id)
-                                }
-                                onDraftNombreChange={setTemaDraftNombre}
-                                onDraftHorasChange={setTemaDraftHoras}
-                                onEditorBlurCapture={
-                                  handleTemaEditorBlurCapture
-                                }
-                                onEditorKeyDownCapture={
-                                  handleTemaEditorKeyDownCapture
-                                }
-                                onNombreInputRef={(el) => {
-                                  temaNombreInputElRef.current = el
-                                }}
-                                onDelete={() =>
-                                  setDeleteDialog({
-                                    type: 'tema',
-                                    id: tema.id,
-                                    parentId: unidad.id,
-                                  })
-                                }
-                              />
-                            ))}
-                            <Button
-                              variant="ghost"
-                              size="sm"
-                              className="mt-2 w-full cursor-pointer justify-start text-blue-600 hover:bg-blue-50 hover:text-blue-700"
-                              onClick={() => addTema(unidad.id)}
-                            >
-                              <Plus className="mr-2 h-3 w-3" /> Añadir subtema
-                            </Button>
-                          </div>
-                        </CardContent>
-                      </CollapsibleContent>
-                    </Collapsible>
-                  </Card>
-                </>
-              )}
-            </SortableUnidad>
-          ))}
-        </div>
-      </DragDropProvider>
+      <div className="flex justify-center pt-2">
+        <Button
+          variant="outline"
+          className="gap-2"
+          onClick={(e) => {
+            // Evita que Enter vuelva a disparar el click sobre el botón.
+            e.currentTarget.blur()
+            addUnidad()
+          }}
+        >
+          <Plus className="h-4 w-4" /> Nueva unidad
+        </Button>
+      </div>
 
       <DeleteConfirmDialog
         dialog={deleteDialog}
@@ -914,9 +667,6 @@ function TemaRow({
           <Input
             type="number"
             value={draftHoras}
-            min={0}
-            max={200}
-            step={0.5}
             onChange={(e) => onDraftHorasChange(e.target.value)}
             className="h-8 w-16 bg-white"
           />
@@ -925,7 +675,7 @@ function TemaRow({
         <>
           <button
             type="button"
-            className="flex flex-1 cursor-pointer items-center gap-3 text-left"
+            className="flex flex-1 items-center gap-3 text-left"
             onClick={(e) => {
               e.stopPropagation()
               onBeginEdit()
@@ -940,7 +690,7 @@ function TemaRow({
             <Button
               variant="ghost"
               size="icon"
-              className="h-7 w-7 cursor-pointer text-slate-400 hover:text-blue-600"
+              className="h-7 w-7 text-slate-400 hover:text-blue-600"
               onClick={(e) => {
                 e.stopPropagation()
                 onBeginEdit()
@@ -951,7 +701,7 @@ function TemaRow({
             <Button
               variant="ghost"
               size="icon"
-              className="h-7 w-7 cursor-pointer text-slate-400 hover:text-red-500"
+              className="h-7 w-7 text-slate-400 hover:text-red-500"
               onClick={(e) => {
                 e.stopPropagation()
                 onDelete()

src/components/asignaturas/detalle/DocumentoSEPTab.tsx

@@ -18,8 +18,7 @@ import { Card } from '@/components/ui/card'
 interface DocumentoSEPTabProps {
   pdfUrl: string | null
   isLoading: boolean
-  onDownloadPdf: () => void
-  onDownloadWord: () => void
+  onDownload: () => void
   onRegenerate: () => void
   isRegenerating: boolean
 }
@@ -27,8 +26,7 @@ interface DocumentoSEPTabProps {
 export function DocumentoSEPTab({
   pdfUrl,
   isLoading,
-  onDownloadPdf,
-  onDownloadWord,
+  onDownload,
   onRegenerate,
   isRegenerating,
 }: DocumentoSEPTabProps) {
@@ -54,23 +52,25 @@ export function DocumentoSEPTab({
         </div>
 
         <div className="flex items-center gap-2">
+          {pdfUrl && !isLoading && (
+            <Button variant="outline" onClick={onDownload}>
+              <Download className="mr-2 h-4 w-4" />
+              Descargar
+            </Button>
+          )}
+
           <AlertDialog
             open={showConfirmDialog}
             onOpenChange={setShowConfirmDialog}
           >
             <AlertDialogTrigger asChild>
-              <Button
-                variant="outline"
-                size="sm"
-                className="gap-2"
-                disabled={isRegenerating}
-              >
+              <Button disabled={isRegenerating}>
                 {isRegenerating ? (
-                  <Loader2 className="h-4 w-4 animate-spin" />
+                  <Loader2 className="mr-2 h-4 w-4 animate-spin" />
                 ) : (
-                  <RefreshCw className="h-4 w-4" />
+                  <RefreshCw className="mr-2 h-4 w-4" />
                 )}
-                {isRegenerating ? 'Generando...' : 'Regenerar'}
+                {isRegenerating ? 'Generando...' : 'Regenerar documento'}
               </Button>
             </AlertDialogTrigger>
 
@@ -91,31 +91,11 @@ export function DocumentoSEPTab({
               </AlertDialogFooter>
             </AlertDialogContent>
           </AlertDialog>
-
-          {pdfUrl && !isLoading && (
-            <>
-              <Button
-                size="sm"
-                className="gap-2 bg-teal-700 hover:bg-teal-800"
-                onClick={onDownloadWord}
-              >
-                <Download className="h-4 w-4" /> Descargar Word
-              </Button>
-              <Button
-                variant="outline"
-                size="sm"
-                className="gap-2"
-                onClick={onDownloadPdf}
-              >
-                <Download className="h-4 w-4" /> Descargar PDF
-              </Button>
-            </>
-          )}
         </div>
       </div>
 
       {/* PDF Preview */}
-      <Card className="h-200 overflow-hidden">
+      <Card className="h-[800px] overflow-hidden">
         {isLoading ? (
           <div className="flex h-full items-center justify-center">
             <Loader2 className="h-10 w-10 animate-spin" />

src/components/asignaturas/detalle/IAAsignaturaTab.tsx

@@ -13,33 +13,21 @@ import {
   X,
   MessageSquarePlus,
   Archive,
-  History,
-  Edit2, // Agregado
+  History, // Agregado
 } from 'lucide-react'
 import { useState, useEffect, useRef, useMemo } from 'react'
 
-import { ImprovementCard } from './SaveAsignatura/ImprovementCardProps'
-
 import type { IASugerencia } from '@/types/asignatura'
 
-import ReferenciasParaIA from '@/components/planes/wizard/PasoDetallesPanel/ReferenciasParaIA'
 import { Avatar, AvatarFallback } from '@/components/ui/avatar'
 import { Button } from '@/components/ui/button'
-import { Drawer, DrawerContent } from '@/components/ui/drawer'
 import { ScrollArea } from '@/components/ui/scroll-area'
 import { Textarea } from '@/components/ui/textarea'
-import {
-  Tooltip,
-  TooltipContent,
-  TooltipProvider,
-  TooltipTrigger,
-} from '@/components/ui/tooltip'
 import {
   useAISubjectChat,
   useConversationBySubject,
   useMessagesBySubjectChat,
   useSubject,
-  useUpdateSubjectConversationName,
   useUpdateSubjectConversationStatus,
 } from '@/data'
 import { cn } from '@/lib/utils'
@@ -87,24 +75,6 @@ export function IAAsignaturaTab({
   const { mutate: updateStatus } = useUpdateSubjectConversationStatus()
   const [isCreatingNewChat, setIsCreatingNewChat] = useState(false)
   const hasInitialSelected = useRef(false)
-  const { mutate: updateName } = useUpdateSubjectConversationName()
-  const [editingId, setEditingId] = useState<string | null>(null)
-  const [tempName, setTempName] = useState('')
-  const [openIA, setOpenIA] = useState(false)
-
-  const [selectedArchivoIds, setSelectedArchivoIds] = useState<Array<string>>(
-    [],
-  )
-  const [selectedRepositorioIds, setSelectedRepositorioIds] = useState<
-    Array<string>
-  >([])
-  const [uploadedFiles, setUploadedFiles] = useState<Array<File>>([])
-
-  // Cálculo del total para el Badge del botón
-  const totalReferencias =
-    selectedArchivoIds.length +
-    selectedRepositorioIds.length +
-    uploadedFiles.length
 
   const isAiThinking = useMemo(() => {
     if (isSending) return true
@@ -136,92 +106,38 @@ export function IAAsignaturaTab({
     }
   }, [todasConversaciones])
 
-  const availableFields = useMemo(() => {
-    // 1. Obtenemos los campos dinámicos de la DB
-    const dynamicFields = datosGenerales?.datos
-      ? Object.keys(datosGenerales.datos).map((key) => {
-          const estructuraProps =
-            datosGenerales?.estructuras_asignatura?.definicion?.properties || {}
-          return {
-            key,
-            label:
-              estructuraProps[key]?.title ||
-              key.replace(/_/g, ' ').toUpperCase(),
-            value: String(datosGenerales.datos[key] || ''),
-          }
-        })
-      : []
-
-    // 2. Definimos tus campos manuales (hardcoded)
-    const hardcodedFields = [
-      {
-        key: 'contenido_tematico',
-        label: 'Contenido temático',
-        value: '', // Puedes dejarlo vacío o buscarlo en datosGenerales si existiera
-      },
-      {
-        key: 'criterios_de_evaluacion',
-        label: 'Criterios de evaluación',
-        value: '',
-      },
-    ]
-
-    // 3. Unimos ambos, filtrando duplicados por si acaso el backend ya los envía
-    const combined = [...dynamicFields]
-
-    hardcodedFields.forEach((hf) => {
-      if (!combined.some((f) => f.key === hf.key)) {
-        combined.push(hf)
-      }
-    })
-
-    return combined
-  }, [datosGenerales])
-
-  // --- PROCESAMIENTO DE MENSAJES ---
   // --- PROCESAMIENTO DE MENSAJES ---
   const messages = useMemo(() => {
-    const msgs: Array<any> = []
+    if (!rawMessages) return []
+    return rawMessages.flatMap((m) => {
+      const msgs = []
 
-    // 1. Mensajes existentes de la DB
-    if (rawMessages) {
-      rawMessages.forEach((m) => {
-        // Mensaje del usuario
-        msgs.push({ id: `${m.id}-user`, role: 'user', content: m.mensaje })
+      // 1. Mensaje del usuario
+      msgs.push({ id: `${m.id}-user`, role: 'user', content: m.mensaje })
 
-        // Respuesta de la IA (si existe)
-        if (m.respuesta) {
-          const sugerencias =
-            m.propuesta?.recommendations?.map((rec: any, index: number) => ({
-              id: `${m.id}-sug-${index}`,
-              messageId: m.id,
-              campoKey: rec.campo_afectado,
-              campoNombre: rec.campo_afectado.replace(/_/g, ' '),
-              valorSugerido: rec.texto_mejora,
-              aceptada: rec.aplicada,
-            })) || []
+      // 2. Respuesta de la IA
+      if (m.respuesta) {
+        // Mapeamos TODAS las recomendaciones del array
+        const sugerencias =
+          m.propuesta?.recommendations?.map((rec: any, index: number) => ({
+            id: `${m.id}-sug-${index}`, // ID único por sugerencia
+            messageId: m.id,
+            campoKey: rec.campo_afectado,
+            campoNombre: rec.campo_afectado.replace(/_/g, ' '),
+            valorSugerido: rec.texto_mejora,
+            aceptada: rec.aplicada,
+          })) || []
 
-          msgs.push({
-            id: `${m.id}-ai`,
-            role: 'assistant',
-            content: m.respuesta,
-            sugerencias: sugerencias,
-          })
-        }
-      })
-    }
-
-    // 2. INYECCIÓN OPTIMISTA: Si estamos enviando, mostramos el texto actual del input como mensaje de usuario
-    if (isSending && input.trim()) {
-      msgs.push({
-        id: 'optimistic-user-msg',
-        role: 'user',
-        content: input,
-      })
-    }
-
-    return msgs
-  }, [rawMessages, isSending, input])
+        msgs.push({
+          id: `${m.id}-ai`,
+          role: 'assistant',
+          content: m.respuesta,
+          sugerencias: sugerencias, // Ahora es un plural (array)
+        })
+      }
+      return msgs
+    })
+  }, [rawMessages])
 
   // Auto-selección inicial
   useEffect(() => {
@@ -234,58 +150,6 @@ export function IAAsignaturaTab({
     }
   }, [activeChats, loadingConv])
 
-  const filteredFields = useMemo(() => {
-    if (!showSuggestions) return availableFields
-
-    // Extraemos lo que hay después del último ':' para filtrar
-    const lastColonIndex = input.lastIndexOf(':')
-    const query = input.slice(lastColonIndex + 1).toLowerCase()
-
-    return availableFields.filter(
-      (f) =>
-        f.label.toLowerCase().includes(query) ||
-        f.key.toLowerCase().includes(query),
-    )
-  }, [availableFields, input, showSuggestions])
-
-  // 2. Efecto para cerrar con ESC
-  useEffect(() => {
-    const handleKeyDown = (e: KeyboardEvent) => {
-      if (e.key === 'Escape') setShowSuggestions(false)
-    }
-    window.addEventListener('keydown', handleKeyDown)
-    return () => window.removeEventListener('keydown', handleKeyDown)
-  }, [])
-
-  // 3. Función para insertar el campo y limpiar el prompt
-  const handleSelectField = (field: SelectedField) => {
-    // 1. Agregamos al array de objetos (para tu lógica de API)
-    if (!selectedFields.find((f) => f.key === field.key)) {
-      setSelectedFields((prev) => [...prev, field])
-    }
-
-    // 2. Lógica de autocompletado en el texto
-    const lastColonIndex = input.lastIndexOf(':')
-    if (lastColonIndex !== -1) {
-      // Tomamos lo que había antes del ":" + el Nombre del Campo + un espacio
-      const nuevoTexto = input.slice(0, lastColonIndex) + `${field.label} `
-      setInput(nuevoTexto)
-    }
-
-    // 3. Cerramos el buscador y devolvemos el foco al textarea
-    setShowSuggestions(false)
-
-    // Opcional: Si tienes una ref del textarea, puedes hacer:
-    // textareaRef.current?.focus()
-  }
-
-  const handleSaveName = (id: string) => {
-    if (tempName.trim()) {
-      updateName({ id, nombre: tempName })
-    }
-    setEditingId(null)
-  }
-
   const handleSend = async (promptOverride?: string) => {
     const text = promptOverride || input
     if (!text.trim() && selectedFields.length === 0) return
@@ -305,7 +169,7 @@ export function IAAsignaturaTab({
       }
 
       setInput('')
-      // setSelectedFields([])
+      setSelectedFields([])
 
       // Invalidamos la lista de conversaciones para que el nuevo chat aparezca en el historial (panel izquierdo)
       queryClient.invalidateQueries({
@@ -326,6 +190,18 @@ export function IAAsignaturaTab({
     )
   }
 
+  const availableFields = useMemo(() => {
+    if (!datosGenerales?.datos) return []
+    const estructuraProps =
+      datosGenerales?.estructuras_asignatura?.definicion?.properties || {}
+    return Object.keys(datosGenerales.datos).map((key) => ({
+      key,
+      label:
+        estructuraProps[key]?.title || key.replace(/_/g, ' ').toUpperCase(),
+      value: String(datosGenerales.datos[key] || ''),
+    }))
+  }, [datosGenerales])
+
   const createNewChat = () => {
     setActiveChatId(undefined) // Al ser undefined, el próximo mensaje creará la charla en el backend
     setInput('')
@@ -377,8 +253,11 @@ export function IAAsignaturaTab({
 
         <Button
           onClick={() => {
+            // 1. Limpiamos el ID
             setActiveChatId(undefined)
+            // 2. Marcamos que ya hubo una "interacción inicial" para que el useEffect no actúe
             hasInitialSelected.current = true
+            // 3. Limpiamos estados visuales
             setIsCreatingNewChat(true)
             setInput('')
             setSelectedFields([])
@@ -392,117 +271,47 @@ export function IAAsignaturaTab({
           <MessageSquarePlus size={18} /> Nuevo Chat
         </Button>
 
-        {/* PANEL IZQUIERDO - Cambios en ScrollArea y contenedor */}
         <ScrollArea className="flex-1">
-          <div className="flex flex-col gap-1 pr-3">
-            {' '}
-            {/* Eliminado space-y-1 para mejor control con gap */}
+          <div className="space-y-1 pr-3">
             {(showArchived ? archivedChats : activeChats).map((chat: any) => (
+              // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions
               <div
                 key={chat.id}
+                onClick={() => {
+                  setActiveChatId(chat.id)
+                  setIsCreatingNewChat(false) // <--- Volvemos al modo normal
+                }}
                 className={cn(
-                  // Agregamos 'overflow-hidden' para que nada salga de este cuadro
-                  'group relative flex w-full min-w-0 items-center justify-between gap-2 overflow-hidden rounded-lg px-3 py-2 text-sm transition-all',
+                  'group relative flex cursor-pointer items-center gap-3 rounded-lg px-3 py-2 text-sm transition-all',
                   activeChatId === chat.id
-                    ? 'bg-teal-50 text-teal-900'
+                    ? 'bg-teal-50 font-medium text-teal-900'
                     : 'text-slate-600 hover:bg-slate-100',
                 )}
-                onDoubleClick={() => {
-                  setEditingId(chat.id)
-                  setTempName(chat.nombre || chat.titulo || 'Conversacion')
-                }}
               >
-                {editingId === chat.id ? (
-                  <div className="flex min-w-0 flex-1 items-center">
-                    <input
-                      autoFocus
-                      className="w-full rounded border-none bg-white px-1 text-xs ring-1 ring-teal-400 outline-none"
-                      value={tempName}
-                      onChange={(e) => setTempName(e.target.value)}
-                      onBlur={() => handleSaveName(chat.id)}
-                      onKeyDown={(e) => {
-                        if (e.key === 'Enter') handleSaveName(chat.id)
-                        if (e.key === 'Escape') setEditingId(null)
-                      }}
-                    />
-                  </div>
-                ) : (
-                  <>
-                    {/* CLAVE 2: 'truncate' y 'min-w-0' en el span para que ceda ante los botones */}
-                    <span
-                      onClick={() => setActiveChatId(chat.id)}
-                      className="block max-w-[140px] min-w-0 flex-1 cursor-pointer truncate pr-1"
-                      title={chat.nombre || chat.titulo}
-                    >
-                      {chat.nombre || chat.titulo || 'Conversación'}
-                    </span>
-
-                    {/* CLAVE 3: 'shrink-0' asegura que los botones NUNCA desaparezcan */}
-                    <div
-                      className={cn(
-                        'z-10 flex shrink-0 items-center gap-0.5 opacity-0 transition-opacity group-hover:opacity-100',
-                        activeChatId === chat.id
-                          ? 'bg-teal-50'
-                          : 'bg-slate-100',
-                      )}
-                    >
-                      <TooltipProvider delayDuration={300}>
-                        <Tooltip>
-                          <TooltipTrigger asChild>
-                            <button
-                              onClick={(e) => {
-                                e.stopPropagation()
-                                setEditingId(chat.id)
-                                setTempName(chat.nombre || chat.titulo || '')
-                              }}
-                              className="rounded-md p-1 transition-colors hover:bg-slate-200 hover:text-teal-600"
-                            >
-                              <Edit2 size={14} />
-                            </button>
-                          </TooltipTrigger>
-                          <TooltipContent side="top" className="text-[10px]">
-                            Editar nombre
-                          </TooltipContent>
-                        </Tooltip>
-
-                        <Tooltip>
-                          <TooltipTrigger asChild>
-                            <button
-                              onClick={(e) => {
-                                e.stopPropagation()
-                                const nuevoEstado =
-                                  chat.estado === 'ACTIVA'
-                                    ? 'ARCHIVADA'
-                                    : 'ACTIVA'
-                                updateStatus({
-                                  id: chat.id,
-                                  estado: nuevoEstado,
-                                })
-                              }}
-                              className={cn(
-                                'rounded-md p-1 transition-colors hover:bg-slate-200',
-                                chat.estado === 'ACTIVA'
-                                  ? 'hover:text-red-500'
-                                  : 'hover:text-teal-600',
-                              )}
-                            >
-                              {chat.estado === 'ACTIVA' ? (
-                                <Archive size={14} />
-                              ) : (
-                                <History size={14} className="scale-x-[-1]" />
-                              )}
-                            </button>
-                          </TooltipTrigger>
-                          <TooltipContent side="top" className="text-[10px]">
-                            {chat.estado === 'ACTIVA'
-                              ? 'Archivar'
-                              : 'Desarchivar'}
-                          </TooltipContent>
-                        </Tooltip>
-                      </TooltipProvider>
-                    </div>
-                  </>
-                )}
+                <FileText size={14} className="shrink-0 opacity-50" />
+                <span className="flex-1 truncate">
+                  {chat.titulo || 'Conversación'}
+                </span>
+                <button
+                  onClick={(e) => {
+                    e.stopPropagation()
+                    updateStatus(
+                      {
+                        id: chat.id,
+                        estado: showArchived ? 'ACTIVA' : 'ARCHIVADA',
+                      },
+                      {
+                        onSuccess: () =>
+                          queryClient.invalidateQueries({
+                            queryKey: ['conversation-by-subject'],
+                          }),
+                      },
+                    )
+                  }}
+                  className="rounded p-1 opacity-0 group-hover:opacity-100 hover:bg-slate-200"
+                >
+                  <Archive size={12} />
+                </button>
               </div>
             ))}
           </div>
@@ -511,22 +320,10 @@ export function IAAsignaturaTab({
 
       {/* PANEL CENTRAL */}
       <div className="relative flex min-w-0 flex-[3] flex-col overflow-hidden rounded-xl border border-slate-200 bg-slate-50/50 shadow-sm">
-        <div className="flex shrink-0 items-center justify-between border-b bg-white p-3">
+        <div className="shrink-0 border-b bg-white p-3">
           <span className="text-[10px] font-bold tracking-wider text-slate-400 uppercase">
             Asistente IA
           </span>
-          <button
-            onClick={() => setOpenIA(true)}
-            className="flex items-center gap-2 rounded-md bg-slate-100 px-3 py-1.5 text-xs font-medium transition hover:bg-slate-200"
-          >
-            <FileText size={14} className="text-slate-500" />
-            Referencias
-            {totalReferencias > 0 && (
-              <span className="animate-in zoom-in flex h-4 min-w-[16px] items-center justify-center rounded-full bg-teal-600 px-1 text-[10px] text-white">
-                {totalReferencias}
-              </span>
-            )}
-          </button>
         </div>
 
         <div className="relative min-h-0 flex-1">
@@ -573,7 +370,6 @@ export function IAAsignaturaTab({
                     >
                       {/* Texto del mensaje principal */}
                       <div
-                        style={{ whiteSpace: 'pre-line' }}
                         className={cn(
                           'text-sm leading-relaxed',
                           msg.role === 'assistant' && 'p-4',
@@ -590,52 +386,62 @@ export function IAAsignaturaTab({
                             <p className="mb-1 text-[10px] font-bold text-slate-400 uppercase">
                               Mejoras disponibles:
                             </p>
-                            {msg.sugerencias.map((sug: any) => (
-                              <ImprovementCard
-                                key={sug.id}
-                                sug={sug}
-                                asignaturaId={asignaturaId}
-                                onApplied={(campoFinalizado) => {
-                                  // Filtramos el array para conservar todos MENOS el que se aplicó
-                                  console.log(campoFinalizado)
-                                  console.log('campos:', selectedFields)
+                            {msg.sugerencias.map((sug: any) =>
+                              sug.aceptada ? (
+                                /* --- ESTADO: YA APLICADO (Basado en tu última imagen) --- */
+                                <div
+                                  key={sug.id}
+                                  className="group flex flex-col rounded-xl border border-slate-100 bg-white p-3 shadow-sm transition-all"
+                                >
+                                  <div className="mb-3 flex items-center justify-between gap-4">
+                                    <span className="text-sm font-bold text-slate-800">
+                                      {sug.campoNombre}
+                                    </span>
 
-                                  setSelectedFields((prev) =>
-                                    prev.filter((fieldObj) => {
-                                      // Accedemos a .key porque fieldObj es { key: "...", label: "..." }
-                                      return fieldObj.key !== campoFinalizado
-                                    }),
-                                  )
-                                }}
-                              />
-                            ))}
+                                    {/* Badge de Aplicado */}
+                                    <div className="flex items-center gap-1.5 rounded-full border border-slate-100 bg-slate-50 px-3 py-1 text-xs font-medium text-slate-400">
+                                      <Check size={14} />
+                                      Aplicado
+                                    </div>
+                                  </div>
+
+                                  <div className="rounded-lg border border-teal-100 bg-teal-50/30 p-3 text-xs leading-relaxed text-slate-500">
+                                    "{sug.valorSugerido}"
+                                  </div>
+                                </div>
+                              ) : (
+                                /* --- ESTADO: PENDIENTE POR APLICAR --- */
+                                <div
+                                  key={sug.id}
+                                  className="group flex flex-col rounded-xl border border-teal-100 bg-white p-3 shadow-sm transition-all hover:border-teal-200"
+                                >
+                                  <div className="mb-3 flex items-center justify-between gap-4">
+                                    <span className="max-w-[150px] truncate rounded-lg border border-teal-100 bg-teal-50/50 px-2.5 py-1 text-[10px] font-bold tracking-wider text-teal-700 uppercase">
+                                      {sug.campoNombre}
+                                    </span>
+
+                                    <Button
+                                      size="sm"
+                                      className="h-8 w-auto bg-teal-600 px-4 text-xs font-semibold shadow-sm transition-colors hover:bg-teal-700"
+                                      onClick={() => onAcceptSuggestion(sug)}
+                                    >
+                                      <Check size={14} className="mr-1.5" />
+                                      Aplicar mejora
+                                    </Button>
+                                  </div>
+
+                                  <div className="line-clamp-4 rounded-lg border border-dashed border-slate-200 bg-slate-50/50 p-3 text-xs leading-relaxed text-slate-600 italic">
+                                    "{sug.valorSugerido}"
+                                  </div>
+                                </div>
+                              ),
+                            )}
                           </div>
                         )}
                     </div>
                   </div>
                 </div>
               ))}
-              {isAiThinking && (
-                <div className="animate-in fade-in slide-in-from-bottom-2 flex gap-4">
-                  <Avatar className="h-9 w-9 shrink-0 border bg-teal-600 text-white shadow-sm">
-                    <AvatarFallback>
-                      <Sparkles size={16} className="animate-pulse" />
-                    </AvatarFallback>
-                  </Avatar>
-                  <div className="flex flex-col items-start gap-2">
-                    <div className="rounded-2xl rounded-tl-none border border-slate-200 bg-white p-4 shadow-sm">
-                      <div className="flex gap-1">
-                        <span className="h-1.5 w-1.5 animate-bounce rounded-full bg-slate-400 [animation-delay:-0.3s]"></span>
-                        <span className="h-1.5 w-1.5 animate-bounce rounded-full bg-slate-400 [animation-delay:-0.15s]"></span>
-                        <span className="h-1.5 w-1.5 animate-bounce rounded-full bg-slate-400"></span>
-                      </div>
-                    </div>
-                    <span className="text-[10px] font-medium text-slate-400 italic">
-                      La IA está analizando tu solicitud...
-                    </span>
-                  </div>
-                </div>
-              )}
               {/* Espacio extra al final para que el scroll no tape el último mensaje */}
               <div className="h-4" />
             </div>
@@ -646,53 +452,39 @@ export function IAAsignaturaTab({
         <div className="shrink-0 border-t bg-white p-4">
           <div className="relative mx-auto max-w-4xl">
             {showSuggestions && (
-              <div className="animate-in fade-in slide-in-from-bottom-2 absolute bottom-full left-0 z-50 mb-2 w-72 overflow-hidden rounded-xl border bg-white shadow-2xl">
-                <div className="flex justify-between border-b bg-slate-50 px-3 py-2 text-[10px] font-bold text-slate-500 uppercase">
-                  <span>Filtrando campos...</span>
-                  <span className="rounded bg-slate-200 px-1 text-[9px] text-slate-400">
-                    ESC para cerrar
-                  </span>
+              <div className="animate-in slide-in-from-bottom-2 absolute bottom-full z-50 mb-2 w-72 overflow-hidden rounded-xl border bg-white shadow-2xl">
+                <div className="border-b bg-slate-50 px-3 py-2 text-[10px] font-bold text-slate-500 uppercase">
+                  Campos de Asignatura
                 </div>
-                <div className="max-h-60 overflow-y-auto p-1">
-                  {filteredFields.length > 0 ? (
-                    filteredFields.map((field) => (
-                      <button
-                        key={field.key}
-                        onClick={() => handleSelectField(field)}
-                        className="flex w-full items-center justify-between rounded-lg px-3 py-2 text-left text-sm transition-colors hover:bg-teal-50"
-                      >
-                        <div className="flex flex-col">
-                          <span className="font-medium text-slate-700">
-                            {field.label}
-                          </span>
-                        </div>
-                        {selectedFields.find((f) => f.key === field.key) && (
-                          <Check size={14} className="text-teal-600" />
-                        )}
-                      </button>
-                    ))
-                  ) : (
-                    <div className="p-4 text-center text-xs text-slate-400 italic">
-                      No se encontraron coincidencias
-                    </div>
-                  )}
+                <div className="max-h-64 overflow-y-auto p-1">
+                  {availableFields.map((field) => (
+                    <button
+                      key={field.key}
+                      onClick={() => toggleField(field)}
+                      className="flex w-full items-center justify-between rounded-lg px-3 py-2 text-sm transition-colors hover:bg-teal-50"
+                    >
+                      <span className="text-slate-700">{field.label}</span>
+                      {selectedFields.find((f) => f.key === field.key) && (
+                        <Check size={14} className="text-teal-600" />
+                      )}
+                    </button>
+                  ))}
                 </div>
               </div>
             )}
 
             <div className="flex flex-col gap-2 rounded-xl border bg-slate-50 p-2 transition-all focus-within:bg-white focus-within:ring-1 focus-within:ring-teal-500">
               {selectedFields.length > 0 && (
-                <div className="flex flex-wrap gap-1.5 px-2 pt-1">
+                <div className="flex flex-wrap gap-2 px-2 pt-1">
                   {selectedFields.map((field) => (
                     <div
                       key={field.key}
-                      className="animate-in zoom-in-95 flex items-center gap-1 rounded-md border border-teal-200 bg-teal-50 px-2 py-0.5 text-[11px] font-bold text-teal-700 shadow-sm"
+                      className="animate-in zoom-in-95 flex items-center gap-1 rounded-md border border-teal-200 bg-teal-100 px-2 py-0.5 text-[11px] font-semibold text-teal-800"
                     >
-                      <Target size={10} />
                       {field.label}
                       <button
                         onClick={() => toggleField(field)}
-                        className="ml-1 rounded-full p-0.5 transition-colors hover:bg-teal-200/50"
+                        className="ml-1 rounded-full p-0.5 hover:bg-teal-200"
                       >
                         <X size={10} />
                       </button>
@@ -755,41 +547,6 @@ export function IAAsignaturaTab({
           ))}
         </div>
       </div>
-      {/* --- DRAWER DE REFERENCIAS --- */}
-      <Drawer open={openIA} onOpenChange={setOpenIA}>
-        <DrawerContent className="fixed inset-x-0 bottom-0 mx-auto mb-4 flex h-[80vh] w-full max-w-2xl flex-col overflow-hidden rounded-2xl border bg-white shadow-2xl">
-          <div className="flex items-center justify-between border-b bg-slate-50/50 px-4 py-3">
-            <h2 className="text-xs font-bold tracking-wider text-slate-500 uppercase">
-              Referencias para la IA
-            </h2>
-            <button
-              onClick={() => setOpenIA(false)}
-              className="text-slate-400 hover:text-slate-600"
-            >
-              <X size={18} />
-            </button>
-          </div>
-
-          <div className="flex-1 overflow-y-auto p-4">
-            <ReferenciasParaIA
-              selectedArchivoIds={selectedArchivoIds}
-              selectedRepositorioIds={selectedRepositorioIds}
-              uploadedFiles={uploadedFiles}
-              onToggleArchivo={(id, checked) => {
-                setSelectedArchivoIds((prev) =>
-                  checked ? [...prev, id] : prev.filter((a) => a !== id),
-                )
-              }}
-              onToggleRepositorio={(id, checked) => {
-                setSelectedRepositorioIds((prev) =>
-                  checked ? [...prev, id] : prev.filter((r) => r !== id),
-                )
-              }}
-              onFilesChange={(files) => setUploadedFiles(files)}
-            />
-          </div>
-        </DrawerContent>
-      </Drawer>
     </div>
   )
 }

src/components/asignaturas/detalle/SaveAsignatura/ImprovementCardProps.tsx

@@ -1,208 +0,0 @@
-import { Check, Loader2, BookOpen, Clock, ListChecks } from 'lucide-react'
-import { useState } from 'react'
-
-import type { IASugerencia } from '@/types/asignatura'
-
-import { Button } from '@/components/ui/button'
-import {
-  useUpdateAsignatura,
-  useSubject,
-  useUpdateSubjectRecommendation,
-} from '@/data'
-import { cn } from '@/lib/utils'
-
-interface ImprovementCardProps {
-  sug: IASugerencia
-  asignaturaId: string
-  onApplied: (campoKey: string) => void
-}
-
-export function ImprovementCard({
-  sug,
-  asignaturaId,
-  onApplied,
-}: ImprovementCardProps) {
-  const { data: asignatura } = useSubject(asignaturaId)
-  const updateAsignatura = useUpdateAsignatura()
-  const updateRecommendation = useUpdateSubjectRecommendation()
-
-  const [isApplying, setIsApplying] = useState(false)
-
-  const handleApply = async () => {
-    if (!asignatura) return
-
-    setIsApplying(true)
-    try {
-      // 1. Identificar a qué columna debe ir el guardado
-      let patchData = {}
-
-      if (sug.campoKey === 'contenido_tematico') {
-        // Se guarda directamente en la columna contenido_tematico
-        patchData = { contenido_tematico: sug.valorSugerido }
-      } else if (sug.campoKey === 'criterios_de_evaluacion') {
-        // Se guarda directamente en la columna criterios_de_evaluacion
-        patchData = { criterios_de_evaluacion: sug.valorSugerido }
-      } else {
-        // Otros campos (ciclo, fines, etc.) se siguen guardando en el JSON de la columna 'datos'
-        patchData = {
-          datos: {
-            ...asignatura.datos,
-            [sug.campoKey]: sug.valorSugerido,
-          },
-        }
-      }
-
-      // 2. Ejecutar la actualización con la estructura correcta
-      await updateAsignatura.mutateAsync({
-        asignaturaId: asignaturaId as any,
-        patch: patchData as any,
-      })
-
-      // 3. Marcar la recomendación como aplicada
-      await updateRecommendation.mutateAsync({
-        mensajeId: sug.messageId,
-        campoAfectado: sug.campoKey,
-      })
-      console.log(sug.campoKey)
-
-      onApplied(sug.campoKey)
-    } catch (error) {
-      console.error('Error al aplicar mejora:', error)
-    } finally {
-      setIsApplying(false)
-    }
-  }
-
-  // --- FUNCIÓN PARA RENDERIZAR EL CONTENIDO DE FORMA SEGURA ---
-  const renderContenido = (valor: any) => {
-    // Si no es un array, es texto simple
-    if (!Array.isArray(valor)) {
-      return <p className="italic">"{String(valor)}"</p>
-    }
-
-    // --- CASO 1: CONTENIDO TEMÁTICO (Detectamos si el primer objeto tiene 'unidad') ---
-    if (valor[0]?.hasOwnProperty('unidad')) {
-      return (
-        <div className="space-y-3">
-          {valor.map((u: any, idx: number) => (
-            <div
-              key={idx}
-              className="rounded-md border border-teal-100 bg-white p-2 shadow-sm"
-            >
-              <div className="mb-1 flex items-center gap-2 border-b border-slate-50 pb-1 text-[11px] font-bold text-teal-800">
-                <BookOpen size={12} /> Unidad {u.unidad}: {u.titulo}
-              </div>
-              <ul className="space-y-1">
-                {u.temas?.map((t: any, tidx: number) => (
-                  <li
-                    key={tidx}
-                    className="flex items-start justify-between gap-2 text-[10px] text-slate-600"
-                  >
-                    <span className="leading-tight">• {t.nombre}</span>
-                    <span className="flex shrink-0 items-center gap-0.5 font-mono text-slate-400">
-                      <Clock size={10} /> {t.horasEstimadas}h
-                    </span>
-                  </li>
-                ))}
-              </ul>
-            </div>
-          ))}
-        </div>
-      )
-    }
-
-    // --- CASO 2: CRITERIOS DE EVALUACIÓN (Detectamos si tiene 'criterio') ---
-    if (valor[0]?.hasOwnProperty('criterio')) {
-      return (
-        <div className="space-y-2">
-          <div className="mb-1 flex items-center gap-2 text-[10px] font-bold text-slate-400 uppercase">
-            <ListChecks size={12} /> Desglose de evaluación
-          </div>
-          {valor.map((c: any, idx: number) => (
-            <div
-              key={idx}
-              className="flex items-center justify-between gap-3 rounded-md border border-slate-100 bg-white p-2 shadow-sm"
-            >
-              <span className="text-[11px] leading-tight text-slate-700">
-                {c.criterio}
-              </span>
-              <div className="flex shrink-0 items-center gap-1 rounded-full border border-orange-100 bg-orange-50 px-2 py-0.5 text-[10px] font-bold text-orange-600">
-                {c.porcentaje}%
-              </div>
-            </div>
-          ))}
-          {/* Opcional: Suma total para verificar que de 100% */}
-          <div className="pt-1 text-right text-[9px] font-medium text-slate-400">
-            Total:{' '}
-            {valor.reduce(
-              (acc: number, curr: any) => acc + (curr.porcentaje || 0),
-              0,
-            )}
-            %
-          </div>
-        </div>
-      )
-    }
-
-    // Caso por defecto (Array genérico)
-    return (
-      <pre className="text-[10px]">
-        {/* JSON.stringify(valor, null, 2)*/ 'hola'}
-      </pre>
-    )
-  }
-
-  // --- ESTADO APLICADO ---
-  if (sug.aceptada) {
-    return (
-      <div className="flex flex-col rounded-xl border border-slate-100 bg-white p-3 opacity-80 shadow-sm">
-        <div className="mb-3 flex items-center justify-between gap-4">
-          <span className="text-sm font-bold text-slate-800">
-            {sug.campoNombre}
-          </span>
-          <div className="flex items-center gap-1.5 rounded-full border border-slate-100 bg-slate-50 px-3 py-1 text-xs font-medium text-slate-400">
-            <Check size={14} />
-            Aplicado
-          </div>
-        </div>
-        <div className="rounded-lg border border-teal-100 bg-teal-50/30 p-3 text-xs leading-relaxed text-slate-500">
-          {renderContenido(sug.valorSugerido)}
-        </div>
-      </div>
-    )
-  }
-
-  // --- ESTADO PENDIENTE ---
-  return (
-    <div className="group flex flex-col rounded-xl border border-teal-100 bg-white p-3 shadow-sm transition-all hover:border-teal-200">
-      <div className="mb-3 flex items-center justify-between gap-4">
-        <span className="max-w-[150px] truncate rounded-lg border border-teal-100 bg-teal-50/50 px-2.5 py-1 text-[10px] font-bold tracking-wider text-teal-700 uppercase">
-          {sug.campoNombre}
-        </span>
-
-        <Button
-          size="sm"
-          disabled={isApplying || !asignatura}
-          className="h-8 w-auto bg-teal-600 px-4 text-xs font-semibold shadow-sm hover:bg-teal-700"
-          onClick={handleApply}
-        >
-          {isApplying ? (
-            <Loader2 size={14} className="mr-1.5 animate-spin" />
-          ) : (
-            <Check size={14} className="mr-1.5" />
-          )}
-          {isApplying ? 'Aplicando...' : 'Aplicar mejora'}
-        </Button>
-      </div>
-
-      <div
-        className={cn(
-          'rounded-lg border border-dashed border-slate-200 bg-slate-50/50 p-3 text-xs leading-relaxed text-slate-600',
-          !Array.isArray(sug.valorSugerido) && 'line-clamp-4 italic',
-        )}
-      >
-        {renderContenido(sug.valorSugerido)}
-      </div>
-    </div>
-  )
-}

src/components/ui/radio-group.tsx

@@ -1,43 +0,0 @@
-import * as React from "react"
-import { CircleIcon } from "lucide-react"
-import { RadioGroup as RadioGroupPrimitive } from "radix-ui"
-
-import { cn } from "@/lib/utils"
-
-function RadioGroup({
-  className,
-  ...props
-}: React.ComponentProps<typeof RadioGroupPrimitive.Root>) {
-  return (
-    <RadioGroupPrimitive.Root
-      data-slot="radio-group"
-      className={cn("grid gap-3", className)}
-      {...props}
-    />
-  )
-}
-
-function RadioGroupItem({
-  className,
-  ...props
-}: React.ComponentProps<typeof RadioGroupPrimitive.Item>) {
-  return (
-    <RadioGroupPrimitive.Item
-      data-slot="radio-group-item"
-      className={cn(
-        "aspect-square size-4 shrink-0 rounded-full border border-input text-primary shadow-xs transition-[color,box-shadow] outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:bg-input/30 dark:aria-invalid:ring-destructive/40",
-        className
-      )}
-      {...props}
-    >
-      <RadioGroupPrimitive.Indicator
-        data-slot="radio-group-indicator"
-        className="relative flex items-center justify-center"
-      >
-        <CircleIcon className="absolute top-1/2 left-1/2 size-2 -translate-x-1/2 -translate-y-1/2 fill-primary" />
-      </RadioGroupPrimitive.Indicator>
-    </RadioGroupPrimitive.Item>
-  )
-}
-
-export { RadioGroup, RadioGroupItem }

src/components/wizard/WizardResponsiveHeader.tsx

@@ -5,24 +5,16 @@ export function WizardResponsiveHeader({
   wizard,
   methods,
   titleOverrides,
-  hiddenStepIds,
 }: {
   wizard: any
   methods: any
   titleOverrides?: Record<string, string>
-  hiddenStepIds?: Array<string>
 }) {
-  const hidden = new Set(hiddenStepIds ?? [])
-  const visibleSteps = (wizard.steps as Array<any>).filter(
-    (s) => s && !hidden.has(s.id),
-  )
-
-  const idx = visibleSteps.findIndex((s) => s.id === methods.current.id)
-  const safeIdx = idx >= 0 ? idx : 0
-  const totalSteps = visibleSteps.length
-  const currentIndex = Math.min(safeIdx + 1, totalSteps)
-  const hasNextStep = safeIdx < totalSteps - 1
-  const nextStep = visibleSteps[safeIdx + 1]
+  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]
 
   const resolveTitle = (step: any) => titleOverrides?.[step?.id] ?? step?.title
 
@@ -53,11 +45,10 @@ export function WizardResponsiveHeader({
 
       <div className="hidden sm:block">
         <wizard.Stepper.Navigation className="border-border/60 rounded-xl border bg-slate-50 p-2">
-          {visibleSteps.map((step: any, visibleIdx: number) => (
+          {wizard.steps.map((step: any) => (
             <wizard.Stepper.Step
               key={step.id}
               of={step.id}
-              icon={visibleIdx + 1}
               className="whitespace-nowrap"
             >
               <wizard.Stepper.Title>

src/data/api/ai.api.ts

@@ -359,19 +359,3 @@ export async function update_subject_conversation_status(
   if (error) throw error
   return data
 }
-
-export async function update_subject_conversation_name(
-  conversacionId: string,
-  nuevoNombre: string,
-) {
-  const supabase = supabaseBrowser()
-  const { data, error } = await supabase
-    .from('conversaciones_asignatura')
-    .update({ nombre: nuevoNombre }) // Asumiendo que la columna es 'titulo' según tu código previo, o cambia a 'nombre'
-    .eq('id', conversacionId)
-    .select()
-    .single()
-
-  if (error) throw error
-  return data
-}

src/data/api/document.api.ts

@@ -1,86 +1,52 @@
 // document.api.ts
 
-import { supabaseBrowser } from '../supabase/client'
-import { invokeEdge } from '../supabase/invokeEdge'
+const DOCUMENT_PDF_URL =
+  'https://n8n.app.lci.ulsa.mx/webhook/62ca84ec-0adb-4006-aba1-32282d27d434'
 
-import { requireData, throwIfError } from './_helpers'
-
-import type { Tables } from '@/types/supabase'
-
-const EDGE = {
-  carbone_io_wrapper: 'carbone-io-wrapper',
-} as const
+const DOCUMENT_PDF_ASIGNATURA_URL =
+  'https://n8n.app.lci.ulsa.mx/webhook/041a68be-7568-46d0-bc08-09ded12d017d'
 
 interface GeneratePdfParams {
   plan_estudio_id: string
-  convertTo?: 'pdf'
 }
 interface GeneratePdfParamsAsignatura {
   asignatura_id: string
-  convertTo?: 'pdf'
 }
 
 export async function fetchPlanPdf({
   plan_estudio_id,
-  convertTo,
 }: GeneratePdfParams): Promise<Blob> {
-  return await invokeEdge<Blob>(
-    EDGE.carbone_io_wrapper,
-    {
-      action: 'downloadReport',
-      plan_estudio_id,
-      body: convertTo ? { convertTo } : {},
+  const response = await fetch(DOCUMENT_PDF_URL, {
+    method: 'POST',
+    headers: {
+      'Content-Type': 'application/json',
     },
-    {
-      headers: {
-        'Content-Type': 'application/json',
-      },
-      responseType: 'blob',
-    },
-  )
+    body: JSON.stringify({ plan_estudio_id }),
+  })
+
+  if (!response.ok) {
+    throw new Error('Error al generar el PDF')
+  }
+
+  // n8n devuelve el archivo → lo tratamos como blob
+  return await response.blob()
 }
 
 export async function fetchAsignaturaPdf({
   asignatura_id,
-  convertTo,
 }: GeneratePdfParamsAsignatura): Promise<Blob> {
-  const supabase = supabaseBrowser()
+  const response = await fetch(DOCUMENT_PDF_ASIGNATURA_URL, {
+    method: 'POST',
+    headers: {
+      'Content-Type': 'application/json',
+    },
+    body: JSON.stringify({ asignatura_id }),
+  })
 
-  const { data, error } = await supabase
-    .from('asignaturas')
-    .select('*')
-    .eq('id', asignatura_id)
-    .single()
-
-  throwIfError(error)
-
-  const row = requireData(
-    data as Pick<
-      Tables<'asignaturas'>,
-      'datos' | 'contenido_tematico' | 'criterios_de_evaluacion'
-    >,
-    'Asignatura no encontrada',
-  )
-
-  const body: Record<string, unknown> = {
-    data: row,
+  if (!response.ok) {
+    throw new Error('Error al generar el PDF')
   }
-  if (convertTo) body.convertTo = convertTo
 
-  return await invokeEdge<Blob>(
-    EDGE.carbone_io_wrapper,
-    {
-      action: 'downloadReport',
-      asignatura_id,
-      body: {
-        ...body,
-      },
-    },
-    {
-      headers: {
-        'Content-Type': 'application/json',
-      },
-      responseType: 'blob',
-    },
-  )
+  // n8n devuelve el archivo → lo tratamos como blob
+  return await response.blob()
 }

src/data/api/plans.api.ts

@@ -207,7 +207,7 @@ export async function plan_asignaturas_list(
   const { data, error } = await supabase
     .from('asignaturas')
     .select(
-      'id,plan_estudio_id,horas_academicas,horas_independientes,estructura_id,codigo,nombre,tipo,creditos,numero_ciclo,linea_plan_id,orden_celda,estado,datos,contenido_tematico,asignatura_hash,tipo_origen,meta_origen,creado_por,actualizado_por,creado_en,actualizado_en,prerrequisito_asignatura_id',
+      'id,plan_estudio_id,horas_academicas,horas_independientes,estructura_id,codigo,nombre,tipo,creditos,numero_ciclo,linea_plan_id,orden_celda,estado,datos,contenido_tematico,asignatura_hash,tipo_origen,meta_origen,creado_por,actualizado_por,creado_en,actualizado_en',
     )
     .eq('plan_estudio_id', planId)
     .order('numero_ciclo', { ascending: true, nullsFirst: false })

src/data/api/subjects.api.ts

@@ -232,7 +232,7 @@ export async function subjects_bibliografia_list(
   const { data, error } = await supabase
     .from('bibliografia_asignatura')
     .select(
-      'id,asignatura_id,tipo,cita,referencia_biblioteca,referencia_en_linea,creado_por,creado_en,actualizado_en',
+      'id,asignatura_id,tipo,cita,tipo_fuente,biblioteca_item_id,creado_por,creado_en,actualizado_en',
     )
     .eq('asignatura_id', subjectId)
     .order('tipo', { ascending: true })

src/data/hooks/useAI.ts

@@ -19,7 +19,6 @@ import {
   getConversationBySubject,
   ai_subject_chat_v2,
   create_subject_conversation,
-  update_subject_conversation_name,
 } from '../api/ai.api'
 import { supabaseBrowser } from '../supabase/client'
 
@@ -321,17 +320,3 @@ export function useUpdateSubjectConversationStatus() {
     },
   })
 }
-
-export function useUpdateSubjectConversationName() {
-  const qc = useQueryClient()
-
-  return useMutation({
-    mutationFn: (payload: { id: string; nombre: string }) =>
-      update_subject_conversation_name(payload.id, payload.nombre),
-    onSuccess: () => {
-      qc.invalidateQueries({ queryKey: ['conversation-by-subject'] })
-      // También invalidamos los mensajes si el título se muestra en la cabecera
-      qc.invalidateQueries({ queryKey: ['subject-messages'] })
-    },
-  })
-}

src/data/supabase/invokeEdge.ts

@@ -12,7 +12,6 @@ import type { SupabaseClient } from '@supabase/supabase-js'
 export type EdgeInvokeOptions = {
   method?: 'GET' | 'POST' | 'PUT' | 'PATCH' | 'DELETE'
   headers?: Record<string, string>
-  responseType?: 'json' | 'text' | 'blob' | 'arrayBuffer'
 }
 
 export class EdgeFunctionError extends Error {
@@ -27,55 +26,6 @@ export class EdgeFunctionError extends Error {
   }
 }
 
-// Soporta base64 puro o data:...;base64,...
-function decodeBase64ToUint8Array(input: string): Uint8Array {
-  const trimmed = input.trim()
-  const base64 = trimmed.startsWith('data:')
-    ? trimmed.slice(trimmed.indexOf(',') + 1)
-    : trimmed
-
-  const bin = atob(base64)
-  const bytes = new Uint8Array(bin.length)
-  for (let i = 0; i < bin.length; i++) bytes[i] = bin.charCodeAt(i)
-  return bytes
-}
-
-function stripDataUrlPrefix(input: string): string {
-  const trimmed = input.trim()
-  if (!trimmed.startsWith('data:')) return trimmed
-  const commaIdx = trimmed.indexOf(',')
-  return commaIdx >= 0 ? trimmed.slice(commaIdx + 1) : trimmed
-}
-
-function looksLikeBase64(s: string): boolean {
-  const t = stripDataUrlPrefix(s).replace(/\s+/g, '').replace(/=+$/g, '')
-
-  // base64 típico: solo chars permitidos y longitud razonable
-  if (t.length < 64) return false
-  return /^[A-Za-z0-9+/]+$/.test(t)
-}
-
-function startsWithZip(bytes: Uint8Array): boolean {
-  return bytes.length >= 2 && bytes[0] === 0x50 && bytes[1] === 0x4b // "PK"
-}
-
-function startsWithPdf(bytes: Uint8Array): boolean {
-  return (
-    bytes.length >= 5 &&
-    bytes[0] === 0x25 &&
-    bytes[1] === 0x50 &&
-    bytes[2] === 0x44 &&
-    bytes[3] === 0x46 &&
-    bytes[4] === 0x2d
-  ) // "%PDF-"
-}
-
-function binaryStringToUint8Array(input: string): Uint8Array {
-  const bytes = new Uint8Array(input.length)
-  for (let i = 0; i < input.length; i++) bytes[i] = input.charCodeAt(i) & 0xff
-  return bytes
-}
-
 export async function invokeEdge<TOut>(
   functionName: string,
   body?:
@@ -92,16 +42,10 @@ export async function invokeEdge<TOut>(
 ): Promise<TOut> {
   const supabase = client ?? supabaseBrowser()
 
-  // Nota: algunas versiones/defs de @supabase/supabase-js no tipan `responseType`
-  // aunque el runtime lo soporte. Usamos `any` para no bloquear el uso de Blob.
-  const invoke: any = (supabase.functions as any).invoke.bind(
-    supabase.functions,
-  )
-  const { data, error } = await invoke(functionName, {
+  const { data, error } = await supabase.functions.invoke(functionName, {
     body,
     method: opts.method ?? 'POST',
     headers: opts.headers,
-    responseType: opts.responseType,
   })
 
   if (error) {
@@ -160,20 +104,5 @@ export async function invokeEdge<TOut>(
     throw new EdgeFunctionError(message, functionName, status, details)
   }
 
-  if (opts.responseType === 'blob') {
-    const anyData: unknown = data
-
-    if (anyData instanceof Blob) {
-      return anyData as TOut
-    }
-
-    throw new EdgeFunctionError(
-      'La Edge Function no devolvió un binario (Blob) válido.',
-      functionName,
-      undefined,
-      { receivedType: typeof anyData, received: anyData },
-    )
-  }
-
   return data as TOut
 }

src/features/bibliografia/nueva/NuevaBibliografiaModalContainer.tsx

@@ -26,12 +26,6 @@ import type {
 import type { TablesInsert } from '@/types/supabase'
 
 import { defineStepper } from '@/components/stepper'
-import {
-  Accordion,
-  AccordionContent,
-  AccordionItem,
-  AccordionTrigger,
-} from '@/components/ui/accordion'
 import { Badge } from '@/components/ui/badge'
 import { Button } from '@/components/ui/button'
 import {
@@ -44,7 +38,6 @@ import {
 import { Checkbox } from '@/components/ui/checkbox'
 import { Input } from '@/components/ui/input'
 import { Label } from '@/components/ui/label'
-import { RadioGroup, RadioGroupItem } from '@/components/ui/radio-group'
 import {
   Select,
   SelectContent,
@@ -52,7 +45,6 @@ import {
   SelectTrigger,
   SelectValue,
 } from '@/components/ui/select'
-import { Separator } from '@/components/ui/separator'
 import { Textarea } from '@/components/ui/textarea'
 import {
   Tooltip,
@@ -65,221 +57,6 @@ import { buscar_bibliografia } from '@/data'
 import { useCreateBibliografia } from '@/data/hooks/useSubjects'
 import { cn } from '@/lib/utils'
 
-type BibliotecaOption = {
-  id: string
-  title: string
-  authors: Array<string>
-  publisher?: string
-  year?: number
-  isbn?: string
-  shelf?: string
-  badgeText?: string
-}
-
-type BibliotecaOptionTemplate = Omit<BibliotecaOption, 'id'>
-
-// Hardcodeado: 3 conjuntos de coincidencias (0, 2 y 5).
-const BIBLIOTECA_MATCH_SETS: Array<Array<BibliotecaOptionTemplate>> = [
-  [],
-  [
-    {
-      title: 'Coincidencia en biblioteca (Ejemplar 1)',
-      authors: ['Autor A', 'Autor B'],
-      publisher: 'Editorial X',
-      year: 2020,
-      isbn: '9780000000001',
-      shelf: 'QA76.9 .A1 2020',
-      badgeText: 'Coincidencia ISBN',
-    },
-    {
-      title: 'Coincidencia en biblioteca (Ejemplar 2)',
-      authors: ['Autor C'],
-      publisher: 'Editorial Y',
-      year: 2016,
-      shelf: 'QA76.9 .A2 2016',
-    },
-  ],
-  [
-    {
-      title: 'Coincidencia en biblioteca (Ejemplar 1)',
-      authors: ['Autor A', 'Autor B'],
-      publisher: 'Editorial X',
-      year: 2020,
-      isbn: '9780000000001',
-      shelf: 'QA76.9 .A1 2020',
-      badgeText: 'Coincidencia ISBN',
-    },
-    {
-      title: 'Coincidencia en biblioteca (Ejemplar 2)',
-      authors: ['Autor C'],
-      publisher: 'Editorial Y',
-      year: 2016,
-      shelf: 'QA76.9 .A2 2016',
-    },
-    {
-      title: 'Coincidencia en biblioteca (Ejemplar 3)',
-      authors: ['Autor D', 'Autor E'],
-      publisher: 'Editorial Z',
-      year: 2014,
-      shelf: 'QA76.9 .A3 2014',
-    },
-    {
-      title: 'Coincidencia en biblioteca (Ejemplar 4)',
-      authors: ['Autor F'],
-      publisher: 'Editorial W',
-      year: 2011,
-      shelf: 'QA76.9 .A4 2011',
-    },
-    {
-      title: 'Coincidencia en biblioteca (Ejemplar 5)',
-      authors: ['Autor G'],
-      publisher: 'Editorial V',
-      year: 2009,
-      shelf: 'QA76.9 .A5 2009',
-    },
-  ],
-]
-
-export function BookSelectionAccordion({
-  onlineSourceLabel,
-  online,
-  options,
-  value,
-  onValueChange,
-}: {
-  onlineSourceLabel: string
-  online: {
-    id: string
-    title: string
-    authorsLine: string
-    year?: number
-    isbn?: string
-  }
-  options: Array<BibliotecaOption>
-  value: string | undefined
-  onValueChange: (value: string) => void
-}) {
-  // Estado inicial indefinido para que nada esté seleccionado por defecto
-  const [selectedBook, setSelectedBook] = useState<string | undefined>(value)
-
-  useEffect(() => {
-    setSelectedBook(value)
-  }, [value])
-
-  const onlineValue = `online:${online.id}`
-
-  const optionBaseClass =
-    'relative flex items-start space-x-3 rounded-lg border p-4 transition-colors'
-
-  const optionClass = (isSelected: boolean) =>
-    cn(
-      optionBaseClass,
-      isSelected
-        ? 'border-primary bg-primary/5'
-        : 'hover:border-primary/30 hover:bg-accent/50',
-    )
-
-  return (
-    <>
-      {/* Un solo RadioGroup controla ambos lados */}
-      <RadioGroup
-        value={selectedBook}
-        onValueChange={(v) => {
-          setSelectedBook(v)
-          onValueChange(v)
-        }}
-        className="flex flex-col gap-6 md:flex-row"
-      >
-        {/* --- LADO IZQUIERDO: Sugerencia Online --- */}
-        <div className="flex-1 space-y-4">
-          <h4 className="text-muted-foreground text-sm font-medium">
-            Sugerencia Original ({onlineSourceLabel})
-          </h4>
-
-          <div className={optionClass(selectedBook === onlineValue)}>
-            <RadioGroupItem
-              value={onlineValue}
-              id={onlineValue}
-              className="mt-1"
-            />
-            <Label
-              htmlFor={onlineValue}
-              className="flex flex-1 cursor-pointer flex-col"
-            >
-              <span className="font-semibold">{online.title}</span>
-              <span className="text-muted-foreground text-sm">
-                {online.authorsLine}
-                {online.year ? ` (${online.year})` : ''}
-              </span>
-              {online.isbn ? (
-                <span className="text-muted-foreground mt-1 text-xs">
-                  ISBN: {online.isbn}
-                </span>
-              ) : null}
-            </Label>
-          </div>
-        </div>
-
-        {/* Separador vertical para escritorio, horizontal en móviles */}
-        <Separator orientation="vertical" className="hidden h-auto md:block" />
-        <Separator orientation="horizontal" className="md:hidden" />
-
-        {/* --- LADO DERECHO: Alternativas de Biblioteca --- */}
-        <div className="flex-1 space-y-4">
-          <h4 className="text-muted-foreground text-sm font-medium">
-            Disponibles en Biblioteca
-          </h4>
-
-          <div className="max-h-75 space-y-3 overflow-y-auto pr-2">
-            {options.length === 0 ? (
-              <div className="text-muted-foreground text-sm">
-                No se encontraron alternativas.
-              </div>
-            ) : (
-              options.map((opt) => {
-                const optValue = `biblio:${opt.id}`
-                const authorsLine = opt.authors.join('; ')
-                const isSelected = selectedBook === optValue
-                return (
-                  <div key={opt.id} className={optionClass(isSelected)}>
-                    <RadioGroupItem
-                      value={optValue}
-                      id={optValue}
-                      className="mt-1 cursor-pointer"
-                    />
-                    <Label
-                      htmlFor={optValue}
-                      className="flex flex-1 cursor-pointer flex-col"
-                    >
-                      <div className="flex items-center gap-2">
-                        <span className="font-semibold">{opt.title}</span>
-                        {opt.badgeText ? (
-                          <Badge className="bg-green-600 hover:bg-green-700">
-                            {opt.badgeText}
-                          </Badge>
-                        ) : null}
-                      </div>
-                      <span className="text-muted-foreground text-sm">
-                        {authorsLine}
-                        {opt.year ? ` (${opt.year})` : ''}
-                      </span>
-                      {opt.shelf ? (
-                        <span className="bg-muted mt-2 w-fit rounded px-1 font-mono text-xs">
-                          Estante: {opt.shelf}
-                        </span>
-                      ) : null}
-                    </Label>
-                  </div>
-                )
-              })
-            )}
-          </div>
-        </div>
-      </RadioGroup>
-    </>
-  )
-}
-
 type MetodoBibliografia = 'MANUAL' | 'EN_LINEA' | null
 export type FormatoCita = 'apa' | 'ieee' | 'vancouver' | 'chicago'
 
@@ -352,9 +129,13 @@ type CSLItem = {
 
 type BibliografiaAsignaturaInsert = TablesInsert<'bibliografia_asignatura'>
 type BibliografiaTipo = BibliografiaAsignaturaInsert['tipo']
+type BibliografiaTipoFuente = NonNullable<
+  BibliografiaAsignaturaInsert['tipo_fuente']
+>
 
 type BibliografiaRef = {
   id: string
+  source: BibliografiaTipoFuente
   raw?: GoogleBooksVolume | OpenLibraryDoc
   title: string
   subtitle?: string
@@ -379,10 +160,6 @@ type WizardState = {
       selected: boolean
       endpoint: EndpointResult['endpoint']
       item: GoogleBooksVolume | OpenLibraryDoc
-      biblioteca?: {
-        options?: Array<BibliotecaOption>
-        choiceId?: string
-      }
     }>
     isLoading: boolean
     errorMessage: string | null
@@ -419,96 +196,10 @@ const Wizard = defineStepper(
     title: 'Datos básicos',
     description: 'Seleccionar o capturar',
   },
-  {
-    id: 'biblioteca',
-    title: 'Biblioteca',
-    description: 'Comparar con alternativas de la biblioteca',
-  },
   { id: 'paso3', title: 'Detalles', description: 'Formato y citas' },
   { id: 'resumen', title: 'Resumen', description: 'Confirmar' },
 )
 
-type BibliotecaStepHandle = {
-  validateBeforeNext: () => boolean
-}
-
-function bibliotecaOptionToRef(opt: BibliotecaOption): BibliografiaRef {
-  return {
-    id: opt.id,
-    raw: undefined,
-    title: opt.title,
-    subtitle: undefined,
-    authors: opt.authors,
-    publisher: opt.publisher,
-    year: opt.year,
-    isbn: opt.isbn,
-    tipo: 'BASICA',
-  }
-}
-
-function getOnlineSuggestionTitle(s: IASugerencia): string {
-  if (s.endpoint === 'google') {
-    const info = (s.item as GoogleBooksVolume).volumeInfo ?? {}
-    return (info.title ?? '').trim() || 'Sin título'
-  }
-
-  const doc = s.item as OpenLibraryDoc
-  return (
-    (typeof doc['title'] === 'string' ? doc['title'] : '').trim() ||
-    'Sin título'
-  )
-}
-
-function getOnlineSuggestionAuthors(s: IASugerencia): Array<string> {
-  if (s.endpoint === 'google') {
-    const info = (s.item as GoogleBooksVolume).volumeInfo ?? {}
-    return Array.isArray(info.authors) ? info.authors : []
-  }
-
-  const doc = s.item as OpenLibraryDoc
-  return Array.isArray(doc['author_name'])
-    ? (doc['author_name'] as Array<unknown>).filter(
-        (a): a is string => typeof a === 'string',
-      )
-    : []
-}
-
-function getOnlineSuggestionIsbn(s: IASugerencia): string | undefined {
-  if (s.endpoint === 'google') {
-    const info = (s.item as GoogleBooksVolume).volumeInfo
-    const isbn = info?.industryIdentifiers?.find(
-      (x) => x.identifier,
-    )?.identifier
-    return typeof isbn === 'string' && isbn.trim() ? isbn.trim() : undefined
-  }
-
-  const doc = s.item as OpenLibraryDoc
-  const isbn = Array.isArray(doc['isbn'])
-    ? (doc['isbn'] as Array<unknown>).find(
-        (x): x is string => typeof x === 'string',
-      )
-    : undefined
-  return typeof isbn === 'string' && isbn.trim() ? isbn.trim() : undefined
-}
-
-function getOnlineSuggestionYear(s: IASugerencia): number | undefined {
-  return s.endpoint === 'google'
-    ? tryParseYear((s.item as GoogleBooksVolume).volumeInfo?.publishedDate)
-    : tryParseYearFromOpenLibrary(s.item as OpenLibraryDoc)
-}
-
-function iaSugerenciaToChosenRef(s: IASugerencia): BibliografiaRef {
-  const choiceId = s.biblioteca?.choiceId
-  const options = s.biblioteca?.options
-
-  if (choiceId && choiceId !== 'online' && Array.isArray(options)) {
-    const chosen = options.find((o) => o.id === choiceId)
-    if (chosen) return bibliotecaOptionToRef(chosen)
-  }
-
-  return endpointResultToRef(iaSugerenciaToEndpointResult(s))
-}
-
 function parsearAutor(nombreCompleto: string): CSLAuthor {
   if (nombreCompleto.includes(',')) {
     return {
@@ -608,6 +299,7 @@ function endpointResultToRef(result: EndpointResult): BibliografiaRef {
 
     return {
       id: getEndpointResultId(result),
+      source: 'BIBLIOTECA',
       raw: volume,
       title,
       subtitle,
@@ -646,6 +338,7 @@ function endpointResultToRef(result: EndpointResult): BibliografiaRef {
 
   return {
     id: getEndpointResultId(result),
+    source: 'BIBLIOTECA',
     raw: doc,
     title,
     subtitle,
@@ -759,7 +452,6 @@ export function NuevaBibliografiaModalContainer({
   const createBibliografia = useCreateBibliografia()
 
   const formatoStepRef = useRef<FormatoYCitasStepHandle | null>(null)
-  const bibliotecaStepRef = useRef<BibliotecaStepHandle | null>(null)
 
   const [wizard, setWizard] = useState<WizardState>({
     metodo: null,
@@ -797,9 +489,9 @@ export function NuevaBibliografiaModalContainer({
   const styleCacheRef = useRef(new Map<string, string>())
   const localeCacheRef = useRef(new Map<string, string>())
 
-  const titleOverrides: Record<string, string> =
+  const titleOverrides =
     wizard.metodo === 'EN_LINEA'
-      ? { paso2: 'Sugerencias', biblioteca: 'Biblioteca', paso3: 'Estructura' }
+      ? { paso2: 'Sugerencias', paso3: 'Estructura' }
       : { paso2: 'Datos básicos', paso3: 'Detalles' }
 
   const handleClose = () => {
@@ -813,7 +505,7 @@ export function NuevaBibliografiaModalContainer({
     wizard.metodo === 'EN_LINEA'
       ? wizard.ia.sugerencias
           .filter((s) => s.selected)
-          .map((s) => iaSugerenciaToChosenRef(s))
+          .map((s) => endpointResultToRef(iaSugerenciaToEndpointResult(s)))
       : wizard.manual.refs
 
   // Mantener `wizard.refs` como snapshot para pasos 3/4.
@@ -1083,8 +775,8 @@ export function NuevaBibliografiaModalContainer({
             asignatura_id: asignaturaId,
             tipo: r.tipo,
             cita: map[r.id] ?? '',
-            // tipo_fuente: r.source,
-            // biblioteca_item_id: null,
+            tipo_fuente: r.source,
+            biblioteca_item_id: null,
           }),
         ),
       )
@@ -1103,17 +795,14 @@ export function NuevaBibliografiaModalContainer({
     }
   }
 
-  const WizardDef = Wizard as any
-
   return (
-    <WizardDef.Stepper.Provider
-      initialStep={WizardDef.utils.getFirst().id}
+    <Wizard.Stepper.Provider
+      initialStep={Wizard.utils.getFirst().id}
       className="flex h-full flex-col"
     >
-      {({ methods }: any) => {
-        const idx = WizardDef.utils.getIndex(methods.current.id)
-        const isLast = idx >= WizardDef.steps.length - 1
-        const currentId = methods.current.id as string
+      {({ methods }) => {
+        const idx = Wizard.utils.getIndex(methods.current.id)
+        const isLast = idx >= Wizard.steps.length - 1
 
         return (
           <WizardLayout
@@ -1121,59 +810,17 @@ export function NuevaBibliografiaModalContainer({
             onClose={handleClose}
             headerSlot={
               <WizardResponsiveHeader
-                wizard={WizardDef}
+                wizard={Wizard}
                 methods={methods}
                 titleOverrides={titleOverrides}
-                hiddenStepIds={
-                  wizard.metodo === 'MANUAL' ? ['biblioteca'] : undefined
-                }
               />
             }
             footerSlot={
-              <WizardDef.Stepper.Controls>
+              <Wizard.Stepper.Controls>
                 <div className="flex grow items-center justify-between">
                   <Button
                     variant="secondary"
-                    onClick={() => {
-                      const goToStep = (targetId: string) => {
-                        if (typeof methods?.goTo === 'function') {
-                          methods.goTo(targetId)
-                          return
-                        }
-                        if (typeof methods?.setStep === 'function') {
-                          methods.setStep(targetId)
-                          return
-                        }
-                        if (typeof methods?.navigation?.goTo === 'function') {
-                          methods.navigation.goTo(targetId)
-                          return
-                        }
-
-                        const targetIdx = WizardDef.utils.getIndex(targetId)
-
-                        const stepOnce = () => {
-                          const currentIdx = WizardDef.utils.getIndex(
-                            methods.current.id,
-                          )
-                          if (currentIdx === targetIdx) return
-                          if (currentIdx < targetIdx) methods.next()
-                          else methods.prev()
-                          queueMicrotask(stepOnce)
-                        }
-
-                        stepOnce()
-                      }
-
-                      if (
-                        wizard.metodo === 'MANUAL' &&
-                        methods.current.id === 'paso3'
-                      ) {
-                        goToStep('paso2')
-                        return
-                      }
-
-                      methods.prev()
-                    }}
+                    onClick={() => methods.prev()}
                     disabled={
                       idx === 0 || wizard.ia.isLoading || wizard.isSaving
                     }
@@ -1189,79 +836,26 @@ export function NuevaBibliografiaModalContainer({
                   ) : (
                     <Button
                       onClick={() => {
-                        const goToStep = (targetId: string) => {
-                          if (typeof methods?.goTo === 'function') {
-                            methods.goTo(targetId)
-                            return
-                          }
-                          if (typeof methods?.setStep === 'function') {
-                            methods.setStep(targetId)
-                            return
-                          }
-                          if (typeof methods?.navigation?.goTo === 'function') {
-                            methods.navigation.goTo(targetId)
-                            return
-                          }
-
-                          const targetIdx = WizardDef.utils.getIndex(targetId)
-
-                          const stepOnce = () => {
-                            const currentIdx = WizardDef.utils.getIndex(
-                              methods.current.id,
-                            )
-                            if (currentIdx === targetIdx) return
-                            if (currentIdx < targetIdx) methods.next()
-                            else methods.prev()
-                            queueMicrotask(stepOnce)
-                          }
-
-                          stepOnce()
-                        }
-
-                        if (
-                          wizard.metodo === 'MANUAL' &&
-                          currentId === 'paso2'
-                        ) {
-                          goToStep('paso3')
-                          return
-                        }
-
-                        if (currentId === 'biblioteca') {
-                          const ok =
-                            bibliotecaStepRef.current?.validateBeforeNext() ??
-                            true
-                          if (!ok) return
-                        }
-
-                        if (currentId === 'paso3') {
+                        if (idx === 2) {
                           const ok =
                             formatoStepRef.current?.validateBeforeNext() ?? true
                           if (!ok) return
-                          if (wizard.metodo === 'EN_LINEA' && wizard.formato) {
-                            void generateCitasForFormato(
-                              wizard.formato,
-                              wizard.refs,
-                              {
-                                force: true,
-                              },
-                            )
-                          }
                         }
                         methods.next()
                       }}
                       disabled={
                         wizard.ia.isLoading ||
                         wizard.isSaving ||
-                        (currentId === 'metodo' && !canContinueDesdeMetodo) ||
-                        (currentId === 'paso2' && !canContinueDesdePaso2) ||
-                        (currentId === 'paso3' && !canContinueDesdePaso3)
+                        (idx === 0 && !canContinueDesdeMetodo) ||
+                        (idx === 1 && !canContinueDesdePaso2) ||
+                        (idx === 2 && !canContinueDesdePaso3)
                       }
                     >
                       Siguiente
                     </Button>
                   )}
                 </div>
-              </WizardDef.Stepper.Controls>
+              </Wizard.Stepper.Controls>
             }
           >
             <div className="mx-auto max-w-3xl">
@@ -1275,8 +869,8 @@ export function NuevaBibliografiaModalContainer({
                 </Card>
               ) : null}
 
-              {currentId === 'metodo' && (
-                <WizardDef.Stepper.Panel>
+              {idx === 0 && (
+                <Wizard.Stepper.Panel>
                   <MetodoStep
                     metodo={wizard.metodo}
                     onChange={(metodo) =>
@@ -1288,11 +882,11 @@ export function NuevaBibliografiaModalContainer({
                       }))
                     }
                   />
-                </WizardDef.Stepper.Panel>
+                </Wizard.Stepper.Panel>
               )}
 
-              {currentId === 'paso2' && (
-                <WizardDef.Stepper.Panel>
+              {idx === 1 && (
+                <Wizard.Stepper.Panel>
                   {wizard.metodo === 'EN_LINEA' ? (
                     <SugerenciasStep
                       q={wizard.ia.q}
@@ -1353,33 +947,11 @@ export function NuevaBibliografiaModalContainer({
                       }
                     />
                   )}
-                </WizardDef.Stepper.Panel>
+                </Wizard.Stepper.Panel>
               )}
 
-              {currentId === 'biblioteca' && wizard.metodo === 'EN_LINEA' && (
-                <WizardDef.Stepper.Panel>
-                  <BibliotecaStep
-                    ref={bibliotecaStepRef}
-                    sugerencias={wizard.ia.sugerencias.filter(
-                      (s) => s.selected,
-                    )}
-                    onPatchSugerencia={(id, patch) =>
-                      setWizard((w) => ({
-                        ...w,
-                        ia: {
-                          ...w.ia,
-                          sugerencias: w.ia.sugerencias.map((s) =>
-                            s.id === id ? { ...s, ...patch } : s,
-                          ),
-                        },
-                      }))
-                    }
-                  />
-                </WizardDef.Stepper.Panel>
-              )}
-
-              {currentId === 'paso3' && (
-                <WizardDef.Stepper.Panel>
+              {idx === 2 && (
+                <Wizard.Stepper.Panel>
                   <FormatoYCitasStep
                     ref={formatoStepRef}
                     refs={wizard.refs}
@@ -1419,11 +991,11 @@ export function NuevaBibliografiaModalContainer({
                       }))
                     }
                   />
-                </WizardDef.Stepper.Panel>
+                </Wizard.Stepper.Panel>
               )}
 
-              {currentId === 'resumen' && (
-                <WizardDef.Stepper.Panel>
+              {idx === 3 && (
+                <Wizard.Stepper.Panel>
                   <ResumenStep
                     metodo={wizard.metodo}
                     formato={wizard.formato}
@@ -1432,13 +1004,13 @@ export function NuevaBibliografiaModalContainer({
                       wizard.formato ? wizard.citaEdits[wizard.formato] : {}
                     }
                   />
-                </WizardDef.Stepper.Panel>
+                </Wizard.Stepper.Panel>
               )}
             </div>
           </WizardLayout>
         )
       }}
-    </WizardDef.Stepper.Provider>
+    </Wizard.Stepper.Provider>
   )
 }
 
@@ -1782,189 +1354,6 @@ function SugerenciasStep({
   )
 }
 
-type BibliotecaStepProps = {
-  sugerencias: Array<IASugerencia>
-  onPatchSugerencia: (id: string, patch: Partial<IASugerencia>) => void
-}
-
-const BibliotecaStep = forwardRef<BibliotecaStepHandle, BibliotecaStepProps>(
-  function BibliotecaStep({ sugerencias, onPatchSugerencia }, ref) {
-    const [openIds, setOpenIds] = useState<Array<string>>([])
-    const anchorRefs = useRef<Record<string, HTMLDivElement | null>>({})
-    const initializedRef = useRef(new Set<string>())
-
-    const scrollToAccordion = (id: string) => {
-      const el = anchorRefs.current[id]
-      if (!el) return
-      el.scrollIntoView({ behavior: 'smooth', block: 'center' })
-    }
-
-    useEffect(() => {
-      for (const s of sugerencias) {
-        const b = s.biblioteca
-        const hasOptions = Array.isArray(b?.options)
-        if (hasOptions) continue
-        if (initializedRef.current.has(s.id)) continue
-
-        initializedRef.current.add(s.id)
-
-        const setIdx = Math.floor(Math.random() * 3)
-        const templates = BIBLIOTECA_MATCH_SETS[setIdx] ?? []
-        const options: Array<BibliotecaOption> = templates.map((t, i) => ({
-          id: `biblio:${s.id}:${i + 1}`,
-          ...t,
-        }))
-
-        onPatchSugerencia(s.id, {
-          biblioteca: {
-            options,
-            choiceId: options.length === 0 ? 'online' : undefined,
-          },
-        })
-      }
-      // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [sugerencias])
-
-    const validateBeforeNext = () => {
-      const unresolved = sugerencias.find((s) => {
-        const b = s.biblioteca
-        if (!b || !Array.isArray(b.options)) return true
-        if (b.options.length === 0) return false
-        return !b.choiceId
-      })
-
-      if (!unresolved) return true
-
-      setOpenIds((prev) =>
-        prev.includes(unresolved.id) ? prev : [...prev, unresolved.id],
-      )
-      requestAnimationFrame(() => scrollToAccordion(unresolved.id))
-      return false
-    }
-
-    useImperativeHandle(ref, () => ({ validateBeforeNext }))
-
-    return (
-      <div className="space-y-4">
-        <Card>
-          <CardHeader>
-            <CardTitle>Comparar con alternativas de la biblioteca</CardTitle>
-            <CardDescription>
-              Conserva la sugerencia original o sustitúyela por una
-              coincidencia.
-            </CardDescription>
-          </CardHeader>
-        </Card>
-
-        <Accordion
-          type="multiple"
-          value={openIds}
-          onValueChange={setOpenIds}
-          className="w-full space-y-2"
-        >
-          {sugerencias.map((s) => {
-            const title = getOnlineSuggestionTitle(s)
-            const authors = getOnlineSuggestionAuthors(s)
-            const authorsLine = authors.join('; ') || '—'
-            const year = getOnlineSuggestionYear(s)
-            const isbn = getOnlineSuggestionIsbn(s)
-            const sourceLabel =
-              s.endpoint === 'google' ? 'Google Books' : 'Open Library'
-
-            const b = s.biblioteca
-            const options = b?.options ?? []
-
-            const badgeState: 'por_revisar' | 'sustituido' | 'mantenido' =
-              !b || !Array.isArray(b.options)
-                ? 'por_revisar'
-                : options.length === 0
-                  ? 'mantenido'
-                  : !b.choiceId
-                    ? 'por_revisar'
-                    : b.choiceId === 'online'
-                      ? 'mantenido'
-                      : 'sustituido'
-
-            const badge =
-              badgeState === 'por_revisar' ? (
-                <Badge className="bg-yellow-500 text-black hover:bg-yellow-500">
-                  Por revisar
-                </Badge>
-              ) : badgeState === 'sustituido' ? (
-                <Badge className="bg-green-600 text-white hover:bg-green-700">
-                  Sustituido
-                </Badge>
-              ) : (
-                <Badge className="bg-blue-600 text-white hover:bg-blue-700">
-                  Mantenido
-                </Badge>
-              )
-
-            const radioValue =
-              b?.choiceId === 'online' || (options.length === 0 && !b?.choiceId)
-                ? `online:${s.id}`
-                : typeof b?.choiceId === 'string'
-                  ? `biblio:${b.choiceId}`
-                  : undefined
-
-            return (
-              <AccordionItem
-                key={s.id}
-                value={s.id}
-                className="border-border/60 bg-background/40 rounded-lg border border-b-0 px-3"
-              >
-                <div
-                  ref={(el) => {
-                    anchorRefs.current[s.id] = el
-                  }}
-                />
-                <AccordionTrigger className="hover:bg-accent/30 data-[state=open]:bg-accent/20 data-[state=open]:text-accent-foreground -mx-3 px-3">
-                  <div className="flex w-full items-center justify-between gap-3">
-                    <span className="min-w-0 text-wrap">{title}</span>
-                    {badge}
-                  </div>
-                </AccordionTrigger>
-                <AccordionContent className="text-muted-foreground mt-4">
-                  <div className="mx-1 grid gap-3 pb-2">
-                    <BookSelectionAccordion
-                      onlineSourceLabel={sourceLabel}
-                      online={{
-                        id: s.id,
-                        title,
-                        authorsLine,
-                        year,
-                        isbn,
-                      }}
-                      options={options}
-                      value={radioValue}
-                      onValueChange={(v) => {
-                        const nextChoiceId = v.startsWith('online:')
-                          ? 'online'
-                          : v.startsWith('biblio:')
-                            ? v.slice('biblio:'.length)
-                            : undefined
-
-                        if (!nextChoiceId) return
-
-                        onPatchSugerencia(s.id, {
-                          biblioteca: {
-                            options,
-                            choiceId: nextChoiceId,
-                          },
-                        })
-                      }}
-                    />
-                  </div>
-                </AccordionContent>
-              </AccordionItem>
-            )
-          })}
-        </Accordion>
-      </div>
-    )
-  },
-)
-
 function DatosBasicosManualStep({
   draft,
   refs,
@@ -2036,12 +1425,6 @@ function DatosBasicosManualStep({
                     publisher: e.target.value.slice(0, 300),
                   })
                 }
-                onBlur={() => {
-                  const trimmed = draft.publisher.trim()
-                  if (trimmed !== draft.publisher) {
-                    onChangeDraft({ ...draft, publisher: trimmed })
-                  }
-                }}
                 maxLength={300}
               />
             </div>
@@ -2095,6 +1478,7 @@ function DatosBasicosManualStep({
 
               const ref: BibliografiaRef = {
                 id: `manual-${randomUUID()}`,
+                source: 'MANUAL',
                 title,
                 authors: draft.authorsText
                   .split(/\r?\n/)
@@ -2440,17 +1824,9 @@ const FormatoYCitasStep = forwardRef<
                         onChange={(e) => {
                           const raw = e.currentTarget.value.slice(0, 300)
                           onChangeRef(r.id, {
-                            publisher: raw.length > 0 ? raw : undefined,
+                            publisher: raw.trim() || undefined,
                           })
                         }}
-                        onBlur={() => {
-                          const trimmed = publisherText.trim()
-                          if (trimmed !== publisherText) {
-                            onChangeRef(r.id, {
-                              publisher: trimmed || undefined,
-                            })
-                          }
-                        }}
                       />
                     </div>
                   </div>

src/lib/asignaturaColumnParsers.ts

@@ -1,78 +0,0 @@
-function isRecord(value: unknown): value is Record<string, unknown> {
-  return typeof value === 'object' && value !== null && !Array.isArray(value)
-}
-
-export function parseContenidoTematicoToPlainText(value: unknown): string {
-  if (!Array.isArray(value)) return ''
-
-  const blocks: Array<string> = []
-
-  for (const item of value) {
-    if (!isRecord(item)) continue
-
-    const unidad =
-      typeof item.unidad === 'number' && Number.isFinite(item.unidad)
-        ? item.unidad
-        : undefined
-    const titulo = typeof item.titulo === 'string' ? item.titulo : ''
-
-    const header = `${unidad ?? ''}${unidad ? '.' : ''} ${titulo}`.trim()
-    if (!header) continue
-
-    const lines: Array<string> = [header]
-
-    const temas = Array.isArray(item.temas) ? item.temas : []
-    temas.forEach((tema, idx) => {
-      const temaNombre =
-        typeof tema === 'string'
-          ? tema
-          : isRecord(tema) && typeof tema.nombre === 'string'
-            ? tema.nombre
-            : ''
-      if (!temaNombre) return
-
-      if (unidad != null) {
-        lines.push(`${unidad}.${idx + 1} ${temaNombre}`.trim())
-      } else {
-        lines.push(`${idx + 1}. ${temaNombre}`)
-      }
-    })
-
-    blocks.push(lines.join('\n'))
-  }
-
-  return blocks.join('\n\n').trimEnd()
-}
-
-export function parseCriteriosEvaluacionToPlainText(value: unknown): string {
-  if (!Array.isArray(value)) return ''
-
-  const lines: Array<string> = []
-  for (const item of value) {
-    if (!isRecord(item)) continue
-    const label = typeof item.criterio === 'string' ? item.criterio.trim() : ''
-    const valueNum =
-      typeof item.porcentaje === 'number'
-        ? item.porcentaje
-        : typeof item.porcentaje === 'string'
-          ? Number(item.porcentaje)
-          : NaN
-
-    if (!label) continue
-    if (!Number.isFinite(valueNum)) continue
-
-    const v = Math.trunc(valueNum)
-    if (v < 1 || v > 100) continue
-
-    lines.push(`${label}: ${v}%`)
-  }
-
-  return lines.join('\n')
-}
-
-export const columnParsers: Partial<
-  Record<string, (value: unknown) => string>
-> = {
-  contenido_tematico: parseContenidoTematicoToPlainText,
-  criterios_de_evaluacion: parseCriteriosEvaluacionToPlainText,
-}

src/routes/planes/$planId/_detalle/documento.tsx

@@ -8,11 +8,10 @@ import {
   Clock,
   FileJson,
 } from 'lucide-react'
-import { useCallback, useEffect, useRef, useState } from 'react'
+import { useCallback, useEffect, useState } from 'react'
 
 import { Button } from '@/components/ui/button'
 import { Card, CardContent } from '@/components/ui/card'
-import { usePlan } from '@/data'
 import { fetchPlanPdf } from '@/data/api/document.api'
 
 export const Route = createFileRoute('/planes/$planId/_detalle/documento')({
@@ -21,41 +20,30 @@ export const Route = createFileRoute('/planes/$planId/_detalle/documento')({
 
 function RouteComponent() {
   const { planId } = useParams({ from: '/planes/$planId/_detalle/documento' })
-  const { data: plan } = usePlan(planId)
   const [pdfUrl, setPdfUrl] = useState<string | null>(null)
-  const pdfUrlRef = useRef<string | null>(null)
-  const isMountedRef = useRef<boolean>(false)
   const [isLoading, setIsLoading] = useState(true)
 
-  const planFileBaseName = sanitizeFileBaseName(plan?.nombre ?? 'plan_estudios')
-
   const loadPdfPreview = useCallback(async () => {
     try {
-      if (isMountedRef.current) setIsLoading(true)
-      const pdfBlob = await fetchPlanPdf({
-        plan_estudio_id: planId,
-        convertTo: 'pdf',
-      })
-
-      if (!isMountedRef.current) return
+      setIsLoading(true)
+      const pdfBlob = await fetchPlanPdf({ plan_estudio_id: planId })
       const url = window.URL.createObjectURL(pdfBlob)
 
-      if (pdfUrlRef.current) window.URL.revokeObjectURL(pdfUrlRef.current)
-      pdfUrlRef.current = url
+      // Limpiar URL anterior si existe para evitar fugas de memoria
+      if (pdfUrl) window.URL.revokeObjectURL(pdfUrl)
+
       setPdfUrl(url)
     } catch (error) {
       console.error('Error cargando preview:', error)
     } finally {
-      if (isMountedRef.current) setIsLoading(false)
+      setIsLoading(false)
     }
   }, [planId])
 
   useEffect(() => {
-    isMountedRef.current = true
     loadPdfPreview()
     return () => {
-      isMountedRef.current = false
-      if (pdfUrlRef.current) window.URL.revokeObjectURL(pdfUrlRef.current)
+      if (pdfUrl) window.URL.revokeObjectURL(pdfUrl)
     }
   }, [loadPdfPreview])
 
@@ -63,13 +51,12 @@ function RouteComponent() {
     try {
       const pdfBlob = await fetchPlanPdf({
         plan_estudio_id: planId,
-        convertTo: 'pdf',
       })
 
       const url = window.URL.createObjectURL(pdfBlob)
       const link = document.createElement('a')
       link.href = url
-      link.download = `${planFileBaseName}.pdf`
+      link.download = 'plan_estudios.pdf'
       document.body.appendChild(link)
       link.click()
 
@@ -80,27 +67,6 @@ function RouteComponent() {
       alert('No se pudo generar el PDF')
     }
   }
-
-  const handleDownloadWord = async () => {
-    try {
-      const docBlob = await fetchPlanPdf({
-        plan_estudio_id: planId,
-      })
-
-      const url = window.URL.createObjectURL(docBlob)
-      const link = document.createElement('a')
-      link.href = url
-      link.download = `${planFileBaseName}.docx`
-      document.body.appendChild(link)
-      link.click()
-
-      link.remove()
-      setTimeout(() => window.URL.revokeObjectURL(url), 1000)
-    } catch (error) {
-      console.error(error)
-      alert('No se pudo generar el Word')
-    }
-  }
   return (
     <div className="flex min-h-screen flex-col gap-6 bg-slate-50/30 p-6">
       {/* HEADER DE ACCIONES */}
@@ -122,17 +88,12 @@ function RouteComponent() {
           >
             <RefreshCcw size={16} /> Regenerar
           </Button>
-          <Button
-            size="sm"
-            className="gap-2 bg-teal-700 hover:bg-teal-800"
-            onClick={handleDownloadWord}
-          >
+          <Button variant="outline" size="sm" className="gap-2">
             <Download size={16} /> Descargar Word
           </Button>
           <Button
-            variant="outline"
             size="sm"
-            className="gap-2"
+            className="gap-2 bg-teal-700 hover:bg-teal-800"
             onClick={handleDownloadPdf}
           >
             <Download size={16} /> Descargar PDF
@@ -178,7 +139,7 @@ function RouteComponent() {
           )}
         </div>
 
-        <CardContent className="flex min-h-200 justify-center bg-slate-500 p-0">
+        <CardContent className="flex min-h-[800px] justify-center bg-slate-500 p-0">
           {isLoading ? (
             <div className="flex flex-col items-center justify-center gap-4 text-white">
               <RefreshCcw size={40} className="animate-spin opacity-50" />
@@ -188,7 +149,7 @@ function RouteComponent() {
             /* 3. VISOR DE PDF REAL */
             <iframe
               src={`${pdfUrl}#toolbar=0&navpanes=0`}
-              className="h-250 w-full max-w-250 border-none shadow-2xl"
+              className="h-[1000px] w-full max-w-[1000px] border-none shadow-2xl"
               title="PDF Preview"
             />
           ) : (
@@ -202,24 +163,6 @@ function RouteComponent() {
   )
 }
 
-function sanitizeFileBaseName(input: string): string {
-  const text = String(input)
-  const withoutControlChars = Array.from(text)
-    .filter((ch) => {
-      const code = ch.charCodeAt(0)
-      return code >= 32 && code !== 127
-    })
-    .join('')
-
-  const cleaned = withoutControlChars
-    .replace(/[<>:"/\\|?*]+/g, ' ')
-    .replace(/\s+/g, ' ')
-    .trim()
-    .replace(/[. ]+$/g, '')
-
-  return (cleaned || 'documento').slice(0, 150)
-}
-
 // Componente pequeño para las tarjetas de estado superior
 function StatusCard({
   icon,

src/routes/planes/$planId/_detalle/iaplan.tsx

@@ -13,9 +13,8 @@ import {
   X,
   MessageSquarePlus,
   Archive,
-  Loader2,
-  Sparkles,
   RotateCcw,
+  Loader2,
 } from 'lucide-react'
 import { useState, useEffect, useRef, useMemo } from 'react'
 
@@ -23,17 +22,10 @@ import type { UploadedFile } from '@/components/planes/wizard/PasoDetallesPanel/
 
 import { ImprovementCard } from '@/components/planes/detalle/Ia/ImprovementCard'
 import ReferenciasParaIA from '@/components/planes/wizard/PasoDetallesPanel/ReferenciasParaIA'
-import { Avatar, AvatarFallback } from '@/components/ui/avatar'
 import { Button } from '@/components/ui/button'
 import { Drawer, DrawerContent } from '@/components/ui/drawer'
 import { ScrollArea } from '@/components/ui/scroll-area'
 import { Textarea } from '@/components/ui/textarea'
-import {
-  Tooltip,
-  TooltipContent,
-  TooltipProvider,
-  TooltipTrigger,
-} from '@/components/ui/tooltip'
 import {
   useAIPlanChat,
   useConversationByPlan,
@@ -129,7 +121,6 @@ function RouteComponent() {
   const [pendingSuggestion, setPendingSuggestion] = useState<any>(null)
   const queryClient = useQueryClient()
   const scrollRef = useRef<HTMLDivElement>(null)
-  const isInitialLoad = useRef(true)
   const [showArchived, setShowArchived] = useState(false)
   const [editingChatId, setEditingChatId] = useState<string | null>(null)
   const editableRef = useRef<HTMLSpanElement>(null)
@@ -206,20 +197,20 @@ function RouteComponent() {
       return messages
     })
   }, [mensajesDelChat, activeChatId, availableFields])
-  const scrollToBottom = (behavior = 'smooth') => {
+  const scrollToBottom = () => {
     if (scrollRef.current) {
+      // Buscamos el viewport interno del ScrollArea de Radix
       const scrollContainer = scrollRef.current.querySelector(
         '[data-radix-scroll-area-viewport]',
       )
       if (scrollContainer) {
         scrollContainer.scrollTo({
           top: scrollContainer.scrollHeight,
-          behavior: behavior, // 'instant' para carga inicial, 'smooth' para mensajes nuevos
+          behavior: 'smooth',
         })
       }
     }
   }
-
   const { activeChats, archivedChats } = useMemo(() => {
     const allChats = lastConversation || []
     return {
@@ -231,22 +222,22 @@ function RouteComponent() {
   }, [lastConversation])
 
   useEffect(() => {
-    if (chatMessages.length > 0) {
-      if (isInitialLoad.current) {
-        // Si es el primer render con mensajes, vamos al final al instante
-        scrollToBottom('instant')
-        isInitialLoad.current = false
-      } else {
-        // Si ya estaba cargado y llegan nuevos, hacemos el smooth
-        scrollToBottom('smooth')
-      }
-    }
-  }, [chatMessages])
+    console.log(mensajesDelChat)
+
+    scrollToBottom()
+  }, [chatMessages, isLoading])
 
-  // 2. Resetear el flag cuando cambies de chat activo
   useEffect(() => {
-    isInitialLoad.current = true
-  }, [activeChatId])
+    // Verificamos cuáles campos de la lista "selectedFields" ya no están presentes en el texto del input
+    const camposActualizados = selectedFields.filter((field) =>
+      input.includes(field.label),
+    )
+
+    // Solo actualizamos el estado si hubo un cambio real (para evitar bucles infinitos)
+    if (camposActualizados.length !== selectedFields.length) {
+      setSelectedFields(camposActualizados)
+    }
+  }, [input, selectedFields])
 
   useEffect(() => {
     if (isLoadingConv || isSending) return
@@ -306,7 +297,7 @@ function RouteComponent() {
       },
     ])
     setInput('')
-    // setSelectedFields([])
+    setSelectedFields([])
   }
 
   const archiveChat = (e: React.MouseEvent, id: string) => {
@@ -414,7 +405,7 @@ function RouteComponent() {
     setIsSending(true)
     setOptimisticMessage(finalContent)
     setInput('')
-    // setSelectedFields([])
+    setSelectedFields([])
 
     try {
       const payload = {
@@ -510,114 +501,82 @@ function RouteComponent() {
         </div>
 
         <ScrollArea className="flex-1">
-          <div className="space-y-1 pr-2">
-            {' '}
-            {/* Agregamos un pr-2 para que el scrollbar no tape botones */}
+          <div className="space-y-1">
             {!showArchived ? (
               activeChats.map((chat) => (
                 <div
                   key={chat.id}
                   onClick={() => setActiveChatId(chat.id)}
-                  className={`group relative flex w-full items-center overflow-hidden rounded-lg px-3 py-3 text-sm transition-colors ${
+                  className={`group relative flex w-full cursor-pointer items-center gap-3 rounded-lg px-3 py-3 text-sm transition-colors ${
                     activeChatId === chat.id
                       ? 'bg-slate-100 font-medium text-slate-900'
                       : 'text-slate-600 hover:bg-slate-50'
                   }`}
                 >
-                  {/* LADO IZQUIERDO: Icono + Texto */}
-                  <div
-                    className="flex min-w-0 flex-1 items-center gap-3 transition-all duration-200"
-                    style={{
-                      // Aplicamos la máscara solo cuando el mouse está encima para que se note el desvanecimiento
-                      // donde aparecen los botones
-                      maskImage:
-                        'linear-gradient(to right, black 70%, transparent 95%)',
-                      WebkitMaskImage:
-                        'linear-gradient(to right, black 70%, transparent 95%)',
+                  <FileText size={16} className="shrink-0 opacity-40" />
+
+                  <span
+                    ref={editingChatId === chat.id ? editableRef : null}
+                    contentEditable={editingChatId === chat.id}
+                    suppressContentEditableWarning={true}
+                    className={`truncate pr-14 transition-all outline-none ${
+                      editingChatId === chat.id
+                        ? 'min-w-[50px] cursor-text rounded bg-white px-1 ring-1 ring-teal-500'
+                        : 'cursor-pointer'
+                    }`}
+                    onDoubleClick={(e) => {
+                      e.stopPropagation()
+                      setEditingChatId(chat.id)
+                    }}
+                    onKeyDown={(e) => {
+                      if (e.key === 'Enter') {
+                        e.preventDefault()
+                        const newTitle = e.currentTarget.textContent || ''
+                        updateTitleMutation(
+                          { id: chat.id, nombre: newTitle },
+                          {
+                            onSuccess: () => setEditingChatId(null),
+                          },
+                        )
+                      }
+                      if (e.key === 'Escape') {
+                        setEditingChatId(null)
+
+                        e.currentTarget.textContent = chat.nombre || ''
+                      }
+                    }}
+                    onBlur={(e) => {
+                      if (editingChatId === chat.id) {
+                        const newTitle = e.currentTarget.textContent || ''
+                        if (newTitle !== chat.nombre) {
+                          updateTitleMutation({ id: chat.id, nombre: newTitle })
+                        }
+                        setEditingChatId(null)
+                      }
+                    }}
+                    onClick={(e) => {
+                      if (editingChatId === chat.id) e.stopPropagation()
                     }}
                   >
-                    {/* pr-12 reserva espacio para los botones absolutos */}
-                    <FileText size={16} className="shrink-0 opacity-40" />
-                    <TooltipProvider delayDuration={400}>
-                      <Tooltip>
-                        <TooltipTrigger asChild className="min-w-0 flex-1">
-                          <div className="min-w-0 flex-1">
-                            <span
-                              ref={
-                                editingChatId === chat.id ? editableRef : null
-                              }
-                              contentEditable={editingChatId === chat.id}
-                              suppressContentEditableWarning={true}
-                              className={`block truncate outline-none ${
-                                editingChatId === chat.id
-                                  ? 'max-h-20 min-w-[100px] cursor-text overflow-y-auto rounded bg-white px-1 break-all shadow-sm ring-1 ring-teal-500'
-                                  : 'cursor-pointer'
-                              }`}
-                              onDoubleClick={(e) => {
-                                e.stopPropagation()
-                                setEditingChatId(chat.id)
-                              }}
-                              onKeyDown={(e) => {
-                                if (e.key === 'Enter') {
-                                  e.preventDefault()
-                                  e.currentTarget.blur()
-                                }
-                                if (e.key === 'Escape') {
-                                  setEditingChatId(null)
-                                  e.currentTarget.textContent =
-                                    chat.nombre || ''
-                                }
-                              }}
-                              onBlur={(e) => {
-                                if (editingChatId === chat.id) {
-                                  const newTitle =
-                                    e.currentTarget.textContent?.trim() || ''
-                                  if (newTitle && newTitle !== chat.nombre) {
-                                    updateTitleMutation({
-                                      id: chat.id,
-                                      nombre: newTitle,
-                                    })
-                                  }
-                                  setEditingChatId(null)
-                                }
-                              }}
-                            >
-                              {chat.nombre ||
-                                `Chat ${chat.creado_en.split('T')[0]}`}
-                            </span>
-                          </div>
-                        </TooltipTrigger>
-                        {editingChatId !== chat.id && (
-                          <TooltipContent
-                            side="right"
-                            className="max-w-[280px] break-all"
-                          >
-                            {chat.nombre || 'Conversación'}
-                          </TooltipContent>
-                        )}
-                      </Tooltip>
-                    </TooltipProvider>
-                  </div>
+                    {chat.nombre || `Chat ${chat.creado_en.split('T')[0]}`}
+                  </span>
 
-                  {/* LADO DERECHO: Acciones ABSOLUTAS */}
-                  <div
-                    className={`absolute top-1/2 right-2 z-20 flex -translate-y-1/2 items-center gap-1 rounded-md px-1 opacity-0 transition-opacity group-hover:opacity-100 ${
-                      activeChatId === chat.id ? 'bg-slate-100' : 'bg-slate-50'
-                    }`}
-                  >
+                  {/* ACCIONES */}
+                  <div className="absolute right-2 flex items-center gap-1 opacity-0 group-hover:opacity-100">
                     <button
                       onClick={(e) => {
                         e.stopPropagation()
                         setEditingChatId(chat.id)
+                        // Pequeño timeout para asegurar que el DOM se actualice antes de enfocar
                         setTimeout(() => editableRef.current?.focus(), 50)
                       }}
-                      className="rounded-md p-1 text-slate-400 transition-colors hover:text-teal-600"
+                      className="p-1 text-slate-400 hover:text-teal-600"
                     >
                       <Send size={12} className="rotate-45" />
                     </button>
                     <button
                       onClick={(e) => archiveChat(e, chat.id)}
-                      className="rounded-md p-1 text-slate-400 transition-colors hover:text-amber-600"
+                      className="p-1 text-slate-400 hover:text-amber-600"
                     >
                       <Archive size={14} />
                     </button>
@@ -625,26 +584,24 @@ function RouteComponent() {
                 </div>
               ))
             ) : (
-              /* Sección de archivados (Simplificada para mantener consistencia) */
-              <div className="animate-in fade-in slide-in-from-left-2 px-1">
+              /* ... Resto del código de archivados (sin cambios) ... */
+              <div className="animate-in fade-in slide-in-from-left-2">
                 <p className="mb-2 px-2 text-[10px] font-bold text-slate-400 uppercase">
                   Archivados
                 </p>
                 {archivedChats.map((chat) => (
                   <div
                     key={chat.id}
-                    className="group relative mb-1 flex w-full items-center overflow-hidden rounded-lg bg-slate-50/50 px-3 py-2 text-sm text-slate-400"
+                    className="group relative mb-1 flex w-full items-center gap-3 rounded-lg bg-slate-50/50 px-3 py-2 text-sm text-slate-400"
                   >
-                    <div className="flex min-w-0 flex-1 items-center gap-3 pr-10">
-                      <Archive size={14} className="shrink-0 opacity-30" />
-                      <span className="block truncate">
-                        {chat.nombre ||
-                          `Archivado ${chat.creado_en.split('T')[0]}`}
-                      </span>
-                    </div>
+                    <Archive size={14} className="shrink-0 opacity-30" />
+                    <span className="truncate pr-8">
+                      {chat.nombre ||
+                        `Archivado ${chat.creado_en.split('T')[0]}`}
+                    </span>
                     <button
                       onClick={(e) => unarchiveChat(e, chat.id)}
-                      className="absolute top-1/2 right-2 shrink-0 -translate-y-1/2 rounded bg-slate-100 p-1 opacity-0 transition-opacity group-hover:opacity-100 hover:text-teal-600"
+                      className="absolute right-2 p-1 opacity-0 group-hover:opacity-100 hover:text-teal-600"
                     >
                       <RotateCcw size={14} />
                     </button>
@@ -764,24 +721,33 @@ function RouteComponent() {
                     )
                   })}
 
-                  {(isSending || isSyncing) && (
-                    <div className="animate-in fade-in slide-in-from-bottom-2 flex gap-4">
-                      <Avatar className="h-9 w-9 shrink-0 border bg-teal-600 text-white shadow-sm">
-                        <AvatarFallback>
-                          <Sparkles size={16} className="animate-pulse" />
-                        </AvatarFallback>
-                      </Avatar>
-                      <div className="flex flex-col items-start gap-2">
-                        <div className="rounded-2xl rounded-tl-none border border-slate-200 bg-white p-4 shadow-sm">
-                          <div className="flex gap-1">
-                            <span className="h-1.5 w-1.5 animate-bounce rounded-full bg-slate-400 [animation-delay:-0.3s]"></span>
-                            <span className="h-1.5 w-1.5 animate-bounce rounded-full bg-slate-400 [animation-delay:-0.15s]"></span>
-                            <span className="h-1.5 w-1.5 animate-bounce rounded-full bg-slate-400"></span>
-                          </div>
+                  {(isSending || isSyncing) &&
+                    optimisticMessage &&
+                    !chatMessages.some(
+                      (m) => m.content === optimisticMessage,
+                    ) && (
+                      <div className="animate-in fade-in slide-in-from-right-2 ml-auto flex max-w-[85%] flex-col items-end">
+                        <div className="rounded-2xl rounded-tr-none bg-teal-600/70 p-3 text-sm whitespace-pre-wrap text-white shadow-sm">
+                          {optimisticMessage}
+                        </div>
+                      </div>
+                    )}
+
+                  {(isSending || isSyncing) && (
+                    <div className="animate-in fade-in slide-in-from-left-2 flex flex-col items-start duration-300">
+                      <div className="rounded-2xl rounded-tl-none border border-slate-200 bg-white p-4 shadow-sm">
+                        <div className="flex items-center gap-2">
+                          <div className="flex gap-1">
+                            <span className="h-1.5 w-1.5 animate-bounce rounded-full bg-teal-500 [animation-delay:-0.3s]" />
+                            <span className="h-1.5 w-1.5 animate-bounce rounded-full bg-teal-500 [animation-delay:-0.15s]" />
+                            <span className="h-1.5 w-1.5 animate-bounce rounded-full bg-teal-500" />
+                          </div>
+                          <span className="text-[10px] font-medium tracking-tight text-slate-400 uppercase">
+                            {isSyncing
+                              ? 'Actualizando historial...'
+                              : 'Esperando respuesta...'}
+                          </span>
                         </div>
-                        <span className="text-[10px] font-medium text-slate-400 italic">
-                          La IA está analizando tu solicitud...
-                        </span>
                       </div>
                     </div>
                   )}

src/routes/planes/$planId/_detalle/mapa.tsx

@@ -5,6 +5,7 @@ import {
   Plus,
   ChevronDown,
   AlertTriangle,
+  GripVertical,
   Trash2,
   Pencil,
 } from 'lucide-react'
@@ -45,33 +46,16 @@ import {
   useUpdateAsignatura,
   useUpdateLinea,
 } from '@/data'
-import {
-  Tooltip,
-  TooltipContent,
-  TooltipProvider,
-  TooltipTrigger,
-} from '@/components/ui/tooltip'
 
 // --- Mapeadores (Fuera del componente para mayor limpieza) ---
-const palette = [
-  '#4F46E5', // índigo
-  '#7C3AED', // violeta
-  '#EA580C', // naranja
-  '#059669', // esmeralda
-  '#DC2626', // rojo
-  '#0891B2', // cyan
-  '#CA8A04', // ámbar
-  '#C026D3', // fucsia
-]
-
 const mapLineasToLineaCurricular = (
   lineasApi: Array<any> = [],
 ): Array<LineaCurricular> => {
-  return lineasApi.map((linea, index) => ({
+  return lineasApi.map((linea) => ({
     id: linea.id,
     nombre: linea.nombre,
     orden: linea.orden ?? 0,
-    color: palette[index % palette.length],
+    color: '#1976d2',
   }))
 }
 
@@ -92,7 +76,7 @@ const mapAsignaturasToAsignaturas = (
       // Mapeo directo de los nuevos campos de la API
       hd: asig.horas_academicas ?? 0,
       hi: asig.horas_independientes ?? 0,
-      prerrequisito_asignatura_id: asig.prerrequisito_asignatura_id ?? null,
+      prerrequisitos: [],
     }
   })
 }
@@ -137,216 +121,52 @@ function StatItem({
   )
 }
 
-import * as Icons from 'lucide-react'
-
-const estadoConfig: Record<
-  Asignatura['estado'],
-  {
-    label: string
-    dot: string
-    soft: string
-    icon: React.ComponentType<{ className?: string }>
-  }
-> = {
-  borrador: {
-    label: 'Borrador',
-    dot: 'bg-slate-500',
-    soft: 'bg-slate-100 text-slate-700',
-    icon: Icons.FileText,
-  },
-  revisada: {
-    label: 'Revisada',
-    dot: 'bg-amber-500',
-    soft: 'bg-amber-100 text-amber-700',
-    icon: Icons.ScanSearch,
-  },
-  aprobada: {
-    label: 'Aprobada',
-    dot: 'bg-emerald-500',
-    soft: 'bg-emerald-100 text-emerald-700',
-    icon: Icons.BadgeCheck,
-  },
-  generando: {
-    label: 'Generando',
-    dot: 'bg-sky-500',
-    soft: 'bg-sky-100 text-sky-700',
-    icon: Icons.LoaderCircle,
-  },
-}
-
-function hexToRgba(hex: string, alpha: number) {
-  const clean = hex.replace('#', '')
-  const bigint = parseInt(clean, 16)
-  const r = (bigint >> 16) & 255
-  const g = (bigint >> 8) & 255
-  const b = bigint & 255
-  return `rgba(${r}, ${g}, ${b}, ${alpha})`
-}
-
 function AsignaturaCardItem({
   asignatura,
-  lineaColor,
-  lineaNombre,
   onDragStart,
   isDragging,
   onClick,
 }: {
   asignatura: Asignatura
-  lineaColor: string
-  lineaNombre?: string
   onDragStart: (e: React.DragEvent, id: string) => void
   isDragging: boolean
   onClick: () => void
 }) {
-  const estado = estadoConfig[asignatura.estado] ?? estadoConfig.borrador
-  const EstadoIcon = estado.icon
-
   return (
-    <TooltipProvider delayDuration={150}>
-      <Tooltip>
-        <TooltipTrigger asChild>
-          <button
-            draggable
-            onDragStart={(e) => onDragStart(e, asignatura.id)}
-            onClick={onClick}
-            className={[
-              'group relative h-[200px] w-[272px] shrink-0 overflow-hidden rounded-[22px] border text-left',
-              'transition-all duration-300 ease-out',
-              'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/30',
-              'active:cursor-grabbing cursor-grab',
-              isDragging
-                ? 'scale-[0.985] opacity-45 shadow-none'
-                : 'hover:-translate-y-1 hover:shadow-lg',
-            ].join(' ')}
-            style={{
-              borderColor: hexToRgba(lineaColor, 0.18),
-              background: `
-                radial-gradient(circle at top right, ${hexToRgba(lineaColor, 0.22)} 0%, transparent 34%),
-                linear-gradient(180deg, ${hexToRgba(lineaColor, 0.12)} 0%, ${hexToRgba(lineaColor, 0.04)} 42%, var(--card) 100%)
-              `,
-            }}
-            title={asignatura.nombre}
-          >
-            {/* franja */}
-            <div
-              className="absolute inset-x-0 top-0 h-2"
-              style={{ backgroundColor: lineaColor }}
-            />
-
-            {/* glow decorativo */}
-            <div
-              className="absolute -top-10 -right-10 h-28 w-28 rounded-full blur-2xl transition-transform duration-500 group-hover:scale-110"
-              style={{ backgroundColor: hexToRgba(lineaColor, 0.22) }}
-            />
-
-            <div className="relative flex h-full flex-col p-4">
-              {/* top */}
-              <div className="flex items-start justify-between gap-2">
-                <div
-                  className="inline-flex h-8 max-w-[200px] items-center gap-1.5 rounded-full border px-2.5 text-[11px] font-semibold"
-                  style={{
-                    borderColor: hexToRgba(lineaColor, 0.2),
-                    backgroundColor: hexToRgba(lineaColor, 0.1),
-                    color: lineaColor,
-                  }}
-                >
-                  <Icons.KeyRound className="h-3.5 w-3.5 shrink-0" />
-                  <span className="truncate">{asignatura.clave || 'Sin clave'}</span>
-                </div>
-
-                <div className="relative flex h-8 items-center overflow-hidden rounded-full bg-background/70 px-2 backdrop-blur-sm">
-                  <div className="flex gap-4 items-center gap-1.5 transition-transform duration-300 group-hover:-translate-x-[72px]">
-                    <span className={`h-2.5 w-2.5 rounded-full ${estado.dot}`} />
-                    <EstadoIcon
-                      className={[
-                        'h-3.5 w-3.5 text-foreground/65',
-                        asignatura.estado === 'generando' ? 'animate-spin' : '',
-                      ].join(' ')}
-                    />
-                  </div>
-                  <div
-                    className={[
-                      'absolute right-2 flex translate-x-6 items-center gap-1.5 opacity-0 transition-all duration-300',
-                      'group-hover:translate-x-0 group-hover:opacity-100'
-                    ].join(' ')}
-                  >
-                    <span className="text-[11px] font-semibold whitespace-nowrap">
-                      {estado.label}
-                    </span>
-                  </div>
-
-                </div>
-              </div>
-
-              {/* titulo */}
-              <div className="mt-4 min-h-[72px]">
-                <h3
-                  className="overflow-hidden text-[18px] leading-[1.08] font-bold text-foreground"
-                  style={{
-                    display: '-webkit-box',
-                    WebkitLineClamp: 3,
-                    WebkitBoxOrient: 'vertical',
-                  }}
-                >
-                  {asignatura.nombre}
-                </h3>
-              </div>
-
-              {/* bottom */}
-              <div className="mt-auto grid grid-cols-3 gap-2">
-                <div className="rounded-2xl border border-white/40 bg-white/55 px-2.5 py-2 backdrop-blur-sm dark:border-white/10 dark:bg-white/5">
-                  <div className="mb-1 flex items-center gap-1.5 text-muted-foreground">
-                    <Icons.Award className="h-3.5 w-3.5" />
-                    <span className="text-[10px] font-medium uppercase tracking-wide">
-                      CR
-                    </span>
-                  </div>
-                  <div className="text-sm font-bold text-foreground">
-                    {asignatura.creditos}
-                  </div>
-                </div>
-
-                <div className="rounded-2xl border border-white/40 bg-white/55 px-2.5 py-2 backdrop-blur-sm dark:border-white/10 dark:bg-white/5">
-                  <div className="mb-1 flex items-center gap-1.5 text-muted-foreground">
-                    <Icons.Clock3 className="h-3.5 w-3.5" />
-                    <span className="text-[10px] font-medium uppercase tracking-wide">
-                      HD
-                    </span>
-                  </div>
-                  <div className="text-sm font-bold text-foreground">
-                    {asignatura.hd}
-                  </div>
-                </div>
-
-                <div className="rounded-2xl border border-white/40 bg-white/55 px-2.5 py-2 backdrop-blur-sm dark:border-white/10 dark:bg-white/5">
-                  <div className="mb-1 flex items-center gap-1.5 text-muted-foreground">
-                    <Icons.BookOpenText className="h-3.5 w-3.5" />
-                    <span className="text-[10px] font-medium uppercase tracking-wide">
-                      HI
-                    </span>
-                  </div>
-                  <div className="text-sm font-bold text-foreground">
-                    {asignatura.hi}
-                  </div>
-                </div>
-              </div>
-
-              {/* drag affordance */}
-              <div className="pointer-events-none absolute right-3 bottom-3 rounded-full bg-background/70 p-1.5 opacity-0 backdrop-blur-sm transition-all duration-300 group-hover:opacity-100">
-                <Icons.GripVertical className="h-4 w-4 text-muted-foreground/55" />
-              </div>
-            </div>
-          </button>
-        </TooltipTrigger>
-
-        <TooltipContent side="bottom">
-          <div className="text-xs">
-            {lineaNombre ? `${lineaNombre} · ` : ''}
-            {asignatura.nombre}
-          </div>
-        </TooltipContent>
-      </Tooltip>
-    </TooltipProvider>
+    <button
+      draggable
+      onDragStart={(e) => onDragStart(e, asignatura.id)}
+      onClick={onClick}
+      className={`group cursor-grab rounded-lg border bg-white p-3 shadow-sm transition-all active:cursor-grabbing ${
+        isDragging
+          ? 'scale-95 opacity-40'
+          : 'hover:border-teal-400 hover:shadow-md'
+      }`}
+    >
+      <div className="mb-1 flex items-start justify-between">
+        <span className="font-mono text-[10px] font-bold text-slate-400">
+          {asignatura.clave}
+        </span>
+        <Badge
+          variant="outline"
+          className={`px-1 py-0 text-[9px] uppercase ${statusBadge[asignatura.estado] || ''}`}
+        >
+          {asignatura.estado}
+        </Badge>
+      </div>
+      <p className="mb-1 text-xs leading-tight font-bold text-slate-700">
+        {asignatura.nombre}
+      </p>
+      <div className="mt-2 flex items-center justify-between">
+        <span className="text-[10px] text-slate-500">
+          {asignatura.creditos} CR • HD:{asignatura.hd} • HI:{asignatura.hi}
+        </span>
+        <GripVertical
+          size={12}
+          className="text-slate-300 opacity-0 transition-opacity group-hover:opacity-100"
+        />
+      </div>
+    </button>
   )
 }
 
@@ -516,7 +336,6 @@ function MapaCurricularPage() {
       horas_independientes?: TablesUpdate<'asignaturas'>['horas_independientes']
       numero_ciclo?: TablesUpdate<'asignaturas'>['numero_ciclo']
       linea_plan_id?: TablesUpdate<'asignaturas'>['linea_plan_id']
-      prerrequisito_asignatura_id?: string | null
     }
     const patch: Partial<AsignaturaPatch> = {
       nombre: editingData.nombre,
@@ -526,7 +345,6 @@ function MapaCurricularPage() {
       horas_independientes: editingData.hi,
       numero_ciclo: editingData.ciclo,
       linea_plan_id: editingData.lineaCurricularId,
-      prerrequisito_asignatura_id: editingData.prerrequisito_asignatura_id,
       tipo: editingData.tipo.toUpperCase() as TipoAsignatura, // Asegurar que coincida con el ENUM (OBLIGATORIA/OPTATIVA)
     }
 
@@ -672,7 +490,7 @@ function MapaCurricularPage() {
     e: React.FocusEvent<HTMLSpanElement>,
     id: string,
   ) => {
-    const nuevoNombre = e.currentTarget.textContent.trim() || ''
+    const nuevoNombre = e.currentTarget.textContent?.trim() || ''
 
     // Buscamos la línea original para comparar
     const lineaOriginal = lineas.find((l) => l.id === id)
@@ -704,15 +522,15 @@ function MapaCurricularPage() {
           </Button>
           {asignaturas.filter((m) => !m.ciclo || !m.lineaCurricularId).length >
             0 && (
-              <Badge className="border-amber-100 bg-amber-50 text-amber-600 hover:bg-amber-50">
-                <AlertTriangle size={14} className="mr-1" />{' '}
-                {
-                  asignaturas.filter((m) => !m.ciclo || !m.lineaCurricularId)
-                    .length
-                }{' '}
-                sin asignar
-              </Badge>
-            )}
+            <Badge className="border-amber-100 bg-amber-50 text-amber-600 hover:bg-amber-50">
+              <AlertTriangle size={14} className="mr-1" />{' '}
+              {
+                asignaturas.filter((m) => !m.ciclo || !m.lineaCurricularId)
+                  .length
+              }{' '}
+              sin asignar
+            </Badge>
+          )}
           <DropdownMenu>
             <DropdownMenuTrigger asChild>
               <Button className="bg-teal-700 text-white hover:bg-teal-800">
@@ -798,8 +616,9 @@ function MapaCurricularPage() {
               return (
                 <Fragment key={linea.id}>
                   <div
-                    className={`group relative flex items-center justify-between rounded-xl border-l-4 p-4 transition-all ${lineColors[idx % lineColors.length]
-                      } ${editingLineaId === linea.id ? 'bg-white ring-2 ring-teal-500/20' : ''}`}
+                    className={`group relative flex items-center justify-between rounded-xl border-l-4 p-4 transition-all ${
+                      lineColors[idx % lineColors.length]
+                    } ${editingLineaId === linea.id ? 'bg-white ring-2 ring-teal-500/20' : ''}`}
                   >
                     <div className="flex-1 overflow-hidden">
                       <span
@@ -814,10 +633,11 @@ function MapaCurricularPage() {
                             setTempNombreLinea(linea.nombre)
                           }
                         }}
-                        className={`block w-full text-xs font-bold break-words outline-none ${editingLineaId === linea.id
-                          ? 'cursor-text border-b border-teal-500/50 pb-1'
-                          : 'cursor-pointer'
-                          }`}
+                        className={`block w-full text-xs font-bold break-words outline-none ${
+                          editingLineaId === linea.id
+                            ? 'cursor-text border-b border-teal-500/50 pb-1'
+                            : 'cursor-pointer'
+                        }`}
                       >
                         {linea.nombre}
                       </span>
@@ -855,8 +675,6 @@ function MapaCurricularPage() {
                           <AsignaturaCardItem
                             key={m.id}
                             asignatura={m}
-                            lineaColor={linea.color || '#1976d2'}
-                            lineaNombre={linea.nombre}
                             isDragging={draggedAsignatura === m.id}
                             onDragStart={handleDragStart}
                             onClick={() => {
@@ -907,81 +725,45 @@ function MapaCurricularPage() {
       </div>
 
       {/* Asignaturas Sin Asignar */}
-      <div className="mt-12 rounded-[28px] border border-border bg-card/80 p-5 shadow-sm backdrop-blur-sm">
-        <div className="mb-5 flex flex-col gap-3 md:flex-row md:items-center md:justify-between">
-          <div className="min-w-0">
-            <div className="flex items-center gap-2">
-              <div className="flex h-9 w-9 items-center justify-center rounded-2xl bg-muted text-muted-foreground">
-                <Icons.Inbox className="h-4.5 w-4.5" />
-              </div>
-
-              <div className="min-w-0">
-                <div className="flex items-center gap-2">
-                  <h3 className="text-sm font-bold tracking-wide text-foreground uppercase">
-                    Bandeja de entrada
-                  </h3>
-
-                  <div className="inline-flex h-6 min-w-6 items-center justify-center rounded-full bg-muted px-2 text-[11px] font-semibold text-muted-foreground">
-                    {unassignedAsignaturas.length}
-                  </div>
-                </div>
-
-                <p className="mt-0.5 text-sm text-muted-foreground">
-                  Asignaturas sin ciclo o línea curricular
-                </p>
-              </div>
-            </div>
-          </div>
-
-          <div className="flex items-center gap-2 rounded-full border border-dashed border-border bg-background/80 px-3 py-1.5 text-xs text-muted-foreground">
-            <Icons.MoveDown className="h-3.5 w-3.5" />
-            <span>Arrastra aquí para desasignar</span>
+      <div className="mt-10 rounded-2xl border border-slate-200 bg-slate-50 p-6">
+        <div className="mb-4 flex items-center justify-between">
+          <div className="flex items-center gap-2 text-slate-600">
+            <h3 className="text-sm font-bold tracking-wider uppercase">
+              Bandeja de Entrada / Asignaturas sin asignar
+            </h3>
+            <Badge variant="secondary">{unassignedAsignaturas.length}</Badge>
           </div>
+          <p className="text-xs text-slate-400">
+            Arrastra una asignatura aquí para quitarla del mapa
+          </p>
         </div>
 
         <div
-          onDragOver={handleDragOver}
-          onDrop={(e) => handleDrop(e, null, null)}
-          className={[
-            'rounded-[24px] border-2 border-dashed p-4 transition-all duration-300',
-            'min-h-[220px]',
+          className={`flex min-h-[120px] flex-wrap gap-4 rounded-xl border-2 border-dashed p-4 transition-colors ${
             draggedAsignatura
-              ? 'border-primary/35 bg-primary/6 shadow-inner'
-              : 'border-border bg-muted/20',
-          ].join(' ')}
+              ? 'border-teal-300 bg-teal-50/50'
+              : 'border-slate-200 bg-white/50'
+          }`}
+          onDragOver={handleDragOver}
+          onDrop={(e) => handleDrop(e, null, null)} // Limpia ciclo y línea
         >
-          {unassignedAsignaturas.length > 0 ? (
-            <div className="flex flex-wrap gap-4">
-              {unassignedAsignaturas.map((m) => (
-                <div key={m.id} className="w-[272px] shrink-0">
-                  <AsignaturaCardItem
-                    asignatura={m}
-                    lineaColor="#94A3B8"
-                    lineaNombre="Sin asignar"
-                    isDragging={draggedAsignatura === m.id}
-                    onDragStart={handleDragStart}
-                    onClick={() => {
-                      setEditingData(m)
-                      setIsEditModalOpen(true)
-                    }}
-                  />
-                </div>
-              ))}
+          {unassignedAsignaturas.map((m) => (
+            <div key={m.id} className="w-[200px]">
+              <AsignaturaCardItem
+                asignatura={m}
+                isDragging={draggedAsignatura === m.id}
+                onDragStart={handleDragStart}
+                onClick={() => {
+                  setEditingData(m) // Cargamos los datos en el estado de edición
+                  setIsEditModalOpen(true)
+                }}
+              />
             </div>
-          ) : (
-            <div className="flex min-h-[188px] flex-col items-center justify-center rounded-[20px] border border-border/70 bg-background/70 px-6 text-center">
-              <div className="mb-3 flex h-12 w-12 items-center justify-center rounded-2xl bg-muted text-muted-foreground">
-                <Icons.CheckCheck className="h-5 w-5" />
-              </div>
-
-              <p className="text-sm font-semibold text-foreground">
-                No hay asignaturas pendientes
-              </p>
-
-              <p className="mt-1 max-w-md text-sm text-muted-foreground">
-                Todo está colocado en el mapa. Arrastra una asignatura aquí para quitarle
-                ciclo y línea curricular.
-              </p>
+          ))}
+          {unassignedAsignaturas.length === 0 && (
+            <div className="flex w-full items-center justify-center text-sm text-slate-400">
+              No hay asignaturas pendientes. Arrastra una asignatura aquí para
+              desasignarla.
             </div>
           )}
         </div>
@@ -1153,55 +935,65 @@ function MapaCurricularPage() {
               {/* Fila 4: Seriación (Prerrequisitos) */}
               <div className="space-y-2">
                 <label className="text-xs font-bold text-slate-500 uppercase">
-                  Seriación (Prerrequisito)
+                  Seriación (Prerrequisitos)
                 </label>
                 <Select
-                  // Cambiamos a manejo de valor único basado en el ID de la columna
-                  value={editingData.prerrequisito_asignatura_id || undefined}
+                  value={seriacionValue}
                   onValueChange={(val) => {
-                    console.log(editingData)
-
-                    setEditingData({
-                      ...editingData,
-                      prerrequisito_asignatura_id: val === 'none' ? null : val,
-                    })
+                    if (val === 'none') {
+                      setSeriacionValue('')
+                      return
+                    }
+                    if (!editingData.prerrequisitos.includes(val)) {
+                      setEditingData({
+                        ...editingData,
+                        prerrequisitos: [...editingData.prerrequisitos, val],
+                      })
+                    }
+                    setSeriacionValue('')
                   }}
                 >
-                  <SelectTrigger className="w-full bg-white">
+                  <SelectTrigger>
                     <SelectValue placeholder="Seleccionar asignatura..." />
                   </SelectTrigger>
                   <SelectContent>
                     <SelectItem value="none">-- Sin Seriación --</SelectItem>
 
                     {asignaturas
-                      .filter((asig) => {
-                        // 1. No es la misma materia
-                        const noEsMisma = asig.id !== editingData.id
-                        // 2. El ciclo debe ser estrictamente MENOR
-                        const esCicloMenor =
-                          asig.ciclo !== null &&
-                          editingData.ciclo !== null &&
-                          asig.ciclo < editingData.ciclo
-
-                        return noEsMisma && esCicloMenor
-                      })
-                      .sort(
-                        (a, b) =>
-                          (a.ciclo || 0) - (b.ciclo || 0) ||
-                          a.nombre.localeCompare(b.nombre),
-                      )
-                      .map((asig) => (
-                        <SelectItem key={asig.id} value={asig.id}>
-                          <span className="font-bold text-teal-600">
-                            [C{asig.ciclo}]
-                          </span>{' '}
-                          {asig.nombre}
+                      .filter((m) => m.id !== editingData.id)
+                      .map((m) => (
+                        <SelectItem key={m.id} value={m.id}>
+                          {m.nombre} ({m.clave})
                         </SelectItem>
                       ))}
                   </SelectContent>
                 </Select>
 
-                {/* Visualización del Prerrequisito con el Nombre */}
+                {/* Visualización de los prerrequisitos seleccionados */}
+                <div className="mt-2 flex flex-wrap gap-2">
+                  {editingData.prerrequisitos.map((pre) => (
+                    <Badge
+                      key={pre}
+                      variant="secondary"
+                      className="bg-slate-100 text-slate-600"
+                    >
+                      {pre}
+                      <button
+                        className="ml-1 hover:text-red-500"
+                        onClick={() => {
+                          setEditingData({
+                            ...editingData,
+                            prerrequisitos: editingData.prerrequisitos.filter(
+                              (p) => p !== pre,
+                            ),
+                          })
+                        }}
+                      >
+                        ×
+                      </button>
+                    </Badge>
+                  ))}
+                </div>
               </div>
 
               {/* Fila 5: Tipo */}

src/routes/planes/$planId/asignaturas/$asignaturaId/documento.tsx

@@ -1,8 +1,7 @@
 import { createFileRoute, useParams } from '@tanstack/react-router'
-import { useCallback, useEffect, useRef, useState } from 'react'
+import { useCallback, useEffect, useState } from 'react'
 
 import { DocumentoSEPTab } from '@/components/asignaturas/detalle/DocumentoSEPTab'
-import { useSubject } from '@/data'
 import { fetchAsignaturaPdf } from '@/data/api/document.api'
 
 export const Route = createFileRoute(
@@ -16,75 +15,48 @@ function RouteComponent() {
     from: '/planes/$planId/asignaturas/$asignaturaId/documento',
   })
 
-  const { data: asignatura } = useSubject(asignaturaId)
-  const asignaturaFileBaseName = sanitizeFileBaseName(
-    asignatura?.nombre ?? 'documento_sep',
-  )
-
   const [pdfUrl, setPdfUrl] = useState<string | null>(null)
-  const pdfUrlRef = useRef<string | null>(null)
-  const isMountedRef = useRef<boolean>(false)
   const [isLoading, setIsLoading] = useState(true)
   const [isRegenerating, setIsRegenerating] = useState(false)
 
   const loadPdfPreview = useCallback(async () => {
     try {
-      if (isMountedRef.current) setIsLoading(true)
+      setIsLoading(true)
 
       const pdfBlob = await fetchAsignaturaPdf({
         asignatura_id: asignaturaId,
-        convertTo: 'pdf',
       })
 
-      if (!isMountedRef.current) return
-
       const url = window.URL.createObjectURL(pdfBlob)
 
-      if (pdfUrlRef.current) window.URL.revokeObjectURL(pdfUrlRef.current)
-      pdfUrlRef.current = url
-      setPdfUrl(url)
+      setPdfUrl((prev) => {
+        if (prev) window.URL.revokeObjectURL(prev)
+        return url
+      })
     } catch (error) {
       console.error('Error cargando PDF:', error)
     } finally {
-      if (isMountedRef.current) setIsLoading(false)
+      setIsLoading(false)
     }
   }, [asignaturaId])
 
   useEffect(() => {
-    isMountedRef.current = true
     loadPdfPreview()
 
     return () => {
-      isMountedRef.current = false
-      if (pdfUrlRef.current) window.URL.revokeObjectURL(pdfUrlRef.current)
+      if (pdfUrl) window.URL.revokeObjectURL(pdfUrl)
     }
   }, [loadPdfPreview])
 
-  const handleDownloadPdf = async () => {
+  const handleDownload = async () => {
     const pdfBlob = await fetchAsignaturaPdf({
       asignatura_id: asignaturaId,
-      convertTo: 'pdf',
     })
 
     const url = window.URL.createObjectURL(pdfBlob)
     const link = document.createElement('a')
     link.href = url
-    link.download = `${asignaturaFileBaseName}.pdf`
-    document.body.appendChild(link)
-    link.click()
-    link.remove()
-    window.URL.revokeObjectURL(url)
-  }
-
-  const handleDownloadWord = async () => {
-    const docBlob = await fetchAsignaturaPdf({
-      asignatura_id: asignaturaId,
-    })
-
-    const url = window.URL.createObjectURL(docBlob)
-    const link = document.createElement('a')
-    link.href = url
-    link.download = `${asignaturaFileBaseName}.docx`
+    link.download = 'documento_sep.pdf'
     document.body.appendChild(link)
     link.click()
     link.remove()
@@ -105,28 +77,9 @@ function RouteComponent() {
     <DocumentoSEPTab
       pdfUrl={pdfUrl}
       isLoading={isLoading}
-      onDownloadPdf={handleDownloadPdf}
-      onDownloadWord={handleDownloadWord}
+      onDownload={handleDownload}
       onRegenerate={handleRegenerate}
       isRegenerating={isRegenerating}
     />
   )
 }
-
-function sanitizeFileBaseName(input: string): string {
-  const text = String(input)
-  const withoutControlChars = Array.from(text)
-    .filter((ch) => {
-      const code = ch.charCodeAt(0)
-      return code >= 32 && code !== 127
-    })
-    .join('')
-
-  const cleaned = withoutControlChars
-    .replace(/[<>:"/\\|?*]+/g, ' ')
-    .replace(/\s+/g, ' ')
-    .trim()
-    .replace(/[. ]+$/g, '')
-
-  return (cleaned || 'documento').slice(0, 150)
-}

src/routes/planes/$planId/asignaturas/$asignaturaId/route.tsx

@@ -166,20 +166,30 @@ function AsignaturaLayout() {
                   onSave={(val) => handleUpdateHeader('nombre', val)}
                 />
               </h1>
-              {
-                // console.log(headerData),
 
-                console.log(asignaturaApi.planes_estudio?.nombre)
-              }
               <div className="flex flex-wrap gap-4 text-sm text-blue-200">
                 <span className="flex items-center gap-1">
                   <GraduationCap className="h-4 w-4 shrink-0" />
-                  Pertenece al plan:{' '}
                   <span className="text-blue-100">
-                    {(asignaturaApi.planes_estudio as DatosPlan).nombre || ''}
+                    {(asignaturaApi.planes_estudio?.datos as DatosPlan)
+                      .nombre || ''}
+                  </span>
+                </span>
+
+                <span className="flex items-center gap-1">
+                  <span className="text-blue-100">
+                    {(asignaturaApi.planes_estudio?.datos as DatosPlan)
+                      .nombre ?? ''}
                   </span>
                 </span>
               </div>
+
+              <p className="text-sm text-blue-300">
+                Pertenece al plan:{' '}
+                <span className="cursor-pointer underline">
+                  {asignaturaApi.planes_estudio?.nombre}
+                </span>
+              </p>
             </div>
 
             <div className="flex flex-col items-end gap-2 text-right">

src/styles.css

@@ -4,145 +4,18 @@
 
 @custom-variant dark (&:is(.dark *));
 
-@font-face {
-  font-family: 'Indivisa Sans';
-  src: url('/fonts/indivisa/IndivisaTextSans-Light.otf') format('opentype');
-  font-weight: 300;
-  font-style: normal;
-}
-
-@font-face {
-  font-family: 'Indivisa Sans';
-  src: url('/fonts/indivisa/IndivisaTextSans-LightItalic.otf')
-    format('opentype');
-  font-weight: 300;
-  font-style: italic;
-}
-
-@font-face {
-  font-family: 'Indivisa Sans';
-  src: url('/fonts/indivisa/IndivisaTextSans-Regular.otf') format('opentype');
-  font-weight: 400;
-  font-style: normal;
-}
-
-@font-face {
-  font-family: 'Indivisa Sans';
-  src: url('/fonts/indivisa/IndivisaTextSans-RegularItalic.otf')
-    format('opentype');
-  font-weight: 400;
-  font-style: italic;
-}
-
-@font-face {
-  font-family: 'Indivisa Sans';
-  src: url('/fonts/indivisa/IndivisaTextSans-Bold.otf') format('opentype');
-  font-weight: 700;
-  font-style: normal;
-}
-
-@font-face {
-  font-family: 'Indivisa Sans';
-  src: url('/fonts/indivisa/IndivisaTextSans-BoldItalic.otf') format('opentype');
-  font-weight: 700;
-  font-style: italic;
-}
-
-@font-face {
-  font-family: 'Indivisa Sans';
-  src: url('/fonts/indivisa/IndivisaTextSans-Black.otf') format('opentype');
-  font-weight: 900;
-  font-style: normal;
-}
-
-@font-face {
-  font-family: 'Indivisa Sans';
-  src: url('/fonts/indivisa/IndivisaTextSans-BlackItalic.otf')
-    format('opentype');
-  font-weight: 900;
-  font-style: italic;
-}
-
-/* Serif */
-
-@font-face {
-  font-family: 'Indivisa Serif';
-  src: url('/fonts/indivisa/IndivisaTextSerif-Light.otf') format('opentype');
-  font-weight: 300;
-  font-style: normal;
-}
-
-@font-face {
-  font-family: 'Indivisa Serif';
-  src: url('/fonts/indivisa/IndivisaTextSerif-LightItalic.otf')
-    format('opentype');
-  font-weight: 300;
-  font-style: italic;
-}
-
-@font-face {
-  font-family: 'Indivisa Serif';
-  src: url('/fonts/indivisa/IndivisaTextSerif-Regular.otf') format('opentype');
-  font-weight: 400;
-  font-style: normal;
-}
-
-@font-face {
-  font-family: 'Indivisa Serif';
-  src: url('/fonts/indivisa/IndivisaTextSerif-RegularItalic.otf')
-    format('opentype');
-  font-weight: 400;
-  font-style: italic;
-}
-
-@font-face {
-  font-family: 'Indivisa Serif';
-  src: url('/fonts/indivisa/IndivisaTextSerif-Bold.otf') format('opentype');
-  font-weight: 700;
-  font-style: normal;
-}
-
-@font-face {
-  font-family: 'Indivisa Serif';
-  src: url('/fonts/indivisa/IndivisaTextSerif-BoldItalic.otf')
-    format('opentype');
-  font-weight: 700;
-  font-style: italic;
-}
-
-@font-face {
-  font-family: 'Indivisa Serif';
-  src: url('/fonts/indivisa/IndivisaTextSerif-Black.otf') format('opentype');
-  font-weight: 900;
-  font-style: normal;
-}
-
-@font-face {
-  font-family: 'Indivisa Serif';
-  src: url('/fonts/indivisa/IndivisaTextSerif-BlackItalic.otf')
-    format('opentype');
-  font-weight: 900;
-  font-style: italic;
-}
-
 body {
   @apply m-0;
-  font-family: var(--font-sans);
+  font-family:
+    -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu',
+    'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
 }
 
 code {
-  font-family: var(--font-mono);
-}
-
-strong,
-b,
-.font-bold {
-  font-family: 'Indivisa Sans', serif;
-  font-weight: 900;
-  /* Inter letter space */
-  letter-spacing: -0.025em;
+  font-family:
+    source-code-pro, Menlo, Monaco, Consolas, 'Courier New', monospace;
 }
 
 :root {
@@ -178,9 +51,9 @@ b,
   --sidebar-accent-foreground: oklch(0.6304 0.2472 28.2698);
   --sidebar-border: oklch(0.9401 0 0);
   --sidebar-ring: oklch(0 0 0);
-  --font-sans: 'Indivisa Sans', sans-serif;
-  --font-serif: 'Indivisa Serif', serif;
-  --font-mono: 'Indivisa Sans', monospace;
+  --font-sans: Plus Jakarta Sans, sans-serif;
+  --font-serif: Lora, serif;
+  --font-mono: IBM Plex Mono, monospace;
   --radius: 1.4rem;
   --shadow-x: 0px;
   --shadow-y: 2px;
@@ -228,7 +101,7 @@ b,
   --chart-1: oklch(0.6686 0.1794 251.7436);
   --chart-2: oklch(0.6342 0.2516 22.4415);
   --chart-3: oklch(0.8718 0.1716 90.9505);
-  --chart-4: oklch(11.492% 0.00001 271.152);
+  --chart-4: oklch(0.4503 0.229 263.0881);
   --chart-5: oklch(0.8322 0.146 185.9404);
   --sidebar: oklch(0.1564 0.0688 261.2771);
   --sidebar-foreground: oklch(0.9551 0 0);
@@ -238,9 +111,9 @@ b,
   --sidebar-accent-foreground: oklch(0.6786 0.2095 24.6583);
   --sidebar-border: oklch(0.3289 0.0092 268.3843);
   --sidebar-ring: oklch(0.6048 0.2166 257.2136);
-  --font-sans: 'Indivisa Sans', sans-serif;
-  --font-serif: 'Indivisa Serif', serif;
-  --font-mono: 'Indivisa Sans', monospace;
+  --font-sans: Plus Jakarta Sans, sans-serif;
+  --font-serif: Lora, serif;
+  --font-mono: IBM Plex Mono, monospace;
   --radius: 1.4rem;
   --shadow-x: 0px;
   --shadow-y: 2px;

src/types/plan.ts

@@ -50,7 +50,7 @@ export interface Asignatura {
   orden?: number
   hd: number // <--- Añadir
   hi: number // <--- Añadir
-  prerrequisito_asignatura_id: string | null
+  prerrequisitos: Array<string>
 }
 
 export interface Plan {

staticwebapp.config.json

@@ -1,14 +0,0 @@
-{
-  "navigationFallback": {
-    "rewrite": "/index.html",
-    "exclude": [
-      "/assets/*",
-      "/*.css",
-      "/*.js",
-      "/*.ico",
-      "/*.png",
-      "/*.jpg",
-      "/*.svg"
-    ]
-  }
-}