@pstdio/ui 0.43.0 → 0.43.1-nightly.20261013030813

package/dist/{collection-view-search-D_7Qvz7p.js → collection-view-search-BqYMZQ4q.js}

@@ -1,17 +1,17 @@
-import { n as e, t } from "./scroll-area-crJfiiuF.js";
-import { a as n, r, t as i, u as a } from "./list-row-CmFG_jCC.js";
+import { n as e, t } from "./scroll-area-IeoRS73V.js";
+import { a as n, r, t as i, u as a } from "./list-row-DCHZXCVH.js";
 import { t as o } from "./icon-options-Tt6Wzhtv.js";
 import { i as s, n as c, r as l } from "./host-storage-BIo5azql.js";
-import { n as u, r as d, t as f } from "./number-input-CyrMrDxB.js";
+import { n as u, r as d, t as f } from "./number-input-QDqWYzTR.js";
 import { Box as p, Button as m, Dialog as h, Editable as g, HStack as _, Icon as v, IconButton as y, Input as b, Popover as x, Portal as S, Stack as C, Tabs as w, Text as T } from "@chakra-ui/react";
 import { c as E } from "react/compiler-runtime";
 import { Fragment as D, jsx as O, jsxs as k } from "react/jsx-runtime";
 import { createContext as A, useContext as j, useEffect as M, useRef as N, useState as P } from "react";
