Se añadió el botón de eliminar asignatura, y se borra adecuadamente

src/routes/_authenticated/asignatura/$asignaturaId.tsx

@@ -1,4 +1,5 @@
 // routes/_authenticated/asignatura/$asignaturaId.tsx
+import { useQueryClient } from "@tanstack/react-query";
 import { createFileRoute, Link, useRouter } from "@tanstack/react-router"
 import * as Icons from "lucide-react"
 import { useCallback, useEffect, useMemo, useRef, useState } from "react"
@@ -165,6 +166,7 @@ function Page() {
             </Button>
             <EditAsignaturaButton asignatura={a} onUpdate={setA} />
             <MejorarAIButton asignaturaId={a.id} onApply={(nuevo) => setA(nuevo)} />
+            <BorrarAsignaturaButton asignatura_id={a.id} />
           </div>
         </div>
 
@@ -191,7 +193,7 @@ function Page() {
           )}
 
           {/* Syllabus */}
-          {unidades.length > 0 && (
+          
             <Section id="syllabus" title="Programa / Contenidos" icon={Icons.ListTree}>
               <div className="flex items-center gap-2 mb-2">
                 <div className="relative flex-1">
@@ -285,7 +287,7 @@ function Page() {
                 )
               })()}
             </Section>
-          )}
+          
 
 
           {/* Bibliografía */}
@@ -578,6 +580,51 @@ function MejorarAIButton({ asignaturaId, onApply }: {
   )
 }
 
+function BorrarAsignaturaButton({ asignatura_id, onDeleted }: { asignatura_id: string; onDeleted?: () => void }) {
+  const [confirm, setConfirm] = useState(false)
+  const [loading, setLoading] = useState(false)
+  const router = useRouter()
+  const queryClient = useQueryClient()
+
+  async function handleDelete() {
+    setLoading(true)
+    try {
+      const { error, status, statusText } = await supabase.from("asignaturas").delete().eq("id", asignatura_id)
+      console.log({ status, statusText });
+      
+
+      if (error) throw error
+      setConfirm(false)
+      queryClient.invalidateQueries({ queryKey: ["asignaturas"] })
+      if (onDeleted) onDeleted()
+      router.navigate({ to: "/asignaturas", search: {
+        q: "", // Término de búsqueda vacío
+        planId: "", // ID del plan (vacío si no aplica)
+        carreraId: "", // ID de la carrera (vacío si no aplica)
+        facultadId: "", // ID de la facultad (vacío si no aplica)
+        f: "", // Filtro vacío
+      }})
+    } catch (e: any) {
+      alert(e?.message || "Error al eliminar la asignatura")
+    } finally {
+      setLoading(false)
+    }
+  }
+
+  return confirm ? (
+    <div className="flex gap-2">
+      <Button variant="destructive" onClick={handleDelete} disabled={loading}>
+        {loading ? "Eliminando…" : "Confirmar eliminación"}
+      </Button>
+      <Button variant="outline" onClick={() => setConfirm(false)} disabled={loading}>Cancelar</Button>
+    </div>
+  ) : (
+    <Button variant="outline" onClick={() => setConfirm(true)}>
+      Eliminar asignatura
+    </Button>
+  )
+}
+
 function Field({ label, children }: { label: string; children: React.ReactNode }) {
   return (
     <div className="space-y-1">
@@ -632,9 +679,9 @@ export function EditContenidosButton({
           }
           return { title, temas }
         })
-      return entries.length ? entries : [{ title: "Unidad 1", temas: [] }]
+      return entries.length ? entries : [{ title: "", temas: [] }]
     } catch {
-      return [{ title: "Unidad 1", temas: [] }]
+      return [{ title: "", temas: [] }]
     }
   }, [])
 
@@ -650,7 +697,7 @@ export function EditContenidosButton({
         .forEach((t, i) => {
           sub[String(i + 1)] = t
         })
-      out[k] = { titulo: (u.title || "").trim() || `Unidad ${k}`, subtemas: sub }
+      out[k] = { titulo: (u.title || "").trim(), subtemas: sub }
     })
     return out
   }, [])
@@ -669,7 +716,7 @@ export function EditContenidosButton({
           return true
         })
       return {
-        title: (u.title || "").trim() || `Unidad ${idx + 1}`,
+        title: (u.title || "").trim(),
         temas,
       }
     })
@@ -839,7 +886,7 @@ export function EditContenidosButton({
                 <Button
                   variant="secondary"
                   onClick={() =>
-                    setUnits((prev) => [...prev, { title: `Unidad ${prev.length + 1}`, temas: [] }])
+                    setUnits((prev) => [...prev, { title: "", temas: [] }])
                   }
                 >
                   <Icons.Plus className="w-4 h-4 mr-2" /> Agregar unidad
@@ -850,7 +897,7 @@ export function EditContenidosButton({
 
           <DialogFooter className="px-6 pb-5">
             <Button variant="outline" onClick={cancel}>Cancelar</Button>
-            <Button onClick={save} disabled={saving}>
+            <Button onClick={save} disabled={saving || !hasChanges || units.some(u => !u.title.trim())}>
               {saving ? (
                 <span className="inline-flex items-center gap-2">
                   <Icons.Loader2 className="h-4 w-4 animate-spin" /> Guardando…