@wyxos/vibe 3.1.23 → 3.1.26

package/lib/index.js

@@ -1,12 +1,12 @@
-import { Comment as e, Fragment as t, Text as n, Transition as r, computed as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createSlots as l, createVNode as u, defineComponent as d, getCurrentScope as f, guardReactiveProps as p, h as m, isVNode as h, mergeProps as g, nextTick as _, normalizeClass as v, normalizeProps as y, normalizeStyle as b, onBeforeUnmount as x, onMounted as S, onScopeDispose as C, openBlock as w, reactive as T, readonly as E, ref as D, renderList as O, renderSlot as k, resolveDynamicComponent as A, toDisplayString as j, toRef as M, unref as N, useAttrs as P, useSlots as F, vShow as I, watch as L, watchEffect as R, withCtx as z, withDirectives as ee, withModifiers as te } from "vue";
+import { Comment as e, Fragment as t, Text as n, Transition as r, computed as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createSlots as l, createVNode as u, defineComponent as d, getCurrentScope as f, guardReactiveProps as p, h as m, isVNode as h, mergeProps as g, nextTick as _, normalizeClass as v, normalizeProps as y, normalizeStyle as b, onBeforeUnmount as x, onMounted as S, onScopeDispose as C, openBlock as w, reactive as T, readonly as E, ref as D, renderList as O, renderSlot as k, resolveDynamicComponent as A, shallowRef as j, toDisplayString as M, toRef as N, triggerRef as P, unref as F, useAttrs as I, useSlots as L, vShow as R, watch as z, watchEffect as ee, withCtx as B, withDirectives as V, withModifiers as H } from "vue";
 //#region node_modules/lucide-vue-next/dist/esm/shared/src/utils/hasA11yProp.js
