Canvas Edit - Live Annotation Toolbar

Floating toolbar that overlays design review findings directly on web pages in real-time. Displays numbered badges on problematic elements with severity-colored borders, hover popovers for issue details, and one-click screenshot capture.

Key features:

• Live annotations - Numbered badges appear on elements as issues are found
• Severity indicators - Color-coded badges (red/orange/blue) with counts
• Issue popovers - Click badges to see full issue details and recommendations
• Screenshot capture - Capture annotated page (toolbar hidden, annotations visible)
• Shadow DOM - Toolbar is invisible to agent-eyes screenshots
• Filtering - Filter by severity or pillar category

Breaking Changes from v1

This is a complete redesign. Canvas-edit is now a viewing tool, not an editing tool.