50: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"] 51: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"] 52:T1958,"use client"; import { Button } from "@/components/ui/button"; import { Card } from "@/components/ui/card"; import * as React from "react"; /** * What retrieval actually returned — including what it returned and threw away. * * Most source panels show the top k passages and stop. The two things worth * building are the ones that get left out: * * **The floor has to be visible.** A retrieval system with no relevance floor * always returns something, and "something" for a question the corpus does * not answer is the closest match to a question nobody asked. Showing the * floor, and the candidates that fell under it, is what turns "the model made * this up" into "nothing relevant was found and it answered anyway" — two * different bugs, in two different files. * * **Nothing found is a state, not an empty list.** It is the state that makes * a RAG system trustworthy: no chunk cleared the floor, no model call, a * fixed "it is not in these documents". Rendering it as a blank panel throws * away the one moment the system was behaving well. * * The scores are shown because someone is always tuning the floor, and a * floor set without looking at the distribution it is cutting is a number * somebody guessed. */ export type RetrievedSource = { id: string; /** Document name, section, page — whatever locates it for a human. */ title: string; passage: string; /** Similarity, 0–1. */ score: number; }; export type SourceListProps = { /** Every candidate considered, not only the ones that passed. */ sources: RetrievedSource[]; /** Below this, a passage was not sent to the model. */ floor?: number; /** Jump to the passage in the document. */ onOpen?: (id: string) => void; className?: string; }; function ChevronIcon(props: React.SVGProps) { return ( ); } function Row({ source, n, below, onOpen, }: { source: RetrievedSource; n?: number; below: boolean; onOpen?: (id: string) => void; }) { const body = ( <>

{n !== undefined && ( {n} )} {source.title} {source.score.toFixed(3)}

{source.passage}

); if (!onOpen) { return

{body}

; } return ( ); } export function SourceList({ sources, floor = 0, onOpen, className = "" }: SourceListProps) { const [showBelow, setShowBelow] = React.useState(false); /* Sorted here rather than trusted from the caller: a panel whose order disagrees with its own score column is the kind of bug nobody reports and everybody stops trusting. */ const ranked = React.useMemo(() => [...sources].sort((a, b) => b.score - a.score), [sources]); const passed = ranked.filter((s) => s.score >= floor); const below = ranked.filter((s) => s.score < floor); return (

Retrieved {passed.length} of {ranked.length} candidates {floor > 0 && ( floor {floor.toFixed(2)} )}

{passed.length === 0 ? ( /* The good state, rendered as such. Nothing cleared the floor, so no model call was made and the answer is a fixed sentence — which is the behaviour that makes the rest of the system worth trusting. */

Nothing cleared the floor.

The closest candidate scored {ranked[0]?.score.toFixed(3) ?? "—"}. No model call was made — an answer built from these passages would have been invented.

) : (

{passed.map((s, i) => ( ))}

)} {below.length > 0 && (

{showBelow && (

{below.map((s) => ( ))}

)}

)} ); } 4f:["$","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,["$","$L50",null,{"namespace":"@scrimui","registryDependencies":["button","card"]}]]}],null]}],["$","$L51",null,{"files":[{"path":"src/showcase/source-list/source-list.tsx","content":"$52","type":"registry:ui","target":"components/ui/source-list.tsx"}],"className":"h-[70svh] min-h-80"}]]}]