Skip to content

v1.2.1 — vocabulary, sizing & lint alignment

Latest

Choose a tag to compare

@Agents365-ai Agents365-ai released this 03 Jun 14:39
3ad309b

Research-driven improvements validated against the live tldraw-cli renderer and tldraw's own official agent template.

Vocabulary

  • Geo types expanded 7 → 20 (oval, pentagon, octagon, trapezoid, rhombus/rhombus-2, arrow-right/left/up/down, x-box, check-box, heart, …)
  • Color palette expanded 10 → 13 (added light-violet, light-green, white)
  • Arrowheads: full 9-value set documented (none, arrow, triangle, diamond, dot, square, bar, pipe, inverted) + spline: line|cubic
  • Container & annotation shapes: frame (labeled container with relative-coord children) and note (sticky)

Layout quality

  • Proactive label-sizing heuristic — box-to-label fit formula with per-size char metrics
  • growY overflow signal documented as the authoritative "undersized box" indicator
  • Parallel-arrow bend formula for multiple arrows between the same two nodes

Correctness

  • Self-check aligned to tldraw's 3 canonical lints (growY / overlapping-text / friendless-arrow)
  • Fixed UML arrowhead guidance (filled triangle/diamond do render)
  • Corrected fractional index-key guidance (a10/b1 are invalid)
  • Chrome-pin troubleshooting added for first-export failures

Showcase

  • Refreshed flagship example to demonstrate frame, note, dashed async flows, and the expanded palette

Full changelog: v1.1.0...v1.2.1