CR + Tooltips + Promedios

2026-04-04 00:49:55 -03:00
parent c8806a6701
commit 8dfa3bf137
3 changed files with 172 additions and 21 deletions
@@ -59,9 +59,9 @@
 <div class="main">
  <div class="section-block">
    <div class="kpi-row">
-      <div class="kpi progress"><div class="kpi-value" id="kpi-ip">—</div><div class="kpi-label">SP En Progreso</div><div class="kpi-sub">Trabajo en curso</div></div>
-      <div class="kpi todo">   <div class="kpi-value" id="kpi-todo">—</div><div class="kpi-label">SP Por Hacer</div><div class="kpi-sub">Backlog del periodo</div></div>
-      <div class="kpi members"><div class="kpi-value" id="kpi-members">—</div><div class="kpi-label">Devs con Carga</div><div class="kpi-sub">Con tickets pendientes</div></div>
+      <div class="kpi progress" title="Suma de Story Points (SP) de todos los tickets actualmente en la columna En Progreso"><div class="kpi-value" id="kpi-ip">—</div><div class="kpi-label">SP En Progreso</div><div class="kpi-sub">Trabajo en curso</div></div>
+      <div class="kpi todo" title="Suma de Story Points de tickets pendientes que aún no comenzaron"><div class="kpi-value" id="kpi-todo">—</div><div class="kpi-label">SP Por Hacer</div><div class="kpi-sub">Backlog del periodo</div></div>
+      <div class="kpi members" title="Cantidad de personas con carga de trabajo (tickets) asignados en este momento"><div class="kpi-value" id="kpi-members">—</div><div class="kpi-label">Devs con Carga</div><div class="kpi-sub">Con tickets pendientes</div></div>
    </div>
    
    <div class="charts-grid">
@@ -103,9 +103,14 @@
 <div class="main">
  <div class="section-block">
    <div class="kpi-row-3">
-      <div class="kpi done">   <div class="kpi-value" id="kpi-done-period">—</div><div class="kpi-label">SP Completados</div><div class="kpi-sub">en el período</div></div>
-      <div class="kpi members"><div class="kpi-value" id="kpi-devs-period">—</div><div class="kpi-label">Desarrolladores</div><div class="kpi-sub">que completaron SP</div></div>
-      <div class="kpi progress"><div class="kpi-value" id="kpi-avg-period">—</div><div class="kpi-label">SP promedio / dev</div><div class="kpi-sub">en el período</div></div>
+      <div class="kpi done" title="Suma total de Story Points entregados y completados en el período de tiempo seleccionado"><div class="kpi-value" id="kpi-done-period">—</div><div class="kpi-label">SP Completados</div><div class="kpi-sub">en el período</div></div>
+      <div class="kpi members" title="Cantidad de desarrolladores que han cerrado al menos 1 Story Point en este período"><div class="kpi-value" id="kpi-devs-period">—</div><div class="kpi-label">Desarrolladores</div><div class="kpi-sub">que completaron SP</div></div>
+      <div class="kpi progress" title="Promedio simple: Total de SP completados dividido por la cantidad de desarrolladores"><div class="kpi-value" id="kpi-avg-period">—</div><div class="kpi-label">SP promedio / dev</div><div class="kpi-sub">en el período</div></div>
+    </div>
+    <div class="kpi-row-3" style="margin-top:-8px;">
+      <div class="kpi" style="border-color:#36b37e;" title="Lead Time: Tiempo total promedio que vive un ticket desde su creación hasta que es cerrado"><div class="kpi-value" id="kpi-lead-time">—</div><div class="kpi-label">Promedio Lead Time</div><div class="kpi-sub">Días (Creación a Fin)</div></div>
+      <div class="kpi" style="border-color:#00b8d9;" title="Cycle Time: Velocidad de desarrollo neto. Promedio en días desde que un developer mueve el ticket 'En Curso' hasta cerrarse"><div class="kpi-value" id="kpi-cycle-time">—</div><div class="kpi-label">Promedio Cycle Time</div><div class="kpi-sub">Días (En Curso a Fin)</div></div>
+      <div class="kpi warning" title="Variación entre el Story Point estimado al sprint vs el final real; un número en (+) indica Scope Creep (inflación de puntos)"><div class="kpi-value" id="kpi-sp-deviation">—</div><div class="kpi-label">Desviación SP</div><div class="kpi-sub" id="kpi-sp-deviation-sub">Original vs Final</div></div>
    </div>
    
    <div class="charts-grid">
