ns-ui

Streaming Retraction

Streaming-text renderer for models that take words back: a retraction strikes through mid-sentence, evaporates, and leaves a notched scar tick that reopens the revision inline.

Use when the stream can retract what it already emitted (guardrail rewrites, constrained decoding, tool-output patching) and the correction should stay visible rather than being quietly swallowed, each retraction leaving a scar tick that reopens the revision inline; pick streaming-markdown-caret instead when the stream only ever appends and there is nothing to take back, which is the common case and the cheaper component.

Install

npx shadcn add https://design.helpmarq.com/r/streaming-retraction.json
  • streaming
  • typography
  • correction
  • ai
  • text
  • revision
  • accessibility

ns-ui / streaming-retraction

ASSISTANT
The batch job runs every 15 minutes, and retries up to 5 times with exponential backoff.

retracted text strikes through and evaporates — the notched tick it leaves behind reopens the revision

Props

PropTypeDefaultDescription
opsRetractInkOp[]Append-only op log. Push new ops as they arrive — never rewrite earlier entries, the offset-based keys that stop settled text from re-animating depend on it.
streaming?booleantrue while more ops may still arrive. Controls the caret and the sr-only status.
className?string