@wyxos/vibe 3.1.10 → 3.1.12

package/lib/index.js

@@ -341,12 +341,57 @@ function Ae(e, t, n) {
 		nextSequence: r.nextSequence
 	};
 }
+function je(e, t, n, r) {
+	let i = /* @__PURE__ */ new Map(), a = e.map((e) => ({
+		item: e,
+		matchIndex: null,
+		occurrenceKey: null
+	})), o = /* @__PURE__ */ new Map(), s = /* @__PURE__ */ new Map(), c = n;
+	for (let [e, n] of t.entries()) {
+		let t = i.get(n.id), r = {
+			index: e,
+			occurrenceKey: $(n)
+		};
+		t ? t.push(r) : i.set(n.id, [r]);
+	}
+	for (let e of a) {
+		let t = i.get(e.item.id)?.shift();
+		t && (e.matchIndex = t.index, e.occurrenceKey = t.occurrenceKey);
+	}
+	let l = [], u = null;
+	for (let e of a) l.push(u), e.matchIndex !== null && (u = e.matchIndex);
+	let d = Array(a.length).fill(null), f = null;
+	for (let e = a.length - 1; e >= 0; --e) d[e] = f, a[e].matchIndex !== null && (f = a[e].matchIndex);
+	for (let [e, n] of a.entries()) {
+		if (n.matchIndex !== null && n.occurrenceKey) {
+			o.set(n.matchIndex, Me(n.item, n.occurrenceKey));
+			continue;
+		}
+		let i = d[e] ?? (l[e] === null ? null : l[e] + 1) ?? (r === "leading" ? 0 : t.length), a = Me(n.item, `vibe-occurrence-${c += 1}`), u = s.get(i);
+		u ? u.push(a) : s.set(i, [a]);
+	}
+	let p = [];
+	for (let e = 0; e <= t.length; e += 1) {
+		let n = s.get(e);
+		n?.length && p.push(...n), !(e >= t.length) && p.push(o.get(e) ?? t[e]);
+	}
+	return {
+		items: p,
+		nextSequence: c
+	};
+}
+function Me(e, t) {
+	return $(e) === t ? e : {
+		...e,
+		__vibeOccurrenceKey: t
+	};
+}
 //#endregion
 //#region src/components/viewer-core/autoResolveState.ts