-import { Calendar as F, Check as I, ChevronDown as L, ChevronRight as R, CircleDashed as z, Copy as B, Hash as V, LayersPlus as H, ListFilter as U, Pencil as W, Plus as G, RotateCcw as K, Search as ee, SquareCheck as te, Tags as ne, Trash2 as re, Type as ie, UserRound as ae, X as q } from "lucide-react";
-import { useStore as oe } from "zustand";
-import { persist as se } from "zustand/middleware";
-import { createStore as ce } from "zustand/vanilla";
-import { VIEW_FILTER_CONDITIONS as le, normalizeBooleanViewRule as J } from "@pstdio/sdk/extensions";
+import { Calendar as F, Check as I, ChevronDown as L, ChevronRight as R, CircleDashed as z, Copy as B, Hash as V, LayersPlus as H, ListFilter as U, Pencil as W, Plus as G, RotateCcw as K, Search as q, SquareCheck as ee, Tags as te, Trash2 as ne, Type as re, UserRound as ie, X as J } from "lucide-react";
+import { useStore as ae } from "zustand";
+import { persist as oe } from "zustand/middleware";
+import { createStore as se } from "zustand/vanilla";
+import { VIEW_FILTER_CONDITIONS as ce, normalizeBooleanViewRule as le } from "@pstdio/sdk/extensions";
 //#region src/components/collection-view/advanced-filter.ts
 var ue = (e) => e.conjunction === "or" ? {
 	conjunction: "and",
@@ -50,7 +50,7 @@ var ue = (e) => e.conjunction === "or" ? {
 	type: { kind: "string" },
 	filterable: !0,
 	sortable: !0
-}, we = (e) => e.some((e) => e.id === Ce.id) ? e : [Ce, ...e], Y = (e, t) => e.find((e) => e.id === t), Te = (e) => e.type.kind === "enum" || e.type.kind === "enum-multi" || e.type.kind === "user", Ee = (e) => e.sortable === !0 && e.type.kind !== "enum-multi", De = (e) => le[e.type.kind], Oe = {
+}, we = (e) => e.some((e) => e.id === Ce.id) ? e : [Ce, ...e], Y = (e, t) => e.find((e) => e.id === t), Te = (e) => e.type.kind === "enum" || e.type.kind === "enum-multi" || e.type.kind === "user", Ee = (e) => e.sortable === !0 && e.type.kind !== "enum-multi", De = (e) => ce[e.type.kind], Oe = {
 	"is-any-of": "has-any-of",
 	"has-any-of": "is-any-of",
 	"is-none-of": "has-none-of",
@@ -109,13 +109,13 @@ var ue = (e) => e.conjunction === "or" ? {
 		value: n
 	};
 }, Re = A("Item"), ze = () => j(Re), Be = {
-	string: ie,
+	string: re,
 	number: V,
 	date: F,
-	boolean: te,
+	boolean: ee,
 	enum: z,
-	"enum-multi": ne,
-	user: ae
+	"enum-multi": te,
+	user: ie
 }, Ve = (e) => Be[e.type.kind], He = (e) => {
 	let t = E(3), { children: n } = e, r;
 	t[0] === Symbol.for("react.memo_cache_sentinel") ? (r = /* @__PURE__ */ O(d, { name: "Value" }), t[0] = r) : r = t[0];
@@ -728,7 +728,7 @@ var vt = (e, t) => t === "is-empty" || t === "is-not-empty" ? {
 	}), t[6] = o, t[7] = s), s;
 }, St = (e) => {
 	let t = E(31), { fields: n, rule: r, optionsFor: i, onChange: a, onDelete: o } = e, s, c;
-	t[0] !== n || t[1] !== r ? (s = Y(n, r.attributeId), c = s ? J(r, s.type) : r, t[0] = n, t[1] = r, t[2] = s, t[3] = c) : (s = t[2], c = t[3]);
+	t[0] !== n || t[1] !== r ? (s = Y(n, r.attributeId), c = s ? le(r, s.type) : r, t[0] = n, t[1] = r, t[2] = s, t[3] = c) : (s = t[2], c = t[3]);
 	let l = c, u = ze(), d;
 	t[4] === e ? d = t[5] : (d = /* @__PURE__ */ O(xt, { ...e }), t[4] = e, t[5] = d);
 	let f;
@@ -768,7 +768,7 @@ var vt = (e, t) => t === "is-empty" || t === "is-not-empty" ? {
 	let b;
 	t[22] === Symbol.for("react.memo_cache_sentinel") ? (b = /* @__PURE__ */ O(_, { flex: "1" }), t[22] = b) : b = t[22];
 	let x;
-	t[23] === Symbol.for("react.memo_cache_sentinel") ? (x = /* @__PURE__ */ O(v, { as: q }), t[23] = x) : x = t[23];
+	t[23] === Symbol.for("react.memo_cache_sentinel") ? (x = /* @__PURE__ */ O(v, { as: J }), t[23] = x) : x = t[23];
 	let S;
 	t[24] === o ? S = t[25] : (S = /* @__PURE__ */ O(y, {
 		"aria-label": "Remove filter",
@@ -884,7 +884,7 @@ var wt = (e) => {
 		children: [h, g]
 	}), t[11] = p, t[12] = g, t[13] = b) : b = t[13];
 	let x;
-	t[14] === Symbol.for("react.memo_cache_sentinel") ? (x = /* @__PURE__ */ O(v, { as: q }), t[14] = x) : x = t[14];
+	t[14] === Symbol.for("react.memo_cache_sentinel") ? (x = /* @__PURE__ */ O(v, { as: J }), t[14] = x) : x = t[14];
 	let S;
 	t[15] === o ? S = t[16] : (S = /* @__PURE__ */ O(y, {
 		"aria-label": "Remove advanced filter",
@@ -987,7 +987,7 @@ var wt = (e) => {
 }, Rt = (e, t, n) => {
 	let r = Y(t, e.attributeId);
 	if (!r || r.filterable === !1) return;
-	e = J(e, r.type);
+	e = le(e, r.type);
 	let i = ke(r, e.condition);
 	if (!i && r.type.kind !== "boolean" && ["is-any-of", "is-none-of"].includes(e.condition) && Array.isArray(e.value)) return Ft(r, e.condition, e.value);
 	if (i) return i === "is-empty" ? (e) => Z(e, r).length === 0 : i === "is-not-empty" ? (e) => Z(e, r).length > 0 : Lt(r, i, e.value, n);
@@ -1006,7 +1006,7 @@ var wt = (e) => {
 	return i ? e.filter(i) : e;
 }, Vt = (e) => e.rules.length + (e.groups ?? []).reduce((e, t) => e + t.rules.length, 0), Ht = (e) => {
 	let t = E(23), { fields: n, rule: r, options: i, open: a, onOpenChange: o, onChange: s, onRemove: c } = e, l, u;
-	t[0] !== n || t[1] !== r ? (l = Y(n, r.attributeId), u = l ? J(r, l.type) : r, t[0] = n, t[1] = r, t[2] = l, t[3] = u) : (l = t[2], u = t[3]);
+	t[0] !== n || t[1] !== r ? (l = Y(n, r.attributeId), u = l ? le(r, l.type) : r, t[0] = n, t[1] = r, t[2] = l, t[3] = u) : (l = t[2], u = t[3]);
 	let d = u, f = ze(), p = l?.label ?? d.attributeId, m = l?.type.kind === "boolean", h = `${p} filter`, g = m && typeof d.value == "boolean" ? f : p, b;
 	t[4] === g ? b = t[5] : (b = /* @__PURE__ */ O(T, {
 		as: "span",
@@ -1037,7 +1037,7 @@ var wt = (e) => {
 		children: "Unavailable field"
 	}), t[6] = m, t[7] = l, t[8] = s, t[9] = o, t[10] = a, t[11] = i, t[12] = d, t[13] = x) : x = t[13];
 	let S = `Remove ${p} filter`, C;
-	t[14] === Symbol.for("react.memo_cache_sentinel") ? (C = /* @__PURE__ */ O(v, { as: q }), t[14] = C) : C = t[14];
+	t[14] === Symbol.for("react.memo_cache_sentinel") ? (C = /* @__PURE__ */ O(v, { as: J }), t[14] = C) : C = t[14];
 	let w;
 	t[15] !== c || t[16] !== S ? (w = /* @__PURE__ */ O(y, {
 		"aria-label": S,
@@ -1120,18 +1120,18 @@ var wt = (e) => {
 	let t = e.length + 1;
 	for (; e.some((e) => e.title === `View ${t}`);) t += 1;
 	return `View ${t}`;
-}, Gt = (t) => {
-	let n = E(42), { views: r, activeViewId: i, viewsSource: o, dirty: s, busy: c, state: l, onActivate: u, run: d, createView: f } = t, [m, h] = P(), g;
-	n[0] !== c || n[1] !== f || n[2] !== d || n[3] !== r.length || n[4] !== o ? (g = (e) => o ? [
+}, Gt = (n) => {
+	let r = E(42), { views: i, activeViewId: o, viewsSource: s, dirty: c, busy: l, state: u, onActivate: d, run: f, createView: m } = n, [h, g] = P(), _;
+	r[0] !== l || r[1] !== m || r[2] !== f || r[3] !== i.length || r[4] !== s ? (_ = (e) => s ? [
 		{
 			key: "rename",
 			label: "Rename",
-			isDisabled: c,
+			isDisabled: l,
 			icon: /* @__PURE__ */ O(v, {
 				as: W,
 				boxSize: "0.875rem"
 			}),
-			onClick: () => h(e)
+			onClick: () => g(e)
 		},
 		{
 			key: "duplicate",
@@ -1140,8 +1140,8 @@ var wt = (e) => {
 				as: B,
 				boxSize: "0.875rem"
 			}),
-			isDisabled: c,
-			onClick: () => d(() => f({
+			isDisabled: l,
+			onClick: () => f(() => m({
 				settings: e.settings,
 				filter: e.filter,
 				sorts: e.sorts,
@@ -1153,24 +1153,24 @@ var wt = (e) => {
 			key: "delete",
 			label: "Delete view",
 			icon: /* @__PURE__ */ O(v, {
-				as: re,
+				as: ne,
 				boxSize: "0.875rem"
 			}),
-			isDisabled: r.length === 1 || c,
+			isDisabled: i.length === 1 || l,
 			separatorBefore: !0,
-			onClick: () => d(() => o.onDeleteView(e.id))
+			onClick: () => f(() => s.onDeleteView(e.id))
 		}
-	] : [], n[0] = c, n[1] = f, n[2] = d, n[3] = r.length, n[4] = o, n[5] = g) : g = n[5];
-	let _ = g, b;
-	n[6] !== u || n[7] !== r ? (b = (e) => {
-		let t = r.find((t) => t.id === e.value);
-		t && u(t);
-	}, n[6] = u, n[7] = r, n[8] = b) : b = n[8];
-	let x;
-	if (n[9] !== _ || n[10] !== i || n[11] !== s || n[12] !== r) {
+	] : [], r[0] = l, r[1] = m, r[2] = f, r[3] = i.length, r[4] = s, r[5] = _) : _ = r[5];
+	let b = _, x;
+	r[6] !== d || r[7] !== i ? (x = (e) => {
+		let t = i.find((t) => t.id === e.value);
+		t && d(t);
+	}, r[6] = d, r[7] = i, r[8] = x) : x = r[8];
+	let S;
+	if (r[9] !== b || r[10] !== o || r[11] !== c || r[12] !== i) {
 		let e;
-		n[14] !== _ || n[15] !== i || n[16] !== s ? (e = (e) => /* @__PURE__ */ O(a, {
-			actions: _(e),
+		r[14] !== b || r[15] !== o || r[16] !== c ? (e = (e) => /* @__PURE__ */ O(a, {
+			actions: b(e),
 			positioning: { placement: "bottom-start" },
 			children: /* @__PURE__ */ k(w.Trigger, {
 				value: e.id,
@@ -1179,7 +1179,7 @@ var wt = (e) => {
 					as: "span",
 					"data-tab-label": !0,
 					children: e.title
-				}), s && e.id === i ? /* @__PURE__ */ O(p, {
+				}), c && e.id === o ? /* @__PURE__ */ O(p, {
 					"aria-label": "Unsaved view changes",
 					width: "0.375rem",
 					height: "0.375rem",
@@ -1188,55 +1188,59 @@ var wt = (e) => {
 					bg: "fg.warning"
 				}) : null]
 			})
-		}, e.id), n[14] = _, n[15] = i, n[16] = s, n[17] = e) : e = n[17], x = r.map(e), n[9] = _, n[10] = i, n[11] = s, n[12] = r, n[13] = x;
-	} else x = n[13];
-	let S;
-	n[18] === x ? S = n[19] : (S = /* @__PURE__ */ O(w.List, {
-		overflowX: "auto",
-		overflowY: "hidden",
-		children: x
-	}), n[18] = x, n[19] = S);
+		}, e.id), r[14] = b, r[15] = o, r[16] = c, r[17] = e) : e = r[17], S = i.map(e), r[9] = b, r[10] = o, r[11] = c, r[12] = i, r[13] = S;
+	} else S = r[13];
 	let C;
-	n[20] !== i || n[21] !== b || n[22] !== S ? (C = /* @__PURE__ */ O(w.Root, {
-		value: i,
+	r[18] === S ? C = r[19] : (C = /* @__PURE__ */ O(t, {
+		height: "auto",
+		showHorizontalScrollbar: !0,
+		showVerticalScrollbar: !1,
+		children: /* @__PURE__ */ O(w.List, {
+			width: "max-content",
+			children: S
+		})
+	}), r[18] = S, r[19] = C);
+	let A;
+	r[20] !== o || r[21] !== x || r[22] !== C ? (A = /* @__PURE__ */ O(w.Root, {
+		value: o,
 		size: "sm",
 		variant: "subtle",
 		minW: "0",
 		overflow: "hidden",
-		onValueChange: b,
-		children: S
-	}), n[20] = i, n[21] = b, n[22] = S, n[23] = C) : C = n[23];
-	let A = !o || c, j;
-	n[24] !== f || n[25] !== d || n[26] !== l || n[27] !== r || n[28] !== o ? (j = () => o && d(() => f({
-		title: Wt(r),
-		...l
-	})), n[24] = f, n[25] = d, n[26] = l, n[27] = r, n[28] = o, n[29] = j) : j = n[29];
-	let M;
-	n[30] === Symbol.for("react.memo_cache_sentinel") ? (M = /* @__PURE__ */ O(v, { as: H }), n[30] = M) : M = n[30];
+		onValueChange: x,
+		children: C
+	}), r[20] = o, r[21] = x, r[22] = C, r[23] = A) : A = r[23];
+	let j = !s || l, M;
+	r[24] !== m || r[25] !== f || r[26] !== u || r[27] !== i || r[28] !== s ? (M = () => s && f(() => m({
+		title: Wt(i),
+		...u
+	})), r[24] = m, r[25] = f, r[26] = u, r[27] = i, r[28] = s, r[29] = M) : M = r[29];
 	let N;
-	n[31] !== A || n[32] !== j ? (N = /* @__PURE__ */ O(e, {
+	r[30] === Symbol.for("react.memo_cache_sentinel") ? (N = /* @__PURE__ */ O(v, { as: H }), r[30] = N) : N = r[30];
+	let F;
+	r[31] !== j || r[32] !== M ? (F = /* @__PURE__ */ O(e, {
 		content: "Add view",
 		children: /* @__PURE__ */ O(y, {
 			"aria-label": "Add view",
 			size: "2xs",
 			variant: "ghost",
-			disabled: A,
-			onClick: j,
-			children: M
+			disabled: j,
+			onClick: M,
+			children: N
 		})
-	}), n[31] = A, n[32] = j, n[33] = N) : N = n[33];
-	let F;
-	n[34] !== m || n[35] !== d || n[36] !== o ? (F = m && o ? /* @__PURE__ */ O(Ut, {
-		title: m.title,
-		onClose: () => h(void 0),
-		onRename: (e) => d(() => o.onUpdateView(m.id, { title: e }))
-	}, m.id) : null, n[34] = m, n[35] = d, n[36] = o, n[37] = F) : F = n[37];
+	}), r[31] = j, r[32] = M, r[33] = F) : F = r[33];
 	let I;
-	return n[38] !== C || n[39] !== N || n[40] !== F ? (I = /* @__PURE__ */ k(D, { children: [
-		C,
-		N,
-		F
-	] }), n[38] = C, n[39] = N, n[40] = F, n[41] = I) : I = n[41], I;
+	r[34] !== h || r[35] !== f || r[36] !== s ? (I = h && s ? /* @__PURE__ */ O(Ut, {
+		title: h.title,
+		onClose: () => g(void 0),
+		onRename: (e) => f(() => s.onUpdateView(h.id, { title: e }))
+	}, h.id) : null, r[34] = h, r[35] = f, r[36] = s, r[37] = I) : I = r[37];
+	let L;
+	return r[38] !== A || r[39] !== F || r[40] !== I ? (L = /* @__PURE__ */ k(D, { children: [
+		A,
+		F,
+		I
+	] }), r[38] = A, r[39] = F, r[40] = I, r[41] = L) : L = r[41], L;
 }, Kt = {
 	conjunction: "and",
 	rules: []
@@ -1295,7 +1299,7 @@ var wt = (e) => {
 	if (t[0] !== r || t[1] !== o || t[2] !== e.rule) {
 		l = Symbol.for("react.early_return_sentinel");
 		bb0: {
-			let a = J(e.rule ?? Pe(r), r.type);
+			let a = le(e.rule ?? Pe(r), r.type);
 			if (c = [
 				"string",
 				"number",
@@ -1308,7 +1312,7 @@ var wt = (e) => {
 						role: "button",
 						variant: "compact",
 						icon: /* @__PURE__ */ O(v, {
-							as: t ? I : q,
+							as: t ? I : J,
 							boxSize: "3"
 						}),
 						label: t ? "Yes" : "No",
@@ -1366,7 +1370,7 @@ var wt = (e) => {
 		g = C, S = "filter-menu", w = "filterPicker", D = "0", A = "hidden";
 		let P;
 		n[28] === Symbol.for("react.memo_cache_sentinel") ? (P = /* @__PURE__ */ O(v, {
-			as: ee,
+			as: q,
 			boxSize: "0.875rem",
 			color: "fg.muted"
 		}), n[28] = P) : P = n[28];
@@ -1501,7 +1505,7 @@ var wt = (e) => {
 		expandedGroups: {},
 		activeViewId: ""
 	};
-	return ce()(se((e) => ({
+	return se()(oe((e) => ({
 		...i,
 		openMenu: null,
 		openRuleIndex: null,
@@ -1591,11 +1595,11 @@ var wt = (e) => {
 	storage: t
 })), en = (e, t, n) => $t(e, n, t), tn = (e, t, n) => {
 	let r = E(4), i = s(), a;
-	return r[0] !== t || r[1] !== e || r[2] !== i ? (a = en(e, t, i), r[0] = t, r[1] = e, r[2] = i, r[3] = a) : a = r[3], oe(a, n);
+	return r[0] !== t || r[1] !== e || r[2] !== i ? (a = en(e, t, i), r[0] = t, r[1] = e, r[2] = i, r[3] = a) : a = r[3], ae(a, n);
 }, nn = (e, t) => {
 	let n = e.rules.map((e) => {
 		let n = t.find((t) => t.id === e.attributeId);
-		return n ? J(e, n.type) : e;
+		return n ? le(e, n.type) : e;
 	}), r = e.groups?.map((e) => nn(e, t));
 	return n.some((t, n) => t !== e.rules[n]) || r?.some((t, n) => t !== e.groups?.[n]) ? {
 		...e,
@@ -1621,7 +1625,7 @@ var wt = (e) => {
 }, cn = (e) => {
 	let t = E(37), n = e.storageKey, r = e.initialState, i = s(), a;
 	t[0] !== e.initialState || t[1] !== e.storageKey || t[2] !== i ? (a = en(n, r, i), t[0] = e.initialState, t[1] = e.storageKey, t[2] = i, t[3] = a) : a = t[3];
-	let o = a, c = oe(o, ln), { settings: l, filter: u, sorts: d } = e.initialState, f = u === void 0 ? Kt : u, p;
+	let o = a, c = ae(o, ln), { settings: l, filter: u, sorts: d } = e.initialState, f = u === void 0 ? Kt : u, p;
 	t[4] === d ? p = t[5] : (p = d === void 0 ? [] : d, t[4] = d, t[5] = p);
 	let m = p, h;
 	t[6] !== f || t[7] !== e.defaultViews || t[8] !== l || t[9] !== m ? (h = e.defaultViews?.length ? e.defaultViews : [{
@@ -1713,13 +1717,13 @@ var fn = (t) => {
 				onClick: () => {
 					s(!0), setTimeout(() => c.current?.focus(), 0);
 				},
-				children: /* @__PURE__ */ O(v, { as: ee })
+				children: /* @__PURE__ */ O(v, { as: q })
 			})
 		}), n[2] = t) : t = n[2], t;
 	}
 	let d;
 	n[3] === Symbol.for("react.memo_cache_sentinel") ? (d = /* @__PURE__ */ O(v, {
-		as: ee,
+		as: q,
 		boxSize: "0.75rem",
 		color: "fg.muted",
 		flexShrink: 0
@@ -1757,7 +1761,7 @@ var fn = (t) => {
 	}) : null, n[15] = a, n[16] = r, n[17] = g) : g = n[17];
 	let x;
 	n[18] === Symbol.for("react.memo_cache_sentinel") ? (x = /* @__PURE__ */ O(v, {
-		as: q,
+		as: J,
 		boxSize: "0.6875rem",
 		color: "fg.subtle"
 	}), n[18] = x) : x = n[18];
@@ -1808,25 +1812,25 @@ var fn = (t) => {
 		children: d
 	}), n[9] = r, n[10] = d, n[11] = f) : f = n[11], f;
 }, mn = (e) => {
-	let { storageKey: t, initialState: n, views: r, viewsSource: i, fields: a, optionsFor: o } = e, { search: s, onSearchChange: c, searchResultLabel: l, leading: u, actions: d, displayControl: f, align: h = "split" } = e, g = tn(t, n, (e) => e), { activeViewId: v, settings: y, sorts: b, openMenu: x, openRuleIndex: S } = g, w = ue(g.filter), { activateView: E, setFilter: A, setOpenMenu: j, setOpenRuleIndex: M, selectRule: F } = g, I = r.find((e) => e.id === v), L = {
-		settings: y,
-		filter: w,
-		sorts: b
-	}, R = sn(I, L), z = a.filter((e) => e.filterable), B = N(null), [V, H] = P(), [W, G] = P(!1), ee = () => j(x === "filter" ? null : "filter"), te = async (e) => {
-		G(!0), H(void 0);
+	let { storageKey: n, initialState: r, views: i, viewsSource: a, fields: o, optionsFor: s } = e, { search: c, onSearchChange: l, searchResultLabel: u, leading: d, actions: f, displayControl: h, align: g = "split" } = e, v = tn(n, r, (e) => e), { activeViewId: y, settings: b, sorts: x, openMenu: S, openRuleIndex: w } = v, E = ue(v.filter), { activateView: A, setFilter: j, setOpenMenu: M, setOpenRuleIndex: F, selectRule: I } = v, L = i.find((e) => e.id === y), R = {
+		settings: b,
+		filter: E,
+		sorts: x
+	}, z = sn(L, R), B = o.filter((e) => e.filterable), V = N(null), [H, W] = P(), [G, q] = P(!1), ee = () => M(S === "filter" ? null : "filter"), te = async (e) => {
+		q(!0), W(void 0);
 		try {
 			await e();
 		} catch (e) {
-			H(e instanceof Error ? e.message : String(e));
+			W(e instanceof Error ? e.message : String(e));
 		} finally {
-			G(!1);
+			q(!1);
 		}
 	}, ne = async (e) => {
-		i && E(await i.onCreateView(e));
+		a && A(await a.onCreateView(e));
 	}, re = (e) => {
-		let t = Y(z, e);
-		return t ? o(t) : [];
-	}, ie = R || w.rules.length > 0 || !!w.groups?.length;
+		let t = Y(B, e);
+		return t ? s(t) : [];
+	}, ie = z || E.rules.length > 0 || !!E.groups?.length;
 	return /* @__PURE__ */ O(Re.Provider, {
 		value: e.itemLabel ?? "Item",
 		children: /* @__PURE__ */ k(C, {
@@ -1842,33 +1846,33 @@ var fn = (t) => {
 					gap: "2xs",
 					paddingX: "xs",
 					children: [
-						u,
+						d,
 						/* @__PURE__ */ O(Gt, {
-							views: r,
-							activeViewId: v,
-							viewsSource: i,
-							dirty: R,
-							busy: W,
-							state: L,
-							onActivate: E,
+							views: i,
+							activeViewId: y,
+							viewsSource: a,
+							dirty: z,
+							busy: G,
+							state: R,
+							onActivate: A,
 							run: te,
 							createView: ne
 						}),
-						h === "split" ? /* @__PURE__ */ O(p, { flex: "1" }) : null,
+						g === "split" ? /* @__PURE__ */ O(p, { flex: "1" }) : null,
 						/* @__PURE__ */ O(fn, {
-							value: s,
-							onValueChange: c,
-							resultLabel: l
+							value: c,
+							onValueChange: l,
+							resultLabel: u
 						}),
 						/* @__PURE__ */ O(pn, {
 							label: "Filter",
 							icon: U,
-							count: Vt(w),
-							buttonRef: B,
+							count: Vt(E),
+							buttonRef: V,
 							onClick: ee
 						}),
-						f,
-						d
+						h,
+						f
 					]
 				}),
 				ie ? /* @__PURE__ */ k(_, {
@@ -1879,69 +1883,75 @@ var fn = (t) => {
 					paddingX: "xs",
 					borderTopWidth: "1px",
 					borderColor: "border.subtle",
-					children: [
-						/* @__PURE__ */ k(_, {
-							minW: "0",
+					children: [/* @__PURE__ */ O(t, {
+						flex: "1",
+						minW: "0",
+						showHorizontalScrollbar: !0,
+						showVerticalScrollbar: !1,
+						contentProps: {
+							height: "full",
+							display: "flex",
+							alignItems: "center"
+						},
+						children: /* @__PURE__ */ k(_, {
 							gap: "2xs",
-							overflowX: "auto",
-							children: [w.rules.map((e, t) => /* @__PURE__ */ O(Ht, {
-								fields: z,
+							width: "max-content",
+							children: [E.rules.map((e, t) => /* @__PURE__ */ O(Ht, {
+								fields: B,
 								rule: e,
 								options: re(e.attributeId),
-								open: S === t,
-								onOpenChange: (e) => M(e ? t : null),
-								onChange: (e) => A(Q(w, t, e)),
+								open: w === t,
+								onOpenChange: (e) => F(e ? t : null),
+								onChange: (e) => j(Q(E, t, e)),
 								onRemove: () => {
-									M(null), A(Q(w, t, void 0));
+									F(null), j(Q(E, t, void 0));
 								}
-							}, `${t}:${e.attributeId}`)), w.groups?.map((e, t) => /* @__PURE__ */ O(Tt, {
-								fields: z,
+							}, `${t}:${e.attributeId}`)), E.groups?.map((e, t) => /* @__PURE__ */ O(Tt, {
+								fields: B,
 								group: e,
-								optionsFor: o,
-								onChange: (e) => A(de(w, t, e)),
-								onRemove: () => A(de(w, t))
+								optionsFor: s,
+								onChange: (e) => j(de(E, t, e)),
+								onRemove: () => j(de(E, t))
 							}, t))]
-						}),
-						/* @__PURE__ */ O(p, { flex: "1" }),
-						R ? /* @__PURE__ */ k(D, { children: [/* @__PURE__ */ k(m, {
-							size: "2xs",
-							variant: "outline",
-							onClick: () => I && E(I),
-							children: [/* @__PURE__ */ O(K, {}), "Reset"]
-						}), /* @__PURE__ */ O(m, {
-							size: "2xs",
-							variant: "primary",
-							disabled: !i || W,
-							onClick: () => i && I && te(() => i.onUpdateView(I.id, L)),
-							children: "Save view"
-						})] }) : null
-					]
+						})
+					}), z ? /* @__PURE__ */ k(D, { children: [/* @__PURE__ */ k(m, {
+						size: "2xs",
+						variant: "outline",
+						onClick: () => L && A(L),
+						children: [/* @__PURE__ */ O(K, {}), "Reset"]
+					}), /* @__PURE__ */ O(m, {
+						size: "2xs",
+						variant: "primary",
+						disabled: !a || G,
+						onClick: () => a && L && te(() => a.onUpdateView(L.id, R)),
+						children: "Save view"
+					})] }) : null]
 				}) : null,
-				V ? /* @__PURE__ */ O(T, {
+				H ? /* @__PURE__ */ O(T, {
 					role: "alert",
 					color: "fg.error",
 					textStyle: "label/S",
 					padding: "xs",
-					children: V
+					children: H
 				}) : null,
 				/* @__PURE__ */ O(tt, {
-					open: x === "filter",
-					onOpenChange: (e) => j(e ? "filter" : null),
-					anchorRef: B,
+					open: S === "filter",
+					onOpenChange: (e) => M(e ? "filter" : null),
+					anchorRef: V,
 					placement: "bottom-end",
 					width: "min(440px, calc(100vw - 32px))",
 					padding: "0",
 					testId: "filter-menu-popover",
 					children: /* @__PURE__ */ O(Xt, {
-						fields: z,
-						filter: w,
-						optionsFor: o,
-						onSelectRule: F,
+						fields: B,
+						filter: E,
+						optionsFor: s,
+						onSelectRule: I,
 						onAddAdvanced: () => {
-							j(null), A(fe(w));
+							M(null), j(fe(E));
 						},
 						onClear: () => {
-							j(null), M(null), A(Kt);
+							M(null), F(null), j(Kt);
 						}
 					})
 				})
@@ -1961,4 +1971,4 @@ var fn = (t) => {
 //#endregion
 export { ge as A, X as C, xe as D, Se as E, fe as F, ue as I, de as L, _e as M, he as N, ye as O, me as P, Z as S, we as T, Fe as _, tn as a, Y as b, Ht as c, Tt as d, tt as f, Re as g, Ve as h, cn as i, pe as j, be as k, Vt as l, $ as m, _n as n, Xt as o, $e as p, mn as r, Kt as s, gn as t, Bt as u, Q as v, je as w, Me as x, Ee as y };
 
-//# sourceMappingURL=collection-view-search-D_7Qvz7p.js.map
+//# sourceMappingURL=collection-view-search-BqYMZQ4q.js.map