@khanglvm/relay 0.5.0 → 0.5.2

package/README.md

@@ -10,11 +10,23 @@ JSON and keeps working.
 
 ## See it
 
-A real board from a real session — an agent presenting three animated UI
-prototypes, asking which to build, expanding one full-screen, and getting the
-answers on Submit:
+**The whole loop** — your agent asks in the terminal, a board opens in your
+browser; you pick a style, expand the chart, comment on a data point, leave a
+note, Submit — and the agent picks up your answers and keeps going:
 
-![relay demo — animated prototypes, picking an option, full-screen, submit](https://raw.githubusercontent.com/khanglvm/relay/main/docs/assets/demo.gif)
+![Full flow: Claude Code opens a relay board, the user answers, comments and submits, the agent continues](https://raw.githubusercontent.com/khanglvm/relay/main/docs/assets/demo.gif)
+
+**Visual answer options** — every choice carries its own chart/image/diagram, so you pick by looking:
+
+![Visual answer options: clicking between two options that each carry their own chart](https://raw.githubusercontent.com/khanglvm/relay/main/docs/assets/feature-options.gif)
+
+**Comment on anything** — click a chart bar, diagram node, table cell, or sentence; comments return to the agent with the answers:
+
+![Clicking a chart bar and leaving an inline comment](https://raw.githubusercontent.com/khanglvm/relay/main/docs/assets/feature-annotate.gif)
+
+**Full-screen any visual** — one button above every chart, diagram, table, image, and prototype:
+
+![Expanding a diagram into the full-screen overlay](https://raw.githubusercontent.com/khanglvm/relay/main/docs/assets/feature-fullscreen.gif)
 
 | Light theme | Dark theme |
 |---|---|

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@khanglvm/relay",
-  "version": "0.5.0",
+  "version": "0.5.2",
   "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/blocks.css

@@ -132,10 +132,12 @@
 .blk-table tbody tr:last-child td { border-bottom: 0; }
 
 /* ---------- chart ---------- */
+/* NO height here: renderChart always sets the inline height, and this class
+   also lands on the outer .blk.blk-chart dispatch wrapper — a CSS height
+   would force every custom-height chart into a 320px box (dead space). */
 .blk-chart {
   position: relative;
   width: 100%;
-  height: 320px;
 }
 .blk-chart canvas { display: block; }
 .blk-chart-badge {