@wyxos/vibe 3.1.33 → 3.1.34

package/lib/index.js

@@ -2985,13 +2985,16 @@ var Ar = { class: "relative flex h-full min-h-0 flex-col overflow-hidden bg-[#05
 	class: "pointer-events-none absolute inset-0 z-[6]"
 }, ii = { class: "h-full w-full" }, ai = {
 	key: 0,
+	"data-testid": "vibe-fullscreen-aside-column",
+	class: "vibe-fullscreen-aside-column-shell relative h-full min-h-0 shrink-0 overflow-hidden"
+}, oi = {
 	"data-testid": "vibe-fullscreen-aside",
-	class: "h-full min-h-0 w-[var(--vibe-fullscreen-aside-width,22rem)] shrink-0 overflow-hidden border-l border-white/10 bg-black/45 backdrop-blur-[18px]"
-}, oi = { class: "h-full min-h-0 overflow-y-auto overscroll-y-contain" }, si = {
+	class: "absolute inset-y-0 right-0 h-full min-h-0 w-[var(--vibe-fullscreen-aside-width,22rem)] overflow-hidden border-l border-white/10 bg-black/45 backdrop-blur-[18px]"
+}, si = { class: "h-full min-h-0 overflow-y-auto overscroll-y-contain" }, ci = {
 	key: 0,
 	"data-testid": "vibe-fullscreen-aside",
 	class: "absolute inset-y-0 right-0 z-[6] w-full max-w-[22rem] overflow-hidden border-l border-white/10 bg-black/82 backdrop-blur-[18px]"
-}, ci = { class: "h-full min-h-0 overflow-y-auto overscroll-y-contain" }, li = 1280, ui = 768, di = /* @__PURE__ */ d({
+}, li = { class: "h-full min-h-0 overflow-y-auto overscroll-y-contain" }, ui = 1280, di = 768, fi = /* @__PURE__ */ d({
 	__name: "FullscreenSurface",
 	props: {
 		active: {
@@ -3057,7 +3060,7 @@ var Ar = { class: "relative flex h-full min-h-0 flex-col overflow-hidden bg-[#05
 			enabled: N(d, "active"),
 			onAssetError: d.reportAssetError ?? void 0,
 			onAssetLoad: d.reportAssetLoad ?? void 0
-		}), _ = D(typeof window > "u" ? li : window.innerWidth || li), C = cn({
+		}), _ = D(typeof window > "u" ? ui : window.innerWidth || ui), C = cn({
 			active: N(d, "active"),
 			items: h.items,
 			resolvedActiveIndex: h.resolvedActiveIndex,
@@ -3074,7 +3077,7 @@ var Ar = { class: "relative flex h-full min-h-0 flex-col overflow-hidden bg-[#05
 			fullscreenMedia: C,
 			updateDominantToneFromImageElement: xe,
 			viewer: h
-		}), z = i(() => !!h.activeMediaItem.value && !h.activeAssetErrorKind.value), ee = i(() => _.value < ui ? "vertical" : "horizontal"), V = i(() => d.activeIndex >= d.items.length && (d.loading || d.hasNextPage)), U = i(() => {
+		}), z = i(() => !!h.activeMediaItem.value && !h.activeAssetErrorKind.value), ee = i(() => _.value < di ? "vertical" : "horizontal"), V = i(() => d.activeIndex >= d.items.length && (d.loading || d.hasNextPage)), U = i(() => {
 			let e = h.activeItem.value;
 			return e ? {
 				hasNextPage: d.hasNextPage,
@@ -3089,7 +3092,7 @@ var Ar = { class: "relative flex h-full min-h-0 flex-col overflow-hidden bg-[#05
 			...U.value,
 			kind: h.statusKind.value,
 			message: h.statusMessage.value
-		}), K = i(() => !G.value || !f["fullscreen-status"] ? [] : f["fullscreen-status"](G.value)), q = i(() => ln(te.value)), re = i(() => ln(ne.value)), J = i(() => ln(W.value)), Y = i(() => re.value && _.value >= li), ie = i(() => re.value && !Y.value), ae = i(() => ln(K.value)), oe = i(() => !!(h.activeItem.value && (d.showBackToList || h.activeItem.value.title || h.items.value.length || q.value))), ce = i(() => d.showEndBadge && h.isAtEnd.value && !h.hasNextPage.value && !h.loading.value), fe = i(() => J.value || !!G.value || ce.value), pe = i(() => z.value ? "pb-[5.75rem] max-[720px]:pb-[7rem]" : ""), { emptyStateProps: X, showBadgeEmptyState: me, showCustomEmptyState: he, showInlineEmptyState: ge } = fn({
+		}), K = i(() => !G.value || !f["fullscreen-status"] ? [] : f["fullscreen-status"](G.value)), q = i(() => ln(te.value)), re = i(() => ln(ne.value)), J = i(() => ln(W.value)), Y = i(() => re.value && _.value >= ui), ie = i(() => re.value && !Y.value), ae = i(() => ln(K.value)), oe = i(() => !!(h.activeItem.value && (d.showBackToList || h.activeItem.value.title || h.items.value.length || q.value))), ce = i(() => d.showEndBadge && h.isAtEnd.value && !h.hasNextPage.value && !h.loading.value), fe = i(() => J.value || !!G.value || ce.value), pe = i(() => z.value ? "pb-[5.75rem] max-[720px]:pb-[7rem]" : ""), { emptyStateProps: X, showBadgeEmptyState: me, showCustomEmptyState: he, showInlineEmptyState: ge } = fn({
 			emptyStateMode: N(d, "emptyStateMode"),
 			itemCount: i(() => d.items.length),
 			loading: N(d, "loading"),
@@ -3102,7 +3105,7 @@ var Ar = { class: "relative flex h-full min-h-0 flex-col overflow-hidden bg-[#05
 			window.removeEventListener("resize", _e);
 		});
 		function _e() {
-			_.value = window.innerWidth || li;
+			_.value = window.innerWidth || ui;
 		}
 		function ve(e, t) {
 			C.registerImageElement(e, t), h.registerImageElement(e, t), t instanceof HTMLImageElement && xe(e, t);
@@ -3420,15 +3423,8 @@ var Ar = { class: "relative flex h-full min-h-0 flex-col overflow-hidden bg-[#05
 					"status-kind",
 					"status-message"
 				])) : o("", !0)
-			]), u(r, {
-				"enter-active-class": "transform-gpu transition-all duration-320 ease-out",
-				"enter-from-class": "translate-x-full opacity-0",
-				"enter-to-class": "translate-x-0 opacity-100",
-				"leave-active-class": "transform-gpu transition-all duration-260 ease-in",
-				"leave-from-class": "translate-x-0 opacity-100",
-				"leave-to-class": "translate-x-full opacity-0"
-			}, {
-				default: B(() => [Y.value && U.value ? (w(), s("aside", ai, [c("div", oi, [k(e.$slots, "fullscreen-aside", y(p(U.value)))])])) : o("", !0)]),
+			]), u(r, { name: "vibe-fullscreen-aside-column" }, {
+				default: B(() => [Y.value && U.value ? (w(), s("div", ai, [c("aside", oi, [c("div", si, [k(e.$slots, "fullscreen-aside", y(p(U.value)))])])])) : o("", !0)]),
 				_: 3
 			})]),
 			u(r, {
@@ -3439,7 +3435,7 @@ var Ar = { class: "relative flex h-full min-h-0 flex-col overflow-hidden bg-[#05
 				"leave-from-class": "translate-x-0 opacity-100",
 				"leave-to-class": "translate-x-full opacity-0"
 			}, {
-				default: B(() => [ie.value && U.value ? (w(), s("aside", si, [c("div", ci, [k(e.$slots, "fullscreen-aside", y(p(U.value)))])])) : o("", !0)]),
+				default: B(() => [ie.value && U.value ? (w(), s("aside", ci, [c("div", li, [k(e.$slots, "fullscreen-aside", y(p(U.value)))])])) : o("", !0)]),
 				_: 3
 			})
 		]));
@@ -3447,7 +3443,7 @@ var Ar = { class: "relative flex h-full min-h-0 flex-col overflow-hidden bg-[#05
 });
 //#endregion
 //#region src/components/viewer-core/masonryLayoutState.ts
