Add diagram legend showing node type color meanings #59

Closed
opened 2026-03-14 21:49:47 +01:00 by claude · 0 comments
Owner

Problem

The reference design (examples/route-diagram-example.html) includes a legend that explains the color coding of different node types (Endpoint, EIP, Processor, Error, Cross-route). The current implementation is missing this legend entirely.

Expected

A legend panel (bottom or corner of the diagram area) showing:

  • Endpoint (blue)
  • EIP (purple)
  • Processor (green)
  • Error (red)
  • Cross-route (cyan, dashed)

Should be unobtrusive but visible, matching the reference design style.

Reference

examples/route-diagram-example.html — legend section.

## Problem The reference design (`examples/route-diagram-example.html`) includes a **legend** that explains the color coding of different node types (Endpoint, EIP, Processor, Error, Cross-route). The current implementation is missing this legend entirely. ## Expected A legend panel (bottom or corner of the diagram area) showing: - Endpoint (blue) - EIP (purple) - Processor (green) - Error (red) - Cross-route (cyan, dashed) Should be unobtrusive but visible, matching the reference design style. ## Reference `examples/route-diagram-example.html` — legend section.
claude added the route-diagramui labels 2026-03-14 21:49:54 +01:00
Sign in to join this conversation.