@pie-element/venn-classification 0.1.1-next.8 → 0.1.1

package/dist/author/index.js

@@ -1,72 +1,16 @@
-//#region ../../shared/configure-events/dist/index.js
-var _e;
-var _e2;
-var _e3;
-var _e4;
-var _e5;
-var e$3 = (_e = class e extends CustomEvent {
-	constructor(t, n = !1) {
-		super(e.TYPE, {
-			bubbles: !0,
-			detail: {
-				update: t,
-				reset: n
-			}
-		}), this.update = t, this.reset = n;
-	}
-}, _e.TYPE = "model.updated", _e);
-_e2 = class e extends CustomEvent {
-	constructor(t, n) {
-		super(e.TYPE, {
-			bubbles: !0,
-			detail: {
-				src: t,
-				done: n
-			}
-		}), this.src = t, this.done = n;
-	}
-}, _e2.TYPE = "delete.image";
-_e3 = class e extends CustomEvent {
-	constructor(t) {
-		super(e.TYPE, {
-			bubbles: !0,
-			detail: t
-		}), this.handler = t;
-	}
-}, _e3.TYPE = "insert.image";
-_e4 = class e extends CustomEvent {
-	constructor(t, n) {
-		super(e.TYPE, {
-			bubbles: !0,
-			detail: {
-				src: t,
-				done: n
-			}
-		}), this.src = t, this.done = n;
-	}
-}, _e4.TYPE = "delete.sound";
-_e5 = class e extends CustomEvent {
-	constructor(t) {
-		super(e.TYPE, {
-			bubbles: !0,
-			detail: t
-		}), this.handler = t;
-	}
-}, _e5.TYPE = "insert.sound";
-//#endregion
-//#region ../../../node_modules/.bun/svelte@5.57.0/node_modules/svelte/src/internal/disclose-version.js
+//#region ../../../node_modules/.bun/svelte@5.57.1/node_modules/svelte/src/internal/disclose-version.js
 if (typeof window !== "undefined") {
 	var _window$__svelte, _window;
 	((_window$__svelte = (_window = window).__svelte ?? (_window.__svelte = {})).v ?? (_window$__svelte.v = /* @__PURE__ */ new Set())).add("5");
 }
 //#endregion
-//#region ../../../node_modules/.bun/svelte@5.57.0/node_modules/svelte/src/constants.js
+//#region ../../../node_modules/.bun/svelte@5.57.1/node_modules/svelte/src/constants.js
 var HYDRATION_ERROR = {};
 var UNINITIALIZED = Symbol("uninitialized");
 var NAMESPACE_SVG = "http://www.w3.org/2000/svg";
 var NAMESPACE_MATHML = "http://www.w3.org/1998/Math/MathML";
 //#endregion
-//#region ../../../node_modules/.bun/svelte@5.57.0/node_modules/svelte/src/internal/shared/utils.js
+//#region ../../../node_modules/.bun/svelte@5.57.1/node_modules/svelte/src/internal/shared/utils.js
 var is_array = Array.isArray;
 var index_of = Array.prototype.indexOf;
 var includes = Array.prototype.includes;
@@ -177,13 +121,6 @@ var EFFECT_TRANSPARENT = 65536;
 var EFFECT_PRESERVED = 1 << 19;
 var USER_EFFECT = 1 << 20;
 var EFFECT_OFFSCREEN = 1 << 25;
-/**
-* Tells that we marked this derived and its reactions as visited during the "mark as (maybe) dirty"-phase.
-* Will be lifted during execution of the derived and during checking its dirty state (both are necessary
-* because a derived might be checked but not executed). This is a pure performance optimization flag and
-* should not be used for any other purpose!
-*/
-var WAS_MARKED = 65536;
 var REACTION_IS_UPDATING = 1 << 21;
 var ASYNC = 1 << 22;
 var ERROR_VALUE = 1 << 23;
@@ -226,7 +163,7 @@ function svelte_boundary_reset_noop() {
 	console.warn(`https://svelte.dev/e/svelte_boundary_reset_noop`);
 }
 //#endregion
