52:I[707087,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"RegistryDependencies"] 53:I[314491,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"FilesView"] 54:T8df,.cr-confidence { display: grid; gap: var(--cr-space-4); padding: var(--cr-space-5); border-radius: var(--cr-radius-xl); color: var(--cr-color-text-default); font-family: var(--cr-font-family-sans); font-size: var(--cr-font-size-md); } .cr-confidence__head { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: var(--cr-space-2); } .cr-confidence__title { margin: 0; font-family: var(--cr-font-family-display); font-size: var(--cr-font-size-xl); font-weight: var(--cr-font-weight-semibold); letter-spacing: -0.015em; } .cr-confidence__agent, .cr-confidence__why { color: var(--cr-color-text-muted); font-size: var(--cr-font-size-xs); font-weight: var(--cr-font-weight-semibold); } .cr-confidence__meter { display: grid; gap: var(--cr-space-2); } .cr-confidence__track { position: relative; display: block; height: 8px; border-radius: var(--cr-radius-full); background: var(--cr-color-border-default); } .cr-confidence__band { position: absolute; top: 0; bottom: 0; border-radius: var(--cr-radius-full); background: var(--cr-color-ink-bg); } .cr-confidence__scale { display: grid; grid-template-columns: repeat(5, 1fr); color: var(--cr-color-text-muted); font-size: var(--cr-font-size-xs); text-align: center; } .cr-confidence__scale [data-active] { color: var(--cr-color-text-default); font-weight: var(--cr-font-weight-semibold); } .cr-confidence__reasons { display: grid; gap: var(--cr-space-2); } .cr-confidence__reasons ul { display: grid; gap: var(--cr-space-2); margin: 0; padding: 0; list-style: none; } .cr-confidence__reasons li { padding: 10px 14px; border-radius: var(--cr-radius-md); background: var(--cr-color-bg-subtle); color: var(--cr-color-text-secondary); line-height: var(--cr-font-line-height-normal); } .cr-confidence--compact { display: inline-flex; align-items: center; gap: var(--cr-space-2); padding: 5px var(--cr-space-3) 5px 10px; border-radius: var(--cr-radius-full); background: var(--cr-color-glass-control); font-size: var(--cr-font-size-xs); font-weight: var(--cr-font-weight-semibold); } .cr-confidence--compact .cr-confidence__track { width: 48px; height: 6px; } 55:Tf22,import { useId, type ReactNode } from 'react'; import { cx } from '@/lib/creance/cx'; import './ConfidenceMeter.css'; export type ConfidenceLevel = 'guessing' | 'unsure' | 'likely' | 'very-likely' | 'certain'; const levels: ConfidenceLevel[] = ['guessing', 'unsure', 'likely', 'very-likely', 'certain']; const scaleWords: Record = { guessing: 'Guessing', unsure: 'Unsure', likely: 'Likely', 'very-likely': 'Very likely', certain: 'Certain', }; const summaryWords: Record = { guessing: 'Guessing', unsure: 'Unsure', likely: 'Fairly sure', 'very-likely': 'Very sure', certain: 'Certain', }; export interface ConfidenceMeterProps { /** The lower end of the agent's honest range. */ low: ConfidenceLevel; /** The upper end. Defaults to `low`. A wide range is itself information. */ high?: ConfidenceLevel; /** The claim the confidence is about: "Fairly sure this fixes the deploy". Full variant only. */ title?: ReactNode; agentName?: string; /** Why, including what was not checked. Full variant only. */ reasons?: ReactNode[]; /** `compact` is a small pill for use inside other components. */ variant?: 'full' | 'compact'; /** Heading level of the title. Default 3. */ headingLevel?: 2 | 3 | 4; className?: string; } /** How sure the agent is, as a range in words with reasons, never a falsely precise percentage. */ export function ConfidenceMeter({ low, high = low, title, agentName, reasons, variant = 'full', headingLevel = 3, className }: ConfidenceMeterProps) { const id = useId(); const [a, b] = [levels.indexOf(low), levels.indexOf(high)].sort((x, y) => x - y) as [number, number]; // Round down: when the range straddles two words, say the less confident one. const mid = levels[Math.floor((a + b) / 2)]!; const summary = summaryWords[mid]; const range = a === b ? scaleWords[levels[a]!] : `between ${scaleWords[levels[a]!].toLowerCase()} and ${scaleWords[levels[b]!].toLowerCase()}`; const label = `Confidence: ${summary.toLowerCase()}, ${range}`; // The band covers the chosen levels on a five-step scale. const band = { left: `${(a / 5) * 100}%`, width: `${((b - a + 1) / 5) * 100}%` }; if (variant === 'compact') { return ( ); } const H = `h${headingLevel}` as const; return (

{(title || agentName) && (

{title && ( {title} )} {agentName && {agentName}}

)}

{reasons && reasons.length > 0 && (

Why

)}

); } 51:["$","div",null,{"className":"mt-3 flex min-h-0 min-w-0 flex-1 flex-col gap-3","children":[["$","div",null,{"className":"flex shrink-0 items-start gap-3","children":[["$","div",null,{"className":"flex max-h-28 min-w-0 flex-1 flex-wrap items-center gap-2 overflow-y-auto","children":[null,["$","$L52",null,{"namespace":"@creance","registryDependencies":["https://creance.pages.dev/r/creance-base.json"]}]]}],null]}],["$","$L53",null,{"files":[{"path":"confidence-meter/ConfidenceMeter.css","content":"$54","type":"registry:file","target":"@components/creance/confidence-meter/ConfidenceMeter.css"},{"path":"confidence-meter/ConfidenceMeter.tsx","content":"$55","type":"registry:ui","target":"@components/creance/confidence-meter/ConfidenceMeter.tsx"}],"className":"h-[70svh] min-h-80"}]]}]