Crédito — Risk Intelligence (mock)

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_204":205,"_206":207},"routes/_app.x.$handle.$name",{"_97":96,"_32":45,"_105":87,"_27":106,"_13":14,"_107":-5,"_11":108,"_109":110,"_111":112,"_113":114,"_115":116,"_20":-5,"_117":-5,"_118":-5,"_119":25,"_120":121,"_122":59,"_123":-5,"_124":-5,"_125":126},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_43":44,"_32":45,"_38":46,"_47":-5,"_48":25,"_49":50,"_51":50,"_52":53,"_54":-5,"_18":55,"_56":57,"_58":59,"_60":-5,"_61":-5,"_62":63,"_64":65,"_66":-5,"_67":-5,"_68":-5,"_69":-5,"_70":71,"_72":71,"_73":74,"_75":74,"_76":74,"_77":71,"_78":71,"_79":80,"_81":82,"_83":84,"_85":25},"version",16,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":28,"_33":34,"_35":37,"_38":39,"_40":14,"_41":42,"_24":25},"previous",{"_30":31,"_32":28,"_33":34,"_35":36},"deleted",false,"deletedHere","path","data.js","latestPath","fileId","5d60d72c-9d76-11f1-bcc0-1607ee4eb77e","name","fileType","script","content","/* 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 const positions = [\n { emisor: \"Ministerio de Hacienda\", rating: \"AA\", tipo: \"Bono\", moneda: \"DOP\", vm: 612.40, prev: 605.10 },\n { emisor: \"Ministerio de Hacienda\", rating: \"AA\", tipo: \"Bono\", moneda: \"USD\", vm: 6.90, prev: 6.90 },\n { emisor: \"Ministerio de Hacienda\", rating: \"AA\", tipo: \"Bono\", moneda: \"DOP\", vm: 291.00, prev: 296.40 },\n { emisor: \"Banco Central (BCRD)\", rating: \"AAA\", tipo: \"Bono\", moneda: \"DOP\", vm: 734.20, prev: 741.80 },\n { emisor: \"Banco Central (BCRD)\", rating: \"AAA\", tipo: \"CD\", moneda: \"DOP\", vm: 210.00, prev: 210.00 },\n { emisor: \"Banreservas\", rating: \"A\", tipo: \"Bono\", moneda: \"DOP\", vm: 498.60, prev: 502.30 },\n { emisor: \"Banreservas\", rating: \"A\", tipo: \"CD\", moneda: \"DOP\", vm: 187.50, prev: 172.00 },\n { emisor: \"Banco Popular\", rating: \"A\", tipo: \"Bono\", moneda: \"DOP\", vm: 402.10, prev: 398.90 },\n { emisor: \"Banco Popular\", rating: \"A\", tipo: \"SBB\", moneda: \"USD\", vm: 3.20, prev: 3.20 },\n { emisor: \"Banco BHD\", rating: \"A\", tipo: \"SBB\", moneda: \"DOP\", vm: 356.80, prev: 361.20 },\n { emisor: \"Banco BHD\", rating: \"A\", tipo: \"CD\", moneda: \"DOP\", vm: 122.00, prev: 122.00 },\n { emisor: \"APAP\", rating: \"BBB\", tipo: \"SBB c/ Garantía\", moneda: \"DOP\", vm: 310.40, prev: 318.70 },\n { emisor: \"APAP\", rating: \"BBB\", tipo: \"CD\", moneda: \"DOP\", vm: 96.30, prev: 96.30 },\n { emisor: \"Banco Santa Cruz\", rating: \"BBB\", tipo: \"SBB\", moneda: \"DOP\", vm: 228.90, prev: 224.10 },\n { emisor: \"ACAP\", rating: \"BBB\", tipo: \"SBB c/ Garantía\", moneda: \"DOP\", vm: 204.50, prev: 209.80 },\n { emisor: \"CEPM\", rating: \"BBB\", tipo: \"Bono\", moneda: \"USD\", vm: 5.40, prev: 5.10 },\n { emisor: \"EGE Haina\", rating: \"BB\", tipo: \"Bono\", moneda: \"DOP\", vm: 246.70, prev: 251.30 },\n { emisor: \"EGE Haina\", rating: \"BB\", tipo: \"Bono\", moneda: \"USD\", vm: 2.10, prev: 2.10 },\n { emisor: \"AES Andrés\", rating: \"BB\", tipo: \"Bono\", moneda: \"USD\", vm: 4.60, prev: 4.85 },\n { emisor: \"Banco Promerica\", rating: \"BB\", tipo: \"CD\", moneda: \"DOP\", vm: 138.20, prev: 138.20 },\n { emisor: \"Banco Caribe\", rating: \"B\", tipo: \"SBB\", moneda: \"DOP\", vm: 92.40, prev: 98.60 },\n { emisor: \"Banco Caribe\", rating: \"B\", tipo: \"CD\", moneda: \"DOP\", vm: 41.00, prev: 41.00 },\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 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 return { TC, TC_PREV, positions, RATINGS, TIPOS, DATES, HIST_TOTAL, HIST_SHARE, LIMITES, SUPUESTO, AS_OF, DATASET };\n})();\n","/* 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 const positions = [\n { emisor: \"Ministerio de Hacienda\", rating: \"AA\", tipo: \"Bono\", moneda: \"DOP\", vm: 612.40, prev: 605.10 },\n { emisor: \"Ministerio de Hacienda\", rating: \"AA\", tipo: \"Bono\", moneda: \"USD\", vm: 6.90, prev: 6.90 },\n { emisor: \"Ministerio de Hacienda\", rating: \"AA\", tipo: \"Bono\", moneda: \"DOP\", vm: 291.00, prev: 296.40 },\n { emisor: \"Banco Central (BCRD)\", rating: \"AAA\", tipo: \"Bono\", moneda: \"DOP\", vm: 734.20, prev: 741.80 },\n { emisor: \"Banco Central (BCRD)\", rating: \"AAA\", tipo: \"CD\", moneda: \"DOP\", vm: 210.00, prev: 210.00 },\n { emisor: \"Banreservas\", rating: \"A\", tipo: \"Bono\", moneda: \"DOP\", vm: 498.60, prev: 502.30 },\n { emisor: \"Banreservas\", rating: \"A\", tipo: \"CD\", moneda: \"DOP\", vm: 187.50, prev: 172.00 },\n { emisor: \"Banco Popular\", rating: \"A\", tipo: \"Bono\", moneda: \"DOP\", vm: 402.10, prev: 398.90 },\n { emisor: \"Banco Popular\", rating: \"A\", tipo: \"SBB\", moneda: \"USD\", vm: 3.20, prev: 3.20 },\n { emisor: \"Banco BHD\", rating: \"A\", tipo: \"SBB\", moneda: \"DOP\", vm: 356.80, prev: 361.20 },\n { emisor: \"Banco BHD\", rating: \"A\", tipo: \"CD\", moneda: \"DOP\", vm: 122.00, prev: 122.00 },\n { emisor: \"APAP\", rating: \"BBB\", tipo: \"SBB c/ Garantía\", moneda: \"DOP\", vm: 310.40, prev: 318.70 },\n { emisor: \"APAP\", rating: \"BBB\", tipo: \"CD\", moneda: \"DOP\", vm: 96.30, prev: 96.30 },\n { emisor: \"Banco Santa Cruz\", rating: \"BBB\", tipo: \"SBB\", moneda: \"DOP\", vm: 228.90, prev: 224.10 },\n { emisor: \"ACAP\", rating: \"BBB\", tipo: \"SBB c/ Garantía\", moneda: \"DOP\", vm: 204.50, prev: 209.80 },\n { emisor: \"CEPM\", rating: \"BBB\", tipo: \"Bono\", moneda: \"USD\", vm: 5.40, prev: 5.10 },\n { emisor: \"EGE Haina\", rating: \"BB\", tipo: \"Bono\", moneda: \"DOP\", vm: 246.70, prev: 251.30 },\n { emisor: \"EGE Haina\", rating: \"BB\", tipo: \"Bono\", moneda: \"USD\", vm: 2.10, prev: 2.10 },\n { emisor: \"AES Andrés\", rating: \"BB\", tipo: \"Bono\", moneda: \"USD\", vm: 4.60, prev: 4.85 },\n { emisor: \"Banco Promerica\", rating: \"BB\", tipo: \"CD\", moneda: \"DOP\", vm: 138.20, prev: 138.20 },\n { emisor: \"Banco Caribe\", rating: \"B\", tipo: \"SBB\", moneda: \"DOP\", vm: 92.40, prev: 98.60 },\n { emisor: \"Banco Caribe\", rating: \"B\", tipo: \"CD\", moneda: \"DOP\", vm: 41.00, prev: 41.00 },\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 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 return { TC, TC_PREV, positions, RATINGS, TIPOS, DATES, HIST_TOTAL, HIST_SHARE, LIMITES, RISK, LIM_MEDIDA, SUPUESTO_MARKERS, RHO_PREV_FACTOR, SUPUESTO, AS_OF, DATASET };\n})();\n","createdAt",["D",1787327529408],"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",{"_97":96,"_104":100},"org",{"_97":96,"_98":-5,"_99":100,"_18":55,"_101":102,"_103":25},"branch",{"_13":86,"_32":87,"_43":42,"_88":44,"_89":-5,"_90":-5,"_91":-5,"_92":-5,"_93":-5,"_94":45,"_95":96},"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",{"_43":44,"_32":45,"_38":200,"_47":-5,"_48":25,"_49":50,"_51":50,"_52":53,"_54":-5,"_18":55,"_56":57,"_58":59,"_60":-5,"_61":-5,"_62":63,"_64":65,"_66":-5,"_67":-5,"_68":-5,"_69":-5,"_70":71,"_72":71,"_73":74,"_75":74,"_76":74,"_77":71,"_78":71,"_79":201,"_81":202,"_83":203,"_85":25},"tree",[179,180,181,182,183],"files",[179,180,181,182,183],"counts",{"_169":63,"_170":154,"_171":63,"_172":173,"_174":175},"contents",[127,128,129,130,131],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_43":161,"_32":162,"_30":163,"_135":-5,"_41":42,"_40":164,"_137":25,"_38":165,"_13":166,"_33":34,"_35":167,"_24":25,"_140":-5,"_27":168},{"_43":157,"_32":28,"_30":31,"_135":-5,"_41":42,"_40":14,"_137":25,"_38":158,"_13":159,"_33":34,"_35":37,"_24":25,"_140":-5,"_27":160},{"_43":149,"_32":150,"_30":151,"_135":-5,"_41":42,"_40":152,"_137":59,"_38":153,"_13":154,"_33":20,"_35":155,"_24":25,"_140":-5,"_27":156},{"_43":142,"_32":143,"_30":57,"_135":-5,"_41":42,"_40":144,"_137":59,"_38":145,"_13":63,"_33":146,"_35":147,"_24":25,"_140":-5,"_27":148},{"_43":132,"_32":133,"_30":134,"_135":-5,"_41":42,"_40":136,"_137":25,"_38":138,"_13":63,"_33":20,"_35":139,"_24":25,"_140":-5,"_27":141},"21c14d64-acf9-4caf-82d1-d636cc0ad70e","styles.css","4ee4523c-9d76-11f1-b524-1607ee4eb77e","parentId",2,"latest",["D",1787326688028],"/* 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","label",[133],"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",[143],"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",[150],"64702107-5ae4-4d68-bbf4-d86fce920fea",["D",1787327529408],3,[28],"0fec2d6e-544f-4d29-9300-8b17e9b25a6a","app.js","4e8d6832-9d76-11f1-be1c-1607ee4eb77e",13,["D",1787327074173],7,"/* 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\" }], placeholder: true },\n { id: \"marginal\", label: \"Marginal\", ico: \"◮\", tabs: [{ id: \"global\", label: \"Global\" }], placeholder: 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 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 return `

\n \n

\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(\".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 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 // ---------- 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 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 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 (section.id !== \"portafolio\" || S.uiState === \"loading\" || S.uiState === \"empty\" || S.uiState === \"error\") 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 ${[\"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",[162],"pulls","branches","forks","envVars",{"_176":63,"_178":63},"connections",{"_176":63,"_177":63},"count","unfilledCount","emptyCount",{"_43":161,"_32":162,"_30":163,"_135":-5,"_41":42,"_40":164,"_137":25,"_38":197,"_13":166,"_33":34,"_35":167,"_24":25,"_140":-5,"_185":198,"_27":199},{"_43":157,"_32":28,"_30":31,"_135":-5,"_41":42,"_40":14,"_137":25,"_38":194,"_13":159,"_33":34,"_35":37,"_24":25,"_140":-5,"_185":195,"_27":196},{"_43":149,"_32":150,"_30":151,"_135":-5,"_41":42,"_40":152,"_137":59,"_38":191,"_13":154,"_33":20,"_35":155,"_24":25,"_140":-5,"_185":192,"_27":193},{"_43":142,"_32":143,"_30":57,"_135":-5,"_41":42,"_40":144,"_137":59,"_38":188,"_13":63,"_33":146,"_35":147,"_24":25,"_140":-5,"_185":189,"_27":190},{"_43":132,"_32":133,"_30":134,"_135":-5,"_41":42,"_40":136,"_137":25,"_38":184,"_13":63,"_33":20,"_35":139,"_24":25,"_140":-5,"_185":186,"_27":187},["D",1787326688028],"children",[],[133],["D",1787326725014],[],[143],["D",1787327075110],[],[150],["D",1787327529408],[],[28],["D",1787327074173],[],[162],["D",1787326658800],{"_97":96,"_104":100},{"_97":96,"_98":-5,"_99":100,"_18":55,"_101":102,"_103":25},{"_13":86,"_32":87,"_43":42,"_88":44,"_89":-5,"_90":-5,"_91":-5,"_92":-5,"_93":-5,"_94":45,"_95":96},"ctx",{"_79":-5,"_124":237,"_238":239,"_240":241,"_242":25,"_243":25,"_244":25,"_245":59,"_246":-5,"_247":-7,"_248":-7,"_249":63,"_250":25,"_251":25,"_252":-5,"_253":25,"_254":25,"_255":25,"_256":-5},"ENV",{"_208":209,"_210":211,"_212":87,"_213":214,"_215":216,"_217":218,"_219":220,"_221":222,"_223":224,"_225":226,"_227":228,"_229":230,"_231":232,"_233":234,"_235":236},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","fdb67791413f4386b4dbf18f354029a617f6160f","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 · v16