Crédito — Risk Intelligence (mock)

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_205":206,"_207":208},"routes/_app.x.$handle.$name",{"_96":95,"_32":44,"_104":86,"_27":105,"_13":14,"_106":-5,"_11":107,"_108":109,"_110":111,"_112":113,"_114":115,"_20":-5,"_116":-5,"_117":-5,"_118":25,"_119":120,"_121":58,"_122":-5,"_123":-5,"_124":125},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_42":43,"_32":44,"_37":45,"_46":-5,"_47":25,"_48":49,"_50":49,"_51":52,"_53":-5,"_18":54,"_55":56,"_57":58,"_59":-5,"_60":-5,"_61":62,"_63":64,"_65":-5,"_66":-5,"_67":-5,"_68":-5,"_69":70,"_71":70,"_72":73,"_74":73,"_75":73,"_76":70,"_77":70,"_78":79,"_80":81,"_82":83,"_84":25},"version",50,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":28,"_33":20,"_34":36,"_37":38,"_39":14,"_40":41,"_24":25},"previous",{"_30":31,"_32":28,"_33":20,"_34":35},"deleted",false,"deletedHere","path","styles.css","latestPath","fileId","4ee4523c-9d76-11f1-b524-1607ee4eb77e","name","fileType","content","/* Risk Intelligence — Crédito (mock) — tokens del baseline RI (04-design-system-mapping.md)\n Prohibido hex fuera de :root [inviolable L-7] */\n:root {\n --bg-app: #eff3f8;\n --primary: #0d77bf;\n --secondary: #1f2a4e;\n --text: #000;\n --text-2: #434343;\n --border: #dfdfdf;\n --hover: #d9e2ed;\n --skeleton: #d9e2ed;\n --sem-error: #c10007;\n --fondo-error: #ffe2e2;\n --sem-ok: #008236;\n --fondo-ok: #dcfce7;\n --sem-warn: #de560d;\n --fondo-alerta: #ffedd4;\n --surface-container: #ffffff;\n --surface-card: #eff3f8;\n --radius-container: 20px;\n --radius-panel: 10px;\n --radius-card: 8px;\n --sp: 4px;\n --font: 'Inter', sans-serif;\n}\n* { box-sizing: border-box; margin: 0; padding: 0; }\nhtml, body { height: 100%; }\nbody { font-family: var(--font); background: var(--bg-app); color: var(--text); font-size: 13px; }\n.num { font-variant-numeric: tabular-nums; }\n\n/* ---------- Header global ---------- */\n.app-header {\n display: flex; align-items: center; gap: 16px;\n padding: 10px 24px; background: var(--bg-app);\n}\n.brand { font-weight: 800; font-size: 18px; color: var(--secondary); letter-spacing: 0.5px; }\n.brand small { display: block; font-size: 8px; font-weight: 600; letter-spacing: 2px; color: var(--text-2); }\n.tenant {\n display: flex; align-items: center; gap: 8px; background: var(--surface-container);\n border: 1px solid var(--border); border-radius: var(--radius-card); padding: 8px 12px;\n font-weight: 600; font-size: 13px;\n}\n.modules {\n margin: 0 auto; display: flex; gap: 4px; background: var(--surface-container);\n border-radius: 16px; padding: 6px; box-shadow: 0 1px 3px rgba(31,42,78,0.08);\n}\n.module-tab {\n display: flex; flex-direction: column; align-items: center; gap: 2px;\n padding: 8px 22px; border-radius: 12px; font-size: 11px; font-weight: 600;\n color: var(--text-2); border: none; background: transparent; cursor: default; font-family: var(--font);\n}\n.module-tab .mico { font-size: 15px; }\n.module-tab.active { background: var(--primary); color: #fff; }\n.module-tab.disabled { color: var(--border); }\n.header-right { display: flex; align-items: center; gap: 14px; }\n.avatar {\n width: 36px; height: 36px; border-radius: var(--radius-card); background: var(--secondary);\n color: #fff; display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 12px;\n}\n.hicon { color: var(--secondary); font-size: 16px; }\n\n/* ---------- Layout ---------- */\n.app-body { display: flex; align-items: flex-start; }\n.sidebar { width: 232px; flex-shrink: 0; padding: 8px 12px 24px 24px; }\n.sidebar h1 { font-size: 26px; font-weight: 800; color: var(--secondary); margin: 6px 0 18px 6px; }\n.menu-item {\n display: flex; align-items: center; gap: 10px; width: 100%;\n padding: 11px 14px; margin-bottom: 2px; border: none; background: transparent;\n border-radius: var(--radius-panel); font-family: var(--font); font-size: 13.5px; font-weight: 500;\n color: var(--text); cursor: pointer; text-align: left;\n}\n.menu-item:hover { background: var(--hover); }\n.menu-item.active { background: var(--surface-container); font-weight: 600; box-shadow: 0 1px 3px rgba(31,42,78,0.10); }\n.menu-item .ico { width: 18px; text-align: center; color: var(--secondary); }\n.main {\n flex: 1; background: var(--surface-container); border-radius: var(--radius-container);\n margin: 0 24px 24px 0; padding: 20px 24px 28px; min-height: 86vh; min-width: 0;\n}\n\n/* ---------- Cabecera de sección (badges FUERA de paneles skeletonizables — X-2) ---------- */\n.section-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; flex-wrap: wrap; }\n.breadcrumb { display: flex; align-items: center; gap: 8px; font-size: 14px; padding-top: 6px; }\n.breadcrumb .home { color: var(--secondary); }\n.breadcrumb .sep { color: var(--text-2); }\n.breadcrumb .leaf { font-weight: 600; }\n.head-badges { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; justify-content: flex-end; }\n.badge-supuesto {\n display: inline-flex; align-items: center; gap: 6px;\n background: var(--surface-card); border: 1px solid var(--border);\n border-radius: 999px; padding: 7px 14px; font-size: 12px; color: var(--text-2); font-weight: 500;\n}\n.badge-supuesto .lbl { font-weight: 700; color: var(--secondary); }\n.badge-data {\n display: inline-flex; align-items: center; gap: 8px; background: var(--surface-card);\n border-radius: var(--radius-card); padding: 8px 14px; font-size: 13px;\n}\n.badge-data b { font-weight: 700; }\n.badge-data.warn { background: var(--fondo-alerta); color: var(--sem-warn); }\n.badge-data.err { background: var(--fondo-error); color: var(--sem-error); }\n.dataset-select, .btn-filtros {\n display: inline-flex; align-items: center; gap: 8px; background: var(--surface-container);\n border: 1px solid var(--border); border-radius: var(--radius-card); padding: 8px 14px;\n font-family: var(--font); font-size: 13px; cursor: pointer;\n}\n.btn-filtros { font-weight: 600; }\n.btn-filtros .count {\n background: var(--primary); color: #fff; border-radius: 999px;\n font-size: 10px; width: 16px; height: 16px; display: inline-flex; align-items: center; justify-content: center;\n}\n\n/* ---------- Tabs pill ---------- */\n.tabs-bar {\n display: inline-flex; gap: 6px; background: var(--surface-card);\n border-radius: 12px; padding: 6px; margin: 16px 0 18px;\n}\n.tab-pill {\n border: none; background: transparent; font-family: var(--font); font-size: 13px; font-weight: 600;\n color: var(--text-2); padding: 8px 20px; border-radius: var(--radius-card); cursor: pointer;\n}\n.tab-pill.active { background: var(--surface-container); color: var(--text); border: 1px solid var(--border); }\n\n/* ---------- Dashboard grid ---------- */\n.dash { display: grid; grid-template-columns: 230px 1fr; gap: 16px; align-items: start; }\n.kpi-col { display: flex; flex-direction: column; gap: 12px; }\n.kpi-card { background: var(--surface-card); border-radius: var(--radius-card); padding: 14px 16px; }\n.kpi-card h3 { font-size: 13px; font-weight: 700; margin-bottom: 6px; }\n.kpi-card .big { font-size: 21px; font-weight: 800; letter-spacing: -0.3px; }\n.kpi-card .sub { font-size: 10.5px; color: var(--text-2); margin-top: 3px; line-height: 1.35; }\n.kpi-card .rows { margin-top: 10px; display: flex; flex-direction: column; gap: 4px; }\n.kpi-card .row { display: flex; justify-content: space-between; font-size: 11.5px; color: var(--text-2); }\n.kpi-card .row b { color: var(--text); font-weight: 600; }\n.trend { font-weight: 700; color: var(--secondary); } /* Δ de riesgo/mezcla: neutro SIEMPRE (L-5/L-6) */\n.grid-2x2 { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; min-width: 0; }\n.panel {\n background: var(--surface-container); border: 1px solid var(--border);\n border-radius: var(--radius-panel); padding: 14px 16px; min-width: 0; min-height: 300px;\n display: flex; flex-direction: column;\n}\n.panel-head { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 8px; flex-wrap: wrap; }\n.panel-head h2 { font-size: 14.5px; font-weight: 700; }\n.chart-box { flex: 1; min-height: 230px; }\n.panel-foot { font-size: 10.5px; color: var(--text-2); margin-top: 8px; line-height: 1.4; }\n.seg {\n display: inline-flex; background: var(--surface-card); border-radius: var(--radius-card); padding: 3px; gap: 2px;\n}\n.seg button {\n border: none; background: transparent; font-family: var(--font); font-size: 11px; font-weight: 600;\n color: var(--text-2); padding: 5px 10px; border-radius: 6px; cursor: pointer;\n}\n.seg button.active { background: var(--surface-container); color: var(--text); border: 1px solid var(--border); }\n.select-mini {\n font-family: var(--font); font-size: 12px; border: 1px solid var(--border);\n border-radius: var(--radius-card); padding: 5px 8px; background: var(--surface-container);\n}\n\n/* ---------- Estado / pills ---------- */\n.pill { display: inline-flex; align-items: center; gap: 5px; border-radius: 999px; padding: 3px 10px; font-size: 11px; font-weight: 700; }\n.pill.ok { background: var(--fondo-ok); color: var(--sem-ok); }\n.pill.warn { background: var(--fondo-alerta); color: var(--sem-warn); }\n.pill.err { background: var(--fondo-error); color: var(--sem-error); }\n.pill.na { background: var(--surface-card); color: var(--text-2); border: 1px solid var(--border); }\n.chip-mon { display: inline-block; border: 1px solid var(--border); background: var(--surface-card); color: var(--text-2); border-radius: 4px; padding: 1px 7px; font-size: 10.5px; font-weight: 600; }\n\n/* ---------- Tabla ---------- */\n.tbl-wrap { flex: 1; overflow: auto; }\ntable.tbl { width: 100%; border-collapse: collapse; font-size: 12px; }\n.tbl th { text-align: right; font-weight: 700; padding: 7px 8px; border-bottom: 1px solid var(--border); white-space: nowrap; }\n.tbl th.gh { text-align: center; border-bottom: 1px solid var(--border); color: var(--text-2); font-size: 11px; }\n.tbl th:first-child, .tbl td:first-child { text-align: left; }\n.tbl td { padding: 7px 8px; border-bottom: 1px solid var(--surface-card); text-align: right; white-space: nowrap; }\n.tbl tr.grp td { font-weight: 700; cursor: pointer; }\n.tbl tr.grp:hover td { background: var(--hover); }\n.tbl tr.child td:first-child { padding-left: 26px; color: var(--text-2); }\n.tbl .caret { display: inline-block; width: 14px; color: var(--text-2); font-size: 10px; }\n.btn-export {\n border: 1px solid var(--border); background: var(--surface-container); border-radius: var(--radius-card);\n font-family: var(--font); font-size: 11.5px; font-weight: 600; padding: 5px 12px; cursor: pointer; color: var(--secondary);\n}\n\n/* ---------- Estados UI ---------- */\n.skeleton { border-radius: var(--radius-panel); background: var(--skeleton); animation: pulse 1.4s ease-in-out infinite; min-height: 300px; }\n.skeleton.sm { min-height: 96px; border-radius: var(--radius-card); }\n@keyframes pulse { 0%,100% { opacity: 1; } 50% { opacity: 0.55; } }\n@media (prefers-reduced-motion: reduce) { .skeleton { animation: none; } }\n.state-box { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; text-align: center; padding: 20px; }\n.state-box .t { font-weight: 700; font-size: 13.5px; }\n.state-box .d { color: var(--text-2); font-size: 12px; max-width: 340px; line-height: 1.45; }\n.state-box .ic { font-size: 26px; }\n.btn-retry {\n margin-top: 6px; border: none; background: var(--primary); color: #fff; font-family: var(--font);\n font-weight: 600; font-size: 12px; padding: 8px 18px; border-radius: var(--radius-card); cursor: pointer;\n}\n\n/* ---------- Placeholder de sección ---------- */\n.placeholder-note {\n background: var(--surface-card); border: 1px dashed var(--border); border-radius: var(--radius-panel);\n padding: 34px; text-align: center; color: var(--text-2); margin-top: 8px;\n}\n.placeholder-note b { color: var(--secondary); display: block; font-size: 15px; margin-bottom: 6px; }\n\n/* ---------- Panel de filtros (derecho) ---------- */\n.filters-overlay { position: fixed; inset: 0; background: rgba(31,42,78,0.25); z-index: 40; }\n.filters-panel {\n position: fixed; top: 0; right: 0; bottom: 0; width: 320px; background: var(--surface-container);\n z-index: 41; padding: 20px; overflow-y: auto; box-shadow: -4px 0 16px rgba(31,42,78,0.15);\n}\n.filters-panel h2 { font-size: 16px; font-weight: 800; color: var(--secondary); margin-bottom: 14px; }\n.f-group { margin-bottom: 16px; }\n.f-group label { display: block; font-size: 11px; font-weight: 700; color: var(--text-2); margin-bottom: 5px; text-transform: uppercase; letter-spacing: 0.4px; }\n.f-group select, .f-group input {\n width: 100%; font-family: var(--font); font-size: 12.5px; border: 1px solid var(--border);\n border-radius: var(--radius-card); padding: 8px 10px; background: var(--surface-container);\n}\n.f-sep { border-top: 1px solid var(--border); margin: 14px 0; }\n.f-note { font-size: 10.5px; color: var(--text-2); line-height: 1.4; }\n\n/* ---------- Switcher de estado del prototipo ---------- */\n.proto-switch {\n position: fixed; bottom: 16px; right: 16px; z-index: 50;\n background: var(--secondary); color: #fff; border-radius: var(--radius-panel);\n padding: 10px 12px; box-shadow: 0 4px 14px rgba(31,42,78,0.35); font-size: 11px;\n}\n.proto-switch .t { font-weight: 700; margin-bottom: 6px; opacity: 0.8; }\n.proto-switch .opts { display: flex; gap: 4px; flex-wrap: wrap; }\n.proto-switch button {\n border: 1px solid rgba(255,255,255,0.3); background: transparent; color: #fff;\n font-family: var(--font); font-size: 10.5px; font-weight: 600; padding: 4px 9px; border-radius: 6px; cursor: pointer;\n}\n.proto-switch button.active { background: #fff; color: var(--secondary); }\n\n@media (max-width: 1100px) {\n .dash { grid-template-columns: 1fr; }\n .kpi-col { flex-direction: row; flex-wrap: wrap; }\n .kpi-card { flex: 1 1 180px; }\n .grid-2x2 { grid-template-columns: 1fr; }\n}\n\n/* F2.3 — Métricas de Riesgo */\n.seg-medida { margin-right: 6px; }\n.seg-medida button { font-weight: 600; min-width: 40px; }\n.seg button[disabled] { opacity: .45; cursor: not-allowed; }\n.mr-nota { grid-column: 1 / -1; margin-top: 10px; padding: 8px 12px; font-size: 11px; color: var(--text-2); background: var(--card-bg); border: 1px dashed var(--border); border-radius: var(--radius); }\n","/* Risk Intelligence — Crédito (mock) — tokens del baseline RI (04-design-system-mapping.md)\n Prohibido hex fuera de :root [inviolable L-7] */\n:root {\n --bg-app: #eff3f8;\n --primary: #0d77bf;\n --secondary: #1f2a4e;\n --text: #000;\n --text-2: #434343;\n --border: #dfdfdf;\n --hover: #d9e2ed;\n --skeleton: #d9e2ed;\n --sem-error: #c10007;\n --fondo-error: #ffe2e2;\n --sem-ok: #008236;\n --fondo-ok: #dcfce7;\n --sem-warn: #de560d;\n --fondo-alerta: #ffedd4;\n --surface-container: #ffffff;\n --surface-card: #eff3f8;\n --radius-container: 20px;\n --radius-panel: 10px;\n --radius-card: 8px;\n --sp: 4px;\n --font: 'Inter', sans-serif;\n}\n* { box-sizing: border-box; margin: 0; padding: 0; }\nhtml, body { height: 100%; }\nbody { font-family: var(--font); background: var(--bg-app); color: var(--text); font-size: 13px; }\n.num { font-variant-numeric: tabular-nums; }\n\n/* ---------- Header global ---------- */\n.app-header {\n display: flex; align-items: center; gap: 16px;\n padding: 10px 24px; background: var(--bg-app);\n}\n.brand { font-weight: 800; font-size: 18px; color: var(--secondary); letter-spacing: 0.5px; }\n.brand small { display: block; font-size: 8px; font-weight: 600; letter-spacing: 2px; color: var(--text-2); }\n.tenant {\n display: flex; align-items: center; gap: 8px; background: var(--surface-container);\n border: 1px solid var(--border); border-radius: var(--radius-card); padding: 8px 12px;\n font-weight: 600; font-size: 13px;\n}\n.modules {\n margin: 0 auto; display: flex; gap: 4px; background: var(--surface-container);\n border-radius: 16px; padding: 6px; box-shadow: 0 1px 3px rgba(31,42,78,0.08);\n}\n.module-tab {\n display: flex; flex-direction: column; align-items: center; gap: 2px;\n padding: 8px 22px; border-radius: 12px; font-size: 11px; font-weight: 600;\n color: var(--text-2); border: none; background: transparent; cursor: default; font-family: var(--font);\n}\n.module-tab .mico { font-size: 15px; }\n.module-tab.active { background: var(--primary); color: #fff; }\n.module-tab.disabled { color: var(--border); }\n.header-right { display: flex; align-items: center; gap: 14px; }\n.avatar {\n width: 36px; height: 36px; border-radius: var(--radius-card); background: var(--secondary);\n color: #fff; display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 12px;\n}\n.hicon { color: var(--secondary); font-size: 16px; }\n\n/* ---------- Layout ---------- */\n.app-body { display: flex; align-items: flex-start; }\n.sidebar { width: 232px; flex-shrink: 0; padding: 8px 12px 24px 24px; }\n.sidebar h1 { font-size: 26px; font-weight: 800; color: var(--secondary); margin: 6px 0 18px 6px; }\n.menu-item {\n display: flex; align-items: center; gap: 10px; width: 100%;\n padding: 11px 14px; margin-bottom: 2px; border: none; background: transparent;\n border-radius: var(--radius-panel); font-family: var(--font); font-size: 13.5px; font-weight: 500;\n color: var(--text); cursor: pointer; text-align: left;\n}\n.menu-item:hover { background: var(--hover); }\n.menu-item.active { background: var(--surface-container); font-weight: 600; box-shadow: 0 1px 3px rgba(31,42,78,0.10); }\n.menu-item .ico { width: 18px; text-align: center; color: var(--secondary); }\n.main {\n flex: 1; background: var(--surface-container); border-radius: var(--radius-container);\n margin: 0 24px 24px 0; padding: 20px 24px 28px; min-height: 86vh; min-width: 0;\n}\n\n/* ---------- Cabecera de sección (badges FUERA de paneles skeletonizables — X-2) ---------- */\n.section-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; flex-wrap: wrap; }\n.breadcrumb { display: flex; align-items: center; gap: 8px; font-size: 14px; padding-top: 6px; }\n.breadcrumb .home { color: var(--secondary); }\n.breadcrumb .sep { color: var(--text-2); }\n.breadcrumb .leaf { font-weight: 600; }\n.head-badges { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; justify-content: flex-end; }\n.badge-supuesto {\n display: inline-flex; align-items: center; gap: 6px;\n background: var(--surface-card); border: 1px solid var(--border);\n border-radius: 999px; padding: 7px 14px; font-size: 12px; color: var(--text-2); font-weight: 500;\n}\n.badge-supuesto .lbl { font-weight: 700; color: var(--secondary); }\n.badge-data {\n display: inline-flex; align-items: center; gap: 8px; background: var(--surface-card);\n border-radius: var(--radius-card); padding: 8px 14px; font-size: 13px;\n}\n.badge-data b { font-weight: 700; }\n.badge-data.warn { background: var(--fondo-alerta); color: var(--sem-warn); }\n.badge-data.err { background: var(--fondo-error); color: var(--sem-error); }\n.dataset-select, .btn-filtros {\n display: inline-flex; align-items: center; gap: 8px; background: var(--surface-container);\n border: 1px solid var(--border); border-radius: var(--radius-card); padding: 8px 14px;\n font-family: var(--font); font-size: 13px; cursor: pointer;\n}\n.btn-filtros { font-weight: 600; }\n.btn-filtros .count {\n background: var(--primary); color: #fff; border-radius: 999px;\n font-size: 10px; width: 16px; height: 16px; display: inline-flex; align-items: center; justify-content: center;\n}\n\n/* ---------- Tabs pill ---------- */\n.tabs-bar {\n display: inline-flex; gap: 6px; background: var(--surface-card);\n border-radius: 12px; padding: 6px; margin: 16px 0 18px;\n}\n.tab-pill {\n border: none; background: transparent; font-family: var(--font); font-size: 13px; font-weight: 600;\n color: var(--text-2); padding: 8px 20px; border-radius: var(--radius-card); cursor: pointer;\n}\n.tab-pill.active { background: var(--surface-container); color: var(--text); border: 1px solid var(--border); }\n\n/* ---------- Dashboard grid ---------- */\n.dash { display: grid; grid-template-columns: 230px 1fr; gap: 16px; align-items: start; }\n.kpi-col { display: flex; flex-direction: column; gap: 12px; }\n.kpi-card { background: var(--surface-card); border-radius: var(--radius-card); padding: 14px 16px; }\n.kpi-card h3 { font-size: 13px; font-weight: 700; margin-bottom: 6px; }\n.kpi-card .big { font-size: 21px; font-weight: 800; letter-spacing: -0.3px; }\n.kpi-card .sub { font-size: 10.5px; color: var(--text-2); margin-top: 3px; line-height: 1.35; }\n.kpi-card .rows { margin-top: 10px; display: flex; flex-direction: column; gap: 4px; }\n.kpi-card .row { display: flex; justify-content: space-between; font-size: 11.5px; color: var(--text-2); }\n.kpi-card .row b { color: var(--text); font-weight: 600; }\n.trend { font-weight: 700; color: var(--secondary); } /* Δ de riesgo/mezcla: neutro SIEMPRE (L-5/L-6) */\n.grid-2x2 { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; min-width: 0; }\n.panel {\n background: var(--surface-container); border: 1px solid var(--border);\n border-radius: var(--radius-panel); padding: 14px 16px; min-width: 0; min-height: 300px;\n display: flex; flex-direction: column;\n}\n.panel-head { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 8px; flex-wrap: wrap; }\n.panel-head h2 { font-size: 14.5px; font-weight: 700; }\n.chart-box { flex: 1; min-height: 230px; }\n.panel-foot { font-size: 10.5px; color: var(--text-2); margin-top: 8px; line-height: 1.4; }\n.seg {\n display: inline-flex; background: var(--surface-card); border-radius: var(--radius-card); padding: 3px; gap: 2px;\n}\n.seg button {\n border: none; background: transparent; font-family: var(--font); font-size: 11px; font-weight: 600;\n color: var(--text-2); padding: 5px 10px; border-radius: 6px; cursor: pointer;\n}\n.seg button.active { background: var(--surface-container); color: var(--text); border: 1px solid var(--border); }\n.select-mini {\n font-family: var(--font); font-size: 12px; border: 1px solid var(--border);\n border-radius: var(--radius-card); padding: 5px 8px; background: var(--surface-container);\n}\n\n/* ---------- Estado / pills ---------- */\n.pill { display: inline-flex; align-items: center; gap: 5px; border-radius: 999px; padding: 3px 10px; font-size: 11px; font-weight: 700; }\n.pill.ok { background: var(--fondo-ok); color: var(--sem-ok); }\n.pill.warn { background: var(--fondo-alerta); color: var(--sem-warn); }\n.pill.err { background: var(--fondo-error); color: var(--sem-error); }\n.pill.na { background: var(--surface-card); color: var(--text-2); border: 1px solid var(--border); }\n.chip-mon { display: inline-block; border: 1px solid var(--border); background: var(--surface-card); color: var(--text-2); border-radius: 4px; padding: 1px 7px; font-size: 10.5px; font-weight: 600; }\n\n/* ---------- Tabla ---------- */\n.tbl-wrap { flex: 1; overflow: auto; }\ntable.tbl { width: 100%; border-collapse: collapse; font-size: 12px; }\n.tbl th { text-align: right; font-weight: 700; padding: 7px 8px; border-bottom: 1px solid var(--border); white-space: nowrap; }\n.tbl th.gh { text-align: center; border-bottom: 1px solid var(--border); color: var(--text-2); font-size: 11px; }\n.tbl th:first-child, .tbl td:first-child { text-align: left; }\n.tbl td { padding: 7px 8px; border-bottom: 1px solid var(--surface-card); text-align: right; white-space: nowrap; }\n.tbl tr.grp td { font-weight: 700; cursor: pointer; }\n.tbl tr.grp:hover td { background: var(--hover); }\n.tbl tr.child td:first-child { padding-left: 26px; color: var(--text-2); }\n.tbl .caret { display: inline-block; width: 14px; color: var(--text-2); font-size: 10px; }\n.btn-export {\n border: 1px solid var(--border); background: var(--surface-container); border-radius: var(--radius-card);\n font-family: var(--font); font-size: 11.5px; font-weight: 600; padding: 5px 12px; cursor: pointer; color: var(--secondary);\n}\n\n/* ---------- Estados UI ---------- */\n.skeleton { border-radius: var(--radius-panel); background: var(--skeleton); animation: pulse 1.4s ease-in-out infinite; min-height: 300px; }\n.skeleton.sm { min-height: 96px; border-radius: var(--radius-card); }\n@keyframes pulse { 0%,100% { opacity: 1; } 50% { opacity: 0.55; } }\n@media (prefers-reduced-motion: reduce) { .skeleton { animation: none; } }\n.state-box { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; text-align: center; padding: 20px; }\n.state-box .t { font-weight: 700; font-size: 13.5px; }\n.state-box .d { color: var(--text-2); font-size: 12px; max-width: 340px; line-height: 1.45; }\n.state-box .ic { font-size: 26px; }\n.btn-retry {\n margin-top: 6px; border: none; background: var(--primary); color: #fff; font-family: var(--font);\n font-weight: 600; font-size: 12px; padding: 8px 18px; border-radius: var(--radius-card); cursor: pointer;\n}\n\n/* ---------- Placeholder de sección ---------- */\n.placeholder-note {\n background: var(--surface-card); border: 1px dashed var(--border); border-radius: var(--radius-panel);\n padding: 34px; text-align: center; color: var(--text-2); margin-top: 8px;\n}\n.placeholder-note b { color: var(--secondary); display: block; font-size: 15px; margin-bottom: 6px; }\n\n/* ---------- Panel de filtros (derecho) ---------- */\n.filters-overlay { position: fixed; inset: 0; background: rgba(31,42,78,0.25); z-index: 40; }\n.filters-panel {\n position: fixed; top: 0; right: 0; bottom: 0; width: 320px; background: var(--surface-container);\n z-index: 41; padding: 20px; overflow-y: auto; box-shadow: -4px 0 16px rgba(31,42,78,0.15);\n}\n.filters-panel h2 { font-size: 16px; font-weight: 800; color: var(--secondary); margin-bottom: 14px; }\n.f-group { margin-bottom: 16px; }\n.f-group label { display: block; font-size: 11px; font-weight: 700; color: var(--text-2); margin-bottom: 5px; text-transform: uppercase; letter-spacing: 0.4px; }\n.f-group select, .f-group input {\n width: 100%; font-family: var(--font); font-size: 12.5px; border: 1px solid var(--border);\n border-radius: var(--radius-card); padding: 8px 10px; background: var(--surface-container);\n}\n.f-sep { border-top: 1px solid var(--border); margin: 14px 0; }\n.f-note { font-size: 10.5px; color: var(--text-2); line-height: 1.4; }\n\n/* ---------- Switcher de estado del prototipo ---------- */\n.proto-switch {\n position: fixed; bottom: 16px; right: 16px; z-index: 50;\n background: var(--secondary); color: #fff; border-radius: var(--radius-panel);\n padding: 10px 12px; box-shadow: 0 4px 14px rgba(31,42,78,0.35); font-size: 11px;\n}\n.proto-switch .t { font-weight: 700; margin-bottom: 6px; opacity: 0.8; }\n.proto-switch .opts { display: flex; gap: 4px; flex-wrap: wrap; }\n.proto-switch button {\n border: 1px solid rgba(255,255,255,0.3); background: transparent; color: #fff;\n font-family: var(--font); font-size: 10.5px; font-weight: 600; padding: 4px 9px; border-radius: 6px; cursor: pointer;\n}\n.proto-switch button.active { background: #fff; color: var(--secondary); }\n\n@media (max-width: 1100px) {\n .dash { grid-template-columns: 1fr; }\n .kpi-col { flex-direction: row; flex-wrap: wrap; }\n .kpi-card { flex: 1 1 180px; }\n .grid-2x2 { grid-template-columns: 1fr; }\n}\n\n/* F2.3 — Métricas de Riesgo */\n.seg-medida { margin-right: 6px; }\n.seg-medida button { font-weight: 600; min-width: 40px; }\n.seg button[disabled] { opacity: .45; cursor: not-allowed; }\n.mr-nota { grid-column: 1 / -1; margin-top: 10px; padding: 8px 12px; font-size: 11px; color: var(--text-2); background: var(--card-bg); border: 1px dashed var(--border); border-radius: var(--radius); }\n\n/* F2.10 — Backtesting */\n.chip-window { display: inline-flex; align-items: center; border: 1px solid var(--border); background: var(--surface-card); color: var(--text-2); border-radius: 999px; padding: 7px 12px; font-size: 11.5px; font-weight: 600; }\n.bt-val { flex: 1; display: flex; flex-direction: column; gap: 10px; overflow: auto; }\n.bt-winhead { font-size: 12px; font-weight: 700; color: var(--secondary); background: var(--surface-card); border-radius: var(--radius-card); padding: 7px 10px; }\n.bt-block { border: 1px solid var(--border); border-radius: var(--radius-card); padding: 9px 11px; }\n.bt-block h4 { font-size: 12px; font-weight: 700; margin-bottom: 4px; }\n.bt-nd { font-size: 13px; font-weight: 700; color: var(--text-2); }\n.bt-det { font-size: 10.5px; color: var(--text-2); margin-top: 4px; line-height: 1.4; }\n.badge-basilea { display: block; border-radius: 6px; border: 1px solid var(--border); border-left: 4px solid var(--text-2); background: var(--surface-card); padding: 7px 10px; margin-top: 4px; }\n.badge-basilea .z { display: block; font-size: 12.5px; font-weight: 800; }\n.badge-basilea .r { display: block; font-size: 9.5px; color: var(--text-2); margin-top: 2px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.3px; }\n.badge-basilea.arch { border-left-color: var(--sem-ok); background: var(--fondo-ok); }\n.badge-basilea.arch .z { color: var(--sem-ok); }\n.bt-archived { border: 1px dashed var(--border); border-radius: var(--radius-card); padding: 9px 11px; opacity: 0.78; }\n.bt-arch-rot { font-size: 10px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.4px; color: var(--text-2); margin-bottom: 4px; }\n.bt-arch-sub { font-size: 11px; color: var(--text-2); margin-bottom: 6px; }\n.bt-arch-grid { display: grid; grid-template-columns: auto auto 1fr; gap: 3px 10px; font-size: 11.5px; align-items: baseline; }\n.bt-arch-grid b { font-weight: 700; }\n.bt-arch-grid .num { color: var(--text-2); font-size: 10.5px; }\n.bt-sub2 { font-size: 10.5px; color: var(--text-2); line-height: 1.4; margin: -2px 0 6px; }\n.bt-sub2 b { font-weight: 700; }\n.tbl tr.bt-out td { color: var(--text-2); opacity: 0.62; }\n","createdAt",["D",1787330086242],"branchVersion","branchId","26318b20-79c4-45b1-8b64-9b218f217a44","id","935f65cd-5733-4dbc-b0ca-b5a3502394d7","ri-credito-mock",["D",1787326658800],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","Mock UX/UI seccion Credito de Risk Intelligence (F2.2)","imageUrl","019c346e-384f-704b-b25a-da5eb72ef468","pinnedFileId","64f125fa-9d76-11f1-b549-1607ee4eb77e","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","019c346e-384f-704b-b25a-dc67b1d14ed5","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_96":95,"_103":99},"org",{"_96":95,"_97":-5,"_98":99,"_18":54,"_100":101,"_102":25},"branch",{"_13":85,"_32":86,"_42":41,"_87":43,"_88":-5,"_89":-5,"_90":-5,"_91":-5,"_92":-5,"_93":44,"_94":95},"isOwned",110,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","joselier3","handle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18zOUpFemx0ZkZMYnQwNks1d1VoUmR5blBQelUifQ","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_42":43,"_32":44,"_37":201,"_46":-5,"_47":25,"_48":49,"_50":49,"_51":52,"_53":-5,"_18":54,"_55":56,"_57":58,"_59":-5,"_60":-5,"_61":62,"_63":64,"_65":-5,"_66":-5,"_67":-5,"_68":-5,"_69":70,"_71":70,"_72":73,"_74":73,"_75":73,"_76":70,"_77":70,"_78":202,"_80":203,"_82":204,"_84":25},"tree",[180,181,182,183,184],"files",[180,181,182,183,184],"counts",{"_170":62,"_171":150,"_172":62,"_173":174,"_175":176},"contents",[126,127,128,129,130],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_42":162,"_32":163,"_30":164,"_132":-5,"_40":41,"_39":165,"_133":25,"_37":166,"_13":167,"_33":159,"_34":168,"_24":25,"_136":-5,"_27":169},{"_42":153,"_32":154,"_30":155,"_132":-5,"_40":41,"_39":156,"_133":25,"_37":157,"_13":158,"_33":159,"_34":160,"_24":25,"_136":-5,"_27":161},{"_42":145,"_32":146,"_30":147,"_132":-5,"_40":41,"_39":148,"_133":58,"_37":149,"_13":150,"_33":20,"_34":151,"_24":25,"_136":-5,"_27":152},{"_42":138,"_32":139,"_30":56,"_132":-5,"_40":41,"_39":140,"_133":58,"_37":141,"_13":62,"_33":142,"_34":143,"_24":25,"_136":-5,"_27":144},{"_42":131,"_32":28,"_30":31,"_132":-5,"_40":41,"_39":14,"_133":25,"_37":134,"_13":135,"_33":20,"_34":36,"_24":25,"_136":-5,"_27":137},"fa7f7cec-07d8-44e1-a463-31c6ab971fff","parentId","latest",["D",1787330086242],2,"label",[28],"291d60c8-c08e-40ea-b565-244e643c6f2d","main.ts",5,["D",1787326725014],"http","import { readFile } from \"https://esm.town/v/std/utils/index.ts\";\n\nexport default async function (req: Request): Promise {\n const path = new URL(req.url).pathname;\n const serve = async (file: string, type: string) =>\n new Response(await readFile(file, import.meta.url), {\n headers: { \"Content-Type\": type + \"; charset=utf-8\" },\n });\n if (path.endsWith(\"styles.css\")) return serve(\"/styles.css\", \"text/css\");\n if (path.endsWith(\"data.js\")) return serve(\"/data.js\", \"text/javascript\");\n if (path.endsWith(\"app.js\")) return serve(\"/app.js\", \"text/javascript\");\n return serve(\"/index.html\", \"text/html\");\n}\n",[139],"ce72ce6a-1f5e-4feb-9ed1-08216645377e","index.html","610320f6-9d76-11f1-8101-1607ee4eb77e",14,["D",1787327075110],1,"\n\n\n \n \n Crédito — Risk Intelligence (mock)\n \n \n \n \n\n\n \n

\n \n

\n \n \n\n\n",[146],"9c205a41-ba92-49ad-af21-bba3489db8e1","data.js","5d60d72c-9d76-11f1-bcc0-1607ee4eb77e",49,["D",1787330070596],9,"script","/* Datos mock — deuda dominicana (bonos, SBB, SBB c/ Garantía, CDs), DOP + USD.\n Convención del mock: TC 61.50 (BCRD venta) al as_of 30/01/2026; cortes históricos\n consolidados al TC de su fecha. VM en MM DOP (o MM USD nativo cuando moneda=USD). */\nwindow.RI_DATA = (() => {\n const TC = 61.50, TC_PREV = 61.32;\n /* inst = nombre de instrumento (nivel hoja, export estable). mgF = factor marginal/componental\n por posición (mock determinista, 1.02–1.10: garantiza componental ≤ marginal ≤ standalone en\n contribuidoras). div = diversificadora: componental negativa por la REALIZACIÓN SIMULADA de su\n escenario (consistente con la nota de granularidad §2 — no es atributo del emisor); el excedente\n se redistribuye intra-rating para preservar Σ componental = total de Métricas de Riesgo. */\n const positions = [\n { inst: \"Bono Hacienda 2031\", emisor: \"Ministerio de Hacienda\", rating: \"AA\", tipo: \"Bono\", moneda: \"DOP\", vm: 612.40, prev: 605.10, mgF: 1.07 },\n { inst: \"Bono Global 2033\", emisor: \"Ministerio de Hacienda\", rating: \"AA\", tipo: \"Bono\", moneda: \"USD\", vm: 6.90, prev: 6.90, mgF: 1.09 },\n { inst: \"Bono Hacienda 2028\", emisor: \"Ministerio de Hacienda\", rating: \"AA\", tipo: \"Bono\", moneda: \"DOP\", vm: 291.00, prev: 296.40, mgF: 1.04 },\n { inst: \"Nota BCRD 2030\", emisor: \"Banco Central (BCRD)\", rating: \"AAA\", tipo: \"Bono\", moneda: \"DOP\", vm: 734.20, prev: 741.80, mgF: 1.05 },\n { inst: \"CD BCRD 91d\", emisor: \"Banco Central (BCRD)\", rating: \"AAA\", tipo: \"CD\", moneda: \"DOP\", vm: 210.00, prev: 210.00, mgF: 1.02 },\n { inst: \"Bono Banreservas 2029\", emisor: \"Banreservas\", rating: \"A\", tipo: \"Bono\", moneda: \"DOP\", vm: 498.60, prev: 502.30, mgF: 1.08 },\n { inst: \"CD Banreservas 180d\", emisor: \"Banreservas\", rating: \"A\", tipo: \"CD\", moneda: \"DOP\", vm: 187.50, prev: 172.00, mgF: 1.03 },\n { inst: \"Bono Popular 2027\", emisor: \"Banco Popular\", rating: \"A\", tipo: \"Bono\", moneda: \"DOP\", vm: 402.10, prev: 398.90, mgF: 1.06 },\n { inst: \"SBB Popular 2026\", emisor: \"Banco Popular\", rating: \"A\", tipo: \"SBB\", moneda: \"USD\", vm: 3.20, prev: 3.20, mgF: 1.05 },\n { inst: \"SBB BHD 2027\", emisor: \"Banco BHD\", rating: \"A\", tipo: \"SBB\", moneda: \"DOP\", vm: 356.80, prev: 361.20, mgF: 1.07 },\n { inst: \"CD BHD 90d\", emisor: \"Banco BHD\", rating: \"A\", tipo: \"CD\", moneda: \"DOP\", vm: 122.00, prev: 122.00, mgF: 1.00, div: true },\n { inst: \"SBB Gar. APAP 2028\", emisor: \"APAP\", rating: \"BBB\", tipo: \"SBB c/ Garantía\", moneda: \"DOP\", vm: 310.40, prev: 318.70, mgF: 1.08 },\n { inst: \"CD APAP 120d\", emisor: \"APAP\", rating: \"BBB\", tipo: \"CD\", moneda: \"DOP\", vm: 96.30, prev: 96.30, mgF: 1.02 },\n { inst: \"SBB Santa Cruz 2026\", emisor: \"Banco Santa Cruz\", rating: \"BBB\", tipo: \"SBB\", moneda: \"DOP\", vm: 228.90, prev: 224.10, mgF: 1.05 },\n { inst: \"SBB Gar. ACAP 2027\", emisor: \"ACAP\", rating: \"BBB\", tipo: \"SBB c/ Garantía\", moneda: \"DOP\", vm: 204.50, prev: 209.80, mgF: 1.04 },\n { inst: \"Bono CEPM 2030\", emisor: \"CEPM\", rating: \"BBB\", tipo: \"Bono\", moneda: \"USD\", vm: 5.40, prev: 5.10, mgF: 1.09 },\n { inst: \"Bono EGE Haina 2028\", emisor: \"EGE Haina\", rating: \"BB\", tipo: \"Bono\", moneda: \"DOP\", vm: 246.70, prev: 251.30, mgF: 1.08 },\n { inst: \"Bono EGE Haina 2031\", emisor: \"EGE Haina\", rating: \"BB\", tipo: \"Bono\", moneda: \"USD\", vm: 2.10, prev: 2.10, mgF: 1.06 },\n { inst: \"Bono AES Andrés 2029\", emisor: \"AES Andrés\", rating: \"BB\", tipo: \"Bono\", moneda: \"USD\", vm: 4.60, prev: 4.85, mgF: 1.10 },\n { inst: \"CD Promerica 180d\", emisor: \"Banco Promerica\", rating: \"BB\", tipo: \"CD\", moneda: \"DOP\", vm: 138.20, prev: 138.20, mgF: 1.00, div: true },\n { inst: \"SBB Caribe 2026\", emisor: \"Banco Caribe\", rating: \"B\", tipo: \"SBB\", moneda: \"DOP\", vm: 92.40, prev: 98.60, mgF: 1.09 },\n { inst: \"CD Caribe 90d\", emisor: \"Banco Caribe\", rating: \"B\", tipo: \"CD\", moneda: \"DOP\", vm: 41.00, prev: 41.00, mgF: 1.02 },\n ];\n const RATINGS = [\"AAA\", \"AA\", \"A\", \"BBB\", \"BB\", \"B\"];\n const TIPOS = [\"Bono\", \"SBB\", \"SBB c/ Garantía\", \"CD\"];\n const DATES = [\"04/12/2025\",\"09/12/2025\",\"14/12/2025\",\"19/12/2025\",\"24/12/2025\",\"29/12/2025\",\"03/01/2026\",\"08/01/2026\",\"13/01/2026\",\"18/01/2026\",\"20/01/2026\",\"24/01/2026\",\"28/01/2026\",\"30/01/2026\"];\n const HIST_TOTAL = [6020,6035,6018,6060,6072,6058,6094,6110,6102,6125,6139,6131,6146,0];\n const HIST_SHARE = {\n AAA: [0.20,0.20,0.20,0.20,0.20,0.19,0.19,0.19,0.19,0.19,0.19,0.18,0.18,0],\n AA: [0.21,0.21,0.21,0.21,0.21,0.21,0.21,0.21,0.21,0.22,0.22,0.22,0.22,0],\n A: [0.28,0.28,0.28,0.29,0.29,0.29,0.29,0.29,0.30,0.30,0.30,0.30,0.30,0],\n BBB: [0.17,0.17,0.17,0.16,0.16,0.17,0.17,0.17,0.16,0.16,0.16,0.17,0.17,0],\n BB: [0.11,0.11,0.11,0.11,0.11,0.11,0.11,0.11,0.11,0.10,0.10,0.10,0.10,0],\n B: [0.03,0.03,0.03,0.03,0.03,0.03,0.03,0.03,0.03,0.03,0.03,0.03,0.03,0],\n };\n const LIMITES = { hhiInterno: 0.1800, emisorPctInterno: 15.0, alertaFactor: 0.9 };\n /* Riesgo por medida (mock): tasa standalone (% del VM) y factor de diversificación,\n AMBOS por rating y por medida (X-2: proporciones distintas por medida — ES/VaR crece\n hacia ratings bajos, colas más pesadas). divF≤1 en todas (X-1: ES y σ son subaditivas;\n el beneficio de diversificación del mock es siempre ≥0). */\n const RISK = {\n VaR: { rate: { AAA: 0.0040, AA: 0.0090, A: 0.0180, BBB: 0.0360, BB: 0.0700, B: 0.1250 },\n divF: { AAA: 0.88, AA: 0.85, A: 0.80, BBB: 0.76, BB: 0.72, B: 0.70 } },\n ES: { rate: { AAA: 0.0046, AA: 0.0108, A: 0.0234, BBB: 0.0504, BB: 0.1050, B: 0.2000 },\n divF: { AAA: 0.90, AA: 0.87, A: 0.82, BBB: 0.78, BB: 0.74, B: 0.72 } },\n Std: { rate: { AAA: 0.0016, AA: 0.0034, A: 0.0066, BBB: 0.0126, BB: 0.0235, B: 0.0410 },\n divF: { AAA: 0.86, AA: 0.83, A: 0.79, BBB: 0.75, BB: 0.71, B: 0.69 } },\n };\n const LIM_MEDIDA = { VaR: 220, ES: null, Std: null }; // límite configurado SOLO para VaR (X-10)\n /* Overlays del scatter iso-risk de Marginal (F2.4): h = límite %-riesgo (marginal/VM),\n v = límite de tamaño de exposición (MM DOP), hyp = límite de riesgo absoluto POR POSICIÓN\n (MM DOP marginal; hipérbola X·Y=hyp — la recomendada). Solo VaR tiene h/hyp configurados:\n bajo ES/Std la leyenda muestra \"Límite: N/D\" y el KPI 3 es N/D aunque exista v (regla §10). */\n const MG_LIMITS = {\n VaR: { h: 4.5, v: 600, hyp: 8 },\n ES: { h: null, v: 600, hyp: null },\n Std: { h: null, v: 600, hyp: null },\n };\n const SUPUESTO_MARKERS = [{ fecha: \"03/01/2026\", label: \"Cambio de supuesto: ρ 20%→25% · S&P\" }];\n const RHO_PREV_FACTOR = 0.93; // cortes previos al marcador: ρ=20% → medida menor (discontinuidad visible)\n const SUPUESTO = { fuente: \"S&P\", metodo: \"ρ=25% axiomático\", tc: \"TC 61.50 (BCRD venta, 30/01/2026)\" };\n const AS_OF = \"30/01/2026\";\n const DATASET = \"calc-submit 1782766289\";\n /* F2.10 — Backtesting. Convención del mock (declarada, X-D1): cortes EOD diarios hábiles;\n VaR 99%·1a escalado al horizonte entre cortes por raíz de tiempo (÷√252) — la metodología\n oficial del tenant gobierna la comparación. Historia visible: 250 cortes bajo ρ=20%\n (sub-ventana homogénea CERRADA el 02/01/2026) + 20 cortes bajo ρ=25% (ventana válida\n vigente). El cambio 03/01/2026 (sábado, marcador compartido del mock) es EFECTIVO desde\n el corte hábil siguiente, 05/01/2026 (X-#2). VAR1A ≡ VaR total de Métricas de Riesgo\n (misma fórmula que mrAgg con medida VaR — constante única del mock, X-#9). */\n const BT = (() => {\n const VAR1A = positions.reduce((a, p) => {\n const vmDop = p.moneda === \"USD\" ? p.vm * TC : p.vm;\n return a + vmDop * RISK.VaR.rate[p.rating] * RISK.VaR.divF[p.rating];\n }, 0);\n const SQ = Math.sqrt(252);\n const fmt = d => String(d.getDate()).padStart(2, \"0\") + \"/\" + String(d.getMonth() + 1).padStart(2, \"0\") + \"/\" + d.getFullYear();\n let seed = 20260130;\n const rng = () => { seed = (seed * 1664525 + 1013904223) % 4294967296; return seed / 4294967296; };\n const days = [];\n const d = new Date(2026, 0, 30);\n while (days.length < 270) {\n if (d.getDay() !== 0 && d.getDay() !== 6) days.unshift(new Date(d));\n d.setDate(d.getDate() - 1);\n }\n const EFFECTIVE = \"05/01/2026\";\n const EXC = { \"14/03/2025\": 1.12, \"08/07/2025\": 1.05, \"09/10/2025\": 1.22, \"18/11/2025\": 1.08, \"26/01/2026\": 1.10 };\n let post = false;\n const cortes = days.map((dt, i) => {\n const f = fmt(dt);\n if (f === EFFECTIVE) post = true;\n const drift = 1 + 0.025 * Math.sin(i / 38) + (rng() - 0.5) * 0.012;\n const var1a = VAR1A * (post ? 1 : 0.93) * drift;\n const varEsc = var1a / SQ;\n let pnl = (rng() + rng() + rng() - 1.5) * varEsc * 0.72;\n if (EXC[f]) pnl = -varEsc * EXC[f];\n else if (pnl < -varEsc * 0.96) pnl = -varEsc * 0.9;\n return { f, pnl: +pnl.toFixed(2), varEsc: +varEsc.toFixed(2), valida: post };\n });\n return {\n cortes, EFFECTIVE, VAR1A: +VAR1A.toFixed(2), cambios: 1,\n cambioLabel: \"Cambio de supuesto: ρ 20%→25% · S&P (03/01/2026, efectivo corte 05/01/2026)\",\n prevWin: {\n rot: \"S&P · ρ=20% · 250 cortes (cerrada el 02/01/2026)\", exc: 4,\n kupiec: { lr: 0.755, p: 0.385, v: \"Aceptado\" },\n christo: { lr: 2.47, p: 0.29, v: \"Aceptado\" },\n basilea: { zona: \"Verde\", conteo: \"4/250\", mult: \"3.00\" },\n },\n mcPrecision: 3.2, // semiancho % del VaR @99% — cuadratura con el punto final del BL (X-D6)\n quantiles: { \"1%\": { q: 0.01, nivel: 1.00 }, \"0.5%\": { q: 0.005, nivel: 1.18 }, \"0.1%\": { q: 0.001, nivel: 1.45 } },\n };\n })();\n return { TC, TC_PREV, positions, RATINGS, TIPOS, DATES, HIST_TOTAL, HIST_SHARE, LIMITES, RISK, LIM_MEDIDA, MG_LIMITS, SUPUESTO_MARKERS, RHO_PREV_FACTOR, SUPUESTO, AS_OF, DATASET, BT };\n})();\n",[154],"b4b01e77-26a6-46f2-9409-d72b1af39d98","app.js","4e8d6832-9d76-11f1-be1c-1607ee4eb77e",48,["D",1787329209908],33,"/* Risk Intelligence — Crédito (mock F2.2): shell + Portafolio (Global · Concentración)\n Tokens solo vía CSS vars. Riesgo/deltas en NEUTRO; semáforo solo estado de límite. */\n(() => {\n const D = window.RI_DATA;\n\n // ---------- Rutas / navegación ----------\n const SECTIONS = [\n { id: \"vision-general\", label: \"Visión General\", ico: \"◎\", tabs: [], noTabsBar: true, placeholder: true },\n { id: \"portafolio\", label: \"Portafolio\", ico: \"▤\", tabs: [{ id: \"global\", label: \"Global\" }, { id: \"concentracion\", label: \"Concentración\" }] },\n { id: \"sensibilidades\", label: \"Sensibilidades\", ico: \"≋\", tabs: [{ id: \"supuestos\", label: \"Supuestos\" }], placeholder: true },\n { id: \"metricas-de-riesgo\", label: \"Métricas de Riesgo\", ico: \"∿\", tabs: [{ id: \"a-la-fecha\", label: \"A la Fecha\" }, { id: \"historico\", label: \"Histórico\" }], medida: true },\n { id: \"marginal\", label: \"Marginal\", ico: \"◮\", tabs: [{ id: \"global\", label: \"Global\" }], medida: true },\n { id: \"factores-de-riesgo\", label: \"Factores de Riesgo\", ico: \"❖\", tabs: [{ id: \"mapa-de-factores\", label: \"Mapa de Factores\" }], placeholder: true },\n { id: \"escenarios\", label: \"Escenarios\", ico: \"⇄\", tabs: [{ id: \"impacto-en-riesgo\", label: \"Impacto en Riesgo\" }], placeholder: true },\n { id: \"backtesting\", label: \"Backtesting\", ico: \"◔\", tabs: [{ id: \"resumen-excepciones\", label: \"Resumen de Excepciones\" }], placeholder: true },\n ];\n const S = {\n uiState: \"ok\", // ok | loading | empty | error | partial\n moneda: \"Todas\", // Todas | DOP | USD (filtro F1.10)\n donaVista: \"Calificación\",\n blVista: \"Calificación\",\n concTL: \"pct\", // pct | dop\n concTR: \"hhi\", // hhi | mayor\n expanded: {}, // rating → bool\n medida: \"VaR\", // VaR | ES | Std (solo Métricas de Riesgo y Marginal — cambia datos, nunca layout)\n mrDona: \"Emisor\", // vista dona A la Fecha: Emisor (default §8.1) | Tipo de instrumento\n mrBL: \"Calificación\", // dimensión divergentes Histórico\n mrExp: {}, // tabla A la Fecha: rating → bool\n mrExpH: {}, // tabla Histórico: rating → bool\n mgDona: \"Emisor\", // vista dona Marginal (default §10.1) | Calificación | Tipo de instrumento\n mgExp: {}, // tabla Marginal: rating → bool\n mgExpE: {}, // tabla Marginal: \"rating|emisor\" → bool (nivel instrumento)\n filtersOpen: false,\n };\n let charts = [];\n\n function parseHash() {\n const h = location.hash.replace(/^#\\/?/, \"\");\n const [sec, tab] = h.split(\"/\");\n const section = SECTIONS.find(s => s.id === sec) || SECTIONS[0];\n const tabObj = section.tabs.find(t => t.id === tab) || section.tabs[0] || null;\n return { section, tab: tabObj };\n }\n function nav(sec, tab) { location.hash = \"#/\" + sec + (tab ? \"/\" + tab : \"\"); }\n\n // ---------- Formato (paridad producción: $13,476.90MM · M/MM nunca K) ----------\n const nf2 = new Intl.NumberFormat(\"en-US\", { minimumFractionDigits: 2, maximumFractionDigits: 2 });\n const nf1 = new Intl.NumberFormat(\"en-US\", { minimumFractionDigits: 1, maximumFractionDigits: 1 });\n const fMM = v => \"$\" + nf2.format(v) + \"MM\";\n const fPct = (v, d = 2) => (d === 1 ? nf1 : nf2).format(v) + \"%\";\n const fH = v => v.toFixed(4);\n const esc = s => String(s).replace(/&/g, \"&\").replace(//g, \">\").replace(/\"/g, \""\");\n\n // ---------- Agregación (DOP consolidado — L-4) ----------\n const dop = p => p.moneda === \"USD\" ? p.vm * D.TC : p.vm;\n const dopPrev = p => p.moneda === \"USD\" ? p.prev * D.TC_PREV : p.prev;\n const filt = () => D.positions.filter(p => S.moneda === \"Todas\" || p.moneda === S.moneda);\n function groupSum(list, key, val) {\n const m = new Map();\n list.forEach(p => m.set(p[key] ?? key(p), (m.get(p[key]) || 0) + val(p)));\n return m;\n }\n function aggBy(dim) { // dim: 'rating' | 'emisor' | 'tipo' | 'moneda'\n const m = new Map(), mp = new Map();\n filt().forEach(p => {\n const k = p[dim];\n m.set(k, (m.get(k) || 0) + dop(p));\n mp.set(k, (mp.get(k) || 0) + dopPrev(p));\n });\n return { cur: m, prev: mp };\n }\n const total = () => filt().reduce((a, p) => a + dop(p), 0);\n const totalPrev = () => filt().reduce((a, p) => a + dopPrev(p), 0);\n\n function emisorStats() {\n const { cur, prev } = aggBy(\"emisor\");\n const t = total();\n const rows = [...cur.entries()].map(([e, vm]) => {\n const monedas = new Set(filt().filter(p => p.emisor === e).map(p => p.moneda));\n const chip = monedas.size > 1 ? \"Mixta\" : [...monedas][0];\n const pct = t > 0 ? vm / t * 100 : 0;\n return { emisor: e, vm, prev: prev.get(e) || 0, pct, hhi: Math.pow(pct / 100, 2), chip };\n }).sort((a, b) => b.vm - a.vm);\n return rows;\n }\n function hhiOf(rows) { return rows.reduce((a, r) => a + r.hhi, 0); }\n function hhiPrev() {\n const { prev } = aggBy(\"emisor\");\n const tp = totalPrev();\n let h = 0; prev.forEach(v => { h += Math.pow(v / tp, 2); });\n return h;\n }\n function estadoEmisor(pct) { // semáforo SOLO estado de límite (con texto — nunca color solo)\n const lim = D.LIMITES.emisorPctInterno;\n if (pct > lim) return { cls: \"err\", txt: \"Exceso\" };\n if (pct >= lim * D.LIMITES.alertaFactor) return { cls: \"warn\", txt: \"Alerta\" };\n return { cls: \"ok\", txt: \"Ok\" };\n }\n\n // ---------- Paletas (mapping: ordinal azul; jamás semáforo en series) ----------\n const cs = getComputedStyle(document.documentElement);\n const TK = n => cs.getPropertyValue(n).trim();\n const ORDINAL = [\"#1f2a4e\", \"#28497c\", \"#0d77bf\", \"#4da3d8\", \"#8ec4e6\", \"#c4dff1\"]; // AAA→B (escala secuencial azul de colors-reports)\n const CATEG = [\"#0d77bf\", \"#1f2a4e\", \"#4da3d8\", \"#8ec4e6\", \"#6b7fae\", \"#a5b3d1\", \"#c4dff1\", \"#9aa4b8\"];\n const GRAY = \"#9aa4b8\";\n const ratColor = r => ORDINAL[D.RATINGS.indexOf(r)] ?? GRAY;\n\n // ---------- Render raíz ----------\n const $ = sel => document.querySelector(sel);\n function render() {\n charts.forEach(c => c.dispose()); charts = [];\n const { section, tab } = parseHash();\n renderSidebar(section);\n const main = $(\"#main\");\n const degraded = S.uiState === \"empty\" || S.uiState === \"error\";\n main.innerHTML = headHtml(section, tab, degraded) + tabsHtml(section, tab) + bodyHtml(section, tab);\n bindHead(); bindBody(section, tab);\n renderFilters();\n renderSwitch();\n }\n\n function renderSidebar(section) {\n $(\"#menu\").innerHTML = SECTIONS.map(s =>\n ``).join(\"\");\n document.querySelectorAll(\".menu-item\").forEach(b =>\n b.onclick = () => { const s = SECTIONS.find(x => x.id === b.dataset.sec); nav(s.id, s.tabs[0]?.id); });\n }\n\n // Cabecera de sección — badges FUERA de contenedores skeletonizables (X-2 / L-2)\n function headHtml(section, tab, degraded) {\n const sup = degraded\n ? `Supuesto: N/D`\n : `Supuesto: ${D.SUPUESTO.fuente} · ${D.SUPUESTO.metodo} · ${D.SUPUESTO.tc}`;\n const dataBadge = S.uiState === \"error\"\n ? `⚠ Error de datos`\n : S.uiState === \"empty\"\n ? `◌ Dataset no listo`\n : `Datos ${D.AS_OF} ⟳`;\n const crumb = section.noTabsBar\n ? `${section.label}`\n : `${section.label} / ${tab ? tab.label : \"\"}`;\n const selMedida = section.medida\n ? `${[\"VaR\", \"ES\", \"Std\"].map(m =>\n ``).join(\"\")}`\n : \"\";\n return `

\n \n

\n ${selMedida}\n ⓘ ${sup}\n ${dataBadge}\n ${D.DATASET} ▾\n \n

`;\n }\n function tabsHtml(section, tab) {\n if (section.noTabsBar || !section.tabs.length) return `

`;\n return `

` + section.tabs.map(t =>\n ``).join(\"\") + `

`;\n }\n function bindHead() {\n const b = $(\"#btnFiltros\"); if (b) b.onclick = () => { S.filtersOpen = true; renderFilters(); };\n document.querySelectorAll(\"[data-med]\").forEach(x => x.onclick = () => { S.medida = x.dataset.med; render(); });\n document.querySelectorAll(\".tab-pill\").forEach(p =>\n p.onclick = () => { const { section } = parseHash(); nav(section.id, p.dataset.tab); });\n }\n\n // ---------- Cuerpos ----------\n function bodyHtml(section, tab) {\n if (section.placeholder) return placeholderHtml(section);\n if (section.id === \"portafolio\" && tab.id === \"global\") return globalHtml();\n if (section.id === \"portafolio\" && tab.id === \"concentracion\") return concHtml();\n if (section.id === \"metricas-de-riesgo\" && tab.id === \"a-la-fecha\") return mrFechaHtml();\n if (section.id === \"metricas-de-riesgo\" && tab.id === \"historico\") return mrHistHtml();\n if (section.id === \"marginal\") return mgHtml();\n return \"\";\n }\n\n function placeholderHtml(section) {\n if (S.uiState === \"loading\") return `

`;\n if (S.uiState === \"error\") return `

${errBox()}

`;\n if (S.uiState === \"empty\") return `

${emptyBox()}

`;\n return `

\n ${section.label}\n Sección activa del módulo — contenido en la próxima iteración del prototipo.
\n El wireframe aprobado (03-wireframe-specs.md) define esta pantalla; este mock la incorpora incrementalmente.\n

`;\n }\n\n const emptyBox = () => `

◌\n Sin datos para este corte\n El dataset seleccionado aún no tiene resultados. Selecciona otro dataset en el selector superior o ejecuta el cálculo del corte.

`;\n const errBox = () => `

⚠\n No se pudo cargar la información\n Ocurrió un error al consultar los datos del corte. Puedes reintentar la carga.\n

`;\n\n function kpiCard(title, big, sub, rows) {\n return `

${title}

${big}

\n ${sub ? `

${sub}

` : \"\"}\n ${rows && rows.length ? `

` + rows.map(r =>\n `

${r[0]}${r[1]}

`).join(\"\") + `

` : \"\"}\n

`;\n }\n function kpiSkeletons() { return `

`.repeat(5); }\n function panelSkeletons(n = 4) { return `

`.repeat(n); }\n function statePanels(box, n = 4) { return Array(n).fill(`

${box}

`).join(\"\"); }\n\n function subtituloConsolidacion() {\n if (S.moneda === \"Todas\") return \"Consolidado en DOP · TC del corte\";\n return `Solo instrumentos ${S.moneda} · Consolidado en DOP · TC del corte`;\n }\n\n // ====== Portafolio › Global (§7.1) ======\n function globalHtml() {\n if (S.uiState === \"loading\") return `

${kpiSkeletons()}

${panelSkeletons()}

`;\n if (S.uiState === \"empty\") return `

${kpisND(\"N/D\")}

${statePanels(emptyBox())}

`;\n if (S.uiState === \"error\") return `

${kpisND(\"N/D\")}

${statePanels(errBox())}

`;\n\n const t = total(), tp = totalPrev(), dv = t - tp, dvp = tp > 0 ? dv / tp * 100 : 0;\n const pos = filt(), nPos = pos.length, nPosPrev = pos.filter(p => p.prev > 0).length;\n const emis = new Set(pos.map(p => p.emisor)).size;\n const emisPrev = new Set(pos.filter(p => p.prev > 0).map(p => p.emisor)).size;\n const byR = aggBy(\"rating\");\n let predom = null, predomPrev = null;\n byR.cur.forEach((v, k) => { if (!predom || v > byR.cur.get(predom)) predom = k; });\n byR.prev.forEach((v, k) => { if (!predomPrev || v > byR.prev.get(predomPrev)) predomPrev = k; });\n const shareNow = byR.cur.get(predom) / t * 100;\n const sharePrev = totalPrev() > 0 ? (byR.prev.get(predom) || 0) / totalPrev() * 100 : 0;\n const sameCat = predom === predomPrev;\n const arrow = sameCat ? (shareNow >= sharePrev ? \"▲\" : \"▼\") : \"\"; // flecha = Δ share del rating predominante actual (X-19)\n const eRows = emisorStats(); const hhi = hhiOf(eRows);\n const usoHHI = hhi / D.LIMITES.hhiInterno * 100;\n const excG = eRows.filter(r => estadoEmisor(r.pct).txt === \"Exceso\").length;\n const alG = eRows.filter(r => estadoEmisor(r.pct).txt === \"Alerta\").length;\n const worst = excG ? [\"err\", \"Exceso\"] : (alG || usoHHI >= 90) ? [\"warn\", \"Alerta\"] : usoHHI > 100 ? [\"err\", \"Exceso\"] : [\"ok\", \"Ok\"];\n const kpis =\n kpiCard(\"VM Total\", fMM(t), esc(subtituloConsolidacion()), [\n [\"anterior\", fMM(tp)], [\"Δ\", (dv >= 0 ? \"+\" : \"−\") + fMM(Math.abs(dv)).slice(1), \"trend\"], [\"Δ%\", fPct(dvp), \"trend\"]]) +\n kpiCard(\"N° Posiciones\", String(nPos), null, [[\"anterior\", String(nPosPrev)], [\"Δ\", String(nPos - nPosPrev), \"trend\"]]) +\n kpiCard(\"N° Emisores\", String(emis), null, [[\"anterior\", String(emisPrev)], [\"Δ\", String(emis - emisPrev), \"trend\"]]) +\n kpiCard(\"Calificación predominante\", `${predom} ${arrow}`,\n `share ${fPct(shareNow, 1)} (ant. ${sameCat ? fPct(sharePrev, 1) : \"categoría distinta: \" + predomPrev})`, []) +\n kpiCard(\"Límite de concentración\", `${worst[1]}`,\n `HHI ${fH(hhi)} vs límite ${fH(D.LIMITES.hhiInterno)} · uso ${fPct(usoHHI, 1)}${excG || alG ? ` · límites por emisor: ${excG} incumplimiento(s), ${alG} alerta(s) — ver Concentración` : \" · límites por emisor sin excepciones\"}`, []);\n\n return `

${kpis}

Valor de Mercado por Calificación

Temporalidad: Año a la Fecha ▾ · Eje en DOP MM. Cada punto consolidado al TC de su fecha.

${S.uiState === \"partial\" ? errBox() : `\n

Composición del Portafolio

Participación sobre VM Total (DOP consolidado).${S.donaVista === \"Emisor\" ? \" Vista por emisor: top-7 + “Otros”.\" : \"\"}

Cambio en la Composición

Δ VM vs. corte anterior (DOP consolidado); barras en neutro — el signo lo comunica la posición y la etiqueta.

Tabla de Composición

${tablaGlobal()}

Variaciones al TC de cada corte; incluyen efecto FX. “—” = sin posiciones en el grupo; “N/D” = sin corte anterior (nunca 0).

`;\n }\n\n function kpisND(sym) {\n return [\"VM Total\", \"N° Posiciones\", \"N° Emisores\", \"Calificación predominante\", \"Límite de concentración\"]\n .map(t => kpiCard(t, sym, t === \"VM Total\" ? esc(subtituloConsolidacion()) : null, [])).join(\"\");\n }\n\n function tablaGlobal() {\n const t = total();\n const rows = D.RATINGS.map(r => {\n const ps = filt().filter(p => p.rating === r);\n if (!ps.length) return null;\n const agg = list => ({\n dop: list.filter(p => p.moneda === \"DOP\").reduce((a, p) => a + p.vm, 0),\n usd: list.filter(p => p.moneda === \"USD\").reduce((a, p) => a + p.vm, 0),\n tot: list.reduce((a, p) => a + dop(p), 0),\n prev: list.reduce((a, p) => a + dopPrev(p), 0),\n });\n const a = agg(ps);\n const emisores = [...new Set(ps.map(p => p.emisor))].map(e => {\n const l = ps.filter(p => p.emisor === e);\n const ea = agg(l);\n const monedas = new Set(l.map(p => p.moneda));\n return { e, a: ea, chip: monedas.size > 1 ? \"Mixta\" : [...monedas][0] };\n }).sort((x, y) => y.a.tot - x.a.tot);\n return { r, a, emisores };\n }).filter(Boolean);\n\n const cell = (v, unit) => v > 0 ? fMM(v) : \"—\";\n const varCells = a => {\n if (a.prev <= 0) return `N/DN/D`;\n const dv = a.tot - a.prev;\n return `${(dv >= 0 ? \"+\" : \"−\") + fMM(Math.abs(dv)).slice(1)}${fPct(dv / a.prev * 100)}`;\n };\n let html = `\n \n `;\n rows.forEach(({ r, a, emisores }) => {\n const open = !!S.expanded[r];\n html += `\n \n ${varCells(a)}`;\n if (open) emisores.forEach(({ e, a: ea, chip }) => {\n html += `\n \n ${varCells(ea)}`;\n });\n });\n return html + `

Calificación	Valor de Mercado	% Global	Var (DOP)	Var %
DOP	USD	Total (DOP)
${open ? \"▾\" : \"▸\"}${r}	${cell(a.dop)}	${a.usd > 0 ? \"$\" + nf2.format(a.usd) + \"MM\" : \"—\"}	${fMM(a.tot)}	${fPct(a.tot / t * 100)}
${esc(e)} ${chip}	${cell(ea.dop)}	${ea.usd > 0 ? \"$\" + nf2.format(ea.usd) + \"MM\" : \"—\"}	${fMM(ea.tot)}	${fPct(ea.tot / t * 100)}

`;\n }\n\n // ====== Portafolio › Concentración (§7.2) ======\n function concHtml() {\n if (S.uiState === \"loading\") return `

${kpiSkeletons()}

${panelSkeletons()}

`;\n if (S.uiState === \"empty\") return `

${kpisNDConc(\"N/D\")}

${statePanels(emptyBox())}

`;\n if (S.uiState === \"error\") return `

${kpisNDConc(\"N/D\")}

${statePanels(errBox())}

`;\n\n const rows = emisorStats(); const hhi = hhiOf(rows); const hp = hhiPrev();\n const nEff = hhi > 0 ? 1 / hhi : 0;\n const top5 = rows.slice(0, 5).reduce((a, r) => a + r.pct, 0);\n const tp = totalPrev();\n const top5prev = rows.slice(0, 5).reduce((a, r) => a + (tp > 0 ? r.prev / tp * 100 : 0), 0);\n const mayor = rows[0];\n const estM = estadoEmisor(mayor.pct);\n const holg = D.LIMITES.emisorPctInterno - mayor.pct;\n const alertas = rows.filter(r => estadoEmisor(r.pct).txt === \"Alerta\").length;\n const exc = rows.filter(r => estadoEmisor(r.pct).txt === \"Exceso\").length;\n\n const kpis =\n kpiCard(\"HHI\", fH(hhi), `≈ ${nEff.toFixed(1)} emisores efectivos (1/HHI)`, [\n [\"anterior\", fH(hp)], [\"Δ\", (hhi - hp >= 0 ? \"+\" : \"−\") + fH(Math.abs(hhi - hp)), \"trend\"]]) +\n kpiCard(\"Share Top-5 emisores\", fPct(top5, 1), \"% del VM (DOP consolidado)\", [\n [\"anterior\", fPct(top5prev, 1)], [\"Δ\", fPct(top5 - top5prev, 1) + \" pp\", \"trend\"]]) +\n kpiCard(\"Mayor concentración\", esc(mayor.emisor), `${fPct(mayor.pct, 1)} del VM · ${holg >= 0 ? \"Holgura +\" + nf1.format(holg) : \"Exceso \" + nf1.format(Math.abs(holg))} pp vs. límite ${estM.txt}${S.moneda !== \"Todas\" ? \" · límites evaluados sobre el universo filtrado (\" + S.moneda + \"), no sobre el portafolio\" : \"\"}`, []) +\n kpiCard(\"Δ HHI vs. corte anterior\", `${(hhi - hp >= 0 ? \"+\" : \"−\") + fH(Math.abs(hhi - hp))}`, \"puntos de HHI\", []) +\n kpiCard(\"Estado de Límites\", `${exc ? \"Exceso\" : alertas ? \"Alerta\" : \"Ok\"}`,\n `Alertas: ${alertas} · Incumplimientos: ${exc} — límite interno ${fPct(D.LIMITES.emisorPctInterno, 1)} por emisor${S.moneda !== \"Todas\" ? \" · evaluados sobre el universo filtrado (\" + S.moneda + \")\" : \"\"}`, []);\n\n return `

${kpis}

Top Emisores

Top-7 + “Otros” por ${S.concTL === \"pct\" ? \"% del VM\" : \"VM (DOP consolidado)\"}.

${S.uiState === \"partial\" ? errBox() : `\n

Evolución de la Concentración

Línea punteada = límite interno. Cada punto consolidado al TC de su fecha.

Cambio en la Composición por Emisor

Δ VM vs. corte anterior — top-7 por |Δ| + “Otros” + Total; barras en neutro.

Tabla de Concentración por Emisor

${tablaConc(rows, hhi)}

Lista completa (exenta de top-7): un emisor en alerta o exceso jamás queda oculto. Límites de exposición sobre VM observado. Sin límite → “N/D”.

`;\n }\n function kpisNDConc(sym) {\n return [\"HHI\", \"Share Top-5 emisores\", \"Mayor concentración\", \"Δ HHI vs. corte anterior\", \"Estado de Límites\"]\n .map(t => kpiCard(t, sym, null, [])).join(\"\");\n }\n function tablaConc(rows, hhi) {\n let html = ``;\n rows.forEach(r => {\n const st = estadoEmisor(r.pct);\n const holg = D.LIMITES.emisorPctInterno - r.pct;\n html += `\n \n \n `;\n });\n return html + `

Emisor	Moneda	VM (DOP)	% VM	Aporte HHI	Límite interno	Holgura/Exceso
${esc(r.emisor)}	${r.chip}	${fMM(r.vm)}	${fPct(r.pct)}	${r.hhi.toFixed(4)}	${fPct(D.LIMITES.emisorPctInterno, 1)}	${(holg >= 0 ? \"+\" : \"\") + nf1.format(holg)} pp ${st.txt}

`;\n }\n\n // ====== Métricas de Riesgo (§8) ======\n // Las medidas se calculan SIEMPRE sobre la cartera consolidada completa — el filtro de\n // moneda NO aplica aquí (X-3/X-4: partición prohibida por cuotas; VaR no aditivo).\n const RM = () => D.RISK[S.medida];\n function vmFull(getVal) {\n const m = new Map();\n D.positions.forEach(p => m.set(p.rating, (m.get(p.rating) || 0) + getVal(p)));\n return m;\n }\n function mrAgg(prev = false) {\n const vm = vmFull(prev ? dopPrev : dop);\n const rows = D.RATINGS.filter(r => vm.has(r) && vm.get(r) > 0).map(r => {\n const stand = vm.get(r) * RM().rate[r];\n return { r, vm: vm.get(r), stand, contrib: stand * RM().divF[r] };\n });\n return {\n rows,\n total: rows.reduce((a, x) => a + x.contrib, 0),\n standSum: rows.reduce((a, x) => a + x.stand, 0),\n vmTot: rows.reduce((a, x) => a + x.vm, 0),\n };\n }\n function mrEmisores(prev = false) { // prorrateo por exposición dentro del rating (§2)\n const getVal = prev ? dopPrev : dop;\n const vm = vmFull(getVal);\n const m = new Map();\n D.positions.forEach(p => {\n if (!vm.get(p.rating)) return;\n const contribR = vm.get(p.rating) * RM().rate[p.rating] * RM().divF[p.rating];\n m.set(p.emisor, (m.get(p.emisor) || 0) + contribR * getVal(p) / vm.get(p.rating));\n });\n return [...m.entries()].sort((a, b) => b[1] - a[1]);\n }\n function mrTipos() { // contribución prorrateada por tipo de instrumento (misma base rating)\n const vm = vmFull(dop);\n const m = new Map();\n D.positions.forEach(p => {\n const contribR = vm.get(p.rating) * RM().rate[p.rating] * RM().divF[p.rating];\n m.set(p.tipo, (m.get(p.tipo) || 0) + contribR * dop(p) / vm.get(p.rating));\n });\n return [...m.entries()].sort((a, b) => b[1] - a[1]);\n }\n const mrMarkerIdx = () => D.DATES.indexOf(D.SUPUESTO_MARKERS[0].fecha);\n function mrHistSeries() { // ρ=20% antes del marcador → factor RHO_PREV_FACTOR (discontinuidad honesta)\n const mk = mrMarkerIdx();\n const cur = mrAgg();\n return D.RATINGS.map(r => ({\n r,\n data: D.DATES.map((_, i) => {\n if (i === D.DATES.length - 1) { const row = cur.rows.find(x => x.r === r); return row ? +row.contrib.toFixed(2) : 0; }\n const vmT = (D.HIST_SHARE[r][i] || 0) * D.HIST_TOTAL[i];\n return +(vmT * RM().rate[r] * RM().divF[r] * (i < mk ? D.RHO_PREV_FACTOR : 1)).toFixed(2);\n }),\n }));\n }\n function mrHistTotals() {\n const s = mrHistSeries();\n return D.DATES.map((_, i) => s.reduce((a, x) => a + x.data[i], 0));\n }\n const parseFecha = f => { const [d, m, y] = f.split(\"/\").map(Number); return new Date(y, m - 1, d); };\n function volAnualizada() { // σ descriptiva del VM del libro; anualiza por Δt promedio REAL (X-8)\n const vals = [...D.HIST_TOTAL]; vals[vals.length - 1] = mrAgg().vmTot;\n const rets = [];\n for (let i = 1; i < vals.length; i++) rets.push(Math.log(vals[i] / vals[i - 1]));\n const mu = rets.reduce((a, b) => a + b, 0) / rets.length;\n const sd = Math.sqrt(rets.reduce((a, b) => a + (b - mu) ** 2, 0) / (rets.length - 1));\n const spanDias = (parseFecha(D.DATES[D.DATES.length - 1]) - parseFecha(D.DATES[0])) / 86400000;\n const dtProm = spanDias / (D.DATES.length - 1);\n return { vol: sd * Math.sqrt(252 / dtProm) * 100, dtProm };\n }\n const LEYENDA_PRORRATEO = \"Contribución prorrateada por exposición — el modelo opera a nivel rating y no diferencia emisores dentro del rating (§2).\";\n\n function usoLimiteCard(total) {\n const lim = D.LIM_MEDIDA[S.medida];\n if (lim == null) return kpiCard(\"Uso Límite\",\n `N/D`,\n `Sin límite configurado para ${S.medida}`, []);\n const uso = total / lim * 100;\n const st = uso > 100 ? [\"err\", \"Incumplimiento\"] : uso >= 90 ? [\"warn\", \"Advertencia\"] : [\"ok\", \"Ok\"];\n return kpiCard(\"Uso Límite\", `${fPct(uso, 1)} ${st[1]}`,\n `${S.medida} vs. límite interno ${fMM(lim)} · cartera consolidada completa`, []);\n }\n const notaMonedaMR = `

Las medidas de riesgo se calculan sobre la cartera consolidada completa (DOP al TC del corte) y jamás se parten por moneda — el ${esc(S.medida)} no es aditivo entre sub-universos. El filtro de moneda no aplica en esta sección.

`;\n\n // --- Tab A la Fecha (§8.1) ---\n const MR_F_TITLES = () => [`${S.medida} Total`, `Razón ${S.medida}/VM`, \"Top Driver\", \"Beneficio de diversificación\", \"Uso Límite\"];\n function kpisNDMR(titles) { return titles.map(t => kpiCard(t, \"N/D\", null, [])).join(\"\"); }\n\n function mrFechaHtml() {\n if (S.uiState === \"loading\") return `

${kpiSkeletons()}

${panelSkeletons()}

`;\n if (S.uiState === \"empty\") return `

${kpisNDMR(MR_F_TITLES())}

${statePanels(emptyBox())}

`;\n if (S.uiState === \"error\") return `

${kpisNDMR(MR_F_TITLES())}

${statePanels(errBox())}

`;\n\n const a = mrAgg(), ap = mrAgg(true);\n const dv = a.total - ap.total, dvp = ap.total > 0 ? dv / ap.total * 100 : null;\n const razon = a.total / a.vmTot * 100;\n const emis = mrEmisores(), emisPrev = mrEmisores(true);\n const top = emis[0], topPrev = emisPrev[0];\n const ben = a.standSum - a.total, benPct = a.standSum > 0 ? ben / a.standSum * 100 : 0;\n const benTip = ben >= 0\n ? (S.medida === \"VaR\" ? \"Diversificación de cartera: Σ standalone − cartera. El VaR no es subaditivo — bajo concentración la brecha podría ser negativa.\" : `${S.medida} es subaditiva: el beneficio de diversificación es siempre ≥ 0.`)\n : \"El VaR no es subaditivo: penalización por concentración.\";\n const benLabel = ben >= 0 ? \"Beneficio de diversificación\" : \"Penalización por concentración\";\n\n const kpis =\n kpiCard(`${S.medida} Total`, fMM(a.total), \"Consolidado en DOP · TC del corte\", [\n [\"anterior\", fMM(ap.total)],\n [\"Δ\", (dv >= 0 ? \"+\" : \"−\") + fMM(Math.abs(dv)).slice(1), \"trend\"],\n [\"Δ%\", dvp === null ? \"N/D\" : fPct(dvp), \"trend\"]]) +\n kpiCard(`Razón ${S.medida}/VM`, fPct(razon), \"sobre el VM consolidado de la cartera\", [\n [\"anterior\", ap.vmTot > 0 ? fPct(ap.total / ap.vmTot * 100) : \"N/D\"],\n [\"Δ\", ap.vmTot > 0 ? (razon - ap.total / ap.vmTot * 100 >= 0 ? \"+\" : \"−\") + nf2.format(Math.abs(razon - ap.total / ap.vmTot * 100)) + \" pp\" : \"N/D\", \"trend\"]]) +\n kpiCard(\"Top Driver\", esc(top[0]),\n `${fMM(top[1])} · ${fPct(top[1] / a.total * 100, 1)} del ${esc(S.medida)}
${esc(LEYENDA_PRORRATEO)}`, [\n [\"anterior\", esc(topPrev[0])]]) +\n kpiCard(`${benLabel} ⓘ`,\n (ben >= 0 ? \"\" : \"−\") + fMM(Math.abs(ben)),\n `${fPct(Math.abs(benPct), 1)} de la suma standalone (Σ ${esc(S.medida)} standalone − ${esc(S.medida)} de cartera)`, []) +\n usoLimiteCard(a.total);\n\n return `

${kpis}

${S.medida} por Calificación

Contribución a la cartera por rating, orden de escala AAA→B (DOP MM). Cero real = barra en 0; sin dato = barra ausente + “N/D”.

${S.uiState === \"partial\" ? errBox() : `\n

Contribución al ${S.medida}

${S.mrDona === \"Emisor\" ? \"Top-7 + “Otros”. \" : \"\"}${LEYENDA_PRORRATEO}

Standalone vs. Contribución por Calificación

La brecha entre ${S.medida} standalone y contribución a cartera es la diversificación. La vista por posición vive en Marginal.

Descomposición del ${S.medida}

${tablaMrFecha(a)}

Solo el VM se parte por moneda; el ${S.medida} va siempre en DOP consolidado (no aditivo entre monedas). Filas de emisor: ${LEYENDA_PRORRATEO} Las variaciones viven en el tab Histórico.

${notaMonedaMR}

`;\n }\n\n function tablaMrFecha(a) {\n let html = `\n \n `;\n D.RATINGS.forEach(r => {\n const ps = D.positions.filter(p => p.rating === r); if (!ps.length) return;\n const vmDop = ps.filter(p => p.moneda === \"DOP\").reduce((x, p) => x + p.vm, 0);\n const vmUsd = ps.filter(p => p.moneda === \"USD\").reduce((x, p) => x + p.vm, 0);\n const vmTot = ps.reduce((x, p) => x + dop(p), 0);\n const contribR = vmTot * RM().rate[r] * RM().divF[r];\n const open = !!S.mrExp[r];\n html += `\n \n `;\n if (open) {\n const byE = new Map();\n ps.forEach(p => byE.set(p.emisor, [...(byE.get(p.emisor) || []), p]));\n [...byE.entries()].sort((x, y) => y[1].reduce((s, p) => s + dop(p), 0) - x[1].reduce((s, p) => s + dop(p), 0)).forEach(([e, l]) => {\n const eDop = l.filter(p => p.moneda === \"DOP\").reduce((x, p) => x + p.vm, 0);\n const eUsd = l.filter(p => p.moneda === \"USD\").reduce((x, p) => x + p.vm, 0);\n const eTot = l.reduce((x, p) => x + dop(p), 0);\n const eContrib = contribR * eTot / vmTot;\n const chip = new Set(l.map(p => p.moneda)).size > 1 ? \"Mixta\" : l[0].moneda;\n html += `\n \n `;\n });\n }\n });\n return html + `

Calificación	Valor de Mercado	${S.medida} (DOP)	% del ${S.medida}
DOP	USD	Total (DOP)
${open ? \"▾\" : \"▸\"}${r}	${vmDop > 0 ? fMM(vmDop) : \"—\"}	${vmUsd > 0 ? \"$\" + nf2.format(vmUsd) + \"MM\" : \"—\"}	${fMM(vmTot)}	${fMM(contribR)}	${fPct(contribR / mrAgg().total * 100)}
${esc(e)} ${chip}	${eDop > 0 ? fMM(eDop) : \"—\"}	${eUsd > 0 ? \"$\" + nf2.format(eUsd) + \"MM\" : \"—\"}	${fMM(eTot)}	${fMM(eContrib)} prorr.	${fPct(eContrib / mrAgg().total * 100)}

`;\n }\n\n // --- Tab Histórico (§8.2) ---\n const MR_H_TITLES = () => [`${S.medida} Total`, `Rating de mayor Δ ${S.medida}`, \"Volatilidad anualizada del VM\", `Δ Razón ${S.medida}/VM`, \"Uso Límite\"];\n\n function mrHistHtml() {\n if (S.uiState === \"loading\") return `

${kpiSkeletons()}

${panelSkeletons()}

`;\n if (S.uiState === \"empty\") return `

${kpisNDMR(MR_H_TITLES())}

${statePanels(emptyBox())}

`;\n if (S.uiState === \"error\") return `

${kpisNDMR(MR_H_TITLES())}

${statePanels(errBox())}

`;\n\n const a = mrAgg(), ap = mrAgg(true);\n const dv = a.total - ap.total, dvp = ap.total > 0 ? dv / ap.total * 100 : null;\n // Rating de mayor Δ — desempate: |Δ|, luego orden de escala (X-14)\n const deltas = a.rows.map(x => {\n const prev = ap.rows.find(y => y.r === x.r);\n return { r: x.r, d: x.contrib - (prev ? prev.contrib : 0) };\n }).sort((x, y) => Math.abs(y.d) - Math.abs(x.d) || D.RATINGS.indexOf(x.r) - D.RATINGS.indexOf(y.r));\n const mx = deltas[0];\n const razon = a.total / a.vmTot * 100, razonPrev = ap.vmTot > 0 ? ap.total / ap.vmTot * 100 : null;\n const { vol, dtProm } = volAnualizada();\n\n const kpis =\n kpiCard(`${S.medida} Total`, fMM(a.total), \"Consolidado en DOP · TC del corte\", [\n [\"anterior\", fMM(ap.total)],\n [\"Δ\", (dv >= 0 ? \"+\" : \"−\") + fMM(Math.abs(dv)).slice(1), \"trend\"],\n [\"Δ%\", dvp === null ? \"N/D\" : fPct(dvp), \"trend\"]]) +\n kpiCard(`Rating de mayor Δ ${S.medida}`, mx.r,\n `${(mx.d >= 0 ? \"+\" : \"−\") + fMM(Math.abs(mx.d))} vs. corte anterior · desempate por |Δ| y orden de escala`, [\n [\"anterior\", mx.r]]) +\n kpiCard(`Volatilidad anualizada del VM ⓘ`,\n fPct(vol, 1), \"no conmuta con el selector de medida\", []) +\n kpiCard(`Δ Razón ${S.medida}/VM`,\n razonPrev === null ? \"N/D\" : (razon - razonPrev >= 0 ? \"+\" : \"−\") + nf2.format(Math.abs(razon - razonPrev)) + \" pp\",\n \"separa efecto nivel de efecto tamaño del libro\", [\n [\"anterior\", razonPrev === null ? \"N/D\" : fPct(razonPrev)]]) +\n usoLimiteCard(a.total);\n\n return `

${kpis}

Evolución del ${S.medida} por Calificación

Cima del apilado = ${S.medida} Total. Línea vertical = cambio de supuesto — la serie no se lee como continua entre supuestos distintos (§2). Cada punto consolidado al TC de su fecha.

${S.uiState === \"partial\" ? errBox() : `\n

Evolución de la Razón ${S.medida}/VM

Intensidad de riesgo del libro (%). Mismos marcadores de cambio de supuesto que la serie de la izquierda.

Cambio del ${S.medida} vs. Corte Anterior

Δ vs. corte anterior (28/01 — mismo supuesto que el as_of; los cortes previos al 03/01 no son comparables punto a punto por cambio de supuesto). Barras en neutro.${S.mrBL === \"Emisor\" ? \" Top-7 por |Δ| + “Otros”. \" + LEYENDA_PRORRATEO : \"\"}

Comparativa por Calificación

${tablaMrHist(a, ap)}

Variaciones al TC de cada corte; incluyen efecto FX. Cada punto consolidado al TC de su fecha. Δ solo entre cortes con el mismo supuesto — supuesto distinto → “N/D”, nunca 0. Filas de emisor: ${LEYENDA_PRORRATEO}

${notaMonedaMR}

`;\n }\n\n function tablaMrHist(a, ap) {\n let html = `\n \n `;\n D.RATINGS.forEach(r => {\n const ps = D.positions.filter(p => p.rating === r); if (!ps.length) return;\n const vmDop = ps.filter(p => p.moneda === \"DOP\").reduce((x, p) => x + p.vm, 0);\n const vmUsd = ps.filter(p => p.moneda === \"USD\").reduce((x, p) => x + p.vm, 0);\n const vmTot = ps.reduce((x, p) => x + dop(p), 0);\n const cur = a.rows.find(x => x.r === r), prev = ap.rows.find(x => x.r === r);\n const varCells = prev\n ? ``\n : ``;\n const open = !!S.mrExpH[r];\n html += `\n \n ${varCells}`;\n if (open) {\n const byE = new Map();\n ps.forEach(p => byE.set(p.emisor, [...(byE.get(p.emisor) || []), p]));\n [...byE.entries()].forEach(([e, l]) => {\n const eTot = l.reduce((x, p) => x + dop(p), 0), ePrev = l.reduce((x, p) => x + dopPrev(p), 0);\n const eContrib = cur.contrib * eTot / vmTot;\n const eContribPrev = prev && ap.rows.find(x => x.r === r) ? prev.contrib * ePrev / ap.rows.find(x => x.r === r).vm : null;\n const eDop = l.filter(p => p.moneda === \"DOP\").reduce((x, p) => x + p.vm, 0);\n const eUsd = l.filter(p => p.moneda === \"USD\").reduce((x, p) => x + p.vm, 0);\n const chip = new Set(l.map(p => p.moneda)).size > 1 ? \"Mixta\" : l[0].moneda;\n const vCells = eContribPrev && ePrev > 0\n ? ``\n : ``;\n html += `\n \n ${vCells}`;\n });\n }\n });\n return html + `

Calificación	Valor de Mercado	${S.medida} (DOP)	Var (DOP)	Var %
DOP	USD	Total (DOP)
${(cur.contrib - prev.contrib >= 0 ? \"+\" : \"−\") + fMM(Math.abs(cur.contrib - prev.contrib)).slice(1)}	${fPct((cur.contrib - prev.contrib) / prev.contrib * 100)}	N/D	N/D
${open ? \"▾\" : \"▸\"}${r}	${vmDop > 0 ? fMM(vmDop) : \"—\"}	${vmUsd > 0 ? \"$\" + nf2.format(vmUsd) + \"MM\" : \"—\"}	${fMM(vmTot)}	${fMM(cur.contrib)}
${(eContrib - eContribPrev >= 0 ? \"+\" : \"−\") + fMM(Math.abs(eContrib - eContribPrev)).slice(1)}	${fPct((eContrib - eContribPrev) / eContribPrev * 100)}	N/D	N/D
${esc(e)} ${chip}	${eDop > 0 ? fMM(eDop) : \"—\"}	${eUsd > 0 ? \"$\" + nf2.format(eUsd) + \"MM\" : \"—\"}	${fMM(eTot)}	${fMM(eContrib)} prorr.

`;\n }\n\n // ====== Marginal (§10) — salidas directas por posición: leave-one-out (marginal),\n // Euler (componental) y standalone. La cartera es SIEMPRE la consolidada completa.\n const NOTA_GRANULARIDAD = \"En el modelo, los emisores de una misma calificación comparten distribución — las diferencias por posición provienen de su exposición y de la realización simulada de su escenario.\";\n const MG_TITLES = () => [`${S.medida} Marginal promedio`, \"Mayor contribución\", \"Posiciones sobre umbral\", \"HHI de contribuciones\", \"Uso Límite\"];\n function mgRows(prev = false) {\n const getVal = prev ? dopPrev : dop;\n // base: standalone y componental Euler por posición (misma fórmula que Métricas por rating)\n const base = D.positions.map(p => {\n const v = getVal(p);\n const stand = v * RM().rate[p.rating];\n return { p, v, stand, comp: stand * RM().divF[p.rating] };\n });\n // diversificadoras (realización simulada — §2: no es atributo del emisor): componental\n // negativa; el excedente se redistribuye proporcionalmente INTRA-RATING → los subtotales\n // por rating y el total coinciden EXACTO con la pantalla Métricas de Riesgo.\n D.RATINGS.forEach(r => {\n const inR = base.filter(x => x.p.rating === r);\n const divs = inR.filter(x => x.p.div), rest = inR.filter(x => !x.p.div);\n if (!divs.length || !rest.length) return;\n let excess = 0;\n divs.forEach(x => { const nc = -0.10 * x.stand; excess += x.comp - nc; x.comp = nc; });\n const restSum = rest.reduce((a, x) => a + x.comp, 0);\n rest.forEach(x => { x.comp += excess * x.comp / restSum; });\n });\n base.forEach(x => {\n x.marg = x.comp * x.p.mgF;\n x.margPct = x.v > 0 ? x.marg / x.v * 100 : 0;\n });\n return base;\n }\n const fSg = v => (v < 0 ? \"−\" : \"\") + fMM(Math.abs(v));\n\n function mgHtml() {\n if (S.uiState === \"loading\") return `

${kpiSkeletons()}

${panelSkeletons()}

`;\n if (S.uiState === \"empty\") return `

${kpisNDMR(MG_TITLES())}

${statePanels(emptyBox())}

`;\n if (S.uiState === \"error\") return `

${kpisNDMR(MG_TITLES())}

${statePanels(errBox())}

`;\n\n const rows = mgRows();\n const total = rows.reduce((a, x) => a + x.comp, 0); // Σ componental = total de Métricas (Euler)\n const margSum = rows.reduce((a, x) => a + x.marg, 0);\n const mean = margSum / rows.length;\n const meanPrev = mgRows(true).reduce((a, x) => a + x.marg, 0) / rows.length;\n const dMean = mean - meanPrev, dMeanP = meanPrev !== 0 ? dMean / Math.abs(meanPrev) * 100 : null;\n const top = [...rows].sort((a, b) => b.comp - a.comp)[0];\n const lims = D.MG_LIMITS[S.medida];\n const nSobre = lims.hyp != null ? rows.filter(x => x.marg > lims.hyp).length : null;\n const pos = rows.filter(x => x.comp > 0);\n const posSum = pos.reduce((a, x) => a + x.comp, 0);\n const hhi = pos.reduce((a, x) => a + (x.comp / posSum) ** 2, 0);\n const negs = rows.filter(x => x.comp < 0);\n const negNet = negs.reduce((a, x) => a + x.comp, 0);\n\n const kpis =\n kpiCard(`${S.medida} Marginal promedio ⓘ`,\n fSg(mean), subtituloConsolidacion(), [\n [\"anterior\", fSg(meanPrev)],\n [\"Δ\", (dMean >= 0 ? \"+\" : \"−\") + fMM(Math.abs(dMean)).slice(1)],\n [\"Δ%\", dMeanP === null ? \"N/D\" : (dMeanP >= 0 ? \"+\" : \"\") + nf1.format(dMeanP) + \"%\"]]) +\n kpiCard(`Mayor contribución ⓘ`,\n fMM(top.comp),\n `${esc(top.p.inst)} · ${esc(top.p.emisor)}
${fPct(top.comp / total * 100, 1)} del ${esc(S.medida)} (base componental — aditiva)`, []) +\n kpiCard(`Posiciones sobre umbral ⓘ`,\n nSobre === null ? \"N/D\" : String(nSobre),\n nSobre === null ? \"Límite de riesgo absoluto: N/D\" : `Marginal > ${fMM(lims.hyp)} (hipérbola iso-risk)`, []) +\n kpiCard(`HHI de contribuciones ⓘ`,\n fH(hhi), `≈ ${nf0(1 / hhi)} posiciones efectivas (1/HHI) · sobre contribuciones positivas`, []) +\n usoLimiteCard(total);\n\n const glos = `

ⓘ Definiciones — Marginal: riesgo(cartera) − riesgo(cartera sin la posición), leave-one-out; no aditiva (en este corte Σ marginales = ${fMM(margSum)} ≠ ${esc(S.medida)} total ${fMM(total)}). Contribución (componental): descomposición de Euler — Σ componentales = ${esc(S.medida)} total exacto. Standalone: riesgo de la posición en aislamiento; standalone − componental = beneficio de diversificación.

`;\n\n return `${glos}

${kpis}

Iso-risk: ${S.medida} marginal vs. tamaño

Cada punto = instrumento; X·Y = marginal en DOP. Overlays de límite conmutan con la medida; sin límite configurado → “Límite: N/D”. Diversificadoras bajo Y=0. ${NOTA_GRANULARIDAD}

${S.uiState === \"partial\" ? errBox() : `\n

Contribución (componental)

${S.mgDona === \"Emisor\" ? \"Top-7 + “Otros”. \" : \"\"}Solo contribuciones positivas — una dona no representa negativos. Diversificadoras: ${negs.length} posiciones, neto −${fMM(Math.abs(negNet)).slice(1)} (fuera de la dona).

Ranking por ${S.medida} marginal

Top-7 posiciones por |marginal| mostrando signo: añade (+) / diversifica (−). “Otros (+)” y “Otros (−)” separados — un neto ocultaría magnitudes de ambos signos.

Detalle por posición

${tablaMg(rows, total)}

Lista completa (sin colapso top-7). Marginal solo a nivel instrumento — no es aditiva. Los % pueden superar 100% por contribuciones negativas. Var refiere al Marginal; variaciones al TC de cada corte (incluyen efecto FX). Solo el VM se consolida; el ${S.medida} jamás se parte por moneda. ${NOTA_GRANULARIDAD}

${notaMonedaMR}

`;\n }\n\n function tablaMg(rows, total) {\n const prevRows = mgRows(true);\n let html = `\n \n \n \n \n `;\n D.RATINGS.forEach(r => {\n const inR = rows.filter(x => x.p.rating === r); if (!inR.length) return;\n const vmR = inR.reduce((a, x) => a + x.v, 0), compR = inR.reduce((a, x) => a + x.comp, 0);\n const standR = inR.reduce((a, x) => a + x.stand, 0);\n const open = !!S.mgExp[r];\n html += `\n \n \n `;\n if (!open) return;\n const byE = new Map();\n inR.forEach(x => byE.set(x.p.emisor, [...(byE.get(x.p.emisor) || []), x]));\n [...byE.entries()].sort((a, b) => b[1].reduce((s, x) => s + x.v, 0) - a[1].reduce((s, x) => s + x.v, 0)).forEach(([e, l]) => {\n const key = r + \"|\" + e, openE = !!S.mgExpE[key];\n const vmE = l.reduce((a, x) => a + x.v, 0), compE = l.reduce((a, x) => a + x.comp, 0), standE = l.reduce((a, x) => a + x.stand, 0);\n const chip = new Set(l.map(x => x.p.moneda)).size > 1 ? \"Mixta\" : l[0].p.moneda;\n html += `\n \n \n `;\n if (!openE) return;\n l.sort((a, b) => b.v - a.v).forEach(x => {\n const prev = prevRows.find(y => y.p.inst === x.p.inst && y.p.emisor === x.p.emisor);\n const dv = prev ? x.marg - prev.marg : null;\n const dvp = prev && prev.marg !== 0 ? dv / Math.abs(prev.marg) * 100 : null;\n html += `\n \n \n \n \n `;\n });\n });\n });\n return html + `

Calificación / Emisor / Instrumento	Moneda	VM (DOP)	${S.medida} Marginal	Componental	% del total	Standalone	Benef. diversif.	Var Marginal	Var %
${open ? \"▾\" : \"▸\"}${r}	—	${fMM(vmR)}	—	${fSg(compR)}	${fPct(compR / total * 100)}	${fMM(standR)}	${fSg(standR - compR)}	—	—
${openE ? \"▾\" : \"▸\"}${esc(e)}	${chip}	${fMM(vmE)}	—	${fSg(compE)}	${fPct(compE / total * 100)}	${fMM(standE)}	${fSg(standE - compE)}	—	—
${esc(x.p.inst)}	${x.p.moneda}	${fMM(x.v)}	${fSg(x.marg)}	${fSg(x.comp)}	${fPct(x.comp / total * 100)}	${fMM(x.stand)}	${fSg(x.stand - x.comp)}	${dv === null ? \"N/D\" : (dv >= 0 ? \"+\" : \"−\") + fMM(Math.abs(dv)).slice(1)}	${dvp === null ? \"N/D\" : (dvp >= 0 ? \"+\" : \"\") + nf1.format(dvp) + \"%\"}

`;\n }\n\n function chartsMarginal() {\n const rows = mgRows();\n const lims = D.MG_LIMITS[S.medida];\n // TL — scatter iso-risk. Series por rating (paleta ordinal, jamás semáforo) + 3 overlays\n // con entrada de leyenda SIEMPRE presente (layout estable ante el selector — N/D si null).\n const maxX = Math.max(...rows.map(x => x.v)) * 1.12;\n const scatterSeries = D.RATINGS.filter(r => rows.some(x => x.p.rating === r)).map(r => ({\n name: r, type: \"scatter\", symbolSize: 13, itemStyle: { color: ratColor(r), opacity: 0.7 },\n data: rows.filter(x => x.p.rating === r).map(x => ({ value: [+x.v.toFixed(2), +x.margPct.toFixed(3)], meta: x })),\n }));\n const maxY = Math.max(...rows.map(x => x.margPct)) * 1.45;\n const minY = Math.min(0, ...rows.map(x => x.margPct)) * 2.2 - 0.4;\n const hypPts = lims.hyp != null\n ? Array.from({ length: 240 }, (_, i) => { const x = maxX * (i + 1) / 240; const y = 100 * lims.hyp / x; return y <= maxY ? [x, y] : null; }).filter(Boolean)\n : [];\n const nmH = `Límite %-riesgo: ${lims.h != null ? fPct(lims.h, 1) : \"N/D\"}`;\n const nmV = `Límite de tamaño: ${lims.v != null ? fMM(lims.v) : \"N/D\"}`;\n const nmY = `Iso-risk (por posición): ${lims.hyp != null ? fMM(lims.hyp) : \"N/D\"}`;\n mkChart(\"chMG_TL\", {\n grid: { left: 52, right: 14, top: 34, bottom: 74 },\n legend: { bottom: 0, itemWidth: 10, itemHeight: 10, textStyle: { fontSize: 9 } },\n tooltip: { trigger: \"item\", formatter: p => {\n const m = p.data && p.data.meta; if (!m) return p.seriesName;\n return `${esc(m.p.inst)} · ${esc(m.p.emisor)}
Moneda: ${m.p.moneda} · Rating actual: ${m.p.rating}
VM: ${fMM(m.v)}
Marginal: ${fPct(m.margPct)} · ${fSg(m.marg)}
${esc(NOTA_GRANULARIDAD)}`;\n } },\n xAxis: { name: \"VM (DOP MM)\", nameLocation: \"middle\", nameGap: 22, nameTextStyle: { fontSize: 9 }, type: \"value\", max: +maxX.toFixed(0), axisLabel: { fontSize: 9, formatter: v => \"$\" + nf0(v) } },\n yAxis: { name: `${S.medida} marginal / VM (%)`, nameTextStyle: { fontSize: 9, align: \"left\" }, nameGap: 10, type: \"value\", max: +maxY.toFixed(1), min: +minY.toFixed(1), axisLabel: { fontSize: 9, formatter: v => nf1.format(v) + \"%\" } },\n dataZoom: [{ type: \"inside\", xAxisIndex: 0 }, { type: \"inside\", yAxisIndex: 0 }],\n graphic: [\n { type: \"text\", right: 28, top: 40, style: { text: \"C · mayor riesgo absoluto\\n«fallen angels viven aquí»\", fontSize: 9, fill: TK(\"--text-2\"), fontWeight: \"bold\" } },\n { type: \"text\", left: 62, top: 40, style: { text: \"B · mayor % de riesgo\", fontSize: 9, fill: TK(\"--text-2\") } },\n { type: \"text\", right: 28, bottom: 108, style: { text: \"A · mayor tamaño absoluto\", fontSize: 9, fill: TK(\"--text-2\") } },\n ],\n series: [\n ...scatterSeries,\n { name: nmH, type: \"line\", symbol: \"none\", lineStyle: { type: \"dashed\", width: 1.4, color: TK(\"--secondary\") }, color: TK(\"--secondary\"),\n data: lims.h != null ? [[0, lims.h], [maxX, lims.h]] : [],\n markLine: { silent: true, symbol: \"none\", lineStyle: { color: TK(\"--text-2\"), width: 1 }, label: { show: false }, data: [{ yAxis: 0 }] } },\n { name: nmV, type: \"line\", symbol: \"none\", lineStyle: { type: \"dashed\", width: 1.4, color: TK(\"--primary\") }, color: TK(\"--primary\"),\n data: lims.v != null ? [[lims.v, minY], [lims.v, maxY]] : [] },\n { name: nmY, type: \"line\", symbol: \"none\", lineStyle: { width: 2, type: \"dashed\", color: TK(\"--sem-warn\") }, color: TK(\"--sem-warn\"),\n data: hypPts, tooltip: { show: false } },\n ],\n });\n // TR — dona componental (solo positivas)\n if (S.uiState !== \"partial\") {\n const pos = rows.filter(x => x.comp > 0);\n let entries;\n if (S.mgDona === \"Emisor\") {\n const m = new Map(); pos.forEach(x => m.set(x.p.emisor, (m.get(x.p.emisor) || 0) + x.comp));\n entries = [...m.entries()].sort((a, b) => b[1] - a[1]);\n if (entries.length > 8) { const t7 = entries.slice(0, 7), rest = entries.slice(7).reduce((a, e) => a + e[1], 0); entries = [...t7, [\"Otros\", rest]]; }\n } else if (S.mgDona === \"Calificación\") {\n const m = new Map(); pos.forEach(x => m.set(x.p.rating, (m.get(x.p.rating) || 0) + x.comp));\n entries = D.RATINGS.filter(r => m.has(r)).map(r => [r, m.get(r)]);\n } else {\n const m = new Map(); pos.forEach(x => m.set(x.p.tipo, (m.get(x.p.tipo) || 0) + x.comp));\n entries = [...m.entries()].sort((a, b) => b[1] - a[1]);\n }\n const colors = S.mgDona === \"Calificación\" ? entries.map(e => ratColor(e[0]))\n : entries.map((e, i) => e[0] === \"Otros\" ? GRAY : CATEG[i % CATEG.length]);\n mkChart(\"chMG_TR\", {\n tooltip: { trigger: \"item\", valueFormatter: v => fMM(v) },\n legend: { orient: \"vertical\", right: 0, top: \"middle\", textStyle: { fontSize: 10 }, formatter: n => { const e = entries.find(x => x[0] === n); return `${n} ${fMM(e[1])}`; } },\n series: [{ type: \"pie\", radius: [\"52%\", \"74%\"], center: [\"32%\", \"50%\"],\n label: { formatter: p => fPct(p.percent, 1), fontSize: 10 },\n data: entries.map((e, i) => ({ name: e[0], value: +e[1].toFixed(2), itemStyle: { color: colors[i] } })) }],\n });\n }\n // BL — divergentes top-7 |marginal| + Otros(+)/Otros(−) separados (neutro, signo por posición)\n const sorted = [...rows].sort((a, b) => Math.abs(b.marg) - Math.abs(a.marg));\n const t7 = sorted.slice(0, 7), rest = sorted.slice(7);\n const oPos = rest.filter(x => x.marg >= 0).reduce((a, x) => a + x.marg, 0);\n const oNeg = rest.filter(x => x.marg < 0).reduce((a, x) => a + x.marg, 0);\n const items = [\n ...t7.map(x => ({ k: x.p.inst, v: x.marg })),\n { k: \"Otros (+)\", v: oPos }, { k: \"Otros (−)\", v: oNeg },\n ];\n mkChart(\"chMG_BL\", {\n grid: { left: 56, right: 16, top: 24, bottom: 66 },\n tooltip: { trigger: \"axis\", valueFormatter: v => (v >= 0 ? \"+\" : \"−\") + fMM(Math.abs(v)).slice(1) },\n xAxis: { type: \"category\", data: items.map(i => i.k), axisLabel: { fontSize: 8.5, rotate: 36 } },\n yAxis: { type: \"value\", axisLabel: { formatter: v => (v < 0 ? \"−\" : \"\") + \"$\" + nf0(Math.abs(v)) + \"MM\", fontSize: 10 } },\n series: [{ type: \"bar\", barWidth: 20,\n itemStyle: { color: p => items[p.dataIndex].k.startsWith(\"Otros\") ? GRAY : TK(\"--primary\") },\n label: { show: true, position: \"top\", fontSize: 9, color: TK(\"--text-2\"),\n formatter: p => items[p.dataIndex].v === 0 ? \"sin posiciones\" : (items[p.dataIndex].v >= 0 ? \"+\" : \"−\") + nf1.format(Math.abs(items[p.dataIndex].v)) },\n data: items.map(i => +i.v.toFixed(2)) }],\n });\n }\n\n // ---------- Charts ----------\n function mkChart(id, opt) {\n const el = document.getElementById(id);\n if (!el) return;\n const c = echarts.init(el, null, { renderer: \"canvas\" });\n c.setOption(opt); charts.push(c);\n }\n const tipMM = p => (Array.isArray(p) ? p : [p]).map(x => `${x.marker} ${x.seriesName || x.name}: ${fMM(x.value)}`).join(\"
\");\n\n function chartsGlobal() {\n // TL — área apilada VM por rating (paleta ordinal azul, jamás semáforo)\n const shares = D.HIST_SHARE, totals = [...D.HIST_TOTAL];\n const byR = aggBy(\"rating\"); const t = total();\n totals[totals.length - 1] = t;\n const series = D.RATINGS.map(r => ({\n name: r, type: \"line\", stack: \"vm\", areaStyle: { opacity: 0.85 }, symbol: \"none\",\n lineStyle: { width: 1 }, color: ratColor(r),\n data: D.DATES.map((_, i) => i === D.DATES.length - 1\n ? +(byR.cur.get(r) || 0).toFixed(2)\n : +((shares[r][i] || 0) * totals[i]).toFixed(2)),\n }));\n mkChart(\"chTL\", {\n grid: { left: 60, right: 16, top: 24, bottom: 44 },\n tooltip: { trigger: \"axis\", valueFormatter: v => fMM(v) },\n legend: { bottom: 0, itemWidth: 10, itemHeight: 10, textStyle: { fontSize: 10 } },\n xAxis: { type: \"category\", data: D.DATES, axisLabel: { fontSize: 9, rotate: 40 } },\n yAxis: { type: \"value\", axisLabel: { formatter: v => \"$\" + nf0(v) + \"MM\", fontSize: 10 } },\n series,\n });\n // TR — dona con \"Vista por\"\n if (S.uiState !== \"partial\") {\n const dim = { \"Calificación\": \"rating\", \"Emisor\": \"emisor\", \"Tipo de instrumento\": \"tipo\", \"Moneda\": \"moneda\" }[S.donaVista];\n let entries = [...aggBy(dim).cur.entries()].sort((a, b) => b[1] - a[1]);\n if (entries.length > 8) { // máx 8 categorías: top-7 + Otros (L-10)\n const top = entries.slice(0, 7), rest = entries.slice(7).reduce((a, e) => a + e[1], 0);\n entries = [...top, [\"Otros\", rest]];\n }\n const colors = dim === \"rating\" ? entries.map(e => e[0] === \"Otros\" ? GRAY : ratColor(e[0]))\n : entries.map((e, i) => e[0] === \"Otros\" ? GRAY : CATEG[i % CATEG.length]);\n mkChart(\"chTR\", {\n tooltip: { trigger: \"item\", valueFormatter: v => fMM(v) },\n legend: { orient: \"vertical\", right: 0, top: \"middle\", textStyle: { fontSize: 10 }, formatter: n => { const e = entries.find(x => x[0] === n); return `${n} ${fMM(e[1])}`; } },\n series: [{ type: \"pie\", radius: [\"52%\", \"74%\"], center: [\"32%\", \"50%\"],\n label: { formatter: p => fPct(p.percent, 1), fontSize: 10 },\n data: entries.map((e, i) => ({ name: e[0], value: +e[1].toFixed(2), itemStyle: { color: colors[i] } })) }],\n });\n }\n // BL — divergentes Δ (NEUTRO — signo por posición+etiqueta, X-3)\n const dimB = { \"Calificación\": \"rating\", \"Emisor\": \"emisor\", \"Tipo de instrumento\": \"tipo\" }[S.blVista];\n const ag = aggBy(dimB);\n let items = [...ag.cur.keys()].map(k => {\n const c = ag.cur.get(k) || 0, p = ag.prev.get(k) || 0;\n return { k, d: c - p, dp: p > 0 ? (c - p) / p * 100 : null };\n });\n if (dimB === \"emisor\" && items.length > 7) {\n items.sort((a, b) => Math.abs(b.d) - Math.abs(a.d));\n const top = items.slice(0, 7), rest = items.slice(7);\n items = [...top, { k: \"Otros\", d: rest.reduce((a, x) => a + x.d, 0), dp: null }];\n } else if (dimB === \"rating\") {\n items.sort((a, b) => D.RATINGS.indexOf(a.k) - D.RATINGS.indexOf(b.k));\n }\n items.push({ k: \"Total\", d: total() - totalPrev(), dp: totalPrev() > 0 ? (total() - totalPrev()) / totalPrev() * 100 : null });\n mkChart(\"chBL\", {\n grid: { left: 60, right: 16, top: 28, bottom: 54 },\n tooltip: { trigger: \"axis\", valueFormatter: v => (v >= 0 ? \"+\" : \"−\") + fMM(Math.abs(v)).slice(1) },\n xAxis: { type: \"category\", data: items.map(i => i.k), axisLabel: { fontSize: 9, rotate: 32 } },\n yAxis: { type: \"value\", axisLabel: { formatter: v => \"$\" + nf0(v) + \"MM\", fontSize: 10 } },\n series: [{ type: \"bar\", barWidth: 22,\n itemStyle: { color: p => p.dataIndex === items.length - 1 ? TK(\"--secondary\") : TK(\"--primary\") }, // neutro siempre\n label: { show: true, position: \"top\", fontSize: 9, color: TK(\"--text-2\"),\n formatter: p => items[p.dataIndex].dp === null ? \"\" : (items[p.dataIndex].dp >= 0 ? \"+\" : \"\") + nf1.format(items[p.dataIndex].dp) + \"%\" },\n data: items.map(i => +i.d.toFixed(2)) }],\n });\n }\n\n function chartsConc() {\n const rows = emisorStats(); const t = total();\n // TL — top-7 + Otros barras horizontales\n let top = rows.slice(0, 7);\n const rest = rows.slice(7);\n const data = [...top.map(r => ({ name: r.emisor, v: S.concTL === \"pct\" ? r.pct : r.vm }))];\n if (rest.length) data.push({ name: \"Otros\", v: rest.reduce((a, r) => a + (S.concTL === \"pct\" ? r.pct : r.vm), 0) });\n data.reverse();\n mkChart(\"chCTL\", {\n grid: { left: 130, right: 50, top: 8, bottom: 24 },\n tooltip: { trigger: \"axis\", valueFormatter: v => S.concTL === \"pct\" ? fPct(v) : fMM(v) },\n xAxis: { type: \"value\", axisLabel: { formatter: v => S.concTL === \"pct\" ? v + \"%\" : \"$\" + nf0(v) + \"MM\", fontSize: 10 } },\n yAxis: { type: \"category\", data: data.map(d => d.name), axisLabel: { fontSize: 10 } },\n series: [{ type: \"bar\", barWidth: 14,\n itemStyle: { color: p => data[p.dataIndex].name === \"Otros\" ? GRAY : TK(\"--primary\") },\n label: { show: true, position: \"right\", fontSize: 9.5, formatter: p => S.concTL === \"pct\" ? fPct(p.value, 1) : fMM(p.value) },\n data: data.map(d => +d.v.toFixed(2)) }],\n });\n // TR — evolución HHI / mayor% con markLine límite\n if (S.uiState !== \"partial\") {\n const hhiNow = hhiOf(rows);\n const mayorNow = rows[0] ? rows[0].pct : 0;\n const serie = D.DATES.map((_, i) => {\n if (i === D.DATES.length - 1) return S.concTR === \"hhi\" ? +hhiNow.toFixed(4) : +mayorNow.toFixed(2);\n const drift = 1 + Math.sin(i * 1.7) * 0.03 - (D.DATES.length - 1 - i) * 0.004;\n return S.concTR === \"hhi\" ? +(hhiNow * drift).toFixed(4) : +(mayorNow * drift).toFixed(2);\n });\n const lim = S.concTR === \"hhi\" ? D.LIMITES.hhiInterno : D.LIMITES.emisorPctInterno;\n const yMax = Math.max(lim * 1.08, Math.max(...serie) * 1.05);\n mkChart(\"chCTR\", {\n grid: { left: 56, right: 16, top: 24, bottom: 40 },\n tooltip: { trigger: \"axis\", valueFormatter: v => S.concTR === \"hhi\" ? v.toFixed(4) : fPct(v, 1) },\n xAxis: { type: \"category\", data: D.DATES, axisLabel: { fontSize: 9, rotate: 40 } },\n yAxis: { type: \"value\", scale: true, max: +yMax.toFixed(4), axisLabel: { formatter: v => S.concTR === \"hhi\" ? v.toFixed(3) : v + \"%\", fontSize: 10 } },\n series: [{ type: \"line\", symbol: \"circle\", symbolSize: 4, color: TK(\"--primary\"), data: serie,\n markLine: { silent: true, symbol: \"none\",\n lineStyle: { type: \"dashed\", color: TK(\"--sem-warn\") },\n label: { formatter: \"Límite interno\", fontSize: 9, color: TK(\"--sem-warn\") },\n data: [{ yAxis: lim }] } }],\n });\n }\n // BL — divergentes Δ por emisor (top-7 |Δ| + Otros + Total) — NEUTRO\n const tp = totalPrev();\n let items = rows.map(r => ({ k: r.emisor, d: r.vm - r.prev, dp: r.prev > 0 ? (r.vm - r.prev) / r.prev * 100 : null }));\n items.sort((a, b) => Math.abs(b.d) - Math.abs(a.d));\n const topB = items.slice(0, 7), restB = items.slice(7);\n items = [...topB];\n if (restB.length) items.push({ k: \"Otros\", d: restB.reduce((a, x) => a + x.d, 0), dp: null });\n items.push({ k: \"Total\", d: t - tp, dp: tp > 0 ? (t - tp) / tp * 100 : null });\n mkChart(\"chCBL\", {\n grid: { left: 60, right: 16, top: 28, bottom: 62 },\n tooltip: { trigger: \"axis\", valueFormatter: v => (v >= 0 ? \"+\" : \"−\") + fMM(Math.abs(v)).slice(1) },\n xAxis: { type: \"category\", data: items.map(i => i.k), axisLabel: { fontSize: 9, rotate: 38 } },\n yAxis: { type: \"value\", axisLabel: { formatter: v => \"$\" + nf0(v) + \"MM\", fontSize: 10 } },\n series: [{ type: \"bar\", barWidth: 20,\n itemStyle: { color: p => items[p.dataIndex].k === \"Total\" ? TK(\"--secondary\") : items[p.dataIndex].k === \"Otros\" ? GRAY : TK(\"--primary\") },\n label: { show: true, position: \"top\", fontSize: 9, color: TK(\"--text-2\"),\n formatter: p => items[p.dataIndex].dp === null ? \"\" : (items[p.dataIndex].dp >= 0 ? \"+\" : \"\") + nf1.format(items[p.dataIndex].dp) + \"%\" },\n data: items.map(i => +i.d.toFixed(2)) }],\n });\n }\n\n function chartsMRFecha() {\n const a = mrAgg();\n // TL — barras por rating (orden de escala; cero real = 0; sin dato = ausente + N/D)\n const cats = D.RATINGS.filter(r => D.positions.some(p => p.rating === r));\n mkChart(\"chMF_TL\", {\n grid: { left: 60, right: 16, top: 24, bottom: 30 },\n tooltip: { trigger: \"axis\", valueFormatter: v => fMM(v) },\n xAxis: { type: \"category\", data: cats, axisLabel: { fontSize: 10 } },\n yAxis: { type: \"value\", axisLabel: { formatter: v => \"$\" + nf0(v) + \"MM\", fontSize: 10 } },\n series: [{ type: \"bar\", barWidth: 26,\n itemStyle: { color: p => ratColor(cats[p.dataIndex]) },\n label: { show: true, position: \"top\", fontSize: 9, color: TK(\"--text-2\"), formatter: p => fMM(p.value) },\n data: cats.map(r => { const row = a.rows.find(x => x.r === r); return row ? +row.contrib.toFixed(2) : 0; }) }],\n });\n // TR — dona de contribución (Emisor top-7+Otros / Tipo) — prorrateo §2\n if (S.uiState !== \"partial\") {\n let entries = S.mrDona === \"Emisor\" ? mrEmisores() : mrTipos();\n if (entries.length > 8) {\n const top = entries.slice(0, 7), rest = entries.slice(7).reduce((x, e) => x + e[1], 0);\n entries = [...top, [\"Otros\", rest]];\n }\n mkChart(\"chMF_TR\", {\n tooltip: { trigger: \"item\", valueFormatter: v => fMM(v) },\n legend: { orient: \"vertical\", right: 0, top: \"middle\", textStyle: { fontSize: 10 },\n formatter: n => { const e = entries.find(x => x[0] === n); return `${n} ${fMM(e[1])}`; } },\n series: [{ type: \"pie\", radius: [\"52%\", \"74%\"], center: [\"32%\", \"50%\"],\n label: { formatter: p => fPct(p.percent, 1), fontSize: 10 },\n data: entries.map((e, i) => ({ name: e[0], value: +e[1].toFixed(2), itemStyle: { color: e[0] === \"Otros\" ? GRAY : CATEG[i % CATEG.length] } })) }],\n });\n }\n // BL — standalone vs contribución por rating (agrupadas; la brecha = diversificación)\n const cats2 = a.rows.map(x => x.r);\n mkChart(\"chMF_BL\", {\n grid: { left: 60, right: 16, top: 28, bottom: 46 },\n tooltip: { trigger: \"axis\", valueFormatter: v => fMM(v) },\n legend: { bottom: 0, itemWidth: 10, itemHeight: 10, textStyle: { fontSize: 10 } },\n xAxis: { type: \"category\", data: cats2, axisLabel: { fontSize: 10 } },\n yAxis: { type: \"value\", axisLabel: { formatter: v => \"$\" + nf0(v) + \"MM\", fontSize: 10 } },\n series: [\n { name: S.medida + \" standalone\", type: \"bar\", barWidth: 14, color: TK(\"--secondary\"), data: a.rows.map(x => +x.stand.toFixed(2)) },\n { name: \"Contribución a cartera\", type: \"bar\", barWidth: 14, color: TK(\"--primary\"), data: a.rows.map(x => +x.contrib.toFixed(2)) },\n ],\n });\n }\n\n function chartsMRHist() {\n const series = mrHistSeries();\n const mk = mrMarkerIdx();\n const markLine = { silent: true, symbol: \"none\",\n lineStyle: { type: \"dashed\", color: TK(\"--text-2\"), width: 1.4 },\n label: { formatter: D.SUPUESTO_MARKERS[0].label, fontSize: 9, color: TK(\"--text-2\"), position: \"insideEndTop\" },\n data: [{ xAxis: D.DATES[mk] }] };\n // TL — área apilada por rating + marcador de cambio de supuesto\n mkChart(\"chMH_TL\", {\n grid: { left: 60, right: 16, top: 24, bottom: 44 },\n tooltip: { trigger: \"axis\", valueFormatter: v => fMM(v) },\n legend: { bottom: 0, itemWidth: 10, itemHeight: 10, textStyle: { fontSize: 10 } },\n xAxis: { type: \"category\", data: D.DATES, axisLabel: { fontSize: 9, rotate: 40 } },\n yAxis: { type: \"value\", axisLabel: { formatter: v => \"$\" + nf0(v) + \"MM\", fontSize: 10 } },\n series: series.map((s, i) => ({\n name: s.r, type: \"line\", stack: \"mr\", areaStyle: { opacity: 0.85 }, symbol: \"none\",\n lineStyle: { width: 1 }, color: ratColor(s.r), data: s.data,\n ...(i === 0 ? { markLine } : {}),\n })),\n });\n // TR — razón /VM (%) + mismo marcador\n if (S.uiState !== \"partial\") {\n const totals = mrHistTotals();\n const vmSerie = [...D.HIST_TOTAL]; vmSerie[vmSerie.length - 1] = mrAgg().vmTot;\n const razon = D.DATES.map((_, i) => +(totals[i] / vmSerie[i] * 100).toFixed(3));\n mkChart(\"chMH_TR\", {\n grid: { left: 52, right: 16, top: 24, bottom: 40 },\n tooltip: { trigger: \"axis\", valueFormatter: v => fPct(v) },\n xAxis: { type: \"category\", data: D.DATES, axisLabel: { fontSize: 9, rotate: 40 } },\n yAxis: { type: \"value\", scale: true, axisLabel: { formatter: v => v + \"%\", fontSize: 10 } },\n series: [{ type: \"line\", symbol: \"circle\", symbolSize: 4, color: TK(\"--primary\"), data: razon, markLine }],\n });\n }\n // BL — divergentes Δ (Calificación / Emisor top-7 |Δ| + Otros) — NEUTRO\n const a = mrAgg(), ap = mrAgg(true);\n let items;\n if (S.mrBL === \"Calificación\") {\n items = a.rows.map(x => {\n const prev = ap.rows.find(y => y.r === x.r);\n const d = x.contrib - (prev ? prev.contrib : 0);\n return { k: x.r, d, dp: prev ? d / prev.contrib * 100 : null };\n });\n } else {\n const cur = new Map(mrEmisores()), prev = new Map(mrEmisores(true));\n items = [...cur.keys()].map(k => {\n const d = cur.get(k) - (prev.get(k) || 0);\n return { k, d, dp: prev.get(k) ? d / prev.get(k) * 100 : null };\n }).sort((x, y) => Math.abs(y.d) - Math.abs(x.d));\n const top = items.slice(0, 7), rest = items.slice(7);\n items = [...top];\n if (rest.length) items.push({ k: \"Otros\", d: rest.reduce((x, y) => x + y.d, 0), dp: null });\n }\n items.push({ k: \"Total\", d: a.total - ap.total, dp: ap.total > 0 ? (a.total - ap.total) / ap.total * 100 : null });\n mkChart(\"chMH_BL\", {\n grid: { left: 60, right: 16, top: 28, bottom: 56 },\n tooltip: { trigger: \"axis\", valueFormatter: v => (v >= 0 ? \"+\" : \"−\") + fMM(Math.abs(v)).slice(1) },\n xAxis: { type: \"category\", data: items.map(i => i.k), axisLabel: { fontSize: 9, rotate: 32 } },\n yAxis: { type: \"value\", axisLabel: { formatter: v => (v < 0 ? \"−\" : \"\") + \"$\" + (Math.abs(v) < 10 ? nf1.format(Math.abs(v)) : nf0(Math.abs(v))) + \"MM\", fontSize: 10 } },\n series: [{ type: \"bar\", barWidth: 22,\n itemStyle: { color: p => items[p.dataIndex].k === \"Total\" ? TK(\"--secondary\") : items[p.dataIndex].k === \"Otros\" ? GRAY : TK(\"--primary\") },\n label: { show: true, position: \"top\", fontSize: 9, color: TK(\"--text-2\"),\n formatter: p => items[p.dataIndex].dp === null ? \"\" : (items[p.dataIndex].dp >= 0 ? \"+\" : \"\") + nf1.format(items[p.dataIndex].dp) + \"%\" },\n data: items.map(i => +i.d.toFixed(2)) }],\n });\n }\n\n const nf0v = new Intl.NumberFormat(\"en-US\", { maximumFractionDigits: 0 });\n function nf0(v) { return nf0v.format(v); }\n\n // ---------- Export CSV (pies + supuesto serializados — X-8d) ----------\n function exportCSV(which) {\n const lines = [];\n if (which === \"marginal\") {\n lines.push(`\"Risk Intelligence — Crédito · Marginal (${S.medida})\";\"as_of ${D.AS_OF}\";\"Supuesto: ${D.SUPUESTO.fuente} · ${D.SUPUESTO.metodo} · ${D.SUPUESTO.tc}\"`);\n lines.push(`\"Calificación\";\"Emisor\";\"Instrumento\";\"Moneda\";\"VM DOP (MM)\";\"${S.medida} Marginal (DOP MM)\";\"Componental (DOP MM)\";\"% del total (base componental)\";\"Standalone (DOP MM)\";\"Benef. diversificación (DOP MM)\";\"Var Marginal (DOP MM)\";\"Var %\"`);\n const rows = mgRows(), prevRows = mgRows(true);\n const total = rows.reduce((a, x) => a + x.comp, 0);\n D.RATINGS.forEach(r => rows.filter(x => x.p.rating === r).sort((a, b) => b.v - a.v).forEach(x => {\n const prev = prevRows.find(y => y.p.inst === x.p.inst && y.p.emisor === x.p.emisor);\n const dv = prev ? (x.marg - prev.marg).toFixed(2) : '\"N/D\"';\n const dvp = prev && prev.marg !== 0 ? ((x.marg - prev.marg) / Math.abs(prev.marg) * 100).toFixed(2) : '\"N/D\"';\n lines.push(`\"${x.p.rating}\";\"${x.p.emisor}\";\"${x.p.inst}\";\"${x.p.moneda}\";${x.v.toFixed(2)};${x.marg.toFixed(2)};${x.comp.toFixed(2)};${(x.comp / total * 100).toFixed(2)};${x.stand.toFixed(2)};${(x.stand - x.comp).toFixed(2)};${dv};${dvp}`);\n }));\n lines.push(`\"Nota\";\"${NOTA_GRANULARIDAD}\"`);\n lines.push(`\"Nota\";\"Marginal = leave-one-out, NO aditiva (Σ marginales ≠ ${S.medida} total). Componental = Euler, aditiva (Σ = ${S.medida} total). Los % pueden superar 100% por contribuciones negativas.\"`);\n lines.push(`\"Nota\";\"Var refiere al Marginal; variaciones al TC de cada corte, incluyen efecto FX. El ${S.medida} va en DOP consolidado y jamás se parte por moneda.\"`);\n const blobM = new Blob([\"\\uFEFF\" + lines.join(\"\\n\")], { type: \"text/csv;charset=utf-8\" });\n const aM = document.createElement(\"a\");\n aM.href = URL.createObjectURL(blobM); aM.download = `credito-marginal-${S.medida.toLowerCase()}.csv`; aM.click();\n return;\n }\n if (which === \"mr-fecha\" || which === \"mr-hist\") {\n // X-13: el export histórico serializa el supuesto de AMBOS cortes\n const supHist = which === \"mr-hist\" ? `;\"Supuesto corte anterior (28/01/2026): idéntico — ${D.SUPUESTO.fuente} · ${D.SUPUESTO.metodo}\"` : \"\";\n lines.push(`\"Risk Intelligence — Crédito · Métricas de Riesgo (${S.medida})\";\"as_of ${D.AS_OF}\";\"Supuesto: ${D.SUPUESTO.fuente} · ${D.SUPUESTO.metodo} · ${D.SUPUESTO.tc}\"${supHist}`);\n const a = mrAgg(), ap = mrAgg(true);\n if (which === \"mr-fecha\") {\n lines.push(`\"Calificación\";\"VM DOP (MM)\";\"VM USD (MM)\";\"VM Total DOP (MM)\";\"${S.medida} (DOP MM)\";\"% del ${S.medida}\"`);\n a.rows.forEach(x => {\n const ps = D.positions.filter(p => p.rating === x.r);\n const vmDop = ps.filter(p => p.moneda === \"DOP\").reduce((s, p) => s + p.vm, 0);\n const vmUsd = ps.filter(p => p.moneda === \"USD\").reduce((s, p) => s + p.vm, 0);\n lines.push(`\"${x.r}\";${vmDop ? vmDop.toFixed(2) : '\"—\"'};${vmUsd ? vmUsd.toFixed(2) : '\"—\"'};${x.vm.toFixed(2)};${x.contrib.toFixed(2)};${(x.contrib / a.total * 100).toFixed(2)}`);\n });\n } else {\n lines.push(`\"Calificación\";\"VM Total DOP (MM)\";\"${S.medida} (DOP MM)\";\"Var (DOP MM)\";\"Var %\"`);\n a.rows.forEach(x => {\n const prev = ap.rows.find(y => y.r === x.r);\n const dv = prev ? (x.contrib - prev.contrib).toFixed(2) : '\"N/D\"';\n const dvp = prev ? ((x.contrib - prev.contrib) / prev.contrib * 100).toFixed(2) : '\"N/D\"';\n lines.push(`\"${x.r}\";${x.vm.toFixed(2)};${x.contrib.toFixed(2)};${dv};${dvp}`);\n });\n lines.push(`\"Nota\";\"Variaciones al TC de cada corte; incluyen efecto FX. Δ solo entre cortes con el mismo supuesto.\"`);\n }\n lines.push(`\"Nota\";\"El ${S.medida} va en DOP consolidado y jamás se parte por moneda (no aditivo). Contribuciones por emisor: prorrateo por exposición — el modelo opera a nivel rating.\"`);\n const blob0 = new Blob([\"\\uFEFF\" + lines.join(\"\\n\")], { type: \"text/csv;charset=utf-8\" });\n const a0 = document.createElement(\"a\");\n a0.href = URL.createObjectURL(blob0); a0.download = `credito-metricas-${S.medida.toLowerCase()}-${which}.csv`; a0.click();\n return;\n }\n lines.push(`\"Risk Intelligence — Crédito · Portafolio\";\"as_of ${D.AS_OF}\";\"Supuesto: ${D.SUPUESTO.fuente} · ${D.SUPUESTO.metodo} · ${D.SUPUESTO.tc}\"`);\n if (which === \"global\") {\n lines.push(`\"Calificación\";\"VM DOP (MM)\";\"VM USD (MM)\";\"VM Total DOP (MM)\";\"% Global\";\"Var (DOP MM)\";\"Var %\"`);\n const t = total();\n D.RATINGS.forEach(r => {\n const ps = filt().filter(p => p.rating === r); if (!ps.length) return;\n const dopV = ps.filter(p => p.moneda === \"DOP\").reduce((a, p) => a + p.vm, 0);\n const usdV = ps.filter(p => p.moneda === \"USD\").reduce((a, p) => a + p.vm, 0);\n const tot = ps.reduce((a, p) => a + dop(p), 0), prev = ps.reduce((a, p) => a + dopPrev(p), 0);\n lines.push(`\"${r}\";${dopV ? dopV.toFixed(2) : '\"—\"'};${usdV ? usdV.toFixed(2) : '\"—\"'};${tot.toFixed(2)};${(tot / t * 100).toFixed(2)};${prev > 0 ? (tot - prev).toFixed(2) : '\"N/D\"'};${prev > 0 ? ((tot - prev) / prev * 100).toFixed(2) : '\"N/D\"'}`);\n });\n lines.push(`\"Nota\";\"Variaciones al TC de cada corte; incluyen efecto FX.\"`);\n } else {\n lines.push(`\"Emisor\";\"Moneda\";\"VM DOP (MM)\";\"% VM\";\"Aporte HHI\";\"Límite interno %\";\"Holgura/Exceso pp\";\"Estado\"`);\n emisorStats().forEach(r => {\n const st = estadoEmisor(r.pct);\n lines.push(`\"${r.emisor}\";\"${r.chip}\";${r.vm.toFixed(2)};${r.pct.toFixed(2)};${r.hhi.toFixed(4)};${D.LIMITES.emisorPctInterno.toFixed(1)};${(D.LIMITES.emisorPctInterno - r.pct).toFixed(1)};\"${st.txt}\"`);\n });\n lines.push(`\"Nota\";\"Límites de exposición sobre VM observado; sin límite → N/D.\"`);\n }\n const blob = new Blob([\"\\uFEFF\" + lines.join(\"\\n\")], { type: \"text/csv;charset=utf-8\" });\n const a = document.createElement(\"a\");\n a.href = URL.createObjectURL(blob); a.download = `credito-portafolio-${which}.csv`; a.click();\n }\n\n // ---------- Bind + estados ----------\n function bindBody(section, tab) {\n document.querySelectorAll(\"[data-retry]\").forEach(b => b.onclick = () => { S.uiState = \"ok\"; render(); });\n document.querySelectorAll(\"[data-export]\").forEach(b => b.onclick = () => exportCSV(b.dataset.export));\n if (S.uiState === \"loading\" || S.uiState === \"empty\" || S.uiState === \"error\") return;\n if (section.id === \"metricas-de-riesgo\") {\n if (tab.id === \"a-la-fecha\") {\n const sd = $(\"#selMrDona\"); if (sd) sd.onchange = e => { S.mrDona = e.target.value; render(); };\n document.querySelectorAll(\"tr.grp[data-mrf]\").forEach(r => r.onclick = () => { S.mrExp[r.dataset.mrf] = !S.mrExp[r.dataset.mrf]; render(); });\n chartsMRFecha();\n } else {\n const sb = $(\"#selMrBL\"); if (sb) sb.onchange = e => { S.mrBL = e.target.value; render(); };\n document.querySelectorAll(\"tr.grp[data-mrh]\").forEach(r => r.onclick = () => { S.mrExpH[r.dataset.mrh] = !S.mrExpH[r.dataset.mrh]; render(); });\n chartsMRHist();\n }\n return;\n }\n if (section.id === \"marginal\") {\n const sd = $(\"#selMgDona\"); if (sd) sd.onchange = e => { S.mgDona = e.target.value; render(); };\n document.querySelectorAll(\"tr.grp[data-mgr]\").forEach(r => r.onclick = () => { S.mgExp[r.dataset.mgr] = !S.mgExp[r.dataset.mgr]; render(); });\n document.querySelectorAll(\"tr.child[data-mge]\").forEach(r => r.onclick = () => { S.mgExpE[r.dataset.mge] = !S.mgExpE[r.dataset.mge]; render(); });\n chartsMarginal();\n return;\n }\n if (section.id !== \"portafolio\") return;\n if (tab.id === \"global\") {\n const sd = $(\"#selDona\"); if (sd) sd.onchange = e => { S.donaVista = e.target.value; render(); };\n const sb = $(\"#selBL\"); if (sb) sb.onchange = e => { S.blVista = e.target.value; render(); };\n document.querySelectorAll(\"tr.grp\").forEach(r => r.onclick = () => { S.expanded[r.dataset.rat] = !S.expanded[r.dataset.rat]; render(); });\n chartsGlobal();\n } else {\n document.querySelectorAll(\"[data-tl]\").forEach(b => b.onclick = () => { S.concTL = b.dataset.tl; render(); });\n document.querySelectorAll(\"[data-tr]\").forEach(b => b.onclick = () => { S.concTR = b.dataset.tr; render(); });\n chartsConc();\n }\n }\n\n // ---------- Panel de filtros (orden inviolable del contrato) ----------\n function renderFilters() {\n const host = $(\"#filters\");\n if (!S.filtersOpen) { host.innerHTML = \"\"; return; }\n host.innerHTML = `

Filtros

Fecha de corte

Portafolio

Dataset

Calificación

Emisor

Tipo de instrumento

Seniority

Moneda\n ${[\"metricas-de-riesgo\", \"marginal\"].includes(parseHash().section.id)\n ? `${[\"Todas\", \"DOP\", \"USD\"].map(m => ``).join(\"\")}\n

No aplica en esta sección: las medidas se calculan sobre la cartera consolidada completa (el ${S.medida} no es aditivo entre monedas${parseHash().section.id === \"marginal\" ? \"; el marginal leave-one-out se define contra la cartera completa\" : \"\"}).

`\n : `${[\"Todas\", \"DOP\", \"USD\"].map(m => ``).join(\"\")}`}

Vista por\n

Dimensión de agregación (no es filtro) — sincronizada con el selector del gráfico de composición.

Dominios autoritativos: los valores válidos provienen de la capa de datos (mock: declarados del contrato backend). Controles no interactivos en esta iteración salvo Moneda y Vista por.

`;\n $(\"#fOverlay\").onclick = () => { S.filtersOpen = false; renderFilters(); };\n host.querySelectorAll(\"[data-mon]\").forEach(b => b.onclick = () => { S.moneda = b.dataset.mon; render(); S.filtersOpen = true; renderFilters(); });\n const fv = $(\"#fVista\"); if (fv) fv.onchange = e => { S.donaVista = e.target.value; render(); S.filtersOpen = true; renderFilters(); };\n }\n\n // ---------- Switcher de estado del prototipo ----------\n const STATES = [[\"ok\", \"Éxito\"], [\"loading\", \"Cargando\"], [\"empty\", \"Vacío\"], [\"error\", \"Error\"], [\"partial\", \"Error parcial\"]];\n function renderSwitch() {\n $(\"#protoSwitch\").innerHTML = `

Estado del prototipo

` +\n STATES.map(([k, l]) => ``).join(\"\") + `

`;\n document.querySelectorAll(\"[data-st]\").forEach(b => b.onclick = () => { S.uiState = b.dataset.st; render(); });\n }\n\n window.addEventListener(\"hashchange\", render);\n window.addEventListener(\"resize\", () => charts.forEach(c => c.resize()));\n if (!location.hash) location.hash = \"#/vision-general\";\n render();\n})();\n",[163],"pulls","branches","forks","envVars",{"_177":62,"_179":62},"connections",{"_177":62,"_178":62},"count","unfilledCount","emptyCount",{"_42":162,"_32":163,"_30":164,"_132":-5,"_40":41,"_39":165,"_133":25,"_37":198,"_13":167,"_33":159,"_34":168,"_24":25,"_136":-5,"_186":199,"_27":200},{"_42":153,"_32":154,"_30":155,"_132":-5,"_40":41,"_39":156,"_133":25,"_37":195,"_13":158,"_33":159,"_34":160,"_24":25,"_136":-5,"_186":196,"_27":197},{"_42":145,"_32":146,"_30":147,"_132":-5,"_40":41,"_39":148,"_133":58,"_37":192,"_13":150,"_33":20,"_34":151,"_24":25,"_136":-5,"_186":193,"_27":194},{"_42":138,"_32":139,"_30":56,"_132":-5,"_40":41,"_39":140,"_133":58,"_37":189,"_13":62,"_33":142,"_34":143,"_24":25,"_136":-5,"_186":190,"_27":191},{"_42":131,"_32":28,"_30":31,"_132":-5,"_40":41,"_39":14,"_133":25,"_37":185,"_13":135,"_33":20,"_34":36,"_24":25,"_136":-5,"_186":187,"_27":188},["D",1787330086242],"children",[],[28],["D",1787326725014],[],[139],["D",1787327075110],[],[146],["D",1787330070596],[],[154],["D",1787329209908],[],[163],["D",1787326658800],{"_96":95,"_103":99},{"_96":95,"_97":-5,"_98":99,"_18":54,"_100":101,"_102":25},{"_13":85,"_32":86,"_42":41,"_87":43,"_88":-5,"_89":-5,"_90":-5,"_91":-5,"_92":-5,"_93":44,"_94":95},"ctx",{"_78":-5,"_123":238,"_239":240,"_241":242,"_243":25,"_244":25,"_245":25,"_246":58,"_247":-5,"_248":-7,"_249":-7,"_250":62,"_251":25,"_252":25,"_253":-5,"_254":25,"_255":25,"_256":25,"_257":-5},"ENV",{"_209":210,"_211":212,"_213":86,"_214":215,"_216":217,"_218":219,"_220":221,"_222":223,"_224":225,"_226":227,"_228":229,"_230":231,"_232":233,"_234":235,"_236":237},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","811aa22498c9b0b5a47e8d778de579cdb990f332","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

Diff · v50