diff --git a/packages/extension/e2e.mjs b/packages/extension/e2e.mjs
index e05c299..81e129e 100644
--- a/packages/extension/e2e.mjs
+++ b/packages/extension/e2e.mjs
@@ -6,6 +6,7 @@
  */
 import { chromium } from "playwright-core";
 import { createServer } from "node:http";
+import { mkdirSync } from "node:fs";
 import { readFile } from "node:fs/promises";
 import { join, dirname } from "node:path";
 import { fileURLToPath } from "node:url";
@@ -13,6 +14,8 @@
 
 const root = dirname(fileURLToPath(import.meta.url));
 const SERVER = "http://localhost:8001";
+// writeFile below does not create parent directories (page.screenshot does)
+mkdirSync("/tmp/ltt-shots", { recursive: true });
 const PAGE_PORT = 8899;
 const stamp = Date.now();
 const EMAIL = `ext-e2e-${stamp}@example.com`;
@@ -26,6 +29,8 @@
   <form onsubmit="return false">
     <input id="name-input" placeholder="type here" />
   </form>
+  <!-- tall enough for window.scrollTo to actually fire a scroll event -->
+  <div style="height: 2000px"></div>
   <script>
     // sticky flags: hover windows during replay are short, so sample and latch
     document.addEventListener("mouseover", (event) => {
@@ -127,7 +132,14 @@
   // whole-page screenshot.
   await page.waitForTimeout(1500); // picker click → region selector mount + capture
   await page.keyboard.press("Enter"); // whole-page screenshot option
-  await page.waitForTimeout(1500); // confirm → composer mount + focus
+  // the composer autofocuses its title input; focus inside the closed shadow
+  // root surfaces as the host element on the page. Stitching a tall page can
+  // take a while (capture quota retries), so poll instead of a fixed delay.
+  await page.waitForFunction(
+    () => document.activeElement?.id === "ltt-overlay-host",
+    null,
+    { timeout: 30000 }
+  );
   await page.keyboard.type("Button looks broken after hover");
   await page.keyboard.press("Tab");
   await page.keyboard.type("Repro: hover, then click.");
@@ -135,11 +147,17 @@
   await page.waitForTimeout(4000); // capture + upload + submit
   await page.screenshot({ path: "/tmp/ltt-e2e-after-submit.png" });
 
-  // --- verify the report landed on the server ---
-  const reports = await api(`/api/projects/${project.id}/reports`, {
-    headers: { Authorization: `Bearer ${login.token}` },
-  });
-  const items = reports.items ?? reports;
+  // --- verify the report landed on the server (poll: capture+upload+submit
+  // can take a while, especially with a tall full-page screenshot) ---
+  let items = [];
+  for (let i = 0; i < 30; i++) {
+    const reports = await api(`/api/projects/${project.id}/reports`, {
+      headers: { Authorization: `Bearer ${login.token}` },
+    });
+    items = reports.items ?? reports;
+    if (items.length) break;
+    await new Promise((r) => setTimeout(r, 1000));
+  }
   if (!items.length) throw new Error("No reports found after submit");
   const report = await api(`/api/reports/${items[0].share_token}`);
   console.log("report:", JSON.stringify({ title: report.title, selector: report.element?.selector }));
@@ -178,6 +196,9 @@
   await wiggle(inputBox);
   await page.mouse.click(inputBox.x + 10, inputBox.y + inputBox.height / 2);
   await page.keyboard.type("Hello recorder");
+  // page scroll: must land as a "scroll" step (debounced per pause)
+  await page.evaluate(() => window.scrollTo(0, 400));
+  await page.waitForTimeout(500); // let the scroll debounce flush
   // console tap: the error must land as a "console" step of the recording
   await page.evaluate(() => {
     console.error("e2e console boom", { code: 42 });
@@ -299,11 +320,15 @@
     })
   );
   const consoleOk = steps.some((s) => s.type === "console" && String(s.data?.text ?? "").includes("e2e console boom"));
+  const scrollStep = steps.find((s) => s.type === "scroll");
+  const scrollOk = Boolean(scrollStep) && Number(scrollStep?.data?.y) === 400;
   const recorderOk =
     recordingSummary.type === "recording" &&
     steps.some((s) => s.type === "click") &&
     steps.some((s) => s.type === "input" && s.data?.value === "Hello recorder") &&
+    scrollOk &&
     Boolean(mediaAttachment);
+  console.log("scroll step:", JSON.stringify(scrollStep?.data ?? null));
   // recording survives a full navigation: url_change recorded, and a click
   // captured *after* it (capture listeners reinstalled on the new page);
   // the report's page_url must be the URL where recording started
@@ -506,6 +531,9 @@
   process.exitCode = ok ? 0 : 1;
 } catch (error) {
   console.error("E2E FAILED:", error);
+  try {
+    console.log("background log:", JSON.stringify(await worker.evaluate(() => self.__lttDebug()), null, 1));
+  } catch {}
   process.exitCode = 1;
 } finally {
   await context.close();
diff --git a/packages/extension/src/background/index.ts b/packages/extension/src/background/index.ts
index e1e9a64..5eb5c22 100644
--- a/packages/extension/src/background/index.ts
+++ b/packages/extension/src/background/index.ts
@@ -689,6 +689,18 @@
           .catch(() => {});
       }
       played++;
