Paul BakausandClaude Opus 4.6 0a1e5614e9 Add global floating bar with detect/pick toggles ...

Compact floating pill at the bottom center of the viewport, always
visible during live mode. Matches the action bar's light, translucent
aesthetic with brand-tinted active states.

Controls:
- "Impeccable" brand mark (capitalized, brand magenta)
- Detect toggle: eye icon, loads anti-pattern scanner in extension mode,
  waits for impeccable-ready before first scan, shows issue count badge
  inside the button. Toggle off removes overlays.
- Pick toggle: crosshair icon, enables/disables element picker. Active
  by default. When pick is active, detect overlays get pointer-events:
  none so the picker sees through them.
- Exit button: sends exit event and tears down all UI.

Detect + pick coexistence fixes:
- Picker highlight z-index raised above detect overlays (100001 vs 99999)
  so the selection outline and element path are always visible.
- Removed layout-property transitions (top/left/width/height) from the
  highlight to avoid triggering the anti-pattern detector and to give
  instant cursor tracking.
- First-click-on-detect fix: script loads async, scan command is queued
  until the impeccable-ready postMessage arrives.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

2026-04-13 10:35:48 -07:00

..

skills/impeccable

Add global floating bar with detect/pick toggles

2026-04-13 10:35:48 -07:00