Markdown / code showcase

Show me the full rendering surface - code, tables, math, lists.

Rendering showcase

A quick brown fox jumps over the lazy dog. This paragraph exists to judge the reading rhythm, italic emphasis, line-height, and measure of the assistant prose. Here is some inline code and a link to anthropic.

Lists and structure

  1. First, gather the requirements.
  2. Then sketch the data model.
    • a nested bullet
    • another, with inline token
  3. Ship it.
  • Set up the project
  • Write the tests
  • Celebrate

Threads behave like Slack threads: branch a message, switch providers, keep the context. This blockquote checks the left rule and muted color.

A table

ProviderTierModelRoute
ClaudelargeOpus 4.7direct
ChatGPTsmallGPT-4.1direct
GeminimediumGemini 3 Flashinterpret

Code blocks

code
from dataclasses import dataclass

@dataclass(frozen=True)
class ChatTurn:
    role: str          # "user" | "assistant" | "system"
    content: str
    created_at: str | None = None

def summarize(turns: list[ChatTurn]) -> str:
    """Compact a conversation into a dense summary."""
    return "\n".join(f"- {t.role}: {t.content[:80]}" for t in turns if t.content)
code
export async function* dispatch(input: DispatchInput): AsyncGenerator<StreamEvent> {
  const res = await fetch(url, { method: "POST", body: JSON.stringify(input) });
  if (!res.ok) {
    yield { type: "error", error: `HTTP ${res.status}` };
    return;
  }
  for await (const ev of iterateSSE(res)) {
    if (ev.type === "delta") yield { type: "delta", text: ev.text as string };
  }
}
code
# Stream a reply from the proxy
curl -N -X POST http://localhost:3000/api/chat \
  -H "Content-Type: application/json" \
  -d '{"route":"direct","provider":"anthropic","model":"claude-opus-4-8"}'
code
{ "type": "done", "usage": { "input": 19, "output": 9 }, "stopReason": "end_turn" }
code
- const route = "interpret";
+ const route = chooseRoute(provider, keys, serverConfig);

Math

Inline math like eiπ+1=0e^{i\pi} + 1 = 0 and a display block:

0ex2dx=π2\int_0^\infty e^{-x^2}\,dx = \frac{\sqrt{\pi}}{2}

LaTeX viewer

A fenced latex block is typeset by the LaTeX viewer (toggle Rendered / Source):

LaTeX
tΨ=H^Ψ\frac{\partial}{\partial t}\Psi = \hat{H}\Psi
LaTeX
E=ρε0B=0\begin{aligned} \nabla \cdot \mathbf{E} &= \frac{\rho}{\varepsilon_0} \\ \nabla \cdot \mathbf{B} &= 0 \end{aligned}

Prose and math mix in one block, and escaped currency stays literal text:

LaTeX
The mass-energy relation E=mc2E = mc^2 and a budget line of $5 per unit.

That's the full surface.