@wyxos/vibe 3.0.1 → 3.0.2

package/lib/index.js

@@ -1,10 +1,10 @@
-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, guardReactiveProps as f, h as p, isVNode as m, mergeProps as h, nextTick as g, normalizeClass as _, normalizeProps as v, normalizeStyle as y, onBeforeUnmount as b, onMounted as x, openBlock as S, reactive as C, readonly as w, ref as T, renderList as E, renderSlot as D, resolveDynamicComponent as O, toDisplayString as k, toRef as A, unref as j, useSlots as M, vShow as N, watch as P, watchEffect as F, withCtx as I, withDirectives as L, withModifiers as R } 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, guardReactiveProps as f, h as p, isVNode as m, mergeProps as h, nextTick as g, normalizeClass as _, normalizeProps as v, normalizeStyle as y, onBeforeUnmount as b, onMounted as x, openBlock as S, reactive as C, readonly as w, ref as T, renderList as E, renderSlot as D, resolveDynamicComponent as O, toDisplayString as k, toRef as A, unref as j, useSlots as M, vShow as N, watch as P, watchEffect as F, withCtx as I, withDirectives as L, withModifiers as ee } from "vue";
 //#region node_modules/lucide-vue-next/dist/esm/shared/src/utils/hasA11yProp.js
-var z = (e) => {
+var R = (e) => {
 	for (let t in e) if (t.startsWith("aria-") || t === "role" || t === "title") return !0;
 	return !1;
-}, B = (e) => e === "", V = (...e) => e.filter((e, t, n) => !!e && e.trim() !== "" && n.indexOf(e) === t).join(" ").trim(), H = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), ee = (e) => e.replace(/^([A-Z])|[\s-_]+(\w)/g, (e, t, n) => n ? n.toUpperCase() : t.toLowerCase()), U = (e) => {
-	let t = ee(e);
+}, z = (e) => e === "", B = (...e) => e.filter((e, t, n) => !!e && e.trim() !== "" && n.indexOf(e) === t).join(" ").trim(), V = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), H = (e) => e.replace(/^([A-Z])|[\s-_]+(\w)/g, (e, t, n) => n ? n.toUpperCase() : t.toLowerCase()), U = (e) => {
+	let t = H(e);
 	return t.charAt(0).toUpperCase() + t.slice(1);
 }, W = {
 	xmlns: "http://www.w3.org/2000/svg",
@@ -22,9 +22,9 @@ var z = (e) => {
 	width: o,
 	height: o,
 	stroke: s,
-	"stroke-width": B(n) || B(r) || n === !0 || r === !0 ? Number(i || a || W["stroke-width"]) * 24 / Number(o) : i || a || W["stroke-width"],
-	class: V("lucide", c.class, ...e ? [`lucide-${H(U(e))}-icon`, `lucide-${H(e)}`] : ["lucide-icon"]),
-	...!l.default && !z(c) && { "aria-hidden": "true" }
+	"stroke-width": z(n) || z(r) || n === !0 || r === !0 ? Number(i || a || W["stroke-width"]) * 24 / Number(o) : i || a || W["stroke-width"],
+	class: B("lucide", c.class, ...e ? [`lucide-${V(U(e))}-icon`, `lucide-${V(e)}`] : ["lucide-icon"]),
+	...!l.default && !R(c) && { "aria-hidden": "true" }
 }, [...t.map((e) => p(...e)), ...l.default ? [l.default()] : []]), K = (e, t) => (n, { slots: r, attrs: i }) => p(G, {
 	...i,
 	...n,
@@ -84,7 +84,7 @@ var z = (e) => {
 }], ["path", {
 	d: "M14 2v5a1 1 0 0 0 1 1h5",
 	key: "wfsgrz"
-}]]), ne = K("image-plus", [
+}]]), X = K("image-plus", [
 	["path", {
 		d: "M16 5h6",
 		key: "1vod17"
@@ -107,10 +107,10 @@ var z = (e) => {
 		r: "2",
 		key: "af1f0g"
 	}]
-]), re = K("loader-circle", [["path", {
+]), ne = K("loader-circle", [["path", {
 	d: "M21 12a9 9 0 1 1-6.219-8.56",
 	key: "13zald"
-}]]), ie = K("pause", [["rect", {
+}]]), re = K("pause", [["rect", {
 	x: "14",
 	y: "3",
 	width: "5",
@@ -124,10 +124,10 @@ var z = (e) => {
 	height: "18",
 	rx: "1",
 	key: "1wsw3u"
-}]]), ae = K("play", [["path", {
+}]]), ie = K("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 = K("triangle-alert", [
+}]]), ae = K("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"
@@ -141,10 +141,10 @@ var z = (e) => {
 		key: "p32p05"
 	}]
 ]);
