@atscript/vue-table 0.1.131 → 0.1.133

package/dist/{use-table-state-BxX3SpeW.mjs → use-table-state-DLJbW753.mjs}

@@ -1,6 +1,6 @@
 import { navigateHrefFor } from "@atscript/ui";
 import { computed, inject, nextTick, onBeforeUnmount, onScopeDispose, provide, ref, shallowRef, toValue, watch } from "vue";
-import { STANDARD_PRESET_ID, blockStartFor, buildTableQuery, debounce, fromWireSnapshot, isDirtyAgainst, isFilled, isSystemPresetId, pageAlignedBlocksFor, planFetch, reconcileColumnWidthDefaults, resolveAspectGate, resolveSystemPresets, sameColumnSet, sortersEqual, stateToUrlQueryString, togglePk, urlQueryStringToState, walkBackwardAbsorb, walkForwardAbsorb } from "@atscript/ui-table";
+import { STANDARD_PRESET_ID, blockStartFor, buildTableQuery, debounce, derivePresetAspects, fromWireSnapshot, isDirtyAgainst, isFilled, isSystemPresetId, pageAlignedBlocksFor, planFetch, reconcileColumnWidthDefaults, resolveAspectGate, resolveSystemPresets, rowsToPks, sameColumnSet, sortersEqual, stateToUrlQueryString, togglePk, urlQueryStringToState, walkBackwardAbsorb, walkForwardAbsorb } from "@atscript/ui-table";
 import { formatIdentifier } from "@atscript/db-client";
 //#region src/types.ts
 /** UI-side sentinel for the synthesised row-delete processor. */
@@ -478,7 +478,18 @@ function buildRemoveAction(opts) {
 }
 //#endregion
 //#region src/composables/state/create-selection.ts
