Markdown

Render structured agent output with safe links, useful typography, and first-class code blocks.

Edge cache rollout review

The canary reduced origin traffic by 38% while keeping cache_hit_age within the expected range. Open the rollout runbook for the full procedure.

Recommendation: continue to 50% traffic, but keep image transforms outside the cache until the key audit is complete.

Regional health

Region	Hit rate	p95
iad1	91%	142 ms
fra1	88%	156 ms
sin1	86%	171 ms

Rollout tasks

Confirm cache headers at the edge
Compare origin error rates
Audit image transformation keys

const rollout = await edgeCache.promote({
  traffic: 0.5,
  regions: ['iad1', 'fra1', 'sin1']
});

Installation

Copy the command below and run it in your terminal.

bunx @sivir-ui/svelte add markdown

Usage

The GFM lexer supports tables, task lists, and strikethrough. Fenced code is rendered with Sivir CodeBlock, and raw HTML is always displayed as text instead of being injected into the page.

import { Markdown } from '@sivir-ui/svelte/components/markdown';

const content = [
  '## Result',
  '',
  '| File | Status |',
  '| --- | --- |',
  '| app.ts | Updated |',
  '',
  '- [x] Run checks'
].join('\n');

<Markdown {content} />

Examples

Show incomplete output honestly and keep untrusted model content inert.

Streaming response

Incident update

The elevated error rate is isolated to image transformations in fra1.

Receiving chunk 1 of 4

Raw HTML safety

Untrusted content stays inert

HTML is shown as source text. Unsafe URL schemes are not turned into links.

Imported model output

<script>document.body.textContent = "changed";</script>

<button onclick="sendSecrets()">Approve access</button>

Open internal report

Anatomy

Markdown - Renders GitHub-flavored Markdown.