/* The Benchmark tab: what the AI engines actually said, measured.
Rendered for the client (from the summary the server adds to the
unlocked view) and for the team (same summary, in admin). Every figure
here was computed from stored answers; each one shows the count it came
from and the range across repetitions. When there is no completed run
the tab says so instead of showing zeros. */
const ENGINE_SHORT = { openai: 'ChatGPT', perplexity: 'Perplexity', anthropic: 'Claude',
gemini: 'Gemini', serpapi: 'Google AI Overviews' };
/* A small status chip. Shared: the admin list, the raw answers and the
snapshot cards all use it, on every page. */
function Pill({ tone, children }) {
return (
{children});
}
function pct(x) { return (x === null || x === undefined) ? '—' : Math.round(x * 100) + '%'; }
function pctRange(r) {
if (!r || r.value === null || r.value === undefined) return '—';
if (r.low === null || r.low === undefined || r.low === r.high) return pct(r.value);
return `${pct(r.value)} (${pct(r.low)}–${pct(r.high)})`;
}
function shortDate(s) { return s ? String(s).slice(0, 10) : ''; }
function methodologyLine(b) {
const m = b.methodology || {};
const engines = Object.values(m.engines || {}).join(', ');
return `Answers via each engine's API with web search enabled, ${shortDate(b.finished_at)}, ` +
`${m.reps || '?'} run${m.reps === 1 ? '' : 's'} per prompt. Engines: ${engines || 'none'}.`;
}
function RangeNote() {
return (
Rates are over every stored answer; the range in brackets is the lowest and highest rate seen
when counting one repetition at a time. A wide range means the engine answers differently each
time, which is itself a finding.
);
}
function BenchTable({ head, rows }) {
return (
{head.map((h, i) =>
{h}
)}
{rows.map((r, i) =>
{r.map((c, j) =>
{c}
)}
)}
);
}
function BenchmarkNotRun({ admin }) {
return (
Not run yet.
The benchmark asks the AI engines the questions a buyer in this category asks, several times each,
and measures how often this business is named and cited. Nothing is shown until that has been done.
{admin ? ' Start a run from the Benchmark panel above.' : ' The Lojo team runs it as part of the full engagement.'}
METHOD ·
{methodologyLine(b)} {cf.prompts || 0} prompts, {cf.units || 0} answers requested, {cf.answered || 0} received.
{b.status === 'partial' && This run is partial: some engines did not answer or the cost cap stopped it.}
{' '}The consumer apps can answer differently from the APIs measured here.
{tiles.map((s, i) => )}
{failed.length > 0 &&
Not measured: {failed.map((e) => ENGINE_SHORT[e] || e).join(', ')} returned no answers in this run.
TONE ·
When named ({sent.n} answers): {sent.positive} positive, {sent.neutral} neutral, {sent.negative} negative
{sent.unclassified ? `, ${sent.unclassified} not classified` : ''}.
}
);
}
function BenchmarkTab({ report, admin, code }) {
// The client view carries the summary itself; the admin view carries the
// whole benchmark block with the summary inside it.
const raw = report.benchmark || null;
const b = raw && (raw.overall ? raw : raw.summary);
const pitch = !admin && code && report.kind === 'agency' && report.pitch_mode;
return (
);
}
/* ---- Phase 2: live snapshots and the competitor loss view ---- */
function escapeRe(s) { return s.replace(/[.*+?^${}()|[\]\\]/g, '\\$&'); }
/* The answer text with the client and each competitor marked. Terms come
from the server with the snapshot, so the page and the analysis agree
on what counts as a mention. */
function Highlighted({ text, brand, competitors }) {
const terms = [...(brand || []).map((t) => ({ t, tone: 'good' })), ...(competitors || []).map((t) => ({ t, tone: 'accent' }))]
.filter((x) => x.t && x.t.length >= 2);
if (!terms.length || !text) return {text};
const re = new RegExp('(' + terms.map((x) => escapeRe(x.t).replace(/\\?\s+/g, '[\\s\\-]*')).join('|') + ')', 'gi');
const parts = text.split(re);
return (
{parts.map((p, i) => {
const hit = terms.find((x) => new RegExp('^' + escapeRe(x.t).replace(/\\?\s+/g, '[\\s\\-]*') + '$', 'i').test(p));
return hit
? {p}
: {p};
})});
}
function SnapshotView({ snapshot }) {
const h = snapshot.highlight || {};
return (
METHOD · {snapshot.method}
{snapshot.cached && Shown from a snapshot taken {String(snapshot.at).slice(0, 16).replace('T', ' ')} (same question, within the cache window).}
{(snapshot.answers || []).map((a) => {
const r = a.result || {}; const an = a.analysis || {};
return (