ns-ui
A single SVG baseline under a RAG answer's prose — a solid 1px plank under every sourced sentence, a fading 3-dash gap wherever a claim has none — so grounding coverage reads at a glance instead of hover-hunting citation pills.
Use when a per-sentence grounding baseline drawn directly under the running prose (not a separate instrument strip) whose gaps are actionable — clicking an ungrounded claim fires a live find-support retrieval and the plank draws itself in on success; reach for citation-grounding-hatch instead when you want a three-state (grounded/unsupported/contradicted) coverage strip as a distinct instrument below the text, or citation-inline-card when you just need a per-claim citation pill.
Install
npx shadcn add https://design.helpmarq.comns-ui / citation-grounding-gap — coverage you can see, not one you have to hover for
Click a solid plank to open its source. Click a gap — or focus it and press f — to search for support.
| Prop | Type | Default | Description |
|---|---|---|---|
| sentences | TrestleSentence[] | — | — |
| findSupport? | (sentence: TrestleSentence) => Promise<TrestleSource | null | undefined> | — | Runs a retrieval attempt for one ungrounded sentence. Resolve a source on success, or null/undefined if nothing was found. Defaults to a small deterministic demo resolver (id-hashed, ~4-in-5 found) so the component works with zero configuration. |
| className? | string | — | — |