| 2026-09-17 |
Recorder survives page navigation, cursor clock sync, initial page_url
...
- Background reinstalls the capture listeners (and recorder bar) in
every new document while a recording is active, so a full page
navigation no longer resets the track; pending input debounces and
the mouse-track tail are flushed on pagehide so "type, then
navigate" keeps the input step
- The report's page_url now stays the URL where recording started
(replay opens that page; the rest of the path lives in url_change
steps)
- Replay: after a url_change step the new document gets its content
script and cursor back, resuming the mouse path from the current
step (replay_start now takes a from_t offset); after every executed
step the background nudges the cursor clock toward the gap-capped
step clock (max 400 ms per nudge) so the virtual mouse no longer
drifts behind the actions
Co-Authored-By: Claude Code <noreply@anthropic.com>
Eugene Sukhodolskiy
committed
1 day ago
|

Record the mouse path and play it back with a virtual cursor
...
- Recording: content script samples mousemove at ~25 Hz (2 px / 40 ms
thresholds), batches it to the background every second and before
submit; stored as reports.mouse_track (viewport + points, capped and
decimated server-side) via a new alembic migration
- Replay: a virtual cursor (overlay arrow) walks the recorded path,
scaled to the current viewport, dispatching synthetic mousemoves so
JS hover handlers stay live; clicks snap the cursor to the target
- Replay errors: page-load timeout aborts with a clear message, a
closed tab aborts, per-step failures (missing elements) are
collected, reported in the flash and in the replay result
- Panel: "Start replay" button on recording reports talks to the
extension through a new tiny relay content script (window messages,
no extension-id config), with presence check and toasts for
missing extension / no response / partial replay (en + ru)
Co-Authored-By: Claude Code <noreply@anthropic.com>
Eugene Sukhodolskiy
committed
1 day ago
|
Extension: popup UI, panel URL, icon fix, GIF tracks and track replay
...
- Popup replaces the auto-start picker: mode choice (element note /
record steps), latest report card with open / replay / delete, web
panel link; share links open at panelUrl (default :5173)
- Register the Phosphor font via the FontFace API — constructable
stylesheets ignore @font-face, which left overlay icons empty
- Recorder tracks upload as one animated GIF (gifenc) instead of per-
step screenshots; frames follow event pacing, UI hidden on capture
- Replay a recorded track from the popup: background opens the start
page, re-executes click/input/url_change steps with original pacing
and flashes the result in the overlay
Co-Authored-By: Claude Code <noreply@anthropic.com>
Eugene Sukhodolskiy
committed
1 day ago
|
Extension popup: mode choice, latest report, panel link; auto-copied share links
...
- Toolbar click now opens a popup instead of jumping straight into the
picker: two mode buttons (element note / record steps with live step
count), the latest report of the default project with open and
two-step delete, and an "Open web panel" shortcut to the project page.
- New background messages (start_picker, toggle_recorder, latest_report,
delete_report, open_panel) resolve the active tab themselves; the
action.onClicked path stays for keyboard-driven flows.
- Settings gain panelUrl (falls back to serverUrl); options page gets a
"Web panel URL" input.
- After a note is submitted its share link is copied to the clipboard
automatically (with an execCommand fallback) and a brief toast
confirms it; e2e asserts the clipboard content.
- Build: new popup entry (own CSS chunk), manifest default_popup.
Co-Authored-By: Claude Code <noreply@anthropic.com>
Eugene Sukhodolskiy
committed
1 day ago
|
Bigger editor canvas, larger annotation text, plugin UI hidden in captures
...
- Fullscreen editor: toolbar and Save/Cancel now float above the canvas,
which takes the entire window (1344x896 vs 1147x765 at 1440x900).
- Extension composer widened to 1100px, drawing area raised to 62vh.
- Text tool renders ~2.4x larger (strokeWidth * 12, min 24px); size
slider now goes up to 20.
- Screenshots never contain the plugin's own UI: the background hides the
overlay host around every captureVisibleTab (covers region capture,
full-page tiles and recorder step screenshots); the region selector
keeps it hidden for the whole stitch via a refcounted module.
- e2e saves a step screenshot for inspection; fixed its file download to
resolve attachment id -> file id.
Co-Authored-By: Claude Code <noreply@anthropic.com>
Eugene Sukhodolskiy
committed
1 day ago
|

Annotated screenshots in lightbox; region/whole-page capture in extension
...
- Extract shared shapeDraw.ts (pen/arrow/rect/text) used by both the
annotation editor and the viewer.
- ScreenshotViewer lightbox now renders a canvas with the screenshot plus
annotation shapes baked in, so opening a screenshot fullscreen shows the
drawn version instead of the raw image.
- New RegionSelector step in the extension: after picking an element, the
page is captured pristine (before any overlay renders) and the user can
either drag a region on the page (cropped at devicePixelRatio) or take
the whole page via the button / Enter.
- Whole-page capture scrolls and stitches viewport tiles, hiding the
overlay and fixed/sticky elements; per-tile captures retry with backoff
because captureVisibleTab is throttled.
- NoteComposer receives the screenshot from the region selector instead of
capturing on its own; e2e updated (Enter = whole page).
Co-Authored-By: Claude Code <noreply@anthropic.com>
Eugene Sukhodolskiy
committed
1 day ago
|
UI: redesign extension options page, panel tweaks from review
...
- options page: was losing its styles — the content pass overwrote
assets/style.css (cssCodeSplit:false, shared asset name); options now
emits assets/options.css and the page uses kit components (GnCard/
GnInput/GnButton/GnSelect/GnAvatar) for the same look as the panel
- panel: hide the kit topbar "current section" chip entirely (page
headers already carry context)
- ProjectsPage: vertical rhythm via a 20px column gap; project cards
redesigned (name + compact copy icon, clamped description, footer
link "Open →" instead of the clunky boxed button); gap between the
create-modal action buttons
- e2e: options-page assert follows the new profile markup
Co-Authored-By: Claude Code <noreply@anthropic.com>
Eugene Sukhodolskiy
committed
1 day ago
|

Extension: picker, note composer, recorder + infra (Makefile, prod compose, README)
...
- MV3 extension for Chrome and Firefox: single codebase, per-entry IIFE
builds (background / content / options), manifests generated per target
- Background service worker owns all networking (Bearer token from
storage.local), captureVisibleTab (windowId!), recorder event buffer
with offset_ms and auto-screenshots on clicks
- Content overlay in a closed shadow root (constructable stylesheets,
kit CSS fetched from assets/style.css with /assets URL rewrite);
PickerLayer, NoteComposer (autofocus, Ctrl+Enter submit),
RecorderBar (step counter, note, stop)
- Options page: server URL, login, default project
- Recorder steps link screenshots by uploaded file id (server accepts
attachment id or file id); environment/element JSONB serialized with
mode="json" (datetime captured_at broke inserts)
- e2e harness: headless Chromium + extension, note + recording flows
- Makefile, docker-compose.prod.yml (caddy :8081 + static panel),
deploy/Caddyfile, README (ru) with extension install and /assets notes
Co-Authored-By: Claude Code <noreply@anthropic.com>
Eugene Sukhodolskiy
committed
1 day ago
|