@atscript/vue-table 0.1.132 → 0.1.134

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

@@ -1,9 +1,9 @@
-import { a as useTableContext } from "./use-table-state-BxX3SpeW.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 { a as useTableContext, c as ASPECT_ICONS, d as readPresetLabel, l as ASPECT_LABELS, u as ownerNameOf } from "./use-table-state-mBXx11aH.mjs";
+import { t as useSeedOnOpen } from "./use-seed-on-open-DSh4XFyp.mjs";
+import { t as errorMessage } from "./error-message-gNEXnnbb.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-D2a6nxEX.cjs}

@@ -1,6 +1,6 @@
-const require_use_table_state = require("./use-table-state-Oi2ds4_a.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_use_table_state = require("./use-table-state-mhm-YWnu.cjs");
+const require_use_seed_on_open = require("./use-seed-on-open-9TSm1Vbv.cjs");
+const require_error_message = require("./error-message-CfKpn_5w.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-D2a6nxEX.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-BwHV6Y77.mjs";
 export { as_preset_dialog_default as default };

package/dist/{as-preset-picker-CISaxEZ0.mjs → as-preset-picker-B0JnyAPA.mjs}

@@ -1,6 +1,6 @@
-import { a as useTableContext } from "./use-table-state-BxX3SpeW.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 { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, nextTick, normalizeClass, onScopeDispose, openBlock, ref, renderList, toDisplayString, unref, vModelCheckbox, vModelText, watch, withCtx, withDirectives, withKeys, withModifiers } from "vue";
+import { a as useTableContext, c as ASPECT_ICONS, d as readPresetLabel, l as ASPECT_LABELS, u as ownerNameOf } from "./use-table-state-mBXx11aH.mjs";
+import { t as errorMessage } from "./error-message-gNEXnnbb.mjs";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, h, nextTick, normalizeClass, onScopeDispose, openBlock, ref, renderList, shallowRef, toDisplayString, unref, vModelCheckbox, vModelText, watch, withCtx, withDirectives, withKeys, withModifiers } from "vue";
 import { isSystemPresetId } from "@atscript/ui-table";
 import { DropdownMenuContent, DropdownMenuItem, DropdownMenuPortal, DropdownMenuRoot, DropdownMenuSeparator, DropdownMenuTrigger } from "reka-ui";
 //#region src/components/as-preset-picker.vue?vue&type=script&setup=true&lang.ts
@@ -80,6 +80,27 @@ var as_preset_picker_default = /* @__PURE__ */ defineComponent({
 			document.addEventListener("focusin", stickFocus, true);
 		});
 		const aspects = computed(() => state.preset.availableAspects);
+		const dismissed = shallowRef(null);
+		function clearError() {
+			dismissed.value = state.preset.lastError.value;
+		}
+		const errorText = computed(() => {
+			const err = state.preset.lastError.value;
+			if (!err || err === dismissed.value) return "";
+			return errorMessage(err, "Could not save the preset.");
+		});
+		/**
+		* The one error block. The menu and the Save-as popover are mutually
+		* exclusive branches, so it renders through a local function instead of
+		* being duplicated in both templates.
+		*/
+		function ErrorNote() {
+			if (!errorText.value) return null;
+			return h("div", {
+				class: "as-preset-picker-error",
+				role: "alert"
+			}, errorText.value);
+		}
 		function resetSaveAsForm() {
 			const base = activePresetLabel.value;
 			saveAsLabel.value = base ? `Copy of ${base}` : "";
@@ -89,23 +110,20 @@ var as_preset_picker_default = /* @__PURE__ */ defineComponent({
 			for (const a of aspects.value) initial[a] = claimed.has(a);
 			saveAsAspectsMask.value = initial;
 		}
-		const activePresetClaimedAspects = computed(() => {
-			const id = state.preset.activeId.value;
-			if (!id || isSystemPresetId(id)) return new Set(aspects.value);
-			const row = state.preset.presetsById.value.get(id);
-			if (!row) return new Set(aspects.value);
-			return new Set(aspectsOf(row, aspects.value));
-		});
+		const activePresetClaimedAspects = computed(() => new Set(state.preset.ownedAspects(state.preset.activeId.value)));
 		function openSaveAs() {
 			resetSaveAsForm();
+			clearError();
 			saveAsOpen.value = true;
 		}
 		function cancelSaveAs() {
+			clearError();
 			saveAsOpen.value = false;
 		}
 		async function commitSaveAs() {
 			const label = saveAsLabel.value.trim();
 			if (!label) return;
+			clearError();
 			try {
 				await state.preset.saveAs(label, {
 					aspects: saveAsAspectsMask.value,
@@ -113,7 +131,7 @@ var as_preset_picker_default = /* @__PURE__ */ defineComponent({
 				});
 				saveAsOpen.value = false;
 				open.value = false;
-			} catch (_err) {}
+			} catch {}
 		}
 		function authorMeta(row) {
 			const name = ownerNameOf(row);
@@ -125,7 +143,7 @@ var as_preset_picker_default = /* @__PURE__ */ defineComponent({
 				label: p.label,
 				system: true,
 				fav,
-				aspects: [...state.preset.availableAspects]
+				aspects: state.preset.ownedAspects(p.id)
 			};
 		}
 		function storedItem(row, fav, meta) {
@@ -134,7 +152,7 @@ var as_preset_picker_default = /* @__PURE__ */ defineComponent({
 				label: readPresetLabel(row),
 				fav,
 				meta,
-				aspects: aspectsOf(row, state.preset.availableAspects)
+				aspects: state.preset.ownedAspects(row.id)
 			};
 		}
 		const favIds = computed(() => {
@@ -190,10 +208,11 @@ var as_preset_picker_default = /* @__PURE__ */ defineComponent({
 			open.value = false;
 		}
 		async function saveActive() {
+			clearError();
 			try {
 				await state.preset.saveActive();
 				open.value = false;
-			} catch (_err) {}
+			} catch {}
 		}
 		function resetActive() {
 			state.preset.resetActive();
@@ -227,7 +246,10 @@ var as_preset_picker_default = /* @__PURE__ */ defineComponent({
 		}
 		watch(open, (isOpen) => {
 			if (isOpen) window.addEventListener("keydown", onMenuKeydown);
-			else window.removeEventListener("keydown", onMenuKeydown);
+			else {
+				window.removeEventListener("keydown", onMenuKeydown);
+				clearError();
+			}
 		});
 		onScopeDispose(() => window.removeEventListener("keydown", onMenuKeydown));
 		return (_ctx, _cache) => {
@@ -291,6 +313,7 @@ var as_preset_picker_default = /* @__PURE__ */ defineComponent({
 							}), 128)),
 							createCommentVNode(" Action row "),
 							createVNode(unref(DropdownMenuSeparator), { class: "as-preset-picker-separator" }),
+							createVNode(ErrorNote),
 							unref(state).preset.isDirty.value && unref(state).preset.canSaveActive.value ? (openBlock(), createBlock(unref(DropdownMenuItem), {
 								key: 0,
 								class: "as-preset-picker-action as-preset-picker-action-primary",
@@ -403,6 +426,7 @@ var as_preset_picker_default = /* @__PURE__ */ defineComponent({
 								}, null, -1)),
 								_cache[14] || (_cache[14] = createTextVNode(" Make public ", -1))
 							])], 64)) : createCommentVNode("v-if", true),
+							createVNode(ErrorNote),
 							createElementVNode("div", _hoisted_15, [createElementVNode("button", {
 								type: "button",
 								class: "as-preset-picker-popover-cancel",