Gallery

@ljoukov/chat

Overview Routes and render surfacesChat Live thread demoComposer Spark-style input shellInput Autosize textareaMarkdown Rich text renderingMessage Attachments and message partsTask card Run state cardThread Full transcript surface
  1. Gallery
  2. /
  3. Markdown
Markdown

Markdown renderer for prose, tables, code, and maths.

The renderer supports block and inline modes, KaTeX formulas, syntax-highlighted code blocks, and copyable snippets.

Block markdown

Use the block renderer for assistant replies, notes, tables, and code examples.

Launch checklist

The renderer supports lists, tables, code blocks, inline code like npm run verify, and maths.

Keep status close to the answer so the chat surface stays operational.

  • Confirm the owner
  • Lock the dry-run date
  • Attach the final brief
Step Owner Status
Confirm export shape Platform In progress
Lock QA sign-off Ops Pending
Schedule dry run Delivery Ready
ts
const nextMessage = { role: 'assistant', parts: [taskPart(runCard)] };

Inline maths: E=mc2E = mc^2E=mc2

Display maths:

∫01x2 dx=13\int_0^1 x^2 \, dx = \frac{1}{3}∫01​x2dx=31​

Inline markdown

Inline mode is useful in labels, chips, and compact metadata rows.

Snippet

Keep taskPart() in the thread and render α+β\alpha + \betaα+β inline with the reply.

Command

Run npm run verify before publishing.