@mhosaic/feedback 0.30.0 → 0.32.0

package/dist/{chunk-5F36UFXG.mjs → chunk-YNDBZR37.mjs}

@@ -153,10 +153,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 +272,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 +290,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" };
@@ -705,6 +717,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",
@@ -891,6 +904,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",
@@ -1038,6 +1052,26 @@ function onLocationChange(cb) {
 // src/widget/BoardView.tsx
 import { useEffect as useEffect2, useMemo, useState as useState2 } from "preact/hooks";
 
+// 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.";
 function loadBoardView(externalId) {
@@ -1146,7 +1180,7 @@ function linkifySeq(text, onOpenSeq) {
 
 // src/widget/CommentBubble.tsx
 import { jsx, jsxs as jsxs2 } from "preact/jsx-runtime";
-function CommentBubble({ comment, strings, onOpenSeq }) {
+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";
@@ -1157,17 +1191,20 @@ function CommentBubble({ comment, strings, onOpenSeq }) {
   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
-    )) }),
+    images.length > 0 && /* @__PURE__ */ jsx("div", { class: "comment-attachments", children: images.map((a) => {
+      const src = stableUrl ? stableUrl(`att:${a.id}`, a.url) : a.url;
+      return /* @__PURE__ */ jsx(
+        "a",
+        {
+          class: "comment-attachment",
+          href: src,
+          target: "_blank",
+          rel: "noopener noreferrer",
+          children: /* @__PURE__ */ jsx("img", { src, alt: strings["detail.attachment_alt"], loading: "lazy" })
+        },
+        a.id
+      );
+    }) }),
     /* @__PURE__ */ jsx("div", { class: "comment-time", children: formatTime(comment.created_at) })
   ] });
 }