-function je(e) {
+function Ne(e) {
 	return e instanceof DOMException && e.name === "AbortError" || e instanceof Error && (e.name === "AbortError" || e.name === "CanceledError") ? !0 : typeof e == "object" && !!e && "code" in e && e.code === "ERR_CANCELED";
 }
-function Me(e) {
+function Pe(e) {
 	let t = Ae(e.nextItems, e.previousItems, e.sequence);
 	return {
 		bucket: {
@@ -358,7 +403,19 @@ function Me(e) {
 		nextSequence: t.nextSequence
 	};
 }
-function Ne(e, t, n, r) {
+function Fe(e) {
+	let t = je(e.nextItems, e.previousItems, e.sequence, e.edge);
+	return {
+		bucket: {
+			cursor: e.cursor,
+			items: t.items,
+			nextCursor: e.nextCursor,
+			previousCursor: e.previousCursor
+		},
+		nextSequence: t.nextSequence
+	};
+}
+function Ie(e, t, n, r) {
 	if (!e.length) return r ? null : {
 		buckets: [],
 		canceled: r,
@@ -371,8 +428,8 @@ function Ne(e, t, n, r) {
 		visibleCount: i.reduce((e, t) => e + De(t, n), 0)
 	};
 }
-function Pe(e) {
-	let t = Me({
+function Le(e) {
+	let t = Pe({
 		cursor: e.initialState.cursor,
 		nextCursor: e.initialState.nextCursor ?? null,
 		nextItems: e.initialState.items,
@@ -386,28 +443,28 @@ function Pe(e) {
 		nextSequence: t.nextSequence
 	};
 }
-function Fe(e, t) {
+function Re(e, t) {
 	let n = e[Q(t, 0, Math.max(0, e.length - 1))];
 	return n ? $(n) : null;
 }
-function Ie(e, t, n = null) {
+function ze(e, t, n = null) {
 	if (!e.length) return 0;
 	let r = n ? e.findIndex((e) => $(e) === n) : -1;
 	return r >= 0 ? r : Q(t, 0, e.length - 1);
 }
-function Le(e, t, n) {
+function Be(e, t, n) {
 	return e ? De(e, t) < n : !1;
 }
 //#endregion
 //#region src/components/viewer-core/fillDelay.ts
-var Re = 2e3, ze = 1e3, Be = 100;
-function Ve(e, t = Re, n = ze) {
+var Ve = 2e3, He = 1e3, Ue = 100;
+function We(e, t = Ve, n = He) {
 	return t + Math.max(0, e - 1) * n;
 }
-function He(e, t) {
+function Ge(e, t) {
 	return !Number.isFinite(e) || e == null || e < 0 ? t : Math.floor(e);
 }
-function Ue() {
+function Ke() {
 	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) {
@@ -425,7 +482,7 @@ function Ue() {
 				let t = Math.max(0, a - (Date.now() - s));
 				e.value = t, t <= 0 && l();
 			};
-			t = setInterval(u, Be), n = setTimeout(l, a), u();
+			t = setInterval(u, Ue), n = setTimeout(l, a), u();
 		}));
 	}
 	return {
@@ -436,8 +493,8 @@ function Ue() {
 }
 //#endregion
 //#region src/components/viewer-core/useAutoResolveSource.ts
-function We(e) {
-	let t = !!e.initialState?.items.length, n = D([]), r = D(0), a = D([]), o = D(!1), s = D(null), c = D(!t && typeof e.resolve == "function" ? "initializing" : "idle"), l = D(null), u = D(null), d = Ue(), f = d.remainingMs, p = D(null), m = D(!1), h = D(!0), g = D(!1), _ = /* @__PURE__ */ new Set(), v = null, y = null, b = 0, C = 0, w = i(() => He(e.fillDelayMs, Re)), T = i(() => He(e.fillDelayStepMs, ze)), E = i(() => typeof e.resolve == "function"), O = i(() => _e(e.pageSize)), k = i(() => we(n.value)), A = i(() => Te(k.value, e.removedIds.value)), j = i(() => r.value), M = i(() => ge(c.value) || m.value), N = i(() => Ge(n.value, e.removedIds.value)), P = i(() => Ke(n.value, e.removedIds.value)), F = i(() => P.value?.nextCursor ?? null), I = i(() => o.value ? null : N.value?.previousCursor ?? null), R = i(() => !!F.value), z = i(() => !!I.value), B = i(() => E.value && n.value.length > 0), ee = i(() => Te(we(a.value), e.removedIds.value)), te = i(() => Oe(n.value, e.removedIds.value, j.value)), V = i(() => !A.value.length && !M.value && !!s.value);
+function qe(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 = Ke(), f = d.remainingMs, p = D(null), m = D(!1), h = D(!0), g = D(!1), _ = /* @__PURE__ */ new Set(), v = null, y = null, b = 0, C = 0, w = i(() => Ge(e.fillDelayMs, Ve)), T = i(() => Ge(e.fillDelayStepMs, He)), E = i(() => typeof e.resolve == "function"), O = i(() => _e(e.pageSize)), k = i(() => we(n.value)), A = i(() => Te(k.value, e.removedIds.value)), j = i(() => r.value), M = i(() => ge(c.value) || m.value), N = i(() => Je(n.value, e.removedIds.value)), P = i(() => Ye(n.value, e.removedIds.value)), F = i(() => P.value?.nextCursor ?? null), I = i(() => o.value ? null : N.value?.previousCursor ?? null), R = i(() => !!F.value), z = i(() => !!I.value), B = i(() => E.value && n.value.length > 0), ee = i(() => Te(we(a.value), e.removedIds.value)), te = i(() => Oe(n.value, e.removedIds.value, j.value)), V = i(() => !A.value.length && !M.value && !!s.value);
 	L(() => A.value.length, (e) => {
 		if (e === 0) {
 			r.value = 0;
@@ -518,7 +575,7 @@ function We(e) {
 		b += 1, v?.abort(), v = null, d.clear(!0), _.clear(), s.value = null, l.value = null, u.value = null, p.value = null, a.value.length > 0 && (n.value = [...n.value, ...a.value], a.value = []), m.value = !1, o.value = !1, Z();
 	}
 	function ae() {
-		return Fe(A.value, j.value);
+		return Re(A.value, j.value);
 	}
 	function oe(e = null, t = {}) {
 		if (A.value.length === 0) {
@@ -536,7 +593,7 @@ function We(e) {
 			r.value = A.value.length;
 			return;
 		}
-		r.value = Ie(A.value, j.value, e);
+		r.value = ze(A.value, j.value, e);
 	}
 	function se() {
 		a.value.length > 0 && !ee.value.length && K();
@@ -598,19 +655,23 @@ function We(e) {
 				signal: o?.signal
 			});
 			if (a !== b) return Z(), null;
-			let s = fe({
+			let s = Fe({
 				cursor: r.cursor,
+				edge: t,
 				nextCursor: i.nextPage,
 				nextItems: i.items,
 				previousCursor: i.previousPage ?? null,
-				previousItems: r.items
-			}), c = ae();
-			return n.value = ke(n.value, r.cursor, s), oe(c), Z(), {
+				previousItems: r.items,
+				sequence: C
+			});
+			C = s.nextSequence;
+			let c = ae();
+			return n.value = ke(n.value, r.cursor, s.bucket), oe(c), Z(), {
 				followCursor: t === "leading" ? i.previousPage ?? null : i.nextPage,
 				itemsLoaded: i.items.length
 			};
 		} catch (e) {
-			return je(e) || a !== b ? (Z(), null) : (s.value = e instanceof Error ? e.message : "The viewer could not load items.", c.value = "failed", l.value = null, u.value = null, p.value = null, null);
+			return Ne(e) || a !== b ? (Z(), null) : (s.value = e instanceof Error ? e.message : "The viewer could not load items.", c.value = "failed", l.value = null, u.value = null, p.value = null, null);
 		} finally {
 			v === o && (v = null), _.delete(i);
 		}
@@ -619,8 +680,8 @@ function We(e) {
 		if (!e.resolve) return null;
 		let n = ++b, r = /* @__PURE__ */ new Set(), i = [], a = t.cursor, o = 0;
 		for (s.value = null, c.value = t.phase, l.value = null, u.value = null, p.value = null;;) {
-			if (n !== b) return Ne(i, t.direction, e.removedIds.value, !0);
-			if (i.length > 0 && g.value) return Ne(i, t.direction, e.removedIds.value, !1);
+			if (n !== b) return Ie(i, t.direction, e.removedIds.value, !0);
+			if (i.length > 0 && g.value) return Ie(i, t.direction, e.removedIds.value, !1);
 			let f = ve(a);
 			if (r.has(f) || _.has(f)) break;
 			r.add(f), _.add(f);
@@ -632,7 +693,7 @@ function We(e) {
 					pageSize: O.value,
 					signal: m?.signal
 				});
-				if (n !== b) return Ne(i, t.direction, e.removedIds.value, !0);
+				if (n !== b) return Ie(i, t.direction, e.removedIds.value, !0);
 				let s = fe({
 					cursor: a,
 					nextCursor: r.nextPage,
@@ -647,21 +708,21 @@ function We(e) {
 					buckets: t.direction === "backward" ? [...i].reverse() : i,
 					visibleCount: f
 				};
-				if (g.value) return Ne(i, t.direction, e.removedIds.value, !1);
+				if (g.value) return Ie(i, t.direction, e.removedIds.value, !1);
 				c.value = "filling", l.value = f, u.value = h, p.value = O.value, o += 1;
-				let _ = Ve(o, w.value, T.value);
-				if (await d.wait(_), n !== b) return Ne(i, t.direction, e.removedIds.value, !0);
+				let _ = We(o, w.value, T.value);
+				if (await d.wait(_), n !== b) return Ie(i, t.direction, e.removedIds.value, !0);
 				a = h;
 			} catch (r) {
-				return je(r) || n !== b ? Ne(i, t.direction, e.removedIds.value, !0) : (s.value = r instanceof Error ? r.message : "The viewer could not load items.", c.value = "failed", l.value = null, u.value = null, p.value = null, null);
+				return Ne(r) || n !== b ? Ie(i, t.direction, e.removedIds.value, !0) : (s.value = r instanceof Error ? r.message : "The viewer could not load items.", c.value = "failed", l.value = null, u.value = null, p.value = null, null);
 			} finally {
 				v === m && (v = null), _.delete(f);
 			}
 		}
-		return Ne(i, t.direction, e.removedIds.value, !1);
+		return Ie(i, t.direction, e.removedIds.value, !1);
 	}
 	function fe(e) {
-		let t = Me({
+		let t = Pe({
 			cursor: e.cursor,
 			nextCursor: e.nextCursor,
 			nextItems: e.nextItems,
@@ -676,7 +737,7 @@ function We(e) {
 	}
 	function pe() {
 		if (!e.initialState || !e.initialState.items.length) return !1;
-		let t = Pe({
+		let t = Le({
 			initialState: e.initialState,
 			removedIds: e.removedIds.value,
 			sequence: C
@@ -687,7 +748,7 @@ function We(e) {
 		return c.value === "initializing";
 	}
 	function he(t) {
-		return Le(t === "leading" ? N.value : P.value, e.removedIds.value, O.value);
+		return Be(t === "leading" ? N.value : P.value, e.removedIds.value, O.value);
 	}
 	function ye() {
 		let t = n.value.findIndex((t) => De(t, e.removedIds.value) > 0);
@@ -735,10 +796,10 @@ function We(e) {
 		maybeCommitPendingAppendWhenFilteredOut: se
 	};
 }
-function Ge(e, t) {
+function Je(e, t) {
 	return e.find((e) => De(e, t) > 0) ?? e[0] ?? null;
 }
-function Ke(e, t) {
+function Ye(e, t) {
 	for (let n = e.length - 1; n >= 0; --n) {
 		let r = e[n];
 		if (De(r, t) > 0) return r;
@@ -747,8 +808,8 @@ function Ke(e, t) {
 }
 //#endregion
 //#region src/components/viewer-core/useDataSource.ts
-function qe(e, t) {
-	let { clearRemoved: n, getRemovedIds: r, remove: a, removedIds: o, restore: s, undo: c } = ye(), l = We({
+function Xe(e, t) {
+	let { clearRemoved: n, getRemovedIds: r, remove: a, removedIds: o, restore: s, undo: c } = ye(), l = qe({
 		emit: t,
 		fillDelayMs: e.fillDelayMs,
 		fillDelayStepMs: e.fillDelayStepMs,
@@ -835,9 +896,9 @@ function qe(e, t) {
 }
 //#endregion
 //#region src/components/viewer-core/useController.ts
-var Je = 1024;
-function Ye(e, t) {
-	let n = qe(e, t), r = T({
+var Ze = 1024;
+function Qe(e, t) {
+	let n = Xe(e, t), r = T({
 		nextBoundaryLoadProgress: 0,
 		previousBoundaryLoadProgress: 0
 	}), a = D(0), o = D("list"), s = T({
@@ -861,7 +922,7 @@ function Ye(e, t) {
 		removedCount: 0,
 		removedIds: [],
 		surfaceMode: "list"
-	}), c = i(() => a.value >= Je), l = i(() => c.value ? o.value : "fullscreen"), u = i(() => c.value && l.value === "fullscreen");
+	}), c = i(() => a.value >= Ze), l = i(() => c.value ? o.value : "fullscreen"), u = i(() => c.value && l.value === "fullscreen");
 	L(c, (e) => {
 		e && h();
 	}), L(() => e.surfaceMode, () => {
@@ -900,7 +961,7 @@ function Ye(e, t) {
 		!c.value || !e.surfaceMode || e.surfaceMode === o.value || (o.value = e.surfaceMode);
 	}
 	function g(e) {
-		r.nextBoundaryLoadProgress = Xe(e.nextBoundaryLoadProgress), r.previousBoundaryLoadProgress = Xe(e.previousBoundaryLoadProgress);
+		r.nextBoundaryLoadProgress = $e(e.nextBoundaryLoadProgress), r.previousBoundaryLoadProgress = $e(e.previousBoundaryLoadProgress);
 	}
 	return {
 		...n,
@@ -919,26 +980,26 @@ function Ye(e, t) {
 		unlockPageLoading: n.unlockPageLoading
 	};
 }
-function Xe(e) {
+function $e(e) {
 	return Math.min(Math.max(e, 0), 1);
 }
 //#endregion
 //#region src/components/FullscreenMediaBar.vue?vue&type=script&setup=true&lang.ts
-var Ze = {
+var et = {
 	"data-testid": "vibe-media-bar",
 	class: "absolute inset-x-0 bottom-0 z-[5] bg-[linear-gradient(180deg,transparent,rgba(0,0,0,0.42)_24%,rgba(0,0,0,0.78))] px-[clamp(1rem,2.6vw,2.25rem)] pt-4 pb-[1.15rem]"
-}, Qe = { class: "grid grid-cols-[auto_minmax(0,1fr)_auto_auto] items-center gap-3 border-t border-white/12 bg-black/70 px-4 py-3 backdrop-blur-[18px]" }, $e = { class: "text-[0.76rem] font-bold uppercase tracking-[0.18em] text-[#f7f1ea]/74" }, et = { class: "relative h-4 w-full" }, tt = [
+}, tt = { class: "grid grid-cols-[auto_minmax(0,1fr)_auto_auto] items-center gap-3 border-t border-white/12 bg-black/70 px-4 py-3 backdrop-blur-[18px]" }, nt = { class: "text-[0.76rem] font-bold uppercase tracking-[0.18em] text-[#f7f1ea]/74" }, rt = { class: "relative h-4 w-full" }, it = [
 	"max",
 	"value",
 	"disabled"
-], nt = { class: "text-[0.76rem] font-bold uppercase tracking-[0.18em] text-[#f7f1ea]/74" }, rt = ["data-layout"], it = {
+], at = { class: "text-[0.76rem] font-bold uppercase tracking-[0.18em] text-[#f7f1ea]/74" }, ot = ["data-layout"], st = {
 	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]"
-}, at = { class: "relative flex h-28 w-4 items-center justify-center" }, ot = ["value"], st = { class: "flex items-center gap-3" }, ct = ["aria-label"], lt = {
+}, ct = { class: "relative flex h-28 w-4 items-center justify-center" }, lt = ["value"], ut = { class: "flex items-center gap-3" }, dt = ["aria-label"], ft = {
 	key: 0,
 	class: "relative h-4 w-24"
-}, ut = ["value"], dt = /* @__PURE__ */ d({
+}, pt = ["value"], mt = /* @__PURE__ */ d({
 	__name: "FullscreenMediaBar",
 	props: {
 		currentTime: {},
@@ -981,9 +1042,9 @@ var Ze = {
 		function C(e, t, n) {
 			return Math.min(Math.max(e, t), n);
 		}
-		return (e, t) => (w(), s("div", Ze, [c("div", Qe, [
-			c("span", $e, j(n.currentTimeLabel), 1),
-			c("div", et, [
+		return (e, t) => (w(), s("div", et, [c("div", tt, [
+			c("span", nt, j(n.currentTimeLabel), 1),
+			c("div", rt, [
 				t[3] ||= c("div", { class: "absolute inset-x-0 top-1/2 h-px -translate-y-1/2 bg-white/12" }, null, -1),
 				c("div", {
 					class: "absolute left-0 top-1/2 h-px -translate-y-1/2 bg-[#f7f1ea]",
@@ -1000,16 +1061,16 @@ var Ze = {
 					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, tt)
+				}, null, 40, it)
 			]),
-			c("span", nt, j(n.durationLabel), 1),
+			c("span", at, j(n.durationLabel), 1),
 			c("div", {
 				ref_key: "rootRef",
 				ref: l,
 				"data-testid": "vibe-media-volume",
 				"data-layout": n.volumeControlLayout,
 				class: "relative flex items-center justify-end"
-			}, [d.value && u.value ? (w(), s("div", it, [c("div", at, [
+			}, [d.value && u.value ? (w(), s("div", st, [c("div", ct, [
 				t[4] ||= c("div", { class: "absolute bottom-0 left-1/2 h-full w-px -translate-x-1/2 bg-white/12" }, null, -1),
 				c("div", {
 					class: "absolute bottom-0 left-1/2 w-px -translate-x-1/2 bg-[#f7f1ea]",
@@ -1026,8 +1087,8 @@ var Ze = {
 					value: f.value,
 					class: "vibe-media-slider absolute left-1/2 top-1/2 h-4 w-28 -translate-x-1/2 -translate-y-1/2 -rotate-90 bg-transparent",
 					onInput: t[1] ||= (e) => r("volume-input", e)
-				}, null, 40, ot)
-			])])) : o("", !0), c("div", st, [c("button", {
+				}, null, 40, lt)
+			])])) : o("", !0), c("div", ut, [c("button", {
 				type: "button",
 				"data-testid": "vibe-media-volume-button",
 				"aria-label": g.value,
@@ -1036,7 +1097,7 @@ var Ze = {
 			}, [(w(), a(A(m.value), {
 				class: "h-4 w-4 stroke-[1.9]",
 				"aria-hidden": "true"
-			}))], 8, ct), n.volumeControlLayout === "horizontal" ? (w(), s("div", lt, [
+			}))], 8, dt), n.volumeControlLayout === "horizontal" ? (w(), s("div", ft, [
 				t[5] ||= c("div", { class: "absolute inset-x-0 top-1/2 h-px -translate-y-1/2 bg-white/12" }, null, -1),
 				c("div", {
 					class: "absolute left-0 top-1/2 h-px -translate-y-1/2 bg-[#f7f1ea]",
@@ -1053,24 +1114,24 @@ var Ze = {
 					value: f.value,
 					class: "vibe-media-slider absolute inset-0 z-10 h-4 w-full cursor-pointer bg-transparent",
 					onInput: t[2] ||= (e) => r("volume-input", e)
-				}, null, 40, ut)
-			])) : o("", !0)])], 8, rt)
+				}, null, 40, pt)
+			])) : o("", !0)])], 8, ot)
 		])]));
 	}
-}), ft = { class: "pointer-events-none absolute inset-0 z-[3] flex flex-col justify-between p-[clamp(1.25rem,2.6vw,2.25rem)]" }, pt = { class: "grid gap-4" }, mt = { class: "flex min-h-11 items-center justify-between gap-4" }, ht = { class: "min-w-0 flex flex-1 items-center gap-3" }, gt = {
+}), ht = { class: "pointer-events-none absolute inset-0 z-[3] flex flex-col justify-between p-[clamp(1.25rem,2.6vw,2.25rem)]" }, gt = { class: "grid gap-4" }, _t = { class: "flex min-h-11 items-center justify-between gap-4" }, vt = { class: "min-w-0 flex flex-1 items-center gap-3" }, yt = {
 	key: 1,
 	"data-testid": "vibe-title",
 	class: "m-0 truncate text-left text-[0.82rem] leading-none tracking-[-0.04em] min-[721px]:text-[1.2rem]"
-}, _t = { class: "pointer-events-auto flex shrink-0 items-center gap-2" }, vt = {
+}, bt = { class: "pointer-events-auto flex shrink-0 items-center gap-2" }, xt = {
 	"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]"
-}, yt = { class: "whitespace-nowrap" }, bt = {
+}, St = { class: "whitespace-nowrap" }, Ct = {
 	key: 1,
 	class: "whitespace-nowrap border-l border-white/12 pl-2 text-[#f7f1ea]/56 min-[721px]:pl-3"
-}, xt = {
+}, wt = {
 	key: 0,
 	class: "grid gap-2 max-[720px]:justify-items-start"
-}, St = /* @__PURE__ */ d({
+}, Tt = /* @__PURE__ */ d({
 	__name: "FullscreenHeader",
 	props: {
 		currentIndex: {},
@@ -1084,7 +1145,7 @@ var Ze = {
 	emits: ["back-to-list"],
 	setup(e, { emit: t }) {
 		let n = e, r = t;
-		return (e, t) => (w(), s("div", ft, [c("div", pt, [c("div", mt, [c("div", ht, [n.showBackToList ? (w(), s("button", {
+		return (e, t) => (w(), s("div", ht, [c("div", gt, [c("div", _t, [c("div", vt, [n.showBackToList ? (w(), s("button", {
 			key: 0,
 			type: "button",
 			"data-testid": "vibe-back-to-list",
@@ -1094,47 +1155,47 @@ var Ze = {
 		}, [u(N(re), {
 			class: "h-4 w-4 stroke-[2.2]",
 			"aria-hidden": "true"
-		})])) : o("", !0), n.title ? (w(), s("h2", gt, j(n.title), 1)) : o("", !0)]), c("div", _t, [c("span", vt, [
+		})])) : o("", !0), n.title ? (w(), s("h2", yt, j(n.title), 1)) : o("", !0)]), c("div", bt, [c("span", xt, [
 			n.loading ? (w(), a(N(oe), {
 				key: 0,
 				"data-testid": "vibe-pagination-spinner",
 				class: "h-3.5 w-3.5 animate-spin stroke-[1.9]",
 				"aria-hidden": "true"
 			})) : o("", !0),
-			c("span", yt, j(n.currentIndex + 1) + " / " + j(n.total), 1),
-			n.paginationDetail ? (w(), s("span", bt, j(n.paginationDetail), 1)) : o("", !0)
-		]), k(e.$slots, "actions")])])]), n.showEndBadge ? (w(), s("div", xt, [...t[1] ||= [c("span", { class: "inline-flex items-center border border-amber-300/35 bg-black/40 px-4 py-3 text-[0.74rem] font-bold uppercase tracking-[0.2em] text-amber-200 backdrop-blur-[18px]" }, " End reached ", -1)]])) : o("", !0)]));
+			c("span", St, j(n.currentIndex + 1) + " / " + j(n.total), 1),
+			n.paginationDetail ? (w(), s("span", Ct, j(n.paginationDetail), 1)) : o("", !0)
+		]), k(e.$slots, "actions")])])]), n.showEndBadge ? (w(), s("div", wt, [...t[1] ||= [c("span", { class: "inline-flex items-center border border-amber-300/35 bg-black/40 px-4 py-3 text-[0.74rem] font-bold uppercase tracking-[0.2em] text-amber-200 backdrop-blur-[18px]" }, " End reached ", -1)]])) : o("", !0)]));
 	}
-}), Ct = {
+}), Et = {
 	image: ae,
 	video: Y,
 	audio: J,
 	other: ie
-}, wt = {
+}, Dt = {
 	image: "Image",
 	video: "Video",
 	audio: "Audio",
 	other: "File"
 };
-function Tt(e) {
-	return Ct[e];
+function Ot(e) {
+	return Et[e];
 }
-function Et(e) {
-	return wt[e];
+function kt(e) {
+	return Dt[e];
 }
 //#endregion
 //#region src/components/viewer-core/useAssetLoadQueue.ts
-var Dt = {
+var At = {
 	maxGlobal: 10,
 	maxPerDomain: 4,
 	maxVideoPerDomain: 2
 };
-function Ot(e = Dt) {
+function jt(e = At) {
 	let t = /* @__PURE__ */ new Map(), n = /* @__PURE__ */ new Map(), r = 0;
 	function i(e) {
 		let i = {
 			...e,
-			domain: jt(e.url),
+			domain: Ft(e.url),
 			enqueuedAt: r,
 			id: `vibe-asset-load-${r += 1}`
 		};
@@ -1153,7 +1214,7 @@ function Ot(e = Dt) {
 	function a() {
 		if (n.size === 0) return;
 		let r = [...n.values()].sort((e, t) => {
-			let n = At(e) - At(t);
+			let n = Nt(e) - Nt(t);
 			return n === 0 ? e.enqueuedAt - t.enqueuedAt : n;
 		});
 		for (let i of r) {
@@ -1169,13 +1230,14 @@ function Ot(e = Dt) {
 		}
 	}
 	function o(n) {
+		if (!Pt(n)) return !1;
 		let r = [...t.values()].filter((e) => e.domain === n.domain);
 		return !(r.length >= e.maxPerDomain || n.assetType === "video" && r.filter((e) => e.assetType === "video").length >= e.maxVideoPerDomain);
 	}
 	return { request: i };
 }
-var kt = Ot();
-function At(e) {
+var Mt = jt();
+function Nt(e) {
 	try {
 		let t = e.getPriority();
 		return Number.isFinite(t) ? t : Infinity;
@@ -1183,7 +1245,14 @@ function At(e) {
 		return Infinity;
 	}
 }
-function jt(e) {
+function Pt(e) {
+	try {
+		return e.canGrant?.() ?? !0;
+	} catch {
+		return !1;
+	}
+}
+function Ft(e) {
 	try {
 		return new URL(e).hostname || "local";
 	} catch {
@@ -1192,73 +1261,81 @@ function jt(e) {
 }
 //#endregion
 //#region src/components/viewer-core/useFullscreenPreloadController.ts
-var Mt = 2, Nt = {
+var It = [
+	-1,
+	1,
+	2
+], Lt = [-1, 1], Rt = {
+	[-1]: 0,
 	1: 0,
-	2: 1,
-	3: 2,
-	[-1]: 3
+	2: 1
 };
-function Pt(e) {
-	let t = D({}), n = Ot({
-		maxGlobal: 1,
-		maxPerDomain: 1,
-		maxVideoPerDomain: 1
-	}), r = /* @__PURE__ */ new Map(), i = /* @__PURE__ */ new Map(), a = /* @__PURE__ */ new Map(), o = /* @__PURE__ */ new Set();
+function zt(e) {
+	let t = D({}), n = jt({
+		maxGlobal: 2,
+		maxPerDomain: 2,
+		maxVideoPerDomain: 2
+	}), r = /* @__PURE__ */ new Map(), i = /* @__PURE__ */ new Map(), a = /* @__PURE__ */ new Map(), o = /* @__PURE__ */ new Set(), s = /* @__PURE__ */ new Set();
 	L([
 		e.active,
 		e.items,
 		e.resolvedActiveIndex
 	], () => {
-		p();
+		m();
 	}, { immediate: !0 }), f() && C(() => {
-		d();
+		p();
 	});
-	function s(n) {
+	function c(n) {
 		if (!e.active.value) return !1;
 		let r = e.items.value[n];
-		if (!r || !Rt(r)) return !1;
+		if (!r || !Ut(r)) return !1;
 		let i = e.getItemKey(r);
-		return i === h() || !!t.value[i];
+		return i === g() || !!t.value[i];
 	}
-	function c(e, t) {
+	function l(e, t) {
 		if (t instanceof HTMLImageElement) {
-			i.set(e, t), It(t) && u(e);
+			i.set(e, t), Vt(t) && b(e);
 			return;
 		}
 		i.delete(e);
 	}
-	function l(e, t) {
+	function u(e, t) {
 		if (t instanceof HTMLMediaElement) {
-			a.set(e, t), Lt(t) && u(e);
+			a.set(e, t), Ht(t) && b(e);
 			return;
 		}
 		a.delete(e);
 	}
-	function u(e) {
+	function d(e) {
+		o.add(e);
 		let t = r.get(e);
-		t && (t.lease.release(), r.delete(e));
+		if (!t) {
+			x();
+			return;
+		}
+		t.lease.release(), r.delete(e);
 	}
-	function d() {
+	function p() {
 		for (let e of r.values()) e.lease.release();
-		r.clear(), t.value = {}, _();
+		r.clear(), t.value = {}, S();
 	}
-	function p() {
+	function m() {
 		if (!e.active.value) {
-			d();
+			p();
 			return;
 		}
-		let s = m(), c = new Set(s.map((e) => e.key)), l = h();
-		for (let e of o) e !== l && c.has(e) && v(e, !0);
-		for (let e of Object.keys(t.value)) c.has(e) || v(e, !1);
+		let o = h(), c = new Set(o.map((e) => e.key)), l = g();
+		for (let e of s) e !== l && c.has(e) && w(e, !0);
+		for (let e of Object.keys(t.value)) c.has(e) || w(e, !1);
 		for (let [e, t] of r.entries()) {
 			if (!c.has(e)) {
 				t.lease.release(), r.delete(e);
 				continue;
 			}
-			let n = s.find((t) => t.key === e);
+			let n = o.find((t) => t.key === e);
 			n && (t.index = n.index);
 		}
-		for (let e of s) {
+		for (let e of o) {
 			if (r.has(e.key) || t.value[e.key]) continue;
 			let o;
 			o = {
@@ -1266,55 +1343,57 @@ function Pt(e) {
 				key: e.key,
 				lease: n.request({
 					assetType: e.item.type === "image" ? "image" : "video",
-					getPriority: () => g(o.index),
+					canGrant: () => v(o.index),
+					getPriority: () => _(o.index),
 					onGrant: () => {
-						v(e.key, !0), Ft(e.key, i, a) && u(e.key);
+						w(e.key, !0), Bt(e.key, i, a) && d(e.key);
 					},
 					url: e.item.url
 				})
 			}, r.set(e.key, o);
 		}
 		for (let e of r.values()) e.lease.refresh();
-		_();
-	}
-	function m() {
-		let n = e.resolvedActiveIndex.value, i = e.items.value.map((t, n) => Rt(t) ? {
-			index: n,
-			item: t,
-			key: e.getItemKey(t)
-		} : null).filter((e) => !!e), a = new Map(i.map((e) => [e.key, e])), o = /* @__PURE__ */ new Set(), s = [], c = (e) => {
-			!e || o.has(e.key) || (o.add(e.key), s.push(e));
-		}, l = /* @__PURE__ */ new Map();
-		for (let e of Object.keys(t.value)) {
-			let t = a.get(e);
-			t && t.index > n && l.set(e, t);
-		}
-		for (let e of r.values()) {
-			if (e.index <= n) continue;
-			let t = a.get(e.key);
-			t && l.set(e.key, t);
-		}
-		let u = [...l.values()].sort((e, t) => e.index - t.index);
-		for (let e of u) c(e);
-		let d = u.reduce((e, t) => Math.max(e, t.index), n), f = 0;
-		for (let e of i) if (!(e.index <= d || o.has(e.key)) && (c(e), f += 1, f >= Mt)) break;
-		return c(i.find((e) => e.index === n - 1)), s;
+		S();
 	}
 	function h() {
+		let t = e.resolvedActiveIndex.value;
+		return It.map((e) => y(t + e)).filter((e) => !!e);
+	}
+	function g() {
 		let t = e.items.value[e.resolvedActiveIndex.value];
-		return !e.active.value || !t || !Rt(t) ? null : e.getItemKey(t);
+		return !e.active.value || !t || !Ut(t) ? null : e.getItemKey(t);
+	}
+	function _(t) {
+		return e.active.value ? Rt[t - e.resolvedActiveIndex.value] ?? Infinity : Infinity;
+	}
+	function v(t) {
+		return t - e.resolvedActiveIndex.value === 2 ? Lt.every((t) => {
+			let n = y(e.resolvedActiveIndex.value + t);
+			return n ? o.has(n.key) : !0;
+		}) : !0;
+	}
+	function y(t) {
+		let n = e.items.value[t];
+		return !n || !Ut(n) ? null : {
+			index: t,
+			item: n,
+			key: e.getItemKey(n)
+		};
 	}
-	function g(t) {
-		return e.active.value ? Nt[t - e.resolvedActiveIndex.value] ?? Infinity : Infinity;
+	function b(e) {
+		d(e);
 	}
-	function _() {
-		let n = /* @__PURE__ */ new Set(), r = h();
+	function x() {
+		for (let e of r.values()) e.lease.refresh();
+	}
+	function S() {
+		let n = /* @__PURE__ */ new Set(), r = g();
 		r && n.add(r);
 		for (let e of Object.keys(t.value)) n.add(e);
-		for (let t of o) n.has(t) || (y(t), e.onResetAssetState(t));
-		o = n;
+		for (let t of s) n.has(t) || (o.delete(t), T(t), e.onResetAssetState(t));
+		s = n;
 	}
-	function v(e, n) {
+	function w(e, n) {
 		if (n) {
 			if (t.value[e]) return;
 			t.value = {
@@ -1327,7 +1406,7 @@ function Pt(e) {
 		let r = { ...t.value };
 		delete r[e], t.value = r;
 	}
-	function y(e) {
+	function T(e) {
 		let t = i.get(e);
 		if (t) try {
 			t.removeAttribute("src"), t.src = "";
@@ -1344,33 +1423,33 @@ function Pt(e) {
 		}
 	}
 	return {
-		clearBackgroundPreloads: d,
-		registerImageElement: c,
-		registerMediaElement: l,
-		settleBackgroundPreload: u,
-		shouldAttachSlideAsset: s
+		clearBackgroundPreloads: p,
+		registerImageElement: l,
+		registerMediaElement: u,
+		settleBackgroundPreload: d,
+		shouldAttachSlideAsset: c
 	};
 }
-function Ft(e, t, n) {
+function Bt(e, t, n) {
 	let r = t.get(e);
-	if (r) return It(r);
+	if (r) return Vt(r);
 	let i = n.get(e);
-	return i ? Lt(i) : !1;
+	return i ? Ht(i) : !1;
 }
-function It(e) {
+function Vt(e) {
 	return e.complete && !!(e.currentSrc || e.getAttribute("src"));
 }
-function Lt(e) {
+function Ht(e) {
 	let t = typeof HTMLMediaElement > "u" ? 1 : HTMLMediaElement.HAVE_METADATA;
 	return e.readyState >= t;
 }
-function Rt(e) {
+function Ut(e) {
 	return e.type === "image" || e.type === "video" || e.type === "audio";
 }
 //#endregion
 //#region src/components/viewer-core/useFullscreenSurfaceMedia.ts
-function zt(e) {
-	let t = Pt({
+function Wt(e) {
+	let t = zt({
 		active: e.active,
 		getItemKey: r,
 		items: e.items,
@@ -1379,7 +1458,7 @@ function zt(e) {
 	});
 	function n(e, t) {
 		let n = t.title?.trim();
-		return n ? `${e} ${n}` : `${e} ${Et(t.type).toLowerCase()}`;
+		return n ? `${e} ${n}` : `${e} ${kt(t.type).toLowerCase()}`;
 	}
 	function r(e) {
 		return $(e);
@@ -1427,11 +1506,11 @@ function zt(e) {
 }
 //#endregion
 //#region src/components/viewer-core/slotContent.ts
-function Bt(e) {
+function Gt(e) {
 	if (!Array.isArray(e)) return !1;
 	for (let t of e) {
 		if (Array.isArray(t)) {
-			if (Bt(t)) return !0;
+			if (Gt(t)) return !0;
 			continue;
 		}
 		if (!h(t)) {
@@ -1442,20 +1521,20 @@ function Bt(e) {
 			if (t != null && t !== !1) return !0;
 			continue;
 		}
-		if (!Vt(t)) return !0;
+		if (!Kt(t)) return !0;
 	}
 	return !1;
 }
-function Vt(r) {
-	return r.type === e ? !0 : r.type === n ? typeof r.children == "string" ? r.children.trim().length === 0 : !0 : r.type === t ? !Bt(r.children) : !1;
+function Kt(r) {
+	return r.type === e ? !0 : r.type === n ? typeof r.children == "string" ? r.children.trim().length === 0 : !0 : r.type === t ? !Gt(r.children) : !1;
 }
 //#endregion
 //#region src/components/viewer-core/useSurfaceEmptyState.ts
-var Ht = "no items available";
-function Ut(e) {
+var qt = "no items available";
+function Jt(e) {
 	let t = i(() => e.loading.value || e.itemCount.value > 0 || e.emptyStateMode.value === "hidden" ? null : {
 		loading: !!e.loading.value,
-		message: Ht,
+		message: qt,
 		mode: e.emptyStateMode.value === "badge" ? "badge" : "inline",
 		surface: e.surface,
 		total: e.itemCount.value
@@ -1463,23 +1542,23 @@ function Ut(e) {
 	return {
 		emptyStateProps: t,
 		showBadgeEmptyState: i(() => t.value?.mode === "badge"),
-		showCustomEmptyState: i(() => Bt(n.value)),
+		showCustomEmptyState: i(() => Gt(n.value)),
 		showInlineEmptyState: i(() => t.value?.mode === "inline")
 	};
 }
 //#endregion
 //#region src/components/viewer-core/format.ts
-function Wt(e) {
+function Yt(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 Gt(e) {
+function Xt(e) {
 	return e.phase ? e.phase : e.loading ? e.itemCount > 0 ? "loading" : "initializing" : "idle";
 }
-function Kt(e) {
+function Zt(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.")
@@ -1502,7 +1581,7 @@ function Kt(e) {
 }
 //#endregion
 //#region src/components/viewer-core/useActivation.ts
-function qt(e) {
+function Qt(e) {
 	let t = !1;
 	L(e.enabled, async (t) => {
 		if (n(t), t) {
@@ -1525,7 +1604,7 @@ function qt(e) {
 }
 //#endregion
 //#region src/components/viewer-core/assetState.ts
-var Jt = {
+var $t = {
 	currentTime: 0,
 	duration: 0,
 	errorKind: null,
@@ -1534,38 +1613,38 @@ var Jt = {
 	ready: !1,
 	volume: 1
 };
-function Yt() {
-	return { ...Jt };
+function en() {
+	return { ...$t };
 }
-function Xt(e) {
+function tn(e) {
 	return e.complete && !!(e.currentSrc || e.getAttribute("src"));
 }
-function Zt(e, t, n) {
-	e.currentTime = Number.isFinite(t.currentTime) ? t.currentTime : 0, e.duration = Number.isFinite(t.duration) ? t.duration : 0, e.muted = t.muted, e.paused = t.paused, e.volume = Number.isFinite(t.volume) ? t.volume : e.volume, n && n !== "error" && (e.errorKind = null), e.ready = Qt(t, n);
+function nn(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 = rn(t, n);
 }
-function Qt(e, t) {
+function rn(e, t) {
 	return t === "error" || t === "loadstart" || t === "waiting" || t === "stalled" ? !1 : t === "canplay" || t === "canplaythrough" || t === "playing" ? !0 : e.readyState >= HTMLMediaElement.HAVE_CURRENT_DATA;
 }
 //#endregion
 //#region src/components/viewer-core/loadError.ts
-var $t = /* @__PURE__ */ new Map();
-function en(e) {
+var an = /* @__PURE__ */ new Map();
+function on(e) {
 	return e === "not-found" ? "404" : "Load error";
 }
-function tn(e) {
+function sn(e) {
 	return e === "generic";
 }
-function nn(e) {
-	return rn(e).then((e) => e ?? "generic");
+function cn(e) {
+	return ln(e).then((e) => e ?? "generic");
 }
-function rn(e) {
-	let t = $t.get(e);
+function ln(e) {
+	let t = an.get(e);
 	if (t) return t;
-	let n = an(e);
-	return $t.set(e, n), n;
+	let n = un(e);
+	return an.set(e, n), n;
 }
-async function an(e) {
-	if (!on(e)) return null;
+async function un(e) {
+	if (!dn(e)) return null;
 	try {
 		let t = await fetch(e, { method: "HEAD" });
 		return t.ok ? null : t.status === 404 ? "not-found" : "generic";
@@ -1573,12 +1652,12 @@ async function an(e) {
 		return "generic";
 	}
 }
-function on(e) {
+function dn(e) {
 	return /^(https?:\/\/|\/)/i.test(e);
 }
 //#endregion
 //#region src/components/viewer-core/mediaPlayback.ts
-function sn(e) {
+function fn(e) {
 	try {
 		let t = e.play();
 		t && typeof t.catch == "function" && t.catch(() => {});
@@ -1586,12 +1665,12 @@ function sn(e) {
 }
 //#endregion
 //#region src/components/viewer-core/useMedia.ts
-function cn(e) {
+function pn(e) {
 	let t = D({}), n = D({}), r = D({}), a = D({}), o = D({}), s = /* @__PURE__ */ new Map(), c = /* @__PURE__ */ new Map(), l = /* @__PURE__ */ new Set(), u = i(() => e.activeItem.value ? $(e.activeItem.value) : null), d = i(() => e.activeMediaItem.value ? $(e.activeMediaItem.value) : null), f = i(() => {
 		let t = /* @__PURE__ */ new Map();
 		for (let n of e.items.value) t.set($(n), n);
 		return t;
-	}), p = i(() => d.value ? r.value[d.value] ?? Jt : Jt), m = i(() => d.value ? p.value.duration : 0), h = i(() => m.value <= 0 ? 0 : ln(p.value.currentTime / m.value * 100, 0, 100)), g = i(() => u.value ? R(u.value) : null);
+	}), p = i(() => d.value ? r.value[d.value] ?? $t : $t), m = i(() => d.value ? p.value.duration : 0), h = i(() => m.value <= 0 ? 0 : mn(p.value.currentTime / m.value * 100, 0, 100)), g = i(() => u.value ? R(u.value) : null);
 	L(() => u.value, async () => {
 		await C();
 	}), L(() => e.itemCount.value, async () => {
@@ -1614,7 +1693,7 @@ function cn(e) {
 		c.delete(e);
 	}
 	function b(e, r) {
-		r instanceof HTMLImageElement && Xt(r) && (t.value[e] = !0, n.value[e] = null, J(e, r.currentSrc || r.src || ie(e)));
+		r instanceof HTMLImageElement && tn(r) && (t.value[e] = !0, n.value[e] = null, J(e, r.currentSrc || r.src || ie(e)));
 	}
 	function x() {
 		H(), a.value = {}, n.value = {}, t.value = {}, o.value = {}, r.value = {}, l.clear();
@@ -1636,14 +1715,14 @@ function cn(e) {
 				V(i, n);
 				continue;
 			}
-			i.muted = !1, i.loop = e.loopFullscreenVideo.value, i.playsInline = !0, sn(i), W(n, i);
+			i.muted = !1, i.loop = e.loopFullscreenVideo.value, i.playsInline = !0, fn(i), W(n, i);
 		}
 		for (let [e, n] of c.entries()) {
 			if (e !== t || r.value[e]?.errorKind) {
 				V(n, e);
 				continue;
 			}
-			sn(n), W(e, n);
+			fn(n), W(e, n);
 		}
 	}
 	function w(e, t) {
@@ -1661,7 +1740,7 @@ function cn(e) {
 	async function E(r, i) {
 		let a = Y(r) ?? e.activeItem.value;
 		t.value[r] = !1, n.value[r] = "generic";
-		let o = await nn(i);
+		let o = await cn(i);
 		n.value[r] = o, a && e.onAssetError?.({
 			item: a,
 			occurrenceKey: r,
@@ -1679,7 +1758,7 @@ function cn(e) {
 			} catch {}
 		}
 		i.currentTime = 0, i.duration = 0, i.paused = !0, i.ready = !1, i.errorKind = "generic";
-		let o = await nn(n);
+		let o = await cn(n);
 		i.errorKind = o, a && e.onAssetError?.({
 			item: a,
 			occurrenceKey: t,
@@ -1699,13 +1778,13 @@ function cn(e) {
 		if (!t || !n || !(e.target instanceof HTMLInputElement)) return;
 		let r = Number.parseFloat(e.target.value);
 		if (!Number.isFinite(r)) return;
-		let i = ln(r, 0, m.value || 0);
+		let i = mn(r, 0, m.value || 0);
 		ne(n, i, t), t.currentTime = i;
 	}
 	function M(e) {
 		let t = q(), n = d.value;
 		if (!t || !n || !(e.target instanceof HTMLInputElement)) return;
-		let r = ln(Number.parseFloat(e.target.value), 0, 1);
+		let r = mn(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() {
@@ -1726,10 +1805,10 @@ function cn(e) {
 	}
 	function z(e) {
 		let t = R(e);
-		return t ? en(t) : null;
+		return t ? on(t) : null;
 	}
 	function B(e) {
-		return tn(R(e));
+		return sn(R(e));
 	}
 	function ee(e) {
 		return `${e}:${a.value[e] ?? 0}`;
@@ -1756,17 +1835,17 @@ function cn(e) {
 		for (let [e, t] of c.entries()) V(t, e);
 	}
 	function U(e) {
-		return r.value[e] || (r.value[e] = Yt()), r.value[e];
+		return r.value[e] || (r.value[e] = en()), r.value[e];
 	}
 	function W(e, t, n) {
-		Zt(U(e), t, n), !t.muted && t.volume > 0 && (o.value[e] = t.volume);
+		nn(U(e), t, n), !t.muted && t.volume > 0 && (o.value[e] = t.volume);
 	}
 	function ne(e, t, n) {
 		let r = U(e);
 		r.currentTime = t, r.duration = Number.isFinite(n.duration) ? n.duration : r.duration, r.muted = n.muted, r.paused = n.paused, r.volume = Number.isFinite(n.volume) ? n.volume : r.volume;
 	}
 	function G(e) {
-		return ln(o.value[e] ?? 1, 0, 1);
+		return mn(o.value[e] ?? 1, 0, 1);
 	}
 	function K(e) {
 		return s.get(e) ?? c.get(e) ?? null;
@@ -1777,7 +1856,7 @@ function cn(e) {
 	function re(e) {
 		if (e) {
 			if (e.paused) {
-				sn(e);
+				fn(e);
 				return;
 			}
 			e.pause();
@@ -1831,10 +1910,10 @@ function cn(e) {
 		syncMediaPlayback: C
 	};
 }
-function ln(e, t, n) {
+function mn(e, t, n) {
 	return Math.min(Math.max(e, t), n);
 }
-function un(e, t, n = 2) {
+function hn(e, t, n = 2) {
 	return t <= 0 ? {
 		start: 0,
 		end: -1
@@ -1843,14 +1922,14 @@ function un(e, t, n = 2) {
 		end: Math.min(t - 1, e + n)
 	};
 }
-function dn(e, t, n = 2) {
-	let r = un(t, e.length, n);
+function gn(e, t, n = 2) {
+	let r = hn(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 fn(e, t, n, r, i) {
+function _n(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)"
@@ -1858,12 +1937,12 @@ function fn(e, t, n, r, i) {
 }
 //#endregion
 //#region src/components/viewer-core/useViewer.ts
-function pn(e, t, n = {}) {
-	let r = i(() => e.items), a = i(() => e.activeIndex ?? 0), o = i(() => e.errorMessage ?? null), s = i(() => e.loading ?? !1), c = i(() => e.hasNextPage ?? !1), l = i(() => e.loopFullscreenVideo ?? !0), u = i(() => e.paginationDetail ?? null), d = i(() => Gt({
+function vn(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(() => Xt({
 		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 = cn({
+	})), 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 = pn({
 		items: r,
 		activeItem: C,
 		activeMediaItem: w,
@@ -1872,14 +1951,14 @@ function pn(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(() => Kt({
+	}), E = i(() => r.value.length > 0 && S.value === r.value.length - 1), O = i(() => Zt({
 		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(() => un(S.value, r.value.length)), N = i(() => dn(r.value, S.value));
-	qt({
+	})), k = i(() => O.value?.kind ?? null), A = i(() => O.value?.message ?? null), j = i(() => Math.min(96, g.value * .15 || 96)), M = i(() => hn(S.value, r.value.length)), N = i(() => gn(r.value, S.value));
+	Qt({
 		enabled: _,
 		onDisable() {
 			H(), T.resetMediaState();
@@ -1957,7 +2036,7 @@ function pn(e, t, n = {}) {
 		return e.type === "audio";
 	}
 	function ie(e) {
-		return fn(e, S.value, g.value, m.value, h.value);
+		return _n(e, S.value, g.value, m.value, h.value);
 	}
 	return {
 		activeItem: C,
@@ -1972,7 +2051,7 @@ function pn(e, t, n = {}) {
 		getAssetErrorKind: T.getAssetErrorKind,
 		getAssetErrorLabel: T.getAssetErrorLabel,
 		getAssetRenderKey: T.getAssetRenderKey,
-		formatPlaybackTime: Wt,
+		formatPlaybackTime: Yt,
 		getImageSource: T.getImageSource,
 		getSlideStyle: ie,
 		hasNextPage: c,
@@ -2016,21 +2095,21 @@ function pn(e, t, n = {}) {
 }
 //#endregion
 //#region src/components/viewer-core/theme.ts
-var mn = "bg-[linear-gradient(180deg,#0a0b10,#05060a)]", hn = "bg-[linear-gradient(180deg,#0b0c11,#06070b)]", gn = {
+var yn = "bg-[linear-gradient(180deg,#0a0b10,#05060a)]", bn = "bg-[linear-gradient(180deg,#0b0c11,#06070b)]", xn = {
 	image: !0,
 	video: !0,
 	audio: !0,
 	other: !0
 };
-function _n(e) {
-	return gn[e], mn;
+function Sn(e) {
+	return xn[e], yn;
 }
-function vn(e) {
-	return gn[e], hn;
+function Cn(e) {
+	return xn[e], bn;
 }
 //#endregion
 //#region src/components/viewer-core/dominantImageTone.ts
-function yn(e) {
+function wn(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;
@@ -2045,20 +2124,20 @@ function yn(e) {
 			r += d, i += s * d, a += c * d, o += l * d;
 		}
 		return r <= 0 ? null : {
-			r: bn(Math.round(i / r)),
-			g: bn(Math.round(a / r)),
-			b: bn(Math.round(o / r))
+			r: Tn(Math.round(i / r)),
+			g: Tn(Math.round(a / r)),
+			b: Tn(Math.round(o / r))
 		};
 	} catch {
 		return null;
 	}
 }
-function bn(e) {
+function Tn(e) {
 	return Math.min(235, Math.max(26, e));
 }
 //#endregion
 //#region src/components/viewer-core/useFullscreenDominantTone.ts
-function xn(e) {
+function En(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;
@@ -2073,7 +2152,7 @@ function xn(e) {
 	});
 	function s(n, r) {
 		if (!e.showDominantImageTone.value) return;
-		let i = yn(r);
+		let i = wn(r);
 		i && (t.value[n] = i);
 	}
 	return {
@@ -2084,7 +2163,7 @@ function xn(e) {
 }
 //#endregion
 //#region src/components/SurfaceEmptyState.vue?vue&type=script&setup=true&lang.ts
-var Sn = ["data-surface"], Cn = ["data-surface"], wn = /* @__PURE__ */ d({
+var Dn = ["data-surface"], On = ["data-surface"], kn = /* @__PURE__ */ d({
 	inheritAttrs: !1,
 	__name: "SurfaceEmptyState",
 	props: {
@@ -2098,31 +2177,31 @@ var Sn = ["data-surface"], Cn = ["data-surface"], wn = /* @__PURE__ */ d({
 			"data-testid": "vibe-empty-state-inline",
 			"data-surface": e.surface,
 			class: ["pointer-events-none absolute z-[4] text-center", e.surface === "grid" ? "inset-x-0 top-[clamp(6rem,22vh,11rem)] flex justify-center px-6" : "inset-0 grid place-items-center px-[clamp(2rem,4vw,3rem)] py-[clamp(2rem,4vw,3rem)]"]
-		}), [k(n.$slots, "default", {}, () => [c("p", { class: v(["m-0 text-[0.82rem] font-medium tracking-[0.08em]", e.surface === "grid" ? "text-[#f7f1ea]/58" : "text-[#f7f1ea]/64"]) }, j(e.message), 3)])], 16, Sn)) : (w(), s("div", g({ key: 1 }, N(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, Dn)) : (w(), s("div", g({ key: 1 }, N(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"])
-		}, j(e.message), 11, Cn)])], 16));
+		}, j(e.message), 11, On)])], 16));
 	}
-}), Tn = { class: "relative h-full min-h-0 overflow-hidden bg-[#05060a] text-[#f7f1ea]" }, En = {
+}), An = { class: "relative h-full min-h-0 overflow-hidden bg-[#05060a] text-[#f7f1ea]" }, jn = {
 	key: 0,
 	class: "relative h-full min-h-0"
-}, Dn = [
+}, Mn = [
 	"data-item-id",
 	"data-occurrence-key",
 	"data-index",
 	"data-active",
 	"aria-hidden"
-], On = {
+], Nn = {
 	key: 0,
 	"data-testid": "vibe-asset-spinner",
 	class: "pointer-events-none absolute inset-0 z-[2] grid place-items-center"
-}, kn = { class: "inline-flex h-12 w-12 items-center justify-center rounded-full bg-black/45 shadow-[0_18px_40px_-18px_rgba(0,0,0,0.85)] backdrop-blur-[18px]" }, An = ["data-kind"], jn = { class: "grid justify-items-center gap-4 border border-white/14 bg-black/45 px-8 py-7 text-center backdrop-blur-[18px]" }, Mn = { class: "m-0 text-[0.82rem] font-bold uppercase tracking-[0.28em] text-[#f7f1ea]/70" }, Nn = ["onClick"], Pn = [
+}, Pn = { 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]" }, Fn = ["data-kind"], In = { class: "grid justify-items-center gap-4 border border-white/14 bg-black/45 px-8 py-7 text-center backdrop-blur-[18px]" }, Ln = { class: "m-0 text-[0.82rem] font-bold uppercase tracking-[0.28em] text-[#f7f1ea]/70" }, Rn = ["onClick"], zn = [
 	"src",
 	"alt",
 	"onLoad",
 	"onError"
-], Fn = [
+], Bn = [
 	"loop",
 	"src",
 	"preload",
@@ -2141,15 +2220,15 @@ var Sn = ["data-surface"], Cn = ["data-surface"], wn = /* @__PURE__ */ d({
 	"onStalled",
 	"onTimeupdate",
 	"onWaiting"
-], In = { class: "relative grid aspect-square w-[clamp(320px,46vw,560px)] max-w-[calc(100vw-2.5rem)] place-items-center" }, Ln = [
+], Vn = { class: "relative grid aspect-square w-[clamp(320px,46vw,560px)] max-w-[calc(100vw-2.5rem)] place-items-center" }, Hn = [
 	"aria-label",
 	"disabled",
 	"onClick"
-], Rn = { 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]" }, zn = { 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]" }, Bn = {
+], Un = { class: "relative z-[1] inline-flex min-h-[4.25rem] min-w-[4.25rem] items-center justify-center border border-white/18 bg-emerald-500/12 p-4 backdrop-blur-[20px]" }, Wn = { class: "pointer-events-none absolute bottom-4 right-4 inline-flex h-10 w-10 items-center justify-center border border-white/14 bg-black/50 backdrop-blur-[18px]" }, Gn = {
 	key: 0,
 	"data-testid": "vibe-asset-spinner",
 	class: "pointer-events-none absolute inset-0 z-[3] grid place-items-center"
-}, Vn = { class: "inline-flex h-12 w-12 items-center justify-center rounded-full bg-black/45 shadow-[0_18px_40px_-18px_rgba(0,0,0,0.85)] backdrop-blur-[18px]" }, Hn = ["data-kind"], Un = { class: "m-0 text-[0.82rem] font-bold uppercase tracking-[0.28em] text-[#f7f1ea]/70" }, Wn = ["onClick"], Gn = [
+}, Kn = { class: "inline-flex h-12 w-12 items-center justify-center rounded-full bg-black/45 shadow-[0_18px_40px_-18px_rgba(0,0,0,0.85)] backdrop-blur-[18px]" }, qn = ["data-kind"], Jn = { class: "m-0 text-[0.82rem] font-bold uppercase tracking-[0.28em] text-[#f7f1ea]/70" }, Yn = ["onClick"], Xn = [
 	"src",
 	"preload",
 	"onCanplay",
@@ -2165,26 +2244,26 @@ var Sn = ["data-surface"], Cn = ["data-surface"], wn = /* @__PURE__ */ d({
 	"onStalled",
 	"onTimeupdate",
 	"onWaiting"
-], Kn = {
+], Zn = {
 	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"
-}, qn = { 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]" }, Jn = {
+}, Qn = { 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]" }, $n = {
 	key: 0,
 	"data-testid": "vibe-fullscreen-overlay",
 	class: "pointer-events-none absolute inset-0 z-[6]"
-}, Yn = { class: "h-full w-full" }, Xn = {
+}, er = { class: "h-full w-full" }, tr = {
 	key: 1,
 	"data-testid": "vibe-forward-fill-placeholder",
 	class: "grid h-full min-h-0 place-items-center px-6 text-center"
-}, Zn = { class: "grid justify-items-center gap-4 border border-white/14 bg-black/40 px-8 py-7 backdrop-blur-[18px]" }, 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 = { class: "m-0 text-[0.78rem] font-bold uppercase tracking-[0.24em] text-[#f7f1ea]/72" }, er = {
+}, nr = { class: "grid justify-items-center gap-4 border border-white/14 bg-black/40 px-8 py-7 backdrop-blur-[18px]" }, 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)]" }, ir = { class: "m-0 text-[0.78rem] font-bold uppercase tracking-[0.24em] text-[#f7f1ea]/72" }, ar = {
 	key: 0,
 	"data-testid": "vibe-fullscreen-aside",
 	class: "h-full min-h-0 overflow-hidden border-l border-white/10 bg-black/45 backdrop-blur-[18px]"
-}, tr = { class: "h-full min-h-0 overflow-y-auto overscroll-y-contain" }, nr = {
+}, or = { class: "h-full min-h-0 overflow-y-auto overscroll-y-contain" }, sr = {
 	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]"
-}, rr = { class: "h-full min-h-0 overflow-y-auto overscroll-y-contain" }, ir = 1280, ar = 768, or = /* @__PURE__ */ d({
+}, cr = { class: "h-full min-h-0 overflow-y-auto overscroll-y-contain" }, lr = 1280, ur = 768, dr = /* @__PURE__ */ d({
 	__name: "FullscreenSurface",
 	props: {
 		active: {
@@ -2236,23 +2315,23 @@ var Sn = ["data-surface"], Cn = ["data-surface"], wn = /* @__PURE__ */ d({
 	},
 	emits: ["back-to-list", "update:activeIndex"],
 	setup(e, { emit: n }) {
-		let d = e, f = F(), m = n, h = pn(d, (e, t) => {
+		let d = e, f = F(), m = n, h = vn(d, (e, t) => {
 			m("update:activeIndex", t);
 		}, {
 			enabled: M(d, "active"),
 			onAssetError: d.reportAssetError ?? void 0,
 			onAssetLoad: d.reportAssetLoad ?? void 0
-		}), _ = D(typeof window > "u" ? ir : window.innerWidth || ir), C = zt({
+		}), _ = D(typeof window > "u" ? lr : window.innerWidth || lr), C = Wt({
 			active: M(d, "active"),
 			items: h.items,
 			resolvedActiveIndex: h.resolvedActiveIndex,
 			viewer: h
-		}), T = i(() => _n(h.activeItem.value?.type ?? "image")), { activeSlideToneStyle: E, activeStageToneStyle: P, updateFromImageElement: I } = xn({
+		}), T = i(() => Sn(h.activeItem.value?.type ?? "image")), { activeSlideToneStyle: E, activeStageToneStyle: P, updateFromImageElement: I } = En({
 			activeItem: h.activeItem,
 			getItemKey: C.getItemKey,
 			isImageReady: h.isImageReady,
 			showDominantImageTone: M(d, "showDominantImageTone")
-		}), L = i(() => h.activeMediaItem.value && !h.activeAssetErrorKind.value ? "bottom-[5.8rem] max-[720px]:bottom-[7.4rem]" : "bottom-[1.8rem] max-[720px]:bottom-[1.3rem]"), R = i(() => !!h.activeMediaItem.value && !h.activeAssetErrorKind.value), B = i(() => _.value < ar ? "vertical" : "horizontal"), te = i(() => R.value ? "pb-[5.75rem] max-[720px]:pb-[7rem]" : ""), V = i(() => d.activeIndex >= d.items.length && (d.loading || d.hasNextPage)), H = i(() => d.hasNextPage ? "Loading more items" : h.statusMessage.value ?? "Loading more items"), U = i(() => {
+		}), L = i(() => h.activeMediaItem.value && !h.activeAssetErrorKind.value ? "bottom-[5.8rem] max-[720px]:bottom-[7.4rem]" : "bottom-[1.8rem] max-[720px]:bottom-[1.3rem]"), R = i(() => !!h.activeMediaItem.value && !h.activeAssetErrorKind.value), B = i(() => _.value < ur ? "vertical" : "horizontal"), te = i(() => R.value ? "pb-[5.75rem] max-[720px]:pb-[7rem]" : ""), V = i(() => d.activeIndex >= d.items.length && (d.loading || d.hasNextPage)), H = i(() => d.hasNextPage ? "Loading more items" : h.statusMessage.value ?? "Loading more items"), U = i(() => {
 			let e = h.activeItem.value;
 			return e ? {
 				hasNextPage: d.hasNextPage,
@@ -2269,7 +2348,7 @@ var Sn = ["data-surface"], Cn = ["data-surface"], wn = /* @__PURE__ */ d({
 		}), K = i(() => !G.value || !f["fullscreen-status"] ? [] : f["fullscreen-status"](G.value)), q = i(() => ({
 			gridTemplateColumns: Y.value ? "minmax(0, 1fr) 22rem" : "minmax(0, 1fr) 0rem",
 			transition: "grid-template-columns 320ms cubic-bezier(0.22, 1, 0.36, 1)"
-		})), re = i(() => Bt(W.value)), J = i(() => Bt(ne.value)), Y = i(() => J.value && _.value >= ir), ie = i(() => J.value && !Y.value), ae = i(() => Bt(K.value)), { emptyStateProps: X, showBadgeEmptyState: ue, showCustomEmptyState: de, showInlineEmptyState: fe } = Ut({
+		})), re = i(() => Gt(W.value)), J = i(() => Gt(ne.value)), Y = i(() => J.value && _.value >= lr), ie = i(() => J.value && !Y.value), ae = i(() => Gt(K.value)), { emptyStateProps: X, showBadgeEmptyState: ue, showCustomEmptyState: de, showInlineEmptyState: fe } = Jt({
 			emptyStateMode: M(d, "emptyStateMode"),
 			itemCount: i(() => d.items.length),
 			loading: M(d, "loading"),
@@ -2282,7 +2361,7 @@ var Sn = ["data-surface"], Cn = ["data-surface"], wn = /* @__PURE__ */ d({
 			window.removeEventListener("resize", Z);
 		});
 		function Z() {
-			_.value = window.innerWidth || ir;
+			_.value = window.innerWidth || lr;
 		}
 		function pe(e, t, n) {
 			C.settleBackgroundPreload(t), h.onImageLoad(t, n);
@@ -2322,7 +2401,7 @@ var Sn = ["data-surface"], Cn = ["data-surface"], wn = /* @__PURE__ */ d({
 			let r = n.play();
 			r && typeof r.catch == "function" && r.catch(() => {});
 		}
-		return (e, n) => (w(), s("div", Tn, [
+		return (e, n) => (w(), s("div", An, [
 			c("div", {
 				class: v(["absolute inset-0 transition-[background] duration-200", T.value]),
 				style: b(N(P))
@@ -2339,7 +2418,7 @@ var Sn = ["data-surface"], Cn = ["data-surface"], wn = /* @__PURE__ */ d({
 				onPointerup: n[3] ||= (...e) => N(h).onPointerUp && N(h).onPointerUp(...e),
 				onPointercancel: n[4] ||= (...e) => N(h).onPointerCancel && N(h).onPointerCancel(...e),
 				onWheel: n[5] ||= (...e) => N(h).onWheel && N(h).onWheel(...e)
-			}, [N(h).activeItem.value ? (w(), s("div", En, [
+			}, [N(h).activeItem.value ? (w(), s("div", jn, [
 				(w(!0), s(t, null, O(N(h).renderedItems.value, ({ item: r, index: i }) => (w(), s("article", {
 					key: N(C).getItemKey(r),
 					"data-testid": "vibe-slide",
@@ -2351,12 +2430,12 @@ var Sn = ["data-surface"], Cn = ["data-surface"], wn = /* @__PURE__ */ d({
 					class: v(["absolute inset-0 flex h-full min-h-full items-center justify-center will-change-transform", i === N(h).resolvedActiveIndex.value ? "pointer-events-auto" : "pointer-events-none"]),
 					style: b(N(h).getSlideStyle(i))
 				}, [c("div", {
-					class: v(["absolute inset-0 opacity-85", N(vn)(r.type)]),
+					class: v(["absolute inset-0 opacity-85", N(Cn)(r.type)]),
 					style: b(i === N(h).resolvedActiveIndex.value && r.type === "image" ? N(E) : void 0)
 				}, null, 6), N(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 === N(h).resolvedActiveIndex.value ? te.value : ""])
-				}, [N(C).isAssetLoading(i, r) ? (w(), s("div", On, [c("span", kn, [u(N(oe), {
+				}, [N(C).isAssetLoading(i, r) ? (w(), s("div", Nn, [c("span", Pn, [u(N(oe), {
 					class: "h-5 w-5 animate-spin stroke-[1.9] text-[#f7f1ea]/78",
 					"aria-hidden": "true"
 				})])])) : o("", !0), N(C).isAssetErrored(i, r) ? (w(), s("div", {
@@ -2364,19 +2443,19 @@ var Sn = ["data-surface"], Cn = ["data-surface"], wn = /* @__PURE__ */ d({
 					"data-testid": "vibe-asset-error",
 					"data-kind": N(C).getAssetErrorKind(r),
 					class: "grid h-full w-full place-items-center"
-				}, [c("div", jn, [
+				}, [c("div", In, [
 					u(N(le), {
 						class: "h-7 w-7 stroke-[1.9] text-[#f7f1ea]/72",
 						"aria-hidden": "true"
 					}),
-					c("p", Mn, j(N(C).getAssetErrorLabel(r)), 1),
+					c("p", Ln, j(N(C).getAssetErrorLabel(r)), 1),
 					N(h).canRetryAsset(N(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: ee((e) => N(h).retryAsset(N(C).getItemKey(r)), ["stop"])
-					}, " Retry ", 8, Nn)) : o("", !0)
-				])], 8, An)) : r.type === "image" ? (w(), s("img", {
+					}, " Retry ", 8, Rn)) : o("", !0)
+				])], 8, Fn)) : r.type === "image" ? (w(), s("img", {
 					key: N(h).getAssetRenderKey(N(C).getItemKey(r)),
 					src: N(C).getFullscreenImageSource(i, r),
 					alt: r.title ?? "",
@@ -2387,7 +2466,7 @@ var Sn = ["data-surface"], Cn = ["data-surface"], wn = /* @__PURE__ */ d({
 					ref: (e) => he(N(C).getItemKey(r), e),
 					onLoad: (e) => pe(e, N(C).getItemKey(r), r.url),
 					onError: (e) => me(N(C).getItemKey(r), r.url)
-				}, null, 42, Pn)) : (w(), s("video", {
+				}, null, 42, zn)) : (w(), s("video", {
 					key: N(h).getAssetRenderKey(N(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", N(h).isMediaReady(N(C).getItemKey(r)) ? "opacity-100" : "opacity-0"]),
 					playsinline: "",
@@ -2411,10 +2490,10 @@ var Sn = ["data-surface"], Cn = ["data-surface"], wn = /* @__PURE__ */ d({
 					onStalled: (e) => Q(N(C).getItemKey(r), e),
 					onTimeupdate: (e) => Q(N(C).getItemKey(r), e),
 					onWaiting: (e) => Q(N(C).getItemKey(r), e)
-				}, null, 42, Fn))], 2)) : N(h).isAudio(r) ? (w(), s("div", {
+				}, null, 42, Bn))], 2)) : N(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 === N(h).resolvedActiveIndex.value ? te.value : ""])
-				}, [c("div", In, [
+				}, [c("div", Vn, [
 					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]",
@@ -2424,19 +2503,19 @@ var Sn = ["data-surface"], Cn = ["data-surface"], wn = /* @__PURE__ */ d({
 					}, [
 						n[6] ||= c("span", { class: "pointer-events-none absolute inset-0 border border-white/8 bg-[radial-gradient(circle,rgba(16,185,129,0.16),transparent_66%)]" }, null, -1),
 						n[7] ||= c("span", { class: "pointer-events-none absolute h-[clamp(220px,30vw,360px)] w-[clamp(220px,30vw,360px)] border border-white/8 bg-[radial-gradient(circle,rgba(255,255,255,0.08),transparent_62%)]" }, null, -1),
-						c("span", Rn, [k(e.$slots, "item-icon", {
-							icon: N(Tt)(r.type),
+						c("span", Un, [k(e.$slots, "item-icon", {
+							icon: N(Ot)(r.type),
 							item: r
-						}, () => [(w(), a(A(N(Tt)(r.type)), {
+						}, () => [(w(), a(A(N(Ot)(r.type)), {
 							class: "h-6 w-6 stroke-[1.9]",
 							"aria-hidden": "true"
 						}))])]),
-						c("span", zn, [(w(), a(A(N(h).mediaStates.value[N(C).getItemKey(r)]?.paused ?? !0 ? N(ce) : N(se)), {
+						c("span", Wn, [(w(), a(A(N(h).mediaStates.value[N(C).getItemKey(r)]?.paused ?? !0 ? N(ce) : N(se)), {
 							class: "h-4 w-4 stroke-2",
 							"aria-hidden": "true"
 						}))])
-					], 8, Ln),
-					N(C).isAssetLoading(i, r) ? (w(), s("div", Bn, [c("span", Vn, [u(N(oe), {
+					], 8, Hn),
+					N(C).isAssetLoading(i, r) ? (w(), s("div", Gn, [c("span", Kn, [u(N(oe), {
 						class: "h-5 w-5 animate-spin stroke-[1.9] text-[#f7f1ea]/78",
 						"aria-hidden": "true"
 					})])])) : o("", !0),
@@ -2449,14 +2528,14 @@ var Sn = ["data-surface"], Cn = ["data-surface"], wn = /* @__PURE__ */ d({
 							class: "h-7 w-7 stroke-[1.9] text-[#f7f1ea]/72",
 							"aria-hidden": "true"
 						}),
-						c("p", Un, j(N(C).getAssetErrorLabel(r)), 1),
+						c("p", Jn, j(N(C).getAssetErrorLabel(r)), 1),
 						N(h).canRetryAsset(N(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: ee((e) => N(h).retryAsset(N(C).getItemKey(r)), ["stop"])
-						}, " Retry ", 8, Wn)) : o("", !0)
-					], 8, Hn)], 64)) : o("", !0)
+						}, " Retry ", 8, Yn)) : o("", !0)
+					], 8, qn)], 64)) : o("", !0)
 				]), (w(), s("audio", {
 					key: N(h).getAssetRenderKey(N(C).getItemKey(r)),
 					src: N(C).getFullscreenMediaSource(i, r),
@@ -2477,15 +2556,15 @@ var Sn = ["data-surface"], Cn = ["data-surface"], wn = /* @__PURE__ */ d({
 					onStalled: (e) => Q(N(C).getItemKey(r), e),
 					onTimeupdate: (e) => Q(N(C).getItemKey(r), e),
 					onWaiting: (e) => Q(N(C).getItemKey(r), e)
-				}, null, 40, Gn))], 2)) : (w(), s("div", Kn, [c("div", qn, [k(e.$slots, "item-icon", {
-					icon: N(Tt)(r.type),
+				}, null, 40, Xn))], 2)) : (w(), s("div", Zn, [c("div", Qn, [k(e.$slots, "item-icon", {
+					icon: N(Ot)(r.type),
 					item: r
-				}, () => [(w(), a(A(N(Tt)(r.type)), {
+				}, () => [(w(), a(A(N(Ot)(r.type)), {
 					class: "h-6 w-6 stroke-[1.9]",
 					"aria-hidden": "true"
-				}))])])]))], 14, Dn))), 128)),
-				U.value && f["fullscreen-overlay"] ? (w(), s("div", Jn, [c("div", Yn, [k(e.$slots, "fullscreen-overlay", y(p(U.value)))])])) : o("", !0),
-				N(h).activeItem.value ? (w(), a(St, {
+				}))])])]))], 14, Mn))), 128)),
+				U.value && f["fullscreen-overlay"] ? (w(), s("div", $n, [c("div", er, [k(e.$slots, "fullscreen-overlay", y(p(U.value)))])])) : o("", !0),
+				N(h).activeItem.value ? (w(), a(Tt, {
 					key: 1,
 					"current-index": N(h).resolvedActiveIndex.value,
 					loading: d.loading,
@@ -2508,7 +2587,7 @@ var Sn = ["data-surface"], Cn = ["data-surface"], wn = /* @__PURE__ */ d({
 					"title",
 					"total"
 				])) : o("", !0),
-				R.value ? (w(), a(dt, {
+				R.value ? (w(), a(mt, {
 					key: 2,
 					"current-time": N(h).activeMediaState.value.currentTime,
 					"current-time-label": N(h).formatPlaybackTime(N(h).activeMediaState.value.currentTime),
@@ -2542,10 +2621,10 @@ var Sn = ["data-surface"], Cn = ["data-surface"], wn = /* @__PURE__ */ d({
 					"data-testid": "vibe-fullscreen-status-badge",
 					class: v(["inline-flex w-auto items-center border border-white/14 bg-black/40 px-5 py-3 text-[0.75rem] font-bold uppercase tracking-[0.18em] text-[#f7f1ea]/74 backdrop-blur-[18px] max-[720px]:w-[calc(100%-2.5rem)] max-[720px]:justify-center", G.value.kind === "end" ? "border-amber-300/35 text-amber-200" : G.value.kind === "failed" ? "border-rose-400/45 text-rose-100" : ""])
 				}, j(G.value.message), 3))], 2)) : o("", !0)
-			])) : V.value ? (w(), s("div", Xn, [c("div", Zn, [c("span", Qn, [u(N(oe), {
+			])) : V.value ? (w(), s("div", tr, [c("div", nr, [c("span", rr, [u(N(oe), {
 				class: "h-5 w-5 animate-spin stroke-[1.9] text-[#f7f1ea]/78",
 				"aria-hidden": "true"
-			})]), c("p", $n, j(H.value), 1)])])) : N(fe) && N(X) ? (w(), a(wn, {
+			})]), c("p", ir, j(H.value), 1)])])) : N(fe) && N(X) ? (w(), a(kn, {
 				key: 2,
 				message: N(X).message,
 				mode: N(X).mode,
@@ -2557,7 +2636,7 @@ var Sn = ["data-surface"], Cn = ["data-surface"], wn = /* @__PURE__ */ d({
 				"message",
 				"mode",
 				"surface"
-			])) : o("", !0), N(ue) && N(X) ? (w(), a(wn, {
+			])) : o("", !0), N(ue) && N(X) ? (w(), a(kn, {
 				key: 3,
 				message: N(X).message,
 				mode: N(X).mode,
@@ -2577,7 +2656,7 @@ var Sn = ["data-surface"], Cn = ["data-surface"], wn = /* @__PURE__ */ d({
 				"leave-from-class": "translate-x-0 opacity-100",
 				"leave-to-class": "translate-x-full opacity-0"
 			}, {
-				default: z(() => [Y.value && U.value ? (w(), s("aside", er, [c("div", tr, [k(e.$slots, "fullscreen-aside", y(p(U.value)))])])) : o("", !0)]),
+				default: z(() => [Y.value && U.value ? (w(), s("aside", ar, [c("div", or, [k(e.$slots, "fullscreen-aside", y(p(U.value)))])])) : o("", !0)]),
 				_: 3
 			})], 4),
 			u(r, {
@@ -2588,29 +2667,29 @@ var Sn = ["data-surface"], Cn = ["data-surface"], wn = /* @__PURE__ */ d({
 				"leave-from-class": "translate-x-0 opacity-100",
 				"leave-to-class": "translate-x-full opacity-0"
 			}, {
-				default: z(() => [ie.value && U.value ? (w(), s("aside", nr, [c("div", rr, [k(e.$slots, "fullscreen-aside", y(p(U.value)))])])) : o("", !0)]),
+				default: z(() => [ie.value && U.value ? (w(), s("aside", sr, [c("div", cr, [k(e.$slots, "fullscreen-aside", y(p(U.value)))])])) : o("", !0)]),
 				_: 3
 			})
 		]));
 	}
-}), sr = 1, cr = .5;
-function lr(e) {
+}), fr = 1, pr = .5;
+function mr(e) {
 	if (e.type !== "image" && e.type !== "video") return {
-		width: sr,
-		height: sr,
+		width: fr,
+		height: fr,
 		source: "fallback"
 	};
 	let t = e.preview?.width, n = e.preview?.height;
-	if (gr(t) && gr(n)) {
-		let r = _r(e, t, n);
+	if (xr(t) && xr(n)) {
+		let r = Sr(e, t, n);
 		return {
 			width: r.width,
 			height: r.height,
 			source: "preview"
 		};
 	}
-	if (gr(e.width) && gr(e.height)) {
-		let t = _r(e, e.width, e.height);
+	if (xr(e.width) && xr(e.height)) {
+		let t = Sr(e, e.width, e.height);
 		return {
 			width: t.width,
 			height: t.height,
@@ -2618,31 +2697,31 @@ function lr(e) {
 		};
 	}
 	return {
-		width: sr,
-		height: sr,
+		width: fr,
+		height: fr,
 		source: "fallback"
 	};
 }
-function ur(e, t) {
+function hr(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 gr(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 _r(e, t) {
+	let n = mr(e);
 	return n.height / n.width * t;
 }
-function pr(e, t) {
+function vr(e, t) {
 	let n = Array.from({ length: t.columnCount }, () => 0), r = Array(e.length), i = Array(e.length), a = /* @__PURE__ */ new Map(), o = /* @__PURE__ */ new Map(), s = 0;
 	for (let c = 0; c < e.length; c += 1) {
 		let l = e[c];
 		o.set($(l), c);
 		let u = 0;
 		for (let e = 1; e < n.length; e += 1) n[e] < n[u] && (u = e);
-		let d = u * (t.columnWidth + t.gapX), f = n[u], p = fr(l, t.columnWidth);
+		let d = u * (t.columnWidth + t.gapX), f = n[u], p = _r(l, t.columnWidth);
 		r[c] = {
 			x: d,
 			y: f
@@ -2661,7 +2740,7 @@ function pr(e, t) {
 		indexById: o
 	};
 }
-function mr(e) {
+function yr(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();
@@ -2671,7 +2750,7 @@ function mr(e) {
 	}
 	return Array.from(a).sort((e, t) => e - t);
 }
-function hr(e, t, n) {
+function br(e, t, n) {
 	let r = /* @__PURE__ */ new Map();
 	for (let i of e) {
 		let e = t.get($(i));
@@ -2681,11 +2760,11 @@ function hr(e, t, n) {
 	}
 	return r;
 }
-function gr(e) {
+function xr(e) {
 	return typeof e == "number" && Number.isFinite(e) && e > 0;
 }
-function _r(e, t, n) {
-	return e.type !== "image" || n / t >= cr ? {
+function Sr(e, t, n) {
+	return e.type !== "image" || n / t >= pr ? {
 		width: t,
 		height: n
 	} : {
@@ -2695,21 +2774,21 @@ function _r(e, t, n) {
 }
 //#endregion
 //#region src/components/viewer-core/useMasonryMotion.ts
-var vr = 300, yr = 600, br = 40, xr = 300, Sr = 400;
-function Cr(e, t) {
+var Cr = 300, wr = 600, Tr = 40, Er = 300, Dr = 400;
+function Or(e, t) {
 	return t === "top" ? [...e].reverse() : e;
 }
-function wr(e) {
-	return e <= 0 ? yr : yr + Math.min((e - 1) * br, Sr);
+function kr(e) {
+	return e <= 0 ? wr : wr + Math.min((e - 1) * Tr, Dr);
 }
-function Tr() {
-	return xr;
+function Ar() {
+	return Er;
 }
-function Er(e) {
+function jr(e) {
 	let t = e.itemHeight > 0 ? e.itemHeight : e.columnWidth;
 	return e.direction === "top" ? e.scrollTop - t : e.scrollTop + e.viewportHeight + t;
 }
-function Dr(e) {
+function Mr(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()));
 	L(e.visibleIndices, (i) => {
 		if (!i.length) return;
@@ -2719,20 +2798,20 @@ function Dr(e) {
 			!r || !t.value.has(r) || d.has(r) || (d.add(r), o.push(r));
 		}
 		if (!o.length) return;
-		let s = Cr(o, a.value.get(o[0]) ?? "bottom"), c = new Map(r.value);
-		for (let e = 0; e < s.length; e += 1) c.set(s[e], Math.min(e * br, Sr));
-		r.value = c, Or(() => {
+		let s = Or(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 * Tr, Dr));
+		r.value = c, Nr(() => {
 			let e = new Set(n.value);
 			for (let t of o) e.add(t);
 			n.value = e;
-		}), kr(() => {
+		}), Pr(() => {
 			let e = new Set(t.value);
 			for (let t of o) e.delete(t);
 			t.value = e, S(() => {
 				let e = new Set(n.value), t = new Map(r.value), i = new Map(a.value);
 				for (let n of o) e.delete(n), t.delete(n), i.delete(n), d.delete(n);
 				n.value = e, r.value = t, a.value = i;
-			}, wr(o.length));
+			}, kr(o.length));
 		});
 	}, { flush: "post" }), L(() => e.items.value.map((e) => $(e)), (e) => {
 		if (!e.length || !o.value.size) return;
@@ -2759,7 +2838,7 @@ function Dr(e) {
 			let e = $(t.item);
 			p.push(e), i.set(e, t), c.delete(e), l.delete(e), u.delete(e), f.delete(e), d.delete(e);
 		}
-		o.value = i, t.value = c, n.value = l, r.value = u, a.value = f, Or(() => {
+		o.value = i, t.value = c, n.value = l, r.value = u, a.value = f, Nr(() => {
 			let e = new Set(s.value);
 			for (let t of p) e.add(t);
 			s.value = e;
@@ -2767,9 +2846,9 @@ function Dr(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;
-		}, xr);
+		}, Er);
 	}
-	function g(t, n, r = vr) {
+	function g(t, n, r = Cr) {
 		if (!t.size) return;
 		let i = /* @__PURE__ */ new Map(), a = [];
 		for (let [r, o] of t.entries()) {
@@ -2788,8 +2867,8 @@ function Dr(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, Or(() => {
-			u.value = new Set(a), Or(() => {
+		l.value = o, Nr(() => {
+			u.value = new Set(a), Nr(() => {
 				c.value = /* @__PURE__ */ new Map();
 			});
 		}), S(() => {
@@ -2800,8 +2879,8 @@ function Dr(e) {
 		}, r);
 	}
 	function _(e) {
-		if (n.value.has(e)) return `transform ${yr}ms ease-out`;
-		if (u.value.has(e)) return `transform ${l.value.get(e) ?? vr}ms ease-out`;
+		if (n.value.has(e)) return `transform ${wr}ms ease-out`;
+		if (u.value.has(e)) return `transform ${l.value.get(e) ?? Cr}ms ease-out`;
 	}
 	function v(e) {
 		if (!n.value.has(e)) return;
@@ -2818,7 +2897,7 @@ function Dr(e) {
 		} : {
 			dx: 0,
 			dy: 0
-		}, u = s ? a.value.get(s) ?? "bottom" : "bottom", d = s && t.value.has(s) ? Er({
+		}, u = s ? a.value.get(s) ?? "bottom" : "bottom", d = s && t.value.has(s) ? jr({
 			columnWidth: e.columnWidth.value,
 			direction: u,
 			itemHeight: o,
@@ -2832,14 +2911,14 @@ function Dr(e) {
 		if (!r) return {
 			opacity: "0",
 			transform: "translate3d(0, 0, 0) scale(0.96)",
-			transition: `opacity ${xr}ms ease-out, transform ${xr}ms ease-out`
+			transition: `opacity ${Er}ms ease-out, transform ${Er}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 ${xr}ms ease-out, transform ${xr}ms ease-out`,
+			transition: `opacity ${Er}ms ease-out, transform ${Er}ms ease-out`,
 			width: `${e.columnWidth.value}px`
 		};
 	}
@@ -2860,28 +2939,28 @@ function Dr(e) {
 		playFlipMoveAnimation: g
 	};
 }
-function Or(e) {
+function Nr(e) {
 	if (typeof requestAnimationFrame == "function") {
 		requestAnimationFrame(() => e());
 		return;
 	}
 	setTimeout(e, 0);
 }
-function kr(e) {
-	Or(() => Or(e));
+function Pr(e) {
+	Nr(() => Nr(e));
 }
 //#endregion
 //#region src/components/viewer-core/masonryViewport.ts
-function Ar(e, t) {
+function Fr(e, t) {
 	return e?.clientHeight || Math.round(e?.getBoundingClientRect().height ?? 0) || t || window.innerHeight || 1;
 }
-function jr(e, t, n) {
+function Ir(e, t, n) {
 	return e?.clientWidth || Math.round(e?.getBoundingClientRect().width ?? 0) || t || window.innerWidth || n;
 }
-function Mr(e, t, n, r) {
+function Lr(e, t, n, r) {
 	return (e?.scrollHeight ?? r) - (t + n);
 }
-function Nr(e, t) {
+function Rr(e, t) {
 	return {
 		height: `${e}px`,
 		transform: `translate3d(0, ${t}px, 0)`
@@ -2889,8 +2968,8 @@ function Nr(e, t) {
 }
 //#endregion
 //#region src/components/viewer-core/useEdgeBoundary.ts
-var Pr = 250, Fr = 1e3;
-function Ir(e) {
+var zr = 250, Br = 1e3;
+function Vr(e) {
 	let t = D(!1), n = D(!1), r = D(0), i = D(0), a = D(!1), o = D(!1), s = 0, c = null;
 	x(() => {
 		y();
@@ -2906,7 +2985,7 @@ function Ir(e) {
 	function u(t) {
 		if (!b(t) || !e.isAtBoundary()) return;
 		let n = Date.now();
-		n < s || (s = n + Pr, m());
+		n < s || (s = n + zr, m());
 	}
 	function d() {
 		if (!g()) return;
@@ -2940,7 +3019,7 @@ function Ir(e) {
 		return e.hasPage.value && t.value && r.value > i.value && !e.interactionLocked?.value && !e.loading.value && !a.value && typeof e.requestPage.value == "function";
 	}
 	function _() {
-		o.value = !1, v(Fr);
+		o.value = !1, v(Br);
 	}
 	function v(e) {
 		y(), a.value = !0, c = setTimeout(() => {
@@ -2963,42 +3042,42 @@ function Ir(e) {
 }
 //#endregion
 //#region src/components/viewer-core/useMasonryList.ts
-var Lr = 600, Rr = 24, zr = 16, Br = 300, Vr = 200, Hr = 200, Ur = Rr + zr, Wr = 200, Gr = 300, Kr = 24, qr = 48, Jr = 500, Yr = 1e3;
-function Xr(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 || Br), o = D([]), s = D([]), c = D(/* @__PURE__ */ new Map()), l = D(0), u = D(/* @__PURE__ */ new Map()), d = D(null), f = D(null), p = D(!1), m = i(() => Math.max(Br, a.value - Rr * 2)), h = i(() => ur(m.value, Br)), g = i(() => dr(m.value, h.value, Br, zr)), v = i(() => Zr(e.activeIndex.value, 0, Math.max(0, e.items.value.length - 1))), y = i(() => mr({
+var Hr = 600, Ur = 24, Wr = 16, Gr = 300, Kr = 200, qr = 200, Jr = Ur + Wr, Yr = 200, Xr = 300, Zr = 24, Qr = 48, $r = 500, ei = 1e3;
+function ti(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 || Gr), o = D([]), s = D([]), c = D(/* @__PURE__ */ new Map()), l = D(0), u = D(/* @__PURE__ */ new Map()), d = D(null), f = D(null), p = D(!1), m = i(() => Math.max(Gr, a.value - Ur * 2)), h = i(() => hr(m.value, Gr)), g = i(() => gr(m.value, h.value, Gr, Wr)), v = i(() => ni(e.activeIndex.value, 0, Math.max(0, e.items.value.length - 1))), y = i(() => yr({
 		itemCount: e.items.value.length,
 		viewportHeight: r.value,
 		scrollTop: n.value,
-		overscanPx: Vr,
-		bucketPx: Lr,
+		overscanPx: Kr,
+		bucketPx: Hr,
 		buckets: c.value
 	})), b = i(() => y.value.map((t) => ({
 		item: e.items.value[t],
 		index: t
 	}))), C = i(() => {
-		let e = l.value + Rr * 2, t = d.value ?? 0;
-		return Math.max(e, t, r.value) + Wr;
-	}), w = i(() => e.hasNextPage.value || e.allowExhaustedNextPageRefresh.value), T = i(() => $r({
+		let e = l.value + Ur * 2, t = d.value ?? 0;
+		return Math.max(e, t, r.value) + Yr;
+	}), w = i(() => e.hasNextPage.value || e.allowExhaustedNextPageRefresh.value), T = i(() => ii({
 		active: e.active.value,
 		maxScrollTop: se(),
 		progressDistancePx: n.value,
-		thresholdPx: Hr,
+		thresholdPx: qr,
 		triggerEnabled: w.value
-	})), E = i(() => e.items.value.length > 0 ? `${v.value + 1} / ${e.items.value.length}` : "0 / 0"), O = i(() => Qr({
+	})), E = i(() => e.items.value.length > 0 ? `${v.value + 1} / ${e.items.value.length}` : "0 / 0"), O = i(() => ri({
 		active: e.active.value,
 		maxScrollTop: se(),
 		progressDistancePx: n.value,
-		thresholdPx: Ur,
+		thresholdPx: Jr,
 		triggerEnabled: e.hasPreviousPage.value
-	})), k = i(() => Math.max(0, r.value - Kr * 2)), A = i(() => C.value > r.value + 1 && k.value > 0), j = i(() => {
+	})), k = i(() => Math.max(0, r.value - Zr * 2)), A = i(() => C.value > r.value + 1 && k.value > 0), j = i(() => {
 		if (!A.value) return 0;
 		let e = r.value / C.value * k.value;
-		return Math.min(k.value, Math.max(qr, e));
+		return Math.min(k.value, Math.max(Qr, e));
 	}), M = i(() => {
-		if (!A.value) return Kr;
+		if (!A.value) return Zr;
 		let e = Math.max(0, C.value - r.value);
-		return Kr + Math.max(0, k.value - j.value) * (e > 0 ? Zr(n.value / e, 0, 1) : 0);
-	}), N = Dr({
+		return Zr + Math.max(0, k.value - j.value) * (e > 0 ? ni(n.value / e, 0, 1) : 0);
+	}), N = Mr({
 		items: e.items,
 		visibleIndices: y,
 		positions: o,
@@ -3007,27 +3086,27 @@ function Xr(e) {
 		columnWidth: g,
 		scrollTop: n,
 		viewportHeight: r
-	}), P = Ir({
+	}), P = Vr({
 		direction: "top",
 		getAnimationLockMs(e) {
-			return Math.max(Jr, wr(e)) + Yr;
+			return Math.max($r, kr(e)) + ei;
 		},
 		hasPage: e.hasPreviousPage,
 		interactionLocked: p,
 		isAtBoundary() {
-			return n.value <= Ur;
+			return n.value <= Jr;
 		},
 		loading: e.loading,
 		requestPage: e.requestPreviousPage
-	}), F = Ir({
+	}), F = Vr({
 		direction: "bottom",
 		getAnimationLockMs(e) {
-			return wr(e) + Yr;
+			return kr(e) + ei;
 		},
 		hasPage: w,
 		interactionLocked: p,
 		isAtBoundary() {
-			return oe() <= Hr;
+			return oe() <= qr;
 		},
 		loading: e.loading,
 		requestPage: e.requestNextPage
@@ -3037,7 +3116,7 @@ function Xr(e) {
 		h,
 		g
 	], async ([t], [r = []]) => {
-		let i = t.map((e) => $(e)), a = r ?? [], s = a.map((e) => $(e)), c = hr(a, u.value, o.value), l = X(a), d = new Set(s), f = new Set(i), p = t.filter((e) => !d.has($(e))), m = a.flatMap((e) => {
+		let i = t.map((e) => $(e)), a = r ?? [], s = a.map((e) => $(e)), c = br(a, u.value, o.value), l = X(a), d = new Set(s), f = new Set(i), p = t.filter((e) => !d.has($(e))), m = a.flatMap((e) => {
 			let t = $(e);
 			if (f.has(t)) return [];
 			let n = c.get(t), r = l.get(t);
@@ -3046,8 +3125,8 @@ function Xr(e) {
 				item: e,
 				position: n
 			}];
-		}), h = i.length > s.length && s.length > 0 && i[0] !== s[0], g = t.length === 0 && a.length > 0 && m.length > 0 && n.value > 0, y = m.length > 0 && n.value > Rr + zr, b = h && n.value > Rr + zr ? t[v.value] : null, x = b ? $(b) : null;
-		y && K(Tr() + Yr), g && G(), te(), m.length > 0 && N.markLeave(m), p.length > 0 && (N.markEnter(p, h ? "top" : "bottom"), h ? P.onItemsMutated(p.length) : F.onItemsMutated(p.length)), N.playFlipMoveAnimation(c, new Set(p.map((e) => $(e))), h ? Jr : void 0), x ? (await _(), ne(x, c)) : e.active.value && s.length > 0 && re();
+		}), h = i.length > s.length && s.length > 0 && i[0] !== s[0], g = t.length === 0 && a.length > 0 && m.length > 0 && n.value > 0, y = m.length > 0 && n.value > Ur + Wr, b = h && n.value > Ur + Wr ? t[v.value] : null, x = b ? $(b) : null;
+		y && K(Ar() + ei), g && G(), te(), m.length > 0 && N.markLeave(m), p.length > 0 && (N.markEnter(p, h ? "top" : "bottom"), h ? P.onItemsMutated(p.length) : F.onItemsMutated(p.length)), N.playFlipMoveAnimation(c, new Set(p.map((e) => $(e))), h ? $r : void 0), x ? (await _(), ne(x, c)) : e.active.value && s.length > 0 && re();
 	}, { immediate: !0 }), L([
 		() => e.pendingAppendItems.value.map((e) => $(e)),
 		h,
@@ -3064,7 +3143,7 @@ function Xr(e) {
 		}
 		if (i !== !1 || f.value == null) return;
 		await _();
-		let o = Math.max(0, C.value - r.value), s = Zr(f.value, 0, o);
+		let o = Math.max(0, C.value - r.value), s = ni(f.value, 0, o);
 		a.scrollTop = s, n.value = s, P.syncBoundary(), F.syncBoundary();
 	}), L(() => e.loading.value, async (t) => {
 		!t && !e.pendingAppendItems.value.length && !z && !ee && (d.value = null), P.onLoadingChange(t), F.onLoadingChange(t), await _();
@@ -3076,16 +3155,16 @@ function Xr(e) {
 		I?.disconnect(), I = null, window.removeEventListener("resize", Y), de(), fe(), R &&= (cancelAnimationFrame(R), 0);
 	});
 	function te() {
-		let t = pr(e.items.value, {
+		let t = vr(e.items.value, {
 			columnCount: h.value,
 			columnWidth: g.value,
-			gapX: zr,
-			gapY: zr,
-			bucketPx: Lr
+			gapX: Wr,
+			gapY: Wr,
+			bucketPx: Hr
 		});
 		o.value = t.positions.map((e) => ({
-			x: e.x + Rr,
-			y: e.y + Rr
+			x: e.x + Ur,
+			y: e.y + Ur
 		})), s.value = t.heights, c.value = t.buckets, l.value = t.contentHeight, u.value = t.indexById;
 	}
 	function V() {
@@ -3110,7 +3189,7 @@ function Xr(e) {
 		let a = t.value, c = o.value[e], l = s.value[e];
 		if (!a || !c || !l) return;
 		let u = a.scrollTop, d = Math.max(0, C.value - r.value);
-		i === "center" ? u = c.y - (r.value - l) / 2 : c.y < a.scrollTop ? u = c.y - Rr : c.y + l > a.scrollTop + r.value && (u = c.y + l - r.value + Rr), a.scrollTop = Zr(u, 0, d), n.value = a.scrollTop, q();
+		i === "center" ? u = c.y - (r.value - l) / 2 : c.y < a.scrollTop ? u = c.y - Ur : c.y + l > a.scrollTop + r.value && (u = c.y + l - r.value + Ur), a.scrollTop = ni(u, 0, d), n.value = a.scrollTop, q();
 	}
 	function ne(e, r) {
 		let i = t.value, a = r.get(e), s = u.value.get(e), c = s == null ? null : o.value[s];
@@ -3143,7 +3222,7 @@ function Xr(e) {
 		e.setActiveIndex(i);
 	}
 	function re() {
-		let t = n.value <= Ur, r = oe() <= Hr;
+		let t = n.value <= Jr, r = oe() <= qr;
 		return t ? (e.setActiveIndex(0), !0) : r ? (e.setActiveIndex(Math.max(0, e.items.value.length - 1)), !0) : !1;
 	}
 	function J() {
@@ -3153,29 +3232,29 @@ function Xr(e) {
 		r.value = ie(), a.value = ae();
 	}
 	function ie() {
-		return Ar(t.value, r.value);
+		return Fr(t.value, r.value);
 	}
 	function ae() {
-		return jr(t.value, a.value, Br);
+		return Ir(t.value, a.value, Gr);
 	}
 	function oe() {
-		return Mr(t.value, n.value, r.value, C.value);
+		return Lr(t.value, n.value, r.value, C.value);
 	}
 	function se() {
 		let e = Math.max(t.value?.scrollHeight ?? 0, C.value);
 		return Math.max(0, e - r.value);
 	}
 	function ce() {
-		return Nr(j.value, M.value);
+		return Rr(j.value, M.value);
 	}
 	function le(e) {
-		return e.length ? pr(e, {
+		return e.length ? vr(e, {
 			columnCount: h.value,
 			columnWidth: g.value,
-			gapX: zr,
-			gapY: zr,
-			bucketPx: Lr
-		}).contentHeight + Rr * 2 : 0;
+			gapX: Wr,
+			gapY: Wr,
+			bucketPx: Hr
+		}).contentHeight + Ur * 2 : 0;
 	}
 	function X(e) {
 		let t = /* @__PURE__ */ new Map();
@@ -3197,7 +3276,7 @@ function Xr(e) {
 			} finally {
 				d.value = null, ee = !1;
 			}
-		}, Gr));
+		}, Xr));
 	}
 	function de() {
 		z &&= (clearTimeout(z), null);
@@ -3224,27 +3303,27 @@ function Xr(e) {
 		scrollViewportRef: t
 	};
 }
-function Zr(e, t, n) {
+function ni(e, t, n) {
 	return Math.min(Math.max(e, t), n);
 }
-function Qr(e) {
+function ri(e) {
 	if (!e.active || !e.triggerEnabled) return 0;
 	let t = Math.max(0, e.maxScrollTop - e.thresholdPx);
-	return t <= 0 ? 1 : Zr(1 - (e.progressDistancePx - e.thresholdPx) / t, 0, 1);
+	return t <= 0 ? 1 : ni(1 - (e.progressDistancePx - e.thresholdPx) / t, 0, 1);
 }
-function $r(e) {
+function ii(e) {
 	if (!e.active || !e.triggerEnabled) return 0;
 	let t = Math.max(0, e.maxScrollTop - e.thresholdPx);
-	return t <= 0 ? 1 : Zr(e.progressDistancePx / t, 0, 1);
+	return t <= 0 ? 1 : ni(e.progressDistancePx / t, 0, 1);
 }
 //#endregion
 //#region src/components/viewer-core/listCardAsset.ts
-function ei(e) {
+function ai(e) {
 	if (e) try {
 		e.removeAttribute("src"), e.src = "";
 	} catch {}
 }
-function ti(e) {
+function oi(e) {
 	if (e) {
 		try {
 			e.currentTime = 0;
@@ -3255,12 +3334,12 @@ function ti(e) {
 		} catch {}
 	}
 }
-function ni(e, t) {
+function si(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 ri(e) {
+function ci(e) {
 	if (!e) return null;
 	try {
 		return new URL(e, window.location.href).href;
@@ -3270,9 +3349,9 @@ function ri(e) {
 }
 //#endregion
 //#region src/components/viewer-core/listPreview.ts
-var ii = /\.(avif|gif|jpe?g|png|svg|webp)(\?|#|$)/i, ai = /\.(m4v|mov|mp4|mpeg|ogg|ogv|webm)(\?|#|$)/i, oi = /^(?:(?:https?:)?\/\/[^/]+)?\/api\/files\/[^/?#]+\/(?:preview|downloaded)(?:\?|#|$)/i;
-function si(e) {
-	let t = ci(e), n = t?.url, r = lr(e), i = e.title?.trim() || Et(e.type);
+var li = /\.(avif|gif|jpe?g|png|svg|webp)(\?|#|$)/i, ui = /\.(m4v|mov|mp4|mpeg|ogg|ogv|webm)(\?|#|$)/i, di = /^(?:(?:https?:)?\/\/[^/]+)?\/api\/files\/[^/?#]+\/(?:preview|downloaded)(?:\?|#|$)/i;
+function fi(e) {
+	let t = pi(e), n = t?.url, r = mr(e), i = e.title?.trim() || kt(e.type);
 	return t?.mediaType === "video" && typeof n == "string" ? {
 		kind: "video",
 		url: n,
@@ -3291,13 +3370,13 @@ function si(e) {
 		width: r.width,
 		height: r.height,
 		label: i
-	} : typeof n == "string" && ui(e, n) ? {
+	} : typeof n == "string" && hi(e, n) ? {
 		kind: "video",
 		url: n,
 		width: r.width,
 		height: r.height,
 		label: i
-	} : typeof n == "string" && li(e, n) ? {
+	} : typeof n == "string" && mi(e, n) ? {
 		kind: "image",
 		url: n,
 		width: r.width,
@@ -3311,26 +3390,26 @@ function si(e) {
 		label: i
 	};
 }
-function ci(e) {
+function pi(e) {
 	return e.preview?.url ? e.preview : typeof e.url != "string" || e.url.trim() === "" ? null : { url: e.url };
 }
-function li(e, t) {
-	return e.type !== "image" || typeof t != "string" ? !1 : ii.test(t) || di(t);
+function mi(e, t) {
+	return e.type !== "image" || typeof t != "string" ? !1 : li.test(t) || gi(t);
 }
-function ui(e, t) {
-	return e.type !== "video" || typeof t != "string" ? !1 : ai.test(t) || fi(t);
+function hi(e, t) {
+	return e.type !== "video" || typeof t != "string" ? !1 : ui.test(t) || _i(t);
 }
-function di(e) {
+function gi(e) {
 	return /^(https?:\/\/|\/\/|\/(?!\/)|\.{1,2}\/|blob:|data:)/i.test(e);
 }
-function fi(e) {
-	return oi.test(e) || /^blob:/i.test(e) || /^data:video\//i.test(e);
+function _i(e) {
+	return di.test(e) || /^blob:/i.test(e) || /^data:video\//i.test(e);
 }
 //#endregion
 //#region src/components/viewer-core/useListCardHealthCheck.ts
-function pi(e) {
+function vi(e) {
 	let t = D(null), n = i(() => {
-		let t = typeof e.item.value.healthCheck?.url == "string" ? ri(e.item.value.healthCheck.url) : null;
+		let t = typeof e.item.value.healthCheck?.url == "string" ? ci(e.item.value.healthCheck.url) : null;
 		return !t || t === e.attachedAssetUrl.value ? null : t;
 	}), r = null, a = 0, o = /* @__PURE__ */ new Map();
 	L(n, (e, n) => {
@@ -3362,7 +3441,7 @@ function pi(e) {
 			r.refresh();
 			return;
 		}
-		r = kt.request({
+		r = Mt.request({
 			assetType: "probe",
 			getPriority: e.getPriority,
 			onGrant() {
@@ -3372,7 +3451,7 @@ function pi(e) {
 					return;
 				}
 				let i = ++a;
-				rn(r).then((s) => {
+				ln(r).then((s) => {
 					if (!(i !== a || n.value !== r)) {
 						if (o.set(r, s ?? null), !s) {
 							t.value = null;
@@ -3408,14 +3487,14 @@ function pi(e) {
 }
 //#endregion
 //#region src/components/ListCard.vue?vue&type=script&setup=true&lang.ts
-var mi = ["aria-label"], hi = {
+var yi = ["aria-label"], bi = {
 	key: 0,
 	"data-testid": "vibe-list-card-spinner",
 	class: "pointer-events-none absolute inset-0 z-[4] grid place-items-center bg-black/18"
-}, gi = { 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]" }, _i = ["src", "alt"], vi = ["src"], yi = ["data-kind"], bi = { class: "grid justify-items-center gap-3 px-4 text-center" }, xi = { class: "text-[0.68rem] font-bold uppercase tracking-[0.22em] text-[#f7f1ea]/72" }, Si = {
+}, xi = { 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]" }, Si = ["src", "alt"], Ci = ["src"], wi = ["data-kind"], Ti = { class: "grid justify-items-center gap-3 px-4 text-center" }, Ei = { class: "text-[0.68rem] font-bold uppercase tracking-[0.22em] text-[#f7f1ea]/72" }, Di = {
 	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))]"
-}, Ci = { class: "inline-flex h-14 w-14 items-center justify-center border border-white/16 bg-black/20" }, wi = { class: "pointer-events-none absolute inset-0 z-[3]" }, Ti = /* @__PURE__ */ d({
+}, Oi = { class: "inline-flex h-14 w-14 items-center justify-center border border-white/16 bg-black/20" }, ki = { class: "pointer-events-none absolute inset-0 z-[3]" }, Ai = /* @__PURE__ */ d({
 	__name: "ListCard",
 	props: {
 		active: {
@@ -3439,7 +3518,7 @@ var mi = ["aria-label"], hi = {
 	},
 	emits: ["open"],
 	setup(e, { emit: t }) {
-		let n = e, r = t, l = i(() => si(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), M = i(() => l.value.kind === "image" && !!E.value), P = i(() => l.value.kind === "video" && !!E.value), F = pi({
+		let n = e, r = t, l = i(() => fi(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), M = i(() => l.value.kind === "image" && !!E.value), P = i(() => l.value.kind === "video" && !!E.value), F = vi({
 			attachedAssetUrl: E,
 			getPriority: X,
 			isInView: d,
@@ -3448,7 +3527,7 @@ var mi = ["aria-label"], hi = {
 			loadErrorKind: g,
 			reportAssetError: n.reportAssetError,
 			surfaceActive: i(() => n.surfaceActive)
-		}), I = i(() => F.errorKind.value ?? g.value), R = i(() => !!I.value), z = i(() => tn(I.value)), B = i(() => O.value && !g.value && (!T.value || !m.value)), te = null, V = null, H = /* @__PURE__ */ new Set();
+		}), I = i(() => F.errorKind.value ?? g.value), R = i(() => !!I.value), z = i(() => sn(I.value)), B = i(() => O.value && !g.value && (!T.value || !m.value)), te = null, V = null, H = /* @__PURE__ */ new Set();
 		L([E, () => l.value.kind], () => {
 			let e = l.value.kind === "fallback";
 			m.value = e, h.value = !1, g.value = null, e && (T.value = !0);
@@ -3489,7 +3568,7 @@ var mi = ["aria-label"], hi = {
 			if (!ue(_.value)) return;
 			let e = E.value ?? n.item.url;
 			m.value = !1, g.value = "generic";
-			let t = await nn(e);
+			let t = await cn(e);
 			g.value = t, n.reportAssetError?.({
 				item: n.item,
 				occurrenceKey: $(n.item),
@@ -3521,7 +3600,7 @@ var mi = ["aria-label"], hi = {
 				V?.refresh();
 				return;
 			}
-			V = kt.request({
+			V = Mt.request({
 				assetType: l.value.kind,
 				getPriority: X,
 				onGrant() {
@@ -3538,7 +3617,7 @@ var mi = ["aria-label"], hi = {
 					return;
 				}
 				if (E.value && d.value && m.value) {
-					e.muted = !0, e.loop = !0, e.playsInline = !0, sn(e);
+					e.muted = !0, e.loop = !0, e.playsInline = !0, fn(e);
 					return;
 				}
 				try {
@@ -3559,7 +3638,7 @@ var mi = ["aria-label"], hi = {
 				d.value = !0;
 				return;
 			}
-			d.value = ni(e?.boundingClientRect ?? t.getBoundingClientRect(), e?.rootBounds ?? b.value?.getBoundingClientRect() ?? null);
+			d.value = si(e?.boundingClientRect ?? t.getBoundingClientRect(), e?.rootBounds ?? b.value?.getBoundingClientRect() ?? null);
 		}
 		function ie(e) {
 			if (!e) return;
@@ -3579,10 +3658,10 @@ var mi = ["aria-label"], hi = {
 			}), g.value = null, m.value = !1, T.value = !1, J(), K();
 		}
 		function se() {
-			ei(_.value);
+			ai(_.value);
 		}
 		function ce() {
-			ti(C.value);
+			oi(C.value);
 		}
 		function X() {
 			let e = y.value;
@@ -3596,8 +3675,8 @@ var mi = ["aria-label"], hi = {
 			return Math.abs((t.top + t.bottom) / 2 - n);
 		}
 		function ue(e) {
-			let t = ri(E.value);
-			return !e || !t ? !1 : ri("currentSrc" in e && e.currentSrc || e.getAttribute("src")) === t;
+			let t = ci(E.value);
+			return !e || !t ? !1 : ci("currentSrc" in e && e.currentSrc || e.getAttribute("src")) === t;
 		}
 		function de() {
 			r("open");
@@ -3625,8 +3704,8 @@ var mi = ["aria-label"], hi = {
 				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: de
-			}, null, 8, mi),
-			B.value ? (w(), s("div", hi, [c("span", gi, [u(N(oe), {
+			}, null, 8, yi),
+			B.value ? (w(), s("div", bi, [c("span", xi, [u(N(oe), {
 				class: "h-5 w-5 animate-spin stroke-[1.9] text-[#f7f1ea]/78",
 				"aria-hidden": "true"
 			})])])) : o("", !0),
@@ -3640,7 +3719,7 @@ var mi = ["aria-label"], hi = {
 				class: v(["block h-full w-full object-cover transition-opacity duration-300", m.value ? "pointer-events-none opacity-100" : "pointer-events-none opacity-0"]),
 				onLoad: U,
 				onError: W
-			}, null, 42, _i)) : P.value && E.value && !R.value ? (w(), s("video", {
+			}, null, 42, Si)) : P.value && E.value && !R.value ? (w(), s("video", {
 				key: 2,
 				ref_key: "videoRef",
 				ref: C,
@@ -3656,31 +3735,31 @@ var mi = ["aria-label"], hi = {
 				onPlaying: ne,
 				onStalled: G,
 				onWaiting: G
-			}, null, 42, vi)) : R.value ? (w(), s("div", {
+			}, null, 42, Ci)) : R.value ? (w(), s("div", {
 				key: 3,
 				"data-testid": "vibe-list-card-error",
 				"data-kind": I.value,
 				class: "pointer-events-none relative z-[2] grid h-full w-full place-items-center bg-[radial-gradient(circle_at_center,rgba(239,68,68,0.12),transparent_65%),linear-gradient(180deg,rgba(255,255,255,0.04),rgba(255,255,255,0.02))]"
-			}, [c("div", bi, [
+			}, [c("div", Ti, [
 				u(N(le), {
 					class: "h-6 w-6 stroke-[1.8] text-[#f7f1ea]/78",
 					"aria-hidden": "true"
 				}),
-				c("span", xi, j(N(en)(I.value)), 1),
+				c("span", Ei, j(N(on)(I.value)), 1),
 				z.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: ee(ae, ["stop"])
 				}, " Retry ")) : o("", !0)
-			])], 8, yi)) : (w(), s("div", Si, [c("div", Ci, [k(e.$slots, "item-icon", {
-				icon: N(Tt)(n.item.type),
+			])], 8, wi)) : (w(), s("div", Di, [c("div", Oi, [k(e.$slots, "item-icon", {
+				icon: N(Ot)(n.item.type),
 				item: n.item
-			}, () => [(w(), a(A(N(Tt)(n.item.type)), {
+			}, () => [(w(), a(A(N(Ot)(n.item.type)), {
 				class: "h-6 w-6 stroke-[1.8] text-[#f7f1ea]/78",
 				"aria-hidden": "true"
 			}))])])])),
-			c("div", wi, [k(e.$slots, "grid-item-overlay", {
+			c("div", ki, [k(e.$slots, "grid-item-overlay", {
 				active: n.active,
 				focused: f.value,
 				hovered: p.value,
@@ -3690,24 +3769,24 @@ var mi = ["aria-label"], hi = {
 			})])
 		], 34));
 	}
-}), Ei = { 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)]" }, Di = { class: "pointer-events-none absolute inset-x-0 top-0 z-[2] flex justify-end p-6" }, Oi = {
+}), ji = { 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)]" }, Mi = { class: "pointer-events-none absolute inset-x-0 top-0 z-[2] flex justify-end p-6" }, Ni = {
 	"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]"
-}, ki = { class: "whitespace-nowrap" }, Ai = {
+}, Pi = { class: "whitespace-nowrap" }, Fi = {
 	key: 0,
 	class: "whitespace-nowrap border-l border-white/12 pl-2 text-[#f7f1ea]/56 min-[721px]:pl-3"
-}, ji = [
+}, Ii = [
 	"data-active",
 	"data-index",
 	"data-item-id",
 	"data-occurrence-key"
-], Mi = ["data-item-id"], Ni = {
+], Li = ["data-item-id"], Ri = {
 	key: 0,
 	class: "pointer-events-none absolute inset-y-0 right-0 z-[3] hidden w-8 min-[1024px]:block"
-}, Pi = {
+}, zi = {
 	key: 1,
 	class: "pointer-events-none absolute inset-x-0 bottom-0 z-[2] px-5 pb-5 sm:px-6"
-}, Fi = { class: "mx-auto flex w-full justify-center" }, Ii = /* @__PURE__ */ d({
+}, Bi = { class: "mx-auto flex w-full justify-center" }, Vi = /* @__PURE__ */ d({
 	__name: "ListSurface",
 	props: {
 		active: {
@@ -3768,7 +3847,7 @@ var mi = ["aria-label"], hi = {
 		"update:activeIndex"
 	],
 	setup(e, { emit: n }) {
-		let r = e, d = F(), f = n, p = Xr({
+		let r = e, d = F(), f = n, p = ti({
 			active: M(r, "active"),
 			allowExhaustedNextPageRefresh: M(r, "allowExhaustedNextPageRefresh"),
 			items: M(r, "items"),
@@ -3784,11 +3863,11 @@ var mi = ["aria-label"], hi = {
 			setActiveIndex(e) {
 				f("update:activeIndex", e);
 			}
-		}), m = i(() => Gt({
+		}), m = i(() => Xt({
 			itemCount: r.items.length,
 			loading: r.loading,
 			phase: r.phase
-		})), h = i(() => Kt({
+		})), h = i(() => Zt({
 			errorMessage: r.errorMessage,
 			hasItems: r.items.length > 0,
 			hasNextPage: r.hasNextPage,
@@ -3801,7 +3880,7 @@ var mi = ["aria-label"], hi = {
 			message: h.value.message,
 			paginationDetail: r.paginationDetail,
 			total: r.items.length
-		}), x = i(() => !_.value || !d["grid-status"] ? [] : d["grid-status"](_.value)), S = i(() => Bt(x.value)), C = i(() => r.items.length + p.leavingItems.value.length), { emptyStateProps: T, showBadgeEmptyState: E, showCustomEmptyState: D, showInlineEmptyState: A } = Ut({
+		}), x = i(() => !_.value || !d["grid-status"] ? [] : d["grid-status"](_.value)), S = i(() => Gt(x.value)), C = i(() => r.items.length + p.leavingItems.value.length), { emptyStateProps: T, showBadgeEmptyState: E, showCustomEmptyState: D, showInlineEmptyState: A } = Jt({
 			emptyStateMode: M(r, "emptyStateMode"),
 			itemCount: C,
 			loading: M(r, "loading"),
@@ -3813,8 +3892,8 @@ var mi = ["aria-label"], hi = {
 				nextBoundaryLoadProgress: e,
 				previousBoundaryLoadProgress: t
 			});
-		}, { immediate: !0 }), (e, n) => (w(), s("div", Ei, [
-			c("div", Di, [c("span", Oi, [c("span", ki, j(N(p).paginationLabel.value), 1), r.paginationDetail ? (w(), s("span", Ai, j(r.paginationDetail), 1)) : o("", !0)])]),
+		}, { immediate: !0 }), (e, n) => (w(), s("div", ji, [
+			c("div", Mi, [c("span", Ni, [c("span", Pi, j(N(p).paginationLabel.value), 1), r.paginationDetail ? (w(), s("span", Fi, j(r.paginationDetail), 1)) : o("", !0)])]),
 			c("div", {
 				ref: N(p).scrollViewportRef,
 				"data-testid": "vibe-list-scroll",
@@ -3835,7 +3914,7 @@ var mi = ["aria-label"], hi = {
 					"data-occurrence-key": N($)(t),
 					class: "absolute will-change-transform",
 					style: b(N(p).getCardStyle(n))
-				}, [u(Ti, {
+				}, [u(Ai, {
 					active: n === N(p).resolvedActiveIndex.value,
 					index: n,
 					item: t,
@@ -3859,14 +3938,14 @@ var mi = ["aria-label"], hi = {
 					"report-asset-load",
 					"surface-active",
 					"onOpen"
-				])], 12, ji))), 128)),
+				])], 12, Ii))), 128)),
 				(w(!0), s(t, null, O(N(p).leavingItems.value, (t) => (w(), s("article", {
 					key: `leaving-${N($)(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(N(p).getLeavingCardStyle(t.item))
-				}, [u(Ti, {
+				}, [u(Ai, {
 					active: !1,
 					index: -1,
 					item: t.item,
@@ -3881,8 +3960,8 @@ var mi = ["aria-label"], hi = {
 					"item",
 					"report-asset-error",
 					"report-asset-load"
-				])], 12, Mi))), 128)),
-				N(A) && N(T) ? (w(), a(wn, {
+				])], 12, Li))), 128)),
+				N(A) && N(T) ? (w(), a(kn, {
 					key: 0,
 					message: N(T).message,
 					mode: N(T).mode,
@@ -3896,12 +3975,12 @@ var mi = ["aria-label"], hi = {
 					"surface"
 				])) : o("", !0)
 			], 4)], 544),
-			N(p).showScrollbar.value ? (w(), s("div", Ni, [n[2] ||= c("div", { class: "absolute bottom-6 right-3 top-6 w-px bg-white/8" }, null, -1), c("div", {
+			N(p).showScrollbar.value ? (w(), s("div", Ri, [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", r.loading ? "bg-white/52" : "bg-white/34"]),
 				style: b(N(p).getScrollbarThumbStyle())
 			}, null, 6)])) : o("", !0),
-			d["grid-footer"] ? (w(), s("div", Pi, [c("div", Fi, [k(e.$slots, "grid-footer")])])) : o("", !0),
+			d["grid-footer"] ? (w(), s("div", zi, [c("div", Bi, [k(e.$slots, "grid-footer")])])) : o("", !0),
 			_.value ? (w(), s("div", {
 				key: 2,
 				class: v(["pointer-events-none absolute inset-x-0 bottom-0 z-[3] flex justify-center px-6", d["grid-footer"] ? "pb-24" : "pb-6"])
@@ -3910,7 +3989,7 @@ var mi = ["aria-label"], hi = {
 				"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]", _.value.kind === "end" ? "border-amber-300/35 text-amber-200" : _.value.kind === "failed" ? "border-rose-400/45 text-rose-100" : ""])
 			}, j(_.value.message), 3))], 2)) : o("", !0),
-			N(E) && N(T) ? (w(), a(wn, {
+			N(E) && N(T) ? (w(), a(kn, {
 				key: 3,
 				class: v(["z-[3]", d["grid-footer"] ? "pb-24" : "pb-6"]),
 				message: N(T).message,
@@ -3927,13 +4006,13 @@ var mi = ["aria-label"], hi = {
 			])) : o("", !0)
 		]));
 	}
-}), Li = ["data-surface-mode"], Ri = {
+}), Hi = ["data-surface-mode"], Ui = {
 	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"
-}, zi = ["data-visible", "inert"], Bi = ["data-visible", "inert"], Vi = {
+}, Wi = ["data-visible", "inert"], Gi = ["data-visible", "inert"], Ki = {
 	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"
-}, Hi = /* @__PURE__ */ d({
+}, qi = /* @__PURE__ */ d({
 	name: "VibeLayout",
 	__name: "Layout",
 	props: {
@@ -3958,7 +4037,7 @@ var mi = ["aria-label"], hi = {
 		"update:surfaceMode"
 	],
 	setup(e, { expose: n, emit: i }) {
-		let d = e, f = F(), m = i, h = Ye(d, m), g = fe((e) => {
+		let d = e, f = F(), m = i, h = Qe(d, m), g = fe((e) => {
 			m("asset-errors", e);
 		}), _ = Z((e) => {
 			m("asset-loads", e);
@@ -3987,7 +4066,7 @@ var mi = ["aria-label"], hi = {
 			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) => N(h).retryInitialLoad && N(h).retryInitialLoad(...e)
-		}, " Retry ")) : N(h).errorMessage.value && N(h).items.value.length > 0 ? (w(), s("div", Ri, j(N(h).errorMessage.value), 1)) : o("", !0), N(h).isDesktop.value ? (w(), s(t, { key: 2 }, [u(r, {
+		}, " Retry ")) : N(h).errorMessage.value && N(h).items.value.length > 0 ? (w(), s("div", Ui, j(N(h).errorMessage.value), 1)) : o("", !0), N(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",
@@ -4001,7 +4080,7 @@ var mi = ["aria-label"], hi = {
 				"data-visible": N(h).surfaceMode.value === "list" ? "true" : "false",
 				inert: N(h).surfaceMode.value !== "list",
 				class: "absolute inset-0 z-[2]"
-			}, [u(Ii, {
+			}, [u(Vi, {
 				active: N(h).surfaceMode.value === "list",
 				"allow-exhausted-next-page-refresh": N(h).canRefreshExhaustedNextPage.value,
 				items: N(h).items.value,
@@ -4071,7 +4150,7 @@ var mi = ["aria-label"], hi = {
 				"onBoundaryLoadProgress",
 				"onOpenFullscreen",
 				"onUpdate:activeIndex"
-			])], 8, zi), [[I, N(h).surfaceMode.value === "list"]])]),
+			])], 8, Wi), [[I, N(h).surfaceMode.value === "list"]])]),
 			_: 3
 		}), u(r, {
 			appear: "",
@@ -4087,7 +4166,7 @@ var mi = ["aria-label"], hi = {
 				"data-visible": N(h).surfaceMode.value === "fullscreen" ? "true" : "false",
 				inert: N(h).surfaceMode.value !== "fullscreen",
 				class: "absolute inset-0 z-[3]"
-			}, [u(or, {
+			}, [u(dr, {
 				items: N(h).items.value,
 				active: N(h).surfaceMode.value === "fullscreen",
 				"active-index": N(h).activeIndex.value,
@@ -4156,12 +4235,12 @@ var mi = ["aria-label"], hi = {
 				"show-back-to-list",
 				"onBackToList",
 				"onUpdate:activeIndex"
-			])], 8, Bi), [[I, N(h).surfaceMode.value === "fullscreen"]])]),
+			])], 8, Gi), [[I, N(h).surfaceMode.value === "fullscreen"]])]),
 			_: 3
-		})], 64)) : N(h).items.value.length === 0 && N(h).loading.value ? (w(), s("div", Vi, [u(N(oe), {
+		})], 64)) : N(h).items.value.length === 0 && N(h).loading.value ? (w(), s("div", Ki, [u(N(oe), {
 			class: "size-10 animate-spin text-[#f7f1ea]/82",
 			"aria-hidden": "true"
-		}), n[1] ||= c("p", { class: "m-0 text-[0.9rem] font-semibold uppercase tracking-[0.22em] text-[#f7f1ea]/72" }, " Loading... ", -1)])) : (w(), a(or, {
+		}), n[1] ||= c("p", { class: "m-0 text-[0.9rem] font-semibold uppercase tracking-[0.22em] text-[#f7f1ea]/72" }, " Loading... ", -1)])) : (w(), a(dr, {
 			key: 4,
 			items: N(h).items.value,
 			active: !0,
@@ -4229,10 +4308,10 @@ var mi = ["aria-label"], hi = {
 			"show-status-badges",
 			"onBackToList",
 			"onUpdate:activeIndex"
-		]))], 8, Li));
+		]))], 8, Hi));
 	}
-}), Ui = { install(e) {
-	e.component("VibeLayout", Hi);
+}), Ji = { install(e) {
+	e.component("VibeLayout", qi);
 } };
 //#endregion
-export { Hi as VibeLayout, Ui as VibePlugin, Ui as default };
+export { qi as VibeLayout, Ji as VibePlugin, Ji as default };