+    } else if (step.type === "scroll") {
+      // page scroll: no element to resolve — the content script scrolls the
+      // window, scaling the recorded offsets to the current viewport
+      await browser.tabs
+        .sendMessage(tabId, {
+          type: "replay_scroll",
+          x: step.data?.x,
+          y: step.data?.y,
+          viewport: (report.environment as { viewport?: { w: number; h: number } } | undefined)?.viewport,
+        })
+        .catch(() => {});
+      played++;
     } else if (step.type === "click" || step.type === "input") {
       const response = (await browser.tabs.sendMessage(tabId, { type: "replay_step", data: step.data }).catch(() => null)) as
         | { ok: boolean }
diff --git a/packages/extension/src/content/index.ts b/packages/extension/src/content/index.ts
index 3962c21..cbfbab0 100644
--- a/packages/extension/src/content/index.ts
+++ b/packages/extension/src/content/index.ts
@@ -23,11 +23,26 @@
 /** Longest input debounced per element; flushes a single input event per pause. */
 const pendingInputs = new Map<Element, { timer: number; element: ElementContext }>();
 
-function sendRecorderEvent(type: "click" | "input", element: ElementContext, data: Record<string, unknown>) {
+/** Window scroll debounced like inputs: one "scroll" step per pause. */
+let pendingScroll: number | null = null;
+
+function flushScroll() {
+  if (pendingScroll == null) return;
+  window.clearTimeout(pendingScroll);
+  pendingScroll = null;
+  sendRecorderEvent("scroll", null, { x: window.scrollX, y: window.scrollY });
+}
+
+function sendRecorderEvent(
+  type: "click" | "input" | "scroll",
+  element: ElementContext | null,
+  data: Record<string, unknown>
+) {
+  const payload = element ? { element, ...data } : data;
   void browser.runtime
     .sendMessage({
       type: "recorder_event",
-      event: { type, data: { element, ...data }, at: Date.now() },
+      event: { type, data: payload, at: Date.now() },
     })
     .catch(() => {});
 }
@@ -116,9 +131,17 @@
     pendingInputs.set(target, { timer, element: buildElementContext(target) });
   };
 
+  const onScroll = (event: Event) => {
+    // only page scroll — a scroll inside an inner container bubbles up too
+    if (event.target !== document && event.target !== document.documentElement) return;
+    if (pendingScroll != null) window.clearTimeout(pendingScroll);
+    pendingScroll = window.setTimeout(flushScroll, 250);
+  };
+
   document.addEventListener("click", onClick, true);
   document.addEventListener("input", onInput, true);
   document.addEventListener("mousemove", onMouseMove, true);
+  window.addEventListener("scroll", onScroll, { capture: true, passive: true });
   // the content script dies on full page navigations — flush regularly so
   // each page contributes its own slice of the track, and squeeze out the
   // tail when the page is being unloaded
@@ -130,6 +153,7 @@
     // flush pending input debounces too — otherwise "type, then navigate"
     // loses the input step entirely
     for (const element of [...pendingInputs.keys()]) flushInput(element);
+    flushScroll();
     const points = takeMoveSamples();
     if (points.length) void browser.runtime.sendMessage({ type: "recorder_move_batch", points }).catch(() => {});
   };
