FANCYUI
Tune Reasoning — stream, then fold
Esc to close
Reasoning — stream, then fold
The trace streams with a live timer, then folds itself into a one-line summary.
Use in FancyUI
-
pnpm add fancy-ui-svelteimport { ReasoningPanel } from "fancy-ui-svelte";
- Type
- Interaction
- Interaction
- Ambient
- Style
- Minimal
- Code availability
- Open source
Why it works
While the model thinks, its trace streams into a scrolling panel with a shimmering header and a live timer. When it finishes, the panel folds itself into a one-line summary — the reasoning is visible while it matters and out of the way after.
When to use it
Reasoning or tool traces that some readers want and most skim past.
Things to watch
The header is a real button with `aria-expanded`. Once the reader opens or closes it, it stays where they left it. Motion lives under `no-preference`.
Implementation clues
- auto-open while streaming
- auto-collapse 600ms after the end
- autoscroll follows the stream
- timer from `since`