@@ -1234,7 +1271,8 @@ function ReportDetailView({
   canModerate = true,
   variant = "modal",
   onOpenSeq,
-  buildPermalink
+  buildPermalink,
+  seed
 }) {
   const [detail, setDetail] = useState(null);
   const [error, setError] = useState(null);
@@ -1251,6 +1289,20 @@ function ReportDetailView({
   const [attachError, setAttachError] = useState("");
   const fileInputRef = useRef(null);
   const mountedRef = useRef(true);
+  const urlPins = useRef(/* @__PURE__ */ new Map());
+  const [, bumpPinTick] = useState(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,6 +1473,39 @@ function ReportDetailView({
     }
   };
   if (!detail && !error) {
+    if (seed) {
+      const seedPill = /* @__PURE__ */ jsx2("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__ */ jsx2("div", { class: "report-detail-description-row", children: /* @__PURE__ */ jsx2("p", { class: "report-detail-description", children: linkifySeq(seed.description, onOpenSeq) }) }),
+          /* @__PURE__ */ jsx2("h3", { class: "report-detail-section", children: strings["detail.thread"] }),
+          /* @__PURE__ */ jsx2("div", { class: "mine-loading", children: strings["mine.loading"] })
+        ] })
+      ] });
+    }
     return /* @__PURE__ */ jsx2("div", { class: "mine-loading", children: strings["mine.loading"] });
   }
   if (!detail) {
@@ -1530,7 +1615,7 @@ 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(
           "a",
@@ -1539,9 +1624,9 @@ function ReportDetailView({
             href: safeHref,
             target: "_blank",
             rel: "noopener noreferrer",
-            children: /* @__PURE__ */ jsx2("img", { src: url, alt: "", loading: "lazy" })
+            children: /* @__PURE__ */ jsx2("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__ */ jsx2("div", { class: "report-detail-screenshot", children: /* @__PURE__ */ jsx2("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(
@@ -1549,7 +1634,8 @@ function ReportDetailView({
         {
           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 }),
@@ -1833,10 +1919,13 @@ function BoardView({
   const [page, setPage] = useState2(null);
   const [kpis, setKpis] = useState2(null);
   const [loading, setLoading] = useState2(true);
+  const [stale, setStale] = useState2(false);
   const [error, setError] = useState2(null);
   const [selectedId, setSelectedId] = useState2(initialSelectedId ?? null);
   const [detailKey, setDetailKey] = useState2(0);
   const [reloadTick, setReloadTick] = useState2(0);
+  const [extra, setExtra] = useState2(null);
+  const [loadingMore, setLoadingMore] = useState2(false);
   const [qDraft, setQDraft] = useState2(filters.q ?? "");
   const debouncedQ = useDebouncedValue(qDraft, SEARCH_DEBOUNCE_MS);
   useEffect2(() => {
@@ -1866,16 +1955,36 @@ function BoardView({
   }, [filtersHash(filters), thisPage, reloadTick]);
   useEffect2(() => {
     let cancelled = false;
-    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) {
@@ -1889,17 +1998,41 @@ 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: [
+  return /* @__PURE__ */ jsxs4("div", { class: `board-view ${stale ? "is-stale" : ""}`, children: [
     /* @__PURE__ */ jsx3(BoardHeader, { strings, kpis, thisPage }),
     /* @__PURE__ */ jsx3(
       BoardFilters,
@@ -1915,7 +2048,7 @@ 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(
@@ -1933,7 +2066,7 @@ function BoardView({
           )
         ] }),
         !error && loading && !page && /* @__PURE__ */ jsx3(BoardListSkeleton, {}),
-        !error && page && page.results.length === 0 && !loading && /* @__PURE__ */ jsx3(
+        !error && page && visibleRows.length === 0 && (!loading || stale) && /* @__PURE__ */ jsx3(
           BoardEmpty,
           {
             strings,
@@ -1941,27 +2074,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__ */ jsx3(
+            BoardList,
+            {
+              rows: visibleRows,
+              selectedId,
+              onPick: onPickRow,
+              strings,
+              total: page.count,
+              thisPage
+            }
+          ),
+          hasMore && !stale && /* @__PURE__ */ jsx3(
+            "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__ */ jsx3("div", { class: `board-detail-wrap ${selectedId ? "has-selection" : ""}`, children: selectedId ? /* @__PURE__ */ jsx3(
         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) => {
@@ -2283,6 +2429,33 @@ function useDebouncedValue(value, ms) {
   }, [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(),
@@ -2338,7 +2511,7 @@ 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: [
@@ -2352,6 +2525,10 @@ function ReportRow({ row, strings, onClick }) {
       row.comment_count > 0 && /* @__PURE__ */ jsxs5("span", { children: [
         "\xB7 ",
         repliesLabel(row.comment_count, strings)
+      ] }),
+      extraMeta && /* @__PURE__ */ jsxs5("span", { children: [
+        "\xB7 ",
+        extraMeta
       ] })
     ] })
   ] });
@@ -2456,7 +2633,15 @@ function ChangelogList({ api, externalId, strings, onSelect }) {
         /* @__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__ */ jsx5("ul", { class: "mine-rows", children: g.rows.map((row) => /* @__PURE__ */ jsx5("li", { children: /* @__PURE__ */ jsx5(ReportRow, { row, strings, onClick: () => onSelect(row) }) })) })
+      /* @__PURE__ */ jsx5("ul", { class: "mine-rows", children: g.rows.map((row) => /* @__PURE__ */ jsx5("li", { children: /* @__PURE__ */ jsx5(
+        ReportRow,
+        {
+          row,
+          strings,
+          onClick: () => onSelect(row),
+          extraMeta: row.pr_number ? `PR #${row.pr_number}` : void 0
+        }
+      ) })) })
     ] }, g.weekKey)) })
   ] });
 }
@@ -3633,30 +3818,32 @@ function PagePeekPanel({
 
 // src/widget/pageSignal.ts
 import { useCallback, useEffect as useEffect9, useState as useState8 } from "preact/hooks";
-var TTL_MS = 6e4;
+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);
@@ -5450,6 +5637,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);
@@ -5771,7 +5972,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" });
         }
@@ -6203,8 +6404,8 @@ function createFeedback(config) {
       capture_method: captureMethod,
       technical_context
     };
-    if ("0.30.0") {
-      payload.widget_version = "0.30.0";
+    if ("0.32.0") {
+      payload.widget_version = "0.32.0";
     }
     if (manualScreenshots?.length) {
       payload.screenshots = manualScreenshots;
@@ -6330,4 +6531,4 @@ function createFeedback(config) {
 export {
   createFeedback
 };
-//# sourceMappingURL=chunk-5F36UFXG.mjs.map
+//# sourceMappingURL=chunk-YNDBZR37.mjs.map