' + esc(formatoMesCorto(f[0]) + ' · ' + ETIQUETA_EFECTO[k.clave] + ': ' + formatoPbDecimal(v)) + '

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8},"actionData","errors","root",{"_101":102,"_103":104},"routes/embed.x.$handle.$name.$",{"_9":10,"_11":12,"_13":14,"_15":16,"_17":18,"_19":20,"_21":-5},"handle","joselier3","name","afp-popular-attribution-demo","path","nucleo.ts","project",{"_22":45,"_11":12,"_33":46,"_47":-5,"_48":42,"_49":50,"_51":50,"_52":-5,"_53":-5,"_54":55,"_56":57,"_58":32,"_59":-5,"_60":-5,"_61":36,"_62":63,"_64":-5,"_65":-5,"_66":-5,"_67":-5,"_68":69,"_70":69,"_71":72,"_73":72,"_74":72,"_75":69,"_76":69,"_77":78,"_79":80,"_81":82,"_83":42},"file",{"_22":23,"_11":14,"_24":25,"_26":-5,"_27":28,"_29":30,"_31":32,"_33":34,"_35":36,"_37":38,"_39":40,"_41":42,"_43":-5,"_13":44},"permalink","https://www.val.town/x/joselier3/afp-popular-attribution-demo/code/nucleo.ts","extension","id","1ab0c106-5d0a-483f-9f51-3973c653532f","fileId","fd827434-a19c-11f1-8602-1607ee4eb77e","parentId","branchId","0aa51b8e-e380-4b57-89e5-fccae4a17c5f","branchVersion",13,"latest",true,"createdAt",["D",1787783106527],"version",0,"fileType","script","content","/** Script de página v3 — parte 1 (núcleo): constantes de dataviz, formato,\n * acceso a datos (filas posicionales de payload_core/detalle hidratadas\n * contra campos.nodo) y primitivas SVG + gráficos (G9, G1+promedios,\n * acumulado F1.3, G2 ventana, G5 con cuadrantes tintados, treemap,\n * partición FI, curvas G8). Se concatena dentro del MISMO script del\n * cascarón (main_v3.ts): NO redeclara identificadores del cascarón\n * (esc, S, MESES_CORTOS, formatoMesCorto, META_MODULOS, TABS_ANALISIS,\n * ETIQUETA_*). Superficie en español, datos verbatim del motor — la vista\n * lee, jamás deriva (C1): las únicas estadísticas mostradas ya vienen\n * calculadas en el payload (medias pin 2026-08-24, total de presentación). */\nexport const NUCLEO_V3: string = `\n/* ============================ Constantes (núcleo 2b) ============================ */\n\nvar ETIQUETA_EFECTO = {\n asignacion: 'Asignación',\n seleccion: 'Selección',\n interaccion: 'Interacción',\n divisa: 'Divisa',\n timing_y_seleccion: 'Timing y selección',\n special_situation_missing_performance_effect_reference: 'Situación especial: desempeño faltante (referencia)',\n residuo_promediacion: 'Residual de promediado',\n total: 'Efecto total'\n};\n\nvar COLOR_EFECTO = {\n asignacion: '#0d77bf',\n seleccion: '#de560d',\n interaccion: '#6b7280',\n divisa: '#0f766e',\n timing_y_seleccion: '#de560d',\n special_situation_missing_performance_effect_reference: '#BF4774',\n residuo_promediacion: '#008236'\n};\n\nvar GLOSARIO_EFECTOS = {\n asignacion: 'Efecto de sobre- o infra-ponderar cada grupo frente a la referencia (decisión de asignación).',\n seleccion: 'Efecto de los instrumentos elegidos dentro de cada grupo frente al retorno del grupo en la referencia.',\n interaccion: 'Término cruzado entre asignación y selección; no es atribuible a una sola decisión.',\n divisa: 'Efecto cambiario (base − local) emitido por instrumento (RiskMetrics a nivel de seguridad).',\n timing_y_seleccion: 'Efecto combinado del modelo de un solo efecto del dataset L1 (contiene timing, selección, base de precios y comisiones).',\n special_situation_missing_performance_effect_reference: 'Ajuste cuando la referencia carece de desempeño observable en el período (diagnóstico MISSING_PERFORMANCE).',\n residuo_promediacion: 'Residual de la convención de ventana promediada (media mensual AFP) del dataset L1.',\n total: 'Suma de presentación de las columnas de efecto publicadas del nodo; reconcilia contra el retorno activo (§14).'\n};\n\nvar ETIQUETA_CATEGORIA = { CENTRAL_BANK_BILLS_DOP: 'Letras Banco Central DOP',\n CENTRAL_BANK_NOTES_DOP: 'Notas Banco Central DOP',\n CORPORATE_BONDS_DOP: 'Bonos corporativos DOP',\n CORPORATE_BONDS_USD: 'Bonos corporativos USD',\n FINANCIAL_INSTITUTION_BONDS_DOP: 'Bonos instituciones financieras DOP',\n FINANCIAL_INSTITUTION_CERTIFICATES_DOP: 'Certificados financieros DOP',\n GOVERNMENT_BONDS_DOP: 'Bonos gobierno DOP',\n GOVERNMENT_BONDS_USD: 'Bonos gobierno USD',\n MORTGAGE_BACKED_SECURITIES_DOP: 'Titularizaciones hipotecarias DOP',\n MUTUAL_FUND_SHARES_DOP: 'Cuotas de fondos DOP',\n MUTUAL_FUND_SHARES_USD: 'Cuotas de fondos USD',\n PUBLIC_TRUST_DEBT_DOP: 'Fideicomisos públicos (deuda) DOP',\n PUBLIC_TRUST_EQUITY_DOP: 'Fideicomisos públicos (capital) DOP'\n};\n\nvar NAVY = '#1f2a4e';\nvar COLOR_COMPARACION = '#5B6B80';\nvar COLOR_BRECHA = 'rgba(31,42,78,0.10)';\nvar COLOR_GRID = '#E2E8F0';\nvar COLOR_EJE = '#94A3B8';\nvar COLOR_TEXTO_SVG = '#5B6B80';\nvar COLOR_BURBUJA = '#1E6FBF';\n/* Tintes de cuadrante (leyenda G5): mismos valores que las utilidades\n .quad-tint-favorable / .quad-tint-desfavorable de estilos_v3 (C-3). */\nvar TINTE_FAVORABLE = 'rgba(5,150,105,0.35)';\nvar TINTE_DESFAVORABLE = 'rgba(220,38,38,0.3)';\nvar FUENTE_MONO_SVG = 'IBM Plex Mono, ui-monospace, monospace';\n\nvar FAMILIAS_NODO = ['asignacion', 'seleccion', 'interaccion', 'divisa'];\n\n/* Rótulos de sujeto por módulo para los charts (el META_MODULOS del\n cascarón conserva titulo/dataset/convención — aquí solo el sujeto). */\nvar SUJETO_MODULOS = {\n mercado: { sujeto: 'Fondo', corto: 'Fondo' },\n pares: { sujeto: 'Fondo', corto: 'Fondo' },\n historia: { sujeto: 'Portafolio efectivo', corto: 'Portafolio' }\n};\n\n/* ============================ Formato (núcleo) ============================ */\n\nfunction esNulo(v) {\n return v === null || v === undefined || (typeof v === 'number' && !isFinite(v));\n}\n\nfunction separadorMiles(entero) {\n var s = String(Math.abs(entero));\n var out = '';\n for (var i = 0; i < s.length; i++) {\n var resto = s.length - i;\n out += s.charAt(i);\n if (resto > 1 && (resto - 1) % 3 === 0) { out += ','; }\n }\n return out;\n}\n\nfunction formatoPuntosBase(v) {\n if (esNulo(v)) { return 'N/D'; }\n var n = Math.round(v * 10000);\n if (n === 0) { return '0 pb'; }\n return (n < 0 ? '−' : '+') + separadorMiles(n) + ' pb';\n}\n\nfunction formatoPbDecimal(v) {\n if (esNulo(v)) { return 'N/D'; }\n var n = Math.round(v * 100000) / 10;\n if (n === 0) { return '0.0 pb'; }\n return (n < 0 ? '−' : '+') + Math.abs(n).toFixed(1) + ' pb';\n}\n\nfunction formatoNivelPorciento(v) {\n if (esNulo(v)) { return 'N/D'; }\n var p = v * 100;\n return (p < 0 ? '−' : '') + Math.abs(p).toFixed(2) + ' %';\n}\n\nfunction formatoPorcientoConSigno(v) {\n if (esNulo(v)) { return 'N/D'; }\n var p = v * 100;\n return (p < 0 ? '−' : '+') + Math.abs(p).toFixed(2) + ' %';\n}\n\nfunction formatoPuntosPorcentuales(v) {\n if (esNulo(v)) { return 'N/D'; }\n var r = Math.round(v * 1000) / 10;\n if (r === 0) { return '0.0 pp'; }\n return (r < 0 ? '−' : '+') + Math.abs(r).toFixed(1) + ' pp';\n}\n\nfunction formatoPeso(v) {\n if (esNulo(v)) { return 'N/D'; }\n return (v * 100).toFixed(2) + ' %';\n}\n\n/* Mes compacto para ticks de eje ('ene-24'); el formatoMesCorto del\n cascarón ('ene 2024') queda para selectores, tooltips y cabeceras. */\nfunction formatoMesEje(aaaamm) {\n var m = parseInt(aaaamm.slice(5, 7), 10);\n return MESES_CORTOS[m - 1] + '-' + aaaamm.slice(2, 4);\n}\n\nfunction formatoFechaDia(iso) {\n return iso.slice(8, 10) + '/' + iso.slice(5, 7) + '/' + iso.slice(0, 4);\n}\n\nfunction etiquetaVentanaSpan(inicio, fin) {\n return formatoMesCorto(inicio.slice(0, 7)) + ' → ' + formatoMesCorto(fin.slice(0, 7));\n}\n\n/* Signo en pb con 1 decimal (misma resolución que formatoPbDecimal). */\nfunction clasePb(v) {\n if (esNulo(v)) { return 'nd'; }\n return Math.round(v * 100000) < 0 ? 'neg' : '';\n}\n\nfunction celdaPb(v, borde) {\n return '' + formatoPbDecimal(v) + '';\n}\n\nfunction celdaPeso(v, borde) {\n return '' + formatoPeso(v) + '';\n}\n\nfunction celdaNivel(v, borde) {\n var clase = esNulo(v) ? 'nd' : (v < 0 ? 'neg' : '');\n return '' + formatoNivelPorciento(v) + '';\n}\n\n/* ============================ Acceso a datos ============================ */\n\nfunction hidratarFila(fila, campos) {\n var obj = {};\n for (var i = 0; i < campos.length; i++) {\n obj[campos[i]] = i < fila.length ? fila[i] : null;\n }\n return obj;\n}\n\nfunction nodoCrudo(nodo) {\n return { fila: nodo[0], hijos: nodo[1] || [], otros: nodo.length > 2 ? nodo[2] : 0 };\n}\n\nfunction detalleDeMes(mes) {\n var ruta = CORE.historia.meses_detalle;\n var nombres = Object.keys(ruta);\n for (var i = 0; i < nombres.length; i++) {\n if (mes >= ruta[nombres[i]][0] && mes <= ruta[nombres[i]][1]) { return DETALLE[nombres[i]]; }\n }\n return DETALLE[nombres[nombres.length - 1]];\n}\n\n/* Devuelve el árbol normalizado de la selección: raíz + nodos prof-1 con\n nombre resuelto e hijos prof-2 (top-15 del extractor + conteo \"otros\"). */\nfunction arbolActivo(pagina, sel) {\n var campos = CORE.campos.nodo;\n var crudo, nombreProf1, nombreProf2;\n if (pagina === 'mercado') {\n crudo = CORE.mercado.arboles[sel];\n nombreProf1 = function (v) { return String(v); };\n nombreProf2 = function (v) { return String(v); };\n } else if (pagina === 'pares') {\n crudo = CORE.pares.arboles[sel];\n nombreProf1 = function (v) { var clave = CORE.pares.categorias[v]; return ETIQUETA_CATEGORIA[clave] || clave; };\n nombreProf2 = function (v) { return String(v); };\n } else {\n if (sel === 'ventana') {\n crudo = CORE.historia.arboles.ventana;\n nombreProf1 = function (v) { return String(v); };\n nombreProf2 = function (v) { return String(v); };\n } else {\n var archivo = detalleDeMes(sel);\n crudo = archivo.meses[sel];\n nombreProf1 = function (v) { return archivo.curvas[v]; };\n nombreProf2 = function (v) { return archivo.isins[v]; };\n }\n }\n if (!crudo) { return null; }\n var nodos = crudo.nodos.map(function (n) {\n var c = nodoCrudo(n);\n var fila = hidratarFila(c.fila, campos);\n fila.nodo = nombreProf1(fila.nodo);\n var hijos = c.hijos.map(function (h) {\n var hf = hidratarFila(h, campos);\n hf.nodo = nombreProf2(hf.nodo);\n return hf;\n });\n return { fila: fila, hijos: hijos, otros: c.otros };\n });\n return {\n efecto_activo: crudo.efecto_activo,\n raiz: hidratarFila(crudo.raiz, campos),\n nodos: nodos,\n adicionales: crudo.adicionales || []\n };\n}\n\nfunction evolucionActiva(pagina, sel) {\n if (pagina === 'mercado') { return CORE.mercado.evolucion[sel]; }\n if (pagina === 'pares') { return CORE.pares.evolucion[sel]; }\n return CORE.historia.evolucion.ventana;\n}\n\nfunction camposSerie(pagina, evolucion) {\n return evolucion.campos_series || (['periodo'].concat(CORE.campos.series[pagina].slice(1)));\n}\n\nfunction trayectoriaActiva(pagina, sel) {\n if (pagina === 'mercado') { return DATOS_V3.trayectorias.mercado[sel]; }\n if (pagina === 'pares') { return DATOS_V3.trayectorias.pares[sel]; }\n return DATOS_V3.trayectorias.historia.ventana;\n}\n\nfunction ventanaActiva(pagina, sel) {\n if (pagina === 'pares') {\n var claveVentana = sel.split('|')[1];\n var ventanas = CORE.selectores.pares.ventanas;\n for (var i = 0; i < ventanas.length; i++) {\n if (ventanas[i].clave === claveVentana) { return { inicio: ventanas[i].inicio, fin: ventanas[i].fin }; }\n }\n }\n if (pagina === 'historia' && sel !== 'ventana') {\n return { inicio: sel + '-01', fin: sel + '-28' };\n }\n return DATOS_V3.ventanas[pagina === 'pares' ? 'historia' : pagina];\n}\n\nfunction etiquetaPeriodoActivo(pagina, sel) {\n if (pagina === 'historia' && sel !== 'ventana') { return 'mes ' + formatoMesCorto(sel); }\n var v = ventanaActiva(pagina, sel);\n return 'ventana ' + etiquetaVentanaSpan(v.inicio, v.fin);\n}\n\nfunction comparacionActiva(pagina, sel) {\n if (pagina === 'mercado') { return ETIQUETA_REFERENCIA_MERCADO[sel]; }\n if (pagina === 'pares') {\n var claveReferencia = sel.split('|')[0];\n var referencias = CORE.selectores.pares.referencias;\n for (var i = 0; i < referencias.length; i++) {\n if (referencias[i].clave === claveReferencia) { return referencias[i].etiqueta; }\n }\n return claveReferencia;\n }\n return 't−1 congelado (buy-and-hold)';\n}\n\nfunction convencionActiva(pagina, sel) {\n if (pagina === 'pares') { return 'media mensual (convención AFP)'; }\n if (pagina === 'historia' && sel !== 'ventana') { return 'período único'; }\n return 'encadenado (Frongello recursivo modificado)';\n}\n\n/* Familias de efecto presentes en el árbol (columnas honestas: solo lo publicado). */\nfunction familiasDeArbol(arbol) {\n var presentes = [];\n FAMILIAS_NODO.forEach(function (k) {\n var alguna = !esNulo(arbol.raiz[k]) ||\n arbol.nodos.some(function (n) {\n return !esNulo(n.fila[k]) || n.hijos.some(function (h) { return !esNulo(h[k]); });\n });\n if (alguna) { presentes.push(k); }\n });\n return presentes;\n}\n\n/* Efecto dominante: selección (no aritmética) del mayor |valor| publicado en la raíz. */\nfunction efectoDominante(arbol) {\n var mejor = null;\n FAMILIAS_NODO.forEach(function (k) {\n var v = arbol.raiz[k];\n if (esNulo(v)) { return; }\n if (!mejor || Math.abs(v) > Math.abs(mejor.valor)) { mejor = { clave: k, valor: v }; }\n });\n (arbol.adicionales || []).forEach(function (extra) {\n if (esNulo(extra.valor) || extra.nombre === 'residuo_promediacion') { return; }\n if (!mejor || Math.abs(extra.valor) > Math.abs(mejor.valor)) { mejor = { clave: extra.nombre, valor: extra.valor }; }\n });\n return mejor;\n}\n\n/* ============================ Piezas SVG ============================ */\n\nfunction abrirSvg(w, h) {\n return '';\n return svg;\n}\n\n/* ============================ G1 — barras apiladas + líneas de promedio ============================ */\n\nfunction familiasDeSeries(campos, filas) {\n var presentes = [];\n for (var c = 1; c < campos.length; c++) {\n var alguna = false;\n for (var f = 0; f < filas.length; f++) {\n var v = filas[f][c];\n if (!esNulo(v) && v !== 0) { alguna = true; break; }\n }\n if (alguna) { presentes.push({ indice: c, clave: campos[c] }); }\n }\n return presentes;\n}\n\nfunction graficoBarrasApiladas(evolucion, campos, W, H) {\n var filas = evolucion.series;\n var claves = familiasDeSeries(campos, filas);\n var promedios = evolucion.promedios || {};\n var n = filas.length;\n var ml = 50, mr = 14, mt = 12, mb = 26;\n\n var apMax = 0, apMin = 0;\n filas.forEach(function (f) {\n var pos = 0, neg = 0;\n claves.forEach(function (k) {\n var v = f[k.indice];\n if (esNulo(v)) { return; }\n if (v > 0) { pos += v; } else { neg += v; }\n });\n if (pos > apMax) { apMax = pos; }\n if (neg < apMin) { apMin = neg; }\n });\n Object.keys(promedios).forEach(function (k) {\n var v = promedios[k];\n if (esNulo(v)) { return; }\n if (v > apMax) { apMax = v; }\n if (v < apMin) { apMin = v; }\n });\n var padV = (apMax - apMin) * 0.08 || 0.0001;\n apMax += padV; apMin -= padV;\n\n var x = function (i) { return ml + (i + 0.5) * (W - ml - mr) / n; };\n var y = function (v) { return mt + (apMax - v) / (apMax - apMin) * (H - mt - mb); };\n var bw = (W - ml - mr) / n * 0.62;\n\n var svg = abrirSvg(W, H);\n marcasEje(apMin * 10000, apMax * 10000, 4).forEach(function (t) {\n var yv = rd(y(t / 10000));\n svg += lineaSvg(ml, yv, W - mr, yv, COLOR_GRID, 1);\n svg += textoSvg(ml - 6, yv + 3, etiquetaEjePbEntera(t), { ancla: 'end', fs: 10 });\n });\n svg += lineaSvg(ml, rd(y(0)), W - mr, rd(y(0)), COLOR_EJE, 1);\n\n filas.forEach(function (f, i) {\n var cx = x(i) - bw / 2;\n var cursorPos = 0, cursorNeg = 0;\n claves.forEach(function (k) {\n var v = f[k.indice];\n if (esNulo(v) || v === 0) { return; }\n var y0, y1;\n if (v > 0) { y0 = y(cursorPos + v); y1 = y(cursorPos); cursorPos += v; }\n else { y0 = y(cursorNeg); y1 = y(cursorNeg + v); cursorNeg += v; }\n svg += '' +\n '' + esc(formatoMesCorto(f[0]) + ' · ' + ETIQUETA_EFECTO[k.clave] + ': ' + formatoPbDecimal(v)) + '';\n });\n });\n\n claves.forEach(function (k) {\n var promedio = promedios[k.clave];\n if (esNulo(promedio)) { return; }\n var yv = rd(y(promedio));\n svg += lineaSvg(ml, yv, W - mr, yv, COLOR_EFECTO[k.clave], 1.4, '6,4');\n });\n\n var salto = Math.max(1, Math.ceil(n / 10));\n filas.forEach(function (f, i) {\n if (i % salto !== 0) { return; }\n svg += textoSvg(rd(x(i)), H - 6, formatoMesEje(f[0]), { ancla: 'middle', fs: 9.5 });\n });\n svg += textoSvg(12, mt + 6, 'pb', { fs: 9.5 });\n svg += '';\n return svg;\n}\n\nfunction leyendaEfectosConPromedio(evolucion, campos) {\n var claves = familiasDeSeries(campos, evolucion.series);\n var promedios = evolucion.promedios || {};\n var html = '

