Se quitó botón de editar prompt, se arregló el bug de no encontrar el plan de estudios por el uuid al estar idle la página, y se arregló el bug de visualización de archivos en el modal de crear plan de estudios

Academic-sections: ya se renderea condicionalmente el botón de editar prompt.

AddAsignaturaButton: se quitaron llamadas redundantes de invalidateQueries.

CreatePlanDialog: ya no se selecciona la columna de s3_file_path porque ya no existe.

$planId: el bug de no encontrar el plan de estudios por el uuid al estar idle la página probablemente era causado por llamar de manera redundante a planByIdOptions(), asignaturasCountOptions() y asignaturasPreviewOptions() en el componente. Ahora desde el loader se obtiene toda la información del plan de estudios y sus asignaturas.

src/components/planes/AddAsignaturaButton.tsx

@@ -50,8 +50,6 @@ export function AddAsignaturaButton({ planId, onAdded }: { planId: string; onAdd
     if (error) { alert(error.message); return }
     setOpen(false)
     onAdded?.()
-    qc.invalidateQueries({ queryKey: asignaturaKeys.preview(planId) })
-    qc.invalidateQueries({ queryKey: asignaturaKeys.count(planId) })
   }
 
   async function createWithAI() {
@@ -69,8 +67,8 @@ export function AddAsignaturaButton({ planId, onAdded }: { planId: string; onAdd
       confetti({ particleCount: 120, spread: 80, origin: { y: 0.6 } })
       setOpen(false)
       onAdded?.()
-      qc.invalidateQueries({ queryKey: asignaturaKeys.preview(planId) })
+      // qc.invalidateQueries({ queryKey: asignaturaKeys.preview(planId) })
-      qc.invalidateQueries({ queryKey: asignaturaKeys.count(planId) })
+      // qc.invalidateQueries({ queryKey: asignaturaKeys.count(planId) })
     } catch (e: any) {
       alert(e?.message ?? "Error al generar la asignatura")
     } finally { setSaving(false) }

src/components/planes/CreatePlanDialog.tsx

@@ -90,7 +90,7 @@ export function CreatePlanDialog({ open, onOpenChange }: { open: boolean; onOpen
       try {
         const { data, error } = await supabase
           .from("documentos")
-          .select("documentos_id, titulo_archivo, s3_file_path, fecha_subida, tags")
+          .select("documentos_id, titulo_archivo, fecha_subida, tags")
           .ilike("titulo_archivo", `%${debouncedSearchTerm}%`)
           .range((currentPage - 1) * itemsPerPage, currentPage * itemsPerPage - 1);
 

src/components/planes/academic-sections.tsx

@@ -109,6 +109,7 @@ function SectionPanel({ title, icon: Icon, color, children, id }: { title: strin
 ===================================================== */
 export function AcademicSections({ planId, color }: { planId: string; color?: string | null }) {
   const qc = useQueryClient()
+  if(!planId) return <div>Cargando…</div>
   const { data: plan } = useSuspenseQuery(planTextOptions(planId))
 
   const [editing, setEditing] = useState<null | { key: keyof PlanTextFields; title: string }>(null)
@@ -175,7 +176,8 @@ export function AcademicSections({ planId, color }: { planId: string; color?: st
                 >
                   Copiar
                 </Button>
-                <Button
+                {s.key !== "prompt" && 
+                  (<Button
                     variant="ghost"
                     size="sm"
                     onClick={() => {
@@ -185,7 +187,7 @@ export function AcademicSections({ planId, color }: { planId: string; color?: st
                     }}
                   >
                     Editar
-                </Button>
+                  </Button>)}
               </div>
             </SectionPanel>
           )

src/routes/_authenticated/plan/$planId.tsx

@@ -21,7 +21,7 @@ import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs"
 import { DeletePlanButton } from "@/components/planes/DeletePlan"
 import { AddAsignaturaButton } from "@/components/planes/AddAsignaturaButton"
 
-type LoaderData = { planId: string }
+type LoaderData = { plan: PlanFull; asignaturas: AsignaturaLite[] }
 
 export const Route = createFileRoute("/_authenticated/plan/$planId")({
   component: RouteComponent,
@@ -34,24 +34,24 @@ export const Route = createFileRoute("/_authenticated/plan/$planId")({
 
   loader: async ({ params, context: { queryClient } }): Promise<LoaderData> => {
     const { planId } = params
-    await Promise.all([
+    if (!planId) throw new Error("planId is required")
+      console.log("Cargando planId", planId)
+    const [plan, asignaturas] = await Promise.all([
       queryClient.ensureQueryData(planByIdOptions(planId)),
-      queryClient.ensureQueryData(asignaturasCountOptions(planId)),
+      // queryClient.ensureQueryData(asignaturasCountOptions(planId)),
       queryClient.ensureQueryData(asignaturasPreviewOptions(planId)),
     ])
-    return { planId }
+    
+    return { plan, asignaturas }
   },
 })
 
 // ...existing code...
 function RouteComponent() {
   const qc = useQueryClient()
-  const { planId } = Route.useLoaderData() as LoaderData
+  const { plan, asignaturas: asignaturasPreview } = Route.useLoaderData() as LoaderData
   const auth = useSupabaseAuth()
-
+  const asignaturasCount = asignaturasPreview.length
-  const { data: plan } = useSuspenseQuery(planByIdOptions(planId))
-  const { data: asignaturasCount } = useSuspenseQuery(asignaturasCountOptions(planId))
-  const { data: asignaturasPreview } = useSuspenseQuery(asignaturasPreviewOptions(planId))
 
   const showFacultad = auth.claims?.role === 'lci' || auth.claims?.role === 'vicerrectoria'
   const showCarrera = auth.claims?.role === 'secretario_academico'