@wyxos/vibe 3.0.13 → 3.0.15

package/lib/index.js

@@ -61,7 +61,7 @@ var B = (e) => {
 		d: "M22 10v3",
 		key: "154ddg"
 	}]
-]), te = J("clapperboard", [
+]), X = J("clapperboard", [
 	["path", {
 		d: "m12.296 3.464 3.02 3.956",
 		key: "qash78"
@@ -78,7 +78,7 @@ var B = (e) => {
 		d: "m6.18 5.276 3.1 3.899",
 		key: "zjj9t3"
 	}]
-]), X = J("file", [["path", {
+]), te = 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", {
@@ -140,14 +140,52 @@ var B = (e) => {
 		d: "M12 17h.01",
 		key: "p32p05"
 	}]
+]), se = 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"
+}]]), ce = 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"
+	}],
+	["path", {
+		d: "M16 9a5 5 0 0 1 0 6",
+		key: "1q6k2b"
+	}],
+	["path", {
+		d: "M19.364 18.364a9 9 0 0 0 0-12.728",
+		key: "ijwkga"
+	}]
+]), Z = 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"
+	}],
+	["line", {
+		x1: "22",
+		x2: "16",
+		y1: "9",
+		y2: "15",
+		key: "1ewh16"
+	}],
+	["line", {
+		x1: "16",
+		x2: "22",
+		y1: "9",
+		y2: "15",
+		key: "5ykzw1"
+	}]
 ]);
