@mhosaic/feedback 0.29.0 → 0.31.0

package/dist/{chunk-7FGWO6KO.mjs → chunk-AA24TFKX.mjs}

@@ -1807,6 +1807,7 @@ function StatusHistorySection({ rows, strings }) {
 // src/widget/BoardView.tsx
 import { Fragment as Fragment2, jsx as jsx3, jsxs as jsxs4 } from "preact/jsx-runtime";
 var POLL_MS2 = 3e4;
+var SEARCH_DEBOUNCE_MS = 300;
 var SORT_OPTIONS = ["recent", "oldest", "updated", "severity", "status"];
 var STATUSES = [
   "new",
@@ -1836,6 +1837,22 @@ function BoardView({
   const [selectedId, setSelectedId] = useState2(initialSelectedId ?? null);
   const [detailKey, setDetailKey] = useState2(0);
   const [reloadTick, setReloadTick] = useState2(0);
+  const [qDraft, setQDraft] = useState2(filters.q ?? "");
+  const debouncedQ = useDebouncedValue(qDraft, SEARCH_DEBOUNCE_MS);
+  useEffect2(() => {
+    setFilters((f) => {
+      if ((f.q ?? "") === debouncedQ) return f;
+      if (debouncedQ === "") {
+        const { q: _drop, ...rest } = f;
+        void _drop;
+        return rest;
+      }
+      return { ...f, q: debouncedQ };
+    });
+  }, [debouncedQ]);
+  useEffect2(() => {
+    setQDraft(filters.q ?? "");
+  }, [filters.q]);
   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]);
@@ -1849,6 +1866,8 @@ function BoardView({
   }, [filtersHash(filters), thisPage, reloadTick]);
   useEffect2(() => {
     let cancelled = false;
+    setPage(null);
+    setKpis(null);
     setLoading(true);
     const poll = startPoll(async () => {
       try {
@@ -1889,6 +1908,8 @@ function BoardView({
       {
         filters,
         onChange: setFilters,
+        searchDraft: qDraft,
+        onSearchDraftChange: setQDraft,
         activeCount: activeFilterCount,
         strings,
         thisPage,
@@ -2015,6 +2036,8 @@ function BoardKpiStrip({
 function BoardFilters({
   filters,
   onChange,
+  searchDraft,
+  onSearchDraftChange,
   activeCount,
   strings,
   thisPage,
@@ -2048,7 +2071,6 @@ function BoardFilters({
     }
   };
   const setOrdering = (value) => onChange({ ...filters, ordering: value });
-  const setSearch = (q) => onChange({ ...filters, q });
   const toggleMine = () => {
     if (filters.mine) {
       const { mine: _drop, ...rest } = filters;
@@ -2137,8 +2159,8 @@ function BoardFilters({
         type: "search",
         class: "board-filter-search",
         placeholder: strings["board.filter.search.placeholder"],
-        value: filters.q ?? "",
-        onInput: (e) => setSearch(e.target.value)
+        value: searchDraft,
+        onInput: (e) => onSearchDraftChange(e.target.value)
       }
     ),
     /* @__PURE__ */ jsxs4("label", { class: "board-filter-toggle", children: [
@@ -2255,6 +2277,14 @@ function DetailEmptyIllustration() {
     /* @__PURE__ */ jsx3("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);
+  useEffect2(() => {
+    const t = setTimeout(() => setDebounced(value), ms);
+    return () => clearTimeout(t);
+  }, [value, ms]);
+  return debounced;
+}
 function filtersHash(f) {
   return JSON.stringify({
     s: f.status?.slice().sort(),
@@ -6175,8 +6205,8 @@ function createFeedback(config) {
       capture_method: captureMethod,
       technical_context
     };
-    if ("0.29.0") {
-      payload.widget_version = "0.29.0";
+    if ("0.31.0") {
+      payload.widget_version = "0.31.0";
     }
     if (manualScreenshots?.length) {
       payload.screenshots = manualScreenshots;
@@ -6302,4 +6332,4 @@ function createFeedback(config) {
 export {
   createFeedback
 };
-//# sourceMappingURL=chunk-7FGWO6KO.mjs.map
+//# sourceMappingURL=chunk-AA24TFKX.mjs.map