@mhosaic/feedback 0.19.0 → 0.20.0

package/dist/{chunk-LCH5O3GT.mjs → chunk-YV7LMW22.mjs}

@@ -195,6 +195,7 @@ function createApiClient(options) {
     filters.severity?.forEach((s) => params.append("severity", s));
     if (filters.q) params.set("q", filters.q);
     if (filters.mine) params.set("mine", "1");
+    if (filters.ordering) params.set("ordering", filters.ordering);
     if (filters.page && filters.page > 1) params.set("page", String(filters.page));
     const qs = params.toString();
     return qs ? `?${qs}` : "";
@@ -604,6 +605,12 @@ var DEFAULT_STRINGS = {
   "board.kpi.closed": "Closed",
   "board.kpi.rejected": "Rejected",
   "board.kpi.resolution_rate": "Resolution rate",
+  "board.sort": "Sort",
+  "board.sort.recent": "Newest first",
+  "board.sort.oldest": "Oldest first",
+  "board.sort.updated": "Recently active",
+  "board.sort.severity": "Severity",
+  "board.sort.status": "Status",
   "board.filter.status": "Status",
   "board.filter.type": "Type",
   "board.filter.severity": "Severity",
@@ -613,7 +620,8 @@ var DEFAULT_STRINGS = {
   "board.list.empty.title": "Nothing here yet",
   "board.list.empty.description": "When reports land, they\u2019ll show up here.",
   "board.list.loading": "Loading\u2026",
-  "board.list.error": "Couldn\u2019t load reports. Try again.",
+  "board.list.error": "Couldn\u2019t load reports.",
+  "board.retry": "Try again",
   "board.list.you": "you",
   "board.list.count": "{n} of {total}",
   "board.detail.empty": "Pick a report on the left to see its full thread.",
@@ -746,6 +754,12 @@ var FRENCH_STRINGS = {
   "board.kpi.closed": "Ferm\xE9",
   "board.kpi.rejected": "Refus\xE9",
   "board.kpi.resolution_rate": "Taux de r\xE9solution",
+  "board.sort": "Trier",
+  "board.sort.recent": "Plus r\xE9cents",
+  "board.sort.oldest": "Plus anciens",
+  "board.sort.updated": "Activit\xE9 r\xE9cente",
+  "board.sort.severity": "S\xE9v\xE9rit\xE9",
+  "board.sort.status": "Statut",
   "board.filter.status": "Statut",
   "board.filter.type": "Type",
   "board.filter.severity": "S\xE9v\xE9rit\xE9",
@@ -755,7 +769,8 @@ var FRENCH_STRINGS = {
   "board.list.empty.title": "Rien \xE0 voir ici",
   "board.list.empty.description": "Les rapports appara\xEEtront ici d\xE8s qu\u2019ils arrivent.",
   "board.list.loading": "Chargement\u2026",
-  "board.list.error": "Impossible de charger les rapports. R\xE9essayez.",
+  "board.list.error": "Impossible de charger les rapports.",
+  "board.retry": "R\xE9essayer",
   "board.list.you": "vous",
   "board.list.count": "{n} sur {total}",
   "board.detail.empty": "S\xE9lectionnez un rapport \xE0 gauche pour voir le fil complet.",
@@ -853,6 +868,25 @@ import { useCallback, useEffect as useEffect8, useState as useState7 } from "pre
 // src/widget/BoardView.tsx
 import { useEffect as useEffect2, useMemo, useState as useState2 } from "preact/hooks";
 
+// src/widget/boardViewStore.ts
+var PREFIX = "mhosaic.boardView.";
+function loadBoardView(externalId) {
+  try {
+    const raw = localStorage.getItem(PREFIX + externalId);
+    if (!raw) return {};
+    const parsed = JSON.parse(raw);
+    return parsed && typeof parsed === "object" ? parsed : {};
+  } catch {
+    return {};
+  }
+}
+function saveBoardView(externalId, view) {
+  try {
+    localStorage.setItem(PREFIX + externalId, JSON.stringify(view));
+  } catch {
+  }
+}
+
 // src/widget/ReportDetailView.tsx
 import { useEffect, useRef, useState } from "preact/hooks";
 
@@ -1291,6 +1325,7 @@ function StatusHistorySection({ rows, strings }) {
 // src/widget/BoardView.tsx
 import { Fragment as Fragment2, jsx as jsx3, jsxs as jsxs3 } from "preact/jsx-runtime";
 var POLL_MS2 = 3e4;
+var SORT_OPTIONS = ["recent", "oldest", "updated", "severity", "status"];
 var STATUSES = [
   "new",
   "in_progress",
@@ -1301,13 +1336,17 @@ var STATUSES = [
 var TYPES = ["bug", "feature", "question", "praise", "typo"];
 var SEVERITIES = ["blocker", "high", "medium", "low"];
 function BoardView({ api, externalId, strings }) {
-  const [filters, setFilters] = useState2({});
+  const [filters, setFilters] = useState2(() => loadBoardView(externalId));
+  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(null);
   const [detailKey, setDetailKey] = useState2(0);
+  const [reloadTick, setReloadTick] = useState2(0);
   const activeFilterCount = useMemo(() => {
     return (filters.status?.length ?? 0) + (filters.type?.length ?? 0) + (filters.severity?.length ?? 0) + (filters.q ? 1 : 0) + (filters.mine ? 1 : 0);
   }, [filters]);
@@ -1338,7 +1377,7 @@ function BoardView({ api, externalId, strings }) {
       cancelled = true;
       if (timer) clearTimeout(timer);
     };
-  }, [api, externalId, filtersHash(filters)]);
+  }, [api, externalId, filtersHash(filters), reloadTick]);
   const selectedRow = useMemo(() => {
     if (!selectedId || !page) return null;
     return page.results.find((r) => r.id === selectedId) ?? null;
@@ -1360,7 +1399,22 @@ function BoardView({ api, externalId, strings }) {
     ),
     /* @__PURE__ */ jsxs3("div", { class: "board-body", children: [
       /* @__PURE__ */ jsxs3("div", { class: "board-list-wrap", "aria-busy": loading && !page, children: [
-        error && /* @__PURE__ */ jsx3("div", { class: "board-error", children: strings["board.list.error"] }),
+        error && /* @__PURE__ */ jsxs3("div", { class: "board-error", role: "alert", children: [
+          /* @__PURE__ */ jsx3("span", { children: strings["board.list.error"] }),
+          /* @__PURE__ */ jsx3(
+            "button",
+            {
+              type: "button",
+              class: "btn btn--ghost",
+              onClick: () => {
+                setError(null);
+                setLoading(true);
+                setReloadTick((t) => t + 1);
+              },
+              children: strings["board.retry"]
+            }
+          )
+        ] }),
         !error && loading && !page && /* @__PURE__ */ jsx3(BoardListSkeleton, {}),
         !error && page && page.results.length === 0 && !loading && /* @__PURE__ */ jsx3(BoardEmpty, { strings }),
         !error && page && page.results.length > 0 && /* @__PURE__ */ jsx3(
@@ -1477,6 +1531,7 @@ function BoardFilters({
       onChange({ ...filters, severity: [value] });
     }
   };
+  const setOrdering = (value) => onChange({ ...filters, ordering: value });
   const setSearch = (q) => onChange({ ...filters, q });
   const toggleMine = () => {
     if (filters.mine) {
@@ -1489,6 +1544,16 @@ function BoardFilters({
   };
   const clear = () => onChange({});
   return /* @__PURE__ */ jsxs3("div", { class: "board-filters", children: [
+    /* @__PURE__ */ jsx3(
+      "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))
+      }
+    ),
     /* @__PURE__ */ jsxs3(
       "select",
       {
@@ -1652,7 +1717,8 @@ function filtersHash(f) {
     t: f.type?.slice().sort(),
     sv: f.severity?.slice().sort(),
     q: f.q ?? "",
-    m: Boolean(f.mine)
+    m: Boolean(f.mine),
+    o: f.ordering ?? ""
   });
 }
 function formatRelative(iso) {
@@ -4811,8 +4877,8 @@ function createFeedback(config) {
       capture_method: captureMethod,
       technical_context
     };
-    if ("0.19.0") {
-      payload.widget_version = "0.19.0";
+    if ("0.20.0") {
+      payload.widget_version = "0.20.0";
     }
     if (manualScreenshot) payload.screenshot = manualScreenshot;
     if (values.synthetic) payload.synthetic = true;
@@ -4905,4 +4971,4 @@ function createFeedback(config) {
 export {
   createFeedback
 };
-//# sourceMappingURL=chunk-LCH5O3GT.mjs.map
+//# sourceMappingURL=chunk-YV7LMW22.mjs.map