aiki-cli 0.2.0

package/dist/council/view.js

@@ -0,0 +1,873 @@
+import { readFile, writeFile } from 'node:fs/promises';
+import { basename, join } from 'node:path';
+import { DISPLAY_NAME } from '../providers/types.js';
+import { deriveAudit, deriveScorecard, mergeOpenQuestions } from '../orchestration/stages/s10-render.js';
+import { IDEA_RUBRIC } from '../workflows/idea-refinement.js';
+import { listArtifacts, readJsonArtifact } from '../storage/runs-read.js';
+function providerName(id) {
+    return id in DISPLAY_NAME ? DISPLAY_NAME[id] : id;
+}
+function findingLine(f) {
+    return `${f.severity}/${f.category} ${f.file}:${f.line_start}-${f.line_end} — ${f.claim}`;
+}
+function roleColumn(provider, role) {
+    if (role.workflow === 'code-review') {
+        return {
+            provider,
+            title: providerName(provider),
+            lines: role.findings.map(findingLine),
+        };
+    }
+    return {
+        provider,
+        title: providerName(provider),
+        lines: [
+            `Strongest version: ${role.strongest_version}`,
+            ...role.assumptions.map((a) => `${a.load_bearing ? 'Load-bearing' : 'Assumption'}: ${a.statement}`),
+            ...role.attacks.map((a) => `Attack: ${a.argument}`),
+            ...role.open_questions.map((q) => `Question: ${q}`),
+        ],
+    };
+}
+function judgeRulings(judge) {
+    return new Map((judge?.adjudications ?? []).map((a) => [a.id, `${a.ruling}: ${a.reasoning}`]));
+}
+function codeReviewRows(map, judge) {
+    const rulings = judgeRulings(judge);
+    const row = (kind, a) => ({
+        kind,
+        title: findingLine(a.finding),
+        detail: a.refutation ?? a.finding.evidence,
+        providers: a.reviewers,
+        ruling: rulings.get(a.finding.id),
+    });
+    return [
+        ...map.consensus.map((a) => row('consensus', a)),
+        ...map.disputed.map((a) => row('dispute', a)),
+        ...map.single_reviewer.map((a) => row('single', a)),
+    ];
+}
+function ideaRows(map, judge) {
+    const rulings = judgeRulings(judge);
+    return [
+        ...map.consensus.map((c) => ({ kind: 'consensus', title: c.statement, detail: c.evidence ?? '', providers: c.providers })),
+        ...map.contradictions.map((d) => ({
+            kind: 'dispute',
+            title: d.id,
+            detail: d.attacks.map((a) => `${providerName(a.provider)}: ${a.argument}`).join(' · '),
+            providers: d.attacks.map((a) => a.provider),
+            ruling: rulings.get(d.id),
+        })),
+        ...map.unique.map((c) => ({ kind: 'unique', title: c.statement, detail: c.evidence ?? '', providers: c.providers })),
+    ];
+}
+const SEV_ORDER = { HIGH: 0, MED: 1, MEDIUM: 1, LOW: 2 };
+function sevRank(s) {
+    return SEV_ORDER[s.toUpperCase()] ?? 1;
+}
+function maxSeverity(sevs) {
+    return [...sevs].sort((a, b) => sevRank(a) - sevRank(b))[0] ?? 'MED';
+}
+function clip(s, n) {
+    const t = s.trim();
+    return t.length > n ? `${t.slice(0, n - 1).trimEnd()}…` : t;
+}
+/** The intent-contract task is a third-person restatement ("The user is asking about …"). Strip that
+ *  meta-preamble and keep the first sentence so the masthead reads as the plain question. */
+function cleanTopic(t) {
+    let s = t.trim().replace(/^the user('?s)?\s+(is\s+asking\s+(about|for)|wants\s+to\s+know(\s+(if|whether|how))?|wants|is\s+asking|question\s+is|request\s+is|idea\s+is)\s*:?\s*/i, '');
+    s = s.charAt(0).toUpperCase() + s.slice(1);
+    const firstSentence = s.match(/^[^.?!]{25,}[.?!]/);
+    return clip(firstSentence ? firstSentence[0] : s, 200);
+}
+function computeSignal(riskCount, agreeCount) {
+    if (riskCount === 0)
+        return { tone: 'good', label: agreeCount ? 'Holds up well' : 'No major objections' };
+    const tone = riskCount >= 3 ? 'risk' : 'caution';
+    return { tone, label: agreeCount ? 'Feasible — with real caveats' : 'Proceed with caution' };
+}
+function recommendationTone(r, fallback) {
+    if (r === 'PROCEED')
+        return 'good';
+    if (r === 'STOP')
+        return 'risk';
+    if (r === 'PIVOT' || r === 'PROCEED_WITH_CONDITIONS')
+        return 'caution';
+    return fallback;
+}
+function recommendationLabel(r, fallback) {
+    if (!r)
+        return fallback;
+    return r === 'PROCEED_WITH_CONDITIONS' ? 'Proceed with conditions' : r.charAt(0) + r.slice(1).toLowerCase();
+}
+function chairPhrase(ruling) {
+    if (ruling === 'UPHOLD')
+        return 'the objection stands';
+    if (ruling === 'REJECT')
+        return 'the idea holds here';
+    return 'left to you';
+}
+function ideaDebates(map, judge) {
+    const claims = new Map([...map.consensus, ...map.unique].map((c) => [c.id, c]));
+    const adj = new Map((judge?.adjudications ?? []).map((a) => [a.id, a]));
+    return map.contradictions.map((d) => {
+        const a = adj.get(d.id);
+        const claimantProviders = [...new Set(d.claim_ids.flatMap((id) => claims.get(id)?.providers ?? []))];
+        const attackerProviders = [...new Set(d.attacks.map((x) => x.provider))];
+        return {
+            claim: d.claim_ids.map((id) => claims.get(id)?.statement ?? id).join(' / '),
+            claimantProviders,
+            attackerProviders,
+            challenge: d.attacks.map((x) => `${providerName(x.provider)}: ${x.argument}`).join('\n\n'),
+            chair: chairPhrase(a?.ruling),
+            reasoning: a?.reasoning ?? '',
+        };
+    });
+}
+function ideaSeatOutputs(roles) {
+    return roles
+        .filter((r) => r.role.workflow === 'idea-refinement' && r.provider in DISPLAY_NAME)
+        .map((r) => ({ provider: r.provider, output: r.role }));
+}
+function receiptLines(meta) {
+    const calls = meta.calls ?? [];
+    const byProvider = new Map();
+    let ms = 0;
+    for (const c of calls) {
+        byProvider.set(c.provider, (byProvider.get(c.provider) ?? 0) + 1);
+        ms += c.durationMs;
+    }
+    const providerCounts = [...byProvider.entries()].map(([p, n]) => `${providerName(p)} ${n}`).join(', ') || 'none';
+    const profiles = Object.values(meta.flag_profiles ?? {})
+        .map((p) => `${providerName(p.id)}: ${'model' in p && p.model ? p.model : 'default model'}`)
+        .join(' · ');
+    return [
+        `Calls: ${meta.call_count ?? calls.length}/${meta.budget?.limit ?? '?'}`,
+        `Per-provider: ${providerCounts}`,
+        `Recorded model time: ${(ms / 1000).toFixed(1)}s`,
+        profiles ? `Models: ${profiles}` : '',
+        meta.flags?.length ? `Flags: ${meta.flags.join(', ')}` : '',
+    ].filter(Boolean);
+}
+/** Turn the idea disagreement map + judge report into the human decision story. Deterministic. */
+function ideaNarrative(map, judge) {
+    const claims = new Map();
+    for (const c of [...map.consensus, ...map.unique])
+        claims.set(c.id, c.statement);
+    const adj = new Map((judge?.adjudications ?? []).map((a) => [a.id, a]));
+    const disputes = map.contradictions.map((d) => {
+        const a = adj.get(d.id);
+        return {
+            ruling: a?.ruling ?? '',
+            assumption: d.claim_ids.map((id) => claims.get(id) ?? id).join(' '),
+            challenge: d.attacks.map((x) => `${providerName(x.provider)}: ${x.argument}`).join('\n\n'),
+            severity: maxSeverity(d.attacks.map((x) => x.severity)),
+            reasoning: a?.reasoning ?? '',
+            providers: d.attacks.map((x) => x.provider),
+        };
+    });
+    const risks = disputes
+        .filter((d) => d.ruling === 'UPHOLD')
+        .sort((a, b) => sevRank(a.severity) - sevRank(b.severity))
+        .map(({ assumption, severity, challenge, reasoning, providers }) => ({ assumption, severity, challenge, reasoning, providers }));
+    const defended = disputes
+        .filter((d) => d.ruling === 'REJECT')
+        .map(({ assumption, challenge, reasoning }) => ({ assumption, challenge, reasoning }));
+    const agreements = map.consensus.map((c) => ({ statement: c.statement, providers: c.providers }));
+    const blindSpots = map.blind_spots ?? [];
+    const nextSteps = [
+        ...risks.map((r) => `Pressure-test the assumption “${clip(r.assumption, 130)}” — the council found it doesn't hold as stated.`),
+        ...blindSpots.map((b) => `Work out: ${b}.`),
+    ];
+    return {
+        signal: computeSignal(risks.length, agreements.length),
+        agreements,
+        risks,
+        defended,
+        blindSpots,
+        nextSteps,
+        biggestRisk: risks[0]?.assumption,
+        bestNextStep: nextSteps[0],
+    };
+}
+async function loadRoleOutputs(dir) {
+    const artifacts = await listArtifacts(dir);
+    const roleFiles = artifacts.filter((f) => f.startsWith('04-role-outputs/') && f.endsWith('.json'));
+    const roles = await Promise.all(roleFiles.map(async (file) => ({
+        provider: basename(file, '.json'),
+        role: JSON.parse(await readFile(join(dir, file), 'utf8')),
+    })));
+    return roles.sort((a, b) => providerName(a.provider).localeCompare(providerName(b.provider)));
+}
+export async function loadCouncilView(runId, dir) {
+    const meta = await readJsonArtifact(dir, 'meta.json');
+    if (!meta)
+        return null;
+    const [judge, actionPlan, roles, intent] = await Promise.all([
+        readJsonArtifact(dir, '09-judge-report.json'),
+        readJsonArtifact(dir, '09b-action-plan.json'),
+        loadRoleOutputs(dir),
+        readJsonArtifact(dir, '01-intent-contract.json'),
+    ]);
+    const columns = roles.map(({ provider, role }) => roleColumn(provider, role));
+    const verdict = judge?.verdict ?? (meta.exit_status === 'ok' ? 'Run completed without a judge verdict artifact.' : `Run ${meta.exit_status}.`);
+    let rows = [];
+    let stats = [];
+    let narrative = {};
+    if (meta.workflow === 'code-review') {
+        const map = await readJsonArtifact(dir, '07-review-map.json');
+        if (map) {
+            rows = codeReviewRows(map, judge);
+            stats = [
+                `${map.consensus.length} consensus`,
+                `${map.disputed.length} disputed`,
+                `${map.single_reviewer.length} single-reviewer`,
+            ];
+        }
+    }
+    else {
+        const map = await readJsonArtifact(dir, '07-disagreement-map.json');
+        if (map) {
+            rows = ideaRows(map, judge);
+            stats = [
+                `${map.consensus.length} consensus`,
+                `${map.contradictions.length} disputes`,
+                `${map.unique.length} unique`,
+                `${map.blind_spots.length} blind spots`,
+            ];
+            narrative = ideaNarrative(map, judge);
+            const reportV3 = Boolean(judge?.recommendation || actionPlan);
+            if (actionPlan)
+                narrative.nextSteps = actionPlan.actions.map((a) => a.action);
+            if (reportV3) {
+                const ideaSeats = ideaSeatOutputs(roles);
+                narrative = {
+                    ...narrative,
+                    recommendation: judge?.recommendation,
+                    conditions: judge?.conditions,
+                    scorecard: deriveScorecard(IDEA_RUBRIC, map),
+                    audit: judge ? deriveAudit(map, judge) : [],
+                    debates: ideaDebates(map, judge),
+                    actionPlan: actionPlan ?? undefined,
+                    openQuestions: mergeOpenQuestions(ideaSeats),
+                    receipt: receiptLines(meta),
+                };
+            }
+        }
+    }
+    const moderator = meta.roles?.judge ? providerName(meta.roles.judge) : undefined;
+    return {
+        runId,
+        workflow: meta.workflow,
+        verdict,
+        keyPoints: judge?.key_points ?? [],
+        confidence: judge?.confidence_notes ?? '',
+        dissent: judge?.dissent ?? [],
+        columns,
+        rows,
+        stats,
+        calls: `${meta.call_count}/${meta.budget.limit} provider calls`,
+        flags: meta.flags ?? [],
+        topic: intent?.task,
+        moderator,
+        ...narrative,
+    };
+}
+// ── HTML rendering ─────────────────────────────────────────────────────────────
+function escapeHtml(s) {
+    return s.replaceAll('&', '&amp;').replaceAll('<', '&lt;').replaceAll('>', '&gt;').replaceAll('"', '&quot;').replaceAll("'", '&#39;');
+}
+/** Escape then turn blank-line gaps into paragraph breaks. */
+function paras(s) {
+    return s
+        .split(/\n\s*\n/)
+        .map((p) => `<p>${escapeHtml(p.trim()).replaceAll('\n', '<br>')}</p>`)
+        .join('');
+}
+function sevClass(s) {
+    const r = sevRank(s);
+    return r === 0 ? 'sev-high' : r === 2 ? 'sev-low' : 'sev-med';
+}
+function sevLabel(s) {
+    const r = sevRank(s);
+    return r === 0 ? 'High severity' : r === 2 ? 'Low severity' : 'Medium severity';
+}
+function initials(name) {
+    return name.slice(0, 2).toUpperCase();
+}
+function providerDots(ids) {
+    const seen = new Set();
+    const names = ids.map(providerName).filter((n) => (seen.has(n) ? false : (seen.add(n), true)));
+    if (!names.length)
+        return '';
+    return `<span class="who">${names.map((n) => `<span class="dot" title="${escapeHtml(n)}">${escapeHtml(initials(n))}</span>`).join('')}<span class="who-names">${escapeHtml(names.join(' · '))}</span></span>`;
+}
+function section(index, title, inner, delay, note = '') {
+    return `
+  <section class="block reveal" style="animation-delay:${delay}ms">
+    <div class="block-head"><span class="idx">${index}</span><h2>${escapeHtml(title)}</h2></div>
+    ${note ? `<p class="lede">${escapeHtml(note)}</p>` : ''}
+    ${inner}
+  </section>`;
+}
+function renderLegacyIdeaBody(view) {
+    const risks = view.risks ?? [];
+    const agreements = view.agreements ?? [];
+    const blindSpots = view.blindSpots ?? [];
+    const defended = view.defended ?? [];
+    const nextSteps = view.nextSteps ?? [];
+    const signal = view.signal ?? { label: 'Reviewed', tone: 'caution' };
+    const glance = `
+    <div class="glance">
+      <div class="stat good"><span class="n">${agreements.length}</span><span class="k">agreed on</span></div>
+      <div class="stat risk"><span class="n">${risks.length}</span><span class="k">risks that stand</span></div>
+      <div class="stat caution"><span class="n">${blindSpots.length}</span><span class="k">not examined</span></div>
+    </div>`;
+    const hero = `
+  <section class="verdict tone-${signal.tone} reveal" style="animation-delay:60ms">
+    <span class="pill">${escapeHtml(signal.label)}</span>
+    <p class="verdict-text">${escapeHtml(view.verdict)}</p>
+    ${glance}
+  </section>`;
+    const bottomLine = (view.biggestRisk || view.bestNextStep)
+        ? `<section class="bottomline reveal" style="animation-delay:120ms">
+        ${view.biggestRisk ? `<div><span class="tag">Biggest risk</span><p>${escapeHtml(clip(view.biggestRisk, 200))}</p></div>` : ''}
+        ${view.bestNextStep ? `<div><span class="tag">Start here</span><p>${escapeHtml(clip(view.bestNextStep, 200))}</p></div>` : ''}
+      </section>`
+        : '';
+    const riskCards = risks.length
+        ? risks.map((r) => `
+      <article class="card risk-card">
+        <div class="card-top"><span class="chip ${sevClass(r.severity)}">${escapeHtml(sevLabel(r.severity))}</span>${providerDots(r.providers)}</div>
+        <h3>${escapeHtml(r.assumption)}</h3>
+        <div class="field"><span class="fk">The challenge</span>${paras(r.challenge)}</div>
+        ${r.reasoning ? `<div class="field"><span class="fk">Why it stands</span><p>${escapeHtml(r.reasoning)}</p></div>` : ''}
+      </article>`).join('')
+        : '<p class="muted">No assumption failed scrutiny — the council did not sustain any objection.</p>';
+    const blindGrid = blindSpots.length
+        ? `<ul class="checks">${blindSpots.map((b) => `<li>${escapeHtml(b)}</li>`).join('')}</ul>`
+        : '<p class="muted">The council covered the major angles.</p>';
+    const agreeList = agreements.length
+        ? `<ul class="agree">${agreements.map((a) => `<li><p>${escapeHtml(a.statement)}</p>${providerDots(a.providers)}</li>`).join('')}</ul>`
+        : '<p class="muted">No point drew agreement from more than one model.</p>';
+    const steps = nextSteps.length
+        ? `<ol class="steps">${nextSteps.map((s) => `<li>${escapeHtml(s)}</li>`).join('')}</ol>`
+        : '<p class="muted">No follow-ups derived.</p>';
+    const defendedBlock = defended.length
+        ? `<details class="fold reveal" style="animation-delay:0ms">
+        <summary>Objections the council dismissed (${defended.length}) — your idea held up here</summary>
+        <div class="fold-body">${defended.map((d) => `
+          <article class="card mini">
+            <h3>${escapeHtml(clip(d.assumption, 160))}</h3>
+            <div class="field"><span class="fk">Objection</span>${paras(d.challenge)}</div>
+            ${d.reasoning ? `<div class="field"><span class="fk">Why it was dismissed</span><p>${escapeHtml(d.reasoning)}</p></div>` : ''}
+          </article>`).join('')}</div>
+      </details>`
+        : '';
+    const chairman = view.keyPoints?.length
+        ? section('', "Chairman's reasoning", `<ul class="reasons">${view.keyPoints.map((p) => `<li>${escapeHtml(p)}</li>`).join('')}</ul>`, 100, 'How the chair weighed the debate to reach the verdict above.')
+        : '';
+    const modelCards = view.columns.length
+        ? view.columns.map((c) => `
+      <article class="card model-card">
+        <h3>${escapeHtml(c.title)}</h3>
+        ${c.lines.length ? `<ul class="model-lines">${c.lines.slice(0, 10).map((l) => `<li>${escapeHtml(l)}</li>`).join('')}</ul>` : '<p class="muted">No output recorded.</p>'}
+      </article>`).join('')
+        : '<p class="muted">No per-model output recorded.</p>';
+    return `
+    ${hero}
+    ${chairman}
+    ${bottomLine}
+    ${section('01', 'Risks that held up', riskCards, 180, 'Assumptions your idea depends on that the council challenged — and the challenge stuck.')}
+    ${section('02', 'How each model saw it', `<div class="model-grid">${modelCards}</div>`, 220, 'Each model analysed the idea alone, then cross-examined the others. Here is where each one landed.')}
+    ${section('03', 'Blind spots — answer these before you build', blindGrid, 260, 'Angles the council did not examine. These are usually where ideas actually fail.')}
+    ${section('04', 'Where the models agreed', agreeList, 300, 'Points more than one model independently backed.')}
+    ${section('05', 'Recommended next steps', steps, 360, 'Derived from the risks and blind spots above.')}
+    ${defendedBlock}
+    ${renderTechnical(view)}
+  `;
+}
+function renderIdeaBody(view) {
+    if (!view.recommendation && !view.actionPlan)
+        return renderLegacyIdeaBody(view);
+    const risks = view.risks ?? [];
+    const agreements = view.agreements ?? [];
+    const blindSpots = view.blindSpots ?? [];
+    const signal = view.signal ?? { label: 'Reviewed', tone: 'caution' };
+    const tone = recommendationTone(view.recommendation, signal.tone);
+    const label = recommendationLabel(view.recommendation, signal.label);
+    const conditions = view.conditions?.length
+        ? `<div class="conditions"><span class="fk">Conditions</span><ul>${view.conditions.map((c) => `<li>${escapeHtml(c)}</li>`).join('')}</ul></div>`
+        : '';
+    const glance = `
+    <div class="glance">
+      <div class="stat good"><span class="n">${agreements.length}</span><span class="k">agreed on</span></div>
+      <div class="stat risk"><span class="n">${risks.length}</span><span class="k">risks that stand</span></div>
+      <div class="stat caution"><span class="n">${blindSpots.length}</span><span class="k">not examined</span></div>
+    </div>`;
+    const hero = `
+  <section class="verdict tone-${tone} reveal" style="animation-delay:60ms">
+    <span class="pill">${escapeHtml(label)}</span>
+    <p class="verdict-text">${escapeHtml(view.verdict)}</p>
+    ${conditions}
+    ${glance}
+  </section>`;
+    const chairman = view.keyPoints?.length
+        ? section('01', "Chairman's reasoning", `<ul class="reasons">${view.keyPoints.map((p) => `<li>${escapeHtml(p)}</li>`).join('')}</ul>`, 100)
+        : '';
+    const scorecard = view.scorecard?.length
+        ? `<div class="score-grid">${view.scorecard.map((s) => `<div class="score ${s.status}"><span>${escapeHtml(s.label)}</span><strong>${escapeHtml(s.status)}</strong></div>`).join('')}</div>`
+        : '';
+    const audit = view.audit?.length
+        ? `<div class="table-wrap"><table class="data-table"><thead><tr><th>Statement</th><th>Status</th><th>Confidence</th><th>Analysts</th></tr></thead><tbody>
+        ${view.audit.map((r) => `<tr><td>${escapeHtml(r.statement)}</td><td>${escapeHtml(r.status)}</td><td>${escapeHtml(r.confidence)}</td><td>${escapeHtml(r.providers.map(providerName).join(' · '))}</td></tr>`).join('')}
+      </tbody></table></div>`
+        : '';
+    const riskCards = risks.length
+        ? risks.map((r) => `
+      <article class="card risk-card">
+        <div class="card-top"><span class="chip ${sevClass(r.severity)}">${escapeHtml(sevLabel(r.severity))}</span>${providerDots(r.providers)}</div>
+        <h3>${escapeHtml(r.assumption)}</h3>
+        <div class="field"><span class="fk">The challenge</span>${paras(r.challenge)}</div>
+        ${r.reasoning ? `<div class="field"><span class="fk">Why it stands</span><p>${escapeHtml(r.reasoning)}</p></div>` : ''}
+      </article>`).join('')
+        : '<p class="muted">No assumption failed scrutiny — the council did not sustain any objection.</p>';
+    const debate = view.debates?.length
+        ? view.debates.map((d) => `
+      <article class="card debate-card">
+        <p>${providerDots(d.claimantProviders)} <strong>claimed</strong> ${escapeHtml(d.claim)}.</p>
+        <div class="field"><span class="fk">Counter</span>${providerDots(d.attackerProviders)}${paras(d.challenge)}</div>
+        <div class="field"><span class="fk">Chair</span><p>${escapeHtml(d.chair)}${d.reasoning ? ` — ${escapeHtml(d.reasoning)}` : ''}</p></div>
+      </article>`).join('')
+        : '<p class="muted">No contradictions reached the chair.</p>';
+    const plan = view.actionPlan
+        ? `<div class="table-wrap"><table class="data-table plan-table"><thead><tr><th>#</th><th>Action</th><th>Why</th><th>Validates</th><th>Effort</th><th>Kill signal</th></tr></thead><tbody>
+        ${view.actionPlan.actions.map((a) => `<tr><td>${a.order}</td><td>${escapeHtml(a.action)}</td><td>${escapeHtml(a.why)}</td><td><code>${escapeHtml(a.validates)}</code></td><td>${escapeHtml(a.effort)}</td><td>${escapeHtml(a.kill_signal)}</td></tr>`).join('')}
+      </tbody></table><p class="lede">${escapeHtml(view.actionPlan.sequencing_note)}</p></div>`
+        : '<p class="muted">No validation plan artifact recorded.</p>';
+    const questions = view.openQuestions?.length
+        ? `<ul class="checks">${view.openQuestions.map((q) => `<li>${escapeHtml(q)}</li>`).join('')}</ul>`
+        : '<p class="muted">No verdict-flipping open questions recorded.</p>';
+    const redTeam = `
+    <div class="redteam">
+      <div><span class="fk">Strongest counter-argument</span><ul>${view.dissent.map((d) => `<li>${escapeHtml(d)}</li>`).join('')}</ul></div>
+      <div><span class="fk">Confidence</span><p>${escapeHtml(view.confidence || 'None recorded.')}</p></div>
+    </div>`;
+    const receipt = view.receipt?.length
+        ? `<div class="receipt">${view.receipt.map((r) => `<span>${escapeHtml(r)}</span>`).join('')}</div>`
+        : '';
+    const modelCards = view.columns.length
+        ? view.columns.map((c) => `
+      <article class="card model-card">
+        <h3>${escapeHtml(c.title)}</h3>
+        ${c.lines.length ? `<ul class="model-lines">${c.lines.slice(0, 10).map((l) => `<li>${escapeHtml(l)}</li>`).join('')}</ul>` : '<p class="muted">No output recorded.</p>'}
+      </article>`).join('')
+        : '<p class="muted">No per-model output recorded.</p>';
+    return `
+    ${hero}
+    ${chairman}
+    ${scorecard ? section('02', 'Dimension scorecard', scorecard, 140, 'Best-effort keyword coverage across the 12 idea-vetting dimensions.') : ''}
+    ${audit ? section('03', 'Assumption audit', audit, 180, 'Held, failed, or unverified assumptions derived from the disagreement map and chair rulings.') : ''}
+    ${section('04', 'Risks that held up', riskCards, 220, 'Assumptions your idea depends on that the council challenged — and the challenge stuck.')}
+    ${section('05', 'The debate', debate, 260, 'Who claimed what, who objected, and how the chair ruled.')}
+    ${section('06', 'Validation plan', plan, 300, 'Ordered checks with kill signals, anchored to risks, blind spots, or open questions.')}
+    ${section('07', 'Open questions that flip the verdict', questions, 340)}
+    ${section('08', 'Red-team note', redTeam, 380)}
+    ${receipt ? section('09', 'Receipt', receipt, 420) : ''}
+    ${section('10', 'How each model saw it', `<div class="model-grid">${modelCards}</div>`, 460)}
+    ${renderTechnical(view)}
+  `;
+}
+/** Serialize a council view to clean Markdown — for the HTML "Copy" button (paste into a coding assistant). */
+function councilMarkdown(view) {
+    const isIdea = view.workflow !== 'code-review';
+    const reportV3 = isIdea && Boolean(view.recommendation || view.actionPlan);
+    const L = [];
+    L.push(`# ${isIdea && view.topic ? cleanTopic(view.topic) : isIdea ? 'Idea refinement' : 'Code review'}`, '');
+    const panel = view.columns.map((c) => c.title).join(', ');
+    if (panel)
+        L.push(`Panel: ${panel}${view.moderator ? ` · Chair: ${view.moderator}` : ''}`, '');
+    if (view.recommendation) {
+        L.push('## Bottom line', '', `**${recommendationLabel(view.recommendation, '')}** — ${view.verdict}`, '');
+        if (view.conditions?.length) {
+            L.push('Conditions:');
+            for (const c of view.conditions)
+                L.push(`- ${c}`);
+            L.push('');
+        }
+    }
+    else {
+        L.push('## Verdict', '', view.verdict, '');
+    }
+    if (view.keyPoints?.length) {
+        L.push("## Chairman's reasoning", '');
+        for (const p of view.keyPoints)
+            L.push(`- ${p}`);
+        L.push('');
+    }
+    if (isIdea) {
+        if (reportV3 && view.scorecard?.length) {
+            L.push('## Dimension scorecard (best-effort)', '');
+            for (const s of view.scorecard)
+                L.push(`- ${s.label}: ${s.status}`);
+            L.push('');
+        }
+        if (reportV3 && view.audit?.length) {
+            L.push('## Assumption audit', '');
+            for (const a of view.audit)
+                L.push(`- ${a.status}/${a.confidence}: ${a.statement} (${a.providers.map(providerName).join(', ')})`);
+            L.push('');
+        }
+        if (view.risks?.length) {
+            L.push('## Risks that held up', '');
+            for (const r of view.risks) {
+                L.push(`### ${r.assumption} (${sevLabel(r.severity)})`);
+                L.push(`- Challenge: ${r.challenge.replace(/\s*\n+\s*/g, ' ')}`);
+                if (r.reasoning)
+                    L.push(`- Why it stands: ${r.reasoning}`);
+                L.push('');
+            }
+        }
+        if (reportV3 && view.debates?.length) {
+            L.push('## The debate', '');
+            for (const d of view.debates) {
+                L.push(`- ${d.claimantProviders.map(providerName).join(', ')} claimed ${d.claim}. ${d.attackerProviders.map(providerName).join(', ')} countered: ${d.challenge.replace(/\s*\n+\s*/g, ' ')}. Chair: ${d.chair}${d.reasoning ? ` — ${d.reasoning}` : ''}.`);
+            }
+            L.push('');
+        }
+        if (reportV3 && view.actionPlan) {
+            L.push('## Validation plan', '');
+            for (const a of view.actionPlan.actions) {
+                L.push(`${a.order}. ${a.action}`);
+                L.push(`   - Why: ${a.why}`);
+                L.push(`   - Validates: ${a.validates}`);
+                L.push(`   - Effort: ${a.effort}`);
+                L.push(`   - Kill signal: ${a.kill_signal}`);
+            }
+            L.push('', view.actionPlan.sequencing_note, '');
+        }
+        if (reportV3 && view.openQuestions?.length) {
+            L.push('## Open questions that flip the verdict', '');
+            for (const q of view.openQuestions)
+                L.push(`- ${q}`);
+            L.push('');
+        }
+        if (view.columns.length) {
+            L.push('## How each model saw it', '');
+            for (const c of view.columns) {
+                L.push(`### ${c.title}`);
+                for (const l of c.lines.slice(0, 10))
+                    L.push(`- ${l}`);
+                L.push('');
+            }
+        }
+        if (view.blindSpots?.length) {
+            L.push('## Blind spots to resolve', '');
+            for (const b of view.blindSpots)
+                L.push(`- ${b}`);
+            L.push('');
+        }
+        if (view.agreements?.length) {
+            L.push('## Where the models agreed', '');
+            for (const a of view.agreements)
+                L.push(`- ${a.statement}`);
+            L.push('');
+        }
+        if (!reportV3 && view.nextSteps?.length) {
+            L.push('## Recommended next steps', '');
+            view.nextSteps.forEach((s, i) => L.push(`${i + 1}. ${s}`));
+            L.push('');
+        }
+        if (reportV3 && view.receipt?.length) {
+            L.push('## Receipt', '');
+            for (const r of view.receipt)
+                L.push(`- ${r}`);
+            L.push('');
+        }
+    }
+    else if (view.rows.length) {
+        L.push('## Findings', '');
+        for (const r of view.rows) {
+            L.push(`- **${r.title}**${r.ruling ? ` — judge: ${r.ruling}` : ''}`);
+            if (r.detail)
+                L.push(`  - ${r.detail}`);
+        }
+        L.push('');
+    }
+    if (view.dissent.length) {
+        L.push('## Dissent (strongest counter-argument)', '');
+        for (const d of view.dissent)
+            L.push(`- ${d}`);
+        L.push('');
+    }
+    if (view.confidence)
+        L.push('## Confidence', '', view.confidence, '');
+    L.push('---', `Generated by aiki · ${view.runId} · analysis, not advice — verify before acting.`);
+    return L.join('\n');
+}
+function renderReviewBody(view) {
+    const badge = (k) => {
+        const label = k === 'consensus' ? 'Both agreed' : k === 'dispute' ? 'Disputed' : k === 'single' ? 'One reviewer' : k;
+        return `<span class="chip k-${k}">${escapeHtml(label)}</span>`;
+    };
+    const rows = view.rows.map((r) => `
+    <article class="card">
+      <div class="card-top">${badge(r.kind)}${providerDots(r.providers)}</div>
+      <h3>${escapeHtml(r.title)}</h3>
+      ${r.detail ? `<div class="field"><span class="fk">Detail</span><p>${escapeHtml(r.detail)}</p></div>` : ''}
+      ${r.ruling ? `<div class="field"><span class="fk">Judge</span><p>${escapeHtml(r.ruling)}</p></div>` : ''}
+    </article>`).join('');
+    const statsRow = view.stats.map((s) => `<span class="mchip">${escapeHtml(s)}</span>`).join('');
+    const hero = `
+  <section class="verdict tone-caution reveal" style="animation-delay:60ms">
+    <span class="pill">Review complete</span>
+    <p class="verdict-text">${escapeHtml(view.verdict)}</p>
+    <div class="mstrip">${statsRow}</div>
+  </section>`;
+    return `
+    ${hero}
+    ${section('01', 'Findings', rows || '<p class="muted">No findings recorded.</p>', 180, 'Every issue the reviewers raised, and where they agreed or disagreed.')}
+    ${renderTechnical(view)}
+  `;
+}
+/** Collapsed power-user block: per-model raw output, dissent, confidence notes. */
+function renderTechnical(view) {
+    const columns = view.columns.map((c) => `
+    <div class="col">
+      <h4>${escapeHtml(c.title)}</h4>
+      ${c.lines.length ? `<ul>${c.lines.slice(0, 12).map((l) => `<li>${escapeHtml(l)}</li>`).join('')}</ul>` : '<p class="muted">No output recorded.</p>'}
+    </div>`).join('');
+    const dissent = view.dissent.length ? `<ul>${view.dissent.map((d) => `<li>${escapeHtml(d)}</li>`).join('')}</ul>` : '<p class="muted">None recorded.</p>';
+    return `
+  <details class="fold reveal" style="animation-delay:0ms">
+    <summary>Full council analysis (technical)</summary>
+    <div class="fold-body">
+      <h4 class="fold-h">Each model, in its own words</h4>
+      <div class="cols">${columns || '<p class="muted">No model output recorded.</p>'}</div>
+      <h4 class="fold-h">The moderator's strongest counter-argument (dissent)</h4>
+      ${dissent}
+      <h4 class="fold-h">Confidence notes</h4>
+      <p>${escapeHtml(view.confidence || 'None recorded.')}</p>
+    </div>
+  </details>`;
+}
+export function renderCouncilHtml(view) {
+    const isIdea = view.workflow !== 'code-review';
+    const kicker = isIdea ? 'aiki · idea refinement' : 'aiki · code review';
+    const title = isIdea && view.topic ? cleanTopic(view.topic) : (isIdea ? 'Idea refinement' : 'Code review');
+    const panel = view.columns.map((c) => c.title);
+    const metaBits = [
+        panel.length ? `Panel: ${panel.join(' · ')}` : '',
+        view.moderator ? `Chair: ${view.moderator}` : '',
+        view.calls,
+    ].filter(Boolean);
+    const flags = view.flags.length
+        ? `<div class="warns">${view.flags.map((f) => `<span class="warn">⚑ ${escapeHtml(f.replaceAll('_', ' '))}</span>`).join('')}</div>`
+        : '';
+    const body = isIdea ? renderIdeaBody(view) : renderReviewBody(view);
+    // Embed the report as Markdown for the Copy button. Escape "<" so a "</script>" in content can't break out.
+    const md = JSON.stringify(councilMarkdown(view)).replace(/</g, '\\u003c');
+    return `<!doctype html>
+<html lang="en">
+<head>
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<title>${escapeHtml(isIdea ? 'Idea refinement' : 'Code review')} — aiki council</title>
+<style>
+:root{
+  color-scheme: light;
+  --serif:"Iowan Old Style","Palatino Linotype",Palatino,Charter,Georgia,"Times New Roman",serif;
+  --sans:-apple-system,BlinkMacSystemFont,"Avenir Next","Segoe UI",system-ui,sans-serif;
+  --mono:"SF Mono","JetBrains Mono",ui-monospace,Menlo,Consolas,monospace;
+  --paper:#ffffff; --panel:#f7f8fa; --ink:#1a1c1f; --soft:#5b6470; --faint:#9aa1ab; --line:#e6e8ec;
+  --good:#15803d; --good-bg:#e9f7ef; --risk:#c0392b; --risk-bg:#fbeae7;
+  --caution:#b45309; --caution-bg:#fdf2e2; --slate:#475569; --accent:#2563eb;
+}
+*{box-sizing:border-box;}
+html{-webkit-text-size-adjust:100%;}
+body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.6;}
+main{max-width:800px;margin:0 auto;padding:34px 24px 90px;}
+a{color:var(--accent);}
+h1,h2,h3,h4{font-family:var(--sans);font-weight:650;letter-spacing:-.01em;}
+p{margin:0 0 .6em;}
+
+/* masthead */
+.mast{border-bottom:2px solid var(--ink);padding-bottom:22px;margin-bottom:30px;}
+.kicker{font-family:var(--mono);font-size:11.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--accent);}
+.mast h1{font-size:clamp(28px,4.6vw,42px);line-height:1.12;margin:12px 0 16px;}
+.mmeta{display:flex;flex-wrap:wrap;gap:7px;}
+.mmeta span{font-family:var(--mono);font-size:11.5px;color:var(--soft);border:1px solid var(--line);background:var(--panel);border-radius:100px;padding:3px 10px;}
+.warns{margin-top:12px;display:flex;flex-wrap:wrap;gap:8px;}
+.warn{font-family:var(--mono);font-size:11.5px;color:var(--caution);background:var(--caution-bg);border:1px solid #e6d09b;border-radius:6px;padding:3px 9px;}
+
+/* verdict hero */
+.verdict{position:relative;background:var(--panel);border:1px solid var(--line);border-radius:14px;
+  padding:26px 28px 22px;margin-bottom:18px;overflow:hidden;}
+.verdict::before{content:"";position:absolute;left:0;top:0;bottom:0;width:6px;}
+.tone-good::before{background:var(--good);} .tone-caution::before{background:var(--caution);} .tone-risk::before{background:var(--risk);}
+.pill{display:inline-block;font-family:var(--mono);font-size:12px;font-weight:600;letter-spacing:.02em;
+  padding:5px 13px;border-radius:100px;margin-bottom:14px;}
+.tone-good .pill{background:var(--good-bg);color:var(--good);} .tone-caution .pill{background:var(--caution-bg);color:var(--caution);}
+.tone-risk .pill{background:var(--risk-bg);color:var(--risk);}
+.verdict-text{font-family:var(--sans);font-weight:520;font-size:clamp(18px,2.3vw,21px);line-height:1.5;color:var(--ink);margin:0;}
+
+/* top action bar + copy */
+.bar{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:12px;
+  padding:10px 20px;background:var(--panel);border-bottom:1px solid var(--line);}
+.bar-label{font-family:var(--mono);font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--soft);}
+.copy-btn{font-family:var(--sans);font-size:13.5px;font-weight:600;cursor:pointer;color:#fff;background:var(--accent);
+  border:0;border-radius:8px;padding:8px 15px;transition:background .15s ease,transform .1s ease;}
+.copy-btn:hover{filter:brightness(1.05);} .copy-btn:active{transform:translateY(1px);}
+.copy-btn.ok{background:var(--good);}
+
+/* chairman's reasoning */
+.reasons{margin:0;padding:0;list-style:none;}
+.reasons li{position:relative;padding:11px 0 11px 26px;border-bottom:1px solid var(--line);font-size:15.5px;color:var(--ink);}
+.reasons li:last-child{border-bottom:0;}
+.reasons li::before{content:"";position:absolute;left:4px;top:18px;width:7px;height:7px;border-radius:50%;background:var(--accent);}
+
+/* per-model grid */
+.model-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;}
+.model-card h3{font-size:15.5px;margin:0 0 10px;padding-bottom:8px;border-bottom:1px solid var(--line);}
+.model-lines{margin:0;padding-left:18px;} .model-lines li{font-size:13.5px;color:#3a3f47;margin-bottom:7px;}
+.glance{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:22px;}
+.stat{background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:14px 12px;text-align:center;}
+.stat .n{display:block;font-family:var(--serif);font-size:30px;line-height:1;}
+.stat .k{display:block;font-size:12.5px;color:var(--soft);margin-top:6px;}
+.stat.good .n{color:var(--good);} .stat.risk .n{color:var(--risk);} .stat.caution .n{color:var(--caution);}
+
+/* bottom line */
+.bottomline{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:34px;}
+.bottomline > div{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:16px 18px;}
+.tag{display:inline-block;font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-bottom:7px;}
+.bottomline p{margin:0;font-size:15px;color:var(--ink);}
+
+/* sections */
+.block{margin:38px 0;}
+.block-head{display:flex;align-items:baseline;gap:12px;border-bottom:1px solid var(--line);padding-bottom:8px;margin-bottom:14px;}
+.idx{font-family:var(--mono);font-size:12px;color:var(--faint);letter-spacing:.1em;}
+.block h2{font-size:22px;margin:0;}
+.lede{color:var(--soft);font-size:14.5px;margin:0 0 16px;max-width:62ch;}
+
+/* cards */
+.card{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:18px 20px;margin-bottom:14px;transition:box-shadow .18s ease,transform .18s ease;}
+.card:hover{box-shadow:0 6px 22px rgba(34,29,22,.07);transform:translateY(-1px);}
+.risk-card{border-left:4px solid var(--risk);}
+.card.mini{border-left:4px solid var(--slate);}
+.card-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px;}
+.card h3{font-size:18px;line-height:1.35;margin:0 0 12px;}
+.card.mini h3{font-size:15.5px;}
+.field{margin-top:10px;}
+.fk{display:block;font-family:var(--mono);font-size:10.5px;letter-spacing:.13em;text-transform:uppercase;color:var(--faint);margin-bottom:4px;}
+.field p{margin:0 0 .5em;font-size:14.5px;color:#3d3629;}
+.chip{font-family:var(--mono);font-size:11px;font-weight:600;padding:3px 9px;border-radius:6px;white-space:nowrap;}
+.sev-high{background:var(--risk-bg);color:var(--risk);} .sev-med{background:var(--caution-bg);color:var(--caution);} .sev-low{background:#e7edf0;color:var(--slate);}
+.k-consensus{background:var(--good-bg);color:var(--good);} .k-dispute{background:var(--risk-bg);color:var(--risk);} .k-single,.k-unique{background:#e7edf0;color:var(--slate);}
+
+/* provider dots */
+.who{display:inline-flex;align-items:center;gap:6px;}
+.dot{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--ink);color:var(--paper);font-family:var(--mono);font-size:9.5px;font-weight:700;}
+.who-names{font-size:12px;color:var(--soft);}
+
+/* blind spots */
+.checks{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px;}
+.checks li{position:relative;background:var(--caution-bg);border:1px solid #e6d09b;border-radius:10px;padding:12px 14px 12px 38px;font-size:14.5px;color:#5f4a15;}
+.checks li::before{content:"?";position:absolute;left:12px;top:50%;transform:translateY(-50%);width:18px;height:18px;border-radius:50%;background:var(--caution);color:#fff;font-family:var(--mono);font-size:11px;font-weight:700;display:grid;place-items:center;}
+
+/* agreements */
+.agree{list-style:none;margin:0;padding:0;}
+.agree li{border-left:4px solid var(--good);background:var(--good-bg);border-radius:0 10px 10px 0;padding:13px 16px;margin-bottom:10px;}
+.agree li p{margin:0 0 8px;font-size:15px;}
+
+/* steps */
+.steps{margin:0;padding:0;list-style:none;counter-reset:s;}
+.steps li{counter-increment:s;position:relative;padding:12px 0 12px 46px;border-bottom:1px solid var(--line);font-size:15px;}
+.steps li:last-child{border-bottom:0;}
+.steps li::before{content:counter(s);position:absolute;left:0;top:11px;width:28px;height:28px;border-radius:50%;border:1.5px solid var(--accent);color:var(--accent);font-family:var(--mono);font-size:13px;font-weight:600;display:grid;place-items:center;}
+
+/* report v3 */
+.conditions{margin-top:16px;background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:12px 14px;}
+.conditions ul{margin:4px 0 0;padding-left:18px;}
+.conditions li{font-size:14px;margin-bottom:4px;}
+.score-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;}
+.score{border:1px solid var(--line);border-radius:10px;background:var(--panel);padding:12px 14px;min-height:74px;display:flex;flex-direction:column;justify-content:space-between;gap:8px;}
+.score span{font-size:13.5px;color:var(--ink);}
+.score strong{font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.08em;}
+.score.contested{border-left:4px solid var(--caution);} .score.examined{border-left:4px solid var(--good);} .score.unexamined{border-left:4px solid var(--risk);}
+.table-wrap{overflow-x:auto;}
+.data-table{width:100%;border-collapse:collapse;background:var(--panel);border:1px solid var(--line);border-radius:10px;overflow:hidden;font-size:13.5px;}
+.data-table th,.data-table td{text-align:left;vertical-align:top;border-bottom:1px solid var(--line);padding:9px 10px;}
+.data-table th{font-family:var(--mono);font-size:10.5px;text-transform:uppercase;letter-spacing:.1em;color:var(--soft);background:var(--paper);}
+.data-table tr:last-child td{border-bottom:0;}
+.data-table code{font-family:var(--mono);font-size:12px;color:var(--accent);}
+.debate-card p{margin-bottom:8px;}
+.redteam{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
+.redteam>div{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:14px 16px;}
+.redteam ul{margin:4px 0 0;padding-left:18px;}
+.receipt{display:flex;flex-wrap:wrap;gap:8px;}
+.receipt span{font-family:var(--mono);font-size:11.5px;border:1px solid var(--line);background:var(--panel);border-radius:999px;padding:4px 10px;color:var(--soft);}
+
+/* folds */
+.fold{margin:24px 0;background:var(--panel);border:1px solid var(--line);border-radius:12px;}
+.fold > summary{cursor:pointer;list-style:none;padding:16px 20px;font-family:var(--mono);font-size:12.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--soft);display:flex;align-items:center;gap:10px;}
+.fold > summary::-webkit-details-marker{display:none;}
+.fold > summary::before{content:"+";font-size:16px;color:var(--accent);}
+.fold[open] > summary::before{content:"–";}
+.fold[open] > summary{border-bottom:1px solid var(--line);color:var(--ink);}
+.fold-body{padding:6px 20px 20px;}
+.fold-h{font-size:14px;color:var(--soft);margin:18px 0 8px;text-transform:none;letter-spacing:0;}
+.cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;}
+.col{background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:14px;}
+.col h4{margin:0 0 10px;font-size:14px;}
+.col ul,.fold-body ul{margin:0;padding-left:18px;}
+.col li,.fold-body li{font-size:13px;color:#3d3629;margin-bottom:7px;}
+.mstrip{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px;}
+.mchip{font-family:var(--mono);font-size:12px;color:var(--soft);border:1px solid var(--line);background:var(--paper);border-radius:100px;padding:3px 11px;}
+
+.muted{color:var(--faint);font-style:italic;}
+footer{margin-top:56px;padding-top:18px;border-top:1px solid var(--line);font-family:var(--mono);font-size:11px;color:var(--faint);}
+
+.reveal{opacity:0;transform:translateY(10px);animation:rise .5s cubic-bezier(.2,.7,.2,1) forwards;}
+@keyframes rise{to{opacity:1;transform:none;}}
+@media (max-width:640px){
+  main{padding:34px 16px 60px;}
+  .glance,.bottomline,.checks,.redteam{grid-template-columns:1fr;}
+}
+@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;animation:none;}}
+@media print{.reveal{opacity:1;transform:none;animation:none;}.fold[open]{break-inside:avoid;}}
+</style>
+</head>
+<body>
+<div class="bar">
+  <span class="bar-label">${escapeHtml(kicker)}</span>
+  <button class="copy-btn" onclick="copyReport(this)">Copy report (Markdown)</button>
+</div>
+<main>
+  <header class="mast">
+    <h1>${escapeHtml(title)}</h1>
+    <div class="mmeta">${metaBits.map((b) => `<span>${escapeHtml(b)}</span>`).join('')}</div>
+    ${flags}
+  </header>
+  ${body}
+  <footer>Generated by aiki · ${escapeHtml(view.runId)} · a local model council. This is analysis, not advice — verify before acting.</footer>
+</main>
+<script>
+const REPORT_MD = ${md};
+function copyReport(btn){
+  navigator.clipboard.writeText(REPORT_MD).then(function(){
+    var o=btn.textContent; btn.textContent='✓ Copied'; btn.classList.add('ok');
+    setTimeout(function(){ btn.textContent=o; btn.classList.remove('ok'); }, 1600);
+  }).catch(function(){ btn.textContent='Copy failed — select the text manually'; });
+}
+</script>
+</body>
+</html>`;
+}
+export async function writeCouncilHtml(runId, dir) {
+    const view = await loadCouncilView(runId, dir);
+    if (!view)
+        return null;
+    const path = join(dir, 'council-view.html');
+    await writeFile(path, renderCouncilHtml(view));
+    return path;
+}