-//#region ../../../node_modules/.bun/svelte@5.57.0/node_modules/svelte/src/internal/client/dom/hydration.js
+//#region ../../../node_modules/.bun/svelte@5.57.1/node_modules/svelte/src/internal/client/dom/hydration.js
 /** @import { TemplateNode } from '#client' */
 /**
 * Use this variable to guard everything related to hydration code so it can be treeshaken out
@@ -305,7 +242,7 @@ function read_hydration_instruction(node) {
 	return node.data;
 }
 //#endregion
-//#region ../../../node_modules/.bun/svelte@5.57.0/node_modules/svelte/src/internal/client/reactivity/equality.js
+//#region ../../../node_modules/.bun/svelte@5.57.1/node_modules/svelte/src/internal/client/reactivity/equality.js
 /** @import { Equals } from '#client' */
 /** @type {Equals} */
 function equals(value) {
@@ -332,7 +269,7 @@ function lifecycle_outside_component(name) {
 	throw new Error(`https://svelte.dev/e/lifecycle_outside_component`);
 }
 //#endregion
-//#region ../../../node_modules/.bun/svelte@5.57.0/node_modules/svelte/src/internal/client/errors.js
+//#region ../../../node_modules/.bun/svelte@5.57.1/node_modules/svelte/src/internal/client/errors.js
 /**
 * Cannot create a `$derived(...)` with an `await` expression outside of an effect tree
 * @returns {never}
@@ -424,13 +361,13 @@ function svelte_boundary_reset_onerror() {
 	throw new Error(`https://svelte.dev/e/svelte_boundary_reset_onerror`);
 }
 //#endregion
-//#region ../../../node_modules/.bun/svelte@5.57.0/node_modules/svelte/src/internal/flags/index.js
+//#region ../../../node_modules/.bun/svelte@5.57.1/node_modules/svelte/src/internal/flags/index.js
 /** True if experimental.async=true */
 var async_mode_flag = false;
 /** True if we're not certain that we only have Svelte 5 code in the compilation */
 var legacy_mode_flag = false;
 //#endregion
-//#region ../../../node_modules/.bun/svelte@5.57.0/node_modules/svelte/src/internal/client/context.js
+//#region ../../../node_modules/.bun/svelte@5.57.1/node_modules/svelte/src/internal/client/context.js
 /** @import { ComponentContext, DevStackEntry, Effect } from '#client' */
 /** @type {ComponentContext | null} */
 var component_context = null;
@@ -490,7 +427,7 @@ function is_runes() {
 	return !legacy_mode_flag || component_context !== null && component_context.l === null;
 }
 //#endregion
-//#region ../../../node_modules/.bun/svelte@5.57.0/node_modules/svelte/src/internal/client/dom/task.js
+//#region ../../../node_modules/.bun/svelte@5.57.1/node_modules/svelte/src/internal/client/dom/task.js
 /** @type {Array<() => void>} */
 var micro_tasks = [];
 function run_micro_tasks() {
@@ -517,7 +454,7 @@ function flush_tasks() {
 	while (micro_tasks.length > 0) run_micro_tasks();
 }
 //#endregion
-//#region ../../../node_modules/.bun/svelte@5.57.0/node_modules/svelte/src/internal/client/reactivity/status.js
+//#region ../../../node_modules/.bun/svelte@5.57.1/node_modules/svelte/src/internal/client/reactivity/status.js
 /** @import { Derived, Signal } from '#client' */
 var STATUS_MASK = ~(DIRTY | MAYBE_DIRTY | CLEAN);
 /**
@@ -536,22 +473,8 @@ function update_derived_status(derived) {
 	else set_signal_status(derived, MAYBE_DIRTY);
 }
 //#endregion
-//#region ../../../node_modules/.bun/svelte@5.57.0/node_modules/svelte/src/internal/client/reactivity/utils.js
-/** @import { Derived, Effect, Value } from '#client' */
-/**
-* @param {Value[] | null} deps
-*/
-function clear_marked(deps) {
-	if (deps === null) return;
-	for (const dep of deps) {
-		if ((dep.f & 2) === 0 || (dep.f & 65536) === 0) continue;
-		dep.f ^= WAS_MARKED;
-		clear_marked(
-			/** @type {Derived} */
-			dep.deps
-		);
-	}
-}
+//#region ../../../node_modules/.bun/svelte@5.57.1/node_modules/svelte/src/internal/client/reactivity/utils.js
+/** @import { Effect } from '#client' */
 /**
 * @param {Effect} effect
 * @param {Set<Effect>} dirty_effects
@@ -560,41 +483,10 @@ function clear_marked(deps) {
 function defer_effect(effect, dirty_effects, maybe_dirty_effects) {
 	if ((effect.f & 2048) !== 0) dirty_effects.add(effect);
 	else if ((effect.f & 4096) !== 0) maybe_dirty_effects.add(effect);
-	clear_marked(effect.deps);
 	set_signal_status(effect, CLEAN);
 }
 //#endregion
-//#region ../../../node_modules/.bun/svelte@5.57.0/node_modules/svelte/src/internal/client/reactivity/store.js
-/**
-* We set this to `true` when updating a store so that we correctly
-* schedule effects if the update takes place inside a `$:` effect
-*/
-var legacy_is_updating_store = false;
-/**
-* Whether or not the prop currently being read is a store binding, as in
-* `<Child bind:x={$y} />`. If it is, we treat the prop as mutable even in
-* runes mode, and skip `binding_property_non_reactive` validation
-*/
-var is_store_binding = false;
-/**
-* Returns a tuple that indicates whether `fn()` reads a prop that is a store binding.
-* Used to prevent `binding_property_non_reactive` validation false positives and
-* ensure that these props are treated as mutable even in runes mode
-* @template T
-* @param {() => T} fn
-* @returns {[T, boolean]}
-*/
-function capture_store_binding(fn) {
-	var previous_is_store_binding = is_store_binding;
-	try {
-		is_store_binding = false;
-		return [fn(), is_store_binding];
-	} finally {
-		is_store_binding = previous_is_store_binding;
-	}
-}
-//#endregion
-//#region ../../../node_modules/.bun/svelte@5.57.0/node_modules/svelte/src/internal/client/dom/elements/misc.js
+//#region ../../../node_modules/.bun/svelte@5.57.1/node_modules/svelte/src/internal/client/dom/elements/misc.js
 var listening_to_form_reset = false;
 function add_form_reset_listener() {
 	if (!listening_to_form_reset) {
@@ -608,7 +500,7 @@ function add_form_reset_listener() {
 	}
 }
 //#endregion
-//#region ../../../node_modules/.bun/svelte@5.57.0/node_modules/svelte/src/internal/client/dom/elements/bindings/shared.js
+//#region ../../../node_modules/.bun/svelte@5.57.1/node_modules/svelte/src/internal/client/dom/elements/bindings/shared.js
 /**
 * @template T
 * @param {() => T} fn
@@ -626,7 +518,7 @@ function without_reactive_context(fn) {
 	}
 }
 //#endregion
-//#region ../../../node_modules/.bun/svelte@5.57.0/node_modules/svelte/src/internal/client/reactivity/async.js
+//#region ../../../node_modules/.bun/svelte@5.57.1/node_modules/svelte/src/internal/client/reactivity/async.js
 /** @import { Blocker, Effect, Source, Value } from '#client' */
 /**
 * @param {Blocker[]} blockers
@@ -859,7 +751,6 @@ function execute_derived(derived) {
 	}
 	set_active_effect(parent);
 	try {
-		derived.f &= ~WAS_MARKED;
 		destroy_derived_effects(derived);
 		value = update_reaction(derived);
 	} finally {
@@ -946,7 +837,7 @@ function _classPrivateFieldGet2(s, a) {
 	return s.get(_assertClassBrand(s, a));
 }
 //#endregion
-//#region ../../../node_modules/.bun/svelte@5.57.0/node_modules/svelte/src/internal/client/reactivity/batch.js
+//#region ../../../node_modules/.bun/svelte@5.57.1/node_modules/svelte/src/internal/client/reactivity/batch.js
 /** @import { Fork } from 'svelte' */
 /** @import { Derived, Effect, Reaction, Source, Value } from '#client' */
 var _Batch;
@@ -997,7 +888,7 @@ var _discard_callbacks = /* @__PURE__ */ new WeakMap();
 var _pending = /* @__PURE__ */ new WeakMap();
 var _blocking_pending = /* @__PURE__ */ new WeakMap();
 var _deferred = /* @__PURE__ */ new WeakMap();
-var _roots = /* @__PURE__ */ new WeakMap();
+var _scheduled = /* @__PURE__ */ new WeakMap();
 var _new_effects = /* @__PURE__ */ new WeakMap();
 var _dirty_effects$1 = /* @__PURE__ */ new WeakMap();
 var _maybe_dirty_effects$1 = /* @__PURE__ */ new WeakMap();
@@ -1045,7 +936,7 @@ var Batch = class Batch {
 		_classPrivateFieldInitSpec(this, _pending, 0);
 		_classPrivateFieldInitSpec(this, _blocking_pending, /* @__PURE__ */ new Map());
 		_classPrivateFieldInitSpec(this, _deferred, null);
-		_classPrivateFieldInitSpec(this, _roots, []);
+		_classPrivateFieldInitSpec(this, _scheduled, []);
 		_classPrivateFieldInitSpec(this, _new_effects, []);
 		_classPrivateFieldInitSpec(this, _dirty_effects$1, /* @__PURE__ */ new Set());
 		_classPrivateFieldInitSpec(this, _maybe_dirty_effects$1, /* @__PURE__ */ new Set());
@@ -1234,20 +1125,7 @@ var Batch = class Batch {
 			effect.b.defer_effect(effect);
 			return;
 		}
-		var e = effect;
-		while (e.parent !== null) {
-			e = e.parent;
-			var flags = e.f;
-			if (collected_effects !== null && e === active_effect) {
-				if (async_mode_flag) return;
-				if ((active_reaction === null || (active_reaction.f & 2) === 0) && !legacy_is_updating_store) return;
-			}
-			if ((flags & 96) !== 0) {
-				if ((flags & 1024) === 0) return;
-				e.f ^= CLEAN;
-			}
-		}
-		_classPrivateFieldGet2(_roots, this).push(e);
+		_classPrivateFieldGet2(_scheduled, this).push(effect);
 	}
 };
 _Batch = Batch;
@@ -1267,12 +1145,40 @@ function _is_deferred() {
 	}
 	return false;
 }
+/**
+* Convert the effects that were scheduled in this batch into the root effects
+* that need to be traversed, marking the path to each effect (by clearing the
+* `CLEAN` flag on ancestor branches) so that the traversal can find them.
+* This happens right before traversal rather than at scheduling time, so that
+* the markers left on the (shared) effect tree are created and consumed within
+* a single traversal — scheduling into other batches can never observe them
+* @returns {Effect[]}
+*/
+function _resolve$1() {
+	/** @type {Effect[]} */
+	var roots = [];
+	for (const effect of _classPrivateFieldGet2(_scheduled, this)) {
+		if ((effect.f & 16384) !== 0 || (effect.f & 6144) === 0) continue;
+		var e = effect;
+		var covered = false;
+		while (e.parent !== null) {
+			e = e.parent;
+			var flags = e.f;
+			if ((flags & 96) !== 0) {
+				if ((flags & 1024) === 0) {
+					covered = true;
+					break;
+				}
+				e.f ^= CLEAN;
+			}
+		}
+		if (!covered) roots.push(e);
+	}
+	_classPrivateFieldSet2(_scheduled, this, []);
+	return roots;
+}
 function _process() {
 	_classPrivateFieldSet2(_started, this, true);
-	if (flush_count++ > 1e3) {
-		_assertClassBrand(_Batch_brand, this, _unlink).call(this);
-		infinite_loop_guard();
-	}
 	for (const e of _classPrivateFieldGet2(_dirty_effects$1, this)) {
 		_classPrivateFieldGet2(_maybe_dirty_effects$1, this).delete(e);
 		set_signal_status(e, DIRTY);
@@ -1282,8 +1188,6 @@ function _process() {
 		set_signal_status(e, MAYBE_DIRTY);
 		this.schedule(e);
 	}
-	const roots = _classPrivateFieldGet2(_roots, this);
-	_classPrivateFieldSet2(_roots, this, []);
 	this.apply();
 	/** @type {Effect[]} */
 	var effects = collected_effects = [];
@@ -1294,12 +1198,18 @@ function _process() {
 	* @deprecated when we get rid of legacy mode and stores, we can get rid of this
 	*/
 	var updates = legacy_updates = [];
-	for (const root of roots) try {
-		_assertClassBrand(_Batch_brand, this, _traverse).call(this, root, effects, render_effects);
-	} catch (e) {
-		reset_all(root);
-		if (!_assertClassBrand(_Batch_brand, this, _is_deferred).call(this)) this.discard();
-		throw e;
+	while (_classPrivateFieldGet2(_scheduled, this).length > 0) {
+		if (flush_count++ > 1e3) {
+			_assertClassBrand(_Batch_brand, this, _unlink).call(this);
+			infinite_loop_guard();
+		}
+		for (const root of _assertClassBrand(_Batch_brand, this, _resolve$1).call(this)) try {
+			_assertClassBrand(_Batch_brand, this, _traverse).call(this, root, effects, render_effects);
+		} catch (e) {
+			reset_all(root);
+			if (!_assertClassBrand(_Batch_brand, this, _is_deferred).call(this)) this.discard();
+			throw e;
+		}
 	}
 	current_batch = null;
 	if (updates.length > 0) {
@@ -1333,16 +1243,16 @@ function _process() {
 	previous_batch = null;
 	_classPrivateFieldGet2(_deferred, this)?.resolve();
 	var next_batch = current_batch;
-	if (_classPrivateFieldGet2(_pending, this) === 0 && (_classPrivateFieldGet2(_roots, this).length === 0 || next_batch !== null)) {
+	if (_classPrivateFieldGet2(_pending, this) === 0 && (_classPrivateFieldGet2(_scheduled, this).length === 0 || next_batch !== null)) {
 		_assertClassBrand(_Batch_brand, this, _unlink).call(this);
 		if (async_mode_flag) {
 			_assertClassBrand(_Batch_brand, this, _commit$1).call(this);
 			current_batch = next_batch;
 		}
 	}
-	if (_classPrivateFieldGet2(_roots, this).length > 0) if (next_batch !== null) {
-		const batch = next_batch;
-		_classPrivateFieldGet2(_roots, batch).push(..._classPrivateFieldGet2(_roots, this).filter((r) => !_classPrivateFieldGet2(_roots, batch).includes(r)));
+	if (_classPrivateFieldGet2(_scheduled, this).length > 0) if (next_batch !== null) {
+		for (const e of _classPrivateFieldGet2(_scheduled, this)) _classPrivateFieldGet2(_scheduled, next_batch).push(e);
+		_classPrivateFieldSet2(_scheduled, this, []);
 	} else next_batch = this;
 	if (next_batch !== null) {
 		old_values.clear();
@@ -1492,10 +1402,9 @@ function _commit$1() {
 					batch.schedule(effect);
 				} else _classPrivateFieldGet2(_dirty_effects$1, batch).add(effect);
 			}
-			if (_classPrivateFieldGet2(_roots, batch).length > 0 && !_classPrivateFieldGet2(_decrement_queued, batch)) {
+			if (_classPrivateFieldGet2(_scheduled, batch).length > 0 && !_classPrivateFieldGet2(_decrement_queued, batch)) {
 				batch.apply();
-				for (var root of _classPrivateFieldGet2(_roots, batch)) _assertClassBrand(_Batch_brand, batch, _traverse).call(batch, root, [], []);
-				_classPrivateFieldSet2(_roots, batch, []);
+				for (var root of _assertClassBrand(_Batch_brand, batch, _resolve$1).call(batch)) _assertClassBrand(_Batch_brand, batch, _traverse).call(batch, root, [], []);
 			}
 			batch.deactivate();
 		}
@@ -1662,7 +1571,7 @@ function reset_all(effect) {
 	}
 }
 //#endregion
-//#region ../../../node_modules/.bun/svelte@5.57.0/node_modules/svelte/src/internal/client/reactivity/sources.js
+//#region ../../../node_modules/.bun/svelte@5.57.1/node_modules/svelte/src/internal/client/reactivity/sources.js
 /** @import { Derived, Effect, Source, Value } from '#client' */
 /** @type {Set<Effect>} */
 var eager_effects = /* @__PURE__ */ new Set();
@@ -1724,6 +1633,16 @@ function set(source, value, should_proxy = false) {
 	return internal_set(source, should_proxy ? proxy(value) : value, legacy_updates);
 }
 /**
+* A set of signals we have already seen while traversing in mark_reactions.
+* Not always set to balance the common case of sources only having a couple
+* of (transitive) dependencies (where always creating a Set would be bad for perf)
+* with the edge case of extremely deep or wide dependency arrays with cycles.
+* @type {Set<any> | null}
+*/
+var seen = null;
+/** Number of transitive dependencies, see {@link seen} for more info */
+var count_deps = 0;
+/**
 * @template V
 * @param {Source<V>} source
 * @param {V} value
@@ -1742,7 +1661,10 @@ function internal_set(source, value, updated_during_traversal = null) {
 			if (batch_values === null) update_derived_status(derived);
 		}
 		source.wv = increment_write_version();
+		seen = null;
+		count_deps = 0;
 		mark_reactions(source, DIRTY, updated_during_traversal);
+		seen = null;
 		if (is_runes() && active_effect !== null && (active_effect.f & 1024) !== 0 && (active_effect.f & 96) === 0) if (untracked_writes === null) set_untracked_writes([source]);
 		else untracked_writes.push(source);
 		if (!batch.is_fork && eager_effects.size > 0 && !eager_effects_deferred) flush_eager_effects();
@@ -1781,6 +1703,12 @@ function mark_reactions(signal, status, updated_during_traversal) {
 	if (reactions === null) return;
 	var runes = is_runes();
 	var length = reactions.length;
+	count_deps += length;
+	if (count_deps > 1e5 && seen === null) seen = /* @__PURE__ */ new Set();
+	if (seen !== null) {
+		if (seen.has(signal)) return;
+		seen.add(signal);
+	}
 	for (var i = 0; i < length; i++) {
 		var reaction = reactions[i];
 		var flags = reaction.f;
@@ -1791,10 +1719,7 @@ function mark_reactions(signal, status, updated_during_traversal) {
 		else if ((flags & 2) !== 0) {
 			var derived = reaction;
 			batch_values?.delete(derived);
-			if ((flags & 65536) === 0) {
-				if (flags & 512 && (active_effect === null || (active_effect.f & 2097152) === 0)) reaction.f |= WAS_MARKED;
-				mark_reactions(derived, MAYBE_DIRTY, updated_during_traversal);
-			}
+			mark_reactions(derived, MAYBE_DIRTY, updated_during_traversal);
 		} else if (not_dirty) {
 			var effect = reaction;
 			if ((flags & 16) !== 0 && eager_block_effects !== null) eager_block_effects.add(effect);
@@ -1882,14 +1807,14 @@ function proxy(value) {
 			return Reflect.get(target, prop, receiver);
 		},
 		getOwnPropertyDescriptor(target, prop) {
+			this.has?.(target, prop);
 			var descriptor = Reflect.getOwnPropertyDescriptor(target, prop);
-			if (descriptor && "value" in descriptor) {
-				var s = sources.get(prop);
-				if (s) descriptor.value = get$1(s);
-			} else if (descriptor === void 0) {
-				var source = sources.get(prop);
-				var value = source?.v;
-				if (source !== void 0 && value !== UNINITIALIZED) return {
+			var s = sources.get(prop);
+			if (s !== void 0) {
+				var value = get$1(s);
+				if (value === UNINITIALIZED) return;
+				if (descriptor && "value" in descriptor) descriptor.value = value;
+				else return {
 					enumerable: true,
 					configurable: true,
 					value,
@@ -1962,7 +1887,7 @@ function proxy(value) {
 	});
 }
 //#endregion
-//#region ../../../node_modules/.bun/svelte@5.57.0/node_modules/svelte/src/internal/client/dom/operations.js
+//#region ../../../node_modules/.bun/svelte@5.57.1/node_modules/svelte/src/internal/client/dom/operations.js
 /** @import { Effect, TemplateNode } from '#client' */
 /** @type {Window} */
 var $window;
@@ -2187,7 +2112,7 @@ function invoke_error_boundary(error, effect) {
 	throw error;
 }
 //#endregion
-//#region ../../../node_modules/.bun/svelte@5.57.0/node_modules/svelte/src/internal/client/reactivity/effects.js
+//#region ../../../node_modules/.bun/svelte@5.57.1/node_modules/svelte/src/internal/client/reactivity/effects.js
 /** @import { Blocker, ComponentContext, ComponentContextLegacy, Derived, Effect, TemplateNode, TransitionManager } from '#client' */
 /**
 * @param {'$effect' | '$effect.pre' | '$inspect'} rune
@@ -2587,14 +2512,14 @@ function move_effect(effect, fragment) {
 	}
 }
 //#endregion
-//#region ../../../node_modules/.bun/svelte@5.57.0/node_modules/svelte/src/internal/client/legacy.js
+//#region ../../../node_modules/.bun/svelte@5.57.1/node_modules/svelte/src/internal/client/legacy.js
 /**
 * @type {Set<Value> | null}
 * @deprecated
 */
 var captured_signals = null;
 //#endregion
-//#region ../../../node_modules/.bun/svelte@5.57.0/node_modules/svelte/src/internal/client/runtime.js
+//#region ../../../node_modules/.bun/svelte@5.57.1/node_modules/svelte/src/internal/client/runtime.js
 /** @import { Derived, Effect, Reaction, Source, Value } from '#client' */
 /**
 * True if updating in an effect context that is reactive (i.e. not branch/root effects)
@@ -2626,7 +2551,7 @@ function set_active_effect(effect) {
 var current_sources = null;
 /** @param {Value} value */
 function push_reaction_value(value) {
-	if (active_reaction !== null && (!async_mode_flag || (active_reaction.f & 2) !== 0)) (current_sources ?? (current_sources = /* @__PURE__ */ new Set())).add(value);
+	if (active_reaction !== null && (!async_mode_flag && (active_reaction.f & 2097152) !== 0 || (active_reaction.f & 2) !== 0)) (current_sources ?? (current_sources = /* @__PURE__ */ new Set())).add(value);
 }
 /**
 * The dependencies of the reaction that is currently being executed. In many cases,
@@ -2670,7 +2595,6 @@ function increment_write_version() {
 function is_dirty(reaction) {
 	var flags = reaction.f;
 	if ((flags & 2048) !== 0) return true;
-	if (flags & 2) reaction.f &= ~WAS_MARKED;
 	if ((flags & 4096) !== 0) {
 		var dependencies = reaction.deps;
 		var length = dependencies.length;
@@ -2802,10 +2726,7 @@ function remove_reaction(signal, dependency) {
 	}
 	if (reactions === null && (dependency.f & 2) !== 0 && (new_deps === null || !includes.call(new_deps, dependency))) {
 		var derived = dependency;
-		if ((derived.f & 512) !== 0) {
-			derived.f ^= 512;
-			derived.f &= ~WAS_MARKED;
-		}
+		if ((derived.f & 512) !== 0) derived.f ^= 512;
 		if (derived.v !== UNINITIALIZED) update_derived_status(derived);
 		if (derived.ac !== null) without_reactive_context(() => {
 			/** @type {AbortController} */ derived.ac.abort(STALE_REACTION);
@@ -2966,7 +2887,7 @@ function untrack(fn) {
 	}
 }
 //#endregion
-//#region ../../../node_modules/.bun/svelte@5.57.0/node_modules/svelte/src/internal/client/dom/elements/events.js
+//#region ../../../node_modules/.bun/svelte@5.57.1/node_modules/svelte/src/internal/client/dom/elements/events.js
 /**
 * Used on elements, as a map of event type -> event handler,
 * and on events themselves to track which element handled an event
@@ -2992,10 +2913,12 @@ function create_event(event_name, dom, handler, options = {}) {
 			return handler?.call(this, event);
 		});
 	}
-	if (event_name.startsWith("pointer") || event_name.startsWith("touch") || event_name === "wheel") queue_micro_task(() => {
-		dom.addEventListener(event_name, target_handler, options);
-	});
-	else dom.addEventListener(event_name, target_handler, options);
+	if (event_name.startsWith("pointer") || event_name.startsWith("touch") || event_name === "wheel") {
+		target_handler.__removed = false;
+		queue_micro_task(() => {
+			if (!target_handler.__removed) dom.addEventListener(event_name, target_handler, options);
+		});
+	} else dom.addEventListener(event_name, target_handler, options);
 	return target_handler;
 }
 /**
@@ -3013,6 +2936,7 @@ function event(event_name, dom, handler, capture, passive) {
 	};
 	var target_handler = create_event(event_name, dom, handler, options);
 	if (dom === document.body || dom === window || dom === document || dom instanceof HTMLMediaElement) teardown(() => {
+		target_handler.__removed = true;
 		dom.removeEventListener(event_name, target_handler, options);
 	});
 }
@@ -3114,7 +3038,7 @@ function handle_event_propagation(event) {
 	}
 }
 //#endregion
-//#region ../../../node_modules/.bun/svelte@5.57.0/node_modules/svelte/src/internal/client/dom/reconciler.js
+//#region ../../../node_modules/.bun/svelte@5.57.1/node_modules/svelte/src/internal/client/dom/reconciler.js
 var policy = globalThis?.window?.trustedTypes && /* @__PURE__ */ globalThis.window.trustedTypes.createPolicy("svelte-trusted-html", { 
 /** @param {string} html */
 createHTML: (html) => {
@@ -3133,7 +3057,7 @@ function create_fragment_from_html(html) {
 	return elem.content;
 }
 //#endregion
-//#region ../../../node_modules/.bun/svelte@5.57.0/node_modules/svelte/src/internal/client/dom/template.js
+//#region ../../../node_modules/.bun/svelte@5.57.1/node_modules/svelte/src/internal/client/dom/template.js
 /** @import { Effect, EffectNodes, TemplateNode } from '#client' */
 /** @import { TemplateStructure } from './types' */
 /**
@@ -3278,7 +3202,7 @@ function is_passive_event(name) {
 	return PASSIVE_EVENTS.includes(name);
 }
 //#endregion
-//#region ../../../node_modules/.bun/svelte@5.57.0/node_modules/svelte/src/reactivity/create-subscriber.js
+//#region ../../../node_modules/.bun/svelte@5.57.1/node_modules/svelte/src/reactivity/create-subscriber.js
 /**
 * Returns a `subscribe` function that integrates external event-based systems with Svelte's reactivity.
 * It's particularly useful for integrating with web APIs like `MediaQuery`, `IntersectionObserver`, or `WebSocket`.
@@ -3351,7 +3275,7 @@ function createSubscriber(start) {
 	};
 }
 //#endregion
-//#region ../../../node_modules/.bun/svelte@5.57.0/node_modules/svelte/src/internal/client/dom/blocks/boundary.js
+//#region ../../../node_modules/.bun/svelte@5.57.1/node_modules/svelte/src/internal/client/dom/blocks/boundary.js
 /** @import { Effect, Source, TemplateNode, } from '#client' */
 /**
 * @typedef {{
@@ -3921,7 +3845,7 @@ function unmount(component, options) {
 	return Promise.resolve();
 }
 //#endregion
-//#region ../../../node_modules/.bun/svelte@5.57.0/node_modules/svelte/src/internal/client/dom/blocks/branches.js
+//#region ../../../node_modules/.bun/svelte@5.57.1/node_modules/svelte/src/internal/client/dom/blocks/branches.js
 /** @import { Effect, TemplateNode } from '#client' */
 var _batches = /* @__PURE__ */ new WeakMap();
 var _onscreen = /* @__PURE__ */ new WeakMap();
@@ -4044,7 +3968,7 @@ var BranchManager = class {
 	}
 };
 //#endregion
-//#region ../../../node_modules/.bun/svelte@5.57.0/node_modules/svelte/src/internal/client/dom/blocks/snippet.js
+//#region ../../../node_modules/.bun/svelte@5.57.1/node_modules/svelte/src/internal/client/dom/blocks/snippet.js
 /** @import { Snippet } from 'svelte' */
 /** @import { TemplateNode } from '#client' */
 /** @import { Getters } from '#shared' */
@@ -4110,7 +4034,7 @@ function init_update_callbacks(context) {
 	});
 }
 //#endregion
-//#region ../../../node_modules/.bun/svelte@5.57.0/node_modules/svelte/src/internal/client/dom/blocks/if.js
+//#region ../../../node_modules/.bun/svelte@5.57.1/node_modules/svelte/src/internal/client/dom/blocks/if.js
 /** @import { TemplateNode } from '#client' */
 /**
 * @param {TemplateNode} node
@@ -4156,7 +4080,7 @@ function if_block(node, fn, elseif = false) {
 	}, flags);
 }
 //#endregion
-//#region ../../../node_modules/.bun/svelte@5.57.0/node_modules/svelte/src/internal/client/dom/blocks/each.js
+//#region ../../../node_modules/.bun/svelte@5.57.1/node_modules/svelte/src/internal/client/dom/blocks/each.js
 /** @import { EachItem, EachOutroGroup, EachState, Effect, EffectNodes, MaybeSource, Source, TemplateNode, TransitionManager, Value } from '#client' */
 /** @import { Batch } from '../../reactivity/batch.js'; */
 /**
@@ -4628,7 +4552,7 @@ function html(node, get_value, is_controlled = false, svg = false, mathml = fals
 	});
 }
 //#endregion
-//#region ../../../node_modules/.bun/svelte@5.57.0/node_modules/svelte/src/internal/client/dom/css.js
+//#region ../../../node_modules/.bun/svelte@5.57.1/node_modules/svelte/src/internal/client/dom/css.js
 /**
 * @param {Node} anchor
 * @param {{ hash: string, code: string }} css
@@ -4647,7 +4571,7 @@ function append_styles$1(anchor, css) {
 	});
 }
 //#endregion
-//#region ../../../node_modules/.bun/svelte@5.57.0/node_modules/svelte/src/internal/shared/attributes.js
+//#region ../../../node_modules/.bun/svelte@5.57.1/node_modules/svelte/src/internal/shared/attributes.js
 var whitespace$1 = [..." 	\n\r\f\xA0\v"];
 /**
 * @param {any} value
@@ -4757,7 +4681,7 @@ function to_style(value, styles) {
 	return value == null ? null : String(value);
 }
 //#endregion
-//#region ../../../node_modules/.bun/svelte@5.57.0/node_modules/svelte/src/internal/client/dom/elements/class.js
+//#region ../../../node_modules/.bun/svelte@5.57.1/node_modules/svelte/src/internal/client/dom/elements/class.js
 /**
 * @param {Element} dom
 * @param {boolean | number} is_html
@@ -4782,7 +4706,7 @@ function set_class(dom, is_html, value, hash, prev_classes, next_classes) {
 	return next_classes;
 }
 //#endregion
-//#region ../../../node_modules/.bun/svelte@5.57.0/node_modules/svelte/src/internal/client/dom/elements/style.js
+//#region ../../../node_modules/.bun/svelte@5.57.1/node_modules/svelte/src/internal/client/dom/elements/style.js
 /**
 * @param {Element & ElementCSSInlineStyle} dom
 * @param {Record<string, any>} prev
@@ -4816,7 +4740,7 @@ function set_style(dom, value, prev_styles, next_styles) {
 	return next_styles;
 }
 //#endregion
-//#region ../../../node_modules/.bun/svelte@5.57.0/node_modules/svelte/src/internal/client/dom/elements/attributes.js
+//#region ../../../node_modules/.bun/svelte@5.57.1/node_modules/svelte/src/internal/client/dom/elements/attributes.js
 /** @import { Blocker, Effect } from '#client' */
 var IS_CUSTOM_ELEMENT = Symbol("is custom element");
 var IS_HTML = Symbol("is html");
@@ -4917,7 +4841,7 @@ function get_setters(element) {
 	return setters;
 }
 //#endregion
-//#region ../../../node_modules/.bun/svelte@5.57.0/node_modules/svelte/src/internal/client/dom/elements/bindings/size.js
+//#region ../../../node_modules/.bun/svelte@5.57.1/node_modules/svelte/src/internal/client/dom/elements/bindings/size.js
 var _ResizeObserverSingleton;
 var _listeners = /* @__PURE__ */ new WeakMap();
 var _observer = /* @__PURE__ */ new WeakMap();
@@ -4982,7 +4906,7 @@ function bind_element_size(element, type, set) {
 	});
 }
 //#endregion
-//#region ../../../node_modules/.bun/svelte@5.57.0/node_modules/svelte/src/internal/client/dom/elements/bindings/this.js
+//#region ../../../node_modules/.bun/svelte@5.57.1/node_modules/svelte/src/internal/client/dom/elements/bindings/this.js
 /** @import { ComponentContext, Effect } from '#client' */
 /**
 * @param {any} bound_value
@@ -5033,6 +4957,31 @@ function bind_this(element_or_component = mark_as_component(), update, get_value
 	});
 	return element_or_component;
 }
+//#endregion
+//#region ../../../node_modules/.bun/svelte@5.57.1/node_modules/svelte/src/internal/client/reactivity/store.js
+/**
+* Whether or not the prop currently being read is a store binding, as in
+* `<Child bind:x={$y} />`. If it is, we treat the prop as mutable even in
+* runes mode, and skip `binding_property_non_reactive` validation
+*/
+var is_store_binding = false;
+/**
+* Returns a tuple that indicates whether `fn()` reads a prop that is a store binding.
+* Used to prevent `binding_property_non_reactive` validation false positives and
+* ensure that these props are treated as mutable even in runes mode
+* @template T
+* @param {() => T} fn
+* @returns {[T, boolean]}
+*/
+function capture_store_binding(fn) {
+	var previous_is_store_binding = is_store_binding;
+	try {
+		is_store_binding = false;
+		return [fn(), is_store_binding];
+	} finally {
+		is_store_binding = previous_is_store_binding;
+	}
+}
 /**
 * This function is responsible for synchronizing a possibly bound prop with the inner component state.
 * It is used whenever the compiler sees that the component writes to the prop, or when it has a default prop_value.
@@ -5124,7 +5073,7 @@ function prop(props, key, flags, fallback) {
 	});
 }
 //#endregion
-//#region ../../../node_modules/.bun/svelte@5.57.0/node_modules/svelte/src/legacy/legacy-client.js
+//#region ../../../node_modules/.bun/svelte@5.57.1/node_modules/svelte/src/legacy/legacy-client.js
 /** @import { ComponentConstructorOptions, ComponentType, SvelteComponent, Component } from 'svelte' */
 /**
 * Takes the same options as a Svelte 4 component and the component function and returns a Svelte 4 compatible component.
@@ -5243,7 +5192,7 @@ var Svelte4Component = class {
 	}
 };
 //#endregion
-//#region ../../../node_modules/.bun/svelte@5.57.0/node_modules/svelte/src/internal/client/dom/elements/custom-element.js
+//#region ../../../node_modules/.bun/svelte@5.57.1/node_modules/svelte/src/internal/client/dom/elements/custom-element.js
 /**
 * @typedef {Object} CustomElementPropDefinition
 * @property {string} [attribute]
@@ -5528,6 +5477,177 @@ function create_custom_element(Component, props_definition, slots, exports, shad
 	return Class;
 }
 //#endregion
+//#region ../../shared/configure-events/dist/index.js
+var _e;
+var _e2;
+var _e3;
+var _e4;
+var _e5;
+var e$3 = (_e = class e extends CustomEvent {
+	constructor(t, n = !1) {
+		super(e.TYPE, {
+			bubbles: !0,
+			detail: {
+				update: t,
+				reset: n
+			}
+		}), this.update = t, this.reset = n;
+	}
+}, _e.TYPE = "model.updated", _e);
+_e2 = class e extends CustomEvent {
+	constructor(t, n) {
+		super(e.TYPE, {
+			bubbles: !0,
+			detail: {
+				src: t,
+				done: n
+			}
+		}), this.src = t, this.done = n;
+	}
+}, _e2.TYPE = "delete.image";
+_e3 = class e extends CustomEvent {
+	constructor(t) {
+		super(e.TYPE, {
+			bubbles: !0,
+			detail: t
+		}), this.handler = t;
+	}
+}, _e3.TYPE = "insert.image";
+_e4 = class e extends CustomEvent {
+	constructor(t, n) {
+		super(e.TYPE, {
+			bubbles: !0,
+			detail: {
+				src: t,
+				done: n
+			}
+		}), this.src = t, this.done = n;
+	}
+}, _e4.TYPE = "delete.sound";
+_e5 = class e extends CustomEvent {
+	constructor(t) {
+		super(e.TYPE, {
+			bubbles: !0,
+			detail: t
+		}), this.handler = t;
+	}
+}, _e5.TYPE = "insert.sound";
+//#endregion
+//#region ../../lib-svelte/config-ui-svelte/dist/index.js
+var t$3 = /* @__PURE__ */ from_html("<aside class=\"pie-config-layout-settings svelte-9dr0jr\" aria-label=\"Settings\"><!></aside>");
+var n$1 = /* @__PURE__ */ from_html("<div class=\"pie-config-layout svelte-9dr0jr\"><div class=\"pie-config-layout-contents svelte-9dr0jr\"><div class=\"pie-config-layout-design svelte-9dr0jr\"><!></div> <!></div></div>");
+var r$2 = {
+	hash: "svelte-9dr0jr",
+	code: ".pie-config-layout.svelte-9dr0jr {container-type:inline-size;}.pie-config-layout-contents.svelte-9dr0jr {display:flex;flex-direction:column;gap:16px;}.pie-config-layout-design.svelte-9dr0jr {flex:1 1 auto;min-width:0;}\n\n  @container (min-width: 1135px) {.pie-config-layout-contents.svelte-9dr0jr {flex-direction:row;align-items:flex-start;}.pie-config-layout-settings.svelte-9dr0jr {flex:0 0 300px;position:sticky;top:0;}\n  }"
+};
+function i$2(i, a) {
+	append_styles$1(i, r$2);
+	let o = prop(a, "hideSettings", 3, !1);
+	var s = n$1(), c = child(s), l = child(c);
+	snippet(child(l), () => a.children), reset$1(l);
+	var d = sibling(l, 2), f = (n) => {
+		var r = t$3();
+		snippet(child(r), () => a.settings), reset$1(r), append(n, r);
+	};
+	if_block(d, (e) => {
+		a.settings && !o() && e(f);
+	}), reset$1(c), reset$1(s), append(i, s);
+}
+var a$1 = (e) => typeof e == "object" && !!e && !Array.isArray(e);
+function o$1(e, t) {
+	if (!a$1(t)) return e;
+	let n = { ...e };
+	for (let [r, i] of Object.entries(t)) {
+		let t = e[r];
+		n[r] = a$1(t) && a$1(i) ? {
+			...t,
+			...i
+		} : i;
+	}
+	return n;
+}
+function s$1(e) {
+	return a$1(e) ? Object.values(e).some((e) => a$1(e) && (e.settings === !0 || s$1(e))) : !1;
+}
+var c$1 = (e, t = !1, n = !1) => ({
+	type: "toggle",
+	label: e,
+	isConfigProperty: t,
+	disabled: n
+});
+var l$1 = (e, t, n = !1) => ({
+	type: "radio",
+	label: e,
+	choices: t.map((e) => typeof e == "string" ? {
+		label: e,
+		value: e
+	} : e),
+	isConfigProperty: n
+});
+function u$1(e, t) {
+	let n = e;
+	for (let e of t.split(".")) {
+		if (!a$1(n)) return;
+		n = n[e];
+	}
+	return n;
+}
+function d$1(e, t, n) {
+	let [r, ...i] = t.split("."), o = e[r], s = i.length === 0 ? n : d$1(a$1(o) ? o : {}, i.join("."), n);
+	return {
+		...e,
+		[r]: s
+	};
+}
+var f$1 = /* @__PURE__ */ from_html("<label class=\"pie-settings-toggle svelte-1ang3sw\"><span> </span> <input type=\"checkbox\" role=\"switch\" class=\"svelte-1ang3sw\"/></label>");
+var p$1 = /* @__PURE__ */ from_html("<label class=\"pie-settings-choice-row svelte-1ang3sw\"><input type=\"radio\" class=\"svelte-1ang3sw\"/> <span> </span></label>");
+var m$1 = /* @__PURE__ */ from_html("<fieldset class=\"pie-settings-choice svelte-1ang3sw\"><legend class=\"svelte-1ang3sw\"> </legend> <!></fieldset>");
+var h$2 = /* @__PURE__ */ from_html("<fieldset class=\"pie-settings-group svelte-1ang3sw\"><legend class=\"pie-settings-group-name svelte-1ang3sw\"> </legend> <!></fieldset>");
+var g$1 = /* @__PURE__ */ from_html("<div class=\"pie-settings-panel svelte-1ang3sw\"></div>");
+var _$1 = {
+	hash: "svelte-1ang3sw",
+	code: ".pie-settings-panel.svelte-1ang3sw {display:flex;flex-direction:column;gap:16px;padding:16px;border:1px solid var(--pie-border-light, #ccc);border-radius:4px;color:var(--pie-text, #212121);}fieldset.svelte-1ang3sw {margin:0;padding:0;border:0;min-width:0;}.pie-settings-group.svelte-1ang3sw {display:flex;flex-direction:column;gap:8px;}.pie-settings-group-name.svelte-1ang3sw {margin-bottom:8px;font-weight:600;}.pie-settings-toggle.svelte-1ang3sw {display:flex;align-items:center;justify-content:space-between;gap:12px;}.pie-settings-choice.svelte-1ang3sw legend:where(.svelte-1ang3sw) {margin-bottom:4px;}.pie-settings-choice-row.svelte-1ang3sw {display:flex;align-items:center;gap:8px;}input.svelte-1ang3sw {accent-color:var(--pie-primary, #3f51b5);}input.svelte-1ang3sw:focus-visible {outline:2px solid var(--pie-focus-outline, #1a73e8);outline-offset:2px;}"
+};
+function v$1(t, n) {
+	push(n, !0), append_styles$1(t, _$1);
+	let r = prop(n, "configuration", 19, () => ({})), i = Math.random().toString(36).slice(2, 10), a = /* @__PURE__ */ user_derived(() => Object.entries(n.groups).map(([e, t]) => [e, Object.entries(t).filter((e) => !!e[1])]).filter(([, e]) => e.length > 0)), o = (e, t) => u$1(t.isConfigProperty ? r() : n.model, e);
+	function s(e, t, i) {
+		t.isConfigProperty ? n.onChangeConfiguration?.(d$1(r(), e, i), e) : n.onChangeModel(d$1(n.model, e, i), e);
+	}
+	var c = g$1();
+	each(c, 21, () => get$1(a), ([e, t]) => e, (t, n) => {
+		var r = /* @__PURE__ */ user_derived(() => to_array(get$1(n), 2));
+		let a = () => get$1(r)[0], c = () => get$1(r)[1];
+		var l = h$2(), u = child(l), d = only_child(u, !0);
+		each(sibling(u, 2), 17, c, ([e, t]) => e, (t, n) => {
+			var r = /* @__PURE__ */ user_derived(() => to_array(get$1(n), 2));
+			let a = () => get$1(r)[0], c = () => get$1(r)[1];
+			var l = comment(), u = first_child(l), d = (t) => {
+				var n = f$1(), r = child(n), i = only_child(r, !0), l = sibling(r, 2);
+				remove_input_defaults(l), reset$1(n), template_effect((t) => {
+					set_text(i, c().label), set_checked(l, t), l.disabled = c().disabled;
+				}, [() => !!o(a(), c())]), delegated("change", l, (e) => s(a(), c(), e.currentTarget.checked)), append(t, n);
+			}, h = (t) => {
+				var n = m$1(), r = child(n), l = only_child(r, !0);
+				each(sibling(r, 2), 17, () => c().choices, (e) => e.value, (t, n) => {
+					var r = p$1(), l = child(r);
+					remove_input_defaults(l);
+					var d = only_child(sibling(l, 2), !0);
+					reset$1(r), template_effect((t) => {
+						set_attribute(l, "name", `${i}-${a()}`), set_value(l, get$1(n).value), set_checked(l, t), set_text(d, get$1(n).label);
+					}, [() => o(a(), c()) === get$1(n).value]), delegated("change", l, () => s(a(), c(), get$1(n).value)), append(t, r);
+				}), reset$1(n), template_effect(() => set_text(l, c().label)), append(t, n);
+			};
+			if_block(u, (e) => {
+				c().type === "toggle" ? e(d) : c().type === "radio" && e(h, 1);
+			}), append(t, l);
+		}), reset$1(l), template_effect(() => set_text(d, a())), append(t, l);
+	}), reset$1(c), append(t, c), pop();
+}
+delegate(["change"]);
+var y$1 = i$2;
+var b$1 = v$1;
+//#endregion
 //#region ../../../node_modules/.bun/@tiptap+core@3.31.3+ef29727eaaf819d3/node_modules/@tiptap/core/dist/rolldown-runtime-D7D4PA-g.js
 var __defProp = Object.defineProperty;
 var __exportAll = (all, no_symbols) => {
@@ -5622,7 +5742,7 @@ OrderedMap.from = function(value) {
 	return new OrderedMap(content);
 };
 //#endregion
-//#region ../../../node_modules/.bun/prosemirror-model@1.25.11/node_modules/prosemirror-model/dist/index.js
+//#region ../../../node_modules/.bun/prosemirror-model@1.25.12/node_modules/prosemirror-model/dist/index.js
 function findDiffStart(a, b, pos) {
 	for (let i = 0;; i++) {
 		if (i == a.childCount || i == b.childCount) return a.childCount == b.childCount ? null : pos;
@@ -6068,9 +6188,7 @@ var Mark$1 = class Mark$1 {
 		if (!json) throw new RangeError("Invalid input for Mark.fromJSON");
 		let type = schema.marks[json.type];
 		if (!type) throw new RangeError(`There is no mark type ${json.type} in this schema`);
-		let mark = type.create(json.attrs);
-		type.checkAttrs(mark.attrs);
-		return mark;
+		return type.create(json.attrs);
 	}
 	/**
 	Test whether two sets of marks are identical.
@@ -6967,11 +7085,11 @@ var Node$2 = class Node$2 {
 	*/
 	check() {
 		this.type.checkContent(this.content);
-		this.type.checkAttrs(this.attrs);
+		checkAttrs(this.type.attrs, this.attrs, "node", this.type.name);
 		let copy = Mark$1.none;
 		for (let i = 0; i < this.marks.length; i++) {
 			let mark = this.marks[i];
-			mark.type.checkAttrs(mark.attrs);
+			checkAttrs(mark.type.attrs, mark.attrs, "mark", mark.type.name);
 			copy = mark.addToSet(copy);
 		}
 		if (!Mark$1.sameSet(copy, this.marks)) throw new RangeError(`Invalid collection of marks for node ${this.type.name}: ${this.marks.map((m) => m.type.name)}`);
@@ -7005,9 +7123,7 @@ var Node$2 = class Node$2 {
 			return schema.text(json.text, marks);
 		}
 		let content = Fragment.fromJSON(schema, json.content);
-		let node = schema.nodeType(json.type).create(json.attrs, content, marks);
-		node.type.checkAttrs(node.attrs);
-		return node;
+		return schema.nodeType(json.type).create(json.attrs, content, marks);
 	}
 };
 Node$2.prototype.text = void 0;
@@ -7057,6 +7173,10 @@ function wrapMarks(marks, str) {
 	for (let i = marks.length - 1; i >= 0; i--) str = marks[i].type.name + "(" + str + ")";
 	return str;
 }
+function checkAttrs(attrs, values, type, name) {
+	for (let attr in values) if (!(attr in attrs)) throw new RangeError(`Unsupported attribute ${attr} for ${type} of type ${name}`);
+	for (let attr in attrs) if (attrs[attr].validate) attrs[attr].validate(values[attr]);
+}
 /**
 Instances of this class represent a match state of a node type's
 [content expression](https://prosemirror.net/docs/ref/#model.NodeSpec.content), and can be used to
@@ -7465,20 +7585,15 @@ function defaultAttrs(attrs) {
 function computeAttrs(attrs, value) {
 	let built = Object.create(null);
 	for (let name in attrs) {
+		let attr = attrs[name];
 		let given = value && value[name];
-		if (given === void 0) {
-			let attr = attrs[name];
-			if (attr.hasDefault) given = attr.default;
-			else throw new RangeError("No value supplied for attribute " + name);
-		}
+		if (given === void 0) if (attr.hasDefault) given = attr.default;
+		else throw new RangeError("No value supplied for attribute " + name);
+		else if (attr.validate) attr.validate(given);
 		built[name] = given;
 	}
 	return built;
 }
-function checkAttrs(attrs, values, type, name) {
-	for (let attr in values) if (!(attr in attrs)) throw new RangeError(`Unsupported attribute ${attr} for ${type} of type ${name}`);
-	for (let attr in attrs) if (attrs[attr].validate) attrs[attr].validate(values[attr]);
-}
 function initAttrs(typeName, attrs) {
 	let result = Object.create(null);
 	if (attrs) for (let name in attrs) result[name] = new Attribute(typeName, name, attrs[name]);
@@ -7633,11 +7748,9 @@ var NodeType$1 = class NodeType$1 {
 		if (!this.validContent(content)) throw new RangeError(`Invalid content for node ${this.name}: ${content.toString().slice(0, 50)}`);
 	}
 	/**
-	@internal
+	@internal no longer useful, but called by old prosemirror-view versions
 	*/
-	checkAttrs(attrs) {
-		checkAttrs(this.attrs, attrs, "node", this.name);
-	}
+	checkAttrs(attrs) {}
 	/**
 	Check whether the given mark type is allowed in this node.
 	*/
@@ -7748,12 +7861,6 @@ var MarkType = class MarkType {
 		for (let i = 0; i < set.length; i++) if (set[i].type == this) return set[i];
 	}
 	/**
-	@internal
-	*/
-	checkAttrs(attrs) {
-		checkAttrs(this.attrs, attrs, "mark", this.name);
-	}
-	/**
 	Queries whether a given mark type is
 	[excluded](https://prosemirror.net/docs/ref/#model.MarkSpec.excludes) by this one.
 	*/
@@ -8612,7 +8719,7 @@ function renderSpec(doc, structure, xmlNS, blockArraysIn) {
 	};
 }
 //#endregion
-//#region ../../../node_modules/.bun/prosemirror-transform@1.12.0/node_modules/prosemirror-transform/dist/index.js
+//#region ../../../node_modules/.bun/prosemirror-transform@1.12.2/node_modules/prosemirror-transform/dist/index.js
 var lower16 = 65535;
 var factor16 = Math.pow(2, 16);
 function makeRecover(index, offset) {
@@ -8715,8 +8822,11 @@ var StepMap = class StepMap {
 				let result = start + diff + (side < 0 ? 0 : newSize);
 				if (simple) return result;
 				let recover = pos == (assoc < 0 ? start : end) ? null : makeRecover(i / 3, pos - start);
-				let del = pos == start ? DEL_AFTER : pos == end ? DEL_BEFORE : DEL_ACROSS;
-				if (assoc < 0 ? pos != start : pos != end) del |= DEL_SIDE;
+				let del = 0;
+				if (oldSize) {
+					del |= pos == start ? DEL_AFTER : pos == end ? DEL_BEFORE : DEL_ACROSS;
+					if (assoc < 0 ? pos != start : pos != end) del |= DEL_SIDE;
+				}
 				return new MapResult(result, del, recover);
 			}
 			diff += newSize - oldSize;
@@ -9837,9 +9947,9 @@ var Fitter = class {
 	}
 	openMore() {
 		let { content, openStart, openEnd } = this.unplaced;
-		let inner = contentAt(content, openStart);
-		if (!inner.childCount || inner.firstChild.isLeaf) return false;
-		this.unplaced = new Slice(content, openStart + 1, Math.max(openEnd, inner.size + openStart >= content.size - openEnd ? openStart + 1 : 0));
+		if (maxOpen(content, -1) <= openStart) return false;
+		if (this.unplaced.size > 1 && maxOpen(content, 1) > openEnd) openEnd++;
+		this.unplaced = new Slice(content, openStart + 1, openEnd);
 		return true;
 	}
 	dropNode() {
@@ -9973,6 +10083,13 @@ function invalidMarks(type, fragment, start) {
 function definesContent(type) {
 	return type.spec.defining || type.spec.definingForContent;
 }
+function maxOpen(frag, side) {
+	for (let count = 0;; count++) {
+		let ch = side < 0 ? frag.firstChild : frag.lastChild;
+		if (!ch || ch.isAtom) return count;
+		frag = ch.content;
+	}
+}
 function replaceRange(tr, from, to, slice) {
 	if (!slice.size) return tr.deleteRange(from, to);
 	let $from = tr.doc.resolve(from), $to = tr.doc.resolve(to);
@@ -11418,7 +11535,7 @@ var PluginKey = class {
 	}
 };
 //#endregion
-//#region ../../../node_modules/.bun/prosemirror-commands@1.7.1/node_modules/prosemirror-commands/dist/index.js
+//#region ../../../node_modules/.bun/prosemirror-commands@1.7.2/node_modules/prosemirror-commands/dist/index.js
 /**
 Delete the selection, if there is one.
 */
@@ -11740,20 +11857,23 @@ a custom function to determine the type of the newly split off block.
 */
 function splitBlockAs(splitNode) {
 	return (state, dispatch) => {
-		let { $from, $to } = state.selection;
 		if (state.selection instanceof NodeSelection && state.selection.node.isBlock) {
+			let { $from } = state.selection;
 			if (!$from.parentOffset || !canSplit(state.doc, $from.pos)) return false;
 			if (dispatch) dispatch(state.tr.split($from.pos).scrollIntoView());
 			return true;
 		}
-		if (!$from.depth) return false;
+		if (!state.selection.$from.depth) return false;
+		let tr = state.tr;
+		if (!state.selection.empty && (state.selection instanceof TextSelection || state.selection instanceof AllSelection)) tr.deleteSelection();
+		let { $from } = tr.selection, mapFrom = tr.steps.length;
 		let types = [];
 		let splitDepth, deflt, atEnd = false, atStart = false;
 		for (let d = $from.depth;; d--) if ($from.node(d).isBlock) {
 			atEnd = $from.end(d) == $from.pos + ($from.depth - d);
 			atStart = $from.start(d) == $from.pos - ($from.depth - d);
 			deflt = defaultBlockAt$1($from.node(d - 1).contentMatchAt($from.indexAfter(d - 1)));
-			let splitType = splitNode && splitNode($to.parent, atEnd, $from);
+			let splitType = splitNode && splitNode($from.parent, atEnd, $from);
 			types.unshift(splitType || (atEnd && deflt ? { type: deflt } : null));
 			splitDepth = d;
 			break;
@@ -11761,9 +11881,7 @@ function splitBlockAs(splitNode) {
 			if (d == 1) return false;
 			types.unshift(null);
 		}
-		let tr = state.tr;
-		if (state.selection instanceof TextSelection || state.selection instanceof AllSelection) tr.deleteSelection();
-		let splitPos = tr.mapping.map($from.pos);
+		let splitPos = $from.pos;
 		let can = canSplit(tr.doc, splitPos, types.length, types);
 		if (!can) {
 			types[0] = deflt ? { type: deflt } : null;
@@ -11772,8 +11890,9 @@ function splitBlockAs(splitNode) {
 		if (!can) return false;
 		tr.split(splitPos, types.length, types);
 		if (!atEnd && atStart && $from.node(splitDepth).type != deflt) {
-			let first = tr.mapping.map($from.before(splitDepth)), $first = tr.doc.resolve(first);
-			if (deflt && $from.node(splitDepth - 1).canReplaceWith($first.index(), $first.index() + 1, deflt)) tr.setNodeMarkup(tr.mapping.map($from.before(splitDepth)), deflt);
+			let mapping = tr.mapping.slice(mapFrom);
+			let first = mapping.map($from.before(splitDepth)), $first = tr.doc.resolve(first);
+			if (deflt && $from.node(splitDepth - 1).canReplaceWith($first.index(), $first.index() + 1, deflt)) tr.setNodeMarkup(mapping.map($from.before(splitDepth)), deflt);
 		}
 		if (dispatch) dispatch(tr.scrollIntoView());
 		return true;
@@ -12099,7 +12218,7 @@ function sinkListItem(itemType) {
 	};
 }
 //#endregion
-//#region ../../../node_modules/.bun/prosemirror-view@1.42.3/node_modules/prosemirror-view/dist/index.js
+//#region ../../../node_modules/.bun/prosemirror-view@1.42.6/node_modules/prosemirror-view/dist/index.js
 var domIndex = function(node) {
 	for (var index = 0;; index++) {
 		node = node.previousSibling;
@@ -12130,12 +12249,12 @@ function scanFor(node, off, targetNode, targetOff, dir) {
 		if (node == targetNode && off == targetOff) return true;
 		if (off == (dir < 0 ? 0 : nodeSize(node))) {
 			let parent = node.parentNode;
-			if (!parent || parent.nodeType != 1 || hasBlockDesc(node) || atomElements.test(node.nodeName) || node.contentEditable == "false") return false;
+			if (!parent || !isElt(parent) || hasBlockDesc(node) || atomElements.test(node.nodeName) || node.contentEditable == "false") return false;
 			off = domIndex(node) + (dir < 0 ? 0 : 1);
 			node = parent;
-		} else if (node.nodeType == 1) {
+		} else if (isElt(node)) {
 			let child = node.childNodes[off + (dir < 0 ? -1 : 0)];
-			if (child.nodeType == 1 && child.contentEditable == "false") if ((_a = child.pmViewDesc) === null || _a === void 0 ? void 0 : _a.ignoreForSelection) off += dir;
+			if (isElt(child) && child.contentEditable == "false") if ((_a = child.pmViewDesc) === null || _a === void 0 ? void 0 : _a.ignoreForSelection) off += dir;
 			else return false;
 			else {
 				node = child;
@@ -12147,10 +12266,19 @@ function scanFor(node, off, targetNode, targetOff, dir) {
 function nodeSize(node) {
 	return node.nodeType == 3 ? node.nodeValue.length : node.childNodes.length;
 }
+function isElt(node) {
+	return node.nodeType == 1;
+}
+function isText(node) {
+	return node.nodeType == 3;
+}
+function contains(parent, child) {
+	return child ? parent.contains(isElt(child) ? child : child.parentNode) : false;
+}
 function textNodeBefore$1(node, offset) {
 	for (;;) {
-		if (node.nodeType == 3 && offset) return node;
-		if (node.nodeType == 1 && offset > 0) {
+		if (isText(node) && offset) return node;
+		if (isElt(node) && offset > 0) {
 			if (node.contentEditable == "false") return null;
 			node = node.childNodes[offset - 1];
 			offset = nodeSize(node);
@@ -12162,8 +12290,8 @@ function textNodeBefore$1(node, offset) {
 }
 function textNodeAfter$1(node, offset) {
 	for (;;) {
-		if (node.nodeType == 3 && offset < node.nodeValue.length) return node;
-		if (node.nodeType == 1 && offset < node.childNodes.length) {
+		if (isText(node) && offset < node.nodeValue.length) return node;
+		if (isElt(node) && offset < node.childNodes.length) {
 			if (node.contentEditable == "false") return null;
 			node = node.childNodes[offset];
 			offset = 0;
@@ -12274,13 +12402,12 @@ function scrollRectIntoView(view, rect, startDOM) {
 	let doc = view.dom.ownerDocument;
 	for (let parent = startDOM || view.dom;;) {
 		if (!parent) break;
-		if (parent.nodeType != 1) {
+		if (!isElt(parent)) {
 			parent = parentNode(parent);
 			continue;
 		}
-		let elt = parent;
-		let atTop = elt == doc.body;
-		let bounding = atTop ? windowRect(doc) : clientRect(elt);
+		let atTop = parent == doc.body;
+		let bounding = atTop ? windowRect(doc) : clientRect(parent);
 		let moveX = 0, moveY = 0;
 		if (rect.top < bounding.top + getSide(scrollThreshold, "top")) moveY = -(bounding.top - rect.top + getSide(scrollMargin, "top"));
 		else if (rect.bottom > bounding.bottom - getSide(scrollThreshold, "bottom")) moveY = rect.bottom - rect.top > bounding.bottom - bounding.top ? rect.top + getSide(scrollMargin, "top") - bounding.top : rect.bottom - bounding.bottom + getSide(scrollMargin, "bottom");
@@ -12288,10 +12415,10 @@ function scrollRectIntoView(view, rect, startDOM) {
 		else if (rect.right > bounding.right - getSide(scrollThreshold, "right")) moveX = rect.right - bounding.right + getSide(scrollMargin, "right");
 		if (moveX || moveY) if (atTop) doc.defaultView.scrollBy(moveX, moveY);
 		else {
-			let startX = elt.scrollLeft, startY = elt.scrollTop;
-			if (moveY) elt.scrollTop += moveY;
-			if (moveX) elt.scrollLeft += moveX;
-			let dX = elt.scrollLeft - startX, dY = elt.scrollTop - startY;
+			let startX = parent.scrollLeft, startY = parent.scrollTop;
+			if (moveY) parent.scrollTop += moveY;
+			if (moveX) parent.scrollLeft += moveX;
+			let dX = parent.scrollLeft - startX, dY = parent.scrollTop - startY;
 			rect = {
 				left: rect.left - dX,
 				top: rect.top - dY,
@@ -12361,13 +12488,14 @@ function focusPreventScroll(dom) {
 	}
 }
 function findOffsetInNode(node, coords) {
-	let closest, dxClosest = 2e8, coordsClosest, offset = 0;
+	let closest;
+	let dxClosest = 2e8, coordsClosest, offset = 0;
 	let rowBot = coords.top, rowTop = coords.top;
 	let firstBelow, coordsBelow;
 	for (let child = node.firstChild, childIndex = 0; child; child = child.nextSibling, childIndex++) {
 		let rects;
-		if (child.nodeType == 1) rects = child.getClientRects();
-		else if (child.nodeType == 3) rects = textRange(child).getClientRects();
+		if (isElt(child)) rects = child.getClientRects();
+		else if (isText(child)) rects = textRange(child).getClientRects();
 		else continue;
 		for (let i = 0; i < rects.length; i++) {
 			let rect = rects[i];
@@ -12378,11 +12506,11 @@ function findOffsetInNode(node, coords) {
 				if (dx < dxClosest) {
 					closest = child;
 					dxClosest = dx;
-					coordsClosest = dx && closest.nodeType == 3 ? {
+					coordsClosest = dx && isText(closest) ? {
 						left: rect.right < coords.left ? rect.right : rect.left,
 						top: coords.top
 					} : coords;
-					if (child.nodeType == 1 && dx) offset = childIndex + (coords.left >= (rect.left + rect.right) / 2 ? 1 : 0);
+					if (isElt(child) && dx) offset = childIndex + (coords.left >= (rect.left + rect.right) / 2 ? 1 : 0);
 					continue;
 				}
 			} else if (rect.top > coords.top && !firstBelow && rect.left <= coords.left && rect.right >= coords.left) {
@@ -12400,8 +12528,8 @@ function findOffsetInNode(node, coords) {
 		coordsClosest = coordsBelow;
 		dxClosest = 0;
 	}
-	if (closest && closest.nodeType == 3) return findOffsetInText(closest, coordsClosest);
-	if (!closest || dxClosest && closest.nodeType == 1) return {
+	if (closest && isText(closest)) return findOffsetInText(closest, coordsClosest);
+	if (!closest || dxClosest) return {
 		node,
 		offset
 	};
@@ -12439,7 +12567,7 @@ function targetKludge(dom, coords) {
 }
 function posFromElement(view, elt, coords) {
 	let { node, offset } = findOffsetInNode(elt, coords), bias = -1;
-	if (node.nodeType == 1 && !node.firstChild) {
+	if (isElt(node) && !node.firstChild) {
 		let rect = node.getBoundingClientRect();
 		bias = rect.left != rect.right && coords.left > (rect.left + rect.right) / 2 ? 1 : -1;
 	}
@@ -12451,7 +12579,7 @@ function posFromCaret(view, node, offset, coords) {
 		if (cur == view.dom) break;
 		let desc = view.docView.nearestDesc(cur, true), rect;
 		if (!desc) return null;
-		if (desc.dom.nodeType == 1 && (desc.node.isBlock && desc.parent || !desc.contentDOM) && ((rect = desc.dom.getBoundingClientRect()).width || rect.height)) {
+		if (isElt(desc.dom) && (desc.node.isBlock && desc.parent || !desc.contentDOM) && ((rect = desc.dom.getBoundingClientRect()).width || rect.height)) {
 			if (desc.node.isBlock && desc.parent && !/^T(R|BODY|HEAD|FOOT)$/.test(desc.dom.nodeName)) {
 				if (!sawBlock && rect.left > coords.left || rect.top > coords.top) outsideBlock = desc.posBefore;
 				else if (!sawBlock && rect.right < coords.left || rect.bottom < coords.top) outsideBlock = desc.posAfter;
@@ -12467,7 +12595,7 @@ function elementFromPoint(element, coords, box) {
 	let len = element.childNodes.length;
 	if (len && box.top < box.bottom) for (let startI = Math.max(0, Math.min(len - 1, Math.floor(len * (coords.top - box.top) / (box.bottom - box.top)) - 2)), i = startI;;) {
 		let child = element.childNodes[i];
-		if (child.nodeType == 1) {
+		if (isElt(child)) {
 			let rects = child.getClientRects();
 			for (let j = 0; j < rects.length; j++) {
 				let rect = rects[j];
@@ -12484,7 +12612,7 @@ function posAtCoords(view, coords) {
 	if (caret) ({node, offset} = caret);
 	let elt = (view.root.elementFromPoint ? view.root : doc).elementFromPoint(coords.left, coords.top);
 	let pos;
-	if (!elt || !view.dom.contains(elt.nodeType != 1 ? elt.parentNode : elt)) {
+	if (!elt || !view.dom.contains(elt)) {
 		let box = view.dom.getBoundingClientRect();
 		if (!inRect(coords, box)) return null;
 		elt = elementFromPoint(view.dom, coords, box);
@@ -12495,7 +12623,7 @@ function posAtCoords(view, coords) {
 	}
 	elt = targetKludge(elt, coords);
 	if (node) {
-		if (gecko && node.nodeType == 1) {
+		if (gecko && isElt(node)) {
 			offset = Math.min(offset, node.childNodes.length);
 			if (offset < node.childNodes.length) {
 				let next = node.childNodes[offset], box;
@@ -12503,9 +12631,9 @@ function posAtCoords(view, coords) {
 			}
 		}
 		let prev;
-		if (webkit && offset && node.nodeType == 1 && (prev = node.childNodes[offset - 1]).nodeType == 1 && prev.contentEditable == "false" && prev.getBoundingClientRect().top >= coords.top) offset--;
-		if (node == view.dom && offset == node.childNodes.length - 1 && node.lastChild.nodeType == 1 && coords.top > node.lastChild.getBoundingClientRect().bottom) pos = view.state.doc.content.size;
-		else if (offset == 0 || node.nodeType != 1 || node.childNodes[offset - 1].nodeName != "BR") pos = posFromCaret(view, node, offset, coords);
+		if (webkit && offset && isElt(node) && isElt(prev = node.childNodes[offset - 1]) && prev.contentEditable == "false" && prev.getBoundingClientRect().top >= coords.top) offset--;
+		if (node == view.dom && offset == node.childNodes.length - 1 && isElt(node.lastChild) && coords.top > node.lastChild.getBoundingClientRect().bottom) pos = view.state.doc.content.size;
+		else if (offset == 0 || !isElt(node) || node.childNodes[offset - 1].nodeName != "BR") pos = posFromCaret(view, node, offset, coords);
 	}
 	if (pos == null) pos = posFromElement(view, elt, coords);
 	let desc = view.docView.nearestDesc(elt, true);
@@ -12529,7 +12657,7 @@ var BIDI = /[\u0590-\u05f4\u0600-\u06ff\u0700-\u08ac]/;
 function coordsAtPos(view, pos, side) {
 	let { node, offset, atom } = view.docView.domFromPos(pos, side < 0 ? -1 : 1);
 	let supportEmptyRange = webkit || gecko;
-	if (node.nodeType == 3) if (supportEmptyRange && (BIDI.test(node.nodeValue) || (side < 0 ? !offset : offset == node.nodeValue.length))) {
+	if (isText(node)) if (supportEmptyRange && (BIDI.test(node.nodeValue) || (side < 0 ? !offset : offset == node.nodeValue.length))) {
 		let rect = singleRect(textRange(node, offset, offset), side);
 		if (gecko && offset && /\s/.test(node.nodeValue[offset - 1]) && offset < node.nodeValue.length) {
 			let rectBefore = singleRect(textRange(node, offset - 1, offset - 1), -1);
@@ -12554,26 +12682,26 @@ function coordsAtPos(view, pos, side) {
 	if (!view.state.doc.resolve(pos - (atom || 0)).parent.inlineContent) {
 		if (atom == null && offset && (side < 0 || offset == nodeSize(node))) {
 			let before = node.childNodes[offset - 1];
-			if (before.nodeType == 1) return flattenH(before.getBoundingClientRect(), false);
+			if (isElt(before)) return flattenH(before.getBoundingClientRect(), false);
 		}
 		if (atom == null && offset < nodeSize(node)) {
 			let after = node.childNodes[offset];
-			if (after.nodeType == 1) return flattenH(after.getBoundingClientRect(), true);
+			if (isElt(after)) return flattenH(after.getBoundingClientRect(), true);
 		}
 		return flattenH(node.getBoundingClientRect(), side >= 0);
 	}
 	if (atom == null && offset && (side < 0 || offset == nodeSize(node))) {
 		let before = node.childNodes[offset - 1];
-		let target = before.nodeType == 3 ? textRange(before, nodeSize(before) - (supportEmptyRange ? 0 : 1)) : before.nodeType == 1 && (before.nodeName != "BR" || !before.nextSibling) ? before : null;
+		let target = isText(before) ? textRange(before, nodeSize(before) - (supportEmptyRange ? 0 : 1)) : isElt(before) && (before.nodeName != "BR" || !before.nextSibling) ? before : null;
 		if (target) return flattenV(singleRect(target, 1), false);
 	}
 	if (atom == null && offset < nodeSize(node)) {
 		let after = node.childNodes[offset];
 		while (after.pmViewDesc && after.pmViewDesc.ignoreForCoords) after = after.nextSibling;
-		let target = !after ? null : after.nodeType == 3 ? textRange(after, 0, supportEmptyRange ? 0 : 1) : after.nodeType == 1 ? after : null;
+		let target = !after ? null : isText(after) ? textRange(after, 0, supportEmptyRange ? 0 : 1) : isElt(after) ? after : null;
 		if (target) return flattenV(singleRect(target, -1), true);
 	}
-	return flattenV(singleRect(node.nodeType == 3 ? textRange(node) : node, -side), side >= 0);
+	return flattenV(singleRect(isText(node) ? textRange(node) : node, -side), side >= 0);
 }
 function flattenV(rect, left) {
 	if (rect.width == 0) return rect;
@@ -12623,8 +12751,8 @@ function endOfTextblockVertical(view, state, dir) {
 		let coords = coordsAtPos(view, $pos.pos, 1);
 		for (let child = dom.firstChild; child; child = child.nextSibling) {
 			let boxes;
-			if (child.nodeType == 1) boxes = child.getClientRects();
-			else if (child.nodeType == 3) boxes = textRange(child, 0, child.nodeValue.length).getClientRects();
+			if (isElt(child)) boxes = child.getClientRects();
+			else if (isText(child)) boxes = textRange(child, 0, child.nodeValue.length).getClientRects();
 			else continue;
 			for (let i = 0; i < boxes.length; i++) {
 				let box = boxes[i];
@@ -12648,7 +12776,7 @@ function endOfTextblockHorizontal(view, state, dir) {
 		sel.modify("move", dir, "character");
 		let parentDOM = $head.depth ? view.docView.domAfterPos($head.before()) : view.dom;
 		let { focusNode: newNode, focusOffset: newOff } = view.domSelectionRange();
-		let result = newNode && !parentDOM.contains(newNode.nodeType == 1 ? newNode : newNode.parentNode) || oldNode == newNode && oldOff == newOff;
+		let result = newNode && !contains(parentDOM, newNode) || oldNode == newNode && oldOff == newOff;
 		try {
 			sel.collapse(anchorNode, anchorOffset);
 			if (oldNode && (oldNode != anchorNode || oldOff != anchorOffset) && sel.extend) sel.extend(oldNode, oldOff);
@@ -12730,7 +12858,7 @@ var ViewDesc = class {
 		return this.posAtStart + this.size - 2 * this.border;
 	}
 	localPosFromDOM(dom, offset, bias) {
-		if (this.contentDOM && this.contentDOM.contains(dom.nodeType == 1 ? dom : dom.parentNode)) if (bias < 0) {
+		if (this.contentDOM && contains(this.contentDOM, dom)) if (bias < 0) {
 			let domBefore, desc;
 			if (dom == this.contentDOM) domBefore = dom.childNodes[offset - 1];
 			else {
@@ -12751,7 +12879,7 @@ var ViewDesc = class {
 		}
 		let atEnd;
 		if (dom == this.dom && this.contentDOM) atEnd = offset > domIndex(this.contentDOM);
-		else if (this.contentDOM && this.contentDOM != this.dom && this.dom.contains(this.contentDOM)) atEnd = dom.compareDocumentPosition(this.contentDOM) & 2;
+		else if (this.contentDOM && this.contentDOM != this.dom && this.dom.contains(this.contentDOM)) atEnd = !!(dom.compareDocumentPosition(this.contentDOM) & 4);
 		else if (this.dom.firstChild) {
 			if (offset == 0) for (let search = dom;; search = search.parentNode) {
 				if (search == this.dom) {
@@ -12773,7 +12901,7 @@ var ViewDesc = class {
 	nearestDesc(dom, onlyNodes = false) {
 		for (let first = true, cur = dom; cur; cur = cur.parentNode) {
 			let desc = this.getDesc(cur), nodeDOM;
-			if (desc && (!onlyNodes || desc.node)) if (first && (nodeDOM = desc.nodeDOM) && !(nodeDOM.nodeType == 1 ? nodeDOM.contains(dom.nodeType == 1 ? dom : dom.parentNode) : nodeDOM == dom)) first = false;
+			if (desc && (!onlyNodes || desc.node)) if (first && (nodeDOM = desc.nodeDOM) && !(isElt(nodeDOM) ? contains(nodeDOM, dom) : nodeDOM == dom)) first = false;
 			else return desc;
 		}
 	}
@@ -12814,14 +12942,17 @@ var ViewDesc = class {
 		let i = 0, offset = 0;
 		for (let curPos = 0; i < this.children.length; i++) {
 			let child = this.children[i], end = curPos + child.size;
-			if (end > pos || child instanceof TrailingHackViewDesc) {
+			if (end > pos) {
 				offset = pos - curPos;
 				break;
 			}
 			curPos = end;
 		}
 		if (offset) return this.children[i].domFromPos(offset - this.children[i].border, side);
-		for (let prev; i && !(prev = this.children[i - 1]).size && prev instanceof WidgetViewDesc && prev.side >= 0; i--);
+		for (; i > 0; i--) {
+			let prev = this.children[i - 1];
+			if (prev.size || !(prev instanceof BufferHackViewDesc || prev instanceof WidgetViewDesc && prev.side >= 0)) break;
+		}
 		if (side <= 0) {
 			let prev, enter = true;
 			for (;; i--, enter = false) {
@@ -12901,7 +13032,7 @@ var ViewDesc = class {
 	}
 	domAfterPos(pos) {
 		let { node, offset } = this.domFromPos(pos, 0);
-		if (node.nodeType != 1 || offset == node.childNodes.length) throw new RangeError("No node after pos " + pos);
+		if (!isElt(node) || offset == node.childNodes.length) throw new RangeError("No node after pos " + pos);
 		return node.childNodes[offset];
 	}
 	setSelection(anchor, head, view, force = false) {
@@ -12918,7 +13049,7 @@ var ViewDesc = class {
 		let brKludge = false;
 		if ((gecko || safari) && anchor == head) {
 			let { node, offset } = anchorDOM;
-			if (node.nodeType == 3) {
+			if (isText(node)) {
 				brKludge = !!(offset && node.nodeValue[offset - 1] == "\n");
 				if (brKludge && offset == node.nodeValue.length) for (let scan = node, after; scan; scan = scan.parentNode) {
 					if (after = scan.nextSibling) {
@@ -12936,7 +13067,7 @@ var ViewDesc = class {
 				brKludge = prev && (prev.nodeName == "BR" || prev.contentEditable == "false");
 			}
 		}
-		if (gecko && selRange.focusNode && selRange.focusNode != headDOM.node && selRange.focusNode.nodeType == 1) {
+		if (gecko && selRange.focusNode && selRange.focusNode != headDOM.node && isElt(selRange.focusNode)) {
 			let after = selRange.focusNode.childNodes[selRange.focusOffset];
 			if (after && after.contentEditable == "false") force = true;
 		}
@@ -13012,13 +13143,10 @@ var WidgetViewDesc = class extends ViewDesc {
 			if (self.parent) return self.parent.posBeforeChild(self);
 		});
 		if (!widget.type.spec.raw) {
-			if (dom.nodeType != 1) {
-				let wrap = document.createElement("span");
-				wrap.appendChild(dom);
-				dom = wrap;
-			}
-			if (!dom.hasAttribute("contenteditable")) dom.contentEditable = "false";
-			dom.classList.add("ProseMirror-widget");
+			let elt = isElt(dom) ? dom : document.createElement("span");
+			if (elt != dom) elt.appendChild(dom);
+			if (!elt.hasAttribute("contenteditable")) elt.contentEditable = "false";
+			elt.classList.add("ProseMirror-widget");
 		}
 		super(parent, [], dom, null);
 		this.widget = widget;
@@ -13141,7 +13269,7 @@ var NodeViewDesc = class NodeViewDesc extends ViewDesc {
 		let dom = spec && spec.dom, contentDOM = spec && spec.contentDOM;
 		if (node.isText) {
 			if (!dom) dom = document.createTextNode(node.text);
-			else if (dom.nodeType != 3) throw new RangeError("Text must be rendered as a DOM text node");
+			else if (!isText(dom)) throw new RangeError("Text must be rendered as a DOM text node");
 		} else if (!dom) {
 			let spec = DOMSerializer.renderSpec(document, node.type.spec.toDOM(node), null, node.attrs);
 			({dom, contentDOM} = spec);
@@ -13174,7 +13302,7 @@ var NodeViewDesc = class NodeViewDesc extends ViewDesc {
 				}
 			}
 			if (!rule.contentElement) {
-				let found = addedNodes && addedNodes.find((n) => n.nodeType == 1 && addedNodes.indexOf(n.parentNode) < 0 && this.dom.contains(n));
+				let found = addedNodes && addedNodes.find((n) => isElt(n) && addedNodes.indexOf(n.parentNode) < 0 && this.dom.contains(n));
 				if (found) rule.contentElement = found;
 				else rule.getContent = () => Fragment.empty;
 			}
@@ -13196,18 +13324,21 @@ var NodeViewDesc = class NodeViewDesc extends ViewDesc {
 		let localComposition = composition && composition.pos > -1 ? composition : null;
 		let compositionInChild = composition && composition.pos < 0;
 		let updater = new ViewTreeUpdater(this, localComposition && localComposition.node, view);
+		let addBuffers = this.node.inlineContent, atBufferPos = addBuffers && this.node.isBlock;
 		iterDeco(this.node, this.innerDeco, (widget, i, insideNode) => {
 			if (widget.spec.marks) updater.syncToMarks(widget.spec.marks, inline, view, i);
 			else if (widget.type.side >= 0 && !insideNode) updater.syncToMarks(i == this.node.childCount ? Mark$1.none : this.node.child(i).marks, inline, view, i);
 			updater.placeWidget(widget, view, off);
 		}, (child, outerDeco, innerDeco, i) => {
 			updater.syncToMarks(child.marks, inline, view, i);
+			if (atBufferPos && child.isAtom && !child.isText) updater.addHackNode("IMG", updater.top);
 			let compIndex;
 			if (updater.findNodeMatch(child, outerDeco, innerDeco, i));
 			else if (compositionInChild && view.state.selection.from > off && view.state.selection.to < off + child.nodeSize && (compIndex = updater.findIndexWithChild(composition.node)) > -1 && updater.updateNodeAt(child, outerDeco, innerDeco, compIndex, view));
 			else if (updater.updateNextNode(child, outerDeco, innerDeco, view, i, off));
 			else updater.addNode(child, outerDeco, innerDeco, view, off);
 			off += child.nodeSize;
+			if (addBuffers) atBufferPos = child.isAtom && !child.isText;
 		});
 		updater.syncToMarks([], inline, view, 0);
 		if (this.node.isTextblock) updater.addTextblockHacks();
@@ -13264,7 +13395,7 @@ var NodeViewDesc = class NodeViewDesc extends ViewDesc {
 	}
 	updateOuterDeco(outerDeco) {
 		if (sameOuterDeco(outerDeco, this.outerDeco)) return;
-		let needsWrap = this.nodeDOM.nodeType != 1;
+		let needsWrap = !isElt(this.nodeDOM);
 		let oldDOM = this.dom;
 		this.dom = patchOuterDeco(this.dom, this.nodeDOM, computeOuterDeco(this.outerDeco, this.node, needsWrap), computeOuterDeco(outerDeco, this.node, needsWrap));
 		if (this.dom != oldDOM) {
@@ -13274,13 +13405,13 @@ var NodeViewDesc = class NodeViewDesc extends ViewDesc {
 		this.outerDeco = outerDeco;
 	}
 	selectNode() {
-		if (this.nodeDOM.nodeType == 1) {
+		if (isElt(this.nodeDOM)) {
 			this.nodeDOM.classList.add("ProseMirror-selectednode");
 			if (this.contentDOM || !this.node.type.spec.draggable) this.nodeDOM.draggable = true;
 		}
 	}
 	deselectNode() {
-		if (this.nodeDOM.nodeType == 1) {
+		if (isElt(this.nodeDOM)) {
 			this.nodeDOM.classList.remove("ProseMirror-selectednode");
 			if (this.contentDOM || !this.node.type.spec.draggable) this.nodeDOM.removeAttribute("draggable");
 		}
@@ -13348,7 +13479,7 @@ var TextViewDesc = class TextViewDesc extends NodeViewDesc {
 		return this.node.text == text;
 	}
 };
-var TrailingHackViewDesc = class extends ViewDesc {
+var BufferHackViewDesc = class extends ViewDesc {
 	parseRule() {
 		return { ignore: true };
 	}
@@ -13484,7 +13615,7 @@ function patchAttributes(dom, prev, cur) {
 	}
 }
 function applyOuterDeco(dom, deco, node) {
-	return patchOuterDeco(dom, dom, noDeco, computeOuterDeco(deco, node, dom.nodeType != 1));
+	return patchOuterDeco(dom, dom, noDeco, computeOuterDeco(deco, node, !isElt(dom)));
 }
 function sameOuterDeco(a, b) {
 	if (a.length != b.length) return false;
@@ -13674,14 +13805,14 @@ var ViewTreeUpdater = class {
 				dom.alt = "";
 			}
 			if (nodeName == "BR") dom.className = "ProseMirror-trailingBreak";
-			let hack = new TrailingHackViewDesc(this.top, [], dom, null);
+			let hack = new BufferHackViewDesc(this.top, [], dom, null);
 			if (parent != this.top) parent.children.push(hack);
 			else parent.children.splice(this.index++, 0, hack);
 			this.changed = true;
 		}
 	}
 	isLocked(node) {
-		return this.lock && (node == this.lock || node.nodeType == 1 && node.contains(this.lock.parentNode));
+		return this.lock && (node == this.lock || isElt(node) && node.contains(this.lock.parentNode));
 	}
 };
 function preMatch(frag, parentDesc) {
@@ -13825,10 +13956,15 @@ function selectionFromDOM(view, origin = null) {
 	if (selectionCollapsed(domSel)) {
 		anchor = head;
 		while (nearestDesc && !nearestDesc.node) nearestDesc = nearestDesc.parent;
-		let nearestDescNode = nearestDesc.node;
-		if (nearestDesc && nearestDescNode.isAtom && NodeSelection.isSelectable(nearestDescNode) && nearestDesc.parent && !(nearestDescNode.isInline && isOnEdge(domSel.focusNode, domSel.focusOffset, nearestDesc.dom))) {
+		if (nearestDesc && nearestDesc.node.isAtom && NodeSelection.isSelectable(nearestDesc.node) && nearestDesc.parent && !(nearestDesc.node.isInline && isOnEdge(domSel.focusNode, domSel.focusOffset, nearestDesc.dom))) {
 			let pos = nearestDesc.posBefore;
 			selection = new NodeSelection(head == pos ? $head : doc.resolve(pos));
+		} else if (gecko && origin == "key" && head > view.state.selection.to && isElt(domSel.focusNode) && domSel.focusOffset == domSel.focusNode.childNodes.length && nearestDesc && nearestDesc.posAtStart > view.state.selection.to) for (let scan = domSel.focusNode;; scan = scan.parentNode) {
+			if (getComputedStyle(scan).overflow != "visible") {
+				selection = Selection$1.findFrom(doc.resolve(nearestDesc.posAtStart), 1);
+				break;
+			}
+			if (scan == nearestDesc.dom || scan.nextSibling || !scan.parentNode || !isElt(scan.parentNode)) break;
 		}
 	} else {
 		if (domSel instanceof view.dom.ownerDocument.defaultView.Selection && domSel.rangeCount > 1) {
@@ -13966,7 +14102,7 @@ function hasSelection(view) {
 	let sel = view.domSelectionRange();
 	if (!sel.anchorNode) return false;
 	try {
-		return view.dom.contains(sel.anchorNode.nodeType == 3 ? sel.anchorNode.parentNode : sel.anchorNode) && (view.editable || view.dom.contains(sel.focusNode.nodeType == 3 ? sel.focusNode.parentNode : sel.focusNode));
+		return contains(view.dom, sel.anchorNode) && (view.editable || contains(view.dom, sel.focusNode));
 	} catch (_) {
 		return false;
 	}
@@ -14005,8 +14141,7 @@ function selectHorizontally(view, dir, mods) {
 			let nodePos = dir < 0 ? $head.pos - node.nodeSize : $head.pos;
 			if (!(node.isAtom || (desc = view.docView.descAt(nodePos)) && !desc.contentDOM)) return false;
 			if (NodeSelection.isSelectable(node)) return apply(view, new NodeSelection(dir < 0 ? view.state.doc.resolve($head.pos - node.nodeSize) : $head));
-			else if (webkit) return apply(view, new TextSelection(view.state.doc.resolve(dir < 0 ? nodePos : nodePos + node.nodeSize)));
-			else return false;
+			else return apply(view, new TextSelection(view.state.doc.resolve(dir < 0 ? nodePos : nodePos + node.nodeSize)));
 		}
 	} else if (sel instanceof NodeSelection && sel.node.isInline) return apply(view, new TextSelection(dir > 0 ? sel.$to : sel.$from));
 	else {
@@ -14015,12 +14150,9 @@ function selectHorizontally(view, dir, mods) {
 		return false;
 	}
 }
-function nodeLen(node) {
-	return node.nodeType == 3 ? node.nodeValue.length : node.childNodes.length;
-}
 function isIgnorable(dom, dir) {
 	let desc = dom.pmViewDesc;
-	return desc && desc.size == 0 && (dir < 0 || dom.nextSibling || dom.nodeName != "BR");
+	return desc ? desc.size == 0 && (dir < 0 || dom.nextSibling || dom.nodeName != "BR") : isElt(dom) && dom.contentEditable == "false";
 }
 function skipIgnoredNodes(view, dir) {
 	return dir < 0 ? skipIgnoredNodesBefore(view) : skipIgnoredNodesAfter(view);
@@ -14030,19 +14162,18 @@ function skipIgnoredNodesBefore(view) {
 	let node = sel.focusNode, offset = sel.focusOffset;
 	if (!node) return;
 	let moveNode, moveOffset, force = false;
-	if (gecko && node.nodeType == 1 && offset < nodeLen(node) && isIgnorable(node.childNodes[offset], -1)) force = true;
-	for (;;) if (offset > 0) if (node.nodeType != 1) break;
-	else {
+	if (gecko && isElt(node) && offset < nodeSize(node) && isIgnorable(node.childNodes[offset], -1)) force = true;
+	for (;;) if (offset > 0) {
+		if (!isElt(node)) break;
 		let before = node.childNodes[offset - 1];
 		if (isIgnorable(before, -1)) {
 			moveNode = node;
 			moveOffset = --offset;
-		} else if (before.nodeType == 3) {
+		} else if (isText(before)) {
 			node = before;
 			offset = node.nodeValue.length;
 		} else break;
-	}
-	else if (isBlockNode(node)) break;
+	} else if (isBlockNode(node)) break;
 	else {
 		let prev = node.previousSibling;
 		while (prev && isIgnorable(prev, -1)) {
@@ -14056,7 +14187,7 @@ function skipIgnoredNodesBefore(view) {
 			offset = 0;
 		} else {
 			node = prev;
-			offset = nodeLen(node);
+			offset = nodeSize(node);
 		}
 	}
 	if (force) setSelFocus(view, node, offset);
@@ -14066,10 +14197,10 @@ function skipIgnoredNodesAfter(view) {
 	let sel = view.domSelectionRange();
 	let node = sel.focusNode, offset = sel.focusOffset;
 	if (!node) return;
-	let len = nodeLen(node);
+	let len = nodeSize(node);
 	let moveNode, moveOffset;
 	for (;;) if (offset < len) {
-		if (node.nodeType != 1) break;
+		if (!isElt(node)) break;
 		let after = node.childNodes[offset];
 		if (isIgnorable(after, 1)) {
 			moveNode = node;
@@ -14090,7 +14221,7 @@ function skipIgnoredNodesAfter(view) {
 		} else {
 			node = next;
 			offset = 0;
-			len = nodeLen(node);
+			len = nodeSize(node);
 		}
 	}
 	if (moveNode) setSelFocus(view, moveNode, moveOffset);
@@ -14106,8 +14237,8 @@ function textNodeAfter(node, offset) {
 	}
 	while (node && offset < node.childNodes.length) {
 		let next = node.childNodes[offset];
-		if (next.nodeType == 3) return next;
-		if (next.nodeType == 1 && next.contentEditable == "false") break;
+		if (isText(next)) return next;
+		if (isElt(next) && next.contentEditable == "false") break;
 		node = next;
 		offset = 0;
 	}
@@ -14119,14 +14250,14 @@ function textNodeBefore(node, offset) {
 	}
 	while (node && offset) {
 		let next = node.childNodes[offset - 1];
-		if (next.nodeType == 3) return next;
-		if (next.nodeType == 1 && next.contentEditable == "false") break;
+		if (isText(next)) return next;
+		if (isElt(next) && next.contentEditable == "false") break;
 		node = next;
 		offset = node.childNodes.length;
 	}
 }
 function setSelFocus(view, node, offset) {
-	if (node.nodeType != 3) {
+	if (!isText(node)) {
 		let before, after;
 		if (after = textNodeAfter(node, offset)) {
 			node = after;
@@ -14208,7 +14339,7 @@ function switchEditable(view, node, state) {
 function safariDownArrowBug(view) {
 	if (!safari || view.state.selection.$head.parentOffset > 0) return false;
 	let { focusNode, focusOffset } = view.domSelectionRange();
-	if (focusNode && focusNode.nodeType == 1 && focusOffset == 0 && focusNode.firstChild && focusNode.firstChild.contentEditable == "false") {
+	if (focusNode && isElt(focusNode) && focusOffset == 0 && focusNode.firstChild && isElt(focusNode.firstChild) && focusNode.firstChild.contentEditable == "false") {
 		let child = focusNode.firstChild;
 		switchEditable(view, child, "true");
 		setTimeout(() => switchEditable(view, child, "false"), 20);
@@ -14255,7 +14386,7 @@ function serializeForClipboard(view, slice) {
 	let doc = detachedDoc(), wrap = doc.createElement("div");
 	wrap.appendChild(serializer.serializeFragment(content, { document: doc }));
 	let firstChild = wrap.firstChild, needsWrap, wrappers = 0;
-	while (firstChild && firstChild.nodeType == 1 && (needsWrap = wrapMap[firstChild.nodeName.toLowerCase()])) {
+	while (firstChild && isElt(firstChild) && (needsWrap = wrapMap[firstChild.nodeName.toLowerCase()])) {
 		for (let i = needsWrap.length - 1; i >= 0; i--) {
 			let wrapper = doc.createElement(needsWrap[i]);
 			while (wrap.firstChild) wrapper.appendChild(wrap.firstChild);
@@ -14264,7 +14395,7 @@ function serializeForClipboard(view, slice) {
 		}
 		firstChild = wrap.firstChild;
 	}
-	if (firstChild && firstChild.nodeType == 1) firstChild.setAttribute("data-pm-slice", `${openStart} ${openEnd}${wrappers ? ` -${wrappers}` : ""} ${JSON.stringify(context)}`);
+	if (firstChild && isElt(firstChild)) firstChild.setAttribute("data-pm-slice", `${openStart} ${openEnd}${wrappers ? ` -${wrappers}` : ""} ${JSON.stringify(context)}`);
 	return {
 		dom: wrap,
 		text: view.someProp("clipboardTextSerializer", (f) => f(slice, view)) || slice.content.textBetween(0, slice.content.size, "\n\n"),
@@ -14309,7 +14440,7 @@ function parseFromClipboard(view, text, html, plainText, $context) {
 	let sliceData = contextNode && /^(\d+) (\d+)(?: -(\d+))? (.*)/.exec(contextNode.getAttribute("data-pm-slice") || "");
 	if (sliceData && sliceData[3]) for (let i = +sliceData[3]; i > 0; i--) {
 		let child = dom.firstChild;
-		while (child && child.nodeType != 1) child = child.nextSibling;
+		while (child && !isElt(child)) child = child.nextSibling;
 		if (!child) break;
 		dom = child;
 	}
@@ -14462,11 +14593,10 @@ function addContext(slice, context) {
 		let type = schema.nodes[array[i]];
 		if (!type || type.hasRequiredAttrs()) break;
 		try {
-			type.checkAttrs(array[i + 1]);
+			content = Fragment.from(type.create(array[i + 1], content));
 		} catch (e) {
 			break;
 		}
-		content = Fragment.from(type.create(array[i + 1], content));
 		openStart++;
 		openEnd++;
 	}
@@ -14610,14 +14740,14 @@ function updateSelection(view, selection, origin) {
 	if (!view.focused) view.focus();
 	if (view.state.selection.eq(selection)) return;
 	let tr = view.state.tr.setSelection(selection);
-	if (origin == "pointer") tr.setMeta("pointer", true);
+	tr.setMeta("pointer", true);
 	view.dispatch(tr);
 }
 function selectClickedLeaf(view, inside) {
 	if (inside == -1) return false;
 	let $pos = view.state.doc.resolve(inside), node = $pos.nodeAfter;
 	if (node && node.isAtom && NodeSelection.isSelectable(node)) {
-		updateSelection(view, new NodeSelection($pos), "pointer");
+		updateSelection(view, new NodeSelection($pos));
 		return true;
 	}
 	return false;
@@ -14636,7 +14766,7 @@ function selectClickedNode(view, inside) {
 		}
 	}
 	if (selectAt != null) {
-		updateSelection(view, NodeSelection.create(view.state.doc, selectAt), "pointer");
+		updateSelection(view, NodeSelection.create(view.state.doc, selectAt));
 		return true;
 	} else return false;
 }
@@ -14653,7 +14783,7 @@ function defaultTripleClick(view, inside, event) {
 	if (event.button != 0) return false;
 	let selection = selectionForTripleClick(view, inside, true), doc = view.state.doc;
 	if (!selection) return false;
-	updateSelection(view, selection, "pointer");
+	updateSelection(view, selection);
 	if (selection instanceof TextSelection && doc.eq(view.state.doc)) view.input.mouseDown = new TripleClickDrag(view, selection);
 	return true;
 }
@@ -14739,7 +14869,7 @@ var LeftMouseDown = class extends MouseDown {
 		}
 		const target = flushed ? null : event.target;
 		const targetDesc = target ? view.docView.nearestDesc(target, true) : null;
-		this.target = targetDesc && targetDesc.nodeDOM.nodeType == 1 ? targetDesc.nodeDOM : null;
+		this.target = targetDesc && isElt(targetDesc.nodeDOM) ? targetDesc.nodeDOM : null;
 		let { selection } = view.state;
 		if (event.button == 0 && (targetNode.type.spec.draggable && targetNode.type.spec.selectable !== false || selection instanceof NodeSelection && selection.from <= targetPos && selection.to > targetPos)) this.mightDrag = {
 			node: targetNode,
@@ -14778,7 +14908,7 @@ var LeftMouseDown = class extends MouseDown {
 		if (this.allowDefault || !pos) setSelectionOrigin(this.view, "pointer");
 		else if (handleSingleClick(this.view, pos.pos, pos.inside, event, this.selectNode)) event.preventDefault();
 		else if (event.button == 0 && (this.flushed || safari && this.mightDrag && !this.mightDrag.node.isAtom || chrome && !this.view.state.selection.visible && Math.min(Math.abs(pos.pos - this.view.state.selection.from), Math.abs(pos.pos - this.view.state.selection.to)) <= 2)) {
-			updateSelection(this.view, Selection$1.near(this.view.state.doc.resolve(pos.pos)), "pointer");
+			updateSelection(this.view, Selection$1.near(this.view.state.doc.resolve(pos.pos)));
 			event.preventDefault();
 		} else setSelectionOrigin(this.view, "pointer");
 	}
@@ -14814,7 +14944,7 @@ var TripleClickDrag = class extends MouseDown {
 		if (!target) return;
 		let { doc } = this.view.state, start = this.startSelection;
 		let [anchor, head] = target.from < start.from ? [start.to, target.from] : [start.from, target.to];
-		updateSelection(this.view, TextSelection.create(doc, anchor, head), "pointer");
+		updateSelection(this.view, TextSelection.create(doc, anchor, head));
 	}
 };
 handlers.touchstart = (view) => {
@@ -14840,7 +14970,7 @@ editHandlers.compositionstart = editHandlers.compositionupdate = (view) => {
 	if (!view.composing) {
 		view.domObserver.flush();
 		let { state } = view, $pos = state.selection.$to;
-		if (state.selection instanceof TextSelection && (state.storedMarks || !$pos.textOffset && $pos.parentOffset && $pos.nodeBefore.marks.some((m) => m.type.spec.inclusive === false) || chrome && windows$1 && selectionBeforeUneditable(view))) {
+		if (state.selection instanceof TextSelection && state.selection.empty && (state.storedMarks || !$pos.textOffset && $pos.parentOffset && $pos.nodeBefore.marks.some((m) => m.type.spec.inclusive === false) || chrome && windows$1 && selectionBeforeUneditable(view))) {
 			view.markCursor = view.state.storedMarks || $pos.marks();
 			endComposition(view, true);
 			view.markCursor = null;
@@ -14848,10 +14978,10 @@ editHandlers.compositionstart = editHandlers.compositionupdate = (view) => {
 			endComposition(view, !state.selection.empty);
 			if (gecko && state.selection.empty && $pos.parentOffset && !$pos.textOffset && $pos.nodeBefore.marks.length) {
 				let sel = view.domSelectionRange();
-				for (let node = sel.focusNode, offset = sel.focusOffset; node && node.nodeType == 1 && offset != 0;) {
+				for (let node = sel.focusNode, offset = sel.focusOffset; node && isElt(node) && offset != 0;) {
 					let before = offset < 0 ? node.lastChild : node.childNodes[offset - 1];
 					if (!before) break;
-					if (before.nodeType == 3) {
+					if (isText(before)) {
 						let sel = view.domSelection();
 						if (sel) sel.collapse(before, before.nodeValue.length);
 						break;
@@ -14868,9 +14998,9 @@ editHandlers.compositionstart = editHandlers.compositionupdate = (view) => {
 };
 function selectionBeforeUneditable(view) {
 	let { focusNode, focusOffset } = view.domSelectionRange();
-	if (!focusNode || focusNode.nodeType != 1 || focusOffset >= focusNode.childNodes.length) return false;
+	if (!focusNode || !isElt(focusNode) || focusOffset >= focusNode.childNodes.length) return false;
 	let next = focusNode.childNodes[focusOffset];
-	return next.nodeType == 1 && next.contentEditable == "false";
+	return isElt(next) && next.contentEditable == "false";
 }
 editHandlers.compositionend = (view, event) => {
 	if (view.composing) {
@@ -15023,7 +15153,7 @@ handlers.dragstart = (view, _event) => {
 	let node;
 	if (pos && pos.pos >= sel.from && pos.pos <= (sel instanceof NodeSelection ? sel.to - 1 : sel.to));
 	else if (mouseDown && mouseDown.mightDrag) node = NodeSelection.create(view.state.doc, mouseDown.mightDrag.pos);
-	else if (event.target && event.target.nodeType == 1) {
+	else if (event.target && isElt(event.target)) {
 		let desc = view.docView.nearestDesc(event.target, true);
 		if (desc && desc.node.type.spec.draggable && desc != view.docView) node = NodeSelection.create(view.state.doc, desc.posBefore);
 	}
@@ -15796,7 +15926,7 @@ var DOMObserver = class {
 		let desc = container && this.view.docView.nearestDesc(container);
 		if (desc && desc.ignoreMutation({
 			type: "selection",
-			target: container.nodeType == 3 ? container.parentNode : container
+			target: isText(container) ? container.parentNode : container
 		})) {
 			this.setCurSelection();
 			return true;
@@ -15825,7 +15955,7 @@ var DOMObserver = class {
 		if (added.some((n) => n.nodeName == "BR") && (view.input.lastKeyCode == 8 || view.input.lastKeyCode == 46 || chrome && (view.composing || view.input.compositionEndedAt > Date.now() - 50) && mutations.some((m) => m.type == "childList" && m.removedNodes.length))) {
 			for (let node of added) if (node.nodeName == "BR" && node.parentNode) {
 				let after = node.nextSibling;
-				while (after && after.nodeType == 1) {
+				while (after && isElt(after)) {
 					if (after.contentEditable == "false") {
 						node.parentNode.removeChild(node);
 						break;
@@ -15877,7 +16007,7 @@ var DOMObserver = class {
 			for (let i = 0; i < mut.addedNodes.length; i++) {
 				let node = mut.addedNodes[i];
 				added.push(node);
-				if (node.nodeType == 3) this.lastChangedTextNode = node;
+				if (isText(node)) this.lastChangedTextNode = node;
 			}
 			if (desc.contentDOM && desc.contentDOM != desc.dom && !desc.contentDOM.contains(mut.target)) return {
 				from: desc.posBefore,
@@ -15976,7 +16106,7 @@ function fixUpBadSafariComposition(view, addedNodes) {
 			let parent = nextCell;
 			for (;;) {
 				let first = parent.firstChild;
-				if (!first || first.nodeType != 1 || first.contentEditable == "false" || /^(BR|IMG)$/.test(first.nodeName)) break;
+				if (!first || !isElt(first) || first.contentEditable == "false" || /^(BR|IMG)$/.test(first.nodeName)) break;
 				parent = first;
 			}
 			parent.insertBefore(node, parent.firstChild);
@@ -15989,7 +16119,7 @@ function parseBetween(view, from_, to_, addedNodes) {
 	let domSel = view.domSelectionRange();
 	let find;
 	let anchor = domSel.anchorNode;
-	if (anchor && view.dom.contains(anchor.nodeType == 1 ? anchor : anchor.parentNode)) {
+	if (anchor && contains(view.dom, anchor)) {
 		find = [{
 			node: anchor,
 			offset: domSel.anchorOffset
@@ -16083,7 +16213,7 @@ function readDOMChange(view, from, to, typeOver, addedNodes) {
 	view.input.lastKeyCode = null;
 	let change = findDiff(compare.content, parse.doc.content, parse.from, preferredPos, preferredSide);
 	if (change) view.input.domChangeCount++;
-	if ((ios && view.input.lastIOSEnter > Date.now() - 225 || android) && addedNodes.some((n) => n.nodeType == 1 && !isInline.test(n.nodeName)) && (!change || change.endA >= change.endB) && view.someProp("handleKeyDown", (f) => f(view, keyEvent(13, "Enter")))) {
+	if ((ios && view.input.lastIOSEnter > Date.now() - 225 || android) && addedNodes.some((n) => isElt(n) && !isInline.test(n.nodeName)) && (!change || change.endA >= change.endB) && view.someProp("handleKeyDown", (f) => f(view, keyEvent(13, "Enter")))) {
 		view.input.lastIOSEnter = 0;
 		return;
 	}
@@ -16119,7 +16249,7 @@ function readDOMChange(view, from, to, typeOver, addedNodes) {
 	let $to = parse.doc.resolveNoCache(change.endB - parse.from);
 	let $fromA = doc.resolve(change.start);
 	let inlineChange = $from.sameParent($to) && $from.parent.inlineContent && $fromA.end() >= change.endA;
-	if ((ios && view.input.lastIOSEnter > Date.now() - 225 && (!inlineChange || addedNodes.some((n) => n.nodeName == "DIV" || n.nodeName == "P")) || !inlineChange && $from.pos < parse.doc.content.size && (!$from.sameParent($to) || !$from.parent.inlineContent) && $from.pos < $to.pos && !/\S/.test(parse.doc.textBetween($from.pos, $to.pos, "", ""))) && view.someProp("handleKeyDown", (f) => f(view, keyEvent(13, "Enter")))) {
+	if ((ios && view.input.lastIOSEnter > Date.now() - 225 && (!inlineChange || addedNodes.some((n) => n.nodeName == "DIV" || n.nodeName == "P")) || !inlineChange && looksLikeEnter(parse.doc, $from.pos, $to.pos)) && view.someProp("handleKeyDown", (f) => f(view, keyEvent(13, "Enter")))) {
 		view.input.lastIOSEnter = 0;
 		return;
 	}
@@ -16206,6 +16336,14 @@ function looksLikeBackspace(old, start, end, $newStart, $newEnd) {
 	if (!$next.parent.isTextblock || $next.pos > end || skipClosingAndOpening($next, true, false) < end) return false;
 	return $newStart.parent.content.cut($newStart.parentOffset).eq($next.parent.content);
 }
+function looksLikeEnter(content, from, to) {
+	let newTextlines = 0, newLeaves = 0;
+	content.nodesBetween(from, to, (node, pos) => {
+		if (node.isTextblock && pos >= from && pos < to) newTextlines++;
+		else if (node.isText ? /\S/.test(node.text.slice(Math.max(0, from - pos), Math.min(node.nodeSize, to - pos))) : node.isLeaf) newLeaves++;
+	});
+	return newLeaves == 0 && newTextlines == 1;
+}
 function skipClosingAndOpening($pos, fromEnd, mayOpen) {
 	let depth = $pos.depth, end = fromEnd ? $pos.end() : $pos.pos;
 	while (depth > 0 && (fromEnd || $pos.indexAfter(depth) == $pos.node(depth).childCount)) {
@@ -16430,11 +16568,11 @@ var EditorView = class {
 	*/
 	scrollToSelection() {
 		let startDOM = this.domSelectionRange().focusNode;
-		if (!startDOM || !this.dom.contains(startDOM.nodeType == 1 ? startDOM : startDOM.parentNode));
+		if (!startDOM || !contains(this.dom, startDOM));
 		else if (this.someProp("handleScrollToSelection", (f) => f(this)));
 		else if (this.state.selection instanceof NodeSelection) {
 			let target = this.docView.domAfterPos(this.state.selection.from);
-			if (target.nodeType == 1) scrollRectIntoView(this, target.getBoundingClientRect(), startDOM);
+			if (isElt(target)) scrollRectIntoView(this, target.getBoundingClientRect(), startDOM);
 		} else scrollRectIntoView(this, this.coordsAtPos(this.state.selection.head, 1), startDOM);
 	}
 	destroyPluginViews() {
@@ -16663,7 +16801,7 @@ var EditorView = class {
 	@internal
 	*/
 	domSelectionRange() {
-		let sel = this.domSelection();
+		let sel = this.dom.isConnected !== false && this.domSelection();
 		if (!sel) return {
 			focusNode: null,
 			focusOffset: 0,
@@ -16826,11 +16964,11 @@ var shift = {
 };
 var mac$1 = typeof navigator != "undefined" && /Mac/.test(navigator.platform);
 var ie = typeof navigator != "undefined" && /MSIE \d|Trident\/(?:[7-9]|\d{2,})\..*rv:(\d+)/.exec(navigator.userAgent);
-for (var i = 0; i < 10; i++) base[48 + i] = base[96 + i] = String(i);
-for (var i = 1; i <= 24; i++) base[i + 111] = "F" + i;
-for (var i = 65; i <= 90; i++) {
-	base[i] = String.fromCharCode(i + 32);
-	shift[i] = String.fromCharCode(i);
+for (var i$1 = 0; i$1 < 10; i$1++) base[48 + i$1] = base[96 + i$1] = String(i$1);
+for (var i$1 = 1; i$1 <= 24; i$1++) base[i$1 + 111] = "F" + i$1;
+for (var i$1 = 65; i$1 <= 90; i$1++) {
+	base[i$1] = String.fromCharCode(i$1 + 32);
+	shift[i$1] = String.fromCharCode(i$1);
 }
 for (var code in base) if (!shift.hasOwnProperty(code)) shift[code] = base[code];
 function keyName(event) {
@@ -22840,7 +22978,7 @@ function render(tag, attributes) {
 	]);
 	return createJSXElement([tag, rest]);
 }
-var h = (tag, attributes) => render(tag, attributes);
+var h$1 = (tag, attributes) => render(tag, attributes);
 //#endregion
 //#region ../../../node_modules/.bun/@tiptap+extension-blockquote@3.31.3+9ea2bbe04937c6bd/node_modules/@tiptap/extension-blockquote/dist/index.js
 /**
@@ -22905,9 +23043,9 @@ var Blockquote = Node$1.create({
 		return [{ tag: "blockquote" }];
 	},
 	renderHTML({ HTMLAttributes }) {
-		return /* @__PURE__ */ h("blockquote", {
+		return /* @__PURE__ */ h$1("blockquote", {
 			...mergeAttributes(this.options.HTMLAttributes, HTMLAttributes),
-			children: /* @__PURE__ */ h("slot", {})
+			children: /* @__PURE__ */ h$1("slot", {})
 		});
 	},
 	parseMarkdown: (token, helpers) => {
@@ -23001,9 +23139,9 @@ var Bold = Mark.create({
 		];
 	},
 	renderHTML({ HTMLAttributes }) {
-		return /* @__PURE__ */ h("strong", {
+		return /* @__PURE__ */ h$1("strong", {
 			...mergeAttributes(this.options.HTMLAttributes, HTMLAttributes),
-			children: /* @__PURE__ */ h("slot", {})
+			children: /* @__PURE__ */ h$1("slot", {})
 		});
 	},
 	markdownTokenName: "strong",
@@ -27241,7 +27379,7 @@ var Underline = Mark.create({
 	}
 });
 //#endregion
-//#region ../../../node_modules/.bun/prosemirror-dropcursor@1.8.2/node_modules/prosemirror-dropcursor/dist/index.js
+//#region ../../../node_modules/.bun/prosemirror-dropcursor@1.8.4/node_modules/prosemirror-dropcursor/dist/index.js
 /**
 Create a plugin that, when added to a ProseMirror instance,
 causes a decoration to show up at the drop position when something
@@ -27264,6 +27402,7 @@ var DropCursorView = class {
 		this.cursorPos = null;
 		this.element = null;
 		this.timeout = -1;
+		this.lastDragEvent = null;
 		this.width = (_a = options.width) !== null && _a !== void 0 ? _a : 1;
 		this.color = options.color === false ? void 0 : options.color || "black";
 		this.class = options.class;
@@ -27284,11 +27423,15 @@ var DropCursorView = class {
 		});
 	}
 	destroy() {
+		this.setCursor(null);
 		this.handlers.forEach(({ name, handler }) => this.editorView.dom.removeEventListener(name, handler));
 	}
 	update(editorView, prevState) {
-		if (this.cursorPos != null && prevState.doc != editorView.state.doc) if (this.cursorPos > editorView.state.doc.content.size) this.setCursor(null);
-		else this.updateOverlay();
+		if (this.cursorPos != null && prevState.doc != editorView.state.doc) if (this.lastDragEvent) {
+			let target = this.computeTarget(this.lastDragEvent);
+			if (target == this.cursorPos) this.updateOverlay();
+			else this.setCursor(target);
+		} else this.updateOverlay();
 	}
 	setCursor(pos) {
 		if (pos == this.cursorPos) return;
@@ -27359,8 +27502,7 @@ var DropCursorView = class {
 		clearTimeout(this.timeout);
 		this.timeout = setTimeout(() => this.setCursor(null), timeout);
 	}
-	dragover(event) {
-		if (!this.editorView.editable) return;
+	computeTarget(event) {
 		let pos = this.editorView.posAtCoords({
 			left: event.clientX,
 			top: event.clientY
@@ -27368,12 +27510,19 @@ var DropCursorView = class {
 		let node = pos && pos.inside >= 0 && this.editorView.state.doc.nodeAt(pos.inside);
 		let disableDropCursor = node && node.type.spec.disableDropCursor;
 		let disabled = typeof disableDropCursor == "function" ? disableDropCursor(this.editorView, pos, event) : disableDropCursor;
-		if (pos && !disabled) {
-			let target = pos.pos;
-			if (this.editorView.dragging && this.editorView.dragging.slice) {
-				let point = dropPoint(this.editorView.state.doc, target, this.editorView.dragging.slice);
-				if (point != null) target = point;
-			}
+		if (!pos || disabled) return null;
+		let target = pos.pos;
+		if (this.editorView.dragging && this.editorView.dragging.slice) {
+			let point = dropPoint(this.editorView.state.doc, target, this.editorView.dragging.slice);
+			if (point != null) target = point;
+		}
+		return target;
+	}
+	dragover(event) {
+		if (!this.editorView.editable) return;
+		this.lastDragEvent = event;
+		let target = this.computeTarget(event);
+		if (target != null) {
 			this.setCursor(target);
 			this.scheduleRemoval(5e3);
 		}
@@ -31990,6 +32139,7 @@ function EditableHtml$1($$anchor, $$props) {
 		return {
 			role: "textbox",
 			"aria-multiline": "true",
+			class: "mathjax_ignore",
 			...$$props.ariaLabel ? { "aria-label": $$props.ariaLabel } : {}
 		};
 	}
@@ -34966,80 +35116,244 @@ create_custom_element(RegionPicker, {
 }, [], [], { mode: "open" });
 //#endregion
 //#region ../../shared/math-rendering-mathjax/dist/index.js
-var e = null;
-function t(t) {
-	return typeof window > "u" || window.MathJax?.typesetPromise ? Promise.resolve() : e || (e = new Promise((e, n) => {
-		let { useSingleDollar: r = !1, accessibility: i = !0, loadFonts: a = !0, srcUrl: o } = t, s = {
-			loader: { load: i ? ["a11y/assistive-mml"] : [] },
-			tex: {
-				packages: [
-					"base",
-					"ams",
-					"autoload"
-				],
-				macros: {
-					parallelogram: "\\lower.2em{\\Huge\\unicode{x25B1}}",
-					overarc: "\\overparen",
-					napprox: "\\not\\approx",
-					longdiv: "\\enclose{longdiv}"
+var e = "https://github.com/pie-framework/pie-players/blob/develop/docs/item-player/loading-strategies.md#one-mathjax-version-per-page";
+var t = "pie-mathjax-version-conflict";
+var n = Symbol.for("@pie-element/shared-math-rendering-mathjax/unsupported-page");
+function r(r, i) {
+	if (typeof window > "u") return;
+	let a = globalThis;
+	a[n] ?? (a[n] = {
+		logged: !1,
+		conditions: []
+	});
+	let o = a[n];
+	if (o.conditions.includes(r)) return;
+	o.conditions.push(r);
+	let s = `[math-rendering] Unsupported page (${r}): ${i}. PIE supports one MathJax major version per page; with MathJax 3 and 4 on one page, math rendering is best effort and may break. See ${e}`;
+	o.logged || (o.logged = !0, console.error(s)), window.dispatchEvent(new CustomEvent(t, { detail: {
+		condition: r,
+		message: s,
+		docsUrl: e
+	} }));
+}
+function i() {
+	let e = window.MathJax?.version;
+	return typeof e == "string" && e.startsWith("3.") ? e : void 0;
+}
+var a = "https://cdn.jsdelivr.net/npm/mathjax@4.1.3/tex-mml-chtml.js";
+var o = {
+	parallelogram: "\\lower.2em{\\Huge\\unicode{x25B1}}",
+	overarc: "\\overparen",
+	napprox: "\\not\\approx",
+	longdiv: "\\enclose{longdiv}",
+	abs: ["\\left|#1\\right|", 1]
+};
+var s = "[math-rendering] using $ is not advisable, please use $$..$$ or \\(...\\)";
+var c = /\\\(|\\\[|\$\$|\\\$|\\begin\{|\\(?:eq)?ref\{/;
+var l = /\\\(|\\\[|\$|\\begin\{|\\(?:eq)?ref\{/;
+var u = /\\embed\{newLine\}\[\]/g;
+var d = [
+	["$$", "$$"],
+	["$", "$"],
+	["\\[", "\\]"],
+	["\\(", "\\)"]
+];
+var f = Symbol.for("@pie-element/shared-math-rendering-mathjax/loading");
+var p = "PIE-MJX-CHTML-styles";
+var m = "MJX-CHTML-styles";
+var h = [m, "MJX-SVG-styles"];
+var g = 201;
+function _(e) {
+	let t = [...e.matches("mjx-container") ? [e] : [], ...e.querySelectorAll("mjx-container")];
+	for (let e of t) for (let t of [e, ...e.querySelectorAll("[data-latex],[data-latex-item]")]) t.removeAttribute("data-latex"), t.removeAttribute("data-latex-item");
+}
+function v() {
+	return window.MathJax;
+}
+function y(e) {
+	for (let [t, n] of d) if (e.startsWith(t) && e.endsWith(n)) return e.substring(t.length, e.length - n.length);
+	return e;
+}
+function b(e) {
+	return y(e.includes("\\displaystyle") ? e.replace("\\displaystyle", "").trim() : e);
+}
+var x = "mathjax_ignore";
+var S = "mathjax_process";
+function C(e, t) {
+	let n = e.closest(`.${x}, .${S}`);
+	return n !== null && t.contains(n) && !n.classList.contains(S);
+}
+function w(e) {
+	for (let t of e.querySelectorAll("[data-latex]")) {
+		if (t.dataset.mathHandled || t.closest("mjx-container") || C(t, e)) continue;
+		let n = t.textContent;
+		n && (t.textContent = `\\(${b(n)}\\)`.replace(u, "\\newline "), t.dataset.mathHandled = "true");
+	}
+}
+function T(e, t) {
+	for (let t of e.querySelectorAll("math")) if (!t.closest("mjx-assistive-mml")) return !0;
+	return (t ? l : c).test(e.textContent ?? "");
+}
+function E(e) {
+	return new Promise((t, n) => {
+		let { useSingleDollar: r = !1, accessibility: i = !0, loadFonts: c = !0, srcUrl: l } = e, u = {
+			loader: {
+				load: i ? ["a11y/assistive-mml"] : [],
+				failed: (e) => n(e)
+			},
+			startup: {
+				typeset: !1,
+				ready: () => {
+					let e = v(), r = e?.startup, i = !!e?.version?.startsWith("4.");
+					i && D(e), r?.defaultReady?.(), i && O(r?.document), Promise.resolve(r?.promise).then(() => t(), n);
 				}
 			},
+			tex: { macros: { ...o } },
 			options: {
 				enableMenu: i,
-				enableExplorer: i,
-				enableAssistiveMml: i
-			},
-			startup: {
-				ready: () => {
-					window.MathJax?.startup.defaultReady && (window.MathJax.startup.defaultReady(), e());
-				},
-				defaultReady: () => {}
+				menuOptions: { settings: {
+					assistiveMml: i,
+					enrich: !1,
+					inTabOrder: !1
+				} }
 			}
 		};
-		r && s.tex && (s.tex.inlineMath = [["$", "$"], ["\\(", "\\)"]], s.tex.processEscapes = !0), a || (s.chtml = { fontURL: "" }), window.MathJax = s;
-		let c = document.createElement("script");
-		c.src = o || "https://cdn.jsdelivr.net/npm/mathjax@4/tex-chtml.js", c.async = !0, c.onload = () => {
-			setTimeout(e, 100);
-		}, c.onerror = () => {
-			n(/* @__PURE__ */ Error("Failed to load MathJax"));
-		}, document.head.appendChild(c);
-	}), e);
-}
-function n() {
-	let e = window.MathJax?.startup?.document;
-	if (typeof e?.assistiveMml == "function") try {
-		e.assistiveMml().updateDocument?.();
-	} catch (e) {
-		console.warn("[mathjax-renderer] Failed to attach assistive MathML:", e);
+		r && u.tex && (console.warn(s), u.tex.inlineMath = [["$", "$"], ["\\(", "\\)"]], u.tex.processEscapes = !0), c || (u.chtml = { fontURL: "" }), window.MathJax = u;
+		let d = document.createElement("script");
+		d.src = l || a, d.async = !0, d.onerror = () => n(/* @__PURE__ */ Error("Failed to load MathJax")), document.head.appendChild(d);
+	});
+}
+function D(e) {
+	let t = e?._?.output?.chtml_ts?.CHTML;
+	t && (t.STYLESHEETID = p);
+}
+function O(e) {
+	if (!e) return;
+	let t = /* @__PURE__ */ new WeakSet(), n = (e) => {
+		let n = e.typesetRoot;
+		!n || t.has(n) || (_(n), t.add(n));
+	};
+	e.addRenderAction?.("pie-strip-latex", g, (e) => {
+		for (let t of e.math ?? []) n(t);
+		return !1;
+	}, (e) => {
+		let t = e.typesetRoot;
+		return t && _(t), !1;
+	});
+	let r = e.outputJax?.chtmlStyles;
+	r?.id === m && (r.id = p), j();
+}
+function k(e) {
+	return e instanceof HTMLStyleElement && h.includes(e.id);
+}
+function A(e) {
+	r("foreign-output-stylesheet", `another MathJax added <style id="${e.id}"> to <head>`);
+}
+function j() {
+	let e = document.head, t = [...e.children].find(k);
+	if (t) {
+		A(t);
+		return;
 	}
+	let n = new MutationObserver((e) => {
+		for (let t of e) {
+			let e = [...t.addedNodes].find(k);
+			if (e) {
+				A(e), n.disconnect();
+				return;
+			}
+		}
+	});
+	n.observe(e, { childList: !0 });
+}
+function M(e) {
+	return new Promise((t, n) => {
+		let r = e.startup ?? {};
+		e.startup = r;
+		let i = r.ready;
+		r.ready = () => {
+			let e = v()?.startup;
+			i ? i.call(r) : e?.defaultReady?.(), Promise.resolve(e?.promise).then(() => t(), n);
+		};
+	});
+}
+function N(e) {
+	let t = v();
+	return t ? t.version ? t.startup?.promise ? Promise.resolve(t.startup.promise).then(() => void 0) : Promise.resolve() : M(t) : E(e);
 }
-function r(e = {}) {
-	return async (r) => {
-		if (await t(e), !window.MathJax?.typesetPromise) {
-			console.warn("[mathjax-renderer] MathJax not loaded or missing typesetPromise.");
+function P(e) {
+	return N(e).then(() => {
+		typeof v()?.typesetPromise != "function" && console.warn("[mathjax-renderer] MathJax on this page has no typesetPromise; math stays untypeset.");
+	});
+}
+function F(e) {
+	let t = globalThis, n = t[f];
+	return n || (n = P(e), t[f] = n), n;
+}
+function I(e = {}) {
+	let t = e.useSingleDollar ?? !1;
+	return async (n) => {
+		if (typeof window > "u") return;
+		let a = i();
+		a && r("mathjax-3-global", `window.MathJax is MathJax ${a}`), w(n);
+		let o = F(e);
+		if (!T(n, t)) {
+			o.catch(() => {});
 			return;
 		}
-		await window.MathJax.typesetPromise([r]), n();
+		await o;
+		let s = v();
+		await s?.startup?.promise, typeof s?.typesetPromise == "function" && (await s.typesetPromise([n]), _(n));
 	};
 }
-var a = null;
-function o() {
-	return a || (a = r({
-		accessibility: !0,
-		useSingleDollar: !0
-	})), a;
+var R = "@pie-lib/math-rendering";
+var z = "@pie-lib/math-rendering@2";
+var B = "pie-print";
+var V = 50;
+var H = 1e4;
+var U = null;
+function W() {
+	return !!window[z]?.opts?.useSingleDollar;
 }
-function s() {
+function G() {
+	return U || (U = I({ useSingleDollar: W() })), U;
+}
+function K() {
 	if (typeof window > "u") return null;
-	let e = window["@pie-lib/math-rendering"];
-	return typeof e?.renderMath == "function" ? e : null;
+	let e = window[R];
+	return typeof e?.renderMath == "function" && e.renderMath !== X ? e : null;
+}
+function q(e) {
+	let t = e;
+	for (; t;) {
+		if (t instanceof Element && t.localName === B) return t;
+		t = t instanceof ShadowRoot ? t.host : t.parentNode;
+	}
+	return null;
+}
+function J() {
+	let e = window.renderMath;
+	return typeof e == "function" ? e : null;
+}
+async function Y(e) {
+	let t = q(e);
+	if (!t) return null;
+	let n = J();
+	if (n || t.mathRenderingModuleUrlImported !== !0) return n;
+	let r = Date.now() + H;
+	for (; Date.now() < r;) {
+		await new Promise((e) => setTimeout(e, V));
+		let e = J();
+		if (e) return e;
+	}
+	return null;
 }
-var c = async (e) => {
+var X = async (e) => {
 	if (typeof window > "u") return;
 	let t = typeof e == "string", n;
 	t ? (n = document.createElement("div"), n.innerHTML = e) : n = e || document.body;
-	let r = s();
-	return r ? await r.renderMath?.(n) : await o()(n), t ? n.innerHTML : void 0;
+	let r = K(), i = r || t ? null : await Y(n);
+	return r ? await r.renderMath?.(n) : i && i !== X ? await i(n) : await G()(n), t ? n.innerHTML : void 0;
 };
 //#endregion
 //#region src/delivery/tile-accessible-name.ts
@@ -35893,7 +36207,12 @@ var defaults_default = {
 		scoringPolicy: {
 			label: "Scoring policy",
 			settings: true
-		}
+		},
+		teacherInstructions: {
+			label: "Teacher Instructions",
+			settings: true
+		},
+		settingsPanelDisabled: false
 	}
 };
 //#endregion
@@ -36037,8 +36356,8 @@ var root_8$1 = /* @__PURE__ */ from_svg(`<circle fill="none" stroke="#1e293b"></
 var root_9$1 = /* @__PURE__ */ from_svg(`<text font-weight="600" fill="#0f172a"> </text>`);
 var root_10$1 = /* @__PURE__ */ from_html(`<div class="region-aria svelte-gkcqor" role="region"></div>`);
 var root_11$1 = /* @__PURE__ */ from_html(`<div class="tile-wrapper svelte-gkcqor"><!></div>`);
-var root_12 = /* @__PURE__ */ from_html(`<div class="venn-diagram svelte-gkcqor"><svg preserveAspectRatio="xMidYMid meet" aria-hidden="true" class="svelte-gkcqor"><defs><mask maskUnits="userSpaceOnUse" x="0" y="0"><rect x="0" y="0" fill="black"></rect><circle fill="white"></circle><circle fill="black"></circle></mask><mask maskUnits="userSpaceOnUse" x="0" y="0"><rect x="0" y="0" fill="black"></rect><circle fill="white"></circle><circle fill="black"></circle></mask><clipPath clipPathUnits="userSpaceOnUse"><circle></circle></clipPath><mask maskUnits="userSpaceOnUse" x="0" y="0"><rect x="0" y="0" fill="white"></rect><circle fill="black"></circle><circle fill="black"></circle></mask></defs><rect fill="#ffffff" stroke="#cbd5e1"></rect><!><!><!><!><!><!><!><line stroke="#cbd5e1"></line></svg> <div class="region-labels svelte-gkcqor" aria-hidden="false"></div> <div class="placed-tiles svelte-gkcqor"></div></div> <!>`, 1);
-var root_13 = /* @__PURE__ */ from_html(`<div class="drag-ghost svelte-gkcqor"><!></div>`);
+var root_12$1 = /* @__PURE__ */ from_html(`<div class="venn-diagram svelte-gkcqor"><svg preserveAspectRatio="xMidYMid meet" aria-hidden="true" class="svelte-gkcqor"><defs><mask maskUnits="userSpaceOnUse" x="0" y="0"><rect x="0" y="0" fill="black"></rect><circle fill="white"></circle><circle fill="black"></circle></mask><mask maskUnits="userSpaceOnUse" x="0" y="0"><rect x="0" y="0" fill="black"></rect><circle fill="white"></circle><circle fill="black"></circle></mask><clipPath clipPathUnits="userSpaceOnUse"><circle></circle></clipPath><mask maskUnits="userSpaceOnUse" x="0" y="0"><rect x="0" y="0" fill="white"></rect><circle fill="black"></circle><circle fill="black"></circle></mask></defs><rect fill="#ffffff" stroke="#cbd5e1"></rect><!><!><!><!><!><!><!><line stroke="#cbd5e1"></line></svg> <div class="region-labels svelte-gkcqor" aria-hidden="false"></div> <div class="placed-tiles svelte-gkcqor"></div></div> <!>`, 1);
+var root_13$1 = /* @__PURE__ */ from_html(`<div class="drag-ghost svelte-gkcqor"><!></div>`);
 var root_14 = /* @__PURE__ */ from_html(`<div class="venn-root svelte-gkcqor"><!> <!> <!> <!> <!> <div class="sr-only svelte-gkcqor" aria-live="polite" aria-atomic="true"></div></div>`);
 var $$css$1 = {
 	hash: "svelte-gkcqor",
@@ -36355,7 +36674,7 @@ function VennClassification($$anchor, $$props) {
 		if (!containerEl) return;
 		const warn = (err) => console.warn("venn-classification: MathJax render failed", err);
 		try {
-			Promise.resolve(c(containerEl)).catch(warn);
+			Promise.resolve(X(containerEl)).catch(warn);
 		} catch (err) {
 			warn(err);
 		}
@@ -36438,7 +36757,7 @@ function VennClassification($$anchor, $$props) {
 		append($$anchor, div_2);
 	};
 	var alternate_1 = ($$anchor) => {
-		var fragment_1 = root_12();
+		var fragment_1 = root_12$1();
 		var div_3 = first_child(fragment_1);
 		let styles;
 		var svg_2 = child(div_3);
@@ -36760,7 +37079,7 @@ function VennClassification($$anchor, $$props) {
 	});
 	var node_17 = sibling(node_4, 2);
 	var consequent_10 = ($$anchor) => {
-		var div_8 = root_13();
+		var div_8 = root_13$1();
 		Tile(child(div_8), {
 			get id() {
 				return get$1(draggedTile).id;
@@ -36802,52 +37121,55 @@ create_custom_element(VennClassification, {
 }, [], []);
 //#endregion
 //#region src/author/Author.svelte
-var root = /* @__PURE__ */ from_html(`<label class="circle-label-row svelte-13ppn6m"><span></span> <input type="text" class="svelte-13ppn6m"/></label>`);
-var root_1 = /* @__PURE__ */ from_html(`<div class="hint svelte-13ppn6m">Add at least one tile; each tile needs a correct region and either a label (text or simple HTML) or an
+var root = /* @__PURE__ */ from_html(`<div class="field-group svelte-13ppn6m"><div class="field-header svelte-13ppn6m"> </div> <!></div>`);
+var root_1 = /* @__PURE__ */ from_html(`<label class="circle-label-row svelte-13ppn6m"><span></span> <input type="text" class="svelte-13ppn6m"/></label>`);
+var root_2 = /* @__PURE__ */ from_html(`<div class="hint svelte-13ppn6m">Add at least one tile; each tile needs a correct region and either a label (text or simple HTML) or an
           image URL plus short alt text.</div>`);
-var root_2 = /* @__PURE__ */ from_html(`<div class="tile-field-full svelte-13ppn6m"><button type="button" class="btn-ghost svelte-13ppn6m">Remove image</button></div>`);
-var root_3 = /* @__PURE__ */ from_html(`<li class="tile-row svelte-13ppn6m"><div class="tile-row-header svelte-13ppn6m"><div class="tile-inputs svelte-13ppn6m"><label class="svelte-13ppn6m"><span>ID</span> <input type="text" class="svelte-13ppn6m"/></label> <label class="label-input svelte-13ppn6m"><span>Label</span> <input type="text" class="svelte-13ppn6m"/></label> <label class="label-input tile-field-full svelte-13ppn6m"><span>Image URL (optional)</span> <input type="text" placeholder="https://… or data:image/…" class="svelte-13ppn6m"/></label> <label class="label-input tile-field-full svelte-13ppn6m"><span>Image alt (required if image URL is set)</span> <input type="text" class="svelte-13ppn6m"/></label> <!></div> <div class="tile-actions svelte-13ppn6m"><button type="button" class="btn-ghost svelte-13ppn6m" aria-label="Move up">↑</button> <button type="button" class="btn-ghost svelte-13ppn6m" aria-label="Move down">↓</button> <button type="button" class="btn-ghost danger svelte-13ppn6m" aria-label="Remove">✕</button></div></div> <div class="tile-region svelte-13ppn6m"><div class="region-header svelte-13ppn6m">Correct region</div> <!></div></li>`);
-var root_4 = /* @__PURE__ */ from_html(`<label class="override-row svelte-13ppn6m"><span class="override-key svelte-13ppn6m"> </span> <input type="text" class="svelte-13ppn6m"/></label>`);
-var root_5 = /* @__PURE__ */ from_html(`<div class="preview-diagram svelte-13ppn6m"><!></div>`);
-var root_6 = /* @__PURE__ */ from_html(`<p class="hint preview-diagram-placeholder svelte-13ppn6m">Add at least one tile to see the diagram.</p>`);
-var root_7 = /* @__PURE__ */ from_html(`<p class="hint preview-diagram-placeholder svelte-13ppn6m">Exactly two circles are required for the preview.</p>`);
-var root_8 = /* @__PURE__ */ from_html(`<img alt="" class="preview-thumb svelte-13ppn6m" aria-hidden="true"/>`);
-var root_9 = /* @__PURE__ */ from_html(`<li class="svelte-13ppn6m"><span class="preview-tile svelte-13ppn6m"><!> </span> <span class="preview-arrow svelte-13ppn6m">→</span> <span class="preview-region svelte-13ppn6m"> </span></li>`);
-var root_10 = /* @__PURE__ */ from_html(`<div class="preview-list-heading svelte-13ppn6m">Correct regions</div> <ol class="preview-list svelte-13ppn6m"></ol>`, 1);
-var root_11 = /* @__PURE__ */ from_html(`<div class="venn-author svelte-13ppn6m"><div class="author-shell svelte-13ppn6m"><div class="editor-column svelte-13ppn6m"><div class="field-group svelte-13ppn6m"><label class="field-header svelte-13ppn6m"><input type="checkbox" class="svelte-13ppn6m"/> <span>Prompt</span></label> <!></div> <div class="field-group svelte-13ppn6m"><div class="field-header svelte-13ppn6m">Circles</div> <p class="hint circle-count-note svelte-13ppn6m">2 circles (4 regions).</p> <div class="circle-labels svelte-13ppn6m"></div></div> <div class="field-group svelte-13ppn6m"><div class="field-header-row svelte-13ppn6m"><span class="field-header svelte-13ppn6m">Tiles</span> <button type="button" class="btn-add svelte-13ppn6m">+ Add tile</button></div> <!> <ul class="tile-list svelte-13ppn6m"></ul></div> <div class="field-group svelte-13ppn6m"><div class="field-header svelte-13ppn6m">Scoring policy</div> <label class="radio-row svelte-13ppn6m"><input type="radio" name="scoring" value="partialPerTile"/> <span>Partial credit per tile</span></label> <label class="radio-row svelte-13ppn6m"><input type="radio" name="scoring" value="allOrNothing"/> <span>All or nothing</span></label></div> <details class="field-group svelte-13ppn6m"><summary class="field-header svelte-13ppn6m">Region labels (advanced)</summary> <p class="hint svelte-13ppn6m">Override the auto-composed region labels that delivery uses for aria-labels and visible region chrome.</p> <!></details></div> <button type="button" class="split-gutter svelte-13ppn6m" role="slider" aria-orientation="vertical" aria-label="Resize editor and preview panels"></button> <div class="preview-column svelte-13ppn6m"><div class="preview-header svelte-13ppn6m">Preview</div> <div class="preview-note svelte-13ppn6m">Live diagram with each tile in its authored <em>correct region</em>. Drag the vertical handle (or use
-      arrow keys when it is focused) to change the editor / preview split.</div> <div class="preview-summary svelte-13ppn6m"><div><strong>Circles:</strong> </div> <div><strong>Scoring:</strong> </div> <div><strong>Tiles:</strong> </div></div> <!> <!></div></div></div>`);
+var root_3 = /* @__PURE__ */ from_html(`<div class="tile-field-full svelte-13ppn6m"><button type="button" class="btn-ghost svelte-13ppn6m">Remove image</button></div>`);
+var root_4 = /* @__PURE__ */ from_html(`<li class="tile-row svelte-13ppn6m"><div class="tile-row-header svelte-13ppn6m"><div class="tile-inputs svelte-13ppn6m"><label class="svelte-13ppn6m"><span>ID</span> <input type="text" class="svelte-13ppn6m"/></label> <label class="label-input svelte-13ppn6m"><span>Label</span> <input type="text" class="svelte-13ppn6m"/></label> <label class="label-input tile-field-full svelte-13ppn6m"><span>Image URL (optional)</span> <input type="text" placeholder="https://… or data:image/…" class="svelte-13ppn6m"/></label> <label class="label-input tile-field-full svelte-13ppn6m"><span>Image alt (required if image URL is set)</span> <input type="text" class="svelte-13ppn6m"/></label> <!></div> <div class="tile-actions svelte-13ppn6m"><button type="button" class="btn-ghost svelte-13ppn6m" aria-label="Move up">↑</button> <button type="button" class="btn-ghost svelte-13ppn6m" aria-label="Move down">↓</button> <button type="button" class="btn-ghost danger svelte-13ppn6m" aria-label="Remove">✕</button></div></div> <div class="tile-region svelte-13ppn6m"><div class="region-header svelte-13ppn6m">Correct region</div> <!></div></li>`);
+var root_5 = /* @__PURE__ */ from_html(`<label class="override-row svelte-13ppn6m"><span class="override-key svelte-13ppn6m"> </span> <input type="text" class="svelte-13ppn6m"/></label>`);
+var root_6 = /* @__PURE__ */ from_html(`<div class="preview-diagram svelte-13ppn6m"><!></div>`);
+var root_7 = /* @__PURE__ */ from_html(`<p class="hint preview-diagram-placeholder svelte-13ppn6m">Add at least one tile to see the diagram.</p>`);
+var root_8 = /* @__PURE__ */ from_html(`<p class="hint preview-diagram-placeholder svelte-13ppn6m">Exactly two circles are required for the preview.</p>`);
+var root_9 = /* @__PURE__ */ from_html(`<img alt="" class="preview-thumb svelte-13ppn6m" aria-hidden="true"/>`);
+var root_10 = /* @__PURE__ */ from_html(`<li class="svelte-13ppn6m"><span class="preview-tile svelte-13ppn6m"><!> </span> <span class="preview-arrow svelte-13ppn6m">→</span> <span class="preview-region svelte-13ppn6m"> </span></li>`);
+var root_11 = /* @__PURE__ */ from_html(`<div class="preview-list-heading svelte-13ppn6m">Correct regions</div> <ol class="preview-list svelte-13ppn6m"></ol>`, 1);
+var root_12 = /* @__PURE__ */ from_html(`<div class="author-shell svelte-13ppn6m"><div class="editor-column svelte-13ppn6m"><!> <!> <div class="field-group svelte-13ppn6m"><div class="field-header svelte-13ppn6m">Circles</div> <p class="hint circle-count-note svelte-13ppn6m">2 circles (4 regions).</p> <div class="circle-labels svelte-13ppn6m"></div></div> <div class="field-group svelte-13ppn6m"><div class="field-header-row svelte-13ppn6m"><span class="field-header svelte-13ppn6m">Tiles</span> <button type="button" class="btn-add svelte-13ppn6m">+ Add tile</button></div> <!> <ul class="tile-list svelte-13ppn6m"></ul></div> <details class="field-group svelte-13ppn6m"><summary class="field-header svelte-13ppn6m">Region labels (advanced)</summary> <p class="hint svelte-13ppn6m">Override the auto-composed region labels that delivery uses for aria-labels and visible region chrome.</p> <!></details></div> <button type="button" class="split-gutter svelte-13ppn6m" role="slider" aria-orientation="vertical" aria-label="Resize editor and preview panels"></button> <div class="preview-column svelte-13ppn6m"><div class="preview-header svelte-13ppn6m">Preview</div> <div class="preview-note svelte-13ppn6m">Live diagram with each tile in its authored <em>correct region</em>. Drag the vertical handle (or use
+      arrow keys when it is focused) to change the editor / preview split.</div> <div class="preview-summary svelte-13ppn6m"><div><strong>Circles:</strong> </div> <div><strong>Scoring:</strong> </div> <div><strong>Tiles:</strong> </div></div> <!> <!></div></div>`);
+var root_13 = /* @__PURE__ */ from_html(`<div class="venn-author svelte-13ppn6m"><!></div>`);
 var $$css = {
 	hash: "svelte-13ppn6m",
-	code: ".venn-author.svelte-13ppn6m {padding:24px;font-family:system-ui, -apple-system, Segoe UI, Roboto, sans-serif;color:#0f172a;box-sizing:border-box;--vc-focus-ring: var(\n      --pie-focus-outline,\n      var(--pie-button-focus-outline, var(--pie-focus-checked-border, #1565c0))\n    );}.author-shell.svelte-13ppn6m {display:flex;flex-direction:row;align-items:stretch;gap:0;width:100%;min-height:min(72vh, 720px);max-height:min(85vh, 960px);box-sizing:border-box;}.editor-column.svelte-13ppn6m {display:flex;flex-direction:column;gap:20px;flex-shrink:0;overflow:auto;min-width:0;}.split-gutter.svelte-13ppn6m {flex:0 0 6px;width:6px;margin:0;padding:0;border:none;border-left:1px solid #cbd5e1;border-right:1px solid #cbd5e1;cursor:col-resize;touch-action:none;background:#e2e8f0;align-self:stretch;}.split-gutter.svelte-13ppn6m:hover,\n  .split-gutter.svelte-13ppn6m:focus-visible {background:#cbd5e1;}.split-gutter.svelte-13ppn6m:focus-visible {outline:2px solid var(--vc-focus-ring, #1565c0);outline-offset:2px;}\n  @media (max-width: 900px) {.author-shell.svelte-13ppn6m {flex-direction:column;min-height:unset;max-height:unset;}.editor-column.svelte-13ppn6m {width:100% !important;flex:none;max-width:none;}.split-gutter.svelte-13ppn6m {display:none;}.preview-column.svelte-13ppn6m {flex:none;width:100%;}\n  }.field-group.svelte-13ppn6m {border:1px solid #e2e8f0;border-radius:8px;padding:16px;background:#ffffff;}.field-header.svelte-13ppn6m,\n  .field-header-row.svelte-13ppn6m {display:flex;align-items:center;justify-content:space-between;font-weight:600;font-size:14px;margin-bottom:12px;color:#0f172a;}.field-header.svelte-13ppn6m input[type='checkbox']:where(.svelte-13ppn6m) {margin-right:8px;}.field-header-row.svelte-13ppn6m {gap:8px;}.btn-add.svelte-13ppn6m {background:#2563eb;color:#ffffff;border:none;padding:6px 10px;border-radius:6px;font-size:12px;cursor:pointer;}.btn-add.svelte-13ppn6m:hover {background:#1d4ed8;}.btn-ghost.svelte-13ppn6m {background:transparent;border:1px solid #cbd5e1;border-radius:4px;padding:2px 8px;cursor:pointer;font-size:13px;}.btn-ghost.svelte-13ppn6m:hover:not(:disabled) {background:#f1f5f9;}.btn-ghost.svelte-13ppn6m:disabled {opacity:0.4;cursor:not-allowed;}.btn-ghost.danger.svelte-13ppn6m {color:#bf0d00;}.circle-labels.svelte-13ppn6m {display:flex;flex-direction:column;gap:8px;}.circle-count-note.svelte-13ppn6m {margin:0 0 4px 0;}.radio-row.svelte-13ppn6m {display:inline-flex;align-items:center;gap:6px;font-size:13px;margin-top:6px;}.circle-label-row.svelte-13ppn6m {display:grid;grid-template-columns:120px minmax(0, 1fr);align-items:center;gap:8px;font-size:13px;}.circle-label-row.svelte-13ppn6m input:where(.svelte-13ppn6m),\n  .tile-inputs.svelte-13ppn6m input:where(.svelte-13ppn6m),\n  .override-row.svelte-13ppn6m input:where(.svelte-13ppn6m) {padding:6px 8px;border:1px solid #cbd5e1;border-radius:4px;font-size:13px;width:100%;box-sizing:border-box;}.tile-list.svelte-13ppn6m {list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px;}.tile-row.svelte-13ppn6m {border:1px solid #e2e8f0;border-radius:6px;padding:10px 12px;background:#f8fafc;}.tile-row-header.svelte-13ppn6m {display:flex;gap:8px;align-items:center;}.tile-inputs.svelte-13ppn6m {flex:1;display:grid;grid-template-columns:140px 1fr;gap:8px;}.tile-inputs.svelte-13ppn6m label:where(.svelte-13ppn6m) {display:flex;flex-direction:column;gap:2px;font-size:12px;color:#475569;}.tile-inputs.svelte-13ppn6m .tile-field-full:where(.svelte-13ppn6m) {grid-column:1 / -1;}.tile-actions.svelte-13ppn6m {display:flex;gap:4px;}.tile-region.svelte-13ppn6m {margin-top:8px;}.region-header.svelte-13ppn6m {font-size:12px;font-weight:600;color:#475569;margin-bottom:6px;}.override-row.svelte-13ppn6m {display:grid;grid-template-columns:100px minmax(0, 1fr);align-items:center;gap:8px;font-size:13px;margin-top:6px;}.override-key.svelte-13ppn6m {font-family:ui-monospace, SFMono-Regular, Menlo, monospace;font-size:12px;color:#64748b;}.hint.svelte-13ppn6m {font-size:12px;color:#64748b;margin:8px 0;}.preview-column.svelte-13ppn6m {flex:1 1 auto;min-width:0;overflow:auto;border:1px solid #e2e8f0;border-radius:8px;padding:16px;background:#ffffff;}.preview-diagram.svelte-13ppn6m {margin:12px 0 16px 0;max-width:100%;overflow-x:auto;}.preview-diagram.svelte-13ppn6m .venn-root {padding-top:8px;}.preview-list-heading.svelte-13ppn6m {font-size:12px;font-weight:600;color:#475569;margin:8px 0 6px 0;}.preview-diagram-placeholder.svelte-13ppn6m {margin:12px 0;}.preview-header.svelte-13ppn6m {font-weight:600;font-size:14px;margin-bottom:8px;}.preview-note.svelte-13ppn6m {font-size:12px;color:#64748b;margin-bottom:12px;}.preview-summary.svelte-13ppn6m {font-size:13px;line-height:1.5;color:#334155;margin-bottom:10px;}.preview-list.svelte-13ppn6m {list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:4px;}.preview-list.svelte-13ppn6m li:where(.svelte-13ppn6m) {display:flex;align-items:center;gap:6px;font-size:13px;}.preview-tile.svelte-13ppn6m {display:inline-flex;align-items:center;gap:6px;background:#eff6ff;border:1px solid #bfdbfe;border-radius:4px;padding:2px 6px;color:#1d4ed8;}.preview-thumb.svelte-13ppn6m {width:22px;height:22px;object-fit:contain;flex-shrink:0;}.preview-arrow.svelte-13ppn6m {color:#94a3b8;}.preview-region.svelte-13ppn6m {color:#0f172a;}"
+	code: ".venn-author.svelte-13ppn6m {padding:24px;font-family:system-ui, -apple-system, Segoe UI, Roboto, sans-serif;color:#0f172a;box-sizing:border-box;--vc-focus-ring: var(\n      --pie-focus-outline,\n      var(--pie-button-focus-outline, var(--pie-focus-checked-border, #1565c0))\n    );}.author-shell.svelte-13ppn6m {display:flex;flex-direction:row;align-items:stretch;gap:0;width:100%;min-height:min(72vh, 720px);max-height:min(85vh, 960px);box-sizing:border-box;}.editor-column.svelte-13ppn6m {display:flex;flex-direction:column;gap:20px;flex-shrink:0;overflow:auto;min-width:0;}.split-gutter.svelte-13ppn6m {flex:0 0 6px;width:6px;margin:0;padding:0;border:none;border-left:1px solid #cbd5e1;border-right:1px solid #cbd5e1;cursor:col-resize;touch-action:none;background:#e2e8f0;align-self:stretch;}.split-gutter.svelte-13ppn6m:hover,\n  .split-gutter.svelte-13ppn6m:focus-visible {background:#cbd5e1;}.split-gutter.svelte-13ppn6m:focus-visible {outline:2px solid var(--vc-focus-ring, #1565c0);outline-offset:2px;}\n  @media (max-width: 900px) {.author-shell.svelte-13ppn6m {flex-direction:column;min-height:unset;max-height:unset;}.editor-column.svelte-13ppn6m {width:100% !important;flex:none;max-width:none;}.split-gutter.svelte-13ppn6m {display:none;}.preview-column.svelte-13ppn6m {flex:none;width:100%;}\n  }.field-group.svelte-13ppn6m {border:1px solid #e2e8f0;border-radius:8px;padding:16px;background:#ffffff;}.field-header.svelte-13ppn6m,\n  .field-header-row.svelte-13ppn6m {display:flex;align-items:center;justify-content:space-between;font-weight:600;font-size:14px;margin-bottom:12px;color:#0f172a;}.field-header-row.svelte-13ppn6m {gap:8px;}.btn-add.svelte-13ppn6m {background:#2563eb;color:#ffffff;border:none;padding:6px 10px;border-radius:6px;font-size:12px;cursor:pointer;}.btn-add.svelte-13ppn6m:hover {background:#1d4ed8;}.btn-ghost.svelte-13ppn6m {background:transparent;border:1px solid #cbd5e1;border-radius:4px;padding:2px 8px;cursor:pointer;font-size:13px;}.btn-ghost.svelte-13ppn6m:hover:not(:disabled) {background:#f1f5f9;}.btn-ghost.svelte-13ppn6m:disabled {opacity:0.4;cursor:not-allowed;}.btn-ghost.danger.svelte-13ppn6m {color:#bf0d00;}.circle-labels.svelte-13ppn6m {display:flex;flex-direction:column;gap:8px;}.circle-count-note.svelte-13ppn6m {margin:0 0 4px 0;}.circle-label-row.svelte-13ppn6m {display:grid;grid-template-columns:120px minmax(0, 1fr);align-items:center;gap:8px;font-size:13px;}.circle-label-row.svelte-13ppn6m input:where(.svelte-13ppn6m),\n  .tile-inputs.svelte-13ppn6m input:where(.svelte-13ppn6m),\n  .override-row.svelte-13ppn6m input:where(.svelte-13ppn6m) {padding:6px 8px;border:1px solid #cbd5e1;border-radius:4px;font-size:13px;width:100%;box-sizing:border-box;}.tile-list.svelte-13ppn6m {list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px;}.tile-row.svelte-13ppn6m {border:1px solid #e2e8f0;border-radius:6px;padding:10px 12px;background:#f8fafc;}.tile-row-header.svelte-13ppn6m {display:flex;gap:8px;align-items:center;}.tile-inputs.svelte-13ppn6m {flex:1;display:grid;grid-template-columns:140px 1fr;gap:8px;}.tile-inputs.svelte-13ppn6m label:where(.svelte-13ppn6m) {display:flex;flex-direction:column;gap:2px;font-size:12px;color:#475569;}.tile-inputs.svelte-13ppn6m .tile-field-full:where(.svelte-13ppn6m) {grid-column:1 / -1;}.tile-actions.svelte-13ppn6m {display:flex;gap:4px;}.tile-region.svelte-13ppn6m {margin-top:8px;}.region-header.svelte-13ppn6m {font-size:12px;font-weight:600;color:#475569;margin-bottom:6px;}.override-row.svelte-13ppn6m {display:grid;grid-template-columns:100px minmax(0, 1fr);align-items:center;gap:8px;font-size:13px;margin-top:6px;}.override-key.svelte-13ppn6m {font-family:ui-monospace, SFMono-Regular, Menlo, monospace;font-size:12px;color:#64748b;}.hint.svelte-13ppn6m {font-size:12px;color:#64748b;margin:8px 0;}.preview-column.svelte-13ppn6m {flex:1 1 auto;min-width:0;overflow:auto;border:1px solid #e2e8f0;border-radius:8px;padding:16px;background:#ffffff;}.preview-diagram.svelte-13ppn6m {margin:12px 0 16px 0;max-width:100%;overflow-x:auto;}.preview-diagram.svelte-13ppn6m .venn-root {padding-top:8px;}.preview-list-heading.svelte-13ppn6m {font-size:12px;font-weight:600;color:#475569;margin:8px 0 6px 0;}.preview-diagram-placeholder.svelte-13ppn6m {margin:12px 0;}.preview-header.svelte-13ppn6m {font-weight:600;font-size:14px;margin-bottom:8px;}.preview-note.svelte-13ppn6m {font-size:12px;color:#64748b;margin-bottom:12px;}.preview-summary.svelte-13ppn6m {font-size:13px;line-height:1.5;color:#334155;margin-bottom:10px;}.preview-list.svelte-13ppn6m {list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:4px;}.preview-list.svelte-13ppn6m li:where(.svelte-13ppn6m) {display:flex;align-items:center;gap:6px;font-size:13px;}.preview-tile.svelte-13ppn6m {display:inline-flex;align-items:center;gap:6px;background:#eff6ff;border:1px solid #bfdbfe;border-radius:4px;padding:2px 6px;color:#1d4ed8;}.preview-thumb.svelte-13ppn6m {width:22px;height:22px;object-fit:contain;flex-shrink:0;}.preview-arrow.svelte-13ppn6m {color:#94a3b8;}.preview-region.svelte-13ppn6m {color:#0f172a;}"
 };
 function Author($$anchor, $$props) {
 	push($$props, true);
 	append_styles$1($$anchor, $$css);
-	let model = prop($$props, "model", 15), onChange = prop($$props, "onChange", 7), onModelChange = prop($$props, "onModelChange", 7);
-	/** The wrapper owns the model and announces the edit; `onChange` serves a component mounted without one. */
+	let model = prop($$props, "model", 7), configuration = prop($$props, "configuration", 7);
+	const config = /* @__PURE__ */ user_derived(() => o$1(defaults_default.configuration, configuration()));
+	const SCORING_POLICY_CHOICES = [{
+		label: "Partial credit per tile",
+		value: "partialPerTile"
+	}, {
+		label: "All or nothing",
+		value: "allOrNothing"
+	}];
+	/**
+	* Keeps the edit as the element's model, so the next edit builds on it,
+	* assigning it through the host: a remount after a detach starts from the
+	* host's property. Announces it as a bubbling `model.updated` for the player
+	* listening at its root.
+	*/
 	function emit(next) {
-		if (onModelChange()) onModelChange()(next);
-		else {
-			model(next);
-			onChange()?.(next);
-		}
+		$$props.$$host.model = next;
+		$$props.$$host.dispatchEvent(new e$3(next));
 	}
 	/**
-	* The model with the fields this form edits filled in. Every other field,
-	* `id` and `element` included, passes through untouched: the player owns those
-	* two, and an edit must not drop what the form does not show.
+	* The model with the controller's defaults filled in. Every other field, `id`
+	* and `element` included, passes through untouched: the player owns those two,
+	* and an edit must not drop what the form does not show.
 	*/
 	function safeModel() {
-		const m = model() || {};
-		return {
-			...m,
-			prompt: m.prompt ?? "",
-			promptEnabled: m.promptEnabled !== false,
-			circles: Array.isArray(m.circles) && m.circles.length > 0 ? m.circles : [{ label: "Set A" }, { label: "Set B" }],
-			tiles: Array.isArray(m.tiles) ? m.tiles : [],
-			regionLabels: m.regionLabels ?? {},
-			scoringPolicy: m.scoringPolicy ?? "partialPerTile"
-		};
+		return createDefaultModel(model() || void 0);
 	}
 	function update(patch) {
 		emit({
@@ -36858,9 +37180,6 @@ function Author($$anchor, $$props) {
 	function onPromptChange(html) {
 		update({ prompt: html });
 	}
-	function setPromptEnabled(enabled) {
-		update({ promptEnabled: enabled });
-	}
 	function setCircleLabel(idx, label) {
 		update({ circles: safeModel().circles.map((c, i) => i === idx ? {
 			...c,
@@ -36931,9 +37250,6 @@ function Author($$anchor, $$props) {
 			correctRegion: normalizeRegion(region)
 		} : t) });
 	}
-	function setScoringPolicy(policy) {
-		update({ scoringPolicy: policy });
-	}
 	function setRegionLabelOverride(key, label) {
 		const next = { ...safeModel().regionLabels || {} };
 		if (label.trim().length === 0) delete next[key];
@@ -37038,278 +37354,321 @@ function Author($$anchor, $$props) {
 			model($$value);
 			flushSync();
 		},
-		get onChange() {
-			return onChange();
-		},
-		set onChange($$value) {
-			onChange($$value);
-			flushSync();
-		},
-		get onModelChange() {
-			return onModelChange();
+		get configuration() {
+			return configuration();
 		},
-		set onModelChange($$value) {
-			onModelChange($$value);
+		set configuration($$value) {
+			configuration($$value);
 			flushSync();
 		}
 	};
-	var div = root_11();
-	var div_1 = child(div);
-	var div_2 = child(div_1);
-	let styles;
-	var div_3 = child(div_2);
-	var label_1 = child(div_3);
-	var input = child(label_1);
-	remove_input_defaults(input);
-	next(2);
-	reset$1(label_1);
-	var node = sibling(label_1, 2);
-	var consequent = ($$anchor) => {
-		{
-			let $0 = /* @__PURE__ */ user_derived(() => get$1(m).prompt || "");
-			EditableHtml($$anchor, {
-				get markup() {
-					return get$1($0);
-				},
-				onChange: onPromptChange,
-				placeholder: "Enter a prompt for the Venn classification question...",
-				ariaLabel: "Prompt"
-			});
-		}
-	};
-	if_block(node, ($$render) => {
-		if (get$1(m).promptEnabled !== false) $$render(consequent);
-	});
-	reset$1(div_3);
-	var div_4 = sibling(div_3, 2);
-	var div_5 = sibling(child(div_4), 4);
-	each(div_5, 21, () => get$1(m).circles, index, ($$anchor, circle, idx) => {
-		var label_2 = root();
-		var span = child(label_2);
-		span.textContent = `Circle ${idx + 1} label`;
-		var input_1 = sibling(span, 2);
-		remove_input_defaults(input_1);
-		reset$1(label_2);
-		template_effect(() => set_value(input_1, get$1(circle).label));
-		delegated("input", input_1, (e) => setCircleLabel(idx, e.currentTarget.value));
-		append($$anchor, label_2);
-	});
-	reset$1(div_5);
-	reset$1(div_4);
-	var div_6 = sibling(div_4, 2);
-	var div_7 = child(div_6);
-	var button = sibling(child(div_7), 2);
-	reset$1(div_7);
-	var node_1 = sibling(div_7, 2);
-	var consequent_1 = ($$anchor) => {
-		append($$anchor, root_1());
-	};
-	if_block(node_1, ($$render) => {
-		if (get$1(m).tiles.length === 0) $$render(consequent_1);
-	});
-	var ul = sibling(node_1, 2);
-	each(ul, 21, () => get$1(m).tiles, index, ($$anchor, tile, idx) => {
-		var li = root_3();
-		var div_9 = child(li);
-		var div_10 = child(div_9);
-		var label_3 = child(div_10);
-		var input_2 = sibling(child(label_3), 2);
-		remove_input_defaults(input_2);
-		reset$1(label_3);
-		var label_4 = sibling(label_3, 2);
-		var input_3 = sibling(child(label_4), 2);
-		remove_input_defaults(input_3);
-		reset$1(label_4);
-		var label_5 = sibling(label_4, 2);
-		var input_4 = sibling(child(label_5), 2);
-		remove_input_defaults(input_4);
-		reset$1(label_5);
-		var label_6 = sibling(label_5, 2);
-		var input_5 = sibling(child(label_6), 2);
-		remove_input_defaults(input_5);
-		reset$1(label_6);
-		var node_2 = sibling(label_6, 2);
-		var consequent_2 = ($$anchor) => {
-			var div_11 = root_2();
-			delegated("click", only_child(div_11), () => clearTileImage(idx));
-			append($$anchor, div_11);
+	var div = root_13();
+	var node = child(div);
+	{
+		const settings = ($$anchor) => {
+			{
+				let $0 = /* @__PURE__ */ user_derived(() => ({
+					Settings: { promptEnabled: get$1(config).prompt?.settings && c$1(get$1(config).prompt.label) },
+					Properties: {
+						teacherInstructionsEnabled: get$1(config).teacherInstructions?.settings && c$1(get$1(config).teacherInstructions.label),
+						scoringPolicy: get$1(config).scoringPolicy?.settings && l$1(get$1(config).scoringPolicy.label, SCORING_POLICY_CHOICES)
+					}
+				}));
+				b$1($$anchor, {
+					get model() {
+						return get$1(m);
+					},
+					get configuration() {
+						return get$1(config);
+					},
+					get groups() {
+						return get$1($0);
+					},
+					onChangeModel: (next) => update(next)
+				});
+			}
 		};
-		var d = /* @__PURE__ */ user_derived(() => (get$1(tile).imageUrl ?? "").trim());
-		if_block(node_2, ($$render) => {
-			if (get$1(d)) $$render(consequent_2);
-		});
-		reset$1(div_10);
-		var div_12 = sibling(div_10, 2);
-		var button_2 = child(div_12);
-		button_2.disabled = idx === 0;
-		var button_3 = sibling(button_2, 2);
-		var button_4 = sibling(button_3, 2);
-		reset$1(div_12);
-		reset$1(div_9);
-		var div_13 = sibling(div_9, 2);
-		RegionPicker(sibling(child(div_13), 2), {
-			get circles() {
-				return get$1(m).circles;
-			},
-			get regionLabels() {
-				return get$1(m).regionLabels;
+		let $0 = /* @__PURE__ */ user_derived(() => get$1(config).settingsPanelDisabled === true || !s$1(get$1(config)));
+		y$1(node, {
+			get hideSettings() {
+				return get$1($0);
 			},
-			get value() {
-				return get$1(tile).correctRegion;
-			},
-			onchange: (region) => setTileRegion(idx, region)
-		});
-		reset$1(div_13);
-		reset$1(li);
-		template_effect(() => {
-			set_value(input_2, get$1(tile).id);
-			set_value(input_3, get$1(tile).label);
-			set_value(input_4, get$1(tile).imageUrl ?? "");
-			set_value(input_5, get$1(tile).imageAlt ?? "");
-			button_3.disabled = idx === get$1(m).tiles.length - 1;
-		});
-		delegated("input", input_2, (e) => setTileId(idx, e.currentTarget.value));
-		delegated("input", input_3, (e) => setTileLabel(idx, e.currentTarget.value));
-		delegated("input", input_4, (e) => setTileImageUrl(idx, e.currentTarget.value));
-		delegated("input", input_5, (e) => setTileImageAlt(idx, e.currentTarget.value));
-		delegated("click", button_2, () => moveTile(idx, -1));
-		delegated("click", button_3, () => moveTile(idx, 1));
-		delegated("click", button_4, () => removeTile(idx));
-		append($$anchor, li);
-	});
-	reset$1(ul);
-	reset$1(div_6);
-	var div_14 = sibling(div_6, 2);
-	var label_7 = sibling(child(div_14), 2);
-	var input_6 = child(label_7);
-	remove_input_defaults(input_6);
-	next(2);
-	reset$1(label_7);
-	var label_8 = sibling(label_7, 2);
-	var input_7 = child(label_8);
-	remove_input_defaults(input_7);
-	next(2);
-	reset$1(label_8);
-	reset$1(div_14);
-	var details = sibling(div_14, 2);
-	each(sibling(child(details), 4), 17, () => get$1(regions), (region) => regionKey(region), ($$anchor, region) => {
-		const key = /* @__PURE__ */ user_derived(() => regionKey(get$1(region)));
-		const placeholder = /* @__PURE__ */ user_derived(() => composeRegionLabel(get$1(m).circles || [], get$1(region)));
-		var label_9 = root_4();
-		var span_1 = child(label_9);
-		var text = only_child(span_1, true);
-		var input_8 = sibling(span_1, 2);
-		remove_input_defaults(input_8);
-		reset$1(label_9);
-		template_effect(() => {
-			set_text(text, get$1(key) || "(outside)");
-			set_attribute(input_8, "placeholder", get$1(placeholder));
-			set_value(input_8, get$1(m).regionLabels?.[get$1(key)] ?? "");
-		});
-		delegated("input", input_8, (e) => setRegionLabelOverride(get$1(key), e.currentTarget.value));
-		append($$anchor, label_9);
-	});
-	reset$1(details);
-	reset$1(div_2);
-	var button_5 = sibling(div_2, 2);
-	set_attribute(button_5, "aria-valuemin", MIN_EDITOR_W);
-	var div_15 = sibling(button_5, 2);
-	var div_16 = sibling(child(div_15), 4);
-	var div_17 = child(div_16);
-	var text_1 = sibling(child(div_17));
-	reset$1(div_17);
-	var div_18 = sibling(div_17, 2);
-	var text_2 = sibling(child(div_18));
-	reset$1(div_18);
-	var div_19 = sibling(div_18, 2);
-	var text_3 = sibling(child(div_19));
-	reset$1(div_19);
-	reset$1(div_16);
-	var node_5 = sibling(div_16, 2);
-	var consequent_3 = ($$anchor) => {
-		var div_20 = root_5();
-		VennClassification(child(div_20), {
-			get model() {
-				return get$1(previewModel);
+			settings,
+			children: ($$anchor, $$slotProps) => {
+				var div_1 = root_12();
+				var div_2 = child(div_1);
+				let styles;
+				var node_1 = child(div_2);
+				var consequent = ($$anchor) => {
+					var div_3 = root();
+					var div_4 = child(div_3);
+					var text = only_child(div_4, true);
+					var node_2 = sibling(div_4, 2);
+					{
+						let $0 = /* @__PURE__ */ user_derived(() => get$1(m).teacherInstructions || "");
+						let $1 = /* @__PURE__ */ user_derived(() => get$1(config).teacherInstructions?.label);
+						EditableHtml(node_2, {
+							get markup() {
+								return get$1($0);
+							},
+							onChange: (html) => update({ teacherInstructions: html }),
+							get ariaLabel() {
+								return get$1($1);
+							}
+						});
+					}
+					reset$1(div_3);
+					template_effect(() => set_text(text, get$1(config).teacherInstructions?.label));
+					append($$anchor, div_3);
+				};
+				if_block(node_1, ($$render) => {
+					if (get$1(m).teacherInstructionsEnabled !== false) $$render(consequent);
+				});
+				var node_3 = sibling(node_1, 2);
+				var consequent_1 = ($$anchor) => {
+					var div_5 = root();
+					var div_6 = child(div_5);
+					var text_1 = only_child(div_6, true);
+					var node_4 = sibling(div_6, 2);
+					{
+						let $0 = /* @__PURE__ */ user_derived(() => get$1(m).prompt || "");
+						let $1 = /* @__PURE__ */ user_derived(() => get$1(config).prompt?.label);
+						EditableHtml(node_4, {
+							get markup() {
+								return get$1($0);
+							},
+							onChange: onPromptChange,
+							placeholder: "Enter a prompt for the Venn classification question...",
+							get ariaLabel() {
+								return get$1($1);
+							}
+						});
+					}
+					reset$1(div_5);
+					template_effect(() => set_text(text_1, get$1(config).prompt?.label));
+					append($$anchor, div_5);
+				};
+				if_block(node_3, ($$render) => {
+					if (get$1(m).promptEnabled !== false) $$render(consequent_1);
+				});
+				var div_7 = sibling(node_3, 2);
+				var div_8 = sibling(child(div_7), 4);
+				each(div_8, 21, () => get$1(m).circles, index, ($$anchor, circle, idx) => {
+					var label_1 = root_1();
+					var span = child(label_1);
+					span.textContent = `Circle ${idx + 1} label`;
+					var input = sibling(span, 2);
+					remove_input_defaults(input);
+					reset$1(label_1);
+					template_effect(() => set_value(input, get$1(circle).label));
+					delegated("input", input, (e) => setCircleLabel(idx, e.currentTarget.value));
+					append($$anchor, label_1);
+				});
+				reset$1(div_8);
+				reset$1(div_7);
+				var div_9 = sibling(div_7, 2);
+				var div_10 = child(div_9);
+				var button = sibling(child(div_10), 2);
+				reset$1(div_10);
+				var node_5 = sibling(div_10, 2);
+				var consequent_2 = ($$anchor) => {
+					append($$anchor, root_2());
+				};
+				if_block(node_5, ($$render) => {
+					if (get$1(m).tiles.length === 0) $$render(consequent_2);
+				});
+				var ul = sibling(node_5, 2);
+				each(ul, 21, () => get$1(m).tiles, index, ($$anchor, tile, idx) => {
+					var li = root_4();
+					var div_12 = child(li);
+					var div_13 = child(div_12);
+					var label_2 = child(div_13);
+					var input_1 = sibling(child(label_2), 2);
+					remove_input_defaults(input_1);
+					reset$1(label_2);
+					var label_3 = sibling(label_2, 2);
+					var input_2 = sibling(child(label_3), 2);
+					remove_input_defaults(input_2);
+					reset$1(label_3);
+					var label_4 = sibling(label_3, 2);
+					var input_3 = sibling(child(label_4), 2);
+					remove_input_defaults(input_3);
+					reset$1(label_4);
+					var label_5 = sibling(label_4, 2);
+					var input_4 = sibling(child(label_5), 2);
+					remove_input_defaults(input_4);
+					reset$1(label_5);
+					var node_6 = sibling(label_5, 2);
+					var consequent_3 = ($$anchor) => {
+						var div_14 = root_3();
+						delegated("click", only_child(div_14), () => clearTileImage(idx));
+						append($$anchor, div_14);
+					};
+					var d = /* @__PURE__ */ user_derived(() => (get$1(tile).imageUrl ?? "").trim());
+					if_block(node_6, ($$render) => {
+						if (get$1(d)) $$render(consequent_3);
+					});
+					reset$1(div_13);
+					var div_15 = sibling(div_13, 2);
+					var button_2 = child(div_15);
+					button_2.disabled = idx === 0;
+					var button_3 = sibling(button_2, 2);
+					var button_4 = sibling(button_3, 2);
+					reset$1(div_15);
+					reset$1(div_12);
+					var div_16 = sibling(div_12, 2);
+					RegionPicker(sibling(child(div_16), 2), {
+						get circles() {
+							return get$1(m).circles;
+						},
+						get regionLabels() {
+							return get$1(m).regionLabels;
+						},
+						get value() {
+							return get$1(tile).correctRegion;
+						},
+						onchange: (region) => setTileRegion(idx, region)
+					});
+					reset$1(div_16);
+					reset$1(li);
+					template_effect(() => {
+						set_value(input_1, get$1(tile).id);
+						set_value(input_2, get$1(tile).label);
+						set_value(input_3, get$1(tile).imageUrl ?? "");
+						set_value(input_4, get$1(tile).imageAlt ?? "");
+						button_3.disabled = idx === get$1(m).tiles.length - 1;
+					});
+					delegated("input", input_1, (e) => setTileId(idx, e.currentTarget.value));
+					delegated("input", input_2, (e) => setTileLabel(idx, e.currentTarget.value));
+					delegated("input", input_3, (e) => setTileImageUrl(idx, e.currentTarget.value));
+					delegated("input", input_4, (e) => setTileImageAlt(idx, e.currentTarget.value));
+					delegated("click", button_2, () => moveTile(idx, -1));
+					delegated("click", button_3, () => moveTile(idx, 1));
+					delegated("click", button_4, () => removeTile(idx));
+					append($$anchor, li);
+				});
+				reset$1(ul);
+				reset$1(div_9);
+				var details = sibling(div_9, 2);
+				each(sibling(child(details), 4), 17, () => get$1(regions), (region) => regionKey(region), ($$anchor, region) => {
+					const key = /* @__PURE__ */ user_derived(() => regionKey(get$1(region)));
+					const placeholder = /* @__PURE__ */ user_derived(() => composeRegionLabel(get$1(m).circles || [], get$1(region)));
+					var label_6 = root_5();
+					var span_1 = child(label_6);
+					var text_2 = only_child(span_1, true);
+					var input_5 = sibling(span_1, 2);
+					remove_input_defaults(input_5);
+					reset$1(label_6);
+					template_effect(() => {
+						set_text(text_2, get$1(key) || "(outside)");
+						set_attribute(input_5, "placeholder", get$1(placeholder));
+						set_value(input_5, get$1(m).regionLabels?.[get$1(key)] ?? "");
+					});
+					delegated("input", input_5, (e) => setRegionLabelOverride(get$1(key), e.currentTarget.value));
+					append($$anchor, label_6);
+				});
+				reset$1(details);
+				reset$1(div_2);
+				var button_5 = sibling(div_2, 2);
+				set_attribute(button_5, "aria-valuemin", MIN_EDITOR_W);
+				var div_17 = sibling(button_5, 2);
+				var div_18 = sibling(child(div_17), 4);
+				var div_19 = child(div_18);
+				var text_3 = sibling(child(div_19));
+				reset$1(div_19);
+				var div_20 = sibling(div_19, 2);
+				var text_4 = sibling(child(div_20));
+				reset$1(div_20);
+				var div_21 = sibling(div_20, 2);
+				var text_5 = sibling(child(div_21));
+				reset$1(div_21);
+				reset$1(div_18);
+				var node_9 = sibling(div_18, 2);
+				var consequent_4 = ($$anchor) => {
+					var div_22 = root_6();
+					VennClassification(child(div_22), {
+						get model() {
+							return get$1(previewModel);
+						},
+						get session() {
+							return get$1(previewSession);
+						}
+					});
+					reset$1(div_22);
+					append($$anchor, div_22);
+				};
+				var consequent_5 = ($$anchor) => {
+					append($$anchor, root_7());
+				};
+				var alternate = ($$anchor) => {
+					append($$anchor, root_8());
+				};
+				if_block(node_9, ($$render) => {
+					if (get$1(m).tiles.length > 0 && get$1(m).circles?.length === 2) $$render(consequent_4);
+					else if (get$1(m).tiles.length === 0) $$render(consequent_5, 1);
+					else $$render(alternate, -1);
+				});
+				var node_11 = sibling(node_9, 2);
+				var consequent_7 = ($$anchor) => {
+					var fragment_1 = root_11();
+					var ol = sibling(first_child(fragment_1), 2);
+					each(ol, 21, () => get$1(m).tiles, index, ($$anchor, tile) => {
+						var li_1 = root_10();
+						var span_2 = child(li_1);
+						var node_12 = child(span_2);
+						var consequent_6 = ($$anchor) => {
+							var img = root_9();
+							template_effect(() => set_attribute(img, "src", get$1(tile).imageUrl));
+							append($$anchor, img);
+						};
+						var d_1 = /* @__PURE__ */ user_derived(() => (get$1(tile).imageUrl ?? "").trim());
+						if_block(node_12, ($$render) => {
+							if (get$1(d_1)) $$render(consequent_6);
+						});
+						var text_6 = sibling(node_12);
+						reset$1(span_2);
+						var text_7 = only_child(sibling(span_2, 4), true);
+						reset$1(li_1);
+						template_effect(($0, $1) => {
+							set_text(text_6, ` ${$0 ?? ""}`);
+							set_text(text_7, $1);
+						}, [() => stripHtml(get$1(tile).label) || (get$1(tile).imageAlt ?? "").trim() || get$1(tile).id, () => getRegionLabel(get$1(m), get$1(tile).correctRegion)]);
+						append($$anchor, li_1);
+					});
+					reset$1(ol);
+					append($$anchor, fragment_1);
+				};
+				if_block(node_11, ($$render) => {
+					if (get$1(m).tiles.length > 0) $$render(consequent_7);
+				});
+				reset$1(div_17);
+				reset$1(div_1);
+				bind_this(div_1, ($$value) => set(authorShellEl, $$value), () => get$1(authorShellEl));
+				template_effect(($0, $1) => {
+					styles = set_style(div_2, "", styles, { width: get$1(editorColumnWidth) });
+					set_attribute(button_5, "aria-valuemax", get$1(shellWidth) > 0 ? get$1(shellWidth) - MIN_PREVIEW_W - SPLITTER_W : 360);
+					set_attribute(button_5, "aria-valuenow", $0);
+					set_text(text_3, ` ${$1 ?? ""}`);
+					set_text(text_4, ` ${get$1(m).scoringPolicy === "allOrNothing" ? "All or nothing" : "Partial per tile"}`);
+					set_text(text_5, ` ${get$1(m).tiles.length ?? ""}`);
+				}, [() => get$1(editorWidthPx) ?? (get$1(shellWidth) > 0 ? Math.floor((get$1(shellWidth) - SPLITTER_W) / 2) : MIN_EDITOR_W), () => get$1(m).circles.map((c) => c.label).join(", ")]);
+				delegated("click", button, addTile);
+				delegated("pointerdown", button_5, onSplitPointerDown);
+				delegated("keydown", button_5, onSplitKeyDown);
+				bind_element_size(div_1, "clientWidth", ($$value) => set(shellWidth, $$value));
+				append($$anchor, div_1);
 			},
-			get session() {
-				return get$1(previewSession);
+			$$slots: {
+				settings: true,
+				default: true
 			}
 		});
-		reset$1(div_20);
-		append($$anchor, div_20);
-	};
-	var consequent_4 = ($$anchor) => {
-		append($$anchor, root_6());
-	};
-	var alternate = ($$anchor) => {
-		append($$anchor, root_7());
-	};
-	if_block(node_5, ($$render) => {
-		if (get$1(m).tiles.length > 0 && get$1(m).circles?.length === 2) $$render(consequent_3);
-		else if (get$1(m).tiles.length === 0) $$render(consequent_4, 1);
-		else $$render(alternate, -1);
-	});
-	var node_7 = sibling(node_5, 2);
-	var consequent_6 = ($$anchor) => {
-		var fragment_1 = root_10();
-		var ol = sibling(first_child(fragment_1), 2);
-		each(ol, 21, () => get$1(m).tiles, index, ($$anchor, tile) => {
-			var li_1 = root_9();
-			var span_2 = child(li_1);
-			var node_8 = child(span_2);
-			var consequent_5 = ($$anchor) => {
-				var img = root_8();
-				template_effect(() => set_attribute(img, "src", get$1(tile).imageUrl));
-				append($$anchor, img);
-			};
-			var d_1 = /* @__PURE__ */ user_derived(() => (get$1(tile).imageUrl ?? "").trim());
-			if_block(node_8, ($$render) => {
-				if (get$1(d_1)) $$render(consequent_5);
-			});
-			var text_4 = sibling(node_8);
-			reset$1(span_2);
-			var text_5 = only_child(sibling(span_2, 4), true);
-			reset$1(li_1);
-			template_effect(($0, $1) => {
-				set_text(text_4, ` ${$0 ?? ""}`);
-				set_text(text_5, $1);
-			}, [() => stripHtml(get$1(tile).label) || (get$1(tile).imageAlt ?? "").trim() || get$1(tile).id, () => getRegionLabel(get$1(m), get$1(tile).correctRegion)]);
-			append($$anchor, li_1);
-		});
-		reset$1(ol);
-		append($$anchor, fragment_1);
-	};
-	if_block(node_7, ($$render) => {
-		if (get$1(m).tiles.length > 0) $$render(consequent_6);
-	});
-	reset$1(div_15);
-	reset$1(div_1);
-	bind_this(div_1, ($$value) => set(authorShellEl, $$value), () => get$1(authorShellEl));
+	}
 	reset$1(div);
-	template_effect(($0, $1) => {
-		styles = set_style(div_2, "", styles, { width: get$1(editorColumnWidth) });
-		set_checked(input, get$1(m).promptEnabled !== false);
-		set_checked(input_6, get$1(m).scoringPolicy !== "allOrNothing");
-		set_checked(input_7, get$1(m).scoringPolicy === "allOrNothing");
-		set_attribute(button_5, "aria-valuemax", get$1(shellWidth) > 0 ? get$1(shellWidth) - MIN_PREVIEW_W - SPLITTER_W : 360);
-		set_attribute(button_5, "aria-valuenow", $0);
-		set_text(text_1, ` ${$1 ?? ""}`);
-		set_text(text_2, ` ${get$1(m).scoringPolicy === "allOrNothing" ? "All or nothing" : "Partial per tile"}`);
-		set_text(text_3, ` ${get$1(m).tiles.length ?? ""}`);
-	}, [() => get$1(editorWidthPx) ?? (get$1(shellWidth) > 0 ? Math.floor((get$1(shellWidth) - SPLITTER_W) / 2) : MIN_EDITOR_W), () => get$1(m).circles.map((c) => c.label).join(", ")]);
-	delegated("change", input, (e) => setPromptEnabled(e.currentTarget.checked));
-	delegated("click", button, addTile);
-	delegated("change", input_6, () => setScoringPolicy("partialPerTile"));
-	delegated("change", input_7, () => setScoringPolicy("allOrNothing"));
-	delegated("pointerdown", button_5, onSplitPointerDown);
-	delegated("keydown", button_5, onSplitKeyDown);
-	bind_element_size(div_1, "clientWidth", ($$value) => set(shellWidth, $$value));
 	append($$anchor, div);
 	return pop($$exports);
 }
 delegate([
-	"change",
 	"input",
 	"click",
 	"pointerdown",
@@ -37317,45 +37676,12 @@ delegate([
 ]);
 create_custom_element(Author, {
 	model: { type: "Object" },
-	onModelChange: {},
-	onChange: {}
+	configuration: { type: "Object" }
 }, [], []);
 //#endregion
 //#region src/author/index.ts
-var SvelteElementClass = Author.element;
-var VennClassificationAuthor = class extends SvelteElementClass {
-	/**
-	* The component reports each edit through its `onModelChange` prop, assigned
-	* here through the accessor Svelte generates for it. The host keeps the
-	* edited model, renders from it, and announces it as `model.updated`, which
-	* bubbles to the listener an authoring player registers at its root.
-	*/
-	constructor() {
-		super();
-		_defineProperty(this, "_model", null);
-		_defineProperty(this, "_onChange", null);
-		this.onModelChange = (update) => {
-			this._model = update;
-			super.model = update;
-			this._onChange?.(update);
-			this.dispatchEvent(new e$3(update, false));
-		};
-	}
-	set model(m) {
-		this._model = m;
-		super.model = m;
-	}
-	get model() {
-		return this._model;
-	}
-	set onChange(fn) {
-		this._onChange = fn;
-	}
-	get onChange() {
-		return this._onChange || (() => {});
-	}
-};
+var author_default = Author.element;
 //#endregion
-export { VennClassificationAuthor as default };
+export { author_default as default };
 
 //# sourceMappingURL=index.js.map