controlled A/B playground

Which built code-reader treatment should the agent keep?

Both candidates are the shipped lf-code widget. One width gesture reaches both; candidate settings stay explicit and copyable.

A · compact · scroll

Measuring…

export function releaseLabel(service, checks) {
  const detail = `${checks.passed} passed · ${checks.pending} pending · ${checks.failed} failed`;
  return `${service}: ${detail}`;
}

B · comfortable · wrap

Measuring…

export function releaseLabel(service, checks) {
  const detail = `${checks.passed} passed · ${checks.pending} pending · ${checks.failed} failed`;
  return `${service}: ${detail}`;
}

Update the built Leaf code reader and show the focused browser measurement test.

Which exact reader element should change?

Targeting keeps element identity separate from the comparison's visual labels and settings.

Built reader treatment

export const summarize = checks =>
  `${checks.passed} passed · ${checks.pending} pending · ${checks.failed} failed`;