@questpie/admin 3.0.2 → 3.0.4

package/dist/client/components/filter-builder/filter-builder-sheet.mjs

@@ -3,14 +3,17 @@ import { Button } from "../ui/button.mjs";
 import { Sheet, SheetContent, SheetFooter, SheetHeader, SheetTitle } from "../ui/sheet.mjs";
 import { Tabs, TabsContent, TabsList, TabsTrigger } from "../ui/tabs.mjs";
 import { Switch } from "../ui/switch.mjs";
+import { SelectSingle } from "../primitives/select-single.mjs";
 import { ColumnsTab } from "./columns-tab.mjs";
 import { FiltersTab } from "./filters-tab.mjs";
 import { SavedViewsTab } from "./saved-views-tab.mjs";
 import { c } from "react/compiler-runtime";
+import { Icon } from "@iconify/react";
 import { useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/client/components/filter-builder/filter-builder-sheet.tsx
+const NO_GROUPING_VALUE = "__none";
 function arraysEqual(a, b, eq) {
 	return a.length === b.length && a.every((v, i) => eq(v, b[i]));
 }
@@ -28,28 +31,103 @@ function sortConfigEqual(a, b) {
 	return a.field === b.field && a.direction === b.direction;
 }
 function viewConfigEqual(a, b) {
-	return filtersEqual(a.filters, b.filters) && sortConfigEqual(a.sortConfig, b.sortConfig) && arraysEqual(a.visibleColumns, b.visibleColumns, (x, y) => x === y) && a.realtime === b.realtime && a.includeDeleted === b.includeDeleted;
+	return filtersEqual(a.filters, b.filters) && sortConfigEqual(a.sortConfig, b.sortConfig) && arraysEqual(a.visibleColumns, b.visibleColumns, (x, y) => x === y) && a.groupBy === b.groupBy && arraysEqual(a.collapsedGroups ?? [], b.collapsedGroups ?? [], (x, y) => x === y) && a.realtime === b.realtime && a.includeDeleted === b.includeDeleted;
 }
 const EMPTY_SAVED_VIEWS = [];
+function normalizeSavedViewConfig(config) {
+	return {
+		filters: config.filters ?? [],
+		sortConfig: config.sortConfig ?? null,
+		visibleColumns: config.visibleColumns ?? [],
+		groupBy: config.groupBy ?? null,
+		collapsedGroups: [],
+		realtime: config.realtime,
+		includeDeleted: config.includeDeleted ?? false,
+		pagination: {
+			page: 1,
+			pageSize: config.pagination?.pageSize ?? 25
+		}
+	};
+}
+function ViewOptionRow(t0) {
+	const $ = c(12);
+	const { title, description, control } = t0;
+	let t1;
+	if ($[0] !== title) {
+		t1 = /* @__PURE__ */ jsx("p", {
+			className: "text-sm font-medium",
+			children: title
+		});
+		$[0] = title;
+		$[1] = t1;
+	} else t1 = $[1];
+	let t2;
+	if ($[2] !== description) {
+		t2 = /* @__PURE__ */ jsx("p", {
+			className: "text-muted-foreground mt-0.5 text-xs text-pretty",
+			children: description
+		});
+		$[2] = description;
+		$[3] = t2;
+	} else t2 = $[3];
+	let t3;
+	if ($[4] !== t1 || $[5] !== t2) {
+		t3 = /* @__PURE__ */ jsxs("div", {
+			className: "min-w-0",
+			children: [t1, t2]
+		});
+		$[4] = t1;
+		$[5] = t2;
+		$[6] = t3;
+	} else t3 = $[6];
+	let t4;
+	if ($[7] !== control) {
+		t4 = /* @__PURE__ */ jsx("div", {
+			className: "shrink-0",
+			children: control
+		});
+		$[7] = control;
+		$[8] = t4;
+	} else t4 = $[8];
+	let t5;
+	if ($[9] !== t3 || $[10] !== t4) {
+		t5 = /* @__PURE__ */ jsxs("div", {
+			className: "border-border-subtle flex items-center justify-between gap-4 border-b py-3 last:border-b-0",
+			children: [t3, t4]
+		});
+		$[9] = t3;
+		$[10] = t4;
+		$[11] = t5;
+	} else t5 = $[11];
+	return t5;
+}
 function FilterBuilderSheet(t0) {
-	const $ = c(100);
-	const { collection, availableFields, currentConfig, onConfigChange, isOpen, onOpenChange, defaultColumns, savedViews, savedViewsLoading: t1, onSaveView, onDeleteView, supportsSoftDelete: t2 } = t0;
+	const $ = c(126);
+	const { collection, availableFields, currentConfig, onConfigChange, isOpen, onOpenChange, defaultColumns, savedViews, savedViewsLoading: t1, onSaveView, onDeleteView, supportsSoftDelete: t2, groupableFields: t3, defaultGroupBy: t4 } = t0;
 	const savedViewsLoading = t1 === void 0 ? false : t1;
 	const supportsSoftDelete = t2 === void 0 ? false : t2;
+	let t5;
+	if ($[0] !== t3) {
+		t5 = t3 === void 0 ? [] : t3;
+		$[0] = t3;
+		$[1] = t5;
+	} else t5 = $[1];
+	const groupableFields = t5;
+	const defaultGroupBy = t4 === void 0 ? null : t4;
 	const resolvedSavedViews = savedViews ?? EMPTY_SAVED_VIEWS;
 	const { t } = useTranslation();
 	const [localConfig, setLocalConfig] = useState(currentConfig);
-	let t3;
-	if ($[0] !== currentConfig || $[1] !== isOpen) {
-		t3 = {
+	let t6;
+	if ($[2] !== currentConfig || $[3] !== isOpen) {
+		t6 = {
 			isOpen,
 			currentConfig
 		};
-		$[0] = currentConfig;
-		$[1] = isOpen;
-		$[2] = t3;
-	} else t3 = $[2];
-	const [prev, setPrev] = useState(t3);
+		$[2] = currentConfig;
+		$[3] = isOpen;
+		$[4] = t6;
+	} else t6 = $[4];
+	const [prev, setPrev] = useState(t6);
 	if (prev.isOpen !== isOpen || prev.currentConfig !== currentConfig) {
 		setPrev({
 			isOpen,
@@ -57,264 +135,346 @@ function FilterBuilderSheet(t0) {
 		});
 		if (isOpen) setLocalConfig(currentConfig);
 	}
-	let t4;
-	if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
-		t4 = (view) => {
-			setLocalConfig(view.configuration);
+	let t7;
+	if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
+		t7 = (view) => {
+			setLocalConfig(normalizeSavedViewConfig(view.configuration));
 		};
-		$[3] = t4;
-	} else t4 = $[3];
-	const handleLoadView = t4;
-	let t5;
-	if ($[4] !== localConfig || $[5] !== onSaveView) {
-		t5 = (name) => {
-			onSaveView?.(name, localConfig);
+		$[5] = t7;
+	} else t7 = $[5];
+	const handleLoadView = t7;
+	let t8;
+	if ($[6] !== localConfig || $[7] !== onSaveView) {
+		t8 = (name) => {
+			onSaveView?.(name, normalizeSavedViewConfig(localConfig));
 		};
-		$[4] = localConfig;
-		$[5] = onSaveView;
-		$[6] = t5;
-	} else t5 = $[6];
-	const handleSaveView = t5;
-	let t6;
-	if ($[7] !== localConfig || $[8] !== onConfigChange || $[9] !== onOpenChange) {
-		t6 = () => {
+		$[6] = localConfig;
+		$[7] = onSaveView;
+		$[8] = t8;
+	} else t8 = $[8];
+	const handleSaveView = t8;
+	let t9;
+	if ($[9] !== localConfig || $[10] !== onConfigChange || $[11] !== onOpenChange) {
+		t9 = () => {
 			onConfigChange(localConfig);
 			onOpenChange(false);
 		};
-		$[7] = localConfig;
-		$[8] = onConfigChange;
-		$[9] = onOpenChange;
-		$[10] = t6;
-	} else t6 = $[10];
-	const handleApply = t6;
-	let t7;
-	if ($[11] !== availableFields || $[12] !== defaultColumns) {
-		t7 = () => {
+		$[9] = localConfig;
+		$[10] = onConfigChange;
+		$[11] = onOpenChange;
+		$[12] = t9;
+	} else t9 = $[12];
+	const handleApply = t9;
+	let t10;
+	if ($[13] !== availableFields || $[14] !== defaultColumns || $[15] !== defaultGroupBy) {
+		t10 = () => {
 			setLocalConfig({
 				filters: [],
 				sortConfig: null,
 				visibleColumns: defaultColumns ?? availableFields.map(_temp),
+				groupBy: defaultGroupBy,
+				collapsedGroups: [],
 				realtime: void 0,
 				includeDeleted: false
 			});
 		};
-		$[11] = availableFields;
-		$[12] = defaultColumns;
-		$[13] = t7;
-	} else t7 = $[13];
-	const handleReset = t7;
-	let t8;
-	if ($[14] !== currentConfig || $[15] !== localConfig) {
-		t8 = viewConfigEqual(localConfig, currentConfig);
-		$[14] = currentConfig;
-		$[15] = localConfig;
-		$[16] = t8;
-	} else t8 = $[16];
-	const hasChanges = !t8;
-	let t9;
-	if ($[17] !== t) {
-		t9 = t("viewOptions.title");
-		$[17] = t;
-		$[18] = t9;
-	} else t9 = $[18];
-	let t10;
-	if ($[19] !== t9) {
-		t10 = /* @__PURE__ */ jsx(SheetHeader, {
-			className: "px-6 pt-6",
-			children: /* @__PURE__ */ jsx(SheetTitle, { children: t9 })
-		});
-		$[19] = t9;
-		$[20] = t10;
-	} else t10 = $[20];
+		$[13] = availableFields;
+		$[14] = defaultColumns;
+		$[15] = defaultGroupBy;
+		$[16] = t10;
+	} else t10 = $[16];
+	const handleReset = t10;
 	let t11;
-	if ($[21] === Symbol.for("react.memo_cache_sentinel")) {
-		t11 = /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("p", {
-			className: "text-sm font-medium",
-			children: "Realtime Updates"
-		}), /* @__PURE__ */ jsx("p", {
-			className: "text-muted-foreground text-xs",
-			children: "Auto-refresh this table when data changes."
-		})] });
-		$[21] = t11;
-	} else t11 = $[21];
-	const t12 = localConfig.realtime ?? true;
+	if ($[17] !== currentConfig || $[18] !== localConfig) {
+		t11 = viewConfigEqual(localConfig, currentConfig);
+		$[17] = currentConfig;
+		$[18] = localConfig;
+		$[19] = t11;
+	} else t11 = $[19];
+	const hasChanges = !t11;
+	let t12;
+	if ($[20] !== t) {
+		t12 = t("viewOptions.noGrouping");
+		$[20] = t;
+		$[21] = t12;
+	} else t12 = $[21];
 	let t13;
-	if ($[22] !== localConfig) {
-		t13 = (checked) => setLocalConfig({
+	if ($[22] === Symbol.for("react.memo_cache_sentinel")) {
+		t13 = /* @__PURE__ */ jsx(Icon, {
+			icon: "ph:stack-simple",
+			className: "size-4 opacity-60"
+		});
+		$[22] = t13;
+	} else t13 = $[22];
+	let t14;
+	if ($[23] !== t12) {
+		t14 = {
+			value: NO_GROUPING_VALUE,
+			label: t12,
+			icon: t13
+		};
+		$[23] = t12;
+		$[24] = t14;
+	} else t14 = $[24];
+	let t15;
+	if ($[25] !== groupableFields || $[26] !== t14) {
+		t15 = [t14, ...groupableFields.map(_temp2)];
+		$[25] = groupableFields;
+		$[26] = t14;
+		$[27] = t15;
+	} else t15 = $[27];
+	const groupByOptions = t15;
+	let t16;
+	if ($[28] !== t) {
+		t16 = t("viewOptions.title");
+		$[28] = t;
+		$[29] = t16;
+	} else t16 = $[29];
+	let t17;
+	if ($[30] !== t16) {
+		t17 = /* @__PURE__ */ jsx(SheetHeader, {
+			className: "px-6 pt-6",
+			children: /* @__PURE__ */ jsx(SheetTitle, { children: t16 })
+		});
+		$[30] = t16;
+		$[31] = t17;
+	} else t17 = $[31];
+	let t18;
+	if ($[32] !== t) {
+		t18 = t("viewOptions.realtime");
+		$[32] = t;
+		$[33] = t18;
+	} else t18 = $[33];
+	let t19;
+	if ($[34] !== t) {
+		t19 = t("viewOptions.realtimeDescription");
+		$[34] = t;
+		$[35] = t19;
+	} else t19 = $[35];
+	const t20 = localConfig.realtime ?? true;
+	let t21;
+	if ($[36] !== localConfig) {
+		t21 = (checked) => setLocalConfig({
 			...localConfig,
 			realtime: checked
 		});
-		$[22] = localConfig;
-		$[23] = t13;
-	} else t13 = $[23];
-	let t14;
-	if ($[24] !== t12 || $[25] !== t13) {
-		t14 = /* @__PURE__ */ jsx("div", {
-			className: "border-border bg-muted mt-4 border px-3 py-2",
-			children: /* @__PURE__ */ jsxs("div", {
-				className: "flex items-center justify-between gap-3",
-				children: [t11, /* @__PURE__ */ jsx(Switch, {
-					checked: t12,
-					onCheckedChange: t13
-				})]
+		$[36] = localConfig;
+		$[37] = t21;
+	} else t21 = $[37];
+	let t22;
+	if ($[38] !== t20 || $[39] !== t21) {
+		t22 = /* @__PURE__ */ jsx(Switch, {
+			checked: t20,
+			onCheckedChange: t21
+		});
+		$[38] = t20;
+		$[39] = t21;
+		$[40] = t22;
+	} else t22 = $[40];
+	let t23;
+	if ($[41] !== t18 || $[42] !== t19 || $[43] !== t22) {
+		t23 = /* @__PURE__ */ jsx(ViewOptionRow, {
+			title: t18,
+			description: t19,
+			control: t22
+		});
+		$[41] = t18;
+		$[42] = t19;
+		$[43] = t22;
+		$[44] = t23;
+	} else t23 = $[44];
+	let t24;
+	if ($[45] !== localConfig || $[46] !== supportsSoftDelete || $[47] !== t) {
+		t24 = supportsSoftDelete && /* @__PURE__ */ jsx(ViewOptionRow, {
+			title: t("viewOptions.showDeleted"),
+			description: t("viewOptions.showDeletedDescription"),
+			control: /* @__PURE__ */ jsx(Switch, {
+				checked: localConfig.includeDeleted ?? false,
+				onCheckedChange: (checked_0) => setLocalConfig({
+					...localConfig,
+					includeDeleted: checked_0
+				})
 			})
 		});
-		$[24] = t12;
-		$[25] = t13;
-		$[26] = t14;
-	} else t14 = $[26];
-	let t15;
-	if ($[27] !== localConfig || $[28] !== supportsSoftDelete || $[29] !== t) {
-		t15 = supportsSoftDelete && /* @__PURE__ */ jsx("div", {
-			className: "border-border bg-muted mt-3 border px-3 py-2",
-			children: /* @__PURE__ */ jsxs("div", {
-				className: "flex items-center justify-between gap-3",
-				children: [/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("p", {
-					className: "text-sm font-medium",
-					children: t("viewOptions.showDeleted")
-				}), /* @__PURE__ */ jsx("p", {
-					className: "text-muted-foreground text-xs",
-					children: t("viewOptions.showDeletedDescription")
-				})] }), /* @__PURE__ */ jsx(Switch, {
-					checked: localConfig.includeDeleted ?? false,
-					onCheckedChange: (checked_0) => setLocalConfig({
+		$[45] = localConfig;
+		$[46] = supportsSoftDelete;
+		$[47] = t;
+		$[48] = t24;
+	} else t24 = $[48];
+	let t25;
+	if ($[49] !== groupByOptions || $[50] !== groupableFields.length || $[51] !== localConfig || $[52] !== t) {
+		t25 = groupableFields.length > 0 && /* @__PURE__ */ jsx(ViewOptionRow, {
+			title: t("viewOptions.groupBy"),
+			description: t("viewOptions.groupByDescription"),
+			control: /* @__PURE__ */ jsx(SelectSingle, {
+				id: "view-options-group-by",
+				value: localConfig.groupBy ?? NO_GROUPING_VALUE,
+				onChange: (value) => {
+					const nextGroupBy = !value || value === NO_GROUPING_VALUE ? null : value;
+					setLocalConfig({
 						...localConfig,
-						includeDeleted: checked_0
-					})
-				})]
+						groupBy: nextGroupBy,
+						collapsedGroups: [],
+						pagination: {
+							...localConfig.pagination ?? { pageSize: 25 },
+							page: 1
+						}
+					});
+				},
+				options: groupByOptions,
+				clearable: false,
+				emptyMessage: t("viewOptions.noFieldsAvailable"),
+				placeholder: t("viewOptions.noGrouping"),
+				drawerTitle: t("viewOptions.groupBy"),
+				className: "h-9 w-48"
 			})
 		});
-		$[27] = localConfig;
-		$[28] = supportsSoftDelete;
-		$[29] = t;
-		$[30] = t15;
-	} else t15 = $[30];
-	let t16;
-	if ($[31] !== t) {
-		t16 = t("viewOptions.columns");
-		$[31] = t;
-		$[32] = t16;
-	} else t16 = $[32];
-	let t17;
-	if ($[33] !== t16) {
-		t17 = /* @__PURE__ */ jsx(TabsTrigger, {
+		$[49] = groupByOptions;
+		$[50] = groupableFields.length;
+		$[51] = localConfig;
+		$[52] = t;
+		$[53] = t25;
+	} else t25 = $[53];
+	let t26;
+	if ($[54] !== t23 || $[55] !== t24 || $[56] !== t25) {
+		t26 = /* @__PURE__ */ jsxs("div", {
+			className: "mt-4",
+			children: [
+				t23,
+				t24,
+				t25
+			]
+		});
+		$[54] = t23;
+		$[55] = t24;
+		$[56] = t25;
+		$[57] = t26;
+	} else t26 = $[57];
+	let t27;
+	if ($[58] !== t) {
+		t27 = t("viewOptions.columns");
+		$[58] = t;
+		$[59] = t27;
+	} else t27 = $[59];
+	let t28;
+	if ($[60] !== t27) {
+		t28 = /* @__PURE__ */ jsx(TabsTrigger, {
 			value: "columns",
 			className: "flex-1",
-			children: t16
+			children: t27
 		});
-		$[33] = t16;
-		$[34] = t17;
-	} else t17 = $[34];
-	let t18;
-	if ($[35] !== t) {
-		t18 = t("viewOptions.filters");
-		$[35] = t;
-		$[36] = t18;
-	} else t18 = $[36];
-	let t19;
-	if ($[37] !== localConfig.filters.length) {
-		t19 = localConfig.filters.length > 0 && /* @__PURE__ */ jsx("span", {
-			className: "bg-primary text-primary-foreground ml-1.5 rounded-full px-1.5 py-0.5 text-xs",
+		$[60] = t27;
+		$[61] = t28;
+	} else t28 = $[61];
+	let t29;
+	if ($[62] !== t) {
+		t29 = t("viewOptions.filters");
+		$[62] = t;
+		$[63] = t29;
+	} else t29 = $[63];
+	let t30;
+	if ($[64] !== localConfig.filters.length) {
+		t30 = localConfig.filters.length > 0 && /* @__PURE__ */ jsx("span", {
+			className: "bg-foreground text-background ml-1.5 rounded-full px-1.5 py-0.5 text-xs tabular-nums",
 			children: localConfig.filters.length
 		});
-		$[37] = localConfig.filters.length;
-		$[38] = t19;
-	} else t19 = $[38];
-	let t20;
-	if ($[39] !== t18 || $[40] !== t19) {
-		t20 = /* @__PURE__ */ jsxs(TabsTrigger, {
+		$[64] = localConfig.filters.length;
+		$[65] = t30;
+	} else t30 = $[65];
+	let t31;
+	if ($[66] !== t29 || $[67] !== t30) {
+		t31 = /* @__PURE__ */ jsxs(TabsTrigger, {
 			value: "filters",
 			className: "flex-1",
-			children: [t18, t19]
+			children: [t29, t30]
 		});
-		$[39] = t18;
-		$[40] = t19;
-		$[41] = t20;
-	} else t20 = $[41];
-	let t21;
-	if ($[42] !== t) {
-		t21 = t("viewOptions.savedViews");
-		$[42] = t;
-		$[43] = t21;
-	} else t21 = $[43];
-	let t22;
-	if ($[44] !== t21) {
-		t22 = /* @__PURE__ */ jsx(TabsTrigger, {
+		$[66] = t29;
+		$[67] = t30;
+		$[68] = t31;
+	} else t31 = $[68];
+	let t32;
+	if ($[69] !== t) {
+		t32 = t("viewOptions.savedViews");
+		$[69] = t;
+		$[70] = t32;
+	} else t32 = $[70];
+	let t33;
+	if ($[71] !== t32) {
+		t33 = /* @__PURE__ */ jsx(TabsTrigger, {
 			value: "views",
 			className: "flex-1",
-			children: t21
+			children: t32
 		});
-		$[44] = t21;
-		$[45] = t22;
-	} else t22 = $[45];
-	let t23;
-	if ($[46] !== t17 || $[47] !== t20 || $[48] !== t22) {
-		t23 = /* @__PURE__ */ jsxs(TabsList, {
-			variant: "line",
+		$[71] = t32;
+		$[72] = t33;
+	} else t33 = $[72];
+	let t34;
+	if ($[73] !== t28 || $[74] !== t31 || $[75] !== t33) {
+		t34 = /* @__PURE__ */ jsxs(TabsList, {
 			className: "w-full",
 			children: [
-				t17,
-				t20,
-				t22
+				t28,
+				t31,
+				t33
 			]
 		});
-		$[46] = t17;
-		$[47] = t20;
-		$[48] = t22;
-		$[49] = t23;
-	} else t23 = $[49];
-	let t24;
-	if ($[50] !== localConfig) {
-		t24 = (columns) => setLocalConfig({
+		$[73] = t28;
+		$[74] = t31;
+		$[75] = t33;
+		$[76] = t34;
+	} else t34 = $[76];
+	let t35;
+	if ($[77] !== localConfig) {
+		t35 = (columns) => setLocalConfig({
 			...localConfig,
 			visibleColumns: columns
 		});
-		$[50] = localConfig;
-		$[51] = t24;
-	} else t24 = $[51];
-	let t25;
-	if ($[52] !== availableFields || $[53] !== localConfig.visibleColumns || $[54] !== t24) {
-		t25 = /* @__PURE__ */ jsx(TabsContent, {
+		$[77] = localConfig;
+		$[78] = t35;
+	} else t35 = $[78];
+	let t36;
+	if ($[79] !== availableFields || $[80] !== localConfig.visibleColumns || $[81] !== t35) {
+		t36 = /* @__PURE__ */ jsx(TabsContent, {
 			value: "columns",
 			children: /* @__PURE__ */ jsx(ColumnsTab, {
 				fields: availableFields,
 				visibleColumns: localConfig.visibleColumns,
-				onVisibleColumnsChange: t24
+				onVisibleColumnsChange: t35
 			})
 		});
-		$[52] = availableFields;
-		$[53] = localConfig.visibleColumns;
-		$[54] = t24;
-		$[55] = t25;
-	} else t25 = $[55];
-	let t26;
-	if ($[56] !== localConfig) {
-		t26 = (filters) => setLocalConfig({
+		$[79] = availableFields;
+		$[80] = localConfig.visibleColumns;
+		$[81] = t35;
+		$[82] = t36;
+	} else t36 = $[82];
+	let t37;
+	if ($[83] !== localConfig) {
+		t37 = (filters) => setLocalConfig({
 			...localConfig,
 			filters
 		});
-		$[56] = localConfig;
-		$[57] = t26;
-	} else t26 = $[57];
-	let t27;
-	if ($[58] !== availableFields || $[59] !== localConfig.filters || $[60] !== t26) {
-		t27 = /* @__PURE__ */ jsx(TabsContent, {
+		$[83] = localConfig;
+		$[84] = t37;
+	} else t37 = $[84];
+	let t38;
+	if ($[85] !== availableFields || $[86] !== localConfig.filters || $[87] !== t37) {
+		t38 = /* @__PURE__ */ jsx(TabsContent, {
 			value: "filters",
 			children: /* @__PURE__ */ jsx(FiltersTab, {
 				fields: availableFields,
 				filters: localConfig.filters,
-				onFiltersChange: t26
+				onFiltersChange: t37
 			})
 		});
-		$[58] = availableFields;
-		$[59] = localConfig.filters;
-		$[60] = t26;
-		$[61] = t27;
-	} else t27 = $[61];
-	const t28 = onDeleteView || _temp2;
-	let t29;
-	if ($[62] !== collection || $[63] !== handleSaveView || $[64] !== localConfig || $[65] !== resolvedSavedViews || $[66] !== savedViewsLoading || $[67] !== t28) {
-		t29 = /* @__PURE__ */ jsx(TabsContent, {
+		$[85] = availableFields;
+		$[86] = localConfig.filters;
+		$[87] = t37;
+		$[88] = t38;
+	} else t38 = $[88];
+	const t39 = onDeleteView || _temp3;
+	let t40;
+	if ($[89] !== collection || $[90] !== handleSaveView || $[91] !== localConfig || $[92] !== resolvedSavedViews || $[93] !== savedViewsLoading || $[94] !== t39) {
+		t40 = /* @__PURE__ */ jsx(TabsContent, {
 			value: "views",
 			children: /* @__PURE__ */ jsx(SavedViewsTab, {
 				collection,
@@ -323,131 +483,136 @@ function FilterBuilderSheet(t0) {
 				isLoading: savedViewsLoading,
 				onLoadView: handleLoadView,
 				onSaveView: handleSaveView,
-				onDeleteView: t28
+				onDeleteView: t39
 			})
 		});
-		$[62] = collection;
-		$[63] = handleSaveView;
-		$[64] = localConfig;
-		$[65] = resolvedSavedViews;
-		$[66] = savedViewsLoading;
-		$[67] = t28;
-		$[68] = t29;
-	} else t29 = $[68];
-	let t30;
-	if ($[69] !== t23 || $[70] !== t25 || $[71] !== t27 || $[72] !== t29) {
-		t30 = /* @__PURE__ */ jsxs(Tabs, {
+		$[89] = collection;
+		$[90] = handleSaveView;
+		$[91] = localConfig;
+		$[92] = resolvedSavedViews;
+		$[93] = savedViewsLoading;
+		$[94] = t39;
+		$[95] = t40;
+	} else t40 = $[95];
+	let t41;
+	if ($[96] !== t34 || $[97] !== t36 || $[98] !== t38 || $[99] !== t40) {
+		t41 = /* @__PURE__ */ jsxs(Tabs, {
 			defaultValue: "columns",
 			className: "mt-4",
 			children: [
-				t23,
-				t25,
-				t27,
-				t29
+				t34,
+				t36,
+				t38,
+				t40
 			]
 		});
-		$[69] = t23;
-		$[70] = t25;
-		$[71] = t27;
-		$[72] = t29;
-		$[73] = t30;
-	} else t30 = $[73];
-	let t31;
-	if ($[74] !== t14 || $[75] !== t15 || $[76] !== t30) {
-		t31 = /* @__PURE__ */ jsxs("div", {
+		$[96] = t34;
+		$[97] = t36;
+		$[98] = t38;
+		$[99] = t40;
+		$[100] = t41;
+	} else t41 = $[100];
+	let t42;
+	if ($[101] !== t26 || $[102] !== t41) {
+		t42 = /* @__PURE__ */ jsxs("div", {
 			className: "flex-1 overflow-y-auto px-6",
-			children: [
-				t14,
-				t15,
-				t30
-			]
+			children: [t26, t41]
 		});
-		$[74] = t14;
-		$[75] = t15;
-		$[76] = t30;
-		$[77] = t31;
-	} else t31 = $[77];
-	let t32;
-	if ($[78] !== t) {
-		t32 = t("viewOptions.reset");
-		$[78] = t;
-		$[79] = t32;
-	} else t32 = $[79];
-	let t33;
-	if ($[80] !== handleReset || $[81] !== t32) {
-		t33 = /* @__PURE__ */ jsx(Button, {
+		$[101] = t26;
+		$[102] = t41;
+		$[103] = t42;
+	} else t42 = $[103];
+	let t43;
+	if ($[104] !== t) {
+		t43 = t("viewOptions.reset");
+		$[104] = t;
+		$[105] = t43;
+	} else t43 = $[105];
+	let t44;
+	if ($[106] !== handleReset || $[107] !== t43) {
+		t44 = /* @__PURE__ */ jsx(Button, {
 			variant: "outline",
 			onClick: handleReset,
 			className: "flex-1",
-			children: t32
+			children: t43
 		});
-		$[80] = handleReset;
-		$[81] = t32;
-		$[82] = t33;
-	} else t33 = $[82];
-	let t34;
-	if ($[83] !== t) {
-		t34 = t("viewOptions.apply");
-		$[83] = t;
-		$[84] = t34;
-	} else t34 = $[84];
-	const t35 = hasChanges && " *";
-	let t36;
-	if ($[85] !== handleApply || $[86] !== t34 || $[87] !== t35) {
-		t36 = /* @__PURE__ */ jsxs(Button, {
+		$[106] = handleReset;
+		$[107] = t43;
+		$[108] = t44;
+	} else t44 = $[108];
+	let t45;
+	if ($[109] !== t) {
+		t45 = t("viewOptions.apply");
+		$[109] = t;
+		$[110] = t45;
+	} else t45 = $[110];
+	const t46 = hasChanges && " *";
+	let t47;
+	if ($[111] !== handleApply || $[112] !== t45 || $[113] !== t46) {
+		t47 = /* @__PURE__ */ jsxs(Button, {
 			onClick: handleApply,
 			className: "flex-1",
-			children: [t34, t35]
+			children: [t45, t46]
 		});
-		$[85] = handleApply;
-		$[86] = t34;
-		$[87] = t35;
-		$[88] = t36;
-	} else t36 = $[88];
-	let t37;
-	if ($[89] !== t33 || $[90] !== t36) {
-		t37 = /* @__PURE__ */ jsx(SheetFooter, {
+		$[111] = handleApply;
+		$[112] = t45;
+		$[113] = t46;
+		$[114] = t47;
+	} else t47 = $[114];
+	let t48;
+	if ($[115] !== t44 || $[116] !== t47) {
+		t48 = /* @__PURE__ */ jsx(SheetFooter, {
 			className: "mt-4 border-t px-6 py-4",
 			children: /* @__PURE__ */ jsxs("div", {
 				className: "flex w-full gap-2",
-				children: [t33, t36]
+				children: [t44, t47]
 			})
 		});
-		$[89] = t33;
-		$[90] = t36;
-		$[91] = t37;
-	} else t37 = $[91];
-	let t38;
-	if ($[92] !== t10 || $[93] !== t31 || $[94] !== t37) {
-		t38 = /* @__PURE__ */ jsxs(SheetContent, {
+		$[115] = t44;
+		$[116] = t47;
+		$[117] = t48;
+	} else t48 = $[117];
+	let t49;
+	if ($[118] !== t17 || $[119] !== t42 || $[120] !== t48) {
+		t49 = /* @__PURE__ */ jsxs(SheetContent, {
 			side: "right",
 			className: "qa-filter-builder flex flex-col p-0 sm:max-w-md",
 			children: [
-				t10,
-				t31,
-				t37
+				t17,
+				t42,
+				t48
 			]
 		});
-		$[92] = t10;
-		$[93] = t31;
-		$[94] = t37;
-		$[95] = t38;
-	} else t38 = $[95];
-	let t39;
-	if ($[96] !== isOpen || $[97] !== onOpenChange || $[98] !== t38) {
-		t39 = /* @__PURE__ */ jsx(Sheet, {
+		$[118] = t17;
+		$[119] = t42;
+		$[120] = t48;
+		$[121] = t49;
+	} else t49 = $[121];
+	let t50;
+	if ($[122] !== isOpen || $[123] !== onOpenChange || $[124] !== t49) {
+		t50 = /* @__PURE__ */ jsx(Sheet, {
 			open: isOpen,
 			onOpenChange,
-			children: t38
+			children: t49
 		});
-		$[96] = isOpen;
-		$[97] = onOpenChange;
-		$[98] = t38;
-		$[99] = t39;
-	} else t39 = $[99];
-	return t39;
+		$[122] = isOpen;
+		$[123] = onOpenChange;
+		$[124] = t49;
+		$[125] = t50;
+	} else t50 = $[125];
+	return t50;
+}
+function _temp3() {}
+function _temp2(field) {
+	return {
+		value: field.name,
+		label: field.label,
+		icon: /* @__PURE__ */ jsx(Icon, {
+			icon: "ph:rows",
+			className: "size-4 opacity-60"
+		})
+	};
 }
-function _temp2() {}
 function _temp(f) {
 	return f.name;
 }