@@ -139,9 +163,12 @@
     document.removeEventListener("click", onClick, true);
     document.removeEventListener("input", onInput, true);
     document.removeEventListener("mousemove", onMouseMove, true);
+    window.removeEventListener("scroll", onScroll, { capture: true });
     window.removeEventListener("pagehide", onPageHide);
     if (moveFlushTimer != null) window.clearInterval(moveFlushTimer);
     moveFlushTimer = null;
+    if (pendingScroll != null) window.clearTimeout(pendingScroll);
+    pendingScroll = null;
     for (const [element, pending] of pendingInputs) window.clearTimeout(pending.timer);
     pendingInputs.clear();
   };
@@ -340,6 +367,20 @@
       sendResponse({ ok: true, points: takeMoveSamples() });
       return true;
 
+    case "replay_scroll": {
+      // scale the recorded offsets to the current window size (the recorded
+      // viewport comes from the report environment)
+      const viewport = (msg.viewport ?? null) as { w?: number; h?: number } | null;
+      const x = typeof msg.x === "number" ? msg.x : 0;
+      const y = typeof msg.y === "number" ? msg.y : 0;
+      window.scrollTo(
+        viewport?.w ? x * (window.innerWidth / viewport.w) : x,
+        viewport?.h ? y * (window.innerHeight / viewport.h) : y
+      );
+      sendResponse({ ok: true });
+      return true;
+    }
+
     case "replay_step": {
       const result = replayStep((msg.data ?? {}) as Record<string, unknown>);
       sendResponse({ ok: result.ok });
diff --git a/packages/extension/src/popup/Popup.vue b/packages/extension/src/popup/Popup.vue
index b7213e5..976c768 100644
--- a/packages/extension/src/popup/Popup.vue
+++ b/packages/extension/src/popup/Popup.vue
@@ -185,7 +185,7 @@
       <!-- project switcher -->
       <label class="popup-project">
         <i class="ph ph-folder-open" />
-        <select class="popup-project-select" :value="settings.defaultProjectId ?? ''" @change="switchProject">
+        <select class="popup-project-select" :value="settings?.defaultProjectId ?? ''" @change="switchProject">
           <option value="" disabled>Select a project…</option>
           <option v-for="project in projects" :key="project.id" :value="project.id">{{ project.name }}</option>
         </select>
diff --git a/packages/shared/src/api.ts b/packages/shared/src/api.ts
index fdc3083..9a29c35 100644
--- a/packages/shared/src/api.ts
+++ b/packages/shared/src/api.ts
@@ -57,7 +57,7 @@
 export interface RecordingStep {
   id: string;
   step_index: number;
-  type: "click" | "input" | "url_change" | "navigation" | "note" | "screenshot" | "console";
+  type: "click" | "input" | "url_change" | "navigation" | "note" | "screenshot" | "console" | "scroll";
   offset_ms: number;
   data: Record<string, unknown>;
   screenshot_attachment_id: string | null;
diff --git a/packages/web/src/i18n/en.json b/packages/web/src/i18n/en.json
index e7ef59a..0719c6d 100644
--- a/packages/web/src/i18n/en.json
+++ b/packages/web/src/i18n/en.json
@@ -105,6 +105,7 @@
       "click": "Click",
       "input": "Input",
       "url_change": "URL change",
+      "scroll": "Scroll",
       "navigation": "Navigation",
       "note": "Note",
       "screenshot": "Screenshot",
diff --git a/packages/web/src/i18n/ru.json b/packages/web/src/i18n/ru.json
index 4fe0110..b7357cb 100644
--- a/packages/web/src/i18n/ru.json
+++ b/packages/web/src/i18n/ru.json
@@ -105,6 +105,7 @@
       "click": "Клик",
       "input": "Ввод",
       "url_change": "Смена URL",
+      "scroll": "Прокрутка",
       "navigation": "Переход",
       "note": "Заметка",
       "screenshot": "Скриншот",
diff --git a/packages/web/src/i18n/uk.json b/packages/web/src/i18n/uk.json
index fa9cb9b..967f903 100644
--- a/packages/web/src/i18n/uk.json
+++ b/packages/web/src/i18n/uk.json
@@ -105,6 +105,7 @@
       "click": "Клік",
       "input": "Введення",
       "url_change": "Зміна URL",
+      "scroll": "Прокрутка",
       "navigation": "Перехід",
       "note": "Нотатка",
       "screenshot": "Скріншот",
@@ -195,4 +196,4 @@
     "save": "Зберегти",
     "edit": "Змінити"
   }
-}
\ No newline at end of file
+}
diff --git a/packages/web/src/lib/aiPrompt.ts b/packages/web/src/lib/aiPrompt.ts
index 1681054..fe69b4a 100644
--- a/packages/web/src/lib/aiPrompt.ts
+++ b/packages/web/src/lib/aiPrompt.ts
@@ -127,6 +127,7 @@
   } else if (typeof data.to_url === "string") {
     parts.push(data.to_url);
   }
