@khanglvm/relay 0.5.0 → 0.5.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/README.md +10 -4
  2. package/docs/assets/demo.gif +0 -0
  3. package/docs/assets/feature-annotate.gif +0 -0
  4. package/docs/assets/feature-fullscreen.gif +0 -0
  5. package/docs/assets/feature-options.gif +0 -0
  6. package/package.json +1 -1
  7. package/src/ui/blocks.css +3 -1
package/README.md CHANGED
@@ -10,11 +10,17 @@ JSON and keeps working.
10
10
 
11
11
  ## See it
12
12
 
13
- A real board from a real session — an agent presenting three animated UI
14
- prototypes, asking which to build, expanding one full-screen, and getting the
15
- answers on Submit:
13
+ **Visual answer options** — every choice carries its own chart/image/diagram, so you pick by looking:
16
14
 
17
- ![relay demo — animated prototypes, picking an option, full-screen, submit](https://raw.githubusercontent.com/khanglvm/relay/main/docs/assets/demo.gif)
15
+ ![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)
16
+
17
+ **Comment on anything** — click a chart bar, diagram node, table cell, or sentence; comments return to the agent with the answers:
18
+
19
+ ![Clicking a chart bar and leaving an inline comment](https://raw.githubusercontent.com/khanglvm/relay/main/docs/assets/feature-annotate.gif)
20
+
21
+ **Full-screen any visual** — one button above every chart, diagram, table, image, and prototype:
22
+
23
+ ![Expanding a diagram into the full-screen overlay](https://raw.githubusercontent.com/khanglvm/relay/main/docs/assets/feature-fullscreen.gif)
18
24
 
19
25
  | Light theme | Dark theme |
20
26
  |---|---|
package/docs/assets/demo.gif CHANGED
Binary file
package/docs/assets/feature-annotate.gif ADDED
Binary file
package/docs/assets/feature-options.gif ADDED
Binary file
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@khanglvm/relay",
3
- "version": "0.5.0",
3
+ "version": "0.5.1",
4
4
  "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.",
5
5
  "keywords": [
6
6
  "ai-agents",
package/src/ui/blocks.css CHANGED
@@ -132,10 +132,12 @@
132
132
  .blk-table tbody tr:last-child td { border-bottom: 0; }
133
133
 
134
134
  /* ---------- chart ---------- */
135
+ /* NO height here: renderChart always sets the inline height, and this class
136
+ also lands on the outer .blk.blk-chart dispatch wrapper — a CSS height
137
+ would force every custom-height chart into a 320px box (dead space). */
135
138
  .blk-chart {
136
139
  position: relative;
137
140
  width: 100%;
138
- height: 320px;
139
141
  }
140
142
  .blk-chart canvas { display: block; }
141
143
  .blk-chart-badge {