Se agregan filros por carrera y facultad

src/routes/_authenticated/asignaturas.tsx

@@ -169,6 +169,36 @@ function RouteComponent() {
   const [groupBy, setGroupBy] = useState<'semestre' | 'ninguno'>('semestre')
   const [flag, setFlag] = useState<'' | 'sinBibliografia' | 'sinCriterios' | 'sinContenidos'>(search.f ?? '')
 
+const [facultad, setFacultad] = useState("todas")
+const [carrera, setCarrera] = useState("todas")
+
+
+// 🟣 Lista única de facultades
+const facultadesList = useMemo(() => {
+  const unique = new Map<string, string>()
+  planes?.forEach((p) => {
+    const fac = p.carrera?.facultad
+    if (fac?.id && fac?.nombre) unique.set(fac.id, fac.nombre)
+  })
+  return Array.from(unique.entries())
+}, [planes])
+
+// 🎓 Lista de carreras según la facultad seleccionada
+const carrerasList = useMemo(() => {
+  const unique = new Map<string, string>()
+  planes?.forEach((p) => {
+    if (
+      p.carrera?.id &&
+      p.carrera?.nombre &&
+      (!facultad || facultad === "todas" || p.carrera?.facultad?.id === facultad)
+    ) {
+      unique.set(p.carrera.id, p.carrera.nombre)
+    }
+  })
+  return Array.from(unique.entries())
+}, [planes, facultad])
+
+
   // NEW: Clonado individual
   const [cloneOpen, setCloneOpen] = useState(false)
   const [cloneTarget, setCloneTarget] = useState<Asignatura | null>(null)
@@ -217,28 +247,30 @@ function RouteComponent() {
     return { sinBibliografia, sinCriterios, sinContenidos }
   }, [asignaturas])
 
-  // Filtrado
   const filtered = useMemo(() => {
-    const t = q.trim().toLowerCase()
-    return asignaturas.filter(a => {
-      const matchesQ =
-        !t ||
-        [a.nombre, a.clave, a.tipo, a.objetivos, a.plan?.nombre, a.plan?.carrera?.nombre, a.plan?.carrera?.facultad?.nombre]
-          .filter(Boolean)
-          .some(v => String(v).toLowerCase().includes(t))
+  const t = q.trim().toLowerCase()
+  return asignaturas.filter(a => {
+    const matchesQ =
+      !t ||
+      [a.nombre, a.clave, a.tipo, a.objetivos, a.plan?.nombre, a.plan?.carrera?.nombre, a.plan?.carrera?.facultad?.nombre]
+        .filter(Boolean)
+        .some(v => String(v).toLowerCase().includes(t))
 
-      const semOK = sem === 'todos' || String(a.semestre ?? '—') === sem
-      const tipoOK = tipo === 'todos' || (a.tipo ?? '—') === tipo
+    const semOK = sem === 'todos' || String(a.semestre ?? '—') === sem
+    const tipoOK = tipo === 'todos' || (a.tipo ?? '—') === tipo
+    const carreraOK = carrera === 'todas' || a.plan?.carrera?.id === carrera
+    const facultadOK = facultad === 'todas' || a.plan?.carrera?.facultad?.id === facultad
 
-      const flagOK =
-        !flag ||
-        (flag === 'sinBibliografia' && (!a.bibliografia || a.bibliografia.length === 0)) ||
-        (flag === 'sinCriterios' && (!a.criterios_evaluacion || !a.criterios_evaluacion.trim())) ||
-        (flag === 'sinContenidos' && (!a.contenidos || Object.keys(a.contenidos ?? {}).length === 0))
+    const flagOK =
+      !flag ||
+      (flag === 'sinBibliografia' && (!a.bibliografia || a.bibliografia.length === 0)) ||
+      (flag === 'sinCriterios' && (!a.criterios_evaluacion || !a.criterios_evaluacion.trim())) ||
+      (flag === 'sinContenidos' && (!a.contenidos || Object.keys(a.contenidos ?? {}).length === 0))
+
+    return matchesQ && semOK && tipoOK && flagOK && carreraOK && facultadOK
+  })
+}, [q, sem, tipo, flag, carrera, facultad, asignaturas])
 
-      return matchesQ && semOK && tipoOK && flagOK
-    })
-  }, [q, sem, tipo, flag, asignaturas])
 
   // Agrupación
   const groups = useMemo(() => {
@@ -257,7 +289,7 @@ function RouteComponent() {
   }, [filtered, groupBy])
 
   // Helpers
-  const clearFilters = () => { setQ(''); setSem('todos'); setTipo('todos'); setFlag('') }
+  const clearFilters = () => { setQ(''); setSem('todos'); setTipo('todos'); setCarrera('todas'); setFlag('') }
 
   // NEW: util para clonar 1 asignatura
   async function cloneOne(src: Asignatura, overrides: {
@@ -394,7 +426,7 @@ function RouteComponent() {
           </div>
 
           {/* Filtros */}
-          <div className="grid gap-4 sm:grid-cols-4">
+          <div className="grid gap-4 sm:grid-cols-5">
             <div>
               <Label>Búsqueda</Label>
               <Input
@@ -416,29 +448,53 @@ function RouteComponent() {
             </div>
 
             <div>
-              <Label>Tipo</Label>
-              <Select value={tipo} onValueChange={setTipo}>
-                <SelectTrigger><SelectValue placeholder="Todos" /></SelectTrigger>
-                <SelectContent className="max-h-64">
-                  <SelectItem value="todos">Todos</SelectItem>
-                  {tipos.map(t => <SelectItem key={t} value={t}>{t}</SelectItem>)}
+              <Label>Facultad</Label>
+              <Select
+                value={facultad ?? "todas"}
+                onValueChange={(val) => {
+                  setFacultad(val)
+                  setCarrera("todas") // reset de carrera al cambiar facultad
+                }}
+              >
+                <SelectTrigger className="w-[200px]">
+                  <SelectValue placeholder="Filtrar por facultad" />
+                </SelectTrigger>
+                <SelectContent>
+                  <SelectItem value="todas">Todas las facultades</SelectItem>
+                  {facultadesList.map(([id, nombre]) => (
+                    <SelectItem key={id} value={id}>
+                      {nombre}
+                    </SelectItem>
+                  ))}
                 </SelectContent>
               </Select>
             </div>
 
+            {facultad && facultad !== "todas" && (
             <div>
-              <Label>Agrupación</Label>
-              <Select value={groupBy} onValueChange={(v) => setGroupBy(v as any)}>
-                <SelectTrigger><SelectValue /></SelectTrigger>
+              <Label>Carrera</Label>
+              <Select
+                value={carrera ?? "todas"}
+                onValueChange={(val) => setCarrera(val)}
+              >
+                <SelectTrigger className="w-[200px]">
+                  <SelectValue placeholder="Filtrar por carrera" />
+                </SelectTrigger>
                 <SelectContent>
-                  <SelectItem value="semestre">Por semestre</SelectItem>
-                  <SelectItem value="ninguno">Sin agrupación</SelectItem>
+                  <SelectItem value="todas">Todas las carreras</SelectItem>
+                  {carrerasList.map(([id, nombre]) => (
+                    <SelectItem key={id} value={id}>
+                      {nombre}
+                    </SelectItem>
+                  ))}
                 </SelectContent>
               </Select>
             </div>
+          )}          
           </div>
 
 
+
           {/* Chips de salud */}
           <div className="flex flex-wrap items-center gap-2">
             <HealthChip