@wyxos/vibe 3.0.10 → 3.0.13

package/lib/index.js

@@ -3,10 +3,10 @@ import { Comment as e, Fragment as t, Text as n, Transition as r, computed as i,
 var B = (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()), ee = (e) => {
+}, 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()), G = (e) => {
 	let t = W(e);
 	return t.charAt(0).toUpperCase() + t.slice(1);
-}, G = {
+}, K = {
 	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 }) => p("svg", {
-	...G,
+}, q = ({ name: e, iconNode: t, absoluteStrokeWidth: n, "absolute-stroke-width": r, strokeWidth: i, "stroke-width": a, size: o = K.width, color: s = K.stroke, ...c }, { slots: l }) => p("svg", {
+	...K,
 	...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(ee(e))}-icon`, `lucide-${U(e)}`] : ["lucide-icon"]),
+	"stroke-width": V(n) || V(r) || n === !0 || r === !0 ? Number(i || a || K["stroke-width"]) * 24 / Number(o) : i || a || K["stroke-width"],
+	class: H("lucide", c.class, ...e ? [`lucide-${U(G(e))}-icon`, `lucide-${U(e)}`] : ["lucide-icon"]),
 	...!l.default && !B(c) && { "aria-hidden": "true" }
-}, [...t.map((e) => p(...e)), ...l.default ? [l.default()] : []]), q = (e, t) => (n, { slots: r, attrs: i }) => p(K, {
+}, [...t.map((e) => p(...e)), ...l.default ? [l.default()] : []]), J = (e, t) => (n, { slots: r, attrs: i }) => p(q, {
 	...i,
 	...n,
 	iconNode: t,
 	name: e
-}, r), J = q("arrow-left", [["path", {
+}, r), Y = J("arrow-left", [["path", {
 	d: "m12 19-7-7 7-7",
 	key: "1l729n"
 }], ["path", {
 	d: "M19 12H5",
 	key: "x3x0zl"
-}]]), Y = q("audio-lines", [
+}]]), ee = J("audio-lines", [
 	["path", {
 		d: "M2 10v3",
 		key: "1fnikh"
@@ -61,7 +61,7 @@ var B = (e) => {
 		d: "M22 10v3",
 		key: "154ddg"
 	}]
-]), X = q("clapperboard", [
+]), te = J("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"
 	}]
-]), te = q("file", [["path", {
+]), X = J("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"
-}]]), ne = q("image-plus", [
+}]]), ne = J("image-plus", [
 	["path", {
 		d: "M16 5h6",
 		key: "1vod17"
@@ -107,10 +107,10 @@ var B = (e) => {
 		r: "2",
 		key: "af1f0g"
 	}]
-]), re = q("loader-circle", [["path", {
+]), re = J("loader-circle", [["path", {
 	d: "M21 12a9 9 0 1 1-6.219-8.56",
 	key: "13zald"
-}]]), ie = q("pause", [["rect", {
+}]]), ie = J("pause", [["rect", {
 	x: "14",
 	y: "3",
 	width: "5",
@@ -124,10 +124,10 @@ var B = (e) => {
 	height: "18",
 	rx: "1",
 	key: "1wsw3u"
-}]]), ae = q("play", [["path", {
+}]]), ae = J("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"
-}]]), oe = q("triangle-alert", [
+}]]), oe = J("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"
@@ -181,9 +181,21 @@ function ue(e) {
 function de(e) {
 	return e instanceof HTMLElement && !!e.closest("[data-swipe-lock], input, textarea, select, a");
 }
+function fe(e) {
+	return e === "filling" || e === "initializing" || e === "loading" || e === "refreshing";
+}
+function pe(e) {
+	return !e || !Number.isFinite(e) || e < 1 ? 25 : Math.floor(e);
+}
+function me(e) {
+	return e ?? "__vibe_initial_cursor__";
+}
+function he(e, t, n) {
+	return Math.min(Math.max(e, t), n);
+}
 //#endregion
 //#region src/components/viewer-core/removalState.ts
-function fe() {
+function ge() {
 	let e = T(/* @__PURE__ */ new Set()), t = T([]);
 	function n(n) {
 		let r = Z(n).filter((t) => !e.value.has(t));
@@ -230,12 +242,12 @@ function Z(e) {
 }
 //#endregion
 //#region src/components/viewer-core/itemIdentity.ts
-var pe = "__vibeOccurrenceKey";
+var _e = "__vibeOccurrenceKey";
 function Q(e) {
-	let t = e[pe];
+	let t = e[_e];
 	return typeof t == "string" && t.length > 0 ? t : e.id;
 }
-function me(e, t, n) {
+function ve(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);
@@ -243,73 +255,61 @@ function me(e, t, n) {
 	}
 	for (let t of e) {
 		let e = r.get(t.id)?.shift() ?? `vibe-occurrence-${a += 1}`;
-		i.push(he(t, e));
+		i.push(ye(t, e));
 	}
 	return {
 		items: i,
 		nextSequence: a
 	};
 }
-function he(e, t) {
+function ye(e, t) {
 	return Q(e) === t ? e : {
 		...e,
-		[pe]: t
+		[_e]: t
 	};
 }
 //#endregion
 //#region src/components/viewer-core/autoBuckets.ts
-function ge(e) {
+function be(e) {
 	return e.flatMap((e) => e.items);
 }
-function _e(e, t) {
+function xe(e, t) {
 	return t.size ? e.filter((e) => !t.has(e.id)) : e;
 }
-function ve(e, t) {
-	return _e(e.items, t);
+function Se(e, t) {
+	return xe(e.items, t);
 }
-function ye(e, t) {
-	return ve(e, t).length;
+function Ce(e, t) {
+	return Se(e, t).length;
 }
-function be(e, t, n) {
+function we(e, t, n) {
 	if (n < 0) return null;
 	let r = 0;
 	for (let i of e) {
-		let e = ve(i, t), a = r + e.length;
+		let e = Se(i, t), a = r + e.length;
 		if (n < a) return i.cursor;
 		r = a;
 	}
 	return null;
 }
-function xe(e, t, n) {
+function Te(e, t, n) {
 	let r = [...e], i = r.findIndex((e) => e.cursor === t);
 	return i >= 0 && r.splice(i, 1, n), r;
 }
-function Se(e, t, n) {
-	let r = me(e, t, n);
+function Ee(e, t, n) {
+	let r = ve(e, t, n);
 	return {
 		items: r.items,
 		nextSequence: r.nextSequence
 	};
 }
-function Ce(e) {
-	return e === "filling" || e === "initializing" || e === "loading" || e === "refreshing";
-}
-function we(e) {
-	return !e || !Number.isFinite(e) || e < 1 ? 25 : Math.floor(e);
-}
-function Te(e) {
-	return e ?? "__vibe_initial_cursor__";
-}
-function Ee(e, t, n) {
-	return Math.min(Math.max(e, t), n);
-}
 //#endregion
 //#region src/components/viewer-core/autoResolveState.ts
 function De(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 Oe(e) {
-	let t = Se(e.nextItems, e.previousItems, e.sequence);
+	let t = Ee(e.nextItems, e.previousItems, e.sequence);
 	return {
 		bucket: {
 			cursor: e.cursor,
@@ -330,7 +330,7 @@ function ke(e, t, n, r) {
 	return {
 		buckets: i,
 		canceled: r,
-		visibleCount: i.reduce((e, t) => e + ye(t, n), 0)
+		visibleCount: i.reduce((e, t) => e + Ce(t, n), 0)
 	};
 }
 function Ae(e) {
@@ -341,24 +341,24 @@ function Ae(e) {
 		previousCursor: e.initialState.previousCursor ?? null,
 		previousItems: [],
 		sequence: e.sequence
-	}), n = _e(t.bucket.items, e.removedIds);
+	}), n = xe(t.bucket.items, e.removedIds);
 	return {
-		activeIndex: Ee(e.initialState.activeIndex ?? 0, 0, Math.max(0, n.length - 1)),
+		activeIndex: he(e.initialState.activeIndex ?? 0, 0, Math.max(0, n.length - 1)),
 		buckets: [t.bucket],
 		nextSequence: t.nextSequence
 	};
 }
 function je(e, t) {
-	let n = e[Ee(t, 0, Math.max(0, e.length - 1))];
+	let n = e[he(t, 0, Math.max(0, e.length - 1))];
 	return n ? Q(n) : null;
 }
 function Me(e, t, n = null) {
 	if (!e.length) return 0;
 	let r = n ? e.findIndex((e) => Q(e) === n) : -1;
-	return r >= 0 ? r : Ee(t, 0, e.length - 1);
+	return r >= 0 ? r : he(t, 0, e.length - 1);
 }
 function Ne(e, t, n) {
-	return e ? ye(e, t) < n : !1;
+	return e ? Ce(e, t) < n : !1;
 }
 //#endregion
 //#region src/components/viewer-core/fillDelay.ts
@@ -399,17 +399,17 @@ function ze() {
 //#endregion
 //#region src/components/viewer-core/useAutoResolveSource.ts
 function Be(e) {
-	let t = !!e.initialState?.items.length, n = T([]), r = T(0), a = T([]), o = T(!1), s = T(null), c = T(!t && typeof e.resolve == "function" ? "initializing" : "idle"), l = T(null), u = ze(), d = u.remainingMs, f = T(null), p = T(!1), m = T(!0), h = T(!1), g = /* @__PURE__ */ new Set(), _ = null, v = null, y = 0, S = 0, C = i(() => Re(e.fillDelayMs, Pe)), w = i(() => Re(e.fillDelayStepMs, Fe)), E = i(() => typeof e.resolve == "function"), D = i(() => e.mode ?? "dynamic"), O = i(() => we(e.pageSize)), k = i(() => ge(n.value)), A = i(() => _e(k.value, e.removedIds.value)), j = i(() => r.value), M = i(() => Ce(c.value) || p.value), N = i(() => Ve(n.value, e.removedIds.value)), P = i(() => He(n.value, e.removedIds.value)), I = i(() => P.value?.nextCursor ?? null), L = i(() => o.value ? null : N.value?.previousCursor ?? null), R = i(() => !!I.value), z = i(() => !!L.value), B = i(() => E.value && n.value.length > 0), V = i(() => _e(ge(a.value), e.removedIds.value)), H = i(() => be(n.value, e.removedIds.value, j.value)), U = i(() => !A.value.length && !M.value && !!s.value);
+	let t = !!e.initialState?.items.length, n = T([]), r = T(0), a = T([]), o = T(!1), s = T(null), c = T(!t && typeof e.resolve == "function" ? "initializing" : "idle"), l = T(null), u = ze(), d = u.remainingMs, f = T(null), p = T(!1), m = T(!0), h = T(!1), g = /* @__PURE__ */ new Set(), _ = null, v = null, y = 0, S = 0, C = i(() => Re(e.fillDelayMs, Pe)), w = i(() => Re(e.fillDelayStepMs, Fe)), E = i(() => typeof e.resolve == "function"), D = i(() => e.mode ?? "dynamic"), O = i(() => pe(e.pageSize)), k = i(() => be(n.value)), A = i(() => xe(k.value, e.removedIds.value)), j = i(() => r.value), M = i(() => fe(c.value) || p.value), N = i(() => Ve(n.value, e.removedIds.value)), P = i(() => He(n.value, e.removedIds.value)), I = i(() => P.value?.nextCursor ?? null), L = i(() => o.value ? null : N.value?.previousCursor ?? null), R = i(() => !!I.value), z = i(() => !!L.value), B = i(() => E.value && n.value.length > 0), V = i(() => xe(be(a.value), e.removedIds.value)), H = i(() => we(n.value, e.removedIds.value, j.value)), U = i(() => !A.value.length && !M.value && !!s.value);
 	F(() => A.value.length, (e) => {
 		if (e === 0) {
 			r.value = 0;
 			return;
 		}
-		o.value &&= (he(), !1), r.value > e - 1 && (r.value = e - 1);
+		o.value &&= (Se(), !1), r.value > e - 1 && (r.value = e - 1);
 	}), F(() => r.value, () => {
 		m.value && se();
 	}), x(() => {
-		pe() || e.resolve && W();
+		_e() || e.resolve && W();
 	}), b(() => {
 		_?.abort(), _ = null, u.clear(!0);
 	});
@@ -423,46 +423,46 @@ function Be(e) {
 		});
 		t && (n.value = t.buckets, r.value = 0, Z());
 	}
-	async function ee() {
+	async function G() {
 		if (!(h.value || M.value)) {
 			if (!R.value) return B.value ? ue("trailing") : void 0;
-			if (D.value === "static" && me("trailing")) return ue("trailing");
+			if (D.value === "static" && ye("trailing")) return ue("trailing");
 			await ce(I.value);
 		}
 	}
-	async function G() {
+	async function K() {
 		if (!(h.value || !z.value || M.value)) {
-			if (D.value === "static" && me("leading")) return ue("leading");
+			if (D.value === "static" && ye("leading")) return ue("leading");
 			await le(L.value);
 		}
 	}
-	async function K() {
+	async function q() {
 		if (U.value) {
-			if (n.value = [], r.value = 0, a.value = [], o.value = !1, s.value = null, c.value = E.value ? "initializing" : "idle", l.value = null, f.value = null, p.value = !1, g.clear(), _?.abort(), _ = null, u.clear(!0), pe()) {
+			if (n.value = [], r.value = 0, a.value = [], o.value = !1, s.value = null, c.value = E.value ? "initializing" : "idle", l.value = null, f.value = null, p.value = !1, g.clear(), _?.abort(), _ = null, u.clear(!0), _e()) {
 				Z();
 				return;
 			}
 			await W();
 		}
 	}
-	async function q() {
-		if (U.value) return K();
+	async function J() {
+		if (U.value) return q();
 		h.value || c.value !== "failed" || !v || (s.value = null, await v());
 	}
-	async function J() {
+	async function Y() {
 		if (!a.value.length) return p.value = !1, Z();
 		n.value = [...n.value, ...a.value], a.value = [], p.value = !1, Z();
 	}
-	function Y(t) {
+	function ee(t) {
 		let n = A.value;
 		if (!n.length) return;
-		let i = Ee(t, 0, n.length - 1);
+		let i = he(t, 0, n.length - 1);
 		i !== r.value && (r.value = i, e.emit("update:activeIndex", i));
 	}
-	function X(e) {
+	function te(e) {
 		m.value = e;
 	}
-	function te() {
+	function X() {
 		h.value = !0, u.clear(!0);
 	}
 	function ne() {
@@ -474,18 +474,35 @@ function Be(e) {
 	function ie() {
 		return je(A.value, j.value);
 	}
-	function ae(e = null) {
+	function ae(e = null, t = {}) {
 		if (A.value.length === 0) {
-			r.value = 0, n.value.length > 0 && (o.value = !0);
+			r.value = 0, !t.preserveTrailingPlaceholder && n.value.length > 0 && (o.value = !0);
+			return;
+		}
+		if (e) {
+			let t = A.value.findIndex((t) => Q(t) === e);
+			if (t >= 0) {
+				r.value = t;
+				return;
+			}
+		}
+		if (t.preserveTrailingPlaceholder && r.value >= A.value.length) {
+			r.value = A.value.length;
 			return;
 		}
 		r.value = Me(A.value, j.value, e);
 	}
 	function oe() {
-		a.value.length > 0 && !V.value.length && J();
+		a.value.length > 0 && !V.value.length && Y();
 	}
 	async function se() {
-		!A.value.length || Q() || (z.value && r.value < 3 && await G(), R.value && r.value >= A.value.length - 3 && await ee());
+		if (!(!m.value || ve())) {
+			if (!A.value.length) {
+				R.value && await G();
+				return;
+			}
+			z.value && r.value < 3 && await K(), R.value && r.value >= A.value.length - 3 && await G();
+		}
 	}
 	async function ce(e) {
 		v = async () => {
@@ -523,7 +540,7 @@ function Be(e) {
 		}, !e.resolve) return;
 		let r = t === "leading" ? N.value : P.value;
 		if (!r) return;
-		let i = Te(r.cursor);
+		let i = me(r.cursor);
 		if (g.has(i)) return;
 		g.add(i), s.value = null, c.value = "refreshing", l.value = null, f.value = null;
 		let a = ++y, o = typeof AbortController > "u" ? null : new AbortController();
@@ -535,14 +552,14 @@ function Be(e) {
 				signal: o?.signal
 			});
 			if (a !== y) return Z();
-			let i = fe({
+			let i = ge({
 				cursor: r.cursor,
 				nextCursor: t.nextPage,
 				nextItems: t.items,
 				previousCursor: t.previousPage ?? null,
 				previousItems: r.items
 			}), s = ie();
-			n.value = xe(n.value, r.cursor, i), ae(s), Z();
+			n.value = Te(n.value, r.cursor, i), ae(s), Z();
 		} catch (e) {
 			if (De(e) || a !== y) {
 				Z();
@@ -559,7 +576,7 @@ function Be(e) {
 		for (s.value = null, c.value = t.phase, l.value = null, f.value = null;;) {
 			if (n !== y) return ke(i, t.direction, e.removedIds.value, !0);
 			if (i.length > 0 && h.value) return ke(i, t.direction, e.removedIds.value, !1);
-			let d = Te(a);
+			let d = me(a);
 			if (r.has(d) || g.has(d)) break;
 			r.add(d), g.add(d);
 			let p = typeof AbortController > "u" ? null : new AbortController();
@@ -571,7 +588,7 @@ function Be(e) {
 					signal: p?.signal
 				});
 				if (n !== y) return ke(i, t.direction, e.removedIds.value, !0);
-				let s = fe({
+				let s = ge({
 					cursor: a,
 					nextCursor: r.nextPage,
 					nextItems: r.items,
@@ -579,7 +596,7 @@ function Be(e) {
 					previousItems: []
 				});
 				i.push(s);
-				let d = i.reduce((t, n) => t + ye(n, e.removedIds.value), 0), m = t.direction === "forward" ? s.nextCursor : s.previousCursor;
+				let d = i.reduce((t, n) => t + Ce(n, e.removedIds.value), 0), m = t.direction === "forward" ? s.nextCursor : s.previousCursor;
 				if (!t.continueUntilFilled || d >= O.value || !m) return {
 					canceled: !1,
 					buckets: t.direction === "backward" ? [...i].reverse() : i,
@@ -598,7 +615,7 @@ function Be(e) {
 		}
 		return ke(i, t.direction, e.removedIds.value, !1);
 	}
-	function fe(e) {
+	function ge(e) {
 		let t = Oe({
 			cursor: e.cursor,
 			nextCursor: e.nextCursor,
@@ -612,7 +629,7 @@ function Be(e) {
 	function Z() {
 		c.value = "idle", l.value = null, f.value = null, u.clear();
 	}
-	function pe() {
+	function _e() {
 		if (!e.initialState || !e.initialState.items.length) return !1;
 		let t = Ae({
 			initialState: e.initialState,
@@ -621,17 +638,17 @@ function Be(e) {
 		});
 		return n.value = t.buckets, r.value = t.activeIndex, S = t.nextSequence, o.value = !1, s.value = null, a.value = [], p.value = !1, !0;
 	}
-	function Q() {
+	function ve() {
 		return c.value === "initializing";
 	}
-	function me(t) {
+	function ye(t) {
 		return Ne(t === "leading" ? N.value : P.value, e.removedIds.value, O.value);
 	}
-	function he() {
-		let t = n.value.findIndex((t) => ye(t, e.removedIds.value) > 0);
+	function Se() {
+		let t = n.value.findIndex((t) => Ce(t, e.removedIds.value) > 0);
 		if (t < 0) return;
 		let r = t;
-		for (let i = n.value.length - 1; i >= t; --i) if (ye(n.value[i], e.removedIds.value) > 0) {
+		for (let i = n.value.length - 1; i >= t; --i) if (Ce(n.value[i], e.removedIds.value) > 0) {
 			r = i;
 			break;
 		}
@@ -642,7 +659,7 @@ function Be(e) {
 		canRetryInitialLoad: U,
 		cancel: re,
 		canRefreshTrailingBoundary: B,
-		commitPendingAppend: J,
+		commitPendingAppend: Y,
 		currentCursor: H,
 		errorMessage: s,
 		fillCollectedCount: l,
@@ -650,21 +667,23 @@ function Be(e) {
 		fillTargetCount: f,
 		hasNextPage: R,
 		hasPreviousPage: z,
+		isAutoPrefetchEnabled: m,
 		isPageLoadingLocked: h,
 		items: A,
-		lockPageLoading: te,
+		lockPageLoading: X,
 		loading: M,
 		mode: D,
+		maybePrefetchAround: se,
 		nextCursor: I,
 		pendingAppendItems: V,
 		phase: c,
-		prefetchNextPage: ee,
-		prefetchPreviousPage: G,
+		prefetchNextPage: G,
+		prefetchPreviousPage: K,
 		previousCursor: L,
-		retryInitialLoad: K,
-		retry: q,
-		setActiveIndex: Y,
-		setAutoPrefetchEnabled: X,
+		retryInitialLoad: q,
+		retry: J,
+		setActiveIndex: ee,
+		setAutoPrefetchEnabled: te,
 		syncActiveIndexAfterVisibilityChange: ae,
 		unlockPageLoading: ne,
 		getActiveOccurrenceKey: ie,
@@ -672,19 +691,19 @@ function Be(e) {
 	};
 }
 function Ve(e, t) {
-	return e.find((e) => ye(e, t) > 0) ?? e[0] ?? null;
+	return e.find((e) => Ce(e, t) > 0) ?? e[0] ?? null;
 }
 function He(e, t) {
 	for (let n = e.length - 1; n >= 0; --n) {
 		let r = e[n];
-		if (ye(r, t) > 0) return r;
+		if (Ce(r, t) > 0) return r;
 	}
 	return e[e.length - 1] ?? null;
 }
 //#endregion
 //#region src/components/viewer-core/useDataSource.ts
 function Ue(e, t) {
-	let { clearRemoved: n, getRemovedIds: r, remove: a, removedIds: o, restore: s, undo: c } = fe(), l = Be({
+	let { clearRemoved: n, getRemovedIds: r, remove: a, removedIds: o, restore: s, undo: c } = ge(), l = Be({
 		emit: t,
 		fillDelayMs: e.fillDelayMs,
 		fillDelayStepMs: e.fillDelayStepMs,
@@ -700,8 +719,8 @@ function Ue(e, t) {
 		t.length && l.setActiveIndex(C(e, 0, t.length - 1));
 	}
 	function y(e) {
-		let t = l.getActiveOccurrenceKey(), n = a(e);
-		return n.ids.length ? (l.maybeCommitPendingAppendWhenFilteredOut(), l.syncActiveIndexAfterVisibilityChange(t), n) : n;
+		let t = l.getActiveOccurrenceKey(), n = u.value[d.value] ?? null, r = Array.isArray(e) ? e : [e], i = !!(n && r.includes(n.id) && l.isAutoPrefetchEnabled.value && d.value >= u.value.length - 3), o = !!(n && r.includes(n.id) && l.hasNextPage.value && d.value === u.value.length - 1), s = a(e);
+		return s.ids.length ? (l.maybeCommitPendingAppendWhenFilteredOut(), l.syncActiveIndexAfterVisibilityChange(t, { preserveTrailingPlaceholder: o }), i && l.maybePrefetchAround(), s) : s;
 	}
 	function b(e) {
 		let t = l.getActiveOccurrenceKey(), n = s(e);
@@ -800,8 +819,13 @@ function Ge(e, t) {
 		m();
 	}), F([c, () => n.pendingAppendItems.value.length], ([e, t]) => {
 		e === "list" || t <= 0 || n.commitPendingAppend();
-	}), F(() => n.items.value.length, (e) => {
-		!s.value || e > 0 || a.value === "list" || (a.value = "list", t("update:surfaceMode", "list"));
+	}), F([
+		() => n.items.value.length,
+		() => n.loading.value,
+		() => n.hasNextPage.value,
+		() => n.pendingAppendItems.value.length
+	], ([e, n, r, i]) => {
+		!s.value || e > 0 || a.value === "list" || n || r || i > 0 || (a.value = "list", t("update:surfaceMode", "list"));
 	}), F(c, (e) => {
 		n.setAutoPrefetchEnabled(e === "fullscreen");
 	}, { immediate: !0 }), I(() => {
@@ -895,7 +919,7 @@ var Ke = {
 	"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]"
 }, ot = { class: "whitespace-nowrap" }, st = {
-	key: 0,
+	key: 1,
 	class: "whitespace-nowrap border-l border-white/12 pl-2 text-[#f7f1ea]/56 min-[721px]:pl-3"
 }, ct = {
 	key: 0,
@@ -904,6 +928,7 @@ var Ke = {
 	__name: "FullscreenHeader",
 	props: {
 		currentIndex: {},
+		loading: { type: Boolean },
 		paginationDetail: {},
 		showBackToList: { type: Boolean },
 		showEndBadge: { type: Boolean },
@@ -920,16 +945,25 @@ var Ke = {
 			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(j(J), {
+		}, [u(j(Y), {
 			class: "h-4 w-4 stroke-[2.2]",
 			"aria-hidden": "true"
-		})])) : o("", !0), n.title ? (S(), s("h2", rt, k(n.title), 1)) : o("", !0)]), c("div", it, [c("span", at, [c("span", ot, k(n.currentIndex + 1) + " / " + k(n.total), 1), n.paginationDetail ? (S(), s("span", st, k(n.paginationDetail), 1)) : o("", !0)]), D(e.$slots, "actions")])])]), n.showEndBadge ? (S(), s("div", ct, [...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)]));
+		})])) : o("", !0), n.title ? (S(), s("h2", rt, k(n.title), 1)) : o("", !0)]), c("div", it, [c("span", at, [
+			n.loading ? (S(), a(j(re), {
+				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", ot, k(n.currentIndex + 1) + " / " + k(n.total), 1),
+			n.paginationDetail ? (S(), s("span", st, k(n.paginationDetail), 1)) : o("", !0)
+		]), D(e.$slots, "actions")])])]), n.showEndBadge ? (S(), s("div", ct, [...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)]));
 	}
 }), ut = {
 	image: ne,
-	video: X,
-	audio: Y,
-	other: te
+	video: te,
+	audio: ee,
+	other: X
 }, dt = {
 	image: "Image",
 	video: "Video",
@@ -1171,7 +1205,7 @@ function It(e) {
 		s.delete(e);
 	}
 	function y(e, r) {
-		r instanceof HTMLImageElement && Et(r) && (t.value[e] = !0, n.value[e] = null, K(e, r.currentSrc || r.src || J(e)));
+		r instanceof HTMLImageElement && Et(r) && (t.value[e] = !0, n.value[e] = null, q(e, r.currentSrc || r.src || Y(e)));
 	}
 	function b() {
 		B(), a.value = {}, n.value = {}, t.value = {}, r.value = {}, c.clear();
@@ -1204,14 +1238,14 @@ function It(e) {
 			let i = r.value[e]?.ready ?? !1;
 			H(e, n, t.type);
 			let a = r.value[e]?.ready ?? !1;
-			!i && a && K(e, n.currentSrc || n.src || J(e));
+			!i && a && q(e, n.currentSrc || n.src || Y(e));
 		}
 	}
 	function C(e, r) {
-		t.value[e] = !0, n.value[e] = null, K(e, r);
+		t.value[e] = !0, n.value[e] = null, q(e, r);
 	}
 	async function w(r, i) {
-		let a = q(r) ?? e.activeItem.value;
+		let a = J(r) ?? e.activeItem.value;
 		t.value[r] = !1, n.value[r] = "generic";
 		let o = await Mt(i);
 		n.value[r] = o, a && e.onAssetError?.({
@@ -1223,7 +1257,7 @@ function It(e) {
 		});
 	}
 	async function E(t, n) {
-		let r = W(t), i = V(t), a = q(t) ?? e.activeMediaItem.value ?? e.activeItem.value;
+		let r = W(t), i = V(t), a = J(t) ?? e.activeMediaItem.value ?? e.activeItem.value;
 		if (r) {
 			r.pause();
 			try {
@@ -1241,13 +1275,13 @@ function It(e) {
 		});
 	}
 	function D(e, t, n) {
-		e.button !== 0 || Date.now() < n || G(o.get(t) ?? null);
+		e.button !== 0 || Date.now() < n || K(o.get(t) ?? null);
 	}
 	function O(e, t, n) {
-		e.button !== 0 || Date.now() < n || G(W(t));
+		e.button !== 0 || Date.now() < n || K(W(t));
 	}
 	function k(e) {
-		let t = ee(), n = u.value;
+		let t = G(), n = u.value;
 		if (!t || !n || !(e.target instanceof HTMLInputElement)) return;
 		let r = Number.parseFloat(e.target.value);
 		if (!Number.isFinite(r)) return;
@@ -1310,10 +1344,10 @@ function It(e) {
 	function W(e) {
 		return o.get(e) ?? s.get(e) ?? null;
 	}
-	function ee() {
+	function G() {
 		return u.value ? W(u.value) : null;
 	}
-	function G(e) {
+	function K(e) {
 		if (e) {
 			if (e.paused) {
 				Ft(e);
@@ -1322,8 +1356,8 @@ function It(e) {
 			e.pause();
 		}
 	}
-	function K(t, n) {
-		let r = q(t) ?? e.activeMediaItem.value ?? e.activeItem.value;
+	function q(t, n) {
+		let r = J(t) ?? e.activeMediaItem.value ?? e.activeItem.value;
 		if (!r || !n) return;
 		let i = `${t}|${n}`;
 		c.has(i) || (c.add(i), e.onAssetLoad?.({
@@ -1333,11 +1367,11 @@ function It(e) {
 			url: n
 		}));
 	}
-	function q(e) {
+	function J(e) {
 		return d.value.get(e) ?? null;
 	}
-	function J(e) {
-		return q(e)?.url ?? null;
+	function Y(e) {
+		return J(e)?.url ?? null;
 	}
 	return {
 		activeAssetErrorKind: h,
@@ -1422,7 +1456,7 @@ function Vt(e, t, n = {}) {
 		onEnable() {
 			return w.syncMediaPlayback();
 		},
-		onKeydown: ee,
+		onKeydown: G,
 		onResize: P
 	});
 	function N(e, t, n) {
@@ -1467,25 +1501,25 @@ function Vt(e, t, n = {}) {
 		let t = Date.now();
 		t < y || (y = t + 400, I(e.deltaY > 0 ? 1 : -1));
 	}
-	function ee(e) {
+	function G(e) {
 		!g.value || r.value.length === 0 || ue(e.target) || ((e.key === "ArrowDown" || e.key === "PageDown") && (e.preventDefault(), I(1)), (e.key === "ArrowUp" || e.key === "PageUp") && (e.preventDefault(), I(-1)));
 	}
-	function G(e, t) {
+	function K(e, t) {
 		w.onVideoClick(e, t, b);
 	}
-	function K(e, t) {
+	function q(e, t) {
 		w.onAudioCoverClick(e, t, b);
 	}
-	function q(e) {
+	function J(e) {
 		w.onMediaSeekInput(e);
 	}
-	function J(e) {
+	function Y(e) {
 		return e.type === "image" || e.type === "video";
 	}
-	function Y(e) {
+	function ee(e) {
 		return e.type === "audio";
 	}
-	function X(e) {
+	function te(e) {
 		return Bt(e, x.value, h.value, p.value, m.value);
 	}
 	return {
@@ -1503,27 +1537,27 @@ function Vt(e, t, n = {}) {
 		getAssetRenderKey: w.getAssetRenderKey,
 		formatPlaybackTime: bt,
 		getImageSource: w.getImageSource,
-		getSlideStyle: X,
+		getSlideStyle: te,
 		hasNextPage: c,
 		isAtEnd: E,
-		isAudio: Y,
-		isVisual: J,
+		isAudio: ee,
+		isVisual: Y,
 		items: r,
 		loading: s,
 		mediaStates: w.mediaStates,
 		isImageReady: w.isImageReady,
 		isMediaReady: w.isMediaReady,
-		onAudioCoverClick: K,
+		onAudioCoverClick: q,
 		onImageError: w.onImageError,
 		onImageLoad: w.onImageLoad,
 		onMediaEvent: w.onMediaEvent,
 		onMediaError: w.onMediaError,
-		onMediaSeekInput: q,
+		onMediaSeekInput: J,
 		onPointerCancel: V,
 		onPointerDown: R,
 		onPointerMove: z,
 		onPointerUp: B,
-		onVideoClick: G,
+		onVideoClick: K,
 		onWheel: W,
 		registerAudioElement: w.registerAudioElement,
 		registerImageElement: w.registerImageElement,
@@ -1647,14 +1681,18 @@ var Kt = ["data-surface"], qt = ["data-surface"], Jt = /* @__PURE__ */ d({
 	key: 0,
 	class: "pointer-events-none absolute inset-0 z-[4]"
 }, bn = { class: "h-full w-full" }, xn = {
+	key: 1,
+	"data-testid": "vibe-forward-fill-placeholder",
+	class: "grid h-full min-h-0 place-items-center px-6 text-center"
+}, Sn = { class: "grid justify-items-center gap-4 border border-white/14 bg-black/40 px-8 py-7 backdrop-blur-[18px]" }, Cn = { 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)]" }, wn = { class: "m-0 text-[0.78rem] font-bold uppercase tracking-[0.24em] text-[#f7f1ea]/72" }, Tn = {
 	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]"
-}, Sn = { class: "h-full min-h-0 overflow-y-auto overscroll-y-contain" }, Cn = {
+}, En = { class: "h-full min-h-0 overflow-y-auto overscroll-y-contain" }, Dn = {
 	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]"
-}, wn = { class: "h-full min-h-0 overflow-y-auto overscroll-y-contain" }, Tn = 1280, En = /* @__PURE__ */ d({
+}, On = { class: "h-full min-h-0 overflow-y-auto overscroll-y-contain" }, kn = 1280, An = /* @__PURE__ */ d({
 	__name: "FullscreenSurface",
 	props: {
 		active: {
@@ -1704,11 +1742,11 @@ var Kt = ["data-surface"], qt = ["data-surface"], Jt = /* @__PURE__ */ d({
 			enabled: A(d, "active"),
 			onAssetError: d.reportAssetError ?? void 0,
 			onAssetLoad: d.reportAssetLoad ?? void 0
-		}), C = T(typeof window > "u" ? Tn : window.innerWidth || Tn), w = ht({
+		}), C = T(typeof window > "u" ? kn : window.innerWidth || kn), w = ht({
 			active: A(d, "active"),
 			resolvedActiveIndex: g.resolvedActiveIndex,
 			viewer: g
-		}), M = i(() => Wt(g.activeItem.value?.type ?? "image")), P = i(() => g.activeMediaItem.value && !g.activeAssetErrorKind.value ? "bottom-[5.8rem] max-[720px]:bottom-[7.4rem]" : "bottom-[1.8rem] max-[720px]:bottom-[1.3rem]"), F = i(() => !!g.activeMediaItem.value && !g.activeAssetErrorKind.value), I = i(() => F.value ? "pb-[5.75rem] max-[720px]:pb-[7rem]" : ""), R = i(() => {
+		}), M = i(() => Wt(g.activeItem.value?.type ?? "image")), P = i(() => g.activeMediaItem.value && !g.activeAssetErrorKind.value ? "bottom-[5.8rem] max-[720px]:bottom-[7.4rem]" : "bottom-[1.8rem] max-[720px]:bottom-[1.3rem]"), F = i(() => !!g.activeMediaItem.value && !g.activeAssetErrorKind.value), I = i(() => F.value ? "pb-[5.75rem] max-[720px]:pb-[7rem]" : ""), R = i(() => d.activeIndex >= d.items.length && (d.loading || d.hasNextPage)), B = i(() => d.hasNextPage ? "Loading more items" : g.statusMessage.value ?? "Loading more items"), V = i(() => {
 			let e = g.activeItem.value;
 			return e ? {
 				hasNextPage: d.hasNextPage,
@@ -1718,14 +1756,14 @@ var Kt = ["data-surface"], qt = ["data-surface"], Jt = /* @__PURE__ */ d({
 				paginationDetail: d.paginationDetail,
 				total: d.items.length
 			} : null;
-		}), B = i(() => !R.value || !p["fullscreen-header-actions"] ? [] : p["fullscreen-header-actions"](R.value)), V = i(() => !R.value || !p["fullscreen-aside"] ? [] : p["fullscreen-aside"](R.value)), H = i(() => !d.showStatusBadges || !R.value || !g.statusKind.value || !g.statusMessage.value ? null : {
-			...R.value,
+		}), H = i(() => !V.value || !p["fullscreen-header-actions"] ? [] : p["fullscreen-header-actions"](V.value)), U = i(() => !V.value || !p["fullscreen-aside"] ? [] : p["fullscreen-aside"](V.value)), W = i(() => !d.showStatusBadges || !V.value || !g.statusKind.value || !g.statusMessage.value ? null : {
+			...V.value,
 			kind: g.statusKind.value,
 			message: g.statusMessage.value
-		}), U = i(() => !H.value || !p["fullscreen-status"] ? [] : p["fullscreen-status"](H.value)), W = i(() => ({
-			gridTemplateColumns: K.value ? "minmax(0, 1fr) 22rem" : "minmax(0, 1fr) 0rem",
+		}), G = i(() => !W.value || !p["fullscreen-status"] ? [] : p["fullscreen-status"](W.value)), K = i(() => ({
+			gridTemplateColumns: Y.value ? "minmax(0, 1fr) 22rem" : "minmax(0, 1fr) 0rem",
 			transition: "grid-template-columns 320ms cubic-bezier(0.22, 1, 0.36, 1)"
-		})), ee = i(() => gt(B.value)), G = i(() => gt(V.value)), K = i(() => G.value && C.value >= Tn), q = i(() => G.value && !K.value), J = i(() => gt(U.value)), { emptyStateProps: Y, showBadgeEmptyState: X, showCustomEmptyState: te, showInlineEmptyState: ne } = yt({
+		})), q = i(() => gt(H.value)), J = i(() => gt(U.value)), Y = i(() => J.value && C.value >= kn), ee = i(() => J.value && !Y.value), te = i(() => gt(G.value)), { emptyStateProps: X, showBadgeEmptyState: ne, showCustomEmptyState: se, showInlineEmptyState: ce } = yt({
 			emptyStateMode: A(d, "emptyStateMode"),
 			itemCount: i(() => d.items.length),
 			loading: A(d, "loading"),
@@ -1733,18 +1771,18 @@ var Kt = ["data-surface"], qt = ["data-surface"], Jt = /* @__PURE__ */ d({
 			surface: "fullscreen"
 		});
 		x(() => {
-			window.addEventListener("resize", se);
+			window.addEventListener("resize", le);
 		}), b(() => {
-			window.removeEventListener("resize", se);
+			window.removeEventListener("resize", le);
 		});
-		function se() {
-			C.value = window.innerWidth || Tn;
+		function le() {
+			C.value = window.innerWidth || kn;
 		}
 		return (e, n) => (S(), s("div", Yt, [
 			c("div", { class: _(["absolute inset-0 transition-[background] duration-200", M.value]) }, null, 2),
 			c("div", {
 				class: "relative z-[1] grid h-full min-h-0",
-				style: y(W.value)
+				style: y(K.value)
 			}, [c("div", {
 				ref: "viewer.stageRef",
 				"data-testid": "vibe-stage",
@@ -1754,7 +1792,7 @@ var Kt = ["data-surface"], qt = ["data-surface"], Jt = /* @__PURE__ */ d({
 				onPointerup: n[3] ||= (...e) => j(g).onPointerUp && j(g).onPointerUp(...e),
 				onPointercancel: n[4] ||= (...e) => j(g).onPointerCancel && j(g).onPointerCancel(...e),
 				onWheel: n[5] ||= (...e) => j(g).onWheel && j(g).onWheel(...e)
-			}, [j(g).items.value.length > 0 ? (S(), s("div", Xt, [
+			}, [j(g).activeItem.value ? (S(), s("div", Xt, [
 				(S(!0), s(t, null, E(j(g).renderedItems.value, ({ item: r, index: i }) => (S(), s("article", {
 					key: j(w).getItemKey(r),
 					"data-testid": "vibe-slide",
@@ -1894,22 +1932,24 @@ var Kt = ["data-surface"], qt = ["data-surface"], Jt = /* @__PURE__ */ d({
 					class: "h-6 w-6 stroke-[1.9]",
 					"aria-hidden": "true"
 				}))])])]))], 14, Zt))), 128)),
-				R.value && p["fullscreen-overlay"] ? (S(), s("div", yn, [c("div", bn, [D(e.$slots, "fullscreen-overlay", v(f(R.value)))])])) : o("", !0),
+				V.value && p["fullscreen-overlay"] ? (S(), s("div", yn, [c("div", bn, [D(e.$slots, "fullscreen-overlay", v(f(V.value)))])])) : o("", !0),
 				j(g).activeItem.value ? (S(), a(lt, {
 					key: 1,
 					"current-index": j(g).resolvedActiveIndex.value,
+					loading: d.loading,
 					"pagination-detail": j(g).paginationDetail.value,
 					"show-back-to-list": d.showBackToList,
 					"show-end-badge": d.showEndBadge && j(g).isAtEnd.value && !j(g).hasNextPage.value && !j(g).loading.value,
 					title: j(g).activeItem.value.title ?? null,
 					total: j(g).items.value.length,
 					onBackToList: n[0] ||= (e) => m("back-to-list")
-				}, l({ _: 2 }, [ee.value && R.value ? {
+				}, l({ _: 2 }, [q.value && V.value ? {
 					name: "actions",
-					fn: L(() => [D(e.$slots, "fullscreen-header-actions", v(f(R.value)))]),
+					fn: L(() => [D(e.$slots, "fullscreen-header-actions", v(f(V.value)))]),
 					key: "0"
 				} : void 0]), 1032, [
 					"current-index",
+					"loading",
 					"pagination-detail",
 					"show-back-to-list",
 					"show-end-badge",
@@ -1932,33 +1972,36 @@ var Kt = ["data-surface"], qt = ["data-surface"], Jt = /* @__PURE__ */ d({
 					"progress",
 					"onSeekInput"
 				])) : o("", !0),
-				H.value ? (S(), s("div", {
+				W.value ? (S(), s("div", {
 					key: 3,
 					class: _(["absolute left-1/2 z-[4] -translate-x-1/2", P.value])
-				}, [J.value ? D(e.$slots, "fullscreen-status", v(h({ key: 0 }, H.value))) : (S(), s("div", {
+				}, [te.value ? D(e.$slots, "fullscreen-status", v(h({ key: 0 }, W.value))) : (S(), s("div", {
 					key: 1,
 					"data-testid": "vibe-fullscreen-status-badge",
-					class: _(["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", H.value.kind === "end" ? "border-amber-300/35 text-amber-200" : H.value.kind === "failed" ? "border-rose-400/45 text-rose-100" : ""])
-				}, k(H.value.message), 3))], 2)) : o("", !0)
-			])) : j(ne) && j(Y) ? (S(), a(Jt, {
-				key: 1,
-				message: j(Y).message,
-				mode: j(Y).mode,
-				surface: j(Y).surface
+					class: _(["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", W.value.kind === "end" ? "border-amber-300/35 text-amber-200" : W.value.kind === "failed" ? "border-rose-400/45 text-rose-100" : ""])
+				}, k(W.value.message), 3))], 2)) : o("", !0)
+			])) : R.value ? (S(), s("div", xn, [c("div", Sn, [c("span", Cn, [u(j(re), {
+				class: "h-5 w-5 animate-spin stroke-[1.9] text-[#f7f1ea]/78",
+				"aria-hidden": "true"
+			})]), c("p", wn, k(B.value), 1)])])) : j(ce) && j(X) ? (S(), a(Jt, {
+				key: 2,
+				message: j(X).message,
+				mode: j(X).mode,
+				surface: j(X).surface
 			}, {
-				default: L(() => [j(te) ? D(e.$slots, "empty-state", v(h({ key: 0 }, j(Y)))) : o("", !0)]),
+				default: L(() => [j(se) ? D(e.$slots, "empty-state", v(h({ key: 0 }, j(X)))) : o("", !0)]),
 				_: 3
 			}, 8, [
 				"message",
 				"mode",
 				"surface"
-			])) : o("", !0), j(X) && j(Y) ? (S(), a(Jt, {
-				key: 2,
-				message: j(Y).message,
-				mode: j(Y).mode,
-				surface: j(Y).surface
+			])) : o("", !0), j(ne) && j(X) ? (S(), a(Jt, {
+				key: 3,
+				message: j(X).message,
+				mode: j(X).mode,
+				surface: j(X).surface
 			}, {
-				default: L(() => [j(te) ? D(e.$slots, "empty-state", v(h({ key: 0 }, j(Y)))) : o("", !0)]),
+				default: L(() => [j(se) ? D(e.$slots, "empty-state", v(h({ key: 0 }, j(X)))) : o("", !0)]),
 				_: 3
 			}, 8, [
 				"message",
@@ -1972,7 +2015,7 @@ var Kt = ["data-surface"], qt = ["data-surface"], Jt = /* @__PURE__ */ d({
 				"leave-from-class": "translate-x-0 opacity-100",
 				"leave-to-class": "translate-x-full opacity-0"
 			}, {
-				default: L(() => [K.value && R.value ? (S(), s("aside", xn, [c("div", Sn, [D(e.$slots, "fullscreen-aside", v(f(R.value)))])])) : o("", !0)]),
+				default: L(() => [Y.value && V.value ? (S(), s("aside", Tn, [c("div", En, [D(e.$slots, "fullscreen-aside", v(f(V.value)))])])) : o("", !0)]),
 				_: 3
 			})], 4),
 			u(r, {
@@ -1983,29 +2026,29 @@ var Kt = ["data-surface"], qt = ["data-surface"], Jt = /* @__PURE__ */ d({
 				"leave-from-class": "translate-x-0 opacity-100",
 				"leave-to-class": "translate-x-full opacity-0"
 			}, {
-				default: L(() => [q.value && R.value ? (S(), s("aside", Cn, [c("div", wn, [D(e.$slots, "fullscreen-aside", v(f(R.value)))])])) : o("", !0)]),
+				default: L(() => [ee.value && V.value ? (S(), s("aside", Dn, [c("div", On, [D(e.$slots, "fullscreen-aside", v(f(V.value)))])])) : o("", !0)]),
 				_: 3
 			})
 		]));
 	}
-}), Dn = 1, On = .5;
-function kn(e) {
+}), jn = 1, Mn = .5;
+function Nn(e) {
 	if (e.type !== "image" && e.type !== "video") return {
-		width: Dn,
-		height: Dn,
+		width: jn,
+		height: jn,
 		source: "fallback"
 	};
 	let t = e.preview?.width, n = e.preview?.height;
-	if (In(t) && In(n)) {
-		let r = Ln(e, t, n);
+	if (Bn(t) && Bn(n)) {
+		let r = Vn(e, t, n);
 		return {
 			width: r.width,
 			height: r.height,
 			source: "preview"
 		};
 	}
-	if (In(e.width) && In(e.height)) {
-		let t = Ln(e, e.width, e.height);
+	if (Bn(e.width) && Bn(e.height)) {
+		let t = Vn(e, e.width, e.height);
 		return {
 			width: t.width,
 			height: t.height,
@@ -2013,31 +2056,31 @@ function kn(e) {
 		};
 	}
 	return {
-		width: Dn,
-		height: Dn,
+		width: jn,
+		height: jn,
 		source: "fallback"
 	};
 }
-function An(e, t) {
+function Pn(e, t) {
 	return !e || e <= 0 || !t || t <= 0 ? 1 : Math.max(1, Math.floor(e / t));
 }
-function jn(e, t, n, r = 0) {
+function Fn(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 Mn(e, t) {
-	let n = kn(e);
+function In(e, t) {
+	let n = Nn(e);
 	return n.height / n.width * t;
 }
-function Nn(e, t) {
+function Ln(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 = Mn(l, t.columnWidth);
+		let d = u * (t.columnWidth + t.gapX), f = n[u], p = In(l, t.columnWidth);
 		r[c] = {
 			x: d,
 			y: f
@@ -2056,7 +2099,7 @@ function Nn(e, t) {
 		indexById: o
 	};
 }
-function Pn(e) {
+function Rn(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();
@@ -2066,7 +2109,7 @@ function Pn(e) {
 	}
 	return Array.from(a).sort((e, t) => e - t);
 }
-function Fn(e, t, n) {
+function zn(e, t, n) {
 	let r = /* @__PURE__ */ new Map();
 	for (let i of e) {
 		let e = t.get(Q(i));
@@ -2076,11 +2119,11 @@ function Fn(e, t, n) {
 	}
 	return r;
 }
-function In(e) {
+function Bn(e) {
 	return typeof e == "number" && Number.isFinite(e) && e > 0;
 }
-function Ln(e, t, n) {
-	return e.type !== "image" || n / t >= On ? {
+function Vn(e, t, n) {
+	return e.type !== "image" || n / t >= Mn ? {
 		width: t,
 		height: n
 	} : {
@@ -2090,21 +2133,21 @@ function Ln(e, t, n) {
 }
 //#endregion
 //#region src/components/viewer-core/useMasonryMotion.ts
-var Rn = 300, zn = 600, Bn = 40, Vn = 300, Hn = 400;
-function Un(e, t) {
+var Hn = 300, Un = 600, Wn = 40, Gn = 300, Kn = 400;
+function qn(e, t) {
 	return t === "top" ? [...e].reverse() : e;
 }
-function Wn(e) {
-	return e <= 0 ? zn : zn + Math.min((e - 1) * Bn, Hn);
+function Jn(e) {
+	return e <= 0 ? Un : Un + Math.min((e - 1) * Wn, Kn);
 }
-function Gn() {
-	return Vn;
+function Yn() {
+	return Gn;
 }
-function Kn(e) {
+function Xn(e) {
 	let t = e.itemHeight > 0 ? e.itemHeight : e.columnWidth;
 	return e.direction === "top" ? e.scrollTop - t : e.scrollTop + e.viewportHeight + t;
 }
-function qn(e) {
+function Zn(e) {
 	let t = T(/* @__PURE__ */ new Set()), n = T(/* @__PURE__ */ new Set()), r = T(/* @__PURE__ */ new Map()), a = T(/* @__PURE__ */ new Map()), o = T(/* @__PURE__ */ new Map()), s = T(/* @__PURE__ */ new Set()), c = T(/* @__PURE__ */ new Map()), l = T(/* @__PURE__ */ new Map()), u = T(/* @__PURE__ */ new Set()), d = /* @__PURE__ */ new Set(), f = /* @__PURE__ */ new Set(), p = i(() => Array.from(o.value.values()));
 	F(e.visibleIndices, (i) => {
 		if (!i.length) return;
@@ -2114,20 +2157,20 @@ function qn(e) {
 			!r || !t.value.has(r) || d.has(r) || (d.add(r), o.push(r));
 		}
 		if (!o.length) return;
-		let s = Un(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 * Bn, Hn));
-		r.value = c, Jn(() => {
+		let s = qn(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 * Wn, Kn));
+		r.value = c, Qn(() => {
 			let e = new Set(n.value);
 			for (let t of o) e.add(t);
 			n.value = e;
-		}), Yn(() => {
+		}), $n(() => {
 			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;
-			}, Wn(o.length));
+			}, Jn(o.length));
 		});
 	}, { flush: "post" }), F(() => e.items.value.map((e) => Q(e)), (e) => {
 		if (!e.length || !o.value.size) return;
@@ -2154,7 +2197,7 @@ function qn(e) {
 			let e = Q(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, Jn(() => {
+		o.value = i, t.value = c, n.value = l, r.value = u, a.value = f, Qn(() => {
 			let e = new Set(s.value);
 			for (let t of p) e.add(t);
 			s.value = e;
@@ -2162,9 +2205,9 @@ function qn(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;
-		}, Vn);
+		}, Gn);
 	}
-	function g(t, n, r = Rn) {
+	function g(t, n, r = Hn) {
 		if (!t.size) return;
 		let i = /* @__PURE__ */ new Map(), a = [];
 		for (let [r, o] of t.entries()) {
@@ -2183,8 +2226,8 @@ function qn(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, Jn(() => {
-			u.value = new Set(a), Jn(() => {
+		l.value = o, Qn(() => {
+			u.value = new Set(a), Qn(() => {
 				c.value = /* @__PURE__ */ new Map();
 			});
 		}), S(() => {
@@ -2195,8 +2238,8 @@ function qn(e) {
 		}, r);
 	}
 	function _(e) {
-		if (n.value.has(e)) return `transform ${zn}ms ease-out`;
-		if (u.value.has(e)) return `transform ${l.value.get(e) ?? Rn}ms ease-out`;
+		if (n.value.has(e)) return `transform ${Un}ms ease-out`;
+		if (u.value.has(e)) return `transform ${l.value.get(e) ?? Hn}ms ease-out`;
 	}
 	function v(e) {
 		if (!n.value.has(e)) return;
@@ -2213,7 +2256,7 @@ function qn(e) {
 		} : {
 			dx: 0,
 			dy: 0
-		}, u = s ? a.value.get(s) ?? "bottom" : "bottom", d = s && t.value.has(s) ? Kn({
+		}, u = s ? a.value.get(s) ?? "bottom" : "bottom", d = s && t.value.has(s) ? Xn({
 			columnWidth: e.columnWidth.value,
 			direction: u,
 			itemHeight: o,
@@ -2227,14 +2270,14 @@ function qn(e) {
 		if (!r) return {
 			opacity: "0",
 			transform: "translate3d(0, 0, 0) scale(0.96)",
-			transition: `opacity ${Vn}ms ease-out, transform ${Vn}ms ease-out`
+			transition: `opacity ${Gn}ms ease-out, transform ${Gn}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 ${Vn}ms ease-out, transform ${Vn}ms ease-out`,
+			transition: `opacity ${Gn}ms ease-out, transform ${Gn}ms ease-out`,
 			width: `${e.columnWidth.value}px`
 		};
 	}
@@ -2255,28 +2298,28 @@ function qn(e) {
 		playFlipMoveAnimation: g
 	};
 }
-function Jn(e) {
+function Qn(e) {
 	if (typeof requestAnimationFrame == "function") {
 		requestAnimationFrame(() => e());
 		return;
 	}
 	setTimeout(e, 0);
 }
-function Yn(e) {
-	Jn(() => Jn(e));
+function $n(e) {
+	Qn(() => Qn(e));
 }
 //#endregion
 //#region src/components/viewer-core/masonryViewport.ts
-function Xn(e, t) {
+function er(e, t) {
 	return e?.clientHeight || Math.round(e?.getBoundingClientRect().height ?? 0) || t || window.innerHeight || 1;
 }
-function Zn(e, t, n) {
+function tr(e, t, n) {
 	return e?.clientWidth || Math.round(e?.getBoundingClientRect().width ?? 0) || t || window.innerWidth || n;
 }
-function Qn(e, t, n, r) {
+function nr(e, t, n, r) {
 	return (e?.scrollHeight ?? r) - (t + n);
 }
-function $n(e, t) {
+function rr(e, t) {
 	return {
 		height: `${e}px`,
 		transform: `translate3d(0, ${t}px, 0)`
@@ -2284,8 +2327,8 @@ function $n(e, t) {
 }
 //#endregion
 //#region src/components/viewer-core/useEdgeBoundary.ts
-var er = 250, tr = 1e3;
-function nr(e) {
+var ir = 250, ar = 1e3;
+function or(e) {
 	let t = T(!1), n = T(!1), r = T(0), i = T(0), a = T(!1), o = T(!1), s = 0, c = null;
 	b(() => {
 		y();
@@ -2301,7 +2344,7 @@ function nr(e) {
 	function u(t) {
 		if (!x(t) || !e.isAtBoundary()) return;
 		let n = Date.now();
-		n < s || (s = n + er, m());
+		n < s || (s = n + ir, m());
 	}
 	function d() {
 		if (!g()) return;
@@ -2335,7 +2378,7 @@ function nr(e) {
 		return e.hasPage.value && t.value && r.value > i.value && !e.interactionLocked?.value && !e.loading.value && !a.value && typeof e.requestPage.value == "function";
 	}
 	function _() {
-		o.value = !1, v(tr);
+		o.value = !1, v(ar);
 	}
 	function v(e) {
 		y(), a.value = !0, c = setTimeout(() => {
@@ -2358,30 +2401,30 @@ function nr(e) {
 }
 //#endregion
 //#region src/components/viewer-core/useMasonryList.ts
-var rr = 600, $ = 24, ir = 16, ar = 300, or = 200, sr = 200, cr = 200, lr = 300, ur = 24, dr = 48, fr = 500, pr = 1e3;
-function mr(e) {
-	let t = T(null), n = T(0), r = T(typeof window > "u" ? 0 : window.innerHeight || 0), a = T(typeof window > "u" ? 0 : window.innerWidth || ar), o = T([]), s = T([]), c = T(/* @__PURE__ */ new Map()), l = T(0), u = T(/* @__PURE__ */ new Map()), d = T(null), f = T(null), p = T(!1), m = i(() => Math.max(ar, a.value - $ * 2)), h = i(() => An(m.value, ar)), _ = i(() => jn(m.value, h.value, ar, ir)), v = i(() => hr(e.activeIndex.value, 0, Math.max(0, e.items.value.length - 1))), y = i(() => Pn({
+var sr = 600, $ = 24, cr = 16, lr = 300, ur = 200, dr = 200, fr = 200, pr = 300, mr = 24, hr = 48, gr = 500, _r = 1e3;
+function vr(e) {
+	let t = T(null), n = T(0), r = T(typeof window > "u" ? 0 : window.innerHeight || 0), a = T(typeof window > "u" ? 0 : window.innerWidth || lr), o = T([]), s = T([]), c = T(/* @__PURE__ */ new Map()), l = T(0), u = T(/* @__PURE__ */ new Map()), d = T(null), f = T(null), p = T(!1), m = i(() => Math.max(lr, a.value - $ * 2)), h = i(() => Pn(m.value, lr)), _ = i(() => Fn(m.value, h.value, lr, cr)), v = i(() => yr(e.activeIndex.value, 0, Math.max(0, e.items.value.length - 1))), y = i(() => Rn({
 		itemCount: e.items.value.length,
 		viewportHeight: r.value,
 		scrollTop: n.value,
-		overscanPx: or,
-		bucketPx: rr,
+		overscanPx: ur,
+		bucketPx: sr,
 		buckets: c.value
 	})), S = i(() => y.value.map((t) => ({
 		item: e.items.value[t],
 		index: t
 	}))), C = i(() => {
 		let e = l.value + $ * 2, t = d.value ?? 0;
-		return Math.max(e, t, r.value) + cr;
-	}), w = i(() => e.hasNextPage.value || e.allowExhaustedNextPageRefresh.value), E = i(() => e.items.value.length > 0 ? `${v.value + 1} / ${e.items.value.length}` : "0 / 0"), D = i(() => Math.max(0, r.value - ur * 2)), O = i(() => C.value > r.value + 1 && D.value > 0), k = i(() => {
+		return Math.max(e, t, r.value) + fr;
+	}), w = i(() => e.hasNextPage.value || e.allowExhaustedNextPageRefresh.value), E = i(() => e.items.value.length > 0 ? `${v.value + 1} / ${e.items.value.length}` : "0 / 0"), D = i(() => Math.max(0, r.value - mr * 2)), O = i(() => C.value > r.value + 1 && D.value > 0), k = i(() => {
 		if (!O.value) return 0;
 		let e = r.value / C.value * D.value;
-		return Math.min(D.value, Math.max(dr, e));
+		return Math.min(D.value, Math.max(hr, e));
 	}), A = i(() => {
-		if (!O.value) return ur;
+		if (!O.value) return mr;
 		let e = Math.max(0, C.value - r.value);
-		return ur + Math.max(0, D.value - k.value) * (e > 0 ? hr(n.value / e, 0, 1) : 0);
-	}), j = qn({
+		return mr + Math.max(0, D.value - k.value) * (e > 0 ? yr(n.value / e, 0, 1) : 0);
+	}), j = Zn({
 		items: e.items,
 		visibleIndices: y,
 		positions: o,
@@ -2390,27 +2433,27 @@ function mr(e) {
 		columnWidth: _,
 		scrollTop: n,
 		viewportHeight: r
-	}), M = nr({
+	}), M = or({
 		direction: "top",
 		getAnimationLockMs(e) {
-			return Math.max(fr, Wn(e)) + pr;
+			return Math.max(gr, Jn(e)) + _r;
 		},
 		hasPage: e.hasPreviousPage,
 		interactionLocked: p,
 		isAtBoundary() {
-			return n.value <= $ + ir;
+			return n.value <= $ + cr;
 		},
 		loading: e.loading,
 		requestPage: e.requestPreviousPage
-	}), N = nr({
+	}), N = or({
 		direction: "bottom",
 		getAnimationLockMs(e) {
-			return Wn(e) + pr;
+			return Jn(e) + _r;
 		},
 		hasPage: w,
 		interactionLocked: p,
 		isAtBoundary() {
-			return re() <= sr;
+			return re() <= dr;
 		},
 		loading: e.loading,
 		requestPage: e.requestNextPage
@@ -2420,7 +2463,7 @@ function mr(e) {
 		h,
 		_
 	], async ([t], [r = []]) => {
-		let i = t.map((e) => Q(e)), a = r ?? [], s = a.map((e) => Q(e)), c = Fn(a, u.value, o.value), l = oe(a), d = new Set(s), f = new Set(i), p = t.filter((e) => !d.has(Q(e))), m = a.flatMap((e) => {
+		let i = t.map((e) => Q(e)), a = r ?? [], s = a.map((e) => Q(e)), c = zn(a, u.value, o.value), l = oe(a), d = new Set(s), f = new Set(i), p = t.filter((e) => !d.has(Q(e))), m = a.flatMap((e) => {
 			let t = Q(e);
 			if (f.has(t)) return [];
 			let n = c.get(t), r = l.get(t);
@@ -2429,8 +2472,8 @@ function mr(e) {
 				item: e,
 				position: n
 			}];
-		}), h = i.length > s.length && s.length > 0 && i[0] !== s[0], _ = t.length === 0 && a.length > 0 && m.length > 0 && n.value > 0, y = h && n.value > $ + ir ? t[v.value] : null, b = y ? Q(y) : null;
-		_ && (K(Gn()), G()), B(), m.length > 0 && j.markLeave(m), p.length > 0 && (j.markEnter(p, h ? "top" : "bottom"), h ? M.onItemsMutated(p.length) : N.onItemsMutated(p.length)), j.playFlipMoveAnimation(c, new Set(p.map((e) => Q(e))), h ? fr : void 0), b ? (await g(), ee(b, c)) : e.active.value && s.length > 0 && J();
+		}), h = i.length > s.length && s.length > 0 && i[0] !== s[0], _ = t.length === 0 && a.length > 0 && m.length > 0 && n.value > 0, y = m.length > 0 && n.value > $ + cr, b = h && n.value > $ + cr ? t[v.value] : null, x = b ? Q(b) : null;
+		y && q(Yn() + _r), _ && K(), B(), m.length > 0 && j.markLeave(m), p.length > 0 && (j.markEnter(p, h ? "top" : "bottom"), h ? M.onItemsMutated(p.length) : N.onItemsMutated(p.length)), j.playFlipMoveAnimation(c, new Set(p.map((e) => Q(e))), h ? gr : void 0), x ? (await g(), G(x, c)) : e.active.value && s.length > 0 && Y();
 	}, { immediate: !0 }), F([
 		() => e.pendingAppendItems.value.map((e) => Q(e)),
 		h,
@@ -2447,24 +2490,24 @@ function mr(e) {
 		}
 		if (i !== !1 || f.value == null) return;
 		await g();
-		let o = Math.max(0, C.value - r.value), s = hr(f.value, 0, o);
+		let o = Math.max(0, C.value - r.value), s = yr(f.value, 0, o);
 		a.scrollTop = s, n.value = s, M.syncBoundary(), N.syncBoundary();
 	}), F(() => e.loading.value, async (t) => {
 		!t && !e.pendingAppendItems.value.length && !L && !z && (d.value = null), M.onLoadingChange(t), N.onLoadingChange(t), await g();
 	}), x(async () => {
-		X(), await g(), v.value > 0 ? W(v.value, "center") : q(), M.syncBoundary(), N.syncBoundary(), typeof ResizeObserver < "u" ? (P = new ResizeObserver(() => {
-			X();
-		}), t.value && P.observe(t.value)) : window.addEventListener("resize", X);
+		te(), await g(), v.value > 0 ? W(v.value, "center") : J(), M.syncBoundary(), N.syncBoundary(), typeof ResizeObserver < "u" ? (P = new ResizeObserver(() => {
+			te();
+		}), t.value && P.observe(t.value)) : window.addEventListener("resize", te);
 	}), b(() => {
-		P?.disconnect(), P = null, window.removeEventListener("resize", X), ce(), le(), I &&= (cancelAnimationFrame(I), 0);
+		P?.disconnect(), P = null, window.removeEventListener("resize", te), ce(), le(), I &&= (cancelAnimationFrame(I), 0);
 	});
 	function B() {
-		let t = Nn(e.items.value, {
+		let t = Ln(e.items.value, {
 			columnCount: h.value,
 			columnWidth: _.value,
-			gapX: ir,
-			gapY: ir,
-			bucketPx: rr
+			gapX: cr,
+			gapY: cr,
+			bucketPx: sr
 		});
 		o.value = t.positions.map((e) => ({
 			x: e.x + $,
@@ -2472,12 +2515,12 @@ function mr(e) {
 		})), s.value = t.heights, c.value = t.buckets, l.value = t.contentHeight, u.value = t.indexById;
 	}
 	function V() {
-		e.active.value && (n.value = t.value?.scrollTop ?? 0, r.value = te(), M.syncBoundary(), N.syncBoundary(), Y(), !J() && (I ||= requestAnimationFrame(() => {
-			I = 0, q();
+		e.active.value && (n.value = t.value?.scrollTop ?? 0, r.value = X(), M.syncBoundary(), N.syncBoundary(), ee(), !Y() && (I ||= requestAnimationFrame(() => {
+			I = 0, J();
 		})));
 	}
 	function H(t) {
-		e.active.value && (M.onWheel(t), N.onWheel(t), Y());
+		e.active.value && (M.onWheel(t), N.onWheel(t), ee());
 	}
 	function U(t) {
 		let n = e.items.value[t], r = n ? Q(n) : "";
@@ -2493,15 +2536,15 @@ function mr(e) {
 		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 - $ : c.y + l > a.scrollTop + r.value && (u = c.y + l - r.value + $), a.scrollTop = hr(u, 0, d), n.value = a.scrollTop, q();
+		i === "center" ? u = c.y - (r.value - l) / 2 : c.y < a.scrollTop ? u = c.y - $ : c.y + l > a.scrollTop + r.value && (u = c.y + l - r.value + $), a.scrollTop = yr(u, 0, d), n.value = a.scrollTop, J();
 	}
-	function ee(e, r) {
+	function G(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 G() {
+	function K() {
 		let e = t.value;
 		if (!e) {
 			n.value = 0;
@@ -2509,13 +2552,13 @@ function mr(e) {
 		}
 		e.scrollTop = 0, n.value = 0, M.syncBoundary(), N.syncBoundary();
 	}
-	function K(e) {
+	function q(e) {
 		le(), p.value = !0, R = setTimeout(() => {
 			R = null, p.value = !1;
 		}, Math.max(0, e));
 	}
-	function q() {
-		if (!y.value.length || J()) return;
+	function J() {
+		if (!y.value.length || Y()) 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];
@@ -2525,35 +2568,35 @@ function mr(e) {
 		}
 		e.setActiveIndex(i);
 	}
-	function J() {
-		let t = n.value <= $ + ir, r = re() <= sr;
+	function Y() {
+		let t = n.value <= $ + cr, r = re() <= dr;
 		return t ? (e.setActiveIndex(0), !0) : r ? (e.setActiveIndex(Math.max(0, e.items.value.length - 1)), !0) : !1;
 	}
-	function Y() {
+	function ee() {
 		M.maybeRequestPage(), N.maybeRequestPage();
 	}
-	function X() {
-		r.value = te(), a.value = ne();
-	}
 	function te() {
-		return Xn(t.value, r.value);
+		r.value = X(), a.value = ne();
+	}
+	function X() {
+		return er(t.value, r.value);
 	}
 	function ne() {
-		return Zn(t.value, a.value, ar);
+		return tr(t.value, a.value, lr);
 	}
 	function re() {
-		return Qn(t.value, n.value, r.value, C.value);
+		return nr(t.value, n.value, r.value, C.value);
 	}
 	function ie() {
-		return $n(k.value, A.value);
+		return rr(k.value, A.value);
 	}
 	function ae(e) {
-		return e.length ? Nn(e, {
+		return e.length ? Ln(e, {
 			columnCount: h.value,
 			columnWidth: _.value,
-			gapX: ir,
-			gapY: ir,
-			bucketPx: rr
+			gapX: cr,
+			gapY: cr,
+			bucketPx: sr
 		}).contentHeight + $ * 2 : 0;
 	}
 	function oe(e) {
@@ -2576,7 +2619,7 @@ function mr(e) {
 			} finally {
 				d.value = null, z = !1;
 			}
-		}, lr));
+		}, pr));
 	}
 	function ce() {
 		L &&= (clearTimeout(L), null);
@@ -2601,17 +2644,17 @@ function mr(e) {
 		scrollViewportRef: t
 	};
 }
-function hr(e, t, n) {
+function yr(e, t, n) {
 	return Math.min(Math.max(e, t), n);
 }
 //#endregion
 //#region src/components/viewer-core/listCardAsset.ts
-function gr(e) {
+function br(e) {
 	if (e) try {
 		e.removeAttribute("src"), e.src = "";
 	} catch {}
 }
-function _r(e) {
+function xr(e) {
 	if (e) {
 		try {
 			e.currentTime = 0;
@@ -2622,12 +2665,12 @@ function _r(e) {
 		} catch {}
 	}
 }
-function vr(e, t) {
+function Sr(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 yr(e) {
+function Cr(e) {
 	if (!e) return null;
 	try {
 		return new URL(e, window.location.href).href;
@@ -2637,22 +2680,22 @@ function yr(e) {
 }
 //#endregion
 //#region src/components/viewer-core/listPreview.ts
-var br = /\.(avif|gif|jpe?g|png|svg|webp)(\?|#|$)/i, xr = /\.(m4v|mov|mp4|mpeg|ogg|ogv|webm)(\?|#|$)/i;
-function Sr(e) {
-	let t = e.preview?.url ?? e.url, n = kn(e), r = e.title?.trim() || pt(e.type);
+var wr = /\.(avif|gif|jpe?g|png|svg|webp)(\?|#|$)/i, Tr = /\.(m4v|mov|mp4|mpeg|ogg|ogv|webm)(\?|#|$)/i;
+function Er(e) {
+	let t = e.preview?.url ?? e.url, n = Nn(e), r = e.title?.trim() || pt(e.type);
 	return e.type !== "image" && e.type !== "video" ? {
 		kind: "fallback",
 		url: null,
 		width: n.width,
 		height: n.height,
 		label: r
-	} : wr(e, t) ? {
+	} : Or(e, t) ? {
 		kind: "video",
 		url: t,
 		width: n.width,
 		height: n.height,
 		label: r
-	} : Cr(e, t) ? {
+	} : Dr(e, t) ? {
 		kind: "image",
 		url: t,
 		width: n.width,
@@ -2666,28 +2709,28 @@ function Sr(e) {
 		label: r
 	};
 }
-function Cr(e, t) {
-	return e.type !== "image" || typeof t != "string" ? !1 : br.test(t) || Tr(t);
+function Dr(e, t) {
+	return e.type !== "image" || typeof t != "string" ? !1 : wr.test(t) || kr(t);
 }
-function wr(e, t) {
-	return e.type === "video" && typeof t == "string" && xr.test(t);
+function Or(e, t) {
+	return e.type === "video" && typeof t == "string" && Tr.test(t);
 }
-function Tr(e) {
+function kr(e) {
 	return /^(https?:\/\/|\/\/|\/(?!\/)|\.{1,2}\/|blob:|data:)/i.test(e);
 }
 //#endregion
 //#region src/components/viewer-core/useAssetLoadQueue.ts
-var Er = {
+var Ar = {
 	maxGlobal: 10,
 	maxPerDomain: 4,
 	maxVideoPerDomain: 2
 };
-function Dr(e = Er) {
+function jr(e = Ar) {
 	let t = /* @__PURE__ */ new Map(), n = /* @__PURE__ */ new Map(), r = 0;
 	function i(e) {
 		let i = {
 			...e,
-			domain: Ar(e.url),
+			domain: Pr(e.url),
 			enqueuedAt: r,
 			id: `vibe-asset-load-${r += 1}`
 		};
@@ -2706,7 +2749,7 @@ function Dr(e = Er) {
 	function a() {
 		if (n.size === 0) return;
 		let r = [...n.values()].sort((e, t) => {
-			let n = kr(e) - kr(t);
+			let n = Nr(e) - Nr(t);
 			return n === 0 ? e.enqueuedAt - t.enqueuedAt : n;
 		});
 		for (let i of r) {
@@ -2727,8 +2770,8 @@ function Dr(e = Er) {
 	}
 	return { request: i };
 }
-var Or = Dr();
-function kr(e) {
+var Mr = jr();
+function Nr(e) {
 	try {
 		let t = e.getPriority();
 		return Number.isFinite(t) ? t : Infinity;
@@ -2736,7 +2779,7 @@ function kr(e) {
 		return Infinity;
 	}
 }
-function Ar(e) {
+function Pr(e) {
 	try {
 		return new URL(e).hostname || "local";
 	} catch {
@@ -2745,14 +2788,14 @@ function Ar(e) {
 }
 //#endregion
 //#region src/components/ListCard.vue?vue&type=script&setup=true&lang.ts
-var jr = ["aria-label"], Mr = {
+var Fr = ["aria-label"], Ir = {
 	key: 0,
 	"data-testid": "vibe-list-card-spinner",
 	class: "pointer-events-none absolute inset-0 z-[4] grid place-items-center bg-black/18"
-}, Nr = { 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]" }, Pr = ["src", "alt"], Fr = ["src"], Ir = ["data-kind"], Lr = { class: "grid justify-items-center gap-3 px-4 text-center" }, Rr = { class: "text-[0.68rem] font-bold uppercase tracking-[0.22em] text-[#f7f1ea]/72" }, zr = {
+}, Lr = { 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]" }, Rr = ["src", "alt"], zr = ["src"], Br = ["data-kind"], Vr = { class: "grid justify-items-center gap-3 px-4 text-center" }, Hr = { class: "text-[0.68rem] font-bold uppercase tracking-[0.22em] text-[#f7f1ea]/72" }, Ur = {
 	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))]"
-}, Br = { class: "inline-flex h-14 w-14 items-center justify-center border border-white/16 bg-black/20" }, Vr = { class: "pointer-events-none absolute inset-0 z-[3]" }, Hr = /* @__PURE__ */ d({
+}, Wr = { class: "inline-flex h-14 w-14 items-center justify-center border border-white/16 bg-black/20" }, Gr = { class: "pointer-events-none absolute inset-0 z-[3]" }, Kr = /* @__PURE__ */ d({
 	__name: "ListCard",
 	props: {
 		active: {
@@ -2776,42 +2819,42 @@ var jr = ["aria-label"], Mr = {
 	},
 	emits: ["open"],
 	setup(e, { emit: t }) {
-		let n = e, r = t, l = i(() => Sr(n.item)), d = T(!1), f = T(!1), p = T(!1), m = T(l.value.kind === "fallback"), h = T(null), g = T(null), v = T(null), y = T(null), C = T(null), w = T(l.value.kind === "fallback"), E = i(() => w.value ? n.surfaceActive ? d.value ? l.value.url : null : l.value.url : null), A = i(() => n.surfaceActive && d.value && (l.value.kind === "image" || l.value.kind === "video") && !!l.value.url), M = i(() => l.value.kind === "image" && !!E.value), N = i(() => l.value.kind === "video" && !!E.value), P = i(() => !!h.value), I = i(() => jt(h.value)), L = i(() => A.value && !h.value && (!w.value || !m.value)), R = null, B = null, V = /* @__PURE__ */ new Set();
+		let n = e, r = t, l = i(() => Er(n.item)), d = T(!1), f = T(!1), p = T(!1), m = T(l.value.kind === "fallback"), h = T(null), g = T(null), v = T(null), y = T(null), C = T(null), w = T(l.value.kind === "fallback"), E = i(() => w.value ? n.surfaceActive ? d.value ? l.value.url : null : l.value.url : null), A = i(() => n.surfaceActive && d.value && (l.value.kind === "image" || l.value.kind === "video") && !!l.value.url), M = i(() => l.value.kind === "image" && !!E.value), N = i(() => l.value.kind === "video" && !!E.value), P = i(() => !!h.value), I = i(() => jt(h.value)), L = i(() => A.value && !h.value && (!w.value || !m.value)), R = null, B = null, V = /* @__PURE__ */ new Set();
 		F([E, () => l.value.kind], () => {
 			let e = l.value.kind === "fallback";
 			m.value = e, h.value = null, e && (w.value = !0);
 		}), F(A, () => {
-			G();
+			K();
 		}), F([
 			d,
 			m,
 			E
 		], () => {
-			K();
+			q();
 		}), F(() => n.surfaceActive, (e) => {
 			if (!e) {
-				J(), K();
+				Y(), q();
 				return;
 			}
 			requestAnimationFrame(() => {
-				Y(), G(), K();
+				ee(), K(), q();
 			});
 		}), x(() => {
 			if (!v.value || typeof IntersectionObserver > "u") {
-				y.value = null, d.value = !0, G();
+				y.value = null, d.value = !0, K();
 				return;
 			}
 			y.value = v.value.closest("[data-testid=\"vibe-list-scroll\"]"), R = new IntersectionObserver((e) => {
-				for (let t of e) t.target === v.value && (n.surfaceActive && Y(t), G(), K());
+				for (let t of e) t.target === v.value && (n.surfaceActive && ee(t), K(), q());
 			}, {
 				root: y.value,
 				threshold: [0, 1]
 			}), R.observe(v.value);
 		}), b(() => {
-			q(), R?.disconnect(), R = null;
+			J(), R?.disconnect(), R = null;
 		});
 		function H() {
-			se(g.value) && (m.value = !0, h.value = null, X(E.value ?? n.item.url), J());
+			se(g.value) && (m.value = !0, h.value = null, te(E.value ?? n.item.url), Y());
 		}
 		async function U() {
 			if (!se(g.value)) return;
@@ -2824,32 +2867,32 @@ var jr = ["aria-label"], Mr = {
 				url: e,
 				kind: t,
 				surface: "grid"
-			}), J();
+			}), Y();
 		}
 		function W() {
-			se(C.value) && (m.value = !0, h.value = null, X(E.value ?? n.item.url), J(), K());
+			se(C.value) && (m.value = !0, h.value = null, te(E.value ?? n.item.url), Y(), q());
 		}
-		function ee() {
+		function G() {
 			se(C.value) && (m.value = !1);
 		}
-		function G() {
+		function K() {
 			if (l.value.kind === "fallback") {
-				q(!1);
+				J(!1);
 				return;
 			}
 			if (!n.surfaceActive) {
-				J();
+				Y();
 				return;
 			}
 			if (!A.value) {
-				q();
+				J();
 				return;
 			}
 			if (w.value || B) {
 				B?.refresh();
 				return;
 			}
-			B = Or.request({
+			B = Mr.request({
 				assetType: l.value.kind,
 				getPriority: ae,
 				onGrant() {
@@ -2858,7 +2901,7 @@ var jr = ["aria-label"], Mr = {
 				url: l.value.url ?? n.item.url
 			});
 		}
-		function K() {
+		function q() {
 			let e = C.value;
 			if (!(!e || l.value.kind !== "video")) {
 				if (h.value) {
@@ -2875,21 +2918,21 @@ var jr = ["aria-label"], Mr = {
 				e.pause();
 			}
 		}
-		function q(e = !0) {
-			w.value = l.value.kind === "fallback", h.value = null, m.value = l.value.kind === "fallback", e && (ne(), ie()), J();
+		function J(e = !0) {
+			w.value = l.value.kind === "fallback", h.value = null, m.value = l.value.kind === "fallback", e && (ne(), ie()), Y();
 		}
-		function J() {
+		function Y() {
 			B?.release(), B = null;
 		}
-		function Y(e) {
+		function ee(e) {
 			let t = v.value;
 			if (!t) {
 				d.value = !0;
 				return;
 			}
-			d.value = vr(e?.boundingClientRect ?? t.getBoundingClientRect(), e?.rootBounds ?? y.value?.getBoundingClientRect() ?? null);
+			d.value = Sr(e?.boundingClientRect ?? t.getBoundingClientRect(), e?.rootBounds ?? y.value?.getBoundingClientRect() ?? null);
 		}
-		function X(e) {
+		function te(e) {
 			if (!e) return;
 			let t = Q(n.item), r = `${t}|${e}`;
 			V.has(r) || (V.add(r), n.reportAssetLoad?.({
@@ -2899,18 +2942,18 @@ var jr = ["aria-label"], Mr = {
 				url: e
 			}));
 		}
-		function te() {
+		function X() {
 			if (!I.value) return;
 			let e = Q(n.item);
 			V.forEach((t) => {
 				t.startsWith(`${e}|`) && V.delete(t);
-			}), h.value = null, m.value = !1, w.value = !1, J(), G();
+			}), h.value = null, m.value = !1, w.value = !1, Y(), K();
 		}
 		function ne() {
-			gr(g.value);
+			br(g.value);
 		}
 		function ie() {
-			_r(C.value);
+			xr(C.value);
 		}
 		function ae() {
 			let e = v.value;
@@ -2924,8 +2967,8 @@ var jr = ["aria-label"], Mr = {
 			return Math.abs((t.top + t.bottom) / 2 - n);
 		}
 		function se(e) {
-			let t = yr(E.value);
-			return !e || !t ? !1 : yr("currentSrc" in e && e.currentSrc || e.getAttribute("src")) === t;
+			let t = Cr(E.value);
+			return !e || !t ? !1 : Cr("currentSrc" in e && e.currentSrc || e.getAttribute("src")) === t;
 		}
 		function ce() {
 			r("open");
@@ -2953,8 +2996,8 @@ var jr = ["aria-label"], Mr = {
 				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: ce
-			}, null, 8, jr),
-			L.value ? (S(), s("div", Mr, [c("span", Nr, [u(j(re), {
+			}, null, 8, Fr),
+			L.value ? (S(), s("div", Ir, [c("span", Lr, [u(j(re), {
 				class: "h-5 w-5 animate-spin stroke-[1.9] text-[#f7f1ea]/78",
 				"aria-hidden": "true"
 			})])])) : o("", !0),
@@ -2968,7 +3011,7 @@ var jr = ["aria-label"], Mr = {
 				class: _(["block h-full w-full object-cover transition-opacity duration-300", m.value ? "pointer-events-none opacity-100" : "pointer-events-none opacity-0"]),
 				onLoad: H,
 				onError: U
-			}, null, 42, Pr)) : N.value && E.value && !P.value ? (S(), s("video", {
+			}, null, 42, Rr)) : N.value && E.value && !P.value ? (S(), s("video", {
 				key: 2,
 				ref_key: "videoRef",
 				ref: C,
@@ -2980,35 +3023,35 @@ var jr = ["aria-label"], Mr = {
 				class: _(["block h-full w-full object-cover transition-opacity duration-300", m.value ? "pointer-events-none opacity-100" : "pointer-events-none opacity-0"]),
 				onCanplay: W,
 				onError: U,
-				onLoadstart: ee,
+				onLoadstart: G,
 				onPlaying: W,
-				onStalled: ee,
-				onWaiting: ee
-			}, null, 42, Fr)) : P.value ? (S(), s("div", {
+				onStalled: G,
+				onWaiting: G
+			}, null, 42, zr)) : P.value ? (S(), s("div", {
 				key: 3,
 				"data-testid": "vibe-list-card-error",
 				"data-kind": h.value,
 				class: "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", Lr, [
+			}, [c("div", Vr, [
 				u(j(oe), {
 					class: "h-6 w-6 stroke-[1.8] text-[#f7f1ea]/78",
 					"aria-hidden": "true"
 				}),
-				c("span", Rr, k(j(At)(h.value)), 1),
+				c("span", Hr, k(j(At)(h.value)), 1),
 				I.value ? (S(), 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: z(te, ["stop"])
+					onClick: z(X, ["stop"])
 				}, " Retry ")) : o("", !0)
-			])], 8, Ir)) : (S(), s("div", zr, [c("div", Br, [D(e.$slots, "item-icon", {
+			])], 8, Br)) : (S(), s("div", Ur, [c("div", Wr, [D(e.$slots, "item-icon", {
 				icon: j(ft)(n.item.type),
 				item: n.item
 			}, () => [(S(), a(O(j(ft)(n.item.type)), {
 				class: "h-6 w-6 stroke-[1.8] text-[#f7f1ea]/78",
 				"aria-hidden": "true"
 			}))])])])),
-			c("div", Vr, [D(e.$slots, "grid-item-overlay", {
+			c("div", Gr, [D(e.$slots, "grid-item-overlay", {
 				active: n.active,
 				focused: f.value,
 				hovered: p.value,
@@ -3018,24 +3061,24 @@ var jr = ["aria-label"], Mr = {
 			})])
 		], 34));
 	}
-}), Ur = { 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)]" }, Wr = { class: "pointer-events-none absolute inset-x-0 top-0 z-[2] flex justify-end p-6" }, Gr = {
+}), qr = { 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)]" }, Jr = { class: "pointer-events-none absolute inset-x-0 top-0 z-[2] flex justify-end p-6" }, Yr = {
 	"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]"
-}, Kr = { class: "whitespace-nowrap" }, qr = {
+}, Xr = { class: "whitespace-nowrap" }, Zr = {
 	key: 0,
 	class: "whitespace-nowrap border-l border-white/12 pl-2 text-[#f7f1ea]/56 min-[721px]:pl-3"
-}, Jr = [
+}, Qr = [
 	"data-active",
 	"data-index",
 	"data-item-id",
 	"data-occurrence-key"
-], Yr = ["data-item-id"], Xr = {
+], $r = ["data-item-id"], ei = {
 	key: 0,
 	class: "pointer-events-none absolute inset-y-0 right-0 z-[3] hidden w-8 min-[1024px]:block"
-}, Zr = {
+}, ti = {
 	key: 1,
 	class: "pointer-events-none absolute inset-x-0 bottom-0 z-[2] px-5 pb-5 sm:px-6"
-}, Qr = { class: "mx-auto flex w-full max-w-[1600px] justify-center" }, $r = /* @__PURE__ */ d({
+}, ni = { class: "mx-auto flex w-full max-w-[1600px] justify-center" }, ri = /* @__PURE__ */ d({
 	__name: "ListSurface",
 	props: {
 		active: {
@@ -3092,7 +3135,7 @@ var jr = ["aria-label"], Mr = {
 	},
 	emits: ["open-fullscreen", "update:activeIndex"],
 	setup(e, { emit: n }) {
-		let r = e, d = N(), f = n, p = mr({
+		let r = e, d = N(), f = n, p = vr({
 			active: A(r, "active"),
 			allowExhaustedNextPageRefresh: A(r, "allowExhaustedNextPageRefresh"),
 			items: A(r, "items"),
@@ -3132,8 +3175,8 @@ var jr = ["aria-label"], Mr = {
 			renderSlot: d["empty-state"],
 			surface: "grid"
 		});
-		return (e, n) => (S(), s("div", Ur, [
-			c("div", Wr, [c("span", Gr, [c("span", Kr, k(j(p).paginationLabel.value), 1), r.paginationDetail ? (S(), s("span", qr, k(r.paginationDetail), 1)) : o("", !0)])]),
+		return (e, n) => (S(), s("div", qr, [
+			c("div", Jr, [c("span", Yr, [c("span", Xr, k(j(p).paginationLabel.value), 1), r.paginationDetail ? (S(), s("span", Zr, k(r.paginationDetail), 1)) : o("", !0)])]),
 			c("div", {
 				ref: j(p).scrollViewportRef,
 				"data-testid": "vibe-list-scroll",
@@ -3154,7 +3197,7 @@ var jr = ["aria-label"], Mr = {
 					"data-occurrence-key": j(Q)(t),
 					class: "absolute will-change-transform",
 					style: y(j(p).getCardStyle(n))
-				}, [u(Hr, {
+				}, [u(Kr, {
 					active: n === j(p).resolvedActiveIndex.value,
 					index: n,
 					item: t,
@@ -3178,14 +3221,14 @@ var jr = ["aria-label"], Mr = {
 					"report-asset-load",
 					"surface-active",
 					"onOpen"
-				])], 12, Jr))), 128)),
+				])], 12, Qr))), 128)),
 				(S(!0), s(t, null, E(j(p).leavingItems.value, (t) => (S(), s("article", {
 					key: `leaving-${j(Q)(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: y(j(p).getLeavingCardStyle(t.item))
-				}, [u(Hr, {
+				}, [u(Kr, {
 					active: !1,
 					index: -1,
 					item: t.item,
@@ -3200,7 +3243,7 @@ var jr = ["aria-label"], Mr = {
 					"item",
 					"report-asset-error",
 					"report-asset-load"
-				])], 12, Yr))), 128)),
+				])], 12, $r))), 128)),
 				j(P) && j(T) ? (S(), a(Jt, {
 					key: 0,
 					message: j(T).message,
@@ -3215,12 +3258,12 @@ var jr = ["aria-label"], Mr = {
 					"surface"
 				])) : o("", !0)
 			], 4)], 544),
