@mhosaic/feedback 0.31.0 → 0.33.0

package/dist/{chunk-AA24TFKX.mjs → chunk-RR6UB75B.mjs}

@@ -145,6 +145,32 @@ function createApiClient(options) {
     if (response.status === 404) return [];
     return readJsonArray(response, "listMine");
   }
+  async function diagnose(opts) {
+    const onLine = opts?.onLine ?? (typeof navigator !== "undefined" ? navigator.onLine : true);
+    if (onLine === false) return "offline";
+    const probeUrl = `${endpoint}/api/feedback/v1/widget-manifest/?pk=${encodeURIComponent(options.apiKey)}`;
+    let simple;
+    try {
+      simple = await fetcher(probeUrl, { method: "GET", redirect: "manual" });
+    } catch {
+      return "blocked";
+    }
+    if (simple.type === "opaqueredirect" || simple.status >= 300 && simple.status < 400) {
+      return "intercepted";
+    }
+    let authed;
+    try {
+      authed = await fetcher(probeUrl, {
+        method: "GET",
+        headers: { Authorization: `Bearer ${options.apiKey}` }
+      });
+    } catch {
+      return "preflight";
+    }
+    if (authed.status === 401 || authed.status === 403) return "key";
+    if (authed.status === 429) return "throttle";
+    return "healthy";
+  }
   async function listChangelog(externalId) {
     const response = await fetcher(
       `${endpoint}/api/feedback/v1/reports/widget/changelog/`,
@@ -153,10 +179,14 @@ function createApiClient(options) {
     if (response.status === 404) return [];
     return readJsonArray(response, "listChangelog");
   }
-  async function getReport(reportId, externalId) {
+  async function getReport(reportId, externalId, opts) {
     const response = await fetcher(
       `${endpoint}/api/feedback/v1/reports/widget/${reportId}/`,
-      { method: "GET", headers: widgetHeaders(externalId) }
+      {
+        method: "GET",
+        headers: widgetHeaders(externalId),
+        ...opts?.signal ? { signal: opts.signal } : {}
+      }
     );
     return readJsonObject(response, "getReport");
   }
@@ -268,10 +298,14 @@ function createApiClient(options) {
     const qs = params.toString();
     return qs ? `?${qs}` : "";
   }
-  async function listBoard(externalId, filters) {
+  async function listBoard(externalId, filters, opts) {
     const response = await fetcher(
       `${endpoint}/api/feedback/v1/reports/widget/board/${boardQueryString(filters)}`,
-      { method: "GET", headers: widgetHeaders(externalId) }
+      {
+        method: "GET",
+        headers: widgetHeaders(externalId),
+        ...opts?.signal ? { signal: opts.signal } : {}
+      }
     );
     if (response.status === 404) {
       return { count: 0, next: null, previous: null, results: [] };
@@ -282,10 +316,14 @@ function createApiClient(options) {
     }
     return page;
   }
-  async function fetchBoardKpis(externalId, filters) {
+  async function fetchBoardKpis(externalId, filters, opts) {
     const response = await fetcher(
       `${endpoint}/api/feedback/v1/reports/widget/board/kpis/${boardQueryString(filters)}`,
-      { method: "GET", headers: widgetHeaders(externalId) }
+      {
+        method: "GET",
+        headers: widgetHeaders(externalId),
+        ...opts?.signal ? { signal: opts.signal } : {}
+      }
     );
     if (response.status === 404) {
       return { total: 0, by_status: {}, resolution_rate: 0, scope: "mine" };
@@ -318,6 +356,14 @@ function createApiClient(options) {
     checkVisibility,
     listMine,
     listChangelog,
+    diagnose,
+    endpointHost: (() => {
+      try {
+        return new URL(endpoint).host;
+      } catch {
+        return endpoint;
+      }
+    })(),
     getReport,
     getReportBySeq,
     addComment,
@@ -705,6 +751,7 @@ var DEFAULT_STRINGS = {
   "board.retry": "Try again",
   "board.list.you": "you",
   "board.list.count": "{n} of {total}",
+  "board.list.loadMore": "Show more",
   "board.detail.empty": "Pick a report on the left to see its full thread.",
   "board.detail.by": "By",
   "board.detail.confirm_resolution": "Confirm resolution",
@@ -726,6 +773,15 @@ var DEFAULT_STRINGS = {
   "mine.empty.title": "No reports yet",
   "mine.empty.body": "Once you send feedback you can follow the thread here.",
   "mine.refresh": "Refresh",
+  "diag.run": "Diagnose",
+  "diag.running": "Checking the connection\u2026",
+  "diag.offline": "You appear to be offline. Reconnect and retry.",
+  "diag.blocked": "The feedback service is unreachable from this network. A firewall or proxy is blocking it \u2014 ask IT to allow {host}.",
+  "diag.intercepted": "Your corporate network (SSL-inspection proxy) is intercepting widget traffic. Ask IT to add {host} to the inspection bypass list.",
+  "diag.preflight": "A network proxy is blocking the widget\u2019s secure requests (CORS preflight). Ask IT to allow {host}.",
+  "diag.key": "The widget\u2019s access key was rejected. Contact the site team.",
+  "diag.throttle": "Too many requests right now \u2014 wait a moment and retry.",
+  "diag.healthy": "The service is reachable \u2014 this looks like a temporary hiccup. Retry.",
   "mine.loading": "Loading\u2026",
   "mine.error": "Could not load your reports.",
   "mine.jump.placeholder": "#",
@@ -891,6 +947,7 @@ var FRENCH_STRINGS = {
   "board.retry": "R\xE9essayer",
   "board.list.you": "vous",
   "board.list.count": "{n} sur {total}",
+  "board.list.loadMore": "Afficher plus",
   "board.detail.empty": "S\xE9lectionnez un rapport \xE0 gauche pour voir le fil complet.",
   "board.detail.by": "Par",
   "board.detail.confirm_resolution": "Confirmer la r\xE9solution",
@@ -912,6 +969,15 @@ var FRENCH_STRINGS = {
   "mine.empty.title": "Aucun rapport",
   "mine.empty.body": "Apr\xE8s votre premier envoi vous pourrez suivre la conversation ici.",
   "mine.refresh": "Actualiser",
+  "diag.run": "Diagnostiquer",
+  "diag.running": "V\xE9rification de la connexion\u2026",
+  "diag.offline": "Vous semblez hors ligne. Reconnectez-vous puis r\xE9essayez.",
+  "diag.blocked": "Le service de feedback est injoignable depuis ce r\xE9seau. Un pare-feu ou proxy le bloque \u2014 demandez \xE0 votre TI d\u2019autoriser {host}.",
+  "diag.intercepted": "Votre r\xE9seau d\u2019entreprise (inspection SSL) intercepte le trafic du widget. Demandez \xE0 votre TI d\u2019ajouter {host} \xE0 la liste d\u2019exclusion.",
+  "diag.preflight": "Un proxy r\xE9seau bloque les requ\xEAtes s\xE9curis\xE9es du widget (pr\xE9flight CORS). Demandez \xE0 votre TI d\u2019autoriser {host}.",
+  "diag.key": "La cl\xE9 d\u2019acc\xE8s du widget a \xE9t\xE9 refus\xE9e. Contactez l\u2019\xE9quipe du site.",
+  "diag.throttle": "Trop de requ\xEAtes pour le moment \u2014 patientez puis r\xE9essayez.",
+  "diag.healthy": "Le service est joignable \u2014 le probl\xE8me semble passager. R\xE9essayez.",
   "mine.loading": "Chargement\u2026",
   "mine.error": "Impossible de charger vos rapports.",
   "mine.jump.placeholder": "#",
@@ -1003,7 +1069,7 @@ function resolveStrings(overrides, options = {}) {
 
 // src/widget/mount.tsx
 import { h, render } from "preact";
-import { useCallback as useCallback2, useEffect as useEffect10, useRef as useRef7, useState as useState9 } from "preact/hooks";
+import { useCallback as useCallback2, useEffect as useEffect10, useRef as useRef7, useState as useState10 } from "preact/hooks";
 
 // src/widget/currentPage.ts
 function currentPagePath(opts) {
@@ -1036,7 +1102,50 @@ function onLocationChange(cb) {
 }
 
 // src/widget/BoardView.tsx
-import { useEffect as useEffect2, useMemo, useState as useState2 } from "preact/hooks";
+import { useEffect as useEffect2, useMemo, useState as useState3 } from "preact/hooks";
+
+// src/widget/DiagnosticHint.tsx
+import { useState } from "preact/hooks";
+import { jsx } from "preact/jsx-runtime";
+function DiagnosticHint({ api, strings, host }) {
+  const [state, setState] = useState("idle");
+  const run = async () => {
+    setState("running");
+    try {
+      setState(await api.diagnose());
+    } catch {
+      setState("blocked");
+    }
+  };
+  if (state === "idle") {
+    return /* @__PURE__ */ jsx("button", { type: "button", class: "btn diag-btn", onClick: () => void run(), children: strings["diag.run"] });
+  }
+  if (state === "running") {
+    return /* @__PURE__ */ jsx("div", { class: "diag-result", children: strings["diag.running"] });
+  }
+  const key = `diag.${state}`;
+  return /* @__PURE__ */ jsx("div", { class: "diag-result", children: (strings[key] ?? state).replace("{host}", host) });
+}
+
+// src/widget/boardCache.ts
+var TTL_MS = 6e4;
+var MAX_ENTRIES = 50;
+var cache = /* @__PURE__ */ new Map();
+function boardCacheKey(externalId, fetchKey) {
+  return `${externalId}|${fetchKey}`;
+}
+function readBoardCache(key) {
+  const hit = cache.get(key);
+  return hit && Date.now() - hit.at < TTL_MS ? hit : null;
+}
+function writeBoardCache(key, page, kpis) {
+  if (!cache.has(key) && cache.size >= MAX_ENTRIES) {
+    const oldest = cache.keys().next().value;
+    if (oldest !== void 0) cache.delete(oldest);
+  }
+  cache.delete(key);
+  cache.set(key, { page, kpis, at: Date.now() });
+}
 
 // src/widget/boardViewStore.ts
 var PREFIX = "mhosaic.boardView.";
@@ -1108,7 +1217,7 @@ function rateLimitMessage(err, strings) {
 }
 
 // src/widget/ReportDetailView.tsx
-import { useEffect, useRef, useState } from "preact/hooks";
+import { useEffect, useRef, useState as useState2 } from "preact/hooks";
 
 // src/widget/linkifySeq.tsx
 import { jsxs } from "preact/jsx-runtime";
@@ -1145,8 +1254,8 @@ function linkifySeq(text, onOpenSeq) {
 }
 
 // src/widget/CommentBubble.tsx
-import { jsx, jsxs as jsxs2 } from "preact/jsx-runtime";
-function CommentBubble({ comment, strings, onOpenSeq }) {
+import { jsx as jsx2, jsxs as jsxs2 } from "preact/jsx-runtime";
+function CommentBubble({ comment, strings, onOpenSeq, stableUrl }) {
   const isMine = comment.is_mine;
   const isAgent = !isMine && comment.author_source === "mcp";
   const isSystem = !isMine && comment.author_source === "system";
@@ -1155,20 +1264,23 @@ function CommentBubble({ comment, strings, onOpenSeq }) {
   const label = comment.author_label || strings[labelKey];
   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 }),
-    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) })
+    !isMine && label && /* @__PURE__ */ jsx2("div", { class: `comment-author comment-author--${variant}`, children: label }),
+    comment.body && /* @__PURE__ */ jsx2("div", { class: "comment-body", children: linkifySeq(comment.body, onOpenSeq) }),
+    images.length > 0 && /* @__PURE__ */ jsx2("div", { class: "comment-attachments", children: images.map((a) => {
+      const src = stableUrl ? stableUrl(`att:${a.id}`, a.url) : a.url;
+      return /* @__PURE__ */ jsx2(
+        "a",
+        {
+          class: "comment-attachment",
+          href: src,
+          target: "_blank",
+          rel: "noopener noreferrer",
+          children: /* @__PURE__ */ jsx2("img", { src, alt: strings["detail.attachment_alt"], loading: "lazy" })
+        },
+        a.id
+      );
+    }) }),
+    /* @__PURE__ */ jsx2("div", { class: "comment-time", children: formatTime(comment.created_at) })
   ] });
 }
 function formatTime(iso) {
@@ -1223,7 +1335,7 @@ function safeExternalHref(url) {
 }
 
 // src/widget/ReportDetailView.tsx
-import { Fragment, jsx as jsx2, jsxs as jsxs3 } from "preact/jsx-runtime";
+import { Fragment, jsx as jsx3, jsxs as jsxs3 } from "preact/jsx-runtime";
 var POLL_MS = 3e4;
 function ReportDetailView({
   api,
@@ -1234,23 +1346,38 @@ function ReportDetailView({
   canModerate = true,
   variant = "modal",
   onOpenSeq,
-  buildPermalink
+  buildPermalink,
+  seed
 }) {
-  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 [detail, setDetail] = useState2(null);
+  const [error, setError] = useState2(null);
+  const [copied, setCopied] = useState2(false);
+  const [editing, setEditing] = useState2(false);
+  const [editBody, setEditBody] = useState2("");
+  const [savingEdit, setSavingEdit] = useState2(false);
+  const [editError, setEditError] = useState2(false);
+  const [composeBody, setComposeBody] = useState2("");
+  const [sending, setSending] = useState2(false);
+  const [closing, setClosing] = useState2(false);
+  const [reopening, setReopening] = useState2(false);
+  const [composeShots, setComposeShots] = useState2([]);
+  const [attachError, setAttachError] = useState2("");
   const fileInputRef = useRef(null);
   const mountedRef = useRef(true);
+  const urlPins = useRef(/* @__PURE__ */ new Map());
+  const [, bumpPinTick] = useState2(0);
+  const PIN_MAX_AGE_MS = 45 * 6e4;
+  const pinUrl = (key, url) => {
+    if (!url) return url;
+    const pin = urlPins.current.get(key);
+    if (pin && Date.now() - pin.at < PIN_MAX_AGE_MS) return pin.url;
+    urlPins.current.set(key, { url, at: Date.now() });
+    return url;
+  };
+  const unpinUrl = (key) => {
+    urlPins.current.delete(key);
+    bumpPinTick((t) => t + 1);
+  };
   const shotsRef = useRef(composeShots);
   shotsRef.current = composeShots;
   useEffect(() => {
@@ -1421,13 +1548,46 @@ function ReportDetailView({
     }
   };
   if (!detail && !error) {
-    return /* @__PURE__ */ jsx2("div", { class: "mine-loading", children: strings["mine.loading"] });
+    if (seed) {
+      const seedPill = /* @__PURE__ */ jsx3("span", { class: `pill pill-status pill-status--${seed.status}`, children: strings[`status.${seed.status}`] ?? seed.status });
+      return /* @__PURE__ */ jsxs3("div", { class: `report-detail variant-${variant} is-seeded`, 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"]
+          ] }),
+          seedPill
+        ] }),
+        variant === "board" && /* @__PURE__ */ jsxs3("div", { class: "report-detail-header report-detail-header--board", children: [
+          /* @__PURE__ */ jsxs3(
+            "button",
+            {
+              type: "button",
+              class: "btn btn--ghost report-detail-back",
+              onClick: onBack,
+              "aria-label": strings["board.back"],
+              children: [
+                "\u2190 ",
+                strings["board.back"]
+              ]
+            }
+          ),
+          seedPill
+        ] }),
+        /* @__PURE__ */ jsxs3("div", { class: "report-detail-body", children: [
+          /* @__PURE__ */ jsx3("div", { class: "report-detail-description-row", children: /* @__PURE__ */ jsx3("p", { class: "report-detail-description", children: linkifySeq(seed.description, onOpenSeq) }) }),
+          /* @__PURE__ */ jsx3("h3", { class: "report-detail-section", children: strings["detail.thread"] }),
+          /* @__PURE__ */ jsx3("div", { class: "mine-loading", children: strings["mine.loading"] })
+        ] })
+      ] });
+    }
+    return /* @__PURE__ */ jsx3("div", { class: "mine-loading", children: strings["mine.loading"] });
   }
   if (!detail) {
     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__ */ jsx3("p", { class: "report-detail-empty-state-body", children: error }),
+        /* @__PURE__ */ jsx3("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"]
@@ -1435,8 +1595,8 @@ function ReportDetailView({
       ] });
     }
     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__ */ jsx3("p", { class: "report-detail-empty-state-title", children: strings["detail.load_failed.title"] }),
+      /* @__PURE__ */ jsx3("p", { class: "report-detail-empty-state-body", children: strings["detail.load_failed.body"] }),
       /* @__PURE__ */ jsxs3("button", { type: "button", class: "btn", onClick: onBack, children: [
         "\u2190 ",
         strings["detail.load_failed.cta"]
@@ -1453,7 +1613,7 @@ function ReportDetailView({
         "\u2190 ",
         strings["detail.back"]
       ] }),
-      /* @__PURE__ */ jsx2("span", { class: `pill pill-status pill-status--${detail.status}`, children: strings[`status.${detail.status}`] ?? detail.status })
+      /* @__PURE__ */ jsx3("span", { class: `pill pill-status pill-status--${detail.status}`, children: strings[`status.${detail.status}`] ?? detail.status })
     ] }),
     variant === "board" && /* @__PURE__ */ jsxs3("div", { class: "report-detail-header report-detail-header--board", children: [
       /* @__PURE__ */ jsxs3(
@@ -1469,12 +1629,12 @@ function ReportDetailView({
           ]
         }
       ),
-      /* @__PURE__ */ jsx2("span", { class: `pill pill-status pill-status--${detail.status}`, children: strings[`status.${detail.status}`] ?? detail.status })
+      /* @__PURE__ */ jsx3("span", { class: `pill pill-status pill-status--${detail.status}`, children: strings[`status.${detail.status}`] ?? detail.status })
     ] }),
     /* @__PURE__ */ jsxs3("div", { class: "report-detail-body", children: [
-      /* @__PURE__ */ jsx2(ContextBlock, { detail, strings }),
+      /* @__PURE__ */ jsx3(ContextBlock, { detail, strings }),
       editing ? /* @__PURE__ */ jsxs3("div", { class: "report-detail-edit", children: [
-        /* @__PURE__ */ jsx2(
+        /* @__PURE__ */ jsx3(
           "textarea",
           {
             class: "report-detail-edit-input",
@@ -1486,9 +1646,9 @@ function ReportDetailView({
             disabled: savingEdit
           }
         ),
-        editError && /* @__PURE__ */ jsx2("p", { class: "error", role: "alert", children: strings["detail.edit_failed"] }),
+        editError && /* @__PURE__ */ jsx3("p", { class: "error", role: "alert", children: strings["detail.edit_failed"] }),
         /* @__PURE__ */ jsxs3("div", { class: "report-detail-edit-actions", children: [
-          /* @__PURE__ */ jsx2(
+          /* @__PURE__ */ jsx3(
             "button",
             {
               type: "button",
@@ -1498,7 +1658,7 @@ function ReportDetailView({
               children: strings["detail.edit_cancel"]
             }
           ),
-          /* @__PURE__ */ jsx2(
+          /* @__PURE__ */ jsx3(
             "button",
             {
               type: "button",
@@ -1510,8 +1670,8 @@ function ReportDetailView({
           )
         ] })
       ] }) : /* @__PURE__ */ jsxs3("div", { class: "report-detail-description-row", children: [
-        /* @__PURE__ */ jsx2("p", { class: "report-detail-description", children: linkifySeq(detail.description, onOpenSeq) }),
-        isMine && /* @__PURE__ */ jsx2(
+        /* @__PURE__ */ jsx3("p", { class: "report-detail-description", children: linkifySeq(detail.description, onOpenSeq) }),
+        isMine && /* @__PURE__ */ jsx3(
           "button",
           {
             type: "button",
@@ -1521,7 +1681,7 @@ function ReportDetailView({
           }
         )
       ] }),
-      buildPermalink && /* @__PURE__ */ jsx2("div", { class: "report-detail-permalink", children: /* @__PURE__ */ jsx2(
+      buildPermalink && /* @__PURE__ */ jsx3("div", { class: "report-detail-permalink", children: /* @__PURE__ */ jsx3(
         "button",
         {
           type: "button",
@@ -1530,32 +1690,33 @@ function ReportDetailView({
           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) => {
+      (detail.screenshots?.length ? detail.screenshots.map((s) => s.url) : [detail.screenshot_url]).map((url, i) => ({ url: pinUrl(`shot:${i}`, url ?? null), pinKey: `shot:${i}` })).filter((s) => Boolean(s.url)).map(({ url, pinKey }) => {
         const safeHref = safeExternalHref(url);
-        return safeHref ? /* @__PURE__ */ jsx2(
+        return safeHref ? /* @__PURE__ */ jsx3(
           "a",
           {
             class: "report-detail-screenshot",
             href: safeHref,
             target: "_blank",
             rel: "noopener noreferrer",
-            children: /* @__PURE__ */ jsx2("img", { src: url, alt: "", loading: "lazy" })
+            children: /* @__PURE__ */ jsx3("img", { src: url, alt: "", loading: "lazy", onError: () => unpinUrl(pinKey) })
           }
-        ) : /* @__PURE__ */ jsx2("div", { class: "report-detail-screenshot", children: /* @__PURE__ */ jsx2("img", { src: url, alt: "", loading: "lazy" }) });
+        ) : /* @__PURE__ */ jsx3("div", { class: "report-detail-screenshot", children: /* @__PURE__ */ jsx3("img", { src: url, alt: "", loading: "lazy", onError: () => unpinUrl(pinKey) }) });
       }),
-      /* @__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(
+      /* @__PURE__ */ jsx3("h3", { class: "report-detail-section", children: strings["detail.thread"] }),
+      detail.comments.length === 0 ? /* @__PURE__ */ jsx3("p", { class: "report-detail-empty", children: strings["detail.no_replies"] }) : /* @__PURE__ */ jsx3("ul", { class: "report-comments", children: detail.comments.map((c) => /* @__PURE__ */ jsx3("li", { children: /* @__PURE__ */ jsx3(
         CommentBubble,
         {
           comment: c,
           strings,
-          ...onOpenSeq && { onOpenSeq }
+          ...onOpenSeq && { onOpenSeq },
+          stableUrl: (key, url) => pinUrl(key, url) ?? url
         }
       ) })) }),
-      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 }),
+      detail.status_history && detail.status_history.length > 0 && /* @__PURE__ */ jsx3(StatusHistorySection, { rows: detail.status_history, strings }),
+      detail.technical_context && /* @__PURE__ */ jsx3(TechnicalContextDrawer, { ctx: detail.technical_context, strings }),
       showComposeBox ? /* @__PURE__ */ jsxs3("div", { class: "report-compose", children: [
-        /* @__PURE__ */ jsx2(
+        /* @__PURE__ */ jsx3(
           "textarea",
           {
             value: composeBody,
@@ -1564,9 +1725,9 @@ function ReportDetailView({
             disabled: sending
           }
         ),
-        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(
+        composeShots.length > 0 && /* @__PURE__ */ jsx3("div", { class: "compose-attachments", children: composeShots.map((s, i) => /* @__PURE__ */ jsxs3("div", { class: "compose-attachment", children: [
+          /* @__PURE__ */ jsx3("img", { src: s.preview, alt: strings["detail.attachment_alt"] }),
+          /* @__PURE__ */ jsx3(
             "button",
             {
               type: "button",
@@ -1578,8 +1739,8 @@ function ReportDetailView({
             }
           )
         ] }, s.preview)) }),
-        attachError && /* @__PURE__ */ jsx2("p", { class: "compose-attach-error", role: "alert", children: attachError }),
-        /* @__PURE__ */ jsx2(
+        attachError && /* @__PURE__ */ jsx3("p", { class: "compose-attach-error", role: "alert", children: attachError }),
+        /* @__PURE__ */ jsx3(
           "input",
           {
             ref: fileInputRef,
@@ -1592,7 +1753,7 @@ function ReportDetailView({
           }
         ),
         /* @__PURE__ */ jsxs3("div", { class: "report-compose-actions", children: [
-          /* @__PURE__ */ jsx2(
+          /* @__PURE__ */ jsx3(
             "button",
             {
               type: "button",
@@ -1602,7 +1763,7 @@ function ReportDetailView({
               children: strings["detail.attach_add"]
             }
           ),
-          showCloseCta && /* @__PURE__ */ jsx2(
+          showCloseCta && /* @__PURE__ */ jsx3(
             "button",
             {
               type: "button",
@@ -1612,7 +1773,7 @@ function ReportDetailView({
               children: closing ? strings["detail.close_busy"] : strings["detail.close_cta"]
             }
           ),
-          showCloseCta && /* @__PURE__ */ jsx2(
+          showCloseCta && /* @__PURE__ */ jsx3(
             "button",
             {
               type: "button",
@@ -1622,7 +1783,7 @@ function ReportDetailView({
               children: reopening ? strings["detail.reopen_busy"] : strings["detail.reopen_cta"]
             }
           ),
-          /* @__PURE__ */ jsx2(
+          /* @__PURE__ */ jsx3(
             "button",
             {
               type: "button",
@@ -1638,9 +1799,9 @@ function ReportDetailView({
         // to the submitter, so we hide the compose box entirely (action
         // is genuinely unavailable) and surface a short notice so the
         // viewer understands why.
-        /* @__PURE__ */ jsx2("p", { class: "report-detail-teammate-notice", role: "note", children: strings["detail.teammate_notice"] })
+        /* @__PURE__ */ jsx3("p", { class: "report-detail-teammate-notice", role: "note", children: strings["detail.teammate_notice"] })
       ),
-      error && /* @__PURE__ */ jsx2("div", { class: "error", children: error })
+      error && /* @__PURE__ */ jsx3("div", { class: "error", children: error })
     ] })
   ] });
 }
@@ -1653,19 +1814,19 @@ function ContextBlock({ detail, strings }) {
   const captureLabel = strings[captureKey] ?? detail.capture_method;
   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__ */ jsx3("span", { class: "pill pill-type", children: strings[`type.${detail.feedback_type}`] }),
+      /* @__PURE__ */ jsx3("span", { class: `pill pill-severity pill-severity--${detail.severity}`, children: strings[`severity.${detail.severity}`] }),
+      /* @__PURE__ */ jsx3("span", { class: "pill pill-capture", children: captureLabel })
     ] }),
     /* @__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) })
+      /* @__PURE__ */ jsx3("span", { class: "report-detail-context-label", children: strings["detail.context.submitted_at"] }),
+      /* @__PURE__ */ jsx3("span", { children: formatSubmittedAt(detail.created_at) })
     ] }),
     detail.page_url && (() => {
       const safeHref = safeExternalHref(detail.page_url);
       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(
+        /* @__PURE__ */ jsx3("span", { class: "report-detail-context-label", children: strings["detail.context.page"] }),
+        safeHref ? /* @__PURE__ */ jsx3(
           "a",
           {
             class: "report-detail-context-url",
@@ -1674,7 +1835,7 @@ function ContextBlock({ detail, strings }) {
             rel: "noopener noreferrer",
             children: truncateUrl(detail.page_url, 64)
           }
-        ) : /* @__PURE__ */ jsx2("span", { class: "report-detail-context-url", children: truncateUrl(detail.page_url, 64) })
+        ) : /* @__PURE__ */ jsx3("span", { class: "report-detail-context-url", children: truncateUrl(detail.page_url, 64) })
       ] });
     })()
   ] });
@@ -1701,12 +1862,12 @@ function TechnicalContextDrawer({ ctx, strings }) {
   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__ */ jsxs3("details", { class: "report-detail-tech", children: [
-    /* @__PURE__ */ jsx2("summary", { children: summary }),
+    /* @__PURE__ */ jsx3("summary", { children: summary }),
     /* @__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 }),
-      network.length > 0 && /* @__PURE__ */ jsx2(NetworkSection, { rows: network, strings })
+      device && /* @__PURE__ */ jsx3(DeviceSection, { device, strings }),
+      errors.length > 0 && /* @__PURE__ */ jsx3(ErrorsSection, { errors, strings }),
+      consoleLogs.length > 0 && /* @__PURE__ */ jsx3(ConsoleSection, { logs: consoleLogs, strings }),
+      network.length > 0 && /* @__PURE__ */ jsx3(NetworkSection, { rows: network, strings })
     ] })
   ] });
 }
@@ -1728,10 +1889,10 @@ function DeviceSection({
   if (device?.connection) parts.push({ label: strings["detail.tech.device.connection"], value: device.connection });
   if (parts.length === 0) return null;
   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__ */ jsxs3(Fragment, { children: [
-      /* @__PURE__ */ jsx2("dt", { children: p.label }),
-      /* @__PURE__ */ jsx2("dd", { children: p.value })
+    /* @__PURE__ */ jsx3("h4", { children: strings["detail.tech.device"] }),
+    /* @__PURE__ */ jsx3("dl", { class: "tech-device", children: parts.map((p) => /* @__PURE__ */ jsxs3(Fragment, { children: [
+      /* @__PURE__ */ jsx3("dt", { children: p.label }),
+      /* @__PURE__ */ jsx3("dd", { children: p.value })
     ] })) })
   ] });
 }
@@ -1740,10 +1901,10 @@ function ErrorsSection({
   strings
 }) {
   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__ */ 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) })
+    /* @__PURE__ */ jsx3("h4", { children: strings["detail.tech.errors"] }),
+    /* @__PURE__ */ jsx3("ul", { class: "tech-errors", children: errors.map((e) => /* @__PURE__ */ jsxs3("li", { children: [
+      /* @__PURE__ */ jsx3("div", { class: "tech-errors-msg", children: e.message }),
+      e.stack && /* @__PURE__ */ jsx3("pre", { class: "tech-errors-stack", children: truncateStack(e.stack) })
     ] })) })
   ] });
 }
@@ -1752,10 +1913,10 @@ function ConsoleSection({
   strings
 }) {
   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__ */ 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 })
+    /* @__PURE__ */ jsx3("h4", { children: strings["detail.tech.console"] }),
+    /* @__PURE__ */ jsx3("ul", { class: "tech-console", children: logs.map((l) => /* @__PURE__ */ jsxs3("li", { class: `tech-console-row tech-console-row--${l.level}`, children: [
+      /* @__PURE__ */ jsx3("span", { class: "tech-console-level", children: l.level }),
+      /* @__PURE__ */ jsx3("span", { class: "tech-console-msg", children: l.message })
     ] })) })
   ] });
 }
@@ -1764,13 +1925,13 @@ function NetworkSection({
   strings
 }) {
   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) => {
+    /* @__PURE__ */ jsx3("h4", { children: strings["detail.tech.network"] }),
+    /* @__PURE__ */ jsx3("ul", { class: "tech-network", children: rows.map((n) => {
       const failed = n.status >= 400 || n.status === 0;
       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__ */ jsx3("span", { class: "tech-network-status", children: n.status || "\u2014" }),
+        /* @__PURE__ */ jsx3("span", { class: "tech-network-method", children: n.method }),
+        /* @__PURE__ */ jsx3("span", { class: "tech-network-url", title: n.url, children: truncateUrl(n.url, 56) }),
         /* @__PURE__ */ jsxs3("span", { class: "tech-network-time", children: [
           Math.round(n.durationMs),
           "ms"
@@ -1786,26 +1947,26 @@ function truncateStack(stack) {
 }
 function StatusHistorySection({ rows, strings }) {
   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) => {
+    /* @__PURE__ */ jsx3("h3", { class: "report-detail-section", children: strings["detail.history"] }),
+    /* @__PURE__ */ jsx3("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__ */ jsxs3("li", { class: "status-history-row", children: [
-        /* @__PURE__ */ jsx2("span", { class: "status-history-time", children: formatSubmittedAt(r.created_at) }),
+        /* @__PURE__ */ jsx3("span", { class: "status-history-time", children: formatSubmittedAt(r.created_at) }),
         /* @__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 })
+          /* @__PURE__ */ jsx3("span", { class: `pill pill-status pill-status--${r.from_status}`, children: from }),
+          /* @__PURE__ */ jsx3("span", { class: "status-history-arrow", "aria-hidden": "true", children: "\u2192" }),
+          /* @__PURE__ */ jsx3("span", { class: `pill pill-status pill-status--${r.to_status}`, children: to })
         ] }),
-        /* @__PURE__ */ jsx2("span", { class: `status-history-source status-history-source--${r.changed_by_source}`, children: strings[sourceKey] })
+        /* @__PURE__ */ jsx3("span", { class: `status-history-source status-history-source--${r.changed_by_source}`, children: strings[sourceKey] })
       ] });
     }) })
   ] });
 }
 
 // src/widget/BoardView.tsx
-import { Fragment as Fragment2, jsx as jsx3, jsxs as jsxs4 } from "preact/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx4, jsxs as jsxs4 } from "preact/jsx-runtime";
 var POLL_MS2 = 3e4;
 var SEARCH_DEBOUNCE_MS = 300;
 var SORT_OPTIONS = ["recent", "oldest", "updated", "severity", "status"];
@@ -1825,19 +1986,22 @@ function BoardView({
   getCurrentPage,
   initialSelectedId
 }) {
-  const [filters, setFilters] = useState2(() => loadBoardView(externalId));
-  const [thisPage, setThisPage] = useState2(true);
+  const [filters, setFilters] = useState3(() => loadBoardView(externalId));
+  const [thisPage, setThisPage] = useState3(true);
   useEffect2(() => {
     saveBoardView(externalId, filters);
   }, [externalId, filtersHash(filters)]);
-  const [page, setPage] = useState2(null);
-  const [kpis, setKpis] = useState2(null);
-  const [loading, setLoading] = useState2(true);
-  const [error, setError] = useState2(null);
-  const [selectedId, setSelectedId] = useState2(initialSelectedId ?? null);
-  const [detailKey, setDetailKey] = useState2(0);
-  const [reloadTick, setReloadTick] = useState2(0);
-  const [qDraft, setQDraft] = useState2(filters.q ?? "");
+  const [page, setPage] = useState3(null);
+  const [kpis, setKpis] = useState3(null);
+  const [loading, setLoading] = useState3(true);
+  const [stale, setStale] = useState3(false);
+  const [error, setError] = useState3(null);
+  const [selectedId, setSelectedId] = useState3(initialSelectedId ?? null);
+  const [detailKey, setDetailKey] = useState3(0);
+  const [reloadTick, setReloadTick] = useState3(0);
+  const [extra, setExtra] = useState3(null);
+  const [loadingMore, setLoadingMore] = useState3(false);
+  const [qDraft, setQDraft] = useState3(filters.q ?? "");
   const debouncedQ = useDebouncedValue(qDraft, SEARCH_DEBOUNCE_MS);
   useEffect2(() => {
     setFilters((f) => {
@@ -1866,18 +2030,36 @@ function BoardView({
   }, [filtersHash(filters), thisPage, reloadTick]);
   useEffect2(() => {
     let cancelled = false;
-    setPage(null);
-    setKpis(null);
-    setLoading(true);
+    const controller = new AbortController();
+    const cacheKey = boardCacheKey(externalId, JSON.stringify(fetchFilters));
+    const cached = readBoardCache(cacheKey);
+    if (cached) {
+      setPage(cached.page);
+      setKpis(cached.kpis);
+      setStale(false);
+      setLoading(false);
+    } else {
+      setPage(
+        (prev) => prev ? { ...prev, results: applyLocalFilters(prev.results, fetchFilters) } : null
+      );
+      setStale(true);
+      setLoading(true);
+    }
+    setExtra(null);
+    setLoadingMore(false);
     const poll = startPoll(async () => {
       try {
-        const [list, k] = await Promise.all([
-          api.listBoard(externalId, fetchFilters),
-          api.fetchBoardKpis(externalId, fetchFilters)
-        ]);
+        const list = await api.listBoard(externalId, fetchFilters, {
+          signal: controller.signal
+        });
+        const k = list.kpis ?? await api.fetchBoardKpis(externalId, fetchFilters, {
+          signal: controller.signal
+        });
         if (cancelled) return true;
+        writeBoardCache(cacheKey, list, k);
         setPage(list);
         setKpis(k);
+        setStale(false);
         setError(null);
         return true;
       } catch (e) {
@@ -1891,19 +2073,43 @@ function BoardView({
     return () => {
       cancelled = true;
       poll.stop();
+      controller.abort();
     };
   }, [api, externalId, JSON.stringify(fetchFilters)]);
+  const visibleRows = useMemo(() => {
+    if (!page) return [];
+    if (!extra || extra.rows.length === 0) return page.results;
+    const seen = new Set(page.results.map((r) => r.id));
+    return [...page.results, ...extra.rows.filter((r) => !seen.has(r.id))];
+  }, [page, extra]);
+  const hasMore = extra ? extra.hasMore : Boolean(page?.next);
+  const loadMore = async () => {
+    if (loadingMore || !page) return;
+    const pageNum = extra ? extra.nextPage : 2;
+    setLoadingMore(true);
+    try {
+      const res = await api.listBoard(externalId, { ...fetchFilters, page: pageNum });
+      setExtra((prev) => ({
+        rows: [...prev?.rows ?? [], ...res.results],
+        nextPage: pageNum + 1,
+        hasMore: res.next !== null
+      }));
+    } catch {
+    } finally {
+      setLoadingMore(false);
+    }
+  };
   const selectedRow = useMemo(() => {
-    if (!selectedId || !page) return null;
-    return page.results.find((r) => r.id === selectedId) ?? null;
-  }, [selectedId, page]);
+    if (!selectedId) return null;
+    return visibleRows.find((r) => r.id === selectedId) ?? null;
+  }, [selectedId, visibleRows]);
   const onPickRow = (row) => {
     setSelectedId(row.id);
     setDetailKey((k) => k + 1);
   };
-  return /* @__PURE__ */ jsxs4("div", { class: "board-view", children: [
-    /* @__PURE__ */ jsx3(BoardHeader, { strings, kpis, thisPage }),
-    /* @__PURE__ */ jsx3(
+  return /* @__PURE__ */ jsxs4("div", { class: `board-view ${stale ? "is-stale" : ""}`, children: [
+    /* @__PURE__ */ jsx4(BoardHeader, { strings, kpis, thisPage }),
+    /* @__PURE__ */ jsx4(
       BoardFilters,
       {
         filters,
@@ -1917,10 +2123,10 @@ function BoardView({
       }
     ),
     /* @__PURE__ */ jsxs4("div", { class: "board-body", children: [
-      /* @__PURE__ */ jsxs4("div", { class: "board-list-wrap", "aria-busy": loading && !page, children: [
+      /* @__PURE__ */ jsxs4("div", { class: "board-list-wrap", "aria-busy": loading, children: [
         error && /* @__PURE__ */ jsxs4("div", { class: "board-error", role: "alert", children: [
-          /* @__PURE__ */ jsx3("span", { children: error }),
-          /* @__PURE__ */ jsx3(
+          /* @__PURE__ */ jsx4("span", { children: error }),
+          /* @__PURE__ */ jsx4(
             "button",
             {
               type: "button",
@@ -1932,10 +2138,11 @@ function BoardView({
               },
               children: strings["board.retry"]
             }
-          )
+          ),
+          /* @__PURE__ */ jsx4(DiagnosticHint, { api, strings, host: api.endpointHost })
         ] }),
-        !error && loading && !page && /* @__PURE__ */ jsx3(BoardListSkeleton, {}),
-        !error && page && page.results.length === 0 && !loading && /* @__PURE__ */ jsx3(
+        !error && loading && !page && /* @__PURE__ */ jsx4(BoardListSkeleton, {}),
+        !error && page && visibleRows.length === 0 && (!loading || stale) && /* @__PURE__ */ jsx4(
           BoardEmpty,
           {
             strings,
@@ -1943,27 +2150,40 @@ function BoardView({
             onAllPages: () => setThisPage(false)
           }
         ),
-        !error && page && page.results.length > 0 && /* @__PURE__ */ jsx3(
-          BoardList,
-          {
-            rows: page.results,
-            selectedId,
-            onPick: onPickRow,
-            strings,
-            total: page.count,
-            thisPage
-          }
-        )
+        !error && page && visibleRows.length > 0 && /* @__PURE__ */ jsxs4(Fragment2, { children: [
+          /* @__PURE__ */ jsx4(
+            BoardList,
+            {
+              rows: visibleRows,
+              selectedId,
+              onPick: onPickRow,
+              strings,
+              total: page.count,
+              thisPage
+            }
+          ),
+          hasMore && !stale && /* @__PURE__ */ jsx4(
+            "button",
+            {
+              type: "button",
+              class: "btn btn--ghost board-load-more",
+              onClick: () => void loadMore(),
+              disabled: loadingMore,
+              children: strings["board.list.loadMore"]
+            }
+          )
+        ] })
       ] }),
-      /* @__PURE__ */ jsx3("div", { class: `board-detail-wrap ${selectedRow ? "has-selection" : ""}`, children: selectedRow ? /* @__PURE__ */ jsx3(
+      /* @__PURE__ */ jsx4("div", { class: `board-detail-wrap ${selectedId ? "has-selection" : ""}`, children: selectedId ? /* @__PURE__ */ jsx4(
         ReportDetailView,
         {
           api,
           externalId,
-          reportId: selectedRow.id,
+          reportId: selectedId,
           strings,
           onBack: () => setSelectedId(null),
-          canModerate: selectedRow.can_moderate ?? selectedRow.is_mine,
+          canModerate: selectedRow ? selectedRow.can_moderate ?? selectedRow.is_mine : false,
+          ...selectedRow ? { seed: selectedRow } : {},
           variant: "board",
           onOpenSeq: (seq) => {
             void api.getReportBySeq(seq, externalId).then((r) => {
@@ -1975,8 +2195,8 @@ function BoardView({
         },
         detailKey
       ) : /* @__PURE__ */ jsxs4("div", { class: "board-detail-empty", children: [
-        /* @__PURE__ */ jsx3(DetailEmptyIllustration, {}),
-        /* @__PURE__ */ jsx3("p", { children: strings["board.detail.empty"] })
+        /* @__PURE__ */ jsx4(DetailEmptyIllustration, {}),
+        /* @__PURE__ */ jsx4("p", { children: strings["board.detail.empty"] })
       ] }) })
     ] })
   ] });
@@ -1989,13 +2209,13 @@ function BoardHeader({
   const scopeLabel = thisPage ? strings["board.scope.onThisPage"] : kpis?.scope === "project" ? strings["board.scope.project"] : strings["board.scope.mine"];
   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__ */ jsx4("span", { class: "board-header-emoji", "aria-hidden": "true", children: "\u{1F4CB}" }),
       /* @__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 })
+        /* @__PURE__ */ jsx4("h2", { class: "board-header-h", children: strings["tab.board"] }),
+        /* @__PURE__ */ jsx4("p", { class: "board-header-sub", children: kpis ? `${kpis.total} \xB7 ${scopeLabel}` : scopeLabel })
       ] })
     ] }),
-    /* @__PURE__ */ jsx3(BoardKpiStrip, { kpis, strings })
+    /* @__PURE__ */ jsx4(BoardKpiStrip, { kpis, strings })
   ] });
 }
 function BoardKpiStrip({
@@ -2028,9 +2248,9 @@ 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__ */ 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 })
+  return /* @__PURE__ */ jsx4("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__ */ jsx4("div", { class: "board-kpi-value", children: c.value }),
+    /* @__PURE__ */ jsx4("div", { class: "board-kpi-label", children: c.label })
   ] }, c.key)) });
 }
 function BoardFilters({
@@ -2083,7 +2303,7 @@ function BoardFilters({
   const clear = () => onChange({});
   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(
+      /* @__PURE__ */ jsx4(
         "button",
         {
           type: "button",
@@ -2093,7 +2313,7 @@ function BoardFilters({
           children: strings["board.scope.thisPage"]
         }
       ),
-      /* @__PURE__ */ jsx3(
+      /* @__PURE__ */ jsx4(
         "button",
         {
           type: "button",
@@ -2104,14 +2324,14 @@ function BoardFilters({
         }
       )
     ] }),
-    /* @__PURE__ */ jsx3(
+    /* @__PURE__ */ jsx4(
       "select",
       {
         class: "board-filter-select",
         "aria-label": strings["board.sort"],
         value: filters.ordering ?? "recent",
         onChange: (e) => setOrdering(e.target.value),
-        children: SORT_OPTIONS.map((o) => /* @__PURE__ */ jsx3("option", { value: o, children: strings[`board.sort.${o}`] }, o))
+        children: SORT_OPTIONS.map((o) => /* @__PURE__ */ jsx4("option", { value: o, children: strings[`board.sort.${o}`] }, o))
       }
     ),
     /* @__PURE__ */ jsxs4(
@@ -2122,8 +2342,8 @@ function BoardFilters({
         value: filters.status?.[0] ?? "",
         onChange: (e) => setStatus(e.target.value),
         children: [
-          /* @__PURE__ */ jsx3("option", { value: "", children: strings["board.filter.status"] }),
-          STATUSES.map((s) => /* @__PURE__ */ jsx3("option", { value: s, children: strings[`board.kpi.${s}`] ?? s }, s))
+          /* @__PURE__ */ jsx4("option", { value: "", children: strings["board.filter.status"] }),
+          STATUSES.map((s) => /* @__PURE__ */ jsx4("option", { value: s, children: strings[`board.kpi.${s}`] ?? s }, s))
         ]
       }
     ),
@@ -2135,8 +2355,8 @@ function BoardFilters({
         value: filters.type?.[0] ?? "",
         onChange: (e) => setType(e.target.value),
         children: [
-          /* @__PURE__ */ jsx3("option", { value: "", children: strings["board.filter.type"] }),
-          TYPES.map((t) => /* @__PURE__ */ jsx3("option", { value: t, children: strings[`type.${t}`] ?? t }, t))
+          /* @__PURE__ */ jsx4("option", { value: "", children: strings["board.filter.type"] }),
+          TYPES.map((t) => /* @__PURE__ */ jsx4("option", { value: t, children: strings[`type.${t}`] ?? t }, t))
         ]
       }
     ),
@@ -2148,12 +2368,12 @@ function BoardFilters({
         value: filters.severity?.[0] ?? "",
         onChange: (e) => setSeverity(e.target.value),
         children: [
-          /* @__PURE__ */ jsx3("option", { value: "", children: strings["board.filter.severity"] }),
-          SEVERITIES.map((s) => /* @__PURE__ */ jsx3("option", { value: s, children: strings[`severity.${s}`] ?? s }, s))
+          /* @__PURE__ */ jsx4("option", { value: "", children: strings["board.filter.severity"] }),
+          SEVERITIES.map((s) => /* @__PURE__ */ jsx4("option", { value: s, children: strings[`severity.${s}`] ?? s }, s))
         ]
       }
     ),
-    /* @__PURE__ */ jsx3(
+    /* @__PURE__ */ jsx4(
       "input",
       {
         type: "search",
@@ -2164,7 +2384,7 @@ function BoardFilters({
       }
     ),
     /* @__PURE__ */ jsxs4("label", { class: "board-filter-toggle", children: [
-      /* @__PURE__ */ jsx3(
+      /* @__PURE__ */ jsx4(
         "input",
         {
           type: "checkbox",
@@ -2172,10 +2392,10 @@ function BoardFilters({
           onChange: toggleMine
         }
       ),
-      /* @__PURE__ */ jsx3("span", { children: strings["board.filter.mine"] })
+      /* @__PURE__ */ jsx4("span", { children: strings["board.filter.mine"] })
     ] }),
     activeCount > 0 && /* @__PURE__ */ jsxs4("button", { type: "button", class: "board-filter-clear", onClick: clear, children: [
-      /* @__PURE__ */ jsx3(CloseIcon, {}),
+      /* @__PURE__ */ jsx4(CloseIcon, {}),
       strings["board.filter.clear"]
     ] })
   ] });
@@ -2189,8 +2409,8 @@ function BoardList({
   thisPage
 }) {
   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(
+    /* @__PURE__ */ jsx4("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__ */ jsx4("ul", { class: "board-list", role: "list", children: rows.map((row) => /* @__PURE__ */ jsx4(
       BoardRowCard,
       {
         row,
@@ -2209,7 +2429,7 @@ function BoardRowCard({
   strings
 }) {
   const author = row.is_mine ? strings["board.list.you"] : row.author_label || "\u2014";
-  return /* @__PURE__ */ jsx3("li", { children: /* @__PURE__ */ jsxs4(
+  return /* @__PURE__ */ jsx4("li", { children: /* @__PURE__ */ jsxs4(
     "button",
     {
       type: "button",
@@ -2218,18 +2438,18 @@ function BoardRowCard({
       "aria-pressed": selected,
       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__ */ jsx4("span", { class: `badge status-${row.status}`, children: strings[`status.${row.status}`] ?? row.status }),
+          /* @__PURE__ */ jsx4("span", { class: `badge severity-${row.severity}`, children: strings[`severity.${row.severity}`] ?? row.severity })
         ] }),
-        /* @__PURE__ */ jsx3("div", { class: "board-row-description", children: row.description }),
+        /* @__PURE__ */ jsx4("div", { class: "board-row-description", children: row.description }),
         /* @__PURE__ */ jsxs4("div", { class: "board-row-meta", children: [
-          /* @__PURE__ */ jsx3("span", { class: "board-row-author", children: author }),
+          /* @__PURE__ */ jsx4("span", { class: "board-row-author", children: author }),
           row.comment_count > 0 && /* @__PURE__ */ jsxs4("span", { class: "board-row-comments", children: [
-            /* @__PURE__ */ jsx3(CommentIcon, {}),
+            /* @__PURE__ */ jsx4(CommentIcon, {}),
             " ",
             row.comment_count
           ] }),
-          /* @__PURE__ */ jsx3("span", { class: "board-row-time", children: formatRelative(row.created_at) })
+          /* @__PURE__ */ jsx4("span", { class: "board-row-time", children: formatRelative(row.created_at) })
         ] })
       ]
     }
@@ -2241,50 +2461,77 @@ function BoardEmpty({
   onAllPages
 }) {
   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"] }),
-    thisPage && /* @__PURE__ */ jsx3("button", { type: "button", class: "btn btn--ghost", onClick: onAllPages, children: strings["board.scope.allPages"] })
+    /* @__PURE__ */ jsx4(EmptyIllustration, {}),
+    /* @__PURE__ */ jsx4("h3", { children: strings[thisPage ? "board.list.empty.page.title" : "board.list.empty.title"] }),
+    /* @__PURE__ */ jsx4("p", { children: strings[thisPage ? "board.list.empty.page.description" : "board.list.empty.description"] }),
+    thisPage && /* @__PURE__ */ jsx4("button", { type: "button", class: "btn btn--ghost", onClick: onAllPages, children: strings["board.scope.allPages"] })
   ] });
 }
 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__ */ 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" })
+  return /* @__PURE__ */ jsx4("ul", { class: "board-list board-list-skeleton", "aria-hidden": "true", children: Array.from({ length: 5 }).map((_, i) => /* @__PURE__ */ jsx4("li", { children: /* @__PURE__ */ jsxs4("div", { class: "board-row skeleton-row", children: [
+    /* @__PURE__ */ jsx4("div", { class: "skeleton-line skeleton-badges" }),
+    /* @__PURE__ */ jsx4("div", { class: "skeleton-line skeleton-text" }),
+    /* @__PURE__ */ jsx4("div", { class: "skeleton-line skeleton-text short" })
   ] }) }, i)) });
 }
 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" }) });
+  return /* @__PURE__ */ jsx4("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__ */ jsx4("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__ */ 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" })
+    /* @__PURE__ */ jsx4("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
+    /* @__PURE__ */ jsx4("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
   ] });
 }
 function EmptyIllustration() {
   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" })
+    /* @__PURE__ */ jsx4("circle", { cx: "32", cy: "32", r: "28", stroke: "currentColor", "stroke-opacity": "0.18", "stroke-width": "2" }),
+    /* @__PURE__ */ jsx4("path", { d: "M22 32h20M32 22v20", stroke: "currentColor", "stroke-opacity": "0.35", "stroke-width": "2", "stroke-linecap": "round" })
   ] });
 }
 function DetailEmptyIllustration() {
   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" }),
-    /* @__PURE__ */ jsx3("line", { x1: "18", y1: "38", x2: "32", y2: "38", stroke: "currentColor", "stroke-opacity": "0.14", "stroke-width": "2", "stroke-linecap": "round" })
+    /* @__PURE__ */ jsx4("rect", { x: "10", y: "12", width: "44", height: "36", rx: "4", stroke: "currentColor", "stroke-opacity": "0.22", "stroke-width": "2" }),
+    /* @__PURE__ */ jsx4("line", { x1: "18", y1: "22", x2: "46", y2: "22", stroke: "currentColor", "stroke-opacity": "0.22", "stroke-width": "2", "stroke-linecap": "round" }),
+    /* @__PURE__ */ jsx4("line", { x1: "18", y1: "30", x2: "38", y2: "30", stroke: "currentColor", "stroke-opacity": "0.18", "stroke-width": "2", "stroke-linecap": "round" }),
+    /* @__PURE__ */ jsx4("line", { x1: "18", y1: "38", x2: "32", y2: "38", stroke: "currentColor", "stroke-opacity": "0.14", "stroke-width": "2", "stroke-linecap": "round" })
   ] });
 }
 function useDebouncedValue(value, ms) {
-  const [debounced, setDebounced] = useState2(value);
+  const [debounced, setDebounced] = useState3(value);
   useEffect2(() => {
     const t = setTimeout(() => setDebounced(value), ms);
     return () => clearTimeout(t);
   }, [value, ms]);
   return debounced;
 }
+var SEVERITY_RANK = { blocker: 0, high: 1, medium: 2, low: 3 };
+function applyLocalFilters(rows, f) {
+  let out = rows;
+  if (f.status?.length) out = out.filter((r) => f.status.includes(r.status));
+  if (f.type?.length) out = out.filter((r) => f.type.includes(r.feedback_type));
+  if (f.severity?.length) out = out.filter((r) => f.severity.includes(r.severity));
+  if (f.mine) out = out.filter((r) => r.is_mine);
+  const sorted = out.slice();
+  switch (f.ordering ?? "recent") {
+    case "oldest":
+      sorted.sort((a, b) => a.created_at.localeCompare(b.created_at));
+      break;
+    case "updated":
+      sorted.sort((a, b) => b.updated_at.localeCompare(a.updated_at));
+      break;
+    case "severity":
+      sorted.sort(
+        (a, b) => (SEVERITY_RANK[a.severity] ?? 9) - (SEVERITY_RANK[b.severity] ?? 9)
+      );
+      break;
+    case "status":
+      break;
+    default:
+      sorted.sort((a, b) => b.created_at.localeCompare(a.created_at));
+  }
+  return sorted;
+}
 function filtersHash(f) {
   return JSON.stringify({
     s: f.status?.slice().sort(),
@@ -2311,10 +2558,10 @@ function formatRelative(iso) {
 }
 
 // src/widget/ChangelogList.tsx
-import { useEffect as useEffect3, useMemo as useMemo2, useRef as useRef2, useState as useState3 } from "preact/hooks";
+import { useEffect as useEffect3, useMemo as useMemo2, useRef as useRef2, useState as useState4 } from "preact/hooks";
 
 // src/widget/ReportRow.tsx
-import { jsx as jsx4, jsxs as jsxs5 } from "preact/jsx-runtime";
+import { jsx as jsx5, jsxs as jsxs5 } from "preact/jsx-runtime";
 function statusClassName(status) {
   return `pill pill-status pill-status--${status}`;
 }
@@ -2340,27 +2587,31 @@ function repliesLabel(count, strings) {
   if (count === 1) return strings["mine.replies_one"];
   return strings["mine.replies_many"].replace("{count}", String(count));
 }
-function ReportRow({ row, strings, onClick }) {
+function ReportRow({ row, strings, onClick, extraMeta }) {
   const preview = row.description.length > 120 ? row.description.slice(0, 117) + "\u2026" : row.description;
   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__ */ jsx5("span", { class: statusClassName(row.status), children: strings[`status.${row.status}`] ?? row.status }),
+      /* @__PURE__ */ jsx5("span", { class: typeClassName(), children: strings[`type.${row.feedback_type}`] }),
+      /* @__PURE__ */ jsx5("span", { class: severityClassName(row.severity), children: strings[`severity.${row.severity}`] })
     ] }),
-    /* @__PURE__ */ jsx4("div", { class: "mine-row-preview", children: preview }),
+    /* @__PURE__ */ jsx5("div", { class: "mine-row-preview", children: preview }),
     /* @__PURE__ */ jsxs5("div", { class: "mine-row-meta", children: [
-      /* @__PURE__ */ jsx4("span", { children: formatRelative2(row.updated_at || row.created_at) }),
+      /* @__PURE__ */ jsx5("span", { children: formatRelative2(row.updated_at || row.created_at) }),
       row.comment_count > 0 && /* @__PURE__ */ jsxs5("span", { children: [
         "\xB7 ",
         repliesLabel(row.comment_count, strings)
+      ] }),
+      extraMeta && /* @__PURE__ */ jsxs5("span", { children: [
+        "\xB7 ",
+        extraMeta
       ] })
     ] })
   ] });
 }
 
 // src/widget/ChangelogList.tsx
-import { jsx as jsx5, jsxs as jsxs6 } from "preact/jsx-runtime";
+import { jsx as jsx6, jsxs as jsxs6 } from "preact/jsx-runtime";
 var POLL_MS3 = 3e4;
 function isoWeekKey(iso) {
   const d = new Date(iso);
@@ -2396,9 +2647,9 @@ function formatWeekLabel(weekKey) {
   }
 }
 function ChangelogList({ api, externalId, strings, onSelect }) {
-  const [rows, setRows] = useState3(null);
-  const [error, setError] = useState3(null);
-  const [refreshing, setRefreshing] = useState3(false);
+  const [rows, setRows] = useState4(null);
+  const [error, setError] = useState4(null);
+  const [refreshing, setRefreshing] = useState4(false);
   const mountedRef = useRef2(true);
   const fetchRows = async () => {
     setRefreshing(true);
@@ -2431,8 +2682,8 @@ function ChangelogList({ api, externalId, strings, onSelect }) {
   const isEmpty = rows !== null && rows.length === 0;
   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(
+      /* @__PURE__ */ jsx6("h2", { children: strings["tab.changelog"] }),
+      /* @__PURE__ */ jsx6(
         "button",
         {
           type: "button",
@@ -2445,26 +2696,34 @@ 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 }),
+    isLoading && /* @__PURE__ */ jsx6("div", { class: "mine-loading", children: strings["mine.loading"] }),
+    error && /* @__PURE__ */ jsx6("div", { class: "error", children: error }),
     isEmpty && /* @__PURE__ */ jsxs6("div", { class: "mine-empty", children: [
-      /* @__PURE__ */ jsx5("strong", { children: strings["changelog.empty.title"] }),
-      /* @__PURE__ */ jsx5("p", { children: strings["changelog.empty.body"] })
+      /* @__PURE__ */ jsx6("strong", { children: strings["changelog.empty.title"] }),
+      /* @__PURE__ */ jsx6("p", { children: strings["changelog.empty.body"] })
     ] }),
-    groups.length > 0 && /* @__PURE__ */ jsx5("div", { class: "changelog-groups", children: groups.map((g) => /* @__PURE__ */ jsxs6("section", { class: "changelog-group", children: [
+    groups.length > 0 && /* @__PURE__ */ jsx6("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" }),
-        /* @__PURE__ */ jsx5("span", { class: "changelog-group-count", children: strings[g.rows.length === 1 ? "changelog.resolved_one" : "changelog.resolved_many"].replace("{count}", String(g.rows.length)) })
+        /* @__PURE__ */ jsx6("span", { class: "changelog-group-marker", "aria-hidden": "true", children: "\u25CF" }),
+        /* @__PURE__ */ jsx6("span", { class: "changelog-group-label", children: strings["changelog.week_of"].replace("{date}", g.label) }),
+        /* @__PURE__ */ jsx6("span", { class: "changelog-group-rule", "aria-hidden": "true" }),
+        /* @__PURE__ */ jsx6("span", { class: "changelog-group-count", children: strings[g.rows.length === 1 ? "changelog.resolved_one" : "changelog.resolved_many"].replace("{count}", String(g.rows.length)) })
       ] }),
-      /* @__PURE__ */ jsx5("ul", { class: "mine-rows", children: g.rows.map((row) => /* @__PURE__ */ jsx5("li", { children: /* @__PURE__ */ jsx5(ReportRow, { row, strings, onClick: () => onSelect(row) }) })) })
+      /* @__PURE__ */ jsx6("ul", { class: "mine-rows", children: g.rows.map((row) => /* @__PURE__ */ jsx6("li", { children: /* @__PURE__ */ jsx6(
+        ReportRow,
+        {
+          row,
+          strings,
+          onClick: () => onSelect(row),
+          extraMeta: row.pr_number ? `PR #${row.pr_number}` : void 0
+        }
+      ) })) })
     ] }, g.weekKey)) })
   ] });
 }
 
 // src/widget/Fab.tsx
-import { jsx as jsx6, jsxs as jsxs7 } from "preact/jsx-runtime";
+import { jsx as jsx7, jsxs as jsxs7 } from "preact/jsx-runtime";
 function BugIcon() {
   return /* @__PURE__ */ jsxs7(
     "svg",
@@ -2480,34 +2739,34 @@ function BugIcon() {
       "aria-hidden": "true",
       focusable: "false",
       children: [
-        /* @__PURE__ */ jsx6("path", { d: "m8 2 1.88 1.88" }),
-        /* @__PURE__ */ jsx6("path", { d: "M14.12 3.88 16 2" }),
-        /* @__PURE__ */ jsx6("path", { d: "M9 7.13v-1a3.003 3.003 0 1 1 6 0v1" }),
-        /* @__PURE__ */ jsx6("path", { d: "M12 20c-3.3 0-6-2.7-6-6v-3a4 4 0 0 1 4-4h4a4 4 0 0 1 4 4v3c0 3.3-2.7 6-6 6" }),
-        /* @__PURE__ */ jsx6("path", { d: "M12 20v-9" }),
-        /* @__PURE__ */ jsx6("path", { d: "M6.53 9C4.6 8.8 3 7.1 3 5" }),
-        /* @__PURE__ */ jsx6("path", { d: "M6 13H2" }),
-        /* @__PURE__ */ jsx6("path", { d: "M3 21c0-2.1 1.7-3.9 3.8-4" }),
-        /* @__PURE__ */ jsx6("path", { d: "M20.97 5c0 2.1-1.6 3.8-3.5 4" }),
-        /* @__PURE__ */ jsx6("path", { d: "M22 13h-4" }),
-        /* @__PURE__ */ jsx6("path", { d: "M17.2 17c2.1.1 3.8 1.9 3.8 4" })
+        /* @__PURE__ */ jsx7("path", { d: "m8 2 1.88 1.88" }),
+        /* @__PURE__ */ jsx7("path", { d: "M14.12 3.88 16 2" }),
+        /* @__PURE__ */ jsx7("path", { d: "M9 7.13v-1a3.003 3.003 0 1 1 6 0v1" }),
+        /* @__PURE__ */ jsx7("path", { d: "M12 20c-3.3 0-6-2.7-6-6v-3a4 4 0 0 1 4-4h4a4 4 0 0 1 4 4v3c0 3.3-2.7 6-6 6" }),
+        /* @__PURE__ */ jsx7("path", { d: "M12 20v-9" }),
+        /* @__PURE__ */ jsx7("path", { d: "M6.53 9C4.6 8.8 3 7.1 3 5" }),
+        /* @__PURE__ */ jsx7("path", { d: "M6 13H2" }),
+        /* @__PURE__ */ jsx7("path", { d: "M3 21c0-2.1 1.7-3.9 3.8-4" }),
+        /* @__PURE__ */ jsx7("path", { d: "M20.97 5c0 2.1-1.6 3.8-3.5 4" }),
+        /* @__PURE__ */ jsx7("path", { d: "M22 13h-4" }),
+        /* @__PURE__ */ jsx7("path", { d: "M17.2 17c2.1.1 3.8 1.9 3.8 4" })
       ]
     }
   );
 }
 function Fab({ label, onClick, count }) {
   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) })
+    /* @__PURE__ */ jsx7(BugIcon, {}),
+    count !== void 0 && count > 0 && /* @__PURE__ */ jsx7("span", { class: "fab-badge", "aria-hidden": "true", children: count > 9 ? "9+" : String(count) })
   ] });
 }
 
 // src/widget/Form.tsx
-import { useEffect as useEffect5, useRef as useRef4, useState as useState5 } from "preact/hooks";
+import { useEffect as useEffect5, useRef as useRef4, useState as useState6 } from "preact/hooks";
 
 // src/widget/Annotator.tsx
-import { useEffect as useEffect4, useLayoutEffect, useRef as useRef3, useState as useState4 } from "preact/hooks";
-import { jsx as jsx7, jsxs as jsxs8 } from "preact/jsx-runtime";
+import { useEffect as useEffect4, useLayoutEffect, useRef as useRef3, useState as useState5 } from "preact/hooks";
+import { jsx as jsx8, jsxs as jsxs8 } from "preact/jsx-runtime";
 var COLORS = ["#ef4444", "#f59e0b", "#10b981", "#3b82f6", "#ffffff"];
 var HIGHLIGHT_ALPHA = 0.35;
 function drawShape(ctx, shape, sourceImage) {
@@ -2629,43 +2888,43 @@ function drawBlur(ctx, shape, sourceImage) {
   ctx.imageSmoothingEnabled = true;
 }
 var Icon = {
-  rect: /* @__PURE__ */ jsx7("svg", { width: "16", height: "16", viewBox: "0 0 16 16", "aria-hidden": "true", children: /* @__PURE__ */ jsx7("rect", { x: "2", y: "3", width: "12", height: "10", fill: "none", stroke: "currentColor", "stroke-width": "1.5" }) }),
-  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" }) }),
+  rect: /* @__PURE__ */ jsx8("svg", { width: "16", height: "16", viewBox: "0 0 16 16", "aria-hidden": "true", children: /* @__PURE__ */ jsx8("rect", { x: "2", y: "3", width: "12", height: "10", fill: "none", stroke: "currentColor", "stroke-width": "1.5" }) }),
+  arrow: /* @__PURE__ */ jsx8("svg", { width: "16", height: "16", viewBox: "0 0 16 16", "aria-hidden": "true", children: /* @__PURE__ */ jsx8("path", { d: "M2 8h11M9 4l4 4-4 4", fill: "none", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }) }),
+  pencil: /* @__PURE__ */ jsx8("svg", { width: "16", height: "16", viewBox: "0 0 16 16", "aria-hidden": "true", children: /* @__PURE__ */ jsx8("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__ */ jsx8("svg", { width: "16", height: "16", viewBox: "0 0 16 16", "aria-hidden": "true", children: /* @__PURE__ */ jsx8("path", { d: "M3 3h10M8 3v10M5 13h6", fill: "none", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round" }) }),
   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" })
+    /* @__PURE__ */ jsx8("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__ */ jsx8("path", { d: "M2 14h12", fill: "none", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round" })
   ] }),
   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" }),
-    /* @__PURE__ */ jsx7("rect", { x: "2", y: "7", width: "3", height: "3", fill: "currentColor", opacity: "0.6" }),
-    /* @__PURE__ */ jsx7("rect", { x: "6", y: "7", width: "3", height: "3", fill: "currentColor", opacity: "0.85" }),
-    /* @__PURE__ */ jsx7("rect", { x: "10", y: "7", width: "4", height: "3", fill: "currentColor", opacity: "0.5" }),
-    /* @__PURE__ */ jsx7("rect", { x: "2", y: "11", width: "4", height: "3", fill: "currentColor", opacity: "0.4" }),
-    /* @__PURE__ */ jsx7("rect", { x: "7", y: "11", width: "3", height: "3", fill: "currentColor", opacity: "0.65" }),
-    /* @__PURE__ */ jsx7("rect", { x: "11", y: "11", width: "3", height: "3", fill: "currentColor", opacity: "0.85" })
+    /* @__PURE__ */ jsx8("rect", { x: "2", y: "2", width: "4", height: "4", fill: "currentColor", opacity: "0.85" }),
+    /* @__PURE__ */ jsx8("rect", { x: "7", y: "2", width: "3", height: "3", fill: "currentColor", opacity: "0.55" }),
+    /* @__PURE__ */ jsx8("rect", { x: "11", y: "2", width: "3", height: "4", fill: "currentColor", opacity: "0.4" }),
+    /* @__PURE__ */ jsx8("rect", { x: "2", y: "7", width: "3", height: "3", fill: "currentColor", opacity: "0.6" }),
+    /* @__PURE__ */ jsx8("rect", { x: "6", y: "7", width: "3", height: "3", fill: "currentColor", opacity: "0.85" }),
+    /* @__PURE__ */ jsx8("rect", { x: "10", y: "7", width: "4", height: "3", fill: "currentColor", opacity: "0.5" }),
+    /* @__PURE__ */ jsx8("rect", { x: "2", y: "11", width: "4", height: "3", fill: "currentColor", opacity: "0.4" }),
+    /* @__PURE__ */ jsx8("rect", { x: "7", y: "11", width: "3", height: "3", fill: "currentColor", opacity: "0.65" }),
+    /* @__PURE__ */ jsx8("rect", { x: "11", y: "11", width: "3", height: "3", fill: "currentColor", opacity: "0.85" })
   ] }),
-  undo: /* @__PURE__ */ jsx7("svg", { width: "14", height: "14", viewBox: "0 0 16 16", "aria-hidden": "true", children: /* @__PURE__ */ jsx7("path", { d: "M4 7l3-3M4 7l3 3M4 7h6a3 3 0 0 1 0 6H7", fill: "none", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }) }),
-  redo: /* @__PURE__ */ jsx7("svg", { width: "14", height: "14", viewBox: "0 0 16 16", "aria-hidden": "true", children: /* @__PURE__ */ jsx7("path", { d: "M12 7l-3-3M12 7l-3 3M12 7H6a3 3 0 0 0 0 6h2", fill: "none", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }) }),
-  trash: /* @__PURE__ */ jsx7("svg", { width: "14", height: "14", viewBox: "0 0 16 16", "aria-hidden": "true", children: /* @__PURE__ */ jsx7("path", { d: "M3 4h10M6 4V2.5h4V4M5 4l.5 9h5L11 4", fill: "none", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }) }),
-  close: /* @__PURE__ */ jsx7("svg", { width: "16", height: "16", viewBox: "0 0 16 16", "aria-hidden": "true", children: /* @__PURE__ */ jsx7("path", { d: "M4 4l8 8M12 4l-8 8", fill: "none", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round" }) })
+  undo: /* @__PURE__ */ jsx8("svg", { width: "14", height: "14", viewBox: "0 0 16 16", "aria-hidden": "true", children: /* @__PURE__ */ jsx8("path", { d: "M4 7l3-3M4 7l3 3M4 7h6a3 3 0 0 1 0 6H7", fill: "none", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }) }),
+  redo: /* @__PURE__ */ jsx8("svg", { width: "14", height: "14", viewBox: "0 0 16 16", "aria-hidden": "true", children: /* @__PURE__ */ jsx8("path", { d: "M12 7l-3-3M12 7l-3 3M12 7H6a3 3 0 0 0 0 6h2", fill: "none", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }) }),
+  trash: /* @__PURE__ */ jsx8("svg", { width: "14", height: "14", viewBox: "0 0 16 16", "aria-hidden": "true", children: /* @__PURE__ */ jsx8("path", { d: "M3 4h10M6 4V2.5h4V4M5 4l.5 9h5L11 4", fill: "none", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }) }),
+  close: /* @__PURE__ */ jsx8("svg", { width: "16", height: "16", viewBox: "0 0 16 16", "aria-hidden": "true", children: /* @__PURE__ */ jsx8("path", { d: "M4 4l8 8M12 4l-8 8", fill: "none", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round" }) })
 };
 function Annotator({ imageBlob, strings, onSave, onCancel }) {
   const canvasRef = useRef3(null);
   const containerRef = useRef3(null);
   const imageRef = useRef3(null);
-  const [tool, setTool] = useState4("rectangle");
-  const [color, setColor] = useState4(COLORS[0]);
-  const [shapes, setShapes] = useState4([]);
-  const [past, setPast] = useState4([]);
-  const [future, setFuture] = useState4([]);
+  const [tool, setTool] = useState5("rectangle");
+  const [color, setColor] = useState5(COLORS[0]);
+  const [shapes, setShapes] = useState5([]);
+  const [past, setPast] = useState5([]);
+  const [future, setFuture] = useState5([]);
   const isDrawingRef = useRef3(false);
-  const [draftShape, setDraftShape] = useState4(null);
-  const [imageLoaded, setImageLoaded] = useState4(false);
-  const [saving, setSaving] = useState4(false);
+  const [draftShape, setDraftShape] = useState5(null);
+  const [imageLoaded, setImageLoaded] = useState5(false);
+  const [saving, setSaving] = useState5(false);
   const scaleRef = useRef3(1);
   function addShape(shape) {
     setShapes((s) => {
@@ -2885,7 +3144,7 @@ function Annotator({ imageBlob, strings, onSave, onCancel }) {
     { id: "highlight", icon: Icon.highlight, label: strings["annotator.tool.highlight"] },
     { id: "blur", icon: Icon.blur, label: strings["annotator.tool.blur"] }
   ];
-  return /* @__PURE__ */ jsx7(
+  return /* @__PURE__ */ jsx8(
     "div",
     {
       class: "annotator-backdrop",
@@ -2895,8 +3154,8 @@ function Annotator({ imageBlob, strings, onSave, onCancel }) {
       },
       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(
+          /* @__PURE__ */ jsx8("span", { children: strings["annotator.title"] }),
+          /* @__PURE__ */ jsx8(
             "button",
             {
               type: "button",
@@ -2908,7 +3167,7 @@ function Annotator({ imageBlob, strings, onSave, onCancel }) {
           )
         ] }),
         /* @__PURE__ */ jsxs8("div", { class: "annotator-toolbar", children: [
-          /* @__PURE__ */ jsx7("div", { class: "annotator-tools", children: tools.map((t) => /* @__PURE__ */ jsx7(
+          /* @__PURE__ */ jsx8("div", { class: "annotator-tools", children: tools.map((t) => /* @__PURE__ */ jsx8(
             "button",
             {
               type: "button",
@@ -2921,9 +3180,9 @@ function Annotator({ imageBlob, strings, onSave, onCancel }) {
             },
             t.id
           )) }),
-          /* @__PURE__ */ jsx7("span", { class: "annotator-sep" }),
+          /* @__PURE__ */ jsx8("span", { class: "annotator-sep" }),
           /* @__PURE__ */ jsxs8("div", { class: "annotator-colors", children: [
-            COLORS.map((c) => /* @__PURE__ */ jsx7(
+            COLORS.map((c) => /* @__PURE__ */ jsx8(
               "button",
               {
                 type: "button",
@@ -2935,7 +3194,7 @@ function Annotator({ imageBlob, strings, onSave, onCancel }) {
               },
               c
             )),
-            /* @__PURE__ */ jsx7("label", { class: "annotator-color annotator-color-picker", title: strings["annotator.color_picker"], children: /* @__PURE__ */ jsx7(
+            /* @__PURE__ */ jsx8("label", { class: "annotator-color annotator-color-picker", title: strings["annotator.color_picker"], children: /* @__PURE__ */ jsx8(
               "input",
               {
                 type: "color",
@@ -2945,7 +3204,7 @@ function Annotator({ imageBlob, strings, onSave, onCancel }) {
               }
             ) })
           ] }),
-          /* @__PURE__ */ jsx7("span", { class: "annotator-sep" }),
+          /* @__PURE__ */ jsx8("span", { class: "annotator-sep" }),
           /* @__PURE__ */ jsxs8(
             "button",
             {
@@ -2956,7 +3215,7 @@ function Annotator({ imageBlob, strings, onSave, onCancel }) {
               title: strings["annotator.undo"],
               children: [
                 Icon.undo,
-                /* @__PURE__ */ jsx7("span", { children: strings["annotator.undo"] })
+                /* @__PURE__ */ jsx8("span", { children: strings["annotator.undo"] })
               ]
             }
           ),
@@ -2970,7 +3229,7 @@ function Annotator({ imageBlob, strings, onSave, onCancel }) {
               title: strings["annotator.redo"],
               children: [
                 Icon.redo,
-                /* @__PURE__ */ jsx7("span", { children: strings["annotator.redo"] })
+                /* @__PURE__ */ jsx8("span", { children: strings["annotator.redo"] })
               ]
             }
           ),
@@ -2983,18 +3242,18 @@ function Annotator({ imageBlob, strings, onSave, onCancel }) {
               disabled: shapes.length === 0,
               children: [
                 Icon.trash,
-                /* @__PURE__ */ jsx7("span", { children: strings["annotator.clear"] })
+                /* @__PURE__ */ jsx8("span", { children: strings["annotator.clear"] })
               ]
             }
           ),
-          /* @__PURE__ */ jsx7("span", { class: "annotator-spacer" }),
+          /* @__PURE__ */ jsx8("span", { class: "annotator-spacer" }),
           /* @__PURE__ */ jsxs8("span", { class: "annotator-count", children: [
             shapes.length,
             " ",
             strings["annotator.count_suffix"]
           ] })
         ] }),
-        /* @__PURE__ */ jsx7("div", { ref: containerRef, class: "annotator-canvas-wrap", children: !imageLoaded ? /* @__PURE__ */ jsx7("span", { class: "annotator-loading", children: strings["annotator.loading"] }) : /* @__PURE__ */ jsx7(
+        /* @__PURE__ */ jsx8("div", { ref: containerRef, class: "annotator-canvas-wrap", children: !imageLoaded ? /* @__PURE__ */ jsx8("span", { class: "annotator-loading", children: strings["annotator.loading"] }) : /* @__PURE__ */ jsx8(
           "canvas",
           {
             ref: canvasRef,
@@ -3006,8 +3265,8 @@ function Annotator({ imageBlob, strings, onSave, onCancel }) {
           }
         ) }),
         /* @__PURE__ */ jsxs8("div", { class: "annotator-footer", children: [
-          /* @__PURE__ */ jsx7("button", { type: "button", class: "btn", onClick: onCancel, children: strings["form.cancel"] }),
-          /* @__PURE__ */ jsx7(
+          /* @__PURE__ */ jsx8("button", { type: "button", class: "btn", onClick: onCancel, children: strings["form.cancel"] }),
+          /* @__PURE__ */ jsx8(
             "button",
             {
               type: "button",
@@ -3024,7 +3283,7 @@ function Annotator({ imageBlob, strings, onSave, onCancel }) {
 }
 
 // src/widget/Form.tsx
-import { jsx as jsx8, jsxs as jsxs9 } from "preact/jsx-runtime";
+import { jsx as jsx9, jsxs as jsxs9 } from "preact/jsx-runtime";
 var TYPES2 = ["bug", "feature", "question", "praise", "typo"];
 var SEVERITIES2 = ["blocker", "high", "medium", "low"];
 function Form({
@@ -3036,13 +3295,13 @@ function Form({
   submittedSeq,
   onDirtyChange
 }) {
-  const [description, setDescription] = useState5("");
-  const [feedbackType, setFeedbackType] = useState5("bug");
-  const [severity, setSeverity] = useState5("medium");
-  const [localError, setLocalError] = useState5("");
-  const [shots, setShots] = useState5([]);
-  const [isDragOver, setIsDragOver] = useState5(false);
-  const [annotatingIndex, setAnnotatingIndex] = useState5(null);
+  const [description, setDescription] = useState6("");
+  const [feedbackType, setFeedbackType] = useState6("bug");
+  const [severity, setSeverity] = useState6("medium");
+  const [localError, setLocalError] = useState6("");
+  const [shots, setShots] = useState6([]);
+  const [isDragOver, setIsDragOver] = useState6(false);
+  const [annotatingIndex, setAnnotatingIndex] = useState6(null);
   const fileInputRef = useRef4(null);
   const dropZoneRef = useRef4(null);
   const submitting = status === "submitting";
@@ -3164,10 +3423,10 @@ function Form({
     onSubmit(values);
   };
   return /* @__PURE__ */ jsxs9("form", { onSubmit: handleSubmit, children: [
-    /* @__PURE__ */ jsx8("h2", { children: strings["form.title"] }),
+    /* @__PURE__ */ jsx9("h2", { children: strings["form.title"] }),
     /* @__PURE__ */ jsxs9("div", { class: "field", children: [
-      /* @__PURE__ */ jsx8("label", { for: "mfb-desc", children: strings["form.description.label"] }),
-      /* @__PURE__ */ jsx8(
+      /* @__PURE__ */ jsx9("label", { for: "mfb-desc", children: strings["form.description.label"] }),
+      /* @__PURE__ */ jsx9(
         "textarea",
         {
           id: "mfb-desc",
@@ -3179,33 +3438,33 @@ function Form({
     ] }),
     /* @__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(
+        /* @__PURE__ */ jsx9("label", { for: "mfb-type", children: strings["form.type.label"] }),
+        /* @__PURE__ */ jsx9(
           "select",
           {
             id: "mfb-type",
             value: feedbackType,
             onChange: (e) => setFeedbackType(e.target.value),
-            children: TYPES2.map((t) => /* @__PURE__ */ jsx8("option", { value: t, children: strings[`type.${t}`] }))
+            children: TYPES2.map((t) => /* @__PURE__ */ jsx9("option", { value: t, children: strings[`type.${t}`] }))
           }
         )
       ] }),
       /* @__PURE__ */ jsxs9("div", { class: "field", children: [
-        /* @__PURE__ */ jsx8("label", { for: "mfb-sev", children: strings["form.severity.label"] }),
-        /* @__PURE__ */ jsx8(
+        /* @__PURE__ */ jsx9("label", { for: "mfb-sev", children: strings["form.severity.label"] }),
+        /* @__PURE__ */ jsx9(
           "select",
           {
             id: "mfb-sev",
             value: severity,
             onChange: (e) => setSeverity(e.target.value),
-            children: SEVERITIES2.map((s) => /* @__PURE__ */ jsx8("option", { value: s, children: strings[`severity.${s}`] }))
+            children: SEVERITIES2.map((s) => /* @__PURE__ */ jsx9("option", { value: s, children: strings[`severity.${s}`] }))
           }
         )
       ] })
     ] }),
     /* @__PURE__ */ jsxs9("div", { class: "field", children: [
-      /* @__PURE__ */ jsx8("label", { children: strings["form.screenshot.label"] }),
-      /* @__PURE__ */ jsx8(
+      /* @__PURE__ */ jsx9("label", { children: strings["form.screenshot.label"] }),
+      /* @__PURE__ */ jsx9(
         "input",
         {
           ref: fileInputRef,
@@ -3218,8 +3477,8 @@ function Form({
           tabIndex: -1
         }
       ),
-      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: "" }),
+      shots.length > 0 && /* @__PURE__ */ jsx9("div", { class: "screenshot-strip", children: shots.map((shot, index) => /* @__PURE__ */ jsxs9("div", { class: "screenshot-preview", children: [
+        /* @__PURE__ */ jsx9("img", { src: shot.preview, alt: "" }),
         /* @__PURE__ */ jsxs9("div", { class: "screenshot-preview-actions", children: [
           /* @__PURE__ */ jsxs9(
             "button",
@@ -3229,15 +3488,15 @@ function Form({
               onClick: () => setAnnotatingIndex(index),
               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" })
+                  /* @__PURE__ */ jsx9("path", { d: "M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7" }),
+                  /* @__PURE__ */ jsx9("path", { d: "M18.5 2.5a2.12 2.12 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z" })
                 ] }),
                 strings["form.screenshot.annotate"]
               ]
             }
           ),
           /* @__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" }) }),
+            /* @__PURE__ */ jsx9("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__ */ jsx9("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"]
           ] })
         ] })
@@ -3262,33 +3521,33 @@ function Form({
           onDrop: handleDrop,
           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__ */ jsx9("path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }),
+              /* @__PURE__ */ jsx9("polyline", { points: "17 8 12 3 7 8" }),
+              /* @__PURE__ */ jsx9("line", { x1: "12", y1: "3", x2: "12", y2: "15" })
             ] }),
             /* @__PURE__ */ jsxs9("div", { class: "screenshot-cta", children: [
-              /* @__PURE__ */ jsx8("strong", { children: strings["form.screenshot.cta_click"] }),
+              /* @__PURE__ */ jsx9("strong", { children: strings["form.screenshot.cta_click"] }),
               ", ",
               strings["form.screenshot.cta_rest"]
             ] }),
-            /* @__PURE__ */ jsx8("div", { class: "screenshot-formats", children: strings["form.screenshot.formats"] })
+            /* @__PURE__ */ jsx9("div", { class: "screenshot-formats", children: strings["form.screenshot.formats"] })
           ]
         }
       )
     ] }),
     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__ */ jsx9("span", { class: "page-context-label", children: strings["form.context.label"] }),
+      /* @__PURE__ */ jsx9("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: submittedSeq !== void 0 ? strings["form.success.seq"].replace("{seq}", String(submittedSeq)) : strings["form.success"] }),
+    /* @__PURE__ */ jsx9("div", { class: "capture-notice", children: strings["form.capture.notice"] }),
+    localError && /* @__PURE__ */ jsx9("div", { class: "error", children: localError }),
+    status === "error" && errorMessage && /* @__PURE__ */ jsx9("div", { class: "error", children: errorMessage }),
+    status === "success" && /* @__PURE__ */ jsx9("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 })
+      /* @__PURE__ */ jsx9("button", { type: "button", class: "btn", onClick: onCancel, disabled: submitting, children: strings["form.cancel"] }),
+      /* @__PURE__ */ jsx9("button", { type: "submit", class: "btn btn--primary", disabled: submitting, children: submitLabel })
     ] }),
-    annotatingIndex !== null && shots[annotatingIndex] && /* @__PURE__ */ jsx8(
+    annotatingIndex !== null && shots[annotatingIndex] && /* @__PURE__ */ jsx9(
       Annotator,
       {
         imageBlob: shots[annotatingIndex].blob,
@@ -3301,10 +3560,10 @@ function Form({
 }
 
 // src/widget/MineList.tsx
-import { useEffect as useEffect6, useRef as useRef5, useState as useState6 } from "preact/hooks";
+import { useEffect as useEffect6, useRef as useRef5, useState as useState7 } from "preact/hooks";
 
 // src/widget/KpiStrip.tsx
-import { jsx as jsx9, jsxs as jsxs10 } from "preact/jsx-runtime";
+import { jsx as jsx10, jsxs as jsxs10 } from "preact/jsx-runtime";
 function computeKpiCounts(rows) {
   const counts = {
     new: 0,
@@ -3371,7 +3630,7 @@ function KpiStrip({ rows, filter, onFilter, strings }) {
       value: resolutionRate === null ? "\u2014" : `${resolutionRate}%`
     }
   ];
-  return /* @__PURE__ */ jsx9("div", { class: "kpi-strip", role: "toolbar", children: cells.map((c) => {
+  return /* @__PURE__ */ jsx10("div", { class: "kpi-strip", role: "toolbar", children: cells.map((c) => {
     const active = filter === c.key;
     const toggleTo = active ? "all" : c.key;
     return /* @__PURE__ */ jsxs10(
@@ -3382,8 +3641,8 @@ function KpiStrip({ rows, filter, onFilter, strings }) {
         onClick: () => onFilter(toggleTo),
         "aria-pressed": active,
         children: [
-          /* @__PURE__ */ jsx9("span", { class: "kpi-value", children: c.value }),
-          /* @__PURE__ */ jsx9("span", { class: "kpi-label", children: c.label })
+          /* @__PURE__ */ jsx10("span", { class: "kpi-value", children: c.value }),
+          /* @__PURE__ */ jsx10("span", { class: "kpi-label", children: c.label })
         ]
       }
     );
@@ -3391,16 +3650,16 @@ function KpiStrip({ rows, filter, onFilter, strings }) {
 }
 
 // src/widget/MineList.tsx
-import { jsx as jsx10, jsxs as jsxs11 } from "preact/jsx-runtime";
+import { jsx as jsx11, jsxs as jsxs11 } from "preact/jsx-runtime";
 var POLL_MS4 = 3e4;
 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 [rows, setRows] = useState7(null);
+  const [error, setError] = useState7(null);
+  const [refreshing, setRefreshing] = useState7(false);
+  const [filter, setFilter] = useState7("all");
+  const [jumpValue, setJumpValue] = useState7("");
+  const [jumpError, setJumpError] = useState7(false);
+  const [jumping, setJumping] = useState7(false);
   const mountedRef = useRef5(true);
   const handleJump = async (e) => {
     e.preventDefault();
@@ -3452,10 +3711,10 @@ function MineList({ api, externalId, strings, onSelect, onOpenSeq }) {
   const visibleEmpty = !!rows && rows.length > 0 && (visibleRows?.length ?? 0) === 0;
   return /* @__PURE__ */ jsxs11("div", { class: "mine-list", children: [
     /* @__PURE__ */ jsxs11("div", { class: "mine-list-header", children: [
-      /* @__PURE__ */ jsx10("h2", { children: strings["tab.mine"] }),
+      /* @__PURE__ */ jsx11("h2", { children: strings["tab.mine"] }),
       /* @__PURE__ */ jsxs11("div", { class: "mine-list-header-actions", children: [
         onOpenSeq && /* @__PURE__ */ jsxs11("form", { class: "mine-jump", onSubmit: handleJump, children: [
-          /* @__PURE__ */ jsx10(
+          /* @__PURE__ */ jsx11(
             "input",
             {
               type: "text",
@@ -3470,9 +3729,9 @@ function MineList({ api, externalId, strings, onSelect, onOpenSeq }) {
               disabled: jumping
             }
           ),
-          /* @__PURE__ */ jsx10("button", { type: "submit", class: "btn", disabled: jumping || !jumpValue.trim(), children: strings["mine.jump.go"] })
+          /* @__PURE__ */ jsx11("button", { type: "submit", class: "btn", disabled: jumping || !jumpValue.trim(), children: strings["mine.jump.go"] })
         ] }),
-        /* @__PURE__ */ jsx10(
+        /* @__PURE__ */ jsx11(
           "button",
           {
             type: "button",
@@ -3486,22 +3745,25 @@ function MineList({ api, externalId, strings, onSelect, onOpenSeq }) {
         )
       ] })
     ] }),
-    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 }),
+    jumpError && /* @__PURE__ */ jsx11("div", { class: "mine-jump-error error", role: "alert", children: strings["mine.jump.not_found"] }),
+    rows && rows.length > 0 && /* @__PURE__ */ jsx11(KpiStrip, { rows, filter, onFilter: setFilter, strings }),
+    isLoading && /* @__PURE__ */ jsx11("div", { class: "mine-loading", children: strings["mine.loading"] }),
+    error && /* @__PURE__ */ jsxs11("div", { class: "error", children: [
+      error,
+      /* @__PURE__ */ jsx11(DiagnosticHint, { api, strings, host: api.endpointHost })
+    ] }),
     isEmpty && /* @__PURE__ */ jsxs11("div", { class: "mine-empty", children: [
-      /* @__PURE__ */ jsx10("strong", { children: strings["mine.empty.title"] }),
-      /* @__PURE__ */ jsx10("p", { children: strings["mine.empty.body"] })
+      /* @__PURE__ */ jsx11("strong", { children: strings["mine.empty.title"] }),
+      /* @__PURE__ */ jsx11("p", { children: strings["mine.empty.body"] })
     ] }),
-    visibleEmpty && /* @__PURE__ */ jsx10("div", { class: "mine-empty", children: /* @__PURE__ */ jsx10("p", { children: strings["mine.filter.empty"] }) }),
-    visibleRows && visibleRows.length > 0 && /* @__PURE__ */ jsx10("ul", { class: "mine-rows", children: visibleRows.map((row) => /* @__PURE__ */ jsx10("li", { children: /* @__PURE__ */ jsx10(ReportRow, { row, strings, onClick: () => onSelect(row) }) })) })
+    visibleEmpty && /* @__PURE__ */ jsx11("div", { class: "mine-empty", children: /* @__PURE__ */ jsx11("p", { children: strings["mine.filter.empty"] }) }),
+    visibleRows && visibleRows.length > 0 && /* @__PURE__ */ jsx11("ul", { class: "mine-rows", children: visibleRows.map((row) => /* @__PURE__ */ jsx11("li", { children: /* @__PURE__ */ jsx11(ReportRow, { row, strings, onClick: () => onSelect(row) }) })) })
   ] });
 }
 
 // src/widget/Modal.tsx
 import { useEffect as useEffect7, useRef as useRef6 } from "preact/hooks";
-import { jsx as jsx11, jsxs as jsxs12 } from "preact/jsx-runtime";
+import { jsx as jsx12, jsxs as jsxs12 } from "preact/jsx-runtime";
 function Modal({ onDismiss, children, closeLabel = "Close", expanded = false }) {
   const modalRef = useRef6(null);
   const previouslyFocused = useRef6(null);
@@ -3527,7 +3789,7 @@ function Modal({ onDismiss, children, closeLabel = "Close", expanded = false })
       if (prev && typeof prev.focus === "function") prev.focus();
     };
   }, [onDismiss]);
-  return /* @__PURE__ */ jsx11(
+  return /* @__PURE__ */ jsx12(
     "div",
     {
       class: `backdrop ${expanded ? "is-expanded" : ""}`,
@@ -3543,7 +3805,7 @@ function Modal({ onDismiss, children, closeLabel = "Close", expanded = false })
           role: "dialog",
           "aria-modal": "true",
           children: [
-            /* @__PURE__ */ jsx11(
+            /* @__PURE__ */ jsx12(
               "button",
               {
                 type: "button",
@@ -3562,7 +3824,7 @@ function Modal({ onDismiss, children, closeLabel = "Close", expanded = false })
 }
 
 // src/widget/PageActivityStrip.tsx
-import { jsx as jsx12, jsxs as jsxs13 } from "preact/jsx-runtime";
+import { jsx as jsx13, jsxs as jsxs13 } from "preact/jsx-runtime";
 function PageActivityStrip({
   open,
   strings,
@@ -3571,14 +3833,14 @@ 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__ */ 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"] })
+    /* @__PURE__ */ jsx13("span", { children: text }),
+    /* @__PURE__ */ jsx13("button", { type: "button", class: "page-strip-view", onClick: onView, children: strings["page.strip.view"] })
   ] });
 }
 
 // src/widget/PagePeekPanel.tsx
-import { useEffect as useEffect8, useState as useState7 } from "preact/hooks";
-import { jsx as jsx13, jsxs as jsxs14 } from "preact/jsx-runtime";
+import { useEffect as useEffect8, useState as useState8 } from "preact/hooks";
+import { jsx as jsx14, jsxs as jsxs14 } from "preact/jsx-runtime";
 function PagePeekPanel({
   api,
   externalId,
@@ -3589,8 +3851,8 @@ function PagePeekPanel({
   onPickRow,
   onSend
 }) {
-  const [rows, setRows] = useState7(null);
-  const [failed, setFailed] = useState7(false);
+  const [rows, setRows] = useState8(null);
+  const [failed, setFailed] = useState8(false);
   useEffect8(() => {
     let cancelled = false;
     const pagePath = currentPagePath(getCurrentPage !== void 0 ? { getCurrentPage } : {});
@@ -3607,11 +3869,11 @@ function PagePeekPanel({
     };
   }, [api, externalId]);
   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"] }),
+    /* @__PURE__ */ jsx14("div", { class: "page-peek-title", children: strings["page.peek.title"] }),
     rows === null && !failed && /* @__PURE__ */ jsxs14("div", { class: "page-peek-skeleton", "aria-hidden": "true", children: [
-      /* @__PURE__ */ jsx13("div", {}),
+      /* @__PURE__ */ jsx14("div", {}),
       " ",
-      /* @__PURE__ */ jsx13("div", {})
+      /* @__PURE__ */ jsx14("div", {})
     ] }),
     rows !== null && rows.map((row) => /* @__PURE__ */ jsxs14(
       "button",
@@ -3620,49 +3882,51 @@ function PagePeekPanel({
         class: "page-peek-row",
         onClick: () => onPickRow?.(row.id),
         children: [
-          /* @__PURE__ */ jsx13("span", { class: `page-peek-dot status-${row.status}`, "aria-hidden": "true" }),
-          /* @__PURE__ */ jsx13("span", { class: "page-peek-desc", children: row.description })
+          /* @__PURE__ */ jsx14("span", { class: `page-peek-dot status-${row.status}`, "aria-hidden": "true" }),
+          /* @__PURE__ */ jsx14("span", { class: "page-peek-desc", children: row.description })
         ]
       },
       row.id
     )),
     /* @__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"] })
+      /* @__PURE__ */ jsx14("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__ */ jsx14("button", { type: "button", class: "page-peek-send", onClick: onSend, children: strings["fab.label"] })
     ] })
   ] });
 }
 
 // src/widget/pageSignal.ts
-import { useCallback, useEffect as useEffect9, useState as useState8 } from "preact/hooks";
-var TTL_MS = 6e4;
+import { useCallback, useEffect as useEffect9, useState as useState9 } from "preact/hooks";
+var TTL_MS2 = 6e4;
 function computeOpenCount(kpis) {
   const s = kpis.by_status;
   return (s.new ?? 0) + (s.in_progress ?? 0) + (s.awaiting_validation ?? 0);
 }
-var cache = /* @__PURE__ */ new Map();
+var cache2 = /* @__PURE__ */ new Map();
 var inflight = /* @__PURE__ */ new Map();
 function invalidatePageSignal() {
-  cache.clear();
+  cache2.clear();
 }
-function fetchOpen(api, externalId, path) {
+function fetchPageKpis(api, externalId, path) {
   const key = `${externalId}|${path}`;
-  const hit = cache.get(key);
-  if (hit && Date.now() - hit.fetchedAt < TTL_MS) return Promise.resolve(hit.open);
+  const hit = cache2.get(key);
+  if (hit && Date.now() - hit.fetchedAt < TTL_MS2) return Promise.resolve(hit.kpis);
   const pending = inflight.get(key);
   if (pending) return pending;
   const p = api.fetchBoardKpis(externalId, { pagePath: path }).then((kpis) => {
-    const open = computeOpenCount(kpis);
-    cache.set(key, { open, fetchedAt: Date.now() });
-    return open;
+    cache2.set(key, { kpis, fetchedAt: Date.now() });
+    return kpis;
   }).finally(() => inflight.delete(key));
   inflight.set(key, p);
   return p;
 }
+function fetchOpen(api, externalId, path) {
+  return fetchPageKpis(api, externalId, path).then(computeOpenCount);
+}
 function usePageOpenCount(opts) {
   const { api, externalId, getCurrentPage, enabled } = opts;
-  const [open, setOpen] = useState8(0);
-  const [tick, setTick] = useState8(0);
+  const [open, setOpen] = useState9(0);
+  const [tick, setTick] = useState9(0);
   const refresh = useCallback(() => {
     invalidatePageSignal();
     setTick((t) => t + 1);
@@ -5452,6 +5716,20 @@ button.report-detail-edit {
   min-height: 0;
   overflow: hidden;
 }
+/* Stale-while-revalidate: a query change keeps the previous rows visible
+ * (locally pre-filtered where the row data allows) and dims them while the
+ * server confirms \u2014 the instant local response is the #352 "never inert"
+ * guarantee, the dim is the "still confirming" affordance. */
+.board-view.is-stale .board-list,
+.board-view.is-stale .board-list-count,
+.board-view.is-stale .board-kpi-strip {
+  opacity: 0.55;
+  transition: opacity 0.15s ease;
+}
+.board-load-more {
+  margin: 4px auto 8px;
+  flex: 0 0 auto;
+}
 .board-list-count {
   font-size: var(--mfb-text-xs);
   color: var(--mfb-text-muted);
@@ -5743,7 +6021,7 @@ button.report-detail-edit {
 `;
 
 // src/widget/mount.tsx
-import { Fragment as Fragment3, jsx as jsx14, jsxs as jsxs15 } from "preact/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx15, 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;
@@ -5773,7 +6051,7 @@ function mountWidget(options) {
   function openWidget(externalId) {
     rerender({ ...currentState, open: true, tab: "send" });
     if (options.openToCurrentPageFeedback && options.api && externalId) {
-      options.api.fetchBoardKpis(externalId, { pagePath: currentPagePath(options) }).then((kpis) => {
+      fetchPageKpis(options.api, externalId, currentPagePath(options)).then((kpis) => {
         if (kpis.total > 0 && currentState.open && currentState.tab === "send") {
           rerender({ ...currentState, tab: "board" });
         }
@@ -5841,7 +6119,7 @@ function mountWidget(options) {
       enabled: pageActivityEnabled
     });
     const fabLabel = pageSignal.open === 1 ? options.strings["page.badge.aria.one"] : pageSignal.open > 0 ? options.strings["page.badge.aria"].replace("{n}", String(pageSignal.open)) : options.strings["fab.label"];
-    const [visibilityAllowed, setVisibilityAllowed] = useState9(
+    const [visibilityAllowed, setVisibilityAllowed] = useState10(
       !options.requiresVisibilityCheck
     );
     useEffect10(() => {
@@ -5865,7 +6143,7 @@ function mountWidget(options) {
     }, [externalId]);
     const fabVisible = computeFabVisible(options, externalId, visibilityAllowed);
     const showMineTab = Boolean(options.api && externalId);
-    const [peekOpen, setPeekOpen] = useState9(false);
+    const [peekOpen, setPeekOpen] = useState10(false);
     const peekTimers = useRef7({});
     const peekEnter = () => {
       if (peekTimers.current.close) clearTimeout(peekTimers.current.close);
@@ -5889,7 +6167,7 @@ function mountWidget(options) {
           onFocusOut: () => setPeekOpen(false),
           onKeyDown: (e) => e.key === "Escape" && setPeekOpen(false),
           children: [
-            peekOpen && !state.open && pageActivityEnabled && pageSignal.open > 0 && options.api && externalId && /* @__PURE__ */ jsx14(
+            peekOpen && !state.open && pageActivityEnabled && pageSignal.open > 0 && options.api && externalId && /* @__PURE__ */ jsx15(
               PagePeekPanel,
               {
                 api: options.api,
@@ -5913,7 +6191,7 @@ function mountWidget(options) {
                 }
               }
             ),
-            /* @__PURE__ */ jsx14(
+            /* @__PURE__ */ jsx15(
               Fab,
               {
                 label: fabLabel,
@@ -5945,11 +6223,11 @@ function mountWidget(options) {
           closeLabel: options.strings["form.close"],
           expanded: state.tab === "board",
           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"] }),
+            state.confirmingDiscard && /* @__PURE__ */ jsx15("div", { class: "discard-confirm", role: "alertdialog", "aria-modal": "true", children: /* @__PURE__ */ jsxs15("div", { class: "discard-confirm-card", children: [
+              /* @__PURE__ */ jsx15("p", { class: "discard-confirm-title", children: options.strings["form.discard.title"] }),
+              /* @__PURE__ */ jsx15("p", { class: "discard-confirm-body", children: options.strings["form.discard.body"] }),
               /* @__PURE__ */ jsxs15("div", { class: "discard-confirm-actions", children: [
-                /* @__PURE__ */ jsx14(
+                /* @__PURE__ */ jsx15(
                   "button",
                   {
                     type: "button",
@@ -5958,7 +6236,7 @@ function mountWidget(options) {
                     children: options.strings["form.discard.keep"]
                   }
                 ),
-                /* @__PURE__ */ jsx14(
+                /* @__PURE__ */ jsx15(
                   "button",
                   {
                     type: "button",
@@ -5980,7 +6258,7 @@ function mountWidget(options) {
               ] })
             ] }) }),
             showMineTab && /* @__PURE__ */ jsxs15("div", { class: "tab-strip", role: "tablist", children: [
-              /* @__PURE__ */ jsx14(
+              /* @__PURE__ */ jsx15(
                 "button",
                 {
                   type: "button",
@@ -5991,7 +6269,7 @@ function mountWidget(options) {
                   children: options.strings["tab.send"]
                 }
               ),
-              /* @__PURE__ */ jsx14(
+              /* @__PURE__ */ jsx15(
                 "button",
                 {
                   type: "button",
@@ -6002,7 +6280,7 @@ function mountWidget(options) {
                   children: options.strings["tab.mine"]
                 }
               ),
-              /* @__PURE__ */ jsx14(
+              /* @__PURE__ */ jsx15(
                 "button",
                 {
                   type: "button",
@@ -6013,7 +6291,7 @@ function mountWidget(options) {
                   children: options.strings["tab.changelog"]
                 }
               ),
-              /* @__PURE__ */ jsx14(
+              /* @__PURE__ */ jsx15(
                 "button",
                 {
                   type: "button",
@@ -6026,7 +6304,7 @@ function mountWidget(options) {
               )
             ] }),
             state.tab === "send" && /* @__PURE__ */ jsxs15(Fragment3, { children: [
-              showMineTab && pageActivityEnabled && /* @__PURE__ */ jsx14(
+              showMineTab && pageActivityEnabled && /* @__PURE__ */ jsx15(
                 PageActivityStrip,
                 {
                   open: pageSignal.open,
@@ -6034,7 +6312,7 @@ function mountWidget(options) {
                   onView: () => rerender(clearSelected({ ...currentState, tab: "board" }))
                 }
               ),
-              /* @__PURE__ */ jsx14(
+              /* @__PURE__ */ jsx15(
                 Form,
                 {
                   strings: options.strings,
@@ -6051,7 +6329,7 @@ function mountWidget(options) {
                 }
               )
             ] }),
-            state.tab === "mine" && options.api && externalId && !state.selectedReportId && /* @__PURE__ */ jsx14(
+            state.tab === "mine" && options.api && externalId && !state.selectedReportId && /* @__PURE__ */ jsx15(
               MineList,
               {
                 api: options.api,
@@ -6061,7 +6339,7 @@ function mountWidget(options) {
                 onOpenSeq: openSeq
               }
             ),
-            (state.tab === "mine" || state.tab === "changelog") && options.api && externalId && state.selectedReportId && /* @__PURE__ */ jsx14(
+            (state.tab === "mine" || state.tab === "changelog") && options.api && externalId && state.selectedReportId && /* @__PURE__ */ jsx15(
               ReportDetailView,
               {
                 api: options.api,
@@ -6073,7 +6351,7 @@ function mountWidget(options) {
                 ...buildPermalink && { buildPermalink }
               }
             ),
-            state.tab === "changelog" && options.api && externalId && !state.selectedReportId && /* @__PURE__ */ jsx14(
+            state.tab === "changelog" && options.api && externalId && !state.selectedReportId && /* @__PURE__ */ jsx15(
               ChangelogList,
               {
                 api: options.api,
@@ -6084,7 +6362,7 @@ function mountWidget(options) {
             ),
             state.tab === "board" && options.api && externalId && // BoardView owns its own master/detail navigation — no
             // selectedReportId routing through the modal-level state.
-            /* @__PURE__ */ jsx14(
+            /* @__PURE__ */ jsx15(
               BoardView,
               {
                 api: options.api,
@@ -6205,8 +6483,8 @@ function createFeedback(config) {
       capture_method: captureMethod,
       technical_context
     };
-    if ("0.31.0") {
-      payload.widget_version = "0.31.0";
+    if ("0.33.0") {
+      payload.widget_version = "0.33.0";
     }
     if (manualScreenshots?.length) {
       payload.screenshots = manualScreenshots;
@@ -6332,4 +6610,4 @@ function createFeedback(config) {
 export {
   createFeedback
 };
-//# sourceMappingURL=chunk-AA24TFKX.mjs.map
+//# sourceMappingURL=chunk-RR6UB75B.mjs.map