-function se(e, t = 150) {
-	return le(e, (e) => `${e.surface}|${e.occurrenceKey}|${e.url}|${e.kind}`, t);
+function le(e, t = 150) {
+	return de(e, (e) => `${e.surface}|${e.occurrenceKey}|${e.url}|${e.kind}`, t);
 }
-function ce(e, t = 150) {
-	return le(e, (e) => `${e.surface}|${e.occurrenceKey}|${e.url}`, t);
+function ue(e, t = 150) {
+	return de(e, (e) => `${e.surface}|${e.occurrenceKey}|${e.url}`, t);
 }
-function le(e, t, n) {
+function de(e, t, n) {
 	let r = [], i = /* @__PURE__ */ new Set(), a = null;
 	function o(e) {
 		let o = t(e);
@@ -171,41 +209,41 @@ function le(e, t, n) {
 }
 //#endregion
 //#region src/components/viewer-core/dom.ts
-function ue(e) {
+function Q(e) {
 	return e instanceof HTMLElement && [
 		"INPUT",
 		"TEXTAREA",
 		"SELECT"
 	].includes(e.tagName);
 }
-function de(e) {
+function fe(e) {
 	return e instanceof HTMLElement && !!e.closest("[data-swipe-lock], input, textarea, select, a");
 }
-function fe(e) {
+function pe(e) {
 	return e === "filling" || e === "initializing" || e === "loading" || e === "refreshing";
 }
-function pe(e) {
+function me(e) {
 	return !e || !Number.isFinite(e) || e < 1 ? 25 : Math.floor(e);
 }
-function me(e) {
+function he(e) {
 	return e ?? "__vibe_initial_cursor__";
 }
-function he(e, t, n) {
+function ge(e, t, n) {
 	return Math.min(Math.max(e, t), n);
 }
 //#endregion
 //#region src/components/viewer-core/removalState.ts
-function ge() {
+function _e() {
 	let e = T(/* @__PURE__ */ new Set()), t = T([]);
 	function n(n) {
-		let r = Z(n).filter((t) => !e.value.has(t));
+		let r = ve(n).filter((t) => !e.value.has(t));
 		if (!r.length) return { ids: [] };
 		let i = new Set(e.value);
 		for (let e of r) i.add(e);
 		return e.value = i, t.value = [...t.value, r], { ids: r };
 	}
 	function r(t) {
-		let n = Z(t).filter((t) => e.value.has(t));
+		let n = ve(t).filter((t) => e.value.has(t));
 		if (!n.length) return { ids: [] };
 		let r = new Set(e.value);
 		for (let e of n) r.delete(e);
@@ -236,68 +274,68 @@ function ge() {
 		undo: i
 	};
 }
-function Z(e) {
+function ve(e) {
 	let t = Array.isArray(e) ? e : [e];
 	return Array.from(new Set(t.filter((e) => typeof e == "string" && e.length > 0)));
 }
 //#endregion
 //#region src/components/viewer-core/itemIdentity.ts
-var _e = "__vibeOccurrenceKey";
-function Q(e) {
-	let t = e[_e];
+var ye = "__vibeOccurrenceKey";
+function $(e) {
+	let t = e[ye];
 	return typeof t == "string" && t.length > 0 ? t : e.id;
 }
-function ve(e, t, n) {
+function be(e, t, n) {
 	let r = /* @__PURE__ */ new Map(), i = [], a = n;
 	for (let e of t) {
-		let t = r.get(e.id), n = Q(e);
+		let t = r.get(e.id), n = $(e);
 		t ? t.push(n) : r.set(e.id, [n]);
 	}
 	for (let t of e) {
 		let e = r.get(t.id)?.shift() ?? `vibe-occurrence-${a += 1}`;
-		i.push(ye(t, e));
+		i.push(xe(t, e));
 	}
 	return {
 		items: i,
 		nextSequence: a
 	};
 }
-function ye(e, t) {
-	return Q(e) === t ? e : {
+function xe(e, t) {
+	return $(e) === t ? e : {
 		...e,
-		[_e]: t
+		[ye]: t
 	};
 }
 //#endregion
 //#region src/components/viewer-core/autoBuckets.ts
-function be(e) {
+function Se(e) {
 	return e.flatMap((e) => e.items);
 }
-function xe(e, t) {
+function Ce(e, t) {
 	return t.size ? e.filter((e) => !t.has(e.id)) : e;
 }
-function Se(e, t) {
-	return xe(e.items, t);
+function we(e, t) {
+	return Ce(e.items, t);
 }
-function Ce(e, t) {
-	return Se(e, t).length;
+function Te(e, t) {
+	return we(e, t).length;
 }
-function we(e, t, n) {
+function Ee(e, t, n) {
 	if (n < 0) return null;
 	let r = 0;
 	for (let i of e) {
-		let e = Se(i, t), a = r + e.length;
+		let e = we(i, t), a = r + e.length;
 		if (n < a) return i.cursor;
 		r = a;
 	}
 	return null;
 }
-function Te(e, t, n) {
+function De(e, t, n) {
 	let r = [...e], i = r.findIndex((e) => e.cursor === t);
 	return i >= 0 && r.splice(i, 1, n), r;
 }
-function Ee(e, t, n) {
-	let r = ve(e, t, n);
+function Oe(e, t, n) {
+	let r = be(e, t, n);
 	return {
 		items: r.items,
 		nextSequence: r.nextSequence
@@ -305,11 +343,11 @@ function Ee(e, t, n) {
 }
 //#endregion
 //#region src/components/viewer-core/autoResolveState.ts
-function De(e) {
+function ke(e) {
 	return e instanceof DOMException && e.name === "AbortError" || e instanceof Error && (e.name === "AbortError" || e.name === "CanceledError") ? !0 : typeof e == "object" && !!e && "code" in e && e.code === "ERR_CANCELED";
 }
-function Oe(e) {
-	let t = Ee(e.nextItems, e.previousItems, e.sequence);
+function Ae(e) {
+	let t = Oe(e.nextItems, e.previousItems, e.sequence);
 	return {
 		bucket: {
 			cursor: e.cursor,
@@ -320,7 +358,7 @@ function Oe(e) {
 		nextSequence: t.nextSequence
 	};
 }
-function ke(e, t, n, r) {
+function je(e, t, n, r) {
 	if (!e.length) return r ? null : {
 		buckets: [],
 		canceled: r,
@@ -330,46 +368,46 @@ function ke(e, t, n, r) {
 	return {
 		buckets: i,
 		canceled: r,
-		visibleCount: i.reduce((e, t) => e + Ce(t, n), 0)
+		visibleCount: i.reduce((e, t) => e + Te(t, n), 0)
 	};
 }
-function Ae(e) {
-	let t = Oe({
+function Me(e) {
+	let t = Ae({
 		cursor: e.initialState.cursor,
 		nextCursor: e.initialState.nextCursor ?? null,
 		nextItems: e.initialState.items,
 		previousCursor: e.initialState.previousCursor ?? null,
 		previousItems: [],
 		sequence: e.sequence
-	}), n = xe(t.bucket.items, e.removedIds);
+	}), n = Ce(t.bucket.items, e.removedIds);
 	return {
-		activeIndex: he(e.initialState.activeIndex ?? 0, 0, Math.max(0, n.length - 1)),
+		activeIndex: ge(e.initialState.activeIndex ?? 0, 0, Math.max(0, n.length - 1)),
 		buckets: [t.bucket],
 		nextSequence: t.nextSequence
 	};
 }
-function je(e, t) {
-	let n = e[he(t, 0, Math.max(0, e.length - 1))];
-	return n ? Q(n) : null;
+function Ne(e, t) {
+	let n = e[ge(t, 0, Math.max(0, e.length - 1))];
+	return n ? $(n) : null;
 }
-function Me(e, t, n = null) {
+function Pe(e, t, n = null) {
 	if (!e.length) return 0;
-	let r = n ? e.findIndex((e) => Q(e) === n) : -1;
-	return r >= 0 ? r : he(t, 0, e.length - 1);
+	let r = n ? e.findIndex((e) => $(e) === n) : -1;
+	return r >= 0 ? r : ge(t, 0, e.length - 1);
 }
-function Ne(e, t, n) {
-	return e ? Ce(e, t) < n : !1;
+function Fe(e, t, n) {
+	return e ? Te(e, t) < n : !1;
 }
 //#endregion
 //#region src/components/viewer-core/fillDelay.ts
-var Pe = 2e3, Fe = 1e3, Ie = 100;
-function Le(e, t = Pe, n = Fe) {
+var Ie = 2e3, Le = 1e3, Re = 100;
+function ze(e, t = Ie, n = Le) {
 	return t + Math.max(0, e - 1) * n;
 }
-function Re(e, t) {
+function Be(e, t) {
 	return !Number.isFinite(e) || e == null || e < 0 ? t : Math.floor(e);
 }
-function ze() {
+function Ve() {
 	let e = T(null), t = null, n = null, r = null;
 	function i(i = !1) {
 		if (t &&= (clearInterval(t), null), n &&= (clearTimeout(n), null), e.value = null, i && r) {
@@ -387,7 +425,7 @@ function ze() {
 				let t = Math.max(0, a - (Date.now() - s));
 				e.value = t, t <= 0 && l();
 			};
-			t = setInterval(u, Ie), n = setTimeout(l, a), u();
+			t = setInterval(u, Re), n = setTimeout(l, a), u();
 		}));
 	}
 	return {
@@ -398,48 +436,48 @@ function ze() {
 }
 //#endregion
 //#region src/components/viewer-core/useAutoResolveSource.ts
-function Be(e) {
-	let t = !!e.initialState?.items.length, n = T([]), r = T(0), a = T([]), o = T(!1), s = T(null), c = T(!t && typeof e.resolve == "function" ? "initializing" : "idle"), l = T(null), u = ze(), d = u.remainingMs, f = T(null), p = T(!1), m = T(!0), h = T(!1), g = /* @__PURE__ */ new Set(), _ = null, v = null, y = 0, S = 0, C = i(() => Re(e.fillDelayMs, Pe)), w = i(() => Re(e.fillDelayStepMs, Fe)), E = i(() => typeof e.resolve == "function"), D = i(() => e.mode ?? "dynamic"), O = i(() => pe(e.pageSize)), k = i(() => be(n.value)), A = i(() => xe(k.value, e.removedIds.value)), j = i(() => r.value), M = i(() => fe(c.value) || p.value), N = i(() => Ve(n.value, e.removedIds.value)), P = i(() => He(n.value, e.removedIds.value)), I = i(() => P.value?.nextCursor ?? null), L = i(() => o.value ? null : N.value?.previousCursor ?? null), R = i(() => !!I.value), z = i(() => !!L.value), B = i(() => E.value && n.value.length > 0), V = i(() => xe(be(a.value), e.removedIds.value)), H = i(() => we(n.value, e.removedIds.value, j.value)), U = i(() => !A.value.length && !M.value && !!s.value);
+function He(e) {
+	let t = !!e.initialState?.items.length, n = T([]), r = T(0), a = T([]), o = T(!1), s = T(null), c = T(!t && typeof e.resolve == "function" ? "initializing" : "idle"), l = T(null), u = Ve(), d = u.remainingMs, f = T(null), p = T(!1), m = T(!0), h = T(!1), g = /* @__PURE__ */ new Set(), _ = null, v = null, y = 0, S = 0, C = i(() => Be(e.fillDelayMs, Ie)), w = i(() => Be(e.fillDelayStepMs, Le)), E = i(() => typeof e.resolve == "function"), D = i(() => e.mode ?? "dynamic"), O = i(() => me(e.pageSize)), k = i(() => Se(n.value)), A = i(() => Ce(k.value, e.removedIds.value)), j = i(() => r.value), M = i(() => pe(c.value) || p.value), N = i(() => Ue(n.value, e.removedIds.value)), P = i(() => We(n.value, e.removedIds.value)), I = i(() => P.value?.nextCursor ?? null), L = i(() => o.value ? null : N.value?.previousCursor ?? null), R = i(() => !!I.value), z = i(() => !!L.value), B = i(() => E.value && n.value.length > 0), V = i(() => Ce(Se(a.value), e.removedIds.value)), H = i(() => Ee(n.value, e.removedIds.value, j.value)), U = i(() => !A.value.length && !M.value && !!s.value);
 	F(() => A.value.length, (e) => {
 		if (e === 0) {
 			r.value = 0;
 			return;
 		}
-		o.value &&= (Se(), !1), r.value > e - 1 && (r.value = e - 1);
+		o.value &&= (ye(), !1), r.value > e - 1 && (r.value = e - 1);
 	}), F(() => r.value, () => {
 		m.value && se();
 	}), x(() => {
-		_e() || e.resolve && W();
+		fe() || e.resolve && W();
 	}), b(() => {
 		_?.abort(), _ = null, u.clear(!0);
 	});
 	async function W() {
 		v = W;
-		let t = await de({
+		let t = await ue({
 			continueUntilFilled: D.value === "dynamic",
 			cursor: e.initialCursor ?? null,
 			direction: "forward",
 			phase: "initializing"
 		});
-		t && (n.value = t.buckets, r.value = 0, Z());
+		t && (n.value = t.buckets, r.value = 0, Q());
 	}
 	async function G() {
 		if (!(h.value || M.value)) {
-			if (!R.value) return B.value ? ue("trailing") : void 0;
-			if (D.value === "static" && ye("trailing")) return ue("trailing");
+			if (!R.value) return B.value ? le("trailing") : void 0;
+			if (D.value === "static" && ve("trailing")) return le("trailing");
 			await ce(I.value);
 		}
 	}
 	async function K() {
 		if (!(h.value || !z.value || M.value)) {
-			if (D.value === "static" && ye("leading")) return ue("leading");
-			await le(L.value);
+			if (D.value === "static" && ve("leading")) return le("leading");
+			await Z(L.value);
 		}
 	}
 	async function q() {
 		if (U.value) {
-			if (n.value = [], r.value = 0, a.value = [], o.value = !1, s.value = null, c.value = E.value ? "initializing" : "idle", l.value = null, f.value = null, p.value = !1, g.clear(), _?.abort(), _ = null, u.clear(!0), _e()) {
-				Z();
+			if (n.value = [], r.value = 0, a.value = [], o.value = !1, s.value = null, c.value = E.value ? "initializing" : "idle", l.value = null, f.value = null, p.value = !1, g.clear(), _?.abort(), _ = null, u.clear(!0), fe()) {
+				Q();
 				return;
 			}
 			await W();
@@ -450,29 +488,29 @@ function Be(e) {
 		h.value || c.value !== "failed" || !v || (s.value = null, await v());
 	}
 	async function Y() {
-		if (!a.value.length) return p.value = !1, Z();
-		n.value = [...n.value, ...a.value], a.value = [], p.value = !1, Z();
+		if (!a.value.length) return p.value = !1, Q();
+		n.value = [...n.value, ...a.value], a.value = [], p.value = !1, Q();
 	}
 	function ee(t) {
 		let n = A.value;
 		if (!n.length) return;
-		let i = he(t, 0, n.length - 1);
+		let i = ge(t, 0, n.length - 1);
 		i !== r.value && (r.value = i, e.emit("update:activeIndex", i));
 	}
-	function te(e) {
+	function X(e) {
 		m.value = e;
 	}
-	function X() {
+	function te() {
 		h.value = !0, u.clear(!0);
 	}
 	function ne() {
 		h.value = !1;
 	}
 	function re() {
-		y += 1, _?.abort(), _ = null, u.clear(!0), g.clear(), s.value = null, l.value = null, f.value = null, a.value.length > 0 && (n.value = [...n.value, ...a.value], a.value = []), p.value = !1, o.value = !1, Z();
+		y += 1, _?.abort(), _ = null, u.clear(!0), g.clear(), s.value = null, l.value = null, f.value = null, a.value.length > 0 && (n.value = [...n.value, ...a.value], a.value = []), p.value = !1, o.value = !1, Q();
 	}
 	function ie() {
-		return je(A.value, j.value);
+		return Ne(A.value, j.value);
 	}
 	function ae(e = null, t = {}) {
 		if (A.value.length === 0) {
@@ -480,7 +518,7 @@ function Be(e) {
 			return;
 		}
 		if (e) {
-			let t = A.value.findIndex((t) => Q(t) === e);
+			let t = A.value.findIndex((t) => $(t) === e);
 			if (t >= 0) {
 				r.value = t;
 				return;
@@ -490,13 +528,13 @@ function Be(e) {
 			r.value = A.value.length;
 			return;
 		}
-		r.value = Me(A.value, j.value, e);
+		r.value = Pe(A.value, j.value, e);
 	}
 	function oe() {
 		a.value.length > 0 && !V.value.length && Y();
 	}
 	async function se() {
-		if (!(!m.value || ve())) {
+		if (!(!m.value || _e())) {
 			if (!A.value.length) {
 				R.value && await G();
 				return;
@@ -508,23 +546,23 @@ function Be(e) {
 		v = async () => {
 			await ce(e);
 		};
-		let t = await de({
+		let t = await ue({
 			continueUntilFilled: D.value === "dynamic",
 			cursor: e,
 			direction: "forward",
 			phase: "loading"
 		});
 		if (t) {
-			if (t.canceled) return n.value = [...n.value, ...t.buckets], a.value = [], p.value = !1, Z();
-			if (a.value = t.buckets, !V.value.length) return n.value = [...n.value, ...a.value], a.value = [], p.value = !1, Z();
+			if (t.canceled) return n.value = [...n.value, ...t.buckets], a.value = [], p.value = !1, Q();
+			if (a.value = t.buckets, !V.value.length) return n.value = [...n.value, ...a.value], a.value = [], p.value = !1, Q();
 			p.value = !0;
 		}
 	}
-	async function le(e) {
+	async function Z(e) {
 		v = async () => {
-			await le(e);
+			await Z(e);
 		};
-		let t = await de({
+		let t = await ue({
 			continueUntilFilled: D.value === "dynamic",
 			cursor: e,
 			direction: "backward",
@@ -532,15 +570,15 @@ function Be(e) {
 		});
 		if (!t) return;
 		let r = ie();
-		n.value = [...t.buckets, ...n.value], ae(r), Z();
+		n.value = [...t.buckets, ...n.value], ae(r), Q();
 	}
-	async function ue(t) {
+	async function le(t) {
 		if (v = async () => {
-			await ue(t);
+			await le(t);
 		}, !e.resolve) return;
 		let r = t === "leading" ? N.value : P.value;
 		if (!r) return;
-		let i = me(r.cursor);
+		let i = he(r.cursor);
 		if (g.has(i)) return;
 		g.add(i), s.value = null, c.value = "refreshing", l.value = null, f.value = null;
 		let a = ++y, o = typeof AbortController > "u" ? null : new AbortController();
@@ -551,18 +589,18 @@ function Be(e) {
 				pageSize: O.value,
 				signal: o?.signal
 			});
-			if (a !== y) return Z();
-			let i = ge({
+			if (a !== y) return Q();
+			let i = de({
 				cursor: r.cursor,
 				nextCursor: t.nextPage,
 				nextItems: t.items,
 				previousCursor: t.previousPage ?? null,
 				previousItems: r.items
 			}), s = ie();
-			n.value = Te(n.value, r.cursor, i), ae(s), Z();
+			n.value = De(n.value, r.cursor, i), ae(s), Q();
 		} catch (e) {
-			if (De(e) || a !== y) {
-				Z();
+			if (ke(e) || a !== y) {
+				Q();
 				return;
 			}
 			s.value = e instanceof Error ? e.message : "The viewer could not load items.", c.value = "failed", l.value = null, f.value = null;
@@ -570,13 +608,13 @@ function Be(e) {
 			_ === o && (_ = null), g.delete(i);
 		}
 	}
-	async function de(t) {
+	async function ue(t) {
 		if (!e.resolve) return null;
 		let n = ++y, r = /* @__PURE__ */ new Set(), i = [], a = t.cursor, o = 0;
 		for (s.value = null, c.value = t.phase, l.value = null, f.value = null;;) {
-			if (n !== y) return ke(i, t.direction, e.removedIds.value, !0);
-			if (i.length > 0 && h.value) return ke(i, t.direction, e.removedIds.value, !1);
-			let d = me(a);
+			if (n !== y) return je(i, t.direction, e.removedIds.value, !0);
+			if (i.length > 0 && h.value) return je(i, t.direction, e.removedIds.value, !1);
+			let d = he(a);
 			if (r.has(d) || g.has(d)) break;
 			r.add(d), g.add(d);
 			let p = typeof AbortController > "u" ? null : new AbortController();
@@ -587,8 +625,8 @@ function Be(e) {
 					pageSize: O.value,
 					signal: p?.signal
 				});
-				if (n !== y) return ke(i, t.direction, e.removedIds.value, !0);
-				let s = ge({
+				if (n !== y) return je(i, t.direction, e.removedIds.value, !0);
+				let s = de({
 					cursor: a,
 					nextCursor: r.nextPage,
 					nextItems: r.items,
@@ -596,27 +634,27 @@ function Be(e) {
 					previousItems: []
 				});
 				i.push(s);
-				let d = i.reduce((t, n) => t + Ce(n, e.removedIds.value), 0), m = t.direction === "forward" ? s.nextCursor : s.previousCursor;
+				let d = i.reduce((t, n) => t + Te(n, e.removedIds.value), 0), m = t.direction === "forward" ? s.nextCursor : s.previousCursor;
 				if (!t.continueUntilFilled || d >= O.value || !m) return {
 					canceled: !1,
 					buckets: t.direction === "backward" ? [...i].reverse() : i,
 					visibleCount: d
 				};
-				if (h.value) return ke(i, t.direction, e.removedIds.value, !1);
+				if (h.value) return je(i, t.direction, e.removedIds.value, !1);
 				c.value = "filling", l.value = d, f.value = O.value, o += 1;
-				let g = Le(o, C.value, w.value);
-				if (await u.wait(g), n !== y) return ke(i, t.direction, e.removedIds.value, !0);
+				let g = ze(o, C.value, w.value);
+				if (await u.wait(g), n !== y) return je(i, t.direction, e.removedIds.value, !0);
 				a = m;
 			} catch (r) {
-				return De(r) || n !== y ? ke(i, t.direction, e.removedIds.value, !0) : (s.value = r instanceof Error ? r.message : "The viewer could not load items.", c.value = "failed", l.value = null, f.value = null, null);
+				return ke(r) || n !== y ? je(i, t.direction, e.removedIds.value, !0) : (s.value = r instanceof Error ? r.message : "The viewer could not load items.", c.value = "failed", l.value = null, f.value = null, null);
 			} finally {
 				_ === p && (_ = null), g.delete(d);
 			}
 		}
-		return ke(i, t.direction, e.removedIds.value, !1);
+		return je(i, t.direction, e.removedIds.value, !1);
 	}
-	function ge(e) {
-		let t = Oe({
+	function de(e) {
+		let t = Ae({
 			cursor: e.cursor,
 			nextCursor: e.nextCursor,
 			nextItems: e.nextItems,
@@ -626,29 +664,29 @@ function Be(e) {
 		});
 		return S = t.nextSequence, t.bucket;
 	}
-	function Z() {
+	function Q() {
 		c.value = "idle", l.value = null, f.value = null, u.clear();
 	}
-	function _e() {
+	function fe() {
 		if (!e.initialState || !e.initialState.items.length) return !1;
-		let t = Ae({
+		let t = Me({
 			initialState: e.initialState,
 			removedIds: e.removedIds.value,
 			sequence: S
 		});
 		return n.value = t.buckets, r.value = t.activeIndex, S = t.nextSequence, o.value = !1, s.value = null, a.value = [], p.value = !1, !0;
 	}
-	function ve() {
+	function _e() {
 		return c.value === "initializing";
 	}
-	function ye(t) {
-		return Ne(t === "leading" ? N.value : P.value, e.removedIds.value, O.value);
+	function ve(t) {
+		return Fe(t === "leading" ? N.value : P.value, e.removedIds.value, O.value);
 	}
-	function Se() {
-		let t = n.value.findIndex((t) => Ce(t, e.removedIds.value) > 0);
+	function ye() {
+		let t = n.value.findIndex((t) => Te(t, e.removedIds.value) > 0);
 		if (t < 0) return;
 		let r = t;
-		for (let i = n.value.length - 1; i >= t; --i) if (Ce(n.value[i], e.removedIds.value) > 0) {
+		for (let i = n.value.length - 1; i >= t; --i) if (Te(n.value[i], e.removedIds.value) > 0) {
 			r = i;
 			break;
 		}
@@ -670,7 +708,7 @@ function Be(e) {
 		isAutoPrefetchEnabled: m,
 		isPageLoadingLocked: h,
 		items: A,
-		lockPageLoading: X,
+		lockPageLoading: te,
 		loading: M,
 		mode: D,
 		maybePrefetchAround: se,
@@ -683,27 +721,27 @@ function Be(e) {
 		retryInitialLoad: q,
 		retry: J,
 		setActiveIndex: ee,
-		setAutoPrefetchEnabled: te,
+		setAutoPrefetchEnabled: X,
 		syncActiveIndexAfterVisibilityChange: ae,
 		unlockPageLoading: ne,
 		getActiveOccurrenceKey: ie,
 		maybeCommitPendingAppendWhenFilteredOut: oe
 	};
 }
-function Ve(e, t) {
-	return e.find((e) => Ce(e, t) > 0) ?? e[0] ?? null;
+function Ue(e, t) {
+	return e.find((e) => Te(e, t) > 0) ?? e[0] ?? null;
 }
-function He(e, t) {
+function We(e, t) {
 	for (let n = e.length - 1; n >= 0; --n) {
 		let r = e[n];
-		if (Ce(r, t) > 0) return r;
+		if (Te(r, t) > 0) return r;
 	}
 	return e[e.length - 1] ?? null;
 }
 //#endregion
 //#region src/components/viewer-core/useDataSource.ts
-function Ue(e, t) {
-	let { clearRemoved: n, getRemovedIds: r, remove: a, removedIds: o, restore: s, undo: c } = ge(), l = Be({
+function Ge(e, t) {
+	let { clearRemoved: n, getRemovedIds: r, remove: a, removedIds: o, restore: s, undo: c } = _e(), l = He({
 		emit: t,
 		fillDelayMs: e.fillDelayMs,
 		fillDelayStepMs: e.fillDelayStepMs,
@@ -791,9 +829,9 @@ function Ue(e, t) {
 }
 //#endregion
 //#region src/components/viewer-core/useController.ts
-var We = 1024;
-function Ge(e, t) {
-	let n = Ue(e, t), r = T(0), a = T("list"), o = C({
+var Ke = 1024;
+function qe(e, t) {
+	let n = Ge(e, t), r = T(0), a = T("list"), o = C({
 		activeIndex: 0,
 		currentCursor: null,
 		errorMessage: null,
@@ -812,7 +850,7 @@ function Ge(e, t) {
 		removedCount: 0,
 		removedIds: [],
 		surfaceMode: "list"
-	}), s = i(() => r.value >= We), c = i(() => s.value ? a.value : "fullscreen"), l = i(() => s.value && c.value === "fullscreen");
+	}), s = i(() => r.value >= Ke), c = i(() => s.value ? a.value : "fullscreen"), l = i(() => s.value && c.value === "fullscreen");
 	F(s, (e) => {
 		e && m();
 	}), F(() => e.surfaceMode, () => {
@@ -842,7 +880,7 @@ function Ge(e, t) {
 		!s.value || a.value === "list" || (a.value = "list", t("update:surfaceMode", "list"));
 	}
 	function f(e) {
-		e.defaultPrevented || e.key !== "Escape" || !s.value || c.value !== "fullscreen" || ue(e.target) || (e.preventDefault(), d());
+		e.defaultPrevented || e.key !== "Escape" || !s.value || c.value !== "fullscreen" || Q(e.target) || (e.preventDefault(), d());
 	}
 	function p() {
 		r.value = window.innerWidth || 0;
@@ -868,29 +906,67 @@ function Ge(e, t) {
 }
 //#endregion
 //#region src/components/FullscreenMediaBar.vue?vue&type=script&setup=true&lang.ts
-var Ke = {
+var Je = {
 	"data-testid": "vibe-media-bar",
 	class: "absolute inset-x-0 bottom-0 z-[5] bg-[linear-gradient(180deg,transparent,rgba(0,0,0,0.42)_24%,rgba(0,0,0,0.78))] px-[clamp(1rem,2.6vw,2.25rem)] pt-4 pb-[1.15rem]"
-}, qe = { class: "grid grid-cols-[auto_minmax(0,1fr)_auto] items-center gap-3 border-t border-white/12 bg-black/70 px-4 py-3 backdrop-blur-[18px]" }, Je = { class: "text-[0.76rem] font-bold uppercase tracking-[0.18em] text-[#f7f1ea]/74" }, Ye = { class: "relative h-4 w-full" }, Xe = [
+}, Ye = { 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]" }, Xe = { class: "text-[0.76rem] font-bold uppercase tracking-[0.18em] text-[#f7f1ea]/74" }, Ze = { class: "relative h-4 w-full" }, Qe = [
 	"max",
 	"value",
 	"disabled"
-], Ze = { class: "text-[0.76rem] font-bold uppercase tracking-[0.18em] text-[#f7f1ea]/74" }, Qe = /* @__PURE__ */ d({
+], $e = { class: "text-[0.76rem] font-bold uppercase tracking-[0.18em] text-[#f7f1ea]/74" }, et = ["data-layout"], tt = {
+	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]"
+}, nt = { class: "relative flex h-28 w-4 items-center justify-center" }, rt = ["value"], it = { class: "flex items-center gap-3" }, at = ["aria-label"], ot = {
+	key: 0,
+	class: "relative h-4 w-24"
+}, st = ["value"], ct = /* @__PURE__ */ d({
 	__name: "FullscreenMediaBar",
 	props: {
 		currentTime: {},
 		currentTimeLabel: {},
 		duration: {},
 		durationLabel: {},
-		progress: {}
+		muted: { type: Boolean },
+		progress: {},
+		volume: {},
+		volumeControlLayout: {}
 	},
-	emits: ["seek-input"],
+	emits: [
+		"seek-input",
+		"volume-input",
+		"volume-toggle"
+	],
 	setup(e, { emit: t }) {
-		let n = e, r = t;
-		return (e, t) => (S(), s("div", Ke, [c("div", qe, [
-			c("span", Je, k(n.currentTimeLabel), 1),
-			c("div", Ye, [
-				t[1] ||= c("div", { class: "absolute inset-x-0 top-1/2 h-px -translate-y-1/2 bg-white/12" }, null, -1),
+		let n = e, r = t, l = T(null), u = T(!1), d = i(() => n.volumeControlLayout === "vertical"), f = i(() => w(n.volume, 0, 1)), p = i(() => Math.round(f.value * 100)), m = i(() => n.muted || f.value <= 0 ? Z : f.value < .5 ? se : ce), 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}%` });
+		F(d, (e) => {
+			e || (u.value = !1);
+		}), x(() => {
+			document.addEventListener("pointerdown", v);
+		}), b(() => {
+			document.removeEventListener("pointerdown", v);
+		});
+		function v(e) {
+			!d.value || !u.value || l.value && e.target instanceof Node && !l.value.contains(e.target) && (u.value = !1);
+		}
+		function C() {
+			if (!d.value) {
+				r("volume-toggle");
+				return;
+			}
+			if (!u.value) {
+				u.value = !0;
+				return;
+			}
+			r("volume-toggle");
+		}
+		function w(e, t, n) {
+			return Math.min(Math.max(e, t), n);
+		}
+		return (e, t) => (S(), s("div", Je, [c("div", Ye, [
+			c("span", Xe, k(n.currentTimeLabel), 1),
+			c("div", Ze, [
+				t[3] ||= c("div", { class: "absolute inset-x-0 top-1/2 h-px -translate-y-1/2 bg-white/12" }, null, -1),
 				c("div", {
 					class: "absolute left-0 top-1/2 h-px -translate-y-1/2 bg-[#f7f1ea]",
 					style: y({ width: `${n.progress}%` })
@@ -906,25 +982,77 @@ var Ke = {
 					disabled: n.duration <= 0,
 					class: "vibe-media-slider absolute inset-0 z-10 h-4 w-full cursor-pointer bg-transparent disabled:cursor-default disabled:opacity-50",
 					onInput: t[0] ||= (e) => r("seek-input", e)
-				}, null, 40, Xe)
+				}, null, 40, Qe)
 			]),
-			c("span", Ze, k(n.durationLabel), 1)
+			c("span", $e, k(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 ? (S(), s("div", tt, [c("div", nt, [
+				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: y(_.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, rt)
+			])])) : o("", !0), c("div", it, [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: C
+			}, [(S(), a(O(m.value), {
+				class: "h-4 w-4 stroke-[1.9]",
+				"aria-hidden": "true"
+			}))], 8, at), n.volumeControlLayout === "horizontal" ? (S(), s("div", ot, [
+				t[5] ||= c("div", { class: "absolute inset-x-0 top-1/2 h-px -translate-y-1/2 bg-white/12" }, null, -1),
+				c("div", {
+					class: "absolute left-0 top-1/2 h-px -translate-y-1/2 bg-[#f7f1ea]",
+					style: y(_.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, st)
+			])) : o("", !0)])], 8, et)
 		])]));
 	}
-}), $e = { class: "pointer-events-none absolute inset-0 z-[3] flex flex-col justify-between p-[clamp(1.25rem,2.6vw,2.25rem)]" }, et = { class: "grid gap-4" }, tt = { class: "flex min-h-11 items-center justify-between gap-4" }, nt = { class: "min-w-0 flex flex-1 items-center gap-3" }, rt = {
+}), lt = { class: "pointer-events-none absolute inset-0 z-[3] flex flex-col justify-between p-[clamp(1.25rem,2.6vw,2.25rem)]" }, ut = { class: "grid gap-4" }, dt = { class: "flex min-h-11 items-center justify-between gap-4" }, ft = { class: "min-w-0 flex flex-1 items-center gap-3" }, pt = {
 	key: 1,
 	"data-testid": "vibe-title",
 	class: "m-0 truncate text-left text-[0.82rem] leading-none tracking-[-0.04em] min-[721px]:text-[1.2rem]"
-}, it = { class: "pointer-events-auto flex shrink-0 items-center gap-2" }, at = {
+}, mt = { class: "pointer-events-auto flex shrink-0 items-center gap-2" }, ht = {
 	"data-testid": "vibe-pagination",
 	class: "inline-flex shrink-0 items-center gap-2 whitespace-nowrap border border-white/14 bg-black/40 px-3 py-2 text-[0.63rem] font-bold uppercase tracking-[0.12em] text-[#f7f1ea]/72 backdrop-blur-[18px] min-[721px]:gap-3 min-[721px]:px-4 min-[721px]:py-3 min-[721px]:text-[0.74rem] min-[721px]:tracking-[0.2em]"
-}, ot = { class: "whitespace-nowrap" }, st = {
+}, gt = { class: "whitespace-nowrap" }, _t = {
 	key: 1,
 	class: "whitespace-nowrap border-l border-white/12 pl-2 text-[#f7f1ea]/56 min-[721px]:pl-3"
-}, ct = {
+}, vt = {
 	key: 0,
 	class: "grid gap-2 max-[720px]:justify-items-start"
-}, lt = /* @__PURE__ */ d({
+}, yt = /* @__PURE__ */ d({
 	__name: "FullscreenHeader",
 	props: {
 		currentIndex: {},
@@ -938,7 +1066,7 @@ var Ke = {
 	emits: ["back-to-list"],
 	setup(e, { emit: t }) {
 		let n = e, r = t;
-		return (e, t) => (S(), s("div", $e, [c("div", et, [c("div", tt, [c("div", nt, [n.showBackToList ? (S(), s("button", {
+		return (e, t) => (S(), s("div", lt, [c("div", ut, [c("div", dt, [c("div", ft, [n.showBackToList ? (S(), s("button", {
 			key: 0,
 			type: "button",
 			"data-testid": "vibe-back-to-list",
@@ -948,48 +1076,48 @@ var Ke = {
 		}, [u(j(Y), {
 			class: "h-4 w-4 stroke-[2.2]",
 			"aria-hidden": "true"
-		})])) : o("", !0), n.title ? (S(), s("h2", rt, k(n.title), 1)) : o("", !0)]), c("div", it, [c("span", at, [
+		})])) : o("", !0), n.title ? (S(), s("h2", pt, k(n.title), 1)) : o("", !0)]), c("div", mt, [c("span", ht, [
 			n.loading ? (S(), a(j(re), {
 				key: 0,
 				"data-testid": "vibe-pagination-spinner",
 				class: "h-3.5 w-3.5 animate-spin stroke-[1.9]",
 				"aria-hidden": "true"
 			})) : o("", !0),
-			c("span", ot, k(n.currentIndex + 1) + " / " + k(n.total), 1),
-			n.paginationDetail ? (S(), s("span", st, k(n.paginationDetail), 1)) : o("", !0)
-		]), D(e.$slots, "actions")])])]), n.showEndBadge ? (S(), s("div", ct, [...t[1] ||= [c("span", { class: "inline-flex items-center border border-amber-300/35 bg-black/40 px-4 py-3 text-[0.74rem] font-bold uppercase tracking-[0.2em] text-amber-200 backdrop-blur-[18px]" }, " End reached ", -1)]])) : o("", !0)]));
+			c("span", gt, k(n.currentIndex + 1) + " / " + k(n.total), 1),
+			n.paginationDetail ? (S(), s("span", _t, k(n.paginationDetail), 1)) : o("", !0)
+		]), D(e.$slots, "actions")])])]), n.showEndBadge ? (S(), 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 = {
+}), bt = {
 	image: ne,
-	video: te,
+	video: X,
 	audio: ee,
-	other: X
-}, dt = {
+	other: te
+}, xt = {
 	image: "Image",
 	video: "Video",
 	audio: "Audio",
 	other: "File"
 };
-function ft(e) {
-	return ut[e];
+function St(e) {
+	return bt[e];
 }
-function pt(e) {
-	return dt[e];
+function Ct(e) {
+	return xt[e];
 }
 //#endregion
 //#region src/components/viewer-core/useFullscreenSurfaceMedia.ts
-var mt = 2;
-function ht(e) {
+var wt = 2;
+function Tt(e) {
 	function t(e, t) {
 		let n = t.title?.trim();
-		return n ? `${e} ${n}` : `${e} ${pt(t.type).toLowerCase()}`;
+		return n ? `${e} ${n}` : `${e} ${Ct(t.type).toLowerCase()}`;
 	}
 	function n(e) {
-		return Q(e);
+		return $(e);
 	}
 	function r(t) {
 		let n = e.resolvedActiveIndex.value;
-		return !!e.active.value && t >= n && t <= n + mt;
+		return !!e.active.value && t >= n && t <= n + wt;
 	}
 	function i(t, i) {
 		let a = n(i);
@@ -1024,11 +1152,11 @@ function ht(e) {
 }
 //#endregion
 //#region src/components/viewer-core/slotContent.ts
-function gt(e) {
+function Et(e) {
 	if (!Array.isArray(e)) return !1;
 	for (let t of e) {
 		if (Array.isArray(t)) {
-			if (gt(t)) return !0;
+			if (Et(t)) return !0;
 			continue;
 		}
 		if (!m(t)) {
@@ -1039,20 +1167,20 @@ function gt(e) {
 			if (t != null && t !== !1) return !0;
 			continue;
 		}
-		if (!_t(t)) return !0;
+		if (!Dt(t)) return !0;
 	}
 	return !1;
 }
-function _t(r) {
-	return r.type === e ? !0 : r.type === n ? typeof r.children == "string" ? r.children.trim().length === 0 : !0 : r.type === t ? !gt(r.children) : !1;
+function Dt(r) {
+	return r.type === e ? !0 : r.type === n ? typeof r.children == "string" ? r.children.trim().length === 0 : !0 : r.type === t ? !Et(r.children) : !1;
 }
 //#endregion
 //#region src/components/viewer-core/useSurfaceEmptyState.ts
-var vt = "no items available";
-function yt(e) {
+var Ot = "no items available";
+function kt(e) {
 	let t = i(() => e.loading.value || e.itemCount.value > 0 || e.emptyStateMode.value === "hidden" ? null : {
 		loading: !!e.loading.value,
-		message: vt,
+		message: Ot,
 		mode: e.emptyStateMode.value === "badge" ? "badge" : "inline",
 		surface: e.surface,
 		total: e.itemCount.value
@@ -1060,23 +1188,23 @@ function yt(e) {
 	return {
 		emptyStateProps: t,
 		showBadgeEmptyState: i(() => t.value?.mode === "badge"),
-		showCustomEmptyState: i(() => gt(n.value)),
+		showCustomEmptyState: i(() => Et(n.value)),
 		showInlineEmptyState: i(() => t.value?.mode === "inline")
 	};
 }
 //#endregion
 //#region src/components/viewer-core/format.ts
-function bt(e) {
+function At(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 xt(e) {
+function jt(e) {
 	return e.phase ? e.phase : e.loading ? e.itemCount > 0 ? "loading" : "initializing" : "idle";
 }
-function St(e) {
+function Mt(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.")
@@ -1099,7 +1227,7 @@ function St(e) {
 }
 //#endregion
 //#region src/components/viewer-core/useActivation.ts
-function Ct(e) {
+function Nt(e) {
 	let t = !1;
 	F(e.enabled, async (t) => {
 		if (n(t), t) {
@@ -1122,42 +1250,44 @@ function Ct(e) {
 }
 //#endregion
 //#region src/components/viewer-core/assetState.ts
-var wt = {
+var Pt = {
 	currentTime: 0,
 	duration: 0,
 	errorKind: null,
+	muted: !1,
 	paused: !0,
-	ready: !1
+	ready: !1,
+	volume: 1
 };
-function Tt() {
-	return { ...wt };
+function Ft() {
+	return { ...Pt };
 }
-function Et(e) {
+function It(e) {
 	return e.complete && !!(e.currentSrc || e.getAttribute("src"));
 }
-function Dt(e, t, n) {
-	e.currentTime = Number.isFinite(t.currentTime) ? t.currentTime : 0, e.duration = Number.isFinite(t.duration) ? t.duration : 0, e.paused = t.paused, n && n !== "error" && (e.errorKind = null), e.ready = Ot(t, n);
+function Lt(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 = Rt(t, n);
 }
-function Ot(e, t) {
+function Rt(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 kt = /* @__PURE__ */ new Map();
-function At(e) {
+var zt = /* @__PURE__ */ new Map();
+function Bt(e) {
 	return e === "not-found" ? "404" : "Load error";
 }
-function jt(e) {
+function Vt(e) {
 	return e === "generic";
 }
-function Mt(e) {
-	let t = kt.get(e);
+function Ht(e) {
+	let t = zt.get(e);
 	if (t) return t;
-	let n = Nt(e);
-	return kt.set(e, n), n;
+	let n = Ut(e);
+	return zt.set(e, n), n;
 }
-async function Nt(e) {
-	if (!Pt(e)) return "generic";
+async function Ut(e) {
+	if (!Wt(e)) return "generic";
 	try {
 		let t = await fetch(e, { method: "HEAD" });
 		if (!t.ok && t.status === 404) return "not-found";
@@ -1166,12 +1296,12 @@ async function Nt(e) {
 	}
 	return "generic";
 }
-function Pt(e) {
+function Wt(e) {
 	return /^(https?:\/\/|\/)/i.test(e);
 }
 //#endregion
 //#region src/components/viewer-core/mediaPlayback.ts
-function Ft(e) {
+function Gt(e) {
 	try {
 		let t = e.play();
 		t && typeof t.catch == "function" && t.catch(() => {});
@@ -1179,75 +1309,77 @@ function Ft(e) {
 }
 //#endregion
 //#region src/components/viewer-core/useMedia.ts
-function It(e) {
-	let t = T({}), n = T({}), r = T({}), a = T({}), o = /* @__PURE__ */ new Map(), s = /* @__PURE__ */ new Map(), c = /* @__PURE__ */ new Set(), l = i(() => e.activeItem.value ? Q(e.activeItem.value) : null), u = i(() => e.activeMediaItem.value ? Q(e.activeMediaItem.value) : null), d = i(() => {
+function Kt(e) {
+	let t = T({}), n = T({}), r = T({}), a = T({}), o = T({}), s = /* @__PURE__ */ new Map(), c = /* @__PURE__ */ new Map(), l = /* @__PURE__ */ new Set(), u = i(() => e.activeItem.value ? $(e.activeItem.value) : null), d = i(() => e.activeMediaItem.value ? $(e.activeMediaItem.value) : null), f = i(() => {
 		let t = /* @__PURE__ */ new Map();
-		for (let n of e.items.value) t.set(Q(n), n);
+		for (let n of e.items.value) t.set($(n), n);
 		return t;
-	}), f = i(() => u.value ? r.value[u.value] ?? wt : wt), p = i(() => u.value ? f.value.duration : 0), m = i(() => p.value <= 0 ? 0 : Lt(f.value.currentTime / p.value * 100, 0, 100)), h = i(() => l.value ? N(l.value) : null);
-	F(() => l.value, async () => {
-		await x();
+	}), p = i(() => d.value ? r.value[d.value] ?? Pt : Pt), m = i(() => d.value ? p.value.duration : 0), h = i(() => m.value <= 0 ? 0 : qt(p.value.currentTime / m.value * 100, 0, 100)), _ = i(() => u.value ? L(u.value) : null);
+	F(() => u.value, async () => {
+		await S();
 	}), F(() => e.itemCount.value, async () => {
-		await x();
+		await S();
+	}), F(() => e.loopFullscreenVideo.value, async () => {
+		await S();
 	});
-	function _(e, t) {
+	function v(e, t) {
 		if (t instanceof HTMLVideoElement) {
-			o.set(e, t), H(e, t);
+			s.set(e, t), G(e, t);
 			return;
 		}
-		o.delete(e);
+		s.delete(e);
 	}
-	function v(e, t) {
+	function y(e, t) {
 		if (t instanceof HTMLAudioElement) {
-			s.set(e, t), H(e, t);
+			c.set(e, t), G(e, t);
 			return;
 		}
-		s.delete(e);
+		c.delete(e);
 	}
-	function y(e, r) {
-		r instanceof HTMLImageElement && Et(r) && (t.value[e] = !0, n.value[e] = null, q(e, r.currentSrc || r.src || Y(e)));
+	function b(e, r) {
+		r instanceof HTMLImageElement && It(r) && (t.value[e] = !0, n.value[e] = null, X(e, r.currentSrc || r.src || ne(e)));
 	}
-	function b() {
-		B(), a.value = {}, n.value = {}, t.value = {}, r.value = {}, c.clear();
+	function x() {
+		U(), a.value = {}, n.value = {}, t.value = {}, o.value = {}, r.value = {}, l.clear();
 	}
-	async function x() {
+	async function S() {
 		if (!e.isEnabled.value) {
-			B();
+			U();
 			return;
 		}
 		await g();
-		let t = l.value;
-		for (let [e, n] of o.entries()) {
-			if (e !== t || r.value[e]?.errorKind) {
-				z(n, e);
+		let t = u.value;
+		for (let [n, i] of s.entries()) {
+			if (n !== t || r.value[n]?.errorKind) {
+				H(i, n);
 				continue;
 			}
-			n.muted = !0, n.loop = !1, n.playsInline = !0, Ft(n), H(e, n);
+			i.muted = !1, i.loop = e.loopFullscreenVideo.value, i.playsInline = !0, Gt(i), G(n, i);
 		}
-		for (let [e, n] of s.entries()) {
+		for (let [e, n] of c.entries()) {
 			if (e !== t || r.value[e]?.errorKind) {
-				z(n, e);
+				H(n, e);
 				continue;
 			}
-			Ft(n), H(e, n);
+			Gt(n), G(e, n);
 		}
 	}
-	function S(e, t) {
+	function C(e, t) {
 		let n = t.currentTarget instanceof HTMLMediaElement ? t.currentTarget : t.target instanceof HTMLMediaElement ? t.target : null;
 		if (n) {
 			let i = r.value[e]?.ready ?? !1;
-			H(e, n, t.type);
+			G(e, n, t.type);
 			let a = r.value[e]?.ready ?? !1;
-			!i && a && q(e, n.currentSrc || n.src || Y(e));
+			!i && a && X(e, n.currentSrc || n.src || ne(e));
 		}
 	}
-	function C(e, r) {
-		t.value[e] = !0, n.value[e] = null, q(e, r);
+	function w(e, r) {
+		t.value[e] = !0, n.value[e] = null, X(e, r);
 	}
-	async function w(r, i) {
-		let a = J(r) ?? e.activeItem.value;
+	async function E(r, i) {
+		let a = te(r) ?? e.activeItem.value;
 		t.value[r] = !1, n.value[r] = "generic";
-		let o = await Mt(i);
+		let o = await Ht(i);
 		n.value[r] = o, a && e.onAssetError?.({
 			item: a,
 			occurrenceKey: r,
@@ -1256,8 +1388,8 @@ function It(e) {
 			surface: "fullscreen"
 		});
 	}
-	async function E(t, n) {
-		let r = W(t), i = V(t), a = J(t) ?? e.activeMediaItem.value ?? e.activeItem.value;
+	async function D(t, n) {
+		let r = J(t), i = W(t), a = te(t) ?? e.activeMediaItem.value ?? e.activeItem.value;
 		if (r) {
 			r.pause();
 			try {
@@ -1265,7 +1397,7 @@ function It(e) {
 			} catch {}
 		}
 		i.currentTime = 0, i.duration = 0, i.paused = !0, i.ready = !1, i.errorKind = "generic";
-		let o = await Mt(n);
+		let o = await Ht(n);
 		i.errorKind = o, a && e.onAssetError?.({
 			item: a,
 			occurrenceKey: t,
@@ -1274,137 +1406,152 @@ function It(e) {
 			surface: "fullscreen"
 		});
 	}
-	function D(e, t, n) {
-		e.button !== 0 || Date.now() < n || K(o.get(t) ?? null);
-	}
 	function O(e, t, n) {
-		e.button !== 0 || Date.now() < n || K(W(t));
+		e.button !== 0 || Date.now() < n || ee(s.get(t) ?? null);
+	}
+	function k(e, t, n) {
+		e.button !== 0 || Date.now() < n || ee(J(t));
 	}
-	function k(e) {
-		let t = G(), n = u.value;
+	function A(e) {
+		let t = Y(), 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 = Lt(r, 0, p.value || 0);
-		U(n, i, t), t.currentTime = i;
-	}
-	function A(e) {
-		return !!t.value[e] && !n.value[e];
+		let i = qt(r, 0, m.value || 0);
+		K(n, i, t), t.currentTime = i;
 	}
 	function j(e) {
-		return (r.value[e]?.ready ?? !1) && !r.value[e]?.errorKind;
+		let t = Y(), n = d.value;
+		if (!t || !n || !(e.target instanceof HTMLInputElement)) return;
+		let r = qt(Number.parseFloat(e.target.value), 0, 1);
+		t.volume = r, t.muted = r <= 0, r > 0 && (o.value[n] = r), G(n, t);
 	}
-	function M(e) {
-		return e.url;
+	function M() {
+		let e = Y(), t = d.value;
+		!e || !t || (e.muted || e.volume <= 0 ? (e.volume = q(t), e.muted = !1, o.value[t] = e.volume) : (o.value[t] = e.volume, e.muted = !0), G(t, e));
 	}
 	function N(e) {
-		return n.value[e] ?? r.value[e]?.errorKind ?? null;
+		return !!t.value[e] && !n.value[e];
 	}
 	function P(e) {
-		let t = N(e);
-		return t ? At(t) : null;
+		return (r.value[e]?.ready ?? !1) && !r.value[e]?.errorKind;
 	}
 	function I(e) {
-		return jt(N(e));
+		return e.url;
 	}
 	function L(e) {
+		return n.value[e] ?? r.value[e]?.errorKind ?? null;
+	}
+	function R(e) {
+		let t = L(e);
+		return t ? Bt(t) : null;
+	}
+	function z(e) {
+		return Vt(L(e));
+	}
+	function B(e) {
 		return `${e}:${a.value[e] ?? 0}`;
 	}
-	async function R(e) {
-		if (!I(e)) return;
+	async function V(e) {
+		if (!z(e)) return;
 		t.value[e] = !1, n.value[e] = null;
-		let r = V(e);
+		let r = W(e);
 		r.currentTime = 0, r.duration = 0, r.paused = !0, r.ready = !1, r.errorKind = null;
-		let i = W(e);
-		i && z(i, e), c.forEach((t) => {
-			t.startsWith(`${e}|`) && c.delete(t);
-		}), a.value[e] = (a.value[e] ?? 0) + 1, await g(), await x();
+		let i = J(e);
+		i && H(i, e), l.forEach((t) => {
+			t.startsWith(`${e}|`) && l.delete(t);
+		}), a.value[e] = (a.value[e] ?? 0) + 1, await g(), await S();
 	}
-	function z(e, t) {
+	function H(e, t) {
 		e.pause();
 		try {
 			e.currentTime = 0;
 		} catch {}
-		H(t, e);
+		G(t, e);
 	}
-	function B() {
-		for (let [e, t] of o.entries()) z(t, e);
-		for (let [e, t] of s.entries()) z(t, e);
+	function U() {
+		for (let [e, t] of s.entries()) H(t, e);
+		for (let [e, t] of c.entries()) H(t, e);
 	}
-	function V(e) {
-		return r.value[e] || (r.value[e] = Tt()), r.value[e];
+	function W(e) {
+		return r.value[e] || (r.value[e] = Ft()), r.value[e];
 	}
-	function H(e, t, n) {
-		Dt(V(e), t, n);
+	function G(e, t, n) {
+		Lt(W(e), t, n), !t.muted && t.volume > 0 && (o.value[e] = t.volume);
 	}
-	function U(e, t, n) {
-		let r = V(e);
-		r.currentTime = t, r.duration = Number.isFinite(n.duration) ? n.duration : r.duration, r.paused = n.paused;
+	function K(e, t, n) {
+		let r = W(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 W(e) {
-		return o.get(e) ?? s.get(e) ?? null;
+	function q(e) {
+		return qt(o.value[e] ?? 1, 0, 1);
 	}
-	function G() {
-		return u.value ? W(u.value) : null;
+	function J(e) {
+		return s.get(e) ?? c.get(e) ?? null;
 	}
-	function K(e) {
+	function Y() {
+		return d.value ? J(d.value) : null;
+	}
+	function ee(e) {
 		if (e) {
 			if (e.paused) {
-				Ft(e);
+				Gt(e);
 				return;
 			}
 			e.pause();
 		}
 	}
-	function q(t, n) {
-		let r = J(t) ?? e.activeMediaItem.value ?? e.activeItem.value;
+	function X(t, n) {
+		let r = te(t) ?? e.activeMediaItem.value ?? e.activeItem.value;
 		if (!r || !n) return;
 		let i = `${t}|${n}`;
-		c.has(i) || (c.add(i), e.onAssetLoad?.({
+		l.has(i) || (l.add(i), e.onAssetLoad?.({
 			item: r,
 			occurrenceKey: t,
 			surface: "fullscreen",
 			url: n
 		}));
 	}
-	function J(e) {
-		return d.value.get(e) ?? null;
+	function te(e) {
+		return f.value.get(e) ?? null;
 	}
-	function Y(e) {
-		return J(e)?.url ?? null;
+	function ne(e) {
+		return te(e)?.url ?? null;
 	}
 	return {
-		activeAssetErrorKind: h,
-		activeMediaDuration: p,
-		activeMediaProgress: m,
-		activeMediaState: f,
-		getAssetErrorKind: N,
-		getAssetErrorLabel: P,
-		getAssetRenderKey: L,
-		getImageSource: M,
-		isImageReady: A,
-		isMediaReady: j,
-		canRetryAsset: I,
+		activeAssetErrorKind: _,
+		activeMediaDuration: m,
+		activeMediaProgress: h,
+		activeMediaState: p,
+		getAssetErrorKind: L,
+		getAssetErrorLabel: R,
+		getAssetRenderKey: B,
+		getImageSource: I,
+		isImageReady: N,
+		isMediaReady: P,
+		canRetryAsset: z,
 		mediaStates: r,
-		onAudioCoverClick: O,
-		onImageError: w,
-		onImageLoad: C,
-		onMediaError: E,
-		onMediaEvent: S,
-		onMediaSeekInput: k,
-		onVideoClick: D,
-		registerAudioElement: v,
-		registerImageElement: y,
-		registerVideoElement: _,
-		resetMediaState: b,
-		retryAsset: R,
-		syncMediaPlayback: x
+		onAudioCoverClick: k,
+		onImageError: E,
+		onImageLoad: w,
+		onMediaError: D,
+		onMediaEvent: C,
+		onMediaSeekInput: A,
+		onMediaVolumeInput: j,
+		onMediaVolumeToggle: M,
+		onVideoClick: O,
+		registerAudioElement: y,
+		registerImageElement: b,
+		registerVideoElement: v,
+		resetMediaState: x,
+		retryAsset: V,
+		syncMediaPlayback: S
 	};
 }
-function Lt(e, t, n) {
+function qt(e, t, n) {
 	return Math.min(Math.max(e, t), n);
 }
-function Rt(e, t, n = 2) {
+function Jt(e, t, n = 2) {
 	return t <= 0 ? {
 		start: 0,
 		end: -1
@@ -1413,14 +1560,14 @@ function Rt(e, t, n = 2) {
 		end: Math.min(t - 1, e + n)
 	};
 }
-function zt(e, t, n = 2) {
-	let r = Rt(t, e.length, n);
+function Yt(e, t, n = 2) {
+	let r = Jt(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 Bt(e, t, n, r, i) {
+function Xt(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)"
@@ -1428,174 +1575,232 @@ function Bt(e, t, n, r, i) {
 }
 //#endregion
 //#region src/components/viewer-core/useViewer.ts
-function Vt(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.paginationDetail ?? null), u = i(() => xt({
+function Zt(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(() => jt({
 		itemCount: r.value.length,
 		loading: s.value,
 		phase: e.phase
-	})), d = i(() => !1), f = T(null), p = T(0), m = T(!1), h = T(1), g = n.enabled ?? i(() => !0), _ = null, v = 0, y = 0, b = 0, x = i(() => r.value.length === 0 ? 0 : N(a.value, 0, r.value.length - 1)), S = i(() => r.value[x.value] ?? null), C = i(() => S.value?.type === "audio" || S.value?.type === "video" ? S.value : null), w = It({
+	})), f = i(() => !1), p = T(null), m = T(0), h = T(!1), g = T(1), _ = n.enabled ?? i(() => !0), v = null, y = 0, b = 0, x = 0, S = i(() => 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), E = Kt({
 		items: r,
-		activeItem: S,
-		activeMediaItem: C,
-		isEnabled: g,
+		activeItem: C,
+		activeMediaItem: w,
+		isEnabled: _,
 		itemCount: i(() => r.value.length),
+		loopFullscreenVideo: l,
 		onAssetError: n.onAssetError,
 		onAssetLoad: n.onAssetLoad
-	}), E = i(() => r.value.length > 0 && x.value === r.value.length - 1), D = i(() => St({
+	}), D = i(() => r.value.length > 0 && S.value === r.value.length - 1), O = i(() => Mt({
 		errorMessage: o.value,
 		hasItems: r.value.length > 0,
 		hasNextPage: c.value,
-		phase: u.value,
+		phase: d.value,
 		surface: "fullscreen"
-	})), O = i(() => D.value?.kind ?? null), k = i(() => D.value?.message ?? null), A = i(() => Math.min(96, h.value * .15 || 96)), j = i(() => Rt(x.value, r.value.length)), M = i(() => zt(r.value, x.value));
-	Ct({
-		enabled: g,
+	})), k = i(() => O.value?.kind ?? null), A = i(() => O.value?.message ?? null), j = i(() => Math.min(96, g.value * .15 || 96)), M = i(() => Jt(S.value, r.value.length)), N = i(() => Yt(r.value, S.value));
+	Nt({
+		enabled: _,
 		onDisable() {
-			U(), w.resetMediaState();
+			W(), E.resetMediaState();
 		},
 		onEnable() {
-			return w.syncMediaPlayback();
+			return E.syncMediaPlayback();
 		},
-		onKeydown: G,
-		onResize: P
+		onKeydown: K,
+		onResize: F
 	});
-	function N(e, t, n) {
+	function P(e, t, n) {
 		return Math.min(Math.max(e, t), n);
 	}
-	function P() {
-		h.value = f.value?.clientHeight || window.innerHeight || 1;
-	}
-	function F(e) {
-		return r.value.length === 0 ? !1 : N(x.value + e, 0, r.value.length - 1) !== x.value;
+	function F() {
+		g.value = p.value?.clientHeight || window.innerHeight || 1;
 	}
 	function I(e) {
-		if (r.value.length === 0) return;
-		let n = N(x.value + e, 0, r.value.length - 1);
-		n !== x.value && t("update:activeIndex", n);
+		return r.value.length === 0 ? !1 : P(S.value + e, 0, r.value.length - 1) !== S.value;
 	}
 	function L(e) {
-		let t = e > 0, n = e < 0;
-		return t && !F(-1) || n && !F(1) ? e * .24 : e;
+		if (r.value.length === 0) return;
+		let n = P(S.value + e, 0, r.value.length - 1);
+		n !== S.value && t("update:activeIndex", n);
 	}
 	function R(e) {
-		!g.value || r.value.length === 0 || e.pointerType === "mouse" || de(e.target) || (_ = e.pointerId, v = e.clientY, p.value = 0, m.value = !0, f.value?.setPointerCapture?.(e.pointerId));
+		let t = e > 0, n = e < 0;
+		return t && !I(-1) || n && !I(1) ? e * .24 : e;
 	}
 	function z(e) {
-		!g.value || !m.value || _ !== e.pointerId || (p.value = L(e.clientY - v));
+		!_.value || r.value.length === 0 || e.pointerType === "mouse" || fe(e.target) || (v = e.pointerId, y = e.clientY, m.value = 0, h.value = !0, p.value?.setPointerCapture?.(e.pointerId));
 	}
 	function B(e) {
-		!g.value || _ !== e.pointerId || (f.value?.releasePointerCapture?.(e.pointerId), H());
+		!_.value || !h.value || v !== e.pointerId || (m.value = R(e.clientY - y));
 	}
 	function V(e) {
-		!g.value || _ !== e.pointerId || (f.value?.releasePointerCapture?.(e.pointerId), U());
+		!_.value || v !== e.pointerId || (p.value?.releasePointerCapture?.(e.pointerId), U());
 	}
-	function H() {
-		Math.abs(p.value) >= A.value && (b = Date.now() + 250, I(p.value < 0 ? 1 : -1)), U();
+	function H(e) {
+		!_.value || v !== e.pointerId || (p.value?.releasePointerCapture?.(e.pointerId), W());
 	}
 	function U() {
-		p.value = 0, m.value = !1, _ = null;
+		Math.abs(m.value) >= j.value && (x = Date.now() + 250, L(m.value < 0 ? 1 : -1)), W();
 	}
-	function W(e) {
-		if (!g.value || r.value.length === 0 || m.value || de(e.target) || Math.abs(e.deltaY) < Math.max(Math.abs(e.deltaX), 24)) return;
-		e.preventDefault();
-		let t = Date.now();
-		t < y || (y = t + 400, I(e.deltaY > 0 ? 1 : -1));
+	function W() {
+		m.value = 0, h.value = !1, v = null;
 	}
 	function G(e) {
-		!g.value || r.value.length === 0 || ue(e.target) || ((e.key === "ArrowDown" || e.key === "PageDown") && (e.preventDefault(), I(1)), (e.key === "ArrowUp" || e.key === "PageUp") && (e.preventDefault(), I(-1)));
+		if (!_.value || r.value.length === 0 || h.value || fe(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 K(e, t) {
-		w.onVideoClick(e, t, b);
+	function K(e) {
+		!_.value || r.value.length === 0 || Q(e.target) || ((e.key === "ArrowDown" || e.key === "PageDown") && (e.preventDefault(), L(1)), (e.key === "ArrowUp" || e.key === "PageUp") && (e.preventDefault(), L(-1)));
 	}
 	function q(e, t) {
-		w.onAudioCoverClick(e, t, b);
+		E.onVideoClick(e, t, x);
 	}
-	function J(e) {
-		w.onMediaSeekInput(e);
+	function J(e, t) {
+		E.onAudioCoverClick(e, t, x);
 	}
 	function Y(e) {
-		return e.type === "image" || e.type === "video";
+		E.onMediaSeekInput(e);
 	}
 	function ee(e) {
-		return e.type === "audio";
+		E.onMediaVolumeInput(e);
+	}
+	function X() {
+		E.onMediaVolumeToggle();
 	}
 	function te(e) {
-		return Bt(e, x.value, h.value, p.value, m.value);
+		return e.type === "image" || e.type === "video";
+	}
+	function ne(e) {
+		return e.type === "audio";
+	}
+	function re(e) {
+		return Xt(e, S.value, g.value, m.value, h.value);
 	}
 	return {
-		activeItem: S,
-		activeAssetErrorKind: w.activeAssetErrorKind,
-		activeMediaDuration: w.activeMediaDuration,
-		activeMediaItem: C,
-		activeMediaProgress: w.activeMediaProgress,
-		activeMediaState: w.activeMediaState,
-		canRetryAsset: w.canRetryAsset,
-		canRetryInitialLoad: d,
+		activeItem: C,
+		activeAssetErrorKind: E.activeAssetErrorKind,
+		activeMediaDuration: E.activeMediaDuration,
+		activeMediaItem: w,
+		activeMediaProgress: E.activeMediaProgress,
+		activeMediaState: E.activeMediaState,
+		canRetryAsset: E.canRetryAsset,
+		canRetryInitialLoad: f,
 		errorMessage: o,
-		getAssetErrorKind: w.getAssetErrorKind,
-		getAssetErrorLabel: w.getAssetErrorLabel,
-		getAssetRenderKey: w.getAssetRenderKey,
-		formatPlaybackTime: bt,
-		getImageSource: w.getImageSource,
-		getSlideStyle: te,
+		getAssetErrorKind: E.getAssetErrorKind,
+		getAssetErrorLabel: E.getAssetErrorLabel,
+		getAssetRenderKey: E.getAssetRenderKey,
+		formatPlaybackTime: At,
+		getImageSource: E.getImageSource,
+		getSlideStyle: re,
 		hasNextPage: c,
-		isAtEnd: E,
-		isAudio: ee,
-		isVisual: Y,
+		isAtEnd: D,
+		isAudio: ne,
+		isVisual: te,
 		items: r,
 		loading: s,
-		mediaStates: w.mediaStates,
-		isImageReady: w.isImageReady,
-		isMediaReady: w.isMediaReady,
-		onAudioCoverClick: q,
-		onImageError: w.onImageError,
-		onImageLoad: w.onImageLoad,
-		onMediaEvent: w.onMediaEvent,
-		onMediaError: w.onMediaError,
-		onMediaSeekInput: J,
-		onPointerCancel: V,
-		onPointerDown: R,
-		onPointerMove: z,
-		onPointerUp: B,
-		onVideoClick: K,
-		onWheel: W,
-		registerAudioElement: w.registerAudioElement,
-		registerImageElement: w.registerImageElement,
-		registerVideoElement: w.registerVideoElement,
-		renderedItems: M,
-		renderedRange: j,
-		resolvedActiveIndex: x,
+		mediaStates: E.mediaStates,
+		isImageReady: E.isImageReady,
+		isMediaReady: E.isMediaReady,
+		onAudioCoverClick: J,
+		onImageError: E.onImageError,
+		onImageLoad: E.onImageLoad,
+		onMediaEvent: E.onMediaEvent,
+		onMediaError: E.onMediaError,
+		onMediaSeekInput: Y,
+		onMediaVolumeInput: ee,
+		onMediaVolumeToggle: X,
+		onPointerCancel: H,
+		onPointerDown: z,
+		onPointerMove: B,
+		onPointerUp: V,
+		onVideoClick: q,
+		onWheel: G,
+		registerAudioElement: E.registerAudioElement,
+		registerImageElement: E.registerImageElement,
+		registerVideoElement: E.registerVideoElement,
+		renderedItems: N,
+		renderedRange: M,
+		resolvedActiveIndex: S,
 		retryInitialLoad: async () => {},
-		retryAsset: w.retryAsset,
-		stageRef: f,
-		statusKind: O,
-		statusMessage: k,
-		paginationDetail: l,
-		phase: u
+		retryAsset: E.retryAsset,
+		stageRef: p,
+		statusKind: k,
+		statusMessage: A,
+		paginationDetail: u,
+		phase: d
 	};
 }
 //#endregion
 //#region src/components/viewer-core/theme.ts
-var Ht = {
-	image: "bg-[radial-gradient(circle_at_top_center,rgba(251,191,36,0.4)_0,transparent_42%),linear-gradient(180deg,#120d08,#050507)]",
-	video: "bg-[radial-gradient(circle_at_top_center,rgba(56,189,248,0.38)_0,transparent_42%),linear-gradient(180deg,#07111c,#050608)]",
-	audio: "bg-[radial-gradient(circle_at_top_center,rgba(16,185,129,0.32)_0,transparent_42%),linear-gradient(180deg,#06120f,#040506)]",
-	other: "bg-[radial-gradient(circle_at_top_center,rgba(148,163,184,0.28)_0,transparent_42%),linear-gradient(180deg,#0d0c10,#040506)]"
-}, Ut = {
-	image: "bg-[radial-gradient(circle_at_center,rgba(251,191,36,0.4)_0,transparent_42%),linear-gradient(180deg,#120d08,#050507)]",
-	video: "bg-[radial-gradient(circle_at_center,rgba(56,189,248,0.38)_0,transparent_42%),linear-gradient(180deg,#07111c,#050608)]",
-	audio: "bg-[radial-gradient(circle_at_center,rgba(16,185,129,0.32)_0,transparent_42%),linear-gradient(180deg,#06120f,#040506)]",
-	other: "bg-[radial-gradient(circle_at_center,rgba(148,163,184,0.28)_0,transparent_42%),linear-gradient(180deg,#0d0c10,#040506)]"
+var Qt = "bg-[linear-gradient(180deg,#0a0b10,#05060a)]", $t = "bg-[linear-gradient(180deg,#0b0c11,#06070b)]", en = {
+	image: !0,
+	video: !0,
+	audio: !0,
+	other: !0
 };
-function Wt(e) {
-	return Ht[e];
+function tn(e) {
+	return en[e], Qt;
 }
-function Gt(e) {
-	return Ut[e];
+function nn(e) {
+	return en[e], $t;
+}
+//#endregion
+//#region src/components/viewer-core/dominantImageTone.ts
+function rn(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;
+	t.width = 24, t.height = 24;
+	try {
+		n.drawImage(e, 0, 0, 24, 24);
+		let { data: t } = n.getImageData(0, 0, 24, 24), r = 0, i = 0, a = 0, o = 0;
+		for (let e = 0; e < t.length; e += 4) {
+			let n = t[e + 3] / 255;
+			if (n <= .05) continue;
+			let s = t[e], c = t[e + 1], l = t[e + 2], u = Math.max(s, c, l), d = n * (.65 + (u === 0 ? 0 : (u - Math.min(s, c, l)) / u) * .7);
+			r += d, i += s * d, a += c * d, o += l * d;
+		}
+		return r <= 0 ? null : {
+			r: an(Math.round(i / r)),
+			g: an(Math.round(a / r)),
+			b: an(Math.round(o / r))
+		};
+	} catch {
+		return null;
+	}
+}
+function an(e) {
+	return Math.min(235, Math.max(26, e));
+}
+//#endregion
+//#region src/components/viewer-core/useFullscreenDominantTone.ts
+function on(e) {
+	let t = T({}), 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;
+		return { background: `radial-gradient(circle at top center, rgba(${e},${t},${n},0.34) 0%, transparent 44%), linear-gradient(180deg,#0a0b10,#05060a)` };
+	}), o = i(() => {
+		if (!r.value) return;
+		let { r: e, g: t, b: n } = r.value;
+		return { background: `radial-gradient(circle at center, rgba(${e},${t},${n},0.42) 0%, transparent 44%), linear-gradient(180deg,#0b0c11,#06070b)` };
+	});
+	F(() => e.showDominantImageTone.value, (e) => {
+		e || (t.value = {});
+	});
+	function s(n, r) {
+		if (!e.showDominantImageTone.value) return;
+		let i = rn(r);
+		i && (t.value[n] = i);
+	}
+	return {
+		activeStageToneStyle: a,
+		activeSlideToneStyle: o,
+		updateFromImageElement: s
+	};
 }
 //#endregion
 //#region src/components/SurfaceEmptyState.vue?vue&type=script&setup=true&lang.ts
-var Kt = ["data-surface"], qt = ["data-surface"], Jt = /* @__PURE__ */ d({
+var sn = ["data-surface"], cn = ["data-surface"], ln = /* @__PURE__ */ d({
 	inheritAttrs: !1,
 	__name: "SurfaceEmptyState",
 	props: {
@@ -1609,31 +1814,32 @@ var Kt = ["data-surface"], qt = ["data-surface"], Jt = /* @__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)]"]
-		}), [D(n.$slots, "default", {}, () => [c("p", { class: _(["m-0 text-[0.82rem] font-medium tracking-[0.08em]", e.surface === "grid" ? "text-[#f7f1ea]/58" : "text-[#f7f1ea]/64"]) }, k(e.message), 3)])], 16, Kt)) : (S(), s("div", h({ key: 1 }, j(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]"] }), [D(n.$slots, "default", {}, () => [c("span", {
+		}), [D(n.$slots, "default", {}, () => [c("p", { class: _(["m-0 text-[0.82rem] font-medium tracking-[0.08em]", e.surface === "grid" ? "text-[#f7f1ea]/58" : "text-[#f7f1ea]/64"]) }, k(e.message), 3)])], 16, sn)) : (S(), s("div", h({ key: 1 }, j(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]"] }), [D(n.$slots, "default", {}, () => [c("span", {
 			"data-testid": "vibe-empty-state-badge",
 			"data-surface": e.surface,
 			class: _(["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"])
-		}, k(e.message), 11, qt)])], 16));
+		}, k(e.message), 11, cn)])], 16));
 	}
-}), Yt = { class: "relative h-full min-h-0 overflow-hidden bg-[#05060a] text-[#f7f1ea]" }, Xt = {
+}), un = { class: "relative h-full min-h-0 overflow-hidden bg-[#05060a] text-[#f7f1ea]" }, dn = {
 	key: 0,
 	class: "relative h-full min-h-0"
-}, Zt = [
+}, fn = [
 	"data-item-id",
 	"data-occurrence-key",
 	"data-index",
 	"data-active",
 	"aria-hidden"
-], Qt = {
+], pn = {
 	key: 0,
 	"data-testid": "vibe-asset-spinner",
 	class: "pointer-events-none absolute inset-0 z-[2] grid place-items-center"
-}, $t = { class: "inline-flex h-12 w-12 items-center justify-center rounded-full bg-black/45 shadow-[0_18px_40px_-18px_rgba(0,0,0,0.85)] backdrop-blur-[18px]" }, en = ["data-kind"], tn = { class: "grid justify-items-center gap-4 border border-white/14 bg-black/45 px-8 py-7 text-center backdrop-blur-[18px]" }, nn = { class: "m-0 text-[0.82rem] font-bold uppercase tracking-[0.28em] text-[#f7f1ea]/70" }, rn = ["onClick"], an = [
+}, mn = { 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]" }, hn = ["data-kind"], gn = { class: "grid justify-items-center gap-4 border border-white/14 bg-black/45 px-8 py-7 text-center backdrop-blur-[18px]" }, _n = { class: "m-0 text-[0.82rem] font-bold uppercase tracking-[0.28em] text-[#f7f1ea]/70" }, vn = ["onClick"], yn = [
 	"src",
 	"alt",
 	"onLoad",
 	"onError"
-], on = [
+], bn = [
+	"loop",
 	"src",
 	"preload",
 	"onClick",
@@ -1650,15 +1856,15 @@ var Kt = ["data-surface"], qt = ["data-surface"], Jt = /* @__PURE__ */ d({
 	"onStalled",
 	"onTimeupdate",
 	"onWaiting"
-], sn = { class: "relative grid aspect-square w-[clamp(320px,46vw,560px)] max-w-[calc(100vw-2.5rem)] place-items-center" }, cn = [
+], xn = { class: "relative grid aspect-square w-[clamp(320px,46vw,560px)] max-w-[calc(100vw-2.5rem)] place-items-center" }, Sn = [
 	"aria-label",
 	"disabled",
 	"onClick"
-], ln = { 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]" }, un = { 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]" }, dn = {
+], Cn = { 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]" }, wn = { class: "pointer-events-none absolute bottom-4 right-4 inline-flex h-10 w-10 items-center justify-center border border-white/14 bg-black/50 backdrop-blur-[18px]" }, Tn = {
 	key: 0,
 	"data-testid": "vibe-asset-spinner",
 	class: "pointer-events-none absolute inset-0 z-[3] grid place-items-center"
-}, fn = { 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]" }, pn = ["data-kind"], mn = { class: "m-0 text-[0.82rem] font-bold uppercase tracking-[0.28em] text-[#f7f1ea]/70" }, hn = ["onClick"], gn = [
+}, En = { 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]" }, Dn = ["data-kind"], On = { class: "m-0 text-[0.82rem] font-bold uppercase tracking-[0.28em] text-[#f7f1ea]/70" }, kn = ["onClick"], An = [
 	"src",
 	"preload",
 	"onCanplay",
@@ -1674,25 +1880,25 @@ var Kt = ["data-surface"], qt = ["data-surface"], Jt = /* @__PURE__ */ d({
 	"onStalled",
 	"onTimeupdate",
 	"onWaiting"
-], _n = {
+], jn = {
 	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"
-}, vn = { 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]" }, yn = {
+}, Mn = { 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]" }, Nn = {
 	key: 0,
 	class: "pointer-events-none absolute inset-0 z-[4]"
-}, bn = { class: "h-full w-full" }, xn = {
+}, Pn = { class: "h-full w-full" }, Fn = {
 	key: 1,
 	"data-testid": "vibe-forward-fill-placeholder",
 	class: "grid h-full min-h-0 place-items-center px-6 text-center"
-}, Sn = { class: "grid justify-items-center gap-4 border border-white/14 bg-black/40 px-8 py-7 backdrop-blur-[18px]" }, Cn = { class: "inline-flex h-12 w-12 items-center justify-center rounded-full bg-black/45 shadow-[0_18px_40px_-18px_rgba(0,0,0,0.85)]" }, wn = { class: "m-0 text-[0.78rem] font-bold uppercase tracking-[0.24em] text-[#f7f1ea]/72" }, Tn = {
+}, In = { class: "grid justify-items-center gap-4 border border-white/14 bg-black/40 px-8 py-7 backdrop-blur-[18px]" }, Ln = { 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)]" }, Rn = { class: "m-0 text-[0.78rem] font-bold uppercase tracking-[0.24em] text-[#f7f1ea]/72" }, zn = {
 	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]"
-}, En = { class: "h-full min-h-0 overflow-y-auto overscroll-y-contain" }, Dn = {
+}, Bn = { class: "h-full min-h-0 overflow-y-auto overscroll-y-contain" }, Vn = {
 	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]"
-}, On = { class: "h-full min-h-0 overflow-y-auto overscroll-y-contain" }, kn = 1280, An = /* @__PURE__ */ d({
+}, Hn = { class: "h-full min-h-0 overflow-y-auto overscroll-y-contain" }, Un = 1280, Wn = 768, Gn = /* @__PURE__ */ d({
 	__name: "FullscreenSurface",
 	props: {
 		active: {
@@ -1711,6 +1917,10 @@ var Kt = ["data-surface"], qt = ["data-surface"], Jt = /* @__PURE__ */ d({
 			type: Boolean,
 			default: !1
 		},
+		loopFullscreenVideo: {
+			type: Boolean,
+			default: !0
+		},
 		paginationDetail: { default: null },
 		phase: { default: null },
 		reportAssetError: {
@@ -1721,6 +1931,10 @@ var Kt = ["data-surface"], qt = ["data-surface"], Jt = /* @__PURE__ */ d({
 			type: [Function, null],
 			default: null
 		},
+		showDominantImageTone: {
+			type: Boolean,
+			default: !0
+		},
 		showBackToList: {
 			type: Boolean,
 			default: !1
@@ -1736,17 +1950,22 @@ var Kt = ["data-surface"], qt = ["data-surface"], Jt = /* @__PURE__ */ d({
 	},
 	emits: ["back-to-list", "update:activeIndex"],
 	setup(e, { emit: n }) {
-		let d = e, p = N(), m = n, g = Vt(d, (e, t) => {
+		let d = e, p = N(), m = n, g = Zt(d, (e, t) => {
 			m("update:activeIndex", t);
 		}, {
 			enabled: A(d, "active"),
 			onAssetError: d.reportAssetError ?? void 0,
 			onAssetLoad: d.reportAssetLoad ?? void 0
-		}), C = T(typeof window > "u" ? kn : window.innerWidth || kn), w = ht({
+		}), C = T(typeof window > "u" ? Un : window.innerWidth || Un), w = Tt({
 			active: A(d, "active"),
 			resolvedActiveIndex: g.resolvedActiveIndex,
 			viewer: g
-		}), M = i(() => Wt(g.activeItem.value?.type ?? "image")), P = i(() => g.activeMediaItem.value && !g.activeAssetErrorKind.value ? "bottom-[5.8rem] max-[720px]:bottom-[7.4rem]" : "bottom-[1.8rem] max-[720px]:bottom-[1.3rem]"), F = i(() => !!g.activeMediaItem.value && !g.activeAssetErrorKind.value), I = i(() => F.value ? "pb-[5.75rem] max-[720px]:pb-[7rem]" : ""), R = i(() => d.activeIndex >= d.items.length && (d.loading || d.hasNextPage)), B = i(() => d.hasNextPage ? "Loading more items" : g.statusMessage.value ?? "Loading more items"), V = i(() => {
+		}), M = i(() => tn(g.activeItem.value?.type ?? "image")), { activeSlideToneStyle: P, activeStageToneStyle: F, updateFromImageElement: I } = on({
+			activeItem: g.activeItem,
+			getItemKey: w.getItemKey,
+			isImageReady: g.isImageReady,
+			showDominantImageTone: A(d, "showDominantImageTone")
+		}), R = i(() => g.activeMediaItem.value && !g.activeAssetErrorKind.value ? "bottom-[5.8rem] max-[720px]:bottom-[7.4rem]" : "bottom-[1.8rem] max-[720px]:bottom-[1.3rem]"), B = i(() => !!g.activeMediaItem.value && !g.activeAssetErrorKind.value), V = i(() => C.value < Wn ? "vertical" : "horizontal"), H = i(() => B.value ? "pb-[5.75rem] max-[720px]:pb-[7rem]" : ""), U = i(() => d.activeIndex >= d.items.length && (d.loading || d.hasNextPage)), W = i(() => d.hasNextPage ? "Loading more items" : g.statusMessage.value ?? "Loading more items"), G = i(() => {
 			let e = g.activeItem.value;
 			return e ? {
 				hasNextPage: d.hasNextPage,
@@ -1756,14 +1975,14 @@ var Kt = ["data-surface"], qt = ["data-surface"], Jt = /* @__PURE__ */ d({
 				paginationDetail: d.paginationDetail,
 				total: d.items.length
 			} : null;
-		}), H = i(() => !V.value || !p["fullscreen-header-actions"] ? [] : p["fullscreen-header-actions"](V.value)), U = i(() => !V.value || !p["fullscreen-aside"] ? [] : p["fullscreen-aside"](V.value)), W = i(() => !d.showStatusBadges || !V.value || !g.statusKind.value || !g.statusMessage.value ? null : {
-			...V.value,
+		}), K = i(() => !G.value || !p["fullscreen-header-actions"] ? [] : p["fullscreen-header-actions"](G.value)), q = i(() => !G.value || !p["fullscreen-aside"] ? [] : p["fullscreen-aside"](G.value)), J = i(() => !d.showStatusBadges || !G.value || !g.statusKind.value || !g.statusMessage.value ? null : {
+			...G.value,
 			kind: g.statusKind.value,
 			message: g.statusMessage.value
-		}), G = i(() => !W.value || !p["fullscreen-status"] ? [] : p["fullscreen-status"](W.value)), K = i(() => ({
-			gridTemplateColumns: Y.value ? "minmax(0, 1fr) 22rem" : "minmax(0, 1fr) 0rem",
+		}), Y = i(() => !J.value || !p["fullscreen-status"] ? [] : p["fullscreen-status"](J.value)), ee = i(() => ({
+			gridTemplateColumns: ne.value ? "minmax(0, 1fr) 22rem" : "minmax(0, 1fr) 0rem",
 			transition: "grid-template-columns 320ms cubic-bezier(0.22, 1, 0.36, 1)"
-		})), q = i(() => gt(H.value)), J = i(() => gt(U.value)), Y = i(() => J.value && C.value >= kn), ee = i(() => J.value && !Y.value), te = i(() => gt(G.value)), { emptyStateProps: X, showBadgeEmptyState: ne, showCustomEmptyState: se, showInlineEmptyState: ce } = yt({
+		})), X = i(() => Et(K.value)), te = i(() => Et(q.value)), ne = i(() => te.value && C.value >= Un), se = i(() => te.value && !ne.value), ce = i(() => Et(Y.value)), { emptyStateProps: Z, showBadgeEmptyState: le, showCustomEmptyState: ue, showInlineEmptyState: de } = kt({
 			emptyStateMode: A(d, "emptyStateMode"),
 			itemCount: i(() => d.items.length),
 			loading: A(d, "loading"),
@@ -1771,18 +1990,32 @@ var Kt = ["data-surface"], qt = ["data-surface"], Jt = /* @__PURE__ */ d({
 			surface: "fullscreen"
 		});
 		x(() => {
-			window.addEventListener("resize", le);
+			window.addEventListener("resize", Q);
 		}), b(() => {
-			window.removeEventListener("resize", le);
+			window.removeEventListener("resize", Q);
 		});
-		function le() {
-			C.value = window.innerWidth || kn;
+		function Q() {
+			C.value = window.innerWidth || Un;
+		}
+		function fe(e, t, n) {
+			g.onImageLoad(t, n);
+			let r = e.currentTarget;
+			r instanceof HTMLImageElement && me(t, r);
+		}
+		function pe(e, t) {
+			g.registerImageElement(e, t), t instanceof HTMLImageElement && me(e, t);
 		}
-		return (e, n) => (S(), s("div", Yt, [
-			c("div", { class: _(["absolute inset-0 transition-[background] duration-200", M.value]) }, null, 2),
+		function me(e, t) {
+			I(e, t);
+		}
+		return (e, n) => (S(), s("div", un, [
+			c("div", {
+				class: _(["absolute inset-0 transition-[background] duration-200", M.value]),
+				style: y(j(F))
+			}, null, 6),
 			c("div", {
 				class: "relative z-[1] grid h-full min-h-0",
-				style: y(K.value)
+				style: y(ee.value)
 			}, [c("div", {
 				ref: "viewer.stageRef",
 				"data-testid": "vibe-stage",
@@ -1792,7 +2025,7 @@ var Kt = ["data-surface"], qt = ["data-surface"], Jt = /* @__PURE__ */ d({
 				onPointerup: n[3] ||= (...e) => j(g).onPointerUp && j(g).onPointerUp(...e),
 				onPointercancel: n[4] ||= (...e) => j(g).onPointerCancel && j(g).onPointerCancel(...e),
 				onWheel: n[5] ||= (...e) => j(g).onWheel && j(g).onWheel(...e)
-			}, [j(g).activeItem.value ? (S(), s("div", Xt, [
+			}, [j(g).activeItem.value ? (S(), s("div", dn, [
 				(S(!0), s(t, null, E(j(g).renderedItems.value, ({ item: r, index: i }) => (S(), s("article", {
 					key: j(w).getItemKey(r),
 					"data-testid": "vibe-slide",
@@ -1803,10 +2036,13 @@ var Kt = ["data-surface"], qt = ["data-surface"], Jt = /* @__PURE__ */ d({
 					"aria-hidden": i === j(g).resolvedActiveIndex.value ? "false" : "true",
 					class: _(["absolute inset-0 flex h-full min-h-full items-center justify-center will-change-transform", i === j(g).resolvedActiveIndex.value ? "pointer-events-auto" : "pointer-events-none"]),
 					style: y(j(g).getSlideStyle(i))
-				}, [c("div", { class: _(["absolute inset-0 opacity-85", j(Gt)(r.type)]) }, null, 2), j(g).isVisual(r) ? (S(), s("div", {
+				}, [c("div", {
+					class: _(["absolute inset-0 opacity-85", j(nn)(r.type)]),
+					style: y(i === j(g).resolvedActiveIndex.value && r.type === "image" ? j(P) : void 0)
+				}, null, 6), j(g).isVisual(r) ? (S(), s("div", {
 					key: 0,
-					class: _(["relative z-[1] flex h-full w-full items-center justify-center overflow-hidden", i === j(g).resolvedActiveIndex.value ? I.value : ""])
-				}, [j(w).isAssetLoading(i, r) ? (S(), s("div", Qt, [c("span", $t, [u(j(re), {
+					class: _(["relative z-[1] flex h-full w-full items-center justify-center overflow-hidden", i === j(g).resolvedActiveIndex.value ? H.value : ""])
+				}, [j(w).isAssetLoading(i, r) ? (S(), s("div", pn, [c("span", mn, [u(j(re), {
 					class: "h-5 w-5 animate-spin stroke-[1.9] text-[#f7f1ea]/78",
 					"aria-hidden": "true"
 				})])])) : o("", !0), j(w).isAssetErrored(i, r) ? (S(), s("div", {
@@ -1814,33 +2050,34 @@ var Kt = ["data-surface"], qt = ["data-surface"], Jt = /* @__PURE__ */ d({
 					"data-testid": "vibe-asset-error",
 					"data-kind": j(w).getAssetErrorKind(r),
 					class: "grid h-full w-full place-items-center"
-				}, [c("div", tn, [
+				}, [c("div", gn, [
 					u(j(oe), {
 						class: "h-7 w-7 stroke-[1.9] text-[#f7f1ea]/72",
 						"aria-hidden": "true"
 					}),
-					c("p", nn, k(j(w).getAssetErrorLabel(r)), 1),
+					c("p", _n, k(j(w).getAssetErrorLabel(r)), 1),
 					j(g).canRetryAsset(j(w).getItemKey(r)) ? (S(), s("button", {
 						key: 0,
 						type: "button",
 						class: "inline-flex items-center justify-center border border-white/14 bg-black/35 px-4 py-2 text-[0.64rem] font-bold uppercase tracking-[0.22em] text-[#f7f1ea]/82 backdrop-blur-[18px] transition hover:border-white/28 hover:bg-black/50",
 						onClick: z((e) => j(g).retryAsset(j(w).getItemKey(r)), ["stop"])
-					}, " Retry ", 8, rn)) : o("", !0)
-				])], 8, en)) : r.type === "image" ? (S(), s("img", {
+					}, " Retry ", 8, vn)) : o("", !0)
+				])], 8, hn)) : r.type === "image" ? (S(), s("img", {
 					key: j(g).getAssetRenderKey(j(w).getItemKey(r)),
 					src: j(w).getFullscreenImageSource(i, r),
 					alt: r.title ?? "",
+					crossorigin: "anonymous",
 					draggable: "false",
 					class: _(["block h-auto max-h-full w-auto max-w-full object-contain shadow-[0_40px_120px_-60px_rgba(0,0,0,0.9)] transition-opacity duration-300", j(g).isImageReady(j(w).getItemKey(r)) ? "opacity-100" : "opacity-0"]),
 					ref_for: !0,
-					ref: (e) => j(g).registerImageElement(j(w).getItemKey(r), e),
-					onLoad: (e) => j(g).onImageLoad(j(w).getItemKey(r), r.url),
+					ref: (e) => pe(j(w).getItemKey(r), e),
+					onLoad: (e) => fe(e, j(w).getItemKey(r), r.url),
 					onError: (e) => j(g).onImageError(j(w).getItemKey(r), r.url)
-				}, null, 42, an)) : (S(), s("video", {
+				}, null, 42, yn)) : (S(), s("video", {
 					key: j(g).getAssetRenderKey(j(w).getItemKey(r)),
 					class: _(["block h-auto max-h-full w-auto max-w-full cursor-pointer object-contain shadow-[0_40px_120px_-60px_rgba(0,0,0,0.9)] transition-opacity duration-300", j(g).isMediaReady(j(w).getItemKey(r)) ? "opacity-100" : "opacity-0"]),
 					playsinline: "",
-					muted: "",
+					loop: d.loopFullscreenVideo,
 					src: j(w).getFullscreenMediaSource(i, r),
 					preload: j(w).shouldPreloadSlideAsset(i) ? "metadata" : "none",
 					ref_for: !0,
@@ -1859,10 +2096,10 @@ var Kt = ["data-surface"], qt = ["data-surface"], Jt = /* @__PURE__ */ d({
 					onStalled: (e) => j(g).onMediaEvent(j(w).getItemKey(r), e),
 					onTimeupdate: (e) => j(g).onMediaEvent(j(w).getItemKey(r), e),
 					onWaiting: (e) => j(g).onMediaEvent(j(w).getItemKey(r), e)
-				}, null, 42, on))], 2)) : j(g).isAudio(r) ? (S(), s("div", {
+				}, null, 42, bn))], 2)) : j(g).isAudio(r) ? (S(), s("div", {
 					key: 1,
-					class: _(["relative z-[1] grid w-full max-w-[1100px] justify-items-center gap-6 px-[clamp(2rem,4vw,3rem)] py-[clamp(2rem,4vw,3rem)] text-center", i === j(g).resolvedActiveIndex.value ? I.value : ""])
-				}, [c("div", sn, [
+					class: _(["relative z-[1] grid w-full max-w-[1100px] justify-items-center gap-6 px-[clamp(2rem,4vw,3rem)] py-[clamp(2rem,4vw,3rem)] text-center", i === j(g).resolvedActiveIndex.value ? H.value : ""])
+				}, [c("div", xn, [
 					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]",
@@ -1872,19 +2109,19 @@ var Kt = ["data-surface"], qt = ["data-surface"], Jt = /* @__PURE__ */ d({
 					}, [
 						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", ln, [D(e.$slots, "item-icon", {
-							icon: j(ft)(r.type),
+						c("span", Cn, [D(e.$slots, "item-icon", {
+							icon: j(St)(r.type),
 							item: r
-						}, () => [(S(), a(O(j(ft)(r.type)), {
+						}, () => [(S(), a(O(j(St)(r.type)), {
 							class: "h-6 w-6 stroke-[1.9]",
 							"aria-hidden": "true"
 						}))])]),
-						c("span", un, [(S(), a(O(j(g).mediaStates.value[j(w).getItemKey(r)]?.paused ?? !0 ? j(ae) : j(ie)), {
+						c("span", wn, [(S(), a(O(j(g).mediaStates.value[j(w).getItemKey(r)]?.paused ?? !0 ? j(ae) : j(ie)), {
 							class: "h-4 w-4 stroke-2",
 							"aria-hidden": "true"
 						}))])
-					], 8, cn),
-					j(w).isAssetLoading(i, r) ? (S(), s("div", dn, [c("span", fn, [u(j(re), {
+					], 8, Sn),
+					j(w).isAssetLoading(i, r) ? (S(), s("div", Tn, [c("span", En, [u(j(re), {
 						class: "h-5 w-5 animate-spin stroke-[1.9] text-[#f7f1ea]/78",
 						"aria-hidden": "true"
 					})])])) : o("", !0),
@@ -1897,14 +2134,14 @@ var Kt = ["data-surface"], qt = ["data-surface"], Jt = /* @__PURE__ */ d({
 							class: "h-7 w-7 stroke-[1.9] text-[#f7f1ea]/72",
 							"aria-hidden": "true"
 						}),
-						c("p", mn, k(j(w).getAssetErrorLabel(r)), 1),
+						c("p", On, k(j(w).getAssetErrorLabel(r)), 1),
 						j(g).canRetryAsset(j(w).getItemKey(r)) ? (S(), s("button", {
 							key: 0,
 							type: "button",
 							class: "pointer-events-auto inline-flex items-center justify-center border border-white/14 bg-black/35 px-4 py-2 text-[0.64rem] font-bold uppercase tracking-[0.22em] text-[#f7f1ea]/82 backdrop-blur-[18px] transition hover:border-white/28 hover:bg-black/50",
 							onClick: z((e) => j(g).retryAsset(j(w).getItemKey(r)), ["stop"])
-						}, " Retry ", 8, hn)) : o("", !0)
-					], 8, pn)], 64)) : o("", !0)
+						}, " Retry ", 8, kn)) : o("", !0)
+					], 8, Dn)], 64)) : o("", !0)
 				]), (S(), s("audio", {
 					key: j(g).getAssetRenderKey(j(w).getItemKey(r)),
 					src: j(w).getFullscreenMediaSource(i, r),
@@ -1925,15 +2162,15 @@ var Kt = ["data-surface"], qt = ["data-surface"], Jt = /* @__PURE__ */ d({
 					onStalled: (e) => j(g).onMediaEvent(j(w).getItemKey(r), e),
 					onTimeupdate: (e) => j(g).onMediaEvent(j(w).getItemKey(r), e),
 					onWaiting: (e) => j(g).onMediaEvent(j(w).getItemKey(r), e)
-				}, null, 40, gn))], 2)) : (S(), s("div", _n, [c("div", vn, [D(e.$slots, "item-icon", {
-					icon: j(ft)(r.type),
+				}, null, 40, An))], 2)) : (S(), s("div", jn, [c("div", Mn, [D(e.$slots, "item-icon", {
+					icon: j(St)(r.type),
 					item: r
-				}, () => [(S(), a(O(j(ft)(r.type)), {
+				}, () => [(S(), a(O(j(St)(r.type)), {
 					class: "h-6 w-6 stroke-[1.9]",
 					"aria-hidden": "true"
-				}))])])]))], 14, Zt))), 128)),
-				V.value && p["fullscreen-overlay"] ? (S(), s("div", yn, [c("div", bn, [D(e.$slots, "fullscreen-overlay", v(f(V.value)))])])) : o("", !0),
-				j(g).activeItem.value ? (S(), a(lt, {
+				}))])])]))], 14, fn))), 128)),
+				G.value && p["fullscreen-overlay"] ? (S(), s("div", Nn, [c("div", Pn, [D(e.$slots, "fullscreen-overlay", v(f(G.value)))])])) : o("", !0),
+				j(g).activeItem.value ? (S(), a(yt, {
 					key: 1,
 					"current-index": j(g).resolvedActiveIndex.value,
 					loading: d.loading,
@@ -1943,9 +2180,9 @@ var Kt = ["data-surface"], qt = ["data-surface"], Jt = /* @__PURE__ */ d({
 					title: j(g).activeItem.value.title ?? null,
 					total: j(g).items.value.length,
 					onBackToList: n[0] ||= (e) => m("back-to-list")
-				}, l({ _: 2 }, [q.value && V.value ? {
+				}, l({ _: 2 }, [X.value && G.value ? {
 					name: "actions",
-					fn: L(() => [D(e.$slots, "fullscreen-header-actions", v(f(V.value)))]),
+					fn: L(() => [D(e.$slots, "fullscreen-header-actions", v(f(G.value)))]),
 					key: "0"
 				} : void 0]), 1032, [
 					"current-index",
@@ -1956,52 +2193,62 @@ var Kt = ["data-surface"], qt = ["data-surface"], Jt = /* @__PURE__ */ d({
 					"title",
 					"total"
 				])) : o("", !0),
-				F.value ? (S(), a(Qe, {
+				B.value ? (S(), a(ct, {
 					key: 2,
 					"current-time": j(g).activeMediaState.value.currentTime,
 					"current-time-label": j(g).formatPlaybackTime(j(g).activeMediaState.value.currentTime),
 					duration: j(g).activeMediaDuration.value,
 					"duration-label": j(g).formatPlaybackTime(j(g).activeMediaDuration.value),
+					muted: j(g).activeMediaState.value.muted,
 					progress: j(g).activeMediaProgress.value,
-					onSeekInput: j(g).onMediaSeekInput
+					volume: j(g).activeMediaState.value.volume,
+					"volume-control-layout": V.value,
+					onSeekInput: j(g).onMediaSeekInput,
+					onVolumeInput: j(g).onMediaVolumeInput,
+					onVolumeToggle: j(g).onMediaVolumeToggle
 				}, null, 8, [
 					"current-time",
 					"current-time-label",
 					"duration",
 					"duration-label",
+					"muted",
 					"progress",
-					"onSeekInput"
+					"volume",
+					"volume-control-layout",
+					"onSeekInput",
+					"onVolumeInput",
+					"onVolumeToggle"
 				])) : o("", !0),
-				W.value ? (S(), s("div", {
+				J.value ? (S(), s("div", {
 					key: 3,
-					class: _(["absolute left-1/2 z-[4] -translate-x-1/2", P.value])
-				}, [te.value ? D(e.$slots, "fullscreen-status", v(h({ key: 0 }, W.value))) : (S(), s("div", {
+					class: _(["absolute left-1/2 z-[4] -translate-x-1/2", R.value])
+				}, [ce.value ? D(e.$slots, "fullscreen-status", v(h({ key: 0 }, J.value))) : (S(), s("div", {
 					key: 1,
 					"data-testid": "vibe-fullscreen-status-badge",
-					class: _(["inline-flex w-auto items-center border border-white/14 bg-black/40 px-5 py-3 text-[0.75rem] font-bold uppercase tracking-[0.18em] text-[#f7f1ea]/74 backdrop-blur-[18px] max-[720px]:w-[calc(100%-2.5rem)] max-[720px]:justify-center", W.value.kind === "end" ? "border-amber-300/35 text-amber-200" : W.value.kind === "failed" ? "border-rose-400/45 text-rose-100" : ""])
-				}, k(W.value.message), 3))], 2)) : o("", !0)
-			])) : R.value ? (S(), s("div", xn, [c("div", Sn, [c("span", Cn, [u(j(re), {
+					class: _(["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", J.value.kind === "end" ? "border-amber-300/35 text-amber-200" : J.value.kind === "failed" ? "border-rose-400/45 text-rose-100" : ""])
+				}, k(J.value.message), 3))], 2)) : o("", !0)
+			])) : U.value ? (S(), s("div", Fn, [c("div", In, [c("span", Ln, [u(j(re), {
 				class: "h-5 w-5 animate-spin stroke-[1.9] text-[#f7f1ea]/78",
 				"aria-hidden": "true"
-			})]), c("p", wn, k(B.value), 1)])])) : j(ce) && j(X) ? (S(), a(Jt, {
+			})]), c("p", Rn, k(W.value), 1)])])) : j(de) && j(Z) ? (S(), a(ln, {
 				key: 2,
-				message: j(X).message,
-				mode: j(X).mode,
-				surface: j(X).surface
+				message: j(Z).message,
+				mode: j(Z).mode,
+				surface: j(Z).surface
 			}, {
-				default: L(() => [j(se) ? D(e.$slots, "empty-state", v(h({ key: 0 }, j(X)))) : o("", !0)]),
+				default: L(() => [j(ue) ? D(e.$slots, "empty-state", v(h({ key: 0 }, j(Z)))) : o("", !0)]),
 				_: 3
 			}, 8, [
 				"message",
 				"mode",
 				"surface"
-			])) : o("", !0), j(ne) && j(X) ? (S(), a(Jt, {
+			])) : o("", !0), j(le) && j(Z) ? (S(), a(ln, {
 				key: 3,
-				message: j(X).message,
-				mode: j(X).mode,
-				surface: j(X).surface
+				message: j(Z).message,
+				mode: j(Z).mode,
+				surface: j(Z).surface
 			}, {
-				default: L(() => [j(se) ? D(e.$slots, "empty-state", v(h({ key: 0 }, j(X)))) : o("", !0)]),
+				default: L(() => [j(ue) ? D(e.$slots, "empty-state", v(h({ key: 0 }, j(Z)))) : o("", !0)]),
 				_: 3
 			}, 8, [
 				"message",
@@ -2015,7 +2262,7 @@ var Kt = ["data-surface"], qt = ["data-surface"], Jt = /* @__PURE__ */ d({
 				"leave-from-class": "translate-x-0 opacity-100",
 				"leave-to-class": "translate-x-full opacity-0"
 			}, {
-				default: L(() => [Y.value && V.value ? (S(), s("aside", Tn, [c("div", En, [D(e.$slots, "fullscreen-aside", v(f(V.value)))])])) : o("", !0)]),
+				default: L(() => [ne.value && G.value ? (S(), s("aside", zn, [c("div", Bn, [D(e.$slots, "fullscreen-aside", v(f(G.value)))])])) : o("", !0)]),
 				_: 3
 			})], 4),
 			u(r, {
@@ -2026,29 +2273,29 @@ var Kt = ["data-surface"], qt = ["data-surface"], Jt = /* @__PURE__ */ d({
 				"leave-from-class": "translate-x-0 opacity-100",
 				"leave-to-class": "translate-x-full opacity-0"
 			}, {
-				default: L(() => [ee.value && V.value ? (S(), s("aside", Dn, [c("div", On, [D(e.$slots, "fullscreen-aside", v(f(V.value)))])])) : o("", !0)]),
+				default: L(() => [se.value && G.value ? (S(), s("aside", Vn, [c("div", Hn, [D(e.$slots, "fullscreen-aside", v(f(G.value)))])])) : o("", !0)]),
 				_: 3
 			})
 		]));
 	}
-}), jn = 1, Mn = .5;
-function Nn(e) {
+}), Kn = 1, qn = .5;
+function Jn(e) {
 	if (e.type !== "image" && e.type !== "video") return {
-		width: jn,
-		height: jn,
+		width: Kn,
+		height: Kn,
 		source: "fallback"
 	};
 	let t = e.preview?.width, n = e.preview?.height;
-	if (Bn(t) && Bn(n)) {
-		let r = Vn(e, t, n);
+	if (tr(t) && tr(n)) {
+		let r = nr(e, t, n);
 		return {
 			width: r.width,
 			height: r.height,
 			source: "preview"
 		};
 	}
-	if (Bn(e.width) && Bn(e.height)) {
-		let t = Vn(e, e.width, e.height);
+	if (tr(e.width) && tr(e.height)) {
+		let t = nr(e, e.width, e.height);
 		return {
 			width: t.width,
 			height: t.height,
@@ -2056,31 +2303,31 @@ function Nn(e) {
 		};
 	}
 	return {
-		width: jn,
-		height: jn,
+		width: Kn,
+		height: Kn,
 		source: "fallback"
 	};
 }
-function Pn(e, t) {
+function Yn(e, t) {
 	return !e || e <= 0 || !t || t <= 0 ? 1 : Math.max(1, Math.floor(e / t));
 }
-function Fn(e, t, n, r = 0) {
+function Xn(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 In(e, t) {
-	let n = Nn(e);
+function Zn(e, t) {
+	let n = Jn(e);
 	return n.height / n.width * t;
 }
-function Ln(e, t) {
+function Qn(e, t) {
 	let n = Array.from({ length: t.columnCount }, () => 0), r = Array(e.length), i = Array(e.length), a = /* @__PURE__ */ new Map(), o = /* @__PURE__ */ new Map(), s = 0;
 	for (let c = 0; c < e.length; c += 1) {
 		let l = e[c];
-		o.set(Q(l), c);
+		o.set($(l), c);
 		let u = 0;
 		for (let e = 1; e < n.length; e += 1) n[e] < n[u] && (u = e);
-		let d = u * (t.columnWidth + t.gapX), f = n[u], p = In(l, t.columnWidth);
+		let d = u * (t.columnWidth + t.gapX), f = n[u], p = Zn(l, t.columnWidth);
 		r[c] = {
 			x: d,
 			y: f
@@ -2099,7 +2346,7 @@ function Ln(e, t) {
 		indexById: o
 	};
 }
-function Rn(e) {
+function $n(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();
@@ -2109,21 +2356,21 @@ function Rn(e) {
 	}
 	return Array.from(a).sort((e, t) => e - t);
 }
-function zn(e, t, n) {
+function er(e, t, n) {
 	let r = /* @__PURE__ */ new Map();
 	for (let i of e) {
-		let e = t.get(Q(i));
+		let e = t.get($(i));
 		if (e == null) continue;
 		let a = n[e];
-		a && r.set(Q(i), a);
+		a && r.set($(i), a);
 	}
 	return r;
 }
-function Bn(e) {
+function tr(e) {
 	return typeof e == "number" && Number.isFinite(e) && e > 0;
 }
-function Vn(e, t, n) {
-	return e.type !== "image" || n / t >= Mn ? {
+function nr(e, t, n) {
+	return e.type !== "image" || n / t >= qn ? {
 		width: t,
 		height: n
 	} : {
@@ -2133,46 +2380,46 @@ function Vn(e, t, n) {
 }
 //#endregion
 //#region src/components/viewer-core/useMasonryMotion.ts
-var Hn = 300, Un = 600, Wn = 40, Gn = 300, Kn = 400;
-function qn(e, t) {
+var rr = 300, ir = 600, ar = 40, or = 300, sr = 400;
+function cr(e, t) {
 	return t === "top" ? [...e].reverse() : e;
 }
-function Jn(e) {
-	return e <= 0 ? Un : Un + Math.min((e - 1) * Wn, Kn);
+function lr(e) {
+	return e <= 0 ? ir : ir + Math.min((e - 1) * ar, sr);
 }
-function Yn() {
-	return Gn;
+function ur() {
+	return or;
 }
-function Xn(e) {
+function dr(e) {
 	let t = e.itemHeight > 0 ? e.itemHeight : e.columnWidth;
 	return e.direction === "top" ? e.scrollTop - t : e.scrollTop + e.viewportHeight + t;
 }
-function Zn(e) {
+function fr(e) {
 	let t = T(/* @__PURE__ */ new Set()), n = T(/* @__PURE__ */ new Set()), r = T(/* @__PURE__ */ new Map()), a = T(/* @__PURE__ */ new Map()), o = T(/* @__PURE__ */ new Map()), s = T(/* @__PURE__ */ new Set()), c = T(/* @__PURE__ */ new Map()), l = T(/* @__PURE__ */ new Map()), u = T(/* @__PURE__ */ new Set()), d = /* @__PURE__ */ new Set(), f = /* @__PURE__ */ new Set(), p = i(() => Array.from(o.value.values()));
 	F(e.visibleIndices, (i) => {
 		if (!i.length) return;
 		let o = [];
 		for (let n of i) {
-			let r = e.items.value[n] ? Q(e.items.value[n]) : null;
+			let r = e.items.value[n] ? $(e.items.value[n]) : null;
 			!r || !t.value.has(r) || d.has(r) || (d.add(r), o.push(r));
 		}
 		if (!o.length) return;
-		let s = qn(o, a.value.get(o[0]) ?? "bottom"), c = new Map(r.value);
-		for (let e = 0; e < s.length; e += 1) c.set(s[e], Math.min(e * Wn, Kn));
-		r.value = c, Qn(() => {
+		let s = cr(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 * ar, sr));
+		r.value = c, pr(() => {
 			let e = new Set(n.value);
 			for (let t of o) e.add(t);
 			n.value = e;
-		}), $n(() => {
+		}), mr(() => {
 			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;
-			}, Jn(o.length));
+			}, lr(o.length));
 		});
-	}, { flush: "post" }), F(() => e.items.value.map((e) => Q(e)), (e) => {
+	}, { flush: "post" }), F(() => e.items.value.map((e) => $(e)), (e) => {
 		if (!e.length || !o.value.size) return;
 		let t = new Set(e), n = null, r = null;
 		for (let e of o.value.keys()) t.has(e) && (n ||= new Map(o.value), r ||= new Set(s.value), n.delete(e), r.delete(e));
@@ -2185,7 +2432,7 @@ function Zn(e) {
 		if (!e.length) return;
 		let r = new Set(t.value), i = new Map(a.value);
 		for (let t of e) {
-			let e = Q(t);
+			let e = $(t);
 			r.add(e), i.set(e, n);
 		}
 		t.value = r, a.value = i;
@@ -2194,10 +2441,10 @@ function Zn(e) {
 		if (!e.length) return;
 		let i = new Map(o.value), c = new Set(t.value), l = new Set(n.value), u = new Map(r.value), f = new Map(a.value), p = [];
 		for (let t of e) {
-			let e = Q(t.item);
+			let e = $(t.item);
 			p.push(e), i.set(e, t), c.delete(e), l.delete(e), u.delete(e), f.delete(e), d.delete(e);
 		}
-		o.value = i, t.value = c, n.value = l, r.value = u, a.value = f, Qn(() => {
+		o.value = i, t.value = c, n.value = l, r.value = u, a.value = f, pr(() => {
 			let e = new Set(s.value);
 			for (let t of p) e.add(t);
 			s.value = e;
@@ -2205,9 +2452,9 @@ function Zn(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;
-		}, Gn);
+		}, or);
 	}
-	function g(t, n, r = Hn) {
+	function g(t, n, r = rr) {
 		if (!t.size) return;
 		let i = /* @__PURE__ */ new Map(), a = [];
 		for (let [r, o] of t.entries()) {
@@ -2226,8 +2473,8 @@ function Zn(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, Qn(() => {
-			u.value = new Set(a), Qn(() => {
+		l.value = o, pr(() => {
+			u.value = new Set(a), pr(() => {
 				c.value = /* @__PURE__ */ new Map();
 			});
 		}), S(() => {
@@ -2238,8 +2485,8 @@ function Zn(e) {
 		}, r);
 	}
 	function _(e) {
-		if (n.value.has(e)) return `transform ${Un}ms ease-out`;
-		if (u.value.has(e)) return `transform ${l.value.get(e) ?? Hn}ms ease-out`;
+		if (n.value.has(e)) return `transform ${ir}ms ease-out`;
+		if (u.value.has(e)) return `transform ${l.value.get(e) ?? rr}ms ease-out`;
 	}
 	function v(e) {
 		if (!n.value.has(e)) return;
@@ -2250,13 +2497,13 @@ function Zn(e) {
 		let r = e.items.value[n], i = e.positions.value[n] ?? {
 			x: 0,
 			y: 0
-		}, o = e.heights.value[n] ?? e.columnWidth.value, s = r ? Q(r) : null, l = s ? c.value.get(s) ?? {
+		}, o = e.heights.value[n] ?? e.columnWidth.value, s = r ? $(r) : null, l = s ? c.value.get(s) ?? {
 			dx: 0,
 			dy: 0
 		} : {
 			dx: 0,
 			dy: 0
-		}, u = s ? a.value.get(s) ?? "bottom" : "bottom", d = s && t.value.has(s) ? Xn({
+		}, u = s ? a.value.get(s) ?? "bottom" : "bottom", d = s && t.value.has(s) ? dr({
 			columnWidth: e.columnWidth.value,
 			direction: u,
 			itemHeight: o,
@@ -2266,18 +2513,18 @@ function Zn(e) {
 		return `translate3d(${i.x + l.dx}px, ${d + l.dy}px, 0)`;
 	}
 	function x(t) {
-		let n = Q(t), r = o.value.get(n);
+		let n = $(t), r = o.value.get(n);
 		if (!r) return {
 			opacity: "0",
 			transform: "translate3d(0, 0, 0) scale(0.96)",
-			transition: `opacity ${Gn}ms ease-out, transform ${Gn}ms ease-out`
+			transition: `opacity ${or}ms ease-out, transform ${or}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 ${Gn}ms ease-out, transform ${Gn}ms ease-out`,
+			transition: `opacity ${or}ms ease-out, transform ${or}ms ease-out`,
 			width: `${e.columnWidth.value}px`
 		};
 	}
@@ -2298,28 +2545,28 @@ function Zn(e) {
 		playFlipMoveAnimation: g
 	};
 }
-function Qn(e) {
+function pr(e) {
 	if (typeof requestAnimationFrame == "function") {
 		requestAnimationFrame(() => e());
 		return;
 	}
 	setTimeout(e, 0);
 }
-function $n(e) {
-	Qn(() => Qn(e));
+function mr(e) {
+	pr(() => pr(e));
 }
 //#endregion
 //#region src/components/viewer-core/masonryViewport.ts
-function er(e, t) {
+function hr(e, t) {
 	return e?.clientHeight || Math.round(e?.getBoundingClientRect().height ?? 0) || t || window.innerHeight || 1;
 }
-function tr(e, t, n) {
+function gr(e, t, n) {
 	return e?.clientWidth || Math.round(e?.getBoundingClientRect().width ?? 0) || t || window.innerWidth || n;
 }
-function nr(e, t, n, r) {
+function _r(e, t, n, r) {
 	return (e?.scrollHeight ?? r) - (t + n);
 }
-function rr(e, t) {
+function vr(e, t) {
 	return {
 		height: `${e}px`,
 		transform: `translate3d(0, ${t}px, 0)`
@@ -2327,8 +2574,8 @@ function rr(e, t) {
 }
 //#endregion
 //#region src/components/viewer-core/useEdgeBoundary.ts
-var ir = 250, ar = 1e3;
-function or(e) {
+var yr = 250, br = 1e3;
+function xr(e) {
 	let t = T(!1), n = T(!1), r = T(0), i = T(0), a = T(!1), o = T(!1), s = 0, c = null;
 	b(() => {
 		y();
@@ -2344,7 +2591,7 @@ function or(e) {
 	function u(t) {
 		if (!x(t) || !e.isAtBoundary()) return;
 		let n = Date.now();
-		n < s || (s = n + ir, m());
+		n < s || (s = n + yr, m());
 	}
 	function d() {
 		if (!g()) return;
@@ -2378,7 +2625,7 @@ function or(e) {
 		return e.hasPage.value && t.value && r.value > i.value && !e.interactionLocked?.value && !e.loading.value && !a.value && typeof e.requestPage.value == "function";
 	}
 	function _() {
-		o.value = !1, v(ar);
+		o.value = !1, v(br);
 	}
 	function v(e) {
 		y(), a.value = !0, c = setTimeout(() => {
@@ -2401,30 +2648,30 @@ function or(e) {
 }
 //#endregion
 //#region src/components/viewer-core/useMasonryList.ts
-var sr = 600, $ = 24, cr = 16, lr = 300, ur = 200, dr = 200, fr = 200, pr = 300, mr = 24, hr = 48, gr = 500, _r = 1e3;
-function vr(e) {
-	let t = T(null), n = T(0), r = T(typeof window > "u" ? 0 : window.innerHeight || 0), a = T(typeof window > "u" ? 0 : window.innerWidth || lr), o = T([]), s = T([]), c = T(/* @__PURE__ */ new Map()), l = T(0), u = T(/* @__PURE__ */ new Map()), d = T(null), f = T(null), p = T(!1), m = i(() => Math.max(lr, a.value - $ * 2)), h = i(() => Pn(m.value, lr)), _ = i(() => Fn(m.value, h.value, lr, cr)), v = i(() => yr(e.activeIndex.value, 0, Math.max(0, e.items.value.length - 1))), y = i(() => Rn({
+var Sr = 600, Cr = 24, wr = 16, Tr = 300, Er = 200, Dr = 200, Or = 200, kr = 300, Ar = 24, jr = 48, Mr = 500, Nr = 1e3;
+function Pr(e) {
+	let t = T(null), n = T(0), r = T(typeof window > "u" ? 0 : window.innerHeight || 0), a = T(typeof window > "u" ? 0 : window.innerWidth || Tr), o = T([]), s = T([]), c = T(/* @__PURE__ */ new Map()), l = T(0), u = T(/* @__PURE__ */ new Map()), d = T(null), f = T(null), p = T(!1), m = i(() => Math.max(Tr, a.value - Cr * 2)), h = i(() => Yn(m.value, Tr)), _ = i(() => Xn(m.value, h.value, Tr, wr)), v = i(() => Fr(e.activeIndex.value, 0, Math.max(0, e.items.value.length - 1))), y = i(() => $n({
 		itemCount: e.items.value.length,
 		viewportHeight: r.value,
 		scrollTop: n.value,
-		overscanPx: ur,
-		bucketPx: sr,
+		overscanPx: Er,
+		bucketPx: Sr,
 		buckets: c.value
 	})), S = i(() => y.value.map((t) => ({
 		item: e.items.value[t],
 		index: t
 	}))), C = i(() => {
-		let e = l.value + $ * 2, t = d.value ?? 0;
-		return Math.max(e, t, r.value) + fr;
-	}), w = i(() => e.hasNextPage.value || e.allowExhaustedNextPageRefresh.value), E = i(() => e.items.value.length > 0 ? `${v.value + 1} / ${e.items.value.length}` : "0 / 0"), D = i(() => Math.max(0, r.value - mr * 2)), O = i(() => C.value > r.value + 1 && D.value > 0), k = i(() => {
+		let e = l.value + Cr * 2, t = d.value ?? 0;
+		return Math.max(e, t, r.value) + Or;
+	}), w = i(() => e.hasNextPage.value || e.allowExhaustedNextPageRefresh.value), E = i(() => e.items.value.length > 0 ? `${v.value + 1} / ${e.items.value.length}` : "0 / 0"), D = i(() => Math.max(0, r.value - Ar * 2)), O = i(() => C.value > r.value + 1 && D.value > 0), k = i(() => {
 		if (!O.value) return 0;
 		let e = r.value / C.value * D.value;
-		return Math.min(D.value, Math.max(hr, e));
+		return Math.min(D.value, Math.max(jr, e));
 	}), A = i(() => {
-		if (!O.value) return mr;
+		if (!O.value) return Ar;
 		let e = Math.max(0, C.value - r.value);
-		return mr + Math.max(0, D.value - k.value) * (e > 0 ? yr(n.value / e, 0, 1) : 0);
-	}), j = Zn({
+		return Ar + Math.max(0, D.value - k.value) * (e > 0 ? Fr(n.value / e, 0, 1) : 0);
+	}), j = fr({
 		items: e.items,
 		visibleIndices: y,
 		positions: o,
@@ -2433,27 +2680,27 @@ function vr(e) {
 		columnWidth: _,
 		scrollTop: n,
 		viewportHeight: r
-	}), M = or({
+	}), M = xr({
 		direction: "top",
 		getAnimationLockMs(e) {
-			return Math.max(gr, Jn(e)) + _r;
+			return Math.max(Mr, lr(e)) + Nr;
 		},
 		hasPage: e.hasPreviousPage,
 		interactionLocked: p,
 		isAtBoundary() {
-			return n.value <= $ + cr;
+			return n.value <= Cr + wr;
 		},
 		loading: e.loading,
 		requestPage: e.requestPreviousPage
-	}), N = or({
+	}), N = xr({
 		direction: "bottom",
 		getAnimationLockMs(e) {
-			return Jn(e) + _r;
+			return lr(e) + Nr;
 		},
 		hasPage: w,
 		interactionLocked: p,
 		isAtBoundary() {
-			return re() <= dr;
+			return re() <= Dr;
 		},
 		loading: e.loading,
 		requestPage: e.requestNextPage
@@ -2463,8 +2710,8 @@ function vr(e) {
 		h,
 		_
 	], async ([t], [r = []]) => {
-		let i = t.map((e) => Q(e)), a = r ?? [], s = a.map((e) => Q(e)), c = zn(a, u.value, o.value), l = oe(a), d = new Set(s), f = new Set(i), p = t.filter((e) => !d.has(Q(e))), m = a.flatMap((e) => {
-			let t = Q(e);
+		let i = t.map((e) => $(e)), a = r ?? [], s = a.map((e) => $(e)), c = er(a, u.value, o.value), l = oe(a), d = new Set(s), f = new Set(i), p = t.filter((e) => !d.has($(e))), m = a.flatMap((e) => {
+			let t = $(e);
 			if (f.has(t)) return [];
 			let n = c.get(t), r = l.get(t);
 			return !n || r == null ? [] : [{
@@ -2472,10 +2719,10 @@ function vr(e) {
 				item: e,
 				position: n
 			}];
-		}), h = i.length > s.length && s.length > 0 && i[0] !== s[0], _ = t.length === 0 && a.length > 0 && m.length > 0 && n.value > 0, y = m.length > 0 && n.value > $ + cr, b = h && n.value > $ + cr ? t[v.value] : null, x = b ? Q(b) : null;
-		y && q(Yn() + _r), _ && K(), B(), m.length > 0 && j.markLeave(m), p.length > 0 && (j.markEnter(p, h ? "top" : "bottom"), h ? M.onItemsMutated(p.length) : N.onItemsMutated(p.length)), j.playFlipMoveAnimation(c, new Set(p.map((e) => Q(e))), h ? gr : void 0), x ? (await g(), G(x, c)) : e.active.value && s.length > 0 && Y();
+		}), h = i.length > s.length && s.length > 0 && i[0] !== s[0], _ = t.length === 0 && a.length > 0 && m.length > 0 && n.value > 0, y = m.length > 0 && n.value > Cr + wr, b = h && n.value > Cr + wr ? t[v.value] : null, x = b ? $(b) : null;
+		y && q(ur() + Nr), _ && K(), B(), m.length > 0 && j.markLeave(m), p.length > 0 && (j.markEnter(p, h ? "top" : "bottom"), h ? M.onItemsMutated(p.length) : N.onItemsMutated(p.length)), j.playFlipMoveAnimation(c, new Set(p.map((e) => $(e))), h ? Mr : void 0), x ? (await g(), G(x, c)) : e.active.value && s.length > 0 && Y();
 	}, { immediate: !0 }), F([
-		() => e.pendingAppendItems.value.map((e) => Q(e)),
+		() => e.pendingAppendItems.value.map((e) => $(e)),
 		h,
 		_,
 		r
@@ -2490,32 +2737,32 @@ function vr(e) {
 		}
 		if (i !== !1 || f.value == null) return;
 		await g();
-		let o = Math.max(0, C.value - r.value), s = yr(f.value, 0, o);
+		let o = Math.max(0, C.value - r.value), s = Fr(f.value, 0, o);
 		a.scrollTop = s, n.value = s, M.syncBoundary(), N.syncBoundary();
 	}), F(() => e.loading.value, async (t) => {
 		!t && !e.pendingAppendItems.value.length && !L && !z && (d.value = null), M.onLoadingChange(t), N.onLoadingChange(t), await g();
 	}), x(async () => {
-		te(), await g(), v.value > 0 ? W(v.value, "center") : J(), M.syncBoundary(), N.syncBoundary(), typeof ResizeObserver < "u" ? (P = new ResizeObserver(() => {
-			te();
-		}), t.value && P.observe(t.value)) : window.addEventListener("resize", te);
+		X(), await g(), v.value > 0 ? W(v.value, "center") : J(), M.syncBoundary(), N.syncBoundary(), typeof ResizeObserver < "u" ? (P = new ResizeObserver(() => {
+			X();
+		}), t.value && P.observe(t.value)) : window.addEventListener("resize", X);
 	}), b(() => {
-		P?.disconnect(), P = null, window.removeEventListener("resize", te), ce(), le(), I &&= (cancelAnimationFrame(I), 0);
+		P?.disconnect(), P = null, window.removeEventListener("resize", X), ce(), Z(), I &&= (cancelAnimationFrame(I), 0);
 	});
 	function B() {
-		let t = Ln(e.items.value, {
+		let t = Qn(e.items.value, {
 			columnCount: h.value,
 			columnWidth: _.value,
-			gapX: cr,
-			gapY: cr,
-			bucketPx: sr
+			gapX: wr,
+			gapY: wr,
+			bucketPx: Sr
 		});
 		o.value = t.positions.map((e) => ({
-			x: e.x + $,
-			y: e.y + $
+			x: e.x + Cr,
+			y: e.y + Cr
 		})), s.value = t.heights, c.value = t.buckets, l.value = t.contentHeight, u.value = t.indexById;
 	}
 	function V() {
-		e.active.value && (n.value = t.value?.scrollTop ?? 0, r.value = X(), M.syncBoundary(), N.syncBoundary(), ee(), !Y() && (I ||= requestAnimationFrame(() => {
+		e.active.value && (n.value = t.value?.scrollTop ?? 0, r.value = te(), M.syncBoundary(), N.syncBoundary(), ee(), !Y() && (I ||= requestAnimationFrame(() => {
 			I = 0, J();
 		})));
 	}
@@ -2523,7 +2770,7 @@ function vr(e) {
 		e.active.value && (M.onWheel(t), N.onWheel(t), ee());
 	}
 	function U(t) {
-		let n = e.items.value[t], r = n ? Q(n) : "";
+		let n = e.items.value[t], r = n ? $(n) : "";
 		return {
 			height: `${s.value[t] ?? _.value}px`,
 			width: `${_.value}px`,
@@ -2536,7 +2783,7 @@ function vr(e) {
 		let a = t.value, c = o.value[e], l = s.value[e];
 		if (!a || !c || !l) return;
 		let u = a.scrollTop, d = Math.max(0, C.value - r.value);
-		i === "center" ? u = c.y - (r.value - l) / 2 : c.y < a.scrollTop ? u = c.y - $ : c.y + l > a.scrollTop + r.value && (u = c.y + l - r.value + $), a.scrollTop = yr(u, 0, d), n.value = a.scrollTop, J();
+		i === "center" ? u = c.y - (r.value - l) / 2 : c.y < a.scrollTop ? u = c.y - Cr : c.y + l > a.scrollTop + r.value && (u = c.y + l - r.value + Cr), a.scrollTop = Fr(u, 0, d), n.value = a.scrollTop, J();
 	}
 	function G(e, r) {
 		let i = t.value, a = r.get(e), s = u.value.get(e), c = s == null ? null : o.value[s];
@@ -2553,7 +2800,7 @@ function vr(e) {
 		e.scrollTop = 0, n.value = 0, M.syncBoundary(), N.syncBoundary();
 	}
 	function q(e) {
-		le(), p.value = !0, R = setTimeout(() => {
+		Z(), p.value = !0, R = setTimeout(() => {
 			R = null, p.value = !1;
 		}, Math.max(0, e));
 	}
@@ -2569,40 +2816,40 @@ function vr(e) {
 		e.setActiveIndex(i);
 	}
 	function Y() {
-		let t = n.value <= $ + cr, r = re() <= dr;
+		let t = n.value <= Cr + wr, r = re() <= Dr;
 		return t ? (e.setActiveIndex(0), !0) : r ? (e.setActiveIndex(Math.max(0, e.items.value.length - 1)), !0) : !1;
 	}
 	function ee() {
 		M.maybeRequestPage(), N.maybeRequestPage();
 	}
-	function te() {
-		r.value = X(), a.value = ne();
-	}
 	function X() {
-		return er(t.value, r.value);
+		r.value = te(), a.value = ne();
+	}
+	function te() {
+		return hr(t.value, r.value);
 	}
 	function ne() {
-		return tr(t.value, a.value, lr);
+		return gr(t.value, a.value, Tr);
 	}
 	function re() {
-		return nr(t.value, n.value, r.value, C.value);
+		return _r(t.value, n.value, r.value, C.value);
 	}
 	function ie() {
-		return rr(k.value, A.value);
+		return vr(k.value, A.value);
 	}
 	function ae(e) {
-		return e.length ? Ln(e, {
+		return e.length ? Qn(e, {
 			columnCount: h.value,
 			columnWidth: _.value,
-			gapX: cr,
-			gapY: cr,
-			bucketPx: sr
-		}).contentHeight + $ * 2 : 0;
+			gapX: wr,
+			gapY: wr,
+			bucketPx: Sr
+		}).contentHeight + Cr * 2 : 0;
 	}
 	function oe(e) {
 		let t = /* @__PURE__ */ new Map();
 		for (let n of e) {
-			let e = Q(n), r = u.value.get(e);
+			let e = $(n), r = u.value.get(e);
 			if (r == null) continue;
 			let i = s.value[r];
 			i != null && t.set(e, i);
@@ -2619,12 +2866,12 @@ function vr(e) {
 			} finally {
 				d.value = null, z = !1;
 			}
-		}, pr));
+		}, kr));
 	}
 	function ce() {
 		L &&= (clearTimeout(L), null);
 	}
-	function le() {
+	function Z() {
 		R && (clearTimeout(R), R = null, p.value = !1);
 	}
 	return {
@@ -2644,17 +2891,17 @@ function vr(e) {
 		scrollViewportRef: t
 	};
 }
-function yr(e, t, n) {
+function Fr(e, t, n) {
 	return Math.min(Math.max(e, t), n);
 }
 //#endregion
 //#region src/components/viewer-core/listCardAsset.ts
-function br(e) {
+function Ir(e) {
 	if (e) try {
 		e.removeAttribute("src"), e.src = "";
 	} catch {}
 }
-function xr(e) {
+function Lr(e) {
 	if (e) {
 		try {
 			e.currentTime = 0;
@@ -2665,12 +2912,12 @@ function xr(e) {
 		} catch {}
 	}
 }
-function Sr(e, t) {
+function Rr(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 Cr(e) {
+function zr(e) {
 	if (!e) return null;
 	try {
 		return new URL(e, window.location.href).href;
@@ -2680,22 +2927,22 @@ function Cr(e) {
 }
 //#endregion
 //#region src/components/viewer-core/listPreview.ts
-var wr = /\.(avif|gif|jpe?g|png|svg|webp)(\?|#|$)/i, Tr = /\.(m4v|mov|mp4|mpeg|ogg|ogv|webm)(\?|#|$)/i;
-function Er(e) {
-	let t = e.preview?.url ?? e.url, n = Nn(e), r = e.title?.trim() || pt(e.type);
+var Br = /\.(avif|gif|jpe?g|png|svg|webp)(\?|#|$)/i, Vr = /\.(m4v|mov|mp4|mpeg|ogg|ogv|webm)(\?|#|$)/i;
+function Hr(e) {
+	let t = e.preview?.url ?? e.url, n = Jn(e), r = e.title?.trim() || Ct(e.type);
 	return e.type !== "image" && e.type !== "video" ? {
 		kind: "fallback",
 		url: null,
 		width: n.width,
 		height: n.height,
 		label: r
-	} : Or(e, t) ? {
+	} : Wr(e, t) ? {
 		kind: "video",
 		url: t,
 		width: n.width,
 		height: n.height,
 		label: r
-	} : Dr(e, t) ? {
+	} : Ur(e, t) ? {
 		kind: "image",
 		url: t,
 		width: n.width,
@@ -2709,28 +2956,28 @@ function Er(e) {
 		label: r
 	};
 }
-function Dr(e, t) {
-	return e.type !== "image" || typeof t != "string" ? !1 : wr.test(t) || kr(t);
+function Ur(e, t) {
+	return e.type !== "image" || typeof t != "string" ? !1 : Br.test(t) || Gr(t);
 }
-function Or(e, t) {
-	return e.type === "video" && typeof t == "string" && Tr.test(t);
+function Wr(e, t) {
+	return e.type === "video" && typeof t == "string" && Vr.test(t);
 }
-function kr(e) {
+function Gr(e) {
 	return /^(https?:\/\/|\/\/|\/(?!\/)|\.{1,2}\/|blob:|data:)/i.test(e);
 }
 //#endregion
 //#region src/components/viewer-core/useAssetLoadQueue.ts
-var Ar = {
+var Kr = {
 	maxGlobal: 10,
 	maxPerDomain: 4,
 	maxVideoPerDomain: 2
 };
-function jr(e = Ar) {
+function qr(e = Kr) {
 	let t = /* @__PURE__ */ new Map(), n = /* @__PURE__ */ new Map(), r = 0;
 	function i(e) {
 		let i = {
 			...e,
-			domain: Pr(e.url),
+			domain: Xr(e.url),
 			enqueuedAt: r,
 			id: `vibe-asset-load-${r += 1}`
 		};
@@ -2749,7 +2996,7 @@ function jr(e = Ar) {
 	function a() {
 		if (n.size === 0) return;
 		let r = [...n.values()].sort((e, t) => {
-			let n = Nr(e) - Nr(t);
+			let n = Yr(e) - Yr(t);
 			return n === 0 ? e.enqueuedAt - t.enqueuedAt : n;
 		});
 		for (let i of r) {
@@ -2770,8 +3017,8 @@ function jr(e = Ar) {
 	}
 	return { request: i };
 }
-var Mr = jr();
-function Nr(e) {
+var Jr = qr();
+function Yr(e) {
 	try {
 		let t = e.getPriority();
 		return Number.isFinite(t) ? t : Infinity;
@@ -2779,7 +3026,7 @@ function Nr(e) {
 		return Infinity;
 	}
 }
-function Pr(e) {
+function Xr(e) {
 	try {
 		return new URL(e).hostname || "local";
 	} catch {
@@ -2788,14 +3035,14 @@ function Pr(e) {
 }
 //#endregion
 //#region src/components/ListCard.vue?vue&type=script&setup=true&lang.ts
-var Fr = ["aria-label"], Ir = {
+var Zr = ["aria-label"], Qr = {
 	key: 0,
 	"data-testid": "vibe-list-card-spinner",
 	class: "pointer-events-none absolute inset-0 z-[4] grid place-items-center bg-black/18"
-}, Lr = { class: "inline-flex h-12 w-12 items-center justify-center rounded-full bg-black/45 shadow-[0_18px_40px_-18px_rgba(0,0,0,0.85)] backdrop-blur-[18px]" }, Rr = ["src", "alt"], zr = ["src"], Br = ["data-kind"], Vr = { class: "grid justify-items-center gap-3 px-4 text-center" }, Hr = { class: "text-[0.68rem] font-bold uppercase tracking-[0.22em] text-[#f7f1ea]/72" }, Ur = {
+}, $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)] backdrop-blur-[18px]" }, ei = ["src", "alt"], ti = ["src"], ni = ["data-kind"], ri = { class: "grid justify-items-center gap-3 px-4 text-center" }, ii = { class: "text-[0.68rem] font-bold uppercase tracking-[0.22em] text-[#f7f1ea]/72" }, ai = {
 	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))]"
-}, Wr = { class: "inline-flex h-14 w-14 items-center justify-center border border-white/16 bg-black/20" }, Gr = { class: "pointer-events-none absolute inset-0 z-[3]" }, Kr = /* @__PURE__ */ d({
+}, oi = { class: "inline-flex h-14 w-14 items-center justify-center border border-white/16 bg-black/20" }, si = { class: "pointer-events-none absolute inset-0 z-[3]" }, ci = /* @__PURE__ */ d({
 	__name: "ListCard",
 	props: {
 		active: {
@@ -2819,7 +3066,7 @@ var Fr = ["aria-label"], Ir = {
 	},
 	emits: ["open"],
 	setup(e, { emit: t }) {
-		let n = e, r = t, l = i(() => Er(n.item)), d = T(!1), f = T(!1), p = T(!1), m = T(l.value.kind === "fallback"), h = T(null), g = T(null), v = T(null), y = T(null), C = T(null), w = T(l.value.kind === "fallback"), E = i(() => w.value ? n.surfaceActive ? d.value ? l.value.url : null : l.value.url : null), A = i(() => n.surfaceActive && d.value && (l.value.kind === "image" || l.value.kind === "video") && !!l.value.url), M = i(() => l.value.kind === "image" && !!E.value), N = i(() => l.value.kind === "video" && !!E.value), P = i(() => !!h.value), I = i(() => jt(h.value)), L = i(() => A.value && !h.value && (!w.value || !m.value)), R = null, B = null, V = /* @__PURE__ */ new Set();
+		let n = e, r = t, l = i(() => Hr(n.item)), d = T(!1), f = T(!1), p = T(!1), m = T(l.value.kind === "fallback"), h = T(null), g = T(null), v = T(null), y = T(null), C = T(null), w = T(l.value.kind === "fallback"), E = i(() => w.value ? n.surfaceActive ? d.value ? l.value.url : null : l.value.url : null), A = i(() => n.surfaceActive && d.value && (l.value.kind === "image" || l.value.kind === "video") && !!l.value.url), M = i(() => l.value.kind === "image" && !!E.value), N = i(() => l.value.kind === "video" && !!E.value), P = i(() => !!h.value), I = i(() => Vt(h.value)), L = i(() => A.value && !h.value && (!w.value || !m.value)), R = null, B = null, V = /* @__PURE__ */ new Set();
 		F([E, () => l.value.kind], () => {
 			let e = l.value.kind === "fallback";
 			m.value = e, h.value = null, e && (w.value = !0);
@@ -2854,23 +3101,23 @@ var Fr = ["aria-label"], Ir = {
 			J(), R?.disconnect(), R = null;
 		});
 		function H() {
-			se(g.value) && (m.value = !0, h.value = null, te(E.value ?? n.item.url), Y());
+			se(g.value) && (m.value = !0, h.value = null, X(E.value ?? n.item.url), Y());
 		}
 		async function U() {
 			if (!se(g.value)) return;
 			let e = E.value ?? n.item.url;
 			m.value = !1, h.value = "generic";
-			let t = await Mt(e);
+			let t = await Ht(e);
 			h.value = t, n.reportAssetError?.({
 				item: n.item,
-				occurrenceKey: Q(n.item),
+				occurrenceKey: $(n.item),
 				url: e,
 				kind: t,
 				surface: "grid"
 			}), Y();
 		}
 		function W() {
-			se(C.value) && (m.value = !0, h.value = null, te(E.value ?? n.item.url), Y(), q());
+			se(C.value) && (m.value = !0, h.value = null, X(E.value ?? n.item.url), Y(), q());
 		}
 		function G() {
 			se(C.value) && (m.value = !1);
@@ -2892,7 +3139,7 @@ var Fr = ["aria-label"], Ir = {
 				B?.refresh();
 				return;
 			}
-			B = Mr.request({
+			B = Jr.request({
 				assetType: l.value.kind,
 				getPriority: ae,
 				onGrant() {
@@ -2909,7 +3156,7 @@ var Fr = ["aria-label"], Ir = {
 					return;
 				}
 				if (E.value && d.value && m.value) {
-					e.muted = !0, e.loop = !0, e.playsInline = !0, Ft(e);
+					e.muted = !0, e.loop = !0, e.playsInline = !0, Gt(e);
 					return;
 				}
 				try {
@@ -2930,11 +3177,11 @@ var Fr = ["aria-label"], Ir = {
 				d.value = !0;
 				return;
 			}
-			d.value = Sr(e?.boundingClientRect ?? t.getBoundingClientRect(), e?.rootBounds ?? y.value?.getBoundingClientRect() ?? null);
+			d.value = Rr(e?.boundingClientRect ?? t.getBoundingClientRect(), e?.rootBounds ?? y.value?.getBoundingClientRect() ?? null);
 		}
-		function te(e) {
+		function X(e) {
 			if (!e) return;
-			let t = Q(n.item), r = `${t}|${e}`;
+			let t = $(n.item), r = `${t}|${e}`;
 			V.has(r) || (V.add(r), n.reportAssetLoad?.({
 				item: n.item,
 				occurrenceKey: t,
@@ -2942,18 +3189,18 @@ var Fr = ["aria-label"], Ir = {
 				url: e
 			}));
 		}
-		function X() {
+		function te() {
 			if (!I.value) return;
-			let e = Q(n.item);
+			let e = $(n.item);
 			V.forEach((t) => {
 				t.startsWith(`${e}|`) && V.delete(t);
 			}), h.value = null, m.value = !1, w.value = !1, Y(), K();
 		}
 		function ne() {
-			br(g.value);
+			Ir(g.value);
 		}
 		function ie() {
-			xr(C.value);
+			Lr(C.value);
 		}
 		function ae() {
 			let e = v.value;
@@ -2967,16 +3214,16 @@ var Fr = ["aria-label"], Ir = {
 			return Math.abs((t.top + t.bottom) / 2 - n);
 		}
 		function se(e) {
-			let t = Cr(E.value);
-			return !e || !t ? !1 : Cr("currentSrc" in e && e.currentSrc || e.getAttribute("src")) === t;
+			let t = zr(E.value);
+			return !e || !t ? !1 : zr("currentSrc" in e && e.currentSrc || e.getAttribute("src")) === t;
 		}
 		function ce() {
 			r("open");
 		}
-		function le() {
+		function Z() {
 			f.value = !0;
 		}
-		function ue(e) {
+		function le(e) {
 			let t = e.relatedTarget;
 			v.value && t instanceof Node && v.value.contains(t) || (f.value = !1);
 		}
@@ -2985,8 +3232,8 @@ var Fr = ["aria-label"], Ir = {
 			ref: v,
 			"data-testid": "vibe-list-card-inner",
 			class: _(["group relative h-full w-full overflow-hidden border bg-[#0a0b0f] text-[#f7f1ea] transition-[border-color,transform] duration-300", n.active ? "border-white/28" : "border-white/12 hover:border-white/24"]),
-			onFocusin: le,
-			onFocusout: ue,
+			onFocusin: Z,
+			onFocusout: le,
 			onPointerenter: t[0] ||= (e) => p.value = !0,
 			onPointerleave: t[1] ||= (e) => p.value = !1
 		}, [
@@ -2996,8 +3243,8 @@ var Fr = ["aria-label"], Ir = {
 				class: "absolute inset-0 z-[1] block h-full w-full cursor-pointer text-left focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-[#f7f1ea]",
 				"aria-label": n.item.title || `Open item ${n.index + 1}`,
 				onClick: ce
-			}, null, 8, Fr),
-			L.value ? (S(), s("div", Ir, [c("span", Lr, [u(j(re), {
+			}, null, 8, Zr),
+			L.value ? (S(), s("div", Qr, [c("span", $r, [u(j(re), {
 				class: "h-5 w-5 animate-spin stroke-[1.9] text-[#f7f1ea]/78",
 				"aria-hidden": "true"
 			})])])) : o("", !0),
@@ -3011,7 +3258,7 @@ var Fr = ["aria-label"], Ir = {
 				class: _(["block h-full w-full object-cover transition-opacity duration-300", m.value ? "pointer-events-none opacity-100" : "pointer-events-none opacity-0"]),
 				onLoad: H,
 				onError: U
-			}, null, 42, Rr)) : N.value && E.value && !P.value ? (S(), s("video", {
+			}, null, 42, ei)) : N.value && E.value && !P.value ? (S(), s("video", {
 				key: 2,
 				ref_key: "videoRef",
 				ref: C,
@@ -3027,31 +3274,31 @@ var Fr = ["aria-label"], Ir = {
 				onPlaying: W,
 				onStalled: G,
 				onWaiting: G
-			}, null, 42, zr)) : P.value ? (S(), s("div", {
+			}, null, 42, ti)) : P.value ? (S(), s("div", {
 				key: 3,
 				"data-testid": "vibe-list-card-error",
 				"data-kind": h.value,
 				class: "relative z-[2] grid h-full w-full place-items-center bg-[radial-gradient(circle_at_center,rgba(239,68,68,0.12),transparent_65%),linear-gradient(180deg,rgba(255,255,255,0.04),rgba(255,255,255,0.02))]"
-			}, [c("div", Vr, [
+			}, [c("div", ri, [
 				u(j(oe), {
 					class: "h-6 w-6 stroke-[1.8] text-[#f7f1ea]/78",
 					"aria-hidden": "true"
 				}),
-				c("span", Hr, k(j(At)(h.value)), 1),
+				c("span", ii, k(j(Bt)(h.value)), 1),
 				I.value ? (S(), s("button", {
 					key: 0,
 					type: "button",
 					class: "pointer-events-auto inline-flex items-center justify-center border border-white/14 bg-black/35 px-3 py-2 text-[0.62rem] font-bold uppercase tracking-[0.22em] text-[#f7f1ea]/82 backdrop-blur-[18px] transition hover:border-white/28 hover:bg-black/50",
-					onClick: z(X, ["stop"])
+					onClick: z(te, ["stop"])
 				}, " Retry ")) : o("", !0)
-			])], 8, Br)) : (S(), s("div", Ur, [c("div", Wr, [D(e.$slots, "item-icon", {
-				icon: j(ft)(n.item.type),
+			])], 8, ni)) : (S(), s("div", ai, [c("div", oi, [D(e.$slots, "item-icon", {
+				icon: j(St)(n.item.type),
 				item: n.item
-			}, () => [(S(), a(O(j(ft)(n.item.type)), {
+			}, () => [(S(), a(O(j(St)(n.item.type)), {
 				class: "h-6 w-6 stroke-[1.8] text-[#f7f1ea]/78",
 				"aria-hidden": "true"
 			}))])])])),
-			c("div", Gr, [D(e.$slots, "grid-item-overlay", {
+			c("div", si, [D(e.$slots, "grid-item-overlay", {
 				active: n.active,
 				focused: f.value,
 				hovered: p.value,
@@ -3061,24 +3308,24 @@ var Fr = ["aria-label"], Ir = {
 			})])
 		], 34));
 	}
-}), qr = { class: "relative h-full min-h-0 bg-[radial-gradient(circle_at_top_center,rgba(255,255,255,0.04),transparent_28%),linear-gradient(180deg,#06070b,#05060a)]" }, Jr = { class: "pointer-events-none absolute inset-x-0 top-0 z-[2] flex justify-end p-6" }, Yr = {
+}), li = { 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)]" }, ui = { class: "pointer-events-none absolute inset-x-0 top-0 z-[2] flex justify-end p-6" }, di = {
 	"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]"
-}, Xr = { class: "whitespace-nowrap" }, Zr = {
+}, fi = { class: "whitespace-nowrap" }, pi = {
 	key: 0,
 	class: "whitespace-nowrap border-l border-white/12 pl-2 text-[#f7f1ea]/56 min-[721px]:pl-3"
-}, Qr = [
+}, mi = [
 	"data-active",
 	"data-index",
 	"data-item-id",
 	"data-occurrence-key"
-], $r = ["data-item-id"], ei = {
+], hi = ["data-item-id"], gi = {
 	key: 0,
 	class: "pointer-events-none absolute inset-y-0 right-0 z-[3] hidden w-8 min-[1024px]:block"
-}, ti = {
+}, _i = {
 	key: 1,
 	class: "pointer-events-none absolute inset-x-0 bottom-0 z-[2] px-5 pb-5 sm:px-6"
-}, ni = { class: "mx-auto flex w-full max-w-[1600px] justify-center" }, ri = /* @__PURE__ */ d({
+}, vi = { class: "mx-auto flex w-full max-w-[1600px] justify-center" }, yi = /* @__PURE__ */ d({
 	__name: "ListSurface",
 	props: {
 		active: {
@@ -3135,7 +3382,7 @@ var Fr = ["aria-label"], Ir = {
 	},
 	emits: ["open-fullscreen", "update:activeIndex"],
 	setup(e, { emit: n }) {
-		let r = e, d = N(), f = n, p = vr({
+		let r = e, d = N(), f = n, p = Pr({
 			active: A(r, "active"),
 			allowExhaustedNextPageRefresh: A(r, "allowExhaustedNextPageRefresh"),
 			items: A(r, "items"),
@@ -3151,11 +3398,11 @@ var Fr = ["aria-label"], Ir = {
 			setActiveIndex(e) {
 				f("update:activeIndex", e);
 			}
-		}), m = i(() => xt({
+		}), m = i(() => jt({
 			itemCount: r.items.length,
 			loading: r.loading,
 			phase: r.phase
-		})), g = i(() => St({
+		})), g = i(() => Mt({
 			errorMessage: r.errorMessage,
 			hasItems: r.items.length > 0,
 			hasNextPage: r.hasNextPage,
@@ -3168,15 +3415,15 @@ var Fr = ["aria-label"], Ir = {
 			message: g.value.message,
 			paginationDetail: r.paginationDetail,
 			total: r.items.length
-		}), x = i(() => !b.value || !d["grid-status"] ? [] : d["grid-status"](b.value)), C = i(() => gt(x.value)), w = i(() => r.items.length + p.leavingItems.value.length), { emptyStateProps: T, showBadgeEmptyState: O, showCustomEmptyState: M, showInlineEmptyState: P } = yt({
+		}), x = i(() => !b.value || !d["grid-status"] ? [] : d["grid-status"](b.value)), C = i(() => Et(x.value)), w = i(() => r.items.length + p.leavingItems.value.length), { emptyStateProps: T, showBadgeEmptyState: O, showCustomEmptyState: M, showInlineEmptyState: P } = kt({
 			emptyStateMode: A(r, "emptyStateMode"),
 			itemCount: w,
 			loading: A(r, "loading"),
 			renderSlot: d["empty-state"],
 			surface: "grid"
 		});
-		return (e, n) => (S(), s("div", qr, [
-			c("div", Jr, [c("span", Yr, [c("span", Xr, k(j(p).paginationLabel.value), 1), r.paginationDetail ? (S(), s("span", Zr, k(r.paginationDetail), 1)) : o("", !0)])]),
+		return (e, n) => (S(), s("div", li, [
+			c("div", ui, [c("span", di, [c("span", fi, k(j(p).paginationLabel.value), 1), r.paginationDetail ? (S(), s("span", pi, k(r.paginationDetail), 1)) : o("", !0)])]),
 			c("div", {
 				ref: j(p).scrollViewportRef,
 				"data-testid": "vibe-list-scroll",
@@ -3189,15 +3436,15 @@ var Fr = ["aria-label"], Ir = {
 				style: y({ height: `${j(p).containerHeight.value}px` })
 			}, [
 				(S(!0), s(t, null, E(j(p).renderedItems.value, ({ item: t, index: n }) => (S(), s("article", {
-					key: j(Q)(t),
+					key: j($)(t),
 					"data-testid": "vibe-list-card",
 					"data-active": n === j(p).resolvedActiveIndex.value ? "true" : "false",
 					"data-index": n,
 					"data-item-id": t.id,
-					"data-occurrence-key": j(Q)(t),
+					"data-occurrence-key": j($)(t),
 					class: "absolute will-change-transform",
 					style: y(j(p).getCardStyle(n))
-				}, [u(Kr, {
+				}, [u(ci, {
 					active: n === j(p).resolvedActiveIndex.value,
 					index: n,
 					item: t,
@@ -3221,14 +3468,14 @@ var Fr = ["aria-label"], Ir = {
 					"report-asset-load",
 					"surface-active",
 					"onOpen"
-				])], 12, Qr))), 128)),
+				])], 12, mi))), 128)),
 				(S(!0), s(t, null, E(j(p).leavingItems.value, (t) => (S(), s("article", {
-					key: `leaving-${j(Q)(t.item)}`,
+					key: `leaving-${j($)(t.item)}`,
 					"data-testid": "vibe-list-card-leaving",
 					"data-item-id": t.item.id,
 					class: "pointer-events-none absolute z-[2] will-change-[opacity,transform]",
 					style: y(j(p).getLeavingCardStyle(t.item))
-				}, [u(Kr, {
+				}, [u(ci, {
 					active: !1,
 					index: -1,
 					item: t.item,
@@ -3243,8 +3490,8 @@ var Fr = ["aria-label"], Ir = {
 					"item",
 					"report-asset-error",
 					"report-asset-load"
-				])], 12, $r))), 128)),
-				j(P) && j(T) ? (S(), a(Jt, {
+				])], 12, hi))), 128)),
+				j(P) && j(T) ? (S(), a(ln, {
 					key: 0,
 					message: j(T).message,
 					mode: j(T).mode,
@@ -3258,12 +3505,12 @@ var Fr = ["aria-label"], Ir = {
 					"surface"
 				])) : o("", !0)
 			], 4)], 544),
-			j(p).showScrollbar.value ? (S(), s("div", ei, [n[2] ||= c("div", { class: "absolute bottom-6 right-3 top-6 w-px bg-white/8" }, null, -1), c("div", {
+			j(p).showScrollbar.value ? (S(), s("div", gi, [n[2] ||= c("div", { class: "absolute bottom-6 right-3 top-6 w-px bg-white/8" }, null, -1), c("div", {
 				"data-testid": "vibe-list-scrollbar-thumb",
 				class: _(["absolute right-[0.625rem] w-1 bg-white/34 transition-[height,transform,background-color,opacity] duration-300 ease-out", r.loading ? "bg-white/52" : "bg-white/34"]),
 				style: y(j(p).getScrollbarThumbStyle())
 			}, null, 6)])) : o("", !0),
-			d["grid-footer"] ? (S(), s("div", ti, [c("div", ni, [D(e.$slots, "grid-footer")])])) : o("", !0),
+			d["grid-footer"] ? (S(), s("div", _i, [c("div", vi, [D(e.$slots, "grid-footer")])])) : o("", !0),
 			b.value ? (S(), s("div", {
 				key: 2,
 				class: _(["pointer-events-none absolute inset-x-0 bottom-0 z-[3] flex justify-center px-6", d["grid-footer"] ? "pb-24" : "pb-6"])
@@ -3272,7 +3519,7 @@ var Fr = ["aria-label"], Ir = {
 				"data-testid": "vibe-grid-status-badge",
 				class: _(["inline-flex items-center border border-white/14 bg-black/55 px-4 py-3 text-[0.7rem] font-bold uppercase tracking-[0.18em] text-[#f7f1ea]/72 backdrop-blur-[18px]", b.value.kind === "end" ? "border-amber-300/35 text-amber-200" : b.value.kind === "failed" ? "border-rose-400/45 text-rose-100" : ""])
 			}, k(b.value.message), 3))], 2)) : o("", !0),
-			j(O) && j(T) ? (S(), a(Jt, {
+			j(O) && j(T) ? (S(), a(ln, {
 				key: 3,
 				class: _(["z-[3]", d["grid-footer"] ? "pb-24" : "pb-6"]),
 				message: j(T).message,
@@ -3289,13 +3536,13 @@ var Fr = ["aria-label"], Ir = {
 			])) : o("", !0)
 		]));
 	}
-}), ii = ["data-surface-mode"], ai = {
+}), bi = ["data-surface-mode"], xi = {
 	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"
-}, oi = ["data-visible", "inert"], si = ["data-visible", "inert"], ci = {
+}, Si = ["data-visible", "inert"], Ci = ["data-visible", "inert"], wi = {
 	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"
-}, li = /* @__PURE__ */ d({
+}, Ti = /* @__PURE__ */ d({
 	name: "VibeLayout",
 	__name: "Layout",
 	props: {
@@ -3304,10 +3551,12 @@ var Fr = ["aria-label"], Ir = {
 		fillDelayStepMs: {},
 		initialCursor: {},
 		initialState: {},
+		loopFullscreenVideo: { type: Boolean },
 		mode: {},
 		pageSize: {},
 		paginationDetail: {},
 		resolve: { type: Function },
+		showDominantImageTone: { type: Boolean },
 		showEndBadge: { type: Boolean },
 		showStatusBadges: { type: Boolean },
 		surfaceMode: {}
@@ -3319,9 +3568,9 @@ var Fr = ["aria-label"], Ir = {
 		"update:surfaceMode"
 	],
 	setup(e, { expose: n, emit: i }) {
-		let d = e, p = N(), m = i, h = Ge(d, m), g = se((e) => {
+		let d = e, p = N(), m = i, h = qe(d, m), g = le((e) => {
 			m("asset-errors", e);
-		}), _ = ce((e) => {
+		}), _ = ue((e) => {
 			m("asset-loads", e);
 		});
 		return b(() => {
@@ -3348,7 +3597,7 @@ var Fr = ["aria-label"], Ir = {
 			type: "button",
 			class: "absolute left-5 top-5 z-30 inline-flex items-center border border-rose-400/55 bg-rose-500/18 px-4 py-2 text-xs font-medium uppercase tracking-[0.24em] text-white backdrop-blur transition hover:bg-rose-500/28",
 			onClick: n[0] ||= (...e) => j(h).retryInitialLoad && j(h).retryInitialLoad(...e)
-		}, " Retry ")) : j(h).errorMessage.value && j(h).items.value.length > 0 ? (S(), s("div", ai, k(j(h).errorMessage.value), 1)) : o("", !0), j(h).isDesktop.value ? (S(), s(t, { key: 2 }, [u(r, {
+		}, " Retry ")) : j(h).errorMessage.value && j(h).items.value.length > 0 ? (S(), s("div", xi, k(j(h).errorMessage.value), 1)) : o("", !0), j(h).isDesktop.value ? (S(), s(t, { key: 2 }, [u(r, {
 			appear: "",
 			"enter-active-class": "transition-[opacity,transform] duration-300 ease-out",
 			"enter-from-class": "translate-y-3 opacity-0",
@@ -3362,7 +3611,7 @@ var Fr = ["aria-label"], Ir = {
 				"data-visible": j(h).surfaceMode.value === "list" ? "true" : "false",
 				inert: j(h).surfaceMode.value !== "list",
 				class: "absolute inset-0 z-[2]"
-			}, [u(ri, {
+			}, [u(yi, {
 				active: j(h).surfaceMode.value === "list",
 				"allow-exhausted-next-page-refresh": j(h).canRefreshExhaustedNextPage.value,
 				items: j(h).items.value,
@@ -3430,7 +3679,7 @@ var Fr = ["aria-label"], Ir = {
 				"show-status-badges",
 				"onOpenFullscreen",
 				"onUpdate:activeIndex"
-			])], 8, oi), [[P, j(h).surfaceMode.value === "list"]])]),
+			])], 8, Si), [[P, j(h).surfaceMode.value === "list"]])]),
 			_: 3
 		}), u(r, {
 			appear: "",
@@ -3446,7 +3695,7 @@ var Fr = ["aria-label"], Ir = {
 				"data-visible": j(h).surfaceMode.value === "fullscreen" ? "true" : "false",
 				inert: j(h).surfaceMode.value !== "fullscreen",
 				class: "absolute inset-0 z-[3]"
-			}, [u(An, {
+			}, [u(Gn, {
 				items: j(h).items.value,
 				active: j(h).surfaceMode.value === "fullscreen",
 				"active-index": j(h).activeIndex.value,
@@ -3458,6 +3707,8 @@ var Fr = ["aria-label"], Ir = {
 				"report-asset-error": j(g).report,
 				"report-asset-load": j(_).report,
 				"empty-state-mode": d.emptyStateMode,
+				"loop-fullscreen-video": d.loopFullscreenVideo ?? !0,
+				"show-dominant-image-tone": d.showDominantImageTone ?? !0,
 				"show-end-badge": d.showEndBadge ?? !0,
 				"show-status-badges": d.showStatusBadges ?? !0,
 				"show-back-to-list": j(h).showBackToList.value,
@@ -3506,17 +3757,19 @@ var Fr = ["aria-label"], Ir = {
 				"report-asset-error",
 				"report-asset-load",
 				"empty-state-mode",
+				"loop-fullscreen-video",
+				"show-dominant-image-tone",
 				"show-end-badge",
 				"show-status-badges",
 				"show-back-to-list",
 				"onBackToList",
 				"onUpdate:activeIndex"
-			])], 8, si), [[P, j(h).surfaceMode.value === "fullscreen"]])]),
+			])], 8, Ci), [[P, j(h).surfaceMode.value === "fullscreen"]])]),
 			_: 3
-		})], 64)) : j(h).items.value.length === 0 && j(h).loading.value ? (S(), s("div", ci, [u(j(re), {
+		})], 64)) : j(h).items.value.length === 0 && j(h).loading.value ? (S(), s("div", wi, [u(j(re), {
 			class: "size-10 animate-spin text-[#f7f1ea]/82",
 			"aria-hidden": "true"
-		}), n[1] ||= c("p", { class: "m-0 text-[0.9rem] font-semibold uppercase tracking-[0.22em] text-[#f7f1ea]/72" }, " Loading... ", -1)])) : (S(), a(An, {
+		}), n[1] ||= c("p", { class: "m-0 text-[0.9rem] font-semibold uppercase tracking-[0.22em] text-[#f7f1ea]/72" }, " Loading... ", -1)])) : (S(), a(Gn, {
 			key: 4,
 			items: j(h).items.value,
 			active: !0,
@@ -3529,6 +3782,8 @@ var Fr = ["aria-label"], Ir = {
 			"report-asset-error": j(g).report,
 			"report-asset-load": j(_).report,
 			"empty-state-mode": d.emptyStateMode,
+			"loop-fullscreen-video": d.loopFullscreenVideo ?? !0,
+			"show-dominant-image-tone": d.showDominantImageTone ?? !0,
 			"show-end-badge": d.showEndBadge ?? !0,
 			"show-status-badges": d.showStatusBadges ?? !0,
 			"show-back-to-list": !1,
@@ -3576,14 +3831,16 @@ var Fr = ["aria-label"], Ir = {
 			"report-asset-error",
 			"report-asset-load",
 			"empty-state-mode",
+			"loop-fullscreen-video",
+			"show-dominant-image-tone",
 			"show-end-badge",
 			"show-status-badges",
 			"onBackToList",
 			"onUpdate:activeIndex"
-		]))], 8, ii));
+		]))], 8, bi));
 	}
-}), ui = { install(e) {
-	e.component("VibeLayout", li);
+}), Ei = { install(e) {
+	e.component("VibeLayout", Ti);
 } };
 //#endregion
-export { li as VibeLayout, ui as VibePlugin, ui as default };
+export { Ti as VibeLayout, Ei as VibePlugin, Ei as default };