@wyxos/vibe 3.1.0 → 3.1.2

package/lib/index.js

@@ -3,7 +3,7 @@ import { Comment as e, Fragment as t, Text as n, Transition as r, computed as i,
 var B = (e) => {
 	for (let t in e) if (t.startsWith("aria-") || t === "role" || t === "title") return !0;
 	return !1;
-}, V = (e) => e === "", H = (...e) => e.filter((e, t, n) => !!e && e.trim() !== "" && n.indexOf(e) === t).join(" ").trim(), ee = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), U = (e) => e.replace(/^([A-Z])|[\s-_]+(\w)/g, (e, t, n) => n ? n.toUpperCase() : t.toLowerCase()), W = (e) => {
+}, ee = (e) => e === "", V = (...e) => e.filter((e, t, n) => !!e && e.trim() !== "" && n.indexOf(e) === t).join(" ").trim(), H = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), U = (e) => e.replace(/^([A-Z])|[\s-_]+(\w)/g, (e, t, n) => n ? n.toUpperCase() : t.toLowerCase()), W = (e) => {
 	let t = U(e);
 	return t.charAt(0).toUpperCase() + t.slice(1);
 }, G = {
@@ -16,27 +16,27 @@ var B = (e) => {
 	"stroke-width": 2,
 	"stroke-linecap": "round",
 	"stroke-linejoin": "round"
-}, K = ({ name: e, iconNode: t, absoluteStrokeWidth: n, "absolute-stroke-width": r, strokeWidth: i, "stroke-width": a, size: o = G.width, color: s = G.stroke, ...c }, { slots: l }) => p("svg", {
+}, te = ({ name: e, iconNode: t, absoluteStrokeWidth: n, "absolute-stroke-width": r, strokeWidth: i, "stroke-width": a, size: o = G.width, color: s = G.stroke, ...c }, { slots: l }) => p("svg", {
 	...G,
 	...c,
 	width: o,
 	height: o,
 	stroke: s,
-	"stroke-width": V(n) || V(r) || n === !0 || r === !0 ? Number(i || a || G["stroke-width"]) * 24 / Number(o) : i || a || G["stroke-width"],
-	class: H("lucide", c.class, ...e ? [`lucide-${ee(W(e))}-icon`, `lucide-${ee(e)}`] : ["lucide-icon"]),
+	"stroke-width": ee(n) || ee(r) || n === !0 || r === !0 ? Number(i || a || G["stroke-width"]) * 24 / Number(o) : i || a || G["stroke-width"],
+	class: V("lucide", c.class, ...e ? [`lucide-${H(W(e))}-icon`, `lucide-${H(e)}`] : ["lucide-icon"]),
 	...!l.default && !B(c) && { "aria-hidden": "true" }
-}, [...t.map((e) => p(...e)), ...l.default ? [l.default()] : []]), q = (e, t) => (n, { slots: r, attrs: i }) => p(K, {
+}, [...t.map((e) => p(...e)), ...l.default ? [l.default()] : []]), K = (e, t) => (n, { slots: r, attrs: i }) => p(te, {
 	...i,
 	...n,
 	iconNode: t,
 	name: e
-}, r), te = q("arrow-left", [["path", {
+}, r), q = K("arrow-left", [["path", {
 	d: "m12 19-7-7 7-7",
 	key: "1l729n"
 }], ["path", {
 	d: "M19 12H5",
 	key: "x3x0zl"
-}]]), J = q("audio-lines", [
+}]]), J = K("audio-lines", [
 	["path", {
 		d: "M2 10v3",
 		key: "1fnikh"
@@ -61,7 +61,7 @@ var B = (e) => {
 		d: "M22 10v3",
 		key: "154ddg"
 	}]
-]), ne = q("clapperboard", [
+]), ne = K("clapperboard", [
 	["path", {
 		d: "m12.296 3.464 3.02 3.956",
 		key: "qash78"
@@ -78,13 +78,13 @@ var B = (e) => {
 		d: "m6.18 5.276 3.1 3.899",
 		key: "zjj9t3"
 	}]
-]), Y = q("file", [["path", {
+]), Y = K("file", [["path", {
 	d: "M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z",
 	key: "1oefj6"
 }], ["path", {
 	d: "M14 2v5a1 1 0 0 0 1 1h5",
 	key: "wfsgrz"
-}]]), X = q("image-plus", [
+}]]), X = K("image-plus", [
 	["path", {
 		d: "M16 5h6",
 		key: "1vod17"
@@ -107,10 +107,10 @@ var B = (e) => {
 		r: "2",
 		key: "af1f0g"
 	}]
-]), re = q("loader-circle", [["path", {
+]), re = K("loader-circle", [["path", {
 	d: "M21 12a9 9 0 1 1-6.219-8.56",
 	key: "13zald"
-}]]), ie = q("pause", [["rect", {
+}]]), ie = K("pause", [["rect", {
 	x: "14",
 	y: "3",
 	width: "5",
@@ -124,10 +124,10 @@ var B = (e) => {
 	height: "18",
 	rx: "1",
 	key: "1wsw3u"
-}]]), ae = q("play", [["path", {
+}]]), ae = K("play", [["path", {
 	d: "M5 5a2 2 0 0 1 3.008-1.728l11.997 6.998a2 2 0 0 1 .003 3.458l-12 7A2 2 0 0 1 5 19z",
 	key: "10ikf1"
-}]]), oe = q("triangle-alert", [
+}]]), oe = K("triangle-alert", [
 	["path", {
 		d: "m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3",
 		key: "wmoenq"
@@ -140,13 +140,13 @@ var B = (e) => {
 		d: "M12 17h.01",
 		key: "p32p05"
 	}]
-]), se = q("volume-1", [["path", {
+]), se = K("volume-1", [["path", {
 	d: "M11 4.702a.705.705 0 0 0-1.203-.498L6.413 7.587A1.4 1.4 0 0 1 5.416 8H3a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h2.416a1.4 1.4 0 0 1 .997.413l3.383 3.384A.705.705 0 0 0 11 19.298z",
 	key: "uqj9uw"
 }], ["path", {
 	d: "M16 9a5 5 0 0 1 0 6",
 	key: "1q6k2b"
-}]]), ce = q("volume-2", [
+}]]), ce = K("volume-2", [
 	["path", {
 		d: "M11 4.702a.705.705 0 0 0-1.203-.498L6.413 7.587A1.4 1.4 0 0 1 5.416 8H3a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h2.416a1.4 1.4 0 0 1 .997.413l3.383 3.384A.705.705 0 0 0 11 19.298z",
 		key: "uqj9uw"
@@ -159,7 +159,7 @@ var B = (e) => {
 		d: "M19.364 18.364a9 9 0 0 0 0-12.728",
 		key: "ijwkga"
 	}]
-]), Z = q("volume-x", [
+]), Z = K("volume-x", [
 	["path", {
 		d: "M11 4.702a.705.705 0 0 0-1.203-.498L6.413 7.587A1.4 1.4 0 0 1 5.416 8H3a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h2.416a1.4 1.4 0 0 1 .997.413l3.383 3.384A.705.705 0 0 0 11 19.298z",
 		key: "uqj9uw"
@@ -437,7 +437,7 @@ function Ve() {
 //#endregion
 //#region src/components/viewer-core/useAutoResolveSource.ts
 function He(e) {
-	let t = !!e.initialState?.items.length, n = T([]), r = T(0), a = T([]), o = T(!1), s = T(null), c = T(!t && typeof e.resolve == "function" ? "initializing" : "idle"), l = T(null), u = Ve(), d = u.remainingMs, f = T(null), p = T(!1), m = T(!0), h = T(!1), g = /* @__PURE__ */ new Set(), _ = null, v = null, y = 0, S = 0, C = i(() => Be(e.fillDelayMs, Ie)), w = i(() => Be(e.fillDelayStepMs, Le)), E = i(() => typeof e.resolve == "function"), D = i(() => e.mode ?? "dynamic"), O = i(() => me(e.pageSize)), k = i(() => Se(n.value)), A = i(() => Ce(k.value, e.removedIds.value)), j = i(() => r.value), M = i(() => pe(c.value) || p.value), N = i(() => Ue(n.value, e.removedIds.value)), P = i(() => We(n.value, e.removedIds.value)), I = i(() => P.value?.nextCursor ?? null), L = i(() => o.value ? null : N.value?.previousCursor ?? null), R = i(() => !!I.value), z = i(() => !!L.value), B = i(() => E.value && n.value.length > 0), V = i(() => Ce(Se(a.value), e.removedIds.value)), H = i(() => Ee(n.value, e.removedIds.value, j.value)), ee = i(() => !A.value.length && !M.value && !!s.value);
+	let t = !!e.initialState?.items.length, n = T([]), r = T(0), a = T([]), o = T(!1), s = T(null), c = T(!t && typeof e.resolve == "function" ? "initializing" : "idle"), l = T(null), u = Ve(), d = u.remainingMs, f = T(null), p = T(!1), m = T(!0), h = T(!1), g = /* @__PURE__ */ new Set(), _ = null, v = null, y = 0, S = 0, C = i(() => Be(e.fillDelayMs, Ie)), w = i(() => Be(e.fillDelayStepMs, Le)), E = i(() => typeof e.resolve == "function"), D = i(() => e.mode ?? "dynamic"), O = i(() => me(e.pageSize)), k = i(() => Se(n.value)), A = i(() => Ce(k.value, e.removedIds.value)), j = i(() => r.value), M = i(() => pe(c.value) || p.value), N = i(() => Ue(n.value, e.removedIds.value)), P = i(() => We(n.value, e.removedIds.value)), I = i(() => P.value?.nextCursor ?? null), L = i(() => o.value ? null : N.value?.previousCursor ?? null), R = i(() => !!I.value), z = i(() => !!L.value), B = i(() => E.value && n.value.length > 0), ee = i(() => Ce(Se(a.value), e.removedIds.value)), V = i(() => Ee(n.value, e.removedIds.value, j.value)), H = i(() => !A.value.length && !M.value && !!s.value);
 	F(() => A.value.length, (e) => {
 		if (e === 0) {
 			r.value = 0;
@@ -474,8 +474,8 @@ function He(e) {
 			await Z(L.value);
 		}
 	}
-	async function K() {
-		if (ee.value) {
+	async function te() {
+		if (H.value) {
 			if (n.value = [], r.value = 0, a.value = [], o.value = !1, s.value = null, c.value = E.value ? "initializing" : "idle", l.value = null, f.value = null, p.value = !1, g.clear(), _?.abort(), _ = null, u.clear(!0), fe()) {
 				Q();
 				return;
@@ -483,11 +483,11 @@ function He(e) {
 			await U();
 		}
 	}
-	async function q() {
-		if (ee.value) return K();
+	async function K() {
+		if (H.value) return te();
 		h.value || c.value !== "failed" || !v || (s.value = null, await v());
 	}
-	async function te() {
+	async function q() {
 		if (!a.value.length) return p.value = !1, Q();
 		n.value = [...n.value, ...a.value], a.value = [], p.value = !1, Q();
 	}
@@ -531,7 +531,7 @@ function He(e) {
 		r.value = Pe(A.value, j.value, e);
 	}
 	function oe() {
-		a.value.length > 0 && !V.value.length && te();
+		a.value.length > 0 && !ee.value.length && q();
 	}
 	async function se() {
 		if (!(!m.value || _e())) {
@@ -554,7 +554,7 @@ function He(e) {
 		});
 		if (t) {
 			if (t.canceled) return n.value = [...n.value, ...t.buckets], a.value = [], p.value = !1, Q();
-			if (a.value = t.buckets, !V.value.length) return n.value = [...n.value, ...a.value], a.value = [], p.value = !1, Q();
+			if (a.value = t.buckets, !ee.value.length) return n.value = [...n.value, ...a.value], a.value = [], p.value = !1, Q();
 			p.value = !0;
 		}
 	}
@@ -694,11 +694,11 @@ function He(e) {
 	}
 	return {
 		activeIndex: j,
-		canRetryInitialLoad: ee,
+		canRetryInitialLoad: H,
 		cancel: re,
 		canRefreshTrailingBoundary: B,
-		commitPendingAppend: te,
-		currentCursor: H,
+		commitPendingAppend: q,
+		currentCursor: V,
 		errorMessage: s,
 		fillCollectedCount: l,
 		fillDelayRemainingMs: d,
@@ -713,13 +713,13 @@ function He(e) {
 		mode: D,
 		maybePrefetchAround: se,
 		nextCursor: I,
-		pendingAppendItems: V,
+		pendingAppendItems: ee,
 		phase: c,
 		prefetchNextPage: W,
 		prefetchPreviousPage: G,
 		previousCursor: L,
-		retryInitialLoad: K,
-		retry: q,
+		retryInitialLoad: te,
+		retry: K,
 		setActiveIndex: J,
 		setAutoPrefetchEnabled: ne,
 		syncActiveIndexAfterVisibilityChange: ae,
@@ -1085,7 +1085,7 @@ var Ye = {
 			class: "pointer-events-auto inline-flex h-11 w-11 shrink-0 items-center justify-center border border-white/14 bg-black/40 text-[#f7f1ea]/78 backdrop-blur-[18px] transition hover:border-white/28 hover:bg-black/55",
 			"aria-label": "Back to list",
 			onClick: t[0] ||= (e) => r("back-to-list")
-		}, [u(j(te), {
+		}, [u(j(q), {
 			class: "h-4 w-4 stroke-[2.2]",
 			"aria-hidden": "true"
 		})])) : o("", !0), n.title ? (S(), s("h2", mt, k(n.title), 1)) : o("", !0)]), c("div", ht, [c("span", gt, [
@@ -1293,27 +1293,29 @@ function Ut(e) {
 	return e === "generic";
 }
 function Wt(e) {
+	return Gt(e).then((e) => e ?? "generic");
+}
+function Gt(e) {
 	let t = Vt.get(e);
 	if (t) return t;
-	let n = Gt(e);
+	let n = Kt(e);
 	return Vt.set(e, n), n;
 }
-async function Gt(e) {
-	if (!Kt(e)) return "generic";
+async function Kt(e) {
+	if (!qt(e)) return null;
 	try {
 		let t = await fetch(e, { method: "HEAD" });
-		if (!t.ok && t.status === 404) return "not-found";
+		return t.ok ? null : t.status === 404 ? "not-found" : "generic";
 	} catch {
 		return "generic";
 	}
-	return "generic";
 }
-function Kt(e) {
+function qt(e) {
 	return /^(https?:\/\/|\/)/i.test(e);
 }
 //#endregion
 //#region src/components/viewer-core/mediaPlayback.ts
-function qt(e) {
+function Jt(e) {
 	try {
 		let t = e.play();
 		t && typeof t.catch == "function" && t.catch(() => {});
@@ -1321,12 +1323,12 @@ function qt(e) {
 }
 //#endregion
 //#region src/components/viewer-core/useMedia.ts
-function Jt(e) {
+function Yt(e) {
 	let t = T({}), n = T({}), r = T({}), a = T({}), o = T({}), s = /* @__PURE__ */ new Map(), c = /* @__PURE__ */ new Map(), l = /* @__PURE__ */ new Set(), u = i(() => e.activeItem.value ? $(e.activeItem.value) : null), d = i(() => e.activeMediaItem.value ? $(e.activeMediaItem.value) : null), f = i(() => {
 		let t = /* @__PURE__ */ new Map();
 		for (let n of e.items.value) t.set($(n), n);
 		return t;
-	}), p = i(() => d.value ? r.value[d.value] ?? It : It), m = i(() => d.value ? p.value.duration : 0), h = i(() => m.value <= 0 ? 0 : Yt(p.value.currentTime / m.value * 100, 0, 100)), _ = i(() => u.value ? L(u.value) : null);
+	}), p = i(() => d.value ? r.value[d.value] ?? It : It), m = i(() => d.value ? p.value.duration : 0), h = i(() => m.value <= 0 ? 0 : Xt(p.value.currentTime / m.value * 100, 0, 100)), _ = i(() => u.value ? L(u.value) : null);
 	F(() => u.value, async () => {
 		await S();
 	}), F(() => e.itemCount.value, async () => {
@@ -1352,28 +1354,28 @@ function Jt(e) {
 		r instanceof HTMLImageElement && Rt(r) && (t.value[e] = !0, n.value[e] = null, ne(e, r.currentSrc || r.src || X(e)));
 	}
 	function x() {
-		ee(), a.value = {}, n.value = {}, t.value = {}, o.value = {}, r.value = {}, l.clear();
+		H(), a.value = {}, n.value = {}, t.value = {}, o.value = {}, r.value = {}, l.clear();
 	}
 	async function S() {
 		if (!e.isEnabled.value) {
-			ee();
+			H();
 			return;
 		}
 		await g();
 		let t = u.value;
 		for (let [n, i] of s.entries()) {
 			if (n !== t || r.value[n]?.errorKind) {
-				H(i, n);
+				V(i, n);
 				continue;
 			}
-			i.muted = !1, i.loop = e.loopFullscreenVideo.value, i.playsInline = !0, qt(i), W(n, i);
+			i.muted = !1, i.loop = e.loopFullscreenVideo.value, i.playsInline = !0, Jt(i), W(n, i);
 		}
 		for (let [e, n] of c.entries()) {
 			if (e !== t || r.value[e]?.errorKind) {
-				H(n, e);
+				V(n, e);
 				continue;
 			}
-			qt(n), W(e, n);
+			Jt(n), W(e, n);
 		}
 	}
 	function C(e, t) {
@@ -1401,7 +1403,7 @@ function Jt(e) {
 		});
 	}
 	async function D(t, n) {
-		let r = q(t), i = U(t), a = Y(t) ?? e.activeMediaItem.value ?? e.activeItem.value;
+		let r = K(t), i = U(t), a = Y(t) ?? e.activeMediaItem.value ?? e.activeItem.value;
 		if (r) {
 			r.pause();
 			try {
@@ -1422,25 +1424,25 @@ function Jt(e) {
 		e.button !== 0 || Date.now() < n || J(s.get(t) ?? null);
 	}
 	function k(e, t, n) {
-		e.button !== 0 || Date.now() < n || J(q(t));
+		e.button !== 0 || Date.now() < n || J(K(t));
 	}
 	function A(e) {
-		let t = te(), n = d.value;
+		let t = q(), n = d.value;
 		if (!t || !n || !(e.target instanceof HTMLInputElement)) return;
 		let r = Number.parseFloat(e.target.value);
 		if (!Number.isFinite(r)) return;
-		let i = Yt(r, 0, m.value || 0);
+		let i = Xt(r, 0, m.value || 0);
 		G(n, i, t), t.currentTime = i;
 	}
 	function j(e) {
-		let t = te(), n = d.value;
+		let t = q(), n = d.value;
 		if (!t || !n || !(e.target instanceof HTMLInputElement)) return;
-		let r = Yt(Number.parseFloat(e.target.value), 0, 1);
+		let r = Xt(Number.parseFloat(e.target.value), 0, 1);
 		t.volume = r, t.muted = r <= 0, r > 0 && (o.value[n] = r), W(n, t);
 	}
 	function M() {
-		let e = te(), t = d.value;
-		!e || !t || (e.muted || e.volume <= 0 ? (e.volume = K(t), e.muted = !1, o.value[t] = e.volume) : (o.value[t] = e.volume, e.muted = !0), W(t, e));
+		let e = q(), t = d.value;
+		!e || !t || (e.muted || e.volume <= 0 ? (e.volume = te(t), e.muted = !1, o.value[t] = e.volume) : (o.value[t] = e.volume, e.muted = !0), W(t, e));
 	}
 	function N(e) {
 		return !!t.value[e] && !n.value[e];
@@ -1464,26 +1466,26 @@ function Jt(e) {
 	function B(e) {
 		return `${e}:${a.value[e] ?? 0}`;
 	}
-	async function V(e) {
+	async function ee(e) {
 		if (!z(e)) return;
 		t.value[e] = !1, n.value[e] = null;
 		let r = U(e);
 		r.currentTime = 0, r.duration = 0, r.paused = !0, r.ready = !1, r.errorKind = null;
-		let i = q(e);
-		i && H(i, e), l.forEach((t) => {
+		let i = K(e);
+		i && V(i, e), l.forEach((t) => {
 			t.startsWith(`${e}|`) && l.delete(t);
 		}), a.value[e] = (a.value[e] ?? 0) + 1, await g(), await S();
 	}
-	function H(e, t) {
+	function V(e, t) {
 		e.pause();
 		try {
 			e.currentTime = 0;
 		} catch {}
 		W(t, e);
 	}
-	function ee() {
-		for (let [e, t] of s.entries()) H(t, e);
-		for (let [e, t] of c.entries()) H(t, e);
+	function H() {
+		for (let [e, t] of s.entries()) V(t, e);
+		for (let [e, t] of c.entries()) V(t, e);
 	}
 	function U(e) {
 		return r.value[e] || (r.value[e] = Lt()), r.value[e];
@@ -1495,19 +1497,19 @@ function Jt(e) {
 		let r = U(e);
 		r.currentTime = t, r.duration = Number.isFinite(n.duration) ? n.duration : r.duration, r.muted = n.muted, r.paused = n.paused, r.volume = Number.isFinite(n.volume) ? n.volume : r.volume;
 	}
-	function K(e) {
-		return Yt(o.value[e] ?? 1, 0, 1);
+	function te(e) {
+		return Xt(o.value[e] ?? 1, 0, 1);
 	}
-	function q(e) {
+	function K(e) {
 		return s.get(e) ?? c.get(e) ?? null;
 	}
-	function te() {
-		return d.value ? q(d.value) : null;
+	function q() {
+		return d.value ? K(d.value) : null;
 	}
 	function J(e) {
 		if (e) {
 			if (e.paused) {
-				qt(e);
+				Jt(e);
 				return;
 			}
 			e.pause();
@@ -1556,14 +1558,14 @@ function Jt(e) {
 		registerImageElement: b,
 		registerVideoElement: v,
 		resetMediaState: x,
-		retryAsset: V,
+		retryAsset: ee,
 		syncMediaPlayback: S
 	};
 }
-function Yt(e, t, n) {
+function Xt(e, t, n) {
 	return Math.min(Math.max(e, t), n);
 }
-function Xt(e, t, n = 2) {
+function Zt(e, t, n = 2) {
 	return t <= 0 ? {
 		start: 0,
 		end: -1
@@ -1572,14 +1574,14 @@ function Xt(e, t, n = 2) {
 		end: Math.min(t - 1, e + n)
 	};
 }
-function Zt(e, t, n = 2) {
-	let r = Xt(t, e.length, n);
+function Qt(e, t, n = 2) {
+	let r = Zt(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 Qt(e, t, n, r, i) {
+function $t(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)"
@@ -1587,12 +1589,12 @@ function Qt(e, t, n, r, i) {
 }
 //#endregion
 //#region src/components/viewer-core/useViewer.ts
-function $t(e, t, n = {}) {
+function en(e, t, n = {}) {
 	let r = i(() => e.items), a = i(() => e.activeIndex ?? 0), o = i(() => e.errorMessage ?? null), s = i(() => e.loading ?? !1), c = i(() => e.hasNextPage ?? !1), l = i(() => e.loopFullscreenVideo ?? !0), u = i(() => e.paginationDetail ?? null), d = i(() => Nt({
 		itemCount: r.value.length,
 		loading: s.value,
 		phase: e.phase
-	})), f = i(() => !1), p = T(null), m = T(0), h = T(!1), g = T(1), _ = n.enabled ?? i(() => !0), v = null, y = 0, b = 0, x = 0, S = i(() => r.value.length === 0 ? 0 : P(a.value, 0, r.value.length - 1)), C = i(() => r.value[S.value] ?? null), w = i(() => C.value?.type === "audio" || C.value?.type === "video" ? C.value : null), E = Jt({
+	})), f = i(() => !1), p = T(null), m = T(0), h = T(!1), g = T(1), _ = n.enabled ?? i(() => !0), v = null, y = 0, b = 0, x = 0, S = i(() => r.value.length === 0 ? 0 : P(a.value, 0, r.value.length - 1)), C = i(() => r.value[S.value] ?? null), w = i(() => C.value?.type === "audio" || C.value?.type === "video" ? C.value : null), E = Yt({
 		items: r,
 		activeItem: C,
 		activeMediaItem: w,
@@ -1607,7 +1609,7 @@ function $t(e, t, n = {}) {
 		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(() => Xt(S.value, r.value.length)), N = i(() => Zt(r.value, S.value));
+	})), k = i(() => O.value?.kind ?? null), A = i(() => O.value?.message ?? null), j = i(() => Math.min(96, g.value * .15 || 96)), M = i(() => Zt(S.value, r.value.length)), N = i(() => Qt(r.value, S.value));
 	Ft({
 		enabled: _,
 		onDisable() {
@@ -1643,13 +1645,13 @@ function $t(e, t, n = {}) {
 	function B(e) {
 		!_.value || !h.value || v !== e.pointerId || (m.value = R(e.clientY - y));
 	}
-	function V(e) {
-		!_.value || v !== e.pointerId || (p.value?.releasePointerCapture?.(e.pointerId), ee());
+	function ee(e) {
+		!_.value || v !== e.pointerId || (p.value?.releasePointerCapture?.(e.pointerId), H());
 	}
-	function H(e) {
+	function V(e) {
 		!_.value || v !== e.pointerId || (p.value?.releasePointerCapture?.(e.pointerId), U());
 	}
-	function ee() {
+	function H() {
 		Math.abs(m.value) >= j.value && (x = Date.now() + 250, L(m.value < 0 ? 1 : -1)), U();
 	}
 	function U() {
@@ -1664,13 +1666,13 @@ function $t(e, t, n = {}) {
 	function G(e) {
 		!_.value || r.value.length === 0 || Q(e.target) || ((e.key === "ArrowDown" || e.key === "PageDown") && (e.preventDefault(), L(1)), (e.key === "ArrowUp" || e.key === "PageUp") && (e.preventDefault(), L(-1)));
 	}
-	function K(e, t) {
+	function te(e, t) {
 		E.onVideoClick(e, t, x);
 	}
-	function q(e, t) {
+	function K(e, t) {
 		E.onAudioCoverClick(e, t, x);
 	}
-	function te(e) {
+	function q(e) {
 		E.onMediaSeekInput(e);
 	}
 	function J(e) {
@@ -1686,7 +1688,7 @@ function $t(e, t, n = {}) {
 		return e.type === "audio";
 	}
 	function re(e) {
-		return Qt(e, S.value, g.value, m.value, h.value);
+		return $t(e, S.value, g.value, m.value, h.value);
 	}
 	return {
 		activeItem: C,
@@ -1713,19 +1715,19 @@ function $t(e, t, n = {}) {
 		mediaStates: E.mediaStates,
 		isImageReady: E.isImageReady,
 		isMediaReady: E.isMediaReady,
-		onAudioCoverClick: q,
+		onAudioCoverClick: K,
 		onImageError: E.onImageError,
 		onImageLoad: E.onImageLoad,
 		onMediaEvent: E.onMediaEvent,
 		onMediaError: E.onMediaError,
-		onMediaSeekInput: te,
+		onMediaSeekInput: q,
 		onMediaVolumeInput: J,
 		onMediaVolumeToggle: ne,
-		onPointerCancel: H,
+		onPointerCancel: V,
 		onPointerDown: z,
 		onPointerMove: B,
-		onPointerUp: V,
-		onVideoClick: K,
+		onPointerUp: ee,
+		onVideoClick: te,
 		onWheel: W,
 		registerAudioElement: E.registerAudioElement,
 		registerImageElement: E.registerImageElement,
@@ -1744,21 +1746,21 @@ function $t(e, t, n = {}) {
 }
 //#endregion
 //#region src/components/viewer-core/theme.ts
-var en = "bg-[linear-gradient(180deg,#0a0b10,#05060a)]", tn = "bg-[linear-gradient(180deg,#0b0c11,#06070b)]", nn = {
+var tn = "bg-[linear-gradient(180deg,#0a0b10,#05060a)]", nn = "bg-[linear-gradient(180deg,#0b0c11,#06070b)]", rn = {
 	image: !0,
 	video: !0,
 	audio: !0,
 	other: !0
 };
-function rn(e) {
-	return nn[e], en;
-}
 function an(e) {
-	return nn[e], tn;
+	return rn[e], tn;
+}
+function on(e) {
+	return rn[e], nn;
 }
 //#endregion
 //#region src/components/viewer-core/dominantImageTone.ts
-function on(e) {
+function sn(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;
@@ -1773,20 +1775,20 @@ function on(e) {
 			r += d, i += s * d, a += c * d, o += l * d;
 		}
 		return r <= 0 ? null : {
-			r: sn(Math.round(i / r)),
-			g: sn(Math.round(a / r)),
-			b: sn(Math.round(o / r))
+			r: cn(Math.round(i / r)),
+			g: cn(Math.round(a / r)),
+			b: cn(Math.round(o / r))
 		};
 	} catch {
 		return null;
 	}
 }
-function sn(e) {
+function cn(e) {
 	return Math.min(235, Math.max(26, e));
 }
 //#endregion
 //#region src/components/viewer-core/useFullscreenDominantTone.ts
-function cn(e) {
+function ln(e) {
 	let t = T({}), n = i(() => e.activeItem.value ? e.getItemKey(e.activeItem.value) : null), r = i(() => !e.showDominantImageTone.value || e.activeItem.value?.type !== "image" || !n.value || !e.isImageReady(n.value) ? null : t.value[n.value] ?? null), a = i(() => {
 		if (!r.value) return;
 		let { r: e, g: t, b: n } = r.value;
@@ -1801,7 +1803,7 @@ function cn(e) {
 	});
 	function s(n, r) {
 		if (!e.showDominantImageTone.value) return;
-		let i = on(r);
+		let i = sn(r);
 		i && (t.value[n] = i);
 	}
 	return {
@@ -1812,7 +1814,7 @@ function cn(e) {
 }
 //#endregion
 //#region src/components/SurfaceEmptyState.vue?vue&type=script&setup=true&lang.ts
-var ln = ["data-surface"], un = ["data-surface"], dn = /* @__PURE__ */ d({
+var un = ["data-surface"], dn = ["data-surface"], fn = /* @__PURE__ */ d({
 	inheritAttrs: !1,
 	__name: "SurfaceEmptyState",
 	props: {
@@ -1826,31 +1828,31 @@ var ln = ["data-surface"], un = ["data-surface"], dn = /* @__PURE__ */ d({
 			"data-testid": "vibe-empty-state-inline",
 			"data-surface": e.surface,
 			class: ["pointer-events-none absolute z-[4] text-center", e.surface === "grid" ? "inset-x-0 top-[clamp(6rem,22vh,11rem)] flex justify-center px-6" : "inset-0 grid place-items-center px-[clamp(2rem,4vw,3rem)] py-[clamp(2rem,4vw,3rem)]"]
-		}), [D(n.$slots, "default", {}, () => [c("p", { class: _(["m-0 text-[0.82rem] font-medium tracking-[0.08em]", e.surface === "grid" ? "text-[#f7f1ea]/58" : "text-[#f7f1ea]/64"]) }, k(e.message), 3)])], 16, ln)) : (S(), s("div", h({ key: 1 }, j(t), { class: ["pointer-events-none absolute z-[4]", e.surface === "grid" ? "inset-x-0 bottom-0 flex justify-center px-6" : "bottom-[1.8rem] left-1/2 -translate-x-1/2 max-[720px]:bottom-[1.3rem]"] }), [D(n.$slots, "default", {}, () => [c("span", {
+		}), [D(n.$slots, "default", {}, () => [c("p", { class: _(["m-0 text-[0.82rem] font-medium tracking-[0.08em]", e.surface === "grid" ? "text-[#f7f1ea]/58" : "text-[#f7f1ea]/64"]) }, k(e.message), 3)])], 16, un)) : (S(), s("div", h({ key: 1 }, j(t), { class: ["pointer-events-none absolute z-[4]", e.surface === "grid" ? "inset-x-0 bottom-0 flex justify-center px-6" : "bottom-[1.8rem] left-1/2 -translate-x-1/2 max-[720px]:bottom-[1.3rem]"] }), [D(n.$slots, "default", {}, () => [c("span", {
 			"data-testid": "vibe-empty-state-badge",
 			"data-surface": e.surface,
 			class: _(["inline-flex items-center border border-white/14 backdrop-blur-[18px]", e.surface === "grid" ? "bg-black/55 px-4 py-3 text-[0.82rem] font-medium tracking-[0.08em] text-[#f7f1ea]/72" : "w-auto bg-black/40 px-5 py-3 text-[0.82rem] font-medium tracking-[0.08em] text-[#f7f1ea]/74 max-[720px]:w-[calc(100%-2.5rem)] max-[720px]:justify-center"])
-		}, k(e.message), 11, un)])], 16));
+		}, k(e.message), 11, dn)])], 16));
 	}
-}), fn = { class: "relative h-full min-h-0 overflow-hidden bg-[#05060a] text-[#f7f1ea]" }, pn = {
+}), pn = { class: "relative h-full min-h-0 overflow-hidden bg-[#05060a] text-[#f7f1ea]" }, mn = {
 	key: 0,
 	class: "relative h-full min-h-0"
-}, mn = [
+}, hn = [
 	"data-item-id",
 	"data-occurrence-key",
 	"data-index",
 	"data-active",
 	"aria-hidden"
-], hn = {
+], gn = {
 	key: 0,
 	"data-testid": "vibe-asset-spinner",
 	class: "pointer-events-none absolute inset-0 z-[2] grid place-items-center"
-}, gn = { 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]" }, _n = ["data-kind"], vn = { class: "grid justify-items-center gap-4 border border-white/14 bg-black/45 px-8 py-7 text-center backdrop-blur-[18px]" }, yn = { class: "m-0 text-[0.82rem] font-bold uppercase tracking-[0.28em] text-[#f7f1ea]/70" }, bn = ["onClick"], xn = [
+}, _n = { class: "inline-flex h-12 w-12 items-center justify-center rounded-full bg-black/45 shadow-[0_18px_40px_-18px_rgba(0,0,0,0.85)] backdrop-blur-[18px]" }, vn = ["data-kind"], yn = { class: "grid justify-items-center gap-4 border border-white/14 bg-black/45 px-8 py-7 text-center backdrop-blur-[18px]" }, bn = { class: "m-0 text-[0.82rem] font-bold uppercase tracking-[0.28em] text-[#f7f1ea]/70" }, xn = ["onClick"], Sn = [
 	"src",
 	"alt",
 	"onLoad",
 	"onError"
-], Sn = [
+], Cn = [
 	"loop",
 	"src",
 	"preload",
@@ -1868,15 +1870,15 @@ var ln = ["data-surface"], un = ["data-surface"], dn = /* @__PURE__ */ d({
 	"onStalled",
 	"onTimeupdate",
 	"onWaiting"
-], Cn = { class: "relative grid aspect-square w-[clamp(320px,46vw,560px)] max-w-[calc(100vw-2.5rem)] place-items-center" }, wn = [
+], wn = { class: "relative grid aspect-square w-[clamp(320px,46vw,560px)] max-w-[calc(100vw-2.5rem)] place-items-center" }, Tn = [
 	"aria-label",
 	"disabled",
 	"onClick"
-], Tn = { 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]" }, En = { class: "pointer-events-none absolute bottom-4 right-4 inline-flex h-10 w-10 items-center justify-center border border-white/14 bg-black/50 backdrop-blur-[18px]" }, Dn = {
+], En = { class: "relative z-[1] inline-flex min-h-[4.25rem] min-w-[4.25rem] items-center justify-center border border-white/18 bg-emerald-500/12 p-4 backdrop-blur-[20px]" }, Dn = { class: "pointer-events-none absolute bottom-4 right-4 inline-flex h-10 w-10 items-center justify-center border border-white/14 bg-black/50 backdrop-blur-[18px]" }, On = {
 	key: 0,
 	"data-testid": "vibe-asset-spinner",
 	class: "pointer-events-none absolute inset-0 z-[3] grid place-items-center"
-}, On = { class: "inline-flex h-12 w-12 items-center justify-center rounded-full bg-black/45 shadow-[0_18px_40px_-18px_rgba(0,0,0,0.85)] backdrop-blur-[18px]" }, kn = ["data-kind"], An = { class: "m-0 text-[0.82rem] font-bold uppercase tracking-[0.28em] text-[#f7f1ea]/70" }, jn = ["onClick"], Mn = [
+}, kn = { class: "inline-flex h-12 w-12 items-center justify-center rounded-full bg-black/45 shadow-[0_18px_40px_-18px_rgba(0,0,0,0.85)] backdrop-blur-[18px]" }, An = ["data-kind"], jn = { class: "m-0 text-[0.82rem] font-bold uppercase tracking-[0.28em] text-[#f7f1ea]/70" }, Mn = ["onClick"], Nn = [
 	"src",
 	"preload",
 	"onCanplay",
@@ -1892,25 +1894,25 @@ var ln = ["data-surface"], un = ["data-surface"], dn = /* @__PURE__ */ d({
 	"onStalled",
 	"onTimeupdate",
 	"onWaiting"
-], Nn = {
+], Pn = {
 	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"
-}, Pn = { 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]" }, Fn = {
+}, Fn = { class: "inline-flex min-h-[4.25rem] min-w-[4.25rem] items-center justify-center border border-white/18 bg-white/8 p-4 backdrop-blur-[20px]" }, In = {
 	key: 0,
 	class: "pointer-events-none absolute inset-0 z-[4]"
-}, In = { class: "h-full w-full" }, Ln = {
+}, Ln = { class: "h-full w-full" }, Rn = {
 	key: 1,
 	"data-testid": "vibe-forward-fill-placeholder",
 	class: "grid h-full min-h-0 place-items-center px-6 text-center"
-}, Rn = { class: "grid justify-items-center gap-4 border border-white/14 bg-black/40 px-8 py-7 backdrop-blur-[18px]" }, zn = { class: "inline-flex h-12 w-12 items-center justify-center rounded-full bg-black/45 shadow-[0_18px_40px_-18px_rgba(0,0,0,0.85)]" }, Bn = { class: "m-0 text-[0.78rem] font-bold uppercase tracking-[0.24em] text-[#f7f1ea]/72" }, Vn = {
+}, zn = { class: "grid justify-items-center gap-4 border border-white/14 bg-black/40 px-8 py-7 backdrop-blur-[18px]" }, Bn = { class: "inline-flex h-12 w-12 items-center justify-center rounded-full bg-black/45 shadow-[0_18px_40px_-18px_rgba(0,0,0,0.85)]" }, Vn = { class: "m-0 text-[0.78rem] font-bold uppercase tracking-[0.24em] text-[#f7f1ea]/72" }, Hn = {
 	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]"
-}, Hn = { class: "h-full min-h-0 overflow-y-auto overscroll-y-contain" }, Un = {
+}, Un = { class: "h-full min-h-0 overflow-y-auto overscroll-y-contain" }, Wn = {
 	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]"
-}, Wn = { class: "h-full min-h-0 overflow-y-auto overscroll-y-contain" }, Gn = 1280, Kn = 768, qn = /* @__PURE__ */ d({
+}, Gn = { class: "h-full min-h-0 overflow-y-auto overscroll-y-contain" }, Kn = 1280, qn = 768, Jn = /* @__PURE__ */ d({
 	__name: "FullscreenSurface",
 	props: {
 		active: {
@@ -1962,22 +1964,22 @@ var ln = ["data-surface"], un = ["data-surface"], dn = /* @__PURE__ */ d({
 	},
 	emits: ["back-to-list", "update:activeIndex"],
 	setup(e, { emit: n }) {
-		let d = e, p = N(), m = n, g = $t(d, (e, t) => {
+		let d = e, p = N(), m = n, g = en(d, (e, t) => {
 			m("update:activeIndex", t);
 		}, {
 			enabled: A(d, "active"),
 			onAssetError: d.reportAssetError ?? void 0,
 			onAssetLoad: d.reportAssetLoad ?? void 0
-		}), C = T(typeof window > "u" ? Gn : window.innerWidth || Gn), w = Dt({
+		}), C = T(typeof window > "u" ? Kn : window.innerWidth || Kn), w = Dt({
 			active: A(d, "active"),
 			resolvedActiveIndex: g.resolvedActiveIndex,
 			viewer: g
-		}), M = i(() => rn(g.activeItem.value?.type ?? "image")), { activeSlideToneStyle: P, activeStageToneStyle: F, updateFromImageElement: I } = cn({
+		}), M = i(() => an(g.activeItem.value?.type ?? "image")), { activeSlideToneStyle: P, activeStageToneStyle: F, updateFromImageElement: I } = ln({
 			activeItem: g.activeItem,
 			getItemKey: w.getItemKey,
 			isImageReady: g.isImageReady,
 			showDominantImageTone: A(d, "showDominantImageTone")
-		}), R = i(() => g.activeMediaItem.value && !g.activeAssetErrorKind.value ? "bottom-[5.8rem] max-[720px]:bottom-[7.4rem]" : "bottom-[1.8rem] max-[720px]:bottom-[1.3rem]"), B = i(() => !!g.activeMediaItem.value && !g.activeAssetErrorKind.value), V = i(() => C.value < Kn ? "vertical" : "horizontal"), H = i(() => B.value ? "pb-[5.75rem] max-[720px]:pb-[7rem]" : ""), ee = i(() => d.activeIndex >= d.items.length && (d.loading || d.hasNextPage)), U = i(() => d.hasNextPage ? "Loading more items" : g.statusMessage.value ?? "Loading more items"), W = i(() => {
+		}), R = i(() => g.activeMediaItem.value && !g.activeAssetErrorKind.value ? "bottom-[5.8rem] max-[720px]:bottom-[7.4rem]" : "bottom-[1.8rem] max-[720px]:bottom-[1.3rem]"), B = i(() => !!g.activeMediaItem.value && !g.activeAssetErrorKind.value), ee = i(() => C.value < qn ? "vertical" : "horizontal"), V = i(() => B.value ? "pb-[5.75rem] max-[720px]:pb-[7rem]" : ""), H = i(() => d.activeIndex >= d.items.length && (d.loading || d.hasNextPage)), U = i(() => d.hasNextPage ? "Loading more items" : g.statusMessage.value ?? "Loading more items"), W = i(() => {
 			let e = g.activeItem.value;
 			return e ? {
 				hasNextPage: d.hasNextPage,
@@ -1987,14 +1989,14 @@ var ln = ["data-surface"], un = ["data-surface"], dn = /* @__PURE__ */ d({
 				paginationDetail: d.paginationDetail,
 				total: d.items.length
 			} : null;
-		}), G = i(() => !W.value || !p["fullscreen-header-actions"] ? [] : p["fullscreen-header-actions"](W.value)), K = i(() => !W.value || !p["fullscreen-aside"] ? [] : p["fullscreen-aside"](W.value)), q = i(() => !d.showStatusBadges || !W.value || !g.statusKind.value || !g.statusMessage.value ? null : {
+		}), G = i(() => !W.value || !p["fullscreen-header-actions"] ? [] : p["fullscreen-header-actions"](W.value)), te = i(() => !W.value || !p["fullscreen-aside"] ? [] : p["fullscreen-aside"](W.value)), K = i(() => !d.showStatusBadges || !W.value || !g.statusKind.value || !g.statusMessage.value ? null : {
 			...W.value,
 			kind: g.statusKind.value,
 			message: g.statusMessage.value
-		}), te = i(() => !q.value || !p["fullscreen-status"] ? [] : p["fullscreen-status"](q.value)), J = i(() => ({
+		}), q = i(() => !K.value || !p["fullscreen-status"] ? [] : p["fullscreen-status"](K.value)), J = i(() => ({
 			gridTemplateColumns: X.value ? "minmax(0, 1fr) 22rem" : "minmax(0, 1fr) 0rem",
 			transition: "grid-template-columns 320ms cubic-bezier(0.22, 1, 0.36, 1)"
-		})), ne = i(() => Ot(G.value)), Y = i(() => Ot(K.value)), X = i(() => Y.value && C.value >= Gn), se = i(() => Y.value && !X.value), ce = i(() => Ot(te.value)), { emptyStateProps: Z, showBadgeEmptyState: le, showCustomEmptyState: ue, showInlineEmptyState: de } = jt({
+		})), ne = i(() => Ot(G.value)), Y = i(() => Ot(te.value)), X = i(() => Y.value && C.value >= Kn), se = i(() => Y.value && !X.value), ce = i(() => Ot(q.value)), { emptyStateProps: Z, showBadgeEmptyState: le, showCustomEmptyState: ue, showInlineEmptyState: de } = jt({
 			emptyStateMode: A(d, "emptyStateMode"),
 			itemCount: i(() => d.items.length),
 			loading: A(d, "loading"),
@@ -2007,7 +2009,7 @@ var ln = ["data-surface"], un = ["data-surface"], dn = /* @__PURE__ */ d({
 			window.removeEventListener("resize", Q);
 		});
 		function Q() {
-			C.value = window.innerWidth || Gn;
+			C.value = window.innerWidth || Kn;
 		}
 		function fe(e, t, n) {
 			g.onImageLoad(t, n);
@@ -2020,7 +2022,7 @@ var ln = ["data-surface"], un = ["data-surface"], dn = /* @__PURE__ */ d({
 		function me(e, t) {
 			I(e, t);
 		}
-		return (e, n) => (S(), s("div", fn, [
+		return (e, n) => (S(), s("div", pn, [
 			c("div", {
 				class: _(["absolute inset-0 transition-[background] duration-200", M.value]),
 				style: y(j(F))
@@ -2037,7 +2039,7 @@ var ln = ["data-surface"], un = ["data-surface"], dn = /* @__PURE__ */ d({
 				onPointerup: n[3] ||= (...e) => j(g).onPointerUp && j(g).onPointerUp(...e),
 				onPointercancel: n[4] ||= (...e) => j(g).onPointerCancel && j(g).onPointerCancel(...e),
 				onWheel: n[5] ||= (...e) => j(g).onWheel && j(g).onWheel(...e)
-			}, [j(g).activeItem.value ? (S(), s("div", pn, [
+			}, [j(g).activeItem.value ? (S(), s("div", mn, [
 				(S(!0), s(t, null, E(j(g).renderedItems.value, ({ item: r, index: i }) => (S(), s("article", {
 					key: j(w).getItemKey(r),
 					"data-testid": "vibe-slide",
@@ -2049,12 +2051,12 @@ var ln = ["data-surface"], un = ["data-surface"], dn = /* @__PURE__ */ d({
 					class: _(["absolute inset-0 flex h-full min-h-full items-center justify-center will-change-transform", i === j(g).resolvedActiveIndex.value ? "pointer-events-auto" : "pointer-events-none"]),
 					style: y(j(g).getSlideStyle(i))
 				}, [c("div", {
-					class: _(["absolute inset-0 opacity-85", j(an)(r.type)]),
+					class: _(["absolute inset-0 opacity-85", j(on)(r.type)]),
 					style: y(i === j(g).resolvedActiveIndex.value && r.type === "image" ? j(P) : void 0)
 				}, null, 6), j(g).isVisual(r) ? (S(), s("div", {
 					key: 0,
-					class: _(["relative z-[1] flex h-full w-full items-center justify-center overflow-hidden", i === j(g).resolvedActiveIndex.value ? H.value : ""])
-				}, [j(w).isAssetLoading(i, r) ? (S(), s("div", hn, [c("span", gn, [u(j(re), {
+					class: _(["relative z-[1] flex h-full w-full items-center justify-center overflow-hidden", i === j(g).resolvedActiveIndex.value ? V.value : ""])
+				}, [j(w).isAssetLoading(i, r) ? (S(), s("div", gn, [c("span", _n, [u(j(re), {
 					class: "h-5 w-5 animate-spin stroke-[1.9] text-[#f7f1ea]/78",
 					"aria-hidden": "true"
 				})])])) : o("", !0), j(w).isAssetErrored(i, r) ? (S(), s("div", {
@@ -2062,19 +2064,19 @@ var ln = ["data-surface"], un = ["data-surface"], dn = /* @__PURE__ */ d({
 					"data-testid": "vibe-asset-error",
 					"data-kind": j(w).getAssetErrorKind(r),
 					class: "grid h-full w-full place-items-center"
-				}, [c("div", vn, [
+				}, [c("div", yn, [
 					u(j(oe), {
 						class: "h-7 w-7 stroke-[1.9] text-[#f7f1ea]/72",
 						"aria-hidden": "true"
 					}),
-					c("p", yn, k(j(w).getAssetErrorLabel(r)), 1),
+					c("p", bn, k(j(w).getAssetErrorLabel(r)), 1),
 					j(g).canRetryAsset(j(w).getItemKey(r)) ? (S(), s("button", {
 						key: 0,
 						type: "button",
 						class: "inline-flex items-center justify-center border border-white/14 bg-black/35 px-4 py-2 text-[0.64rem] font-bold uppercase tracking-[0.22em] text-[#f7f1ea]/82 backdrop-blur-[18px] transition hover:border-white/28 hover:bg-black/50",
 						onClick: z((e) => j(g).retryAsset(j(w).getItemKey(r)), ["stop"])
-					}, " Retry ", 8, bn)) : o("", !0)
-				])], 8, _n)) : r.type === "image" ? (S(), s("img", {
+					}, " Retry ", 8, xn)) : o("", !0)
+				])], 8, vn)) : r.type === "image" ? (S(), s("img", {
 					key: j(g).getAssetRenderKey(j(w).getItemKey(r)),
 					src: j(w).getFullscreenImageSource(i, r),
 					alt: r.title ?? "",
@@ -2085,7 +2087,7 @@ var ln = ["data-surface"], un = ["data-surface"], dn = /* @__PURE__ */ d({
 					ref: (e) => pe(j(w).getItemKey(r), e),
 					onLoad: (e) => fe(e, j(w).getItemKey(r), r.url),
 					onError: (e) => j(g).onImageError(j(w).getItemKey(r), r.url)
-				}, null, 42, xn)) : (S(), s("video", {
+				}, null, 42, Sn)) : (S(), s("video", {
 					key: j(g).getAssetRenderKey(j(w).getItemKey(r)),
 					class: _(["block h-auto max-h-full w-auto max-w-full cursor-pointer object-contain shadow-[0_40px_120px_-60px_rgba(0,0,0,0.9)] transition-opacity duration-300", j(g).isMediaReady(j(w).getItemKey(r)) ? "opacity-100" : "opacity-0"]),
 					playsinline: "",
@@ -2108,10 +2110,10 @@ var ln = ["data-surface"], un = ["data-surface"], dn = /* @__PURE__ */ d({
 					onStalled: (e) => j(g).onMediaEvent(j(w).getItemKey(r), e),
 					onTimeupdate: (e) => j(g).onMediaEvent(j(w).getItemKey(r), e),
 					onWaiting: (e) => j(g).onMediaEvent(j(w).getItemKey(r), e)
-				}, null, 42, Sn))], 2)) : j(g).isAudio(r) ? (S(), s("div", {
+				}, null, 42, Cn))], 2)) : j(g).isAudio(r) ? (S(), s("div", {
 					key: 1,
-					class: _(["relative z-[1] grid w-full max-w-[1100px] justify-items-center gap-6 px-[clamp(2rem,4vw,3rem)] py-[clamp(2rem,4vw,3rem)] text-center", i === j(g).resolvedActiveIndex.value ? H.value : ""])
-				}, [c("div", Cn, [
+					class: _(["relative z-[1] grid w-full max-w-[1100px] justify-items-center gap-6 px-[clamp(2rem,4vw,3rem)] py-[clamp(2rem,4vw,3rem)] text-center", i === j(g).resolvedActiveIndex.value ? V.value : ""])
+				}, [c("div", wn, [
 					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]",
@@ -2121,19 +2123,19 @@ var ln = ["data-surface"], un = ["data-surface"], dn = /* @__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", Tn, [D(e.$slots, "item-icon", {
+						c("span", En, [D(e.$slots, "item-icon", {
 							icon: j(Ct)(r.type),
 							item: r
 						}, () => [(S(), a(O(j(Ct)(r.type)), {
 							class: "h-6 w-6 stroke-[1.9]",
 							"aria-hidden": "true"
 						}))])]),
-						c("span", En, [(S(), a(O(j(g).mediaStates.value[j(w).getItemKey(r)]?.paused ?? !0 ? j(ae) : j(ie)), {
+						c("span", Dn, [(S(), a(O(j(g).mediaStates.value[j(w).getItemKey(r)]?.paused ?? !0 ? j(ae) : j(ie)), {
 							class: "h-4 w-4 stroke-2",
 							"aria-hidden": "true"
 						}))])
-					], 8, wn),
-					j(w).isAssetLoading(i, r) ? (S(), s("div", Dn, [c("span", On, [u(j(re), {
+					], 8, Tn),
+					j(w).isAssetLoading(i, r) ? (S(), s("div", On, [c("span", kn, [u(j(re), {
 						class: "h-5 w-5 animate-spin stroke-[1.9] text-[#f7f1ea]/78",
 						"aria-hidden": "true"
 					})])])) : o("", !0),
@@ -2146,14 +2148,14 @@ var ln = ["data-surface"], un = ["data-surface"], dn = /* @__PURE__ */ d({
 							class: "h-7 w-7 stroke-[1.9] text-[#f7f1ea]/72",
 							"aria-hidden": "true"
 						}),
-						c("p", An, k(j(w).getAssetErrorLabel(r)), 1),
+						c("p", jn, k(j(w).getAssetErrorLabel(r)), 1),
 						j(g).canRetryAsset(j(w).getItemKey(r)) ? (S(), s("button", {
 							key: 0,
 							type: "button",
 							class: "pointer-events-auto inline-flex items-center justify-center border border-white/14 bg-black/35 px-4 py-2 text-[0.64rem] font-bold uppercase tracking-[0.22em] text-[#f7f1ea]/82 backdrop-blur-[18px] transition hover:border-white/28 hover:bg-black/50",
 							onClick: z((e) => j(g).retryAsset(j(w).getItemKey(r)), ["stop"])
-						}, " Retry ", 8, jn)) : o("", !0)
-					], 8, kn)], 64)) : o("", !0)
+						}, " Retry ", 8, Mn)) : o("", !0)
+					], 8, An)], 64)) : o("", !0)
 				]), (S(), s("audio", {
 					key: j(g).getAssetRenderKey(j(w).getItemKey(r)),
 					src: j(w).getFullscreenMediaSource(i, r),
@@ -2174,14 +2176,14 @@ var ln = ["data-surface"], un = ["data-surface"], dn = /* @__PURE__ */ d({
 					onStalled: (e) => j(g).onMediaEvent(j(w).getItemKey(r), e),
 					onTimeupdate: (e) => j(g).onMediaEvent(j(w).getItemKey(r), e),
 					onWaiting: (e) => j(g).onMediaEvent(j(w).getItemKey(r), e)
-				}, null, 40, Mn))], 2)) : (S(), s("div", Nn, [c("div", Pn, [D(e.$slots, "item-icon", {
+				}, null, 40, Nn))], 2)) : (S(), s("div", Pn, [c("div", Fn, [D(e.$slots, "item-icon", {
 					icon: j(Ct)(r.type),
 					item: r
 				}, () => [(S(), a(O(j(Ct)(r.type)), {
 					class: "h-6 w-6 stroke-[1.9]",
 					"aria-hidden": "true"
-				}))])])]))], 14, mn))), 128)),
-				W.value && p["fullscreen-overlay"] ? (S(), s("div", Fn, [c("div", In, [D(e.$slots, "fullscreen-overlay", v(f(W.value)))])])) : o("", !0),
+				}))])])]))], 14, hn))), 128)),
+				W.value && p["fullscreen-overlay"] ? (S(), s("div", In, [c("div", Ln, [D(e.$slots, "fullscreen-overlay", v(f(W.value)))])])) : o("", !0),
 				j(g).activeItem.value ? (S(), a(bt, {
 					key: 1,
 					"current-index": j(g).resolvedActiveIndex.value,
@@ -2214,7 +2216,7 @@ var ln = ["data-surface"], un = ["data-surface"], dn = /* @__PURE__ */ d({
 					muted: j(g).activeMediaState.value.muted,
 					progress: j(g).activeMediaProgress.value,
 					volume: j(g).activeMediaState.value.volume,
-					"volume-control-layout": V.value,
+					"volume-control-layout": ee.value,
 					onSeekInput: j(g).onMediaSeekInput,
 					onVolumeInput: j(g).onMediaVolumeInput,
 					onVolumeToggle: j(g).onMediaVolumeToggle
@@ -2231,18 +2233,18 @@ var ln = ["data-surface"], un = ["data-surface"], dn = /* @__PURE__ */ d({
 					"onVolumeInput",
 					"onVolumeToggle"
 				])) : o("", !0),
-				q.value ? (S(), s("div", {
+				K.value ? (S(), s("div", {
 					key: 3,
 					class: _(["absolute left-1/2 z-[4] -translate-x-1/2", R.value])
-				}, [ce.value ? D(e.$slots, "fullscreen-status", v(h({ key: 0 }, q.value))) : (S(), s("div", {
+				}, [ce.value ? D(e.$slots, "fullscreen-status", v(h({ key: 0 }, K.value))) : (S(), s("div", {
 					key: 1,
 					"data-testid": "vibe-fullscreen-status-badge",
-					class: _(["inline-flex w-auto items-center border border-white/14 bg-black/40 px-5 py-3 text-[0.75rem] font-bold uppercase tracking-[0.18em] text-[#f7f1ea]/74 backdrop-blur-[18px] max-[720px]:w-[calc(100%-2.5rem)] max-[720px]:justify-center", q.value.kind === "end" ? "border-amber-300/35 text-amber-200" : q.value.kind === "failed" ? "border-rose-400/45 text-rose-100" : ""])
-				}, k(q.value.message), 3))], 2)) : o("", !0)
-			])) : ee.value ? (S(), s("div", Ln, [c("div", Rn, [c("span", zn, [u(j(re), {
+					class: _(["inline-flex w-auto items-center border border-white/14 bg-black/40 px-5 py-3 text-[0.75rem] font-bold uppercase tracking-[0.18em] text-[#f7f1ea]/74 backdrop-blur-[18px] max-[720px]:w-[calc(100%-2.5rem)] max-[720px]:justify-center", K.value.kind === "end" ? "border-amber-300/35 text-amber-200" : K.value.kind === "failed" ? "border-rose-400/45 text-rose-100" : ""])
+				}, k(K.value.message), 3))], 2)) : o("", !0)
+			])) : H.value ? (S(), s("div", Rn, [c("div", zn, [c("span", Bn, [u(j(re), {
 				class: "h-5 w-5 animate-spin stroke-[1.9] text-[#f7f1ea]/78",
 				"aria-hidden": "true"
-			})]), c("p", Bn, k(U.value), 1)])])) : j(de) && j(Z) ? (S(), a(dn, {
+			})]), c("p", Vn, k(U.value), 1)])])) : j(de) && j(Z) ? (S(), a(fn, {
 				key: 2,
 				message: j(Z).message,
 				mode: j(Z).mode,
@@ -2254,7 +2256,7 @@ var ln = ["data-surface"], un = ["data-surface"], dn = /* @__PURE__ */ d({
 				"message",
 				"mode",
 				"surface"
-			])) : o("", !0), j(le) && j(Z) ? (S(), a(dn, {
+			])) : o("", !0), j(le) && j(Z) ? (S(), a(fn, {
 				key: 3,
 				message: j(Z).message,
 				mode: j(Z).mode,
@@ -2274,7 +2276,7 @@ var ln = ["data-surface"], un = ["data-surface"], dn = /* @__PURE__ */ d({
 				"leave-from-class": "translate-x-0 opacity-100",
 				"leave-to-class": "translate-x-full opacity-0"
 			}, {
-				default: L(() => [X.value && W.value ? (S(), s("aside", Vn, [c("div", Hn, [D(e.$slots, "fullscreen-aside", v(f(W.value)))])])) : o("", !0)]),
+				default: L(() => [X.value && W.value ? (S(), s("aside", Hn, [c("div", Un, [D(e.$slots, "fullscreen-aside", v(f(W.value)))])])) : o("", !0)]),
 				_: 3
 			})], 4),
 			u(r, {
@@ -2285,29 +2287,29 @@ var ln = ["data-surface"], un = ["data-surface"], dn = /* @__PURE__ */ d({
 				"leave-from-class": "translate-x-0 opacity-100",
 				"leave-to-class": "translate-x-full opacity-0"
 			}, {
-				default: L(() => [se.value && W.value ? (S(), s("aside", Un, [c("div", Wn, [D(e.$slots, "fullscreen-aside", v(f(W.value)))])])) : o("", !0)]),
+				default: L(() => [se.value && W.value ? (S(), s("aside", Wn, [c("div", Gn, [D(e.$slots, "fullscreen-aside", v(f(W.value)))])])) : o("", !0)]),
 				_: 3
 			})
 		]));
 	}
-}), Jn = 1, Yn = .5;
-function Xn(e) {
+}), Yn = 1, Xn = .5;
+function Zn(e) {
 	if (e.type !== "image" && e.type !== "video") return {
-		width: Jn,
-		height: Jn,
+		width: Yn,
+		height: Yn,
 		source: "fallback"
 	};
 	let t = e.preview?.width, n = e.preview?.height;
-	if (rr(t) && rr(n)) {
-		let r = ir(e, t, n);
+	if (ir(t) && ir(n)) {
+		let r = ar(e, t, n);
 		return {
 			width: r.width,
 			height: r.height,
 			source: "preview"
 		};
 	}
-	if (rr(e.width) && rr(e.height)) {
-		let t = ir(e, e.width, e.height);
+	if (ir(e.width) && ir(e.height)) {
+		let t = ar(e, e.width, e.height);
 		return {
 			width: t.width,
 			height: t.height,
@@ -2315,31 +2317,31 @@ function Xn(e) {
 		};
 	}
 	return {
-		width: Jn,
-		height: Jn,
+		width: Yn,
+		height: Yn,
 		source: "fallback"
 	};
 }
-function Zn(e, t) {
+function Qn(e, t) {
 	return !e || e <= 0 || !t || t <= 0 ? 1 : Math.max(1, Math.floor(e / t));
 }
-function Qn(e, t, n, r = 0) {
+function $n(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 $n(e, t) {
-	let n = Xn(e);
+function er(e, t) {
+	let n = Zn(e);
 	return n.height / n.width * t;
 }
-function er(e, t) {
+function tr(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 = $n(l, t.columnWidth);
+		let d = u * (t.columnWidth + t.gapX), f = n[u], p = er(l, t.columnWidth);
 		r[c] = {
 			x: d,
 			y: f
@@ -2358,7 +2360,7 @@ function er(e, t) {
 		indexById: o
 	};
 }
-function tr(e) {
+function nr(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();
@@ -2368,7 +2370,7 @@ function tr(e) {
 	}
 	return Array.from(a).sort((e, t) => e - t);
 }
-function nr(e, t, n) {
+function rr(e, t, n) {
 	let r = /* @__PURE__ */ new Map();
 	for (let i of e) {
 		let e = t.get($(i));
@@ -2378,11 +2380,11 @@ function nr(e, t, n) {
 	}
 	return r;
 }
-function rr(e) {
+function ir(e) {
 	return typeof e == "number" && Number.isFinite(e) && e > 0;
 }
-function ir(e, t, n) {
-	return e.type !== "image" || n / t >= Yn ? {
+function ar(e, t, n) {
+	return e.type !== "image" || n / t >= Xn ? {
 		width: t,
 		height: n
 	} : {
@@ -2392,21 +2394,21 @@ function ir(e, t, n) {
 }
 //#endregion
 //#region src/components/viewer-core/useMasonryMotion.ts
-var ar = 300, or = 600, sr = 40, cr = 300, lr = 400;
-function ur(e, t) {
+var or = 300, sr = 600, cr = 40, lr = 300, ur = 400;
+function dr(e, t) {
 	return t === "top" ? [...e].reverse() : e;
 }
-function dr(e) {
-	return e <= 0 ? or : or + Math.min((e - 1) * sr, lr);
+function fr(e) {
+	return e <= 0 ? sr : sr + Math.min((e - 1) * cr, ur);
 }
-function fr() {
-	return cr;
+function pr() {
+	return lr;
 }
-function pr(e) {
+function mr(e) {
 	let t = e.itemHeight > 0 ? e.itemHeight : e.columnWidth;
 	return e.direction === "top" ? e.scrollTop - t : e.scrollTop + e.viewportHeight + t;
 }
-function mr(e) {
+function hr(e) {
 	let t = T(/* @__PURE__ */ new Set()), n = T(/* @__PURE__ */ new Set()), r = T(/* @__PURE__ */ new Map()), a = T(/* @__PURE__ */ new Map()), o = T(/* @__PURE__ */ new Map()), s = T(/* @__PURE__ */ new Set()), c = T(/* @__PURE__ */ new Map()), l = T(/* @__PURE__ */ new Map()), u = T(/* @__PURE__ */ new Set()), d = /* @__PURE__ */ new Set(), f = /* @__PURE__ */ new Set(), p = i(() => Array.from(o.value.values()));
 	F(e.visibleIndices, (i) => {
 		if (!i.length) return;
@@ -2416,20 +2418,20 @@ function mr(e) {
 			!r || !t.value.has(r) || d.has(r) || (d.add(r), o.push(r));
 		}
 		if (!o.length) return;
-		let s = ur(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 * sr, lr));
-		r.value = c, hr(() => {
+		let s = dr(o, a.value.get(o[0]) ?? "bottom"), c = new Map(r.value);
+		for (let e = 0; e < s.length; e += 1) c.set(s[e], Math.min(e * cr, ur));
+		r.value = c, gr(() => {
 			let e = new Set(n.value);
 			for (let t of o) e.add(t);
 			n.value = e;
-		}), gr(() => {
+		}), _r(() => {
 			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;
-			}, dr(o.length));
+			}, fr(o.length));
 		});
 	}, { flush: "post" }), F(() => e.items.value.map((e) => $(e)), (e) => {
 		if (!e.length || !o.value.size) return;
@@ -2456,7 +2458,7 @@ function mr(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, hr(() => {
+		o.value = i, t.value = c, n.value = l, r.value = u, a.value = f, gr(() => {
 			let e = new Set(s.value);
 			for (let t of p) e.add(t);
 			s.value = e;
@@ -2464,9 +2466,9 @@ function mr(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;
-		}, cr);
+		}, lr);
 	}
-	function g(t, n, r = ar) {
+	function g(t, n, r = or) {
 		if (!t.size) return;
 		let i = /* @__PURE__ */ new Map(), a = [];
 		for (let [r, o] of t.entries()) {
@@ -2485,8 +2487,8 @@ function mr(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, hr(() => {
-			u.value = new Set(a), hr(() => {
+		l.value = o, gr(() => {
+			u.value = new Set(a), gr(() => {
 				c.value = /* @__PURE__ */ new Map();
 			});
 		}), S(() => {
@@ -2497,8 +2499,8 @@ function mr(e) {
 		}, r);
 	}
 	function _(e) {
-		if (n.value.has(e)) return `transform ${or}ms ease-out`;
-		if (u.value.has(e)) return `transform ${l.value.get(e) ?? ar}ms ease-out`;
+		if (n.value.has(e)) return `transform ${sr}ms ease-out`;
+		if (u.value.has(e)) return `transform ${l.value.get(e) ?? or}ms ease-out`;
 	}
 	function v(e) {
 		if (!n.value.has(e)) return;
@@ -2515,7 +2517,7 @@ function mr(e) {
 		} : {
 			dx: 0,
 			dy: 0
-		}, u = s ? a.value.get(s) ?? "bottom" : "bottom", d = s && t.value.has(s) ? pr({
+		}, u = s ? a.value.get(s) ?? "bottom" : "bottom", d = s && t.value.has(s) ? mr({
 			columnWidth: e.columnWidth.value,
 			direction: u,
 			itemHeight: o,
@@ -2529,14 +2531,14 @@ function mr(e) {
 		if (!r) return {
 			opacity: "0",
 			transform: "translate3d(0, 0, 0) scale(0.96)",
-			transition: `opacity ${cr}ms ease-out, transform ${cr}ms ease-out`
+			transition: `opacity ${lr}ms ease-out, transform ${lr}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 ${cr}ms ease-out, transform ${cr}ms ease-out`,
+			transition: `opacity ${lr}ms ease-out, transform ${lr}ms ease-out`,
 			width: `${e.columnWidth.value}px`
 		};
 	}
@@ -2557,28 +2559,28 @@ function mr(e) {
 		playFlipMoveAnimation: g
 	};
 }
-function hr(e) {
+function gr(e) {
 	if (typeof requestAnimationFrame == "function") {
 		requestAnimationFrame(() => e());
 		return;
 	}
 	setTimeout(e, 0);
 }
-function gr(e) {
-	hr(() => hr(e));
+function _r(e) {
+	gr(() => gr(e));
 }
 //#endregion
 //#region src/components/viewer-core/masonryViewport.ts
-function _r(e, t) {
+function vr(e, t) {
 	return e?.clientHeight || Math.round(e?.getBoundingClientRect().height ?? 0) || t || window.innerHeight || 1;
 }
-function vr(e, t, n) {
+function yr(e, t, n) {
 	return e?.clientWidth || Math.round(e?.getBoundingClientRect().width ?? 0) || t || window.innerWidth || n;
 }
-function yr(e, t, n, r) {
+function br(e, t, n, r) {
 	return (e?.scrollHeight ?? r) - (t + n);
 }
-function br(e, t) {
+function xr(e, t) {
 	return {
 		height: `${e}px`,
 		transform: `translate3d(0, ${t}px, 0)`
@@ -2586,8 +2588,8 @@ function br(e, t) {
 }
 //#endregion
 //#region src/components/viewer-core/useEdgeBoundary.ts
-var xr = 250, Sr = 1e3;
-function Cr(e) {
+var Sr = 250, Cr = 1e3;
+function wr(e) {
 	let t = T(!1), n = T(!1), r = T(0), i = T(0), a = T(!1), o = T(!1), s = 0, c = null;
 	b(() => {
 		y();
@@ -2603,7 +2605,7 @@ function Cr(e) {
 	function u(t) {
 		if (!x(t) || !e.isAtBoundary()) return;
 		let n = Date.now();
-		n < s || (s = n + xr, m());
+		n < s || (s = n + Sr, m());
 	}
 	function d() {
 		if (!g()) return;
@@ -2637,7 +2639,7 @@ function Cr(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(Sr);
+		o.value = !1, v(Cr);
 	}
 	function v(e) {
 		y(), a.value = !0, c = setTimeout(() => {
@@ -2660,42 +2662,42 @@ function Cr(e) {
 }
 //#endregion
 //#region src/components/viewer-core/useMasonryList.ts
-var wr = 600, Tr = 24, Er = 16, Dr = 300, Or = 200, kr = 200, Ar = Tr + Er, jr = 200, Mr = 300, Nr = 24, Pr = 48, Fr = 500, Ir = 1e3;
-function Lr(e) {
-	let t = T(null), n = T(0), r = T(typeof window > "u" ? 0 : window.innerHeight || 0), a = T(typeof window > "u" ? 0 : window.innerWidth || Dr), o = T([]), s = T([]), c = T(/* @__PURE__ */ new Map()), l = T(0), u = T(/* @__PURE__ */ new Map()), d = T(null), f = T(null), p = T(!1), m = i(() => Math.max(Dr, a.value - Tr * 2)), h = i(() => Zn(m.value, Dr)), _ = i(() => Qn(m.value, h.value, Dr, Er)), v = i(() => Rr(e.activeIndex.value, 0, Math.max(0, e.items.value.length - 1))), y = i(() => tr({
+var Tr = 600, Er = 24, Dr = 16, Or = 300, kr = 200, Ar = 200, jr = Er + Dr, Mr = 200, Nr = 300, Pr = 24, Fr = 48, Ir = 500, Lr = 1e3;
+function Rr(e) {
+	let t = T(null), n = T(0), r = T(typeof window > "u" ? 0 : window.innerHeight || 0), a = T(typeof window > "u" ? 0 : window.innerWidth || Or), o = T([]), s = T([]), c = T(/* @__PURE__ */ new Map()), l = T(0), u = T(/* @__PURE__ */ new Map()), d = T(null), f = T(null), p = T(!1), m = i(() => Math.max(Or, a.value - Er * 2)), h = i(() => Qn(m.value, Or)), _ = i(() => $n(m.value, h.value, Or, Dr)), v = i(() => zr(e.activeIndex.value, 0, Math.max(0, e.items.value.length - 1))), y = i(() => nr({
 		itemCount: e.items.value.length,
 		viewportHeight: r.value,
 		scrollTop: n.value,
-		overscanPx: Or,
-		bucketPx: wr,
+		overscanPx: kr,
+		bucketPx: Tr,
 		buckets: c.value
 	})), S = i(() => y.value.map((t) => ({
 		item: e.items.value[t],
 		index: t
 	}))), C = i(() => {
-		let e = l.value + Tr * 2, t = d.value ?? 0;
-		return Math.max(e, t, r.value) + jr;
-	}), w = i(() => e.hasNextPage.value || e.allowExhaustedNextPageRefresh.value), E = i(() => Br({
+		let e = l.value + Er * 2, t = d.value ?? 0;
+		return Math.max(e, t, r.value) + Mr;
+	}), w = i(() => e.hasNextPage.value || e.allowExhaustedNextPageRefresh.value), E = i(() => Vr({
 		active: e.active.value,
 		maxScrollTop: oe(),
 		progressDistancePx: n.value,
-		thresholdPx: kr,
+		thresholdPx: Ar,
 		triggerEnabled: w.value
-	})), D = i(() => e.items.value.length > 0 ? `${v.value + 1} / ${e.items.value.length}` : "0 / 0"), O = i(() => zr({
+	})), D = i(() => e.items.value.length > 0 ? `${v.value + 1} / ${e.items.value.length}` : "0 / 0"), O = i(() => Br({
 		active: e.active.value,
 		maxScrollTop: oe(),
 		progressDistancePx: n.value,
-		thresholdPx: Ar,
+		thresholdPx: jr,
 		triggerEnabled: e.hasPreviousPage.value
-	})), k = i(() => Math.max(0, r.value - Nr * 2)), A = i(() => C.value > r.value + 1 && k.value > 0), j = i(() => {
+	})), k = i(() => Math.max(0, r.value - Pr * 2)), A = i(() => C.value > r.value + 1 && k.value > 0), j = i(() => {
 		if (!A.value) return 0;
 		let e = r.value / C.value * k.value;
-		return Math.min(k.value, Math.max(Pr, e));
+		return Math.min(k.value, Math.max(Fr, e));
 	}), M = i(() => {
-		if (!A.value) return Nr;
+		if (!A.value) return Pr;
 		let e = Math.max(0, C.value - r.value);
-		return Nr + Math.max(0, k.value - j.value) * (e > 0 ? Rr(n.value / e, 0, 1) : 0);
-	}), N = mr({
+		return Pr + Math.max(0, k.value - j.value) * (e > 0 ? zr(n.value / e, 0, 1) : 0);
+	}), N = hr({
 		items: e.items,
 		visibleIndices: y,
 		positions: o,
@@ -2704,37 +2706,37 @@ function Lr(e) {
 		columnWidth: _,
 		scrollTop: n,
 		viewportHeight: r
-	}), P = Cr({
+	}), P = wr({
 		direction: "top",
 		getAnimationLockMs(e) {
-			return Math.max(Fr, dr(e)) + Ir;
+			return Math.max(Ir, fr(e)) + Lr;
 		},
 		hasPage: e.hasPreviousPage,
 		interactionLocked: p,
 		isAtBoundary() {
-			return n.value <= Ar;
+			return n.value <= jr;
 		},
 		loading: e.loading,
 		requestPage: e.requestPreviousPage
-	}), I = Cr({
+	}), I = wr({
 		direction: "bottom",
 		getAnimationLockMs(e) {
-			return dr(e) + Ir;
+			return fr(e) + Lr;
 		},
 		hasPage: w,
 		interactionLocked: p,
 		isAtBoundary() {
-			return ae() <= kr;
+			return ae() <= Ar;
 		},
 		loading: e.loading,
 		requestPage: e.requestNextPage
-	}), L = null, R = 0, z = null, B = null, V = !1;
+	}), L = null, R = 0, z = null, B = null, ee = !1;
 	F([
 		() => e.items.value,
 		h,
 		_
 	], async ([t], [r = []]) => {
-		let i = t.map((e) => $(e)), a = r ?? [], s = a.map((e) => $(e)), c = nr(a, u.value, o.value), l = Z(a), d = new Set(s), f = new Set(i), p = t.filter((e) => !d.has($(e))), m = a.flatMap((e) => {
+		let i = t.map((e) => $(e)), a = r ?? [], s = a.map((e) => $(e)), c = rr(a, u.value, o.value), l = Z(a), d = new Set(s), f = new Set(i), p = t.filter((e) => !d.has($(e))), m = a.flatMap((e) => {
 			let t = $(e);
 			if (f.has(t)) return [];
 			let n = c.get(t), r = l.get(t);
@@ -2743,8 +2745,8 @@ function Lr(e) {
 				item: e,
 				position: n
 			}];
-		}), h = i.length > s.length && s.length > 0 && i[0] !== s[0], _ = t.length === 0 && a.length > 0 && m.length > 0 && n.value > 0, y = m.length > 0 && n.value > Tr + Er, b = h && n.value > Tr + Er ? t[v.value] : null, x = b ? $(b) : null;
-		y && te(fr() + Ir), _ && q(), H(), m.length > 0 && N.markLeave(m), p.length > 0 && (N.markEnter(p, h ? "top" : "bottom"), h ? P.onItemsMutated(p.length) : I.onItemsMutated(p.length)), N.playFlipMoveAnimation(c, new Set(p.map((e) => $(e))), h ? Fr : void 0), x ? (await g(), K(x, c)) : e.active.value && s.length > 0 && ne();
+		}), h = i.length > s.length && s.length > 0 && i[0] !== s[0], _ = t.length === 0 && a.length > 0 && m.length > 0 && n.value > 0, y = m.length > 0 && n.value > Er + Dr, b = h && n.value > Er + Dr ? t[v.value] : null, x = b ? $(b) : null;
+		y && q(pr() + Lr), _ && K(), V(), m.length > 0 && N.markLeave(m), p.length > 0 && (N.markEnter(p, h ? "top" : "bottom"), h ? P.onItemsMutated(p.length) : I.onItemsMutated(p.length)), N.playFlipMoveAnimation(c, new Set(p.map((e) => $(e))), h ? Ir : void 0), x ? (await g(), te(x, c)) : e.active.value && s.length > 0 && ne();
 	}, { immediate: !0 }), F([
 		() => e.pendingAppendItems.value.map((e) => $(e)),
 		h,
@@ -2761,10 +2763,10 @@ function Lr(e) {
 		}
 		if (i !== !1 || f.value == null) return;
 		await g();
-		let o = Math.max(0, C.value - r.value), s = Rr(f.value, 0, o);
+		let o = Math.max(0, C.value - r.value), s = zr(f.value, 0, o);
 		a.scrollTop = s, n.value = s, P.syncBoundary(), I.syncBoundary();
 	}), F(() => e.loading.value, async (t) => {
-		!t && !e.pendingAppendItems.value.length && !z && !V && (d.value = null), P.onLoadingChange(t), I.onLoadingChange(t), await g();
+		!t && !e.pendingAppendItems.value.length && !z && !ee && (d.value = null), P.onLoadingChange(t), I.onLoadingChange(t), await g();
 	}), x(async () => {
 		X(), await g(), v.value > 0 ? G(v.value, "center") : J(), P.syncBoundary(), I.syncBoundary(), typeof ResizeObserver < "u" ? (L = new ResizeObserver(() => {
 			X();
@@ -2772,20 +2774,20 @@ function Lr(e) {
 	}), b(() => {
 		L?.disconnect(), L = null, window.removeEventListener("resize", X), ue(), de(), R &&= (cancelAnimationFrame(R), 0);
 	});
-	function H() {
-		let t = er(e.items.value, {
+	function V() {
+		let t = tr(e.items.value, {
 			columnCount: h.value,
 			columnWidth: _.value,
-			gapX: Er,
-			gapY: Er,
-			bucketPx: wr
+			gapX: Dr,
+			gapY: Dr,
+			bucketPx: Tr
 		});
 		o.value = t.positions.map((e) => ({
-			x: e.x + Tr,
-			y: e.y + Tr
+			x: e.x + Er,
+			y: e.y + Er
 		})), s.value = t.heights, c.value = t.buckets, l.value = t.contentHeight, u.value = t.indexById;
 	}
-	function ee() {
+	function H() {
 		e.active.value && (n.value = t.value?.scrollTop ?? 0, r.value = re(), P.syncBoundary(), I.syncBoundary(), Y(), !ne() && (R ||= requestAnimationFrame(() => {
 			R = 0, J();
 		})));
@@ -2807,15 +2809,15 @@ function Lr(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 - Tr : c.y + l > a.scrollTop + r.value && (u = c.y + l - r.value + Tr), a.scrollTop = Rr(u, 0, d), n.value = a.scrollTop, J();
+		i === "center" ? u = c.y - (r.value - l) / 2 : c.y < a.scrollTop ? u = c.y - Er : c.y + l > a.scrollTop + r.value && (u = c.y + l - r.value + Er), a.scrollTop = zr(u, 0, d), n.value = a.scrollTop, J();
 	}
-	function K(e, r) {
+	function te(e, r) {
 		let i = t.value, a = r.get(e), s = u.value.get(e), c = s == null ? null : o.value[s];
 		if (!i || !a || !c) return;
 		let l = c.y - a.y;
 		i.scrollTop += l, n.value = i.scrollTop;
 	}
-	function q() {
+	function K() {
 		let e = t.value;
 		if (!e) {
 			n.value = 0;
@@ -2823,7 +2825,7 @@ function Lr(e) {
 		}
 		e.scrollTop = 0, n.value = 0, P.syncBoundary(), I.syncBoundary();
 	}
-	function te(e) {
+	function q(e) {
 		de(), p.value = !0, B = setTimeout(() => {
 			B = null, p.value = !1;
 		}, Math.max(0, e));
@@ -2840,7 +2842,7 @@ function Lr(e) {
 		e.setActiveIndex(i);
 	}
 	function ne() {
-		let t = n.value <= Ar, r = ae() <= kr;
+		let t = n.value <= jr, r = ae() <= Ar;
 		return t ? (e.setActiveIndex(0), !0) : r ? (e.setActiveIndex(Math.max(0, e.items.value.length - 1)), !0) : !1;
 	}
 	function Y() {
@@ -2850,29 +2852,29 @@ function Lr(e) {
 		r.value = re(), a.value = ie();
 	}
 	function re() {
-		return _r(t.value, r.value);
+		return vr(t.value, r.value);
 	}
 	function ie() {
-		return vr(t.value, a.value, Dr);
+		return yr(t.value, a.value, Or);
 	}
 	function ae() {
-		return yr(t.value, n.value, r.value, C.value);
+		return br(t.value, n.value, r.value, C.value);
 	}
 	function oe() {
 		let e = Math.max(t.value?.scrollHeight ?? 0, C.value);
 		return Math.max(0, e - r.value);
 	}
 	function se() {
-		return br(j.value, M.value);
+		return xr(j.value, M.value);
 	}
 	function ce(e) {
-		return e.length ? er(e, {
+		return e.length ? tr(e, {
 			columnCount: h.value,
 			columnWidth: _.value,
-			gapX: Er,
-			gapY: Er,
-			bucketPx: wr
-		}).contentHeight + Tr * 2 : 0;
+			gapX: Dr,
+			gapY: Dr,
+			bucketPx: Tr
+		}).contentHeight + Er * 2 : 0;
 	}
 	function Z(e) {
 		let t = /* @__PURE__ */ new Map();
@@ -2887,14 +2889,14 @@ function Lr(e) {
 	function le() {
 		let t = e.commitPendingAppend.value;
 		typeof t == "function" && (z = setTimeout(async () => {
-			z = null, V = !0;
+			z = null, ee = !0;
 			try {
 				if (!e.pendingAppendItems.value.length) return;
 				await t(), await g(), await g();
 			} finally {
-				d.value = null, V = !1;
+				d.value = null, ee = !1;
 			}
-		}, Mr));
+		}, Nr));
 	}
 	function ue() {
 		z &&= (clearTimeout(z), null);
@@ -2910,7 +2912,7 @@ function Lr(e) {
 		getScrollbarThumbStyle: se,
 		leavingItems: N.leavingItems,
 		nextBoundaryLoadProgress: E,
-		onScroll: ee,
+		onScroll: H,
 		onWheel: U,
 		paginationLabel: D,
 		previousBoundaryLoadProgress: O,
@@ -2921,27 +2923,27 @@ function Lr(e) {
 		scrollViewportRef: t
 	};
 }
-function Rr(e, t, n) {
+function zr(e, t, n) {
 	return Math.min(Math.max(e, t), n);
 }
-function zr(e) {
+function Br(e) {
 	if (!e.active || !e.triggerEnabled) return 0;
 	let t = Math.max(0, e.maxScrollTop - e.thresholdPx);
-	return t <= 0 ? 1 : Rr(1 - (e.progressDistancePx - e.thresholdPx) / t, 0, 1);
+	return t <= 0 ? 1 : zr(1 - (e.progressDistancePx - e.thresholdPx) / t, 0, 1);
 }
-function Br(e) {
+function Vr(e) {
 	if (!e.active || !e.triggerEnabled) return 0;
 	let t = Math.max(0, e.maxScrollTop - e.thresholdPx);
-	return t <= 0 ? 1 : Rr(e.progressDistancePx / t, 0, 1);
+	return t <= 0 ? 1 : zr(e.progressDistancePx / t, 0, 1);
 }
 //#endregion
 //#region src/components/viewer-core/listCardAsset.ts
-function Vr(e) {
+function Hr(e) {
 	if (e) try {
 		e.removeAttribute("src"), e.src = "";
 	} catch {}
 }
-function Hr(e) {
+function Ur(e) {
 	if (e) {
 		try {
 			e.currentTime = 0;
@@ -2952,12 +2954,12 @@ function Hr(e) {
 		} catch {}
 	}
 }
-function Ur(e, t) {
+function Wr(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 Wr(e) {
+function Gr(e) {
 	if (!e) return null;
 	try {
 		return new URL(e, window.location.href).href;
@@ -2967,57 +2969,75 @@ function Wr(e) {
 }
 //#endregion
 //#region src/components/viewer-core/listPreview.ts
-var Gr = /\.(avif|gif|jpe?g|png|svg|webp)(\?|#|$)/i, Kr = /\.(m4v|mov|mp4|mpeg|ogg|ogv|webm)(\?|#|$)/i;
-function qr(e) {
-	let t = e.preview?.url ?? e.url, n = Xn(e), r = e.title?.trim() || wt(e.type);
-	return e.type !== "image" && e.type !== "video" ? {
+var Kr = /\.(avif|gif|jpe?g|png|svg|webp)(\?|#|$)/i, qr = /\.(m4v|mov|mp4|mpeg|ogg|ogv|webm)(\?|#|$)/i, Jr = /^(?:(?:https?:)?\/\/[^/]+)?\/api\/files\/[^/?#]+\/(?:preview|downloaded)(?:\?|#|$)/i;
+function Yr(e) {
+	let t = Xr(e), n = t?.url, r = Zn(e), i = e.title?.trim() || wt(e.type);
+	return t?.mediaType === "video" && typeof n == "string" ? {
+		kind: "video",
+		url: n,
+		width: r.width,
+		height: r.height,
+		label: i
+	} : t?.mediaType === "image" && typeof n == "string" ? {
+		kind: "image",
+		url: n,
+		width: r.width,
+		height: r.height,
+		label: i
+	} : e.type !== "image" && e.type !== "video" ? {
 		kind: "fallback",
 		url: null,
-		width: n.width,
-		height: n.height,
-		label: r
-	} : Yr(e, t) ? {
+		width: r.width,
+		height: r.height,
+		label: i
+	} : typeof n == "string" && Qr(e, n) ? {
 		kind: "video",
-		url: t,
-		width: n.width,
-		height: n.height,
-		label: r
-	} : Jr(e, t) ? {
+		url: n,
+		width: r.width,
+		height: r.height,
+		label: i
+	} : typeof n == "string" && Zr(e, n) ? {
 		kind: "image",
-		url: t,
-		width: n.width,
-		height: n.height,
-		label: r
+		url: n,
+		width: r.width,
+		height: r.height,
+		label: i
 	} : {
 		kind: "fallback",
 		url: null,
-		width: n.width,
-		height: n.height,
-		label: r
+		width: r.width,
+		height: r.height,
+		label: i
 	};
 }
-function Jr(e, t) {
-	return e.type !== "image" || typeof t != "string" ? !1 : Gr.test(t) || Xr(t);
+function Xr(e) {
+	return e.preview?.url ? e.preview : typeof e.url != "string" || e.url.trim() === "" ? null : { url: e.url };
 }
-function Yr(e, t) {
-	return e.type === "video" && typeof t == "string" && Kr.test(t);
+function Zr(e, t) {
+	return e.type !== "image" || typeof t != "string" ? !1 : Kr.test(t) || $r(t);
 }
-function Xr(e) {
+function Qr(e, t) {
+	return e.type !== "video" || typeof t != "string" ? !1 : qr.test(t) || ei(t);
+}
+function $r(e) {
 	return /^(https?:\/\/|\/\/|\/(?!\/)|\.{1,2}\/|blob:|data:)/i.test(e);
 }
+function ei(e) {
+	return Jr.test(e) || /^blob:/i.test(e) || /^data:video\//i.test(e);
+}
 //#endregion
 //#region src/components/viewer-core/useAssetLoadQueue.ts
-var Zr = {
+var ti = {
 	maxGlobal: 10,
 	maxPerDomain: 4,
 	maxVideoPerDomain: 2
 };
-function Qr(e = Zr) {
+function ni(e = ti) {
 	let t = /* @__PURE__ */ new Map(), n = /* @__PURE__ */ new Map(), r = 0;
 	function i(e) {
 		let i = {
 			...e,
-			domain: ti(e.url),
+			domain: ai(e.url),
 			enqueuedAt: r,
 			id: `vibe-asset-load-${r += 1}`
 		};
@@ -3036,7 +3056,7 @@ function Qr(e = Zr) {
 	function a() {
 		if (n.size === 0) return;
 		let r = [...n.values()].sort((e, t) => {
-			let n = ei(e) - ei(t);
+			let n = ii(e) - ii(t);
 			return n === 0 ? e.enqueuedAt - t.enqueuedAt : n;
 		});
 		for (let i of r) {
@@ -3057,8 +3077,8 @@ function Qr(e = Zr) {
 	}
 	return { request: i };
 }
-var $r = Qr();
-function ei(e) {
+var ri = ni();
+function ii(e) {
 	try {
 		let t = e.getPriority();
 		return Number.isFinite(t) ? t : Infinity;
@@ -3066,7 +3086,7 @@ function ei(e) {
 		return Infinity;
 	}
 }
-function ti(e) {
+function ai(e) {
 	try {
 		return new URL(e).hostname || "local";
 	} catch {
@@ -3074,15 +3094,95 @@ function ti(e) {
 	}
 }
 //#endregion
+//#region src/components/viewer-core/useListCardHealthCheck.ts
+function oi(e) {
+	let t = T(null), n = i(() => {
+		let t = typeof e.item.value.healthCheck?.url == "string" ? Gr(e.item.value.healthCheck.url) : null;
+		return !t || t === e.attachedAssetUrl.value ? null : t;
+	}), r = null, a = 0, o = /* @__PURE__ */ new Map();
+	F(n, (e, n) => {
+		e !== n && (t.value = null, l(), a += 1);
+	}), F([
+		n,
+		e.surfaceActive,
+		e.isInView,
+		e.isReady,
+		e.loadErrorKind
+	], () => {
+		s();
+	});
+	function s() {
+		let i = n.value;
+		if (!i) {
+			l();
+			return;
+		}
+		if (!e.surfaceActive.value || !e.isInView.value || !e.isReady.value || e.loadErrorKind.value) {
+			l();
+			return;
+		}
+		if (o.has(i)) {
+			t.value = o.get(i) ?? null;
+			return;
+		}
+		if (r) {
+			r.refresh();
+			return;
+		}
+		r = ri.request({
+			assetType: "probe",
+			getPriority: e.getPriority,
+			onGrant() {
+				let r = n.value;
+				if (!r) {
+					l();
+					return;
+				}
+				let i = ++a;
+				Gt(r).then((s) => {
+					if (!(i !== a || n.value !== r)) {
+						if (o.set(r, s ?? null), !s) {
+							t.value = null;
+							return;
+						}
+						t.value = s, e.reportAssetError?.({
+							item: e.item.value,
+							occurrenceKey: $(e.item.value),
+							url: r,
+							kind: s,
+							surface: "grid"
+						});
+					}
+				}).finally(() => {
+					i === a && l();
+				});
+			},
+			url: i
+		});
+	}
+	function c() {
+		let e = n.value;
+		return !t.value || !e ? !1 : (o.delete(e), t.value = null, l(), s(), !0);
+	}
+	function l() {
+		r?.release(), r = null;
+	}
+	return {
+		errorKind: t,
+		release: l,
+		retry: c
+	};
+}
+//#endregion
 //#region src/components/ListCard.vue?vue&type=script&setup=true&lang.ts
-var ni = ["aria-label"], ri = {
+var si = ["aria-label"], ci = {
 	key: 0,
 	"data-testid": "vibe-list-card-spinner",
 	class: "pointer-events-none absolute inset-0 z-[4] grid place-items-center bg-black/18"
-}, ii = { 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]" }, ai = ["src", "alt"], oi = ["src"], si = ["data-kind"], ci = { class: "grid justify-items-center gap-3 px-4 text-center" }, li = { class: "text-[0.68rem] font-bold uppercase tracking-[0.22em] text-[#f7f1ea]/72" }, ui = {
+}, li = { class: "inline-flex h-12 w-12 items-center justify-center rounded-full bg-black/45 shadow-[0_18px_40px_-18px_rgba(0,0,0,0.85)] backdrop-blur-[18px]" }, ui = ["src", "alt"], di = ["src"], fi = ["data-kind"], pi = { class: "grid justify-items-center gap-3 px-4 text-center" }, mi = { class: "text-[0.68rem] font-bold uppercase tracking-[0.22em] text-[#f7f1ea]/72" }, hi = {
 	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))]"
-}, di = { class: "inline-flex h-14 w-14 items-center justify-center border border-white/16 bg-black/20" }, fi = { class: "pointer-events-none absolute inset-0 z-[3]" }, pi = /* @__PURE__ */ d({
+}, gi = { class: "inline-flex h-14 w-14 items-center justify-center border border-white/16 bg-black/20" }, _i = { class: "pointer-events-none absolute inset-0 z-[3]" }, vi = /* @__PURE__ */ d({
 	__name: "ListCard",
 	props: {
 		active: {
@@ -3106,45 +3206,54 @@ var ni = ["aria-label"], ri = {
 	},
 	emits: ["open"],
 	setup(e, { emit: t }) {
-		let n = e, r = t, l = i(() => qr(n.item)), d = T(!1), f = T(!1), p = T(!1), m = T(l.value.kind === "fallback"), h = T(!1), g = T(null), v = T(null), y = T(null), C = T(null), w = T(null), E = T(l.value.kind === "fallback"), A = i(() => E.value ? n.surfaceActive ? d.value ? l.value.url : null : l.value.url : null), M = i(() => n.surfaceActive && d.value && (l.value.kind === "image" || l.value.kind === "video") && !!l.value.url), N = i(() => l.value.kind === "image" && !!A.value), P = i(() => l.value.kind === "video" && !!A.value), I = i(() => !!g.value), L = i(() => Ut(g.value)), R = i(() => M.value && !g.value && (!E.value || !m.value)), B = null, V = null, H = /* @__PURE__ */ new Set();
+		let n = e, r = t, l = i(() => Yr(n.item)), d = T(!1), f = T(!1), p = T(!1), m = T(l.value.kind === "fallback"), h = T(!1), g = T(null), v = T(null), y = T(null), C = T(null), w = T(null), E = T(l.value.kind === "fallback"), A = i(() => E.value ? n.surfaceActive ? d.value ? l.value.url : null : l.value.url : null), M = i(() => n.surfaceActive && d.value && (l.value.kind === "image" || l.value.kind === "video") && !!l.value.url), N = i(() => l.value.kind === "image" && !!A.value), P = i(() => l.value.kind === "video" && !!A.value), I = oi({
+			attachedAssetUrl: A,
+			getPriority: Z,
+			isInView: d,
+			isReady: m,
+			item: i(() => n.item),
+			loadErrorKind: g,
+			reportAssetError: n.reportAssetError,
+			surfaceActive: i(() => n.surfaceActive)
+		}), L = i(() => I.errorKind.value ?? g.value), R = i(() => !!L.value), B = i(() => Ut(L.value)), ee = i(() => M.value && !g.value && (!E.value || !m.value)), V = null, H = null, U = /* @__PURE__ */ new Set();
 		F([A, () => l.value.kind], () => {
 			let e = l.value.kind === "fallback";
 			m.value = e, h.value = !1, g.value = null, e && (E.value = !0);
 		}), F(M, () => {
-			K();
+			q();
 		}), F([
 			d,
 			m,
 			A
 		], () => {
-			q();
+			J();
 		}), F(() => n.surfaceActive, (e) => {
 			if (!e) {
-				J(), q();
+				Y(), J();
 				return;
 			}
 			requestAnimationFrame(() => {
-				ne(), K(), q();
+				X(), q(), J();
 			});
 		}), x(() => {
 			if (!y.value || typeof IntersectionObserver > "u") {
-				C.value = null, d.value = !0, K();
+				C.value = null, d.value = !0, q();
 				return;
 			}
-			C.value = y.value.closest("[data-testid=\"vibe-list-scroll\"]"), B = new IntersectionObserver((e) => {
-				for (let t of e) t.target === y.value && (n.surfaceActive && ne(t), K(), q());
+			C.value = y.value.closest("[data-testid=\"vibe-list-scroll\"]"), V = new IntersectionObserver((e) => {
+				for (let t of e) t.target === y.value && (n.surfaceActive && X(t), q(), J());
 			}, {
 				root: C.value,
 				threshold: [0, 1]
-			}), B.observe(y.value);
+			}), V.observe(y.value);
 		}), b(() => {
-			te(), B?.disconnect(), B = null;
+			ne(), I.release(), V?.disconnect(), V = null;
 		});
-		function ee() {
-			ce(v.value) && (m.value = !0, g.value = null, Y(A.value ?? n.item.url), J());
+		function W() {
+			le(v.value) && (m.value = !0, g.value = null, ie(A.value ?? n.item.url), Y());
 		}
-		async function U() {
-			if (!ce(v.value)) return;
+		async function G() {
+			if (!le(v.value)) return;
 			let e = A.value ?? n.item.url;
 			m.value = !1, g.value = "generic";
 			let t = await Wt(e);
@@ -3154,49 +3263,49 @@ var ni = ["aria-label"], ri = {
 				url: e,
 				kind: t,
 				surface: "grid"
-			}), J();
+			}), Y();
 		}
-		function W() {
-			ce(w.value) && (h.value = !0, m.value = !0, g.value = null, Y(A.value ?? n.item.url), J(), q());
-		}
-		function G() {
-			ce(w.value) && (h.value || (m.value = !1));
+		function te() {
+			le(w.value) && (h.value = !0, m.value = !0, g.value = null, ie(A.value ?? n.item.url), Y(), J());
 		}
 		function K() {
+			le(w.value) && (h.value || (m.value = !1));
+		}
+		function q() {
 			if (l.value.kind === "fallback") {
-				te(!1);
+				ne(!1);
 				return;
 			}
 			if (!n.surfaceActive) {
-				J();
+				Y();
 				return;
 			}
 			if (!M.value) {
-				te();
+				ne();
 				return;
 			}
-			if (E.value || V) {
-				V?.refresh();
+			if (E.value || H) {
+				H?.refresh();
 				return;
 			}
-			V = $r.request({
+			H = ri.request({
 				assetType: l.value.kind,
-				getPriority: se,
+				getPriority: Z,
 				onGrant() {
 					E.value = !0, m.value = !1, g.value = null;
 				},
 				url: l.value.url ?? n.item.url
 			});
 		}
-		function q() {
+		function J() {
 			let e = w.value;
 			if (!(!e || l.value.kind !== "video")) {
-				if (g.value) {
+				if (L.value) {
 					e.pause();
 					return;
 				}
 				if (A.value && d.value && m.value) {
-					e.muted = !0, e.loop = !0, e.playsInline = !0, qt(e);
+					e.muted = !0, e.loop = !0, e.playsInline = !0, Jt(e);
 					return;
 				}
 				try {
@@ -3205,44 +3314,44 @@ var ni = ["aria-label"], ri = {
 				e.pause();
 			}
 		}
-		function te(e = !0) {
-			E.value = l.value.kind === "fallback", g.value = null, m.value = l.value.kind === "fallback", e && (ie(), ae()), J();
+		function ne(e = !0) {
+			E.value = l.value.kind === "fallback", g.value = null, m.value = l.value.kind === "fallback", e && (se(), ce()), Y();
 		}
-		function J() {
-			V?.release(), V = null;
+		function Y() {
+			H?.release(), H = null;
 		}
-		function ne(e) {
+		function X(e) {
 			let t = y.value;
 			if (!t) {
 				d.value = !0;
 				return;
 			}
-			d.value = Ur(e?.boundingClientRect ?? t.getBoundingClientRect(), e?.rootBounds ?? C.value?.getBoundingClientRect() ?? null);
+			d.value = Wr(e?.boundingClientRect ?? t.getBoundingClientRect(), e?.rootBounds ?? C.value?.getBoundingClientRect() ?? null);
 		}
-		function Y(e) {
+		function ie(e) {
 			if (!e) return;
 			let t = $(n.item), r = `${t}|${e}`;
-			H.has(r) || (H.add(r), n.reportAssetLoad?.({
+			U.has(r) || (U.add(r), n.reportAssetLoad?.({
 				item: n.item,
 				occurrenceKey: t,
 				surface: "grid",
 				url: e
 			}));
 		}
-		function X() {
-			if (!L.value) return;
+		function ae() {
+			if (!B.value || I.retry()) return;
 			let e = $(n.item);
-			H.forEach((t) => {
-				t.startsWith(`${e}|`) && H.delete(t);
-			}), g.value = null, m.value = !1, E.value = !1, J(), K();
+			U.forEach((t) => {
+				t.startsWith(`${e}|`) && U.delete(t);
+			}), g.value = null, m.value = !1, E.value = !1, Y(), q();
 		}
-		function ie() {
-			Vr(v.value);
+		function se() {
+			Hr(v.value);
 		}
-		function ae() {
-			Hr(w.value);
+		function ce() {
+			Ur(w.value);
 		}
-		function se() {
+		function Z() {
 			let e = y.value;
 			if (!e) return Infinity;
 			let t = e.getBoundingClientRect();
@@ -3253,17 +3362,17 @@ var ni = ["aria-label"], ri = {
 			let n = window.innerHeight / 2;
 			return Math.abs((t.top + t.bottom) / 2 - n);
 		}
-		function ce(e) {
-			let t = Wr(A.value);
-			return !e || !t ? !1 : Wr("currentSrc" in e && e.currentSrc || e.getAttribute("src")) === t;
+		function le(e) {
+			let t = Gr(A.value);
+			return !e || !t ? !1 : Gr("currentSrc" in e && e.currentSrc || e.getAttribute("src")) === t;
 		}
-		function Z() {
+		function ue() {
 			r("open");
 		}
-		function le() {
+		function de() {
 			f.value = !0;
 		}
-		function ue(e) {
+		function Q(e) {
 			let t = e.relatedTarget;
 			y.value && t instanceof Node && y.value.contains(t) || (f.value = !1);
 		}
@@ -3272,8 +3381,8 @@ var ni = ["aria-label"], ri = {
 			ref: y,
 			"data-testid": "vibe-list-card-inner",
 			class: _(["group relative h-full w-full overflow-hidden border bg-[#0a0b0f] text-[#f7f1ea] transition-[border-color,transform] duration-300", n.active ? "border-white/28" : "border-white/12 hover:border-white/24"]),
-			onFocusin: le,
-			onFocusout: ue,
+			onFocusin: de,
+			onFocusout: Q,
 			onPointerenter: t[0] ||= (e) => p.value = !0,
 			onPointerleave: t[1] ||= (e) => p.value = !1
 		}, [
@@ -3282,13 +3391,13 @@ var ni = ["aria-label"], ri = {
 				"data-testid": "vibe-list-card-open",
 				class: "absolute inset-0 z-[1] block h-full w-full cursor-pointer text-left focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-[#f7f1ea]",
 				"aria-label": n.item.title || `Open item ${n.index + 1}`,
-				onClick: Z
-			}, null, 8, ni),
-			R.value ? (S(), s("div", ri, [c("span", ii, [u(j(re), {
+				onClick: ue
+			}, null, 8, si),
+			ee.value ? (S(), s("div", ci, [c("span", li, [u(j(re), {
 				class: "h-5 w-5 animate-spin stroke-[1.9] text-[#f7f1ea]/78",
 				"aria-hidden": "true"
 			})])])) : o("", !0),
-			N.value && A.value && !I.value ? (S(), s("img", {
+			N.value && A.value && !R.value ? (S(), s("img", {
 				key: 1,
 				ref_key: "imageRef",
 				ref: v,
@@ -3296,9 +3405,9 @@ var ni = ["aria-label"], ri = {
 				alt: l.value.label,
 				draggable: "false",
 				class: _(["block h-full w-full object-cover transition-opacity duration-300", m.value ? "pointer-events-none opacity-100" : "pointer-events-none opacity-0"]),
-				onLoad: ee,
-				onError: U
-			}, null, 42, ai)) : P.value && A.value && !I.value ? (S(), s("video", {
+				onLoad: W,
+				onError: G
+			}, null, 42, ui)) : P.value && A.value && !R.value ? (S(), s("video", {
 				key: 2,
 				ref_key: "videoRef",
 				ref: w,
@@ -3308,64 +3417,64 @@ var ni = ["aria-label"], ri = {
 				playsinline: "",
 				preload: "metadata",
 				class: _(["block h-full w-full object-cover transition-opacity duration-300", m.value ? "pointer-events-none opacity-100" : "pointer-events-none opacity-0"]),
-				onCanplay: W,
-				onError: U,
-				onLoadstart: G,
-				onPlaying: W,
-				onStalled: G,
-				onWaiting: G
-			}, null, 42, oi)) : I.value ? (S(), s("div", {
+				onCanplay: te,
+				onError: G,
+				onLoadstart: K,
+				onPlaying: te,
+				onStalled: K,
+				onWaiting: K
+			}, null, 42, di)) : R.value ? (S(), s("div", {
 				key: 3,
 				"data-testid": "vibe-list-card-error",
-				"data-kind": g.value,
+				"data-kind": L.value,
 				class: "relative z-[2] grid h-full w-full place-items-center bg-[radial-gradient(circle_at_center,rgba(239,68,68,0.12),transparent_65%),linear-gradient(180deg,rgba(255,255,255,0.04),rgba(255,255,255,0.02))]"
-			}, [c("div", ci, [
+			}, [c("div", pi, [
 				u(j(oe), {
 					class: "h-6 w-6 stroke-[1.8] text-[#f7f1ea]/78",
 					"aria-hidden": "true"
 				}),
-				c("span", li, k(j(Ht)(g.value)), 1),
-				L.value ? (S(), s("button", {
+				c("span", mi, k(j(Ht)(L.value)), 1),
+				B.value ? (S(), s("button", {
 					key: 0,
 					type: "button",
 					class: "pointer-events-auto inline-flex items-center justify-center border border-white/14 bg-black/35 px-3 py-2 text-[0.62rem] font-bold uppercase tracking-[0.22em] text-[#f7f1ea]/82 backdrop-blur-[18px] transition hover:border-white/28 hover:bg-black/50",
-					onClick: z(X, ["stop"])
+					onClick: z(ae, ["stop"])
 				}, " Retry ")) : o("", !0)
-			])], 8, si)) : (S(), s("div", ui, [c("div", di, [D(e.$slots, "item-icon", {
+			])], 8, fi)) : (S(), s("div", hi, [c("div", gi, [D(e.$slots, "item-icon", {
 				icon: j(Ct)(n.item.type),
 				item: n.item
 			}, () => [(S(), a(O(j(Ct)(n.item.type)), {
 				class: "h-6 w-6 stroke-[1.8] text-[#f7f1ea]/78",
 				"aria-hidden": "true"
 			}))])])])),
-			c("div", fi, [D(e.$slots, "grid-item-overlay", {
+			c("div", _i, [D(e.$slots, "grid-item-overlay", {
 				active: n.active,
 				focused: f.value,
 				hovered: p.value,
 				index: n.index,
 				item: n.item,
-				openFullscreen: Z
+				openFullscreen: ue
 			})])
 		], 34));
 	}
-}), mi = { 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)]" }, hi = { class: "pointer-events-none absolute inset-x-0 top-0 z-[2] flex justify-end p-6" }, gi = {
+}), yi = { class: "relative h-full min-h-0 bg-[radial-gradient(circle_at_top_center,rgba(255,255,255,0.04),transparent_28%),linear-gradient(180deg,#06070b,#05060a)]" }, bi = { class: "pointer-events-none absolute inset-x-0 top-0 z-[2] flex justify-end p-6" }, xi = {
 	"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]"
-}, _i = { class: "whitespace-nowrap" }, vi = {
+}, Si = { class: "whitespace-nowrap" }, Ci = {
 	key: 0,
 	class: "whitespace-nowrap border-l border-white/12 pl-2 text-[#f7f1ea]/56 min-[721px]:pl-3"
-}, yi = [
+}, wi = [
 	"data-active",
 	"data-index",
 	"data-item-id",
 	"data-occurrence-key"
-], bi = ["data-item-id"], xi = {
+], Ti = ["data-item-id"], Ei = {
 	key: 0,
 	class: "pointer-events-none absolute inset-y-0 right-0 z-[3] hidden w-8 min-[1024px]:block"
-}, Si = {
+}, Di = {
 	key: 1,
 	class: "pointer-events-none absolute inset-x-0 bottom-0 z-[2] px-5 pb-5 sm:px-6"
-}, Ci = { class: "mx-auto flex w-full max-w-[1600px] justify-center" }, wi = /* @__PURE__ */ d({
+}, Oi = { class: "mx-auto flex w-full max-w-[1600px] justify-center" }, ki = /* @__PURE__ */ d({
 	__name: "ListSurface",
 	props: {
 		active: {
@@ -3426,7 +3535,7 @@ var ni = ["aria-label"], ri = {
 		"update:activeIndex"
 	],
 	setup(e, { emit: n }) {
-		let r = e, d = N(), f = n, p = Lr({
+		let r = e, d = N(), f = n, p = Rr({
 			active: A(r, "active"),
 			allowExhaustedNextPageRefresh: A(r, "allowExhaustedNextPageRefresh"),
 			items: A(r, "items"),
@@ -3471,8 +3580,8 @@ var ni = ["aria-label"], ri = {
 				nextBoundaryLoadProgress: e,
 				previousBoundaryLoadProgress: t
 			});
-		}, { immediate: !0 }), (e, n) => (S(), s("div", mi, [
-			c("div", hi, [c("span", gi, [c("span", _i, k(j(p).paginationLabel.value), 1), r.paginationDetail ? (S(), s("span", vi, k(r.paginationDetail), 1)) : o("", !0)])]),
+		}, { immediate: !0 }), (e, n) => (S(), s("div", yi, [
+			c("div", bi, [c("span", xi, [c("span", Si, k(j(p).paginationLabel.value), 1), r.paginationDetail ? (S(), s("span", Ci, k(r.paginationDetail), 1)) : o("", !0)])]),
 			c("div", {
 				ref: j(p).scrollViewportRef,
 				"data-testid": "vibe-list-scroll",
@@ -3493,7 +3602,7 @@ var ni = ["aria-label"], ri = {
 					"data-occurrence-key": j($)(t),
 					class: "absolute will-change-transform",
 					style: y(j(p).getCardStyle(n))
-				}, [u(pi, {
+				}, [u(vi, {
 					active: n === j(p).resolvedActiveIndex.value,
 					index: n,
 					item: t,
@@ -3517,14 +3626,14 @@ var ni = ["aria-label"], ri = {
 					"report-asset-load",
 					"surface-active",
 					"onOpen"
-				])], 12, yi))), 128)),
+				])], 12, wi))), 128)),
 				(S(!0), s(t, null, E(j(p).leavingItems.value, (t) => (S(), s("article", {
 					key: `leaving-${j($)(t.item)}`,
 					"data-testid": "vibe-list-card-leaving",
 					"data-item-id": t.item.id,
 					class: "pointer-events-none absolute z-[2] will-change-[opacity,transform]",
 					style: y(j(p).getLeavingCardStyle(t.item))
-				}, [u(pi, {
+				}, [u(vi, {
 					active: !1,
 					index: -1,
 					item: t.item,
@@ -3539,8 +3648,8 @@ var ni = ["aria-label"], ri = {
 					"item",
 					"report-asset-error",
 					"report-asset-load"
-				])], 12, bi))), 128)),
-				j(P) && j(T) ? (S(), a(dn, {
+				])], 12, Ti))), 128)),
+				j(P) && j(T) ? (S(), a(fn, {
 					key: 0,
 					message: j(T).message,
 					mode: j(T).mode,
@@ -3554,12 +3663,12 @@ var ni = ["aria-label"], ri = {
 					"surface"
 				])) : o("", !0)
 			], 4)], 544),
-			j(p).showScrollbar.value ? (S(), s("div", xi, [n[2] ||= c("div", { class: "absolute bottom-6 right-3 top-6 w-px bg-white/8" }, null, -1), c("div", {
+			j(p).showScrollbar.value ? (S(), s("div", Ei, [n[2] ||= c("div", { class: "absolute bottom-6 right-3 top-6 w-px bg-white/8" }, null, -1), c("div", {
 				"data-testid": "vibe-list-scrollbar-thumb",
 				class: _(["absolute right-[0.625rem] w-1 bg-white/34 transition-[height,transform,background-color,opacity] duration-300 ease-out", r.loading ? "bg-white/52" : "bg-white/34"]),
 				style: y(j(p).getScrollbarThumbStyle())
 			}, null, 6)])) : o("", !0),
-			d["grid-footer"] ? (S(), s("div", Si, [c("div", Ci, [D(e.$slots, "grid-footer")])])) : o("", !0),
+			d["grid-footer"] ? (S(), s("div", Di, [c("div", Oi, [D(e.$slots, "grid-footer")])])) : o("", !0),
 			b.value ? (S(), s("div", {
 				key: 2,
 				class: _(["pointer-events-none absolute inset-x-0 bottom-0 z-[3] flex justify-center px-6", d["grid-footer"] ? "pb-24" : "pb-6"])
@@ -3568,7 +3677,7 @@ var ni = ["aria-label"], ri = {
 				"data-testid": "vibe-grid-status-badge",
 				class: _(["inline-flex items-center border border-white/14 bg-black/55 px-4 py-3 text-[0.7rem] font-bold uppercase tracking-[0.18em] text-[#f7f1ea]/72 backdrop-blur-[18px]", b.value.kind === "end" ? "border-amber-300/35 text-amber-200" : b.value.kind === "failed" ? "border-rose-400/45 text-rose-100" : ""])
 			}, k(b.value.message), 3))], 2)) : o("", !0),
-			j(O) && j(T) ? (S(), a(dn, {
+			j(O) && j(T) ? (S(), a(fn, {
 				key: 3,
 				class: _(["z-[3]", d["grid-footer"] ? "pb-24" : "pb-6"]),
 				message: j(T).message,
@@ -3585,13 +3694,13 @@ var ni = ["aria-label"], ri = {
 			])) : o("", !0)
 		]));
 	}
-}), Ti = ["data-surface-mode"], Ei = {
+}), Ai = ["data-surface-mode"], ji = {
 	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"
-}, Di = ["data-visible", "inert"], Oi = ["data-visible", "inert"], ki = {
+}, Mi = ["data-visible", "inert"], Ni = ["data-visible", "inert"], Pi = {
 	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"
-}, Ai = /* @__PURE__ */ d({
+}, Fi = /* @__PURE__ */ d({
 	name: "VibeLayout",
 	__name: "Layout",
 	props: {
@@ -3646,7 +3755,7 @@ var ni = ["aria-label"], ri = {
 			type: "button",
 			class: "absolute left-5 top-5 z-30 inline-flex items-center border border-rose-400/55 bg-rose-500/18 px-4 py-2 text-xs font-medium uppercase tracking-[0.24em] text-white backdrop-blur transition hover:bg-rose-500/28",
 			onClick: n[0] ||= (...e) => j(h).retryInitialLoad && j(h).retryInitialLoad(...e)
-		}, " Retry ")) : j(h).errorMessage.value && j(h).items.value.length > 0 ? (S(), s("div", Ei, k(j(h).errorMessage.value), 1)) : o("", !0), j(h).isDesktop.value ? (S(), s(t, { key: 2 }, [u(r, {
+		}, " Retry ")) : j(h).errorMessage.value && j(h).items.value.length > 0 ? (S(), s("div", ji, k(j(h).errorMessage.value), 1)) : o("", !0), j(h).isDesktop.value ? (S(), s(t, { key: 2 }, [u(r, {
 			appear: "",
 			"enter-active-class": "transition-[opacity,transform] duration-300 ease-out",
 			"enter-from-class": "translate-y-3 opacity-0",
@@ -3660,7 +3769,7 @@ var ni = ["aria-label"], ri = {
 				"data-visible": j(h).surfaceMode.value === "list" ? "true" : "false",
 				inert: j(h).surfaceMode.value !== "list",
 				class: "absolute inset-0 z-[2]"
-			}, [u(wi, {
+			}, [u(ki, {
 				active: j(h).surfaceMode.value === "list",
 				"allow-exhausted-next-page-refresh": j(h).canRefreshExhaustedNextPage.value,
 				items: j(h).items.value,
@@ -3730,7 +3839,7 @@ var ni = ["aria-label"], ri = {
 				"onBoundaryLoadProgress",
 				"onOpenFullscreen",
 				"onUpdate:activeIndex"
-			])], 8, Di), [[P, j(h).surfaceMode.value === "list"]])]),
+			])], 8, Mi), [[P, j(h).surfaceMode.value === "list"]])]),
 			_: 3
 		}), u(r, {
 			appear: "",
@@ -3746,7 +3855,7 @@ var ni = ["aria-label"], ri = {
 				"data-visible": j(h).surfaceMode.value === "fullscreen" ? "true" : "false",
 				inert: j(h).surfaceMode.value !== "fullscreen",
 				class: "absolute inset-0 z-[3]"
-			}, [u(qn, {
+			}, [u(Jn, {
 				items: j(h).items.value,
 				active: j(h).surfaceMode.value === "fullscreen",
 				"active-index": j(h).activeIndex.value,
@@ -3815,12 +3924,12 @@ var ni = ["aria-label"], ri = {
 				"show-back-to-list",
 				"onBackToList",
 				"onUpdate:activeIndex"
-			])], 8, Oi), [[P, j(h).surfaceMode.value === "fullscreen"]])]),
+			])], 8, Ni), [[P, j(h).surfaceMode.value === "fullscreen"]])]),
 			_: 3
-		})], 64)) : j(h).items.value.length === 0 && j(h).loading.value ? (S(), s("div", ki, [u(j(re), {
+		})], 64)) : j(h).items.value.length === 0 && j(h).loading.value ? (S(), s("div", Pi, [u(j(re), {
 			class: "size-10 animate-spin text-[#f7f1ea]/82",
 			"aria-hidden": "true"
-		}), n[1] ||= c("p", { class: "m-0 text-[0.9rem] font-semibold uppercase tracking-[0.22em] text-[#f7f1ea]/72" }, " Loading... ", -1)])) : (S(), a(qn, {
+		}), n[1] ||= c("p", { class: "m-0 text-[0.9rem] font-semibold uppercase tracking-[0.22em] text-[#f7f1ea]/72" }, " Loading... ", -1)])) : (S(), a(Jn, {
 			key: 4,
 			items: j(h).items.value,
 			active: !0,
@@ -3888,10 +3997,10 @@ var ni = ["aria-label"], ri = {
 			"show-status-badges",
 			"onBackToList",
 			"onUpdate:activeIndex"
-		]))], 8, Ti));
+		]))], 8, Ai));
 	}
-}), ji = { install(e) {
-	e.component("VibeLayout", Ai);
+}), Ii = { install(e) {
+	e.component("VibeLayout", Fi);
 } };
 //#endregion
-export { Ai as VibeLayout, ji as VibePlugin, ji as default };
+export { Fi as VibeLayout, Ii as VibePlugin, Ii as default };