renderConfidenceBadge function presentation exported ✓ 100.0%

Last updated: 2026-03-04T23:21:38.426Z

Location

src/lib/ui/renderers.ts:27-41

Metrics

LOC: 15 Complexity: 2 Params: 3 Coverage: 100.0% (4/4 lines, 8x executed)

Signature

renderConfidenceBadge( confidence: number | undefined, prefix = "", ): : string

Summary

Renders a confidence progress bar with percentage label.

Source Code

export function renderConfidenceBadge(
  confidence: number | undefined,
  prefix = "",
): string {
  const conf = confidence ?? 0;
  const percent = Math.round(conf * 100);
  const color = getConfidenceColor(conf);

  return `
    <span class="${prefix}confidence-bar">
      <span class="${prefix}confidence-fill" style="width:${percent}%;background:${color}"></span>
    </span>
    <span style="font-size:10px;color:${color}">${percent}%</span>
  `;
}

Dependencies (Outgoing)

graph LR renderConfidenceBadge["renderConfidenceBadge"] getConfidenceColor["getConfidenceColor"] renderConfidenceBadge -->|calls| getConfidenceColor style renderConfidenceBadge fill:#dbeafe,stroke:#2563eb,stroke-width:2px click renderConfidenceBadge "1577a0562e419cb2.html" click getConfidenceColor "fd03c3314b68824d.html"
TargetType
getConfidenceColor calls

Impact (Incoming)

graph LR renderConfidenceBadge["renderConfidenceBadge"] renderFieldRow["renderFieldRow"] renderFieldRow -->|calls| renderConfidenceBadge style renderConfidenceBadge fill:#dbeafe,stroke:#2563eb,stroke-width:2px click renderConfidenceBadge "1577a0562e419cb2.html" click renderFieldRow "b51f1878ac9d34b2.html"
SourceType
renderFieldRow calls