@khanglvm/relay 0.9.0 → 0.9.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@khanglvm/relay",
-  "version": "0.9.0",
+  "version": "0.9.1",
   "description": "Browser-based question boards with rich blocks (markdown, charts, mermaid, tables, code, sandboxed HTML) and element-level annotations for AI coding agents (Claude Code, Codex, …): ask users structured questions, present interactive visuals, collect inline comments, wait for submit, read answers as JSON.",
   "keywords": [
     "ai-agents",

package/src/ui/app.js

@@ -543,7 +543,13 @@
     Annotate?.register(titleEl, { blockId: null, questionId: null, target: { kind: 'html-element', label: spec.title } });
   }
   if (spec.intro) {
-    const intro = el('p', { class: 'intro' }, spec.intro);
+    // Render the intro as markdown (bold/italic/code/links/lists) — agents write
+    // markdown here by default. Falls back to plain text if blocks.js is absent.
+    // The .blk-markdown class scopes the shared markdown typography to it.
+    const md = typeof window.RelayBlocks !== 'undefined' && window.RelayBlocks.renderMarkdown;
+    const intro = md
+      ? el('div', { class: 'intro blk-markdown' }, window.RelayBlocks.renderMarkdown(spec.intro))
+      : el('p', { class: 'intro' }, spec.intro);
     app.append(intro);
     Annotate?.enableTextSelection(intro, { blockId: null, questionId: null });
   }

package/src/ui/blocks.js

@@ -1479,5 +1479,5 @@
     }
   }
 
-  window.RelayBlocks = { render, onThemeChange };
+  window.RelayBlocks = { render, onThemeChange, renderMarkdown };
 })();

package/src/ui/style.css

@@ -87,7 +87,12 @@ h1 {
   line-height: 1.25;
   text-wrap: balance;
 }
-.intro { color: var(--fg-2); white-space: pre-wrap; margin: 10px 0 18px; }
+.intro { color: var(--fg-2); margin: 10px 0 18px; }
+/* the intro renders markdown; keep it muted (out-specificity .blk-markdown .md)
+   and trim its block margins so it reads as a lead paragraph, not a content block */
+.intro.blk-markdown .md { color: var(--fg-2); }
+.intro.blk-markdown .md > :first-child { margin-top: 0; }
+.intro.blk-markdown .md > :last-child { margin-bottom: 0; }
 .theme-btn {
   background: transparent; color: var(--fg-2);
   border: 1px solid var(--border-strong); border-radius: 999px;