qapture2 0.9.0 → 0.10.0

package/dist/{chunk-5EWNGJ2N.cjs → chunk-R6WVHVXO.cjs}

@@ -173,10 +173,12 @@ function deleteQaDatabase(namespace) {
 // src/config/schema.ts
 var DEFAULTS = {
   namespace: "qapture",
+  shotPort: 7017,
   brandLabel: "Qapture",
   loginField: { en: "Username", ar: "\u0627\u0633\u0645 \u0627\u0644\u0645\u0633\u062A\u062E\u062F\u0645" },
   rtl: false,
   beta: false,
+  collector: null,
   visible: void 0,
   alwaysVisible: false,
   hotkey: "shift+alt+q",
@@ -342,6 +344,7 @@ function validateConfig(input) {
     return {
       config: {
         namespace: DEFAULTS.namespace,
+        shotPort: DEFAULTS.shotPort,
         brand: { label: DEFAULTS.brandLabel },
         loginField: { ...DEFAULTS.loginField },
         credentials: [],
@@ -349,6 +352,7 @@ function validateConfig(input) {
         preamble: null,
         rtl: DEFAULTS.rtl,
         beta: DEFAULTS.beta,
+        collector: null,
         visible: DEFAULTS.visible,
         alwaysVisible: DEFAULTS.alwaysVisible,
         hotkey: DEFAULTS.hotkey,
@@ -363,6 +367,7 @@ function validateConfig(input) {
     return {
       config: {
         namespace: DEFAULTS.namespace,
+        shotPort: DEFAULTS.shotPort,
         brand: { label: DEFAULTS.brandLabel },
         loginField: { ...DEFAULTS.loginField },
         credentials: [],
@@ -370,6 +375,7 @@ function validateConfig(input) {
         preamble: null,
         rtl: DEFAULTS.rtl,
         beta: DEFAULTS.beta,
+        collector: null,
         visible: DEFAULTS.visible,
         alwaysVisible: DEFAULTS.alwaysVisible,
         hotkey: DEFAULTS.hotkey,
@@ -381,6 +387,8 @@ function validateConfig(input) {
   }
   const raw = input;
   const namespace = isNonEmptyString(raw["namespace"]) ? raw["namespace"].trim() : DEFAULTS.namespace;
+  const rawPort = Number(raw["shotPort"]);
+  const shotPort = Number.isInteger(rawPort) && rawPort > 0 && rawPort < 65536 ? rawPort : DEFAULTS.shotPort;
   if (raw["theme"] !== void 0) {
     warnings.push(
       'theme: custom themes were removed in Qapture 0.3.0 \u2014 the widget now ships one fixed, self-contained design. The "theme" key is ignored; remove it from your qa.config to silence this warning.'
@@ -406,6 +414,14 @@ function validateConfig(input) {
   const preamble = raw["preamble"] !== void 0 ? coercePreamble(raw["preamble"]) : null;
   const rtl = typeof raw["rtl"] === "boolean" ? raw["rtl"] : DEFAULTS.rtl;
   const beta = typeof raw["beta"] === "boolean" ? raw["beta"] : DEFAULTS.beta;
+  const rawCol = raw["collector"];
+  const collector = rawCol && typeof rawCol["url"] === "string" && typeof rawCol["token"] === "string" && typeof rawCol["project"] === "string" ? {
+    url: rawCol["url"],
+    token: rawCol["token"],
+    project: rawCol["project"],
+    campaign: typeof rawCol["campaign"] === "string" ? rawCol["campaign"] : void 0,
+    tester: typeof rawCol["tester"] === "string" ? rawCol["tester"] : void 0
+  } : DEFAULTS.collector;
   const alwaysVisible = typeof raw["alwaysVisible"] === "boolean" ? raw["alwaysVisible"] : DEFAULTS.alwaysVisible;
   const hotkey = isNonEmptyString(raw["hotkey"]) ? raw["hotkey"].trim() : DEFAULTS.hotkey;
   const captureHotkey = isNonEmptyString(raw["captureHotkey"]) ? raw["captureHotkey"].trim() : DEFAULTS.captureHotkey;
@@ -422,6 +438,7 @@ function validateConfig(input) {
   return {
     config: {
       namespace,
+      shotPort,
       brand: { label: brandLabel },
       loginField,
       credentials,
@@ -429,6 +446,7 @@ function validateConfig(input) {
       preamble,
       rtl,
       beta,
+      collector,
       visible,
       alwaysVisible,
       hotkey,
@@ -1706,6 +1724,98 @@ function createStorage(namespace) {
   return { getItem, setItem, getJSON, setJSON };
 }
 
+// src/lib/faultLog.ts
+var LIMIT = 40;
+var faults = [];
+function recordFault(where, err) {
+  const what = err instanceof Error ? `${err.name}: ${err.message}` : typeof err === "string" ? err : (() => {
+    try {
+      return JSON.stringify(err);
+    } catch {
+      return String(err);
+    }
+  })();
+  faults.push({ at: Date.now(), where, what: what.slice(0, 500) });
+  if (faults.length > LIMIT) faults.splice(0, faults.length - LIMIT);
+  console.warn(`[QA] ${where}:`, err);
+}
+function readFaults() {
+  return [...faults].reverse();
+}
+function clearFaults() {
+  faults.length = 0;
+}
+function faultsAsText(version) {
+  if (!faults.length) return "No faults recorded.";
+  const head = [
+    `qapture ${version}`,
+    typeof navigator !== "undefined" ? navigator.userAgent : "",
+    typeof location !== "undefined" ? location.href.split("?")[0] : "",
+    ""
+  ].filter(Boolean).join("\n");
+  return head + readFaults().map((f) => `${new Date(f.at).toISOString()}  [${f.where}] ${f.what}`).join("\n");
+}
+
+// src/lib/collector.ts
+var TIMEOUT_MS = 8e3;
+var MAX_SHOT_BYTES = 6 * 1024 * 1024;
+function blobToDataUrl(blob) {
+  return new Promise((resolve) => {
+    try {
+      const reader = new FileReader();
+      reader.onload = () => resolve(typeof reader.result === "string" ? reader.result : null);
+      reader.onerror = () => resolve(null);
+      reader.readAsDataURL(blob);
+    } catch {
+      resolve(null);
+    }
+  });
+}
+async function sendToCollector(note, cfg) {
+  if (typeof fetch === "undefined" || !cfg?.url || !cfg.token || !cfg.project) return false;
+  let shot;
+  if (note.screenshot && note.screenshot.size <= MAX_SHOT_BYTES) {
+    shot = await blobToDataUrl(note.screenshot) ?? void 0;
+  }
+  const controller = new AbortController();
+  const timer = setTimeout(() => controller.abort(), TIMEOUT_MS);
+  try {
+    const res = await fetch(`${cfg.url.replace(/\/$/, "")}/notes`, {
+      method: "POST",
+      signal: controller.signal,
+      headers: {
+        "content-type": "application/json",
+        authorization: `Bearer ${cfg.token}`
+      },
+      body: JSON.stringify({
+        project: cfg.project,
+        // A campaign per day is the shape that matches how testing actually
+        // happens, and it means nobody has to name anything.
+        campaign: cfg.campaign || (/* @__PURE__ */ new Date()).toISOString().slice(0, 10),
+        tester: cfg.tester,
+        id: note.id,
+        route: note.route,
+        description: note.description,
+        wanted: note.wanted,
+        why: note.why,
+        severity: note.severity,
+        origin: note.origin,
+        shot
+      })
+    });
+    if (!res.ok) {
+      recordFault("collector", `server answered ${res.status}`);
+      return false;
+    }
+    return true;
+  } catch (err) {
+    recordFault("collector", err);
+    return false;
+  } finally {
+    clearTimeout(timer);
+  }
+}
+
 // src/lib/strings.ts
 var STR = {
   en: {
@@ -1834,6 +1944,8 @@ var STR = {
     exact_declined: "Staying on redrawn screenshots",
     exact_turn_on: "Turn on",
     exact_unsupported: "Needs a desktop browser \u2014 phones cannot photograph the screen",
+    exact_native_hint: "Screenshots are real photographs, taken by the qapture helper on this machine with the same engine as Cmd+Shift+4. It never asks permission and leaves nothing recording, so it costs no battery. Nothing leaves your device.",
+    exact_native_on: "Real screenshots on \u2014 local helper",
     sync_title: "Save to a folder",
     sync_hint: "Every note is written to your disk the moment you save it \u2014 nothing is lost if this browser dies.",
     sync_choose: "Choose folder",
@@ -2071,6 +2183,8 @@ var STR = {
     exact_off: "\u0627\u0644\u0639\u0648\u062F\u0629 \u0625\u0644\u0649 \u0627\u0644\u0644\u0642\u0637\u0627\u062A \u0627\u0644\u0645\u064F\u0639\u0627\u062F \u0631\u0633\u0645\u0647\u0627",
     exact_declined: "\u0633\u0646\u0628\u0642\u0649 \u0639\u0644\u0649 \u0627\u0644\u0644\u0642\u0637\u0627\u062A \u0627\u0644\u0645\u064F\u0639\u0627\u062F \u0631\u0633\u0645\u0647\u0627",
     exact_turn_on: "\u062A\u0641\u0639\u064A\u0644",
+    exact_native_hint: "\u0627\u0644\u0644\u0642\u0637\u0627\u062A \u0635\u0648\u0631 \u062D\u0642\u064A\u0642\u064A\u0629 \u064A\u0644\u062A\u0642\u0637\u0647\u0627 \u0645\u0633\u0627\u0639\u062F qapture \u0639\u0644\u0649 \u0647\u0630\u0627 \u0627\u0644\u062C\u0647\u0627\u0632 \u0628\u0627\u0644\u0645\u062D\u0631\u0643 \u0646\u0641\u0633\u0647 \u0627\u0644\u0630\u064A \u064A\u0633\u062A\u062E\u062F\u0645\u0647 Cmd+Shift+4. \u0644\u0627 \u064A\u0637\u0644\u0628 \u0625\u0630\u0646\u064B\u0627 \u0648\u0644\u0627 \u064A\u062A\u0631\u0643 \u0623\u064A \u062A\u0633\u062C\u064A\u0644 \u064A\u0639\u0645\u0644\u060C \u0641\u0644\u0627 \u064A\u0633\u062A\u0647\u0644\u0643 \u0627\u0644\u0628\u0637\u0627\u0631\u064A\u0629. \u0648\u0644\u0627 \u0634\u064A\u0621 \u064A\u063A\u0627\u062F\u0631 \u062C\u0647\u0627\u0632\u0643.",
+    exact_native_on: "\u0627\u0644\u0644\u0642\u0637\u0627\u062A \u0627\u0644\u062D\u0642\u064A\u0642\u064A\u0629 \u0645\u0641\u0639\u0651\u0644\u0629 \u2014 \u0627\u0644\u0645\u0633\u0627\u0639\u062F \u0627\u0644\u0645\u062D\u0644\u064A",
     exact_unsupported: "\u064A\u062A\u0637\u0644\u0628 \u0645\u062A\u0635\u0641\u062D \u0633\u0637\u062D \u0645\u0643\u062A\u0628 \u2014 \u0627\u0644\u0647\u0648\u0627\u062A\u0641 \u0644\u0627 \u062A\u0633\u062A\u0637\u064A\u0639 \u062A\u0635\u0648\u064A\u0631 \u0627\u0644\u0634\u0627\u0634\u0629",
     sync_title: "\u0627\u0644\u062D\u0641\u0638 \u0641\u064A \u0645\u062C\u0644\u062F",
     sync_hint: "\u062A\u064F\u0643\u062A\u0628 \u0643\u0644 \u0645\u0644\u0627\u062D\u0638\u0629 \u0639\u0644\u0649 \u0627\u0644\u0642\u0631\u0635 \u0644\u062D\u0638\u0629 \u062D\u0641\u0638\u0647\u0627 \u2014 \u0644\u0627 \u0634\u064A\u0621 \u064A\u0636\u064A\u0639 \u0625\u0630\u0627 \u062A\u0639\u0637\u0651\u0644 \u0627\u0644\u0645\u062A\u0635\u0641\u062D.",
@@ -2407,13 +2521,132 @@ function mapRectToFrame(rect, m, frameW, frameH) {
   if (sw < 1 || sh < 1) return null;
   return { sx, sy, sw, sh };
 }
+function environmentSignature() {
+  if (typeof window === "undefined") return "";
+  return [
+    window.innerWidth,
+    window.innerHeight,
+    window.outerWidth,
+    window.outerHeight,
+    window.screenX,
+    window.screenY,
+    Math.round((window.devicePixelRatio || 1) * 100)
+  ].join("x");
+}
+
+// src/lib/nativeShot.ts
+var DEFAULT_SHOT_PORT = 7017;
+var PROBE_TIMEOUT_MS = 700;
+var SHOT_TIMEOUT_MS = 9e3;
+var ABSENT_RECHECK_MS = 3e4;
+var configuredPort = DEFAULT_SHOT_PORT;
+function setShotPort(port) {
+  if (!Number.isInteger(port) || port <= 0 || port >= 65536) return;
+  if (port === configuredPort) return;
+  configuredPort = port;
+  resetNativeShotProbe();
+}
+var cachedBase = null;
+var lastProbeAt = 0;
+var lastProbeResult = false;
+function baseUrl(port) {
+  return `http://127.0.0.1:${port}`;
+}
+async function fetchWithTimeout(url, init, ms) {
+  if (typeof fetch !== "function") return null;
+  const ac = typeof AbortController === "function" ? new AbortController() : null;
+  const timer = setTimeout(() => ac?.abort(), ms);
+  try {
+    return await fetch(url, { ...init, signal: ac?.signal, cache: "no-store" });
+  } catch {
+    return null;
+  } finally {
+    clearTimeout(timer);
+  }
+}
+async function isNativeShotAvailable(port = configuredPort) {
+  if (typeof window === "undefined") return false;
+  const now2 = Date.now();
+  if (lastProbeResult && cachedBase) return true;
+  if (!lastProbeResult && now2 - lastProbeAt < ABSENT_RECHECK_MS) return false;
+  lastProbeAt = now2;
+  const res = await fetchWithTimeout(`${baseUrl(port)}/qapture/health`, { method: "GET" }, PROBE_TIMEOUT_MS);
+  lastProbeResult = !!res && res.ok;
+  cachedBase = lastProbeResult ? baseUrl(port) : null;
+  return lastProbeResult;
+}
+function resetNativeShotProbe() {
+  cachedBase = null;
+  lastProbeAt = 0;
+  lastProbeResult = false;
+}
+async function shootBrowserWindow(port = configuredPort) {
+  if (typeof window === "undefined") return null;
+  const base = cachedBase ?? baseUrl(port);
+  const body = JSON.stringify({
+    x: window.screenX,
+    y: window.screenY,
+    w: window.outerWidth,
+    h: window.outerHeight
+  });
+  const res = await fetchWithTimeout(
+    `${base}/qapture/shot`,
+    { method: "POST", headers: { "content-type": "application/json" }, body },
+    SHOT_TIMEOUT_MS
+  );
+  if (!res || !res.ok) return null;
+  let payload;
+  try {
+    payload = await res.json();
+  } catch {
+    return null;
+  }
+  if (!payload.png) return null;
+  return decodeToCanvas(payload.png);
+}
+function decodeToCanvas(dataUrl) {
+  return new Promise((resolve) => {
+    const img = new Image();
+    img.onload = () => {
+      const c = document.createElement("canvas");
+      c.width = img.naturalWidth;
+      c.height = img.naturalHeight;
+      const ctx = c.getContext("2d", { willReadFrequently: true });
+      if (!ctx) {
+        resolve(null);
+        return;
+      }
+      ctx.drawImage(img, 0, 0);
+      resolve(c);
+    };
+    img.onerror = () => resolve(null);
+    img.src = dataUrl;
+  });
+}
+var cachedMapping = null;
+var cachedFor = "";
+function getCachedMapping() {
+  if (!cachedMapping) return null;
+  return environmentSignature() === cachedFor ? cachedMapping : null;
+}
+function cacheMapping(m) {
+  cachedMapping = m;
+  cachedFor = m ? environmentSignature() : "";
+}
 
 // src/lib/screenCapture.ts
 var ASPECT_TOLERANCE = 0.08;
 var CALIBRATION_SETTLE_MS = 220;
 var FRESH_FRAME_TIMEOUT_MS = 500;
 var VIDEO_READY_TIMEOUT_MS = 4e3;
+var nativeReady = false;
+async function refreshNativeAvailability(port) {
+  if (typeof port === "number") setShotPort(port);
+  nativeReady = await isNativeShotAvailable();
+  return nativeReady;
+}
 function isExactCaptureSupported() {
+  if (nativeReady) return true;
   if (typeof navigator === "undefined" || typeof document === "undefined") return false;
   const md = navigator.mediaDevices;
   return !!md && typeof md.getDisplayMedia === "function";
@@ -2421,13 +2654,15 @@ function isExactCaptureSupported() {
 var armed = false;
 var declined = false;
 var frozen = null;
-var lastMode = null;
 function armExactCapture() {
   if (!isExactCaptureSupported()) return false;
   armed = true;
   declined = false;
   return true;
 }
+function exactCaptureIsFree() {
+  return nativeReady;
+}
 function disarmExactCapture() {
   armed = false;
   releaseFrozenFrame();
@@ -2436,6 +2671,7 @@ function resetExactCaptureDecline() {
   declined = false;
 }
 function getExactCaptureStatus() {
+  if (nativeReady) return "native";
   if (!isExactCaptureSupported()) return "unsupported";
   if (armed) return "live";
   if (declined) return "declined";
@@ -2460,7 +2696,7 @@ function stillIsCurrent() {
   return true;
 }
 async function freezeOrReuse() {
-  if (stillIsCurrent()) return frozen;
+  if (!nativeReady && stillIsCurrent()) return frozen;
   return freezeViewport();
 }
 function releaseFrozenFrame() {
@@ -2560,7 +2796,7 @@ async function grabFrameCanvas(video, grabber) {
   bitmap?.close?.();
   return c;
 }
-async function calibrate(video, grabber) {
+async function calibrate(grabFrame) {
   const vw = window.innerWidth;
   const vh = window.innerHeight;
   if (vw <= MARKER_SIZE || vh <= MARKER_SIZE) return null;
@@ -2577,7 +2813,7 @@ async function calibrate(video, grabber) {
   document.body.appendChild(card);
   try {
     await new Promise((r) => setTimeout(r, CALIBRATION_SETTLE_MS));
-    const frame = await grabFrameCanvas(video, grabber);
+    const frame = await grabFrame();
     if (!frame) return null;
     const ctx = frame.getContext("2d", { willReadFrequently: true });
     if (!ctx) return null;
@@ -2599,8 +2835,69 @@ async function calibrate(video, grabber) {
   }
 }
 async function freezeViewport() {
-  if (!isExactCaptureSupported()) return null;
   releaseFrozenFrame();
+  const native = await freezeViaNativeHelper();
+  if (native) return native;
+  if (!isExactCaptureSupported()) return null;
+  return freezeViaDisplayMedia();
+}
+function adoptFrame(raw, mapping, mode, vw, vh) {
+  let page;
+  if (mapping) {
+    const box = mapRectToFrame(
+      { left: 0, top: 0, width: vw, height: vh },
+      mapping,
+      raw.width,
+      raw.height
+    );
+    if (!box) return null;
+    page = document.createElement("canvas");
+    page.width = box.sw;
+    page.height = box.sh;
+    const ctx = page.getContext("2d");
+    if (!ctx) return null;
+    ctx.drawImage(raw, box.sx, box.sy, box.sw, box.sh, 0, 0, box.sw, box.sh);
+    raw.width = 0;
+    raw.height = 0;
+  } else {
+    page = raw;
+  }
+  frozen = {
+    canvas: page,
+    mode,
+    viewportWidth: vw,
+    viewportHeight: vh,
+    takenAt: Date.now()
+  };
+  frozenAtScrollX = window.scrollX;
+  frozenAtScrollY = window.scrollY;
+  frozenAtPath = window.location.pathname + window.location.search;
+  return frozen;
+}
+async function freezeViaNativeHelper() {
+  if (typeof window === "undefined") return null;
+  nativeReady = await isNativeShotAvailable();
+  if (!nativeReady) return null;
+  const vw = window.innerWidth;
+  const vh = window.innerHeight;
+  let mapping = getCachedMapping();
+  if (!mapping) {
+    mapping = await calibrate(() => shootBrowserWindow());
+    if (!mapping) {
+      cacheMapping(null);
+      return null;
+    }
+    cacheMapping(mapping);
+  }
+  const raw = await withOverlayHidden(() => shootBrowserWindow());
+  if (!raw) return null;
+  const adopted = adoptFrame(raw, mapping, "native", vw, vh);
+  if (!adopted) {
+    cacheMapping(null);
+  }
+  return adopted;
+}
+async function freezeViaDisplayMedia() {
   let stream = null;
   let el = null;
   const release = () => {
@@ -2673,45 +2970,14 @@ async function freezeViewport() {
     const vw = window.innerWidth;
     const vh = window.innerHeight;
     const mode = sharedTab && looksLikeViewport(video.videoWidth, video.videoHeight) ? "tab" : "surface";
-    const mapping = mode === "surface" ? await calibrate(video, grabber) : null;
+    const mapping = mode === "surface" ? await calibrate(() => grabFrameCanvas(video, grabber)) : null;
     if (mode === "surface" && !mapping) {
       declined = true;
       return null;
     }
     const raw = await withOverlayHidden(() => grabFrameCanvas(video, grabber));
     if (!raw) return null;
-    let page;
-    if (mode === "surface" && mapping) {
-      const box = mapRectToFrame(
-        { left: 0, top: 0, width: vw, height: vh },
-        mapping,
-        raw.width,
-        raw.height
-      );
-      if (!box) return null;
-      page = document.createElement("canvas");
-      page.width = box.sw;
-      page.height = box.sh;
-      const ctx = page.getContext("2d");
-      if (!ctx) return null;
-      ctx.drawImage(raw, box.sx, box.sy, box.sw, box.sh, 0, 0, box.sw, box.sh);
-      raw.width = 0;
-      raw.height = 0;
-    } else {
-      page = raw;
-    }
-    frozen = {
-      canvas: page,
-      mode,
-      viewportWidth: vw,
-      viewportHeight: vh,
-      takenAt: Date.now()
-    };
-    frozenAtScrollX = window.scrollX;
-    frozenAtScrollY = window.scrollY;
-    frozenAtPath = window.location.pathname + window.location.search;
-    lastMode = mode;
-    return frozen;
+    return adoptFrame(raw, mode === "surface" ? mapping : null, mode, vw, vh);
   } catch {
     declined = true;
     return null;
@@ -2881,38 +3147,6 @@ function neutralizeDocumentColors(doc, aggressive = false) {
   return touched;
 }
 
-// src/lib/faultLog.ts
-var LIMIT = 40;
-var faults = [];
-function recordFault(where, err) {
-  const what = err instanceof Error ? `${err.name}: ${err.message}` : typeof err === "string" ? err : (() => {
-    try {
-      return JSON.stringify(err);
-    } catch {
-      return String(err);
-    }
-  })();
-  faults.push({ at: Date.now(), where, what: what.slice(0, 500) });
-  if (faults.length > LIMIT) faults.splice(0, faults.length - LIMIT);
-  console.warn(`[QA] ${where}:`, err);
-}
-function readFaults() {
-  return [...faults].reverse();
-}
-function clearFaults() {
-  faults.length = 0;
-}
-function faultsAsText(version) {
-  if (!faults.length) return "No faults recorded.";
-  const head = [
-    `qapture ${version}`,
-    typeof navigator !== "undefined" ? navigator.userAgent : "",
-    typeof location !== "undefined" ? location.href.split("?")[0] : "",
-    ""
-  ].filter(Boolean).join("\n");
-  return head + readFaults().map((f) => `${new Date(f.at).toISOString()}  [${f.where}] ${f.what}`).join("\n");
-}
-
 // src/lib/capture.ts
 var HTML2CANVAS_TIMEOUT_MS = 1e4;
 var CHUNK_TIMEOUT_MS = 8e3;
@@ -3355,7 +3589,7 @@ function noteCheckLine(note, index) {
   const where = oneLine(note.route) || "/";
   const wanted = oneLine(note.wanted);
   const seen = oneLine(note.description) || "(not described)";
-  const claim = wanted || `${seen} \u2014 _no expectation was given; ask before assuming one_`;
+  const claim = wanted || seen;
   const trimmed = claim.length > 180 ? `${claim.slice(0, 177)}...` : claim;
   return `- [ ] **check-${index}** (\`${where}\`) \u2014 ${trimmed}`;
 }
@@ -3405,12 +3639,12 @@ function noteToMarkdown(note, opts) {
   lines.push("### Observed");
   lines.push("");
   lines.push(oneLine(note.description) ? note.description.trim() : "_(not described)_");
-  lines.push("");
-  lines.push("### Expected");
-  lines.push("");
-  lines.push(
-    note.wanted && oneLine(note.wanted) ? note.wanted.trim() : "_(the tester did not say what they expected instead -- ask rather than assume)_"
-  );
+  if (note.wanted && oneLine(note.wanted)) {
+    lines.push("");
+    lines.push("### Expected");
+    lines.push("");
+    lines.push(note.wanted.trim());
+  }
   if (note.why && oneLine(note.why)) {
     lines.push("");
     lines.push("### Why it matters");
@@ -3564,11 +3798,24 @@ function reproSpec(note, index) {
 }
 
 // src/lib/exportZip.ts
-function safeName(name, stamp) {
-  const fallback = `qa-notes-${stamp.slice(0, 10)}`;
+function autoName(project, stamp) {
+  const date = stamp.slice(0, 10);
+  const time = stamp.slice(11, 16).replace(":", "");
+  const slug = (project ?? "").trim().replace(/[\\/:*?"<>|]+/g, "-").replace(/\s+/g, "-").replace(/-+/g, "-").replace(/^-|-$/g, "").slice(0, 40);
+  const when = time ? `${date}-${time}` : date;
+  return slug ? `${slug}-qa-${when}` : `qa-notes-${when}`;
+}
+function exportProjectName(config) {
+  const name = config?.preamble?.projectName;
+  return typeof name === "string" && name.trim() ? name.trim() : void 0;
+}
+function safeName(name, stamp, project) {
   let base = (name ?? "").trim().replace(/\.zip$/i, "");
   base = base.replace(/[\\/:*?"<>|]+/g, "-").replace(/\s+/g, " ").slice(0, 80).trim();
-  return `${base || fallback}.zip`;
+  return `${base || autoName(project, stamp)}.zip`;
+}
+function suggestedExportName(project, stamp) {
+  return autoName(project, stamp);
 }
 function toStrings(val) {
   if (val == null) return [];
@@ -3700,7 +3947,8 @@ Hand \`verify.md\` back with the work.
 
 ### What is in this archive
 
-- \`notes.md\` \u2014 the points themselves. Each one carries **Observed** and **Expected** under those exact headings. They are separate on purpose: where a report leaves the expectation out, agents do not stop and ask, they pick a reading and commit to it. Where you see Expected marked as not given, **ask rather than assume**.
+- \`notes.md\` \u2014 the points themselves, under an **Observed** heading. Most carry only that: the tester writes one sentence about what is wrong, which is the right amount to ask of somebody who is not an engineer. An **Expected** heading appears where somebody stated one.
+  Where a point is ambiguous, **ask \u2014 do not pick a reading and commit to it.** That failure mode is specific to you: a person would stop and check, and an agent tends to fill the gap in and carry on. One question costs a message. A confident fix to the wrong problem costs the round.
 - \`verify.md\` \u2014 the checklist, one unticked box per point.
 - \`screenshots/\` \u2014 one per point. A point marked with a screenshot caveat was re-drawn rather than photographed, so canvases, charts and maps may be blank in it; trust the words over the picture there.
 - \`context/\` \u2014 console, network, environment and element forensics, one file per point. Deliberately **not** in \`notes.md\`: a longer report measurably lowers the chance of the right thing getting fixed, because the two sentences that matter get buried. Open these only when something is genuinely unresolved.
@@ -3945,14 +4193,14 @@ async function buildAndDownloadZip(notes, stamp, filename, config, guideChecked,
   const url = URL.createObjectURL(blob);
   const a = document.createElement("a");
   a.href = url;
-  a.download = safeName(filename, stamp);
+  a.download = safeName(filename, stamp, exportProjectName(config));
   document.body.appendChild(a);
   a.click();
   a.remove();
   setTimeout(() => URL.revokeObjectURL(url), 2e3);
 }
-function exportFileName(filename, stamp) {
-  return safeName(filename, stamp);
+function exportFileName(filename, stamp, project) {
+  return safeName(filename, stamp, project);
 }
 
 // src/lib/shareZip.ts
@@ -4525,18 +4773,6 @@ async function requestPersistentStorage() {
     return false;
   }
 }
-function formatBytes(bytes) {
-  if (!Number.isFinite(bytes) || bytes <= 0) return "0 KB";
-  const units = ["B", "KB", "MB", "GB", "TB"];
-  let value = bytes;
-  let i = 0;
-  while (value >= 1024 && i < units.length - 1) {
-    value /= 1024;
-    i++;
-  }
-  const decimals = value < 10 && i > 1 ? 1 : 0;
-  return `${value.toFixed(decimals)} ${units[i]}`;
-}
 function estimateOwnBytes(notes) {
   let total = 0;
   for (const n of notes) {
@@ -4662,7 +4898,23 @@ function QaProvider({
     if (exactShotsWanted(storage)) armExactCapture();
     return getExactCaptureStatus();
   });
-  const exactSupported = isExactCaptureSupported();
+  const [exactSupported, setExactSupported] = React.useState(() => isExactCaptureSupported());
+  React.useEffect(() => {
+    let alive = true;
+    const look = () => {
+      void refreshNativeAvailability(config.shotPort).then(() => {
+        if (!alive) return;
+        setExactSupported(isExactCaptureSupported());
+        setExactStatus(getExactCaptureStatus());
+      });
+    };
+    look();
+    window.addEventListener("focus", look);
+    return () => {
+      alive = false;
+      window.removeEventListener("focus", look);
+    };
+  }, [config.shotPort]);
   const [frozenAt, setFrozenAt] = React.useState(null);
   const [syncState, setSyncState] = React.useState(() => getFsSyncState());
   const [syncTick, setSyncTick] = React.useState(0);
@@ -5038,8 +5290,11 @@ function QaProvider({
         });
       }
       await syncNoteThrough(note);
+      if (config.collector) {
+        void sendToCollector(note, config.collector);
+      }
     },
-    [idb, config.journey, config.captureContext, testAlong, testAlongSteps, notify, t, syncNoteThrough, applyNotes]
+    [idb, config.journey, config.captureContext, config.collector, testAlong, testAlongSteps, notify, t, syncNoteThrough, applyNotes]
   );
   const updateNote = React.useCallback(
     async (id, patch) => {
@@ -5185,7 +5440,7 @@ function QaProvider({
     setCapturePrefill(prefill ?? "");
     setCaptureActive(true);
     if (!stillIsCurrent()) setFrozenAt(null);
-    if (exactShotsWanted(storage) && isExactCaptureSupported()) {
+    if (exactCaptureIsFree() || exactShotsWanted(storage) && isExactCaptureSupported()) {
       resetExactCaptureDecline();
       void freezeOrReuse().then((frame) => {
         setFrozenAt(frame?.takenAt ?? null);
@@ -5503,7 +5758,7 @@ function QaProvider({
   const shareExport = React.useCallback(async (filename) => {
     if (!notes.length) return { status: "unsupported" };
     const stamp = nowIso();
-    const name = exportFileName(filename, stamp);
+    const name = exportFileName(filename, stamp, exportProjectName(config));
     setIsExporting(true);
     try {
       const blob = await buildZipBlob(notes, stamp, config, guideChecked, guideSkipped);
@@ -5877,6 +6132,7 @@ function QaProvider({
     setSimpleMode,
     compactCapture,
     developerMode,
+    projectName: exportProjectName(config),
     setDeveloperMode,
     setCompactCapture,
     exportZip: exportZipFn
@@ -8150,7 +8406,7 @@ function upgradeHint(latest) {
 }
 
 // src/version.ts
-var QA_VERSION = "0.9.0" ;
+var QA_VERSION = "0.10.0" ;
 function Section({
   icon,
   title,
@@ -8256,8 +8512,8 @@ function SettingsSheet({ onClose }) {
   const syncing = sync.state === "syncing";
   const viaZip = sync.engine === "download";
   const quotaKnown = storageHealth.supported && storageHealth.quotaBytes > 0;
-  const usedPct = quotaKnown ? Math.min(100, Math.round(storageHealth.ratio * 100)) : 0;
-  const meterColor = storageHealth.level === "critical" ? "var(--qa-danger)" : storageHealth.level === "warn" ? "var(--qa-warn)" : "var(--qa-accent)";
+  quotaKnown ? Math.min(100, Math.round(storageHealth.ratio * 100)) : 0;
+  storageHealth.level === "critical" ? "var(--qa-danger)" : storageHealth.level === "warn" ? "var(--qa-warn)" : "var(--qa-accent)";
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
@@ -8386,81 +8642,13 @@ function SettingsSheet({ onClose }) {
             )
           ] }),
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: "qa-h-px qa-bg-3 qa-mt-3 qa-mb-4" }),
-          /* @__PURE__ */ jsxRuntime.jsxs(Section, { icon: "HardDrive", title: t("storage_title"), children: [
-            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "qa-m-0 qa-text-10 qa-text-lo qa-leading-relaxed", children: t("storage_explain") }),
-            quotaKnown && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-              /* @__PURE__ */ jsxRuntime.jsx(
-                "div",
-                {
-                  className: "qa-w-full qa-rounded-full qa-overflow-hidden qa-bg-3",
-                  role: "img",
-                  "aria-label": t("storage_used", {
-                    used: formatBytes(storageHealth.usageBytes),
-                    quota: formatBytes(storageHealth.quotaBytes)
-                  }),
-                  style: { height: 6 },
-                  children: /* @__PURE__ */ jsxRuntime.jsx("div", { style: { width: `${usedPct}%`, height: "100%", background: meterColor } })
-                }
-              ),
-              /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "qa-m-0 qa-text-10 qa-text-mid", children: [
-                t("storage_used", {
-                  used: formatBytes(storageHealth.usageBytes),
-                  quota: formatBytes(storageHealth.quotaBytes)
-                }),
-                " \xB7 ",
-                /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "qa-text-lo", children: [
-                  "Qapture ",
-                  formatBytes(storageHealth.ownBytes)
-                ] })
-              ] })
-            ] }),
-            /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "qa-flex qa-items-start qa-gap-2 qa-text-xs qa-text-hi", style: { cursor: "pointer" }, children: [
-              /* @__PURE__ */ jsxRuntime.jsx(
-                "input",
-                {
-                  type: "checkbox",
-                  checked: autoBackup,
-                  onChange: (e) => setAutoBackup(e.target.checked),
-                  style: { marginTop: 2 }
-                }
-              ),
-              /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
-                t("autosave_label"),
-                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "qa-block qa-text-10 qa-text-lo qa-leading-relaxed", children: t("autosave_hint", { n: autoBackupEvery }) })
-              ] })
-            ] }),
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "qa-flex qa-flex-wrap qa-gap-2", children: [
-              storageHealth.persisted ? /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "qa-inline-flex qa-items-center qa-gap-1 qa-rounded-full qa-bg-success-tint qa-text-success qa-px-2 qa-py-0.5 qa-text-10", children: [
-                /* @__PURE__ */ jsxRuntime.jsx(Icon, { name: "CheckCircle2", size: 11 }),
-                t("persist_on")
-              ] }) : /* @__PURE__ */ jsxRuntime.jsx(
-                "button",
-                {
-                  type: "button",
-                  disabled: busy,
-                  onClick: () => void run2(requestPersistentStorage2),
-                  className: "qa-tap qa-rounded-lg qa-border qa-border-subtle qa-px-2 qa-py-1 qa-text-10 qa-text-mid",
-                  style: { background: "transparent", cursor: "pointer" },
-                  children: t("persist_keep")
-                }
-              ),
-              notes.some((n) => n.screenshot) && /* @__PURE__ */ jsxRuntime.jsx(
-                "button",
-                {
-                  type: "button",
-                  disabled: busy,
-                  onClick: () => void run2(dropAllScreenshots),
-                  className: "qa-tap qa-rounded-lg qa-border qa-border-subtle qa-px-2 qa-py-1 qa-text-10 qa-text-mid",
-                  style: { background: "transparent", cursor: "pointer" },
-                  children: t("drop_shots")
-                }
-              )
-            ] })
-          ] }),
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: "qa-h-px qa-bg-3 qa-mt-3 qa-mb-4" }),
           /* @__PURE__ */ jsxRuntime.jsxs(Section, { icon: "Camera", title: t("exact_label"), children: [
-            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "qa-m-0 qa-text-10 qa-text-lo qa-leading-relaxed", children: t("exact_hint") }),
-            !exactShots.supported ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "qa-m-0 qa-text-10 qa-text-mid", children: t("exact_unsupported") }) : exactShots.status === "live" ? /* @__PURE__ */ jsxRuntime.jsxs(
+            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "qa-m-0 qa-text-10 qa-text-lo qa-leading-relaxed", children: exactShots.status === "native" ? t("exact_native_hint") : t("exact_hint") }),
+            exactShots.status === "native" ? /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "qa-m-0 qa-inline-flex qa-items-center qa-gap-1.5 qa-text-xs qa-font-semibold qa-text-success", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(Icon, { name: "CheckCircle2", size: 13 }),
+              t("exact_native_on")
+            ] }) : !exactShots.supported ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "qa-m-0 qa-text-10 qa-text-mid", children: t("exact_unsupported") }) : exactShots.status === "live" ? /* @__PURE__ */ jsxRuntime.jsxs(
               "button",
               {
                 type: "button",
@@ -8834,8 +9022,8 @@ var TABS = ALL_TABS.filter((tab) => tab.key !== "guide" || GUIDE_TAB_ENABLED);
 function visibleTab(tab) {
   return tab === "guide" && !GUIDE_TAB_ENABLED ? "notes" : tab;
 }
-function todayName() {
-  return `qa-notes-${(/* @__PURE__ */ new Date()).toISOString().slice(0, 10)}`;
+function suggestName(project) {
+  return suggestedExportName(project, (/* @__PURE__ */ new Date()).toISOString());
 }
 function panelReducer(state2, action) {
   switch (action.type) {
@@ -8897,7 +9085,8 @@ function QaPanel() {
     panelSide,
     setPanelSide,
     panelCollapsed,
-    setPanelCollapsed
+    setPanelCollapsed,
+    projectName
   } = useQa();
   const activeTab = visibleTab(storedTab);
   const [confirmClear, setConfirmClear] = React.useState(false);
@@ -9016,7 +9205,7 @@ function QaPanel() {
   const appliedKeyboardLift = keyboardLiftActive ? keyboardLift : 0;
   if (phase === "hidden") return null;
   const openNaming = () => {
-    setFilename(todayName());
+    setFilename(suggestName(projectName));
     setNaming(true);
   };
   const doExport = () => {
@@ -10021,98 +10210,6 @@ function findDuplicate(text, selector, existing) {
   }
   return null;
 }
-function recogniser() {
-  if (typeof window === "undefined") return null;
-  const w = window;
-  return w.SpeechRecognition ?? w.webkitSpeechRecognition ?? null;
-}
-function VoiceButton({
-  onText,
-  onInterim
-}) {
-  const { lang, t } = useQa();
-  const [listening, setListening] = React.useState(false);
-  const [failed, setFailed] = React.useState(null);
-  const ref = React.useRef(null);
-  React.useEffect(() => () => {
-    ref.current?.abort();
-    ref.current = null;
-  }, []);
-  const Ctor = recogniser();
-  if (!Ctor) return null;
-  const stop = () => {
-    ref.current?.stop();
-    ref.current = null;
-    setListening(false);
-    onInterim?.("");
-  };
-  const start = () => {
-    if (listening) {
-      stop();
-      return;
-    }
-    setFailed(null);
-    let rec;
-    try {
-      rec = new Ctor();
-    } catch {
-      setFailed(t("voice_failed"));
-      return;
-    }
-    rec.lang = lang === "ar" ? "ar-IQ" : "en-US";
-    rec.continuous = true;
-    rec.interimResults = true;
-    rec.onresult = (e) => {
-      let done = "";
-      let partial = "";
-      for (let i = e.resultIndex; i < e.results.length; i++) {
-        const r = e.results[i];
-        const text = r[0]?.transcript ?? "";
-        if (r.isFinal) done += text;
-        else partial += text;
-      }
-      if (done.trim()) onText(done.trim());
-      onInterim?.(partial);
-    };
-    rec.onerror = (e) => {
-      if (e.error && e.error !== "no-speech" && e.error !== "aborted") {
-        setFailed(e.error === "not-allowed" ? t("voice_denied") : t("voice_failed"));
-      }
-      setListening(false);
-      onInterim?.("");
-    };
-    rec.onend = () => {
-      setListening(false);
-      onInterim?.("");
-    };
-    try {
-      rec.start();
-      ref.current = rec;
-      setListening(true);
-    } catch {
-      setFailed(t("voice_failed"));
-    }
-  };
-  return /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "qa-inline-flex qa-items-center qa-gap-1.5", children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(
-      "button",
-      {
-        type: "button",
-        onClick: start,
-        "aria-pressed": listening,
-        title: listening ? t("voice_stop") : t("voice_start"),
-        "data-qa-voice": listening ? "listening" : "idle",
-        className: `qa-tap qa-inline-flex qa-items-center qa-gap-1 qa-rounded-full qa-border qa-border-subtle qa-px-2 qa-py-1 qa-text-11 qa-focus-ring ${listening ? "qa-bg-danger-tint qa-text-danger" : "qa-bg-2 qa-text-mid"}`,
-        style: { cursor: "pointer" },
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsx(Icon, { name: listening ? "Square" : "Mic", size: 12 }),
-          listening ? t("voice_stop") : t("voice_start")
-        ]
-      }
-    ),
-    failed && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "qa-text-10 qa-text-danger", children: failed })
-  ] });
-}
 var DRAG_THRESHOLD2 = 6;
 var TOUCH_DRAG_THRESHOLD = 12;
 var MIN_REGION_SIZE = 8;
@@ -10184,11 +10281,7 @@ function CaptureMode() {
   const [shot, setShot] = React.useState(null);
   const stillRef = React.useRef(null);
   const [notesFromThisShot, setNotesFromThisShot] = React.useState(0);
-  const [wanted, setWanted] = React.useState("");
-  const [why, setWhy] = React.useState("");
-  const [fixHint, setFixHint] = React.useState("");
   const [origin, setOrigin] = React.useState(void 0);
-  const [spoken, setSpoken] = React.useState("");
   const [shotEngine, setShotEngine] = React.useState(null);
   const [shotUrl, setShotUrl] = React.useState(null);
   const [capturing, setCapturing] = React.useState(false);
@@ -10508,9 +10601,6 @@ function CaptureMode() {
     setShot(null);
     setShotEngine(null);
     setDescription("");
-    setWanted("");
-    setWhy("");
-    setFixHint("");
     setSeverity("bug");
     setTargetForensics(void 0);
     setOrigin(void 0);
@@ -10533,9 +10623,6 @@ function CaptureMode() {
     };
     await addNote({
       description,
-      wanted,
-      why,
-      fixHint,
       screenshot: shot ?? void 0,
       shotEngine: shotEngine ?? void 0,
       target,
@@ -11171,7 +11258,7 @@ function CaptureMode() {
               }
             ),
             developerMode && /* @__PURE__ */ jsxRuntime.jsx(LocationReveal, { target: selection }),
-            developerMode && /* @__PURE__ */ jsxRuntime.jsxs(
+            /* @__PURE__ */ jsxRuntime.jsxs(
               "div",
               {
                 role: "group",
@@ -11208,87 +11295,24 @@ function CaptureMode() {
               twin.description.length > 70 ? "\u2026" : "",
               "\u201D"
             ] }),
-            /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "qa-flex qa-flex-col qa-gap-1", children: [
-              /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "qa-flex qa-items-center qa-justify-between qa-gap-2", children: [
-                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "qa-text-11 qa-font-semibold qa-text-hi", children: t("q_observed") }),
-                /* @__PURE__ */ jsxRuntime.jsx(
-                  VoiceButton,
-                  {
-                    onText: (text) => setDescription((d) => d ? `${d} ${text}` : text),
-                    onInterim: setSpoken
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "textarea",
+              {
+                ref: taRef,
+                value: description,
+                onChange: (e) => setDescription(e.target.value),
+                onKeyDown: (e) => {
+                  if (e.key === "Enter" && (e.metaKey || e.ctrlKey)) void save(e.shiftKey);
+                  if ((e.altKey || e.metaKey || e.ctrlKey) && SEVERITIES2[Number(e.key) - 1]) {
+                    e.preventDefault();
+                    setSeverity(SEVERITIES2[Number(e.key) - 1]);
                   }
-                )
-              ] }),
-              /* @__PURE__ */ jsxRuntime.jsx(
-                "textarea",
-                {
-                  ref: taRef,
-                  value: description + (spoken ? ` ${spoken}` : ""),
-                  onChange: (e) => setDescription(e.target.value),
-                  onKeyDown: (e) => {
-                    if (e.key === "Enter" && (e.metaKey || e.ctrlKey)) void save(e.shiftKey);
-                    if ((e.altKey || e.metaKey || e.ctrlKey) && SEVERITIES2[Number(e.key) - 1]) {
-                      e.preventDefault();
-                      setSeverity(SEVERITIES2[Number(e.key) - 1]);
-                    }
-                  },
-                  rows: 2,
-                  placeholder: t("q_observed_hint"),
-                  className: "qa-w-full qa-resize-y qa-rounded-lg qa-border qa-border-subtle qa-bg-0 qa-text-hi qa-px-2 qa-py-1.5 qa-text-sm qa-focus-ring"
-                }
-              )
-            ] }),
-            /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "qa-flex qa-flex-col qa-gap-1", children: [
-              /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "qa-flex qa-items-center qa-justify-between qa-gap-2", children: [
-                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "qa-text-11 qa-font-semibold qa-text-hi", children: t("q_wanted") }),
-                /* @__PURE__ */ jsxRuntime.jsx(VoiceButton, { onText: (x) => setWanted((d) => d ? `${d} ${x}` : x) })
-              ] }),
-              /* @__PURE__ */ jsxRuntime.jsx(
-                "textarea",
-                {
-                  value: wanted,
-                  onChange: (e) => setWanted(e.target.value),
-                  onKeyDown: (e) => {
-                    if (e.key === "Enter" && (e.metaKey || e.ctrlKey)) void save(e.shiftKey);
-                  },
-                  rows: 2,
-                  placeholder: t("q_wanted_hint"),
-                  className: "qa-w-full qa-resize-y qa-rounded-lg qa-border qa-border-subtle qa-bg-0 qa-text-hi qa-px-2 qa-py-1.5 qa-text-sm qa-focus-ring"
-                }
-              )
-            ] }),
-            /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "qa-flex qa-flex-col qa-gap-1", children: [
-              /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "qa-flex qa-items-center qa-justify-between qa-gap-2", children: [
-                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "qa-text-11 qa-text-mid", children: t("q_why") }),
-                /* @__PURE__ */ jsxRuntime.jsx(VoiceButton, { onText: (x) => setWhy((d) => d ? `${d} ${x}` : x) })
-              ] }),
-              /* @__PURE__ */ jsxRuntime.jsx(
-                "textarea",
-                {
-                  value: why,
-                  onChange: (e) => setWhy(e.target.value),
-                  onKeyDown: (e) => {
-                    if (e.key === "Enter" && (e.metaKey || e.ctrlKey)) void save(e.shiftKey);
-                  },
-                  rows: 1,
-                  placeholder: t("q_why_hint"),
-                  className: "qa-w-full qa-resize-y qa-rounded-lg qa-border qa-border-subtle qa-bg-0 qa-text-hi qa-px-2 qa-py-1.5 qa-text-sm qa-focus-ring"
-                }
-              )
-            ] }),
-            developerMode && /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "qa-flex qa-flex-col qa-gap-1", children: [
-              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "qa-text-11 qa-text-mid", children: t("q_fix") }),
-              /* @__PURE__ */ jsxRuntime.jsx(
-                "textarea",
-                {
-                  value: fixHint,
-                  onChange: (e) => setFixHint(e.target.value),
-                  rows: 1,
-                  placeholder: t("q_fix_hint"),
-                  className: "qa-w-full qa-resize-y qa-rounded-lg qa-border qa-border-subtle qa-bg-0 qa-text-hi qa-px-2 qa-py-1.5 qa-text-sm qa-focus-ring"
-                }
-              )
-            ] }),
+                },
+                rows: 3,
+                placeholder: t("annotate_placeholder"),
+                className: "qa-w-full qa-resize-y qa-rounded-lg qa-border qa-border-subtle qa-bg-0 qa-text-hi qa-px-2 qa-py-1.5 qa-text-sm qa-focus-ring"
+              }
+            ),
             developerMode && origin && (origin.component || origin.file) && /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "qa-text-10 qa-text-mid", "data-qa-origin": "true", children: [
               origin.component ?? "\u2014",
               origin.file ? ` \xB7 ${origin.file}${origin.line ? `:${origin.line}` : ""}` : ""
@@ -11334,7 +11358,8 @@ function CaptureMode() {
             ] }),
             /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "qa-text-center qa-text-10 qa-text-slate-400", children: [
               t("save_hint"),
-              developerMode ? ` \xB7 ${t("severity_keys")}` : ""
+              " \xB7 ",
+              t("severity_keys")
             ] })
           ] })
         ]
@@ -11542,5 +11567,5 @@ function Qapture({ config }) {
 exports.Qapture = Qapture;
 exports.deleteQaDatabase = deleteQaDatabase;
 exports.initQaStudio = initQaStudio;
-//# sourceMappingURL=chunk-5EWNGJ2N.cjs.map
-//# sourceMappingURL=chunk-5EWNGJ2N.cjs.map
+//# sourceMappingURL=chunk-R6WVHVXO.cjs.map
+//# sourceMappingURL=chunk-R6WVHVXO.cjs.map