npm - oficina-opencode - Versions diffs - 3.0.5 → 3.1.1 - Mend

oficina-opencode 3.0.5 → 3.1.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (145) hide show

package/README.md +240 -208
package/commands/oficina.md +7 -6
package/dashboard/.dom-check.html +1257 -0
package/dashboard/README-DASHBOARD.md +64 -0
package/dashboard/assets/factory.css +1543 -0
package/dashboard/assets/tokens.css +208 -0
package/dashboard/build-kanban-data.mjs +279 -0
package/dashboard/dashboard.css +753 -0
package/dashboard/dashboard.html +121 -0
package/dashboard/dashboard.js +610 -0
package/dashboard/data/snapshot.json +883 -0
package/dashboard/debate.html +134 -0
package/dashboard/factory/build-snapshot.mjs +89 -0
package/dashboard/factory/factory-app.js +1185 -0
package/dashboard/factory/factory-core.js +541 -0
package/dashboard/factory/snapshot.js +850 -0
package/dashboard/factory.html +350 -0
package/dashboard/kanban-data.json +671 -0
package/dashboard/kanban-source.js +643 -0
package/dashboard/kanban.check.mjs +454 -0
package/dashboard/kanban.html +1257 -0
package/dashboard/leadership.html +1008 -0
package/dashboard/lib/debate-app.js +1149 -0
package/dashboard/lib/debate-core.js +698 -0
package/dashboard/lib/debate-data.js +163 -0
package/dashboard/lib/debate-demo.js +110 -0
package/dashboard/lib/debate.css +1155 -0
package/dashboard/lib/leadership-model.js +946 -0
package/dashboard/probe.mjs +35 -0
package/dashboard/scripts/serve.mjs +122 -0
package/dashboard/scripts/snapshot-data.mjs +93 -0
package/dashboard/scripts/snapshot.mjs +28 -0
package/dashboard/server.mjs +242 -0
package/dashboard/shot.mjs +54 -0
package/dashboard/shots/desktop-gates.png +0 -0
package/dashboard/shots/desktop-light.png +0 -0
package/dashboard/shots/desktop-real.png +0 -0
package/dashboard/shots/mobile.png +0 -0
package/dashboard/test/factory-core.test.mjs +244 -0
package/dashboard/tests/debate-core.test.mjs +336 -0
package/dashboard/tests/leadership-model.test.mjs +404 -0
package/dist/cli.js +148 -26
package/dist/cli.js.map +1 -1
package/dist/core/bus.js +3 -3
package/dist/core/bus.js.map +1 -1
package/dist/core/catalog.d.ts +9 -1
package/dist/core/catalog.d.ts.map +1 -1
package/dist/core/catalog.js +77 -2
package/dist/core/catalog.js.map +1 -1
package/dist/core/dashboard.d.ts +33 -0
package/dist/core/dashboard.d.ts.map +1 -0
package/dist/core/dashboard.js +115 -0
package/dist/core/dashboard.js.map +1 -0
package/dist/core/dispatch.d.ts +1 -1
package/dist/core/dispatch.d.ts.map +1 -1
package/dist/core/dispatch.js +84 -12
package/dist/core/dispatch.js.map +1 -1
package/dist/core/docsync.d.ts +0 -9
package/dist/core/docsync.d.ts.map +1 -1
package/dist/core/docsync.js +12 -15
package/dist/core/docsync.js.map +1 -1
package/dist/core/environment.d.ts +28 -0
package/dist/core/environment.d.ts.map +1 -0
package/dist/core/environment.js +80 -0
package/dist/core/environment.js.map +1 -0
package/dist/core/factory.d.ts +16 -0
package/dist/core/factory.d.ts.map +1 -1
package/dist/core/factory.js +143 -0
package/dist/core/factory.js.map +1 -1
package/dist/core/fsx.d.ts +20 -2
package/dist/core/fsx.d.ts.map +1 -1
package/dist/core/fsx.js +10 -6
package/dist/core/fsx.js.map +1 -1
package/dist/core/gates.d.ts +23 -1
package/dist/core/gates.d.ts.map +1 -1
package/dist/core/gates.js +83 -8
package/dist/core/gates.js.map +1 -1
package/dist/core/leases.d.ts.map +1 -1
package/dist/core/leases.js +4 -1
package/dist/core/leases.js.map +1 -1
package/dist/core/mesa.d.ts +1 -6
package/dist/core/mesa.d.ts.map +1 -1
package/dist/core/mesa.js +1 -6
package/dist/core/mesa.js.map +1 -1
package/dist/core/office.d.ts +3 -29
package/dist/core/office.d.ts.map +1 -1
package/dist/core/office.js +77 -90
package/dist/core/office.js.map +1 -1
package/dist/core/paths.d.ts.map +1 -1
package/dist/core/paths.js +6 -1
package/dist/core/paths.js.map +1 -1
package/dist/core/retry.d.ts +2 -8
package/dist/core/retry.d.ts.map +1 -1
package/dist/core/retry.js +3 -34
package/dist/core/retry.js.map +1 -1
package/dist/core/roster.js +3 -3
package/dist/core/roster.js.map +1 -1
package/dist/core/sandbox.d.ts +38 -1
package/dist/core/sandbox.d.ts.map +1 -1
package/dist/core/sandbox.js +119 -15
package/dist/core/sandbox.js.map +1 -1
package/dist/core/state.d.ts +2 -2
package/dist/core/state.d.ts.map +1 -1
package/dist/core/state.js +5 -33
package/dist/core/state.js.map +1 -1
package/dist/core/stores.d.ts +3 -13
package/dist/core/stores.d.ts.map +1 -1
package/dist/core/stores.js +8 -32
package/dist/core/stores.js.map +1 -1
package/dist/core/systemPrompt.d.ts.map +1 -1
package/dist/core/systemPrompt.js +4 -1
package/dist/core/systemPrompt.js.map +1 -1
package/dist/core/tripwire.d.ts +22 -8
package/dist/core/tripwire.d.ts.map +1 -1
package/dist/core/tripwire.js +71 -26
package/dist/core/tripwire.js.map +1 -1
package/dist/core/types.d.ts +6 -14
package/dist/core/types.d.ts.map +1 -1
package/dist/core/types.js +11 -3
package/dist/core/types.js.map +1 -1
package/dist/hooks/scopeGuard.d.ts +15 -1
package/dist/hooks/scopeGuard.d.ts.map +1 -1
package/dist/hooks/scopeGuard.js +88 -73
package/dist/hooks/scopeGuard.js.map +1 -1
package/dist/tools/index.d.ts +9 -1
package/dist/tools/index.d.ts.map +1 -1
package/dist/tools/index.js +29 -81
package/dist/tools/index.js.bak +972 -0
package/dist/tools/index.js.map +1 -1
package/dist/v1.d.ts.map +1 -1
package/dist/v1.js +30 -36
package/dist/v1.js.map +1 -1
package/dist/v2.d.ts +5 -0
package/dist/v2.d.ts.map +1 -1
package/dist/v2.js +79 -46
package/dist/v2.js.bak +517 -0
package/dist/v2.js.map +1 -1
package/docs/GARANTIAS.md +2 -2
package/docs/PRUEBA-E2E.md +4 -4
package/docs/QUE-ES.md +4 -5
package/docs/SEGURIDAD-REPO.md +83 -0
package/docs/assets/banner.svg +42 -0
package/docs/catalog-facts.json +3 -3
package/docs/superpowers/specs/2026-10-29-factory-skill-creator-and-remove-budget.md +182 -0
package/package.json +14 -6

package/dashboard/.dom-check.html ADDED Viewed