';\n claves.forEach(function (k) {\n var nombre = ETIQUETA_EFECTO[k.clave] || k.clave;\n html += '' + esc(nombre);\n if (!esNulo(promedios[k.clave])) {\n html += ' promedio ' + esc(formatoPbDecimal(promedios[k.clave])) + '';\n }\n html += '';\n });\n html += '

';\n return html;\n}\n\n/* ============================ Acumulado F1.3 — atribución multiperíodo ============================ */\n\nfunction graficoAcumulado(acumulado, W, H) {\n var series = [\n { indice: 1, clave: 'asignacion' },\n { indice: 2, clave: 'seleccion' },\n { indice: 3, clave: 'interaccion' }\n ];\n var n = acumulado.length;\n var ml = 50, mr = 96, mt = 12, mb = 26;\n var vMin = 0, vMax = 0;\n acumulado.forEach(function (f) {\n series.forEach(function (s) {\n var v = f[s.indice];\n if (esNulo(v)) { return; }\n if (v > vMax) { vMax = v; }\n if (v < vMin) { vMin = v; }\n });\n });\n var pad = (vMax - vMin) * 0.1 || 0.0001;\n vMax += pad; vMin -= pad;\n var x = function (i) { return ml + i * (W - ml - mr) / Math.max(1, n - 1); };\n var y = function (v) { return mt + (vMax - v) / (vMax - vMin) * (H - mt - mb); };\n\n var svg = abrirSvg(W, H);\n marcasEje(vMin * 10000, vMax * 10000, 4).forEach(function (t) {\n var yv = rd(y(t / 10000));\n svg += lineaSvg(ml, yv, W - mr, yv, COLOR_GRID, 1);\n svg += textoSvg(ml - 6, yv + 3, etiquetaEjePbEntera(t), { ancla: 'end', fs: 10 });\n });\n svg += lineaSvg(ml, rd(y(0)), W - mr, rd(y(0)), COLOR_EJE, 1, '3,3');\n\n var finales = [];\n series.forEach(function (s) {\n var d = '';\n var ultimo = null;\n acumulado.forEach(function (f, i) {\n var v = f[s.indice];\n if (esNulo(v)) { return; }\n d += (d === '' ? 'M' : 'L') + rd(x(i)) + ',' + rd(y(v));\n ultimo = v;\n });\n svg += '';\n if (!esNulo(ultimo)) { finales.push({ clave: s.clave, valor: ultimo, y: y(ultimo) }); }\n });\n\n finales.sort(function (a, b) { return a.y - b.y; });\n for (var i = 1; i < finales.length; i++) {\n if (finales[i].y - finales[i - 1].y < 13) { finales[i].y = finales[i - 1].y + 13; }\n }\n finales.forEach(function (f) {\n svg += textoSvg(W - mr + 8, rd(f.y) + 3, formatoPbDecimal(f.valor), { color: COLOR_EFECTO[f.clave], fs: 10.5, peso: 600 });\n });\n\n var salto = Math.max(1, Math.ceil(n / 6));\n acumulado.forEach(function (f, i) {\n if (i % salto !== 0) { return; }\n svg += textoSvg(rd(x(i)), H - 6, f[0], { ancla: 'middle', fs: 9.5 });\n });\n svg += textoSvg(12, mt + 6, 'pb', { fs: 9.5 });\n svg += '';\n return svg;\n}\n\n/* ============================ G2 — totales de la ventana (rollups enlazados) ============================ */\n\nfunction graficoTotalesVentana(arbol) {\n var filas = [{ etiqueta: 'Efecto activo total', valor: arbol.efecto_activo, color: NAVY, total: true }];\n FAMILIAS_NODO.forEach(function (k) {\n if (esNulo(arbol.raiz[k])) { return; }\n filas.push({ etiqueta: ETIQUETA_EFECTO[k], valor: arbol.raiz[k], color: COLOR_EFECTO[k] });\n });\n (arbol.adicionales || []).forEach(function (extra) {\n filas.push({ etiqueta: ETIQUETA_EFECTO[extra.nombre] || extra.nombre, valor: extra.valor, color: COLOR_EFECTO[extra.nombre] || '#94A3B8' });\n });\n var maxAbs = filas.reduce(function (acc, f) { return Math.max(acc, Math.abs(f.valor || 0)); }, 0) || 1;\n var html = '';\n filas.forEach(function (f) {\n var ancho = Math.abs(f.valor) / maxAbs * 48;\n var izquierda = f.valor >= 0 ? 50 : 50 - ancho;\n html += '

