Recording submits at stop; composer edits the report by token ...

An MV3 service worker is killed after ~30 s of idle time, so parking the
recording buffer in background memory (pending + 10-min auto-save timer)
was unreliable: the timer never fired and Save could hit a restarted
worker with an empty buffer. Now recorderStop uploads the media, submits
the report with the auto-title right away, and only then opens the
composer. Save patches title/description (PATCH /api/reports/{token}),
Discard deletes the report — both are token-based and survive worker
restarts. recorder_submit is replaced by recorder_edit/recorder_discard
{token}.

Co-Authored-By: Claude Code <noreply@anthropic.com>

Project switcher in popup, pending-recording composer, cursor-crop video ...

- Popup: project dropdown (list_projects + settings_save defaultProjectId);
  switching refreshes the last-report card and panel link immediately.
- Recording stop no longer submits blindly: the buffer goes pending and a
  composer opens in the tab with title (prefilled) + description, Save
  (Ctrl+Enter, copies the share link) or two-step Discard; unanswered
  pending recordings auto-save after 10 minutes, and starting a new
  recording auto-saves a pending one. Composer survives navigation.
- WebM is now a square cursor-following crop (shared cursorCropRect helper
  with the GIF path), source dimension raised to 1280 so the 512px crop is
  native-resolution at DPR 1; full-frame 800px stays as fallback.
- e2e: second project + popup switcher asserts, composer save (typed
  title/description verified on server), keyboard-driven discard flow,
  ffprobe square-video assertions (512x512 VP8).

Co-Authored-By: Claude Code <noreply@anthropic.com>

Replay hover events: synthetic mouse family + CSS :hover via debugger API ...

The virtual cursor now dispatches the full mouse event family as it walks
the recorded path — mouseover/mouseenter on the new target, mouseout/
mouseleave (non-bubbling) on the previous one, relatedTarget wired up, and
throttled mousemove — so JS hover handlers stay live during replay.

CSS :hover can't be triggered by synthetic events, so when the hoverReplay
setting is on (default) the background attaches chrome.debugger to the
replay tab and mirrors cursor positions as trusted Input.dispatchMouseEvent
mouseMoved commands (~20 Hz), which light up real :hover styles. Firefox has
no debugger API and another debugger may hold the tab — both degrade
gracefully to JS-level hover only. New "debugger" permission; toggle in the
options page.

E2E now latches both hover kinds on the test page (sticky mouseover flag +
rAF-sampled :hover poll) and asserts the synthetic family; the CSS check is
reported but stays non-fatal since the debugger can be legitimately absent.

Co-Authored-By: Claude Code <noreply@anthropic.com>

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>

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>

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>

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>

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>

Make the annotation editor comfortable to draw in ...

- AnnotationEditor gains a fit="contain" mode: the canvas scales to fit
  its box entirely instead of being cropped to container width.
- Report page: "Edit annotations" now opens a fullscreen editor overlay
  (toolbar + large canvas + Save/Cancel, Escape cancels) instead of the
  small inline editor.
- Extension composer: widened to 920px and the screenshot area now takes
  55vh with the canvas contain-fit, so there is actual room to draw.

Co-Authored-By: Claude Code <noreply@anthropic.com>

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>

UI polish: fix black-on-dark leftovers, spacing, unstyled elements ...

- theme.css: design tokens mirroring kit's hardcoded Tokyo Night palette
  (--ltt-* + --color-* aliases used by @ltt/ui and the overlay)
- CompactSelect: kit GnSelect is a 54px/600px form control — compact
  variant for toolbar filters and the report status select
- ProjectPage: filters were blank (null modelValue matches no <option>)
  and huge; drop the floating GnTable caption chip
- AppShell: empty topbar chip is now a user identity + logout; remove
  unused props
- ReportPage/ProjectsPage/SettingsPage: kit .card is width:max-content/
  max-width:340px — cards fill their grid now; toolbar shows localized
  project count; PageHeader on settings
- ElementContext/EnvironmentInfo: row separators, dim labels, formatted
  CAPTURED date, selector rendered as a code chip
- ScreenshotViewer: optional labels prop (panel passes i18n strings)
- i18n: ru plural rules ("1 проект"), no hardcoded EN strings on
  auth pages; hide kit's "Forgot password?" stub link
- extension overlay: define --color-* vars on the shadow mount point
- Makefile: ext:watch/ext:test targets never parsed (colon in
  .PHONY/rules) — renamed to ext-watch/ext-test
- shot.mjs: screenshot harness for visual review of all pages

Co-Authored-By: Claude Code <noreply@anthropic.com>

Extension onboarding: warn when signed out, first-run click opens settings ...

- NoteComposer shows a warning banner with an "Open settings" button when
  there is no session or no default project (background: open_options)
- Toolbar click opens the options page instead of the picker until the
  user is signed in with a default project

Co-Authored-By: Claude Code <noreply@anthropic.com>

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>