From 16fc15e9428f06ca696d1d2b316ad377ffc7d557 Mon Sep 17 00:00:00 2001
From: Marcos Fargas <mfargas@example.com>
Date: Sat, 17 Oct 2026 21:18:39 +0200
Subject: [PATCH] feat(shell): anidar panel de conexiones dentro de portafolio
 agencia en el menu vertical

---
 src/components/DashboardShell.tsx | 50 ++++++++++++++++---------------
 1 file changed, 26 insertions(+), 24 deletions(-)

diff --git a/src/components/DashboardShell.tsx b/src/components/DashboardShell.tsx
index 40747e5..ecea25b 100644
--- a/src/components/DashboardShell.tsx
+++ b/src/components/DashboardShell.tsx
@@ -212,6 +212,13 @@ export default function DashboardShell({
 
   const visibleNav = NAV_ITEMS.filter((item) => moduleOn(item.moduleId));
 
+  const subLinkCls = (href: string) =>
+    `ml-7 flex items-center gap-2.5 rounded-md px-3 py-1.5 text-[13px] font-medium transition-colors ${
+      isActive(pathname, href)
+        ? 'bg-white/[0.07] text-white'
+        : 'text-mist-400 hover:bg-white/[0.05] hover:text-white'
+    }`;
+
   const sidebar = (
     <div className="flex h-full flex-col">
       <div className="mb-4 flex shrink-0 items-center gap-2 border-b border-white/10 px-1 pb-3 pt-1">
@@ -237,12 +244,6 @@ export default function DashboardShell({
         {visibleNav.map((item) => {
           // Sub-enlaces de Social: siempre que Social esté en el menú.
           const underSocial = item.moduleId === 'social';
-          const subLinkCls = (href: string) =>
-            `ml-7 flex items-center gap-2.5 rounded-md px-3 py-1.5 text-[13px] font-medium transition-colors ${
-              isActive(pathname, href)
-                ? 'bg-white/[0.07] text-white'
-                : 'text-mist-400 hover:bg-white/[0.05] hover:text-white'
-            }`;
           return (
             <div key={item.href} className="space-y-0.5">
               <NavLink item={item} onNavigate={close} />
@@ -280,24 +281,25 @@ export default function DashboardShell({
               Agencia
             </span>
             <div className="mt-1 space-y-0.5">
-              <NavLink
-                item={{
-                  href: '/dashboard/agencia',
-                  label: 'Portafolio Agencia',
-                  icon: Layers,
-                  iconClass: 'text-amber-500',
-                }}
-                onNavigate={close}
-              />
-              <NavLink
-                item={{
-                  href: '/dashboard/agencia/conexiones',
-                  label: 'Panel de control · clientes y conexiones',
-                  icon: Plug,
-                  iconClass: 'text-cyan-500',
-                }}
-                onNavigate={close}
-              />
+              <div className="space-y-0.5">
+                <NavLink
+                  item={{
+                    href: '/dashboard/agencia',
+                    label: 'Portafolio Agencia',
+                    icon: Layers,
+                    iconClass: 'text-amber-500',
+                  }}
+                  onNavigate={close}
+                />
+                <Link
+                  href="/dashboard/agencia/conexiones"
+                  onClick={close}
+                  className={subLinkCls('/dashboard/agencia/conexiones')}
+                >
+                  <Plug className="h-3.5 w-3.5 shrink-0" />
+                  Panel de control · clientes y conexiones
+                </Link>
+              </div>
               <NavLink
                 item={{
                   href: '/dashboard/historial',