@mhosaic/feedback 0.27.1 → 0.29.0

package/dist/{chunk-ZFXGV5W5.mjs → chunk-7FGWO6KO.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,27 +151,34 @@ 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 addComment(reportId, externalId, body, clientNonce) {
+  async function getReportBySeq(seq, externalId) {
     const response = await fetcher(
-      `${endpoint}/api/feedback/v1/reports/widget/${reportId}/comments/`,
-      {
+      `${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, attachments) {
+    let init;
+    if (attachments && attachments.length > 0) {
+      const form = new FormData();
+      form.append("body", body);
+      if (clientNonce !== void 0) form.append("client_nonce", clientNonce);
+      attachments.forEach(
+        (blob, i) => form.append("attachment", blob, `attachment-${i + 1}.png`)
+      );
+      init = { method: "POST", headers: widgetHeaders(externalId), body: form };
+    } else {
+      init = {
         method: "POST",
         headers: {
           ...widgetHeaders(externalId),
@@ -149,7 +188,11 @@ function createApiClient(options) {
           body,
           ...clientNonce !== void 0 && { client_nonce: clientNonce }
         })
-      }
+      };
+    }
+    const response = await fetcher(
+      `${endpoint}/api/feedback/v1/reports/widget/${reportId}/comments/`,
+      init
     );
     if (!response.ok) {
       const text = await response.text().catch(() => "");
@@ -157,6 +200,24 @@ function createApiClient(options) {
     }
     return response.json();
   }
+  async function editDescription(reportId, externalId, description) {
+    const response = await fetcher(
+      `${endpoint}/api/feedback/v1/reports/widget/${reportId}/`,
+      {
+        method: "PATCH",
+        headers: {
+          ...widgetHeaders(externalId),
+          "Content-Type": "application/json"
+        },
+        body: JSON.stringify({ description })
+      }
+    );
+    if (!response.ok) {
+      const text = await response.text().catch(() => "");
+      throw new Error(`editDescription failed: ${response.status} ${text}`);
+    }
+    return response.json();
+  }
   async function closeAsResolved(reportId, externalId) {
     const response = await fetcher(
       `${endpoint}/api/feedback/v1/reports/widget/${reportId}/`,
@@ -215,11 +276,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 +290,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,7 +319,9 @@ function createApiClient(options) {
     listMine,
     listChangelog,
     getReport,
+    getReportBySeq,
     addComment,
+    editDescription,
     closeAsResolved,
     reopenUnresolved,
     listBoard,
@@ -573,6 +632,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 +649,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 +728,12 @@ var DEFAULT_STRINGS = {
   "mine.refresh": "Refresh",
   "mine.loading": "Loading\u2026",
   "mine.error": "Could not load your reports.",
+  "mine.jump.placeholder": "#",
+  "mine.jump.go": "Open",
+  "mine.jump.aria": "Open a report by number",
+  "mine.jump.not_found": "No report with that number.",
+  "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.",
@@ -676,6 +747,16 @@ var DEFAULT_STRINGS = {
   "detail.compose_placeholder": "Add a follow-up reply\u2026",
   "detail.compose_send": "Reply",
   "detail.compose_sending": "Sending\u2026",
+  "detail.attach_add": "Add image",
+  "detail.attach_remove": "Remove",
+  "detail.attachment_alt": "Attached image",
+  "detail.copy_link": "Copy link",
+  "detail.copied": "Link copied",
+  "detail.edit": "Edit",
+  "detail.edit_save": "Save",
+  "detail.edit_cancel": "Cancel",
+  "detail.edit_saving": "Saving\u2026",
+  "detail.edit_failed": "Could not save your changes.",
   "detail.close_cta": "Mark as resolved",
   "detail.close_busy": "Marking\u2026",
   "detail.reopen_cta": "Still not fixed",
@@ -737,6 +818,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 +835,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 +914,12 @@ var FRENCH_STRINGS = {
   "mine.refresh": "Actualiser",
   "mine.loading": "Chargement\u2026",
   "mine.error": "Impossible de charger vos rapports.",
+  "mine.jump.placeholder": "#",
+  "mine.jump.go": "Ouvrir",
+  "mine.jump.aria": "Ouvrir un rapport par num\xE9ro",
+  "mine.jump.not_found": "Aucun rapport avec ce num\xE9ro.",
+  "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.",
@@ -840,6 +933,16 @@ var FRENCH_STRINGS = {
   "detail.compose_placeholder": "Ajouter une r\xE9ponse\u2026",
   "detail.compose_send": "R\xE9pondre",
   "detail.compose_sending": "Envoi\u2026",
+  "detail.attach_add": "Ajouter une image",
+  "detail.attach_remove": "Retirer",
+  "detail.attachment_alt": "Image jointe",
+  "detail.copy_link": "Copier le lien",
+  "detail.copied": "Lien copi\xE9",
+  "detail.edit": "Modifier",
+  "detail.edit_save": "Enregistrer",
+  "detail.edit_cancel": "Annuler",
+  "detail.edit_saving": "Enregistrement\u2026",
+  "detail.edit_failed": "Impossible d\u2019enregistrer vos modifications.",
   "detail.close_cta": "Marquer comme r\xE9solu",
   "detail.close_busy": "Validation\u2026",
   "detail.reopen_cta": "Toujours pas r\xE9gl\xE9",
@@ -995,21 +1098,76 @@ 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: [
+  const images = (comment.attachments ?? []).filter((a) => a.url);
+  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 }),
+    comment.body && /* @__PURE__ */ jsx("div", { class: "comment-body", children: linkifySeq(comment.body, onOpenSeq) }),
+    images.length > 0 && /* @__PURE__ */ jsx("div", { class: "comment-attachments", children: images.map((a) => /* @__PURE__ */ jsx(
+      "a",
+      {
+        class: "comment-attachment",
+        href: a.url,
+        target: "_blank",
+        rel: "noopener noreferrer",
+        children: /* @__PURE__ */ jsx("img", { src: a.url, alt: strings["detail.attachment_alt"], loading: "lazy" })
+      },
+      a.id
+    )) }),
     /* @__PURE__ */ jsx("div", { class: "comment-time", children: formatTime(comment.created_at) })
   ] });
 }
@@ -1065,7 +1223,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,15 +1232,68 @@ function ReportDetailView({
   strings,
   onBack,
   canModerate = true,
-  variant = "modal"
+  variant = "modal",
+  onOpenSeq,
+  buildPermalink
 }) {
   const [detail, setDetail] = useState(null);
   const [error, setError] = useState(null);
+  const [copied, setCopied] = useState(false);
+  const [editing, setEditing] = useState(false);
+  const [editBody, setEditBody] = useState("");
+  const [savingEdit, setSavingEdit] = useState(false);
+  const [editError, setEditError] = useState(false);
   const [composeBody, setComposeBody] = useState("");
   const [sending, setSending] = useState(false);
   const [closing, setClosing] = useState(false);
   const [reopening, setReopening] = useState(false);
+  const [composeShots, setComposeShots] = useState([]);
+  const [attachError, setAttachError] = useState("");
+  const fileInputRef = useRef(null);
   const mountedRef = useRef(true);
+  const shotsRef = useRef(composeShots);
+  shotsRef.current = composeShots;
+  useEffect(() => {
+    return () => shotsRef.current.forEach((s) => URL.revokeObjectURL(s.preview));
+  }, []);
+  const acceptComposeFiles = (files) => {
+    setAttachError("");
+    const remaining = MAX_SCREENSHOTS - composeShots.length;
+    const batch = files.slice(0, Math.max(0, remaining));
+    for (const file of batch) {
+      const err = validateScreenshotFile(file);
+      if (err) {
+        setAttachError(
+          err.kind === "type" ? strings["form.screenshot.error_type"] : strings["form.screenshot.error_size"].replace("{max}", String(err.maxMb))
+        );
+        return;
+      }
+    }
+    if (batch.length) {
+      const incoming = batch.map((blob) => ({
+        blob,
+        preview: URL.createObjectURL(blob)
+      }));
+      setComposeShots((prev) => [...prev, ...incoming]);
+    }
+    if (files.length > batch.length) {
+      setAttachError(
+        strings["form.screenshot.error_count"].replace("{max}", String(MAX_SCREENSHOTS))
+      );
+    }
+  };
+  const handleAttachChange = (e) => {
+    const input = e.target;
+    const files = Array.from(input.files ?? []);
+    if (files.length) acceptComposeFiles(files);
+    input.value = "";
+  };
+  const removeComposeShot = (index) => {
+    const shot = composeShots[index];
+    if (shot) URL.revokeObjectURL(shot.preview);
+    setComposeShots((prev) => prev.filter((_, i) => i !== index));
+    setAttachError("");
+  };
   const fetchDetail = async () => {
     try {
       const next = await api.getReport(reportId, externalId);
@@ -1093,7 +1304,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;
     }
   };
@@ -1106,13 +1318,23 @@ function ReportDetailView({
     };
   }, [reportId, externalId]);
   const handleSend = async () => {
-    if (!composeBody.trim() || sending) return;
+    if (!composeBody.trim() && composeShots.length === 0 || sending) return;
     setSending(true);
     try {
       const nonce = `${reportId}:${Date.now()}`;
-      const created = await api.addComment(reportId, externalId, composeBody.trim(), nonce);
+      const attachments = composeShots.map((s) => s.blob);
+      const created = await api.addComment(
+        reportId,
+        externalId,
+        composeBody.trim(),
+        nonce,
+        attachments.length ? attachments : void 0
+      );
       if (!mountedRef.current) return;
       setComposeBody("");
+      composeShots.forEach((s) => URL.revokeObjectURL(s.preview));
+      setComposeShots([]);
+      setAttachError("");
       setDetail(
         (prev) => prev ? { ...prev, comments: appendComment(prev.comments, created) } : prev
       );
@@ -1125,6 +1347,47 @@ function ReportDetailView({
       if (mountedRef.current) setSending(false);
     }
   };
+  const handleCopyLink = async () => {
+    if (!buildPermalink || !detail) return;
+    try {
+      await navigator.clipboard.writeText(buildPermalink(detail.id));
+      if (!mountedRef.current) return;
+      setCopied(true);
+      setTimeout(() => {
+        if (mountedRef.current) setCopied(false);
+      }, 2e3);
+    } catch {
+    }
+  };
+  const startEdit = () => {
+    if (!detail) return;
+    setEditBody(detail.description);
+    setEditError(false);
+    setEditing(true);
+  };
+  const cancelEdit = () => {
+    setEditing(false);
+    setEditError(false);
+  };
+  const handleSaveEdit = async () => {
+    if (!detail || savingEdit) return;
+    const next = editBody.trim();
+    if (!next) return;
+    setSavingEdit(true);
+    setEditError(false);
+    try {
+      const updated = await api.editDescription(reportId, externalId, next);
+      if (!mountedRef.current) return;
+      setDetail(updated);
+      setEditing(false);
+    } catch (err) {
+      if (typeof console !== "undefined") console.warn("[mhosaic] editDescription:", err);
+      if (!mountedRef.current) return;
+      setEditError(true);
+    } finally {
+      if (mountedRef.current) setSavingEdit(false);
+    }
+  };
   const handleClose = async () => {
     if (closing || reopening) return;
     setClosing(true);
@@ -1161,10 +1424,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 +1447,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 +1471,65 @@ 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 }),
+      editing ? /* @__PURE__ */ jsxs3("div", { class: "report-detail-edit", children: [
+        /* @__PURE__ */ jsx2(
+          "textarea",
+          {
+            class: "report-detail-edit-input",
+            value: editBody,
+            onInput: (e) => {
+              setEditBody(e.target.value);
+              setEditError(false);
+            },
+            disabled: savingEdit
+          }
+        ),
+        editError && /* @__PURE__ */ jsx2("p", { class: "error", role: "alert", children: strings["detail.edit_failed"] }),
+        /* @__PURE__ */ jsxs3("div", { class: "report-detail-edit-actions", children: [
+          /* @__PURE__ */ jsx2(
+            "button",
+            {
+              type: "button",
+              class: "btn btn--ghost",
+              onClick: cancelEdit,
+              disabled: savingEdit,
+              children: strings["detail.edit_cancel"]
+            }
+          ),
+          /* @__PURE__ */ jsx2(
+            "button",
+            {
+              type: "button",
+              class: "btn btn--primary",
+              onClick: handleSaveEdit,
+              disabled: savingEdit || !editBody.trim(),
+              children: savingEdit ? strings["detail.edit_saving"] : strings["detail.edit_save"]
+            }
+          )
+        ] })
+      ] }) : /* @__PURE__ */ jsxs3("div", { class: "report-detail-description-row", children: [
+        /* @__PURE__ */ jsx2("p", { class: "report-detail-description", children: linkifySeq(detail.description, onOpenSeq) }),
+        isMine && /* @__PURE__ */ jsx2(
+          "button",
+          {
+            type: "button",
+            class: "btn btn--ghost report-detail-edit",
+            onClick: startEdit,
+            children: strings["detail.edit"]
+          }
+        )
+      ] }),
+      buildPermalink && /* @__PURE__ */ jsx2("div", { class: "report-detail-permalink", children: /* @__PURE__ */ jsx2(
+        "button",
+        {
+          type: "button",
+          class: "btn btn--ghost report-detail-copy-link",
+          onClick: handleCopyLink,
+          children: copied ? strings["detail.copied"] : strings["detail.copy_link"]
+        }
+      ) }),
       (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 +1544,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 +1564,44 @@ function ReportDetailView({
             disabled: sending
           }
         ),
-        /* @__PURE__ */ jsxs2("div", { class: "report-compose-actions", children: [
+        composeShots.length > 0 && /* @__PURE__ */ jsx2("div", { class: "compose-attachments", children: composeShots.map((s, i) => /* @__PURE__ */ jsxs3("div", { class: "compose-attachment", children: [
+          /* @__PURE__ */ jsx2("img", { src: s.preview, alt: strings["detail.attachment_alt"] }),
+          /* @__PURE__ */ jsx2(
+            "button",
+            {
+              type: "button",
+              class: "compose-attachment-remove",
+              "aria-label": strings["detail.attach_remove"],
+              onClick: () => removeComposeShot(i),
+              disabled: sending,
+              children: "\xD7"
+            }
+          )
+        ] }, s.preview)) }),
+        attachError && /* @__PURE__ */ jsx2("p", { class: "compose-attach-error", role: "alert", children: attachError }),
+        /* @__PURE__ */ jsx2(
+          "input",
+          {
+            ref: fileInputRef,
+            type: "file",
+            accept: "image/png,image/jpeg,image/webp",
+            multiple: true,
+            class: "compose-attach-input",
+            onChange: handleAttachChange,
+            hidden: true
+          }
+        ),
+        /* @__PURE__ */ jsxs3("div", { class: "report-compose-actions", children: [
+          /* @__PURE__ */ jsx2(
+            "button",
+            {
+              type: "button",
+              class: "btn btn--ghost compose-attach-btn",
+              onClick: () => fileInputRef.current?.click(),
+              disabled: sending || composeShots.length >= MAX_SCREENSHOTS,
+              children: strings["detail.attach_add"]
+            }
+          ),
           showCloseCta && /* @__PURE__ */ jsx2(
             "button",
             {
@@ -1255,7 +1628,7 @@ function ReportDetailView({
               type: "button",
               class: "btn btn--primary",
               onClick: handleSend,
-              disabled: !composeBody.trim() || sending,
+              disabled: !composeBody.trim() && composeShots.length === 0 || sending,
               children: sending ? strings["detail.compose_sending"] : strings["detail.compose_send"]
             }
           )
@@ -1278,19 +1651,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 +1700,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 +1727,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 +1739,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 +1751,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 +1763,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 +1785,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 +1805,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 +1843,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 +1863,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 +1882,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 +1895,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 +1943,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 +1966,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 +2007,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 +2059,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 +2092,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 +2105,7 @@ function BoardFilters({
         ]
       }
     ),
-    /* @__PURE__ */ jsxs3(
+    /* @__PURE__ */ jsxs4(
       "select",
       {
         class: "board-filter-select",
@@ -1739,7 +2118,7 @@ function BoardFilters({
         ]
       }
     ),
-    /* @__PURE__ */ jsxs3(
+    /* @__PURE__ */ jsxs4(
       "select",
       {
         class: "board-filter-select",
@@ -1762,7 +2141,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 +2152,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 +2166,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 +2187,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 +2195,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 +2218,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 +2226,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 +2236,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 +2284,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 +2312,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 +2330,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 +2399,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 +2417,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 +2434,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 +2466,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 +2477,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 +2603,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 +2863,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 +2877,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 +2892,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 +2916,7 @@ function Annotator({ imageBlob, strings, onSave, onCancel }) {
             ) })
           ] }),
           /* @__PURE__ */ jsx7("span", { class: "annotator-sep" }),
-          /* @__PURE__ */ jsxs7(
+          /* @__PURE__ */ jsxs8(
             "button",
             {
               type: "button",
@@ -2551,7 +2930,7 @@ function Annotator({ imageBlob, strings, onSave, onCancel }) {
               ]
             }
           ),
-          /* @__PURE__ */ jsxs7(
+          /* @__PURE__ */ jsxs8(
             "button",
             {
               type: "button",
@@ -2565,7 +2944,7 @@ function Annotator({ imageBlob, strings, onSave, onCancel }) {
               ]
             }
           ),
-          /* @__PURE__ */ jsxs7(
+          /* @__PURE__ */ jsxs8(
             "button",
             {
               type: "button",
@@ -2579,7 +2958,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 +2975,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 +2994,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 +3018,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 +3133,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 +3147,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 +3160,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 +3173,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 +3188,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 +3206,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 +3231,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 +3246,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 +3274,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 +3344,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,14 +3361,36 @@ 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 }) {
+function MineList({ api, externalId, strings, onSelect, onOpenSeq }) {
   const [rows, setRows] = useState6(null);
   const [error, setError] = useState6(null);
   const [refreshing, setRefreshing] = useState6(false);
   const [filter, setFilter] = useState6("all");
+  const [jumpValue, setJumpValue] = useState6("");
+  const [jumpError, setJumpError] = useState6(false);
+  const [jumping, setJumping] = useState6(false);
   const mountedRef = useRef5(true);
+  const handleJump = async (e) => {
+    e.preventDefault();
+    if (!onOpenSeq || jumping) return;
+    const seq = parseInt(jumpValue.replace(/^#/, "").trim(), 10);
+    if (!Number.isInteger(seq) || seq <= 0) {
+      setJumpError(true);
+      return;
+    }
+    setJumping(true);
+    setJumpError(false);
+    try {
+      const found = await onOpenSeq(seq);
+      if (!mountedRef.current) return;
+      if (found) setJumpValue("");
+      else setJumpError(true);
+    } finally {
+      if (mountedRef.current) setJumping(false);
+    }
+  };
   const fetchRows = async () => {
     setRefreshing(true);
     setError(null);
@@ -2988,7 +3402,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,26 +3420,47 @@ 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",
-        {
-          type: "button",
-          class: "btn",
-          onClick: () => {
-            void fetchRows();
-          },
-          disabled: refreshing,
-          children: refreshing ? strings["mine.loading"] : strings["mine.refresh"]
-        }
-      )
+      /* @__PURE__ */ jsxs11("div", { class: "mine-list-header-actions", children: [
+        onOpenSeq && /* @__PURE__ */ jsxs11("form", { class: "mine-jump", onSubmit: handleJump, children: [
+          /* @__PURE__ */ jsx10(
+            "input",
+            {
+              type: "text",
+              inputMode: "numeric",
+              value: jumpValue,
+              placeholder: strings["mine.jump.placeholder"],
+              "aria-label": strings["mine.jump.aria"],
+              onInput: (e) => {
+                setJumpValue(e.target.value);
+                setJumpError(false);
+              },
+              disabled: jumping
+            }
+          ),
+          /* @__PURE__ */ jsx10("button", { type: "submit", class: "btn", disabled: jumping || !jumpValue.trim(), children: strings["mine.jump.go"] })
+        ] }),
+        /* @__PURE__ */ jsx10(
+          "button",
+          {
+            type: "button",
+            class: "btn",
+            onClick: () => {
+              void fetchRows();
+            },
+            disabled: refreshing,
+            children: refreshing ? strings["mine.loading"] : strings["mine.refresh"]
+          }
+        )
+      ] })
     ] }),
+    jumpError && /* @__PURE__ */ jsx10("div", { class: "mine-jump-error error", role: "alert", children: strings["mine.jump.not_found"] }),
     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 +3471,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 +3484,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 +3503,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 +3519,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 +3532,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 +3540,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 +3548,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 +3576,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 +3596,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 +4056,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 {
@@ -3972,6 +4447,31 @@ var WIDGET_STYLES = `
   justify-content: space-between;
 }
 .mine-list-header h2 { margin: 0; font-size: var(--mfb-text-lg); font-weight: 600; letter-spacing: -0.01em; }
+/* #85 \u2014 header actions: jump-by-#seq box + refresh. */
+.mine-list-header-actions {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+}
+.mine-jump {
+  display: flex;
+  align-items: center;
+  gap: 4px;
+}
+.mine-jump input {
+  font: inherit;
+  font-size: 13px;
+  width: 56px;
+  padding: 5px 8px;
+  border: 1px solid var(--mfb-border);
+  border-radius: var(--mfb-radius);
+  background: var(--mfb-surface);
+  color: inherit;
+}
+.mine-jump-error {
+  margin-top: 6px;
+  font-size: 12px;
+}
 .mine-loading { color: var(--mfb-text-muted); font-size: 13px; }
 .mine-empty {
   text-align: center;
@@ -4177,12 +4677,77 @@ var WIDGET_STYLES = `
 .comment-author--staff { color: #1e40af; }
 .comment-author--system { color: var(--mfb-text-muted); }
 .comment-body { white-space: pre-wrap; }
+/* #91 \u2014 image attachments rendered inside a comment bubble. */
+.comment-attachments {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 6px;
+  margin-top: 6px;
+}
+.comment-attachment {
+  display: block;
+  line-height: 0;
+  border-radius: 8px;
+  overflow: hidden;
+  border: 1px solid var(--mfb-border);
+}
+.comment-attachment img {
+  width: 96px;
+  height: 96px;
+  object-fit: cover;
+  display: block;
+}
 .comment-time {
   font-size: 10px;
   margin-top: 4px;
   opacity: 0.7;
 }
 
+/* F4 \u2014 author edits the description in place. */
+.report-detail-description-row {
+  display: flex;
+  align-items: flex-start;
+  gap: 8px;
+}
+.report-detail-description-row .report-detail-description {
+  flex: 1;
+  margin: 0;
+}
+.report-detail-edit {
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+}
+.report-detail-edit-input {
+  font: inherit;
+  font-size: 13px;
+  padding: 8px 10px;
+  border: 1px solid var(--mfb-border);
+  border-radius: var(--mfb-radius);
+  background: var(--mfb-surface);
+  color: inherit;
+  min-height: 72px;
+  resize: vertical;
+}
+.report-detail-edit-actions {
+  display: flex;
+  justify-content: flex-end;
+  gap: 6px;
+}
+.report-detail-edit.btn,
+button.report-detail-edit {
+  flex: 0 0 auto;
+  font-size: 12px;
+  padding: 4px 8px;
+}
+/* #85 \u2014 shareable-permalink affordance under the description. */
+.report-detail-permalink {
+  margin: -2px 0 6px;
+}
+.report-detail-copy-link {
+  font-size: 12px;
+  padding: 4px 8px;
+}
 .report-compose {
   display: flex;
   flex-direction: column;
@@ -4205,6 +4770,50 @@ var WIDGET_STYLES = `
   justify-content: flex-end;
   gap: 6px;
 }
+/* #91 \u2014 pending image attachments in the reply compose box. */
+.compose-attachments {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 6px;
+}
+.compose-attachment {
+  position: relative;
+  width: 64px;
+  height: 64px;
+  border-radius: 8px;
+  overflow: hidden;
+  border: 1px solid var(--mfb-border);
+}
+.compose-attachment img {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+  display: block;
+}
+.compose-attachment-remove {
+  position: absolute;
+  top: 2px;
+  right: 2px;
+  width: 20px;
+  height: 20px;
+  display: grid;
+  place-items: center;
+  padding: 0;
+  background: rgba(255, 255, 255, 0.92);
+  border: 1px solid var(--mfb-border);
+  border-radius: 999px;
+  font-size: 15px;
+  line-height: 1;
+  cursor: pointer;
+  color: #111827;
+}
+.compose-attachment-remove:hover { background: #fff; }
+.compose-attach-btn { margin-right: auto; }
+.compose-attach-error {
+  margin: 0;
+  font-size: 12px;
+  color: var(--mfb-danger, #b91c1c);
+}
 
 /* v0.15.3 \u2014 teammate-viewing notice. Shown in place of the compose
  * box when a non-submitter opens a project-wide row from the Board
@@ -5104,7 +5713,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 +5729,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 +5755,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;
@@ -5172,6 +5786,23 @@ function mountWidget(options) {
       }
     }, []);
     const externalId = options.getExternalId?.();
+    const openSeq = (seq) => {
+      if (!options.api || !externalId) return Promise.resolve(false);
+      return options.api.getReportBySeq(seq, externalId).then((r) => {
+        rerender({ ...currentState, open: true, tab: "mine", selectedReportId: r.id });
+        return true;
+      }).catch(() => false);
+    };
+    const buildPermalink = options.deepLinkParam === false ? void 0 : (id) => {
+      const param = options.deepLinkParam || "mhfeedback";
+      try {
+        const u = new URL(window.location.href);
+        u.searchParams.set(param, id);
+        return u.toString();
+      } catch {
+        return "";
+      }
+    };
     const pageActivityEnabled = options.showPageActivity !== false;
     const pageSignal = usePageOpenCount({
       ...options.api !== void 0 && { api: options.api },
@@ -5214,8 +5845,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 +5894,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 +5995,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 +6011,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;
+                  }
                 }
               )
             ] }),
@@ -5342,7 +6027,8 @@ function mountWidget(options) {
                 api: options.api,
                 externalId,
                 strings: options.strings,
-                onSelect: (row) => rerender({ ...currentState, selectedReportId: row.id })
+                onSelect: (row) => rerender({ ...currentState, selectedReportId: row.id }),
+                onOpenSeq: openSeq
               }
             ),
             (state.tab === "mine" || state.tab === "changelog") && options.api && externalId && state.selectedReportId && /* @__PURE__ */ jsx14(
@@ -5352,7 +6038,9 @@ function mountWidget(options) {
                 externalId,
                 reportId: state.selectedReportId,
                 strings: options.strings,
-                onBack: () => rerender(clearSelected({ ...currentState }))
+                onBack: () => rerender(clearSelected({ ...currentState })),
+                onOpenSeq: openSeq,
+                ...buildPermalink && { buildPermalink }
               }
             ),
             state.tab === "changelog" && options.api && externalId && !state.selectedReportId && /* @__PURE__ */ jsx14(
@@ -5382,6 +6070,25 @@ function mountWidget(options) {
     ] });
   }
   rerender(currentState);
+  function openReportRef(ref) {
+    const api = options.api;
+    const externalId = options.getExternalId?.();
+    if (!api || !externalId || !ref) return;
+    const seq = /^\d+$/.test(ref) ? parseInt(ref, 10) : null;
+    const resolve = seq !== null ? api.getReportBySeq(seq, externalId) : api.getReport(ref, externalId);
+    void resolve.then(
+      (r) => rerender({ ...currentState, open: true, tab: "mine", selectedReportId: r.id })
+    ).catch(() => {
+    });
+  }
+  if (options.deepLinkParam !== false) {
+    try {
+      const param = options.deepLinkParam || "mhfeedback";
+      const value = new URLSearchParams(window.location.search).get(param);
+      if (value) openReportRef(value.trim());
+    } catch {
+    }
+  }
   return {
     open() {
       openWidget(options.getExternalId?.());
@@ -5468,8 +6175,8 @@ function createFeedback(config) {
       capture_method: captureMethod,
       technical_context
     };
-    if ("0.27.1") {
-      payload.widget_version = "0.27.1";
+    if ("0.29.0") {
+      payload.widget_version = "0.29.0";
     }
     if (manualScreenshots?.length) {
       payload.screenshots = manualScreenshots;
@@ -5504,9 +6211,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 +6302,4 @@ function createFeedback(config) {
 export {
   createFeedback
 };
-//# sourceMappingURL=chunk-ZFXGV5W5.mjs.map
+//# sourceMappingURL=chunk-7FGWO6KO.mjs.map