' +\n '' + esc(f.etiqueta) + '' +\n '

' +\n '' + formatoPbDecimal(f.valor) + '' +\n '

';\n });\n html += '

Residual de la ventanaN/D — no emitido en este corte (OD-8)

';\n return html;\n}\n\n/* ============================ G5 — apuesta vs resultado con cuadrantes ============================ */\n\nfunction graficoBurbujas(arbol, W, H) {\n var todos = arbol.nodos.map(function (n) { return n.fila; });\n var datos = todos.filter(function (r) { return !esNulo(r.apuesta) && !esNulo(r.total); });\n var omitidos = todos.length - datos.length;\n\n var ml = 52, mr = 16, mt = 14, mb = 40;\n var xs = datos.map(function (r) { return r.apuesta * 100; });\n var ys = datos.map(function (r) { return r.total * 10000; });\n var xMin = Math.min(0, Math.min.apply(null, xs));\n var xMax = Math.max(0, Math.max.apply(null, xs));\n var yMin = Math.min(0, Math.min.apply(null, ys));\n var yMax = Math.max(0, Math.max.apply(null, ys));\n var padX = (xMax - xMin) * 0.12 || 1;\n var padY = (yMax - yMin) * 0.12 || 1;\n xMin -= padX; xMax += padX; yMin -= padY; yMax += padY;\n\n var x = function (v) { return ml + (v - xMin) / (xMax - xMin) * (W - ml - mr); };\n var y = function (v) { return mt + (yMax - v) / (yMax - yMin) * (H - mt - mb); };\n var x0 = rd(x(0)), y0 = rd(y(0));\n\n var maxResultado = datos.reduce(function (acc, r) { return Math.max(acc, Math.abs(r.total)); }, 0) || 1;\n var radioDe = function (r) { return 4 + 9 * Math.sqrt(Math.abs(r.total) / maxResultado); };\n\n var svg = abrirSvg(W, H);\n /* Tintado de cuadrantes: efecto + arriba (favorable), − abajo\n (desfavorable), vía utilidades .quad-tint-* de estilos_v3 (C-3). */\n svg += '';\n svg += '';\n svg += '';\n svg += '';\n svg += textoSvg(W - mr - 5, mt + 11, 'sobreponderó · sumó', { ancla: 'end', fs: 8.5, color: '#047857' });\n svg += textoSvg(ml + 5, mt + 11, 'infraponderó · sumó', { fs: 8.5, color: '#047857' });\n svg += textoSvg(W - mr - 5, H - mb - 5, 'sobreponderó · restó', { ancla: 'end', fs: 8.5, color: '#B91C1C' });\n svg += textoSvg(ml + 5, H - mb - 5, 'infraponderó · restó', { fs: 8.5, color: '#B91C1C' });\n\n marcasEje(xMin, xMax, 4).forEach(function (t) {\n svg += lineaSvg(rd(x(t)), mt, rd(x(t)), H - mb, COLOR_GRID, 1);\n svg += textoSvg(rd(x(t)), H - mb + 13, (t > 0 ? '+' : t < 0 ? '−' : '') + Math.abs(Math.round(t * 10) / 10), { ancla: 'middle', fs: 9.5 });\n });\n marcasEje(yMin, yMax, 4).forEach(function (t) {\n svg += lineaSvg(ml, rd(y(t)), W - mr, rd(y(t)), COLOR_GRID, 1);\n svg += textoSvg(ml - 6, rd(y(t)) + 3, etiquetaEjePbEntera(t), { ancla: 'end', fs: 9.5 });\n });\n svg += lineaSvg(x0, mt, x0, H - mb, COLOR_EJE, 1, '2,3');\n svg += lineaSvg(ml, y0, W - mr, y0, COLOR_EJE, 1, '2,3');\n\n var etiquetables = datos.slice().sort(function (a, b) { return Math.abs(b.total) - Math.abs(a.total); }).slice(0, 5);\n var conEtiqueta = {};\n etiquetables.forEach(function (r) { conEtiqueta[r.nodo] = true; });\n\n datos.forEach(function (r) {\n var cx = rd(x(r.apuesta * 100));\n var cy = rd(y(r.total * 10000));\n var radio = rd(radioDe(r));\n svg += '' +\n '' + esc(r.nodo + ' · apuesta ' + formatoPuntosPorcentuales(r.apuesta) + ' · efecto ' + formatoPbDecimal(r.total)) + '';\n if (conEtiqueta[r.nodo]) {\n var nombre = r.nodo.length > 20 ? r.nodo.slice(0, 19) + '…' : r.nodo;\n svg += textoSvg(cx + radio + 3, cy + 3, nombre, { fs: 9.5, color: '#475569' });\n }\n });\n\n svg += textoSvg((ml + W - mr) / 2, H - 5, 'Apuesta (Δ peso promedio vs referencia, pp)', { ancla: 'middle', fs: 10.5 });\n svg += textoSvg(12, (mt + H - mb) / 2, 'Efecto total (pb)', { ancla: 'middle', fs: 10.5, transform: 'rotate(-90 12 ' + (mt + H - mb) / 2 + ')' });\n svg += '';\n\n var nota = '';\n if (omitidos > 0) {\n nota = '

