Changelog

What's new in POKEIT — features, fixes, and improvements.

v0.3.0

Latest2026-06-04

Fixed 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.

ProfileCard (src/components/dashboard/profile/ProfileCard.tsx:42)
flex items-center gap-4 px-3 pt-3
· border-radius 16px
long paths wrap cleanly
Fix

No horizontal scroll

Fixed horizontal scrollbars that appeared in the notes panel and input popup when long file paths overflowed. Paths now wrap cleanly.

POKE!T inspector — QA notes from the browser
URL: localhost:3000/profile
## ProfileCard
- still typing this note
Styles: text:"inner text…"
Update

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.

before
panel inherits the page font
after
panel always uses system font
Fix

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.

now inspectable
pointer-events: none no longer blocks
Fix

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.

/dashboard?tab=weekly3 notes
/dashboard?tab=monthly2 notes
utm_source=email· tracking auto-stripped
New

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.

before
[POKEIT] QA Notes
AI may misread as a workspace label or repo name
after
POKE!T inspector — QA notes from the browser
AI clearly reads it as "QA feedback from a browser inspector"
Update

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-13

Notes spanning multiple pages now keep their page context in the copied output. Both the panel and exports are organized by page.

[POKEIT] QA Notes
URL: localhost:3000/home
## 1. Hero
- make text larger
URL: localhost:3000/blog
## 2. PostCard
- border-radius 16px
Fix

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.

/bloghere
PostCard · title font
/home
Hero · tighten spacing
Update

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.

text:"Long element text gets cut at 60 characters and ends with"
60 chars · ellipsis
Update

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-17

Better component detection on Radix-based UIs and a smoother panel.

Fix

Clicks inside Radix menus/dialogs

Inspector now reaches the actual element instead of falling through to the page root.

Fix

Component name reaches your code

Walker skips Radix and Next.js wrappers (Primitive.*, *Provider, layout boundaries) to show your component.

Update

Panel polish

Scroll edge no longer flashes white; copy button restyled.

v0.2.2

2026-03-18

Smarter element inspection — host elements now show their parent React component, plus z-index and sync fixes.

New

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.

Fix

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.

Fix

Clear-All Sync

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

Update

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-13

Inspector precision improvements — smarter class filtering, keyboard navigation, and page-scoped notes.

Layout
ProfileCard
├─Avatar
Parent
Child
New

Keyboard Navigation

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

CodeViewHeader-module__Box_2__TB46f
tmp-px-3 tmp-pt-3
flex items-center gap-4 px-3 pt-3
New

Smart Class Filter

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

/dashboard3 notes
/settings1 note
/profile2 notes
Fix

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.

component:Button
source:ui/Button.tsx:24
text:"Submit Order"
Fix

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-11

Redesigned overlay with clearer visual feedback.

element
content
padding
margin
Update

Improved Overlay UI

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

v0.1.0

2026-03-09

Initial release — visual QA inspector for AI-powered development.

POKEIT Inspector
New

Element Inspector

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

1
Change border-radius to 16px
2
Font size 16px
New

QA Notes

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

[POKEIT] QA Notes
URL: localhost:3000
## 1. ProfileCard
- border-radius 16px
tree: App > Layout > ★ ProfileCard
New

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.png
New

Screenshot Capture

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