KQ-773 · QUOTE/PULL
The exact words, highlighted where they came from. Hovering or focusing a quoted passage in the answer finds those words in the source excerpt and sweeps a marker in behind them on glide — the mark's background-size runs from 0% to 100% so a wrapped passage keeps sweeping onto its next line — while the surrounding text dims on a base tween; pressing pins the highlight and Escape releases it. A quote the excerpt does not contain gets a dashed danger underline and a not-in-source note instead.
The letter is direct about the cause: two of the three cranes were down for the same fortnight
, and about how the yard coped, since the crews absorbed the gap as overrun rather than lost shifts
. It does not say the dip will reverse by autumn
; that is the model's reading of the second-half forecast.
Basinworks quarterly letterbasinworks.example
North basin's second quarter was the weakest since the yard reopened. Two of the three cranes were down for the same fortnight in May, which the yard had not planned for, and the crews absorbed the gap as overrun rather than lost shifts. The board expects a full recovery in the second half.
1 of 3 quotes not in this excerpt
Idle · 3 quotes · 1 not in source
One command — the source lands in your repo. Or copy it from the Code tab.
$ pnpm dlx shadcn@latest add @kinetiq/quote-pull
| Prop | Type | Default | Description |
|---|---|---|---|
| answer | (string | PullQuote)[] | — | The answer as plain runs and { id, text } quoted passages, in reading order. |
| source | PullSource | — | The source: title, site and the excerpt searched for each quote's words. |
| pinned / defaultPinned | string | null | null | The quote id held highlighted; controlled or initial. |
| onPinnedChange | (id: string | null) => void | — | Fires from the press that pinned or released a quote. |
| onActiveChange | (id: string | null) => void | — | Fires when hover or focus starts or ends a highlight. |
| label | string | — | Names the answer region for assistive technology. |