' + omitidos + ' nodo(s) omitido(s): apuesta o efecto N/D en el reporte.

';\n }\n return svg + nota;\n}\n\nfunction leyendaCuadrantes() {\n return '

' +\n 'región favorable: la apuesta sumó (efecto +)' +\n 'región desfavorable: la apuesta restó (efecto −)' +\n 'tamaño ∝ |efecto|' +\n '

';\n}\n\n/* ============================ G7 — treemap-lite de exposiciones ============================ */\n\nfunction treemapExposiciones(arbol) {\n var datos = arbol.nodos.map(function (n) { return n.fila; })\n .slice().sort(function (a, b) { return (b.peso_prom_port || 0) - (a.peso_prom_port || 0); });\n var maxPeso = datos.reduce(function (acc, d) { return Math.max(acc, d.peso_prom_port || 0); }, 0) || 1;\n var html = '

';\n datos.forEach(function (d) {\n var peso = d.peso_prom_port || 0;\n var fuera = !esNulo(d.peso_prom_port) && d.peso_prom_port > 0 && d.peso_prom_bench === 0;\n var alfa = 0.08 + 0.26 * (peso / maxPeso);\n var crecimiento = Math.max(1, Math.round(peso * 1000));\n html += '

' +\n '

' + esc(d.nodo) + '

