From 602c5dbb31e32d5d6f692a6222c96ddffc99c9b8 Mon Sep 17 00:00:00 2001
From: Alejandro Rosales <alejandro.rosales@lasalle.mx>
Date: Mon, 25 Aug 2025 15:07:09 -0600
Subject: [PATCH] feat: update API endpoints to use production URL and enhance
 UI components in authenticated routes

---
 src/lib/api.ts                                |  2 +-
 src/routes/_authenticated.tsx                 | 24 +++++++---------
 src/routes/_authenticated/archivos.tsx        |  2 +-
 .../asignatura/$asignaturaId.tsx              |  2 +-
 src/routes/_authenticated/plan/$planId.tsx    | 28 +++++++++----------
 5 files changed, 27 insertions(+), 31 deletions(-)

diff --git a/src/lib/api.ts b/src/lib/api.ts
index 2983361..ed76dce 100644
--- a/src/lib/api.ts
+++ b/src/lib/api.ts
@@ -1,7 +1,7 @@
 // api.ts
 const API_BASE =
   (import.meta.env.VITE_API_BASE?.replace(/\/$/, "")) ||
-  "http://localhost:3001"; // 👈 tu Bun.serve real
+  "https://genesis-engine.apps.lci.ulsa.mx"; // 👈 tu Bun.serve real
 
 export async function postAPI<T=any>(path: string, body: any): Promise<T> {
   const url = `${API_BASE}${path}`;
diff --git a/src/routes/_authenticated.tsx b/src/routes/_authenticated.tsx
index 5bdf818..70b436f 100644
--- a/src/routes/_authenticated.tsx
+++ b/src/routes/_authenticated.tsx
@@ -13,7 +13,7 @@ import {
   DropdownMenuSeparator,
   DropdownMenuTrigger,
 } from "@/components/ui/dropdown-menu"
-import { Sheet, SheetContent, SheetTrigger } from "@/components/ui/sheet"
+import { Sheet, SheetContent, SheetDescription, SheetHeader, SheetTitle, SheetTrigger } from "@/components/ui/sheet"
 import { ModeToggle } from "@/components/mode-toggle"
 import {
   Menu,
@@ -94,17 +94,17 @@ function Layout() {
               </Button>
             </SheetTrigger>
             <SheetContent side="left" className="p-0">
-              <Sidebar onNavigate={() => { }} />
+              <SheetHeader>
+                <SheetTitle>Menú de Navegación</SheetTitle>
+              </SheetHeader>              <Sidebar onNavigate={() => { }} />
             </SheetContent>
           </Sheet>
 
           {/* Brand */}
           <Link to={user.isAdmin ? "/dashboard" : "/planes"} className="hidden items-center gap-2 md:flex">
-            <span className="inline-flex h-8 w-8 items-center justify-center rounded-xl bg-primary/10 text-primary font-bold">U</span>
-            <div className="flex flex-col leading-tight">
-              <span className="font-semibold tracking-tight">La Salle · Ingeniería</span>
-              <span className="text-[10px] text-muted-foreground font-mono uppercase tracking-wider">Génesis</span>
-            </div>
+            <span className="inline-flex h-8 w-25 items-center justify-center rounded-xl bg-primary/10 text-primary font-bold">
+              <img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcS8C2SvZe281wTNc9werkudO9aJiX3dOZm9T3s5DAfS0OUOvDbgc_WC61U_esY8GE8bZoI&usqp=CAU" alt="" />
+            </span>
           </Link>
 
           {/* Search */}
@@ -154,13 +154,7 @@ function Sidebar({ onNavigate }: { onNavigate?: () => void }) {
 
   return (
     <div className="h-full">
-      <div className="flex items-center gap-2 p-4 md:hidden">
-        <span className="inline-flex h-8 w-8 items-center justify-center rounded-xl bg-primary/10 text-primary font-bold">U</span>
-        <div className="leading-tight">
-          <span className="font-semibold">La Salle · Ingeniería</span>
-          <div className="text-[10px] text-muted-foreground font-mono uppercase tracking-wider">Génesis</div>
-        </div>
-      </div>
+
       <Separator />
       <ScrollArea className="h-[calc(100%-4rem)] p-2">
         <nav className="grid gap-1 p-2">
@@ -181,6 +175,7 @@ function Sidebar({ onNavigate }: { onNavigate?: () => void }) {
           {canSeeCarreras && (
             <Link
               to="/carreras"
+              key='/carreras'
               activeOptions={{ exact: true }}
               activeProps={{ className: "bg-primary/10 text-foreground" }}
               className="group inline-flex items-center gap-3 rounded-xl px-3 py-2 text-sm text-muted-foreground hover:bg-primary/10 hover:text-foreground"
@@ -193,6 +188,7 @@ function Sidebar({ onNavigate }: { onNavigate?: () => void }) {
           {isAdmin && (
             <Link
               to="/facultades"
+              key='facultades'
               activeOptions={{ exact: true }}
               activeProps={{ className: "bg-primary/10 text-foreground" }}
               className="group inline-flex items-center gap-3 rounded-xl px-3 py-2 text-sm text-muted-foreground hover:bg-primary/10 hover:text-foreground"
diff --git a/src/routes/_authenticated/archivos.tsx b/src/routes/_authenticated/archivos.tsx
index a23c25f..1dcf901 100644
--- a/src/routes/_authenticated/archivos.tsx
+++ b/src/routes/_authenticated/archivos.tsx
@@ -284,7 +284,7 @@ function UploadDialog({
     try {
       const fileBase64 = await toBase64(file)
       // Enviamos al motor (inserta en la tabla si insert=true)
-      const res = await fetch("http://localhost:3001/api/upload/documento", {
+      const res = await fetch("https://genesis-engine.apps.lci.ulsa.mx/api/upload/documento", {
         method: "POST",
         headers: { "Content-Type": "application/json" },
         body: JSON.stringify({
diff --git a/src/routes/_authenticated/asignatura/$asignaturaId.tsx b/src/routes/_authenticated/asignatura/$asignaturaId.tsx
index 7949b3e..25b62d0 100644
--- a/src/routes/_authenticated/asignatura/$asignaturaId.tsx
+++ b/src/routes/_authenticated/asignatura/$asignaturaId.tsx
@@ -497,7 +497,7 @@ function MejorarAIButton({ asignaturaId, onApply }: {
   async function apply() {
     setLoading(true)
     try {
-      const res = await fetch("http://localhost:3001/api/mejorar/asignatura", {
+      const res = await fetch("https://genesis-engine.apps.lci.ulsa.mx/api/mejorar/asignatura", {
         method: "POST",
         headers: { "Content-Type": "application/json" },
         body: JSON.stringify({ asignatura_id: asignaturaId, prompt, insert }),
diff --git a/src/routes/_authenticated/plan/$planId.tsx b/src/routes/_authenticated/plan/$planId.tsx
index 1e964d7..5bb9420 100644
--- a/src/routes/_authenticated/plan/$planId.tsx
+++ b/src/routes/_authenticated/plan/$planId.tsx
@@ -479,10 +479,10 @@ function AddAsignaturaButton({
   const [iaSemestre, setIaSemestre] = useState("")
 
   const toNull = (s: string) => s.trim() ? s : null
-  const toNum  = (s: string) => s.trim() ? Number(s) || null : null
+  const toNum = (s: string) => s.trim() ? Number(s) || null : null
 
   const canManual = f.nombre.trim().length > 0
-  const canIA     = iaPrompt.trim().length > 0
+  const canIA = iaPrompt.trim().length > 0
   const canSubmit = mode === "manual" ? canManual : canIA
 
   async function createManual() {
@@ -510,7 +510,7 @@ function AddAsignaturaButton({
     if (!canIA) return
     setSaving(true)
     try {
-      const res = await fetch("http://localhost:3001/api/generar/asignatura", {
+      const res = await fetch("https://genesis-engine.apps.lci.ulsa.mx/api/generar/asignatura", {
         method: "POST",
         headers: { "Content-Type": "application/json" },
         body: JSON.stringify({
@@ -522,7 +522,7 @@ function AddAsignaturaButton({
       })
       if (!res.ok) throw new Error(await res.text())
       setOpen(false); onAdded?.()
-    } catch (e:any) {
+    } catch (e: any) {
       alert(e?.message ?? "Error al generar la asignatura")
     } finally {
       setSaving(false)
@@ -568,29 +568,29 @@ function AddAsignaturaButton({
             <TabsContent value="manual" className="mt-4">
               <div className="grid gap-3 sm:grid-cols-2">
                 <Field label="Nombre">
-                  <Input value={f.nombre} onChange={e=>setF(s=>({...s, nombre:e.target.value}))} />
+                  <Input value={f.nombre} onChange={e => setF(s => ({ ...s, nombre: e.target.value }))} />
                 </Field>
                 <Field label="Clave">
-                  <Input value={f.clave} onChange={e=>setF(s=>({...s, clave:e.target.value}))} />
+                  <Input value={f.clave} onChange={e => setF(s => ({ ...s, clave: e.target.value }))} />
                 </Field>
                 <Field label="Tipo">
-                  <Input value={f.tipo} onChange={e=>setF(s=>({...s, tipo:e.target.value}))} placeholder="Obligatoria / Optativa / Taller…" />
+                  <Input value={f.tipo} onChange={e => setF(s => ({ ...s, tipo: e.target.value }))} placeholder="Obligatoria / Optativa / Taller…" />
                 </Field>
                 <Field label="Semestre">
-                  <Input value={f.semestre} onChange={e=>setF(s=>({...s, semestre:e.target.value}))} placeholder="1–10" />
+                  <Input value={f.semestre} onChange={e => setF(s => ({ ...s, semestre: e.target.value }))} placeholder="1–10" />
                 </Field>
                 <Field label="Créditos">
-                  <Input value={f.creditos} onChange={e=>setF(s=>({...s, creditos:e.target.value}))} />
+                  <Input value={f.creditos} onChange={e => setF(s => ({ ...s, creditos: e.target.value }))} />
                 </Field>
                 <Field label="Horas teóricas">
-                  <Input value={f.horas_teoricas} onChange={e=>setF(s=>({...s, horas_teoricas:e.target.value}))} />
+                  <Input value={f.horas_teoricas} onChange={e => setF(s => ({ ...s, horas_teoricas: e.target.value }))} />
                 </Field>
                 <Field label="Horas prácticas">
-                  <Input value={f.horas_practicas} onChange={e=>setF(s=>({...s, horas_practicas:e.target.value}))} />
+                  <Input value={f.horas_practicas} onChange={e => setF(s => ({ ...s, horas_practicas: e.target.value }))} />
                 </Field>
                 <div className="sm:col-span-2">
                   <Field label="Objetivo (opcional)">
-                    <Textarea value={f.objetivos} onChange={e=>setF(s=>({...s, objetivos:e.target.value}))} className="min-h-[90px]" />
+                    <Textarea value={f.objetivos} onChange={e => setF(s => ({ ...s, objetivos: e.target.value }))} className="min-h-[90px]" />
                   </Field>
                 </div>
               </div>
@@ -603,14 +603,14 @@ function AddAsignaturaButton({
                   <Field label="Indica el enfoque / requisitos">
                     <Textarea
                       value={iaPrompt}
-                      onChange={e=>setIaPrompt(e.target.value)}
+                      onChange={e => setIaPrompt(e.target.value)}
                       className="min-h-[120px]"
                       placeholder="Ej.: Diseña una materia de Programación Web con proyectos, evaluación por rúbricas y bibliografía actual…"
                     />
                   </Field>
                 </div>
                 <Field label="Periodo (opcional)">
-                  <Input value={iaSemestre} onChange={e=>setIaSemestre(e.target.value)} placeholder="1–10" />
+                  <Input value={iaSemestre} onChange={e => setIaSemestre(e.target.value)} placeholder="1–10" />
                 </Field>
               </div>
             </TabsContent>