From 0c57bdfc38cdcc74f8c04bd5380d1dd9eab2b856 Mon Sep 17 00:00:00 2001
From: "Roberto.silva" <Roberto.silva@lasalle.mx>
Date: Thu, 12 Feb 2026 14:14:02 -0600
Subject: [PATCH] =?UTF-8?q?Que=20haga=20la=20cuenta=20de=20cu=C3=A1ntas=20?=
 =?UTF-8?q?referencias=20llevas=20fix=20#99?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/routes/planes/$planId/_detalle/iaplan.tsx | 25 ++++++++++++++++++-
 1 file changed, 24 insertions(+), 1 deletion(-)

diff --git a/src/routes/planes/$planId/_detalle/iaplan.tsx b/src/routes/planes/$planId/_detalle/iaplan.tsx
index 90da05b..d023151 100644
--- a/src/routes/planes/$planId/_detalle/iaplan.tsx
+++ b/src/routes/planes/$planId/_detalle/iaplan.tsx
@@ -78,6 +78,13 @@ function RouteComponent() {
   >([])
   const [uploadedFiles, setUploadedFiles] = useState<Array<UploadedFile>>([])
 
+  useEffect(() => {
+    console.log('analizando referencias')
+
+    console.log(selectedArchivoIds)
+    console.log(selectedRepositorioIds)
+    console.log(uploadedFiles)
+  }, [selectedArchivoIds, selectedRepositorioIds, uploadedFiles])
   // ESTADOS PRINCIPALES
   const [messages, setMessages] = useState<Array<any>>([
     {
@@ -274,6 +281,16 @@ function RouteComponent() {
       setIsLoading(false)
     }, 1200)
   }
+
+  // ... debajo de tus otros hooks
+  const totalReferencias = useMemo(() => {
+    return (
+      selectedArchivoIds.length +
+      selectedRepositorioIds.length +
+      uploadedFiles.length
+    )
+  }, [selectedArchivoIds, selectedRepositorioIds, uploadedFiles])
+
   return (
     <div className="flex h-[calc(100vh-160px)] max-h-[calc(100vh-160px)] w-full gap-6 overflow-hidden p-4">
       {/* --- PANEL IZQUIERDO: HISTORIAL --- */}
@@ -376,9 +393,15 @@ function RouteComponent() {
             </span>
             <button
               onClick={() => setOpenIA(true)}
-              className="rounded-md bg-slate-100 px-2 py-1 text-xs transition hover:bg-slate-200"
+              className="flex items-center gap-2 rounded-md bg-slate-100 px-3 py-1.5 text-xs font-medium transition hover:bg-slate-200"
             >
+              <Archive size={14} className="text-slate-500" />
               Referencias
+              {totalReferencias > 0 && (
+                <span className="flex h-4 min-w-[16px] items-center justify-center rounded-full bg-teal-600 px-1 text-[10px] text-white">
+                  {totalReferencias}
+                </span>
+              )}
             </button>
           </div>
         </div>