-function fi(e) {
+function pi(e) {
 	let t = j([]), n = j([]), r = j(/* @__PURE__ */ new Map()), i = j(0), a = j(/* @__PURE__ */ new Map()), o = j([]);
 	function s(s, c, l) {
 		let u = pr(s, {
@@ -3513,24 +3509,24 @@ function fi(e) {
 }
 //#endregion
 //#region src/components/viewer-core/useMasonryMotion.ts
-var pi = 300, mi = 600, hi = 40, gi = 300, _i = 400, vi = 300;
-function yi(e, t) {
+var mi = 300, hi = 600, gi = 40, _i = 300, vi = 400, yi = 300;
+function bi(e, t) {
 	return t === "top" ? [...e].reverse() : e;
 }
-function bi(e) {
-	return e <= 0 ? mi : mi + Math.min((e - 1) * hi, _i);
+function xi(e) {
+	return e <= 0 ? hi : hi + Math.min((e - 1) * gi, vi);
 }
-function xi(e, t, n = vi) {
+function Si(e, t, n = yi) {
 	return e + t > n;
 }
-function Si() {
-	return gi;
+function Ci() {
+	return _i;
 }
-function Ci(e) {
+function wi(e) {
 	let t = e.itemHeight > 0 ? e.itemHeight : e.columnWidth;
 	return e.direction === "top" ? e.scrollTop - t : e.scrollTop + e.viewportHeight + t;
 }
-function wi(e) {
+function Ti(e) {
 	let t = D(/* @__PURE__ */ new Set()), n = D(/* @__PURE__ */ new Set()), r = D(/* @__PURE__ */ new Map()), a = D(/* @__PURE__ */ new Map()), o = D(/* @__PURE__ */ new Map()), s = D(/* @__PURE__ */ new Set()), c = D(/* @__PURE__ */ new Map()), l = D(/* @__PURE__ */ new Map()), u = D(/* @__PURE__ */ new Set()), d = /* @__PURE__ */ new Set(), f = /* @__PURE__ */ new Set(), p = i(() => Array.from(o.value.values()));
 	z(e.visibleIndices, (i) => {
 		if (!i.length) return;
@@ -3540,20 +3536,20 @@ function wi(e) {
 			!r || !t.value.has(r) || d.has(r) || (d.add(r), o.push(r));
 		}
 		if (!o.length) return;
-		let s = yi(o, a.value.get(o[0]) ?? "bottom"), c = new Map(r.value);
-		for (let e = 0; e < s.length; e += 1) c.set(s[e], Math.min(e * hi, _i));
-		r.value = c, Ti(() => {
+		let s = bi(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 * gi, vi));
+		r.value = c, Ei(() => {
 			let e = new Set(n.value);
 			for (let t of o) e.add(t);
 			n.value = e;
-		}), Ei(() => {
+		}), Di(() => {
 			let e = new Set(t.value);
 			for (let t of o) e.delete(t);
 			t.value = e, w(() => {
 				let e = new Set(n.value), t = new Map(r.value), i = new Map(a.value);
 				for (let n of o) e.delete(n), t.delete(n), i.delete(n), d.delete(n);
 				n.value = e, r.value = t, a.value = i;
-			}, bi(o.length));
+			}, xi(o.length));
 		});
 	}, { flush: "post" }), z(() => e.items.value.map((e) => $(e)), (e) => {
 		if (!e.length || !o.value.size) return;
@@ -3566,7 +3562,7 @@ function wi(e) {
 	});
 	function m(n, r = "bottom") {
 		if (!n.length) return;
-		let i = xi(t.value.size, n.length), o = i ? new Set(e.visibleIndices.value) : null, s = o ? h(o) : new Set(t.value), c = i ? g(s) : new Map(a.value);
+		let i = Si(t.value.size, n.length), o = i ? new Set(e.visibleIndices.value) : null, s = o ? h(o) : new Set(t.value), c = i ? g(s) : new Map(a.value);
 		for (let t of n) {
 			let n = $(t), a = i ? e.indexById.value.get(n) : null;
 			o && (a == null || !o.has(a)) || (s.add(n), c.set(n, r));
@@ -3598,7 +3594,7 @@ function wi(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, Ti(() => {
+		o.value = i, t.value = c, n.value = l, r.value = u, a.value = f, Ei(() => {
 			let e = new Set(s.value);
 			for (let t of p) e.add(t);
 			s.value = e;
@@ -3606,9 +3602,9 @@ function wi(e) {
 			let e = new Map(o.value), t = new Set(s.value);
 			for (let n of p) e.delete(n), t.delete(n);
 			o.value = e, s.value = t;
-		}, gi);
+		}, _i);
 	}
-	function v(t, n, r = pi) {
+	function v(t, n, r = mi) {
 		if (!t.size) return;
 		let i = /* @__PURE__ */ new Map(), a = [];
 		for (let [r, o] of t.entries()) {
@@ -3627,8 +3623,8 @@ function wi(e) {
 		c.value = i, u.value = /* @__PURE__ */ new Set();
 		let o = new Map(l.value);
 		for (let e of a) o.set(e, r);
-		l.value = o, Ti(() => {
-			u.value = new Set(a), Ti(() => {
+		l.value = o, Ei(() => {
+			u.value = new Set(a), Ei(() => {
 				c.value = /* @__PURE__ */ new Map();
 			});
 		}), w(() => {
@@ -3639,8 +3635,8 @@ function wi(e) {
 		}, r);
 	}
 	function y(e) {
-		if (n.value.has(e)) return `transform ${mi}ms ease-out`;
-		if (u.value.has(e)) return `transform ${l.value.get(e) ?? pi}ms ease-out`;
+		if (n.value.has(e)) return `transform ${hi}ms ease-out`;
+		if (u.value.has(e)) return `transform ${l.value.get(e) ?? mi}ms ease-out`;
 	}
 	function b(e) {
 		if (!n.value.has(e)) return;
@@ -3657,7 +3653,7 @@ function wi(e) {
 		} : {
 			dx: 0,
 			dy: 0
-		}, u = s ? a.value.get(s) ?? "bottom" : "bottom", d = s && t.value.has(s) ? Ci({
+		}, u = s ? a.value.get(s) ?? "bottom" : "bottom", d = s && t.value.has(s) ? wi({
 			columnWidth: e.columnWidth.value,
 			direction: u,
 			itemHeight: o,
@@ -3671,14 +3667,14 @@ function wi(e) {
 		if (!r) return {
 			opacity: "0",
 			transform: "translate3d(0, 0, 0) scale(0.96)",
-			transition: `opacity ${gi}ms ease-out, transform ${gi}ms ease-out`
+			transition: `opacity ${_i}ms ease-out, transform ${_i}ms ease-out`
 		};
 		let i = s.value.has(n);
 		return {
 			height: `${r.height}px`,
 			opacity: i ? "0" : "1",
 			transform: `translate3d(${r.position.x}px, ${r.position.y}px, 0) scale(${i ? "0.96" : "1"})`,
-			transition: `opacity ${gi}ms ease-out, transform ${gi}ms ease-out`,
+			transition: `opacity ${_i}ms ease-out, transform ${_i}ms ease-out`,
 			width: `${e.columnWidth.value}px`
 		};
 	}
@@ -3699,28 +3695,28 @@ function wi(e) {
 		playFlipMoveAnimation: v
 	};
 }
-function Ti(e) {
+function Ei(e) {
 	if (typeof requestAnimationFrame == "function") {
 		requestAnimationFrame(() => e());
 		return;
 	}
 	setTimeout(e, 0);
 }
-function Ei(e) {
-	Ti(() => Ti(e));
+function Di(e) {
+	Ei(() => Ei(e));
 }
 //#endregion
 //#region src/components/viewer-core/masonryViewport.ts
-function Di(e, t) {
+function Oi(e, t) {
 	return e?.clientHeight || Math.round(e?.getBoundingClientRect().height ?? 0) || t || window.innerHeight || 1;
 }
-function Oi(e, t, n) {
+function ki(e, t, n) {
 	return e?.clientWidth || Math.round(e?.getBoundingClientRect().width ?? 0) || t || window.innerWidth || n;
 }
-function ki(e, t, n, r) {
+function Ai(e, t, n, r) {
 	return Math.max(e?.scrollHeight ?? 0, r) - (t + n);
 }
-function Ai(e, t) {
+function ji(e, t) {
 	return {
 		height: `${e}px`,
 		transform: `translate3d(0, ${t}px, 0)`
@@ -3728,11 +3724,11 @@ function Ai(e, t) {
 }
 //#endregion
 //#region src/components/viewer-core/masonryScrollBehavior.ts
-var ji = 24, Mi = 48;
-function Ni(e) {
+var Mi = 24, Ni = 48;
+function Pi(e) {
 	let t = D(0), n = 0, r = 0;
 	function i(e) {
-		if (t.value = Ri(e), t.value <= 0) {
+		if (t.value = zi(e), t.value <= 0) {
 			o();
 			return;
 		}
@@ -3752,7 +3748,7 @@ function Ni(e) {
 		let s = e.getViewport();
 		if (s && r > 0) {
 			let n = Math.min(Math.max(0, i - r), 250), a = t.value * n / 1e3;
-			s.scrollTop = zi(s.scrollTop + a, 0, e.getMaxScrollTop()), e.onScroll();
+			s.scrollTop = Bi(s.scrollTop + a, 0, e.getMaxScrollTop()), e.onScroll();
 		}
 		r = i, a();
 	}
@@ -3762,44 +3758,44 @@ function Ni(e) {
 		stop: o
 	};
 }
-function Pi(e) {
+function Fi(e) {
 	if (!e.active || !e.triggerEnabled) return 0;
 	let t = Math.max(0, e.maxScrollTop - e.thresholdPx);
-	return t <= 0 ? 1 : zi(1 - (e.progressDistancePx - e.thresholdPx) / t, 0, 1);
+	return t <= 0 ? 1 : Bi(1 - (e.progressDistancePx - e.thresholdPx) / t, 0, 1);
 }
-function Fi(e) {
+function Ii(e) {
 	if (!e.active || !e.triggerEnabled) return 0;
 	let t = Math.max(0, e.maxScrollTop - e.thresholdPx);
-	return t <= 0 ? 1 : zi(e.progressDistancePx / t, 0, 1);
+	return t <= 0 ? 1 : Bi(e.progressDistancePx / t, 0, 1);
 }
-function Ii(e) {
-	let t = i(() => Math.max(0, e.viewportHeight.value - ji * 2)), n = i(() => e.containerHeight.value > e.viewportHeight.value + 1 && t.value > 0), r = i(() => {
+function Li(e) {
+	let t = i(() => Math.max(0, e.viewportHeight.value - Mi * 2)), n = i(() => e.containerHeight.value > e.viewportHeight.value + 1 && t.value > 0), r = i(() => {
 		if (!n.value) return 0;
 		let r = e.viewportHeight.value / e.containerHeight.value * t.value;
-		return Math.min(t.value, Math.max(Mi, r));
+		return Math.min(t.value, Math.max(Ni, r));
 	}), a = i(() => {
-		if (!n.value) return ji;
+		if (!n.value) return Mi;
 		let i = Math.max(0, e.containerHeight.value - e.viewportHeight.value);
-		return ji + Math.max(0, t.value - r.value) * (i > 0 ? zi(e.scrollTop.value / i, 0, 1) : 0);
+		return Mi + Math.max(0, t.value - r.value) * (i > 0 ? Bi(e.scrollTop.value / i, 0, 1) : 0);
 	});
 	return {
-		getScrollbarThumbStyle: () => Ai(r.value, a.value),
+		getScrollbarThumbStyle: () => ji(r.value, a.value),
 		showScrollbar: n
 	};
 }
-function Li(e) {
+function Ri(e) {
 	return typeof e == "number" && Number.isFinite(e) ? Math.max(0, e) : 0;
 }
-function Ri(e) {
+function zi(e) {
 	return Number.isFinite(e) ? Math.max(0, e) : 0;
 }
-function zi(e, t, n) {
+function Bi(e, t, n) {
 	return Math.min(Math.max(e, t), n);
 }
 //#endregion
 //#region src/components/viewer-core/useEdgeBoundary.ts
-var Bi = 250, Vi = 1e3;
-function Hi(e) {
+var Vi = 250, Hi = 1e3;
+function Ui(e) {
 	let t = D(!1), n = D(!1), r = D(0), i = D(0), a = D(!1), o = D(!1), s = D(!1), c = 0, l = null;
 	x(() => {
 		S();
@@ -3822,7 +3818,7 @@ function Hi(e) {
 		if (!C(t) || !e.isAtBoundary()) return;
 		let n = Date.now();
 		if (!(n < c)) {
-			if (c = n + Bi, a.value) {
+			if (c = n + Vi, a.value) {
 				s.value = !0;
 				return;
 			}
@@ -3861,7 +3857,7 @@ function Hi(e) {
 		return e.hasPage.value && t.value && r.value > i.value && !e.interactionLocked?.value && !e.loading.value && !a.value && typeof e.requestPage.value == "function";
 	}
 	function v() {
-		o.value = !1, y(Vi);
+		o.value = !1, y(Hi);
 	}
 	function y(e) {
 		S(), a.value = !0, l = setTimeout(() => {
@@ -3893,7 +3889,7 @@ function Hi(e) {
 }
 //#endregion
 //#region src/components/viewer-core/masonryBoundaryLock.ts
-function Ui() {
+function Wi() {
 	let e = D(!1), t = null;
 	x(() => {
 		r();
@@ -3914,8 +3910,8 @@ function Ui() {
 }
 //#endregion
 //#region src/components/viewer-core/masonryItemMutation.ts
-function Wi(e) {
-	let t = e.currentItems.map((e) => $(e)), n = e.previousItems.map((e) => $(e)), r = Ki(e.previousItems, e.layoutIndexById, e.layoutHeights), i = qi(e.previousItems, e.layoutIndexById, e.layoutPositions), a = new Set(n), o = new Set(t), s = e.currentItems.filter((e) => !a.has($(e))), c = Gi(e.previousItems, o, r, i), l = t.length > n.length && n.length > 0 && t[0] !== n[0], u = e.scrollTop > e.contentInsetPx + e.gapPx, d = l && u ? e.currentItems[e.activeIndex] : null;
+function Gi(e) {
+	let t = e.currentItems.map((e) => $(e)), n = e.previousItems.map((e) => $(e)), r = qi(e.previousItems, e.layoutIndexById, e.layoutHeights), i = Ji(e.previousItems, e.layoutIndexById, e.layoutPositions), a = new Set(n), o = new Set(t), s = e.currentItems.filter((e) => !a.has($(e))), c = Ki(e.previousItems, o, r, i), l = t.length > n.length && n.length > 0 && t[0] !== n[0], u = e.scrollTop > e.contentInsetPx + e.gapPx, d = l && u ? e.currentItems[e.activeIndex] : null;
 	return {
 		addedItems: s,
 		anchorId: d ? $(d) : null,
@@ -3927,7 +3923,7 @@ function Wi(e) {
 		shouldResetScrollForEmptyRemoval: e.currentItems.length === 0 && e.previousItems.length > 0 && c.length > 0 && e.scrollTop > 0
 	};
 }
-function Gi(e, t, n, r) {
+function Ki(e, t, n, r) {
 	return e.flatMap((e) => {
 		let i = $(e);
 		if (t.has(i)) return [];
@@ -3939,7 +3935,7 @@ function Gi(e, t, n, r) {
 		}] : [];
 	});
 }
-function Ki(e, t, n) {
+function qi(e, t, n) {
 	let r = /* @__PURE__ */ new Map();
 	for (let i of e) {
 		let e = $(i), a = t.get(e), o = a == null ? void 0 : n[a];
@@ -3947,7 +3943,7 @@ function Ki(e, t, n) {
 	}
 	return r;
 }
-function qi(e, t, n) {
+function Ji(e, t, n) {
 	let r = /* @__PURE__ */ new Map();
 	for (let i of e) {
 		let e = $(i), a = t.get(e), o = a == null ? void 0 : n[a];
@@ -3957,7 +3953,7 @@ function qi(e, t, n) {
 }
 //#endregion
 //#region src/components/viewer-core/masonryPendingAppend.ts
-function Ji(e) {
+function Yi(e) {
 	let t = D(null), n = D(!1), r = null;
 	function i() {
 		o(), e.pendingAppendItems.value.length && (t.value = c([...e.items.value, ...e.pendingAppendItems.value]), s());
@@ -4002,42 +3998,42 @@ function Ji(e) {
 }
 //#endregion
 //#region src/components/viewer-core/useMasonryList.ts
-var Yi = 600, Xi = 24, Zi = 16, Qi = 300, $i = 200, ea = 0, ta = 1, na = Xi + Zi, ra = 200, ia = 500, aa = 1e3;
-function oa(e) {
-	let t = D(null), n = D(0), r = D(typeof window > "u" ? 0 : window.innerHeight || 0), a = D(typeof window > "u" ? 0 : window.innerWidth || Qi), o = fi({
-		bucketPx: Yi,
-		contentInsetPx: Xi,
-		gapPx: Zi
-	}), { buckets: s, columnHeights: c, contentHeight: l, heights: u, indexById: d, positions: f } = o, p = D(null), m = Ui(), h = i(() => Math.max(Qi, a.value - Xi * 2)), g = i(() => ur(h.value, Qi)), v = i(() => dr(h.value, g.value, Qi, Zi)), y = i(() => Li(e.bottomLoadBufferPx.value)), b = i(() => sa(e.activeIndex.value, 0, Math.max(0, e.items.value.length - 1))), C = i(() => _r({
+var Xi = 600, Zi = 24, Qi = 16, $i = 300, ea = 200, ta = 0, na = 1, ra = Zi + Qi, ia = 200, aa = 500, oa = 1e3;
+function sa(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 || $i), o = pi({
+		bucketPx: Xi,
+		contentInsetPx: Zi,
+		gapPx: Qi
+	}), { buckets: s, columnHeights: c, contentHeight: l, heights: u, indexById: d, positions: f } = o, p = D(null), m = Wi(), h = i(() => Math.max($i, a.value - Zi * 2)), g = i(() => ur(h.value, $i)), v = i(() => dr(h.value, g.value, $i, Qi)), y = i(() => Ri(e.bottomLoadBufferPx.value)), b = i(() => ca(e.activeIndex.value, 0, Math.max(0, e.items.value.length - 1))), C = i(() => _r({
 		itemCount: e.items.value.length,
 		viewportHeight: r.value,
 		scrollTop: n.value,
-		overscanPx: $i,
-		bucketPx: Yi,
+		overscanPx: ea,
+		bucketPx: Xi,
 		buckets: s.value
 	})), w = i(() => C.value.map((t) => ({
 		item: e.items.value[t],
 		index: t
 	}))), T = i(() => {
-		let e = l.value + Xi * 2, t = I.reservedContentHeight.value ?? 0;
-		return Math.max(e, t, r.value) + ra + y.value;
-	}), E = i(() => e.hasNextPage.value || e.allowExhaustedNextPageRefresh.value), O = i(() => Fi({
+		let e = l.value + Zi * 2, t = I.reservedContentHeight.value ?? 0;
+		return Math.max(e, t, r.value) + ia + y.value;
+	}), E = i(() => e.hasNextPage.value || e.allowExhaustedNextPageRefresh.value), O = i(() => Ii({
 		active: e.active.value,
 		maxScrollTop: Y(),
 		progressDistancePx: n.value,
-		thresholdPx: ea,
+		thresholdPx: ta,
 		triggerEnabled: E.value
-	})), k = i(() => e.items.value.length > 0 ? `${b.value + 1} / ${e.items.value.length}` : "0 / 0"), A = i(() => Pi({
+	})), k = i(() => e.items.value.length > 0 ? `${b.value + 1} / ${e.items.value.length}` : "0 / 0"), A = i(() => Fi({
 		active: e.active.value,
 		maxScrollTop: Y(),
 		progressDistancePx: n.value,
-		thresholdPx: na,
+		thresholdPx: ra,
 		triggerEnabled: e.hasPreviousPage.value
-	})), j = Ii({
+	})), j = Li({
 		containerHeight: T,
 		scrollTop: n,
 		viewportHeight: r
-	}), M = wi({
+	}), M = Ti({
 		items: e.items,
 		visibleIndices: C,
 		positions: f,
@@ -4046,44 +4042,44 @@ function oa(e) {
 		columnWidth: v,
 		scrollTop: n,
 		viewportHeight: r
-	}), N = Hi({
+	}), N = Ui({
 		direction: "top",
 		getAnimationLockMs(e) {
-			return Math.max(ia, bi(e)) + aa;
+			return Math.max(aa, xi(e)) + oa;
 		},
 		hasPage: e.hasPreviousPage,
 		interactionLocked: m.isBoundaryInteractionLocked,
 		isAtBoundary() {
-			return n.value <= na;
+			return n.value <= ra;
 		},
 		loading: e.loading,
 		requestPage: e.requestPreviousPage
-	}), P = Hi({
+	}), P = Ui({
 		direction: "bottom",
 		getAnimationLockMs(e) {
-			return bi(e) + aa;
+			return xi(e) + oa;
 		},
 		hasPage: E,
 		interactionLocked: m.isBoundaryInteractionLocked,
 		isAtBoundary() {
-			return J() <= ta;
+			return J() <= na;
 		},
 		loading: e.loading,
 		requestPage: e.requestNextPage
-	}), F = Ni({
+	}), F = Pi({
 		active: e.active,
 		getMaxScrollTop: Y,
 		getViewport: () => t.value,
 		onScroll: ee
-	}), I = Ji({
-		bucketPx: Yi,
+	}), I = Yi({
+		bucketPx: Xi,
 		columnHeights: c,
 		columnCount: g,
 		columnWidth: v,
 		commitPendingAppend: e.commitPendingAppend,
 		contentHeight: l,
-		contentInsetPx: Xi,
-		gapPx: Zi,
+		contentInsetPx: Zi,
+		gapPx: Qi,
 		items: e.items,
 		pendingAppendItems: e.pendingAppendItems
 	}), L = null, R = 0;
@@ -4092,20 +4088,20 @@ function oa(e) {
 		g,
 		v
 	], async ([t], [r = []]) => {
-		let i = Wi({
+		let i = Gi({
 			activeIndex: b.value,
-			contentInsetPx: Xi,
+			contentInsetPx: Zi,
 			currentItems: t,
-			gapPx: Zi,
+			gapPx: Qi,
 			layoutHeights: u.value,
 			layoutIndexById: d.value,
 			layoutPositions: f.value,
 			previousItems: r ?? [],
 			scrollTop: n.value
 		});
-		i.shouldLockBoundaryInteractionForRemoval && m.lockBoundaryInteraction(Si() + aa), i.shouldResetScrollForEmptyRemoval && te();
+		i.shouldLockBoundaryInteractionForRemoval && m.lockBoundaryInteraction(Ci() + oa), i.shouldResetScrollForEmptyRemoval && te();
 		let a = r ?? [];
-		o.canAppend(t, a, i, g.value) ? o.append(i.addedItems, a.length, g.value, v.value) : o.rebuild(t, g.value, v.value), i.removedItems.length > 0 && M.markLeave(i.removedItems), i.addedItems.length > 0 && (M.markEnter(i.addedItems, i.isPrepend ? "top" : "bottom"), i.isPrepend ? N.onItemsMutated(i.addedItems.length) : P.onItemsMutated(i.addedItems.length)), M.playFlipMoveAnimation(i.oldPositionsById, new Set(i.addedItems.map((e) => $(e))), i.isPrepend ? ia : void 0), i.anchorId ? (await _(), U(i.anchorId, i.oldPositionsById)) : e.active.value && i.previousIds.length > 0 && ne();
+		o.canAppend(t, a, i, g.value) ? o.append(i.addedItems, a.length, g.value, v.value) : o.rebuild(t, g.value, v.value), i.removedItems.length > 0 && M.markLeave(i.removedItems), i.addedItems.length > 0 && (M.markEnter(i.addedItems, i.isPrepend ? "top" : "bottom"), i.isPrepend ? N.onItemsMutated(i.addedItems.length) : P.onItemsMutated(i.addedItems.length)), M.playFlipMoveAnimation(i.oldPositionsById, new Set(i.addedItems.map((e) => $(e))), i.isPrepend ? aa : void 0), i.anchorId ? (await _(), U(i.anchorId, i.oldPositionsById)) : e.active.value && i.previousIds.length > 0 && ne();
 	}, { immediate: !0 }), z([
 		() => e.pendingAppendItems.value.map((e) => $(e)),
 		g,
@@ -4119,7 +4115,7 @@ function oa(e) {
 		}
 		if (F.start(), !a || i !== !1 || p.value == null) return;
 		await _();
-		let o = Math.max(0, T.value - r.value), s = sa(p.value, 0, o);
+		let o = Math.max(0, T.value - r.value), s = ca(p.value, 0, o);
 		a.scrollTop = s, n.value = s, N.syncBoundary(), P.syncBoundary();
 	}), z(() => e.loading.value, async (e) => {
 		I.clearReservedHeightWhenIdle(e), N.onLoadingChange(e), P.onLoadingChange(e), await _();
@@ -4152,7 +4148,7 @@ function oa(e) {
 		let a = t.value, o = f.value[e], s = u.value[e];
 		if (!a || !o || !s) return;
 		let c = a.scrollTop, l = Math.max(0, T.value - r.value);
-		i === "center" ? c = o.y - (r.value - s) / 2 : o.y < a.scrollTop ? c = o.y - Xi : o.y + s > a.scrollTop + r.value && (c = o.y + s - r.value + Xi), a.scrollTop = sa(c, 0, l), n.value = a.scrollTop, W();
+		i === "center" ? c = o.y - (r.value - s) / 2 : o.y < a.scrollTop ? c = o.y - Zi : o.y + s > a.scrollTop + r.value && (c = o.y + s - r.value + Zi), a.scrollTop = ca(c, 0, l), n.value = a.scrollTop, W();
 	}
 	function U(e, r) {
 		let i = t.value, a = r.get(e), o = d.value.get(e), s = o == null ? null : f.value[o];
@@ -4180,7 +4176,7 @@ function oa(e) {
 		e.setActiveIndex(i);
 	}
 	function ne() {
-		let t = n.value <= na, r = J() <= ta;
+		let t = n.value <= ra, r = J() <= na;
 		return t ? (e.setActiveIndex(0), !0) : r ? (e.setActiveIndex(Math.max(0, e.items.value.length - 1)), !0) : !1;
 	}
 	function G() {
@@ -4190,13 +4186,13 @@ function oa(e) {
 		r.value = q(), a.value = re();
 	}
 	function q() {
-		return Di(t.value, r.value);
+		return Oi(t.value, r.value);
 	}
 	function re() {
-		return Oi(t.value, a.value, Qi);
+		return ki(t.value, a.value, $i);
 	}
 	function J() {
-		return ki(t.value, n.value, r.value, T.value);
+		return Ai(t.value, n.value, r.value, T.value);
 	}
 	function Y() {
 		let e = Math.max(t.value?.scrollHeight ?? 0, T.value);
@@ -4222,17 +4218,17 @@ function oa(e) {
 		scrollViewportRef: t
 	};
 }
-function sa(e, t, n) {
+function ca(e, t, n) {
 	return Math.min(Math.max(e, t), n);
 }
 //#endregion
 //#region src/components/viewer-core/listCardAsset.ts
-function ca(e) {
+function la(e) {
 	if (e) try {
 		e.removeAttribute("src"), e.src = "";
 	} catch {}
 }
-function la(e) {
+function ua(e) {
 	if (e) {
 		try {
 			e.currentTime = 0;
@@ -4243,12 +4239,12 @@ function la(e) {
 		} catch {}
 	}
 }
-function ua(e, t) {
+function da(e, t) {
 	if (t) return e.bottom > t.top && e.top < t.bottom;
 	let n = window.innerHeight || document.documentElement.clientHeight || 0;
 	return e.bottom > 0 && e.top < n;
 }
-function da(e) {
+function fa(e) {
 	if (!e) return null;
 	try {
 		return new URL(e, window.location.href).href;
@@ -4258,9 +4254,9 @@ function da(e) {
 }
 //#endregion
 //#region src/components/viewer-core/useListCardHealthCheck.ts
-function fa(e) {
+function pa(e) {
 	let t = D(null), n = i(() => {
-		let t = typeof e.item.value.healthCheck?.url == "string" ? da(e.item.value.healthCheck.url) : null;
+		let t = typeof e.item.value.healthCheck?.url == "string" ? fa(e.item.value.healthCheck.url) : null;
 		return !t || t === e.attachedAssetUrl.value ? null : t;
 	}), r = null, a = 0, o = /* @__PURE__ */ new Map();
 	z(n, (e, n) => {
@@ -4338,14 +4334,14 @@ function fa(e) {
 }
 //#endregion
 //#region src/components/ListCard.vue?vue&type=script&setup=true&lang.ts
-var pa = ["aria-label"], ma = {
+var ma = ["aria-label"], ha = {
 	key: 0,
 	"data-testid": "vibe-list-card-spinner",
 	class: "pointer-events-none absolute inset-0 z-[4] grid place-items-center bg-black/18"
-}, ha = { class: "inline-flex h-12 w-12 items-center justify-center rounded-full bg-black/45 shadow-[0_18px_40px_-18px_rgba(0,0,0,0.85)] backdrop-blur-[18px]" }, ga = ["src", "alt"], _a = ["src"], va = ["data-kind"], ya = { class: "grid justify-items-center gap-3 px-4 text-center" }, ba = { class: "text-[0.68rem] font-bold uppercase tracking-[0.22em] text-[#f7f1ea]/72" }, xa = {
+}, ga = { 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]" }, _a = ["src", "alt"], va = ["src"], ya = ["data-kind"], ba = { class: "grid justify-items-center gap-3 px-4 text-center" }, xa = { class: "text-[0.68rem] font-bold uppercase tracking-[0.22em] text-[#f7f1ea]/72" }, Sa = {
 	key: 4,
 	class: "grid h-full w-full place-items-center bg-[radial-gradient(circle_at_center,rgba(255,255,255,0.08),transparent_65%),linear-gradient(180deg,rgba(255,255,255,0.04),rgba(255,255,255,0.02))]"
-}, Sa = { class: "inline-flex h-14 w-14 items-center justify-center border border-white/16 bg-black/20" }, Ca = { class: "pointer-events-none absolute inset-0 z-[3]" }, wa = /* @__PURE__ */ d({
+}, Ca = { class: "inline-flex h-14 w-14 items-center justify-center border border-white/16 bg-black/20" }, wa = { class: "pointer-events-none absolute inset-0 z-[3]" }, Ta = /* @__PURE__ */ d({
 	__name: "ListCard",
 	props: {
 		active: {
@@ -4369,7 +4365,7 @@ var pa = ["aria-label"], ma = {
 	},
 	emits: ["open"],
 	setup(e, { emit: t }) {
-		let n = e, r = t, l = i(() => Cr(n.item)), d = D(!1), f = D(!1), p = D(!1), m = D(l.value.kind === "fallback"), h = D(!1), g = D(null), _ = D(null), y = D(null), b = D(null), C = D(null), T = D(l.value.kind === "fallback"), E = i(() => T.value ? n.surfaceActive ? d.value ? l.value.url : null : l.value.url : null), O = i(() => n.surfaceActive && d.value && (l.value.kind === "image" || l.value.kind === "video") && !!l.value.url), j = i(() => l.value.kind === "image" && !!E.value), N = i(() => l.value.kind === "video" && !!E.value), P = fa({
+		let n = e, r = t, l = i(() => Cr(n.item)), d = D(!1), f = D(!1), p = D(!1), m = D(l.value.kind === "fallback"), h = D(!1), g = D(null), _ = D(null), y = D(null), b = D(null), C = D(null), T = D(l.value.kind === "fallback"), E = i(() => T.value ? n.surfaceActive ? d.value ? l.value.url : null : l.value.url : null), O = i(() => n.surfaceActive && d.value && (l.value.kind === "image" || l.value.kind === "video") && !!l.value.url), j = i(() => l.value.kind === "image" && !!E.value), N = i(() => l.value.kind === "video" && !!E.value), P = pa({
 			attachedAssetUrl: E,
 			getPriority: le,
 			isInView: d,
@@ -4489,7 +4485,7 @@ var pa = ["aria-label"], ma = {
 				d.value = !0;
 				return;
 			}
-			d.value = ua(e?.boundingClientRect ?? t.getBoundingClientRect(), e?.rootBounds ?? b.value?.getBoundingClientRect() ?? null);
+			d.value = da(e?.boundingClientRect ?? t.getBoundingClientRect(), e?.rootBounds ?? b.value?.getBoundingClientRect() ?? null);
 		}
 		function ie(e) {
 			if (!e) return;
@@ -4509,10 +4505,10 @@ var pa = ["aria-label"], ma = {
 			}), g.value = null, m.value = !1, T.value = !1, J(), K();
 		}
 		function oe() {
-			ca(_.value);
+			la(_.value);
 		}
 		function ce() {
-			la(C.value);
+			ua(C.value);
 		}
 		function le() {
 			let e = y.value;
@@ -4526,8 +4522,8 @@ var pa = ["aria-label"], ma = {
 			return Math.abs((t.top + t.bottom) / 2 - n);
 		}
 		function ue(e) {
-			let t = da(E.value);
-			return !e || !t ? !1 : da("currentSrc" in e && e.currentSrc || e.getAttribute("src")) === t;
+			let t = fa(E.value);
+			return !e || !t ? !1 : fa("currentSrc" in e && e.currentSrc || e.getAttribute("src")) === t;
 		}
 		function fe() {
 			r("open");
@@ -4555,8 +4551,8 @@ var pa = ["aria-label"], ma = {
 				class: "absolute inset-0 z-[1] block h-full w-full cursor-pointer text-left focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-[#f7f1ea]",
 				"aria-label": n.item.title || `Open item ${n.index + 1}`,
 				onClick: fe
-			}, null, 8, pa),
-			ee.value ? (w(), s("div", ma, [c("span", ha, [u(F(se), {
+			}, null, 8, ma),
+			ee.value ? (w(), s("div", ha, [c("span", ga, [u(F(se), {
 				class: "h-5 w-5 animate-spin stroke-[1.9] text-[#f7f1ea]/78",
 				"aria-hidden": "true"
 			})])])) : o("", !0),
@@ -4570,7 +4566,7 @@ var pa = ["aria-label"], ma = {
 				class: v(["block h-full w-full object-cover transition-opacity duration-300", m.value ? "pointer-events-none opacity-100" : "pointer-events-none opacity-0"]),
 				onLoad: te,
 				onError: W
-			}, null, 42, ga)) : N.value && E.value && !L.value ? (w(), s("video", {
+			}, null, 42, _a)) : N.value && E.value && !L.value ? (w(), s("video", {
 				key: 2,
 				ref_key: "videoRef",
 				ref: C,
@@ -4586,31 +4582,31 @@ var pa = ["aria-label"], ma = {
 				onPlaying: ne,
 				onStalled: G,
 				onWaiting: G
-			}, null, 42, _a)) : L.value ? (w(), s("div", {
+			}, null, 42, va)) : L.value ? (w(), s("div", {
 				key: 3,
 				"data-testid": "vibe-list-card-error",
 				"data-kind": I.value,
 				class: "pointer-events-none relative z-[2] grid h-full w-full place-items-center bg-[radial-gradient(circle_at_center,rgba(239,68,68,0.12),transparent_65%),linear-gradient(180deg,rgba(255,255,255,0.04),rgba(255,255,255,0.02))]"
-			}, [c("div", ya, [
+			}, [c("div", ba, [
 				u(F(de), {
 					class: "h-6 w-6 stroke-[1.8] text-[#f7f1ea]/78",
 					"aria-hidden": "true"
 				}),
-				c("span", ba, M(F(Cn)(I.value)), 1),
+				c("span", xa, M(F(Cn)(I.value)), 1),
 				R.value ? (w(), s("button", {
 					key: 0,
 					type: "button",
 					class: "pointer-events-auto inline-flex items-center justify-center border border-white/14 bg-black/35 px-3 py-2 text-[0.62rem] font-bold uppercase tracking-[0.22em] text-[#f7f1ea]/82 backdrop-blur-[18px] transition hover:border-white/28 hover:bg-black/50",
 					onClick: H(ae, ["stop"])
 				}, " Retry ")) : o("", !0)
-			])], 8, va)) : (w(), s("div", xa, [c("div", Sa, [k(e.$slots, "item-icon", {
+			])], 8, ya)) : (w(), s("div", Sa, [c("div", Ca, [k(e.$slots, "item-icon", {
 				icon: F(Jt)(n.item.type),
 				item: n.item
 			}, () => [(w(), a(A(F(Jt)(n.item.type)), {
 				class: "h-6 w-6 stroke-[1.8] text-[#f7f1ea]/78",
 				"aria-hidden": "true"
 			}))])])])),
-			c("div", Ca, [k(e.$slots, "grid-item-overlay", {
+			c("div", wa, [k(e.$slots, "grid-item-overlay", {
 				active: n.active,
 				focused: f.value,
 				hovered: p.value,
@@ -4620,24 +4616,24 @@ var pa = ["aria-label"], ma = {
 			})])
 		], 34));
 	}
-}), Ta = { class: "relative h-full min-h-0 bg-[radial-gradient(circle_at_top_center,rgba(255,255,255,0.04),transparent_28%),linear-gradient(180deg,#06070b,#05060a)]" }, Ea = { class: "pointer-events-none absolute inset-x-0 top-0 z-[2] flex justify-end p-6" }, Da = {
+}), Ea = { 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)]" }, Da = { class: "pointer-events-none absolute inset-x-0 top-0 z-[2] flex justify-end p-6" }, Oa = {
 	"data-testid": "vibe-pagination",
 	class: "inline-flex shrink-0 items-center gap-2 whitespace-nowrap border border-white/14 bg-black/40 px-3 py-2 text-[0.63rem] font-bold uppercase tracking-[0.12em] text-[#f7f1ea]/72 backdrop-blur-[18px] min-[721px]:gap-3 min-[721px]:px-4 min-[721px]:py-3 min-[721px]:text-[0.74rem] min-[721px]:tracking-[0.2em]"
-}, Oa = { class: "whitespace-nowrap" }, ka = {
+}, ka = { class: "whitespace-nowrap" }, Aa = {
 	key: 0,
 	class: "whitespace-nowrap border-l border-white/12 pl-2 text-[#f7f1ea]/56 min-[721px]:pl-3"
-}, Aa = [
+}, ja = [
 	"data-active",
 	"data-index",
 	"data-item-id",
 	"data-occurrence-key"
-], ja = ["data-item-id"], Ma = {
+], Ma = ["data-item-id"], Na = {
 	key: 0,
 	class: "pointer-events-none absolute inset-y-0 right-0 z-[3] hidden w-8 min-[1024px]:block"
-}, Na = {
+}, Pa = {
 	key: 1,
 	class: "pointer-events-none absolute inset-x-0 bottom-0 z-[2] px-5 pb-5 sm:px-6"
-}, Pa = { class: "mx-auto flex w-full justify-center" }, Fa = /* @__PURE__ */ d({
+}, Fa = { class: "mx-auto flex w-full justify-center" }, Ia = /* @__PURE__ */ d({
 	__name: "ListSurface",
 	props: {
 		active: {
@@ -4699,7 +4695,7 @@ var pa = ["aria-label"], ma = {
 		"update:activeIndex"
 	],
 	setup(e, { expose: n, emit: r }) {
-		let d = e, f = L(), p = r, m = oa({
+		let d = e, f = L(), p = r, m = sa({
 			active: N(d, "active"),
 			allowExhaustedNextPageRefresh: N(d, "allowExhaustedNextPageRefresh"),
 			bottomLoadBufferPx: N(d, "bottomLoadBufferPx"),
@@ -4747,8 +4743,8 @@ var pa = ["aria-label"], ma = {
 				nextBoundaryLoadProgress: e,
 				previousBoundaryLoadProgress: t
 			});
-		}, { immediate: !0 }), (e, n) => (w(), s("div", Ta, [
-			c("div", Ea, [c("span", Da, [c("span", Oa, M(F(m).paginationLabel.value), 1), d.paginationDetail ? (w(), s("span", ka, M(d.paginationDetail), 1)) : o("", !0)])]),
+		}, { immediate: !0 }), (e, n) => (w(), s("div", Ea, [
+			c("div", Da, [c("span", Oa, [c("span", ka, M(F(m).paginationLabel.value), 1), d.paginationDetail ? (w(), s("span", Aa, M(d.paginationDetail), 1)) : o("", !0)])]),
 			c("div", {
 				ref: F(m).scrollViewportRef,
 				"data-testid": "vibe-list-scroll",
@@ -4769,7 +4765,7 @@ var pa = ["aria-label"], ma = {
 					"data-occurrence-key": F($)(t),
 					class: "absolute will-change-transform",
 					style: b(F(m).getCardStyle(n))
-				}, [u(wa, {
+				}, [u(Ta, {
 					active: n === F(m).resolvedActiveIndex.value,
 					index: n,
 					item: t,
@@ -4793,14 +4789,14 @@ var pa = ["aria-label"], ma = {
 					"report-asset-load",
 					"surface-active",
 					"onOpen"
-				])], 12, Aa))), 128)),
+				])], 12, ja))), 128)),
 				(w(!0), s(t, null, O(F(m).leavingItems.value, (t) => (w(), s("article", {
 					key: `leaving-${F($)(t.item)}`,
 					"data-testid": "vibe-list-card-leaving",
 					"data-item-id": t.item.id,
 					class: "pointer-events-none absolute z-[2] will-change-[opacity,transform]",
 					style: b(F(m).getLeavingCardStyle(t.item))
-				}, [u(wa, {
+				}, [u(Ta, {
 					active: !1,
 					index: -1,
 					item: t.item,
@@ -4815,7 +4811,7 @@ var pa = ["aria-label"], ma = {
 					"item",
 					"report-asset-error",
 					"report-asset-load"
-				])], 12, ja))), 128)),
+				])], 12, Ma))), 128)),
 				F(j) && F(E) ? (w(), a(or, {
 					key: 0,
 					message: F(E).message,
@@ -4830,12 +4826,12 @@ var pa = ["aria-label"], ma = {
 					"surface"
 				])) : o("", !0)
 			], 4)], 544),
-			F(m).showScrollbar.value ? (w(), s("div", Ma, [n[2] ||= c("div", { class: "absolute bottom-6 right-3 top-6 w-px bg-white/8" }, null, -1), c("div", {
+			F(m).showScrollbar.value ? (w(), s("div", Na, [n[2] ||= c("div", { class: "absolute bottom-6 right-3 top-6 w-px bg-white/8" }, null, -1), c("div", {
 				"data-testid": "vibe-list-scrollbar-thumb",
 				class: v(["absolute right-[0.625rem] w-1 bg-white/34 transition-[height,transform,background-color,opacity] duration-300 ease-out", d.loading ? "bg-white/52" : "bg-white/34"]),
 				style: b(F(m).getScrollbarThumbStyle())
 			}, null, 6)])) : o("", !0),
-			f["grid-footer"] ? (w(), s("div", Na, [c("div", Pa, [k(e.$slots, "grid-footer")])])) : o("", !0),
+			f["grid-footer"] ? (w(), s("div", Pa, [c("div", Fa, [k(e.$slots, "grid-footer")])])) : o("", !0),
 			x.value ? (w(), s("div", {
 				key: 2,
 				class: v(["pointer-events-none absolute inset-x-0 bottom-0 z-[3] flex justify-center px-6", f["grid-footer"] ? "pb-24" : "pb-6"])
@@ -4861,13 +4857,13 @@ var pa = ["aria-label"], ma = {
 			])) : o("", !0)
 		]));
 	}
-}), Ia = ["data-surface-mode"], La = {
+}), La = ["data-surface-mode"], Ra = {
 	key: 1,
 	class: "absolute left-5 top-5 z-30 border border-amber-400/45 bg-black/35 px-4 py-2 text-xs font-medium uppercase tracking-[0.24em] text-amber-100 backdrop-blur"
-}, Ra = ["data-visible", "inert"], za = ["data-visible", "inert"], Ba = {
+}, za = ["data-visible", "inert"], Ba = ["data-visible", "inert"], Va = {
 	key: 3,
 	class: "relative z-[1] grid h-full w-full content-center justify-items-center gap-6 px-[clamp(2rem,4vw,3rem)] py-[clamp(2rem,4vw,3rem)] text-center"
-}, Va = /* @__PURE__ */ d({
+}, Ha = /* @__PURE__ */ d({
 	name: "VibeLayout",
 	__name: "Layout",
 	props: {
@@ -4935,7 +4931,7 @@ var pa = ["aria-label"], ma = {
 			type: "button",
 			class: "absolute left-5 top-5 z-30 inline-flex items-center border border-rose-400/55 bg-rose-500/18 px-4 py-2 text-xs font-medium uppercase tracking-[0.24em] text-white backdrop-blur transition hover:bg-rose-500/28",
 			onClick: n[0] ||= (...e) => F(h).retryInitialLoad && F(h).retryInitialLoad(...e)
-		}, " Retry ")) : F(h).errorMessage.value && F(h).items.value.length > 0 ? (w(), s("div", La, M(F(h).errorMessage.value), 1)) : o("", !0), F(h).isDesktop.value ? (w(), s(t, { key: 2 }, [u(r, {
+		}, " Retry ")) : F(h).errorMessage.value && F(h).items.value.length > 0 ? (w(), s("div", Ra, M(F(h).errorMessage.value), 1)) : o("", !0), F(h).isDesktop.value ? (w(), s(t, { key: 2 }, [u(r, {
 			appear: "",
 			"enter-active-class": "transition-[opacity,transform] duration-300 ease-out",
 			"enter-from-class": "translate-y-3 opacity-0",
@@ -4949,7 +4945,7 @@ var pa = ["aria-label"], ma = {
 				"data-visible": F(h).surfaceMode.value === "list" ? "true" : "false",
 				inert: F(h).surfaceMode.value !== "list",
 				class: "absolute inset-0 z-[2]"
-			}, [u(Fa, {
+			}, [u(Ia, {
 				ref_key: "listSurfaceRef",
 				ref: g,
 				active: F(h).surfaceMode.value === "list",
@@ -5023,7 +5019,7 @@ var pa = ["aria-label"], ma = {
 				"onBoundaryLoadProgress",
 				"onOpenFullscreen",
 				"onUpdate:activeIndex"
-			])], 8, Ra), [[R, F(h).surfaceMode.value === "list"]])]),
+			])], 8, za), [[R, F(h).surfaceMode.value === "list"]])]),
 			_: 3
 		}), u(r, {
 			appear: "",
@@ -5039,7 +5035,7 @@ var pa = ["aria-label"], ma = {
 				"data-visible": F(h).surfaceMode.value === "fullscreen" ? "true" : "false",
 				inert: F(h).surfaceMode.value !== "fullscreen",
 				class: "absolute inset-0 z-[3]"
-			}, [u(di, {
+			}, [u(fi, {
 				items: F(h).items.value,
 				active: F(h).surfaceMode.value === "fullscreen",
 				"active-index": F(h).activeIndex.value,
@@ -5102,12 +5098,12 @@ var pa = ["aria-label"], ma = {
 					fn: B((t) => [k(e.$slots, "item-icon", y(p(t)))]),
 					key: "6"
 				} : void 0
-			]), 1032, /* @__PURE__ */ "items.active.active-index.error-message.fill-collected-count.fill-completed-calls.fill-loaded-count.fill-mode.fill-progress.fill-target-calls.fill-target-count.fill-total-count.loading.has-next-page.pagination-detail.phase.report-asset-error.report-asset-load.empty-state-mode.loop-fullscreen-video.show-dominant-image-tone.show-end-badge.show-status-badges.show-back-to-list.onBackToList.onUpdate:activeIndex".split("."))], 8, za), [[R, F(h).surfaceMode.value === "fullscreen"]])]),
+			]), 1032, /* @__PURE__ */ "items.active.active-index.error-message.fill-collected-count.fill-completed-calls.fill-loaded-count.fill-mode.fill-progress.fill-target-calls.fill-target-count.fill-total-count.loading.has-next-page.pagination-detail.phase.report-asset-error.report-asset-load.empty-state-mode.loop-fullscreen-video.show-dominant-image-tone.show-end-badge.show-status-badges.show-back-to-list.onBackToList.onUpdate:activeIndex".split("."))], 8, Ba), [[R, F(h).surfaceMode.value === "fullscreen"]])]),
 			_: 3
-		})], 64)) : F(h).items.value.length === 0 && F(h).loading.value && F(h).phase.value === "initializing" ? (w(), s("div", Ba, [u(F(se), {
+		})], 64)) : F(h).items.value.length === 0 && F(h).loading.value && F(h).phase.value === "initializing" ? (w(), s("div", Va, [u(F(se), {
 			class: "size-10 animate-spin text-[#f7f1ea]/82",
 			"aria-hidden": "true"
-		}), n[1] ||= c("p", { class: "m-0 text-[0.9rem] font-semibold uppercase tracking-[0.22em] text-[#f7f1ea]/72" }, " Loading... ", -1)])) : (w(), a(di, {
+		}), n[1] ||= c("p", { class: "m-0 text-[0.9rem] font-semibold uppercase tracking-[0.22em] text-[#f7f1ea]/72" }, " Loading... ", -1)])) : (w(), a(fi, {
 			key: 4,
 			items: F(h).items.value,
 			active: !0,
@@ -5196,10 +5192,10 @@ var pa = ["aria-label"], ma = {
 			"show-status-badges",
 			"onBackToList",
 			"onUpdate:activeIndex"
-		]))], 8, Ia));
+		]))], 8, La));
 	}
-}), Ha = { install(e) {
-	e.component("VibeLayout", Va);
+}), Ua = { install(e) {
+	e.component("VibeLayout", Ha);
 } };
 //#endregion
-export { Va as VibeLayout, Ha as VibePlugin, Ha as default };
+export { Ha as VibeLayout, Ua as VibePlugin, Ua as default };