Tri-Mode Canvas Operations
The floating bottom toolbar features a segmented toggle allowing you to switch between three modes instantly:
[ Comment Mode (C) ] [ Inspect Mode (I) ] [ Browse Mode (V) ]1. Browse Mode (`V`)
Browse Mode turns off review overlays and restores standard web browser behavior:
- Click links to navigate through multi-page user journeys.
- Open dropdown menus, trigger modals, and fill out test forms.
- Pinned comment markers remain visible as compact numbered badges so you can see where feedback lives while exploring the page.
2. Comment Mode (`C`)
Comment Mode activates element-snapping feedback:
- Moving your cursor across the page highlights HTML elements with glowing bounding boxes.
- Click any button, heading, card, or image to drop a comment pin.
- The composer opens immediately with automatic diagnostic context captured.
3. Inspect Mode (`I`)
Inspect Mode is designed for frontend developers and design system maintainers:
- Hover over any element to display its CSS dimensions, padding, margins, and tag name.
- Clicking an element opens the Inspector Drawer, detailing:
- Computed typography (font family, font weight, line height, letter spacing).
- Colors and background tokens.
- Flexbox and CSS Grid layout parameters.
- HTML attributes and accessibility roles.