@wyxos/vibe 3.1.33 → 3.1.35

package/lib/index.js

@@ -1,9 +1,9 @@
-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 O, renderSlot as k, resolveDynamicComponent as A, shallowRef as j, toDisplayString as M, toRef as N, triggerRef as P, unref as F, useAttrs as I, useSlots as L, vShow as R, watch as z, watchEffect as ee, withCtx as B, withDirectives as V, withModifiers as H } 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 O, renderSlot as k, resolveDynamicComponent as ee, shallowRef as A, toDisplayString as j, toRef as M, triggerRef as N, unref as P, useAttrs as F, useSlots as I, vShow as L, watch as R, watchEffect as te, withCtx as z, withDirectives as B, withModifiers as V } from "vue";
 //#region node_modules/lucide-vue-next/dist/esm/shared/src/utils/hasA11yProp.js
-var U = (e) => {
+var H = (e) => {
 	for (let t in e) if (t.startsWith("aria-") || t === "role" || t === "title") return !0;
 	return !1;
-}, te = (e) => e === "", W = (...e) => e.filter((e, t, n) => !!e && e.trim() !== "" && n.indexOf(e) === t).join(" ").trim(), ne = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), G = (e) => e.replace(/^([A-Z])|[\s-_]+(\w)/g, (e, t, n) => n ? n.toUpperCase() : t.toLowerCase()), K = (e) => {
+}, U = (e) => e === "", W = (...e) => e.filter((e, t, n) => !!e && e.trim() !== "" && n.indexOf(e) === t).join(" ").trim(), ne = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), G = (e) => e.replace(/^([A-Z])|[\s-_]+(\w)/g, (e, t, n) => n ? n.toUpperCase() : t.toLowerCase()), K = (e) => {
 	let t = G(e);
 	return t.charAt(0).toUpperCase() + t.slice(1);
 }, q = {
@@ -22,9 +22,9 @@ var U = (e) => {
 	width: o,
 	height: o,
 	stroke: s,
-	"stroke-width": te(n) || te(r) || n === !0 || r === !0 ? Number(i || a || q["stroke-width"]) * 24 / Number(o) : i || a || q["stroke-width"],
+	"stroke-width": U(n) || U(r) || n === !0 || r === !0 ? Number(i || a || q["stroke-width"]) * 24 / Number(o) : i || a || q["stroke-width"],
 	class: W("lucide", c.class, ...e ? [`lucide-${ne(K(e))}-icon`, `lucide-${ne(e)}`] : ["lucide-icon"]),
-	...!l.default && !U(c) && { "aria-hidden": "true" }
+	...!l.default && !H(c) && { "aria-hidden": "true" }
 }, [...t.map((e) => m(...e)), ...l.default ? [l.default()] : []]), J = (e, t) => (n, { slots: r, attrs: i }) => m(re, {
 	...i,
 	...n,
@@ -250,15 +250,15 @@ function Se(e, t, n) {
 }
 //#endregion
 //#region src/components/viewer-core/itemIdentity.ts
-var Q = "__vibeOccurrenceKey";
-function $(e) {
-	let t = e[Q];
+var Ce = "__vibeOccurrenceKey";
+function Q(e) {
+	let t = e[Ce];
 	return typeof t == "string" && t.length > 0 ? t : e.id;
 }
-function Ce(e, t, n) {
+function $(e, t, n) {
 	let r = /* @__PURE__ */ new Map(), i = [], a = n;
 	for (let e of t) {
-		let t = r.get(e.id), n = $(e);
+		let t = r.get(e.id), n = Q(e);
 		t ? t.push(n) : r.set(e.id, [n]);
 	}
 	for (let t of e) {
@@ -271,9 +271,9 @@ function Ce(e, t, n) {
 	};
 }
 function we(e, t) {
-	return $(e) === t ? e : {
+	return Q(e) === t ? e : {
 		...e,
-		[Q]: t
+		[Ce]: t
 	};
 }
 //#endregion
@@ -352,7 +352,7 @@ function Me(e, t, n) {
 	return i >= 0 && r.splice(i, 1, n), r;
 }
 function Ne(e, t, n) {
-	let r = Ce(e, t, n);
+	let r = $(e, t, n);
 	return {
 		items: r.items,
 		nextSequence: r.nextSequence
@@ -367,7 +367,7 @@ function Pe(e, t, n) {
 	for (let [e, n] of t.entries()) {
 		let t = r.get(n.id), i = {
 			index: e,
-			occurrenceKey: $(n)
+			occurrenceKey: Q(n)
 		};
 		t ? t.push(i) : r.set(n.id, [i]);
 	}
@@ -391,7 +391,7 @@ function Pe(e, t, n) {
 	};
 }
 function Fe(e, t) {
-	return $(e) === t ? e : {
+	return Q(e) === t ? e : {
 		...e,
 		__vibeOccurrenceKey: t
 	};
@@ -459,11 +459,11 @@ function Be(e) {
 }
 function Ve(e, t) {
 	let n = e[Se(t, 0, Math.max(0, e.length - 1))];
-	return n ? $(n) : null;
+	return n ? Q(n) : null;
 }
 function He(e, t, n = null) {
 	if (!e.length) return 0;
-	let r = n ? e.findIndex((e) => $(e) === n) : -1;
+	let r = n ? e.findIndex((e) => Q(e) === n) : -1;
 	return r >= 0 ? r : Se(t, 0, e.length - 1);
 }
 function Ue(e, t, n) {
@@ -547,7 +547,7 @@ function Qe(e) {
 		await a("cursor", () => e.getHasNextPage() && e.getNextCursor() !== t);
 	}
 	async function n() {
-		await a("end", () => e.getHasNextPage());
+		e.getHasNextPage() || await e.refreshTrailingBoundaryBeforeEnd(), await a("end", () => e.getHasNextPage());
 	}
 	function r() {
 		e.isFillUntilActive.value = !1, e.fillMode.value = "idle";
@@ -800,13 +800,17 @@ function it(e) {
 //#endregion
 //#region src/components/viewer-core/fillDelay.ts
 var at = 2e3, ot = 1e3, st = 100;
-function ct(e, t = at, n = ot) {
-	return t + Math.max(0, e - 1) * n;
+function ct(e, t = at, n = ot, r) {
+	let i = t + Math.max(0, e - 1) * n;
+	return !Number.isFinite(r) || r == null || r < 0 ? i : Math.min(i, Math.floor(r));
 }
 function lt(e, t) {
 	return !Number.isFinite(e) || e == null || e < 0 ? t : Math.floor(e);
 }
-function ut() {
+function ut(e) {
+	if (!(!Number.isFinite(e) || e == null || e < 0)) return Math.floor(e);
+}
+function dt() {
 	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) {
@@ -835,13 +839,13 @@ function ut() {
 }
 //#endregion
 //#region src/components/viewer-core/useAutoResolveSource.ts
-function dt(e) {
-	let t = !!e.initialState?.items.length, n = D([]), r = D(0), a = D([]), o = D(!1), s = D(null), c = D(!t && typeof e.resolve == "function" ? "initializing" : "idle"), l = D(null), u = D(null), d = ut(), f = d.remainingMs, p = D(null), m = D(!1), h = D(!0), g = D(!1), _ = D(!1), v = /* @__PURE__ */ new Set(), y = null, b = null, C = 0, w = 0, T = We({
+function ft(e) {
+	let t = !!e.initialState?.items.length, n = D([]), r = D(0), a = D([]), o = D(!1), s = D(null), c = D(!t && typeof e.resolve == "function" ? "initializing" : "idle"), l = D(null), u = D(null), d = dt(), f = d.remainingMs, p = D(null), m = D(!1), h = D(!0), g = D(!1), _ = D(!1), v = /* @__PURE__ */ new Set(), y = null, b = null, C = 0, w = 0, T = We({
 		getSequence: () => w,
 		setSequence: (e) => {
 			w = e;
 		}
-	}), E = i(() => lt(e.fillDelayMs, at)), O = i(() => lt(e.fillDelayStepMs, ot)), k = i(() => typeof e.resolve == "function"), A = i(() => Z(e.pageSize)), j = i(() => De(n.value)), M = rt(() => j.value.length), N = i(() => Oe(j.value, e.removedIds.value)), P = i(() => r.value), F = i(() => be(c.value) || m.value), I = i(() => Ge(n.value, e.removedIds.value)), L = i(() => Ke(n.value, e.removedIds.value)), R = i(() => L.value?.nextCursor ?? null), ee = i(() => o.value ? null : I.value?.previousCursor ?? null), B = i(() => !!R.value && L.value?.nextCursorExhausted !== !0), V = i(() => !!ee.value), H = i(() => _.value || g.value), U = i(() => k.value && !!L.value?.items.length), te = i(() => Oe(De(a.value), e.removedIds.value)), W = i(() => je(n.value, e.removedIds.value, P.value)), ne = i(() => !N.value.length && !F.value && !!s.value), G = Qe({
+	}), E = i(() => ut(e.fillDelayMaxMs)), O = i(() => lt(e.fillDelayMs, at)), k = i(() => lt(e.fillDelayStepMs, ot)), ee = i(() => typeof e.resolve == "function"), A = i(() => Z(e.pageSize)), j = i(() => De(n.value)), M = rt(() => j.value.length), N = i(() => Oe(j.value, e.removedIds.value)), P = i(() => r.value), F = i(() => be(c.value) || m.value), I = i(() => Ge(n.value, e.removedIds.value)), L = i(() => Ke(n.value, e.removedIds.value)), te = i(() => L.value?.nextCursor ?? null), z = i(() => o.value ? null : I.value?.previousCursor ?? null), B = i(() => !!te.value && L.value?.nextCursorExhausted !== !0), V = i(() => !!z.value), H = i(() => _.value || g.value), U = i(() => ee.value && !!L.value?.items.length), W = i(() => Oe(De(a.value), e.removedIds.value)), ne = i(() => je(n.value, e.removedIds.value, P.value)), G = i(() => !N.value.length && !F.value && !!s.value), K = Qe({
 		autoBuckets: n,
 		clearActiveResolveController(e) {
 			y === e && (y = null);
@@ -853,13 +857,13 @@ function dt(e) {
 		fillCursor: u,
 		fillTargetCount: p,
 		...M.refs,
-		finishLoadPhase: Q,
-		getFillDelayMs: (e) => ct(e, E.value, O.value),
+		finishLoadPhase: $,
+		getFillDelayMs: (e) => ct(e, O.value, k.value, E.value),
 		getHasNextPage: () => B.value,
 		getIsLoading: () => F.value,
 		getIsManualPageLoadingLocked: () => _.value,
 		getLoadedItemCount: () => j.value.length,
-		getNextCursor: () => R.value,
+		getNextCursor: () => te.value,
 		getOperationIsCurrent: (e) => e === C,
 		getPageSize: () => A.value,
 		getResolve: () => e.resolve,
@@ -871,6 +875,9 @@ function dt(e) {
 		nextOperationId: () => ++C,
 		operationPhase: c,
 		pendingAppendBuckets: a,
+		refreshTrailingBoundaryBeforeEnd: async () => {
+			U.value && (await Y(), await se());
+		},
 		setActiveResolveController: (e) => {
 			y = e;
 		},
@@ -878,31 +885,31 @@ function dt(e) {
 			b = e;
 		},
 		waitFillDelay: (e) => d.wait(e)
-	}), K = it({
+	}), q = it({
 		canRefreshTrailingBoundary: U,
 		hasNextPage: B,
-		isInitialLoading: Te,
+		isInitialLoading: Ee,
 		isPageLoadingLocked: H,
 		items: N,
 		loading: F,
-		prefetchNextPage: J,
+		prefetchNextPage: Y,
 		removedIds: e.removedIds,
 		trailingBoundaryBucket: L
-	}), q = nt({
+	}), re = nt({
 		autoBuckets: n,
 		clearActiveResolveController(e) {
 			y === e && (y = null);
 		},
-		clearFillState: Ce,
+		clearFillState: we,
 		createBucket: T,
 		errorMessage: s,
 		fillCollectedCount: l,
 		fillCursor: u,
 		fillTargetCount: p,
-		finishLoadPhase: Q,
-		getActiveOccurrenceKey: X,
+		finishLoadPhase: $,
+		getActiveOccurrenceKey: me,
 		getBoundaryBucket: (e) => e === "leading" ? I.value : L.value,
-		getFillDelayMs: (e) => ct(e, E.value, O.value),
+		getFillDelayMs: (e) => ct(e, O.value, k.value, E.value),
 		getOperationIsCurrent: (e) => e === C,
 		getPageSize: () => A.value,
 		getResolve: () => e.resolve,
@@ -918,121 +925,121 @@ function dt(e) {
 		setSequence: (e) => {
 			w = e;
 		},
-		syncActiveIndexAfterVisibilityChange: me,
+		syncActiveIndexAfterVisibilityChange: he,
 		waitFillDelay: (e) => d.wait(e)
 	});
-	z(() => N.value.length, (e) => {
+	R(() => N.value.length, (e) => {
 		if (e === 0) {
-			r.value = 0, K.schedule();
+			r.value = 0, q.schedule();
 			return;
 		}
-		K.resetRefreshAttempt(), o.value &&= (ke(), !1), r.value > e - 1 && (r.value = e - 1);
-	}), z(() => r.value, () => {
-		h.value && ge();
+		q.resetRefreshAttempt(), o.value &&= (Ae(), !1), r.value > e - 1 && (r.value = e - 1);
+	}), R(() => r.value, () => {
+		h.value && _e();
 	}), S(() => {
-		we() || e.resolve && re();
+		Te() || e.resolve && J();
 	}), x(() => {
 		y?.abort(), y = null, d.clear(!0);
 	});
-	async function re() {
-		b = re;
-		let t = await xe({
+	async function J() {
+		b = J;
+		let t = await Ce({
 			continueUntilFilled: !0,
 			cursor: e.initialCursor ?? null,
 			direction: "forward",
 			phase: "initializing"
 		});
-		t && (n.value = t.buckets, r.value = 0, Q());
+		t && (n.value = t.buckets, r.value = 0, $());
 	}
-	async function J() {
+	async function Y() {
 		if (H.value || F.value) return;
 		let e = !N.value.length, t = L.value, n = {
 			commitImmediately: e,
 			originCursor: t?.cursor ?? null
 		}, r = qe(t);
-		if (Ee("trailing")) {
+		if (ke("trailing")) {
 			if (!U.value) return;
-			let e = await ye("trailing");
-			e?.followCursor && (e.itemsInserted === 0 || Ee("trailing")) && await _e(e.followCursor, n);
+			let e = await xe("trailing");
+			e?.followCursor && (e.itemsInserted === 0 || ke("trailing")) && await ve(e.followCursor, n);
 			return;
 		}
 		if (r) {
 			if (t?.cursor === r) {
-				let e = await ye("trailing");
-				e?.followCursor && e.itemsInserted === 0 && await _e(e.followCursor, n);
+				let e = await xe("trailing");
+				e?.followCursor && e.itemsInserted === 0 && await ve(e.followCursor, n);
 				return;
 			}
-			await _e(r, n);
+			await ve(r, n);
 			return;
 		}
 		if (!B.value) {
-			let e = U.value ? await ye("trailing") : null;
-			e?.followCursor && e.itemsInserted === 0 && await _e(e.followCursor, n);
+			let e = U.value ? await xe("trailing") : null;
+			e?.followCursor && e.itemsInserted === 0 && await ve(e.followCursor, n);
 			return;
 		}
-		await _e(R.value, n);
+		await ve(te.value, n);
 	}
-	async function Y() {
+	async function ie() {
 		if (!(H.value || !V.value || F.value)) {
-			if (Ee("leading")) {
-				let e = await ye("leading");
-				e?.itemsInserted === 0 && e.followCursor && await ve(e.followCursor);
+			if (ke("leading")) {
+				let e = await xe("leading");
+				e?.itemsInserted === 0 && e.followCursor && await ye(e.followCursor);
 				return;
 			}
-			await ve(ee.value);
+			await ye(z.value);
 		}
 	}
-	async function ie() {
-		if (ne.value) {
-			if (n.value = [], r.value = 0, a.value = [], o.value = !1, s.value = null, c.value = k.value ? "initializing" : "idle", Ce(), M.reset(), m.value = !1, v.clear(), y?.abort(), y = null, d.clear(!0), we()) {
-				Q();
+	async function ae() {
+		if (G.value) {
+			if (n.value = [], r.value = 0, a.value = [], o.value = !1, s.value = null, c.value = ee.value ? "initializing" : "idle", we(), M.reset(), m.value = !1, v.clear(), y?.abort(), y = null, d.clear(!0), Te()) {
+				$();
 				return;
 			}
-			await re();
+			await J();
 		}
 	}
-	async function ae() {
-		if (ne.value) return ie();
+	async function oe() {
+		if (G.value) return ae();
 		H.value || c.value !== "failed" || !b || (s.value = null, await b());
 	}
-	async function oe() {
-		if (!a.value.length) return m.value = !1, Q();
-		n.value = [...n.value, ...a.value], a.value = [], m.value = !1, Q();
+	async function se() {
+		if (!a.value.length) return m.value = !1, $();
+		n.value = [...n.value, ...a.value], a.value = [], m.value = !1, $();
 	}
-	function se(t) {
+	function ce(t) {
 		let n = N.value;
 		if (!n.length) return;
 		let i = Se(t, 0, n.length - 1);
 		i !== r.value && (r.value = i, e.emit("update:activeIndex", i));
 	}
-	function ce(e) {
-		h.value = e, K.schedule();
-	}
-	function le() {
-		_.value = !0, d.clear(!0);
+	function le(e) {
+		h.value = e, q.schedule();
 	}
 	function ue() {
-		_.value = !1, K.schedule();
+		_.value = !0, d.clear(!0);
 	}
 	function de() {
-		pe(), s.value = null, Ce(), G.cancel(), a.value.length > 0 && (n.value = [...n.value, ...a.value], a.value = []), m.value = !1, o.value = !1, Q();
+		_.value = !1, q.schedule();
 	}
 	function fe() {
-		g.value && (pe(), Ce(), G.cancel(), m.value = !1, Q());
+		X(), s.value = null, we(), K.cancel(), a.value.length > 0 && (n.value = [...n.value, ...a.value], a.value = []), m.value = !1, o.value = !1, $();
 	}
 	function pe() {
-		C += 1, y?.abort(), y = null, d.clear(!0), v.clear();
+		g.value && (X(), we(), K.cancel(), m.value = !1, $());
 	}
 	function X() {
+		C += 1, y?.abort(), y = null, d.clear(!0), v.clear();
+	}
+	function me() {
 		return Ve(N.value, P.value);
 	}
-	function me(e = null, t = {}) {
+	function he(e = null, t = {}) {
 		if (N.value.length === 0) {
 			r.value = 0, !t.preserveTrailingPlaceholder && n.value.length > 0 && (o.value = !0);
 			return;
 		}
 		if (e) {
-			let t = N.value.findIndex((t) => $(t) === e);
+			let t = N.value.findIndex((t) => Q(t) === e);
 			if (t >= 0) {
 				r.value = t;
 				return;
@@ -1044,64 +1051,64 @@ function dt(e) {
 		}
 		r.value = He(N.value, P.value, e);
 	}
-	function he() {
-		a.value.length > 0 && (!te.value.length || !N.value.length) && oe();
+	function ge() {
+		a.value.length > 0 && (!W.value.length || !N.value.length) && se();
 	}
-	async function ge() {
-		if (!(!h.value || Te())) {
+	async function _e(e = !0) {
+		if (!(!h.value || Ee())) {
 			if (!N.value.length) {
-				(B.value || U.value) && await J();
+				(B.value || U.value) && await Y();
 				return;
 			}
-			V.value && r.value < 3 && await Y(), B.value && r.value >= N.value.length - 3 && await J();
+			V.value && r.value < 3 && await ie(), (B.value || e && U.value) && r.value >= N.value.length - 3 && await Y();
 		}
 	}
-	async function _e(e, t = {}) {
+	async function ve(e, t = {}) {
 		b = async () => {
-			await _e(e, t);
+			await ve(e, t);
 		};
-		let r = await xe({
+		let r = await Ce({
 			continueUntilFilled: !0,
 			cursor: e,
 			direction: "forward",
 			phase: "loading"
 		});
 		if (r) {
-			if (!r.visibleCount) return n.value = Je(n.value, t.originCursor, e, !0), a.value = [], m.value = !1, Q();
-			if (r.canceled) return n.value = [...n.value, ...r.buckets], a.value = [], m.value = !1, Q();
-			if (a.value = r.buckets, t.commitImmediately || !N.value.length || !te.value.length) return n.value = [...n.value, ...a.value], a.value = [], m.value = !1, Q();
+			if (!r.visibleCount) return n.value = Je(n.value, t.originCursor, e, !0), a.value = [], m.value = !1, $();
+			if (r.canceled) return n.value = [...n.value, ...r.buckets], a.value = [], m.value = !1, $();
+			if (a.value = r.buckets, t.commitImmediately || !N.value.length || !W.value.length) return n.value = [...n.value, ...a.value], a.value = [], m.value = !1, $();
 			m.value = !0;
 		}
 	}
-	async function ve(e) {
+	async function ye(e) {
 		b = async () => {
-			await ve(e);
+			await ye(e);
 		};
-		let t = await xe({
+		let t = await Ce({
 			continueUntilFilled: !0,
 			cursor: e,
 			direction: "backward",
 			phase: "loading"
 		});
 		if (!t) return;
-		let r = X();
-		n.value = [...t.buckets, ...n.value], me(r), Q();
+		let r = me();
+		n.value = [...t.buckets, ...n.value], he(r), $();
 	}
-	async function ye(e) {
+	async function xe(e) {
 		return b = async () => {
-			await ye(e);
-		}, q.reloadBoundaryBucket(e);
+			await xe(e);
+		}, re.reloadBoundaryBucket(e);
 	}
-	function xe(e) {
-		return q.collectBuckets(e);
+	function Ce(e) {
+		return re.collectBuckets(e);
 	}
-	function Q() {
-		c.value = "idle", Ce(), d.clear(), K.schedule();
+	function $() {
+		c.value = "idle", we(), d.clear(), q.schedule();
 	}
-	function Ce() {
+	function we() {
 		l.value = null, u.value = null, p.value = null;
 	}
-	function we() {
+	function Te() {
 		if (!e.initialState || !e.initialState.items.length) return !1;
 		let t = Be({
 			initialState: e.initialState,
@@ -1110,60 +1117,61 @@ function dt(e) {
 		});
 		return n.value = t.buckets, r.value = t.activeIndex, w = t.nextSequence, o.value = !1, s.value = null, a.value = [], m.value = !1, !0;
 	}
-	function Te() {
+	function Ee() {
 		return c.value === "initializing";
 	}
-	function Ee(t) {
+	function ke(t) {
 		return Ue(t === "leading" ? I.value : L.value, e.removedIds.value, A.value);
 	}
-	function ke() {
+	function Ae() {
 		n.value = Ze(n.value, e.removedIds.value);
 	}
 	return {
 		activeIndex: P,
-		canRetryInitialLoad: ne,
-		cancel: de,
-		cancelFill: fe,
+		canRetryInitialLoad: G,
+		cancel: fe,
+		cancelFill: pe,
 		canRefreshTrailingBoundary: U,
-		commitPendingAppend: oe,
-		currentCursor: W,
+		commitPendingAppend: se,
+		currentCursor: ne,
 		errorMessage: s,
 		fillCollectedCount: l,
 		fillCursor: u,
 		fillDelayRemainingMs: f,
 		fillTargetCount: p,
 		...M.refs,
-		fillUntil: G.fillUntil,
-		fillUntilEnd: G.fillUntilEnd,
+		fillUntil: K.fillUntil,
+		fillUntilEnd: K.fillUntilEnd,
 		hasNextPage: B,
 		hasPreviousPage: V,
 		isAutoPrefetchEnabled: h,
 		isPageLoadingLocked: H,
 		items: N,
-		lockPageLoading: le,
+		lockPageLoading: ue,
 		loading: F,
-		maybePrefetchAround: ge,
-		nextCursor: R,
-		pendingAppendItems: te,
+		maybePrefetchAround: _e,
+		nextCursor: te,
+		pendingAppendItems: W,
 		phase: c,
-		prefetchNextPage: J,
-		prefetchPreviousPage: Y,
-		previousCursor: ee,
-		retryInitialLoad: ie,
-		retry: ae,
-		setActiveIndex: se,
-		setAutoPrefetchEnabled: ce,
-		syncActiveIndexAfterVisibilityChange: me,
-		unlockPageLoading: ue,
-		getActiveOccurrenceKey: X,
-		maybeCommitPendingAppendWhenFilteredOut: he
+		prefetchNextPage: Y,
+		prefetchPreviousPage: ie,
+		previousCursor: z,
+		retryInitialLoad: ae,
+		retry: oe,
+		setActiveIndex: ce,
+		setAutoPrefetchEnabled: le,
+		syncActiveIndexAfterVisibilityChange: he,
+		unlockPageLoading: de,
+		getActiveOccurrenceKey: me,
+		maybeCommitPendingAppendWhenFilteredOut: ge
 	};
 }
 //#endregion
 //#region src/components/viewer-core/useDataSource.ts
-function ft(e, t) {
-	let { clearRemoved: n, getRemovedIds: r, remove: a, removedIds: o, restore: s, undo: c } = Te(), l = dt({
+function pt(e, t) {
+	let { clearRemoved: n, getRemovedIds: r, remove: a, removedIds: o, restore: s, undo: c } = Te(), l = ft({
 		emit: t,
+		fillDelayMaxMs: e.fillDelayMaxMs,
 		fillDelayMs: e.fillDelayMs,
 		fillDelayStepMs: e.fillDelayStepMs,
 		initialCursor: e.initialCursor,
@@ -1181,7 +1189,7 @@ function ft(e, t) {
 		return s.ids.length ? (l.maybeCommitPendingAppendWhenFilteredOut(), l.syncActiveIndexAfterVisibilityChange(t, { preserveTrailingPlaceholder: o }), i && x(), s) : s;
 	}
 	function x() {
-		_().then(() => l.maybePrefetchAround());
+		_().then(() => l.maybePrefetchAround(!1));
 	}
 	function S(e) {
 		let t = l.getActiveOccurrenceKey(), n = s(e);
@@ -1199,7 +1207,7 @@ function ft(e, t) {
 		return [...u.value];
 	}
 	function E(e) {
-		return u.value.find((t) => $(t) === e) ?? null;
+		return u.value.find((t) => Q(t) === e) ?? null;
 	}
 	function D(e, t, n) {
 		return Math.min(Math.max(e, t), n);
@@ -1210,10 +1218,10 @@ function ft(e, t) {
 	async function k() {
 		await l.prefetchNextPage();
 	}
-	async function A() {
+	async function ee() {
 		await l.prefetchPreviousPage();
 	}
-	async function j() {
+	async function A() {
 		await l.retry();
 	}
 	return {
@@ -1248,7 +1256,7 @@ function ft(e, t) {
 		lockPageLoading: l.lockPageLoading,
 		loading: f,
 		loadNext: k,
-		loadPrevious: A,
+		loadPrevious: ee,
 		nextCursor: l.nextCursor,
 		paginationDetail: g,
 		pendingAppendItems: l.pendingAppendItems,
@@ -1259,7 +1267,7 @@ function ft(e, t) {
 		removedCount: h,
 		remove: b,
 		restore: S,
-		retry: j,
+		retry: A,
 		retryInitialLoad: l.retryInitialLoad,
 		setActiveIndex: y,
 		setAutoPrefetchEnabled: l.setAutoPrefetchEnabled,
@@ -1269,9 +1277,9 @@ function ft(e, t) {
 }
 //#endregion
 //#region src/components/viewer-core/useController.ts
-var pt = 1024;
-function mt(e, t) {
-	let n = ft(e, t), r = T({
+var mt = 1024;
+function ht(e, t) {
+	let n = pt(e, t), r = T({
 		nextBoundaryLoadProgress: 0,
 		previousBoundaryLoadProgress: 0
 	}), a = D(0), o = D("list"), s = T({
@@ -1303,27 +1311,27 @@ function mt(e, t) {
 		removedIds: [],
 		removedRevision: 0,
 		surfaceMode: "list"
-	}), c = i(() => a.value >= pt), l = D(0), u = D(0), d = i(() => c.value ? o.value : "fullscreen"), f = i(() => c.value && d.value === "fullscreen");
-	z(c, (e) => {
+	}), c = i(() => a.value >= mt), l = D(0), u = D(0), d = i(() => c.value ? o.value : "fullscreen"), f = i(() => c.value && d.value === "fullscreen");
+	R(c, (e) => {
 		e && _();
-	}), z(() => e.surfaceMode, () => {
+	}), R(() => e.surfaceMode, () => {
 		_();
-	}), z([d, () => n.pendingAppendItems.value.length], ([e, t]) => {
+	}), R([d, () => n.pendingAppendItems.value.length], ([e, t]) => {
 		e === "list" || t <= 0 || n.commitPendingAppend();
-	}), z([
+	}), R([
 		() => 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"));
-	}), z(d, (e) => {
+	}), R(d, (e) => {
 		n.setAutoPrefetchEnabled(e === "fullscreen");
-	}, { immediate: !0 }), z(() => n.items.value, (e) => {
+	}, { immediate: !0 }), R(() => n.items.value, (e) => {
 		l.value += 1, s.itemCount = e.length, s.itemsRevision = l.value;
-	}, { immediate: !0 }), z(() => n.getRemovedIds(), (e) => {
+	}, { immediate: !0 }), R(() => n.getRemovedIds(), (e) => {
 		u.value += 1, s.removedCount = n.removedCount.value, s.removedIds = e, s.removedRevision = u.value;
-	}, { immediate: !0 }), ee(() => {
+	}, { immediate: !0 }), te(() => {
 		s.activeIndex = n.activeIndex.value, s.currentCursor = n.currentCursor.value, s.errorMessage = n.errorMessage.value, s.fillCollectedCount = n.fillCollectedCount.value, s.fillCompletedCalls = n.fillCompletedCalls.value, s.fillCursor = n.fillCursor.value, s.fillDelayRemainingMs = n.fillDelayRemainingMs.value, s.fillLoadedCount = n.fillLoadedCount.value, s.fillMode = n.fillMode.value, s.fillProgress = n.fillProgress.value, s.fillTargetCalls = n.fillTargetCalls.value, s.fillTargetCount = n.fillTargetCount.value, s.fillTotalCount = n.fillTotalCount.value, s.hasNextPage = n.hasNextPage.value, s.hasPreviousPage = n.hasPreviousPage.value, 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.surfaceMode = d.value;
 	}), S(() => {
 		g(), _(), window.addEventListener("keydown", h), window.addEventListener("resize", g);
@@ -1346,7 +1354,7 @@ function mt(e, t) {
 		!c.value || !e.surfaceMode || e.surfaceMode === o.value || (o.value = e.surfaceMode);
 	}
 	function v(e) {
-		r.nextBoundaryLoadProgress = ht(e.nextBoundaryLoadProgress), r.previousBoundaryLoadProgress = ht(e.previousBoundaryLoadProgress);
+		r.nextBoundaryLoadProgress = gt(e.nextBoundaryLoadProgress), r.previousBoundaryLoadProgress = gt(e.previousBoundaryLoadProgress);
 	}
 	return {
 		...n,
@@ -1365,26 +1373,26 @@ function mt(e, t) {
 		unlockPageLoading: n.unlockPageLoading
 	};
 }
-function ht(e) {
+function gt(e) {
 	return Math.min(Math.max(e, 0), 1);
 }
 //#endregion
 //#region src/components/FullscreenMediaBar.vue?vue&type=script&setup=true&lang.ts
-var gt = {
+var _t = {
 	"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]"
-}, _t = { class: "grid grid-cols-[auto_minmax(0,1fr)_auto] items-center gap-3 border-t border-white/12 bg-black/70 px-4 py-3 backdrop-blur-[18px]" }, vt = { class: "text-[0.76rem] font-bold uppercase tracking-[0.18em] text-[#f7f1ea]/74" }, yt = { class: "relative h-4 w-full" }, bt = [
+}, vt = { class: "grid grid-cols-[auto_minmax(0,1fr)_auto] items-center gap-3 border-t border-white/12 bg-black/70 px-4 py-3 backdrop-blur-[18px]" }, yt = { class: "text-[0.76rem] font-bold uppercase tracking-[0.18em] text-[#f7f1ea]/74" }, bt = { class: "relative h-4 w-full" }, xt = [
 	"max",
 	"value",
 	"disabled"
-], xt = { class: "flex items-center justify-end gap-3" }, St = { class: "text-[0.76rem] font-bold uppercase tracking-[0.18em] text-[#f7f1ea]/74" }, Ct = ["data-layout"], wt = {
+], St = { class: "flex items-center justify-end gap-3" }, Ct = { class: "text-[0.76rem] font-bold uppercase tracking-[0.18em] text-[#f7f1ea]/74" }, wt = ["data-layout"], Tt = {
 	key: 0,
 	"data-testid": "vibe-media-volume-popover",
 	class: "absolute bottom-[calc(100%+0.8rem)] right-0 grid justify-items-center gap-3 border border-white/12 bg-black/82 px-3 py-4 shadow-[0_20px_50px_-20px_rgba(0,0,0,0.85)] backdrop-blur-[18px]"
-}, Tt = { class: "relative flex h-28 w-4 items-center justify-center" }, Et = ["value"], Dt = { class: "flex items-center gap-3" }, Ot = ["aria-label"], kt = {
+}, Et = { class: "relative flex h-28 w-4 items-center justify-center" }, Dt = ["value"], Ot = { class: "flex items-center gap-3" }, kt = ["aria-label"], At = {
 	key: 0,
 	class: "relative h-4 w-24"
-}, At = ["value"], jt = /* @__PURE__ */ d({
+}, jt = ["value"], Mt = /* @__PURE__ */ d({
 	__name: "FullscreenMediaBar",
 	props: {
 		currentTime: {},
@@ -1408,7 +1416,7 @@ var gt = {
 	],
 	setup(e, { emit: t }) {
 		let n = e, r = t, l = D(null), d = D(!1), f = i(() => n.volumeControlLayout === "vertical"), p = i(() => T(n.volume, 0, 1)), m = i(() => Math.round(p.value * 100)), h = i(() => n.muted || p.value <= 0 ? X : p.value < .5 ? fe : pe), g = i(() => n.muted || p.value <= 0 ? "Unmute active media" : "Mute active media"), _ = i(() => f.value && !d.value ? "Show volume controls" : g.value), v = i(() => n.volumeControlLayout === "vertical" ? { height: `${m.value}%` } : { width: `${m.value}%` });
-		z(f, (e) => {
+		R(f, (e) => {
 			e || (d.value = !1);
 		}), S(() => {
 			document.addEventListener("pointerdown", y);
@@ -1432,9 +1440,9 @@ var gt = {
 		function T(e, t, n) {
 			return Math.min(Math.max(e, t), n);
 		}
-		return (e, t) => (w(), s("div", gt, [c("div", _t, [
-			c("span", vt, M(n.currentTimeLabel), 1),
-			c("div", yt, [
+		return (e, t) => (w(), s("div", _t, [c("div", vt, [
+			c("span", yt, j(n.currentTimeLabel), 1),
+			c("div", bt, [
 				t[4] ||= c("div", { class: "absolute inset-x-0 top-1/2 h-px -translate-y-1/2 bg-white/12" }, null, -1),
 				c("div", {
 					class: "absolute left-0 top-1/2 h-px -translate-y-1/2 bg-[#f7f1ea]",
@@ -1451,10 +1459,10 @@ var gt = {
 					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, bt)
+				}, null, 40, xt)
 			]),
-			c("div", xt, [
-				c("span", St, M(n.durationLabel), 1),
+			c("div", St, [
+				c("span", Ct, j(n.durationLabel), 1),
 				n.showFullscreenControl ? (w(), s("button", {
 					key: 0,
 					type: "button",
@@ -1462,7 +1470,7 @@ var gt = {
 					class: "inline-flex h-10 w-10 items-center justify-center border border-white/14 bg-black/50 text-[#f7f1ea]/82 backdrop-blur-[18px] transition hover:border-white/28 hover:bg-black/65",
 					"aria-label": "Open active video fullscreen",
 					onClick: t[1] ||= (e) => r("fullscreen-request")
-				}, [u(F(ce), {
+				}, [u(P(ce), {
 					class: "h-4 w-4 stroke-[1.9]",
 					"aria-hidden": "true"
 				})])) : o("", !0),
@@ -1472,7 +1480,7 @@ var gt = {
 					"data-testid": "vibe-media-volume",
 					"data-layout": n.volumeControlLayout,
 					class: "relative flex items-center justify-end"
-				}, [f.value && d.value ? (w(), s("div", wt, [c("div", Tt, [
+				}, [f.value && d.value ? (w(), s("div", Tt, [c("div", Et, [
 					t[5] ||= c("div", { class: "absolute bottom-0 left-1/2 h-full w-px -translate-x-1/2 bg-white/12" }, null, -1),
 					c("div", {
 						class: "absolute bottom-0 left-1/2 w-px -translate-x-1/2 bg-[#f7f1ea]",
@@ -1489,17 +1497,17 @@ var gt = {
 						value: p.value,
 						class: "vibe-media-slider absolute left-1/2 top-1/2 h-4 w-28 -translate-x-1/2 -translate-y-1/2 -rotate-90 bg-transparent",
 						onInput: t[2] ||= (e) => r("volume-input", e)
-					}, null, 40, Et)
-				])])) : o("", !0), c("div", Dt, [c("button", {
+					}, null, 40, Dt)
+				])])) : o("", !0), c("div", Ot, [c("button", {
 					type: "button",
 					"data-testid": "vibe-media-volume-button",
 					"aria-label": _.value,
 					class: "inline-flex h-10 w-10 items-center justify-center border border-white/14 bg-black/50 text-[#f7f1ea]/82 backdrop-blur-[18px] transition hover:border-white/28 hover:bg-black/65",
 					onClick: C
-				}, [(w(), a(A(h.value), {
+				}, [(w(), a(ee(h.value), {
 					class: "h-4 w-4 stroke-[1.9]",
 					"aria-hidden": "true"
-				}))], 8, Ot), n.volumeControlLayout === "horizontal" ? (w(), s("div", kt, [
+				}))], 8, kt), n.volumeControlLayout === "horizontal" ? (w(), s("div", At, [
 					t[6] ||= c("div", { class: "absolute inset-x-0 top-1/2 h-px -translate-y-1/2 bg-white/12" }, null, -1),
 					c("div", {
 						class: "absolute left-0 top-1/2 h-px -translate-y-1/2 bg-[#f7f1ea]",
@@ -1516,25 +1524,25 @@ var gt = {
 						value: p.value,
 						class: "vibe-media-slider absolute inset-0 z-10 h-4 w-full cursor-pointer bg-transparent",
 						onInput: t[3] ||= (e) => r("volume-input", e)
-					}, null, 40, At)
-				])) : o("", !0)])], 8, Ct)
+					}, null, 40, jt)
+				])) : o("", !0)])], 8, wt)
 			])
 		])]));
 	}
-}), Mt = {
+}), Nt = {
 	"data-testid": "vibe-fullscreen-header",
 	class: "relative z-[3] shrink-0 border-b border-white/10 bg-[#05060a] px-3 py-2"
-}, Nt = { class: "flex min-h-8 flex-wrap items-center justify-between gap-2" }, Pt = { class: "min-w-0 flex flex-1 items-center gap-2" }, Ft = {
+}, Pt = { class: "flex min-h-8 flex-wrap items-center justify-between gap-2" }, Ft = { class: "min-w-0 flex flex-1 items-center gap-2" }, It = {
 	key: 1,
 	"data-testid": "vibe-title",
 	class: "m-0 min-w-0 truncate text-left text-[0.82rem] leading-none text-[#f7f1ea]/88 min-[721px]:text-[0.92rem]"
-}, It = { class: "flex min-w-0 flex-wrap items-center justify-end gap-2" }, Lt = {
+}, Lt = { class: "flex min-w-0 flex-wrap items-center justify-end gap-2" }, Rt = {
 	"data-testid": "vibe-pagination",
 	class: "inline-flex h-8 shrink-0 items-center gap-2 whitespace-nowrap border border-white/12 bg-black/20 px-2.5 text-[0.68rem] font-semibold uppercase tracking-[0.1em] text-[#f7f1ea]/70"
-}, Rt = { class: "whitespace-nowrap" }, zt = {
+}, zt = { class: "whitespace-nowrap" }, Bt = {
 	key: 1,
 	class: "whitespace-nowrap border-l border-white/12 pl-2 text-[#f7f1ea]/56"
-}, Bt = /* @__PURE__ */ d({
+}, Vt = /* @__PURE__ */ d({
 	__name: "FullscreenHeader",
 	props: {
 		currentIndex: {},
@@ -1547,7 +1555,7 @@ var gt = {
 	emits: ["back-to-list"],
 	setup(e, { emit: t }) {
 		let n = e, r = t;
-		return (e, t) => (w(), s("header", Mt, [c("div", Nt, [c("div", Pt, [n.showBackToList ? (w(), s("button", {
+		return (e, t) => (w(), s("header", Nt, [c("div", Pt, [c("div", Ft, [n.showBackToList ? (w(), s("button", {
 			key: 0,
 			type: "button",
 			"data-testid": "vibe-back-to-list",
@@ -1555,30 +1563,30 @@ var gt = {
 			"aria-label": "Exit viewer",
 			title: "Exit viewer",
 			onClick: t[0] ||= (e) => r("back-to-list")
-		}, [u(F(me), {
+		}, [u(P(me), {
 			class: "h-3.5 w-3.5 stroke-[2.2]",
 			"aria-hidden": "true"
-		})])) : o("", !0), n.title ? (w(), s("h2", Ft, M(n.title), 1)) : o("", !0)]), c("div", It, [c("span", Lt, [
-			n.loading ? (w(), a(F(se), {
+		})])) : o("", !0), n.title ? (w(), s("h2", It, j(n.title), 1)) : o("", !0)]), c("div", Lt, [c("span", Rt, [
+			n.loading ? (w(), a(P(se), {
 				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", Rt, M(n.currentIndex + 1) + " / " + M(n.total), 1),
-			n.paginationDetail ? (w(), s("span", zt, M(n.paginationDetail), 1)) : o("", !0)
+			c("span", zt, j(n.currentIndex + 1) + " / " + j(n.total), 1),
+			n.paginationDetail ? (w(), s("span", Bt, j(n.paginationDetail), 1)) : o("", !0)
 		]), k(e.$slots, "actions")])])]));
 	}
-}), Vt = {
+}), Ht = {
 	"data-testid": "vibe-fullscreen-footer",
 	class: "relative z-[3] shrink-0 border-t border-white/10 bg-[#05060a] px-3 py-2"
-}, Ht = { class: "grid gap-2" }, Ut = {
+}, Ut = { class: "grid gap-2" }, Wt = {
 	key: 0,
 	class: "flex flex-wrap items-center justify-center gap-2"
-}, Wt = {
+}, Gt = {
 	key: 2,
 	class: "inline-flex items-center border border-amber-300/35 bg-black/20 px-3 py-1.5 text-[0.68rem] font-semibold uppercase tracking-[0.12em] text-amber-200"
-}, Gt = /* @__PURE__ */ d({
+}, Kt = /* @__PURE__ */ d({
 	__name: "FullscreenFooter",
 	props: {
 		showEndBadge: { type: Boolean },
@@ -1588,32 +1596,32 @@ var gt = {
 	},
 	setup(e) {
 		let t = e, n = i(() => t.statusKind === "end" ? "border-amber-300/35 text-amber-200" : t.statusKind === "failed" ? "border-rose-400/45 text-rose-100" : "");
-		return (e, r) => (w(), s("footer", Vt, [c("div", Ht, [k(e.$slots, "default"), t.showStatus || t.showEndBadge ? (w(), s("div", Ut, [t.showStatus && e.$slots.status ? k(e.$slots, "status", { key: 0 }) : t.showStatus ? (w(), s("div", {
+		return (e, r) => (w(), s("footer", Ht, [c("div", Ut, [k(e.$slots, "default"), t.showStatus || t.showEndBadge ? (w(), s("div", Wt, [t.showStatus && e.$slots.status ? k(e.$slots, "status", { key: 0 }) : t.showStatus ? (w(), s("div", {
 			key: 1,
 			"data-testid": "vibe-fullscreen-status-badge",
 			class: v(["inline-flex w-auto items-center border border-white/12 bg-black/20 px-3 py-1.5 text-[0.68rem] font-semibold uppercase tracking-[0.12em] text-[#f7f1ea]/74 max-[720px]:w-full max-[720px]:justify-center", n.value])
-		}, M(t.statusMessage), 3)) : o("", !0), t.showEndBadge ? (w(), s("span", Wt, " End reached ")) : o("", !0)])) : o("", !0)])]));
+		}, j(t.statusMessage), 3)) : o("", !0), t.showEndBadge ? (w(), s("span", Gt, " End reached ")) : o("", !0)])) : o("", !0)])]));
 	}
-}), Kt = {
+}), qt = {
 	image: oe,
 	video: ie,
 	audio: Y,
 	other: ae
-}, qt = {
+}, Jt = {
 	image: "Image",
 	video: "Video",
 	audio: "Audio",
 	other: "File"
 };
-function Jt(e) {
-	return Kt[e];
-}
 function Yt(e) {
 	return qt[e];
 }
+function Xt(e) {
+	return Jt[e];
+}
 //#endregion
 //#region src/components/viewer-core/useAssetLoadQueue.ts
-function Xt() {
+function Zt() {
 	let e = /* @__PURE__ */ new Map(), t = /* @__PURE__ */ new Map(), n = 0;
 	function r(r) {
 		let a = {
@@ -1636,7 +1644,7 @@ function Xt() {
 	function i() {
 		if (t.size === 0) return;
 		let n = [...t.values()].sort((e, t) => {
-			let n = Qt(e) - Qt(t);
+			let n = $t(e) - $t(t);
 			return n === 0 ? e.enqueuedAt - t.enqueuedAt : n;
 		});
 		for (let r of n) {
@@ -1650,8 +1658,8 @@ function Xt() {
 	}
 	return { request: r };
 }
-var Zt = Xt();
-function Qt(e) {
+var Qt = Zt();
+function $t(e) {
 	try {
 		let t = e.getPriority();
 		return Number.isFinite(t) ? t : Infinity;
@@ -1661,20 +1669,20 @@ function Qt(e) {
 }
 //#endregion
 //#region src/components/viewer-core/useFullscreenPreloadController.ts
-var $t = [
+var en = [
 	0,
 	1,
 	2,
 	3
-], en = {
+], tn = {
 	0: 0,
 	1: 1,
 	2: 2,
 	3: 3
 };
-function tn(e) {
-	let t = D({}), n = Xt(), r = /* @__PURE__ */ new Map(), i = /* @__PURE__ */ new Map(), a = /* @__PURE__ */ new Map(), o = /* @__PURE__ */ new Set();
-	z([
+function nn(e) {
+	let t = D({}), n = Zt(), r = /* @__PURE__ */ new Map(), i = /* @__PURE__ */ new Map(), a = /* @__PURE__ */ new Map(), o = /* @__PURE__ */ new Set();
+	R([
 		e.active,
 		e.items,
 		e.resolvedActiveIndex
@@ -1694,14 +1702,14 @@ function tn(e) {
 	}
 	function l(e, t) {
 		if (t instanceof HTMLImageElement) {
-			i.set(e, t), rn(t) && d(e);
+			i.set(e, t), an(t) && d(e);
 			return;
 		}
 		i.delete(e);
 	}
 	function u(e, t) {
 		if (t instanceof HTMLMediaElement) {
-			a.set(e, t), an(t) && d(e);
+			a.set(e, t), on(t) && d(e);
 			return;
 		}
 		a.delete(e);
@@ -1742,7 +1750,7 @@ function tn(e) {
 					assetType: s.item.type === "image" ? "image" : "video",
 					getPriority: () => g(o.index),
 					onGrant: () => {
-						y(s.key, !0), (e.isAssetReady(s.key, s.item) || nn(s.key, i, a)) && d(s.key);
+						y(s.key, !0), (e.isAssetReady(s.key, s.item) || rn(s.key, i, a)) && d(s.key);
 					},
 					url: s.item.url
 				})
@@ -1753,14 +1761,14 @@ function tn(e) {
 	}
 	function h() {
 		let t = e.resolvedActiveIndex.value;
-		return $t.map((e) => _(t + e)).filter((e) => !!e);
+		return en.map((e) => _(t + e)).filter((e) => !!e);
 	}
 	function g(t) {
-		return e.active.value ? en[t - e.resolvedActiveIndex.value] ?? Infinity : Infinity;
+		return e.active.value ? tn[t - e.resolvedActiveIndex.value] ?? Infinity : Infinity;
 	}
 	function _(t) {
 		let n = e.items.value[t];
-		return !n || !on(n) ? null : {
+		return !n || !sn(n) ? null : {
 			index: t,
 			item: n,
 			key: e.getItemKey(n)
@@ -1809,27 +1817,27 @@ function tn(e) {
 		shouldAttachSlideAsset: s
 	};
 }
-function nn(e, t, n) {
+function rn(e, t, n) {
 	let r = t.get(e);
-	if (r) return rn(r);
+	if (r) return an(r);
 	let i = n.get(e);
-	return i ? an(i) : !1;
+	return i ? on(i) : !1;
 }
-function rn(e) {
+function an(e) {
 	return e.complete && !!(e.currentSrc || e.getAttribute("src"));
 }
-function an(e) {
+function on(e) {
 	let t = typeof HTMLMediaElement > "u" ? 1 : HTMLMediaElement.HAVE_METADATA;
 	return e.readyState >= t;
 }
-function on(e) {
+function sn(e) {
 	return e.type === "image" || e.type === "video" || e.type === "audio";
 }
 //#endregion
 //#region src/components/viewer-core/useFullscreenSurfaceMedia.ts
-var sn = /\.(avif|gif|jpe?g|png|svg|webp)(\?|#|$)/i;
-function cn(e) {
-	let t = tn({
+var cn = /\.(avif|gif|jpe?g|png|svg|webp)(\?|#|$)/i;
+function ln(e) {
+	let t = nn({
 		active: e.active,
 		getItemKey: r,
 		isAssetReady: h,
@@ -1839,10 +1847,10 @@ function cn(e) {
 	});
 	function n(e, t) {
 		let n = t.title?.trim();
-		return n ? `${e} ${n}` : `${e} ${Yt(t.type).toLowerCase()}`;
+		return n ? `${e} ${n}` : `${e} ${Xt(t.type).toLowerCase()}`;
 	}
 	function r(e) {
-		return $(e);
+		return Q(e);
 	}
 	function i(e) {
 		return t.shouldAttachSlideAsset(e);
@@ -1876,7 +1884,7 @@ function cn(e) {
 		return i(e) ? t.url : void 0;
 	}
 	function m(e) {
-		return e.type !== "audio" || !e.preview?.url ? null : e.preview.mediaType === "image" || !e.preview.mediaType && sn.test(e.preview.url) ? e.preview.url : null;
+		return e.type !== "audio" || !e.preview?.url ? null : e.preview.mediaType === "image" || !e.preview.mediaType && cn.test(e.preview.url) ? e.preview.url : null;
 	}
 	function h(t, n) {
 		return n.type === "image" ? e.viewer.isImageReady(t) : n.type === "video" || n.type === "audio" ? e.viewer.isMediaReady(t) : !1;
@@ -1906,11 +1914,11 @@ function cn(e) {
 }
 //#endregion
 //#region src/components/viewer-core/slotContent.ts
-function ln(e) {
+function un(e) {
 	if (!Array.isArray(e)) return !1;
 	for (let t of e) {
 		if (Array.isArray(t)) {
-			if (ln(t)) return !0;
+			if (un(t)) return !0;
 			continue;
 		}
 		if (!h(t)) {
@@ -1921,20 +1929,20 @@ function ln(e) {
 			if (t != null && t !== !1) return !0;
 			continue;
 		}
-		if (!un(t)) return !0;
+		if (!dn(t)) return !0;
 	}
 	return !1;
 }
-function un(r) {
-	return r.type === e ? !0 : r.type === n ? typeof r.children == "string" ? r.children.trim().length === 0 : !0 : r.type === t ? !ln(r.children) : !1;
+function dn(r) {
+	return r.type === e ? !0 : r.type === n ? typeof r.children == "string" ? r.children.trim().length === 0 : !0 : r.type === t ? !un(r.children) : !1;
 }
 //#endregion
 //#region src/components/viewer-core/useSurfaceEmptyState.ts
-var dn = "no items available";
-function fn(e) {
+var fn = "no items available";
+function pn(e) {
 	let t = i(() => e.loading.value || e.itemCount.value > 0 || e.emptyStateMode.value === "hidden" ? null : {
 		loading: !!e.loading.value,
-		message: dn,
+		message: fn,
 		mode: e.emptyStateMode.value === "badge" ? "badge" : "inline",
 		surface: e.surface,
 		total: e.itemCount.value
@@ -1942,23 +1950,23 @@ function fn(e) {
 	return {
 		emptyStateProps: t,
 		showBadgeEmptyState: i(() => t.value?.mode === "badge"),
-		showCustomEmptyState: i(() => ln(n.value)),
+		showCustomEmptyState: i(() => un(n.value)),
 		showInlineEmptyState: i(() => t.value?.mode === "inline")
 	};
 }
 //#endregion
 //#region src/components/viewer-core/format.ts
-function pn(e) {
+function mn(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 mn(e) {
+function hn(e) {
 	return e.phase ? e.phase : e.loading ? e.itemCount > 0 ? "loading" : "initializing" : "idle";
 }
-function hn(e) {
+function gn(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.")
@@ -1981,9 +1989,9 @@ function hn(e) {
 }
 //#endregion
 //#region src/components/viewer-core/useActivation.ts
-function gn(e) {
+function _n(e) {
 	let t = !1;
-	z(e.enabled, async (t) => {
+	R(e.enabled, async (t) => {
 		if (n(t), t) {
 			e.onResize(), await e.onEnable();
 			return;
@@ -2004,7 +2012,7 @@ function gn(e) {
 }
 //#endregion
 //#region src/components/viewer-core/assetState.ts
-var _n = {
+var vn = {
 	currentTime: 0,
 	duration: 0,
 	errorKind: null,
@@ -2013,38 +2021,38 @@ var _n = {
 	ready: !1,
 	volume: 1
 };
-function vn() {
-	return { ..._n };
+function yn() {
+	return { ...vn };
 }
-function yn(e) {
+function bn(e) {
 	return e.complete && !!(e.currentSrc || e.getAttribute("src"));
 }
-function bn(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 = xn(t, n);
+function xn(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 = Sn(t, n);
 }
-function xn(e, t) {
+function Sn(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 Sn = /* @__PURE__ */ new Map();
-function Cn(e) {
-	return e === "not-found" ? "404" : "Load error";
-}
+var Cn = /* @__PURE__ */ new Map();
 function wn(e) {
-	return e === "generic";
+	return e === "not-found" ? "404" : "Load error";
 }
 function Tn(e) {
-	return En(e).then((e) => e ?? "generic");
+	return e === "generic";
 }
 function En(e) {
-	let t = Sn.get(e);
+	return Dn(e).then((e) => e ?? "generic");
+}
+function Dn(e) {
+	let t = Cn.get(e);
 	if (t) return t;
-	let n = Dn(e);
-	return Sn.set(e, n), n;
+	let n = On(e);
+	return Cn.set(e, n), n;
 }
-async function Dn(e) {
-	if (!On(e)) return null;
+async function On(e) {
+	if (!kn(e)) return null;
 	try {
 		let t = await fetch(e, { method: "HEAD" });
 		return t.ok ? null : t.status === 404 ? "not-found" : "generic";
@@ -2052,12 +2060,12 @@ async function Dn(e) {
 		return "generic";
 	}
 }
-function On(e) {
+function kn(e) {
 	return /^(https?:\/\/|\/)/i.test(e);
 }
 //#endregion
 //#region src/components/viewer-core/mediaPlayback.ts
-function kn(e) {
+function An(e) {
 	try {
 		let t = e.play();
 		t && typeof t.catch == "function" && t.catch(() => {});
@@ -2065,11 +2073,11 @@ function kn(e) {
 }
 //#endregion
 //#region src/components/viewer-core/nativeVideoFullscreen.ts
-function An(e) {
+function jn(e) {
 	let t = typeof document > "u" ? null : document;
 	return typeof document < "u" && typeof HTMLVideoElement < "u" && e instanceof HTMLVideoElement && (document.fullscreenElement === e || t?.webkitFullscreenElement === e);
 }
-function jn(e) {
+function Mn(e) {
 	let t = e.requestFullscreen?.bind(e);
 	if (t) {
 		let e = t();
@@ -2085,17 +2093,17 @@ function jn(e) {
 }
 //#endregion
 //#region src/components/viewer-core/useMedia.ts
-function Mn(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(() => {
+function Nn(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 ? Q(e.activeItem.value) : null), d = i(() => e.activeMediaItem.value ? Q(e.activeMediaItem.value) : null), f = i(() => {
 		let t = /* @__PURE__ */ new Map();
-		for (let n of e.items.value) t.set($(n), n);
+		for (let n of e.items.value) t.set(Q(n), n);
 		return t;
-	}), p = i(() => d.value ? r.value[d.value] ?? _n : _n), m = i(() => d.value ? p.value.duration : 0), h = i(() => m.value <= 0 ? 0 : Nn(p.value.currentTime / m.value * 100, 0, 100)), g = i(() => u.value ? L(u.value) : null);
-	z(() => u.value, async () => {
+	}), p = i(() => d.value ? r.value[d.value] ?? vn : vn), m = i(() => d.value ? p.value.duration : 0), h = i(() => m.value <= 0 ? 0 : Pn(p.value.currentTime / m.value * 100, 0, 100)), g = i(() => u.value ? I(u.value) : null);
+	R(() => u.value, async () => {
 		await C();
-	}), z(() => e.itemCount.value, async () => {
+	}), R(() => e.itemCount.value, async () => {
 		await C();
-	}), z(() => e.loopFullscreenVideo.value, async () => {
+	}), R(() => e.loopFullscreenVideo.value, async () => {
 		await C();
 	});
 	function v(e, t) {
@@ -2113,10 +2121,10 @@ function Mn(e) {
 		c.delete(e);
 	}
 	function b(e, r) {
-		r instanceof HTMLImageElement && yn(r) && (t.value[e] = !0, n.value[e] = null, J(e, r.currentSrc || r.src || ie(e)));
+		r instanceof HTMLImageElement && bn(r) && (t.value[e] = !0, n.value[e] = null, J(e, r.currentSrc || r.src || ie(e)));
 	}
 	function x() {
-		U(), a.value = {}, n.value = {}, t.value = {}, o.value = {}, r.value = {}, l.clear();
+		H(), a.value = {}, n.value = {}, t.value = {}, o.value = {}, r.value = {}, l.clear();
 	}
 	function S(e) {
 		delete t.value[e], delete n.value[e], delete o.value[e], delete r.value[e], l.forEach((t) => {
@@ -2125,24 +2133,24 @@ function Mn(e) {
 	}
 	async function C() {
 		if (!e.isEnabled.value) {
-			U();
+			H();
 			return;
 		}
 		await _();
 		let t = u.value;
 		for (let [n, i] of s.entries()) {
 			if (n !== t || r.value[n]?.errorKind) {
-				H(i, n);
+				V(i, n);
 				continue;
 			}
-			i.muted = !1, i.loop = e.loopFullscreenVideo.value, i.playsInline = !0, kn(i), W(n, i);
+			i.muted = !1, i.loop = e.loopFullscreenVideo.value, i.playsInline = !0, An(i), W(n, i);
 		}
 		for (let [e, n] of c.entries()) {
 			if (e !== t || r.value[e]?.errorKind) {
-				H(n, e);
+				V(n, e);
 				continue;
 			}
-			kn(n), W(e, n);
+			An(n), W(e, n);
 		}
 	}
 	function w(e, t) {
@@ -2160,7 +2168,7 @@ function Mn(e) {
 	async function E(r, i) {
 		let a = Y(r) ?? e.activeItem.value;
 		t.value[r] = !1, n.value[r] = "generic";
-		let o = await Tn(i);
+		let o = await En(i);
 		n.value[r] = o, a && e.onAssetError?.({
 			item: a,
 			occurrenceKey: r,
@@ -2170,7 +2178,7 @@ function Mn(e) {
 		});
 	}
 	async function O(t, n) {
-		let r = K(t), i = te(t), a = Y(t) ?? e.activeMediaItem.value ?? e.activeItem.value;
+		let r = K(t), i = U(t), a = Y(t) ?? e.activeMediaItem.value ?? e.activeItem.value;
 		if (r) {
 			r.pause();
 			try {
@@ -2178,7 +2186,7 @@ function Mn(e) {
 			} catch {}
 		}
 		i.currentTime = 0, i.duration = 0, i.paused = !0, i.ready = !1, i.errorKind = "generic";
-		let o = await Tn(n);
+		let o = await En(n);
 		i.errorKind = o, a && e.onAssetError?.({
 			item: a,
 			occurrenceKey: t,
@@ -2188,84 +2196,84 @@ function Mn(e) {
 		});
 	}
 	function k(e, t, n) {
-		e.button !== 0 || Date.now() < n || An(e.currentTarget) || re(s.get(t) ?? null);
+		e.button !== 0 || Date.now() < n || jn(e.currentTarget) || re(s.get(t) ?? null);
 	}
-	function A(e, t, n) {
+	function ee(e, t, n) {
 		e.button !== 0 || Date.now() < n || re(K(t));
 	}
-	function j(e) {
+	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 = Nn(r, 0, m.value || 0);
+		let i = Pn(r, 0, m.value || 0);
 		ne(n, i, t), t.currentTime = i;
 	}
-	function M(e) {
+	function j(e) {
 		let t = q(), n = d.value;
 		if (!t || !n || !(e.target instanceof HTMLInputElement)) return;
-		let r = Nn(Number.parseFloat(e.target.value), 0, 1);
+		let r = Pn(Number.parseFloat(e.target.value), 0, 1);
 		t.volume = r, t.muted = r <= 0, r > 0 && (o.value[n] = r), W(n, t);
 	}
-	function N() {
+	function M() {
 		let e = q(), t = d.value;
 		!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 P(e) {
+	function N(e) {
 		return !!t.value[e] && !n.value[e];
 	}
-	function F(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) {
+	function I(e) {
 		return n.value[e] ?? r.value[e]?.errorKind ?? null;
 	}
-	function R(e) {
-		let t = L(e);
-		return t ? Cn(t) : null;
+	function L(e) {
+		let t = I(e);
+		return t ? wn(t) : null;
 	}
-	function ee(e) {
-		return wn(L(e));
+	function te(e) {
+		return Tn(I(e));
 	}
-	function B(e) {
+	function z(e) {
 		return `${e}:${a.value[e] ?? 0}`;
 	}
-	async function V(e) {
-		if (!ee(e)) return;
+	async function B(e) {
+		if (!te(e)) return;
 		t.value[e] = !1, n.value[e] = null;
-		let r = te(e);
+		let r = U(e);
 		r.currentTime = 0, r.duration = 0, r.paused = !0, r.ready = !1, r.errorKind = null;
 		let i = K(e);
-		i && H(i, e), l.forEach((t) => {
+		i && V(i, e), l.forEach((t) => {
 			t.startsWith(`${e}|`) && l.delete(t);
 		}), a.value[e] = (a.value[e] ?? 0) + 1, await _(), await C();
 	}
-	function H(e, t) {
+	function V(e, t) {
 		e.pause();
 		try {
 			e.currentTime = 0;
 		} catch {}
 		W(t, e);
 	}
-	function U() {
-		for (let [e, t] of s.entries()) H(t, e);
-		for (let [e, t] of c.entries()) H(t, e);
+	function H() {
+		for (let [e, t] of s.entries()) V(t, e);
+		for (let [e, t] of c.entries()) V(t, e);
 	}
-	function te(e) {
-		return r.value[e] || (r.value[e] = vn()), r.value[e];
+	function U(e) {
+		return r.value[e] || (r.value[e] = yn()), r.value[e];
 	}
 	function W(e, t, n) {
-		bn(te(e), t, n), !t.muted && t.volume > 0 && (o.value[e] = t.volume);
+		xn(U(e), t, n), !t.muted && t.volume > 0 && (o.value[e] = t.volume);
 	}
 	function ne(e, t, n) {
-		let r = te(e);
+		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 G(e) {
-		return Nn(o.value[e] ?? 1, 0, 1);
+		return Pn(o.value[e] ?? 1, 0, 1);
 	}
 	function K(e) {
 		return s.get(e) ?? c.get(e) ?? null;
@@ -2276,7 +2284,7 @@ function Mn(e) {
 	function re(e) {
 		if (e) {
 			if (e.paused) {
-				kn(e);
+				An(e);
 				return;
 			}
 			e.pause();
@@ -2304,42 +2312,42 @@ function Mn(e) {
 		activeMediaDuration: m,
 		activeMediaProgress: h,
 		activeMediaState: p,
-		getAssetErrorKind: L,
-		getAssetErrorLabel: R,
-		getAssetRenderKey: B,
-		getImageSource: I,
-		isImageReady: P,
-		isMediaReady: F,
-		canRetryAsset: ee,
+		getAssetErrorKind: I,
+		getAssetErrorLabel: L,
+		getAssetRenderKey: z,
+		getImageSource: F,
+		isImageReady: N,
+		isMediaReady: P,
+		canRetryAsset: te,
 		mediaStates: r,
-		onAudioCoverClick: A,
+		onAudioCoverClick: ee,
 		onImageError: E,
 		onImageLoad: T,
 		onMediaError: O,
 		onMediaEvent: w,
-		onMediaSeekInput: j,
-		onMediaVolumeInput: M,
-		onMediaVolumeToggle: N,
+		onMediaSeekInput: A,
+		onMediaVolumeInput: j,
+		onMediaVolumeToggle: M,
 		onVideoClick: k,
 		registerAudioElement: y,
 		registerImageElement: b,
 		registerVideoElement: v,
 		resetAssetState: S,
 		resetMediaState: x,
-		retryAsset: V,
+		retryAsset: B,
 		syncMediaPlayback: C
 	};
 }
-function Nn(e, t, n) {
+function Pn(e, t, n) {
 	return Math.min(Math.max(e, t), n);
 }
 //#endregion
 //#region src/components/viewer-core/virtualization.ts
-var Pn = {
+var Fn = {
 	backward: 1,
 	forward: 3
 };
-function Fn(e, t, n = Pn) {
+function In(e, t, n = Fn) {
 	return t <= 0 ? {
 		start: 0,
 		end: -1
@@ -2348,14 +2356,14 @@ function Fn(e, t, n = Pn) {
 		end: Math.min(t - 1, e + n.forward)
 	};
 }
-function In(e, t, n = Pn) {
-	let r = Fn(t, e.length, n);
+function Ln(e, t, n = Fn) {
+	let r = In(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 Ln(e, t, n, r, i) {
+function Rn(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)"
@@ -2363,12 +2371,12 @@ function Ln(e, t, n, r, i) {
 }
 //#endregion
 //#region src/components/viewer-core/useViewer.ts
-function Rn(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(() => mn({
+function zn(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(() => hn({
 		itemCount: r.value.length,
 		loading: s.value,
 		phase: e.phase
-	})), f = i(() => !1), p = D(null), m = D(0), h = D(!1), g = D(1), _ = n.enabled ?? i(() => !0), v = null, y = 0, b = 0, x = 0, S = i(() => r.value.length === 0 ? 0 : P(a.value, 0, r.value.length - 1)), C = i(() => r.value[S.value] ?? null), w = i(() => C.value?.type === "audio" || C.value?.type === "video" ? C.value : null), T = Mn({
+	})), 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 = Nn({
 		items: r,
 		activeItem: C,
 		activeMediaItem: w,
@@ -2377,68 +2385,68 @@ function Rn(e, t, n = {}) {
 		loopFullscreenVideo: l,
 		onAssetError: n.onAssetError,
 		onAssetLoad: n.onAssetLoad
-	}), E = i(() => r.value.length > 0 && S.value === r.value.length - 1), O = i(() => hn({
+	}), E = i(() => r.value.length > 0 && S.value === r.value.length - 1), O = i(() => gn({
 		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(() => Fn(S.value, r.value.length)), N = i(() => In(r.value, S.value));
-	gn({
+	})), k = i(() => O.value?.kind ?? null), ee = i(() => O.value?.message ?? null), A = i(() => Math.min(96, g.value * .15 || 96)), j = i(() => In(S.value, r.value.length)), M = i(() => Ln(r.value, S.value));
+	_n({
 		enabled: _,
 		onDisable() {
-			U(), T.resetMediaState();
+			H(), T.resetMediaState();
 		},
 		onEnable() {
 			return T.syncMediaPlayback();
 		},
 		onKeydown: W,
-		onResize: F
+		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 z(e) {
+	function R(e) {
 		!_.value || r.value.length === 0 || e.pointerType === "mouse" || ye(e.target) || (v = e.pointerId, y = e.clientY, m.value = 0, h.value = !0, p.value?.setPointerCapture?.(e.pointerId));
 	}
-	function ee(e) {
-		!_.value || !h.value || v !== e.pointerId || (m.value = R(e.clientY - y));
+	function te(e) {
+		!_.value || !h.value || v !== e.pointerId || (m.value = L(e.clientY - y));
+	}
+	function z(e) {
+		!_.value || v !== e.pointerId || (p.value?.releasePointerCapture?.(e.pointerId), V());
 	}
 	function B(e) {
 		!_.value || v !== e.pointerId || (p.value?.releasePointerCapture?.(e.pointerId), H());
 	}
-	function 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 te(e) {
+	function U(e) {
 		if (!_.value || r.value.length === 0 || h.value || ye(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 W(e) {
-		!_.value || r.value.length === 0 || ve(e.target) || ((e.key === "ArrowDown" || e.key === "PageDown") && (e.preventDefault(), L(1)), (e.key === "ArrowUp" || e.key === "PageUp") && (e.preventDefault(), L(-1)));
+		!_.value || r.value.length === 0 || ve(e.target) || ((e.key === "ArrowDown" || e.key === "PageDown") && (e.preventDefault(), I(1)), (e.key === "ArrowUp" || e.key === "PageUp") && (e.preventDefault(), I(-1)));
 	}
 	function ne(e, t) {
 		T.onVideoClick(e, t, x);
@@ -2462,7 +2470,7 @@ function Rn(e, t, n = {}) {
 		return e.type === "audio";
 	}
 	function ie(e) {
-		return Ln(e, S.value, g.value, m.value, h.value);
+		return Rn(e, S.value, g.value, m.value, h.value);
 	}
 	return {
 		activeItem: C,
@@ -2477,7 +2485,7 @@ function Rn(e, t, n = {}) {
 		getAssetErrorKind: T.getAssetErrorKind,
 		getAssetErrorLabel: T.getAssetErrorLabel,
 		getAssetRenderKey: T.getAssetRenderKey,
-		formatPlaybackTime: pn,
+		formatPlaybackTime: mn,
 		getImageSource: T.getImageSource,
 		getSlideStyle: ie,
 		hasNextPage: c,
@@ -2497,45 +2505,45 @@ function Rn(e, t, n = {}) {
 		onMediaSeekInput: K,
 		onMediaVolumeInput: q,
 		onMediaVolumeToggle: re,
-		onPointerCancel: V,
-		onPointerDown: z,
-		onPointerMove: ee,
-		onPointerUp: B,
+		onPointerCancel: B,
+		onPointerDown: R,
+		onPointerMove: te,
+		onPointerUp: z,
 		onVideoClick: ne,
-		onWheel: te,
+		onWheel: U,
 		registerAudioElement: T.registerAudioElement,
 		registerImageElement: T.registerImageElement,
 		registerVideoElement: T.registerVideoElement,
-		renderedItems: N,
-		renderedRange: M,
+		renderedItems: M,
+		renderedRange: j,
 		resolvedActiveIndex: S,
 		resetAssetState: T.resetAssetState,
 		retryInitialLoad: async () => {},
 		retryAsset: T.retryAsset,
 		stageRef: p,
 		statusKind: k,
-		statusMessage: A,
+		statusMessage: ee,
 		paginationDetail: u,
 		phase: d
 	};
 }
 //#endregion
 //#region src/components/viewer-core/theme.ts
-var zn = "bg-[linear-gradient(180deg,#0a0b10,#05060a)]", Bn = "bg-[linear-gradient(180deg,#0b0c11,#06070b)]", Vn = {
+var Bn = "bg-[linear-gradient(180deg,#0a0b10,#05060a)]", Vn = "bg-[linear-gradient(180deg,#0b0c11,#06070b)]", Hn = {
 	image: !0,
 	video: !0,
 	audio: !0,
 	other: !0
 };
-function Hn(e) {
-	return Vn[e], zn;
-}
 function Un(e) {
-	return Vn[e], Bn;
+	return Hn[e], Bn;
+}
+function Wn(e) {
+	return Hn[e], Vn;
 }
 //#endregion
 //#region src/components/viewer-core/useFullscreenAssetEvents.ts
-function Wn(e) {
+function Gn(e) {
 	function t(t, n) {
 		return e.fullscreenMedia.shouldHandleSlideAssetEvent(t, n) ? e.fullscreenMedia.getItemKey(n) : null;
 	}
@@ -2568,7 +2576,7 @@ function Wn(e) {
 }
 //#endregion
 //#region src/components/viewer-core/dominantImageTone.ts
-function Gn(e) {
+function Kn(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;
@@ -2583,20 +2591,20 @@ function Gn(e) {
 			r += d, i += s * d, a += c * d, o += l * d;
 		}
 		return r <= 0 ? null : {
-			r: Kn(Math.round(i / r)),
-			g: Kn(Math.round(a / r)),
-			b: Kn(Math.round(o / r))
+			r: qn(Math.round(i / r)),
+			g: qn(Math.round(a / r)),
+			b: qn(Math.round(o / r))
 		};
 	} catch {
 		return null;
 	}
 }
-function Kn(e) {
+function qn(e) {
 	return Math.min(235, Math.max(26, e));
 }
 //#endregion
 //#region src/components/viewer-core/useFullscreenDominantTone.ts
-function qn(e) {
+function Jn(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;
@@ -2606,12 +2614,12 @@ function qn(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)` };
 	});
-	z(() => e.showDominantImageTone.value, (e) => {
+	R(() => e.showDominantImageTone.value, (e) => {
 		e || (t.value = {});
 	});
 	function s(n, r) {
 		if (!e.showDominantImageTone.value) return;
-		let i = Gn(r);
+		let i = Kn(r);
 		i && (t.value[n] = i);
 	}
 	return {
@@ -2622,7 +2630,7 @@ function qn(e) {
 }
 //#endregion
 //#region src/components/viewer-core/useVideoFullscreen.ts
-function Jn(e) {
+function Yn(e) {
 	let t = /* @__PURE__ */ new Map();
 	function n(e, n) {
 		if (n instanceof HTMLVideoElement) {
@@ -2633,7 +2641,7 @@ function Jn(e) {
 	}
 	function r() {
 		let n = e.activeItem.value, r = n?.type === "video" ? t.get(e.getItemKey(n)) : null;
-		r && jn(r);
+		r && Mn(r);
 	}
 	return {
 		registerElement: n,
@@ -2642,20 +2650,20 @@ function Jn(e) {
 }
 //#endregion
 //#region src/components/FullscreenForwardFillPlaceholder.vue?vue&type=script&setup=true&lang.ts
-var Yn = {
+var Xn = {
 	"data-testid": "vibe-forward-fill-placeholder",
 	class: "grid h-full min-h-0 place-items-center px-6 text-center"
-}, Xn = { class: "grid w-full max-w-[22rem] 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 = {
+}, Zn = { class: "grid w-full max-w-[22rem] justify-items-center gap-4 border border-white/14 bg-black/40 px-8 py-7 backdrop-blur-[18px]" }, Qn = { class: "inline-flex h-12 w-12 items-center justify-center rounded-full bg-black/45 shadow-[0_18px_40px_-18px_rgba(0,0,0,0.85)]" }, $n = {
 	"data-testid": "vibe-forward-fill-message",
 	class: "m-0 text-[0.78rem] font-bold uppercase tracking-[0.24em] text-[#f7f1ea]/72"
-}, $n = {
+}, er = {
 	key: 0,
 	"data-testid": "vibe-forward-fill-progress",
 	class: "grid w-full gap-2"
-}, er = { class: "flex items-center justify-between gap-4 text-[0.62rem] font-bold uppercase tracking-[0.16em] text-[#f7f1ea]/58" }, tr = { key: 0 }, nr = {
+}, tr = { class: "flex items-center justify-between gap-4 text-[0.62rem] font-bold uppercase tracking-[0.16em] text-[#f7f1ea]/58" }, nr = { key: 0 }, rr = {
 	key: 0,
 	class: "h-1 w-full overflow-hidden bg-white/10"
-}, rr = /* @__PURE__ */ d({
+}, ir = /* @__PURE__ */ d({
 	__name: "FullscreenForwardFillPlaceholder",
 	props: {
 		fillCollectedCount: { default: null },
@@ -2700,20 +2708,20 @@ var Yn = {
 		function h(e) {
 			return Math.min(Math.max(e, 0), 1);
 		}
-		return (e, t) => (w(), s("div", Yn, [c("div", Xn, [
-			c("span", Zn, [u(F(se), {
+		return (e, t) => (w(), s("div", Xn, [c("div", Zn, [
+			c("span", Qn, [u(P(se), {
 				class: "h-5 w-5 animate-spin stroke-[1.9] text-[#f7f1ea]/78",
 				"aria-hidden": "true"
 			})]),
-			c("p", Qn, M(n.value), 1),
-			l.value ? (w(), s("div", $n, [c("div", er, [c("span", null, M(l.value), 1), d.value ? (w(), s("span", tr, M(d.value), 1)) : o("", !0)]), a.value === null ? o("", !0) : (w(), s("div", nr, [c("span", {
+			c("p", $n, j(n.value), 1),
+			l.value ? (w(), s("div", er, [c("div", tr, [c("span", null, j(l.value), 1), d.value ? (w(), s("span", nr, j(d.value), 1)) : o("", !0)]), a.value === null ? o("", !0) : (w(), s("div", rr, [c("span", {
 				"data-testid": "vibe-forward-fill-progress-bar",
 				class: "block h-full bg-[#f7f1ea]/58 transition-[width] duration-200",
 				style: b(f.value)
 			}, null, 4)]))])) : o("", !0)
 		])]));
 	}
-}), ir = ["data-surface"], ar = ["data-surface"], or = /* @__PURE__ */ d({
+}), ar = ["data-surface"], or = ["data-surface"], sr = /* @__PURE__ */ d({
 	inheritAttrs: !1,
 	__name: "SurfaceEmptyState",
 	props: {
@@ -2722,35 +2730,35 @@ var Yn = {
 		surface: {}
 	},
 	setup(e) {
-		let t = I();
-		return (n, r) => e.mode === "inline" ? (w(), s("div", g({ key: 0 }, F(t), {
+		let t = F();
+		return (n, r) => e.mode === "inline" ? (w(), s("div", g({ key: 0 }, P(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)]"]
-		}), [k(n.$slots, "default", {}, () => [c("p", { class: v(["m-0 text-[0.82rem] font-medium tracking-[0.08em]", e.surface === "grid" ? "text-[#f7f1ea]/58" : "text-[#f7f1ea]/64"]) }, M(e.message), 3)])], 16, ir)) : (w(), s("div", g({ key: 1 }, F(t), { class: ["pointer-events-none absolute z-[4]", e.surface === "grid" ? "inset-x-0 bottom-0 flex justify-center px-6" : "bottom-[1.8rem] left-1/2 -translate-x-1/2 max-[720px]:bottom-[1.3rem]"] }), [k(n.$slots, "default", {}, () => [c("span", {
+		}), [k(n.$slots, "default", {}, () => [c("p", { class: v(["m-0 text-[0.82rem] font-medium tracking-[0.08em]", e.surface === "grid" ? "text-[#f7f1ea]/58" : "text-[#f7f1ea]/64"]) }, j(e.message), 3)])], 16, ar)) : (w(), s("div", g({ key: 1 }, P(t), { class: ["pointer-events-none absolute z-[4]", e.surface === "grid" ? "inset-x-0 bottom-0 flex justify-center px-6" : "bottom-[1.8rem] left-1/2 -translate-x-1/2 max-[720px]:bottom-[1.3rem]"] }), [k(n.$slots, "default", {}, () => [c("span", {
 			"data-testid": "vibe-empty-state-badge",
 			"data-surface": e.surface,
 			class: v(["inline-flex items-center border border-white/14 backdrop-blur-[18px]", e.surface === "grid" ? "bg-black/55 px-4 py-3 text-[0.82rem] font-medium tracking-[0.08em] text-[#f7f1ea]/72" : "w-auto bg-black/40 px-5 py-3 text-[0.82rem] font-medium tracking-[0.08em] text-[#f7f1ea]/74 max-[720px]:w-[calc(100%-2.5rem)] max-[720px]:justify-center"])
-		}, M(e.message), 11, ar)])], 16));
+		}, j(e.message), 11, or)])], 16));
 	}
-}), sr = 1, cr = .5;
-function lr(e) {
+}), cr = 1, lr = .5;
+function ur(e) {
 	if (e.type !== "image" && e.type !== "video") return {
-		width: sr,
-		height: sr,
+		width: cr,
+		height: cr,
 		source: "fallback"
 	};
 	let t = e.preview?.width, n = e.preview?.height;
-	if (vr(t) && vr(n)) {
-		let r = yr(e, t, n);
+	if (yr(t) && yr(n)) {
+		let r = br(e, t, n);
 		return {
 			width: r.width,
 			height: r.height,
 			source: "preview"
 		};
 	}
-	if (vr(e.width) && vr(e.height)) {
-		let t = yr(e, e.width, e.height);
+	if (yr(e.width) && yr(e.height)) {
+		let t = br(e, e.width, e.height);
 		return {
 			width: t.width,
 			height: t.height,
@@ -2758,24 +2766,24 @@ function lr(e) {
 		};
 	}
 	return {
-		width: sr,
-		height: sr,
+		width: cr,
+		height: cr,
 		source: "fallback"
 	};
 }
-function ur(e, t) {
+function dr(e, t) {
 	return !e || e <= 0 || !t || t <= 0 ? 1 : Math.max(1, Math.floor(e / t));
 }
-function dr(e, t, n, r = 0) {
+function fr(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 fr(e, t) {
-	let n = lr(e);
+function pr(e, t) {
+	let n = ur(e);
 	return n.height / n.width * t;
 }
-function pr(e, t) {
+function mr(e, t) {
 	let n = Array.from({ length: t.columnCount }, () => 0), r = {
 		positions: Array(e.length),
 		heights: Array(e.length),
@@ -2784,18 +2792,18 @@ function pr(e, t) {
 		indexById: /* @__PURE__ */ new Map(),
 		columnHeights: n
 	};
-	return mr(r, e, {
+	return hr(r, e, {
 		...t,
 		startIndex: 0
 	}), r;
 }
-function mr(e, t, n) {
+function hr(e, t, n) {
 	for (let r = 0; r < t.length; r += 1) {
 		let i = t[r], a = n.startIndex + r;
-		e.indexById.set($(i), a);
+		e.indexById.set(Q(i), a);
 		let o = 0;
 		for (let t = 1; t < e.columnHeights.length; t += 1) e.columnHeights[t] < e.columnHeights[o] && (o = t);
-		let s = o * (n.columnWidth + n.gapX), c = e.columnHeights[o], l = fr(i, n.columnWidth);
+		let s = o * (n.columnWidth + n.gapX), c = e.columnHeights[o], l = pr(i, n.columnWidth);
 		e.positions[a] = {
 			x: s + (n.positionOffsetX ?? 0),
 			y: c + (n.positionOffsetY ?? 0)
@@ -2808,20 +2816,20 @@ function mr(e, t, n) {
 	}
 	return e;
 }
-function hr(e, t) {
+function gr(e, t) {
 	let n = [...t.columnHeights], r = t.contentHeight;
 	for (let i of e) {
 		let e = 0;
 		for (let t = 1; t < n.length; t += 1) n[t] < n[e] && (e = t);
-		let a = n[e], o = fr(i, t.columnWidth);
+		let a = n[e], o = pr(i, t.columnWidth);
 		n[e] = a + o + t.gapY, r = Math.max(r, a + o);
 	}
 	return r;
 }
-function gr(e) {
-	return e.addedItems.length === 0 || e.removedItemCount > 0 || e.isPrepend || e.previousItems.length === 0 || e.layoutItemCount !== e.previousItems.length || e.columnHeights.length !== e.columnCount || e.currentItems.length !== e.previousItems.length + e.addedItems.length ? !1 : e.previousItems.every((t, n) => $(t) === $(e.currentItems[n]));
-}
 function _r(e) {
+	return e.addedItems.length === 0 || e.removedItemCount > 0 || e.isPrepend || e.previousItems.length === 0 || e.layoutItemCount !== e.previousItems.length || e.columnHeights.length !== e.columnCount || e.currentItems.length !== e.previousItems.length + e.addedItems.length ? !1 : e.previousItems.every((t, n) => Q(t) === Q(e.currentItems[n]));
+}
+function vr(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();
@@ -2831,11 +2839,11 @@ function _r(e) {
 	}
 	return Array.from(a).sort((e, t) => e - t);
 }
-function vr(e) {
+function yr(e) {
 	return typeof e == "number" && Number.isFinite(e) && e > 0;
 }
-function yr(e, t, n) {
-	return e.type !== "image" || n / t >= cr ? {
+function br(e, t, n) {
+	return e.type !== "image" || n / t >= lr ? {
 		width: t,
 		height: n
 	} : {
@@ -2845,9 +2853,9 @@ function yr(e, t, n) {
 }
 //#endregion
 //#region src/components/viewer-core/listPreview.ts
-var br = /\.(avif|gif|jpe?g|png|svg|webp)(\?|#|$)/i, xr = /\.(m4v|mov|mp4|mpeg|ogg|ogv|webm)(\?|#|$)/i, Sr = /^(?:(?:https?:)?\/\/[^/]+)?\/api\/files\/[^/?#]+\/(?:preview|downloaded)(?:\?|#|$)/i;
-function Cr(e) {
-	let t = wr(e), n = t?.url, r = lr(e), i = e.title?.trim() || Yt(e.type);
+var xr = /\.(avif|gif|jpe?g|png|svg|webp)(\?|#|$)/i, Sr = /\.(m4v|mov|mp4|mpeg|ogg|ogv|webm)(\?|#|$)/i, Cr = /^(?:(?:https?:)?\/\/[^/]+)?\/api\/files\/[^/?#]+\/(?:preview|downloaded)(?:\?|#|$)/i;
+function wr(e) {
+	let t = Tr(e), n = t?.url, r = ur(e), i = e.title?.trim() || Xt(e.type);
 	return t?.mediaType === "video" && typeof n == "string" ? {
 		kind: "video",
 		url: n,
@@ -2866,13 +2874,13 @@ function Cr(e) {
 		width: r.width,
 		height: r.height,
 		label: i
-	} : typeof n == "string" && Er(e, n) ? {
+	} : typeof n == "string" && Dr(e, n) ? {
 		kind: "video",
 		url: n,
 		width: r.width,
 		height: r.height,
 		label: i
-	} : typeof n == "string" && Tr(e, n) ? {
+	} : typeof n == "string" && Er(e, n) ? {
 		kind: "image",
 		url: n,
 		width: r.width,
@@ -2886,51 +2894,51 @@ function Cr(e) {
 		label: i
 	};
 }
-function wr(e) {
+function Tr(e) {
 	return e.preview?.url ? e.preview : typeof e.url != "string" || e.url.trim() === "" ? null : { url: e.url };
 }
-function Tr(e, t) {
-	return e.type !== "image" || typeof t != "string" ? !1 : br.test(t) || Dr(t);
-}
 function Er(e, t) {
-	return e.type !== "video" || typeof t != "string" ? !1 : xr.test(t) || Or(t);
+	return e.type !== "image" || typeof t != "string" ? !1 : xr.test(t) || Or(t);
 }
-function Dr(e) {
-	return /^(https?:\/\/|\/\/|\/(?!\/)|\.{1,2}\/|blob:|data:)/i.test(e);
+function Dr(e, t) {
+	return e.type !== "video" || typeof t != "string" ? !1 : Sr.test(t) || kr(t);
 }
 function Or(e) {
-	return Sr.test(e) || /^blob:/i.test(e) || /^data:video\//i.test(e);
+	return /^(https?:\/\/|\/\/|\/(?!\/)|\.{1,2}\/|blob:|data:)/i.test(e);
+}
+function kr(e) {
+	return Cr.test(e) || /^blob:/i.test(e) || /^data:video\//i.test(e);
 }
 //#endregion
 //#region src/components/viewer-core/fullscreenPreviews.ts
-function kr(e, t, n = 2) {
+function Ar(e, t, n = 2) {
 	return e.slice(t + 1, t + 1 + n).map((e, n) => ({
-		asset: Cr(e),
+		asset: wr(e),
 		index: t + n + 1,
 		item: e
 	}));
 }
 //#endregion
 //#region src/components/FullscreenSurface.vue?vue&type=script&setup=true&lang.ts
-var Ar = { class: "relative flex h-full min-h-0 flex-col overflow-hidden bg-[#05060a] text-[#f7f1ea]" }, jr = { class: "relative z-[1] flex h-full min-h-0" }, Mr = { class: "relative flex min-h-0 min-w-0 flex-1 flex-col" }, Nr = { class: "relative min-h-0 flex-1" }, Pr = {
+var jr = { class: "relative flex h-full min-h-0 flex-col overflow-hidden bg-[#05060a] text-[#f7f1ea]" }, Mr = { class: "relative z-[1] flex h-full min-h-0" }, Nr = { class: "relative flex min-h-0 min-w-0 flex-1 flex-col" }, Pr = { class: "relative min-h-0 flex-1" }, Fr = {
 	key: 0,
 	class: "relative h-full min-h-0"
-}, Fr = [
+}, Ir = [
 	"data-item-id",
 	"data-occurrence-key",
 	"data-index",
 	"data-active",
 	"aria-hidden"
-], Ir = {
+], Lr = {
 	key: 0,
 	"data-testid": "vibe-asset-spinner",
 	class: "pointer-events-none absolute inset-0 z-[2] grid place-items-center"
-}, Lr = { class: "inline-flex h-12 w-12 items-center justify-center rounded-full bg-black/45 shadow-[0_18px_40px_-18px_rgba(0,0,0,0.85)] backdrop-blur-[18px]" }, Rr = ["data-kind"], zr = { class: "grid justify-items-center gap-4 border border-white/14 bg-black/45 px-8 py-7 text-center backdrop-blur-[18px]" }, Br = { class: "m-0 text-[0.82rem] font-bold uppercase tracking-[0.28em] text-[#f7f1ea]/70" }, Vr = ["onClick"], Hr = [
+}, Rr = { 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]" }, zr = ["data-kind"], Br = { class: "grid justify-items-center gap-4 border border-white/14 bg-black/45 px-8 py-7 text-center backdrop-blur-[18px]" }, Vr = { class: "m-0 text-[0.82rem] font-bold uppercase tracking-[0.28em] text-[#f7f1ea]/70" }, Hr = ["onClick"], Ur = [
 	"src",
 	"alt",
 	"onLoad",
 	"onError"
-], Ur = [
+], Wr = [
 	"loop",
 	"src",
 	"preload",
@@ -2949,18 +2957,18 @@ var Ar = { class: "relative flex h-full min-h-0 flex-col overflow-hidden bg-[#05
 	"onStalled",
 	"onTimeupdate",
 	"onWaiting"
-], Wr = { class: "relative grid aspect-square w-[clamp(320px,46vw,560px)] max-w-[calc(100vw-2.5rem)] place-items-center" }, Gr = [
+], Gr = { class: "relative grid aspect-square w-[clamp(320px,46vw,560px)] max-w-[calc(100vw-2.5rem)] place-items-center" }, Kr = [
 	"aria-label",
 	"disabled",
 	"onClick"
-], Kr = ["src", "alt"], qr = {
+], qr = ["src", "alt"], Jr = {
 	key: 1,
 	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]"
-}, Jr = { 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]" }, Yr = {
+}, Yr = { 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]" }, Xr = {
 	key: 0,
 	"data-testid": "vibe-asset-spinner",
 	class: "pointer-events-none absolute inset-0 z-[3] grid place-items-center"
-}, Xr = { 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]" }, Zr = ["data-kind"], Qr = { class: "m-0 text-[0.82rem] font-bold uppercase tracking-[0.28em] text-[#f7f1ea]/70" }, $r = ["onClick"], ei = [
+}, Zr = { 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]" }, Qr = ["data-kind"], $r = { class: "m-0 text-[0.82rem] font-bold uppercase tracking-[0.28em] text-[#f7f1ea]/70" }, ei = ["onClick"], ti = [
 	"src",
 	"preload",
 	"onCanplay",
@@ -2976,22 +2984,25 @@ var Ar = { class: "relative flex h-full min-h-0 flex-col overflow-hidden bg-[#05
 	"onStalled",
 	"onTimeupdate",
 	"onWaiting"
-], ti = {
+], ni = {
 	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"
-}, ni = { 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]" }, ri = {
+}, ri = { 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]" }, ii = {
 	key: 0,
 	"data-testid": "vibe-fullscreen-overlay",
 	class: "pointer-events-none absolute inset-0 z-[6]"
-}, ii = { class: "h-full w-full" }, ai = {
+}, ai = { class: "h-full w-full" }, oi = {
 	key: 0,
+	"data-testid": "vibe-fullscreen-aside-column",
+	class: "vibe-fullscreen-aside-column-shell relative h-full min-h-0 shrink-0 overflow-hidden"
+}, si = {
 	"data-testid": "vibe-fullscreen-aside",
-	class: "h-full min-h-0 w-[var(--vibe-fullscreen-aside-width,22rem)] shrink-0 overflow-hidden border-l border-white/10 bg-black/45 backdrop-blur-[18px]"
-}, oi = { class: "h-full min-h-0 overflow-y-auto overscroll-y-contain" }, si = {
+	class: "absolute inset-y-0 right-0 h-full min-h-0 w-[var(--vibe-fullscreen-aside-width,22rem)] overflow-hidden border-l border-white/10 bg-black/45 backdrop-blur-[18px]"
+}, ci = { class: "h-full min-h-0 overflow-y-auto overscroll-y-contain" }, li = {
 	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]"
-}, ci = { class: "h-full min-h-0 overflow-y-auto overscroll-y-contain" }, li = 1280, ui = 768, di = /* @__PURE__ */ d({
+}, ui = { class: "h-full min-h-0 overflow-y-auto overscroll-y-contain" }, di = 1280, fi = 768, pi = /* @__PURE__ */ d({
 	__name: "FullscreenSurface",
 	props: {
 		active: {
@@ -3051,48 +3062,48 @@ var Ar = { class: "relative flex h-full min-h-0 flex-col overflow-hidden bg-[#05
 	},
 	emits: ["back-to-list", "update:activeIndex"],
 	setup(e, { emit: n }) {
-		let d = e, f = L(), m = n, h = Rn(d, (e, t) => {
+		let d = e, f = I(), m = n, h = zn(d, (e, t) => {
 			m("update:activeIndex", t);
 		}, {
-			enabled: N(d, "active"),
+			enabled: M(d, "active"),
 			onAssetError: d.reportAssetError ?? void 0,
 			onAssetLoad: d.reportAssetLoad ?? void 0
-		}), _ = D(typeof window > "u" ? li : window.innerWidth || li), C = cn({
-			active: N(d, "active"),
+		}), _ = D(typeof window > "u" ? di : window.innerWidth || di), C = ln({
+			active: M(d, "active"),
 			items: h.items,
 			resolvedActiveIndex: h.resolvedActiveIndex,
 			viewer: h
-		}), T = Jn({
+		}), T = Yn({
 			activeItem: h.activeItem,
 			getItemKey: C.getItemKey
-		}), E = i(() => Hn(h.activeItem.value?.type ?? "image")), { activeSlideToneStyle: j, activeStageToneStyle: P, updateFromImageElement: I } = qn({
+		}), E = i(() => Un(h.activeItem.value?.type ?? "image")), { activeSlideToneStyle: A, activeStageToneStyle: N, updateFromImageElement: F } = Jn({
 			activeItem: h.activeItem,
 			getItemKey: C.getItemKey,
 			isImageReady: h.isImageReady,
-			showDominantImageTone: N(d, "showDominantImageTone")
-		}), R = Wn({
+			showDominantImageTone: M(d, "showDominantImageTone")
+		}), L = Gn({
 			fullscreenMedia: C,
 			updateDominantToneFromImageElement: xe,
 			viewer: h
-		}), z = i(() => !!h.activeMediaItem.value && !h.activeAssetErrorKind.value), ee = i(() => _.value < ui ? "vertical" : "horizontal"), V = i(() => d.activeIndex >= d.items.length && (d.loading || d.hasNextPage)), U = i(() => {
+		}), R = i(() => !!h.activeMediaItem.value && !h.activeAssetErrorKind.value), te = i(() => _.value < fi ? "vertical" : "horizontal"), B = i(() => d.activeIndex >= d.items.length && (d.loading || d.hasNextPage)), H = i(() => {
 			let e = h.activeItem.value;
 			return e ? {
 				hasNextPage: d.hasNextPage,
 				index: h.resolvedActiveIndex.value,
 				item: e,
 				loading: d.loading,
-				nextPreviews: kr(h.items.value, h.resolvedActiveIndex.value),
+				nextPreviews: Ar(h.items.value, h.resolvedActiveIndex.value),
 				paginationDetail: d.paginationDetail,
 				total: d.items.length
 			} : null;
-		}), te = i(() => !U.value || !f["fullscreen-header-actions"] ? [] : f["fullscreen-header-actions"](U.value)), W = i(() => !U.value || !f["fullscreen-footer"] ? [] : f["fullscreen-footer"](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,
+		}), U = i(() => !H.value || !f["fullscreen-header-actions"] ? [] : f["fullscreen-header-actions"](H.value)), W = i(() => !H.value || !f["fullscreen-footer"] ? [] : f["fullscreen-footer"](H.value)), ne = i(() => !H.value || !f["fullscreen-aside"] ? [] : f["fullscreen-aside"](H.value)), G = i(() => !d.showStatusBadges || !H.value || !h.statusKind.value || !h.statusMessage.value ? null : {
+			...H.value,
 			kind: h.statusKind.value,
 			message: h.statusMessage.value
-		}), K = i(() => !G.value || !f["fullscreen-status"] ? [] : f["fullscreen-status"](G.value)), q = i(() => ln(te.value)), re = i(() => ln(ne.value)), J = i(() => ln(W.value)), Y = i(() => re.value && _.value >= li), ie = i(() => re.value && !Y.value), ae = i(() => ln(K.value)), oe = i(() => !!(h.activeItem.value && (d.showBackToList || h.activeItem.value.title || h.items.value.length || q.value))), ce = i(() => d.showEndBadge && h.isAtEnd.value && !h.hasNextPage.value && !h.loading.value), fe = i(() => J.value || !!G.value || ce.value), pe = i(() => z.value ? "pb-[5.75rem] max-[720px]:pb-[7rem]" : ""), { emptyStateProps: X, showBadgeEmptyState: me, showCustomEmptyState: he, showInlineEmptyState: ge } = fn({
-			emptyStateMode: N(d, "emptyStateMode"),
+		}), K = i(() => !G.value || !f["fullscreen-status"] ? [] : f["fullscreen-status"](G.value)), q = i(() => un(U.value)), re = i(() => un(ne.value)), J = i(() => un(W.value)), Y = i(() => re.value && _.value >= di), ie = i(() => re.value && !Y.value), ae = i(() => un(K.value)), oe = i(() => !!(h.activeItem.value && (d.showBackToList || h.activeItem.value.title || h.items.value.length || q.value))), ce = i(() => d.showEndBadge && h.isAtEnd.value && !h.hasNextPage.value && !h.loading.value), fe = i(() => J.value || !!G.value || ce.value), pe = i(() => R.value ? "pb-[5.75rem] max-[720px]:pb-[7rem]" : ""), { emptyStateProps: X, showBadgeEmptyState: me, showCustomEmptyState: he, showInlineEmptyState: ge } = pn({
+			emptyStateMode: M(d, "emptyStateMode"),
 			itemCount: i(() => d.items.length),
-			loading: N(d, "loading"),
+			loading: M(d, "loading"),
 			renderSlot: f["empty-state"],
 			surface: "fullscreen"
 		});
@@ -3102,7 +3113,7 @@ var Ar = { class: "relative flex h-full min-h-0 flex-col overflow-hidden bg-[#05
 			window.removeEventListener("resize", _e);
 		});
 		function _e() {
-			_.value = window.innerWidth || li;
+			_.value = window.innerWidth || di;
 		}
 		function ve(e, t) {
 			C.registerImageElement(e, t), h.registerImageElement(e, t), t instanceof HTMLImageElement && xe(e, t);
@@ -3114,14 +3125,14 @@ var Ar = { class: "relative flex h-full min-h-0 flex-col overflow-hidden bg-[#05
 			C.registerMediaElement(e, t), h.registerAudioElement(e, t);
 		}
 		function Z(e, t, n) {
-			let r = R.onFullscreenMediaEvent(e, t, n), i = n.currentTarget, a = typeof HTMLMediaElement > "u" ? 1 : HTMLMediaElement.HAVE_METADATA;
+			let r = L.onFullscreenMediaEvent(e, t, n), i = n.currentTarget, a = typeof HTMLMediaElement > "u" ? 1 : HTMLMediaElement.HAVE_METADATA;
 			r && i instanceof HTMLMediaElement && i.readyState >= a && C.settleAssetPreload(r);
 		}
 		function xe(e, t) {
-			I(e, t);
+			F(e, t);
 		}
 		function Se(e, t, n) {
-			let r = R.getHandledItemKey(t, n);
+			let r = L.getHandledItemKey(t, n);
 			if (!r || (h.onMediaEvent(r, e), !d.loopFullscreenVideo)) return;
 			let i = e.currentTarget;
 			if (!(i instanceof HTMLVideoElement)) return;
@@ -3131,24 +3142,24 @@ var Ar = { class: "relative flex h-full min-h-0 flex-col overflow-hidden bg-[#05
 			let a = i.play();
 			a && typeof a.catch == "function" && a.catch(() => {});
 		}
-		return (e, n) => (w(), s("div", Ar, [
+		return (e, n) => (w(), s("div", jr, [
 			c("div", {
 				class: v(["absolute inset-0 transition-[background] duration-200", E.value]),
-				style: b(F(P))
+				style: b(P(N))
 			}, null, 6),
-			c("div", jr, [c("div", Mr, [
-				oe.value ? (w(), a(Bt, {
+			c("div", Mr, [c("div", Nr, [
+				oe.value ? (w(), a(Vt, {
 					key: 0,
-					"current-index": F(h).resolvedActiveIndex.value,
+					"current-index": P(h).resolvedActiveIndex.value,
 					loading: d.loading,
-					"pagination-detail": F(h).paginationDetail.value,
+					"pagination-detail": P(h).paginationDetail.value,
 					"show-back-to-list": d.showBackToList,
-					title: F(h).activeItem.value?.title ?? null,
-					total: F(h).items.value.length,
+					title: P(h).activeItem.value?.title ?? null,
+					total: P(h).items.value.length,
 					onBackToList: n[0] ||= (e) => m("back-to-list")
-				}, l({ _: 2 }, [q.value && U.value ? {
+				}, l({ _: 2 }, [q.value && H.value ? {
 					name: "actions",
-					fn: B(() => [k(e.$slots, "fullscreen-header-actions", y(p(U.value)))]),
+					fn: z(() => [k(e.$slots, "fullscreen-header-actions", y(p(H.value)))]),
 					key: "0"
 				} : void 0]), 1032, [
 					"current-index",
@@ -3158,77 +3169,77 @@ var Ar = { class: "relative flex h-full min-h-0 flex-col overflow-hidden bg-[#05
 					"title",
 					"total"
 				])) : o("", !0),
-				c("div", Nr, [c("div", {
+				c("div", Pr, [c("div", {
 					ref: "viewer.stageRef",
 					"data-testid": "vibe-stage",
 					class: "relative h-full min-h-0 touch-none overflow-hidden",
-					onPointerdown: n[1] ||= (...e) => F(h).onPointerDown && F(h).onPointerDown(...e),
-					onPointermove: n[2] ||= (...e) => F(h).onPointerMove && F(h).onPointerMove(...e),
-					onPointerup: n[3] ||= (...e) => F(h).onPointerUp && F(h).onPointerUp(...e),
-					onPointercancel: n[4] ||= (...e) => F(h).onPointerCancel && F(h).onPointerCancel(...e),
-					onWheel: n[5] ||= (...e) => F(h).onWheel && F(h).onWheel(...e)
-				}, [F(h).activeItem.value ? (w(), s("div", Pr, [
-					(w(!0), s(t, null, O(F(h).renderedItems.value, ({ item: r, index: i }) => (w(), s("article", {
-						key: F(C).getItemKey(r),
+					onPointerdown: n[1] ||= (...e) => P(h).onPointerDown && P(h).onPointerDown(...e),
+					onPointermove: n[2] ||= (...e) => P(h).onPointerMove && P(h).onPointerMove(...e),
+					onPointerup: n[3] ||= (...e) => P(h).onPointerUp && P(h).onPointerUp(...e),
+					onPointercancel: n[4] ||= (...e) => P(h).onPointerCancel && P(h).onPointerCancel(...e),
+					onWheel: n[5] ||= (...e) => P(h).onWheel && P(h).onWheel(...e)
+				}, [P(h).activeItem.value ? (w(), s("div", Fr, [
+					(w(!0), s(t, null, O(P(h).renderedItems.value, ({ item: r, index: i }) => (w(), s("article", {
+						key: P(C).getItemKey(r),
 						"data-testid": "vibe-slide",
 						"data-item-id": r.id,
-						"data-occurrence-key": F(C).getItemKey(r),
+						"data-occurrence-key": P(C).getItemKey(r),
 						"data-index": i,
-						"data-active": i === F(h).resolvedActiveIndex.value,
-						"aria-hidden": i === F(h).resolvedActiveIndex.value ? "false" : "true",
-						class: v(["absolute inset-0 flex h-full min-h-full items-center justify-center will-change-transform", i === F(h).resolvedActiveIndex.value ? "pointer-events-auto" : "pointer-events-none"]),
-						style: b(F(h).getSlideStyle(i))
+						"data-active": i === P(h).resolvedActiveIndex.value,
+						"aria-hidden": i === P(h).resolvedActiveIndex.value ? "false" : "true",
+						class: v(["absolute inset-0 flex h-full min-h-full items-center justify-center will-change-transform", i === P(h).resolvedActiveIndex.value ? "pointer-events-auto" : "pointer-events-none"]),
+						style: b(P(h).getSlideStyle(i))
 					}, [c("div", {
-						class: v(["absolute inset-0 opacity-85", F(Un)(r.type)]),
-						style: b(i === F(h).resolvedActiveIndex.value && r.type === "image" ? F(j) : void 0)
-					}, null, 6), F(h).isVisual(r) ? (w(), s("div", {
+						class: v(["absolute inset-0 opacity-85", P(Wn)(r.type)]),
+						style: b(i === P(h).resolvedActiveIndex.value && r.type === "image" ? P(A) : void 0)
+					}, null, 6), P(h).isVisual(r) ? (w(), s("div", {
 						key: 0,
-						class: v(["relative z-[1] flex h-full w-full items-center justify-center overflow-hidden", i === F(h).resolvedActiveIndex.value ? pe.value : ""])
-					}, [F(C).isAssetLoading(i, r) ? (w(), s("div", Ir, [c("span", Lr, [u(F(se), {
+						class: v(["relative z-[1] flex h-full w-full items-center justify-center overflow-hidden", i === P(h).resolvedActiveIndex.value ? pe.value : ""])
+					}, [P(C).isAssetLoading(i, r) ? (w(), s("div", Lr, [c("span", Rr, [u(P(se), {
 						class: "h-5 w-5 animate-spin stroke-[1.9] text-[#f7f1ea]/78",
 						"aria-hidden": "true"
-					})])])) : o("", !0), F(C).isAssetErrored(i, r) ? (w(), s("div", {
+					})])])) : o("", !0), P(C).isAssetErrored(i, r) ? (w(), s("div", {
 						key: 1,
 						"data-testid": "vibe-asset-error",
-						"data-kind": F(C).getAssetErrorKind(r),
+						"data-kind": P(C).getAssetErrorKind(r),
 						class: "grid h-full w-full place-items-center"
-					}, [c("div", zr, [
-						u(F(de), {
+					}, [c("div", Br, [
+						u(P(de), {
 							class: "h-7 w-7 stroke-[1.9] text-[#f7f1ea]/72",
 							"aria-hidden": "true"
 						}),
-						c("p", Br, M(F(C).getAssetErrorLabel(r)), 1),
-						F(h).canRetryAsset(F(C).getItemKey(r)) ? (w(), s("button", {
+						c("p", Vr, j(P(C).getAssetErrorLabel(r)), 1),
+						P(h).canRetryAsset(P(C).getItemKey(r)) ? (w(), s("button", {
 							key: 0,
 							type: "button",
 							class: "inline-flex items-center justify-center border border-white/14 bg-black/35 px-4 py-2 text-[0.64rem] font-bold uppercase tracking-[0.22em] text-[#f7f1ea]/82 backdrop-blur-[18px] transition hover:border-white/28 hover:bg-black/50",
-							onClick: H((e) => F(h).retryAsset(F(C).getItemKey(r)), ["stop"])
-						}, " Retry ", 8, Vr)) : o("", !0)
-					])], 8, Rr)) : r.type === "image" ? (w(), s("img", {
-						key: F(h).getAssetRenderKey(F(C).getItemKey(r)),
-						src: F(C).getFullscreenImageSource(i, r),
+							onClick: V((e) => P(h).retryAsset(P(C).getItemKey(r)), ["stop"])
+						}, " Retry ", 8, Hr)) : o("", !0)
+					])], 8, zr)) : r.type === "image" ? (w(), s("img", {
+						key: P(h).getAssetRenderKey(P(C).getItemKey(r)),
+						src: P(C).getFullscreenImageSource(i, r),
 						alt: r.title ?? "",
 						crossorigin: "anonymous",
 						draggable: "false",
-						class: v(["block h-auto max-h-full w-auto max-w-full object-contain shadow-[0_40px_120px_-60px_rgba(0,0,0,0.9)] transition-opacity duration-300", F(h).isImageReady(F(C).getItemKey(r)) ? "opacity-100" : "opacity-0"]),
+						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", P(h).isImageReady(P(C).getItemKey(r)) ? "opacity-100" : "opacity-0"]),
 						ref_for: !0,
-						ref: (e) => ve(F(C).getItemKey(r), e),
-						onLoad: (e) => F(R).onFullscreenImageLoad(e, i, r),
-						onError: (e) => F(R).onFullscreenImageError(i, r)
-					}, null, 42, Hr)) : (w(), s("video", {
-						key: F(h).getAssetRenderKey(F(C).getItemKey(r)),
-						class: v(["block h-auto max-h-full w-auto max-w-full cursor-pointer object-contain shadow-[0_40px_120px_-60px_rgba(0,0,0,0.9)] transition-opacity duration-300", F(h).isMediaReady(F(C).getItemKey(r)) ? "opacity-100" : "opacity-0"]),
+						ref: (e) => ve(P(C).getItemKey(r), e),
+						onLoad: (e) => P(L).onFullscreenImageLoad(e, i, r),
+						onError: (e) => P(L).onFullscreenImageError(i, r)
+					}, null, 42, Ur)) : (w(), s("video", {
+						key: P(h).getAssetRenderKey(P(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", P(h).isMediaReady(P(C).getItemKey(r)) ? "opacity-100" : "opacity-0"]),
 						playsinline: "",
 						loop: d.loopFullscreenVideo,
-						src: F(C).getFullscreenMediaSource(i, r),
-						preload: F(C).getFullscreenMediaPreload(i),
+						src: P(C).getFullscreenMediaSource(i, r),
+						preload: P(C).getFullscreenMediaPreload(i),
 						ref_for: !0,
-						ref: (e) => ye(F(C).getItemKey(r), e),
-						onClick: H((e) => F(h).onVideoClick(e, F(C).getItemKey(r)), ["stop"]),
+						ref: (e) => ye(P(C).getItemKey(r), e),
+						onClick: V((e) => P(h).onVideoClick(e, P(C).getItemKey(r)), ["stop"]),
 						onCanplay: (e) => Z(i, r, e),
 						onDurationchange: (e) => Z(i, r, e),
 						onEnded: (e) => Se(e, i, r),
-						onError: (e) => F(R).onFullscreenMediaError(i, r),
+						onError: (e) => P(L).onFullscreenMediaError(i, r),
 						onLoadstart: (e) => Z(i, r, e),
 						onLoadedmetadata: (e) => Z(i, r, e),
 						onPause: (e) => Z(i, r, e),
@@ -3239,70 +3250,70 @@ var Ar = { class: "relative flex h-full min-h-0 flex-col overflow-hidden bg-[#05
 						onStalled: (e) => Z(i, r, e),
 						onTimeupdate: (e) => Z(i, r, e),
 						onWaiting: (e) => Z(i, r, e)
-					}, null, 42, Ur))], 2)) : F(h).isAudio(r) ? (w(), s("div", {
+					}, null, 42, Wr))], 2)) : P(h).isAudio(r) ? (w(), s("div", {
 						key: 1,
-						class: v(["relative z-[1] grid w-full max-w-[1100px] justify-items-center gap-6 px-[clamp(2rem,4vw,3rem)] py-[clamp(2rem,4vw,3rem)] text-center", i === F(h).resolvedActiveIndex.value ? pe.value : ""])
-					}, [c("div", Wr, [
+						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 === P(h).resolvedActiveIndex.value ? pe.value : ""])
+					}, [c("div", Gr, [
 						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": F(h).mediaStates.value[F(C).getItemKey(r)]?.paused ?? !0 ? F(C).getMediaActionLabel("Play", r) : F(C).getMediaActionLabel("Pause", r),
-							disabled: !!F(C).getAssetErrorKind(r),
-							onClick: (e) => F(h).onAudioCoverClick(e, F(C).getItemKey(r))
+							"aria-label": P(h).mediaStates.value[P(C).getItemKey(r)]?.paused ?? !0 ? P(C).getMediaActionLabel("Play", r) : P(C).getMediaActionLabel("Pause", r),
+							disabled: !!P(C).getAssetErrorKind(r),
+							onClick: (e) => P(h).onAudioCoverClick(e, P(C).getItemKey(r))
 						}, [
-							F(C).getFullscreenAudioCoverSource(r) ? (w(), s("img", {
+							P(C).getFullscreenAudioCoverSource(r) ? (w(), s("img", {
 								key: 0,
 								"data-testid": "vibe-fullscreen-audio-cover",
-								src: F(C).getFullscreenAudioCoverSource(r) ?? void 0,
+								src: P(C).getFullscreenAudioCoverSource(r) ?? void 0,
 								alt: r.title ?? "",
 								draggable: "false",
 								class: "pointer-events-none absolute inset-0 h-full w-full object-cover"
-							}, null, 8, Kr)) : o("", !0),
+							}, null, 8, qr)) : o("", !0),
 							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),
-							F(C).getFullscreenAudioCoverSource(r) ? o("", !0) : (w(), s("span", qr, [k(e.$slots, "item-icon", {
-								icon: F(Jt)(r.type),
+							P(C).getFullscreenAudioCoverSource(r) ? o("", !0) : (w(), s("span", Jr, [k(e.$slots, "item-icon", {
+								icon: P(Yt)(r.type),
 								item: r
-							}, () => [(w(), a(A(F(Jt)(r.type)), {
+							}, () => [(w(), a(ee(P(Yt)(r.type)), {
 								class: "h-6 w-6 stroke-[1.9]",
 								"aria-hidden": "true"
 							}))])])),
-							c("span", Jr, [(w(), a(A(F(h).mediaStates.value[F(C).getItemKey(r)]?.paused ?? !0 ? F(ue) : F(le)), {
+							c("span", Yr, [(w(), a(ee(P(h).mediaStates.value[P(C).getItemKey(r)]?.paused ?? !0 ? P(ue) : P(le)), {
 								class: "h-4 w-4 stroke-2",
 								"aria-hidden": "true"
 							}))])
-						], 8, Gr),
-						F(C).isAssetLoading(i, r) ? (w(), s("div", Yr, [c("span", Xr, [u(F(se), {
+						], 8, Kr),
+						P(C).isAssetLoading(i, r) ? (w(), s("div", Xr, [c("span", Zr, [u(P(se), {
 							class: "h-5 w-5 animate-spin stroke-[1.9] text-[#f7f1ea]/78",
 							"aria-hidden": "true"
 						})])])) : o("", !0),
-						F(C).getAssetErrorKind(r) ? (w(), s(t, { key: 1 }, [n[8] ||= c("div", { class: "pointer-events-none absolute inset-0 border border-white/8 bg-[radial-gradient(circle,rgba(239,68,68,0.12),transparent_66%)]" }, null, -1), c("div", {
+						P(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": F(C).getAssetErrorKind(r),
+							"data-kind": P(C).getAssetErrorKind(r),
 							class: "relative z-[1] grid justify-items-center gap-4"
 						}, [
-							u(F(de), {
+							u(P(de), {
 								class: "h-7 w-7 stroke-[1.9] text-[#f7f1ea]/72",
 								"aria-hidden": "true"
 							}),
-							c("p", Qr, M(F(C).getAssetErrorLabel(r)), 1),
-							F(h).canRetryAsset(F(C).getItemKey(r)) ? (w(), s("button", {
+							c("p", $r, j(P(C).getAssetErrorLabel(r)), 1),
+							P(h).canRetryAsset(P(C).getItemKey(r)) ? (w(), s("button", {
 								key: 0,
 								type: "button",
 								class: "pointer-events-auto inline-flex items-center justify-center border border-white/14 bg-black/35 px-4 py-2 text-[0.64rem] font-bold uppercase tracking-[0.22em] text-[#f7f1ea]/82 backdrop-blur-[18px] transition hover:border-white/28 hover:bg-black/50",
-								onClick: H((e) => F(h).retryAsset(F(C).getItemKey(r)), ["stop"])
-							}, " Retry ", 8, $r)) : o("", !0)
-						], 8, Zr)], 64)) : o("", !0)
+								onClick: V((e) => P(h).retryAsset(P(C).getItemKey(r)), ["stop"])
+							}, " Retry ", 8, ei)) : o("", !0)
+						], 8, Qr)], 64)) : o("", !0)
 					]), (w(), s("audio", {
-						key: F(h).getAssetRenderKey(F(C).getItemKey(r)),
-						src: F(C).getFullscreenMediaSource(i, r),
-						preload: F(C).getFullscreenMediaPreload(i),
+						key: P(h).getAssetRenderKey(P(C).getItemKey(r)),
+						src: P(C).getFullscreenMediaSource(i, r),
+						preload: P(C).getFullscreenMediaPreload(i),
 						class: "pointer-events-none absolute h-px w-px opacity-0",
 						ref_for: !0,
-						ref: (e) => be(F(C).getItemKey(r), e),
+						ref: (e) => be(P(C).getItemKey(r), e),
 						onCanplay: (e) => Z(i, r, e),
 						onDurationchange: (e) => Z(i, r, e),
-						onError: (e) => F(R).onFullscreenMediaError(i, r),
+						onError: (e) => P(L).onFullscreenMediaError(i, r),
 						onLoadstart: (e) => Z(i, r, e),
 						onLoadedmetadata: (e) => Z(i, r, e),
 						onPause: (e) => Z(i, r, e),
@@ -3313,29 +3324,29 @@ var Ar = { class: "relative flex h-full min-h-0 flex-col overflow-hidden bg-[#05
 						onStalled: (e) => Z(i, r, e),
 						onTimeupdate: (e) => Z(i, r, e),
 						onWaiting: (e) => Z(i, r, e)
-					}, null, 40, ei))], 2)) : (w(), s("div", ti, [c("div", ni, [k(e.$slots, "item-icon", {
-						icon: F(Jt)(r.type),
+					}, null, 40, ti))], 2)) : (w(), s("div", ni, [c("div", ri, [k(e.$slots, "item-icon", {
+						icon: P(Yt)(r.type),
 						item: r
-					}, () => [(w(), a(A(F(Jt)(r.type)), {
+					}, () => [(w(), a(ee(P(Yt)(r.type)), {
 						class: "h-6 w-6 stroke-[1.9]",
 						"aria-hidden": "true"
-					}))])])]))], 14, Fr))), 128)),
-					U.value && f["fullscreen-overlay"] ? (w(), s("div", ri, [c("div", ii, [k(e.$slots, "fullscreen-overlay", y(p(U.value)))])])) : o("", !0),
-					z.value ? (w(), a(jt, {
+					}))])])]))], 14, Ir))), 128)),
+					H.value && f["fullscreen-overlay"] ? (w(), s("div", ii, [c("div", ai, [k(e.$slots, "fullscreen-overlay", y(p(H.value)))])])) : o("", !0),
+					R.value ? (w(), a(Mt, {
 						key: 1,
-						"current-time": F(h).activeMediaState.value.currentTime,
-						"current-time-label": F(h).formatPlaybackTime(F(h).activeMediaState.value.currentTime),
-						duration: F(h).activeMediaDuration.value,
-						"duration-label": F(h).formatPlaybackTime(F(h).activeMediaDuration.value),
-						muted: F(h).activeMediaState.value.muted,
-						progress: F(h).activeMediaProgress.value,
-						"show-fullscreen-control": F(h).activeMediaItem.value?.type === "video",
-						volume: F(h).activeMediaState.value.volume,
-						"volume-control-layout": ee.value,
-						onFullscreenRequest: F(T).request,
-						onSeekInput: F(h).onMediaSeekInput,
-						onVolumeInput: F(h).onMediaVolumeInput,
-						onVolumeToggle: F(h).onMediaVolumeToggle
+						"current-time": P(h).activeMediaState.value.currentTime,
+						"current-time-label": P(h).formatPlaybackTime(P(h).activeMediaState.value.currentTime),
+						duration: P(h).activeMediaDuration.value,
+						"duration-label": P(h).formatPlaybackTime(P(h).activeMediaDuration.value),
+						muted: P(h).activeMediaState.value.muted,
+						progress: P(h).activeMediaProgress.value,
+						"show-fullscreen-control": P(h).activeMediaItem.value?.type === "video",
+						volume: P(h).activeMediaState.value.volume,
+						"volume-control-layout": te.value,
+						onFullscreenRequest: P(T).request,
+						onSeekInput: P(h).onMediaSeekInput,
+						onVolumeInput: P(h).onMediaVolumeInput,
+						onVolumeToggle: P(h).onMediaVolumeToggle
 					}, null, 8, [
 						"current-time",
 						"current-time-label",
@@ -3351,7 +3362,7 @@ var Ar = { class: "relative flex h-full min-h-0 flex-col overflow-hidden bg-[#05
 						"onVolumeInput",
 						"onVolumeToggle"
 					])) : o("", !0)
-				])) : V.value ? (w(), a(rr, {
+				])) : B.value ? (w(), a(ir, {
 					key: 1,
 					"fill-collected-count": d.fillCollectedCount,
 					"fill-completed-calls": d.fillCompletedCalls,
@@ -3363,7 +3374,7 @@ var Ar = { class: "relative flex h-full min-h-0 flex-col overflow-hidden bg-[#05
 					"fill-total-count": d.fillTotalCount,
 					"has-next-page": d.hasNextPage,
 					phase: d.phase,
-					"status-message": F(h).statusMessage.value
+					"status-message": P(h).statusMessage.value
 				}, null, 8, [
 					"fill-collected-count",
 					"fill-completed-calls",
@@ -3376,43 +3387,43 @@ var Ar = { class: "relative flex h-full min-h-0 flex-col overflow-hidden bg-[#05
 					"has-next-page",
 					"phase",
 					"status-message"
-				])) : F(ge) && F(X) ? (w(), a(or, {
+				])) : P(ge) && P(X) ? (w(), a(sr, {
 					key: 2,
-					message: F(X).message,
-					mode: F(X).mode,
-					surface: F(X).surface
+					message: P(X).message,
+					mode: P(X).mode,
+					surface: P(X).surface
 				}, {
-					default: B(() => [F(he) ? k(e.$slots, "empty-state", y(g({ key: 0 }, F(X)))) : o("", !0)]),
+					default: z(() => [P(he) ? k(e.$slots, "empty-state", y(g({ key: 0 }, P(X)))) : o("", !0)]),
 					_: 3
 				}, 8, [
 					"message",
 					"mode",
 					"surface"
-				])) : o("", !0), F(me) && F(X) ? (w(), a(or, {
+				])) : o("", !0), P(me) && P(X) ? (w(), a(sr, {
 					key: 3,
-					message: F(X).message,
-					mode: F(X).mode,
-					surface: F(X).surface
+					message: P(X).message,
+					mode: P(X).mode,
+					surface: P(X).surface
 				}, {
-					default: B(() => [F(he) ? k(e.$slots, "empty-state", y(g({ key: 0 }, F(X)))) : o("", !0)]),
+					default: z(() => [P(he) ? k(e.$slots, "empty-state", y(g({ key: 0 }, P(X)))) : o("", !0)]),
 					_: 3
 				}, 8, [
 					"message",
 					"mode",
 					"surface"
 				])) : o("", !0)], 544)]),
-				fe.value ? (w(), a(Gt, {
+				fe.value ? (w(), a(Kt, {
 					key: 1,
 					"show-end-badge": ce.value,
 					"show-status": !!G.value,
 					"status-kind": G.value?.kind ?? null,
 					"status-message": G.value?.message ?? null
 				}, l({
-					default: B(() => [J.value && U.value ? k(e.$slots, "fullscreen-footer", y(g({ key: 0 }, U.value))) : o("", !0)]),
+					default: z(() => [J.value && H.value ? k(e.$slots, "fullscreen-footer", y(g({ key: 0 }, H.value))) : o("", !0)]),
 					_: 2
 				}, [ae.value && G.value ? {
 					name: "status",
-					fn: B(() => [k(e.$slots, "fullscreen-status", y(p(G.value)))]),
+					fn: z(() => [k(e.$slots, "fullscreen-status", y(p(G.value)))]),
 					key: "0"
 				} : void 0]), 1032, [
 					"show-end-badge",
@@ -3420,15 +3431,8 @@ var Ar = { class: "relative flex h-full min-h-0 flex-col overflow-hidden bg-[#05
 					"status-kind",
 					"status-message"
 				])) : o("", !0)
-			]), u(r, {
-				"enter-active-class": "transform-gpu transition-all duration-320 ease-out",
-				"enter-from-class": "translate-x-full opacity-0",
-				"enter-to-class": "translate-x-0 opacity-100",
-				"leave-active-class": "transform-gpu transition-all duration-260 ease-in",
-				"leave-from-class": "translate-x-0 opacity-100",
-				"leave-to-class": "translate-x-full opacity-0"
-			}, {
-				default: B(() => [Y.value && U.value ? (w(), s("aside", ai, [c("div", oi, [k(e.$slots, "fullscreen-aside", y(p(U.value)))])])) : o("", !0)]),
+			]), u(r, { name: "vibe-fullscreen-aside-column" }, {
+				default: z(() => [Y.value && H.value ? (w(), s("div", oi, [c("aside", si, [c("div", ci, [k(e.$slots, "fullscreen-aside", y(p(H.value)))])])])) : o("", !0)]),
 				_: 3
 			})]),
 			u(r, {
@@ -3439,7 +3443,7 @@ var Ar = { class: "relative flex h-full min-h-0 flex-col overflow-hidden bg-[#05
 				"leave-from-class": "translate-x-0 opacity-100",
 				"leave-to-class": "translate-x-full opacity-0"
 			}, {
-				default: B(() => [ie.value && U.value ? (w(), s("aside", si, [c("div", ci, [k(e.$slots, "fullscreen-aside", y(p(U.value)))])])) : o("", !0)]),
+				default: z(() => [ie.value && H.value ? (w(), s("aside", li, [c("div", ui, [k(e.$slots, "fullscreen-aside", y(p(H.value)))])])) : o("", !0)]),
 				_: 3
 			})
 		]));
@@ -3447,10 +3451,10 @@ var Ar = { class: "relative flex h-full min-h-0 flex-col overflow-hidden bg-[#05
 });
 //#endregion
 //#region src/components/viewer-core/masonryLayoutState.ts
-function fi(e) {
-	let t = j([]), n = j([]), r = j(/* @__PURE__ */ new Map()), i = j(0), a = j(/* @__PURE__ */ new Map()), o = j([]);
+function mi(e) {
+	let t = A([]), n = A([]), r = A(/* @__PURE__ */ new Map()), i = A(0), a = A(/* @__PURE__ */ new Map()), o = A([]);
 	function s(s, c, l) {
-		let u = pr(s, {
+		let u = mr(s, {
 			columnCount: c,
 			columnWidth: l,
 			gapX: e.gapPx,
@@ -3460,7 +3464,7 @@ function fi(e) {
 		t.value = u.positions.map(d), n.value = u.heights, r.value = u.buckets, i.value = u.contentHeight, a.value = u.indexById, o.value = u.columnHeights;
 	}
 	function c(s, c, l, d) {
-		i.value = mr(u(), s, {
+		i.value = hr(u(), s, {
 			columnCount: l,
 			columnWidth: d,
 			gapX: e.gapPx,
@@ -3469,10 +3473,10 @@ function fi(e) {
 			startIndex: c,
 			positionOffsetX: e.contentInsetPx,
 			positionOffsetY: e.contentInsetPx
-		}).contentHeight, P(t), P(n), P(r), P(a), P(o);
+		}).contentHeight, N(t), N(n), N(r), N(a), N(o);
 	}
 	function l(e, n, r, i) {
-		return gr({
+		return _r({
 			addedItems: r.addedItems,
 			columnCount: i,
 			columnHeights: o.value,
@@ -3513,49 +3517,49 @@ function fi(e) {
 }
 //#endregion
 //#region src/components/viewer-core/useMasonryMotion.ts
-var pi = 300, mi = 600, hi = 40, gi = 300, _i = 400, vi = 300;
-function yi(e, t) {
+var hi = 300, gi = 600, _i = 40, vi = 300, yi = 400, bi = 300;
+function xi(e, t) {
 	return t === "top" ? [...e].reverse() : e;
 }
-function bi(e) {
-	return e <= 0 ? mi : mi + Math.min((e - 1) * hi, _i);
+function Si(e) {
+	return e <= 0 ? gi : gi + Math.min((e - 1) * _i, yi);
 }
-function xi(e, t, n = vi) {
+function Ci(e, t, n = bi) {
 	return e + t > n;
 }
-function Si() {
-	return gi;
+function wi() {
+	return vi;
 }
-function Ci(e) {
+function Ti(e) {
 	let t = e.itemHeight > 0 ? e.itemHeight : e.columnWidth;
 	return e.direction === "top" ? e.scrollTop - t : e.scrollTop + e.viewportHeight + t;
 }
-function wi(e) {
+function Ei(e) {
 	let t = D(/* @__PURE__ */ new Set()), n = D(/* @__PURE__ */ new Set()), r = D(/* @__PURE__ */ new Map()), a = D(/* @__PURE__ */ new Map()), o = D(/* @__PURE__ */ new Map()), s = D(/* @__PURE__ */ new Set()), c = D(/* @__PURE__ */ new Map()), l = D(/* @__PURE__ */ new Map()), u = D(/* @__PURE__ */ new Set()), d = /* @__PURE__ */ new Set(), f = /* @__PURE__ */ new Set(), p = i(() => Array.from(o.value.values()));
-	z(e.visibleIndices, (i) => {
+	R(e.visibleIndices, (i) => {
 		if (!i.length) return;
 		let o = [];
 		for (let n of i) {
-			let r = e.items.value[n] ? $(e.items.value[n]) : null;
+			let r = e.items.value[n] ? Q(e.items.value[n]) : null;
 			!r || !t.value.has(r) || d.has(r) || (d.add(r), o.push(r));
 		}
 		if (!o.length) return;
-		let s = yi(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 * hi, _i));
-		r.value = c, Ti(() => {
+		let s = xi(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 * _i, yi));
+		r.value = c, Di(() => {
 			let e = new Set(n.value);
 			for (let t of o) e.add(t);
 			n.value = e;
-		}), Ei(() => {
+		}), Oi(() => {
 			let e = new Set(t.value);
 			for (let t of o) e.delete(t);
 			t.value = e, w(() => {
 				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;
-			}, bi(o.length));
+			}, Si(o.length));
 		});
-	}, { flush: "post" }), z(() => e.items.value.map((e) => $(e)), (e) => {
+	}, { flush: "post" }), R(() => e.items.value.map((e) => Q(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));
@@ -3566,9 +3570,9 @@ function wi(e) {
 	});
 	function m(n, r = "bottom") {
 		if (!n.length) return;
-		let i = xi(t.value.size, n.length), o = i ? new Set(e.visibleIndices.value) : null, s = o ? h(o) : new Set(t.value), c = i ? g(s) : new Map(a.value);
+		let i = Ci(t.value.size, n.length), o = i ? new Set(e.visibleIndices.value) : null, s = o ? h(o) : new Set(t.value), c = i ? g(s) : new Map(a.value);
 		for (let t of n) {
-			let n = $(t), a = i ? e.indexById.value.get(n) : null;
+			let n = Q(t), a = i ? e.indexById.value.get(n) : null;
 			o && (a == null || !o.has(a)) || (s.add(n), c.set(n, r));
 		}
 		t.value = s, a.value = c;
@@ -3576,7 +3580,7 @@ function wi(e) {
 	function h(r) {
 		let i = /* @__PURE__ */ new Set();
 		for (let n of r) {
-			let r = e.items.value[n], a = r ? $(r) : null;
+			let r = e.items.value[n], a = r ? Q(r) : null;
 			a && t.value.has(a) && i.add(a);
 		}
 		for (let e of d) t.value.has(e) && i.add(e);
@@ -3595,10 +3599,10 @@ function wi(e) {
 		if (!e.length) return;
 		let i = new Map(o.value), c = new Set(t.value), l = new Set(n.value), u = new Map(r.value), f = new Map(a.value), p = [];
 		for (let t of e) {
-			let e = $(t.item);
+			let e = Q(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, Ti(() => {
+		o.value = i, t.value = c, n.value = l, r.value = u, a.value = f, Di(() => {
 			let e = new Set(s.value);
 			for (let t of p) e.add(t);
 			s.value = e;
@@ -3606,9 +3610,9 @@ function wi(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;
-		}, gi);
+		}, vi);
 	}
-	function v(t, n, r = pi) {
+	function v(t, n, r = hi) {
 		if (!t.size) return;
 		let i = /* @__PURE__ */ new Map(), a = [];
 		for (let [r, o] of t.entries()) {
@@ -3627,8 +3631,8 @@ function wi(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, Ti(() => {
-			u.value = new Set(a), Ti(() => {
+		l.value = o, Di(() => {
+			u.value = new Set(a), Di(() => {
 				c.value = /* @__PURE__ */ new Map();
 			});
 		}), w(() => {
@@ -3639,8 +3643,8 @@ function wi(e) {
 		}, r);
 	}
 	function y(e) {
-		if (n.value.has(e)) return `transform ${mi}ms ease-out`;
-		if (u.value.has(e)) return `transform ${l.value.get(e) ?? pi}ms ease-out`;
+		if (n.value.has(e)) return `transform ${gi}ms ease-out`;
+		if (u.value.has(e)) return `transform ${l.value.get(e) ?? hi}ms ease-out`;
 	}
 	function b(e) {
 		if (!n.value.has(e)) return;
@@ -3651,13 +3655,13 @@ function wi(e) {
 		let r = e.items.value[n], i = e.positions.value[n] ?? {
 			x: 0,
 			y: 0
-		}, o = e.heights.value[n] ?? e.columnWidth.value, s = r ? $(r) : null, l = s ? c.value.get(s) ?? {
+		}, o = e.heights.value[n] ?? e.columnWidth.value, s = r ? Q(r) : null, l = s ? c.value.get(s) ?? {
 			dx: 0,
 			dy: 0
 		} : {
 			dx: 0,
 			dy: 0
-		}, u = s ? a.value.get(s) ?? "bottom" : "bottom", d = s && t.value.has(s) ? Ci({
+		}, u = s ? a.value.get(s) ?? "bottom" : "bottom", d = s && t.value.has(s) ? Ti({
 			columnWidth: e.columnWidth.value,
 			direction: u,
 			itemHeight: o,
@@ -3667,18 +3671,18 @@ function wi(e) {
 		return `translate3d(${i.x + l.dx}px, ${d + l.dy}px, 0)`;
 	}
 	function C(t) {
-		let n = $(t), r = o.value.get(n);
+		let n = Q(t), r = o.value.get(n);
 		if (!r) return {
 			opacity: "0",
 			transform: "translate3d(0, 0, 0) scale(0.96)",
-			transition: `opacity ${gi}ms ease-out, transform ${gi}ms ease-out`
+			transition: `opacity ${vi}ms ease-out, transform ${vi}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 ${gi}ms ease-out, transform ${gi}ms ease-out`,
+			transition: `opacity ${vi}ms ease-out, transform ${vi}ms ease-out`,
 			width: `${e.columnWidth.value}px`
 		};
 	}
@@ -3699,28 +3703,28 @@ function wi(e) {
 		playFlipMoveAnimation: v
 	};
 }
-function Ti(e) {
+function Di(e) {
 	if (typeof requestAnimationFrame == "function") {
 		requestAnimationFrame(() => e());
 		return;
 	}
 	setTimeout(e, 0);
 }
-function Ei(e) {
-	Ti(() => Ti(e));
+function Oi(e) {
+	Di(() => Di(e));
 }
 //#endregion
 //#region src/components/viewer-core/masonryViewport.ts
-function Di(e, t) {
+function ki(e, t) {
 	return e?.clientHeight || Math.round(e?.getBoundingClientRect().height ?? 0) || t || window.innerHeight || 1;
 }
-function Oi(e, t, n) {
+function Ai(e, t, n) {
 	return e?.clientWidth || Math.round(e?.getBoundingClientRect().width ?? 0) || t || window.innerWidth || n;
 }
-function ki(e, t, n, r) {
+function ji(e, t, n, r) {
 	return Math.max(e?.scrollHeight ?? 0, r) - (t + n);
 }
-function Ai(e, t) {
+function Mi(e, t) {
 	return {
 		height: `${e}px`,
 		transform: `translate3d(0, ${t}px, 0)`
@@ -3728,11 +3732,11 @@ function Ai(e, t) {
 }
 //#endregion
 //#region src/components/viewer-core/masonryScrollBehavior.ts
-var ji = 24, Mi = 48;
-function Ni(e) {
+var Ni = 24, Pi = 48;
+function Fi(e) {
 	let t = D(0), n = 0, r = 0;
 	function i(e) {
-		if (t.value = Ri(e), t.value <= 0) {
+		if (t.value = Bi(e), t.value <= 0) {
 			o();
 			return;
 		}
@@ -3752,7 +3756,7 @@ function Ni(e) {
 		let s = e.getViewport();
 		if (s && r > 0) {
 			let n = Math.min(Math.max(0, i - r), 250), a = t.value * n / 1e3;
-			s.scrollTop = zi(s.scrollTop + a, 0, e.getMaxScrollTop()), e.onScroll();
+			s.scrollTop = Vi(s.scrollTop + a, 0, e.getMaxScrollTop()), e.onScroll();
 		}
 		r = i, a();
 	}
@@ -3762,44 +3766,44 @@ function Ni(e) {
 		stop: o
 	};
 }
-function Pi(e) {
+function Ii(e) {
 	if (!e.active || !e.triggerEnabled) return 0;
 	let t = Math.max(0, e.maxScrollTop - e.thresholdPx);
-	return t <= 0 ? 1 : zi(1 - (e.progressDistancePx - e.thresholdPx) / t, 0, 1);
+	return t <= 0 ? 1 : Vi(1 - (e.progressDistancePx - e.thresholdPx) / t, 0, 1);
 }
-function Fi(e) {
+function Li(e) {
 	if (!e.active || !e.triggerEnabled) return 0;
 	let t = Math.max(0, e.maxScrollTop - e.thresholdPx);
-	return t <= 0 ? 1 : zi(e.progressDistancePx / t, 0, 1);
+	return t <= 0 ? 1 : Vi(e.progressDistancePx / t, 0, 1);
 }
-function Ii(e) {
-	let t = i(() => Math.max(0, e.viewportHeight.value - ji * 2)), n = i(() => e.containerHeight.value > e.viewportHeight.value + 1 && t.value > 0), r = i(() => {
+function Ri(e) {
+	let t = i(() => Math.max(0, e.viewportHeight.value - Ni * 2)), n = i(() => e.containerHeight.value > e.viewportHeight.value + 1 && t.value > 0), r = i(() => {
 		if (!n.value) return 0;
 		let r = e.viewportHeight.value / e.containerHeight.value * t.value;
-		return Math.min(t.value, Math.max(Mi, r));
+		return Math.min(t.value, Math.max(Pi, r));
 	}), a = i(() => {
-		if (!n.value) return ji;
+		if (!n.value) return Ni;
 		let i = Math.max(0, e.containerHeight.value - e.viewportHeight.value);
-		return ji + Math.max(0, t.value - r.value) * (i > 0 ? zi(e.scrollTop.value / i, 0, 1) : 0);
+		return Ni + Math.max(0, t.value - r.value) * (i > 0 ? Vi(e.scrollTop.value / i, 0, 1) : 0);
 	});
 	return {
-		getScrollbarThumbStyle: () => Ai(r.value, a.value),
+		getScrollbarThumbStyle: () => Mi(r.value, a.value),
 		showScrollbar: n
 	};
 }
-function Li(e) {
+function zi(e) {
 	return typeof e == "number" && Number.isFinite(e) ? Math.max(0, e) : 0;
 }
-function Ri(e) {
+function Bi(e) {
 	return Number.isFinite(e) ? Math.max(0, e) : 0;
 }
-function zi(e, t, n) {
+function Vi(e, t, n) {
 	return Math.min(Math.max(e, t), n);
 }
 //#endregion
 //#region src/components/viewer-core/useEdgeBoundary.ts
-var Bi = 250, Vi = 1e3;
-function Hi(e) {
+var Hi = 250, Ui = 1e3;
+function Wi(e) {
 	let t = D(!1), n = D(!1), r = D(0), i = D(0), a = D(!1), o = D(!1), s = D(!1), c = 0, l = null;
 	x(() => {
 		S();
@@ -3822,7 +3826,7 @@ function Hi(e) {
 		if (!C(t) || !e.isAtBoundary()) return;
 		let n = Date.now();
 		if (!(n < c)) {
-			if (c = n + Bi, a.value) {
+			if (c = n + Hi, a.value) {
 				s.value = !0;
 				return;
 			}
@@ -3861,7 +3865,7 @@ function Hi(e) {
 		return e.hasPage.value && t.value && r.value > i.value && !e.interactionLocked?.value && !e.loading.value && !a.value && typeof e.requestPage.value == "function";
 	}
 	function v() {
-		o.value = !1, y(Vi);
+		o.value = !1, y(Ui);
 	}
 	function y(e) {
 		S(), a.value = !0, l = setTimeout(() => {
@@ -3893,7 +3897,7 @@ function Hi(e) {
 }
 //#endregion
 //#region src/components/viewer-core/masonryBoundaryLock.ts
-function Ui() {
+function Gi() {
 	let e = D(!1), t = null;
 	x(() => {
 		r();
@@ -3914,11 +3918,11 @@ function Ui() {
 }
 //#endregion
 //#region src/components/viewer-core/masonryItemMutation.ts
-function Wi(e) {
-	let t = e.currentItems.map((e) => $(e)), n = e.previousItems.map((e) => $(e)), r = Ki(e.previousItems, e.layoutIndexById, e.layoutHeights), i = qi(e.previousItems, e.layoutIndexById, e.layoutPositions), a = new Set(n), o = new Set(t), s = e.currentItems.filter((e) => !a.has($(e))), c = Gi(e.previousItems, o, r, i), l = t.length > n.length && n.length > 0 && t[0] !== n[0], u = e.scrollTop > e.contentInsetPx + e.gapPx, d = l && u ? e.currentItems[e.activeIndex] : null;
+function Ki(e) {
+	let t = e.currentItems.map((e) => Q(e)), n = e.previousItems.map((e) => Q(e)), r = Ji(e.previousItems, e.layoutIndexById, e.layoutHeights), i = Yi(e.previousItems, e.layoutIndexById, e.layoutPositions), a = new Set(n), o = new Set(t), s = e.currentItems.filter((e) => !a.has(Q(e))), c = qi(e.previousItems, o, r, i), l = t.length > n.length && n.length > 0 && t[0] !== n[0], u = e.scrollTop > e.contentInsetPx + e.gapPx, d = l && u ? e.currentItems[e.activeIndex] : null;
 	return {
 		addedItems: s,
-		anchorId: d ? $(d) : null,
+		anchorId: d ? Q(d) : null,
 		isPrepend: l,
 		oldPositionsById: i,
 		previousIds: n,
@@ -3927,9 +3931,9 @@ function Wi(e) {
 		shouldResetScrollForEmptyRemoval: e.currentItems.length === 0 && e.previousItems.length > 0 && c.length > 0 && e.scrollTop > 0
 	};
 }
-function Gi(e, t, n, r) {
+function qi(e, t, n, r) {
 	return e.flatMap((e) => {
-		let i = $(e);
+		let i = Q(e);
 		if (t.has(i)) return [];
 		let a = r.get(i), o = n.get(i);
 		return a && o != null ? [{
@@ -3939,25 +3943,25 @@ function Gi(e, t, n, r) {
 		}] : [];
 	});
 }
-function Ki(e, t, n) {
+function Ji(e, t, n) {
 	let r = /* @__PURE__ */ new Map();
 	for (let i of e) {
-		let e = $(i), a = t.get(e), o = a == null ? void 0 : n[a];
+		let e = Q(i), a = t.get(e), o = a == null ? void 0 : n[a];
 		o != null && r.set(e, o);
 	}
 	return r;
 }
-function qi(e, t, n) {
+function Yi(e, t, n) {
 	let r = /* @__PURE__ */ new Map();
 	for (let i of e) {
-		let e = $(i), a = t.get(e), o = a == null ? void 0 : n[a];
+		let e = Q(i), a = t.get(e), o = a == null ? void 0 : n[a];
 		o && r.set(e, o);
 	}
 	return r;
 }
 //#endregion
 //#region src/components/viewer-core/masonryPendingAppend.ts
-function Ji(e) {
+function Xi(e) {
 	let t = D(null), n = D(!1), r = null;
 	function i() {
 		o(), e.pendingAppendItems.value.length && (t.value = c([...e.items.value, ...e.pendingAppendItems.value]), s());
@@ -3980,12 +3984,12 @@ function Ji(e) {
 		}, 300));
 	}
 	function c(t) {
-		return t.length ? e.pendingAppendItems.value.length && e.columnHeights.value.length === e.columnCount.value ? hr(e.pendingAppendItems.value, {
+		return t.length ? e.pendingAppendItems.value.length && e.columnHeights.value.length === e.columnCount.value ? gr(e.pendingAppendItems.value, {
 			columnHeights: e.columnHeights.value,
 			columnWidth: e.columnWidth.value,
 			contentHeight: e.contentHeight.value,
 			gapY: e.gapPx
-		}) + e.contentInsetPx * 2 : pr(t, {
+		}) + e.contentInsetPx * 2 : mr(t, {
 			bucketPx: e.bucketPx,
 			columnCount: e.columnCount.value,
 			columnWidth: e.columnWidth.value,
@@ -4002,42 +4006,42 @@ function Ji(e) {
 }
 //#endregion
 //#region src/components/viewer-core/useMasonryList.ts
-var Yi = 600, Xi = 24, Zi = 16, Qi = 300, $i = 200, ea = 0, ta = 1, na = Xi + Zi, ra = 200, ia = 500, aa = 1e3;
-function oa(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 || Qi), o = fi({
-		bucketPx: Yi,
-		contentInsetPx: Xi,
-		gapPx: Zi
-	}), { buckets: s, columnHeights: c, contentHeight: l, heights: u, indexById: d, positions: f } = o, p = D(null), m = Ui(), h = i(() => Math.max(Qi, a.value - Xi * 2)), g = i(() => ur(h.value, Qi)), v = i(() => dr(h.value, g.value, Qi, Zi)), y = i(() => Li(e.bottomLoadBufferPx.value)), b = i(() => sa(e.activeIndex.value, 0, Math.max(0, e.items.value.length - 1))), C = i(() => _r({
+var Zi = 600, Qi = 24, $i = 16, ea = 300, ta = 200, na = 0, ra = 1, ia = Qi + $i, aa = 200, oa = 500, sa = 1e3;
+function ca(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 || ea), o = mi({
+		bucketPx: Zi,
+		contentInsetPx: Qi,
+		gapPx: $i
+	}), { buckets: s, columnHeights: c, contentHeight: l, heights: u, indexById: d, positions: f } = o, p = D(null), m = Gi(), h = i(() => Math.max(ea, a.value - Qi * 2)), g = i(() => dr(h.value, ea)), v = i(() => fr(h.value, g.value, ea, $i)), y = i(() => zi(e.bottomLoadBufferPx.value)), b = i(() => la(e.activeIndex.value, 0, Math.max(0, e.items.value.length - 1))), C = i(() => vr({
 		itemCount: e.items.value.length,
 		viewportHeight: r.value,
 		scrollTop: n.value,
-		overscanPx: $i,
-		bucketPx: Yi,
+		overscanPx: ta,
+		bucketPx: Zi,
 		buckets: s.value
 	})), w = i(() => C.value.map((t) => ({
 		item: e.items.value[t],
 		index: t
 	}))), T = i(() => {
-		let e = l.value + Xi * 2, t = I.reservedContentHeight.value ?? 0;
-		return Math.max(e, t, r.value) + ra + y.value;
-	}), E = i(() => e.hasNextPage.value || e.allowExhaustedNextPageRefresh.value), O = i(() => Fi({
+		let e = l.value + Qi * 2, t = F.reservedContentHeight.value ?? 0;
+		return Math.max(e, t, r.value) + aa + y.value;
+	}), E = i(() => e.hasNextPage.value || e.allowExhaustedNextPageRefresh.value), O = i(() => Li({
 		active: e.active.value,
 		maxScrollTop: Y(),
 		progressDistancePx: n.value,
-		thresholdPx: ea,
+		thresholdPx: na,
 		triggerEnabled: E.value
-	})), k = i(() => e.items.value.length > 0 ? `${b.value + 1} / ${e.items.value.length}` : "0 / 0"), A = i(() => Pi({
+	})), k = i(() => e.items.value.length > 0 ? `${b.value + 1} / ${e.items.value.length}` : "0 / 0"), ee = i(() => Ii({
 		active: e.active.value,
 		maxScrollTop: Y(),
 		progressDistancePx: n.value,
-		thresholdPx: na,
+		thresholdPx: ia,
 		triggerEnabled: e.hasPreviousPage.value
-	})), j = Ii({
+	})), A = Ri({
 		containerHeight: T,
 		scrollTop: n,
 		viewportHeight: r
-	}), M = wi({
+	}), j = Ei({
 		items: e.items,
 		visibleIndices: C,
 		positions: f,
@@ -4046,127 +4050,127 @@ function oa(e) {
 		columnWidth: v,
 		scrollTop: n,
 		viewportHeight: r
-	}), N = Hi({
+	}), M = Wi({
 		direction: "top",
 		getAnimationLockMs(e) {
-			return Math.max(ia, bi(e)) + aa;
+			return Math.max(oa, Si(e)) + sa;
 		},
 		hasPage: e.hasPreviousPage,
 		interactionLocked: m.isBoundaryInteractionLocked,
 		isAtBoundary() {
-			return n.value <= na;
+			return n.value <= ia;
 		},
 		loading: e.loading,
 		requestPage: e.requestPreviousPage
-	}), P = Hi({
+	}), N = Wi({
 		direction: "bottom",
 		getAnimationLockMs(e) {
-			return bi(e) + aa;
+			return Si(e) + sa;
 		},
 		hasPage: E,
 		interactionLocked: m.isBoundaryInteractionLocked,
 		isAtBoundary() {
-			return J() <= ta;
+			return J() <= ra;
 		},
 		loading: e.loading,
 		requestPage: e.requestNextPage
-	}), F = Ni({
+	}), P = Fi({
 		active: e.active,
 		getMaxScrollTop: Y,
 		getViewport: () => t.value,
-		onScroll: ee
-	}), I = Ji({
-		bucketPx: Yi,
+		onScroll: te
+	}), F = Xi({
+		bucketPx: Zi,
 		columnHeights: c,
 		columnCount: g,
 		columnWidth: v,
 		commitPendingAppend: e.commitPendingAppend,
 		contentHeight: l,
-		contentInsetPx: Xi,
-		gapPx: Zi,
+		contentInsetPx: Qi,
+		gapPx: $i,
 		items: e.items,
 		pendingAppendItems: e.pendingAppendItems
-	}), L = null, R = 0;
-	z([
+	}), I = null, L = 0;
+	R([
 		() => e.items.value,
 		g,
 		v
 	], async ([t], [r = []]) => {
-		let i = Wi({
+		let i = Ki({
 			activeIndex: b.value,
-			contentInsetPx: Xi,
+			contentInsetPx: Qi,
 			currentItems: t,
-			gapPx: Zi,
+			gapPx: $i,
 			layoutHeights: u.value,
 			layoutIndexById: d.value,
 			layoutPositions: f.value,
 			previousItems: r ?? [],
 			scrollTop: n.value
 		});
-		i.shouldLockBoundaryInteractionForRemoval && m.lockBoundaryInteraction(Si() + aa), i.shouldResetScrollForEmptyRemoval && te();
+		i.shouldLockBoundaryInteractionForRemoval && m.lockBoundaryInteraction(wi() + sa), i.shouldResetScrollForEmptyRemoval && U();
 		let a = r ?? [];
-		o.canAppend(t, a, i, g.value) ? o.append(i.addedItems, a.length, g.value, v.value) : o.rebuild(t, g.value, v.value), i.removedItems.length > 0 && M.markLeave(i.removedItems), i.addedItems.length > 0 && (M.markEnter(i.addedItems, i.isPrepend ? "top" : "bottom"), i.isPrepend ? N.onItemsMutated(i.addedItems.length) : P.onItemsMutated(i.addedItems.length)), M.playFlipMoveAnimation(i.oldPositionsById, new Set(i.addedItems.map((e) => $(e))), i.isPrepend ? ia : void 0), i.anchorId ? (await _(), U(i.anchorId, i.oldPositionsById)) : e.active.value && i.previousIds.length > 0 && ne();
-	}, { immediate: !0 }), z([
-		() => e.pendingAppendItems.value.map((e) => $(e)),
+		o.canAppend(t, a, i, g.value) ? o.append(i.addedItems, a.length, g.value, v.value) : o.rebuild(t, g.value, v.value), i.removedItems.length > 0 && j.markLeave(i.removedItems), i.addedItems.length > 0 && (j.markEnter(i.addedItems, i.isPrepend ? "top" : "bottom"), i.isPrepend ? M.onItemsMutated(i.addedItems.length) : N.onItemsMutated(i.addedItems.length)), j.playFlipMoveAnimation(i.oldPositionsById, new Set(i.addedItems.map((e) => Q(e))), i.isPrepend ? oa : void 0), i.anchorId ? (await _(), H(i.anchorId, i.oldPositionsById)) : e.active.value && i.previousIds.length > 0 && ne();
+	}, { immediate: !0 }), R([
+		() => e.pendingAppendItems.value.map((e) => Q(e)),
 		g,
 		v,
 		r
-	], () => I.refreshReservedContentHeight(), { immediate: !0 }), z(() => e.active.value, async (e, i) => {
+	], () => F.refreshReservedContentHeight(), { immediate: !0 }), R(() => e.active.value, async (e, i) => {
 		let a = t.value;
 		if (!e) {
-			a && (p.value = a.scrollTop), F.stop();
+			a && (p.value = a.scrollTop), P.stop();
 			return;
 		}
-		if (F.start(), !a || i !== !1 || p.value == null) return;
+		if (P.start(), !a || i !== !1 || p.value == null) return;
 		await _();
-		let o = Math.max(0, T.value - r.value), s = sa(p.value, 0, o);
-		a.scrollTop = s, n.value = s, N.syncBoundary(), P.syncBoundary();
-	}), z(() => e.loading.value, async (e) => {
-		I.clearReservedHeightWhenIdle(e), N.onLoadingChange(e), P.onLoadingChange(e), await _();
+		let o = Math.max(0, T.value - r.value), s = la(p.value, 0, o);
+		a.scrollTop = s, n.value = s, M.syncBoundary(), N.syncBoundary();
+	}), R(() => e.loading.value, async (e) => {
+		F.clearReservedHeightWhenIdle(e), M.onLoadingChange(e), N.onLoadingChange(e), await _();
 	}), S(async () => {
-		K(), await _(), b.value > 0 ? H(b.value, "center") : W(), N.syncBoundary(), P.syncBoundary(), typeof ResizeObserver < "u" ? (L = new ResizeObserver(() => {
+		K(), await _(), b.value > 0 ? V(b.value, "center") : W(), M.syncBoundary(), N.syncBoundary(), typeof ResizeObserver < "u" ? (I = new ResizeObserver(() => {
 			K();
-		}), t.value && L.observe(t.value)) : window.addEventListener("resize", K);
+		}), t.value && I.observe(t.value)) : window.addEventListener("resize", K);
 	}), x(() => {
-		L?.disconnect(), L = null, window.removeEventListener("resize", K), I.clearAppendCommitTimer(), m.clearBoundaryInteractionReleaseTimer(), R &&= (cancelAnimationFrame(R), 0), F.stop();
+		I?.disconnect(), I = null, window.removeEventListener("resize", K), F.clearAppendCommitTimer(), m.clearBoundaryInteractionReleaseTimer(), L &&= (cancelAnimationFrame(L), 0), P.stop();
 	});
-	function ee() {
-		e.active.value && (n.value = t.value?.scrollTop ?? 0, r.value = q(), N.syncBoundary("scroll"), P.syncBoundary("scroll"), G(), !ne() && (R ||= requestAnimationFrame(() => {
-			R = 0, W();
+	function te() {
+		e.active.value && (n.value = t.value?.scrollTop ?? 0, r.value = q(), M.syncBoundary("scroll"), N.syncBoundary("scroll"), G(), !ne() && (L ||= requestAnimationFrame(() => {
+			L = 0, W();
 		})));
 	}
-	function B(t) {
-		e.active.value && (N.onWheel(t), P.onWheel(t), G());
+	function z(t) {
+		e.active.value && (M.onWheel(t), N.onWheel(t), G());
 	}
-	function V(t) {
-		let n = e.items.value[t], r = n ? $(n) : "";
+	function B(t) {
+		let n = e.items.value[t], r = n ? Q(n) : "";
 		return {
 			height: `${u.value[t] ?? v.value}px`,
 			width: `${v.value}px`,
-			transition: r ? M.getCardTransition(r) : void 0,
-			transitionDelay: r ? M.getCardTransitionDelay(r) : void 0,
-			transform: M.getCardTransform(t)
+			transition: r ? j.getCardTransition(r) : void 0,
+			transitionDelay: r ? j.getCardTransitionDelay(r) : void 0,
+			transform: j.getCardTransform(t)
 		};
 	}
-	function H(e, i) {
+	function V(e, i) {
 		let a = t.value, o = f.value[e], s = u.value[e];
 		if (!a || !o || !s) return;
 		let c = a.scrollTop, l = Math.max(0, T.value - r.value);
-		i === "center" ? c = o.y - (r.value - s) / 2 : o.y < a.scrollTop ? c = o.y - Xi : o.y + s > a.scrollTop + r.value && (c = o.y + s - r.value + Xi), a.scrollTop = sa(c, 0, l), n.value = a.scrollTop, W();
+		i === "center" ? c = o.y - (r.value - s) / 2 : o.y < a.scrollTop ? c = o.y - Qi : o.y + s > a.scrollTop + r.value && (c = o.y + s - r.value + Qi), a.scrollTop = la(c, 0, l), n.value = a.scrollTop, W();
 	}
-	function U(e, r) {
+	function H(e, r) {
 		let i = t.value, a = r.get(e), o = d.value.get(e), s = o == null ? null : f.value[o];
 		if (!i || !a || !s) return;
 		let c = s.y - a.y;
 		i.scrollTop += c, n.value = i.scrollTop;
 	}
-	function te() {
+	function U() {
 		let e = t.value;
 		if (!e) {
 			n.value = 0;
 			return;
 		}
-		e.scrollTop = 0, n.value = 0, N.syncBoundary(), P.syncBoundary();
+		e.scrollTop = 0, n.value = 0, M.syncBoundary(), N.syncBoundary();
 	}
 	function W() {
 		if (!C.value.length || ne()) return;
@@ -4180,59 +4184,59 @@ function oa(e) {
 		e.setActiveIndex(i);
 	}
 	function ne() {
-		let t = n.value <= na, r = J() <= ta;
+		let t = n.value <= ia, r = J() <= ra;
 		return t ? (e.setActiveIndex(0), !0) : r ? (e.setActiveIndex(Math.max(0, e.items.value.length - 1)), !0) : !1;
 	}
 	function G() {
-		N.maybeRequestPage(), P.maybeRequestPage();
+		M.maybeRequestPage(), N.maybeRequestPage();
 	}
 	function K() {
 		r.value = q(), a.value = re();
 	}
 	function q() {
-		return Di(t.value, r.value);
+		return ki(t.value, r.value);
 	}
 	function re() {
-		return Oi(t.value, a.value, Qi);
+		return Ai(t.value, a.value, ea);
 	}
 	function J() {
-		return ki(t.value, n.value, r.value, T.value);
+		return ji(t.value, n.value, r.value, T.value);
 	}
 	function Y() {
 		let e = Math.max(t.value?.scrollHeight ?? 0, T.value);
 		return Math.max(0, e - r.value);
 	}
 	return {
-		autoScroll: F.autoScroll,
+		autoScroll: P.autoScroll,
 		columnWidth: v,
 		containerHeight: T,
-		getCardStyle: V,
-		getLeavingCardStyle: M.getLeavingCardStyle,
-		getScrollbarThumbStyle: j.getScrollbarThumbStyle,
-		leavingItems: M.leavingItems,
+		getCardStyle: B,
+		getLeavingCardStyle: j.getLeavingCardStyle,
+		getScrollbarThumbStyle: A.getScrollbarThumbStyle,
+		leavingItems: j.leavingItems,
 		nextBoundaryLoadProgress: O,
-		onScroll: ee,
-		onWheel: B,
+		onScroll: te,
+		onWheel: z,
 		paginationLabel: k,
-		previousBoundaryLoadProgress: A,
+		previousBoundaryLoadProgress: ee,
 		renderedItems: w,
 		resolvedActiveIndex: b,
-		scrollToIndex: H,
-		showScrollbar: j.showScrollbar,
+		scrollToIndex: V,
+		showScrollbar: A.showScrollbar,
 		scrollViewportRef: t
 	};
 }
-function sa(e, t, n) {
+function la(e, t, n) {
 	return Math.min(Math.max(e, t), n);
 }
 //#endregion
 //#region src/components/viewer-core/listCardAsset.ts
-function ca(e) {
+function ua(e) {
 	if (e) try {
 		e.removeAttribute("src"), e.src = "";
 	} catch {}
 }
-function la(e) {
+function da(e) {
 	if (e) {
 		try {
 			e.currentTime = 0;
@@ -4243,12 +4247,12 @@ function la(e) {
 		} catch {}
 	}
 }
-function ua(e, t) {
+function fa(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 da(e) {
+function pa(e) {
 	if (!e) return null;
 	try {
 		return new URL(e, window.location.href).href;
@@ -4258,14 +4262,14 @@ function da(e) {
 }
 //#endregion
 //#region src/components/viewer-core/useListCardHealthCheck.ts
-function fa(e) {
+function ma(e) {
 	let t = D(null), n = i(() => {
-		let t = typeof e.item.value.healthCheck?.url == "string" ? da(e.item.value.healthCheck.url) : null;
+		let t = typeof e.item.value.healthCheck?.url == "string" ? pa(e.item.value.healthCheck.url) : null;
 		return !t || t === e.attachedAssetUrl.value ? null : t;
 	}), r = null, a = 0, o = /* @__PURE__ */ new Map();
-	z(n, (e, n) => {
+	R(n, (e, n) => {
 		e !== n && (t.value = null, l(), a += 1);
-	}), z([
+	}), R([
 		n,
 		e.surfaceActive,
 		e.isInView,
@@ -4292,7 +4296,7 @@ function fa(e) {
 			r.refresh();
 			return;
 		}
-		r = Zt.request({
+		r = Qt.request({
 			assetType: "probe",
 			getPriority: e.getPriority,
 			onGrant() {
@@ -4302,7 +4306,7 @@ function fa(e) {
 					return;
 				}
 				let i = ++a;
-				En(r).then((s) => {
+				Dn(r).then((s) => {
 					if (!(i !== a || n.value !== r)) {
 						if (o.set(r, s ?? null), !s) {
 							t.value = null;
@@ -4310,7 +4314,7 @@ function fa(e) {
 						}
 						t.value = s, e.reportAssetError?.({
 							item: e.item.value,
-							occurrenceKey: $(e.item.value),
+							occurrenceKey: Q(e.item.value),
 							url: r,
 							kind: s,
 							surface: "grid"
@@ -4338,14 +4342,14 @@ function fa(e) {
 }
 //#endregion
 //#region src/components/ListCard.vue?vue&type=script&setup=true&lang.ts
-var pa = ["aria-label"], ma = {
+var ha = ["aria-label"], ga = {
 	key: 0,
 	"data-testid": "vibe-list-card-spinner",
 	class: "pointer-events-none absolute inset-0 z-[4] grid place-items-center bg-black/18"
-}, ha = { 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]" }, ga = ["src", "alt"], _a = ["src"], va = ["data-kind"], ya = { class: "grid justify-items-center gap-3 px-4 text-center" }, ba = { class: "text-[0.68rem] font-bold uppercase tracking-[0.22em] text-[#f7f1ea]/72" }, xa = {
+}, _a = { 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]" }, va = ["src", "alt"], ya = ["src"], ba = ["data-kind"], xa = { class: "grid justify-items-center gap-3 px-4 text-center" }, Sa = { class: "text-[0.68rem] font-bold uppercase tracking-[0.22em] text-[#f7f1ea]/72" }, Ca = {
 	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))]"
-}, Sa = { class: "inline-flex h-14 w-14 items-center justify-center border border-white/16 bg-black/20" }, Ca = { class: "pointer-events-none absolute inset-0 z-[3]" }, wa = /* @__PURE__ */ d({
+}, wa = { class: "inline-flex h-14 w-14 items-center justify-center border border-white/16 bg-black/20" }, Ta = { class: "pointer-events-none absolute inset-0 z-[3]" }, Ea = /* @__PURE__ */ d({
 	__name: "ListCard",
 	props: {
 		active: {
@@ -4369,7 +4373,7 @@ var pa = ["aria-label"], ma = {
 	},
 	emits: ["open"],
 	setup(e, { emit: t }) {
-		let n = e, r = t, l = i(() => Cr(n.item)), d = D(!1), f = D(!1), p = D(!1), m = D(l.value.kind === "fallback"), h = D(!1), g = D(null), _ = D(null), y = D(null), b = D(null), C = D(null), T = D(l.value.kind === "fallback"), E = i(() => T.value ? n.surfaceActive ? d.value ? l.value.url : null : l.value.url : null), O = i(() => n.surfaceActive && d.value && (l.value.kind === "image" || l.value.kind === "video") && !!l.value.url), j = i(() => l.value.kind === "image" && !!E.value), N = i(() => l.value.kind === "video" && !!E.value), P = fa({
+		let n = e, r = t, l = i(() => wr(n.item)), d = D(!1), f = D(!1), p = D(!1), m = D(l.value.kind === "fallback"), h = D(!1), g = D(null), _ = D(null), y = D(null), b = D(null), C = D(null), T = D(l.value.kind === "fallback"), E = i(() => T.value ? n.surfaceActive ? d.value ? l.value.url : null : l.value.url : null), O = i(() => n.surfaceActive && d.value && (l.value.kind === "image" || l.value.kind === "video") && !!l.value.url), A = i(() => l.value.kind === "image" && !!E.value), M = i(() => l.value.kind === "video" && !!E.value), N = ma({
 			attachedAssetUrl: E,
 			getPriority: le,
 			isInView: d,
@@ -4378,19 +4382,19 @@ var pa = ["aria-label"], ma = {
 			loadErrorKind: g,
 			reportAssetError: n.reportAssetError,
 			surfaceActive: i(() => n.surfaceActive)
-		}), I = i(() => P.errorKind.value ?? g.value), L = i(() => !!I.value), R = i(() => wn(I.value)), ee = i(() => O.value && !g.value && (!T.value || !m.value)), B = null, V = null, U = /* @__PURE__ */ new Set();
-		z([E, () => l.value.kind], () => {
+		}), F = i(() => N.errorKind.value ?? g.value), I = i(() => !!F.value), L = i(() => Tn(F.value)), te = i(() => O.value && !g.value && (!T.value || !m.value)), z = null, B = null, H = /* @__PURE__ */ new Set();
+		R([E, () => l.value.kind], () => {
 			let e = l.value.kind === "fallback";
 			m.value = e, h.value = !1, g.value = null, e && (T.value = !0);
-		}), z(O, () => {
+		}), R(O, () => {
 			K();
-		}), z([
+		}), R([
 			d,
 			m,
 			E
 		], () => {
 			q();
-		}), z(() => n.surfaceActive, (e) => {
+		}), R(() => n.surfaceActive, (e) => {
 			if (!e) {
 				J(), q();
 				return;
@@ -4403,26 +4407,26 @@ var pa = ["aria-label"], ma = {
 				b.value = null, d.value = !0, K();
 				return;
 			}
-			b.value = y.value.closest("[data-testid=\"vibe-list-scroll\"]"), B = new IntersectionObserver((e) => {
+			b.value = y.value.closest("[data-testid=\"vibe-list-scroll\"]"), z = new IntersectionObserver((e) => {
 				for (let t of e) t.target === y.value && (n.surfaceActive && Y(t), K(), q());
 			}, {
 				root: b.value,
 				threshold: [0, 1]
-			}), B.observe(y.value);
+			}), z.observe(y.value);
 		}), x(() => {
-			re(), P.release(), B?.disconnect(), B = null;
+			re(), N.release(), z?.disconnect(), z = null;
 		});
-		function te() {
+		function U() {
 			ue(_.value) && (m.value = !0, g.value = null, ie(E.value ?? n.item.url), J());
 		}
 		async function W() {
 			if (!ue(_.value)) return;
 			let e = E.value ?? n.item.url;
 			m.value = !1, g.value = "generic";
-			let t = await Tn(e);
+			let t = await En(e);
 			g.value = t, n.reportAssetError?.({
 				item: n.item,
-				occurrenceKey: $(n.item),
+				occurrenceKey: Q(n.item),
 				url: e,
 				kind: t,
 				surface: "grid"
@@ -4447,11 +4451,11 @@ var pa = ["aria-label"], ma = {
 				re();
 				return;
 			}
-			if (T.value || V) {
-				V?.refresh();
+			if (T.value || B) {
+				B?.refresh();
 				return;
 			}
-			V = Zt.request({
+			B = Qt.request({
 				assetType: l.value.kind,
 				getPriority: le,
 				onGrant() {
@@ -4463,12 +4467,12 @@ var pa = ["aria-label"], ma = {
 		function q() {
 			let e = C.value;
 			if (!(!e || l.value.kind !== "video")) {
-				if (I.value) {
+				if (F.value) {
 					e.pause();
 					return;
 				}
 				if (E.value && d.value && m.value) {
-					e.muted = !0, e.loop = !0, e.playsInline = !0, kn(e);
+					e.muted = !0, e.loop = !0, e.playsInline = !0, An(e);
 					return;
 				}
 				try {
@@ -4481,7 +4485,7 @@ var pa = ["aria-label"], ma = {
 			T.value = l.value.kind === "fallback", g.value = null, m.value = l.value.kind === "fallback", e && (oe(), ce()), J();
 		}
 		function J() {
-			V?.release(), V = null;
+			B?.release(), B = null;
 		}
 		function Y(e) {
 			let t = y.value;
@@ -4489,12 +4493,12 @@ var pa = ["aria-label"], ma = {
 				d.value = !0;
 				return;
 			}
-			d.value = ua(e?.boundingClientRect ?? t.getBoundingClientRect(), e?.rootBounds ?? b.value?.getBoundingClientRect() ?? null);
+			d.value = fa(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?.({
+			let t = Q(n.item), r = `${t}|${e}`;
+			H.has(r) || (H.add(r), n.reportAssetLoad?.({
 				item: n.item,
 				occurrenceKey: t,
 				surface: "grid",
@@ -4502,17 +4506,17 @@ var pa = ["aria-label"], ma = {
 			}));
 		}
 		function ae() {
-			if (!R.value || P.retry()) return;
-			let e = $(n.item);
-			U.forEach((t) => {
-				t.startsWith(`${e}|`) && U.delete(t);
+			if (!L.value || N.retry()) return;
+			let e = Q(n.item);
+			H.forEach((t) => {
+				t.startsWith(`${e}|`) && H.delete(t);
 			}), g.value = null, m.value = !1, T.value = !1, J(), K();
 		}
 		function oe() {
-			ca(_.value);
+			ua(_.value);
 		}
 		function ce() {
-			la(C.value);
+			da(C.value);
 		}
 		function le() {
 			let e = y.value;
@@ -4526,8 +4530,8 @@ var pa = ["aria-label"], ma = {
 			return Math.abs((t.top + t.bottom) / 2 - n);
 		}
 		function ue(e) {
-			let t = da(E.value);
-			return !e || !t ? !1 : da("currentSrc" in e && e.currentSrc || e.getAttribute("src")) === t;
+			let t = pa(E.value);
+			return !e || !t ? !1 : pa("currentSrc" in e && e.currentSrc || e.getAttribute("src")) === t;
 		}
 		function fe() {
 			r("open");
@@ -4555,12 +4559,12 @@ var pa = ["aria-label"], ma = {
 				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: fe
-			}, null, 8, pa),
-			ee.value ? (w(), s("div", ma, [c("span", ha, [u(F(se), {
+			}, null, 8, ha),
+			te.value ? (w(), s("div", ga, [c("span", _a, [u(P(se), {
 				class: "h-5 w-5 animate-spin stroke-[1.9] text-[#f7f1ea]/78",
 				"aria-hidden": "true"
 			})])])) : o("", !0),
-			j.value && E.value && !L.value ? (w(), s("img", {
+			A.value && E.value && !I.value ? (w(), s("img", {
 				key: 1,
 				ref_key: "imageRef",
 				ref: _,
@@ -4568,9 +4572,9 @@ var pa = ["aria-label"], ma = {
 				alt: l.value.label,
 				draggable: "false",
 				class: v(["block h-full w-full object-cover transition-opacity duration-300", m.value ? "pointer-events-none opacity-100" : "pointer-events-none opacity-0"]),
-				onLoad: te,
+				onLoad: U,
 				onError: W
-			}, null, 42, ga)) : N.value && E.value && !L.value ? (w(), s("video", {
+			}, null, 42, va)) : M.value && E.value && !I.value ? (w(), s("video", {
 				key: 2,
 				ref_key: "videoRef",
 				ref: C,
@@ -4586,31 +4590,31 @@ var pa = ["aria-label"], ma = {
 				onPlaying: ne,
 				onStalled: G,
 				onWaiting: G
-			}, null, 42, _a)) : L.value ? (w(), s("div", {
+			}, null, 42, ya)) : I.value ? (w(), s("div", {
 				key: 3,
 				"data-testid": "vibe-list-card-error",
-				"data-kind": I.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", ya, [
-				u(F(de), {
+			}, [c("div", xa, [
+				u(P(de), {
 					class: "h-6 w-6 stroke-[1.8] text-[#f7f1ea]/78",
 					"aria-hidden": "true"
 				}),
-				c("span", ba, M(F(Cn)(I.value)), 1),
-				R.value ? (w(), s("button", {
+				c("span", Sa, j(P(wn)(F.value)), 1),
+				L.value ? (w(), s("button", {
 					key: 0,
 					type: "button",
 					class: "pointer-events-auto inline-flex items-center justify-center border border-white/14 bg-black/35 px-3 py-2 text-[0.62rem] font-bold uppercase tracking-[0.22em] text-[#f7f1ea]/82 backdrop-blur-[18px] transition hover:border-white/28 hover:bg-black/50",
-					onClick: H(ae, ["stop"])
+					onClick: V(ae, ["stop"])
 				}, " Retry ")) : o("", !0)
-			])], 8, va)) : (w(), s("div", xa, [c("div", Sa, [k(e.$slots, "item-icon", {
-				icon: F(Jt)(n.item.type),
+			])], 8, ba)) : (w(), s("div", Ca, [c("div", wa, [k(e.$slots, "item-icon", {
+				icon: P(Yt)(n.item.type),
 				item: n.item
-			}, () => [(w(), a(A(F(Jt)(n.item.type)), {
+			}, () => [(w(), a(ee(P(Yt)(n.item.type)), {
 				class: "h-6 w-6 stroke-[1.8] text-[#f7f1ea]/78",
 				"aria-hidden": "true"
 			}))])])])),
-			c("div", Ca, [k(e.$slots, "grid-item-overlay", {
+			c("div", Ta, [k(e.$slots, "grid-item-overlay", {
 				active: n.active,
 				focused: f.value,
 				hovered: p.value,
@@ -4620,24 +4624,24 @@ var pa = ["aria-label"], ma = {
 			})])
 		], 34));
 	}
-}), Ta = { 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)]" }, Ea = { class: "pointer-events-none absolute inset-x-0 top-0 z-[2] flex justify-end p-6" }, Da = {
+}), Da = { 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)]" }, Oa = { class: "pointer-events-none absolute inset-x-0 top-0 z-[2] flex justify-end p-6" }, ka = {
 	"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]"
-}, Oa = { class: "whitespace-nowrap" }, ka = {
+}, Aa = { class: "whitespace-nowrap" }, ja = {
 	key: 0,
 	class: "whitespace-nowrap border-l border-white/12 pl-2 text-[#f7f1ea]/56 min-[721px]:pl-3"
-}, Aa = [
+}, Ma = [
 	"data-active",
 	"data-index",
 	"data-item-id",
 	"data-occurrence-key"
-], ja = ["data-item-id"], Ma = {
+], Na = ["data-item-id"], Pa = {
 	key: 0,
 	class: "pointer-events-none absolute inset-y-0 right-0 z-[3] hidden w-8 min-[1024px]:block"
-}, Na = {
+}, Fa = {
 	key: 1,
 	class: "pointer-events-none absolute inset-x-0 bottom-0 z-[2] px-5 pb-5 sm:px-6"
-}, Pa = { class: "mx-auto flex w-full justify-center" }, Fa = /* @__PURE__ */ d({
+}, Ia = { class: "mx-auto flex w-full justify-center" }, La = /* @__PURE__ */ d({
 	__name: "ListSurface",
 	props: {
 		active: {
@@ -4699,30 +4703,30 @@ var pa = ["aria-label"], ma = {
 		"update:activeIndex"
 	],
 	setup(e, { expose: n, emit: r }) {
-		let d = e, f = L(), p = r, m = oa({
-			active: N(d, "active"),
-			allowExhaustedNextPageRefresh: N(d, "allowExhaustedNextPageRefresh"),
-			bottomLoadBufferPx: N(d, "bottomLoadBufferPx"),
-			items: N(d, "items"),
-			activeIndex: N(d, "activeIndex"),
-			loading: N(d, "loading"),
-			hasNextPage: N(d, "hasNextPage"),
-			hasPreviousPage: N(d, "hasPreviousPage"),
-			paginationDetail: N(d, "paginationDetail"),
-			pendingAppendItems: N(d, "pendingAppendItems"),
-			commitPendingAppend: N(d, "commitPendingAppend"),
-			requestNextPage: N(d, "requestNextPage"),
-			requestPreviousPage: N(d, "requestPreviousPage"),
+		let d = e, f = I(), p = r, m = ca({
+			active: M(d, "active"),
+			allowExhaustedNextPageRefresh: M(d, "allowExhaustedNextPageRefresh"),
+			bottomLoadBufferPx: M(d, "bottomLoadBufferPx"),
+			items: M(d, "items"),
+			activeIndex: M(d, "activeIndex"),
+			loading: M(d, "loading"),
+			hasNextPage: M(d, "hasNextPage"),
+			hasPreviousPage: M(d, "hasPreviousPage"),
+			paginationDetail: M(d, "paginationDetail"),
+			pendingAppendItems: M(d, "pendingAppendItems"),
+			commitPendingAppend: M(d, "commitPendingAppend"),
+			requestNextPage: M(d, "requestNextPage"),
+			requestPreviousPage: M(d, "requestPreviousPage"),
 			setActiveIndex(e) {
 				p("update:activeIndex", e);
 			}
 		});
 		n({ autoScroll: m.autoScroll });
-		let h = i(() => mn({
+		let h = i(() => hn({
 			itemCount: d.items.length,
 			loading: d.loading,
 			phase: d.phase
-		})), _ = i(() => hn({
+		})), _ = i(() => gn({
 			errorMessage: d.errorMessage,
 			hasItems: d.items.length > 0,
 			hasNextPage: d.hasNextPage,
@@ -4735,42 +4739,42 @@ var pa = ["aria-label"], ma = {
 			message: _.value.message,
 			paginationDetail: d.paginationDetail,
 			total: d.items.length
-		}), S = i(() => !x.value || !f["grid-status"] ? [] : f["grid-status"](x.value)), C = i(() => ln(S.value)), T = i(() => d.items.length + m.leavingItems.value.length), { emptyStateProps: E, showBadgeEmptyState: D, showCustomEmptyState: A, showInlineEmptyState: j } = fn({
-			emptyStateMode: N(d, "emptyStateMode"),
+		}), S = i(() => !x.value || !f["grid-status"] ? [] : f["grid-status"](x.value)), C = i(() => un(S.value)), T = i(() => d.items.length + m.leavingItems.value.length), { emptyStateProps: E, showBadgeEmptyState: D, showCustomEmptyState: ee, showInlineEmptyState: A } = pn({
+			emptyStateMode: M(d, "emptyStateMode"),
 			itemCount: T,
-			loading: N(d, "loading"),
+			loading: M(d, "loading"),
 			renderSlot: f["empty-state"],
 			surface: "grid"
 		});
-		return z([m.nextBoundaryLoadProgress, m.previousBoundaryLoadProgress], ([e, t]) => {
+		return R([m.nextBoundaryLoadProgress, m.previousBoundaryLoadProgress], ([e, t]) => {
 			p("boundary-load-progress", {
 				nextBoundaryLoadProgress: e,
 				previousBoundaryLoadProgress: t
 			});
-		}, { immediate: !0 }), (e, n) => (w(), s("div", Ta, [
-			c("div", Ea, [c("span", Da, [c("span", Oa, M(F(m).paginationLabel.value), 1), d.paginationDetail ? (w(), s("span", ka, M(d.paginationDetail), 1)) : o("", !0)])]),
+		}, { immediate: !0 }), (e, n) => (w(), s("div", Da, [
+			c("div", Oa, [c("span", ka, [c("span", Aa, j(P(m).paginationLabel.value), 1), d.paginationDetail ? (w(), s("span", ja, j(d.paginationDetail), 1)) : o("", !0)])]),
 			c("div", {
-				ref: F(m).scrollViewportRef,
+				ref: P(m).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) => F(m).onScroll && F(m).onScroll(...e),
-				onWheel: n[1] ||= (...e) => F(m).onWheel && F(m).onWheel(...e)
+				onScroll: n[0] ||= (...e) => P(m).onScroll && P(m).onScroll(...e),
+				onWheel: n[1] ||= (...e) => P(m).onWheel && P(m).onWheel(...e)
 			}, [c("div", {
 				"data-testid": "vibe-list-content",
 				class: "relative",
-				style: b({ height: `${F(m).containerHeight.value}px` })
+				style: b({ height: `${P(m).containerHeight.value}px` })
 			}, [
-				(w(!0), s(t, null, O(F(m).renderedItems.value, ({ item: t, index: n }) => (w(), s("article", {
-					key: F($)(t),
+				(w(!0), s(t, null, O(P(m).renderedItems.value, ({ item: t, index: n }) => (w(), s("article", {
+					key: P(Q)(t),
 					"data-testid": "vibe-list-card",
-					"data-active": n === F(m).resolvedActiveIndex.value ? "true" : "false",
+					"data-active": n === P(m).resolvedActiveIndex.value ? "true" : "false",
 					"data-index": n,
 					"data-item-id": t.id,
-					"data-occurrence-key": F($)(t),
+					"data-occurrence-key": P(Q)(t),
 					class: "absolute will-change-transform",
-					style: b(F(m).getCardStyle(n))
-				}, [u(wa, {
-					active: n === F(m).resolvedActiveIndex.value,
+					style: b(P(m).getCardStyle(n))
+				}, [u(Ea, {
+					active: n === P(m).resolvedActiveIndex.value,
 					index: n,
 					item: t,
 					"report-asset-error": d.reportAssetError,
@@ -4779,11 +4783,11 @@ var pa = ["aria-label"], ma = {
 					onOpen: (e) => p("open-fullscreen", n)
 				}, l({ _: 2 }, [f["grid-item-overlay"] ? {
 					name: "grid-item-overlay",
-					fn: B((t) => [k(e.$slots, "grid-item-overlay", g({ ref_for: !0 }, t))]),
+					fn: z((t) => [k(e.$slots, "grid-item-overlay", g({ ref_for: !0 }, t))]),
 					key: "0"
 				} : void 0, f["item-icon"] ? {
 					name: "item-icon",
-					fn: B((t) => [k(e.$slots, "item-icon", g({ ref_for: !0 }, t))]),
+					fn: z((t) => [k(e.$slots, "item-icon", g({ ref_for: !0 }, t))]),
 					key: "1"
 				} : void 0]), 1032, [
 					"active",
@@ -4793,14 +4797,14 @@ var pa = ["aria-label"], ma = {
 					"report-asset-load",
 					"surface-active",
 					"onOpen"
-				])], 12, Aa))), 128)),
-				(w(!0), s(t, null, O(F(m).leavingItems.value, (t) => (w(), s("article", {
-					key: `leaving-${F($)(t.item)}`,
+				])], 12, Ma))), 128)),
+				(w(!0), s(t, null, O(P(m).leavingItems.value, (t) => (w(), s("article", {
+					key: `leaving-${P(Q)(t.item)}`,
 					"data-testid": "vibe-list-card-leaving",
 					"data-item-id": t.item.id,
 					class: "pointer-events-none absolute z-[2] will-change-[opacity,transform]",
-					style: b(F(m).getLeavingCardStyle(t.item))
-				}, [u(wa, {
+					style: b(P(m).getLeavingCardStyle(t.item))
+				}, [u(Ea, {
 					active: !1,
 					index: -1,
 					item: t.item,
@@ -4809,20 +4813,20 @@ var pa = ["aria-label"], ma = {
 					"surface-active": !1
 				}, l({ _: 2 }, [f["item-icon"] ? {
 					name: "item-icon",
-					fn: B((t) => [k(e.$slots, "item-icon", g({ ref_for: !0 }, t))]),
+					fn: z((t) => [k(e.$slots, "item-icon", g({ ref_for: !0 }, t))]),
 					key: "0"
 				} : void 0]), 1032, [
 					"item",
 					"report-asset-error",
 					"report-asset-load"
-				])], 12, ja))), 128)),
-				F(j) && F(E) ? (w(), a(or, {
+				])], 12, Na))), 128)),
+				P(A) && P(E) ? (w(), a(sr, {
 					key: 0,
-					message: F(E).message,
-					mode: F(E).mode,
-					surface: F(E).surface
+					message: P(E).message,
+					mode: P(E).mode,
+					surface: P(E).surface
 				}, {
-					default: B(() => [F(A) ? k(e.$slots, "empty-state", y(g({ key: 0 }, F(E)))) : o("", !0)]),
+					default: z(() => [P(ee) ? k(e.$slots, "empty-state", y(g({ key: 0 }, P(E)))) : o("", !0)]),
 					_: 3
 				}, 8, [
 					"message",
@@ -4830,12 +4834,12 @@ var pa = ["aria-label"], ma = {
 					"surface"
 				])) : o("", !0)
 			], 4)], 544),
-			F(m).showScrollbar.value ? (w(), s("div", Ma, [n[2] ||= c("div", { class: "absolute bottom-6 right-3 top-6 w-px bg-white/8" }, null, -1), c("div", {
+			P(m).showScrollbar.value ? (w(), s("div", Pa, [n[2] ||= c("div", { class: "absolute bottom-6 right-3 top-6 w-px bg-white/8" }, null, -1), c("div", {
 				"data-testid": "vibe-list-scrollbar-thumb",
 				class: v(["absolute right-[0.625rem] w-1 bg-white/34 transition-[height,transform,background-color,opacity] duration-300 ease-out", d.loading ? "bg-white/52" : "bg-white/34"]),
-				style: b(F(m).getScrollbarThumbStyle())
+				style: b(P(m).getScrollbarThumbStyle())
 			}, null, 6)])) : o("", !0),
-			f["grid-footer"] ? (w(), s("div", Na, [c("div", Pa, [k(e.$slots, "grid-footer")])])) : o("", !0),
+			f["grid-footer"] ? (w(), s("div", Fa, [c("div", Ia, [k(e.$slots, "grid-footer")])])) : o("", !0),
 			x.value ? (w(), s("div", {
 				key: 2,
 				class: v(["pointer-events-none absolute inset-x-0 bottom-0 z-[3] flex justify-center px-6", f["grid-footer"] ? "pb-24" : "pb-6"])
@@ -4843,15 +4847,15 @@ var pa = ["aria-label"], ma = {
 				key: 1,
 				"data-testid": "vibe-grid-status-badge",
 				class: v(["inline-flex items-center border border-white/14 bg-black/55 px-4 py-3 text-[0.7rem] font-bold uppercase tracking-[0.18em] text-[#f7f1ea]/72 backdrop-blur-[18px]", x.value.kind === "end" ? "border-amber-300/35 text-amber-200" : x.value.kind === "failed" ? "border-rose-400/45 text-rose-100" : ""])
-			}, M(x.value.message), 3))], 2)) : o("", !0),
-			F(D) && F(E) ? (w(), a(or, {
+			}, j(x.value.message), 3))], 2)) : o("", !0),
+			P(D) && P(E) ? (w(), a(sr, {
 				key: 3,
 				class: v(["z-[3]", f["grid-footer"] ? "pb-24" : "pb-6"]),
-				message: F(E).message,
-				mode: F(E).mode,
-				surface: F(E).surface
+				message: P(E).message,
+				mode: P(E).mode,
+				surface: P(E).surface
 			}, {
-				default: B(() => [F(A) ? k(e.$slots, "empty-state", y(g({ key: 0 }, F(E)))) : o("", !0)]),
+				default: z(() => [P(ee) ? k(e.$slots, "empty-state", y(g({ key: 0 }, P(E)))) : o("", !0)]),
 				_: 3
 			}, 8, [
 				"class",
@@ -4861,18 +4865,19 @@ var pa = ["aria-label"], ma = {
 			])) : o("", !0)
 		]));
 	}
-}), Ia = ["data-surface-mode"], La = {
+}), Ra = ["data-surface-mode"], za = {
 	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"
-}, Ra = ["data-visible", "inert"], za = ["data-visible", "inert"], Ba = {
+}, Ba = ["data-visible", "inert"], Va = ["data-visible", "inert"], Ha = {
 	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"
-}, Va = /* @__PURE__ */ d({
+}, Ua = /* @__PURE__ */ d({
 	name: "VibeLayout",
 	__name: "Layout",
 	props: {
 		bottomLoadBufferPx: {},
 		emptyStateMode: {},
+		fillDelayMaxMs: {},
 		fillDelayMs: {},
 		fillDelayStepMs: {},
 		initialCursor: {},
@@ -4894,14 +4899,14 @@ var pa = ["aria-label"], ma = {
 		"update:surfaceMode"
 	],
 	setup(e, { expose: n, emit: i }) {
-		let d = e, f = L(), m = i, h = mt(d, m), g = D(null), _ = he((e) => {
+		let d = e, f = I(), m = i, h = ht(d, m), g = D(null), _ = he((e) => {
 			m("asset-errors", e);
 		}), v = ge((e) => {
 			m("asset-loads", e);
 		});
 		x(() => {
 			_.stop(), v.stop();
-		}), z(() => h.items.value, (e) => {
+		}), R(() => h.items.value, (e) => {
 			m("items-change", [...e]);
 		});
 		function b(e) {
@@ -4928,14 +4933,14 @@ var pa = ["aria-label"], ma = {
 			unlockPageLoading: h.unlockPageLoading
 		}), (e, n) => (w(), s("section", {
 			"data-testid": "vibe",
-			"data-surface-mode": F(h).surfaceMode.value,
+			"data-surface-mode": P(h).surfaceMode.value,
 			class: "relative h-full min-h-0 overflow-hidden bg-[#05060a] text-[#f7f1ea]"
-		}, [F(h).canRetryInitialLoad.value ? (w(), s("button", {
+		}, [P(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) => F(h).retryInitialLoad && F(h).retryInitialLoad(...e)
-		}, " Retry ")) : F(h).errorMessage.value && F(h).items.value.length > 0 ? (w(), s("div", La, M(F(h).errorMessage.value), 1)) : o("", !0), F(h).isDesktop.value ? (w(), s(t, { key: 2 }, [u(r, {
+			onClick: n[0] ||= (...e) => P(h).retryInitialLoad && P(h).retryInitialLoad(...e)
+		}, " Retry ")) : P(h).errorMessage.value && P(h).items.value.length > 0 ? (w(), s("div", za, j(P(h).errorMessage.value), 1)) : o("", !0), P(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",
@@ -4944,60 +4949,60 @@ var pa = ["aria-label"], ma = {
 			"leave-from-class": "translate-y-0 opacity-100",
 			"leave-to-class": "translate-y-3 opacity-0"
 		}, {
-			default: B(() => [V(c("div", {
+			default: z(() => [B(c("div", {
 				"data-testid": "vibe-list-surface",
-				"data-visible": F(h).surfaceMode.value === "list" ? "true" : "false",
-				inert: F(h).surfaceMode.value !== "list",
+				"data-visible": P(h).surfaceMode.value === "list" ? "true" : "false",
+				inert: P(h).surfaceMode.value !== "list",
 				class: "absolute inset-0 z-[2]"
-			}, [u(Fa, {
+			}, [u(La, {
 				ref_key: "listSurfaceRef",
 				ref: g,
-				active: F(h).surfaceMode.value === "list",
-				"allow-exhausted-next-page-refresh": F(h).canRefreshExhaustedNextPage.value,
+				active: P(h).surfaceMode.value === "list",
+				"allow-exhausted-next-page-refresh": P(h).canRefreshExhaustedNextPage.value,
 				"bottom-load-buffer-px": d.bottomLoadBufferPx,
-				items: F(h).items.value,
-				"active-index": F(h).activeIndex.value,
-				"error-message": F(h).errorMessage.value,
-				loading: F(h).loading.value,
-				"has-next-page": F(h).hasNextPage.value,
-				"has-previous-page": F(h).hasPreviousPage.value,
-				"pending-append-items": F(h).pendingAppendItems.value,
-				phase: F(h).phase.value,
-				"commit-pending-append": F(h).commitPendingAppend,
-				"pagination-detail": F(h).paginationDetail.value,
-				"report-asset-error": F(_).report,
-				"report-asset-load": F(v).report,
-				"request-next-page": F(h).prefetchNextPage,
-				"request-previous-page": F(h).prefetchPreviousPage,
+				items: P(h).items.value,
+				"active-index": P(h).activeIndex.value,
+				"error-message": P(h).errorMessage.value,
+				loading: P(h).loading.value,
+				"has-next-page": P(h).hasNextPage.value,
+				"has-previous-page": P(h).hasPreviousPage.value,
+				"pending-append-items": P(h).pendingAppendItems.value,
+				phase: P(h).phase.value,
+				"commit-pending-append": P(h).commitPendingAppend,
+				"pagination-detail": P(h).paginationDetail.value,
+				"report-asset-error": P(_).report,
+				"report-asset-load": P(v).report,
+				"request-next-page": P(h).prefetchNextPage,
+				"request-previous-page": P(h).prefetchPreviousPage,
 				"empty-state-mode": d.emptyStateMode,
 				"show-status-badges": d.showStatusBadges ?? !0,
-				onBoundaryLoadProgress: F(h).setBoundaryLoadProgress,
-				onOpenFullscreen: F(h).openFullscreen,
-				"onUpdate:activeIndex": F(h).setActiveIndex
+				onBoundaryLoadProgress: P(h).setBoundaryLoadProgress,
+				onOpenFullscreen: P(h).openFullscreen,
+				"onUpdate:activeIndex": P(h).setActiveIndex
 			}, l({ _: 2 }, [
 				f["empty-state"] ? {
 					name: "empty-state",
-					fn: B((t) => [k(e.$slots, "empty-state", y(p(t)))]),
+					fn: z((t) => [k(e.$slots, "empty-state", y(p(t)))]),
 					key: "0"
 				} : void 0,
 				f["grid-footer"] ? {
 					name: "grid-footer",
-					fn: B(() => [k(e.$slots, "grid-footer")]),
+					fn: z(() => [k(e.$slots, "grid-footer")]),
 					key: "1"
 				} : void 0,
 				f["grid-item-overlay"] ? {
 					name: "grid-item-overlay",
-					fn: B((t) => [k(e.$slots, "grid-item-overlay", y(p(t)))]),
+					fn: z((t) => [k(e.$slots, "grid-item-overlay", y(p(t)))]),
 					key: "2"
 				} : void 0,
 				f["grid-status"] ? {
 					name: "grid-status",
-					fn: B((t) => [k(e.$slots, "grid-status", y(p(t)))]),
+					fn: z((t) => [k(e.$slots, "grid-status", y(p(t)))]),
 					key: "3"
 				} : void 0,
 				f["item-icon"] ? {
 					name: "item-icon",
-					fn: B((t) => [k(e.$slots, "item-icon", y(p(t)))]),
+					fn: z((t) => [k(e.$slots, "item-icon", y(p(t)))]),
 					key: "4"
 				} : void 0
 			]), 1032, [
@@ -5023,7 +5028,7 @@ var pa = ["aria-label"], ma = {
 				"onBoundaryLoadProgress",
 				"onOpenFullscreen",
 				"onUpdate:activeIndex"
-			])], 8, Ra), [[R, F(h).surfaceMode.value === "list"]])]),
+			])], 8, Ba), [[L, P(h).surfaceMode.value === "list"]])]),
 			_: 3
 		}), u(r, {
 			appear: "",
@@ -5034,141 +5039,141 @@ var pa = ["aria-label"], ma = {
 			"leave-from-class": "translate-y-0 opacity-100",
 			"leave-to-class": "-translate-y-3 opacity-0"
 		}, {
-			default: B(() => [V(c("div", {
+			default: z(() => [B(c("div", {
 				"data-testid": "vibe-fullscreen-surface",
-				"data-visible": F(h).surfaceMode.value === "fullscreen" ? "true" : "false",
-				inert: F(h).surfaceMode.value !== "fullscreen",
+				"data-visible": P(h).surfaceMode.value === "fullscreen" ? "true" : "false",
+				inert: P(h).surfaceMode.value !== "fullscreen",
 				class: "absolute inset-0 z-[3]"
-			}, [u(di, {
-				items: F(h).items.value,
-				active: F(h).surfaceMode.value === "fullscreen",
-				"active-index": F(h).activeIndex.value,
-				"error-message": F(h).errorMessage.value,
-				"fill-collected-count": F(h).fillCollectedCount.value,
-				"fill-completed-calls": F(h).fillCompletedCalls.value,
-				"fill-loaded-count": F(h).fillLoadedCount.value,
-				"fill-mode": F(h).fillMode.value,
-				"fill-progress": F(h).fillProgress.value,
-				"fill-target-calls": F(h).fillTargetCalls.value,
-				"fill-target-count": F(h).fillTargetCount.value,
-				"fill-total-count": F(h).fillTotalCount.value,
-				loading: F(h).loading.value,
-				"has-next-page": F(h).hasNextPage.value,
-				"pagination-detail": F(h).paginationDetail.value,
-				phase: F(h).phase.value,
-				"report-asset-error": F(_).report,
-				"report-asset-load": F(v).report,
+			}, [u(pi, {
+				items: P(h).items.value,
+				active: P(h).surfaceMode.value === "fullscreen",
+				"active-index": P(h).activeIndex.value,
+				"error-message": P(h).errorMessage.value,
+				"fill-collected-count": P(h).fillCollectedCount.value,
+				"fill-completed-calls": P(h).fillCompletedCalls.value,
+				"fill-loaded-count": P(h).fillLoadedCount.value,
+				"fill-mode": P(h).fillMode.value,
+				"fill-progress": P(h).fillProgress.value,
+				"fill-target-calls": P(h).fillTargetCalls.value,
+				"fill-target-count": P(h).fillTargetCount.value,
+				"fill-total-count": P(h).fillTotalCount.value,
+				loading: P(h).loading.value,
+				"has-next-page": P(h).hasNextPage.value,
+				"pagination-detail": P(h).paginationDetail.value,
+				phase: P(h).phase.value,
+				"report-asset-error": P(_).report,
+				"report-asset-load": P(v).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": F(h).showBackToList.value,
-				onBackToList: F(h).returnToList,
-				"onUpdate:activeIndex": F(h).setActiveIndex
+				"show-back-to-list": P(h).showBackToList.value,
+				onBackToList: P(h).returnToList,
+				"onUpdate:activeIndex": P(h).setActiveIndex
 			}, l({ _: 2 }, [
 				f["empty-state"] ? {
 					name: "empty-state",
-					fn: B((t) => [k(e.$slots, "empty-state", y(p(t)))]),
+					fn: z((t) => [k(e.$slots, "empty-state", y(p(t)))]),
 					key: "0"
 				} : void 0,
 				f["fullscreen-overlay"] ? {
 					name: "fullscreen-overlay",
-					fn: B((t) => [k(e.$slots, "fullscreen-overlay", y(p(t)))]),
+					fn: z((t) => [k(e.$slots, "fullscreen-overlay", y(p(t)))]),
 					key: "1"
 				} : void 0,
 				f["fullscreen-aside"] ? {
 					name: "fullscreen-aside",
-					fn: B((t) => [k(e.$slots, "fullscreen-aside", y(p(t)))]),
+					fn: z((t) => [k(e.$slots, "fullscreen-aside", y(p(t)))]),
 					key: "2"
 				} : void 0,
 				f["fullscreen-footer"] ? {
 					name: "fullscreen-footer",
-					fn: B((t) => [k(e.$slots, "fullscreen-footer", y(p(t)))]),
+					fn: z((t) => [k(e.$slots, "fullscreen-footer", y(p(t)))]),
 					key: "3"
 				} : void 0,
 				f["fullscreen-header-actions"] ? {
 					name: "fullscreen-header-actions",
-					fn: B((t) => [k(e.$slots, "fullscreen-header-actions", y(p(t)))]),
+					fn: z((t) => [k(e.$slots, "fullscreen-header-actions", y(p(t)))]),
 					key: "4"
 				} : void 0,
 				f["fullscreen-status"] ? {
 					name: "fullscreen-status",
-					fn: B((t) => [k(e.$slots, "fullscreen-status", y(p(t)))]),
+					fn: z((t) => [k(e.$slots, "fullscreen-status", y(p(t)))]),
 					key: "5"
 				} : void 0,
 				f["item-icon"] ? {
 					name: "item-icon",
-					fn: B((t) => [k(e.$slots, "item-icon", y(p(t)))]),
+					fn: z((t) => [k(e.$slots, "item-icon", y(p(t)))]),
 					key: "6"
 				} : void 0
-			]), 1032, /* @__PURE__ */ "items.active.active-index.error-message.fill-collected-count.fill-completed-calls.fill-loaded-count.fill-mode.fill-progress.fill-target-calls.fill-target-count.fill-total-count.loading.has-next-page.pagination-detail.phase.report-asset-error.report-asset-load.empty-state-mode.loop-fullscreen-video.show-dominant-image-tone.show-end-badge.show-status-badges.show-back-to-list.onBackToList.onUpdate:activeIndex".split("."))], 8, za), [[R, F(h).surfaceMode.value === "fullscreen"]])]),
+			]), 1032, /* @__PURE__ */ "items.active.active-index.error-message.fill-collected-count.fill-completed-calls.fill-loaded-count.fill-mode.fill-progress.fill-target-calls.fill-target-count.fill-total-count.loading.has-next-page.pagination-detail.phase.report-asset-error.report-asset-load.empty-state-mode.loop-fullscreen-video.show-dominant-image-tone.show-end-badge.show-status-badges.show-back-to-list.onBackToList.onUpdate:activeIndex".split("."))], 8, Va), [[L, P(h).surfaceMode.value === "fullscreen"]])]),
 			_: 3
-		})], 64)) : F(h).items.value.length === 0 && F(h).loading.value && F(h).phase.value === "initializing" ? (w(), s("div", Ba, [u(F(se), {
+		})], 64)) : P(h).items.value.length === 0 && P(h).loading.value && P(h).phase.value === "initializing" ? (w(), s("div", Ha, [u(P(se), {
 			class: "size-10 animate-spin text-[#f7f1ea]/82",
 			"aria-hidden": "true"
-		}), n[1] ||= c("p", { class: "m-0 text-[0.9rem] font-semibold uppercase tracking-[0.22em] text-[#f7f1ea]/72" }, " Loading... ", -1)])) : (w(), a(di, {
+		}), n[1] ||= c("p", { class: "m-0 text-[0.9rem] font-semibold uppercase tracking-[0.22em] text-[#f7f1ea]/72" }, " Loading... ", -1)])) : (w(), a(pi, {
 			key: 4,
-			items: F(h).items.value,
+			items: P(h).items.value,
 			active: !0,
-			"active-index": F(h).activeIndex.value,
-			"error-message": F(h).errorMessage.value,
-			"fill-collected-count": F(h).fillCollectedCount.value,
-			"fill-completed-calls": F(h).fillCompletedCalls.value,
-			"fill-loaded-count": F(h).fillLoadedCount.value,
-			"fill-mode": F(h).fillMode.value,
-			"fill-progress": F(h).fillProgress.value,
-			"fill-target-calls": F(h).fillTargetCalls.value,
-			"fill-target-count": F(h).fillTargetCount.value,
-			"fill-total-count": F(h).fillTotalCount.value,
-			loading: F(h).loading.value,
-			"has-next-page": F(h).hasNextPage.value,
-			"pagination-detail": F(h).paginationDetail.value,
-			phase: F(h).phase.value,
-			"report-asset-error": F(_).report,
-			"report-asset-load": F(v).report,
+			"active-index": P(h).activeIndex.value,
+			"error-message": P(h).errorMessage.value,
+			"fill-collected-count": P(h).fillCollectedCount.value,
+			"fill-completed-calls": P(h).fillCompletedCalls.value,
+			"fill-loaded-count": P(h).fillLoadedCount.value,
+			"fill-mode": P(h).fillMode.value,
+			"fill-progress": P(h).fillProgress.value,
+			"fill-target-calls": P(h).fillTargetCalls.value,
+			"fill-target-count": P(h).fillTargetCount.value,
+			"fill-total-count": P(h).fillTotalCount.value,
+			loading: P(h).loading.value,
+			"has-next-page": P(h).hasNextPage.value,
+			"pagination-detail": P(h).paginationDetail.value,
+			phase: P(h).phase.value,
+			"report-asset-error": P(_).report,
+			"report-asset-load": P(v).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: F(h).returnToList,
-			"onUpdate:activeIndex": F(h).setActiveIndex
+			onBackToList: P(h).returnToList,
+			"onUpdate:activeIndex": P(h).setActiveIndex
 		}, l({ _: 2 }, [
 			f["empty-state"] ? {
 				name: "empty-state",
-				fn: B((t) => [k(e.$slots, "empty-state", y(p(t)))]),
+				fn: z((t) => [k(e.$slots, "empty-state", y(p(t)))]),
 				key: "0"
 			} : void 0,
 			f["fullscreen-overlay"] ? {
 				name: "fullscreen-overlay",
-				fn: B((t) => [k(e.$slots, "fullscreen-overlay", y(p(t)))]),
+				fn: z((t) => [k(e.$slots, "fullscreen-overlay", y(p(t)))]),
 				key: "1"
 			} : void 0,
 			f["fullscreen-aside"] ? {
 				name: "fullscreen-aside",
-				fn: B((t) => [k(e.$slots, "fullscreen-aside", y(p(t)))]),
+				fn: z((t) => [k(e.$slots, "fullscreen-aside", y(p(t)))]),
 				key: "2"
 			} : void 0,
 			f["fullscreen-footer"] ? {
 				name: "fullscreen-footer",
-				fn: B((t) => [k(e.$slots, "fullscreen-footer", y(p(t)))]),
+				fn: z((t) => [k(e.$slots, "fullscreen-footer", y(p(t)))]),
 				key: "3"
 			} : void 0,
 			f["fullscreen-header-actions"] ? {
 				name: "fullscreen-header-actions",
-				fn: B((t) => [k(e.$slots, "fullscreen-header-actions", y(p(t)))]),
+				fn: z((t) => [k(e.$slots, "fullscreen-header-actions", y(p(t)))]),
 				key: "4"
 			} : void 0,
 			f["fullscreen-status"] ? {
 				name: "fullscreen-status",
-				fn: B((t) => [k(e.$slots, "fullscreen-status", y(p(t)))]),
+				fn: z((t) => [k(e.$slots, "fullscreen-status", y(p(t)))]),
 				key: "5"
 			} : void 0,
 			f["item-icon"] ? {
 				name: "item-icon",
-				fn: B((t) => [k(e.$slots, "item-icon", y(p(t)))]),
+				fn: z((t) => [k(e.$slots, "item-icon", y(p(t)))]),
 				key: "6"
 			} : void 0
 		]), 1032, [
@@ -5196,10 +5201,10 @@ var pa = ["aria-label"], ma = {
 			"show-status-badges",
 			"onBackToList",
 			"onUpdate:activeIndex"
-		]))], 8, Ia));
+		]))], 8, Ra));
 	}
-}), Ha = { install(e) {
-	e.component("VibeLayout", Va);
+}), Wa = { install(e) {
+	e.component("VibeLayout", Ua);
 } };
 //#endregion
-export { Va as VibeLayout, Ha as VibePlugin, Ha as default };
+export { Ua as VibeLayout, Wa as VibePlugin, Wa as default };