-			j(p).showScrollbar.value ? (S(), s("div", Xr, [n[2] ||= c("div", { class: "absolute bottom-6 right-3 top-6 w-px bg-white/8" }, null, -1), c("div", {
+			j(p).showScrollbar.value ? (S(), s("div", ei, [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: _(["absolute right-[0.625rem] w-1 bg-white/34 transition-[height,transform,background-color,opacity] duration-300 ease-out", r.loading ? "bg-white/52" : "bg-white/34"]),
 				style: y(j(p).getScrollbarThumbStyle())
 			}, null, 6)])) : o("", !0),
-			d["grid-footer"] ? (S(), s("div", Zr, [c("div", Qr, [D(e.$slots, "grid-footer")])])) : o("", !0),
+			d["grid-footer"] ? (S(), s("div", ti, [c("div", ni, [D(e.$slots, "grid-footer")])])) : o("", !0),
 			b.value ? (S(), s("div", {
 				key: 2,
 				class: _(["pointer-events-none absolute inset-x-0 bottom-0 z-[3] flex justify-center px-6", d["grid-footer"] ? "pb-24" : "pb-6"])
@@ -3246,13 +3289,13 @@ var jr = ["aria-label"], Mr = {
 			])) : o("", !0)
 		]));
 	}
-}), ei = ["data-surface-mode"], ti = {
+}), ii = ["data-surface-mode"], ai = {
 	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"
-}, ni = ["data-visible", "inert"], ri = ["data-visible", "inert"], ii = {
+}, oi = ["data-visible", "inert"], si = ["data-visible", "inert"], ci = {
 	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"
-}, ai = /* @__PURE__ */ d({
+}, li = /* @__PURE__ */ d({
 	name: "VibeLayout",
 	__name: "Layout",
 	props: {
@@ -3305,7 +3348,7 @@ var jr = ["aria-label"], Mr = {
 			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) => j(h).retryInitialLoad && j(h).retryInitialLoad(...e)
-		}, " Retry ")) : j(h).errorMessage.value && j(h).items.value.length > 0 ? (S(), s("div", ti, k(j(h).errorMessage.value), 1)) : o("", !0), j(h).isDesktop.value ? (S(), s(t, { key: 2 }, [u(r, {
+		}, " Retry ")) : j(h).errorMessage.value && j(h).items.value.length > 0 ? (S(), s("div", ai, k(j(h).errorMessage.value), 1)) : o("", !0), j(h).isDesktop.value ? (S(), 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",
@@ -3319,7 +3362,7 @@ var jr = ["aria-label"], Mr = {
 				"data-visible": j(h).surfaceMode.value === "list" ? "true" : "false",
 				inert: j(h).surfaceMode.value !== "list",
 				class: "absolute inset-0 z-[2]"
-			}, [u($r, {
+			}, [u(ri, {
 				active: j(h).surfaceMode.value === "list",
 				"allow-exhausted-next-page-refresh": j(h).canRefreshExhaustedNextPage.value,
 				items: j(h).items.value,
@@ -3387,7 +3430,7 @@ var jr = ["aria-label"], Mr = {
 				"show-status-badges",
 				"onOpenFullscreen",
 				"onUpdate:activeIndex"
-			])], 8, ni), [[P, j(h).surfaceMode.value === "list"]])]),
+			])], 8, oi), [[P, j(h).surfaceMode.value === "list"]])]),
 			_: 3
 		}), u(r, {
 			appear: "",
@@ -3403,7 +3446,7 @@ var jr = ["aria-label"], Mr = {
 				"data-visible": j(h).surfaceMode.value === "fullscreen" ? "true" : "false",
 				inert: j(h).surfaceMode.value !== "fullscreen",
 				class: "absolute inset-0 z-[3]"
-			}, [u(En, {
+			}, [u(An, {
 				items: j(h).items.value,
 				active: j(h).surfaceMode.value === "fullscreen",
 				"active-index": j(h).activeIndex.value,
@@ -3468,12 +3511,12 @@ var jr = ["aria-label"], Mr = {
 				"show-back-to-list",
 				"onBackToList",
 				"onUpdate:activeIndex"
-			])], 8, ri), [[P, j(h).surfaceMode.value === "fullscreen"]])]),
+			])], 8, si), [[P, j(h).surfaceMode.value === "fullscreen"]])]),
 			_: 3
-		})], 64)) : j(h).items.value.length === 0 && j(h).loading.value ? (S(), s("div", ii, [u(j(re), {
+		})], 64)) : j(h).items.value.length === 0 && j(h).loading.value ? (S(), s("div", ci, [u(j(re), {
 			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)])) : (S(), a(En, {
+		}), n[1] ||= c("p", { class: "m-0 text-[0.9rem] font-semibold uppercase tracking-[0.22em] text-[#f7f1ea]/72" }, " Loading... ", -1)])) : (S(), a(An, {
 			key: 4,
 			items: j(h).items.value,
 			active: !0,
@@ -3537,10 +3580,10 @@ var jr = ["aria-label"], Mr = {
 			"show-status-badges",
 			"onBackToList",
 			"onUpdate:activeIndex"
-		]))], 8, ei));
+		]))], 8, ii));
 	}
-}), oi = { install(e) {
-	e.component("VibeLayout", ai);
+}), ui = { install(e) {
+	e.component("VibeLayout", li);
 } };
 //#endregion
-export { ai as VibeLayout, oi as VibePlugin, oi as default };
+export { li as VibeLayout, ui as VibePlugin, ui as default };