' + esc(r.title) + '
'\n + (score ? '' + esc(score) + '' : '') + '' + esc(r.content) + '
'\n + (r.article ? 'contenido en Beedoo' : '')\n + 'sessões (eixo esq.)\n US$ por sessão (eixo dir.)
`;\n}\n\n// Sparkline da coluna \"tendência\". Duas regras inegociáveis, porque foi a violação delas que fez o\n// desenho contradizer os números:\n// 1. plota EXATAMENTE o array impresso nas células da mesma linha — mesma grandeza, mesma agregação;\n// 2. eixo de 0 ao máximo da série, então a altura É o valor e a amplitude desenhada É a variação real.\n// (Normalizar pelo min–max fazia uma oscilação de 4% ocupar a caixa inteira, igual a um +900%.)\nfunction sparkline(vals, color, opts) {\n const o = opts || {};\n const W = o.w || 108, H = 22, P = 2;\n const ok = vals.map((v) => (v === null || v === undefined || !Number.isFinite(v) ? null : v));\n const real = ok.filter((v) => v !== null);\n if (real.length < 2) return ``;\n // série de referência: o volume que o TRÁFEGO sozinho explicaria (sessões reescaladas para partir do\n // mesmo ponto). A distância entre a linha cheia e a pontilhada É o consumo por sessão: acima do\n // pontilhado subiu por sessão, abaixo caiu. Antes era uma reta no valor inicial, que não dizia nada.\n const refS = (o.ref || []).map((v) => (v === null || v === undefined || !Number.isFinite(v) ? null : v));\n const refReal = refS.filter((v) => v !== null);\n const hi = Math.max.apply(null, real.concat(refReal));\n if (!(hi > 0)) return ``; // série toda zero: nada a desenhar\n const n = ok.length;\n const x = (i) => P + (n === 1 ? 0 : i * (W - 2 * P) / (n - 1));\n const y = (v) => H - P - (v / hi) * (H - 2 * P);\n\n // segmentos: um buraco NÃO vira reta atravessando o vão (isso inventava uma tendência que não existe)\n const segs = []; let cur = [];\n ok.forEach((v, i) => {\n if (v === null) { if (cur.length) segs.push(cur); cur = []; return; }\n cur.push([x(i), y(v)]);\n });\n if (cur.length) segs.push(cur);\n const dOf = (s) => s.map((p, i) => (i ? 'L' : 'M') + p[0].toFixed(1) + ' ' + p[1].toFixed(1)).join(' ');\n const linhas = segs.filter((s) => s.length > 1);\n const area = linhas.map((s) => `${used.map((p) => `${p}`).join('')}
`;\n}\n\n// Projeção da TABELA: mesma ordenação, mesmo filtro. Deixa de ser um ranking próprio.\nfunction chartElasticity(rows) {\n const list = rows.filter((r) => r.worst && r.worst.e !== null && Number.isFinite(r.worst.e)).slice(0, 14);\n if (!list.length) return 'nenhuma linha com elasticidade calculável — sessões estáveis ou só um período
';\n const rowH = 21, W = 520, PL = 178, PR = 50, H = list.length * rowH + 26;\n const mid = PL + (W - PL - PR) / 2, half = (W - PL - PR) / 2;\n const maxW = Math.max(1, ...list.map((r) => r.maxCost));\n const bars = list.map((r, i) => {\n const yc = 16 + i * rowH;\n const el = Math.max(-4, Math.min(4, r.worst.e));\n const w = Math.max(1.5, Math.abs(el) / 4 * half);\n const th = Math.max(5, 15 * Math.sqrt(r.maxCost / maxW));\n const col = (r.worst.cls === 'critico' || r.worst.cls === 'divergente') ? '#ef4444'\n : r.worst.cls === 'atencao' ? '#f59e0b' : r.worst.cls === 'subutilizado' ? '#38bdf8' : '#64748b';\n return `Comprimento = elasticidade (limitada a ±4). Espessura = peso no custo. Segue a ordenação da tabela.
`;\n}\n\n// faixa de sessões por dia — só na visão semanal, onde os 21 dias existem\nfunction dailyStrip(days, daySess) {\n const vals = days.map((d) => (daySess[d] === undefined ? null : daySess[d]));\n const real = vals.filter((v) => v !== null);\n if (real.length < 2) return '';\n const W = 560, H = 62, PB = 14, max = Math.max(1, ...real);\n const bw = (W / days.length) * 0.7, step = W / days.length;\n const bars = days.map((d, i) => {\n if (vals[i] === null) return '';\n const h = (vals[i] / max) * (H - PB - 4);\n const wk = Math.floor(i / WEEK_LEN);\n return `Sessões dia a dia nas 3 semanas — a mais recente é a mais opaca. Revela a sazonalidade que a média semanal esconde.
`;\n}\n\n// ---------- render: painel explicativo ----------\nfunction renderExplain() {\n const bands = BANDS.map((b) => `${esc(b.lab)}${esc(b.txt)}
`).join('');\n return `\n
`;\n}\n\n// ---------- render: tabela produto/evento ----------\nfunction flagsOf(c) {\n return (c.mean ? '≈' : '')\n + (c.truncated ? '⋯' : '')\n + (c.diverges ? 'Δ' : '')\n + (c.noClose ? '⚠' : '');\n}\n\n// A tendência desenha os MESMOS números das colunas; o tooltip declara isso para não sobrar dúvida.\nfunction sparkOpts(periods, vals, unidade) {\n return { tip: periods.map((p, i) => p.lab + ': ' + fmtVal(vals[i], unidade)).join(' → ') };\n}\n\nfunction renderTable(st, scope, periods, store, rows) {\n const open = st[K(scope, 'Open')] || {};\n const head = `Como ler a elasticidade
\n\n
\n \n
\n E = Δ% do recurso ÷ Δ% das sessões
\n Sempre contra o primeiro período da lista. A pergunta que ela responde:\n o consumo se moveu na mesma proporção do tráfego, ou descolou?\n |E| = 1 é acompanhar o tráfego; |E| = 3, mover-se três vezes mais rápido que ele.
\n |E| dá só a magnitude. A direção vem da seta, que é o sinal da variação do\n consumo por sessão: ↑ subiu (ficou mais caro por sessão), ↓ caiu (ficou mais eficiente).\n Isso importa porque E é uma divisão: quando as sessões caem, o divisor é negativo e um\n E alto passa a significar que o recurso caiu mais que o tráfego — ou seja, melhorou.
\n \n |E| dá só a magnitude. A direção vem da seta, que é o sinal da variação do\n consumo por sessão: ↑ subiu (ficou mais caro por sessão), ↓ caiu (ficou mais eficiente).\n Isso importa porque E é uma divisão: quando as sessões caem, o divisor é negativo e um\n E alto passa a significar que o recurso caiu mais que o tráfego — ou seja, melhorou.
${bands}\n
\n A cor da barra na coluna elasticidade segue estas faixas,\n e a espessura dela no gráfico é o peso no custo — barra vermelha e grossa é o que dói.
\n \n
\n Quando E não vale
\n- \n
- Sessões paradas (variação abaixo de 2%): o divisor é quase zero e E explodiria — a linha\n passa a ser classificada pela variação do consumo por sessão, e o rótulo mostra isso. \n
- Base zero: não há divisão possível — vira NOVO ou\n SUMIU. \n
- Direções opostas: DIVERGENTE — consumo subiu com tráfego\n caindo (ou o contrário). É o sinal mais forte de que algo mudou no comportamento, não na demanda. \n
A coluna tendência
\n- \n
- A linha cheia é o volume do recurso. A pontilhada é o volume que o\n tráfego sozinho explicaria — as sessões reescaladas para partir do mesmo ponto. \n
- A distância entre as duas é o consumo por sessão: linha cheia acima da pontilhada\n significa que subiu por sessão; abaixo, que caiu. Coladas = acompanhou o tráfego. \n
Símbolos
\n- \n
- ≈ o nível 1 dessa métrica é média por recurso, não total\n (vale para
storageelogin) — só o detalhe fecha. \n - Δ o detalhe diverge do nível 1; o detalhe é a verdade. \n
- ⋯ lista de recursos truncada no teto de páginas — o total exibido\n continua sendo o do nível 1, que é completo. \n
- ⚠ nem o nível 1 nem o detalhe fecham esse valor. \n
volume × tráfego
${esc(p.sub)}
\n ${c.perS === null ? '—' : fmtPerS(c.perS, r.m.u)}/sess${flagsOf(c)}\n ${c.v === null ? '—' : fmtVal(c.v, r.m.u)}${c.c === null ? '' : ' · ' + fmtUsd(c.c)}\n
\n \n ${isOpen ? '▾' : '▸'} ${esc(r.e)}\n ${esc(r.p.toLowerCase())} · ${esc(r.m.u || '')}\n ${r.top ? 'TOP CUSTO' : ''}\n ${(r.m.p === null || r.m.p === undefined) ? `fora deste total` : ''}\n ${r.m.neg ? `preço acordado` : ''}\n
${miniElast(w)}${tag}
nada para mostrar com o filtro atual
'}${s ? fmtPerS(v / s, r.m.u) : '—'}/sess\n ${fmtVal(v, r.m.u)}
US$/sessão = custo modelado do período ÷ sessões\n da plataforma no período. Não é o custo de um atendimento nem custo marginal: inclui parcelas\n que existiriam com zero atendimento, então dobrar o volume não dobra o custo. Valores em US$ são\n modelados a preço acordado e não reconciliam com a fatura — ver a nota ao pé da página.
`;\n return nota + tot.map((t, i) => {\n const dS = i && base.sessions ? (t.sessions - base.sessions) / base.sessions : null;\n const dC = i && base.cps ? (t.cps - base.cps) / base.cps : null;\n const cl = (x) => (x === null ? '' : x > 0.02 ? 'bad' : x < -0.02 ? 'good' : '');\n return `\n
`;\n }).join('');\n}\n\n// ---------- estado ----------\nfunction defaultDays(d2) {\n const n = Math.max(1, Math.min(MAX_DAYS, Number(d2.param('defaultDays', 3)) || 3));\n const end = yesterday(), out = [];\n for (let i = n - 1; i >= 0; i--) out.push(addDays(end, -i));\n return out;\n}\nconst EMPTY_PROG = { done: 0, total: 0, label: '' };\n// render() nunca depende de setState ter rodado: lê o estado com defaults aplicados.\nfunction viewState(d2) {\n const s = d2.state || {};\n return {\n theme: s.theme || 'dark', sort: s.sort || 'impacto',\n minCost: (s.minCost === undefined || s.minCost === null) ? 1 : s.minCost,\n days: (s.days && s.days.length) ? s.days : defaultDays(d2),\n dAgg: s.dAgg || {}, dSess: s.dSess || {}, dDet: s.dDet || {}, dOpen: s.dOpen || {},\n dLoading: !!s.dLoading, dProg: s.dProg || EMPTY_PROG, dErr: s.dErr || null, dRun: s.dRun || 0,\n wEnd: s.wEnd || yesterday(),\n wAgg: s.wAgg || {}, wSess: s.wSess || {}, wDaySess: s.wDaySess || {}, wDet: s.wDet || {},\n wOpen: s.wOpen || {}, wLoading: !!s.wLoading, wProg: s.wProg || EMPTY_PROG,\n wErr: s.wErr || null, wRun: s.wRun || 0, wWarn: s.wWarn || '',\n wCount: Math.max(WEEKS_MIN, Math.min(WEEKS_MAX, s.wCount || WEEKS_MAX)),\n mEnd: s.mEnd || yesterday(),\n mAgg: s.mAgg || {}, mSess: s.mSess || {}, mDet: s.mDet || {}, mOpen: s.mOpen || {},\n mLoading: !!s.mLoading, mProg: s.mProg || EMPTY_PROG, mErr: s.mErr || null, mRun: s.mRun || 0,\n mWarn: s.mWarn || '',\n mCount: Math.max(MONTHS_MIN, Math.min(MONTHS_MAX, s.mCount || MONTHS_MAX)),\n mAlloc: s.mAlloc || {},\n fx: (s.fx === undefined || s.fx === null) ? FX_DEFAULT : s.fx,\n printedAt: s.printedAt || '', pdfWarn: s.pdfWarn || ''\n };\n}\n// ---------- escopo ----------\n// O escopo era BINÁRIO em 24 pontos (`sc === 'w' ? … : …`), e 16 escritas de estado fixavam o\n// prefixo `d`/`w` no nome da chave. Com três seções cada um viraria ternário de três vias. As chaves\n// já seguem o padrão ${esc(t.per.lab)} · ${esc(t.per.sub)}${i === 0 ? ' · BASE' : ''}
\n ${t.cps === null ? '—' : 'US$ ' + t.cps.toFixed(4)} ${t.semDados ? 'sem dado carregado' : 'por sessão'}
\n ${i ? `${fmtPct(dC)} vs base · ` : 'referência · '}${fmtUsd(t.cost)} de custo modelado
\n ${t.aloc ? `+ ${fmtUsd(t.aloc)} de pessoas (${t.nAloc} aloc.) ·\n ${fmtUsd(t.total)} total
` : ''}\n ${t.sessions === null ? '—' : t.sessions.toLocaleString('pt-BR')} sessões ${i ? `${fmtPct(dS)}` : ''}
\n \n
`;\n}\n\nfunction ctrlDaily(st) {\n const chips = st.days.map((d, i) => `\n \n ${i === 0 ? 'BASE' : ''}\n \n ${dowPt(d)}\n ${st.days.length > MIN_DAYS ? `` : ''}\n `).join('');\n return `${prog.done}/${prog.total} chamadas · ${esc(prog.label || '')}
\n ${chips}\n ${st.days.length < MAX_DAYS ? '' : 'teto de 7 dias'}\n ${st.days.length <= MIN_DAYS ? `mínimo de ${MIN_DAYS} dias — o primeiro é a base de comparação` : ''}\n \n ${st.dLoading ? '' : ''}\n
${progBar(st.dProg)}\n ATÉ${dowPt(st.wEnd)}\n ${pers.map((p, i) => (i === 0 ? '' + esc(p.lab) + ' (base)' : esc(p.lab))).join(' · ')}\n \n ${st.wCount} sem.\n \n \n ${st.wLoading ? '' : ''}\n
\n ${st.wWarn === 'max' ? `Máximo de ${WEEKS_MAX} semanas.\n Com 4 janelas a leitura já é de progressão — a reta sobre os 4 pontos, que é o que separa\n \"subiu e voltou\" de \"alta consistente\". A quinta só somaria carga (9 chamadas por janela) sem\n mudar essa leitura. Para olhar mais longe, mova a data final.
` : ''}\n ${st.wWarn === 'min' ? `Mínimo de ${WEEKS_MIN} semanas.\n Com uma semana só, o período-base seria o único período — não sobraria nada contra o que comparar,\n e elasticidade e impacto ficariam indefinidos. Para ver uma semana isolada, use a seção diária.
` : ''}\n ${progBar(st.wProg)}\n ATÉ O MÊS DE${monthLab(st.mEnd)}\n ${pers.map((p, i) => (i === 0 ? '' + esc(p.lab) + ' (base)' : esc(p.lab))).join(' · ')}\n \n ${st.mCount} meses\n \n \n ${st.mLoading ? '' : ''}\n
\n \n ALLOCATIONSdevs contratados · R$ ${ALLOC_BRL.toLocaleString('pt-BR')} cada\n ${pers.map((p) => { const n = allocOf(st, p); return `\n ${esc(p.lab)}\n \n \n \n \n \n ${fmtUsd(n * usdPorAloc)}\n `; }).join('')}\n CÂMBIOR$/US$\n
\n ${parc.length ? `${esc(parc[0].lab)} é um mês PARCIAL (${esc(parc[0].sub)}).\n O custo por sessão continua comparável, porque numerador e denominador encolhem juntos — mas o\n custo total desse mês aparece menor só porque ainda faltam dias. Não leia essa queda como economia.\n
A alocação entra cheia nesse mês — salário não se rateia por dia decorrido —, então o total\n mistura pessoas de mês inteiro com infra de mês parcial.
` : ''}\n ${st.mWarn === 'max' ? `A alocação entra cheia nesse mês — salário não se rateia por dia decorrido —, então o total\n mistura pessoas de mês inteiro com infra de mês parcial.
Máximo de ${MONTHS_MAX} meses.\n Com 4 pontos a leitura já é de progressão — a reta sobre os 4 meses. Para olhar mais para trás,\n mova o mês final.
` : ''}\n ${st.mWarn === 'min' ? `Mínimo de ${MONTHS_MIN} meses.\n Com um mês só, o período-base seria o único período — não sobraria nada contra o que comparar.
` : ''}\n ${progBar(st.mProg)}Consumo carregado, sessões não. Sem elas não há\n custo por sessão nem elasticidade — volume e custo absoluto seguem válidos. A causa quase sempre é o\n segredo compartilhado do KeyVault fora de sincronia; a faixa vermelha acima traz o diagnóstico.
` : '';\n // Períodos selecionados mas ainda não buscados — acontece ao mover a data final ou ao passar de 2 para\n // 3 semanas, que acrescenta uma janela mais antiga E a torna a nova base. Sem este aviso a tela\n // mostraria “—” em toda a coluna e pareceria defeito, quando só falta carregar.\n const faltam = periods.filter((p) => !store.agg[p.k]);\n const avisoFalta = faltam.length ? `${faltam.length} de ${periods.length} períodos\n ainda sem dado (${esc(faltam.map((p) => p.lab).join(', '))}) — as colunas saem como “—”.\n ${!store.agg[periods[0].k] ? 'O período-base está entre eles, então nenhuma comparação vale. ' : ''}\n Clique em Carregar para buscá-los.
` : '';\n return aviso + avisoFalta + `\n \n
\n Sessões × custo por sessão
${chartHero(tot)}${strip ? '' + strip + '
' : ''}${renderKpis(tot)}
\n \n \n \n
\n ${renderTable(st, sc, periods, store, rows)}`;\n}\n\nexport default {\n css: CSS,\n\n render(d2) {\n const st = viewState(d2);\n // Cabeçalho que SÓ existe no papel: os controles somem na impressão, então o escopo do relatório\n // precisa estar escrito em texto, senão o PDF sai sem dizer de que dias ele fala.\n // ⚠️ weekPeriods sem o wCount usava o teto e podia LISTAR mais semanas do que a seção mostra.\n const cD = dayPeriods(st.days).filter((p) => st.dAgg[p.k]).map((p) => p.lab);\n const cW = weekPeriods(st.wEnd, st.wCount).filter((p) => st.wAgg[p.k]).map((p) => p.lab);\n const mPer = monthPeriods(st.mEnd, st.mCount).filter((p) => st.mAgg[p.k]);\n const cM = mPer.map((p) => p.lab);\n const temAloc = mPer.some((p) => allocOf(st, p) > 0);\n const escopo = [cD.length ? 'Diário: ' + cD.join(', ') : '', cW.length ? 'Semanal: ' + cW.join(', ') : '',\n cM.length ? 'Mensal: ' + cM.join(', ') : ''].filter(Boolean).join(' · ') || 'nenhum período carregado';\n // As duas seções podem cobrir os MESMOS dias (um dia solto costuma cair dentro de uma das semanas).\n // Somar as duas contaria o mesmo custo duas vezes — e no papel nada impediria esse erro.\n // Com três seções a sobreposição virou a regra (dia ⊂ semana ⊂ mês), então o aviso precisa dizer\n // QUAIS pares se cruzam. O teste também passa a ser de interseção de intervalos: o antigo só\n // comparava o INÍCIO de um contra o outro e perdia um período que começa antes e invade.\n const carr = [['Diário', dayPeriods(st.days).filter((p) => st.dAgg[p.k])],\n ['Semanal', weekPeriods(st.wEnd, st.wCount).filter((p) => st.wAgg[p.k])],\n ['Mensal', monthPeriods(st.mEnd, st.mCount).filter((p) => st.mAgg[p.k])]];\n const pares = [];\n for (let i = 0; i < carr.length; i++) for (let j = i + 1; j < carr.length; j++) {\n if (carr[i][1].some((a) => carr[j][1].some((b) => a.d0 <= b.d1 && b.d0 <= a.d1))) {\n pares.push(carr[i][0] + ' × ' + carr[j][0]);\n }\n }\n const alerta = pares.length\n ? 'Seções que cobrem os MESMOS dias: ' + pares.join(', ') + '. Não some uma com a outra — '\n + 'seria o mesmo custo contado duas vezes.'\n : '';\n return `Custo estimado por produto
${chartStacked(store, tot)}Elasticidade por evento
${chartElasticity(rows)}\n '}\n\n '}\n\n '}\n\n
`;\n },\n\n mounted(d2) {\n const api = makeApi(d2);\n const aborts = {}; // um AbortController por seção, para o cancelar interromper de fato\n\n // Regras de impressão que precisam viver no DOCUMENTO, não no shadow root: a altura fixa e o\n // scroll que cortariam o relatório na primeira página estão nos ANCESTRAIS do componente.\n // guarda de ambiente: o dry_render roda num DOM simulado onde document.head não existe\n if (typeof document !== 'undefined' && document.head && document.getElementById\n && !document.getElementById('pc-print-css')) {\n const s = document.createElement('style');\n s.id = 'pc-print-css';\n s.textContent = '@page{size:A4 landscape;margin:8mm}'\n + '@media print{html,body{height:auto!important;overflow:visible!important;background:#fff!important}'\n + '.data2-artboard,.data2-player-block{height:auto!important;max-height:none!important;'\n + 'overflow:visible!important;position:static!important}}';\n document.head.appendChild(s);\n d2.onUnmount(() => { const el = document.getElementById('pc-print-css'); if (el) el.remove(); });\n }\n\n async function loadScope(sc) {\n const st = viewState(d2);\n if (st[K(sc, 'Loading')]) return;\n const runKey = K(sc, 'Run');\n const run = (st[runKey] || 0) + 1;\n const P = (o) => d2.setState(setScope(sc, {\n Loading: o.loading, Prog: o.prog || EMPTY_PROG,\n Err: o.err === undefined ? d2.state[K(sc, 'Err')] : o.err\n }));\n const periods = periodsOf(st, sc);\n const alive = () => d2.state[runKey] === run;\n if (aborts[sc]) aborts[sc].abort();\n const ac = (typeof AbortController !== 'undefined') ? new AbortController() : null;\n aborts[sc] = ac;\n const sig = ac ? ac.signal : undefined;\n\n d2.setState(setScope(sc, { Run: run, Loading: true, Err: null,\n Agg: {}, Sess: {}, DaySess: {}, Det: {}, Prog: { done: 0, total: 0, label: 'fase 1' } }));\n\n try {\n // ---- fase 1: sessões + nível 1 por período (+ sessões por dia no semanal) ----\n const jobs = [];\n periods.forEach((per) => {\n jobs.push({ kind: 's', per });\n jobs.push({ kind: 'o', per });\n });\n const allDays = SCOPES[sc].strip ? periods.reduce((a, p) => a.concat(p.days), []) : [];\n allDays.forEach((day) => jobs.push({ kind: 'ds', day }));\n P({ loading: true, prog: { done: 0, total: jobs.length, label: 'fase 1: sessões e visão geral' } });\n\n const res = await pool(jobs.map((j) => () => (\n j.kind === 's' ? api.sessions(j.per.d0, j.per.d1, sig)\n : j.kind === 'o' ? api.overview(j.per.d0, j.per.d1, sig)\n : api.sessions(j.day, j.day, sig)\n )), POOL, (done) => { if (alive()) P({ loading: true, prog: { done, total: jobs.length, label: 'fase 1: sessões e visão geral' } }); }, () => !alive());\n if (!alive()) return;\n\n const sess = {}, agg = {}, daySess = {}, errs = [];\n jobs.forEach((j, i) => {\n const r = res[i];\n if (!r) return;\n if (r.__err) { errs.push({ lab: (j.per ? j.per.lab : j.day), msg: String(r.__err) }); return; }\n if (j.kind === 's') sess[j.per.k] = num(r.sessions);\n else if (j.kind === 'o') agg[j.per.k] = aggLevel1(r.rows || []);\n else daySess[j.day] = num(r.sessions);\n });\n // 27 chamadas falhando pelo mesmo motivo são UM problema, não 27 — agrupa por mensagem para\n // a faixa de erro dizer a causa uma vez e listar quais períodos ela atingiu.\n const porMsg = {};\n errs.forEach((e) => { (porMsg[e.msg] = porMsg[e.msg] || []).push(e.lab); });\n const resumoErr = Object.keys(porMsg).map((m) => {\n const ls = porMsg[m];\n const quem = ls.length > 4 ? ls.slice(0, 4).join(', ') + ' e mais ' + (ls.length - 4) : ls.join(', ');\n return (ls.length > 1 ? ls.length + '× (' + quem + ') — ' : quem + ' — ') + m;\n }).join(' | ');\n const errFinal = errs.length ? resumoErr : null;\n d2.setState(setScope(sc, { Sess: sess, Agg: agg, DaySess: daySess, Err: errFinal }));\n\n // ---- fase 2: detalhe antecipado dos pares que mais pesam ----\n const eager = pickEager({ agg, sess, det: {} }, periods[0], SCOPES[sc].topN);\n if (!eager.length) { P({ loading: false, prog: EMPTY_PROG }); return; }\n const t2 = [];\n eager.forEach(({ p, e }) => periods.forEach((per) => t2.push({ per, p, e })));\n let done = 0;\n const lab2 = 'fase 2: detalhe de ' + eager.length + ' par' + (eager.length > 1 ? 'es' : '')\n + ' — os demais são sob demanda';\n P({ loading: true, prog: { done: 0, total: t2.length, label: lab2 } });\n await pool(t2.map((j) => async () => {\n const dk = j.per.k + '|' + j.p + '|' + j.e;\n let out;\n try { out = await fetchDetail(api, j.per, j.p, j.e, SCOPES[sc].maxPages, sig); }\n catch (err) { out = { __err: (err && err.message) || String(err) }; }\n if (!alive()) return;\n const cur = d2.state[K(sc, 'Det')] || {};\n d2.setState(setScope(sc, { Det: Object.assign({}, cur, { [dk]: out }) }));\n }), POOL, () => { done++; if (alive()) P({ loading: true, prog: { done, total: t2.length, label: lab2 } }); }, () => !alive());\n if (!alive()) return;\n P({ loading: false, prog: EMPTY_PROG });\n } catch (err) {\n if (alive()) P({ loading: false, prog: EMPTY_PROG, err: (err && err.message) || String(err) });\n }\n }\n\n async function drill(sc, p, e) {\n const st = viewState(d2);\n const periods = periodsOf(st, sc);\n const mark = {};\n periods.forEach((per) => { mark[per.k + '|' + p + '|' + e] = { __loading: true }; });\n const base = d2.state[K(sc, 'Det')] || {};\n d2.setState(setScope(sc, { Det: Object.assign({}, base, mark) }));\n await pool(periods.map((per) => async () => {\n let out;\n try { out = await fetchDetail(api, per, p, e, SCOPES[sc].maxPages, aborts[sc] ? aborts[sc].signal : undefined); }\n catch (err) { out = { __err: (err && err.message) || String(err) }; }\n const cur = d2.state[K(sc, 'Det')] || {};\n d2.setState(setScope(sc, { Det: Object.assign({}, cur, { [per.k + '|' + p + '|' + e]: out }) }));\n }), POOL);\n }\n\n d2.on('[data-act]', 'click', (ev, el) => {\n const t = el || (ev.target && ev.target.closest && ev.target.closest('[data-act]'));\n if (!t) return;\n const act = t.dataset.act, st = viewState(d2);\n if (act === 'loadD') return void loadScope('d');\n if (act === 'loadW') return void loadScope('w');\n if (act === 'loadM') return void loadScope('m');\n if (act === 'cancelD') { if (aborts.d) aborts.d.abort(); return void d2.setState({ dRun: st.dRun + 1, dLoading: false, dProg: EMPTY_PROG }); }\n if (act === 'cancelW') { if (aborts.w) aborts.w.abort(); return void d2.setState({ wRun: st.wRun + 1, wLoading: false, wProg: EMPTY_PROG }); }\n if (act === 'cancelM') { if (aborts.m) aborts.m.abort(); return void d2.setState({ mRun: st.mRun + 1, mLoading: false, mProg: EMPTY_PROG }); }\n if (act === 'pdf') {\n // Nunca imprimir com busca em voo: o estado de carregamento de um drill é renderizado DENTRO\n // da tabela (fora do .noprint), então o PDF sairia com 'buscando o detalhe por recurso…'\n // impresso no lugar dos números — e este relatório vai para fora.\n const emVoo = st.dLoading || st.wLoading || st.mLoading\n || ['dDet', 'wDet', 'mDet'].some((dk) => Object.keys(st[dk] || {})\n .some((k) => st[dk][k] && st[dk][k].__loading));\n if (emVoo) return void d2.setState({ pdfWarn: 1 });\n // carimba a hora, deixa o render sair, e só então abre o diálogo — senão o cabeçalho de\n // impressão iria ao papel sem a data, porque setState re-renderiza em lote.\n d2.setState({ printedAt: new Date().toLocaleString('pt-BR'), pdfWarn: '' });\n setTimeout(() => { try { window.print(); } catch (err) { d2.log('print falhou', err); } }, 150);\n return;\n }\n if (act === 'theme') return void d2.setState({ theme: st.theme === 'dark' ? 'light' : 'dark' });\n if (act === 'sort') return void d2.setState({ sort: t.dataset.v });\n if (act === 'addweek') {\n return void (st.wCount >= WEEKS_MAX\n ? d2.setState({ wWarn: 'max' })\n : d2.setState({ wCount: st.wCount + 1, wWarn: '' }));\n }\n if (act === 'rmweek') {\n return void (st.wCount <= WEEKS_MIN\n ? d2.setState({ wWarn: 'min' })\n : d2.setState({ wCount: st.wCount - 1, wWarn: '' }));\n }\n if (act === 'addmonth') {\n return void (st.mCount >= MONTHS_MAX\n ? d2.setState({ mWarn: 'max' })\n : d2.setState({ mCount: st.mCount + 1, mWarn: '' }));\n }\n if (act === 'rmmonth') {\n return void (st.mCount <= MONTHS_MIN\n ? d2.setState({ mWarn: 'min' })\n : d2.setState({ mCount: st.mCount - 1, mWarn: '' }));\n }\n if (act === 'allocinc' || act === 'allocdec') {\n const kk = t.dataset.k;\n // a chave do período mensal é 'M' + d0, então slice(1) devolve a data do início do mês\n const atual = st.mAlloc[kk] === undefined ? allocDefault(kk.slice(1)) : st.mAlloc[kk];\n const novo = Math.max(0, Math.min(ALLOC_MAX, atual + (act === 'allocinc' ? 1 : -1)));\n return void d2.setState({ mAlloc: Object.assign({}, st.mAlloc, { [kk]: novo }) });\n }\n if (act === 'addday') {\n if (st.days.length >= MAX_DAYS) return;\n const nd = addDays(st.days[st.days.length - 1], 1);\n return void d2.setState({ days: st.days.concat([st.days.includes(nd) || nd > yesterday() ? yesterday() : nd]) });\n }\n if (act === 'rmday') return void d2.setState({ days: st.days.filter((_, k) => k !== Number(t.dataset.i)) });\n if (act === 'toggle') {\n const sc = t.dataset.scope, k = t.dataset.k;\n const cur = st[K(sc, 'Open')] || {};\n const next = Object.assign({}, cur); next[k] = !cur[k];\n return void d2.setState(setScope(sc, { Open: next }));\n }\n if (act === 'drill') return void drill(t.dataset.scope, t.dataset.p, t.dataset.e);\n });\n\n d2.on('[data-act]', 'change', (ev, el) => {\n const t = el || (ev.target && ev.target.closest && ev.target.closest('[data-act]'));\n if (!t) return;\n const st = viewState(d2);\n if (t.dataset.act === 'setday') {\n const days = st.days.slice(); days[Number(t.dataset.i)] = t.value;\n d2.setState({ days });\n }\n if (t.dataset.act === 'setwend') d2.setState({ wEnd: t.value, wWarn: '' });\n if (t.dataset.act === 'setmend') d2.setState({ mEnd: t.value, mWarn: '' });\n if (t.dataset.act === 'allocset') {\n const n = Math.max(0, Math.min(ALLOC_MAX, Math.round(Number(t.value) || 0)));\n d2.setState({ mAlloc: Object.assign({}, st.mAlloc, { [t.dataset.k]: n }) });\n }\n if (t.dataset.act === 'setfx') { const v = Number(t.value); d2.setState({ fx: v > 0 ? v : FX_DEFAULT }); }\n if (t.dataset.act === 'mincost') d2.setState({ minCost: Number(t.value) || 0 });\n });\n }\n};\n/*C1*/\n\n\n\n\n\n"}},"listenerRef":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"listenerRef"}}}},"defaultDays":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"defaultDays"}}}}}}}}}},{"_id":"6a8c5b7905e12b46422da308","component":"data2-core-types@Component","system":"67850da249571825a6d31832","params":{"extends":"data2-core-primitives@Block","component":"ZZProbe","package":"lucas-playground","definition":{"preventEvaluation":true,"component":"data2-core-types@Definition","params":{"def":{"component":"data2-code-components@CodeHost","params":{"code":{"component":"data2-core-primitives@String","params":{"content":"export default {\n css: `.wrap{display:flex;flex-direction:column;gap:12px;align-items:flex-start;justify-content:center;height:100%;padding:32px;font:16px/1.5 system-ui,sans-serif;background:#0f172a;color:#e2e8f0}\n .t{font-size:28px;font-weight:700;color:#38bdf8}\n .b{padding:8px 16px;border:0;border-radius:8px;background:#38bdf8;color:#0f172a;font-weight:600;cursor:pointer}`,\n render(d2){\n const n = d2.state.n || 0\n return `\n
\n Consumo × sessões — Natura AVI
\n${esc(escopo)}
\n ${alerta ? `${esc(alerta)}
` : ''}\n ${temAloc ? `Alocações a R$ ${ALLOC_BRL.toLocaleString('pt-BR')}/mês por desenvolvedor,\n convertidas a R$ ${Number(st.fx).toFixed(2).replace('.', ',')}/US$. Elas somam ao total do mês e NÃO entram no\n custo por sessão, que segue sendo só de infraestrutura.
` : ''}\n Gerado em ${esc(st.printedAt)} · preços da fatura de jul/26, exceto DOMAIN/ai_tokens\n ao preço acordado de US$ 0,000008/token — por isso o total NÃO reconcilia com o valor faturado.
\n \n
\n ${st.pdfWarn ? `\n
\n Consumo × sessões — Natura AVI
\nA métrica-âncora é produto/evento: quanto cada recurso custa por sessão e\n se ele cresceu na proporção do tráfego. O escopo vai de dias avulsos a janelas de 7 dias e meses de calendário.
\n \n \n \n \n ${st.sort === 'elasticidade' ? `piso US$` : ''}\n \n
\n Há busca em andamento.\n Imprimir agora levaria ao papel a frase “buscando o detalhe por recurso…” no lugar dos\n números, porque o estado de carregamento fica dentro da tabela. Espere a carga terminar —\n ou clique em cancelar — e gere o PDF de novo.
` : ''}\n\n ${renderExplain()}\n\n 1
\n \n ${st.dErr ? `Diário — dias avulsos, até ${MAX_DAYS}
\n o primeiro dia é a base de comparação${esc(st.dErr)}
` : ''}\n ${renderSection(st, 'd') || 'escolha os dias e clique em Carregar diário.
2
\n \n ${st.wErr ? `Semanal — ${st.wCount} janelas de ${WEEK_LEN} dias
\n de ${WEEKS_MIN} a ${WEEKS_MAX} janelas; a mais antiga é a base · com 3+ a\n elasticidade lê a progressão inteira, e o n/n diz quantos degraus seguiram a direção${esc(st.wErr)}
` : ''}\n ${renderSection(st, 'w') || 'escolha a data final e clique em Carregar semanal.
1 chamada por semana cobre os 7 dias — o custo da API é por chamada, não por dia.
1 chamada por semana cobre os 7 dias — o custo da API é por chamada, não por dia.
3
\n \n ${st.mErr ? `Mensal — ${st.mCount} meses de calendário
\n de ${MONTHS_MIN} a ${MONTHS_MAX} meses; o mais antigo é a base · recorte da fatura ·\n o detalhe por recurso fica na seção Semanal${esc(st.mErr)}
` : ''}\n ${renderSection(st, 'm') || 'escolha o mês final e clique em Carregar mensal.
um mês custa 2 chamadas (sessões + nível 1) — 4 meses saem mais baratos que 4 semanas.
um mês custa 2 chamadas (sessões + nível 1) — 4 meses saem mais baratos que 4 semanas.
\n Preços da fatura de jul/26, exceto
\n DOMAIN/ai_tokens, que usa o preço acordado de US$ 0,000008 por token\n — as faturas registram US$ 0,0001, o preço de tabela, 12,5× maior. O custo mostrado aqui é o real; ele\n não reconcilia com o valor faturado, e a diferença é quase toda essa linha.\n Os demais preços continuam vindo da fatura e podem ter o mesmo tipo de desconto sem que eu saiba.\n ID/sessions e BUILDER/sessions não são faturados\n por dia (a fatura cobra logged_users por mês). TABLE/storage vem como média por\n DataSource nos dois níveis e não reconcilia com a fatura — fica só como volume.\n Métricas de estoque (storage) são a média dos dias do período, nunca a soma.\n \n
`\n },\n mounted(d2){\n d2.on('.b','click',()=>{ d2.state.n = (d2.state.n||0)+1 })\n },\n}\n"}},"etiqueta":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"etiqueta"}}}}}}}}}},{"_id":"6a8c5c542fc601cd4a2c374c","component":"data2-core-types@Component","system":"67850da249571825a6d31832","params":{"extends":"data2-core-primitives@Block","component":"FaqOperadorV2","package":"lucas-playground","definition":{"preventEvaluation":true,"component":"data2-core-types@Definition","params":{"def":{"component":"data2-code-components@CodeHost","params":{"code":{"component":"data2-core-primitives@String","params":{"content":"// FaqOperadorV2 — NASVI operator FAQ copilot, single code component.\n// demo:true -> embedded mock data (playground validation, no backend, no AI cost)\n// demo:false -> real path: d2.data('faqs').filter+refresh, then d2.assistant().ask({context})\n\nconst MOCK_USER = { name: 'Ana Gomez', email: 'ana.gomez@natura.net', countries: ['AR', 'MX'], user_type: ['Standard'], role: 'agent' }\nconst MOCK_REGIONS = ['AR', 'MX', 'CO', 'PE', 'CL', 'EC']\nconst MOCK_FAQS = [\n { _id: 'm1', title: 'Puntos de la consultora no actualizados', article: '10231', d2_search_score: 0.87, category: 'MODELO_COMERCIAL', content: 'Si la consultora tiene apenas 1 punto, debe actualizar su registro. Esto ocurre por alguna inconsistencia en su dirección; después de actualizar sus datos sus puntos deberían restablecerse en hasta 24 horas.' },\n { _id: 'm2', title: 'Pedido retenido por límite de crédito', article: '10884', d2_search_score: 0.74, category: 'PEDIDOS', content: 'Si el pedido queda retenido por exceder el límite de crédito, la consultora deberá ajustar el puntaje del pedido según el crédito disponible o pagar pedidos pendientes para liberar crédito.' },\n { _id: 'm3', title: 'Unificación ELO Natura y Avon', article: '11002', d2_search_score: 0.66, category: 'MODELO_COMERCIAL', content: 'Con el ELO México, Natura y Avon se unificaron. Los ciclos, el catálogo y la tabla de puntos pasan a ser únicos. Ante conflicto de información, siempre prevalece el contenido que habla específicamente del ELO.' },\n { _id: 'm4', title: 'Dejar de vender / baja de consultora', article: '10077', d2_search_score: 0.52, category: 'MODELO_COMERCIAL', content: 'Para darse de baja como Consultora de Belleza Natura debe enviar un correo a atencion_consultor@natura.net adjuntando identificación oficial vigente por ambos lados y una carta con el motivo.' },\n { _id: 'm5', title: 'Plazos de entrega por región', article: '10455', d2_search_score: 0.41, category: 'PEDIDOS', content: 'Los plazos de entrega varían por región. Capital y GBA: 3 a 5 días hábiles. Interior: 5 a 8 días hábiles contados desde la facturación del pedido.' }\n]\nconst MOCK_HISTORY = [\n { _id: 'h1', pergunta: '¿Cómo actualizo la dirección de una consultora?', resposta: 'Querido Asesor, para actualizar la dirección ingresá en el panel de registro, sección *Datos personales*, y editá el campo Domicilio. El cambio impacta el próximo ciclo.', createdAt: Date.now() - 1000 * 60 * 18 },\n { _id: 'h2', pergunta: '¿Cuántos días demora un reembolso?', resposta: 'Estimado asesor, el reembolso se procesa en hasta **10 días hábiles** después de aprobada la solicitud.', createdAt: Date.now() - 1000 * 60 * 95 },\n { _id: 'h3', pergunta: '¿Qué pasa si el pedido llega incompleto?', resposta: 'Querido Asesor, se debe abrir un reclamo de falta de producto adjuntando el número de pedido y la foto del remito.', createdAt: Date.now() - 1000 * 60 * 60 * 26 }\n]\nconst MOCK_ANSWER = 'Querido Asesor,\\n\\nSi la consultora visualiza **apenas 1 punto**, casi siempre se debe a una **inconsistencia en su dirección**.\\n\\nPasos a seguir:\\n\\n1. Pedíle que ingrese a *Mi registro* y revise el domicilio completo.\\n2. Que corrija calle, número y código postal.\\n3. Guardar los cambios.\\n\\nDespués de actualizar los datos, **sus puntos deberían restablecerse** automáticamente.\\n\\n> Si pasadas 24 horas el puntaje sigue igual, abrí un ticket para el área comercial.'\n\nconst HELP_MD = 'Soy **NASVI**\\n\\nTu nuevo **copiloto virtual**, listo para acompañarte en cada contacto con nuestras consultoras.\\n\\nEstoy aquí para hacer tu trabajo **más ágil, más seguro y más claro**.\\n\\n¿Cómo lo hago? Muy fácil:\\n\\n- Estoy entrenado con los procesos, protocolos y wikis actualizados de Natura y Avon.\\n- Cuando tengas una duda, yo te doy la respuesta en segundos, sin detener tu atención.\\n- Además, te llevo directo a la fuente oficial en Beedoo, para que siempre tengas información validada.\\n\\nMi misión es que puedas resolver más consultas en el primer contacto, sin errores, y con total confianza.'\n\nconst VOTE = {\n 1: ['No encontré nada útil', 'Sin respuesta o sin relevancia para la consulta'],\n 2: ['Encontré muy poca información', 'Respuesta incompleta o poco relevante'],\n 3: ['Encontré parte de la información', 'Resolvió parcialmente, se requiere buscar más'],\n 4: ['Encontré casi todo lo que buscaba', 'Útil en gran parte, pero con pequeños vacíos'],\n 5: ['Encontré exactamente lo que necesitaba', 'Respuesta clara, completa y satisfactoria']\n}\nconst ORIGENES = [['chat', 'Chat'], ['voz', 'Voz'], ['video', 'Video']]\nconst BEEDOO = { MX: 'https://naturamexico.beedoo.io/wiki/' }\nconst BEEDOO_DEFAULT = 'https://naturalatam.beedoo.io/wiki/'\n\nfunction esc(s) { return String(s == null ? '' : s).replace(/&/g, '&').replace(//g, '>') }\nfunction attr(s) { return esc(s).replace(/\"/g, '"') }\nfunction isDemo(d2) { return d2.param('demo') === true }\n\nfunction user(d2) {\n if (isDemo(d2)) return MOCK_USER\n const ds = d2.data('usuarios')\n return (ds && ds.selected()) || {}\n}\nfunction isEcom(u) { return [].concat(u.user_type || []).indexOf('E-commerce') >= 0 }\nfunction solo(u) { return (u.countries || []).length === 1 }\nfunction regionCodes(d2) {\n if (isDemo(d2)) return MOCK_REGIONS\n const ds = d2.data('regiones')\n return ds ? ds.records().map(function (r) { return r.country_code }).filter(Boolean) : []\n}\nfunction marketOptions(d2, u) { return isEcom(u) ? regionCodes(d2) : (u.countries || []) }\nfunction showSelector(d2, u) { return isEcom(u) || !solo(u) }\nfunction market(d2, u) {\n if (!isEcom(u) && solo(u)) return u.countries[0]\n return d2.state.region || marketOptions(d2, u)[0] || ''\n}\nfunction hits(d2) {\n if (isDemo(d2)) return d2.state.hits || []\n const ds = d2.data('faqs')\n return ds ? ds.records() : []\n}\nfunction answerText(d2) {\n if (isDemo(d2)) return d2.state.answer || ''\n const a = d2.assistant(d2.params.assistant)\n return (a && a.answer) || ''\n}\nfunction busy(d2) {\n if (isDemo(d2)) return !!d2.state.busy\n const a = d2.assistant(d2.params.assistant)\n return !!(a && a.busy)\n}\nfunction history(d2) {\n if (isDemo(d2)) return MOCK_HISTORY\n const ds = d2.data('historial')\n return ds ? ds.records() : []\n}\nfunction beedooUrl(mk, article) { return (BEEDOO[mk] || BEEDOO_DEFAULT) + String(article || '') + '/lll' }\n\nfunction card(d2, r, i) {\n const score = typeof r.d2_search_score === 'number' ? (r.d2_search_score * 10).toFixed(1) : ''\n const mk = market(d2, user(d2))\n return 'probe ok
\n etiqueta: ${String(d2.param('etiqueta','(sem valor)'))}
\n contador: ${n}
\n \n ' + esc(t).replace(/\\n/g, '
') + '
' + esc(t) + '
' }\n }\n const acc = d2.param('accent', '#FF6C0E')\n\n const selector = showSelector(d2, u)\n ? ''\n : '' + esc(mk || '--') + ''\n\n const conversa = (!d2.state.pregunta && !ans)\n ? 'Escribí la duda del cliente y NASVI busca en las wikis por vos.
'\n : (d2.state.pregunta ? '' + esc(d2.state.pregunta) + '
' : '')\n + ((ans || bz)\n ? 'N
' + md(ans) + (bz ? '' : '') + '
'\n + (!bz && ans ? '' : '')\n + 'Realiza tu consulta para ver las wikis relacionadas aquí.
'\n\n let overlay = ''\n if (d2.state.panel === 'help') {\n overlay = 'NASVI: El Agente del Agente
' + md(HELP_MD) + '
Historial
' + (rows.length ? rows.map(function (r, i) {\n const id = r._id || i\n return ''\n }).join('') : '
'\n + 'Sin consultas todavía.
') + '' + (cur ? '' : '') + '
'\n + '' + esc(cur.pergunta) + '
N
' + md(cur.resposta) + '
¿Qué tan útil fue la respuesta?
'\n + '
' + [1, 2, 3, 4, 5].map(function (n) { return '' }).join('') + '
'\n + '' + (lab ? esc(lab[0]) + '\\n' + esc(lab[1]) : '') + '
'\n + ''\n + '' + (d2.param('telemetry') ? '' : 'telemetría desactivada — no se guarda') + '
'\n + ''\n + ''\n + ' '\n + '
'\n },\n\n mounted(d2) {\n const ask = async function () {\n const el = d2.$('.q')\n if (!el) return\n const q = (el.value || '').trim()\n if (!q) return\n const t0 = Date.now()\n el.value = ''\n d2.setState({ pregunta: q, err: '', duracion: 0, grade: 0, vcomment: '' })\n if (isDemo(d2)) { await demo(d2, q, t0); return }\n try {\n const u = user(d2)\n const ds = d2.data('faqs')\n if (!ds) throw new Error('Parámetro \"faqs\" no está conectado a un dataset.')\n ds.filter({ ecommerce: isEcom(u) ? true : { nin: [true] }, busca: q, country: market(d2, u) })\n await ds.refresh()\n const rows = ds.records()\n d2.setState({ hits: rows })\n await d2.assistant(d2.params.assistant).ask('Operador Pergunta : \\n\\n\"' + q + '\"\\n\\nContesta en espanol', { context: JSON.stringify(rows) })\n d2.state.duracion = Date.now() - t0\n if (d2.param('telemetry')) await persist(d2, q)\n } catch (e) {\n d2.state.err = 'No se pudo completar la búsqueda: ' + String((e && e.message) || e)\n }\n }\n\n const demo = async function (d2, q, t0) {\n d2.setState({ busy: true, answer: '', hits: [] })\n await new Promise(function (r) { setTimeout(r, 450) })\n d2.setState({ hits: MOCK_FAQS })\n let i = 0\n await new Promise(function (done) {\n const id = setInterval(function () {\n i += 4\n d2.state.answer = MOCK_ANSWER.slice(0, i)\n if (i >= MOCK_ANSWER.length) { clearInterval(id); done() }\n }, 16)\n d2.onUnmount(function () { clearInterval(id) })\n })\n d2.setState({ busy: false, duracion: Date.now() - t0 })\n }\n\n const persist = async function (d2, q) {\n const u = user(d2)\n const mon = d2.data('historial')\n if (mon) await mon.create({\n email: u.email, name: u.name, pergunta: q, resposta: answerText(d2),\n country: market(d2, u), origen: d2.state.origen || 'chat',\n duracion: d2.state.duracion, user_type: isEcom(u) ? 'ecommerce' : undefined\n })\n const ev = d2.data('eventos')\n if (ev) await ev.create({ event: 'assistant_ask', email: u.email, nome: u.name, country: market(d2, u), payload: { article: (hits(d2)[0] || {}).article } })\n }\n\n d2.on('.go', 'click', ask)\n d2.on('.q', 'keydown', function (e) {\n if (e.key === 'Enter' && !e.shiftKey) { e.preventDefault(); ask() }\n })\n d2.on('.chip', 'click', function (e, el) { d2.state.origen = el.dataset.o })\n d2.on('.sel', 'change', function (e, el) { d2.state.region = el.value })\n d2.on('.help', 'click', function () { d2.state.panel = 'help' })\n d2.on('.hist', 'click', function () { d2.state.panel = 'hist' })\n d2.on('.vote', 'click', function () { d2.setState({ panel: 'vote', grade: 0, vcomment: '' }) })\n d2.on('.x', 'click', function () { d2.state.panel = null })\n d2.on('.scrim', 'click', function (e, el) { if (e.target === el) d2.state.panel = null })\n d2.on('.hitem', 'click', function (e, el) { d2.state.hsel = el.dataset.h })\n d2.on('.dot', 'click', function (e, el) { d2.state.grade = Number(el.dataset.g) })\n d2.on('.vin', 'input', function (e, el) { d2.state.vcomment = el.value })\n d2.on('.src-l', 'click', function (e, el) {\n if (!d2.param('telemetry')) return\n const ev = d2.data('eventos')\n const u = user(d2)\n if (ev) ev.create({ event: 'wiki_view', email: u.email, nome: u.name, country: market(d2, u), payload: { article: el.dataset.article } })\n })\n d2.on('.vsend', 'click', async function () {\n const g = d2.state.grade\n if (!g) return\n if (d2.param('telemetry')) {\n const u = user(d2)\n const ev = d2.data('eventos')\n const payload = { message: d2.state.pregunta, answer: answerText(d2), grade: g, comment: d2.state.vcomment || '' }\n if (ev) {\n await ev.create({ event: 'voting', email: u.email, nome: u.name, country: market(d2, u), payload: payload })\n if (g === 1) await ev.create({ event: 'answer_not_found', email: u.email, nome: u.name, country: market(d2, u), payload: payload })\n }\n const enc = d2.data('encuestas')\n if (enc) await enc.create({ country: market(d2, u), email: u.email, reaction: g >= 4 ? 'like' : 'dislike', comments: d2.state.vcomment || '' })\n }\n d2.setState({ panel: null, voted: g })\n })\n d2.on('.copy', 'click', function (e, el) {\n const t = answerText(d2)\n if (!t) return\n try { navigator.clipboard.writeText(t) } catch (err) { }\n el.textContent = 'Copiado'\n setTimeout(function () { try { el.textContent = 'Copiar' } catch (e2) { } }, 1400)\n })\n d2.on(document, 'keydown', function (e) { if (e.key === 'Escape' && d2.state.panel) d2.state.panel = null })\n },\n\n updated(d2) {\n const log = d2.$('.log')\n if (log) log.scrollTop = log.scrollHeight\n }\n}\n"}},"demo":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"demo"}}}},"telemetry":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"telemetry"}}}},"assistant":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"assistant"}}}},"faqs":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"faqs"}}}},"usuarios":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"usuarios"}}}},"regiones":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"regiones"}}}},"historial":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"historial"}}}},"eventos":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"eventos"}}}},"encuestas":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"encuestas"}}}},"estado":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"estado"}}}},"accent":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"accent"}}}}}}}}}},{"_id":"6ab029c576d35d65732ff420","component":"data2-core-types@Component","system":"67850da249571825a6d31832","params":{"extends":"data2-core-primitives@Block","component":"bellaSim","package":"lucas-playground","definition":{"preventEvaluation":true,"component":"data2-core-types@Definition","params":{"def":{"component":"data2-code-components@CodeHost","params":{"code":{"component":"data2-core-primitives@String","params":{"content":"/* Bella Sim — réplica de WhatsApp Web (80%) + móvil espejo (20%) */\n\nconst T = {\n searchPh: 'Buscar un chat',\n tabs: ['Todos', 'No leídos', 'Favoritos', 'Grupos'],\n online: 'en línea',\n typing: 'escribiendo…',\n composerPh: 'Escribe un mensaje',\n encrypted: 'Los mensajes están cifrados de extremo a extremo. Nadie fuera de este chat puede leerlos, ni siquiera nosotros.',\n today: 'HOY',\n emptyT: 'Aún no hay mensajes',\n reply: 'Responder',\n you: 'Tú',\n recHint: 'Grabando…',\n attPhotos: 'Fotos y vídeos',\n attDoc: 'Documento',\n dbgEmpty: 'Todavía no hay turnos. Envía un mensaje para ver la petición y la respuesta.',\n noReply: 'No se pudo contactar a Bella.'\n}\nconst KL = { image: 'Foto', video: 'Vídeo', audio: 'Mensaje de voz', document: 'Documento', sticker: 'Sticker' }\n\nconst EMO = ['😀','😃','😄','😁','😆','😅','😂','🤣','😊','😇','🙂','🙃','😉','😌','😍','🥰','😘','😋','😎','🤓','🥳','🤔','😐','😴','😒','😞','😔','😟','🙁','😢','😭','😤','😠','🥺','😳','🤗','🤝','👍','👎','👏','🙏','💪','👋','❤️','🧡','💛','💚','💙','💜','🔥','✨','🎉','✅','❌','💯','🚀','👀','💬','📦','🛍️','💄','🌸','☀️','🌙']\nconst QUICK = ['👍','❤️','😂','😮','😢','🙏']\n\nconst sv = (p, w) => ''\nconst IC = {\n search: sv('NASVICopiloto activo
'\n + '' + ORIGENES.map(function (o) { return '' }).join('') + '
'\n + ''\n + 'Mercado' + selector + '
'\n + '' + esc(u.name || 'Asesor') + '' + esc(u.email || '') + '
'\n + ''\n + ''\n + ''\n + ' '\n + ''\n + '
'\n + ''\n + overlay\n + ''\n + ''\n + '
'\n + (d2.state.err ? 'Enter envía · Shift+Enter salta línea'\n + '
' + esc(d2.state.err) + '
' : '')\n + '' + conversa + '
'\n + '' + label + '' + esc(prev) + '
'\n}\n\nfunction metaHTML(m) {\n let t = ''\n if (m.mine) {\n if (m.status === 'pending') t = '' + TICK.pending + ''\n else if (m.status === 'sent') t = '' + TICK.sent + ''\n else if (m.status === 'delivered') t = '' + TICK.two + ''\n else if (m.status === 'read') t = '' + TICK.two + ''\n }\n return ''\n}\n\nfunction reactHTML(m) {\n const ks = Object.keys(m.reactions || {})\n if (!ks.length) return ''\n return '' + ks.map((k) => '' + k + '').join('') + ''\n}\n\nfunction bodyHTML(m) {\n const cap = m.body || m.caption || ''\n const capH = cap ? '' + esc(cap) + '
' : ''\n if (m.kind === 'image') return '' + capH\n if (m.kind === 'sticker') return ''\n if (m.kind === 'video') return '' + capH\n if (m.kind === 'document') return '' + IC.doc + '' + IC.down + '
' + capH\n if (m.kind === 'audio') {\n const bb = bars(m.id, 34).map((h) => '').join('')\n return '' + mmss(m.durSec || 0) + '
'\n }\n if (m.kind === 'system') return '' + esc(cap) + '
'\n return '' + esc(cap) + '
'\n}\n\nfunction bubbleHTML(m, st, name) {\n if (m.kind === 'system') return '' + esc(m.body) + '
' +\n '
'\n}\n\nfunction threadHTML(msgs, st, name) {\n let out = '' +\n '
' + quoteHTML(m.replyTo) + bodyHTML(m) + metaHTML(m) + reactHTML(m) + '
' +\n '' + menu +\n '' + IC.lock + '' + T.encrypted + '
'\n if (!msgs.length) {\n out += '' + IC.smile + '
' + T.emptyT + 'Escribe abajo para empezar a hablar con ' + esc(name) + '.' + T.today + '
'\n for (const m of msgs) out += bubbleHTML(m, st, name)\n if (st.bellaTyping) out += '' +\n\n '' +\n\n (st.debugOpen ? debugHTML(st) : '') +\n (st.lightbox ? '![](\"')
' : '') +\n '' +\n '
'\n },\n\n mounted(d2, root) {\n if (!d2.state.msgs) d2.setState({ msgs: [], log: [], presence: 'idle', lastSeen: 'últ. vez hoy a las ' + hhmm(Date.now()) })\n ensureAudio(d2)\n\n d2.on('#cin', 'input', (e, el) => { draft = el.value; syncDraft(d2) })\n d2.on('#cin', 'keydown', (e, el) => {\n if (e.key === 'Enter' && !e.shiftKey) { e.preventDefault(); draft = el.value; sendText(d2) }\n })\n d2.on('#btn-send', 'click', () => sendText(d2))\n d2.on('#btn-emoji', 'click', () => { d2.state.attachOpen = false; d2.state.emojiOpen = !d2.state.emojiOpen })\n d2.on('#btn-attach', 'click', () => { d2.state.emojiOpen = false; d2.state.attachOpen = !d2.state.attachOpen })\n d2.on('.ec', 'click', (e, el) => {\n const ta = d2.$('#cin')\n draft = (ta ? ta.value : draft) + el.dataset.emo\n if (ta) { ta.value = draft; ta.focus() }\n syncDraft(d2)\n })\n d2.on('#scrim', 'click', () => d2.setState({ emojiOpen: false, attachOpen: false, menuFor: '' }))\n\n d2.on('.mitem[data-att]', 'click', (e, el) => {\n const fin = d2.$('#fin')\n if (!fin) return\n fin.accept = el.dataset.att === 'media' ? 'image/*,video/*' : ''\n d2.state.attachOpen = false\n fin.click()\n })\n d2.on('#fin', 'change', (e, el) => { const f = el.files && el.files[0]; el.value = ''; if (f) sendFile(d2, f) })\n\n d2.on('#btn-mic', 'click', () => startRec(d2))\n d2.on('#rec-send', 'click', () => stopRec(d2, true))\n d2.on('#rec-cancel', 'click', () => stopRec(d2, false))\n\n d2.on('.bmb', 'click', (e, el) => { e.stopPropagation(); d2.setState({ emojiOpen: false, attachOpen: false, menuFor: d2.state.menuFor === el.dataset.menu ? '' : el.dataset.menu }) })\n d2.on('.qr', 'click', (e, el) => {\n const id = el.dataset.react, emo = el.dataset.emo\n d2.state.msgs = (d2.state.msgs || []).map((m) => {\n if (m.id !== id) return m\n const r = Object.assign({}, m.reactions || {})\n if (r[emo]) delete r[emo]; else r[emo] = 1\n return Object.assign({}, m, { reactions: r })\n })\n d2.state.menuFor = ''\n })\n d2.on('.mitem[data-replyto]', 'click', (e, el) => {\n const m = (d2.state.msgs || []).find((x) => x.id === el.dataset.replyto)\n if (!m) return\n d2.setState({\n menuFor: '',\n replyTo: { id: m.id, mine: m.mine, author: d2.param('bellaName') || 'Bella', kind: m.kind, preview: (m.body || m.caption || m.fname || '').slice(0, 90) }\n })\n const ta = d2.$('#cin'); if (ta) ta.focus()\n })\n d2.on('#reply-x', 'click', () => { d2.state.replyTo = null })\n\n d2.on('.img', 'click', (e, el) => { if (el.dataset.open) d2.state.lightbox = el.dataset.open })\n d2.on('#lightbox', 'click', () => { d2.state.lightbox = '' })\n\n d2.on('.apl', 'click', (e, el) => {\n const id = el.dataset.play, src = el.dataset.src\n if (!ensureAudio(d2)) return\n if (d2.state.playingId === id) { audioEl.pause(); d2.state.playingId = ''; return }\n if (audioEl.src !== src) { audioEl.src = src; audioEl.currentTime = 0 }\n audioEl.play().catch(() => {})\n d2.state.playingId = id\n })\n d2.on('.abars', 'click', (e, el) => {\n if (!audioEl || d2.state.playingId !== el.dataset.seek || !audioEl.duration) return\n const r = el.getBoundingClientRect()\n audioEl.currentTime = Math.max(0, Math.min(1, (e.clientX - r.left) / r.width)) * audioEl.duration\n paintAudio(d2)\n })\n\n d2.on('#dbg-open', 'click', () => { d2.state.debugOpen = true })\n d2.on('#dbg-close', 'click', () => { d2.state.debugOpen = false })\n\n d2.on('#thread', 'scroll', (e, el) => {\n stick = el.scrollHeight - el.scrollTop - el.clientHeight < 60\n mirrorScroll(d2)\n })\n\n d2.onUnmount(() => {\n try { if (audioEl) audioEl.pause() } catch (x) {}\n if (recTimer) clearInterval(recTimer)\n try { if (rec && rec.state === 'recording') rec.stream.getTracks().forEach((t) => t.stop()) } catch (x) {}\n blobs.forEach((u) => { try { URL.revokeObjectURL(u) } catch (x) {} })\n blobs = []\n })\n },\n\n updated(d2) {\n const ta = d2.$('#cin')\n if (ta && draft && !ta.value) ta.value = draft\n syncDraft(d2)\n paintAudio(d2)\n const th = d2.$('#thread'), pt = d2.$('#pthread')\n if (stick) {\n if (th) th.scrollTop = th.scrollHeight\n if (pt) pt.scrollTop = pt.scrollHeight\n } else {\n mirrorScroll(d2)\n }\n }\n}\n\n/* ---------------------------------- inspector ---------------------------------- */\nfunction debugHTML(st) {\n const log = st.log || []\n const body = !log.length\n ? '' +\n '' +\n\n '' +\n ' ' +\n '
' +\n\n '' +\n '
' +\n\n '' + esc(name) + '' + esc(status) + '
' +\n '' + thread + '
' +\n\n (st.replyTo ? '' : '') +\n\n '' +\n (st.recording\n ? '' +\n '' +\n ''\n : '' +\n '' +\n '' +\n '' +\n '') +\n\n (st.emojiOpen ? '' : '') +\n (st.attachOpen ? '' : '') +\n '
' +\n\n (overlay ? '' : '') +\n (d2.param('debugEnabled') !== false && !st.debugOpen ? '' : '') +\n '' + EMO.map((e) => '').join('') + '
' +\n '' +\n '
' + clock + '5G
' +\n '' + IC.back + '' +\n '
' +\n '' + esc(name) + '' + esc(status) + '
' +\n '' + IC.video + IC.phone + '
' + thread + '
' +\n '' + IC.emoji + '' + T.composerPh + '' + IC.clip + '
' +\n '' + IC.mic + '' + T.dbgEmpty + '
'\n : log.slice().reverse().map((e) =>\n '' + (e.error ? 'ERROR' : 'OK') + '' + hhmm(e.t) + '' + e.ms + ' ms
' +\n 'Petición
' + esc(JSON.stringify(e.request, null, 2)) + '
' +\n (e.error\n ? 'Error
' + esc(e.error) + '
'\n : 'Respuesta
' + esc(JSON.stringify(e.response, null, 2)) + '
') +\n '' + IC.bug + 'Inspector
' + body + '