@@ -133,6 +138,45 @@



+<!-- ── SECCIÓN: Revisión de Código (Code Review) ── -->
+<div class="section-header" style="border-color:#00b8d9;">
+  <div class="dot" style="background:#00b8d9;"></div>
+  <h2>Revisión de Código (Code Review)</h2>
+  <span style="font-size:12px;color:#5e6c84;margin-left:8px;">Métricas de revisión entre pares antes de QA</span>
+</div>
+
+<div class="main">
+  <div class="section-block">
+    <div class="kpi-row-3">
+      <div class="kpi" style="border-color:#00b8d9;" title="Cantidad de tickets que registraron actividad en la fase de Code Review">
+        <div class="kpi-value" id="kpi-cr-tickets">—</div>
+        <div class="kpi-label">Tickets en CR</div>
+        <div class="kpi-sub">Procesados en el período</div>
+      </div>
+      <div class="kpi" style="border-color:#00b8d9;" title="Cantidad de horas promedio que tarda en resolverse una revisión general de código (Code Review)">
+        <div class="kpi-value" id="kpi-cr-avg">—</div>
+        <div class="kpi-label">Tiempo Prom. CR</div>
+        <div class="kpi-sub">Horas promedio por ticket</div>
+      </div>
+      <div class="kpi warning" title="Tickets que se encuentran actualmente y desde hace más de 2 días atascados solos en la columna de revisión">
+        <div class="kpi-value" id="kpi-cr-stalled">—</div>
+        <div class="kpi-label">Tickets Atascados</div>
+        <div class="kpi-sub">Demorados actualmente en revisión</div>
+      </div>
+    </div>
+
+    <div class="charts-grid">
+      <div class="chart-card full">
+        <h3>📈 Tiempo Promedio en Code Review — Mes a Mes</h3>
+        <div class="sub">Evolución de la velocidad de revisión de pares (horas)</div>
+        <div style="position:relative;height:240px"><canvas id="chartCrMonthly"></canvas></div>
+      </div>
+    </div>
+  </div>
+</div>
+
+
+
 <!-- ── SECCIÓN 3: Control de Calidad (QA) ── -->
 <div class="section-header qa">
  <div class="dot qa"></div>
@@ -145,22 +189,22 @@

    <!-- KPIs -->
    <div class="kpi-row">
-      <div class="kpi qa">
+      <div class="kpi qa" title="Total de tickets que han pasado por QA">
        <div class="kpi-value" id="kpi-qa-tickets">—</div>
        <div class="kpi-label">Tickets QA</div>
        <div class="kpi-sub">Procesados en el período</div>
      </div>
-      <div class="kpi qa-time">
+      <div class="kpi qa-time" title="Horas dedicadas a revisar un ticket (Tiempo neto en la columna QA)">
        <div class="kpi-value" id="kpi-qa-avg">—</div>
        <div class="kpi-label">Tiempo Prom. QA</div>
        <div class="kpi-sub">Horas promedio por ticket</div>
      </div>
-      <div class="kpi qa-queue">
+      <div class="kpi qa-queue" title="Tiempo pasivo promedio esperando ser tomado (Cola 'Ready to QA')">
        <div class="kpi-value" id="kpi-qa-rtqa">—</div>
        <div class="kpi-label">Tiempo Prom. en Cola</div>
        <div class="kpi-sub">Horas esperando READY TO QA</div>
      </div>
-      <div class="kpi returned">
+      <div class="kpi returned" title="Tickets que rebotaron en QA y el desarrollador tuvo que retomar ('Reaperturas' o regresos al ciclo En Curso)">
        <div class="kpi-value" id="kpi-qa-returned">—</div>
        <div class="kpi-label">Tickets Devueltos</div>
        <div class="kpi-sub" id="kpi-qa-returned-pct">Volvieron a En Curso</div>