impact-nova 1.7.13 → 1.7.14

package/dist/components/ui/data-table/data-table-saved-views.js

@@ -1,169 +1,274 @@
-import { jsxs as l, Fragment as le, jsx as a } from "react/jsx-runtime";
+import { jsxs as n, Fragment as H, jsx as t } from "react/jsx-runtime";
 import * as i from "react";
-import { ChevronDown as ie, Star as w, Search as se, Pencil as re, Trash2 as oe, Bookmark as de } from "lucide-react";
-import { cn as T } from "../../../lib/utils.js";
-import { Popover as ce, PopoverTrigger as me, PopoverContent as pe } from "../popover.js";
-import { Tooltip as _, TooltipTrigger as F, TooltipContent as L } from "../tooltip.js";
-import { Button as o } from "../button.js";
-import { Badge as C } from "../badge.js";
-import { Input as ue } from "../input.js";
-import { Separator as fe } from "../separator.js";
-import { Skeleton as k } from "../skeleton.js";
-import { Prompt as he } from "../prompt.js";
-import { useImpactNovaI18n as be } from "../../../i18n/ImpactNovaI18nContext.js";
-const Se = ({
-  isSaveViewEnabled: Q = !0,
+import { ChevronDown as be, Star as P, Search as xe, Bookmark as ve, Pencil as ge, Trash2 as ye } from "lucide-react";
+import { cn as N } from "../../../lib/utils.js";
+import { Popover as Ne, PopoverTrigger as we, PopoverContent as Te } from "../popover.js";
+import { Tooltip as J, TooltipTrigger as W, TooltipContent as X } from "../tooltip.js";
+import { Button as d } from "../button.js";
+import { Badge as B } from "../badge.js";
+import { Input as Ce } from "../input.js";
+import { Separator as Z } from "../separator.js";
+import { Skeleton as O } from "../skeleton.js";
+import { Prompt as Ve } from "../prompt.js";
+import { useImpactNovaI18n as ke } from "../../../i18n/ImpactNovaI18nContext.js";
+function De(h) {
+  return h.id === "-1" ? "system" : h.isDefaultView ? "default" : h.isActive ? "active" : "other";
+}
+const Se = ["default", "active", "system"], Fe = ({
+  isSaveViewEnabled: h = !0,
   views: s,
   activeViewSummary: q,
-  viewTypeOptions: K,
-  menuOpen: D,
-  defaultMenuOpen: R = !1,
-  onMenuOpenChange: V,
-  onSearch: m,
-  isLoadingViews: z = !1,
-  customListContent: S,
-  disableApply: Y = !1,
-  className: G,
-  onSaveViewClick: H,
-  onApply: J,
-  onCancel: U,
-  onEditView: W,
-  onDeleteView: X,
-  onSetDefaultView: M
+  viewTypeOptions: ee,
+  menuOpen: E,
+  defaultMenuOpen: te = !1,
+  onMenuOpenChange: j,
+  onSearch: w,
+  isLoadingViews: I = !1,
+  customListContent: R,
+  disableApply: ae = !1,
+  className: ne,
+  onSaveViewClick: ie,
+  onApply: le,
+  onCancel: re,
+  onEditView: se,
+  onDeleteView: oe,
+  onSetDefaultView: _
 }) => {
-  const { t } = be(), b = D !== void 0, [Z, $] = i.useState(
-    R
-  ), p = b ? !!D : Z, d = i.useCallback(
+  const { t: a } = ke(), T = E !== void 0, [ce, de] = i.useState(
+    te
+  ), m = T ? !!E : ce, u = i.useCallback(
     (e) => {
-      b || $(e), V?.(e);
+      T || de(e), j?.(e);
     },
-    [b, V]
-  ), [u, x] = i.useState("All"), [v, g] = i.useState(""), [f, P] = i.useState("");
+    [T, j]
+  ), [b, C] = i.useState("All"), [g, V] = i.useState(""), [L, k] = i.useState("");
   i.useEffect(() => {
-    const e = window.setTimeout(() => P(v), 300);
+    const e = window.setTimeout(() => k(g), 300);
     return () => window.clearTimeout(e);
-  }, [v]), i.useEffect(() => {
-    m && m(f);
-  }, [f, m]);
-  const A = i.useMemo(
+  }, [g]), i.useEffect(() => {
+    w && w(L);
+  }, [L, w]);
+  const F = i.useMemo(
     () => s.find((e) => e.isActive),
     [s]
-  ), r = A ?? null, E = q ?? A?.viewName ?? t("dataTable.savedViewsNotApplicable"), [N, y] = i.useState(null), [h, j] = i.useState(null);
+  ), c = F ?? null, Q = q ?? F?.viewName ?? a("dataTable.savedViewsNotApplicable"), [D, S] = i.useState(null), [x, U] = i.useState(null), Y = i.useRef(!1);
   i.useEffect(() => {
-    if (p) {
-      const e = s.find((c) => c.isActive);
-      y(e?.id ?? null), x("All"), g(""), P("");
+    const e = m && !Y.current;
+    if (Y.current = m, e) {
+      const l = s.find((o) => o.isActive);
+      S(l?.id ?? null), C("All"), V(""), k("");
     }
-  }, [p, s]);
-  const B = i.useMemo(() => u === "All" ? s : s.filter((e) => e.viewType === u), [s, u]), I = i.useMemo(() => {
-    let e = B;
-    if (!m && f.trim()) {
-      const c = f.trim().toLowerCase();
-      e = e.filter((n) => n.viewName.toLowerCase().includes(c));
-    }
-    return e;
-  }, [B, f, m]), O = N === null ? null : s.find((e) => e.id === N) ?? null, ee = () => {
-    J?.(O, { activeView: r }), d(!1);
-  }, ae = () => {
-    U?.({ activeView: r, pendingView: O }), d(!1);
-  }, te = (e) => {
-    d(e), e || g("");
+  }, [m, s]);
+  const v = i.useMemo(() => b === "All" ? s : s.filter((e) => e.viewType === b), [s, b]), p = g.trim().toLowerCase(), y = i.useCallback(
+    (e, l) => l ? (e.viewName ?? "").trim().toLowerCase().includes(l) : !0,
+    []
+  ), M = i.useMemo(() => {
+    let e = v;
+    return p && (e = e.filter((l) => y(l, p))), e;
+  }, [v, p, y]), f = i.useMemo(() => {
+    if (v.length === 0) return [];
+    const e = Object.groupBy(v, De);
+    return Se.flatMap((l) => {
+      const o = e[l]?.[0];
+      return o ? p && !y(o, p) ? [] : [o] : [];
+    });
+  }, [v, p, y]), z = i.useMemo(() => {
+    const e = new Set(f.map((l) => l.id));
+    return M.filter((l) => !e.has(l.id));
+  }, [M, f]), $ = D === null ? null : s.find((e) => e.id === D) ?? null, me = () => {
+    le?.($, { activeView: c }), u(!1);
+  }, ue = () => {
+    re?.({ activeView: c, pendingView: $ }), u(!1);
+  }, pe = (e) => {
+    u(e), e || (V(""), k(""));
   };
-  if (!Q)
+  if (!h)
     return null;
-  const ne = s.length > 0;
-  return /* @__PURE__ */ l(le, { children: [
-    /* @__PURE__ */ l(
+  const fe = s.length > 0, K = (e, l, o) => {
+    const A = D === e.id, G = l === "priority" && !!e.isActive, he = l === "list" && !!e.isActive;
+    return /* @__PURE__ */ n(
+      "div",
+      {
+        role: "button",
+        tabIndex: 0,
+        className: N(
+          "mb-1 flex cursor-pointer items-center justify-between rounded-lg px-3 py-2 text-left text-sm font-medium font-['Manrope'] hover:bg-muted",
+          G && !A && "bg-primary/10 dark:bg-primary/15",
+          A && "bg-badge-info-muted text-badge-info-foreground",
+          !A && !G && "text-foreground"
+        ),
+        onClick: () => S(e.id),
+        onKeyDown: (r) => {
+          (r.key === "Enter" || r.key === " ") && (r.preventDefault(), S(e.id));
+        },
+        children: [
+          /* @__PURE__ */ n(J, { children: [
+            /* @__PURE__ */ t(W, { asChild: !0, children: /* @__PURE__ */ t(
+              "span",
+              {
+                className: N(
+                  "min-w-0 flex-1 truncate",
+                  he && "underline decoration-primary decoration-2 underline-offset-2"
+                ),
+                children: e.viewName
+              }
+            ) }),
+            /* @__PURE__ */ t(X, { variant: "tertiary", side: "right", children: e.viewName })
+          ] }),
+          /* @__PURE__ */ n("div", { className: "flex shrink-0 items-center gap-0.5", children: [
+            e.isEditable ? /* @__PURE__ */ t(
+              d,
+              {
+                type: "button",
+                variant: "ghost",
+                size: "iconSm",
+                className: "text-foreground hover:text-content-charcoal",
+                "aria-label": a("dataTable.savedViewsEdit"),
+                onClick: (r) => {
+                  r.stopPropagation(), r.preventDefault(), u(!1), se?.(e, { activeView: c });
+                },
+                children: /* @__PURE__ */ t(ge, { className: "size-3.5" })
+              }
+            ) : null,
+            e.isDeletable ? /* @__PURE__ */ t(
+              d,
+              {
+                type: "button",
+                variant: "ghost",
+                size: "iconSm",
+                className: "text-foreground hover:text-destructive",
+                "aria-label": a("dataTable.savedViewsDelete"),
+                onClick: (r) => {
+                  r.stopPropagation(), r.preventDefault(), u(!1), U(e);
+                },
+                children: /* @__PURE__ */ t(ye, { className: "size-3.5" })
+              }
+            ) : null,
+            e.hideDefaultStar ? null : e.isDefaultView ? /* @__PURE__ */ t(
+              d,
+              {
+                type: "button",
+                variant: "ghost",
+                size: "iconSm",
+                className: "text-yellow-500 hover:text-yellow-600",
+                "aria-label": a("dataTable.savedViewsDefaultAction"),
+                onClick: (r) => {
+                  r.stopPropagation(), r.preventDefault(), _?.(e, { activeView: c });
+                },
+                children: /* @__PURE__ */ t(P, { className: "size-3.5 fill-current" })
+              }
+            ) : /* @__PURE__ */ t(
+              d,
+              {
+                type: "button",
+                variant: "ghost",
+                size: "iconSm",
+                className: "text-yellow-500 hover:text-yellow-600",
+                "aria-label": a("dataTable.savedViewsSetDefault"),
+                onClick: (r) => {
+                  r.stopPropagation(), r.preventDefault(), _?.(e, { activeView: c });
+                },
+                children: /* @__PURE__ */ t(P, { className: "size-3.5" })
+              }
+            )
+          ] })
+        ]
+      },
+      o
+    );
+  };
+  return /* @__PURE__ */ n(H, { children: [
+    /* @__PURE__ */ n(
       "div",
       {
         "data-component": "data-table-saved-views",
-        className: T(
+        className: N(
           "mb-2 mx-4 rounded-lg bg-[linear-gradient(83.74deg,#F5F9EC_72.68%,#D7E5B2_108.88%)] flex min-w-0 flex-wrap items-center justify-between gap-2 px-2 py-3",
-          G
+          ne
         ),
         children: [
-          z ? /* @__PURE__ */ l("div", { className: "flex min-w-0 flex-1 items-center gap-1", children: [
-            /* @__PURE__ */ a(k, { className: "h-6 w-24 rounded-full bg-black/10" }),
-            /* @__PURE__ */ a(k, { className: "h-6 w-6 rounded-md bg-black/10" })
-          ] }) : ne ? /* @__PURE__ */ a("div", { className: "flex min-w-0 flex-1 items-center gap-1 sm:flex-initial", children: /* @__PURE__ */ l(ce, { open: p, onOpenChange: te, children: [
-            /* @__PURE__ */ a(me, { asChild: !0, children: /* @__PURE__ */ l(
+          I ? /* @__PURE__ */ n("div", { className: "flex min-w-0 flex-1 items-center gap-1", children: [
+            /* @__PURE__ */ t(O, { className: "h-6 w-24 rounded-full bg-black/10" }),
+            /* @__PURE__ */ t(O, { className: "h-6 w-6 rounded-md bg-black/10" })
+          ] }) : fe ? /* @__PURE__ */ t("div", { className: "flex min-w-0 flex-1 items-center gap-1 sm:flex-initial", children: /* @__PURE__ */ n(Ne, { open: m, onOpenChange: pe, children: [
+            /* @__PURE__ */ t(we, { asChild: !0, children: /* @__PURE__ */ n(
               "button",
               {
                 type: "button",
                 className: "flex min-w-0 max-w-full cursor-pointer items-center gap-1 rounded-md border-none bg-transparent p-0 text-left outline-none focus-visible:ring-2 focus-visible:ring-focus-ring focus-visible:ring-offset-2",
-                "aria-expanded": p,
+                "aria-expanded": m,
                 "aria-haspopup": "dialog",
-                "aria-label": t("dataTable.savedViewsOpenMenu"),
+                "aria-label": a("dataTable.savedViewsOpenMenu"),
                 children: [
-                  /* @__PURE__ */ l(_, { children: [
-                    /* @__PURE__ */ a(F, { asChild: !0, children: /* @__PURE__ */ a(
-                      C,
+                  /* @__PURE__ */ n(J, { children: [
+                    /* @__PURE__ */ t(W, { asChild: !0, children: /* @__PURE__ */ t(
+                      B,
                       {
                         color: "success",
                         variant: "outline",
                         className: "max-w-[min(100%,200px)] shrink font-['Manrope']",
-                        children: /* @__PURE__ */ a("span", { className: "truncate", children: E })
+                        children: /* @__PURE__ */ t("span", { className: "truncate", children: Q })
                       }
                     ) }),
-                    /* @__PURE__ */ a(L, { variant: "tertiary", side: "top", children: E })
+                    /* @__PURE__ */ t(X, { variant: "tertiary", side: "top", children: Q })
                   ] }),
-                  /* @__PURE__ */ a(
+                  /* @__PURE__ */ t(
                     "span",
                     {
-                      className: T(
+                      className: N(
                         "flex size-6 shrink-0 items-center justify-center rounded-md bg-white transition-transform duration-200",
-                        p && "rotate-180"
+                        m && "rotate-180"
                       ),
                       "aria-hidden": !0,
-                      children: /* @__PURE__ */ a(ie, { className: "size-3.5 text-content-charcoal" })
+                      children: /* @__PURE__ */ t(be, { className: "size-3.5 text-content-charcoal" })
                     }
                   )
                 ]
               }
             ) }),
-            /* @__PURE__ */ a(
-              pe,
+            /* @__PURE__ */ t(
+              Te,
               {
                 align: "start",
                 className: "z-[110] w-[min(100vw-24px,280px)] p-0 shadow-[0_0_4px_0_rgba(0,0,0,0.12)] overflow-visible",
                 sideOffset: 8,
-                children: /* @__PURE__ */ l("div", { className: "flex flex-col py-2", children: [
-                  /* @__PURE__ */ l("div", { className: "flex items-start justify-between gap-2 px-3 pb-2", children: [
-                    /* @__PURE__ */ a("span", { className: "text-sm font-medium text-content-charcoal font-['Manrope']", children: t("dataTable.savedViewsTitle") }),
-                    /* @__PURE__ */ l("div", { className: "flex shrink-0 items-center gap-1 text-xs font-medium text-content-tertiary font-['Manrope']", children: [
-                      /* @__PURE__ */ a(w, { className: "size-3.5 text-badge-warning-ink" }),
-                      t("dataTable.savedViewsDefault")
+                children: /* @__PURE__ */ n("div", { className: "flex flex-col py-2", children: [
+                  /* @__PURE__ */ n("div", { className: "flex items-start justify-between gap-2 px-3 pb-2", children: [
+                    /* @__PURE__ */ t("span", { className: "text-sm font-medium text-content-charcoal font-['Manrope']", children: a("dataTable.savedViewsTitle") }),
+                    /* @__PURE__ */ n("div", { className: "flex shrink-0 items-center gap-1 text-xs font-medium text-content-tertiary font-['Manrope']", children: [
+                      /* @__PURE__ */ t(P, { className: "size-3.5 text-badge-warning-ink" }),
+                      a("dataTable.savedViewsDefault")
                     ] })
                   ] }),
-                  /* @__PURE__ */ l("div", { className: "flex flex-wrap gap-1.5 px-3 pb-2", children: [
-                    /* @__PURE__ */ a(
+                  /* @__PURE__ */ n("div", { className: "flex flex-wrap gap-1.5 px-3 pb-2", children: [
+                    /* @__PURE__ */ t(
                       "button",
                       {
                         type: "button",
                         className: "border-none bg-transparent p-0",
-                        onClick: () => x("All"),
-                        children: /* @__PURE__ */ a(
-                          C,
+                        onClick: () => C("All"),
+                        children: /* @__PURE__ */ t(
+                          B,
                           {
-                            color: u === "All" ? "primary" : "neutral",
+                            color: b === "All" ? "primary" : "neutral",
                             variant: "outline",
                             size: "sm",
                             className: "cursor-pointer font-['Manrope']",
-                            children: t("dataTable.savedViewsAll")
+                            children: a("dataTable.savedViewsAll")
                           }
                         )
                       }
                     ),
-                    K?.map((e) => /* @__PURE__ */ a(
+                    ee?.map((e) => /* @__PURE__ */ t(
                       "button",
                       {
                         type: "button",
                         className: "border-none bg-transparent p-0",
-                        onClick: () => x(e.value),
-                        children: /* @__PURE__ */ a(
-                          C,
+                        onClick: () => C(e.value),
+                        children: /* @__PURE__ */ t(
+                          B,
                           {
-                            color: u === e.value ? "primary" : "neutral",
+                            color: b === e.value ? "primary" : "neutral",
                             variant: "outline",
                             size: "sm",
                             className: "cursor-pointer font-['Manrope']",
@@ -174,178 +279,111 @@ const Se = ({
                       e.value
                     ))
                   ] }),
-                  /* @__PURE__ */ a("div", { className: "px-3 pb-2", children: /* @__PURE__ */ a(
-                    ue,
+                  /* @__PURE__ */ t("div", { className: "px-3 pb-2", children: /* @__PURE__ */ t(
+                    Ce,
                     {
                       size: "sm",
-                      placeholder: t("dataTable.savedViewsSearchPlaceholder"),
-                      value: v,
-                      onChange: (e) => g(e.target.value),
-                      prefix: /* @__PURE__ */ a(
-                        se,
+                      placeholder: a("dataTable.savedViewsSearchPlaceholder"),
+                      value: g,
+                      onChange: (e) => V(e.target.value),
+                      prefix: /* @__PURE__ */ t(
+                        xe,
                         {
                           className: "size-4 shrink-0 text-content-muted",
                           "aria-hidden": !0
                         }
                       ),
                       className: "border-none shadow-none my-2 rounded-none",
-                      "aria-label": t("dataTable.savedViewsSearchPlaceholder")
+                      "aria-label": a("dataTable.savedViewsSearchPlaceholder")
                     }
                   ) }),
-                  /* @__PURE__ */ a("div", { className: "min-h-[72px] px-1", children: S || (z ? /* @__PURE__ */ a("div", { className: "flex max-h-[160px] flex-col gap-2 overflow-y-auto px-2 py-1", children: [1, 2, 3, 4, 5].map((e) => /* @__PURE__ */ a(k, { className: "h-9 w-full rounded-lg" }, e)) }) : I.length === 0 ? /* @__PURE__ */ a("div", { className: "flex min-h-[100px] flex-col items-center justify-center px-4 py-6 text-center", children: /* @__PURE__ */ a("span", { className: "text-sm leading-relaxed text-content-tertiary font-['Manrope']", children: t("dataTable.savedViewsEmptyList") }) }) : /* @__PURE__ */ a("div", { className: "flex max-h-[160px] flex-col overflow-y-auto", children: I.map((e) => {
-                    const c = N === e.id;
-                    return /* @__PURE__ */ l(
-                      "div",
-                      {
-                        role: "button",
-                        tabIndex: 0,
-                        className: T(
-                          "mb-1 flex cursor-pointer items-center justify-between rounded-lg px-3 py-2 text-left text-sm font-medium font-['Manrope'] hover:bg-muted",
-                          c && "bg-badge-info-muted text-badge-info-foreground",
-                          !c && "text-foreground"
-                        ),
-                        onClick: () => y(e.id),
-                        onKeyDown: (n) => {
-                          (n.key === "Enter" || n.key === " ") && (n.preventDefault(), y(e.id));
-                        },
-                        children: [
-                          /* @__PURE__ */ l(_, { children: [
-                            /* @__PURE__ */ a(F, { asChild: !0, children: /* @__PURE__ */ a("span", { className: "min-w-0 flex-1 truncate", children: e.viewName }) }),
-                            /* @__PURE__ */ a(L, { variant: "tertiary", side: "right", children: e.viewName })
-                          ] }),
-                          /* @__PURE__ */ l("div", { className: "flex shrink-0 items-center gap-0.5", children: [
-                            e.isEditable ? /* @__PURE__ */ a(
-                              o,
-                              {
-                                type: "button",
-                                variant: "ghost",
-                                size: "iconSm",
-                                className: "text-foreground hover:text-content-charcoal",
-                                "aria-label": t("dataTable.savedViewsEdit"),
-                                onClick: (n) => {
-                                  n.stopPropagation(), n.preventDefault(), d(!1), W?.(e, { activeView: r });
-                                },
-                                children: /* @__PURE__ */ a(re, { className: "size-3.5" })
-                              }
-                            ) : null,
-                            e.isDeletable ? /* @__PURE__ */ a(
-                              o,
-                              {
-                                type: "button",
-                                variant: "ghost",
-                                size: "iconSm",
-                                className: "text-foreground hover:text-destructive",
-                                "aria-label": t("dataTable.savedViewsDelete"),
-                                onClick: (n) => {
-                                  n.stopPropagation(), n.preventDefault(), d(!1), j(e);
-                                },
-                                children: /* @__PURE__ */ a(oe, { className: "size-3.5" })
-                              }
-                            ) : null,
-                            e.hideDefaultStar ? null : e.isDefaultView ? /* @__PURE__ */ a(
-                              o,
-                              {
-                                type: "button",
-                                variant: "ghost",
-                                size: "iconSm",
-                                className: "text-yellow-500 hover:text-yellow-600",
-                                "aria-label": t(
-                                  "dataTable.savedViewsDefaultAction"
-                                ),
-                                onClick: (n) => {
-                                  n.stopPropagation(), n.preventDefault(), M?.(e, { activeView: r });
-                                },
-                                children: /* @__PURE__ */ a(w, { className: "size-3.5 fill-current" })
-                              }
-                            ) : /* @__PURE__ */ a(
-                              o,
-                              {
-                                type: "button",
-                                variant: "ghost",
-                                size: "iconSm",
-                                className: "text-yellow-500 hover:text-yellow-600",
-                                "aria-label": t(
-                                  "dataTable.savedViewsSetDefault"
-                                ),
-                                onClick: (n) => {
-                                  n.stopPropagation(), n.preventDefault(), M?.(e, { activeView: r });
-                                },
-                                children: /* @__PURE__ */ a(w, { className: "size-3.5" })
-                              }
-                            )
-                          ] })
-                        ]
-                      },
-                      e.id
-                    );
-                  }) })) }),
-                  /* @__PURE__ */ a(fe, { className: "my-1" }),
-                  /* @__PURE__ */ l("div", { className: "flex justify-end gap-2 px-3 pt-1", children: [
-                    /* @__PURE__ */ a(
-                      o,
+                  /* @__PURE__ */ t("div", { className: "min-h-[72px] px-1", children: R || (I ? /* @__PURE__ */ t("div", { className: "flex max-h-[160px] flex-col gap-2 overflow-y-auto px-2 py-1", children: [1, 2, 3, 4, 5].map((e) => /* @__PURE__ */ t(O, { className: "h-9 w-full rounded-lg" }, e)) }) : M.length === 0 && f.length === 0 ? /* @__PURE__ */ t("div", { className: "flex min-h-[100px] flex-col items-center justify-center px-4 py-6 text-center", children: /* @__PURE__ */ t("span", { className: "text-sm leading-relaxed text-content-tertiary font-['Manrope']", children: a("dataTable.savedViewsEmptyList") }) }) : /* @__PURE__ */ n("div", { className: "flex max-h-[220px] flex-col gap-0 overflow-y-auto", children: [
+                    f.length > 0 ? /* @__PURE__ */ t("div", { className: "flex flex-col px-1 pb-1 ", children: f.map(
+                      (e) => K(
+                        e,
+                        "priority",
+                        `priority-${e.id}`
+                      )
+                    ) }) : null,
+                    f.length > 0 && z.length > 0 ? /* @__PURE__ */ t(Z, { className: "bg-[#D9DDE7] mb-2" }) : null,
+                    z.length > 0 ? /* @__PURE__ */ n(H, { children: [
+                      /* @__PURE__ */ t("div", { className: "px-3 pb-1.5 pt-0.5 text-xs font-medium tracking-wide text-[#B4BAC7] font-['Manrope']", children: a("dataTable.savedViewsAllSavedViews") }),
+                      /* @__PURE__ */ t("div", { className: "flex flex-col px-1 pb-1", children: z.map(
+                        (e) => K(
+                          e,
+                          "list",
+                          `list-${e.id}`
+                        )
+                      ) })
+                    ] }) : null
+                  ] })) }),
+                  /* @__PURE__ */ t(Z, { className: "my-1" }),
+                  /* @__PURE__ */ n("div", { className: "flex justify-end gap-2 px-3 pt-1", children: [
+                    /* @__PURE__ */ t(
+                      d,
                       {
                         type: "button",
                         variant: "tertiary",
                         size: "md",
-                        onClick: ae,
-                        children: t("dataTable.savedViewsCancel")
+                        onClick: ue,
+                        children: a("dataTable.savedViewsCancel")
                       }
                     ),
-                    /* @__PURE__ */ a(
-                      o,
+                    /* @__PURE__ */ t(
+                      d,
                       {
                         type: "button",
                         variant: "default",
                         size: "md",
-                        disabled: Y,
-                        onClick: ee,
-                        children: t("dataTable.savedViewsApply")
+                        disabled: ae,
+                        onClick: me,
+                        children: a("dataTable.savedViewsApply")
                       }
                     )
                   ] })
                 ] })
               }
             )
-          ] }) }) : /* @__PURE__ */ l("div", { className: "flex min-w-0 flex-1 items-center gap-2 text-content-tertiary", children: [
-            /* @__PURE__ */ a(de, { className: "size-4 shrink-0", "aria-hidden": !0 }),
-            /* @__PURE__ */ a("span", { className: "text-sm font-medium font-['Manrope']", children: t("dataTable.savedViewsNoneYet") })
+          ] }) }) : /* @__PURE__ */ n("div", { className: "flex min-w-0 flex-1 items-center gap-2 text-content-tertiary", children: [
+            /* @__PURE__ */ t(ve, { className: "size-4 shrink-0", "aria-hidden": !0 }),
+            /* @__PURE__ */ t("span", { className: "text-sm font-medium font-['Manrope']", children: a("dataTable.savedViewsNoneYet") })
           ] }),
-          /* @__PURE__ */ a(
-            o,
+          /* @__PURE__ */ t(
+            d,
             {
               type: "button",
               variant: "tertiary",
               size: "sm",
               className: "shrink-0 font-['Manrope']",
               onClick: () => {
-                d(!1), H?.({ activeView: r });
+                u(!1), ie?.({ activeView: c });
               },
-              children: t("dataTable.savedViewsSave")
+              children: a("dataTable.savedViewsSave")
             }
           )
         ]
       }
     ),
-    /* @__PURE__ */ a(
-      he,
+    /* @__PURE__ */ t(
+      Ve,
       {
         variant: "destructive",
-        open: h !== null,
+        open: x !== null,
         onOpenChange: (e) => {
-          e || j(null);
+          e || U(null);
         },
-        title: t("dataTable.savedViewsDeleteConfirmTitle"),
-        description: h ? t("dataTable.savedViewsDeleteConfirmDescription", {
-          viewName: h.viewName
+        title: a("dataTable.savedViewsDeleteConfirmTitle"),
+        description: x ? a("dataTable.savedViewsDeleteConfirmDescription", {
+          viewName: x.viewName
         }) : void 0,
-        confirmLabel: t("dataTable.savedViewsDeleteConfirmButton"),
+        confirmLabel: a("dataTable.savedViewsDeleteConfirmButton"),
         onConfirm: () => {
-          h && X?.(h, { activeView: r });
+          x && oe?.(x, { activeView: c });
         }
       }
     )
   ] });
 };
 export {
-  Se as DataTableSavedViews
+  Fe as DataTableSavedViews
 };

package/dist/components/ui/types/data-table-saved-views.types.d.ts

@@ -46,8 +46,8 @@ export interface DataTableSavedViewsProps {
     defaultMenuOpen?: boolean;
     onMenuOpenChange?: (open: boolean) => void;
     /**
-     * Optional server-side search: receives debounced query; parent updates `views`.
-     * When provided, local client-side filtering by search text is skipped (see FilterSummary pattern).
+     * Optional hook when the debounced search text changes (e.g. refetch). The list is still
+     * filtered by view name in the component for reliable UX.
      */
     onSearch?: (query: string) => void;
     isLoadingViews?: boolean;

package/dist/i18n/defaultMessages.d.ts

@@ -122,6 +122,8 @@ export interface DataTableMessages {
     savedViewsTitle: string;
     savedViewsDefault: string;
     savedViewsAll: string;
+    /** Section heading above the full list of views */
+    savedViewsAllSavedViews: string;
     savedViewsSearchPlaceholder: string;
     savedViewsEmptyList: string;
     savedViewsCancel: string;