Changelog

Clicking a plain HTML element (div, span, etc.) now shows the nearest React component name — e.g. "ProfileCard > div" instead of just "div". Source paths point to the component file, not a CSS selector.

Inspector overlay, tooltips, QA markers, and input popups now use max z-index (2147483647) to prevent being hidden behind high-z-index site elements.

Deleting all notes from the popup now correctly clears markers and panel state in the content script across all matching tabs.

Copied QA notes now include the parent React component info when the target is a host element, giving AI agents better context for locating the right file.

Use ↑↓ arrow keys to traverse parent and child elements without re-clicking. Navigate the entire DOM tree from your keyboard.

Automatically strips hashed class names from CSS Modules, styled-components, Emotion, and StyleX. Shows clean Tailwind utilities only.

QA notes are now scoped to the current page URL. Different routes no longer share annotations — each page keeps its own notes.

Inspector now captures direct text content of elements, giving AI agents more context about what the element actually displays.

Redesigned element selection overlay with 3-layer highlight — content, padding, and margin visualized separately.

Option-click or ⌥P to inspect any element. Reads React fiber tree, computed styles, and source file paths with line numbers.

Leave plain-language notes on any element — "Make this 16px" or "Align to grid". Notes persist across page reloads.

Copy all notes with full component context — tree, styles, source paths — formatted and ready to paste into any AI coding agent.

Download a screenshot of the current page with one click from the QA panel for visual reference.