From 39cb4ec89a9bf8aa5ef1acd91af4e65f40af6dfb Mon Sep 17 00:00:00 2001
From: Nurfog <juan.allende@gmail.com>
Date: Wed, 9 Sep 2026 10:02:12 -0300
Subject: [PATCH] feat: tarjeta portal lleva al tablero IT (boardHref shell)

---
 src/app/page.tsx               | 24 ++++++++++++++++++------
 src/components/TableroView.tsx | 14 +++++++++++---
 src/lib/sam.ts                 | 16 +++++++++++++++-
 3 files changed, 44 insertions(+), 10 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 575536a..7061c6a 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -3,6 +3,7 @@
 import Link from "next/link";
 import { useModules, refreshModules } from "@/lib/store";
 import {
+  boardHref,
   displayName,
   envOf,
   getModuleMeta,
@@ -33,6 +34,22 @@ export default function Home() {
     const env = envOf(m.branch);
     const url = moduleUrl(m);
     const name = displayName(m.name);
+    const board = boardHref(m);
+    const boardLink = board.external ? (
+      <a
+        href={board.href}
+        className="text-decoration-none text-dark d-block py-2 stretched-link"
+      >
+        {name}
+      </a>
+    ) : (
+      <Link
+        href={board.href}
+        className="text-decoration-none text-dark d-block py-2 stretched-link"
+      >
+        {name}
+      </Link>
+    );
     return (
       <div className="col-md-6" key={m.name}>
         <div className="app-card p-2">
@@ -45,12 +62,7 @@ export default function Home() {
                   />
                 </td>
                 <td>
-                  <Link
-                    href={`/m/${m.name}`}
-                    className="text-decoration-none text-dark d-block py-2 stretched-link"
-                  >
-                    {name}
-                  </Link>
+                  {boardLink}
                   <div className="d-flex align-items-center gap-2">
                     <span className={`status-dot ${status.cls}`} />
                     <small className="text-muted" style={{ fontSize: "0.75rem" }}>
diff --git a/src/components/TableroView.tsx b/src/components/TableroView.tsx
index 17f538e..82577aa 100644
--- a/src/components/TableroView.tsx
+++ b/src/components/TableroView.tsx
@@ -5,6 +5,7 @@ import SamShell from "@/components/SamShell";
 import { useModules, useStats } from "@/lib/store";
 import {
   displayName,
+  boardHref,
   envOf,
   getModuleMeta,
   moduleUrl,
@@ -103,6 +104,7 @@ function AppCard({ m, stat }: { m: ModuleState; stat?: ContainerStat }) {
   const env = envOf(m.branch);
   const cpu = pct(stat?.cpu);
   const mem = pct(stat?.memPerc);
+  const board = boardHref(m);
   return (
     <div className="col-md-6 col-xl-4">
       <div className="app-card p-3 h-100">
@@ -133,9 +135,15 @@ function AppCard({ m, stat }: { m: ModuleState; stat?: ContainerStat }) {
           <Bar value={mem} color="#6f42c1" />
         </div>
         <div className="d-flex gap-2 mt-2">
-          <Link href={`/m/${m.name}`} className="btn btn-sm btn-outline-primary flex-fill">
-            <i className="bx bx-grid-alt me-1" /> Tablero
-          </Link>
+          {board.external ? (
+            <a href={board.href} className="btn btn-sm btn-outline-primary flex-fill">
+              <i className="bx bx-grid-alt me-1" /> Tablero
+            </a>
+          ) : (
+            <Link href={board.href} className="btn btn-sm btn-outline-primary flex-fill">
+              <i className="bx bx-grid-alt me-1" /> Tablero
+            </Link>
+          )}
           <a
             href={moduleUrl(m)}
             target="_blank"
diff --git a/src/lib/sam.ts b/src/lib/sam.ts
index c1ed09d..10c75ac 100644
--- a/src/lib/sam.ts
+++ b/src/lib/sam.ts
@@ -221,6 +221,20 @@ export function moduleUrl(m: ModuleState) {
   return `https://${m.subdomain}.devops.norteamericano.cl`;
 }
 
+// Tablero IT: es el tablero del propio shell (módulo portal).
+export const IT_BOARD_URL = "https://it.sam.devops.norteamericano.cl";
+
+// El módulo que sirve sam.devops es el shell: su tablero es el IT.
+export function isShellModule(m: ModuleState): boolean {
+  return m.subdomain === "sam" || m.name.toLowerCase() === "portal";
+}
+
+// Destino del botón/tarjeta "Tablero" del módulo.
+export function boardHref(m: ModuleState): { href: string; external: boolean } {
+  if (isShellModule(m)) return { href: IT_BOARD_URL, external: true };
+  return { href: `/m/${m.name}`, external: false };
+}
+
 // ============================================================
 // Secciones del índice: dónde aparece cada módulo.
 // - Todo módulo nuevo cae en "apps" (Aplicaciones) automáticamente.
@@ -270,7 +284,7 @@ export function itMenu(modules: ModuleState[]): MenuItem[] {
     ...modules.map((m) => ({
       label: displayName(m.name),
       icon: getModuleMeta(m.name).icon,
-      href: `/m/${m.name}`,
+      href: boardHref(m).href,
     })),
     { label: "Agregar", icon: "bx-plus", href: "/upload" },
     { label: "Actualizar", icon: "bx-refresh", href: "/actualizar" },