' +\n '

' + formatoPeso(d.peso_prom_port) + '

' +\n '

' + (esNulo(d.apuesta) ? 'Δ N/D' : 'Δ ' + formatoPuntosPorcentuales(d.apuesta)) + '

' +\n (fuera ? 'fuera de referencia' : '') +\n '

';\n });\n html += '

';\n return html;\n}\n\n/* ============================ Partición FI (árbol L2 por posición) ============================ */\n\nvar PARTICION_SEGMENTOS = [\n { clave: 'carry', etiqueta: 'Carry', color: '#4c1d95' },\n { clave: 'rolldown', etiqueta: 'Rolldown', color: '#6d28d9' },\n { clave: 'shift', etiqueta: 'Shift', color: '#8b5cf6' },\n { clave: 'twist', etiqueta: 'Twist', color: '#b198f7' },\n { clave: 'butterfly', etiqueta: 'Butterfly', color: '#d4c5fb' },\n { clave: 'curva_residual', etiqueta: 'Residual curva', color: '#94A3B8' },\n { clave: 'precio_residual', etiqueta: 'Residual precio', color: '#5B6B80' }\n];\n\nfunction mesesParticion() {\n return Object.keys(ARBOLES.meses).sort();\n}\n\nfunction mesParticionActivo() {\n var meses = mesesParticion();\n return meses.indexOf(S.mesParticion) >= 0 ? S.mesParticion : meses[meses.length - 1];\n}\n\nfunction posicionesParticion(mes) {\n var campos = ARBOLES.campos;\n return ARBOLES.meses[mes].posiciones.map(function (fila) {\n var pos = {};\n campos.forEach(function (campo, i) { pos[campo] = fila[i]; });\n return pos;\n });\n}\n\nfunction leyendaParticion() {\n var html = '

