@wyxos/vibe 3.1.8 → 3.1.9

package/lib/index.js

@@ -1,6 +1,6 @@
-import { Comment as e, Fragment as t, Text as n, Transition as r, computed as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createSlots as l, createVNode as u, defineComponent as d, getCurrentScope as f, guardReactiveProps as p, h as m, isVNode as h, mergeProps as g, nextTick as _, normalizeClass as v, normalizeProps as y, normalizeStyle as b, onBeforeUnmount as x, onMounted as S, onScopeDispose as C, openBlock as w, reactive as T, readonly as E, ref as D, renderList as ee, renderSlot as O, resolveDynamicComponent as k, toDisplayString as A, toRef as j, unref as M, useAttrs as N, useSlots as P, vShow as F, watch as I, watchEffect as L, withCtx as R, withDirectives as z, withModifiers as te } from "vue";
+import { Comment as e, Fragment as t, Text as n, Transition as r, computed as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createSlots as l, createVNode as u, defineComponent as d, getCurrentScope as f, guardReactiveProps as p, h as m, isVNode as h, mergeProps as g, nextTick as _, normalizeClass as v, normalizeProps as y, normalizeStyle as b, onBeforeUnmount as x, onMounted as S, onScopeDispose as C, openBlock as w, reactive as T, readonly as E, ref as D, renderList as O, renderSlot as k, resolveDynamicComponent as A, toDisplayString as j, toRef as M, unref as N, useAttrs as P, useSlots as F, vShow as I, watch as L, watchEffect as R, withCtx as z, withDirectives as B, withModifiers as ee } from "vue";
 //#region node_modules/lucide-vue-next/dist/esm/shared/src/utils/hasA11yProp.js
