@mhosaic/feedback 0.27.1 → 0.28.0

package/dist/{chunk-ZFXGV5W5.mjs → chunk-FD3CJBMR.mjs}

@@ -32,6 +32,42 @@ function assertSafeEndpoint(endpoint) {
     `[mhosaic-feedback] \`endpoint\` must use https:// (got ${parsed.protocol}//${parsed.hostname}). http:// is only allowed for localhost in dev.`
   );
 }
+var RateLimitError = class extends Error {
+  retryAfterSeconds;
+  constructor(retryAfterSeconds) {
+    super(`rate limited; retry after ${retryAfterSeconds}s`);
+    this.name = "RateLimitError";
+    this.retryAfterSeconds = retryAfterSeconds;
+  }
+};
+function parseRetryAfter(response) {
+  const raw = response.headers.get("Retry-After");
+  const n = raw ? Number.parseInt(raw, 10) : NaN;
+  return Number.isFinite(n) && n >= 0 ? n : 0;
+}
+async function ensureReadable(response, label) {
+  if (response.status === 429) throw new RateLimitError(parseRetryAfter(response));
+  if (!response.ok) {
+    const text = await response.text().catch(() => "");
+    throw new Error(`${label} failed: ${response.status} ${text}`);
+  }
+}
+async function readJsonArray(response, label) {
+  await ensureReadable(response, label);
+  const data = await response.json().catch(() => void 0);
+  if (!Array.isArray(data)) {
+    throw new Error(`${label}: unexpected response shape (expected an array)`);
+  }
+  return data;
+}
+async function readJsonObject(response, label) {
+  await ensureReadable(response, label);
+  const data = await response.json().catch(() => void 0);
+  if (data === null || typeof data !== "object" || Array.isArray(data)) {
+    throw new Error(`${label}: unexpected response shape (expected an object)`);
+  }
+  return data;
+}
 function createApiClient(options) {
   const endpoint = (options.endpoint ?? "").replace(/\/+$/, "");
   if (!endpoint) {
@@ -107,11 +143,7 @@ function createApiClient(options) {
       headers: widgetHeaders(externalId)
     });
     if (response.status === 404) return [];
-    if (!response.ok) {
-      const text = await response.text().catch(() => "");
-      throw new Error(`listMine failed: ${response.status} ${text}`);
-    }
-    return response.json();
+    return readJsonArray(response, "listMine");
   }
   async function listChangelog(externalId) {
     const response = await fetcher(
@@ -119,22 +151,21 @@ function createApiClient(options) {
       { method: "GET", headers: widgetHeaders(externalId) }
     );
     if (response.status === 404) return [];
-    if (!response.ok) {
-      const text = await response.text().catch(() => "");
-      throw new Error(`listChangelog failed: ${response.status} ${text}`);
-    }
-    return response.json();
+    return readJsonArray(response, "listChangelog");
   }
   async function getReport(reportId, externalId) {
     const response = await fetcher(
       `${endpoint}/api/feedback/v1/reports/widget/${reportId}/`,
       { method: "GET", headers: widgetHeaders(externalId) }
     );
-    if (!response.ok) {
-      const text = await response.text().catch(() => "");
-      throw new Error(`getReport failed: ${response.status} ${text}`);
-    }
-    return response.json();
+    return readJsonObject(response, "getReport");
+  }
+  async function getReportBySeq(seq, externalId) {
+    const response = await fetcher(
+      `${endpoint}/api/feedback/v1/reports/widget/by-seq/${seq}/`,
+      { method: "GET", headers: widgetHeaders(externalId) }
+    );
+    return readJsonObject(response, "getReportBySeq");
   }
   async function addComment(reportId, externalId, body, clientNonce) {
     const response = await fetcher(
@@ -215,11 +246,11 @@ function createApiClient(options) {
     if (response.status === 404) {
       return { count: 0, next: null, previous: null, results: [] };
     }
-    if (!response.ok) {
-      const text = await response.text().catch(() => "");
-      throw new Error(`listBoard failed: ${response.status} ${text}`);
+    const page = await readJsonObject(response, "listBoard");
+    if (!Array.isArray(page.results)) {
+      throw new Error("listBoard: unexpected response shape (missing results[])");
     }
-    return response.json();
+    return page;
   }
   async function fetchBoardKpis(externalId, filters) {
     const response = await fetcher(
@@ -229,11 +260,7 @@ function createApiClient(options) {
     if (response.status === 404) {
       return { total: 0, by_status: {}, resolution_rate: 0, scope: "mine" };
     }
-    if (!response.ok) {
-      const text = await response.text().catch(() => "");
-      throw new Error(`fetchBoardKpis failed: ${response.status} ${text}`);
-    }
-    return response.json();
+    return readJsonObject(response, "fetchBoardKpis");
   }
   async function checkVisibility(externalId, email) {
     const response = await fetcher(
@@ -262,6 +289,7 @@ function createApiClient(options) {
     listMine,
     listChangelog,
     getReport,
+    getReportBySeq,
     addComment,
     closeAsResolved,
     reopenUnresolved,
@@ -573,6 +601,11 @@ var DEFAULT_STRINGS = {
   "form.close": "Close",
   "form.submitting": "Sending\u2026",
   "form.success": "Thanks \u2014 your feedback was sent.",
+  "form.success.seq": "Thanks \u2014 report #{seq} was sent. \u2713",
+  "form.discard.title": "Unsaved changes",
+  "form.discard.body": "Discard your feedback?",
+  "form.discard.keep": "Keep editing",
+  "form.discard.confirm": "Discard",
   "form.error": "Could not send. Please try again.",
   "form.description.required": "Please describe the issue before sending.",
   "form.screenshot.label": "Screenshot",
@@ -585,6 +618,7 @@ var DEFAULT_STRINGS = {
   "form.screenshot.error_size": "File too large (max {max} MB).",
   "form.screenshot.error_count": "Too many screenshots (max {max}).",
   "form.context.label": "Page",
+  "form.capture.notice": "Console, network activity and errors are captured automatically to help us debug.",
   "type.bug": "Bug",
   "type.feature": "Feature request",
   "type.question": "Question",
@@ -663,6 +697,8 @@ var DEFAULT_STRINGS = {
   "mine.refresh": "Refresh",
   "mine.loading": "Loading\u2026",
   "mine.error": "Could not load your reports.",
+  "error.rate_limited": "Too many requests \u2014 retry in {seconds}s.",
+  "error.rate_limited_generic": "Too many requests \u2014 try again in a moment.",
   "mine.replies_one": "1 reply",
   "mine.replies_many": "{count} replies",
   "mine.filter.empty": "No reports match this filter.",
@@ -737,6 +773,11 @@ var FRENCH_STRINGS = {
   "form.close": "Fermer",
   "form.submitting": "Envoi\u2026",
   "form.success": "Merci \u2014 votre commentaire a \xE9t\xE9 envoy\xE9.",
+  "form.success.seq": "Merci \u2014 rapport n\xB0{seq} envoy\xE9. \u2713",
+  "form.discard.title": "Modifications non enregistr\xE9es",
+  "form.discard.body": "Abandonner votre commentaire ?",
+  "form.discard.keep": "Continuer la saisie",
+  "form.discard.confirm": "Abandonner",
   "form.error": "\xC9chec d\u2019envoi. Veuillez r\xE9essayer.",
   "form.description.required": "D\xE9crivez le probl\xE8me avant d\u2019envoyer.",
   "form.screenshot.label": "Capture d\u2019\xE9cran",
@@ -749,6 +790,7 @@ var FRENCH_STRINGS = {
   "form.screenshot.error_size": "Fichier trop volumineux (max {max} Mo).",
   "form.screenshot.error_count": "Trop de captures d\u2019\xE9cran (max {max}).",
   "form.context.label": "Page",
+  "form.capture.notice": "La console, l\u2019activit\xE9 r\xE9seau et les erreurs sont captur\xE9es automatiquement pour faciliter le diagnostic.",
   "type.bug": "Bogue",
   "type.feature": "Suggestion",
   "type.question": "Question",
@@ -827,6 +869,8 @@ var FRENCH_STRINGS = {
   "mine.refresh": "Actualiser",
   "mine.loading": "Chargement\u2026",
   "mine.error": "Impossible de charger vos rapports.",
+  "error.rate_limited": "Trop de requ\xEAtes \u2014 r\xE9essaie dans {seconds} s.",
+  "error.rate_limited_generic": "Trop de requ\xEAtes \u2014 r\xE9essaie dans un instant.",
   "mine.replies_one": "1 r\xE9ponse",
   "mine.replies_many": "{count} r\xE9ponses",
   "mine.filter.empty": "Aucun rapport ne correspond \xE0 ce filtre.",
@@ -995,21 +1039,64 @@ function startPoll(tick, intervalMs) {
   };
 }
 
+// src/widget/rateLimit.ts
+function rateLimitMessage(err, strings) {
+  if (!(err instanceof RateLimitError)) return null;
+  return err.retryAfterSeconds > 0 ? strings["error.rate_limited"].replace(
+    "{seconds}",
+    String(err.retryAfterSeconds)
+  ) : strings["error.rate_limited_generic"];
+}
+
 // src/widget/ReportDetailView.tsx
 import { useEffect, useRef, useState } from "preact/hooks";
 
+// src/widget/linkifySeq.tsx
+import { jsxs } from "preact/jsx-runtime";
+var SEQ_RE = /#(\d+)/g;
+function linkifySeq(text, onOpenSeq) {
+  const value = text ?? "";
+  if (!value || !onOpenSeq) return [value];
+  const parts = [];
+  let last = 0;
+  SEQ_RE.lastIndex = 0;
+  let m;
+  while ((m = SEQ_RE.exec(value)) !== null) {
+    if (m.index > last) parts.push(value.slice(last, m.index));
+    const seq = Number(m[1]);
+    parts.push(
+      /* @__PURE__ */ jsxs(
+        "button",
+        {
+          type: "button",
+          class: "seq-link",
+          onClick: () => onOpenSeq(seq),
+          "aria-label": `Open report #${seq}`,
+          children: [
+            "#",
+            seq
+          ]
+        }
+      )
+    );
+    last = m.index + m[0].length;
+  }
+  if (last < value.length) parts.push(value.slice(last));
+  return parts.length ? parts : [value];
+}
+
 // src/widget/CommentBubble.tsx
-import { jsx, jsxs } from "preact/jsx-runtime";
-function CommentBubble({ comment, strings }) {
+import { jsx, jsxs as jsxs2 } from "preact/jsx-runtime";
+function CommentBubble({ comment, strings, onOpenSeq }) {
   const isMine = comment.is_mine;
   const isAgent = !isMine && comment.author_source === "mcp";
   const isSystem = !isMine && comment.author_source === "system";
   const variant = isAgent ? "mcp" : isSystem ? "system" : "staff";
   const labelKey = variant === "mcp" ? "detail.author.mcp" : variant === "system" ? "detail.author.system" : "detail.author.staff";
   const label = comment.author_label || strings[labelKey];
-  return /* @__PURE__ */ jsxs("div", { class: `comment-bubble ${isMine ? "is-mine" : "is-other"}`, children: [
+  return /* @__PURE__ */ jsxs2("div", { class: `comment-bubble ${isMine ? "is-mine" : "is-other"}`, children: [
     !isMine && label && /* @__PURE__ */ jsx("div", { class: `comment-author comment-author--${variant}`, children: label }),
-    /* @__PURE__ */ jsx("div", { class: "comment-body", children: comment.body }),
+    /* @__PURE__ */ jsx("div", { class: "comment-body", children: linkifySeq(comment.body, onOpenSeq) }),
     /* @__PURE__ */ jsx("div", { class: "comment-time", children: formatTime(comment.created_at) })
   ] });
 }
@@ -1065,7 +1152,7 @@ function safeExternalHref(url) {
 }
 
 // src/widget/ReportDetailView.tsx
-import { Fragment, jsx as jsx2, jsxs as jsxs2 } from "preact/jsx-runtime";
+import { Fragment, jsx as jsx2, jsxs as jsxs3 } from "preact/jsx-runtime";
 var POLL_MS = 3e4;
 function ReportDetailView({
   api,
@@ -1074,7 +1161,8 @@ function ReportDetailView({
   strings,
   onBack,
   canModerate = true,
-  variant = "modal"
+  variant = "modal",
+  onOpenSeq
 }) {
   const [detail, setDetail] = useState(null);
   const [error, setError] = useState(null);
@@ -1093,7 +1181,8 @@ function ReportDetailView({
     } catch (err) {
       if (typeof console !== "undefined") console.warn("[mhosaic] getReport:", err);
       if (!mountedRef.current) return false;
-      setError("load_failed");
+      const rl = rateLimitMessage(err, strings);
+      setError(rl ?? "load_failed");
       return false;
     }
   };
@@ -1161,10 +1250,20 @@ function ReportDetailView({
     return /* @__PURE__ */ jsx2("div", { class: "mine-loading", children: strings["mine.loading"] });
   }
   if (!detail) {
-    return /* @__PURE__ */ jsxs2("div", { class: "report-detail-empty-state", role: "alert", children: [
+    if (error && error !== "load_failed") {
+      return /* @__PURE__ */ jsxs3("div", { class: "report-detail-empty-state", role: "alert", children: [
+        /* @__PURE__ */ jsx2("p", { class: "report-detail-empty-state-body", children: error }),
+        /* @__PURE__ */ jsx2("button", { type: "button", class: "btn", onClick: () => void fetchDetail(), children: strings["board.retry"] }),
+        /* @__PURE__ */ jsxs3("button", { type: "button", class: "btn", onClick: onBack, children: [
+          "\u2190 ",
+          strings["detail.load_failed.cta"]
+        ] })
+      ] });
+    }
+    return /* @__PURE__ */ jsxs3("div", { class: "report-detail-empty-state", role: "alert", children: [
       /* @__PURE__ */ jsx2("p", { class: "report-detail-empty-state-title", children: strings["detail.load_failed.title"] }),
       /* @__PURE__ */ jsx2("p", { class: "report-detail-empty-state-body", children: strings["detail.load_failed.body"] }),
-      /* @__PURE__ */ jsxs2("button", { type: "button", class: "btn", onClick: onBack, children: [
+      /* @__PURE__ */ jsxs3("button", { type: "button", class: "btn", onClick: onBack, children: [
         "\u2190 ",
         strings["detail.load_failed.cta"]
       ] })
@@ -1174,16 +1273,16 @@ function ReportDetailView({
   const canAct = detail.can_moderate ?? isMine;
   const showCloseCta = canAct && detail.status === "awaiting_validation";
   const showComposeBox = canAct;
-  return /* @__PURE__ */ jsxs2("div", { class: `report-detail variant-${variant}`, children: [
-    variant === "modal" && /* @__PURE__ */ jsxs2("div", { class: "report-detail-header", children: [
-      /* @__PURE__ */ jsxs2("button", { type: "button", class: "btn", onClick: onBack, children: [
+  return /* @__PURE__ */ jsxs3("div", { class: `report-detail variant-${variant}`, children: [
+    variant === "modal" && /* @__PURE__ */ jsxs3("div", { class: "report-detail-header", children: [
+      /* @__PURE__ */ jsxs3("button", { type: "button", class: "btn", onClick: onBack, children: [
         "\u2190 ",
         strings["detail.back"]
       ] }),
       /* @__PURE__ */ jsx2("span", { class: `pill pill-status pill-status--${detail.status}`, children: strings[`status.${detail.status}`] ?? detail.status })
     ] }),
-    variant === "board" && /* @__PURE__ */ jsxs2("div", { class: "report-detail-header report-detail-header--board", children: [
-      /* @__PURE__ */ jsxs2(
+    variant === "board" && /* @__PURE__ */ jsxs3("div", { class: "report-detail-header report-detail-header--board", children: [
+      /* @__PURE__ */ jsxs3(
         "button",
         {
           type: "button",
@@ -1198,9 +1297,9 @@ function ReportDetailView({
       ),
       /* @__PURE__ */ jsx2("span", { class: `pill pill-status pill-status--${detail.status}`, children: strings[`status.${detail.status}`] ?? detail.status })
     ] }),
-    /* @__PURE__ */ jsxs2("div", { class: "report-detail-body", children: [
+    /* @__PURE__ */ jsxs3("div", { class: "report-detail-body", children: [
       /* @__PURE__ */ jsx2(ContextBlock, { detail, strings }),
-      /* @__PURE__ */ jsx2("p", { class: "report-detail-description", children: detail.description }),
+      /* @__PURE__ */ jsx2("p", { class: "report-detail-description", children: linkifySeq(detail.description, onOpenSeq) }),
       (detail.screenshots?.length ? detail.screenshots.map((s) => s.url) : [detail.screenshot_url]).filter((url) => Boolean(url)).map((url) => {
         const safeHref = safeExternalHref(url);
         return safeHref ? /* @__PURE__ */ jsx2(
@@ -1215,10 +1314,17 @@ function ReportDetailView({
         ) : /* @__PURE__ */ jsx2("div", { class: "report-detail-screenshot", children: /* @__PURE__ */ jsx2("img", { src: url, alt: "", loading: "lazy" }) });
       }),
       /* @__PURE__ */ jsx2("h3", { class: "report-detail-section", children: strings["detail.thread"] }),
-      detail.comments.length === 0 ? /* @__PURE__ */ jsx2("p", { class: "report-detail-empty", children: strings["detail.no_replies"] }) : /* @__PURE__ */ jsx2("ul", { class: "report-comments", children: detail.comments.map((c) => /* @__PURE__ */ jsx2("li", { children: /* @__PURE__ */ jsx2(CommentBubble, { comment: c, strings }) })) }),
+      detail.comments.length === 0 ? /* @__PURE__ */ jsx2("p", { class: "report-detail-empty", children: strings["detail.no_replies"] }) : /* @__PURE__ */ jsx2("ul", { class: "report-comments", children: detail.comments.map((c) => /* @__PURE__ */ jsx2("li", { children: /* @__PURE__ */ jsx2(
+        CommentBubble,
+        {
+          comment: c,
+          strings,
+          ...onOpenSeq && { onOpenSeq }
+        }
+      ) })) }),
       detail.status_history && detail.status_history.length > 0 && /* @__PURE__ */ jsx2(StatusHistorySection, { rows: detail.status_history, strings }),
       detail.technical_context && /* @__PURE__ */ jsx2(TechnicalContextDrawer, { ctx: detail.technical_context, strings }),
-      showComposeBox ? /* @__PURE__ */ jsxs2("div", { class: "report-compose", children: [
+      showComposeBox ? /* @__PURE__ */ jsxs3("div", { class: "report-compose", children: [
         /* @__PURE__ */ jsx2(
           "textarea",
           {
@@ -1228,7 +1334,7 @@ function ReportDetailView({
             disabled: sending
           }
         ),
-        /* @__PURE__ */ jsxs2("div", { class: "report-compose-actions", children: [
+        /* @__PURE__ */ jsxs3("div", { class: "report-compose-actions", children: [
           showCloseCta && /* @__PURE__ */ jsx2(
             "button",
             {
@@ -1278,19 +1384,19 @@ function appendComment(current, next) {
 function ContextBlock({ detail, strings }) {
   const captureKey = `detail.context.capture.${detail.capture_method}`;
   const captureLabel = strings[captureKey] ?? detail.capture_method;
-  return /* @__PURE__ */ jsxs2("div", { class: "report-detail-context", children: [
-    /* @__PURE__ */ jsxs2("div", { class: "report-detail-context-pills", children: [
+  return /* @__PURE__ */ jsxs3("div", { class: "report-detail-context", children: [
+    /* @__PURE__ */ jsxs3("div", { class: "report-detail-context-pills", children: [
       /* @__PURE__ */ jsx2("span", { class: "pill pill-type", children: strings[`type.${detail.feedback_type}`] }),
       /* @__PURE__ */ jsx2("span", { class: `pill pill-severity pill-severity--${detail.severity}`, children: strings[`severity.${detail.severity}`] }),
       /* @__PURE__ */ jsx2("span", { class: "pill pill-capture", children: captureLabel })
     ] }),
-    /* @__PURE__ */ jsxs2("div", { class: "report-detail-context-line", children: [
+    /* @__PURE__ */ jsxs3("div", { class: "report-detail-context-line", children: [
       /* @__PURE__ */ jsx2("span", { class: "report-detail-context-label", children: strings["detail.context.submitted_at"] }),
       /* @__PURE__ */ jsx2("span", { children: formatSubmittedAt(detail.created_at) })
     ] }),
     detail.page_url && (() => {
       const safeHref = safeExternalHref(detail.page_url);
-      return /* @__PURE__ */ jsxs2("div", { class: "report-detail-context-line", title: detail.page_url, children: [
+      return /* @__PURE__ */ jsxs3("div", { class: "report-detail-context-line", title: detail.page_url, children: [
         /* @__PURE__ */ jsx2("span", { class: "report-detail-context-label", children: strings["detail.context.page"] }),
         safeHref ? /* @__PURE__ */ jsx2(
           "a",
@@ -1327,9 +1433,9 @@ function TechnicalContextDrawer({ ctx, strings }) {
   if (!hasAny) return null;
   const errorCount = errors.length;
   const summary = errorCount > 0 ? `${strings["detail.tech.title"]} \xB7 ${errorCount} ${errorCount === 1 ? strings["detail.tech.errors_one"] : strings["detail.tech.errors_many"]}` : strings["detail.tech.title"];
-  return /* @__PURE__ */ jsxs2("details", { class: "report-detail-tech", children: [
+  return /* @__PURE__ */ jsxs3("details", { class: "report-detail-tech", children: [
     /* @__PURE__ */ jsx2("summary", { children: summary }),
-    /* @__PURE__ */ jsxs2("div", { class: "tech-body", children: [
+    /* @__PURE__ */ jsxs3("div", { class: "tech-body", children: [
       device && /* @__PURE__ */ jsx2(DeviceSection, { device, strings }),
       errors.length > 0 && /* @__PURE__ */ jsx2(ErrorsSection, { errors, strings }),
       consoleLogs.length > 0 && /* @__PURE__ */ jsx2(ConsoleSection, { logs: consoleLogs, strings }),
@@ -1354,9 +1460,9 @@ function DeviceSection({
   if (device?.timezone) parts.push({ label: strings["detail.tech.device.timezone"], value: device.timezone });
   if (device?.connection) parts.push({ label: strings["detail.tech.device.connection"], value: device.connection });
   if (parts.length === 0) return null;
-  return /* @__PURE__ */ jsxs2("div", { class: "tech-section", children: [
+  return /* @__PURE__ */ jsxs3("div", { class: "tech-section", children: [
     /* @__PURE__ */ jsx2("h4", { children: strings["detail.tech.device"] }),
-    /* @__PURE__ */ jsx2("dl", { class: "tech-device", children: parts.map((p) => /* @__PURE__ */ jsxs2(Fragment, { children: [
+    /* @__PURE__ */ jsx2("dl", { class: "tech-device", children: parts.map((p) => /* @__PURE__ */ jsxs3(Fragment, { children: [
       /* @__PURE__ */ jsx2("dt", { children: p.label }),
       /* @__PURE__ */ jsx2("dd", { children: p.value })
     ] })) })
@@ -1366,9 +1472,9 @@ function ErrorsSection({
   errors,
   strings
 }) {
-  return /* @__PURE__ */ jsxs2("div", { class: "tech-section", children: [
+  return /* @__PURE__ */ jsxs3("div", { class: "tech-section", children: [
     /* @__PURE__ */ jsx2("h4", { children: strings["detail.tech.errors"] }),
-    /* @__PURE__ */ jsx2("ul", { class: "tech-errors", children: errors.map((e) => /* @__PURE__ */ jsxs2("li", { children: [
+    /* @__PURE__ */ jsx2("ul", { class: "tech-errors", children: errors.map((e) => /* @__PURE__ */ jsxs3("li", { children: [
       /* @__PURE__ */ jsx2("div", { class: "tech-errors-msg", children: e.message }),
       e.stack && /* @__PURE__ */ jsx2("pre", { class: "tech-errors-stack", children: truncateStack(e.stack) })
     ] })) })
@@ -1378,9 +1484,9 @@ function ConsoleSection({
   logs,
   strings
 }) {
-  return /* @__PURE__ */ jsxs2("div", { class: "tech-section", children: [
+  return /* @__PURE__ */ jsxs3("div", { class: "tech-section", children: [
     /* @__PURE__ */ jsx2("h4", { children: strings["detail.tech.console"] }),
-    /* @__PURE__ */ jsx2("ul", { class: "tech-console", children: logs.map((l) => /* @__PURE__ */ jsxs2("li", { class: `tech-console-row tech-console-row--${l.level}`, children: [
+    /* @__PURE__ */ jsx2("ul", { class: "tech-console", children: logs.map((l) => /* @__PURE__ */ jsxs3("li", { class: `tech-console-row tech-console-row--${l.level}`, children: [
       /* @__PURE__ */ jsx2("span", { class: "tech-console-level", children: l.level }),
       /* @__PURE__ */ jsx2("span", { class: "tech-console-msg", children: l.message })
     ] })) })
@@ -1390,15 +1496,15 @@ function NetworkSection({
   rows,
   strings
 }) {
-  return /* @__PURE__ */ jsxs2("div", { class: "tech-section", children: [
+  return /* @__PURE__ */ jsxs3("div", { class: "tech-section", children: [
     /* @__PURE__ */ jsx2("h4", { children: strings["detail.tech.network"] }),
     /* @__PURE__ */ jsx2("ul", { class: "tech-network", children: rows.map((n) => {
       const failed = n.status >= 400 || n.status === 0;
-      return /* @__PURE__ */ jsxs2("li", { class: `tech-network-row${failed ? " tech-network-row--fail" : ""}`, children: [
+      return /* @__PURE__ */ jsxs3("li", { class: `tech-network-row${failed ? " tech-network-row--fail" : ""}`, children: [
         /* @__PURE__ */ jsx2("span", { class: "tech-network-status", children: n.status || "\u2014" }),
         /* @__PURE__ */ jsx2("span", { class: "tech-network-method", children: n.method }),
         /* @__PURE__ */ jsx2("span", { class: "tech-network-url", title: n.url, children: truncateUrl(n.url, 56) }),
-        /* @__PURE__ */ jsxs2("span", { class: "tech-network-time", children: [
+        /* @__PURE__ */ jsxs3("span", { class: "tech-network-time", children: [
           Math.round(n.durationMs),
           "ms"
         ] })
@@ -1412,15 +1518,15 @@ function truncateStack(stack) {
   return lines.slice(0, 12).join("\n") + "\n  \u2026";
 }
 function StatusHistorySection({ rows, strings }) {
-  return /* @__PURE__ */ jsxs2("div", { class: "report-detail-history", children: [
+  return /* @__PURE__ */ jsxs3("div", { class: "report-detail-history", children: [
     /* @__PURE__ */ jsx2("h3", { class: "report-detail-section", children: strings["detail.history"] }),
     /* @__PURE__ */ jsx2("ol", { class: "status-history", children: rows.map((r) => {
       const from = strings[`status.${r.from_status}`] ?? r.from_status;
       const to = strings[`status.${r.to_status}`] ?? r.to_status;
       const sourceKey = r.changed_by_source === "mcp" ? "detail.author.mcp" : r.changed_by_source === "system" ? "detail.author.system" : "detail.author.staff";
-      return /* @__PURE__ */ jsxs2("li", { class: "status-history-row", children: [
+      return /* @__PURE__ */ jsxs3("li", { class: "status-history-row", children: [
         /* @__PURE__ */ jsx2("span", { class: "status-history-time", children: formatSubmittedAt(r.created_at) }),
-        /* @__PURE__ */ jsxs2("span", { class: "status-history-transition", children: [
+        /* @__PURE__ */ jsxs3("span", { class: "status-history-transition", children: [
           /* @__PURE__ */ jsx2("span", { class: `pill pill-status pill-status--${r.from_status}`, children: from }),
           /* @__PURE__ */ jsx2("span", { class: "status-history-arrow", "aria-hidden": "true", children: "\u2192" }),
           /* @__PURE__ */ jsx2("span", { class: `pill pill-status pill-status--${r.to_status}`, children: to })
@@ -1432,7 +1538,7 @@ function StatusHistorySection({ rows, strings }) {
 }
 
 // src/widget/BoardView.tsx
-import { Fragment as Fragment2, jsx as jsx3, jsxs as jsxs3 } from "preact/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx3, jsxs as jsxs4 } from "preact/jsx-runtime";
 var POLL_MS2 = 3e4;
 var SORT_OPTIONS = ["recent", "oldest", "updated", "severity", "status"];
 var STATUSES = [
@@ -1470,11 +1576,10 @@ function BoardView({
     if (!thisPage) return;
     return onLocationChange(() => setReloadTick((t) => t + 1));
   }, [thisPage]);
-  const fetchFilters = useMemo(
-    () => thisPage ? { ...filters, pagePath: currentPagePath(getCurrentPage !== void 0 ? { getCurrentPage } : {}) } : filters,
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [filtersHash(filters), thisPage, reloadTick]
-  );
+  const fetchFilters = useMemo(() => {
+    const searching = !!filters.q?.trim();
+    return thisPage && !searching ? { ...filters, pagePath: currentPagePath(getCurrentPage !== void 0 ? { getCurrentPage } : {}) } : filters;
+  }, [filtersHash(filters), thisPage, reloadTick]);
   useEffect2(() => {
     let cancelled = false;
     setLoading(true);
@@ -1491,7 +1596,7 @@ function BoardView({
         return true;
       } catch (e) {
         if (cancelled) return false;
-        setError(e instanceof Error ? e.message : String(e));
+        setError(rateLimitMessage(e, strings) ?? strings["board.list.error"]);
         return false;
       } finally {
         if (!cancelled) setLoading(false);
@@ -1510,7 +1615,7 @@ function BoardView({
     setSelectedId(row.id);
     setDetailKey((k) => k + 1);
   };
-  return /* @__PURE__ */ jsxs3("div", { class: "board-view", children: [
+  return /* @__PURE__ */ jsxs4("div", { class: "board-view", children: [
     /* @__PURE__ */ jsx3(BoardHeader, { strings, kpis, thisPage }),
     /* @__PURE__ */ jsx3(
       BoardFilters,
@@ -1523,10 +1628,10 @@ function BoardView({
         onToggleThisPage: () => setThisPage((v) => !v)
       }
     ),
-    /* @__PURE__ */ jsxs3("div", { class: "board-body", children: [
-      /* @__PURE__ */ jsxs3("div", { class: "board-list-wrap", "aria-busy": loading && !page, children: [
-        error && /* @__PURE__ */ jsxs3("div", { class: "board-error", role: "alert", children: [
-          /* @__PURE__ */ jsx3("span", { children: strings["board.list.error"] }),
+    /* @__PURE__ */ jsxs4("div", { class: "board-body", children: [
+      /* @__PURE__ */ jsxs4("div", { class: "board-list-wrap", "aria-busy": loading && !page, children: [
+        error && /* @__PURE__ */ jsxs4("div", { class: "board-error", role: "alert", children: [
+          /* @__PURE__ */ jsx3("span", { children: error }),
           /* @__PURE__ */ jsx3(
             "button",
             {
@@ -1571,10 +1676,17 @@ function BoardView({
           strings,
           onBack: () => setSelectedId(null),
           canModerate: selectedRow.can_moderate ?? selectedRow.is_mine,
-          variant: "board"
+          variant: "board",
+          onOpenSeq: (seq) => {
+            void api.getReportBySeq(seq, externalId).then((r) => {
+              setSelectedId(r.id);
+              setDetailKey((k) => k + 1);
+            }).catch(() => {
+            });
+          }
         },
         detailKey
-      ) : /* @__PURE__ */ jsxs3("div", { class: "board-detail-empty", children: [
+      ) : /* @__PURE__ */ jsxs4("div", { class: "board-detail-empty", children: [
         /* @__PURE__ */ jsx3(DetailEmptyIllustration, {}),
         /* @__PURE__ */ jsx3("p", { children: strings["board.detail.empty"] })
       ] }) })
@@ -1587,10 +1699,10 @@ function BoardHeader({
   thisPage
 }) {
   const scopeLabel = thisPage ? strings["board.scope.onThisPage"] : kpis?.scope === "project" ? strings["board.scope.project"] : strings["board.scope.mine"];
-  return /* @__PURE__ */ jsxs3("header", { class: "board-header", children: [
-    /* @__PURE__ */ jsxs3("div", { class: "board-header-title", children: [
+  return /* @__PURE__ */ jsxs4("header", { class: "board-header", children: [
+    /* @__PURE__ */ jsxs4("div", { class: "board-header-title", children: [
       /* @__PURE__ */ jsx3("span", { class: "board-header-emoji", "aria-hidden": "true", children: "\u{1F4CB}" }),
-      /* @__PURE__ */ jsxs3("div", { children: [
+      /* @__PURE__ */ jsxs4("div", { children: [
         /* @__PURE__ */ jsx3("h2", { class: "board-header-h", children: strings["tab.board"] }),
         /* @__PURE__ */ jsx3("p", { class: "board-header-sub", children: kpis ? `${kpis.total} \xB7 ${scopeLabel}` : scopeLabel })
       ] })
@@ -1628,7 +1740,7 @@ function BoardKpiStrip({
       tone: "tone-rate"
     }
   ];
-  return /* @__PURE__ */ jsx3("div", { class: `board-kpi-strip ${kpis ? "is-ready" : "is-loading"}`, "aria-live": "polite", children: cells.map((c) => /* @__PURE__ */ jsxs3("div", { class: `board-kpi-card ${c.tone}`, children: [
+  return /* @__PURE__ */ jsx3("div", { class: `board-kpi-strip ${kpis ? "is-ready" : "is-loading"}`, "aria-live": "polite", children: cells.map((c) => /* @__PURE__ */ jsxs4("div", { class: `board-kpi-card ${c.tone}`, children: [
     /* @__PURE__ */ jsx3("div", { class: "board-kpi-value", children: c.value }),
     /* @__PURE__ */ jsx3("div", { class: "board-kpi-label", children: c.label })
   ] }, c.key)) });
@@ -1680,8 +1792,8 @@ function BoardFilters({
     }
   };
   const clear = () => onChange({});
-  return /* @__PURE__ */ jsxs3("div", { class: "board-filters", children: [
-    /* @__PURE__ */ jsxs3("div", { class: "board-scope", role: "group", "aria-label": strings["board.scope.thisPage"], children: [
+  return /* @__PURE__ */ jsxs4("div", { class: "board-filters", children: [
+    /* @__PURE__ */ jsxs4("div", { class: "board-scope", role: "group", "aria-label": strings["board.scope.thisPage"], children: [
       /* @__PURE__ */ jsx3(
         "button",
         {
@@ -1713,7 +1825,7 @@ function BoardFilters({
         children: SORT_OPTIONS.map((o) => /* @__PURE__ */ jsx3("option", { value: o, children: strings[`board.sort.${o}`] }, o))
       }
     ),
-    /* @__PURE__ */ jsxs3(
+    /* @__PURE__ */ jsxs4(
       "select",
       {
         class: "board-filter-select",
@@ -1726,7 +1838,7 @@ function BoardFilters({
         ]
       }
     ),
-    /* @__PURE__ */ jsxs3(
+    /* @__PURE__ */ jsxs4(
       "select",
       {
         class: "board-filter-select",
@@ -1739,7 +1851,7 @@ function BoardFilters({
         ]
       }
     ),
-    /* @__PURE__ */ jsxs3(
+    /* @__PURE__ */ jsxs4(
       "select",
       {
         class: "board-filter-select",
@@ -1762,7 +1874,7 @@ function BoardFilters({
         onInput: (e) => setSearch(e.target.value)
       }
     ),
-    /* @__PURE__ */ jsxs3("label", { class: "board-filter-toggle", children: [
+    /* @__PURE__ */ jsxs4("label", { class: "board-filter-toggle", children: [
       /* @__PURE__ */ jsx3(
         "input",
         {
@@ -1773,7 +1885,7 @@ function BoardFilters({
       ),
       /* @__PURE__ */ jsx3("span", { children: strings["board.filter.mine"] })
     ] }),
-    activeCount > 0 && /* @__PURE__ */ jsxs3("button", { type: "button", class: "board-filter-clear", onClick: clear, children: [
+    activeCount > 0 && /* @__PURE__ */ jsxs4("button", { type: "button", class: "board-filter-clear", onClick: clear, children: [
       /* @__PURE__ */ jsx3(CloseIcon, {}),
       strings["board.filter.clear"]
     ] })
@@ -1787,7 +1899,7 @@ function BoardList({
   total,
   thisPage
 }) {
-  return /* @__PURE__ */ jsxs3(Fragment2, { children: [
+  return /* @__PURE__ */ jsxs4(Fragment2, { children: [
     /* @__PURE__ */ jsx3("div", { class: "board-list-count", children: strings[thisPage ? "board.list.count.page" : "board.list.count"].replace("{n}", String(rows.length)).replace("{total}", String(total)) }),
     /* @__PURE__ */ jsx3("ul", { class: "board-list", role: "list", children: rows.map((row) => /* @__PURE__ */ jsx3(
       BoardRowCard,
@@ -1808,7 +1920,7 @@ function BoardRowCard({
   strings
 }) {
   const author = row.is_mine ? strings["board.list.you"] : row.author_label || "\u2014";
-  return /* @__PURE__ */ jsx3("li", { children: /* @__PURE__ */ jsxs3(
+  return /* @__PURE__ */ jsx3("li", { children: /* @__PURE__ */ jsxs4(
     "button",
     {
       type: "button",
@@ -1816,14 +1928,14 @@ function BoardRowCard({
       onClick: () => onPick(row),
       "aria-pressed": selected,
       children: [
-        /* @__PURE__ */ jsxs3("div", { class: "board-row-badges", children: [
+        /* @__PURE__ */ jsxs4("div", { class: "board-row-badges", children: [
           /* @__PURE__ */ jsx3("span", { class: `badge status-${row.status}`, children: strings[`status.${row.status}`] ?? row.status }),
           /* @__PURE__ */ jsx3("span", { class: `badge severity-${row.severity}`, children: strings[`severity.${row.severity}`] ?? row.severity })
         ] }),
         /* @__PURE__ */ jsx3("div", { class: "board-row-description", children: row.description }),
-        /* @__PURE__ */ jsxs3("div", { class: "board-row-meta", children: [
+        /* @__PURE__ */ jsxs4("div", { class: "board-row-meta", children: [
           /* @__PURE__ */ jsx3("span", { class: "board-row-author", children: author }),
-          row.comment_count > 0 && /* @__PURE__ */ jsxs3("span", { class: "board-row-comments", children: [
+          row.comment_count > 0 && /* @__PURE__ */ jsxs4("span", { class: "board-row-comments", children: [
             /* @__PURE__ */ jsx3(CommentIcon, {}),
             " ",
             row.comment_count
@@ -1839,7 +1951,7 @@ function BoardEmpty({
   thisPage,
   onAllPages
 }) {
-  return /* @__PURE__ */ jsxs3("div", { class: "board-empty", children: [
+  return /* @__PURE__ */ jsxs4("div", { class: "board-empty", children: [
     /* @__PURE__ */ jsx3(EmptyIllustration, {}),
     /* @__PURE__ */ jsx3("h3", { children: strings[thisPage ? "board.list.empty.page.title" : "board.list.empty.title"] }),
     /* @__PURE__ */ jsx3("p", { children: strings[thisPage ? "board.list.empty.page.description" : "board.list.empty.description"] }),
@@ -1847,7 +1959,7 @@ function BoardEmpty({
   ] });
 }
 function BoardListSkeleton() {
-  return /* @__PURE__ */ jsx3("ul", { class: "board-list board-list-skeleton", "aria-hidden": "true", children: Array.from({ length: 5 }).map((_, i) => /* @__PURE__ */ jsx3("li", { children: /* @__PURE__ */ jsxs3("div", { class: "board-row skeleton-row", children: [
+  return /* @__PURE__ */ jsx3("ul", { class: "board-list board-list-skeleton", "aria-hidden": "true", children: Array.from({ length: 5 }).map((_, i) => /* @__PURE__ */ jsx3("li", { children: /* @__PURE__ */ jsxs4("div", { class: "board-row skeleton-row", children: [
     /* @__PURE__ */ jsx3("div", { class: "skeleton-line skeleton-badges" }),
     /* @__PURE__ */ jsx3("div", { class: "skeleton-line skeleton-text" }),
     /* @__PURE__ */ jsx3("div", { class: "skeleton-line skeleton-text short" })
@@ -1857,19 +1969,19 @@ function CommentIcon() {
   return /* @__PURE__ */ jsx3("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", "aria-hidden": "true", children: /* @__PURE__ */ jsx3("path", { d: "M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z" }) });
 }
 function CloseIcon() {
-  return /* @__PURE__ */ jsxs3("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", "aria-hidden": "true", children: [
+  return /* @__PURE__ */ jsxs4("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", "aria-hidden": "true", children: [
     /* @__PURE__ */ jsx3("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
     /* @__PURE__ */ jsx3("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
   ] });
 }
 function EmptyIllustration() {
-  return /* @__PURE__ */ jsxs3("svg", { width: "64", height: "64", viewBox: "0 0 64 64", fill: "none", "aria-hidden": "true", children: [
+  return /* @__PURE__ */ jsxs4("svg", { width: "64", height: "64", viewBox: "0 0 64 64", fill: "none", "aria-hidden": "true", children: [
     /* @__PURE__ */ jsx3("circle", { cx: "32", cy: "32", r: "28", stroke: "currentColor", "stroke-opacity": "0.18", "stroke-width": "2" }),
     /* @__PURE__ */ jsx3("path", { d: "M22 32h20M32 22v20", stroke: "currentColor", "stroke-opacity": "0.35", "stroke-width": "2", "stroke-linecap": "round" })
   ] });
 }
 function DetailEmptyIllustration() {
-  return /* @__PURE__ */ jsxs3("svg", { width: "80", height: "80", viewBox: "0 0 64 64", fill: "none", "aria-hidden": "true", children: [
+  return /* @__PURE__ */ jsxs4("svg", { width: "80", height: "80", viewBox: "0 0 64 64", fill: "none", "aria-hidden": "true", children: [
     /* @__PURE__ */ jsx3("rect", { x: "10", y: "12", width: "44", height: "36", rx: "4", stroke: "currentColor", "stroke-opacity": "0.22", "stroke-width": "2" }),
     /* @__PURE__ */ jsx3("line", { x1: "18", y1: "22", x2: "46", y2: "22", stroke: "currentColor", "stroke-opacity": "0.22", "stroke-width": "2", "stroke-linecap": "round" }),
     /* @__PURE__ */ jsx3("line", { x1: "18", y1: "30", x2: "38", y2: "30", stroke: "currentColor", "stroke-opacity": "0.18", "stroke-width": "2", "stroke-linecap": "round" }),
@@ -1905,7 +2017,7 @@ function formatRelative(iso) {
 import { useEffect as useEffect3, useMemo as useMemo2, useRef as useRef2, useState as useState3 } from "preact/hooks";
 
 // src/widget/ReportRow.tsx
-import { jsx as jsx4, jsxs as jsxs4 } from "preact/jsx-runtime";
+import { jsx as jsx4, jsxs as jsxs5 } from "preact/jsx-runtime";
 function statusClassName(status) {
   return `pill pill-status pill-status--${status}`;
 }
@@ -1933,16 +2045,16 @@ function repliesLabel(count, strings) {
 }
 function ReportRow({ row, strings, onClick }) {
   const preview = row.description.length > 120 ? row.description.slice(0, 117) + "\u2026" : row.description;
-  return /* @__PURE__ */ jsxs4("button", { type: "button", class: "mine-row", onClick, children: [
-    /* @__PURE__ */ jsxs4("div", { class: "mine-row-pills", children: [
+  return /* @__PURE__ */ jsxs5("button", { type: "button", class: "mine-row", onClick, children: [
+    /* @__PURE__ */ jsxs5("div", { class: "mine-row-pills", children: [
       /* @__PURE__ */ jsx4("span", { class: statusClassName(row.status), children: strings[`status.${row.status}`] ?? row.status }),
       /* @__PURE__ */ jsx4("span", { class: typeClassName(), children: strings[`type.${row.feedback_type}`] }),
       /* @__PURE__ */ jsx4("span", { class: severityClassName(row.severity), children: strings[`severity.${row.severity}`] })
     ] }),
     /* @__PURE__ */ jsx4("div", { class: "mine-row-preview", children: preview }),
-    /* @__PURE__ */ jsxs4("div", { class: "mine-row-meta", children: [
+    /* @__PURE__ */ jsxs5("div", { class: "mine-row-meta", children: [
       /* @__PURE__ */ jsx4("span", { children: formatRelative2(row.updated_at || row.created_at) }),
-      row.comment_count > 0 && /* @__PURE__ */ jsxs4("span", { children: [
+      row.comment_count > 0 && /* @__PURE__ */ jsxs5("span", { children: [
         "\xB7 ",
         repliesLabel(row.comment_count, strings)
       ] })
@@ -1951,7 +2063,7 @@ function ReportRow({ row, strings, onClick }) {
 }
 
 // src/widget/ChangelogList.tsx
-import { jsx as jsx5, jsxs as jsxs5 } from "preact/jsx-runtime";
+import { jsx as jsx5, jsxs as jsxs6 } from "preact/jsx-runtime";
 var POLL_MS3 = 3e4;
 function isoWeekKey(iso) {
   const d = new Date(iso);
@@ -2020,8 +2132,8 @@ function ChangelogList({ api, externalId, strings, onSelect }) {
   const groups = useMemo2(() => rows ? groupRowsByWeek(rows) : [], [rows]);
   const isLoading = rows === null && !error;
   const isEmpty = rows !== null && rows.length === 0;
-  return /* @__PURE__ */ jsxs5("div", { class: "mine-list", children: [
-    /* @__PURE__ */ jsxs5("div", { class: "mine-list-header", children: [
+  return /* @__PURE__ */ jsxs6("div", { class: "mine-list", children: [
+    /* @__PURE__ */ jsxs6("div", { class: "mine-list-header", children: [
       /* @__PURE__ */ jsx5("h2", { children: strings["tab.changelog"] }),
       /* @__PURE__ */ jsx5(
         "button",
@@ -2038,12 +2150,12 @@ function ChangelogList({ api, externalId, strings, onSelect }) {
     ] }),
     isLoading && /* @__PURE__ */ jsx5("div", { class: "mine-loading", children: strings["mine.loading"] }),
     error && /* @__PURE__ */ jsx5("div", { class: "error", children: error }),
-    isEmpty && /* @__PURE__ */ jsxs5("div", { class: "mine-empty", children: [
+    isEmpty && /* @__PURE__ */ jsxs6("div", { class: "mine-empty", children: [
       /* @__PURE__ */ jsx5("strong", { children: strings["changelog.empty.title"] }),
       /* @__PURE__ */ jsx5("p", { children: strings["changelog.empty.body"] })
     ] }),
-    groups.length > 0 && /* @__PURE__ */ jsx5("div", { class: "changelog-groups", children: groups.map((g) => /* @__PURE__ */ jsxs5("section", { class: "changelog-group", children: [
-      /* @__PURE__ */ jsxs5("header", { class: "changelog-group-header", children: [
+    groups.length > 0 && /* @__PURE__ */ jsx5("div", { class: "changelog-groups", children: groups.map((g) => /* @__PURE__ */ jsxs6("section", { class: "changelog-group", children: [
+      /* @__PURE__ */ jsxs6("header", { class: "changelog-group-header", children: [
         /* @__PURE__ */ jsx5("span", { class: "changelog-group-marker", "aria-hidden": "true", children: "\u25CF" }),
         /* @__PURE__ */ jsx5("span", { class: "changelog-group-label", children: strings["changelog.week_of"].replace("{date}", g.label) }),
         /* @__PURE__ */ jsx5("span", { class: "changelog-group-rule", "aria-hidden": "true" }),
@@ -2055,9 +2167,9 @@ function ChangelogList({ api, externalId, strings, onSelect }) {
 }
 
 // src/widget/Fab.tsx
-import { jsx as jsx6, jsxs as jsxs6 } from "preact/jsx-runtime";
+import { jsx as jsx6, jsxs as jsxs7 } from "preact/jsx-runtime";
 function BugIcon() {
-  return /* @__PURE__ */ jsxs6(
+  return /* @__PURE__ */ jsxs7(
     "svg",
     {
       width: "20",
@@ -2087,7 +2199,7 @@ function BugIcon() {
   );
 }
 function Fab({ label, onClick, count }) {
-  return /* @__PURE__ */ jsxs6("button", { type: "button", class: "fab", "aria-label": label, title: label, onClick, children: [
+  return /* @__PURE__ */ jsxs7("button", { type: "button", class: "fab", "aria-label": label, title: label, onClick, children: [
     /* @__PURE__ */ jsx6(BugIcon, {}),
     count !== void 0 && count > 0 && /* @__PURE__ */ jsx6("span", { class: "fab-badge", "aria-hidden": "true", children: count > 9 ? "9+" : String(count) })
   ] });
@@ -2098,7 +2210,7 @@ import { useEffect as useEffect5, useRef as useRef4, useState as useState5 } fro
 
 // src/widget/Annotator.tsx
 import { useEffect as useEffect4, useLayoutEffect, useRef as useRef3, useState as useState4 } from "preact/hooks";
-import { jsx as jsx7, jsxs as jsxs7 } from "preact/jsx-runtime";
+import { jsx as jsx7, jsxs as jsxs8 } from "preact/jsx-runtime";
 var COLORS = ["#ef4444", "#f59e0b", "#10b981", "#3b82f6", "#ffffff"];
 var HIGHLIGHT_ALPHA = 0.35;
 function drawShape(ctx, shape, sourceImage) {
@@ -2224,11 +2336,11 @@ var Icon = {
   arrow: /* @__PURE__ */ jsx7("svg", { width: "16", height: "16", viewBox: "0 0 16 16", "aria-hidden": "true", children: /* @__PURE__ */ jsx7("path", { d: "M2 8h11M9 4l4 4-4 4", fill: "none", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }) }),
   pencil: /* @__PURE__ */ jsx7("svg", { width: "16", height: "16", viewBox: "0 0 16 16", "aria-hidden": "true", children: /* @__PURE__ */ jsx7("path", { d: "M11.5 2.5l2 2L5 13H3v-2l8.5-8.5z", fill: "none", stroke: "currentColor", "stroke-width": "1.5", "stroke-linejoin": "round" }) }),
   text: /* @__PURE__ */ jsx7("svg", { width: "16", height: "16", viewBox: "0 0 16 16", "aria-hidden": "true", children: /* @__PURE__ */ jsx7("path", { d: "M3 3h10M8 3v10M5 13h6", fill: "none", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round" }) }),
-  highlight: /* @__PURE__ */ jsxs7("svg", { width: "16", height: "16", viewBox: "0 0 16 16", "aria-hidden": "true", children: [
+  highlight: /* @__PURE__ */ jsxs8("svg", { width: "16", height: "16", viewBox: "0 0 16 16", "aria-hidden": "true", children: [
     /* @__PURE__ */ jsx7("path", { d: "M3 13l3-3L11 5l-2-2-5 5-3 3v2h2zM10 4l2 2", fill: "none", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }),
     /* @__PURE__ */ jsx7("path", { d: "M2 14h12", fill: "none", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round" })
   ] }),
-  blur: /* @__PURE__ */ jsxs7("svg", { width: "16", height: "16", viewBox: "0 0 16 16", "aria-hidden": "true", children: [
+  blur: /* @__PURE__ */ jsxs8("svg", { width: "16", height: "16", viewBox: "0 0 16 16", "aria-hidden": "true", children: [
     /* @__PURE__ */ jsx7("rect", { x: "2", y: "2", width: "4", height: "4", fill: "currentColor", opacity: "0.85" }),
     /* @__PURE__ */ jsx7("rect", { x: "7", y: "2", width: "3", height: "3", fill: "currentColor", opacity: "0.55" }),
     /* @__PURE__ */ jsx7("rect", { x: "11", y: "2", width: "3", height: "4", fill: "currentColor", opacity: "0.4" }),
@@ -2484,8 +2596,8 @@ function Annotator({ imageBlob, strings, onSave, onCancel }) {
       onClick: (e) => {
         if (e.target === e.currentTarget) onCancel();
       },
-      children: /* @__PURE__ */ jsxs7("div", { class: "annotator", role: "dialog", "aria-modal": "true", "aria-label": strings["annotator.title"], children: [
-        /* @__PURE__ */ jsxs7("div", { class: "annotator-header", children: [
+      children: /* @__PURE__ */ jsxs8("div", { class: "annotator", role: "dialog", "aria-modal": "true", "aria-label": strings["annotator.title"], children: [
+        /* @__PURE__ */ jsxs8("div", { class: "annotator-header", children: [
           /* @__PURE__ */ jsx7("span", { children: strings["annotator.title"] }),
           /* @__PURE__ */ jsx7(
             "button",
@@ -2498,7 +2610,7 @@ function Annotator({ imageBlob, strings, onSave, onCancel }) {
             }
           )
         ] }),
-        /* @__PURE__ */ jsxs7("div", { class: "annotator-toolbar", children: [
+        /* @__PURE__ */ jsxs8("div", { class: "annotator-toolbar", children: [
           /* @__PURE__ */ jsx7("div", { class: "annotator-tools", children: tools.map((t) => /* @__PURE__ */ jsx7(
             "button",
             {
@@ -2513,7 +2625,7 @@ function Annotator({ imageBlob, strings, onSave, onCancel }) {
             t.id
           )) }),
           /* @__PURE__ */ jsx7("span", { class: "annotator-sep" }),
-          /* @__PURE__ */ jsxs7("div", { class: "annotator-colors", children: [
+          /* @__PURE__ */ jsxs8("div", { class: "annotator-colors", children: [
             COLORS.map((c) => /* @__PURE__ */ jsx7(
               "button",
               {
@@ -2537,7 +2649,7 @@ function Annotator({ imageBlob, strings, onSave, onCancel }) {
             ) })
           ] }),
           /* @__PURE__ */ jsx7("span", { class: "annotator-sep" }),
-          /* @__PURE__ */ jsxs7(
+          /* @__PURE__ */ jsxs8(
             "button",
             {
               type: "button",
@@ -2551,7 +2663,7 @@ function Annotator({ imageBlob, strings, onSave, onCancel }) {
               ]
             }
           ),
-          /* @__PURE__ */ jsxs7(
+          /* @__PURE__ */ jsxs8(
             "button",
             {
               type: "button",
@@ -2565,7 +2677,7 @@ function Annotator({ imageBlob, strings, onSave, onCancel }) {
               ]
             }
           ),
-          /* @__PURE__ */ jsxs7(
+          /* @__PURE__ */ jsxs8(
             "button",
             {
               type: "button",
@@ -2579,7 +2691,7 @@ function Annotator({ imageBlob, strings, onSave, onCancel }) {
             }
           ),
           /* @__PURE__ */ jsx7("span", { class: "annotator-spacer" }),
-          /* @__PURE__ */ jsxs7("span", { class: "annotator-count", children: [
+          /* @__PURE__ */ jsxs8("span", { class: "annotator-count", children: [
             shapes.length,
             " ",
             strings["annotator.count_suffix"]
@@ -2596,7 +2708,7 @@ function Annotator({ imageBlob, strings, onSave, onCancel }) {
             class: "annotator-canvas"
           }
         ) }),
-        /* @__PURE__ */ jsxs7("div", { class: "annotator-footer", children: [
+        /* @__PURE__ */ jsxs8("div", { class: "annotator-footer", children: [
           /* @__PURE__ */ jsx7("button", { type: "button", class: "btn", onClick: onCancel, children: strings["form.cancel"] }),
           /* @__PURE__ */ jsx7(
             "button",
@@ -2615,10 +2727,18 @@ function Annotator({ imageBlob, strings, onSave, onCancel }) {
 }
 
 // src/widget/Form.tsx
-import { jsx as jsx8, jsxs as jsxs8 } from "preact/jsx-runtime";
+import { jsx as jsx8, jsxs as jsxs9 } from "preact/jsx-runtime";
 var TYPES2 = ["bug", "feature", "question", "praise", "typo"];
 var SEVERITIES2 = ["blocker", "high", "medium", "low"];
-function Form({ strings, onSubmit, onCancel, status, errorMessage }) {
+function Form({
+  strings,
+  onSubmit,
+  onCancel,
+  status,
+  errorMessage,
+  submittedSeq,
+  onDirtyChange
+}) {
   const [description, setDescription] = useState5("");
   const [feedbackType, setFeedbackType] = useState5("bug");
   const [severity, setSeverity] = useState5("medium");
@@ -2631,6 +2751,10 @@ function Form({ strings, onSubmit, onCancel, status, errorMessage }) {
   const submitting = status === "submitting";
   const submitLabel = submitting ? strings["form.submitting"] : strings["form.submit"];
   const pageUrl = typeof window !== "undefined" ? window.location.href : "";
+  const isDirty = description.trim() !== "" || shots.length > 0;
+  useEffect5(() => {
+    onDirtyChange?.(isDirty);
+  }, [isDirty]);
   const shotsRef = useRef4(shots);
   shotsRef.current = shots;
   useEffect5(() => {
@@ -2742,9 +2866,9 @@ function Form({ strings, onSubmit, onCancel, status, errorMessage }) {
     }
     onSubmit(values);
   };
-  return /* @__PURE__ */ jsxs8("form", { onSubmit: handleSubmit, children: [
+  return /* @__PURE__ */ jsxs9("form", { onSubmit: handleSubmit, children: [
     /* @__PURE__ */ jsx8("h2", { children: strings["form.title"] }),
-    /* @__PURE__ */ jsxs8("div", { class: "field", children: [
+    /* @__PURE__ */ jsxs9("div", { class: "field", children: [
       /* @__PURE__ */ jsx8("label", { for: "mfb-desc", children: strings["form.description.label"] }),
       /* @__PURE__ */ jsx8(
         "textarea",
@@ -2756,8 +2880,8 @@ function Form({ strings, onSubmit, onCancel, status, errorMessage }) {
         }
       )
     ] }),
-    /* @__PURE__ */ jsxs8("div", { class: "row", children: [
-      /* @__PURE__ */ jsxs8("div", { class: "field", children: [
+    /* @__PURE__ */ jsxs9("div", { class: "row", children: [
+      /* @__PURE__ */ jsxs9("div", { class: "field", children: [
         /* @__PURE__ */ jsx8("label", { for: "mfb-type", children: strings["form.type.label"] }),
         /* @__PURE__ */ jsx8(
           "select",
@@ -2769,7 +2893,7 @@ function Form({ strings, onSubmit, onCancel, status, errorMessage }) {
           }
         )
       ] }),
-      /* @__PURE__ */ jsxs8("div", { class: "field", children: [
+      /* @__PURE__ */ jsxs9("div", { class: "field", children: [
         /* @__PURE__ */ jsx8("label", { for: "mfb-sev", children: strings["form.severity.label"] }),
         /* @__PURE__ */ jsx8(
           "select",
@@ -2782,7 +2906,7 @@ function Form({ strings, onSubmit, onCancel, status, errorMessage }) {
         )
       ] })
     ] }),
-    /* @__PURE__ */ jsxs8("div", { class: "field", children: [
+    /* @__PURE__ */ jsxs9("div", { class: "field", children: [
       /* @__PURE__ */ jsx8("label", { children: strings["form.screenshot.label"] }),
       /* @__PURE__ */ jsx8(
         "input",
@@ -2797,17 +2921,17 @@ function Form({ strings, onSubmit, onCancel, status, errorMessage }) {
           tabIndex: -1
         }
       ),
-      shots.length > 0 && /* @__PURE__ */ jsx8("div", { class: "screenshot-strip", children: shots.map((shot, index) => /* @__PURE__ */ jsxs8("div", { class: "screenshot-preview", children: [
+      shots.length > 0 && /* @__PURE__ */ jsx8("div", { class: "screenshot-strip", children: shots.map((shot, index) => /* @__PURE__ */ jsxs9("div", { class: "screenshot-preview", children: [
         /* @__PURE__ */ jsx8("img", { src: shot.preview, alt: "" }),
-        /* @__PURE__ */ jsxs8("div", { class: "screenshot-preview-actions", children: [
-          /* @__PURE__ */ jsxs8(
+        /* @__PURE__ */ jsxs9("div", { class: "screenshot-preview-actions", children: [
+          /* @__PURE__ */ jsxs9(
             "button",
             {
               type: "button",
               class: "btn btn--primary screenshot-annotate",
               onClick: () => setAnnotatingIndex(index),
               children: [
-                /* @__PURE__ */ jsxs8("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", "aria-hidden": "true", children: [
+                /* @__PURE__ */ jsxs9("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", "aria-hidden": "true", children: [
                   /* @__PURE__ */ jsx8("path", { d: "M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7" }),
                   /* @__PURE__ */ jsx8("path", { d: "M18.5 2.5a2.12 2.12 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z" })
                 ] }),
@@ -2815,13 +2939,13 @@ function Form({ strings, onSubmit, onCancel, status, errorMessage }) {
               ]
             }
           ),
-          /* @__PURE__ */ jsxs8("button", { type: "button", class: "btn", onClick: () => removeShot(index), children: [
+          /* @__PURE__ */ jsxs9("button", { type: "button", class: "btn", onClick: () => removeShot(index), children: [
             /* @__PURE__ */ jsx8("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", "aria-hidden": "true", children: /* @__PURE__ */ jsx8("path", { d: "M3 6h18M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2m3 0v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6h14z" }) }),
             strings["form.screenshot.remove"]
           ] })
         ] })
       ] }, shot.preview)) }),
-      shots.length < MAX_SCREENSHOTS && /* @__PURE__ */ jsxs8(
+      shots.length < MAX_SCREENSHOTS && /* @__PURE__ */ jsxs9(
         "div",
         {
           ref: dropZoneRef,
@@ -2840,12 +2964,12 @@ function Form({ strings, onSubmit, onCancel, status, errorMessage }) {
           onDragLeave: handleDragLeave,
           onDrop: handleDrop,
           children: [
-            /* @__PURE__ */ jsxs8("svg", { class: "screenshot-icon", width: "28", height: "28", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "1.6", "stroke-linecap": "round", "stroke-linejoin": "round", "aria-hidden": "true", children: [
+            /* @__PURE__ */ jsxs9("svg", { class: "screenshot-icon", width: "28", height: "28", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "1.6", "stroke-linecap": "round", "stroke-linejoin": "round", "aria-hidden": "true", children: [
               /* @__PURE__ */ jsx8("path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }),
               /* @__PURE__ */ jsx8("polyline", { points: "17 8 12 3 7 8" }),
               /* @__PURE__ */ jsx8("line", { x1: "12", y1: "3", x2: "12", y2: "15" })
             ] }),
-            /* @__PURE__ */ jsxs8("div", { class: "screenshot-cta", children: [
+            /* @__PURE__ */ jsxs9("div", { class: "screenshot-cta", children: [
               /* @__PURE__ */ jsx8("strong", { children: strings["form.screenshot.cta_click"] }),
               ", ",
               strings["form.screenshot.cta_rest"]
@@ -2855,14 +2979,15 @@ function Form({ strings, onSubmit, onCancel, status, errorMessage }) {
         }
       )
     ] }),
-    pageUrl && /* @__PURE__ */ jsxs8("div", { class: "page-context", title: pageUrl, children: [
+    pageUrl && /* @__PURE__ */ jsxs9("div", { class: "page-context", title: pageUrl, children: [
       /* @__PURE__ */ jsx8("span", { class: "page-context-label", children: strings["form.context.label"] }),
       /* @__PURE__ */ jsx8("span", { class: "page-context-url", children: truncateUrl(pageUrl, 90) })
     ] }),
+    /* @__PURE__ */ jsx8("div", { class: "capture-notice", children: strings["form.capture.notice"] }),
     localError && /* @__PURE__ */ jsx8("div", { class: "error", children: localError }),
     status === "error" && errorMessage && /* @__PURE__ */ jsx8("div", { class: "error", children: errorMessage }),
-    status === "success" && /* @__PURE__ */ jsx8("div", { class: "success", children: strings["form.success"] }),
-    /* @__PURE__ */ jsxs8("div", { class: "actions", children: [
+    status === "success" && /* @__PURE__ */ jsx8("div", { class: "success", children: submittedSeq !== void 0 ? strings["form.success.seq"].replace("{seq}", String(submittedSeq)) : strings["form.success"] }),
+    /* @__PURE__ */ jsxs9("div", { class: "actions", children: [
       /* @__PURE__ */ jsx8("button", { type: "button", class: "btn", onClick: onCancel, disabled: submitting, children: strings["form.cancel"] }),
       /* @__PURE__ */ jsx8("button", { type: "submit", class: "btn btn--primary", disabled: submitting, children: submitLabel })
     ] }),
@@ -2882,7 +3007,7 @@ function Form({ strings, onSubmit, onCancel, status, errorMessage }) {
 import { useEffect as useEffect6, useRef as useRef5, useState as useState6 } from "preact/hooks";
 
 // src/widget/KpiStrip.tsx
-import { jsx as jsx9, jsxs as jsxs9 } from "preact/jsx-runtime";
+import { jsx as jsx9, jsxs as jsxs10 } from "preact/jsx-runtime";
 function computeKpiCounts(rows) {
   const counts = {
     new: 0,
@@ -2952,7 +3077,7 @@ function KpiStrip({ rows, filter, onFilter, strings }) {
   return /* @__PURE__ */ jsx9("div", { class: "kpi-strip", role: "toolbar", children: cells.map((c) => {
     const active = filter === c.key;
     const toggleTo = active ? "all" : c.key;
-    return /* @__PURE__ */ jsxs9(
+    return /* @__PURE__ */ jsxs10(
       "button",
       {
         type: "button",
@@ -2969,7 +3094,7 @@ function KpiStrip({ rows, filter, onFilter, strings }) {
 }
 
 // src/widget/MineList.tsx
-import { jsx as jsx10, jsxs as jsxs10 } from "preact/jsx-runtime";
+import { jsx as jsx10, jsxs as jsxs11 } from "preact/jsx-runtime";
 var POLL_MS4 = 3e4;
 function MineList({ api, externalId, strings, onSelect }) {
   const [rows, setRows] = useState6(null);
@@ -2988,7 +3113,7 @@ function MineList({ api, externalId, strings, onSelect }) {
     } catch (err) {
       if (typeof console !== "undefined") console.warn("[mhosaic] listMine:", err);
       if (!mountedRef.current) return false;
-      setError(strings["mine.error"]);
+      setError(rateLimitMessage(err, strings) ?? strings["mine.error"]);
       return false;
     } finally {
       if (mountedRef.current) setRefreshing(false);
@@ -3006,8 +3131,8 @@ function MineList({ api, externalId, strings, onSelect }) {
   const isLoading = rows === null && !error;
   const visibleRows = rows ? rowsMatchingFilter(rows, filter) : null;
   const visibleEmpty = !!rows && rows.length > 0 && (visibleRows?.length ?? 0) === 0;
-  return /* @__PURE__ */ jsxs10("div", { class: "mine-list", children: [
-    /* @__PURE__ */ jsxs10("div", { class: "mine-list-header", children: [
+  return /* @__PURE__ */ jsxs11("div", { class: "mine-list", children: [
+    /* @__PURE__ */ jsxs11("div", { class: "mine-list-header", children: [
       /* @__PURE__ */ jsx10("h2", { children: strings["tab.mine"] }),
       /* @__PURE__ */ jsx10(
         "button",
@@ -3025,7 +3150,7 @@ function MineList({ api, externalId, strings, onSelect }) {
     rows && rows.length > 0 && /* @__PURE__ */ jsx10(KpiStrip, { rows, filter, onFilter: setFilter, strings }),
     isLoading && /* @__PURE__ */ jsx10("div", { class: "mine-loading", children: strings["mine.loading"] }),
     error && /* @__PURE__ */ jsx10("div", { class: "error", children: error }),
-    isEmpty && /* @__PURE__ */ jsxs10("div", { class: "mine-empty", children: [
+    isEmpty && /* @__PURE__ */ jsxs11("div", { class: "mine-empty", children: [
       /* @__PURE__ */ jsx10("strong", { children: strings["mine.empty.title"] }),
       /* @__PURE__ */ jsx10("p", { children: strings["mine.empty.body"] })
     ] }),
@@ -3036,7 +3161,7 @@ function MineList({ api, externalId, strings, onSelect }) {
 
 // src/widget/Modal.tsx
 import { useEffect as useEffect7, useRef as useRef6 } from "preact/hooks";
-import { jsx as jsx11, jsxs as jsxs11 } from "preact/jsx-runtime";
+import { jsx as jsx11, jsxs as jsxs12 } from "preact/jsx-runtime";
 function Modal({ onDismiss, children, closeLabel = "Close", expanded = false }) {
   const modalRef = useRef6(null);
   const previouslyFocused = useRef6(null);
@@ -3049,7 +3174,7 @@ function Modal({ onDismiss, children, closeLabel = "Close", expanded = false })
         return;
       }
       e.stopPropagation();
-      onDismiss();
+      onDismiss("escape");
     };
     window.addEventListener("keydown", onKey);
     const first = modalRef.current?.querySelector(
@@ -3068,9 +3193,9 @@ function Modal({ onDismiss, children, closeLabel = "Close", expanded = false })
       class: `backdrop ${expanded ? "is-expanded" : ""}`,
       role: "presentation",
       onClick: (e) => {
-        if (e.target === e.currentTarget) onDismiss();
+        if (e.target === e.currentTarget) onDismiss("backdrop");
       },
-      children: /* @__PURE__ */ jsxs11(
+      children: /* @__PURE__ */ jsxs12(
         "div",
         {
           ref: modalRef,
@@ -3084,7 +3209,7 @@ function Modal({ onDismiss, children, closeLabel = "Close", expanded = false })
                 type: "button",
                 class: "modal-close",
                 "aria-label": closeLabel,
-                onClick: onDismiss,
+                onClick: () => onDismiss("button"),
                 children: "\xD7"
               }
             ),
@@ -3097,7 +3222,7 @@ function Modal({ onDismiss, children, closeLabel = "Close", expanded = false })
 }
 
 // src/widget/PageActivityStrip.tsx
-import { jsx as jsx12, jsxs as jsxs12 } from "preact/jsx-runtime";
+import { jsx as jsx12, jsxs as jsxs13 } from "preact/jsx-runtime";
 function PageActivityStrip({
   open,
   strings,
@@ -3105,7 +3230,7 @@ function PageActivityStrip({
 }) {
   if (open === 0) return null;
   const text = open === 1 ? strings["page.strip.text.one"] : strings["page.strip.text"].replace("{n}", String(open));
-  return /* @__PURE__ */ jsxs12("div", { class: "page-strip", children: [
+  return /* @__PURE__ */ jsxs13("div", { class: "page-strip", children: [
     /* @__PURE__ */ jsx12("span", { children: text }),
     /* @__PURE__ */ jsx12("button", { type: "button", class: "page-strip-view", onClick: onView, children: strings["page.strip.view"] })
   ] });
@@ -3113,7 +3238,7 @@ function PageActivityStrip({
 
 // src/widget/PagePeekPanel.tsx
 import { useEffect as useEffect8, useState as useState7 } from "preact/hooks";
-import { jsx as jsx13, jsxs as jsxs13 } from "preact/jsx-runtime";
+import { jsx as jsx13, jsxs as jsxs14 } from "preact/jsx-runtime";
 function PagePeekPanel({
   api,
   externalId,
@@ -3141,14 +3266,14 @@ function PagePeekPanel({
       cancelled = true;
     };
   }, [api, externalId]);
-  return /* @__PURE__ */ jsxs13("div", { class: "page-peek", role: "region", "aria-label": strings["page.peek.title"], children: [
+  return /* @__PURE__ */ jsxs14("div", { class: "page-peek", role: "region", "aria-label": strings["page.peek.title"], children: [
     /* @__PURE__ */ jsx13("div", { class: "page-peek-title", children: strings["page.peek.title"] }),
-    rows === null && !failed && /* @__PURE__ */ jsxs13("div", { class: "page-peek-skeleton", "aria-hidden": "true", children: [
+    rows === null && !failed && /* @__PURE__ */ jsxs14("div", { class: "page-peek-skeleton", "aria-hidden": "true", children: [
       /* @__PURE__ */ jsx13("div", {}),
       " ",
       /* @__PURE__ */ jsx13("div", {})
     ] }),
-    rows !== null && rows.map((row) => /* @__PURE__ */ jsxs13(
+    rows !== null && rows.map((row) => /* @__PURE__ */ jsxs14(
       "button",
       {
         type: "button",
@@ -3161,7 +3286,7 @@ function PagePeekPanel({
       },
       row.id
     )),
-    /* @__PURE__ */ jsxs13("div", { class: "page-peek-footer", children: [
+    /* @__PURE__ */ jsxs14("div", { class: "page-peek-footer", children: [
       /* @__PURE__ */ jsx13("button", { type: "button", class: "page-peek-viewall", onClick: onViewAll, children: open === 1 ? strings["page.peek.viewAll.one"] : strings["page.peek.viewAll"].replace("{n}", String(open)) }),
       /* @__PURE__ */ jsx13("button", { type: "button", class: "page-peek-send", onClick: onSend, children: strings["fab.label"] })
     ] })
@@ -3621,6 +3746,46 @@ var WIDGET_STYLES = `
 .error { color: #dc2626; font-size: 13px; }
 .success { color: #059669; font-size: 13px; }
 
+/* REQ-A7: quiet transparency line under the form. */
+.capture-notice { color: var(--mfb-muted, #6b7280); font-size: 11px; line-height: 1.4; margin-top: 6px; }
+
+/* #85: inline "#NN" report reference rendered as a link (a button for a11y). */
+.seq-link {
+  display: inline;
+  padding: 0;
+  border: none;
+  background: none;
+  color: var(--mfb-accent);
+  font: inherit;
+  cursor: pointer;
+}
+.seq-link:hover { text-decoration: underline; }
+
+/* ---- #89: discard-unsaved-changes confirmation over the form -------- */
+.discard-confirm {
+  position: absolute;
+  inset: 0;
+  z-index: 5;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 16px;
+  background: rgba(15, 23, 42, 0.45);
+  border-radius: inherit;
+}
+.discard-confirm-card {
+  max-width: 260px;
+  text-align: center;
+  background: var(--mfb-bg);
+  color: var(--mfb-text);
+  border-radius: var(--mfb-radius-lg);
+  padding: 18px 16px;
+  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.18);
+}
+.discard-confirm-title { font-weight: 600; font-size: 15px; margin: 0 0 4px; }
+.discard-confirm-body { font-size: 13px; margin: 0 0 14px; opacity: 0.8; }
+.discard-confirm-actions { display: flex; gap: 8px; justify-content: center; }
+
 /* ---- v0.6.0: manual screenshot upload + annotator -------------------- */
 
 .mfb-sr-only {
@@ -5104,7 +5269,7 @@ var WIDGET_STYLES = `
 `;
 
 // src/widget/mount.tsx
-import { Fragment as Fragment3, jsx as jsx14, jsxs as jsxs14 } from "preact/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx14, jsxs as jsxs15 } from "preact/jsx-runtime";
 function computeFabVisible(opts, externalId, visibilityAllowed) {
   if (!opts.showFAB) return false;
   if (opts.getExternalId !== void 0 && !externalId) return false;
@@ -5120,6 +5285,7 @@ function mountWidget(options) {
   shadow.appendChild(mountPoint);
   let currentState = { open: false, status: "idle", tab: "send" };
   let postSubmitTimer = null;
+  let formDirty = false;
   function rerender(state) {
     currentState = state;
     render(h(Root, { state }), mountPoint);
@@ -5145,9 +5311,13 @@ function mountWidget(options) {
     const handleSubmit = useCallback2(async (values) => {
       rerender({ ...currentState, status: "submitting" });
       try {
-        await options.onSubmit(values);
+        const result = await options.onSubmit(values);
         pageSignal.refresh();
-        rerender({ ...currentState, status: "success" });
+        rerender({
+          ...currentState,
+          status: "success",
+          ...result && result.seq !== void 0 && { submittedSeq: result.seq }
+        });
         if (postSubmitTimer !== null) clearTimeout(postSubmitTimer);
         postSubmitTimer = setTimeout(() => {
           postSubmitTimer = null;
@@ -5214,8 +5384,8 @@ function mountWidget(options) {
       if (peekTimers.current.open) clearTimeout(peekTimers.current.open);
       peekTimers.current.close = setTimeout(() => setPeekOpen(false), 140);
     };
-    return /* @__PURE__ */ jsxs14(Fragment3, { children: [
-      fabVisible && /* @__PURE__ */ jsxs14(
+    return /* @__PURE__ */ jsxs15(Fragment3, { children: [
+      fabVisible && /* @__PURE__ */ jsxs15(
         "div",
         {
           class: "fab-area",
@@ -5263,14 +5433,62 @@ function mountWidget(options) {
           ]
         }
       ),
-      state.open && /* @__PURE__ */ jsxs14(
+      state.open && /* @__PURE__ */ jsxs15(
         Modal,
         {
-          onDismiss: () => rerender(clearSelected({ ...currentState, open: false, status: "idle" })),
+          onDismiss: (reason) => {
+            if (reason !== "button" && formDirty && currentState.tab === "send" && currentState.status !== "submitting") {
+              rerender({ ...currentState, confirmingDiscard: true });
+              return;
+            }
+            formDirty = false;
+            rerender(
+              clearSelected({
+                ...currentState,
+                open: false,
+                status: "idle",
+                confirmingDiscard: false
+              })
+            );
+          },
           closeLabel: options.strings["form.close"],
           expanded: state.tab === "board",
           children: [
-            showMineTab && /* @__PURE__ */ jsxs14("div", { class: "tab-strip", role: "tablist", children: [
+            state.confirmingDiscard && /* @__PURE__ */ jsx14("div", { class: "discard-confirm", role: "alertdialog", "aria-modal": "true", children: /* @__PURE__ */ jsxs15("div", { class: "discard-confirm-card", children: [
+              /* @__PURE__ */ jsx14("p", { class: "discard-confirm-title", children: options.strings["form.discard.title"] }),
+              /* @__PURE__ */ jsx14("p", { class: "discard-confirm-body", children: options.strings["form.discard.body"] }),
+              /* @__PURE__ */ jsxs15("div", { class: "discard-confirm-actions", children: [
+                /* @__PURE__ */ jsx14(
+                  "button",
+                  {
+                    type: "button",
+                    class: "btn",
+                    onClick: () => rerender({ ...currentState, confirmingDiscard: false }),
+                    children: options.strings["form.discard.keep"]
+                  }
+                ),
+                /* @__PURE__ */ jsx14(
+                  "button",
+                  {
+                    type: "button",
+                    class: "btn btn--primary",
+                    onClick: () => {
+                      formDirty = false;
+                      rerender(
+                        clearSelected({
+                          ...currentState,
+                          open: false,
+                          status: "idle",
+                          confirmingDiscard: false
+                        })
+                      );
+                    },
+                    children: options.strings["form.discard.confirm"]
+                  }
+                )
+              ] })
+            ] }) }),
+            showMineTab && /* @__PURE__ */ jsxs15("div", { class: "tab-strip", role: "tablist", children: [
               /* @__PURE__ */ jsx14(
                 "button",
                 {
@@ -5316,7 +5534,7 @@ function mountWidget(options) {
                 }
               )
             ] }),
-            state.tab === "send" && /* @__PURE__ */ jsxs14(Fragment3, { children: [
+            state.tab === "send" && /* @__PURE__ */ jsxs15(Fragment3, { children: [
               showMineTab && pageActivityEnabled && /* @__PURE__ */ jsx14(
                 PageActivityStrip,
                 {
@@ -5332,7 +5550,13 @@ function mountWidget(options) {
                   onSubmit: handleSubmit,
                   onCancel: () => rerender({ ...currentState, open: false, status: "idle" }),
                   status: state.status,
-                  ...state.error !== void 0 && { errorMessage: state.error }
+                  ...state.error !== void 0 && { errorMessage: state.error },
+                  ...state.submittedSeq !== void 0 && {
+                    submittedSeq: state.submittedSeq
+                  },
+                  onDirtyChange: (d) => {
+                    formDirty = d;
+                  }
                 }
               )
             ] }),
@@ -5352,7 +5576,13 @@ function mountWidget(options) {
                 externalId,
                 reportId: state.selectedReportId,
                 strings: options.strings,
-                onBack: () => rerender(clearSelected({ ...currentState }))
+                onBack: () => rerender(clearSelected({ ...currentState })),
+                onOpenSeq: (seq) => {
+                  void options.api?.getReportBySeq(seq, externalId).then(
+                    (r) => rerender({ ...currentState, selectedReportId: r.id })
+                  ).catch(() => {
+                  });
+                }
               }
             ),
             state.tab === "changelog" && options.api && externalId && !state.selectedReportId && /* @__PURE__ */ jsx14(
@@ -5468,8 +5698,8 @@ function createFeedback(config) {
       capture_method: captureMethod,
       technical_context
     };
-    if ("0.27.1") {
-      payload.widget_version = "0.27.1";
+    if ("0.28.0") {
+      payload.widget_version = "0.28.0";
     }
     if (manualScreenshots?.length) {
       payload.screenshots = manualScreenshots;
@@ -5504,9 +5734,8 @@ function createFeedback(config) {
     host,
     strings,
     showFAB: config.showFAB ?? true,
-    onSubmit: async (values) => {
-      await buildAndSubmit(values);
-    },
+    // Return the created report so the modal can acknowledge it by #seq (#82).
+    onSubmit: (values) => buildAndSubmit(values),
     api,
     // Keep this a callback (not a snapshot) so the mount picks up identity
     // changes that happen after createFeedback() — `notifyIdentityChanged()`
@@ -5596,4 +5825,4 @@ function createFeedback(config) {
 export {
   createFeedback
 };
-//# sourceMappingURL=chunk-ZFXGV5W5.mjs.map
+//# sourceMappingURL=chunk-FD3CJBMR.mjs.map