@wyxos/vibe 3.0.2 → 3.0.4

package/lib/index.js

@@ -3,10 +3,10 @@ import { Comment as e, Fragment as t, Text as n, Transition as r, computed as i,
 var R = (e) => {
 	for (let t in e) if (t.startsWith("aria-") || t === "role" || t === "title") return !0;
 	return !1;
-}, 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);
+}, 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(), te = (e) => e.replace(/^([A-Z])|[\s-_]+(\w)/g, (e, t, n) => n ? n.toUpperCase() : t.toLowerCase()), H = (e) => {
+	let t = te(e);
 	return t.charAt(0).toUpperCase() + t.slice(1);
-}, W = {
+}, U = {
 	xmlns: "http://www.w3.org/2000/svg",
 	width: 24,
 	height: 24,
@@ -16,27 +16,27 @@ var R = (e) => {
 	"stroke-width": 2,
 	"stroke-linecap": "round",
 	"stroke-linejoin": "round"
-}, G = ({ name: e, iconNode: t, absoluteStrokeWidth: n, "absolute-stroke-width": r, strokeWidth: i, "stroke-width": a, size: o = W.width, color: s = W.stroke, ...c }, { slots: l }) => p("svg", {
-	...W,
+}, W = ({ name: e, iconNode: t, absoluteStrokeWidth: n, "absolute-stroke-width": r, strokeWidth: i, "stroke-width": a, size: o = U.width, color: s = U.stroke, ...c }, { slots: l }) => p("svg", {
+	...U,
 	...c,
 	width: o,
 	height: o,
 	stroke: s,
-	"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"]),
+	"stroke-width": z(n) || z(r) || n === !0 || r === !0 ? Number(i || a || U["stroke-width"]) * 24 / Number(o) : i || a || U["stroke-width"],
+	class: B("lucide", c.class, ...e ? [`lucide-${V(H(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, {
+}, [...t.map((e) => p(...e)), ...l.default ? [l.default()] : []]), G = (e, t) => (n, { slots: r, attrs: i }) => p(W, {
 	...i,
 	...n,
 	iconNode: t,
 	name: e
-}, r), q = K("arrow-left", [["path", {
+}, r), K = G("arrow-left", [["path", {
 	d: "m12 19-7-7 7-7",
 	key: "1l729n"
 }], ["path", {
 	d: "M19 12H5",
 	key: "x3x0zl"
-}]]), J = K("audio-lines", [
+}]]), q = G("audio-lines", [
 	["path", {
 		d: "M2 10v3",
 		key: "1fnikh"
@@ -61,7 +61,7 @@ var R = (e) => {
 		d: "M22 10v3",
 		key: "154ddg"
 	}]
-]), te = K("clapperboard", [
+]), J = G("clapperboard", [
 	["path", {
 		d: "m12.296 3.464 3.02 3.956",
 		key: "qash78"
@@ -78,13 +78,13 @@ var R = (e) => {
 		d: "m6.18 5.276 3.1 3.899",
 		key: "zjj9t3"
 	}]
-]), Y = K("file", [["path", {
+]), Y = G("file", [["path", {
 	d: "M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z",
 	key: "1oefj6"
 }], ["path", {
 	d: "M14 2v5a1 1 0 0 0 1 1h5",
 	key: "wfsgrz"
-}]]), X = K("image-plus", [
+}]]), ne = G("image-plus", [
 	["path", {
 		d: "M16 5h6",
 		key: "1vod17"
@@ -107,10 +107,10 @@ var R = (e) => {
 		r: "2",
 		key: "af1f0g"
 	}]
-]), ne = K("loader-circle", [["path", {
+]), re = G("loader-circle", [["path", {
 	d: "M21 12a9 9 0 1 1-6.219-8.56",
 	key: "13zald"
-}]]), re = K("pause", [["rect", {
+}]]), ie = G("pause", [["rect", {
 	x: "14",
 	y: "3",
 	width: "5",
@@ -124,10 +124,10 @@ var R = (e) => {
 	height: "18",
 	rx: "1",
 	key: "1wsw3u"
-}]]), ie = K("play", [["path", {
+}]]), ae = G("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"
-}]]), ae = K("triangle-alert", [
+}]]), oe = G("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,13 +141,13 @@ var R = (e) => {
 		key: "p32p05"
 	}]
 ]);
-function Z(e, t = 150) {
-	return se(e, (e) => `${e.surface}|${e.occurrenceKey}|${e.url}|${e.kind}`, t);
+function se(e, t = 150) {
+	return ce(e, (e) => `${e.surface}|${e.occurrenceKey}|${e.url}|${e.kind}`, t);
 }
-function oe(e, t = 150) {
-	return se(e, (e) => `${e.surface}|${e.occurrenceKey}|${e.url}`, t);
+function X(e, t = 150) {
+	return ce(e, (e) => `${e.surface}|${e.occurrenceKey}|${e.url}`, t);
 }
-function se(e, t, n) {
+function ce(e, t, n) {
 	let r = [], i = /* @__PURE__ */ new Set(), a = null;
 	function o(e) {
 		let o = t(e);
@@ -170,142 +170,58 @@ 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 fe(e) {
+function le(e) {
 	return e instanceof HTMLElement && [
 		"INPUT",
 		"TEXTAREA",
 		"SELECT"
 	].includes(e.tagName);
 }
-function pe(e) {
+function Z(e) {
 	return e instanceof HTMLElement && !!e.closest("[data-swipe-lock], input, textarea, select, a");
 }
 //#endregion
 //#region src/components/viewer-core/itemIdentity.ts
-var me = "__vibeOccurrenceKey";
-function $(e) {
-	let t = e[me];
+var ue = "__vibeOccurrenceKey";
+function Q(e) {
+	let t = e[ue];
 	return typeof t == "string" && t.length > 0 ? t : e.id;
 }
-function he(e, t, n) {
+function de(e, t, n) {
 	let r = /* @__PURE__ */ new Map(), i = [], a = n;
 	for (let e of t) {
-		let t = r.get(e.id), n = $(e);
+		let t = r.get(e.id), n = Q(e);
 		t ? t.push(n) : r.set(e.id, [n]);
 	}
 	for (let t of e) {
 		let e = r.get(t.id)?.shift() ?? `vibe-occurrence-${a += 1}`;
-		i.push(ge(t, e));
+		i.push(fe(t, e));
 	}
 	return {
 		items: i,
 		nextSequence: a
 	};
 }
-function ge(e, t) {
-	return $(e) === t ? e : {
+function fe(e, t) {
+	return Q(e) === t ? e : {
 		...e,
-		[me]: t
+		[ue]: t
 	};
 }
 //#endregion
 //#region src/components/viewer-core/removalState.ts
-function _e() {
+function pe() {
 	let e = T(/* @__PURE__ */ new Set()), t = T([]);
 	function n(n) {
-		let r = ve(n).filter((t) => !e.value.has(t));
+		let r = me(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 = ve(t).filter((t) => e.value.has(t));
+		let n = me(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);
@@ -336,64 +252,64 @@ function _e() {
 		undo: i
 	};
 }
-function ve(e) {
+function me(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 ye(e) {
+function he(e) {
 	return e.flatMap((e) => e.items);
 }
-function be(e, t) {
+function ge(e, t) {
 	return t.size ? e.filter((e) => !t.has(e.id)) : e;
 }
-function xe(e, t) {
-	return be(e.items, t);
+function _e(e, t) {
+	return ge(e.items, t);
 }
-function Se(e, t) {
-	return xe(e, t).length;
+function ve(e, t) {
+	return _e(e, t).length;
 }
-function Ce(e, t, n) {
+function ye(e, t, n) {
 	if (n < 0) return null;
 	let r = 0;
 	for (let i of e) {
-		let e = xe(i, t), a = r + e.length;
+		let e = _e(i, t), a = r + e.length;
 		if (n < a) return i.cursor;
 		r = a;
 	}
 	return null;
 }
-function we(e, t, n) {
+function be(e, t, n) {
 	let r = [...e], i = r.findIndex((e) => e.cursor === t);
 	return i >= 0 && r.splice(i, 1, n), r;
 }
-function Te(e, t, n) {
-	let r = he(e, t, n);
+function xe(e, t, n) {
+	let r = de(e, t, n);
 	return {
 		items: r.items,
 		nextSequence: r.nextSequence
 	};
 }
-function Ee(e) {
+function Se(e) {
 	return e === "filling" || e === "loading" || e === "reloading";
 }
-function De(e) {
+function Ce(e) {
 	return !e || !Number.isFinite(e) || e < 1 ? 25 : Math.floor(e);
 }
-function Oe(e) {
+function we(e) {
 	return e ?? "__vibe_initial_cursor__";
 }
-function ke(e, t, n) {
+function Te(e, t, n) {
 	return Math.min(Math.max(e, t), n);
 }
 //#endregion
 //#region src/components/viewer-core/autoResolveState.ts
-function Ae(e) {
+function Ee(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 je(e) {
-	let t = Te(e.nextItems, e.previousItems, e.sequence);
+function De(e) {
+	let t = xe(e.nextItems, e.previousItems, e.sequence);
 	return {
 		bucket: {
 			cursor: e.cursor,
@@ -404,7 +320,7 @@ function je(e) {
 		nextSequence: t.nextSequence
 	};
 }
-function Me(e, t, n, r) {
+function Oe(e, t, n, r) {
 	if (!e.length) return r ? null : {
 		buckets: [],
 		canceled: r,
@@ -414,46 +330,46 @@ function Me(e, t, n, r) {
 	return {
 		buckets: i,
 		canceled: r,
-		visibleCount: i.reduce((e, t) => e + Se(t, n), 0)
+		visibleCount: i.reduce((e, t) => e + ve(t, n), 0)
 	};
 }
-function Ne(e) {
-	let t = je({
+function ke(e) {
+	let t = De({
 		cursor: e.initialState.cursor,
 		nextCursor: e.initialState.nextCursor ?? null,
 		nextItems: e.initialState.items,
 		previousCursor: e.initialState.previousCursor ?? null,
 		previousItems: [],
 		sequence: e.sequence
-	}), n = be(t.bucket.items, e.removedIds);
+	}), n = ge(t.bucket.items, e.removedIds);
 	return {
-		activeIndex: ke(e.initialState.activeIndex ?? 0, 0, Math.max(0, n.length - 1)),
+		activeIndex: Te(e.initialState.activeIndex ?? 0, 0, Math.max(0, n.length - 1)),
 		buckets: [t.bucket],
 		nextSequence: t.nextSequence
 	};
 }
-function Pe(e, t) {
-	let n = e[ke(t, 0, Math.max(0, e.length - 1))];
-	return n ? $(n) : null;
+function Ae(e, t) {
+	let n = e[Te(t, 0, Math.max(0, e.length - 1))];
+	return n ? Q(n) : null;
 }
-function Fe(e, t, n = null) {
+function je(e, t, n = null) {
 	if (!e.length) return 0;
-	let r = n ? e.findIndex((e) => $(e) === n) : -1;
-	return r >= 0 ? r : ke(t, 0, e.length - 1);
+	let r = n ? e.findIndex((e) => Q(e) === n) : -1;
+	return r >= 0 ? r : Te(t, 0, e.length - 1);
 }
-function Ie(e, t, n) {
-	return e ? Se(e, t) < n : !1;
+function Me(e, t, n) {
+	return e ? ve(e, t) < n : !1;
 }
 //#endregion
 //#region src/components/viewer-core/fillDelay.ts
-var Le = 1e3, Re = 100;
-function ze(e, t = Le, n = 250) {
+var Ne = 2e3, Pe = 1e3, Fe = 100;
+function Ie(e, t = Ne, n = Pe) {
 	return t + Math.max(0, e - 1) * n;
 }
-function Be(e, t) {
+function Le(e, t) {
 	return !Number.isFinite(e) || e == null || e < 0 ? t : Math.floor(e);
 }
-function Ve() {
+function Re() {
 	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) {
@@ -471,7 +387,7 @@ function Ve() {
 				let t = Math.max(0, a - (Date.now() - s));
 				e.value = t, t <= 0 && l();
 			};
-			t = setInterval(u, Re), n = setTimeout(l, a), u();
+			t = setInterval(u, Fe), n = setTimeout(l, a), u();
 		}));
 	}
 	return {
@@ -482,8 +398,8 @@ function Ve() {
 }
 //#endregion
 //#region src/components/viewer-core/useAutoResolveSource.ts
-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);
+function ze(e) {
+	let t = T([]), n = T(0), r = T([]), a = T(null), o = T("idle"), s = T(null), c = Re(), 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(() => Le(e.fillDelayMs, Ne)), y = i(() => Le(e.fillDelayStepMs, Pe)), S = i(() => e.mode ?? "dynamic"), C = i(() => Ce(e.pageSize)), w = i(() => he(t.value)), E = i(() => ge(w.value, e.removedIds.value)), D = i(() => n.value), O = i(() => Se(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(() => t.value.length > 0), L = i(() => ge(he(r.value), e.removedIds.value)), ee = i(() => ye(t.value, e.removedIds.value, D.value)), R = i(() => !E.value.length && !O.value && !!a.value);
 	P(() => E.value.length, (e) => {
 		if (e === 0) {
 			n.value = 0;
@@ -491,96 +407,97 @@ function He(e) {
 		}
 		n.value > e - 1 && (n.value = e - 1);
 	}), P(() => n.value, () => {
-		f.value && Y();
+		f.value && ne();
 	}), x(() => {
-		e.resolve && (oe() || R());
+		e.resolve && (ce() || z());
 	}), b(() => {
 		m?.abort(), m = null, c.clear(!0);
 	});
-	async function R() {
-		h = R;
-		let r = await ie({
+	async function z() {
+		h = z;
+		let r = await oe({
 			continueUntilFilled: S.value === "dynamic",
 			cursor: e.initialCursor ?? null,
 			direction: "forward",
 			phase: "loading"
 		});
-		r && (t.value = r.buckets, n.value = 0, Z());
+		r && (t.value = r.buckets, n.value = 0, X());
 	}
-	async function z() {
-		if (!(!N.value || O.value)) {
-			if (S.value === "static" && ce("trailing")) return re("trailing");
-			await X(j.value);
+	async function B() {
+		if (!O.value) {
+			if (!N.value) return I.value ? ae("trailing") : void 0;
+			if (S.value === "static" && Z("trailing")) return ae("trailing");
+			await re(j.value);
 		}
 	}
-	async function B() {
+	async function V() {
 		if (!(!F.value || O.value)) {
-			if (S.value === "static" && ce("leading")) return re("leading");
-			await ne(M.value);
+			if (S.value === "static" && Z("leading")) return ae("leading");
+			await ie(M.value);
 		}
 	}
-	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();
+	async function te() {
+		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), ce()) {
+				X();
 				return;
 			}
-			await R();
+			await z();
 		}
 	}
 	async function H() {
-		if (ee.value) return V();
+		if (R.value) return te();
 		o.value !== "failed" || !h || (a.value = null, await h());
 	}
 	async function U() {
-		if (!r.value.length) return d.value = !1, Z();
-		t.value = [...t.value, ...r.value], r.value = [], d.value = !1, Z();
+		if (!r.value.length) return d.value = !1, X();
+		t.value = [...t.value, ...r.value], r.value = [], d.value = !1, X();
 	}
 	function W(t) {
 		let r = E.value;
 		if (!r.length) return;
-		let i = ke(t, 0, r.length - 1);
+		let i = Te(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, Z();
+		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();
 	}
 	function q() {
-		return Pe(E.value, D.value);
+		return Ae(E.value, D.value);
 	}
 	function J(e = null) {
-		n.value = Fe(E.value, D.value, e);
+		n.value = je(E.value, D.value, e);
 	}
-	function te() {
-		r.value.length > 0 && !I.value.length && U();
+	function Y() {
+		r.value.length > 0 && !L.value.length && U();
 	}
-	async function Y() {
-		!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.value.length || le() || (F.value && n.value < 3 && await V(), N.value && n.value >= E.value.length - 3 && await B());
 	}
-	async function X(e) {
+	async function re(e) {
 		h = async () => {
-			await X(e);
+			await re(e);
 		};
-		let n = await ie({
+		let n = await oe({
 			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, Z();
-			if (r.value = n.buckets, !I.value.length) return t.value = [...t.value, ...r.value], r.value = [], d.value = !1, Z();
+			if (n.canceled) return t.value = [...t.value, ...n.buckets], r.value = [], d.value = !1, X();
+			if (r.value = n.buckets, !L.value.length) return t.value = [...t.value, ...r.value], r.value = [], d.value = !1, X();
 			d.value = !0;
 		}
 	}
-	async function ne(e) {
+	async function ie(e) {
 		h = async () => {
-			await ne(e);
+			await ie(e);
 		};
-		let n = await ie({
+		let n = await oe({
 			continueUntilFilled: S.value === "dynamic",
 			cursor: e,
 			direction: "backward",
@@ -588,15 +505,15 @@ function He(e) {
 		});
 		if (!n) return;
 		let r = q();
-		t.value = [...n.buckets, ...t.value], J(r), Z();
+		t.value = [...n.buckets, ...t.value], J(r), X();
 	}
-	async function re(n) {
+	async function ae(n) {
 		if (h = async () => {
-			await re(n);
+			await ae(n);
 		}, !e.resolve) return;
 		let r = n === "leading" ? k.value : A.value;
 		if (!r) return;
-		let i = Oe(r.cursor);
+		let i = we(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();
@@ -607,18 +524,18 @@ function He(e) {
 				pageSize: C.value,
 				signal: l?.signal
 			});
-			if (c !== g) return Z();
-			let i = ae({
+			if (c !== g) return X();
+			let i = se({
 				cursor: r.cursor,
 				nextCursor: n.nextPage,
 				nextItems: n.items,
 				previousCursor: n.previousPage ?? null,
 				previousItems: r.items
 			}), a = q();
-			t.value = we(t.value, r.cursor, i), J(a), Z();
+			t.value = be(t.value, r.cursor, i), J(a), X();
 		} catch (e) {
-			if (Ae(e) || c !== g) {
-				Z();
+			if (Ee(e) || c !== g) {
+				X();
 				return;
 			}
 			a.value = e instanceof Error ? e.message : "The viewer could not load items.", o.value = "failed", s.value = null, u.value = null;
@@ -626,12 +543,12 @@ function He(e) {
 			m === l && (m = null), p.delete(i);
 		}
 	}
-	async function ie(t) {
+	async function oe(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 Me(i, t.direction, e.removedIds.value, !0);
-			let f = Oe(l);
+			if (n !== g) return Oe(i, t.direction, e.removedIds.value, !0);
+			let f = we(l);
 			if (r.has(f) || p.has(f)) break;
 			r.add(f), p.add(f);
 			let h = typeof AbortController > "u" ? null : new AbortController();
@@ -642,8 +559,8 @@ function He(e) {
 					pageSize: C.value,
 					signal: h?.signal
 				});
-				if (n !== g) return Me(i, t.direction, e.removedIds.value, !0);
-				let a = ae({
+				if (n !== g) return Oe(i, t.direction, e.removedIds.value, !0);
+				let a = se({
 					cursor: l,
 					nextCursor: r.nextPage,
 					nextItems: r.items,
@@ -651,26 +568,26 @@ function He(e) {
 					previousItems: []
 				});
 				i.push(a);
-				let f = i.reduce((t, n) => t + Se(n, e.removedIds.value), 0), p = t.direction === "forward" ? a.nextCursor : a.previousCursor;
+				let f = i.reduce((t, n) => t + ve(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 = ze(d, v.value, y.value);
-				if (await c.wait(m), n !== g) return Me(i, t.direction, e.removedIds.value, !0);
+				let m = Ie(d, v.value, y.value);
+				if (await c.wait(m), n !== g) return Oe(i, t.direction, e.removedIds.value, !0);
 				l = p;
 			} catch (r) {
-				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);
+				return Ee(r) || n !== g ? Oe(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 Me(i, t.direction, e.removedIds.value, !1);
+		return Oe(i, t.direction, e.removedIds.value, !1);
 	}
-	function ae(e) {
-		let t = je({
+	function se(e) {
+		let t = De({
 			cursor: e.cursor,
 			nextCursor: e.nextCursor,
 			nextItems: e.nextItems,
@@ -680,30 +597,31 @@ function He(e) {
 		});
 		return _ = t.nextSequence, t.bucket;
 	}
-	function Z() {
+	function X() {
 		o.value = "idle", s.value = null, u.value = null, c.clear();
 	}
-	function oe() {
+	function ce() {
 		if (!e.initialState || !e.initialState.items.length) return !1;
-		let i = Ne({
+		let i = ke({
 			initialState: e.initialState,
 			removedIds: e.removedIds.value,
 			sequence: _
 		});
 		return t.value = i.buckets, n.value = i.activeIndex, _ = i.nextSequence, a.value = null, r.value = [], d.value = !1, !0;
 	}
-	function se() {
+	function le() {
 		return o.value === "loading" && t.value.length === 0 && r.value.length === 0;
 	}
-	function ce(t) {
-		return Ie(t === "leading" ? k.value : A.value, e.removedIds.value, C.value);
+	function Z(t) {
+		return Me(t === "leading" ? k.value : A.value, e.removedIds.value, C.value);
 	}
 	return {
 		activeIndex: D,
-		canRetryInitialLoad: ee,
+		canRetryInitialLoad: R,
 		cancel: K,
+		canRefreshTrailingBoundary: I,
 		commitPendingAppend: U,
-		currentCursor: L,
+		currentCursor: ee,
 		errorMessage: a,
 		fillCollectedCount: s,
 		fillDelayRemainingMs: l,
@@ -714,24 +632,24 @@ function He(e) {
 		loading: O,
 		mode: S,
 		nextCursor: j,
-		pendingAppendItems: I,
+		pendingAppendItems: L,
 		phase: o,
-		prefetchNextPage: z,
-		prefetchPreviousPage: B,
+		prefetchNextPage: B,
+		prefetchPreviousPage: V,
 		previousCursor: M,
-		retryInitialLoad: V,
+		retryInitialLoad: te,
 		retry: H,
 		setActiveIndex: W,
 		setAutoPrefetchEnabled: G,
 		syncActiveIndexAfterVisibilityChange: J,
 		getActiveOccurrenceKey: q,
-		maybeCommitPendingAppendWhenFilteredOut: te
+		maybeCommitPendingAppendWhenFilteredOut: Y
 	};
 }
 //#endregion
 //#region src/components/viewer-core/useDataSource.ts
-function Ue(e, t) {
-	let n = e, r = e, { clearRemoved: a, getRemovedIds: o, remove: s, removedIds: c, restore: l, undo: u } = _e(), d = He({
+function Be(e, t) {
+	let n = e, r = e, { clearRemoved: a, getRemovedIds: o, remove: s, removedIds: c, restore: l, undo: u } = pe(), d = ze({
 		emit: t,
 		fillDelayMs: r.fillDelayMs,
 		fillDelayStepMs: r.fillDelayStepMs,
@@ -741,84 +659,85 @@ function Ue(e, t) {
 		pageSize: r.pageSize,
 		removedIds: c,
 		resolve: r.resolve
-	}), f = !1, p = 0, m = T([]), h = i(() => typeof r.resolve == "function"), g = i(() => c.value.size ? m.value.filter((e) => !c.value.has(e.id)) : m.value), _ = i(() => h.value ? d.items.value : g.value), v = i(() => h.value ? d.activeIndex.value : n.activeIndex ?? 0), y = i(() => h.value ? d.loading.value : n.loading ?? !1), b = i(() => h.value ? d.hasNextPage.value : n.hasNextPage ?? !1), x = i(() => h.value ? d.hasPreviousPage.value : n.hasPreviousPage ?? !1), S = i(() => c.value.size), C = i(() => n.paginationDetail ?? null);
+	}), f = !1, p = 0, m = T([]), h = i(() => typeof r.resolve == "function"), g = i(() => c.value.size ? m.value.filter((e) => !c.value.has(e.id)) : m.value), _ = i(() => h.value ? d.items.value : g.value), v = i(() => h.value ? d.activeIndex.value : n.activeIndex ?? 0), y = i(() => h.value ? d.loading.value : n.loading ?? !1), b = i(() => h.value ? d.hasNextPage.value : n.hasNextPage ?? !1), x = i(() => h.value ? d.hasPreviousPage.value : n.hasPreviousPage ?? !1), S = i(() => c.value.size), C = i(() => n.paginationDetail ?? null), w = i(() => h.value ? !d.hasNextPage.value && d.canRefreshTrailingBoundary.value : !1);
 	P([() => n.items, () => r.resolve], ([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 = he(e, m.value, p);
+		let t = de(e, m.value, p);
 		m.value = t.items, p = t.nextSequence;
 	}, {
 		deep: !0,
 		immediate: !0
 	});
-	function w(e) {
+	function E(e) {
 		let r = _.value;
 		if (!r.length) return;
-		let i = M(e, 0, r.length - 1);
+		let i = N(e, 0, r.length - 1);
 		if (h.value) {
 			d.setActiveIndex(i);
 			return;
 		}
 		i !== (n.activeIndex ?? 0) && t("update:activeIndex", i);
 	}
-	function E(e) {
-		let t = A(), n = s(e);
-		return n.ids.length ? h.value ? (d.maybeCommitPendingAppendWhenFilteredOut(), d.syncActiveIndexAfterVisibilityChange(t), n) : (j(t), n) : n;
-	}
 	function D(e) {
-		let t = A(), n = l(e);
-		return n.ids.length ? h.value ? (d.syncActiveIndexAfterVisibilityChange(t), n) : (j(t), n) : n;
+		let t = j(), n = s(e);
+		return n.ids.length ? h.value ? (d.maybeCommitPendingAppendWhenFilteredOut(), d.syncActiveIndexAfterVisibilityChange(t), n) : (M(t), n) : n;
 	}
-	function O() {
-		let e = A(), t = u();
-		return t?.ids.length ? h.value ? (d.syncActiveIndexAfterVisibilityChange(e), t) : (j(e), t) : t;
+	function O(e) {
+		let t = j(), n = l(e);
+		return n.ids.length ? h.value ? (d.syncActiveIndexAfterVisibilityChange(t), n) : (M(t), n) : n;
 	}
 	function k() {
-		let e = A();
+		let e = j(), t = u();
+		return t?.ids.length ? h.value ? (d.syncActiveIndexAfterVisibilityChange(e), t) : (M(e), t) : t;
+	}
+	function A() {
+		let e = j();
 		if (a(), h.value) {
 			d.syncActiveIndexAfterVisibilityChange(e);
 			return;
 		}
-		j(e);
+		M(e);
 	}
-	function A() {
-		let e = _.value[M(v.value, 0, Math.max(0, _.value.length - 1))];
-		return e ? $(e) : null;
+	function j() {
+		let e = _.value[N(v.value, 0, Math.max(0, _.value.length - 1))];
+		return e ? Q(e) : null;
 	}
-	function j(e = null) {
+	function M(e = null) {
 		if (!_.value.length) return;
-		let r = e ? _.value.findIndex((t) => $(t) === e) : -1, i = r >= 0 ? r : M(v.value, 0, _.value.length - 1);
+		let r = e ? _.value.findIndex((t) => Q(t) === e) : -1, i = r >= 0 ? r : N(v.value, 0, _.value.length - 1);
 		i !== (n.activeIndex ?? 0) && t("update:activeIndex", i);
 	}
-	function M(e, t, n) {
+	function N(e, t, n) {
 		return Math.min(Math.max(e, t), n);
 	}
-	function N() {
+	function F() {
 		h.value && d.cancel();
 	}
-	async function F() {
+	async function I() {
 		if (h.value) {
 			await d.prefetchNextPage();
 			return;
 		}
 		y.value || typeof n.requestNextPage != "function" || await n.requestNextPage();
 	}
-	async function I() {
+	async function L() {
 		if (h.value) {
 			await d.prefetchPreviousPage();
 			return;
 		}
 		y.value || typeof n.requestPreviousPage != "function" || await n.requestPreviousPage();
 	}
-	async function L() {
+	async function ee() {
 		h.value && await d.retry();
 	}
 	return {
 		activeIndex: v,
+		canRefreshExhaustedNextPage: w,
 		canRetryInitialLoad: i(() => h.value ? d.canRetryInitialLoad.value : !1),
-		cancel: N,
-		clearRemoved: k,
+		cancel: F,
+		clearRemoved: A,
 		commitPendingAppend: d.commitPendingAppend,
 		currentCursor: i(() => h.value ? d.currentCursor.value : null),
 		errorMessage: i(() => h.value ? d.errorMessage.value : null),
@@ -831,8 +750,8 @@ function Ue(e, t) {
 		isAutoMode: h,
 		items: _,
 		loading: y,
-		loadNext: F,
-		loadPrevious: I,
+		loadNext: I,
+		loadPrevious: L,
 		mode: i(() => h.value ? d.mode.value : null),
 		nextCursor: i(() => h.value ? d.nextCursor.value : null),
 		paginationDetail: C,
@@ -846,20 +765,20 @@ function Ue(e, t) {
 		},
 		previousCursor: i(() => h.value ? d.previousCursor.value : null),
 		removedCount: S,
-		remove: E,
-		restore: D,
-		retry: L,
+		remove: D,
+		restore: O,
+		retry: ee,
 		retryInitialLoad: d.retryInitialLoad,
-		setActiveIndex: w,
+		setActiveIndex: E,
 		setAutoPrefetchEnabled: d.setAutoPrefetchEnabled,
-		undo: O
+		undo: k
 	};
 }
 //#endregion
 //#region src/components/viewer-core/useController.ts
-var We = 1024;
-function Ge(e, t) {
-	let n = Ue(e, t), r = T(0), a = T("list"), o = T(0), s = C({
+var Ve = 1024;
+function He(e, t) {
+	let n = Be(e, t), r = T(0), a = T("list"), o = T(0), s = C({
 		activeIndex: 0,
 		currentCursor: null,
 		errorMessage: null,
@@ -877,47 +796,32 @@ function Ge(e, t) {
 		previousCursor: null,
 		removedCount: 0,
 		surfaceMode: "list"
-	}), 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) => {
+	}), c = i(() => r.value >= Ve), l = i(() => c.value ? a.value : "fullscreen"), u = i(() => c.value && l.value === "fullscreen");
+	P(c, (e, t) => {
 		e && !t && a.value === "list" && (o.value += 1);
-	}), P([u, () => n.pendingAppendItems.value.length], ([e, t]) => {
+	}), P([l, () => n.pendingAppendItems.value.length], ([e, t]) => {
 		e === "list" || t <= 0 || n.commitPendingAppend();
-	}), P(u, (e) => {
+	}), P(l, (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 = u.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 = l.value;
 	}), x(() => {
-		h(), window.addEventListener("keydown", m), window.addEventListener("resize", h);
+		m(), window.addEventListener("keydown", p), window.addEventListener("resize", m);
 	}), b(() => {
-		window.removeEventListener("keydown", m), window.removeEventListener("resize", h);
+		window.removeEventListener("keydown", p), window.removeEventListener("resize", m);
 	});
-	function f(e) {
-		n.setActiveIndex(e), c.value && g("fullscreen");
+	function d(e) {
+		n.setActiveIndex(e), c.value && (a.value = "fullscreen");
 	}
-	function p() {
-		if (c.value) {
-			if (l.value) {
-				u.value !== "list" && t("update:surfaceMode", "list");
-				return;
-			}
-			a.value = "list", o.value += 1;
-		}
+	function f() {
+		c.value && (a.value = "list", o.value += 1);
 	}
-	function m(e) {
-		e.defaultPrevented || e.key !== "Escape" || !c.value || u.value !== "fullscreen" || fe(e.target) || (e.preventDefault(), p());
+	function p(e) {
+		e.defaultPrevented || e.key !== "Escape" || !c.value || l.value !== "fullscreen" || le(e.target) || (e.preventDefault(), f());
 	}
-	function h() {
+	function m() {
 		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,
@@ -925,24 +829,24 @@ function Ge(e, t) {
 		listRestoreToken: o,
 		loadNext: n.loadNext,
 		loadPrevious: n.loadPrevious,
-		openFullscreen: f,
-		returnToList: p,
+		openFullscreen: d,
+		returnToList: f,
 		retry: n.retry,
-		showBackToList: d,
+		showBackToList: u,
 		status: w(s),
-		surfaceMode: u
+		surfaceMode: l
 	};
 }
 //#endregion
 //#region src/components/FullscreenMediaBar.vue?vue&type=script&setup=true&lang.ts
-var Ke = {
+var Ue = {
 	"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]"
-}, 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 = [
+}, We = { 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]" }, Ge = { class: "text-[0.76rem] font-bold uppercase tracking-[0.18em] text-[#f7f1ea]/74" }, Ke = { class: "relative h-4 w-full" }, qe = [
 	"max",
 	"value",
 	"disabled"
-], Ze = { class: "text-[0.76rem] font-bold uppercase tracking-[0.18em] text-[#f7f1ea]/74" }, Qe = /* @__PURE__ */ d({
+], Je = { class: "text-[0.76rem] font-bold uppercase tracking-[0.18em] text-[#f7f1ea]/74" }, Ye = /* @__PURE__ */ d({
 	__name: "FullscreenMediaBar",
 	props: {
 		currentTime: {},
@@ -954,9 +858,9 @@ var Ke = {
 	emits: ["seek-input"],
 	setup(e, { emit: t }) {
 		let n = e, r = t;
-		return (e, t) => (S(), s("div", Ke, [c("div", qe, [
-			c("span", Je, k(n.currentTimeLabel), 1),
-			c("div", Ye, [
+		return (e, t) => (S(), s("div", Ue, [c("div", We, [
+			c("span", Ge, k(n.currentTimeLabel), 1),
+			c("div", Ke, [
 				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]",
@@ -973,25 +877,25 @@ var Ke = {
 					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, Xe)
+				}, null, 40, qe)
 			]),
-			c("span", Ze, k(n.durationLabel), 1)
+			c("span", Je, k(n.durationLabel), 1)
 		])]));
 	}
-}), $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 = {
+}), Xe = { class: "pointer-events-none absolute inset-0 z-[3] flex flex-col justify-between p-[clamp(1.25rem,2.6vw,2.25rem)]" }, Ze = { class: "grid gap-4" }, Qe = { class: "flex min-h-11 items-center justify-between gap-4" }, $e = { class: "min-w-0 flex flex-1 items-center gap-3" }, et = {
 	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]"
-}, it = { class: "pointer-events-auto flex shrink-0 items-center gap-2" }, at = {
+}, tt = { class: "pointer-events-auto flex shrink-0 items-center gap-2" }, nt = {
 	"data-testid": "vibe-pagination",
 	class: "inline-flex shrink-0 items-center gap-2 whitespace-nowrap border border-white/14 bg-black/40 px-3 py-2 text-[0.63rem] font-bold uppercase tracking-[0.12em] text-[#f7f1ea]/72 backdrop-blur-[18px] min-[721px]:gap-3 min-[721px]:px-4 min-[721px]:py-3 min-[721px]:text-[0.74rem] min-[721px]:tracking-[0.2em]"
-}, ot = { class: "whitespace-nowrap" }, st = {
+}, rt = { class: "whitespace-nowrap" }, it = {
 	key: 0,
 	class: "whitespace-nowrap border-l border-white/12 pl-2 text-[#f7f1ea]/56 min-[721px]:pl-3"
-}, ct = {
+}, at = {
 	key: 0,
 	class: "grid gap-2 max-[720px]:justify-items-start"
-}, lt = /* @__PURE__ */ d({
+}, ot = /* @__PURE__ */ d({
 	__name: "FullscreenHeader",
 	props: {
 		currentIndex: {},
@@ -1004,29 +908,29 @@ var Ke = {
 	emits: ["back-to-list"],
 	setup(e, { emit: t }) {
 		let n = e, r = t;
-		return (e, t) => (S(), s("div", $e, [c("div", et, [c("div", tt, [c("div", nt, [n.showBackToList ? (S(), s("button", {
+		return (e, t) => (S(), s("div", Xe, [c("div", Ze, [c("div", Qe, [c("div", $e, [n.showBackToList ? (S(), s("button", {
 			key: 0,
 			type: "button",
 			"data-testid": "vibe-back-to-list",
 			class: "pointer-events-auto inline-flex h-11 w-11 shrink-0 items-center justify-center border border-white/14 bg-black/40 text-[#f7f1ea]/78 backdrop-blur-[18px] transition hover:border-white/28 hover:bg-black/55",
 			"aria-label": "Back to list",
 			onClick: t[0] ||= (e) => r("back-to-list")
-		}, [u(j(q), {
+		}, [u(j(K), {
 			class: "h-4 w-4 stroke-[2.2]",
 			"aria-hidden": "true"
-		})])) : o("", !0), n.title ? (S(), s("h2", rt, k(n.title), 1)) : o("", !0)]), c("div", it, [c("span", at, [c("span", ot, k(n.currentIndex + 1) + " / " + k(n.total), 1), n.paginationDetail ? (S(), s("span", st, k(n.paginationDetail), 1)) : o("", !0)]), D(e.$slots, "actions")])])]), n.showEndBadge ? (S(), s("div", ct, [...t[1] ||= [c("span", { class: "inline-flex items-center border border-amber-300/35 bg-black/40 px-4 py-3 text-[0.74rem] font-bold uppercase tracking-[0.2em] text-amber-200 backdrop-blur-[18px]" }, " End reached ", -1)]])) : o("", !0)]));
+		})])) : o("", !0), n.title ? (S(), s("h2", et, k(n.title), 1)) : o("", !0)]), c("div", tt, [c("span", nt, [c("span", rt, k(n.currentIndex + 1) + " / " + k(n.total), 1), n.paginationDetail ? (S(), s("span", it, k(n.paginationDetail), 1)) : o("", !0)]), D(e.$slots, "actions")])])]), n.showEndBadge ? (S(), s("div", at, [...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 ut(e) {
+function st(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 dt(e) {
+function ct(e) {
 	let t = !1;
 	P(e.enabled, async (t) => {
 		if (n(t), t) {
@@ -1049,42 +953,42 @@ function dt(e) {
 }
 //#endregion
 //#region src/components/viewer-core/assetState.ts
-var ft = {
+var lt = {
 	currentTime: 0,
 	duration: 0,
 	errorKind: null,
 	paused: !0,
 	ready: !1
 };
-function pt() {
-	return { ...ft };
+function ut() {
+	return { ...lt };
 }
-function mt(e) {
+function dt(e) {
 	return e.complete && !!(e.currentSrc || e.getAttribute("src"));
 }
-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 ft(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 = pt(t, n);
 }
-function gt(e, t) {
+function pt(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 _t = /* @__PURE__ */ new Map();
-function vt(e) {
+var mt = /* @__PURE__ */ new Map();
+function ht(e) {
 	return e === "not-found" ? "404" : "Load error";
 }
-function yt(e) {
+function gt(e) {
 	return e === "generic";
 }
-function bt(e) {
-	let t = _t.get(e);
+function _t(e) {
+	let t = mt.get(e);
 	if (t) return t;
-	let n = xt(e);
-	return _t.set(e, n), n;
+	let n = vt(e);
+	return mt.set(e, n), n;
 }
-async function xt(e) {
-	if (!St(e)) return "generic";
+async function vt(e) {
+	if (!yt(e)) return "generic";
 	try {
 		let t = await fetch(e, { method: "HEAD" });
 		if (!t.ok && t.status === 404) return "not-found";
@@ -1093,12 +997,12 @@ async function xt(e) {
 	}
 	return "generic";
 }
-function St(e) {
+function yt(e) {
 	return /^(https?:\/\/|\/)/i.test(e);
 }
 //#endregion
 //#region src/components/viewer-core/mediaPlayback.ts
-function Ct(e) {
+function bt(e) {
 	try {
 		let t = e.play();
 		t && typeof t.catch == "function" && t.catch(() => {});
@@ -1106,12 +1010,12 @@ function Ct(e) {
 }
 //#endregion
 //#region src/components/viewer-core/useMedia.ts
-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(() => {
+function xt(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 ? Q(e.activeItem.value) : null), u = i(() => e.activeMediaItem.value ? Q(e.activeMediaItem.value) : null), d = i(() => {
 		let t = /* @__PURE__ */ new Map();
-		for (let n of e.items.value) t.set($(n), n);
+		for (let n of e.items.value) t.set(Q(n), n);
 		return t;
-	}), 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);
+	}), f = i(() => u.value ? r.value[u.value] ?? lt : lt), p = i(() => u.value ? f.value.duration : 0), m = i(() => p.value <= 0 ? 0 : St(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 () => {
@@ -1132,7 +1036,7 @@ function wt(e) {
 		s.delete(e);
 	}
 	function y(e, r) {
-		r instanceof HTMLImageElement && mt(r) && (t.value[e] = !0, n.value[e] = null, K(e, r.currentSrc || r.src || J(e)));
+		r instanceof HTMLImageElement && dt(r) && (t.value[e] = !0, n.value[e] = null, G(e, r.currentSrc || r.src || q(e)));
 	}
 	function b() {
 		z(), a.value = {}, n.value = {}, t.value = {}, r.value = {}, c.clear();
@@ -1149,14 +1053,14 @@ function wt(e) {
 				R(n, e);
 				continue;
 			}
-			n.muted = !0, n.loop = !1, n.playsInline = !0, Ct(n), V(e, n);
+			n.muted = !0, n.loop = !1, n.playsInline = !0, bt(n), V(e, n);
 		}
 		for (let [e, n] of s.entries()) {
 			if (e !== t || r.value[e]?.errorKind) {
 				R(n, e);
 				continue;
 			}
-			Ct(n), V(e, n);
+			bt(n), V(e, n);
 		}
 	}
 	function S(e, t) {
@@ -1165,16 +1069,16 @@ function wt(e) {
 			let i = r.value[e]?.ready ?? !1;
 			V(e, n, t.type);
 			let a = r.value[e]?.ready ?? !1;
-			!i && a && K(e, n.currentSrc || n.src || J(e));
+			!i && a && G(e, n.currentSrc || n.src || q(e));
 		}
 	}
 	function C(e, r) {
-		t.value[e] = !0, n.value[e] = null, K(e, r);
+		t.value[e] = !0, n.value[e] = null, G(e, r);
 	}
 	async function w(r, i) {
-		let a = q(r) ?? e.activeItem.value;
+		let a = K(r) ?? e.activeItem.value;
 		t.value[r] = !1, n.value[r] = "generic";
-		let o = await bt(i);
+		let o = await _t(i);
 		n.value[r] = o, a && e.onAssetError?.({
 			item: a,
 			occurrenceKey: r,
@@ -1184,7 +1088,7 @@ function wt(e) {
 		});
 	}
 	async function E(t, n) {
-		let r = U(t), i = B(t), a = q(t) ?? e.activeMediaItem.value ?? e.activeItem.value;
+		let r = H(t), i = B(t), a = K(t) ?? e.activeMediaItem.value ?? e.activeItem.value;
 		if (r) {
 			r.pause();
 			try {
@@ -1192,7 +1096,7 @@ function wt(e) {
 			} catch {}
 		}
 		i.currentTime = 0, i.duration = 0, i.paused = !0, i.ready = !1, i.errorKind = "generic";
-		let o = await bt(n);
+		let o = await _t(n);
 		i.errorKind = o, a && e.onAssetError?.({
 			item: a,
 			occurrenceKey: t,
@@ -1202,18 +1106,18 @@ function wt(e) {
 		});
 	}
 	function D(e, t, n) {
-		e.button !== 0 || Date.now() < n || G(o.get(t) ?? null);
+		e.button !== 0 || Date.now() < n || W(o.get(t) ?? null);
 	}
 	function O(e, t, n) {
-		e.button !== 0 || Date.now() < n || G(U(t));
+		e.button !== 0 || Date.now() < n || W(H(t));
 	}
 	function k(e) {
-		let t = W(), n = u.value;
+		let t = U(), n = u.value;
 		if (!t || !n || !(e.target instanceof HTMLInputElement)) return;
 		let r = Number.parseFloat(e.target.value);
 		if (!Number.isFinite(r)) return;
-		let i = Tt(r, 0, p.value || 0);
-		H(n, i, t), t.currentTime = i;
+		let i = St(r, 0, p.value || 0);
+		te(n, i, t), t.currentTime = i;
 	}
 	function A(e) {
 		return !!t.value[e] && !n.value[e];
@@ -1229,10 +1133,10 @@ function wt(e) {
 	}
 	function F(e) {
 		let t = N(e);
-		return t ? vt(t) : null;
+		return t ? ht(t) : null;
 	}
 	function I(e) {
-		return yt(N(e));
+		return gt(N(e));
 	}
 	function L(e) {
 		return `${e}:${a.value[e] ?? 0}`;
@@ -1242,7 +1146,7 @@ function wt(e) {
 		t.value[e] = !1, n.value[e] = null;
 		let r = B(e);
 		r.currentTime = 0, r.duration = 0, r.paused = !0, r.ready = !1, r.errorKind = null;
-		let i = U(e);
+		let i = H(e);
 		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();
@@ -1259,32 +1163,32 @@ function wt(e) {
 		for (let [e, t] of s.entries()) R(t, e);
 	}
 	function B(e) {
-		return r.value[e] || (r.value[e] = pt()), r.value[e];
+		return r.value[e] || (r.value[e] = ut()), r.value[e];
 	}
 	function V(e, t, n) {
-		ht(B(e), t, n);
+		ft(B(e), t, n);
 	}
-	function H(e, t, n) {
+	function te(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) {
+	function H(e) {
 		return o.get(e) ?? s.get(e) ?? null;
 	}
-	function W() {
-		return u.value ? U(u.value) : null;
+	function U() {
+		return u.value ? H(u.value) : null;
 	}
-	function G(e) {
+	function W(e) {
 		if (e) {
 			if (e.paused) {
-				Ct(e);
+				bt(e);
 				return;
 			}
 			e.pause();
 		}
 	}
-	function K(t, n) {
-		let r = q(t) ?? e.activeMediaItem.value ?? e.activeItem.value;
+	function G(t, n) {
+		let r = K(t) ?? e.activeMediaItem.value ?? e.activeItem.value;
 		if (!r || !n) return;
 		let i = `${t}|${n}`;
 		c.has(i) || (c.add(i), e.onAssetLoad?.({
@@ -1294,11 +1198,11 @@ function wt(e) {
 			url: n
 		}));
 	}
-	function q(e) {
+	function K(e) {
 		return d.value.get(e) ?? null;
 	}
-	function J(e) {
-		return q(e)?.url ?? null;
+	function q(e) {
+		return K(e)?.url ?? null;
 	}
 	return {
 		activeAssetErrorKind: h,
@@ -1328,10 +1232,10 @@ function wt(e) {
 		syncMediaPlayback: x
 	};
 }
-function Tt(e, t, n) {
+function St(e, t, n) {
 	return Math.min(Math.max(e, t), n);
 }
-function Et(e, t, n = 2) {
+function Ct(e, t, n = 2) {
 	return t <= 0 ? {
 		start: 0,
 		end: -1
@@ -1340,14 +1244,14 @@ function Et(e, t, n = 2) {
 		end: Math.min(t - 1, e + n)
 	};
 }
-function Dt(e, t, n = 2) {
-	let r = Et(t, e.length, n);
+function wt(e, t, n = 2) {
+	let r = Ct(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 Ot(e, t, n, r, i) {
+function Tt(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)"
@@ -1355,8 +1259,8 @@ function Ot(e, t, n, r, i) {
 }
 //#endregion
 //#region src/components/viewer-core/useViewer.ts
-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({
+function Et(e, t, n = {}) {
+	let { activeIndex: r, canRetryInitialLoad: a, errorMessage: o, hasNextPage: s, items: c, loading: l, paginationDetail: u, retryInitialLoad: d, setActiveIndex: f } = Be(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 = xt({
 		items: c,
 		activeItem: C,
 		activeMediaItem: w,
@@ -1364,8 +1268,8 @@ function kt(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(() => Et(S.value, c.value.length)), j = i(() => Dt(c.value, S.value));
-	dt({
+	}), 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(() => Ct(S.value, c.value.length)), j = i(() => wt(c.value, S.value));
+	ct({
 		enabled: _,
 		onDisable() {
 			V(), E.resetMediaState();
@@ -1373,7 +1277,7 @@ function kt(e, t, n = {}) {
 		onEnable() {
 			return E.syncMediaPlayback();
 		},
-		onKeydown: U,
+		onKeydown: H,
 		onResize: N
 	});
 	function M(e, t, n) {
@@ -1395,7 +1299,7 @@ function kt(e, t, n = {}) {
 		return t && !P(-1) || n && !P(1) ? e * .24 : e;
 	}
 	function L(e) {
-		!_.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));
+		!_.value || c.value.length === 0 || e.pointerType === "mouse" || Z(e.target) || (v = e.pointerId, y = e.clientY, m.value = 0, h.value = !0, p.value?.setPointerCapture?.(e.pointerId));
 	}
 	function ee(e) {
 		!_.value || !h.value || v !== e.pointerId || (m.value = I(e.clientY - y));
@@ -1412,32 +1316,32 @@ function kt(e, t, n = {}) {
 	function V() {
 		m.value = 0, h.value = !1, v = null;
 	}
-	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;
+	function te(e) {
+		if (!_.value || c.value.length === 0 || h.value || Z(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 || fe(e.target) || ((e.key === "ArrowDown" || e.key === "PageDown") && (e.preventDefault(), F(1)), (e.key === "ArrowUp" || e.key === "PageUp") && (e.preventDefault(), F(-1)));
+	function H(e) {
+		!_.value || c.value.length === 0 || le(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) {
+	function U(e, t) {
 		E.onVideoClick(e, t, x);
 	}
-	function G(e, t) {
+	function W(e, t) {
 		E.onAudioCoverClick(e, t, x);
 	}
-	function K(e) {
+	function G(e) {
 		E.onMediaSeekInput(e);
 	}
-	function q(e) {
+	function K(e) {
 		return e.type === "image" || e.type === "video";
 	}
-	function J(e) {
+	function q(e) {
 		return e.type === "audio";
 	}
-	function te(e) {
-		return Ot(e, S.value, g.value, m.value, h.value);
+	function J(e) {
+		return Tt(e, S.value, g.value, m.value, h.value);
 	}
 	return {
 		activeItem: C,
@@ -1452,30 +1356,30 @@ function kt(e, t, n = {}) {
 		getAssetErrorKind: E.getAssetErrorKind,
 		getAssetErrorLabel: E.getAssetErrorLabel,
 		getAssetRenderKey: E.getAssetRenderKey,
-		formatPlaybackTime: ut,
+		formatPlaybackTime: st,
 		getImageSource: E.getImageSource,
-		getSlideStyle: te,
+		getSlideStyle: J,
 		hasNextPage: s,
 		isAtEnd: D,
-		isAudio: J,
-		isVisual: q,
+		isAudio: q,
+		isVisual: K,
 		items: c,
 		loading: l,
 		mediaStates: E.mediaStates,
 		isImageReady: E.isImageReady,
 		isMediaReady: E.isMediaReady,
-		onAudioCoverClick: G,
+		onAudioCoverClick: W,
 		onImageError: E.onImageError,
 		onImageLoad: E.onImageLoad,
 		onMediaEvent: E.onMediaEvent,
 		onMediaError: E.onMediaError,
-		onMediaSeekInput: K,
+		onMediaSeekInput: G,
 		onPointerCancel: z,
 		onPointerDown: L,
 		onPointerMove: ee,
 		onPointerUp: R,
-		onVideoClick: W,
-		onWheel: H,
+		onVideoClick: U,
+		onWheel: te,
 		registerAudioElement: E.registerAudioElement,
 		registerImageElement: E.registerImageElement,
 		registerVideoElement: E.registerVideoElement,
@@ -1491,30 +1395,30 @@ function kt(e, t, n = {}) {
 }
 //#endregion
 //#region src/components/viewer-core/media.ts
-var At = {
-	image: X,
-	video: te,
-	audio: J,
+var Dt = {
+	image: ne,
+	video: J,
+	audio: q,
 	other: Y
-}, jt = {
+}, Ot = {
 	image: "Image",
 	video: "Video",
 	audio: "Audio",
 	other: "File"
 };
-function Mt(e) {
-	return At[e];
+function kt(e) {
+	return Dt[e];
 }
-function Nt(e) {
-	return jt[e];
+function At(e) {
+	return Ot[e];
 }
 //#endregion
 //#region src/components/viewer-core/slotContent.ts
-function Pt(e) {
+function jt(e) {
 	if (!Array.isArray(e)) return !1;
 	for (let t of e) {
 		if (Array.isArray(t)) {
-			if (Pt(t)) return !0;
+			if (jt(t)) return !0;
 			continue;
 		}
 		if (!m(t)) {
@@ -1525,53 +1429,53 @@ function Pt(e) {
 			if (t != null && t !== !1) return !0;
 			continue;
 		}
-		if (!Ft(t)) return !0;
+		if (!Mt(t)) return !0;
 	}
 	return !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;
+function Mt(r) {
+	return r.type === e ? !0 : r.type === n ? typeof r.children == "string" ? r.children.trim().length === 0 : !0 : r.type === t ? !jt(r.children) : !1;
 }
 //#endregion
 //#region src/components/viewer-core/theme.ts
-var It = {
+var Nt = {
 	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)]"
-}, Lt = {
+}, Pt = {
 	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 Rt(e) {
-	return It[e];
+function Ft(e) {
+	return Nt[e];
 }
-function zt(e) {
-	return Lt[e];
+function It(e) {
+	return Pt[e];
 }
 //#endregion
 //#region src/components/FullscreenSurface.vue?vue&type=script&setup=true&lang.ts
-var Bt = { class: "relative h-full min-h-0 overflow-hidden bg-[#05060a] text-[#f7f1ea]" }, Vt = {
+var Lt = { class: "relative h-full min-h-0 overflow-hidden bg-[#05060a] text-[#f7f1ea]" }, Rt = {
 	key: 0,
 	class: "relative h-full min-h-0"
-}, Ht = [
+}, zt = [
 	"data-item-id",
 	"data-occurrence-key",
 	"data-index",
 	"data-active",
 	"aria-hidden"
-], Ut = {
+], Bt = {
 	key: 0,
 	"data-testid": "vibe-asset-spinner",
 	class: "pointer-events-none absolute inset-0 z-[2] grid place-items-center"
-}, 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 = [
+}, Vt = { 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]" }, Ht = ["data-kind"], Ut = { class: "grid justify-items-center gap-4 border border-white/14 bg-black/45 px-8 py-7 text-center backdrop-blur-[18px]" }, Wt = { class: "m-0 text-[0.82rem] font-bold uppercase tracking-[0.28em] text-[#f7f1ea]/70" }, Gt = ["onClick"], Kt = [
 	"src",
 	"alt",
 	"onLoad",
 	"onError"
-], Xt = [
+], qt = [
 	"src",
 	"preload",
 	"onClick",
@@ -1588,15 +1492,15 @@ var Bt = { class: "relative h-full min-h-0 overflow-hidden bg-[#05060a] text-[#f
 	"onStalled",
 	"onTimeupdate",
 	"onWaiting"
-], Zt = { class: "relative grid aspect-square w-[clamp(320px,46vw,560px)] max-w-[calc(100vw-2.5rem)] place-items-center" }, Qt = [
+], Jt = { class: "relative grid aspect-square w-[clamp(320px,46vw,560px)] max-w-[calc(100vw-2.5rem)] place-items-center" }, Yt = [
 	"aria-label",
 	"disabled",
 	"onClick"
-], $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 = {
+], Xt = { 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]" }, Zt = { 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]" }, Qt = {
 	key: 0,
 	"data-testid": "vibe-asset-spinner",
 	class: "pointer-events-none absolute inset-0 z-[3] grid place-items-center"
-}, 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 = [
+}, $t = { 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]" }, en = ["data-kind"], tn = { class: "m-0 text-[0.82rem] font-bold uppercase tracking-[0.28em] text-[#f7f1ea]/70" }, nn = ["onClick"], rn = [
 	"src",
 	"preload",
 	"onCanplay",
@@ -1612,21 +1516,21 @@ var Bt = { class: "relative h-full min-h-0 overflow-hidden bg-[#05060a] text-[#f
 	"onStalled",
 	"onTimeupdate",
 	"onWaiting"
-], cn = {
+], an = {
 	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"
-}, 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 = {
+}, on = { 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]" }, sn = {
 	key: 0,
 	class: "pointer-events-none absolute inset-0 z-[4]"
-}, dn = { class: "h-full w-full" }, fn = {
+}, cn = { class: "h-full w-full" }, ln = {
 	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]"
-}, pn = { class: "h-full min-h-0 overflow-y-auto overscroll-y-contain" }, mn = {
+}, un = { class: "h-full min-h-0 overflow-y-auto overscroll-y-contain" }, dn = {
 	key: 0,
 	"data-testid": "vibe-fullscreen-aside",
 	class: "absolute inset-y-0 right-0 z-[6] w-full max-w-[22rem] overflow-hidden border-l border-white/10 bg-black/82 backdrop-blur-[18px]"
-}, hn = { class: "h-full min-h-0 overflow-y-auto overscroll-y-contain" }, gn = 1280, _n = 2, vn = /* @__PURE__ */ d({
+}, fn = { class: "h-full min-h-0 overflow-y-auto overscroll-y-contain" }, pn = 1280, mn = 2, hn = /* @__PURE__ */ d({
 	__name: "FullscreenSurface",
 	props: {
 		items: {},
@@ -1646,16 +1550,18 @@ var Bt = { 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: {},
+		showEndBadge: {
+			type: Boolean,
+			default: !0
+		},
 		showStatusBadges: {
 			type: Boolean,
 			default: !0
 		},
-		surfaceMode: {},
 		active: {
 			type: Boolean,
 			default: !0
@@ -1675,13 +1581,13 @@ var Bt = { 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 = kt(d, (e, t) => {
+		let d = e, p = M(), m = n, g = Et(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" ? 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(() => {
+		}), C = T(typeof window > "u" ? pn : window.innerWidth || pn), w = i(() => Ft(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,
@@ -1691,57 +1597,57 @@ var Bt = { class: "relative h-full min-h-0 overflow-hidden bg-[#05060a] text-[#f
 				paginationDetail: d.paginationDetail,
 				total: d.items.length
 			} : 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 : {
+		}), 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.showStatusBadges || !L.value || !g.statusMessage.value ? null : {
 			...L.value,
 			kind: g.isAtEnd.value && !g.hasNextPage.value && !g.loading.value ? "end" : "loading-more",
-			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",
+			message: g.statusMessage.value
+		}), V = i(() => !B.value || !p["fullscreen-status"] ? [] : p["fullscreen-status"](B.value)), te = i(() => ({
+			gridTemplateColumns: W.value ? "minmax(0, 1fr) 22rem" : "minmax(0, 1fr) 0rem",
 			transition: "grid-template-columns 320ms cubic-bezier(0.22, 1, 0.36, 1)"
-		})), 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));
+		})), H = i(() => jt(R.value)), U = i(() => jt(z.value)), W = i(() => U.value && C.value >= pn), G = i(() => U.value && !W.value), K = i(() => jt(V.value));
 		x(() => {
 			window.addEventListener("resize", ue);
 		}), b(() => {
 			window.removeEventListener("resize", ue);
 		});
-		function te(e, t) {
+		function q(e, t) {
 			let n = t.title?.trim();
-			return n ? `${e} ${n}` : `${e} ${Nt(t.type).toLowerCase()}`;
+			return n ? `${e} ${n}` : `${e} ${At(t.type).toLowerCase()}`;
 		}
-		function Y(e, t) {
-			let n = Q(t);
-			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 J(e, t) {
+			let n = Z(t);
+			return !X(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 X(e) {
-			return g.getAssetErrorKind(Q(e));
+		function Y(e) {
+			return g.getAssetErrorKind(Z(e));
 		}
-		function Z(e) {
-			return g.getAssetErrorLabel(Q(e)) ?? "Load error";
+		function ne(e) {
+			return g.getAssetErrorLabel(Z(e)) ?? "Load error";
 		}
-		function oe(e, t) {
-			return se(e) && e === g.resolvedActiveIndex.value && !!X(t);
+		function se(e, t) {
+			return X(e) && e === g.resolvedActiveIndex.value && !!Y(t);
 		}
-		function se(e) {
+		function X(e) {
 			let t = g.resolvedActiveIndex.value;
-			return d.active && e >= t && e <= t + _n;
+			return d.active && e >= t && e <= t + mn;
 		}
 		function ce(e, t) {
-			return se(e) ? g.getImageSource(t) : void 0;
+			return X(e) ? g.getImageSource(t) : void 0;
 		}
 		function le(e, t) {
-			return se(e) ? t.url : void 0;
+			return X(e) ? t.url : void 0;
 		}
-		function Q(e) {
-			return $(e);
+		function Z(e) {
+			return Q(e);
 		}
 		function ue() {
-			C.value = window.innerWidth || gn;
+			C.value = window.innerWidth || pn;
 		}
-		return (e, n) => (S(), s("div", Bt, [
+		return (e, n) => (S(), s("div", Lt, [
 			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(U.value)
+				style: y(te.value)
 			}, [c("div", {
 				ref: "viewer.stageRef",
 				"data-testid": "vibe-stage",
@@ -1751,157 +1657,157 @@ var Bt = { 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", Vt, [
+			}, [j(g).items.value.length > 0 ? (S(), s("div", Rt, [
 				(S(!0), s(t, null, E(j(g).renderedItems.value, ({ item: r, index: i }) => (S(), s("article", {
-					key: Q(r),
+					key: Z(r),
 					"data-testid": "vibe-slide",
 					"data-item-id": r.id,
-					"data-occurrence-key": Q(r),
+					"data-occurrence-key": Z(r),
 					"data-index": i,
 					"data-active": i === j(g).resolvedActiveIndex.value,
 					"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(zt)(r.type)]) }, null, 2), j(g).isVisual(r) ? (S(), s("div", {
+				}, [c("div", { class: _(["absolute inset-0 opacity-85", j(It)(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 : ""])
-				}, [Y(i, r) ? (S(), s("div", Ut, [c("span", Wt, [u(j(ne), {
+				}, [J(i, r) ? (S(), s("div", Bt, [c("span", Vt, [u(j(re), {
 					class: "h-5 w-5 animate-spin stroke-[1.9] text-[#f7f1ea]/78",
 					"aria-hidden": "true"
-				})])])) : o("", !0), oe(i, r) ? (S(), s("div", {
+				})])])) : o("", !0), se(i, r) ? (S(), s("div", {
 					key: 1,
 					"data-testid": "vibe-asset-error",
-					"data-kind": X(r),
+					"data-kind": Y(r),
 					class: "grid h-full w-full place-items-center"
-				}, [c("div", Kt, [
-					u(j(ae), {
+				}, [c("div", Ut, [
+					u(j(oe), {
 						class: "h-7 w-7 stroke-[1.9] text-[#f7f1ea]/72",
 						"aria-hidden": "true"
 					}),
-					c("p", qt, k(Z(r)), 1),
-					j(g).canRetryAsset(Q(r)) ? (S(), s("button", {
+					c("p", Wt, k(ne(r)), 1),
+					j(g).canRetryAsset(Z(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: 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)),
+						onClick: ee((e) => j(g).retryAsset(Z(r)), ["stop"])
+					}, " Retry ", 8, Gt)) : o("", !0)
+				])], 8, Ht)) : r.type === "image" ? (S(), s("img", {
+					key: j(g).getAssetRenderKey(Z(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"]),
+					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(Z(r)) ? "opacity-100" : "opacity-0"]),
 					ref_for: !0,
-					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, 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"]),
+					ref: (e) => j(g).registerImageElement(Z(r), e),
+					onLoad: (e) => j(g).onImageLoad(Z(r), r.url),
+					onError: (e) => j(g).onImageError(Z(r), r.url)
+				}, null, 42, Kt)) : (S(), s("video", {
+					key: j(g).getAssetRenderKey(Z(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(Z(r)) ? "opacity-100" : "opacity-0"]),
 					playsinline: "",
 					muted: "",
 					src: le(i, r),
-					preload: se(i) ? "metadata" : "none",
+					preload: X(i) ? "metadata" : "none",
 					ref_for: !0,
-					ref: (e) => j(g).registerVideoElement(Q(r), e),
-					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),
-					onLoadstart: (e) => j(g).onMediaEvent(Q(r), e),
-					onLoadedmetadata: (e) => j(g).onMediaEvent(Q(r), e),
-					onPause: (e) => j(g).onMediaEvent(Q(r), e),
-					onPlay: (e) => j(g).onMediaEvent(Q(r), e),
-					onPlaying: (e) => j(g).onMediaEvent(Q(r), e),
-					onSeeking: (e) => j(g).onMediaEvent(Q(r), e),
-					onSeeked: (e) => j(g).onMediaEvent(Q(r), e),
-					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, Xt))], 2)) : j(g).isAudio(r) ? (S(), s("div", {
+					ref: (e) => j(g).registerVideoElement(Z(r), e),
+					onClick: ee((e) => j(g).onVideoClick(e, Z(r)), ["stop"]),
+					onCanplay: (e) => j(g).onMediaEvent(Z(r), e),
+					onDurationchange: (e) => j(g).onMediaEvent(Z(r), e),
+					onError: (e) => j(g).onMediaError(Z(r), r.url),
+					onLoadstart: (e) => j(g).onMediaEvent(Z(r), e),
+					onLoadedmetadata: (e) => j(g).onMediaEvent(Z(r), e),
+					onPause: (e) => j(g).onMediaEvent(Z(r), e),
+					onPlay: (e) => j(g).onMediaEvent(Z(r), e),
+					onPlaying: (e) => j(g).onMediaEvent(Z(r), e),
+					onSeeking: (e) => j(g).onMediaEvent(Z(r), e),
+					onSeeked: (e) => j(g).onMediaEvent(Z(r), e),
+					onStalled: (e) => j(g).onMediaEvent(Z(r), e),
+					onTimeupdate: (e) => j(g).onMediaEvent(Z(r), e),
+					onWaiting: (e) => j(g).onMediaEvent(Z(r), e)
+				}, null, 42, qt))], 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", Zt, [
+				}, [c("div", Jt, [
 					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 ? te("Play", r) : te("Pause", r),
-						disabled: !!X(r),
-						onClick: (e) => j(g).onAudioCoverClick(e, Q(r))
+						"aria-label": j(g).mediaStates.value[Z(r)]?.paused ?? !0 ? q("Play", r) : q("Pause", r),
+						disabled: !!Y(r),
+						onClick: (e) => j(g).onAudioCoverClick(e, Z(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", $t, [D(e.$slots, "item-icon", {
-							icon: j(Mt)(r.type),
+						c("span", Xt, [D(e.$slots, "item-icon", {
+							icon: j(kt)(r.type),
 							item: r
-						}, () => [(S(), a(O(j(Mt)(r.type)), {
+						}, () => [(S(), a(O(j(kt)(r.type)), {
 							class: "h-6 w-6 stroke-[1.9]",
 							"aria-hidden": "true"
 						}))])]),
-						c("span", en, [(S(), a(O(j(g).mediaStates.value[Q(r)]?.paused ?? !0 ? j(ie) : j(re)), {
+						c("span", Zt, [(S(), a(O(j(g).mediaStates.value[Z(r)]?.paused ?? !0 ? j(ae) : j(ie)), {
 							class: "h-4 w-4 stroke-2",
 							"aria-hidden": "true"
 						}))])
-					], 8, Qt),
-					Y(i, r) ? (S(), s("div", tn, [c("span", nn, [u(j(ne), {
+					], 8, Yt),
+					J(i, r) ? (S(), s("div", Qt, [c("span", $t, [u(j(re), {
 						class: "h-5 w-5 animate-spin stroke-[1.9] text-[#f7f1ea]/78",
 						"aria-hidden": "true"
 					})])])) : o("", !0),
-					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", {
+					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", {
 						"data-testid": "vibe-asset-error",
-						"data-kind": X(r),
+						"data-kind": Y(r),
 						class: "relative z-[1] grid justify-items-center gap-4"
 					}, [
-						u(j(ae), {
+						u(j(oe), {
 							class: "h-7 w-7 stroke-[1.9] text-[#f7f1ea]/72",
 							"aria-hidden": "true"
 						}),
-						c("p", an, k(Z(r)), 1),
-						j(g).canRetryAsset(Q(r)) ? (S(), s("button", {
+						c("p", tn, k(ne(r)), 1),
+						j(g).canRetryAsset(Z(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: ee((e) => j(g).retryAsset(Q(r)), ["stop"])
-						}, " Retry ", 8, on)) : o("", !0)
-					], 8, rn)], 64)) : o("", !0)
+							onClick: ee((e) => j(g).retryAsset(Z(r)), ["stop"])
+						}, " Retry ", 8, nn)) : o("", !0)
+					], 8, en)], 64)) : o("", !0)
 				]), (S(), s("audio", {
-					key: j(g).getAssetRenderKey(Q(r)),
+					key: j(g).getAssetRenderKey(Z(r)),
 					src: le(i, r),
-					preload: se(i) ? "metadata" : "none",
+					preload: X(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),
-					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),
-					onLoadstart: (e) => j(g).onMediaEvent(Q(r), e),
-					onLoadedmetadata: (e) => j(g).onMediaEvent(Q(r), e),
-					onPause: (e) => j(g).onMediaEvent(Q(r), e),
-					onPlay: (e) => j(g).onMediaEvent(Q(r), e),
-					onPlaying: (e) => j(g).onMediaEvent(Q(r), e),
-					onSeeking: (e) => j(g).onMediaEvent(Q(r), e),
-					onSeeked: (e) => j(g).onMediaEvent(Q(r), e),
-					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, sn))], 2)) : (S(), s("div", cn, [c("div", ln, [D(e.$slots, "item-icon", {
-					icon: j(Mt)(r.type),
+					ref: (e) => j(g).registerAudioElement(Z(r), e),
+					onCanplay: (e) => j(g).onMediaEvent(Z(r), e),
+					onDurationchange: (e) => j(g).onMediaEvent(Z(r), e),
+					onError: (e) => j(g).onMediaError(Z(r), r.url),
+					onLoadstart: (e) => j(g).onMediaEvent(Z(r), e),
+					onLoadedmetadata: (e) => j(g).onMediaEvent(Z(r), e),
+					onPause: (e) => j(g).onMediaEvent(Z(r), e),
+					onPlay: (e) => j(g).onMediaEvent(Z(r), e),
+					onPlaying: (e) => j(g).onMediaEvent(Z(r), e),
+					onSeeking: (e) => j(g).onMediaEvent(Z(r), e),
+					onSeeked: (e) => j(g).onMediaEvent(Z(r), e),
+					onStalled: (e) => j(g).onMediaEvent(Z(r), e),
+					onTimeupdate: (e) => j(g).onMediaEvent(Z(r), e),
+					onWaiting: (e) => j(g).onMediaEvent(Z(r), e)
+				}, null, 40, rn))], 2)) : (S(), s("div", an, [c("div", on, [D(e.$slots, "item-icon", {
+					icon: j(kt)(r.type),
 					item: r
-				}, () => [(S(), a(O(j(Mt)(r.type)), {
+				}, () => [(S(), a(O(j(kt)(r.type)), {
 					class: "h-6 w-6 stroke-[1.9]",
 					"aria-hidden": "true"
-				}))])])]))], 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, {
+				}))])])]))], 14, zt))), 128)),
+				L.value && p["fullscreen-overlay"] ? (S(), s("div", sn, [c("div", cn, [D(e.$slots, "fullscreen-overlay", v(f(L.value)))])])) : o("", !0),
+				j(g).activeItem.value ? (S(), a(ot, {
 					key: 1,
 					"current-index": j(g).resolvedActiveIndex.value,
 					"pagination-detail": j(g).paginationDetail.value,
 					"show-back-to-list": d.showBackToList,
-					"show-end-badge": d.showStatusBadges && j(g).isAtEnd.value && !j(g).hasNextPage.value && !j(g).loading.value,
+					"show-end-badge": d.showEndBadge && j(g).isAtEnd.value && !j(g).hasNextPage.value && !j(g).loading.value,
 					title: j(g).activeItem.value.title ?? null,
 					total: j(g).items.value.length,
 					onBackToList: n[0] ||= (e) => m("back-to-list")
-				}, l({ _: 2 }, [W.value && L.value ? {
+				}, l({ _: 2 }, [H.value && L.value ? {
 					name: "actions",
 					fn: I(() => [D(e.$slots, "fullscreen-header-actions", v(f(L.value)))]),
 					key: "0"
@@ -1913,7 +1819,7 @@ var Bt = { 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(Ye, {
 					key: 2,
 					"current-time": j(g).activeMediaState.value.currentTime,
 					"current-time-label": j(g).formatPlaybackTime(j(g).activeMediaState.value.currentTime),
@@ -1929,13 +1835,13 @@ var Bt = { class: "relative h-full min-h-0 overflow-hidden bg-[#05060a] text-[#f
 					"progress",
 					"onSeekInput"
 				])) : o("", !0),
-				V.value ? (S(), s("div", {
+				B.value ? (S(), s("div", {
 					key: 3,
 					class: _(["absolute left-1/2 z-[4] -translate-x-1/2", N.value])
-				}, [J.value ? D(e.$slots, "fullscreen-status", v(h({ key: 0 }, V.value))) : (S(), s("div", {
+				}, [K.value ? D(e.$slots, "fullscreen-status", v(h({ key: 0 }, B.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)
+					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", B.value.kind === "end" ? "border-amber-300/35 text-amber-200" : ""])
+				}, k(B.value.message), 3))], 2)) : o("", !0)
 			])) : o("", !0)], 544), u(r, {
 				"enter-active-class": "transform-gpu transition-all duration-320 ease-out",
 				"enter-from-class": "translate-x-full opacity-0",
@@ -1944,7 +1850,7 @@ var Bt = { 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", fn, [c("div", pn, [D(e.$slots, "fullscreen-aside", v(f(L.value)))])])) : o("", !0)]),
+				default: I(() => [W.value && L.value ? (S(), s("aside", ln, [c("div", un, [D(e.$slots, "fullscreen-aside", v(f(L.value)))])])) : o("", !0)]),
 				_: 3
 			})], 4),
 			u(r, {
@@ -1955,29 +1861,29 @@ var Bt = { 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(() => [q.value && L.value ? (S(), s("aside", mn, [c("div", hn, [D(e.$slots, "fullscreen-aside", v(f(L.value)))])])) : o("", !0)]),
+				default: I(() => [G.value && L.value ? (S(), s("aside", dn, [c("div", fn, [D(e.$slots, "fullscreen-aside", v(f(L.value)))])])) : o("", !0)]),
 				_: 3
 			})
 		]));
 	}
-}), yn = 1, bn = .5;
-function xn(e) {
+}), gn = 1, _n = .5;
+function vn(e) {
 	if (e.type !== "image" && e.type !== "video") return {
-		width: yn,
-		height: yn,
+		width: gn,
+		height: gn,
 		source: "fallback"
 	};
 	let t = e.preview?.width, n = e.preview?.height;
-	if (On(t) && On(n)) {
-		let r = kn(e, t, n);
+	if (Tn(t) && Tn(n)) {
+		let r = En(e, t, n);
 		return {
 			width: r.width,
 			height: r.height,
 			source: "preview"
 		};
 	}
-	if (On(e.width) && On(e.height)) {
-		let t = kn(e, e.width, e.height);
+	if (Tn(e.width) && Tn(e.height)) {
+		let t = En(e, e.width, e.height);
 		return {
 			width: t.width,
 			height: t.height,
@@ -1985,31 +1891,31 @@ function xn(e) {
 		};
 	}
 	return {
-		width: yn,
-		height: yn,
+		width: gn,
+		height: gn,
 		source: "fallback"
 	};
 }
-function Sn(e, t) {
+function yn(e, t) {
 	return !e || e <= 0 || !t || t <= 0 ? 1 : Math.max(1, Math.floor(e / t));
 }
-function Cn(e, t, n, r = 0) {
+function bn(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 wn(e, t) {
-	let n = xn(e);
+function xn(e, t) {
+	let n = vn(e);
 	return n.height / n.width * t;
 }
-function Tn(e, t) {
+function Sn(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);
+		o.set(Q(l), c);
 		let u = 0;
 		for (let e = 1; e < n.length; e += 1) n[e] < n[u] && (u = e);
-		let d = u * (t.columnWidth + t.gapX), f = n[u], p = wn(l, t.columnWidth);
+		let d = u * (t.columnWidth + t.gapX), f = n[u], p = xn(l, t.columnWidth);
 		r[c] = {
 			x: d,
 			y: f
@@ -2028,7 +1934,7 @@ function Tn(e, t) {
 		indexById: o
 	};
 }
-function En(e) {
+function Cn(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();
@@ -2038,21 +1944,21 @@ function En(e) {
 	}
 	return Array.from(a).sort((e, t) => e - t);
 }
-function Dn(e, t, n) {
+function wn(e, t, n) {
 	let r = /* @__PURE__ */ new Map();
 	for (let i of e) {
-		let e = t.get($(i));
+		let e = t.get(Q(i));
 		if (e == null) continue;
 		let a = n[e];
-		a && r.set($(i), a);
+		a && r.set(Q(i), a);
 	}
 	return r;
 }
-function On(e) {
+function Tn(e) {
 	return typeof e == "number" && Number.isFinite(e) && e > 0;
 }
-function kn(e, t, n) {
-	return e.type !== "image" || n / t >= bn ? {
+function En(e, t, n) {
+	return e.type !== "image" || n / t >= _n ? {
 		width: t,
 		height: n
 	} : {
@@ -2062,41 +1968,41 @@ function kn(e, t, n) {
 }
 //#endregion
 //#region src/components/viewer-core/useMasonryMotion.ts
-var An = 300, jn = 600, Mn = 40, Nn = 400;
-function Pn(e, t) {
+var Dn = 300, On = 600, kn = 40, An = 400;
+function jn(e, t) {
 	return t === "top" ? [...e].reverse() : e;
 }
-function Fn(e) {
-	return e <= 0 ? jn : jn + Math.min((e - 1) * Mn, Nn);
+function Mn(e) {
+	return e <= 0 ? On : On + Math.min((e - 1) * kn, An);
 }
-function In(e) {
+function Nn(e) {
 	let t = e.itemHeight > 0 ? e.itemHeight : e.columnWidth;
 	return e.direction === "top" ? e.scrollTop - t : e.scrollTop + e.viewportHeight + t;
 }
-function Ln(e) {
+function Pn(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;
 		let o = [];
 		for (let n of a) {
-			let r = e.items.value[n] ? $(e.items.value[n]) : null;
+			let r = e.items.value[n] ? Q(e.items.value[n]) : null;
 			!r || !t.value.has(r) || c.has(r) || (c.add(r), o.push(r));
 		}
 		if (!o.length) return;
-		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 s = jn(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 * kn, An));
+		r.value = l, Fn(() => {
 			let e = new Set(n.value);
 			for (let t of o) e.add(t);
 			n.value = e;
-		}), zn(() => {
+		}), In(() => {
 			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;
-			}, Fn(o.length));
+			}, Mn(o.length));
 		});
 	}, { flush: "post" }), b(() => {
 		for (let e of l) clearTimeout(e);
@@ -2106,12 +2012,12 @@ function Ln(e) {
 		if (!e.length) return;
 		let r = new Set(t.value), a = new Map(i.value);
 		for (let t of e) {
-			let e = $(t);
+			let e = Q(t);
 			r.add(e), a.set(e, n);
 		}
 		t.value = r, i.value = a;
 	}
-	function d(t, n, r = An) {
+	function d(t, n, r = Dn) {
 		if (!t.size) return;
 		let i = /* @__PURE__ */ new Map(), c = [];
 		for (let [r, a] of t.entries()) {
@@ -2130,8 +2036,8 @@ function Ln(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, Rn(() => {
-			s.value = new Set(c), Rn(() => {
+		o.value = l, Fn(() => {
+			s.value = new Set(c), Fn(() => {
 				a.value = /* @__PURE__ */ new Map();
 			});
 		}), h(() => {
@@ -2142,8 +2048,8 @@ function Ln(e) {
 		}, r);
 	}
 	function f(e) {
-		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`;
+		if (n.value.has(e)) return `transform ${On}ms ease-out`;
+		if (s.value.has(e)) return `transform ${o.value.get(e) ?? Dn}ms ease-out`;
 	}
 	function p(e) {
 		if (!n.value.has(e)) return;
@@ -2154,13 +2060,13 @@ function Ln(e) {
 		let r = e.items.value[n], o = e.positions.value[n] ?? {
 			x: 0,
 			y: 0
-		}, s = e.heights.value[n] ?? e.columnWidth.value, c = r ? $(r) : null, l = c ? a.value.get(c) ?? {
+		}, s = e.heights.value[n] ?? e.columnWidth.value, c = r ? Q(r) : null, l = c ? a.value.get(c) ?? {
 			dx: 0,
 			dy: 0
 		} : {
 			dx: 0,
 			dy: 0
-		}, u = c ? i.value.get(c) ?? "bottom" : "bottom", d = c && t.value.has(c) ? In({
+		}, u = c ? i.value.get(c) ?? "bottom" : "bottom", d = c && t.value.has(c) ? Nn({
 			columnWidth: e.columnWidth.value,
 			direction: u,
 			itemHeight: s,
@@ -2183,28 +2089,28 @@ function Ln(e) {
 		playFlipMoveAnimation: d
 	};
 }
-function Rn(e) {
+function Fn(e) {
 	if (typeof requestAnimationFrame == "function") {
 		requestAnimationFrame(() => e());
 		return;
 	}
 	setTimeout(e, 0);
 }
-function zn(e) {
-	Rn(() => Rn(e));
+function In(e) {
+	Fn(() => Fn(e));
 }
 //#endregion
 //#region src/components/viewer-core/masonryViewport.ts
-function Bn(e, t) {
+function Ln(e, t) {
 	return e?.clientHeight || Math.round(e?.getBoundingClientRect().height ?? 0) || window.innerHeight || t || 1;
 }
-function Vn(e, t, n) {
+function Rn(e, t, n) {
 	return e?.clientWidth || Math.round(e?.getBoundingClientRect().width ?? 0) || window.innerWidth || t || n;
 }
-function Hn(e, t, n, r) {
+function zn(e, t, n, r) {
 	return (e?.scrollHeight ?? r) - (t + n);
 }
-function Un(e, t) {
+function Bn(e, t) {
 	return {
 		height: `${e}px`,
 		transform: `translate3d(0, ${t}px, 0)`
@@ -2212,8 +2118,8 @@ function Un(e, t) {
 }
 //#endregion
 //#region src/components/viewer-core/useEdgeBoundary.ts
-var Wn = 250, Gn = 1e3;
-function Kn(e) {
+var Vn = 250, Hn = 1e3;
+function Un(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();
@@ -2229,7 +2135,7 @@ function Kn(e) {
 	function u(t) {
 		if (!x(t) || !e.isAtBoundary()) return;
 		let n = Date.now();
-		n < s || (s = n + Wn, m());
+		n < s || (s = n + Vn, m());
 	}
 	function d() {
 		if (!g()) return;
@@ -2263,7 +2169,7 @@ function Kn(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(Gn);
+		o.value = !1, v(Hn);
 	}
 	function v(e) {
 		y(), a.value = !0, c = setTimeout(() => {
@@ -2286,30 +2192,30 @@ function Kn(e) {
 }
 //#endregion
 //#region src/components/viewer-core/useMasonryList.ts
-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({
+var Wn = 600, $ = 24, Gn = 16, Kn = 300, qn = 200, Jn = 200, Yn = 200, Xn = 300, Zn = 24, Qn = 48, $n = 500, er = 1e3;
+function tr(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 || Kn), o = T([]), s = T([]), c = T(/* @__PURE__ */ new Map()), l = T(0), u = T(/* @__PURE__ */ new Map()), d = T(null), f = i(() => Math.max(Kn, a.value - $ * 2)), p = i(() => yn(f.value, Kn)), m = i(() => bn(f.value, p.value, Kn, Gn)), h = i(() => nr(e.activeIndex.value, 0, Math.max(0, e.items.value.length - 1))), _ = i(() => Cn({
 		itemCount: e.items.value.length,
 		viewportHeight: r.value,
 		scrollTop: n.value,
-		overscanPx: Zn,
-		bucketPx: qn,
+		overscanPx: qn,
+		bucketPx: Wn,
 		buckets: c.value
 	})), v = i(() => _.value.map((t) => ({
 		item: e.items.value[t],
 		index: t
 	}))), y = 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(nr, e));
-	}), O = i(() => {
-		if (!E.value) return tr;
+		let e = l.value + $ * 2, t = d.value ?? 0;
+		return Math.max(e, t, r.value) + Yn;
+	}), 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(() => e.hasNextPage.value || e.allowExhaustedNextPageRefresh.value), w = i(() => `${h.value + 1} / ${e.items.value.length}`), E = i(() => Math.max(0, r.value - Zn * 2)), D = i(() => y.value > r.value + 1 && E.value > 0), O = i(() => {
+		if (!D.value) return 0;
+		let e = r.value / y.value * E.value;
+		return Math.min(E.value, Math.max(Qn, e));
+	}), k = i(() => {
+		if (!D.value) return Zn;
 		let e = Math.max(0, y.value - r.value);
-		return tr + Math.max(0, w.value - D.value) * (e > 0 ? or(n.value / e, 0, 1) : 0);
-	}), k = Ln({
+		return Zn + Math.max(0, E.value - O.value) * (e > 0 ? nr(n.value / e, 0, 1) : 0);
+	}), A = Pn({
 		items: e.items,
 		visibleIndices: _,
 		positions: o,
@@ -2318,92 +2224,92 @@ function ar(e) {
 		columnWidth: m,
 		scrollTop: n,
 		viewportHeight: r
-	}), A = Kn({
+	}), j = Un({
 		direction: "top",
 		getAnimationLockMs(e) {
-			return Math.max(rr, Fn(e)) + ir;
+			return Math.max($n, Mn(e)) + er;
 		},
 		hasPage: e.hasPreviousPage,
 		isAtBoundary() {
-			return n.value <= Jn + Yn;
+			return n.value <= $ + Gn;
 		},
 		loading: e.loading,
 		requestPage: e.requestPreviousPage
-	}), j = Kn({
+	}), M = Un({
 		direction: "bottom",
 		getAnimationLockMs(e) {
-			return Fn(e) + ir;
+			return Mn(e) + er;
 		},
-		hasPage: e.hasNextPage,
+		hasPage: C,
 		isAtBoundary() {
-			return J() <= Qn;
+			return J() <= Jn;
 		},
 		loading: e.loading,
 		requestPage: e.requestNextPage
-	}), M = null, N = 0, F = null, I = !1;
+	}), N = null, F = 0, I = null, L = !1;
 	P([
-		() => e.items.value.map((e) => $(e)),
+		() => e.items.value.map((e) => Q(e)),
 		p,
 		m
 	], async ([t], [r = []]) => {
-		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();
+		let i = wn(e.items.value, u.value, o.value), a = new Set(r), s = e.items.value.filter((e) => !a.has(Q(e))), c = t.length > r.length && r.length > 0 && t[0] !== r[0], l = c && n.value > $ + Gn ? e.items.value[h.value] : null, d = l ? Q(l) : null;
+		ee(), s.length > 0 && (A.markEnter(s, c ? "top" : "bottom"), c ? j.onItemsMutated(s.length) : M.onItemsMutated(s.length)), A.playFlipMoveAnimation(i, new Set(s.map((e) => Q(e))), c ? $n : void 0), d ? (await g(), te(d, i)) : e.active.value && r.length > 0 && U();
 	}, { immediate: !0 }), P([
-		() => e.pendingAppendItems.value.map((e) => $(e)),
+		() => e.pendingAppendItems.value.map((e) => Q(e)),
 		p,
 		m,
 		r
 	], ([t]) => {
-		ne(), t.length && (d.value = Y([...e.items.value, ...e.pendingAppendItems.value]), X());
+		ie(), t.length && (d.value = ne([...e.items.value, ...e.pendingAppendItems.value]), re());
 	}, { immediate: !0 }), P(() => e.restoreToken.value, async () => {
-		await g(), B(h.value, "center");
+		await g(), V(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();
+		!t && !e.pendingAppendItems.value.length && !I && !L && (d.value = null), j.onLoadingChange(t), M.onLoadingChange(t), await g();
 	}), x(async () => {
-		G(), await g(), h.value > 0 ? B(h.value, "center") : H(), A.syncBoundary(), j.syncBoundary(), typeof ResizeObserver < "u" ? (M = new ResizeObserver(() => {
+		G(), await g(), h.value > 0 ? V(h.value, "center") : H(), j.syncBoundary(), M.syncBoundary(), typeof ResizeObserver < "u" ? (N = new ResizeObserver(() => {
 			G();
-		}), t.value && M.observe(t.value)) : window.addEventListener("resize", G);
+		}), t.value && N.observe(t.value)) : window.addEventListener("resize", G);
 	}), b(() => {
-		M?.disconnect(), M = null, window.removeEventListener("resize", G), ne(), N &&= (cancelAnimationFrame(N), 0);
+		N?.disconnect(), N = null, window.removeEventListener("resize", G), ie(), F &&= (cancelAnimationFrame(F), 0);
 	});
-	function L() {
-		let t = Tn(e.items.value, {
+	function ee() {
+		let t = Sn(e.items.value, {
 			columnCount: p.value,
 			columnWidth: m.value,
-			gapX: Yn,
-			gapY: Yn,
-			bucketPx: qn
+			gapX: Gn,
+			gapY: Gn,
+			bucketPx: Wn
 		});
 		o.value = t.positions.map((e) => ({
-			x: e.x + Jn,
-			y: e.y + Jn
+			x: e.x + $,
+			y: e.y + $
 		})), s.value = t.heights, c.value = t.buckets, l.value = t.contentHeight, u.value = t.indexById;
 	}
-	function ee() {
-		e.active.value && (n.value = t.value?.scrollTop ?? 0, r.value = K(), A.syncBoundary(), j.syncBoundary(), W(), !U() && (N ||= requestAnimationFrame(() => {
-			N = 0, H();
+	function R() {
+		e.active.value && (n.value = t.value?.scrollTop ?? 0, r.value = K(), j.syncBoundary(), M.syncBoundary(), W(), !U() && (F ||= requestAnimationFrame(() => {
+			F = 0, H();
 		})));
 	}
-	function R(t) {
-		e.active.value && (A.onWheel(t), j.onWheel(t), W());
-	}
 	function z(t) {
-		let n = e.items.value[t], r = n ? $(n) : "";
+		e.active.value && (j.onWheel(t), M.onWheel(t), W());
+	}
+	function B(t) {
+		let n = e.items.value[t], r = n ? Q(n) : "";
 		return {
 			height: `${s.value[t] ?? m.value}px`,
 			width: `${m.value}px`,
-			transition: r ? k.getCardTransition(r) : void 0,
-			transitionDelay: r ? k.getCardTransitionDelay(r) : void 0,
-			transform: k.getCardTransform(t)
+			transition: r ? A.getCardTransition(r) : void 0,
+			transitionDelay: r ? A.getCardTransitionDelay(r) : void 0,
+			transform: A.getCardTransform(t)
 		};
 	}
-	function B(e, i) {
+	function V(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 - 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();
+		i === "center" ? u = c.y - (r.value - l) / 2 : c.y < a.scrollTop ? u = c.y - $ : c.y + l > a.scrollTop + r.value && (u = c.y + l - r.value + $), a.scrollTop = nr(u, 0, d), n.value = a.scrollTop, H();
 	}
-	function V(e, r) {
+	function te(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;
@@ -2421,78 +2327,78 @@ function ar(e) {
 		e.setActiveIndex(i);
 	}
 	function U() {
-		let t = n.value <= Jn + Yn, r = J() <= Qn;
+		let t = n.value <= $ + Gn, r = J() <= Jn;
 		return t ? (e.setActiveIndex(0), !0) : r ? (e.setActiveIndex(Math.max(0, e.items.value.length - 1)), !0) : !1;
 	}
 	function W() {
-		A.maybeRequestPage(), j.maybeRequestPage();
+		j.maybeRequestPage(), M.maybeRequestPage();
 	}
 	function G() {
 		r.value = K(), a.value = q();
 	}
 	function K() {
-		return Bn(t.value, r.value);
+		return Ln(t.value, r.value);
 	}
 	function q() {
-		return Vn(t.value, a.value, Xn);
+		return Rn(t.value, a.value, Kn);
 	}
 	function J() {
-		return Hn(t.value, n.value, r.value, y.value);
+		return zn(t.value, n.value, r.value, y.value);
 	}
-	function te() {
-		return Un(D.value, O.value);
+	function Y() {
+		return Bn(O.value, k.value);
 	}
-	function Y(e) {
-		return e.length ? Tn(e, {
+	function ne(e) {
+		return e.length ? Sn(e, {
 			columnCount: p.value,
 			columnWidth: m.value,
-			gapX: Yn,
-			gapY: Yn,
-			bucketPx: qn
-		}).contentHeight + Jn * 2 : 0;
+			gapX: Gn,
+			gapY: Gn,
+			bucketPx: Wn
+		}).contentHeight + $ * 2 : 0;
 	}
-	function X() {
+	function re() {
 		let t = e.commitPendingAppend.value;
-		typeof t == "function" && (F = setTimeout(async () => {
-			F = null, I = !0;
+		typeof t == "function" && (I = setTimeout(async () => {
+			I = null, L = !0;
 			try {
 				if (!e.pendingAppendItems.value.length) return;
 				await t(), await g(), await g();
 			} finally {
-				d.value = null, I = !1;
+				d.value = null, L = !1;
 			}
-		}, er));
+		}, Xn));
 	}
-	function ne() {
-		F &&= (clearTimeout(F), null);
+	function ie() {
+		I &&= (clearTimeout(I), null);
 	}
 	return {
 		columnWidth: m,
 		containerHeight: y,
 		footerStatusMessage: S,
-		getCardStyle: z,
-		getScrollbarThumbStyle: te,
-		onScroll: ee,
-		onWheel: R,
-		paginationLabel: C,
+		getCardStyle: B,
+		getScrollbarThumbStyle: Y,
+		onScroll: R,
+		onWheel: z,
+		paginationLabel: w,
 		renderedItems: v,
 		resolvedActiveIndex: h,
-		scrollToIndex: B,
-		showScrollbar: E,
+		scrollToIndex: V,
+		showScrollbar: D,
 		scrollViewportRef: t
 	};
 }
-function or(e, t, n) {
+function nr(e, t, n) {
 	return Math.min(Math.max(e, t), n);
 }
 //#endregion
 //#region src/components/viewer-core/listCardAsset.ts
-function sr(e) {
+function rr(e) {
 	if (e) try {
 		e.removeAttribute("src"), e.src = "";
 	} catch {}
 }
-function cr(e) {
+function ir(e) {
 	if (e) {
 		try {
 			e.currentTime = 0;
@@ -2503,12 +2409,12 @@ function cr(e) {
 		} catch {}
 	}
 }
-function lr(e, t) {
+function ar(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 ur(e) {
+function or(e) {
 	if (!e) return null;
 	try {
 		return new URL(e, window.location.href).href;
@@ -2518,22 +2424,22 @@ function ur(e) {
 }
 //#endregion
 //#region src/components/viewer-core/listPreview.ts
-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);
+var sr = /\.(avif|gif|jpe?g|png|svg|webp)(\?|#|$)/i, cr = /\.(m4v|mov|mp4|mpeg|ogg|ogv|webm)(\?|#|$)/i;
+function lr(e) {
+	let t = e.preview?.url ?? e.url, n = vn(e), r = e.title?.trim() || At(e.type);
 	return e.type !== "image" && e.type !== "video" ? {
 		kind: "fallback",
 		url: null,
 		width: n.width,
 		height: n.height,
 		label: r
-	} : hr(e, t) ? {
+	} : dr(e, t) ? {
 		kind: "video",
 		url: t,
 		width: n.width,
 		height: n.height,
 		label: r
-	} : mr(e, t) ? {
+	} : ur(e, t) ? {
 		kind: "image",
 		url: t,
 		width: n.width,
@@ -2547,33 +2453,82 @@ function pr(e) {
 		label: r
 	};
 }
-function mr(e, t) {
-	return e.type !== "image" || typeof t != "string" ? !1 : dr.test(t) || gr(t);
+function ur(e, t) {
+	return e.type !== "image" || typeof t != "string" ? !1 : sr.test(t) || fr(t);
 }
-function hr(e, t) {
-	return e.type === "video" && typeof t == "string" && fr.test(t);
+function dr(e, t) {
+	return e.type === "video" && typeof t == "string" && cr.test(t);
 }
-function gr(e) {
+function fr(e) {
 	return /^https?:\/\//i.test(e);
 }
 //#endregion
-//#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;
+//#region src/components/viewer-core/useAssetLoadQueue.ts
+var pr = {
+	maxGlobal: 10,
+	maxPerDomain: 4,
+	maxVideoPerDomain: 2
+};
+function mr(e = pr) {
+	let t = /* @__PURE__ */ new Map(), n = /* @__PURE__ */ new Map(), r = 0;
+	function i(e) {
+		let i = {
+			...e,
+			domain: _r(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 = gr(e) - gr(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);
+				}
 			}
-			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 hr = mr();
+function gr(e) {
+	try {
+		let t = e.getPriority();
+		return Number.isFinite(t) ? t : Infinity;
+	} catch {
+		return Infinity;
+	}
+}
+function _r(e) {
+	try {
+		return new URL(e).hostname || "local";
+	} catch {
+		return "local";
+	}
 }
 //#endregion
 //#region src/components/ListCard.vue?vue&type=script&setup=true&lang.ts
@@ -2591,7 +2546,6 @@ var vr = ["aria-label"], yr = {
 			type: Boolean,
 			default: !1
 		},
-		assetLoadQueue: { default: null },
 		index: { default: 0 },
 		item: {},
 		reportAssetError: {
@@ -2609,80 +2563,80 @@ var vr = ["aria-label"], yr = {
 	},
 	emits: ["open"],
 	setup(e, { emit: t }) {
-		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());
-		});
+		let n = e, r = t, l = i(() => lr(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(() => gt(h.value)), L = i(() => A.value && !h.value && (!w.value || !m.value)), R = null, z = null, B = /* @__PURE__ */ new Set();
 		P([E, () => l.value.kind], () => {
 			let e = l.value.kind === "fallback";
 			m.value = e, h.value = null, e && (w.value = !0);
 		}), P(A, () => {
-			q();
+			W();
 		}), P([
 			d,
 			m,
 			E
 		], () => {
-			J();
+			G();
 		}), P(() => n.surfaceActive, (e) => {
 			if (!e) {
-				Y(), J();
+				q(), G();
 				return;
 			}
-			H.schedule();
+			requestAnimationFrame(() => {
+				J(), W(), G();
+			});
 		}), x(() => {
 			if (!v.value || typeof IntersectionObserver > "u") {
-				y.value = null, d.value = !0, q();
+				y.value = null, d.value = !0, W();
 				return;
 			}
-			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());
+			y.value = v.value.closest("[data-testid=\"vibe-list-scroll\"]"), R = new IntersectionObserver((e) => {
+				for (let t of e) t.target === v.value && (n.surfaceActive && J(t), W(), G());
 			}, {
 				root: y.value,
 				threshold: [0, 1]
 			}), R.observe(v.value);
 		}), b(() => {
-			te(), y.value?.removeEventListener("scroll", H.schedule), R?.disconnect(), R = null, H.cancel();
+			K(), R?.disconnect(), R = null;
 		});
-		function U() {
-			ce(g.value) && (m.value = !0, h.value = null, re(E.value ?? n.item.url), Y());
+		function V() {
+			X(g.value) && (m.value = !0, h.value = null, Y(E.value ?? n.item.url), q());
 		}
-		async function W() {
-			if (!ce(g.value)) return;
+		async function te() {
+			if (!X(g.value)) return;
 			let e = E.value ?? n.item.url;
 			m.value = !1, h.value = "generic";
-			let t = await bt(e);
+			let t = await _t(e);
 			h.value = t, n.reportAssetError?.({
 				item: n.item,
-				occurrenceKey: $(n.item),
+				occurrenceKey: Q(n.item),
 				url: e,
 				kind: t,
 				surface: "grid"
-			}), Y();
+			}), q();
 		}
-		function G() {
-			ce(C.value) && (m.value = !0, h.value = null, re(E.value ?? n.item.url), Y(), J());
+		function H() {
+			X(C.value) && (m.value = !0, h.value = null, Y(E.value ?? n.item.url), q(), G());
 		}
-		function K() {
-			ce(C.value) && (m.value = !1);
+		function U() {
+			X(C.value) && (m.value = !1);
 		}
-		function q() {
+		function W() {
 			if (l.value.kind === "fallback") {
-				te(!1);
+				K(!1);
 				return;
 			}
 			if (!n.surfaceActive) {
-				Y();
+				q();
 				return;
 			}
 			if (!A.value) {
-				te();
+				K();
 				return;
 			}
 			if (w.value || z) {
 				z?.refresh();
 				return;
 			}
-			z = (n.assetLoadQueue ?? V).request({
+			z = hr.request({
 				assetType: l.value.kind,
 				getPriority: se,
 				onGrant() {
@@ -2691,7 +2645,7 @@ var vr = ["aria-label"], yr = {
 				url: l.value.url ?? n.item.url
 			});
 		}
-		function J() {
+		function G() {
 			let e = C.value;
 			if (!(!e || l.value.kind !== "video")) {
 				if (h.value) {
@@ -2699,7 +2653,7 @@ var vr = ["aria-label"], yr = {
 					return;
 				}
 				if (E.value && d.value && m.value) {
-					e.muted = !0, e.loop = !0, e.playsInline = !0, Ct(e);
+					e.muted = !0, e.loop = !0, e.playsInline = !0, bt(e);
 					return;
 				}
 				try {
@@ -2708,23 +2662,23 @@ var vr = ["aria-label"], yr = {
 				e.pause();
 			}
 		}
-		function te(e = !0) {
-			w.value = l.value.kind === "fallback", h.value = null, m.value = l.value.kind === "fallback", e && (Z(), oe()), Y();
+		function K(e = !0) {
+			w.value = l.value.kind === "fallback", h.value = null, m.value = l.value.kind === "fallback", e && (ie(), ae()), q();
 		}
-		function Y() {
+		function q() {
 			z?.release(), z = null;
 		}
-		function X(e) {
+		function J(e) {
 			let t = v.value;
 			if (!t) {
 				d.value = !0;
 				return;
 			}
-			d.value = lr(e?.boundingClientRect ?? t.getBoundingClientRect(), e?.rootBounds ?? y.value?.getBoundingClientRect() ?? null);
+			d.value = ar(e?.boundingClientRect ?? t.getBoundingClientRect(), e?.rootBounds ?? y.value?.getBoundingClientRect() ?? null);
 		}
-		function re(e) {
+		function Y(e) {
 			if (!e) return;
-			let t = $(n.item), r = `${t}|${e}`;
+			let t = Q(n.item), r = `${t}|${e}`;
 			B.has(r) || (B.add(r), n.reportAssetLoad?.({
 				item: n.item,
 				occurrenceKey: t,
@@ -2732,18 +2686,18 @@ var vr = ["aria-label"], yr = {
 				url: e
 			}));
 		}
-		function ie() {
+		function ne() {
 			if (!I.value) return;
-			let e = $(n.item);
+			let e = Q(n.item);
 			B.forEach((t) => {
 				t.startsWith(`${e}|`) && B.delete(t);
-			}), h.value = null, m.value = !1, w.value = !1, Y(), q();
+			}), h.value = null, m.value = !1, w.value = !1, q(), W();
 		}
-		function Z() {
-			sr(g.value);
+		function ie() {
+			rr(g.value);
 		}
-		function oe() {
-			cr(C.value);
+		function ae() {
+			ir(C.value);
 		}
 		function se() {
 			let e = v.value;
@@ -2756,17 +2710,17 @@ var vr = ["aria-label"], yr = {
 			let n = window.innerHeight / 2;
 			return Math.abs((t.top + t.bottom) / 2 - n);
 		}
-		function ce(e) {
-			let t = ur(E.value);
-			return !e || !t ? !1 : ur("currentSrc" in e && e.currentSrc || e.getAttribute("src")) === t;
+		function X(e) {
+			let t = or(E.value);
+			return !e || !t ? !1 : or("currentSrc" in e && e.currentSrc || e.getAttribute("src")) === t;
 		}
-		function le() {
+		function ce() {
 			r("open");
 		}
-		function ue() {
+		function le() {
 			f.value = !0;
 		}
-		function de(e) {
+		function Z(e) {
 			let t = e.relatedTarget;
 			v.value && t instanceof Node && v.value.contains(t) || (f.value = !1);
 		}
@@ -2775,8 +2729,8 @@ var vr = ["aria-label"], yr = {
 			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: ue,
-			onFocusout: de,
+			onFocusin: le,
+			onFocusout: Z,
 			onPointerenter: t[0] ||= (e) => p.value = !0,
 			onPointerleave: t[1] ||= (e) => p.value = !1
 		}, [
@@ -2785,9 +2739,9 @@ var vr = ["aria-label"], yr = {
 				"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: le
+				onClick: ce
 			}, null, 8, vr),
-			L.value ? (S(), s("div", yr, [c("span", br, [u(j(ne), {
+			L.value ? (S(), s("div", yr, [c("span", br, [u(j(re), {
 				class: "h-5 w-5 animate-spin stroke-[1.9] text-[#f7f1ea]/78",
 				"aria-hidden": "true"
 			})])])) : o("", !0),
@@ -2799,8 +2753,8 @@ var vr = ["aria-label"], yr = {
 				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: U,
-				onError: W
+				onLoad: V,
+				onError: te
 			}, null, 42, xr)) : N.value && E.value && !F.value ? (S(), s("video", {
 				key: 2,
 				ref_key: "videoRef",
@@ -2811,33 +2765,33 @@ var vr = ["aria-label"], yr = {
 				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: G,
-				onError: W,
-				onLoadstart: K,
-				onPlaying: G,
-				onStalled: K,
-				onWaiting: K
+				onCanplay: H,
+				onError: te,
+				onLoadstart: U,
+				onPlaying: H,
+				onStalled: U,
+				onWaiting: U
 			}, 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", wr, [
-				u(j(ae), {
+				u(j(oe), {
 					class: "h-6 w-6 stroke-[1.8] text-[#f7f1ea]/78",
 					"aria-hidden": "true"
 				}),
-				c("span", Tr, k(j(vt)(h.value)), 1),
+				c("span", Tr, k(j(ht)(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: ee(ie, ["stop"])
+					onClick: ee(ne, ["stop"])
 				}, " Retry ")) : o("", !0)
 			])], 8, Cr)) : (S(), s("div", Er, [c("div", Dr, [D(e.$slots, "item-icon", {
-				icon: j(Mt)(n.item.type),
+				icon: j(kt)(n.item.type),
 				item: n.item
-			}, () => [(S(), a(O(j(Mt)(n.item.type)), {
+			}, () => [(S(), a(O(j(kt)(n.item.type)), {
 				class: "h-6 w-6 stroke-[1.8] text-[#f7f1ea]/78",
 				"aria-hidden": "true"
 			}))])])])),
@@ -2847,7 +2801,7 @@ var vr = ["aria-label"], yr = {
 				hovered: p.value,
 				index: n.index,
 				item: n.item,
-				openFullscreen: le
+				openFullscreen: ce
 			})])
 		], 34));
 	}
@@ -2879,7 +2833,10 @@ var vr = ["aria-label"], yr = {
 			default: !0
 		},
 		activeIndex: { default: 0 },
-		assetLoadQueue: { default: null },
+		allowExhaustedNextPageRefresh: {
+			type: Boolean,
+			default: !1
+		},
 		commitPendingAppend: {
 			type: [Function, null],
 			default: null
@@ -2923,8 +2880,9 @@ var vr = ["aria-label"], yr = {
 	},
 	emits: ["open-fullscreen", "update:activeIndex"],
 	setup(e, { emit: n }) {
-		let r = e, a = M(), d = n, f = ar({
+		let r = e, a = M(), d = n, f = tr({
 			active: A(r, "active"),
+			allowExhaustedNextPageRefresh: A(r, "allowExhaustedNextPageRefresh"),
 			items: A(r, "items"),
 			activeIndex: A(r, "activeIndex"),
 			loading: A(r, "loading"),
@@ -2939,14 +2897,14 @@ var vr = ["aria-label"], yr = {
 			setActiveIndex(e) {
 				d("update:activeIndex", e);
 			}
-		}), 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 : {
+		}), p = i(() => !r.showStatusBadges || !f.footerStatusMessage.value ? null : {
 			activeIndex: f.resolvedActiveIndex.value,
 			kind: r.loading ? "loading-more" : "end",
 			loading: r.loading,
-			message: p.value,
+			message: f.footerStatusMessage.value,
 			paginationDetail: r.paginationDetail,
 			total: r.items.length
-		}), g = i(() => !m.value || !a["grid-status"] ? [] : a["grid-status"](m.value)), b = i(() => Pt(g.value));
+		}), m = i(() => !p.value || !a["grid-status"] ? [] : a["grid-status"](p.value)), g = i(() => jt(m.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", {
@@ -2960,17 +2918,16 @@ var vr = ["aria-label"], yr = {
 				class: "relative",
 				style: y({ height: `${j(f).containerHeight.value}px` })
 			}, [(S(!0), s(t, null, E(j(f).renderedItems.value, ({ item: t, index: n }) => (S(), s("article", {
-				key: j($)(t),
+				key: j(Q)(t),
 				"data-testid": "vibe-list-card",
 				"data-active": n === j(f).resolvedActiveIndex.value ? "true" : "false",
 				"data-index": n,
 				"data-item-id": t.id,
-				"data-occurrence-key": j($)(t),
+				"data-occurrence-key": j(Q)(t),
 				class: "absolute will-change-transform",
 				style: y(j(f).getCardStyle(n))
 			}, [u(kr, {
 				active: n === j(f).resolvedActiveIndex.value,
-				"asset-load-queue": r.assetLoadQueue,
 				index: n,
 				item: t,
 				"report-asset-error": r.reportAssetError,
@@ -2987,7 +2944,6 @@ var vr = ["aria-label"], yr = {
 				key: "1"
 			} : void 0]), 1032, [
 				"active",
-				"asset-load-queue",
 				"index",
 				"item",
 				"report-asset-error",
@@ -3001,10 +2957,10 @@ var vr = ["aria-label"], yr = {
 				style: y(j(f).getScrollbarThumbStyle())
 			}, null, 6)])) : o("", !0),
 			a["grid-footer"] ? (S(), s("div", Lr, [c("div", Rr, [D(e.$slots, "grid-footer")])])) : o("", !0),
-			m.value ? (S(), s("div", {
+			p.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"])
-			}, [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)
+			}, [g.value ? D(e.$slots, "grid-status", v(h({ key: 0 }, p.value))) : (S(), s("span", zr, k(p.value.message), 1))], 2)) : o("", !0)
 		]));
 	}
 }), Vr = ["data-surface-mode"], Hr = {
@@ -3025,64 +2981,57 @@ var vr = ["aria-label"], yr = {
 		loading: { type: Boolean },
 		hasNextPage: { type: Boolean },
 		mode: {},
-		resolve: {},
+		resolve: { type: Function },
 		initialCursor: {},
 		pageSize: {},
-		assetLoadLimits: {},
 		hasPreviousPage: { type: Boolean },
 		paginationDetail: {},
-		requestNextPage: {},
-		requestPreviousPage: {},
-		showStatusBadges: {
-			type: Boolean,
-			default: !0
-		},
-		surfaceMode: {}
+		requestNextPage: { type: [Function, null] },
+		requestPreviousPage: { type: [Function, null] },
+		showEndBadge: { type: Boolean },
+		showStatusBadges: { type: Boolean }
 	},
 	emits: [
 		"asset-errors",
 		"asset-loads",
-		"update:activeIndex",
-		"update:surfaceMode"
+		"update:activeIndex"
 	],
 	setup(e, { expose: n, emit: i }) {
-		let d = e, p = M(), m = i, h = Q(d.assetLoadLimits), g = Ge(d, m), _ = Z((e) => {
+		let d = e, p = M(), m = i, h = He(d, m), g = se((e) => {
 			m("asset-errors", e);
-		}), y = oe((e) => {
+		}), _ = X((e) => {
 			m("asset-loads", e);
 		});
 		return b(() => {
-			_.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
+			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
 		}), (e, n) => (S(), s("section", {
 			"data-testid": "vibe",
-			"data-surface-mode": j(g).surfaceMode.value,
+			"data-surface-mode": j(h).surfaceMode.value,
 			class: "relative h-full min-h-0 overflow-hidden bg-[#05060a] text-[#f7f1ea]"
-		}, [j(g).canRetryInitialLoad.value ? (S(), s("button", {
+		}, [j(h).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(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), {
+			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", Hr, k(j(h).errorMessage.value), 1)) : o("", !0), j(h).items.value.length === 0 ? (S(), s("div", Ur, [j(h).loading.value ? (S(), s(t, { key: 0 }, [u(j(re), {
 			class: "size-10 animate-spin text-[#f7f1ea]/82",
 			"aria-hidden": "true"
 		}), n[1] ||= c("p", { class: "m-0 text-[0.9rem] font-semibold uppercase tracking-[0.22em] text-[#f7f1ea]/72" }, " Loading... ", -1)], 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(g).isDesktop.value ? (S(), s(t, { key: 3 }, [u(r, {
+		], 64))])) : j(h).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",
@@ -3093,28 +3042,28 @@ var vr = ["aria-label"], yr = {
 		}, {
 			default: I(() => [L(c("div", {
 				"data-testid": "vibe-list-surface",
-				"data-visible": j(g).surfaceMode.value === "list" ? "true" : "false",
-				inert: j(g).surfaceMode.value !== "list",
+				"data-visible": j(h).surfaceMode.value === "list" ? "true" : "false",
+				inert: j(h).surfaceMode.value !== "list",
 				class: "absolute inset-0 z-[2]"
 			}, [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
+				active: j(h).surfaceMode.value === "list",
+				"allow-exhausted-next-page-refresh": j(h).canRefreshExhaustedNextPage.value,
+				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,
+				"show-status-badges": d.showStatusBadges ?? !0,
+				onOpenFullscreen: j(h).openFullscreen,
+				"onUpdate:activeIndex": j(h).setActiveIndex
 			}, l({ _: 2 }, [
 				p["grid-footer"] ? {
 					name: "grid-footer",
@@ -3126,7 +3075,7 @@ var vr = ["aria-label"], yr = {
 					fn: I((t) => [D(e.$slots, "grid-item-overlay", v(f(t)))]),
 					key: "1"
 				} : void 0,
-				d.showStatusBadges !== !1 && p["grid-status"] ? {
+				p["grid-status"] ? {
 					name: "grid-status",
 					fn: I((t) => [D(e.$slots, "grid-status", v(f(t)))]),
 					key: "2"
@@ -3138,9 +3087,9 @@ var vr = ["aria-label"], yr = {
 				} : void 0
 			]), 1032, [
 				"active",
+				"allow-exhausted-next-page-refresh",
 				"items",
 				"active-index",
-				"asset-load-queue",
 				"loading",
 				"has-next-page",
 				"has-previous-page",
@@ -3155,7 +3104,7 @@ var vr = ["aria-label"], yr = {
 				"show-status-badges",
 				"onOpenFullscreen",
 				"onUpdate:activeIndex"
-			])], 8, Wr), [[N, j(g).surfaceMode.value === "list"]])]),
+			])], 8, Wr), [[N, j(h).surfaceMode.value === "list"]])]),
 			_: 3
 		}), u(r, {
 			appear: "",
@@ -3168,22 +3117,23 @@ var vr = ["aria-label"], yr = {
 		}, {
 			default: I(() => [L(c("div", {
 				"data-testid": "vibe-fullscreen-surface",
-				"data-visible": j(g).surfaceMode.value === "fullscreen" ? "true" : "false",
-				inert: j(g).surfaceMode.value !== "fullscreen",
+				"data-visible": j(h).surfaceMode.value === "fullscreen" ? "true" : "false",
+				inert: j(h).surfaceMode.value !== "fullscreen",
 				class: "absolute inset-0 z-[3]"
-			}, [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
+			}, [u(hn, {
+				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-end-badge": d.showEndBadge ?? !0,
+				"show-status-badges": d.showStatusBadges ?? !0,
+				"show-back-to-list": j(h).showBackToList.value,
+				onBackToList: j(h).returnToList,
+				"onUpdate:activeIndex": j(h).setActiveIndex
 			}, l({ _: 2 }, [
 				p["fullscreen-overlay"] ? {
 					name: "fullscreen-overlay",
@@ -3200,7 +3150,7 @@ var vr = ["aria-label"], yr = {
 					fn: I((t) => [D(e.$slots, "fullscreen-header-actions", v(f(t)))]),
 					key: "2"
 				} : void 0,
-				d.showStatusBadges !== !1 && p["fullscreen-status"] ? {
+				p["fullscreen-status"] ? {
 					name: "fullscreen-status",
 					fn: I((t) => [D(e.$slots, "fullscreen-status", v(f(t)))]),
 					key: "3"
@@ -3219,26 +3169,28 @@ var vr = ["aria-label"], yr = {
 				"pagination-detail",
 				"report-asset-error",
 				"report-asset-load",
-				"show-back-to-list",
+				"show-end-badge",
 				"show-status-badges",
+				"show-back-to-list",
 				"onBackToList",
 				"onUpdate:activeIndex"
-			])], 8, Gr), [[N, j(g).surfaceMode.value === "fullscreen"]])]),
+			])], 8, Gr), [[N, j(h).surfaceMode.value === "fullscreen"]])]),
 			_: 3
-		})], 64)) : (S(), a(vn, {
+		})], 64)) : (S(), a(hn, {
 			key: 4,
-			items: j(g).items.value,
+			items: j(h).items.value,
 			active: !0,
-			"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,
+			"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-end-badge": d.showEndBadge ?? !0,
+			"show-status-badges": d.showStatusBadges ?? !0,
 			"show-back-to-list": !1,
-			"show-status-badges": d.showStatusBadges !== !1,
-			onBackToList: j(g).returnToList,
-			"onUpdate:activeIndex": j(g).setActiveIndex
+			onBackToList: j(h).returnToList,
+			"onUpdate:activeIndex": j(h).setActiveIndex
 		}, l({ _: 2 }, [
 			p["fullscreen-overlay"] ? {
 				name: "fullscreen-overlay",
@@ -3255,7 +3207,7 @@ var vr = ["aria-label"], yr = {
 				fn: I((t) => [D(e.$slots, "fullscreen-header-actions", v(f(t)))]),
 				key: "2"
 			} : void 0,
-			d.showStatusBadges !== !1 && p["fullscreen-status"] ? {
+			p["fullscreen-status"] ? {
 				name: "fullscreen-status",
 				fn: I((t) => [D(e.$slots, "fullscreen-status", v(f(t)))]),
 				key: "3"
@@ -3273,6 +3225,7 @@ var vr = ["aria-label"], yr = {
 			"pagination-detail",
 			"report-asset-error",
 			"report-asset-load",
+			"show-end-badge",
 			"show-status-badges",
 			"onBackToList",
 			"onUpdate:activeIndex"