Se agrega id de ruta en las tabs y se corrigen redirecciones

src/components/asignaturas/detalle/BibliographyItem.tsx

@@ -1,4 +1,3 @@
-import { useEffect, useState } from 'react'
 import {
   Plus,
   Search,
@@ -8,25 +7,8 @@ import {
   Edit3,
   Save,
 } from 'lucide-react'
-import { Card, CardContent } from '@/components/ui/card'
-import { Button } from '@/components/ui/button'
-import { Input } from '@/components/ui/input'
-import { Textarea } from '@/components/ui/textarea'
-import { Badge } from '@/components/ui/badge'
-import {
-  Dialog,
-  DialogContent,
-  DialogHeader,
-  DialogTitle,
-  DialogTrigger,
-} from '@/components/ui/dialog'
-import {
-  Select,
-  SelectContent,
-  SelectItem,
-  SelectTrigger,
-  SelectValue,
-} from '@/components/ui/select'
+import { useEffect, useState } from 'react'
+
 import {
   AlertDialog,
   AlertDialogAction,
@@ -37,10 +19,29 @@ import {
   AlertDialogHeader,
   AlertDialogTitle,
 } from '@/components/ui/alert-dialog'
-import { cn } from '@/lib/utils'
+import { Badge } from '@/components/ui/badge'
+import { Button } from '@/components/ui/button'
+import { Card, CardContent } from '@/components/ui/card'
+import {
+  Dialog,
+  DialogContent,
+  DialogHeader,
+  DialogTitle,
+  DialogTrigger,
+} from '@/components/ui/dialog'
+import { Input } from '@/components/ui/input'
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue,
+} from '@/components/ui/select'
+import { Textarea } from '@/components/ui/textarea'
 import { useSubjectBibliografia } from '@/data/hooks/useSubjects'
-//import { toast } from 'sonner';
-//import { mockLibraryResources } from '@/data/mockMateriaData';
+import { cn } from '@/lib/utils'
+// import { toast } from 'sonner';
+// import { mockLibraryResources } from '@/data/mockMateriaData';
 
 export const mockLibraryResources = [
   {
@@ -84,19 +85,20 @@ export interface BibliografiaEntry {
 }
 
 interface BibliografiaTabProps {
-  bibliografia: BibliografiaEntry[]
-  onSave: (bibliografia: BibliografiaEntry[]) => void
+  bibliografia: Array<BibliografiaEntry>
+  onSave: (bibliografia: Array<BibliografiaEntry>) => void
   isSaving: boolean
 }
 
 export function BibliographyItem({
   bibliografia,
+  asignaturaId,
   onSave,
   isSaving,
 }: BibliografiaTabProps) {
   const { data: bibliografia2, isLoading: loadinmateria } =
-    useSubjectBibliografia('9d4dda6a-488f-428a-8a07-38081592a641')
-  const [entries, setEntries] = useState<BibliografiaEntry[]>(bibliografia)
+    useSubjectBibliografia(asignaturaId)
+  const [entries, setEntries] = useState<Array<BibliografiaEntry>>(bibliografia)
   const [isAddDialogOpen, setIsAddDialogOpen] = useState(false)
   const [isLibraryDialogOpen, setIsLibraryDialogOpen] = useState(false)
   const [deleteId, setDeleteId] = useState<string | null>(null)
@@ -128,7 +130,7 @@ export function BibliographyItem({
     }
     setEntries([...entries, newEntry])
     setIsAddDialogOpen(false)
-    //toast.success('Referencia manual añadida');
+    // toast.success('Referencia manual añadida');
   }
 
   const handleAddFromLibrary = (
@@ -145,7 +147,7 @@ export function BibliographyItem({
     }
     setEntries([...entries, newEntry])
     setIsLibraryDialogOpen(false)
-    //toast.success('Añadido desde biblioteca');
+    // toast.success('Añadido desde biblioteca');
   }
 
   const handleUpdateCita = (id: string, cita: string) => {

src/components/asignaturas/detalle/HistorialTab.tsx

@@ -1,4 +1,5 @@
-import { useState, useMemo } from 'react'
+import { format, parseISO } from 'date-fns'
+import { es } from 'date-fns/locale'
 import {
   History,
   FileText,
@@ -6,31 +7,30 @@ import {
   BookMarked,
   Sparkles,
   FileCheck,
-  User,
   Filter,
   Calendar,
   Loader2,
   Eye,
 } from 'lucide-react'
-import { Card, CardContent } from '@/components/ui/card'
-import { Button } from '@/components/ui/button'
+import { useState, useMemo } from 'react'
+
 import { Badge } from '@/components/ui/badge'
-import {
-  DropdownMenu,
-  DropdownMenuContent,
-  DropdownMenuCheckboxItem,
-  DropdownMenuTrigger,
-} from '@/components/ui/dropdown-menu'
-import { cn } from '@/lib/utils'
-import { format, parseISO } from 'date-fns'
-import { es } from 'date-fns/locale'
-import { useSubjectHistorial } from '@/data/hooks/useSubjects'
+import { Button } from '@/components/ui/button'
+import { Card, CardContent } from '@/components/ui/card'
 import {
   Dialog,
   DialogContent,
   DialogHeader,
   DialogTitle,
 } from '@/components/ui/dialog'
+import {
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuCheckboxItem,
+  DropdownMenuTrigger,
+} from '@/components/ui/dropdown-menu'
+import { useSubjectHistorial } from '@/data/hooks/useSubjects'
+import { cn } from '@/lib/utils'
 
 const tipoConfig: Record<string, { label: string; icon: any; color: string }> =
   {
@@ -53,11 +53,9 @@ const tipoConfig: Record<string, { label: string; icon: any; color: string }> =
     },
   }
 
-export function HistorialTab() {
+export function HistorialTab({ asignaturaId }) {
   // 1. Obtenemos los datos directamente dentro del componente
-  const { data: rawData, isLoading } = useSubjectHistorial(
-    '9d4dda6a-488f-428a-8a07-38081592a641',
-  )
+  const { data: rawData, isLoading } = useSubjectHistorial(asignaturaId)
 
   const [filtros, setFiltros] = useState<Set<string>>(
     new Set(['datos', 'contenido', 'bibliografia', 'ia', 'documento']),
@@ -164,7 +162,7 @@ export function HistorialTab() {
       groups[dateKey].push(cambio)
       return groups
     },
-    {} as Record<string, any[]>,
+    {} as Record<string, Array<any>>,
   )
 
   const sortedDates = Object.keys(groupedHistorial).sort((a, b) =>

src/components/asignaturas/detalle/MateriaDetailPage.tsx

@@ -1,4 +1,9 @@
-import { Link, useRouterState } from '@tanstack/react-router'
+import {
+  createFileRoute,
+  Link,
+  useParams,
+  useRouterState,
+} from '@tanstack/react-router'
 import { ArrowLeft, GraduationCap, Pencil, Sparkles } from 'lucide-react'
 import { useCallback, useState, useEffect } from 'react'
 
@@ -79,12 +84,21 @@ function EditableHeaderField({
     </span>
   )
 }
+
+export const Route = createFileRoute(
+  '/planes/$planId/asignaturas/$asignaturaId',
+)({
+  component: MateriaDetailPage,
+})
+
 export default function MateriaDetailPage() {
   const routerState = useRouterState()
   const state = routerState.location.state as any
-  const { data: asignaturasApi, isLoading: loadingAsig } = useSubject(
-    state?.realId,
-  )
+  const { asignaturaId } = useParams({
+    from: '/planes/$planId/asignaturas/$asignaturaId',
+  })
+  const { data: asignaturasApi, isLoading: loadingAsig } =
+    useSubject(asignaturaId)
   // 1. Asegúrate de tener estos estados en tu componente principal
   const [messages, setMessages] = useState<Array<IAMessage>>([])
   const [datosGenerales, setDatosGenerales] = useState({})
@@ -179,7 +193,7 @@ export default function MateriaDetailPage() {
       <section className="bg-gradient-to-b from-[#0b1d3a] to-[#0e2a5c] text-white">
         <div className="mx-auto max-w-7xl px-6 py-10">
           <Link
-            to="/planes"
+            to="/planes/$planId"
             className="mb-4 flex items-center gap-2 text-sm text-blue-200 hover:text-white"
           >
             <ArrowLeft className="h-4 w-4" /> Volver al plan
@@ -280,6 +294,7 @@ export default function MateriaDetailPage() {
             <TabsContent value="bibliografia">
               <BibliographyItem
                 bibliografia={bibliografia}
+                id={asignaturaId}
                 onSave={handleSaveBibliografia}
                 isSaving={isSaving}
               />
@@ -313,7 +328,7 @@ export default function MateriaDetailPage() {
             </TabsContent>
 
             <TabsContent value="historial">
-              <HistorialTab />
+              <HistorialTab asignaturaId={asignaturaId} />
             </TabsContent>
           </Tabs>
         </div>

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

@@ -233,6 +233,7 @@ function MateriasPage() {
                       },
                       state: {
                         realId: materia.id, // 👈 ID largo oculto
+                        asignaturaId: materia.id,
                       } as any,
                     })
                   }