@mhosaic/feedback 0.26.0 → 0.27.0

package/dist/{chunk-FYF5KICC.mjs → chunk-BXUX5UTI.mjs}

@@ -555,6 +555,14 @@ function installCapture(options = {}) {
 // src/widget/i18n.ts
 var DEFAULT_STRINGS = {
   "fab.label": "Send feedback",
+  "page.badge.aria": "Feedback \u2014 {n} open on this page",
+  "page.badge.aria.one": "Feedback \u2014 1 open on this page",
+  "page.strip.text": "{n} open reports on this page",
+  "page.strip.text.one": "1 open report on this page",
+  "page.strip.view": "View",
+  "page.peek.title": "On this page",
+  "page.peek.viewAll": "View all {n}",
+  "page.peek.viewAll.one": "View 1 open report",
   "form.title": "Send feedback",
   "form.description.label": "What happened?",
   "form.description.placeholder": "Describe the issue or idea in one or two sentences.",
@@ -639,6 +647,11 @@ var DEFAULT_STRINGS = {
   "board.scope.project": "Project reports",
   "board.scope.mine": "Your reports",
   "board.scope.thisPage": "This page",
+  "board.scope.allPages": "All pages",
+  "board.scope.onThisPage": "on this page",
+  "board.list.count.page": "{n} of {total} \xB7 this page",
+  "board.list.empty.page.title": "No feedback on this page yet.",
+  "board.list.empty.page.description": "Be the first to report something here \u2014 or browse the whole project.",
   "board.back": "Back",
   "changelog.empty.title": "Nothing resolved yet",
   "changelog.empty.body": "Once a report you sent is fixed it will appear here, grouped by week.",
@@ -706,6 +719,14 @@ var DEFAULT_STRINGS = {
 };
 var FRENCH_STRINGS = {
   "fab.label": "Envoyer un commentaire",
+  "page.badge.aria": "Retours \u2014 {n} ouverts sur cette page",
+  "page.badge.aria.one": "Retours \u2014 1 ouvert sur cette page",
+  "page.strip.text": "{n} retours ouverts sur cette page",
+  "page.strip.text.one": "1 retour ouvert sur cette page",
+  "page.strip.view": "Voir",
+  "page.peek.title": "Sur cette page",
+  "page.peek.viewAll": "Voir les {n}",
+  "page.peek.viewAll.one": "Voir 1 retour ouvert",
   "form.title": "Envoyer un commentaire",
   "form.description.label": "Qu\u2019est-il arriv\xE9 ?",
   "form.description.placeholder": "D\xE9crivez le probl\xE8me ou l\u2019id\xE9e en une ou deux phrases.",
@@ -790,6 +811,11 @@ var FRENCH_STRINGS = {
   "board.scope.project": "Rapports du projet",
   "board.scope.mine": "Vos rapports",
   "board.scope.thisPage": "Cette page",
+  "board.scope.allPages": "Toutes les pages",
+  "board.scope.onThisPage": "sur cette page",
+  "board.list.count.page": "{n} sur {total} \xB7 cette page",
+  "board.list.empty.page.title": "Aucun retour sur cette page pour l\u2019instant.",
+  "board.list.empty.page.description": "Soyez le premier \xE0 signaler quelque chose ici \u2014 ou parcourez tout le projet.",
   "board.back": "Retour",
   "changelog.empty.title": "Rien de r\xE9solu pour l\u2019instant",
   "changelog.empty.body": "Quand un rapport que vous avez envoy\xE9 est corrig\xE9, il appara\xEEtra ici, regroup\xE9 par semaine.",
@@ -874,7 +900,7 @@ function resolveStrings(overrides, options = {}) {
 
 // src/widget/mount.tsx
 import { h, render } from "preact";
-import { useCallback, useEffect as useEffect8, useState as useState7 } from "preact/hooks";
+import { useCallback as useCallback2, useEffect as useEffect10, useRef as useRef7, useState as useState9 } from "preact/hooks";
 
 // src/widget/currentPage.ts
 function currentPagePath(opts) {
@@ -928,6 +954,47 @@ function saveBoardView(externalId, view) {
   }
 }
 
+// src/widget/poll.ts
+var MAX_BACKOFF_MULTIPLIER = 10;
+function startPoll(tick, intervalMs) {
+  let stopped = false;
+  let parked = false;
+  let failures = 0;
+  let timer = null;
+  const doc = typeof document !== "undefined" ? document : null;
+  const delayMs = () => Math.min(intervalMs * 2 ** failures, intervalMs * MAX_BACKOFF_MULTIPLIER);
+  const run = async () => {
+    if (stopped) return;
+    if (doc?.hidden) {
+      parked = true;
+      return;
+    }
+    let ok = false;
+    try {
+      ok = await tick();
+    } catch {
+      ok = false;
+    }
+    if (stopped) return;
+    failures = ok ? 0 : failures + 1;
+    timer = setTimeout(() => void run(), delayMs());
+  };
+  const onVisibilityChange = () => {
+    if (stopped || !parked || doc?.hidden) return;
+    parked = false;
+    void run();
+  };
+  doc?.addEventListener("visibilitychange", onVisibilityChange);
+  void run();
+  return {
+    stop() {
+      stopped = true;
+      if (timer) clearTimeout(timer);
+      doc?.removeEventListener("visibilitychange", onVisibilityChange);
+    }
+  };
+}
+
 // src/widget/ReportDetailView.tsx
 import { useEffect, useRef, useState } from "preact/hooks";
 
@@ -1019,24 +1086,23 @@ function ReportDetailView({
   const fetchDetail = async () => {
     try {
       const next = await api.getReport(reportId, externalId);
-      if (!mountedRef.current) return;
+      if (!mountedRef.current) return true;
       setDetail(next);
       setError(null);
+      return true;
     } catch (err) {
       if (typeof console !== "undefined") console.warn("[mhosaic] getReport:", err);
-      if (!mountedRef.current) return;
+      if (!mountedRef.current) return false;
       setError("load_failed");
+      return false;
     }
   };
   useEffect(() => {
     mountedRef.current = true;
-    void fetchDetail();
-    const timer = setInterval(() => {
-      void fetchDetail();
-    }, POLL_MS);
+    const poll = startPoll(fetchDetail, POLL_MS);
     return () => {
       mountedRef.current = false;
-      clearInterval(timer);
+      poll.stop();
     };
   }, [reportId, externalId]);
   const handleSend = async () => {
@@ -1378,7 +1444,13 @@ var STATUSES = [
 ];
 var TYPES = ["bug", "feature", "question", "praise", "typo"];
 var SEVERITIES = ["blocker", "high", "medium", "low"];
-function BoardView({ api, externalId, strings, getCurrentPage }) {
+function BoardView({
+  api,
+  externalId,
+  strings,
+  getCurrentPage,
+  initialSelectedId
+}) {
   const [filters, setFilters] = useState2(() => loadBoardView(externalId));
   const [thisPage, setThisPage] = useState2(true);
   useEffect2(() => {
@@ -1388,7 +1460,7 @@ function BoardView({ api, externalId, strings, getCurrentPage }) {
   const [kpis, setKpis] = useState2(null);
   const [loading, setLoading] = useState2(true);
   const [error, setError] = useState2(null);
-  const [selectedId, setSelectedId] = useState2(null);
+  const [selectedId, setSelectedId] = useState2(initialSelectedId ?? null);
   const [detailKey, setDetailKey] = useState2(0);
   const [reloadTick, setReloadTick] = useState2(0);
   const activeFilterCount = useMemo(() => {
@@ -1405,30 +1477,29 @@ function BoardView({ api, externalId, strings, getCurrentPage }) {
   );
   useEffect2(() => {
     let cancelled = false;
-    let timer = null;
-    const tick = async () => {
+    setLoading(true);
+    const poll = startPoll(async () => {
       try {
         const [list, k] = await Promise.all([
           api.listBoard(externalId, fetchFilters),
           api.fetchBoardKpis(externalId, fetchFilters)
         ]);
-        if (cancelled) return;
+        if (cancelled) return true;
         setPage(list);
         setKpis(k);
         setError(null);
+        return true;
       } catch (e) {
-        if (cancelled) return;
+        if (cancelled) return false;
         setError(e instanceof Error ? e.message : String(e));
+        return false;
       } finally {
         if (!cancelled) setLoading(false);
-        if (!cancelled) timer = setTimeout(tick, POLL_MS2);
       }
-    };
-    setLoading(true);
-    void tick();
+    }, POLL_MS2);
     return () => {
       cancelled = true;
-      if (timer) clearTimeout(timer);
+      poll.stop();
     };
   }, [api, externalId, JSON.stringify(fetchFilters)]);
   const selectedRow = useMemo(() => {
@@ -1440,7 +1511,7 @@ function BoardView({ api, externalId, strings, getCurrentPage }) {
     setDetailKey((k) => k + 1);
   };
   return /* @__PURE__ */ jsxs3("div", { class: "board-view", children: [
-    /* @__PURE__ */ jsx3(BoardHeader, { strings, kpis }),
+    /* @__PURE__ */ jsx3(BoardHeader, { strings, kpis, thisPage }),
     /* @__PURE__ */ jsx3(
       BoardFilters,
       {
@@ -1471,7 +1542,14 @@ function BoardView({ api, externalId, strings, getCurrentPage }) {
           )
         ] }),
         !error && loading && !page && /* @__PURE__ */ jsx3(BoardListSkeleton, {}),
-        !error && page && page.results.length === 0 && !loading && /* @__PURE__ */ jsx3(BoardEmpty, { strings }),
+        !error && page && page.results.length === 0 && !loading && /* @__PURE__ */ jsx3(
+          BoardEmpty,
+          {
+            strings,
+            thisPage,
+            onAllPages: () => setThisPage(false)
+          }
+        ),
         !error && page && page.results.length > 0 && /* @__PURE__ */ jsx3(
           BoardList,
           {
@@ -1479,7 +1557,8 @@ function BoardView({ api, externalId, strings, getCurrentPage }) {
             selectedId,
             onPick: onPickRow,
             strings,
-            total: page.count
+            total: page.count,
+            thisPage
           }
         )
       ] }),
@@ -1504,9 +1583,10 @@ function BoardView({ api, externalId, strings, getCurrentPage }) {
 }
 function BoardHeader({
   strings,
-  kpis
+  kpis,
+  thisPage
 }) {
-  const scopeLabel = kpis?.scope === "project" ? strings["board.scope.project"] : strings["board.scope.mine"];
+  const scopeLabel = thisPage ? strings["board.scope.onThisPage"] : kpis?.scope === "project" ? strings["board.scope.project"] : strings["board.scope.mine"];
   return /* @__PURE__ */ jsxs3("header", { class: "board-header", children: [
     /* @__PURE__ */ jsxs3("div", { class: "board-header-title", children: [
       /* @__PURE__ */ jsx3("span", { class: "board-header-emoji", "aria-hidden": "true", children: "\u{1F4CB}" }),
@@ -1601,6 +1681,28 @@ function BoardFilters({
   };
   const clear = () => onChange({});
   return /* @__PURE__ */ jsxs3("div", { class: "board-filters", children: [
+    /* @__PURE__ */ jsxs3("div", { class: "board-scope", role: "group", "aria-label": strings["board.scope.thisPage"], children: [
+      /* @__PURE__ */ jsx3(
+        "button",
+        {
+          type: "button",
+          class: `board-scope-btn ${thisPage ? "is-active" : ""}`,
+          "aria-pressed": thisPage,
+          onClick: () => !thisPage && onToggleThisPage(),
+          children: strings["board.scope.thisPage"]
+        }
+      ),
+      /* @__PURE__ */ jsx3(
+        "button",
+        {
+          type: "button",
+          class: `board-scope-btn ${!thisPage ? "is-active" : ""}`,
+          "aria-pressed": !thisPage,
+          onClick: () => thisPage && onToggleThisPage(),
+          children: strings["board.scope.allPages"]
+        }
+      )
+    ] }),
     /* @__PURE__ */ jsx3(
       "select",
       {
@@ -1671,19 +1773,6 @@ function BoardFilters({
       ),
       /* @__PURE__ */ jsx3("span", { children: strings["board.filter.mine"] })
     ] }),
-    /* @__PURE__ */ jsxs3(
-      "button",
-      {
-        type: "button",
-        class: `board-chip ${thisPage ? "board-chip--on" : ""}`,
-        onClick: onToggleThisPage,
-        children: [
-          "\u{1F4CD} ",
-          strings["board.scope.thisPage"],
-          thisPage ? " \u2715" : ""
-        ]
-      }
-    ),
     activeCount > 0 && /* @__PURE__ */ jsxs3("button", { type: "button", class: "board-filter-clear", onClick: clear, children: [
       /* @__PURE__ */ jsx3(CloseIcon, {}),
       strings["board.filter.clear"]
@@ -1695,10 +1784,11 @@ function BoardList({
   selectedId,
   onPick,
   strings,
-  total
+  total,
+  thisPage
 }) {
   return /* @__PURE__ */ jsxs3(Fragment2, { children: [
-    /* @__PURE__ */ jsx3("div", { class: "board-list-count", children: strings["board.list.count"].replace("{n}", String(rows.length)).replace("{total}", String(total)) }),
+    /* @__PURE__ */ jsx3("div", { class: "board-list-count", children: strings[thisPage ? "board.list.count.page" : "board.list.count"].replace("{n}", String(rows.length)).replace("{total}", String(total)) }),
     /* @__PURE__ */ jsx3("ul", { class: "board-list", role: "list", children: rows.map((row) => /* @__PURE__ */ jsx3(
       BoardRowCard,
       {
@@ -1744,11 +1834,16 @@ function BoardRowCard({
     }
   ) });
 }
-function BoardEmpty({ strings }) {
+function BoardEmpty({
+  strings,
+  thisPage,
+  onAllPages
+}) {
   return /* @__PURE__ */ jsxs3("div", { class: "board-empty", children: [
     /* @__PURE__ */ jsx3(EmptyIllustration, {}),
-    /* @__PURE__ */ jsx3("h3", { children: strings["board.list.empty.title"] }),
-    /* @__PURE__ */ jsx3("p", { children: strings["board.list.empty.description"] })
+    /* @__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"] })
   ] });
 }
 function BoardListSkeleton() {
@@ -1901,26 +1996,25 @@ function ChangelogList({ api, externalId, strings, onSelect }) {
     setError(null);
     try {
       const next = await api.listChangelog(externalId);
-      if (!mountedRef.current) return;
+      if (!mountedRef.current) return true;
       setRows(next);
+      return true;
     } catch (err) {
       if (typeof console !== "undefined")
         console.warn("[mhosaic] listChangelog:", err);
-      if (!mountedRef.current) return;
+      if (!mountedRef.current) return false;
       setError(strings["mine.error"]);
+      return false;
     } finally {
       if (mountedRef.current) setRefreshing(false);
     }
   };
   useEffect3(() => {
     mountedRef.current = true;
-    void fetchRows();
-    const timer = setInterval(() => {
-      void fetchRows();
-    }, POLL_MS3);
+    const poll = startPoll(fetchRows, POLL_MS3);
     return () => {
       mountedRef.current = false;
-      clearInterval(timer);
+      poll.stop();
     };
   }, [externalId]);
   const groups = useMemo2(() => rows ? groupRowsByWeek(rows) : [], [rows]);
@@ -1992,8 +2086,11 @@ function BugIcon() {
     }
   );
 }
-function Fab({ label, onClick }) {
-  return /* @__PURE__ */ jsx6("button", { type: "button", class: "fab", "aria-label": label, title: label, onClick, children: /* @__PURE__ */ jsx6(BugIcon, {}) });
+function Fab({ label, onClick, count }) {
+  return /* @__PURE__ */ jsxs6("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) })
+  ] });
 }
 
 // src/widget/Form.tsx
@@ -2885,25 +2982,24 @@ function MineList({ api, externalId, strings, onSelect }) {
     setError(null);
     try {
       const next = await api.listMine(externalId);
-      if (!mountedRef.current) return;
+      if (!mountedRef.current) return true;
       setRows(next);
+      return true;
     } catch (err) {
       if (typeof console !== "undefined") console.warn("[mhosaic] listMine:", err);
-      if (!mountedRef.current) return;
+      if (!mountedRef.current) return false;
       setError(strings["mine.error"]);
+      return false;
     } finally {
       if (mountedRef.current) setRefreshing(false);
     }
   };
   useEffect6(() => {
     mountedRef.current = true;
-    void fetchRows();
-    const timer = setInterval(() => {
-      void fetchRows();
-    }, POLL_MS4);
+    const poll = startPoll(fetchRows, POLL_MS4);
     return () => {
       mountedRef.current = false;
-      clearInterval(timer);
+      poll.stop();
     };
   }, [externalId]);
   const isEmpty = rows !== null && rows.length === 0;
@@ -3000,6 +3096,136 @@ function Modal({ onDismiss, children, closeLabel = "Close", expanded = false })
   );
 }
 
+// src/widget/PageActivityStrip.tsx
+import { jsx as jsx12, jsxs as jsxs12 } from "preact/jsx-runtime";
+function PageActivityStrip({
+  open,
+  strings,
+  onView
+}) {
+  if (open === 0) return null;
+  const text = open === 1 ? strings["page.strip.text.one"] : strings["page.strip.text"].replace("{n}", String(open));
+  return /* @__PURE__ */ jsxs12("div", { class: "page-strip", children: [
+    /* @__PURE__ */ jsx12("span", { children: text }),
+    /* @__PURE__ */ jsx12("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 jsxs13 } from "preact/jsx-runtime";
+function PagePeekPanel({
+  api,
+  externalId,
+  strings,
+  getCurrentPage,
+  open,
+  onViewAll,
+  onPickRow,
+  onSend
+}) {
+  const [rows, setRows] = useState7(null);
+  const [failed, setFailed] = useState7(false);
+  useEffect8(() => {
+    let cancelled = false;
+    const pagePath = currentPagePath(getCurrentPage !== void 0 ? { getCurrentPage } : {});
+    api.listBoard(externalId, {
+      pagePath,
+      status: ["new", "in_progress", "awaiting_validation"]
+    }).then((page) => {
+      if (!cancelled) setRows(page.results.slice(0, 5));
+    }).catch(() => {
+      if (!cancelled) setFailed(true);
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [api, externalId]);
+  return /* @__PURE__ */ jsxs13("div", { class: "page-peek", role: "region", "aria-label": strings["page.peek.title"], children: [
+    /* @__PURE__ */ jsx13("div", { class: "page-peek-title", children: strings["page.peek.title"] }),
+    rows === null && !failed && /* @__PURE__ */ jsxs13("div", { class: "page-peek-skeleton", "aria-hidden": "true", children: [
+      /* @__PURE__ */ jsx13("div", {}),
+      " ",
+      /* @__PURE__ */ jsx13("div", {})
+    ] }),
+    rows !== null && rows.map((row) => /* @__PURE__ */ jsxs13(
+      "button",
+      {
+        type: "button",
+        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 })
+        ]
+      },
+      row.id
+    )),
+    /* @__PURE__ */ jsxs13("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"] })
+    ] })
+  ] });
+}
+
+// src/widget/pageSignal.ts
+import { useCallback, useEffect as useEffect9, useState as useState8 } from "preact/hooks";
+var TTL_MS = 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 inflight = /* @__PURE__ */ new Map();
+function invalidatePageSignal() {
+  cache.clear();
+}
+function fetchOpen(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 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;
+  }).finally(() => inflight.delete(key));
+  inflight.set(key, p);
+  return p;
+}
+function usePageOpenCount(opts) {
+  const { api, externalId, getCurrentPage, enabled } = opts;
+  const [open, setOpen] = useState8(0);
+  const [tick, setTick] = useState8(0);
+  const refresh = useCallback(() => {
+    invalidatePageSignal();
+    setTick((t) => t + 1);
+  }, []);
+  useEffect9(() => {
+    if (!enabled || !api || !externalId) {
+      setOpen(0);
+      return;
+    }
+    let cancelled = false;
+    const load = () => {
+      const path = currentPagePath(getCurrentPage !== void 0 ? { getCurrentPage } : {});
+      fetchOpen(api, externalId, path).then((n) => {
+        if (!cancelled) setOpen(n);
+      }).catch(() => {
+        if (!cancelled) setOpen(0);
+      });
+    };
+    load();
+    const unsub = onLocationChange(load);
+    return () => {
+      cancelled = true;
+      unsub();
+    };
+  }, [api, externalId, enabled, tick]);
+  return { open, refresh };
+}
+
 // src/widget/styles.ts
 var WIDGET_STYLES = `
 :host {
@@ -3074,10 +3300,20 @@ var WIDGET_STYLES = `
    soft-black background with a light steel-blue lucide-bug glyph;
    custom SVG inlined (no emoji \u2014 emoji renders inconsistently across
    OSes and can't inherit color). Two-layer elevation, scale-on-press. */
-.fab {
+.fab-area {
   position: fixed;
   bottom: 24px;
   right: 24px;
+  /* No z-index on purpose: the modal .backdrop/.modal are later siblings in
+     the shadow root, so DOM order must keep them painting above the FAB \u2014
+     an explicit z-index here would trap the FAB on top of the open modal. */
+}
+.fab-area .fab {
+  position: relative;
+  right: auto;
+  bottom: auto;
+}
+.fab {
   width: 48px;
   height: 48px;
   border-radius: 999px;
@@ -3121,9 +3357,43 @@ var WIDGET_STYLES = `
     0 4px 12px rgba(0, 0, 0, 0.32),
     0 2px 4px rgba(0, 0, 0, 0.40); }
 }
+
+/* Page-activity badge \u2014 absolute so it never shifts the FAB's layout. */
+.fab-badge {
+  position: absolute;
+  top: -2px;
+  right: -2px;
+  min-width: 16px;
+  height: 16px;
+  padding: 0 4px;
+  box-sizing: border-box;
+  border-radius: 999px;
+  background: var(--mfb-accent);
+  color: #fff;
+  font-size: 10px;
+  font-weight: 700;
+  line-height: 16px;
+  text-align: center;
+  box-shadow: 0 0 0 2px var(--mfb-fab-bg);
+  animation: mfb-badge-in 150ms ease-out;
+}
+@keyframes mfb-badge-in {
+  from {
+    opacity: 0;
+    transform: scale(0.6);
+  }
+  to {
+    opacity: 1;
+    transform: scale(1);
+  }
+}
+
 @media (prefers-reduced-motion: reduce) {
   .fab { transition: none; }
   .fab:hover, .fab:active { transform: none; }
+  .fab-badge {
+    animation: none;
+  }
 }
 
 /* Backdrop \u2014 fade in with a slight blur for depth. The blur gives the
@@ -4470,6 +4740,59 @@ var WIDGET_STYLES = `
   background: var(--mfb-surface);
 }
 
+/* Scope segmented control \u2014 [This page | All pages], front of the filter row. */
+.board-scope {
+  display: inline-flex;
+  border: 1px solid var(--mfb-border);
+  border-radius: var(--mfb-radius);
+  overflow: hidden;
+  flex: none;
+}
+.board-scope-btn {
+  border: none;
+  background: none;
+  padding: 6px 10px;
+  font: inherit;
+  font-size: var(--mfb-text-sm);
+  color: var(--mfb-text-muted);
+  cursor: pointer;
+}
+.board-scope-btn.is-active {
+  background: color-mix(in srgb, var(--mfb-accent) 14%, transparent);
+  color: var(--mfb-accent);
+  font-weight: 600;
+}
+.board-scope-btn:focus-visible {
+  outline: 2px solid var(--mfb-accent);
+  outline-offset: -2px;
+}
+
+/* Send-tab page-activity strip \u2014 one line, muted, non-blocking. */
+.page-strip {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: var(--mfb-space-3);
+  margin: var(--mfb-space-3) 0 0;
+  padding: var(--mfb-space-2) var(--mfb-space-3);
+  border-radius: var(--mfb-radius);
+  background: var(--mfb-surface-2);
+  color: var(--mfb-text-muted);
+  font-size: var(--mfb-text-sm);
+}
+.page-strip-view {
+  border: none;
+  background: none;
+  padding: 0;
+  color: var(--mfb-accent);
+  font-size: var(--mfb-text-sm);
+  font-weight: 600;
+  cursor: pointer;
+}
+.page-strip-view:hover {
+  text-decoration: underline;
+}
+
 /* Master/detail layout \u2014 two-column at >=900px, stacked below. */
 .board-body {
   display: grid;
@@ -4698,10 +5021,90 @@ var WIDGET_STYLES = `
 @media (prefers-reduced-motion: reduce) {
   .skeleton-line { animation: none; }
 }
+
+/* Hover peek panel \u2014 desktop-only ambient surface listing this page's
+   open reports above the FAB (spec \xA73.2). Non-modal; never renders while
+   the modal itself is open. */
+.page-peek {
+  position: absolute;
+  right: 0;
+  bottom: 60px;
+  width: 300px;
+  padding: var(--mfb-space-3);
+  border: 1px solid var(--mfb-border);
+  border-radius: var(--mfb-radius-lg);
+  background: var(--mfb-surface);
+  color: var(--mfb-text);
+  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18);
+  font-size: var(--mfb-text-sm);
+}
+.page-peek-title {
+  font-weight: 700;
+  margin-bottom: var(--mfb-space-2);
+  color: var(--mfb-text-muted);
+  text-transform: uppercase;
+  font-size: var(--mfb-text-xs);
+  letter-spacing: 0.04em;
+}
+.page-peek-row {
+  display: flex;
+  align-items: center;
+  gap: var(--mfb-space-2);
+  width: 100%;
+  padding: var(--mfb-space-2);
+  border: none;
+  border-radius: var(--mfb-radius);
+  background: none;
+  color: var(--mfb-text);
+  text-align: left;
+  cursor: pointer;
+}
+.page-peek-row:hover {
+  background: var(--mfb-surface-2);
+}
+.page-peek-dot {
+  width: 8px;
+  height: 8px;
+  border-radius: 50%;
+  flex: none;
+}
+.page-peek-dot.status-new { background: #1e40af; }
+.page-peek-dot.status-in_progress { background: #92400e; }
+.page-peek-dot.status-awaiting_validation { background: #6b21a8; }
+.page-peek-dot.status-closed { background: #065f46; }
+.page-peek-dot.status-rejected { background: #991b1b; }
+.page-peek-desc {
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+.page-peek-footer {
+  display: flex;
+  justify-content: space-between;
+  margin-top: var(--mfb-space-2);
+  padding-top: var(--mfb-space-2);
+  border-top: 1px solid var(--mfb-border);
+}
+.page-peek-viewall,
+.page-peek-send {
+  border: none;
+  background: none;
+  padding: 0;
+  cursor: pointer;
+  color: var(--mfb-accent);
+  font-weight: 600;
+  font-size: var(--mfb-text-sm);
+}
+.page-peek-skeleton div {
+  height: 14px;
+  border-radius: 4px;
+  background: var(--mfb-surface-2);
+  margin: var(--mfb-space-2) 0;
+}
 `;
 
 // src/widget/mount.tsx
-import { Fragment as Fragment3, jsx as jsx12, jsxs as jsxs12 } from "preact/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx14, jsxs as jsxs14 } from "preact/jsx-runtime";
 function computeFabVisible(opts, externalId, visibilityAllowed) {
   if (!opts.showFAB) return false;
   if (opts.getExternalId !== void 0 && !externalId) return false;
@@ -4722,8 +5125,9 @@ function mountWidget(options) {
     render(h(Root, { state }), mountPoint);
   }
   function clearSelected(s) {
-    const { selectedReportId: _drop, ...rest } = s;
+    const { selectedReportId: _drop, boardSelectId: _drop2, ...rest } = s;
     void _drop;
+    void _drop2;
     return rest;
   }
   function openWidget(externalId) {
@@ -4738,10 +5142,11 @@ function mountWidget(options) {
     }
   }
   function Root({ state }) {
-    const handleSubmit = useCallback(async (values) => {
+    const handleSubmit = useCallback2(async (values) => {
       rerender({ ...currentState, status: "submitting" });
       try {
         await options.onSubmit(values);
+        pageSignal.refresh();
         rerender({ ...currentState, status: "success" });
         if (postSubmitTimer !== null) clearTimeout(postSubmitTimer);
         postSubmitTimer = setTimeout(() => {
@@ -4767,10 +5172,18 @@ function mountWidget(options) {
       }
     }, []);
     const externalId = options.getExternalId?.();
-    const [visibilityAllowed, setVisibilityAllowed] = useState7(
+    const pageActivityEnabled = options.showPageActivity !== false;
+    const pageSignal = usePageOpenCount({
+      ...options.api !== void 0 && { api: options.api },
+      ...externalId !== void 0 && { externalId },
+      ...options.getCurrentPage !== void 0 && { getCurrentPage: options.getCurrentPage },
+      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(
       !options.requiresVisibilityCheck
     );
-    useEffect8(() => {
+    useEffect10(() => {
       if (!options.requiresVisibilityCheck) {
         setVisibilityAllowed(true);
         return;
@@ -4791,23 +5204,74 @@ function mountWidget(options) {
     }, [externalId]);
     const fabVisible = computeFabVisible(options, externalId, visibilityAllowed);
     const showMineTab = Boolean(options.api && externalId);
-    return /* @__PURE__ */ jsxs12(Fragment3, { children: [
-      fabVisible && /* @__PURE__ */ jsx12(
-        Fab,
+    const [peekOpen, setPeekOpen] = useState9(false);
+    const peekTimers = useRef7({});
+    const peekEnter = () => {
+      if (peekTimers.current.close) clearTimeout(peekTimers.current.close);
+      peekTimers.current.open = setTimeout(() => setPeekOpen(true), 250);
+    };
+    const peekLeave = () => {
+      if (peekTimers.current.open) clearTimeout(peekTimers.current.open);
+      peekTimers.current.close = setTimeout(() => setPeekOpen(false), 140);
+    };
+    return /* @__PURE__ */ jsxs14(Fragment3, { children: [
+      fabVisible && /* @__PURE__ */ jsxs14(
+        "div",
         {
-          label: options.strings["fab.label"],
-          onClick: () => openWidget(externalId)
+          class: "fab-area",
+          onMouseEnter: peekEnter,
+          onMouseLeave: peekLeave,
+          onFocusIn: (e) => {
+            if (peekTimers.current.close) clearTimeout(peekTimers.current.close);
+            if (e.target.matches?.(":focus-visible")) setPeekOpen(true);
+          },
+          onFocusOut: () => setPeekOpen(false),
+          onKeyDown: (e) => e.key === "Escape" && setPeekOpen(false),
+          children: [
+            peekOpen && !state.open && pageActivityEnabled && pageSignal.open > 0 && options.api && externalId && /* @__PURE__ */ jsx14(
+              PagePeekPanel,
+              {
+                api: options.api,
+                externalId,
+                strings: options.strings,
+                ...options.getCurrentPage !== void 0 && {
+                  getCurrentPage: options.getCurrentPage
+                },
+                open: pageSignal.open,
+                onViewAll: () => {
+                  setPeekOpen(false);
+                  rerender({ ...currentState, open: true, tab: "board" });
+                },
+                onPickRow: (reportId) => {
+                  setPeekOpen(false);
+                  rerender({ ...currentState, open: true, tab: "board", boardSelectId: reportId });
+                },
+                onSend: () => {
+                  setPeekOpen(false);
+                  openWidget(externalId);
+                }
+              }
+            ),
+            /* @__PURE__ */ jsx14(
+              Fab,
+              {
+                label: fabLabel,
+                onClick: () => openWidget(externalId),
+                ...pageSignal.open > 0 && { count: pageSignal.open }
+              }
+            )
+          ]
         }
       ),
-      state.open && /* @__PURE__ */ jsxs12(
+      state.open && /* @__PURE__ */ jsxs14(
         Modal,
         {
           onDismiss: () => rerender(clearSelected({ ...currentState, open: false, status: "idle" })),
           closeLabel: options.strings["form.close"],
           expanded: state.tab === "board",
           children: [
-            showMineTab && /* @__PURE__ */ jsxs12("div", { class: "tab-strip", role: "tablist", children: [
-              /* @__PURE__ */ jsx12(
+            showMineTab && /* @__PURE__ */ jsxs14("div", { class: "tab-strip", role: "tablist", children: [
+              /* @__PURE__ */ jsx14(
                 "button",
                 {
                   type: "button",
@@ -4818,7 +5282,7 @@ function mountWidget(options) {
                   children: options.strings["tab.send"]
                 }
               ),
-              /* @__PURE__ */ jsx12(
+              /* @__PURE__ */ jsx14(
                 "button",
                 {
                   type: "button",
@@ -4829,7 +5293,7 @@ function mountWidget(options) {
                   children: options.strings["tab.mine"]
                 }
               ),
-              /* @__PURE__ */ jsx12(
+              /* @__PURE__ */ jsx14(
                 "button",
                 {
                   type: "button",
@@ -4840,7 +5304,7 @@ function mountWidget(options) {
                   children: options.strings["tab.changelog"]
                 }
               ),
-              /* @__PURE__ */ jsx12(
+              /* @__PURE__ */ jsx14(
                 "button",
                 {
                   type: "button",
@@ -4852,17 +5316,27 @@ function mountWidget(options) {
                 }
               )
             ] }),
-            state.tab === "send" && /* @__PURE__ */ jsx12(
-              Form,
-              {
-                strings: options.strings,
-                onSubmit: handleSubmit,
-                onCancel: () => rerender({ ...currentState, open: false, status: "idle" }),
-                status: state.status,
-                ...state.error !== void 0 && { errorMessage: state.error }
-              }
-            ),
-            state.tab === "mine" && options.api && externalId && !state.selectedReportId && /* @__PURE__ */ jsx12(
+            state.tab === "send" && /* @__PURE__ */ jsxs14(Fragment3, { children: [
+              showMineTab && pageActivityEnabled && /* @__PURE__ */ jsx14(
+                PageActivityStrip,
+                {
+                  open: pageSignal.open,
+                  strings: options.strings,
+                  onView: () => rerender(clearSelected({ ...currentState, tab: "board" }))
+                }
+              ),
+              /* @__PURE__ */ jsx14(
+                Form,
+                {
+                  strings: options.strings,
+                  onSubmit: handleSubmit,
+                  onCancel: () => rerender({ ...currentState, open: false, status: "idle" }),
+                  status: state.status,
+                  ...state.error !== void 0 && { errorMessage: state.error }
+                }
+              )
+            ] }),
+            state.tab === "mine" && options.api && externalId && !state.selectedReportId && /* @__PURE__ */ jsx14(
               MineList,
               {
                 api: options.api,
@@ -4871,7 +5345,7 @@ function mountWidget(options) {
                 onSelect: (row) => rerender({ ...currentState, selectedReportId: row.id })
               }
             ),
-            (state.tab === "mine" || state.tab === "changelog") && options.api && externalId && state.selectedReportId && /* @__PURE__ */ jsx12(
+            (state.tab === "mine" || state.tab === "changelog") && options.api && externalId && state.selectedReportId && /* @__PURE__ */ jsx14(
               ReportDetailView,
               {
                 api: options.api,
@@ -4881,7 +5355,7 @@ function mountWidget(options) {
                 onBack: () => rerender(clearSelected({ ...currentState }))
               }
             ),
-            state.tab === "changelog" && options.api && externalId && !state.selectedReportId && /* @__PURE__ */ jsx12(
+            state.tab === "changelog" && options.api && externalId && !state.selectedReportId && /* @__PURE__ */ jsx14(
               ChangelogList,
               {
                 api: options.api,
@@ -4892,13 +5366,14 @@ 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__ */ jsx12(
+            /* @__PURE__ */ jsx14(
               BoardView,
               {
                 api: options.api,
                 externalId,
                 strings: options.strings,
-                ...options.getCurrentPage !== void 0 && { getCurrentPage: options.getCurrentPage }
+                ...options.getCurrentPage !== void 0 && { getCurrentPage: options.getCurrentPage },
+                ...state.boardSelectId !== void 0 && { initialSelectedId: state.boardSelectId }
               }
             )
           ]
@@ -4993,8 +5468,8 @@ function createFeedback(config) {
       capture_method: captureMethod,
       technical_context
     };
-    if ("0.26.0") {
-      payload.widget_version = "0.26.0";
+    if ("0.27.0") {
+      payload.widget_version = "0.27.0";
     }
     if (manualScreenshots?.length) {
       payload.screenshots = manualScreenshots;
@@ -5050,6 +5525,9 @@ function createFeedback(config) {
     // Opt-in: FAB opens to the page-scoped Board (default off → Send-first).
     ...config.openToCurrentPageFeedback !== void 0 && {
       openToCurrentPageFeedback: config.openToCurrentPageFeedback
+    },
+    ...config.showPageActivity !== void 0 && {
+      showPageActivity: config.showPageActivity
     }
   });
   let qaHandle;
@@ -5118,4 +5596,4 @@ function createFeedback(config) {
 export {
   createFeedback
 };
-//# sourceMappingURL=chunk-FYF5KICC.mjs.map
+//# sourceMappingURL=chunk-BXUX5UTI.mjs.map