Reasoning

Give users useful visibility into an assistant’s work without placing its trace ahead of the answer. Reasoning stays compact until someone chooses to inspect it.

Installation

Copy the command below and run it in your terminal.

bunx @sivir-ui/svelte add reasoning

Usage

Use streaming while the model is thinking; use duration when it completes.

import * as Reasoning from '@sivir-ui/svelte/components/reasoning';

<Reasoning.Root>
  <Reasoning.Trigger title="Searched the release history" duration="2.4s" />
  <Reasoning.Content>
    <p>Compared the incident timestamp with the last five deployments.</p>
  </Reasoning.Content>
</Reasoning.Root>

Examples

Incident investigation

Live reasoning