-var B = (e) => {
+var U = (e) => {
 	for (let t in e) if (t.startsWith("aria-") || t === "role" || t === "title") return !0;
 	return !1;
-}, V = (e) => e === "", H = (...e) => e.filter((e, t, n) => !!e && e.trim() !== "" && n.indexOf(e) === t).join(" ").trim(), U = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), W = (e) => e.replace(/^([A-Z])|[\s-_]+(\w)/g, (e, t, n) => n ? n.toUpperCase() : t.toLowerCase()), ne = (e) => {
-	let t = W(e);
+}, te = (e) => e === "", W = (...e) => e.filter((e, t, n) => !!e && e.trim() !== "" && n.indexOf(e) === t).join(" ").trim(), G = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), K = (e) => e.replace(/^([A-Z])|[\s-_]+(\w)/g, (e, t, n) => n ? n.toUpperCase() : t.toLowerCase()), q = (e) => {
+	let t = K(e);
 	return t.charAt(0).toUpperCase() + t.slice(1);
-}, G = {
+}, J = {
 	xmlns: "http://www.w3.org/2000/svg",
 	width: 24,
 	height: 24,
@@ -16,27 +16,27 @@ var B = (e) => {
 	"stroke-width": 2,
 	"stroke-linecap": "round",
 	"stroke-linejoin": "round"
-}, K = ({ name: e, iconNode: t, absoluteStrokeWidth: n, "absolute-stroke-width": r, strokeWidth: i, "stroke-width": a, size: o = G.width, color: s = G.stroke, ...c }, { slots: l }) => m("svg", {
-	...G,
+}, ne = ({ name: e, iconNode: t, absoluteStrokeWidth: n, "absolute-stroke-width": r, strokeWidth: i, "stroke-width": a, size: o = J.width, color: s = J.stroke, ...c }, { slots: l }) => m("svg", {
+	...J,
 	...c,
 	width: o,
 	height: o,
 	stroke: s,
-	"stroke-width": V(n) || V(r) || n === !0 || r === !0 ? Number(i || a || G["stroke-width"]) * 24 / Number(o) : i || a || G["stroke-width"],
-	class: H("lucide", c.class, ...e ? [`lucide-${U(ne(e))}-icon`, `lucide-${U(e)}`] : ["lucide-icon"]),
-	...!l.default && !B(c) && { "aria-hidden": "true" }
-}, [...t.map((e) => m(...e)), ...l.default ? [l.default()] : []]), q = (e, t) => (n, { slots: r, attrs: i }) => m(K, {
+	"stroke-width": te(n) || te(r) || n === !0 || r === !0 ? Number(i || a || J["stroke-width"]) * 24 / Number(o) : i || a || J["stroke-width"],
+	class: W("lucide", c.class, ...e ? [`lucide-${G(q(e))}-icon`, `lucide-${G(e)}`] : ["lucide-icon"]),
+	...!l.default && !U(c) && { "aria-hidden": "true" }
+}, [...t.map((e) => m(...e)), ...l.default ? [l.default()] : []]), Y = (e, t) => (n, { slots: r, attrs: i }) => m(ne, {
 	...i,
 	...n,
 	iconNode: t,
 	name: e
-}, r), J = q("arrow-left", [["path", {
+}, r), X = Y("arrow-left", [["path", {
 	d: "m12 19-7-7 7-7",
 	key: "1l729n"
 }], ["path", {
 	d: "M19 12H5",
 	key: "x3x0zl"
-}]]), Y = q("audio-lines", [
+}]]), re = Y("audio-lines", [
 	["path", {
 		d: "M2 10v3",
 		key: "1fnikh"
@@ -61,7 +61,7 @@ var B = (e) => {
 		d: "M22 10v3",
 		key: "154ddg"
 	}]
-]), re = q("clapperboard", [
+]), ie = Y("clapperboard", [
 	["path", {
 		d: "m12.296 3.464 3.02 3.956",
 		key: "qash78"
@@ -78,13 +78,13 @@ var B = (e) => {
 		d: "m6.18 5.276 3.1 3.899",
 		key: "zjj9t3"
 	}]
-]), ie = q("file", [["path", {
+]), ae = Y("file", [["path", {
 	d: "M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z",
 	key: "1oefj6"
 }], ["path", {
 	d: "M14 2v5a1 1 0 0 0 1 1h5",
 	key: "wfsgrz"
-}]]), ae = q("image-plus", [
+}]]), Z = Y("image-plus", [
 	["path", {
 		d: "M16 5h6",
 		key: "1vod17"
@@ -107,10 +107,10 @@ var B = (e) => {
 		r: "2",
 		key: "af1f0g"
 	}]
-]), oe = q("loader-circle", [["path", {
+]), oe = Y("loader-circle", [["path", {
 	d: "M21 12a9 9 0 1 1-6.219-8.56",
 	key: "13zald"
-}]]), se = q("pause", [["rect", {
+}]]), se = Y("pause", [["rect", {
 	x: "14",
 	y: "3",
 	width: "5",
@@ -124,10 +124,10 @@ var B = (e) => {
 	height: "18",
 	rx: "1",
 	key: "1wsw3u"
-}]]), ce = q("play", [["path", {
+}]]), ce = Y("play", [["path", {
 	d: "M5 5a2 2 0 0 1 3.008-1.728l11.997 6.998a2 2 0 0 1 .003 3.458l-12 7A2 2 0 0 1 5 19z",
 	key: "10ikf1"
-}]]), le = q("triangle-alert", [
+}]]), le = Y("triangle-alert", [
 	["path", {
 		d: "m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3",
 		key: "wmoenq"
@@ -140,13 +140,13 @@ var B = (e) => {
 		d: "M12 17h.01",
 		key: "p32p05"
 	}]
-]), ue = q("volume-1", [["path", {
+]), ue = Y("volume-1", [["path", {
 	d: "M11 4.702a.705.705 0 0 0-1.203-.498L6.413 7.587A1.4 1.4 0 0 1 5.416 8H3a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h2.416a1.4 1.4 0 0 1 .997.413l3.383 3.384A.705.705 0 0 0 11 19.298z",
 	key: "uqj9uw"
 }], ["path", {
 	d: "M16 9a5 5 0 0 1 0 6",
 	key: "1q6k2b"
-}]]), X = q("volume-2", [
+}]]), de = Y("volume-2", [
 	["path", {
 		d: "M11 4.702a.705.705 0 0 0-1.203-.498L6.413 7.587A1.4 1.4 0 0 1 5.416 8H3a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h2.416a1.4 1.4 0 0 1 .997.413l3.383 3.384A.705.705 0 0 0 11 19.298z",
 		key: "uqj9uw"
@@ -159,7 +159,7 @@ var B = (e) => {
 		d: "M19.364 18.364a9 9 0 0 0 0-12.728",
 		key: "ijwkga"
 	}]
-]), de = q("volume-x", [
+]), fe = Y("volume-x", [
 	["path", {
 		d: "M11 4.702a.705.705 0 0 0-1.203-.498L6.413 7.587A1.4 1.4 0 0 1 5.416 8H3a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h2.416a1.4 1.4 0 0 1 .997.413l3.383 3.384A.705.705 0 0 0 11 19.298z",
 		key: "uqj9uw"
@@ -179,13 +179,13 @@ var B = (e) => {
 		key: "5ykzw1"
 	}]
 ]);
-function fe(e, t = 150) {
-	return me(e, (e) => `${e.surface}|${e.occurrenceKey}|${e.url}|${e.kind}`, t);
-}
 function pe(e, t = 150) {
-	return me(e, (e) => `${e.surface}|${e.occurrenceKey}|${e.url}`, t);
+	return he(e, (e) => `${e.surface}|${e.occurrenceKey}|${e.url}|${e.kind}`, t);
+}
+function me(e, t = 150) {
+	return he(e, (e) => `${e.surface}|${e.occurrenceKey}|${e.url}`, t);
 }
-function me(e, t, n) {
+function he(e, t, n) {
 	let r = [], i = /* @__PURE__ */ new Set(), a = null;
 	function o(e) {
 		let o = t(e);
@@ -209,69 +209,69 @@ function me(e, t, n) {
 }
 //#endregion
 //#region src/components/viewer-core/dom.ts
-function he(e) {
+function ge(e) {
 	return e instanceof HTMLElement && [
 		"INPUT",
 		"TEXTAREA",
 		"SELECT"
 	].includes(e.tagName);
 }
-function ge(e) {
+function Q(e) {
 	return e instanceof HTMLElement && !!e.closest("[data-swipe-lock], input, textarea, select, a");
 }
 function _e(e) {
 	return e === "filling" || e === "initializing" || e === "loading" || e === "refreshing";
 }
-function Z(e) {
+function ve(e) {
 	return !e || !Number.isFinite(e) || e < 1 ? 25 : Math.floor(e);
 }
-function ve(e) {
+function ye(e) {
 	return e ?? "__vibe_initial_cursor__";
 }
-function ye(e, t, n) {
+function be(e, t, n) {
 	return Math.min(Math.max(e, t), n);
 }
 //#endregion
 //#region src/components/viewer-core/itemIdentity.ts
-var be = "__vibeOccurrenceKey";
-function Q(e) {
-	let t = e[be];
+var xe = "__vibeOccurrenceKey";
+function $(e) {
+	let t = e[xe];
 	return typeof t == "string" && t.length > 0 ? t : e.id;
 }
-function xe(e, t, n) {
+function Se(e, t, n) {
 	let r = /* @__PURE__ */ new Map(), i = [], a = n;
 	for (let e of t) {
-		let t = r.get(e.id), n = Q(e);
+		let t = r.get(e.id), n = $(e);
 		t ? t.push(n) : r.set(e.id, [n]);
 	}
 	for (let t of e) {
 		let e = r.get(t.id)?.shift() ?? `vibe-occurrence-${a += 1}`;
-		i.push(Se(t, e));
+		i.push(Ce(t, e));
 	}
 	return {
 		items: i,
 		nextSequence: a
 	};
 }
-function Se(e, t) {
-	return Q(e) === t ? e : {
+function Ce(e, t) {
+	return $(e) === t ? e : {
 		...e,
-		[be]: t
+		[xe]: t
 	};
 }
 //#endregion
 //#region src/components/viewer-core/removalState.ts
-function $() {
+function we() {
 	let e = D(/* @__PURE__ */ new Set()), t = D([]);
 	function n(n) {
-		let r = Ce(n).filter((t) => !e.value.has(t));
+		let r = Te(n).filter((t) => !e.value.has(t));
 		if (!r.length) return { ids: [] };
 		let i = new Set(e.value);
 		for (let e of r) i.add(e);
 		return e.value = i, t.value = [...t.value, r], { ids: r };
 	}
 	function r(t) {
-		let n = Ce(t).filter((t) => e.value.has(t));
+		let n = Te(t).filter((t) => e.value.has(t));
 		if (!n.length) return { ids: [] };
 		let r = new Set(e.value);
 		for (let e of n) r.delete(e);
@@ -302,46 +302,46 @@ function $() {
 		undo: i
 	};
 }
-function Ce(e) {
+function Te(e) {
 	let t = Array.isArray(e) ? e : [e];
 	return Array.from(new Set(t.filter((e) => typeof e == "string" && e.length > 0)));
 }
 //#endregion
 //#region src/components/viewer-core/autoBuckets.ts
-function we(e) {
+function Ee(e) {
 	return e.flatMap((e) => e.items);
 }
-function Te(e, t) {
+function De(e, t) {
 	return t.size ? e.filter((e) => !t.has(e.id)) : e;
 }
-function Ee(e, t) {
-	return Te(e.items, t);
+function Oe(e, t) {
+	return De(e.items, t);
 }
-function De(e, t) {
-	return Ee(e, t).length;
+function ke(e, t) {
+	return Oe(e, t).length;
 }
-function Oe(e, t, n) {
+function Ae(e, t, n) {
 	if (n < 0) return null;
 	let r = 0;
 	for (let i of e) {
-		let e = Ee(i, t), a = r + e.length;
+		let e = Oe(i, t), a = r + e.length;
 		if (n < a) return i.cursor;
 		r = a;
 	}
 	return null;
 }
-function ke(e, t, n) {
+function je(e, t, n) {
 	let r = [...e], i = r.findIndex((e) => e.cursor === t);
 	return i >= 0 && r.splice(i, 1, n), r;
 }
-function Ae(e, t, n) {
-	let r = xe(e, t, n);
+function Me(e, t, n) {
+	let r = Se(e, t, n);
 	return {
 		items: r.items,
 		nextSequence: r.nextSequence
 	};
 }
-function je(e, t, n) {
+function Ne(e, t, n) {
 	let r = /* @__PURE__ */ new Map(), i = e.map((e) => ({
 		item: e,
 		matchIndex: null,
@@ -350,7 +350,7 @@ function je(e, t, n) {
 	for (let [e, n] of t.entries()) {
 		let t = r.get(n.id), i = {
 			index: e,
-			occurrenceKey: Q(n)
+			occurrenceKey: $(n)
 		};
 		t ? t.push(i) : r.set(n.id, [i]);
 	}
@@ -360,10 +360,10 @@ function je(e, t, n) {
 	}
 	for (let e of i) {
 		if (e.matchIndex !== null && e.occurrenceKey) {
-			a.set(e.matchIndex, Me(e.item, e.occurrenceKey));
+			a.set(e.matchIndex, Pe(e.item, e.occurrenceKey));
 			continue;
 		}
-		let t = Me(e.item, `vibe-occurrence-${s += 1}`);
+		let t = Pe(e.item, `vibe-occurrence-${s += 1}`);
 		o.push(t);
 	}
 	let c = t.map((e, t) => a.get(t) ?? e);
@@ -373,19 +373,19 @@ function je(e, t, n) {
 		nextSequence: s
 	};
 }
-function Me(e, t) {
-	return Q(e) === t ? e : {
+function Pe(e, t) {
+	return $(e) === t ? e : {
 		...e,
 		__vibeOccurrenceKey: t
 	};
 }
 //#endregion
 //#region src/components/viewer-core/autoResolveState.ts
-function Ne(e) {
+function Fe(e) {
 	return e instanceof DOMException && e.name === "AbortError" || e instanceof Error && (e.name === "AbortError" || e.name === "CanceledError") ? !0 : typeof e == "object" && !!e && "code" in e && e.code === "ERR_CANCELED";
 }
-function Pe(e) {
-	let t = Ae(e.nextItems, e.previousItems, e.sequence);
+function Ie(e) {
+	let t = Me(e.nextItems, e.previousItems, e.sequence);
 	return {
 		bucket: {
 			cursor: e.cursor,
@@ -397,8 +397,8 @@ function Pe(e) {
 		nextSequence: t.nextSequence
 	};
 }
-function Fe(e) {
-	let t = je(e.nextItems, e.previousItems, e.sequence);
+function Le(e) {
+	let t = Ne(e.nextItems, e.previousItems, e.sequence);
 	return {
 		bucket: {
 			cursor: e.cursor,
@@ -411,7 +411,7 @@ function Fe(e) {
 		nextSequence: t.nextSequence
 	};
 }
-function Ie(e, t, n, r) {
+function Re(e, t, n, r) {
 	if (!e.length) return r ? null : {
 		buckets: [],
 		canceled: r,
@@ -421,11 +421,11 @@ function Ie(e, t, n, r) {
 	return {
 		buckets: i,
 		canceled: r,
-		visibleCount: i.reduce((e, t) => e + De(t, n), 0)
+		visibleCount: i.reduce((e, t) => e + ke(t, n), 0)
 	};
 }
-function Le(e) {
-	let t = Pe({
+function ze(e) {
+	let t = Ie({
 		cursor: e.initialState.cursor,
 		nextCursor: e.initialState.nextCursor ?? null,
 		nextCursorExhausted: !1,
@@ -433,30 +433,30 @@ function Le(e) {
 		previousCursor: e.initialState.previousCursor ?? null,
 		previousItems: [],
 		sequence: e.sequence
-	}), n = Te(t.bucket.items, e.removedIds);
+	}), n = De(t.bucket.items, e.removedIds);
 	return {
-		activeIndex: ye(e.initialState.activeIndex ?? 0, 0, Math.max(0, n.length - 1)),
+		activeIndex: be(e.initialState.activeIndex ?? 0, 0, Math.max(0, n.length - 1)),
 		buckets: [t.bucket],
 		nextSequence: t.nextSequence
 	};
 }
-function Re(e, t) {
-	let n = e[ye(t, 0, Math.max(0, e.length - 1))];
-	return n ? Q(n) : null;
+function Be(e, t) {
+	let n = e[be(t, 0, Math.max(0, e.length - 1))];
+	return n ? $(n) : null;
 }
-function ze(e, t, n = null) {
+function Ve(e, t, n = null) {
 	if (!e.length) return 0;
-	let r = n ? e.findIndex((e) => Q(e) === n) : -1;
-	return r >= 0 ? r : ye(t, 0, e.length - 1);
+	let r = n ? e.findIndex((e) => $(e) === n) : -1;
+	return r >= 0 ? r : be(t, 0, e.length - 1);
 }
-function Be(e, t, n) {
-	return e ? De(e, t) < n : !1;
+function He(e, t, n) {
+	return e ? ke(e, t) < n : !1;
 }
 //#endregion
 //#region src/components/viewer-core/autoResolveBucketFactory.ts
-function Ve(e) {
+function Ue(e) {
 	return (t) => {
-		let n = Pe({
+		let n = Ie({
 			cursor: t.cursor,
 			nextCursor: t.nextCursor,
 			nextCursorExhausted: t.nextCursorExhausted ?? !1,
@@ -470,26 +470,26 @@ function Ve(e) {
 }
 //#endregion
 //#region src/components/viewer-core/autoResolveCursors.ts
-function He(e, t) {
-	return e.find((e) => De(e, t) > 0) ?? e[0] ?? null;
+function We(e, t) {
+	return e.find((e) => ke(e, t) > 0) ?? e[0] ?? null;
 }
-function Ue(e, t) {
+function Ge(e, t) {
 	for (let n = e.length - 1; n >= 0; --n) {
 		let r = e[n];
-		if (De(r, t) > 0) return r;
+		if (ke(r, t) > 0) return r;
 	}
 	return e[e.length - 1] ?? null;
 }
-function We(e) {
+function Ke(e) {
 	return !e?.nextCursor || !e.nextCursorExhausted ? null : e.nextCursor;
 }
-function Ge(e, t, n, r) {
+function qe(e, t, n, r) {
 	return t === void 0 || n === null ? e : e.map((e) => e.cursor !== t || e.nextCursor !== n ? e : {
 		...e,
 		nextCursorExhausted: r
 	});
 }
-function Ke(e, t, n) {
+function Je(e, t, n) {
 	return n || e !== "forward" || t === null ? {
 		cursor: n,
 		exhausted: !1
@@ -498,7 +498,7 @@ function Ke(e, t, n) {
 		exhausted: !0
 	};
 }
-function qe(e, t) {
+function Ye(e, t) {
 	if (t) return {
 		cursor: t,
 		exhausted: !1
@@ -509,11 +509,11 @@ function qe(e, t) {
 		exhausted: !!n
 	};
 }
-function Je(e, t) {
-	let n = e.findIndex((e) => De(e, t) > 0);
+function Xe(e, t) {
+	let n = e.findIndex((e) => ke(e, t) > 0);
 	if (n < 0) return e;
 	let r = n;
-	for (let i = e.length - 1; i >= n; --i) if (De(e[i], t) > 0) {
+	for (let i = e.length - 1; i >= n; --i) if (ke(e[i], t) > 0) {
 		r = i;
 		break;
 	}
@@ -521,7 +521,7 @@ function Je(e, t) {
 }
 //#endregion
 //#region src/components/viewer-core/autoResolveFillUntil.ts
-function Ye(e) {
+function Ze(e) {
 	async function t(t) {
 		if (typeof t == "number") {
 			await i(t);
@@ -536,7 +536,7 @@ function Ye(e) {
 		e.isFillUntilActive.value = !1, e.fillMode.value = "idle";
 	}
 	async function i(t) {
-		let n = Xe(t);
+		let n = Qe(t);
 		n <= 0 || await a("count", () => e.getHasNextPage() && n > 0, () => {
 			--n;
 		}, n);
@@ -562,7 +562,7 @@ function Ye(e) {
 		});
 		let r = e.getResolve();
 		if (!r) return !1;
-		let i = ve(t);
+		let i = ye(t);
 		if (e.inFlightCursors.has(i)) return !1;
 		let a = e.nextOperationId(), s = typeof AbortController > "u" ? null : new AbortController();
 		e.inFlightCursors.add(i), e.setActiveResolveController(s), e.errorMessage.value = null, e.operationPhase.value = "filling", e.fillCollectedCount.value = e.getVisibleItemCount(), e.fillCursor.value = t, e.fillTargetCount.value = null, e.pendingAppendBuckets.value = [], e.isAwaitingAppendCommit.value = !1;
@@ -573,8 +573,8 @@ function Ye(e) {
 				signal: s?.signal
 			});
 			if (!e.getOperationIsCurrent(a)) return e.finishLoadPhase(), !1;
-			if (u(i.total), !i.items.length) return e.autoBuckets.value = i.nextPage ? Qe(e.autoBuckets.value, n, t, i.nextPage) : Ge(e.autoBuckets.value, n, t, !0), c(), e.finishLoadPhase(), !0;
-			let o = Ke("forward", t, i.nextPage);
+			if (u(i.total), !i.items.length) return e.autoBuckets.value = i.nextPage ? et(e.autoBuckets.value, n, t, i.nextPage) : qe(e.autoBuckets.value, n, t, !0), c(), e.finishLoadPhase(), !0;
+			let o = Je("forward", t, i.nextPage);
 			return e.autoBuckets.value = [...e.autoBuckets.value, e.createBucket({
 				cursor: t,
 				nextCursor: o.cursor,
@@ -584,7 +584,7 @@ function Ye(e) {
 				previousItems: []
 			})], c(), e.finishLoadPhase(), !0;
 		} catch (t) {
-			return Ne(t) || !e.getOperationIsCurrent(a) ? (e.finishLoadPhase(), !1) : (e.errorMessage.value = t instanceof Error ? t.message : "The viewer could not load items.", e.operationPhase.value = "failed", e.fillCollectedCount.value = null, e.fillCursor.value = null, e.fillTargetCount.value = null, !1);
+			return Fe(t) || !e.getOperationIsCurrent(a) ? (e.finishLoadPhase(), !1) : (e.errorMessage.value = t instanceof Error ? t.message : "The viewer could not load items.", e.operationPhase.value = "failed", e.fillCollectedCount.value = null, e.fillCursor.value = null, e.fillTargetCount.value = null, !1);
 		} finally {
 			e.clearActiveResolveController(s), e.inFlightCursors.delete(i);
 		}
@@ -598,7 +598,7 @@ function Ye(e) {
 	function l() {
 		if (e.fillMode.value === "count") {
 			let t = e.fillTargetCalls.value;
-			e.fillProgress.value = t && t > 0 ? Ze(e.fillCompletedCalls.value / t) : null;
+			e.fillProgress.value = t && t > 0 ? $e(e.fillCompletedCalls.value / t) : null;
 			return;
 		}
 		if (e.fillMode.value === "end") {
@@ -607,7 +607,7 @@ function Ye(e) {
 				e.fillProgress.value = null;
 				return;
 			}
-			e.fillProgress.value = t <= 0 ? 1 : Ze(e.fillLoadedCount.value / t);
+			e.fillProgress.value = t <= 0 ? 1 : $e(e.fillLoadedCount.value / t);
 			return;
 		}
 		e.fillProgress.value = null;
@@ -621,13 +621,13 @@ function Ye(e) {
 		fillUntilEnd: n
 	};
 }
-function Xe(e) {
+function Qe(e) {
 	return Number.isFinite(e) && e > 0 ? Math.floor(e) : 0;
 }
-function Ze(e) {
+function $e(e) {
 	return Math.min(Math.max(e, 0), 1);
 }
-function Qe(e, t, n, r) {
+function et(e, t, n, r) {
 	return t === void 0 ? e : e.map((e) => e.cursor === t && e.nextCursor === n ? {
 		...e,
 		nextCursor: r,
@@ -636,11 +636,11 @@ function Qe(e, t, n, r) {
 }
 //#endregion
 //#region src/components/viewer-core/autoResolveLoading.ts
-function $e(e) {
+function tt(e) {
 	async function t(t) {
 		let n = e.getResolve(), r = e.getBoundaryBucket(t);
 		if (!n || !r) return null;
-		let i = ve(r.cursor);
+		let i = ye(r.cursor);
 		if (e.inFlightCursors.has(i)) return null;
 		e.inFlightCursors.add(i), e.errorMessage.value = null, e.operationPhase.value = "refreshing", e.clearFillState();
 		let a = e.nextOperationId(), o = typeof AbortController > "u" ? null : new AbortController();
@@ -652,7 +652,7 @@ function $e(e) {
 				signal: o?.signal
 			});
 			if (!e.getOperationIsCurrent(a)) return e.finishLoadPhase(), null;
-			let s = qe(r, i.nextPage), c = Fe({
+			let s = Ye(r, i.nextPage), c = Le({
 				cursor: r.cursor,
 				nextCursor: s.cursor,
 				nextCursorExhausted: s.exhausted,
@@ -663,12 +663,12 @@ function $e(e) {
 			});
 			e.setSequence(c.nextSequence);
 			let l = e.getActiveOccurrenceKey();
-			return e.autoBuckets.value = ke(e.autoBuckets.value, r.cursor, c.bucket), e.syncActiveIndexAfterVisibilityChange(l), e.finishLoadPhase(), {
+			return e.autoBuckets.value = je(e.autoBuckets.value, r.cursor, c.bucket), e.syncActiveIndexAfterVisibilityChange(l), e.finishLoadPhase(), {
 				followCursor: t === "leading" ? i.previousPage ?? null : i.nextPage,
 				itemsInserted: c.insertedCount
 			};
 		} catch (t) {
-			return Ne(t) || !e.getOperationIsCurrent(a) ? (e.finishLoadPhase(), null) : (e.errorMessage.value = t instanceof Error ? t.message : "The viewer could not load items.", e.operationPhase.value = "failed", e.clearFillState(), null);
+			return Fe(t) || !e.getOperationIsCurrent(a) ? (e.finishLoadPhase(), null) : (e.errorMessage.value = t instanceof Error ? t.message : "The viewer could not load items.", e.operationPhase.value = "failed", e.clearFillState(), null);
 		} finally {
 			e.clearActiveResolveController(o), e.inFlightCursors.delete(i);
 		}
@@ -678,9 +678,9 @@ function $e(e) {
 		if (!n) return null;
 		let r = e.nextOperationId(), i = /* @__PURE__ */ new Set(), a = [], o = t.cursor, s = 0;
 		for (e.errorMessage.value = null, e.operationPhase.value = t.phase, e.clearFillState();;) {
-			if (!e.getOperationIsCurrent(r)) return Ie(a, t.direction, e.removedIds.value, !0);
-			if (a.length > 0 && e.isManualPageLoadingLocked.value) return Ie(a, t.direction, e.removedIds.value, !1);
-			let c = ve(o);
+			if (!e.getOperationIsCurrent(r)) return Re(a, t.direction, e.removedIds.value, !0);
+			if (a.length > 0 && e.isManualPageLoadingLocked.value) return Re(a, t.direction, e.removedIds.value, !1);
+			let c = ye(o);
 			if (i.has(c) || e.inFlightCursors.has(c)) break;
 			i.add(c), e.inFlightCursors.add(c);
 			let l = typeof AbortController > "u" ? null : new AbortController();
@@ -691,8 +691,8 @@ function $e(e) {
 					pageSize: e.getPageSize(),
 					signal: l?.signal
 				});
-				if (!e.getOperationIsCurrent(r)) return Ie(a, t.direction, e.removedIds.value, !0);
-				let c = Ke(t.direction, o, i.nextPage), u = e.createBucket({
+				if (!e.getOperationIsCurrent(r)) return Re(a, t.direction, e.removedIds.value, !0);
+				let c = Je(t.direction, o, i.nextPage), u = e.createBucket({
 					cursor: o,
 					nextCursor: c.cursor,
 					nextCursorExhausted: c.exhausted,
@@ -701,18 +701,18 @@ function $e(e) {
 					previousItems: []
 				});
 				a.push(u);
-				let d = a.reduce((t, n) => t + De(n, e.removedIds.value), 0), f = t.direction === "forward" ? u.nextCursorExhausted ? null : u.nextCursor : u.previousCursor;
-				if (!t.continueUntilFilled || d >= e.getPageSize() || !f) return e.fillCursor.value = null, Ie(a, t.direction, e.removedIds.value, !1);
-				if (e.isManualPageLoadingLocked.value) return Ie(a, t.direction, e.removedIds.value, !1);
-				if (e.operationPhase.value = "filling", e.fillCollectedCount.value = d, e.fillCursor.value = f, e.fillTargetCount.value = e.getPageSize(), s += 1, await e.waitFillDelay(e.getFillDelayMs(s)), !e.getOperationIsCurrent(r)) return Ie(a, t.direction, e.removedIds.value, !0);
+				let d = a.reduce((t, n) => t + ke(n, e.removedIds.value), 0), f = t.direction === "forward" ? u.nextCursorExhausted ? null : u.nextCursor : u.previousCursor;
+				if (!t.continueUntilFilled || d >= e.getPageSize() || !f) return e.fillCursor.value = null, Re(a, t.direction, e.removedIds.value, !1);
+				if (e.isManualPageLoadingLocked.value) return Re(a, t.direction, e.removedIds.value, !1);
+				if (e.operationPhase.value = "filling", e.fillCollectedCount.value = d, e.fillCursor.value = f, e.fillTargetCount.value = e.getPageSize(), s += 1, await e.waitFillDelay(e.getFillDelayMs(s)), !e.getOperationIsCurrent(r)) return Re(a, t.direction, e.removedIds.value, !0);
 				o = f;
 			} catch (n) {
-				return Ne(n) || !e.getOperationIsCurrent(r) ? Ie(a, t.direction, e.removedIds.value, !0) : (e.errorMessage.value = n instanceof Error ? n.message : "The viewer could not load items.", e.operationPhase.value = "failed", e.clearFillState(), null);
+				return Fe(n) || !e.getOperationIsCurrent(r) ? Re(a, t.direction, e.removedIds.value, !0) : (e.errorMessage.value = n instanceof Error ? n.message : "The viewer could not load items.", e.operationPhase.value = "failed", e.clearFillState(), null);
 			} finally {
 				e.clearActiveResolveController(l), e.inFlightCursors.delete(c);
 			}
 		}
-		return Ie(a, t.direction, e.removedIds.value, !1);
+		return Re(a, t.direction, e.removedIds.value, !1);
 	}
 	return {
 		collectBuckets: n,
@@ -721,7 +721,7 @@ function $e(e) {
 }
 //#endregion
 //#region src/components/viewer-core/fillProgress.ts
-function et(e) {
+function nt(e) {
 	let t = {
 		fillCompletedCalls: D(0),
 		fillLoadedCount: D(0),
@@ -740,7 +740,7 @@ function et(e) {
 }
 //#endregion
 //#region src/components/viewer-core/emptyVisiblePrefetch.ts
-function tt(e) {
+function rt(e) {
 	let t = null, n = !1, r = !1;
 	function i() {
 		t = null;
@@ -782,14 +782,14 @@ function tt(e) {
 }
 //#endregion
 //#region src/components/viewer-core/fillDelay.ts
-var nt = 2e3, rt = 1e3, it = 100;
-function at(e, t = nt, n = rt) {
+var it = 2e3, at = 1e3, ot = 100;
+function st(e, t = it, n = at) {
 	return t + Math.max(0, e - 1) * n;
 }
-function ot(e, t) {
+function ct(e, t) {
 	return !Number.isFinite(e) || e == null || e < 0 ? t : Math.floor(e);
 }
-function st() {
+function lt() {
 	let e = D(null), t = null, n = null, r = null;
 	function i(i = !1) {
 		if (t &&= (clearInterval(t), null), n &&= (clearTimeout(n), null), e.value = null, i && r) {
@@ -807,7 +807,7 @@ function st() {
 				let t = Math.max(0, a - (Date.now() - s));
 				e.value = t, t <= 0 && l();
 			};
-			t = setInterval(u, it), n = setTimeout(l, a), u();
+			t = setInterval(u, ot), n = setTimeout(l, a), u();
 		}));
 	}
 	return {
@@ -818,13 +818,13 @@ function st() {
 }
 //#endregion
 //#region src/components/viewer-core/useAutoResolveSource.ts
-function ct(e) {
-	let t = !!e.initialState?.items.length, n = D([]), r = D(0), a = D([]), o = D(!1), s = D(null), c = D(!t && typeof e.resolve == "function" ? "initializing" : "idle"), l = D(null), u = D(null), d = st(), f = d.remainingMs, p = D(null), m = D(!1), h = D(!0), g = D(!1), _ = D(!1), v = /* @__PURE__ */ new Set(), y = null, b = null, C = 0, w = 0, T = Ve({
+function ut(e) {
+	let t = !!e.initialState?.items.length, n = D([]), r = D(0), a = D([]), o = D(!1), s = D(null), c = D(!t && typeof e.resolve == "function" ? "initializing" : "idle"), l = D(null), u = D(null), d = lt(), f = d.remainingMs, p = D(null), m = D(!1), h = D(!0), g = D(!1), _ = D(!1), v = /* @__PURE__ */ new Set(), y = null, b = null, C = 0, w = 0, T = Ue({
 		getSequence: () => w,
 		setSequence: (e) => {
 			w = e;
 		}
-	}), E = i(() => ot(e.fillDelayMs, nt)), O = i(() => ot(e.fillDelayStepMs, rt)), k = i(() => typeof e.resolve == "function"), A = i(() => Z(e.pageSize)), j = i(() => we(n.value)), M = et(() => j.value.length), N = i(() => Te(j.value, e.removedIds.value)), P = i(() => r.value), F = i(() => _e(c.value) || m.value), I = i(() => He(n.value, e.removedIds.value)), R = i(() => Ue(n.value, e.removedIds.value)), z = i(() => R.value?.nextCursor ?? null), ee = i(() => o.value ? null : I.value?.previousCursor ?? null), te = i(() => !!z.value && R.value?.nextCursorExhausted !== !0), B = i(() => !!ee.value), V = i(() => _.value || g.value), H = i(() => k.value && !!R.value?.items.length), U = i(() => Te(we(a.value), e.removedIds.value)), W = i(() => Oe(n.value, e.removedIds.value, P.value)), ne = i(() => !N.value.length && !F.value && !!s.value), G = Ye({
+	}), E = i(() => ct(e.fillDelayMs, it)), O = i(() => ct(e.fillDelayStepMs, at)), k = i(() => typeof e.resolve == "function"), A = i(() => ve(e.pageSize)), j = i(() => Ee(n.value)), M = nt(() => j.value.length), N = i(() => De(j.value, e.removedIds.value)), P = i(() => r.value), F = i(() => _e(c.value) || m.value), I = i(() => We(n.value, e.removedIds.value)), L = i(() => Ge(n.value, e.removedIds.value)), R = i(() => L.value?.nextCursor ?? null), ee = i(() => o.value ? null : I.value?.previousCursor ?? null), B = i(() => !!R.value && L.value?.nextCursorExhausted !== !0), V = i(() => !!ee.value), H = i(() => _.value || g.value), U = i(() => k.value && !!L.value?.items.length), te = i(() => De(Ee(a.value), e.removedIds.value)), W = i(() => Ae(n.value, e.removedIds.value, P.value)), G = i(() => !N.value.length && !F.value && !!s.value), K = Ze({
 		autoBuckets: n,
 		clearActiveResolveController(e) {
 			y === e && (y = null);
@@ -836,17 +836,17 @@ function ct(e) {
 		fillCursor: u,
 		fillTargetCount: p,
 		...M.refs,
-		finishLoadPhase: $,
-		getFillDelayMs: (e) => at(e, E.value, O.value),
-		getHasNextPage: () => te.value,
+		finishLoadPhase: Se,
+		getFillDelayMs: (e) => st(e, E.value, O.value),
+		getHasNextPage: () => B.value,
 		getIsLoading: () => F.value,
 		getIsManualPageLoadingLocked: () => _.value,
 		getLoadedItemCount: () => j.value.length,
-		getNextCursor: () => z.value,
+		getNextCursor: () => R.value,
 		getOperationIsCurrent: (e) => e === C,
 		getPageSize: () => A.value,
 		getResolve: () => e.resolve,
-		getTrailingBoundaryBucket: () => R.value,
+		getTrailingBoundaryBucket: () => L.value,
 		getVisibleItemCount: () => N.value.length,
 		inFlightCursors: v,
 		isAwaitingAppendCommit: m,
@@ -861,17 +861,17 @@ function ct(e) {
 			b = e;
 		},
 		waitFillDelay: (e) => d.wait(e)
-	}), K = tt({
-		canRefreshTrailingBoundary: H,
-		hasNextPage: te,
-		isInitialLoading: De,
-		isPageLoadingLocked: V,
+	}), q = rt({
+		canRefreshTrailingBoundary: U,
+		hasNextPage: B,
+		isInitialLoading: Te,
+		isPageLoadingLocked: H,
 		items: N,
 		loading: F,
 		prefetchNextPage: Y,
 		removedIds: e.removedIds,
-		trailingBoundaryBucket: R
-	}), q = $e({
+		trailingBoundaryBucket: L
+	}), J = tt({
 		autoBuckets: n,
 		clearActiveResolveController(e) {
 			y === e && (y = null);
@@ -882,10 +882,10 @@ function ct(e) {
 		fillCollectedCount: l,
 		fillCursor: u,
 		fillTargetCount: p,
-		finishLoadPhase: $,
-		getActiveOccurrenceKey: pe,
-		getBoundaryBucket: (e) => e === "leading" ? I.value : R.value,
-		getFillDelayMs: (e) => at(e, E.value, O.value),
+		finishLoadPhase: Se,
+		getActiveOccurrenceKey: fe,
+		getBoundaryBucket: (e) => e === "leading" ? I.value : L.value,
+		getFillDelayMs: (e) => st(e, E.value, O.value),
 		getOperationIsCurrent: (e) => e === C,
 		getPageSize: () => A.value,
 		getResolve: () => e.resolve,
@@ -901,121 +901,121 @@ function ct(e) {
 		setSequence: (e) => {
 			w = e;
 		},
-		syncActiveIndexAfterVisibilityChange: me,
+		syncActiveIndexAfterVisibilityChange: pe,
 		waitFillDelay: (e) => d.wait(e)
 	});
-	L(() => N.value.length, (e) => {
+	z(() => N.value.length, (e) => {
 		if (e === 0) {
-			r.value = 0, K.schedule();
+			r.value = 0, q.schedule();
 			return;
 		}
-		K.resetRefreshAttempt(), o.value &&= (Ae(), !1), r.value > e - 1 && (r.value = e - 1);
-	}), L(() => r.value, () => {
-		h.value && ge();
+		q.resetRefreshAttempt(), o.value &&= (ke(), !1), r.value > e - 1 && (r.value = e - 1);
+	}), z(() => r.value, () => {
+		h.value && he();
 	}), S(() => {
-		Ee() || e.resolve && J();
+		we() || e.resolve && ne();
 	}), x(() => {
 		y?.abort(), y = null, d.clear(!0);
 	});
-	async function J() {
-		b = J;
-		let t = await Se({
+	async function ne() {
+		b = ne;
+		let t = await xe({
 			continueUntilFilled: !0,
 			cursor: e.initialCursor ?? null,
 			direction: "forward",
 			phase: "initializing"
 		});
-		t && (n.value = t.buckets, r.value = 0, $());
+		t && (n.value = t.buckets, r.value = 0, Se());
 	}
 	async function Y() {
-		if (V.value || F.value) return;
-		let e = !N.value.length, t = R.value, n = {
+		if (H.value || F.value) return;
+		let e = !N.value.length, t = L.value, n = {
 			commitImmediately: e,
 			originCursor: t?.cursor ?? null
-		}, r = We(t);
-		if (ke("trailing")) {
-			if (!H.value) return;
-			let e = await xe("trailing");
-			e?.followCursor && (e.itemsInserted === 0 || ke("trailing")) && await ve(e.followCursor, n);
+		}, r = Ke(t);
+		if (Oe("trailing")) {
+			if (!U.value) return;
+			let e = await ye("trailing");
+			e?.followCursor && (e.itemsInserted === 0 || Oe("trailing")) && await ge(e.followCursor, n);
 			return;
 		}
 		if (r) {
 			if (t?.cursor === r) {
-				let e = await xe("trailing");
-				e?.followCursor && e.itemsInserted === 0 && await ve(e.followCursor, n);
+				let e = await ye("trailing");
+				e?.followCursor && e.itemsInserted === 0 && await ge(e.followCursor, n);
 				return;
 			}
-			await ve(r, n);
+			await ge(r, n);
 			return;
 		}
-		if (!te.value) {
-			let e = H.value ? await xe("trailing") : null;
-			e?.followCursor && e.itemsInserted === 0 && await ve(e.followCursor, n);
+		if (!B.value) {
+			let e = U.value ? await ye("trailing") : null;
+			e?.followCursor && e.itemsInserted === 0 && await ge(e.followCursor, n);
 			return;
 		}
-		await ve(z.value, n);
+		await ge(R.value, n);
 	}
-	async function re() {
-		if (!(V.value || !B.value || F.value)) {
-			if (ke("leading")) {
-				let e = await xe("leading");
-				e?.itemsInserted === 0 && e.followCursor && await be(e.followCursor);
+	async function X() {
+		if (!(H.value || !V.value || F.value)) {
+			if (Oe("leading")) {
+				let e = await ye("leading");
+				e?.itemsInserted === 0 && e.followCursor && await Q(e.followCursor);
 				return;
 			}
-			await be(ee.value);
+			await Q(ee.value);
 		}
 	}
-	async function ie() {
-		if (ne.value) {
-			if (n.value = [], r.value = 0, a.value = [], o.value = !1, s.value = null, c.value = k.value ? "initializing" : "idle", Ce(), M.reset(), m.value = !1, v.clear(), y?.abort(), y = null, d.clear(!0), Ee()) {
-				$();
+	async function re() {
+		if (G.value) {
+			if (n.value = [], r.value = 0, a.value = [], o.value = !1, s.value = null, c.value = k.value ? "initializing" : "idle", Ce(), M.reset(), m.value = !1, v.clear(), y?.abort(), y = null, d.clear(!0), we()) {
+				Se();
 				return;
 			}
-			await J();
+			await ne();
 		}
 	}
-	async function ae() {
-		if (ne.value) return ie();
-		V.value || c.value !== "failed" || !b || (s.value = null, await b());
+	async function ie() {
+		if (G.value) return re();
+		H.value || c.value !== "failed" || !b || (s.value = null, await b());
 	}
-	async function oe() {
-		if (!a.value.length) return m.value = !1, $();
-		n.value = [...n.value, ...a.value], a.value = [], m.value = !1, $();
+	async function ae() {
+		if (!a.value.length) return m.value = !1, Se();
+		n.value = [...n.value, ...a.value], a.value = [], m.value = !1, Se();
 	}
-	function se(t) {
+	function Z(t) {
 		let n = N.value;
 		if (!n.length) return;
-		let i = ye(t, 0, n.length - 1);
+		let i = be(t, 0, n.length - 1);
 		i !== r.value && (r.value = i, e.emit("update:activeIndex", i));
 	}
-	function ce(e) {
-		h.value = e, K.schedule();
+	function oe(e) {
+		h.value = e, q.schedule();
 	}
-	function le() {
+	function se() {
 		_.value = !0, d.clear(!0);
 	}
-	function ue() {
-		_.value = !1, K.schedule();
+	function ce() {
+		_.value = !1, q.schedule();
 	}
-	function X() {
-		fe(), s.value = null, Ce(), G.cancel(), a.value.length > 0 && (n.value = [...n.value, ...a.value], a.value = []), m.value = !1, o.value = !1, $();
+	function le() {
+		de(), s.value = null, Ce(), K.cancel(), a.value.length > 0 && (n.value = [...n.value, ...a.value], a.value = []), m.value = !1, o.value = !1, Se();
 	}
-	function de() {
-		g.value && (fe(), Ce(), G.cancel(), m.value = !1, $());
+	function ue() {
+		g.value && (de(), Ce(), K.cancel(), m.value = !1, Se());
 	}
-	function fe() {
+	function de() {
 		C += 1, y?.abort(), y = null, d.clear(!0), v.clear();
 	}
-	function pe() {
-		return Re(N.value, P.value);
+	function fe() {
+		return Be(N.value, P.value);
 	}
-	function me(e = null, t = {}) {
+	function pe(e = null, t = {}) {
 		if (N.value.length === 0) {
 			r.value = 0, !t.preserveTrailingPlaceholder && n.value.length > 0 && (o.value = !0);
 			return;
 		}
 		if (e) {
-			let t = N.value.findIndex((t) => Q(t) === e);
+			let t = N.value.findIndex((t) => $(t) === e);
 			if (t >= 0) {
 				r.value = t;
 				return;
@@ -1025,90 +1025,90 @@ function ct(e) {
 			r.value = N.value.length;
 			return;
 		}
-		r.value = ze(N.value, P.value, e);
+		r.value = Ve(N.value, P.value, e);
 	}
-	function he() {
-		a.value.length > 0 && (!U.value.length || !N.value.length) && oe();
+	function me() {
+		a.value.length > 0 && (!te.value.length || !N.value.length) && ae();
 	}
-	async function ge() {
-		if (!(!h.value || De())) {
+	async function he() {
+		if (!(!h.value || Te())) {
 			if (!N.value.length) {
-				(te.value || H.value) && await Y();
+				(B.value || U.value) && await Y();
 				return;
 			}
-			B.value && r.value < 3 && await re(), te.value && r.value >= N.value.length - 3 && await Y();
+			V.value && r.value < 3 && await X(), B.value && r.value >= N.value.length - 3 && await Y();
 		}
 	}
-	async function ve(e, t = {}) {
+	async function ge(e, t = {}) {
 		b = async () => {
-			await ve(e, t);
+			await ge(e, t);
 		};
-		let r = await Se({
+		let r = await xe({
 			continueUntilFilled: !0,
 			cursor: e,
 			direction: "forward",
 			phase: "loading"
 		});
 		if (r) {
-			if (!r.visibleCount) return n.value = Ge(n.value, t.originCursor, e, !0), a.value = [], m.value = !1, $();
-			if (r.canceled) return n.value = [...n.value, ...r.buckets], a.value = [], m.value = !1, $();
-			if (a.value = r.buckets, t.commitImmediately || !N.value.length || !U.value.length) return n.value = [...n.value, ...a.value], a.value = [], m.value = !1, $();
+			if (!r.visibleCount) return n.value = qe(n.value, t.originCursor, e, !0), a.value = [], m.value = !1, Se();
+			if (r.canceled) return n.value = [...n.value, ...r.buckets], a.value = [], m.value = !1, Se();
+			if (a.value = r.buckets, t.commitImmediately || !N.value.length || !te.value.length) return n.value = [...n.value, ...a.value], a.value = [], m.value = !1, Se();
 			m.value = !0;
 		}
 	}
-	async function be(e) {
+	async function Q(e) {
 		b = async () => {
-			await be(e);
+			await Q(e);
 		};
-		let t = await Se({
+		let t = await xe({
 			continueUntilFilled: !0,
 			cursor: e,
 			direction: "backward",
 			phase: "loading"
 		});
 		if (!t) return;
-		let r = pe();
-		n.value = [...t.buckets, ...n.value], me(r), $();
+		let r = fe();
+		n.value = [...t.buckets, ...n.value], pe(r), Se();
 	}
-	async function xe(e) {
+	async function ye(e) {
 		return b = async () => {
-			await xe(e);
-		}, q.reloadBoundaryBucket(e);
+			await ye(e);
+		}, J.reloadBoundaryBucket(e);
 	}
-	function Se(e) {
-		return q.collectBuckets(e);
+	function xe(e) {
+		return J.collectBuckets(e);
 	}
-	function $() {
-		c.value = "idle", Ce(), d.clear(), K.schedule();
+	function Se() {
+		c.value = "idle", Ce(), d.clear(), q.schedule();
 	}
 	function Ce() {
 		l.value = null, u.value = null, p.value = null;
 	}
-	function Ee() {
+	function we() {
 		if (!e.initialState || !e.initialState.items.length) return !1;
-		let t = Le({
+		let t = ze({
 			initialState: e.initialState,
 			removedIds: e.removedIds.value,
 			sequence: w
 		});
 		return n.value = t.buckets, r.value = t.activeIndex, w = t.nextSequence, o.value = !1, s.value = null, a.value = [], m.value = !1, !0;
 	}
-	function De() {
+	function Te() {
 		return c.value === "initializing";
 	}
-	function ke(t) {
-		return Be(t === "leading" ? I.value : R.value, e.removedIds.value, A.value);
+	function Oe(t) {
+		return He(t === "leading" ? I.value : L.value, e.removedIds.value, A.value);
 	}
-	function Ae() {
-		n.value = Je(n.value, e.removedIds.value);
+	function ke() {
+		n.value = Xe(n.value, e.removedIds.value);
 	}
 	return {
 		activeIndex: P,
-		canRetryInitialLoad: ne,
-		cancel: X,
-		cancelFill: de,
-		canRefreshTrailingBoundary: H,
-		commitPendingAppend: oe,
+		canRetryInitialLoad: G,
+		cancel: le,
+		cancelFill: ue,
+		canRefreshTrailingBoundary: U,
+		commitPendingAppend: ae,
 		currentCursor: W,
 		errorMessage: s,
 		fillCollectedCount: l,
@@ -1116,36 +1116,36 @@ function ct(e) {
 		fillDelayRemainingMs: f,
 		fillTargetCount: p,
 		...M.refs,
-		fillUntil: G.fillUntil,
-		fillUntilEnd: G.fillUntilEnd,
-		hasNextPage: te,
-		hasPreviousPage: B,
+		fillUntil: K.fillUntil,
+		fillUntilEnd: K.fillUntilEnd,
+		hasNextPage: B,
+		hasPreviousPage: V,
 		isAutoPrefetchEnabled: h,
-		isPageLoadingLocked: V,
+		isPageLoadingLocked: H,
 		items: N,
-		lockPageLoading: le,
+		lockPageLoading: se,
 		loading: F,
-		maybePrefetchAround: ge,
-		nextCursor: z,
-		pendingAppendItems: U,
+		maybePrefetchAround: he,
+		nextCursor: R,
+		pendingAppendItems: te,
 		phase: c,
 		prefetchNextPage: Y,
-		prefetchPreviousPage: re,
+		prefetchPreviousPage: X,
 		previousCursor: ee,
-		retryInitialLoad: ie,
-		retry: ae,
-		setActiveIndex: se,
-		setAutoPrefetchEnabled: ce,
-		syncActiveIndexAfterVisibilityChange: me,
-		unlockPageLoading: ue,
-		getActiveOccurrenceKey: pe,
-		maybeCommitPendingAppendWhenFilteredOut: he
+		retryInitialLoad: re,
+		retry: ie,
+		setActiveIndex: Z,
+		setAutoPrefetchEnabled: oe,
+		syncActiveIndexAfterVisibilityChange: pe,
+		unlockPageLoading: ce,
+		getActiveOccurrenceKey: fe,
+		maybeCommitPendingAppendWhenFilteredOut: me
 	};
 }
 //#endregion
 //#region src/components/viewer-core/useDataSource.ts
-function lt(e, t) {
-	let { clearRemoved: n, getRemovedIds: r, remove: a, removedIds: o, restore: s, undo: c } = $(), l = ct({
+function dt(e, t) {
+	let { clearRemoved: n, getRemovedIds: r, remove: a, removedIds: o, restore: s, undo: c } = we(), l = ut({
 		emit: t,
 		fillDelayMs: e.fillDelayMs,
 		fillDelayStepMs: e.fillDelayStepMs,
@@ -1182,7 +1182,7 @@ function lt(e, t) {
 		return [...u.value];
 	}
 	function E(e) {
-		return u.value.find((t) => Q(t) === e) ?? null;
+		return u.value.find((t) => $(t) === e) ?? null;
 	}
 	function D(e, t, n) {
 		return Math.min(Math.max(e, t), n);
@@ -1252,9 +1252,9 @@ function lt(e, t) {
 }
 //#endregion
 //#region src/components/viewer-core/useController.ts
-var ut = 1024;
-function dt(e, t) {
-	let n = lt(e, t), r = T({
+var ft = 1024;
+function pt(e, t) {
+	let n = dt(e, t), r = T({
 		nextBoundaryLoadProgress: 0,
 		previousBoundaryLoadProgress: 0
 	}), a = D(0), o = D("list"), s = T({
@@ -1284,23 +1284,23 @@ function dt(e, t) {
 		removedCount: 0,
 		removedIds: [],
 		surfaceMode: "list"
-	}), c = i(() => a.value >= ut), l = i(() => c.value ? o.value : "fullscreen"), u = i(() => c.value && l.value === "fullscreen");
-	L(c, (e) => {
+	}), c = i(() => a.value >= ft), l = i(() => c.value ? o.value : "fullscreen"), u = i(() => c.value && l.value === "fullscreen");
+	z(c, (e) => {
 		e && h();
-	}), L(() => e.surfaceMode, () => {
+	}), z(() => e.surfaceMode, () => {
 		h();
-	}), L([l, () => n.pendingAppendItems.value.length], ([e, t]) => {
+	}), z([l, () => n.pendingAppendItems.value.length], ([e, t]) => {
 		e === "list" || t <= 0 || n.commitPendingAppend();
-	}), L([
+	}), z([
 		() => n.items.value.length,
 		() => n.loading.value,
 		() => n.hasNextPage.value,
 		() => n.pendingAppendItems.value.length
 	], ([e, n, r, i]) => {
 		!c.value || e > 0 || o.value === "list" || n || r || i > 0 || (o.value = "list", t("update:surfaceMode", "list"));
-	}), L(l, (e) => {
+	}), z(l, (e) => {
 		n.setAutoPrefetchEnabled(e === "fullscreen");
-	}, { immediate: !0 }), R(() => {
+	}, { immediate: !0 }), ee(() => {
 		s.activeIndex = n.activeIndex.value, s.currentCursor = n.currentCursor.value, s.errorMessage = n.errorMessage.value, s.fillCollectedCount = n.fillCollectedCount.value, s.fillCompletedCalls = n.fillCompletedCalls.value, s.fillCursor = n.fillCursor.value, s.fillDelayRemainingMs = n.fillDelayRemainingMs.value, s.fillLoadedCount = n.fillLoadedCount.value, s.fillMode = n.fillMode.value, s.fillProgress = n.fillProgress.value, s.fillTargetCalls = n.fillTargetCalls.value, s.fillTargetCount = n.fillTargetCount.value, s.fillTotalCount = n.fillTotalCount.value, s.hasNextPage = n.hasNextPage.value, s.hasPreviousPage = n.hasPreviousPage.value, s.itemCount = n.items.value.length, s.loadState = n.loading.value ? "loading" : n.errorMessage.value ? "failed" : "loaded", s.nextBoundaryLoadProgress = r.nextBoundaryLoadProgress, s.nextCursor = n.nextCursor.value, s.pageLoadingLocked = n.isPageLoadingLocked.value, s.phase = n.phase.value, s.previousBoundaryLoadProgress = r.previousBoundaryLoadProgress, s.previousCursor = n.previousCursor.value, s.removedCount = n.removedCount.value, s.removedIds = n.getRemovedIds(), s.surfaceMode = l.value;
 	}), S(() => {
 		m(), h(), window.addEventListener("keydown", p), window.addEventListener("resize", m);
@@ -1314,7 +1314,7 @@ function dt(e, t) {
 		!c.value || o.value === "list" || (o.value = "list", t("update:surfaceMode", "list"));
 	}
 	function p(e) {
-		e.defaultPrevented || e.key !== "Escape" || !c.value || l.value !== "fullscreen" || he(e.target) || (e.preventDefault(), f());
+		e.defaultPrevented || e.key !== "Escape" || !c.value || l.value !== "fullscreen" || ge(e.target) || (e.preventDefault(), f());
 	}
 	function m() {
 		a.value = window.innerWidth || 0;
@@ -1323,7 +1323,7 @@ function dt(e, t) {
 		!c.value || !e.surfaceMode || e.surfaceMode === o.value || (o.value = e.surfaceMode);
 	}
 	function g(e) {
-		r.nextBoundaryLoadProgress = ft(e.nextBoundaryLoadProgress), r.previousBoundaryLoadProgress = ft(e.previousBoundaryLoadProgress);
+		r.nextBoundaryLoadProgress = mt(e.nextBoundaryLoadProgress), r.previousBoundaryLoadProgress = mt(e.previousBoundaryLoadProgress);
 	}
 	return {
 		...n,
@@ -1342,26 +1342,26 @@ function dt(e, t) {
 		unlockPageLoading: n.unlockPageLoading
 	};
 }
-function ft(e) {
+function mt(e) {
 	return Math.min(Math.max(e, 0), 1);
 }
 //#endregion
 //#region src/components/FullscreenMediaBar.vue?vue&type=script&setup=true&lang.ts
-var pt = {
+var ht = {
 	"data-testid": "vibe-media-bar",
 	class: "absolute inset-x-0 bottom-0 z-[5] bg-[linear-gradient(180deg,transparent,rgba(0,0,0,0.42)_24%,rgba(0,0,0,0.78))] px-[clamp(1rem,2.6vw,2.25rem)] pt-4 pb-[1.15rem]"
-}, mt = { class: "grid grid-cols-[auto_minmax(0,1fr)_auto_auto] items-center gap-3 border-t border-white/12 bg-black/70 px-4 py-3 backdrop-blur-[18px]" }, ht = { class: "text-[0.76rem] font-bold uppercase tracking-[0.18em] text-[#f7f1ea]/74" }, gt = { class: "relative h-4 w-full" }, _t = [
+}, gt = { class: "grid grid-cols-[auto_minmax(0,1fr)_auto_auto] items-center gap-3 border-t border-white/12 bg-black/70 px-4 py-3 backdrop-blur-[18px]" }, _t = { class: "text-[0.76rem] font-bold uppercase tracking-[0.18em] text-[#f7f1ea]/74" }, vt = { class: "relative h-4 w-full" }, yt = [
 	"max",
 	"value",
 	"disabled"
-], vt = { class: "text-[0.76rem] font-bold uppercase tracking-[0.18em] text-[#f7f1ea]/74" }, yt = ["data-layout"], bt = {
+], bt = { class: "text-[0.76rem] font-bold uppercase tracking-[0.18em] text-[#f7f1ea]/74" }, xt = ["data-layout"], St = {
 	key: 0,
 	"data-testid": "vibe-media-volume-popover",
 	class: "absolute bottom-[calc(100%+0.8rem)] right-0 grid justify-items-center gap-3 border border-white/12 bg-black/82 px-3 py-4 shadow-[0_20px_50px_-20px_rgba(0,0,0,0.85)] backdrop-blur-[18px]"
-}, xt = { class: "relative flex h-28 w-4 items-center justify-center" }, St = ["value"], Ct = { class: "flex items-center gap-3" }, wt = ["aria-label"], Tt = {
+}, Ct = { class: "relative flex h-28 w-4 items-center justify-center" }, wt = ["value"], Tt = { class: "flex items-center gap-3" }, Et = ["aria-label"], Dt = {
 	key: 0,
 	class: "relative h-4 w-24"
-}, Et = ["value"], Dt = /* @__PURE__ */ d({
+}, Ot = ["value"], kt = /* @__PURE__ */ d({
 	__name: "FullscreenMediaBar",
 	props: {
 		currentTime: {},
@@ -1379,8 +1379,8 @@ var pt = {
 		"volume-toggle"
 	],
 	setup(e, { emit: t }) {
-		let n = e, r = t, l = D(null), u = D(!1), d = i(() => n.volumeControlLayout === "vertical"), f = i(() => C(n.volume, 0, 1)), p = i(() => Math.round(f.value * 100)), m = i(() => n.muted || f.value <= 0 ? de : f.value < .5 ? ue : X), h = i(() => n.muted || f.value <= 0 ? "Unmute active media" : "Mute active media"), g = i(() => d.value && !u.value ? "Show volume controls" : h.value), _ = i(() => n.volumeControlLayout === "vertical" ? { height: `${p.value}%` } : { width: `${p.value}%` });
-		L(d, (e) => {
+		let n = e, r = t, l = D(null), u = D(!1), d = i(() => n.volumeControlLayout === "vertical"), f = i(() => C(n.volume, 0, 1)), p = i(() => Math.round(f.value * 100)), m = i(() => n.muted || f.value <= 0 ? fe : f.value < .5 ? ue : de), h = i(() => n.muted || f.value <= 0 ? "Unmute active media" : "Mute active media"), g = i(() => d.value && !u.value ? "Show volume controls" : h.value), _ = i(() => n.volumeControlLayout === "vertical" ? { height: `${p.value}%` } : { width: `${p.value}%` });
+		z(d, (e) => {
 			e || (u.value = !1);
 		}), S(() => {
 			document.addEventListener("pointerdown", v);
@@ -1404,9 +1404,9 @@ var pt = {
 		function C(e, t, n) {
 			return Math.min(Math.max(e, t), n);
 		}
-		return (e, t) => (w(), s("div", pt, [c("div", mt, [
-			c("span", ht, j(n.currentTimeLabel), 1),
-			c("div", gt, [
+		return (e, t) => (w(), s("div", ht, [c("div", gt, [
+			c("span", _t, M(n.currentTimeLabel), 1),
+			c("div", vt, [
 				t[3] ||= c("div", { class: "absolute inset-x-0 top-1/2 h-px -translate-y-1/2 bg-white/12" }, null, -1),
 				c("div", {
 					class: "absolute left-0 top-1/2 h-px -translate-y-1/2 bg-[#f7f1ea]",
@@ -1423,16 +1423,16 @@ var pt = {
 					disabled: n.duration <= 0,
 					class: "vibe-media-slider absolute inset-0 z-10 h-4 w-full cursor-pointer bg-transparent disabled:cursor-default disabled:opacity-50",
 					onInput: t[0] ||= (e) => r("seek-input", e)
-				}, null, 40, _t)
+				}, null, 40, yt)
 			]),
-			c("span", vt, j(n.durationLabel), 1),
+			c("span", bt, M(n.durationLabel), 1),
 			c("div", {
 				ref_key: "rootRef",
 				ref: l,
 				"data-testid": "vibe-media-volume",
 				"data-layout": n.volumeControlLayout,
 				class: "relative flex items-center justify-end"
-			}, [d.value && u.value ? (w(), s("div", bt, [c("div", xt, [
+			}, [d.value && u.value ? (w(), s("div", St, [c("div", Ct, [
 				t[4] ||= c("div", { class: "absolute bottom-0 left-1/2 h-full w-px -translate-x-1/2 bg-white/12" }, null, -1),
 				c("div", {
 					class: "absolute bottom-0 left-1/2 w-px -translate-x-1/2 bg-[#f7f1ea]",
@@ -1449,8 +1449,8 @@ var pt = {
 					value: f.value,
 					class: "vibe-media-slider absolute left-1/2 top-1/2 h-4 w-28 -translate-x-1/2 -translate-y-1/2 -rotate-90 bg-transparent",
 					onInput: t[1] ||= (e) => r("volume-input", e)
-				}, null, 40, St)
-			])])) : o("", !0), c("div", Ct, [c("button", {
+				}, null, 40, wt)
+			])])) : o("", !0), c("div", Tt, [c("button", {
 				type: "button",
 				"data-testid": "vibe-media-volume-button",
 				"aria-label": g.value,
@@ -1459,7 +1459,7 @@ var pt = {
 			}, [(w(), a(A(m.value), {
 				class: "h-4 w-4 stroke-[1.9]",
 				"aria-hidden": "true"
-			}))], 8, wt), n.volumeControlLayout === "horizontal" ? (w(), s("div", Tt, [
+			}))], 8, Et), n.volumeControlLayout === "horizontal" ? (w(), s("div", Dt, [
 				t[5] ||= c("div", { class: "absolute inset-x-0 top-1/2 h-px -translate-y-1/2 bg-white/12" }, null, -1),
 				c("div", {
 					class: "absolute left-0 top-1/2 h-px -translate-y-1/2 bg-[#f7f1ea]",
@@ -1476,24 +1476,24 @@ var pt = {
 					value: f.value,
 					class: "vibe-media-slider absolute inset-0 z-10 h-4 w-full cursor-pointer bg-transparent",
 					onInput: t[2] ||= (e) => r("volume-input", e)
-				}, null, 40, Et)
-			])) : o("", !0)])], 8, yt)
+				}, null, 40, Ot)
+			])) : o("", !0)])], 8, xt)
 		])]));
 	}
-}), Ot = { class: "pointer-events-none absolute inset-0 z-[3] flex flex-col justify-between p-[clamp(1.25rem,2.6vw,2.25rem)]" }, kt = { class: "grid gap-4" }, At = { class: "flex min-h-11 items-center justify-between gap-4" }, jt = { class: "min-w-0 flex flex-1 items-center gap-3" }, Mt = {
+}), At = { class: "pointer-events-none absolute inset-0 z-[3] flex flex-col justify-between p-[clamp(1.25rem,2.6vw,2.25rem)]" }, jt = { class: "grid gap-4" }, Mt = { class: "flex min-h-11 items-center justify-between gap-4" }, Nt = { class: "min-w-0 flex flex-1 items-center gap-3" }, Pt = {
 	key: 1,
 	"data-testid": "vibe-title",
 	class: "m-0 truncate text-left text-[0.82rem] leading-none tracking-[-0.04em] min-[721px]:text-[1.2rem]"
-}, Nt = { class: "pointer-events-auto flex shrink-0 items-center gap-2" }, Pt = {
+}, Ft = { class: "pointer-events-auto flex shrink-0 items-center gap-2" }, It = {
 	"data-testid": "vibe-pagination",
 	class: "inline-flex shrink-0 items-center gap-2 whitespace-nowrap border border-white/14 bg-black/40 px-3 py-2 text-[0.63rem] font-bold uppercase tracking-[0.12em] text-[#f7f1ea]/72 backdrop-blur-[18px] min-[721px]:gap-3 min-[721px]:px-4 min-[721px]:py-3 min-[721px]:text-[0.74rem] min-[721px]:tracking-[0.2em]"
-}, Ft = { class: "whitespace-nowrap" }, It = {
+}, Lt = { class: "whitespace-nowrap" }, Rt = {
 	key: 1,
 	class: "whitespace-nowrap border-l border-white/12 pl-2 text-[#f7f1ea]/56 min-[721px]:pl-3"
-}, Lt = {
+}, zt = {
 	key: 0,
 	class: "grid gap-2 max-[720px]:justify-items-start"
-}, Rt = /* @__PURE__ */ d({
+}, Bt = /* @__PURE__ */ d({
 	__name: "FullscreenHeader",
 	props: {
 		currentIndex: {},
@@ -1507,47 +1507,47 @@ var pt = {
 	emits: ["back-to-list"],
 	setup(e, { emit: t }) {
 		let n = e, r = t;
-		return (e, t) => (w(), s("div", Ot, [c("div", kt, [c("div", At, [c("div", jt, [n.showBackToList ? (w(), s("button", {
+		return (e, t) => (w(), s("div", At, [c("div", jt, [c("div", Mt, [c("div", Nt, [n.showBackToList ? (w(), s("button", {
 			key: 0,
 			type: "button",
 			"data-testid": "vibe-back-to-list",
 			class: "pointer-events-auto inline-flex h-11 w-11 shrink-0 items-center justify-center border border-white/14 bg-black/40 text-[#f7f1ea]/78 backdrop-blur-[18px] transition hover:border-white/28 hover:bg-black/55",
 			"aria-label": "Back to list",
 			onClick: t[0] ||= (e) => r("back-to-list")
-		}, [u(N(J), {
+		}, [u(F(X), {
 			class: "h-4 w-4 stroke-[2.2]",
 			"aria-hidden": "true"
-		})])) : o("", !0), n.title ? (w(), s("h2", Mt, j(n.title), 1)) : o("", !0)]), c("div", Nt, [c("span", Pt, [
-			n.loading ? (w(), a(N(oe), {
+		})])) : o("", !0), n.title ? (w(), s("h2", Pt, M(n.title), 1)) : o("", !0)]), c("div", Ft, [c("span", It, [
+			n.loading ? (w(), a(F(oe), {
 				key: 0,
 				"data-testid": "vibe-pagination-spinner",
 				class: "h-3.5 w-3.5 animate-spin stroke-[1.9]",
 				"aria-hidden": "true"
 			})) : o("", !0),
-			c("span", Ft, j(n.currentIndex + 1) + " / " + j(n.total), 1),
-			n.paginationDetail ? (w(), s("span", It, j(n.paginationDetail), 1)) : o("", !0)
-		]), k(e.$slots, "actions")])])]), n.showEndBadge ? (w(), s("div", Lt, [...t[1] ||= [c("span", { class: "inline-flex items-center border border-amber-300/35 bg-black/40 px-4 py-3 text-[0.74rem] font-bold uppercase tracking-[0.2em] text-amber-200 backdrop-blur-[18px]" }, " End reached ", -1)]])) : o("", !0)]));
-	}
-}), zt = {
-	image: ae,
-	video: re,
-	audio: Y,
-	other: ie
-}, Bt = {
+			c("span", Lt, M(n.currentIndex + 1) + " / " + M(n.total), 1),
+			n.paginationDetail ? (w(), s("span", Rt, M(n.paginationDetail), 1)) : o("", !0)
+		]), k(e.$slots, "actions")])])]), n.showEndBadge ? (w(), s("div", zt, [...t[1] ||= [c("span", { class: "inline-flex items-center border border-amber-300/35 bg-black/40 px-4 py-3 text-[0.74rem] font-bold uppercase tracking-[0.2em] text-amber-200 backdrop-blur-[18px]" }, " End reached ", -1)]])) : o("", !0)]));
+	}
+}), Vt = {
+	image: Z,
+	video: ie,
+	audio: re,
+	other: ae
+}, Ht = {
 	image: "Image",
 	video: "Video",
 	audio: "Audio",
 	other: "File"
 };
-function Vt(e) {
-	return zt[e];
+function Ut(e) {
+	return Vt[e];
 }
-function Ht(e) {
-	return Bt[e];
+function Wt(e) {
+	return Ht[e];
 }
 //#endregion
 //#region src/components/viewer-core/useAssetLoadQueue.ts
-function Ut() {
+function Gt() {
 	let e = /* @__PURE__ */ new Map(), t = /* @__PURE__ */ new Map(), n = 0;
 	function r(r) {
 		let a = {
@@ -1570,7 +1570,7 @@ function Ut() {
 	function i() {
 		if (t.size === 0) return;
 		let n = [...t.values()].sort((e, t) => {
-			let n = Gt(e) - Gt(t);
+			let n = qt(e) - qt(t);
 			return n === 0 ? e.enqueuedAt - t.enqueuedAt : n;
 		});
 		for (let r of n) {
@@ -1584,8 +1584,8 @@ function Ut() {
 	}
 	return { request: r };
 }
-var Wt = Ut();
-function Gt(e) {
+var Kt = Gt();
+function qt(e) {
 	try {
 		let t = e.getPriority();
 		return Number.isFinite(t) ? t : Infinity;
@@ -1595,20 +1595,20 @@ function Gt(e) {
 }
 //#endregion
 //#region src/components/viewer-core/useFullscreenPreloadController.ts
-var Kt = [
+var Jt = [
 	0,
 	1,
 	2,
 	3
-], qt = {
+], Yt = {
 	0: 0,
 	1: 1,
 	2: 2,
 	3: 3
 };
-function Jt(e) {
-	let t = D({}), n = Ut(), r = /* @__PURE__ */ new Map(), i = /* @__PURE__ */ new Map(), a = /* @__PURE__ */ new Map(), o = /* @__PURE__ */ new Set();
-	L([
+function Xt(e) {
+	let t = D({}), n = Gt(), r = /* @__PURE__ */ new Map(), i = /* @__PURE__ */ new Map(), a = /* @__PURE__ */ new Map(), o = /* @__PURE__ */ new Set();
+	z([
 		e.active,
 		e.items,
 		e.resolvedActiveIndex
@@ -1628,14 +1628,14 @@ function Jt(e) {
 	}
 	function l(e, t) {
 		if (t instanceof HTMLImageElement) {
-			i.set(e, t), Xt(t) && d(e);
+			i.set(e, t), Qt(t) && d(e);
 			return;
 		}
 		i.delete(e);
 	}
 	function u(e, t) {
 		if (t instanceof HTMLMediaElement) {
-			a.set(e, t), Zt(t) && d(e);
+			a.set(e, t), $t(t) && d(e);
 			return;
 		}
 		a.delete(e);
@@ -1676,7 +1676,7 @@ function Jt(e) {
 					assetType: s.item.type === "image" ? "image" : "video",
 					getPriority: () => g(o.index),
 					onGrant: () => {
-						y(s.key, !0), (e.isAssetReady(s.key, s.item) || Yt(s.key, i, a)) && d(s.key);
+						y(s.key, !0), (e.isAssetReady(s.key, s.item) || Zt(s.key, i, a)) && d(s.key);
 					},
 					url: s.item.url
 				})
@@ -1687,14 +1687,14 @@ function Jt(e) {
 	}
 	function h() {
 		let t = e.resolvedActiveIndex.value;
-		return Kt.map((e) => _(t + e)).filter((e) => !!e);
+		return Jt.map((e) => _(t + e)).filter((e) => !!e);
 	}
 	function g(t) {
-		return e.active.value ? qt[t - e.resolvedActiveIndex.value] ?? Infinity : Infinity;
+		return e.active.value ? Yt[t - e.resolvedActiveIndex.value] ?? Infinity : Infinity;
 	}
 	function _(t) {
 		let n = e.items.value[t];
-		return !n || !Qt(n) ? null : {
+		return !n || !en(n) ? null : {
 			index: t,
 			item: n,
 			key: e.getItemKey(n)
@@ -1743,26 +1743,26 @@ function Jt(e) {
 		shouldAttachSlideAsset: s
 	};
 }
-function Yt(e, t, n) {
+function Zt(e, t, n) {
 	let r = t.get(e);
-	if (r) return Xt(r);
+	if (r) return Qt(r);
 	let i = n.get(e);
-	return i ? Zt(i) : !1;
+	return i ? $t(i) : !1;
 }
-function Xt(e) {
+function Qt(e) {
 	return e.complete && !!(e.currentSrc || e.getAttribute("src"));
 }
-function Zt(e) {
+function $t(e) {
 	let t = typeof HTMLMediaElement > "u" ? 1 : HTMLMediaElement.HAVE_METADATA;
 	return e.readyState >= t;
 }
-function Qt(e) {
+function en(e) {
 	return e.type === "image" || e.type === "video" || e.type === "audio";
 }
 //#endregion
 //#region src/components/viewer-core/useFullscreenSurfaceMedia.ts
-function $t(e) {
-	let t = Jt({
+function tn(e) {
+	let t = Xt({
 		active: e.active,
 		getItemKey: r,
 		isAssetReady: m,
@@ -1772,10 +1772,10 @@ function $t(e) {
 	});
 	function n(e, t) {
 		let n = t.title?.trim();
-		return n ? `${e} ${n}` : `${e} ${Ht(t.type).toLowerCase()}`;
+		return n ? `${e} ${n}` : `${e} ${Wt(t.type).toLowerCase()}`;
 	}
 	function r(e) {
-		return Q(e);
+		return $(e);
 	}
 	function i(e) {
 		return t.shouldAttachSlideAsset(e);
@@ -1835,11 +1835,11 @@ function $t(e) {
 }
 //#endregion
 //#region src/components/viewer-core/slotContent.ts
-function en(e) {
+function nn(e) {
 	if (!Array.isArray(e)) return !1;
 	for (let t of e) {
 		if (Array.isArray(t)) {
-			if (en(t)) return !0;
+			if (nn(t)) return !0;
 			continue;
 		}
 		if (!h(t)) {
@@ -1850,20 +1850,20 @@ function en(e) {
 			if (t != null && t !== !1) return !0;
 			continue;
 		}
-		if (!tn(t)) return !0;
+		if (!rn(t)) return !0;
 	}
 	return !1;
 }
-function tn(r) {
-	return r.type === e ? !0 : r.type === n ? typeof r.children == "string" ? r.children.trim().length === 0 : !0 : r.type === t ? !en(r.children) : !1;
+function rn(r) {
+	return r.type === e ? !0 : r.type === n ? typeof r.children == "string" ? r.children.trim().length === 0 : !0 : r.type === t ? !nn(r.children) : !1;
 }
 //#endregion
 //#region src/components/viewer-core/useSurfaceEmptyState.ts
-var nn = "no items available";
-function rn(e) {
+var an = "no items available";
+function on(e) {
 	let t = i(() => e.loading.value || e.itemCount.value > 0 || e.emptyStateMode.value === "hidden" ? null : {
 		loading: !!e.loading.value,
-		message: nn,
+		message: an,
 		mode: e.emptyStateMode.value === "badge" ? "badge" : "inline",
 		surface: e.surface,
 		total: e.itemCount.value
@@ -1871,23 +1871,23 @@ function rn(e) {
 	return {
 		emptyStateProps: t,
 		showBadgeEmptyState: i(() => t.value?.mode === "badge"),
-		showCustomEmptyState: i(() => en(n.value)),
+		showCustomEmptyState: i(() => nn(n.value)),
 		showInlineEmptyState: i(() => t.value?.mode === "inline")
 	};
 }
 //#endregion
 //#region src/components/viewer-core/format.ts
-function an(e) {
+function sn(e) {
 	if (!Number.isFinite(e) || e <= 0) return "0:00";
 	let t = Math.floor(e), n = Math.floor(t / 3600), r = Math.floor(t % 3600 / 60), i = t % 60;
 	return n > 0 ? `${n}:${String(r).padStart(2, "0")}:${String(i).padStart(2, "0")}` : `${r}:${String(i).padStart(2, "0")}`;
 }
 //#endregion
 //#region src/components/viewer-core/surfaceStatus.ts
-function on(e) {
+function cn(e) {
 	return e.phase ? e.phase : e.loading ? e.itemCount > 0 ? "loading" : "initializing" : "idle";
 }
-function sn(e) {
+function ln(e) {
 	return e.phase === "failed" ? {
 		kind: "failed",
 		message: e.errorMessage ?? (e.hasItems ? "The viewer could not load more items." : "The viewer could not load items.")
@@ -1910,9 +1910,9 @@ function sn(e) {
 }
 //#endregion
 //#region src/components/viewer-core/useActivation.ts
-function cn(e) {
+function un(e) {
 	let t = !1;
-	L(e.enabled, async (t) => {
+	z(e.enabled, async (t) => {
 		if (n(t), t) {
 			e.onResize(), await e.onEnable();
 			return;
@@ -1933,7 +1933,7 @@ function cn(e) {
 }
 //#endregion
 //#region src/components/viewer-core/assetState.ts
-var ln = {
+var dn = {
 	currentTime: 0,
 	duration: 0,
 	errorKind: null,
@@ -1942,38 +1942,38 @@ var ln = {
 	ready: !1,
 	volume: 1
 };
-function un() {
-	return { ...ln };
+function fn() {
+	return { ...dn };
 }
-function dn(e) {
+function pn(e) {
 	return e.complete && !!(e.currentSrc || e.getAttribute("src"));
 }
-function fn(e, t, n) {
-	e.currentTime = Number.isFinite(t.currentTime) ? t.currentTime : 0, e.duration = Number.isFinite(t.duration) ? t.duration : 0, e.muted = t.muted, e.paused = t.paused, e.volume = Number.isFinite(t.volume) ? t.volume : e.volume, n && n !== "error" && (e.errorKind = null), e.ready = pn(t, n);
+function mn(e, t, n) {
+	e.currentTime = Number.isFinite(t.currentTime) ? t.currentTime : 0, e.duration = Number.isFinite(t.duration) ? t.duration : 0, e.muted = t.muted, e.paused = t.paused, e.volume = Number.isFinite(t.volume) ? t.volume : e.volume, n && n !== "error" && (e.errorKind = null), e.ready = hn(t, n);
 }
-function pn(e, t) {
+function hn(e, t) {
 	return t === "error" || t === "loadstart" || t === "waiting" || t === "stalled" ? !1 : t === "canplay" || t === "canplaythrough" || t === "playing" ? !0 : e.readyState >= HTMLMediaElement.HAVE_CURRENT_DATA;
 }
 //#endregion
 //#region src/components/viewer-core/loadError.ts
-var mn = /* @__PURE__ */ new Map();
-function hn(e) {
+var gn = /* @__PURE__ */ new Map();
+function _n(e) {
 	return e === "not-found" ? "404" : "Load error";
 }
-function gn(e) {
+function vn(e) {
 	return e === "generic";
 }
-function _n(e) {
-	return vn(e).then((e) => e ?? "generic");
+function yn(e) {
+	return bn(e).then((e) => e ?? "generic");
 }
-function vn(e) {
-	let t = mn.get(e);
+function bn(e) {
+	let t = gn.get(e);
 	if (t) return t;
-	let n = yn(e);
-	return mn.set(e, n), n;
+	let n = xn(e);
+	return gn.set(e, n), n;
 }
-async function yn(e) {
-	if (!bn(e)) return null;
+async function xn(e) {
+	if (!Sn(e)) return null;
 	try {
 		let t = await fetch(e, { method: "HEAD" });
 		return t.ok ? null : t.status === 404 ? "not-found" : "generic";
@@ -1981,12 +1981,12 @@ async function yn(e) {
 		return "generic";
 	}
 }
-function bn(e) {
+function Sn(e) {
 	return /^(https?:\/\/|\/)/i.test(e);
 }
 //#endregion
 //#region src/components/viewer-core/mediaPlayback.ts
-function xn(e) {
+function Cn(e) {
 	try {
 		let t = e.play();
 		t && typeof t.catch == "function" && t.catch(() => {});
@@ -1994,17 +1994,17 @@ function xn(e) {
 }
 //#endregion
 //#region src/components/viewer-core/useMedia.ts
-function Sn(e) {
-	let t = D({}), n = D({}), r = D({}), a = D({}), o = D({}), s = /* @__PURE__ */ new Map(), c = /* @__PURE__ */ new Map(), l = /* @__PURE__ */ new Set(), u = i(() => e.activeItem.value ? Q(e.activeItem.value) : null), d = i(() => e.activeMediaItem.value ? Q(e.activeMediaItem.value) : null), f = i(() => {
+function wn(e) {
+	let t = D({}), n = D({}), r = D({}), a = D({}), o = D({}), s = /* @__PURE__ */ new Map(), c = /* @__PURE__ */ new Map(), l = /* @__PURE__ */ new Set(), u = i(() => e.activeItem.value ? $(e.activeItem.value) : null), d = i(() => e.activeMediaItem.value ? $(e.activeMediaItem.value) : null), f = i(() => {
 		let t = /* @__PURE__ */ new Map();
-		for (let n of e.items.value) t.set(Q(n), n);
+		for (let n of e.items.value) t.set($(n), n);
 		return t;
-	}), p = i(() => d.value ? r.value[d.value] ?? ln : ln), m = i(() => d.value ? p.value.duration : 0), h = i(() => m.value <= 0 ? 0 : Cn(p.value.currentTime / m.value * 100, 0, 100)), g = i(() => u.value ? R(u.value) : null);
-	L(() => u.value, async () => {
+	}), p = i(() => d.value ? r.value[d.value] ?? dn : dn), m = i(() => d.value ? p.value.duration : 0), h = i(() => m.value <= 0 ? 0 : Tn(p.value.currentTime / m.value * 100, 0, 100)), g = i(() => u.value ? L(u.value) : null);
+	z(() => u.value, async () => {
 		await C();
-	}), L(() => e.itemCount.value, async () => {
+	}), z(() => e.itemCount.value, async () => {
 		await C();
-	}), L(() => e.loopFullscreenVideo.value, async () => {
+	}), z(() => e.loopFullscreenVideo.value, async () => {
 		await C();
 	});
 	function v(e, t) {
@@ -2022,10 +2022,10 @@ function Sn(e) {
 		c.delete(e);
 	}
 	function b(e, r) {
-		r instanceof HTMLImageElement && dn(r) && (t.value[e] = !0, n.value[e] = null, Y(e, r.currentSrc || r.src || ie(e)));
+		r instanceof HTMLImageElement && pn(r) && (t.value[e] = !0, n.value[e] = null, Y(e, r.currentSrc || r.src || re(e)));
 	}
 	function x() {
-		H(), a.value = {}, n.value = {}, t.value = {}, o.value = {}, r.value = {}, l.clear();
+		U(), a.value = {}, n.value = {}, t.value = {}, o.value = {}, r.value = {}, l.clear();
 	}
 	function S(e) {
 		delete t.value[e], delete n.value[e], delete o.value[e], delete r.value[e], l.forEach((t) => {
@@ -2034,24 +2034,24 @@ function Sn(e) {
 	}
 	async function C() {
 		if (!e.isEnabled.value) {
-			H();
+			U();
 			return;
 		}
 		await _();
 		let t = u.value;
 		for (let [n, i] of s.entries()) {
 			if (n !== t || r.value[n]?.errorKind) {
-				V(i, n);
+				H(i, n);
 				continue;
 			}
-			i.muted = !1, i.loop = e.loopFullscreenVideo.value, i.playsInline = !0, xn(i), W(n, i);
+			i.muted = !1, i.loop = e.loopFullscreenVideo.value, i.playsInline = !0, Cn(i), W(n, i);
 		}
 		for (let [e, n] of c.entries()) {
 			if (e !== t || r.value[e]?.errorKind) {
-				V(n, e);
+				H(n, e);
 				continue;
 			}
-			xn(n), W(e, n);
+			Cn(n), W(e, n);
 		}
 	}
 	function w(e, t) {
@@ -2060,16 +2060,16 @@ function Sn(e) {
 			let i = r.value[e]?.ready ?? !1;
 			W(e, n, t.type);
 			let a = r.value[e]?.ready ?? !1;
-			!i && a && Y(e, n.currentSrc || n.src || ie(e));
+			!i && a && Y(e, n.currentSrc || n.src || re(e));
 		}
 	}
 	function T(e, r) {
 		t.value[e] = !0, n.value[e] = null, Y(e, r);
 	}
 	async function E(r, i) {
-		let a = re(r) ?? e.activeItem.value;
+		let a = X(r) ?? e.activeItem.value;
 		t.value[r] = !1, n.value[r] = "generic";
-		let o = await _n(i);
+		let o = await yn(i);
 		n.value[r] = o, a && e.onAssetError?.({
 			item: a,
 			occurrenceKey: r,
@@ -2079,7 +2079,7 @@ function Sn(e) {
 		});
 	}
 	async function O(t, n) {
-		let r = K(t), i = U(t), a = re(t) ?? e.activeMediaItem.value ?? e.activeItem.value;
+		let r = q(t), i = te(t), a = X(t) ?? e.activeMediaItem.value ?? e.activeItem.value;
 		if (r) {
 			r.pause();
 			try {
@@ -2087,7 +2087,7 @@ function Sn(e) {
 			} catch {}
 		}
 		i.currentTime = 0, i.duration = 0, i.paused = !0, i.ready = !1, i.errorKind = "generic";
-		let o = await _n(n);
+		let o = await yn(n);
 		i.errorKind = o, a && e.onAssetError?.({
 			item: a,
 			occurrenceKey: t,
@@ -2097,28 +2097,28 @@ function Sn(e) {
 		});
 	}
 	function k(e, t, n) {
-		e.button !== 0 || Date.now() < n || J(s.get(t) ?? null);
+		e.button !== 0 || Date.now() < n || ne(s.get(t) ?? null);
 	}
 	function A(e, t, n) {
-		e.button !== 0 || Date.now() < n || J(K(t));
+		e.button !== 0 || Date.now() < n || ne(q(t));
 	}
 	function j(e) {
-		let t = q(), n = d.value;
+		let t = J(), n = d.value;
 		if (!t || !n || !(e.target instanceof HTMLInputElement)) return;
 		let r = Number.parseFloat(e.target.value);
 		if (!Number.isFinite(r)) return;
-		let i = Cn(r, 0, m.value || 0);
-		ne(n, i, t), t.currentTime = i;
+		let i = Tn(r, 0, m.value || 0);
+		G(n, i, t), t.currentTime = i;
 	}
 	function M(e) {
-		let t = q(), n = d.value;
+		let t = J(), n = d.value;
 		if (!t || !n || !(e.target instanceof HTMLInputElement)) return;
-		let r = Cn(Number.parseFloat(e.target.value), 0, 1);
+		let r = Tn(Number.parseFloat(e.target.value), 0, 1);
 		t.volume = r, t.muted = r <= 0, r > 0 && (o.value[n] = r), W(n, t);
 	}
 	function N() {
-		let e = q(), t = d.value;
-		!e || !t || (e.muted || e.volume <= 0 ? (e.volume = G(t), e.muted = !1, o.value[t] = e.volume) : (o.value[t] = e.volume, e.muted = !0), W(t, e));
+		let e = J(), t = d.value;
+		!e || !t || (e.muted || e.volume <= 0 ? (e.volume = K(t), e.muted = !1, o.value[t] = e.volume) : (o.value[t] = e.volume, e.muted = !0), W(t, e));
 	}
 	function P(e) {
 		return !!t.value[e] && !n.value[e];
@@ -2129,70 +2129,70 @@ function Sn(e) {
 	function I(e) {
 		return e.url;
 	}
-	function R(e) {
+	function L(e) {
 		return n.value[e] ?? r.value[e]?.errorKind ?? null;
 	}
-	function z(e) {
-		let t = R(e);
-		return t ? hn(t) : null;
+	function R(e) {
+		let t = L(e);
+		return t ? _n(t) : null;
 	}
 	function ee(e) {
-		return gn(R(e));
+		return vn(L(e));
 	}
-	function te(e) {
+	function B(e) {
 		return `${e}:${a.value[e] ?? 0}`;
 	}
-	async function B(e) {
+	async function V(e) {
 		if (!ee(e)) return;
 		t.value[e] = !1, n.value[e] = null;
-		let r = U(e);
+		let r = te(e);
 		r.currentTime = 0, r.duration = 0, r.paused = !0, r.ready = !1, r.errorKind = null;
-		let i = K(e);
-		i && V(i, e), l.forEach((t) => {
+		let i = q(e);
+		i && H(i, e), l.forEach((t) => {
 			t.startsWith(`${e}|`) && l.delete(t);
 		}), a.value[e] = (a.value[e] ?? 0) + 1, await _(), await C();
 	}
-	function V(e, t) {
+	function H(e, t) {
 		e.pause();
 		try {
 			e.currentTime = 0;
 		} catch {}
 		W(t, e);
 	}
-	function H() {
-		for (let [e, t] of s.entries()) V(t, e);
-		for (let [e, t] of c.entries()) V(t, e);
+	function U() {
+		for (let [e, t] of s.entries()) H(t, e);
+		for (let [e, t] of c.entries()) H(t, e);
 	}
-	function U(e) {
-		return r.value[e] || (r.value[e] = un()), r.value[e];
+	function te(e) {
+		return r.value[e] || (r.value[e] = fn()), r.value[e];
 	}
 	function W(e, t, n) {
-		fn(U(e), t, n), !t.muted && t.volume > 0 && (o.value[e] = t.volume);
+		mn(te(e), t, n), !t.muted && t.volume > 0 && (o.value[e] = t.volume);
 	}
-	function ne(e, t, n) {
-		let r = U(e);
+	function G(e, t, n) {
+		let r = te(e);
 		r.currentTime = t, r.duration = Number.isFinite(n.duration) ? n.duration : r.duration, r.muted = n.muted, r.paused = n.paused, r.volume = Number.isFinite(n.volume) ? n.volume : r.volume;
 	}
-	function G(e) {
-		return Cn(o.value[e] ?? 1, 0, 1);
-	}
 	function K(e) {
+		return Tn(o.value[e] ?? 1, 0, 1);
+	}
+	function q(e) {
 		return s.get(e) ?? c.get(e) ?? null;
 	}
-	function q() {
-		return d.value ? K(d.value) : null;
+	function J() {
+		return d.value ? q(d.value) : null;
 	}
-	function J(e) {
+	function ne(e) {
 		if (e) {
 			if (e.paused) {
-				xn(e);
+				Cn(e);
 				return;
 			}
 			e.pause();
 		}
 	}
 	function Y(t, n) {
-		let r = re(t) ?? e.activeMediaItem.value ?? e.activeItem.value;
+		let r = X(t) ?? e.activeMediaItem.value ?? e.activeItem.value;
 		if (!r || !n) return;
 		let i = `${t}|${n}`;
 		l.has(i) || (l.add(i), e.onAssetLoad?.({
@@ -2202,20 +2202,20 @@ function Sn(e) {
 			url: n
 		}));
 	}
-	function re(e) {
+	function X(e) {
 		return f.value.get(e) ?? null;
 	}
-	function ie(e) {
-		return re(e)?.url ?? null;
+	function re(e) {
+		return X(e)?.url ?? null;
 	}
 	return {
 		activeAssetErrorKind: g,
 		activeMediaDuration: m,
 		activeMediaProgress: h,
 		activeMediaState: p,
-		getAssetErrorKind: R,
-		getAssetErrorLabel: z,
-		getAssetRenderKey: te,
+		getAssetErrorKind: L,
+		getAssetErrorLabel: R,
+		getAssetRenderKey: B,
 		getImageSource: I,
 		isImageReady: P,
 		isMediaReady: F,
@@ -2235,20 +2235,20 @@ function Sn(e) {
 		registerVideoElement: v,
 		resetAssetState: S,
 		resetMediaState: x,
-		retryAsset: B,
+		retryAsset: V,
 		syncMediaPlayback: C
 	};
 }
-function Cn(e, t, n) {
+function Tn(e, t, n) {
 	return Math.min(Math.max(e, t), n);
 }
 //#endregion
 //#region src/components/viewer-core/virtualization.ts
-var wn = {
+var En = {
 	backward: 1,
 	forward: 3
 };
-function Tn(e, t, n = wn) {
+function Dn(e, t, n = En) {
 	return t <= 0 ? {
 		start: 0,
 		end: -1
@@ -2257,14 +2257,14 @@ function Tn(e, t, n = wn) {
 		end: Math.min(t - 1, e + n.forward)
 	};
 }
-function En(e, t, n = wn) {
-	let r = Tn(t, e.length, n);
+function On(e, t, n = En) {
+	let r = Dn(t, e.length, n);
 	return r.end < r.start ? [] : e.slice(r.start, r.end + 1).map((e, t) => ({
 		item: e,
 		index: r.start + t
 	}));
 }
-function Dn(e, t, n, r, i) {
+function kn(e, t, n, r, i) {
 	return {
 		transform: `translate3d(0, ${(e - t) * n + r}px, 0)`,
 		transition: i ? "none" : "transform 320ms cubic-bezier(0.22, 1, 0.36, 1)"
@@ -2272,12 +2272,12 @@ function Dn(e, t, n, r, i) {
 }
 //#endregion
 //#region src/components/viewer-core/useViewer.ts
-function On(e, t, n = {}) {
-	let r = i(() => e.items), a = i(() => e.activeIndex ?? 0), o = i(() => e.errorMessage ?? null), s = i(() => e.loading ?? !1), c = i(() => e.hasNextPage ?? !1), l = i(() => e.loopFullscreenVideo ?? !0), u = i(() => e.paginationDetail ?? null), d = i(() => on({
+function An(e, t, n = {}) {
+	let r = i(() => e.items), a = i(() => e.activeIndex ?? 0), o = i(() => e.errorMessage ?? null), s = i(() => e.loading ?? !1), c = i(() => e.hasNextPage ?? !1), l = i(() => e.loopFullscreenVideo ?? !0), u = i(() => e.paginationDetail ?? null), d = i(() => cn({
 		itemCount: r.value.length,
 		loading: s.value,
 		phase: e.phase
-	})), f = i(() => !1), p = D(null), m = D(0), h = D(!1), g = D(1), _ = n.enabled ?? i(() => !0), v = null, y = 0, b = 0, x = 0, S = i(() => r.value.length === 0 ? 0 : P(a.value, 0, r.value.length - 1)), C = i(() => r.value[S.value] ?? null), w = i(() => C.value?.type === "audio" || C.value?.type === "video" ? C.value : null), T = Sn({
+	})), f = i(() => !1), p = D(null), m = D(0), h = D(!1), g = D(1), _ = n.enabled ?? i(() => !0), v = null, y = 0, b = 0, x = 0, S = i(() => r.value.length === 0 ? 0 : P(a.value, 0, r.value.length - 1)), C = i(() => r.value[S.value] ?? null), w = i(() => C.value?.type === "audio" || C.value?.type === "video" ? C.value : null), T = wn({
 		items: r,
 		activeItem: C,
 		activeMediaItem: w,
@@ -2286,17 +2286,17 @@ function On(e, t, n = {}) {
 		loopFullscreenVideo: l,
 		onAssetError: n.onAssetError,
 		onAssetLoad: n.onAssetLoad
-	}), E = i(() => r.value.length > 0 && S.value === r.value.length - 1), O = i(() => sn({
+	}), E = i(() => r.value.length > 0 && S.value === r.value.length - 1), O = i(() => ln({
 		errorMessage: o.value,
 		hasItems: r.value.length > 0,
 		hasNextPage: c.value,
 		phase: d.value,
 		surface: "fullscreen"
-	})), k = i(() => O.value?.kind ?? null), A = i(() => O.value?.message ?? null), j = i(() => Math.min(96, g.value * .15 || 96)), M = i(() => Tn(S.value, r.value.length)), N = i(() => En(r.value, S.value));
-	cn({
+	})), k = i(() => O.value?.kind ?? null), A = i(() => O.value?.message ?? null), j = i(() => Math.min(96, g.value * .15 || 96)), M = i(() => Dn(S.value, r.value.length)), N = i(() => On(r.value, S.value));
+	un({
 		enabled: _,
 		onDisable() {
-			H(), T.resetMediaState();
+			U(), T.resetMediaState();
 		},
 		onEnable() {
 			return T.syncMediaPlayback();
@@ -2323,55 +2323,55 @@ function On(e, t, n = {}) {
 		return t && !I(-1) || n && !I(1) ? e * .24 : e;
 	}
 	function z(e) {
-		!_.value || r.value.length === 0 || e.pointerType === "mouse" || ge(e.target) || (v = e.pointerId, y = e.clientY, m.value = 0, h.value = !0, p.value?.setPointerCapture?.(e.pointerId));
+		!_.value || r.value.length === 0 || e.pointerType === "mouse" || Q(e.target) || (v = e.pointerId, y = e.clientY, m.value = 0, h.value = !0, p.value?.setPointerCapture?.(e.pointerId));
 	}
 	function ee(e) {
 		!_.value || !h.value || v !== e.pointerId || (m.value = R(e.clientY - y));
 	}
-	function te(e) {
-		!_.value || v !== e.pointerId || (p.value?.releasePointerCapture?.(e.pointerId), V());
-	}
 	function B(e) {
 		!_.value || v !== e.pointerId || (p.value?.releasePointerCapture?.(e.pointerId), H());
 	}
-	function V() {
-		Math.abs(m.value) >= j.value && (x = Date.now() + 250, L(m.value < 0 ? 1 : -1)), H();
+	function V(e) {
+		!_.value || v !== e.pointerId || (p.value?.releasePointerCapture?.(e.pointerId), U());
 	}
 	function H() {
+		Math.abs(m.value) >= j.value && (x = Date.now() + 250, L(m.value < 0 ? 1 : -1)), U();
+	}
+	function U() {
 		m.value = 0, h.value = !1, v = null;
 	}
-	function U(e) {
-		if (!_.value || r.value.length === 0 || h.value || ge(e.target) || Math.abs(e.deltaY) < Math.max(Math.abs(e.deltaX), 24)) return;
+	function te(e) {
+		if (!_.value || r.value.length === 0 || h.value || Q(e.target) || Math.abs(e.deltaY) < Math.max(Math.abs(e.deltaX), 24)) return;
 		e.preventDefault();
 		let t = Date.now();
 		t < b || (b = t + 400, L(e.deltaY > 0 ? 1 : -1));
 	}
 	function W(e) {
-		!_.value || r.value.length === 0 || he(e.target) || ((e.key === "ArrowDown" || e.key === "PageDown") && (e.preventDefault(), L(1)), (e.key === "ArrowUp" || e.key === "PageUp") && (e.preventDefault(), L(-1)));
+		!_.value || r.value.length === 0 || ge(e.target) || ((e.key === "ArrowDown" || e.key === "PageDown") && (e.preventDefault(), L(1)), (e.key === "ArrowUp" || e.key === "PageUp") && (e.preventDefault(), L(-1)));
 	}
-	function ne(e, t) {
+	function G(e, t) {
 		T.onVideoClick(e, t, x);
 	}
-	function G(e, t) {
+	function K(e, t) {
 		T.onAudioCoverClick(e, t, x);
 	}
-	function K(e) {
+	function q(e) {
 		T.onMediaSeekInput(e);
 	}
-	function q(e) {
+	function J(e) {
 		T.onMediaVolumeInput(e);
 	}
-	function J() {
+	function ne() {
 		T.onMediaVolumeToggle();
 	}
 	function Y(e) {
 		return e.type === "image" || e.type === "video";
 	}
-	function re(e) {
+	function X(e) {
 		return e.type === "audio";
 	}
-	function ie(e) {
-		return Dn(e, S.value, g.value, m.value, h.value);
+	function re(e) {
+		return kn(e, S.value, g.value, m.value, h.value);
 	}
 	return {
 		activeItem: C,
@@ -2386,32 +2386,32 @@ function On(e, t, n = {}) {
 		getAssetErrorKind: T.getAssetErrorKind,
 		getAssetErrorLabel: T.getAssetErrorLabel,
 		getAssetRenderKey: T.getAssetRenderKey,
-		formatPlaybackTime: an,
+		formatPlaybackTime: sn,
 		getImageSource: T.getImageSource,
-		getSlideStyle: ie,
+		getSlideStyle: re,
 		hasNextPage: c,
 		isAtEnd: E,
-		isAudio: re,
+		isAudio: X,
 		isVisual: Y,
 		items: r,
 		loading: s,
 		mediaStates: T.mediaStates,
 		isImageReady: T.isImageReady,
 		isMediaReady: T.isMediaReady,
-		onAudioCoverClick: G,
+		onAudioCoverClick: K,
 		onImageError: T.onImageError,
 		onImageLoad: T.onImageLoad,
 		onMediaEvent: T.onMediaEvent,
 		onMediaError: T.onMediaError,
-		onMediaSeekInput: K,
-		onMediaVolumeInput: q,
-		onMediaVolumeToggle: J,
-		onPointerCancel: B,
+		onMediaSeekInput: q,
+		onMediaVolumeInput: J,
+		onMediaVolumeToggle: ne,
+		onPointerCancel: V,
 		onPointerDown: z,
 		onPointerMove: ee,
-		onPointerUp: te,
-		onVideoClick: ne,
-		onWheel: U,
+		onPointerUp: B,
+		onVideoClick: G,
+		onWheel: te,
 		registerAudioElement: T.registerAudioElement,
 		registerImageElement: T.registerImageElement,
 		registerVideoElement: T.registerVideoElement,
@@ -2430,21 +2430,21 @@ function On(e, t, n = {}) {
 }
 //#endregion
 //#region src/components/viewer-core/theme.ts
-var kn = "bg-[linear-gradient(180deg,#0a0b10,#05060a)]", An = "bg-[linear-gradient(180deg,#0b0c11,#06070b)]", jn = {
+var jn = "bg-[linear-gradient(180deg,#0a0b10,#05060a)]", Mn = "bg-[linear-gradient(180deg,#0b0c11,#06070b)]", Nn = {
 	image: !0,
 	video: !0,
 	audio: !0,
 	other: !0
 };
-function Mn(e) {
-	return jn[e], kn;
+function Pn(e) {
+	return Nn[e], jn;
 }
-function Nn(e) {
-	return jn[e], An;
+function Fn(e) {
+	return Nn[e], Mn;
 }
 //#endregion
 //#region src/components/viewer-core/useFullscreenAssetEvents.ts
-function Pn(e) {
+function In(e) {
 	function t(t, n) {
 		return e.fullscreenMedia.shouldHandleSlideAssetEvent(t, n) ? e.fullscreenMedia.getItemKey(n) : null;
 	}
@@ -2477,7 +2477,7 @@ function Pn(e) {
 }
 //#endregion
 //#region src/components/viewer-core/dominantImageTone.ts
-function Fn(e) {
+function Ln(e) {
 	if (e.naturalWidth <= 0 || e.naturalHeight <= 0) return null;
 	let t = document.createElement("canvas"), n = t.getContext("2d", { willReadFrequently: !0 });
 	if (!n) return null;
@@ -2492,20 +2492,20 @@ function Fn(e) {
 			r += d, i += s * d, a += c * d, o += l * d;
 		}
 		return r <= 0 ? null : {
-			r: In(Math.round(i / r)),
-			g: In(Math.round(a / r)),
-			b: In(Math.round(o / r))
+			r: Rn(Math.round(i / r)),
+			g: Rn(Math.round(a / r)),
+			b: Rn(Math.round(o / r))
 		};
 	} catch {
 		return null;
 	}
 }
-function In(e) {
+function Rn(e) {
 	return Math.min(235, Math.max(26, e));
 }
 //#endregion
 //#region src/components/viewer-core/useFullscreenDominantTone.ts
-function Ln(e) {
+function zn(e) {
 	let t = D({}), n = i(() => e.activeItem.value ? e.getItemKey(e.activeItem.value) : null), r = i(() => !e.showDominantImageTone.value || e.activeItem.value?.type !== "image" || !n.value || !e.isImageReady(n.value) ? null : t.value[n.value] ?? null), a = i(() => {
 		if (!r.value) return;
 		let { r: e, g: t, b: n } = r.value;
@@ -2515,12 +2515,12 @@ function Ln(e) {
 		let { r: e, g: t, b: n } = r.value;
 		return { background: `radial-gradient(circle at center, rgba(${e},${t},${n},0.42) 0%, transparent 44%), linear-gradient(180deg,#0b0c11,#06070b)` };
 	});
-	L(() => e.showDominantImageTone.value, (e) => {
+	z(() => e.showDominantImageTone.value, (e) => {
 		e || (t.value = {});
 	});
 	function s(n, r) {
 		if (!e.showDominantImageTone.value) return;
-		let i = Fn(r);
+		let i = Ln(r);
 		i && (t.value[n] = i);
 	}
 	return {
@@ -2531,7 +2531,7 @@ function Ln(e) {
 }
 //#endregion
 //#region src/components/SurfaceEmptyState.vue?vue&type=script&setup=true&lang.ts
-var Rn = ["data-surface"], zn = ["data-surface"], Bn = /* @__PURE__ */ d({
+var Bn = ["data-surface"], Vn = ["data-surface"], Hn = /* @__PURE__ */ d({
 	inheritAttrs: !1,
 	__name: "SurfaceEmptyState",
 	props: {
@@ -2540,36 +2540,36 @@ var Rn = ["data-surface"], zn = ["data-surface"], Bn = /* @__PURE__ */ d({
 		surface: {}
 	},
 	setup(e) {
-		let t = P();
-		return (n, r) => e.mode === "inline" ? (w(), s("div", g({ key: 0 }, N(t), {
+		let t = I();
+		return (n, r) => e.mode === "inline" ? (w(), s("div", g({ key: 0 }, F(t), {
 			"data-testid": "vibe-empty-state-inline",
 			"data-surface": e.surface,
 			class: ["pointer-events-none absolute z-[4] text-center", e.surface === "grid" ? "inset-x-0 top-[clamp(6rem,22vh,11rem)] flex justify-center px-6" : "inset-0 grid place-items-center px-[clamp(2rem,4vw,3rem)] py-[clamp(2rem,4vw,3rem)]"]
-		}), [k(n.$slots, "default", {}, () => [c("p", { class: v(["m-0 text-[0.82rem] font-medium tracking-[0.08em]", e.surface === "grid" ? "text-[#f7f1ea]/58" : "text-[#f7f1ea]/64"]) }, j(e.message), 3)])], 16, Rn)) : (w(), s("div", g({ key: 1 }, N(t), { class: ["pointer-events-none absolute z-[4]", e.surface === "grid" ? "inset-x-0 bottom-0 flex justify-center px-6" : "bottom-[1.8rem] left-1/2 -translate-x-1/2 max-[720px]:bottom-[1.3rem]"] }), [k(n.$slots, "default", {}, () => [c("span", {
+		}), [k(n.$slots, "default", {}, () => [c("p", { class: v(["m-0 text-[0.82rem] font-medium tracking-[0.08em]", e.surface === "grid" ? "text-[#f7f1ea]/58" : "text-[#f7f1ea]/64"]) }, M(e.message), 3)])], 16, Bn)) : (w(), s("div", g({ key: 1 }, F(t), { class: ["pointer-events-none absolute z-[4]", e.surface === "grid" ? "inset-x-0 bottom-0 flex justify-center px-6" : "bottom-[1.8rem] left-1/2 -translate-x-1/2 max-[720px]:bottom-[1.3rem]"] }), [k(n.$slots, "default", {}, () => [c("span", {
 			"data-testid": "vibe-empty-state-badge",
 			"data-surface": e.surface,
 			class: v(["inline-flex items-center border border-white/14 backdrop-blur-[18px]", e.surface === "grid" ? "bg-black/55 px-4 py-3 text-[0.82rem] font-medium tracking-[0.08em] text-[#f7f1ea]/72" : "w-auto bg-black/40 px-5 py-3 text-[0.82rem] font-medium tracking-[0.08em] text-[#f7f1ea]/74 max-[720px]:w-[calc(100%-2.5rem)] max-[720px]:justify-center"])
-		}, j(e.message), 11, zn)])], 16));
+		}, M(e.message), 11, Vn)])], 16));
 	}
-}), Vn = { class: "relative h-full min-h-0 overflow-hidden bg-[#05060a] text-[#f7f1ea]" }, Hn = {
+}), Un = { class: "relative h-full min-h-0 overflow-hidden bg-[#05060a] text-[#f7f1ea]" }, Wn = {
 	key: 0,
 	class: "relative h-full min-h-0"
-}, Un = [
+}, Gn = [
 	"data-item-id",
 	"data-occurrence-key",
 	"data-index",
 	"data-active",
 	"aria-hidden"
-], Wn = {
+], Kn = {
 	key: 0,
 	"data-testid": "vibe-asset-spinner",
 	class: "pointer-events-none absolute inset-0 z-[2] grid place-items-center"
-}, Gn = { class: "inline-flex h-12 w-12 items-center justify-center rounded-full bg-black/45 shadow-[0_18px_40px_-18px_rgba(0,0,0,0.85)] backdrop-blur-[18px]" }, Kn = ["data-kind"], qn = { class: "grid justify-items-center gap-4 border border-white/14 bg-black/45 px-8 py-7 text-center backdrop-blur-[18px]" }, Jn = { class: "m-0 text-[0.82rem] font-bold uppercase tracking-[0.28em] text-[#f7f1ea]/70" }, Yn = ["onClick"], Xn = [
+}, qn = { class: "inline-flex h-12 w-12 items-center justify-center rounded-full bg-black/45 shadow-[0_18px_40px_-18px_rgba(0,0,0,0.85)] backdrop-blur-[18px]" }, Jn = ["data-kind"], Yn = { class: "grid justify-items-center gap-4 border border-white/14 bg-black/45 px-8 py-7 text-center backdrop-blur-[18px]" }, Xn = { class: "m-0 text-[0.82rem] font-bold uppercase tracking-[0.28em] text-[#f7f1ea]/70" }, Zn = ["onClick"], Qn = [
 	"src",
 	"alt",
 	"onLoad",
 	"onError"
-], Zn = [
+], $n = [
 	"loop",
 	"src",
 	"preload",
@@ -2588,15 +2588,15 @@ var Rn = ["data-surface"], zn = ["data-surface"], Bn = /* @__PURE__ */ d({
 	"onStalled",
 	"onTimeupdate",
 	"onWaiting"
-], Qn = { class: "relative grid aspect-square w-[clamp(320px,46vw,560px)] max-w-[calc(100vw-2.5rem)] place-items-center" }, $n = [
+], er = { class: "relative grid aspect-square w-[clamp(320px,46vw,560px)] max-w-[calc(100vw-2.5rem)] place-items-center" }, tr = [
 	"aria-label",
 	"disabled",
 	"onClick"
-], er = { class: "relative z-[1] inline-flex min-h-[4.25rem] min-w-[4.25rem] items-center justify-center border border-white/18 bg-emerald-500/12 p-4 backdrop-blur-[20px]" }, tr = { class: "pointer-events-none absolute bottom-4 right-4 inline-flex h-10 w-10 items-center justify-center border border-white/14 bg-black/50 backdrop-blur-[18px]" }, nr = {
+], nr = { class: "relative z-[1] inline-flex min-h-[4.25rem] min-w-[4.25rem] items-center justify-center border border-white/18 bg-emerald-500/12 p-4 backdrop-blur-[20px]" }, rr = { class: "pointer-events-none absolute bottom-4 right-4 inline-flex h-10 w-10 items-center justify-center border border-white/14 bg-black/50 backdrop-blur-[18px]" }, ir = {
 	key: 0,
 	"data-testid": "vibe-asset-spinner",
 	class: "pointer-events-none absolute inset-0 z-[3] grid place-items-center"
-}, rr = { class: "inline-flex h-12 w-12 items-center justify-center rounded-full bg-black/45 shadow-[0_18px_40px_-18px_rgba(0,0,0,0.85)] backdrop-blur-[18px]" }, ir = ["data-kind"], ar = { class: "m-0 text-[0.82rem] font-bold uppercase tracking-[0.28em] text-[#f7f1ea]/70" }, or = ["onClick"], sr = [
+}, ar = { class: "inline-flex h-12 w-12 items-center justify-center rounded-full bg-black/45 shadow-[0_18px_40px_-18px_rgba(0,0,0,0.85)] backdrop-blur-[18px]" }, or = ["data-kind"], sr = { class: "m-0 text-[0.82rem] font-bold uppercase tracking-[0.28em] text-[#f7f1ea]/70" }, cr = ["onClick"], lr = [
 	"src",
 	"preload",
 	"onCanplay",
@@ -2612,26 +2612,26 @@ var Rn = ["data-surface"], zn = ["data-surface"], Bn = /* @__PURE__ */ d({
 	"onStalled",
 	"onTimeupdate",
 	"onWaiting"
-], cr = {
+], ur = {
 	key: 2,
 	class: "relative z-[1] grid w-full max-w-[1100px] justify-items-center gap-6 px-[clamp(2rem,4vw,3rem)] py-[clamp(2rem,4vw,3rem)] text-center"
-}, lr = { class: "inline-flex min-h-[4.25rem] min-w-[4.25rem] items-center justify-center border border-white/18 bg-white/8 p-4 backdrop-blur-[20px]" }, ur = {
+}, dr = { class: "inline-flex min-h-[4.25rem] min-w-[4.25rem] items-center justify-center border border-white/18 bg-white/8 p-4 backdrop-blur-[20px]" }, fr = {
 	key: 0,
 	"data-testid": "vibe-fullscreen-overlay",
 	class: "pointer-events-none absolute inset-0 z-[6]"
-}, dr = { class: "h-full w-full" }, fr = {
+}, pr = { class: "h-full w-full" }, mr = {
 	key: 1,
 	"data-testid": "vibe-forward-fill-placeholder",
 	class: "grid h-full min-h-0 place-items-center px-6 text-center"
-}, pr = { class: "grid justify-items-center gap-4 border border-white/14 bg-black/40 px-8 py-7 backdrop-blur-[18px]" }, mr = { class: "inline-flex h-12 w-12 items-center justify-center rounded-full bg-black/45 shadow-[0_18px_40px_-18px_rgba(0,0,0,0.85)]" }, hr = { class: "m-0 text-[0.78rem] font-bold uppercase tracking-[0.24em] text-[#f7f1ea]/72" }, gr = {
+}, hr = { class: "grid justify-items-center gap-4 border border-white/14 bg-black/40 px-8 py-7 backdrop-blur-[18px]" }, gr = { class: "inline-flex h-12 w-12 items-center justify-center rounded-full bg-black/45 shadow-[0_18px_40px_-18px_rgba(0,0,0,0.85)]" }, _r = { class: "m-0 text-[0.78rem] font-bold uppercase tracking-[0.24em] text-[#f7f1ea]/72" }, vr = {
 	key: 0,
 	"data-testid": "vibe-fullscreen-aside",
 	class: "h-full min-h-0 overflow-hidden border-l border-white/10 bg-black/45 backdrop-blur-[18px]"
-}, _r = { class: "h-full min-h-0 overflow-y-auto overscroll-y-contain" }, vr = {
+}, yr = { class: "h-full min-h-0 overflow-y-auto overscroll-y-contain" }, br = {
 	key: 0,
 	"data-testid": "vibe-fullscreen-aside",
 	class: "absolute inset-y-0 right-0 z-[6] w-full max-w-[22rem] overflow-hidden border-l border-white/10 bg-black/82 backdrop-blur-[18px]"
-}, yr = { class: "h-full min-h-0 overflow-y-auto overscroll-y-contain" }, br = 1280, xr = 768, Sr = /* @__PURE__ */ d({
+}, xr = { class: "h-full min-h-0 overflow-y-auto overscroll-y-contain" }, Sr = 1280, Cr = 768, wr = /* @__PURE__ */ d({
 	__name: "FullscreenSurface",
 	props: {
 		active: {
@@ -2683,27 +2683,27 @@ var Rn = ["data-surface"], zn = ["data-surface"], Bn = /* @__PURE__ */ d({
 	},
 	emits: ["back-to-list", "update:activeIndex"],
 	setup(e, { emit: n }) {
-		let d = e, f = F(), m = n, h = On(d, (e, t) => {
+		let d = e, f = L(), m = n, h = An(d, (e, t) => {
 			m("update:activeIndex", t);
 		}, {
-			enabled: M(d, "active"),
+			enabled: N(d, "active"),
 			onAssetError: d.reportAssetError ?? void 0,
 			onAssetLoad: d.reportAssetLoad ?? void 0
-		}), _ = D(typeof window > "u" ? br : window.innerWidth || br), C = $t({
-			active: M(d, "active"),
+		}), _ = D(typeof window > "u" ? Sr : window.innerWidth || Sr), C = tn({
+			active: N(d, "active"),
 			items: h.items,
 			resolvedActiveIndex: h.resolvedActiveIndex,
 			viewer: h
-		}), T = i(() => Mn(h.activeItem.value?.type ?? "image")), { activeSlideToneStyle: E, activeStageToneStyle: P, updateFromImageElement: I } = Ln({
+		}), T = i(() => Pn(h.activeItem.value?.type ?? "image")), { activeSlideToneStyle: E, activeStageToneStyle: j, updateFromImageElement: P } = zn({
 			activeItem: h.activeItem,
 			getItemKey: C.getItemKey,
 			isImageReady: h.isImageReady,
-			showDominantImageTone: M(d, "showDominantImageTone")
-		}), L = Pn({
+			showDominantImageTone: N(d, "showDominantImageTone")
+		}), I = In({
 			fullscreenMedia: C,
-			updateDominantToneFromImageElement: ve,
+			updateDominantToneFromImageElement: _e,
 			viewer: h
-		}), R = i(() => h.activeMediaItem.value && !h.activeAssetErrorKind.value ? "bottom-[5.8rem] max-[720px]:bottom-[7.4rem]" : "bottom-[1.8rem] max-[720px]:bottom-[1.3rem]"), ee = i(() => !!h.activeMediaItem.value && !h.activeAssetErrorKind.value), B = i(() => _.value < xr ? "vertical" : "horizontal"), V = i(() => ee.value ? "pb-[5.75rem] max-[720px]:pb-[7rem]" : ""), H = i(() => d.activeIndex >= d.items.length && (d.loading || d.hasNextPage)), U = i(() => d.hasNextPage ? "Loading more items" : h.statusMessage.value ?? "Loading more items"), W = i(() => {
+		}), R = i(() => h.activeMediaItem.value && !h.activeAssetErrorKind.value ? "bottom-[5.8rem] max-[720px]:bottom-[7.4rem]" : "bottom-[1.8rem] max-[720px]:bottom-[1.3rem]"), z = i(() => !!h.activeMediaItem.value && !h.activeAssetErrorKind.value), ee = i(() => _.value < Cr ? "vertical" : "horizontal"), V = i(() => z.value ? "pb-[5.75rem] max-[720px]:pb-[7rem]" : ""), U = i(() => d.activeIndex >= d.items.length && (d.loading || d.hasNextPage)), te = i(() => d.hasNextPage ? "Loading more items" : h.statusMessage.value ?? "Loading more items"), W = i(() => {
 			let e = h.activeItem.value;
 			return e ? {
 				hasNextPage: d.hasNextPage,
@@ -2713,46 +2713,46 @@ var Rn = ["data-surface"], zn = ["data-surface"], Bn = /* @__PURE__ */ d({
 				paginationDetail: d.paginationDetail,
 				total: d.items.length
 			} : null;
-		}), ne = i(() => !W.value || !f["fullscreen-header-actions"] ? [] : f["fullscreen-header-actions"](W.value)), G = i(() => !W.value || !f["fullscreen-aside"] ? [] : f["fullscreen-aside"](W.value)), K = i(() => !d.showStatusBadges || !W.value || !h.statusKind.value || !h.statusMessage.value ? null : {
+		}), G = i(() => !W.value || !f["fullscreen-header-actions"] ? [] : f["fullscreen-header-actions"](W.value)), K = i(() => !W.value || !f["fullscreen-aside"] ? [] : f["fullscreen-aside"](W.value)), q = i(() => !d.showStatusBadges || !W.value || !h.statusKind.value || !h.statusMessage.value ? null : {
 			...W.value,
 			kind: h.statusKind.value,
 			message: h.statusMessage.value
-		}), q = i(() => !K.value || !f["fullscreen-status"] ? [] : f["fullscreen-status"](K.value)), J = i(() => ({
-			gridTemplateColumns: ie.value ? "minmax(0, 1fr) 22rem" : "minmax(0, 1fr) 0rem",
+		}), J = i(() => !q.value || !f["fullscreen-status"] ? [] : f["fullscreen-status"](q.value)), ne = i(() => ({
+			gridTemplateColumns: re.value ? "minmax(0, 1fr) 22rem" : "minmax(0, 1fr) 0rem",
 			transition: "grid-template-columns 320ms cubic-bezier(0.22, 1, 0.36, 1)"
-		})), Y = i(() => en(ne.value)), re = i(() => en(G.value)), ie = i(() => re.value && _.value >= br), ae = i(() => re.value && !ie.value), ue = i(() => en(q.value)), { emptyStateProps: X, showBadgeEmptyState: de, showCustomEmptyState: fe, showInlineEmptyState: pe } = rn({
-			emptyStateMode: M(d, "emptyStateMode"),
+		})), Y = i(() => nn(G.value)), X = i(() => nn(K.value)), re = i(() => X.value && _.value >= Sr), ie = i(() => X.value && !re.value), ae = i(() => nn(J.value)), { emptyStateProps: Z, showBadgeEmptyState: ue, showCustomEmptyState: de, showInlineEmptyState: fe } = on({
+			emptyStateMode: N(d, "emptyStateMode"),
 			itemCount: i(() => d.items.length),
-			loading: M(d, "loading"),
+			loading: N(d, "loading"),
 			renderSlot: f["empty-state"],
 			surface: "fullscreen"
 		});
 		S(() => {
-			window.addEventListener("resize", me);
+			window.addEventListener("resize", pe);
 		}), x(() => {
-			window.removeEventListener("resize", me);
+			window.removeEventListener("resize", pe);
 		});
-		function me() {
-			_.value = window.innerWidth || br;
+		function pe() {
+			_.value = window.innerWidth || Sr;
 		}
-		function he(e, t) {
-			C.registerImageElement(e, t), h.registerImageElement(e, t), t instanceof HTMLImageElement && ve(e, t);
+		function me(e, t) {
+			C.registerImageElement(e, t), h.registerImageElement(e, t), t instanceof HTMLImageElement && _e(e, t);
 		}
-		function ge(e, t) {
+		function he(e, t) {
 			C.registerMediaElement(e, t), h.registerVideoElement(e, t);
 		}
-		function _e(e, t) {
+		function ge(e, t) {
 			C.registerMediaElement(e, t), h.registerAudioElement(e, t);
 		}
-		function Z(e, t, n) {
-			let r = L.onFullscreenMediaEvent(e, t, n), i = n.currentTarget, a = typeof HTMLMediaElement > "u" ? 1 : HTMLMediaElement.HAVE_METADATA;
+		function Q(e, t, n) {
+			let r = I.onFullscreenMediaEvent(e, t, n), i = n.currentTarget, a = typeof HTMLMediaElement > "u" ? 1 : HTMLMediaElement.HAVE_METADATA;
 			r && i instanceof HTMLMediaElement && i.readyState >= a && C.settleAssetPreload(r);
 		}
-		function ve(e, t) {
-			I(e, t);
+		function _e(e, t) {
+			P(e, t);
 		}
-		function ye(e, t, n) {
-			let r = L.getHandledItemKey(t, n);
+		function ve(e, t, n) {
+			let r = I.getHandledItemKey(t, n);
 			if (!r || (h.onMediaEvent(r, e), !d.loopFullscreenVideo)) return;
 			let i = e.currentTarget;
 			if (!(i instanceof HTMLVideoElement)) return;
@@ -2762,182 +2762,182 @@ var Rn = ["data-surface"], zn = ["data-surface"], Bn = /* @__PURE__ */ d({
 			let a = i.play();
 			a && typeof a.catch == "function" && a.catch(() => {});
 		}
-		return (e, n) => (w(), s("div", Vn, [
+		return (e, n) => (w(), s("div", Un, [
 			c("div", {
 				class: v(["absolute inset-0 transition-[background] duration-200", T.value]),
-				style: b(N(P))
+				style: b(F(j))
 			}, null, 6),
 			c("div", {
 				class: "relative z-[1] grid h-full min-h-0",
-				style: b(J.value)
+				style: b(ne.value)
 			}, [c("div", {
 				ref: "viewer.stageRef",
 				"data-testid": "vibe-stage",
 				class: "relative h-full min-h-0 touch-none overflow-hidden",
-				onPointerdown: n[1] ||= (...e) => N(h).onPointerDown && N(h).onPointerDown(...e),
-				onPointermove: n[2] ||= (...e) => N(h).onPointerMove && N(h).onPointerMove(...e),
-				onPointerup: n[3] ||= (...e) => N(h).onPointerUp && N(h).onPointerUp(...e),
-				onPointercancel: n[4] ||= (...e) => N(h).onPointerCancel && N(h).onPointerCancel(...e),
-				onWheel: n[5] ||= (...e) => N(h).onWheel && N(h).onWheel(...e)
-			}, [N(h).activeItem.value ? (w(), s("div", Hn, [
-				(w(!0), s(t, null, O(N(h).renderedItems.value, ({ item: r, index: i }) => (w(), s("article", {
-					key: N(C).getItemKey(r),
+				onPointerdown: n[1] ||= (...e) => F(h).onPointerDown && F(h).onPointerDown(...e),
+				onPointermove: n[2] ||= (...e) => F(h).onPointerMove && F(h).onPointerMove(...e),
+				onPointerup: n[3] ||= (...e) => F(h).onPointerUp && F(h).onPointerUp(...e),
+				onPointercancel: n[4] ||= (...e) => F(h).onPointerCancel && F(h).onPointerCancel(...e),
+				onWheel: n[5] ||= (...e) => F(h).onWheel && F(h).onWheel(...e)
+			}, [F(h).activeItem.value ? (w(), s("div", Wn, [
+				(w(!0), s(t, null, O(F(h).renderedItems.value, ({ item: r, index: i }) => (w(), s("article", {
+					key: F(C).getItemKey(r),
 					"data-testid": "vibe-slide",
 					"data-item-id": r.id,
-					"data-occurrence-key": N(C).getItemKey(r),
+					"data-occurrence-key": F(C).getItemKey(r),
 					"data-index": i,
-					"data-active": i === N(h).resolvedActiveIndex.value,
-					"aria-hidden": i === N(h).resolvedActiveIndex.value ? "false" : "true",
-					class: v(["absolute inset-0 flex h-full min-h-full items-center justify-center will-change-transform", i === N(h).resolvedActiveIndex.value ? "pointer-events-auto" : "pointer-events-none"]),
-					style: b(N(h).getSlideStyle(i))
+					"data-active": i === F(h).resolvedActiveIndex.value,
+					"aria-hidden": i === F(h).resolvedActiveIndex.value ? "false" : "true",
+					class: v(["absolute inset-0 flex h-full min-h-full items-center justify-center will-change-transform", i === F(h).resolvedActiveIndex.value ? "pointer-events-auto" : "pointer-events-none"]),
+					style: b(F(h).getSlideStyle(i))
 				}, [c("div", {
-					class: v(["absolute inset-0 opacity-85", N(Nn)(r.type)]),
-					style: b(i === N(h).resolvedActiveIndex.value && r.type === "image" ? N(E) : void 0)
-				}, null, 6), N(h).isVisual(r) ? (w(), s("div", {
+					class: v(["absolute inset-0 opacity-85", F(Fn)(r.type)]),
+					style: b(i === F(h).resolvedActiveIndex.value && r.type === "image" ? F(E) : void 0)
+				}, null, 6), F(h).isVisual(r) ? (w(), s("div", {
 					key: 0,
-					class: v(["relative z-[1] flex h-full w-full items-center justify-center overflow-hidden", i === N(h).resolvedActiveIndex.value ? V.value : ""])
-				}, [N(C).isAssetLoading(i, r) ? (w(), s("div", Wn, [c("span", Gn, [u(N(oe), {
+					class: v(["relative z-[1] flex h-full w-full items-center justify-center overflow-hidden", i === F(h).resolvedActiveIndex.value ? V.value : ""])
+				}, [F(C).isAssetLoading(i, r) ? (w(), s("div", Kn, [c("span", qn, [u(F(oe), {
 					class: "h-5 w-5 animate-spin stroke-[1.9] text-[#f7f1ea]/78",
 					"aria-hidden": "true"
-				})])])) : o("", !0), N(C).isAssetErrored(i, r) ? (w(), s("div", {
+				})])])) : o("", !0), F(C).isAssetErrored(i, r) ? (w(), s("div", {
 					key: 1,
 					"data-testid": "vibe-asset-error",
-					"data-kind": N(C).getAssetErrorKind(r),
+					"data-kind": F(C).getAssetErrorKind(r),
 					class: "grid h-full w-full place-items-center"
-				}, [c("div", qn, [
-					u(N(le), {
+				}, [c("div", Yn, [
+					u(F(le), {
 						class: "h-7 w-7 stroke-[1.9] text-[#f7f1ea]/72",
 						"aria-hidden": "true"
 					}),
-					c("p", Jn, j(N(C).getAssetErrorLabel(r)), 1),
-					N(h).canRetryAsset(N(C).getItemKey(r)) ? (w(), s("button", {
+					c("p", Xn, M(F(C).getAssetErrorLabel(r)), 1),
+					F(h).canRetryAsset(F(C).getItemKey(r)) ? (w(), s("button", {
 						key: 0,
 						type: "button",
 						class: "inline-flex items-center justify-center border border-white/14 bg-black/35 px-4 py-2 text-[0.64rem] font-bold uppercase tracking-[0.22em] text-[#f7f1ea]/82 backdrop-blur-[18px] transition hover:border-white/28 hover:bg-black/50",
-						onClick: te((e) => N(h).retryAsset(N(C).getItemKey(r)), ["stop"])
-					}, " Retry ", 8, Yn)) : o("", !0)
-				])], 8, Kn)) : r.type === "image" ? (w(), s("img", {
-					key: N(h).getAssetRenderKey(N(C).getItemKey(r)),
-					src: N(C).getFullscreenImageSource(i, r),
+						onClick: H((e) => F(h).retryAsset(F(C).getItemKey(r)), ["stop"])
+					}, " Retry ", 8, Zn)) : o("", !0)
+				])], 8, Jn)) : r.type === "image" ? (w(), s("img", {
+					key: F(h).getAssetRenderKey(F(C).getItemKey(r)),
+					src: F(C).getFullscreenImageSource(i, r),
 					alt: r.title ?? "",
 					crossorigin: "anonymous",
 					draggable: "false",
-					class: v(["block h-auto max-h-full w-auto max-w-full object-contain shadow-[0_40px_120px_-60px_rgba(0,0,0,0.9)] transition-opacity duration-300", N(h).isImageReady(N(C).getItemKey(r)) ? "opacity-100" : "opacity-0"]),
+					class: v(["block h-auto max-h-full w-auto max-w-full object-contain shadow-[0_40px_120px_-60px_rgba(0,0,0,0.9)] transition-opacity duration-300", F(h).isImageReady(F(C).getItemKey(r)) ? "opacity-100" : "opacity-0"]),
 					ref_for: !0,
-					ref: (e) => he(N(C).getItemKey(r), e),
-					onLoad: (e) => N(L).onFullscreenImageLoad(e, i, r),
-					onError: (e) => N(L).onFullscreenImageError(i, r)
-				}, null, 42, Xn)) : (w(), s("video", {
-					key: N(h).getAssetRenderKey(N(C).getItemKey(r)),
-					class: v(["block h-auto max-h-full w-auto max-w-full cursor-pointer object-contain shadow-[0_40px_120px_-60px_rgba(0,0,0,0.9)] transition-opacity duration-300", N(h).isMediaReady(N(C).getItemKey(r)) ? "opacity-100" : "opacity-0"]),
+					ref: (e) => me(F(C).getItemKey(r), e),
+					onLoad: (e) => F(I).onFullscreenImageLoad(e, i, r),
+					onError: (e) => F(I).onFullscreenImageError(i, r)
+				}, null, 42, Qn)) : (w(), s("video", {
+					key: F(h).getAssetRenderKey(F(C).getItemKey(r)),
+					class: v(["block h-auto max-h-full w-auto max-w-full cursor-pointer object-contain shadow-[0_40px_120px_-60px_rgba(0,0,0,0.9)] transition-opacity duration-300", F(h).isMediaReady(F(C).getItemKey(r)) ? "opacity-100" : "opacity-0"]),
 					playsinline: "",
 					loop: d.loopFullscreenVideo,
-					src: N(C).getFullscreenMediaSource(i, r),
-					preload: N(C).getFullscreenMediaPreload(i),
+					src: F(C).getFullscreenMediaSource(i, r),
+					preload: F(C).getFullscreenMediaPreload(i),
 					ref_for: !0,
-					ref: (e) => ge(N(C).getItemKey(r), e),
-					onClick: te((e) => N(h).onVideoClick(e, N(C).getItemKey(r)), ["stop"]),
-					onCanplay: (e) => Z(i, r, e),
-					onDurationchange: (e) => Z(i, r, e),
-					onEnded: (e) => ye(e, i, r),
-					onError: (e) => N(L).onFullscreenMediaError(i, r),
-					onLoadstart: (e) => Z(i, r, e),
-					onLoadedmetadata: (e) => Z(i, r, e),
-					onPause: (e) => Z(i, r, e),
-					onPlay: (e) => Z(i, r, e),
-					onPlaying: (e) => Z(i, r, e),
-					onSeeking: (e) => Z(i, r, e),
-					onSeeked: (e) => Z(i, r, e),
-					onStalled: (e) => Z(i, r, e),
-					onTimeupdate: (e) => Z(i, r, e),
-					onWaiting: (e) => Z(i, r, e)
-				}, null, 42, Zn))], 2)) : N(h).isAudio(r) ? (w(), s("div", {
+					ref: (e) => he(F(C).getItemKey(r), e),
+					onClick: H((e) => F(h).onVideoClick(e, F(C).getItemKey(r)), ["stop"]),
+					onCanplay: (e) => Q(i, r, e),
+					onDurationchange: (e) => Q(i, r, e),
+					onEnded: (e) => ve(e, i, r),
+					onError: (e) => F(I).onFullscreenMediaError(i, r),
+					onLoadstart: (e) => Q(i, r, e),
+					onLoadedmetadata: (e) => Q(i, r, e),
+					onPause: (e) => Q(i, r, e),
+					onPlay: (e) => Q(i, r, e),
+					onPlaying: (e) => Q(i, r, e),
+					onSeeking: (e) => Q(i, r, e),
+					onSeeked: (e) => Q(i, r, e),
+					onStalled: (e) => Q(i, r, e),
+					onTimeupdate: (e) => Q(i, r, e),
+					onWaiting: (e) => Q(i, r, e)
+				}, null, 42, $n))], 2)) : F(h).isAudio(r) ? (w(), s("div", {
 					key: 1,
-					class: v(["relative z-[1] grid w-full max-w-[1100px] justify-items-center gap-6 px-[clamp(2rem,4vw,3rem)] py-[clamp(2rem,4vw,3rem)] text-center", i === N(h).resolvedActiveIndex.value ? V.value : ""])
-				}, [c("div", Qn, [
+					class: v(["relative z-[1] grid w-full max-w-[1100px] justify-items-center gap-6 px-[clamp(2rem,4vw,3rem)] py-[clamp(2rem,4vw,3rem)] text-center", i === F(h).resolvedActiveIndex.value ? V.value : ""])
+				}, [c("div", er, [
 					c("button", {
 						type: "button",
 						class: "relative grid h-full w-full place-items-center border border-white/12 bg-[linear-gradient(180deg,rgba(255,255,255,0.04),rgba(255,255,255,0.02)),radial-gradient(circle_at_center,rgba(16,185,129,0.14),transparent_58%)] text-[#f7f1ea] transition-[border-color,background] duration-200 hover:border-white/30 hover:bg-[linear-gradient(180deg,rgba(255,255,255,0.07),rgba(255,255,255,0.03)),radial-gradient(circle_at_center,rgba(16,185,129,0.18),transparent_58%)] focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-[#f7f1ea]",
-						"aria-label": N(h).mediaStates.value[N(C).getItemKey(r)]?.paused ?? !0 ? N(C).getMediaActionLabel("Play", r) : N(C).getMediaActionLabel("Pause", r),
-						disabled: !!N(C).getAssetErrorKind(r),
-						onClick: (e) => N(h).onAudioCoverClick(e, N(C).getItemKey(r))
+						"aria-label": F(h).mediaStates.value[F(C).getItemKey(r)]?.paused ?? !0 ? F(C).getMediaActionLabel("Play", r) : F(C).getMediaActionLabel("Pause", r),
+						disabled: !!F(C).getAssetErrorKind(r),
+						onClick: (e) => F(h).onAudioCoverClick(e, F(C).getItemKey(r))
 					}, [
 						n[6] ||= c("span", { class: "pointer-events-none absolute inset-0 border border-white/8 bg-[radial-gradient(circle,rgba(16,185,129,0.16),transparent_66%)]" }, null, -1),
 						n[7] ||= c("span", { class: "pointer-events-none absolute h-[clamp(220px,30vw,360px)] w-[clamp(220px,30vw,360px)] border border-white/8 bg-[radial-gradient(circle,rgba(255,255,255,0.08),transparent_62%)]" }, null, -1),
-						c("span", er, [k(e.$slots, "item-icon", {
-							icon: N(Vt)(r.type),
+						c("span", nr, [k(e.$slots, "item-icon", {
+							icon: F(Ut)(r.type),
 							item: r
-						}, () => [(w(), a(A(N(Vt)(r.type)), {
+						}, () => [(w(), a(A(F(Ut)(r.type)), {
 							class: "h-6 w-6 stroke-[1.9]",
 							"aria-hidden": "true"
 						}))])]),
-						c("span", tr, [(w(), a(A(N(h).mediaStates.value[N(C).getItemKey(r)]?.paused ?? !0 ? N(ce) : N(se)), {
+						c("span", rr, [(w(), a(A(F(h).mediaStates.value[F(C).getItemKey(r)]?.paused ?? !0 ? F(ce) : F(se)), {
 							class: "h-4 w-4 stroke-2",
 							"aria-hidden": "true"
 						}))])
-					], 8, $n),
-					N(C).isAssetLoading(i, r) ? (w(), s("div", nr, [c("span", rr, [u(N(oe), {
+					], 8, tr),
+					F(C).isAssetLoading(i, r) ? (w(), s("div", ir, [c("span", ar, [u(F(oe), {
 						class: "h-5 w-5 animate-spin stroke-[1.9] text-[#f7f1ea]/78",
 						"aria-hidden": "true"
 					})])])) : o("", !0),
-					N(C).getAssetErrorKind(r) ? (w(), s(t, { key: 1 }, [n[8] ||= c("div", { class: "pointer-events-none absolute inset-0 border border-white/8 bg-[radial-gradient(circle,rgba(239,68,68,0.12),transparent_66%)]" }, null, -1), c("div", {
+					F(C).getAssetErrorKind(r) ? (w(), s(t, { key: 1 }, [n[8] ||= c("div", { class: "pointer-events-none absolute inset-0 border border-white/8 bg-[radial-gradient(circle,rgba(239,68,68,0.12),transparent_66%)]" }, null, -1), c("div", {
 						"data-testid": "vibe-asset-error",
-						"data-kind": N(C).getAssetErrorKind(r),
+						"data-kind": F(C).getAssetErrorKind(r),
 						class: "relative z-[1] grid justify-items-center gap-4"
 					}, [
-						u(N(le), {
+						u(F(le), {
 							class: "h-7 w-7 stroke-[1.9] text-[#f7f1ea]/72",
 							"aria-hidden": "true"
 						}),
-						c("p", ar, j(N(C).getAssetErrorLabel(r)), 1),
-						N(h).canRetryAsset(N(C).getItemKey(r)) ? (w(), s("button", {
+						c("p", sr, M(F(C).getAssetErrorLabel(r)), 1),
+						F(h).canRetryAsset(F(C).getItemKey(r)) ? (w(), s("button", {
 							key: 0,
 							type: "button",
 							class: "pointer-events-auto inline-flex items-center justify-center border border-white/14 bg-black/35 px-4 py-2 text-[0.64rem] font-bold uppercase tracking-[0.22em] text-[#f7f1ea]/82 backdrop-blur-[18px] transition hover:border-white/28 hover:bg-black/50",
-							onClick: te((e) => N(h).retryAsset(N(C).getItemKey(r)), ["stop"])
-						}, " Retry ", 8, or)) : o("", !0)
-					], 8, ir)], 64)) : o("", !0)
+							onClick: H((e) => F(h).retryAsset(F(C).getItemKey(r)), ["stop"])
+						}, " Retry ", 8, cr)) : o("", !0)
+					], 8, or)], 64)) : o("", !0)
 				]), (w(), s("audio", {
-					key: N(h).getAssetRenderKey(N(C).getItemKey(r)),
-					src: N(C).getFullscreenMediaSource(i, r),
-					preload: N(C).getFullscreenMediaPreload(i),
+					key: F(h).getAssetRenderKey(F(C).getItemKey(r)),
+					src: F(C).getFullscreenMediaSource(i, r),
+					preload: F(C).getFullscreenMediaPreload(i),
 					class: "pointer-events-none absolute h-px w-px opacity-0",
 					ref_for: !0,
-					ref: (e) => _e(N(C).getItemKey(r), e),
-					onCanplay: (e) => Z(i, r, e),
-					onDurationchange: (e) => Z(i, r, e),
-					onError: (e) => N(L).onFullscreenMediaError(i, r),
-					onLoadstart: (e) => Z(i, r, e),
-					onLoadedmetadata: (e) => Z(i, r, e),
-					onPause: (e) => Z(i, r, e),
-					onPlay: (e) => Z(i, r, e),
-					onPlaying: (e) => Z(i, r, e),
-					onSeeking: (e) => Z(i, r, e),
-					onSeeked: (e) => Z(i, r, e),
-					onStalled: (e) => Z(i, r, e),
-					onTimeupdate: (e) => Z(i, r, e),
-					onWaiting: (e) => Z(i, r, e)
-				}, null, 40, sr))], 2)) : (w(), s("div", cr, [c("div", lr, [k(e.$slots, "item-icon", {
-					icon: N(Vt)(r.type),
+					ref: (e) => ge(F(C).getItemKey(r), e),
+					onCanplay: (e) => Q(i, r, e),
+					onDurationchange: (e) => Q(i, r, e),
+					onError: (e) => F(I).onFullscreenMediaError(i, r),
+					onLoadstart: (e) => Q(i, r, e),
+					onLoadedmetadata: (e) => Q(i, r, e),
+					onPause: (e) => Q(i, r, e),
+					onPlay: (e) => Q(i, r, e),
+					onPlaying: (e) => Q(i, r, e),
+					onSeeking: (e) => Q(i, r, e),
+					onSeeked: (e) => Q(i, r, e),
+					onStalled: (e) => Q(i, r, e),
+					onTimeupdate: (e) => Q(i, r, e),
+					onWaiting: (e) => Q(i, r, e)
+				}, null, 40, lr))], 2)) : (w(), s("div", ur, [c("div", dr, [k(e.$slots, "item-icon", {
+					icon: F(Ut)(r.type),
 					item: r
-				}, () => [(w(), a(A(N(Vt)(r.type)), {
+				}, () => [(w(), a(A(F(Ut)(r.type)), {
 					class: "h-6 w-6 stroke-[1.9]",
 					"aria-hidden": "true"
-				}))])])]))], 14, Un))), 128)),
-				W.value && f["fullscreen-overlay"] ? (w(), s("div", ur, [c("div", dr, [k(e.$slots, "fullscreen-overlay", y(p(W.value)))])])) : o("", !0),
-				N(h).activeItem.value ? (w(), a(Rt, {
+				}))])])]))], 14, Gn))), 128)),
+				W.value && f["fullscreen-overlay"] ? (w(), s("div", fr, [c("div", pr, [k(e.$slots, "fullscreen-overlay", y(p(W.value)))])])) : o("", !0),
+				F(h).activeItem.value ? (w(), a(Bt, {
 					key: 1,
-					"current-index": N(h).resolvedActiveIndex.value,
+					"current-index": F(h).resolvedActiveIndex.value,
 					loading: d.loading,
-					"pagination-detail": N(h).paginationDetail.value,
+					"pagination-detail": F(h).paginationDetail.value,
 					"show-back-to-list": d.showBackToList,
-					"show-end-badge": d.showEndBadge && N(h).isAtEnd.value && !N(h).hasNextPage.value && !N(h).loading.value,
-					title: N(h).activeItem.value.title ?? null,
-					total: N(h).items.value.length,
+					"show-end-badge": d.showEndBadge && F(h).isAtEnd.value && !F(h).hasNextPage.value && !F(h).loading.value,
+					title: F(h).activeItem.value.title ?? null,
+					total: F(h).items.value.length,
 					onBackToList: n[0] ||= (e) => m("back-to-list")
 				}, l({ _: 2 }, [Y.value && W.value ? {
 					name: "actions",
-					fn: z(() => [k(e.$slots, "fullscreen-header-actions", y(p(W.value)))]),
+					fn: B(() => [k(e.$slots, "fullscreen-header-actions", y(p(W.value)))]),
 					key: "0"
 				} : void 0]), 1032, [
 					"current-index",
@@ -2948,19 +2948,19 @@ var Rn = ["data-surface"], zn = ["data-surface"], Bn = /* @__PURE__ */ d({
 					"title",
 					"total"
 				])) : o("", !0),
-				ee.value ? (w(), a(Dt, {
+				z.value ? (w(), a(kt, {
 					key: 2,
-					"current-time": N(h).activeMediaState.value.currentTime,
-					"current-time-label": N(h).formatPlaybackTime(N(h).activeMediaState.value.currentTime),
-					duration: N(h).activeMediaDuration.value,
-					"duration-label": N(h).formatPlaybackTime(N(h).activeMediaDuration.value),
-					muted: N(h).activeMediaState.value.muted,
-					progress: N(h).activeMediaProgress.value,
-					volume: N(h).activeMediaState.value.volume,
-					"volume-control-layout": B.value,
-					onSeekInput: N(h).onMediaSeekInput,
-					onVolumeInput: N(h).onMediaVolumeInput,
-					onVolumeToggle: N(h).onMediaVolumeToggle
+					"current-time": F(h).activeMediaState.value.currentTime,
+					"current-time-label": F(h).formatPlaybackTime(F(h).activeMediaState.value.currentTime),
+					duration: F(h).activeMediaDuration.value,
+					"duration-label": F(h).formatPlaybackTime(F(h).activeMediaDuration.value),
+					muted: F(h).activeMediaState.value.muted,
+					progress: F(h).activeMediaProgress.value,
+					volume: F(h).activeMediaState.value.volume,
+					"volume-control-layout": ee.value,
+					onSeekInput: F(h).onMediaSeekInput,
+					onVolumeInput: F(h).onMediaVolumeInput,
+					onVolumeToggle: F(h).onMediaVolumeToggle
 				}, null, 8, [
 					"current-time",
 					"current-time-label",
@@ -2974,36 +2974,36 @@ var Rn = ["data-surface"], zn = ["data-surface"], Bn = /* @__PURE__ */ d({
 					"onVolumeInput",
 					"onVolumeToggle"
 				])) : o("", !0),
-				K.value ? (w(), s("div", {
+				q.value ? (w(), s("div", {
 					key: 3,
 					class: v(["absolute left-1/2 z-[4] -translate-x-1/2", R.value])
-				}, [ue.value ? k(e.$slots, "fullscreen-status", y(g({ key: 0 }, K.value))) : (w(), s("div", {
+				}, [ae.value ? k(e.$slots, "fullscreen-status", y(g({ key: 0 }, q.value))) : (w(), s("div", {
 					key: 1,
 					"data-testid": "vibe-fullscreen-status-badge",
-					class: v(["inline-flex w-auto items-center border border-white/14 bg-black/40 px-5 py-3 text-[0.75rem] font-bold uppercase tracking-[0.18em] text-[#f7f1ea]/74 backdrop-blur-[18px] max-[720px]:w-[calc(100%-2.5rem)] max-[720px]:justify-center", K.value.kind === "end" ? "border-amber-300/35 text-amber-200" : K.value.kind === "failed" ? "border-rose-400/45 text-rose-100" : ""])
-				}, j(K.value.message), 3))], 2)) : o("", !0)
-			])) : H.value ? (w(), s("div", fr, [c("div", pr, [c("span", mr, [u(N(oe), {
+					class: v(["inline-flex w-auto items-center border border-white/14 bg-black/40 px-5 py-3 text-[0.75rem] font-bold uppercase tracking-[0.18em] text-[#f7f1ea]/74 backdrop-blur-[18px] max-[720px]:w-[calc(100%-2.5rem)] max-[720px]:justify-center", q.value.kind === "end" ? "border-amber-300/35 text-amber-200" : q.value.kind === "failed" ? "border-rose-400/45 text-rose-100" : ""])
+				}, M(q.value.message), 3))], 2)) : o("", !0)
+			])) : U.value ? (w(), s("div", mr, [c("div", hr, [c("span", gr, [u(F(oe), {
 				class: "h-5 w-5 animate-spin stroke-[1.9] text-[#f7f1ea]/78",
 				"aria-hidden": "true"
-			})]), c("p", hr, j(U.value), 1)])])) : N(pe) && N(X) ? (w(), a(Bn, {
+			})]), c("p", _r, M(te.value), 1)])])) : F(fe) && F(Z) ? (w(), a(Hn, {
 				key: 2,
-				message: N(X).message,
-				mode: N(X).mode,
-				surface: N(X).surface
+				message: F(Z).message,
+				mode: F(Z).mode,
+				surface: F(Z).surface
 			}, {
-				default: z(() => [N(fe) ? k(e.$slots, "empty-state", y(g({ key: 0 }, N(X)))) : o("", !0)]),
+				default: B(() => [F(de) ? k(e.$slots, "empty-state", y(g({ key: 0 }, F(Z)))) : o("", !0)]),
 				_: 3
 			}, 8, [
 				"message",
 				"mode",
 				"surface"
-			])) : o("", !0), N(de) && N(X) ? (w(), a(Bn, {
+			])) : o("", !0), F(ue) && F(Z) ? (w(), a(Hn, {
 				key: 3,
-				message: N(X).message,
-				mode: N(X).mode,
-				surface: N(X).surface
+				message: F(Z).message,
+				mode: F(Z).mode,
+				surface: F(Z).surface
 			}, {
-				default: z(() => [N(fe) ? k(e.$slots, "empty-state", y(g({ key: 0 }, N(X)))) : o("", !0)]),
+				default: B(() => [F(de) ? k(e.$slots, "empty-state", y(g({ key: 0 }, F(Z)))) : o("", !0)]),
 				_: 3
 			}, 8, [
 				"message",
@@ -3017,7 +3017,7 @@ var Rn = ["data-surface"], zn = ["data-surface"], Bn = /* @__PURE__ */ d({
 				"leave-from-class": "translate-x-0 opacity-100",
 				"leave-to-class": "translate-x-full opacity-0"
 			}, {
-				default: z(() => [ie.value && W.value ? (w(), s("aside", gr, [c("div", _r, [k(e.$slots, "fullscreen-aside", y(p(W.value)))])])) : o("", !0)]),
+				default: B(() => [re.value && W.value ? (w(), s("aside", vr, [c("div", yr, [k(e.$slots, "fullscreen-aside", y(p(W.value)))])])) : o("", !0)]),
 				_: 3
 			})], 4),
 			u(r, {
@@ -3028,29 +3028,29 @@ var Rn = ["data-surface"], zn = ["data-surface"], Bn = /* @__PURE__ */ d({
 				"leave-from-class": "translate-x-0 opacity-100",
 				"leave-to-class": "translate-x-full opacity-0"
 			}, {
-				default: z(() => [ae.value && W.value ? (w(), s("aside", vr, [c("div", yr, [k(e.$slots, "fullscreen-aside", y(p(W.value)))])])) : o("", !0)]),
+				default: B(() => [ie.value && W.value ? (w(), s("aside", br, [c("div", xr, [k(e.$slots, "fullscreen-aside", y(p(W.value)))])])) : o("", !0)]),
 				_: 3
 			})
 		]));
 	}
-}), Cr = 1, wr = .5;
-function Tr(e) {
+}), Tr = 1, Er = .5;
+function Dr(e) {
 	if (e.type !== "image" && e.type !== "video") return {
-		width: Cr,
-		height: Cr,
+		width: Tr,
+		height: Tr,
 		source: "fallback"
 	};
 	let t = e.preview?.width, n = e.preview?.height;
-	if (jr(t) && jr(n)) {
-		let r = Mr(e, t, n);
+	if (Ir(t) && Ir(n)) {
+		let r = Lr(e, t, n);
 		return {
 			width: r.width,
 			height: r.height,
 			source: "preview"
 		};
 	}
-	if (jr(e.width) && jr(e.height)) {
-		let t = Mr(e, e.width, e.height);
+	if (Ir(e.width) && Ir(e.height)) {
+		let t = Lr(e, e.width, e.height);
 		return {
 			width: t.width,
 			height: t.height,
@@ -3058,50 +3058,70 @@ function Tr(e) {
 		};
 	}
 	return {
-		width: Cr,
-		height: Cr,
+		width: Tr,
+		height: Tr,
 		source: "fallback"
 	};
 }
-function Er(e, t) {
+function Or(e, t) {
 	return !e || e <= 0 || !t || t <= 0 ? 1 : Math.max(1, Math.floor(e / t));
 }
-function Dr(e, t, n, r = 0) {
+function kr(e, t, n, r = 0) {
 	if (!e || e <= 0 || !t || t <= 0) return n;
 	let i = typeof r == "number" && r > 0 ? r : 0, a = e - Math.max(0, t - 1) * i;
 	return !a || a <= 0 ? n : a / t;
 }
-function Or(e, t) {
-	let n = Tr(e);
+function Ar(e, t) {
+	let n = Dr(e);
 	return n.height / n.width * t;
 }
-function kr(e, t) {
-	let n = Array.from({ length: t.columnCount }, () => 0), r = Array(e.length), i = Array(e.length), a = /* @__PURE__ */ new Map(), o = /* @__PURE__ */ new Map(), s = 0;
-	for (let c = 0; c < e.length; c += 1) {
-		let l = e[c];
-		o.set(Q(l), c);
-		let u = 0;
-		for (let e = 1; e < n.length; e += 1) n[e] < n[u] && (u = e);
-		let d = u * (t.columnWidth + t.gapX), f = n[u], p = Or(l, t.columnWidth);
-		r[c] = {
-			x: d,
-			y: f
-		}, i[c] = p, n[u] = f + p + t.gapY, s = Math.max(s, f + p);
-		let m = Math.floor(f / t.bucketPx), h = Math.floor((f + p) / t.bucketPx);
-		for (let e = m; e <= h; e += 1) {
-			let t = a.get(e);
-			t ? t.push(c) : a.set(e, [c]);
+function jr(e, t) {
+	let n = Array.from({ length: t.columnCount }, () => 0), r = {
+		positions: Array(e.length),
+		heights: Array(e.length),
+		buckets: /* @__PURE__ */ new Map(),
+		contentHeight: 0,
+		indexById: /* @__PURE__ */ new Map(),
+		columnHeights: n
+	};
+	return Mr(r, e, {
+		...t,
+		startIndex: 0
+	}), r;
+}
+function Mr(e, t, n) {
+	for (let r = 0; r < t.length; r += 1) {
+		let i = t[r], a = n.startIndex + r;
+		e.indexById.set($(i), a);
+		let o = 0;
+		for (let t = 1; t < e.columnHeights.length; t += 1) e.columnHeights[t] < e.columnHeights[o] && (o = t);
+		let s = o * (n.columnWidth + n.gapX), c = e.columnHeights[o], l = Ar(i, n.columnWidth);
+		e.positions[a] = {
+			x: s + (n.positionOffsetX ?? 0),
+			y: c + (n.positionOffsetY ?? 0)
+		}, e.heights[a] = l, e.columnHeights[o] = c + l + n.gapY, e.contentHeight = Math.max(e.contentHeight, c + l);
+		let u = Math.floor(c / n.bucketPx), d = Math.floor((c + l) / n.bucketPx);
+		for (let t = u; t <= d; t += 1) {
+			let n = e.buckets.get(t);
+			n ? e.buckets.set(t, [...n, a]) : e.buckets.set(t, [a]);
 		}
 	}
-	return {
-		positions: r,
-		heights: i,
-		buckets: a,
-		contentHeight: s,
-		indexById: o
-	};
+	return e;
+}
+function Nr(e, t) {
+	let n = [...t.columnHeights], r = t.contentHeight;
+	for (let i of e) {
+		let e = 0;
+		for (let t = 1; t < n.length; t += 1) n[t] < n[e] && (e = t);
+		let a = n[e], o = Ar(i, t.columnWidth);
+		n[e] = a + o + t.gapY, r = Math.max(r, a + o);
+	}
+	return r;
+}
+function Pr(e) {
+	return e.addedItems.length === 0 || e.removedItemCount > 0 || e.isPrepend || e.previousItems.length === 0 || e.layoutItemCount !== e.previousItems.length || e.columnHeights.length !== e.columnCount || e.currentItems.length !== e.previousItems.length + e.addedItems.length ? !1 : e.previousItems.every((t, n) => $(t) === $(e.currentItems[n]));
 }
-function Ar(e) {
+function Fr(e) {
 	if (e.itemCount <= 0) return [];
 	if (e.viewportHeight <= 0) return Array.from({ length: e.itemCount }, (e, t) => t);
 	let t = Math.max(0, e.scrollTop - e.overscanPx), n = e.scrollTop + e.viewportHeight + e.overscanPx, r = Math.floor(t / e.bucketPx), i = Math.floor(n / e.bucketPx), a = /* @__PURE__ */ new Set();
@@ -3111,11 +3131,11 @@ function Ar(e) {
 	}
 	return Array.from(a).sort((e, t) => e - t);
 }
-function jr(e) {
+function Ir(e) {
 	return typeof e == "number" && Number.isFinite(e) && e > 0;
 }
-function Mr(e, t, n) {
-	return e.type !== "image" || n / t >= wr ? {
+function Lr(e, t, n) {
+	return e.type !== "image" || n / t >= Er ? {
 		width: t,
 		height: n
 	} : {
@@ -3124,47 +3144,113 @@ function Mr(e, t, n) {
 	};
 }
 //#endregion
+//#region src/components/viewer-core/masonryLayoutState.ts
+function Rr(e) {
+	let t = j([]), n = j([]), r = j(/* @__PURE__ */ new Map()), i = j(0), a = j(/* @__PURE__ */ new Map()), o = j([]);
+	function s(s, c, l) {
+		let u = jr(s, {
+			columnCount: c,
+			columnWidth: l,
+			gapX: e.gapPx,
+			gapY: e.gapPx,
+			bucketPx: e.bucketPx
+		});
+		t.value = u.positions.map(d), n.value = u.heights, r.value = u.buckets, i.value = u.contentHeight, a.value = u.indexById, o.value = u.columnHeights;
+	}
+	function c(s, c, l, d) {
+		i.value = Mr(u(), s, {
+			columnCount: l,
+			columnWidth: d,
+			gapX: e.gapPx,
+			gapY: e.gapPx,
+			bucketPx: e.bucketPx,
+			startIndex: c,
+			positionOffsetX: e.contentInsetPx,
+			positionOffsetY: e.contentInsetPx
+		}).contentHeight, P(t), P(n), P(r), P(a), P(o);
+	}
+	function l(e, n, r, i) {
+		return Pr({
+			addedItems: r.addedItems,
+			columnCount: i,
+			columnHeights: o.value,
+			currentItems: e,
+			isPrepend: r.isPrepend,
+			layoutItemCount: t.value.length,
+			previousItems: n,
+			removedItemCount: r.removedItems.length
+		});
+	}
+	function u() {
+		return {
+			positions: t.value,
+			heights: n.value,
+			buckets: r.value,
+			contentHeight: i.value,
+			indexById: a.value,
+			columnHeights: o.value
+		};
+	}
+	function d(t) {
+		return {
+			x: t.x + e.contentInsetPx,
+			y: t.y + e.contentInsetPx
+		};
+	}
+	return {
+		append: c,
+		buckets: r,
+		canAppend: l,
+		columnHeights: o,
+		contentHeight: i,
+		heights: n,
+		indexById: a,
+		positions: t,
+		rebuild: s
+	};
+}
+//#endregion
 //#region src/components/viewer-core/useMasonryMotion.ts
-var Nr = 300, Pr = 600, Fr = 40, Ir = 300, Lr = 400;
-function Rr(e, t) {
+var zr = 300, Br = 600, Vr = 40, Hr = 300, Ur = 400;
+function Wr(e, t) {
 	return t === "top" ? [...e].reverse() : e;
 }
-function zr(e) {
-	return e <= 0 ? Pr : Pr + Math.min((e - 1) * Fr, Lr);
+function Gr(e) {
+	return e <= 0 ? Br : Br + Math.min((e - 1) * Vr, Ur);
 }
-function Br() {
-	return Ir;
+function Kr() {
+	return Hr;
 }
-function Vr(e) {
+function qr(e) {
 	let t = e.itemHeight > 0 ? e.itemHeight : e.columnWidth;
 	return e.direction === "top" ? e.scrollTop - t : e.scrollTop + e.viewportHeight + t;
 }
-function Hr(e) {
+function Jr(e) {
 	let t = D(/* @__PURE__ */ new Set()), n = D(/* @__PURE__ */ new Set()), r = D(/* @__PURE__ */ new Map()), a = D(/* @__PURE__ */ new Map()), o = D(/* @__PURE__ */ new Map()), s = D(/* @__PURE__ */ new Set()), c = D(/* @__PURE__ */ new Map()), l = D(/* @__PURE__ */ new Map()), u = D(/* @__PURE__ */ new Set()), d = /* @__PURE__ */ new Set(), f = /* @__PURE__ */ new Set(), p = i(() => Array.from(o.value.values()));
-	L(e.visibleIndices, (i) => {
+	z(e.visibleIndices, (i) => {
 		if (!i.length) return;
 		let o = [];
 		for (let n of i) {
-			let r = e.items.value[n] ? Q(e.items.value[n]) : null;
+			let r = e.items.value[n] ? $(e.items.value[n]) : null;
 			!r || !t.value.has(r) || d.has(r) || (d.add(r), o.push(r));
 		}
 		if (!o.length) return;
-		let s = Rr(o, a.value.get(o[0]) ?? "bottom"), c = new Map(r.value);
-		for (let e = 0; e < s.length; e += 1) c.set(s[e], Math.min(e * Fr, Lr));
-		r.value = c, Ur(() => {
+		let s = Wr(o, a.value.get(o[0]) ?? "bottom"), c = new Map(r.value);
+		for (let e = 0; e < s.length; e += 1) c.set(s[e], Math.min(e * Vr, Ur));
+		r.value = c, Yr(() => {
 			let e = new Set(n.value);
 			for (let t of o) e.add(t);
 			n.value = e;
-		}), Wr(() => {
+		}), Xr(() => {
 			let e = new Set(t.value);
 			for (let t of o) e.delete(t);
 			t.value = e, S(() => {
 				let e = new Set(n.value), t = new Map(r.value), i = new Map(a.value);
 				for (let n of o) e.delete(n), t.delete(n), i.delete(n), d.delete(n);
 				n.value = e, r.value = t, a.value = i;
-			}, zr(o.length));
+			}, Gr(o.length));
 		});
-	}, { flush: "post" }), L(() => e.items.value.map((e) => Q(e)), (e) => {
+	}, { flush: "post" }), z(() => e.items.value.map((e) => $(e)), (e) => {
 		if (!e.length || !o.value.size) return;
 		let t = new Set(e), n = null, r = null;
 		for (let e of o.value.keys()) t.has(e) && (n ||= new Map(o.value), r ||= new Set(s.value), n.delete(e), r.delete(e));
@@ -3177,7 +3263,7 @@ function Hr(e) {
 		if (!e.length) return;
 		let r = new Set(t.value), i = new Map(a.value);
 		for (let t of e) {
-			let e = Q(t);
+			let e = $(t);
 			r.add(e), i.set(e, n);
 		}
 		t.value = r, a.value = i;
@@ -3186,10 +3272,10 @@ function Hr(e) {
 		if (!e.length) return;
 		let i = new Map(o.value), c = new Set(t.value), l = new Set(n.value), u = new Map(r.value), f = new Map(a.value), p = [];
 		for (let t of e) {
-			let e = Q(t.item);
+			let e = $(t.item);
 			p.push(e), i.set(e, t), c.delete(e), l.delete(e), u.delete(e), f.delete(e), d.delete(e);
 		}
-		o.value = i, t.value = c, n.value = l, r.value = u, a.value = f, Ur(() => {
+		o.value = i, t.value = c, n.value = l, r.value = u, a.value = f, Yr(() => {
 			let e = new Set(s.value);
 			for (let t of p) e.add(t);
 			s.value = e;
@@ -3197,9 +3283,9 @@ function Hr(e) {
 			let e = new Map(o.value), t = new Set(s.value);
 			for (let n of p) e.delete(n), t.delete(n);
 			o.value = e, s.value = t;
-		}, Ir);
+		}, Hr);
 	}
-	function g(t, n, r = Nr) {
+	function g(t, n, r = zr) {
 		if (!t.size) return;
 		let i = /* @__PURE__ */ new Map(), a = [];
 		for (let [r, o] of t.entries()) {
@@ -3218,8 +3304,8 @@ function Hr(e) {
 		c.value = i, u.value = /* @__PURE__ */ new Set();
 		let o = new Map(l.value);
 		for (let e of a) o.set(e, r);
-		l.value = o, Ur(() => {
-			u.value = new Set(a), Ur(() => {
+		l.value = o, Yr(() => {
+			u.value = new Set(a), Yr(() => {
 				c.value = /* @__PURE__ */ new Map();
 			});
 		}), S(() => {
@@ -3230,8 +3316,8 @@ function Hr(e) {
 		}, r);
 	}
 	function _(e) {
-		if (n.value.has(e)) return `transform ${Pr}ms ease-out`;
-		if (u.value.has(e)) return `transform ${l.value.get(e) ?? Nr}ms ease-out`;
+		if (n.value.has(e)) return `transform ${Br}ms ease-out`;
+		if (u.value.has(e)) return `transform ${l.value.get(e) ?? zr}ms ease-out`;
 	}
 	function v(e) {
 		if (!n.value.has(e)) return;
@@ -3242,13 +3328,13 @@ function Hr(e) {
 		let r = e.items.value[n], i = e.positions.value[n] ?? {
 			x: 0,
 			y: 0
-		}, o = e.heights.value[n] ?? e.columnWidth.value, s = r ? Q(r) : null, l = s ? c.value.get(s) ?? {
+		}, o = e.heights.value[n] ?? e.columnWidth.value, s = r ? $(r) : null, l = s ? c.value.get(s) ?? {
 			dx: 0,
 			dy: 0
 		} : {
 			dx: 0,
 			dy: 0
-		}, u = s ? a.value.get(s) ?? "bottom" : "bottom", d = s && t.value.has(s) ? Vr({
+		}, u = s ? a.value.get(s) ?? "bottom" : "bottom", d = s && t.value.has(s) ? qr({
 			columnWidth: e.columnWidth.value,
 			direction: u,
 			itemHeight: o,
@@ -3258,18 +3344,18 @@ function Hr(e) {
 		return `translate3d(${i.x + l.dx}px, ${d + l.dy}px, 0)`;
 	}
 	function b(t) {
-		let n = Q(t), r = o.value.get(n);
+		let n = $(t), r = o.value.get(n);
 		if (!r) return {
 			opacity: "0",
 			transform: "translate3d(0, 0, 0) scale(0.96)",
-			transition: `opacity ${Ir}ms ease-out, transform ${Ir}ms ease-out`
+			transition: `opacity ${Hr}ms ease-out, transform ${Hr}ms ease-out`
 		};
 		let i = s.value.has(n);
 		return {
 			height: `${r.height}px`,
 			opacity: i ? "0" : "1",
 			transform: `translate3d(${r.position.x}px, ${r.position.y}px, 0) scale(${i ? "0.96" : "1"})`,
-			transition: `opacity ${Ir}ms ease-out, transform ${Ir}ms ease-out`,
+			transition: `opacity ${Hr}ms ease-out, transform ${Hr}ms ease-out`,
 			width: `${e.columnWidth.value}px`
 		};
 	}
@@ -3290,28 +3376,28 @@ function Hr(e) {
 		playFlipMoveAnimation: g
 	};
 }
-function Ur(e) {
+function Yr(e) {
 	if (typeof requestAnimationFrame == "function") {
 		requestAnimationFrame(() => e());
 		return;
 	}
 	setTimeout(e, 0);
 }
-function Wr(e) {
-	Ur(() => Ur(e));
+function Xr(e) {
+	Yr(() => Yr(e));
 }
 //#endregion
 //#region src/components/viewer-core/masonryViewport.ts
-function Gr(e, t) {
+function Zr(e, t) {
 	return e?.clientHeight || Math.round(e?.getBoundingClientRect().height ?? 0) || t || window.innerHeight || 1;
 }
-function Kr(e, t, n) {
+function Qr(e, t, n) {
 	return e?.clientWidth || Math.round(e?.getBoundingClientRect().width ?? 0) || t || window.innerWidth || n;
 }
-function qr(e, t, n, r) {
+function $r(e, t, n, r) {
 	return Math.max(e?.scrollHeight ?? 0, r) - (t + n);
 }
-function Jr(e, t) {
+function ei(e, t) {
 	return {
 		height: `${e}px`,
 		transform: `translate3d(0, ${t}px, 0)`
@@ -3319,11 +3405,11 @@ function Jr(e, t) {
 }
 //#endregion
 //#region src/components/viewer-core/masonryScrollBehavior.ts
-var Yr = 24, Xr = 48;
-function Zr(e) {
+var ti = 24, ni = 48;
+function ri(e) {
 	let t = D(0), n = 0, r = 0;
 	function i(e) {
-		if (t.value = ni(e), t.value <= 0) {
+		if (t.value = ci(e), t.value <= 0) {
 			o();
 			return;
 		}
@@ -3343,7 +3429,7 @@ function Zr(e) {
 		let s = e.getViewport();
 		if (s && r > 0) {
 			let n = Math.min(Math.max(0, i - r), 250), a = t.value * n / 1e3;
-			s.scrollTop = ri(s.scrollTop + a, 0, e.getMaxScrollTop()), e.onScroll();
+			s.scrollTop = li(s.scrollTop + a, 0, e.getMaxScrollTop()), e.onScroll();
 		}
 		r = i, a();
 	}
@@ -3353,63 +3439,75 @@ function Zr(e) {
 		stop: o
 	};
 }
-function Qr(e) {
+function ii(e) {
 	if (!e.active || !e.triggerEnabled) return 0;
 	let t = Math.max(0, e.maxScrollTop - e.thresholdPx);
-	return t <= 0 ? 1 : ri(1 - (e.progressDistancePx - e.thresholdPx) / t, 0, 1);
+	return t <= 0 ? 1 : li(1 - (e.progressDistancePx - e.thresholdPx) / t, 0, 1);
 }
-function $r(e) {
+function ai(e) {
 	if (!e.active || !e.triggerEnabled) return 0;
 	let t = Math.max(0, e.maxScrollTop - e.thresholdPx);
-	return t <= 0 ? 1 : ri(e.progressDistancePx / t, 0, 1);
+	return t <= 0 ? 1 : li(e.progressDistancePx / t, 0, 1);
 }
-function ei(e) {
-	let t = i(() => Math.max(0, e.viewportHeight.value - Yr * 2)), n = i(() => e.containerHeight.value > e.viewportHeight.value + 1 && t.value > 0), r = i(() => {
+function oi(e) {
+	let t = i(() => Math.max(0, e.viewportHeight.value - ti * 2)), n = i(() => e.containerHeight.value > e.viewportHeight.value + 1 && t.value > 0), r = i(() => {
 		if (!n.value) return 0;
 		let r = e.viewportHeight.value / e.containerHeight.value * t.value;
-		return Math.min(t.value, Math.max(Xr, r));
+		return Math.min(t.value, Math.max(ni, r));
 	}), a = i(() => {
-		if (!n.value) return Yr;
+		if (!n.value) return ti;
 		let i = Math.max(0, e.containerHeight.value - e.viewportHeight.value);
-		return Yr + Math.max(0, t.value - r.value) * (i > 0 ? ri(e.scrollTop.value / i, 0, 1) : 0);
+		return ti + Math.max(0, t.value - r.value) * (i > 0 ? li(e.scrollTop.value / i, 0, 1) : 0);
 	});
 	return {
-		getScrollbarThumbStyle: () => Jr(r.value, a.value),
+		getScrollbarThumbStyle: () => ei(r.value, a.value),
 		showScrollbar: n
 	};
 }
-function ti(e) {
+function si(e) {
 	return typeof e == "number" && Number.isFinite(e) ? Math.max(0, e) : 0;
 }
-function ni(e) {
+function ci(e) {
 	return Number.isFinite(e) ? Math.max(0, e) : 0;
 }
-function ri(e, t, n) {
+function li(e, t, n) {
 	return Math.min(Math.max(e, t), n);
 }
 //#endregion
 //#region src/components/viewer-core/useEdgeBoundary.ts
-var ii = 250, ai = 1e3;
-function oi(e) {
-	let t = D(!1), n = D(!1), r = D(0), i = D(0), a = D(!1), o = D(!1), s = 0, c = null;
+var ui = 250, di = 1e3;
+function fi(e) {
+	let t = D(!1), n = D(!1), r = D(0), i = D(0), a = D(!1), o = D(!1), s = D(!1), c = 0, l = null;
 	x(() => {
-		y();
+		S();
 	});
-	function l() {
-		let r = t.value;
+	function u(r = "layout") {
+		let i = t.value;
 		if (t.value = e.isAtBoundary(), !t.value) {
-			!a.value && !o.value && (n.value = !0);
+			(!a.value && !o.value || r === "scroll") && (n.value = !0);
 			return;
 		}
-		!r && n.value && m();
+		if (!i && n.value) {
+			if (r === "scroll" && a.value) {
+				s.value = !0;
+				return;
+			}
+			h();
+		}
 	}
-	function u(t) {
-		if (!b(t) || !e.isAtBoundary()) return;
+	function d(t) {
+		if (!C(t) || !e.isAtBoundary()) return;
 		let n = Date.now();
-		n < s || (s = n + ii, m());
+		if (!(n < c)) {
+			if (c = n + ui, a.value) {
+				s.value = !0;
+				return;
+			}
+			h();
+		}
 	}
-	function d() {
-		if (!g()) return;
+	function f() {
+		if (!_()) return;
 		let t = e.requestPage.value;
 		if (typeof t != "function") return;
 		i.value = r.value, n.value = !1, a.value = !0, o.value = !0;
@@ -3417,53 +3515,62 @@ function oi(e) {
 		try {
 			s = t();
 		} catch {
-			_();
+			v();
 			return;
 		}
 		Promise.resolve(s).catch(() => {}).finally(() => {
-			!e.loading.value && o.value && _();
+			!e.loading.value && o.value && v();
 		});
 	}
-	function f(e) {
-		!e && o.value && _();
+	function p(e) {
+		!e && o.value && v();
 	}
-	function p(t) {
-		!o.value || t <= 0 || (o.value = !1, v(e.getAnimationLockMs(t)));
-	}
-	function m() {
-		h() && (r.value += 1);
+	function m(t) {
+		!o.value || t <= 0 || (o.value = !1, y(e.getAnimationLockMs(t)));
 	}
 	function h() {
-		return e.hasPage.value && !e.interactionLocked?.value && !e.loading.value && !a.value && typeof e.requestPage.value == "function";
+		g() && (r.value += 1);
 	}
 	function g() {
-		return e.hasPage.value && t.value && r.value > i.value && !e.interactionLocked?.value && !e.loading.value && !a.value && typeof e.requestPage.value == "function";
+		return e.hasPage.value && !e.interactionLocked?.value && !e.loading.value && !a.value && typeof e.requestPage.value == "function";
 	}
 	function _() {
-		o.value = !1, v(ai);
+		return e.hasPage.value && t.value && r.value > i.value && !e.interactionLocked?.value && !e.loading.value && !a.value && typeof e.requestPage.value == "function";
 	}
-	function v(e) {
-		y(), a.value = !0, c = setTimeout(() => {
-			c = null, a.value = !1;
+	function v() {
+		o.value = !1, y(di);
+	}
+	function y(e) {
+		S(), a.value = !0, l = setTimeout(() => {
+			l = null, a.value = !1, b();
 		}, Math.max(0, e));
 	}
-	function y() {
-		c &&= (clearTimeout(c), null);
+	function b() {
+		if (s.value) {
+			if (s.value = !1, !e.isAtBoundary()) {
+				o.value || (n.value = !0);
+				return;
+			}
+			t.value = !0, h(), f();
+		}
 	}
-	function b(t) {
+	function S() {
+		l &&= (clearTimeout(l), null);
+	}
+	function C(t) {
 		return e.direction === "top" ? t.deltaY < 0 : t.deltaY > 0;
 	}
 	return {
-		maybeRequestPage: d,
-		onItemsMutated: p,
-		onLoadingChange: f,
-		onWheel: u,
-		syncBoundary: l
+		maybeRequestPage: f,
+		onItemsMutated: m,
+		onLoadingChange: p,
+		onWheel: d,
+		syncBoundary: u
 	};
 }
 //#endregion
 //#region src/components/viewer-core/masonryBoundaryLock.ts
-function si() {
+function pi() {
 	let e = D(!1), t = null;
 	x(() => {
 		r();
@@ -3484,11 +3591,11 @@ function si() {
 }
 //#endregion
 //#region src/components/viewer-core/masonryItemMutation.ts
-function ci(e) {
-	let t = e.currentItems.map((e) => Q(e)), n = e.previousItems.map((e) => Q(e)), r = ui(e.previousItems, e.layoutIndexById, e.layoutHeights), i = di(e.previousItems, e.layoutIndexById, e.layoutPositions), a = new Set(n), o = new Set(t), s = e.currentItems.filter((e) => !a.has(Q(e))), c = li(e.previousItems, o, r, i), l = t.length > n.length && n.length > 0 && t[0] !== n[0], u = e.scrollTop > e.contentInsetPx + e.gapPx, d = l && u ? e.currentItems[e.activeIndex] : null;
+function mi(e) {
+	let t = e.currentItems.map((e) => $(e)), n = e.previousItems.map((e) => $(e)), r = gi(e.previousItems, e.layoutIndexById, e.layoutHeights), i = _i(e.previousItems, e.layoutIndexById, e.layoutPositions), a = new Set(n), o = new Set(t), s = e.currentItems.filter((e) => !a.has($(e))), c = hi(e.previousItems, o, r, i), l = t.length > n.length && n.length > 0 && t[0] !== n[0], u = e.scrollTop > e.contentInsetPx + e.gapPx, d = l && u ? e.currentItems[e.activeIndex] : null;
 	return {
 		addedItems: s,
-		anchorId: d ? Q(d) : null,
+		anchorId: d ? $(d) : null,
 		isPrepend: l,
 		oldPositionsById: i,
 		previousIds: n,
@@ -3497,9 +3604,9 @@ function ci(e) {
 		shouldResetScrollForEmptyRemoval: e.currentItems.length === 0 && e.previousItems.length > 0 && c.length > 0 && e.scrollTop > 0
 	};
 }
-function li(e, t, n, r) {
+function hi(e, t, n, r) {
 	return e.flatMap((e) => {
-		let i = Q(e);
+		let i = $(e);
 		if (t.has(i)) return [];
 		let a = r.get(i), o = n.get(i);
 		return a && o != null ? [{
@@ -3509,25 +3616,25 @@ function li(e, t, n, r) {
 		}] : [];
 	});
 }
-function ui(e, t, n) {
+function gi(e, t, n) {
 	let r = /* @__PURE__ */ new Map();
 	for (let i of e) {
-		let e = Q(i), a = t.get(e), o = a == null ? void 0 : n[a];
+		let e = $(i), a = t.get(e), o = a == null ? void 0 : n[a];
 		o != null && r.set(e, o);
 	}
 	return r;
 }
-function di(e, t, n) {
+function _i(e, t, n) {
 	let r = /* @__PURE__ */ new Map();
 	for (let i of e) {
-		let e = Q(i), a = t.get(e), o = a == null ? void 0 : n[a];
+		let e = $(i), a = t.get(e), o = a == null ? void 0 : n[a];
 		o && r.set(e, o);
 	}
 	return r;
 }
 //#endregion
 //#region src/components/viewer-core/masonryPendingAppend.ts
-function fi(e) {
+function vi(e) {
 	let t = D(null), n = D(!1), r = null;
 	function i() {
 		o(), e.pendingAppendItems.value.length && (t.value = c([...e.items.value, ...e.pendingAppendItems.value]), s());
@@ -3550,7 +3657,12 @@ function fi(e) {
 		}, 300));
 	}
 	function c(t) {
-		return t.length ? kr(t, {
+		return t.length ? e.pendingAppendItems.value.length && e.columnHeights.value.length === e.columnCount.value ? Nr(e.pendingAppendItems.value, {
+			columnHeights: e.columnHeights.value,
+			columnWidth: e.columnWidth.value,
+			contentHeight: e.contentHeight.value,
+			gapY: e.gapPx
+		}) + e.contentInsetPx * 2 : jr(t, {
 			bucketPx: e.bucketPx,
 			columnCount: e.columnCount.value,
 			columnWidth: e.columnWidth.value,
@@ -3567,242 +3679,237 @@ function fi(e) {
 }
 //#endregion
 //#region src/components/viewer-core/useMasonryList.ts
-var pi = 600, mi = 24, hi = 16, gi = 300, _i = 200, vi = 0, yi = mi + hi, bi = 200, xi = 500, Si = 1e3;
-function Ci(e) {
-	let t = D(null), n = D(0), r = D(typeof window > "u" ? 0 : window.innerHeight || 0), a = D(typeof window > "u" ? 0 : window.innerWidth || gi), o = D([]), s = D([]), c = D(/* @__PURE__ */ new Map()), l = D(0), u = D(/* @__PURE__ */ new Map()), d = D(null), f = si(), p = i(() => Math.max(gi, a.value - mi * 2)), m = i(() => Er(p.value, gi)), h = i(() => Dr(p.value, m.value, gi, hi)), g = i(() => ti(e.bottomLoadBufferPx.value)), v = i(() => wi(e.activeIndex.value, 0, Math.max(0, e.items.value.length - 1))), y = i(() => Ar({
+var yi = 600, bi = 24, xi = 16, Si = 300, Ci = 200, wi = 0, Ti = 1, Ei = bi + xi, Di = 200, Oi = 500, ki = 1e3;
+function Ai(e) {
+	let t = D(null), n = D(0), r = D(typeof window > "u" ? 0 : window.innerHeight || 0), a = D(typeof window > "u" ? 0 : window.innerWidth || Si), o = Rr({
+		bucketPx: yi,
+		contentInsetPx: bi,
+		gapPx: xi
+	}), { buckets: s, columnHeights: c, contentHeight: l, heights: u, indexById: d, positions: f } = o, p = D(null), m = pi(), h = i(() => Math.max(Si, a.value - bi * 2)), g = i(() => Or(h.value, Si)), v = i(() => kr(h.value, g.value, Si, xi)), y = i(() => si(e.bottomLoadBufferPx.value)), b = i(() => ji(e.activeIndex.value, 0, Math.max(0, e.items.value.length - 1))), C = i(() => Fr({
 		itemCount: e.items.value.length,
 		viewportHeight: r.value,
 		scrollTop: n.value,
-		overscanPx: _i,
-		bucketPx: pi,
-		buckets: c.value
-	})), b = i(() => y.value.map((t) => ({
+		overscanPx: Ci,
+		bucketPx: yi,
+		buckets: s.value
+	})), w = i(() => C.value.map((t) => ({
 		item: e.items.value[t],
 		index: t
-	}))), C = i(() => {
-		let e = l.value + mi * 2, t = P.reservedContentHeight.value ?? 0;
-		return Math.max(e, t, r.value) + bi + g.value;
-	}), w = i(() => e.hasNextPage.value || e.allowExhaustedNextPageRefresh.value), T = i(() => $r({
+	}))), T = i(() => {
+		let e = l.value + bi * 2, t = I.reservedContentHeight.value ?? 0;
+		return Math.max(e, t, r.value) + Di + y.value;
+	}), E = i(() => e.hasNextPage.value || e.allowExhaustedNextPageRefresh.value), O = i(() => ai({
 		active: e.active.value,
-		maxScrollTop: Y(),
+		maxScrollTop: X(),
 		progressDistancePx: n.value,
-		thresholdPx: vi,
-		triggerEnabled: w.value
-	})), E = i(() => e.items.value.length > 0 ? `${v.value + 1} / ${e.items.value.length}` : "0 / 0"), O = i(() => Qr({
+		thresholdPx: wi,
+		triggerEnabled: E.value
+	})), k = i(() => e.items.value.length > 0 ? `${b.value + 1} / ${e.items.value.length}` : "0 / 0"), A = i(() => ii({
 		active: e.active.value,
-		maxScrollTop: Y(),
+		maxScrollTop: X(),
 		progressDistancePx: n.value,
-		thresholdPx: yi,
+		thresholdPx: Ei,
 		triggerEnabled: e.hasPreviousPage.value
-	})), k = ei({
-		containerHeight: C,
+	})), j = oi({
+		containerHeight: T,
 		scrollTop: n,
 		viewportHeight: r
-	}), A = Hr({
+	}), M = Jr({
 		items: e.items,
-		visibleIndices: y,
-		positions: o,
-		heights: s,
-		indexById: u,
-		columnWidth: h,
+		visibleIndices: C,
+		positions: f,
+		heights: u,
+		indexById: d,
+		columnWidth: v,
 		scrollTop: n,
 		viewportHeight: r
-	}), j = oi({
+	}), N = fi({
 		direction: "top",
 		getAnimationLockMs(e) {
-			return Math.max(xi, zr(e)) + Si;
+			return Math.max(Oi, Gr(e)) + ki;
 		},
 		hasPage: e.hasPreviousPage,
-		interactionLocked: f.isBoundaryInteractionLocked,
+		interactionLocked: m.isBoundaryInteractionLocked,
 		isAtBoundary() {
-			return n.value <= yi;
+			return n.value <= Ei;
 		},
 		loading: e.loading,
 		requestPage: e.requestPreviousPage
-	}), M = oi({
+	}), P = fi({
 		direction: "bottom",
 		getAnimationLockMs(e) {
-			return zr(e) + Si;
+			return Gr(e) + ki;
 		},
-		hasPage: w,
-		interactionLocked: f.isBoundaryInteractionLocked,
+		hasPage: E,
+		interactionLocked: m.isBoundaryInteractionLocked,
 		isAtBoundary() {
-			return J() <= vi;
+			return Y() <= Ti;
 		},
 		loading: e.loading,
 		requestPage: e.requestNextPage
-	}), N = Zr({
+	}), F = ri({
 		active: e.active,
-		getMaxScrollTop: Y,
+		getMaxScrollTop: X,
 		getViewport: () => t.value,
-		onScroll: z
-	}), P = fi({
-		bucketPx: pi,
-		columnCount: m,
-		columnWidth: h,
+		onScroll: ee
+	}), I = vi({
+		bucketPx: yi,
+		columnHeights: c,
+		columnCount: g,
+		columnWidth: v,
 		commitPendingAppend: e.commitPendingAppend,
-		contentInsetPx: mi,
-		gapPx: hi,
+		contentHeight: l,
+		contentInsetPx: bi,
+		gapPx: xi,
 		items: e.items,
 		pendingAppendItems: e.pendingAppendItems
-	}), F = null, I = 0;
-	L([
+	}), L = null, R = 0;
+	z([
 		() => e.items.value,
-		m,
-		h
+		g,
+		v
 	], async ([t], [r = []]) => {
-		let i = ci({
-			activeIndex: v.value,
-			contentInsetPx: mi,
+		let i = mi({
+			activeIndex: b.value,
+			contentInsetPx: bi,
 			currentItems: t,
-			gapPx: hi,
-			layoutHeights: s.value,
-			layoutIndexById: u.value,
-			layoutPositions: o.value,
+			gapPx: xi,
+			layoutHeights: u.value,
+			layoutIndexById: d.value,
+			layoutPositions: f.value,
 			previousItems: r ?? [],
 			scrollTop: n.value
 		});
-		i.shouldLockBoundaryInteractionForRemoval && f.lockBoundaryInteraction(Br() + Si), i.shouldResetScrollForEmptyRemoval && H(), R(), i.removedItems.length > 0 && A.markLeave(i.removedItems), i.addedItems.length > 0 && (A.markEnter(i.addedItems, i.isPrepend ? "top" : "bottom"), i.isPrepend ? j.onItemsMutated(i.addedItems.length) : M.onItemsMutated(i.addedItems.length)), A.playFlipMoveAnimation(i.oldPositionsById, new Set(i.addedItems.map((e) => Q(e))), i.isPrepend ? xi : void 0), i.anchorId ? (await _(), V(i.anchorId, i.oldPositionsById)) : e.active.value && i.previousIds.length > 0 && W();
-	}, { immediate: !0 }), L([
-		() => e.pendingAppendItems.value.map((e) => Q(e)),
-		m,
-		h,
+		i.shouldLockBoundaryInteractionForRemoval && m.lockBoundaryInteraction(Kr() + ki), i.shouldResetScrollForEmptyRemoval && te();
+		let a = r ?? [];
+		o.canAppend(t, a, i, g.value) ? o.append(i.addedItems, a.length, g.value, v.value) : o.rebuild(t, g.value, v.value), i.removedItems.length > 0 && M.markLeave(i.removedItems), i.addedItems.length > 0 && (M.markEnter(i.addedItems, i.isPrepend ? "top" : "bottom"), i.isPrepend ? N.onItemsMutated(i.addedItems.length) : P.onItemsMutated(i.addedItems.length)), M.playFlipMoveAnimation(i.oldPositionsById, new Set(i.addedItems.map((e) => $(e))), i.isPrepend ? Oi : void 0), i.anchorId ? (await _(), U(i.anchorId, i.oldPositionsById)) : e.active.value && i.previousIds.length > 0 && G();
+	}, { immediate: !0 }), z([
+		() => e.pendingAppendItems.value.map((e) => $(e)),
+		g,
+		v,
 		r
-	], () => P.refreshReservedContentHeight(), { immediate: !0 }), L(() => e.active.value, async (e, i) => {
+	], () => I.refreshReservedContentHeight(), { immediate: !0 }), z(() => e.active.value, async (e, i) => {
 		let a = t.value;
 		if (!e) {
-			a && (d.value = a.scrollTop), N.stop();
+			a && (p.value = a.scrollTop), F.stop();
 			return;
 		}
-		if (N.start(), !a || i !== !1 || d.value == null) return;
+		if (F.start(), !a || i !== !1 || p.value == null) return;
 		await _();
-		let o = Math.max(0, C.value - r.value), s = wi(d.value, 0, o);
-		a.scrollTop = s, n.value = s, j.syncBoundary(), M.syncBoundary();
-	}), L(() => e.loading.value, async (e) => {
-		P.clearReservedHeightWhenIdle(e), j.onLoadingChange(e), M.onLoadingChange(e), await _();
+		let o = Math.max(0, T.value - r.value), s = ji(p.value, 0, o);
+		a.scrollTop = s, n.value = s, N.syncBoundary(), P.syncBoundary();
+	}), z(() => e.loading.value, async (e) => {
+		I.clearReservedHeightWhenIdle(e), N.onLoadingChange(e), P.onLoadingChange(e), await _();
 	}), S(async () => {
-		G(), await _(), v.value > 0 ? B(v.value, "center") : U(), j.syncBoundary(), M.syncBoundary(), typeof ResizeObserver < "u" ? (F = new ResizeObserver(() => {
-			G();
-		}), t.value && F.observe(t.value)) : window.addEventListener("resize", G);
+		q(), await _(), b.value > 0 ? H(b.value, "center") : W(), N.syncBoundary(), P.syncBoundary(), typeof ResizeObserver < "u" ? (L = new ResizeObserver(() => {
+			q();
+		}), t.value && L.observe(t.value)) : window.addEventListener("resize", q);
 	}), x(() => {
-		F?.disconnect(), F = null, window.removeEventListener("resize", G), P.clearAppendCommitTimer(), f.clearBoundaryInteractionReleaseTimer(), I &&= (cancelAnimationFrame(I), 0), N.stop();
+		L?.disconnect(), L = null, window.removeEventListener("resize", q), I.clearAppendCommitTimer(), m.clearBoundaryInteractionReleaseTimer(), R &&= (cancelAnimationFrame(R), 0), F.stop();
 	});
-	function R() {
-		let t = kr(e.items.value, {
-			columnCount: m.value,
-			columnWidth: h.value,
-			gapX: hi,
-			gapY: hi,
-			bucketPx: pi
-		});
-		o.value = t.positions.map((e) => ({
-			x: e.x + mi,
-			y: e.y + mi
-		})), s.value = t.heights, c.value = t.buckets, l.value = t.contentHeight, u.value = t.indexById;
-	}
-	function z() {
-		e.active.value && (n.value = t.value?.scrollTop ?? 0, r.value = K(), j.syncBoundary(), M.syncBoundary(), ne(), !W() && (I ||= requestAnimationFrame(() => {
-			I = 0, U();
+	function ee() {
+		e.active.value && (n.value = t.value?.scrollTop ?? 0, r.value = J(), N.syncBoundary("scroll"), P.syncBoundary("scroll"), K(), !G() && (R ||= requestAnimationFrame(() => {
+			R = 0, W();
 		})));
 	}
-	function ee(t) {
-		e.active.value && (j.onWheel(t), M.onWheel(t), ne());
+	function B(t) {
+		e.active.value && (N.onWheel(t), P.onWheel(t), K());
 	}
-	function te(t) {
-		let n = e.items.value[t], r = n ? Q(n) : "";
+	function V(t) {
+		let n = e.items.value[t], r = n ? $(n) : "";
 		return {
-			height: `${s.value[t] ?? h.value}px`,
-			width: `${h.value}px`,
-			transition: r ? A.getCardTransition(r) : void 0,
-			transitionDelay: r ? A.getCardTransitionDelay(r) : void 0,
-			transform: A.getCardTransform(t)
+			height: `${u.value[t] ?? v.value}px`,
+			width: `${v.value}px`,
+			transition: r ? M.getCardTransition(r) : void 0,
+			transitionDelay: r ? M.getCardTransitionDelay(r) : void 0,
+			transform: M.getCardTransform(t)
 		};
 	}
-	function B(e, i) {
-		let a = t.value, c = o.value[e], l = s.value[e];
-		if (!a || !c || !l) return;
-		let u = a.scrollTop, d = Math.max(0, C.value - r.value);
-		i === "center" ? u = c.y - (r.value - l) / 2 : c.y < a.scrollTop ? u = c.y - mi : c.y + l > a.scrollTop + r.value && (u = c.y + l - r.value + mi), a.scrollTop = wi(u, 0, d), n.value = a.scrollTop, U();
+	function H(e, i) {
+		let a = t.value, o = f.value[e], s = u.value[e];
+		if (!a || !o || !s) return;
+		let c = a.scrollTop, l = Math.max(0, T.value - r.value);
+		i === "center" ? c = o.y - (r.value - s) / 2 : o.y < a.scrollTop ? c = o.y - bi : o.y + s > a.scrollTop + r.value && (c = o.y + s - r.value + bi), a.scrollTop = ji(c, 0, l), n.value = a.scrollTop, W();
 	}
-	function V(e, r) {
-		let i = t.value, a = r.get(e), s = u.value.get(e), c = s == null ? null : o.value[s];
-		if (!i || !a || !c) return;
-		let l = c.y - a.y;
-		i.scrollTop += l, n.value = i.scrollTop;
+	function U(e, r) {
+		let i = t.value, a = r.get(e), o = d.value.get(e), s = o == null ? null : f.value[o];
+		if (!i || !a || !s) return;
+		let c = s.y - a.y;
+		i.scrollTop += c, n.value = i.scrollTop;
 	}
-	function H() {
+	function te() {
 		let e = t.value;
 		if (!e) {
 			n.value = 0;
 			return;
 		}
-		e.scrollTop = 0, n.value = 0, j.syncBoundary(), M.syncBoundary();
+		e.scrollTop = 0, n.value = 0, N.syncBoundary(), P.syncBoundary();
 	}
-	function U() {
-		if (!y.value.length || W()) return;
-		let t = n.value + r.value / 2, i = v.value, a = Infinity;
-		for (let e of y.value) {
-			let n = o.value[e], r = s.value[e];
+	function W() {
+		if (!C.value.length || G()) return;
+		let t = n.value + r.value / 2, i = b.value, a = Infinity;
+		for (let e of C.value) {
+			let n = f.value[e], r = u.value[e];
 			if (!n || !r) continue;
-			let c = n.y + r / 2, l = Math.abs(c - t);
-			l < a && (a = l, i = e);
+			let o = n.y + r / 2, s = Math.abs(o - t);
+			s < a && (a = s, i = e);
 		}
 		e.setActiveIndex(i);
 	}
-	function W() {
-		let t = n.value <= yi, r = J() <= vi;
-		return t ? (e.setActiveIndex(0), !0) : r ? (e.setActiveIndex(Math.max(0, e.items.value.length - 1)), !0) : !1;
-	}
-	function ne() {
-		j.maybeRequestPage(), M.maybeRequestPage();
-	}
 	function G() {
-		r.value = K(), a.value = q();
+		let t = n.value <= Ei, r = Y() <= Ti;
+		return t ? (e.setActiveIndex(0), !0) : r ? (e.setActiveIndex(Math.max(0, e.items.value.length - 1)), !0) : !1;
 	}
 	function K() {
-		return Gr(t.value, r.value);
+		N.maybeRequestPage(), P.maybeRequestPage();
 	}
 	function q() {
-		return Kr(t.value, a.value, gi);
+		r.value = J(), a.value = ne();
 	}
 	function J() {
-		return qr(t.value, n.value, r.value, C.value);
+		return Zr(t.value, r.value);
+	}
+	function ne() {
+		return Qr(t.value, a.value, Si);
 	}
 	function Y() {
-		let e = Math.max(t.value?.scrollHeight ?? 0, C.value);
+		return $r(t.value, n.value, r.value, T.value);
+	}
+	function X() {
+		let e = Math.max(t.value?.scrollHeight ?? 0, T.value);
 		return Math.max(0, e - r.value);
 	}
 	return {
-		autoScroll: N.autoScroll,
-		columnWidth: h,
-		containerHeight: C,
-		getCardStyle: te,
-		getLeavingCardStyle: A.getLeavingCardStyle,
-		getScrollbarThumbStyle: k.getScrollbarThumbStyle,
-		leavingItems: A.leavingItems,
-		nextBoundaryLoadProgress: T,
-		onScroll: z,
-		onWheel: ee,
-		paginationLabel: E,
-		previousBoundaryLoadProgress: O,
-		renderedItems: b,
-		resolvedActiveIndex: v,
-		scrollToIndex: B,
-		showScrollbar: k.showScrollbar,
+		autoScroll: F.autoScroll,
+		columnWidth: v,
+		containerHeight: T,
+		getCardStyle: V,
+		getLeavingCardStyle: M.getLeavingCardStyle,
+		getScrollbarThumbStyle: j.getScrollbarThumbStyle,
+		leavingItems: M.leavingItems,
+		nextBoundaryLoadProgress: O,
+		onScroll: ee,
+		onWheel: B,
+		paginationLabel: k,
+		previousBoundaryLoadProgress: A,
+		renderedItems: w,
+		resolvedActiveIndex: b,
+		scrollToIndex: H,
+		showScrollbar: j.showScrollbar,
 		scrollViewportRef: t
 	};
 }
-function wi(e, t, n) {
+function ji(e, t, n) {
 	return Math.min(Math.max(e, t), n);
 }
 //#endregion
 //#region src/components/viewer-core/listCardAsset.ts
-function Ti(e) {
+function Mi(e) {
 	if (e) try {
 		e.removeAttribute("src"), e.src = "";
 	} catch {}
 }
-function Ei(e) {
+function Ni(e) {
 	if (e) {
 		try {
 			e.currentTime = 0;
@@ -3813,12 +3920,12 @@ function Ei(e) {
 		} catch {}
 	}
 }
-function Di(e, t) {
+function Pi(e, t) {
 	if (t) return e.bottom > t.top && e.top < t.bottom;
 	let n = window.innerHeight || document.documentElement.clientHeight || 0;
 	return e.bottom > 0 && e.top < n;
 }
-function Oi(e) {
+function Fi(e) {
 	if (!e) return null;
 	try {
 		return new URL(e, window.location.href).href;
@@ -3828,9 +3935,9 @@ function Oi(e) {
 }
 //#endregion
 //#region src/components/viewer-core/listPreview.ts
-var ki = /\.(avif|gif|jpe?g|png|svg|webp)(\?|#|$)/i, Ai = /\.(m4v|mov|mp4|mpeg|ogg|ogv|webm)(\?|#|$)/i, ji = /^(?:(?:https?:)?\/\/[^/]+)?\/api\/files\/[^/?#]+\/(?:preview|downloaded)(?:\?|#|$)/i;
-function Mi(e) {
-	let t = Ni(e), n = t?.url, r = Tr(e), i = e.title?.trim() || Ht(e.type);
+var Ii = /\.(avif|gif|jpe?g|png|svg|webp)(\?|#|$)/i, Li = /\.(m4v|mov|mp4|mpeg|ogg|ogv|webm)(\?|#|$)/i, Ri = /^(?:(?:https?:)?\/\/[^/]+)?\/api\/files\/[^/?#]+\/(?:preview|downloaded)(?:\?|#|$)/i;
+function zi(e) {
+	let t = Bi(e), n = t?.url, r = Dr(e), i = e.title?.trim() || Wt(e.type);
 	return t?.mediaType === "video" && typeof n == "string" ? {
 		kind: "video",
 		url: n,
@@ -3849,13 +3956,13 @@ function Mi(e) {
 		width: r.width,
 		height: r.height,
 		label: i
-	} : typeof n == "string" && Fi(e, n) ? {
+	} : typeof n == "string" && Hi(e, n) ? {
 		kind: "video",
 		url: n,
 		width: r.width,
 		height: r.height,
 		label: i
-	} : typeof n == "string" && Pi(e, n) ? {
+	} : typeof n == "string" && Vi(e, n) ? {
 		kind: "image",
 		url: n,
 		width: r.width,
@@ -3869,31 +3976,31 @@ function Mi(e) {
 		label: i
 	};
 }
-function Ni(e) {
+function Bi(e) {
 	return e.preview?.url ? e.preview : typeof e.url != "string" || e.url.trim() === "" ? null : { url: e.url };
 }
-function Pi(e, t) {
-	return e.type !== "image" || typeof t != "string" ? !1 : ki.test(t) || Ii(t);
+function Vi(e, t) {
+	return e.type !== "image" || typeof t != "string" ? !1 : Ii.test(t) || Ui(t);
 }
-function Fi(e, t) {
-	return e.type !== "video" || typeof t != "string" ? !1 : Ai.test(t) || Li(t);
+function Hi(e, t) {
+	return e.type !== "video" || typeof t != "string" ? !1 : Li.test(t) || Wi(t);
 }
-function Ii(e) {
+function Ui(e) {
 	return /^(https?:\/\/|\/\/|\/(?!\/)|\.{1,2}\/|blob:|data:)/i.test(e);
 }
-function Li(e) {
-	return ji.test(e) || /^blob:/i.test(e) || /^data:video\//i.test(e);
+function Wi(e) {
+	return Ri.test(e) || /^blob:/i.test(e) || /^data:video\//i.test(e);
 }
 //#endregion
 //#region src/components/viewer-core/useListCardHealthCheck.ts
-function Ri(e) {
+function Gi(e) {
 	let t = D(null), n = i(() => {
-		let t = typeof e.item.value.healthCheck?.url == "string" ? Oi(e.item.value.healthCheck.url) : null;
+		let t = typeof e.item.value.healthCheck?.url == "string" ? Fi(e.item.value.healthCheck.url) : null;
 		return !t || t === e.attachedAssetUrl.value ? null : t;
 	}), r = null, a = 0, o = /* @__PURE__ */ new Map();
-	L(n, (e, n) => {
+	z(n, (e, n) => {
 		e !== n && (t.value = null, l(), a += 1);
-	}), L([
+	}), z([
 		n,
 		e.surfaceActive,
 		e.isInView,
@@ -3920,7 +4027,7 @@ function Ri(e) {
 			r.refresh();
 			return;
 		}
-		r = Wt.request({
+		r = Kt.request({
 			assetType: "probe",
 			getPriority: e.getPriority,
 			onGrant() {
@@ -3930,7 +4037,7 @@ function Ri(e) {
 					return;
 				}
 				let i = ++a;
-				vn(r).then((s) => {
+				bn(r).then((s) => {
 					if (!(i !== a || n.value !== r)) {
 						if (o.set(r, s ?? null), !s) {
 							t.value = null;
@@ -3938,7 +4045,7 @@ function Ri(e) {
 						}
 						t.value = s, e.reportAssetError?.({
 							item: e.item.value,
-							occurrenceKey: Q(e.item.value),
+							occurrenceKey: $(e.item.value),
 							url: r,
 							kind: s,
 							surface: "grid"
@@ -3966,14 +4073,14 @@ function Ri(e) {
 }
 //#endregion
 //#region src/components/ListCard.vue?vue&type=script&setup=true&lang.ts
-var zi = ["aria-label"], Bi = {
+var Ki = ["aria-label"], qi = {
 	key: 0,
 	"data-testid": "vibe-list-card-spinner",
 	class: "pointer-events-none absolute inset-0 z-[4] grid place-items-center bg-black/18"
-}, Vi = { class: "inline-flex h-12 w-12 items-center justify-center rounded-full bg-black/45 shadow-[0_18px_40px_-18px_rgba(0,0,0,0.85)] backdrop-blur-[18px]" }, Hi = ["src", "alt"], Ui = ["src"], Wi = ["data-kind"], Gi = { class: "grid justify-items-center gap-3 px-4 text-center" }, Ki = { class: "text-[0.68rem] font-bold uppercase tracking-[0.22em] text-[#f7f1ea]/72" }, qi = {
+}, Ji = { class: "inline-flex h-12 w-12 items-center justify-center rounded-full bg-black/45 shadow-[0_18px_40px_-18px_rgba(0,0,0,0.85)] backdrop-blur-[18px]" }, Yi = ["src", "alt"], Xi = ["src"], Zi = ["data-kind"], Qi = { class: "grid justify-items-center gap-3 px-4 text-center" }, $i = { class: "text-[0.68rem] font-bold uppercase tracking-[0.22em] text-[#f7f1ea]/72" }, ea = {
 	key: 4,
 	class: "grid h-full w-full place-items-center bg-[radial-gradient(circle_at_center,rgba(255,255,255,0.08),transparent_65%),linear-gradient(180deg,rgba(255,255,255,0.04),rgba(255,255,255,0.02))]"
-}, Ji = { class: "inline-flex h-14 w-14 items-center justify-center border border-white/16 bg-black/20" }, Yi = { class: "pointer-events-none absolute inset-0 z-[3]" }, Xi = /* @__PURE__ */ d({
+}, ta = { class: "inline-flex h-14 w-14 items-center justify-center border border-white/16 bg-black/20" }, na = { class: "pointer-events-none absolute inset-0 z-[3]" }, ra = /* @__PURE__ */ d({
 	__name: "ListCard",
 	props: {
 		active: {
@@ -3997,74 +4104,74 @@ var zi = ["aria-label"], Bi = {
 	},
 	emits: ["open"],
 	setup(e, { emit: t }) {
-		let n = e, r = t, l = i(() => Mi(n.item)), d = D(!1), f = D(!1), p = D(!1), m = D(l.value.kind === "fallback"), h = D(!1), g = D(null), _ = D(null), y = D(null), b = D(null), C = D(null), T = D(l.value.kind === "fallback"), E = i(() => T.value ? n.surfaceActive ? d.value ? l.value.url : null : l.value.url : null), O = i(() => n.surfaceActive && d.value && (l.value.kind === "image" || l.value.kind === "video") && !!l.value.url), M = i(() => l.value.kind === "image" && !!E.value), P = i(() => l.value.kind === "video" && !!E.value), F = Ri({
+		let n = e, r = t, l = i(() => zi(n.item)), d = D(!1), f = D(!1), p = D(!1), m = D(l.value.kind === "fallback"), h = D(!1), g = D(null), _ = D(null), y = D(null), b = D(null), C = D(null), T = D(l.value.kind === "fallback"), E = i(() => T.value ? n.surfaceActive ? d.value ? l.value.url : null : l.value.url : null), O = i(() => n.surfaceActive && d.value && (l.value.kind === "image" || l.value.kind === "video") && !!l.value.url), j = i(() => l.value.kind === "image" && !!E.value), N = i(() => l.value.kind === "video" && !!E.value), P = Gi({
 			attachedAssetUrl: E,
-			getPriority: ue,
+			getPriority: se,
 			isInView: d,
 			isReady: m,
 			item: i(() => n.item),
 			loadErrorKind: g,
 			reportAssetError: n.reportAssetError,
 			surfaceActive: i(() => n.surfaceActive)
-		}), I = i(() => F.errorKind.value ?? g.value), R = i(() => !!I.value), z = i(() => gn(I.value)), ee = i(() => O.value && !g.value && (!T.value || !m.value)), B = null, V = null, H = /* @__PURE__ */ new Set();
-		L([E, () => l.value.kind], () => {
+		}), I = i(() => P.errorKind.value ?? g.value), L = i(() => !!I.value), R = i(() => vn(I.value)), ee = i(() => O.value && !g.value && (!T.value || !m.value)), B = null, V = null, U = /* @__PURE__ */ new Set();
+		z([E, () => l.value.kind], () => {
 			let e = l.value.kind === "fallback";
 			m.value = e, h.value = !1, g.value = null, e && (T.value = !0);
-		}), L(O, () => {
-			K();
-		}), L([
+		}), z(O, () => {
+			q();
+		}), z([
 			d,
 			m,
 			E
 		], () => {
-			q();
-		}), L(() => n.surfaceActive, (e) => {
+			J();
+		}), z(() => n.surfaceActive, (e) => {
 			if (!e) {
-				Y(), q();
+				Y(), J();
 				return;
 			}
 			requestAnimationFrame(() => {
-				re(), K(), q();
+				X(), q(), J();
 			});
 		}), S(() => {
 			if (!y.value || typeof IntersectionObserver > "u") {
-				b.value = null, d.value = !0, K();
+				b.value = null, d.value = !0, q();
 				return;
 			}
 			b.value = y.value.closest("[data-testid=\"vibe-list-scroll\"]"), B = new IntersectionObserver((e) => {
-				for (let t of e) t.target === y.value && (n.surfaceActive && re(t), K(), q());
+				for (let t of e) t.target === y.value && (n.surfaceActive && X(t), q(), J());
 			}, {
 				root: b.value,
 				threshold: [0, 1]
 			}), B.observe(y.value);
 		}), x(() => {
-			J(), F.release(), B?.disconnect(), B = null;
+			ne(), P.release(), B?.disconnect(), B = null;
 		});
-		function U() {
-			X(_.value) && (m.value = !0, g.value = null, ie(E.value ?? n.item.url), Y());
+		function te() {
+			ce(_.value) && (m.value = !0, g.value = null, re(E.value ?? n.item.url), Y());
 		}
 		async function W() {
-			if (!X(_.value)) return;
+			if (!ce(_.value)) return;
 			let e = E.value ?? n.item.url;
 			m.value = !1, g.value = "generic";
-			let t = await _n(e);
+			let t = await yn(e);
 			g.value = t, n.reportAssetError?.({
 				item: n.item,
-				occurrenceKey: Q(n.item),
+				occurrenceKey: $(n.item),
 				url: e,
 				kind: t,
 				surface: "grid"
 			}), Y();
 		}
-		function ne() {
-			X(C.value) && (h.value = !0, m.value = !0, g.value = null, ie(E.value ?? n.item.url), Y(), q());
-		}
 		function G() {
-			X(C.value) && (h.value || (m.value = !1));
+			ce(C.value) && (h.value = !0, m.value = !0, g.value = null, re(E.value ?? n.item.url), Y(), J());
 		}
 		function K() {
+			ce(C.value) && (h.value || (m.value = !1));
+		}
+		function q() {
 			if (l.value.kind === "fallback") {
-				J(!1);
+				ne(!1);
 				return;
 			}
 			if (!n.surfaceActive) {
@@ -4072,23 +4179,23 @@ var zi = ["aria-label"], Bi = {
 				return;
 			}
 			if (!O.value) {
-				J();
+				ne();
 				return;
 			}
 			if (T.value || V) {
 				V?.refresh();
 				return;
 			}
-			V = Wt.request({
+			V = Kt.request({
 				assetType: l.value.kind,
-				getPriority: ue,
+				getPriority: se,
 				onGrant() {
 					T.value = !0, m.value = !1, g.value = null;
 				},
 				url: l.value.url ?? n.item.url
 			});
 		}
-		function q() {
+		function J() {
 			let e = C.value;
 			if (!(!e || l.value.kind !== "video")) {
 				if (I.value) {
@@ -4096,7 +4203,7 @@ var zi = ["aria-label"], Bi = {
 					return;
 				}
 				if (E.value && d.value && m.value) {
-					e.muted = !0, e.loop = !0, e.playsInline = !0, xn(e);
+					e.muted = !0, e.loop = !0, e.playsInline = !0, Cn(e);
 					return;
 				}
 				try {
@@ -4105,44 +4212,44 @@ var zi = ["aria-label"], Bi = {
 				e.pause();
 			}
 		}
-		function J(e = !0) {
-			T.value = l.value.kind === "fallback", g.value = null, m.value = l.value.kind === "fallback", e && (se(), ce()), Y();
+		function ne(e = !0) {
+			T.value = l.value.kind === "fallback", g.value = null, m.value = l.value.kind === "fallback", e && (ae(), Z()), Y();
 		}
 		function Y() {
 			V?.release(), V = null;
 		}
-		function re(e) {
+		function X(e) {
 			let t = y.value;
 			if (!t) {
 				d.value = !0;
 				return;
 			}
-			d.value = Di(e?.boundingClientRect ?? t.getBoundingClientRect(), e?.rootBounds ?? b.value?.getBoundingClientRect() ?? null);
+			d.value = Pi(e?.boundingClientRect ?? t.getBoundingClientRect(), e?.rootBounds ?? b.value?.getBoundingClientRect() ?? null);
 		}
-		function ie(e) {
+		function re(e) {
 			if (!e) return;
-			let t = Q(n.item), r = `${t}|${e}`;
-			H.has(r) || (H.add(r), n.reportAssetLoad?.({
+			let t = $(n.item), r = `${t}|${e}`;
+			U.has(r) || (U.add(r), n.reportAssetLoad?.({
 				item: n.item,
 				occurrenceKey: t,
 				surface: "grid",
 				url: e
 			}));
 		}
-		function ae() {
-			if (!z.value || F.retry()) return;
-			let e = Q(n.item);
-			H.forEach((t) => {
-				t.startsWith(`${e}|`) && H.delete(t);
-			}), g.value = null, m.value = !1, T.value = !1, Y(), K();
+		function ie() {
+			if (!R.value || P.retry()) return;
+			let e = $(n.item);
+			U.forEach((t) => {
+				t.startsWith(`${e}|`) && U.delete(t);
+			}), g.value = null, m.value = !1, T.value = !1, Y(), q();
 		}
-		function se() {
-			Ti(_.value);
+		function ae() {
+			Mi(_.value);
 		}
-		function ce() {
-			Ei(C.value);
+		function Z() {
+			Ni(C.value);
 		}
-		function ue() {
+		function se() {
 			let e = y.value;
 			if (!e) return Infinity;
 			let t = e.getBoundingClientRect();
@@ -4153,17 +4260,17 @@ var zi = ["aria-label"], Bi = {
 			let n = window.innerHeight / 2;
 			return Math.abs((t.top + t.bottom) / 2 - n);
 		}
-		function X(e) {
-			let t = Oi(E.value);
-			return !e || !t ? !1 : Oi("currentSrc" in e && e.currentSrc || e.getAttribute("src")) === t;
+		function ce(e) {
+			let t = Fi(E.value);
+			return !e || !t ? !1 : Fi("currentSrc" in e && e.currentSrc || e.getAttribute("src")) === t;
 		}
-		function de() {
+		function ue() {
 			r("open");
 		}
-		function fe() {
+		function de() {
 			f.value = !0;
 		}
-		function pe(e) {
+		function fe(e) {
 			let t = e.relatedTarget;
 			y.value && t instanceof Node && y.value.contains(t) || (f.value = !1);
 		}
@@ -4172,8 +4279,8 @@ var zi = ["aria-label"], Bi = {
 			ref: y,
 			"data-testid": "vibe-list-card-inner",
 			class: v(["group relative h-full w-full overflow-hidden border bg-[#0a0b0f] text-[#f7f1ea] transition-[border-color,transform] duration-300", n.active ? "border-white/28" : "border-white/12 hover:border-white/24"]),
-			onFocusin: fe,
-			onFocusout: pe,
+			onFocusin: de,
+			onFocusout: fe,
 			onPointerenter: t[0] ||= (e) => p.value = !0,
 			onPointerleave: t[1] ||= (e) => p.value = !1
 		}, [
@@ -4182,13 +4289,13 @@ var zi = ["aria-label"], Bi = {
 				"data-testid": "vibe-list-card-open",
 				class: "absolute inset-0 z-[1] block h-full w-full cursor-pointer text-left focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-[#f7f1ea]",
 				"aria-label": n.item.title || `Open item ${n.index + 1}`,
-				onClick: de
-			}, null, 8, zi),
-			ee.value ? (w(), s("div", Bi, [c("span", Vi, [u(N(oe), {
+				onClick: ue
+			}, null, 8, Ki),
+			ee.value ? (w(), s("div", qi, [c("span", Ji, [u(F(oe), {
 				class: "h-5 w-5 animate-spin stroke-[1.9] text-[#f7f1ea]/78",
 				"aria-hidden": "true"
 			})])])) : o("", !0),
-			M.value && E.value && !R.value ? (w(), s("img", {
+			j.value && E.value && !L.value ? (w(), s("img", {
 				key: 1,
 				ref_key: "imageRef",
 				ref: _,
@@ -4196,9 +4303,9 @@ var zi = ["aria-label"], Bi = {
 				alt: l.value.label,
 				draggable: "false",
 				class: v(["block h-full w-full object-cover transition-opacity duration-300", m.value ? "pointer-events-none opacity-100" : "pointer-events-none opacity-0"]),
-				onLoad: U,
+				onLoad: te,
 				onError: W
-			}, null, 42, Hi)) : P.value && E.value && !R.value ? (w(), s("video", {
+			}, null, 42, Yi)) : N.value && E.value && !L.value ? (w(), s("video", {
 				key: 2,
 				ref_key: "videoRef",
 				ref: C,
@@ -4208,64 +4315,64 @@ var zi = ["aria-label"], Bi = {
 				playsinline: "",
 				preload: "metadata",
 				class: v(["block h-full w-full object-cover transition-opacity duration-300", m.value ? "pointer-events-none opacity-100" : "pointer-events-none opacity-0"]),
-				onCanplay: ne,
+				onCanplay: G,
 				onError: W,
-				onLoadstart: G,
-				onPlaying: ne,
-				onStalled: G,
-				onWaiting: G
-			}, null, 42, Ui)) : R.value ? (w(), s("div", {
+				onLoadstart: K,
+				onPlaying: G,
+				onStalled: K,
+				onWaiting: K
+			}, null, 42, Xi)) : L.value ? (w(), s("div", {
 				key: 3,
 				"data-testid": "vibe-list-card-error",
 				"data-kind": I.value,
 				class: "pointer-events-none relative z-[2] grid h-full w-full place-items-center bg-[radial-gradient(circle_at_center,rgba(239,68,68,0.12),transparent_65%),linear-gradient(180deg,rgba(255,255,255,0.04),rgba(255,255,255,0.02))]"
-			}, [c("div", Gi, [
-				u(N(le), {
+			}, [c("div", Qi, [
+				u(F(le), {
 					class: "h-6 w-6 stroke-[1.8] text-[#f7f1ea]/78",
 					"aria-hidden": "true"
 				}),
-				c("span", Ki, j(N(hn)(I.value)), 1),
-				z.value ? (w(), s("button", {
+				c("span", $i, M(F(_n)(I.value)), 1),
+				R.value ? (w(), s("button", {
 					key: 0,
 					type: "button",
 					class: "pointer-events-auto inline-flex items-center justify-center border border-white/14 bg-black/35 px-3 py-2 text-[0.62rem] font-bold uppercase tracking-[0.22em] text-[#f7f1ea]/82 backdrop-blur-[18px] transition hover:border-white/28 hover:bg-black/50",
-					onClick: te(ae, ["stop"])
+					onClick: H(ie, ["stop"])
 				}, " Retry ")) : o("", !0)
-			])], 8, Wi)) : (w(), s("div", qi, [c("div", Ji, [k(e.$slots, "item-icon", {
-				icon: N(Vt)(n.item.type),
+			])], 8, Zi)) : (w(), s("div", ea, [c("div", ta, [k(e.$slots, "item-icon", {
+				icon: F(Ut)(n.item.type),
 				item: n.item
-			}, () => [(w(), a(A(N(Vt)(n.item.type)), {
+			}, () => [(w(), a(A(F(Ut)(n.item.type)), {
 				class: "h-6 w-6 stroke-[1.8] text-[#f7f1ea]/78",
 				"aria-hidden": "true"
 			}))])])])),
-			c("div", Yi, [k(e.$slots, "grid-item-overlay", {
+			c("div", na, [k(e.$slots, "grid-item-overlay", {
 				active: n.active,
 				focused: f.value,
 				hovered: p.value,
 				index: n.index,
 				item: n.item,
-				openFullscreen: de
+				openFullscreen: ue
 			})])
 		], 34));
 	}
-}), Zi = { class: "relative h-full min-h-0 bg-[radial-gradient(circle_at_top_center,rgba(255,255,255,0.04),transparent_28%),linear-gradient(180deg,#06070b,#05060a)]" }, Qi = { class: "pointer-events-none absolute inset-x-0 top-0 z-[2] flex justify-end p-6" }, $i = {
+}), ia = { class: "relative h-full min-h-0 bg-[radial-gradient(circle_at_top_center,rgba(255,255,255,0.04),transparent_28%),linear-gradient(180deg,#06070b,#05060a)]" }, aa = { class: "pointer-events-none absolute inset-x-0 top-0 z-[2] flex justify-end p-6" }, oa = {
 	"data-testid": "vibe-pagination",
 	class: "inline-flex shrink-0 items-center gap-2 whitespace-nowrap border border-white/14 bg-black/40 px-3 py-2 text-[0.63rem] font-bold uppercase tracking-[0.12em] text-[#f7f1ea]/72 backdrop-blur-[18px] min-[721px]:gap-3 min-[721px]:px-4 min-[721px]:py-3 min-[721px]:text-[0.74rem] min-[721px]:tracking-[0.2em]"
-}, ea = { class: "whitespace-nowrap" }, ta = {
+}, sa = { class: "whitespace-nowrap" }, ca = {
 	key: 0,
 	class: "whitespace-nowrap border-l border-white/12 pl-2 text-[#f7f1ea]/56 min-[721px]:pl-3"
-}, na = [
+}, la = [
 	"data-active",
 	"data-index",
 	"data-item-id",
 	"data-occurrence-key"
-], ra = ["data-item-id"], ia = {
+], ua = ["data-item-id"], da = {
 	key: 0,
 	class: "pointer-events-none absolute inset-y-0 right-0 z-[3] hidden w-8 min-[1024px]:block"
-}, aa = {
+}, fa = {
 	key: 1,
 	class: "pointer-events-none absolute inset-x-0 bottom-0 z-[2] px-5 pb-5 sm:px-6"
-}, oa = { class: "mx-auto flex w-full justify-center" }, sa = /* @__PURE__ */ d({
+}, pa = { class: "mx-auto flex w-full justify-center" }, ma = /* @__PURE__ */ d({
 	__name: "ListSurface",
 	props: {
 		active: {
@@ -4327,30 +4434,30 @@ var zi = ["aria-label"], Bi = {
 		"update:activeIndex"
 	],
 	setup(e, { expose: n, emit: r }) {
-		let d = e, f = F(), p = r, m = Ci({
-			active: M(d, "active"),
-			allowExhaustedNextPageRefresh: M(d, "allowExhaustedNextPageRefresh"),
-			bottomLoadBufferPx: M(d, "bottomLoadBufferPx"),
-			items: M(d, "items"),
-			activeIndex: M(d, "activeIndex"),
-			loading: M(d, "loading"),
-			hasNextPage: M(d, "hasNextPage"),
-			hasPreviousPage: M(d, "hasPreviousPage"),
-			paginationDetail: M(d, "paginationDetail"),
-			pendingAppendItems: M(d, "pendingAppendItems"),
-			commitPendingAppend: M(d, "commitPendingAppend"),
-			requestNextPage: M(d, "requestNextPage"),
-			requestPreviousPage: M(d, "requestPreviousPage"),
+		let d = e, f = L(), p = r, m = Ai({
+			active: N(d, "active"),
+			allowExhaustedNextPageRefresh: N(d, "allowExhaustedNextPageRefresh"),
+			bottomLoadBufferPx: N(d, "bottomLoadBufferPx"),
+			items: N(d, "items"),
+			activeIndex: N(d, "activeIndex"),
+			loading: N(d, "loading"),
+			hasNextPage: N(d, "hasNextPage"),
+			hasPreviousPage: N(d, "hasPreviousPage"),
+			paginationDetail: N(d, "paginationDetail"),
+			pendingAppendItems: N(d, "pendingAppendItems"),
+			commitPendingAppend: N(d, "commitPendingAppend"),
+			requestNextPage: N(d, "requestNextPage"),
+			requestPreviousPage: N(d, "requestPreviousPage"),
 			setActiveIndex(e) {
 				p("update:activeIndex", e);
 			}
 		});
 		n({ autoScroll: m.autoScroll });
-		let h = i(() => on({
+		let h = i(() => cn({
 			itemCount: d.items.length,
 			loading: d.loading,
 			phase: d.phase
-		})), _ = i(() => sn({
+		})), _ = i(() => ln({
 			errorMessage: d.errorMessage,
 			hasItems: d.items.length > 0,
 			hasNextPage: d.hasNextPage,
@@ -4363,42 +4470,42 @@ var zi = ["aria-label"], Bi = {
 			message: _.value.message,
 			paginationDetail: d.paginationDetail,
 			total: d.items.length
-		}), S = i(() => !x.value || !f["grid-status"] ? [] : f["grid-status"](x.value)), C = i(() => en(S.value)), T = i(() => d.items.length + m.leavingItems.value.length), { emptyStateProps: E, showBadgeEmptyState: D, showCustomEmptyState: A, showInlineEmptyState: P } = rn({
-			emptyStateMode: M(d, "emptyStateMode"),
+		}), S = i(() => !x.value || !f["grid-status"] ? [] : f["grid-status"](x.value)), C = i(() => nn(S.value)), T = i(() => d.items.length + m.leavingItems.value.length), { emptyStateProps: E, showBadgeEmptyState: D, showCustomEmptyState: A, showInlineEmptyState: j } = on({
+			emptyStateMode: N(d, "emptyStateMode"),
 			itemCount: T,
-			loading: M(d, "loading"),
+			loading: N(d, "loading"),
 			renderSlot: f["empty-state"],
 			surface: "grid"
 		});
-		return L([m.nextBoundaryLoadProgress, m.previousBoundaryLoadProgress], ([e, t]) => {
+		return z([m.nextBoundaryLoadProgress, m.previousBoundaryLoadProgress], ([e, t]) => {
 			p("boundary-load-progress", {
 				nextBoundaryLoadProgress: e,
 				previousBoundaryLoadProgress: t
 			});
-		}, { immediate: !0 }), (e, n) => (w(), s("div", Zi, [
-			c("div", Qi, [c("span", $i, [c("span", ea, j(N(m).paginationLabel.value), 1), d.paginationDetail ? (w(), s("span", ta, j(d.paginationDetail), 1)) : o("", !0)])]),
+		}, { immediate: !0 }), (e, n) => (w(), s("div", ia, [
+			c("div", aa, [c("span", oa, [c("span", sa, M(F(m).paginationLabel.value), 1), d.paginationDetail ? (w(), s("span", ca, M(d.paginationDetail), 1)) : o("", !0)])]),
 			c("div", {
-				ref: N(m).scrollViewportRef,
+				ref: F(m).scrollViewportRef,
 				"data-testid": "vibe-list-scroll",
 				class: "h-full min-h-0 overflow-y-auto overflow-x-hidden [overflow-anchor:none] [scrollbar-width:none] [-ms-overflow-style:none] [&::-webkit-scrollbar]:hidden",
-				onScroll: n[0] ||= (...e) => N(m).onScroll && N(m).onScroll(...e),
-				onWheel: n[1] ||= (...e) => N(m).onWheel && N(m).onWheel(...e)
+				onScroll: n[0] ||= (...e) => F(m).onScroll && F(m).onScroll(...e),
+				onWheel: n[1] ||= (...e) => F(m).onWheel && F(m).onWheel(...e)
 			}, [c("div", {
 				"data-testid": "vibe-list-content",
 				class: "relative",
-				style: b({ height: `${N(m).containerHeight.value}px` })
+				style: b({ height: `${F(m).containerHeight.value}px` })
 			}, [
-				(w(!0), s(t, null, O(N(m).renderedItems.value, ({ item: t, index: n }) => (w(), s("article", {
-					key: N(Q)(t),
+				(w(!0), s(t, null, O(F(m).renderedItems.value, ({ item: t, index: n }) => (w(), s("article", {
+					key: F($)(t),
 					"data-testid": "vibe-list-card",
-					"data-active": n === N(m).resolvedActiveIndex.value ? "true" : "false",
+					"data-active": n === F(m).resolvedActiveIndex.value ? "true" : "false",
 					"data-index": n,
 					"data-item-id": t.id,
-					"data-occurrence-key": N(Q)(t),
+					"data-occurrence-key": F($)(t),
 					class: "absolute will-change-transform",
-					style: b(N(m).getCardStyle(n))
-				}, [u(Xi, {
-					active: n === N(m).resolvedActiveIndex.value,
+					style: b(F(m).getCardStyle(n))
+				}, [u(ra, {
+					active: n === F(m).resolvedActiveIndex.value,
 					index: n,
 					item: t,
 					"report-asset-error": d.reportAssetError,
@@ -4407,11 +4514,11 @@ var zi = ["aria-label"], Bi = {
 					onOpen: (e) => p("open-fullscreen", n)
 				}, l({ _: 2 }, [f["grid-item-overlay"] ? {
 					name: "grid-item-overlay",
-					fn: z((t) => [k(e.$slots, "grid-item-overlay", g({ ref_for: !0 }, t))]),
+					fn: B((t) => [k(e.$slots, "grid-item-overlay", g({ ref_for: !0 }, t))]),
 					key: "0"
 				} : void 0, f["item-icon"] ? {
 					name: "item-icon",
-					fn: z((t) => [k(e.$slots, "item-icon", g({ ref_for: !0 }, t))]),
+					fn: B((t) => [k(e.$slots, "item-icon", g({ ref_for: !0 }, t))]),
 					key: "1"
 				} : void 0]), 1032, [
 					"active",
@@ -4421,14 +4528,14 @@ var zi = ["aria-label"], Bi = {
 					"report-asset-load",
 					"surface-active",
 					"onOpen"
-				])], 12, na))), 128)),
-				(w(!0), s(t, null, O(N(m).leavingItems.value, (t) => (w(), s("article", {
-					key: `leaving-${N(Q)(t.item)}`,
+				])], 12, la))), 128)),
+				(w(!0), s(t, null, O(F(m).leavingItems.value, (t) => (w(), s("article", {
+					key: `leaving-${F($)(t.item)}`,
 					"data-testid": "vibe-list-card-leaving",
 					"data-item-id": t.item.id,
 					class: "pointer-events-none absolute z-[2] will-change-[opacity,transform]",
-					style: b(N(m).getLeavingCardStyle(t.item))
-				}, [u(Xi, {
+					style: b(F(m).getLeavingCardStyle(t.item))
+				}, [u(ra, {
 					active: !1,
 					index: -1,
 					item: t.item,
@@ -4437,20 +4544,20 @@ var zi = ["aria-label"], Bi = {
 					"surface-active": !1
 				}, l({ _: 2 }, [f["item-icon"] ? {
 					name: "item-icon",
-					fn: z((t) => [k(e.$slots, "item-icon", g({ ref_for: !0 }, t))]),
+					fn: B((t) => [k(e.$slots, "item-icon", g({ ref_for: !0 }, t))]),
 					key: "0"
 				} : void 0]), 1032, [
 					"item",
 					"report-asset-error",
 					"report-asset-load"
-				])], 12, ra))), 128)),
-				N(P) && N(E) ? (w(), a(Bn, {
+				])], 12, ua))), 128)),
+				F(j) && F(E) ? (w(), a(Hn, {
 					key: 0,
-					message: N(E).message,
-					mode: N(E).mode,
-					surface: N(E).surface
+					message: F(E).message,
+					mode: F(E).mode,
+					surface: F(E).surface
 				}, {
-					default: z(() => [N(A) ? k(e.$slots, "empty-state", y(g({ key: 0 }, N(E)))) : o("", !0)]),
+					default: B(() => [F(A) ? k(e.$slots, "empty-state", y(g({ key: 0 }, F(E)))) : o("", !0)]),
 					_: 3
 				}, 8, [
 					"message",
@@ -4458,12 +4565,12 @@ var zi = ["aria-label"], Bi = {
 					"surface"
 				])) : o("", !0)
 			], 4)], 544),
-			N(m).showScrollbar.value ? (w(), s("div", ia, [n[2] ||= c("div", { class: "absolute bottom-6 right-3 top-6 w-px bg-white/8" }, null, -1), c("div", {
+			F(m).showScrollbar.value ? (w(), s("div", da, [n[2] ||= c("div", { class: "absolute bottom-6 right-3 top-6 w-px bg-white/8" }, null, -1), c("div", {
 				"data-testid": "vibe-list-scrollbar-thumb",
 				class: v(["absolute right-[0.625rem] w-1 bg-white/34 transition-[height,transform,background-color,opacity] duration-300 ease-out", d.loading ? "bg-white/52" : "bg-white/34"]),
-				style: b(N(m).getScrollbarThumbStyle())
+				style: b(F(m).getScrollbarThumbStyle())
 			}, null, 6)])) : o("", !0),
-			f["grid-footer"] ? (w(), s("div", aa, [c("div", oa, [k(e.$slots, "grid-footer")])])) : o("", !0),
+			f["grid-footer"] ? (w(), s("div", fa, [c("div", pa, [k(e.$slots, "grid-footer")])])) : o("", !0),
 			x.value ? (w(), s("div", {
 				key: 2,
 				class: v(["pointer-events-none absolute inset-x-0 bottom-0 z-[3] flex justify-center px-6", f["grid-footer"] ? "pb-24" : "pb-6"])
@@ -4471,15 +4578,15 @@ var zi = ["aria-label"], Bi = {
 				key: 1,
 				"data-testid": "vibe-grid-status-badge",
 				class: v(["inline-flex items-center border border-white/14 bg-black/55 px-4 py-3 text-[0.7rem] font-bold uppercase tracking-[0.18em] text-[#f7f1ea]/72 backdrop-blur-[18px]", x.value.kind === "end" ? "border-amber-300/35 text-amber-200" : x.value.kind === "failed" ? "border-rose-400/45 text-rose-100" : ""])
-			}, j(x.value.message), 3))], 2)) : o("", !0),
-			N(D) && N(E) ? (w(), a(Bn, {
+			}, M(x.value.message), 3))], 2)) : o("", !0),
+			F(D) && F(E) ? (w(), a(Hn, {
 				key: 3,
 				class: v(["z-[3]", f["grid-footer"] ? "pb-24" : "pb-6"]),
-				message: N(E).message,
-				mode: N(E).mode,
-				surface: N(E).surface
+				message: F(E).message,
+				mode: F(E).mode,
+				surface: F(E).surface
 			}, {
-				default: z(() => [N(A) ? k(e.$slots, "empty-state", y(g({ key: 0 }, N(E)))) : o("", !0)]),
+				default: B(() => [F(A) ? k(e.$slots, "empty-state", y(g({ key: 0 }, F(E)))) : o("", !0)]),
 				_: 3
 			}, 8, [
 				"class",
@@ -4489,13 +4596,13 @@ var zi = ["aria-label"], Bi = {
 			])) : o("", !0)
 		]));
 	}
-}), ca = ["data-surface-mode"], la = {
+}), ha = ["data-surface-mode"], ga = {
 	key: 1,
 	class: "absolute left-5 top-5 z-30 border border-amber-400/45 bg-black/35 px-4 py-2 text-xs font-medium uppercase tracking-[0.24em] text-amber-100 backdrop-blur"
-}, ua = ["data-visible", "inert"], da = ["data-visible", "inert"], fa = {
+}, _a = ["data-visible", "inert"], va = ["data-visible", "inert"], ya = {
 	key: 3,
 	class: "relative z-[1] grid h-full w-full content-center justify-items-center gap-6 px-[clamp(2rem,4vw,3rem)] py-[clamp(2rem,4vw,3rem)] text-center"
-}, pa = /* @__PURE__ */ d({
+}, ba = /* @__PURE__ */ d({
 	name: "VibeLayout",
 	__name: "Layout",
 	props: {
@@ -4522,14 +4629,14 @@ var zi = ["aria-label"], Bi = {
 		"update:surfaceMode"
 	],
 	setup(e, { expose: n, emit: i }) {
-		let d = e, f = F(), m = i, h = dt(d, m), g = D(null), _ = fe((e) => {
+		let d = e, f = L(), m = i, h = pt(d, m), g = D(null), _ = pe((e) => {
 			m("asset-errors", e);
-		}), v = pe((e) => {
+		}), v = me((e) => {
 			m("asset-loads", e);
 		});
 		x(() => {
 			_.stop(), v.stop();
-		}), L(() => h.items.value, (e) => {
+		}), z(() => h.items.value, (e) => {
 			m("items-change", [...e]);
 		});
 		function b(e) {
@@ -4556,14 +4663,14 @@ var zi = ["aria-label"], Bi = {
 			unlockPageLoading: h.unlockPageLoading
 		}), (e, n) => (w(), s("section", {
 			"data-testid": "vibe",
-			"data-surface-mode": N(h).surfaceMode.value,
+			"data-surface-mode": F(h).surfaceMode.value,
 			class: "relative h-full min-h-0 overflow-hidden bg-[#05060a] text-[#f7f1ea]"
-		}, [N(h).canRetryInitialLoad.value ? (w(), s("button", {
+		}, [F(h).canRetryInitialLoad.value ? (w(), s("button", {
 			key: 0,
 			type: "button",
 			class: "absolute left-5 top-5 z-30 inline-flex items-center border border-rose-400/55 bg-rose-500/18 px-4 py-2 text-xs font-medium uppercase tracking-[0.24em] text-white backdrop-blur transition hover:bg-rose-500/28",
-			onClick: n[0] ||= (...e) => N(h).retryInitialLoad && N(h).retryInitialLoad(...e)
-		}, " Retry ")) : N(h).errorMessage.value && N(h).items.value.length > 0 ? (w(), s("div", la, j(N(h).errorMessage.value), 1)) : o("", !0), N(h).isDesktop.value ? (w(), s(t, { key: 2 }, [u(r, {
+			onClick: n[0] ||= (...e) => F(h).retryInitialLoad && F(h).retryInitialLoad(...e)
+		}, " Retry ")) : F(h).errorMessage.value && F(h).items.value.length > 0 ? (w(), s("div", ga, M(F(h).errorMessage.value), 1)) : o("", !0), F(h).isDesktop.value ? (w(), s(t, { key: 2 }, [u(r, {
 			appear: "",
 			"enter-active-class": "transition-[opacity,transform] duration-300 ease-out",
 			"enter-from-class": "translate-y-3 opacity-0",
@@ -4572,60 +4679,60 @@ var zi = ["aria-label"], Bi = {
 			"leave-from-class": "translate-y-0 opacity-100",
 			"leave-to-class": "translate-y-3 opacity-0"
 		}, {
-			default: z(() => [ee(c("div", {
+			default: B(() => [V(c("div", {
 				"data-testid": "vibe-list-surface",
-				"data-visible": N(h).surfaceMode.value === "list" ? "true" : "false",
-				inert: N(h).surfaceMode.value !== "list",
+				"data-visible": F(h).surfaceMode.value === "list" ? "true" : "false",
+				inert: F(h).surfaceMode.value !== "list",
 				class: "absolute inset-0 z-[2]"
-			}, [u(sa, {
+			}, [u(ma, {
 				ref_key: "listSurfaceRef",
 				ref: g,
-				active: N(h).surfaceMode.value === "list",
-				"allow-exhausted-next-page-refresh": N(h).canRefreshExhaustedNextPage.value,
+				active: F(h).surfaceMode.value === "list",
+				"allow-exhausted-next-page-refresh": F(h).canRefreshExhaustedNextPage.value,
 				"bottom-load-buffer-px": d.bottomLoadBufferPx,
-				items: N(h).items.value,
-				"active-index": N(h).activeIndex.value,
-				"error-message": N(h).errorMessage.value,
-				loading: N(h).loading.value,
-				"has-next-page": N(h).hasNextPage.value,
-				"has-previous-page": N(h).hasPreviousPage.value,
-				"pending-append-items": N(h).pendingAppendItems.value,
-				phase: N(h).phase.value,
-				"commit-pending-append": N(h).commitPendingAppend,
-				"pagination-detail": N(h).paginationDetail.value,
-				"report-asset-error": N(_).report,
-				"report-asset-load": N(v).report,
-				"request-next-page": N(h).prefetchNextPage,
-				"request-previous-page": N(h).prefetchPreviousPage,
+				items: F(h).items.value,
+				"active-index": F(h).activeIndex.value,
+				"error-message": F(h).errorMessage.value,
+				loading: F(h).loading.value,
+				"has-next-page": F(h).hasNextPage.value,
+				"has-previous-page": F(h).hasPreviousPage.value,
+				"pending-append-items": F(h).pendingAppendItems.value,
+				phase: F(h).phase.value,
+				"commit-pending-append": F(h).commitPendingAppend,
+				"pagination-detail": F(h).paginationDetail.value,
+				"report-asset-error": F(_).report,
+				"report-asset-load": F(v).report,
+				"request-next-page": F(h).prefetchNextPage,
+				"request-previous-page": F(h).prefetchPreviousPage,
 				"empty-state-mode": d.emptyStateMode,
 				"show-status-badges": d.showStatusBadges ?? !0,
-				onBoundaryLoadProgress: N(h).setBoundaryLoadProgress,
-				onOpenFullscreen: N(h).openFullscreen,
-				"onUpdate:activeIndex": N(h).setActiveIndex
+				onBoundaryLoadProgress: F(h).setBoundaryLoadProgress,
+				onOpenFullscreen: F(h).openFullscreen,
+				"onUpdate:activeIndex": F(h).setActiveIndex
 			}, l({ _: 2 }, [
 				f["empty-state"] ? {
 					name: "empty-state",
-					fn: z((t) => [k(e.$slots, "empty-state", y(p(t)))]),
+					fn: B((t) => [k(e.$slots, "empty-state", y(p(t)))]),
 					key: "0"
 				} : void 0,
 				f["grid-footer"] ? {
 					name: "grid-footer",
-					fn: z(() => [k(e.$slots, "grid-footer")]),
+					fn: B(() => [k(e.$slots, "grid-footer")]),
 					key: "1"
 				} : void 0,
 				f["grid-item-overlay"] ? {
 					name: "grid-item-overlay",
-					fn: z((t) => [k(e.$slots, "grid-item-overlay", y(p(t)))]),
+					fn: B((t) => [k(e.$slots, "grid-item-overlay", y(p(t)))]),
 					key: "2"
 				} : void 0,
 				f["grid-status"] ? {
 					name: "grid-status",
-					fn: z((t) => [k(e.$slots, "grid-status", y(p(t)))]),
+					fn: B((t) => [k(e.$slots, "grid-status", y(p(t)))]),
 					key: "3"
 				} : void 0,
 				f["item-icon"] ? {
 					name: "item-icon",
-					fn: z((t) => [k(e.$slots, "item-icon", y(p(t)))]),
+					fn: B((t) => [k(e.$slots, "item-icon", y(p(t)))]),
 					key: "4"
 				} : void 0
 			]), 1032, [
@@ -4651,7 +4758,7 @@ var zi = ["aria-label"], Bi = {
 				"onBoundaryLoadProgress",
 				"onOpenFullscreen",
 				"onUpdate:activeIndex"
-			])], 8, ua), [[I, N(h).surfaceMode.value === "list"]])]),
+			])], 8, _a), [[R, F(h).surfaceMode.value === "list"]])]),
 			_: 3
 		}), u(r, {
 			appear: "",
@@ -4662,59 +4769,59 @@ var zi = ["aria-label"], Bi = {
 			"leave-from-class": "translate-y-0 opacity-100",
 			"leave-to-class": "-translate-y-3 opacity-0"
 		}, {
-			default: z(() => [ee(c("div", {
+			default: B(() => [V(c("div", {
 				"data-testid": "vibe-fullscreen-surface",
-				"data-visible": N(h).surfaceMode.value === "fullscreen" ? "true" : "false",
-				inert: N(h).surfaceMode.value !== "fullscreen",
+				"data-visible": F(h).surfaceMode.value === "fullscreen" ? "true" : "false",
+				inert: F(h).surfaceMode.value !== "fullscreen",
 				class: "absolute inset-0 z-[3]"
-			}, [u(Sr, {
-				items: N(h).items.value,
-				active: N(h).surfaceMode.value === "fullscreen",
-				"active-index": N(h).activeIndex.value,
-				"error-message": N(h).errorMessage.value,
-				loading: N(h).loading.value,
-				"has-next-page": N(h).hasNextPage.value,
-				"pagination-detail": N(h).paginationDetail.value,
-				phase: N(h).phase.value,
-				"report-asset-error": N(_).report,
-				"report-asset-load": N(v).report,
+			}, [u(wr, {
+				items: F(h).items.value,
+				active: F(h).surfaceMode.value === "fullscreen",
+				"active-index": F(h).activeIndex.value,
+				"error-message": F(h).errorMessage.value,
+				loading: F(h).loading.value,
+				"has-next-page": F(h).hasNextPage.value,
+				"pagination-detail": F(h).paginationDetail.value,
+				phase: F(h).phase.value,
+				"report-asset-error": F(_).report,
+				"report-asset-load": F(v).report,
 				"empty-state-mode": d.emptyStateMode,
 				"loop-fullscreen-video": d.loopFullscreenVideo ?? !0,
 				"show-dominant-image-tone": d.showDominantImageTone ?? !0,
 				"show-end-badge": d.showEndBadge ?? !0,
 				"show-status-badges": d.showStatusBadges ?? !0,
-				"show-back-to-list": N(h).showBackToList.value,
-				onBackToList: N(h).returnToList,
-				"onUpdate:activeIndex": N(h).setActiveIndex
+				"show-back-to-list": F(h).showBackToList.value,
+				onBackToList: F(h).returnToList,
+				"onUpdate:activeIndex": F(h).setActiveIndex
 			}, l({ _: 2 }, [
 				f["empty-state"] ? {
 					name: "empty-state",
-					fn: z((t) => [k(e.$slots, "empty-state", y(p(t)))]),
+					fn: B((t) => [k(e.$slots, "empty-state", y(p(t)))]),
 					key: "0"
 				} : void 0,
 				f["fullscreen-overlay"] ? {
 					name: "fullscreen-overlay",
-					fn: z((t) => [k(e.$slots, "fullscreen-overlay", y(p(t)))]),
+					fn: B((t) => [k(e.$slots, "fullscreen-overlay", y(p(t)))]),
 					key: "1"
 				} : void 0,
 				f["fullscreen-aside"] ? {
 					name: "fullscreen-aside",
-					fn: z((t) => [k(e.$slots, "fullscreen-aside", y(p(t)))]),
+					fn: B((t) => [k(e.$slots, "fullscreen-aside", y(p(t)))]),
 					key: "2"
 				} : void 0,
 				f["fullscreen-header-actions"] ? {
 					name: "fullscreen-header-actions",
-					fn: z((t) => [k(e.$slots, "fullscreen-header-actions", y(p(t)))]),
+					fn: B((t) => [k(e.$slots, "fullscreen-header-actions", y(p(t)))]),
 					key: "3"
 				} : void 0,
 				f["fullscreen-status"] ? {
 					name: "fullscreen-status",
-					fn: z((t) => [k(e.$slots, "fullscreen-status", y(p(t)))]),
+					fn: B((t) => [k(e.$slots, "fullscreen-status", y(p(t)))]),
 					key: "4"
 				} : void 0,
 				f["item-icon"] ? {
 					name: "item-icon",
-					fn: z((t) => [k(e.$slots, "item-icon", y(p(t)))]),
+					fn: B((t) => [k(e.$slots, "item-icon", y(p(t)))]),
 					key: "5"
 				} : void 0
 			]), 1032, [
@@ -4736,60 +4843,60 @@ var zi = ["aria-label"], Bi = {
 				"show-back-to-list",
 				"onBackToList",
 				"onUpdate:activeIndex"
-			])], 8, da), [[I, N(h).surfaceMode.value === "fullscreen"]])]),
+			])], 8, va), [[R, F(h).surfaceMode.value === "fullscreen"]])]),
 			_: 3
-		})], 64)) : N(h).items.value.length === 0 && N(h).loading.value ? (w(), s("div", fa, [u(N(oe), {
+		})], 64)) : F(h).items.value.length === 0 && F(h).loading.value ? (w(), s("div", ya, [u(F(oe), {
 			class: "size-10 animate-spin text-[#f7f1ea]/82",
 			"aria-hidden": "true"
-		}), n[1] ||= c("p", { class: "m-0 text-[0.9rem] font-semibold uppercase tracking-[0.22em] text-[#f7f1ea]/72" }, " Loading... ", -1)])) : (w(), a(Sr, {
+		}), n[1] ||= c("p", { class: "m-0 text-[0.9rem] font-semibold uppercase tracking-[0.22em] text-[#f7f1ea]/72" }, " Loading... ", -1)])) : (w(), a(wr, {
 			key: 4,
-			items: N(h).items.value,
+			items: F(h).items.value,
 			active: !0,
-			"active-index": N(h).activeIndex.value,
-			"error-message": N(h).errorMessage.value,
-			loading: N(h).loading.value,
-			"has-next-page": N(h).hasNextPage.value,
-			"pagination-detail": N(h).paginationDetail.value,
-			phase: N(h).phase.value,
-			"report-asset-error": N(_).report,
-			"report-asset-load": N(v).report,
+			"active-index": F(h).activeIndex.value,
+			"error-message": F(h).errorMessage.value,
+			loading: F(h).loading.value,
+			"has-next-page": F(h).hasNextPage.value,
+			"pagination-detail": F(h).paginationDetail.value,
+			phase: F(h).phase.value,
+			"report-asset-error": F(_).report,
+			"report-asset-load": F(v).report,
 			"empty-state-mode": d.emptyStateMode,
 			"loop-fullscreen-video": d.loopFullscreenVideo ?? !0,
 			"show-dominant-image-tone": d.showDominantImageTone ?? !0,
 			"show-end-badge": d.showEndBadge ?? !0,
 			"show-status-badges": d.showStatusBadges ?? !0,
 			"show-back-to-list": !1,
-			onBackToList: N(h).returnToList,
-			"onUpdate:activeIndex": N(h).setActiveIndex
+			onBackToList: F(h).returnToList,
+			"onUpdate:activeIndex": F(h).setActiveIndex
 		}, l({ _: 2 }, [
 			f["empty-state"] ? {
 				name: "empty-state",
-				fn: z((t) => [k(e.$slots, "empty-state", y(p(t)))]),
+				fn: B((t) => [k(e.$slots, "empty-state", y(p(t)))]),
 				key: "0"
 			} : void 0,
 			f["fullscreen-overlay"] ? {
 				name: "fullscreen-overlay",
-				fn: z((t) => [k(e.$slots, "fullscreen-overlay", y(p(t)))]),
+				fn: B((t) => [k(e.$slots, "fullscreen-overlay", y(p(t)))]),
 				key: "1"
 			} : void 0,
 			f["fullscreen-aside"] ? {
 				name: "fullscreen-aside",
-				fn: z((t) => [k(e.$slots, "fullscreen-aside", y(p(t)))]),
+				fn: B((t) => [k(e.$slots, "fullscreen-aside", y(p(t)))]),
 				key: "2"
 			} : void 0,
 			f["fullscreen-header-actions"] ? {
 				name: "fullscreen-header-actions",
-				fn: z((t) => [k(e.$slots, "fullscreen-header-actions", y(p(t)))]),
+				fn: B((t) => [k(e.$slots, "fullscreen-header-actions", y(p(t)))]),
 				key: "3"
 			} : void 0,
 			f["fullscreen-status"] ? {
 				name: "fullscreen-status",
-				fn: z((t) => [k(e.$slots, "fullscreen-status", y(p(t)))]),
+				fn: B((t) => [k(e.$slots, "fullscreen-status", y(p(t)))]),
 				key: "4"
 			} : void 0,
 			f["item-icon"] ? {
 				name: "item-icon",
-				fn: z((t) => [k(e.$slots, "item-icon", y(p(t)))]),
+				fn: B((t) => [k(e.$slots, "item-icon", y(p(t)))]),
 				key: "5"
 			} : void 0
 		]), 1032, [
@@ -4809,10 +4916,10 @@ var zi = ["aria-label"], Bi = {
 			"show-status-badges",
 			"onBackToList",
 			"onUpdate:activeIndex"
-		]))], 8, ca));
+		]))], 8, ha));
 	}
-}), ma = { install(e) {
-	e.component("VibeLayout", pa);
+}), xa = { install(e) {
+	e.component("VibeLayout", ba);
 } };
 //#endregion
-export { pa as VibeLayout, ma as VibePlugin, ma as default };
+export { ba as VibeLayout, xa as VibePlugin, xa as default };