Changelog
What's new in POKEIT — features, fixes, and improvements.
v0.3.0
Latest2026-06-04Fixed horizontal scroll in the notes panel and input popup, made the click-to-copy output richer, and stopped host page fonts from leaking into the extension UI. Notes are now scoped per query-string state, and the copy header was reworded so AI agents read it as plain context instead of a bracketed label.
No horizontal scroll
Fixed horizontal scrollbars that appeared in the notes panel and input popup when long file paths overflowed. Paths now wrap cleanly.
Richer click-to-copy
Pressing the copy button after clicking a component now bundles the site URL, the component's inner text (descendant text is captured automatically for wrapper divs), and whatever you're still typing in the input — all in one paste.
Font style isolation
The extension's panel and popup no longer pick up the host page's font, letter-spacing, or text-transform rules. POKE!T UI now renders in a consistent system font on every site.
Disabled buttons inspectable
Elements with `disabled`, `aria-disabled`, or `pointer-events: none` are invisible to the browser's hit-testing, so the inspector used to grab their parent container instead. The inspector now walks inside that parent to find the smallest hit-blocked descendant and selects it directly — normal element selection is unaffected.
Query-aware page scoping
Notes are now scoped per query-string state, so `?tab=weekly` and `?tab=monthly` keep their own buckets instead of mixing on the same path. Well-known tracking parameters (`utm_*`, `gclid`, `fbclid`, `mc_eid`, etc.) are stripped automatically so analytics noise doesn't fragment notes. SPA navigation via `history.pushState` / `replaceState` is intercepted, so tab switches that only change the query string still refresh markers and the panel immediately.
Friendlier copy header
The first line of copied output now reads `POKE!T inspector — QA notes from the browser` instead of `[POKEIT] QA Notes`. The bracketed-tag format risked being misread as a monorepo workspace name or issue-tracker label; the natural-language phrasing gives AI agents an unambiguous signal that the payload is QA feedback captured from a browser inspector.
v0.2.4
2026-05-13Notes spanning multiple pages now keep their page context in the copied output. Both the panel and exports are organized by page.
Copy grouped per Page
Fixed an issue where copying notes recorded across multiple pages only included the final page URL. Notes are now grouped per page with each group carrying its own URL.
Panel grouped by page
The notes panel groups entries by page, with the current page pinned to the top and marked with a 'here' badge.
Long text truncation
Long element text in the copied output is now truncated at 60 characters with an ellipsis, keeping the export easy to scan.
v0.2.3
2026-04-17Better component detection on Radix-based UIs and a smoother panel.
Clicks inside Radix menus/dialogs
Inspector now reaches the actual element instead of falling through to the page root.
Component name reaches your code
Walker skips Radix and Next.js wrappers (Primitive.*, *Provider, layout boundaries) to show your component.
Panel polish
Scroll edge no longer flashes white; copy button restyled.
v0.2.2
2026-03-18Smarter element inspection — host elements now show their parent React component, plus z-index and sync fixes.
Parent Component Resolution
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.
Overlay Z-Index
Inspector overlay, tooltips, QA markers, and input popups now use max z-index (2147483647) to prevent being hidden behind high-z-index site elements.
Clear-All Sync
Deleting all notes from the popup now correctly clears markers and panel state in the content script across all matching tabs.
Export Format
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.
v0.2.1
2026-03-13Inspector precision improvements — smarter class filtering, keyboard navigation, and page-scoped notes.
Keyboard Navigation
Use ↑↓ arrow keys to traverse parent and child elements without re-clicking. Navigate the entire DOM tree from your keyboard.
Smart Class Filter
Automatically strips hashed class names from CSS Modules, styled-components, Emotion, and StyleX. Shows clean Tailwind utilities only.
Page-Scoped Notes
QA notes are now scoped to the current page URL. Different routes no longer share annotations — each page keeps its own notes.
Text Content Detection
Inspector now captures direct text content of elements, giving AI agents more context about what the element actually displays.
v0.2.0
2026-03-11Redesigned overlay with clearer visual feedback.
Improved Overlay UI
Redesigned element selection overlay with 3-layer highlight — content, padding, and margin visualized separately.
v0.1.0
2026-03-09Initial release — visual QA inspector for AI-powered development.
Element Inspector
Option-click or ⌥P to inspect any element. Reads React fiber tree, computed styles, and source file paths with line numbers.
QA Notes
Leave plain-language notes on any element — "Make this 16px" or "Align to grid". Notes persist across page reloads.
One-Click Copy
Copy all notes with full component context — tree, styles, source paths — formatted and ready to paste into any AI coding agent.
Screenshot Capture
Download a screenshot of the current page with one click from the QA panel for visual reference.