-function X(e, t = 150) {
+function Z(e, t = 150) {
 	return se(e, (e) => `${e.surface}|${e.occurrenceKey}|${e.url}|${e.kind}`, t);
 }
-function Z(e, t = 150) {
+function oe(e, t = 150) {
 	return se(e, (e) => `${e.surface}|${e.occurrenceKey}|${e.url}`, t);
 }
 function se(e, t, n) {
@@ -170,25 +170,109 @@ function se(e, t, n) {
 	};
 }
 //#endregion
+//#region src/components/viewer-core/useAssetLoadQueue.ts
+var ce = {
+	maxGlobal: 10,
+	maxPerDomain: 4,
+	maxVideoPerDomain: 2
+};
+function le(e) {
+	return {
+		maxGlobal: e?.maxGlobal ?? ce.maxGlobal,
+		maxPerDomain: e?.maxPerDomain ?? ce.maxPerDomain,
+		maxVideoPerDomain: e?.maxVideoPerDomain ?? ce.maxVideoPerDomain
+	};
+}
+function Q(e) {
+	let t = /* @__PURE__ */ new Map(), n = /* @__PURE__ */ new Map(), r = le(e), i = 0;
+	function a(e) {
+		let r = {
+			...e,
+			domain: de(e.url),
+			enqueuedAt: i,
+			id: `vibe-asset-load-${i += 1}`
+		};
+		return n.set(r.id, r), o(), {
+			cancel() {
+				(n.delete(r.id) || t.delete(r.id)) && o();
+			},
+			refresh() {
+				o();
+			},
+			release() {
+				(t.delete(r.id) || n.delete(r.id)) && o();
+			}
+		};
+	}
+	function o() {
+		if (n.size === 0) return;
+		let e = [...n.values()].sort((e, t) => {
+			let n = ue(e) - ue(t);
+			return n === 0 ? e.enqueuedAt - t.enqueuedAt : n;
+		});
+		for (let i of e) {
+			if (t.size >= r.maxGlobal) return;
+			if (l(i)) {
+				n.delete(i.id), t.set(i.id, i);
+				try {
+					i.onGrant();
+				} catch {
+					t.delete(i.id);
+				}
+			}
+		}
+	}
+	function s() {
+		return { ...r };
+	}
+	function c(e) {
+		r = le(e), o();
+	}
+	function l(e) {
+		let n = [...t.values()].filter((t) => t.domain === e.domain);
+		return !(n.length >= r.maxPerDomain || e.assetType === "video" && n.filter((e) => e.assetType === "video").length >= r.maxVideoPerDomain);
+	}
+	return {
+		getLimits: s,
+		request: a,
+		setLimits: c
+	};
+}
+function ue(e) {
+	try {
+		let t = e.getPriority();
+		return Number.isFinite(t) ? t : Infinity;
+	} catch {
+		return Infinity;
+	}
+}
+function de(e) {
+	try {
+		return new URL(e).hostname || "local";
+	} catch {
+		return "local";
+	}
+}
+//#endregion
 //#region src/components/viewer-core/dom.ts
-function ce(e) {
+function fe(e) {
 	return e instanceof HTMLElement && [
 		"INPUT",
 		"TEXTAREA",
 		"SELECT"
 	].includes(e.tagName);
 }
-function Q(e) {
+function pe(e) {
 	return e instanceof HTMLElement && !!e.closest("[data-swipe-lock], input, textarea, select, a");
 }
 //#endregion
 //#region src/components/viewer-core/itemIdentity.ts
-var le = "__vibeOccurrenceKey";
+var me = "__vibeOccurrenceKey";
 function $(e) {
-	let t = e[le];
+	let t = e[me];
 	return typeof t == "string" && t.length > 0 ? t : e.id;
 }
-function ue(e, t, n) {
+function he(e, t, n) {
 	let r = /* @__PURE__ */ new Map(), i = [], a = n;
 	for (let e of t) {
 		let t = r.get(e.id), n = $(e);
@@ -196,32 +280,32 @@ function ue(e, t, n) {
 	}
 	for (let t of e) {
 		let e = r.get(t.id)?.shift() ?? `vibe-occurrence-${a += 1}`;
-		i.push(de(t, e));
+		i.push(ge(t, e));
 	}
 	return {
 		items: i,
 		nextSequence: a
 	};
 }
-function de(e, t) {
+function ge(e, t) {
 	return $(e) === t ? e : {
 		...e,
-		[le]: t
+		[me]: t
 	};
 }
 //#endregion
 //#region src/components/viewer-core/removalState.ts
-function fe() {
+function _e() {
 	let e = T(/* @__PURE__ */ new Set()), t = T([]);
 	function n(n) {
-		let r = pe(n).filter((t) => !e.value.has(t));
+		let r = ve(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 = pe(t).filter((t) => e.value.has(t));
+		let n = ve(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);
@@ -252,64 +336,64 @@ function fe() {
 		undo: i
 	};
 }
-function pe(e) {
+function ve(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 me(e) {
+function ye(e) {
 	return e.flatMap((e) => e.items);
 }
-function he(e, t) {
+function be(e, t) {
 	return t.size ? e.filter((e) => !t.has(e.id)) : e;
 }
-function ge(e, t) {
-	return he(e.items, t);
+function xe(e, t) {
+	return be(e.items, t);
 }
-function _e(e, t) {
-	return ge(e, t).length;
+function Se(e, t) {
+	return xe(e, t).length;
 }
-function ve(e, t, n) {
+function Ce(e, t, n) {
 	if (n < 0) return null;
 	let r = 0;
 	for (let i of e) {
-		let e = ge(i, t), a = r + e.length;
+		let e = xe(i, t), a = r + e.length;
 		if (n < a) return i.cursor;
 		r = a;
 	}
 	return null;
 }
-function ye(e, t, n) {
+function we(e, t, n) {
 	let r = [...e], i = r.findIndex((e) => e.cursor === t);
 	return i >= 0 && r.splice(i, 1, n), r;
 }
-function be(e, t, n) {
-	let r = ue(e, t, n);
+function Te(e, t, n) {
+	let r = he(e, t, n);
 	return {
 		items: r.items,
 		nextSequence: r.nextSequence
 	};
 }
-function xe(e) {
+function Ee(e) {
 	return e === "filling" || e === "loading" || e === "reloading";
 }
-function Se(e) {
+function De(e) {
 	return !e || !Number.isFinite(e) || e < 1 ? 25 : Math.floor(e);
 }
-function Ce(e) {
+function Oe(e) {
 	return e ?? "__vibe_initial_cursor__";
 }
-function we(e, t, n) {
+function ke(e, t, n) {
 	return Math.min(Math.max(e, t), n);
 }
 //#endregion
 //#region src/components/viewer-core/autoResolveState.ts
-function Te(e) {
+function Ae(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 Ee(e) {
-	let t = be(e.nextItems, e.previousItems, e.sequence);
+function je(e) {
+	let t = Te(e.nextItems, e.previousItems, e.sequence);
 	return {
 		bucket: {
 			cursor: e.cursor,
@@ -320,7 +404,7 @@ function Ee(e) {
 		nextSequence: t.nextSequence
 	};
 }
-function De(e, t, n, r) {
+function Me(e, t, n, r) {
 	if (!e.length) return r ? null : {
 		buckets: [],
 		canceled: r,
@@ -330,46 +414,46 @@ function De(e, t, n, r) {
 	return {
 		buckets: i,
 		canceled: r,
-		visibleCount: i.reduce((e, t) => e + _e(t, n), 0)
+		visibleCount: i.reduce((e, t) => e + Se(t, n), 0)
 	};
 }
-function Oe(e) {
-	let t = Ee({
+function Ne(e) {
+	let t = je({
 		cursor: e.initialState.cursor,
 		nextCursor: e.initialState.nextCursor ?? null,
 		nextItems: e.initialState.items,
 		previousCursor: e.initialState.previousCursor ?? null,
 		previousItems: [],
 		sequence: e.sequence
-	}), n = he(t.bucket.items, e.removedIds);
+	}), n = be(t.bucket.items, e.removedIds);
 	return {
-		activeIndex: we(e.initialState.activeIndex ?? 0, 0, Math.max(0, n.length - 1)),
+		activeIndex: ke(e.initialState.activeIndex ?? 0, 0, Math.max(0, n.length - 1)),
 		buckets: [t.bucket],
 		nextSequence: t.nextSequence
 	};
 }
-function ke(e, t) {
-	let n = e[we(t, 0, Math.max(0, e.length - 1))];
+function Pe(e, t) {
+	let n = e[ke(t, 0, Math.max(0, e.length - 1))];
 	return n ? $(n) : null;
 }
-function Ae(e, t, n = null) {
+function Fe(e, t, n = null) {
 	if (!e.length) return 0;
 	let r = n ? e.findIndex((e) => $(e) === n) : -1;
-	return r >= 0 ? r : we(t, 0, e.length - 1);
+	return r >= 0 ? r : ke(t, 0, e.length - 1);
 }
-function je(e, t, n) {
-	return e ? _e(e, t) < n : !1;
+function Ie(e, t, n) {
+	return e ? Se(e, t) < n : !1;
 }
 //#endregion
 //#region src/components/viewer-core/fillDelay.ts
-var Me = 1e3, Ne = 100;
-function Pe(e, t = Me, n = 250) {
+var Le = 1e3, Re = 100;
+function ze(e, t = Le, n = 250) {
 	return t + Math.max(0, e - 1) * n;
 }
-function Fe(e, t) {
+function Be(e, t) {
 	return !Number.isFinite(e) || e == null || e < 0 ? t : Math.floor(e);
 }
-function Ie() {
+function Ve() {
 	let e = T(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) {
@@ -387,7 +471,7 @@ function Ie() {
 				let t = Math.max(0, a - (Date.now() - s));
 				e.value = t, t <= 0 && l();
 			};
-			t = setInterval(u, Ne), n = setTimeout(l, a), u();
+			t = setInterval(u, Re), n = setTimeout(l, a), u();
 		}));
 	}
 	return {
@@ -398,8 +482,8 @@ function Ie() {
 }
 //#endregion
 //#region src/components/viewer-core/useAutoResolveSource.ts
-function Le(e) {
-	let t = T([]), n = T(0), r = T([]), a = T(null), o = T("idle"), s = T(null), c = Ie(), l = c.remainingMs, u = T(null), d = T(!1), f = T(!0), p = /* @__PURE__ */ new Set(), m = null, h = null, g = 0, _ = 0, v = i(() => Fe(e.fillDelayMs, Me)), y = i(() => Fe(e.fillDelayStepMs, 250)), S = i(() => e.mode ?? "dynamic"), C = i(() => Se(e.pageSize)), w = i(() => me(t.value)), E = i(() => he(w.value, e.removedIds.value)), D = i(() => n.value), O = i(() => xe(o.value) || d.value), k = i(() => t.value[0] ?? null), A = i(() => t.value[t.value.length - 1] ?? null), j = i(() => A.value?.nextCursor ?? null), M = i(() => k.value?.previousCursor ?? null), N = i(() => !!j.value), F = i(() => !!M.value), I = i(() => he(me(r.value), e.removedIds.value)), L = i(() => ve(t.value, e.removedIds.value, D.value)), R = i(() => !E.value.length && !O.value && !!a.value);
+function He(e) {
+	let t = T([]), n = T(0), r = T([]), a = T(null), o = T("idle"), s = T(null), c = Ve(), l = c.remainingMs, u = T(null), d = T(!1), f = T(!0), p = /* @__PURE__ */ new Set(), m = null, h = null, g = 0, _ = 0, v = i(() => Be(e.fillDelayMs, Le)), y = i(() => Be(e.fillDelayStepMs, 250)), S = i(() => e.mode ?? "dynamic"), C = i(() => De(e.pageSize)), w = i(() => ye(t.value)), E = i(() => be(w.value, e.removedIds.value)), D = i(() => n.value), O = i(() => Ee(o.value) || d.value), k = i(() => t.value[0] ?? null), A = i(() => t.value[t.value.length - 1] ?? null), j = i(() => A.value?.nextCursor ?? null), M = i(() => k.value?.previousCursor ?? null), N = i(() => !!j.value), F = i(() => !!M.value), I = i(() => be(ye(r.value), e.removedIds.value)), L = i(() => Ce(t.value, e.removedIds.value, D.value)), ee = i(() => !E.value.length && !O.value && !!a.value);
 	P(() => E.value.length, (e) => {
 		if (e === 0) {
 			n.value = 0;
@@ -409,94 +493,94 @@ function Le(e) {
 	}), P(() => n.value, () => {
 		f.value && Y();
 	}), x(() => {
-		e.resolve && (Z() || z());
+		e.resolve && (oe() || R());
 	}), b(() => {
 		m?.abort(), m = null, c.clear(!0);
 	});
-	async function z() {
-		h = z;
-		let r = await ae({
+	async function R() {
+		h = R;
+		let r = await ie({
 			continueUntilFilled: S.value === "dynamic",
 			cursor: e.initialCursor ?? null,
 			direction: "forward",
 			phase: "loading"
 		});
-		r && (t.value = r.buckets, n.value = 0, X());
+		r && (t.value = r.buckets, n.value = 0, Z());
 	}
-	async function B() {
+	async function z() {
 		if (!(!N.value || O.value)) {
-			if (S.value === "static" && ce("trailing")) return ie("trailing");
-			await ne(j.value);
+			if (S.value === "static" && ce("trailing")) return re("trailing");
+			await X(j.value);
 		}
 	}
-	async function V() {
+	async function B() {
 		if (!(!F.value || O.value)) {
-			if (S.value === "static" && ce("leading")) return ie("leading");
-			await re(M.value);
+			if (S.value === "static" && ce("leading")) return re("leading");
+			await ne(M.value);
 		}
 	}
-	async function H() {
-		if (R.value) {
-			if (t.value = [], n.value = 0, r.value = [], a.value = null, o.value = "idle", s.value = null, u.value = null, d.value = !1, p.clear(), m?.abort(), m = null, c.clear(!0), Z()) {
-				X();
+	async function V() {
+		if (ee.value) {
+			if (t.value = [], n.value = 0, r.value = [], a.value = null, o.value = "idle", s.value = null, u.value = null, d.value = !1, p.clear(), m?.abort(), m = null, c.clear(!0), oe()) {
+				Z();
 				return;
 			}
-			await z();
+			await R();
 		}
 	}
-	async function ee() {
-		if (R.value) return H();
+	async function H() {
+		if (ee.value) return V();
 		o.value !== "failed" || !h || (a.value = null, await h());
 	}
 	async function U() {
-		if (!r.value.length) return d.value = !1, X();
-		t.value = [...t.value, ...r.value], r.value = [], d.value = !1, X();
+		if (!r.value.length) return d.value = !1, Z();
+		t.value = [...t.value, ...r.value], r.value = [], d.value = !1, Z();
 	}
 	function W(t) {
 		let r = E.value;
 		if (!r.length) return;
-		let i = we(t, 0, r.length - 1);
+		let i = ke(t, 0, r.length - 1);
 		i !== n.value && (n.value = i, e.emit("update:activeIndex", i));
 	}
 	function G(e) {
 		f.value = e;
 	}
 	function K() {
-		g += 1, m?.abort(), m = null, c.clear(!0), p.clear(), a.value = null, s.value = null, u.value = null, r.value.length > 0 && (t.value = [...t.value, ...r.value], r.value = []), d.value = !1, X();
+		g += 1, m?.abort(), m = null, c.clear(!0), p.clear(), a.value = null, s.value = null, u.value = null, r.value.length > 0 && (t.value = [...t.value, ...r.value], r.value = []), d.value = !1, Z();
 	}
 	function q() {
-		return ke(E.value, D.value);
+		return Pe(E.value, D.value);
 	}
 	function J(e = null) {
-		n.value = Ae(E.value, D.value, e);
+		n.value = Fe(E.value, D.value, e);
 	}
 	function te() {
 		r.value.length > 0 && !I.value.length && U();
 	}
 	async function Y() {
-		!E.value.length || se() || (F.value && n.value < 3 && await V(), N.value && n.value >= E.value.length - 3 && await B());
+		!E.value.length || se() || (F.value && n.value < 3 && await B(), N.value && n.value >= E.value.length - 3 && await z());
 	}
-	async function ne(e) {
+	async function X(e) {
 		h = async () => {
-			await ne(e);
+			await X(e);
 		};
-		let n = await ae({
+		let n = await ie({
 			continueUntilFilled: S.value === "dynamic",
 			cursor: e,
 			direction: "forward",
 			phase: "loading"
 		});
 		if (n) {
-			if (n.canceled) return t.value = [...t.value, ...n.buckets], r.value = [], d.value = !1, X();
-			if (r.value = n.buckets, !I.value.length) return t.value = [...t.value, ...r.value], r.value = [], d.value = !1, X();
+			if (n.canceled) return t.value = [...t.value, ...n.buckets], r.value = [], d.value = !1, Z();
+			if (r.value = n.buckets, !I.value.length) return t.value = [...t.value, ...r.value], r.value = [], d.value = !1, Z();
 			d.value = !0;
 		}
 	}
-	async function re(e) {
+	async function ne(e) {
 		h = async () => {
-			await re(e);
+			await ne(e);
 		};
-		let n = await ae({
+		let n = await ie({
 			continueUntilFilled: S.value === "dynamic",
 			cursor: e,
 			direction: "backward",
@@ -504,15 +588,15 @@ function Le(e) {
 		});
 		if (!n) return;
 		let r = q();
-		t.value = [...n.buckets, ...t.value], J(r), X();
+		t.value = [...n.buckets, ...t.value], J(r), Z();
 	}
-	async function ie(n) {
+	async function re(n) {
 		if (h = async () => {
-			await ie(n);
+			await re(n);
 		}, !e.resolve) return;
 		let r = n === "leading" ? k.value : A.value;
 		if (!r) return;
-		let i = Ce(r.cursor);
+		let i = Oe(r.cursor);
 		if (p.has(i)) return;
 		p.add(i), a.value = null, o.value = "reloading", s.value = null, u.value = null;
 		let c = ++g, l = typeof AbortController > "u" ? null : new AbortController();
@@ -523,18 +607,18 @@ function Le(e) {
 				pageSize: C.value,
 				signal: l?.signal
 			});
-			if (c !== g) return X();
-			let i = oe({
+			if (c !== g) return Z();
+			let i = ae({
 				cursor: r.cursor,
 				nextCursor: n.nextPage,
 				nextItems: n.items,
 				previousCursor: n.previousPage ?? null,
 				previousItems: r.items
 			}), a = q();
-			t.value = ye(t.value, r.cursor, i), J(a), X();
+			t.value = we(t.value, r.cursor, i), J(a), Z();
 		} catch (e) {
-			if (Te(e) || c !== g) {
-				X();
+			if (Ae(e) || c !== g) {
+				Z();
 				return;
 			}
 			a.value = e instanceof Error ? e.message : "The viewer could not load items.", o.value = "failed", s.value = null, u.value = null;
@@ -542,12 +626,12 @@ function Le(e) {
 			m === l && (m = null), p.delete(i);
 		}
 	}
-	async function ae(t) {
+	async function ie(t) {
 		if (!e.resolve) return null;
 		let n = ++g, r = /* @__PURE__ */ new Set(), i = [], l = t.cursor, d = 0;
 		for (a.value = null, o.value = t.phase, s.value = null, u.value = null;;) {
-			if (n !== g) return De(i, t.direction, e.removedIds.value, !0);
-			let f = Ce(l);
+			if (n !== g) return Me(i, t.direction, e.removedIds.value, !0);
+			let f = Oe(l);
 			if (r.has(f) || p.has(f)) break;
 			r.add(f), p.add(f);
 			let h = typeof AbortController > "u" ? null : new AbortController();
@@ -558,8 +642,8 @@ function Le(e) {
 					pageSize: C.value,
 					signal: h?.signal
 				});
-				if (n !== g) return De(i, t.direction, e.removedIds.value, !0);
-				let a = oe({
+				if (n !== g) return Me(i, t.direction, e.removedIds.value, !0);
+				let a = ae({
 					cursor: l,
 					nextCursor: r.nextPage,
 					nextItems: r.items,
@@ -567,26 +651,26 @@ function Le(e) {
 					previousItems: []
 				});
 				i.push(a);
-				let f = i.reduce((t, n) => t + _e(n, e.removedIds.value), 0), p = t.direction === "forward" ? a.nextCursor : a.previousCursor;
+				let f = i.reduce((t, n) => t + Se(n, e.removedIds.value), 0), p = t.direction === "forward" ? a.nextCursor : a.previousCursor;
 				if (!t.continueUntilFilled || f >= C.value || !p) return {
 					canceled: !1,
 					buckets: t.direction === "backward" ? [...i].reverse() : i,
 					visibleCount: f
 				};
 				o.value = "filling", s.value = f, u.value = C.value, d += 1;
-				let m = Pe(d, v.value, y.value);
-				if (await c.wait(m), n !== g) return De(i, t.direction, e.removedIds.value, !0);
+				let m = ze(d, v.value, y.value);
+				if (await c.wait(m), n !== g) return Me(i, t.direction, e.removedIds.value, !0);
 				l = p;
 			} catch (r) {
-				return Te(r) || n !== g ? De(i, t.direction, e.removedIds.value, !0) : (a.value = r instanceof Error ? r.message : "The viewer could not load items.", o.value = "failed", s.value = null, u.value = null, null);
+				return Ae(r) || n !== g ? Me(i, t.direction, e.removedIds.value, !0) : (a.value = r instanceof Error ? r.message : "The viewer could not load items.", o.value = "failed", s.value = null, u.value = null, null);
 			} finally {
 				m === h && (m = null), p.delete(f);
 			}
 		}
-		return De(i, t.direction, e.removedIds.value, !1);
+		return Me(i, t.direction, e.removedIds.value, !1);
 	}
-	function oe(e) {
-		let t = Ee({
+	function ae(e) {
+		let t = je({
 			cursor: e.cursor,
 			nextCursor: e.nextCursor,
 			nextItems: e.nextItems,
@@ -596,12 +680,12 @@ function Le(e) {
 		});
 		return _ = t.nextSequence, t.bucket;
 	}
-	function X() {
+	function Z() {
 		o.value = "idle", s.value = null, u.value = null, c.clear();
 	}
-	function Z() {
+	function oe() {
 		if (!e.initialState || !e.initialState.items.length) return !1;
-		let i = Oe({
+		let i = Ne({
 			initialState: e.initialState,
 			removedIds: e.removedIds.value,
 			sequence: _
@@ -612,11 +696,11 @@ function Le(e) {
 		return o.value === "loading" && t.value.length === 0 && r.value.length === 0;
 	}
 	function ce(t) {
-		return je(t === "leading" ? k.value : A.value, e.removedIds.value, C.value);
+		return Ie(t === "leading" ? k.value : A.value, e.removedIds.value, C.value);
 	}
 	return {
 		activeIndex: D,
-		canRetryInitialLoad: R,
+		canRetryInitialLoad: ee,
 		cancel: K,
 		commitPendingAppend: U,
 		currentCursor: L,
@@ -632,11 +716,11 @@ function Le(e) {
 		nextCursor: j,
 		pendingAppendItems: I,
 		phase: o,
-		prefetchNextPage: B,
-		prefetchPreviousPage: V,
+		prefetchNextPage: z,
+		prefetchPreviousPage: B,
 		previousCursor: M,
-		retryInitialLoad: H,
-		retry: ee,
+		retryInitialLoad: V,
+		retry: H,
 		setActiveIndex: W,
 		setAutoPrefetchEnabled: G,
 		syncActiveIndexAfterVisibilityChange: J,
@@ -646,8 +730,8 @@ function Le(e) {
 }
 //#endregion
 //#region src/components/viewer-core/useDataSource.ts
-function Re(e, t) {
-	let n = e, r = e, { clearRemoved: a, getRemovedIds: o, remove: s, removedIds: c, restore: l, undo: u } = fe(), d = Le({
+function Ue(e, t) {
+	let n = e, r = e, { clearRemoved: a, getRemovedIds: o, remove: s, removedIds: c, restore: l, undo: u } = _e(), d = He({
 		emit: t,
 		fillDelayMs: r.fillDelayMs,
 		fillDelayStepMs: r.fillDelayStepMs,
@@ -662,7 +746,7 @@ function Re(e, t) {
 		!Array.isArray(e) || typeof t != "function" || f || (f = !0, console.warn("[Vibe] `resolve` and `items` were both provided. `resolve` mode will be used."));
 	}, { immediate: !0 }), P(() => n.items ?? [], (e) => {
 		if (h.value) return;
-		let t = ue(e, m.value, p);
+		let t = he(e, m.value, p);
 		m.value = t.items, p = t.nextSequence;
 	}, {
 		deep: !0,
@@ -773,9 +857,9 @@ function Re(e, t) {
 }
 //#endregion
 //#region src/components/viewer-core/useController.ts
-var ze = 1024;
-function Be(e, t) {
-	let n = Re(e, t), r = T(0), a = T("list"), o = T(0), s = C({
+var We = 1024;
+function Ge(e, t) {
+	let n = Ue(e, t), r = T(0), a = T("list"), o = T(0), s = C({
 		activeIndex: 0,
 		currentCursor: null,
 		errorMessage: null,
@@ -793,32 +877,47 @@ function Be(e, t) {
 		previousCursor: null,
 		removedCount: 0,
 		surfaceMode: "list"
-	}), c = i(() => r.value >= ze), l = i(() => c.value ? a.value : "fullscreen"), u = i(() => c.value && l.value === "fullscreen");
-	P(c, (e, t) => {
+	}), c = i(() => r.value >= We), l = i(() => e.surfaceMode === "fullscreen" || e.surfaceMode === "list"), u = i(() => c.value ? e.surfaceMode ?? a.value : "fullscreen"), d = i(() => c.value && u.value === "fullscreen");
+	P(() => e.surfaceMode, (e, t) => {
+		e && (a.value = e, c.value && t === "fullscreen" && e === "list" && (o.value += 1));
+	}, { immediate: !0 }), P(c, (e, t) => {
 		e && !t && a.value === "list" && (o.value += 1);
-	}), P([l, () => n.pendingAppendItems.value.length], ([e, t]) => {
+	}), P([u, () => n.pendingAppendItems.value.length], ([e, t]) => {
 		e === "list" || t <= 0 || n.commitPendingAppend();
-	}), P(l, (e) => {
+	}), P(u, (e) => {
 		n.setAutoPrefetchEnabled(e === "fullscreen");
 	}, { immediate: !0 }), F(() => {
-		s.activeIndex = n.activeIndex.value, s.currentCursor = n.currentCursor.value, s.errorMessage = n.errorMessage.value, s.fillCollectedCount = n.fillCollectedCount.value, s.fillDelayRemainingMs = n.fillDelayRemainingMs.value, s.fillTargetCount = n.fillTargetCount.value, s.hasNextPage = n.hasNextPage.value, s.hasPreviousPage = n.hasPreviousPage.value, s.isAutoMode = n.isAutoMode.value, s.itemCount = n.items.value.length, s.loadState = n.loading.value ? "loading" : n.errorMessage.value ? "failed" : "loaded", s.mode = n.mode.value, s.nextCursor = n.nextCursor.value, s.phase = n.phase.value, s.previousCursor = n.previousCursor.value, s.removedCount = n.removedCount.value, s.surfaceMode = l.value;
+		s.activeIndex = n.activeIndex.value, s.currentCursor = n.currentCursor.value, s.errorMessage = n.errorMessage.value, s.fillCollectedCount = n.fillCollectedCount.value, s.fillDelayRemainingMs = n.fillDelayRemainingMs.value, s.fillTargetCount = n.fillTargetCount.value, s.hasNextPage = n.hasNextPage.value, s.hasPreviousPage = n.hasPreviousPage.value, s.isAutoMode = n.isAutoMode.value, s.itemCount = n.items.value.length, s.loadState = n.loading.value ? "loading" : n.errorMessage.value ? "failed" : "loaded", s.mode = n.mode.value, s.nextCursor = n.nextCursor.value, s.phase = n.phase.value, s.previousCursor = n.previousCursor.value, s.removedCount = n.removedCount.value, s.surfaceMode = u.value;
 	}), x(() => {
-		m(), window.addEventListener("keydown", p), window.addEventListener("resize", m);
+		h(), window.addEventListener("keydown", m), window.addEventListener("resize", h);
 	}), b(() => {
-		window.removeEventListener("keydown", p), window.removeEventListener("resize", m);
+		window.removeEventListener("keydown", m), window.removeEventListener("resize", h);
 	});
-	function d(e) {
-		n.setActiveIndex(e), c.value && (a.value = "fullscreen");
+	function f(e) {
+		n.setActiveIndex(e), c.value && g("fullscreen");
 	}
-	function f() {
-		c.value && (a.value = "list", o.value += 1);
+	function p() {
+		if (c.value) {
+			if (l.value) {
+				u.value !== "list" && t("update:surfaceMode", "list");
+				return;
+			}
+			a.value = "list", o.value += 1;
+		}
 	}
-	function p(e) {
-		e.defaultPrevented || e.key !== "Escape" || !c.value || l.value !== "fullscreen" || ce(e.target) || (e.preventDefault(), f());
+	function m(e) {
+		e.defaultPrevented || e.key !== "Escape" || !c.value || u.value !== "fullscreen" || fe(e.target) || (e.preventDefault(), p());
 	}
-	function m() {
+	function h() {
 		r.value = window.innerWidth || 0;
 	}
+	function g(n) {
+		if (l.value) {
+			e.surfaceMode !== n && t("update:surfaceMode", n);
+			return;
+		}
+		a.value = n;
+	}
 	return {
 		...n,
 		cancel: n.cancel,
@@ -826,24 +925,24 @@ function Be(e, t) {
 		listRestoreToken: o,
 		loadNext: n.loadNext,
 		loadPrevious: n.loadPrevious,
-		openFullscreen: d,
-		returnToList: f,
+		openFullscreen: f,
+		returnToList: p,
 		retry: n.retry,
-		showBackToList: u,
+		showBackToList: d,
 		status: w(s),
-		surfaceMode: l
+		surfaceMode: u
 	};
 }
 //#endregion
 //#region src/components/FullscreenMediaBar.vue?vue&type=script&setup=true&lang.ts
-var Ve = {
+var Ke = {
 	"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]"
-}, He = { class: "grid grid-cols-[auto_minmax(0,1fr)_auto] items-center gap-3 border-t border-white/12 bg-black/70 px-4 py-3 backdrop-blur-[18px]" }, Ue = { class: "text-[0.76rem] font-bold uppercase tracking-[0.18em] text-[#f7f1ea]/74" }, We = { class: "relative h-4 w-full" }, Ge = [
+}, qe = { class: "grid grid-cols-[auto_minmax(0,1fr)_auto] items-center gap-3 border-t border-white/12 bg-black/70 px-4 py-3 backdrop-blur-[18px]" }, Je = { class: "text-[0.76rem] font-bold uppercase tracking-[0.18em] text-[#f7f1ea]/74" }, Ye = { class: "relative h-4 w-full" }, Xe = [
 	"max",
 	"value",
 	"disabled"
-], Ke = { class: "text-[0.76rem] font-bold uppercase tracking-[0.18em] text-[#f7f1ea]/74" }, qe = /* @__PURE__ */ d({
+], Ze = { class: "text-[0.76rem] font-bold uppercase tracking-[0.18em] text-[#f7f1ea]/74" }, Qe = /* @__PURE__ */ d({
 	__name: "FullscreenMediaBar",
 	props: {
 		currentTime: {},
@@ -855,9 +954,9 @@ var Ve = {
 	emits: ["seek-input"],
 	setup(e, { emit: t }) {
 		let n = e, r = t;
-		return (e, t) => (S(), s("div", Ve, [c("div", He, [
-			c("span", Ue, k(n.currentTimeLabel), 1),
-			c("div", We, [
+		return (e, t) => (S(), s("div", Ke, [c("div", qe, [
+			c("span", Je, k(n.currentTimeLabel), 1),
+			c("div", Ye, [
 				t[1] ||= 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]",
@@ -874,25 +973,25 @@ var Ve = {
 					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, Ge)
+				}, null, 40, Xe)
 			]),
-			c("span", Ke, k(n.durationLabel), 1)
+			c("span", Ze, k(n.durationLabel), 1)
 		])]));
 	}
-}), Je = { class: "pointer-events-none absolute inset-0 z-[3] flex flex-col justify-between p-[clamp(1.25rem,2.6vw,2.25rem)]" }, Ye = { class: "grid gap-4" }, Xe = { class: "flex min-h-11 items-center justify-between gap-4" }, Ze = { class: "min-w-0 flex flex-1 items-center gap-3" }, Qe = {
+}), $e = { class: "pointer-events-none absolute inset-0 z-[3] flex flex-col justify-between p-[clamp(1.25rem,2.6vw,2.25rem)]" }, et = { class: "grid gap-4" }, tt = { class: "flex min-h-11 items-center justify-between gap-4" }, nt = { class: "min-w-0 flex flex-1 items-center gap-3" }, rt = {
 	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]"
-}, $e = { class: "pointer-events-auto flex shrink-0 items-center gap-2" }, et = {
+}, it = { class: "pointer-events-auto flex shrink-0 items-center gap-2" }, at = {
 	"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]"
-}, tt = { class: "whitespace-nowrap" }, nt = {
+}, ot = { class: "whitespace-nowrap" }, st = {
 	key: 0,
 	class: "whitespace-nowrap border-l border-white/12 pl-2 text-[#f7f1ea]/56 min-[721px]:pl-3"
-}, rt = {
+}, ct = {
 	key: 0,
 	class: "grid gap-2 max-[720px]:justify-items-start"
-}, it = /* @__PURE__ */ d({
+}, lt = /* @__PURE__ */ d({
 	__name: "FullscreenHeader",
 	props: {
 		currentIndex: {},
@@ -905,7 +1004,7 @@ var Ve = {
 	emits: ["back-to-list"],
 	setup(e, { emit: t }) {
 		let n = e, r = t;
-		return (e, t) => (S(), s("div", Je, [c("div", Ye, [c("div", Xe, [c("div", Ze, [n.showBackToList ? (S(), s("button", {
+		return (e, t) => (S(), s("div", $e, [c("div", et, [c("div", tt, [c("div", nt, [n.showBackToList ? (S(), s("button", {
 			key: 0,
 			type: "button",
 			"data-testid": "vibe-back-to-list",
@@ -915,19 +1014,19 @@ var Ve = {
 		}, [u(j(q), {
 			class: "h-4 w-4 stroke-[2.2]",
 			"aria-hidden": "true"
-		})])) : o("", !0), n.title ? (S(), s("h2", Qe, k(n.title), 1)) : o("", !0)]), c("div", $e, [c("span", et, [c("span", tt, k(n.currentIndex + 1) + " / " + k(n.total), 1), n.paginationDetail ? (S(), s("span", nt, k(n.paginationDetail), 1)) : o("", !0)]), D(e.$slots, "actions")])])]), n.showEndBadge ? (S(), s("div", rt, [...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, [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)]));
 	}
 });
 //#endregion
 //#region src/components/viewer-core/format.ts
-function at(e) {
+function ut(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/useActivation.ts
-function ot(e) {
+function dt(e) {
 	let t = !1;
 	P(e.enabled, async (t) => {
 		if (n(t), t) {
@@ -950,42 +1049,42 @@ function ot(e) {
 }
 //#endregion
 //#region src/components/viewer-core/assetState.ts
-var st = {
+var ft = {
 	currentTime: 0,
 	duration: 0,
 	errorKind: null,
 	paused: !0,
 	ready: !1
 };
-function ct() {
-	return { ...st };
+function pt() {
+	return { ...ft };
 }
-function lt(e) {
+function mt(e) {
 	return e.complete && !!(e.currentSrc || e.getAttribute("src"));
 }
-function ut(e, t, n) {
-	e.currentTime = Number.isFinite(t.currentTime) ? t.currentTime : 0, e.duration = Number.isFinite(t.duration) ? t.duration : 0, e.paused = t.paused, n && n !== "error" && (e.errorKind = null), e.ready = dt(t, n);
+function ht(e, t, n) {
+	e.currentTime = Number.isFinite(t.currentTime) ? t.currentTime : 0, e.duration = Number.isFinite(t.duration) ? t.duration : 0, e.paused = t.paused, n && n !== "error" && (e.errorKind = null), e.ready = gt(t, n);
 }
-function dt(e, t) {
+function gt(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 ft = /* @__PURE__ */ new Map();
-function pt(e) {
+var _t = /* @__PURE__ */ new Map();
+function vt(e) {
 	return e === "not-found" ? "404" : "Load error";
 }
-function mt(e) {
+function yt(e) {
 	return e === "generic";
 }
-function ht(e) {
-	let t = ft.get(e);
+function bt(e) {
+	let t = _t.get(e);
 	if (t) return t;
-	let n = gt(e);
-	return ft.set(e, n), n;
+	let n = xt(e);
+	return _t.set(e, n), n;
 }
-async function gt(e) {
-	if (!_t(e)) return "generic";
+async function xt(e) {
+	if (!St(e)) return "generic";
 	try {
 		let t = await fetch(e, { method: "HEAD" });
 		if (!t.ok && t.status === 404) return "not-found";
@@ -994,12 +1093,12 @@ async function gt(e) {
 	}
 	return "generic";
 }
-function _t(e) {
+function St(e) {
 	return /^(https?:\/\/|\/)/i.test(e);
 }
 //#endregion
 //#region src/components/viewer-core/mediaPlayback.ts
-function vt(e) {
+function Ct(e) {
 	try {
 		let t = e.play();
 		t && typeof t.catch == "function" && t.catch(() => {});
@@ -1007,12 +1106,12 @@ function vt(e) {
 }
 //#endregion
 //#region src/components/viewer-core/useMedia.ts
-function yt(e) {
+function wt(e) {
 	let t = T({}), n = T({}), r = T({}), a = T({}), o = /* @__PURE__ */ new Map(), s = /* @__PURE__ */ new Map(), c = /* @__PURE__ */ new Set(), l = i(() => e.activeItem.value ? $(e.activeItem.value) : null), u = i(() => e.activeMediaItem.value ? $(e.activeMediaItem.value) : null), d = i(() => {
 		let t = /* @__PURE__ */ new Map();
 		for (let n of e.items.value) t.set($(n), n);
 		return t;
-	}), f = i(() => u.value ? r.value[u.value] ?? st : st), p = i(() => u.value ? f.value.duration : 0), m = i(() => p.value <= 0 ? 0 : bt(f.value.currentTime / p.value * 100, 0, 100)), h = i(() => l.value ? N(l.value) : null);
+	}), f = i(() => u.value ? r.value[u.value] ?? ft : ft), p = i(() => u.value ? f.value.duration : 0), m = i(() => p.value <= 0 ? 0 : Tt(f.value.currentTime / p.value * 100, 0, 100)), h = i(() => l.value ? N(l.value) : null);
 	P(() => l.value, async () => {
 		await x();
 	}), P(() => e.itemCount.value, async () => {
@@ -1020,51 +1119,51 @@ function yt(e) {
 	});
 	function _(e, t) {
 		if (t instanceof HTMLVideoElement) {
-			o.set(e, t), H(e, t);
+			o.set(e, t), V(e, t);
 			return;
 		}
 		o.delete(e);
 	}
 	function v(e, t) {
 		if (t instanceof HTMLAudioElement) {
-			s.set(e, t), H(e, t);
+			s.set(e, t), V(e, t);
 			return;
 		}
 		s.delete(e);
 	}
 	function y(e, r) {
-		r instanceof HTMLImageElement && lt(r) && (t.value[e] = !0, n.value[e] = null, K(e, r.currentSrc || r.src || J(e)));
+		r instanceof HTMLImageElement && mt(r) && (t.value[e] = !0, n.value[e] = null, K(e, r.currentSrc || r.src || J(e)));
 	}
 	function b() {
-		B(), a.value = {}, n.value = {}, t.value = {}, r.value = {}, c.clear();
+		z(), a.value = {}, n.value = {}, t.value = {}, r.value = {}, c.clear();
 	}
 	async function x() {
 		if (!e.isEnabled.value) {
-			B();
+			z();
 			return;
 		}
 		await g();
 		let t = l.value;
 		for (let [e, n] of o.entries()) {
 			if (e !== t || r.value[e]?.errorKind) {
-				z(n, e);
+				R(n, e);
 				continue;
 			}
-			n.muted = !0, n.loop = !1, n.playsInline = !0, vt(n), H(e, n);
+			n.muted = !0, n.loop = !1, n.playsInline = !0, Ct(n), V(e, n);
 		}
 		for (let [e, n] of s.entries()) {
 			if (e !== t || r.value[e]?.errorKind) {
-				z(n, e);
+				R(n, e);
 				continue;
 			}
-			vt(n), H(e, n);
+			Ct(n), V(e, n);
 		}
 	}
 	function S(e, t) {
 		let n = t.currentTarget instanceof HTMLMediaElement ? t.currentTarget : t.target instanceof HTMLMediaElement ? t.target : null;
 		if (n) {
 			let i = r.value[e]?.ready ?? !1;
-			H(e, n, t.type);
+			V(e, n, t.type);
 			let a = r.value[e]?.ready ?? !1;
 			!i && a && K(e, n.currentSrc || n.src || J(e));
 		}
@@ -1075,7 +1174,7 @@ function yt(e) {
 	async function w(r, i) {
 		let a = q(r) ?? e.activeItem.value;
 		t.value[r] = !1, n.value[r] = "generic";
-		let o = await ht(i);
+		let o = await bt(i);
 		n.value[r] = o, a && e.onAssetError?.({
 			item: a,
 			occurrenceKey: r,
@@ -1085,7 +1184,7 @@ function yt(e) {
 		});
 	}
 	async function E(t, n) {
-		let r = U(t), i = V(t), a = q(t) ?? e.activeMediaItem.value ?? e.activeItem.value;
+		let r = U(t), i = B(t), a = q(t) ?? e.activeMediaItem.value ?? e.activeItem.value;
 		if (r) {
 			r.pause();
 			try {
@@ -1093,7 +1192,7 @@ function yt(e) {
 			} catch {}
 		}
 		i.currentTime = 0, i.duration = 0, i.paused = !0, i.ready = !1, i.errorKind = "generic";
-		let o = await ht(n);
+		let o = await bt(n);
 		i.errorKind = o, a && e.onAssetError?.({
 			item: a,
 			occurrenceKey: t,
@@ -1113,8 +1212,8 @@ function yt(e) {
 		if (!t || !n || !(e.target instanceof HTMLInputElement)) return;
 		let r = Number.parseFloat(e.target.value);
 		if (!Number.isFinite(r)) return;
-		let i = bt(r, 0, p.value || 0);
-		ee(n, i, t), t.currentTime = i;
+		let i = Tt(r, 0, p.value || 0);
+		H(n, i, t), t.currentTime = i;
 	}
 	function A(e) {
 		return !!t.value[e] && !n.value[e];
@@ -1130,43 +1229,43 @@ function yt(e) {
 	}
 	function F(e) {
 		let t = N(e);
-		return t ? pt(t) : null;
+		return t ? vt(t) : null;
 	}
 	function I(e) {
-		return mt(N(e));
+		return yt(N(e));
 	}
 	function L(e) {
 		return `${e}:${a.value[e] ?? 0}`;
 	}
-	async function R(e) {
+	async function ee(e) {
 		if (!I(e)) return;
 		t.value[e] = !1, n.value[e] = null;
-		let r = V(e);
+		let r = B(e);
 		r.currentTime = 0, r.duration = 0, r.paused = !0, r.ready = !1, r.errorKind = null;
 		let i = U(e);
-		i && z(i, e), c.forEach((t) => {
+		i && R(i, e), c.forEach((t) => {
 			t.startsWith(`${e}|`) && c.delete(t);
 		}), a.value[e] = (a.value[e] ?? 0) + 1, await g(), await x();
 	}
-	function z(e, t) {
+	function R(e, t) {
 		e.pause();
 		try {
 			e.currentTime = 0;
 		} catch {}
-		H(t, e);
+		V(t, e);
 	}
-	function B() {
-		for (let [e, t] of o.entries()) z(t, e);
-		for (let [e, t] of s.entries()) z(t, e);
+	function z() {
+		for (let [e, t] of o.entries()) R(t, e);
+		for (let [e, t] of s.entries()) R(t, e);
 	}
-	function V(e) {
-		return r.value[e] || (r.value[e] = ct()), r.value[e];
+	function B(e) {
+		return r.value[e] || (r.value[e] = pt()), r.value[e];
 	}
-	function H(e, t, n) {
-		ut(V(e), t, n);
+	function V(e, t, n) {
+		ht(B(e), t, n);
 	}
-	function ee(e, t, n) {
-		let r = V(e);
+	function H(e, t, n) {
+		let r = B(e);
 		r.currentTime = t, r.duration = Number.isFinite(n.duration) ? n.duration : r.duration, r.paused = n.paused;
 	}
 	function U(e) {
@@ -1178,7 +1277,7 @@ function yt(e) {
 	function G(e) {
 		if (e) {
 			if (e.paused) {
-				vt(e);
+				Ct(e);
 				return;
 			}
 			e.pause();
@@ -1225,14 +1324,14 @@ function yt(e) {
 		registerImageElement: y,
 		registerVideoElement: _,
 		resetMediaState: b,
-		retryAsset: R,
+		retryAsset: ee,
 		syncMediaPlayback: x
 	};
 }
-function bt(e, t, n) {
+function Tt(e, t, n) {
 	return Math.min(Math.max(e, t), n);
 }
-function xt(e, t, n = 2) {
+function Et(e, t, n = 2) {
 	return t <= 0 ? {
 		start: 0,
 		end: -1
@@ -1241,14 +1340,14 @@ function xt(e, t, n = 2) {
 		end: Math.min(t - 1, e + n)
 	};
 }
-function St(e, t, n = 2) {
-	let r = xt(t, e.length, n);
+function Dt(e, t, n = 2) {
+	let r = Et(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 Ct(e, t, n, r, i) {
+function Ot(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)"
@@ -1256,8 +1355,8 @@ function Ct(e, t, n, r, i) {
 }
 //#endregion
 //#region src/components/viewer-core/useViewer.ts
-function wt(e, t, n = {}) {
-	let { activeIndex: r, canRetryInitialLoad: a, errorMessage: o, hasNextPage: s, items: c, loading: l, paginationDetail: u, retryInitialLoad: d, setActiveIndex: f } = Re(e, t), p = T(null), m = T(0), h = T(!1), g = T(1), _ = n.enabled ?? i(() => !0), v = null, y = 0, b = 0, x = 0, S = i(() => c.value.length === 0 ? 0 : M(r.value, 0, c.value.length - 1)), C = i(() => c.value[S.value] ?? null), w = i(() => C.value?.type === "audio" || C.value?.type === "video" ? C.value : null), E = yt({
+function kt(e, t, n = {}) {
+	let { activeIndex: r, canRetryInitialLoad: a, errorMessage: o, hasNextPage: s, items: c, loading: l, paginationDetail: u, retryInitialLoad: d, setActiveIndex: f } = Ue(e, t), p = T(null), m = T(0), h = T(!1), g = T(1), _ = n.enabled ?? i(() => !0), v = null, y = 0, b = 0, x = 0, S = i(() => c.value.length === 0 ? 0 : M(r.value, 0, c.value.length - 1)), C = i(() => c.value[S.value] ?? null), w = i(() => C.value?.type === "audio" || C.value?.type === "video" ? C.value : null), E = wt({
 		items: c,
 		activeItem: C,
 		activeMediaItem: w,
@@ -1265,11 +1364,11 @@ function wt(e, t, n = {}) {
 		itemCount: i(() => c.value.length),
 		onAssetError: n.onAssetError,
 		onAssetLoad: n.onAssetLoad
-	}), D = i(() => c.value.length > 0 && S.value === c.value.length - 1), O = i(() => c.value.length === 0 && l.value ? "Loading the first page" : l.value && s.value ? "Loading more items" : D.value && !s.value && !l.value ? "End of feed" : null), k = i(() => Math.min(96, g.value * .15 || 96)), A = i(() => xt(S.value, c.value.length)), j = i(() => St(c.value, S.value));
-	ot({
+	}), D = i(() => c.value.length > 0 && S.value === c.value.length - 1), O = i(() => c.value.length === 0 && l.value ? "Loading the first page" : l.value && s.value ? "Loading more items" : D.value && !s.value && !l.value ? "End of feed" : null), k = i(() => Math.min(96, g.value * .15 || 96)), A = i(() => Et(S.value, c.value.length)), j = i(() => Dt(c.value, S.value));
+	dt({
 		enabled: _,
 		onDisable() {
-			H(), E.resetMediaState();
+			V(), E.resetMediaState();
 		},
 		onEnable() {
 			return E.syncMediaPlayback();
@@ -1296,31 +1395,31 @@ function wt(e, t, n = {}) {
 		return t && !P(-1) || n && !P(1) ? e * .24 : e;
 	}
 	function L(e) {
-		!_.value || c.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));
+		!_.value || c.value.length === 0 || e.pointerType === "mouse" || pe(e.target) || (v = e.pointerId, y = e.clientY, m.value = 0, h.value = !0, p.value?.setPointerCapture?.(e.pointerId));
 	}
-	function R(e) {
+	function ee(e) {
 		!_.value || !h.value || v !== e.pointerId || (m.value = I(e.clientY - y));
 	}
+	function R(e) {
+		!_.value || v !== e.pointerId || (p.value?.releasePointerCapture?.(e.pointerId), B());
+	}
 	function z(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 B() {
+		Math.abs(m.value) >= k.value && (x = Date.now() + 250, F(m.value < 0 ? 1 : -1)), V();
 	}
 	function V() {
-		Math.abs(m.value) >= k.value && (x = Date.now() + 250, F(m.value < 0 ? 1 : -1)), H();
-	}
-	function H() {
 		m.value = 0, h.value = !1, v = null;
 	}
-	function ee(e) {
-		if (!_.value || c.value.length === 0 || h.value || Q(e.target) || Math.abs(e.deltaY) < Math.max(Math.abs(e.deltaX), 24)) return;
+	function H(e) {
+		if (!_.value || c.value.length === 0 || h.value || pe(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, F(e.deltaY > 0 ? 1 : -1));
 	}
 	function U(e) {
-		!_.value || c.value.length === 0 || ce(e.target) || ((e.key === "ArrowDown" || e.key === "PageDown") && (e.preventDefault(), F(1)), (e.key === "ArrowUp" || e.key === "PageUp") && (e.preventDefault(), F(-1)));
+		!_.value || c.value.length === 0 || fe(e.target) || ((e.key === "ArrowDown" || e.key === "PageDown") && (e.preventDefault(), F(1)), (e.key === "ArrowUp" || e.key === "PageUp") && (e.preventDefault(), F(-1)));
 	}
 	function W(e, t) {
 		E.onVideoClick(e, t, x);
@@ -1338,7 +1437,7 @@ function wt(e, t, n = {}) {
 		return e.type === "audio";
 	}
 	function te(e) {
-		return Ct(e, S.value, g.value, m.value, h.value);
+		return Ot(e, S.value, g.value, m.value, h.value);
 	}
 	return {
 		activeItem: C,
@@ -1353,7 +1452,7 @@ function wt(e, t, n = {}) {
 		getAssetErrorKind: E.getAssetErrorKind,
 		getAssetErrorLabel: E.getAssetErrorLabel,
 		getAssetRenderKey: E.getAssetRenderKey,
-		formatPlaybackTime: at,
+		formatPlaybackTime: ut,
 		getImageSource: E.getImageSource,
 		getSlideStyle: te,
 		hasNextPage: s,
@@ -1371,12 +1470,12 @@ function wt(e, t, n = {}) {
 		onMediaEvent: E.onMediaEvent,
 		onMediaError: E.onMediaError,
 		onMediaSeekInput: K,
-		onPointerCancel: B,
+		onPointerCancel: z,
 		onPointerDown: L,
-		onPointerMove: R,
-		onPointerUp: z,
+		onPointerMove: ee,
+		onPointerUp: R,
 		onVideoClick: W,
-		onWheel: ee,
+		onWheel: H,
 		registerAudioElement: E.registerAudioElement,
 		registerImageElement: E.registerImageElement,
 		registerVideoElement: E.registerVideoElement,
@@ -1392,30 +1491,30 @@ function wt(e, t, n = {}) {
 }
 //#endregion
 //#region src/components/viewer-core/media.ts
-var Tt = {
-	image: ne,
+var At = {
+	image: X,
 	video: te,
 	audio: J,
 	other: Y
-}, Et = {
+}, jt = {
 	image: "Image",
 	video: "Video",
 	audio: "Audio",
 	other: "File"
 };
-function Dt(e) {
-	return Tt[e];
+function Mt(e) {
+	return At[e];
 }
-function Ot(e) {
-	return Et[e];
+function Nt(e) {
+	return jt[e];
 }
 //#endregion
 //#region src/components/viewer-core/slotContent.ts
-function kt(e) {
+function Pt(e) {
 	if (!Array.isArray(e)) return !1;
 	for (let t of e) {
 		if (Array.isArray(t)) {
-			if (kt(t)) return !0;
+			if (Pt(t)) return !0;
 			continue;
 		}
 		if (!m(t)) {
@@ -1426,53 +1525,53 @@ function kt(e) {
 			if (t != null && t !== !1) return !0;
 			continue;
 		}
-		if (!At(t)) return !0;
+		if (!Ft(t)) return !0;
 	}
 	return !1;
 }
-function At(r) {
-	return r.type === e ? !0 : r.type === n ? typeof r.children == "string" ? r.children.trim().length === 0 : !0 : r.type === t ? !kt(r.children) : !1;
+function Ft(r) {
+	return r.type === e ? !0 : r.type === n ? typeof r.children == "string" ? r.children.trim().length === 0 : !0 : r.type === t ? !Pt(r.children) : !1;
 }
 //#endregion
 //#region src/components/viewer-core/theme.ts
-var jt = {
+var It = {
 	image: "bg-[radial-gradient(circle_at_top_center,rgba(251,191,36,0.4)_0,transparent_42%),linear-gradient(180deg,#120d08,#050507)]",
 	video: "bg-[radial-gradient(circle_at_top_center,rgba(56,189,248,0.38)_0,transparent_42%),linear-gradient(180deg,#07111c,#050608)]",
 	audio: "bg-[radial-gradient(circle_at_top_center,rgba(16,185,129,0.32)_0,transparent_42%),linear-gradient(180deg,#06120f,#040506)]",
 	other: "bg-[radial-gradient(circle_at_top_center,rgba(148,163,184,0.28)_0,transparent_42%),linear-gradient(180deg,#0d0c10,#040506)]"
-}, Mt = {
+}, Lt = {
 	image: "bg-[radial-gradient(circle_at_center,rgba(251,191,36,0.4)_0,transparent_42%),linear-gradient(180deg,#120d08,#050507)]",
 	video: "bg-[radial-gradient(circle_at_center,rgba(56,189,248,0.38)_0,transparent_42%),linear-gradient(180deg,#07111c,#050608)]",
 	audio: "bg-[radial-gradient(circle_at_center,rgba(16,185,129,0.32)_0,transparent_42%),linear-gradient(180deg,#06120f,#040506)]",
 	other: "bg-[radial-gradient(circle_at_center,rgba(148,163,184,0.28)_0,transparent_42%),linear-gradient(180deg,#0d0c10,#040506)]"
 };
-function Nt(e) {
-	return jt[e];
+function Rt(e) {
+	return It[e];
 }
-function Pt(e) {
-	return Mt[e];
+function zt(e) {
+	return Lt[e];
 }
 //#endregion
 //#region src/components/FullscreenSurface.vue?vue&type=script&setup=true&lang.ts
-var Ft = { class: "relative h-full min-h-0 overflow-hidden bg-[#05060a] text-[#f7f1ea]" }, It = {
+var Bt = { class: "relative h-full min-h-0 overflow-hidden bg-[#05060a] text-[#f7f1ea]" }, Vt = {
 	key: 0,
 	class: "relative h-full min-h-0"
-}, Lt = [
+}, Ht = [
 	"data-item-id",
 	"data-occurrence-key",
 	"data-index",
 	"data-active",
 	"aria-hidden"
-], Rt = {
+], Ut = {
 	key: 0,
 	"data-testid": "vibe-asset-spinner",
 	class: "pointer-events-none absolute inset-0 z-[2] grid place-items-center"
-}, zt = { 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]" }, Bt = ["data-kind"], Vt = { class: "grid justify-items-center gap-4 border border-white/14 bg-black/45 px-8 py-7 text-center backdrop-blur-[18px]" }, Ht = { class: "m-0 text-[0.82rem] font-bold uppercase tracking-[0.28em] text-[#f7f1ea]/70" }, Ut = ["onClick"], Wt = [
+}, Wt = { 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]" }, Gt = ["data-kind"], Kt = { class: "grid justify-items-center gap-4 border border-white/14 bg-black/45 px-8 py-7 text-center backdrop-blur-[18px]" }, qt = { class: "m-0 text-[0.82rem] font-bold uppercase tracking-[0.28em] text-[#f7f1ea]/70" }, Jt = ["onClick"], Yt = [
 	"src",
 	"alt",
 	"onLoad",
 	"onError"
-], Gt = [
+], Xt = [
 	"src",
 	"preload",
 	"onClick",
@@ -1489,15 +1588,15 @@ var Ft = { class: "relative h-full min-h-0 overflow-hidden bg-[#05060a] text-[#f
 	"onStalled",
 	"onTimeupdate",
 	"onWaiting"
-], Kt = { class: "relative grid aspect-square w-[clamp(320px,46vw,560px)] max-w-[calc(100vw-2.5rem)] place-items-center" }, qt = [
+], Zt = { class: "relative grid aspect-square w-[clamp(320px,46vw,560px)] max-w-[calc(100vw-2.5rem)] place-items-center" }, Qt = [
 	"aria-label",
 	"disabled",
 	"onClick"
-], Jt = { 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]" }, Yt = { 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]" }, Xt = {
+], $t = { 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]" }, en = { 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]" }, tn = {
 	key: 0,
 	"data-testid": "vibe-asset-spinner",
 	class: "pointer-events-none absolute inset-0 z-[3] grid place-items-center"
-}, Zt = { 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]" }, Qt = ["data-kind"], $t = { class: "m-0 text-[0.82rem] font-bold uppercase tracking-[0.28em] text-[#f7f1ea]/70" }, en = ["onClick"], tn = [
+}, nn = { 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]" }, rn = ["data-kind"], an = { class: "m-0 text-[0.82rem] font-bold uppercase tracking-[0.28em] text-[#f7f1ea]/70" }, on = ["onClick"], sn = [
 	"src",
 	"preload",
 	"onCanplay",
@@ -1513,21 +1612,21 @@ var Ft = { class: "relative h-full min-h-0 overflow-hidden bg-[#05060a] text-[#f
 	"onStalled",
 	"onTimeupdate",
 	"onWaiting"
-], nn = {
+], cn = {
 	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"
-}, rn = { 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]" }, an = {
+}, ln = { 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]" }, un = {
 	key: 0,
 	class: "pointer-events-none absolute inset-0 z-[4]"
-}, on = { class: "h-full w-full" }, sn = {
+}, dn = { class: "h-full w-full" }, fn = {
 	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]"
-}, cn = { class: "h-full min-h-0 overflow-y-auto overscroll-y-contain" }, ln = {
+}, pn = { class: "h-full min-h-0 overflow-y-auto overscroll-y-contain" }, mn = {
 	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]"
-}, un = { class: "h-full min-h-0 overflow-y-auto overscroll-y-contain" }, dn = 1280, fn = 2, pn = /* @__PURE__ */ d({
+}, hn = { class: "h-full min-h-0 overflow-y-auto overscroll-y-contain" }, gn = 1280, _n = 2, vn = /* @__PURE__ */ d({
 	__name: "FullscreenSurface",
 	props: {
 		items: {},
@@ -1547,10 +1646,16 @@ var Ft = { class: "relative h-full min-h-0 overflow-hidden bg-[#05060a] text-[#f
 		resolve: {},
 		initialCursor: {},
 		pageSize: {},
+		assetLoadLimits: {},
 		hasPreviousPage: { type: Boolean },
 		paginationDetail: { default: null },
 		requestNextPage: {},
 		requestPreviousPage: {},
+		showStatusBadges: {
+			type: Boolean,
+			default: !0
+		},
+		surfaceMode: {},
 		active: {
 			type: Boolean,
 			default: !0
@@ -1570,13 +1675,13 @@ var Ft = { class: "relative h-full min-h-0 overflow-hidden bg-[#05060a] text-[#f
 	},
 	emits: ["back-to-list", "update:activeIndex"],
 	setup(e, { emit: n }) {
-		let d = e, p = M(), m = n, g = wt(d, (e, t) => {
+		let d = e, p = M(), m = n, g = kt(d, (e, t) => {
 			m("update:activeIndex", t);
 		}, {
 			enabled: A(d, "active"),
 			onAssetError: d.reportAssetError ?? void 0,
 			onAssetLoad: d.reportAssetLoad ?? void 0
-		}), C = T(typeof window > "u" ? dn : window.innerWidth || dn), w = i(() => Nt(g.activeItem.value?.type ?? "image")), N = i(() => g.activeMediaItem.value && !g.activeAssetErrorKind.value ? "bottom-[5.8rem] max-[720px]:bottom-[7.4rem]" : "bottom-[1.8rem] max-[720px]:bottom-[1.3rem]"), P = i(() => !!g.activeMediaItem.value && !g.activeAssetErrorKind.value), F = i(() => P.value ? "pb-[5.75rem] max-[720px]:pb-[7rem]" : ""), L = i(() => {
+		}), C = T(typeof window > "u" ? gn : window.innerWidth || gn), w = i(() => Rt(g.activeItem.value?.type ?? "image")), N = i(() => g.activeMediaItem.value && !g.activeAssetErrorKind.value ? "bottom-[5.8rem] max-[720px]:bottom-[7.4rem]" : "bottom-[1.8rem] max-[720px]:bottom-[1.3rem]"), P = i(() => !!g.activeMediaItem.value && !g.activeAssetErrorKind.value), F = i(() => P.value ? "pb-[5.75rem] max-[720px]:pb-[7rem]" : ""), L = i(() => {
 			let e = g.activeItem.value;
 			return e ? {
 				hasNextPage: d.hasNextPage,
@@ -1586,57 +1691,57 @@ var Ft = { class: "relative h-full min-h-0 overflow-hidden bg-[#05060a] text-[#f
 				paginationDetail: d.paginationDetail,
 				total: d.items.length
 			} : null;
-		}), z = i(() => !L.value || !p["fullscreen-header-actions"] ? [] : p["fullscreen-header-actions"](L.value)), B = i(() => !L.value || !p["fullscreen-aside"] ? [] : p["fullscreen-aside"](L.value)), V = i(() => !L.value || !g.statusMessage.value ? null : {
+		}), R = i(() => !L.value || !p["fullscreen-header-actions"] ? [] : p["fullscreen-header-actions"](L.value)), z = i(() => !L.value || !p["fullscreen-aside"] ? [] : p["fullscreen-aside"](L.value)), B = i(() => d.loading ? d.items.length > 0 ? "Loading more items" : "Loading the first page" : g.isAtEnd.value && !d.hasNextPage && !d.loading ? "End of feed" : null), V = i(() => !d.showStatusBadges || !L.value || !B.value ? null : {
 			...L.value,
 			kind: g.isAtEnd.value && !g.hasNextPage.value && !g.loading.value ? "end" : "loading-more",
-			message: g.statusMessage.value
-		}), H = i(() => !V.value || !p["fullscreen-status"] ? [] : p["fullscreen-status"](V.value)), ee = i(() => ({
-			gridTemplateColumns: G.value ? "minmax(0, 1fr) 22rem" : "minmax(0, 1fr) 0rem",
+			message: B.value
+		}), H = i(() => !V.value || !p["fullscreen-status"] ? [] : p["fullscreen-status"](V.value)), U = i(() => ({
+			gridTemplateColumns: K.value ? "minmax(0, 1fr) 22rem" : "minmax(0, 1fr) 0rem",
 			transition: "grid-template-columns 320ms cubic-bezier(0.22, 1, 0.36, 1)"
-		})), U = i(() => kt(z.value)), W = i(() => kt(B.value)), G = i(() => W.value && C.value >= dn), K = i(() => W.value && !G.value), q = i(() => kt(H.value));
+		})), W = i(() => Pt(R.value)), G = i(() => Pt(z.value)), K = i(() => G.value && C.value >= gn), q = i(() => G.value && !K.value), J = i(() => Pt(H.value));
 		x(() => {
-			window.addEventListener("resize", le);
+			window.addEventListener("resize", ue);
 		}), b(() => {
-			window.removeEventListener("resize", le);
+			window.removeEventListener("resize", ue);
 		});
-		function J(e, t) {
+		function te(e, t) {
 			let n = t.title?.trim();
-			return n ? `${e} ${n}` : `${e} ${Ot(t.type).toLowerCase()}`;
+			return n ? `${e} ${n}` : `${e} ${Nt(t.type).toLowerCase()}`;
 		}
-		function te(e, t) {
+		function Y(e, t) {
 			let n = Q(t);
-			return !Z(e) || e !== g.resolvedActiveIndex.value || g.getAssetErrorKind(n) ? !1 : t.type === "image" ? !g.isImageReady(n) : t.type === "video" || t.type === "audio" ? !g.isMediaReady(n) : !1;
+			return !se(e) || e !== g.resolvedActiveIndex.value || g.getAssetErrorKind(n) ? !1 : t.type === "image" ? !g.isImageReady(n) : t.type === "video" || t.type === "audio" ? !g.isMediaReady(n) : !1;
 		}
-		function Y(e) {
+		function X(e) {
 			return g.getAssetErrorKind(Q(e));
 		}
-		function ne(e) {
+		function Z(e) {
 			return g.getAssetErrorLabel(Q(e)) ?? "Load error";
 		}
-		function X(e, t) {
-			return Z(e) && e === g.resolvedActiveIndex.value && !!Y(t);
+		function oe(e, t) {
+			return se(e) && e === g.resolvedActiveIndex.value && !!X(t);
 		}
-		function Z(e) {
+		function se(e) {
 			let t = g.resolvedActiveIndex.value;
-			return d.active && e >= t && e <= t + fn;
-		}
-		function se(e, t) {
-			return Z(e) ? g.getImageSource(t) : void 0;
+			return d.active && e >= t && e <= t + _n;
 		}
 		function ce(e, t) {
-			return Z(e) ? t.url : void 0;
+			return se(e) ? g.getImageSource(t) : void 0;
+		}
+		function le(e, t) {
+			return se(e) ? t.url : void 0;
 		}
 		function Q(e) {
 			return $(e);
 		}
-		function le() {
-			C.value = window.innerWidth || dn;
+		function ue() {
+			C.value = window.innerWidth || gn;
 		}
-		return (e, n) => (S(), s("div", Ft, [
+		return (e, n) => (S(), s("div", Bt, [
 			c("div", { class: _(["absolute inset-0 transition-[background] duration-200", w.value]) }, null, 2),
 			c("div", {
 				class: "relative z-[1] grid h-full min-h-0",
-				style: y(ee.value)
+				style: y(U.value)
 			}, [c("div", {
 				ref: "viewer.stageRef",
 				"data-testid": "vibe-stage",
@@ -1646,7 +1751,7 @@ var Ft = { class: "relative h-full min-h-0 overflow-hidden bg-[#05060a] text-[#f
 				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", It, [
+			}, [j(g).items.value.length > 0 ? (S(), s("div", Vt, [
 				(S(!0), s(t, null, E(j(g).renderedItems.value, ({ item: r, index: i }) => (S(), s("article", {
 					key: Q(r),
 					"data-testid": "vibe-slide",
@@ -1657,32 +1762,32 @@ var Ft = { class: "relative h-full min-h-0 overflow-hidden bg-[#05060a] text-[#f
 					"aria-hidden": i === j(g).resolvedActiveIndex.value ? "false" : "true",
 					class: _(["absolute inset-0 flex h-full min-h-full items-center justify-center will-change-transform", i === j(g).resolvedActiveIndex.value ? "pointer-events-auto" : "pointer-events-none"]),
 					style: y(j(g).getSlideStyle(i))
-				}, [c("div", { class: _(["absolute inset-0 opacity-85", j(Pt)(r.type)]) }, null, 2), j(g).isVisual(r) ? (S(), s("div", {
+				}, [c("div", { class: _(["absolute inset-0 opacity-85", j(zt)(r.type)]) }, null, 2), j(g).isVisual(r) ? (S(), s("div", {
 					key: 0,
 					class: _(["relative z-[1] flex h-full w-full items-center justify-center overflow-hidden", i === j(g).resolvedActiveIndex.value ? F.value : ""])
-				}, [te(i, r) ? (S(), s("div", Rt, [c("span", zt, [u(j(re), {
+				}, [Y(i, r) ? (S(), s("div", Ut, [c("span", Wt, [u(j(ne), {
 					class: "h-5 w-5 animate-spin stroke-[1.9] text-[#f7f1ea]/78",
 					"aria-hidden": "true"
-				})])])) : o("", !0), X(i, r) ? (S(), s("div", {
+				})])])) : o("", !0), oe(i, r) ? (S(), s("div", {
 					key: 1,
 					"data-testid": "vibe-asset-error",
-					"data-kind": Y(r),
+					"data-kind": X(r),
 					class: "grid h-full w-full place-items-center"
-				}, [c("div", Vt, [
-					u(j(oe), {
+				}, [c("div", Kt, [
+					u(j(ae), {
 						class: "h-7 w-7 stroke-[1.9] text-[#f7f1ea]/72",
 						"aria-hidden": "true"
 					}),
-					c("p", Ht, k(ne(r)), 1),
+					c("p", qt, k(Z(r)), 1),
 					j(g).canRetryAsset(Q(r)) ? (S(), 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: R((e) => j(g).retryAsset(Q(r)), ["stop"])
-					}, " Retry ", 8, Ut)) : o("", !0)
-				])], 8, Bt)) : r.type === "image" ? (S(), s("img", {
+						onClick: ee((e) => j(g).retryAsset(Q(r)), ["stop"])
+					}, " Retry ", 8, Jt)) : o("", !0)
+				])], 8, Gt)) : r.type === "image" ? (S(), s("img", {
 					key: j(g).getAssetRenderKey(Q(r)),
-					src: se(i, r),
+					src: ce(i, r),
 					alt: r.title ?? "",
 					draggable: "false",
 					class: _(["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", j(g).isImageReady(Q(r)) ? "opacity-100" : "opacity-0"]),
@@ -1690,16 +1795,16 @@ var Ft = { class: "relative h-full min-h-0 overflow-hidden bg-[#05060a] text-[#f
 					ref: (e) => j(g).registerImageElement(Q(r), e),
 					onLoad: (e) => j(g).onImageLoad(Q(r), r.url),
 					onError: (e) => j(g).onImageError(Q(r), r.url)
-				}, null, 42, Wt)) : (S(), s("video", {
+				}, null, 42, Yt)) : (S(), s("video", {
 					key: j(g).getAssetRenderKey(Q(r)),
 					class: _(["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", j(g).isMediaReady(Q(r)) ? "opacity-100" : "opacity-0"]),
 					playsinline: "",
 					muted: "",
-					src: ce(i, r),
-					preload: Z(i) ? "metadata" : "none",
+					src: le(i, r),
+					preload: se(i) ? "metadata" : "none",
 					ref_for: !0,
 					ref: (e) => j(g).registerVideoElement(Q(r), e),
-					onClick: R((e) => j(g).onVideoClick(e, Q(r)), ["stop"]),
+					onClick: ee((e) => j(g).onVideoClick(e, Q(r)), ["stop"]),
 					onCanplay: (e) => j(g).onMediaEvent(Q(r), e),
 					onDurationchange: (e) => j(g).onMediaEvent(Q(r), e),
 					onError: (e) => j(g).onMediaError(Q(r), r.url),
@@ -1713,56 +1818,56 @@ var Ft = { class: "relative h-full min-h-0 overflow-hidden bg-[#05060a] text-[#f
 					onStalled: (e) => j(g).onMediaEvent(Q(r), e),
 					onTimeupdate: (e) => j(g).onMediaEvent(Q(r), e),
 					onWaiting: (e) => j(g).onMediaEvent(Q(r), e)
-				}, null, 42, Gt))], 2)) : j(g).isAudio(r) ? (S(), s("div", {
+				}, null, 42, Xt))], 2)) : j(g).isAudio(r) ? (S(), s("div", {
 					key: 1,
 					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", i === j(g).resolvedActiveIndex.value ? F.value : ""])
-				}, [c("div", Kt, [
+				}, [c("div", Zt, [
 					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": j(g).mediaStates.value[Q(r)]?.paused ?? !0 ? J("Play", r) : J("Pause", r),
-						disabled: !!Y(r),
+						"aria-label": j(g).mediaStates.value[Q(r)]?.paused ?? !0 ? te("Play", r) : te("Pause", r),
+						disabled: !!X(r),
 						onClick: (e) => j(g).onAudioCoverClick(e, Q(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", Jt, [D(e.$slots, "item-icon", {
-							icon: j(Dt)(r.type),
+						c("span", $t, [D(e.$slots, "item-icon", {
+							icon: j(Mt)(r.type),
 							item: r
-						}, () => [(S(), a(O(j(Dt)(r.type)), {
+						}, () => [(S(), a(O(j(Mt)(r.type)), {
 							class: "h-6 w-6 stroke-[1.9]",
 							"aria-hidden": "true"
 						}))])]),
-						c("span", Yt, [(S(), a(O(j(g).mediaStates.value[Q(r)]?.paused ?? !0 ? j(ae) : j(ie)), {
+						c("span", en, [(S(), a(O(j(g).mediaStates.value[Q(r)]?.paused ?? !0 ? j(ie) : j(re)), {
 							class: "h-4 w-4 stroke-2",
 							"aria-hidden": "true"
 						}))])
-					], 8, qt),
-					te(i, r) ? (S(), s("div", Xt, [c("span", Zt, [u(j(re), {
+					], 8, Qt),
+					Y(i, r) ? (S(), s("div", tn, [c("span", nn, [u(j(ne), {
 						class: "h-5 w-5 animate-spin stroke-[1.9] text-[#f7f1ea]/78",
 						"aria-hidden": "true"
 					})])])) : o("", !0),
-					Y(r) ? (S(), 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", {
+					X(r) ? (S(), 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": Y(r),
+						"data-kind": X(r),
 						class: "relative z-[1] grid justify-items-center gap-4"
 					}, [
-						u(j(oe), {
+						u(j(ae), {
 							class: "h-7 w-7 stroke-[1.9] text-[#f7f1ea]/72",
 							"aria-hidden": "true"
 						}),
-						c("p", $t, k(ne(r)), 1),
+						c("p", an, k(Z(r)), 1),
 						j(g).canRetryAsset(Q(r)) ? (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-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: R((e) => j(g).retryAsset(Q(r)), ["stop"])
-						}, " Retry ", 8, en)) : o("", !0)
-					], 8, Qt)], 64)) : o("", !0)
+							onClick: ee((e) => j(g).retryAsset(Q(r)), ["stop"])
+						}, " Retry ", 8, on)) : o("", !0)
+					], 8, rn)], 64)) : o("", !0)
 				]), (S(), s("audio", {
 					key: j(g).getAssetRenderKey(Q(r)),
-					src: ce(i, r),
-					preload: Z(i) ? "metadata" : "none",
+					src: le(i, r),
+					preload: se(i) ? "metadata" : "none",
 					class: "pointer-events-none absolute h-px w-px opacity-0",
 					ref_for: !0,
 					ref: (e) => j(g).registerAudioElement(Q(r), e),
@@ -1779,24 +1884,24 @@ var Ft = { class: "relative h-full min-h-0 overflow-hidden bg-[#05060a] text-[#f
 					onStalled: (e) => j(g).onMediaEvent(Q(r), e),
 					onTimeupdate: (e) => j(g).onMediaEvent(Q(r), e),
 					onWaiting: (e) => j(g).onMediaEvent(Q(r), e)
-				}, null, 40, tn))], 2)) : (S(), s("div", nn, [c("div", rn, [D(e.$slots, "item-icon", {
-					icon: j(Dt)(r.type),
+				}, null, 40, sn))], 2)) : (S(), s("div", cn, [c("div", ln, [D(e.$slots, "item-icon", {
+					icon: j(Mt)(r.type),
 					item: r
-				}, () => [(S(), a(O(j(Dt)(r.type)), {
+				}, () => [(S(), a(O(j(Mt)(r.type)), {
 					class: "h-6 w-6 stroke-[1.9]",
 					"aria-hidden": "true"
-				}))])])]))], 14, Lt))), 128)),
-				L.value && p["fullscreen-overlay"] ? (S(), s("div", an, [c("div", on, [D(e.$slots, "fullscreen-overlay", v(f(L.value)))])])) : o("", !0),
-				j(g).activeItem.value ? (S(), a(it, {
+				}))])])]))], 14, Ht))), 128)),
+				L.value && p["fullscreen-overlay"] ? (S(), s("div", un, [c("div", dn, [D(e.$slots, "fullscreen-overlay", v(f(L.value)))])])) : o("", !0),
+				j(g).activeItem.value ? (S(), a(lt, {
 					key: 1,
 					"current-index": j(g).resolvedActiveIndex.value,
 					"pagination-detail": j(g).paginationDetail.value,
 					"show-back-to-list": d.showBackToList,
-					"show-end-badge": j(g).isAtEnd.value && !j(g).hasNextPage.value && !j(g).loading.value,
+					"show-end-badge": d.showStatusBadges && 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 }, [U.value && L.value ? {
+				}, l({ _: 2 }, [W.value && L.value ? {
 					name: "actions",
 					fn: I(() => [D(e.$slots, "fullscreen-header-actions", v(f(L.value)))]),
 					key: "0"
@@ -1808,7 +1913,7 @@ var Ft = { class: "relative h-full min-h-0 overflow-hidden bg-[#05060a] text-[#f
 					"title",
 					"total"
 				])) : o("", !0),
-				P.value ? (S(), a(qe, {
+				P.value ? (S(), a(Qe, {
 					key: 2,
 					"current-time": j(g).activeMediaState.value.currentTime,
 					"current-time-label": j(g).formatPlaybackTime(j(g).activeMediaState.value.currentTime),
@@ -1827,7 +1932,7 @@ var Ft = { class: "relative h-full min-h-0 overflow-hidden bg-[#05060a] text-[#f
 				V.value ? (S(), s("div", {
 					key: 3,
 					class: _(["absolute left-1/2 z-[4] -translate-x-1/2", N.value])
-				}, [q.value ? D(e.$slots, "fullscreen-status", v(h({ key: 0 }, V.value))) : (S(), s("div", {
+				}, [J.value ? D(e.$slots, "fullscreen-status", v(h({ key: 0 }, V.value))) : (S(), s("div", {
 					key: 1,
 					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", V.value.kind === "end" ? "border-amber-300/35 text-amber-200" : ""])
 				}, k(V.value.message), 3))], 2)) : o("", !0)
@@ -1839,7 +1944,7 @@ var Ft = { class: "relative h-full min-h-0 overflow-hidden bg-[#05060a] text-[#f
 				"leave-from-class": "translate-x-0 opacity-100",
 				"leave-to-class": "translate-x-full opacity-0"
 			}, {
-				default: I(() => [G.value && L.value ? (S(), s("aside", sn, [c("div", cn, [D(e.$slots, "fullscreen-aside", v(f(L.value)))])])) : o("", !0)]),
+				default: I(() => [K.value && L.value ? (S(), s("aside", fn, [c("div", pn, [D(e.$slots, "fullscreen-aside", v(f(L.value)))])])) : o("", !0)]),
 				_: 3
 			})], 4),
 			u(r, {
@@ -1850,29 +1955,29 @@ var Ft = { class: "relative h-full min-h-0 overflow-hidden bg-[#05060a] text-[#f
 				"leave-from-class": "translate-x-0 opacity-100",
 				"leave-to-class": "translate-x-full opacity-0"
 			}, {
-				default: I(() => [K.value && L.value ? (S(), s("aside", ln, [c("div", un, [D(e.$slots, "fullscreen-aside", v(f(L.value)))])])) : o("", !0)]),
+				default: I(() => [q.value && L.value ? (S(), s("aside", mn, [c("div", hn, [D(e.$slots, "fullscreen-aside", v(f(L.value)))])])) : o("", !0)]),
 				_: 3
 			})
 		]));
 	}
-}), mn = 1, hn = .5;
-function gn(e) {
+}), yn = 1, bn = .5;
+function xn(e) {
 	if (e.type !== "image" && e.type !== "video") return {
-		width: mn,
-		height: mn,
+		width: yn,
+		height: yn,
 		source: "fallback"
 	};
 	let t = e.preview?.width, n = e.preview?.height;
-	if (Cn(t) && Cn(n)) {
-		let r = wn(e, t, n);
+	if (On(t) && On(n)) {
+		let r = kn(e, t, n);
 		return {
 			width: r.width,
 			height: r.height,
 			source: "preview"
 		};
 	}
-	if (Cn(e.width) && Cn(e.height)) {
-		let t = wn(e, e.width, e.height);
+	if (On(e.width) && On(e.height)) {
+		let t = kn(e, e.width, e.height);
 		return {
 			width: t.width,
 			height: t.height,
@@ -1880,31 +1985,31 @@ function gn(e) {
 		};
 	}
 	return {
-		width: mn,
-		height: mn,
+		width: yn,
+		height: yn,
 		source: "fallback"
 	};
 }
-function _n(e, t) {
+function Sn(e, t) {
 	return !e || e <= 0 || !t || t <= 0 ? 1 : Math.max(1, Math.floor(e / t));
 }
-function vn(e, t, n, r = 0) {
+function Cn(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 yn(e, t) {
-	let n = gn(e);
+function wn(e, t) {
+	let n = xn(e);
 	return n.height / n.width * t;
 }
-function bn(e, t) {
+function Tn(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($(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 = yn(l, t.columnWidth);
+		let d = u * (t.columnWidth + t.gapX), f = n[u], p = wn(l, t.columnWidth);
 		r[c] = {
 			x: d,
 			y: f
@@ -1923,7 +2028,7 @@ function bn(e, t) {
 		indexById: o
 	};
 }
-function xn(e) {
+function En(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();
@@ -1933,7 +2038,7 @@ function xn(e) {
 	}
 	return Array.from(a).sort((e, t) => e - t);
 }
-function Sn(e, t, n) {
+function Dn(e, t, n) {
 	let r = /* @__PURE__ */ new Map();
 	for (let i of e) {
 		let e = t.get($(i));
@@ -1943,11 +2048,11 @@ function Sn(e, t, n) {
 	}
 	return r;
 }
-function Cn(e) {
+function On(e) {
 	return typeof e == "number" && Number.isFinite(e) && e > 0;
 }
-function wn(e, t, n) {
-	return e.type !== "image" || n / t >= hn ? {
+function kn(e, t, n) {
+	return e.type !== "image" || n / t >= bn ? {
 		width: t,
 		height: n
 	} : {
@@ -1957,18 +2062,18 @@ function wn(e, t, n) {
 }
 //#endregion
 //#region src/components/viewer-core/useMasonryMotion.ts
-var Tn = 300, En = 600, Dn = 40, On = 400;
-function kn(e, t) {
+var An = 300, jn = 600, Mn = 40, Nn = 400;
+function Pn(e, t) {
 	return t === "top" ? [...e].reverse() : e;
 }
-function An(e) {
-	return e <= 0 ? En : En + Math.min((e - 1) * Dn, On);
+function Fn(e) {
+	return e <= 0 ? jn : jn + Math.min((e - 1) * Mn, Nn);
 }
-function jn(e) {
+function In(e) {
 	let t = e.itemHeight > 0 ? e.itemHeight : e.columnWidth;
 	return e.direction === "top" ? e.scrollTop - t : e.scrollTop + e.viewportHeight + t;
 }
-function Mn(e) {
+function Ln(e) {
 	let t = T(/* @__PURE__ */ new Set()), n = T(/* @__PURE__ */ new Set()), r = T(/* @__PURE__ */ new Map()), i = T(/* @__PURE__ */ new Map()), a = T(/* @__PURE__ */ new Map()), o = T(/* @__PURE__ */ new Map()), s = T(/* @__PURE__ */ new Set()), c = /* @__PURE__ */ new Set(), l = /* @__PURE__ */ new Set();
 	P(e.visibleIndices, (a) => {
 		if (!a.length) return;
@@ -1978,20 +2083,20 @@ function Mn(e) {
 			!r || !t.value.has(r) || c.has(r) || (c.add(r), o.push(r));
 		}
 		if (!o.length) return;
-		let s = kn(o, i.value.get(o[0]) ?? "bottom"), l = new Map(r.value);
-		for (let e = 0; e < s.length; e += 1) l.set(s[e], Math.min(e * Dn, On));
-		r.value = l, Nn(() => {
+		let s = Pn(o, i.value.get(o[0]) ?? "bottom"), l = new Map(r.value);
+		for (let e = 0; e < s.length; e += 1) l.set(s[e], Math.min(e * Mn, Nn));
+		r.value = l, Rn(() => {
 			let e = new Set(n.value);
 			for (let t of o) e.add(t);
 			n.value = e;
-		}), Pn(() => {
+		}), zn(() => {
 			let e = new Set(t.value);
 			for (let t of o) e.delete(t);
 			t.value = e, h(() => {
 				let e = new Set(n.value), t = new Map(r.value), a = new Map(i.value);
 				for (let n of o) e.delete(n), t.delete(n), a.delete(n), c.delete(n);
 				n.value = e, r.value = t, i.value = a;
-			}, An(o.length));
+			}, Fn(o.length));
 		});
 	}, { flush: "post" }), b(() => {
 		for (let e of l) clearTimeout(e);
@@ -2006,7 +2111,7 @@ function Mn(e) {
 		}
 		t.value = r, i.value = a;
 	}
-	function d(t, n, r = Tn) {
+	function d(t, n, r = An) {
 		if (!t.size) return;
 		let i = /* @__PURE__ */ new Map(), c = [];
 		for (let [r, a] of t.entries()) {
@@ -2025,8 +2130,8 @@ function Mn(e) {
 		a.value = i, s.value = /* @__PURE__ */ new Set();
 		let l = new Map(o.value);
 		for (let e of c) l.set(e, r);
-		o.value = l, Nn(() => {
-			s.value = new Set(c), Nn(() => {
+		o.value = l, Rn(() => {
+			s.value = new Set(c), Rn(() => {
 				a.value = /* @__PURE__ */ new Map();
 			});
 		}), h(() => {
@@ -2037,8 +2142,8 @@ function Mn(e) {
 		}, r);
 	}
 	function f(e) {
-		if (n.value.has(e)) return `transform ${En}ms ease-out`;
-		if (s.value.has(e)) return `transform ${o.value.get(e) ?? Tn}ms ease-out`;
+		if (n.value.has(e)) return `transform ${jn}ms ease-out`;
+		if (s.value.has(e)) return `transform ${o.value.get(e) ?? An}ms ease-out`;
 	}
 	function p(e) {
 		if (!n.value.has(e)) return;
@@ -2055,7 +2160,7 @@ function Mn(e) {
 		} : {
 			dx: 0,
 			dy: 0
-		}, u = c ? i.value.get(c) ?? "bottom" : "bottom", d = c && t.value.has(c) ? jn({
+		}, u = c ? i.value.get(c) ?? "bottom" : "bottom", d = c && t.value.has(c) ? In({
 			columnWidth: e.columnWidth.value,
 			direction: u,
 			itemHeight: s,
@@ -2078,28 +2183,28 @@ function Mn(e) {
 		playFlipMoveAnimation: d
 	};
 }
-function Nn(e) {
+function Rn(e) {
 	if (typeof requestAnimationFrame == "function") {
 		requestAnimationFrame(() => e());
 		return;
 	}
 	setTimeout(e, 0);
 }
-function Pn(e) {
-	Nn(() => Nn(e));
+function zn(e) {
+	Rn(() => Rn(e));
 }
 //#endregion
 //#region src/components/viewer-core/masonryViewport.ts
-function Fn(e, t) {
+function Bn(e, t) {
 	return e?.clientHeight || Math.round(e?.getBoundingClientRect().height ?? 0) || window.innerHeight || t || 1;
 }
-function In(e, t, n) {
+function Vn(e, t, n) {
 	return e?.clientWidth || Math.round(e?.getBoundingClientRect().width ?? 0) || window.innerWidth || t || n;
 }
-function Ln(e, t, n, r) {
+function Hn(e, t, n, r) {
 	return (e?.scrollHeight ?? r) - (t + n);
 }
-function Rn(e, t) {
+function Un(e, t) {
 	return {
 		height: `${e}px`,
 		transform: `translate3d(0, ${t}px, 0)`
@@ -2107,8 +2212,8 @@ function Rn(e, t) {
 }
 //#endregion
 //#region src/components/viewer-core/useEdgeBoundary.ts
-var zn = 250, Bn = 1e3;
-function Vn(e) {
+var Wn = 250, Gn = 1e3;
+function Kn(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();
@@ -2124,7 +2229,7 @@ function Vn(e) {
 	function u(t) {
 		if (!x(t) || !e.isAtBoundary()) return;
 		let n = Date.now();
-		n < s || (s = n + zn, m());
+		n < s || (s = n + Wn, m());
 	}
 	function d() {
 		if (!g()) return;
@@ -2158,7 +2263,7 @@ function Vn(e) {
 		return e.hasPage.value && t.value && r.value > i.value && !e.loading.value && !a.value && typeof e.requestPage.value == "function";
 	}
 	function _() {
-		o.value = !1, v(Bn);
+		o.value = !1, v(Gn);
 	}
 	function v(e) {
 		y(), a.value = !0, c = setTimeout(() => {
@@ -2181,30 +2286,30 @@ function Vn(e) {
 }
 //#endregion
 //#region src/components/viewer-core/useMasonryList.ts
-var Hn = 600, Un = 24, Wn = 16, Gn = 300, Kn = 200, qn = 200, Jn = 200, Yn = 300, Xn = 24, Zn = 48, Qn = 500, $n = 1e3;
-function er(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 || Gn), o = T([]), s = T([]), c = T(/* @__PURE__ */ new Map()), l = T(0), u = T(/* @__PURE__ */ new Map()), d = T(null), f = i(() => Math.max(Gn, a.value - Un * 2)), p = i(() => _n(f.value, Gn)), m = i(() => vn(f.value, p.value, Gn, Wn)), h = i(() => tr(e.activeIndex.value, 0, Math.max(0, e.items.value.length - 1))), _ = i(() => xn({
+var qn = 600, Jn = 24, Yn = 16, Xn = 300, Zn = 200, Qn = 200, $n = 200, er = 300, tr = 24, nr = 48, rr = 500, ir = 1e3;
+function ar(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 || Xn), o = T([]), s = T([]), c = T(/* @__PURE__ */ new Map()), l = T(0), u = T(/* @__PURE__ */ new Map()), d = T(null), f = i(() => Math.max(Xn, a.value - Jn * 2)), p = i(() => Sn(f.value, Xn)), m = i(() => Cn(f.value, p.value, Xn, Yn)), h = i(() => or(e.activeIndex.value, 0, Math.max(0, e.items.value.length - 1))), _ = i(() => En({
 		itemCount: e.items.value.length,
 		viewportHeight: r.value,
 		scrollTop: n.value,
-		overscanPx: Kn,
-		bucketPx: Hn,
+		overscanPx: Zn,
+		bucketPx: qn,
 		buckets: c.value
 	})), v = i(() => _.value.map((t) => ({
 		item: e.items.value[t],
 		index: t
 	}))), y = i(() => {
-		let e = l.value + Un * 2, t = d.value ?? 0;
-		return Math.max(e, t, r.value) + Jn;
-	}), S = i(() => e.loading.value ? e.items.value.length > 0 ? "Loading more items" : "Loading the first page" : !e.hasNextPage.value && e.items.value.length > 0 ? "End of list" : null), C = i(() => `${h.value + 1} / ${e.items.value.length}`), w = i(() => Math.max(0, r.value - Xn * 2)), E = i(() => y.value > r.value + 1 && w.value > 0), D = i(() => {
+		let e = l.value + Jn * 2, t = d.value ?? 0;
+		return Math.max(e, t, r.value) + $n;
+	}), S = i(() => e.loading.value ? e.items.value.length > 0 ? "Loading more items" : "Loading the first page" : !e.hasNextPage.value && e.items.value.length > 0 ? "End of list" : null), C = i(() => `${h.value + 1} / ${e.items.value.length}`), w = i(() => Math.max(0, r.value - tr * 2)), E = i(() => y.value > r.value + 1 && w.value > 0), D = i(() => {
 		if (!E.value) return 0;
 		let e = r.value / y.value * w.value;
-		return Math.min(w.value, Math.max(Zn, e));
+		return Math.min(w.value, Math.max(nr, e));
 	}), O = i(() => {
-		if (!E.value) return Xn;
+		if (!E.value) return tr;
 		let e = Math.max(0, y.value - r.value);
-		return Xn + Math.max(0, w.value - D.value) * (e > 0 ? tr(n.value / e, 0, 1) : 0);
-	}), k = Mn({
+		return tr + Math.max(0, w.value - D.value) * (e > 0 ? or(n.value / e, 0, 1) : 0);
+	}), k = Ln({
 		items: e.items,
 		visibleIndices: _,
 		positions: o,
@@ -2213,25 +2318,25 @@ function er(e) {
 		columnWidth: m,
 		scrollTop: n,
 		viewportHeight: r
-	}), A = Vn({
+	}), A = Kn({
 		direction: "top",
 		getAnimationLockMs(e) {
-			return Math.max(Qn, An(e)) + $n;
+			return Math.max(rr, Fn(e)) + ir;
 		},
 		hasPage: e.hasPreviousPage,
 		isAtBoundary() {
-			return n.value <= Un + Wn;
+			return n.value <= Jn + Yn;
 		},
 		loading: e.loading,
 		requestPage: e.requestPreviousPage
-	}), j = Vn({
+	}), j = Kn({
 		direction: "bottom",
 		getAnimationLockMs(e) {
-			return An(e) + $n;
+			return Fn(e) + ir;
 		},
 		hasPage: e.hasNextPage,
 		isAtBoundary() {
-			return J() <= qn;
+			return J() <= Qn;
 		},
 		loading: e.loading,
 		requestPage: e.requestNextPage
@@ -2241,48 +2346,48 @@ function er(e) {
 		p,
 		m
 	], async ([t], [r = []]) => {
-		let i = Sn(e.items.value, u.value, o.value), a = new Set(r), s = e.items.value.filter((e) => !a.has($(e))), c = t.length > r.length && r.length > 0 && t[0] !== r[0], l = c && n.value > Un + Wn ? e.items.value[h.value] : null, d = l ? $(l) : null;
-		L(), s.length > 0 && (k.markEnter(s, c ? "top" : "bottom"), c ? A.onItemsMutated(s.length) : j.onItemsMutated(s.length)), k.playFlipMoveAnimation(i, new Set(s.map((e) => $(e))), c ? Qn : void 0), d ? (await g(), H(d, i)) : e.active.value && r.length > 0 && U();
+		let i = Dn(e.items.value, u.value, o.value), a = new Set(r), s = e.items.value.filter((e) => !a.has($(e))), c = t.length > r.length && r.length > 0 && t[0] !== r[0], l = c && n.value > Jn + Yn ? e.items.value[h.value] : null, d = l ? $(l) : null;
+		L(), s.length > 0 && (k.markEnter(s, c ? "top" : "bottom"), c ? A.onItemsMutated(s.length) : j.onItemsMutated(s.length)), k.playFlipMoveAnimation(i, new Set(s.map((e) => $(e))), c ? rr : void 0), d ? (await g(), V(d, i)) : e.active.value && r.length > 0 && U();
 	}, { immediate: !0 }), P([
 		() => e.pendingAppendItems.value.map((e) => $(e)),
 		p,
 		m,
 		r
 	], ([t]) => {
-		re(), t.length && (d.value = Y([...e.items.value, ...e.pendingAppendItems.value]), ne());
+		ne(), t.length && (d.value = Y([...e.items.value, ...e.pendingAppendItems.value]), X());
 	}, { immediate: !0 }), P(() => e.restoreToken.value, async () => {
-		await g(), V(h.value, "center");
+		await g(), B(h.value, "center");
 	}), P(() => e.loading.value, async (t) => {
 		!t && !e.pendingAppendItems.value.length && !F && !I && (d.value = null), A.onLoadingChange(t), j.onLoadingChange(t), await g();
 	}), x(async () => {
-		G(), await g(), h.value > 0 ? V(h.value, "center") : ee(), A.syncBoundary(), j.syncBoundary(), typeof ResizeObserver < "u" ? (M = new ResizeObserver(() => {
+		G(), await g(), h.value > 0 ? B(h.value, "center") : H(), A.syncBoundary(), j.syncBoundary(), typeof ResizeObserver < "u" ? (M = new ResizeObserver(() => {
 			G();
 		}), t.value && M.observe(t.value)) : window.addEventListener("resize", G);
 	}), b(() => {
-		M?.disconnect(), M = null, window.removeEventListener("resize", G), re(), N &&= (cancelAnimationFrame(N), 0);
+		M?.disconnect(), M = null, window.removeEventListener("resize", G), ne(), N &&= (cancelAnimationFrame(N), 0);
 	});
 	function L() {
-		let t = bn(e.items.value, {
+		let t = Tn(e.items.value, {
 			columnCount: p.value,
 			columnWidth: m.value,
-			gapX: Wn,
-			gapY: Wn,
-			bucketPx: Hn
+			gapX: Yn,
+			gapY: Yn,
+			bucketPx: qn
 		});
 		o.value = t.positions.map((e) => ({
-			x: e.x + Un,
-			y: e.y + Un
+			x: e.x + Jn,
+			y: e.y + Jn
 		})), s.value = t.heights, c.value = t.buckets, l.value = t.contentHeight, u.value = t.indexById;
 	}
-	function R() {
+	function ee() {
 		e.active.value && (n.value = t.value?.scrollTop ?? 0, r.value = K(), A.syncBoundary(), j.syncBoundary(), W(), !U() && (N ||= requestAnimationFrame(() => {
-			N = 0, ee();
+			N = 0, H();
 		})));
 	}
-	function z(t) {
+	function R(t) {
 		e.active.value && (A.onWheel(t), j.onWheel(t), W());
 	}
-	function B(t) {
+	function z(t) {
 		let n = e.items.value[t], r = n ? $(n) : "";
 		return {
 			height: `${s.value[t] ?? m.value}px`,
@@ -2292,19 +2397,19 @@ function er(e) {
 			transform: k.getCardTransform(t)
 		};
 	}
-	function V(e, i) {
+	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, y.value - r.value);
-		i === "center" ? u = c.y - (r.value - l) / 2 : c.y < a.scrollTop ? u = c.y - Un : c.y + l > a.scrollTop + r.value && (u = c.y + l - r.value + Un), a.scrollTop = tr(u, 0, d), n.value = a.scrollTop, ee();
+		i === "center" ? u = c.y - (r.value - l) / 2 : c.y < a.scrollTop ? u = c.y - Jn : c.y + l > a.scrollTop + r.value && (u = c.y + l - r.value + Jn), a.scrollTop = or(u, 0, d), n.value = a.scrollTop, H();
 	}
-	function H(e, r) {
+	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 ee() {
+	function H() {
 		if (!_.value.length || U()) return;
 		let t = n.value + r.value / 2, i = h.value, a = Infinity;
 		for (let e of _.value) {
@@ -2316,7 +2421,7 @@ function er(e) {
 		e.setActiveIndex(i);
 	}
 	function U() {
-		let t = n.value <= Un + Wn, r = J() <= qn;
+		let t = n.value <= Jn + Yn, r = J() <= Qn;
 		return t ? (e.setActiveIndex(0), !0) : r ? (e.setActiveIndex(Math.max(0, e.items.value.length - 1)), !0) : !1;
 	}
 	function W() {
@@ -2326,27 +2431,27 @@ function er(e) {
 		r.value = K(), a.value = q();
 	}
 	function K() {
-		return Fn(t.value, r.value);
+		return Bn(t.value, r.value);
 	}
 	function q() {
-		return In(t.value, a.value, Gn);
+		return Vn(t.value, a.value, Xn);
 	}
 	function J() {
-		return Ln(t.value, n.value, r.value, y.value);
+		return Hn(t.value, n.value, r.value, y.value);
 	}
 	function te() {
-		return Rn(D.value, O.value);
+		return Un(D.value, O.value);
 	}
 	function Y(e) {
-		return e.length ? bn(e, {
+		return e.length ? Tn(e, {
 			columnCount: p.value,
 			columnWidth: m.value,
-			gapX: Wn,
-			gapY: Wn,
-			bucketPx: Hn
-		}).contentHeight + Un * 2 : 0;
+			gapX: Yn,
+			gapY: Yn,
+			bucketPx: qn
+		}).contentHeight + Jn * 2 : 0;
 	}
-	function ne() {
+	function X() {
 		let t = e.commitPendingAppend.value;
 		typeof t == "function" && (F = setTimeout(async () => {
 			F = null, I = !0;
@@ -2356,38 +2461,38 @@ function er(e) {
 			} finally {
 				d.value = null, I = !1;
 			}
-		}, Yn));
+		}, er));
 	}
-	function re() {
+	function ne() {
 		F &&= (clearTimeout(F), null);
 	}
 	return {
 		columnWidth: m,
 		containerHeight: y,
 		footerStatusMessage: S,
-		getCardStyle: B,
+		getCardStyle: z,
 		getScrollbarThumbStyle: te,
-		onScroll: R,
-		onWheel: z,
+		onScroll: ee,
+		onWheel: R,
 		paginationLabel: C,
 		renderedItems: v,
 		resolvedActiveIndex: h,
-		scrollToIndex: V,
+		scrollToIndex: B,
 		showScrollbar: E,
 		scrollViewportRef: t
 	};
 }
-function tr(e, t, n) {
+function or(e, t, n) {
 	return Math.min(Math.max(e, t), n);
 }
 //#endregion
 //#region src/components/viewer-core/listCardAsset.ts
-function nr(e) {
+function sr(e) {
 	if (e) try {
 		e.removeAttribute("src"), e.src = "";
 	} catch {}
 }
-function rr(e) {
+function cr(e) {
 	if (e) {
 		try {
 			e.currentTime = 0;
@@ -2398,12 +2503,12 @@ function rr(e) {
 		} catch {}
 	}
 }
-function ir(e, t) {
+function lr(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 ar(e) {
+function ur(e) {
 	if (!e) return null;
 	try {
 		return new URL(e, window.location.href).href;
@@ -2413,22 +2518,22 @@ function ar(e) {
 }
 //#endregion
 //#region src/components/viewer-core/listPreview.ts
-var or = /\.(avif|gif|jpe?g|png|svg|webp)(\?|#|$)/i, sr = /\.(m4v|mov|mp4|mpeg|ogg|ogv|webm)(\?|#|$)/i;
-function cr(e) {
-	let t = e.preview?.url ?? e.url, n = gn(e), r = e.title?.trim() || Ot(e.type);
+var dr = /\.(avif|gif|jpe?g|png|svg|webp)(\?|#|$)/i, fr = /\.(m4v|mov|mp4|mpeg|ogg|ogv|webm)(\?|#|$)/i;
+function pr(e) {
+	let t = e.preview?.url ?? e.url, n = xn(e), r = e.title?.trim() || Nt(e.type);
 	return e.type !== "image" && e.type !== "video" ? {
 		kind: "fallback",
 		url: null,
 		width: n.width,
 		height: n.height,
 		label: r
-	} : ur(e, t) ? {
+	} : hr(e, t) ? {
 		kind: "video",
 		url: t,
 		width: n.width,
 		height: n.height,
 		label: r
-	} : lr(e, t) ? {
+	} : mr(e, t) ? {
 		kind: "image",
 		url: t,
 		width: n.width,
@@ -2442,99 +2547,51 @@ function cr(e) {
 		label: r
 	};
 }
-function lr(e, t) {
-	return e.type !== "image" || typeof t != "string" ? !1 : or.test(t) || dr(t);
+function mr(e, t) {
+	return e.type !== "image" || typeof t != "string" ? !1 : dr.test(t) || gr(t);
 }
-function ur(e, t) {
-	return e.type === "video" && typeof t == "string" && sr.test(t);
+function hr(e, t) {
+	return e.type === "video" && typeof t == "string" && fr.test(t);
 }
-function dr(e) {
+function gr(e) {
 	return /^https?:\/\//i.test(e);
 }
 //#endregion
-//#region src/components/viewer-core/useAssetLoadQueue.ts
-var fr = {
-	maxGlobal: 10,
-	maxPerDomain: 4,
-	maxVideoPerDomain: 2
-};
-function pr(e = fr) {
-	let t = /* @__PURE__ */ new Map(), n = /* @__PURE__ */ new Map(), r = 0;
-	function i(e) {
-		let i = {
-			...e,
-			domain: gr(e.url),
-			enqueuedAt: r,
-			id: `vibe-asset-load-${r += 1}`
-		};
-		return n.set(i.id, i), a(), {
-			cancel() {
-				(n.delete(i.id) || t.delete(i.id)) && a();
-			},
-			refresh() {
-				a();
-			},
-			release() {
-				(t.delete(i.id) || n.delete(i.id)) && a();
-			}
-		};
-	}
-	function a() {
-		if (n.size === 0) return;
-		let r = [...n.values()].sort((e, t) => {
-			let n = hr(e) - hr(t);
-			return n === 0 ? e.enqueuedAt - t.enqueuedAt : n;
-		});
-		for (let i of r) {
-			if (t.size >= e.maxGlobal) return;
-			if (o(i)) {
-				n.delete(i.id), t.set(i.id, i);
-				try {
-					i.onGrant();
-				} catch {
-					t.delete(i.id);
-				}
+//#region src/components/viewer-core/createFrameScheduler.ts
+function _r(e) {
+	let t = 0;
+	return {
+		cancel() {
+			t && typeof cancelAnimationFrame == "function" && (cancelAnimationFrame(t), t = 0);
+		},
+		schedule() {
+			if (typeof requestAnimationFrame != "function") {
+				e();
+				return;
 			}
+			t ||= requestAnimationFrame(() => {
+				t = 0, e();
+			});
 		}
-	}
-	function o(n) {
-		let r = [...t.values()].filter((e) => e.domain === n.domain);
-		return !(r.length >= e.maxPerDomain || n.assetType === "video" && r.filter((e) => e.assetType === "video").length >= e.maxVideoPerDomain);
-	}
-	return { request: i };
-}
-var mr = pr();
-function hr(e) {
-	try {
-		let t = e.getPriority();
-		return Number.isFinite(t) ? t : Infinity;
-	} catch {
-		return Infinity;
-	}
-}
-function gr(e) {
-	try {
-		return new URL(e).hostname || "local";
-	} catch {
-		return "local";
-	}
+	};
 }
 //#endregion
 //#region src/components/ListCard.vue?vue&type=script&setup=true&lang.ts
-var _r = ["aria-label"], vr = {
+var vr = ["aria-label"], yr = {
 	key: 0,
 	"data-testid": "vibe-list-card-spinner",
 	class: "pointer-events-none absolute inset-0 z-[4] grid place-items-center bg-black/18"
-}, yr = { 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]" }, br = ["src", "alt"], xr = ["src"], Sr = ["data-kind"], Cr = { class: "grid justify-items-center gap-3 px-4 text-center" }, wr = { class: "text-[0.68rem] font-bold uppercase tracking-[0.22em] text-[#f7f1ea]/72" }, Tr = {
+}, br = { 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]" }, xr = ["src", "alt"], Sr = ["src"], Cr = ["data-kind"], wr = { class: "grid justify-items-center gap-3 px-4 text-center" }, Tr = { class: "text-[0.68rem] font-bold uppercase tracking-[0.22em] text-[#f7f1ea]/72" }, Er = {
 	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))]"
-}, Er = { class: "inline-flex h-14 w-14 items-center justify-center border border-white/16 bg-black/20" }, Dr = { class: "pointer-events-none absolute inset-0 z-[3]" }, Or = /* @__PURE__ */ d({
+}, Dr = { class: "inline-flex h-14 w-14 items-center justify-center border border-white/16 bg-black/20" }, Or = { class: "pointer-events-none absolute inset-0 z-[3]" }, kr = /* @__PURE__ */ d({
 	__name: "ListCard",
 	props: {
 		active: {
 			type: Boolean,
 			default: !1
 		},
+		assetLoadQueue: { default: null },
 		index: { default: 0 },
 		item: {},
 		reportAssetError: {
@@ -2552,89 +2609,89 @@ var _r = ["aria-label"], vr = {
 	},
 	emits: ["open"],
 	setup(e, { emit: t }) {
-		let n = e, r = t, l = i(() => cr(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), F = i(() => !!h.value), I = i(() => mt(h.value)), L = i(() => A.value && !h.value && (!w.value || !m.value)), z = null, B = null, V = /* @__PURE__ */ new Set();
+		let n = e, r = t, l = i(() => pr(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), F = i(() => !!h.value), I = i(() => yt(h.value)), L = i(() => A.value && !h.value && (!w.value || !m.value)), R = null, z = null, B = /* @__PURE__ */ new Set(), V = Q(), H = _r(() => {
+			n.surfaceActive && (X(), q(), J());
+		});
 		P([E, () => l.value.kind], () => {
 			let e = l.value.kind === "fallback";
 			m.value = e, h.value = null, e && (w.value = !0);
 		}), P(A, () => {
-			G();
+			q();
 		}), P([
 			d,
 			m,
 			E
 		], () => {
-			K();
+			J();
 		}), P(() => n.surfaceActive, (e) => {
 			if (!e) {
-				J(), K();
+				Y(), J();
 				return;
 			}
-			requestAnimationFrame(() => {
-				te(), G(), K();
-			});
+			H.schedule();
 		}), x(() => {
 			if (!v.value || typeof IntersectionObserver > "u") {
-				y.value = null, d.value = !0, G();
+				y.value = null, d.value = !0, q();
 				return;
 			}
-			y.value = v.value.closest("[data-testid=\"vibe-list-scroll\"]"), z = new IntersectionObserver((e) => {
-				for (let t of e) t.target === v.value && (n.surfaceActive && te(t), G(), K());
+			y.value = v.value.closest("[data-testid=\"vibe-list-scroll\"]"), y.value?.addEventListener("scroll", H.schedule, { passive: !0 }), R = new IntersectionObserver((e) => {
+				for (let t of e) t.target === v.value && (n.surfaceActive && X(t), q(), J());
 			}, {
 				root: y.value,
 				threshold: [0, 1]
-			}), z.observe(v.value);
+			}), R.observe(v.value);
 		}), b(() => {
-			q(), z?.disconnect(), z = null;
+			te(), y.value?.removeEventListener("scroll", H.schedule), R?.disconnect(), R = null, H.cancel();
 		});
-		function H() {
-			Z(g.value) && (m.value = !0, h.value = null, Y(E.value ?? n.item.url), J());
+		function U() {
+			ce(g.value) && (m.value = !0, h.value = null, re(E.value ?? n.item.url), Y());
 		}
-		async function ee() {
-			if (!Z(g.value)) return;
+		async function W() {
+			if (!ce(g.value)) return;
 			let e = E.value ?? n.item.url;
 			m.value = !1, h.value = "generic";
-			let t = await ht(e);
+			let t = await bt(e);
 			h.value = t, n.reportAssetError?.({
 				item: n.item,
 				occurrenceKey: $(n.item),
 				url: e,
 				kind: t,
 				surface: "grid"
-			}), J();
+			}), Y();
 		}
-		function U() {
-			Z(C.value) && (m.value = !0, h.value = null, Y(E.value ?? n.item.url), J(), K());
+		function G() {
+			ce(C.value) && (m.value = !0, h.value = null, re(E.value ?? n.item.url), Y(), J());
 		}
-		function W() {
-			Z(C.value) && (m.value = !1);
+		function K() {
+			ce(C.value) && (m.value = !1);
 		}
-		function G() {
+		function q() {
 			if (l.value.kind === "fallback") {
-				q(!1);
+				te(!1);
 				return;
 			}
 			if (!n.surfaceActive) {
-				J();
+				Y();
 				return;
 			}
 			if (!A.value) {
-				q();
+				te();
 				return;
 			}
-			if (w.value || B) {
-				B?.refresh();
+			if (w.value || z) {
+				z?.refresh();
 				return;
 			}
-			B = mr.request({
+			z = (n.assetLoadQueue ?? V).request({
 				assetType: l.value.kind,
-				getPriority: X,
+				getPriority: se,
 				onGrant() {
 					w.value = !0, m.value = !1, h.value = null;
 				},
 				url: l.value.url ?? n.item.url
 			});
 		}
-		function K() {
+		function J() {
 			let e = C.value;
 			if (!(!e || l.value.kind !== "video")) {
 				if (h.value) {
@@ -2642,7 +2699,7 @@ var _r = ["aria-label"], vr = {
 					return;
 				}
 				if (E.value && d.value && m.value) {
-					e.muted = !0, e.loop = !0, e.playsInline = !0, vt(e);
+					e.muted = !0, e.loop = !0, e.playsInline = !0, Ct(e);
 					return;
 				}
 				try {
@@ -2651,44 +2708,44 @@ var _r = ["aria-label"], vr = {
 				e.pause();
 			}
 		}
-		function q(e = !0) {
-			w.value = l.value.kind === "fallback", h.value = null, m.value = l.value.kind === "fallback", e && (ie(), ae()), J();
+		function te(e = !0) {
+			w.value = l.value.kind === "fallback", h.value = null, m.value = l.value.kind === "fallback", e && (Z(), oe()), Y();
 		}
-		function J() {
-			B?.release(), B = null;
+		function Y() {
+			z?.release(), z = null;
 		}
-		function te(e) {
+		function X(e) {
 			let t = v.value;
 			if (!t) {
 				d.value = !0;
 				return;
 			}
-			d.value = ir(e?.boundingClientRect ?? t.getBoundingClientRect(), e?.rootBounds ?? y.value?.getBoundingClientRect() ?? null);
+			d.value = lr(e?.boundingClientRect ?? t.getBoundingClientRect(), e?.rootBounds ?? y.value?.getBoundingClientRect() ?? null);
 		}
-		function Y(e) {
+		function re(e) {
 			if (!e) return;
 			let t = $(n.item), r = `${t}|${e}`;
-			V.has(r) || (V.add(r), n.reportAssetLoad?.({
+			B.has(r) || (B.add(r), n.reportAssetLoad?.({
 				item: n.item,
 				occurrenceKey: t,
 				surface: "grid",
 				url: e
 			}));
 		}
-		function ne() {
+		function ie() {
 			if (!I.value) return;
 			let e = $(n.item);
-			V.forEach((t) => {
-				t.startsWith(`${e}|`) && V.delete(t);
-			}), h.value = null, m.value = !1, w.value = !1, J(), G();
+			B.forEach((t) => {
+				t.startsWith(`${e}|`) && B.delete(t);
+			}), h.value = null, m.value = !1, w.value = !1, Y(), q();
 		}
-		function ie() {
-			nr(g.value);
+		function Z() {
+			sr(g.value);
 		}
-		function ae() {
-			rr(C.value);
+		function oe() {
+			cr(C.value);
 		}
-		function X() {
+		function se() {
 			let e = v.value;
 			if (!e) return Infinity;
 			let t = e.getBoundingClientRect();
@@ -2699,17 +2756,17 @@ var _r = ["aria-label"], vr = {
 			let n = window.innerHeight / 2;
 			return Math.abs((t.top + t.bottom) / 2 - n);
 		}
-		function Z(e) {
-			let t = ar(E.value);
-			return !e || !t ? !1 : ar("currentSrc" in e && e.currentSrc || e.getAttribute("src")) === t;
+		function ce(e) {
+			let t = ur(E.value);
+			return !e || !t ? !1 : ur("currentSrc" in e && e.currentSrc || e.getAttribute("src")) === t;
 		}
-		function se() {
+		function le() {
 			r("open");
 		}
-		function ce() {
+		function ue() {
 			f.value = !0;
 		}
-		function Q(e) {
+		function de(e) {
 			let t = e.relatedTarget;
 			v.value && t instanceof Node && v.value.contains(t) || (f.value = !1);
 		}
@@ -2718,8 +2775,8 @@ var _r = ["aria-label"], vr = {
 			ref: v,
 			"data-testid": "vibe-list-card-inner",
 			class: _(["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: ce,
-			onFocusout: Q,
+			onFocusin: ue,
+			onFocusout: de,
 			onPointerenter: t[0] ||= (e) => p.value = !0,
 			onPointerleave: t[1] ||= (e) => p.value = !1
 		}, [
@@ -2728,9 +2785,9 @@ var _r = ["aria-label"], vr = {
 				"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: se
-			}, null, 8, _r),
-			L.value ? (S(), s("div", vr, [c("span", yr, [u(j(re), {
+				onClick: le
+			}, null, 8, vr),
+			L.value ? (S(), s("div", yr, [c("span", br, [u(j(ne), {
 				class: "h-5 w-5 animate-spin stroke-[1.9] text-[#f7f1ea]/78",
 				"aria-hidden": "true"
 			})])])) : o("", !0),
@@ -2742,9 +2799,9 @@ var _r = ["aria-label"], vr = {
 				alt: l.value.label,
 				draggable: "false",
 				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: ee
-			}, null, 42, br)) : N.value && E.value && !F.value ? (S(), s("video", {
+				onLoad: U,
+				onError: W
+			}, null, 42, xr)) : N.value && E.value && !F.value ? (S(), s("video", {
 				key: 2,
 				ref_key: "videoRef",
 				ref: C,
@@ -2754,67 +2811,67 @@ var _r = ["aria-label"], vr = {
 				playsinline: "",
 				preload: "metadata",
 				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: U,
-				onError: ee,
-				onLoadstart: W,
-				onPlaying: U,
-				onStalled: W,
-				onWaiting: W
-			}, null, 42, xr)) : F.value ? (S(), s("div", {
+				onCanplay: G,
+				onError: W,
+				onLoadstart: K,
+				onPlaying: G,
+				onStalled: K,
+				onWaiting: K
+			}, null, 42, Sr)) : F.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", Cr, [
-				u(j(oe), {
+			}, [c("div", wr, [
+				u(j(ae), {
 					class: "h-6 w-6 stroke-[1.8] text-[#f7f1ea]/78",
 					"aria-hidden": "true"
 				}),
-				c("span", wr, k(j(pt)(h.value)), 1),
+				c("span", Tr, k(j(vt)(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: R(ne, ["stop"])
+					onClick: ee(ie, ["stop"])
 				}, " Retry ")) : o("", !0)
-			])], 8, Sr)) : (S(), s("div", Tr, [c("div", Er, [D(e.$slots, "item-icon", {
-				icon: j(Dt)(n.item.type),
+			])], 8, Cr)) : (S(), s("div", Er, [c("div", Dr, [D(e.$slots, "item-icon", {
+				icon: j(Mt)(n.item.type),
 				item: n.item
-			}, () => [(S(), a(O(j(Dt)(n.item.type)), {
+			}, () => [(S(), a(O(j(Mt)(n.item.type)), {
 				class: "h-6 w-6 stroke-[1.8] text-[#f7f1ea]/78",
 				"aria-hidden": "true"
 			}))])])])),
-			c("div", Dr, [D(e.$slots, "grid-item-overlay", {
+			c("div", Or, [D(e.$slots, "grid-item-overlay", {
 				active: n.active,
 				focused: f.value,
 				hovered: p.value,
 				index: n.index,
 				item: n.item,
-				openFullscreen: se
+				openFullscreen: le
 			})])
 		], 34));
 	}
-}), kr = { 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)]" }, Ar = { class: "pointer-events-none absolute inset-x-0 top-0 z-[2] flex justify-end p-6" }, jr = {
+}), Ar = { 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" }, Mr = {
 	"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]"
-}, Mr = { class: "whitespace-nowrap" }, Nr = {
+}, Nr = { class: "whitespace-nowrap" }, Pr = {
 	key: 0,
 	class: "whitespace-nowrap border-l border-white/12 pl-2 text-[#f7f1ea]/56 min-[721px]:pl-3"
-}, Pr = [
+}, Fr = [
 	"data-active",
 	"data-index",
 	"data-item-id",
 	"data-occurrence-key"
-], Fr = {
+], Ir = {
 	key: 0,
 	class: "pointer-events-none absolute inset-y-0 right-0 z-[3] hidden w-8 min-[1024px]:block"
-}, Ir = {
+}, Lr = {
 	key: 1,
 	class: "pointer-events-none absolute inset-x-0 bottom-0 z-[2] px-5 pb-5 sm:px-6"
-}, Lr = { class: "mx-auto flex w-full max-w-[1600px] justify-center" }, Rr = {
+}, Rr = { class: "mx-auto flex w-full max-w-[1600px] justify-center" }, zr = {
 	key: 1,
 	class: "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]"
-}, zr = /* @__PURE__ */ d({
+}, Br = /* @__PURE__ */ d({
 	__name: "ListSurface",
 	props: {
 		active: {
@@ -2822,6 +2879,7 @@ var _r = ["aria-label"], vr = {
 			default: !0
 		},
 		activeIndex: { default: 0 },
+		assetLoadQueue: { default: null },
 		commitPendingAppend: {
 			type: [Function, null],
 			default: null
@@ -2857,11 +2915,15 @@ var _r = ["aria-label"], vr = {
 			type: [Function, null],
 			default: null
 		},
-		restoreToken: {}
+		restoreToken: {},
+		showStatusBadges: {
+			type: Boolean,
+			default: !0
+		}
 	},
 	emits: ["open-fullscreen", "update:activeIndex"],
 	setup(e, { emit: n }) {
-		let r = e, a = M(), d = n, f = er({
+		let r = e, a = M(), d = n, f = ar({
 			active: A(r, "active"),
 			items: A(r, "items"),
 			activeIndex: A(r, "activeIndex"),
@@ -2877,16 +2939,16 @@ var _r = ["aria-label"], vr = {
 			setActiveIndex(e) {
 				d("update:activeIndex", e);
 			}
-		}), p = i(() => f.footerStatusMessage.value ? {
+		}), p = i(() => r.loading ? r.items.length > 0 ? "Loading more items" : "Loading the first page" : !r.hasNextPage && r.items.length > 0 ? "End of list" : null), m = i(() => !r.showStatusBadges || !p.value ? null : {
 			activeIndex: f.resolvedActiveIndex.value,
 			kind: r.loading ? "loading-more" : "end",
 			loading: r.loading,
-			message: f.footerStatusMessage.value,
+			message: p.value,
 			paginationDetail: r.paginationDetail,
 			total: r.items.length
-		} : null), m = i(() => !p.value || !a["grid-status"] ? [] : a["grid-status"](p.value)), g = i(() => kt(m.value));
-		return (e, n) => (S(), s("div", kr, [
-			c("div", Ar, [c("span", jr, [c("span", Mr, k(j(f).paginationLabel.value), 1), r.paginationDetail ? (S(), s("span", Nr, k(r.paginationDetail), 1)) : o("", !0)])]),
+		}), g = i(() => !m.value || !a["grid-status"] ? [] : a["grid-status"](m.value)), b = i(() => Pt(g.value));
+		return (e, n) => (S(), s("div", Ar, [
+			c("div", jr, [c("span", Mr, [c("span", Nr, k(j(f).paginationLabel.value), 1), r.paginationDetail ? (S(), s("span", Pr, k(r.paginationDetail), 1)) : o("", !0)])]),
 			c("div", {
 				ref: j(f).scrollViewportRef,
 				"data-testid": "vibe-list-scroll",
@@ -2906,8 +2968,9 @@ var _r = ["aria-label"], vr = {
 				"data-occurrence-key": j($)(t),
 				class: "absolute will-change-transform",
 				style: y(j(f).getCardStyle(n))
-			}, [u(Or, {
+			}, [u(kr, {
 				active: n === j(f).resolvedActiveIndex.value,
+				"asset-load-queue": r.assetLoadQueue,
 				index: n,
 				item: t,
 				"report-asset-error": r.reportAssetError,
@@ -2924,32 +2987,33 @@ var _r = ["aria-label"], vr = {
 				key: "1"
 			} : void 0]), 1032, [
 				"active",
+				"asset-load-queue",
 				"index",
 				"item",
 				"report-asset-error",
 				"report-asset-load",
 				"surface-active",
 				"onOpen"
-			])], 12, Pr))), 128))], 4)], 544),
-			j(f).showScrollbar.value ? (S(), s("div", Fr, [n[2] ||= c("div", { class: "absolute bottom-6 right-3 top-6 w-px bg-white/8" }, null, -1), c("div", {
+			])], 12, Fr))), 128))], 4)], 544),
+			j(f).showScrollbar.value ? (S(), s("div", Ir, [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(f).getScrollbarThumbStyle())
 			}, null, 6)])) : o("", !0),
-			a["grid-footer"] ? (S(), s("div", Ir, [c("div", Lr, [D(e.$slots, "grid-footer")])])) : o("", !0),
-			p.value ? (S(), s("div", {
+			a["grid-footer"] ? (S(), s("div", Lr, [c("div", Rr, [D(e.$slots, "grid-footer")])])) : o("", !0),
+			m.value ? (S(), s("div", {
 				key: 2,
 				class: _(["pointer-events-none absolute inset-x-0 bottom-0 z-[3] flex justify-center px-6", a["grid-footer"] ? "pb-24" : "pb-6"])
-			}, [g.value ? D(e.$slots, "grid-status", v(h({ key: 0 }, p.value))) : (S(), s("span", Rr, k(p.value.message), 1))], 2)) : o("", !0)
+			}, [b.value ? D(e.$slots, "grid-status", v(h({ key: 0 }, m.value))) : (S(), s("span", zr, k(m.value.message), 1))], 2)) : o("", !0)
 		]));
 	}
-}), Br = ["data-surface-mode"], Vr = {
+}), Vr = ["data-surface-mode"], Hr = {
 	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"
-}, Hr = {
+}, Ur = {
 	key: 2,
 	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"
-}, Ur = ["data-visible", "inert"], Wr = ["data-visible", "inert"], Gr = /* @__PURE__ */ d({
+}, Wr = ["data-visible", "inert"], Gr = ["data-visible", "inert"], Kr = /* @__PURE__ */ d({
 	name: "VibeLayout",
 	__name: "Layout",
 	props: {
@@ -2961,55 +3025,64 @@ var _r = ["aria-label"], vr = {
 		loading: { type: Boolean },
 		hasNextPage: { type: Boolean },
 		mode: {},
-		resolve: { type: Function },
+		resolve: {},
 		initialCursor: {},
 		pageSize: {},
+		assetLoadLimits: {},
 		hasPreviousPage: { type: Boolean },
 		paginationDetail: {},
-		requestNextPage: { type: [Function, null] },
-		requestPreviousPage: { type: [Function, null] }
+		requestNextPage: {},
+		requestPreviousPage: {},
+		showStatusBadges: {
+			type: Boolean,
+			default: !0
+		},
+		surfaceMode: {}
 	},
 	emits: [
 		"asset-errors",
 		"asset-loads",
-		"update:activeIndex"
+		"update:activeIndex",
+		"update:surfaceMode"
 	],
 	setup(e, { expose: n, emit: i }) {
-		let d = e, p = M(), m = i, h = Be(d, m), g = X((e) => {
+		let d = e, p = M(), m = i, h = Q(d.assetLoadLimits), g = Ge(d, m), _ = Z((e) => {
 			m("asset-errors", e);
-		}), _ = Z((e) => {
+		}), y = oe((e) => {
 			m("asset-loads", e);
 		});
 		return b(() => {
-			g.stop(), _.stop();
-		}), n({
-			cancel: h.cancel,
-			clearRemoved: h.clearRemoved,
-			getRemovedIds: h.getRemovedIds,
-			loadNext: h.loadNext,
-			loadPrevious: h.loadPrevious,
-			remove: h.remove,
-			restore: h.restore,
-			retry: h.retry,
-			status: h.status,
-			undo: h.undo
+			_.stop(), y.stop();
+		}), P(() => d.assetLoadLimits, (e) => {
+			h.setLimits(e);
+		}, { deep: !0 }), n({
+			cancel: g.cancel,
+			clearRemoved: g.clearRemoved,
+			getRemovedIds: g.getRemovedIds,
+			loadNext: g.loadNext,
+			loadPrevious: g.loadPrevious,
+			remove: g.remove,
+			restore: g.restore,
+			retry: g.retry,
+			status: g.status,
+			undo: g.undo
 		}), (e, n) => (S(), s("section", {
 			"data-testid": "vibe",
-			"data-surface-mode": j(h).surfaceMode.value,
+			"data-surface-mode": j(g).surfaceMode.value,
 			class: "relative h-full min-h-0 overflow-hidden bg-[#05060a] text-[#f7f1ea]"
-		}, [j(h).canRetryInitialLoad.value ? (S(), s("button", {
+		}, [j(g).canRetryInitialLoad.value ? (S(), 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) => j(h).retryInitialLoad && j(h).retryInitialLoad(...e)
-		}, " Retry ")) : j(h).errorMessage.value && j(h).items.value.length > 0 ? (S(), s("div", Vr, k(j(h).errorMessage.value), 1)) : o("", !0), j(h).items.value.length === 0 ? (S(), s("div", Hr, [j(h).loading.value ? (S(), s(t, { key: 0 }, [u(j(re), {
+			onClick: n[0] ||= (...e) => j(g).retryInitialLoad && j(g).retryInitialLoad(...e)
+		}, " Retry ")) : j(g).errorMessage.value && j(g).items.value.length > 0 ? (S(), s("div", Hr, k(j(g).errorMessage.value), 1)) : o("", !0), j(g).items.value.length === 0 ? (S(), s("div", Ur, [j(g).loading.value ? (S(), s(t, { key: 0 }, [u(j(ne), {
 			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)], 64)) : (S(), s(t, { key: 1 }, [
 			n[2] ||= c("p", { class: "m-0 text-[0.78rem] font-bold uppercase tracking-[0.28em] text-[#f7f1ea]/68" }, " Viewer ready ", -1),
 			n[3] ||= c("h2", { class: "m-0 text-[clamp(2rem,4.4vw,3.6rem)] leading-[0.95] tracking-[-0.05em]" }, " No items available ", -1),
 			n[4] ||= c("p", { class: "m-0 text-[clamp(0.98rem,1.3vw,1.12rem)] leading-[1.8] text-[#f7f1ea]/70" }, " Attach items to VibeLayout to turn this screen into the viewer. ", -1)
-		], 64))])) : j(h).isDesktop.value ? (S(), s(t, { key: 3 }, [u(r, {
+		], 64))])) : j(g).isDesktop.value ? (S(), s(t, { key: 3 }, [u(r, {
 			appear: "",
 			"enter-active-class": "transition-[opacity,transform] duration-300 ease-out",
 			"enter-from-class": "translate-y-3 opacity-0",
@@ -3020,26 +3093,28 @@ var _r = ["aria-label"], vr = {
 		}, {
 			default: I(() => [L(c("div", {
 				"data-testid": "vibe-list-surface",
-				"data-visible": j(h).surfaceMode.value === "list" ? "true" : "false",
-				inert: j(h).surfaceMode.value !== "list",
+				"data-visible": j(g).surfaceMode.value === "list" ? "true" : "false",
+				inert: j(g).surfaceMode.value !== "list",
 				class: "absolute inset-0 z-[2]"
-			}, [u(zr, {
-				active: j(h).surfaceMode.value === "list",
-				items: j(h).items.value,
-				"active-index": j(h).activeIndex.value,
-				loading: j(h).loading.value,
-				"has-next-page": j(h).hasNextPage.value,
-				"has-previous-page": j(h).hasPreviousPage.value,
-				"pending-append-items": j(h).pendingAppendItems.value,
-				"commit-pending-append": j(h).commitPendingAppend,
-				"pagination-detail": j(h).paginationDetail.value,
-				"report-asset-error": j(g).report,
-				"report-asset-load": j(_).report,
-				"request-next-page": j(h).prefetchNextPage,
-				"request-previous-page": j(h).prefetchPreviousPage,
-				"restore-token": j(h).listRestoreToken.value,
-				onOpenFullscreen: j(h).openFullscreen,
-				"onUpdate:activeIndex": j(h).setActiveIndex
+			}, [u(Br, {
+				active: j(g).surfaceMode.value === "list",
+				items: j(g).items.value,
+				"active-index": j(g).activeIndex.value,
+				"asset-load-queue": j(h),
+				loading: j(g).loading.value,
+				"has-next-page": j(g).hasNextPage.value,
+				"has-previous-page": j(g).hasPreviousPage.value,
+				"pending-append-items": j(g).pendingAppendItems.value,
+				"commit-pending-append": j(g).commitPendingAppend,
+				"pagination-detail": j(g).paginationDetail.value,
+				"report-asset-error": j(_).report,
+				"report-asset-load": j(y).report,
+				"request-next-page": j(g).prefetchNextPage,
+				"request-previous-page": j(g).prefetchPreviousPage,
+				"restore-token": j(g).listRestoreToken.value,
+				"show-status-badges": d.showStatusBadges !== !1,
+				onOpenFullscreen: j(g).openFullscreen,
+				"onUpdate:activeIndex": j(g).setActiveIndex
 			}, l({ _: 2 }, [
 				p["grid-footer"] ? {
 					name: "grid-footer",
@@ -3051,7 +3126,7 @@ var _r = ["aria-label"], vr = {
 					fn: I((t) => [D(e.$slots, "grid-item-overlay", v(f(t)))]),
 					key: "1"
 				} : void 0,
-				p["grid-status"] ? {
+				d.showStatusBadges !== !1 && p["grid-status"] ? {
 					name: "grid-status",
 					fn: I((t) => [D(e.$slots, "grid-status", v(f(t)))]),
 					key: "2"
@@ -3065,6 +3140,7 @@ var _r = ["aria-label"], vr = {
 				"active",
 				"items",
 				"active-index",
+				"asset-load-queue",
 				"loading",
 				"has-next-page",
 				"has-previous-page",
@@ -3076,9 +3152,10 @@ var _r = ["aria-label"], vr = {
 				"request-next-page",
 				"request-previous-page",
 				"restore-token",
+				"show-status-badges",
 				"onOpenFullscreen",
 				"onUpdate:activeIndex"
-			])], 8, Ur), [[N, j(h).surfaceMode.value === "list"]])]),
+			])], 8, Wr), [[N, j(g).surfaceMode.value === "list"]])]),
 			_: 3
 		}), u(r, {
 			appear: "",
@@ -3091,21 +3168,22 @@ var _r = ["aria-label"], vr = {
 		}, {
 			default: I(() => [L(c("div", {
 				"data-testid": "vibe-fullscreen-surface",
-				"data-visible": j(h).surfaceMode.value === "fullscreen" ? "true" : "false",
-				inert: j(h).surfaceMode.value !== "fullscreen",
+				"data-visible": j(g).surfaceMode.value === "fullscreen" ? "true" : "false",
+				inert: j(g).surfaceMode.value !== "fullscreen",
 				class: "absolute inset-0 z-[3]"
-			}, [u(pn, {
-				items: j(h).items.value,
-				active: j(h).surfaceMode.value === "fullscreen",
-				"active-index": j(h).activeIndex.value,
-				loading: j(h).loading.value,
-				"has-next-page": j(h).hasNextPage.value,
-				"pagination-detail": j(h).paginationDetail.value,
-				"report-asset-error": j(g).report,
-				"report-asset-load": j(_).report,
-				"show-back-to-list": j(h).showBackToList.value,
-				onBackToList: j(h).returnToList,
-				"onUpdate:activeIndex": j(h).setActiveIndex
+			}, [u(vn, {
+				items: j(g).items.value,
+				active: j(g).surfaceMode.value === "fullscreen",
+				"active-index": j(g).activeIndex.value,
+				loading: j(g).loading.value,
+				"has-next-page": j(g).hasNextPage.value,
+				"pagination-detail": j(g).paginationDetail.value,
+				"report-asset-error": j(_).report,
+				"report-asset-load": j(y).report,
+				"show-back-to-list": j(g).showBackToList.value,
+				"show-status-badges": d.showStatusBadges !== !1,
+				onBackToList: j(g).returnToList,
+				"onUpdate:activeIndex": j(g).setActiveIndex
 			}, l({ _: 2 }, [
 				p["fullscreen-overlay"] ? {
 					name: "fullscreen-overlay",
@@ -3122,7 +3200,7 @@ var _r = ["aria-label"], vr = {
 					fn: I((t) => [D(e.$slots, "fullscreen-header-actions", v(f(t)))]),
 					key: "2"
 				} : void 0,
-				p["fullscreen-status"] ? {
+				d.showStatusBadges !== !1 && p["fullscreen-status"] ? {
 					name: "fullscreen-status",
 					fn: I((t) => [D(e.$slots, "fullscreen-status", v(f(t)))]),
 					key: "3"
@@ -3142,23 +3220,25 @@ var _r = ["aria-label"], vr = {
 				"report-asset-error",
 				"report-asset-load",
 				"show-back-to-list",
+				"show-status-badges",
 				"onBackToList",
 				"onUpdate:activeIndex"
-			])], 8, Wr), [[N, j(h).surfaceMode.value === "fullscreen"]])]),
+			])], 8, Gr), [[N, j(g).surfaceMode.value === "fullscreen"]])]),
 			_: 3
-		})], 64)) : (S(), a(pn, {
+		})], 64)) : (S(), a(vn, {
 			key: 4,
-			items: j(h).items.value,
+			items: j(g).items.value,
 			active: !0,
-			"active-index": j(h).activeIndex.value,
-			loading: j(h).loading.value,
-			"has-next-page": j(h).hasNextPage.value,
-			"pagination-detail": j(h).paginationDetail.value,
-			"report-asset-error": j(g).report,
-			"report-asset-load": j(_).report,
+			"active-index": j(g).activeIndex.value,
+			loading: j(g).loading.value,
+			"has-next-page": j(g).hasNextPage.value,
+			"pagination-detail": j(g).paginationDetail.value,
+			"report-asset-error": j(_).report,
+			"report-asset-load": j(y).report,
 			"show-back-to-list": !1,
-			onBackToList: j(h).returnToList,
-			"onUpdate:activeIndex": j(h).setActiveIndex
+			"show-status-badges": d.showStatusBadges !== !1,
+			onBackToList: j(g).returnToList,
+			"onUpdate:activeIndex": j(g).setActiveIndex
 		}, l({ _: 2 }, [
 			p["fullscreen-overlay"] ? {
 				name: "fullscreen-overlay",
@@ -3175,7 +3255,7 @@ var _r = ["aria-label"], vr = {
 				fn: I((t) => [D(e.$slots, "fullscreen-header-actions", v(f(t)))]),
 				key: "2"
 			} : void 0,
-			p["fullscreen-status"] ? {
+			d.showStatusBadges !== !1 && p["fullscreen-status"] ? {
 				name: "fullscreen-status",
 				fn: I((t) => [D(e.$slots, "fullscreen-status", v(f(t)))]),
 				key: "3"
@@ -3193,12 +3273,13 @@ var _r = ["aria-label"], vr = {
 			"pagination-detail",
 			"report-asset-error",
 			"report-asset-load",
+			"show-status-badges",
 			"onBackToList",
 			"onUpdate:activeIndex"
-		]))], 8, Br));
+		]))], 8, Vr));
 	}
-}), Kr = { install(e) {
-	e.component("VibeLayout", Gr);
+}), qr = { install(e) {
+	e.component("VibeLayout", Kr);
 } };
 //#endregion
-export { Gr as VibeLayout, Kr as VibePlugin, Kr as default };
+export { Kr as VibeLayout, qr as VibePlugin, qr as default };