';\n PARTICION_SEGMENTOS.forEach(function (s) {\n html += '' + esc(s.etiqueta) + '';\n });\n html += '

';\n return html;\n}\n\nfunction graficoParticion(posiciones, W) {\n var alto = 34, barra = 15, ml = 208, mr = 88, mt = 6, mb = 24;\n var n = posiciones.length;\n var H = mt + n * alto + mb;\n var omitidos = 0;\n\n var extremos = posiciones.map(function (p) {\n var neg = 0, pos = 0;\n PARTICION_SEGMENTOS.forEach(function (s) {\n var v = p[s.clave];\n if (esNulo(v)) { omitidos += 1; return; }\n var pb = v * 10000;\n if (pb >= 0) { pos += pb; } else { neg += pb; }\n });\n return { neg: neg, pos: pos };\n });\n var vMin = Math.min(0, Math.min.apply(null, extremos.map(function (e) { return e.neg; })));\n var vMax = Math.max(0, Math.max.apply(null, extremos.map(function (e) { return e.pos; })));\n if (vMax === vMin) { vMax = vMin + 1; }\n var pad = (vMax - vMin) * 0.04;\n vMin -= pad; vMax += pad;\n var x = function (v) { return ml + (v - vMin) / (vMax - vMin) * (W - ml - mr); };\n\n var svg = abrirSvg(W, H);\n marcasEje(vMin, vMax, 6).forEach(function (t) {\n var xt = rd(x(t));\n svg += lineaSvg(xt, mt, xt, H - mb, COLOR_GRID, 1);\n svg += textoSvg(xt, H - 8, etiquetaEjePbEntera(t), { ancla: 'middle', fs: 10 });\n });\n var x0 = rd(x(0));\n svg += lineaSvg(x0, mt, x0, H - mb, COLOR_EJE, 1.4);\n\n posiciones.forEach(function (p, i) {\n var cy = mt + i * alto + alto / 2;\n var yBarra = rd(cy - barra / 2);\n svg += textoSvg(ml - 8, cy - 2, p.isin, { ancla: 'end', fs: 10, color: '#0F172A', peso: 600 });\n var curvaEtiqueta = esNulo(p.curva) ? 'N/D' : p.curva;\n svg += textoSvg(ml - 8, cy + 10, curvaEtiqueta + ' · ' + formatoPeso(p.peso), { ancla: 'end', fs: 9 });\n var basePos = 0, baseNeg = 0;\n PARTICION_SEGMENTOS.forEach(function (s) {\n var v = p[s.clave];\n if (esNulo(v)) { return; }\n var pb = v * 10000;\n if (pb === 0) { return; }\n var a, b;\n if (pb > 0) { a = x(basePos); b = x(basePos + pb); basePos += pb; }\n else { a = x(baseNeg + pb); b = x(baseNeg); baseNeg += pb; }\n var anchoSeg = Math.max(0.6, rd(b - a));\n svg += '' +\n '' + esc(s.etiqueta + ' · ' + p.isin + ': ' + formatoPbDecimal(v)) + '';\n });\n svg += textoSvg(W - mr + 8, cy + 4, formatoPuntosBase(p.retorno_local), { fs: 10.5, peso: 600, color: NAVY });\n });\n svg += '';\n return { svg: svg, omitidos: omitidos };\n}\n\n/* ============================ G8 — curvas fechadas y Δpb ============================ */\n\nvar COLOR_CURVA_INICIO = '#5B6B80';\nvar TENOR_TICKS = [1, 2, 5, 7, 10, 15];\n\nfunction etiquetaTenor(t) {\n var n = Math.round(t);\n return (Math.abs(t - n) < 1e-9 ? String(n) : String(t)) + 'A';\n}\n\nfunction leyendaCurvas(c) {\n return '