+  if (typeof data.x === "number" && typeof data.y === "number") parts.push(`to (${data.x}, ${data.y})`);
   if (typeof data.text === "string" && data.text) parts.push(data.text);
   const label = t(`report.stepTypes.${step.type}`);
   const time = `${(step.offset_ms / 1000).toFixed(1)}s`;
diff --git a/packages/web/src/pages/ReportPage.vue b/packages/web/src/pages/ReportPage.vue
index 5539add..cdd02f6 100644
--- a/packages/web/src/pages/ReportPage.vue
+++ b/packages/web/src/pages/ReportPage.vue
@@ -264,6 +264,7 @@
   if (typeof data.value_length === "number") parts.push(`(${data.value_length} chars)`);
   if (typeof data.from_url === "string") parts.push(String(data.from_url));
   if (typeof data.to_url === "string") parts.push(`→ ${data.to_url}`);
+  if (typeof data.x === "number" && typeof data.y === "number") parts.push(`(${data.x}, ${data.y})`);
   if (typeof data.text === "string") parts.push(data.text);
   return parts.join(" ") || "—";
 }
@@ -433,6 +434,7 @@
                       step.type === 'click' ? 'ph-mouse-simple'
                       : step.type === 'input' ? 'ph-keyboard'
                       : step.type === 'url_change' ? 'ph-arrows-left-right'
+                      : step.type === 'scroll' ? 'ph-arrows-down-up'
                       : step.type === 'note' ? 'ph-note-pencil'
                       : step.type === 'screenshot' ? 'ph-camera'
                       : step.type === 'console' ? 'ph-warning'
diff --git a/server/app/schemas.py b/server/app/schemas.py
index 03e11e7..93425f2 100644
--- a/server/app/schemas.py
+++ b/server/app/schemas.py
@@ -106,7 +106,7 @@
 
 
 class StepIn(BaseModel):
-    type: str = Field(pattern="^(click|input|url_change|navigation|note|screenshot|console)$")
+    type: str = Field(pattern="^(click|input|url_change|navigation|note|screenshot|console|scroll)$")
     offset_ms: int = Field(ge=0)
     data: dict = {}
     attachment_id: uuid.UUID | None = None  # uploaded screenshot to link to this step