@dragonmastery/dragoncore-vue 0.0.21 → 0.0.23

package/dist/saved_filter-CfzH0BzK.js

@@ -0,0 +1,1210 @@
+import { t as useMutation } from "./useMutation-BLNuJoYl.js";
+import { t as useQuery } from "./useQuery-BzUGEOj0.js";
+import { t as ConfirmDialog_default } from "./ConfirmDialog-DjthOYU6.js";
+import { c as userAuthenticated } from "./userAuthorized-C09FHWGL.js";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, inject, nextTick, normalizeClass, onMounted, openBlock, ref, renderList, renderSlot, toDisplayString, unref, vModelText, watch, withCtx, withDirectives, withKeys, withModifiers } from "vue";
+import { MAX_PRESETS_PER_CONTEXT, OPERATORS } from "@dragonmastery/dragoncore-shared";
+
+//#region src/components/BaseModal.vue
+const _hoisted_1$4 = { class: "modal-box max-w-md w-full max-h-[90vh] flex flex-col p-0" };
+const _hoisted_2$4 = { class: "flex justify-between items-center p-6 pb-4 border-b border-base-300 flex-shrink-0" };
+const _hoisted_3$4 = { class: "font-bold text-lg" };
+const _hoisted_4$4 = { class: "modal-content flex-1 overflow-y-auto p-6" };
+const _hoisted_5$3 = {
+	method: "dialog",
+	class: "modal-backdrop"
+};
+const _sfc_main$4 = /* @__PURE__ */ defineComponent({
+	__name: "BaseModal",
+	props: {
+		isOpen: { type: Boolean },
+		title: { default: "" }
+	},
+	emits: ["close"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const modal = ref();
+		const handleClose = () => {
+			emit("close");
+		};
+		watch(() => props.isOpen, (isOpen) => {
+			if (isOpen && modal.value) modal.value.showModal();
+			else if (!isOpen && modal.value) modal.value.close();
+		}, { immediate: true });
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("dialog", {
+				ref_key: "modal",
+				ref: modal,
+				class: "modal"
+			}, [createElementVNode("div", _hoisted_1$4, [
+				createCommentVNode(" Header with title and close button - fixed, not scrollable "),
+				createElementVNode("div", _hoisted_2$4, [createElementVNode("h3", _hoisted_3$4, [renderSlot(_ctx.$slots, "title", {}, () => [createTextVNode(toDisplayString(__props.title), 1)])]), createElementVNode("button", {
+					type: "button",
+					class: "btn btn-sm btn-circle btn-ghost",
+					onClick: withModifiers(handleClose, ["prevent"]),
+					"aria-label": "Close modal"
+				}, [..._cache[0] || (_cache[0] = [createElementVNode("svg", {
+					xmlns: "http://www.w3.org/2000/svg",
+					class: "h-6 w-6",
+					fill: "none",
+					viewBox: "0 0 24 24",
+					stroke: "currentColor"
+				}, [createElementVNode("path", {
+					"stroke-linecap": "round",
+					"stroke-linejoin": "round",
+					"stroke-width": "2",
+					d: "M6 18L18 6M6 6l12 12"
+				})], -1)])])]),
+				createCommentVNode(" Content slot - scrollable area "),
+				createElementVNode("div", _hoisted_4$4, [renderSlot(_ctx.$slots, "default")])
+			]), createElementVNode("form", _hoisted_5$3, [createElementVNode("button", {
+				type: "button",
+				onClick: withModifiers(handleClose, ["prevent"])
+			}, "close")])], 512);
+		};
+	}
+});
+var BaseModal_default = _sfc_main$4;
+
+//#endregion
+//#region src/constants/time.ts
+/**
+* Time duration constants in milliseconds.
+* Use for staleTime, cache TTL, etc.
+*
+* @example
+* staleTime: 30 * MS.ONE_SECOND
+* staleTime: 5 * MS.ONE_MINUTE
+* staleTime: 24 * MS.ONE_HOUR
+*/
+const MS = {
+	ONE_SECOND: 1e3,
+	ONE_MINUTE: 60 * 1e3,
+	ONE_HOUR: 3600 * 1e3
+};
+
+//#endregion
+//#region src/slices/saved_filter/usePinnedPresets.ts
+const CACHE_KEY = "pinned-presets";
+const MAX_PINNED = 5;
+function usePinnedPresets() {
+	const { data: pinnedData, refetch } = useQuery((api) => api.savedFilters.listPinnedPresets(), {
+		cacheKey: CACHE_KEY,
+		staleTime: 24 * MS.ONE_HOUR
+	});
+	const { mutate: addPin } = useMutation((api, id) => api.savedFilters.addPinnedPreset(id), { invalidate: CACHE_KEY });
+	const { mutate: removePin } = useMutation((api, id) => api.savedFilters.removePinnedPreset(id), { invalidate: CACHE_KEY });
+	const pinned = computed(() => pinnedData.value ?? []);
+	const pinnedIds = computed(() => new Set(pinned.value.map((p) => p.id)));
+	const canPinMore = computed(() => pinned.value.length < MAX_PINNED);
+	function isPinned(presetId) {
+		return pinnedIds.value.has(presetId);
+	}
+	async function pinPreset(preset) {
+		if (pinned.value.length >= MAX_PINNED) return false;
+		if (pinnedIds.value.has(preset.id)) return true;
+		try {
+			await addPin(preset.id);
+			await refetch();
+			return true;
+		} catch {
+			return false;
+		}
+	}
+	async function unpinPreset(presetId) {
+		try {
+			await removePin(presetId);
+			await refetch();
+		} catch {}
+	}
+	async function togglePin(preset) {
+		if (isPinned(preset.id)) {
+			await unpinPreset(preset.id);
+			return false;
+		}
+		return pinPreset(preset);
+	}
+	function getPresetLink(preset) {
+		return {
+			path: preset.route_path,
+			query: preset.filters ?? {}
+		};
+	}
+	function updatePinnedPreset(presetId, updates) {}
+	return {
+		pinned,
+		pinnedIds,
+		canPinMore,
+		isPinned,
+		pinPreset,
+		unpinPreset,
+		togglePin,
+		getPresetLink,
+		updatePinnedPreset,
+		refetchPinned: refetch,
+		maxPinned: MAX_PINNED
+	};
+}
+const PINNED_PRESETS_KEY = Symbol("pinnedPresets");
+/** Use pinned presets from the layout provider. Call this in child components (Sidebar, AppHome, etc.). */
+function useInjectedPinnedPresets() {
+	const injected = inject(PINNED_PRESETS_KEY);
+	if (!injected) throw new Error("useInjectedPinnedPresets must be used within a component tree that provides pinned presets (e.g. InAppLayout).");
+	return injected;
+}
+
+//#endregion
+//#region src/utils/filterUrlParser.ts
+/**
+* Filter URL Parser - Query string serialization/deserialization
+* Uses compact DrizzleORM-style format: flt[field]=value or flt[field][op]=value
+*/
+/**
+* Default operators for each field type when not specified in URL
+*/
+const DEFAULT_OPERATORS = {
+	string: OPERATORS.CONTAINS,
+	number: OPERATORS.EQUALS,
+	date: OPERATORS.EQUALS,
+	boolean: OPERATORS.EQUALS,
+	enum: OPERATORS.EQUALS
+};
+/**
+* Numeric types that should be converted to numbers
+*/
+const NUMERIC_TYPES = [
+	"number",
+	"money",
+	"percentage"
+];
+/**
+* Check if operator requires array values
+*/
+function requiresArrayValues(operator) {
+	return operator === OPERATORS.IS_ONE_OF || operator === OPERATORS.IS_NOT_ONE_OF || operator === OPERATORS.BETWEEN;
+}
+/**
+* Check if operator is a null check (requires no value)
+*/
+function isNullCheckOperator(operator) {
+	return operator === OPERATORS.IS_EMPTY || operator === OPERATORS.IS_NOT_EMPTY;
+}
+/**
+* Deserialize filter configuration from URL query parameters object
+* Parses compact DrizzleORM-style format: flt[field]=value or flt[field][op]=value
+*
+* @param params - URL query parameters object (from Vue Router route.query)
+* @param registry - Field registry metadata for type inference
+* @returns Filter configuration object
+*
+* @example
+* // URL: ?flt[department][eq]=Engineering&flt[id]=4&flt[role][in]=["admin","user"]
+* const filters = deserializeFiltersFromQueryParams(route.query, fieldRegistry);
+* // Result: {
+* //   department: { operator: 'eq', value: 'Engineering' },
+* //   id: { operator: 'eq', value: 4 },
+* //   role: { operator: 'in', values: ['admin', 'user'] }
+* // }
+*/
+function deserializeFiltersFromQueryParams(params, registry) {
+	const config = {};
+	const fieldMap = /* @__PURE__ */ new Map();
+	for (const [key, value] of Object.entries(params)) {
+		const matchDefault = key.match(/^flt\[([^\]]+)\]$/);
+		const matchWithOp = key.match(/^flt\[([^\]]+)\]\[([^\]]+)\]$/);
+		if (!matchDefault && !matchWithOp) continue;
+		const fieldName = matchDefault ? matchDefault[1] : matchWithOp ? matchWithOp[1] : null;
+		const operatorShorthand = matchWithOp ? matchWithOp[2] : null;
+		const stringValue = Array.isArray(value) ? value[0] : value;
+		if (!fieldName) continue;
+		const fieldMeta = registry[fieldName];
+		if (!fieldMeta) continue;
+		const fieldType = fieldMeta.type;
+		const defaultOp = DEFAULT_OPERATORS[fieldType] || OPERATORS.EQUALS;
+		let operator;
+		if (operatorShorthand) operator = operatorShorthand;
+		else operator = defaultOp;
+		if (!fieldMap.has(fieldName)) fieldMap.set(fieldName, { operator });
+		const filter = fieldMap.get(fieldName);
+		filter.operator = operator;
+		if (isNullCheckOperator(operator)) {} else if (requiresArrayValues(operator)) {
+			if (!stringValue || stringValue.trim() === "") {
+				fieldMap.delete(fieldName);
+				continue;
+			}
+			try {
+				const parsed = JSON.parse(stringValue);
+				if (Array.isArray(parsed) && parsed.length > 0) if (NUMERIC_TYPES.includes(fieldType)) filter.values = parsed.map((v) => Number(v));
+				else filter.values = parsed;
+				else {
+					fieldMap.delete(fieldName);
+					continue;
+				}
+			} catch (e) {
+				const values = stringValue.split(",").map((v) => v.trim()).filter((v) => v.length > 0);
+				if (values.length === 0) {
+					fieldMap.delete(fieldName);
+					continue;
+				}
+				if (operator === OPERATORS.BETWEEN && values.length === 2) if (NUMERIC_TYPES.includes(fieldType)) filter.values = [Number(values[0]), Number(values[1])];
+				else if (fieldType === "date") filter.values = [values[0], values[1]];
+				else filter.values = values;
+				else if (operator === OPERATORS.BETWEEN) {
+					fieldMap.delete(fieldName);
+					continue;
+				} else if (NUMERIC_TYPES.includes(fieldType)) filter.values = values.map((v) => Number(v));
+				else filter.values = values;
+			}
+		} else if ((operator === OPERATORS.IS_ONE_OF || operator === OPERATORS.IS_NOT_ONE_OF) && stringValue) if (NUMERIC_TYPES.includes(fieldType)) filter.values = [Number(stringValue)];
+		else filter.values = [stringValue];
+		else if (stringValue) {
+			if (NUMERIC_TYPES.includes(fieldType)) filter.value = Number(stringValue);
+			else if (fieldType === "boolean") filter.value = stringValue === "true" || stringValue === "1";
+			else filter.value = stringValue;
+			if (fieldType === "string" && operator === OPERATORS.CONTAINS) filter.caseSensitive = false;
+		}
+	}
+	for (const [fieldName, filter] of fieldMap.entries()) if (filter.operator) config[fieldName] = filter;
+	return config;
+}
+/**
+* Serialize filter configuration to URL query parameters object
+* Uses compact DrizzleORM-style format: flt[field][op]=value
+*
+* @param config - Filter configuration object
+* @param registry - Field registry metadata for type inference
+* @returns URL query parameters object (can be used with Vue Router)
+*
+* @example
+* const filters = {
+*   department: { operator: 'eq', value: 'Engineering' },
+*   role: { operator: 'in', values: ['admin', 'user'] }
+* };
+* const params = serializeFiltersToQueryParams(filters, fieldRegistry);
+* // Result: {
+* //   'flt[department][eq]': 'Engineering',
+* //   'flt[role][in]': '["admin","user"]'
+* // }
+*/
+function serializeFiltersToQueryParams(config, registry) {
+	const params = {};
+	for (const [fieldName, filter] of Object.entries(config)) {
+		if (!registry[fieldName]) continue;
+		const operator = filter.operator;
+		if (isNullCheckOperator(operator)) params[`flt[${fieldName}][${operator}]`] = "";
+		else if (requiresArrayValues(operator)) {
+			if (filter.values && Array.isArray(filter.values)) params[`flt[${fieldName}][${operator}]`] = JSON.stringify(filter.values);
+		} else params[`flt[${fieldName}][${operator}]`] = String(filter.value);
+	}
+	return params;
+}
+/**
+* Extract filter query params from route query.
+* Handles Vue Router's LocationQuery type which can have null values.
+* Only extracts flt[...] params (actual filters).
+*
+* @example
+* // URL: ?flt[type][in]=["sales","escalation"]&flt[phase][ne]=Post+Sale
+* // Returns: { 'flt[type][in]': '["sales","escalation"]', 'flt[phase][ne]': 'Post+Sale' }
+*/
+function extractFiltersFromQuery(query) {
+	const filters = {};
+	Object.keys(query).forEach((key) => {
+		if (key.startsWith("flt[")) {
+			const value = query[key];
+			if (value !== null && value !== void 0) if (Array.isArray(value)) {
+				const filtered = value.filter((v) => v !== null && v !== void 0);
+				if (filtered.length > 0) filters[key] = filtered;
+			} else filters[key] = String(value);
+		}
+	});
+	return filters;
+}
+/**
+* Build a new query object with filter params replaced (not merged).
+* Strips all flt[...] params from the current query, then adds the new filters.
+* Preserves non-filter params (sort, pagination, etc).
+*/
+function buildQueryWithFilters(currentQuery, filters) {
+	const base = {};
+	for (const [key, value] of Object.entries(currentQuery)) if (!key.startsWith("flt[") && value !== null && value !== void 0) base[key] = Array.isArray(value) ? value.filter((v) => v != null) : String(value);
+	return {
+		...base,
+		...filters
+	};
+}
+
+//#endregion
+//#region src/slices/saved_filter/lastUsedPresetGuard.ts
+/**
+* Router guard helper: redirect to last-used preset filters when navigating with no URL filters.
+* Uses localStorage (no API call) - filters are stored when user applies a preset.
+* Prevents double fetch by applying preset before the list component mounts.
+*/
+const LAST_USED_PREFIX$1 = "lastUsedPreset:";
+const LAST_USED_FILTERS_PREFIX = "lastUsedPresetFilters:";
+function getLastUsedKey$1(context) {
+	return `${LAST_USED_PREFIX$1}${context}`;
+}
+function getLastUsedFiltersKey(context) {
+	return `${LAST_USED_FILTERS_PREFIX}${context}`;
+}
+function getLastUsedPresetFilters(context) {
+	try {
+		const stored = localStorage.getItem(getLastUsedFiltersKey(context));
+		if (!stored) return null;
+		const parsed = JSON.parse(stored);
+		return typeof parsed === "object" && parsed !== null ? parsed : null;
+	} catch {
+		return null;
+	}
+}
+function setLastUsedPresetFilters(context, filters) {
+	try {
+		if (filters && Object.keys(filters).length > 0) localStorage.setItem(getLastUsedFiltersKey(context), JSON.stringify(filters));
+		else localStorage.removeItem(getLastUsedFiltersKey(context));
+	} catch {}
+}
+/**
+* If navigating with no filters and we have a last-used preset, returns the query to redirect to.
+* Otherwise returns null (no redirect needed).
+*/
+function getLastUsedPresetRedirect(context, currentQuery) {
+	const filters = extractFiltersFromQuery(currentQuery);
+	if (Object.keys(filters).length > 0) return null;
+	if (!localStorage.getItem(getLastUsedKey$1(context))) return null;
+	const lastUsedFilters = getLastUsedPresetFilters(context);
+	if (!lastUsedFilters || Object.keys(lastUsedFilters).length === 0) return null;
+	return buildQueryWithFilters(currentQuery, lastUsedFilters);
+}
+/**
+* Creates a Vue Router beforeEnter guard that redirects to last-used preset when navigating with no filters.
+* Use on list routes that have SavedFilterPresets.
+*/
+function createLastUsedPresetGuard(context, routeName) {
+	return (to) => {
+		if (to.name !== routeName) return void 0;
+		const redirectQuery = getLastUsedPresetRedirect(context, to.query);
+		if (!redirectQuery) return void 0;
+		return {
+			name: routeName,
+			query: redirectQuery
+		};
+	};
+}
+
+//#endregion
+//#region src/slices/saved_filter/useSavedFilters.ts
+const LAST_USED_PREFIX = "lastUsedPreset:";
+function getLastUsedKey(context) {
+	return `${LAST_USED_PREFIX}${context}`;
+}
+function getLastUsedPresetId(context) {
+	try {
+		return localStorage.getItem(getLastUsedKey(context));
+	} catch {
+		return null;
+	}
+}
+function setLastUsedPresetId(context, presetId) {
+	try {
+		if (presetId) localStorage.setItem(getLastUsedKey(context), presetId);
+		else localStorage.removeItem(getLastUsedKey(context));
+	} catch {}
+}
+function useSavedFilters(config) {
+	const { context, routePath, getFiltersFromTable, applyFiltersToTable, onClearFilters } = config;
+	const cacheKey = `saved-filters:${context}`;
+	const hasAppliedLastUsed = ref(false);
+	const lastUsedPresetIdRef = ref(getLastUsedPresetId(context));
+	const { data: presets, loading: presetsLoading, refetch: refetchPresets } = useQuery((api) => api.savedFilters.listSavedFilters(context), {
+		cacheKey,
+		staleTime: 24 * MS.ONE_HOUR
+	});
+	const { mutate: createPreset, loading: creating } = useMutation((api, input) => api.savedFilters.createSavedFilter(input), { invalidate: /^saved-filters:/ });
+	const { mutate: updatePreset, loading: updating } = useMutation((api, input) => api.savedFilters.updateSavedFilter(input), { invalidate: /^saved-filters:|^pinned-presets/ });
+	const { mutate: deletePreset, loading: deleting } = useMutation((api, id) => api.savedFilters.deleteSavedFilter(id), { invalidate: /^saved-filters:/ });
+	function applyPreset(preset) {
+		applyFiltersToTable(preset.filters);
+		setLastUsedPresetId(context, preset.id);
+		setLastUsedPresetFilters(context, preset.filters);
+		lastUsedPresetIdRef.value = preset.id;
+	}
+	function clearPreset() {
+		applyFiltersToTable({});
+		setLastUsedPresetId(context, null);
+		setLastUsedPresetFilters(context, null);
+		lastUsedPresetIdRef.value = null;
+	}
+	function clearLastUsed() {
+		setLastUsedPresetId(context, null);
+		setLastUsedPresetFilters(context, null);
+		lastUsedPresetIdRef.value = null;
+		onClearFilters?.();
+	}
+	async function saveCurrentFilters(name) {
+		const filters = getFiltersFromTable();
+		if (Object.keys(filters).length === 0) return null;
+		try {
+			const result = await createPreset({
+				name,
+				context,
+				route_path: routePath,
+				filters
+			});
+			if (result) {
+				await refetchPresets();
+				setLastUsedPresetId(context, result.id);
+				setLastUsedPresetFilters(context, result.filters);
+				lastUsedPresetIdRef.value = result.id;
+			}
+			return result ?? null;
+		} catch {
+			return null;
+		}
+	}
+	async function updatePresetFilters(presetId, name) {
+		const filters = getFiltersFromTable();
+		try {
+			return await updatePreset({
+				id: presetId,
+				...name !== void 0 && { name },
+				filters
+			}) ?? null;
+		} catch {
+			return null;
+		}
+	}
+	async function renamePreset(presetId, name) {
+		try {
+			const result = await updatePreset({
+				id: presetId,
+				name
+			});
+			if (result) await refetchPresets();
+			return result ?? null;
+		} catch {
+			return null;
+		}
+	}
+	async function removePreset(presetId) {
+		try {
+			await deletePreset(presetId);
+			await refetchPresets();
+			return true;
+		} catch {
+			return false;
+		}
+	}
+	onMounted(() => {
+		const filters = getFiltersFromTable();
+		if (Object.keys(filters).length > 0) {
+			hasAppliedLastUsed.value = true;
+			return;
+		}
+		const lastUsedId = getLastUsedPresetId(context);
+		if (!lastUsedId) {
+			hasAppliedLastUsed.value = true;
+			return;
+		}
+		const unwatch = watch(() => presets.value, (list) => {
+			if (!list || hasAppliedLastUsed.value) return;
+			const preset = list.find((p) => p.id === lastUsedId);
+			if (preset) applyPreset(preset);
+			hasAppliedLastUsed.value = true;
+			unwatch();
+		}, { immediate: true });
+	});
+	const activePreset = computed(() => {
+		const id = lastUsedPresetIdRef.value;
+		if (!id) return null;
+		return (presets.value ?? []).find((p) => p.id === id) ?? null;
+	});
+	return {
+		presets: computed(() => presets.value ?? []),
+		presetsLoading,
+		creating,
+		updating,
+		deleting,
+		applyPreset,
+		clearPreset,
+		clearLastUsed,
+		activePreset,
+		saveCurrentFilters,
+		updatePresetFilters,
+		renamePreset,
+		removePreset
+	};
+}
+
+//#endregion
+//#region src/slices/saved_filter/savedFilterRoutes.ts
+const savedFilterRoutes = [{
+	path: "/saved-filters",
+	name: "SavedFilters",
+	component: () => import("./SavedFiltersPage-DM5DvAFa.js"),
+	beforeEnter: [userAuthenticated],
+	meta: {
+		title: "Saved Filters",
+		description: "Manage your saved filter presets and favorites",
+		side_bar: {
+			section: "Saved Filters",
+			visible_to: [
+				"consumer",
+				"lead",
+				"staff",
+				"super_admin"
+			]
+		}
+	}
+}];
+
+//#endregion
+//#region src/slices/saved_filter/SaveFilterModal.vue
+const _hoisted_1$3 = { class: "form-control" };
+const _hoisted_2$3 = {
+	key: 0,
+	class: "label"
+};
+const _hoisted_3$3 = { class: "label-text-alt text-error" };
+const _hoisted_4$3 = { class: "flex justify-end gap-2" };
+const _hoisted_5$2 = ["disabled"];
+const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+	__name: "SaveFilterModal",
+	props: {
+		isOpen: { type: Boolean },
+		saving: { type: Boolean }
+	},
+	emits: ["close", "save"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const name = ref("");
+		const error = ref("");
+		function close() {
+			emit("close");
+		}
+		function handleSubmit() {
+			const trimmed = name.value.trim();
+			if (!trimmed) {
+				error.value = "Name is required";
+				return;
+			}
+			if (trimmed.length > 100) {
+				error.value = "Name must be 100 characters or less";
+				return;
+			}
+			error.value = "";
+			emit("save", trimmed);
+		}
+		watch(() => props.isOpen, (open) => {
+			if (open) {
+				name.value = "";
+				error.value = "";
+			}
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(BaseModal_default, {
+				"is-open": __props.isOpen,
+				title: "Save Filter Preset",
+				onClose: close
+			}, {
+				default: withCtx(() => [createElementVNode("form", {
+					onSubmit: withModifiers(handleSubmit, ["prevent"]),
+					class: "space-y-4"
+				}, [createElementVNode("div", _hoisted_1$3, [
+					_cache[1] || (_cache[1] = createElementVNode("label", { class: "label" }, [createElementVNode("span", { class: "label-text" }, "Preset name")], -1)),
+					withDirectives(createElementVNode("input", {
+						"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => name.value = $event),
+						type: "text",
+						placeholder: "e.g. My Sales Escalations",
+						class: "input input-bordered w-full",
+						maxlength: "100"
+					}, null, 512), [[vModelText, name.value]]),
+					error.value ? (openBlock(), createElementBlock("label", _hoisted_2$3, [createElementVNode("span", _hoisted_3$3, toDisplayString(error.value), 1)])) : createCommentVNode("v-if", true)
+				]), createElementVNode("div", _hoisted_4$3, [createElementVNode("button", {
+					type: "button",
+					class: "btn btn-ghost",
+					onClick: close
+				}, " Cancel "), createElementVNode("button", {
+					type: "submit",
+					class: "btn btn-primary",
+					disabled: __props.saving || !name.value.trim()
+				}, toDisplayString(__props.saving ? "Saving..." : "Save"), 9, _hoisted_5$2)])], 32)]),
+				_: 1
+			}, 8, ["is-open"]);
+		};
+	}
+});
+var SaveFilterModal_default = _sfc_main$3;
+
+//#endregion
+//#region src/slices/saved_filter/ManagePresetsModal.vue
+const _hoisted_1$2 = { class: "space-y-4" };
+const _hoisted_2$2 = {
+	key: 0,
+	class: "text-base-content/70 text-sm"
+};
+const _hoisted_3$2 = {
+	key: 1,
+	class: "flex justify-center py-4"
+};
+const _hoisted_4$2 = {
+	key: 2,
+	class: "space-y-2"
+};
+const _hoisted_5$1 = ["onKeydown"];
+const _hoisted_6$1 = ["disabled", "onClick"];
+const _hoisted_7$1 = ["disabled"];
+const _hoisted_8$1 = { class: "font-medium truncate flex-1 min-w-0" };
+const _hoisted_9$1 = { class: "text-base-content/60 text-xs font-normal ml-1" };
+const _hoisted_10$1 = { class: "flex gap-1 shrink-0" };
+const _hoisted_11$1 = ["onClick"];
+const _hoisted_12$1 = ["disabled", "onClick"];
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+	__name: "ManagePresetsModal",
+	props: {
+		isOpen: { type: Boolean },
+		presets: {},
+		loading: { type: Boolean },
+		deleting: { type: Boolean },
+		renaming: { type: Boolean },
+		renamePreset: { type: Function }
+	},
+	emits: ["close", "delete"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const editingId = ref(null);
+		const editingName = ref("");
+		const renameInputRef = ref(null);
+		function close() {
+			emit("close");
+		}
+		function startRename(preset) {
+			editingId.value = preset.id;
+			editingName.value = preset.name;
+			nextTick(() => renameInputRef.value?.focus());
+		}
+		function cancelRename() {
+			editingId.value = null;
+			editingName.value = "";
+		}
+		async function saveRename(presetId) {
+			const name = editingName.value.trim();
+			if (!name) return;
+			if (await props.renamePreset(presetId, name)) cancelRename();
+		}
+		function handleDelete(preset) {
+			emit("delete", preset);
+		}
+		watch(() => props.isOpen, (open) => {
+			if (!open) cancelRename();
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(BaseModal_default, {
+				"is-open": __props.isOpen,
+				title: "Manage Filter Presets",
+				onClose: close
+			}, {
+				default: withCtx(() => [createElementVNode("div", _hoisted_1$2, [__props.presets.length === 0 && !__props.loading ? (openBlock(), createElementBlock("p", _hoisted_2$2, " No saved presets yet. Set filters, then use \"Save current filters\" in the Presets menu. ")) : __props.loading ? (openBlock(), createElementBlock("div", _hoisted_3$2, [..._cache[1] || (_cache[1] = [createElementVNode("span", { class: "loading loading-spinner loading-md" }, null, -1)])])) : (openBlock(), createElementBlock("ul", _hoisted_4$2, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.presets, (preset) => {
+					return openBlock(), createElementBlock("li", {
+						key: preset.id,
+						class: "flex items-center gap-2 p-2 rounded-lg bg-base-200"
+					}, [editingId.value === preset.id ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+						withDirectives(createElementVNode("input", {
+							ref_for: true,
+							ref_key: "renameInputRef",
+							ref: renameInputRef,
+							"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => editingName.value = $event),
+							type: "text",
+							class: "input input-sm input-bordered flex-1 min-w-0",
+							maxlength: "100",
+							placeholder: "Preset name",
+							onKeydown: [withKeys(($event) => saveRename(preset.id), ["enter"]), withKeys(cancelRename, ["escape"])]
+						}, null, 40, _hoisted_5$1), [[vModelText, editingName.value]]),
+						createElementVNode("button", {
+							type: "button",
+							class: "btn btn-sm btn-primary shrink-0",
+							disabled: __props.renaming || !editingName.value.trim(),
+							onClick: ($event) => saveRename(preset.id)
+						}, toDisplayString(__props.renaming ? "..." : "Save"), 9, _hoisted_6$1),
+						createElementVNode("button", {
+							type: "button",
+							class: "btn btn-sm btn-ghost shrink-0",
+							disabled: __props.renaming,
+							onClick: cancelRename
+						}, " Cancel ", 8, _hoisted_7$1)
+					], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [createElementVNode("span", _hoisted_8$1, [createTextVNode(toDisplayString(preset.name) + " ", 1), createElementVNode("span", _hoisted_9$1, " (" + toDisplayString(Object.keys(preset.filters || {}).length) + ") ", 1)]), createElementVNode("div", _hoisted_10$1, [createElementVNode("button", {
+						type: "button",
+						class: "btn btn-sm btn-ghost",
+						title: "Rename",
+						onClick: ($event) => startRename(preset)
+					}, [..._cache[2] || (_cache[2] = [createElementVNode("svg", {
+						class: "w-4 h-4",
+						fill: "none",
+						stroke: "currentColor",
+						viewBox: "0 0 24 24"
+					}, [createElementVNode("path", {
+						"stroke-linecap": "round",
+						"stroke-linejoin": "round",
+						"stroke-width": "2",
+						d: "M15.232 5.232l3.536 3.536m-2.036-5.036a2.5 2.5 0 113.536 3.536L6.5 21.036H3v-3.572L16.732 3.732z"
+					})], -1)])], 8, _hoisted_11$1), createElementVNode("button", {
+						type: "button",
+						class: "btn btn-sm btn-ghost text-error",
+						title: "Delete",
+						disabled: __props.deleting,
+						onClick: ($event) => handleDelete(preset)
+					}, [..._cache[3] || (_cache[3] = [createElementVNode("svg", {
+						class: "w-4 h-4",
+						fill: "none",
+						stroke: "currentColor",
+						viewBox: "0 0 24 24"
+					}, [createElementVNode("path", {
+						"stroke-linecap": "round",
+						"stroke-linejoin": "round",
+						"stroke-width": "2",
+						d: "M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16"
+					})], -1)])], 8, _hoisted_12$1)])], 64))]);
+				}), 128))])), createElementVNode("div", { class: "flex justify-end pt-2" }, [createElementVNode("button", {
+					type: "button",
+					class: "btn btn-ghost",
+					onClick: close
+				}, " Close ")])])]),
+				_: 1
+			}, 8, ["is-open"]);
+		};
+	}
+});
+var ManagePresetsModal_default = _sfc_main$2;
+
+//#endregion
+//#region src/slices/saved_filter/PresetsModal.vue
+const _hoisted_1$1 = { class: "space-y-4" };
+const _hoisted_2$1 = { key: 0 };
+const _hoisted_3$1 = { class: "space-y-2" };
+const _hoisted_4$1 = ["onKeydown"];
+const _hoisted_5 = ["disabled", "onClick"];
+const _hoisted_6 = ["disabled"];
+const _hoisted_7 = ["onClick"];
+const _hoisted_8 = { class: "text-base-content/60 text-xs font-normal ml-1" };
+const _hoisted_9 = { class: "flex gap-1 shrink-0" };
+const _hoisted_10 = [
+	"title",
+	"disabled",
+	"onClick"
+];
+const _hoisted_11 = ["fill"];
+const _hoisted_12 = ["onClick"];
+const _hoisted_13 = ["disabled", "onClick"];
+const _hoisted_14 = {
+	key: 2,
+	class: "flex justify-center py-2"
+};
+const _hoisted_15 = {
+	key: 3,
+	class: "space-y-2"
+};
+const _hoisted_16 = { class: "flex gap-2" };
+const _hoisted_17 = ["disabled"];
+const _hoisted_18 = ["disabled"];
+const _hoisted_19 = ["disabled", "title"];
+const _hoisted_20 = {
+	key: 0,
+	class: "text-base-content/60 text-xs"
+};
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+	__name: "PresetsModal",
+	props: {
+		isOpen: { type: Boolean },
+		presets: {},
+		loading: { type: Boolean },
+		creating: { type: Boolean },
+		deleting: { type: Boolean },
+		renaming: { type: Boolean },
+		hasFilters: { type: Boolean },
+		activePreset: {},
+		applyPreset: { type: Function },
+		saveCurrentFilters: { type: Function },
+		renamePreset: { type: Function },
+		isPinned: { type: Function },
+		togglePin: { type: Function },
+		canPinMore: { type: Boolean },
+		maxPinned: {}
+	},
+	emits: [
+		"close",
+		"delete",
+		"rename"
+	],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const maxPinned = computed(() => props.maxPinned ?? 5);
+		function handleTogglePin(preset) {
+			props.togglePin(preset);
+		}
+		const emit = __emit;
+		const canSaveMore = computed(() => props.presets.length < MAX_PRESETS_PER_CONTEXT);
+		const editingId = ref(null);
+		const editingName = ref("");
+		const renameInputRef = ref(null);
+		const showSaveForm = ref(false);
+		const saveName = ref("");
+		const saveInputRef = ref(null);
+		function close() {
+			emit("close");
+		}
+		function applyAndClose(preset) {
+			props.applyPreset(preset);
+			close();
+		}
+		function startRename(preset) {
+			editingId.value = preset.id;
+			editingName.value = preset.name;
+			nextTick(() => renameInputRef.value?.focus());
+		}
+		function cancelRename() {
+			editingId.value = null;
+			editingName.value = "";
+		}
+		async function saveRename(presetId) {
+			const name = editingName.value.trim();
+			if (!name) return;
+			const result = await props.renamePreset(presetId, name);
+			if (result) {
+				emit("rename", result);
+				cancelRename();
+			}
+		}
+		function handleDelete(preset) {
+			emit("delete", preset);
+		}
+		function startSave() {
+			if (props.hasFilters && canSaveMore.value) {
+				showSaveForm.value = true;
+				saveName.value = "";
+				nextTick(() => saveInputRef.value?.focus());
+			}
+		}
+		function cancelSave() {
+			showSaveForm.value = false;
+			saveName.value = "";
+		}
+		async function submitSave() {
+			const name = saveName.value.trim();
+			if (!name) return;
+			if (await props.saveCurrentFilters(name)) {
+				cancelSave();
+				close();
+			}
+		}
+		watch(() => props.isOpen, (open) => {
+			if (!open) {
+				cancelRename();
+				cancelSave();
+			}
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(BaseModal_default, {
+				"is-open": __props.isOpen,
+				title: "Filter Presets",
+				onClose: close
+			}, {
+				default: withCtx(() => [createElementVNode("div", _hoisted_1$1, [
+					createCommentVNode(" Preset list: apply (click name), rename, delete "),
+					__props.presets.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_2$1, [_cache[5] || (_cache[5] = createElementVNode("p", { class: "text-xs font-medium text-base-content/60 uppercase tracking-wide mb-2" }, " Apply preset ", -1)), createElementVNode("ul", _hoisted_3$1, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.presets, (preset) => {
+						return openBlock(), createElementBlock("li", {
+							key: preset.id,
+							class: "flex items-center gap-2 p-2 rounded-lg bg-base-200"
+						}, [editingId.value === preset.id ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+							withDirectives(createElementVNode("input", {
+								ref_for: true,
+								ref_key: "renameInputRef",
+								ref: renameInputRef,
+								"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => editingName.value = $event),
+								type: "text",
+								class: "input input-sm input-bordered flex-1 min-w-0",
+								maxlength: "100",
+								placeholder: "Preset name",
+								onKeydown: [withKeys(($event) => saveRename(preset.id), ["enter"]), withKeys(cancelRename, ["escape"])]
+							}, null, 40, _hoisted_4$1), [[vModelText, editingName.value]]),
+							createElementVNode("button", {
+								type: "button",
+								class: "btn btn-sm btn-primary shrink-0",
+								disabled: __props.renaming || !editingName.value.trim(),
+								onClick: ($event) => saveRename(preset.id)
+							}, toDisplayString(__props.renaming ? "..." : "Save"), 9, _hoisted_5),
+							createElementVNode("button", {
+								type: "button",
+								class: "btn btn-sm btn-ghost shrink-0",
+								disabled: __props.renaming,
+								onClick: cancelRename
+							}, " Cancel ", 8, _hoisted_6)
+						], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [createElementVNode("button", {
+							type: "button",
+							class: normalizeClass(["flex-1 min-w-0 text-left font-medium truncate rounded px-2 py-1 -mx-2 -my-1 hover:bg-base-300", { "bg-primary/10": preset.id === __props.activePreset?.id }]),
+							onClick: ($event) => applyAndClose(preset)
+						}, [createTextVNode(toDisplayString(preset.name) + " ", 1), createElementVNode("span", _hoisted_8, " (" + toDisplayString(Object.keys(preset.filters || {}).length) + ") ", 1)], 10, _hoisted_7), createElementVNode("div", _hoisted_9, [
+							createElementVNode("button", {
+								type: "button",
+								class: "btn btn-sm btn-ghost",
+								title: __props.isPinned(preset.id) ? "Unpin from favorites" : __props.canPinMore ? "Pin to favorites (home + sidebar)" : `Maximum ${maxPinned.value} pinned`,
+								disabled: !__props.canPinMore && !__props.isPinned(preset.id),
+								onClick: withModifiers(($event) => handleTogglePin(preset), ["stop"])
+							}, [(openBlock(), createElementBlock("svg", {
+								class: normalizeClass(["w-4 h-4", { "text-primary": __props.isPinned(preset.id) }]),
+								fill: __props.isPinned(preset.id) ? "currentColor" : "none",
+								stroke: "currentColor",
+								viewBox: "0 0 24 24"
+							}, [..._cache[2] || (_cache[2] = [createElementVNode("path", {
+								"stroke-linecap": "round",
+								"stroke-linejoin": "round",
+								"stroke-width": "2",
+								d: "M11.049 2.927c.3-.921 1.603-.921 1.902 0l1.519 4.674a1 1 0 00.95.69h4.915c.969 0 1.371 1.24.588 1.81l-3.976 2.888a1 1 0 00-.363 1.118l1.518 4.674c.3.922-.755 1.688-1.538 1.118l-3.976-2.888a1 1 0 00-1.176 0l-3.976 2.888c-.783.57-1.838-.197-1.538-1.118l1.518-4.674a1 1 0 00-.363-1.118l-3.976-2.888c-.784-.57-.38-1.81.588-1.81h4.914a1 1 0 00.951-.69l1.519-4.674z"
+							}, null, -1)])], 10, _hoisted_11))], 8, _hoisted_10),
+							createElementVNode("button", {
+								type: "button",
+								class: "btn btn-sm btn-ghost",
+								title: "Rename",
+								onClick: withModifiers(($event) => startRename(preset), ["stop"])
+							}, [..._cache[3] || (_cache[3] = [createElementVNode("svg", {
+								class: "w-4 h-4",
+								fill: "none",
+								stroke: "currentColor",
+								viewBox: "0 0 24 24"
+							}, [createElementVNode("path", {
+								"stroke-linecap": "round",
+								"stroke-linejoin": "round",
+								"stroke-width": "2",
+								d: "M15.232 5.232l3.536 3.536m-2.036-5.036a2.5 2.5 0 113.536 3.536L6.5 21.036H3v-3.572L16.732 3.732z"
+							})], -1)])], 8, _hoisted_12),
+							createElementVNode("button", {
+								type: "button",
+								class: "btn btn-sm btn-ghost text-error",
+								title: "Delete",
+								disabled: __props.deleting,
+								onClick: withModifiers(($event) => handleDelete(preset), ["stop"])
+							}, [..._cache[4] || (_cache[4] = [createElementVNode("svg", {
+								class: "w-4 h-4",
+								fill: "none",
+								stroke: "currentColor",
+								viewBox: "0 0 24 24"
+							}, [createElementVNode("path", {
+								"stroke-linecap": "round",
+								"stroke-linejoin": "round",
+								"stroke-width": "2",
+								d: "M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16"
+							})], -1)])], 8, _hoisted_13)
+						])], 64))]);
+					}), 128))])])) : !__props.loading ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [createCommentVNode(" Empty state "), _cache[6] || (_cache[6] = createElementVNode("p", { class: "text-base-content/70 text-sm" }, " No presets yet. Set filters, then save below. ", -1))], 2112)) : createCommentVNode("v-if", true),
+					__props.loading ? (openBlock(), createElementBlock("div", _hoisted_14, [..._cache[7] || (_cache[7] = [createElementVNode("span", { class: "loading loading-spinner loading-md" }, null, -1)])])) : createCommentVNode("v-if", true),
+					_cache[11] || (_cache[11] = createElementVNode("div", { class: "divider my-2" }, null, -1)),
+					createCommentVNode(" Save current filters: inline form when saving "),
+					showSaveForm.value ? (openBlock(), createElementBlock("div", _hoisted_15, [_cache[8] || (_cache[8] = createElementVNode("label", { class: "label py-0" }, [createElementVNode("span", { class: "label-text" }, "Preset name")], -1)), createElementVNode("div", _hoisted_16, [
+						withDirectives(createElementVNode("input", {
+							ref_key: "saveInputRef",
+							ref: saveInputRef,
+							"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => saveName.value = $event),
+							type: "text",
+							placeholder: "e.g. My Sales Escalations",
+							class: "input input-sm input-bordered flex-1",
+							maxlength: "100",
+							onKeydown: [withKeys(submitSave, ["enter"]), withKeys(cancelSave, ["escape"])]
+						}, null, 544), [[vModelText, saveName.value]]),
+						createElementVNode("button", {
+							type: "button",
+							class: "btn btn-sm btn-primary",
+							disabled: __props.creating || !saveName.value.trim(),
+							onClick: submitSave
+						}, toDisplayString(__props.creating ? "Saving..." : "Save"), 9, _hoisted_17),
+						createElementVNode("button", {
+							type: "button",
+							class: "btn btn-sm btn-ghost",
+							disabled: __props.creating,
+							onClick: cancelSave
+						}, " Cancel ", 8, _hoisted_18)
+					])])) : (openBlock(), createElementBlock("button", {
+						key: 4,
+						type: "button",
+						class: "btn btn-ghost btn-sm btn-block justify-start gap-2",
+						disabled: !__props.hasFilters || __props.creating || !canSaveMore.value,
+						title: !canSaveMore.value ? `Maximum ${unref(MAX_PRESETS_PER_CONTEXT)} presets per page. Delete one to save a new preset.` : void 0,
+						onClick: startSave
+					}, [
+						_cache[9] || (_cache[9] = createElementVNode("svg", {
+							class: "w-4 h-4 shrink-0",
+							fill: "none",
+							stroke: "currentColor",
+							viewBox: "0 0 24 24"
+						}, [createElementVNode("path", {
+							"stroke-linecap": "round",
+							"stroke-linejoin": "round",
+							"stroke-width": "2",
+							d: "M12 4v16m8-8v8H4V4h8m0 0l4 4-4 4"
+						})], -1)),
+						_cache[10] || (_cache[10] = createTextVNode(" Save current filters ", -1)),
+						!canSaveMore.value ? (openBlock(), createElementBlock("span", _hoisted_20, "(max " + toDisplayString(unref(MAX_PRESETS_PER_CONTEXT)) + ")", 1)) : createCommentVNode("v-if", true)
+					], 8, _hoisted_19)),
+					createElementVNode("div", { class: "flex justify-end pt-2" }, [createElementVNode("button", {
+						type: "button",
+						class: "btn btn-ghost",
+						onClick: close
+					}, " Close ")])
+				])]),
+				_: 1
+			}, 8, ["is-open"]);
+		};
+	}
+});
+var PresetsModal_default = _sfc_main$1;
+
+//#endregion
+//#region src/slices/saved_filter/SavedFilterPresets.vue
+const _hoisted_1 = { class: "flex items-center gap-2 flex-wrap" };
+const _hoisted_2 = {
+	key: 0,
+	class: "badge badge-primary badge-lg gap-1 pr-1"
+};
+const _hoisted_3 = { class: "truncate max-w-[8rem] sm:max-w-[12rem]" };
+const _hoisted_4 = ["disabled", "title"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+	__name: "SavedFilterPresets",
+	props: {
+		presets: {},
+		presetsLoading: { type: Boolean },
+		creating: { type: Boolean },
+		deleting: { type: Boolean },
+		renaming: { type: Boolean },
+		hasFilters: { type: Boolean },
+		activePreset: {},
+		applyPreset: { type: Function },
+		clearPreset: { type: Function },
+		saveCurrentFilters: { type: Function },
+		renamePreset: { type: Function },
+		removePreset: { type: Function }
+	},
+	setup(__props) {
+		const pinnedPresets = useInjectedPinnedPresets();
+		const props = __props;
+		const showPresetsModal = ref(false);
+		const showDeleteConfirm = ref(false);
+		const presetToDelete = ref(null);
+		function handleClearPreset() {
+			props.clearPreset();
+		}
+		function handleDelete(preset) {
+			presetToDelete.value = preset;
+			showDeleteConfirm.value = true;
+		}
+		async function confirmDelete() {
+			if (!presetToDelete.value) return;
+			pinnedPresets.unpinPreset(presetToDelete.value.id);
+			await props.removePreset(presetToDelete.value.id);
+			presetToDelete.value = null;
+			showDeleteConfirm.value = false;
+		}
+		async function handleRename(preset) {
+			pinnedPresets.updatePinnedPreset(preset.id, { name: preset.name });
+			await pinnedPresets.refetchPinned?.();
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1, [
+				createCommentVNode(" Active preset chip: shows when a preset is applied, with clear (×) "),
+				props.activePreset ? (openBlock(), createElementBlock("div", _hoisted_2, [createElementVNode("span", _hoisted_3, toDisplayString(props.activePreset.name), 1), createElementVNode("button", {
+					type: "button",
+					class: "btn btn-ghost btn-xs btn-circle",
+					"aria-label": "Clear preset",
+					onClick: handleClearPreset
+				}, [..._cache[4] || (_cache[4] = [createElementVNode("svg", {
+					class: "w-3 h-3",
+					fill: "none",
+					stroke: "currentColor",
+					viewBox: "0 0 24 24"
+				}, [createElementVNode("path", {
+					"stroke-linecap": "round",
+					"stroke-linejoin": "round",
+					"stroke-width": "2",
+					d: "M6 18L18 6M6 6l12 12"
+				})], -1)])])])) : createCommentVNode("v-if", true),
+				createCommentVNode(" Presets button: opens modal with everything "),
+				createElementVNode("button", {
+					type: "button",
+					class: "btn btn-sm btn-ghost",
+					disabled: props.presetsLoading,
+					title: props.presets.length ? "Apply, save, or manage presets" : "No presets saved",
+					onClick: _cache[0] || (_cache[0] = ($event) => showPresetsModal.value = true)
+				}, [..._cache[5] || (_cache[5] = [createElementVNode("svg", {
+					class: "w-4 h-4",
+					fill: "none",
+					stroke: "currentColor",
+					viewBox: "0 0 24 24"
+				}, [createElementVNode("path", {
+					"stroke-linecap": "round",
+					"stroke-linejoin": "round",
+					"stroke-width": "2",
+					d: "M3 4a1 1 0 011-1h16a1 1 0 011 1v2.586a1 1 0 01-.293.707l-6.414 6.414a1 1 0 00-.293.707V17l-4 4v-6.586a1 1 0 00-.293-.707L3.293 7.293A1 1 0 013 6.586V4z"
+				})], -1), createTextVNode(" Presets ", -1)])], 8, _hoisted_4),
+				createCommentVNode(" Delete confirmation modal "),
+				createVNode(ConfirmDialog_default, {
+					modelValue: showDeleteConfirm.value,
+					"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => showDeleteConfirm.value = $event),
+					title: "Delete preset?",
+					"confirm-text": "Delete",
+					"cancel-text": "Cancel",
+					"processing-text": "Deleting...",
+					"confirm-button-class": "btn-error",
+					"is-processing": props.deleting,
+					onConfirm: confirmDelete,
+					onCancel: _cache[2] || (_cache[2] = ($event) => presetToDelete.value = null)
+				}, {
+					message: withCtx(() => [createElementVNode("p", null, " Are you sure you want to delete \"" + toDisplayString(presetToDelete.value?.name) + "\"? This cannot be undone. ", 1)]),
+					_: 1
+				}, 8, ["modelValue", "is-processing"]),
+				createCommentVNode(" Single Presets modal: apply, save, rename, delete "),
+				createVNode(PresetsModal_default, {
+					"is-open": showPresetsModal.value,
+					presets: props.presets,
+					loading: props.presetsLoading,
+					creating: props.creating,
+					deleting: props.deleting,
+					renaming: props.renaming,
+					"has-filters": props.hasFilters,
+					"active-preset": props.activePreset,
+					"apply-preset": props.applyPreset,
+					"save-current-filters": props.saveCurrentFilters,
+					"rename-preset": props.renamePreset,
+					"is-pinned": unref(pinnedPresets).isPinned,
+					"toggle-pin": unref(pinnedPresets).togglePin,
+					"can-pin-more": unref(pinnedPresets).canPinMore.value,
+					"max-pinned": unref(pinnedPresets).maxPinned,
+					onClose: _cache[3] || (_cache[3] = ($event) => showPresetsModal.value = false),
+					onDelete: handleDelete,
+					onRename: handleRename
+				}, null, 8, [
+					"is-open",
+					"presets",
+					"loading",
+					"creating",
+					"deleting",
+					"renaming",
+					"has-filters",
+					"active-preset",
+					"apply-preset",
+					"save-current-filters",
+					"rename-preset",
+					"is-pinned",
+					"toggle-pin",
+					"can-pin-more",
+					"max-pinned"
+				])
+			]);
+		};
+	}
+});
+var SavedFilterPresets_default = _sfc_main;
+
+//#endregion
+export { useSavedFilters as a, buildQueryWithFilters as c, serializeFiltersToQueryParams as d, PINNED_PRESETS_KEY as f, BaseModal_default as g, MS as h, savedFilterRoutes as i, deserializeFiltersFromQueryParams as l, usePinnedPresets as m, ManagePresetsModal_default as n, createLastUsedPresetGuard as o, useInjectedPinnedPresets as p, SaveFilterModal_default as r, getLastUsedPresetRedirect as s, SavedFilterPresets_default as t, extractFiltersFromQuery as u };
+//# sourceMappingURL=saved_filter-CfzH0BzK.js.map