@@ -0,0 +1,1257 @@
+<!DOCTYPE html>
+<html lang="es" data-theme="dark"><head>
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<title>Kanban ÔÇö Oficina de Agents</title>
+<meta name="description" content="Tablero Kanban read-only de las cards de la Oficina: columnas por estado, criterios de aceptaci├│n, gates y evidencia.">
+<style>
+  :root {
+    --bg: #0B0D10;
+    --surface: #14181D;
+    --surface-2: #101419;
+    --border: #232A32;
+    --border-strong: #2F3945;
+    --text: #E6EAF0;
+    --muted: #8B97A6;
+    --accent: #4ADE80;
+    --warn: #FBBF24;
+    --danger: #F87171;
+    --radius: 4px;
+    --sans: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
+    --mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
+    --ease-in: cubic-bezier(0.16, 1, 0.3, 1);
+  }
+  * { box-sizing: border-box; }
+  html, body { height: 100%; }
+  body {
+    margin: 0;
+    background: var(--bg);
+    color: var(--text);
+    font-family: var(--sans);
+    font-size: 14px;
+    line-height: 1.5;
+    display: flex;
+    flex-direction: column;
+  }
+  .sr-only {
+    position: absolute;
+    width: 1px;
+    height: 1px;
+    padding: 0;
+    margin: -1px;
+    overflow: hidden;
+    clip: rect(0 0 0 0);
+    white-space: nowrap;
+    border: 0;
+  }
+  /* ÔöÇÔöÇ Header ÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇ */
+  .app-head {
+    display: flex;
+    flex-wrap: wrap;
+    align-items: baseline;
+    gap: 8px 20px;
+    padding: 16px 20px 12px;
+    border-bottom: 1px solid var(--border);
+    background: var(--surface-2);
+  }
+  .app-head h1 {
+    margin: 0;
+    font-size: 18px;
+    font-weight: 700;
+    letter-spacing: -0.02em;
+  }
+  .app-head .run-meta {
+    color: var(--muted);
+    font-family: var(--mono);
+    font-size: 11px;
+    letter-spacing: 0.02em;
+  }
+  .app-head .run-meta strong { color: var(--text); font-weight: 600; }
+  .counter {
+    display: inline-flex;
+    align-items: center;
+    gap: 6px;
+    font-family: var(--mono);
+    font-size: 11px;
+    color: var(--muted);
+    font-variant-numeric: tabular-nums;
+  }
+  .counter strong { color: var(--text); font-weight: 600; }
+  /* ÔöÇÔöÇ Toolbar ÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇ */
+  .toolbar {
+    display: flex;
+    flex-wrap: wrap;
+    align-items: end;
+    gap: 10px 14px;
+    padding: 10px 20px;
+    border-bottom: 1px solid var(--border);
+  }
+  .field { display: flex; flex-direction: column; gap: 4px; }
+  .field > label {
+    font-family: var(--mono);
+    font-size: 10px;
+    letter-spacing: 0.12em;
+    text-transform: uppercase;
+    color: var(--muted);
+  }
+  .field select,
+  .field input {
+    background: var(--surface);
+    color: var(--text);
+    border: 1px solid var(--border-strong);
+    border-radius: var(--radius);
+    padding: 6px 8px;
+    font-family: var(--mono);
+    font-size: 12px;
+    min-width: 150px;
+    transition: border-color 220ms var(--ease-in);
+  }
+  .field select:hover,
+  .field input:hover { border-color: var(--muted); }
+  .field select:focus-visible,
+  .field input:focus-visible,
+  .btn:focus-visible,
+  .card:focus-visible {
+    outline: 2px solid var(--accent);
+    outline-offset: 2px;
+  }
+  .btn {
+    background: var(--surface);
+    color: var(--text);
+    border: 1px solid var(--border-strong);
+    border-radius: var(--radius);
+    padding: 6px 10px;
+    font-family: var(--mono);
+    font-size: 11px;
+    cursor: pointer;
+    transition: border-color 220ms var(--ease-in), transform 80ms var(--ease-in);
+  }
+  .btn:hover { border-color: var(--muted); }
+  .btn:active { transform: scale(0.97); }
+  .btn--ghost { color: var(--muted); }
+  .toolbar-note {
+    margin-left: auto;
+    font-family: var(--mono);
+    font-size: 11px;
+    color: var(--muted);
+  }
+  .toolbar-note .source { color: var(--text); }
+  /* ÔöÇÔöÇ Board ÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇ */
+  .board {
+    flex: 1;
+    display: grid;
+    grid-auto-flow: column;
+    grid-auto-columns: minmax(250px, 1fr);
+    gap: 12px;
+    padding: 14px 20px 20px;
+    overflow-x: auto;
+    align-items: start;
+  }
+  .column {
+    background: var(--surface-2);
+    border: 1px solid var(--border);
+    border-radius: var(--radius);
+    display: flex;
+    flex-direction: column;
+    min-height: 160px;
+    max-height: calc(100vh - 210px);
+  }
+  .column-head {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: 8px;
+    padding: 8px 10px;
+    border-bottom: 1px solid var(--border);
+  }
+  .column-title {
+    margin: 0;
+    font-family: var(--mono);
+    font-size: 11px;
+    font-weight: 600;
+    letter-spacing: 0.12em;
+    color: var(--text);
+  }
+  .column[data-state="done"] .column-title { color: var(--accent); }
+  .column[data-state="blocked"] .column-title,
+  .column[data-state="escalated"] .column-title,
+  .column[data-state="rework"] .column-title { color: var(--warn); }
+  .column-count {
+    font-family: var(--mono);
+    font-size: 11px;
+    color: var(--muted);
+    font-variant-numeric: tabular-nums;
+  }
+  .column-body {
+    display: flex;
+    flex-direction: column;
+    gap: 8px;
+    padding: 8px;
+    overflow-y: auto;
+    min-height: 88px;
+    transition: background-color 220ms var(--ease-in), box-shadow 220ms var(--ease-in);
+  }
+  .column-body.drop-target {
+    background: rgba(74, 222, 128, 0.06);
+    box-shadow: inset 0 0 0 1px var(--accent);
+  }
+  .column-empty {
+    margin: 6px 2px;
+    font-family: var(--mono);
+    font-size: 11px;
+    color: var(--muted);
+  }
+  .column-hint { color: var(--border-strong); }
+  /* ÔöÇÔöÇ Card ÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇ */
+  .card {
+    background: var(--surface);
+    border: 1px solid var(--border);
+    border-radius: var(--radius);
+    padding: 9px 10px;
+    cursor: pointer;
+    transition: border-color 220ms var(--ease-in), transform 80ms var(--ease-in), opacity 220ms var(--ease-in);
+  }
+  .card:hover { border-color: var(--border-strong); }
+  .card:active { transform: scale(0.99); }
+  .card.dragging { opacity: 0.45; }
+  .card[data-moved="true"] { border-color: var(--warn); }
+  .card-top {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: 8px;
+  }
+  .card-id {
+    font-family: var(--mono);
+    font-size: 11px;
+    font-weight: 600;
+    letter-spacing: 0.04em;
+    color: var(--text);
+  }
+  .badge {
+    font-family: var(--mono);
+    font-size: 10px;
+    letter-spacing: 0.06em;
+    padding: 1px 5px;
+    border: 1px solid var(--border-strong);
+    border-radius: var(--radius);
+    color: var(--muted);
+    text-transform: lowercase;
+  }
+  .badge--type { color: var(--muted); }
+  .badge--state { text-transform: uppercase; color: var(--text); }
+  .badge--state[data-state="done"] { color: var(--accent); border-color: var(--accent); }
+  .badge--state[data-state="blocked"],
+  .badge--state[data-state="rework"],
+  .badge--state[data-state="escalated"] { color: var(--warn); border-color: var(--warn); }
+  .card-title {
+    margin: 5px 0 7px;
+    font-size: 12.5px;
+    font-weight: 600;
+    line-height: 1.35;
+    letter-spacing: -0.01em;
+  }
+  .card-people {
+    display: flex;
+    align-items: center;
+    gap: 6px;
+    margin-bottom: 7px;
+  }
+  .person {
+    display: inline-flex;
+    align-items: center;
+    gap: 4px;
+    min-width: 0;
+    font-family: var(--mono);
+    font-size: 10px;
+    color: var(--muted);
+  }
+  .person--reviewer { opacity: 0.85; }
+  .person--reviewer .avatar { outline: 1px dashed var(--border-strong); outline-offset: 1px; }
+  .person-name {
+    max-width: 78px;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+  .person--unassigned .person-name { color: var(--border-strong); font-style: italic; }
+  .avatar {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    width: 18px;
+    height: 18px;
+    border-radius: 50%;
+    background: hsl(var(--avatar-hue, 210) 26% 24%);
+    color: var(--text);
+    font-family: var(--mono);
+    font-size: 8.5px;
+    font-weight: 600;
+    letter-spacing: 0.02em;
+    flex: none;
+  }
+  .avatar--empty {
+    background: transparent;
+    border: 1px dashed var(--border-strong);
+    color: var(--border-strong);
+  }
+  .rejections {
+    margin-left: auto;
+    font-family: var(--mono);
+    font-size: 10px;
+    color: var(--muted);
+    font-variant-numeric: tabular-nums;
+  }
+  .rejections[data-rejections="0"] { color: var(--border-strong); }
+  .checklist {
+    list-style: none;
+    margin: 0 0 7px;
+    padding: 0;
+    display: flex;
+    flex-direction: column;
+    gap: 3px;
+  }
+  .check-item {
+    display: flex;
+    gap: 5px;
+    align-items: flex-start;
+    font-size: 11px;
+    line-height: 1.35;
+    color: var(--muted);
+  }
+  .check-box {
+    font-family: var(--mono);
+    font-size: 10px;
+    width: 11px;
+    flex: none;
+    text-align: center;
+  }
+  .check-item.is-checked .check-box { color: var(--accent); }
+  .check-item.is-checked .check-text { color: var(--text); }
+  .check-item.is-failed .check-box { color: var(--danger); }
+  .check-item.is-failed .check-text { color: var(--danger); }
+  .check-text {
+    display: -webkit-box;
+    -webkit-line-clamp: 2;
+    -webkit-box-orient: vertical;
+    overflow: hidden;
+  }
+  .check-more {
+    font-family: var(--mono);
+    font-size: 10px;
+    color: var(--border-strong);
+    padding-left: 16px;
+  }
+  .check-progress {
+    display: flex;
+    align-items: center;
+    gap: 6px;
+    padding-left: 16px;
+  }
+  .check-progress-label {
+    font-family: var(--mono);
+    font-size: 9.5px;
+    color: var(--muted);
+    white-space: nowrap;
+    font-variant-numeric: tabular-nums;
+  }
+  .check-progress-track {
+    flex: 1;
+    height: 3px;
+    background: var(--border);
+    border-radius: 2px;
+    overflow: hidden;
+  }
+  .check-progress-fill {
+    display: block;
+    height: 100%;
+    background: var(--accent);
+  }
+  .checklist-empty {
+    margin: 0 0 7px;
+    font-family: var(--mono);
+    font-size: 10px;
+    color: var(--border-strong);
+  }
+  .card-gates {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 4px;
+    padding-top: 7px;
+    border-top: 1px solid var(--border);
+  }
+  .gate-badge {
+    display: inline-flex;
+    align-items: center;
+    gap: 4px;
+    font-family: var(--mono);
+    font-size: 9.5px;
+    letter-spacing: 0.04em;
+    padding: 1px 5px;
+    border-radius: var(--radius);
+    border: 1px solid currentColor;
+    white-space: nowrap;
+  }
+  .gate-badge .gate-key { opacity: 0.65; }
+  .gate-badge--pass { color: var(--accent); }
+  .gate-badge--fail { color: var(--danger); }
+  .gate-badge--not-run { color: var(--warn); }
+  .gate-badge--na { color: var(--muted); }
+  /* ÔöÇÔöÇ Modal ÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇ */
+  dialog#card-modal {
+    width: min(920px, calc(100vw - 32px));
+    max-height: calc(100vh - 48px);
+    padding: 0;
+    background: var(--surface);
+    color: var(--text);
+    border: 1px solid var(--border-strong);
+    border-radius: var(--radius);
+    overflow: hidden;
+  }
+  dialog#card-modal::backdrop { background: rgba(4, 6, 8, 0.72); }
+  .modal-shell { display: flex; flex-direction: column; max-height: inherit; }
+  .modal-head {
+    position: relative;
+    padding: 14px 18px 12px;
+    border-bottom: 1px solid var(--border);
+    background: var(--surface-2);
+  }
+  .modal-ident { display: flex; align-items: center; gap: 8px; }
+  .modal-title {
+    margin: 6px 0 4px;
+    font-size: 17px;
+    font-weight: 700;
+    letter-spacing: -0.02em;
+    line-height: 1.3;
+    max-width: 62ch;
+  }
+  .modal-meta {
+    margin: 0;
+    font-family: var(--mono);
+    font-size: 10.5px;
+    color: var(--muted);
+    font-variant-numeric: tabular-nums;
+  }
+  .modal-close {
+    position: absolute;
+    top: 12px;
+    right: 12px;
+    background: transparent;
+    border: 1px solid var(--border-strong);
+    border-radius: var(--radius);
+    color: var(--muted);
+    font-family: var(--mono);
+    font-size: 11px;
+    padding: 3px 7px;
+    cursor: pointer;
+    transition: color 220ms var(--ease-in), border-color 220ms var(--ease-in);
+  }
+  .modal-close:hover { color: var(--text); border-color: var(--muted); }
+  .modal-body {
+    padding: 14px 18px 20px;
+    overflow-y: auto;
+    display: flex;
+    flex-direction: column;
+    gap: 18px;
+  }
+  .detail-section h3 {
+    margin: 0 0 8px;
+    font-size: 12px;
+    font-weight: 600;
+    letter-spacing: 0.12em;
+    text-transform: uppercase;
+    color: var(--muted);
+  }
+  .detail-count {
+    font-family: var(--mono);
+    font-size: 10px;
+    color: var(--text);
+    letter-spacing: 0;
+    margin-left: 4px;
+  }
+  .scope-block { margin-bottom: 8px; }
+  .scope-block h4,
+  .gate-block-title {
+    margin: 0 0 4px;
+    font-family: var(--mono);
+    font-size: 10px;
+    font-weight: 600;
+    letter-spacing: 0.08em;
+    text-transform: uppercase;
+    color: var(--muted);
+  }
+  .scope-block--may h4 { color: var(--accent); }
+  .scope-block--forbidden h4 { color: var(--danger); }
+  .scope-list {
+    list-style: none;
+    margin: 0;
+    padding: 0;
+    display: flex;
+    flex-wrap: wrap;
+    gap: 4px;
+  }
+  .scope-list code,
+  .artifact-path,
+  .chip {
+    font-family: var(--mono);
+    font-size: 10.5px;
+    background: var(--bg);
+    border: 1px solid var(--border);
+    border-radius: var(--radius);
+    padding: 1px 5px;
+    color: var(--text);
+  }
+  .scope-block--forbidden .scope-list code { color: var(--danger); }
+  .scope-block--may .scope-list code { color: var(--accent); }
+  .detail-meta {
+    font-family: var(--mono);
+    font-size: 10.5px;
+    color: var(--muted);
+    margin: 6px 0 0;
+  }
+  .detail-gate-text { margin: 0 0 10px; }
+  .detail-gate-text code {
+    font-family: var(--mono);
+    font-size: 11px;
+    color: var(--muted);
+  }
+  .gate-block { margin-bottom: 12px; }
+  .gate-table {
+    width: 100%;
+    border-collapse: collapse;
+    font-size: 11px;
+  }
+  .gate-table th {
+    text-align: left;
+    font-family: var(--mono);
+    font-size: 9.5px;
+    letter-spacing: 0.08em;
+    text-transform: uppercase;
+    color: var(--muted);
+    font-weight: 600;
+    padding: 4px 6px;
+    border-bottom: 1px solid var(--border);
+  }
+  .gate-table td {
+    padding: 5px 6px;
+    border-bottom: 1px solid var(--border);
+    vertical-align: top;
+    color: var(--muted);
+  }
+  .gate-table td code { font-family: var(--mono); font-size: 10px; color: var(--text); }
+  .phase-reason {
+    margin: 3px 0 0;
+    font-family: var(--mono);
+    font-size: 10px;
+    color: var(--warn);
+  }
+  .detail-acceptance {
+    margin: 0;
+    padding: 0;
+    list-style: none;
+    display: flex;
+    flex-direction: column;
+    gap: 8px;
+  }
+  .acceptance-item {
+    border-left: 2px solid var(--border);
+    padding: 2px 0 2px 9px;
+  }
+  .acceptance-item[data-acceptance-state="pass"] { border-left-color: var(--accent); }
+  .acceptance-item[data-acceptance-state="fail"] { border-left-color: var(--danger); }
+  .acceptance-item[data-acceptance-state="not_run"] { border-left-color: var(--warn); }
+  .acceptance-text {
+    margin: 3px 0 4px;
+    font-size: 12px;
+    line-height: 1.45;
+    max-width: 78ch;
+  }
+  .acceptance-evidence-list {
+    margin: 0;
+    padding: 0 0 0 2px;
+    list-style: none;
+    display: flex;
+    flex-direction: column;
+    gap: 2px;
+  }
+  .acceptance-evidence {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 6px;
+    align-items: baseline;
+    font-size: 10.5px;
+  }
+  .acceptance-evidence code { font-family: var(--mono); font-size: 10px; color: var(--muted); }
+  .detail-list {
+    margin: 0;
+    padding: 0;
+    list-style: none;
+    display: flex;
+    flex-direction: column;
+    gap: 9px;
+  }
+  .evidence-item {
+    border-left: 2px solid var(--border);
+    padding-left: 9px;
+    font-size: 11px;
+  }
+  .evidence-item[data-evidence-passed="true"] { border-left-color: var(--accent); }
+  .evidence-item[data-evidence-passed="false"] { border-left-color: var(--danger); }
+  .evidence-ref {
+    font-family: var(--mono);
+    font-size: 10.5px;
+    color: var(--text);
+    word-break: break-word;
+  }
+  .evidence-meta {
+    display: block;
+    font-family: var(--mono);
+    font-size: 9.5px;
+    color: var(--muted);
+    margin-top: 2px;
+  }
+  .evidence-note {
+    margin: 3px 0 0;
+    color: var(--muted);
+    font-size: 11px;
+    max-width: 78ch;
+  }
+  .evidence-req {
+    margin: 3px 0 0;
+    font-size: 10.5px;
+    color: var(--border-strong);
+    max-width: 78ch;
+  }
+  .detail-empty {
+    font-family: var(--mono);
+    font-size: 10.5px;
+    color: var(--border-strong);
+    margin: 0;
+    padding: 4px 0;
+  }
+  .artifact-list {
+    margin: 0 0 8px;
+    padding: 0;
+    list-style: none;
+    display: flex;
+    flex-wrap: wrap;
+    gap: 8px;
+    align-items: center;
+    font-family: var(--mono);
+    font-size: 11px;
+  }
+  .artifact-link {
+    color: var(--accent);
+    text-decoration: none;
+    border-bottom: 1px solid transparent;
+    transition: border-color 220ms var(--ease-in);
+  }
+  .artifact-link:hover { border-bottom-color: var(--accent); }
+  .detail-result {
+    margin: 8px 0 0;
+    font-family: var(--mono);
+    font-size: 10.5px;
+    color: var(--muted);
+    max-width: 78ch;
+    border-left: 2px solid var(--border);
+    padding-left: 9px;
+  }
+  /* ÔöÇÔöÇ Footer ÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇ */
+  .app-foot {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 16px;
+    align-items: center;
+    padding: 8px 20px;
+    border-top: 1px solid var(--border);
+    font-family: var(--mono);
+    font-size: 10px;
+    color: var(--muted);
+  }
+  .app-foot .read-only { color: var(--warn); }
+  /* ÔöÇÔöÇ Responsive ÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇ */
+  @media (max-width: 900px) {
+    .board {
+      grid-auto-columns: minmax(78vw, 1fr);
+      padding: 12px;
+    }
+    .toolbar-note { margin-left: 0; width: 100%; }
+    .column { max-height: none; }
+    .board { max-height: none; }
+  }
+  @media (prefers-reduced-motion: reduce) {
+    *, *::before, *::after {
+      transition-duration: 0.001ms !important;
+      animation-duration: 0.001ms !important;
+    }
+    .card, .btn, .column-body { transform: none !important; }
+  }
+</style>
+</head>
+<body>
+<header class="app-head">
+  <h1>Kanban de la Oficina</h1>
+  <p class="run-meta" id="run-meta">run <strong>run-87fc0537</strong> ┬À estado <strong>running</strong> ┬À (sin objetivo registrado)</p>
+  <span class="counter">cards <strong id="count-total">11</strong></span>
+  <span class="counter">visibles <strong id="count-visible">11</strong></span>
+</header>
+<div class="toolbar" role="search" aria-label="Filtros del tablero">
+  <div class="field">
+    <label for="filter-owner">owner</label>
+    <select id="filter-owner" name="owner"><option value="all">todos</option><option value="e-design-ui-finish-gate-reviewer">UI Finish-Gate Reviewer (e-design-ui-finish-gate-reviewer)</option><option value="e-testing-api-tester">API Tester (e-testing-api-tester)</option><option value="e-xr-immersive-developer">XR Immersive Developer (e-xr-immersive-developer)</option></select>
+  </div>
+  <div class="field">
+    <label for="filter-type">tipo</label>
+    <select id="filter-type" name="type"><option value="all">todos</option><option value="bugfix">bugfix</option><option value="design">design</option><option value="exploration">exploration</option><option value="implementation">implementation</option></select>
+  </div>
+  <div class="field">
+    <label for="filter-state">estado</label>
+    <select id="filter-state" name="state"><option value="all">todos</option><option value="todo">TODO</option><option value="in_progress">IN_PROGRESS</option><option value="review">REVIEW</option><option value="done">DONE</option><option value="rework">REWORK</option><option value="blocked">BLOCKED</option><option value="escalated">ESCALATED</option></select>
+  </div>
+  <div class="field">
+    <label for="filter-search">buscar</label>
+    <input id="filter-search" name="q" type="search" placeholder="id, t├¡tulo, tipo" autocomplete="off">
+  </div>
+  <button class="btn btn--ghost" id="reset-view" type="button">reset vista</button>
+  <button class="btn btn--ghost" id="refresh-data" type="button">recargar data</button>
+  <p class="toolbar-note">
+    fuente <span class="source" id="data-source">snapshot embebido</span>
+  </p>
+</div>
+<main class="board" id="board" aria-label="Tablero Kanban de cards">
+  <section class="column" data-state="todo" aria-labelledby="col-todo-title">
+    <div class="column-head">
+      <h2 class="column-title" id="col-todo-title">TODO</h2>
+      <span class="column-count" data-count="todo" aria-label="cards en TODO">9</span>
+    </div>
+    <div class="column-body" data-cards="todo" data-dropzone="true"><article class="card" data-card-id="T-01" data-state="todo" data-type="exploration" draggable="true" tabindex="0" role="button" aria-haspopup="dialog" aria-label="T-01 ┬À Explorar estructura .oficina/ y definir schema de datos para el dashboard"><header class="card-top"><span class="card-id">T-01</span><span class="badge badge--type">exploration</span></header><h3 class="card-title">Explorar estructura .oficina/ y definir schema de datos para el dashboard</h3><div class="card-people"><span class="person person--owner" data-owner="e-design-ui-finish-gate-reviewer"><span class="avatar" style="--avatar-hue:207" title="UI Finish-Gate Reviewer ┬À design-ui-finish-gate-reviewer" data-agent-id="e-design-ui-finish-gate-reviewer">UR</span><span class="person-name">UI Finish-Gate Reviewer</span></span><span class="person person--reviewer" data-reviewer="e-testing-api-tester"><span class="avatar" style="--avatar-hue:183" title="API Tester ┬À testing-api-tester" data-agent-id="e-testing-api-tester">AT</span><span class="person-name">API Tester</span></span><span class="rejections" data-rejections="0" title="Rechazos del revisor"><span class="rejections-mark" aria-hidden="true">Ôå║</span> 0</span></div><ul class="checklist" aria-label="Criterios de aceptaci├│n"><li class="check-item is-empty"><span class="check-box" aria-hidden="true">┬À</span><span class="check-text">Mapear todos los archivos en .oficina/ (state.json, roster.json, bus/*, evidence/*, leases/*, context.md, cost.json)</span></li><li class="check-item is-empty"><span class="check-box" aria-hidden="true">┬À</span><span class="check-text">Definir TypeScript interfaces para cada tipo de dato que el dashboard consumira</span></li><li class="check-item is-empty"><span class="check-box" aria-hidden="true">┬À</span><span class="check-text">Identificar que archivos cambian en tiempo real y frecuencia de actualizacion</span></li><li class="check-more">+1 criterio m├ís</li><li class="check-progress"><span class="check-progress-label">0/4 con evidencia</span><span class="check-progress-track" aria-hidden="true"><span class="check-progress-fill" style="width:0%"></span></span></li></ul><footer class="card-gates"><span class="gate-badge gate-badge--not-run" data-outcome="not_run" title="TEC: NOT_RUN"><span class="gate-key">TEC</span> NOT_RUN</span><span class="gate-badge gate-badge--not-run" data-outcome="not_run" title="SEC: NOT_RUN"><span class="gate-key">SEC</span> NOT_RUN</span><span class="gate-badge gate-badge--not-run" data-outcome="not_run" title="REQ: NOT_RUN"><span class="gate-key">REQ</span> NOT_RUN</span></footer></article><article class="card" data-card-id="T-02" data-state="todo" data-type="design" draggable="true" tabindex="0" role="button" aria-haspopup="dialog" aria-label="T-02 ┬À Arquitectura del dashboard: single-page app con polling/WebSocket sobre archivos"><header class="card-top"><span class="card-id">T-02</span><span class="badge badge--type">design</span></header><h3 class="card-title">Arquitectura del dashboard: single-page app con polling/WebSocket sobre archivos</h3><div class="card-people"><span class="person person--owner" data-owner="e-design-ui-finish-gate-reviewer"><span class="avatar" style="--avatar-hue:207" title="UI Finish-Gate Reviewer ┬À design-ui-finish-gate-reviewer" data-agent-id="e-design-ui-finish-gate-reviewer">UR</span><span class="person-name">UI Finish-Gate Reviewer</span></span><span class="person person--reviewer" data-reviewer="e-testing-api-tester"><span class="avatar" style="--avatar-hue:183" title="API Tester ┬À testing-api-tester" data-agent-id="e-testing-api-tester">AT</span><span class="person-name">API Tester</span></span><span class="rejections" data-rejections="0" title="Rechazos del revisor"><span class="rejections-mark" aria-hidden="true">Ôå║</span> 0</span></div><ul class="checklist" aria-label="Criterios de aceptaci├│n"><li class="check-item is-empty"><span class="check-box" aria-hidden="true">┬À</span><span class="check-text">Diseno de arquitectura: HTML unico + CSS + JS vanilla/Alpine.js sin build step</span></li><li class="check-item is-empty"><span class="check-box" aria-hidden="true">┬À</span><span class="check-text">Estrategia de polling: intervalos adaptativos por tipo de dato (state.json: 500ms, bus: 1s, roster: 2s)</span></li><li class="check-item is-empty"><span class="check-box" aria-hidden="true">┬À</span><span class="check-text">WebSocket fallback si se detecta servidor (opcional, documentar)</span></li><li class="check-more">+3 criterios m├ís</li><li class="check-progress"><span class="check-progress-label">0/6 con evidencia</span><span class="check-progress-track" aria-hidden="true"><span class="check-progress-fill" style="width:0%"></span></span></li></ul><footer class="card-gates"><span class="gate-badge gate-badge--not-run" data-outcome="not_run" title="TEC: NOT_RUN"><span class="gate-key">TEC</span> NOT_RUN</span><span class="gate-badge gate-badge--not-run" data-outcome="not_run" title="SEC: NOT_RUN"><span class="gate-key">SEC</span> NOT_RUN</span><span class="gate-badge gate-badge--not-run" data-outcome="not_run" title="REQ: NOT_RUN"><span class="gate-key">REQ</span> NOT_RUN</span></footer></article><article class="card" data-card-id="T-03" data-state="todo" data-type="implementation" draggable="true" tabindex="0" role="button" aria-haspopup="dialog" aria-label="T-03 ┬À Implementar mesa visual en vivo (panel principal)"><header class="card-top"><span class="card-id">T-03</span><span class="badge badge--type">implementation</span></header><h3 class="card-title">Implementar mesa visual en vivo (panel principal)</h3><div class="card-people"><span class="person person--owner" data-owner="e-design-ui-finish-gate-reviewer"><span class="avatar" style="--avatar-hue:207" title="UI Finish-Gate Reviewer ┬À design-ui-finish-gate-reviewer" data-agent-id="e-design-ui-finish-gate-reviewer">UR</span><span class="person-name">UI Finish-Gate Reviewer</span></span><span class="person person--reviewer" data-reviewer="e-testing-api-tester"><span class="avatar" style="--avatar-hue:183" title="API Tester ┬À testing-api-tester" data-agent-id="e-testing-api-tester">AT</span><span class="person-name">API Tester</span></span><span class="rejections" data-rejections="0" title="Rechazos del revisor"><span class="rejections-mark" aria-hidden="true">Ôå║</span> 0</span></div><ul class="checklist" aria-label="Criterios de aceptaci├│n"><li class="check-item is-empty"><span class="check-box" aria-hidden="true">┬À</span><span class="check-text">Panel que lee roster.json y state.json y muestra agentes con estado visual (working/idle/no-heartbeat/dead)</span></li><li class="check-item is-empty"><span class="check-box" aria-hidden="true">┬À</span><span class="check-text">Cards sin owner visibles con badge de 'unassigned'</span></li><li class="check-item is-empty"><span class="check-box" aria-hidden="true">┬À</span><span class="check-text">Avatares de agentes con iniciales, color por rol, indicador de heartbeat (pulse animation)</span></li><li class="check-more">+3 criterios m├ís</li><li class="check-progress"><span class="check-progress-label">0/6 con evidencia</span><span class="check-progress-track" aria-hidden="true"><span class="check-progress-fill" style="width:0%"></span></span></li></ul><footer class="card-gates"><span class="gate-badge gate-badge--not-run" data-outcome="not_run" title="TEC: NOT_RUN"><span class="gate-key">TEC</span> NOT_RUN</span><span class="gate-badge gate-badge--not-run" data-outcome="not_run" title="SEC: NOT_RUN"><span class="gate-key">SEC</span> NOT_RUN</span><span class="gate-badge gate-badge--not-run" data-outcome="not_run" title="REQ: NOT_RUN"><span class="gate-key">REQ</span> NOT_RUN</span></footer></article><article class="card" data-card-id="T-04" data-state="todo" data-type="implementation" draggable="true" tabindex="0" role="button" aria-haspopup="dialog" aria-label="T-04 ┬À Implementar bus de mensajes visible con threading y prioridades"><header class="card-top"><span class="card-id">T-04</span><span class="badge badge--type">implementation</span></header><h3 class="card-title">Implementar bus de mensajes visible con threading y prioridades</h3><div class="card-people"><span class="person person--owner" data-owner="e-design-ui-finish-gate-reviewer"><span class="avatar" style="--avatar-hue:207" title="UI Finish-Gate Reviewer ┬À design-ui-finish-gate-reviewer" data-agent-id="e-design-ui-finish-gate-reviewer">UR</span><span class="person-name">UI Finish-Gate Reviewer</span></span><span class="person person--reviewer" data-reviewer="e-testing-api-tester"><span class="avatar" style="--avatar-hue:183" title="API Tester ┬À testing-api-tester" data-agent-id="e-testing-api-tester">AT</span><span class="person-name">API Tester</span></span><span class="rejections" data-rejections="0" title="Rechazos del revisor"><span class="rejections-mark" aria-hidden="true">Ôå║</span> 0</span></div><ul class="checklist" aria-label="Criterios de aceptaci├│n"><li class="check-item is-empty"><span class="check-box" aria-hidden="true">┬À</span><span class="check-text">Panel que lee bus/peer/ y canales de coordinadores (coord-command, coord-arch, coord-flow)</span></li><li class="check-item is-empty"><span class="check-box" aria-hidden="true">┬À</span><span class="check-text">Visualizacion tipo sequence diagram: flechas entre avatares, colores por prioridad (critical=red, high=orange, normal=blue, low=gray)</span></li><li class="check-item is-empty"><span class="check-box" aria-hidden="true">┬À</span><span class="check-text">Threading visual: inReplyTo agrupa mensajes en hilos colapsables/expandibles</span></li><li class="check-more">+3 criterios m├ís</li><li class="check-progress"><span class="check-progress-label">0/6 con evidencia</span><span class="check-progress-track" aria-hidden="true"><span class="check-progress-fill" style="width:0%"></span></span></li></ul><footer class="card-gates"><span class="gate-badge gate-badge--not-run" data-outcome="not_run" title="TEC: NOT_RUN"><span class="gate-key">TEC</span> NOT_RUN</span><span class="gate-badge gate-badge--not-run" data-outcome="not_run" title="SEC: NOT_RUN"><span class="gate-key">SEC</span> NOT_RUN</span><span class="gate-badge gate-badge--not-run" data-outcome="not_run" title="REQ: NOT_RUN"><span class="gate-key">REQ</span> NOT_RUN</span></footer></article><article class="card" data-card-id="T-05" data-state="todo" data-type="implementation" draggable="true" tabindex="0" role="button" aria-haspopup="dialog" aria-label="T-05 ┬À Implementar panel de debate/brainstorming trazable (HELP_REQUEST broadcast + respuestas)"><header class="card-top"><span class="card-id">T-05</span><span class="badge badge--type">implementation</span></header><h3 class="card-title">Implementar panel de debate/brainstorming trazable (HELP_REQUEST broadcast + respuestas)</h3><div class="card-people"><span class="person person--owner" data-owner="e-xr-immersive-developer"><span class="avatar" style="--avatar-hue:77" title="XR Immersive Developer ┬À xr-immersive-developer" data-agent-id="e-xr-immersive-developer">XD</span><span class="person-name">XR Immersive Developer</span></span><span class="person person--reviewer person--unassigned" data-reviewer=""><span class="avatar avatar--empty" aria-hidden="true">?</span><span class="person-name">sin revisor</span></span><span class="rejections" data-rejections="0" title="Rechazos del revisor"><span class="rejections-mark" aria-hidden="true">Ôå║</span> 0</span></div><ul class="checklist" aria-label="Criterios de aceptaci├│n"><li class="check-item is-empty"><span class="check-box" aria-hidden="true">┬À</span><span class="check-text">Deteccion automatica de HELP_REQUEST con to:['*'] (broadcast)</span></li><li class="check-item is-empty"><span class="check-box" aria-hidden="true">┬À</span><span class="check-text">Vista tipo chat: burbujas con avatar, timestamp, agente, expandible para ver body completo</span></li><li class="check-item is-empty"><span class="check-box" aria-hidden="true">┬À</span><span class="check-text">Respuestas (HELP_ACCEPT, HELP_DECLINE, HELP_PARTIAL, HELP_QUESTION) anidadas bajo el request</span></li><li class="check-more">+3 criterios m├ís</li><li class="check-progress"><span class="check-progress-label">0/6 con evidencia</span><span class="check-progress-track" aria-hidden="true"><span class="check-progress-fill" style="width:0%"></span></span></li></ul><footer class="card-gates"><span class="gate-badge gate-badge--not-run" data-outcome="not_run" title="TEC: NOT_RUN"><span class="gate-key">TEC</span> NOT_RUN</span><span class="gate-badge gate-badge--not-run" data-outcome="not_run" title="SEC: NOT_RUN"><span class="gate-key">SEC</span> NOT_RUN</span><span class="gate-badge gate-badge--not-run" data-outcome="not_run" title="REQ: NOT_RUN"><span class="gate-key">REQ</span> NOT_RUN</span></footer></article><article class="card" data-card-id="T-06" data-state="todo" data-type="implementation" draggable="true" tabindex="0" role="button" aria-haspopup="dialog" aria-label="T-06 ┬À Implementar panel de intervencion del jefe (Commander/Integrator/Architect decisions)"><header class="card-top"><span class="card-id">T-06</span><span class="badge badge--type">implementation</span></header><h3 class="card-title">Implementar panel de intervencion del jefe (Commander/Integrator/Architect decisions)</h3><div class="card-people"><span class="person person--owner" data-owner="e-xr-immersive-developer"><span class="avatar" style="--avatar-hue:77" title="XR Immersive Developer ┬À xr-immersive-developer" data-agent-id="e-xr-immersive-developer">XD</span><span class="person-name">XR Immersive Developer</span></span><span class="person person--reviewer person--unassigned" data-reviewer=""><span class="avatar avatar--empty" aria-hidden="true">?</span><span class="person-name">sin revisor</span></span><span class="rejections" data-rejections="0" title="Rechazos del revisor"><span class="rejections-mark" aria-hidden="true">Ôå║</span> 0</span></div><ul class="checklist" aria-label="Criterios de aceptaci├│n"><li class="check-item is-empty"><span class="check-box" aria-hidden="true">┬À</span><span class="check-text">Tres secciones: Commander (scope/prioridades/escalations), Integrator (routing/leases/gates/deadlocks), Architect (tech decisions/patterns/contracts)</span></li><li class="check-item is-empty"><span class="check-box" aria-hidden="true">┬À</span><span class="check-text">Lee decisions de state.json + mensajes en canales de coordinadores</span></li><li class="check-item is-empty"><span class="check-box" aria-hidden="true">┬À</span><span class="check-text">Cada decision: timestamp, actor, cardId, decision, razon, siguiente accion</span></li><li class="check-more">+2 criterios m├ís</li><li class="check-progress"><span class="check-progress-label">0/5 con evidencia</span><span class="check-progress-track" aria-hidden="true"><span class="check-progress-fill" style="width:0%"></span></span></li></ul><footer class="card-gates"><span class="gate-badge gate-badge--not-run" data-outcome="not_run" title="TEC: NOT_RUN"><span class="gate-key">TEC</span> NOT_RUN</span><span class="gate-badge gate-badge--not-run" data-outcome="not_run" title="SEC: NOT_RUN"><span class="gate-key">SEC</span> NOT_RUN</span><span class="gate-badge gate-badge--not-run" data-outcome="not_run" title="REQ: NOT_RUN"><span class="gate-key">REQ</span> NOT_RUN</span></footer></article><article class="card" data-card-id="T-08" data-state="todo" data-type="implementation" draggable="true" tabindex="0" role="button" aria-haspopup="dialog" aria-label="T-08 ┬À Implementar animacion de Factory creando agentes nuevos"><header class="card-top"><span class="card-id">T-08</span><span class="badge badge--type">implementation</span></header><h3 class="card-title">Implementar animacion de Factory creando agentes nuevos</h3><div class="card-people"><span class="person person--owner" data-owner="e-xr-immersive-developer"><span class="avatar" style="--avatar-hue:77" title="XR Immersive Developer ┬À xr-immersive-developer" data-agent-id="e-xr-immersive-developer">XD</span><span class="person-name">XR Immersive Developer</span></span><span class="person person--reviewer person--unassigned" data-reviewer=""><span class="avatar avatar--empty" aria-hidden="true">?</span><span class="person-name">sin revisor</span></span><span class="rejections" data-rejections="0" title="Rechazos del revisor"><span class="rejections-mark" aria-hidden="true">Ôå║</span> 0</span></div><ul class="checklist" aria-label="Criterios de aceptaci├│n"><li class="check-item is-empty"><span class="check-box" aria-hidden="true">┬À</span><span class="check-text">Deteccion: cuando hay card sin match en catalogo (cobertura &lt; 60% en roster/state)</span></li><li class="check-item is-empty"><span class="check-box" aria-hidden="true">┬À</span><span class="check-text">Animacion secuencial: Factory creando agente... -&gt; archivo .md apareciendo en .opencode/agents/ -&gt; entrada al catalogo dinamico -&gt; match en proxima card</span></li><li class="check-item is-empty"><span class="check-box" aria-hidden="true">┬À</span><span class="check-text">Visualizacion: progress steps con checkmarks, archivo escribiendose con cursor parpadeante</span></li><li class="check-more">+2 criterios m├ís</li><li class="check-progress"><span class="check-progress-label">0/5 con evidencia</span><span class="check-progress-track" aria-hidden="true"><span class="check-progress-fill" style="width:0%"></span></span></li></ul><footer class="card-gates"><span class="gate-badge gate-badge--not-run" data-outcome="not_run" title="TEC: NOT_RUN"><span class="gate-key">TEC</span> NOT_RUN</span><span class="gate-badge gate-badge--not-run" data-outcome="not_run" title="SEC: NOT_RUN"><span class="gate-key">SEC</span> NOT_RUN</span><span class="gate-badge gate-badge--not-run" data-outcome="not_run" title="REQ: NOT_RUN"><span class="gate-key">REQ</span> NOT_RUN</span></footer></article><article class="card" data-card-id="T-09" data-state="todo" data-type="implementation" draggable="true" tabindex="0" role="button" aria-haspopup="dialog" aria-label="T-09 ┬À Implementar panel lateral de Gates y Evidencia con spinners y resultados"><header class="card-top"><span class="card-id">T-09</span><span class="badge badge--type">implementation</span></header><h3 class="card-title">Implementar panel lateral de Gates y Evidencia con spinners y resultados</h3><div class="card-people"><span class="person person--owner" data-owner="e-testing-api-tester"><span class="avatar" style="--avatar-hue:183" title="API Tester ┬À testing-api-tester" data-agent-id="e-testing-api-tester">AT</span><span class="person-name">API Tester</span></span><span class="person person--reviewer" data-reviewer="e-design-ui-finish-gate-reviewer"><span class="avatar" style="--avatar-hue:207" title="UI Finish-Gate Reviewer ┬À design-ui-finish-gate-reviewer" data-agent-id="e-design-ui-finish-gate-reviewer">UR</span><span class="person-name">UI Finish-Gate Reviewer</span></span><span class="rejections" data-rejections="0" title="Rechazos del revisor"><span class="rejections-mark" aria-hidden="true">Ôå║</span> 0</span></div><ul class="checklist" aria-label="Criterios de aceptaci├│n"><li class="check-item is-empty"><span class="check-box" aria-hidden="true">┬À</span><span class="check-text">Panel lateral fijo (desktop) / bottom sheet (mobile) mostrando 7 gates</span></li><li class="check-item is-empty"><span class="check-box" aria-hidden="true">┬À</span><span class="check-text">Fases: Build, Type check, Lint, Tests+coverage, Security grep, Diff review, Requisitos</span></li><li class="check-item is-empty"><span class="check-box" aria-hidden="true">┬À</span><span class="check-text">Spinners animados mientras corren, iconos PASS/FAIL/NOT_RUN/N/A al terminar</span></li><li class="check-more">+3 criterios m├ís</li><li class="check-progress"><span class="check-progress-label">0/6 con evidencia</span><span class="check-progress-track" aria-hidden="true"><span class="check-progress-fill" style="width:0%"></span></span></li></ul><footer class="card-gates"><span class="gate-badge gate-badge--not-run" data-outcome="not_run" title="TEC: NOT_RUN"><span class="gate-key">TEC</span> NOT_RUN</span><span class="gate-badge gate-badge--not-run" data-outcome="not_run" title="SEC: NOT_RUN"><span class="gate-key">SEC</span> NOT_RUN</span><span class="gate-badge gate-badge--not-run" data-outcome="not_run" title="REQ: NOT_RUN"><span class="gate-key">REQ</span> NOT_RUN</span></footer></article><article class="card" data-card-id="T-10" data-state="todo" data-type="implementation" draggable="true" tabindex="0" role="button" aria-haspopup="dialog" aria-label="T-10 ┬À Integrar todo en dashboard.html unico + README-DASHBOARD.md"><header class="card-top"><span class="card-id">T-10</span><span class="badge badge--type">implementation</span></header><h3 class="card-title">Integrar todo en dashboard.html unico + README-DASHBOARD.md</h3><div class="card-people"><span class="person person--owner" data-owner="e-testing-api-tester"><span class="avatar" style="--avatar-hue:183" title="API Tester ┬À testing-api-tester" data-agent-id="e-testing-api-tester">AT</span><span class="person-name">API Tester</span></span><span class="person person--reviewer" data-reviewer="e-design-ui-finish-gate-reviewer"><span class="avatar" style="--avatar-hue:207" title="UI Finish-Gate Reviewer ┬À design-ui-finish-gate-reviewer" data-agent-id="e-design-ui-finish-gate-reviewer">UR</span><span class="person-name">UI Finish-Gate Reviewer</span></span><span class="rejections" data-rejections="0" title="Rechazos del revisor"><span class="rejections-mark" aria-hidden="true">Ôå║</span> 0</span></div><ul class="checklist" aria-label="Criterios de aceptaci├│n"><li class="check-item is-empty"><span class="check-box" aria-hidden="true">┬À</span><span class="check-text">dashboard.html unico con todos los paneles (layout: header + sidebar tabs + main area)</span></li><li class="check-item is-empty"><span class="check-box" aria-hidden="true">┬À</span><span class="check-text">Navegacion por tabs: Mesa | Bus | Debate | Jefe | Kanban | Factory | Gates</span></li><li class="check-item is-empty"><span class="check-box" aria-hidden="true">┬À</span><span class="check-text">Persistencia de tab activo en localStorage</span></li><li class="check-more">+3 criterios m├ís</li><li class="check-progress"><span class="check-progress-label">0/6 con evidencia</span><span class="check-progress-track" aria-hidden="true"><span class="check-progress-fill" style="width:0%"></span></span></li></ul><footer class="card-gates"><span class="gate-badge gate-badge--not-run" data-outcome="not_run" title="TEC: NOT_RUN"><span class="gate-key">TEC</span> NOT_RUN</span><span class="gate-badge gate-badge--not-run" data-outcome="not_run" title="SEC: NOT_RUN"><span class="gate-key">SEC</span> NOT_RUN</span><span class="gate-badge gate-badge--not-run" data-outcome="not_run" title="REQ: NOT_RUN"><span class="gate-key">REQ</span> NOT_RUN</span></footer></article></div>
+  </section>
+  <section class="column" data-state="in_progress" aria-labelledby="col-in_progress-title">
+    <div class="column-head">
+      <h2 class="column-title" id="col-in_progress-title">IN_PROGRESS</h2>
+      <span class="column-count" data-count="in_progress" aria-label="cards en IN_PROGRESS">1</span>
+    </div>
+    <div class="column-body" data-cards="in_progress" data-dropzone="true"><article class="card" data-card-id="T-07" data-state="in_progress" data-type="implementation" draggable="true" tabindex="0" role="button" aria-haspopup="dialog" aria-label="T-07 ┬À Implementar Kanban visual de cards con drag-drop y acceptance criteria"><header class="card-top"><span class="card-id">T-07</span><span class="badge badge--type">implementation</span></header><h3 class="card-title">Implementar Kanban visual de cards con drag-drop y acceptance criteria</h3><div class="card-people"><span class="person person--owner" data-owner="e-xr-immersive-developer"><span class="avatar" style="--avatar-hue:77" title="XR Immersive Developer ┬À xr-immersive-developer" data-agent-id="e-xr-immersive-developer">XD</span><span class="person-name">XR Immersive Developer</span></span><span class="person person--reviewer person--unassigned" data-reviewer=""><span class="avatar avatar--empty" aria-hidden="true">?</span><span class="person-name">sin revisor</span></span><span class="rejections" data-rejections="0" title="Rechazos del revisor"><span class="rejections-mark" aria-hidden="true">Ôå║</span> 0</span></div><ul class="checklist" aria-label="Criterios de aceptaci├│n"><li class="check-item is-empty"><span class="check-box" aria-hidden="true">┬À</span><span class="check-text">Columnas: TODO, IN_PROGRESS, REVIEW, DONE, REWORK, BLOCKED, ESCALATED</span></li><li class="check-item is-empty"><span class="check-box" aria-hidden="true">┬À</span><span class="check-text">Cards muestran: id, titulo, owner avatar, reviewer avatar, rejection count, acceptance checklist</span></li><li class="check-item is-empty"><span class="check-box" aria-hidden="true">┬À</span><span class="check-text">Drag-drop opcional entre columnas (solo visual, no persiste - read-only dashboard)</span></li><li class="check-more">+3 criterios m├ís</li><li class="check-progress"><span class="check-progress-label">0/6 con evidencia</span><span class="check-progress-track" aria-hidden="true"><span class="check-progress-fill" style="width:0%"></span></span></li></ul><footer class="card-gates"><span class="gate-badge gate-badge--not-run" data-outcome="not_run" title="TEC: NOT_RUN"><span class="gate-key">TEC</span> NOT_RUN</span><span class="gate-badge gate-badge--not-run" data-outcome="not_run" title="SEC: NOT_RUN"><span class="gate-key">SEC</span> NOT_RUN</span><span class="gate-badge gate-badge--not-run" data-outcome="not_run" title="REQ: NOT_RUN"><span class="gate-key">REQ</span> NOT_RUN</span></footer></article></div>
+  </section>
+  <section class="column" data-state="review" aria-labelledby="col-review-title">
+    <div class="column-head">
+      <h2 class="column-title" id="col-review-title">REVIEW</h2>
+      <span class="column-count" data-count="review" aria-label="cards en REVIEW">0</span>
+    </div>
+    <div class="column-body" data-cards="review" data-dropzone="true"><p class="column-empty">nada en <strong>REVIEW</strong> <span class="column-hint">(esperando revisor)</span></p></div>
+  </section>
+  <section class="column" data-state="done" aria-labelledby="col-done-title">
+    <div class="column-head">
+      <h2 class="column-title" id="col-done-title">DONE</h2>
+      <span class="column-count" data-count="done" aria-label="cards en DONE">1</span>
+    </div>
+    <div class="column-body" data-cards="done" data-dropzone="true"><article class="card" data-card-id="T-00" data-state="done" data-type="bugfix" draggable="true" tabindex="0" role="button" aria-haspopup="dialog" aria-label="T-00 ┬À Cablear el guard anti-gate-verde-vac├¡o en el runner de gates"><header class="card-top"><span class="card-id">T-00</span><span class="badge badge--type">bugfix</span></header><h3 class="card-title">Cablear el guard anti-gate-verde-vac├¡o en el runner de gates</h3><div class="card-people"><span class="person person--owner" data-owner="e-testing-api-tester"><span class="avatar" style="--avatar-hue:183" title="API Tester ┬À testing-api-tester" data-agent-id="e-testing-api-tester">AT</span><span class="person-name">API Tester</span></span><span class="person person--reviewer person--unassigned" data-reviewer=""><span class="avatar avatar--empty" aria-hidden="true">?</span><span class="person-name">sin revisor</span></span><span class="rejections" data-rejections="1" title="Rechazos del revisor"><span class="rejections-mark" aria-hidden="true">Ôå║</span> 1</span></div><ul class="checklist" aria-label="Criterios de aceptaci├│n"><li class="check-item is-checked"><span class="check-box" aria-hidden="true">Ô£ô</span><span class="check-text">runTechnicalGates participa del guard: si la fase test sale con exit 0 pero testsActuallyRan es false, la fase test se reporta como not_run con reason expl├¡cita de gate verde vac├¡o (no PASS silencioso ni silencioso en otros campos)</span></li><li class="check-item is-checked"><span class="check-box" aria-hidden="true">Ô£ô</span><span class="check-text">si testsActuallyRan es true (p. ej. conteo legible '5 passed' o 'Tests: 5'), la fase test sigue en PASS sin regresi├│n</span></li><li class="check-item is-checked"><span class="check-box" aria-hidden="true">Ô£ô</span><span class="check-text">consolidate con ese resultado produce technicalOutcome fail/not_run (passed=false) y renderGate muestra el motivo de forma legible</span></li><li class="check-more">+3 criterios m├ís</li><li class="check-progress"><span class="check-progress-label">6/6 con evidencia</span><span class="check-progress-track" aria-hidden="true"><span class="check-progress-fill" style="width:100%"></span></span></li></ul><footer class="card-gates"><span class="gate-badge gate-badge--pass" data-outcome="pass" title="TEC: PASS"><span class="gate-key">TEC</span> PASS</span><span class="gate-badge gate-badge--pass" data-outcome="pass" title="SEC: PASS"><span class="gate-key">SEC</span> PASS</span><span class="gate-badge gate-badge--pass" data-outcome="pass" title="REQ: PASS"><span class="gate-key">REQ</span> PASS</span></footer></article></div>
+  </section>
+  <section class="column" data-state="rework" aria-labelledby="col-rework-title">
+    <div class="column-head">
+      <h2 class="column-title" id="col-rework-title">REWORK</h2>
+      <span class="column-count" data-count="rework" aria-label="cards en REWORK">0</span>
+    </div>
+    <div class="column-body" data-cards="rework" data-dropzone="true"><p class="column-empty">nada en <strong>REWORK</strong> <span class="column-hint">(rechazada, vuelve)</span></p></div>
+  </section>
+  <section class="column" data-state="blocked" aria-labelledby="col-blocked-title">
+    <div class="column-head">
+      <h2 class="column-title" id="col-blocked-title">BLOCKED</h2>
+      <span class="column-count" data-count="blocked" aria-label="cards en BLOCKED">0</span>
+    </div>
+    <div class="column-body" data-cards="blocked" data-dropzone="true"><p class="column-empty">nada en <strong>BLOCKED</strong> <span class="column-hint">(dependencia externa)</span></p></div>
+  </section>
+  <section class="column" data-state="escalated" aria-labelledby="col-escalated-title">
+    <div class="column-head">
+      <h2 class="column-title" id="col-escalated-title">ESCALATED</h2>
+      <span class="column-count" data-count="escalated" aria-label="cards en ESCALATED">0</span>
+    </div>
+    <div class="column-body" data-cards="escalated" data-dropzone="true"><p class="column-empty">nada en <strong>ESCALATED</strong> <span class="column-hint">(esperando decisi├│n)</span></p></div>
+  </section>
+</main>
+<footer class="app-foot">
+  <span class="read-only">read-only: drag-drop es visual, no persiste</span>
+  <span>legend</span>
+  <span class="gate-badge gate-badge--pass">PASS</span>
+  <span class="gate-badge gate-badge--fail">FAIL</span>
+  <span class="gate-badge gate-badge--not-run">NOT_RUN</span>
+  <span class="gate-badge gate-badge--na">N/A</span>
+  <span>click en card abre el detalle completo</span>
+</footer>
+<p class="sr-only" id="live-region" role="status" aria-live="polite">11 de 11 cards visibles</p>
+<dialog id="card-modal" aria-labelledby="card-modal-title">
+  <div class="modal-shell">
+    <div id="card-modal-content"></div>
+    <button class="modal-close" id="card-modal-close" type="button">cerrar (esc)</button>
+  </div>
+</dialog>
+<!-- Dataset embebido: lo regenera `node dashboard/build-kanban-data.mjs` desde .oficina/.
+     Se embebe para que el tablero funcione abriendo el archivo con file:// (sin CORS). -->
+<!--BEGIN_DATASET-->
+<script type="application/json" id="kanban-dataset">{"meta":{"runId":"run-87fc0537","objective":"","status":"running","iteration":0,"updatedAt":"2026-10-29T17:39:24.040Z","generatedAt":"2026-10-29T17:42:05.317Z","generator":"dashboard/build-kanban-data.mjs"},"agents":{"e-testing-api-tester":{"id":"e-testing-api-tester","displayName":"API Tester","role":"testing-api-tester","state":"idle_available","currentCard":null},"e-design-ui-finish-gate-reviewer":{"id":"e-design-ui-finish-gate-reviewer","displayName":"UI Finish-Gate Reviewer","role":"design-ui-finish-gate-reviewer","state":"idle_available","currentCard":null},"e-xr-immersive-developer":{"id":"e-xr-immersive-developer","displayName":"XR Immersive Developer","role":"xr-immersive-developer","state":"working","currentCard":"T-07"}},"cards":[{"id":"T-00","title":"Cablear el guard anti-gate-verde-vac├¡o en el runner de gates","type":"bugfix","state":"done","owner":"e-testing-api-tester","reviewer":null,"requiredCapabilities":["typescript","testing","vitest","node"],"scope":{"mayTouch":["src/core/gates.ts","src/core/office.ts","tests/gates.test.ts"],"forbidden":["src/hooks/**","src/cli.ts","dist/**","node_modules/**",".oficina/**"]},"acceptance":["runTechnicalGates participa del guard: si la fase test sale con exit 0 pero testsActuallyRan es false, la fase test se reporta como not_run con reason expl├¡cita de gate verde vac├¡o (no PASS silencioso ni silencioso en otros campos)","si testsActuallyRan es true (p. ej. conteo legible '5 passed' o 'Tests: 5'), la fase test sigue en PASS sin regresi├│n","consolidate con ese resultado produce technicalOutcome fail/not_run (passed=false) y renderGate muestra el motivo de forma legible","pmOfficeOffice.runGates / flujo Office.runGates queda cableado al guard v├¡a runTechnicalGates (sin duplicar l├│gica)","regresi├│n cubierta por tests vitest nuevos en tests/gates.test.ts (existen ya tests de testsActuallyRan; se agregan los del cableado)","npm run typecheck sin errores y npm test todo en verde (las 456 existentes + nuevas)"],"gate":"npm run typecheck && npm test (exit 0, 0 tests fallidos)","dependsOn":[],"attempts":1,"rejections":1,"artifacts":".oficina\\artifacts\\T-00","result":"APROBADO: REWORK 2 verificado (secuencia post-gate FAIL de secrecy): fixtures literales de secretos en tests/gates.test.ts neutralizados por concatenaci├│n ÔÇö runtime byte-a-byte id├®ntico (evaluado directo: FAKE_SK_LIVE Ôëí sk_live_abcdef123456, FAKE_AKIA Ôëí AKIAIOSFODNN7EXAMPLE), los tests de comportamiento de runSecurityGate siguen detectando secretos reales (29/29 en el archivo). Scanner sin cambios (decisi├│n correcta: no excluir tests/** ÔÇö no oculta secretos reales). Escaneo real del revisor: tests/gates.test.ts ÔåÆ [], src/core/gates.ts ÔåÆ [], src/core/office.ts ÔåÆ [], repositorio entero ÔåÆ []. C-001 sigue resuelto (sin deltas en gates.ts/office.ts desde mi aprobaci├│n previa). Findings ÔëÑ80: ninguno. Verificaci├│n independiente: typecheck exit 0; npm test 27 archivos / 466 passed, exit 0. Review completo en .oficina/artifacts/T-00/review-rework2.md.","helpRequests":[],"helpHops":0},{"id":"T-01","title":"Explorar estructura .oficina/ y definir schema de datos para el dashboard","type":"exploration","state":"todo","owner":"e-design-ui-finish-gate-reviewer","reviewer":"e-testing-api-tester","requiredCapabilities":["typescript","node","filesystem"],"scope":{"mayTouch":[".oficina/**"],"forbidden":["src/**","dist/**","node_modules/**"]},"acceptance":["Mapear todos los archivos en .oficina/ (state.json, roster.json, bus/*, evidence/*, leases/*, context.md, cost.json)","Definir TypeScript interfaces para cada tipo de dato que el dashboard consumira","Identificar que archivos cambian en tiempo real y frecuencia de actualizacion","Documentar estructura de mensajes en bus/ y formato de envelopes"],"gate":"TypeScript interfaces validadas y documentadas en artifacts/T-01/handoff.md","dependsOn":[],"attempts":0,"rejections":0,"artifacts":".oficina\\artifacts\\T-01","result":null,"helpRequests":[],"helpHops":0},{"id":"T-02","title":"Arquitectura del dashboard: single-page app con polling/WebSocket sobre archivos","type":"design","state":"todo","owner":"e-design-ui-finish-gate-reviewer","reviewer":"e-testing-api-tester","requiredCapabilities":["frontend-architecture","typescript","real-time-systems"],"scope":{"mayTouch":["dashboard/**"],"forbidden":["src/**",".oficina/**","dist/**","node_modules/**"]},"acceptance":["Diseno de arquitectura: HTML unico + CSS + JS vanilla/Alpine.js sin build step","Estrategia de polling: intervalos adaptativos por tipo de dato (state.json: 500ms, bus: 1s, roster: 2s)","WebSocket fallback si se detecta servidor (opcional, documentar)","Tema oscuro/claro con design tokens consistentes (OKLCH)","Responsive: desktop paneles lado a lado, mobile tabs/accordion","Accesibilidad: ARIA live regions, keyboard navigation, WCAG AA contrast"],"gate":"Architecture decision document en artifacts/T-02/handoff.md con decisiones y trade-offs","dependsOn":["T-01"],"attempts":0,"rejections":0,"artifacts":".oficina\\artifacts\\T-02","result":null,"helpRequests":[],"helpHops":0},{"id":"T-03","title":"Implementar mesa visual en vivo (panel principal)","type":"implementation","state":"todo","owner":"e-design-ui-finish-gate-reviewer","reviewer":"e-testing-api-tester","requiredCapabilities":["typescript","frontend","svg-canvas","real-time-ui"],"scope":{"mayTouch":["dashboard/**"],"forbidden":["src/**",".oficina/**","dist/**","node_modules/**"]},"acceptance":["Panel que lee roster.json y state.json y muestra agentes con estado visual (working/idle/no-heartbeat/dead)","Cards sin owner visibles con badge de 'unassigned'","Avatares de agentes con iniciales, color por rol, indicador de heartbeat (pulse animation)","Tooltip con capabilities, currentCard, idleSince, helpGiven/Received","Actualizacion en tiempo real via polling (500ms)","Keyboard navigation entre agentes, Enter para ver detalle"],"gate":"dashboard/mesa.html funcional + npm run typecheck + npm test pass","dependsOn":["T-02"],"attempts":0,"rejections":0,"artifacts":".oficina\\artifacts\\T-03","result":null,"helpRequests":[],"helpHops":0},{"id":"T-04","title":"Implementar bus de mensajes visible con threading y prioridades","type":"implementation","state":"todo","owner":"e-design-ui-finish-gate-reviewer","reviewer":"e-testing-api-tester","requiredCapabilities":["typescript","frontend","data-visualization","real-time-ui"],"scope":{"mayTouch":["dashboard/**"],"forbidden":["src/**",".oficina/**","dist/**","node_modules/**"]},"acceptance":["Panel que lee bus/peer/ y canales de coordinadores (coord-command, coord-arch, coord-flow)","Visualizacion tipo sequence diagram: flechas entre avatares, colores por prioridad (critical=red, high=orange, normal=blue, low=gray)","Threading visual: inReplyTo agrupa mensajes en hilos colapsables/expandibles","Filtros por kind (HELP_REQUEST, HELP_ACCEPT, CLAIM, RELEASE, SPAWN_REQUEST, etc.)","Timeline con timestamps relativos, auto-scroll opcional","Click en mensaje muestra detalle completo (body, ttl, hops, idempotency_key)"],"gate":"dashboard/bus.html funcional + typecheck + tests pass","dependsOn":["T-02"],"attempts":0,"rejections":0,"artifacts":".oficina\\artifacts\\T-04","result":null,"helpRequests":[],"helpHops":0},{"id":"T-05","title":"Implementar panel de debate/brainstorming trazable (HELP_REQUEST broadcast + respuestas)","type":"implementation","state":"todo","owner":"e-xr-immersive-developer","reviewer":null,"requiredCapabilities":["typescript","frontend","chat-ui","threading"],"scope":{"mayTouch":["dashboard/**"],"forbidden":["src/**",".oficina/**","dist/**","node_modules/**"]},"acceptance":["Deteccion automatica de HELP_REQUEST con to:['*'] (broadcast)","Vista tipo chat: burbujas con avatar, timestamp, agente, expandible para ver body completo","Respuestas (HELP_ACCEPT, HELP_DECLINE, HELP_PARTIAL, HELP_QUESTION) anidadas bajo el request","Indicador visual de estado: pending -> accepted/declined/partial -> completed","Colapso/expansion de hilos completos, contador de respuestas","ARIA live region para anuncios de nuevos mensajes en hilos abiertos"],"gate":"dashboard/debate.html funcional + typecheck + tests pass","dependsOn":["T-02"],"attempts":0,"rejections":0,"artifacts":".oficina\\artifacts\\T-05","result":null,"helpRequests":[],"helpHops":0},{"id":"T-06","title":"Implementar panel de intervencion del jefe (Commander/Integrator/Architect decisions)","type":"implementation","state":"todo","owner":"e-xr-immersive-developer","reviewer":null,"requiredCapabilities":["typescript","frontend","decision-tracking"],"scope":{"mayTouch":["dashboard/**"],"forbidden":["src/**",".oficina/**","dist/**","node_modules/**"]},"acceptance":["Tres secciones: Commander (scope/prioridades/escalations), Integrator (routing/leases/gates/deadlocks), Architect (tech decisions/patterns/contracts)","Lee decisions de state.json + mensajes en canales de coordinadores","Cada decision: timestamp, actor, cardId, decision, razon, siguiente accion","Filtro por coordinador, por card, por tipo de decision","Enlace a card afectada y a artifacts correspondientes"],"gate":"dashboard/leadership.html funcional + typecheck + tests pass","dependsOn":["T-02"],"attempts":0,"rejections":0,"artifacts":".oficina\\artifacts\\T-06","result":null,"helpRequests":[],"helpHops":0},{"id":"T-07","title":"Implementar Kanban visual de cards con drag-drop y acceptance criteria","type":"implementation","state":"in_progress","owner":"e-xr-immersive-developer","reviewer":null,"requiredCapabilities":["typescript","frontend","kanban","drag-drop"],"scope":{"mayTouch":["dashboard/**"],"forbidden":["src/**",".oficina/**","dist/**","node_modules/**"]},"acceptance":["Columnas: TODO, IN_PROGRESS, REVIEW, DONE, REWORK, BLOCKED, ESCALATED","Cards muestran: id, titulo, owner avatar, reviewer avatar, rejection count, acceptance checklist","Drag-drop opcional entre columnas (solo visual, no persiste - read-only dashboard)","Click en card abre modal con detalle completo: scope, acceptance, gate, artifacts, evidence links","Badges de estado gate: PASS/FAIL/NOT_RUN con colores","Filtro por owner, por tipo, por estado"],"gate":"dashboard/kanban.html funcional + typecheck + tests pass","dependsOn":["T-02"],"attempts":0,"rejections":0,"artifacts":".oficina\\artifacts\\T-07","result":null,"helpRequests":[],"helpHops":0},{"id":"T-08","title":"Implementar animacion de Factory creando agentes nuevos","type":"implementation","state":"todo","owner":"e-xr-immersive-developer","reviewer":null,"requiredCapabilities":["typescript","frontend","animation","svg-canvas"],"scope":{"mayTouch":["dashboard/**"],"forbidden":["src/**",".oficina/**","dist/**","node_modules/**"]},"acceptance":["Deteccion: cuando hay card sin match en catalogo (cobertura < 60% en roster/state)","Animacion secuencial: Factory creando agente... -> archivo .md apareciendo en .opencode/agents/ -> entrada al catalogo dinamico -> match en proxima card","Visualizacion: progress steps con checkmarks, archivo escribiendose con cursor parpadeante","Toast/notification cuando factory completa y agente aparece en roster","Click en notificacion abre ficha del agente fabricado"],"gate":"dashboard/factory.html funcional + typecheck + tests pass","dependsOn":["T-02"],"attempts":0,"rejections":0,"artifacts":".oficina\\artifacts\\T-08","result":null,"helpRequests":[],"helpHops":0},{"id":"T-09","title":"Implementar panel lateral de Gates y Evidencia con spinners y resultados","type":"implementation","state":"todo","owner":"e-testing-api-tester","reviewer":"e-design-ui-finish-gate-reviewer","requiredCapabilities":["typescript","frontend","real-time-ui","testing"],"scope":{"mayTouch":["dashboard/**"],"forbidden":["src/**",".oficina/**","dist/**","node_modules/**"]},"acceptance":["Panel lateral fijo (desktop) / bottom sheet (mobile) mostrando 7 gates","Fases: Build, Type check, Lint, Tests+coverage, Security grep, Diff review, Requisitos","Spinners animados mientras corren, iconos PASS/FAIL/NOT_RUN/N/A al terminar","Click en fase muestra output real (pega de evidence.md/gates.md)","Enlace a evidence.md y handoff.md de la card","Gate 7 (Requisitos): lista acceptance criteria con check/cross y link a evidencia registrada"],"gate":"dashboard/gates.html funcional + typecheck + tests pass","dependsOn":["T-02"],"attempts":0,"rejections":0,"artifacts":".oficina\\artifacts\\T-09","result":null,"helpRequests":[],"helpHops":0},{"id":"T-10","title":"Integrar todo en dashboard.html unico + README-DASHBOARD.md","type":"implementation","state":"todo","owner":"e-testing-api-tester","reviewer":"e-design-ui-finish-gate-reviewer","requiredCapabilities":["typescript","frontend","integration","documentation"],"scope":{"mayTouch":["dashboard/**"],"forbidden":["src/**",".oficina/**","dist/**","node_modules/**"]},"acceptance":["dashboard.html unico con todos los paneles (layout: header + sidebar tabs + main area)","Navegacion por tabs: Mesa | Bus | Debate | Jefe | Kanban | Factory | Gates","Persistencia de tab activo en localStorage","Tema oscuro/claro con toggle persistido","Atajos de teclado: 1-7 tabs, Espacio pause/resume polling, R refresh, ? ayuda","README-DASHBOARD.md con: como usarlo, que muestra cada panel, atajos, troubleshooting"],"gate":"dashboard.html abre en browser file:// + typecheck + tests pass + README completo","dependsOn":["T-03","T-04","T-05","T-06","T-07","T-08","T-09"],"attempts":0,"rejections":0,"artifacts":".oficina\\artifacts\\T-10","result":null,"helpRequests":[],"helpHops":0}],"gates":{"T-00":{"ranAt":"2026-10-29T03:28:55.630Z","technical":[{"phase":"build","command":"npm run build","outcome":"pass","detail":"exit 0 en 11254ms","reason":""},{"phase":"typecheck","command":"npm run typecheck","outcome":"pass","detail":"exit 0 en 10481ms","reason":""},{"phase":"lint","command":null,"outcome":"na","detail":"el proyecto no define script `lint`","reason":""},{"phase":"test","command":"npm run test","outcome":"pass","detail":"exit 0 en 38518ms","reason":""},{"phase":"secrecy","command":"scan:secretos","outcome":"pass","detail":"sin secretos en el scope","reason":""},{"phase":"diff","command":"git diff --stat HEAD","outcome":"pass","detail":"exit 0 en 448ms","reason":""}],"security":[{"phase":"secrecy","command":"scan:credenciales asignadas","outcome":"pass","detail":"credenciales asignadas ÔÇö limpio","reason":""},{"phase":"secrecy","command":"scan:claves de cloud","outcome":"pass","detail":"claves de cloud ÔÇö limpio","reason":""},{"phase":"secrecy","command":"scan:tokens de provider","outcome":"pass","detail":"tokens de provider ÔÇö limpio","reason":""}],"requirements":[],"technicalOutcome":"pass","securityOutcome":"pass","requirementsOutcome":"not_run","verdict":"pass"}},"evidence":{"T-00":[{"id":"ev-t-00-0-test-tests-gates-test-ts-guard-anti-gate-verde-vacio-","cardId":"T-00","requirement":"runTechnicalGates participa del guard: si la fase test sale con exit 0 pero testsActuallyRan es false, la fase test se reporta como not_run con reason expl├¡cita de gate verde vac├¡o (no PASS silencioso ni silencioso en otros campos)","requirementIndex":0,"mandatory":false,"kind":"test","level":2,"ref":"tests/gates.test.ts > Guard anti-gate-verde-vac├¡o > degrada a not_run la fase test que sale 0 sin tests","note":"runTechnicalGates marca la fase test como not_run con reason EMPTY_TEST_GATE_REASON cuando exit 0 y no hay conteo; conserva exitCode 0 y output real.","recordedAt":"1970-01-01T00:00:00.000Z","recordedBy":"e-testing-api-tester","passed":true},{"id":"ev-t-00-1-test-tests-gates-test-ts-guard-anti-gate-verde-vacio-","cardId":"T-00","requirement":"si testsActuallyRan es true (p. ej. conteo legible '5 passed' o 'Tests: 5'), la fase test sigue en PASS sin regresi├│n","requirementIndex":1,"mandatory":false,"kind":"test","level":2,"ref":"tests/gates.test.ts > Guard anti-gate-verde-vac├¡o > no degrada cuando el conteo es legible ('5 passed' / 'Tests: 5')","note":"Con conteo legible la fase test sigue en PASS; sin regresi├│n.","recordedAt":"1970-01-01T00:00:00.000Z","recordedBy":"e-testing-api-tester","passed":true},{"id":"ev-t-00-2-test-tests-gates-test-ts-guard-anti-gate-verde-vacio-","cardId":"T-00","requirement":"consolidate con ese resultado produce technicalOutcome fail/not_run (passed=false) y renderGate muestra el motivo de forma legible","requirementIndex":2,"mandatory":false,"kind":"test","level":2,"ref":"tests/gates.test.ts > Guard anti-gate-verde-vac├¡o > consolidate propaga not_run / renderGate muestra el motivo","note":"consolidate devuelve technicalOutcome=not_run y passed=false; renderGate incluye columna Motivo con el texto del gate verde vac├¡o.","recordedAt":"1970-01-01T00:00:00.000Z","recordedBy":"e-testing-api-tester","passed":true},{"id":"ev-t-00-3-test-tests-gates-test-ts-guard-anti-gate-verde-vacio-","cardId":"T-00","requirement":"pmOfficeOffice.runGates / flujo Office.runGates queda cableado al guard v├¡a runTechnicalGates (sin duplicar l├│gica)","requirementIndex":3,"mandatory":false,"kind":"test","level":2,"ref":"tests/gates.test.ts > Guard anti-gate-verde-vac├¡o > Office.runGates hereda el guard v├¡a runTechnicalGates","note":"Office.runGates no reimplementa el guard: delega en runTechnicalGates; gates.md en disco muestra el motivo.","recordedAt":"1970-01-01T00:00:00.000Z","recordedBy":"e-testing-api-tester","passed":true},{"id":"ev-t-00-4-artifact-tests-gates-test-ts","cardId":"T-00","requirement":"regresi├│n cubierta por tests vitest nuevos en tests/gates.test.ts (existen ya tests de testsActuallyRan; se agregan los del cableado)","requirementIndex":4,"mandatory":false,"kind":"artifact","level":2,"ref":"tests/gates.test.ts","note":"8 tests vitest nuevos en el describe 'Guard anti-gate-verde-vac├¡o' (27 en el archivo).","recordedAt":"1970-01-01T00:00:00.000Z","recordedBy":"e-testing-api-tester","passed":true},{"id":"ev-t-00-5-test-npm-run-typecheck-npm-test","cardId":"T-00","requirement":"npm run typecheck sin errores y npm test todo en verde (las 456 existentes + nuevas)","requirementIndex":5,"mandatory":false,"kind":"test","level":2,"ref":"npm run typecheck && npm test","note":"typecheck exit 0; vitest 27 archivos / 464 tests en verde, 0 fallidos.","recordedAt":"1970-01-01T00:00:00.000Z","recordedBy":"e-testing-api-tester","passed":true}]}}</script>
+<!--END_DATASET-->
+<script src="./kanban-source.js"></script>
+<script>
+(function () {
+  "use strict"
+  var Core = globalThis.KanbanSource
+  var board = document.getElementById("board")
+  var modal = document.getElementById("card-modal")
+  var modalContent = document.getElementById("card-modal-content")
+  var live = document.getElementById("live-region")
+  var ownerSelect = document.getElementById("filter-owner")
+  var typeSelect = document.getElementById("filter-type")
+  var stateSelect = document.getElementById("filter-state")
+  var searchInput = document.getElementById("filter-search")
+  var sourceLabel = document.getElementById("data-source")
+  var view = Core.normalizeDataset({})
+  var filters = { owner: "all", type: "all", state: "all", q: "" }
+  var lastFocused = null
+  // ÔöÇÔöÇ Dataset ÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇ
+  function embeddedDataset() {
+    var el = document.getElementById("kanban-dataset")
+    if (!el) return { cards: [], agents: {} }
+    try {
+      return JSON.parse(el.textContent)
+    } catch (err) {
+      return { cards: [], agents: {} }
+    }
+  }
+  function datasetUrl() {
+    var params = new URLSearchParams(location.search)
+    return params.get("data")
+  }
+  function describe(dataset) {
+    var meta = dataset.meta || {}
+    var run = document.getElementById("run-meta")
+    var objective = meta.objective || "(sin objetivo registrado)"
+    run.innerHTML = "run <strong>" + Core.escapeHtml(meta.runId || "ÔÇö") + "</strong> ┬À estado <strong>" +
+      Core.escapeHtml(meta.status || "ÔÇö") + "</strong> ┬À " + Core.escapeHtml(objective)
+  }
+  function load(dataset, label) {
+    view = Core.normalizeDataset(dataset)
+    describe(dataset)
+    sourceLabel.textContent = label
+    buildFilterOptions()
+    render()
+  }
+  function loadFrom(url, label) {
+    return fetch(url, { cache: "no-store" })
+      .then(function (res) {
+        if (!res.ok) throw new Error("HTTP " + res.status)
+        return res.json()
+      })
+      .then(function (dataset) {
+        load(dataset, label)
+        announce("Datos recargados desde " + label)
+      })
+      .catch(function (err) {
+        load(embeddedDataset(), "snapshot embebido (fetch fall├│: " + err.message + ")")
+        announce("No se pudo leer " + label + ". Se usa el snapshot embebido.")
+      })
+  }
+  function bootstrap() {
+    var url = datasetUrl()
+    if (url) {
+      loadFrom(url, url)
+    } else {
+      load(embeddedDataset(), "snapshot embebido")
+    }
+  }
+  // ÔöÇÔöÇ Filtros ÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇ
+  function option(value, label) {
+    var opt = document.createElement("option")
+    opt.value = value
+    opt.textContent = label
+    return opt
+  }
+  function buildFilterOptions() {
+    while (ownerSelect.options.length > 1) ownerSelect.remove(1)
+    var owners = {}
+    view.cards.forEach(function (card) {
+      if (card.owner) owners[card.owner.id] = card.owner.name
+    })
+    Object.keys(owners).sort().forEach(function (id) {
+      ownerSelect.appendChild(option(id, owners[id] + " (" + id + ")"))
+    })
+    if (view.cards.some(function (card) { return !card.owner })) {
+      ownerSelect.appendChild(option("unassigned", "sin asignar"))
+    }
+    while (typeSelect.options.length > 1) typeSelect.remove(1)
+    var types = {}
+    view.cards.forEach(function (card) { types[card.type] = true })
+    Object.keys(types).sort().forEach(function (type) {
+      typeSelect.appendChild(option(type, type))
+    })
+    while (stateSelect.options.length > 1) stateSelect.remove(1)
+    Core.COLUMNS.forEach(function (column) {
+      stateSelect.appendChild(option(column.id, column.label))
+    })
+    ownerSelect.value = filters.owner
+    typeSelect.value = filters.type
+    stateSelect.value = filters.state
+  }
+  function readFilters() {
+    filters.owner = ownerSelect.value
+    filters.type = typeSelect.value
+    filters.state = stateSelect.value
+    filters.q = searchInput.value.trim()
+  }
+  // ÔöÇÔöÇ Render ÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇ
+  function render() {
+    var groups = Core.groupByColumn(Core.filterCards(view.cards, filters))
+    var active = filters.owner !== "all" || filters.type !== "all" || filters.state !== "all" || filters.q !== ""
+    Core.COLUMN_IDS.forEach(function (id) {
+      var body = board.querySelector('[data-cards="' + id + '"]')
+      var column = Core.COLUMNS.filter(function (c) { return c.id === id })[0]
+      body.innerHTML = Core.columnBodyHtml(column, groups[id])
+      var counter = board.querySelector('[data-count="' + id + '"]')
+      var total = view.cards.filter(function (card) { return card.state === id }).length
+      counter.textContent = active ? groups[id].length + "/" + total : String(total)
+    })
+    var visible = Core.filterCards(view.cards, filters).length
+    document.getElementById("count-total").textContent = String(view.cards.length)
+    document.getElementById("count-visible").textContent = String(visible)
+    var msg = visible + " de " + view.cards.length + " cards visibles"
+    if (active) msg += " con filtros activos"
+    live.textContent = msg
+  }
+  function announce(message) {
+    live.textContent = message
+  }
+  function cardById(id) {
+    for (var i = 0; i < view.cards.length; i++) {
+      if (view.cards[i].id === id) return view.cards[i]
+    }
+    return null
+  }
+  // ÔöÇÔöÇ Modal ÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇ
+  function openCard(id) {
+    var card = cardById(id)
+    if (!card) return
+    lastFocused = document.activeElement
+    modalContent.innerHTML = Core.modalHtml(card)
+    if (typeof modal.showModal === "function") {
+      modal.showModal()
+    } else {
+      modal.setAttribute("open", "open")
+    }
+    var closeBtn = document.getElementById("card-modal-close")
+    if (closeBtn) closeBtn.focus()
+    announce("Detalle de " + card.id + " abierto")
+  }
+  function closeModal() {
+    if (typeof modal.close === "function") modal.close()
+    else modal.removeAttribute("open")
+    if (lastFocused && typeof lastFocused.focus === "function") lastFocused.focus()
+    announce("Detalle cerrado")
+  }
+  document.getElementById("card-modal-close").addEventListener("click", closeModal)
+  modal.addEventListener("click", function (event) {
+    if (event.target === modal) closeModal()
+  })
+  modal.addEventListener("close", function () {
+    if (lastFocused && typeof lastFocused.focus === "function") lastFocused.focus()
+  })
+  // ÔöÇÔöÇ Interacci├│n del tablero ÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇ
+  board.addEventListener("click", function (event) {
+    var card = event.target.closest(".card")
+    if (card) openCard(card.getAttribute("data-card-id"))
+  })
+  board.addEventListener("keydown", function (event) {
+    var card = event.target.closest ? event.target.closest(".card") : null
+    if (!card) return
+    if (event.key === "Enter" || event.key === " " || event.key === "Spacebar") {
+      event.preventDefault()
+      openCard(card.getAttribute("data-card-id"))
+    }
+  })
+  // ÔöÇÔöÇ Drag & drop (visual, no persiste) ÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇ
+  // DRAG-DROP:start
+  var dragged = null
+  function onDragStart(event) {
+    var card = event.target.closest ? event.target.closest(".card") : null
+    if (!card) return
+    dragged = card
+    card.classList.add("dragging")
+    if (event.dataTransfer) {
+      event.dataTransfer.effectAllowed = "move"
+      try { event.dataTransfer.setData("text/plain", card.getAttribute("data-card-id")) } catch (err) { /* noop */ }
+    }
+  }
+  function onDragEnd() {
+    if (dragged) dragged.classList.remove("dragging")
+    dragged = null
+    board.querySelectorAll(".column-body.drop-target").forEach(function (body) {
+      body.classList.remove("drop-target")
+    })
+  }
+  function onDragOver(event) {
+    var zone = event.target.closest ? event.target.closest("[data-dropzone]") : null
+    if (!zone) return
+    event.preventDefault()
+    if (event.dataTransfer) event.dataTransfer.dropEffect = "move"
+    board.querySelectorAll(".column-body.drop-target").forEach(function (body) {
+      if (body !== zone) body.classList.remove("drop-target")
+    })
+    zone.classList.add("drop-target")
+  }
+  function onDragLeave(event) {
+    var zone = event.target.closest ? event.target.closest("[data-dropzone]") : null
+    if (!zone) return
+    if (event.relatedTarget && zone.contains(event.relatedTarget)) return
+    zone.classList.remove("drop-target")
+  }
+  // El drop solo mueve el nodo en el DOM. No hay red ni storage: el tablero
+  // es read-only por contrato, y un reload descarta cualquier movimiento.
+  function onDrop(event) {
+    var zone = event.target.closest ? event.target.closest("[data-dropzone]") : null
+    if (!zone || !dragged) return
+    event.preventDefault()
+    var card = dragged
+    var targetState = zone.getAttribute("data-cards")
+    var originState = card.getAttribute("data-state")
+    var originBody = card.parentElement
+    zone.appendChild(card)
+    card.setAttribute("data-visual-state", targetState)
+    card.setAttribute("data-moved", targetState !== originState ? "true" : "false")
+    var note = card.querySelector(".card-moved-note")
+    if (targetState !== originState) {
+      if (!note) {
+        note = document.createElement("p")
+        note.className = "card-moved-note check-more"
+        note.textContent = "movida visualmente desde " + originState + " (no persiste)"
+        card.appendChild(note)
+      } else {
+        note.textContent = "movida visualmente desde " + originState + " (no persiste)"
+      }
+    } else if (note) {
+      note.remove()
+    }
+    if (originBody) originBody.classList.remove("drop-target")
+    zone.classList.remove("drop-target")
+    dragged = null
+    refreshCountsFromDom()
+    announce("Card " + card.getAttribute("data-card-id") + " movida a " + targetState + " (cambio visual, no se guarda)")
+  }
+  // DRAG-DROP:end
+  function refreshCountsFromDom() {
+    Core.COLUMN_IDS.forEach(function (id) {
+      var body = board.querySelector('[data-cards="' + id + '"]')
+      var count = body ? body.querySelectorAll(".card").length : 0
+      var counter = board.querySelector('[data-count="' + id + '"]')
+      if (counter) counter.textContent = String(count)
+    })
+  }
+  board.addEventListener("dragstart", onDragStart)
+  board.addEventListener("dragend", onDragEnd)
+  board.addEventListener("dragover", onDragOver)
+  board.addEventListener("dragleave", onDragLeave)
+  board.addEventListener("drop", onDrop)
+  // ÔöÇÔöÇ Wiring de filtros ÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇÔöÇ
+  function onFilterChange() {
+    readFilters()
+    render()
+  }
+  ownerSelect.addEventListener("change", onFilterChange)
+  typeSelect.addEventListener("change", onFilterChange)
+  stateSelect.addEventListener("change", onFilterChange)
+  searchInput.addEventListener("input", onFilterChange)
+  document.getElementById("reset-view").addEventListener("click", function () {
+    filters = { owner: "all", type: "all", state: "all", q: "" }
+    ownerSelect.value = "all"
+    typeSelect.value = "all"
+    stateSelect.value = "all"
+    searchInput.value = ""
+    render()
+    announce("Vista restablecida: movimientos visuales descartados")
+  })
+  document.getElementById("refresh-data").addEventListener("click", function () {
+    var url = datasetUrl()
+    if (url) loadFrom(url, url)
+    else load(embeddedDataset(), "snapshot embebido")
+  })
+  bootstrap()
+})()
+</script>
+</body></html>