@atscript/vue-table 0.1.131 → 0.1.133

package/dist/as-filters.vue-DcxDnWAU.d.cts

@@ -0,0 +1,65 @@
+import * as vue from "vue";
+
+//#region src/components/as-filters.vue.d.ts
+declare const _default: typeof __VLS_export;
+declare const __VLS_export: vue.DefineComponent<{
+  filterFields?: string[];
+  /**
+   * Hard cap on how many filter fields render inline. Deterministic and
+   * count-based — this component never measures the toolbar. Width-driven
+   * responsiveness stays with the host, which already knows its own
+   * breakpoints and can feed a shorter `filterFields` list (or a smaller
+   * `maxVisible`).
+   *
+   * Omitted (the default) → every field renders inline, exactly as before.
+   *
+   * @since 0.1.133
+   */
+  maxVisible?: number;
+  /**
+   * What happens to the fields past `maxVisible`:
+   * - `'popover'` (the default whenever `maxVisible` is set) — they move into
+   *   a popover behind a "More filters" trigger, which badges the number of
+   *   ACTIVE hidden filters so nothing silently narrows the table from
+   *   off-screen.
+   * - `'none'` — they are not rendered at all. Pick this only when the host
+   *   surfaces them elsewhere (e.g. its own filter dialog); an active filter
+   *   on a dropped field still applies to the query.
+   *
+   * Ignored when `maxVisible` is omitted.
+   *
+   * @since 0.1.133
+   */
+  overflow?: "popover" | "none";
+}, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<{
+  filterFields?: string[];
+  /**
+   * Hard cap on how many filter fields render inline. Deterministic and
+   * count-based — this component never measures the toolbar. Width-driven
+   * responsiveness stays with the host, which already knows its own
+   * breakpoints and can feed a shorter `filterFields` list (or a smaller
+   * `maxVisible`).
+   *
+   * Omitted (the default) → every field renders inline, exactly as before.
+   *
+   * @since 0.1.133
+   */
+  maxVisible?: number;
+  /**
+   * What happens to the fields past `maxVisible`:
+   * - `'popover'` (the default whenever `maxVisible` is set) — they move into
+   *   a popover behind a "More filters" trigger, which badges the number of
+   *   ACTIVE hidden filters so nothing silently narrows the table from
+   *   off-screen.
+   * - `'none'` — they are not rendered at all. Pick this only when the host
+   *   surfaces them elsewhere (e.g. its own filter dialog); an active filter
+   *   on a dropped field still applies to the query.
+   *
+   * Ignored when `maxVisible` is omitted.
+   *
+   * @since 0.1.133
+   */
+  overflow?: "popover" | "none";
+}> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
+//#endregion
+export { _default as t };

package/dist/{as-preset-dialog-CDqCAR7N.mjs → as-preset-dialog-CCIacZ2C.mjs}

@@ -1,9 +1,9 @@
-import { a as useTableContext } from "./use-table-state-BxX3SpeW.mjs";
+import { a as useTableContext, c as ASPECT_ICONS, d as readPresetLabel, l as ASPECT_LABELS, u as ownerNameOf } from "./use-table-state-DLJbW753.mjs";
 import { t as useSeedOnOpen } from "./use-seed-on-open-DO3A1kIb.mjs";
-import { a as readPresetLabel, i as ownerNameOf, n as ASPECT_LABELS, r as aspectsOf, t as ASPECT_ICONS } from "./preset-aspect-display-IICxAlVo.mjs";
+import { t as errorMessage } from "./error-message-hPSAu8Ug.mjs";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, isRef, nextTick, normalizeClass, openBlock, ref, renderList, toDisplayString, unref, vModelText, watch, withCtx, withDirectives, withKeys, withModifiers } from "vue";
 import { isSystemPresetId, setsEqual } from "@atscript/ui-table";
