mirror of
https://github.com/fsolla/teqo.git
synced 2026-11-13 15:13:07 +00:00
f658d5eaaa
O builder cortava o texto no meio com "…" quando não cabia no A4, perdendo informação. Agora: - contrato de pesquisa ganha `brief` (`title` ≤80 / `note` ≤120) reescrito pelo researcher: o PDF imprime o brief reformulado e o registro/.md mantém `answer`/`details` integrais (sem fonte nova, sem trocar a fase); - sem `brief` o renderer cai no texto completo e a guarda de fit A4 falha fechado — nunca mais corta em silêncio; - tabelas longas (lacunas, notícias) e os cards de "Atuação registrada" das eras são paginados em folhas de continuação: nada é truncado nem descartado; - corrige honrarias da Era C vazando para a página da Era B; - remove o `clipCopy`/`MAX_NEWS_ROWS`; SKILL.md e agent doc documentam o `brief`.
791 lines
37 KiB
JavaScript
791 lines
37 KiB
JavaScript
/**
|
|
* Dossiê renderer (C186): the block model goes to print HTML (Chromium
|
|
* `page.pdf`, A4, one `.sheet` per page) and to the companion `.md`. Ports the
|
|
* approved hi-fi classes (`dossie-solla-cidade-ui-design.html`) class-by-class;
|
|
* shared escaping/source-token contract lives in `reportText.mjs`.
|
|
*/
|
|
|
|
import { formatDateBr, formatDateTimeBr } from './cityReportFormat.mjs'
|
|
import { dossierPhaseLabel, dossierSphereLabel } from './dossieBlocks.mjs'
|
|
import { htmlEscape, stripInlineSources } from './reportText.mjs'
|
|
|
|
const SOURCE_ICON =
|
|
'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true"><path d="M15 3h6v6M10 14 21 3M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"/></svg>'
|
|
|
|
const WARNING_ICON =
|
|
'<svg class="warn-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true"><path d="M10.3 2.9 1.8 17a2 2 0 0 0 1.7 3h17a2 2 0 0 0 1.7-3L13.7 2.9a2 2 0 0 0-3.4 0Z"/><path d="M12 9v4M12 17h.01"/></svg>'
|
|
|
|
const sourceLink = (url, label = '(fonte)') =>
|
|
url
|
|
? `<a class="source-link" href="${htmlEscape(url)}" aria-label="Abrir fonte">${SOURCE_ICON}${htmlEscape(label)}</a>`
|
|
: ''
|
|
|
|
const scopeBadge = (sphere, label = null) =>
|
|
`<span class="scope${sphere === 'municipio' ? '' : ' scope-region'}">${htmlEscape(label ?? dossierSphereLabel(sphere))}</span>`
|
|
|
|
/** `dd/mm/aa` — the news table column is 9% wide (no room for a 4-digit year). */
|
|
const formatShortDateBr = (value) => {
|
|
const full = formatDateBr(value)
|
|
const parts = full.split('/')
|
|
return parts.length === 3 ? `${parts[0]}/${parts[1]}/${parts[2].slice(-2)}` : full
|
|
}
|
|
|
|
/**
|
|
* Print surfaces prefer the reformulated `brief` (short headline + note that fit
|
|
* the fixed A4 with no ellipsis) and fall back to the full `answer`/`details`
|
|
* record when an item has none — the builder's A4 fit guard then fails closed
|
|
* instead of silently dropping information.
|
|
*/
|
|
const copyHtml = (value) => htmlEscape(stripInlineSources(value))
|
|
const briefOr = (brief, fallback) => brief?.title ?? fallback
|
|
const noteOr = (brief, fallback) => brief?.note ?? fallback
|
|
|
|
const phaseBadge = (phase) => `<span class="phase">${htmlEscape(dossierPhaseLabel(phase))}</span>`
|
|
|
|
const placeholder = (label) =>
|
|
`<span class="placeholder-bar" aria-label="${htmlEscape(label)}"></span>`
|
|
|
|
const valueCell = (value, widthLabel = 'Valor desconhecido') =>
|
|
value === null || value === undefined || value === ''
|
|
? placeholder(widthLabel)
|
|
: `<strong>${htmlEscape(value)}</strong>`
|
|
|
|
const assetBox = (title, lines) =>
|
|
`<div class="asset-box"><p class="asset-title">${htmlEscape(title)}</p><p>${lines
|
|
.map((line) => htmlEscape(line))
|
|
.join('<br />')}</p></div>`
|
|
|
|
/** cover + trajetória + resumo + região + fontes (eras and gap sheets added separately). */
|
|
const SHEET_COUNT_BASE = 5
|
|
const pageCount = (report) => report.meta.pageTotal
|
|
|
|
/** Gaps are paginated, never truncated: 7 full-text rows per A4 sheet. */
|
|
const GAPS_PER_PAGE = 7
|
|
|
|
/** News are paginated, never truncated: 10 full-title rows per A4 sheet. */
|
|
const NEWS_PER_PAGE = 10
|
|
|
|
/** Era "Atuação registrada" cards: 2 on the first sheet, 6 per continuation sheet. */
|
|
const ERA_ACTIONS_FIRST_SHEET = 2
|
|
const ERA_ACTIONS_PER_SHEET = 6
|
|
|
|
const chunkGaps = (gaps) => {
|
|
const list = Array.isArray(gaps) ? gaps : []
|
|
if (list.length === 0) return [[]]
|
|
const chunks = []
|
|
for (let index = 0; index < list.length; index += GAPS_PER_PAGE) {
|
|
chunks.push(list.slice(index, index + GAPS_PER_PAGE))
|
|
}
|
|
return chunks
|
|
}
|
|
|
|
const chunkNews = (news) => {
|
|
const list = Array.isArray(news) ? news : []
|
|
const chunks = []
|
|
for (let index = 0; index < list.length; index += NEWS_PER_PAGE) {
|
|
chunks.push(list.slice(index, index + NEWS_PER_PAGE))
|
|
}
|
|
return chunks
|
|
}
|
|
|
|
/**
|
|
* Era action cards, paginated so no sourced fact is dropped: the first sheet
|
|
* carries the design's 2 cards (with method + numbers + honors), and the rest
|
|
* flow to continuation sheets.
|
|
*/
|
|
const chunkEraActions = (era) => {
|
|
const actions = Array.isArray(era.actions) ? era.actions : []
|
|
const first = actions.slice(0, ERA_ACTIONS_FIRST_SHEET)
|
|
const rest = actions.slice(ERA_ACTIONS_FIRST_SHEET)
|
|
const chunks = [first]
|
|
for (let index = 0; index < rest.length; index += ERA_ACTIONS_PER_SHEET) {
|
|
chunks.push(rest.slice(index, index + ERA_ACTIONS_PER_SHEET))
|
|
}
|
|
return chunks
|
|
}
|
|
|
|
const timelineGrid = (rows) => `
|
|
<div class="timeline-grid">
|
|
${rows
|
|
.map(
|
|
(row) => `<div class="timeline-cell">
|
|
<p class="timeline-period">${htmlEscape(row.period)}</p>
|
|
<p class="timeline-role">${htmlEscape(row.role)}</p>
|
|
<p class="timeline-recovery">${htmlEscape(row.recovery)}${row.uncertain ? ` · ${htmlEscape(row.uncertain)}` : ''}</p>
|
|
</div>`,
|
|
)
|
|
.join('')}
|
|
</div>`
|
|
|
|
const sheetHeader = (report, title, subtitle, pageNo) => `
|
|
<header class="report-header">
|
|
<div>
|
|
<p class="report-kicker">Dossiê de atuação pública · ${htmlEscape(report.meta.municipalityName)}</p>
|
|
<h2 class="sheet-title">${htmlEscape(title)}</h2>
|
|
${subtitle ? `<p class="sheet-sub">${htmlEscape(subtitle)}</p>` : ''}
|
|
</div>
|
|
<div class="report-meta">
|
|
<p><strong>Gerado em ${htmlEscape(formatDateTimeBr(report.meta.generatedAt))}</strong></p>
|
|
<p>INSUMO INTERNO</p>
|
|
<p>pág. ${pageNo}/${pageCount(report)}</p>
|
|
</div>
|
|
</header>`
|
|
|
|
const sheetFooter = (report, left, pageNo) => `
|
|
<footer class="report-footer">
|
|
<span>Dossiê Solla por cidade · ${htmlEscape(report.meta.municipalityName)} · ${htmlEscape(left)}</span>
|
|
<span>Gerado em ${htmlEscape(formatDateTimeBr(report.meta.generatedAt))} · pág. ${pageNo}/${pageCount(report)}</span>
|
|
</footer>`
|
|
|
|
const renderCover = (report) => `
|
|
<article class="sheet sheet-cover" data-page="capa" aria-label="Capa do dossiê">
|
|
<div class="accent-bar"></div>
|
|
<header class="cover-head">
|
|
<div>
|
|
<p class="report-kicker">${htmlEscape(report.cover.kicker)}</p>
|
|
<p class="cover-series">${htmlEscape(report.cover.series)}</p>
|
|
</div>
|
|
<div class="internal-note"><strong>${htmlEscape(report.cover.internalNote)}</strong><br />${htmlEscape(report.cover.internalNoteSub)}</div>
|
|
</header>
|
|
|
|
<div class="cover-block">
|
|
<p class="eyebrow">${htmlEscape(report.cover.eyebrow)}</p>
|
|
<h1 class="cover-title">${htmlEscape(report.cover.title)}</h1>
|
|
<p class="cover-sub">${htmlEscape(report.cover.subtitle)}</p>
|
|
</div>
|
|
|
|
<dl class="cover-dl">
|
|
<dt>Território de Identidade</dt><dd>${htmlEscape(report.cover.territory)}</dd>
|
|
<dt>Região / polo adotado</dt><dd>${htmlEscape(report.cover.pole)}</dd>
|
|
<dt>Data de geração</dt><dd class="tabular">${htmlEscape(formatDateTimeBr(report.meta.generatedAt))}</dd>
|
|
</dl>
|
|
|
|
<div class="cover-grid">
|
|
<div class="how-to"><p class="how-to-title">Como usar</p><p>${htmlEscape(report.cover.howToUse)}</p></div>
|
|
${assetBox('NEEDS ASSET', ['selo institucional autorizado', 'opcional — nunca marca de campanha'])}
|
|
</div>
|
|
|
|
<div class="cover-foot">
|
|
<div class="ink-rule"></div>
|
|
<div class="cover-foot-row">
|
|
<p class="cover-scope">${htmlEscape(report.cover.scope)}</p>
|
|
<p class="cover-version">${htmlEscape(report.cover.version)}</p>
|
|
</div>
|
|
</div>
|
|
</article>`
|
|
|
|
const renderTimeline = (report) => `
|
|
<section class="block">
|
|
<div class="block-head">
|
|
<div><p class="eyebrow">01 · trajetória</p><h3 class="section-title">Linha do tempo da carreira</h3></div>
|
|
<p class="meta">Período + papel + trilha de recuperação</p>
|
|
</div>
|
|
${timelineGrid(report.page1.timeline)}
|
|
</section>`
|
|
|
|
const renderTrajectory = (report, pageNo) => `
|
|
<article class="sheet" data-page="trajetoria" aria-label="Trajetória completa">
|
|
${sheetHeader(report, 'Trajetória completa', 'Todos os períodos da carreira e como cada um foi recuperado', pageNo)}
|
|
${timelineGrid(report.trajectory)}
|
|
<p class="meta">Períodos incertos ficam marcados na própria linha; o acervo interno de falas cobre 2011+ e o que falta vira lacuna explícita.</p>
|
|
${sheetFooter(report, 'Trajetória', pageNo)}
|
|
</article>`
|
|
|
|
const renderDeliveries = (report) => {
|
|
if (report.page1.deliveries.length === 0) return ''
|
|
return `
|
|
<section class="block">
|
|
<div class="block-head">
|
|
<div><p class="eyebrow">02 · destaques com lastro</p><h3 class="section-title">Principais entregas localizadas</h3></div>
|
|
</div>
|
|
<div class="deliveries">
|
|
${report.page1.deliveries
|
|
.map(
|
|
(row) => `<div class="delivery-row">
|
|
<div class="delivery-scope">${scopeBadge(row.sphere)}<p class="meta">Era ${htmlEscape(row.era)}${row.year ? ` · ${htmlEscape(row.year)}` : ''}</p></div>
|
|
<div>
|
|
<p class="delivery-title">${copyHtml(briefOr(row.brief, row.title))}</p>
|
|
${noteOr(row.brief, row.detail) ? `<p class="muted small">${copyHtml(noteOr(row.brief, row.detail))}</p>` : ''}
|
|
</div>
|
|
<div class="delivery-value">
|
|
<p class="value-big tabular">${valueCell(row.value, 'Valor não informado')}</p>
|
|
${row.phase ? phaseBadge(row.phase) : ''}
|
|
${sourceLink(row.sourceUrl)}
|
|
</div>
|
|
</div>`,
|
|
)
|
|
.join('')}
|
|
</div>
|
|
<p class="muted small strong">Guarda de leitura: autorizado ≠ empenhado ≠ liquidado ≠ pago. A fase acompanha cada valor.</p>
|
|
</section>`
|
|
}
|
|
|
|
const renderHooksAndPending = (report) => {
|
|
const hooks = report.page1.hooks
|
|
const pending = report.page1.pending
|
|
if (hooks.length === 0 && pending.length === 0) return ''
|
|
return `
|
|
<section class="page1-grid">
|
|
${
|
|
hooks.length
|
|
? `<div class="panel">
|
|
<p class="eyebrow">03 · ganchos para o boletim</p>
|
|
<ul class="tight-list">${hooks
|
|
.map(
|
|
(hook) =>
|
|
`<li><strong>Tema:</strong> ${htmlEscape(hook.topic)}. <strong>Ângulo:</strong> ${copyHtml(briefOr(hook.brief, hook.angle))} ${sourceLink(hook.sourceUrl)}</li>`,
|
|
)
|
|
.join('')}</ul>
|
|
</div>`
|
|
: '<div></div>'
|
|
}
|
|
${
|
|
pending.length
|
|
? `<div class="panel panel-warning">
|
|
<p class="eyebrow warning-text">04 · o que falta</p>
|
|
<ul class="tight-list">${pending.map((item) => `<li>${htmlEscape(item)}</li>`).join('')}</ul>
|
|
<p class="warning-text small strong">Ausência é resultado: não completar por inferência.</p>
|
|
</div>`
|
|
: '<div></div>'
|
|
}
|
|
</section>`
|
|
}
|
|
|
|
const renderSummary = (report, pageNo) => `
|
|
<article class="sheet" data-page="resumo" aria-label="Resumo de uma olhada">
|
|
${sheetHeader(report, 'Resumo de uma olhada', `${report.meta.region} · informação datada e pronta para conferência`, pageNo)}
|
|
${renderTimeline(report)}
|
|
${renderDeliveries(report)}
|
|
${renderHooksAndPending(report)}
|
|
${sheetFooter(report, 'Resumo', pageNo)}
|
|
</article>`
|
|
|
|
const renderActionGrid = (actions) => `
|
|
<div class="action-grid">
|
|
${actions
|
|
.map(
|
|
(action) => `<article class="panel">
|
|
<div class="action-head">${scopeBadge(action.sphere)}<span class="meta">${htmlEscape(action.year ?? '—')}</span></div>
|
|
<h4 class="action-title">${copyHtml(briefOr(action.brief, action.title))}</h4>
|
|
${noteOr(action.brief, action.detail) ? `<p class="muted small">${copyHtml(noteOr(action.brief, action.detail))}</p>` : ''}
|
|
${sourceLink(action.sourceUrl)}
|
|
</article>`,
|
|
)
|
|
.join('')}
|
|
</div>`
|
|
|
|
const renderEraPage = (report, era, actions, index, pageNo) => {
|
|
const first = index === 0
|
|
const slug = era.id.toLowerCase()
|
|
const anchor = first ? `era-${slug}` : `era-${slug}-${index + 1}`
|
|
const subtitle = first
|
|
? `${era.period} · ${era.subtitle}`
|
|
: `Atuação registrada · continuação ${index + 1}`
|
|
return `
|
|
<article class="sheet" data-page="${anchor}" aria-label="${htmlEscape(era.label)}">
|
|
${sheetHeader(report, era.label, subtitle, pageNo)}
|
|
|
|
${
|
|
first
|
|
? `<div class="era-method">
|
|
<div>
|
|
<p class="eyebrow">Recorte e método</p>
|
|
<p class="muted">${htmlEscape(era.method)}</p>
|
|
</div>
|
|
<aside class="aside-accent"><strong>Trilha de recuperação</strong><br />${htmlEscape(era.recovery)}</aside>
|
|
</div>
|
|
|
|
${
|
|
era.numbers.length
|
|
? `<section class="block">
|
|
<div class="block-head">
|
|
<div><p class="eyebrow">Números com fase</p><h3 class="section-title">Recursos e entregas quantificáveis</h3></div>
|
|
</div>
|
|
<table class="document-table">
|
|
<caption class="sr-only">Valores por ano, fase, esfera e fonte</caption>
|
|
<colgroup><col style="width:26%" /><col style="width:15%" /><col style="width:10%" /><col style="width:17%" /><col style="width:12%" /><col style="width:20%" /></colgroup>
|
|
<thead><tr><th>Objeto</th><th>Valor</th><th>Ano</th><th>Fase</th><th>Esfera</th><th>Fonte</th></tr></thead>
|
|
<tbody>${era.numbers
|
|
.map(
|
|
(row) => `<tr>
|
|
<td>${htmlEscape(row.object)}</td>
|
|
<td class="numeric">${valueCell(row.value, 'Valor a recuperar')}</td>
|
|
<td class="numeric">${htmlEscape(row.year ?? '—')}</td>
|
|
<td>${phaseBadge(row.phase)}</td>
|
|
<td>${scopeBadge(row.sphere)}</td>
|
|
<td>${sourceLink(row.sourceUrl)}${row.sphere !== 'municipio' ? '<br /><span class="meta">não somar à cidade</span>' : ''}</td>
|
|
</tr>`,
|
|
)
|
|
.join('')}</tbody>
|
|
</table>
|
|
</section>`
|
|
: ''
|
|
}`
|
|
: ''
|
|
}
|
|
|
|
${
|
|
actions.length
|
|
? `<section class="block">
|
|
<p class="eyebrow">Atuação registrada</p>
|
|
<h3 class="section-title">O que fez — item, alcance e lastro</h3>
|
|
${renderActionGrid(actions)}
|
|
</section>`
|
|
: ''
|
|
}
|
|
|
|
${
|
|
first && era.honors.length
|
|
? `<section class="block honors">
|
|
<div class="panel">
|
|
<p class="eyebrow">Títulos, honrarias e vínculos locais</p>
|
|
<ul class="tight-list">${era.honors
|
|
.map(
|
|
(honor) =>
|
|
`<li>${copyHtml(briefOr(honor.brief, honor.text))} ${sourceLink(honor.sourceUrl)}</li>`,
|
|
)
|
|
.join('')}</ul>
|
|
</div>
|
|
${assetBox('NEEDS ASSET', ['reprodução do ato ou clipping', 'somente com origem e licença'])}
|
|
</section>`
|
|
: ''
|
|
}
|
|
|
|
${sheetFooter(report, era.label, pageNo)}
|
|
</article>`
|
|
}
|
|
|
|
const renderScopeLists = (report) => `
|
|
<section class="block">
|
|
<p class="eyebrow">Leitura lado a lado</p>
|
|
<h3 class="section-title">Duas listas, dois totais, nenhuma soma</h3>
|
|
<div class="scope-compare">
|
|
<div class="panel">
|
|
<div class="action-head">${scopeBadge('municipio')}<span class="meta strong">${report.region.municipal.total} ${report.region.municipal.total === 1 ? 'item' : 'itens'} com fonte</span></div>
|
|
<ul class="tight-list">${report.region.municipal.items
|
|
.map(
|
|
(item) =>
|
|
`<li>${copyHtml(item.brief?.title ?? item.answer)} ${sourceLink(item.sourceUrl)}</li>`,
|
|
)
|
|
.join(
|
|
'',
|
|
)}${report.region.municipal.items.length === 0 ? '<li class="muted">Nenhum item municipal com fonte.</li>' : ''}</ul>
|
|
</div>
|
|
<div class="compare-mid" aria-hidden="true"><span>≠</span></div>
|
|
<div class="panel panel-region">
|
|
<div class="action-head">${scopeBadge('regiao', 'região / polo')}<span class="warning-text meta strong">SEM TOTAL COMBINADO · ${report.region.regional.total} ${report.region.regional.total === 1 ? 'item' : 'itens'}</span></div>
|
|
<ul class="tight-list">${report.region.regional.items
|
|
.map(
|
|
(item) =>
|
|
`<li>${copyHtml(item.brief?.title ?? item.answer)} ${sourceLink(item.sourceUrl)}</li>`,
|
|
)
|
|
.join(
|
|
'',
|
|
)}${report.region.regional.items.length === 0 ? '<li class="muted">Nenhum item regional com fonte.</li>' : ''}</ul>
|
|
</div>
|
|
</div>
|
|
</section>`
|
|
|
|
const renderRegion = (report, pageNo) => `
|
|
<article class="sheet" data-page="regiao" aria-label="Recorte regional e polo">
|
|
${sheetHeader(report, 'Região / polo', 'Impacto compartilhado, apresentado fora da conta municipal', pageNo)}
|
|
|
|
<section class="rule-warning">
|
|
${WARNING_ICON}
|
|
<div>
|
|
<p class="rule-title">${htmlEscape(report.region.ruleTitle)}</p>
|
|
<p class="muted">${htmlEscape(report.region.ruleBody)}</p>
|
|
</div>
|
|
</section>
|
|
|
|
${
|
|
report.region.context.length
|
|
? `<p class="meta">Contexto municipal (IBGE): ${report.region.context
|
|
.map(
|
|
(item) => `${copyHtml(item.detail)} ${sourceLink(item.sourceUrl, `(${item.topic})`)}`,
|
|
)
|
|
.join(' · ')} — leitura relativa, nunca % estadual absoluto.</p>`
|
|
: ''
|
|
}
|
|
|
|
${renderScopeLists(report)}
|
|
|
|
${
|
|
report.region.items.length
|
|
? `<section class="block">
|
|
<div class="block-head"><div><p class="eyebrow">Itens regionais recuperados</p><h3 class="section-title">Evidência de alcance, sem apropriação local</h3></div>${scopeBadge('regiao')}</div>
|
|
<table class="document-table">
|
|
<caption class="sr-only">Itens do recorte regional com evidência e fonte</caption>
|
|
<colgroup><col style="width:30%" /><col style="width:15%" /><col style="width:34%" /><col style="width:21%" /></colgroup>
|
|
<thead><tr><th>Item</th><th>Esfera</th><th>Evidência de alcance</th><th>Fonte</th></tr></thead>
|
|
<tbody>${report.region.items
|
|
.map(
|
|
(item) => `<tr>
|
|
<td>${copyHtml(briefOr(item.brief, item.item))}</td>
|
|
<td>${scopeBadge(item.sphere)}</td>
|
|
<td>${copyHtml(noteOr(item.brief, item.evidence))}</td>
|
|
<td>${sourceLink(item.sourceUrl)}</td>
|
|
</tr>`,
|
|
)
|
|
.join('')}</tbody>
|
|
</table>
|
|
</section>`
|
|
: ''
|
|
}
|
|
|
|
${
|
|
report.region.hook || report.region.priorityGap
|
|
? `<section class="page1-grid">
|
|
${
|
|
report.region.hook
|
|
? `<div class="aside-accent"><p class="eyebrow">Gancho possível</p><p><strong>Tema:</strong> ${htmlEscape(report.region.hook.topic)}. <strong>Ângulo:</strong> ${copyHtml(briefOr(report.region.hook.brief, report.region.hook.angle))} ${sourceLink(report.region.hook.sourceUrl)}</p></div>`
|
|
: '<div></div>'
|
|
}
|
|
${
|
|
report.region.priorityGap
|
|
? `<div class="panel panel-warning"><p class="eyebrow warning-text">Lacuna prioritária</p><p>${htmlEscape(report.region.priorityGap)}</p></div>`
|
|
: '<div></div>'
|
|
}
|
|
</section>`
|
|
: ''
|
|
}
|
|
|
|
${sheetFooter(report, 'Região/polo · recortes não somáveis', pageNo)}
|
|
</article>`
|
|
|
|
const renderGapsPage = (report, chunk, index, pageNo) => {
|
|
const rows = chunk.length
|
|
? chunk
|
|
.map(
|
|
(gap) => `<tr>
|
|
<td><strong>${htmlEscape(gap.label)}</strong></td>
|
|
<td>${htmlEscape(gap.reason)}</td>
|
|
<td>Não completar por inferência.</td>
|
|
<td>${htmlEscape(gap.nextStep)}</td>
|
|
</tr>`,
|
|
)
|
|
.join('')
|
|
: '<tr><td colspan="4" class="muted">Nenhuma lacuna declarada — confira a cobertura das eras.</td></tr>'
|
|
return `
|
|
<article class="sheet" data-page="lacunas${index > 0 ? `-${index + 1}` : ''}" aria-label="Lacunas explícitas">
|
|
${sheetHeader(report, 'Lacunas explícitas', `O que não foi encontrado${index > 0 ? ` (continuação ${index + 1})` : ''}`, pageNo)}
|
|
<section class="block">
|
|
<div class="block-head"><div><p class="eyebrow">O que não foi encontrado</p><h3 class="section-title">Lacunas explícitas</h3></div><p class="warning-text meta strong">Não completar por memória ou inferência</p></div>
|
|
<table class="document-table">
|
|
<caption class="sr-only">Tabela de lacunas explícitas e próximos passos de apuração</caption>
|
|
<colgroup><col style="width:26%" /><col style="width:30%" /><col style="width:24%" /><col style="width:20%" /></colgroup>
|
|
<thead><tr><th>Lacuna</th><th>Situação da busca</th><th>Limite editorial</th><th>Próximo passo</th></tr></thead>
|
|
<tbody>${rows}</tbody>
|
|
</table>
|
|
</section>
|
|
${sheetFooter(report, 'Lacunas explícitas · INSUMO INTERNO', pageNo)}
|
|
</article>`
|
|
}
|
|
|
|
const renderNewsPage = (report, chunk, index, pageNo) => `
|
|
<article class="sheet" data-page="noticias${index > 0 ? `-${index + 1}` : ''}" aria-label="Notícias e documentos consultados">
|
|
${sheetHeader(report, 'Notícias e documentos consultados', `Fontes externas datadas${index > 0 ? ` (continuação ${index + 1})` : ''}`, pageNo)}
|
|
<section class="block">
|
|
<p class="eyebrow">Lista clicável</p>
|
|
<h3 class="section-title">Notícias e documentos consultados</h3>
|
|
<table class="document-table">
|
|
<caption class="sr-only">Fontes consultadas com largura fixa: data 12%, veículo 13%, título 47% e link 28%</caption>
|
|
<colgroup><col style="width:12%" /><col style="width:13%" /><col style="width:47%" /><col style="width:28%" /></colgroup>
|
|
<thead><tr><th>Data</th><th>Veículo</th><th>Título</th><th>Link</th></tr></thead>
|
|
<tbody>${chunk
|
|
.map(
|
|
(row) => `<tr>
|
|
<td class="numeric nowrap">${htmlEscape(formatShortDateBr(row.date))}</td>
|
|
<td>${htmlEscape(row.outlet)}</td>
|
|
<td>${htmlEscape(row.title)}</td>
|
|
<td>${sourceLink(row.url, '(fonte)')}</td>
|
|
</tr>`,
|
|
)
|
|
.join('')}</tbody>
|
|
</table>
|
|
</section>
|
|
${sheetFooter(report, 'Notícias e documentos consultados · INSUMO INTERNO', pageNo)}
|
|
</article>`
|
|
|
|
const renderSourcesPage = (report, pageNo) => `
|
|
<article class="sheet" data-page="fontes" aria-label="Fontes e limites do dossiê">
|
|
${sheetHeader(report, 'Fontes e limites', 'O que foi consultado e o que não se pode afirmar', pageNo)}
|
|
|
|
<section class="page1-grid">
|
|
<div class="panel"><p class="eyebrow">Limites de cobertura</p><ul class="tight-list">${report.limits.coverage
|
|
.map((item) => `<li>${htmlEscape(item)}</li>`)
|
|
.join('')}</ul></div>
|
|
<div class="panel"><p class="eyebrow">Regras para uso editorial</p><ul class="tight-list">${report.limits.editorial
|
|
.map((item) => `<li>${htmlEscape(item)}</li>`)
|
|
.join('')}</ul></div>
|
|
</section>
|
|
|
|
<aside class="rule-warning defeso">
|
|
${WARNING_ICON}
|
|
<div>
|
|
<p class="eyebrow warning-text">Nota de defeso eleitoral 2026</p>
|
|
<h3 class="rule-title">Insumo interno não é autorização para publicar.</h3>
|
|
<p class="muted">Publicidade institucional e propaganda eleitoral obedecem a regimes diferentes. Antes de adaptar qualquer trecho para peça externa, submeta texto, imagem, autoria, período e canal à revisão responsável. Este dossiê organiza evidências; não substitui análise jurídica nem editorial.</p>
|
|
</div>
|
|
</aside>
|
|
|
|
${sheetFooter(report, 'Fontes e limites · INSUMO INTERNO', pageNo)}
|
|
</article>`
|
|
|
|
const PRINT_CSS = `
|
|
* { box-sizing: border-box; }
|
|
html, body { margin: 0; padding: 0; }
|
|
body { font-family: 'Fira Sans', 'DejaVu Sans', Arial, sans-serif; color: #172033; font-size: 10.5pt; line-height: 1.32; background: #fff; }
|
|
@page { size: A4; margin: 0; }
|
|
.sheet {
|
|
position: relative;
|
|
width: 210mm;
|
|
min-height: 297mm;
|
|
height: 297mm;
|
|
padding: 12mm 14mm 10mm;
|
|
background: #fff;
|
|
display: flex;
|
|
flex-direction: column;
|
|
overflow: hidden;
|
|
break-after: page;
|
|
}
|
|
.sheet:last-child { break-after: auto; }
|
|
.sheet p, .sheet ul, .sheet ol, .sheet dl { margin-top: 0; }
|
|
.sheet a { color: #245b78; text-decoration: underline; text-underline-offset: 1.5px; }
|
|
.accent-bar { position: absolute; left: 0; top: 0; width: 4mm; height: 297mm; background: #315c75; }
|
|
.report-header { display: flex; justify-content: space-between; gap: 8mm; align-items: flex-start; padding-bottom: 3mm; border-bottom: .45mm solid #172033; }
|
|
.report-kicker { margin: 0; color: #315c75; font-size: 8pt; font-weight: 700; letter-spacing: .13em; text-transform: uppercase; }
|
|
.sheet-title { margin: 1.2mm 0 0; font-size: 18pt; font-weight: 700; line-height: 1.1; letter-spacing: -.02em; }
|
|
.sheet-sub { margin: .8mm 0 0; font-size: 10.5pt; color: #435264; }
|
|
.report-meta { min-width: 43mm; margin: 0; color: #435264; font-size: 8pt; line-height: 1.45; text-align: right; font-variant-numeric: tabular-nums; }
|
|
.report-meta p { margin: 0; }
|
|
.report-footer { margin-top: auto; padding-top: 2.5mm; border-top: .25mm solid #cbd5dc; display: flex; justify-content: space-between; gap: 5mm; color: #435264; font-size: 8pt; line-height: 1.3; }
|
|
.section-title { margin: 0; font-size: 13.5pt; line-height: 1.18; letter-spacing: -.01em; }
|
|
.eyebrow { margin: 0 0 1.4mm; color: #315c75; font-size: 8pt; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
|
|
.eyebrow.warning-text, .warning-text { color: #8a5a18; }
|
|
.muted { color: #435264; }
|
|
.small { font-size: 10.5pt; line-height: 1.28; }
|
|
.meta { font-size: 7.7pt; line-height: 1.2; color: #435264; }
|
|
.strong { font-weight: 600; }
|
|
.tabular { font-variant-numeric: tabular-nums; }
|
|
.nowrap { white-space: nowrap; }
|
|
.sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
|
|
.block { margin-top: 3.4mm; break-inside: avoid; }
|
|
.block-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 4mm; }
|
|
.source-link { display: inline-flex; align-items: baseline; gap: 1mm; white-space: nowrap; font-size: 9pt; font-weight: 600; }
|
|
.source-link svg { width: 3mm; height: 3mm; transform: translateY(.35mm); }
|
|
.scope { display: inline-flex; align-items: center; min-height: 5mm; padding: .4mm 1.6mm; border: .25mm solid #9aacb7; border-radius: 99px; color: #304758; background: #f7fafb; font-size: 7.5pt; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; }
|
|
.scope-region { border-color: #aa8752; color: #6b4918; background: #fff9ee; }
|
|
.phase { display: inline-block; padding: .5mm 1.4mm; border-radius: 1mm; background: #e9eef1; color: #334553; font-size: 7.5pt; font-weight: 700; text-transform: uppercase; letter-spacing: .035em; }
|
|
.document-table { width: 100%; table-layout: fixed; border-collapse: collapse; font-size: 10.5pt; line-height: 1.22; margin-top: 2.5mm; }
|
|
.document-table th { padding: 1.7mm 1.6mm; border-top: .25mm solid #cbd5dc; border-bottom: .35mm solid #9caab3; background: #f3f6f8; color: #435264; font-size: 7.5pt; font-weight: 700; letter-spacing: .045em; text-align: left; text-transform: uppercase; }
|
|
.document-table td { padding: 2mm 1.6mm; border-bottom: .25mm solid #dce3e7; vertical-align: top; overflow-wrap: anywhere; }
|
|
.document-table tbody tr:nth-child(even) { background: #fafcfd; }
|
|
.document-table .numeric { font-variant-numeric: tabular-nums; white-space: nowrap; }
|
|
.placeholder-bar { display: inline-block; width: 22mm; height: 2.6mm; border-radius: 1mm; background: #d8e0e5; vertical-align: middle; }
|
|
.asset-box { border: .35mm dashed #80919d; color: #4c5c68; background: #f7f9fa; padding: 3mm; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; min-height: 30mm; border-radius: .25rem; font-size: 8pt; font-weight: 600; }
|
|
.asset-box p { margin: 0; }
|
|
.asset-box .asset-title { text-transform: uppercase; letter-spacing: .08em; }
|
|
.timeline-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.8mm; margin-top: 2.5mm; }
|
|
.timeline-cell { border-top: 1.6px solid #315c75; background: #f3f6f8; padding: 2mm; }
|
|
.timeline-period { margin: 0; font-size: 7.6pt; font-weight: 700; color: #315c75; }
|
|
.timeline-role { margin: .8mm 0 0; font-size: 10.5pt; font-weight: 600; line-height: 1.16; }
|
|
.timeline-recovery { margin: .7mm 0 0; font-size: 7.5pt; line-height: 1.16; color: #435264; }
|
|
.deliveries { border-top: .25mm solid #cbd5dc; border-bottom: .25mm solid #cbd5dc; margin-top: 1.8mm; }
|
|
.delivery-row { display: grid; grid-template-columns: 26mm 1fr 42mm; gap: 3mm; padding: 2mm 0; border-bottom: .25mm solid #cbd5dc; }
|
|
.delivery-row:last-child { border-bottom: none; }
|
|
.delivery-title { margin: 0; font-weight: 600; }
|
|
.delivery-value { text-align: right; }
|
|
.value-big { margin: 0; font-size: 14pt; font-weight: 600; }
|
|
.page1-grid { display: grid; grid-template-columns: 1.15fr .85fr; gap: 3mm; margin-top: 3.2mm; break-inside: avoid; }
|
|
.panel { border: .25mm solid #cbd5dc; border-radius: .25rem; padding: 3mm; break-inside: avoid; }
|
|
.panel-warning { border: none; border-left: 3mm solid #8a5a18; background: #fff7e8; }
|
|
.panel-region { border: .35mm solid #c9a66d; background: #fffbf3; }
|
|
.tight-list { margin: 0; padding-left: 4mm; }
|
|
.tight-list li { margin-bottom: 1mm; }
|
|
.aside-accent { border-radius: .25rem; background: #e8f0f4; padding: 3mm; font-size: 10.5pt; line-height: 1.35; }
|
|
.era-method { display: grid; grid-template-columns: 1fr 55mm; gap: 4mm; margin-top: 4mm; }
|
|
.action-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 3mm; margin-top: 3mm; }
|
|
.action-head { display: flex; align-items: center; justify-content: space-between; gap: 3mm; }
|
|
.action-title { margin: 2mm 0 0; font-size: 10.5pt; font-weight: 600; }
|
|
.honors { display: grid; grid-template-columns: 1fr 58mm; gap: 4mm; }
|
|
.rule-warning { display: flex; align-items: flex-start; gap: 3mm; border: .45mm solid #8a5a18; background: #fff7e8; border-radius: .25rem; padding: 4mm; margin-top: 4mm; }
|
|
.rule-warning .warn-icon { width: 5mm; height: 5mm; color: #8a5a18; flex-shrink: 0; margin-top: .5mm; }
|
|
.rule-title { margin: 0; font-size: 12pt; font-weight: 700; color: #8a5a18; }
|
|
.rule-warning .muted { margin-bottom: 0; }
|
|
.scope-compare { display: grid; grid-template-columns: 1fr 12mm 1fr; align-items: stretch; gap: 3mm; margin-top: 3mm; }
|
|
.compare-mid { display: flex; flex-direction: column; align-items: center; justify-content: center; color: #8a5a18; }
|
|
.compare-mid::before, .compare-mid::after { content: ''; width: 1px; flex: 1; background: #d8c09a; }
|
|
.compare-mid span { font-size: 18pt; font-weight: 700; margin: 2mm 0; }
|
|
.cover-head { display: flex; justify-content: space-between; align-items: flex-start; gap: 8mm; border-bottom: .25mm solid #cbd5dc; padding-bottom: 4mm; }
|
|
.cover-series { margin: 2mm 0 0; font-size: 10.5pt; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: #435264; }
|
|
.internal-note { border: .25mm solid #cbd5dc; background: #f3f6f8; padding: 2mm 3mm; text-align: right; font-size: 8pt; line-height: 1.5; color: #435264; border-radius: .25rem; }
|
|
.cover-block { margin-top: 28mm; max-width: 150mm; }
|
|
.cover-title { margin: 0; font-size: 34pt; font-weight: 700; line-height: 1.03; letter-spacing: -.035em; }
|
|
.cover-sub { margin: 5mm 0 0; max-width: 125mm; font-size: 15pt; line-height: 1.4; color: #435264; }
|
|
.cover-dl { display: grid; grid-template-columns: 42mm 1fr; border-top: .25mm solid #cbd5dc; border-bottom: .25mm solid #cbd5dc; margin: 22mm 0 0; font-size: 11pt; }
|
|
.cover-dl dt { border-bottom: .25mm solid #cbd5dc; padding: 3mm 0; font-weight: 600; color: #435264; }
|
|
.cover-dl dd { margin: 0; border-bottom: .25mm solid #cbd5dc; padding: 3mm 0; font-weight: 600; }
|
|
.cover-dl dt:last-of-type, .cover-dl dd:last-of-type { border-bottom: none; }
|
|
.cover-grid { display: grid; grid-template-columns: 1fr 56mm; gap: 5mm; margin-top: 6mm; }
|
|
.how-to { border-radius: .25rem; background: #e8f0f4; padding: 4mm; }
|
|
.how-to .how-to-title { margin: 0; font-size: 10.5pt; font-weight: 700; text-transform: uppercase; letter-spacing: .08em; color: #315c75; }
|
|
.how-to p { margin: 2mm 0 0; font-size: 10.5pt; line-height: 1.35; color: #435264; }
|
|
.cover-foot { margin-top: auto; }
|
|
.cover-foot .ink-rule { height: .5mm; background: #172033; margin-bottom: 5mm; }
|
|
.cover-foot-row { display: flex; align-items: flex-end; justify-content: space-between; gap: 8mm; }
|
|
.cover-scope { margin: 0; max-width: 118mm; font-size: 10.5pt; line-height: 1.4; color: #435264; }
|
|
.cover-version { margin: 0; text-align: right; font-size: 8pt; font-weight: 600; text-transform: uppercase; letter-spacing: .08em; color: #315c75; }
|
|
.defeso { margin-top: auto; }
|
|
`
|
|
|
|
export const renderDossierHtml = (report) => {
|
|
const gapChunks = chunkGaps(report.gaps)
|
|
const newsChunks = chunkNews(report.news)
|
|
const eraSheets = report.eras.map((era) => ({ era, chunks: chunkEraActions(era) }))
|
|
const eraSheetCount = eraSheets.reduce((sum, entry) => sum + entry.chunks.length, 0)
|
|
report.meta.pageTotal = SHEET_COUNT_BASE + eraSheetCount + gapChunks.length + newsChunks.length
|
|
let page = 0
|
|
const parts = []
|
|
parts.push(renderCover(report))
|
|
page += 1
|
|
parts.push(renderTrajectory(report, ++page))
|
|
parts.push(renderSummary(report, ++page))
|
|
for (const { era, chunks } of eraSheets) {
|
|
chunks.forEach((actions, index) =>
|
|
parts.push(renderEraPage(report, era, actions, index, ++page)),
|
|
)
|
|
}
|
|
parts.push(renderRegion(report, ++page))
|
|
gapChunks.forEach((chunk, index) => parts.push(renderGapsPage(report, chunk, index, ++page)))
|
|
newsChunks.forEach((chunk, index) => parts.push(renderNewsPage(report, chunk, index, ++page)))
|
|
parts.push(renderSourcesPage(report, ++page))
|
|
|
|
return `<!doctype html>
|
|
<html lang="pt-BR">
|
|
<head><meta charset="utf-8"><title>${htmlEscape(report.meta.title)} — ${htmlEscape(report.meta.municipalityName)}</title><style>${PRINT_CSS}</style></head>
|
|
<body>
|
|
${parts.join('\n')}
|
|
</body>
|
|
</html>`
|
|
}
|
|
|
|
const mdEra = (era) => {
|
|
const lines = [
|
|
`## ${era.label} (${era.period})`,
|
|
'',
|
|
`_${era.method}_`,
|
|
'',
|
|
`Trilha: ${era.recovery}`,
|
|
]
|
|
if (era.numbers.length) {
|
|
lines.push(
|
|
'',
|
|
'| Objeto | Valor | Ano | Fase | Esfera | Fonte |',
|
|
'| --- | --- | --- | --- | --- | --- |',
|
|
)
|
|
for (const row of era.numbers) {
|
|
lines.push(
|
|
`| ${row.object} | ${row.value ?? '—'} | ${row.year ?? '—'} | ${dossierPhaseLabel(row.phase)} | ${row.sphere} | ${row.sourceUrl ?? '—'} |`,
|
|
)
|
|
}
|
|
}
|
|
for (const action of era.actions) {
|
|
lines.push(
|
|
'',
|
|
`- **${stripInlineSources(action.title)}** (${action.sphere}${action.year ? ` · ${action.year}` : ''})${action.detail ? ` — ${stripInlineSources(action.detail)}` : ''} [fonte](${action.sourceUrl})`,
|
|
)
|
|
}
|
|
for (const honor of era.honors)
|
|
lines.push('', `- Honraria: ${stripInlineSources(honor.text)} [fonte](${honor.sourceUrl})`)
|
|
return lines.join('\n')
|
|
}
|
|
|
|
export const renderDossierMd = (report) => {
|
|
const lines = [
|
|
`# ${report.meta.title} — ${report.meta.municipalityName}`,
|
|
'',
|
|
`**Território de identidade:** ${report.meta.region}`,
|
|
`**Gerado em:** ${formatDateTimeBr(report.meta.generatedAt)} · **Base Teqo (read-only) lida em:** ${report.meta.readAtLabel}`,
|
|
'',
|
|
'> INSUMO INTERNO — não circular, não publicar. Documento de trabalho.',
|
|
'',
|
|
'## Linha do tempo da carreira',
|
|
'',
|
|
]
|
|
for (const row of report.trajectory) {
|
|
lines.push(
|
|
`- **${row.period}** — ${row.role}${row.uncertain ? ` _(${row.uncertain})_` : ''} · ${row.recovery}`,
|
|
)
|
|
}
|
|
|
|
if (report.page1.deliveries.length) {
|
|
lines.push('', '## Principais entregas localizadas', '')
|
|
for (const row of report.page1.deliveries) {
|
|
lines.push(
|
|
`- **${stripInlineSources(row.title)}** · _${row.sphere}_${row.value ? ` · ${row.value}` : ''}${row.phase ? ` (${dossierPhaseLabel(row.phase)})` : ''}${row.detail ? ` — ${stripInlineSources(row.detail)}` : ''} [fonte](${row.sourceUrl})`,
|
|
)
|
|
}
|
|
lines.push('', '_Autorizado ≠ empenhado ≠ liquidado ≠ pago. A fase acompanha cada valor._')
|
|
}
|
|
|
|
for (const era of report.eras) {
|
|
lines.push('', mdEra(era))
|
|
}
|
|
|
|
lines.push(
|
|
'',
|
|
'## Região / polo',
|
|
'',
|
|
`> ${report.region.ruleTitle}`,
|
|
`> ${report.region.ruleBody}`,
|
|
'',
|
|
)
|
|
lines.push('### Município', '')
|
|
for (const item of report.region.municipal.items) {
|
|
lines.push(`- ${stripInlineSources(item.answer)} — [fonte](${item.sourceUrl})`)
|
|
}
|
|
lines.push('', '### Região / polo (não somável)', '')
|
|
for (const item of report.region.regional.items) {
|
|
lines.push(`- ${stripInlineSources(item.answer)} — [fonte](${item.sourceUrl})`)
|
|
}
|
|
if (report.region.items.length) {
|
|
lines.push('', '| Item | Esfera | Evidência | Fonte |', '| --- | --- | --- | --- |')
|
|
for (const item of report.region.items) {
|
|
lines.push(
|
|
`| ${stripInlineSources(item.item)} | ${item.sphere} | ${stripInlineSources(item.evidence)} | ${item.sourceUrl} |`,
|
|
)
|
|
}
|
|
}
|
|
|
|
lines.push('', '## Lacunas explícitas', '')
|
|
if (report.gaps.length === 0) lines.push('_Nenhuma lacuna declarada._')
|
|
for (const gap of report.gaps) {
|
|
lines.push(`- **${gap.label}:** ${gap.reason} → ${gap.nextStep}`)
|
|
}
|
|
|
|
if (report.news.length) {
|
|
lines.push('', '## Notícias e documentos consultados', '')
|
|
for (const row of report.news) {
|
|
lines.push(`- ${formatDateBr(row.date)} · ${row.outlet} — ${row.title} — ${row.url}`)
|
|
}
|
|
}
|
|
|
|
lines.push(
|
|
'',
|
|
'## Limites de cobertura',
|
|
'',
|
|
...report.limits.coverage.map((item) => `- ${item}`),
|
|
'',
|
|
'## Regras para uso editorial',
|
|
'',
|
|
...report.limits.editorial.map((item) => `- ${item}`),
|
|
'',
|
|
'## Nota de defeso eleitoral 2026',
|
|
'',
|
|
'Insumo interno não é autorização para publicar. Publicidade institucional e propaganda eleitoral obedecem a regimes diferentes. Antes de adaptar qualquer trecho para peça externa, submeta texto, imagem, autoria, período e canal à revisão responsável.',
|
|
'',
|
|
`_Documento interno de campanha, datado (${formatDateTimeBr(report.meta.generatedAt)}). O dado envelhece: confira a data de leitura da base._`,
|
|
)
|
|
return `${lines.join('\n')}\n`
|
|
}
|