@wyxos/vibe 3.1.6 → 3.1.8

package/lib/index.js

@@ -1,10 +1,10 @@
-import { Comment as e, Fragment as t, Text as n, Transition as r, computed as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createSlots as l, createVNode as u, defineComponent as d, guardReactiveProps as f, h as p, isVNode as m, mergeProps as h, nextTick as g, normalizeClass as _, normalizeProps as v, normalizeStyle as y, onBeforeUnmount as b, onMounted as x, openBlock as S, reactive as C, readonly as w, ref as T, renderList as E, renderSlot as D, resolveDynamicComponent as O, toDisplayString as k, toRef as A, unref as j, useAttrs as M, useSlots as N, vShow as P, watch as F, watchEffect as I, withCtx as L, withDirectives as R, withModifiers as z } from "vue";
+import { Comment as e, Fragment as t, Text as n, Transition as r, computed as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createSlots as l, createVNode as u, defineComponent as d, getCurrentScope as f, guardReactiveProps as p, h as m, isVNode as h, mergeProps as g, nextTick as _, normalizeClass as v, normalizeProps as y, normalizeStyle as b, onBeforeUnmount as x, onMounted as S, onScopeDispose as C, openBlock as w, reactive as T, readonly as E, ref as D, renderList as ee, renderSlot as O, resolveDynamicComponent as k, toDisplayString as A, toRef as j, unref as M, useAttrs as N, useSlots as P, vShow as F, watch as I, watchEffect as L, withCtx as R, withDirectives as z, withModifiers as te } from "vue";
 //#region node_modules/lucide-vue-next/dist/esm/shared/src/utils/hasA11yProp.js
 var B = (e) => {
 	for (let t in e) if (t.startsWith("aria-") || t === "role" || t === "title") return !0;
 	return !1;
-}, ee = (e) => e === "", V = (...e) => e.filter((e, t, n) => !!e && e.trim() !== "" && n.indexOf(e) === t).join(" ").trim(), H = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), U = (e) => e.replace(/^([A-Z])|[\s-_]+(\w)/g, (e, t, n) => n ? n.toUpperCase() : t.toLowerCase()), W = (e) => {
-	let t = U(e);
+}, V = (e) => e === "", H = (...e) => e.filter((e, t, n) => !!e && e.trim() !== "" && n.indexOf(e) === t).join(" ").trim(), U = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), W = (e) => e.replace(/^([A-Z])|[\s-_]+(\w)/g, (e, t, n) => n ? n.toUpperCase() : t.toLowerCase()), ne = (e) => {
+	let t = W(e);
 	return t.charAt(0).toUpperCase() + t.slice(1);
 }, G = {
 	xmlns: "http://www.w3.org/2000/svg",
@@ -16,27 +16,27 @@ var B = (e) => {
 	"stroke-width": 2,
 	"stroke-linecap": "round",
 	"stroke-linejoin": "round"
-}, te = ({ name: e, iconNode: t, absoluteStrokeWidth: n, "absolute-stroke-width": r, strokeWidth: i, "stroke-width": a, size: o = G.width, color: s = G.stroke, ...c }, { slots: l }) => p("svg", {
+}, K = ({ name: e, iconNode: t, absoluteStrokeWidth: n, "absolute-stroke-width": r, strokeWidth: i, "stroke-width": a, size: o = G.width, color: s = G.stroke, ...c }, { slots: l }) => m("svg", {
 	...G,
 	...c,
 	width: o,
 	height: o,
 	stroke: s,
-	"stroke-width": ee(n) || ee(r) || n === !0 || r === !0 ? Number(i || a || G["stroke-width"]) * 24 / Number(o) : i || a || G["stroke-width"],
-	class: V("lucide", c.class, ...e ? [`lucide-${H(W(e))}-icon`, `lucide-${H(e)}`] : ["lucide-icon"]),
+	"stroke-width": V(n) || V(r) || n === !0 || r === !0 ? Number(i || a || G["stroke-width"]) * 24 / Number(o) : i || a || G["stroke-width"],
+	class: H("lucide", c.class, ...e ? [`lucide-${U(ne(e))}-icon`, `lucide-${U(e)}`] : ["lucide-icon"]),
 	...!l.default && !B(c) && { "aria-hidden": "true" }
-}, [...t.map((e) => p(...e)), ...l.default ? [l.default()] : []]), K = (e, t) => (n, { slots: r, attrs: i }) => p(te, {
+}, [...t.map((e) => m(...e)), ...l.default ? [l.default()] : []]), q = (e, t) => (n, { slots: r, attrs: i }) => m(K, {
 	...i,
 	...n,
 	iconNode: t,
 	name: e
-}, r), q = K("arrow-left", [["path", {
+}, r), re = q("arrow-left", [["path", {
 	d: "m12 19-7-7 7-7",
 	key: "1l729n"
 }], ["path", {
 	d: "M19 12H5",
 	key: "x3x0zl"
-}]]), J = K("audio-lines", [
+}]]), J = q("audio-lines", [
 	["path", {
 		d: "M2 10v3",
 		key: "1fnikh"
@@ -61,7 +61,7 @@ var B = (e) => {
 		d: "M22 10v3",
 		key: "154ddg"
 	}]
-]), ne = K("clapperboard", [
+]), Y = q("clapperboard", [
 	["path", {
 		d: "m12.296 3.464 3.02 3.956",
 		key: "qash78"
@@ -78,13 +78,13 @@ var B = (e) => {
 		d: "m6.18 5.276 3.1 3.899",
 		key: "zjj9t3"
 	}]
-]), Y = K("file", [["path", {
+]), ie = q("file", [["path", {
 	d: "M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z",
 	key: "1oefj6"
 }], ["path", {
 	d: "M14 2v5a1 1 0 0 0 1 1h5",
 	key: "wfsgrz"
-}]]), X = K("image-plus", [
+}]]), ae = q("image-plus", [
 	["path", {
 		d: "M16 5h6",
 		key: "1vod17"
@@ -107,10 +107,10 @@ var B = (e) => {
 		r: "2",
 		key: "af1f0g"
 	}]
-]), re = K("loader-circle", [["path", {
+]), oe = q("loader-circle", [["path", {
 	d: "M21 12a9 9 0 1 1-6.219-8.56",
 	key: "13zald"
-}]]), ie = K("pause", [["rect", {
+}]]), se = q("pause", [["rect", {
 	x: "14",
 	y: "3",
 	width: "5",
@@ -124,10 +124,10 @@ var B = (e) => {
 	height: "18",
 	rx: "1",
 	key: "1wsw3u"
-}]]), ae = K("play", [["path", {
+}]]), ce = q("play", [["path", {
 	d: "M5 5a2 2 0 0 1 3.008-1.728l11.997 6.998a2 2 0 0 1 .003 3.458l-12 7A2 2 0 0 1 5 19z",
 	key: "10ikf1"
-}]]), oe = K("triangle-alert", [
+}]]), le = q("triangle-alert", [
 	["path", {
 		d: "m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3",
 		key: "wmoenq"
@@ -140,13 +140,13 @@ var B = (e) => {
 		d: "M12 17h.01",
 		key: "p32p05"
 	}]
-]), se = K("volume-1", [["path", {
+]), X = q("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 = K("volume-2", [
+}]]), ue = q("volume-2", [
 	["path", {
 		d: "M11 4.702a.705.705 0 0 0-1.203-.498L6.413 7.587A1.4 1.4 0 0 1 5.416 8H3a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h2.416a1.4 1.4 0 0 1 .997.413l3.383 3.384A.705.705 0 0 0 11 19.298z",
 		key: "uqj9uw"
@@ -159,7 +159,7 @@ var B = (e) => {
 		d: "M19.364 18.364a9 9 0 0 0 0-12.728",
 		key: "ijwkga"
 	}]
-]), Z = K("volume-x", [
+]), de = q("volume-x", [
 	["path", {
 		d: "M11 4.702a.705.705 0 0 0-1.203-.498L6.413 7.587A1.4 1.4 0 0 1 5.416 8H3a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h2.416a1.4 1.4 0 0 1 .997.413l3.383 3.384A.705.705 0 0 0 11 19.298z",
 		key: "uqj9uw"
@@ -179,13 +179,13 @@ var B = (e) => {
 		key: "5ykzw1"
 	}]
 ]);
-function le(e, t = 150) {
-	return de(e, (e) => `${e.surface}|${e.occurrenceKey}|${e.url}|${e.kind}`, t);
+function Z(e, t = 150) {
+	return pe(e, (e) => `${e.surface}|${e.occurrenceKey}|${e.url}|${e.kind}`, t);
 }
-function ue(e, t = 150) {
-	return de(e, (e) => `${e.surface}|${e.occurrenceKey}|${e.url}`, t);
+function fe(e, t = 150) {
+	return pe(e, (e) => `${e.surface}|${e.occurrenceKey}|${e.url}`, t);
 }
-function de(e, t, n) {
+function pe(e, t, n) {
 	let r = [], i = /* @__PURE__ */ new Set(), a = null;
 	function o(e) {
 		let o = t(e);
@@ -209,41 +209,41 @@ function de(e, t, n) {
 }
 //#endregion
 //#region src/components/viewer-core/dom.ts
-function Q(e) {
+function me(e) {
 	return e instanceof HTMLElement && [
 		"INPUT",
 		"TEXTAREA",
 		"SELECT"
 	].includes(e.tagName);
 }
-function fe(e) {
+function he(e) {
 	return e instanceof HTMLElement && !!e.closest("[data-swipe-lock], input, textarea, select, a");
 }
-function pe(e) {
+function ge(e) {
 	return e === "filling" || e === "initializing" || e === "loading" || e === "refreshing";
 }
-function me(e) {
+function _e(e) {
 	return !e || !Number.isFinite(e) || e < 1 ? 25 : Math.floor(e);
 }
-function he(e) {
+function ve(e) {
 	return e ?? "__vibe_initial_cursor__";
 }
-function ge(e, t, n) {
+function Q(e, t, n) {
 	return Math.min(Math.max(e, t), n);
 }
 //#endregion
 //#region src/components/viewer-core/removalState.ts
-function _e() {
-	let e = T(/* @__PURE__ */ new Set()), t = T([]);
+function ye() {
+	let e = D(/* @__PURE__ */ new Set()), t = D([]);
 	function n(n) {
-		let r = ve(n).filter((t) => !e.value.has(t));
+		let r = be(n).filter((t) => !e.value.has(t));
 		if (!r.length) return { ids: [] };
 		let i = new Set(e.value);
 		for (let e of r) i.add(e);
 		return e.value = i, t.value = [...t.value, r], { ids: r };
 	}
 	function r(t) {
-		let n = ve(t).filter((t) => e.value.has(t));
+		let n = be(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);
@@ -274,18 +274,18 @@ function _e() {
 		undo: i
 	};
 }
-function ve(e) {
+function be(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 ye = "__vibeOccurrenceKey";
+var xe = "__vibeOccurrenceKey";
 function $(e) {
-	let t = e[ye];
+	let t = e[xe];
 	return typeof t == "string" && t.length > 0 ? t : e.id;
 }
-function be(e, t, n) {
+function Se(e, t, n) {
 	let r = /* @__PURE__ */ new Map(), i = [], a = n;
 	for (let e of t) {
 		let t = r.get(e.id), n = $(e);
@@ -293,49 +293,49 @@ function be(e, t, n) {
 	}
 	for (let t of e) {
 		let e = r.get(t.id)?.shift() ?? `vibe-occurrence-${a += 1}`;
-		i.push(xe(t, e));
+		i.push(Ce(t, e));
 	}
 	return {
 		items: i,
 		nextSequence: a
 	};
 }
-function xe(e, t) {
+function Ce(e, t) {
 	return $(e) === t ? e : {
 		...e,
-		[ye]: t
+		[xe]: t
 	};
 }
 //#endregion
 //#region src/components/viewer-core/autoBuckets.ts
-function Se(e) {
+function we(e) {
 	return e.flatMap((e) => e.items);
 }
-function Ce(e, t) {
+function Te(e, t) {
 	return t.size ? e.filter((e) => !t.has(e.id)) : e;
 }
-function we(e, t) {
-	return Ce(e.items, t);
+function Ee(e, t) {
+	return Te(e.items, t);
 }
-function Te(e, t) {
-	return we(e, t).length;
+function De(e, t) {
+	return Ee(e, t).length;
 }
-function Ee(e, t, n) {
+function Oe(e, t, n) {
 	if (n < 0) return null;
 	let r = 0;
 	for (let i of e) {
-		let e = we(i, t), a = r + e.length;
+		let e = Ee(i, t), a = r + e.length;
 		if (n < a) return i.cursor;
 		r = a;
 	}
 	return null;
 }
-function De(e, t, n) {
+function ke(e, t, n) {
 	let r = [...e], i = r.findIndex((e) => e.cursor === t);
 	return i >= 0 && r.splice(i, 1, n), r;
 }
-function Oe(e, t, n) {
-	let r = be(e, t, n);
+function Ae(e, t, n) {
+	let r = Se(e, t, n);
 	return {
 		items: r.items,
 		nextSequence: r.nextSequence
@@ -343,11 +343,11 @@ function Oe(e, t, n) {
 }
 //#endregion
 //#region src/components/viewer-core/autoResolveState.ts
-function ke(e) {
+function je(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 Ae(e) {
-	let t = Oe(e.nextItems, e.previousItems, e.sequence);
+function Me(e) {
+	let t = Ae(e.nextItems, e.previousItems, e.sequence);
 	return {
 		bucket: {
 			cursor: e.cursor,
@@ -358,7 +358,7 @@ function Ae(e) {
 		nextSequence: t.nextSequence
 	};
 }
-function je(e, t, n, r) {
+function Ne(e, t, n, r) {
 	if (!e.length) return r ? null : {
 		buckets: [],
 		canceled: r,
@@ -368,47 +368,47 @@ function je(e, t, n, r) {
 	return {
 		buckets: i,
 		canceled: r,
-		visibleCount: i.reduce((e, t) => e + Te(t, n), 0)
+		visibleCount: i.reduce((e, t) => e + De(t, n), 0)
 	};
 }
-function Me(e) {
-	let t = Ae({
+function Pe(e) {
+	let t = Me({
 		cursor: e.initialState.cursor,
 		nextCursor: e.initialState.nextCursor ?? null,
 		nextItems: e.initialState.items,
 		previousCursor: e.initialState.previousCursor ?? null,
 		previousItems: [],
 		sequence: e.sequence
-	}), n = Ce(t.bucket.items, e.removedIds);
+	}), n = Te(t.bucket.items, e.removedIds);
 	return {
-		activeIndex: ge(e.initialState.activeIndex ?? 0, 0, Math.max(0, n.length - 1)),
+		activeIndex: Q(e.initialState.activeIndex ?? 0, 0, Math.max(0, n.length - 1)),
 		buckets: [t.bucket],
 		nextSequence: t.nextSequence
 	};
 }
-function Ne(e, t) {
-	let n = e[ge(t, 0, Math.max(0, e.length - 1))];
+function Fe(e, t) {
+	let n = e[Q(t, 0, Math.max(0, e.length - 1))];
 	return n ? $(n) : null;
 }
-function Pe(e, t, n = null) {
+function Ie(e, t, n = null) {
 	if (!e.length) return 0;
 	let r = n ? e.findIndex((e) => $(e) === n) : -1;
-	return r >= 0 ? r : ge(t, 0, e.length - 1);
+	return r >= 0 ? r : Q(t, 0, e.length - 1);
 }
-function Fe(e, t, n) {
-	return e ? Te(e, t) < n : !1;
+function Le(e, t, n) {
+	return e ? De(e, t) < n : !1;
 }
 //#endregion
 //#region src/components/viewer-core/fillDelay.ts
-var Ie = 2e3, Le = 1e3, Re = 100;
-function ze(e, t = Ie, n = Le) {
+var Re = 2e3, ze = 1e3, Be = 100;
+function Ve(e, t = Re, n = ze) {
 	return t + Math.max(0, e - 1) * n;
 }
-function Be(e, t) {
+function He(e, t) {
 	return !Number.isFinite(e) || e == null || e < 0 ? t : Math.floor(e);
 }
-function Ve() {
-	let e = T(null), t = null, n = null, r = null;
+function Ue() {
+	let e = D(null), t = null, n = null, r = null;
 	function i(i = !1) {
 		if (t &&= (clearInterval(t), null), n &&= (clearTimeout(n), null), e.value = null, i && r) {
 			let e = r;
@@ -425,7 +425,7 @@ function Ve() {
 				let t = Math.max(0, a - (Date.now() - s));
 				e.value = t, t <= 0 && l();
 			};
-			t = setInterval(u, Re), n = setTimeout(l, a), u();
+			t = setInterval(u, Be), n = setTimeout(l, a), u();
 		}));
 	}
 	return {
@@ -436,110 +436,118 @@ function Ve() {
 }
 //#endregion
 //#region src/components/viewer-core/useAutoResolveSource.ts
-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), ee = i(() => Ce(Se(a.value), e.removedIds.value)), V = i(() => Ee(n.value, e.removedIds.value, j.value)), H = i(() => !A.value.length && !M.value && !!s.value);
-	F(() => A.value.length, (e) => {
+function We(e) {
+	let t = !!e.initialState?.items.length, n = D([]), r = D(0), a = D([]), o = D(!1), s = D(null), c = D(!t && typeof e.resolve == "function" ? "initializing" : "idle"), l = D(null), u = Ue(), d = u.remainingMs, f = D(null), p = D(!1), m = D(!0), h = D(!1), g = /* @__PURE__ */ new Set(), _ = null, v = null, y = 0, b = 0, C = i(() => He(e.fillDelayMs, Re)), w = i(() => He(e.fillDelayStepMs, ze)), T = i(() => typeof e.resolve == "function"), E = i(() => _e(e.pageSize)), ee = i(() => we(n.value)), O = i(() => Te(ee.value, e.removedIds.value)), k = i(() => r.value), A = i(() => ge(c.value) || p.value), j = i(() => Ge(n.value, e.removedIds.value)), M = i(() => Ke(n.value, e.removedIds.value)), N = i(() => M.value?.nextCursor ?? null), P = i(() => o.value ? null : j.value?.previousCursor ?? null), F = i(() => !!N.value), L = i(() => !!P.value), R = i(() => T.value && n.value.length > 0), z = i(() => Te(we(a.value), e.removedIds.value)), te = i(() => Oe(n.value, e.removedIds.value, k.value)), B = i(() => !O.value.length && !A.value && !!s.value);
+	I(() => O.value.length, (e) => {
 		if (e === 0) {
 			r.value = 0;
 			return;
 		}
-		o.value &&= (ye(), !1), r.value > e - 1 && (r.value = e - 1);
-	}), F(() => r.value, () => {
+		o.value &&= (he(), !1), r.value > e - 1 && (r.value = e - 1);
+	}), I(() => r.value, () => {
 		m.value && se();
+	}), S(() => {
+		fe() || e.resolve && V();
 	}), x(() => {
-		fe() || e.resolve && U();
-	}), b(() => {
 		_?.abort(), _ = null, u.clear(!0);
 	});
-	async function U() {
-		v = U;
+	async function V() {
+		v = V;
 		let t = await ue({
-			continueUntilFilled: D.value === "dynamic",
+			continueUntilFilled: !0,
 			cursor: e.initialCursor ?? null,
 			direction: "forward",
 			phase: "initializing"
 		});
-		t && (n.value = t.buckets, r.value = 0, Q());
-	}
-	async function W() {
-		if (!(h.value || M.value)) {
-			if (!R.value) return B.value ? le("trailing") : void 0;
-			if (D.value === "static" && ve("trailing")) return le("trailing");
-			await ce(I.value);
+		t && (n.value = t.buckets, r.value = 0, Z());
+	}
+	async function H() {
+		if (!(h.value || A.value)) {
+			if (me("trailing") || !F.value) {
+				if (!R.value) return;
+				let e = await X("trailing");
+				e?.itemsLoaded === 0 && e.followCursor && await ce(e.followCursor);
+				return;
+			}
+			await ce(N.value);
 		}
 	}
-	async function G() {
-		if (!(h.value || !z.value || M.value)) {
-			if (D.value === "static" && ve("leading")) return le("leading");
-			await Z(L.value);
+	async function U() {
+		if (!(h.value || !L.value || A.value)) {
+			if (me("leading")) {
+				let e = await X("leading");
+				e?.itemsLoaded === 0 && e.followCursor && await le(e.followCursor);
+				return;
+			}
+			await le(P.value);
 		}
 	}
-	async function te() {
-		if (H.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), fe()) {
-				Q();
+	async function W() {
+		if (B.value) {
+			if (n.value = [], r.value = 0, a.value = [], o.value = !1, s.value = null, c.value = T.value ? "initializing" : "idle", l.value = null, f.value = null, p.value = !1, g.clear(), _?.abort(), _ = null, u.clear(!0), fe()) {
+				Z();
 				return;
 			}
-			await U();
+			await V();
 		}
 	}
-	async function K() {
-		if (H.value) return te();
+	async function ne() {
+		if (B.value) return W();
 		h.value || c.value !== "failed" || !v || (s.value = null, await v());
 	}
-	async function q() {
-		if (!a.value.length) return p.value = !1, Q();
-		n.value = [...n.value, ...a.value], a.value = [], p.value = !1, Q();
+	async function G() {
+		if (!a.value.length) return p.value = !1, Z();
+		n.value = [...n.value, ...a.value], a.value = [], p.value = !1, Z();
 	}
-	function J(t) {
-		let n = A.value;
+	function K(t) {
+		let n = O.value;
 		if (!n.length) return;
-		let i = ge(t, 0, n.length - 1);
+		let i = Q(t, 0, n.length - 1);
 		i !== r.value && (r.value = i, e.emit("update:activeIndex", i));
 	}
-	function ne(e) {
+	function q(e) {
 		m.value = e;
 	}
-	function Y() {
+	function re() {
 		h.value = !0, u.clear(!0);
 	}
-	function X() {
+	function J() {
 		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, Q();
+	function Y() {
+		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();
 	}
 	function ie() {
-		return Ne(A.value, j.value);
+		return Fe(O.value, k.value);
 	}
 	function ae(e = null, t = {}) {
-		if (A.value.length === 0) {
+		if (O.value.length === 0) {
 			r.value = 0, !t.preserveTrailingPlaceholder && n.value.length > 0 && (o.value = !0);
 			return;
 		}
 		if (e) {
-			let t = A.value.findIndex((t) => $(t) === e);
+			let t = O.value.findIndex((t) => $(t) === e);
 			if (t >= 0) {
 				r.value = t;
 				return;
 			}
 		}
-		if (t.preserveTrailingPlaceholder && r.value >= A.value.length) {
-			r.value = A.value.length;
+		if (t.preserveTrailingPlaceholder && r.value >= O.value.length) {
+			r.value = O.value.length;
 			return;
 		}
-		r.value = Pe(A.value, j.value, e);
+		r.value = Ie(O.value, k.value, e);
 	}
 	function oe() {
-		a.value.length > 0 && !ee.value.length && q();
+		a.value.length > 0 && !z.value.length && G();
 	}
 	async function se() {
-		if (!(!m.value || _e())) {
-			if (!A.value.length) {
-				R.value && await W();
+		if (!(!m.value || pe())) {
+			if (!O.value.length) {
+				F.value && await H();
 				return;
 			}
-			z.value && r.value < 3 && await G(), R.value && r.value >= A.value.length - 3 && await W();
+			L.value && r.value < 3 && await U(), F.value && r.value >= O.value.length - 3 && await H();
 		}
 	}
 	async function ce(e) {
@@ -547,63 +555,62 @@ function He(e) {
 			await ce(e);
 		};
 		let t = await ue({
-			continueUntilFilled: D.value === "dynamic",
+			continueUntilFilled: !0,
 			cursor: e,
 			direction: "forward",
 			phase: "loading"
 		});
 		if (t) {
-			if (t.canceled) return n.value = [...n.value, ...t.buckets], a.value = [], p.value = !1, Q();
-			if (a.value = t.buckets, !ee.value.length) return n.value = [...n.value, ...a.value], a.value = [], p.value = !1, Q();
+			if (t.canceled) return n.value = [...n.value, ...t.buckets], a.value = [], p.value = !1, Z();
+			if (a.value = t.buckets, !z.value.length) return n.value = [...n.value, ...a.value], a.value = [], p.value = !1, Z();
 			p.value = !0;
 		}
 	}
-	async function Z(e) {
+	async function le(e) {
 		v = async () => {
-			await Z(e);
+			await le(e);
 		};
 		let t = await ue({
-			continueUntilFilled: D.value === "dynamic",
+			continueUntilFilled: !0,
 			cursor: e,
 			direction: "backward",
 			phase: "loading"
 		});
 		if (!t) return;
 		let r = ie();
-		n.value = [...t.buckets, ...n.value], ae(r), Q();
+		n.value = [...t.buckets, ...n.value], ae(r), Z();
 	}
-	async function le(t) {
+	async function X(t) {
 		if (v = async () => {
-			await le(t);
-		}, !e.resolve) return;
-		let r = t === "leading" ? N.value : P.value;
-		if (!r) return;
-		let i = he(r.cursor);
-		if (g.has(i)) return;
+			await X(t);
+		}, !e.resolve) return null;
+		let r = t === "leading" ? j.value : M.value;
+		if (!r) return null;
+		let i = ve(r.cursor);
+		if (g.has(i)) return null;
 		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();
 		_ = o;
 		try {
-			let t = await e.resolve({
+			let i = await e.resolve({
 				cursor: r.cursor,
-				pageSize: O.value,
+				pageSize: E.value,
 				signal: o?.signal
 			});
-			if (a !== y) return Q();
-			let i = de({
+			if (a !== y) return Z(), null;
+			let s = de({
 				cursor: r.cursor,
-				nextCursor: t.nextPage,
-				nextItems: t.items,
-				previousCursor: t.previousPage ?? null,
+				nextCursor: i.nextPage,
+				nextItems: i.items,
+				previousCursor: i.previousPage ?? null,
 				previousItems: r.items
-			}), s = ie();
-			n.value = De(n.value, r.cursor, i), ae(s), Q();
+			}), c = ie();
+			return n.value = ke(n.value, r.cursor, s), ae(c), Z(), {
+				followCursor: t === "leading" ? i.previousPage ?? null : i.nextPage,
+				itemsLoaded: i.items.length
+			};
 		} catch (e) {
-			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;
+			return je(e) || a !== y ? (Z(), null) : (s.value = e instanceof Error ? e.message : "The viewer could not load items.", c.value = "failed", l.value = null, f.value = null, null);
 		} finally {
 			_ === o && (_ = null), g.delete(i);
 		}
@@ -612,9 +619,9 @@ function He(e) {
 		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 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 (n !== y) return Ne(i, t.direction, e.removedIds.value, !0);
+			if (i.length > 0 && h.value) return Ne(i, t.direction, e.removedIds.value, !1);
+			let d = ve(a);
 			if (r.has(d) || g.has(d)) break;
 			r.add(d), g.add(d);
 			let p = typeof AbortController > "u" ? null : new AbortController();
@@ -622,10 +629,10 @@ function He(e) {
 			try {
 				let r = await e.resolve({
 					cursor: a,
-					pageSize: O.value,
+					pageSize: E.value,
 					signal: p?.signal
 				});
-				if (n !== y) return je(i, t.direction, e.removedIds.value, !0);
+				if (n !== y) return Ne(i, t.direction, e.removedIds.value, !0);
 				let s = de({
 					cursor: a,
 					nextCursor: r.nextPage,
@@ -634,120 +641,118 @@ function He(e) {
 					previousItems: []
 				});
 				i.push(s);
-				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 {
+				let d = i.reduce((t, n) => t + De(n, e.removedIds.value), 0), m = t.direction === "forward" ? s.nextCursor : s.previousCursor;
+				if (!t.continueUntilFilled || d >= E.value || !m) return {
 					canceled: !1,
 					buckets: t.direction === "backward" ? [...i].reverse() : i,
 					visibleCount: d
 				};
-				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 = ze(o, C.value, w.value);
-				if (await u.wait(g), n !== y) return je(i, t.direction, e.removedIds.value, !0);
+				if (h.value) return Ne(i, t.direction, e.removedIds.value, !1);
+				c.value = "filling", l.value = d, f.value = E.value, o += 1;
+				let g = Ve(o, C.value, w.value);
+				if (await u.wait(g), n !== y) return Ne(i, t.direction, e.removedIds.value, !0);
 				a = m;
 			} catch (r) {
-				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);
+				return je(r) || n !== y ? Ne(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 je(i, t.direction, e.removedIds.value, !1);
+		return Ne(i, t.direction, e.removedIds.value, !1);
 	}
 	function de(e) {
-		let t = Ae({
+		let t = Me({
 			cursor: e.cursor,
 			nextCursor: e.nextCursor,
 			nextItems: e.nextItems,
 			previousCursor: e.previousCursor,
 			previousItems: e.previousItems,
-			sequence: S
+			sequence: b
 		});
-		return S = t.nextSequence, t.bucket;
+		return b = t.nextSequence, t.bucket;
 	}
-	function Q() {
+	function Z() {
 		c.value = "idle", l.value = null, f.value = null, u.clear();
 	}
 	function fe() {
 		if (!e.initialState || !e.initialState.items.length) return !1;
-		let t = Me({
+		let t = Pe({
 			initialState: e.initialState,
 			removedIds: e.removedIds.value,
-			sequence: S
+			sequence: b
 		});
-		return n.value = t.buckets, r.value = t.activeIndex, S = t.nextSequence, o.value = !1, s.value = null, a.value = [], p.value = !1, !0;
+		return n.value = t.buckets, r.value = t.activeIndex, b = t.nextSequence, o.value = !1, s.value = null, a.value = [], p.value = !1, !0;
 	}
-	function _e() {
+	function pe() {
 		return c.value === "initializing";
 	}
-	function ve(t) {
-		return Fe(t === "leading" ? N.value : P.value, e.removedIds.value, O.value);
+	function me(t) {
+		return Le(t === "leading" ? j.value : M.value, e.removedIds.value, E.value);
 	}
-	function ye() {
-		let t = n.value.findIndex((t) => Te(t, e.removedIds.value) > 0);
+	function he() {
+		let t = n.value.findIndex((t) => De(t, e.removedIds.value) > 0);
 		if (t < 0) return;
 		let r = t;
-		for (let i = n.value.length - 1; i >= t; --i) if (Te(n.value[i], e.removedIds.value) > 0) {
+		for (let i = n.value.length - 1; i >= t; --i) if (De(n.value[i], e.removedIds.value) > 0) {
 			r = i;
 			break;
 		}
 		n.value = n.value.slice(t, r + 1);
 	}
 	return {
-		activeIndex: j,
-		canRetryInitialLoad: H,
-		cancel: re,
-		canRefreshTrailingBoundary: B,
-		commitPendingAppend: q,
-		currentCursor: V,
+		activeIndex: k,
+		canRetryInitialLoad: B,
+		cancel: Y,
+		canRefreshTrailingBoundary: R,
+		commitPendingAppend: G,
+		currentCursor: te,
 		errorMessage: s,
 		fillCollectedCount: l,
 		fillDelayRemainingMs: d,
 		fillTargetCount: f,
-		hasNextPage: R,
-		hasPreviousPage: z,
+		hasNextPage: F,
+		hasPreviousPage: L,
 		isAutoPrefetchEnabled: m,
 		isPageLoadingLocked: h,
-		items: A,
-		lockPageLoading: Y,
-		loading: M,
-		mode: D,
+		items: O,
+		lockPageLoading: re,
+		loading: A,
 		maybePrefetchAround: se,
-		nextCursor: I,
-		pendingAppendItems: ee,
+		nextCursor: N,
+		pendingAppendItems: z,
 		phase: c,
-		prefetchNextPage: W,
-		prefetchPreviousPage: G,
-		previousCursor: L,
-		retryInitialLoad: te,
-		retry: K,
-		setActiveIndex: J,
-		setAutoPrefetchEnabled: ne,
+		prefetchNextPage: H,
+		prefetchPreviousPage: U,
+		previousCursor: P,
+		retryInitialLoad: W,
+		retry: ne,
+		setActiveIndex: K,
+		setAutoPrefetchEnabled: q,
 		syncActiveIndexAfterVisibilityChange: ae,
-		unlockPageLoading: X,
+		unlockPageLoading: J,
 		getActiveOccurrenceKey: ie,
 		maybeCommitPendingAppendWhenFilteredOut: oe
 	};
 }
-function Ue(e, t) {
-	return e.find((e) => Te(e, t) > 0) ?? e[0] ?? null;
+function Ge(e, t) {
+	return e.find((e) => De(e, t) > 0) ?? e[0] ?? null;
 }
-function We(e, t) {
+function Ke(e, t) {
 	for (let n = e.length - 1; n >= 0; --n) {
 		let r = e[n];
-		if (Te(r, t) > 0) return r;
+		if (De(r, t) > 0) return r;
 	}
 	return e[e.length - 1] ?? null;
 }
 //#endregion
 //#region src/components/viewer-core/useDataSource.ts
-function Ge(e, t) {
-	let { clearRemoved: n, getRemovedIds: r, remove: a, removedIds: o, restore: s, undo: c } = _e(), l = He({
+function qe(e, t) {
+	let { clearRemoved: n, getRemovedIds: r, remove: a, removedIds: o, restore: s, undo: c } = ye(), l = We({
 		emit: t,
 		fillDelayMs: e.fillDelayMs,
 		fillDelayStepMs: e.fillDelayStepMs,
 		initialCursor: e.initialCursor,
 		initialState: e.initialState,
-		mode: e.mode,
 		pageSize: e.pageSize,
 		removedIds: o,
 		resolve: e.resolve
@@ -808,7 +813,6 @@ function Ge(e, t) {
 		loading: f,
 		loadNext: T,
 		loadPrevious: E,
-		mode: l.mode,
 		nextCursor: l.nextCursor,
 		paginationDetail: g,
 		pendingAppendItems: l.pendingAppendItems,
@@ -829,12 +833,12 @@ function Ge(e, t) {
 }
 //#endregion
 //#region src/components/viewer-core/useController.ts
-var Ke = 1024;
-function qe(e, t) {
-	let n = Ge(e, t), r = C({
+var Je = 1024;
+function Ye(e, t) {
+	let n = qe(e, t), r = T({
 		nextBoundaryLoadProgress: 0,
 		previousBoundaryLoadProgress: 0
-	}), a = T(0), o = T("list"), s = C({
+	}), a = D(0), o = D("list"), s = T({
 		activeIndex: 0,
 		currentCursor: null,
 		errorMessage: null,
@@ -845,7 +849,6 @@ function qe(e, t) {
 		hasPreviousPage: !1,
 		itemCount: 0,
 		loadState: "loaded",
-		mode: "dynamic",
 		nextBoundaryLoadProgress: 0,
 		nextCursor: null,
 		pageLoadingLocked: !1,
@@ -855,27 +858,27 @@ function qe(e, t) {
 		removedCount: 0,
 		removedIds: [],
 		surfaceMode: "list"
-	}), c = i(() => a.value >= Ke), l = i(() => c.value ? o.value : "fullscreen"), u = i(() => c.value && l.value === "fullscreen");
-	F(c, (e) => {
+	}), c = i(() => a.value >= Je), l = i(() => c.value ? o.value : "fullscreen"), u = i(() => c.value && l.value === "fullscreen");
+	I(c, (e) => {
 		e && h();
-	}), F(() => e.surfaceMode, () => {
+	}), I(() => e.surfaceMode, () => {
 		h();
-	}), F([l, () => n.pendingAppendItems.value.length], ([e, t]) => {
+	}), I([l, () => n.pendingAppendItems.value.length], ([e, t]) => {
 		e === "list" || t <= 0 || n.commitPendingAppend();
-	}), F([
+	}), I([
 		() => n.items.value.length,
 		() => n.loading.value,
 		() => n.hasNextPage.value,
 		() => n.pendingAppendItems.value.length
 	], ([e, n, r, i]) => {
 		!c.value || e > 0 || o.value === "list" || n || r || i > 0 || (o.value = "list", t("update:surfaceMode", "list"));
-	}), F(l, (e) => {
+	}), I(l, (e) => {
 		n.setAutoPrefetchEnabled(e === "fullscreen");
-	}, { immediate: !0 }), I(() => {
-		s.activeIndex = n.activeIndex.value, s.currentCursor = n.currentCursor.value, s.errorMessage = n.errorMessage.value, s.fillCollectedCount = n.fillCollectedCount.value, s.fillDelayRemainingMs = n.fillDelayRemainingMs.value, s.fillTargetCount = n.fillTargetCount.value, s.hasNextPage = n.hasNextPage.value, s.hasPreviousPage = n.hasPreviousPage.value, s.itemCount = n.items.value.length, s.loadState = n.loading.value ? "loading" : n.errorMessage.value ? "failed" : "loaded", s.mode = n.mode.value, s.nextBoundaryLoadProgress = r.nextBoundaryLoadProgress, s.nextCursor = n.nextCursor.value, s.pageLoadingLocked = n.isPageLoadingLocked.value, s.phase = n.phase.value, s.previousBoundaryLoadProgress = r.previousBoundaryLoadProgress, s.previousCursor = n.previousCursor.value, s.removedCount = n.removedCount.value, s.removedIds = n.getRemovedIds(), s.surfaceMode = l.value;
-	}), x(() => {
+	}, { immediate: !0 }), L(() => {
+		s.activeIndex = n.activeIndex.value, s.currentCursor = n.currentCursor.value, s.errorMessage = n.errorMessage.value, s.fillCollectedCount = n.fillCollectedCount.value, s.fillDelayRemainingMs = n.fillDelayRemainingMs.value, s.fillTargetCount = n.fillTargetCount.value, s.hasNextPage = n.hasNextPage.value, s.hasPreviousPage = n.hasPreviousPage.value, s.itemCount = n.items.value.length, s.loadState = n.loading.value ? "loading" : n.errorMessage.value ? "failed" : "loaded", s.nextBoundaryLoadProgress = r.nextBoundaryLoadProgress, s.nextCursor = n.nextCursor.value, s.pageLoadingLocked = n.isPageLoadingLocked.value, s.phase = n.phase.value, s.previousBoundaryLoadProgress = r.previousBoundaryLoadProgress, s.previousCursor = n.previousCursor.value, s.removedCount = n.removedCount.value, s.removedIds = n.getRemovedIds(), s.surfaceMode = l.value;
+	}), S(() => {
 		m(), h(), window.addEventListener("keydown", p), window.addEventListener("resize", m);
-	}), b(() => {
+	}), x(() => {
 		window.removeEventListener("keydown", p), window.removeEventListener("resize", m);
 	});
 	function d(e) {
@@ -885,7 +888,7 @@ function qe(e, t) {
 		!c.value || o.value === "list" || (o.value = "list", t("update:surfaceMode", "list"));
 	}
 	function p(e) {
-		e.defaultPrevented || e.key !== "Escape" || !c.value || l.value !== "fullscreen" || Q(e.target) || (e.preventDefault(), f());
+		e.defaultPrevented || e.key !== "Escape" || !c.value || l.value !== "fullscreen" || me(e.target) || (e.preventDefault(), f());
 	}
 	function m() {
 		a.value = window.innerWidth || 0;
@@ -894,7 +897,7 @@ function qe(e, t) {
 		!c.value || !e.surfaceMode || e.surfaceMode === o.value || (o.value = e.surfaceMode);
 	}
 	function g(e) {
-		r.nextBoundaryLoadProgress = Je(e.nextBoundaryLoadProgress), r.previousBoundaryLoadProgress = Je(e.previousBoundaryLoadProgress);
+		r.nextBoundaryLoadProgress = Xe(e.nextBoundaryLoadProgress), r.previousBoundaryLoadProgress = Xe(e.previousBoundaryLoadProgress);
 	}
 	return {
 		...n,
@@ -908,31 +911,31 @@ function qe(e, t) {
 		retry: n.retry,
 		setBoundaryLoadProgress: g,
 		showBackToList: u,
-		status: w(s),
+		status: E(s),
 		surfaceMode: l,
 		unlockPageLoading: n.unlockPageLoading
 	};
 }
-function Je(e) {
+function Xe(e) {
 	return Math.min(Math.max(e, 0), 1);
 }
 //#endregion
 //#region src/components/FullscreenMediaBar.vue?vue&type=script&setup=true&lang.ts
-var Ye = {
+var Ze = {
 	"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]"
-}, Xe = { 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]" }, Ze = { class: "text-[0.76rem] font-bold uppercase tracking-[0.18em] text-[#f7f1ea]/74" }, Qe = { class: "relative h-4 w-full" }, $e = [
+}, Qe = { 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]" }, $e = { class: "text-[0.76rem] font-bold uppercase tracking-[0.18em] text-[#f7f1ea]/74" }, et = { class: "relative h-4 w-full" }, tt = [
 	"max",
 	"value",
 	"disabled"
-], et = { class: "text-[0.76rem] font-bold uppercase tracking-[0.18em] text-[#f7f1ea]/74" }, tt = ["data-layout"], nt = {
+], nt = { class: "text-[0.76rem] font-bold uppercase tracking-[0.18em] text-[#f7f1ea]/74" }, rt = ["data-layout"], it = {
 	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]"
-}, rt = { class: "relative flex h-28 w-4 items-center justify-center" }, it = ["value"], at = { class: "flex items-center gap-3" }, ot = ["aria-label"], st = {
+}, at = { class: "relative flex h-28 w-4 items-center justify-center" }, ot = ["value"], st = { class: "flex items-center gap-3" }, ct = ["aria-label"], lt = {
 	key: 0,
 	class: "relative h-4 w-24"
-}, ct = ["value"], lt = /* @__PURE__ */ d({
+}, ut = ["value"], dt = /* @__PURE__ */ d({
 	__name: "FullscreenMediaBar",
 	props: {
 		currentTime: {},
@@ -950,18 +953,18 @@ var Ye = {
 		"volume-toggle"
 	],
 	setup(e, { emit: t }) {
-		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) => {
+		let n = e, r = t, l = D(null), u = D(!1), d = i(() => n.volumeControlLayout === "vertical"), f = i(() => C(n.volume, 0, 1)), p = i(() => Math.round(f.value * 100)), m = i(() => n.muted || f.value <= 0 ? de : f.value < .5 ? X : ue), 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}%` });
+		I(d, (e) => {
 			e || (u.value = !1);
-		}), x(() => {
+		}), S(() => {
 			document.addEventListener("pointerdown", v);
-		}), b(() => {
+		}), x(() => {
 			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() {
+		function y() {
 			if (!d.value) {
 				r("volume-toggle");
 				return;
@@ -972,16 +975,16 @@ var Ye = {
 			}
 			r("volume-toggle");
 		}
-		function w(e, t, n) {
+		function C(e, t, n) {
 			return Math.min(Math.max(e, t), n);
 		}
-		return (e, t) => (S(), s("div", Ye, [c("div", Xe, [
-			c("span", Ze, k(n.currentTimeLabel), 1),
-			c("div", Qe, [
+		return (e, t) => (w(), s("div", Ze, [c("div", Qe, [
+			c("span", $e, A(n.currentTimeLabel), 1),
+			c("div", et, [
 				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}%` })
+					style: b({ width: `${n.progress}%` })
 				}, null, 4),
 				c("input", {
 					"data-swipe-lock": "true",
@@ -994,20 +997,20 @@ var Ye = {
 					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, $e)
+				}, null, 40, tt)
 			]),
-			c("span", et, k(n.durationLabel), 1),
+			c("span", nt, A(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", nt, [c("div", rt, [
+			}, [d.value && u.value ? (w(), s("div", it, [c("div", at, [
 				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)
+					style: b(_.value)
 				}, null, 4),
 				c("input", {
 					"data-testid": "vibe-media-volume-slider",
@@ -1020,21 +1023,21 @@ var Ye = {
 					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, it)
-			])])) : o("", !0), c("div", at, [c("button", {
+				}, null, 40, ot)
+			])])) : o("", !0), c("div", st, [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), {
+				onClick: y
+			}, [(w(), a(k(m.value), {
 				class: "h-4 w-4 stroke-[1.9]",
 				"aria-hidden": "true"
-			}))], 8, ot), n.volumeControlLayout === "horizontal" ? (S(), s("div", st, [
+			}))], 8, ct), n.volumeControlLayout === "horizontal" ? (w(), s("div", lt, [
 				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)
+					style: b(_.value)
 				}, null, 4),
 				c("input", {
 					"data-testid": "vibe-media-volume-slider",
@@ -1047,24 +1050,24 @@ var Ye = {
 					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, ct)
-			])) : o("", !0)])], 8, tt)
+				}, null, 40, ut)
+			])) : o("", !0)])], 8, rt)
 		])]));
 	}
-}), ut = { class: "pointer-events-none absolute inset-0 z-[3] flex flex-col justify-between p-[clamp(1.25rem,2.6vw,2.25rem)]" }, dt = { class: "grid gap-4" }, ft = { class: "flex min-h-11 items-center justify-between gap-4" }, pt = { class: "min-w-0 flex flex-1 items-center gap-3" }, mt = {
+}), ft = { class: "pointer-events-none absolute inset-0 z-[3] flex flex-col justify-between p-[clamp(1.25rem,2.6vw,2.25rem)]" }, pt = { class: "grid gap-4" }, mt = { class: "flex min-h-11 items-center justify-between gap-4" }, ht = { class: "min-w-0 flex flex-1 items-center gap-3" }, gt = {
 	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]"
-}, ht = { class: "pointer-events-auto flex shrink-0 items-center gap-2" }, gt = {
+}, _t = { class: "pointer-events-auto flex shrink-0 items-center gap-2" }, vt = {
 	"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]"
-}, _t = { class: "whitespace-nowrap" }, vt = {
+}, yt = { class: "whitespace-nowrap" }, bt = {
 	key: 1,
 	class: "whitespace-nowrap border-l border-white/12 pl-2 text-[#f7f1ea]/56 min-[721px]:pl-3"
-}, yt = {
+}, xt = {
 	key: 0,
 	class: "grid gap-2 max-[720px]:justify-items-start"
-}, bt = /* @__PURE__ */ d({
+}, St = /* @__PURE__ */ d({
 	__name: "FullscreenHeader",
 	props: {
 		currentIndex: {},
@@ -1078,100 +1081,348 @@ var Ye = {
 	emits: ["back-to-list"],
 	setup(e, { emit: t }) {
 		let n = e, r = t;
-		return (e, t) => (S(), s("div", ut, [c("div", dt, [c("div", ft, [c("div", pt, [n.showBackToList ? (S(), s("button", {
+		return (e, t) => (w(), s("div", ft, [c("div", pt, [c("div", mt, [c("div", ht, [n.showBackToList ? (w(), s("button", {
 			key: 0,
 			type: "button",
 			"data-testid": "vibe-back-to-list",
 			class: "pointer-events-auto inline-flex h-11 w-11 shrink-0 items-center justify-center border border-white/14 bg-black/40 text-[#f7f1ea]/78 backdrop-blur-[18px] transition hover:border-white/28 hover:bg-black/55",
 			"aria-label": "Back to list",
 			onClick: t[0] ||= (e) => r("back-to-list")
-		}, [u(j(q), {
+		}, [u(M(re), {
 			class: "h-4 w-4 stroke-[2.2]",
 			"aria-hidden": "true"
-		})])) : o("", !0), n.title ? (S(), s("h2", mt, k(n.title), 1)) : o("", !0)]), c("div", ht, [c("span", gt, [
-			n.loading ? (S(), a(j(re), {
+		})])) : o("", !0), n.title ? (w(), s("h2", gt, A(n.title), 1)) : o("", !0)]), c("div", _t, [c("span", vt, [
+			n.loading ? (w(), a(M(oe), {
 				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", _t, k(n.currentIndex + 1) + " / " + k(n.total), 1),
-			n.paginationDetail ? (S(), s("span", vt, k(n.paginationDetail), 1)) : o("", !0)
-		]), D(e.$slots, "actions")])])]), n.showEndBadge ? (S(), s("div", yt, [...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", yt, A(n.currentIndex + 1) + " / " + A(n.total), 1),
+			n.paginationDetail ? (w(), s("span", bt, A(n.paginationDetail), 1)) : o("", !0)
+		]), O(e.$slots, "actions")])])]), n.showEndBadge ? (w(), s("div", xt, [...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)]));
 	}
-}), xt = {
-	image: X,
-	video: ne,
+}), Ct = {
+	image: ae,
+	video: Y,
 	audio: J,
-	other: Y
-}, St = {
+	other: ie
+}, wt = {
 	image: "Image",
 	video: "Video",
 	audio: "Audio",
 	other: "File"
 };
-function Ct(e) {
-	return xt[e];
+function Tt(e) {
+	return Ct[e];
 }
-function wt(e) {
-	return St[e];
+function Et(e) {
+	return wt[e];
+}
+//#endregion
+//#region src/components/viewer-core/useAssetLoadQueue.ts
+var Dt = {
+	maxGlobal: 10,
+	maxPerDomain: 4,
+	maxVideoPerDomain: 2
+};
+function Ot(e = Dt) {
+	let t = /* @__PURE__ */ new Map(), n = /* @__PURE__ */ new Map(), r = 0;
+	function i(e) {
+		let i = {
+			...e,
+			domain: jt(e.url),
+			enqueuedAt: r,
+			id: `vibe-asset-load-${r += 1}`
+		};
+		return n.set(i.id, i), a(), {
+			cancel() {
+				(n.delete(i.id) || t.delete(i.id)) && a();
+			},
+			refresh() {
+				a();
+			},
+			release() {
+				(t.delete(i.id) || n.delete(i.id)) && a();
+			}
+		};
+	}
+	function a() {
+		if (n.size === 0) return;
+		let r = [...n.values()].sort((e, t) => {
+			let n = At(e) - At(t);
+			return n === 0 ? e.enqueuedAt - t.enqueuedAt : n;
+		});
+		for (let i of r) {
+			if (t.size >= e.maxGlobal) return;
+			if (o(i)) {
+				n.delete(i.id), t.set(i.id, i);
+				try {
+					i.onGrant();
+				} catch {
+					t.delete(i.id);
+				}
+			}
+		}
+	}
+	function o(n) {
+		let r = [...t.values()].filter((e) => e.domain === n.domain);
+		return !(r.length >= e.maxPerDomain || n.assetType === "video" && r.filter((e) => e.assetType === "video").length >= e.maxVideoPerDomain);
+	}
+	return { request: i };
+}
+var kt = Ot();
+function At(e) {
+	try {
+		let t = e.getPriority();
+		return Number.isFinite(t) ? t : Infinity;
+	} catch {
+		return Infinity;
+	}
+}
+function jt(e) {
+	try {
+		return new URL(e).hostname || "local";
+	} catch {
+		return "local";
+	}
+}
+//#endregion
+//#region src/components/viewer-core/useFullscreenPreloadController.ts
+var Mt = {
+	1: 0,
+	2: 1,
+	[-1]: 2
+};
+function Nt(e) {
+	let t = D({}), n = Ot({
+		maxGlobal: 1,
+		maxPerDomain: 1,
+		maxVideoPerDomain: 1
+	}), r = /* @__PURE__ */ new Map(), i = /* @__PURE__ */ new Map(), a = /* @__PURE__ */ new Map(), o = /* @__PURE__ */ new Set();
+	I([
+		e.active,
+		e.items,
+		e.resolvedActiveIndex
+	], () => {
+		p();
+	}, { immediate: !0 }), f() && C(() => {
+		d();
+	});
+	function s(n) {
+		if (!e.active.value) return !1;
+		let r = e.items.value[n];
+		if (!r || !Lt(r)) return !1;
+		let i = e.getItemKey(r);
+		return i === h() || !!t.value[i];
+	}
+	function c(e, t) {
+		if (t instanceof HTMLImageElement) {
+			i.set(e, t), Ft(t) && u(e);
+			return;
+		}
+		i.delete(e);
+	}
+	function l(e, t) {
+		if (t instanceof HTMLMediaElement) {
+			a.set(e, t), It(t) && u(e);
+			return;
+		}
+		a.delete(e);
+	}
+	function u(e) {
+		let t = r.get(e);
+		t && (t.lease.release(), r.delete(e));
+	}
+	function d() {
+		for (let e of r.values()) e.lease.release();
+		r.clear(), t.value = {}, _();
+	}
+	function p() {
+		if (!e.active.value) {
+			d();
+			return;
+		}
+		let s = m(), c = new Set(s.map((e) => e.key)), l = h();
+		for (let e of o) e !== l && c.has(e) && v(e, !0);
+		for (let e of Object.keys(t.value)) c.has(e) || v(e, !1);
+		for (let [e, t] of r.entries()) {
+			if (!c.has(e)) {
+				t.lease.release(), r.delete(e);
+				continue;
+			}
+			let n = s.find((t) => t.key === e);
+			n && (t.index = n.index);
+		}
+		for (let e of s) {
+			if (r.has(e.key) || t.value[e.key]) continue;
+			let o;
+			o = {
+				index: e.index,
+				key: e.key,
+				lease: n.request({
+					assetType: e.item.type === "image" ? "image" : "video",
+					getPriority: () => g(o.index),
+					onGrant: () => {
+						v(e.key, !0), Pt(e.key, i, a) && u(e.key);
+					},
+					url: e.item.url
+				})
+			}, r.set(e.key, o);
+		}
+		for (let e of r.values()) e.lease.refresh();
+		_();
+	}
+	function m() {
+		let t = e.resolvedActiveIndex.value;
+		return [
+			1,
+			2,
+			-1
+		].map((n) => {
+			let r = t + n, i = e.items.value[r];
+			return !i || !Lt(i) ? null : {
+				index: r,
+				item: i,
+				key: e.getItemKey(i)
+			};
+		}).filter((e) => !!e);
+	}
+	function h() {
+		let t = e.items.value[e.resolvedActiveIndex.value];
+		return !e.active.value || !t || !Lt(t) ? null : e.getItemKey(t);
+	}
+	function g(t) {
+		return e.active.value ? Mt[t - e.resolvedActiveIndex.value] ?? Infinity : Infinity;
+	}
+	function _() {
+		let n = /* @__PURE__ */ new Set(), r = h();
+		r && n.add(r);
+		for (let e of Object.keys(t.value)) n.add(e);
+		for (let t of o) n.has(t) || (y(t), e.onResetAssetState(t));
+		o = n;
+	}
+	function v(e, n) {
+		if (n) {
+			if (t.value[e]) return;
+			t.value = {
+				...t.value,
+				[e]: !0
+			};
+			return;
+		}
+		if (!t.value[e]) return;
+		let r = { ...t.value };
+		delete r[e], t.value = r;
+	}
+	function y(e) {
+		let t = i.get(e);
+		if (t) try {
+			t.removeAttribute("src"), t.src = "";
+		} catch {}
+		let n = a.get(e);
+		if (n) {
+			try {
+				n.currentTime = 0;
+			} catch {}
+			n.pause();
+			try {
+				n.removeAttribute("src"), n.load();
+			} catch {}
+		}
+	}
+	return {
+		clearBackgroundPreloads: d,
+		registerImageElement: c,
+		registerMediaElement: l,
+		settleBackgroundPreload: u,
+		shouldAttachSlideAsset: s
+	};
+}
+function Pt(e, t, n) {
+	let r = t.get(e);
+	if (r) return Ft(r);
+	let i = n.get(e);
+	return i ? It(i) : !1;
+}
+function Ft(e) {
+	return e.complete && !!(e.currentSrc || e.getAttribute("src"));
+}
+function It(e) {
+	let t = typeof HTMLMediaElement > "u" ? 1 : HTMLMediaElement.HAVE_METADATA;
+	return e.readyState >= t;
+}
+function Lt(e) {
+	return e.type === "image" || e.type === "video" || e.type === "audio";
 }
 //#endregion
 //#region src/components/viewer-core/useFullscreenSurfaceMedia.ts
-var Tt = 1, Et = 2;
-function Dt(e) {
-	function t(e, t) {
+function Rt(e) {
+	let t = Nt({
+		active: e.active,
+		getItemKey: r,
+		items: e.items,
+		onResetAssetState: e.viewer.resetAssetState,
+		resolvedActiveIndex: e.resolvedActiveIndex
+	});
+	function n(e, t) {
 		let n = t.title?.trim();
-		return n ? `${e} ${n}` : `${e} ${wt(t.type).toLowerCase()}`;
+		return n ? `${e} ${n}` : `${e} ${Et(t.type).toLowerCase()}`;
 	}
-	function n(e) {
+	function r(e) {
 		return $(e);
 	}
-	function r(t) {
-		let n = e.resolvedActiveIndex.value;
-		return !!e.active.value && t >= n - Tt && t <= n + Et;
-	}
-	function i(t, i) {
-		let a = n(i);
-		return !r(t) || t !== e.resolvedActiveIndex.value || e.viewer.getAssetErrorKind(a) ? !1 : i.type === "image" ? !e.viewer.isImageReady(a) : i.type === "video" || i.type === "audio" ? !e.viewer.isMediaReady(a) : !1;
+	function i(e) {
+		return t.shouldAttachSlideAsset(e);
 	}
-	function a(t) {
-		return e.viewer.getAssetErrorKind(n(t));
+	function a(t, n) {
+		let a = r(n);
+		return !i(t) || t !== e.resolvedActiveIndex.value || e.viewer.getAssetErrorKind(a) ? !1 : n.type === "image" ? !e.viewer.isImageReady(a) : n.type === "video" || n.type === "audio" ? !e.viewer.isMediaReady(a) : !1;
 	}
 	function o(t) {
-		return e.viewer.getAssetErrorLabel(n(t)) ?? "Load error";
+		return e.viewer.getAssetErrorKind(r(t));
 	}
-	function s(t, n) {
-		return r(t) && t === e.resolvedActiveIndex.value && !!a(n);
+	function s(t) {
+		return e.viewer.getAssetErrorLabel(r(t)) ?? "Load error";
 	}
 	function c(t, n) {
-		return r(t) ? e.viewer.getImageSource(n) : void 0;
+		return i(t) && t === e.resolvedActiveIndex.value && !!o(n);
 	}
-	function l(e, t) {
-		return r(e) ? t.url : void 0;
+	function l(t, n) {
+		return i(t) ? e.viewer.getImageSource(n) : void 0;
+	}
+	function u(e) {
+		return i(e) ? "metadata" : "none";
+	}
+	function d(e, t) {
+		return i(e) ? t.url : void 0;
 	}
 	return {
-		getAssetErrorKind: a,
-		getAssetErrorLabel: o,
-		getFullscreenImageSource: c,
-		getFullscreenMediaSource: l,
-		getItemKey: n,
-		getMediaActionLabel: t,
-		isAssetErrored: s,
-		isAssetLoading: i,
-		shouldPreloadSlideAsset: r
+		getAssetErrorKind: o,
+		getAssetErrorLabel: s,
+		getFullscreenImageSource: l,
+		getFullscreenMediaPreload: u,
+		getFullscreenMediaSource: d,
+		getItemKey: r,
+		getMediaActionLabel: n,
+		isAssetErrored: c,
+		isAssetLoading: a,
+		registerImageElement: t.registerImageElement,
+		registerMediaElement: t.registerMediaElement,
+		settleBackgroundPreload: t.settleBackgroundPreload,
+		shouldPreloadSlideAsset: i
 	};
 }
 //#endregion
 //#region src/components/viewer-core/slotContent.ts
-function Ot(e) {
+function zt(e) {
 	if (!Array.isArray(e)) return !1;
 	for (let t of e) {
 		if (Array.isArray(t)) {
-			if (Ot(t)) return !0;
+			if (zt(t)) return !0;
 			continue;
 		}
-		if (!m(t)) {
+		if (!h(t)) {
 			if (typeof t == "string") {
 				if (t.trim().length > 0) return !0;
 				continue;
@@ -1179,20 +1430,20 @@ function Ot(e) {
 			if (t != null && t !== !1) return !0;
 			continue;
 		}
-		if (!kt(t)) return !0;
+		if (!Bt(t)) return !0;
 	}
 	return !1;
 }
-function kt(r) {
-	return r.type === e ? !0 : r.type === n ? typeof r.children == "string" ? r.children.trim().length === 0 : !0 : r.type === t ? !Ot(r.children) : !1;
+function Bt(r) {
+	return r.type === e ? !0 : r.type === n ? typeof r.children == "string" ? r.children.trim().length === 0 : !0 : r.type === t ? !zt(r.children) : !1;
 }
 //#endregion
 //#region src/components/viewer-core/useSurfaceEmptyState.ts
-var At = "no items available";
-function jt(e) {
+var Vt = "no items available";
+function Ht(e) {
 	let t = i(() => e.loading.value || e.itemCount.value > 0 || e.emptyStateMode.value === "hidden" ? null : {
 		loading: !!e.loading.value,
-		message: At,
+		message: Vt,
 		mode: e.emptyStateMode.value === "badge" ? "badge" : "inline",
 		surface: e.surface,
 		total: e.itemCount.value
@@ -1200,23 +1451,23 @@ function jt(e) {
 	return {
 		emptyStateProps: t,
 		showBadgeEmptyState: i(() => t.value?.mode === "badge"),
-		showCustomEmptyState: i(() => Ot(n.value)),
+		showCustomEmptyState: i(() => zt(n.value)),
 		showInlineEmptyState: i(() => t.value?.mode === "inline")
 	};
 }
 //#endregion
 //#region src/components/viewer-core/format.ts
-function Mt(e) {
+function Ut(e) {
 	if (!Number.isFinite(e) || e <= 0) return "0:00";
 	let t = Math.floor(e), n = Math.floor(t / 3600), r = Math.floor(t % 3600 / 60), i = t % 60;
 	return n > 0 ? `${n}:${String(r).padStart(2, "0")}:${String(i).padStart(2, "0")}` : `${r}:${String(i).padStart(2, "0")}`;
 }
 //#endregion
 //#region src/components/viewer-core/surfaceStatus.ts
-function Nt(e) {
+function Wt(e) {
 	return e.phase ? e.phase : e.loading ? e.itemCount > 0 ? "loading" : "initializing" : "idle";
 }
-function Pt(e) {
+function Gt(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.")
@@ -1239,17 +1490,17 @@ function Pt(e) {
 }
 //#endregion
 //#region src/components/viewer-core/useActivation.ts
-function Ft(e) {
+function Kt(e) {
 	let t = !1;
-	F(e.enabled, async (t) => {
+	I(e.enabled, async (t) => {
 		if (n(t), t) {
 			e.onResize(), await e.onEnable();
 			return;
 		}
 		e.onDisable();
-	}, { immediate: !0 }), x(() => {
+	}, { immediate: !0 }), S(() => {
 		e.onResize(), e.enabled.value && e.onEnable();
-	}), b(() => {
+	}), x(() => {
 		n(!1), e.onDisable();
 	});
 	function n(n) {
@@ -1262,7 +1513,7 @@ function Ft(e) {
 }
 //#endregion
 //#region src/components/viewer-core/assetState.ts
-var It = {
+var qt = {
 	currentTime: 0,
 	duration: 0,
 	errorKind: null,
@@ -1271,38 +1522,38 @@ var It = {
 	ready: !1,
 	volume: 1
 };
-function Lt() {
-	return { ...It };
+function Jt() {
+	return { ...qt };
 }
-function Rt(e) {
+function Yt(e) {
 	return e.complete && !!(e.currentSrc || e.getAttribute("src"));
 }
-function zt(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 = Bt(t, n);
+function Xt(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 = Zt(t, n);
 }
-function Bt(e, t) {
+function Zt(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 Vt = /* @__PURE__ */ new Map();
-function Ht(e) {
+var Qt = /* @__PURE__ */ new Map();
+function $t(e) {
 	return e === "not-found" ? "404" : "Load error";
 }
-function Ut(e) {
+function en(e) {
 	return e === "generic";
 }
-function Wt(e) {
-	return Gt(e).then((e) => e ?? "generic");
+function tn(e) {
+	return nn(e).then((e) => e ?? "generic");
 }
-function Gt(e) {
-	let t = Vt.get(e);
+function nn(e) {
+	let t = Qt.get(e);
 	if (t) return t;
-	let n = Kt(e);
-	return Vt.set(e, n), n;
+	let n = rn(e);
+	return Qt.set(e, n), n;
 }
-async function Kt(e) {
-	if (!qt(e)) return null;
+async function rn(e) {
+	if (!an(e)) return null;
 	try {
 		let t = await fetch(e, { method: "HEAD" });
 		return t.ok ? null : t.status === 404 ? "not-found" : "generic";
@@ -1310,12 +1561,12 @@ async function Kt(e) {
 		return "generic";
 	}
 }
-function qt(e) {
+function an(e) {
 	return /^(https?:\/\/|\/)/i.test(e);
 }
 //#endregion
 //#region src/components/viewer-core/mediaPlayback.ts
-function Jt(e) {
+function on(e) {
 	try {
 		let t = e.play();
 		t && typeof t.catch == "function" && t.catch(() => {});
@@ -1323,18 +1574,18 @@ function Jt(e) {
 }
 //#endregion
 //#region src/components/viewer-core/useMedia.ts
-function Yt(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(() => {
+function sn(e) {
+	let t = D({}), n = D({}), r = D({}), a = D({}), o = D({}), s = /* @__PURE__ */ new Map(), c = /* @__PURE__ */ new Map(), l = /* @__PURE__ */ new Set(), u = i(() => e.activeItem.value ? $(e.activeItem.value) : null), d = i(() => e.activeMediaItem.value ? $(e.activeMediaItem.value) : null), f = i(() => {
 		let t = /* @__PURE__ */ new Map();
 		for (let n of e.items.value) t.set($(n), n);
 		return t;
-	}), p = i(() => d.value ? r.value[d.value] ?? It : It), m = i(() => d.value ? p.value.duration : 0), h = i(() => m.value <= 0 ? 0 : Xt(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 S();
-	}), F(() => e.loopFullscreenVideo.value, async () => {
-		await S();
+	}), p = i(() => d.value ? r.value[d.value] ?? qt : qt), m = i(() => d.value ? p.value.duration : 0), h = i(() => m.value <= 0 ? 0 : cn(p.value.currentTime / m.value * 100, 0, 100)), g = i(() => u.value ? L(u.value) : null);
+	I(() => u.value, async () => {
+		await C();
+	}), I(() => e.itemCount.value, async () => {
+		await C();
+	}), I(() => e.loopFullscreenVideo.value, async () => {
+		await C();
 	});
 	function v(e, t) {
 		if (t instanceof HTMLVideoElement) {
@@ -1351,49 +1602,54 @@ function Yt(e) {
 		c.delete(e);
 	}
 	function b(e, r) {
-		r instanceof HTMLImageElement && Rt(r) && (t.value[e] = !0, n.value[e] = null, ne(e, r.currentSrc || r.src || X(e)));
+		r instanceof HTMLImageElement && Yt(r) && (t.value[e] = !0, n.value[e] = null, J(e, r.currentSrc || r.src || ie(e)));
 	}
 	function x() {
 		H(), a.value = {}, n.value = {}, t.value = {}, o.value = {}, r.value = {}, l.clear();
 	}
-	async function S() {
+	function S(e) {
+		delete t.value[e], delete n.value[e], delete o.value[e], delete r.value[e], l.forEach((t) => {
+			t.startsWith(`${e}|`) && l.delete(t);
+		});
+	}
+	async function C() {
 		if (!e.isEnabled.value) {
 			H();
 			return;
 		}
-		await g();
+		await _();
 		let t = u.value;
 		for (let [n, i] of s.entries()) {
 			if (n !== t || r.value[n]?.errorKind) {
 				V(i, n);
 				continue;
 			}
-			i.muted = !1, i.loop = e.loopFullscreenVideo.value, i.playsInline = !0, Jt(i), W(n, i);
+			i.muted = !1, i.loop = e.loopFullscreenVideo.value, i.playsInline = !0, on(i), W(n, i);
 		}
 		for (let [e, n] of c.entries()) {
 			if (e !== t || r.value[e]?.errorKind) {
 				V(n, e);
 				continue;
 			}
-			Jt(n), W(e, n);
+			on(n), W(e, n);
 		}
 	}
-	function C(e, t) {
+	function w(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;
 			W(e, n, t.type);
 			let a = r.value[e]?.ready ?? !1;
-			!i && a && ne(e, n.currentSrc || n.src || X(e));
+			!i && a && J(e, n.currentSrc || n.src || ie(e));
 		}
 	}
-	function w(e, r) {
-		t.value[e] = !0, n.value[e] = null, ne(e, r);
+	function T(e, r) {
+		t.value[e] = !0, n.value[e] = null, J(e, r);
 	}
 	async function E(r, i) {
 		let a = Y(r) ?? e.activeItem.value;
 		t.value[r] = !1, n.value[r] = "generic";
-		let o = await Wt(i);
+		let o = await tn(i);
 		n.value[r] = o, a && e.onAssetError?.({
 			item: a,
 			occurrenceKey: r,
@@ -1402,7 +1658,7 @@ function Yt(e) {
 			surface: "fullscreen"
 		});
 	}
-	async function D(t, n) {
+	async function ee(t, n) {
 		let r = K(t), i = U(t), a = Y(t) ?? e.activeMediaItem.value ?? e.activeItem.value;
 		if (r) {
 			r.pause();
@@ -1411,7 +1667,7 @@ function Yt(e) {
 			} catch {}
 		}
 		i.currentTime = 0, i.duration = 0, i.paused = !0, i.ready = !1, i.errorKind = "generic";
-		let o = await Wt(n);
+		let o = await tn(n);
 		i.errorKind = o, a && e.onAssetError?.({
 			item: a,
 			occurrenceKey: t,
@@ -1421,28 +1677,28 @@ function Yt(e) {
 		});
 	}
 	function O(e, t, n) {
-		e.button !== 0 || Date.now() < n || J(s.get(t) ?? null);
+		e.button !== 0 || Date.now() < n || re(s.get(t) ?? null);
 	}
 	function k(e, t, n) {
-		e.button !== 0 || Date.now() < n || J(K(t));
+		e.button !== 0 || Date.now() < n || re(K(t));
 	}
 	function A(e) {
 		let t = q(), n = d.value;
 		if (!t || !n || !(e.target instanceof HTMLInputElement)) return;
 		let r = Number.parseFloat(e.target.value);
 		if (!Number.isFinite(r)) return;
-		let i = Xt(r, 0, m.value || 0);
-		G(n, i, t), t.currentTime = i;
+		let i = cn(r, 0, m.value || 0);
+		ne(n, i, t), t.currentTime = i;
 	}
 	function j(e) {
 		let t = q(), n = d.value;
 		if (!t || !n || !(e.target instanceof HTMLInputElement)) return;
-		let r = Xt(Number.parseFloat(e.target.value), 0, 1);
+		let r = cn(Number.parseFloat(e.target.value), 0, 1);
 		t.volume = r, t.muted = r <= 0, r > 0 && (o.value[n] = r), W(n, t);
 	}
 	function M() {
 		let e = q(), t = d.value;
-		!e || !t || (e.muted || e.volume <= 0 ? (e.volume = te(t), e.muted = !1, o.value[t] = e.volume) : (o.value[t] = e.volume, e.muted = !0), W(t, e));
+		!e || !t || (e.muted || e.volume <= 0 ? (e.volume = G(t), e.muted = !1, o.value[t] = e.volume) : (o.value[t] = e.volume, e.muted = !0), W(t, e));
 	}
 	function N(e) {
 		return !!t.value[e] && !n.value[e];
@@ -1450,7 +1706,7 @@ function Yt(e) {
 	function P(e) {
 		return (r.value[e]?.ready ?? !1) && !r.value[e]?.errorKind;
 	}
-	function I(e) {
+	function F(e) {
 		return e.url;
 	}
 	function L(e) {
@@ -1458,15 +1714,15 @@ function Yt(e) {
 	}
 	function R(e) {
 		let t = L(e);
-		return t ? Ht(t) : null;
+		return t ? $t(t) : null;
 	}
 	function z(e) {
-		return Ut(L(e));
+		return en(L(e));
 	}
-	function B(e) {
+	function te(e) {
 		return `${e}:${a.value[e] ?? 0}`;
 	}
-	async function ee(e) {
+	async function B(e) {
 		if (!z(e)) return;
 		t.value[e] = !1, n.value[e] = null;
 		let r = U(e);
@@ -1474,7 +1730,7 @@ function Yt(e) {
 		let i = K(e);
 		i && V(i, e), l.forEach((t) => {
 			t.startsWith(`${e}|`) && l.delete(t);
-		}), a.value[e] = (a.value[e] ?? 0) + 1, await g(), await S();
+		}), a.value[e] = (a.value[e] ?? 0) + 1, await _(), await C();
 	}
 	function V(e, t) {
 		e.pause();
@@ -1488,17 +1744,17 @@ function Yt(e) {
 		for (let [e, t] of c.entries()) V(t, e);
 	}
 	function U(e) {
-		return r.value[e] || (r.value[e] = Lt()), r.value[e];
+		return r.value[e] || (r.value[e] = Jt()), r.value[e];
 	}
 	function W(e, t, n) {
-		zt(U(e), t, n), !t.muted && t.volume > 0 && (o.value[e] = t.volume);
+		Xt(U(e), t, n), !t.muted && t.volume > 0 && (o.value[e] = t.volume);
 	}
-	function G(e, t, n) {
+	function ne(e, t, n) {
 		let r = U(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 te(e) {
-		return Xt(o.value[e] ?? 1, 0, 1);
+	function G(e) {
+		return cn(o.value[e] ?? 1, 0, 1);
 	}
 	function K(e) {
 		return s.get(e) ?? c.get(e) ?? null;
@@ -1506,16 +1762,16 @@ function Yt(e) {
 	function q() {
 		return d.value ? K(d.value) : null;
 	}
-	function J(e) {
+	function re(e) {
 		if (e) {
 			if (e.paused) {
-				Jt(e);
+				on(e);
 				return;
 			}
 			e.pause();
 		}
 	}
-	function ne(t, n) {
+	function J(t, n) {
 		let r = Y(t) ?? e.activeMediaItem.value ?? e.activeItem.value;
 		if (!r || !n) return;
 		let i = `${t}|${n}`;
@@ -1529,27 +1785,27 @@ function Yt(e) {
 	function Y(e) {
 		return f.value.get(e) ?? null;
 	}
-	function X(e) {
+	function ie(e) {
 		return Y(e)?.url ?? null;
 	}
 	return {
-		activeAssetErrorKind: _,
+		activeAssetErrorKind: g,
 		activeMediaDuration: m,
 		activeMediaProgress: h,
 		activeMediaState: p,
 		getAssetErrorKind: L,
 		getAssetErrorLabel: R,
-		getAssetRenderKey: B,
-		getImageSource: I,
+		getAssetRenderKey: te,
+		getImageSource: F,
 		isImageReady: N,
 		isMediaReady: P,
 		canRetryAsset: z,
 		mediaStates: r,
 		onAudioCoverClick: k,
 		onImageError: E,
-		onImageLoad: w,
-		onMediaError: D,
-		onMediaEvent: C,
+		onImageLoad: T,
+		onMediaError: ee,
+		onMediaEvent: w,
 		onMediaSeekInput: A,
 		onMediaVolumeInput: j,
 		onMediaVolumeToggle: M,
@@ -1557,15 +1813,16 @@ function Yt(e) {
 		registerAudioElement: y,
 		registerImageElement: b,
 		registerVideoElement: v,
+		resetAssetState: S,
 		resetMediaState: x,
-		retryAsset: ee,
-		syncMediaPlayback: S
+		retryAsset: B,
+		syncMediaPlayback: C
 	};
 }
-function Xt(e, t, n) {
+function cn(e, t, n) {
 	return Math.min(Math.max(e, t), n);
 }
-function Zt(e, t, n = 2) {
+function ln(e, t, n = 2) {
 	return t <= 0 ? {
 		start: 0,
 		end: -1
@@ -1574,14 +1831,14 @@ function Zt(e, t, n = 2) {
 		end: Math.min(t - 1, e + n)
 	};
 }
-function Qt(e, t, n = 2) {
-	let r = Zt(t, e.length, n);
+function un(e, t, n = 2) {
+	let r = ln(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 $t(e, t, n, r, i) {
+function dn(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)"
@@ -1589,12 +1846,12 @@ function $t(e, t, n, r, i) {
 }
 //#endregion
 //#region src/components/viewer-core/useViewer.ts
-function en(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(() => Nt({
+function fn(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(() => Wt({
 		itemCount: r.value.length,
 		loading: s.value,
 		phase: e.phase
-	})), 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 = Yt({
+	})), f = i(() => !1), p = D(null), m = D(0), h = D(!1), g = D(1), _ = n.enabled ?? i(() => !0), v = null, y = 0, b = 0, x = 0, S = i(() => r.value.length === 0 ? 0 : N(a.value, 0, r.value.length - 1)), C = i(() => r.value[S.value] ?? null), w = i(() => C.value?.type === "audio" || C.value?.type === "video" ? C.value : null), T = sn({
 		items: r,
 		activeItem: C,
 		activeMediaItem: w,
@@ -1603,164 +1860,165 @@ function en(e, t, n = {}) {
 		loopFullscreenVideo: l,
 		onAssetError: n.onAssetError,
 		onAssetLoad: n.onAssetLoad
-	}), D = i(() => r.value.length > 0 && S.value === r.value.length - 1), O = i(() => Pt({
+	}), E = i(() => r.value.length > 0 && S.value === r.value.length - 1), ee = i(() => Gt({
 		errorMessage: o.value,
 		hasItems: r.value.length > 0,
 		hasNextPage: c.value,
 		phase: d.value,
 		surface: "fullscreen"
-	})), k = i(() => O.value?.kind ?? null), A = i(() => O.value?.message ?? null), j = i(() => Math.min(96, g.value * .15 || 96)), M = i(() => Zt(S.value, r.value.length)), N = i(() => Qt(r.value, S.value));
-	Ft({
+	})), O = i(() => ee.value?.kind ?? null), k = i(() => ee.value?.message ?? null), A = i(() => Math.min(96, g.value * .15 || 96)), j = i(() => ln(S.value, r.value.length)), M = i(() => un(r.value, S.value));
+	Kt({
 		enabled: _,
 		onDisable() {
-			U(), E.resetMediaState();
+			H(), T.resetMediaState();
 		},
 		onEnable() {
-			return E.syncMediaPlayback();
+			return T.syncMediaPlayback();
 		},
-		onKeydown: G,
-		onResize: F
+		onKeydown: W,
+		onResize: P
 	});
-	function P(e, t, n) {
+	function N(e, t, n) {
 		return Math.min(Math.max(e, t), n);
 	}
-	function F() {
+	function P() {
 		g.value = p.value?.clientHeight || window.innerHeight || 1;
 	}
-	function I(e) {
-		return r.value.length === 0 ? !1 : P(S.value + e, 0, r.value.length - 1) !== S.value;
+	function F(e) {
+		return r.value.length === 0 ? !1 : N(S.value + e, 0, r.value.length - 1) !== S.value;
 	}
-	function L(e) {
+	function I(e) {
 		if (r.value.length === 0) return;
-		let n = P(S.value + e, 0, r.value.length - 1);
+		let n = N(S.value + e, 0, r.value.length - 1);
 		n !== S.value && t("update:activeIndex", n);
 	}
-	function R(e) {
+	function L(e) {
 		let t = e > 0, n = e < 0;
-		return t && !I(-1) || n && !I(1) ? e * .24 : e;
+		return t && !F(-1) || n && !F(1) ? e * .24 : e;
+	}
+	function R(e) {
+		!_.value || r.value.length === 0 || e.pointerType === "mouse" || he(e.target) || (v = e.pointerId, y = e.clientY, m.value = 0, h.value = !0, p.value?.setPointerCapture?.(e.pointerId));
 	}
 	function z(e) {
-		!_.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));
+		!_.value || !h.value || v !== e.pointerId || (m.value = L(e.clientY - y));
 	}
-	function B(e) {
-		!_.value || !h.value || v !== e.pointerId || (m.value = R(e.clientY - y));
+	function te(e) {
+		!_.value || v !== e.pointerId || (p.value?.releasePointerCapture?.(e.pointerId), V());
 	}
-	function ee(e) {
+	function B(e) {
 		!_.value || v !== e.pointerId || (p.value?.releasePointerCapture?.(e.pointerId), H());
 	}
-	function V(e) {
-		!_.value || v !== e.pointerId || (p.value?.releasePointerCapture?.(e.pointerId), U());
+	function V() {
+		Math.abs(m.value) >= A.value && (x = Date.now() + 250, I(m.value < 0 ? 1 : -1)), H();
 	}
 	function H() {
-		Math.abs(m.value) >= j.value && (x = Date.now() + 250, L(m.value < 0 ? 1 : -1)), U();
-	}
-	function U() {
 		m.value = 0, h.value = !1, v = null;
 	}
-	function W(e) {
-		if (!_.value || r.value.length === 0 || h.value || fe(e.target) || Math.abs(e.deltaY) < Math.max(Math.abs(e.deltaX), 24)) return;
+	function U(e) {
+		if (!_.value || r.value.length === 0 || h.value || he(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));
+		t < b || (b = t + 400, I(e.deltaY > 0 ? 1 : -1));
 	}
-	function G(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 W(e) {
+		!_.value || r.value.length === 0 || me(e.target) || ((e.key === "ArrowDown" || e.key === "PageDown") && (e.preventDefault(), I(1)), (e.key === "ArrowUp" || e.key === "PageUp") && (e.preventDefault(), I(-1)));
 	}
-	function te(e, t) {
-		E.onVideoClick(e, t, x);
+	function ne(e, t) {
+		T.onVideoClick(e, t, x);
 	}
-	function K(e, t) {
-		E.onAudioCoverClick(e, t, x);
+	function G(e, t) {
+		T.onAudioCoverClick(e, t, x);
 	}
-	function q(e) {
-		E.onMediaSeekInput(e);
+	function K(e) {
+		T.onMediaSeekInput(e);
 	}
-	function J(e) {
-		E.onMediaVolumeInput(e);
+	function q(e) {
+		T.onMediaVolumeInput(e);
 	}
-	function ne() {
-		E.onMediaVolumeToggle();
+	function re() {
+		T.onMediaVolumeToggle();
 	}
-	function Y(e) {
+	function J(e) {
 		return e.type === "image" || e.type === "video";
 	}
-	function X(e) {
+	function Y(e) {
 		return e.type === "audio";
 	}
-	function re(e) {
-		return $t(e, S.value, g.value, m.value, h.value);
+	function ie(e) {
+		return dn(e, S.value, g.value, m.value, h.value);
 	}
 	return {
 		activeItem: C,
-		activeAssetErrorKind: E.activeAssetErrorKind,
-		activeMediaDuration: E.activeMediaDuration,
+		activeAssetErrorKind: T.activeAssetErrorKind,
+		activeMediaDuration: T.activeMediaDuration,
 		activeMediaItem: w,
-		activeMediaProgress: E.activeMediaProgress,
-		activeMediaState: E.activeMediaState,
-		canRetryAsset: E.canRetryAsset,
+		activeMediaProgress: T.activeMediaProgress,
+		activeMediaState: T.activeMediaState,
+		canRetryAsset: T.canRetryAsset,
 		canRetryInitialLoad: f,
 		errorMessage: o,
-		getAssetErrorKind: E.getAssetErrorKind,
-		getAssetErrorLabel: E.getAssetErrorLabel,
-		getAssetRenderKey: E.getAssetRenderKey,
-		formatPlaybackTime: Mt,
-		getImageSource: E.getImageSource,
-		getSlideStyle: re,
+		getAssetErrorKind: T.getAssetErrorKind,
+		getAssetErrorLabel: T.getAssetErrorLabel,
+		getAssetRenderKey: T.getAssetRenderKey,
+		formatPlaybackTime: Ut,
+		getImageSource: T.getImageSource,
+		getSlideStyle: ie,
 		hasNextPage: c,
-		isAtEnd: D,
-		isAudio: X,
-		isVisual: Y,
+		isAtEnd: E,
+		isAudio: Y,
+		isVisual: J,
 		items: r,
 		loading: s,
-		mediaStates: E.mediaStates,
-		isImageReady: E.isImageReady,
-		isMediaReady: E.isMediaReady,
-		onAudioCoverClick: K,
-		onImageError: E.onImageError,
-		onImageLoad: E.onImageLoad,
-		onMediaEvent: E.onMediaEvent,
-		onMediaError: E.onMediaError,
-		onMediaSeekInput: q,
-		onMediaVolumeInput: J,
-		onMediaVolumeToggle: ne,
-		onPointerCancel: V,
-		onPointerDown: z,
-		onPointerMove: B,
-		onPointerUp: ee,
-		onVideoClick: te,
-		onWheel: W,
-		registerAudioElement: E.registerAudioElement,
-		registerImageElement: E.registerImageElement,
-		registerVideoElement: E.registerVideoElement,
-		renderedItems: N,
-		renderedRange: M,
+		mediaStates: T.mediaStates,
+		isImageReady: T.isImageReady,
+		isMediaReady: T.isMediaReady,
+		onAudioCoverClick: G,
+		onImageError: T.onImageError,
+		onImageLoad: T.onImageLoad,
+		onMediaEvent: T.onMediaEvent,
+		onMediaError: T.onMediaError,
+		onMediaSeekInput: K,
+		onMediaVolumeInput: q,
+		onMediaVolumeToggle: re,
+		onPointerCancel: B,
+		onPointerDown: R,
+		onPointerMove: z,
+		onPointerUp: te,
+		onVideoClick: ne,
+		onWheel: U,
+		registerAudioElement: T.registerAudioElement,
+		registerImageElement: T.registerImageElement,
+		registerVideoElement: T.registerVideoElement,
+		renderedItems: M,
+		renderedRange: j,
 		resolvedActiveIndex: S,
+		resetAssetState: T.resetAssetState,
 		retryInitialLoad: async () => {},
-		retryAsset: E.retryAsset,
+		retryAsset: T.retryAsset,
 		stageRef: p,
-		statusKind: k,
-		statusMessage: A,
+		statusKind: O,
+		statusMessage: k,
 		paginationDetail: u,
 		phase: d
 	};
 }
 //#endregion
 //#region src/components/viewer-core/theme.ts
-var tn = "bg-[linear-gradient(180deg,#0a0b10,#05060a)]", nn = "bg-[linear-gradient(180deg,#0b0c11,#06070b)]", rn = {
+var pn = "bg-[linear-gradient(180deg,#0a0b10,#05060a)]", mn = "bg-[linear-gradient(180deg,#0b0c11,#06070b)]", hn = {
 	image: !0,
 	video: !0,
 	audio: !0,
 	other: !0
 };
-function an(e) {
-	return rn[e], tn;
+function gn(e) {
+	return hn[e], pn;
 }
-function on(e) {
-	return rn[e], nn;
+function _n(e) {
+	return hn[e], mn;
 }
 //#endregion
 //#region src/components/viewer-core/dominantImageTone.ts
-function sn(e) {
+function vn(e) {
 	if (e.naturalWidth <= 0 || e.naturalHeight <= 0) return null;
 	let t = document.createElement("canvas"), n = t.getContext("2d", { willReadFrequently: !0 });
 	if (!n) return null;
@@ -1775,21 +2033,21 @@ function sn(e) {
 			r += d, i += s * d, a += c * d, o += l * d;
 		}
 		return r <= 0 ? null : {
-			r: cn(Math.round(i / r)),
-			g: cn(Math.round(a / r)),
-			b: cn(Math.round(o / r))
+			r: yn(Math.round(i / r)),
+			g: yn(Math.round(a / r)),
+			b: yn(Math.round(o / r))
 		};
 	} catch {
 		return null;
 	}
 }
-function cn(e) {
+function yn(e) {
 	return Math.min(235, Math.max(26, e));
 }
 //#endregion
 //#region src/components/viewer-core/useFullscreenDominantTone.ts
-function ln(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(() => {
+function bn(e) {
+	let t = D({}), n = i(() => e.activeItem.value ? e.getItemKey(e.activeItem.value) : null), r = i(() => !e.showDominantImageTone.value || e.activeItem.value?.type !== "image" || !n.value || !e.isImageReady(n.value) ? null : t.value[n.value] ?? null), a = i(() => {
 		if (!r.value) return;
 		let { r: e, g: t, b: n } = r.value;
 		return { background: `radial-gradient(circle at top center, rgba(${e},${t},${n},0.34) 0%, transparent 44%), linear-gradient(180deg,#0a0b10,#05060a)` };
@@ -1798,12 +2056,12 @@ function ln(e) {
 		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) => {
+	I(() => e.showDominantImageTone.value, (e) => {
 		e || (t.value = {});
 	});
 	function s(n, r) {
 		if (!e.showDominantImageTone.value) return;
-		let i = sn(r);
+		let i = vn(r);
 		i && (t.value[n] = i);
 	}
 	return {
@@ -1814,7 +2072,7 @@ function ln(e) {
 }
 //#endregion
 //#region src/components/SurfaceEmptyState.vue?vue&type=script&setup=true&lang.ts
-var un = ["data-surface"], dn = ["data-surface"], fn = /* @__PURE__ */ d({
+var xn = ["data-surface"], Sn = ["data-surface"], Cn = /* @__PURE__ */ d({
 	inheritAttrs: !1,
 	__name: "SurfaceEmptyState",
 	props: {
@@ -1823,36 +2081,36 @@ var un = ["data-surface"], dn = ["data-surface"], fn = /* @__PURE__ */ d({
 		surface: {}
 	},
 	setup(e) {
-		let t = M();
-		return (n, r) => e.mode === "inline" ? (S(), s("div", h({ key: 0 }, j(t), {
+		let t = N();
+		return (n, r) => e.mode === "inline" ? (w(), s("div", g({ key: 0 }, M(t), {
 			"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, un)) : (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", {
+		}), [O(n.$slots, "default", {}, () => [c("p", { class: v(["m-0 text-[0.82rem] font-medium tracking-[0.08em]", e.surface === "grid" ? "text-[#f7f1ea]/58" : "text-[#f7f1ea]/64"]) }, A(e.message), 3)])], 16, xn)) : (w(), s("div", g({ key: 1 }, M(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]"] }), [O(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, dn)])], 16));
+			class: v(["inline-flex items-center border border-white/14 backdrop-blur-[18px]", e.surface === "grid" ? "bg-black/55 px-4 py-3 text-[0.82rem] font-medium tracking-[0.08em] text-[#f7f1ea]/72" : "w-auto bg-black/40 px-5 py-3 text-[0.82rem] font-medium tracking-[0.08em] text-[#f7f1ea]/74 max-[720px]:w-[calc(100%-2.5rem)] max-[720px]:justify-center"])
+		}, A(e.message), 11, Sn)])], 16));
 	}
-}), pn = { class: "relative h-full min-h-0 overflow-hidden bg-[#05060a] text-[#f7f1ea]" }, mn = {
+}), wn = { class: "relative h-full min-h-0 overflow-hidden bg-[#05060a] text-[#f7f1ea]" }, Tn = {
 	key: 0,
 	class: "relative h-full min-h-0"
-}, hn = [
+}, En = [
 	"data-item-id",
 	"data-occurrence-key",
 	"data-index",
 	"data-active",
 	"aria-hidden"
-], gn = {
+], Dn = {
 	key: 0,
 	"data-testid": "vibe-asset-spinner",
 	class: "pointer-events-none absolute inset-0 z-[2] grid place-items-center"
-}, _n = { 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]" }, vn = ["data-kind"], yn = { class: "grid justify-items-center gap-4 border border-white/14 bg-black/45 px-8 py-7 text-center backdrop-blur-[18px]" }, bn = { class: "m-0 text-[0.82rem] font-bold uppercase tracking-[0.28em] text-[#f7f1ea]/70" }, xn = ["onClick"], Sn = [
+}, On = { 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]" }, kn = ["data-kind"], An = { class: "grid justify-items-center gap-4 border border-white/14 bg-black/45 px-8 py-7 text-center backdrop-blur-[18px]" }, jn = { class: "m-0 text-[0.82rem] font-bold uppercase tracking-[0.28em] text-[#f7f1ea]/70" }, Mn = ["onClick"], Nn = [
 	"src",
 	"alt",
 	"onLoad",
 	"onError"
-], Cn = [
+], Pn = [
 	"loop",
 	"src",
 	"preload",
@@ -1871,15 +2129,15 @@ var un = ["data-surface"], dn = ["data-surface"], fn = /* @__PURE__ */ d({
 	"onStalled",
 	"onTimeupdate",
 	"onWaiting"
-], wn = { class: "relative grid aspect-square w-[clamp(320px,46vw,560px)] max-w-[calc(100vw-2.5rem)] place-items-center" }, Tn = [
+], Fn = { class: "relative grid aspect-square w-[clamp(320px,46vw,560px)] max-w-[calc(100vw-2.5rem)] place-items-center" }, In = [
 	"aria-label",
 	"disabled",
 	"onClick"
-], En = { 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]" }, Dn = { 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]" }, On = {
+], 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]" }, Rn = { 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]" }, zn = {
 	key: 0,
 	"data-testid": "vibe-asset-spinner",
 	class: "pointer-events-none absolute inset-0 z-[3] grid place-items-center"
-}, kn = { 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]" }, An = ["data-kind"], jn = { class: "m-0 text-[0.82rem] font-bold uppercase tracking-[0.28em] text-[#f7f1ea]/70" }, Mn = ["onClick"], Nn = [
+}, Bn = { 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]" }, Vn = ["data-kind"], Hn = { class: "m-0 text-[0.82rem] font-bold uppercase tracking-[0.28em] text-[#f7f1ea]/70" }, Un = ["onClick"], Wn = [
 	"src",
 	"preload",
 	"onCanplay",
@@ -1895,26 +2153,26 @@ var un = ["data-surface"], dn = ["data-surface"], fn = /* @__PURE__ */ d({
 	"onStalled",
 	"onTimeupdate",
 	"onWaiting"
-], Pn = {
+], Gn = {
 	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"
-}, Fn = { 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]" }, In = {
+}, Kn = { 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]" }, qn = {
 	key: 0,
 	"data-testid": "vibe-fullscreen-overlay",
 	class: "pointer-events-none absolute inset-0 z-[6]"
-}, Ln = { class: "h-full w-full" }, Rn = {
+}, Jn = { class: "h-full w-full" }, Yn = {
 	key: 1,
 	"data-testid": "vibe-forward-fill-placeholder",
 	class: "grid h-full min-h-0 place-items-center px-6 text-center"
-}, zn = { class: "grid justify-items-center gap-4 border border-white/14 bg-black/40 px-8 py-7 backdrop-blur-[18px]" }, Bn = { 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)]" }, Vn = { class: "m-0 text-[0.78rem] font-bold uppercase tracking-[0.24em] text-[#f7f1ea]/72" }, Hn = {
+}, Xn = { class: "grid justify-items-center gap-4 border border-white/14 bg-black/40 px-8 py-7 backdrop-blur-[18px]" }, Zn = { 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)]" }, Qn = { class: "m-0 text-[0.78rem] font-bold uppercase tracking-[0.24em] text-[#f7f1ea]/72" }, $n = {
 	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]"
-}, Un = { class: "h-full min-h-0 overflow-y-auto overscroll-y-contain" }, Wn = {
+}, er = { class: "h-full min-h-0 overflow-y-auto overscroll-y-contain" }, tr = {
 	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]"
-}, Gn = { class: "h-full min-h-0 overflow-y-auto overscroll-y-contain" }, Kn = 1280, qn = 768, Jn = /* @__PURE__ */ d({
+}, nr = { class: "h-full min-h-0 overflow-y-auto overscroll-y-contain" }, rr = 1280, ir = 768, ar = /* @__PURE__ */ d({
 	__name: "FullscreenSurface",
 	props: {
 		active: {
@@ -1966,66 +2224,84 @@ var un = ["data-surface"], dn = ["data-surface"], fn = /* @__PURE__ */ d({
 	},
 	emits: ["back-to-list", "update:activeIndex"],
 	setup(e, { emit: n }) {
-		let d = e, p = N(), m = n, g = en(d, (e, t) => {
+		let d = e, f = P(), m = n, h = fn(d, (e, t) => {
 			m("update:activeIndex", t);
 		}, {
-			enabled: A(d, "active"),
+			enabled: j(d, "active"),
 			onAssetError: d.reportAssetError ?? void 0,
 			onAssetLoad: d.reportAssetLoad ?? void 0
-		}), C = T(typeof window > "u" ? Kn : window.innerWidth || Kn), w = Dt({
-			active: A(d, "active"),
-			resolvedActiveIndex: g.resolvedActiveIndex,
-			viewer: g
-		}), M = i(() => an(g.activeItem.value?.type ?? "image")), { activeSlideToneStyle: P, activeStageToneStyle: F, updateFromImageElement: I } = ln({
-			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), ee = i(() => C.value < qn ? "vertical" : "horizontal"), V = i(() => B.value ? "pb-[5.75rem] max-[720px]:pb-[7rem]" : ""), H = i(() => d.activeIndex >= d.items.length && (d.loading || d.hasNextPage)), U = i(() => d.hasNextPage ? "Loading more items" : g.statusMessage.value ?? "Loading more items"), W = i(() => {
-			let e = g.activeItem.value;
+		}), _ = D(typeof window > "u" ? rr : window.innerWidth || rr), C = Rt({
+			active: j(d, "active"),
+			items: h.items,
+			resolvedActiveIndex: h.resolvedActiveIndex,
+			viewer: h
+		}), T = i(() => gn(h.activeItem.value?.type ?? "image")), { activeSlideToneStyle: E, activeStageToneStyle: N, updateFromImageElement: F } = bn({
+			activeItem: h.activeItem,
+			getItemKey: C.getItemKey,
+			isImageReady: h.isImageReady,
+			showDominantImageTone: j(d, "showDominantImageTone")
+		}), I = i(() => h.activeMediaItem.value && !h.activeAssetErrorKind.value ? "bottom-[5.8rem] max-[720px]:bottom-[7.4rem]" : "bottom-[1.8rem] max-[720px]:bottom-[1.3rem]"), L = i(() => !!h.activeMediaItem.value && !h.activeAssetErrorKind.value), z = i(() => _.value < ir ? "vertical" : "horizontal"), B = i(() => L.value ? "pb-[5.75rem] max-[720px]:pb-[7rem]" : ""), V = i(() => d.activeIndex >= d.items.length && (d.loading || d.hasNextPage)), H = i(() => d.hasNextPage ? "Loading more items" : h.statusMessage.value ?? "Loading more items"), U = i(() => {
+			let e = h.activeItem.value;
 			return e ? {
 				hasNextPage: d.hasNextPage,
-				index: g.resolvedActiveIndex.value,
+				index: h.resolvedActiveIndex.value,
 				item: e,
 				loading: d.loading,
 				paginationDetail: d.paginationDetail,
 				total: d.items.length
 			} : null;
-		}), G = i(() => !W.value || !p["fullscreen-header-actions"] ? [] : p["fullscreen-header-actions"](W.value)), te = i(() => !W.value || !p["fullscreen-aside"] ? [] : p["fullscreen-aside"](W.value)), K = i(() => !d.showStatusBadges || !W.value || !g.statusKind.value || !g.statusMessage.value ? null : {
-			...W.value,
-			kind: g.statusKind.value,
-			message: g.statusMessage.value
-		}), q = i(() => !K.value || !p["fullscreen-status"] ? [] : p["fullscreen-status"](K.value)), J = i(() => ({
-			gridTemplateColumns: X.value ? "minmax(0, 1fr) 22rem" : "minmax(0, 1fr) 0rem",
+		}), W = i(() => !U.value || !f["fullscreen-header-actions"] ? [] : f["fullscreen-header-actions"](U.value)), ne = i(() => !U.value || !f["fullscreen-aside"] ? [] : f["fullscreen-aside"](U.value)), G = i(() => !d.showStatusBadges || !U.value || !h.statusKind.value || !h.statusMessage.value ? null : {
+			...U.value,
+			kind: h.statusKind.value,
+			message: h.statusMessage.value
+		}), K = i(() => !G.value || !f["fullscreen-status"] ? [] : f["fullscreen-status"](G.value)), q = i(() => ({
+			gridTemplateColumns: Y.value ? "minmax(0, 1fr) 22rem" : "minmax(0, 1fr) 0rem",
 			transition: "grid-template-columns 320ms cubic-bezier(0.22, 1, 0.36, 1)"
-		})), ne = i(() => Ot(G.value)), Y = i(() => Ot(te.value)), X = i(() => Y.value && C.value >= Kn), se = i(() => Y.value && !X.value), ce = i(() => Ot(q.value)), { emptyStateProps: Z, showBadgeEmptyState: le, showCustomEmptyState: ue, showInlineEmptyState: de } = jt({
-			emptyStateMode: A(d, "emptyStateMode"),
+		})), re = i(() => zt(W.value)), J = i(() => zt(ne.value)), Y = i(() => J.value && _.value >= rr), ie = i(() => J.value && !Y.value), ae = i(() => zt(K.value)), { emptyStateProps: X, showBadgeEmptyState: ue, showCustomEmptyState: de, showInlineEmptyState: Z } = Ht({
+			emptyStateMode: j(d, "emptyStateMode"),
 			itemCount: i(() => d.items.length),
-			loading: A(d, "loading"),
-			renderSlot: p["empty-state"],
+			loading: j(d, "loading"),
+			renderSlot: f["empty-state"],
 			surface: "fullscreen"
 		});
-		x(() => {
-			window.addEventListener("resize", Q);
-		}), b(() => {
-			window.removeEventListener("resize", Q);
+		S(() => {
+			window.addEventListener("resize", fe);
+		}), x(() => {
+			window.removeEventListener("resize", fe);
 		});
-		function Q() {
-			C.value = window.innerWidth || Kn;
+		function fe() {
+			_.value = window.innerWidth || rr;
 		}
-		function fe(e, t, n) {
-			g.onImageLoad(t, n);
+		function pe(e, t, n) {
+			C.settleBackgroundPreload(t), h.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);
+			r instanceof HTMLImageElement && ye(t, r);
 		}
-		function me(e, t) {
-			I(e, t);
+		async function me(e, t) {
+			C.settleBackgroundPreload(e), await h.onImageError(e, t);
 		}
 		function he(e, t) {
-			if (g.onMediaEvent(t, e), !d.loopFullscreenVideo) return;
+			C.registerImageElement(e, t), h.registerImageElement(e, t), t instanceof HTMLImageElement && ye(e, t);
+		}
+		function ge(e, t) {
+			C.registerMediaElement(e, t), h.registerVideoElement(e, t);
+		}
+		function _e(e, t) {
+			C.registerMediaElement(e, t), h.registerAudioElement(e, t);
+		}
+		async function ve(e, t) {
+			C.settleBackgroundPreload(e), await h.onMediaError(e, t);
+		}
+		function Q(e, t) {
+			h.onMediaEvent(e, t);
+			let n = t.currentTarget, r = typeof HTMLMediaElement > "u" ? 1 : HTMLMediaElement.HAVE_METADATA;
+			n instanceof HTMLMediaElement && n.readyState >= r && C.settleBackgroundPreload(e);
+		}
+		function ye(e, t) {
+			F(e, t);
+		}
+		function be(e, t) {
+			if (Q(t, e), !d.loopFullscreenVideo) return;
 			let n = e.currentTarget;
 			if (!(n instanceof HTMLVideoElement)) return;
 			try {
@@ -2034,182 +2310,182 @@ var un = ["data-surface"], dn = ["data-surface"], fn = /* @__PURE__ */ d({
 			let r = n.play();
 			r && typeof r.catch == "function" && r.catch(() => {});
 		}
-		return (e, n) => (S(), s("div", pn, [
+		return (e, n) => (w(), s("div", wn, [
 			c("div", {
-				class: _(["absolute inset-0 transition-[background] duration-200", M.value]),
-				style: y(j(F))
+				class: v(["absolute inset-0 transition-[background] duration-200", T.value]),
+				style: b(M(N))
 			}, null, 6),
 			c("div", {
 				class: "relative z-[1] grid h-full min-h-0",
-				style: y(J.value)
+				style: b(q.value)
 			}, [c("div", {
 				ref: "viewer.stageRef",
 				"data-testid": "vibe-stage",
 				class: "relative h-full min-h-0 touch-none overflow-hidden",
-				onPointerdown: n[1] ||= (...e) => j(g).onPointerDown && j(g).onPointerDown(...e),
-				onPointermove: n[2] ||= (...e) => j(g).onPointerMove && j(g).onPointerMove(...e),
-				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", mn, [
-				(S(!0), s(t, null, E(j(g).renderedItems.value, ({ item: r, index: i }) => (S(), s("article", {
-					key: j(w).getItemKey(r),
+				onPointerdown: n[1] ||= (...e) => M(h).onPointerDown && M(h).onPointerDown(...e),
+				onPointermove: n[2] ||= (...e) => M(h).onPointerMove && M(h).onPointerMove(...e),
+				onPointerup: n[3] ||= (...e) => M(h).onPointerUp && M(h).onPointerUp(...e),
+				onPointercancel: n[4] ||= (...e) => M(h).onPointerCancel && M(h).onPointerCancel(...e),
+				onWheel: n[5] ||= (...e) => M(h).onWheel && M(h).onWheel(...e)
+			}, [M(h).activeItem.value ? (w(), s("div", Tn, [
+				(w(!0), s(t, null, ee(M(h).renderedItems.value, ({ item: r, index: i }) => (w(), s("article", {
+					key: M(C).getItemKey(r),
 					"data-testid": "vibe-slide",
 					"data-item-id": r.id,
-					"data-occurrence-key": j(w).getItemKey(r),
+					"data-occurrence-key": M(C).getItemKey(r),
 					"data-index": i,
-					"data-active": i === j(g).resolvedActiveIndex.value,
-					"aria-hidden": i === j(g).resolvedActiveIndex.value ? "false" : "true",
-					class: _(["absolute inset-0 flex h-full min-h-full items-center justify-center will-change-transform", i === j(g).resolvedActiveIndex.value ? "pointer-events-auto" : "pointer-events-none"]),
-					style: y(j(g).getSlideStyle(i))
+					"data-active": i === M(h).resolvedActiveIndex.value,
+					"aria-hidden": i === M(h).resolvedActiveIndex.value ? "false" : "true",
+					class: v(["absolute inset-0 flex h-full min-h-full items-center justify-center will-change-transform", i === M(h).resolvedActiveIndex.value ? "pointer-events-auto" : "pointer-events-none"]),
+					style: b(M(h).getSlideStyle(i))
 				}, [c("div", {
-					class: _(["absolute inset-0 opacity-85", j(on)(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", {
+					class: v(["absolute inset-0 opacity-85", M(_n)(r.type)]),
+					style: b(i === M(h).resolvedActiveIndex.value && r.type === "image" ? M(E) : void 0)
+				}, null, 6), M(h).isVisual(r) ? (w(), s("div", {
 					key: 0,
-					class: _(["relative z-[1] flex h-full w-full items-center justify-center overflow-hidden", i === j(g).resolvedActiveIndex.value ? V.value : ""])
-				}, [j(w).isAssetLoading(i, r) ? (S(), s("div", gn, [c("span", _n, [u(j(re), {
+					class: v(["relative z-[1] flex h-full w-full items-center justify-center overflow-hidden", i === M(h).resolvedActiveIndex.value ? B.value : ""])
+				}, [M(C).isAssetLoading(i, r) ? (w(), s("div", Dn, [c("span", On, [u(M(oe), {
 					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", {
+				})])])) : o("", !0), M(C).isAssetErrored(i, r) ? (w(), s("div", {
 					key: 1,
 					"data-testid": "vibe-asset-error",
-					"data-kind": j(w).getAssetErrorKind(r),
+					"data-kind": M(C).getAssetErrorKind(r),
 					class: "grid h-full w-full place-items-center"
-				}, [c("div", yn, [
-					u(j(oe), {
+				}, [c("div", An, [
+					u(M(le), {
 						class: "h-7 w-7 stroke-[1.9] text-[#f7f1ea]/72",
 						"aria-hidden": "true"
 					}),
-					c("p", bn, k(j(w).getAssetErrorLabel(r)), 1),
-					j(g).canRetryAsset(j(w).getItemKey(r)) ? (S(), s("button", {
+					c("p", jn, A(M(C).getAssetErrorLabel(r)), 1),
+					M(h).canRetryAsset(M(C).getItemKey(r)) ? (w(), s("button", {
 						key: 0,
 						type: "button",
 						class: "inline-flex items-center justify-center border border-white/14 bg-black/35 px-4 py-2 text-[0.64rem] font-bold uppercase tracking-[0.22em] text-[#f7f1ea]/82 backdrop-blur-[18px] transition hover:border-white/28 hover:bg-black/50",
-						onClick: z((e) => j(g).retryAsset(j(w).getItemKey(r)), ["stop"])
-					}, " Retry ", 8, xn)) : o("", !0)
-				])], 8, vn)) : r.type === "image" ? (S(), s("img", {
-					key: j(g).getAssetRenderKey(j(w).getItemKey(r)),
-					src: j(w).getFullscreenImageSource(i, r),
+						onClick: te((e) => M(h).retryAsset(M(C).getItemKey(r)), ["stop"])
+					}, " Retry ", 8, Mn)) : o("", !0)
+				])], 8, kn)) : r.type === "image" ? (w(), s("img", {
+					key: M(h).getAssetRenderKey(M(C).getItemKey(r)),
+					src: M(C).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"]),
+					class: v(["block h-auto max-h-full w-auto max-w-full object-contain shadow-[0_40px_120px_-60px_rgba(0,0,0,0.9)] transition-opacity duration-300", M(h).isImageReady(M(C).getItemKey(r)) ? "opacity-100" : "opacity-0"]),
 					ref_for: !0,
-					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, Sn)) : (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"]),
+					ref: (e) => he(M(C).getItemKey(r), e),
+					onLoad: (e) => pe(e, M(C).getItemKey(r), r.url),
+					onError: (e) => me(M(C).getItemKey(r), r.url)
+				}, null, 42, Nn)) : (w(), s("video", {
+					key: M(h).getAssetRenderKey(M(C).getItemKey(r)),
+					class: v(["block h-auto max-h-full w-auto max-w-full cursor-pointer object-contain shadow-[0_40px_120px_-60px_rgba(0,0,0,0.9)] transition-opacity duration-300", M(h).isMediaReady(M(C).getItemKey(r)) ? "opacity-100" : "opacity-0"]),
 					playsinline: "",
 					loop: d.loopFullscreenVideo,
-					src: j(w).getFullscreenMediaSource(i, r),
-					preload: j(w).shouldPreloadSlideAsset(i) ? "metadata" : "none",
+					src: M(C).getFullscreenMediaSource(i, r),
+					preload: M(C).getFullscreenMediaPreload(i),
 					ref_for: !0,
-					ref: (e) => j(g).registerVideoElement(j(w).getItemKey(r), e),
-					onClick: z((e) => j(g).onVideoClick(e, j(w).getItemKey(r)), ["stop"]),
-					onCanplay: (e) => j(g).onMediaEvent(j(w).getItemKey(r), e),
-					onDurationchange: (e) => j(g).onMediaEvent(j(w).getItemKey(r), e),
-					onEnded: (e) => he(e, j(w).getItemKey(r)),
-					onError: (e) => j(g).onMediaError(j(w).getItemKey(r), r.url),
-					onLoadstart: (e) => j(g).onMediaEvent(j(w).getItemKey(r), e),
-					onLoadedmetadata: (e) => j(g).onMediaEvent(j(w).getItemKey(r), e),
-					onPause: (e) => j(g).onMediaEvent(j(w).getItemKey(r), e),
-					onPlay: (e) => j(g).onMediaEvent(j(w).getItemKey(r), e),
-					onPlaying: (e) => j(g).onMediaEvent(j(w).getItemKey(r), e),
-					onSeeking: (e) => j(g).onMediaEvent(j(w).getItemKey(r), e),
-					onSeeked: (e) => j(g).onMediaEvent(j(w).getItemKey(r), e),
-					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, Cn))], 2)) : j(g).isAudio(r) ? (S(), s("div", {
+					ref: (e) => ge(M(C).getItemKey(r), e),
+					onClick: te((e) => M(h).onVideoClick(e, M(C).getItemKey(r)), ["stop"]),
+					onCanplay: (e) => Q(M(C).getItemKey(r), e),
+					onDurationchange: (e) => Q(M(C).getItemKey(r), e),
+					onEnded: (e) => be(e, M(C).getItemKey(r)),
+					onError: (e) => ve(M(C).getItemKey(r), r.url),
+					onLoadstart: (e) => Q(M(C).getItemKey(r), e),
+					onLoadedmetadata: (e) => Q(M(C).getItemKey(r), e),
+					onPause: (e) => Q(M(C).getItemKey(r), e),
+					onPlay: (e) => Q(M(C).getItemKey(r), e),
+					onPlaying: (e) => Q(M(C).getItemKey(r), e),
+					onSeeking: (e) => Q(M(C).getItemKey(r), e),
+					onSeeked: (e) => Q(M(C).getItemKey(r), e),
+					onStalled: (e) => Q(M(C).getItemKey(r), e),
+					onTimeupdate: (e) => Q(M(C).getItemKey(r), e),
+					onWaiting: (e) => Q(M(C).getItemKey(r), e)
+				}, null, 42, Pn))], 2)) : M(h).isAudio(r) ? (w(), 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 ? V.value : ""])
-				}, [c("div", wn, [
+					class: v(["relative z-[1] grid w-full max-w-[1100px] justify-items-center gap-6 px-[clamp(2rem,4vw,3rem)] py-[clamp(2rem,4vw,3rem)] text-center", i === M(h).resolvedActiveIndex.value ? B.value : ""])
+				}, [c("div", Fn, [
 					c("button", {
 						type: "button",
 						class: "relative grid h-full w-full place-items-center border border-white/12 bg-[linear-gradient(180deg,rgba(255,255,255,0.04),rgba(255,255,255,0.02)),radial-gradient(circle_at_center,rgba(16,185,129,0.14),transparent_58%)] text-[#f7f1ea] transition-[border-color,background] duration-200 hover:border-white/30 hover:bg-[linear-gradient(180deg,rgba(255,255,255,0.07),rgba(255,255,255,0.03)),radial-gradient(circle_at_center,rgba(16,185,129,0.18),transparent_58%)] focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-[#f7f1ea]",
-						"aria-label": j(g).mediaStates.value[j(w).getItemKey(r)]?.paused ?? !0 ? j(w).getMediaActionLabel("Play", r) : j(w).getMediaActionLabel("Pause", r),
-						disabled: !!j(w).getAssetErrorKind(r),
-						onClick: (e) => j(g).onAudioCoverClick(e, j(w).getItemKey(r))
+						"aria-label": M(h).mediaStates.value[M(C).getItemKey(r)]?.paused ?? !0 ? M(C).getMediaActionLabel("Play", r) : M(C).getMediaActionLabel("Pause", r),
+						disabled: !!M(C).getAssetErrorKind(r),
+						onClick: (e) => M(h).onAudioCoverClick(e, M(C).getItemKey(r))
 					}, [
 						n[6] ||= c("span", { class: "pointer-events-none absolute inset-0 border border-white/8 bg-[radial-gradient(circle,rgba(16,185,129,0.16),transparent_66%)]" }, null, -1),
 						n[7] ||= c("span", { class: "pointer-events-none absolute h-[clamp(220px,30vw,360px)] w-[clamp(220px,30vw,360px)] border border-white/8 bg-[radial-gradient(circle,rgba(255,255,255,0.08),transparent_62%)]" }, null, -1),
-						c("span", En, [D(e.$slots, "item-icon", {
-							icon: j(Ct)(r.type),
+						c("span", Ln, [O(e.$slots, "item-icon", {
+							icon: M(Tt)(r.type),
 							item: r
-						}, () => [(S(), a(O(j(Ct)(r.type)), {
+						}, () => [(w(), a(k(M(Tt)(r.type)), {
 							class: "h-6 w-6 stroke-[1.9]",
 							"aria-hidden": "true"
 						}))])]),
-						c("span", Dn, [(S(), a(O(j(g).mediaStates.value[j(w).getItemKey(r)]?.paused ?? !0 ? j(ae) : j(ie)), {
+						c("span", Rn, [(w(), a(k(M(h).mediaStates.value[M(C).getItemKey(r)]?.paused ?? !0 ? M(ce) : M(se)), {
 							class: "h-4 w-4 stroke-2",
 							"aria-hidden": "true"
 						}))])
-					], 8, Tn),
-					j(w).isAssetLoading(i, r) ? (S(), s("div", On, [c("span", kn, [u(j(re), {
+					], 8, In),
+					M(C).isAssetLoading(i, r) ? (w(), s("div", zn, [c("span", Bn, [u(M(oe), {
 						class: "h-5 w-5 animate-spin stroke-[1.9] text-[#f7f1ea]/78",
 						"aria-hidden": "true"
 					})])])) : o("", !0),
-					j(w).getAssetErrorKind(r) ? (S(), s(t, { key: 1 }, [n[8] ||= c("div", { class: "pointer-events-none absolute inset-0 border border-white/8 bg-[radial-gradient(circle,rgba(239,68,68,0.12),transparent_66%)]" }, null, -1), c("div", {
+					M(C).getAssetErrorKind(r) ? (w(), s(t, { key: 1 }, [n[8] ||= c("div", { class: "pointer-events-none absolute inset-0 border border-white/8 bg-[radial-gradient(circle,rgba(239,68,68,0.12),transparent_66%)]" }, null, -1), c("div", {
 						"data-testid": "vibe-asset-error",
-						"data-kind": j(w).getAssetErrorKind(r),
+						"data-kind": M(C).getAssetErrorKind(r),
 						class: "relative z-[1] grid justify-items-center gap-4"
 					}, [
-						u(j(oe), {
+						u(M(le), {
 							class: "h-7 w-7 stroke-[1.9] text-[#f7f1ea]/72",
 							"aria-hidden": "true"
 						}),
-						c("p", jn, k(j(w).getAssetErrorLabel(r)), 1),
-						j(g).canRetryAsset(j(w).getItemKey(r)) ? (S(), s("button", {
+						c("p", Hn, A(M(C).getAssetErrorLabel(r)), 1),
+						M(h).canRetryAsset(M(C).getItemKey(r)) ? (w(), s("button", {
 							key: 0,
 							type: "button",
 							class: "pointer-events-auto inline-flex items-center justify-center border border-white/14 bg-black/35 px-4 py-2 text-[0.64rem] font-bold uppercase tracking-[0.22em] text-[#f7f1ea]/82 backdrop-blur-[18px] transition hover:border-white/28 hover:bg-black/50",
-							onClick: z((e) => j(g).retryAsset(j(w).getItemKey(r)), ["stop"])
-						}, " Retry ", 8, Mn)) : o("", !0)
-					], 8, An)], 64)) : o("", !0)
-				]), (S(), s("audio", {
-					key: j(g).getAssetRenderKey(j(w).getItemKey(r)),
-					src: j(w).getFullscreenMediaSource(i, r),
-					preload: j(w).shouldPreloadSlideAsset(i) ? "metadata" : "none",
+							onClick: te((e) => M(h).retryAsset(M(C).getItemKey(r)), ["stop"])
+						}, " Retry ", 8, Un)) : o("", !0)
+					], 8, Vn)], 64)) : o("", !0)
+				]), (w(), s("audio", {
+					key: M(h).getAssetRenderKey(M(C).getItemKey(r)),
+					src: M(C).getFullscreenMediaSource(i, r),
+					preload: M(C).getFullscreenMediaPreload(i),
 					class: "pointer-events-none absolute h-px w-px opacity-0",
 					ref_for: !0,
-					ref: (e) => j(g).registerAudioElement(j(w).getItemKey(r), e),
-					onCanplay: (e) => j(g).onMediaEvent(j(w).getItemKey(r), e),
-					onDurationchange: (e) => j(g).onMediaEvent(j(w).getItemKey(r), e),
-					onError: (e) => j(g).onMediaError(j(w).getItemKey(r), r.url),
-					onLoadstart: (e) => j(g).onMediaEvent(j(w).getItemKey(r), e),
-					onLoadedmetadata: (e) => j(g).onMediaEvent(j(w).getItemKey(r), e),
-					onPause: (e) => j(g).onMediaEvent(j(w).getItemKey(r), e),
-					onPlay: (e) => j(g).onMediaEvent(j(w).getItemKey(r), e),
-					onPlaying: (e) => j(g).onMediaEvent(j(w).getItemKey(r), e),
-					onSeeking: (e) => j(g).onMediaEvent(j(w).getItemKey(r), e),
-					onSeeked: (e) => j(g).onMediaEvent(j(w).getItemKey(r), e),
-					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, Nn))], 2)) : (S(), s("div", Pn, [c("div", Fn, [D(e.$slots, "item-icon", {
-					icon: j(Ct)(r.type),
+					ref: (e) => _e(M(C).getItemKey(r), e),
+					onCanplay: (e) => Q(M(C).getItemKey(r), e),
+					onDurationchange: (e) => Q(M(C).getItemKey(r), e),
+					onError: (e) => ve(M(C).getItemKey(r), r.url),
+					onLoadstart: (e) => Q(M(C).getItemKey(r), e),
+					onLoadedmetadata: (e) => Q(M(C).getItemKey(r), e),
+					onPause: (e) => Q(M(C).getItemKey(r), e),
+					onPlay: (e) => Q(M(C).getItemKey(r), e),
+					onPlaying: (e) => Q(M(C).getItemKey(r), e),
+					onSeeking: (e) => Q(M(C).getItemKey(r), e),
+					onSeeked: (e) => Q(M(C).getItemKey(r), e),
+					onStalled: (e) => Q(M(C).getItemKey(r), e),
+					onTimeupdate: (e) => Q(M(C).getItemKey(r), e),
+					onWaiting: (e) => Q(M(C).getItemKey(r), e)
+				}, null, 40, Wn))], 2)) : (w(), s("div", Gn, [c("div", Kn, [O(e.$slots, "item-icon", {
+					icon: M(Tt)(r.type),
 					item: r
-				}, () => [(S(), a(O(j(Ct)(r.type)), {
+				}, () => [(w(), a(k(M(Tt)(r.type)), {
 					class: "h-6 w-6 stroke-[1.9]",
 					"aria-hidden": "true"
-				}))])])]))], 14, hn))), 128)),
-				W.value && p["fullscreen-overlay"] ? (S(), s("div", In, [c("div", Ln, [D(e.$slots, "fullscreen-overlay", v(f(W.value)))])])) : o("", !0),
-				j(g).activeItem.value ? (S(), a(bt, {
+				}))])])]))], 14, En))), 128)),
+				U.value && f["fullscreen-overlay"] ? (w(), s("div", qn, [c("div", Jn, [O(e.$slots, "fullscreen-overlay", y(p(U.value)))])])) : o("", !0),
+				M(h).activeItem.value ? (w(), a(St, {
 					key: 1,
-					"current-index": j(g).resolvedActiveIndex.value,
+					"current-index": M(h).resolvedActiveIndex.value,
 					loading: d.loading,
-					"pagination-detail": j(g).paginationDetail.value,
+					"pagination-detail": M(h).paginationDetail.value,
 					"show-back-to-list": d.showBackToList,
-					"show-end-badge": d.showEndBadge && j(g).isAtEnd.value && !j(g).hasNextPage.value && !j(g).loading.value,
-					title: j(g).activeItem.value.title ?? null,
-					total: j(g).items.value.length,
+					"show-end-badge": d.showEndBadge && M(h).isAtEnd.value && !M(h).hasNextPage.value && !M(h).loading.value,
+					title: M(h).activeItem.value.title ?? null,
+					total: M(h).items.value.length,
 					onBackToList: n[0] ||= (e) => m("back-to-list")
-				}, l({ _: 2 }, [ne.value && W.value ? {
+				}, l({ _: 2 }, [re.value && U.value ? {
 					name: "actions",
-					fn: L(() => [D(e.$slots, "fullscreen-header-actions", v(f(W.value)))]),
+					fn: R(() => [O(e.$slots, "fullscreen-header-actions", y(p(U.value)))]),
 					key: "0"
 				} : void 0]), 1032, [
 					"current-index",
@@ -2220,19 +2496,19 @@ var un = ["data-surface"], dn = ["data-surface"], fn = /* @__PURE__ */ d({
 					"title",
 					"total"
 				])) : o("", !0),
-				B.value ? (S(), a(lt, {
+				L.value ? (w(), a(dt, {
 					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,
-					volume: j(g).activeMediaState.value.volume,
-					"volume-control-layout": ee.value,
-					onSeekInput: j(g).onMediaSeekInput,
-					onVolumeInput: j(g).onMediaVolumeInput,
-					onVolumeToggle: j(g).onMediaVolumeToggle
+					"current-time": M(h).activeMediaState.value.currentTime,
+					"current-time-label": M(h).formatPlaybackTime(M(h).activeMediaState.value.currentTime),
+					duration: M(h).activeMediaDuration.value,
+					"duration-label": M(h).formatPlaybackTime(M(h).activeMediaDuration.value),
+					muted: M(h).activeMediaState.value.muted,
+					progress: M(h).activeMediaProgress.value,
+					volume: M(h).activeMediaState.value.volume,
+					"volume-control-layout": z.value,
+					onSeekInput: M(h).onMediaSeekInput,
+					onVolumeInput: M(h).onMediaVolumeInput,
+					onVolumeToggle: M(h).onMediaVolumeToggle
 				}, null, 8, [
 					"current-time",
 					"current-time-label",
@@ -2246,36 +2522,36 @@ var un = ["data-surface"], dn = ["data-surface"], fn = /* @__PURE__ */ d({
 					"onVolumeInput",
 					"onVolumeToggle"
 				])) : o("", !0),
-				K.value ? (S(), s("div", {
+				G.value ? (w(), s("div", {
 					key: 3,
-					class: _(["absolute left-1/2 z-[4] -translate-x-1/2", R.value])
-				}, [ce.value ? D(e.$slots, "fullscreen-status", v(h({ key: 0 }, K.value))) : (S(), s("div", {
+					class: v(["absolute left-1/2 z-[4] -translate-x-1/2", I.value])
+				}, [ae.value ? O(e.$slots, "fullscreen-status", y(g({ key: 0 }, G.value))) : (w(), 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", K.value.kind === "end" ? "border-amber-300/35 text-amber-200" : K.value.kind === "failed" ? "border-rose-400/45 text-rose-100" : ""])
-				}, k(K.value.message), 3))], 2)) : o("", !0)
-			])) : H.value ? (S(), s("div", Rn, [c("div", zn, [c("span", Bn, [u(j(re), {
+					class: v(["inline-flex w-auto items-center border border-white/14 bg-black/40 px-5 py-3 text-[0.75rem] font-bold uppercase tracking-[0.18em] text-[#f7f1ea]/74 backdrop-blur-[18px] max-[720px]:w-[calc(100%-2.5rem)] max-[720px]:justify-center", G.value.kind === "end" ? "border-amber-300/35 text-amber-200" : G.value.kind === "failed" ? "border-rose-400/45 text-rose-100" : ""])
+				}, A(G.value.message), 3))], 2)) : o("", !0)
+			])) : V.value ? (w(), s("div", Yn, [c("div", Xn, [c("span", Zn, [u(M(oe), {
 				class: "h-5 w-5 animate-spin stroke-[1.9] text-[#f7f1ea]/78",
 				"aria-hidden": "true"
-			})]), c("p", Vn, k(U.value), 1)])])) : j(de) && j(Z) ? (S(), a(fn, {
+			})]), c("p", Qn, A(H.value), 1)])])) : M(Z) && M(X) ? (w(), a(Cn, {
 				key: 2,
-				message: j(Z).message,
-				mode: j(Z).mode,
-				surface: j(Z).surface
+				message: M(X).message,
+				mode: M(X).mode,
+				surface: M(X).surface
 			}, {
-				default: L(() => [j(ue) ? D(e.$slots, "empty-state", v(h({ key: 0 }, j(Z)))) : o("", !0)]),
+				default: R(() => [M(de) ? O(e.$slots, "empty-state", y(g({ key: 0 }, M(X)))) : o("", !0)]),
 				_: 3
 			}, 8, [
 				"message",
 				"mode",
 				"surface"
-			])) : o("", !0), j(le) && j(Z) ? (S(), a(fn, {
+			])) : o("", !0), M(ue) && M(X) ? (w(), a(Cn, {
 				key: 3,
-				message: j(Z).message,
-				mode: j(Z).mode,
-				surface: j(Z).surface
+				message: M(X).message,
+				mode: M(X).mode,
+				surface: M(X).surface
 			}, {
-				default: L(() => [j(ue) ? D(e.$slots, "empty-state", v(h({ key: 0 }, j(Z)))) : o("", !0)]),
+				default: R(() => [M(de) ? O(e.$slots, "empty-state", y(g({ key: 0 }, M(X)))) : o("", !0)]),
 				_: 3
 			}, 8, [
 				"message",
@@ -2289,7 +2565,7 @@ var un = ["data-surface"], dn = ["data-surface"], fn = /* @__PURE__ */ d({
 				"leave-from-class": "translate-x-0 opacity-100",
 				"leave-to-class": "translate-x-full opacity-0"
 			}, {
-				default: L(() => [X.value && W.value ? (S(), s("aside", Hn, [c("div", Un, [D(e.$slots, "fullscreen-aside", v(f(W.value)))])])) : o("", !0)]),
+				default: R(() => [Y.value && U.value ? (w(), s("aside", $n, [c("div", er, [O(e.$slots, "fullscreen-aside", y(p(U.value)))])])) : o("", !0)]),
 				_: 3
 			})], 4),
 			u(r, {
@@ -2300,29 +2576,29 @@ var un = ["data-surface"], dn = ["data-surface"], fn = /* @__PURE__ */ d({
 				"leave-from-class": "translate-x-0 opacity-100",
 				"leave-to-class": "translate-x-full opacity-0"
 			}, {
-				default: L(() => [se.value && W.value ? (S(), s("aside", Wn, [c("div", Gn, [D(e.$slots, "fullscreen-aside", v(f(W.value)))])])) : o("", !0)]),
+				default: R(() => [ie.value && U.value ? (w(), s("aside", tr, [c("div", nr, [O(e.$slots, "fullscreen-aside", y(p(U.value)))])])) : o("", !0)]),
 				_: 3
 			})
 		]));
 	}
-}), Yn = 1, Xn = .5;
-function Zn(e) {
+}), or = 1, sr = .5;
+function cr(e) {
 	if (e.type !== "image" && e.type !== "video") return {
-		width: Yn,
-		height: Yn,
+		width: or,
+		height: or,
 		source: "fallback"
 	};
 	let t = e.preview?.width, n = e.preview?.height;
-	if (ir(t) && ir(n)) {
-		let r = ar(e, t, n);
+	if (hr(t) && hr(n)) {
+		let r = gr(e, t, n);
 		return {
 			width: r.width,
 			height: r.height,
 			source: "preview"
 		};
 	}
-	if (ir(e.width) && ir(e.height)) {
-		let t = ar(e, e.width, e.height);
+	if (hr(e.width) && hr(e.height)) {
+		let t = gr(e, e.width, e.height);
 		return {
 			width: t.width,
 			height: t.height,
@@ -2330,31 +2606,31 @@ function Zn(e) {
 		};
 	}
 	return {
-		width: Yn,
-		height: Yn,
+		width: or,
+		height: or,
 		source: "fallback"
 	};
 }
-function Qn(e, t) {
+function lr(e, t) {
 	return !e || e <= 0 || !t || t <= 0 ? 1 : Math.max(1, Math.floor(e / t));
 }
-function $n(e, t, n, r = 0) {
+function ur(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 er(e, t) {
-	let n = Zn(e);
+function dr(e, t) {
+	let n = cr(e);
 	return n.height / n.width * t;
 }
-function tr(e, t) {
+function fr(e, t) {
 	let n = Array.from({ length: t.columnCount }, () => 0), r = Array(e.length), i = Array(e.length), a = /* @__PURE__ */ new Map(), o = /* @__PURE__ */ new Map(), s = 0;
 	for (let c = 0; c < e.length; c += 1) {
 		let l = e[c];
 		o.set($(l), c);
 		let u = 0;
 		for (let e = 1; e < n.length; e += 1) n[e] < n[u] && (u = e);
-		let d = u * (t.columnWidth + t.gapX), f = n[u], p = er(l, t.columnWidth);
+		let d = u * (t.columnWidth + t.gapX), f = n[u], p = dr(l, t.columnWidth);
 		r[c] = {
 			x: d,
 			y: f
@@ -2373,7 +2649,7 @@ function tr(e, t) {
 		indexById: o
 	};
 }
-function nr(e) {
+function pr(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();
@@ -2383,7 +2659,7 @@ function nr(e) {
 	}
 	return Array.from(a).sort((e, t) => e - t);
 }
-function rr(e, t, n) {
+function mr(e, t, n) {
 	let r = /* @__PURE__ */ new Map();
 	for (let i of e) {
 		let e = t.get($(i));
@@ -2393,11 +2669,11 @@ function rr(e, t, n) {
 	}
 	return r;
 }
-function ir(e) {
+function hr(e) {
 	return typeof e == "number" && Number.isFinite(e) && e > 0;
 }
-function ar(e, t, n) {
-	return e.type !== "image" || n / t >= Xn ? {
+function gr(e, t, n) {
+	return e.type !== "image" || n / t >= sr ? {
 		width: t,
 		height: n
 	} : {
@@ -2407,23 +2683,23 @@ function ar(e, t, n) {
 }
 //#endregion
 //#region src/components/viewer-core/useMasonryMotion.ts
-var or = 300, sr = 600, cr = 40, lr = 300, ur = 400;
-function dr(e, t) {
+var _r = 300, vr = 600, yr = 40, br = 300, xr = 400;
+function Sr(e, t) {
 	return t === "top" ? [...e].reverse() : e;
 }
-function fr(e) {
-	return e <= 0 ? sr : sr + Math.min((e - 1) * cr, ur);
+function Cr(e) {
+	return e <= 0 ? vr : vr + Math.min((e - 1) * yr, xr);
 }
-function pr() {
-	return lr;
+function wr() {
+	return br;
 }
-function mr(e) {
+function Tr(e) {
 	let t = e.itemHeight > 0 ? e.itemHeight : e.columnWidth;
 	return e.direction === "top" ? e.scrollTop - t : e.scrollTop + e.viewportHeight + t;
 }
-function hr(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) => {
+function Er(e) {
+	let t = D(/* @__PURE__ */ new Set()), n = D(/* @__PURE__ */ new Set()), r = D(/* @__PURE__ */ new Map()), a = D(/* @__PURE__ */ new Map()), o = D(/* @__PURE__ */ new Map()), s = D(/* @__PURE__ */ new Set()), c = D(/* @__PURE__ */ new Map()), l = D(/* @__PURE__ */ new Map()), u = D(/* @__PURE__ */ new Set()), d = /* @__PURE__ */ new Set(), f = /* @__PURE__ */ new Set(), p = i(() => Array.from(o.value.values()));
+	I(e.visibleIndices, (i) => {
 		if (!i.length) return;
 		let o = [];
 		for (let n of i) {
@@ -2431,27 +2707,27 @@ function hr(e) {
 			!r || !t.value.has(r) || d.has(r) || (d.add(r), o.push(r));
 		}
 		if (!o.length) return;
-		let s = dr(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 * cr, ur));
-		r.value = c, gr(() => {
+		let s = Sr(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 * yr, xr));
+		r.value = c, Dr(() => {
 			let e = new Set(n.value);
 			for (let t of o) e.add(t);
 			n.value = e;
-		}), _r(() => {
+		}), Or(() => {
 			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;
-			}, fr(o.length));
+			}, Cr(o.length));
 		});
-	}, { flush: "post" }), F(() => e.items.value.map((e) => $(e)), (e) => {
+	}, { flush: "post" }), I(() => 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));
 		n && (o.value = n), r && (s.value = r);
-	}), b(() => {
+	}), x(() => {
 		for (let e of f) clearTimeout(e);
 		f.clear();
 	});
@@ -2471,7 +2747,7 @@ function hr(e) {
 			let e = $(t.item);
 			p.push(e), i.set(e, t), c.delete(e), l.delete(e), u.delete(e), f.delete(e), d.delete(e);
 		}
-		o.value = i, t.value = c, n.value = l, r.value = u, a.value = f, gr(() => {
+		o.value = i, t.value = c, n.value = l, r.value = u, a.value = f, Dr(() => {
 			let e = new Set(s.value);
 			for (let t of p) e.add(t);
 			s.value = e;
@@ -2479,9 +2755,9 @@ function hr(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;
-		}, lr);
+		}, br);
 	}
-	function g(t, n, r = or) {
+	function g(t, n, r = _r) {
 		if (!t.size) return;
 		let i = /* @__PURE__ */ new Map(), a = [];
 		for (let [r, o] of t.entries()) {
@@ -2500,8 +2776,8 @@ function hr(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, gr(() => {
-			u.value = new Set(a), gr(() => {
+		l.value = o, Dr(() => {
+			u.value = new Set(a), Dr(() => {
 				c.value = /* @__PURE__ */ new Map();
 			});
 		}), S(() => {
@@ -2512,8 +2788,8 @@ function hr(e) {
 		}, r);
 	}
 	function _(e) {
-		if (n.value.has(e)) return `transform ${sr}ms ease-out`;
-		if (u.value.has(e)) return `transform ${l.value.get(e) ?? or}ms ease-out`;
+		if (n.value.has(e)) return `transform ${vr}ms ease-out`;
+		if (u.value.has(e)) return `transform ${l.value.get(e) ?? _r}ms ease-out`;
 	}
 	function v(e) {
 		if (!n.value.has(e)) return;
@@ -2530,7 +2806,7 @@ function hr(e) {
 		} : {
 			dx: 0,
 			dy: 0
-		}, u = s ? a.value.get(s) ?? "bottom" : "bottom", d = s && t.value.has(s) ? mr({
+		}, u = s ? a.value.get(s) ?? "bottom" : "bottom", d = s && t.value.has(s) ? Tr({
 			columnWidth: e.columnWidth.value,
 			direction: u,
 			itemHeight: o,
@@ -2539,19 +2815,19 @@ function hr(e) {
 		}) : i.y;
 		return `translate3d(${i.x + l.dx}px, ${d + l.dy}px, 0)`;
 	}
-	function x(t) {
+	function b(t) {
 		let n = $(t), r = o.value.get(n);
 		if (!r) return {
 			opacity: "0",
 			transform: "translate3d(0, 0, 0) scale(0.96)",
-			transition: `opacity ${lr}ms ease-out, transform ${lr}ms ease-out`
+			transition: `opacity ${br}ms ease-out, transform ${br}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 ${lr}ms ease-out, transform ${lr}ms ease-out`,
+			transition: `opacity ${br}ms ease-out, transform ${br}ms ease-out`,
 			width: `${e.columnWidth.value}px`
 		};
 	}
@@ -2565,35 +2841,35 @@ function hr(e) {
 		getCardTransform: y,
 		getCardTransition: _,
 		getCardTransitionDelay: v,
-		getLeavingCardStyle: x,
+		getLeavingCardStyle: b,
 		leavingItems: p,
 		markEnter: m,
 		markLeave: h,
 		playFlipMoveAnimation: g
 	};
 }
-function gr(e) {
+function Dr(e) {
 	if (typeof requestAnimationFrame == "function") {
 		requestAnimationFrame(() => e());
 		return;
 	}
 	setTimeout(e, 0);
 }
-function _r(e) {
-	gr(() => gr(e));
+function Or(e) {
+	Dr(() => Dr(e));
 }
 //#endregion
 //#region src/components/viewer-core/masonryViewport.ts
-function vr(e, t) {
+function kr(e, t) {
 	return e?.clientHeight || Math.round(e?.getBoundingClientRect().height ?? 0) || t || window.innerHeight || 1;
 }
-function yr(e, t, n) {
+function Ar(e, t, n) {
 	return e?.clientWidth || Math.round(e?.getBoundingClientRect().width ?? 0) || t || window.innerWidth || n;
 }
-function br(e, t, n, r) {
+function jr(e, t, n, r) {
 	return (e?.scrollHeight ?? r) - (t + n);
 }
-function xr(e, t) {
+function Mr(e, t) {
 	return {
 		height: `${e}px`,
 		transform: `translate3d(0, ${t}px, 0)`
@@ -2601,10 +2877,10 @@ function xr(e, t) {
 }
 //#endregion
 //#region src/components/viewer-core/useEdgeBoundary.ts
-var Sr = 250, Cr = 1e3;
-function wr(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(() => {
+var Nr = 250, Pr = 1e3;
+function Fr(e) {
+	let t = D(!1), n = D(!1), r = D(0), i = D(0), a = D(!1), o = D(!1), s = 0, c = null;
+	x(() => {
 		y();
 	});
 	function l() {
@@ -2616,9 +2892,9 @@ function wr(e) {
 		!r && n.value && m();
 	}
 	function u(t) {
-		if (!x(t) || !e.isAtBoundary()) return;
+		if (!b(t) || !e.isAtBoundary()) return;
 		let n = Date.now();
-		n < s || (s = n + Sr, m());
+		n < s || (s = n + Nr, m());
 	}
 	function d() {
 		if (!g()) return;
@@ -2652,7 +2928,7 @@ function wr(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(Cr);
+		o.value = !1, v(Pr);
 	}
 	function v(e) {
 		y(), a.value = !0, c = setTimeout(() => {
@@ -2662,7 +2938,7 @@ function wr(e) {
 	function y() {
 		c &&= (clearTimeout(c), null);
 	}
-	function x(t) {
+	function b(t) {
 		return e.direction === "top" ? t.deltaY < 0 : t.deltaY > 0;
 	}
 	return {
@@ -2675,81 +2951,81 @@ function wr(e) {
 }
 //#endregion
 //#region src/components/viewer-core/useMasonryList.ts
-var Tr = 600, Er = 24, Dr = 16, Or = 300, kr = 200, Ar = 200, jr = Er + Dr, Mr = 200, Nr = 300, Pr = 24, Fr = 48, Ir = 500, Lr = 1e3;
-function Rr(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 || Or), 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(Or, a.value - Er * 2)), h = i(() => Qn(m.value, Or)), _ = i(() => $n(m.value, h.value, Or, Dr)), v = i(() => zr(e.activeIndex.value, 0, Math.max(0, e.items.value.length - 1))), y = i(() => nr({
+var Ir = 600, Lr = 24, Rr = 16, zr = 300, Br = 200, Vr = 200, Hr = Lr + Rr, Ur = 200, Wr = 300, Gr = 24, Kr = 48, qr = 500, Jr = 1e3;
+function Yr(e) {
+	let t = D(null), n = D(0), r = D(typeof window > "u" ? 0 : window.innerHeight || 0), a = D(typeof window > "u" ? 0 : window.innerWidth || zr), o = D([]), s = D([]), c = D(/* @__PURE__ */ new Map()), l = D(0), u = D(/* @__PURE__ */ new Map()), d = D(null), f = D(null), p = D(!1), m = i(() => Math.max(zr, a.value - Lr * 2)), h = i(() => lr(m.value, zr)), g = i(() => ur(m.value, h.value, zr, Rr)), v = i(() => Xr(e.activeIndex.value, 0, Math.max(0, e.items.value.length - 1))), y = i(() => pr({
 		itemCount: e.items.value.length,
 		viewportHeight: r.value,
 		scrollTop: n.value,
-		overscanPx: kr,
-		bucketPx: Tr,
+		overscanPx: Br,
+		bucketPx: Ir,
 		buckets: c.value
-	})), S = i(() => y.value.map((t) => ({
+	})), b = i(() => y.value.map((t) => ({
 		item: e.items.value[t],
 		index: t
 	}))), C = i(() => {
-		let e = l.value + Er * 2, t = d.value ?? 0;
-		return Math.max(e, t, r.value) + Mr;
-	}), w = i(() => e.hasNextPage.value || e.allowExhaustedNextPageRefresh.value), E = i(() => Vr({
+		let e = l.value + Lr * 2, t = d.value ?? 0;
+		return Math.max(e, t, r.value) + Ur;
+	}), w = i(() => e.hasNextPage.value || e.allowExhaustedNextPageRefresh.value), T = i(() => Qr({
 		active: e.active.value,
-		maxScrollTop: oe(),
+		maxScrollTop: se(),
 		progressDistancePx: n.value,
-		thresholdPx: Ar,
+		thresholdPx: Vr,
 		triggerEnabled: w.value
-	})), D = i(() => e.items.value.length > 0 ? `${v.value + 1} / ${e.items.value.length}` : "0 / 0"), O = i(() => Br({
+	})), E = i(() => e.items.value.length > 0 ? `${v.value + 1} / ${e.items.value.length}` : "0 / 0"), ee = i(() => Zr({
 		active: e.active.value,
-		maxScrollTop: oe(),
+		maxScrollTop: se(),
 		progressDistancePx: n.value,
-		thresholdPx: jr,
+		thresholdPx: Hr,
 		triggerEnabled: e.hasPreviousPage.value
-	})), k = i(() => Math.max(0, r.value - Pr * 2)), A = i(() => C.value > r.value + 1 && k.value > 0), j = i(() => {
-		if (!A.value) return 0;
-		let e = r.value / C.value * k.value;
-		return Math.min(k.value, Math.max(Fr, e));
-	}), M = i(() => {
-		if (!A.value) return Pr;
+	})), O = i(() => Math.max(0, r.value - Gr * 2)), k = i(() => C.value > r.value + 1 && O.value > 0), A = i(() => {
+		if (!k.value) return 0;
+		let e = r.value / C.value * O.value;
+		return Math.min(O.value, Math.max(Kr, e));
+	}), j = i(() => {
+		if (!k.value) return Gr;
 		let e = Math.max(0, C.value - r.value);
-		return Pr + Math.max(0, k.value - j.value) * (e > 0 ? zr(n.value / e, 0, 1) : 0);
-	}), N = hr({
+		return Gr + Math.max(0, O.value - A.value) * (e > 0 ? Xr(n.value / e, 0, 1) : 0);
+	}), M = Er({
 		items: e.items,
 		visibleIndices: y,
 		positions: o,
 		heights: s,
 		indexById: u,
-		columnWidth: _,
+		columnWidth: g,
 		scrollTop: n,
 		viewportHeight: r
-	}), P = wr({
+	}), N = Fr({
 		direction: "top",
 		getAnimationLockMs(e) {
-			return Math.max(Ir, fr(e)) + Lr;
+			return Math.max(qr, Cr(e)) + Jr;
 		},
 		hasPage: e.hasPreviousPage,
 		interactionLocked: p,
 		isAtBoundary() {
-			return n.value <= jr;
+			return n.value <= Hr;
 		},
 		loading: e.loading,
 		requestPage: e.requestPreviousPage
-	}), I = wr({
+	}), P = Fr({
 		direction: "bottom",
 		getAnimationLockMs(e) {
-			return fr(e) + Lr;
+			return Cr(e) + Jr;
 		},
 		hasPage: w,
 		interactionLocked: p,
 		isAtBoundary() {
-			return ae() <= Ar;
+			return oe() <= Vr;
 		},
 		loading: e.loading,
 		requestPage: e.requestNextPage
-	}), L = null, R = 0, z = null, B = null, ee = !1;
-	F([
+	}), F = null, L = 0, R = null, z = null, te = !1;
+	I([
 		() => e.items.value,
 		h,
-		_
+		g
 	], async ([t], [r = []]) => {
-		let i = t.map((e) => $(e)), a = r ?? [], s = a.map((e) => $(e)), c = rr(a, u.value, o.value), l = Z(a), d = new Set(s), f = new Set(i), p = t.filter((e) => !d.has($(e))), m = a.flatMap((e) => {
+		let i = t.map((e) => $(e)), a = r ?? [], s = a.map((e) => $(e)), c = mr(a, u.value, o.value), l = X(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);
@@ -2758,16 +3034,16 @@ function Rr(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 > Er + Dr, b = h && n.value > Er + Dr ? t[v.value] : null, x = b ? $(b) : null;
-		y && q(pr() + Lr), _ && K(), V(), m.length > 0 && N.markLeave(m), p.length > 0 && (N.markEnter(p, h ? "top" : "bottom"), h ? P.onItemsMutated(p.length) : I.onItemsMutated(p.length)), N.playFlipMoveAnimation(c, new Set(p.map((e) => $(e))), h ? Ir : void 0), x ? (await g(), te(x, c)) : e.active.value && s.length > 0 && ne();
-	}, { immediate: !0 }), F([
+		}), h = i.length > s.length && s.length > 0 && i[0] !== s[0], g = t.length === 0 && a.length > 0 && m.length > 0 && n.value > 0, y = m.length > 0 && n.value > Lr + Rr, b = h && n.value > Lr + Rr ? t[v.value] : null, x = b ? $(b) : null;
+		y && K(wr() + Jr), g && G(), B(), m.length > 0 && M.markLeave(m), p.length > 0 && (M.markEnter(p, h ? "top" : "bottom"), h ? N.onItemsMutated(p.length) : P.onItemsMutated(p.length)), M.playFlipMoveAnimation(c, new Set(p.map((e) => $(e))), h ? qr : void 0), x ? (await _(), ne(x, c)) : e.active.value && s.length > 0 && re();
+	}, { immediate: !0 }), I([
 		() => e.pendingAppendItems.value.map((e) => $(e)),
 		h,
-		_,
+		g,
 		r
 	], ([t]) => {
-		ue(), t.length && (d.value = ce([...e.items.value, ...e.pendingAppendItems.value]), le());
-	}, { immediate: !0 }), F(() => e.active.value, async (e, i) => {
+		de(), t.length && (d.value = le([...e.items.value, ...e.pendingAppendItems.value]), ue());
+	}, { immediate: !0 }), I(() => e.active.value, async (e, i) => {
 		let a = t.value;
 		if (!a) return;
 		if (!e) {
@@ -2775,76 +3051,76 @@ function Rr(e) {
 			return;
 		}
 		if (i !== !1 || f.value == null) return;
-		await g();
-		let o = Math.max(0, C.value - r.value), s = zr(f.value, 0, o);
-		a.scrollTop = s, n.value = s, P.syncBoundary(), I.syncBoundary();
-	}), F(() => e.loading.value, async (t) => {
-		!t && !e.pendingAppendItems.value.length && !z && !ee && (d.value = null), P.onLoadingChange(t), I.onLoadingChange(t), await g();
-	}), x(async () => {
-		X(), await g(), v.value > 0 ? G(v.value, "center") : J(), P.syncBoundary(), I.syncBoundary(), typeof ResizeObserver < "u" ? (L = new ResizeObserver(() => {
-			X();
-		}), t.value && L.observe(t.value)) : window.addEventListener("resize", X);
-	}), b(() => {
-		L?.disconnect(), L = null, window.removeEventListener("resize", X), ue(), de(), R &&= (cancelAnimationFrame(R), 0);
+		await _();
+		let o = Math.max(0, C.value - r.value), s = Xr(f.value, 0, o);
+		a.scrollTop = s, n.value = s, N.syncBoundary(), P.syncBoundary();
+	}), I(() => e.loading.value, async (t) => {
+		!t && !e.pendingAppendItems.value.length && !R && !te && (d.value = null), N.onLoadingChange(t), P.onLoadingChange(t), await _();
+	}), S(async () => {
+		Y(), await _(), v.value > 0 ? W(v.value, "center") : q(), N.syncBoundary(), P.syncBoundary(), typeof ResizeObserver < "u" ? (F = new ResizeObserver(() => {
+			Y();
+		}), t.value && F.observe(t.value)) : window.addEventListener("resize", Y);
+	}), x(() => {
+		F?.disconnect(), F = null, window.removeEventListener("resize", Y), de(), Z(), L &&= (cancelAnimationFrame(L), 0);
 	});
-	function V() {
-		let t = tr(e.items.value, {
+	function B() {
+		let t = fr(e.items.value, {
 			columnCount: h.value,
-			columnWidth: _.value,
-			gapX: Dr,
-			gapY: Dr,
-			bucketPx: Tr
+			columnWidth: g.value,
+			gapX: Rr,
+			gapY: Rr,
+			bucketPx: Ir
 		});
 		o.value = t.positions.map((e) => ({
-			x: e.x + Er,
-			y: e.y + Er
+			x: e.x + Lr,
+			y: e.y + Lr
 		})), s.value = t.heights, c.value = t.buckets, l.value = t.contentHeight, u.value = t.indexById;
 	}
-	function H() {
-		e.active.value && (n.value = t.value?.scrollTop ?? 0, r.value = re(), P.syncBoundary(), I.syncBoundary(), Y(), !ne() && (R ||= requestAnimationFrame(() => {
-			R = 0, J();
+	function V() {
+		e.active.value && (n.value = t.value?.scrollTop ?? 0, r.value = ie(), N.syncBoundary(), P.syncBoundary(), J(), !re() && (L ||= requestAnimationFrame(() => {
+			L = 0, q();
 		})));
 	}
-	function U(t) {
-		e.active.value && (P.onWheel(t), I.onWheel(t), Y());
+	function H(t) {
+		e.active.value && (N.onWheel(t), P.onWheel(t), J());
 	}
-	function W(t) {
+	function U(t) {
 		let n = e.items.value[t], r = n ? $(n) : "";
 		return {
-			height: `${s.value[t] ?? _.value}px`,
-			width: `${_.value}px`,
-			transition: r ? N.getCardTransition(r) : void 0,
-			transitionDelay: r ? N.getCardTransitionDelay(r) : void 0,
-			transform: N.getCardTransform(t)
+			height: `${s.value[t] ?? g.value}px`,
+			width: `${g.value}px`,
+			transition: r ? M.getCardTransition(r) : void 0,
+			transitionDelay: r ? M.getCardTransitionDelay(r) : void 0,
+			transform: M.getCardTransform(t)
 		};
 	}
-	function G(e, i) {
+	function W(e, i) {
 		let a = t.value, c = o.value[e], l = s.value[e];
 		if (!a || !c || !l) return;
 		let u = a.scrollTop, d = Math.max(0, C.value - r.value);
-		i === "center" ? u = c.y - (r.value - l) / 2 : c.y < a.scrollTop ? u = c.y - Er : c.y + l > a.scrollTop + r.value && (u = c.y + l - r.value + Er), a.scrollTop = zr(u, 0, d), n.value = a.scrollTop, J();
+		i === "center" ? u = c.y - (r.value - l) / 2 : c.y < a.scrollTop ? u = c.y - Lr : c.y + l > a.scrollTop + r.value && (u = c.y + l - r.value + Lr), a.scrollTop = Xr(u, 0, d), n.value = a.scrollTop, q();
 	}
-	function te(e, r) {
+	function ne(e, r) {
 		let i = t.value, a = r.get(e), s = u.value.get(e), c = s == null ? null : o.value[s];
 		if (!i || !a || !c) return;
 		let l = c.y - a.y;
 		i.scrollTop += l, n.value = i.scrollTop;
 	}
-	function K() {
+	function G() {
 		let e = t.value;
 		if (!e) {
 			n.value = 0;
 			return;
 		}
-		e.scrollTop = 0, n.value = 0, P.syncBoundary(), I.syncBoundary();
+		e.scrollTop = 0, n.value = 0, N.syncBoundary(), P.syncBoundary();
 	}
-	function q(e) {
-		de(), p.value = !0, B = setTimeout(() => {
-			B = null, p.value = !1;
+	function K(e) {
+		Z(), p.value = !0, z = setTimeout(() => {
+			z = null, p.value = !1;
 		}, Math.max(0, e));
 	}
-	function J() {
-		if (!y.value.length || ne()) return;
+	function q() {
+		if (!y.value.length || re()) return;
 		let t = n.value + r.value / 2, i = v.value, a = Infinity;
 		for (let e of y.value) {
 			let n = o.value[e], r = s.value[e];
@@ -2854,42 +3130,42 @@ function Rr(e) {
 		}
 		e.setActiveIndex(i);
 	}
-	function ne() {
-		let t = n.value <= jr, r = ae() <= Ar;
+	function re() {
+		let t = n.value <= Hr, r = oe() <= Vr;
 		return t ? (e.setActiveIndex(0), !0) : r ? (e.setActiveIndex(Math.max(0, e.items.value.length - 1)), !0) : !1;
 	}
-	function Y() {
-		P.maybeRequestPage(), I.maybeRequestPage();
-	}
-	function X() {
-		r.value = re(), a.value = ie();
+	function J() {
+		N.maybeRequestPage(), P.maybeRequestPage();
 	}
-	function re() {
-		return vr(t.value, r.value);
+	function Y() {
+		r.value = ie(), a.value = ae();
 	}
 	function ie() {
-		return yr(t.value, a.value, Or);
+		return kr(t.value, r.value);
 	}
 	function ae() {
-		return br(t.value, n.value, r.value, C.value);
+		return Ar(t.value, a.value, zr);
 	}
 	function oe() {
+		return jr(t.value, n.value, r.value, C.value);
+	}
+	function se() {
 		let e = Math.max(t.value?.scrollHeight ?? 0, C.value);
 		return Math.max(0, e - r.value);
 	}
-	function se() {
-		return xr(j.value, M.value);
+	function ce() {
+		return Mr(A.value, j.value);
 	}
-	function ce(e) {
-		return e.length ? tr(e, {
+	function le(e) {
+		return e.length ? fr(e, {
 			columnCount: h.value,
-			columnWidth: _.value,
-			gapX: Dr,
-			gapY: Dr,
-			bucketPx: Tr
-		}).contentHeight + Er * 2 : 0;
+			columnWidth: g.value,
+			gapX: Rr,
+			gapY: Rr,
+			bucketPx: Ir
+		}).contentHeight + Lr * 2 : 0;
 	}
-	function Z(e) {
+	function X(e) {
 		let t = /* @__PURE__ */ new Map();
 		for (let n of e) {
 			let e = $(n), r = u.value.get(e);
@@ -2899,64 +3175,64 @@ function Rr(e) {
 		}
 		return t;
 	}
-	function le() {
+	function ue() {
 		let t = e.commitPendingAppend.value;
-		typeof t == "function" && (z = setTimeout(async () => {
-			z = null, ee = !0;
+		typeof t == "function" && (R = setTimeout(async () => {
+			R = null, te = !0;
 			try {
 				if (!e.pendingAppendItems.value.length) return;
-				await t(), await g(), await g();
+				await t(), await _(), await _();
 			} finally {
-				d.value = null, ee = !1;
+				d.value = null, te = !1;
 			}
-		}, Nr));
-	}
-	function ue() {
-		z &&= (clearTimeout(z), null);
+		}, Wr));
 	}
 	function de() {
-		B && (clearTimeout(B), B = null, p.value = !1);
+		R &&= (clearTimeout(R), null);
+	}
+	function Z() {
+		z && (clearTimeout(z), z = null, p.value = !1);
 	}
 	return {
-		columnWidth: _,
+		columnWidth: g,
 		containerHeight: C,
-		getCardStyle: W,
-		getLeavingCardStyle: N.getLeavingCardStyle,
-		getScrollbarThumbStyle: se,
-		leavingItems: N.leavingItems,
-		nextBoundaryLoadProgress: E,
-		onScroll: H,
-		onWheel: U,
-		paginationLabel: D,
-		previousBoundaryLoadProgress: O,
-		renderedItems: S,
+		getCardStyle: U,
+		getLeavingCardStyle: M.getLeavingCardStyle,
+		getScrollbarThumbStyle: ce,
+		leavingItems: M.leavingItems,
+		nextBoundaryLoadProgress: T,
+		onScroll: V,
+		onWheel: H,
+		paginationLabel: E,
+		previousBoundaryLoadProgress: ee,
+		renderedItems: b,
 		resolvedActiveIndex: v,
-		scrollToIndex: G,
-		showScrollbar: A,
+		scrollToIndex: W,
+		showScrollbar: k,
 		scrollViewportRef: t
 	};
 }
-function zr(e, t, n) {
+function Xr(e, t, n) {
 	return Math.min(Math.max(e, t), n);
 }
-function Br(e) {
+function Zr(e) {
 	if (!e.active || !e.triggerEnabled) return 0;
 	let t = Math.max(0, e.maxScrollTop - e.thresholdPx);
-	return t <= 0 ? 1 : zr(1 - (e.progressDistancePx - e.thresholdPx) / t, 0, 1);
+	return t <= 0 ? 1 : Xr(1 - (e.progressDistancePx - e.thresholdPx) / t, 0, 1);
 }
-function Vr(e) {
+function Qr(e) {
 	if (!e.active || !e.triggerEnabled) return 0;
 	let t = Math.max(0, e.maxScrollTop - e.thresholdPx);
-	return t <= 0 ? 1 : zr(e.progressDistancePx / t, 0, 1);
+	return t <= 0 ? 1 : Xr(e.progressDistancePx / t, 0, 1);
 }
 //#endregion
 //#region src/components/viewer-core/listCardAsset.ts
-function Hr(e) {
+function $r(e) {
 	if (e) try {
 		e.removeAttribute("src"), e.src = "";
 	} catch {}
 }
-function Ur(e) {
+function ei(e) {
 	if (e) {
 		try {
 			e.currentTime = 0;
@@ -2967,12 +3243,12 @@ function Ur(e) {
 		} catch {}
 	}
 }
-function Wr(e, t) {
+function ti(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 Gr(e) {
+function ni(e) {
 	if (!e) return null;
 	try {
 		return new URL(e, window.location.href).href;
@@ -2982,9 +3258,9 @@ function Gr(e) {
 }
 //#endregion
 //#region src/components/viewer-core/listPreview.ts
-var Kr = /\.(avif|gif|jpe?g|png|svg|webp)(\?|#|$)/i, qr = /\.(m4v|mov|mp4|mpeg|ogg|ogv|webm)(\?|#|$)/i, Jr = /^(?:(?:https?:)?\/\/[^/]+)?\/api\/files\/[^/?#]+\/(?:preview|downloaded)(?:\?|#|$)/i;
-function Yr(e) {
-	let t = Xr(e), n = t?.url, r = Zn(e), i = e.title?.trim() || wt(e.type);
+var ri = /\.(avif|gif|jpe?g|png|svg|webp)(\?|#|$)/i, ii = /\.(m4v|mov|mp4|mpeg|ogg|ogv|webm)(\?|#|$)/i, ai = /^(?:(?:https?:)?\/\/[^/]+)?\/api\/files\/[^/?#]+\/(?:preview|downloaded)(?:\?|#|$)/i;
+function oi(e) {
+	let t = si(e), n = t?.url, r = cr(e), i = e.title?.trim() || Et(e.type);
 	return t?.mediaType === "video" && typeof n == "string" ? {
 		kind: "video",
 		url: n,
@@ -3003,13 +3279,13 @@ function Yr(e) {
 		width: r.width,
 		height: r.height,
 		label: i
-	} : typeof n == "string" && Qr(e, n) ? {
+	} : typeof n == "string" && li(e, n) ? {
 		kind: "video",
 		url: n,
 		width: r.width,
 		height: r.height,
 		label: i
-	} : typeof n == "string" && Zr(e, n) ? {
+	} : typeof n == "string" && ci(e, n) ? {
 		kind: "image",
 		url: n,
 		width: r.width,
@@ -3023,99 +3299,31 @@ function Yr(e) {
 		label: i
 	};
 }
-function Xr(e) {
+function si(e) {
 	return e.preview?.url ? e.preview : typeof e.url != "string" || e.url.trim() === "" ? null : { url: e.url };
 }
-function Zr(e, t) {
-	return e.type !== "image" || typeof t != "string" ? !1 : Kr.test(t) || $r(t);
+function ci(e, t) {
+	return e.type !== "image" || typeof t != "string" ? !1 : ri.test(t) || ui(t);
 }
-function Qr(e, t) {
-	return e.type !== "video" || typeof t != "string" ? !1 : qr.test(t) || ei(t);
+function li(e, t) {
+	return e.type !== "video" || typeof t != "string" ? !1 : ii.test(t) || di(t);
 }
-function $r(e) {
+function ui(e) {
 	return /^(https?:\/\/|\/\/|\/(?!\/)|\.{1,2}\/|blob:|data:)/i.test(e);
 }
-function ei(e) {
-	return Jr.test(e) || /^blob:/i.test(e) || /^data:video\//i.test(e);
-}
-//#endregion
-//#region src/components/viewer-core/useAssetLoadQueue.ts
-var ti = {
-	maxGlobal: 10,
-	maxPerDomain: 4,
-	maxVideoPerDomain: 2
-};
-function ni(e = ti) {
-	let t = /* @__PURE__ */ new Map(), n = /* @__PURE__ */ new Map(), r = 0;
-	function i(e) {
-		let i = {
-			...e,
-			domain: ai(e.url),
-			enqueuedAt: r,
-			id: `vibe-asset-load-${r += 1}`
-		};
-		return n.set(i.id, i), a(), {
-			cancel() {
-				(n.delete(i.id) || t.delete(i.id)) && a();
-			},
-			refresh() {
-				a();
-			},
-			release() {
-				(t.delete(i.id) || n.delete(i.id)) && a();
-			}
-		};
-	}
-	function a() {
-		if (n.size === 0) return;
-		let r = [...n.values()].sort((e, t) => {
-			let n = ii(e) - ii(t);
-			return n === 0 ? e.enqueuedAt - t.enqueuedAt : n;
-		});
-		for (let i of r) {
-			if (t.size >= e.maxGlobal) return;
-			if (o(i)) {
-				n.delete(i.id), t.set(i.id, i);
-				try {
-					i.onGrant();
-				} catch {
-					t.delete(i.id);
-				}
-			}
-		}
-	}
-	function o(n) {
-		let r = [...t.values()].filter((e) => e.domain === n.domain);
-		return !(r.length >= e.maxPerDomain || n.assetType === "video" && r.filter((e) => e.assetType === "video").length >= e.maxVideoPerDomain);
-	}
-	return { request: i };
-}
-var ri = ni();
-function ii(e) {
-	try {
-		let t = e.getPriority();
-		return Number.isFinite(t) ? t : Infinity;
-	} catch {
-		return Infinity;
-	}
-}
-function ai(e) {
-	try {
-		return new URL(e).hostname || "local";
-	} catch {
-		return "local";
-	}
+function di(e) {
+	return ai.test(e) || /^blob:/i.test(e) || /^data:video\//i.test(e);
 }
 //#endregion
 //#region src/components/viewer-core/useListCardHealthCheck.ts
-function oi(e) {
-	let t = T(null), n = i(() => {
-		let t = typeof e.item.value.healthCheck?.url == "string" ? Gr(e.item.value.healthCheck.url) : null;
+function fi(e) {
+	let t = D(null), n = i(() => {
+		let t = typeof e.item.value.healthCheck?.url == "string" ? ni(e.item.value.healthCheck.url) : null;
 		return !t || t === e.attachedAssetUrl.value ? null : t;
 	}), r = null, a = 0, o = /* @__PURE__ */ new Map();
-	F(n, (e, n) => {
+	I(n, (e, n) => {
 		e !== n && (t.value = null, l(), a += 1);
-	}), F([
+	}), I([
 		n,
 		e.surfaceActive,
 		e.isInView,
@@ -3142,7 +3350,7 @@ function oi(e) {
 			r.refresh();
 			return;
 		}
-		r = ri.request({
+		r = kt.request({
 			assetType: "probe",
 			getPriority: e.getPriority,
 			onGrant() {
@@ -3152,7 +3360,7 @@ function oi(e) {
 					return;
 				}
 				let i = ++a;
-				Gt(r).then((s) => {
+				nn(r).then((s) => {
 					if (!(i !== a || n.value !== r)) {
 						if (o.set(r, s ?? null), !s) {
 							t.value = null;
@@ -3188,14 +3396,14 @@ function oi(e) {
 }
 //#endregion
 //#region src/components/ListCard.vue?vue&type=script&setup=true&lang.ts
-var si = ["aria-label"], ci = {
+var pi = ["aria-label"], mi = {
 	key: 0,
 	"data-testid": "vibe-list-card-spinner",
 	class: "pointer-events-none absolute inset-0 z-[4] grid place-items-center bg-black/18"
-}, li = { 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]" }, ui = ["src", "alt"], di = ["src"], fi = ["data-kind"], pi = { class: "grid justify-items-center gap-3 px-4 text-center" }, mi = { class: "text-[0.68rem] font-bold uppercase tracking-[0.22em] text-[#f7f1ea]/72" }, hi = {
+}, hi = { 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]" }, gi = ["src", "alt"], _i = ["src"], vi = ["data-kind"], yi = { class: "grid justify-items-center gap-3 px-4 text-center" }, bi = { class: "text-[0.68rem] font-bold uppercase tracking-[0.22em] text-[#f7f1ea]/72" }, xi = {
 	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))]"
-}, gi = { class: "inline-flex h-14 w-14 items-center justify-center border border-white/16 bg-black/20" }, _i = { class: "pointer-events-none absolute inset-0 z-[3]" }, vi = /* @__PURE__ */ d({
+}, Si = { class: "inline-flex h-14 w-14 items-center justify-center border border-white/16 bg-black/20" }, Ci = { class: "pointer-events-none absolute inset-0 z-[3]" }, wi = /* @__PURE__ */ d({
 	__name: "ListCard",
 	props: {
 		active: {
@@ -3219,106 +3427,106 @@ var si = ["aria-label"], ci = {
 	},
 	emits: ["open"],
 	setup(e, { emit: t }) {
-		let n = e, r = t, l = i(() => Yr(n.item)), d = T(!1), f = T(!1), p = T(!1), m = T(l.value.kind === "fallback"), h = T(!1), g = T(null), v = T(null), y = T(null), C = T(null), w = T(null), E = T(l.value.kind === "fallback"), A = i(() => E.value ? n.surfaceActive ? d.value ? l.value.url : null : l.value.url : null), M = i(() => n.surfaceActive && d.value && (l.value.kind === "image" || l.value.kind === "video") && !!l.value.url), N = i(() => l.value.kind === "image" && !!A.value), P = i(() => l.value.kind === "video" && !!A.value), I = oi({
-			attachedAssetUrl: A,
-			getPriority: Z,
+		let n = e, r = t, l = i(() => oi(n.item)), d = D(!1), f = D(!1), p = D(!1), m = D(l.value.kind === "fallback"), h = D(!1), g = D(null), _ = D(null), y = D(null), b = D(null), C = D(null), T = D(l.value.kind === "fallback"), E = i(() => T.value ? n.surfaceActive ? d.value ? l.value.url : null : l.value.url : null), ee = i(() => n.surfaceActive && d.value && (l.value.kind === "image" || l.value.kind === "video") && !!l.value.url), j = i(() => l.value.kind === "image" && !!E.value), N = i(() => l.value.kind === "video" && !!E.value), P = fi({
+			attachedAssetUrl: E,
+			getPriority: X,
 			isInView: d,
 			isReady: m,
 			item: i(() => n.item),
 			loadErrorKind: g,
 			reportAssetError: n.reportAssetError,
 			surfaceActive: i(() => n.surfaceActive)
-		}), L = i(() => I.errorKind.value ?? g.value), R = i(() => !!L.value), B = i(() => Ut(L.value)), ee = i(() => M.value && !g.value && (!E.value || !m.value)), V = null, H = null, U = /* @__PURE__ */ new Set();
-		F([A, () => l.value.kind], () => {
+		}), F = i(() => P.errorKind.value ?? g.value), L = i(() => !!F.value), R = i(() => en(F.value)), z = i(() => ee.value && !g.value && (!T.value || !m.value)), B = null, V = null, H = /* @__PURE__ */ new Set();
+		I([E, () => l.value.kind], () => {
 			let e = l.value.kind === "fallback";
-			m.value = e, h.value = !1, g.value = null, e && (E.value = !0);
-		}), F(M, () => {
-			q();
-		}), F([
+			m.value = e, h.value = !1, g.value = null, e && (T.value = !0);
+		}), I(ee, () => {
+			K();
+		}), I([
 			d,
 			m,
-			A
+			E
 		], () => {
-			J();
-		}), F(() => n.surfaceActive, (e) => {
+			q();
+		}), I(() => n.surfaceActive, (e) => {
 			if (!e) {
-				Y(), J();
+				J(), q();
 				return;
 			}
 			requestAnimationFrame(() => {
-				X(), q(), J();
+				Y(), K(), q();
 			});
-		}), x(() => {
+		}), S(() => {
 			if (!y.value || typeof IntersectionObserver > "u") {
-				C.value = null, d.value = !0, q();
+				b.value = null, d.value = !0, K();
 				return;
 			}
-			C.value = y.value.closest("[data-testid=\"vibe-list-scroll\"]"), V = new IntersectionObserver((e) => {
-				for (let t of e) t.target === y.value && (n.surfaceActive && X(t), q(), J());
+			b.value = y.value.closest("[data-testid=\"vibe-list-scroll\"]"), B = new IntersectionObserver((e) => {
+				for (let t of e) t.target === y.value && (n.surfaceActive && Y(t), K(), q());
 			}, {
-				root: C.value,
+				root: b.value,
 				threshold: [0, 1]
-			}), V.observe(y.value);
-		}), b(() => {
-			ne(), I.release(), V?.disconnect(), V = null;
+			}), B.observe(y.value);
+		}), x(() => {
+			re(), P.release(), B?.disconnect(), B = null;
 		});
-		function W() {
-			le(v.value) && (m.value = !0, g.value = null, ie(A.value ?? n.item.url), Y());
+		function U() {
+			ue(_.value) && (m.value = !0, g.value = null, ie(E.value ?? n.item.url), J());
 		}
-		async function G() {
-			if (!le(v.value)) return;
-			let e = A.value ?? n.item.url;
+		async function W() {
+			if (!ue(_.value)) return;
+			let e = E.value ?? n.item.url;
 			m.value = !1, g.value = "generic";
-			let t = await Wt(e);
+			let t = await tn(e);
 			g.value = t, n.reportAssetError?.({
 				item: n.item,
 				occurrenceKey: $(n.item),
 				url: e,
 				kind: t,
 				surface: "grid"
-			}), Y();
+			}), J();
 		}
-		function te() {
-			le(w.value) && (h.value = !0, m.value = !0, g.value = null, ie(A.value ?? n.item.url), Y(), J());
+		function ne() {
+			ue(C.value) && (h.value = !0, m.value = !0, g.value = null, ie(E.value ?? n.item.url), J(), q());
 		}
-		function K() {
-			le(w.value) && (h.value || (m.value = !1));
+		function G() {
+			ue(C.value) && (h.value || (m.value = !1));
 		}
-		function q() {
+		function K() {
 			if (l.value.kind === "fallback") {
-				ne(!1);
+				re(!1);
 				return;
 			}
 			if (!n.surfaceActive) {
-				Y();
+				J();
 				return;
 			}
-			if (!M.value) {
-				ne();
+			if (!ee.value) {
+				re();
 				return;
 			}
-			if (E.value || H) {
-				H?.refresh();
+			if (T.value || V) {
+				V?.refresh();
 				return;
 			}
-			H = ri.request({
+			V = kt.request({
 				assetType: l.value.kind,
-				getPriority: Z,
+				getPriority: X,
 				onGrant() {
-					E.value = !0, m.value = !1, g.value = null;
+					T.value = !0, m.value = !1, g.value = null;
 				},
 				url: l.value.url ?? n.item.url
 			});
 		}
-		function J() {
-			let e = w.value;
+		function q() {
+			let e = C.value;
 			if (!(!e || l.value.kind !== "video")) {
-				if (L.value) {
+				if (F.value) {
 					e.pause();
 					return;
 				}
-				if (A.value && d.value && m.value) {
-					e.muted = !0, e.loop = !0, e.playsInline = !0, Jt(e);
+				if (E.value && d.value && m.value) {
+					e.muted = !0, e.loop = !0, e.playsInline = !0, on(e);
 					return;
 				}
 				try {
@@ -3327,24 +3535,24 @@ var si = ["aria-label"], ci = {
 				e.pause();
 			}
 		}
-		function ne(e = !0) {
-			E.value = l.value.kind === "fallback", g.value = null, m.value = l.value.kind === "fallback", e && (se(), ce()), Y();
+		function re(e = !0) {
+			T.value = l.value.kind === "fallback", g.value = null, m.value = l.value.kind === "fallback", e && (se(), ce()), J();
 		}
-		function Y() {
-			H?.release(), H = null;
+		function J() {
+			V?.release(), V = null;
 		}
-		function X(e) {
+		function Y(e) {
 			let t = y.value;
 			if (!t) {
 				d.value = !0;
 				return;
 			}
-			d.value = Wr(e?.boundingClientRect ?? t.getBoundingClientRect(), e?.rootBounds ?? C.value?.getBoundingClientRect() ?? null);
+			d.value = ti(e?.boundingClientRect ?? t.getBoundingClientRect(), e?.rootBounds ?? b.value?.getBoundingClientRect() ?? null);
 		}
 		function ie(e) {
 			if (!e) return;
 			let t = $(n.item), r = `${t}|${e}`;
-			U.has(r) || (U.add(r), n.reportAssetLoad?.({
+			H.has(r) || (H.add(r), n.reportAssetLoad?.({
 				item: n.item,
 				occurrenceKey: t,
 				surface: "grid",
@@ -3352,50 +3560,50 @@ var si = ["aria-label"], ci = {
 			}));
 		}
 		function ae() {
-			if (!B.value || I.retry()) return;
+			if (!R.value || P.retry()) return;
 			let e = $(n.item);
-			U.forEach((t) => {
-				t.startsWith(`${e}|`) && U.delete(t);
-			}), g.value = null, m.value = !1, E.value = !1, Y(), q();
+			H.forEach((t) => {
+				t.startsWith(`${e}|`) && H.delete(t);
+			}), g.value = null, m.value = !1, T.value = !1, J(), K();
 		}
 		function se() {
-			Hr(v.value);
+			$r(_.value);
 		}
 		function ce() {
-			Ur(w.value);
+			ei(C.value);
 		}
-		function Z() {
+		function X() {
 			let e = y.value;
 			if (!e) return Infinity;
 			let t = e.getBoundingClientRect();
-			if (C.value) {
-				let e = C.value.getBoundingClientRect(), n = e.top + e.height / 2;
+			if (b.value) {
+				let e = b.value.getBoundingClientRect(), n = e.top + e.height / 2;
 				return Math.abs((t.top + t.bottom) / 2 - n);
 			}
 			let n = window.innerHeight / 2;
 			return Math.abs((t.top + t.bottom) / 2 - n);
 		}
-		function le(e) {
-			let t = Gr(A.value);
-			return !e || !t ? !1 : Gr("currentSrc" in e && e.currentSrc || e.getAttribute("src")) === t;
+		function ue(e) {
+			let t = ni(E.value);
+			return !e || !t ? !1 : ni("currentSrc" in e && e.currentSrc || e.getAttribute("src")) === t;
 		}
-		function ue() {
+		function de() {
 			r("open");
 		}
-		function de() {
+		function Z() {
 			f.value = !0;
 		}
-		function Q(e) {
+		function fe(e) {
 			let t = e.relatedTarget;
 			y.value && t instanceof Node && y.value.contains(t) || (f.value = !1);
 		}
-		return (e, t) => (S(), s("div", {
+		return (e, t) => (w(), s("div", {
 			ref_key: "rootRef",
 			ref: y,
 			"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: de,
-			onFocusout: Q,
+			class: v(["group relative h-full w-full overflow-hidden border bg-[#0a0b0f] text-[#f7f1ea] transition-[border-color,transform] duration-300", n.active ? "border-white/28" : "border-white/12 hover:border-white/24"]),
+			onFocusin: Z,
+			onFocusout: fe,
 			onPointerenter: t[0] ||= (e) => p.value = !0,
 			onPointerleave: t[1] ||= (e) => p.value = !1
 		}, [
@@ -3404,90 +3612,90 @@ var si = ["aria-label"], ci = {
 				"data-testid": "vibe-list-card-open",
 				class: "absolute inset-0 z-[1] block h-full w-full cursor-pointer text-left focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-[#f7f1ea]",
 				"aria-label": n.item.title || `Open item ${n.index + 1}`,
-				onClick: ue
-			}, null, 8, si),
-			ee.value ? (S(), s("div", ci, [c("span", li, [u(j(re), {
+				onClick: de
+			}, null, 8, pi),
+			z.value ? (w(), s("div", mi, [c("span", hi, [u(M(oe), {
 				class: "h-5 w-5 animate-spin stroke-[1.9] text-[#f7f1ea]/78",
 				"aria-hidden": "true"
 			})])])) : o("", !0),
-			N.value && A.value && !R.value ? (S(), s("img", {
+			j.value && E.value && !L.value ? (w(), s("img", {
 				key: 1,
 				ref_key: "imageRef",
-				ref: v,
-				src: A.value,
+				ref: _,
+				src: E.value,
 				alt: l.value.label,
 				draggable: "false",
-				class: _(["block h-full w-full object-cover transition-opacity duration-300", m.value ? "pointer-events-none opacity-100" : "pointer-events-none opacity-0"]),
-				onLoad: W,
-				onError: G
-			}, null, 42, ui)) : P.value && A.value && !R.value ? (S(), s("video", {
+				class: v(["block h-full w-full object-cover transition-opacity duration-300", m.value ? "pointer-events-none opacity-100" : "pointer-events-none opacity-0"]),
+				onLoad: U,
+				onError: W
+			}, null, 42, gi)) : N.value && E.value && !L.value ? (w(), s("video", {
 				key: 2,
 				ref_key: "videoRef",
-				ref: w,
-				src: A.value,
+				ref: C,
+				src: E.value,
 				muted: "",
 				loop: "",
 				playsinline: "",
 				preload: "metadata",
-				class: _(["block h-full w-full object-cover transition-opacity duration-300", m.value ? "pointer-events-none opacity-100" : "pointer-events-none opacity-0"]),
-				onCanplay: te,
-				onError: G,
-				onLoadstart: K,
-				onPlaying: te,
-				onStalled: K,
-				onWaiting: K
-			}, null, 42, di)) : R.value ? (S(), s("div", {
+				class: v(["block h-full w-full object-cover transition-opacity duration-300", m.value ? "pointer-events-none opacity-100" : "pointer-events-none opacity-0"]),
+				onCanplay: ne,
+				onError: W,
+				onLoadstart: G,
+				onPlaying: ne,
+				onStalled: G,
+				onWaiting: G
+			}, null, 42, _i)) : L.value ? (w(), s("div", {
 				key: 3,
 				"data-testid": "vibe-list-card-error",
-				"data-kind": L.value,
+				"data-kind": F.value,
 				class: "pointer-events-none relative z-[2] grid h-full w-full place-items-center bg-[radial-gradient(circle_at_center,rgba(239,68,68,0.12),transparent_65%),linear-gradient(180deg,rgba(255,255,255,0.04),rgba(255,255,255,0.02))]"
-			}, [c("div", pi, [
-				u(j(oe), {
+			}, [c("div", yi, [
+				u(M(le), {
 					class: "h-6 w-6 stroke-[1.8] text-[#f7f1ea]/78",
 					"aria-hidden": "true"
 				}),
-				c("span", mi, k(j(Ht)(L.value)), 1),
-				B.value ? (S(), s("button", {
+				c("span", bi, A(M($t)(F.value)), 1),
+				R.value ? (w(), s("button", {
 					key: 0,
 					type: "button",
 					class: "pointer-events-auto inline-flex items-center justify-center border border-white/14 bg-black/35 px-3 py-2 text-[0.62rem] font-bold uppercase tracking-[0.22em] text-[#f7f1ea]/82 backdrop-blur-[18px] transition hover:border-white/28 hover:bg-black/50",
-					onClick: z(ae, ["stop"])
+					onClick: te(ae, ["stop"])
 				}, " Retry ")) : o("", !0)
-			])], 8, fi)) : (S(), s("div", hi, [c("div", gi, [D(e.$slots, "item-icon", {
-				icon: j(Ct)(n.item.type),
+			])], 8, vi)) : (w(), s("div", xi, [c("div", Si, [O(e.$slots, "item-icon", {
+				icon: M(Tt)(n.item.type),
 				item: n.item
-			}, () => [(S(), a(O(j(Ct)(n.item.type)), {
+			}, () => [(w(), a(k(M(Tt)(n.item.type)), {
 				class: "h-6 w-6 stroke-[1.8] text-[#f7f1ea]/78",
 				"aria-hidden": "true"
 			}))])])])),
-			c("div", _i, [D(e.$slots, "grid-item-overlay", {
+			c("div", Ci, [O(e.$slots, "grid-item-overlay", {
 				active: n.active,
 				focused: f.value,
 				hovered: p.value,
 				index: n.index,
 				item: n.item,
-				openFullscreen: ue
+				openFullscreen: de
 			})])
 		], 34));
 	}
-}), yi = { 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)]" }, bi = { class: "pointer-events-none absolute inset-x-0 top-0 z-[2] flex justify-end p-6" }, xi = {
+}), Ti = { 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)]" }, Ei = { 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]"
-}, Si = { class: "whitespace-nowrap" }, Ci = {
+}, Oi = { class: "whitespace-nowrap" }, ki = {
 	key: 0,
 	class: "whitespace-nowrap border-l border-white/12 pl-2 text-[#f7f1ea]/56 min-[721px]:pl-3"
-}, wi = [
+}, Ai = [
 	"data-active",
 	"data-index",
 	"data-item-id",
 	"data-occurrence-key"
-], Ti = ["data-item-id"], Ei = {
+], ji = ["data-item-id"], Mi = {
 	key: 0,
 	class: "pointer-events-none absolute inset-y-0 right-0 z-[3] hidden w-8 min-[1024px]:block"
-}, Di = {
+}, Ni = {
 	key: 1,
 	class: "pointer-events-none absolute inset-x-0 bottom-0 z-[2] px-5 pb-5 sm:px-6"
-}, Oi = { class: "mx-auto flex w-full justify-center" }, ki = /* @__PURE__ */ d({
+}, Pi = { class: "mx-auto flex w-full justify-center" }, Fi = /* @__PURE__ */ d({
 	__name: "ListSurface",
 	props: {
 		active: {
@@ -3548,75 +3756,75 @@ var si = ["aria-label"], ci = {
 		"update:activeIndex"
 	],
 	setup(e, { emit: n }) {
-		let r = e, d = N(), f = n, p = Rr({
-			active: A(r, "active"),
-			allowExhaustedNextPageRefresh: A(r, "allowExhaustedNextPageRefresh"),
-			items: A(r, "items"),
-			activeIndex: A(r, "activeIndex"),
-			loading: A(r, "loading"),
-			hasNextPage: A(r, "hasNextPage"),
-			hasPreviousPage: A(r, "hasPreviousPage"),
-			paginationDetail: A(r, "paginationDetail"),
-			pendingAppendItems: A(r, "pendingAppendItems"),
-			commitPendingAppend: A(r, "commitPendingAppend"),
-			requestNextPage: A(r, "requestNextPage"),
-			requestPreviousPage: A(r, "requestPreviousPage"),
+		let r = e, d = P(), f = n, p = Yr({
+			active: j(r, "active"),
+			allowExhaustedNextPageRefresh: j(r, "allowExhaustedNextPageRefresh"),
+			items: j(r, "items"),
+			activeIndex: j(r, "activeIndex"),
+			loading: j(r, "loading"),
+			hasNextPage: j(r, "hasNextPage"),
+			hasPreviousPage: j(r, "hasPreviousPage"),
+			paginationDetail: j(r, "paginationDetail"),
+			pendingAppendItems: j(r, "pendingAppendItems"),
+			commitPendingAppend: j(r, "commitPendingAppend"),
+			requestNextPage: j(r, "requestNextPage"),
+			requestPreviousPage: j(r, "requestPreviousPage"),
 			setActiveIndex(e) {
 				f("update:activeIndex", e);
 			}
-		}), m = i(() => Nt({
+		}), m = i(() => Wt({
 			itemCount: r.items.length,
 			loading: r.loading,
 			phase: r.phase
-		})), g = i(() => Pt({
+		})), h = i(() => Gt({
 			errorMessage: r.errorMessage,
 			hasItems: r.items.length > 0,
 			hasNextPage: r.hasNextPage,
 			phase: m.value,
 			surface: "grid"
-		})), b = i(() => !r.showStatusBadges || !g.value ? null : {
+		})), _ = i(() => !r.showStatusBadges || !h.value ? null : {
 			activeIndex: p.resolvedActiveIndex.value,
-			kind: g.value.kind,
+			kind: h.value.kind,
 			loading: r.loading,
-			message: g.value.message,
+			message: h.value.message,
 			paginationDetail: r.paginationDetail,
 			total: r.items.length
-		}), x = i(() => !b.value || !d["grid-status"] ? [] : d["grid-status"](b.value)), C = i(() => Ot(x.value)), w = i(() => r.items.length + p.leavingItems.value.length), { emptyStateProps: T, showBadgeEmptyState: O, showCustomEmptyState: M, showInlineEmptyState: P } = jt({
-			emptyStateMode: A(r, "emptyStateMode"),
-			itemCount: w,
-			loading: A(r, "loading"),
+		}), x = i(() => !_.value || !d["grid-status"] ? [] : d["grid-status"](_.value)), S = i(() => zt(x.value)), C = i(() => r.items.length + p.leavingItems.value.length), { emptyStateProps: T, showBadgeEmptyState: E, showCustomEmptyState: D, showInlineEmptyState: k } = Ht({
+			emptyStateMode: j(r, "emptyStateMode"),
+			itemCount: C,
+			loading: j(r, "loading"),
 			renderSlot: d["empty-state"],
 			surface: "grid"
 		});
-		return F([p.nextBoundaryLoadProgress, p.previousBoundaryLoadProgress], ([e, t]) => {
+		return I([p.nextBoundaryLoadProgress, p.previousBoundaryLoadProgress], ([e, t]) => {
 			f("boundary-load-progress", {
 				nextBoundaryLoadProgress: e,
 				previousBoundaryLoadProgress: t
 			});
-		}, { immediate: !0 }), (e, n) => (S(), s("div", yi, [
-			c("div", bi, [c("span", xi, [c("span", Si, k(j(p).paginationLabel.value), 1), r.paginationDetail ? (S(), s("span", Ci, k(r.paginationDetail), 1)) : o("", !0)])]),
+		}, { immediate: !0 }), (e, n) => (w(), s("div", Ti, [
+			c("div", Ei, [c("span", Di, [c("span", Oi, A(M(p).paginationLabel.value), 1), r.paginationDetail ? (w(), s("span", ki, A(r.paginationDetail), 1)) : o("", !0)])]),
 			c("div", {
-				ref: j(p).scrollViewportRef,
+				ref: M(p).scrollViewportRef,
 				"data-testid": "vibe-list-scroll",
 				class: "h-full min-h-0 overflow-y-auto overflow-x-hidden [overflow-anchor:none] [scrollbar-width:none] [-ms-overflow-style:none] [&::-webkit-scrollbar]:hidden",
-				onScroll: n[0] ||= (...e) => j(p).onScroll && j(p).onScroll(...e),
-				onWheel: n[1] ||= (...e) => j(p).onWheel && j(p).onWheel(...e)
+				onScroll: n[0] ||= (...e) => M(p).onScroll && M(p).onScroll(...e),
+				onWheel: n[1] ||= (...e) => M(p).onWheel && M(p).onWheel(...e)
 			}, [c("div", {
 				"data-testid": "vibe-list-content",
 				class: "relative",
-				style: y({ height: `${j(p).containerHeight.value}px` })
+				style: b({ height: `${M(p).containerHeight.value}px` })
 			}, [
-				(S(!0), s(t, null, E(j(p).renderedItems.value, ({ item: t, index: n }) => (S(), s("article", {
-					key: j($)(t),
+				(w(!0), s(t, null, ee(M(p).renderedItems.value, ({ item: t, index: n }) => (w(), s("article", {
+					key: M($)(t),
 					"data-testid": "vibe-list-card",
-					"data-active": n === j(p).resolvedActiveIndex.value ? "true" : "false",
+					"data-active": n === M(p).resolvedActiveIndex.value ? "true" : "false",
 					"data-index": n,
 					"data-item-id": t.id,
-					"data-occurrence-key": j($)(t),
+					"data-occurrence-key": M($)(t),
 					class: "absolute will-change-transform",
-					style: y(j(p).getCardStyle(n))
-				}, [u(vi, {
-					active: n === j(p).resolvedActiveIndex.value,
+					style: b(M(p).getCardStyle(n))
+				}, [u(wi, {
+					active: n === M(p).resolvedActiveIndex.value,
 					index: n,
 					item: t,
 					"report-asset-error": r.reportAssetError,
@@ -3625,11 +3833,11 @@ var si = ["aria-label"], ci = {
 					onOpen: (e) => f("open-fullscreen", n)
 				}, l({ _: 2 }, [d["grid-item-overlay"] ? {
 					name: "grid-item-overlay",
-					fn: L((t) => [D(e.$slots, "grid-item-overlay", h({ ref_for: !0 }, t))]),
+					fn: R((t) => [O(e.$slots, "grid-item-overlay", g({ ref_for: !0 }, t))]),
 					key: "0"
 				} : void 0, d["item-icon"] ? {
 					name: "item-icon",
-					fn: L((t) => [D(e.$slots, "item-icon", h({ ref_for: !0 }, t))]),
+					fn: R((t) => [O(e.$slots, "item-icon", g({ ref_for: !0 }, t))]),
 					key: "1"
 				} : void 0]), 1032, [
 					"active",
@@ -3639,14 +3847,14 @@ var si = ["aria-label"], ci = {
 					"report-asset-load",
 					"surface-active",
 					"onOpen"
-				])], 12, wi))), 128)),
-				(S(!0), s(t, null, E(j(p).leavingItems.value, (t) => (S(), s("article", {
-					key: `leaving-${j($)(t.item)}`,
+				])], 12, Ai))), 128)),
+				(w(!0), s(t, null, ee(M(p).leavingItems.value, (t) => (w(), s("article", {
+					key: `leaving-${M($)(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(vi, {
+					style: b(M(p).getLeavingCardStyle(t.item))
+				}, [u(wi, {
 					active: !1,
 					index: -1,
 					item: t.item,
@@ -3655,20 +3863,20 @@ var si = ["aria-label"], ci = {
 					"surface-active": !1
 				}, l({ _: 2 }, [d["item-icon"] ? {
 					name: "item-icon",
-					fn: L((t) => [D(e.$slots, "item-icon", h({ ref_for: !0 }, t))]),
+					fn: R((t) => [O(e.$slots, "item-icon", g({ ref_for: !0 }, t))]),
 					key: "0"
 				} : void 0]), 1032, [
 					"item",
 					"report-asset-error",
 					"report-asset-load"
-				])], 12, Ti))), 128)),
-				j(P) && j(T) ? (S(), a(fn, {
+				])], 12, ji))), 128)),
+				M(k) && M(T) ? (w(), a(Cn, {
 					key: 0,
-					message: j(T).message,
-					mode: j(T).mode,
-					surface: j(T).surface
+					message: M(T).message,
+					mode: M(T).mode,
+					surface: M(T).surface
 				}, {
-					default: L(() => [j(M) ? D(e.$slots, "empty-state", v(h({ key: 0 }, j(T)))) : o("", !0)]),
+					default: R(() => [M(D) ? O(e.$slots, "empty-state", y(g({ key: 0 }, M(T)))) : o("", !0)]),
 					_: 3
 				}, 8, [
 					"message",
@@ -3676,28 +3884,28 @@ var si = ["aria-label"], ci = {
 					"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", {
+			M(p).showScrollbar.value ? (w(), s("div", Mi, [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())
+				class: v(["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: b(M(p).getScrollbarThumbStyle())
 			}, null, 6)])) : o("", !0),
-			d["grid-footer"] ? (S(), s("div", Di, [c("div", Oi, [D(e.$slots, "grid-footer")])])) : o("", !0),
-			b.value ? (S(), s("div", {
+			d["grid-footer"] ? (w(), s("div", Ni, [c("div", Pi, [O(e.$slots, "grid-footer")])])) : o("", !0),
+			_.value ? (w(), 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"])
-			}, [C.value ? D(e.$slots, "grid-status", v(h({ key: 0 }, b.value))) : (S(), s("span", {
+				class: v(["pointer-events-none absolute inset-x-0 bottom-0 z-[3] flex justify-center px-6", d["grid-footer"] ? "pb-24" : "pb-6"])
+			}, [S.value ? O(e.$slots, "grid-status", y(g({ key: 0 }, _.value))) : (w(), s("span", {
 				key: 1,
 				"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(fn, {
+				class: v(["inline-flex items-center border border-white/14 bg-black/55 px-4 py-3 text-[0.7rem] font-bold uppercase tracking-[0.18em] text-[#f7f1ea]/72 backdrop-blur-[18px]", _.value.kind === "end" ? "border-amber-300/35 text-amber-200" : _.value.kind === "failed" ? "border-rose-400/45 text-rose-100" : ""])
+			}, A(_.value.message), 3))], 2)) : o("", !0),
+			M(E) && M(T) ? (w(), a(Cn, {
 				key: 3,
-				class: _(["z-[3]", d["grid-footer"] ? "pb-24" : "pb-6"]),
-				message: j(T).message,
-				mode: j(T).mode,
-				surface: j(T).surface
+				class: v(["z-[3]", d["grid-footer"] ? "pb-24" : "pb-6"]),
+				message: M(T).message,
+				mode: M(T).mode,
+				surface: M(T).surface
 			}, {
-				default: L(() => [j(M) ? D(e.$slots, "empty-state", v(h({ key: 0 }, j(T)))) : o("", !0)]),
+				default: R(() => [M(D) ? O(e.$slots, "empty-state", y(g({ key: 0 }, M(T)))) : o("", !0)]),
 				_: 3
 			}, 8, [
 				"class",
@@ -3707,13 +3915,13 @@ var si = ["aria-label"], ci = {
 			])) : o("", !0)
 		]));
 	}
-}), Ai = ["data-surface-mode"], ji = {
+}), Ii = ["data-surface-mode"], Li = {
 	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"
-}, Mi = ["data-visible", "inert"], Ni = ["data-visible", "inert"], Pi = {
+}, Ri = ["data-visible", "inert"], zi = ["data-visible", "inert"], Bi = {
 	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"
-}, Fi = /* @__PURE__ */ d({
+}, Vi = /* @__PURE__ */ d({
 	name: "VibeLayout",
 	__name: "Layout",
 	props: {
@@ -3723,7 +3931,6 @@ var si = ["aria-label"], ci = {
 		initialCursor: {},
 		initialState: {},
 		loopFullscreenVideo: { type: Boolean },
-		mode: {},
 		pageSize: {},
 		paginationDetail: {},
 		resolve: { type: Function },
@@ -3739,12 +3946,12 @@ var si = ["aria-label"], ci = {
 		"update:surfaceMode"
 	],
 	setup(e, { expose: n, emit: i }) {
-		let d = e, p = N(), m = i, h = qe(d, m), g = le((e) => {
+		let d = e, f = P(), m = i, h = Ye(d, m), g = Z((e) => {
 			m("asset-errors", e);
-		}), _ = ue((e) => {
+		}), _ = fe((e) => {
 			m("asset-loads", e);
 		});
-		return b(() => {
+		return x(() => {
 			g.stop(), _.stop();
 		}), n({
 			cancel: h.cancel,
@@ -3759,16 +3966,16 @@ var si = ["aria-label"], ci = {
 			status: h.status,
 			undo: h.undo,
 			unlockPageLoading: h.unlockPageLoading
-		}), (e, n) => (S(), s("section", {
+		}), (e, n) => (w(), s("section", {
 			"data-testid": "vibe",
-			"data-surface-mode": j(h).surfaceMode.value,
+			"data-surface-mode": M(h).surfaceMode.value,
 			class: "relative h-full min-h-0 overflow-hidden bg-[#05060a] text-[#f7f1ea]"
-		}, [j(h).canRetryInitialLoad.value ? (S(), s("button", {
+		}, [M(h).canRetryInitialLoad.value ? (w(), s("button", {
 			key: 0,
 			type: "button",
 			class: "absolute left-5 top-5 z-30 inline-flex items-center border border-rose-400/55 bg-rose-500/18 px-4 py-2 text-xs font-medium uppercase tracking-[0.24em] text-white backdrop-blur transition hover:bg-rose-500/28",
-			onClick: n[0] ||= (...e) => j(h).retryInitialLoad && j(h).retryInitialLoad(...e)
-		}, " Retry ")) : j(h).errorMessage.value && j(h).items.value.length > 0 ? (S(), s("div", ji, k(j(h).errorMessage.value), 1)) : o("", !0), j(h).isDesktop.value ? (S(), s(t, { key: 2 }, [u(r, {
+			onClick: n[0] ||= (...e) => M(h).retryInitialLoad && M(h).retryInitialLoad(...e)
+		}, " Retry ")) : M(h).errorMessage.value && M(h).items.value.length > 0 ? (w(), s("div", Li, A(M(h).errorMessage.value), 1)) : o("", !0), M(h).isDesktop.value ? (w(), s(t, { key: 2 }, [u(r, {
 			appear: "",
 			"enter-active-class": "transition-[opacity,transform] duration-300 ease-out",
 			"enter-from-class": "translate-y-3 opacity-0",
@@ -3777,57 +3984,57 @@ var si = ["aria-label"], ci = {
 			"leave-from-class": "translate-y-0 opacity-100",
 			"leave-to-class": "translate-y-3 opacity-0"
 		}, {
-			default: L(() => [R(c("div", {
+			default: R(() => [z(c("div", {
 				"data-testid": "vibe-list-surface",
-				"data-visible": j(h).surfaceMode.value === "list" ? "true" : "false",
-				inert: j(h).surfaceMode.value !== "list",
+				"data-visible": M(h).surfaceMode.value === "list" ? "true" : "false",
+				inert: M(h).surfaceMode.value !== "list",
 				class: "absolute inset-0 z-[2]"
-			}, [u(ki, {
-				active: j(h).surfaceMode.value === "list",
-				"allow-exhausted-next-page-refresh": j(h).canRefreshExhaustedNextPage.value,
-				items: j(h).items.value,
-				"active-index": j(h).activeIndex.value,
-				"error-message": j(h).errorMessage.value,
-				loading: j(h).loading.value,
-				"has-next-page": j(h).hasNextPage.value,
-				"has-previous-page": j(h).hasPreviousPage.value,
-				"pending-append-items": j(h).pendingAppendItems.value,
-				phase: j(h).phase.value,
-				"commit-pending-append": j(h).commitPendingAppend,
-				"pagination-detail": j(h).paginationDetail.value,
-				"report-asset-error": j(g).report,
-				"report-asset-load": j(_).report,
-				"request-next-page": j(h).prefetchNextPage,
-				"request-previous-page": j(h).prefetchPreviousPage,
+			}, [u(Fi, {
+				active: M(h).surfaceMode.value === "list",
+				"allow-exhausted-next-page-refresh": M(h).canRefreshExhaustedNextPage.value,
+				items: M(h).items.value,
+				"active-index": M(h).activeIndex.value,
+				"error-message": M(h).errorMessage.value,
+				loading: M(h).loading.value,
+				"has-next-page": M(h).hasNextPage.value,
+				"has-previous-page": M(h).hasPreviousPage.value,
+				"pending-append-items": M(h).pendingAppendItems.value,
+				phase: M(h).phase.value,
+				"commit-pending-append": M(h).commitPendingAppend,
+				"pagination-detail": M(h).paginationDetail.value,
+				"report-asset-error": M(g).report,
+				"report-asset-load": M(_).report,
+				"request-next-page": M(h).prefetchNextPage,
+				"request-previous-page": M(h).prefetchPreviousPage,
 				"empty-state-mode": d.emptyStateMode,
 				"show-status-badges": d.showStatusBadges ?? !0,
-				onBoundaryLoadProgress: j(h).setBoundaryLoadProgress,
-				onOpenFullscreen: j(h).openFullscreen,
-				"onUpdate:activeIndex": j(h).setActiveIndex
+				onBoundaryLoadProgress: M(h).setBoundaryLoadProgress,
+				onOpenFullscreen: M(h).openFullscreen,
+				"onUpdate:activeIndex": M(h).setActiveIndex
 			}, l({ _: 2 }, [
-				p["empty-state"] ? {
+				f["empty-state"] ? {
 					name: "empty-state",
-					fn: L((t) => [D(e.$slots, "empty-state", v(f(t)))]),
+					fn: R((t) => [O(e.$slots, "empty-state", y(p(t)))]),
 					key: "0"
 				} : void 0,
-				p["grid-footer"] ? {
+				f["grid-footer"] ? {
 					name: "grid-footer",
-					fn: L(() => [D(e.$slots, "grid-footer")]),
+					fn: R(() => [O(e.$slots, "grid-footer")]),
 					key: "1"
 				} : void 0,
-				p["grid-item-overlay"] ? {
+				f["grid-item-overlay"] ? {
 					name: "grid-item-overlay",
-					fn: L((t) => [D(e.$slots, "grid-item-overlay", v(f(t)))]),
+					fn: R((t) => [O(e.$slots, "grid-item-overlay", y(p(t)))]),
 					key: "2"
 				} : void 0,
-				p["grid-status"] ? {
+				f["grid-status"] ? {
 					name: "grid-status",
-					fn: L((t) => [D(e.$slots, "grid-status", v(f(t)))]),
+					fn: R((t) => [O(e.$slots, "grid-status", y(p(t)))]),
 					key: "3"
 				} : void 0,
-				p["item-icon"] ? {
+				f["item-icon"] ? {
 					name: "item-icon",
-					fn: L((t) => [D(e.$slots, "item-icon", v(f(t)))]),
+					fn: R((t) => [O(e.$slots, "item-icon", y(p(t)))]),
 					key: "4"
 				} : void 0
 			]), 1032, [
@@ -3852,7 +4059,7 @@ var si = ["aria-label"], ci = {
 				"onBoundaryLoadProgress",
 				"onOpenFullscreen",
 				"onUpdate:activeIndex"
-			])], 8, Mi), [[P, j(h).surfaceMode.value === "list"]])]),
+			])], 8, Ri), [[F, M(h).surfaceMode.value === "list"]])]),
 			_: 3
 		}), u(r, {
 			appear: "",
@@ -3863,59 +4070,59 @@ var si = ["aria-label"], ci = {
 			"leave-from-class": "translate-y-0 opacity-100",
 			"leave-to-class": "-translate-y-3 opacity-0"
 		}, {
-			default: L(() => [R(c("div", {
+			default: R(() => [z(c("div", {
 				"data-testid": "vibe-fullscreen-surface",
-				"data-visible": j(h).surfaceMode.value === "fullscreen" ? "true" : "false",
-				inert: j(h).surfaceMode.value !== "fullscreen",
+				"data-visible": M(h).surfaceMode.value === "fullscreen" ? "true" : "false",
+				inert: M(h).surfaceMode.value !== "fullscreen",
 				class: "absolute inset-0 z-[3]"
-			}, [u(Jn, {
-				items: j(h).items.value,
-				active: j(h).surfaceMode.value === "fullscreen",
-				"active-index": j(h).activeIndex.value,
-				"error-message": j(h).errorMessage.value,
-				loading: j(h).loading.value,
-				"has-next-page": j(h).hasNextPage.value,
-				"pagination-detail": j(h).paginationDetail.value,
-				phase: j(h).phase.value,
-				"report-asset-error": j(g).report,
-				"report-asset-load": j(_).report,
+			}, [u(ar, {
+				items: M(h).items.value,
+				active: M(h).surfaceMode.value === "fullscreen",
+				"active-index": M(h).activeIndex.value,
+				"error-message": M(h).errorMessage.value,
+				loading: M(h).loading.value,
+				"has-next-page": M(h).hasNextPage.value,
+				"pagination-detail": M(h).paginationDetail.value,
+				phase: M(h).phase.value,
+				"report-asset-error": M(g).report,
+				"report-asset-load": M(_).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,
-				onBackToList: j(h).returnToList,
-				"onUpdate:activeIndex": j(h).setActiveIndex
+				"show-back-to-list": M(h).showBackToList.value,
+				onBackToList: M(h).returnToList,
+				"onUpdate:activeIndex": M(h).setActiveIndex
 			}, l({ _: 2 }, [
-				p["empty-state"] ? {
+				f["empty-state"] ? {
 					name: "empty-state",
-					fn: L((t) => [D(e.$slots, "empty-state", v(f(t)))]),
+					fn: R((t) => [O(e.$slots, "empty-state", y(p(t)))]),
 					key: "0"
 				} : void 0,
-				p["fullscreen-overlay"] ? {
+				f["fullscreen-overlay"] ? {
 					name: "fullscreen-overlay",
-					fn: L((t) => [D(e.$slots, "fullscreen-overlay", v(f(t)))]),
+					fn: R((t) => [O(e.$slots, "fullscreen-overlay", y(p(t)))]),
 					key: "1"
 				} : void 0,
-				p["fullscreen-aside"] ? {
+				f["fullscreen-aside"] ? {
 					name: "fullscreen-aside",
-					fn: L((t) => [D(e.$slots, "fullscreen-aside", v(f(t)))]),
+					fn: R((t) => [O(e.$slots, "fullscreen-aside", y(p(t)))]),
 					key: "2"
 				} : void 0,
-				p["fullscreen-header-actions"] ? {
+				f["fullscreen-header-actions"] ? {
 					name: "fullscreen-header-actions",
-					fn: L((t) => [D(e.$slots, "fullscreen-header-actions", v(f(t)))]),
+					fn: R((t) => [O(e.$slots, "fullscreen-header-actions", y(p(t)))]),
 					key: "3"
 				} : void 0,
-				p["fullscreen-status"] ? {
+				f["fullscreen-status"] ? {
 					name: "fullscreen-status",
-					fn: L((t) => [D(e.$slots, "fullscreen-status", v(f(t)))]),
+					fn: R((t) => [O(e.$slots, "fullscreen-status", y(p(t)))]),
 					key: "4"
 				} : void 0,
-				p["item-icon"] ? {
+				f["item-icon"] ? {
 					name: "item-icon",
-					fn: L((t) => [D(e.$slots, "item-icon", v(f(t)))]),
+					fn: R((t) => [O(e.$slots, "item-icon", y(p(t)))]),
 					key: "5"
 				} : void 0
 			]), 1032, [
@@ -3937,60 +4144,60 @@ var si = ["aria-label"], ci = {
 				"show-back-to-list",
 				"onBackToList",
 				"onUpdate:activeIndex"
-			])], 8, Ni), [[P, j(h).surfaceMode.value === "fullscreen"]])]),
+			])], 8, zi), [[F, M(h).surfaceMode.value === "fullscreen"]])]),
 			_: 3
-		})], 64)) : j(h).items.value.length === 0 && j(h).loading.value ? (S(), s("div", Pi, [u(j(re), {
+		})], 64)) : M(h).items.value.length === 0 && M(h).loading.value ? (w(), s("div", Bi, [u(M(oe), {
 			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(Jn, {
+		}), n[1] ||= c("p", { class: "m-0 text-[0.9rem] font-semibold uppercase tracking-[0.22em] text-[#f7f1ea]/72" }, " Loading... ", -1)])) : (w(), a(ar, {
 			key: 4,
-			items: j(h).items.value,
+			items: M(h).items.value,
 			active: !0,
-			"active-index": j(h).activeIndex.value,
-			"error-message": j(h).errorMessage.value,
-			loading: j(h).loading.value,
-			"has-next-page": j(h).hasNextPage.value,
-			"pagination-detail": j(h).paginationDetail.value,
-			phase: j(h).phase.value,
-			"report-asset-error": j(g).report,
-			"report-asset-load": j(_).report,
+			"active-index": M(h).activeIndex.value,
+			"error-message": M(h).errorMessage.value,
+			loading: M(h).loading.value,
+			"has-next-page": M(h).hasNextPage.value,
+			"pagination-detail": M(h).paginationDetail.value,
+			phase: M(h).phase.value,
+			"report-asset-error": M(g).report,
+			"report-asset-load": M(_).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,
-			onBackToList: j(h).returnToList,
-			"onUpdate:activeIndex": j(h).setActiveIndex
+			onBackToList: M(h).returnToList,
+			"onUpdate:activeIndex": M(h).setActiveIndex
 		}, l({ _: 2 }, [
-			p["empty-state"] ? {
+			f["empty-state"] ? {
 				name: "empty-state",
-				fn: L((t) => [D(e.$slots, "empty-state", v(f(t)))]),
+				fn: R((t) => [O(e.$slots, "empty-state", y(p(t)))]),
 				key: "0"
 			} : void 0,
-			p["fullscreen-overlay"] ? {
+			f["fullscreen-overlay"] ? {
 				name: "fullscreen-overlay",
-				fn: L((t) => [D(e.$slots, "fullscreen-overlay", v(f(t)))]),
+				fn: R((t) => [O(e.$slots, "fullscreen-overlay", y(p(t)))]),
 				key: "1"
 			} : void 0,
-			p["fullscreen-aside"] ? {
+			f["fullscreen-aside"] ? {
 				name: "fullscreen-aside",
-				fn: L((t) => [D(e.$slots, "fullscreen-aside", v(f(t)))]),
+				fn: R((t) => [O(e.$slots, "fullscreen-aside", y(p(t)))]),
 				key: "2"
 			} : void 0,
-			p["fullscreen-header-actions"] ? {
+			f["fullscreen-header-actions"] ? {
 				name: "fullscreen-header-actions",
-				fn: L((t) => [D(e.$slots, "fullscreen-header-actions", v(f(t)))]),
+				fn: R((t) => [O(e.$slots, "fullscreen-header-actions", y(p(t)))]),
 				key: "3"
 			} : void 0,
-			p["fullscreen-status"] ? {
+			f["fullscreen-status"] ? {
 				name: "fullscreen-status",
-				fn: L((t) => [D(e.$slots, "fullscreen-status", v(f(t)))]),
+				fn: R((t) => [O(e.$slots, "fullscreen-status", y(p(t)))]),
 				key: "4"
 			} : void 0,
-			p["item-icon"] ? {
+			f["item-icon"] ? {
 				name: "item-icon",
-				fn: L((t) => [D(e.$slots, "item-icon", v(f(t)))]),
+				fn: R((t) => [O(e.$slots, "item-icon", y(p(t)))]),
 				key: "5"
 			} : void 0
 		]), 1032, [
@@ -4010,10 +4217,10 @@ var si = ["aria-label"], ci = {
 			"show-status-badges",
 			"onBackToList",
 			"onUpdate:activeIndex"
-		]))], 8, Ai));
+		]))], 8, Ii));
 	}
-}), Ii = { install(e) {
-	e.component("VibeLayout", Fi);
+}), Hi = { install(e) {
+	e.component("VibeLayout", Vi);
 } };
 //#endregion
-export { Fi as VibeLayout, Ii as VibePlugin, Ii as default };
+export { Vi as VibeLayout, Hi as VibePlugin, Hi as default };