' +\n 'inicio · ' + esc(formatoFechaDia(c.fecha_inicio)) + '' +\n 'fin · ' + esc(formatoFechaDia(c.fecha_fin)) + '' +\n '

';\n}\n\nfunction graficoCurvaFechada(c, W, H) {\n var ml = 46, mr = 12, mt = 10, mb = 26;\n var valores = [], tenores = [];\n [c.inicio, c.fin].forEach(function (serie) {\n serie.forEach(function (p) { valores.push(p.ytm * 100); tenores.push(p.tenor); });\n });\n var vMin = Math.min.apply(null, valores);\n var vMax = Math.max.apply(null, valores);\n var pad = (vMax - vMin) * 0.08 || 0.3;\n vMin -= pad; vMax += pad;\n var tMin = Math.min.apply(null, tenores);\n var tMax = Math.max.apply(null, tenores);\n if (tMax === tMin) { tMax = tMin + 1; }\n var x = function (t) { return ml + (t - tMin) / (tMax - tMin) * (W - ml - mr); };\n var y = function (v) { return mt + (vMax - v) / (vMax - vMin) * (H - mt - mb); };\n\n var svg = abrirSvg(W, H);\n marcasEje(vMin, vMax, 5).forEach(function (t) {\n svg += lineaSvg(ml, rd(y(t)), W - mr, rd(y(t)), COLOR_GRID, 1);\n svg += textoSvg(ml - 6, rd(y(t)) + 3, t.toFixed(1) + ' %', { ancla: 'end', fs: 9.5 });\n });\n svg += lineaSvg(ml, H - mb, W - mr, H - mb, COLOR_EJE, 1);\n TENOR_TICKS.forEach(function (t) {\n if (t < tMin || t > tMax) { return; }\n svg += lineaSvg(rd(x(t)), H - mb, rd(x(t)), H - mb + 4, COLOR_EJE, 1);\n svg += textoSvg(rd(x(t)), H - 8, etiquetaTenor(t), { ancla: 'middle', fs: 9.5 });\n });\n var trazo = function (serie, color, ancho) {\n var d = '';\n serie.forEach(function (p, i) {\n d += (i === 0 ? 'M' : 'L') + rd(x(p.tenor)) + ',' + rd(y(p.ytm * 100));\n });\n var out = '';\n serie.forEach(function (p) {\n out += '';\n });\n return out;\n };\n svg += trazo(c.inicio, COLOR_CURVA_INICIO, 1.6);\n svg += trazo(c.fin, NAVY, 2.4);\n svg += '';\n return svg;\n}\n\nfunction graficoDeltaPb(c, W) {\n var filas = c.delta_pb;\n var n = filas.length;\n if (!n) { return '

