Sivir UI
Studio 64

Conversation

Keep live agent transcripts readable while respecting where someone has chosen to scroll.

Investigate why checkout latency rose after 14:00 UTC. Focus on the latest release and give me a safe mitigation.

Separated provider, database, and inventory spans, then matched the first regression to the release boundary.

What changed

The latency increase starts in POST /checkout immediately after release web-2418.

  • Address validation added 430 ms at p95.
  • The provider timed out for 8% of non-US requests.
  • Database and inventory spans stayed within baseline.

Roll back the synchronous validation call, then keep the rule behind the existing review queue.

Show me the smallest rollback and how to verify it.

Use the targeted flag first:

await flags.disable('checkout.address-verification');
await metrics.waitForRecovery({ window: "10m" });

This avoids reverting the unrelated tax fixes in the same release.

Installation

Copy the command below and run it in your terminal.

bunx @sivir-ui/svelte add conversation

Usage

Give Root a bounded height so Content can scroll. Bind follow when the surrounding interface needs to reflect whether new output is being followed.

import * as Conversation from '@sivir-ui/svelte/components/conversation';
import * as Message from '@sivir-ui/svelte/components/message';

let follow = $state(true);

<Conversation.Root bind:follow class="h-[32rem]">
  <Conversation.Content aria-label="Support conversation">
    <Message.Root from="assistant">
      <Message.Content>I found the failed request.</Message.Content>
    </Message.Root>
  </Conversation.Content>
  <Conversation.ScrollButton />
</Conversation.Root>

Examples

Compose the viewport around an empty start or continuously arriving output.

Empty state

Plan the next release

Turn an issue or change set into a staged rollout with clear checks.

Follow live output

Following latest output

Queued release web-2419
Built application bundle in 18.2s
Uploaded 42 immutable assets
Deployed canary to iad1
Passed checkout smoke tests
Shifted 10% of production traffic
Observed p95 latency at 612 ms

Scroll up to pause following. Append more output, then use the arrow to return to the latest step.

Anatomy

Conversation.Root - Manages transcript scrolling.

Conversation.Content - Contains conversation messages.

Conversation.Empty - Renders an empty conversation state.

Conversation.ScrollButton - Scrolls to the latest message.