-function createSelectionApi(opts, getActiveRow) {
+/** Shared verdicts — frozen, so the common case allocates nothing per row. */
+const SELECTABLE = Object.freeze({ ok: true });
+const NOT_SELECTABLE = Object.freeze({ ok: false });
+/** Normalise a {@link RowSelectableHook} return value. `""` carries no reason. */
+function verdictOf(value) {
+	if (value === void 0 || value === true) return SELECTABLE;
+	return value ? {
+		ok: false,
+		reason: value
+	} : NOT_SELECTABLE;
+}
+function createSelectionApi(opts, getActiveRow, activeIndex) {
 	const selectedRows = opts?.selectedRows ?? shallowRef([]);
 	const selectedCount = computed(() => selectedRows.value.length);
 	const rowValueFn = opts?.rowValueFn ?? ((row) => row);
@@ -486,10 +497,49 @@ function createSelectionApi(opts, getActiveRow) {
 	function isPkSelected(pk) {
 		return selectedSet.value.has(pk);
 	}
+	const rowSelectable = ref();
+	function isRowSelectable(row, index) {
+		const hook = rowSelectable.value;
+		if (!hook) return SELECTABLE;
+		return verdictOf(hook(row, {
+			index,
+			get selected() {
+				return isPkSelected(rowValueFn(row));
+			}
+		}));
+	}
+	function selectableRows(rows) {
+		if (!rowSelectable.value) return rows;
+		return rows.filter((row, index) => isRowSelectable(row, index).ok);
+	}
+	function selectableCount(rows) {
+		if (!rowSelectable.value) return rows.length;
+		let n = 0;
+		for (let i = 0; i < rows.length; i++) if (isRowSelectable(rows[i], i).ok) n++;
+		return n;
+	}
+	function selectAll(rows, indexOf) {
+		if (!rowSelectable.value) {
+			selectedRows.value = rowsToPks(rows, rowValueFn);
+			return;
+		}
+		const out = [];
+		const seen = /* @__PURE__ */ new Set();
+		for (let i = 0; i < rows.length; i++) {
+			const row = rows[i];
+			const pk = rowValueFn(row);
+			if (seen.has(pk)) continue;
+			if (!isRowSelectable(row, indexOf ? indexOf(i) : i).ok && !isPkSelected(pk)) continue;
+			seen.add(pk);
+			out.push(pk);
+		}
+		selectedRows.value = out;
+	}
 	function toggleActiveSelection(mode) {
 		if (mode === "none") return;
 		const row = getActiveRow();
 		if (row === void 0) return;
+		if (!isRowSelectable(row, activeIndex.value).ok) return;
 		selectedRows.value = togglePk(selectedRows.value, rowValueFn(row), mode);
 	}
 	return {
@@ -498,6 +548,11 @@ function createSelectionApi(opts, getActiveRow) {
 		selectedSet,
 		rowValueFn,
 		isPkSelected,
+		rowSelectable,
+		isRowSelectable,
+		selectableRows,
+		selectableCount,
+		selectAll,
 		toggleActiveSelection
 	};
 }
@@ -551,6 +606,38 @@ function createMainActionRegistry(opts) {
 }
 //#endregion
 //#region src/composables/state/create-nav-controller.ts
+/**
+* Elements that own Enter / Space (and a pointer drag) themselves.
+* `[contenteditable]` is matched separately because `contenteditable="false"`
+* must NOT count.
+*/
+const INTERACTIVE_SELECTOR = "button, a[href], input, select, textarea, summary, [role=button], [role=link], [role=checkbox], [role=menuitem], [role=switch], [role=tab], [role=option]";
+/**
+* True when the key event started on an interactive element inside a cell,
+* so table nav must not consume Enter / Space. The walk runs from
+* `event.target` up to `event.currentTarget` — the element the handler is
+* bound on — and stops at the cell / row boundary, so a wrapper outside the
+* table can never make a whole table inert. A handler bound ON the
+* interactive element itself (the search-input bridge) is therefore never
+* guarded: the walk has nothing to cross. An interactive element opts BACK
+* IN to table nav — e.g. a cell whose button should not swallow Enter —
+* with `data-as-nav-keys`.
+*/
+function isInteractiveKeyTarget(event) {
+	let el = event.target;
+	const stop = event.currentTarget;
+	while (el && el !== stop && typeof el.matches === "function") {
+		const tag = el.tagName;
+		if (tag === "TD" || tag === "TH" || tag === "TR" || tag === "TBODY" || tag === "TABLE") return false;
+		if (el.matches("button, a[href], input, select, textarea, summary, [role=button], [role=link], [role=checkbox], [role=menuitem], [role=switch], [role=tab], [role=option]") || isEditable(el)) return !el.hasAttribute("data-as-nav-keys");
+		el = el.parentElement;
+	}
+	return false;
+}
+function isEditable(el) {
+	const attr = el.getAttribute("contenteditable");
+	return attr !== null && attr !== "false";
+}
 function createNavController(inputs) {
 	const { activeIndex, navMode, totalCount, results, viewportRowCount, topIndex, hasMainActionAvailable, requestMainAction, toggleActiveSelection } = inputs;
 	const navViewportRowCount = ref(0);
@@ -600,6 +687,7 @@ function createNavController(inputs) {
 		const enterAction = opts?.enterAction ?? "main-action";
 		const mode = opts?.mode ?? "none";
 		const key = event.key;
+		const guarded = (key === "Enter" || key === " ") && isInteractiveKeyTarget(event);
 		const meta = event.metaKey;
 		const ctrl = event.ctrlKey;
 		const alt = event.altKey;
@@ -650,11 +738,13 @@ function createNavController(inputs) {
 				return;
 			case " ":
 				if (mode === "none") return;
+				if (guarded) return;
 				event.preventDefault();
 				toggleActiveSelection(mode);
 				return;
 			case "Enter":
 				if (enterAction === "passthrough") return;
+				if (guarded) return;
 				event.preventDefault();
 				if (enterAction === "toggle-select") {
 					toggleActiveSelection(mode);
@@ -679,6 +769,67 @@ function createNavController(inputs) {
 		handleNavKey
 	};
 }
+/**
+* `@keydown` handler for a row's SELECTION CONTROL (the leading checkbox),
+* shared by `<AsTableBase>` and `<AsWindowTableBase>`. The control carries
+* `role="checkbox"`, so the tbody-level nav handler deliberately leaves
+* Space to it (see {@link isInteractiveKeyTarget}) — this is where it lands.
+*
+* Keys other than Space, and `select="none"`, fall through untouched; only
+* once the press is ours do we consume it, so the Reka-wrapped rendering
+* modes (which never bind this handler) keep Space for their own item.
+* Selectability is NOT re-checked here: `toggleActiveSelection` gates on
+* `rowSelectable` itself, which is the single place that rule lives.
+*/
+function onSelectControlKeydown(event, index, mode, state) {
+	if (event.key !== " ") return;
+	if (mode === "none") return;
+	event.preventDefault();
+	event.stopPropagation();
+	state.setActive(index);
+	state.toggleActiveSelection(mode);
+}
+//#endregion
+//#region src/composables/preset-aspect-display.ts
+const ASPECT_LABELS = {
+	columns: "Displayed Columns",
+	filters: "Displayed Filters",
+	filterOps: "Filter conditions",
+	sorters: "Sorters",
+	itemsPerPage: "Page size"
+};
+const ASPECT_ICONS = {
+	columns: "i-as-columns",
+	filters: "i-as-filter",
+	filterOps: "i-as-filter-ops",
+	sorters: "i-as-sorters",
+	itemsPerPage: "i-as-pin"
+};
+/**
+* Resolve the aspects a stored preset claims. Prefers the server-stamped
+* `aspects` column (cheap), falls back to deriving from `data.content` for
+* older rows or first paint after save before reload settles.
+*/
+function aspectsOf(row, availableAspects) {
+	if (Array.isArray(row.aspects) && row.aspects.length > 0) return row.aspects.filter((a) => availableAspects.includes(a));
+	const wire = row.data?.content;
+	if (!wire) return [];
+	return derivePresetAspects(wire).filter((a) => availableAspects.includes(a));
+}
+function readPresetLabel(row) {
+	return row.label ?? row.data?.label ?? row.id;
+}
+/**
+* Display name for the row's owner. `userLabel` (server-stamped via the
+* host's `getUserLabel` hook) is preferred so the UI shows "Alice" rather
+* than `usr_abc123`. `fallback` is returned when no name is available —
+* picker uses `""`, dialog uses `"—"`.
+*/
+function ownerNameOf(row, fallback = "") {
+	if (typeof row.userLabel === "string" && row.userLabel.length > 0) return row.userLabel;
+	if (typeof row.user === "string" && row.user.length > 0) return row.user;
+	return fallback;
+}
 //#endregion
 //#region src/composables/state/create-preset-state.ts
 const DEFAULT_AVAILABLE_ASPECTS = [
@@ -705,6 +856,26 @@ function defaultColumnPaths(o) {
 function createPresetState(opts) {
 	const availableAspects = opts.availableAspects ?? DEFAULT_AVAILABLE_ASPECTS;
 	const availableSet = new Set(availableAspects);
+	const systemAspects = opts.systemAspects ? availableAspects.filter((a) => opts.systemAspects.includes(a)) : availableAspects;
+	const lastError = ref(null);
+	let trackDepth = 0;
+	/**
+	* Every public mutator runs through here: it is the one place a preset
+	* write failure is recorded. Clears `lastError` on the outermost entry,
+	* records the failure and RETHROWS so the caller can react too.
+	*/
+	async function track(fn) {
+		if (trackDepth === 0) lastError.value = null;
+		trackDepth++;
+		try {
+			return await fn();
+		} catch (err) {
+			lastError.value = err instanceof Error ? err : new Error(String(err));
+			throw err;
+		} finally {
+			trackDepth--;
+		}
+	}
 	const dialogOpen = ref(false);
 	const gate = ref(false);
 	const ready = computed(() => opts.presetsHandle ? gate.value : true);
@@ -795,6 +966,20 @@ function createPresetState(opts) {
 		if (!mask) return true;
 		return mask[aspect] === true;
 	}
+	/**
+	* Aspects the preset `id` OWNS, i.e. the ones applying it may write:
+	* a system preset owns `systemAspects`, a stored preset owns what its
+	* snapshot claims, and "no preset" (a raw snapshot, or an id with no row)
+	* owns everything available. The one answer every aspect-scoped surface
+	* asks for — apply, system-snapshot expansion, the picker badges and
+	* Save-as mask, the manage dialog rows.
+	*/
+	function ownedAspects(id) {
+		if (!id) return availableAspects;
+		if (isSystemPresetId(id)) return systemAspects;
+		const row = presetsById.value.get(id);
+		return row ? aspectsOf(row, availableAspects) : availableAspects;
+	}
 	function captureSnapshot(mask) {
 		const out = {};
 		for (const aspect of availableAspects) {
@@ -834,7 +1019,7 @@ function createPresetState(opts) {
 	function apply(idOrSnapshot) {
 		const { snapshot, nextActiveId } = resolveSnapshot(idOrSnapshot);
 		const isSystem = typeof idOrSnapshot === "string" && nextActiveId !== null && isSystemPresetId(nextActiveId);
-		for (const aspect of availableAspects) {
+		for (const aspect of ownedAspects(nextActiveId)) {
 			const value = snapshot[aspect];
 			ASPECT_HANDLERS[aspect].apply(opts, value, isSystem);
 		}
@@ -860,9 +1045,12 @@ function createPresetState(opts) {
 	* "claims all aspects in `availableAspects`" per spec §3.7. Stored presets
 	* keep dict-form opt-in (untouched).
 	*/
-	function expandSystemSnapshot(snapshot) {
-		const out = { ...snapshot };
-		for (const aspect of availableAspects) {
+	function expandSystemSnapshot(snapshot, id) {
+		const out = {};
+		const owned = ownedAspects(id);
+		const ownedSet = new Set(owned);
+		for (const [key, value] of Object.entries(snapshot)) if (ownedSet.has(key)) out[key] = value;
+		for (const aspect of owned) {
 			const handler = ASPECT_HANDLERS[aspect];
 			if (!handler.expandDefault) continue;
 			if (out[aspect] !== void 0) continue;
@@ -873,7 +1061,7 @@ function createPresetState(opts) {
 	const activeSnapshot = computed(() => {
 		const id = activeId.value;
 		if (!id) return {};
-		if (isSystemPresetId(id)) return expandSystemSnapshot(systemPresetsById.value.get(id)?.content ?? {});
+		if (isSystemPresetId(id)) return expandSystemSnapshot(systemPresetsById.value.get(id)?.content ?? {}, id);
 		const row = presetsById.value.get(id);
 		if (!row) return {};
 		const wire = row.data?.content;
@@ -884,48 +1072,64 @@ function createPresetState(opts) {
 		if (!opts.presetsHandle) throw new Error("[vue-table] presets feature not configured (preset.url missing)");
 		return opts.presetsHandle;
 	}
-	async function saveActive() {
-		const handle = requirePresets();
-		const id = activeId.value;
-		if (!id) throw new Error("[vue-table] saveActive: no active preset");
-		if (isSystemPresetId(id)) throw new Error("[vue-table] saveActive: system presets cannot be overwritten");
-		const existing = activeSnapshot.value;
-		const mask = {};
-		for (const aspect of availableAspects) if (existing[aspect] !== void 0) mask[aspect] = true;
-		await handle.savePreset(captureSnapshot(mask));
-		clearLocalDraft();
-	}
-	async function saveAs(label, saveOpts = {}) {
-		const id = await requirePresets().savePresetAs(label, captureSnapshot(saveOpts.aspects), { public: saveOpts.public });
-		clearLocalDraft();
-		return id;
-	}
-	async function rename(id, label) {
-		await requirePresets().renamePreset(id, label);
-	}
-	async function remove(id) {
-		const handle = requirePresets();
-		const wasActive = activeId.value === id;
-		await handle.deletePreset(id);
-		if (wasActive) {
-			apply(STANDARD_PRESET_ID);
+	function saveActive() {
+		return track(async () => {
+			const handle = requirePresets();
+			const id = activeId.value;
+			if (!id) throw new Error("[vue-table] saveActive: no active preset");
+			if (isSystemPresetId(id)) throw new Error("[vue-table] saveActive: system presets cannot be overwritten");
+			const existing = activeSnapshot.value;
+			const mask = {};
+			for (const aspect of availableAspects) if (existing[aspect] !== void 0) mask[aspect] = true;
+			await handle.savePreset(captureSnapshot(mask));
 			clearLocalDraft();
-		}
+		});
+	}
+	function saveAs(label, saveOpts = {}) {
+		return track(async () => {
+			const id = await requirePresets().savePresetAs(label, captureSnapshot(saveOpts.aspects), { public: saveOpts.public });
+			clearLocalDraft();
+			return id;
+		});
+	}
+	function rename(id, label) {
+		return track(async () => {
+			await requirePresets().renamePreset(id, label);
+		});
 	}
-	async function togglePublic(id) {
-		await requirePresets().togglePublic(id);
+	function remove(id) {
+		return track(async () => {
+			const handle = requirePresets();
+			const wasActive = activeId.value === id;
+			await handle.deletePreset(id);
+			if (wasActive) {
+				apply(STANDARD_PRESET_ID);
+				clearLocalDraft();
+			}
+		});
+	}
+	function togglePublic(id) {
+		return track(async () => {
+			await requirePresets().togglePublic(id);
+		});
 	}
-	async function setDefault(id) {
-		await requirePresets().setDefault(id);
+	function setDefault(id) {
+		return track(async () => {
+			await requirePresets().setDefault(id);
+		});
 	}
-	async function toggleFav(id) {
-		await requirePresets().toggleFav(id);
+	function toggleFav(id) {
+		return track(async () => {
+			await requirePresets().toggleFav(id);
+		});
 	}
-	async function setFavorites(ids) {
-		await requirePresets().setFavorites(ids);
+	function setFavorites(ids) {
+		return track(async () => {
+			await requirePresets().setFavorites(ids);
+		});
 	}
 	function batch(fn) {
-		return opts.presetsHandle ? opts.presetsHandle.batch(fn) : fn();
+		return track(() => opts.presetsHandle ? opts.presetsHandle.batch(fn) : fn());
 	}
 	function resolveDefaultId() {
 		const pinned = (userConf.value?.data)?.defaultPresetId;
@@ -941,7 +1145,7 @@ function createPresetState(opts) {
 			stop();
 			const id = resolveDefaultId();
 			const { snapshot, nextActiveId } = resolveSnapshot(id);
-			const base = isSystemPresetId(id) ? expandSystemSnapshot(snapshot) : snapshot;
+			const base = isSystemPresetId(id) ? expandSystemSnapshot(snapshot, id) : snapshot;
 			const draftEnabled = !!(opts.draftHandle && opts.persistDrafts);
 			apply(draftEnabled ? opts.draftHandle.hydrate(base) : base);
 			activeId.value = nextActiveId;
@@ -960,6 +1164,8 @@ function createPresetState(opts) {
 			systemPresets,
 			systemPresetsById,
 			availableAspects,
+			systemAspects,
+			ownedAspects,
 			available,
 			activeId,
 			activeSnapshot,
@@ -982,7 +1188,8 @@ function createPresetState(opts) {
 			setDefault,
 			toggleFav,
 			setFavorites,
-			batch
+			batch,
+			lastError
 		},
 		internals: {
 			gate,
@@ -1252,17 +1459,20 @@ function cellAsString(v) {
 */
 function createRequestSlot(cancelValue) {
 	const r = shallowRef(null);
+	const display = shallowRef(null);
 	function request(body) {
 		if (r.value) {
 			r.value.resolve(cancelValue);
 			r.value = null;
 		}
-		return new Promise((resolve) => {
+		const promise = new Promise((resolve) => {
 			r.value = {
 				...body,
 				resolve
 			};
 		});
+		display.value = r.value;
+		return promise;
 	}
 	function accept(value) {
 		const req = r.value;
@@ -1276,11 +1486,16 @@ function createRequestSlot(cancelValue) {
 		r.value = null;
 		req.resolve(cancelValue);
 	}
+	function release() {
+		if (r.value === null) display.value = null;
+	}
 	return {
 		ref: r,
+		display,
 		request,
 		accept,
-		dismiss
+		dismiss,
+		release
 	};
 }
 function createTableState(opts) {
@@ -1360,6 +1575,7 @@ function createTableState(opts) {
 		presetsHandle: opts.preset?.presetsHandle,
 		draftHandle: opts.preset?.draftHandle,
 		availableAspects: opts.preset?.availableAspects,
+		systemAspects: opts.preset?.systemAspects,
 		persistDrafts: opts.preset?.persistDrafts,
 		fallbackSystemPresets: opts.preset?.fallbackSystemPresets
 	});
@@ -1372,8 +1588,10 @@ function createTableState(opts) {
 			message
 		});
 	}
+	const confirmDisplay = promptSlot.display;
 	const acceptPrompt = () => promptSlot.accept(true);
 	const dismissPrompt = promptSlot.dismiss;
+	const releaseConfirm = promptSlot.release;
 	const formSlot = createRequestSlot(null);
 	const actionFormRequest = formSlot.ref;
 	function requestActionInput(action, ctx) {
@@ -1383,8 +1601,10 @@ function createTableState(opts) {
 			preferredId: ctx.preferredId
 		});
 	}
+	const actionFormDisplay = formSlot.display;
 	const acceptActionForm = formSlot.accept;
 	const dismissActionForm = formSlot.dismiss;
+	const releaseActionForm = formSlot.release;
 	const stateUid = `tbl-${++_tblUid}`;
 	function rowId(absIndex) {
 		return `${stateUid}-row-${absIndex}`;
@@ -1426,6 +1646,10 @@ function createTableState(opts) {
 	/** -1 == nothing active. */
 	const activeIndex = ref(-1);
 	const navMode = ref("pagination");
+	const isQueryBlocked = computed(() => {
+		const blocked = queryOpts?.blockQuery;
+		return typeof blocked === "function" ? !!blocked() : !!blocked;
+	});
 	const { windowCache, windowLoading, errors, topIndex, viewportRowCount, dataAt, loadingAt, errorAt, loadRange, queryNext, clearSettlements, resetWindow, disposeDebounces } = createWindowFetcher({
 		blockSize,
 		dragReleaseDebounceMs,
@@ -1435,7 +1659,7 @@ function createTableState(opts) {
 		resultsStart,
 		queryingNext,
 		getGeneration: () => generation,
-		isQueryBlocked: () => !!queryOpts?.blockQuery,
+		isQueryBlocked: () => isQueryBlocked.value,
 		buildCurrentQuery,
 		dispatchPages,
 		reportError
@@ -1445,7 +1669,7 @@ function createTableState(opts) {
 		if (idx < 0) return void 0;
 		return navMode.value === "window" ? dataAt(idx) : results.value[idx];
 	}
-	const { selectedRows, selectedCount, rowValueFn, isPkSelected, toggleActiveSelection } = createSelectionApi(selectionOpts, getActiveRow);
+	const { selectedRows, selectedCount, rowValueFn, isPkSelected, rowSelectable, isRowSelectable, selectableRows, selectableCount, selectAll, toggleActiveSelection } = createSelectionApi(selectionOpts, getActiveRow, activeIndex);
 	const { actions } = createActions({
 		tableDef,
 		client,
@@ -1481,7 +1705,7 @@ function createTableState(opts) {
 		toggleActiveSelection
 	});
 	async function runQuery(kind, silent = false) {
-		if (queryOpts?.blockQuery) return;
+		if (isQueryBlocked.value) return;
 		mustRefresh.value = false;
 		if (!silent && kind !== "initial" && topIndex.value !== 0) topIndex.value = 0;
 		const thisGen = ++generation;
@@ -1522,7 +1746,7 @@ function createTableState(opts) {
 	let pendingSilent = true;
 	let queryFlushScheduled = false;
 	function scheduleQuery(kind = "query", opts) {
-		if (queryOpts?.blockQuery) return;
+		if (isQueryBlocked.value) return;
 		if (tableDef.value === null) return;
 		pendingScheduledKind = pendingScheduledKind ?? kind;
 		if (!(opts?.silent ?? false)) {
@@ -1552,7 +1776,7 @@ function createTableState(opts) {
 	async function queryImmediate(opts) {
 		pendingScheduledKind = null;
 		pendingSilent = true;
-		if (queryOpts?.blockQuery) return;
+		if (isQueryBlocked.value) return;
 		if (tableDef.value === null) return;
 		await runQuery("query", opts?.silent ?? false);
 	}
@@ -1610,6 +1834,11 @@ function createTableState(opts) {
 		rowValueFn,
 		resolveHref: opts.actions?.resolveHref ?? ((url) => url),
 		isPkSelected,
+		rowSelectable,
+		isRowSelectable,
+		selectableRows,
+		selectableCount,
+		selectAll,
 		rowDelete,
 		includeActions,
 		activeIndex,
@@ -1625,13 +1854,17 @@ function createTableState(opts) {
 		registerMainActionListener,
 		actions,
 		confirmRequest,
+		confirmDisplay,
 		prompt: promptFn,
 		acceptPrompt,
 		dismissPrompt,
+		releaseConfirm,
 		actionFormRequest,
+		actionFormDisplay,
 		requestActionInput,
 		acceptActionForm,
 		dismissActionForm,
+		releaseActionForm,
 		query,
 		queryImmediate,
 		queryNext,
@@ -1777,7 +2010,7 @@ function createTableState(opts) {
 		lastEmittedUrl = serializeStateForUrl();
 		nextTick(() => {
 			hydratingFromUrl = false;
-			if (wasQueryDetected && !queryOpts?.blockQuery && tableDef.value !== null) scheduleQuery();
+			if (wasQueryDetected && !isQueryBlocked.value && tableDef.value !== null) scheduleQuery();
 		});
 	}
 	const debouncedFilterQuery = debounce(() => {
@@ -1838,9 +2071,11 @@ function createTableState(opts) {
 	watch([
 		() => tableDef.value,
 		() => queryOpts?.urlQueryReady?.value ?? true,
-		presetGateOpen
-	], ([def, urlReady, presetReady]) => {
+		presetGateOpen,
+		() => isQueryBlocked.value
+	], ([def, urlReady, presetReady, blocked]) => {
 		if (queryDetected) return;
+		if (blocked) return;
 		if (def === null || !urlReady || !presetReady) return;
 		if (queryOpts?.queryOnMount === false) return;
 		if (allColumns.value.length === 0) return;
@@ -1848,6 +2083,11 @@ function createTableState(opts) {
 		queryDetected = true;
 		scheduleQuery("initial");
 	});
+	watch(() => isQueryBlocked.value, (blocked) => {
+		if (blocked || !queryDetected) return;
+		if (tableDef.value === null) return;
+		scheduleQuery();
+	});
 	onScopeDispose(() => {
 		debouncedFilterQuery.cancel();
 		disposeDebounces();
@@ -1994,4 +2234,4 @@ function useRegisterMainActionListener(state, listener, enabled) {
 	});
 }
 //#endregion
-export { isModClick as _, useTableContext as a, ROW_ACTIONS_PATH as b, actionHref as c, ariaLabelFor as d, collectIdentifiers as f, intentToScope as g, intentClass as h, useRegisterMainActionListener as i, applyRowGate as l, extractIdentifier as m, createTableState as n, useTableContextOptional as o, createNavigateGestures as p, provideTableContext as r, DEFAULT_AVAILABLE_ASPECTS as s, createStaticTableState as t, applyRowsGate as u, isPlainLeftClick as v, ROW_ACTIONS_TYPE as x, triggerAction as y };
+export { isModClick as C, ROW_ACTIONS_TYPE as D, ROW_ACTIONS_PATH as E, intentToScope as S, triggerAction as T, ariaLabelFor as _, useTableContext as a, extractIdentifier as b, ASPECT_ICONS as c, readPresetLabel as d, INTERACTIVE_SELECTOR as f, applyRowsGate as g, applyRowGate as h, useRegisterMainActionListener as i, ASPECT_LABELS as l, actionHref as m, createTableState as n, useTableContextOptional as o, onSelectControlKeydown as p, provideTableContext as r, DEFAULT_AVAILABLE_ASPECTS as s, createStaticTableState as t, ownerNameOf as u, collectIdentifiers as v, isPlainLeftClick as w, intentClass as x, createNavigateGestures as y };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atscript/vue-table",
-  "version": "0.1.131",
+  "version": "0.1.133",
   "description": "Type-driven table components for Atscript with Vue 3",
   "keywords": [
     "atscript",
@@ -162,15 +162,15 @@
     "access": "public"
   },
   "dependencies": {
-    "@atscript/ui": "^0.1.131",
-    "@atscript/ui-table": "^0.1.131",
-    "@atscript/vue-form": "^0.1.131"
+    "@atscript/ui": "^0.1.133",
+    "@atscript/vue-form": "^0.1.133",
+    "@atscript/ui-table": "^0.1.133"
   },
   "devDependencies": {
-    "@atscript/db-client": "^0.1.126",
-    "@atscript/typescript": "^0.1.88",
+    "@atscript/db-client": "^0.1.129",
+    "@atscript/typescript": "^0.1.93",
     "@tanstack/vue-virtual": "^3.13.26",
-    "@uniqu/core": "^0.1.7",
+    "@uniqu/core": "^0.1.8",
     "@vitejs/plugin-vue": "^6",
     "@vue/test-utils": "^2",
     "@vueuse/core": "^14.3.0",
@@ -180,10 +180,10 @@
     "vue": "^3",
     "vue-router": "^4",
     "vue-tsc": "~3.2.9",
-    "vunor": "^0.2.1"
+    "vunor": "^0.3.0"
   },
   "peerDependencies": {
-    "@atscript/db-client": "^0.1.126",
+    "@atscript/db-client": "^0.1.129",
     "@tanstack/vue-virtual": "^3.13.26",
     "@vueuse/core": "^14.3.0",
     "reka-ui": "^2.9.8",