// views_results.jsx — the audit Results report. Editorial, glass-box: // hero JiffyScore dial + radar, 6-dimension gauges, evidence, Google // guidance, priority gaps, search-intent map, page findings. (function () { const { useState } = React; const D = window.JS_DATA; function scrollToId(id) { const el = document.getElementById(id); if (el) window.scrollTo({ top: el.getBoundingClientRect().top + window.scrollY - 130, behavior: 'smooth' }); } function MetricChip({ k, v }) { return
{k}
{v}
; } function ResultsReport({ audit, role, go, onGenerate, openScore }) { const a = audit.analysis; const meta = D.SCORE_META; const dims = meta.map(m => ({ short: m.k, value: a.scores[m.key] })); const compare = meta.map(m => ({ value: a.previous[m.key] })); const [exportOpen, setExportOpen] = useState(false); const [extensionStatus, setExtensionStatus] = useState(''); const [extensionBusy, setExtensionBusy] = useState(''); const lab = openScore || (() => {}); // each priority gap maps to the dimension it moves most const gapDim = ['citationReadiness', 'content', 'entityClarity', 'citationReadiness', 'technical']; const sections = [['sec-score', 'Score'], ['sec-dims', 'Dimensions'], ['sec-evidence', 'Evidence'], ['sec-guidance', 'Google guidance'], ['sec-gaps', 'Priority gaps'], ['sec-intents', 'Intent map'], ['sec-pages', 'Pages']]; const exports = [ ['JSON', 'fileText', `/audits/${audit.id}/export.json`], ['HTML report', 'fileText', `/audits/${audit.id}/export.html`], ['Full ZIP', 'box', `/audits/${audit.id}/export.zip`], ['Citation evidence', 'quote', `/audits/${audit.id}/citation-evidence.zip`], ['Agency report', 'fileText', `/audits/${audit.id}/agency-report.html`] ]; const runExtension = async (name, action) => { setExtensionBusy(name); setExtensionStatus(''); try { const result = await action(); if (result?.audit) Object.assign(window.JS_DATA.AUDIT, result.audit); setExtensionStatus(`${name} completed`); } catch (e) { setExtensionStatus(`${name} failed: ${e.message}`); } finally { setExtensionBusy(''); } }; return (

Audit · {new Date(audit.runAt).toLocaleDateString('en-AU', { day: 'numeric', month: 'short', year: 'numeric' })}

{audit.clientName} scored.

{audit.websiteUrl.replace('https://', '')} · {audit.industry} · {audit.primaryLocation} · {audit.pagesCrawled} pages crawled

go('run-audit')}>Re-run
setExportOpen(o => !o)}>Export {exportOpen && <>
setExportOpen(false)} />
Download
{exports.map(([l, ic, path]) =>
{ setExportOpen(false); window.JS_API.download(path); }}>
{l}
)}
}
Generate pack
runExtension('Guidance plan', () => window.JS_API.audits.guidancePlan(audit.id))}>{extensionBusy === 'Guidance plan' ? 'Generating…' : 'Guidance plan'} runExtension('Implementation suite', () => window.JS_API.audits.implementationSuite(audit.id))}>{extensionBusy === 'Implementation suite' ? 'Building…' : 'Implementation suite'} runExtension('Queue suite', () => window.JS_API.audits.queueImplementationSuite(audit.id, []))}>{extensionBusy === 'Queue suite' ? 'Queueing…' : 'Queue suite'} runExtension('Level10', () => window.JS_API.audits.level10(audit.id))}>{extensionBusy === 'Level10' ? 'Enhancing…' : 'Level10'}
{extensionStatus &&

{extensionStatus}

} {/* sticky anchor subnav */} {/* ---- SCORE HERO ---- */}
lab('total')} role="button" aria-label="Why this JiffyScore?"> Why this score? · simulate fixes

Composite verdict

Strong foundation, under-cited.

{audit.clientName} ranks and converts well, but answer engines paraphrase rather than cite it. The fastest gains are in citation readiness and entity clarity — structure the proof you already have.

Local visibility {a.scores.localVisibility} AI readiness {a.scores.aiReadiness} Citation {a.scores.citationReadiness} Glass-box scoring
{/* ---- DIMENSIONS: gauges + radar ---- */}
{meta.map(m => lab(m.key)} />)}
Now Last run
{/* ---- IMPORTED EVIDENCE ---- */}
Search Console · {a.webmasterSignals.rowCount} rows
GA4 analytics · {a.analyticsSignals.rowCount} rows
 {/* ---- GOOGLE GUIDANCE ---- */}
{a.googleGuidance.summary.score}/100
{a.googleGuidance.summary.passCount} pass {a.googleGuidance.summary.needsWorkCount} needs work
{a.googleGuidance.checks.map((c, i) => (

{c.status === 'pass' ? : }{c.title}

{c.status === 'pass' ? 'Pass' : 'Needs work'}{c.source}

{c.why}

Action · {c.action}
))}
{/* ---- PRIORITY GAPS ---- */} Generate fixes
{a.gaps.map((g, i) => (
lab(gapDim[i])} style={{ cursor: 'pointer' }}>

{g.title}

{g.severity} priority {g.impact} impact Why & simulate

{g.whyItMatters}

Action · {g.action}
))}
{/* ---- INTENT MAP + ENTITY ---- */}
{a.searchIntents.map((q, i) => (
{q.query}
{q.type} {q.priority}
))}

{a.entities.brandName}

{a.entities.industry} · {a.entities.domain}

{[['Services', a.entities.services], ['Locations', a.entities.locations], ['Audiences', a.entities.audiences], ['Trust signals', a.entities.proof.signals]].map(([label, items]) => (
{label}
{items.map((it, j) => {it})}
))}
{/* ---- PAGE FINDINGS ---- */}
{a.pageFindings.map((p, i) => ( ))}
PageTitleWordsIndexSchemaFlags
{p.url} {p.title} {p.wordCount} {p.indexable ? Yes : No} {p.schemaTypes.length ? p.schemaTypes.map((s, j) => {s}) : None} {p.flags.length ? p.flags.map((f, j) => {f}) : Clean}
); } function SubNav({ sections }) { const [active, setActive] = useState(sections[0][0]); React.useEffect(() => { const onScroll = () => { let cur = sections[0][0]; for (const [id] of sections) { const el = document.getElementById(id); if (el && el.getBoundingClientRect().top < 200) cur = id; } setActive(cur); }; window.addEventListener('scroll', onScroll, { passive: true }); onScroll(); return () => window.removeEventListener('scroll', onScroll); }, []); return (
{sections.map(([id, label]) => ( scrollToId(id)}>{label} ))}
); } window.ResultsReport = ResultsReport; })();