-var B = (e) => {
+var te = (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(), U = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), W = (e) => e.replace(/^([A-Z])|[\s-_]+(\w)/g, (e, t, n) => n ? n.toUpperCase() : t.toLowerCase()), ne = (e) => {
@@ -24,7 +24,7 @@ var B = (e) => {
 	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-${U(ne(e))}-icon`, `lucide-${U(e)}`] : ["lucide-icon"]),
-	...!l.default && !B(c) && { "aria-hidden": "true" }
+	...!l.default && !te(c) && { "aria-hidden": "true" }
 }, [...t.map((e) => m(...e)), ...l.default ? [l.default()] : []]), q = (e, t) => (n, { slots: r, attrs: i }) => m(K, {
 	...i,
 	...n,
@@ -179,10 +179,10 @@ var B = (e) => {
 		key: "5ykzw1"
 	}]
 ]);
-function Z(e, t = 150) {
+function fe(e, t = 150) {
 	return pe(e, (e) => `${e.surface}|${e.occurrenceKey}|${e.url}|${e.kind}`, t);
 }
-function fe(e, t = 150) {
+function Z(e, t = 150) {
 	return pe(e, (e) => `${e.surface}|${e.occurrenceKey}|${e.url}`, t);
 }
 function pe(e, t, n) {
@@ -437,23 +437,23 @@ function Ue() {
 //#endregion
 //#region src/components/viewer-core/useAutoResolveSource.ts
 function We(e) {
-	let t = !!e.initialState?.items.length, n = D([]), r = D(0), a = D([]), o = D(!1), s = D(null), c = D(!t && typeof e.resolve == "function" ? "initializing" : "idle"), l = D(null), u = Ue(), d = u.remainingMs, f = D(null), p = D(!1), m = D(!0), h = D(!1), g = /* @__PURE__ */ new Set(), _ = null, v = null, y = 0, b = 0, C = i(() => He(e.fillDelayMs, Re)), w = i(() => He(e.fillDelayStepMs, ze)), T = i(() => typeof e.resolve == "function"), E = i(() => _e(e.pageSize)), ee = i(() => we(n.value)), O = i(() => Te(ee.value, e.removedIds.value)), k = i(() => r.value), A = i(() => ge(c.value) || p.value), j = i(() => Ge(n.value, e.removedIds.value)), M = i(() => Ke(n.value, e.removedIds.value)), N = i(() => M.value?.nextCursor ?? null), P = i(() => o.value ? null : j.value?.previousCursor ?? null), F = i(() => !!N.value), L = i(() => !!P.value), R = i(() => T.value && n.value.length > 0), z = i(() => Te(we(a.value), e.removedIds.value)), te = i(() => Oe(n.value, e.removedIds.value, k.value)), B = i(() => !O.value.length && !A.value && !!s.value);
-	I(() => O.value.length, (e) => {
+	let t = !!e.initialState?.items.length, n = D([]), r = D(0), a = D([]), o = D(!1), s = D(null), c = D(!t && typeof e.resolve == "function" ? "initializing" : "idle"), l = D(null), u = D(null), d = Ue(), f = d.remainingMs, p = D(null), m = D(!1), h = D(!0), g = D(!1), _ = /* @__PURE__ */ new Set(), v = null, y = null, b = 0, C = 0, w = i(() => He(e.fillDelayMs, Re)), T = i(() => He(e.fillDelayStepMs, ze)), E = i(() => typeof e.resolve == "function"), O = i(() => _e(e.pageSize)), k = i(() => we(n.value)), A = i(() => Te(k.value, e.removedIds.value)), j = i(() => r.value), M = i(() => ge(c.value) || m.value), N = i(() => Ge(n.value, e.removedIds.value)), P = i(() => Ke(n.value, e.removedIds.value)), F = i(() => P.value?.nextCursor ?? null), I = i(() => o.value ? null : N.value?.previousCursor ?? null), R = i(() => !!F.value), z = i(() => !!I.value), B = i(() => E.value && n.value.length > 0), ee = i(() => Te(we(a.value), e.removedIds.value)), te = i(() => Oe(n.value, e.removedIds.value, j.value)), V = i(() => !A.value.length && !M.value && !!s.value);
+	L(() => A.value.length, (e) => {
 		if (e === 0) {
 			r.value = 0;
 			return;
 		}
-		o.value &&= (he(), !1), r.value > e - 1 && (r.value = e - 1);
-	}), I(() => r.value, () => {
-		m.value && se();
+		o.value &&= (ye(), !1), r.value > e - 1 && (r.value = e - 1);
+	}), L(() => r.value, () => {
+		h.value && ce();
 	}), S(() => {
-		fe() || e.resolve && V();
+		pe() || e.resolve && H();
 	}), x(() => {
-		_?.abort(), _ = null, u.clear(!0);
+		v?.abort(), v = null, d.clear(!0);
 	});
-	async function V() {
-		v = V;
-		let t = await ue({
+	async function H() {
+		y = H;
+		let t = await de({
 			continueUntilFilled: !0,
 			cursor: e.initialCursor ?? null,
 			direction: "forward",
@@ -461,179 +461,179 @@ function We(e) {
 		});
 		t && (n.value = t.buckets, r.value = 0, Z());
 	}
-	async function H() {
-		if (!(h.value || A.value)) {
-			if (me("trailing") || !F.value) {
-				if (!R.value) return;
-				let e = await X("trailing");
-				e?.itemsLoaded === 0 && e.followCursor && await ce(e.followCursor);
-				return;
-			}
-			await ce(N.value);
-		}
-	}
 	async function U() {
-		if (!(h.value || !L.value || A.value)) {
-			if (me("leading")) {
-				let e = await X("leading");
+		if (!(g.value || M.value)) {
+			if (he("trailing") || !R.value) {
+				if (!B.value) return;
+				let e = await ue("trailing");
 				e?.itemsLoaded === 0 && e.followCursor && await le(e.followCursor);
 				return;
 			}
-			await le(P.value);
+			await le(F.value);
 		}
 	}
 	async function W() {
-		if (B.value) {
-			if (n.value = [], r.value = 0, a.value = [], o.value = !1, s.value = null, c.value = T.value ? "initializing" : "idle", l.value = null, f.value = null, p.value = !1, g.clear(), _?.abort(), _ = null, u.clear(!0), fe()) {
-				Z();
+		if (!(g.value || !z.value || M.value)) {
+			if (he("leading")) {
+				let e = await ue("leading");
+				e?.itemsLoaded === 0 && e.followCursor && await X(e.followCursor);
 				return;
 			}
-			await V();
+			await X(I.value);
 		}
 	}
 	async function ne() {
-		if (B.value) return W();
-		h.value || c.value !== "failed" || !v || (s.value = null, await v());
+		if (V.value) {
+			if (n.value = [], r.value = 0, a.value = [], o.value = !1, s.value = null, c.value = E.value ? "initializing" : "idle", l.value = null, u.value = null, p.value = null, m.value = !1, _.clear(), v?.abort(), v = null, d.clear(!0), pe()) {
+				Z();
+				return;
+			}
+			await H();
+		}
 	}
 	async function G() {
-		if (!a.value.length) return p.value = !1, Z();
-		n.value = [...n.value, ...a.value], a.value = [], p.value = !1, Z();
+		if (V.value) return ne();
+		g.value || c.value !== "failed" || !y || (s.value = null, await y());
+	}
+	async function K() {
+		if (!a.value.length) return m.value = !1, Z();
+		n.value = [...n.value, ...a.value], a.value = [], m.value = !1, Z();
 	}
-	function K(t) {
-		let n = O.value;
+	function q(t) {
+		let n = A.value;
 		if (!n.length) return;
 		let i = Q(t, 0, n.length - 1);
 		i !== r.value && (r.value = i, e.emit("update:activeIndex", i));
 	}
-	function q(e) {
-		m.value = e;
-	}
-	function re() {
-		h.value = !0, u.clear(!0);
+	function re(e) {
+		h.value = e;
 	}
 	function J() {
-		h.value = !1;
+		g.value = !0, d.clear(!0);
 	}
 	function Y() {
-		y += 1, _?.abort(), _ = null, u.clear(!0), g.clear(), s.value = null, l.value = null, f.value = null, a.value.length > 0 && (n.value = [...n.value, ...a.value], a.value = []), p.value = !1, o.value = !1, Z();
+		g.value = !1;
 	}
 	function ie() {
-		return Fe(O.value, k.value);
+		b += 1, v?.abort(), v = null, d.clear(!0), _.clear(), s.value = null, l.value = null, u.value = null, p.value = null, a.value.length > 0 && (n.value = [...n.value, ...a.value], a.value = []), m.value = !1, o.value = !1, Z();
 	}
-	function ae(e = null, t = {}) {
-		if (O.value.length === 0) {
+	function ae() {
+		return Fe(A.value, j.value);
+	}
+	function oe(e = null, t = {}) {
+		if (A.value.length === 0) {
 			r.value = 0, !t.preserveTrailingPlaceholder && n.value.length > 0 && (o.value = !0);
 			return;
 		}
 		if (e) {
-			let t = O.value.findIndex((t) => $(t) === e);
+			let t = A.value.findIndex((t) => $(t) === e);
 			if (t >= 0) {
 				r.value = t;
 				return;
 			}
 		}
-		if (t.preserveTrailingPlaceholder && r.value >= O.value.length) {
-			r.value = O.value.length;
+		if (t.preserveTrailingPlaceholder && r.value >= A.value.length) {
+			r.value = A.value.length;
 			return;
 		}
-		r.value = Ie(O.value, k.value, e);
+		r.value = Ie(A.value, j.value, e);
 	}
-	function oe() {
-		a.value.length > 0 && !z.value.length && G();
+	function se() {
+		a.value.length > 0 && !ee.value.length && K();
 	}
-	async function se() {
-		if (!(!m.value || pe())) {
-			if (!O.value.length) {
-				F.value && await H();
+	async function ce() {
+		if (!(!h.value || me())) {
+			if (!A.value.length) {
+				R.value && await U();
 				return;
 			}
-			L.value && r.value < 3 && await U(), F.value && r.value >= O.value.length - 3 && await H();
+			z.value && r.value < 3 && await W(), R.value && r.value >= A.value.length - 3 && await U();
 		}
 	}
-	async function ce(e) {
-		v = async () => {
-			await ce(e);
+	async function le(e) {
+		y = async () => {
+			await le(e);
 		};
-		let t = await ue({
+		let t = await de({
 			continueUntilFilled: !0,
 			cursor: e,
 			direction: "forward",
 			phase: "loading"
 		});
 		if (t) {
-			if (t.canceled) return n.value = [...n.value, ...t.buckets], a.value = [], p.value = !1, Z();
-			if (a.value = t.buckets, !z.value.length) return n.value = [...n.value, ...a.value], a.value = [], p.value = !1, Z();
-			p.value = !0;
+			if (t.canceled) return n.value = [...n.value, ...t.buckets], a.value = [], m.value = !1, Z();
+			if (a.value = t.buckets, !ee.value.length) return n.value = [...n.value, ...a.value], a.value = [], m.value = !1, Z();
+			m.value = !0;
 		}
 	}
-	async function le(e) {
-		v = async () => {
-			await le(e);
+	async function X(e) {
+		y = async () => {
+			await X(e);
 		};
-		let t = await ue({
+		let t = await de({
 			continueUntilFilled: !0,
 			cursor: e,
 			direction: "backward",
 			phase: "loading"
 		});
 		if (!t) return;
-		let r = ie();
-		n.value = [...t.buckets, ...n.value], ae(r), Z();
+		let r = ae();
+		n.value = [...t.buckets, ...n.value], oe(r), Z();
 	}
-	async function X(t) {
-		if (v = async () => {
-			await X(t);
+	async function ue(t) {
+		if (y = async () => {
+			await ue(t);
 		}, !e.resolve) return null;
-		let r = t === "leading" ? j.value : M.value;
+		let r = t === "leading" ? N.value : P.value;
 		if (!r) return null;
 		let i = ve(r.cursor);
-		if (g.has(i)) return null;
-		g.add(i), s.value = null, c.value = "refreshing", l.value = null, f.value = null;
-		let a = ++y, o = typeof AbortController > "u" ? null : new AbortController();
-		_ = o;
+		if (_.has(i)) return null;
+		_.add(i), s.value = null, c.value = "refreshing", l.value = null, u.value = null, p.value = null;
+		let a = ++b, o = typeof AbortController > "u" ? null : new AbortController();
+		v = o;
 		try {
 			let i = await e.resolve({
 				cursor: r.cursor,
-				pageSize: E.value,
+				pageSize: O.value,
 				signal: o?.signal
 			});
-			if (a !== y) return Z(), null;
-			let s = de({
+			if (a !== b) return Z(), null;
+			let s = fe({
 				cursor: r.cursor,
 				nextCursor: i.nextPage,
 				nextItems: i.items,
 				previousCursor: i.previousPage ?? null,
 				previousItems: r.items
-			}), c = ie();
-			return n.value = ke(n.value, r.cursor, s), ae(c), Z(), {
+			}), c = ae();
+			return n.value = ke(n.value, r.cursor, s), oe(c), Z(), {
 				followCursor: t === "leading" ? i.previousPage ?? null : i.nextPage,
 				itemsLoaded: i.items.length
 			};
 		} catch (e) {
-			return je(e) || a !== y ? (Z(), null) : (s.value = e instanceof Error ? e.message : "The viewer could not load items.", c.value = "failed", l.value = null, f.value = null, null);
+			return je(e) || a !== b ? (Z(), null) : (s.value = e instanceof Error ? e.message : "The viewer could not load items.", c.value = "failed", l.value = null, u.value = null, p.value = null, null);
 		} finally {
-			_ === o && (_ = null), g.delete(i);
+			v === o && (v = null), _.delete(i);
 		}
 	}
-	async function ue(t) {
+	async function de(t) {
 		if (!e.resolve) return null;
-		let n = ++y, r = /* @__PURE__ */ new Set(), i = [], a = t.cursor, o = 0;
-		for (s.value = null, c.value = t.phase, l.value = null, f.value = null;;) {
-			if (n !== y) return Ne(i, t.direction, e.removedIds.value, !0);
-			if (i.length > 0 && h.value) return Ne(i, t.direction, e.removedIds.value, !1);
-			let d = ve(a);
-			if (r.has(d) || g.has(d)) break;
-			r.add(d), g.add(d);
-			let p = typeof AbortController > "u" ? null : new AbortController();
-			_ = p;
+		let n = ++b, r = /* @__PURE__ */ new Set(), i = [], a = t.cursor, o = 0;
+		for (s.value = null, c.value = t.phase, l.value = null, u.value = null, p.value = null;;) {
+			if (n !== b) return Ne(i, t.direction, e.removedIds.value, !0);
+			if (i.length > 0 && g.value) return Ne(i, t.direction, e.removedIds.value, !1);
+			let f = ve(a);
+			if (r.has(f) || _.has(f)) break;
+			r.add(f), _.add(f);
+			let m = typeof AbortController > "u" ? null : new AbortController();
+			v = m;
 			try {
 				let r = await e.resolve({
 					cursor: a,
-					pageSize: E.value,
-					signal: p?.signal
+					pageSize: O.value,
+					signal: m?.signal
 				});
-				if (n !== y) return Ne(i, t.direction, e.removedIds.value, !0);
-				let s = de({
+				if (n !== b) return Ne(i, t.direction, e.removedIds.value, !0);
+				let s = fe({
 					cursor: a,
 					nextCursor: r.nextPage,
 					nextItems: r.items,
@@ -641,55 +641,55 @@ function We(e) {
 					previousItems: []
 				});
 				i.push(s);
-				let d = i.reduce((t, n) => t + De(n, e.removedIds.value), 0), m = t.direction === "forward" ? s.nextCursor : s.previousCursor;
-				if (!t.continueUntilFilled || d >= E.value || !m) return {
+				let f = i.reduce((t, n) => t + De(n, e.removedIds.value), 0), h = t.direction === "forward" ? s.nextCursor : s.previousCursor;
+				if (!t.continueUntilFilled || f >= O.value || !h) return u.value = null, {
 					canceled: !1,
 					buckets: t.direction === "backward" ? [...i].reverse() : i,
-					visibleCount: d
+					visibleCount: f
 				};
-				if (h.value) return Ne(i, t.direction, e.removedIds.value, !1);
-				c.value = "filling", l.value = d, f.value = E.value, o += 1;
-				let g = Ve(o, C.value, w.value);
-				if (await u.wait(g), n !== y) return Ne(i, t.direction, e.removedIds.value, !0);
-				a = m;
+				if (g.value) return Ne(i, t.direction, e.removedIds.value, !1);
+				c.value = "filling", l.value = f, u.value = h, p.value = O.value, o += 1;
+				let _ = Ve(o, w.value, T.value);
+				if (await d.wait(_), n !== b) return Ne(i, t.direction, e.removedIds.value, !0);
+				a = h;
 			} catch (r) {
-				return je(r) || n !== y ? Ne(i, t.direction, e.removedIds.value, !0) : (s.value = r instanceof Error ? r.message : "The viewer could not load items.", c.value = "failed", l.value = null, f.value = null, null);
+				return je(r) || n !== b ? Ne(i, t.direction, e.removedIds.value, !0) : (s.value = r instanceof Error ? r.message : "The viewer could not load items.", c.value = "failed", l.value = null, u.value = null, p.value = null, null);
 			} finally {
-				_ === p && (_ = null), g.delete(d);
+				v === m && (v = null), _.delete(f);
 			}
 		}
 		return Ne(i, t.direction, e.removedIds.value, !1);
 	}
-	function de(e) {
+	function fe(e) {
 		let t = Me({
 			cursor: e.cursor,
 			nextCursor: e.nextCursor,
 			nextItems: e.nextItems,
 			previousCursor: e.previousCursor,
 			previousItems: e.previousItems,
-			sequence: b
+			sequence: C
 		});
-		return b = t.nextSequence, t.bucket;
+		return C = t.nextSequence, t.bucket;
 	}
 	function Z() {
-		c.value = "idle", l.value = null, f.value = null, u.clear();
+		c.value = "idle", l.value = null, u.value = null, p.value = null, d.clear();
 	}
-	function fe() {
+	function pe() {
 		if (!e.initialState || !e.initialState.items.length) return !1;
 		let t = Pe({
 			initialState: e.initialState,
 			removedIds: e.removedIds.value,
-			sequence: b
+			sequence: C
 		});
-		return n.value = t.buckets, r.value = t.activeIndex, b = t.nextSequence, o.value = !1, s.value = null, a.value = [], p.value = !1, !0;
+		return n.value = t.buckets, r.value = t.activeIndex, C = t.nextSequence, o.value = !1, s.value = null, a.value = [], m.value = !1, !0;
 	}
-	function pe() {
+	function me() {
 		return c.value === "initializing";
 	}
-	function me(t) {
-		return Le(t === "leading" ? j.value : M.value, e.removedIds.value, E.value);
+	function he(t) {
+		return Le(t === "leading" ? N.value : P.value, e.removedIds.value, O.value);
 	}
-	function he() {
+	function ye() {
 		let t = n.value.findIndex((t) => De(t, e.removedIds.value) > 0);
 		if (t < 0) return;
 		let r = t;
@@ -700,38 +700,39 @@ function We(e) {
 		n.value = n.value.slice(t, r + 1);
 	}
 	return {
-		activeIndex: k,
-		canRetryInitialLoad: B,
-		cancel: Y,
-		canRefreshTrailingBoundary: R,
-		commitPendingAppend: G,
+		activeIndex: j,
+		canRetryInitialLoad: V,
+		cancel: ie,
+		canRefreshTrailingBoundary: B,
+		commitPendingAppend: K,
 		currentCursor: te,
 		errorMessage: s,
 		fillCollectedCount: l,
-		fillDelayRemainingMs: d,
-		fillTargetCount: f,
-		hasNextPage: F,
-		hasPreviousPage: L,
-		isAutoPrefetchEnabled: m,
-		isPageLoadingLocked: h,
-		items: O,
-		lockPageLoading: re,
-		loading: A,
-		maybePrefetchAround: se,
-		nextCursor: N,
-		pendingAppendItems: z,
+		fillCursor: u,
+		fillDelayRemainingMs: f,
+		fillTargetCount: p,
+		hasNextPage: R,
+		hasPreviousPage: z,
+		isAutoPrefetchEnabled: h,
+		isPageLoadingLocked: g,
+		items: A,
+		lockPageLoading: J,
+		loading: M,
+		maybePrefetchAround: ce,
+		nextCursor: F,
+		pendingAppendItems: ee,
 		phase: c,
-		prefetchNextPage: H,
-		prefetchPreviousPage: U,
-		previousCursor: P,
-		retryInitialLoad: W,
-		retry: ne,
-		setActiveIndex: K,
-		setAutoPrefetchEnabled: q,
-		syncActiveIndexAfterVisibilityChange: ae,
-		unlockPageLoading: J,
-		getActiveOccurrenceKey: ie,
-		maybeCommitPendingAppendWhenFilteredOut: oe
+		prefetchNextPage: U,
+		prefetchPreviousPage: W,
+		previousCursor: I,
+		retryInitialLoad: ne,
+		retry: G,
+		setActiveIndex: q,
+		setAutoPrefetchEnabled: re,
+		syncActiveIndexAfterVisibilityChange: oe,
+		unlockPageLoading: Y,
+		getActiveOccurrenceKey: ae,
+		maybeCommitPendingAppendWhenFilteredOut: se
 	};
 }
 function Ge(e, t) {
@@ -802,6 +803,7 @@ function qe(e, t) {
 		currentCursor: l.currentCursor,
 		errorMessage: l.errorMessage,
 		fillCollectedCount: l.fillCollectedCount,
+		fillCursor: l.fillCursor,
 		fillDelayRemainingMs: l.fillDelayRemainingMs,
 		fillTargetCount: l.fillTargetCount,
 		getRemovedIds: r,
@@ -843,6 +845,7 @@ function Ye(e, t) {
 		currentCursor: null,
 		errorMessage: null,
 		fillCollectedCount: null,
+		fillCursor: null,
 		fillDelayRemainingMs: null,
 		fillTargetCount: null,
 		hasNextPage: !1,
@@ -859,23 +862,23 @@ function Ye(e, t) {
 		removedIds: [],
 		surfaceMode: "list"
 	}), c = i(() => a.value >= Je), l = i(() => c.value ? o.value : "fullscreen"), u = i(() => c.value && l.value === "fullscreen");
-	I(c, (e) => {
+	L(c, (e) => {
 		e && h();
-	}), I(() => e.surfaceMode, () => {
+	}), L(() => e.surfaceMode, () => {
 		h();
-	}), I([l, () => n.pendingAppendItems.value.length], ([e, t]) => {
+	}), L([l, () => n.pendingAppendItems.value.length], ([e, t]) => {
 		e === "list" || t <= 0 || n.commitPendingAppend();
-	}), I([
+	}), L([
 		() => n.items.value.length,
 		() => n.loading.value,
 		() => n.hasNextPage.value,
 		() => n.pendingAppendItems.value.length
 	], ([e, n, r, i]) => {
 		!c.value || e > 0 || o.value === "list" || n || r || i > 0 || (o.value = "list", t("update:surfaceMode", "list"));
-	}), I(l, (e) => {
+	}), L(l, (e) => {
 		n.setAutoPrefetchEnabled(e === "fullscreen");
-	}, { immediate: !0 }), L(() => {
-		s.activeIndex = n.activeIndex.value, s.currentCursor = n.currentCursor.value, s.errorMessage = n.errorMessage.value, s.fillCollectedCount = n.fillCollectedCount.value, s.fillDelayRemainingMs = n.fillDelayRemainingMs.value, s.fillTargetCount = n.fillTargetCount.value, s.hasNextPage = n.hasNextPage.value, s.hasPreviousPage = n.hasPreviousPage.value, s.itemCount = n.items.value.length, s.loadState = n.loading.value ? "loading" : n.errorMessage.value ? "failed" : "loaded", s.nextBoundaryLoadProgress = r.nextBoundaryLoadProgress, s.nextCursor = n.nextCursor.value, s.pageLoadingLocked = n.isPageLoadingLocked.value, s.phase = n.phase.value, s.previousBoundaryLoadProgress = r.previousBoundaryLoadProgress, s.previousCursor = n.previousCursor.value, s.removedCount = n.removedCount.value, s.removedIds = n.getRemovedIds(), s.surfaceMode = l.value;
+	}, { immediate: !0 }), R(() => {
+		s.activeIndex = n.activeIndex.value, s.currentCursor = n.currentCursor.value, s.errorMessage = n.errorMessage.value, s.fillCollectedCount = n.fillCollectedCount.value, s.fillCursor = n.fillCursor.value, s.fillDelayRemainingMs = n.fillDelayRemainingMs.value, s.fillTargetCount = n.fillTargetCount.value, s.hasNextPage = n.hasNextPage.value, s.hasPreviousPage = n.hasPreviousPage.value, s.itemCount = n.items.value.length, s.loadState = n.loading.value ? "loading" : n.errorMessage.value ? "failed" : "loaded", s.nextBoundaryLoadProgress = r.nextBoundaryLoadProgress, s.nextCursor = n.nextCursor.value, s.pageLoadingLocked = n.isPageLoadingLocked.value, s.phase = n.phase.value, s.previousBoundaryLoadProgress = r.previousBoundaryLoadProgress, s.previousCursor = n.previousCursor.value, s.removedCount = n.removedCount.value, s.removedIds = n.getRemovedIds(), s.surfaceMode = l.value;
 	}), S(() => {
 		m(), h(), window.addEventListener("keydown", p), window.addEventListener("resize", m);
 	}), x(() => {
@@ -954,7 +957,7 @@ var Ze = {
 	],
 	setup(e, { emit: t }) {
 		let n = e, r = t, l = D(null), u = D(!1), d = i(() => n.volumeControlLayout === "vertical"), f = i(() => C(n.volume, 0, 1)), p = i(() => Math.round(f.value * 100)), m = i(() => n.muted || f.value <= 0 ? de : f.value < .5 ? X : ue), h = i(() => n.muted || f.value <= 0 ? "Unmute active media" : "Mute active media"), g = i(() => d.value && !u.value ? "Show volume controls" : h.value), _ = i(() => n.volumeControlLayout === "vertical" ? { height: `${p.value}%` } : { width: `${p.value}%` });
-		I(d, (e) => {
+		L(d, (e) => {
 			e || (u.value = !1);
 		}), S(() => {
 			document.addEventListener("pointerdown", v);
@@ -979,7 +982,7 @@ var Ze = {
 			return Math.min(Math.max(e, t), n);
 		}
 		return (e, t) => (w(), s("div", Ze, [c("div", Qe, [
-			c("span", $e, A(n.currentTimeLabel), 1),
+			c("span", $e, j(n.currentTimeLabel), 1),
 			c("div", et, [
 				t[3] ||= c("div", { class: "absolute inset-x-0 top-1/2 h-px -translate-y-1/2 bg-white/12" }, null, -1),
 				c("div", {
@@ -999,7 +1002,7 @@ var Ze = {
 					onInput: t[0] ||= (e) => r("seek-input", e)
 				}, null, 40, tt)
 			]),
-			c("span", nt, A(n.durationLabel), 1),
+			c("span", nt, j(n.durationLabel), 1),
 			c("div", {
 				ref_key: "rootRef",
 				ref: l,
@@ -1030,7 +1033,7 @@ var Ze = {
 				"aria-label": g.value,
 				class: "inline-flex h-10 w-10 items-center justify-center border border-white/14 bg-black/50 text-[#f7f1ea]/82 backdrop-blur-[18px] transition hover:border-white/28 hover:bg-black/65",
 				onClick: y
-			}, [(w(), a(k(m.value), {
+			}, [(w(), a(A(m.value), {
 				class: "h-4 w-4 stroke-[1.9]",
 				"aria-hidden": "true"
 			}))], 8, ct), n.volumeControlLayout === "horizontal" ? (w(), s("div", lt, [
@@ -1088,19 +1091,19 @@ var Ze = {
 			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(M(re), {
+		}, [u(N(re), {
 			class: "h-4 w-4 stroke-[2.2]",
 			"aria-hidden": "true"
-		})])) : o("", !0), n.title ? (w(), s("h2", gt, A(n.title), 1)) : o("", !0)]), c("div", _t, [c("span", vt, [
-			n.loading ? (w(), a(M(oe), {
+		})])) : o("", !0), n.title ? (w(), s("h2", gt, j(n.title), 1)) : o("", !0)]), c("div", _t, [c("span", vt, [
+			n.loading ? (w(), a(N(oe), {
 				key: 0,
 				"data-testid": "vibe-pagination-spinner",
 				class: "h-3.5 w-3.5 animate-spin stroke-[1.9]",
 				"aria-hidden": "true"
 			})) : o("", !0),
-			c("span", yt, A(n.currentIndex + 1) + " / " + A(n.total), 1),
-			n.paginationDetail ? (w(), s("span", bt, A(n.paginationDetail), 1)) : o("", !0)
-		]), O(e.$slots, "actions")])])]), n.showEndBadge ? (w(), s("div", xt, [...t[1] ||= [c("span", { class: "inline-flex items-center border border-amber-300/35 bg-black/40 px-4 py-3 text-[0.74rem] font-bold uppercase tracking-[0.2em] text-amber-200 backdrop-blur-[18px]" }, " End reached ", -1)]])) : o("", !0)]));
+			c("span", yt, j(n.currentIndex + 1) + " / " + j(n.total), 1),
+			n.paginationDetail ? (w(), s("span", bt, j(n.paginationDetail), 1)) : o("", !0)
+		]), k(e.$slots, "actions")])])]), n.showEndBadge ? (w(), s("div", xt, [...t[1] ||= [c("span", { class: "inline-flex items-center border border-amber-300/35 bg-black/40 px-4 py-3 text-[0.74rem] font-bold uppercase tracking-[0.2em] text-amber-200 backdrop-blur-[18px]" }, " End reached ", -1)]])) : o("", !0)]));
 	}
 }), Ct = {
 	image: ae,
@@ -1200,7 +1203,7 @@ function Nt(e) {
 		maxPerDomain: 1,
 		maxVideoPerDomain: 1
 	}), r = /* @__PURE__ */ new Map(), i = /* @__PURE__ */ new Map(), a = /* @__PURE__ */ new Map(), o = /* @__PURE__ */ new Set();
-	I([
+	L([
 		e.active,
 		e.items,
 		e.resolvedActiveIndex
@@ -1492,7 +1495,7 @@ function Gt(e) {
 //#region src/components/viewer-core/useActivation.ts
 function Kt(e) {
 	let t = !1;
-	I(e.enabled, async (t) => {
+	L(e.enabled, async (t) => {
 		if (n(t), t) {
 			e.onResize(), await e.onEnable();
 			return;
@@ -1579,12 +1582,12 @@ function sn(e) {
 		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] ?? qt : qt), m = i(() => d.value ? p.value.duration : 0), h = i(() => m.value <= 0 ? 0 : cn(p.value.currentTime / m.value * 100, 0, 100)), g = i(() => u.value ? L(u.value) : null);
-	I(() => u.value, async () => {
+	}), p = i(() => d.value ? r.value[d.value] ?? qt : qt), m = i(() => d.value ? p.value.duration : 0), h = i(() => m.value <= 0 ? 0 : cn(p.value.currentTime / m.value * 100, 0, 100)), g = i(() => u.value ? R(u.value) : null);
+	L(() => u.value, async () => {
 		await C();
-	}), I(() => e.itemCount.value, async () => {
+	}), L(() => e.itemCount.value, async () => {
 		await C();
-	}), I(() => e.loopFullscreenVideo.value, async () => {
+	}), L(() => e.loopFullscreenVideo.value, async () => {
 		await C();
 	});
 	function v(e, t) {
@@ -1658,7 +1661,7 @@ function sn(e) {
 			surface: "fullscreen"
 		});
 	}
-	async function ee(t, n) {
+	async function O(t, n) {
 		let r = K(t), i = U(t), a = Y(t) ?? e.activeMediaItem.value ?? e.activeItem.value;
 		if (r) {
 			r.pause();
@@ -1676,13 +1679,13 @@ function sn(e) {
 			surface: "fullscreen"
 		});
 	}
-	function O(e, t, n) {
+	function k(e, t, n) {
 		e.button !== 0 || Date.now() < n || re(s.get(t) ?? null);
 	}
-	function k(e, t, n) {
+	function A(e, t, n) {
 		e.button !== 0 || Date.now() < n || re(K(t));
 	}
-	function A(e) {
+	function j(e) {
 		let t = q(), n = d.value;
 		if (!t || !n || !(e.target instanceof HTMLInputElement)) return;
 		let r = Number.parseFloat(e.target.value);
@@ -1690,40 +1693,40 @@ function sn(e) {
 		let i = cn(r, 0, m.value || 0);
 		ne(n, i, t), t.currentTime = i;
 	}
-	function j(e) {
+	function M(e) {
 		let t = q(), n = d.value;
 		if (!t || !n || !(e.target instanceof HTMLInputElement)) return;
 		let r = cn(Number.parseFloat(e.target.value), 0, 1);
 		t.volume = r, t.muted = r <= 0, r > 0 && (o.value[n] = r), W(n, t);
 	}
-	function M() {
+	function N() {
 		let e = q(), t = d.value;
 		!e || !t || (e.muted || e.volume <= 0 ? (e.volume = G(t), e.muted = !1, o.value[t] = e.volume) : (o.value[t] = e.volume, e.muted = !0), W(t, e));
 	}
-	function N(e) {
+	function P(e) {
 		return !!t.value[e] && !n.value[e];
 	}
-	function P(e) {
+	function F(e) {
 		return (r.value[e]?.ready ?? !1) && !r.value[e]?.errorKind;
 	}
-	function F(e) {
+	function I(e) {
 		return e.url;
 	}
-	function L(e) {
+	function R(e) {
 		return n.value[e] ?? r.value[e]?.errorKind ?? null;
 	}
-	function R(e) {
-		let t = L(e);
+	function z(e) {
+		let t = R(e);
 		return t ? $t(t) : null;
 	}
-	function z(e) {
-		return en(L(e));
+	function B(e) {
+		return en(R(e));
 	}
-	function te(e) {
+	function ee(e) {
 		return `${e}:${a.value[e] ?? 0}`;
 	}
-	async function B(e) {
-		if (!z(e)) return;
+	async function te(e) {
+		if (!B(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;
@@ -1793,29 +1796,29 @@ function sn(e) {
 		activeMediaDuration: m,
 		activeMediaProgress: h,
 		activeMediaState: p,
-		getAssetErrorKind: L,
-		getAssetErrorLabel: R,
-		getAssetRenderKey: te,
-		getImageSource: F,
-		isImageReady: N,
-		isMediaReady: P,
-		canRetryAsset: z,
+		getAssetErrorKind: R,
+		getAssetErrorLabel: z,
+		getAssetRenderKey: ee,
+		getImageSource: I,
+		isImageReady: P,
+		isMediaReady: F,
+		canRetryAsset: B,
 		mediaStates: r,
-		onAudioCoverClick: k,
+		onAudioCoverClick: A,
 		onImageError: E,
 		onImageLoad: T,
-		onMediaError: ee,
+		onMediaError: O,
 		onMediaEvent: w,
-		onMediaSeekInput: A,
-		onMediaVolumeInput: j,
-		onMediaVolumeToggle: M,
-		onVideoClick: O,
+		onMediaSeekInput: j,
+		onMediaVolumeInput: M,
+		onMediaVolumeToggle: N,
+		onVideoClick: k,
 		registerAudioElement: y,
 		registerImageElement: b,
 		registerVideoElement: v,
 		resetAssetState: S,
 		resetMediaState: x,
-		retryAsset: B,
+		retryAsset: te,
 		syncMediaPlayback: C
 	};
 }
@@ -1851,7 +1854,7 @@ function fn(e, t, n = {}) {
 		itemCount: r.value.length,
 		loading: s.value,
 		phase: e.phase
-	})), f = i(() => !1), p = D(null), m = D(0), h = D(!1), g = D(1), _ = n.enabled ?? i(() => !0), v = null, y = 0, b = 0, x = 0, S = i(() => r.value.length === 0 ? 0 : N(a.value, 0, r.value.length - 1)), C = i(() => r.value[S.value] ?? null), w = i(() => C.value?.type === "audio" || C.value?.type === "video" ? C.value : null), T = sn({
+	})), f = i(() => !1), p = D(null), m = D(0), h = D(!1), g = D(1), _ = n.enabled ?? i(() => !0), v = null, y = 0, b = 0, x = 0, S = i(() => r.value.length === 0 ? 0 : P(a.value, 0, r.value.length - 1)), C = i(() => r.value[S.value] ?? null), w = i(() => C.value?.type === "audio" || C.value?.type === "video" ? C.value : null), T = sn({
 		items: r,
 		activeItem: C,
 		activeMediaItem: w,
@@ -1860,13 +1863,13 @@ function fn(e, t, n = {}) {
 		loopFullscreenVideo: l,
 		onAssetError: n.onAssetError,
 		onAssetLoad: n.onAssetLoad
-	}), E = i(() => r.value.length > 0 && S.value === r.value.length - 1), ee = i(() => Gt({
+	}), E = i(() => r.value.length > 0 && S.value === r.value.length - 1), O = i(() => Gt({
 		errorMessage: o.value,
 		hasItems: r.value.length > 0,
 		hasNextPage: c.value,
 		phase: d.value,
 		surface: "fullscreen"
-	})), O = i(() => ee.value?.kind ?? null), k = i(() => ee.value?.message ?? null), A = i(() => Math.min(96, g.value * .15 || 96)), j = i(() => ln(S.value, r.value.length)), M = i(() => un(r.value, S.value));
+	})), k = i(() => O.value?.kind ?? null), A = i(() => O.value?.message ?? null), j = i(() => Math.min(96, g.value * .15 || 96)), M = i(() => ln(S.value, r.value.length)), N = i(() => un(r.value, S.value));
 	Kt({
 		enabled: _,
 		onDisable() {
@@ -1876,40 +1879,40 @@ function fn(e, t, n = {}) {
 			return T.syncMediaPlayback();
 		},
 		onKeydown: W,
-		onResize: P
+		onResize: F
 	});
-	function N(e, t, n) {
+	function P(e, t, n) {
 		return Math.min(Math.max(e, t), n);
 	}
-	function P() {
+	function F() {
 		g.value = p.value?.clientHeight || window.innerHeight || 1;
 	}
-	function F(e) {
-		return r.value.length === 0 ? !1 : N(S.value + e, 0, r.value.length - 1) !== S.value;
-	}
 	function I(e) {
+		return r.value.length === 0 ? !1 : P(S.value + e, 0, r.value.length - 1) !== S.value;
+	}
+	function L(e) {
 		if (r.value.length === 0) return;
-		let n = N(S.value + e, 0, r.value.length - 1);
+		let n = P(S.value + e, 0, r.value.length - 1);
 		n !== S.value && t("update:activeIndex", n);
 	}
-	function L(e) {
+	function R(e) {
 		let t = e > 0, n = e < 0;
-		return t && !F(-1) || n && !F(1) ? e * .24 : e;
+		return t && !I(-1) || n && !I(1) ? e * .24 : e;
 	}
-	function R(e) {
+	function z(e) {
 		!_.value || r.value.length === 0 || e.pointerType === "mouse" || he(e.target) || (v = e.pointerId, y = e.clientY, m.value = 0, h.value = !0, p.value?.setPointerCapture?.(e.pointerId));
 	}
-	function z(e) {
-		!_.value || !h.value || v !== e.pointerId || (m.value = L(e.clientY - y));
+	function B(e) {
+		!_.value || !h.value || v !== e.pointerId || (m.value = R(e.clientY - y));
 	}
-	function te(e) {
+	function ee(e) {
 		!_.value || v !== e.pointerId || (p.value?.releasePointerCapture?.(e.pointerId), V());
 	}
-	function B(e) {
+	function te(e) {
 		!_.value || v !== e.pointerId || (p.value?.releasePointerCapture?.(e.pointerId), H());
 	}
 	function V() {
-		Math.abs(m.value) >= A.value && (x = Date.now() + 250, I(m.value < 0 ? 1 : -1)), H();
+		Math.abs(m.value) >= j.value && (x = Date.now() + 250, L(m.value < 0 ? 1 : -1)), H();
 	}
 	function H() {
 		m.value = 0, h.value = !1, v = null;
@@ -1918,10 +1921,10 @@ function fn(e, t, n = {}) {
 		if (!_.value || r.value.length === 0 || h.value || he(e.target) || Math.abs(e.deltaY) < Math.max(Math.abs(e.deltaX), 24)) return;
 		e.preventDefault();
 		let t = Date.now();
-		t < b || (b = t + 400, I(e.deltaY > 0 ? 1 : -1));
+		t < b || (b = t + 400, L(e.deltaY > 0 ? 1 : -1));
 	}
 	function W(e) {
-		!_.value || r.value.length === 0 || me(e.target) || ((e.key === "ArrowDown" || e.key === "PageDown") && (e.preventDefault(), I(1)), (e.key === "ArrowUp" || e.key === "PageUp") && (e.preventDefault(), I(-1)));
+		!_.value || r.value.length === 0 || me(e.target) || ((e.key === "ArrowDown" || e.key === "PageDown") && (e.preventDefault(), L(1)), (e.key === "ArrowUp" || e.key === "PageUp") && (e.preventDefault(), L(-1)));
 	}
 	function ne(e, t) {
 		T.onVideoClick(e, t, x);
@@ -1980,24 +1983,24 @@ function fn(e, t, n = {}) {
 		onMediaSeekInput: K,
 		onMediaVolumeInput: q,
 		onMediaVolumeToggle: re,
-		onPointerCancel: B,
-		onPointerDown: R,
-		onPointerMove: z,
-		onPointerUp: te,
+		onPointerCancel: te,
+		onPointerDown: z,
+		onPointerMove: B,
+		onPointerUp: ee,
 		onVideoClick: ne,
 		onWheel: U,
 		registerAudioElement: T.registerAudioElement,
 		registerImageElement: T.registerImageElement,
 		registerVideoElement: T.registerVideoElement,
-		renderedItems: M,
-		renderedRange: j,
+		renderedItems: N,
+		renderedRange: M,
 		resolvedActiveIndex: S,
 		resetAssetState: T.resetAssetState,
 		retryInitialLoad: async () => {},
 		retryAsset: T.retryAsset,
 		stageRef: p,
-		statusKind: O,
-		statusMessage: k,
+		statusKind: k,
+		statusMessage: A,
 		paginationDetail: u,
 		phase: d
 	};
@@ -2056,7 +2059,7 @@ function bn(e) {
 		let { r: e, g: t, b: n } = r.value;
 		return { background: `radial-gradient(circle at center, rgba(${e},${t},${n},0.42) 0%, transparent 44%), linear-gradient(180deg,#0b0c11,#06070b)` };
 	});
-	I(() => e.showDominantImageTone.value, (e) => {
+	L(() => e.showDominantImageTone.value, (e) => {
 		e || (t.value = {});
 	});
 	function s(n, r) {
@@ -2081,16 +2084,16 @@ var xn = ["data-surface"], Sn = ["data-surface"], Cn = /* @__PURE__ */ d({
 		surface: {}
 	},
 	setup(e) {
-		let t = N();
-		return (n, r) => e.mode === "inline" ? (w(), s("div", g({ key: 0 }, M(t), {
+		let t = P();
+		return (n, r) => e.mode === "inline" ? (w(), s("div", g({ key: 0 }, N(t), {
 			"data-testid": "vibe-empty-state-inline",
 			"data-surface": e.surface,
 			class: ["pointer-events-none absolute z-[4] text-center", e.surface === "grid" ? "inset-x-0 top-[clamp(6rem,22vh,11rem)] flex justify-center px-6" : "inset-0 grid place-items-center px-[clamp(2rem,4vw,3rem)] py-[clamp(2rem,4vw,3rem)]"]
-		}), [O(n.$slots, "default", {}, () => [c("p", { class: v(["m-0 text-[0.82rem] font-medium tracking-[0.08em]", e.surface === "grid" ? "text-[#f7f1ea]/58" : "text-[#f7f1ea]/64"]) }, A(e.message), 3)])], 16, xn)) : (w(), s("div", g({ key: 1 }, M(t), { class: ["pointer-events-none absolute z-[4]", e.surface === "grid" ? "inset-x-0 bottom-0 flex justify-center px-6" : "bottom-[1.8rem] left-1/2 -translate-x-1/2 max-[720px]:bottom-[1.3rem]"] }), [O(n.$slots, "default", {}, () => [c("span", {
+		}), [k(n.$slots, "default", {}, () => [c("p", { class: v(["m-0 text-[0.82rem] font-medium tracking-[0.08em]", e.surface === "grid" ? "text-[#f7f1ea]/58" : "text-[#f7f1ea]/64"]) }, j(e.message), 3)])], 16, xn)) : (w(), s("div", g({ key: 1 }, N(t), { class: ["pointer-events-none absolute z-[4]", e.surface === "grid" ? "inset-x-0 bottom-0 flex justify-center px-6" : "bottom-[1.8rem] left-1/2 -translate-x-1/2 max-[720px]:bottom-[1.3rem]"] }), [k(n.$slots, "default", {}, () => [c("span", {
 			"data-testid": "vibe-empty-state-badge",
 			"data-surface": e.surface,
 			class: v(["inline-flex items-center border border-white/14 backdrop-blur-[18px]", e.surface === "grid" ? "bg-black/55 px-4 py-3 text-[0.82rem] font-medium tracking-[0.08em] text-[#f7f1ea]/72" : "w-auto bg-black/40 px-5 py-3 text-[0.82rem] font-medium tracking-[0.08em] text-[#f7f1ea]/74 max-[720px]:w-[calc(100%-2.5rem)] max-[720px]:justify-center"])
-		}, A(e.message), 11, Sn)])], 16));
+		}, j(e.message), 11, Sn)])], 16));
 	}
 }), wn = { class: "relative h-full min-h-0 overflow-hidden bg-[#05060a] text-[#f7f1ea]" }, Tn = {
 	key: 0,
@@ -2224,23 +2227,23 @@ var xn = ["data-surface"], Sn = ["data-surface"], Cn = /* @__PURE__ */ d({
 	},
 	emits: ["back-to-list", "update:activeIndex"],
 	setup(e, { emit: n }) {
-		let d = e, f = P(), m = n, h = fn(d, (e, t) => {
+		let d = e, f = F(), m = n, h = fn(d, (e, t) => {
 			m("update:activeIndex", t);
 		}, {
-			enabled: j(d, "active"),
+			enabled: M(d, "active"),
 			onAssetError: d.reportAssetError ?? void 0,
 			onAssetLoad: d.reportAssetLoad ?? void 0
 		}), _ = D(typeof window > "u" ? rr : window.innerWidth || rr), C = Rt({
-			active: j(d, "active"),
+			active: M(d, "active"),
 			items: h.items,
 			resolvedActiveIndex: h.resolvedActiveIndex,
 			viewer: h
-		}), T = i(() => gn(h.activeItem.value?.type ?? "image")), { activeSlideToneStyle: E, activeStageToneStyle: N, updateFromImageElement: F } = bn({
+		}), T = i(() => gn(h.activeItem.value?.type ?? "image")), { activeSlideToneStyle: E, activeStageToneStyle: P, updateFromImageElement: I } = bn({
 			activeItem: h.activeItem,
 			getItemKey: C.getItemKey,
 			isImageReady: h.isImageReady,
-			showDominantImageTone: j(d, "showDominantImageTone")
-		}), I = i(() => h.activeMediaItem.value && !h.activeAssetErrorKind.value ? "bottom-[5.8rem] max-[720px]:bottom-[7.4rem]" : "bottom-[1.8rem] max-[720px]:bottom-[1.3rem]"), L = i(() => !!h.activeMediaItem.value && !h.activeAssetErrorKind.value), z = i(() => _.value < ir ? "vertical" : "horizontal"), B = i(() => L.value ? "pb-[5.75rem] max-[720px]:pb-[7rem]" : ""), V = i(() => d.activeIndex >= d.items.length && (d.loading || d.hasNextPage)), H = i(() => d.hasNextPage ? "Loading more items" : h.statusMessage.value ?? "Loading more items"), U = i(() => {
+			showDominantImageTone: M(d, "showDominantImageTone")
+		}), L = i(() => h.activeMediaItem.value && !h.activeAssetErrorKind.value ? "bottom-[5.8rem] max-[720px]:bottom-[7.4rem]" : "bottom-[1.8rem] max-[720px]:bottom-[1.3rem]"), R = i(() => !!h.activeMediaItem.value && !h.activeAssetErrorKind.value), B = i(() => _.value < ir ? "vertical" : "horizontal"), te = i(() => R.value ? "pb-[5.75rem] max-[720px]:pb-[7rem]" : ""), V = i(() => d.activeIndex >= d.items.length && (d.loading || d.hasNextPage)), H = i(() => d.hasNextPage ? "Loading more items" : h.statusMessage.value ?? "Loading more items"), U = i(() => {
 			let e = h.activeItem.value;
 			return e ? {
 				hasNextPage: d.hasNextPage,
@@ -2257,19 +2260,19 @@ var xn = ["data-surface"], Sn = ["data-surface"], Cn = /* @__PURE__ */ d({
 		}), K = i(() => !G.value || !f["fullscreen-status"] ? [] : f["fullscreen-status"](G.value)), q = i(() => ({
 			gridTemplateColumns: Y.value ? "minmax(0, 1fr) 22rem" : "minmax(0, 1fr) 0rem",
 			transition: "grid-template-columns 320ms cubic-bezier(0.22, 1, 0.36, 1)"
-		})), re = i(() => zt(W.value)), J = i(() => zt(ne.value)), Y = i(() => J.value && _.value >= rr), ie = i(() => J.value && !Y.value), ae = i(() => zt(K.value)), { emptyStateProps: X, showBadgeEmptyState: ue, showCustomEmptyState: de, showInlineEmptyState: Z } = Ht({
-			emptyStateMode: j(d, "emptyStateMode"),
+		})), re = i(() => zt(W.value)), J = i(() => zt(ne.value)), Y = i(() => J.value && _.value >= rr), ie = i(() => J.value && !Y.value), ae = i(() => zt(K.value)), { emptyStateProps: X, showBadgeEmptyState: ue, showCustomEmptyState: de, showInlineEmptyState: fe } = Ht({
+			emptyStateMode: M(d, "emptyStateMode"),
 			itemCount: i(() => d.items.length),
-			loading: j(d, "loading"),
+			loading: M(d, "loading"),
 			renderSlot: f["empty-state"],
 			surface: "fullscreen"
 		});
 		S(() => {
-			window.addEventListener("resize", fe);
+			window.addEventListener("resize", Z);
 		}), x(() => {
-			window.removeEventListener("resize", fe);
+			window.removeEventListener("resize", Z);
 		});
-		function fe() {
+		function Z() {
 			_.value = window.innerWidth || rr;
 		}
 		function pe(e, t, n) {
@@ -2298,7 +2301,7 @@ var xn = ["data-surface"], Sn = ["data-surface"], Cn = /* @__PURE__ */ d({
 			n instanceof HTMLMediaElement && n.readyState >= r && C.settleBackgroundPreload(e);
 		}
 		function ye(e, t) {
-			F(e, t);
+			I(e, t);
 		}
 		function be(e, t) {
 			if (Q(t, e), !d.loopFullscreenVideo) return;
@@ -2313,7 +2316,7 @@ var xn = ["data-surface"], Sn = ["data-surface"], Cn = /* @__PURE__ */ d({
 		return (e, n) => (w(), s("div", wn, [
 			c("div", {
 				class: v(["absolute inset-0 transition-[background] duration-200", T.value]),
-				style: b(M(N))
+				style: b(N(P))
 			}, null, 6),
 			c("div", {
 				class: "relative z-[1] grid h-full min-h-0",
@@ -2322,170 +2325,170 @@ var xn = ["data-surface"], Sn = ["data-surface"], Cn = /* @__PURE__ */ d({
 				ref: "viewer.stageRef",
 				"data-testid": "vibe-stage",
 				class: "relative h-full min-h-0 touch-none overflow-hidden",
-				onPointerdown: n[1] ||= (...e) => M(h).onPointerDown && M(h).onPointerDown(...e),
-				onPointermove: n[2] ||= (...e) => M(h).onPointerMove && M(h).onPointerMove(...e),
-				onPointerup: n[3] ||= (...e) => M(h).onPointerUp && M(h).onPointerUp(...e),
-				onPointercancel: n[4] ||= (...e) => M(h).onPointerCancel && M(h).onPointerCancel(...e),
-				onWheel: n[5] ||= (...e) => M(h).onWheel && M(h).onWheel(...e)
-			}, [M(h).activeItem.value ? (w(), s("div", Tn, [
-				(w(!0), s(t, null, ee(M(h).renderedItems.value, ({ item: r, index: i }) => (w(), s("article", {
-					key: M(C).getItemKey(r),
+				onPointerdown: n[1] ||= (...e) => N(h).onPointerDown && N(h).onPointerDown(...e),
+				onPointermove: n[2] ||= (...e) => N(h).onPointerMove && N(h).onPointerMove(...e),
+				onPointerup: n[3] ||= (...e) => N(h).onPointerUp && N(h).onPointerUp(...e),
+				onPointercancel: n[4] ||= (...e) => N(h).onPointerCancel && N(h).onPointerCancel(...e),
+				onWheel: n[5] ||= (...e) => N(h).onWheel && N(h).onWheel(...e)
+			}, [N(h).activeItem.value ? (w(), s("div", Tn, [
+				(w(!0), s(t, null, O(N(h).renderedItems.value, ({ item: r, index: i }) => (w(), s("article", {
+					key: N(C).getItemKey(r),
 					"data-testid": "vibe-slide",
 					"data-item-id": r.id,
-					"data-occurrence-key": M(C).getItemKey(r),
+					"data-occurrence-key": N(C).getItemKey(r),
 					"data-index": i,
-					"data-active": i === M(h).resolvedActiveIndex.value,
-					"aria-hidden": i === M(h).resolvedActiveIndex.value ? "false" : "true",
-					class: v(["absolute inset-0 flex h-full min-h-full items-center justify-center will-change-transform", i === M(h).resolvedActiveIndex.value ? "pointer-events-auto" : "pointer-events-none"]),
-					style: b(M(h).getSlideStyle(i))
+					"data-active": i === N(h).resolvedActiveIndex.value,
+					"aria-hidden": i === N(h).resolvedActiveIndex.value ? "false" : "true",
+					class: v(["absolute inset-0 flex h-full min-h-full items-center justify-center will-change-transform", i === N(h).resolvedActiveIndex.value ? "pointer-events-auto" : "pointer-events-none"]),
+					style: b(N(h).getSlideStyle(i))
 				}, [c("div", {
-					class: v(["absolute inset-0 opacity-85", M(_n)(r.type)]),
-					style: b(i === M(h).resolvedActiveIndex.value && r.type === "image" ? M(E) : void 0)
-				}, null, 6), M(h).isVisual(r) ? (w(), s("div", {
+					class: v(["absolute inset-0 opacity-85", N(_n)(r.type)]),
+					style: b(i === N(h).resolvedActiveIndex.value && r.type === "image" ? N(E) : void 0)
+				}, null, 6), N(h).isVisual(r) ? (w(), s("div", {
 					key: 0,
-					class: v(["relative z-[1] flex h-full w-full items-center justify-center overflow-hidden", i === M(h).resolvedActiveIndex.value ? B.value : ""])
-				}, [M(C).isAssetLoading(i, r) ? (w(), s("div", Dn, [c("span", On, [u(M(oe), {
+					class: v(["relative z-[1] flex h-full w-full items-center justify-center overflow-hidden", i === N(h).resolvedActiveIndex.value ? te.value : ""])
+				}, [N(C).isAssetLoading(i, r) ? (w(), s("div", Dn, [c("span", On, [u(N(oe), {
 					class: "h-5 w-5 animate-spin stroke-[1.9] text-[#f7f1ea]/78",
 					"aria-hidden": "true"
-				})])])) : o("", !0), M(C).isAssetErrored(i, r) ? (w(), s("div", {
+				})])])) : o("", !0), N(C).isAssetErrored(i, r) ? (w(), s("div", {
 					key: 1,
 					"data-testid": "vibe-asset-error",
-					"data-kind": M(C).getAssetErrorKind(r),
+					"data-kind": N(C).getAssetErrorKind(r),
 					class: "grid h-full w-full place-items-center"
 				}, [c("div", An, [
-					u(M(le), {
+					u(N(le), {
 						class: "h-7 w-7 stroke-[1.9] text-[#f7f1ea]/72",
 						"aria-hidden": "true"
 					}),
-					c("p", jn, A(M(C).getAssetErrorLabel(r)), 1),
-					M(h).canRetryAsset(M(C).getItemKey(r)) ? (w(), s("button", {
+					c("p", jn, j(N(C).getAssetErrorLabel(r)), 1),
+					N(h).canRetryAsset(N(C).getItemKey(r)) ? (w(), s("button", {
 						key: 0,
 						type: "button",
 						class: "inline-flex items-center justify-center border border-white/14 bg-black/35 px-4 py-2 text-[0.64rem] font-bold uppercase tracking-[0.22em] text-[#f7f1ea]/82 backdrop-blur-[18px] transition hover:border-white/28 hover:bg-black/50",
-						onClick: te((e) => M(h).retryAsset(M(C).getItemKey(r)), ["stop"])
+						onClick: ee((e) => N(h).retryAsset(N(C).getItemKey(r)), ["stop"])
 					}, " Retry ", 8, Mn)) : o("", !0)
 				])], 8, kn)) : r.type === "image" ? (w(), s("img", {
-					key: M(h).getAssetRenderKey(M(C).getItemKey(r)),
-					src: M(C).getFullscreenImageSource(i, r),
+					key: N(h).getAssetRenderKey(N(C).getItemKey(r)),
+					src: N(C).getFullscreenImageSource(i, r),
 					alt: r.title ?? "",
 					crossorigin: "anonymous",
 					draggable: "false",
-					class: v(["block h-auto max-h-full w-auto max-w-full object-contain shadow-[0_40px_120px_-60px_rgba(0,0,0,0.9)] transition-opacity duration-300", M(h).isImageReady(M(C).getItemKey(r)) ? "opacity-100" : "opacity-0"]),
+					class: v(["block h-auto max-h-full w-auto max-w-full object-contain shadow-[0_40px_120px_-60px_rgba(0,0,0,0.9)] transition-opacity duration-300", N(h).isImageReady(N(C).getItemKey(r)) ? "opacity-100" : "opacity-0"]),
 					ref_for: !0,
-					ref: (e) => he(M(C).getItemKey(r), e),
-					onLoad: (e) => pe(e, M(C).getItemKey(r), r.url),
-					onError: (e) => me(M(C).getItemKey(r), r.url)
+					ref: (e) => he(N(C).getItemKey(r), e),
+					onLoad: (e) => pe(e, N(C).getItemKey(r), r.url),
+					onError: (e) => me(N(C).getItemKey(r), r.url)
 				}, null, 42, Nn)) : (w(), s("video", {
-					key: M(h).getAssetRenderKey(M(C).getItemKey(r)),
-					class: v(["block h-auto max-h-full w-auto max-w-full cursor-pointer object-contain shadow-[0_40px_120px_-60px_rgba(0,0,0,0.9)] transition-opacity duration-300", M(h).isMediaReady(M(C).getItemKey(r)) ? "opacity-100" : "opacity-0"]),
+					key: N(h).getAssetRenderKey(N(C).getItemKey(r)),
+					class: v(["block h-auto max-h-full w-auto max-w-full cursor-pointer object-contain shadow-[0_40px_120px_-60px_rgba(0,0,0,0.9)] transition-opacity duration-300", N(h).isMediaReady(N(C).getItemKey(r)) ? "opacity-100" : "opacity-0"]),
 					playsinline: "",
 					loop: d.loopFullscreenVideo,
-					src: M(C).getFullscreenMediaSource(i, r),
-					preload: M(C).getFullscreenMediaPreload(i),
+					src: N(C).getFullscreenMediaSource(i, r),
+					preload: N(C).getFullscreenMediaPreload(i),
 					ref_for: !0,
-					ref: (e) => ge(M(C).getItemKey(r), e),
-					onClick: te((e) => M(h).onVideoClick(e, M(C).getItemKey(r)), ["stop"]),
-					onCanplay: (e) => Q(M(C).getItemKey(r), e),
-					onDurationchange: (e) => Q(M(C).getItemKey(r), e),
-					onEnded: (e) => be(e, M(C).getItemKey(r)),
-					onError: (e) => ve(M(C).getItemKey(r), r.url),
-					onLoadstart: (e) => Q(M(C).getItemKey(r), e),
-					onLoadedmetadata: (e) => Q(M(C).getItemKey(r), e),
-					onPause: (e) => Q(M(C).getItemKey(r), e),
-					onPlay: (e) => Q(M(C).getItemKey(r), e),
-					onPlaying: (e) => Q(M(C).getItemKey(r), e),
-					onSeeking: (e) => Q(M(C).getItemKey(r), e),
-					onSeeked: (e) => Q(M(C).getItemKey(r), e),
-					onStalled: (e) => Q(M(C).getItemKey(r), e),
-					onTimeupdate: (e) => Q(M(C).getItemKey(r), e),
-					onWaiting: (e) => Q(M(C).getItemKey(r), e)
-				}, null, 42, Pn))], 2)) : M(h).isAudio(r) ? (w(), s("div", {
+					ref: (e) => ge(N(C).getItemKey(r), e),
+					onClick: ee((e) => N(h).onVideoClick(e, N(C).getItemKey(r)), ["stop"]),
+					onCanplay: (e) => Q(N(C).getItemKey(r), e),
+					onDurationchange: (e) => Q(N(C).getItemKey(r), e),
+					onEnded: (e) => be(e, N(C).getItemKey(r)),
+					onError: (e) => ve(N(C).getItemKey(r), r.url),
+					onLoadstart: (e) => Q(N(C).getItemKey(r), e),
+					onLoadedmetadata: (e) => Q(N(C).getItemKey(r), e),
+					onPause: (e) => Q(N(C).getItemKey(r), e),
+					onPlay: (e) => Q(N(C).getItemKey(r), e),
+					onPlaying: (e) => Q(N(C).getItemKey(r), e),
+					onSeeking: (e) => Q(N(C).getItemKey(r), e),
+					onSeeked: (e) => Q(N(C).getItemKey(r), e),
+					onStalled: (e) => Q(N(C).getItemKey(r), e),
+					onTimeupdate: (e) => Q(N(C).getItemKey(r), e),
+					onWaiting: (e) => Q(N(C).getItemKey(r), e)
+				}, null, 42, Pn))], 2)) : N(h).isAudio(r) ? (w(), s("div", {
 					key: 1,
-					class: v(["relative z-[1] grid w-full max-w-[1100px] justify-items-center gap-6 px-[clamp(2rem,4vw,3rem)] py-[clamp(2rem,4vw,3rem)] text-center", i === M(h).resolvedActiveIndex.value ? B.value : ""])
+					class: v(["relative z-[1] grid w-full max-w-[1100px] justify-items-center gap-6 px-[clamp(2rem,4vw,3rem)] py-[clamp(2rem,4vw,3rem)] text-center", i === N(h).resolvedActiveIndex.value ? te.value : ""])
 				}, [c("div", Fn, [
 					c("button", {
 						type: "button",
 						class: "relative grid h-full w-full place-items-center border border-white/12 bg-[linear-gradient(180deg,rgba(255,255,255,0.04),rgba(255,255,255,0.02)),radial-gradient(circle_at_center,rgba(16,185,129,0.14),transparent_58%)] text-[#f7f1ea] transition-[border-color,background] duration-200 hover:border-white/30 hover:bg-[linear-gradient(180deg,rgba(255,255,255,0.07),rgba(255,255,255,0.03)),radial-gradient(circle_at_center,rgba(16,185,129,0.18),transparent_58%)] focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-[#f7f1ea]",
-						"aria-label": M(h).mediaStates.value[M(C).getItemKey(r)]?.paused ?? !0 ? M(C).getMediaActionLabel("Play", r) : M(C).getMediaActionLabel("Pause", r),
-						disabled: !!M(C).getAssetErrorKind(r),
-						onClick: (e) => M(h).onAudioCoverClick(e, M(C).getItemKey(r))
+						"aria-label": N(h).mediaStates.value[N(C).getItemKey(r)]?.paused ?? !0 ? N(C).getMediaActionLabel("Play", r) : N(C).getMediaActionLabel("Pause", r),
+						disabled: !!N(C).getAssetErrorKind(r),
+						onClick: (e) => N(h).onAudioCoverClick(e, N(C).getItemKey(r))
 					}, [
 						n[6] ||= c("span", { class: "pointer-events-none absolute inset-0 border border-white/8 bg-[radial-gradient(circle,rgba(16,185,129,0.16),transparent_66%)]" }, null, -1),
 						n[7] ||= c("span", { class: "pointer-events-none absolute h-[clamp(220px,30vw,360px)] w-[clamp(220px,30vw,360px)] border border-white/8 bg-[radial-gradient(circle,rgba(255,255,255,0.08),transparent_62%)]" }, null, -1),
-						c("span", Ln, [O(e.$slots, "item-icon", {
-							icon: M(Tt)(r.type),
+						c("span", Ln, [k(e.$slots, "item-icon", {
+							icon: N(Tt)(r.type),
 							item: r
-						}, () => [(w(), a(k(M(Tt)(r.type)), {
+						}, () => [(w(), a(A(N(Tt)(r.type)), {
 							class: "h-6 w-6 stroke-[1.9]",
 							"aria-hidden": "true"
 						}))])]),
-						c("span", Rn, [(w(), a(k(M(h).mediaStates.value[M(C).getItemKey(r)]?.paused ?? !0 ? M(ce) : M(se)), {
+						c("span", Rn, [(w(), a(A(N(h).mediaStates.value[N(C).getItemKey(r)]?.paused ?? !0 ? N(ce) : N(se)), {
 							class: "h-4 w-4 stroke-2",
 							"aria-hidden": "true"
 						}))])
 					], 8, In),
-					M(C).isAssetLoading(i, r) ? (w(), s("div", zn, [c("span", Bn, [u(M(oe), {
+					N(C).isAssetLoading(i, r) ? (w(), s("div", zn, [c("span", Bn, [u(N(oe), {
 						class: "h-5 w-5 animate-spin stroke-[1.9] text-[#f7f1ea]/78",
 						"aria-hidden": "true"
 					})])])) : o("", !0),
-					M(C).getAssetErrorKind(r) ? (w(), s(t, { key: 1 }, [n[8] ||= c("div", { class: "pointer-events-none absolute inset-0 border border-white/8 bg-[radial-gradient(circle,rgba(239,68,68,0.12),transparent_66%)]" }, null, -1), c("div", {
+					N(C).getAssetErrorKind(r) ? (w(), s(t, { key: 1 }, [n[8] ||= c("div", { class: "pointer-events-none absolute inset-0 border border-white/8 bg-[radial-gradient(circle,rgba(239,68,68,0.12),transparent_66%)]" }, null, -1), c("div", {
 						"data-testid": "vibe-asset-error",
-						"data-kind": M(C).getAssetErrorKind(r),
+						"data-kind": N(C).getAssetErrorKind(r),
 						class: "relative z-[1] grid justify-items-center gap-4"
 					}, [
-						u(M(le), {
+						u(N(le), {
 							class: "h-7 w-7 stroke-[1.9] text-[#f7f1ea]/72",
 							"aria-hidden": "true"
 						}),
-						c("p", Hn, A(M(C).getAssetErrorLabel(r)), 1),
-						M(h).canRetryAsset(M(C).getItemKey(r)) ? (w(), s("button", {
+						c("p", Hn, j(N(C).getAssetErrorLabel(r)), 1),
+						N(h).canRetryAsset(N(C).getItemKey(r)) ? (w(), s("button", {
 							key: 0,
 							type: "button",
 							class: "pointer-events-auto inline-flex items-center justify-center border border-white/14 bg-black/35 px-4 py-2 text-[0.64rem] font-bold uppercase tracking-[0.22em] text-[#f7f1ea]/82 backdrop-blur-[18px] transition hover:border-white/28 hover:bg-black/50",
-							onClick: te((e) => M(h).retryAsset(M(C).getItemKey(r)), ["stop"])
+							onClick: ee((e) => N(h).retryAsset(N(C).getItemKey(r)), ["stop"])
 						}, " Retry ", 8, Un)) : o("", !0)
 					], 8, Vn)], 64)) : o("", !0)
 				]), (w(), s("audio", {
-					key: M(h).getAssetRenderKey(M(C).getItemKey(r)),
-					src: M(C).getFullscreenMediaSource(i, r),
-					preload: M(C).getFullscreenMediaPreload(i),
+					key: N(h).getAssetRenderKey(N(C).getItemKey(r)),
+					src: N(C).getFullscreenMediaSource(i, r),
+					preload: N(C).getFullscreenMediaPreload(i),
 					class: "pointer-events-none absolute h-px w-px opacity-0",
 					ref_for: !0,
-					ref: (e) => _e(M(C).getItemKey(r), e),
-					onCanplay: (e) => Q(M(C).getItemKey(r), e),
-					onDurationchange: (e) => Q(M(C).getItemKey(r), e),
-					onError: (e) => ve(M(C).getItemKey(r), r.url),
-					onLoadstart: (e) => Q(M(C).getItemKey(r), e),
-					onLoadedmetadata: (e) => Q(M(C).getItemKey(r), e),
-					onPause: (e) => Q(M(C).getItemKey(r), e),
-					onPlay: (e) => Q(M(C).getItemKey(r), e),
-					onPlaying: (e) => Q(M(C).getItemKey(r), e),
-					onSeeking: (e) => Q(M(C).getItemKey(r), e),
-					onSeeked: (e) => Q(M(C).getItemKey(r), e),
-					onStalled: (e) => Q(M(C).getItemKey(r), e),
-					onTimeupdate: (e) => Q(M(C).getItemKey(r), e),
-					onWaiting: (e) => Q(M(C).getItemKey(r), e)
-				}, null, 40, Wn))], 2)) : (w(), s("div", Gn, [c("div", Kn, [O(e.$slots, "item-icon", {
-					icon: M(Tt)(r.type),
+					ref: (e) => _e(N(C).getItemKey(r), e),
+					onCanplay: (e) => Q(N(C).getItemKey(r), e),
+					onDurationchange: (e) => Q(N(C).getItemKey(r), e),
+					onError: (e) => ve(N(C).getItemKey(r), r.url),
+					onLoadstart: (e) => Q(N(C).getItemKey(r), e),
+					onLoadedmetadata: (e) => Q(N(C).getItemKey(r), e),
+					onPause: (e) => Q(N(C).getItemKey(r), e),
+					onPlay: (e) => Q(N(C).getItemKey(r), e),
+					onPlaying: (e) => Q(N(C).getItemKey(r), e),
+					onSeeking: (e) => Q(N(C).getItemKey(r), e),
+					onSeeked: (e) => Q(N(C).getItemKey(r), e),
+					onStalled: (e) => Q(N(C).getItemKey(r), e),
+					onTimeupdate: (e) => Q(N(C).getItemKey(r), e),
+					onWaiting: (e) => Q(N(C).getItemKey(r), e)
+				}, null, 40, Wn))], 2)) : (w(), s("div", Gn, [c("div", Kn, [k(e.$slots, "item-icon", {
+					icon: N(Tt)(r.type),
 					item: r
-				}, () => [(w(), a(k(M(Tt)(r.type)), {
+				}, () => [(w(), a(A(N(Tt)(r.type)), {
 					class: "h-6 w-6 stroke-[1.9]",
 					"aria-hidden": "true"
 				}))])])]))], 14, En))), 128)),
-				U.value && f["fullscreen-overlay"] ? (w(), s("div", qn, [c("div", Jn, [O(e.$slots, "fullscreen-overlay", y(p(U.value)))])])) : o("", !0),
-				M(h).activeItem.value ? (w(), a(St, {
+				U.value && f["fullscreen-overlay"] ? (w(), s("div", qn, [c("div", Jn, [k(e.$slots, "fullscreen-overlay", y(p(U.value)))])])) : o("", !0),
+				N(h).activeItem.value ? (w(), a(St, {
 					key: 1,
-					"current-index": M(h).resolvedActiveIndex.value,
+					"current-index": N(h).resolvedActiveIndex.value,
 					loading: d.loading,
-					"pagination-detail": M(h).paginationDetail.value,
+					"pagination-detail": N(h).paginationDetail.value,
 					"show-back-to-list": d.showBackToList,
-					"show-end-badge": d.showEndBadge && M(h).isAtEnd.value && !M(h).hasNextPage.value && !M(h).loading.value,
-					title: M(h).activeItem.value.title ?? null,
-					total: M(h).items.value.length,
+					"show-end-badge": d.showEndBadge && N(h).isAtEnd.value && !N(h).hasNextPage.value && !N(h).loading.value,
+					title: N(h).activeItem.value.title ?? null,
+					total: N(h).items.value.length,
 					onBackToList: n[0] ||= (e) => m("back-to-list")
 				}, l({ _: 2 }, [re.value && U.value ? {
 					name: "actions",
-					fn: R(() => [O(e.$slots, "fullscreen-header-actions", y(p(U.value)))]),
+					fn: z(() => [k(e.$slots, "fullscreen-header-actions", y(p(U.value)))]),
 					key: "0"
 				} : void 0]), 1032, [
 					"current-index",
@@ -2496,19 +2499,19 @@ var xn = ["data-surface"], Sn = ["data-surface"], Cn = /* @__PURE__ */ d({
 					"title",
 					"total"
 				])) : o("", !0),
-				L.value ? (w(), a(dt, {
+				R.value ? (w(), a(dt, {
 					key: 2,
-					"current-time": M(h).activeMediaState.value.currentTime,
-					"current-time-label": M(h).formatPlaybackTime(M(h).activeMediaState.value.currentTime),
-					duration: M(h).activeMediaDuration.value,
-					"duration-label": M(h).formatPlaybackTime(M(h).activeMediaDuration.value),
-					muted: M(h).activeMediaState.value.muted,
-					progress: M(h).activeMediaProgress.value,
-					volume: M(h).activeMediaState.value.volume,
-					"volume-control-layout": z.value,
-					onSeekInput: M(h).onMediaSeekInput,
-					onVolumeInput: M(h).onMediaVolumeInput,
-					onVolumeToggle: M(h).onMediaVolumeToggle
+					"current-time": N(h).activeMediaState.value.currentTime,
+					"current-time-label": N(h).formatPlaybackTime(N(h).activeMediaState.value.currentTime),
+					duration: N(h).activeMediaDuration.value,
+					"duration-label": N(h).formatPlaybackTime(N(h).activeMediaDuration.value),
+					muted: N(h).activeMediaState.value.muted,
+					progress: N(h).activeMediaProgress.value,
+					volume: N(h).activeMediaState.value.volume,
+					"volume-control-layout": B.value,
+					onSeekInput: N(h).onMediaSeekInput,
+					onVolumeInput: N(h).onMediaVolumeInput,
+					onVolumeToggle: N(h).onMediaVolumeToggle
 				}, null, 8, [
 					"current-time",
 					"current-time-label",
@@ -2524,34 +2527,34 @@ var xn = ["data-surface"], Sn = ["data-surface"], Cn = /* @__PURE__ */ d({
 				])) : o("", !0),
 				G.value ? (w(), s("div", {
 					key: 3,
-					class: v(["absolute left-1/2 z-[4] -translate-x-1/2", I.value])
-				}, [ae.value ? O(e.$slots, "fullscreen-status", y(g({ key: 0 }, G.value))) : (w(), s("div", {
+					class: v(["absolute left-1/2 z-[4] -translate-x-1/2", L.value])
+				}, [ae.value ? k(e.$slots, "fullscreen-status", y(g({ key: 0 }, G.value))) : (w(), s("div", {
 					key: 1,
 					"data-testid": "vibe-fullscreen-status-badge",
 					class: v(["inline-flex w-auto items-center border border-white/14 bg-black/40 px-5 py-3 text-[0.75rem] font-bold uppercase tracking-[0.18em] text-[#f7f1ea]/74 backdrop-blur-[18px] max-[720px]:w-[calc(100%-2.5rem)] max-[720px]:justify-center", G.value.kind === "end" ? "border-amber-300/35 text-amber-200" : G.value.kind === "failed" ? "border-rose-400/45 text-rose-100" : ""])
-				}, A(G.value.message), 3))], 2)) : o("", !0)
-			])) : V.value ? (w(), s("div", Yn, [c("div", Xn, [c("span", Zn, [u(M(oe), {
+				}, j(G.value.message), 3))], 2)) : o("", !0)
+			])) : V.value ? (w(), s("div", Yn, [c("div", Xn, [c("span", Zn, [u(N(oe), {
 				class: "h-5 w-5 animate-spin stroke-[1.9] text-[#f7f1ea]/78",
 				"aria-hidden": "true"
-			})]), c("p", Qn, A(H.value), 1)])])) : M(Z) && M(X) ? (w(), a(Cn, {
+			})]), c("p", Qn, j(H.value), 1)])])) : N(fe) && N(X) ? (w(), a(Cn, {
 				key: 2,
-				message: M(X).message,
-				mode: M(X).mode,
-				surface: M(X).surface
+				message: N(X).message,
+				mode: N(X).mode,
+				surface: N(X).surface
 			}, {
-				default: R(() => [M(de) ? O(e.$slots, "empty-state", y(g({ key: 0 }, M(X)))) : o("", !0)]),
+				default: z(() => [N(de) ? k(e.$slots, "empty-state", y(g({ key: 0 }, N(X)))) : o("", !0)]),
 				_: 3
 			}, 8, [
 				"message",
 				"mode",
 				"surface"
-			])) : o("", !0), M(ue) && M(X) ? (w(), a(Cn, {
+			])) : o("", !0), N(ue) && N(X) ? (w(), a(Cn, {
 				key: 3,
-				message: M(X).message,
-				mode: M(X).mode,
-				surface: M(X).surface
+				message: N(X).message,
+				mode: N(X).mode,
+				surface: N(X).surface
 			}, {
-				default: R(() => [M(de) ? O(e.$slots, "empty-state", y(g({ key: 0 }, M(X)))) : o("", !0)]),
+				default: z(() => [N(de) ? k(e.$slots, "empty-state", y(g({ key: 0 }, N(X)))) : o("", !0)]),
 				_: 3
 			}, 8, [
 				"message",
@@ -2565,7 +2568,7 @@ var xn = ["data-surface"], Sn = ["data-surface"], Cn = /* @__PURE__ */ d({
 				"leave-from-class": "translate-x-0 opacity-100",
 				"leave-to-class": "translate-x-full opacity-0"
 			}, {
-				default: R(() => [Y.value && U.value ? (w(), s("aside", $n, [c("div", er, [O(e.$slots, "fullscreen-aside", y(p(U.value)))])])) : o("", !0)]),
+				default: z(() => [Y.value && U.value ? (w(), s("aside", $n, [c("div", er, [k(e.$slots, "fullscreen-aside", y(p(U.value)))])])) : o("", !0)]),
 				_: 3
 			})], 4),
 			u(r, {
@@ -2576,7 +2579,7 @@ var xn = ["data-surface"], Sn = ["data-surface"], Cn = /* @__PURE__ */ d({
 				"leave-from-class": "translate-x-0 opacity-100",
 				"leave-to-class": "translate-x-full opacity-0"
 			}, {
-				default: R(() => [ie.value && U.value ? (w(), s("aside", tr, [c("div", nr, [O(e.$slots, "fullscreen-aside", y(p(U.value)))])])) : o("", !0)]),
+				default: z(() => [ie.value && U.value ? (w(), s("aside", tr, [c("div", nr, [k(e.$slots, "fullscreen-aside", y(p(U.value)))])])) : o("", !0)]),
 				_: 3
 			})
 		]));
@@ -2699,7 +2702,7 @@ function Tr(e) {
 }
 function Er(e) {
 	let t = D(/* @__PURE__ */ new Set()), n = D(/* @__PURE__ */ new Set()), r = D(/* @__PURE__ */ new Map()), a = D(/* @__PURE__ */ new Map()), o = D(/* @__PURE__ */ new Map()), s = D(/* @__PURE__ */ new Set()), c = D(/* @__PURE__ */ new Map()), l = D(/* @__PURE__ */ new Map()), u = D(/* @__PURE__ */ new Set()), d = /* @__PURE__ */ new Set(), f = /* @__PURE__ */ new Set(), p = i(() => Array.from(o.value.values()));
-	I(e.visibleIndices, (i) => {
+	L(e.visibleIndices, (i) => {
 		if (!i.length) return;
 		let o = [];
 		for (let n of i) {
@@ -2722,7 +2725,7 @@ function Er(e) {
 				n.value = e, r.value = t, a.value = i;
 			}, Cr(o.length));
 		});
-	}, { flush: "post" }), I(() => e.items.value.map((e) => $(e)), (e) => {
+	}, { flush: "post" }), L(() => e.items.value.map((e) => $(e)), (e) => {
 		if (!e.length || !o.value.size) return;
 		let t = new Set(e), n = null, r = null;
 		for (let e of o.value.keys()) t.has(e) && (n ||= new Map(o.value), r ||= new Set(s.value), n.delete(e), r.delete(e));
@@ -2972,21 +2975,21 @@ function Yr(e) {
 		progressDistancePx: n.value,
 		thresholdPx: Vr,
 		triggerEnabled: w.value
-	})), E = i(() => e.items.value.length > 0 ? `${v.value + 1} / ${e.items.value.length}` : "0 / 0"), ee = i(() => Zr({
+	})), E = i(() => e.items.value.length > 0 ? `${v.value + 1} / ${e.items.value.length}` : "0 / 0"), O = i(() => Zr({
 		active: e.active.value,
 		maxScrollTop: se(),
 		progressDistancePx: n.value,
 		thresholdPx: Hr,
 		triggerEnabled: e.hasPreviousPage.value
-	})), O = i(() => Math.max(0, r.value - Gr * 2)), k = i(() => C.value > r.value + 1 && O.value > 0), A = i(() => {
-		if (!k.value) return 0;
-		let e = r.value / C.value * O.value;
-		return Math.min(O.value, Math.max(Kr, e));
-	}), j = i(() => {
-		if (!k.value) return Gr;
+	})), k = i(() => Math.max(0, r.value - Gr * 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(Kr, e));
+	}), M = i(() => {
+		if (!A.value) return Gr;
 		let e = Math.max(0, C.value - r.value);
-		return Gr + Math.max(0, O.value - A.value) * (e > 0 ? Xr(n.value / e, 0, 1) : 0);
-	}), M = Er({
+		return Gr + Math.max(0, k.value - j.value) * (e > 0 ? Xr(n.value / e, 0, 1) : 0);
+	}), N = Er({
 		items: e.items,
 		visibleIndices: y,
 		positions: o,
@@ -2995,7 +2998,7 @@ function Yr(e) {
 		columnWidth: g,
 		scrollTop: n,
 		viewportHeight: r
-	}), N = Fr({
+	}), P = Fr({
 		direction: "top",
 		getAnimationLockMs(e) {
 			return Math.max(qr, Cr(e)) + Jr;
@@ -3007,7 +3010,7 @@ function Yr(e) {
 		},
 		loading: e.loading,
 		requestPage: e.requestPreviousPage
-	}), P = Fr({
+	}), F = Fr({
 		direction: "bottom",
 		getAnimationLockMs(e) {
 			return Cr(e) + Jr;
@@ -3019,8 +3022,8 @@ function Yr(e) {
 		},
 		loading: e.loading,
 		requestPage: e.requestNextPage
-	}), F = null, L = 0, R = null, z = null, te = !1;
-	I([
+	}), I = null, R = 0, z = null, B = null, ee = !1;
+	L([
 		() => e.items.value,
 		h,
 		g
@@ -3035,15 +3038,15 @@ function Yr(e) {
 				position: n
 			}];
 		}), h = i.length > s.length && s.length > 0 && i[0] !== s[0], g = t.length === 0 && a.length > 0 && m.length > 0 && n.value > 0, y = m.length > 0 && n.value > Lr + Rr, b = h && n.value > Lr + Rr ? t[v.value] : null, x = b ? $(b) : null;
-		y && K(wr() + Jr), g && G(), B(), m.length > 0 && M.markLeave(m), p.length > 0 && (M.markEnter(p, h ? "top" : "bottom"), h ? N.onItemsMutated(p.length) : P.onItemsMutated(p.length)), M.playFlipMoveAnimation(c, new Set(p.map((e) => $(e))), h ? qr : void 0), x ? (await _(), ne(x, c)) : e.active.value && s.length > 0 && re();
-	}, { immediate: !0 }), I([
+		y && K(wr() + Jr), g && G(), te(), m.length > 0 && N.markLeave(m), p.length > 0 && (N.markEnter(p, h ? "top" : "bottom"), h ? P.onItemsMutated(p.length) : F.onItemsMutated(p.length)), N.playFlipMoveAnimation(c, new Set(p.map((e) => $(e))), h ? qr : void 0), x ? (await _(), ne(x, c)) : e.active.value && s.length > 0 && re();
+	}, { immediate: !0 }), L([
 		() => e.pendingAppendItems.value.map((e) => $(e)),
 		h,
 		g,
 		r
 	], ([t]) => {
 		de(), t.length && (d.value = le([...e.items.value, ...e.pendingAppendItems.value]), ue());
-	}, { immediate: !0 }), I(() => e.active.value, async (e, i) => {
+	}, { immediate: !0 }), L(() => e.active.value, async (e, i) => {
 		let a = t.value;
 		if (!a) return;
 		if (!e) {
@@ -3053,17 +3056,17 @@ function Yr(e) {
 		if (i !== !1 || f.value == null) return;
 		await _();
 		let o = Math.max(0, C.value - r.value), s = Xr(f.value, 0, o);
-		a.scrollTop = s, n.value = s, N.syncBoundary(), P.syncBoundary();
-	}), I(() => e.loading.value, async (t) => {
-		!t && !e.pendingAppendItems.value.length && !R && !te && (d.value = null), N.onLoadingChange(t), P.onLoadingChange(t), await _();
+		a.scrollTop = s, n.value = s, P.syncBoundary(), F.syncBoundary();
+	}), L(() => e.loading.value, async (t) => {
+		!t && !e.pendingAppendItems.value.length && !z && !ee && (d.value = null), P.onLoadingChange(t), F.onLoadingChange(t), await _();
 	}), S(async () => {
-		Y(), await _(), v.value > 0 ? W(v.value, "center") : q(), N.syncBoundary(), P.syncBoundary(), typeof ResizeObserver < "u" ? (F = new ResizeObserver(() => {
+		Y(), await _(), v.value > 0 ? W(v.value, "center") : q(), P.syncBoundary(), F.syncBoundary(), typeof ResizeObserver < "u" ? (I = new ResizeObserver(() => {
 			Y();
-		}), t.value && F.observe(t.value)) : window.addEventListener("resize", Y);
+		}), t.value && I.observe(t.value)) : window.addEventListener("resize", Y);
 	}), x(() => {
-		F?.disconnect(), F = null, window.removeEventListener("resize", Y), de(), Z(), L &&= (cancelAnimationFrame(L), 0);
+		I?.disconnect(), I = null, window.removeEventListener("resize", Y), de(), fe(), R &&= (cancelAnimationFrame(R), 0);
 	});
-	function B() {
+	function te() {
 		let t = fr(e.items.value, {
 			columnCount: h.value,
 			columnWidth: g.value,
@@ -3077,21 +3080,21 @@ function Yr(e) {
 		})), s.value = t.heights, c.value = t.buckets, l.value = t.contentHeight, u.value = t.indexById;
 	}
 	function V() {
-		e.active.value && (n.value = t.value?.scrollTop ?? 0, r.value = ie(), N.syncBoundary(), P.syncBoundary(), J(), !re() && (L ||= requestAnimationFrame(() => {
-			L = 0, q();
+		e.active.value && (n.value = t.value?.scrollTop ?? 0, r.value = ie(), P.syncBoundary(), F.syncBoundary(), J(), !re() && (R ||= requestAnimationFrame(() => {
+			R = 0, q();
 		})));
 	}
 	function H(t) {
-		e.active.value && (N.onWheel(t), P.onWheel(t), J());
+		e.active.value && (P.onWheel(t), F.onWheel(t), J());
 	}
 	function U(t) {
 		let n = e.items.value[t], r = n ? $(n) : "";
 		return {
 			height: `${s.value[t] ?? g.value}px`,
 			width: `${g.value}px`,
-			transition: r ? M.getCardTransition(r) : void 0,
-			transitionDelay: r ? M.getCardTransitionDelay(r) : void 0,
-			transform: M.getCardTransform(t)
+			transition: r ? N.getCardTransition(r) : void 0,
+			transitionDelay: r ? N.getCardTransitionDelay(r) : void 0,
+			transform: N.getCardTransform(t)
 		};
 	}
 	function W(e, i) {
@@ -3112,11 +3115,11 @@ function Yr(e) {
 			n.value = 0;
 			return;
 		}
-		e.scrollTop = 0, n.value = 0, N.syncBoundary(), P.syncBoundary();
+		e.scrollTop = 0, n.value = 0, P.syncBoundary(), F.syncBoundary();
 	}
 	function K(e) {
-		Z(), p.value = !0, z = setTimeout(() => {
-			z = null, p.value = !1;
+		fe(), p.value = !0, B = setTimeout(() => {
+			B = null, p.value = !1;
 		}, Math.max(0, e));
 	}
 	function q() {
@@ -3135,7 +3138,7 @@ function Yr(e) {
 		return t ? (e.setActiveIndex(0), !0) : r ? (e.setActiveIndex(Math.max(0, e.items.value.length - 1)), !0) : !1;
 	}
 	function J() {
-		N.maybeRequestPage(), P.maybeRequestPage();
+		P.maybeRequestPage(), F.maybeRequestPage();
 	}
 	function Y() {
 		r.value = ie(), a.value = ae();
@@ -3154,7 +3157,7 @@ function Yr(e) {
 		return Math.max(0, e - r.value);
 	}
 	function ce() {
-		return Mr(A.value, j.value);
+		return Mr(j.value, M.value);
 	}
 	function le(e) {
 		return e.length ? fr(e, {
@@ -3177,38 +3180,38 @@ function Yr(e) {
 	}
 	function ue() {
 		let t = e.commitPendingAppend.value;
-		typeof t == "function" && (R = setTimeout(async () => {
-			R = null, te = !0;
+		typeof t == "function" && (z = setTimeout(async () => {
+			z = null, ee = !0;
 			try {
 				if (!e.pendingAppendItems.value.length) return;
 				await t(), await _(), await _();
 			} finally {
-				d.value = null, te = !1;
+				d.value = null, ee = !1;
 			}
 		}, Wr));
 	}
 	function de() {
-		R &&= (clearTimeout(R), null);
+		z &&= (clearTimeout(z), null);
 	}
-	function Z() {
-		z && (clearTimeout(z), z = null, p.value = !1);
+	function fe() {
+		B && (clearTimeout(B), B = null, p.value = !1);
 	}
 	return {
 		columnWidth: g,
 		containerHeight: C,
 		getCardStyle: U,
-		getLeavingCardStyle: M.getLeavingCardStyle,
+		getLeavingCardStyle: N.getLeavingCardStyle,
 		getScrollbarThumbStyle: ce,
-		leavingItems: M.leavingItems,
+		leavingItems: N.leavingItems,
 		nextBoundaryLoadProgress: T,
 		onScroll: V,
 		onWheel: H,
 		paginationLabel: E,
-		previousBoundaryLoadProgress: ee,
+		previousBoundaryLoadProgress: O,
 		renderedItems: b,
 		resolvedActiveIndex: v,
 		scrollToIndex: W,
-		showScrollbar: k,
+		showScrollbar: A,
 		scrollViewportRef: t
 	};
 }
@@ -3321,9 +3324,9 @@ function fi(e) {
 		let t = typeof e.item.value.healthCheck?.url == "string" ? ni(e.item.value.healthCheck.url) : null;
 		return !t || t === e.attachedAssetUrl.value ? null : t;
 	}), r = null, a = 0, o = /* @__PURE__ */ new Map();
-	I(n, (e, n) => {
+	L(n, (e, n) => {
 		e !== n && (t.value = null, l(), a += 1);
-	}), I([
+	}), L([
 		n,
 		e.surfaceActive,
 		e.isInView,
@@ -3427,7 +3430,7 @@ var pi = ["aria-label"], mi = {
 	},
 	emits: ["open"],
 	setup(e, { emit: t }) {
-		let n = e, r = t, l = i(() => oi(n.item)), d = D(!1), f = D(!1), p = D(!1), m = D(l.value.kind === "fallback"), h = D(!1), g = D(null), _ = D(null), y = D(null), b = D(null), C = D(null), T = D(l.value.kind === "fallback"), E = i(() => T.value ? n.surfaceActive ? d.value ? l.value.url : null : l.value.url : null), ee = i(() => n.surfaceActive && d.value && (l.value.kind === "image" || l.value.kind === "video") && !!l.value.url), j = i(() => l.value.kind === "image" && !!E.value), N = i(() => l.value.kind === "video" && !!E.value), P = fi({
+		let n = e, r = t, l = i(() => oi(n.item)), d = D(!1), f = D(!1), p = D(!1), m = D(l.value.kind === "fallback"), h = D(!1), g = D(null), _ = D(null), y = D(null), b = D(null), C = D(null), T = D(l.value.kind === "fallback"), E = i(() => T.value ? n.surfaceActive ? d.value ? l.value.url : null : l.value.url : null), O = i(() => n.surfaceActive && d.value && (l.value.kind === "image" || l.value.kind === "video") && !!l.value.url), M = i(() => l.value.kind === "image" && !!E.value), P = i(() => l.value.kind === "video" && !!E.value), F = fi({
 			attachedAssetUrl: E,
 			getPriority: X,
 			isInView: d,
@@ -3436,19 +3439,19 @@ var pi = ["aria-label"], mi = {
 			loadErrorKind: g,
 			reportAssetError: n.reportAssetError,
 			surfaceActive: i(() => n.surfaceActive)
-		}), F = i(() => P.errorKind.value ?? g.value), L = i(() => !!F.value), R = i(() => en(F.value)), z = i(() => ee.value && !g.value && (!T.value || !m.value)), B = null, V = null, H = /* @__PURE__ */ new Set();
-		I([E, () => l.value.kind], () => {
+		}), I = i(() => F.errorKind.value ?? g.value), R = i(() => !!I.value), z = i(() => en(I.value)), B = i(() => O.value && !g.value && (!T.value || !m.value)), te = null, V = null, H = /* @__PURE__ */ new Set();
+		L([E, () => l.value.kind], () => {
 			let e = l.value.kind === "fallback";
 			m.value = e, h.value = !1, g.value = null, e && (T.value = !0);
-		}), I(ee, () => {
+		}), L(O, () => {
 			K();
-		}), I([
+		}), L([
 			d,
 			m,
 			E
 		], () => {
 			q();
-		}), I(() => n.surfaceActive, (e) => {
+		}), L(() => n.surfaceActive, (e) => {
 			if (!e) {
 				J(), q();
 				return;
@@ -3461,14 +3464,14 @@ var pi = ["aria-label"], mi = {
 				b.value = null, d.value = !0, K();
 				return;
 			}
-			b.value = y.value.closest("[data-testid=\"vibe-list-scroll\"]"), B = new IntersectionObserver((e) => {
+			b.value = y.value.closest("[data-testid=\"vibe-list-scroll\"]"), te = new IntersectionObserver((e) => {
 				for (let t of e) t.target === y.value && (n.surfaceActive && Y(t), K(), q());
 			}, {
 				root: b.value,
 				threshold: [0, 1]
-			}), B.observe(y.value);
+			}), te.observe(y.value);
 		}), x(() => {
-			re(), P.release(), B?.disconnect(), B = null;
+			re(), F.release(), te?.disconnect(), te = null;
 		});
 		function U() {
 			ue(_.value) && (m.value = !0, g.value = null, ie(E.value ?? n.item.url), J());
@@ -3501,7 +3504,7 @@ var pi = ["aria-label"], mi = {
 				J();
 				return;
 			}
-			if (!ee.value) {
+			if (!O.value) {
 				re();
 				return;
 			}
@@ -3521,7 +3524,7 @@ var pi = ["aria-label"], mi = {
 		function q() {
 			let e = C.value;
 			if (!(!e || l.value.kind !== "video")) {
-				if (F.value) {
+				if (I.value) {
 					e.pause();
 					return;
 				}
@@ -3560,7 +3563,7 @@ var pi = ["aria-label"], mi = {
 			}));
 		}
 		function ae() {
-			if (!R.value || P.retry()) return;
+			if (!z.value || F.retry()) return;
 			let e = $(n.item);
 			H.forEach((t) => {
 				t.startsWith(`${e}|`) && H.delete(t);
@@ -3590,10 +3593,10 @@ var pi = ["aria-label"], mi = {
 		function de() {
 			r("open");
 		}
-		function Z() {
+		function fe() {
 			f.value = !0;
 		}
-		function fe(e) {
+		function Z(e) {
 			let t = e.relatedTarget;
 			y.value && t instanceof Node && y.value.contains(t) || (f.value = !1);
 		}
@@ -3602,8 +3605,8 @@ var pi = ["aria-label"], mi = {
 			ref: y,
 			"data-testid": "vibe-list-card-inner",
 			class: v(["group relative h-full w-full overflow-hidden border bg-[#0a0b0f] text-[#f7f1ea] transition-[border-color,transform] duration-300", n.active ? "border-white/28" : "border-white/12 hover:border-white/24"]),
-			onFocusin: Z,
-			onFocusout: fe,
+			onFocusin: fe,
+			onFocusout: Z,
 			onPointerenter: t[0] ||= (e) => p.value = !0,
 			onPointerleave: t[1] ||= (e) => p.value = !1
 		}, [
@@ -3614,11 +3617,11 @@ var pi = ["aria-label"], mi = {
 				"aria-label": n.item.title || `Open item ${n.index + 1}`,
 				onClick: de
 			}, null, 8, pi),
-			z.value ? (w(), s("div", mi, [c("span", hi, [u(M(oe), {
+			B.value ? (w(), s("div", mi, [c("span", hi, [u(N(oe), {
 				class: "h-5 w-5 animate-spin stroke-[1.9] text-[#f7f1ea]/78",
 				"aria-hidden": "true"
 			})])])) : o("", !0),
-			j.value && E.value && !L.value ? (w(), s("img", {
+			M.value && E.value && !R.value ? (w(), s("img", {
 				key: 1,
 				ref_key: "imageRef",
 				ref: _,
@@ -3628,7 +3631,7 @@ var pi = ["aria-label"], mi = {
 				class: v(["block h-full w-full object-cover transition-opacity duration-300", m.value ? "pointer-events-none opacity-100" : "pointer-events-none opacity-0"]),
 				onLoad: U,
 				onError: W
-			}, null, 42, gi)) : N.value && E.value && !L.value ? (w(), s("video", {
+			}, null, 42, gi)) : P.value && E.value && !R.value ? (w(), s("video", {
 				key: 2,
 				ref_key: "videoRef",
 				ref: C,
@@ -3644,31 +3647,31 @@ var pi = ["aria-label"], mi = {
 				onPlaying: ne,
 				onStalled: G,
 				onWaiting: G
-			}, null, 42, _i)) : L.value ? (w(), s("div", {
+			}, null, 42, _i)) : R.value ? (w(), s("div", {
 				key: 3,
 				"data-testid": "vibe-list-card-error",
-				"data-kind": F.value,
+				"data-kind": I.value,
 				class: "pointer-events-none relative z-[2] grid h-full w-full place-items-center bg-[radial-gradient(circle_at_center,rgba(239,68,68,0.12),transparent_65%),linear-gradient(180deg,rgba(255,255,255,0.04),rgba(255,255,255,0.02))]"
 			}, [c("div", yi, [
-				u(M(le), {
+				u(N(le), {
 					class: "h-6 w-6 stroke-[1.8] text-[#f7f1ea]/78",
 					"aria-hidden": "true"
 				}),
-				c("span", bi, A(M($t)(F.value)), 1),
-				R.value ? (w(), s("button", {
+				c("span", bi, j(N($t)(I.value)), 1),
+				z.value ? (w(), s("button", {
 					key: 0,
 					type: "button",
 					class: "pointer-events-auto inline-flex items-center justify-center border border-white/14 bg-black/35 px-3 py-2 text-[0.62rem] font-bold uppercase tracking-[0.22em] text-[#f7f1ea]/82 backdrop-blur-[18px] transition hover:border-white/28 hover:bg-black/50",
-					onClick: te(ae, ["stop"])
+					onClick: ee(ae, ["stop"])
 				}, " Retry ")) : o("", !0)
-			])], 8, vi)) : (w(), s("div", xi, [c("div", Si, [O(e.$slots, "item-icon", {
-				icon: M(Tt)(n.item.type),
+			])], 8, vi)) : (w(), s("div", xi, [c("div", Si, [k(e.$slots, "item-icon", {
+				icon: N(Tt)(n.item.type),
 				item: n.item
-			}, () => [(w(), a(k(M(Tt)(n.item.type)), {
+			}, () => [(w(), a(A(N(Tt)(n.item.type)), {
 				class: "h-6 w-6 stroke-[1.8] text-[#f7f1ea]/78",
 				"aria-hidden": "true"
 			}))])])])),
-			c("div", Ci, [O(e.$slots, "grid-item-overlay", {
+			c("div", Ci, [k(e.$slots, "grid-item-overlay", {
 				active: n.active,
 				focused: f.value,
 				hovered: p.value,
@@ -3756,19 +3759,19 @@ var pi = ["aria-label"], mi = {
 		"update:activeIndex"
 	],
 	setup(e, { emit: n }) {
-		let r = e, d = P(), f = n, p = Yr({
-			active: j(r, "active"),
-			allowExhaustedNextPageRefresh: j(r, "allowExhaustedNextPageRefresh"),
-			items: j(r, "items"),
-			activeIndex: j(r, "activeIndex"),
-			loading: j(r, "loading"),
-			hasNextPage: j(r, "hasNextPage"),
-			hasPreviousPage: j(r, "hasPreviousPage"),
-			paginationDetail: j(r, "paginationDetail"),
-			pendingAppendItems: j(r, "pendingAppendItems"),
-			commitPendingAppend: j(r, "commitPendingAppend"),
-			requestNextPage: j(r, "requestNextPage"),
-			requestPreviousPage: j(r, "requestPreviousPage"),
+		let r = e, d = F(), f = n, p = Yr({
+			active: M(r, "active"),
+			allowExhaustedNextPageRefresh: M(r, "allowExhaustedNextPageRefresh"),
+			items: M(r, "items"),
+			activeIndex: M(r, "activeIndex"),
+			loading: M(r, "loading"),
+			hasNextPage: M(r, "hasNextPage"),
+			hasPreviousPage: M(r, "hasPreviousPage"),
+			paginationDetail: M(r, "paginationDetail"),
+			pendingAppendItems: M(r, "pendingAppendItems"),
+			commitPendingAppend: M(r, "commitPendingAppend"),
+			requestNextPage: M(r, "requestNextPage"),
+			requestPreviousPage: M(r, "requestPreviousPage"),
 			setActiveIndex(e) {
 				f("update:activeIndex", e);
 			}
@@ -3789,42 +3792,42 @@ var pi = ["aria-label"], mi = {
 			message: h.value.message,
 			paginationDetail: r.paginationDetail,
 			total: r.items.length
-		}), x = i(() => !_.value || !d["grid-status"] ? [] : d["grid-status"](_.value)), S = i(() => zt(x.value)), C = i(() => r.items.length + p.leavingItems.value.length), { emptyStateProps: T, showBadgeEmptyState: E, showCustomEmptyState: D, showInlineEmptyState: k } = Ht({
-			emptyStateMode: j(r, "emptyStateMode"),
+		}), x = i(() => !_.value || !d["grid-status"] ? [] : d["grid-status"](_.value)), S = i(() => zt(x.value)), C = i(() => r.items.length + p.leavingItems.value.length), { emptyStateProps: T, showBadgeEmptyState: E, showCustomEmptyState: D, showInlineEmptyState: A } = Ht({
+			emptyStateMode: M(r, "emptyStateMode"),
 			itemCount: C,
-			loading: j(r, "loading"),
+			loading: M(r, "loading"),
 			renderSlot: d["empty-state"],
 			surface: "grid"
 		});
-		return I([p.nextBoundaryLoadProgress, p.previousBoundaryLoadProgress], ([e, t]) => {
+		return L([p.nextBoundaryLoadProgress, p.previousBoundaryLoadProgress], ([e, t]) => {
 			f("boundary-load-progress", {
 				nextBoundaryLoadProgress: e,
 				previousBoundaryLoadProgress: t
 			});
 		}, { immediate: !0 }), (e, n) => (w(), s("div", Ti, [
-			c("div", Ei, [c("span", Di, [c("span", Oi, A(M(p).paginationLabel.value), 1), r.paginationDetail ? (w(), s("span", ki, A(r.paginationDetail), 1)) : o("", !0)])]),
+			c("div", Ei, [c("span", Di, [c("span", Oi, j(N(p).paginationLabel.value), 1), r.paginationDetail ? (w(), s("span", ki, j(r.paginationDetail), 1)) : o("", !0)])]),
 			c("div", {
-				ref: M(p).scrollViewportRef,
+				ref: N(p).scrollViewportRef,
 				"data-testid": "vibe-list-scroll",
 				class: "h-full min-h-0 overflow-y-auto overflow-x-hidden [overflow-anchor:none] [scrollbar-width:none] [-ms-overflow-style:none] [&::-webkit-scrollbar]:hidden",
-				onScroll: n[0] ||= (...e) => M(p).onScroll && M(p).onScroll(...e),
-				onWheel: n[1] ||= (...e) => M(p).onWheel && M(p).onWheel(...e)
+				onScroll: n[0] ||= (...e) => N(p).onScroll && N(p).onScroll(...e),
+				onWheel: n[1] ||= (...e) => N(p).onWheel && N(p).onWheel(...e)
 			}, [c("div", {
 				"data-testid": "vibe-list-content",
 				class: "relative",
-				style: b({ height: `${M(p).containerHeight.value}px` })
+				style: b({ height: `${N(p).containerHeight.value}px` })
 			}, [
-				(w(!0), s(t, null, ee(M(p).renderedItems.value, ({ item: t, index: n }) => (w(), s("article", {
-					key: M($)(t),
+				(w(!0), s(t, null, O(N(p).renderedItems.value, ({ item: t, index: n }) => (w(), s("article", {
+					key: N($)(t),
 					"data-testid": "vibe-list-card",
-					"data-active": n === M(p).resolvedActiveIndex.value ? "true" : "false",
+					"data-active": n === N(p).resolvedActiveIndex.value ? "true" : "false",
 					"data-index": n,
 					"data-item-id": t.id,
-					"data-occurrence-key": M($)(t),
+					"data-occurrence-key": N($)(t),
 					class: "absolute will-change-transform",
-					style: b(M(p).getCardStyle(n))
+					style: b(N(p).getCardStyle(n))
 				}, [u(wi, {
-					active: n === M(p).resolvedActiveIndex.value,
+					active: n === N(p).resolvedActiveIndex.value,
 					index: n,
 					item: t,
 					"report-asset-error": r.reportAssetError,
@@ -3833,11 +3836,11 @@ var pi = ["aria-label"], mi = {
 					onOpen: (e) => f("open-fullscreen", n)
 				}, l({ _: 2 }, [d["grid-item-overlay"] ? {
 					name: "grid-item-overlay",
-					fn: R((t) => [O(e.$slots, "grid-item-overlay", g({ ref_for: !0 }, t))]),
+					fn: z((t) => [k(e.$slots, "grid-item-overlay", g({ ref_for: !0 }, t))]),
 					key: "0"
 				} : void 0, d["item-icon"] ? {
 					name: "item-icon",
-					fn: R((t) => [O(e.$slots, "item-icon", g({ ref_for: !0 }, t))]),
+					fn: z((t) => [k(e.$slots, "item-icon", g({ ref_for: !0 }, t))]),
 					key: "1"
 				} : void 0]), 1032, [
 					"active",
@@ -3848,12 +3851,12 @@ var pi = ["aria-label"], mi = {
 					"surface-active",
 					"onOpen"
 				])], 12, Ai))), 128)),
-				(w(!0), s(t, null, ee(M(p).leavingItems.value, (t) => (w(), s("article", {
-					key: `leaving-${M($)(t.item)}`,
+				(w(!0), s(t, null, O(N(p).leavingItems.value, (t) => (w(), s("article", {
+					key: `leaving-${N($)(t.item)}`,
 					"data-testid": "vibe-list-card-leaving",
 					"data-item-id": t.item.id,
 					class: "pointer-events-none absolute z-[2] will-change-[opacity,transform]",
-					style: b(M(p).getLeavingCardStyle(t.item))
+					style: b(N(p).getLeavingCardStyle(t.item))
 				}, [u(wi, {
 					active: !1,
 					index: -1,
@@ -3863,20 +3866,20 @@ var pi = ["aria-label"], mi = {
 					"surface-active": !1
 				}, l({ _: 2 }, [d["item-icon"] ? {
 					name: "item-icon",
-					fn: R((t) => [O(e.$slots, "item-icon", g({ ref_for: !0 }, t))]),
+					fn: z((t) => [k(e.$slots, "item-icon", g({ ref_for: !0 }, t))]),
 					key: "0"
 				} : void 0]), 1032, [
 					"item",
 					"report-asset-error",
 					"report-asset-load"
 				])], 12, ji))), 128)),
-				M(k) && M(T) ? (w(), a(Cn, {
+				N(A) && N(T) ? (w(), a(Cn, {
 					key: 0,
-					message: M(T).message,
-					mode: M(T).mode,
-					surface: M(T).surface
+					message: N(T).message,
+					mode: N(T).mode,
+					surface: N(T).surface
 				}, {
-					default: R(() => [M(D) ? O(e.$slots, "empty-state", y(g({ key: 0 }, M(T)))) : o("", !0)]),
+					default: z(() => [N(D) ? k(e.$slots, "empty-state", y(g({ key: 0 }, N(T)))) : o("", !0)]),
 					_: 3
 				}, 8, [
 					"message",
@@ -3884,28 +3887,28 @@ var pi = ["aria-label"], mi = {
 					"surface"
 				])) : o("", !0)
 			], 4)], 544),
-			M(p).showScrollbar.value ? (w(), s("div", Mi, [n[2] ||= c("div", { class: "absolute bottom-6 right-3 top-6 w-px bg-white/8" }, null, -1), c("div", {
+			N(p).showScrollbar.value ? (w(), s("div", Mi, [n[2] ||= c("div", { class: "absolute bottom-6 right-3 top-6 w-px bg-white/8" }, null, -1), c("div", {
 				"data-testid": "vibe-list-scrollbar-thumb",
 				class: v(["absolute right-[0.625rem] w-1 bg-white/34 transition-[height,transform,background-color,opacity] duration-300 ease-out", r.loading ? "bg-white/52" : "bg-white/34"]),
-				style: b(M(p).getScrollbarThumbStyle())
+				style: b(N(p).getScrollbarThumbStyle())
 			}, null, 6)])) : o("", !0),
-			d["grid-footer"] ? (w(), s("div", Ni, [c("div", Pi, [O(e.$slots, "grid-footer")])])) : o("", !0),
+			d["grid-footer"] ? (w(), s("div", Ni, [c("div", Pi, [k(e.$slots, "grid-footer")])])) : o("", !0),
 			_.value ? (w(), s("div", {
 				key: 2,
 				class: v(["pointer-events-none absolute inset-x-0 bottom-0 z-[3] flex justify-center px-6", d["grid-footer"] ? "pb-24" : "pb-6"])
-			}, [S.value ? O(e.$slots, "grid-status", y(g({ key: 0 }, _.value))) : (w(), s("span", {
+			}, [S.value ? k(e.$slots, "grid-status", y(g({ key: 0 }, _.value))) : (w(), s("span", {
 				key: 1,
 				"data-testid": "vibe-grid-status-badge",
 				class: v(["inline-flex items-center border border-white/14 bg-black/55 px-4 py-3 text-[0.7rem] font-bold uppercase tracking-[0.18em] text-[#f7f1ea]/72 backdrop-blur-[18px]", _.value.kind === "end" ? "border-amber-300/35 text-amber-200" : _.value.kind === "failed" ? "border-rose-400/45 text-rose-100" : ""])
-			}, A(_.value.message), 3))], 2)) : o("", !0),
-			M(E) && M(T) ? (w(), a(Cn, {
+			}, j(_.value.message), 3))], 2)) : o("", !0),
+			N(E) && N(T) ? (w(), a(Cn, {
 				key: 3,
 				class: v(["z-[3]", d["grid-footer"] ? "pb-24" : "pb-6"]),
-				message: M(T).message,
-				mode: M(T).mode,
-				surface: M(T).surface
+				message: N(T).message,
+				mode: N(T).mode,
+				surface: N(T).surface
 			}, {
-				default: R(() => [M(D) ? O(e.$slots, "empty-state", y(g({ key: 0 }, M(T)))) : o("", !0)]),
+				default: z(() => [N(D) ? k(e.$slots, "empty-state", y(g({ key: 0 }, N(T)))) : o("", !0)]),
 				_: 3
 			}, 8, [
 				"class",
@@ -3946,9 +3949,9 @@ var pi = ["aria-label"], mi = {
 		"update:surfaceMode"
 	],
 	setup(e, { expose: n, emit: i }) {
-		let d = e, f = P(), m = i, h = Ye(d, m), g = Z((e) => {
+		let d = e, f = F(), m = i, h = Ye(d, m), g = fe((e) => {
 			m("asset-errors", e);
-		}), _ = fe((e) => {
+		}), _ = Z((e) => {
 			m("asset-loads", e);
 		});
 		return x(() => {
@@ -3968,14 +3971,14 @@ var pi = ["aria-label"], mi = {
 			unlockPageLoading: h.unlockPageLoading
 		}), (e, n) => (w(), s("section", {
 			"data-testid": "vibe",
-			"data-surface-mode": M(h).surfaceMode.value,
+			"data-surface-mode": N(h).surfaceMode.value,
 			class: "relative h-full min-h-0 overflow-hidden bg-[#05060a] text-[#f7f1ea]"
-		}, [M(h).canRetryInitialLoad.value ? (w(), s("button", {
+		}, [N(h).canRetryInitialLoad.value ? (w(), s("button", {
 			key: 0,
 			type: "button",
 			class: "absolute left-5 top-5 z-30 inline-flex items-center border border-rose-400/55 bg-rose-500/18 px-4 py-2 text-xs font-medium uppercase tracking-[0.24em] text-white backdrop-blur transition hover:bg-rose-500/28",
-			onClick: n[0] ||= (...e) => M(h).retryInitialLoad && M(h).retryInitialLoad(...e)
-		}, " Retry ")) : M(h).errorMessage.value && M(h).items.value.length > 0 ? (w(), s("div", Li, A(M(h).errorMessage.value), 1)) : o("", !0), M(h).isDesktop.value ? (w(), s(t, { key: 2 }, [u(r, {
+			onClick: n[0] ||= (...e) => N(h).retryInitialLoad && N(h).retryInitialLoad(...e)
+		}, " Retry ")) : N(h).errorMessage.value && N(h).items.value.length > 0 ? (w(), s("div", Li, j(N(h).errorMessage.value), 1)) : o("", !0), N(h).isDesktop.value ? (w(), s(t, { key: 2 }, [u(r, {
 			appear: "",
 			"enter-active-class": "transition-[opacity,transform] duration-300 ease-out",
 			"enter-from-class": "translate-y-3 opacity-0",
@@ -3984,57 +3987,57 @@ var pi = ["aria-label"], mi = {
 			"leave-from-class": "translate-y-0 opacity-100",
 			"leave-to-class": "translate-y-3 opacity-0"
 		}, {
-			default: R(() => [z(c("div", {
+			default: z(() => [B(c("div", {
 				"data-testid": "vibe-list-surface",
-				"data-visible": M(h).surfaceMode.value === "list" ? "true" : "false",
-				inert: M(h).surfaceMode.value !== "list",
+				"data-visible": N(h).surfaceMode.value === "list" ? "true" : "false",
+				inert: N(h).surfaceMode.value !== "list",
 				class: "absolute inset-0 z-[2]"
 			}, [u(Fi, {
-				active: M(h).surfaceMode.value === "list",
-				"allow-exhausted-next-page-refresh": M(h).canRefreshExhaustedNextPage.value,
-				items: M(h).items.value,
-				"active-index": M(h).activeIndex.value,
-				"error-message": M(h).errorMessage.value,
-				loading: M(h).loading.value,
-				"has-next-page": M(h).hasNextPage.value,
-				"has-previous-page": M(h).hasPreviousPage.value,
-				"pending-append-items": M(h).pendingAppendItems.value,
-				phase: M(h).phase.value,
-				"commit-pending-append": M(h).commitPendingAppend,
-				"pagination-detail": M(h).paginationDetail.value,
-				"report-asset-error": M(g).report,
-				"report-asset-load": M(_).report,
-				"request-next-page": M(h).prefetchNextPage,
-				"request-previous-page": M(h).prefetchPreviousPage,
+				active: N(h).surfaceMode.value === "list",
+				"allow-exhausted-next-page-refresh": N(h).canRefreshExhaustedNextPage.value,
+				items: N(h).items.value,
+				"active-index": N(h).activeIndex.value,
+				"error-message": N(h).errorMessage.value,
+				loading: N(h).loading.value,
+				"has-next-page": N(h).hasNextPage.value,
+				"has-previous-page": N(h).hasPreviousPage.value,
+				"pending-append-items": N(h).pendingAppendItems.value,
+				phase: N(h).phase.value,
+				"commit-pending-append": N(h).commitPendingAppend,
+				"pagination-detail": N(h).paginationDetail.value,
+				"report-asset-error": N(g).report,
+				"report-asset-load": N(_).report,
+				"request-next-page": N(h).prefetchNextPage,
+				"request-previous-page": N(h).prefetchPreviousPage,
 				"empty-state-mode": d.emptyStateMode,
 				"show-status-badges": d.showStatusBadges ?? !0,
-				onBoundaryLoadProgress: M(h).setBoundaryLoadProgress,
-				onOpenFullscreen: M(h).openFullscreen,
-				"onUpdate:activeIndex": M(h).setActiveIndex
+				onBoundaryLoadProgress: N(h).setBoundaryLoadProgress,
+				onOpenFullscreen: N(h).openFullscreen,
+				"onUpdate:activeIndex": N(h).setActiveIndex
 			}, l({ _: 2 }, [
 				f["empty-state"] ? {
 					name: "empty-state",
-					fn: R((t) => [O(e.$slots, "empty-state", y(p(t)))]),
+					fn: z((t) => [k(e.$slots, "empty-state", y(p(t)))]),
 					key: "0"
 				} : void 0,
 				f["grid-footer"] ? {
 					name: "grid-footer",
-					fn: R(() => [O(e.$slots, "grid-footer")]),
+					fn: z(() => [k(e.$slots, "grid-footer")]),
 					key: "1"
 				} : void 0,
 				f["grid-item-overlay"] ? {
 					name: "grid-item-overlay",
-					fn: R((t) => [O(e.$slots, "grid-item-overlay", y(p(t)))]),
+					fn: z((t) => [k(e.$slots, "grid-item-overlay", y(p(t)))]),
 					key: "2"
 				} : void 0,
 				f["grid-status"] ? {
 					name: "grid-status",
-					fn: R((t) => [O(e.$slots, "grid-status", y(p(t)))]),
+					fn: z((t) => [k(e.$slots, "grid-status", y(p(t)))]),
 					key: "3"
 				} : void 0,
 				f["item-icon"] ? {
 					name: "item-icon",
-					fn: R((t) => [O(e.$slots, "item-icon", y(p(t)))]),
+					fn: z((t) => [k(e.$slots, "item-icon", y(p(t)))]),
 					key: "4"
 				} : void 0
 			]), 1032, [
@@ -4059,7 +4062,7 @@ var pi = ["aria-label"], mi = {
 				"onBoundaryLoadProgress",
 				"onOpenFullscreen",
 				"onUpdate:activeIndex"
-			])], 8, Ri), [[F, M(h).surfaceMode.value === "list"]])]),
+			])], 8, Ri), [[I, N(h).surfaceMode.value === "list"]])]),
 			_: 3
 		}), u(r, {
 			appear: "",
@@ -4070,59 +4073,59 @@ var pi = ["aria-label"], mi = {
 			"leave-from-class": "translate-y-0 opacity-100",
 			"leave-to-class": "-translate-y-3 opacity-0"
 		}, {
-			default: R(() => [z(c("div", {
+			default: z(() => [B(c("div", {
 				"data-testid": "vibe-fullscreen-surface",
-				"data-visible": M(h).surfaceMode.value === "fullscreen" ? "true" : "false",
-				inert: M(h).surfaceMode.value !== "fullscreen",
+				"data-visible": N(h).surfaceMode.value === "fullscreen" ? "true" : "false",
+				inert: N(h).surfaceMode.value !== "fullscreen",
 				class: "absolute inset-0 z-[3]"
 			}, [u(ar, {
-				items: M(h).items.value,
-				active: M(h).surfaceMode.value === "fullscreen",
-				"active-index": M(h).activeIndex.value,
-				"error-message": M(h).errorMessage.value,
-				loading: M(h).loading.value,
-				"has-next-page": M(h).hasNextPage.value,
-				"pagination-detail": M(h).paginationDetail.value,
-				phase: M(h).phase.value,
-				"report-asset-error": M(g).report,
-				"report-asset-load": M(_).report,
+				items: N(h).items.value,
+				active: N(h).surfaceMode.value === "fullscreen",
+				"active-index": N(h).activeIndex.value,
+				"error-message": N(h).errorMessage.value,
+				loading: N(h).loading.value,
+				"has-next-page": N(h).hasNextPage.value,
+				"pagination-detail": N(h).paginationDetail.value,
+				phase: N(h).phase.value,
+				"report-asset-error": N(g).report,
+				"report-asset-load": N(_).report,
 				"empty-state-mode": d.emptyStateMode,
 				"loop-fullscreen-video": d.loopFullscreenVideo ?? !0,
 				"show-dominant-image-tone": d.showDominantImageTone ?? !0,
 				"show-end-badge": d.showEndBadge ?? !0,
 				"show-status-badges": d.showStatusBadges ?? !0,
-				"show-back-to-list": M(h).showBackToList.value,
-				onBackToList: M(h).returnToList,
-				"onUpdate:activeIndex": M(h).setActiveIndex
+				"show-back-to-list": N(h).showBackToList.value,
+				onBackToList: N(h).returnToList,
+				"onUpdate:activeIndex": N(h).setActiveIndex
 			}, l({ _: 2 }, [
 				f["empty-state"] ? {
 					name: "empty-state",
-					fn: R((t) => [O(e.$slots, "empty-state", y(p(t)))]),
+					fn: z((t) => [k(e.$slots, "empty-state", y(p(t)))]),
 					key: "0"
 				} : void 0,
 				f["fullscreen-overlay"] ? {
 					name: "fullscreen-overlay",
-					fn: R((t) => [O(e.$slots, "fullscreen-overlay", y(p(t)))]),
+					fn: z((t) => [k(e.$slots, "fullscreen-overlay", y(p(t)))]),
 					key: "1"
 				} : void 0,
 				f["fullscreen-aside"] ? {
 					name: "fullscreen-aside",
-					fn: R((t) => [O(e.$slots, "fullscreen-aside", y(p(t)))]),
+					fn: z((t) => [k(e.$slots, "fullscreen-aside", y(p(t)))]),
 					key: "2"
 				} : void 0,
 				f["fullscreen-header-actions"] ? {
 					name: "fullscreen-header-actions",
-					fn: R((t) => [O(e.$slots, "fullscreen-header-actions", y(p(t)))]),
+					fn: z((t) => [k(e.$slots, "fullscreen-header-actions", y(p(t)))]),
 					key: "3"
 				} : void 0,
 				f["fullscreen-status"] ? {
 					name: "fullscreen-status",
-					fn: R((t) => [O(e.$slots, "fullscreen-status", y(p(t)))]),
+					fn: z((t) => [k(e.$slots, "fullscreen-status", y(p(t)))]),
 					key: "4"
 				} : void 0,
 				f["item-icon"] ? {
 					name: "item-icon",
-					fn: R((t) => [O(e.$slots, "item-icon", y(p(t)))]),
+					fn: z((t) => [k(e.$slots, "item-icon", y(p(t)))]),
 					key: "5"
 				} : void 0
 			]), 1032, [
@@ -4144,60 +4147,60 @@ var pi = ["aria-label"], mi = {
 				"show-back-to-list",
 				"onBackToList",
 				"onUpdate:activeIndex"
-			])], 8, zi), [[F, M(h).surfaceMode.value === "fullscreen"]])]),
+			])], 8, zi), [[I, N(h).surfaceMode.value === "fullscreen"]])]),
 			_: 3
-		})], 64)) : M(h).items.value.length === 0 && M(h).loading.value ? (w(), s("div", Bi, [u(M(oe), {
+		})], 64)) : N(h).items.value.length === 0 && N(h).loading.value ? (w(), s("div", Bi, [u(N(oe), {
 			class: "size-10 animate-spin text-[#f7f1ea]/82",
 			"aria-hidden": "true"
 		}), n[1] ||= c("p", { class: "m-0 text-[0.9rem] font-semibold uppercase tracking-[0.22em] text-[#f7f1ea]/72" }, " Loading... ", -1)])) : (w(), a(ar, {
 			key: 4,
-			items: M(h).items.value,
+			items: N(h).items.value,
 			active: !0,
-			"active-index": M(h).activeIndex.value,
-			"error-message": M(h).errorMessage.value,
-			loading: M(h).loading.value,
-			"has-next-page": M(h).hasNextPage.value,
-			"pagination-detail": M(h).paginationDetail.value,
-			phase: M(h).phase.value,
-			"report-asset-error": M(g).report,
-			"report-asset-load": M(_).report,
+			"active-index": N(h).activeIndex.value,
+			"error-message": N(h).errorMessage.value,
+			loading: N(h).loading.value,
+			"has-next-page": N(h).hasNextPage.value,
+			"pagination-detail": N(h).paginationDetail.value,
+			phase: N(h).phase.value,
+			"report-asset-error": N(g).report,
+			"report-asset-load": N(_).report,
 			"empty-state-mode": d.emptyStateMode,
 			"loop-fullscreen-video": d.loopFullscreenVideo ?? !0,
 			"show-dominant-image-tone": d.showDominantImageTone ?? !0,
 			"show-end-badge": d.showEndBadge ?? !0,
 			"show-status-badges": d.showStatusBadges ?? !0,
 			"show-back-to-list": !1,
-			onBackToList: M(h).returnToList,
-			"onUpdate:activeIndex": M(h).setActiveIndex
+			onBackToList: N(h).returnToList,
+			"onUpdate:activeIndex": N(h).setActiveIndex
 		}, l({ _: 2 }, [
 			f["empty-state"] ? {
 				name: "empty-state",
-				fn: R((t) => [O(e.$slots, "empty-state", y(p(t)))]),
+				fn: z((t) => [k(e.$slots, "empty-state", y(p(t)))]),
 				key: "0"
 			} : void 0,
 			f["fullscreen-overlay"] ? {
 				name: "fullscreen-overlay",
-				fn: R((t) => [O(e.$slots, "fullscreen-overlay", y(p(t)))]),
+				fn: z((t) => [k(e.$slots, "fullscreen-overlay", y(p(t)))]),
 				key: "1"
 			} : void 0,
 			f["fullscreen-aside"] ? {
 				name: "fullscreen-aside",
-				fn: R((t) => [O(e.$slots, "fullscreen-aside", y(p(t)))]),
+				fn: z((t) => [k(e.$slots, "fullscreen-aside", y(p(t)))]),
 				key: "2"
 			} : void 0,
 			f["fullscreen-header-actions"] ? {
 				name: "fullscreen-header-actions",
-				fn: R((t) => [O(e.$slots, "fullscreen-header-actions", y(p(t)))]),
+				fn: z((t) => [k(e.$slots, "fullscreen-header-actions", y(p(t)))]),
 				key: "3"
 			} : void 0,
 			f["fullscreen-status"] ? {
 				name: "fullscreen-status",
-				fn: R((t) => [O(e.$slots, "fullscreen-status", y(p(t)))]),
+				fn: z((t) => [k(e.$slots, "fullscreen-status", y(p(t)))]),
 				key: "4"
 			} : void 0,
 			f["item-icon"] ? {
 				name: "item-icon",
-				fn: R((t) => [O(e.$slots, "item-icon", y(p(t)))]),
+				fn: z((t) => [k(e.$slots, "item-icon", y(p(t)))]),
 				key: "5"
 			} : void 0
 		]), 1032, [