-import { DialogClose, DialogContent, DialogOverlay, DialogPortal, DialogRoot, DialogTitle } from "reka-ui";
+import { DialogClose, DialogContent, DialogDescription, DialogOverlay, DialogPortal, DialogRoot, DialogTitle } from "reka-ui";
 //#region src/components/defaults/as-preset-dialog.vue?vue&type=script&setup=true&lang.ts
 const _hoisted_1 = { class: "as-preset-dialog-header" };
 const _hoisted_2 = { class: "as-preset-dialog-counter" };
@@ -81,10 +81,15 @@ const _hoisted_26 = { class: "as-preset-dialog-footer" };
 const _hoisted_27 = { class: "as-preset-dialog-footer-status" };
 const _hoisted_28 = {
 	key: 0,
+	class: "as-preset-dialog-footer-error",
+	role: "alert"
+};
+const _hoisted_29 = {
+	key: 1,
 	class: "as-preset-dialog-footer-unsaved"
 };
-const _hoisted_29 = { class: "as-preset-dialog-footer-actions" };
-const _hoisted_30 = ["disabled"];
+const _hoisted_30 = { class: "as-preset-dialog-footer-actions" };
+const _hoisted_31 = ["disabled"];
 //#endregion
 //#region src/components/defaults/as-preset-dialog.vue
 var as_preset_dialog_default = /* @__PURE__ */ defineComponent({
@@ -162,7 +167,7 @@ var as_preset_dialog_default = /* @__PURE__ */ defineComponent({
 				kind: "system",
 				isPublic: false,
 				ownerLabel: "—",
-				aspects: [...state.preset.availableAspects],
+				aspects: state.preset.ownedAspects(sp.id),
 				pendingLabel: false
 			});
 			const stored = [];
@@ -177,7 +182,7 @@ var as_preset_dialog_default = /* @__PURE__ */ defineComponent({
 					kind: isOwned ? "owned" : "public",
 					isPublic: pendingPublicIds.value.has(row.id),
 					ownerLabel: isOwned ? "you" : ownerNameOf(row, "—"),
-					aspects: aspectsOf(row, state.preset.availableAspects),
+					aspects: state.preset.ownedAspects(row.id),
 					pendingLabel: pending !== void 0 && pending !== original
 				});
 			}
@@ -289,9 +294,15 @@ var as_preset_dialog_default = /* @__PURE__ */ defineComponent({
 			cancelRename();
 		}
 		const saving = ref(false);
+		const errorText = ref("");
 		async function save() {
 			if (!isDirty.value || saving.value) return;
 			saving.value = true;
+			errorText.value = "";
+			const failedLabels = /* @__PURE__ */ new Map();
+			const failedPublicIds = /* @__PURE__ */ new Set();
+			const failedDeleteIds = /* @__PURE__ */ new Set();
+			const failures = [];
 			try {
 				await state.preset.batch(async () => {
 					const deleted = pendingDeleteIds.value;
@@ -304,17 +315,28 @@ var as_preset_dialog_default = /* @__PURE__ */ defineComponent({
 							if (state.preset.isOwned(id)) continue;
 							cleaned.push(id);
 						}
-						await state.preset.setFavorites(cleaned);
+						try {
+							await state.preset.setFavorites(cleaned);
+						} catch (err) {
+							failures.push(errorMessage(err, "The change could not be saved."));
+						}
 					}
 					if (pendingDefaultId.value !== serverDefaultId.value) {
 						const next = pendingDefaultId.value && deleted.has(pendingDefaultId.value) ? null : pendingDefaultId.value;
-						if (next !== serverDefaultId.value) await state.preset.setDefault(next);
+						if (next !== serverDefaultId.value) try {
+							await state.preset.setDefault(next);
+						} catch (err) {
+							failures.push(errorMessage(err, "The change could not be saved."));
+						}
 					}
 					if (pendingLabels.value.size > 0) for (const [id, label] of pendingLabels.value) {
 						if (deleted.has(id)) continue;
 						try {
 							await state.preset.rename(id, label);
-						} catch (_err) {}
+						} catch (err) {
+							failedLabels.set(id, label);
+							failures.push(errorMessage(err, "The change could not be saved."));
+						}
 					}
 					if (!setsEqual(pendingPublicIds.value, serverPublicIds.value)) {
 						const flips = [];
@@ -328,12 +350,35 @@ var as_preset_dialog_default = /* @__PURE__ */ defineComponent({
 						}
 						for (const id of flips) try {
 							await state.preset.togglePublic(id);
-						} catch (_err) {}
+						} catch (err) {
+							failedPublicIds.add(id);
+							failures.push(errorMessage(err, "The change could not be saved."));
+						}
 					}
 					if (deleted.size > 0) for (const id of deleted) try {
 						await state.preset.remove(id);
-					} catch (_err) {}
+					} catch (err) {
+						failedDeleteIds.add(id);
+						failures.push(errorMessage(err, "The change could not be saved."));
+					}
 				});
+				if (failures.length > 0) {
+					syncPendingFromServer();
+					if (failedLabels.size > 0) {
+						const labels = new Map(pendingLabels.value);
+						for (const [id, label] of failedLabels) labels.set(id, label);
+						pendingLabels.value = labels;
+					}
+					if (failedPublicIds.size > 0) {
+						const publics = new Set(pendingPublicIds.value);
+						for (const id of failedPublicIds) if (publics.has(id)) publics.delete(id);
+						else publics.add(id);
+						pendingPublicIds.value = publics;
+					}
+					if (failedDeleteIds.size > 0) pendingDeleteIds.value = new Set([...pendingDeleteIds.value, ...failedDeleteIds]);
+					errorText.value = failures.length === 1 ? failures[0] : `${failures.length} changes could not be saved.`;
+					return;
+				}
 				if (pendingActiveId.value !== null && pendingActiveId.value !== state.preset.activeId.value && !pendingDeleteIds.value.has(pendingActiveId.value)) state.preset.apply(pendingActiveId.value);
 				state.preset.dialogOpen.value = false;
 			} finally {
@@ -342,6 +387,7 @@ var as_preset_dialog_default = /* @__PURE__ */ defineComponent({
 		}
 		function discardOrClose() {
 			syncPendingFromServer();
+			errorText.value = "";
 			state.preset.dialogOpen.value = false;
 		}
 		function rowFavTitle(row) {
@@ -385,20 +431,24 @@ var as_preset_dialog_default = /* @__PURE__ */ defineComponent({
 									default: withCtx(() => [..._cache[5] || (_cache[5] = [createTextVNode("Presets", -1)])]),
 									_: 1
 								}),
+								createVNode(unref(DialogDescription), { class: "sr-only" }, {
+									default: withCtx(() => [..._cache[6] || (_cache[6] = [createTextVNode(" Rename, share, favorite, pin as default or delete your saved table views. ", -1)])]),
+									_: 1
+								}),
 								createElementVNode("span", _hoisted_2, toDisplayString(counterText.value), 1),
 								createVNode(unref(DialogClose), {
 									class: "as-preset-dialog-close",
 									"aria-label": "Close",
 									onClick: withModifiers(discardOrClose, ["prevent"])
 								}, {
-									default: withCtx(() => [..._cache[6] || (_cache[6] = [createElementVNode("span", {
+									default: withCtx(() => [..._cache[7] || (_cache[7] = [createElementVNode("span", {
 										class: "i-as-close",
 										"aria-hidden": "true"
 									}, null, -1)])]),
 									_: 1
 								})
 							]),
-							createElementVNode("div", _hoisted_3, [createElementVNode("div", _hoisted_4, [_cache[7] || (_cache[7] = createElementVNode("span", {
+							createElementVNode("div", _hoisted_3, [createElementVNode("div", _hoisted_4, [_cache[8] || (_cache[8] = createElementVNode("span", {
 								class: "i-as-search as-preset-dialog-search-icon",
 								"aria-hidden": "true"
 							}, null, -1)), withDirectives(createElementVNode("input", {
@@ -408,7 +458,7 @@ var as_preset_dialog_default = /* @__PURE__ */ defineComponent({
 								type: "search",
 								class: "as-preset-dialog-search-input",
 								placeholder: "Search by name or owner…"
-							}, null, 512), [[vModelText, searchQuery.value]])]), _cache[8] || (_cache[8] = createElementVNode("div", { class: "as-preset-dialog-legend" }, [
+							}, null, 512), [[vModelText, searchQuery.value]])]), _cache[9] || (_cache[9] = createElementVNode("div", { class: "as-preset-dialog-legend" }, [
 								createElementVNode("span", { class: "as-preset-dialog-legend-item" }, [createElementVNode("span", {
 									class: "i-as-pin as-preset-dialog-legend-icon",
 									"aria-hidden": "true"
@@ -517,7 +567,7 @@ var as_preset_dialog_default = /* @__PURE__ */ defineComponent({
 											key: 3,
 											class: "as-preset-dialog-row-public-indicator",
 											title: rowPublicTitle(row)
-										}, [..._cache[9] || (_cache[9] = [createElementVNode("span", {
+										}, [..._cache[10] || (_cache[10] = [createElementVNode("span", {
 											class: "i-as-eye",
 											"aria-hidden": "true"
 										}, null, -1)])], 8, _hoisted_22)) : (openBlock(), createElementBlock("span", _hoisted_23)),
@@ -529,17 +579,17 @@ var as_preset_dialog_default = /* @__PURE__ */ defineComponent({
 											"aria-pressed": pendingDeleteIds.value.has(row.id),
 											title: pendingDeleteIds.value.has(row.id) ? "Marked for deletion — click to undo" : "Mark for deletion (applied on Save)",
 											onClick: ($event) => toggleDeletePending(row.id)
-										}, [..._cache[10] || (_cache[10] = [createElementVNode("span", {
+										}, [..._cache[11] || (_cache[11] = [createElementVNode("span", {
 											class: "i-as-trash",
 											"aria-hidden": "true"
 										}, null, -1)])], 8, _hoisted_24)) : (openBlock(), createElementBlock("span", _hoisted_25))
 									], 8, _hoisted_8);
 								}), 128))], 64);
 							}), 128))]),
-							createElementVNode("footer", _hoisted_26, [createElementVNode("div", _hoisted_27, [isDirty.value ? (openBlock(), createElementBlock("span", _hoisted_28, [..._cache[11] || (_cache[11] = [createElementVNode("span", {
+							createElementVNode("footer", _hoisted_26, [createElementVNode("div", _hoisted_27, [errorText.value ? (openBlock(), createElementBlock("span", _hoisted_28, toDisplayString(errorText.value), 1)) : isDirty.value ? (openBlock(), createElementBlock("span", _hoisted_29, [..._cache[12] || (_cache[12] = [createElementVNode("span", {
 								class: "as-preset-dialog-footer-unsaved-dot",
 								"aria-hidden": "true"
-							}, null, -1), createTextVNode(" unsaved changes ", -1)])])) : createCommentVNode("v-if", true)]), createElementVNode("div", _hoisted_29, [createElementVNode("button", {
+							}, null, -1), createTextVNode(" unsaved changes ", -1)])])) : createCommentVNode("v-if", true)]), createElementVNode("div", _hoisted_30, [createElementVNode("button", {
 								type: "button",
 								class: "as-preset-dialog-footer-close",
 								onClick: discardOrClose
@@ -548,7 +598,7 @@ var as_preset_dialog_default = /* @__PURE__ */ defineComponent({
 								class: "as-preset-dialog-footer-save",
 								disabled: !isDirty.value || saving.value,
 								onClick: save
-							}, toDisplayString(saving.value ? "Saving…" : "Save"), 9, _hoisted_30)])])
+							}, toDisplayString(saving.value ? "Saving…" : "Save"), 9, _hoisted_31)])])
 						]),
 						_: 1
 					})]),

package/dist/{as-preset-dialog-DpM06jqR.cjs → as-preset-dialog-jZeyXJeJ.cjs}

@@ -1,6 +1,6 @@
-const require_use_table_state = require("./use-table-state-Oi2ds4_a.cjs");
+const require_use_table_state = require("./use-table-state-D6dHOFrA.cjs");
 const require_use_seed_on_open = require("./use-seed-on-open-Dg9I89fU.cjs");
-const require_preset_aspect_display = require("./preset-aspect-display-TWwf6j1B.cjs");
+const require_error_message = require("./error-message-CglODWl4.cjs");
 let vue = require("vue");
 let _atscript_ui_table = require("@atscript/ui-table");
 let reka_ui = require("reka-ui");
@@ -81,10 +81,15 @@ const _hoisted_26 = { class: "as-preset-dialog-footer" };
 const _hoisted_27 = { class: "as-preset-dialog-footer-status" };
 const _hoisted_28 = {
 	key: 0,
+	class: "as-preset-dialog-footer-error",
+	role: "alert"
+};
+const _hoisted_29 = {
+	key: 1,
 	class: "as-preset-dialog-footer-unsaved"
 };
-const _hoisted_29 = { class: "as-preset-dialog-footer-actions" };
-const _hoisted_30 = ["disabled"];
+const _hoisted_30 = { class: "as-preset-dialog-footer-actions" };
+const _hoisted_31 = ["disabled"];
 //#endregion
 //#region src/components/defaults/as-preset-dialog.vue
 var as_preset_dialog_default = /* @__PURE__ */ (0, vue.defineComponent)({
@@ -162,13 +167,13 @@ var as_preset_dialog_default = /* @__PURE__ */ (0, vue.defineComponent)({
 				kind: "system",
 				isPublic: false,
 				ownerLabel: "—",
-				aspects: [...state.preset.availableAspects],
+				aspects: state.preset.ownedAspects(sp.id),
 				pendingLabel: false
 			});
 			const stored = [];
 			for (const row of state.preset.presets.value) {
 				const isOwned = state.preset.isOwned(row.id);
-				const original = require_preset_aspect_display.readPresetLabel(row);
+				const original = require_use_table_state.readPresetLabel(row);
 				const pending = pendingLabels.value.get(row.id);
 				const liveLabel = pending ?? original;
 				stored.push({
@@ -176,8 +181,8 @@ var as_preset_dialog_default = /* @__PURE__ */ (0, vue.defineComponent)({
 					label: liveLabel,
 					kind: isOwned ? "owned" : "public",
 					isPublic: pendingPublicIds.value.has(row.id),
-					ownerLabel: isOwned ? "you" : require_preset_aspect_display.ownerNameOf(row, "—"),
-					aspects: require_preset_aspect_display.aspectsOf(row, state.preset.availableAspects),
+					ownerLabel: isOwned ? "you" : require_use_table_state.ownerNameOf(row, "—"),
+					aspects: state.preset.ownedAspects(row.id),
 					pendingLabel: pending !== void 0 && pending !== original
 				});
 			}
@@ -279,7 +284,7 @@ var as_preset_dialog_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			const id = editingId.value;
 			const next = editingValue.value.trim();
 			const row = state.preset.presetsById.value.get(id);
-			const original = row ? require_preset_aspect_display.readPresetLabel(row) : "";
+			const original = row ? require_use_table_state.readPresetLabel(row) : "";
 			const map = new Map(pendingLabels.value);
 			if (!next || next === original) map.delete(id);
 			else map.set(id, next);
@@ -289,9 +294,15 @@ var as_preset_dialog_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			cancelRename();
 		}
 		const saving = (0, vue.ref)(false);
+		const errorText = (0, vue.ref)("");
 		async function save() {
 			if (!isDirty.value || saving.value) return;
 			saving.value = true;
+			errorText.value = "";
+			const failedLabels = /* @__PURE__ */ new Map();
+			const failedPublicIds = /* @__PURE__ */ new Set();
+			const failedDeleteIds = /* @__PURE__ */ new Set();
+			const failures = [];
 			try {
 				await state.preset.batch(async () => {
 					const deleted = pendingDeleteIds.value;
@@ -304,17 +315,28 @@ var as_preset_dialog_default = /* @__PURE__ */ (0, vue.defineComponent)({
 							if (state.preset.isOwned(id)) continue;
 							cleaned.push(id);
 						}
-						await state.preset.setFavorites(cleaned);
+						try {
+							await state.preset.setFavorites(cleaned);
+						} catch (err) {
+							failures.push(require_error_message.errorMessage(err, "The change could not be saved."));
+						}
 					}
 					if (pendingDefaultId.value !== serverDefaultId.value) {
 						const next = pendingDefaultId.value && deleted.has(pendingDefaultId.value) ? null : pendingDefaultId.value;
-						if (next !== serverDefaultId.value) await state.preset.setDefault(next);
+						if (next !== serverDefaultId.value) try {
+							await state.preset.setDefault(next);
+						} catch (err) {
+							failures.push(require_error_message.errorMessage(err, "The change could not be saved."));
+						}
 					}
 					if (pendingLabels.value.size > 0) for (const [id, label] of pendingLabels.value) {
 						if (deleted.has(id)) continue;
 						try {
 							await state.preset.rename(id, label);
-						} catch (_err) {}
+						} catch (err) {
+							failedLabels.set(id, label);
+							failures.push(require_error_message.errorMessage(err, "The change could not be saved."));
+						}
 					}
 					if (!(0, _atscript_ui_table.setsEqual)(pendingPublicIds.value, serverPublicIds.value)) {
 						const flips = [];
@@ -328,12 +350,35 @@ var as_preset_dialog_default = /* @__PURE__ */ (0, vue.defineComponent)({
 						}
 						for (const id of flips) try {
 							await state.preset.togglePublic(id);
-						} catch (_err) {}
+						} catch (err) {
+							failedPublicIds.add(id);
+							failures.push(require_error_message.errorMessage(err, "The change could not be saved."));
+						}
 					}
 					if (deleted.size > 0) for (const id of deleted) try {
 						await state.preset.remove(id);
-					} catch (_err) {}
+					} catch (err) {
+						failedDeleteIds.add(id);
+						failures.push(require_error_message.errorMessage(err, "The change could not be saved."));
+					}
 				});
+				if (failures.length > 0) {
+					syncPendingFromServer();
+					if (failedLabels.size > 0) {
+						const labels = new Map(pendingLabels.value);
+						for (const [id, label] of failedLabels) labels.set(id, label);
+						pendingLabels.value = labels;
+					}
+					if (failedPublicIds.size > 0) {
+						const publics = new Set(pendingPublicIds.value);
+						for (const id of failedPublicIds) if (publics.has(id)) publics.delete(id);
+						else publics.add(id);
+						pendingPublicIds.value = publics;
+					}
+					if (failedDeleteIds.size > 0) pendingDeleteIds.value = new Set([...pendingDeleteIds.value, ...failedDeleteIds]);
+					errorText.value = failures.length === 1 ? failures[0] : `${failures.length} changes could not be saved.`;
+					return;
+				}
 				if (pendingActiveId.value !== null && pendingActiveId.value !== state.preset.activeId.value && !pendingDeleteIds.value.has(pendingActiveId.value)) state.preset.apply(pendingActiveId.value);
 				state.preset.dialogOpen.value = false;
 			} finally {
@@ -342,6 +387,7 @@ var as_preset_dialog_default = /* @__PURE__ */ (0, vue.defineComponent)({
 		}
 		function discardOrClose() {
 			syncPendingFromServer();
+			errorText.value = "";
 			state.preset.dialogOpen.value = false;
 		}
 		function rowFavTitle(row) {
@@ -385,20 +431,24 @@ var as_preset_dialog_default = /* @__PURE__ */ (0, vue.defineComponent)({
 									default: (0, vue.withCtx)(() => [..._cache[5] || (_cache[5] = [(0, vue.createTextVNode)("Presets", -1)])]),
 									_: 1
 								}),
+								(0, vue.createVNode)((0, vue.unref)(reka_ui.DialogDescription), { class: "sr-only" }, {
+									default: (0, vue.withCtx)(() => [..._cache[6] || (_cache[6] = [(0, vue.createTextVNode)(" Rename, share, favorite, pin as default or delete your saved table views. ", -1)])]),
+									_: 1
+								}),
 								(0, vue.createElementVNode)("span", _hoisted_2, (0, vue.toDisplayString)(counterText.value), 1),
 								(0, vue.createVNode)((0, vue.unref)(reka_ui.DialogClose), {
 									class: "as-preset-dialog-close",
 									"aria-label": "Close",
 									onClick: (0, vue.withModifiers)(discardOrClose, ["prevent"])
 								}, {
-									default: (0, vue.withCtx)(() => [..._cache[6] || (_cache[6] = [(0, vue.createElementVNode)("span", {
+									default: (0, vue.withCtx)(() => [..._cache[7] || (_cache[7] = [(0, vue.createElementVNode)("span", {
 										class: "i-as-close",
 										"aria-hidden": "true"
 									}, null, -1)])]),
 									_: 1
 								})
 							]),
-							(0, vue.createElementVNode)("div", _hoisted_3, [(0, vue.createElementVNode)("div", _hoisted_4, [_cache[7] || (_cache[7] = (0, vue.createElementVNode)("span", {
+							(0, vue.createElementVNode)("div", _hoisted_3, [(0, vue.createElementVNode)("div", _hoisted_4, [_cache[8] || (_cache[8] = (0, vue.createElementVNode)("span", {
 								class: "i-as-search as-preset-dialog-search-icon",
 								"aria-hidden": "true"
 							}, null, -1)), (0, vue.withDirectives)((0, vue.createElementVNode)("input", {
@@ -408,7 +458,7 @@ var as_preset_dialog_default = /* @__PURE__ */ (0, vue.defineComponent)({
 								type: "search",
 								class: "as-preset-dialog-search-input",
 								placeholder: "Search by name or owner…"
-							}, null, 512), [[vue.vModelText, searchQuery.value]])]), _cache[8] || (_cache[8] = (0, vue.createElementVNode)("div", { class: "as-preset-dialog-legend" }, [
+							}, null, 512), [[vue.vModelText, searchQuery.value]])]), _cache[9] || (_cache[9] = (0, vue.createElementVNode)("div", { class: "as-preset-dialog-legend" }, [
 								(0, vue.createElementVNode)("span", { class: "as-preset-dialog-legend-item" }, [(0, vue.createElementVNode)("span", {
 									class: "i-as-pin as-preset-dialog-legend-icon",
 									"aria-hidden": "true"
@@ -496,9 +546,9 @@ var as_preset_dialog_default = /* @__PURE__ */ (0, vue.defineComponent)({
 												key: a,
 												class: "as-preset-dialog-aspect-chip",
 												"data-on": row.aspects.includes(a) ? "" : void 0,
-												title: (0, vue.unref)(require_preset_aspect_display.ASPECT_LABELS)[a]
+												title: (0, vue.unref)(require_use_table_state.ASPECT_LABELS)[a]
 											}, [(0, vue.createElementVNode)("span", {
-												class: (0, vue.normalizeClass)((0, vue.unref)(require_preset_aspect_display.ASPECT_ICONS)[a]),
+												class: (0, vue.normalizeClass)((0, vue.unref)(require_use_table_state.ASPECT_ICONS)[a]),
 												"aria-hidden": "true"
 											}, null, 2)], 8, _hoisted_20);
 										}), 128))]),
@@ -517,7 +567,7 @@ var as_preset_dialog_default = /* @__PURE__ */ (0, vue.defineComponent)({
 											key: 3,
 											class: "as-preset-dialog-row-public-indicator",
 											title: rowPublicTitle(row)
-										}, [..._cache[9] || (_cache[9] = [(0, vue.createElementVNode)("span", {
+										}, [..._cache[10] || (_cache[10] = [(0, vue.createElementVNode)("span", {
 											class: "i-as-eye",
 											"aria-hidden": "true"
 										}, null, -1)])], 8, _hoisted_22)) : ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_23)),
@@ -529,17 +579,17 @@ var as_preset_dialog_default = /* @__PURE__ */ (0, vue.defineComponent)({
 											"aria-pressed": pendingDeleteIds.value.has(row.id),
 											title: pendingDeleteIds.value.has(row.id) ? "Marked for deletion — click to undo" : "Mark for deletion (applied on Save)",
 											onClick: ($event) => toggleDeletePending(row.id)
-										}, [..._cache[10] || (_cache[10] = [(0, vue.createElementVNode)("span", {
+										}, [..._cache[11] || (_cache[11] = [(0, vue.createElementVNode)("span", {
 											class: "i-as-trash",
 											"aria-hidden": "true"
 										}, null, -1)])], 8, _hoisted_24)) : ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_25))
 									], 8, _hoisted_8);
 								}), 128))], 64);
 							}), 128))]),
-							(0, vue.createElementVNode)("footer", _hoisted_26, [(0, vue.createElementVNode)("div", _hoisted_27, [isDirty.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_28, [..._cache[11] || (_cache[11] = [(0, vue.createElementVNode)("span", {
+							(0, vue.createElementVNode)("footer", _hoisted_26, [(0, vue.createElementVNode)("div", _hoisted_27, [errorText.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_28, (0, vue.toDisplayString)(errorText.value), 1)) : isDirty.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_29, [..._cache[12] || (_cache[12] = [(0, vue.createElementVNode)("span", {
 								class: "as-preset-dialog-footer-unsaved-dot",
 								"aria-hidden": "true"
-							}, null, -1), (0, vue.createTextVNode)(" unsaved changes ", -1)])])) : (0, vue.createCommentVNode)("v-if", true)]), (0, vue.createElementVNode)("div", _hoisted_29, [(0, vue.createElementVNode)("button", {
+							}, null, -1), (0, vue.createTextVNode)(" unsaved changes ", -1)])])) : (0, vue.createCommentVNode)("v-if", true)]), (0, vue.createElementVNode)("div", _hoisted_30, [(0, vue.createElementVNode)("button", {
 								type: "button",
 								class: "as-preset-dialog-footer-close",
 								onClick: discardOrClose
@@ -548,7 +598,7 @@ var as_preset_dialog_default = /* @__PURE__ */ (0, vue.defineComponent)({
 								class: "as-preset-dialog-footer-save",
 								disabled: !isDirty.value || saving.value,
 								onClick: save
-							}, (0, vue.toDisplayString)(saving.value ? "Saving…" : "Save"), 9, _hoisted_30)])])
+							}, (0, vue.toDisplayString)(saving.value ? "Saving…" : "Save"), 9, _hoisted_31)])])
 						]),
 						_: 1
 					})]),

package/dist/as-preset-dialog.cjs

@@ -1,2 +1,2 @@
-const require_as_preset_dialog = require("./as-preset-dialog-DpM06jqR.cjs");
+const require_as_preset_dialog = require("./as-preset-dialog-jZeyXJeJ.cjs");
 module.exports = require_as_preset_dialog.as_preset_dialog_default;

package/dist/as-preset-dialog.mjs

@@ -1,2 +1,2 @@
-import { t as as_preset_dialog_default } from "./as-preset-dialog-CDqCAR7N.mjs";
+import { t as as_preset_dialog_default } from "./as-preset-dialog-CCIacZ2C.mjs";
 export { as_preset_dialog_default as default };