@wyxos/vibe 3.1.26 → 3.1.27

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 U = (e) => {
 	for (let t in e) if (t.startsWith("aria-") || t === "role" || t === "title") return !0;
 	return !1;
-}, te = (e) => e === "", W = (...e) => e.filter((e, t, n) => !!e && e.trim() !== "" && n.indexOf(e) === t).join(" ").trim(), G = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), K = (e) => e.replace(/^([A-Z])|[\s-_]+(\w)/g, (e, t, n) => n ? n.toUpperCase() : t.toLowerCase()), q = (e) => {
-	let t = K(e);
+}, te = (e) => e === "", W = (...e) => e.filter((e, t, n) => !!e && e.trim() !== "" && n.indexOf(e) === t).join(" ").trim(), G = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), ne = (e) => e.replace(/^([A-Z])|[\s-_]+(\w)/g, (e, t, n) => n ? n.toUpperCase() : t.toLowerCase()), K = (e) => {
+	let t = ne(e);
 	return t.charAt(0).toUpperCase() + t.slice(1);
-}, J = {
+}, q = {
 	xmlns: "http://www.w3.org/2000/svg",
 	width: 24,
 	height: 24,
@@ -16,27 +16,27 @@ var U = (e) => {
 	"stroke-width": 2,
 	"stroke-linecap": "round",
 	"stroke-linejoin": "round"
-}, ne = ({ name: e, iconNode: t, absoluteStrokeWidth: n, "absolute-stroke-width": r, strokeWidth: i, "stroke-width": a, size: o = J.width, color: s = J.stroke, ...c }, { slots: l }) => m("svg", {
-	...J,
+}, re = ({ name: e, iconNode: t, absoluteStrokeWidth: n, "absolute-stroke-width": r, strokeWidth: i, "stroke-width": a, size: o = q.width, color: s = q.stroke, ...c }, { slots: l }) => m("svg", {
+	...q,
 	...c,
 	width: o,
 	height: o,
 	stroke: s,
-	"stroke-width": te(n) || te(r) || n === !0 || r === !0 ? Number(i || a || J["stroke-width"]) * 24 / Number(o) : i || a || J["stroke-width"],
-	class: W("lucide", c.class, ...e ? [`lucide-${G(q(e))}-icon`, `lucide-${G(e)}`] : ["lucide-icon"]),
+	"stroke-width": te(n) || te(r) || n === !0 || r === !0 ? Number(i || a || q["stroke-width"]) * 24 / Number(o) : i || a || q["stroke-width"],
+	class: W("lucide", c.class, ...e ? [`lucide-${G(K(e))}-icon`, `lucide-${G(e)}`] : ["lucide-icon"]),
 	...!l.default && !U(c) && { "aria-hidden": "true" }
-}, [...t.map((e) => m(...e)), ...l.default ? [l.default()] : []]), Y = (e, t) => (n, { slots: r, attrs: i }) => m(ne, {
+}, [...t.map((e) => m(...e)), ...l.default ? [l.default()] : []]), J = (e, t) => (n, { slots: r, attrs: i }) => m(re, {
 	...i,
 	...n,
 	iconNode: t,
 	name: e
-}, r), X = Y("arrow-left", [["path", {
+}, r), Y = J("arrow-left", [["path", {
 	d: "m12 19-7-7 7-7",
 	key: "1l729n"
 }], ["path", {
 	d: "M19 12H5",
 	key: "x3x0zl"
-}]]), re = Y("audio-lines", [
+}]]), ie = J("audio-lines", [
 	["path", {
 		d: "M2 10v3",
 		key: "1fnikh"
@@ -61,7 +61,7 @@ var U = (e) => {
 		d: "M22 10v3",
 		key: "154ddg"
 	}]
-]), ie = Y("clapperboard", [
+]), ae = J("clapperboard", [
 	["path", {
 		d: "m12.296 3.464 3.02 3.956",
 		key: "qash78"
@@ -78,13 +78,13 @@ var U = (e) => {
 		d: "m6.18 5.276 3.1 3.899",
 		key: "zjj9t3"
 	}]
-]), ae = Y("file", [["path", {
+]), oe = J("file", [["path", {
 	d: "M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z",
 	key: "1oefj6"
 }], ["path", {
 	d: "M14 2v5a1 1 0 0 0 1 1h5",
 	key: "wfsgrz"
-}]]), Z = Y("image-plus", [
+}]]), se = J("image-plus", [
 	["path", {
 		d: "M16 5h6",
 		key: "1vod17"
@@ -107,10 +107,27 @@ var U = (e) => {
 		r: "2",
 		key: "af1f0g"
 	}]
-]), oe = Y("loader-circle", [["path", {
+]), ce = J("loader-circle", [["path", {
 	d: "M21 12a9 9 0 1 1-6.219-8.56",
 	key: "13zald"
-}]]), se = Y("pause", [["rect", {
+}]]), X = J("maximize-2", [
+	["path", {
+		d: "M15 3h6v6",
+		key: "1q9fwt"
+	}],
+	["path", {
+		d: "m21 3-7 7",
+		key: "1l2asr"
+	}],
+	["path", {
+		d: "m3 21 7-7",
+		key: "tjx5ai"
+	}],
+	["path", {
+		d: "M9 21H3v-6",
+		key: "wtvkvv"
+	}]
+]), le = J("pause", [["rect", {
 	x: "14",
 	y: "3",
 	width: "5",
@@ -124,10 +141,10 @@ var U = (e) => {
 	height: "18",
 	rx: "1",
 	key: "1wsw3u"
-}]]), ce = Y("play", [["path", {
+}]]), ue = J("play", [["path", {
 	d: "M5 5a2 2 0 0 1 3.008-1.728l11.997 6.998a2 2 0 0 1 .003 3.458l-12 7A2 2 0 0 1 5 19z",
 	key: "10ikf1"
-}]]), le = Y("triangle-alert", [
+}]]), de = J("triangle-alert", [
 	["path", {
 		d: "m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3",
 		key: "wmoenq"
@@ -140,13 +157,13 @@ var U = (e) => {
 		d: "M12 17h.01",
 		key: "p32p05"
 	}]
-]), ue = Y("volume-1", [["path", {
+]), fe = J("volume-1", [["path", {
 	d: "M11 4.702a.705.705 0 0 0-1.203-.498L6.413 7.587A1.4 1.4 0 0 1 5.416 8H3a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h2.416a1.4 1.4 0 0 1 .997.413l3.383 3.384A.705.705 0 0 0 11 19.298z",
 	key: "uqj9uw"
 }], ["path", {
 	d: "M16 9a5 5 0 0 1 0 6",
 	key: "1q6k2b"
-}]]), de = Y("volume-2", [
+}]]), pe = J("volume-2", [
 	["path", {
 		d: "M11 4.702a.705.705 0 0 0-1.203-.498L6.413 7.587A1.4 1.4 0 0 1 5.416 8H3a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h2.416a1.4 1.4 0 0 1 .997.413l3.383 3.384A.705.705 0 0 0 11 19.298z",
 		key: "uqj9uw"
@@ -159,7 +176,7 @@ var U = (e) => {
 		d: "M19.364 18.364a9 9 0 0 0 0-12.728",
 		key: "ijwkga"
 	}]
-]), fe = Y("volume-x", [
+]), me = J("volume-x", [
 	["path", {
 		d: "M11 4.702a.705.705 0 0 0-1.203-.498L6.413 7.587A1.4 1.4 0 0 1 5.416 8H3a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h2.416a1.4 1.4 0 0 1 .997.413l3.383 3.384A.705.705 0 0 0 11 19.298z",
 		key: "uqj9uw"
@@ -179,13 +196,13 @@ var U = (e) => {
 		key: "5ykzw1"
 	}]
 ]);
-function pe(e, t = 150) {
-	return he(e, (e) => `${e.surface}|${e.occurrenceKey}|${e.url}|${e.kind}`, t);
+function he(e, t = 150) {
+	return _e(e, (e) => `${e.surface}|${e.occurrenceKey}|${e.url}|${e.kind}`, t);
 }
-function me(e, t = 150) {
-	return he(e, (e) => `${e.surface}|${e.occurrenceKey}|${e.url}`, t);
+function ge(e, t = 150) {
+	return _e(e, (e) => `${e.surface}|${e.occurrenceKey}|${e.url}`, t);
 }
-function he(e, t, n) {
+function _e(e, t, n) {
 	let r = [], i = /* @__PURE__ */ new Set(), a = null;
 	function o(e) {
 		let o = t(e);
@@ -209,36 +226,36 @@ function he(e, t, n) {
 }
 //#endregion
 //#region src/components/viewer-core/dom.ts
-function ge(e) {
+function ve(e) {
 	return e instanceof HTMLElement && [
 		"INPUT",
 		"TEXTAREA",
 		"SELECT"
 	].includes(e.tagName);
 }
-function Q(e) {
+function Z(e) {
 	return e instanceof HTMLElement && !!e.closest("[data-swipe-lock], input, textarea, select, a");
 }
-function _e(e) {
+function ye(e) {
 	return e === "filling" || e === "initializing" || e === "loading" || e === "refreshing";
 }
-function ve(e) {
+function be(e) {
 	return !e || !Number.isFinite(e) || e < 1 ? 25 : Math.floor(e);
 }
-function ye(e) {
+function xe(e) {
 	return e ?? "__vibe_initial_cursor__";
 }
-function be(e, t, n) {
+function Se(e, t, n) {
 	return Math.min(Math.max(e, t), n);
 }
 //#endregion
 //#region src/components/viewer-core/itemIdentity.ts
-var xe = "__vibeOccurrenceKey";
+var Q = "__vibeOccurrenceKey";
 function $(e) {
-	let t = e[xe];
+	let t = e[Q];
 	return typeof t == "string" && t.length > 0 ? t : e.id;
 }
-function Se(e, t, n) {
+function Ce(e, t, n) {
 	let r = /* @__PURE__ */ new Map(), i = [], a = n;
 	for (let e of t) {
 		let t = r.get(e.id), n = $(e);
@@ -246,32 +263,32 @@ function Se(e, t, n) {
 	}
 	for (let t of e) {
 		let e = r.get(t.id)?.shift() ?? `vibe-occurrence-${a += 1}`;
-		i.push(Ce(t, e));
+		i.push(we(t, e));
 	}
 	return {
 		items: i,
 		nextSequence: a
 	};
 }
-function Ce(e, t) {
+function we(e, t) {
 	return $(e) === t ? e : {
 		...e,
-		[xe]: t
+		[Q]: t
 	};
 }
 //#endregion
 //#region src/components/viewer-core/removalState.ts
-function we() {
+function Te() {
 	let e = D(/* @__PURE__ */ new Set()), t = D([]);
 	function n(n) {
-		let r = Te(n).filter((t) => !e.value.has(t));
+		let r = Ee(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 = Te(t).filter((t) => e.value.has(t));
+		let n = Ee(t).filter((t) => e.value.has(t));
 		if (!n.length) return { ids: [] };
 		let r = new Set(e.value);
 		for (let e of n) r.delete(e);
@@ -302,46 +319,46 @@ function we() {
 		undo: i
 	};
 }
-function Te(e) {
+function Ee(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 Ee(e) {
+function De(e) {
 	return e.flatMap((e) => e.items);
 }
-function De(e, t) {
-	return t.size ? e.filter((e) => !t.has(e.id)) : e;
-}
 function Oe(e, t) {
-	return De(e.items, t);
+	return t.size ? e.filter((e) => !t.has(e.id)) : e;
 }
 function ke(e, t) {
-	return Oe(e, t).length;
+	return Oe(e.items, t);
 }
-function Ae(e, t, n) {
+function Ae(e, t) {
+	return ke(e, t).length;
+}
+function je(e, t, n) {
 	if (n < 0) return null;
 	let r = 0;
 	for (let i of e) {
-		let e = Oe(i, t), a = r + e.length;
+		let e = ke(i, t), a = r + e.length;
 		if (n < a) return i.cursor;
 		r = a;
 	}
 	return null;
 }
-function je(e, t, n) {
+function Me(e, t, n) {
 	let r = [...e], i = r.findIndex((e) => e.cursor === t);
 	return i >= 0 && r.splice(i, 1, n), r;
 }
-function Me(e, t, n) {
-	let r = Se(e, t, n);
+function Ne(e, t, n) {
+	let r = Ce(e, t, n);
 	return {
 		items: r.items,
 		nextSequence: r.nextSequence
 	};
 }
-function Ne(e, t, n) {
+function Pe(e, t, n) {
 	let r = /* @__PURE__ */ new Map(), i = e.map((e) => ({
 		item: e,
 		matchIndex: null,
@@ -360,10 +377,10 @@ function Ne(e, t, n) {
 	}
 	for (let e of i) {
 		if (e.matchIndex !== null && e.occurrenceKey) {
-			a.set(e.matchIndex, Pe(e.item, e.occurrenceKey));
+			a.set(e.matchIndex, Fe(e.item, e.occurrenceKey));
 			continue;
 		}
-		let t = Pe(e.item, `vibe-occurrence-${s += 1}`);
+		let t = Fe(e.item, `vibe-occurrence-${s += 1}`);
 		o.push(t);
 	}
 	let c = t.map((e, t) => a.get(t) ?? e);
@@ -373,7 +390,7 @@ function Ne(e, t, n) {
 		nextSequence: s
 	};
 }
-function Pe(e, t) {
+function Fe(e, t) {
 	return $(e) === t ? e : {
 		...e,
 		__vibeOccurrenceKey: t
@@ -381,11 +398,11 @@ function Pe(e, t) {
 }
 //#endregion
 //#region src/components/viewer-core/autoResolveState.ts
-function Fe(e) {
+function Ie(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 Ie(e) {
-	let t = Me(e.nextItems, e.previousItems, e.sequence);
+function Le(e) {
+	let t = Ne(e.nextItems, e.previousItems, e.sequence);
 	return {
 		bucket: {
 			cursor: e.cursor,
@@ -397,8 +414,8 @@ function Ie(e) {
 		nextSequence: t.nextSequence
 	};
 }
-function Le(e) {
-	let t = Ne(e.nextItems, e.previousItems, e.sequence);
+function Re(e) {
+	let t = Pe(e.nextItems, e.previousItems, e.sequence);
 	return {
 		bucket: {
 			cursor: e.cursor,
@@ -411,7 +428,7 @@ function Le(e) {
 		nextSequence: t.nextSequence
 	};
 }
-function Re(e, t, n, r) {
+function ze(e, t, n, r) {
 	if (!e.length) return r ? null : {
 		buckets: [],
 		canceled: r,
@@ -421,11 +438,11 @@ function Re(e, t, n, r) {
 	return {
 		buckets: i,
 		canceled: r,
-		visibleCount: i.reduce((e, t) => e + ke(t, n), 0)
+		visibleCount: i.reduce((e, t) => e + Ae(t, n), 0)
 	};
 }
-function ze(e) {
-	let t = Ie({
+function Be(e) {
+	let t = Le({
 		cursor: e.initialState.cursor,
 		nextCursor: e.initialState.nextCursor ?? null,
 		nextCursorExhausted: !1,
@@ -433,30 +450,30 @@ function ze(e) {
 		previousCursor: e.initialState.previousCursor ?? null,
 		previousItems: [],
 		sequence: e.sequence
-	}), n = De(t.bucket.items, e.removedIds);
+	}), n = Oe(t.bucket.items, e.removedIds);
 	return {
-		activeIndex: be(e.initialState.activeIndex ?? 0, 0, Math.max(0, n.length - 1)),
+		activeIndex: Se(e.initialState.activeIndex ?? 0, 0, Math.max(0, n.length - 1)),
 		buckets: [t.bucket],
 		nextSequence: t.nextSequence
 	};
 }
-function Be(e, t) {
-	let n = e[be(t, 0, Math.max(0, e.length - 1))];
+function Ve(e, t) {
+	let n = e[Se(t, 0, Math.max(0, e.length - 1))];
 	return n ? $(n) : null;
 }
-function Ve(e, t, n = null) {
+function He(e, t, n = null) {
 	if (!e.length) return 0;
 	let r = n ? e.findIndex((e) => $(e) === n) : -1;
-	return r >= 0 ? r : be(t, 0, e.length - 1);
+	return r >= 0 ? r : Se(t, 0, e.length - 1);
 }
-function He(e, t, n) {
-	return e ? ke(e, t) < n : !1;
+function Ue(e, t, n) {
+	return e ? Ae(e, t) < n : !1;
 }
 //#endregion
 //#region src/components/viewer-core/autoResolveBucketFactory.ts
-function Ue(e) {
+function We(e) {
 	return (t) => {
-		let n = Ie({
+		let n = Le({
 			cursor: t.cursor,
 			nextCursor: t.nextCursor,
 			nextCursorExhausted: t.nextCursorExhausted ?? !1,
@@ -470,26 +487,26 @@ function Ue(e) {
 }
 //#endregion
 //#region src/components/viewer-core/autoResolveCursors.ts
-function We(e, t) {
-	return e.find((e) => ke(e, t) > 0) ?? e[0] ?? null;
-}
 function Ge(e, t) {
+	return e.find((e) => Ae(e, t) > 0) ?? e[0] ?? null;
+}
+function Ke(e, t) {
 	for (let n = e.length - 1; n >= 0; --n) {
 		let r = e[n];
-		if (ke(r, t) > 0) return r;
+		if (Ae(r, t) > 0) return r;
 	}
 	return e[e.length - 1] ?? null;
 }
-function Ke(e) {
+function qe(e) {
 	return !e?.nextCursor || !e.nextCursorExhausted ? null : e.nextCursor;
 }
-function qe(e, t, n, r) {
+function Je(e, t, n, r) {
 	return t === void 0 || n === null ? e : e.map((e) => e.cursor !== t || e.nextCursor !== n ? e : {
 		...e,
 		nextCursorExhausted: r
 	});
 }
-function Je(e, t, n) {
+function Ye(e, t, n) {
 	return n || e !== "forward" || t === null ? {
 		cursor: n,
 		exhausted: !1
@@ -498,7 +515,7 @@ function Je(e, t, n) {
 		exhausted: !0
 	};
 }
-function Ye(e, t) {
+function Xe(e, t) {
 	if (t) return {
 		cursor: t,
 		exhausted: !1
@@ -509,11 +526,11 @@ function Ye(e, t) {
 		exhausted: !!n
 	};
 }
-function Xe(e, t) {
-	let n = e.findIndex((e) => ke(e, t) > 0);
+function Ze(e, t) {
+	let n = e.findIndex((e) => Ae(e, t) > 0);
 	if (n < 0) return e;
 	let r = n;
-	for (let i = e.length - 1; i >= n; --i) if (ke(e[i], t) > 0) {
+	for (let i = e.length - 1; i >= n; --i) if (Ae(e[i], t) > 0) {
 		r = i;
 		break;
 	}
@@ -521,7 +538,7 @@ function Xe(e, t) {
 }
 //#endregion
 //#region src/components/viewer-core/autoResolveFillUntil.ts
-function Ze(e) {
+function Qe(e) {
 	async function t(t) {
 		if (typeof t == "number") {
 			await i(t);
@@ -536,7 +553,7 @@ function Ze(e) {
 		e.isFillUntilActive.value = !1, e.fillMode.value = "idle";
 	}
 	async function i(t) {
-		let n = Qe(t);
+		let n = $e(t);
 		n <= 0 || await a("count", () => e.getHasNextPage() && n > 0, () => {
 			--n;
 		}, n);
@@ -562,7 +579,7 @@ function Ze(e) {
 		});
 		let r = e.getResolve();
 		if (!r) return !1;
-		let i = ye(t);
+		let i = xe(t);
 		if (e.inFlightCursors.has(i)) return !1;
 		let a = e.nextOperationId(), s = typeof AbortController > "u" ? null : new AbortController();
 		e.inFlightCursors.add(i), e.setActiveResolveController(s), e.errorMessage.value = null, e.operationPhase.value = "filling", e.fillCollectedCount.value = e.getVisibleItemCount(), e.fillCursor.value = t, e.fillTargetCount.value = null, e.pendingAppendBuckets.value = [], e.isAwaitingAppendCommit.value = !1;
@@ -573,8 +590,8 @@ function Ze(e) {
 				signal: s?.signal
 			});
 			if (!e.getOperationIsCurrent(a)) return e.finishLoadPhase(), !1;
-			if (u(i.total), !i.items.length) return e.autoBuckets.value = i.nextPage ? et(e.autoBuckets.value, n, t, i.nextPage) : qe(e.autoBuckets.value, n, t, !0), c(), e.finishLoadPhase(), !0;
-			let o = Je("forward", t, i.nextPage);
+			if (u(i.total), !i.items.length) return e.autoBuckets.value = i.nextPage ? tt(e.autoBuckets.value, n, t, i.nextPage) : Je(e.autoBuckets.value, n, t, !0), c(), e.finishLoadPhase(), !0;
+			let o = Ye("forward", t, i.nextPage);
 			return e.autoBuckets.value = [...e.autoBuckets.value, e.createBucket({
 				cursor: t,
 				nextCursor: o.cursor,
@@ -584,7 +601,7 @@ function Ze(e) {
 				previousItems: []
 			})], c(), e.finishLoadPhase(), !0;
 		} catch (t) {
-			return Fe(t) || !e.getOperationIsCurrent(a) ? (e.finishLoadPhase(), !1) : (e.errorMessage.value = t instanceof Error ? t.message : "The viewer could not load items.", e.operationPhase.value = "failed", e.fillCollectedCount.value = null, e.fillCursor.value = null, e.fillTargetCount.value = null, !1);
+			return Ie(t) || !e.getOperationIsCurrent(a) ? (e.finishLoadPhase(), !1) : (e.errorMessage.value = t instanceof Error ? t.message : "The viewer could not load items.", e.operationPhase.value = "failed", e.fillCollectedCount.value = null, e.fillCursor.value = null, e.fillTargetCount.value = null, !1);
 		} finally {
 			e.clearActiveResolveController(s), e.inFlightCursors.delete(i);
 		}
@@ -598,7 +615,7 @@ function Ze(e) {
 	function l() {
 		if (e.fillMode.value === "count") {
 			let t = e.fillTargetCalls.value;
-			e.fillProgress.value = t && t > 0 ? $e(e.fillCompletedCalls.value / t) : null;
+			e.fillProgress.value = t && t > 0 ? et(e.fillCompletedCalls.value / t) : null;
 			return;
 		}
 		if (e.fillMode.value === "end") {
@@ -607,7 +624,7 @@ function Ze(e) {
 				e.fillProgress.value = null;
 				return;
 			}
-			e.fillProgress.value = t <= 0 ? 1 : $e(e.fillLoadedCount.value / t);
+			e.fillProgress.value = t <= 0 ? 1 : et(e.fillLoadedCount.value / t);
 			return;
 		}
 		e.fillProgress.value = null;
@@ -621,13 +638,13 @@ function Ze(e) {
 		fillUntilEnd: n
 	};
 }
-function Qe(e) {
+function $e(e) {
 	return Number.isFinite(e) && e > 0 ? Math.floor(e) : 0;
 }
-function $e(e) {
+function et(e) {
 	return Math.min(Math.max(e, 0), 1);
 }
-function et(e, t, n, r) {
+function tt(e, t, n, r) {
 	return t === void 0 ? e : e.map((e) => e.cursor === t && e.nextCursor === n ? {
 		...e,
 		nextCursor: r,
@@ -636,11 +653,11 @@ function et(e, t, n, r) {
 }
 //#endregion
 //#region src/components/viewer-core/autoResolveLoading.ts
-function tt(e) {
+function nt(e) {
 	async function t(t) {
 		let n = e.getResolve(), r = e.getBoundaryBucket(t);
 		if (!n || !r) return null;
-		let i = ye(r.cursor);
+		let i = xe(r.cursor);
 		if (e.inFlightCursors.has(i)) return null;
 		e.inFlightCursors.add(i), e.errorMessage.value = null, e.operationPhase.value = "refreshing", e.clearFillState();
 		let a = e.nextOperationId(), o = typeof AbortController > "u" ? null : new AbortController();
@@ -652,7 +669,7 @@ function tt(e) {
 				signal: o?.signal
 			});
 			if (!e.getOperationIsCurrent(a)) return e.finishLoadPhase(), null;
-			let s = Ye(r, i.nextPage), c = Le({
+			let s = Xe(r, i.nextPage), c = Re({
 				cursor: r.cursor,
 				nextCursor: s.cursor,
 				nextCursorExhausted: s.exhausted,
@@ -663,12 +680,12 @@ function tt(e) {
 			});
 			e.setSequence(c.nextSequence);
 			let l = e.getActiveOccurrenceKey();
-			return e.autoBuckets.value = je(e.autoBuckets.value, r.cursor, c.bucket), e.syncActiveIndexAfterVisibilityChange(l), e.finishLoadPhase(), {
+			return e.autoBuckets.value = Me(e.autoBuckets.value, r.cursor, c.bucket), e.syncActiveIndexAfterVisibilityChange(l), e.finishLoadPhase(), {
 				followCursor: t === "leading" ? i.previousPage ?? null : i.nextPage,
 				itemsInserted: c.insertedCount
 			};
 		} catch (t) {
-			return Fe(t) || !e.getOperationIsCurrent(a) ? (e.finishLoadPhase(), null) : (e.errorMessage.value = t instanceof Error ? t.message : "The viewer could not load items.", e.operationPhase.value = "failed", e.clearFillState(), null);
+			return Ie(t) || !e.getOperationIsCurrent(a) ? (e.finishLoadPhase(), null) : (e.errorMessage.value = t instanceof Error ? t.message : "The viewer could not load items.", e.operationPhase.value = "failed", e.clearFillState(), null);
 		} finally {
 			e.clearActiveResolveController(o), e.inFlightCursors.delete(i);
 		}
@@ -678,9 +695,9 @@ function tt(e) {
 		if (!n) return null;
 		let r = e.nextOperationId(), i = /* @__PURE__ */ new Set(), a = [], o = t.cursor, s = 0;
 		for (e.errorMessage.value = null, e.operationPhase.value = t.phase, e.clearFillState();;) {
-			if (!e.getOperationIsCurrent(r)) return Re(a, t.direction, e.removedIds.value, !0);
-			if (a.length > 0 && e.isManualPageLoadingLocked.value) return Re(a, t.direction, e.removedIds.value, !1);
-			let c = ye(o);
+			if (!e.getOperationIsCurrent(r)) return ze(a, t.direction, e.removedIds.value, !0);
+			if (a.length > 0 && e.isManualPageLoadingLocked.value) return ze(a, t.direction, e.removedIds.value, !1);
+			let c = xe(o);
 			if (i.has(c) || e.inFlightCursors.has(c)) break;
 			i.add(c), e.inFlightCursors.add(c);
 			let l = typeof AbortController > "u" ? null : new AbortController();
@@ -691,8 +708,8 @@ function tt(e) {
 					pageSize: e.getPageSize(),
 					signal: l?.signal
 				});
-				if (!e.getOperationIsCurrent(r)) return Re(a, t.direction, e.removedIds.value, !0);
-				let c = Je(t.direction, o, i.nextPage), u = e.createBucket({
+				if (!e.getOperationIsCurrent(r)) return ze(a, t.direction, e.removedIds.value, !0);
+				let c = Ye(t.direction, o, i.nextPage), u = e.createBucket({
 					cursor: o,
 					nextCursor: c.cursor,
 					nextCursorExhausted: c.exhausted,
@@ -701,18 +718,18 @@ function tt(e) {
 					previousItems: []
 				});
 				a.push(u);
-				let d = a.reduce((t, n) => t + ke(n, e.removedIds.value), 0), f = t.direction === "forward" ? u.nextCursorExhausted ? null : u.nextCursor : u.previousCursor;
-				if (!t.continueUntilFilled || d >= e.getPageSize() || !f) return e.fillCursor.value = null, Re(a, t.direction, e.removedIds.value, !1);
-				if (e.isManualPageLoadingLocked.value) return Re(a, t.direction, e.removedIds.value, !1);
-				if (e.operationPhase.value = "filling", e.fillCollectedCount.value = d, e.fillCursor.value = f, e.fillTargetCount.value = e.getPageSize(), s += 1, await e.waitFillDelay(e.getFillDelayMs(s)), !e.getOperationIsCurrent(r)) return Re(a, t.direction, e.removedIds.value, !0);
+				let d = a.reduce((t, n) => t + Ae(n, e.removedIds.value), 0), f = t.direction === "forward" ? u.nextCursorExhausted ? null : u.nextCursor : u.previousCursor;
+				if (!t.continueUntilFilled || d >= e.getPageSize() || !f) return e.fillCursor.value = null, ze(a, t.direction, e.removedIds.value, !1);
+				if (e.isManualPageLoadingLocked.value) return ze(a, t.direction, e.removedIds.value, !1);
+				if (e.operationPhase.value = "filling", e.fillCollectedCount.value = d, e.fillCursor.value = f, e.fillTargetCount.value = e.getPageSize(), s += 1, await e.waitFillDelay(e.getFillDelayMs(s)), !e.getOperationIsCurrent(r)) return ze(a, t.direction, e.removedIds.value, !0);
 				o = f;
 			} catch (n) {
-				return Fe(n) || !e.getOperationIsCurrent(r) ? Re(a, t.direction, e.removedIds.value, !0) : (e.errorMessage.value = n instanceof Error ? n.message : "The viewer could not load items.", e.operationPhase.value = "failed", e.clearFillState(), null);
+				return Ie(n) || !e.getOperationIsCurrent(r) ? ze(a, t.direction, e.removedIds.value, !0) : (e.errorMessage.value = n instanceof Error ? n.message : "The viewer could not load items.", e.operationPhase.value = "failed", e.clearFillState(), null);
 			} finally {
 				e.clearActiveResolveController(l), e.inFlightCursors.delete(c);
 			}
 		}
-		return Re(a, t.direction, e.removedIds.value, !1);
+		return ze(a, t.direction, e.removedIds.value, !1);
 	}
 	return {
 		collectBuckets: n,
@@ -721,7 +738,7 @@ function tt(e) {
 }
 //#endregion
 //#region src/components/viewer-core/fillProgress.ts
-function nt(e) {
+function rt(e) {
 	let t = {
 		fillCompletedCalls: D(0),
 		fillLoadedCount: D(0),
@@ -740,7 +757,7 @@ function nt(e) {
 }
 //#endregion
 //#region src/components/viewer-core/emptyVisiblePrefetch.ts
-function rt(e) {
+function it(e) {
 	let t = null, n = !1, r = !1;
 	function i() {
 		t = null;
@@ -782,14 +799,14 @@ function rt(e) {
 }
 //#endregion
 //#region src/components/viewer-core/fillDelay.ts
-var it = 2e3, at = 1e3, ot = 100;
-function st(e, t = it, n = at) {
+var at = 2e3, ot = 1e3, st = 100;
+function ct(e, t = at, n = ot) {
 	return t + Math.max(0, e - 1) * n;
 }
-function ct(e, t) {
+function lt(e, t) {
 	return !Number.isFinite(e) || e == null || e < 0 ? t : Math.floor(e);
 }
-function lt() {
+function ut() {
 	let e = D(null), t = null, n = null, r = null;
 	function i(i = !1) {
 		if (t &&= (clearInterval(t), null), n &&= (clearTimeout(n), null), e.value = null, i && r) {
@@ -807,7 +824,7 @@ function lt() {
 				let t = Math.max(0, a - (Date.now() - s));
 				e.value = t, t <= 0 && l();
 			};
-			t = setInterval(u, ot), n = setTimeout(l, a), u();
+			t = setInterval(u, st), n = setTimeout(l, a), u();
 		}));
 	}
 	return {
@@ -818,13 +835,13 @@ function lt() {
 }
 //#endregion
 //#region src/components/viewer-core/useAutoResolveSource.ts
-function ut(e) {
-	let t = !!e.initialState?.items.length, n = D([]), r = D(0), a = D([]), o = D(!1), s = D(null), c = D(!t && typeof e.resolve == "function" ? "initializing" : "idle"), l = D(null), u = D(null), d = lt(), f = d.remainingMs, p = D(null), m = D(!1), h = D(!0), g = D(!1), _ = D(!1), v = /* @__PURE__ */ new Set(), y = null, b = null, C = 0, w = 0, T = Ue({
+function dt(e) {
+	let t = !!e.initialState?.items.length, n = D([]), r = D(0), a = D([]), o = D(!1), s = D(null), c = D(!t && typeof e.resolve == "function" ? "initializing" : "idle"), l = D(null), u = D(null), d = ut(), f = d.remainingMs, p = D(null), m = D(!1), h = D(!0), g = D(!1), _ = D(!1), v = /* @__PURE__ */ new Set(), y = null, b = null, C = 0, w = 0, T = We({
 		getSequence: () => w,
 		setSequence: (e) => {
 			w = e;
 		}
-	}), E = i(() => ct(e.fillDelayMs, it)), O = i(() => ct(e.fillDelayStepMs, at)), k = i(() => typeof e.resolve == "function"), A = i(() => ve(e.pageSize)), j = i(() => Ee(n.value)), M = nt(() => j.value.length), N = i(() => De(j.value, e.removedIds.value)), P = i(() => r.value), F = i(() => _e(c.value) || m.value), I = i(() => We(n.value, e.removedIds.value)), L = i(() => Ge(n.value, e.removedIds.value)), R = i(() => L.value?.nextCursor ?? null), ee = i(() => o.value ? null : I.value?.previousCursor ?? null), B = i(() => !!R.value && L.value?.nextCursorExhausted !== !0), V = i(() => !!ee.value), H = i(() => _.value || g.value), U = i(() => k.value && !!L.value?.items.length), te = i(() => De(Ee(a.value), e.removedIds.value)), W = i(() => Ae(n.value, e.removedIds.value, P.value)), G = i(() => !N.value.length && !F.value && !!s.value), K = Ze({
+	}), E = i(() => lt(e.fillDelayMs, at)), O = i(() => lt(e.fillDelayStepMs, ot)), k = i(() => typeof e.resolve == "function"), A = i(() => be(e.pageSize)), j = i(() => De(n.value)), M = rt(() => j.value.length), N = i(() => Oe(j.value, e.removedIds.value)), P = i(() => r.value), F = i(() => ye(c.value) || m.value), I = i(() => Ge(n.value, e.removedIds.value)), L = i(() => Ke(n.value, e.removedIds.value)), R = i(() => L.value?.nextCursor ?? null), ee = i(() => o.value ? null : I.value?.previousCursor ?? null), B = i(() => !!R.value && L.value?.nextCursorExhausted !== !0), V = i(() => !!ee.value), H = i(() => _.value || g.value), U = i(() => k.value && !!L.value?.items.length), te = i(() => Oe(De(a.value), e.removedIds.value)), W = i(() => je(n.value, e.removedIds.value, P.value)), G = i(() => !N.value.length && !F.value && !!s.value), ne = Qe({
 		autoBuckets: n,
 		clearActiveResolveController(e) {
 			y === e && (y = null);
@@ -836,8 +853,8 @@ function ut(e) {
 		fillCursor: u,
 		fillTargetCount: p,
 		...M.refs,
-		finishLoadPhase: Se,
-		getFillDelayMs: (e) => st(e, E.value, O.value),
+		finishLoadPhase: Q,
+		getFillDelayMs: (e) => ct(e, E.value, O.value),
 		getHasNextPage: () => B.value,
 		getIsLoading: () => F.value,
 		getIsManualPageLoadingLocked: () => _.value,
@@ -861,17 +878,17 @@ function ut(e) {
 			b = e;
 		},
 		waitFillDelay: (e) => d.wait(e)
-	}), q = rt({
+	}), K = it({
 		canRefreshTrailingBoundary: U,
 		hasNextPage: B,
 		isInitialLoading: Te,
 		isPageLoadingLocked: H,
 		items: N,
 		loading: F,
-		prefetchNextPage: Y,
+		prefetchNextPage: J,
 		removedIds: e.removedIds,
 		trailingBoundaryBucket: L
-	}), J = tt({
+	}), q = nt({
 		autoBuckets: n,
 		clearActiveResolveController(e) {
 			y === e && (y = null);
@@ -882,10 +899,10 @@ function ut(e) {
 		fillCollectedCount: l,
 		fillCursor: u,
 		fillTargetCount: p,
-		finishLoadPhase: Se,
-		getActiveOccurrenceKey: fe,
+		finishLoadPhase: Q,
+		getActiveOccurrenceKey: pe,
 		getBoundaryBucket: (e) => e === "leading" ? I.value : L.value,
-		getFillDelayMs: (e) => st(e, E.value, O.value),
+		getFillDelayMs: (e) => ct(e, E.value, O.value),
 		getOperationIsCurrent: (e) => e === C,
 		getPageSize: () => A.value,
 		getResolve: () => e.resolve,
@@ -901,115 +918,115 @@ function ut(e) {
 		setSequence: (e) => {
 			w = e;
 		},
-		syncActiveIndexAfterVisibilityChange: pe,
+		syncActiveIndexAfterVisibilityChange: me,
 		waitFillDelay: (e) => d.wait(e)
 	});
 	z(() => N.value.length, (e) => {
 		if (e === 0) {
-			r.value = 0, q.schedule();
+			r.value = 0, K.schedule();
 			return;
 		}
-		q.resetRefreshAttempt(), o.value &&= (ke(), !1), r.value > e - 1 && (r.value = e - 1);
+		K.resetRefreshAttempt(), o.value &&= (ke(), !1), r.value > e - 1 && (r.value = e - 1);
 	}), z(() => r.value, () => {
-		h.value && he();
+		h.value && ge();
 	}), S(() => {
-		we() || e.resolve && ne();
+		we() || e.resolve && re();
 	}), x(() => {
 		y?.abort(), y = null, d.clear(!0);
 	});
-	async function ne() {
-		b = ne;
+	async function re() {
+		b = re;
 		let t = await xe({
 			continueUntilFilled: !0,
 			cursor: e.initialCursor ?? null,
 			direction: "forward",
 			phase: "initializing"
 		});
-		t && (n.value = t.buckets, r.value = 0, Se());
+		t && (n.value = t.buckets, r.value = 0, Q());
 	}
-	async function Y() {
+	async function J() {
 		if (H.value || F.value) return;
 		let e = !N.value.length, t = L.value, n = {
 			commitImmediately: e,
 			originCursor: t?.cursor ?? null
-		}, r = Ke(t);
-		if (Oe("trailing")) {
+		}, r = qe(t);
+		if (Ee("trailing")) {
 			if (!U.value) return;
-			let e = await ye("trailing");
-			e?.followCursor && (e.itemsInserted === 0 || Oe("trailing")) && await ge(e.followCursor, n);
+			let e = await Z("trailing");
+			e?.followCursor && (e.itemsInserted === 0 || Ee("trailing")) && await _e(e.followCursor, n);
 			return;
 		}
 		if (r) {
 			if (t?.cursor === r) {
-				let e = await ye("trailing");
-				e?.followCursor && e.itemsInserted === 0 && await ge(e.followCursor, n);
+				let e = await Z("trailing");
+				e?.followCursor && e.itemsInserted === 0 && await _e(e.followCursor, n);
 				return;
 			}
-			await ge(r, n);
+			await _e(r, n);
 			return;
 		}
 		if (!B.value) {
-			let e = U.value ? await ye("trailing") : null;
-			e?.followCursor && e.itemsInserted === 0 && await ge(e.followCursor, n);
+			let e = U.value ? await Z("trailing") : null;
+			e?.followCursor && e.itemsInserted === 0 && await _e(e.followCursor, n);
 			return;
 		}
-		await ge(R.value, n);
+		await _e(R.value, n);
 	}
-	async function X() {
+	async function Y() {
 		if (!(H.value || !V.value || F.value)) {
-			if (Oe("leading")) {
-				let e = await ye("leading");
-				e?.itemsInserted === 0 && e.followCursor && await Q(e.followCursor);
+			if (Ee("leading")) {
+				let e = await Z("leading");
+				e?.itemsInserted === 0 && e.followCursor && await ve(e.followCursor);
 				return;
 			}
-			await Q(ee.value);
+			await ve(ee.value);
 		}
 	}
-	async function re() {
+	async function ie() {
 		if (G.value) {
 			if (n.value = [], r.value = 0, a.value = [], o.value = !1, s.value = null, c.value = k.value ? "initializing" : "idle", Ce(), M.reset(), m.value = !1, v.clear(), y?.abort(), y = null, d.clear(!0), we()) {
-				Se();
+				Q();
 				return;
 			}
-			await ne();
+			await re();
 		}
 	}
-	async function ie() {
-		if (G.value) return re();
+	async function ae() {
+		if (G.value) return ie();
 		H.value || c.value !== "failed" || !b || (s.value = null, await b());
 	}
-	async function ae() {
-		if (!a.value.length) return m.value = !1, Se();
-		n.value = [...n.value, ...a.value], a.value = [], m.value = !1, Se();
+	async function oe() {
+		if (!a.value.length) return m.value = !1, Q();
+		n.value = [...n.value, ...a.value], a.value = [], m.value = !1, Q();
 	}
-	function Z(t) {
+	function se(t) {
 		let n = N.value;
 		if (!n.length) return;
-		let i = be(t, 0, n.length - 1);
+		let i = Se(t, 0, n.length - 1);
 		i !== r.value && (r.value = i, e.emit("update:activeIndex", i));
 	}
-	function oe(e) {
-		h.value = e, q.schedule();
+	function ce(e) {
+		h.value = e, K.schedule();
 	}
-	function se() {
+	function X() {
 		_.value = !0, d.clear(!0);
 	}
-	function ce() {
-		_.value = !1, q.schedule();
-	}
 	function le() {
-		de(), s.value = null, Ce(), K.cancel(), a.value.length > 0 && (n.value = [...n.value, ...a.value], a.value = []), m.value = !1, o.value = !1, Se();
+		_.value = !1, K.schedule();
 	}
 	function ue() {
-		g.value && (de(), Ce(), K.cancel(), m.value = !1, Se());
+		fe(), s.value = null, Ce(), ne.cancel(), a.value.length > 0 && (n.value = [...n.value, ...a.value], a.value = []), m.value = !1, o.value = !1, Q();
 	}
 	function de() {
-		C += 1, y?.abort(), y = null, d.clear(!0), v.clear();
+		g.value && (fe(), Ce(), ne.cancel(), m.value = !1, Q());
 	}
 	function fe() {
-		return Be(N.value, P.value);
+		C += 1, y?.abort(), y = null, d.clear(!0), v.clear();
+	}
+	function pe() {
+		return Ve(N.value, P.value);
 	}
-	function pe(e = null, t = {}) {
+	function me(e = null, t = {}) {
 		if (N.value.length === 0) {
 			r.value = 0, !t.preserveTrailingPlaceholder && n.value.length > 0 && (o.value = !0);
 			return;
@@ -1025,23 +1042,23 @@ function ut(e) {
 			r.value = N.value.length;
 			return;
 		}
-		r.value = Ve(N.value, P.value, e);
+		r.value = He(N.value, P.value, e);
 	}
-	function me() {
-		a.value.length > 0 && (!te.value.length || !N.value.length) && ae();
+	function he() {
+		a.value.length > 0 && (!te.value.length || !N.value.length) && oe();
 	}
-	async function he() {
+	async function ge() {
 		if (!(!h.value || Te())) {
 			if (!N.value.length) {
-				(B.value || U.value) && await Y();
+				(B.value || U.value) && await J();
 				return;
 			}
-			V.value && r.value < 3 && await X(), B.value && r.value >= N.value.length - 3 && await Y();
+			V.value && r.value < 3 && await Y(), B.value && r.value >= N.value.length - 3 && await J();
 		}
 	}
-	async function ge(e, t = {}) {
+	async function _e(e, t = {}) {
 		b = async () => {
-			await ge(e, t);
+			await _e(e, t);
 		};
 		let r = await xe({
 			continueUntilFilled: !0,
@@ -1050,15 +1067,15 @@ function ut(e) {
 			phase: "loading"
 		});
 		if (r) {
-			if (!r.visibleCount) return n.value = qe(n.value, t.originCursor, e, !0), a.value = [], m.value = !1, Se();
-			if (r.canceled) return n.value = [...n.value, ...r.buckets], a.value = [], m.value = !1, Se();
-			if (a.value = r.buckets, t.commitImmediately || !N.value.length || !te.value.length) return n.value = [...n.value, ...a.value], a.value = [], m.value = !1, Se();
+			if (!r.visibleCount) return n.value = Je(n.value, t.originCursor, e, !0), a.value = [], m.value = !1, Q();
+			if (r.canceled) return n.value = [...n.value, ...r.buckets], a.value = [], m.value = !1, Q();
+			if (a.value = r.buckets, t.commitImmediately || !N.value.length || !te.value.length) return n.value = [...n.value, ...a.value], a.value = [], m.value = !1, Q();
 			m.value = !0;
 		}
 	}
-	async function Q(e) {
+	async function ve(e) {
 		b = async () => {
-			await Q(e);
+			await ve(e);
 		};
 		let t = await xe({
 			continueUntilFilled: !0,
@@ -1067,26 +1084,26 @@ function ut(e) {
 			phase: "loading"
 		});
 		if (!t) return;
-		let r = fe();
-		n.value = [...t.buckets, ...n.value], pe(r), Se();
+		let r = pe();
+		n.value = [...t.buckets, ...n.value], me(r), Q();
 	}
-	async function ye(e) {
+	async function Z(e) {
 		return b = async () => {
-			await ye(e);
-		}, J.reloadBoundaryBucket(e);
+			await Z(e);
+		}, q.reloadBoundaryBucket(e);
 	}
 	function xe(e) {
-		return J.collectBuckets(e);
+		return q.collectBuckets(e);
 	}
-	function Se() {
-		c.value = "idle", Ce(), d.clear(), q.schedule();
+	function Q() {
+		c.value = "idle", Ce(), d.clear(), K.schedule();
 	}
 	function Ce() {
 		l.value = null, u.value = null, p.value = null;
 	}
 	function we() {
 		if (!e.initialState || !e.initialState.items.length) return !1;
-		let t = ze({
+		let t = Be({
 			initialState: e.initialState,
 			removedIds: e.removedIds.value,
 			sequence: w
@@ -1096,19 +1113,19 @@ function ut(e) {
 	function Te() {
 		return c.value === "initializing";
 	}
-	function Oe(t) {
-		return He(t === "leading" ? I.value : L.value, e.removedIds.value, A.value);
+	function Ee(t) {
+		return Ue(t === "leading" ? I.value : L.value, e.removedIds.value, A.value);
 	}
 	function ke() {
-		n.value = Xe(n.value, e.removedIds.value);
+		n.value = Ze(n.value, e.removedIds.value);
 	}
 	return {
 		activeIndex: P,
 		canRetryInitialLoad: G,
-		cancel: le,
-		cancelFill: ue,
+		cancel: ue,
+		cancelFill: de,
 		canRefreshTrailingBoundary: U,
-		commitPendingAppend: ae,
+		commitPendingAppend: oe,
 		currentCursor: W,
 		errorMessage: s,
 		fillCollectedCount: l,
@@ -1116,36 +1133,36 @@ function ut(e) {
 		fillDelayRemainingMs: f,
 		fillTargetCount: p,
 		...M.refs,
-		fillUntil: K.fillUntil,
-		fillUntilEnd: K.fillUntilEnd,
+		fillUntil: ne.fillUntil,
+		fillUntilEnd: ne.fillUntilEnd,
 		hasNextPage: B,
 		hasPreviousPage: V,
 		isAutoPrefetchEnabled: h,
 		isPageLoadingLocked: H,
 		items: N,
-		lockPageLoading: se,
+		lockPageLoading: X,
 		loading: F,
-		maybePrefetchAround: he,
+		maybePrefetchAround: ge,
 		nextCursor: R,
 		pendingAppendItems: te,
 		phase: c,
-		prefetchNextPage: Y,
-		prefetchPreviousPage: X,
+		prefetchNextPage: J,
+		prefetchPreviousPage: Y,
 		previousCursor: ee,
-		retryInitialLoad: re,
-		retry: ie,
-		setActiveIndex: Z,
-		setAutoPrefetchEnabled: oe,
-		syncActiveIndexAfterVisibilityChange: pe,
-		unlockPageLoading: ce,
-		getActiveOccurrenceKey: fe,
-		maybeCommitPendingAppendWhenFilteredOut: me
+		retryInitialLoad: ie,
+		retry: ae,
+		setActiveIndex: se,
+		setAutoPrefetchEnabled: ce,
+		syncActiveIndexAfterVisibilityChange: me,
+		unlockPageLoading: le,
+		getActiveOccurrenceKey: pe,
+		maybeCommitPendingAppendWhenFilteredOut: he
 	};
 }
 //#endregion
 //#region src/components/viewer-core/useDataSource.ts
-function dt(e, t) {
-	let { clearRemoved: n, getRemovedIds: r, remove: a, removedIds: o, restore: s, undo: c } = we(), l = ut({
+function ft(e, t) {
+	let { clearRemoved: n, getRemovedIds: r, remove: a, removedIds: o, restore: s, undo: c } = Te(), l = dt({
 		emit: t,
 		fillDelayMs: e.fillDelayMs,
 		fillDelayStepMs: e.fillDelayStepMs,
@@ -1252,9 +1269,9 @@ function dt(e, t) {
 }
 //#endregion
 //#region src/components/viewer-core/useController.ts
-var ft = 1024;
-function pt(e, t) {
-	let n = dt(e, t), r = T({
+var pt = 1024;
+function mt(e, t) {
+	let n = ft(e, t), r = T({
 		nextBoundaryLoadProgress: 0,
 		previousBoundaryLoadProgress: 0
 	}), a = D(0), o = D("list"), s = T({
@@ -1284,7 +1301,7 @@ function pt(e, t) {
 		removedCount: 0,
 		removedIds: [],
 		surfaceMode: "list"
-	}), c = i(() => a.value >= ft), l = i(() => c.value ? o.value : "fullscreen"), u = i(() => c.value && l.value === "fullscreen");
+	}), c = i(() => a.value >= pt), l = i(() => c.value ? o.value : "fullscreen"), u = i(() => c.value && l.value === "fullscreen");
 	z(c, (e) => {
 		e && h();
 	}), z(() => e.surfaceMode, () => {
@@ -1314,7 +1331,7 @@ function pt(e, t) {
 		!c.value || o.value === "list" || (o.value = "list", t("update:surfaceMode", "list"));
 	}
 	function p(e) {
-		e.defaultPrevented || e.key !== "Escape" || !c.value || l.value !== "fullscreen" || ge(e.target) || (e.preventDefault(), f());
+		e.defaultPrevented || e.key !== "Escape" || !c.value || l.value !== "fullscreen" || ve(e.target) || (e.preventDefault(), f());
 	}
 	function m() {
 		a.value = window.innerWidth || 0;
@@ -1323,7 +1340,7 @@ function pt(e, t) {
 		!c.value || !e.surfaceMode || e.surfaceMode === o.value || (o.value = e.surfaceMode);
 	}
 	function g(e) {
-		r.nextBoundaryLoadProgress = mt(e.nextBoundaryLoadProgress), r.previousBoundaryLoadProgress = mt(e.previousBoundaryLoadProgress);
+		r.nextBoundaryLoadProgress = ht(e.nextBoundaryLoadProgress), r.previousBoundaryLoadProgress = ht(e.previousBoundaryLoadProgress);
 	}
 	return {
 		...n,
@@ -1342,26 +1359,26 @@ function pt(e, t) {
 		unlockPageLoading: n.unlockPageLoading
 	};
 }
-function mt(e) {
+function ht(e) {
 	return Math.min(Math.max(e, 0), 1);
 }
 //#endregion
 //#region src/components/FullscreenMediaBar.vue?vue&type=script&setup=true&lang.ts
-var ht = {
+var gt = {
 	"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]"
-}, gt = { class: "grid grid-cols-[auto_minmax(0,1fr)_auto_auto] items-center gap-3 border-t border-white/12 bg-black/70 px-4 py-3 backdrop-blur-[18px]" }, _t = { class: "text-[0.76rem] font-bold uppercase tracking-[0.18em] text-[#f7f1ea]/74" }, vt = { class: "relative h-4 w-full" }, yt = [
+}, _t = { 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]" }, vt = { class: "text-[0.76rem] font-bold uppercase tracking-[0.18em] text-[#f7f1ea]/74" }, yt = { class: "relative h-4 w-full" }, bt = [
 	"max",
 	"value",
 	"disabled"
-], bt = { class: "text-[0.76rem] font-bold uppercase tracking-[0.18em] text-[#f7f1ea]/74" }, xt = ["data-layout"], St = {
+], xt = { class: "flex items-center justify-end gap-3" }, St = { class: "text-[0.76rem] font-bold uppercase tracking-[0.18em] text-[#f7f1ea]/74" }, Ct = ["data-layout"], wt = {
 	key: 0,
 	"data-testid": "vibe-media-volume-popover",
 	class: "absolute bottom-[calc(100%+0.8rem)] right-0 grid justify-items-center gap-3 border border-white/12 bg-black/82 px-3 py-4 shadow-[0_20px_50px_-20px_rgba(0,0,0,0.85)] backdrop-blur-[18px]"
-}, Ct = { class: "relative flex h-28 w-4 items-center justify-center" }, wt = ["value"], Tt = { class: "flex items-center gap-3" }, Et = ["aria-label"], Dt = {
+}, Tt = { class: "relative flex h-28 w-4 items-center justify-center" }, Et = ["value"], Dt = { class: "flex items-center gap-3" }, Ot = ["aria-label"], kt = {
 	key: 0,
 	class: "relative h-4 w-24"
-}, Ot = ["value"], kt = /* @__PURE__ */ d({
+}, At = ["value"], jt = /* @__PURE__ */ d({
 	__name: "FullscreenMediaBar",
 	props: {
 		currentTime: {},
@@ -1370,44 +1387,49 @@ var ht = {
 		durationLabel: {},
 		muted: { type: Boolean },
 		progress: {},
+		showFullscreenControl: {
+			type: Boolean,
+			default: !1
+		},
 		volume: {},
 		volumeControlLayout: {}
 	},
 	emits: [
+		"fullscreen-request",
 		"seek-input",
 		"volume-input",
 		"volume-toggle"
 	],
 	setup(e, { emit: t }) {
-		let n = e, r = t, l = D(null), u = D(!1), d = i(() => n.volumeControlLayout === "vertical"), f = i(() => C(n.volume, 0, 1)), p = i(() => Math.round(f.value * 100)), m = i(() => n.muted || f.value <= 0 ? fe : f.value < .5 ? ue : de), h = i(() => n.muted || f.value <= 0 ? "Unmute active media" : "Mute active media"), g = i(() => d.value && !u.value ? "Show volume controls" : h.value), _ = i(() => n.volumeControlLayout === "vertical" ? { height: `${p.value}%` } : { width: `${p.value}%` });
-		z(d, (e) => {
-			e || (u.value = !1);
+		let n = e, r = t, l = D(null), d = D(!1), f = i(() => n.volumeControlLayout === "vertical"), p = i(() => T(n.volume, 0, 1)), m = i(() => Math.round(p.value * 100)), h = i(() => n.muted || p.value <= 0 ? me : p.value < .5 ? fe : pe), g = i(() => n.muted || p.value <= 0 ? "Unmute active media" : "Mute active media"), _ = i(() => f.value && !d.value ? "Show volume controls" : g.value), v = i(() => n.volumeControlLayout === "vertical" ? { height: `${m.value}%` } : { width: `${m.value}%` });
+		z(f, (e) => {
+			e || (d.value = !1);
 		}), S(() => {
-			document.addEventListener("pointerdown", v);
+			document.addEventListener("pointerdown", y);
 		}), x(() => {
-			document.removeEventListener("pointerdown", v);
+			document.removeEventListener("pointerdown", y);
 		});
-		function v(e) {
-			!d.value || !u.value || l.value && e.target instanceof Node && !l.value.contains(e.target) && (u.value = !1);
+		function y(e) {
+			!f.value || !d.value || l.value && e.target instanceof Node && !l.value.contains(e.target) && (d.value = !1);
 		}
-		function y() {
-			if (!d.value) {
+		function C() {
+			if (!f.value) {
 				r("volume-toggle");
 				return;
 			}
-			if (!u.value) {
-				u.value = !0;
+			if (!d.value) {
+				d.value = !0;
 				return;
 			}
 			r("volume-toggle");
 		}
-		function C(e, t, n) {
+		function T(e, t, n) {
 			return Math.min(Math.max(e, t), n);
 		}
-		return (e, t) => (w(), s("div", ht, [c("div", gt, [
-			c("span", _t, M(n.currentTimeLabel), 1),
-			c("div", vt, [
-				t[3] ||= c("div", { class: "absolute inset-x-0 top-1/2 h-px -translate-y-1/2 bg-white/12" }, null, -1),
+		return (e, t) => (w(), s("div", gt, [c("div", _t, [
+			c("span", vt, M(n.currentTimeLabel), 1),
+			c("div", yt, [
+				t[4] ||= 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]",
 					style: b({ width: `${n.progress}%` })
@@ -1423,77 +1445,90 @@ var ht = {
 					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, yt)
+				}, null, 40, bt)
 			]),
-			c("span", bt, M(n.durationLabel), 1),
-			c("div", {
-				ref_key: "rootRef",
-				ref: l,
-				"data-testid": "vibe-media-volume",
-				"data-layout": n.volumeControlLayout,
-				class: "relative flex items-center justify-end"
-			}, [d.value && u.value ? (w(), s("div", St, [c("div", Ct, [
-				t[4] ||= c("div", { class: "absolute bottom-0 left-1/2 h-full w-px -translate-x-1/2 bg-white/12" }, null, -1),
-				c("div", {
-					class: "absolute bottom-0 left-1/2 w-px -translate-x-1/2 bg-[#f7f1ea]",
-					style: b(_.value)
-				}, null, 4),
-				c("input", {
-					"data-testid": "vibe-media-volume-slider",
-					"data-swipe-lock": "true",
-					type: "range",
-					"aria-label": "Adjust active media volume",
-					min: "0",
-					max: "1",
-					step: "0.05",
-					value: f.value,
-					class: "vibe-media-slider absolute left-1/2 top-1/2 h-4 w-28 -translate-x-1/2 -translate-y-1/2 -rotate-90 bg-transparent",
-					onInput: t[1] ||= (e) => r("volume-input", e)
-				}, null, 40, wt)
-			])])) : o("", !0), c("div", Tt, [c("button", {
-				type: "button",
-				"data-testid": "vibe-media-volume-button",
-				"aria-label": g.value,
-				class: "inline-flex h-10 w-10 items-center justify-center border border-white/14 bg-black/50 text-[#f7f1ea]/82 backdrop-blur-[18px] transition hover:border-white/28 hover:bg-black/65",
-				onClick: y
-			}, [(w(), a(A(m.value), {
-				class: "h-4 w-4 stroke-[1.9]",
-				"aria-hidden": "true"
-			}))], 8, Et), n.volumeControlLayout === "horizontal" ? (w(), s("div", Dt, [
-				t[5] ||= c("div", { class: "absolute inset-x-0 top-1/2 h-px -translate-y-1/2 bg-white/12" }, null, -1),
+			c("div", xt, [
+				c("span", St, M(n.durationLabel), 1),
+				n.showFullscreenControl ? (w(), s("button", {
+					key: 0,
+					type: "button",
+					"data-testid": "vibe-media-fullscreen-button",
+					class: "inline-flex h-10 w-10 items-center justify-center border border-white/14 bg-black/50 text-[#f7f1ea]/82 backdrop-blur-[18px] transition hover:border-white/28 hover:bg-black/65",
+					"aria-label": "Open active video fullscreen",
+					onClick: t[1] ||= (e) => r("fullscreen-request")
+				}, [u(F(X), {
+					class: "h-4 w-4 stroke-[1.9]",
+					"aria-hidden": "true"
+				})])) : o("", !0),
 				c("div", {
-					class: "absolute left-0 top-1/2 h-px -translate-y-1/2 bg-[#f7f1ea]",
-					style: b(_.value)
-				}, null, 4),
-				c("input", {
-					"data-testid": "vibe-media-volume-slider",
-					"data-swipe-lock": "true",
-					type: "range",
-					"aria-label": "Adjust active media volume",
-					min: "0",
-					max: "1",
-					step: "0.05",
-					value: f.value,
-					class: "vibe-media-slider absolute inset-0 z-10 h-4 w-full cursor-pointer bg-transparent",
-					onInput: t[2] ||= (e) => r("volume-input", e)
-				}, null, 40, Ot)
-			])) : o("", !0)])], 8, xt)
+					ref_key: "rootRef",
+					ref: l,
+					"data-testid": "vibe-media-volume",
+					"data-layout": n.volumeControlLayout,
+					class: "relative flex items-center justify-end"
+				}, [f.value && d.value ? (w(), s("div", wt, [c("div", Tt, [
+					t[5] ||= c("div", { class: "absolute bottom-0 left-1/2 h-full w-px -translate-x-1/2 bg-white/12" }, null, -1),
+					c("div", {
+						class: "absolute bottom-0 left-1/2 w-px -translate-x-1/2 bg-[#f7f1ea]",
+						style: b(v.value)
+					}, null, 4),
+					c("input", {
+						"data-testid": "vibe-media-volume-slider",
+						"data-swipe-lock": "true",
+						type: "range",
+						"aria-label": "Adjust active media volume",
+						min: "0",
+						max: "1",
+						step: "0.05",
+						value: p.value,
+						class: "vibe-media-slider absolute left-1/2 top-1/2 h-4 w-28 -translate-x-1/2 -translate-y-1/2 -rotate-90 bg-transparent",
+						onInput: t[2] ||= (e) => r("volume-input", e)
+					}, null, 40, Et)
+				])])) : o("", !0), c("div", Dt, [c("button", {
+					type: "button",
+					"data-testid": "vibe-media-volume-button",
+					"aria-label": _.value,
+					class: "inline-flex h-10 w-10 items-center justify-center border border-white/14 bg-black/50 text-[#f7f1ea]/82 backdrop-blur-[18px] transition hover:border-white/28 hover:bg-black/65",
+					onClick: C
+				}, [(w(), a(A(h.value), {
+					class: "h-4 w-4 stroke-[1.9]",
+					"aria-hidden": "true"
+				}))], 8, Ot), n.volumeControlLayout === "horizontal" ? (w(), s("div", kt, [
+					t[6] ||= 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]",
+						style: b(v.value)
+					}, null, 4),
+					c("input", {
+						"data-testid": "vibe-media-volume-slider",
+						"data-swipe-lock": "true",
+						type: "range",
+						"aria-label": "Adjust active media volume",
+						min: "0",
+						max: "1",
+						step: "0.05",
+						value: p.value,
+						class: "vibe-media-slider absolute inset-0 z-10 h-4 w-full cursor-pointer bg-transparent",
+						onInput: t[3] ||= (e) => r("volume-input", e)
+					}, null, 40, At)
+				])) : o("", !0)])], 8, Ct)
+			])
 		])]));
 	}
-}), At = { class: "pointer-events-none absolute inset-0 z-[3] flex flex-col justify-between p-[clamp(1.25rem,2.6vw,2.25rem)]" }, jt = { class: "grid gap-4" }, Mt = { class: "flex min-h-11 items-center justify-between gap-4" }, Nt = { class: "min-w-0 flex flex-1 items-center gap-3" }, Pt = {
+}), Mt = { class: "pointer-events-none absolute inset-0 z-[3] flex flex-col justify-between p-[clamp(1.25rem,2.6vw,2.25rem)]" }, Nt = { class: "grid gap-4" }, Pt = { class: "flex min-h-11 items-center justify-between gap-4" }, Ft = { class: "min-w-0 flex flex-1 items-center gap-3" }, It = {
 	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]"
-}, Ft = { class: "pointer-events-auto flex shrink-0 items-center gap-2" }, It = {
+}, Lt = { class: "pointer-events-auto flex shrink-0 items-center gap-2" }, Rt = {
 	"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]"
-}, Lt = { class: "whitespace-nowrap" }, Rt = {
+}, zt = { class: "whitespace-nowrap" }, Bt = {
 	key: 1,
 	class: "whitespace-nowrap border-l border-white/12 pl-2 text-[#f7f1ea]/56 min-[721px]:pl-3"
-}, zt = {
+}, Vt = {
 	key: 0,
 	class: "grid gap-2 max-[720px]:justify-items-start"
-}, Bt = /* @__PURE__ */ d({
+}, Ht = /* @__PURE__ */ d({
 	__name: "FullscreenHeader",
 	props: {
 		currentIndex: {},
@@ -1507,47 +1542,47 @@ var ht = {
 	emits: ["back-to-list"],
 	setup(e, { emit: t }) {
 		let n = e, r = t;
-		return (e, t) => (w(), s("div", At, [c("div", jt, [c("div", Mt, [c("div", Nt, [n.showBackToList ? (w(), s("button", {
+		return (e, t) => (w(), s("div", Mt, [c("div", Nt, [c("div", Pt, [c("div", Ft, [n.showBackToList ? (w(), s("button", {
 			key: 0,
 			type: "button",
 			"data-testid": "vibe-back-to-list",
 			class: "pointer-events-auto inline-flex h-11 w-11 shrink-0 items-center justify-center border border-white/14 bg-black/40 text-[#f7f1ea]/78 backdrop-blur-[18px] transition hover:border-white/28 hover:bg-black/55",
 			"aria-label": "Back to list",
 			onClick: t[0] ||= (e) => r("back-to-list")
-		}, [u(F(X), {
+		}, [u(F(Y), {
 			class: "h-4 w-4 stroke-[2.2]",
 			"aria-hidden": "true"
-		})])) : o("", !0), n.title ? (w(), s("h2", Pt, M(n.title), 1)) : o("", !0)]), c("div", Ft, [c("span", It, [
-			n.loading ? (w(), a(F(oe), {
+		})])) : o("", !0), n.title ? (w(), s("h2", It, M(n.title), 1)) : o("", !0)]), c("div", Lt, [c("span", Rt, [
+			n.loading ? (w(), a(F(ce), {
 				key: 0,
 				"data-testid": "vibe-pagination-spinner",
 				class: "h-3.5 w-3.5 animate-spin stroke-[1.9]",
 				"aria-hidden": "true"
 			})) : o("", !0),
-			c("span", Lt, M(n.currentIndex + 1) + " / " + M(n.total), 1),
-			n.paginationDetail ? (w(), s("span", Rt, M(n.paginationDetail), 1)) : o("", !0)
-		]), k(e.$slots, "actions")])])]), n.showEndBadge ? (w(), s("div", zt, [...t[1] ||= [c("span", { class: "inline-flex items-center border border-amber-300/35 bg-black/40 px-4 py-3 text-[0.74rem] font-bold uppercase tracking-[0.2em] text-amber-200 backdrop-blur-[18px]" }, " End reached ", -1)]])) : o("", !0)]));
-	}
-}), Vt = {
-	image: Z,
-	video: ie,
-	audio: re,
-	other: ae
-}, Ht = {
+			c("span", zt, M(n.currentIndex + 1) + " / " + M(n.total), 1),
+			n.paginationDetail ? (w(), s("span", Bt, M(n.paginationDetail), 1)) : o("", !0)
+		]), k(e.$slots, "actions")])])]), n.showEndBadge ? (w(), s("div", Vt, [...t[1] ||= [c("span", { class: "inline-flex items-center border border-amber-300/35 bg-black/40 px-4 py-3 text-[0.74rem] font-bold uppercase tracking-[0.2em] text-amber-200 backdrop-blur-[18px]" }, " End reached ", -1)]])) : o("", !0)]));
+	}
+}), Ut = {
+	image: se,
+	video: ae,
+	audio: ie,
+	other: oe
+}, Wt = {
 	image: "Image",
 	video: "Video",
 	audio: "Audio",
 	other: "File"
 };
-function Ut(e) {
-	return Vt[e];
+function Gt(e) {
+	return Ut[e];
 }
-function Wt(e) {
-	return Ht[e];
+function Kt(e) {
+	return Wt[e];
 }
 //#endregion
 //#region src/components/viewer-core/useAssetLoadQueue.ts
-function Gt() {
+function qt() {
 	let e = /* @__PURE__ */ new Map(), t = /* @__PURE__ */ new Map(), n = 0;
 	function r(r) {
 		let a = {
@@ -1570,7 +1605,7 @@ function Gt() {
 	function i() {
 		if (t.size === 0) return;
 		let n = [...t.values()].sort((e, t) => {
-			let n = qt(e) - qt(t);
+			let n = Yt(e) - Yt(t);
 			return n === 0 ? e.enqueuedAt - t.enqueuedAt : n;
 		});
 		for (let r of n) {
@@ -1584,8 +1619,8 @@ function Gt() {
 	}
 	return { request: r };
 }
-var Kt = Gt();
-function qt(e) {
+var Jt = qt();
+function Yt(e) {
 	try {
 		let t = e.getPriority();
 		return Number.isFinite(t) ? t : Infinity;
@@ -1595,19 +1630,19 @@ function qt(e) {
 }
 //#endregion
 //#region src/components/viewer-core/useFullscreenPreloadController.ts
-var Jt = [
+var Xt = [
 	0,
 	1,
 	2,
 	3
-], Yt = {
+], Zt = {
 	0: 0,
 	1: 1,
 	2: 2,
 	3: 3
 };
-function Xt(e) {
-	let t = D({}), n = Gt(), r = /* @__PURE__ */ new Map(), i = /* @__PURE__ */ new Map(), a = /* @__PURE__ */ new Map(), o = /* @__PURE__ */ new Set();
+function Qt(e) {
+	let t = D({}), n = qt(), r = /* @__PURE__ */ new Map(), i = /* @__PURE__ */ new Map(), a = /* @__PURE__ */ new Map(), o = /* @__PURE__ */ new Set();
 	z([
 		e.active,
 		e.items,
@@ -1628,14 +1663,14 @@ function Xt(e) {
 	}
 	function l(e, t) {
 		if (t instanceof HTMLImageElement) {
-			i.set(e, t), Qt(t) && d(e);
+			i.set(e, t), en(t) && d(e);
 			return;
 		}
 		i.delete(e);
 	}
 	function u(e, t) {
 		if (t instanceof HTMLMediaElement) {
-			a.set(e, t), $t(t) && d(e);
+			a.set(e, t), tn(t) && d(e);
 			return;
 		}
 		a.delete(e);
@@ -1676,7 +1711,7 @@ function Xt(e) {
 					assetType: s.item.type === "image" ? "image" : "video",
 					getPriority: () => g(o.index),
 					onGrant: () => {
-						y(s.key, !0), (e.isAssetReady(s.key, s.item) || Zt(s.key, i, a)) && d(s.key);
+						y(s.key, !0), (e.isAssetReady(s.key, s.item) || $t(s.key, i, a)) && d(s.key);
 					},
 					url: s.item.url
 				})
@@ -1687,14 +1722,14 @@ function Xt(e) {
 	}
 	function h() {
 		let t = e.resolvedActiveIndex.value;
-		return Jt.map((e) => _(t + e)).filter((e) => !!e);
+		return Xt.map((e) => _(t + e)).filter((e) => !!e);
 	}
 	function g(t) {
-		return e.active.value ? Yt[t - e.resolvedActiveIndex.value] ?? Infinity : Infinity;
+		return e.active.value ? Zt[t - e.resolvedActiveIndex.value] ?? Infinity : Infinity;
 	}
 	function _(t) {
 		let n = e.items.value[t];
-		return !n || !en(n) ? null : {
+		return !n || !nn(n) ? null : {
 			index: t,
 			item: n,
 			key: e.getItemKey(n)
@@ -1743,26 +1778,26 @@ function Xt(e) {
 		shouldAttachSlideAsset: s
 	};
 }
-function Zt(e, t, n) {
+function $t(e, t, n) {
 	let r = t.get(e);
-	if (r) return Qt(r);
+	if (r) return en(r);
 	let i = n.get(e);
-	return i ? $t(i) : !1;
+	return i ? tn(i) : !1;
 }
-function Qt(e) {
+function en(e) {
 	return e.complete && !!(e.currentSrc || e.getAttribute("src"));
 }
-function $t(e) {
+function tn(e) {
 	let t = typeof HTMLMediaElement > "u" ? 1 : HTMLMediaElement.HAVE_METADATA;
 	return e.readyState >= t;
 }
-function en(e) {
+function nn(e) {
 	return e.type === "image" || e.type === "video" || e.type === "audio";
 }
 //#endregion
 //#region src/components/viewer-core/useFullscreenSurfaceMedia.ts
-function tn(e) {
-	let t = Xt({
+function rn(e) {
+	let t = Qt({
 		active: e.active,
 		getItemKey: r,
 		isAssetReady: m,
@@ -1772,7 +1807,7 @@ function tn(e) {
 	});
 	function n(e, t) {
 		let n = t.title?.trim();
-		return n ? `${e} ${n}` : `${e} ${Wt(t.type).toLowerCase()}`;
+		return n ? `${e} ${n}` : `${e} ${Kt(t.type).toLowerCase()}`;
 	}
 	function r(e) {
 		return $(e);
@@ -1835,11 +1870,11 @@ function tn(e) {
 }
 //#endregion
 //#region src/components/viewer-core/slotContent.ts
-function nn(e) {
+function an(e) {
 	if (!Array.isArray(e)) return !1;
 	for (let t of e) {
 		if (Array.isArray(t)) {
-			if (nn(t)) return !0;
+			if (an(t)) return !0;
 			continue;
 		}
 		if (!h(t)) {
@@ -1850,20 +1885,20 @@ function nn(e) {
 			if (t != null && t !== !1) return !0;
 			continue;
 		}
-		if (!rn(t)) return !0;
+		if (!on(t)) return !0;
 	}
 	return !1;
 }
-function rn(r) {
-	return r.type === e ? !0 : r.type === n ? typeof r.children == "string" ? r.children.trim().length === 0 : !0 : r.type === t ? !nn(r.children) : !1;
+function on(r) {
+	return r.type === e ? !0 : r.type === n ? typeof r.children == "string" ? r.children.trim().length === 0 : !0 : r.type === t ? !an(r.children) : !1;
 }
 //#endregion
 //#region src/components/viewer-core/useSurfaceEmptyState.ts
-var an = "no items available";
-function on(e) {
+var sn = "no items available";
+function cn(e) {
 	let t = i(() => e.loading.value || e.itemCount.value > 0 || e.emptyStateMode.value === "hidden" ? null : {
 		loading: !!e.loading.value,
-		message: an,
+		message: sn,
 		mode: e.emptyStateMode.value === "badge" ? "badge" : "inline",
 		surface: e.surface,
 		total: e.itemCount.value
@@ -1871,23 +1906,23 @@ function on(e) {
 	return {
 		emptyStateProps: t,
 		showBadgeEmptyState: i(() => t.value?.mode === "badge"),
-		showCustomEmptyState: i(() => nn(n.value)),
+		showCustomEmptyState: i(() => an(n.value)),
 		showInlineEmptyState: i(() => t.value?.mode === "inline")
 	};
 }
 //#endregion
 //#region src/components/viewer-core/format.ts
-function sn(e) {
+function ln(e) {
 	if (!Number.isFinite(e) || e <= 0) return "0:00";
 	let t = Math.floor(e), n = Math.floor(t / 3600), r = Math.floor(t % 3600 / 60), i = t % 60;
 	return n > 0 ? `${n}:${String(r).padStart(2, "0")}:${String(i).padStart(2, "0")}` : `${r}:${String(i).padStart(2, "0")}`;
 }
 //#endregion
 //#region src/components/viewer-core/surfaceStatus.ts
-function cn(e) {
+function un(e) {
 	return e.phase ? e.phase : e.loading ? e.itemCount > 0 ? "loading" : "initializing" : "idle";
 }
-function ln(e) {
+function dn(e) {
 	return e.phase === "failed" ? {
 		kind: "failed",
 		message: e.errorMessage ?? (e.hasItems ? "The viewer could not load more items." : "The viewer could not load items.")
@@ -1910,7 +1945,7 @@ function ln(e) {
 }
 //#endregion
 //#region src/components/viewer-core/useActivation.ts
-function un(e) {
+function fn(e) {
 	let t = !1;
 	z(e.enabled, async (t) => {
 		if (n(t), t) {
@@ -1933,7 +1968,7 @@ function un(e) {
 }
 //#endregion
 //#region src/components/viewer-core/assetState.ts
-var dn = {
+var pn = {
 	currentTime: 0,
 	duration: 0,
 	errorKind: null,
@@ -1942,38 +1977,38 @@ var dn = {
 	ready: !1,
 	volume: 1
 };
-function fn() {
-	return { ...dn };
+function mn() {
+	return { ...pn };
 }
-function pn(e) {
+function hn(e) {
 	return e.complete && !!(e.currentSrc || e.getAttribute("src"));
 }
-function mn(e, t, n) {
-	e.currentTime = Number.isFinite(t.currentTime) ? t.currentTime : 0, e.duration = Number.isFinite(t.duration) ? t.duration : 0, e.muted = t.muted, e.paused = t.paused, e.volume = Number.isFinite(t.volume) ? t.volume : e.volume, n && n !== "error" && (e.errorKind = null), e.ready = hn(t, n);
+function gn(e, t, n) {
+	e.currentTime = Number.isFinite(t.currentTime) ? t.currentTime : 0, e.duration = Number.isFinite(t.duration) ? t.duration : 0, e.muted = t.muted, e.paused = t.paused, e.volume = Number.isFinite(t.volume) ? t.volume : e.volume, n && n !== "error" && (e.errorKind = null), e.ready = _n(t, n);
 }
-function hn(e, t) {
+function _n(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 gn = /* @__PURE__ */ new Map();
-function _n(e) {
+var vn = /* @__PURE__ */ new Map();
+function yn(e) {
 	return e === "not-found" ? "404" : "Load error";
 }
-function vn(e) {
+function bn(e) {
 	return e === "generic";
 }
-function yn(e) {
-	return bn(e).then((e) => e ?? "generic");
+function xn(e) {
+	return Sn(e).then((e) => e ?? "generic");
 }
-function bn(e) {
-	let t = gn.get(e);
+function Sn(e) {
+	let t = vn.get(e);
 	if (t) return t;
-	let n = xn(e);
-	return gn.set(e, n), n;
+	let n = Cn(e);
+	return vn.set(e, n), n;
 }
-async function xn(e) {
-	if (!Sn(e)) return null;
+async function Cn(e) {
+	if (!wn(e)) return null;
 	try {
 		let t = await fetch(e, { method: "HEAD" });
 		return t.ok ? null : t.status === 404 ? "not-found" : "generic";
@@ -1981,25 +2016,45 @@ async function xn(e) {
 		return "generic";
 	}
 }
-function Sn(e) {
+function wn(e) {
 	return /^(https?:\/\/|\/)/i.test(e);
 }
 //#endregion
 //#region src/components/viewer-core/mediaPlayback.ts
-function Cn(e) {
+function Tn(e) {
 	try {
 		let t = e.play();
 		t && typeof t.catch == "function" && t.catch(() => {});
 	} catch {}
 }
 //#endregion
+//#region src/components/viewer-core/nativeVideoFullscreen.ts
+function En(e) {
+	let t = typeof document > "u" ? null : document;
+	return typeof document < "u" && typeof HTMLVideoElement < "u" && e instanceof HTMLVideoElement && (document.fullscreenElement === e || t?.webkitFullscreenElement === e);
+}
+function Dn(e) {
+	let t = e.requestFullscreen?.bind(e);
+	if (t) {
+		let e = t();
+		e && typeof e.catch == "function" && e.catch(() => {});
+		return;
+	}
+	let n = e;
+	if (n.webkitEnterFullscreen) {
+		n.webkitEnterFullscreen();
+		return;
+	}
+	n.webkitRequestFullscreen?.();
+}
+//#endregion
 //#region src/components/viewer-core/useMedia.ts
-function wn(e) {
+function On(e) {
 	let t = D({}), n = D({}), r = D({}), a = D({}), o = D({}), s = /* @__PURE__ */ new Map(), c = /* @__PURE__ */ new Map(), l = /* @__PURE__ */ new Set(), u = i(() => e.activeItem.value ? $(e.activeItem.value) : null), d = i(() => e.activeMediaItem.value ? $(e.activeMediaItem.value) : null), f = i(() => {
 		let t = /* @__PURE__ */ new Map();
 		for (let n of e.items.value) t.set($(n), n);
 		return t;
-	}), p = i(() => d.value ? r.value[d.value] ?? dn : dn), m = i(() => d.value ? p.value.duration : 0), h = i(() => m.value <= 0 ? 0 : Tn(p.value.currentTime / m.value * 100, 0, 100)), g = i(() => u.value ? L(u.value) : null);
+	}), p = i(() => d.value ? r.value[d.value] ?? pn : pn), m = i(() => d.value ? p.value.duration : 0), h = i(() => m.value <= 0 ? 0 : kn(p.value.currentTime / m.value * 100, 0, 100)), g = i(() => u.value ? L(u.value) : null);
 	z(() => u.value, async () => {
 		await C();
 	}), z(() => e.itemCount.value, async () => {
@@ -2022,7 +2077,7 @@ function wn(e) {
 		c.delete(e);
 	}
 	function b(e, r) {
-		r instanceof HTMLImageElement && pn(r) && (t.value[e] = !0, n.value[e] = null, Y(e, r.currentSrc || r.src || re(e)));
+		r instanceof HTMLImageElement && hn(r) && (t.value[e] = !0, n.value[e] = null, J(e, r.currentSrc || r.src || ie(e)));
 	}
 	function x() {
 		U(), a.value = {}, n.value = {}, t.value = {}, o.value = {}, r.value = {}, l.clear();
@@ -2044,14 +2099,14 @@ function wn(e) {
 				H(i, n);
 				continue;
 			}
-			i.muted = !1, i.loop = e.loopFullscreenVideo.value, i.playsInline = !0, Cn(i), W(n, i);
+			i.muted = !1, i.loop = e.loopFullscreenVideo.value, i.playsInline = !0, Tn(i), W(n, i);
 		}
 		for (let [e, n] of c.entries()) {
 			if (e !== t || r.value[e]?.errorKind) {
 				H(n, e);
 				continue;
 			}
-			Cn(n), W(e, n);
+			Tn(n), W(e, n);
 		}
 	}
 	function w(e, t) {
@@ -2060,16 +2115,16 @@ function wn(e) {
 			let i = r.value[e]?.ready ?? !1;
 			W(e, n, t.type);
 			let a = r.value[e]?.ready ?? !1;
-			!i && a && Y(e, n.currentSrc || n.src || re(e));
+			!i && a && J(e, n.currentSrc || n.src || ie(e));
 		}
 	}
 	function T(e, r) {
-		t.value[e] = !0, n.value[e] = null, Y(e, r);
+		t.value[e] = !0, n.value[e] = null, J(e, r);
 	}
 	async function E(r, i) {
-		let a = X(r) ?? e.activeItem.value;
+		let a = Y(r) ?? e.activeItem.value;
 		t.value[r] = !1, n.value[r] = "generic";
-		let o = await yn(i);
+		let o = await xn(i);
 		n.value[r] = o, a && e.onAssetError?.({
 			item: a,
 			occurrenceKey: r,
@@ -2079,7 +2134,7 @@ function wn(e) {
 		});
 	}
 	async function O(t, n) {
-		let r = q(t), i = te(t), a = X(t) ?? e.activeMediaItem.value ?? e.activeItem.value;
+		let r = K(t), i = te(t), a = Y(t) ?? e.activeMediaItem.value ?? e.activeItem.value;
 		if (r) {
 			r.pause();
 			try {
@@ -2087,7 +2142,7 @@ function wn(e) {
 			} catch {}
 		}
 		i.currentTime = 0, i.duration = 0, i.paused = !0, i.ready = !1, i.errorKind = "generic";
-		let o = await yn(n);
+		let o = await xn(n);
 		i.errorKind = o, a && e.onAssetError?.({
 			item: a,
 			occurrenceKey: t,
@@ -2097,28 +2152,28 @@ function wn(e) {
 		});
 	}
 	function k(e, t, n) {
-		e.button !== 0 || Date.now() < n || ne(s.get(t) ?? null);
+		e.button !== 0 || Date.now() < n || En(e.currentTarget) || re(s.get(t) ?? null);
 	}
 	function A(e, t, n) {
-		e.button !== 0 || Date.now() < n || ne(q(t));
+		e.button !== 0 || Date.now() < n || re(K(t));
 	}
 	function j(e) {
-		let t = J(), n = d.value;
+		let t = q(), n = d.value;
 		if (!t || !n || !(e.target instanceof HTMLInputElement)) return;
 		let r = Number.parseFloat(e.target.value);
 		if (!Number.isFinite(r)) return;
-		let i = Tn(r, 0, m.value || 0);
+		let i = kn(r, 0, m.value || 0);
 		G(n, i, t), t.currentTime = i;
 	}
 	function M(e) {
-		let t = J(), n = d.value;
+		let t = q(), n = d.value;
 		if (!t || !n || !(e.target instanceof HTMLInputElement)) return;
-		let r = Tn(Number.parseFloat(e.target.value), 0, 1);
+		let r = kn(Number.parseFloat(e.target.value), 0, 1);
 		t.volume = r, t.muted = r <= 0, r > 0 && (o.value[n] = r), W(n, t);
 	}
 	function N() {
-		let e = J(), t = d.value;
-		!e || !t || (e.muted || e.volume <= 0 ? (e.volume = K(t), e.muted = !1, o.value[t] = e.volume) : (o.value[t] = e.volume, e.muted = !0), W(t, e));
+		let e = q(), t = d.value;
+		!e || !t || (e.muted || e.volume <= 0 ? (e.volume = ne(t), e.muted = !1, o.value[t] = e.volume) : (o.value[t] = e.volume, e.muted = !0), W(t, e));
 	}
 	function P(e) {
 		return !!t.value[e] && !n.value[e];
@@ -2134,10 +2189,10 @@ function wn(e) {
 	}
 	function R(e) {
 		let t = L(e);
-		return t ? _n(t) : null;
+		return t ? yn(t) : null;
 	}
 	function ee(e) {
-		return vn(L(e));
+		return bn(L(e));
 	}
 	function B(e) {
 		return `${e}:${a.value[e] ?? 0}`;
@@ -2147,7 +2202,7 @@ function wn(e) {
 		t.value[e] = !1, n.value[e] = null;
 		let r = te(e);
 		r.currentTime = 0, r.duration = 0, r.paused = !0, r.ready = !1, r.errorKind = null;
-		let i = q(e);
+		let i = K(e);
 		i && H(i, e), l.forEach((t) => {
 			t.startsWith(`${e}|`) && l.delete(t);
 		}), a.value[e] = (a.value[e] ?? 0) + 1, await _(), await C();
@@ -2164,35 +2219,35 @@ function wn(e) {
 		for (let [e, t] of c.entries()) H(t, e);
 	}
 	function te(e) {
-		return r.value[e] || (r.value[e] = fn()), r.value[e];
+		return r.value[e] || (r.value[e] = mn()), r.value[e];
 	}
 	function W(e, t, n) {
-		mn(te(e), t, n), !t.muted && t.volume > 0 && (o.value[e] = t.volume);
+		gn(te(e), t, n), !t.muted && t.volume > 0 && (o.value[e] = t.volume);
 	}
 	function G(e, t, n) {
 		let r = te(e);
 		r.currentTime = t, r.duration = Number.isFinite(n.duration) ? n.duration : r.duration, r.muted = n.muted, r.paused = n.paused, r.volume = Number.isFinite(n.volume) ? n.volume : r.volume;
 	}
-	function K(e) {
-		return Tn(o.value[e] ?? 1, 0, 1);
+	function ne(e) {
+		return kn(o.value[e] ?? 1, 0, 1);
 	}
-	function q(e) {
+	function K(e) {
 		return s.get(e) ?? c.get(e) ?? null;
 	}
-	function J() {
-		return d.value ? q(d.value) : null;
+	function q() {
+		return d.value ? K(d.value) : null;
 	}
-	function ne(e) {
+	function re(e) {
 		if (e) {
 			if (e.paused) {
-				Cn(e);
+				Tn(e);
 				return;
 			}
 			e.pause();
 		}
 	}
-	function Y(t, n) {
-		let r = X(t) ?? e.activeMediaItem.value ?? e.activeItem.value;
+	function J(t, n) {
+		let r = Y(t) ?? e.activeMediaItem.value ?? e.activeItem.value;
 		if (!r || !n) return;
 		let i = `${t}|${n}`;
 		l.has(i) || (l.add(i), e.onAssetLoad?.({
@@ -2202,11 +2257,11 @@ function wn(e) {
 			url: n
 		}));
 	}
-	function X(e) {
+	function Y(e) {
 		return f.value.get(e) ?? null;
 	}
-	function re(e) {
-		return X(e)?.url ?? null;
+	function ie(e) {
+		return Y(e)?.url ?? null;
 	}
 	return {
 		activeAssetErrorKind: g,
@@ -2239,16 +2294,16 @@ function wn(e) {
 		syncMediaPlayback: C
 	};
 }
-function Tn(e, t, n) {
+function kn(e, t, n) {
 	return Math.min(Math.max(e, t), n);
 }
 //#endregion
 //#region src/components/viewer-core/virtualization.ts
-var En = {
+var An = {
 	backward: 1,
 	forward: 3
 };
-function Dn(e, t, n = En) {
+function jn(e, t, n = An) {
 	return t <= 0 ? {
 		start: 0,
 		end: -1
@@ -2257,14 +2312,14 @@ function Dn(e, t, n = En) {
 		end: Math.min(t - 1, e + n.forward)
 	};
 }
-function On(e, t, n = En) {
-	let r = Dn(t, e.length, n);
+function Mn(e, t, n = An) {
+	let r = jn(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 kn(e, t, n, r, i) {
+function Nn(e, t, n, r, i) {
 	return {
 		transform: `translate3d(0, ${(e - t) * n + r}px, 0)`,
 		transition: i ? "none" : "transform 320ms cubic-bezier(0.22, 1, 0.36, 1)"
@@ -2272,12 +2327,12 @@ function kn(e, t, n, r, i) {
 }
 //#endregion
 //#region src/components/viewer-core/useViewer.ts
-function An(e, t, n = {}) {
-	let r = i(() => e.items), a = i(() => e.activeIndex ?? 0), o = i(() => e.errorMessage ?? null), s = i(() => e.loading ?? !1), c = i(() => e.hasNextPage ?? !1), l = i(() => e.loopFullscreenVideo ?? !0), u = i(() => e.paginationDetail ?? null), d = i(() => cn({
+function Pn(e, t, n = {}) {
+	let r = i(() => e.items), a = i(() => e.activeIndex ?? 0), o = i(() => e.errorMessage ?? null), s = i(() => e.loading ?? !1), c = i(() => e.hasNextPage ?? !1), l = i(() => e.loopFullscreenVideo ?? !0), u = i(() => e.paginationDetail ?? null), d = i(() => un({
 		itemCount: r.value.length,
 		loading: s.value,
 		phase: e.phase
-	})), f = i(() => !1), p = D(null), m = D(0), h = D(!1), g = D(1), _ = n.enabled ?? i(() => !0), v = null, y = 0, b = 0, x = 0, S = i(() => r.value.length === 0 ? 0 : P(a.value, 0, r.value.length - 1)), C = i(() => r.value[S.value] ?? null), w = i(() => C.value?.type === "audio" || C.value?.type === "video" ? C.value : null), T = wn({
+	})), f = i(() => !1), p = D(null), m = D(0), h = D(!1), g = D(1), _ = n.enabled ?? i(() => !0), v = null, y = 0, b = 0, x = 0, S = i(() => r.value.length === 0 ? 0 : P(a.value, 0, r.value.length - 1)), C = i(() => r.value[S.value] ?? null), w = i(() => C.value?.type === "audio" || C.value?.type === "video" ? C.value : null), T = On({
 		items: r,
 		activeItem: C,
 		activeMediaItem: w,
@@ -2286,14 +2341,14 @@ function An(e, t, n = {}) {
 		loopFullscreenVideo: l,
 		onAssetError: n.onAssetError,
 		onAssetLoad: n.onAssetLoad
-	}), E = i(() => r.value.length > 0 && S.value === r.value.length - 1), O = i(() => ln({
+	}), E = i(() => r.value.length > 0 && S.value === r.value.length - 1), O = i(() => dn({
 		errorMessage: o.value,
 		hasItems: r.value.length > 0,
 		hasNextPage: c.value,
 		phase: d.value,
 		surface: "fullscreen"
-	})), k = i(() => O.value?.kind ?? null), A = i(() => O.value?.message ?? null), j = i(() => Math.min(96, g.value * .15 || 96)), M = i(() => Dn(S.value, r.value.length)), N = i(() => On(r.value, S.value));
-	un({
+	})), k = i(() => O.value?.kind ?? null), A = i(() => O.value?.message ?? null), j = i(() => Math.min(96, g.value * .15 || 96)), M = i(() => jn(S.value, r.value.length)), N = i(() => Mn(r.value, S.value));
+	fn({
 		enabled: _,
 		onDisable() {
 			U(), T.resetMediaState();
@@ -2323,7 +2378,7 @@ function An(e, t, n = {}) {
 		return t && !I(-1) || n && !I(1) ? e * .24 : e;
 	}
 	function z(e) {
-		!_.value || r.value.length === 0 || e.pointerType === "mouse" || Q(e.target) || (v = e.pointerId, y = e.clientY, m.value = 0, h.value = !0, p.value?.setPointerCapture?.(e.pointerId));
+		!_.value || r.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 = R(e.clientY - y));
@@ -2341,37 +2396,37 @@ function An(e, t, n = {}) {
 		m.value = 0, h.value = !1, v = null;
 	}
 	function te(e) {
-		if (!_.value || r.value.length === 0 || h.value || Q(e.target) || Math.abs(e.deltaY) < Math.max(Math.abs(e.deltaX), 24)) return;
+		if (!_.value || r.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, L(e.deltaY > 0 ? 1 : -1));
 	}
 	function W(e) {
-		!_.value || r.value.length === 0 || ge(e.target) || ((e.key === "ArrowDown" || e.key === "PageDown") && (e.preventDefault(), L(1)), (e.key === "ArrowUp" || e.key === "PageUp") && (e.preventDefault(), L(-1)));
+		!_.value || r.value.length === 0 || ve(e.target) || ((e.key === "ArrowDown" || e.key === "PageDown") && (e.preventDefault(), L(1)), (e.key === "ArrowUp" || e.key === "PageUp") && (e.preventDefault(), L(-1)));
 	}
 	function G(e, t) {
 		T.onVideoClick(e, t, x);
 	}
-	function K(e, t) {
+	function ne(e, t) {
 		T.onAudioCoverClick(e, t, x);
 	}
-	function q(e) {
+	function K(e) {
 		T.onMediaSeekInput(e);
 	}
-	function J(e) {
+	function q(e) {
 		T.onMediaVolumeInput(e);
 	}
-	function ne() {
+	function re() {
 		T.onMediaVolumeToggle();
 	}
-	function Y(e) {
+	function J(e) {
 		return e.type === "image" || e.type === "video";
 	}
-	function X(e) {
+	function Y(e) {
 		return e.type === "audio";
 	}
-	function re(e) {
-		return kn(e, S.value, g.value, m.value, h.value);
+	function ie(e) {
+		return Nn(e, S.value, g.value, m.value, h.value);
 	}
 	return {
 		activeItem: C,
@@ -2386,26 +2441,26 @@ function An(e, t, n = {}) {
 		getAssetErrorKind: T.getAssetErrorKind,
 		getAssetErrorLabel: T.getAssetErrorLabel,
 		getAssetRenderKey: T.getAssetRenderKey,
-		formatPlaybackTime: sn,
+		formatPlaybackTime: ln,
 		getImageSource: T.getImageSource,
-		getSlideStyle: re,
+		getSlideStyle: ie,
 		hasNextPage: c,
 		isAtEnd: E,
-		isAudio: X,
-		isVisual: Y,
+		isAudio: Y,
+		isVisual: J,
 		items: r,
 		loading: s,
 		mediaStates: T.mediaStates,
 		isImageReady: T.isImageReady,
 		isMediaReady: T.isMediaReady,
-		onAudioCoverClick: K,
+		onAudioCoverClick: ne,
 		onImageError: T.onImageError,
 		onImageLoad: T.onImageLoad,
 		onMediaEvent: T.onMediaEvent,
 		onMediaError: T.onMediaError,
-		onMediaSeekInput: q,
-		onMediaVolumeInput: J,
-		onMediaVolumeToggle: ne,
+		onMediaSeekInput: K,
+		onMediaVolumeInput: q,
+		onMediaVolumeToggle: re,
 		onPointerCancel: V,
 		onPointerDown: z,
 		onPointerMove: ee,
@@ -2430,21 +2485,21 @@ function An(e, t, n = {}) {
 }
 //#endregion
 //#region src/components/viewer-core/theme.ts
-var jn = "bg-[linear-gradient(180deg,#0a0b10,#05060a)]", Mn = "bg-[linear-gradient(180deg,#0b0c11,#06070b)]", Nn = {
+var Fn = "bg-[linear-gradient(180deg,#0a0b10,#05060a)]", In = "bg-[linear-gradient(180deg,#0b0c11,#06070b)]", Ln = {
 	image: !0,
 	video: !0,
 	audio: !0,
 	other: !0
 };
-function Pn(e) {
-	return Nn[e], jn;
+function Rn(e) {
+	return Ln[e], Fn;
 }
-function Fn(e) {
-	return Nn[e], Mn;
+function zn(e) {
+	return Ln[e], In;
 }
 //#endregion
 //#region src/components/viewer-core/useFullscreenAssetEvents.ts
-function In(e) {
+function Bn(e) {
 	function t(t, n) {
 		return e.fullscreenMedia.shouldHandleSlideAssetEvent(t, n) ? e.fullscreenMedia.getItemKey(n) : null;
 	}
@@ -2477,7 +2532,7 @@ function In(e) {
 }
 //#endregion
 //#region src/components/viewer-core/dominantImageTone.ts
-function Ln(e) {
+function Vn(e) {
 	if (e.naturalWidth <= 0 || e.naturalHeight <= 0) return null;
 	let t = document.createElement("canvas"), n = t.getContext("2d", { willReadFrequently: !0 });
 	if (!n) return null;
@@ -2492,20 +2547,20 @@ function Ln(e) {
 			r += d, i += s * d, a += c * d, o += l * d;
 		}
 		return r <= 0 ? null : {
-			r: Rn(Math.round(i / r)),
-			g: Rn(Math.round(a / r)),
-			b: Rn(Math.round(o / r))
+			r: Hn(Math.round(i / r)),
+			g: Hn(Math.round(a / r)),
+			b: Hn(Math.round(o / r))
 		};
 	} catch {
 		return null;
 	}
 }
-function Rn(e) {
+function Hn(e) {
 	return Math.min(235, Math.max(26, e));
 }
 //#endregion
 //#region src/components/viewer-core/useFullscreenDominantTone.ts
-function zn(e) {
+function Un(e) {
 	let t = D({}), n = i(() => e.activeItem.value ? e.getItemKey(e.activeItem.value) : null), r = i(() => !e.showDominantImageTone.value || e.activeItem.value?.type !== "image" || !n.value || !e.isImageReady(n.value) ? null : t.value[n.value] ?? null), a = i(() => {
 		if (!r.value) return;
 		let { r: e, g: t, b: n } = r.value;
@@ -2520,7 +2575,7 @@ function zn(e) {
 	});
 	function s(n, r) {
 		if (!e.showDominantImageTone.value) return;
-		let i = Ln(r);
+		let i = Vn(r);
 		i && (t.value[n] = i);
 	}
 	return {
@@ -2530,8 +2585,318 @@ function zn(e) {
 	};
 }
 //#endregion
-//#region src/components/SurfaceEmptyState.vue?vue&type=script&setup=true&lang.ts
-var Bn = ["data-surface"], Vn = ["data-surface"], Hn = /* @__PURE__ */ d({
+//#region src/components/viewer-core/useVideoFullscreen.ts
+function Wn(e) {
+	let t = /* @__PURE__ */ new Map();
+	function n(e, n) {
+		if (n instanceof HTMLVideoElement) {
+			t.set(e, n);
+			return;
+		}
+		t.delete(e);
+	}
+	function r() {
+		let n = e.activeItem.value, r = n?.type === "video" ? t.get(e.getItemKey(n)) : null;
+		r && Dn(r);
+	}
+	return {
+		registerElement: n,
+		request: r
+	};
+}
+//#endregion
+//#region src/components/viewer-core/masonryLayout.ts
+var Gn = 1, Kn = .5;
+function qn(e) {
+	if (e.type !== "image" && e.type !== "video") return {
+		width: Gn,
+		height: Gn,
+		source: "fallback"
+	};
+	let t = e.preview?.width, n = e.preview?.height;
+	if (nr(t) && nr(n)) {
+		let r = rr(e, t, n);
+		return {
+			width: r.width,
+			height: r.height,
+			source: "preview"
+		};
+	}
+	if (nr(e.width) && nr(e.height)) {
+		let t = rr(e, e.width, e.height);
+		return {
+			width: t.width,
+			height: t.height,
+			source: "original"
+		};
+	}
+	return {
+		width: Gn,
+		height: Gn,
+		source: "fallback"
+	};
+}
+function Jn(e, t) {
+	return !e || e <= 0 || !t || t <= 0 ? 1 : Math.max(1, Math.floor(e / t));
+}
+function Yn(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 Xn(e, t) {
+	let n = qn(e);
+	return n.height / n.width * t;
+}
+function Zn(e, t) {
+	let n = Array.from({ length: t.columnCount }, () => 0), r = {
+		positions: Array(e.length),
+		heights: Array(e.length),
+		buckets: /* @__PURE__ */ new Map(),
+		contentHeight: 0,
+		indexById: /* @__PURE__ */ new Map(),
+		columnHeights: n
+	};
+	return Qn(r, e, {
+		...t,
+		startIndex: 0
+	}), r;
+}
+function Qn(e, t, n) {
+	for (let r = 0; r < t.length; r += 1) {
+		let i = t[r], a = n.startIndex + r;
+		e.indexById.set($(i), a);
+		let o = 0;
+		for (let t = 1; t < e.columnHeights.length; t += 1) e.columnHeights[t] < e.columnHeights[o] && (o = t);
+		let s = o * (n.columnWidth + n.gapX), c = e.columnHeights[o], l = Xn(i, n.columnWidth);
+		e.positions[a] = {
+			x: s + (n.positionOffsetX ?? 0),
+			y: c + (n.positionOffsetY ?? 0)
+		}, e.heights[a] = l, e.columnHeights[o] = c + l + n.gapY, e.contentHeight = Math.max(e.contentHeight, c + l);
+		let u = Math.floor(c / n.bucketPx), d = Math.floor((c + l) / n.bucketPx);
+		for (let t = u; t <= d; t += 1) {
+			let n = e.buckets.get(t);
+			n ? e.buckets.set(t, [...n, a]) : e.buckets.set(t, [a]);
+		}
+	}
+	return e;
+}
+function $n(e, t) {
+	let n = [...t.columnHeights], r = t.contentHeight;
+	for (let i of e) {
+		let e = 0;
+		for (let t = 1; t < n.length; t += 1) n[t] < n[e] && (e = t);
+		let a = n[e], o = Xn(i, t.columnWidth);
+		n[e] = a + o + t.gapY, r = Math.max(r, a + o);
+	}
+	return r;
+}
+function er(e) {
+	return e.addedItems.length === 0 || e.removedItemCount > 0 || e.isPrepend || e.previousItems.length === 0 || e.layoutItemCount !== e.previousItems.length || e.columnHeights.length !== e.columnCount || e.currentItems.length !== e.previousItems.length + e.addedItems.length ? !1 : e.previousItems.every((t, n) => $(t) === $(e.currentItems[n]));
+}
+function tr(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();
+	for (let t = r; t <= i; t += 1) {
+		let n = e.buckets.get(t);
+		if (n) for (let e of n) a.add(e);
+	}
+	return Array.from(a).sort((e, t) => e - t);
+}
+function nr(e) {
+	return typeof e == "number" && Number.isFinite(e) && e > 0;
+}
+function rr(e, t, n) {
+	return e.type !== "image" || n / t >= Kn ? {
+		width: t,
+		height: n
+	} : {
+		width: t,
+		height: t
+	};
+}
+//#endregion
+//#region src/components/viewer-core/listPreview.ts
+var ir = /\.(avif|gif|jpe?g|png|svg|webp)(\?|#|$)/i, ar = /\.(m4v|mov|mp4|mpeg|ogg|ogv|webm)(\?|#|$)/i, or = /^(?:(?:https?:)?\/\/[^/]+)?\/api\/files\/[^/?#]+\/(?:preview|downloaded)(?:\?|#|$)/i;
+function sr(e) {
+	let t = cr(e), n = t?.url, r = qn(e), i = e.title?.trim() || Kt(e.type);
+	return t?.mediaType === "video" && typeof n == "string" ? {
+		kind: "video",
+		url: n,
+		width: r.width,
+		height: r.height,
+		label: i
+	} : t?.mediaType === "image" && typeof n == "string" ? {
+		kind: "image",
+		url: n,
+		width: r.width,
+		height: r.height,
+		label: i
+	} : e.type !== "image" && e.type !== "video" ? {
+		kind: "fallback",
+		url: null,
+		width: r.width,
+		height: r.height,
+		label: i
+	} : typeof n == "string" && ur(e, n) ? {
+		kind: "video",
+		url: n,
+		width: r.width,
+		height: r.height,
+		label: i
+	} : typeof n == "string" && lr(e, n) ? {
+		kind: "image",
+		url: n,
+		width: r.width,
+		height: r.height,
+		label: i
+	} : {
+		kind: "fallback",
+		url: null,
+		width: r.width,
+		height: r.height,
+		label: i
+	};
+}
+function cr(e) {
+	return e.preview?.url ? e.preview : typeof e.url != "string" || e.url.trim() === "" ? null : { url: e.url };
+}
+function lr(e, t) {
+	return e.type !== "image" || typeof t != "string" ? !1 : ir.test(t) || dr(t);
+}
+function ur(e, t) {
+	return e.type !== "video" || typeof t != "string" ? !1 : ar.test(t) || fr(t);
+}
+function dr(e) {
+	return /^(https?:\/\/|\/\/|\/(?!\/)|\.{1,2}\/|blob:|data:)/i.test(e);
+}
+function fr(e) {
+	return or.test(e) || /^blob:/i.test(e) || /^data:video\//i.test(e);
+}
+//#endregion
+//#region src/components/FullscreenPreviewRail.vue?vue&type=script&setup=true&lang.ts
+var pr = {
+	key: 0,
+	"data-testid": "vibe-fullscreen-next-previews",
+	class: "pointer-events-auto absolute right-[clamp(1.25rem,2.6vw,2.25rem)] top-[clamp(5.75rem,7vw,7rem)] z-[4] grid gap-2 max-[860px]:hidden"
+}, mr = [
+	"data-index",
+	"aria-label",
+	"title",
+	"onClick"
+], hr = [
+	"src",
+	"onError",
+	"onLoad"
+], gr = [
+	"src",
+	"onError",
+	"onLoadedmetadata"
+], _r = {
+	key: 2,
+	class: "grid h-full w-full place-items-center bg-white/6",
+	"aria-hidden": "true"
+}, vr = {
+	key: 3,
+	class: "pointer-events-none absolute left-2 top-2 inline-flex h-6 w-6 items-center justify-center border border-white/14 bg-black/55 backdrop-blur-[14px]",
+	"aria-hidden": "true"
+}, yr = {
+	key: 4,
+	"data-testid": "vibe-fullscreen-next-preview-spinner",
+	class: "pointer-events-none absolute inset-0 grid place-items-center bg-black/18",
+	"aria-hidden": "true"
+}, br = { class: "inline-flex h-9 w-9 items-center justify-center rounded-full bg-black/50 shadow-[0_18px_40px_-18px_rgba(0,0,0,0.85)] backdrop-blur-[18px]" }, xr = { class: "pointer-events-none absolute bottom-1.5 right-1.5 border border-white/14 bg-black/58 px-1.5 py-1 text-[0.56rem] font-bold leading-none tracking-[0.12em] text-[#f7f1ea]/78 backdrop-blur-[14px]" }, Sr = /* @__PURE__ */ d({
+	__name: "FullscreenPreviewRail",
+	props: {
+		activeIndex: {},
+		items: {},
+		maxItems: { default: 2 }
+	},
+	emits: ["select"],
+	setup(e, { emit: n }) {
+		let r = e, l = n, d = D({}), f = i(() => {
+			let e = Math.min(Math.max(r.activeIndex + 1, 0), r.items.length);
+			return r.items.slice(e, e + r.maxItems).map((t, n) => ({
+				asset: sr(t),
+				index: e + n,
+				item: t
+			}));
+		});
+		z(f, (e) => {
+			let t = {};
+			for (let n of e) {
+				let e = p(n);
+				_(n) && (t[e] = d.value[e] ?? "loading");
+			}
+			d.value = t;
+		}, { immediate: !0 });
+		function p(e) {
+			return `${e.item.id}:${e.index}:${e.asset.url ?? "fallback"}`;
+		}
+		function m(e) {
+			return `Open item ${e.index + 1} of ${r.items.length}: ${e.asset.label}`;
+		}
+		function h(e) {
+			return g(e) ? "object-cover" : "object-contain";
+		}
+		function g(e) {
+			if (e.width <= 0 || e.height <= 0) return !1;
+			let t = e.width / e.height;
+			return (t >= 1 ? 1 - 1 / t : 1 - t) >= .3;
+		}
+		function _(e) {
+			return !!e.asset.url && (e.asset.kind === "image" || e.asset.kind === "video");
+		}
+		function y(e) {
+			return _(e) && d.value[p(e)] === "loading";
+		}
+		function b(e, t) {
+			return d.value[p(e)] === "ready" ? `${t} group-hover:opacity-100` : "opacity-0";
+		}
+		function x(e, t) {
+			d.value = {
+				...d.value,
+				[p(e)]: t
+			};
+		}
+		return (e, n) => f.value.length ? (w(), s("div", pr, [(w(!0), s(t, null, O(f.value, (e) => (w(), s("button", {
+			key: `${e.item.id}-${e.index}`,
+			type: "button",
+			"data-testid": "vibe-fullscreen-next-preview",
+			"data-index": e.index,
+			"aria-label": m(e),
+			title: e.asset.label,
+			class: "group relative h-[150px] w-[150px] overflow-hidden border border-white/14 bg-black/45 text-[#f7f1ea] shadow-[0_20px_50px_-30px_rgba(0,0,0,0.9)] backdrop-blur-[18px] transition hover:border-white/34 hover:bg-black/58 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-[#f7f1ea]",
+			onClick: (t) => l("select", e.index)
+		}, [
+			e.asset.kind === "image" ? (w(), s("img", {
+				key: 0,
+				src: e.asset.url ?? void 0,
+				alt: "",
+				"aria-hidden": "true",
+				draggable: "false",
+				loading: "lazy",
+				class: v(["h-full w-full bg-black/18 object-center transition-[opacity,transform] duration-300 group-hover:scale-[1.04]", [h(e.asset), b(e, "opacity-[0.82]")]]),
+				onError: (t) => x(e, "error"),
+				onLoad: (t) => x(e, "ready")
+			}, null, 42, hr)) : e.asset.kind === "video" ? (w(), s("video", {
+				key: 1,
+				src: e.asset.url ?? void 0,
+				"aria-hidden": "true",
+				class: v(["h-full w-full bg-black/18 object-center transition-[opacity,transform] duration-300 group-hover:scale-[1.04]", [h(e.asset), b(e, "opacity-[0.78]")]]),
+				muted: "",
+				playsinline: "",
+				preload: "metadata",
+				onError: (t) => x(e, "error"),
+				onLoadedmetadata: (t) => x(e, "ready")
+			}, null, 42, gr)) : (w(), s("span", _r, [(w(), a(A(F(Gt)(e.item.type)), { class: "h-5 w-5 stroke-[1.9] text-[#f7f1ea]/70" }))])),
+			e.asset.kind === "video" ? (w(), s("span", vr, [(w(), a(A(F(Gt)(e.item.type)), { class: "h-3.5 w-3.5 stroke-[2]" }))])) : o("", !0),
+			y(e) ? (w(), s("span", yr, [c("span", br, [u(F(ce), { class: "h-4 w-4 animate-spin stroke-[1.9] text-[#f7f1ea]/82" })])])) : o("", !0),
+			c("span", xr, M(e.index + 1) + " / " + M(r.items.length), 1)
+		], 8, mr))), 128))])) : o("", !0);
+	}
+}), Cr = ["data-surface"], wr = ["data-surface"], Tr = /* @__PURE__ */ d({
 	inheritAttrs: !1,
 	__name: "SurfaceEmptyState",
 	props: {
@@ -2545,31 +2910,31 @@ var Bn = ["data-surface"], Vn = ["data-surface"], Hn = /* @__PURE__ */ d({
 			"data-testid": "vibe-empty-state-inline",
 			"data-surface": e.surface,
 			class: ["pointer-events-none absolute z-[4] text-center", e.surface === "grid" ? "inset-x-0 top-[clamp(6rem,22vh,11rem)] flex justify-center px-6" : "inset-0 grid place-items-center px-[clamp(2rem,4vw,3rem)] py-[clamp(2rem,4vw,3rem)]"]
-		}), [k(n.$slots, "default", {}, () => [c("p", { class: v(["m-0 text-[0.82rem] font-medium tracking-[0.08em]", e.surface === "grid" ? "text-[#f7f1ea]/58" : "text-[#f7f1ea]/64"]) }, M(e.message), 3)])], 16, Bn)) : (w(), s("div", g({ key: 1 }, F(t), { class: ["pointer-events-none absolute z-[4]", e.surface === "grid" ? "inset-x-0 bottom-0 flex justify-center px-6" : "bottom-[1.8rem] left-1/2 -translate-x-1/2 max-[720px]:bottom-[1.3rem]"] }), [k(n.$slots, "default", {}, () => [c("span", {
+		}), [k(n.$slots, "default", {}, () => [c("p", { class: v(["m-0 text-[0.82rem] font-medium tracking-[0.08em]", e.surface === "grid" ? "text-[#f7f1ea]/58" : "text-[#f7f1ea]/64"]) }, M(e.message), 3)])], 16, Cr)) : (w(), s("div", g({ key: 1 }, F(t), { class: ["pointer-events-none absolute z-[4]", e.surface === "grid" ? "inset-x-0 bottom-0 flex justify-center px-6" : "bottom-[1.8rem] left-1/2 -translate-x-1/2 max-[720px]:bottom-[1.3rem]"] }), [k(n.$slots, "default", {}, () => [c("span", {
 			"data-testid": "vibe-empty-state-badge",
 			"data-surface": e.surface,
 			class: v(["inline-flex items-center border border-white/14 backdrop-blur-[18px]", e.surface === "grid" ? "bg-black/55 px-4 py-3 text-[0.82rem] font-medium tracking-[0.08em] text-[#f7f1ea]/72" : "w-auto bg-black/40 px-5 py-3 text-[0.82rem] font-medium tracking-[0.08em] text-[#f7f1ea]/74 max-[720px]:w-[calc(100%-2.5rem)] max-[720px]:justify-center"])
-		}, M(e.message), 11, Vn)])], 16));
+		}, M(e.message), 11, wr)])], 16));
 	}
-}), Un = { class: "relative h-full min-h-0 overflow-hidden bg-[#05060a] text-[#f7f1ea]" }, Wn = {
+}), Er = { class: "relative h-full min-h-0 overflow-hidden bg-[#05060a] text-[#f7f1ea]" }, Dr = {
 	key: 0,
 	class: "relative h-full min-h-0"
-}, Gn = [
+}, Or = [
 	"data-item-id",
 	"data-occurrence-key",
 	"data-index",
 	"data-active",
 	"aria-hidden"
-], Kn = {
+], kr = {
 	key: 0,
 	"data-testid": "vibe-asset-spinner",
 	class: "pointer-events-none absolute inset-0 z-[2] grid place-items-center"
-}, qn = { class: "inline-flex h-12 w-12 items-center justify-center rounded-full bg-black/45 shadow-[0_18px_40px_-18px_rgba(0,0,0,0.85)] backdrop-blur-[18px]" }, Jn = ["data-kind"], Yn = { class: "grid justify-items-center gap-4 border border-white/14 bg-black/45 px-8 py-7 text-center backdrop-blur-[18px]" }, Xn = { class: "m-0 text-[0.82rem] font-bold uppercase tracking-[0.28em] text-[#f7f1ea]/70" }, Zn = ["onClick"], Qn = [
+}, Ar = { class: "inline-flex h-12 w-12 items-center justify-center rounded-full bg-black/45 shadow-[0_18px_40px_-18px_rgba(0,0,0,0.85)] backdrop-blur-[18px]" }, jr = ["data-kind"], Mr = { class: "grid justify-items-center gap-4 border border-white/14 bg-black/45 px-8 py-7 text-center backdrop-blur-[18px]" }, Nr = { class: "m-0 text-[0.82rem] font-bold uppercase tracking-[0.28em] text-[#f7f1ea]/70" }, Pr = ["onClick"], Fr = [
 	"src",
 	"alt",
 	"onLoad",
 	"onError"
-], $n = [
+], Ir = [
 	"loop",
 	"src",
 	"preload",
@@ -2588,15 +2953,15 @@ var Bn = ["data-surface"], Vn = ["data-surface"], Hn = /* @__PURE__ */ d({
 	"onStalled",
 	"onTimeupdate",
 	"onWaiting"
-], er = { class: "relative grid aspect-square w-[clamp(320px,46vw,560px)] max-w-[calc(100vw-2.5rem)] place-items-center" }, tr = [
+], Lr = { class: "relative grid aspect-square w-[clamp(320px,46vw,560px)] max-w-[calc(100vw-2.5rem)] place-items-center" }, Rr = [
 	"aria-label",
 	"disabled",
 	"onClick"
-], nr = { class: "relative z-[1] inline-flex min-h-[4.25rem] min-w-[4.25rem] items-center justify-center border border-white/18 bg-emerald-500/12 p-4 backdrop-blur-[20px]" }, rr = { class: "pointer-events-none absolute bottom-4 right-4 inline-flex h-10 w-10 items-center justify-center border border-white/14 bg-black/50 backdrop-blur-[18px]" }, ir = {
+], zr = { 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]" }, Br = { 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]" }, Vr = {
 	key: 0,
 	"data-testid": "vibe-asset-spinner",
 	class: "pointer-events-none absolute inset-0 z-[3] grid place-items-center"
-}, ar = { class: "inline-flex h-12 w-12 items-center justify-center rounded-full bg-black/45 shadow-[0_18px_40px_-18px_rgba(0,0,0,0.85)] backdrop-blur-[18px]" }, or = ["data-kind"], sr = { class: "m-0 text-[0.82rem] font-bold uppercase tracking-[0.28em] text-[#f7f1ea]/70" }, cr = ["onClick"], lr = [
+}, Hr = { 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]" }, Ur = ["data-kind"], Wr = { class: "m-0 text-[0.82rem] font-bold uppercase tracking-[0.28em] text-[#f7f1ea]/70" }, Gr = ["onClick"], Kr = [
 	"src",
 	"preload",
 	"onCanplay",
@@ -2612,26 +2977,26 @@ var Bn = ["data-surface"], Vn = ["data-surface"], Hn = /* @__PURE__ */ d({
 	"onStalled",
 	"onTimeupdate",
 	"onWaiting"
-], ur = {
+], qr = {
 	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"
-}, dr = { class: "inline-flex min-h-[4.25rem] min-w-[4.25rem] items-center justify-center border border-white/18 bg-white/8 p-4 backdrop-blur-[20px]" }, fr = {
+}, Jr = { 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]" }, Yr = {
 	key: 0,
 	"data-testid": "vibe-fullscreen-overlay",
 	class: "pointer-events-none absolute inset-0 z-[6]"
-}, pr = { class: "h-full w-full" }, mr = {
+}, Xr = { class: "h-full w-full" }, Zr = {
 	key: 1,
 	"data-testid": "vibe-forward-fill-placeholder",
 	class: "grid h-full min-h-0 place-items-center px-6 text-center"
-}, hr = { class: "grid justify-items-center gap-4 border border-white/14 bg-black/40 px-8 py-7 backdrop-blur-[18px]" }, gr = { class: "inline-flex h-12 w-12 items-center justify-center rounded-full bg-black/45 shadow-[0_18px_40px_-18px_rgba(0,0,0,0.85)]" }, _r = { class: "m-0 text-[0.78rem] font-bold uppercase tracking-[0.24em] text-[#f7f1ea]/72" }, vr = {
+}, Qr = { class: "grid justify-items-center gap-4 border border-white/14 bg-black/40 px-8 py-7 backdrop-blur-[18px]" }, $r = { 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)]" }, ei = { class: "m-0 text-[0.78rem] font-bold uppercase tracking-[0.24em] text-[#f7f1ea]/72" }, ti = {
 	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]"
-}, yr = { class: "h-full min-h-0 overflow-y-auto overscroll-y-contain" }, br = {
+}, ni = { class: "h-full min-h-0 overflow-y-auto overscroll-y-contain" }, ri = {
 	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]"
-}, xr = { class: "h-full min-h-0 overflow-y-auto overscroll-y-contain" }, Sr = 1280, Cr = 768, wr = /* @__PURE__ */ d({
+}, ii = { class: "h-full min-h-0 overflow-y-auto overscroll-y-contain" }, ai = 1280, oi = 768, si = /* @__PURE__ */ d({
 	__name: "FullscreenSurface",
 	props: {
 		active: {
@@ -2683,27 +3048,30 @@ var Bn = ["data-surface"], Vn = ["data-surface"], Hn = /* @__PURE__ */ d({
 	},
 	emits: ["back-to-list", "update:activeIndex"],
 	setup(e, { emit: n }) {
-		let d = e, f = L(), m = n, h = An(d, (e, t) => {
+		let d = e, f = L(), m = n, h = Pn(d, (e, t) => {
 			m("update:activeIndex", t);
 		}, {
 			enabled: N(d, "active"),
 			onAssetError: d.reportAssetError ?? void 0,
 			onAssetLoad: d.reportAssetLoad ?? void 0
-		}), _ = D(typeof window > "u" ? Sr : window.innerWidth || Sr), C = tn({
+		}), _ = D(typeof window > "u" ? ai : window.innerWidth || ai), C = rn({
 			active: N(d, "active"),
 			items: h.items,
 			resolvedActiveIndex: h.resolvedActiveIndex,
 			viewer: h
-		}), T = i(() => Pn(h.activeItem.value?.type ?? "image")), { activeSlideToneStyle: E, activeStageToneStyle: j, updateFromImageElement: P } = zn({
+		}), T = Wn({
+			activeItem: h.activeItem,
+			getItemKey: C.getItemKey
+		}), E = i(() => Rn(h.activeItem.value?.type ?? "image")), { activeSlideToneStyle: j, activeStageToneStyle: P, updateFromImageElement: I } = Un({
 			activeItem: h.activeItem,
 			getItemKey: C.getItemKey,
 			isImageReady: h.isImageReady,
 			showDominantImageTone: N(d, "showDominantImageTone")
-		}), I = In({
+		}), R = Bn({
 			fullscreenMedia: C,
-			updateDominantToneFromImageElement: _e,
+			updateDominantToneFromImageElement: ye,
 			viewer: h
-		}), R = i(() => h.activeMediaItem.value && !h.activeAssetErrorKind.value ? "bottom-[5.8rem] max-[720px]:bottom-[7.4rem]" : "bottom-[1.8rem] max-[720px]:bottom-[1.3rem]"), z = i(() => !!h.activeMediaItem.value && !h.activeAssetErrorKind.value), ee = i(() => _.value < Cr ? "vertical" : "horizontal"), V = i(() => z.value ? "pb-[5.75rem] max-[720px]:pb-[7rem]" : ""), U = i(() => d.activeIndex >= d.items.length && (d.loading || d.hasNextPage)), te = i(() => d.hasNextPage ? "Loading more items" : h.statusMessage.value ?? "Loading more items"), W = i(() => {
+		}), z = i(() => h.activeMediaItem.value && !h.activeAssetErrorKind.value ? "bottom-[5.8rem] max-[720px]:bottom-[7.4rem]" : "bottom-[1.8rem] max-[720px]:bottom-[1.3rem]"), ee = i(() => !!h.activeMediaItem.value && !h.activeAssetErrorKind.value), V = i(() => _.value < oi ? "vertical" : "horizontal"), U = i(() => ee.value ? "pb-[5.75rem] max-[720px]:pb-[7rem]" : ""), te = i(() => d.activeIndex >= d.items.length && (d.loading || d.hasNextPage)), W = i(() => d.hasNextPage ? "Loading more items" : h.statusMessage.value ?? "Loading more items"), G = i(() => {
 			let e = h.activeItem.value;
 			return e ? {
 				hasNextPage: d.hasNextPage,
@@ -2713,14 +3081,14 @@ var Bn = ["data-surface"], Vn = ["data-surface"], Hn = /* @__PURE__ */ d({
 				paginationDetail: d.paginationDetail,
 				total: d.items.length
 			} : null;
-		}), G = i(() => !W.value || !f["fullscreen-header-actions"] ? [] : f["fullscreen-header-actions"](W.value)), K = i(() => !W.value || !f["fullscreen-aside"] ? [] : f["fullscreen-aside"](W.value)), q = i(() => !d.showStatusBadges || !W.value || !h.statusKind.value || !h.statusMessage.value ? null : {
-			...W.value,
+		}), ne = i(() => !G.value || !f["fullscreen-header-actions"] ? [] : f["fullscreen-header-actions"](G.value)), K = i(() => !G.value || !f["fullscreen-aside"] ? [] : f["fullscreen-aside"](G.value)), q = i(() => !d.showStatusBadges || !G.value || !h.statusKind.value || !h.statusMessage.value ? null : {
+			...G.value,
 			kind: h.statusKind.value,
 			message: h.statusMessage.value
-		}), J = i(() => !q.value || !f["fullscreen-status"] ? [] : f["fullscreen-status"](q.value)), ne = i(() => ({
-			gridTemplateColumns: re.value ? "minmax(0, 1fr) 22rem" : "minmax(0, 1fr) 0rem",
+		}), re = i(() => !q.value || !f["fullscreen-status"] ? [] : f["fullscreen-status"](q.value)), J = i(() => ({
+			gridTemplateColumns: ae.value ? "minmax(0, 1fr) 22rem" : "minmax(0, 1fr) 0rem",
 			transition: "grid-template-columns 320ms cubic-bezier(0.22, 1, 0.36, 1)"
-		})), Y = i(() => nn(G.value)), X = i(() => nn(K.value)), re = i(() => X.value && _.value >= Sr), ie = i(() => X.value && !re.value), ae = i(() => nn(J.value)), { emptyStateProps: Z, showBadgeEmptyState: ue, showCustomEmptyState: de, showInlineEmptyState: fe } = on({
+		})), Y = i(() => an(ne.value)), ie = i(() => an(K.value)), ae = i(() => ie.value && _.value >= ai), oe = i(() => ie.value && !ae.value), se = i(() => an(re.value)), { emptyStateProps: X, showBadgeEmptyState: fe, showCustomEmptyState: pe, showInlineEmptyState: me } = cn({
 			emptyStateMode: N(d, "emptyStateMode"),
 			itemCount: i(() => d.items.length),
 			loading: N(d, "loading"),
@@ -2728,31 +3096,31 @@ var Bn = ["data-surface"], Vn = ["data-surface"], Hn = /* @__PURE__ */ d({
 			surface: "fullscreen"
 		});
 		S(() => {
-			window.addEventListener("resize", pe);
+			window.addEventListener("resize", he);
 		}), x(() => {
-			window.removeEventListener("resize", pe);
+			window.removeEventListener("resize", he);
 		});
-		function pe() {
-			_.value = window.innerWidth || Sr;
+		function he() {
+			_.value = window.innerWidth || ai;
 		}
-		function me(e, t) {
-			C.registerImageElement(e, t), h.registerImageElement(e, t), t instanceof HTMLImageElement && _e(e, t);
+		function ge(e, t) {
+			C.registerImageElement(e, t), h.registerImageElement(e, t), t instanceof HTMLImageElement && ye(e, t);
 		}
-		function he(e, t) {
-			C.registerMediaElement(e, t), h.registerVideoElement(e, t);
+		function _e(e, t) {
+			C.registerMediaElement(e, t), h.registerVideoElement(e, t), T.registerElement(e, t);
 		}
-		function ge(e, t) {
+		function ve(e, t) {
 			C.registerMediaElement(e, t), h.registerAudioElement(e, t);
 		}
-		function Q(e, t, n) {
-			let r = I.onFullscreenMediaEvent(e, t, n), i = n.currentTarget, a = typeof HTMLMediaElement > "u" ? 1 : HTMLMediaElement.HAVE_METADATA;
+		function Z(e, t, n) {
+			let r = R.onFullscreenMediaEvent(e, t, n), i = n.currentTarget, a = typeof HTMLMediaElement > "u" ? 1 : HTMLMediaElement.HAVE_METADATA;
 			r && i instanceof HTMLMediaElement && i.readyState >= a && C.settleAssetPreload(r);
 		}
-		function _e(e, t) {
-			P(e, t);
+		function ye(e, t) {
+			I(e, t);
 		}
-		function ve(e, t, n) {
-			let r = I.getHandledItemKey(t, n);
+		function be(e, t, n) {
+			let r = R.getHandledItemKey(t, n);
 			if (!r || (h.onMediaEvent(r, e), !d.loopFullscreenVideo)) return;
 			let i = e.currentTarget;
 			if (!(i instanceof HTMLVideoElement)) return;
@@ -2762,24 +3130,24 @@ var Bn = ["data-surface"], Vn = ["data-surface"], Hn = /* @__PURE__ */ d({
 			let a = i.play();
 			a && typeof a.catch == "function" && a.catch(() => {});
 		}
-		return (e, n) => (w(), s("div", Un, [
+		return (e, n) => (w(), s("div", Er, [
 			c("div", {
-				class: v(["absolute inset-0 transition-[background] duration-200", T.value]),
-				style: b(F(j))
+				class: v(["absolute inset-0 transition-[background] duration-200", E.value]),
+				style: b(F(P))
 			}, null, 6),
 			c("div", {
 				class: "relative z-[1] grid h-full min-h-0",
-				style: b(ne.value)
+				style: b(J.value)
 			}, [c("div", {
 				ref: "viewer.stageRef",
 				"data-testid": "vibe-stage",
 				class: "relative h-full min-h-0 touch-none overflow-hidden",
-				onPointerdown: n[1] ||= (...e) => F(h).onPointerDown && F(h).onPointerDown(...e),
-				onPointermove: n[2] ||= (...e) => F(h).onPointerMove && F(h).onPointerMove(...e),
-				onPointerup: n[3] ||= (...e) => F(h).onPointerUp && F(h).onPointerUp(...e),
-				onPointercancel: n[4] ||= (...e) => F(h).onPointerCancel && F(h).onPointerCancel(...e),
-				onWheel: n[5] ||= (...e) => F(h).onWheel && F(h).onWheel(...e)
-			}, [F(h).activeItem.value ? (w(), s("div", Wn, [
+				onPointerdown: n[2] ||= (...e) => F(h).onPointerDown && F(h).onPointerDown(...e),
+				onPointermove: n[3] ||= (...e) => F(h).onPointerMove && F(h).onPointerMove(...e),
+				onPointerup: n[4] ||= (...e) => F(h).onPointerUp && F(h).onPointerUp(...e),
+				onPointercancel: n[5] ||= (...e) => F(h).onPointerCancel && F(h).onPointerCancel(...e),
+				onWheel: n[6] ||= (...e) => F(h).onWheel && F(h).onWheel(...e)
+			}, [F(h).activeItem.value ? (w(), s("div", Dr, [
 				(w(!0), s(t, null, O(F(h).renderedItems.value, ({ item: r, index: i }) => (w(), s("article", {
 					key: F(C).getItemKey(r),
 					"data-testid": "vibe-slide",
@@ -2791,12 +3159,12 @@ var Bn = ["data-surface"], Vn = ["data-surface"], Hn = /* @__PURE__ */ d({
 					class: v(["absolute inset-0 flex h-full min-h-full items-center justify-center will-change-transform", i === F(h).resolvedActiveIndex.value ? "pointer-events-auto" : "pointer-events-none"]),
 					style: b(F(h).getSlideStyle(i))
 				}, [c("div", {
-					class: v(["absolute inset-0 opacity-85", F(Fn)(r.type)]),
-					style: b(i === F(h).resolvedActiveIndex.value && r.type === "image" ? F(E) : void 0)
+					class: v(["absolute inset-0 opacity-85", F(zn)(r.type)]),
+					style: b(i === F(h).resolvedActiveIndex.value && r.type === "image" ? F(j) : void 0)
 				}, null, 6), F(h).isVisual(r) ? (w(), s("div", {
 					key: 0,
-					class: v(["relative z-[1] flex h-full w-full items-center justify-center overflow-hidden", i === F(h).resolvedActiveIndex.value ? V.value : ""])
-				}, [F(C).isAssetLoading(i, r) ? (w(), s("div", Kn, [c("span", qn, [u(F(oe), {
+					class: v(["relative z-[1] flex h-full w-full items-center justify-center overflow-hidden", i === F(h).resolvedActiveIndex.value ? U.value : ""])
+				}, [F(C).isAssetLoading(i, r) ? (w(), s("div", kr, [c("span", Ar, [u(F(ce), {
 					class: "h-5 w-5 animate-spin stroke-[1.9] text-[#f7f1ea]/78",
 					"aria-hidden": "true"
 				})])])) : o("", !0), F(C).isAssetErrored(i, r) ? (w(), s("div", {
@@ -2804,19 +3172,19 @@ var Bn = ["data-surface"], Vn = ["data-surface"], Hn = /* @__PURE__ */ d({
 					"data-testid": "vibe-asset-error",
 					"data-kind": F(C).getAssetErrorKind(r),
 					class: "grid h-full w-full place-items-center"
-				}, [c("div", Yn, [
-					u(F(le), {
+				}, [c("div", Mr, [
+					u(F(de), {
 						class: "h-7 w-7 stroke-[1.9] text-[#f7f1ea]/72",
 						"aria-hidden": "true"
 					}),
-					c("p", Xn, M(F(C).getAssetErrorLabel(r)), 1),
+					c("p", Nr, M(F(C).getAssetErrorLabel(r)), 1),
 					F(h).canRetryAsset(F(C).getItemKey(r)) ? (w(), s("button", {
 						key: 0,
 						type: "button",
 						class: "inline-flex items-center justify-center border border-white/14 bg-black/35 px-4 py-2 text-[0.64rem] font-bold uppercase tracking-[0.22em] text-[#f7f1ea]/82 backdrop-blur-[18px] transition hover:border-white/28 hover:bg-black/50",
 						onClick: H((e) => F(h).retryAsset(F(C).getItemKey(r)), ["stop"])
-					}, " Retry ", 8, Zn)) : o("", !0)
-				])], 8, Jn)) : r.type === "image" ? (w(), s("img", {
+					}, " Retry ", 8, Pr)) : o("", !0)
+				])], 8, jr)) : r.type === "image" ? (w(), s("img", {
 					key: F(h).getAssetRenderKey(F(C).getItemKey(r)),
 					src: F(C).getFullscreenImageSource(i, r),
 					alt: r.title ?? "",
@@ -2824,10 +3192,10 @@ var Bn = ["data-surface"], Vn = ["data-surface"], Hn = /* @__PURE__ */ d({
 					draggable: "false",
 					class: v(["block h-auto max-h-full w-auto max-w-full object-contain shadow-[0_40px_120px_-60px_rgba(0,0,0,0.9)] transition-opacity duration-300", F(h).isImageReady(F(C).getItemKey(r)) ? "opacity-100" : "opacity-0"]),
 					ref_for: !0,
-					ref: (e) => me(F(C).getItemKey(r), e),
-					onLoad: (e) => F(I).onFullscreenImageLoad(e, i, r),
-					onError: (e) => F(I).onFullscreenImageError(i, r)
-				}, null, 42, Qn)) : (w(), s("video", {
+					ref: (e) => ge(F(C).getItemKey(r), e),
+					onLoad: (e) => F(R).onFullscreenImageLoad(e, i, r),
+					onError: (e) => F(R).onFullscreenImageError(i, r)
+				}, null, 42, Fr)) : (w(), s("video", {
 					key: F(h).getAssetRenderKey(F(C).getItemKey(r)),
 					class: v(["block h-auto max-h-full w-auto max-w-full cursor-pointer object-contain shadow-[0_40px_120px_-60px_rgba(0,0,0,0.9)] transition-opacity duration-300", F(h).isMediaReady(F(C).getItemKey(r)) ? "opacity-100" : "opacity-0"]),
 					playsinline: "",
@@ -2835,26 +3203,26 @@ var Bn = ["data-surface"], Vn = ["data-surface"], Hn = /* @__PURE__ */ d({
 					src: F(C).getFullscreenMediaSource(i, r),
 					preload: F(C).getFullscreenMediaPreload(i),
 					ref_for: !0,
-					ref: (e) => he(F(C).getItemKey(r), e),
+					ref: (e) => _e(F(C).getItemKey(r), e),
 					onClick: H((e) => F(h).onVideoClick(e, F(C).getItemKey(r)), ["stop"]),
-					onCanplay: (e) => Q(i, r, e),
-					onDurationchange: (e) => Q(i, r, e),
-					onEnded: (e) => ve(e, i, r),
-					onError: (e) => F(I).onFullscreenMediaError(i, r),
-					onLoadstart: (e) => Q(i, r, e),
-					onLoadedmetadata: (e) => Q(i, r, e),
-					onPause: (e) => Q(i, r, e),
-					onPlay: (e) => Q(i, r, e),
-					onPlaying: (e) => Q(i, r, e),
-					onSeeking: (e) => Q(i, r, e),
-					onSeeked: (e) => Q(i, r, e),
-					onStalled: (e) => Q(i, r, e),
-					onTimeupdate: (e) => Q(i, r, e),
-					onWaiting: (e) => Q(i, r, e)
-				}, null, 42, $n))], 2)) : F(h).isAudio(r) ? (w(), s("div", {
+					onCanplay: (e) => Z(i, r, e),
+					onDurationchange: (e) => Z(i, r, e),
+					onEnded: (e) => be(e, i, r),
+					onError: (e) => F(R).onFullscreenMediaError(i, r),
+					onLoadstart: (e) => Z(i, r, e),
+					onLoadedmetadata: (e) => Z(i, r, e),
+					onPause: (e) => Z(i, r, e),
+					onPlay: (e) => Z(i, r, e),
+					onPlaying: (e) => Z(i, r, e),
+					onSeeking: (e) => Z(i, r, e),
+					onSeeked: (e) => Z(i, r, e),
+					onStalled: (e) => Z(i, r, e),
+					onTimeupdate: (e) => Z(i, r, e),
+					onWaiting: (e) => Z(i, r, e)
+				}, null, 42, Ir))], 2)) : F(h).isAudio(r) ? (w(), s("div", {
 					key: 1,
-					class: v(["relative z-[1] grid w-full max-w-[1100px] justify-items-center gap-6 px-[clamp(2rem,4vw,3rem)] py-[clamp(2rem,4vw,3rem)] text-center", i === F(h).resolvedActiveIndex.value ? V.value : ""])
-				}, [c("div", er, [
+					class: v(["relative z-[1] grid w-full max-w-[1100px] justify-items-center gap-6 px-[clamp(2rem,4vw,3rem)] py-[clamp(2rem,4vw,3rem)] text-center", i === F(h).resolvedActiveIndex.value ? U.value : ""])
+				}, [c("div", Lr, [
 					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]",
@@ -2862,70 +3230,70 @@ var Bn = ["data-surface"], Vn = ["data-surface"], Hn = /* @__PURE__ */ d({
 						disabled: !!F(C).getAssetErrorKind(r),
 						onClick: (e) => F(h).onAudioCoverClick(e, F(C).getItemKey(r))
 					}, [
-						n[6] ||= c("span", { class: "pointer-events-none absolute inset-0 border border-white/8 bg-[radial-gradient(circle,rgba(16,185,129,0.16),transparent_66%)]" }, null, -1),
-						n[7] ||= c("span", { class: "pointer-events-none absolute h-[clamp(220px,30vw,360px)] w-[clamp(220px,30vw,360px)] border border-white/8 bg-[radial-gradient(circle,rgba(255,255,255,0.08),transparent_62%)]" }, null, -1),
-						c("span", nr, [k(e.$slots, "item-icon", {
-							icon: F(Ut)(r.type),
+						n[7] ||= 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[8] ||= 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", zr, [k(e.$slots, "item-icon", {
+							icon: F(Gt)(r.type),
 							item: r
-						}, () => [(w(), a(A(F(Ut)(r.type)), {
+						}, () => [(w(), a(A(F(Gt)(r.type)), {
 							class: "h-6 w-6 stroke-[1.9]",
 							"aria-hidden": "true"
 						}))])]),
-						c("span", rr, [(w(), a(A(F(h).mediaStates.value[F(C).getItemKey(r)]?.paused ?? !0 ? F(ce) : F(se)), {
+						c("span", Br, [(w(), a(A(F(h).mediaStates.value[F(C).getItemKey(r)]?.paused ?? !0 ? F(ue) : F(le)), {
 							class: "h-4 w-4 stroke-2",
 							"aria-hidden": "true"
 						}))])
-					], 8, tr),
-					F(C).isAssetLoading(i, r) ? (w(), s("div", ir, [c("span", ar, [u(F(oe), {
+					], 8, Rr),
+					F(C).isAssetLoading(i, r) ? (w(), s("div", Vr, [c("span", Hr, [u(F(ce), {
 						class: "h-5 w-5 animate-spin stroke-[1.9] text-[#f7f1ea]/78",
 						"aria-hidden": "true"
 					})])])) : o("", !0),
-					F(C).getAssetErrorKind(r) ? (w(), s(t, { key: 1 }, [n[8] ||= c("div", { class: "pointer-events-none absolute inset-0 border border-white/8 bg-[radial-gradient(circle,rgba(239,68,68,0.12),transparent_66%)]" }, null, -1), c("div", {
+					F(C).getAssetErrorKind(r) ? (w(), s(t, { key: 1 }, [n[9] ||= 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": F(C).getAssetErrorKind(r),
 						class: "relative z-[1] grid justify-items-center gap-4"
 					}, [
-						u(F(le), {
+						u(F(de), {
 							class: "h-7 w-7 stroke-[1.9] text-[#f7f1ea]/72",
 							"aria-hidden": "true"
 						}),
-						c("p", sr, M(F(C).getAssetErrorLabel(r)), 1),
+						c("p", Wr, M(F(C).getAssetErrorLabel(r)), 1),
 						F(h).canRetryAsset(F(C).getItemKey(r)) ? (w(), s("button", {
 							key: 0,
 							type: "button",
 							class: "pointer-events-auto inline-flex items-center justify-center border border-white/14 bg-black/35 px-4 py-2 text-[0.64rem] font-bold uppercase tracking-[0.22em] text-[#f7f1ea]/82 backdrop-blur-[18px] transition hover:border-white/28 hover:bg-black/50",
 							onClick: H((e) => F(h).retryAsset(F(C).getItemKey(r)), ["stop"])
-						}, " Retry ", 8, cr)) : o("", !0)
-					], 8, or)], 64)) : o("", !0)
+						}, " Retry ", 8, Gr)) : o("", !0)
+					], 8, Ur)], 64)) : o("", !0)
 				]), (w(), s("audio", {
 					key: F(h).getAssetRenderKey(F(C).getItemKey(r)),
 					src: F(C).getFullscreenMediaSource(i, r),
 					preload: F(C).getFullscreenMediaPreload(i),
 					class: "pointer-events-none absolute h-px w-px opacity-0",
 					ref_for: !0,
-					ref: (e) => ge(F(C).getItemKey(r), e),
-					onCanplay: (e) => Q(i, r, e),
-					onDurationchange: (e) => Q(i, r, e),
-					onError: (e) => F(I).onFullscreenMediaError(i, r),
-					onLoadstart: (e) => Q(i, r, e),
-					onLoadedmetadata: (e) => Q(i, r, e),
-					onPause: (e) => Q(i, r, e),
-					onPlay: (e) => Q(i, r, e),
-					onPlaying: (e) => Q(i, r, e),
-					onSeeking: (e) => Q(i, r, e),
-					onSeeked: (e) => Q(i, r, e),
-					onStalled: (e) => Q(i, r, e),
-					onTimeupdate: (e) => Q(i, r, e),
-					onWaiting: (e) => Q(i, r, e)
-				}, null, 40, lr))], 2)) : (w(), s("div", ur, [c("div", dr, [k(e.$slots, "item-icon", {
-					icon: F(Ut)(r.type),
+					ref: (e) => ve(F(C).getItemKey(r), e),
+					onCanplay: (e) => Z(i, r, e),
+					onDurationchange: (e) => Z(i, r, e),
+					onError: (e) => F(R).onFullscreenMediaError(i, r),
+					onLoadstart: (e) => Z(i, r, e),
+					onLoadedmetadata: (e) => Z(i, r, e),
+					onPause: (e) => Z(i, r, e),
+					onPlay: (e) => Z(i, r, e),
+					onPlaying: (e) => Z(i, r, e),
+					onSeeking: (e) => Z(i, r, e),
+					onSeeked: (e) => Z(i, r, e),
+					onStalled: (e) => Z(i, r, e),
+					onTimeupdate: (e) => Z(i, r, e),
+					onWaiting: (e) => Z(i, r, e)
+				}, null, 40, Kr))], 2)) : (w(), s("div", qr, [c("div", Jr, [k(e.$slots, "item-icon", {
+					icon: F(Gt)(r.type),
 					item: r
-				}, () => [(w(), a(A(F(Ut)(r.type)), {
+				}, () => [(w(), a(A(F(Gt)(r.type)), {
 					class: "h-6 w-6 stroke-[1.9]",
 					"aria-hidden": "true"
-				}))])])]))], 14, Gn))), 128)),
-				W.value && f["fullscreen-overlay"] ? (w(), s("div", fr, [c("div", pr, [k(e.$slots, "fullscreen-overlay", y(p(W.value)))])])) : o("", !0),
-				F(h).activeItem.value ? (w(), a(Bt, {
+				}))])])]))], 14, Or))), 128)),
+				G.value && f["fullscreen-overlay"] ? (w(), s("div", Yr, [c("div", Xr, [k(e.$slots, "fullscreen-overlay", y(p(G.value)))])])) : o("", !0),
+				F(h).activeItem.value ? (w(), a(Ht, {
 					key: 1,
 					"current-index": F(h).resolvedActiveIndex.value,
 					loading: d.loading,
@@ -2935,9 +3303,9 @@ var Bn = ["data-surface"], Vn = ["data-surface"], Hn = /* @__PURE__ */ d({
 					title: F(h).activeItem.value.title ?? null,
 					total: F(h).items.value.length,
 					onBackToList: n[0] ||= (e) => m("back-to-list")
-				}, l({ _: 2 }, [Y.value && W.value ? {
+				}, l({ _: 2 }, [Y.value && G.value ? {
 					name: "actions",
-					fn: B(() => [k(e.$slots, "fullscreen-header-actions", y(p(W.value)))]),
+					fn: B(() => [k(e.$slots, "fullscreen-header-actions", y(p(G.value)))]),
 					key: "0"
 				} : void 0]), 1032, [
 					"current-index",
@@ -2948,7 +3316,12 @@ var Bn = ["data-surface"], Vn = ["data-surface"], Hn = /* @__PURE__ */ d({
 					"title",
 					"total"
 				])) : o("", !0),
-				z.value ? (w(), a(kt, {
+				u(Sr, {
+					"active-index": F(h).resolvedActiveIndex.value,
+					items: F(h).items.value,
+					onSelect: n[1] ||= (e) => m("update:activeIndex", e)
+				}, null, 8, ["active-index", "items"]),
+				ee.value ? (w(), a(jt, {
 					key: 2,
 					"current-time": F(h).activeMediaState.value.currentTime,
 					"current-time-label": F(h).formatPlaybackTime(F(h).activeMediaState.value.currentTime),
@@ -2956,8 +3329,10 @@ var Bn = ["data-surface"], Vn = ["data-surface"], Hn = /* @__PURE__ */ d({
 					"duration-label": F(h).formatPlaybackTime(F(h).activeMediaDuration.value),
 					muted: F(h).activeMediaState.value.muted,
 					progress: F(h).activeMediaProgress.value,
+					"show-fullscreen-control": F(h).activeMediaItem.value?.type === "video",
 					volume: F(h).activeMediaState.value.volume,
-					"volume-control-layout": ee.value,
+					"volume-control-layout": V.value,
+					onFullscreenRequest: F(T).request,
 					onSeekInput: F(h).onMediaSeekInput,
 					onVolumeInput: F(h).onMediaVolumeInput,
 					onVolumeToggle: F(h).onMediaVolumeToggle
@@ -2968,42 +3343,44 @@ var Bn = ["data-surface"], Vn = ["data-surface"], Hn = /* @__PURE__ */ d({
 					"duration-label",
 					"muted",
 					"progress",
+					"show-fullscreen-control",
 					"volume",
 					"volume-control-layout",
+					"onFullscreenRequest",
 					"onSeekInput",
 					"onVolumeInput",
 					"onVolumeToggle"
 				])) : o("", !0),
 				q.value ? (w(), s("div", {
 					key: 3,
-					class: v(["absolute left-1/2 z-[4] -translate-x-1/2", R.value])
-				}, [ae.value ? k(e.$slots, "fullscreen-status", y(g({ key: 0 }, q.value))) : (w(), s("div", {
+					class: v(["absolute left-1/2 z-[4] -translate-x-1/2", z.value])
+				}, [se.value ? k(e.$slots, "fullscreen-status", y(g({ key: 0 }, q.value))) : (w(), s("div", {
 					key: 1,
 					"data-testid": "vibe-fullscreen-status-badge",
 					class: v(["inline-flex w-auto items-center border border-white/14 bg-black/40 px-5 py-3 text-[0.75rem] font-bold uppercase tracking-[0.18em] text-[#f7f1ea]/74 backdrop-blur-[18px] max-[720px]:w-[calc(100%-2.5rem)] max-[720px]:justify-center", q.value.kind === "end" ? "border-amber-300/35 text-amber-200" : q.value.kind === "failed" ? "border-rose-400/45 text-rose-100" : ""])
 				}, M(q.value.message), 3))], 2)) : o("", !0)
-			])) : U.value ? (w(), s("div", mr, [c("div", hr, [c("span", gr, [u(F(oe), {
+			])) : te.value ? (w(), s("div", Zr, [c("div", Qr, [c("span", $r, [u(F(ce), {
 				class: "h-5 w-5 animate-spin stroke-[1.9] text-[#f7f1ea]/78",
 				"aria-hidden": "true"
-			})]), c("p", _r, M(te.value), 1)])])) : F(fe) && F(Z) ? (w(), a(Hn, {
+			})]), c("p", ei, M(W.value), 1)])])) : F(me) && F(X) ? (w(), a(Tr, {
 				key: 2,
-				message: F(Z).message,
-				mode: F(Z).mode,
-				surface: F(Z).surface
+				message: F(X).message,
+				mode: F(X).mode,
+				surface: F(X).surface
 			}, {
-				default: B(() => [F(de) ? k(e.$slots, "empty-state", y(g({ key: 0 }, F(Z)))) : o("", !0)]),
+				default: B(() => [F(pe) ? k(e.$slots, "empty-state", y(g({ key: 0 }, F(X)))) : o("", !0)]),
 				_: 3
 			}, 8, [
 				"message",
 				"mode",
 				"surface"
-			])) : o("", !0), F(ue) && F(Z) ? (w(), a(Hn, {
+			])) : o("", !0), F(fe) && F(X) ? (w(), a(Tr, {
 				key: 3,
-				message: F(Z).message,
-				mode: F(Z).mode,
-				surface: F(Z).surface
+				message: F(X).message,
+				mode: F(X).mode,
+				surface: F(X).surface
 			}, {
-				default: B(() => [F(de) ? k(e.$slots, "empty-state", y(g({ key: 0 }, F(Z)))) : o("", !0)]),
+				default: B(() => [F(pe) ? k(e.$slots, "empty-state", y(g({ key: 0 }, F(X)))) : o("", !0)]),
 				_: 3
 			}, 8, [
 				"message",
@@ -3017,7 +3394,7 @@ var Bn = ["data-surface"], Vn = ["data-surface"], Hn = /* @__PURE__ */ d({
 				"leave-from-class": "translate-x-0 opacity-100",
 				"leave-to-class": "translate-x-full opacity-0"
 			}, {
-				default: B(() => [re.value && W.value ? (w(), s("aside", vr, [c("div", yr, [k(e.$slots, "fullscreen-aside", y(p(W.value)))])])) : o("", !0)]),
+				default: B(() => [ae.value && G.value ? (w(), s("aside", ti, [c("div", ni, [k(e.$slots, "fullscreen-aside", y(p(G.value)))])])) : o("", !0)]),
 				_: 3
 			})], 4),
 			u(r, {
@@ -3028,127 +3405,18 @@ var Bn = ["data-surface"], Vn = ["data-surface"], Hn = /* @__PURE__ */ d({
 				"leave-from-class": "translate-x-0 opacity-100",
 				"leave-to-class": "translate-x-full opacity-0"
 			}, {
-				default: B(() => [ie.value && W.value ? (w(), s("aside", br, [c("div", xr, [k(e.$slots, "fullscreen-aside", y(p(W.value)))])])) : o("", !0)]),
+				default: B(() => [oe.value && G.value ? (w(), s("aside", ri, [c("div", ii, [k(e.$slots, "fullscreen-aside", y(p(G.value)))])])) : o("", !0)]),
 				_: 3
 			})
 		]));
 	}
-}), Tr = 1, Er = .5;
-function Dr(e) {
-	if (e.type !== "image" && e.type !== "video") return {
-		width: Tr,
-		height: Tr,
-		source: "fallback"
-	};
-	let t = e.preview?.width, n = e.preview?.height;
-	if (Ir(t) && Ir(n)) {
-		let r = Lr(e, t, n);
-		return {
-			width: r.width,
-			height: r.height,
-			source: "preview"
-		};
-	}
-	if (Ir(e.width) && Ir(e.height)) {
-		let t = Lr(e, e.width, e.height);
-		return {
-			width: t.width,
-			height: t.height,
-			source: "original"
-		};
-	}
-	return {
-		width: Tr,
-		height: Tr,
-		source: "fallback"
-	};
-}
-function Or(e, t) {
-	return !e || e <= 0 || !t || t <= 0 ? 1 : Math.max(1, Math.floor(e / t));
-}
-function kr(e, t, n, r = 0) {
-	if (!e || e <= 0 || !t || t <= 0) return n;
-	let i = typeof r == "number" && r > 0 ? r : 0, a = e - Math.max(0, t - 1) * i;
-	return !a || a <= 0 ? n : a / t;
-}
-function Ar(e, t) {
-	let n = Dr(e);
-	return n.height / n.width * t;
-}
-function jr(e, t) {
-	let n = Array.from({ length: t.columnCount }, () => 0), r = {
-		positions: Array(e.length),
-		heights: Array(e.length),
-		buckets: /* @__PURE__ */ new Map(),
-		contentHeight: 0,
-		indexById: /* @__PURE__ */ new Map(),
-		columnHeights: n
-	};
-	return Mr(r, e, {
-		...t,
-		startIndex: 0
-	}), r;
-}
-function Mr(e, t, n) {
-	for (let r = 0; r < t.length; r += 1) {
-		let i = t[r], a = n.startIndex + r;
-		e.indexById.set($(i), a);
-		let o = 0;
-		for (let t = 1; t < e.columnHeights.length; t += 1) e.columnHeights[t] < e.columnHeights[o] && (o = t);
-		let s = o * (n.columnWidth + n.gapX), c = e.columnHeights[o], l = Ar(i, n.columnWidth);
-		e.positions[a] = {
-			x: s + (n.positionOffsetX ?? 0),
-			y: c + (n.positionOffsetY ?? 0)
-		}, e.heights[a] = l, e.columnHeights[o] = c + l + n.gapY, e.contentHeight = Math.max(e.contentHeight, c + l);
-		let u = Math.floor(c / n.bucketPx), d = Math.floor((c + l) / n.bucketPx);
-		for (let t = u; t <= d; t += 1) {
-			let n = e.buckets.get(t);
-			n ? e.buckets.set(t, [...n, a]) : e.buckets.set(t, [a]);
-		}
-	}
-	return e;
-}
-function Nr(e, t) {
-	let n = [...t.columnHeights], r = t.contentHeight;
-	for (let i of e) {
-		let e = 0;
-		for (let t = 1; t < n.length; t += 1) n[t] < n[e] && (e = t);
-		let a = n[e], o = Ar(i, t.columnWidth);
-		n[e] = a + o + t.gapY, r = Math.max(r, a + o);
-	}
-	return r;
-}
-function Pr(e) {
-	return e.addedItems.length === 0 || e.removedItemCount > 0 || e.isPrepend || e.previousItems.length === 0 || e.layoutItemCount !== e.previousItems.length || e.columnHeights.length !== e.columnCount || e.currentItems.length !== e.previousItems.length + e.addedItems.length ? !1 : e.previousItems.every((t, n) => $(t) === $(e.currentItems[n]));
-}
-function Fr(e) {
-	if (e.itemCount <= 0) return [];
-	if (e.viewportHeight <= 0) return Array.from({ length: e.itemCount }, (e, t) => t);
-	let t = Math.max(0, e.scrollTop - e.overscanPx), n = e.scrollTop + e.viewportHeight + e.overscanPx, r = Math.floor(t / e.bucketPx), i = Math.floor(n / e.bucketPx), a = /* @__PURE__ */ new Set();
-	for (let t = r; t <= i; t += 1) {
-		let n = e.buckets.get(t);
-		if (n) for (let e of n) a.add(e);
-	}
-	return Array.from(a).sort((e, t) => e - t);
-}
-function Ir(e) {
-	return typeof e == "number" && Number.isFinite(e) && e > 0;
-}
-function Lr(e, t, n) {
-	return e.type !== "image" || n / t >= Er ? {
-		width: t,
-		height: n
-	} : {
-		width: t,
-		height: t
-	};
-}
+});
 //#endregion
 //#region src/components/viewer-core/masonryLayoutState.ts
-function Rr(e) {
+function ci(e) {
 	let t = j([]), n = j([]), r = j(/* @__PURE__ */ new Map()), i = j(0), a = j(/* @__PURE__ */ new Map()), o = j([]);
 	function s(s, c, l) {
-		let u = jr(s, {
+		let u = Zn(s, {
 			columnCount: c,
 			columnWidth: l,
 			gapX: e.gapPx,
@@ -3158,7 +3426,7 @@ function Rr(e) {
 		t.value = u.positions.map(d), n.value = u.heights, r.value = u.buckets, i.value = u.contentHeight, a.value = u.indexById, o.value = u.columnHeights;
 	}
 	function c(s, c, l, d) {
-		i.value = Mr(u(), s, {
+		i.value = Qn(u(), s, {
 			columnCount: l,
 			columnWidth: d,
 			gapX: e.gapPx,
@@ -3170,7 +3438,7 @@ function Rr(e) {
 		}).contentHeight, P(t), P(n), P(r), P(a), P(o);
 	}
 	function l(e, n, r, i) {
-		return Pr({
+		return er({
 			addedItems: r.addedItems,
 			columnCount: i,
 			columnHeights: o.value,
@@ -3211,21 +3479,21 @@ function Rr(e) {
 }
 //#endregion
 //#region src/components/viewer-core/useMasonryMotion.ts
-var zr = 300, Br = 600, Vr = 40, Hr = 300, Ur = 400;
-function Wr(e, t) {
+var li = 300, ui = 600, di = 40, fi = 300, pi = 400;
+function mi(e, t) {
 	return t === "top" ? [...e].reverse() : e;
 }
-function Gr(e) {
-	return e <= 0 ? Br : Br + Math.min((e - 1) * Vr, Ur);
+function hi(e) {
+	return e <= 0 ? ui : ui + Math.min((e - 1) * di, pi);
 }
-function Kr() {
-	return Hr;
+function gi() {
+	return fi;
 }
-function qr(e) {
+function _i(e) {
 	let t = e.itemHeight > 0 ? e.itemHeight : e.columnWidth;
 	return e.direction === "top" ? e.scrollTop - t : e.scrollTop + e.viewportHeight + t;
 }
-function Jr(e) {
+function vi(e) {
 	let t = D(/* @__PURE__ */ new Set()), n = D(/* @__PURE__ */ new Set()), r = D(/* @__PURE__ */ new Map()), a = D(/* @__PURE__ */ new Map()), o = D(/* @__PURE__ */ new Map()), s = D(/* @__PURE__ */ new Set()), c = D(/* @__PURE__ */ new Map()), l = D(/* @__PURE__ */ new Map()), u = D(/* @__PURE__ */ new Set()), d = /* @__PURE__ */ new Set(), f = /* @__PURE__ */ new Set(), p = i(() => Array.from(o.value.values()));
 	z(e.visibleIndices, (i) => {
 		if (!i.length) return;
@@ -3235,20 +3503,20 @@ function Jr(e) {
 			!r || !t.value.has(r) || d.has(r) || (d.add(r), o.push(r));
 		}
 		if (!o.length) return;
-		let s = Wr(o, a.value.get(o[0]) ?? "bottom"), c = new Map(r.value);
-		for (let e = 0; e < s.length; e += 1) c.set(s[e], Math.min(e * Vr, Ur));
-		r.value = c, Yr(() => {
+		let s = mi(o, a.value.get(o[0]) ?? "bottom"), c = new Map(r.value);
+		for (let e = 0; e < s.length; e += 1) c.set(s[e], Math.min(e * di, pi));
+		r.value = c, yi(() => {
 			let e = new Set(n.value);
 			for (let t of o) e.add(t);
 			n.value = e;
-		}), Xr(() => {
+		}), bi(() => {
 			let e = new Set(t.value);
 			for (let t of o) e.delete(t);
 			t.value = e, S(() => {
 				let e = new Set(n.value), t = new Map(r.value), i = new Map(a.value);
 				for (let n of o) e.delete(n), t.delete(n), i.delete(n), d.delete(n);
 				n.value = e, r.value = t, a.value = i;
-			}, Gr(o.length));
+			}, hi(o.length));
 		});
 	}, { flush: "post" }), z(() => e.items.value.map((e) => $(e)), (e) => {
 		if (!e.length || !o.value.size) return;
@@ -3275,7 +3543,7 @@ function Jr(e) {
 			let e = $(t.item);
 			p.push(e), i.set(e, t), c.delete(e), l.delete(e), u.delete(e), f.delete(e), d.delete(e);
 		}
-		o.value = i, t.value = c, n.value = l, r.value = u, a.value = f, Yr(() => {
+		o.value = i, t.value = c, n.value = l, r.value = u, a.value = f, yi(() => {
 			let e = new Set(s.value);
 			for (let t of p) e.add(t);
 			s.value = e;
@@ -3283,9 +3551,9 @@ function Jr(e) {
 			let e = new Map(o.value), t = new Set(s.value);
 			for (let n of p) e.delete(n), t.delete(n);
 			o.value = e, s.value = t;
-		}, Hr);
+		}, fi);
 	}
-	function g(t, n, r = zr) {
+	function g(t, n, r = li) {
 		if (!t.size) return;
 		let i = /* @__PURE__ */ new Map(), a = [];
 		for (let [r, o] of t.entries()) {
@@ -3304,8 +3572,8 @@ function Jr(e) {
 		c.value = i, u.value = /* @__PURE__ */ new Set();
 		let o = new Map(l.value);
 		for (let e of a) o.set(e, r);
-		l.value = o, Yr(() => {
-			u.value = new Set(a), Yr(() => {
+		l.value = o, yi(() => {
+			u.value = new Set(a), yi(() => {
 				c.value = /* @__PURE__ */ new Map();
 			});
 		}), S(() => {
@@ -3316,8 +3584,8 @@ function Jr(e) {
 		}, r);
 	}
 	function _(e) {
-		if (n.value.has(e)) return `transform ${Br}ms ease-out`;
-		if (u.value.has(e)) return `transform ${l.value.get(e) ?? zr}ms ease-out`;
+		if (n.value.has(e)) return `transform ${ui}ms ease-out`;
+		if (u.value.has(e)) return `transform ${l.value.get(e) ?? li}ms ease-out`;
 	}
 	function v(e) {
 		if (!n.value.has(e)) return;
@@ -3334,7 +3602,7 @@ function Jr(e) {
 		} : {
 			dx: 0,
 			dy: 0
-		}, u = s ? a.value.get(s) ?? "bottom" : "bottom", d = s && t.value.has(s) ? qr({
+		}, u = s ? a.value.get(s) ?? "bottom" : "bottom", d = s && t.value.has(s) ? _i({
 			columnWidth: e.columnWidth.value,
 			direction: u,
 			itemHeight: o,
@@ -3348,14 +3616,14 @@ function Jr(e) {
 		if (!r) return {
 			opacity: "0",
 			transform: "translate3d(0, 0, 0) scale(0.96)",
-			transition: `opacity ${Hr}ms ease-out, transform ${Hr}ms ease-out`
+			transition: `opacity ${fi}ms ease-out, transform ${fi}ms ease-out`
 		};
 		let i = s.value.has(n);
 		return {
 			height: `${r.height}px`,
 			opacity: i ? "0" : "1",
 			transform: `translate3d(${r.position.x}px, ${r.position.y}px, 0) scale(${i ? "0.96" : "1"})`,
-			transition: `opacity ${Hr}ms ease-out, transform ${Hr}ms ease-out`,
+			transition: `opacity ${fi}ms ease-out, transform ${fi}ms ease-out`,
 			width: `${e.columnWidth.value}px`
 		};
 	}
@@ -3376,28 +3644,28 @@ function Jr(e) {
 		playFlipMoveAnimation: g
 	};
 }
-function Yr(e) {
+function yi(e) {
 	if (typeof requestAnimationFrame == "function") {
 		requestAnimationFrame(() => e());
 		return;
 	}
 	setTimeout(e, 0);
 }
-function Xr(e) {
-	Yr(() => Yr(e));
+function bi(e) {
+	yi(() => yi(e));
 }
 //#endregion
 //#region src/components/viewer-core/masonryViewport.ts
-function Zr(e, t) {
+function xi(e, t) {
 	return e?.clientHeight || Math.round(e?.getBoundingClientRect().height ?? 0) || t || window.innerHeight || 1;
 }
-function Qr(e, t, n) {
+function Si(e, t, n) {
 	return e?.clientWidth || Math.round(e?.getBoundingClientRect().width ?? 0) || t || window.innerWidth || n;
 }
-function $r(e, t, n, r) {
+function Ci(e, t, n, r) {
 	return Math.max(e?.scrollHeight ?? 0, r) - (t + n);
 }
-function ei(e, t) {
+function wi(e, t) {
 	return {
 		height: `${e}px`,
 		transform: `translate3d(0, ${t}px, 0)`
@@ -3405,11 +3673,11 @@ function ei(e, t) {
 }
 //#endregion
 //#region src/components/viewer-core/masonryScrollBehavior.ts
-var ti = 24, ni = 48;
-function ri(e) {
+var Ti = 24, Ei = 48;
+function Di(e) {
 	let t = D(0), n = 0, r = 0;
 	function i(e) {
-		if (t.value = ci(e), t.value <= 0) {
+		if (t.value = Mi(e), t.value <= 0) {
 			o();
 			return;
 		}
@@ -3429,7 +3697,7 @@ function ri(e) {
 		let s = e.getViewport();
 		if (s && r > 0) {
 			let n = Math.min(Math.max(0, i - r), 250), a = t.value * n / 1e3;
-			s.scrollTop = li(s.scrollTop + a, 0, e.getMaxScrollTop()), e.onScroll();
+			s.scrollTop = Ni(s.scrollTop + a, 0, e.getMaxScrollTop()), e.onScroll();
 		}
 		r = i, a();
 	}
@@ -3439,44 +3707,44 @@ function ri(e) {
 		stop: o
 	};
 }
-function ii(e) {
+function Oi(e) {
 	if (!e.active || !e.triggerEnabled) return 0;
 	let t = Math.max(0, e.maxScrollTop - e.thresholdPx);
-	return t <= 0 ? 1 : li(1 - (e.progressDistancePx - e.thresholdPx) / t, 0, 1);
+	return t <= 0 ? 1 : Ni(1 - (e.progressDistancePx - e.thresholdPx) / t, 0, 1);
 }
-function ai(e) {
+function ki(e) {
 	if (!e.active || !e.triggerEnabled) return 0;
 	let t = Math.max(0, e.maxScrollTop - e.thresholdPx);
-	return t <= 0 ? 1 : li(e.progressDistancePx / t, 0, 1);
+	return t <= 0 ? 1 : Ni(e.progressDistancePx / t, 0, 1);
 }
-function oi(e) {
-	let t = i(() => Math.max(0, e.viewportHeight.value - ti * 2)), n = i(() => e.containerHeight.value > e.viewportHeight.value + 1 && t.value > 0), r = i(() => {
+function Ai(e) {
+	let t = i(() => Math.max(0, e.viewportHeight.value - Ti * 2)), n = i(() => e.containerHeight.value > e.viewportHeight.value + 1 && t.value > 0), r = i(() => {
 		if (!n.value) return 0;
 		let r = e.viewportHeight.value / e.containerHeight.value * t.value;
-		return Math.min(t.value, Math.max(ni, r));
+		return Math.min(t.value, Math.max(Ei, r));
 	}), a = i(() => {
-		if (!n.value) return ti;
+		if (!n.value) return Ti;
 		let i = Math.max(0, e.containerHeight.value - e.viewportHeight.value);
-		return ti + Math.max(0, t.value - r.value) * (i > 0 ? li(e.scrollTop.value / i, 0, 1) : 0);
+		return Ti + Math.max(0, t.value - r.value) * (i > 0 ? Ni(e.scrollTop.value / i, 0, 1) : 0);
 	});
 	return {
-		getScrollbarThumbStyle: () => ei(r.value, a.value),
+		getScrollbarThumbStyle: () => wi(r.value, a.value),
 		showScrollbar: n
 	};
 }
-function si(e) {
+function ji(e) {
 	return typeof e == "number" && Number.isFinite(e) ? Math.max(0, e) : 0;
 }
-function ci(e) {
+function Mi(e) {
 	return Number.isFinite(e) ? Math.max(0, e) : 0;
 }
-function li(e, t, n) {
+function Ni(e, t, n) {
 	return Math.min(Math.max(e, t), n);
 }
 //#endregion
 //#region src/components/viewer-core/useEdgeBoundary.ts
-var ui = 250, di = 1e3;
-function fi(e) {
+var Pi = 250, Fi = 1e3;
+function Ii(e) {
 	let t = D(!1), n = D(!1), r = D(0), i = D(0), a = D(!1), o = D(!1), s = D(!1), c = 0, l = null;
 	x(() => {
 		S();
@@ -3499,7 +3767,7 @@ function fi(e) {
 		if (!C(t) || !e.isAtBoundary()) return;
 		let n = Date.now();
 		if (!(n < c)) {
-			if (c = n + ui, a.value) {
+			if (c = n + Pi, a.value) {
 				s.value = !0;
 				return;
 			}
@@ -3538,7 +3806,7 @@ function fi(e) {
 		return e.hasPage.value && t.value && r.value > i.value && !e.interactionLocked?.value && !e.loading.value && !a.value && typeof e.requestPage.value == "function";
 	}
 	function v() {
-		o.value = !1, y(di);
+		o.value = !1, y(Fi);
 	}
 	function y(e) {
 		S(), a.value = !0, l = setTimeout(() => {
@@ -3570,7 +3838,7 @@ function fi(e) {
 }
 //#endregion
 //#region src/components/viewer-core/masonryBoundaryLock.ts
-function pi() {
+function Li() {
 	let e = D(!1), t = null;
 	x(() => {
 		r();
@@ -3591,8 +3859,8 @@ function pi() {
 }
 //#endregion
 //#region src/components/viewer-core/masonryItemMutation.ts
-function mi(e) {
-	let t = e.currentItems.map((e) => $(e)), n = e.previousItems.map((e) => $(e)), r = gi(e.previousItems, e.layoutIndexById, e.layoutHeights), i = _i(e.previousItems, e.layoutIndexById, e.layoutPositions), a = new Set(n), o = new Set(t), s = e.currentItems.filter((e) => !a.has($(e))), c = hi(e.previousItems, o, r, i), l = t.length > n.length && n.length > 0 && t[0] !== n[0], u = e.scrollTop > e.contentInsetPx + e.gapPx, d = l && u ? e.currentItems[e.activeIndex] : null;
+function Ri(e) {
+	let t = e.currentItems.map((e) => $(e)), n = e.previousItems.map((e) => $(e)), r = Bi(e.previousItems, e.layoutIndexById, e.layoutHeights), i = Vi(e.previousItems, e.layoutIndexById, e.layoutPositions), a = new Set(n), o = new Set(t), s = e.currentItems.filter((e) => !a.has($(e))), c = zi(e.previousItems, o, r, i), l = t.length > n.length && n.length > 0 && t[0] !== n[0], u = e.scrollTop > e.contentInsetPx + e.gapPx, d = l && u ? e.currentItems[e.activeIndex] : null;
 	return {
 		addedItems: s,
 		anchorId: d ? $(d) : null,
@@ -3604,7 +3872,7 @@ function mi(e) {
 		shouldResetScrollForEmptyRemoval: e.currentItems.length === 0 && e.previousItems.length > 0 && c.length > 0 && e.scrollTop > 0
 	};
 }
-function hi(e, t, n, r) {
+function zi(e, t, n, r) {
 	return e.flatMap((e) => {
 		let i = $(e);
 		if (t.has(i)) return [];
@@ -3616,7 +3884,7 @@ function hi(e, t, n, r) {
 		}] : [];
 	});
 }
-function gi(e, t, n) {
+function Bi(e, t, n) {
 	let r = /* @__PURE__ */ new Map();
 	for (let i of e) {
 		let e = $(i), a = t.get(e), o = a == null ? void 0 : n[a];
@@ -3624,7 +3892,7 @@ function gi(e, t, n) {
 	}
 	return r;
 }
-function _i(e, t, n) {
+function Vi(e, t, n) {
 	let r = /* @__PURE__ */ new Map();
 	for (let i of e) {
 		let e = $(i), a = t.get(e), o = a == null ? void 0 : n[a];
@@ -3634,7 +3902,7 @@ function _i(e, t, n) {
 }
 //#endregion
 //#region src/components/viewer-core/masonryPendingAppend.ts
-function vi(e) {
+function Hi(e) {
 	let t = D(null), n = D(!1), r = null;
 	function i() {
 		o(), e.pendingAppendItems.value.length && (t.value = c([...e.items.value, ...e.pendingAppendItems.value]), s());
@@ -3657,12 +3925,12 @@ function vi(e) {
 		}, 300));
 	}
 	function c(t) {
-		return t.length ? e.pendingAppendItems.value.length && e.columnHeights.value.length === e.columnCount.value ? Nr(e.pendingAppendItems.value, {
+		return t.length ? e.pendingAppendItems.value.length && e.columnHeights.value.length === e.columnCount.value ? $n(e.pendingAppendItems.value, {
 			columnHeights: e.columnHeights.value,
 			columnWidth: e.columnWidth.value,
 			contentHeight: e.contentHeight.value,
 			gapY: e.gapPx
-		}) + e.contentInsetPx * 2 : jr(t, {
+		}) + e.contentInsetPx * 2 : Zn(t, {
 			bucketPx: e.bucketPx,
 			columnCount: e.columnCount.value,
 			columnWidth: e.columnWidth.value,
@@ -3679,42 +3947,42 @@ function vi(e) {
 }
 //#endregion
 //#region src/components/viewer-core/useMasonryList.ts
-var yi = 600, bi = 24, xi = 16, Si = 300, Ci = 200, wi = 0, Ti = 1, Ei = bi + xi, Di = 200, Oi = 500, ki = 1e3;
-function Ai(e) {
-	let t = D(null), n = D(0), r = D(typeof window > "u" ? 0 : window.innerHeight || 0), a = D(typeof window > "u" ? 0 : window.innerWidth || Si), o = Rr({
-		bucketPx: yi,
-		contentInsetPx: bi,
-		gapPx: xi
-	}), { buckets: s, columnHeights: c, contentHeight: l, heights: u, indexById: d, positions: f } = o, p = D(null), m = pi(), h = i(() => Math.max(Si, a.value - bi * 2)), g = i(() => Or(h.value, Si)), v = i(() => kr(h.value, g.value, Si, xi)), y = i(() => si(e.bottomLoadBufferPx.value)), b = i(() => ji(e.activeIndex.value, 0, Math.max(0, e.items.value.length - 1))), C = i(() => Fr({
+var Ui = 600, Wi = 24, Gi = 16, Ki = 300, qi = 200, Ji = 0, Yi = 1, Xi = Wi + Gi, Zi = 200, Qi = 500, $i = 1e3;
+function ea(e) {
+	let t = D(null), n = D(0), r = D(typeof window > "u" ? 0 : window.innerHeight || 0), a = D(typeof window > "u" ? 0 : window.innerWidth || Ki), o = ci({
+		bucketPx: Ui,
+		contentInsetPx: Wi,
+		gapPx: Gi
+	}), { buckets: s, columnHeights: c, contentHeight: l, heights: u, indexById: d, positions: f } = o, p = D(null), m = Li(), h = i(() => Math.max(Ki, a.value - Wi * 2)), g = i(() => Jn(h.value, Ki)), v = i(() => Yn(h.value, g.value, Ki, Gi)), y = i(() => ji(e.bottomLoadBufferPx.value)), b = i(() => ta(e.activeIndex.value, 0, Math.max(0, e.items.value.length - 1))), C = i(() => tr({
 		itemCount: e.items.value.length,
 		viewportHeight: r.value,
 		scrollTop: n.value,
-		overscanPx: Ci,
-		bucketPx: yi,
+		overscanPx: qi,
+		bucketPx: Ui,
 		buckets: s.value
 	})), w = i(() => C.value.map((t) => ({
 		item: e.items.value[t],
 		index: t
 	}))), T = i(() => {
-		let e = l.value + bi * 2, t = I.reservedContentHeight.value ?? 0;
-		return Math.max(e, t, r.value) + Di + y.value;
-	}), E = i(() => e.hasNextPage.value || e.allowExhaustedNextPageRefresh.value), O = i(() => ai({
+		let e = l.value + Wi * 2, t = I.reservedContentHeight.value ?? 0;
+		return Math.max(e, t, r.value) + Zi + y.value;
+	}), E = i(() => e.hasNextPage.value || e.allowExhaustedNextPageRefresh.value), O = i(() => ki({
 		active: e.active.value,
-		maxScrollTop: X(),
+		maxScrollTop: Y(),
 		progressDistancePx: n.value,
-		thresholdPx: wi,
+		thresholdPx: Ji,
 		triggerEnabled: E.value
-	})), k = i(() => e.items.value.length > 0 ? `${b.value + 1} / ${e.items.value.length}` : "0 / 0"), A = i(() => ii({
+	})), k = i(() => e.items.value.length > 0 ? `${b.value + 1} / ${e.items.value.length}` : "0 / 0"), A = i(() => Oi({
 		active: e.active.value,
-		maxScrollTop: X(),
+		maxScrollTop: Y(),
 		progressDistancePx: n.value,
-		thresholdPx: Ei,
+		thresholdPx: Xi,
 		triggerEnabled: e.hasPreviousPage.value
-	})), j = oi({
+	})), j = Ai({
 		containerHeight: T,
 		scrollTop: n,
 		viewportHeight: r
-	}), M = Jr({
+	}), M = vi({
 		items: e.items,
 		visibleIndices: C,
 		positions: f,
@@ -3723,44 +3991,44 @@ function Ai(e) {
 		columnWidth: v,
 		scrollTop: n,
 		viewportHeight: r
-	}), N = fi({
+	}), N = Ii({
 		direction: "top",
 		getAnimationLockMs(e) {
-			return Math.max(Oi, Gr(e)) + ki;
+			return Math.max(Qi, hi(e)) + $i;
 		},
 		hasPage: e.hasPreviousPage,
 		interactionLocked: m.isBoundaryInteractionLocked,
 		isAtBoundary() {
-			return n.value <= Ei;
+			return n.value <= Xi;
 		},
 		loading: e.loading,
 		requestPage: e.requestPreviousPage
-	}), P = fi({
+	}), P = Ii({
 		direction: "bottom",
 		getAnimationLockMs(e) {
-			return Gr(e) + ki;
+			return hi(e) + $i;
 		},
 		hasPage: E,
 		interactionLocked: m.isBoundaryInteractionLocked,
 		isAtBoundary() {
-			return Y() <= Ti;
+			return J() <= Yi;
 		},
 		loading: e.loading,
 		requestPage: e.requestNextPage
-	}), F = ri({
+	}), F = Di({
 		active: e.active,
-		getMaxScrollTop: X,
+		getMaxScrollTop: Y,
 		getViewport: () => t.value,
 		onScroll: ee
-	}), I = vi({
-		bucketPx: yi,
+	}), I = Hi({
+		bucketPx: Ui,
 		columnHeights: c,
 		columnCount: g,
 		columnWidth: v,
 		commitPendingAppend: e.commitPendingAppend,
 		contentHeight: l,
-		contentInsetPx: bi,
-		gapPx: xi,
+		contentInsetPx: Wi,
+		gapPx: Gi,
 		items: e.items,
 		pendingAppendItems: e.pendingAppendItems
 	}), L = null, R = 0;
@@ -3769,20 +4037,20 @@ function Ai(e) {
 		g,
 		v
 	], async ([t], [r = []]) => {
-		let i = mi({
+		let i = Ri({
 			activeIndex: b.value,
-			contentInsetPx: bi,
+			contentInsetPx: Wi,
 			currentItems: t,
-			gapPx: xi,
+			gapPx: Gi,
 			layoutHeights: u.value,
 			layoutIndexById: d.value,
 			layoutPositions: f.value,
 			previousItems: r ?? [],
 			scrollTop: n.value
 		});
-		i.shouldLockBoundaryInteractionForRemoval && m.lockBoundaryInteraction(Kr() + ki), i.shouldResetScrollForEmptyRemoval && te();
+		i.shouldLockBoundaryInteractionForRemoval && m.lockBoundaryInteraction(gi() + $i), i.shouldResetScrollForEmptyRemoval && te();
 		let a = r ?? [];
-		o.canAppend(t, a, i, g.value) ? o.append(i.addedItems, a.length, g.value, v.value) : o.rebuild(t, g.value, v.value), i.removedItems.length > 0 && M.markLeave(i.removedItems), i.addedItems.length > 0 && (M.markEnter(i.addedItems, i.isPrepend ? "top" : "bottom"), i.isPrepend ? N.onItemsMutated(i.addedItems.length) : P.onItemsMutated(i.addedItems.length)), M.playFlipMoveAnimation(i.oldPositionsById, new Set(i.addedItems.map((e) => $(e))), i.isPrepend ? Oi : void 0), i.anchorId ? (await _(), U(i.anchorId, i.oldPositionsById)) : e.active.value && i.previousIds.length > 0 && G();
+		o.canAppend(t, a, i, g.value) ? o.append(i.addedItems, a.length, g.value, v.value) : o.rebuild(t, g.value, v.value), i.removedItems.length > 0 && M.markLeave(i.removedItems), i.addedItems.length > 0 && (M.markEnter(i.addedItems, i.isPrepend ? "top" : "bottom"), i.isPrepend ? N.onItemsMutated(i.addedItems.length) : P.onItemsMutated(i.addedItems.length)), M.playFlipMoveAnimation(i.oldPositionsById, new Set(i.addedItems.map((e) => $(e))), i.isPrepend ? Qi : void 0), i.anchorId ? (await _(), U(i.anchorId, i.oldPositionsById)) : e.active.value && i.previousIds.length > 0 && G();
 	}, { immediate: !0 }), z([
 		() => e.pendingAppendItems.value.map((e) => $(e)),
 		g,
@@ -3796,24 +4064,24 @@ function Ai(e) {
 		}
 		if (F.start(), !a || i !== !1 || p.value == null) return;
 		await _();
-		let o = Math.max(0, T.value - r.value), s = ji(p.value, 0, o);
+		let o = Math.max(0, T.value - r.value), s = ta(p.value, 0, o);
 		a.scrollTop = s, n.value = s, N.syncBoundary(), P.syncBoundary();
 	}), z(() => e.loading.value, async (e) => {
 		I.clearReservedHeightWhenIdle(e), N.onLoadingChange(e), P.onLoadingChange(e), await _();
 	}), S(async () => {
-		q(), await _(), b.value > 0 ? H(b.value, "center") : W(), N.syncBoundary(), P.syncBoundary(), typeof ResizeObserver < "u" ? (L = new ResizeObserver(() => {
-			q();
-		}), t.value && L.observe(t.value)) : window.addEventListener("resize", q);
+		K(), await _(), b.value > 0 ? H(b.value, "center") : W(), N.syncBoundary(), P.syncBoundary(), typeof ResizeObserver < "u" ? (L = new ResizeObserver(() => {
+			K();
+		}), t.value && L.observe(t.value)) : window.addEventListener("resize", K);
 	}), x(() => {
-		L?.disconnect(), L = null, window.removeEventListener("resize", q), I.clearAppendCommitTimer(), m.clearBoundaryInteractionReleaseTimer(), R &&= (cancelAnimationFrame(R), 0), F.stop();
+		L?.disconnect(), L = null, window.removeEventListener("resize", K), I.clearAppendCommitTimer(), m.clearBoundaryInteractionReleaseTimer(), R &&= (cancelAnimationFrame(R), 0), F.stop();
 	});
 	function ee() {
-		e.active.value && (n.value = t.value?.scrollTop ?? 0, r.value = J(), N.syncBoundary("scroll"), P.syncBoundary("scroll"), K(), !G() && (R ||= requestAnimationFrame(() => {
+		e.active.value && (n.value = t.value?.scrollTop ?? 0, r.value = q(), N.syncBoundary("scroll"), P.syncBoundary("scroll"), ne(), !G() && (R ||= requestAnimationFrame(() => {
 			R = 0, W();
 		})));
 	}
 	function B(t) {
-		e.active.value && (N.onWheel(t), P.onWheel(t), K());
+		e.active.value && (N.onWheel(t), P.onWheel(t), ne());
 	}
 	function V(t) {
 		let n = e.items.value[t], r = n ? $(n) : "";
@@ -3829,7 +4097,7 @@ function Ai(e) {
 		let a = t.value, o = f.value[e], s = u.value[e];
 		if (!a || !o || !s) return;
 		let c = a.scrollTop, l = Math.max(0, T.value - r.value);
-		i === "center" ? c = o.y - (r.value - s) / 2 : o.y < a.scrollTop ? c = o.y - bi : o.y + s > a.scrollTop + r.value && (c = o.y + s - r.value + bi), a.scrollTop = ji(c, 0, l), n.value = a.scrollTop, W();
+		i === "center" ? c = o.y - (r.value - s) / 2 : o.y < a.scrollTop ? c = o.y - Wi : o.y + s > a.scrollTop + r.value && (c = o.y + s - r.value + Wi), a.scrollTop = ta(c, 0, l), n.value = a.scrollTop, W();
 	}
 	function U(e, r) {
 		let i = t.value, a = r.get(e), o = d.value.get(e), s = o == null ? null : f.value[o];
@@ -3857,25 +4125,25 @@ function Ai(e) {
 		e.setActiveIndex(i);
 	}
 	function G() {
-		let t = n.value <= Ei, r = Y() <= Ti;
+		let t = n.value <= Xi, r = J() <= Yi;
 		return t ? (e.setActiveIndex(0), !0) : r ? (e.setActiveIndex(Math.max(0, e.items.value.length - 1)), !0) : !1;
 	}
-	function K() {
+	function ne() {
 		N.maybeRequestPage(), P.maybeRequestPage();
 	}
+	function K() {
+		r.value = q(), a.value = re();
+	}
 	function q() {
-		r.value = J(), a.value = ne();
+		return xi(t.value, r.value);
 	}
-	function J() {
-		return Zr(t.value, r.value);
+	function re() {
+		return Si(t.value, a.value, Ki);
 	}
-	function ne() {
-		return Qr(t.value, a.value, Si);
+	function J() {
+		return Ci(t.value, n.value, r.value, T.value);
 	}
 	function Y() {
-		return $r(t.value, n.value, r.value, T.value);
-	}
-	function X() {
 		let e = Math.max(t.value?.scrollHeight ?? 0, T.value);
 		return Math.max(0, e - r.value);
 	}
@@ -3899,17 +4167,17 @@ function Ai(e) {
 		scrollViewportRef: t
 	};
 }
-function ji(e, t, n) {
+function ta(e, t, n) {
 	return Math.min(Math.max(e, t), n);
 }
 //#endregion
 //#region src/components/viewer-core/listCardAsset.ts
-function Mi(e) {
+function na(e) {
 	if (e) try {
 		e.removeAttribute("src"), e.src = "";
 	} catch {}
 }
-function Ni(e) {
+function ra(e) {
 	if (e) {
 		try {
 			e.currentTime = 0;
@@ -3920,12 +4188,12 @@ function Ni(e) {
 		} catch {}
 	}
 }
-function Pi(e, t) {
+function ia(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 Fi(e) {
+function aa(e) {
 	if (!e) return null;
 	try {
 		return new URL(e, window.location.href).href;
@@ -3934,68 +4202,10 @@ function Fi(e) {
 	}
 }
 //#endregion
-//#region src/components/viewer-core/listPreview.ts
-var Ii = /\.(avif|gif|jpe?g|png|svg|webp)(\?|#|$)/i, Li = /\.(m4v|mov|mp4|mpeg|ogg|ogv|webm)(\?|#|$)/i, Ri = /^(?:(?:https?:)?\/\/[^/]+)?\/api\/files\/[^/?#]+\/(?:preview|downloaded)(?:\?|#|$)/i;
-function zi(e) {
-	let t = Bi(e), n = t?.url, r = Dr(e), i = e.title?.trim() || Wt(e.type);
-	return t?.mediaType === "video" && typeof n == "string" ? {
-		kind: "video",
-		url: n,
-		width: r.width,
-		height: r.height,
-		label: i
-	} : t?.mediaType === "image" && typeof n == "string" ? {
-		kind: "image",
-		url: n,
-		width: r.width,
-		height: r.height,
-		label: i
-	} : e.type !== "image" && e.type !== "video" ? {
-		kind: "fallback",
-		url: null,
-		width: r.width,
-		height: r.height,
-		label: i
-	} : typeof n == "string" && Hi(e, n) ? {
-		kind: "video",
-		url: n,
-		width: r.width,
-		height: r.height,
-		label: i
-	} : typeof n == "string" && Vi(e, n) ? {
-		kind: "image",
-		url: n,
-		width: r.width,
-		height: r.height,
-		label: i
-	} : {
-		kind: "fallback",
-		url: null,
-		width: r.width,
-		height: r.height,
-		label: i
-	};
-}
-function Bi(e) {
-	return e.preview?.url ? e.preview : typeof e.url != "string" || e.url.trim() === "" ? null : { url: e.url };
-}
-function Vi(e, t) {
-	return e.type !== "image" || typeof t != "string" ? !1 : Ii.test(t) || Ui(t);
-}
-function Hi(e, t) {
-	return e.type !== "video" || typeof t != "string" ? !1 : Li.test(t) || Wi(t);
-}
-function Ui(e) {
-	return /^(https?:\/\/|\/\/|\/(?!\/)|\.{1,2}\/|blob:|data:)/i.test(e);
-}
-function Wi(e) {
-	return Ri.test(e) || /^blob:/i.test(e) || /^data:video\//i.test(e);
-}
-//#endregion
 //#region src/components/viewer-core/useListCardHealthCheck.ts
-function Gi(e) {
+function oa(e) {
 	let t = D(null), n = i(() => {
-		let t = typeof e.item.value.healthCheck?.url == "string" ? Fi(e.item.value.healthCheck.url) : null;
+		let t = typeof e.item.value.healthCheck?.url == "string" ? aa(e.item.value.healthCheck.url) : null;
 		return !t || t === e.attachedAssetUrl.value ? null : t;
 	}), r = null, a = 0, o = /* @__PURE__ */ new Map();
 	z(n, (e, n) => {
@@ -4027,7 +4237,7 @@ function Gi(e) {
 			r.refresh();
 			return;
 		}
-		r = Kt.request({
+		r = Jt.request({
 			assetType: "probe",
 			getPriority: e.getPriority,
 			onGrant() {
@@ -4037,7 +4247,7 @@ function Gi(e) {
 					return;
 				}
 				let i = ++a;
-				bn(r).then((s) => {
+				Sn(r).then((s) => {
 					if (!(i !== a || n.value !== r)) {
 						if (o.set(r, s ?? null), !s) {
 							t.value = null;
@@ -4073,14 +4283,14 @@ function Gi(e) {
 }
 //#endregion
 //#region src/components/ListCard.vue?vue&type=script&setup=true&lang.ts
-var Ki = ["aria-label"], qi = {
+var sa = ["aria-label"], ca = {
 	key: 0,
 	"data-testid": "vibe-list-card-spinner",
 	class: "pointer-events-none absolute inset-0 z-[4] grid place-items-center bg-black/18"
-}, Ji = { class: "inline-flex h-12 w-12 items-center justify-center rounded-full bg-black/45 shadow-[0_18px_40px_-18px_rgba(0,0,0,0.85)] backdrop-blur-[18px]" }, Yi = ["src", "alt"], Xi = ["src"], Zi = ["data-kind"], Qi = { class: "grid justify-items-center gap-3 px-4 text-center" }, $i = { class: "text-[0.68rem] font-bold uppercase tracking-[0.22em] text-[#f7f1ea]/72" }, ea = {
+}, la = { 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]" }, ua = ["src", "alt"], da = ["src"], fa = ["data-kind"], pa = { class: "grid justify-items-center gap-3 px-4 text-center" }, ma = { class: "text-[0.68rem] font-bold uppercase tracking-[0.22em] text-[#f7f1ea]/72" }, ha = {
 	key: 4,
 	class: "grid h-full w-full place-items-center bg-[radial-gradient(circle_at_center,rgba(255,255,255,0.08),transparent_65%),linear-gradient(180deg,rgba(255,255,255,0.04),rgba(255,255,255,0.02))]"
-}, ta = { class: "inline-flex h-14 w-14 items-center justify-center border border-white/16 bg-black/20" }, na = { class: "pointer-events-none absolute inset-0 z-[3]" }, ra = /* @__PURE__ */ d({
+}, ga = { class: "inline-flex h-14 w-14 items-center justify-center border border-white/16 bg-black/20" }, _a = { class: "pointer-events-none absolute inset-0 z-[3]" }, va = /* @__PURE__ */ d({
 	__name: "ListCard",
 	props: {
 		active: {
@@ -4104,98 +4314,98 @@ var Ki = ["aria-label"], qi = {
 	},
 	emits: ["open"],
 	setup(e, { emit: t }) {
-		let n = e, r = t, l = i(() => zi(n.item)), d = D(!1), f = D(!1), p = D(!1), m = D(l.value.kind === "fallback"), h = D(!1), g = D(null), _ = D(null), y = D(null), b = D(null), C = D(null), T = D(l.value.kind === "fallback"), E = i(() => T.value ? n.surfaceActive ? d.value ? l.value.url : null : l.value.url : null), O = i(() => n.surfaceActive && d.value && (l.value.kind === "image" || l.value.kind === "video") && !!l.value.url), j = i(() => l.value.kind === "image" && !!E.value), N = i(() => l.value.kind === "video" && !!E.value), P = Gi({
+		let n = e, r = t, l = i(() => sr(n.item)), d = D(!1), f = D(!1), p = D(!1), m = D(l.value.kind === "fallback"), h = D(!1), g = D(null), _ = D(null), y = D(null), b = D(null), C = D(null), T = D(l.value.kind === "fallback"), E = i(() => T.value ? n.surfaceActive ? d.value ? l.value.url : null : l.value.url : null), O = i(() => n.surfaceActive && d.value && (l.value.kind === "image" || l.value.kind === "video") && !!l.value.url), j = i(() => l.value.kind === "image" && !!E.value), N = i(() => l.value.kind === "video" && !!E.value), P = oa({
 			attachedAssetUrl: E,
-			getPriority: se,
+			getPriority: X,
 			isInView: d,
 			isReady: m,
 			item: i(() => n.item),
 			loadErrorKind: g,
 			reportAssetError: n.reportAssetError,
 			surfaceActive: i(() => n.surfaceActive)
-		}), I = i(() => P.errorKind.value ?? g.value), L = i(() => !!I.value), R = i(() => vn(I.value)), ee = i(() => O.value && !g.value && (!T.value || !m.value)), B = null, V = null, U = /* @__PURE__ */ new Set();
+		}), I = i(() => P.errorKind.value ?? g.value), L = i(() => !!I.value), R = i(() => bn(I.value)), ee = i(() => O.value && !g.value && (!T.value || !m.value)), B = null, V = null, U = /* @__PURE__ */ new Set();
 		z([E, () => l.value.kind], () => {
 			let e = l.value.kind === "fallback";
 			m.value = e, h.value = !1, g.value = null, e && (T.value = !0);
 		}), z(O, () => {
-			q();
+			K();
 		}), z([
 			d,
 			m,
 			E
 		], () => {
-			J();
+			q();
 		}), z(() => n.surfaceActive, (e) => {
 			if (!e) {
-				Y(), J();
+				J(), q();
 				return;
 			}
 			requestAnimationFrame(() => {
-				X(), q(), J();
+				Y(), K(), q();
 			});
 		}), S(() => {
 			if (!y.value || typeof IntersectionObserver > "u") {
-				b.value = null, d.value = !0, q();
+				b.value = null, d.value = !0, K();
 				return;
 			}
 			b.value = y.value.closest("[data-testid=\"vibe-list-scroll\"]"), B = new IntersectionObserver((e) => {
-				for (let t of e) t.target === y.value && (n.surfaceActive && X(t), q(), J());
+				for (let t of e) t.target === y.value && (n.surfaceActive && Y(t), K(), q());
 			}, {
 				root: b.value,
 				threshold: [0, 1]
 			}), B.observe(y.value);
 		}), x(() => {
-			ne(), P.release(), B?.disconnect(), B = null;
+			re(), P.release(), B?.disconnect(), B = null;
 		});
 		function te() {
-			ce(_.value) && (m.value = !0, g.value = null, re(E.value ?? n.item.url), Y());
+			le(_.value) && (m.value = !0, g.value = null, ie(E.value ?? n.item.url), J());
 		}
 		async function W() {
-			if (!ce(_.value)) return;
+			if (!le(_.value)) return;
 			let e = E.value ?? n.item.url;
 			m.value = !1, g.value = "generic";
-			let t = await yn(e);
+			let t = await xn(e);
 			g.value = t, n.reportAssetError?.({
 				item: n.item,
 				occurrenceKey: $(n.item),
 				url: e,
 				kind: t,
 				surface: "grid"
-			}), Y();
+			}), J();
 		}
 		function G() {
-			ce(C.value) && (h.value = !0, m.value = !0, g.value = null, re(E.value ?? n.item.url), Y(), J());
+			le(C.value) && (h.value = !0, m.value = !0, g.value = null, ie(E.value ?? n.item.url), J(), q());
 		}
-		function K() {
-			ce(C.value) && (h.value || (m.value = !1));
+		function ne() {
+			le(C.value) && (h.value || (m.value = !1));
 		}
-		function q() {
+		function K() {
 			if (l.value.kind === "fallback") {
-				ne(!1);
+				re(!1);
 				return;
 			}
 			if (!n.surfaceActive) {
-				Y();
+				J();
 				return;
 			}
 			if (!O.value) {
-				ne();
+				re();
 				return;
 			}
 			if (T.value || V) {
 				V?.refresh();
 				return;
 			}
-			V = Kt.request({
+			V = Jt.request({
 				assetType: l.value.kind,
-				getPriority: se,
+				getPriority: X,
 				onGrant() {
 					T.value = !0, m.value = !1, g.value = null;
 				},
 				url: l.value.url ?? n.item.url
 			});
 		}
-		function J() {
+		function q() {
 			let e = C.value;
 			if (!(!e || l.value.kind !== "video")) {
 				if (I.value) {
@@ -4203,7 +4413,7 @@ var Ki = ["aria-label"], qi = {
 					return;
 				}
 				if (E.value && d.value && m.value) {
-					e.muted = !0, e.loop = !0, e.playsInline = !0, Cn(e);
+					e.muted = !0, e.loop = !0, e.playsInline = !0, Tn(e);
 					return;
 				}
 				try {
@@ -4212,21 +4422,21 @@ var Ki = ["aria-label"], qi = {
 				e.pause();
 			}
 		}
-		function ne(e = !0) {
-			T.value = l.value.kind === "fallback", g.value = null, m.value = l.value.kind === "fallback", e && (ae(), Z()), Y();
+		function re(e = !0) {
+			T.value = l.value.kind === "fallback", g.value = null, m.value = l.value.kind === "fallback", e && (oe(), se()), J();
 		}
-		function Y() {
+		function J() {
 			V?.release(), V = null;
 		}
-		function X(e) {
+		function Y(e) {
 			let t = y.value;
 			if (!t) {
 				d.value = !0;
 				return;
 			}
-			d.value = Pi(e?.boundingClientRect ?? t.getBoundingClientRect(), e?.rootBounds ?? b.value?.getBoundingClientRect() ?? null);
+			d.value = ia(e?.boundingClientRect ?? t.getBoundingClientRect(), e?.rootBounds ?? b.value?.getBoundingClientRect() ?? null);
 		}
-		function re(e) {
+		function ie(e) {
 			if (!e) return;
 			let t = $(n.item), r = `${t}|${e}`;
 			U.has(r) || (U.add(r), n.reportAssetLoad?.({
@@ -4236,20 +4446,20 @@ var Ki = ["aria-label"], qi = {
 				url: e
 			}));
 		}
-		function ie() {
+		function ae() {
 			if (!R.value || P.retry()) return;
 			let e = $(n.item);
 			U.forEach((t) => {
 				t.startsWith(`${e}|`) && U.delete(t);
-			}), g.value = null, m.value = !1, T.value = !1, Y(), q();
+			}), g.value = null, m.value = !1, T.value = !1, J(), K();
 		}
-		function ae() {
-			Mi(_.value);
-		}
-		function Z() {
-			Ni(C.value);
+		function oe() {
+			na(_.value);
 		}
 		function se() {
+			ra(C.value);
+		}
+		function X() {
 			let e = y.value;
 			if (!e) return Infinity;
 			let t = e.getBoundingClientRect();
@@ -4260,17 +4470,17 @@ var Ki = ["aria-label"], qi = {
 			let n = window.innerHeight / 2;
 			return Math.abs((t.top + t.bottom) / 2 - n);
 		}
-		function ce(e) {
-			let t = Fi(E.value);
-			return !e || !t ? !1 : Fi("currentSrc" in e && e.currentSrc || e.getAttribute("src")) === t;
+		function le(e) {
+			let t = aa(E.value);
+			return !e || !t ? !1 : aa("currentSrc" in e && e.currentSrc || e.getAttribute("src")) === t;
 		}
 		function ue() {
 			r("open");
 		}
-		function de() {
+		function fe() {
 			f.value = !0;
 		}
-		function fe(e) {
+		function pe(e) {
 			let t = e.relatedTarget;
 			y.value && t instanceof Node && y.value.contains(t) || (f.value = !1);
 		}
@@ -4279,8 +4489,8 @@ var Ki = ["aria-label"], qi = {
 			ref: y,
 			"data-testid": "vibe-list-card-inner",
 			class: v(["group relative h-full w-full overflow-hidden border bg-[#0a0b0f] text-[#f7f1ea] transition-[border-color,transform] duration-300", n.active ? "border-white/28" : "border-white/12 hover:border-white/24"]),
-			onFocusin: de,
-			onFocusout: fe,
+			onFocusin: fe,
+			onFocusout: pe,
 			onPointerenter: t[0] ||= (e) => p.value = !0,
 			onPointerleave: t[1] ||= (e) => p.value = !1
 		}, [
@@ -4290,8 +4500,8 @@ var Ki = ["aria-label"], qi = {
 				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: ue
-			}, null, 8, Ki),
-			ee.value ? (w(), s("div", qi, [c("span", Ji, [u(F(oe), {
+			}, null, 8, sa),
+			ee.value ? (w(), s("div", ca, [c("span", la, [u(F(ce), {
 				class: "h-5 w-5 animate-spin stroke-[1.9] text-[#f7f1ea]/78",
 				"aria-hidden": "true"
 			})])])) : o("", !0),
@@ -4305,7 +4515,7 @@ var Ki = ["aria-label"], qi = {
 				class: v(["block h-full w-full object-cover transition-opacity duration-300", m.value ? "pointer-events-none opacity-100" : "pointer-events-none opacity-0"]),
 				onLoad: te,
 				onError: W
-			}, null, 42, Yi)) : N.value && E.value && !L.value ? (w(), s("video", {
+			}, null, 42, ua)) : N.value && E.value && !L.value ? (w(), s("video", {
 				key: 2,
 				ref_key: "videoRef",
 				ref: C,
@@ -4317,35 +4527,35 @@ var Ki = ["aria-label"], qi = {
 				class: v(["block h-full w-full object-cover transition-opacity duration-300", m.value ? "pointer-events-none opacity-100" : "pointer-events-none opacity-0"]),
 				onCanplay: G,
 				onError: W,
-				onLoadstart: K,
+				onLoadstart: ne,
 				onPlaying: G,
-				onStalled: K,
-				onWaiting: K
-			}, null, 42, Xi)) : L.value ? (w(), s("div", {
+				onStalled: ne,
+				onWaiting: ne
+			}, null, 42, da)) : L.value ? (w(), s("div", {
 				key: 3,
 				"data-testid": "vibe-list-card-error",
 				"data-kind": I.value,
 				class: "pointer-events-none relative z-[2] grid h-full w-full place-items-center bg-[radial-gradient(circle_at_center,rgba(239,68,68,0.12),transparent_65%),linear-gradient(180deg,rgba(255,255,255,0.04),rgba(255,255,255,0.02))]"
-			}, [c("div", Qi, [
-				u(F(le), {
+			}, [c("div", pa, [
+				u(F(de), {
 					class: "h-6 w-6 stroke-[1.8] text-[#f7f1ea]/78",
 					"aria-hidden": "true"
 				}),
-				c("span", $i, M(F(_n)(I.value)), 1),
+				c("span", ma, M(F(yn)(I.value)), 1),
 				R.value ? (w(), s("button", {
 					key: 0,
 					type: "button",
 					class: "pointer-events-auto inline-flex items-center justify-center border border-white/14 bg-black/35 px-3 py-2 text-[0.62rem] font-bold uppercase tracking-[0.22em] text-[#f7f1ea]/82 backdrop-blur-[18px] transition hover:border-white/28 hover:bg-black/50",
-					onClick: H(ie, ["stop"])
+					onClick: H(ae, ["stop"])
 				}, " Retry ")) : o("", !0)
-			])], 8, Zi)) : (w(), s("div", ea, [c("div", ta, [k(e.$slots, "item-icon", {
-				icon: F(Ut)(n.item.type),
+			])], 8, fa)) : (w(), s("div", ha, [c("div", ga, [k(e.$slots, "item-icon", {
+				icon: F(Gt)(n.item.type),
 				item: n.item
-			}, () => [(w(), a(A(F(Ut)(n.item.type)), {
+			}, () => [(w(), a(A(F(Gt)(n.item.type)), {
 				class: "h-6 w-6 stroke-[1.8] text-[#f7f1ea]/78",
 				"aria-hidden": "true"
 			}))])])])),
-			c("div", na, [k(e.$slots, "grid-item-overlay", {
+			c("div", _a, [k(e.$slots, "grid-item-overlay", {
 				active: n.active,
 				focused: f.value,
 				hovered: p.value,
@@ -4355,24 +4565,24 @@ var Ki = ["aria-label"], qi = {
 			})])
 		], 34));
 	}
-}), ia = { class: "relative h-full min-h-0 bg-[radial-gradient(circle_at_top_center,rgba(255,255,255,0.04),transparent_28%),linear-gradient(180deg,#06070b,#05060a)]" }, aa = { class: "pointer-events-none absolute inset-x-0 top-0 z-[2] flex justify-end p-6" }, oa = {
+}), ya = { class: "relative h-full min-h-0 bg-[radial-gradient(circle_at_top_center,rgba(255,255,255,0.04),transparent_28%),linear-gradient(180deg,#06070b,#05060a)]" }, ba = { class: "pointer-events-none absolute inset-x-0 top-0 z-[2] flex justify-end p-6" }, xa = {
 	"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]"
-}, sa = { class: "whitespace-nowrap" }, ca = {
+}, Sa = { class: "whitespace-nowrap" }, Ca = {
 	key: 0,
 	class: "whitespace-nowrap border-l border-white/12 pl-2 text-[#f7f1ea]/56 min-[721px]:pl-3"
-}, la = [
+}, wa = [
 	"data-active",
 	"data-index",
 	"data-item-id",
 	"data-occurrence-key"
-], ua = ["data-item-id"], da = {
+], Ta = ["data-item-id"], Ea = {
 	key: 0,
 	class: "pointer-events-none absolute inset-y-0 right-0 z-[3] hidden w-8 min-[1024px]:block"
-}, fa = {
+}, Da = {
 	key: 1,
 	class: "pointer-events-none absolute inset-x-0 bottom-0 z-[2] px-5 pb-5 sm:px-6"
-}, pa = { class: "mx-auto flex w-full justify-center" }, ma = /* @__PURE__ */ d({
+}, Oa = { class: "mx-auto flex w-full justify-center" }, ka = /* @__PURE__ */ d({
 	__name: "ListSurface",
 	props: {
 		active: {
@@ -4434,7 +4644,7 @@ var Ki = ["aria-label"], qi = {
 		"update:activeIndex"
 	],
 	setup(e, { expose: n, emit: r }) {
-		let d = e, f = L(), p = r, m = Ai({
+		let d = e, f = L(), p = r, m = ea({
 			active: N(d, "active"),
 			allowExhaustedNextPageRefresh: N(d, "allowExhaustedNextPageRefresh"),
 			bottomLoadBufferPx: N(d, "bottomLoadBufferPx"),
@@ -4453,11 +4663,11 @@ var Ki = ["aria-label"], qi = {
 			}
 		});
 		n({ autoScroll: m.autoScroll });
-		let h = i(() => cn({
+		let h = i(() => un({
 			itemCount: d.items.length,
 			loading: d.loading,
 			phase: d.phase
-		})), _ = i(() => ln({
+		})), _ = i(() => dn({
 			errorMessage: d.errorMessage,
 			hasItems: d.items.length > 0,
 			hasNextPage: d.hasNextPage,
@@ -4470,7 +4680,7 @@ var Ki = ["aria-label"], qi = {
 			message: _.value.message,
 			paginationDetail: d.paginationDetail,
 			total: d.items.length
-		}), S = i(() => !x.value || !f["grid-status"] ? [] : f["grid-status"](x.value)), C = i(() => nn(S.value)), T = i(() => d.items.length + m.leavingItems.value.length), { emptyStateProps: E, showBadgeEmptyState: D, showCustomEmptyState: A, showInlineEmptyState: j } = on({
+		}), S = i(() => !x.value || !f["grid-status"] ? [] : f["grid-status"](x.value)), C = i(() => an(S.value)), T = i(() => d.items.length + m.leavingItems.value.length), { emptyStateProps: E, showBadgeEmptyState: D, showCustomEmptyState: A, showInlineEmptyState: j } = cn({
 			emptyStateMode: N(d, "emptyStateMode"),
 			itemCount: T,
 			loading: N(d, "loading"),
@@ -4482,8 +4692,8 @@ var Ki = ["aria-label"], qi = {
 				nextBoundaryLoadProgress: e,
 				previousBoundaryLoadProgress: t
 			});
-		}, { immediate: !0 }), (e, n) => (w(), s("div", ia, [
-			c("div", aa, [c("span", oa, [c("span", sa, M(F(m).paginationLabel.value), 1), d.paginationDetail ? (w(), s("span", ca, M(d.paginationDetail), 1)) : o("", !0)])]),
+		}, { immediate: !0 }), (e, n) => (w(), s("div", ya, [
+			c("div", ba, [c("span", xa, [c("span", Sa, M(F(m).paginationLabel.value), 1), d.paginationDetail ? (w(), s("span", Ca, M(d.paginationDetail), 1)) : o("", !0)])]),
 			c("div", {
 				ref: F(m).scrollViewportRef,
 				"data-testid": "vibe-list-scroll",
@@ -4504,7 +4714,7 @@ var Ki = ["aria-label"], qi = {
 					"data-occurrence-key": F($)(t),
 					class: "absolute will-change-transform",
 					style: b(F(m).getCardStyle(n))
-				}, [u(ra, {
+				}, [u(va, {
 					active: n === F(m).resolvedActiveIndex.value,
 					index: n,
 					item: t,
@@ -4528,14 +4738,14 @@ var Ki = ["aria-label"], qi = {
 					"report-asset-load",
 					"surface-active",
 					"onOpen"
-				])], 12, la))), 128)),
+				])], 12, wa))), 128)),
 				(w(!0), s(t, null, O(F(m).leavingItems.value, (t) => (w(), s("article", {
 					key: `leaving-${F($)(t.item)}`,
 					"data-testid": "vibe-list-card-leaving",
 					"data-item-id": t.item.id,
 					class: "pointer-events-none absolute z-[2] will-change-[opacity,transform]",
 					style: b(F(m).getLeavingCardStyle(t.item))
-				}, [u(ra, {
+				}, [u(va, {
 					active: !1,
 					index: -1,
 					item: t.item,
@@ -4550,8 +4760,8 @@ var Ki = ["aria-label"], qi = {
 					"item",
 					"report-asset-error",
 					"report-asset-load"
-				])], 12, ua))), 128)),
-				F(j) && F(E) ? (w(), a(Hn, {
+				])], 12, Ta))), 128)),
+				F(j) && F(E) ? (w(), a(Tr, {
 					key: 0,
 					message: F(E).message,
 					mode: F(E).mode,
@@ -4565,12 +4775,12 @@ var Ki = ["aria-label"], qi = {
 					"surface"
 				])) : o("", !0)
 			], 4)], 544),
-			F(m).showScrollbar.value ? (w(), s("div", da, [n[2] ||= c("div", { class: "absolute bottom-6 right-3 top-6 w-px bg-white/8" }, null, -1), c("div", {
+			F(m).showScrollbar.value ? (w(), s("div", Ea, [n[2] ||= c("div", { class: "absolute bottom-6 right-3 top-6 w-px bg-white/8" }, null, -1), c("div", {
 				"data-testid": "vibe-list-scrollbar-thumb",
 				class: v(["absolute right-[0.625rem] w-1 bg-white/34 transition-[height,transform,background-color,opacity] duration-300 ease-out", d.loading ? "bg-white/52" : "bg-white/34"]),
 				style: b(F(m).getScrollbarThumbStyle())
 			}, null, 6)])) : o("", !0),
-			f["grid-footer"] ? (w(), s("div", fa, [c("div", pa, [k(e.$slots, "grid-footer")])])) : o("", !0),
+			f["grid-footer"] ? (w(), s("div", Da, [c("div", Oa, [k(e.$slots, "grid-footer")])])) : o("", !0),
 			x.value ? (w(), s("div", {
 				key: 2,
 				class: v(["pointer-events-none absolute inset-x-0 bottom-0 z-[3] flex justify-center px-6", f["grid-footer"] ? "pb-24" : "pb-6"])
@@ -4579,7 +4789,7 @@ var Ki = ["aria-label"], qi = {
 				"data-testid": "vibe-grid-status-badge",
 				class: v(["inline-flex items-center border border-white/14 bg-black/55 px-4 py-3 text-[0.7rem] font-bold uppercase tracking-[0.18em] text-[#f7f1ea]/72 backdrop-blur-[18px]", x.value.kind === "end" ? "border-amber-300/35 text-amber-200" : x.value.kind === "failed" ? "border-rose-400/45 text-rose-100" : ""])
 			}, M(x.value.message), 3))], 2)) : o("", !0),
-			F(D) && F(E) ? (w(), a(Hn, {
+			F(D) && F(E) ? (w(), a(Tr, {
 				key: 3,
 				class: v(["z-[3]", f["grid-footer"] ? "pb-24" : "pb-6"]),
 				message: F(E).message,
@@ -4596,13 +4806,13 @@ var Ki = ["aria-label"], qi = {
 			])) : o("", !0)
 		]));
 	}
-}), ha = ["data-surface-mode"], ga = {
+}), Aa = ["data-surface-mode"], ja = {
 	key: 1,
 	class: "absolute left-5 top-5 z-30 border border-amber-400/45 bg-black/35 px-4 py-2 text-xs font-medium uppercase tracking-[0.24em] text-amber-100 backdrop-blur"
-}, _a = ["data-visible", "inert"], va = ["data-visible", "inert"], ya = {
+}, Ma = ["data-visible", "inert"], Na = ["data-visible", "inert"], Pa = {
 	key: 3,
 	class: "relative z-[1] grid h-full w-full content-center justify-items-center gap-6 px-[clamp(2rem,4vw,3rem)] py-[clamp(2rem,4vw,3rem)] text-center"
-}, ba = /* @__PURE__ */ d({
+}, Fa = /* @__PURE__ */ d({
 	name: "VibeLayout",
 	__name: "Layout",
 	props: {
@@ -4629,9 +4839,9 @@ var Ki = ["aria-label"], qi = {
 		"update:surfaceMode"
 	],
 	setup(e, { expose: n, emit: i }) {
-		let d = e, f = L(), m = i, h = pt(d, m), g = D(null), _ = pe((e) => {
+		let d = e, f = L(), m = i, h = mt(d, m), g = D(null), _ = he((e) => {
 			m("asset-errors", e);
-		}), v = me((e) => {
+		}), v = ge((e) => {
 			m("asset-loads", e);
 		});
 		x(() => {
@@ -4670,7 +4880,7 @@ var Ki = ["aria-label"], qi = {
 			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) => F(h).retryInitialLoad && F(h).retryInitialLoad(...e)
-		}, " Retry ")) : F(h).errorMessage.value && F(h).items.value.length > 0 ? (w(), s("div", ga, M(F(h).errorMessage.value), 1)) : o("", !0), F(h).isDesktop.value ? (w(), s(t, { key: 2 }, [u(r, {
+		}, " Retry ")) : F(h).errorMessage.value && F(h).items.value.length > 0 ? (w(), s("div", ja, M(F(h).errorMessage.value), 1)) : o("", !0), F(h).isDesktop.value ? (w(), s(t, { key: 2 }, [u(r, {
 			appear: "",
 			"enter-active-class": "transition-[opacity,transform] duration-300 ease-out",
 			"enter-from-class": "translate-y-3 opacity-0",
@@ -4684,7 +4894,7 @@ var Ki = ["aria-label"], qi = {
 				"data-visible": F(h).surfaceMode.value === "list" ? "true" : "false",
 				inert: F(h).surfaceMode.value !== "list",
 				class: "absolute inset-0 z-[2]"
-			}, [u(ma, {
+			}, [u(ka, {
 				ref_key: "listSurfaceRef",
 				ref: g,
 				active: F(h).surfaceMode.value === "list",
@@ -4758,7 +4968,7 @@ var Ki = ["aria-label"], qi = {
 				"onBoundaryLoadProgress",
 				"onOpenFullscreen",
 				"onUpdate:activeIndex"
-			])], 8, _a), [[R, F(h).surfaceMode.value === "list"]])]),
+			])], 8, Ma), [[R, F(h).surfaceMode.value === "list"]])]),
 			_: 3
 		}), u(r, {
 			appear: "",
@@ -4774,7 +4984,7 @@ var Ki = ["aria-label"], qi = {
 				"data-visible": F(h).surfaceMode.value === "fullscreen" ? "true" : "false",
 				inert: F(h).surfaceMode.value !== "fullscreen",
 				class: "absolute inset-0 z-[3]"
-			}, [u(wr, {
+			}, [u(si, {
 				items: F(h).items.value,
 				active: F(h).surfaceMode.value === "fullscreen",
 				"active-index": F(h).activeIndex.value,
@@ -4843,12 +5053,12 @@ var Ki = ["aria-label"], qi = {
 				"show-back-to-list",
 				"onBackToList",
 				"onUpdate:activeIndex"
-			])], 8, va), [[R, F(h).surfaceMode.value === "fullscreen"]])]),
+			])], 8, Na), [[R, F(h).surfaceMode.value === "fullscreen"]])]),
 			_: 3
-		})], 64)) : F(h).items.value.length === 0 && F(h).loading.value ? (w(), s("div", ya, [u(F(oe), {
+		})], 64)) : F(h).items.value.length === 0 && F(h).loading.value ? (w(), s("div", Pa, [u(F(ce), {
 			class: "size-10 animate-spin text-[#f7f1ea]/82",
 			"aria-hidden": "true"
-		}), n[1] ||= c("p", { class: "m-0 text-[0.9rem] font-semibold uppercase tracking-[0.22em] text-[#f7f1ea]/72" }, " Loading... ", -1)])) : (w(), a(wr, {
+		}), n[1] ||= c("p", { class: "m-0 text-[0.9rem] font-semibold uppercase tracking-[0.22em] text-[#f7f1ea]/72" }, " Loading... ", -1)])) : (w(), a(si, {
 			key: 4,
 			items: F(h).items.value,
 			active: !0,
@@ -4916,10 +5126,10 @@ var Ki = ["aria-label"], qi = {
 			"show-status-badges",
 			"onBackToList",
 			"onUpdate:activeIndex"
-		]))], 8, ha));
+		]))], 8, Aa));
 	}
-}), xa = { install(e) {
-	e.component("VibeLayout", ba);
+}), Ia = { install(e) {
+	e.component("VibeLayout", Fa);
 } };
 //#endregion
-export { ba as VibeLayout, xa as VibePlugin, xa as default };
+export { Fa as VibeLayout, Ia as VibePlugin, Ia as default };