sin tenores comunes entre ambas fechas observadas

'; }\n var alto = 22;\n var ml = 36, mr = 8, holgura = 54, mt = 6, mb = 6;\n var H = mt + n * alto + mb;\n var izq = ml + holgura, der = W - mr - holgura;\n var vals = filas.map(function (f) { return f.pb; });\n var vMin = Math.min(0, Math.min.apply(null, vals));\n var vMax = Math.max(0, Math.max.apply(null, vals));\n if (vMax === vMin) { vMax = vMin + 1; }\n var x = function (v) { return izq + (v - vMin) / (vMax - vMin) * (der - izq); };\n\n var svg = abrirSvg(W, H);\n var x0 = rd(x(0));\n svg += lineaSvg(x0, mt, x0, H - mb, COLOR_EJE, 1);\n filas.forEach(function (f, i) {\n var cy = rd(mt + i * alto + alto / 2);\n var xv = rd(x(f.pb));\n var bx = Math.min(x0, xv);\n var bw = Math.max(1, Math.abs(xv - x0));\n svg += '';\n svg += textoSvg(ml - 6, cy + 3, etiquetaTenor(f.tenor), { ancla: 'end', fs: 9.5 });\n var etiqueta = (Math.round(f.pb) === 0 ? '0 pb' : (f.pb < 0 ? '−' : '+') + separadorMiles(Math.abs(Math.round(f.pb))) + ' pb');\n if (f.pb >= 0) {\n svg += textoSvg(xv + 5, cy + 3, etiqueta, { fs: 9.5, color: '#0F172A' });\n } else {\n svg += textoSvg(xv - 5, cy + 3, etiqueta, { ancla: 'end', fs: 9.5, color: '#0F172A' });\n }\n });\n svg += '';\n return svg;\n}\n`;\n","deleted",false,"label",[14],"fbe2ac26-0476-4f9c-87ca-2bf81a04e154",["D",1787529881582],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","userId","019c346e-384f-704b-b25a-da5eb72ef468","pinnedFileId","9dcf377e-9f4f-11f1-a76c-1607ee4eb77e","pinPreview","pinMigrated","screenshotVersion","likeCount","orgId","019c346e-384f-704b-b25a-dc67b1d14ed5","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_9":10,"_100":96},"org",{"_9":10,"_94":-5,"_95":96,"_54":55,"_97":98,"_99":42},"branch",{"_35":84,"_11":85,"_22":28,"_86":45,"_87":-5,"_88":-5,"_89":-5,"_90":-5,"_91":-5,"_92":12,"_93":10},"isOwned",20,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18zOUpFemx0ZkZMYnQwNks1d1VoUmR5blBQelUifQ","tier","free","canRestrictVals","profileImageUrl","ctx",{"_77":-5,"_134":135,"_136":137,"_138":139,"_140":42,"_141":42,"_142":42,"_143":32,"_144":-5,"_145":-7,"_146":-7,"_147":36,"_148":42,"_149":42,"_150":-5,"_151":42,"_152":42,"_153":42,"_154":-5},"ENV",{"_105":106,"_107":108,"_109":85,"_110":111,"_112":113,"_114":115,"_116":117,"_118":119,"_120":121,"_122":123,"_124":125,"_126":127,"_128":129,"_130":131,"_132":133},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","5015b8df46402d8bba4f485ecc37aec202b0e06b","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","orgs",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]