@wyxos/vibe 5.16.9 → 5.17.0

package/lib/index.js

@@ -1,26 +1,26 @@
-import { Fragment as e, Teleport as t, Transition as n, computed as r, createApp as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createTextVNode as l, createVNode as u, defineComponent as d, guardReactiveProps as f, h as p, nextTick as m, normalizeClass as h, normalizeProps as g, normalizeStyle as _, onBeforeUnmount as v, onMounted as y, openBlock as b, reactive as x, renderList as S, resolveDynamicComponent as C, shallowRef as w, toDisplayString as T, unref as E, useId as D, watch as O, withCtx as k, withKeys as A, withModifiers as j } from "vue";
+import { Fragment as e, Teleport as t, Transition as n, computed as r, createApp as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createTextVNode as l, createVNode as u, defineComponent as d, guardReactiveProps as f, h as p, isRef as m, nextTick as h, normalizeClass as g, normalizeProps as _, normalizeStyle as v, onBeforeUnmount as y, onMounted as b, openBlock as x, reactive as S, renderList as C, renderSlot as w, resolveDynamicComponent as T, shallowRef as E, toDisplayString as D, unref as O, useId as k, watch as A, withCtx as j, withKeys as M, withModifiers as N } from "vue";
 //#region src/core/mediaType.ts
-var M = /\.(aac|flac|m4a|mp3|oga|ogg|opus|wav)$/i, N = /\.(m4v|mkv|mov|mp4|ogv|webm)$/i;
-function P(e) {
+var P = /\.(aac|flac|m4a|mp3|oga|ogg|opus|wav)$/i, F = /\.(m4v|mkv|mov|mp4|ogv|webm)$/i;
+function I(e) {
 	try {
 		return new URL(e).pathname;
 	} catch {
 		return e.split(/[?#]/)[0] ?? e;
 	}
 }
-function F(e) {
-	let t = P(e);
-	return M.test(t) ? "audio" : N.test(t) ? "video" : "image";
+function L(e) {
+	let t = I(e);
+	return P.test(t) ? "audio" : F.test(t) ? "video" : "image";
 }
-function I(e, t) {
-	return e ?? F(t);
+function R(e, t) {
+	return e ?? L(t);
 }
-function L(e, t) {
-	return I(e, t) !== "image";
+function z(e, t) {
+	return R(e, t) !== "image";
 }
 //#endregion
 //#region src/core/mediaAsset.ts
-function R(e) {
+function B(e) {
 	return {
 		height: e.height,
 		src: e.src,
@@ -28,9 +28,9 @@ function R(e) {
 		width: e.width
 	};
 }
-function z(e, t) {
+function V(e, t) {
 	if (t === "preview" && e.preview) {
-		let t = I(e.type, e.src) === "audio" ? I(e.preview.type, e.preview.src) : e.preview.type ?? e.type;
+		let t = R(e.type, e.src) === "audio" ? R(e.preview.type, e.preview.src) : e.preview.type ?? e.type;
 		return {
 			...e.preview,
 			type: t
@@ -39,45 +39,45 @@ function z(e, t) {
 	return t === "mobile" && e.mobile ? {
 		...e.mobile,
 		type: e.mobile.type ?? e.type
-	} : R(e);
+	} : B(e);
 }
-function B(e) {
+function H(e) {
 	let t = e.preview;
-	return !t?.src || t.src === e.src || I(t.type, t.src) !== "image" ? null : {
+	return !t?.src || t.src === e.src || R(t.type, t.src) !== "image" ? null : {
 		...t,
 		type: "image"
 	};
 }
-function ee(e, t) {
-	return I(e.type, e.src) === "audio" ? t === "mobile" && e.mobile && I(e.mobile.type, e.mobile.src) === "audio" ? {
+function U(e, t) {
+	return R(e.type, e.src) === "audio" ? t === "mobile" && e.mobile && R(e.mobile.type, e.mobile.src) === "audio" ? {
 		...e.mobile,
 		type: "audio"
 	} : {
-		...R(e),
+		...B(e),
 		type: "audio"
-	} : z(e, t);
+	} : V(e, t);
 }
-function V(e) {
+function W(e) {
 	return [e, ...e.items];
 }
-function H(e, t) {
+function G(e, t) {
 	return Math.min(e.items.length, Math.max(0, t));
 }
-function U(e, t) {
-	return V(e)[H(e, t)] ?? e;
+function K(e, t) {
+	return W(e)[G(e, t)] ?? e;
 }
-function W(e, t) {
+function q(e, t) {
 	return `${String(e)}:${t}`;
 }
 //#endregion
 //#region src/core/runtime.ts
-function G(e) {
+function ee(e) {
 	return r(() => Object.freeze([...e.items]));
 }
-function K(e, t, n) {
-	return n(te(e, t.value)), O(() => te(e, t.value), n, { flush: "post" });
+function J(e, t, n) {
+	return n(Y(e, t.value)), A(() => Y(e, t.value), n, { flush: "post" });
 }
-function te(e, t = [...e.items]) {
+function Y(e, t = [...e.items]) {
 	return {
 		activeReelPostId: e.activeReelPostId,
 		autoScroll: { ...e.autoScroll },
@@ -107,17 +107,17 @@ function te(e, t = [...e.items]) {
 }
 //#endregion
 //#region src/components/GalleryFooter.vue?vue&type=script&setup=true&lang.ts
-var q = {
+var te = {
 	key: 0,
 	class: "gallery-footer"
-}, J = {
+}, ne = {
 	key: 0,
 	class: "load-more-status",
 	role: "status"
-}, ne = ["disabled"], re = {
+}, re = ["disabled"], ie = {
 	key: 2,
 	class: "end-feed"
-}, ie = ["disabled"], ae = /* @__PURE__ */ d({
+}, ae = ["disabled"], oe = /* @__PURE__ */ d({
 	__name: "GalleryFooter",
 	props: {
 		canRetryEnd: { type: Boolean },
@@ -133,14 +133,14 @@ var q = {
 		function i() {
 			n.loadMoreLocked || (n.hasNext ? r("loadMore") : r("retryEnd"));
 		}
-		return (t, n) => e.isLoading || e.hasError || e.hasNext && e.showLoadMore || !e.hasNext && e.canRetryEnd ? (b(), s("footer", q, [e.isLoading ? (b(), s("p", J, " Loading more… ")) : e.hasError || e.hasNext && e.showLoadMore ? (b(), s("button", {
+		return (t, n) => e.isLoading || e.hasError || e.hasNext && e.showLoadMore || !e.hasNext && e.canRetryEnd ? (x(), s("footer", te, [e.isLoading ? (x(), s("p", ne, " Loading more… ")) : e.hasError || e.hasNext && e.showLoadMore ? (x(), s("button", {
 			key: 1,
 			"data-test": "load-more",
 			class: "load-more-button",
 			type: "button",
 			disabled: e.loadMoreLocked,
 			onClick: i
-		}, T(e.hasError ? "Try again" : e.loadMoreLocked ? "Loading paused" : "Load more"), 9, ne)) : (b(), s("div", re, [n[1] ||= c("p", {
+		}, D(e.hasError ? "Try again" : e.loadMoreLocked ? "Loading paused" : "Load more"), 9, re)) : (x(), s("div", ie, [n[1] ||= c("p", {
 			class: "end-feed-message",
 			role: "status"
 		}, " You've reached the end. ", -1), c("button", {
@@ -149,9 +149,9 @@ var q = {
 			type: "button",
 			disabled: e.loadMoreLocked,
 			onClick: n[0] ||= (e) => t.$emit("retryEnd")
-		}, " Check for more ", 8, ie)]))])) : o("", !0);
+		}, " Check for more ", 8, ae)]))])) : o("", !0);
 	}
-}), oe = /* @__PURE__ */ d({
+}), se = /* @__PURE__ */ d({
 	__name: "FeedFooter",
 	props: {
 		actions: {},
@@ -173,7 +173,7 @@ var q = {
 		function o() {
 			n.actions?.retry();
 		}
-		return (t, n) => e.feedFooter && e.actions && e.state ? (b(), a(C(e.feedFooter.component), {
+		return (t, n) => e.feedFooter && e.actions && e.state ? (x(), a(T(e.feedFooter.component), {
 			key: 0,
 			actions: e.actions,
 			"can-retry-end": e.canRetryEnd,
@@ -188,7 +188,7 @@ var q = {
 			"can-retry-end",
 			"show-load-more",
 			"state"
-		])) : (b(), a(ae, {
+		])) : (x(), a(oe, {
 			key: 1,
 			"can-retry-end": e.canRetryEnd,
 			"has-error": e.hasError,
@@ -207,7 +207,7 @@ var q = {
 			"show-load-more"
 		]));
 	}
-}), se = ["role"], ce = { class: "gallery-status" }, le = /* @__PURE__ */ d({
+}), ce = ["role"], X = { class: "gallery-status" }, le = /* @__PURE__ */ d({
 	__name: "FeedStatus",
 	props: {
 		actions: {},
@@ -218,10 +218,10 @@ var q = {
 	emits: ["loadMore", "retryEnd"],
 	setup(t, { emit: n }) {
 		let r = t, i = n;
-		return (n, u) => (b(), s("main", {
+		return (n, u) => (x(), s("main", {
 			class: "gallery-shell",
 			role: r.state.error ? "alert" : r.state.isLoading || r.state.isLoadingMore ? "status" : void 0
-		}, [c("p", ce, [r.state.error ? (b(), s(e, { key: 0 }, [l(" Unable to load media. ")], 64)) : r.state.isLoading || r.state.isLoadingMore ? (b(), s(e, { key: 1 }, [l(" Loading media… ")], 64)) : (b(), s(e, { key: 2 }, [l(" No media found. ")], 64))]), t.feedFooter ? (b(), a(oe, {
+		}, [c("p", X, [r.state.error ? (x(), s(e, { key: 0 }, [l(" Unable to load media. ")], 64)) : r.state.isLoading || r.state.isLoadingMore ? (x(), s(e, { key: 1 }, [l(" Loading media… ")], 64)) : (x(), s(e, { key: 2 }, [l(" No media found. ")], 64))]), t.feedFooter ? (x(), a(se, {
 			key: 0,
 			actions: t.actions,
 			"can-retry-end": t.canRetryEnd,
@@ -243,37 +243,37 @@ var q = {
 			"is-loading",
 			"load-more-locked",
 			"state"
-		])) : o("", !0)], 8, se));
+		])) : o("", !0)], 8, ce));
 	}
 });
-function Y(e, t = 240) {
+function ue(e, t = 240) {
 	return e.scrollHeight - e.scrollTop - e.clientHeight <= t;
 }
 //#endregion
 //#region src/core/masonry.ts
-function X(e) {
+function Z(e) {
 	let t = e.preview?.width ?? e.width, n = e.preview?.height ?? e.height;
 	return !t || !n || t <= 0 || n <= 0 ? 1 : n / t;
 }
-function Z(e) {
+function de(e) {
 	return e.reduce((t, n, r) => n < e[t] ? r : t, 0);
 }
-function ue(e) {
+function fe(e) {
 	return Math.max(0, e.containerHeight) + Math.max(0, e.gap);
 }
-var de = .8, fe = .5;
-function pe(e, t, n) {
+var pe = .8, Q = .5;
+function me(e, t, n) {
 	let r = Math.max(0, n.viewportHeight);
 	if (r === 0) return [];
 	let i = n.scrollTop, a = i + r;
 	return t.filter((t) => {
 		let n = e[t];
 		if (!n || n.height <= 0) return !1;
-		let o = Math.max(0, Math.min(n.y + n.height, a) - Math.max(n.y, i)), s = n.height <= r ? n.height : r * de;
-		return o + fe >= s;
+		let o = Math.max(0, Math.min(n.y + n.height, a) - Math.max(n.y, i)), s = n.height <= r ? n.height : r * pe;
+		return o + Q >= s;
 	});
 }
-function Q(e, t) {
+function he(e, t) {
 	if (e <= 0) return null;
 	let n = Math.max(0, t.gap), r = Number.isFinite(t.additionalHeight) ? Math.max(0, t.additionalHeight ?? 0) : 0, i = Math.max(1, t.minColumnWidth), a = Math.max(1, Math.floor((e + n) / (i + n)));
 	return {
@@ -283,8 +283,8 @@ function Q(e, t) {
 		itemWidth: (e - n * (a - 1)) / a
 	};
 }
-function me(e, t, n) {
-	let r = Z(t), i = n.itemWidth * X(e) + n.additionalHeight, a = {
+function ge(e, t, n) {
+	let r = de(t), i = n.itemWidth * Z(e) + n.additionalHeight, a = {
 		x: r * (n.itemWidth + n.gap),
 		y: t[r],
 		width: n.itemWidth,
@@ -292,48 +292,48 @@ function me(e, t, n) {
 	};
 	return t[r] += i + n.gap, a;
 }
-function he(e, t) {
+function _e(e, t) {
 	let n = Array.from({ length: t.columns }, () => 0), r = t.itemWidth + t.gap;
 	return e.forEach((e) => {
 		let i = r === 0 ? 0 : Math.round(e.x / r);
 		i < 0 || i >= t.columns || (n[i] = Math.max(n[i], e.y + e.height + t.gap));
 	}), n;
 }
-function ge(e, t) {
+function ve(e, t) {
 	return e.length === 0 ? 0 : Math.max(0, Math.max(...e) - t);
 }
-function _e(e, t, n) {
-	let r = Q(t, n);
+function ye(e, t, n) {
+	let r = he(t, n);
 	if (!r || e.length === 0) return {
 		columns: 0,
 		height: 0,
 		items: []
 	};
-	let i = Array.from({ length: r.columns }, () => 0), a = e.map((e) => me(e, i, r));
+	let i = Array.from({ length: r.columns }, () => 0), a = e.map((e) => ge(e, i, r));
 	return {
 		columns: r.columns,
-		height: ge(i, r.gap),
+		height: ve(i, r.gap),
 		items: a
 	};
 }
-function ve(e, t, n, r, i, a) {
-	let o = Q(t, n);
+function be(e, t, n, r, i, a) {
+	let o = he(t, n);
 	if (!o || e.length === 0) return {
 		columns: 0,
 		height: 0,
 		items: []
 	};
-	if (r.columns !== o.columns || i > 0 && r.items.length < i) return _e(e, t, n);
-	let s = Math.max(0, i), c = a?.untilIndex ?? e.length, l = a?.untilBottom, u = a?.throughIndex ?? s, d = s === 0 ? [] : r.items.slice(0, s), f = s === 0 ? Array.from({ length: o.columns }, () => 0) : he(d, o);
-	for (let t = s; t < e.length && t < c && !(l !== void 0 && t > s && t > u && f.every((e) => e >= l)); t += 1) d.push(me(e[t], f, o));
+	if (r.columns !== o.columns || i > 0 && r.items.length < i) return ye(e, t, n);
+	let s = Math.max(0, i), c = a?.untilIndex ?? e.length, l = a?.untilBottom, u = a?.throughIndex ?? s, d = s === 0 ? [] : r.items.slice(0, s), f = s === 0 ? Array.from({ length: o.columns }, () => 0) : _e(d, o);
+	for (let t = s; t < e.length && t < c && !(l !== void 0 && t > s && t > u && f.every((e) => e >= l)); t += 1) d.push(ge(e[t], f, o));
 	return {
 		columns: o.columns,
-		height: ge(f, o.gap),
+		height: ve(f, o.gap),
 		items: d
 	};
 }
-function ye(e, t, n, r, i, a) {
-	let o = Q(t, n);
+function xe(e, t, n, r, i, a) {
+	let o = he(t, n);
 	if (!o || e.length === 0) return {
 		columns: 0,
 		fromIndex: 0,
@@ -342,7 +342,7 @@ function ye(e, t, n, r, i, a) {
 		retainedIndices: []
 	};
 	if (r.items.length !== e.length || r.columns !== o.columns) {
-		let a = e.map((e, t) => t).filter((e) => !i(e)), o = _e(a.map((t) => e[t]), t, n), s = e.map((e, t) => r.items[t] ?? {
+		let a = e.map((e, t) => t).filter((e) => !i(e)), o = ye(a.map((t) => e[t]), t, n), s = e.map((e, t) => r.items[t] ?? {
 			height: 0,
 			width: 0,
 			x: 0,
@@ -367,10 +367,10 @@ function ye(e, t, n, r, i, a) {
 	};
 	let c = r.items.slice(), l = [];
 	for (let e = 0; e < s; e += 1) l.push(e);
-	let u = a?.untilBottom, d = a?.throughIndex ?? s, f = he(c.slice(0, s), o);
+	let u = a?.untilBottom, d = a?.throughIndex ?? s, f = _e(c.slice(0, s), o);
 	for (let t = s; t < e.length; t += 1) if (!i(t)) {
 		if (u !== void 0 && l.length > s && t > d && f.every((e) => e >= u)) break;
-		c[t] = me(e[t], f, o), l.push(t);
+		c[t] = ge(e[t], f, o), l.push(t);
 	}
 	let p = new Set(l);
 	for (let t = s; t < e.length; t += 1) i(t) || p.has(t) || (c[t] = {
@@ -382,17 +382,17 @@ function ye(e, t, n, r, i, a) {
 	return {
 		columns: o.columns,
 		fromIndex: s,
-		height: ge(f, o.gap),
+		height: ve(f, o.gap),
 		items: c,
 		retainedIndices: l
 	};
 }
 //#endregion
 //#region src/core/masonryViewportIndex.ts
-function be(e) {
+function Se(e) {
 	return { columns: [...e.entries()].sort(([e], [t]) => e - t).map(([, e]) => e.sort((e, t) => e.top - t.top || e.index - t.index)) };
 }
-function xe(e, t, n) {
+function Ce(e, t, n) {
 	let r = e.get(t.x) ?? [];
 	r.push({
 		bottom: t.y + t.height,
@@ -400,14 +400,14 @@ function xe(e, t, n) {
 		top: t.y
 	}), e.set(t.x, r);
 }
-function Se(e, t) {
+function we(e, t) {
 	let n = /* @__PURE__ */ new Map();
 	return e.forEach((e, r) => {
-		xe(n, e, t?.[r] ?? r);
-	}), be(n);
+		Ce(n, e, t?.[r] ?? r);
+	}), Se(n);
 }
-function Ce(e, t, n, r) {
-	if (n <= 0) return Se(e, r);
+function Te(e, t, n, r) {
+	if (n <= 0) return we(e, r);
 	let i = /* @__PURE__ */ new Map();
 	t.columns.forEach((t) => {
 		t.forEach((t) => {
@@ -418,11 +418,11 @@ function Ce(e, t, n, r) {
 			a.push(t), i.set(r.x, a);
 		});
 	});
-	for (let t = n; t < e.length; t += 1) xe(i, e[t], r?.[t] ?? t);
-	return be(i);
+	for (let t = n; t < e.length; t += 1) Ce(i, e[t], r?.[t] ?? t);
+	return Se(i);
 }
-function we(e, t, n, r) {
-	if (r <= 0) return Se(t.map((t) => e[t]), t);
+function Ee(e, t, n, r) {
+	if (r <= 0) return we(t.map((t) => e[t]), t);
 	let i = /* @__PURE__ */ new Map();
 	return n.columns.forEach((t) => {
 		t.forEach((t) => {
@@ -433,10 +433,10 @@ function we(e, t, n, r) {
 			a.push(t), i.set(n.x, a);
 		});
 	}), t.forEach((t) => {
-		t < r || xe(i, e[t], t);
-	}), be(i);
+		t < r || Ce(i, e[t], t);
+	}), Se(i);
 }
-function Te(e, t) {
+function De(e, t) {
 	let n = 0, r = 0, i = e.length;
 	for (; r < i;) {
 		let a = Math.floor((r + i) / 2);
@@ -447,10 +447,10 @@ function Te(e, t) {
 		inspected: n
 	};
 }
-function Ee(e, t) {
+function Oe(e, t) {
 	let n = Math.max(0, t.overscan), r = t.scrollTop - n, i = t.scrollTop + Math.max(0, t.viewportHeight) + n, a = [], o = 0;
 	return e.columns.forEach((e) => {
-		let t = Te(e, r);
+		let t = De(e, r);
 		o += t.inspected;
 		for (let n = t.index; n < e.length; n += 1) {
 			let t = e[n];
@@ -462,14 +462,14 @@ function Ee(e, t) {
 		inspected: o
 	};
 }
-function De(e) {
+function ke(e) {
 	return e?.minColumnWidth ?? 240;
 }
-function Oe(e, t) {
+function Ae(e, t) {
 	let n = e?.overscan?.minimumPx ?? 800, r = e?.overscan?.viewportMultiplier ?? 1.5, i = Math.max(n, t * r), a = e?.overscan?.maximumPx;
 	return a === void 0 ? i : Math.min(i, a);
 }
-function ke(e) {
+function je(e) {
 	for (let t of ["bottomSpacePx", "loadMoreThresholdPx"]) {
 		let n = e?.[t];
 		if (n !== void 0 && (!Number.isFinite(n) || n < 0)) throw TypeError(`Vibe masonry ${t} must be a finite non-negative number.`);
@@ -487,10 +487,10 @@ function ke(e) {
 }
 //#endregion
 //#region src/core/scrollbar.ts
-function Ae(e, t, n) {
+function Me(e, t, n) {
 	return Math.min(n, Math.max(t, e));
 }
-function je({ contentSize: e, minimumThumbSize: t, scrollPosition: n, trackSize: r, viewportSize: i }) {
+function Ne({ contentSize: e, minimumThumbSize: t, scrollPosition: n, trackSize: r, viewportSize: i }) {
 	let a = Math.max(0, e), o = Math.max(0, r), s = Math.max(0, i), c = Math.max(0, a - s);
 	if (!(c > 0 && o > 0)) return {
 		maximumScrollPosition: c,
@@ -499,23 +499,23 @@ function je({ contentSize: e, minimumThumbSize: t, scrollPosition: n, trackSize:
 		thumbSize: o,
 		thumbTravel: 0
 	};
-	let l = Ae(s / a * o, Math.min(Math.max(0, t), o), o), u = Math.max(0, o - l);
+	let l = Me(s / a * o, Math.min(Math.max(0, t), o), o), u = Math.max(0, o - l);
 	return {
 		maximumScrollPosition: c,
 		scrollable: !0,
-		thumbOffset: u * (Ae(n, 0, c) / c),
+		thumbOffset: u * (Me(n, 0, c) / c),
 		thumbSize: l,
 		thumbTravel: u
 	};
 }
 //#endregion
 //#region src/components/GalleryScrollbar.vue?vue&type=script&setup=true&lang.ts
-var Me = ["aria-hidden"], Ne = [
+var Pe = ["aria-hidden"], Fe = [
 	"aria-controls",
 	"aria-valuemax",
 	"aria-valuenow",
 	"tabindex"
-], Pe = 32, Fe = 40, Ie = 120, Le = /* @__PURE__ */ d({
+], Ie = 32, Le = 40, Re = 120, ze = /* @__PURE__ */ d({
 	__name: "GalleryScrollbar",
 	props: {
 		contentSize: {},
@@ -530,23 +530,23 @@ var Me = ["aria-hidden"], Ne = [
 			thumbOffset: 0,
 			thumbSize: 0,
 			thumbTravel: 0
-		}, i = w(null), a = w(n), o = w(!1), l = w(!1), u = w(!1), d = null, f = 0, p = 0, g = null, y = null, x = null, S = null, C = !1, T = null, E = r(() => a.value.scrollable && !t.suspended), D = r(() => ({
+		}, i = E(null), a = E(n), o = E(!1), l = E(!1), u = E(!1), d = null, f = 0, p = 0, m = null, _ = null, b = null, S = null, C = !1, w = null, T = r(() => a.value.scrollable && !t.suspended), D = r(() => ({
 			height: `${a.value.thumbSize}px`,
 			transform: `translate3d(0, ${a.value.thumbOffset}px, 0)`
 		}));
-		function k() {
-			g !== null && clearTimeout(g), g = setTimeout(() => {
-				g = null, o.value || (l.value = !1);
-			}, Ie);
+		function O() {
+			m !== null && clearTimeout(m), m = setTimeout(() => {
+				m = null, o.value || (l.value = !1);
+			}, Re);
 		}
-		function A() {
-			l.value = !0, k();
+		function k() {
+			l.value = !0, O();
 		}
 		function j() {
 			let e = t.scrollElement, r = i.value;
-			return !e || !r ? n : je({
+			return !e || !r ? n : Ne({
 				contentSize: e.scrollHeight,
-				minimumThumbSize: Pe,
+				minimumThumbSize: Ie,
 				scrollPosition: e.scrollTop,
 				trackSize: r.clientHeight,
 				viewportSize: e.clientHeight
@@ -567,27 +567,27 @@ var Me = ["aria-hidden"], Ne = [
 				};
 				return;
 			}
-			a.value = j(), !(u.value || y !== null) && (y = requestAnimationFrame(() => {
-				y = null, u.value = !0;
+			a.value = j(), !(u.value || _ !== null) && (_ = requestAnimationFrame(() => {
+				_ = null, u.value = !0;
 			}));
 		}
 		function N() {
-			A(), M("scroll");
+			k(), M("scroll");
 		}
 		function P(e) {
 			let n = t.scrollElement;
 			n && (n.scrollTop = Math.min(a.value.maximumScrollPosition, Math.max(0, e)), M("scroll"));
 		}
 		function F(e) {
-			if (!E.value || e.target !== e.currentTarget) return;
+			if (!T.value || e.target !== e.currentTarget) return;
 			let t = i.value;
 			if (!t || a.value.thumbTravel <= 0) return;
-			e.preventDefault(), A();
+			e.preventDefault(), k();
 			let n = e.clientY - t.getBoundingClientRect().top - a.value.thumbSize / 2;
 			P(Math.min(1, Math.max(0, n / a.value.thumbTravel)) * a.value.maximumScrollPosition);
 		}
 		function I(e) {
-			E.value && (e.preventDefault(), e.stopPropagation(), e.currentTarget.setPointerCapture?.(e.pointerId), d = e.pointerId, f = e.clientY, p = t.scrollElement?.scrollTop ?? 0, o.value = !0, l.value = !0, g !== null && clearTimeout(g), g = null);
+			T.value && (e.preventDefault(), e.stopPropagation(), e.currentTarget.setPointerCapture?.(e.pointerId), d = e.pointerId, f = e.clientY, p = t.scrollElement?.scrollTop ?? 0, o.value = !0, l.value = !0, m !== null && clearTimeout(m), m = null);
 		}
 		function L(e) {
 			if (!o.value || e.pointerId !== d || (e.preventDefault(), a.value.thumbTravel <= 0)) return;
@@ -595,12 +595,12 @@ var Me = ["aria-hidden"], Ne = [
 			P(p + t);
 		}
 		function R(e) {
-			!o.value || e.pointerId !== d || (e.currentTarget.releasePointerCapture?.(e.pointerId), d = null, o.value = !1, C && (C = !1, M("content")), k());
+			!o.value || e.pointerId !== d || (e.currentTarget.releasePointerCapture?.(e.pointerId), d = null, o.value = !1, C && (C = !1, M("content")), O());
 		}
 		function z(e) {
-			if (!E.value) return;
-			let n = t.scrollElement?.clientHeight ?? 0, r = t.scrollElement?.scrollTop ?? 0, i = e.key === "ArrowUp" ? r - Fe : e.key === "ArrowDown" ? r + Fe : e.key === "PageUp" ? r - n : e.key === "PageDown" ? r + n : e.key === "Home" ? 0 : e.key === "End" ? a.value.maximumScrollPosition : null;
-			i !== null && (e.preventDefault(), A(), P(i));
+			if (!T.value) return;
+			let n = t.scrollElement?.clientHeight ?? 0, r = t.scrollElement?.scrollTop ?? 0, i = e.key === "ArrowUp" ? r - Le : e.key === "ArrowDown" ? r + Le : e.key === "PageUp" ? r - n : e.key === "PageDown" ? r + n : e.key === "Home" ? 0 : e.key === "End" ? a.value.maximumScrollPosition : null;
+			i !== null && (e.preventDefault(), k(), P(i));
 		}
 		function B(e) {
 			if (S?.disconnect(), !(typeof ResizeObserver > "u")) {
@@ -608,26 +608,26 @@ var Me = ["aria-hidden"], Ne = [
 				for (let t of e.children) S.observe(t);
 			}
 		}
-		return O(() => t.scrollElement, (e, t) => {
-			t?.removeEventListener("scroll", N), x?.disconnect(), x = null, S?.disconnect(), S = null, T?.disconnect(), T = null, e?.addEventListener("scroll", N, { passive: !0 }), e && typeof ResizeObserver < "u" && (T = new ResizeObserver(() => {
-				A(), M("resize");
-			}), T.observe(e), B(e)), e && typeof MutationObserver < "u" && (x = new MutationObserver(() => {
+		return A(() => t.scrollElement, (e, t) => {
+			t?.removeEventListener("scroll", N), b?.disconnect(), b = null, S?.disconnect(), S = null, w?.disconnect(), w = null, e?.addEventListener("scroll", N, { passive: !0 }), e && typeof ResizeObserver < "u" && (w = new ResizeObserver(() => {
+				k(), M("resize");
+			}), w.observe(e), B(e)), e && typeof MutationObserver < "u" && (b = new MutationObserver(() => {
 				B(e), M("content");
-			}), x.observe(e, { childList: !0 })), m(() => M("resize"));
-		}, { immediate: !0 }), O(() => t.contentSize, () => {
-			m(() => M("content"));
-		}), v(() => {
-			t.scrollElement?.removeEventListener("scroll", N), x?.disconnect(), S?.disconnect(), T?.disconnect(), g !== null && clearTimeout(g), y !== null && cancelAnimationFrame(y);
-		}), (t, n) => (b(), s("div", {
+			}), b.observe(e, { childList: !0 })), h(() => M("resize"));
+		}, { immediate: !0 }), A(() => t.contentSize, () => {
+			h(() => M("content"));
+		}), y(() => {
+			t.scrollElement?.removeEventListener("scroll", N), b?.disconnect(), S?.disconnect(), w?.disconnect(), m !== null && clearTimeout(m), _ !== null && cancelAnimationFrame(_);
+		}), (t, n) => (x(), s("div", {
 			ref_key: "trackElement",
 			ref: i,
-			class: h(["gallery-scrollbar", {
+			class: g(["gallery-scrollbar", {
 				"gallery-scrollbar--dragging": o.value,
 				"gallery-scrollbar--interacting": l.value,
 				"gallery-scrollbar--ready": u.value,
-				"gallery-scrollbar--visible": E.value
+				"gallery-scrollbar--visible": T.value
 			}]),
-			"aria-hidden": !E.value || void 0,
+			"aria-hidden": !T.value || void 0,
 			onPointerdown: F
 		}, [c("div", {
 			class: "gallery-scrollbar-thumb",
@@ -638,22 +638,22 @@ var Me = ["aria-hidden"], Ne = [
 			"aria-valuemin": "0",
 			"aria-valuenow": Math.round(e.scrollElement?.scrollTop ?? 0),
 			role: "scrollbar",
-			style: _(D.value),
-			tabindex: E.value ? 0 : -1,
+			style: v(D.value),
+			tabindex: T.value ? 0 : -1,
 			onKeydown: z,
 			onPointercancel: R,
 			onPointerdown: I,
 			onPointermove: L,
 			onPointerup: R
-		}, null, 44, Ne)], 42, Me));
+		}, null, 44, Fe)], 42, Pe));
 	}
-}), Re = (e) => {
+}), Be = (e) => {
 	for (let t in e) if (t.startsWith("aria-") || t === "role" || t === "title") return !0;
 	return !1;
-}, ze = (e) => e === "", Be = (...e) => e.filter((e, t, n) => !!e && e.trim() !== "" && n.indexOf(e) === t).join(" ").trim(), Ve = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), He = (e) => e.replace(/^([A-Z])|[\s-_]+(\w)/g, (e, t, n) => n ? n.toUpperCase() : t.toLowerCase()), Ue = (e) => {
-	let t = He(e);
+}, Ve = (e) => e === "", He = (...e) => e.filter((e, t, n) => !!e && e.trim() !== "" && n.indexOf(e) === t).join(" ").trim(), Ue = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), We = (e) => e.replace(/^([A-Z])|[\s-_]+(\w)/g, (e, t, n) => n ? n.toUpperCase() : t.toLowerCase()), Ge = (e) => {
+	let t = We(e);
 	return t.charAt(0).toUpperCase() + t.slice(1);
-}, We = {
+}, Ke = {
 	xmlns: "http://www.w3.org/2000/svg",
 	width: 24,
 	height: 24,
@@ -663,27 +663,27 @@ var Me = ["aria-hidden"], Ne = [
 	"stroke-width": 2,
 	"stroke-linecap": "round",
 	"stroke-linejoin": "round"
-}, Ge = ({ name: e, iconNode: t, absoluteStrokeWidth: n, "absolute-stroke-width": r, strokeWidth: i, "stroke-width": a, size: o = We.width, color: s = We.stroke, ...c }, { slots: l }) => p("svg", {
-	...We,
+}, qe = ({ name: e, iconNode: t, absoluteStrokeWidth: n, "absolute-stroke-width": r, strokeWidth: i, "stroke-width": a, size: o = Ke.width, color: s = Ke.stroke, ...c }, { slots: l }) => p("svg", {
+	...Ke,
 	...c,
 	width: o,
 	height: o,
 	stroke: s,
-	"stroke-width": ze(n) || ze(r) || n === !0 || r === !0 ? Number(i || a || We["stroke-width"]) * 24 / Number(o) : i || a || We["stroke-width"],
-	class: Be("lucide", c.class, ...e ? [`lucide-${Ve(Ue(e))}-icon`, `lucide-${Ve(e)}`] : ["lucide-icon"]),
-	...!l.default && !Re(c) && { "aria-hidden": "true" }
-}, [...t.map((e) => p(...e)), ...l.default ? [l.default()] : []]), Ke = (e, t) => (n, { slots: r, attrs: i }) => p(Ge, {
+	"stroke-width": Ve(n) || Ve(r) || n === !0 || r === !0 ? Number(i || a || Ke["stroke-width"]) * 24 / Number(o) : i || a || Ke["stroke-width"],
+	class: He("lucide", c.class, ...e ? [`lucide-${Ue(Ge(e))}-icon`, `lucide-${Ue(e)}`] : ["lucide-icon"]),
+	...!l.default && !Be(c) && { "aria-hidden": "true" }
+}, [...t.map((e) => p(...e)), ...l.default ? [l.default()] : []]), Je = (e, t) => (n, { slots: r, attrs: i }) => p(qe, {
 	...i,
 	...n,
 	iconNode: t,
 	name: e
-}, r), qe = Ke("chevron-left", [["path", {
+}, r), Ye = Je("chevron-left", [["path", {
 	d: "m15 18-6-6 6-6",
 	key: "1wnfg3"
-}]]), Je = Ke("chevron-right", [["path", {
+}]]), Xe = Je("chevron-right", [["path", {
 	d: "m9 18 6-6-6-6",
 	key: "mthhwq"
-}]]), Ye = Ke("disc-3", [
+}]]), Ze = Je("disc-3", [
 	["circle", {
 		cx: "12",
 		cy: "12",
@@ -704,7 +704,7 @@ var Me = ["aria-hidden"], Ne = [
 		d: "M18 12c0 1.7-.7 3.2-1.8 4.2",
 		key: "1eah9h"
 	}]
-]), Xe = Ke("pause", [["rect", {
+]), Qe = Je("pause", [["rect", {
 	x: "14",
 	y: "3",
 	width: "5",
@@ -718,10 +718,10 @@ var Me = ["aria-hidden"], Ne = [
 	height: "18",
 	rx: "1",
 	key: "1wsw3u"
-}]]), Ze = Ke("play", [["path", {
+}]]), $e = Je("play", [["path", {
 	d: "M5 5a2 2 0 0 1 3.008-1.728l11.997 6.998a2 2 0 0 1 .003 3.458l-12 7A2 2 0 0 1 5 19z",
 	key: "10ikf1"
-}]]), Qe = Ke("volume-2", [
+}]]), et = Je("volume-2", [
 	["path", {
 		d: "M11 4.702a.705.705 0 0 0-1.203-.498L6.413 7.587A1.4 1.4 0 0 1 5.416 8H3a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h2.416a1.4 1.4 0 0 1 .997.413l3.383 3.384A.705.705 0 0 0 11 19.298z",
 		key: "uqj9uw"
@@ -734,7 +734,7 @@ var Me = ["aria-hidden"], Ne = [
 		d: "M19.364 18.364a9 9 0 0 0 0-12.728",
 		key: "ijwkga"
 	}]
-]), $e = Ke("volume-x", [
+]), tt = Je("volume-x", [
 	["path", {
 		d: "M11 4.702a.705.705 0 0 0-1.203-.498L6.413 7.587A1.4 1.4 0 0 1 5.416 8H3a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h2.416a1.4 1.4 0 0 1 .997.413l3.383 3.384A.705.705 0 0 0 11 19.298z",
 		key: "uqj9uw"
@@ -753,22 +753,22 @@ var Me = ["aria-hidden"], Ne = [
 		y2: "15",
 		key: "5ykzw1"
 	}]
-]), et = {
+]), nt = {
 	401: "Authentication required",
 	403: "Access forbidden",
 	404: "Preview not found",
 	419: "Session expired",
 	500: "Server error"
 };
-function tt(e) {
+function rt(e) {
 	return e.match(/\/demo-errors\/(401|403|404|419|500)\//)?.[1] ?? "Error";
 }
-function nt(e) {
-	return et[tt(e)] ?? "Preview unavailable";
+function it(e) {
+	return nt[rt(e)] ?? "Preview unavailable";
 }
 //#endregion
 //#region src/components/CardRegion.vue
-var rt = /* @__PURE__ */ d({
+var at = /* @__PURE__ */ d({
 	__name: "CardRegion",
 	props: {
 		index: {},
@@ -783,17 +783,17 @@ var rt = /* @__PURE__ */ d({
 		total: {}
 	},
 	setup(e) {
-		let t = e, n = r(() => H(t.item, t.mediaIndex)), i = r(() => V(t.item)), o = r(() => U(t.item, n.value)), c = r(() => ({
+		let t = e, n = r(() => G(t.item, t.mediaIndex)), i = r(() => W(t.item)), o = r(() => K(t.item, n.value)), c = r(() => ({
 			height: `${t.region.height}px`,
 			paddingBlock: t.style?.paddingY === void 0 ? void 0 : `${t.style.paddingY}px`,
 			paddingInline: t.style?.paddingX === void 0 ? void 0 : `${t.style.paddingX}px`
 		})), l = r(() => t.style?.background ?? t.region.background);
-		return (t, r) => (b(), s("div", {
-			class: h(["media-card-region", [`media-card-${e.placement}`, { "media-card-region--transparent": l.value === "transparent" }]]),
-			style: _(c.value),
-			onClick: r[0] ||= j(() => {}, ["stop"]),
-			onKeydown: r[1] ||= j(() => {}, ["stop"])
-		}, [(b(), a(C(e.region.component), {
+		return (t, r) => (x(), s("div", {
+			class: g(["media-card-region", [`media-card-${e.placement}`, { "media-card-region--transparent": l.value === "transparent" }]]),
+			style: v(c.value),
+			onClick: r[0] ||= N(() => {}, ["stop"]),
+			onKeydown: r[1] ||= N(() => {}, ["stop"])
+		}, [(x(), a(T(e.region.component), {
 			index: e.index,
 			item: e.item,
 			layout: e.layout,
@@ -815,7 +815,7 @@ var rt = /* @__PURE__ */ d({
 			"total"
 		]))], 38));
 	}
-}), it = ["aria-busy", "aria-label"], at = { class: "media-error-code" }, ot = ["disabled"], st = /* @__PURE__ */ d({
+}), ot = ["aria-busy", "aria-label"], st = { class: "media-error-code" }, ct = ["disabled"], lt = /* @__PURE__ */ d({
 	__name: "MediaError",
 	props: {
 		component: {},
@@ -829,18 +829,18 @@ var rt = /* @__PURE__ */ d({
 		function o() {
 			r.retrying || i("retry");
 		}
-		return (n, r) => (b(), s("div", {
+		return (n, r) => (x(), s("div", {
 			"data-test": "media-error",
 			class: "media-error",
 			role: "group",
 			"aria-busy": t.retrying,
 			"aria-label": `${t.status} ${t.label}`
-		}, [t.component ? (b(), s("div", {
+		}, [t.component ? (x(), s("div", {
 			key: 0,
 			class: "media-error-component",
-			onClick: r[0] ||= j(() => {}, ["stop"]),
-			onKeydown: r[1] ||= j(() => {}, ["stop"])
-		}, [(b(), a(C(t.component), {
+			onClick: r[0] ||= N(() => {}, ["stop"]),
+			onKeydown: r[1] ||= N(() => {}, ["stop"])
+		}, [(x(), a(T(t.component), {
 			label: t.label,
 			retry: o,
 			retrying: t.retrying,
@@ -849,36 +849,36 @@ var rt = /* @__PURE__ */ d({
 			"label",
 			"retrying",
 			"status"
-		]))], 32)) : (b(), s(e, { key: 1 }, [
-			c("strong", at, T(t.status), 1),
-			c("span", null, T(t.label), 1),
+		]))], 32)) : (x(), s(e, { key: 1 }, [
+			c("strong", st, D(t.status), 1),
+			c("span", null, D(t.label), 1),
 			c("button", {
 				"data-test": "media-retry",
 				class: "media-error-retry",
 				type: "button",
 				disabled: t.retrying,
-				onClick: j(o, ["stop"]),
-				onKeydown: r[2] ||= j(() => {}, ["stop"])
-			}, T(t.retrying ? "Retrying…" : "Retry"), 41, ot)
-		], 64))], 8, it));
+				onClick: N(o, ["stop"]),
+				onKeydown: r[2] ||= N(() => {}, ["stop"])
+			}, D(t.retrying ? "Retrying…" : "Retry"), 41, ct)
+		], 64))], 8, ot));
 	}
-}), ct = ["aria-label"], lt = [
+}), ut = ["aria-label"], dt = [
 	"max",
 	"value",
 	"aria-label",
 	"aria-valuetext",
 	"disabled"
-], ut = {
+], ft = {
 	key: 0,
 	class: "media-controls-row"
-}, dt = ["aria-label", "title"], ft = { class: "media-controls-audio" }, pt = ["aria-label", "title"], mt = [
+}, pt = ["aria-label", "title"], mt = { class: "media-controls-audio" }, ht = ["aria-label", "title"], gt = [
 	"value",
 	"aria-label",
 	"aria-valuetext"
-], ht = {
+], _t = {
 	class: "media-control-time",
 	"aria-live": "off"
-}, gt = /* @__PURE__ */ d({
+}, vt = /* @__PURE__ */ d({
 	__name: "MediaControls",
 	props: {
 		currentTime: {},
@@ -910,75 +910,75 @@ var rt = /* @__PURE__ */ d({
 		function f(e) {
 			e.key !== "Escape" && e.stopPropagation();
 		}
-		let p = r(() => Math.max(0, n.duration)), m = r(() => n.mediaType === "audio" ? "audio" : "video"), g = r(() => n.mediaType === "audio" ? "Audio" : "Video"), v = r(() => l(n.currentTime, p.value)), y = r(() => ({ "--media-range-progress": `${p.value > 0 ? v.value / p.value * 100 : 0}%` })), x = r(() => ({ "--media-range-progress": `${l(n.volume) * 100}%` }));
-		return (t, n) => (b(), s("div", {
-			class: h(["media-controls", `media-controls--${e.layout}`]),
+		let p = r(() => Math.max(0, n.duration)), m = r(() => n.mediaType === "audio" ? "audio" : "video"), h = r(() => n.mediaType === "audio" ? "Audio" : "Video"), _ = r(() => l(n.currentTime, p.value)), y = r(() => ({ "--media-range-progress": `${p.value > 0 ? _.value / p.value * 100 : 0}%` })), b = r(() => ({ "--media-range-progress": `${l(n.volume) * 100}%` }));
+		return (t, n) => (x(), s("div", {
+			class: g(["media-controls", `media-controls--${e.layout}`]),
 			role: "group",
-			"aria-label": `${g.value} controls`,
-			onClick: n[4] ||= j(() => {}, ["stop"]),
-			onDblclick: n[5] ||= j(() => {}, ["stop"]),
+			"aria-label": `${h.value} controls`,
+			onClick: n[4] ||= N(() => {}, ["stop"]),
+			onDblclick: n[5] ||= N(() => {}, ["stop"]),
 			onKeydown: f,
-			onWheel: n[6] ||= j(() => {}, ["stop"])
+			onWheel: n[6] ||= N(() => {}, ["stop"])
 		}, [c("input", {
 			class: "media-control-range media-control-seek",
 			type: "range",
 			min: "0",
 			max: p.value || 0,
 			step: "0.1",
-			value: v.value,
-			style: _(y.value),
+			value: _.value,
+			style: v(y.value),
 			"aria-label": `Seek ${m.value}`,
-			"aria-valuetext": `${u(v.value)} of ${u(p.value)}`,
+			"aria-valuetext": `${u(_.value)} of ${u(p.value)}`,
 			disabled: p.value <= 0,
 			onInput: n[0] ||= (e) => i("seek", d(e))
-		}, null, 44, lt), e.layout === "reel" ? (b(), s("div", ut, [
+		}, null, 44, dt), e.layout === "reel" ? (x(), s("div", ft, [
 			c("button", {
 				type: "button",
 				class: "media-control-button media-control-playback",
 				"aria-label": e.playing ? `Pause ${m.value}` : `Play ${m.value}`,
 				title: e.playing ? "Pause" : "Play",
 				onClick: n[1] ||= (e) => i("togglePlayback")
-			}, [e.playing ? (b(), a(E(Xe), {
+			}, [e.playing ? (x(), a(O(Qe), {
 				key: 0,
 				size: 18,
 				fill: "currentColor"
-			})) : (b(), a(E(Ze), {
+			})) : (x(), a(O($e), {
 				key: 1,
 				size: 18,
 				fill: "currentColor"
-			}))], 8, dt),
-			c("div", ft, [c("button", {
+			}))], 8, pt),
+			c("div", mt, [c("button", {
 				type: "button",
 				class: "media-control-button",
 				"aria-label": e.muted ? `Unmute ${m.value}` : `Mute ${m.value}`,
 				title: e.muted ? "Unmute" : "Mute",
 				onClick: n[2] ||= (e) => i("toggleMute")
-			}, [e.muted || e.volume === 0 ? (b(), a(E($e), {
+			}, [e.muted || e.volume === 0 ? (x(), a(O(tt), {
 				key: 0,
 				size: 18
-			})) : (b(), a(E(Qe), {
+			})) : (x(), a(O(et), {
 				key: 1,
 				size: 18
-			}))], 8, pt), c("input", {
+			}))], 8, ht), c("input", {
 				class: "media-control-range media-control-volume",
 				type: "range",
 				min: "0",
 				max: "1",
 				step: "0.05",
 				value: e.volume,
-				style: _(x.value),
-				"aria-label": `${g.value} volume`,
+				style: v(b.value),
+				"aria-label": `${h.value} volume`,
 				"aria-valuetext": `${Math.round(e.volume * 100)} percent`,
 				onInput: n[3] ||= (e) => i("volumeChange", d(e))
-			}, null, 44, mt)]),
-			c("output", ht, T(u(v.value)) + " / " + T(u(p.value)), 1)
-		])) : o("", !0)], 42, ct));
+			}, null, 44, gt)]),
+			c("output", _t, D(u(_.value)) + " / " + D(u(p.value)), 1)
+		])) : o("", !0)], 42, ut));
 	}
-}), _t = {
+}), yt = {
 	key: 0,
 	class: "media-card-overlay-host",
 	"data-test": "media-card-overlay"
-}, vt = /* @__PURE__ */ d({
+}, bt = /* @__PURE__ */ d({
 	__name: "MediaContextOverlay",
 	props: {
 		item: {},
@@ -988,7 +988,7 @@ var rt = /* @__PURE__ */ d({
 		mediaSource: {}
 	},
 	setup(e) {
-		return (t, n) => e.mediaCard?.overlay?.component ? (b(), s("div", _t, [(b(), a(C(e.mediaCard.overlay.component), {
+		return (t, n) => e.mediaCard?.overlay?.component ? (x(), s("div", yt, [(x(), a(T(e.mediaCard.overlay.component), {
 			item: e.item,
 			"media-index": e.mediaIndex,
 			"media-item": e.mediaItem,
@@ -1000,26 +1000,26 @@ var rt = /* @__PURE__ */ d({
 			"media-source"
 		]))])) : o("", !0);
 	}
-}), yt = 40, bt = 160, xt = 24;
-function St(e) {
-	let t = w("next"), n = null, r = 0, i = !1, a = null, o = null;
+}), xt = 40, St = 160, Ct = 24;
+function wt(e) {
+	let t = E("next"), n = null, r = 0, i = !1, a = null, o = null;
 	function s(n, r) {
-		let i = V(e.item()).length, a = (n + i) % i;
+		let i = W(e.item()).length, a = (n + i) % i;
 		a !== e.mediaIndex() && (t.value = n < e.mediaIndex() ? "previous" : "next", e.onChange(a), r?.detail && r.detail > 0 && r.currentTarget?.blur());
 	}
 	function c() {
 		r = 0, i = !1, n !== null && clearTimeout(n), n = null;
 	}
 	function l() {
-		n !== null && clearTimeout(n), n = setTimeout(c, bt);
+		n !== null && clearTimeout(n), n = setTimeout(c, St);
 	}
 	function u(e, t, n) {
 		return t === 1 ? e * 16 : t === 2 ? e * n : e;
 	}
 	function d(t) {
-		if (V(e.item()).length <= 1) return;
+		if (W(e.item()).length <= 1) return;
 		let n = t.currentTarget, a = u(t.deltaX, t.deltaMode, n?.clientWidth || 1);
-		if (a === 0 || (t.preventDefault(), l(), i) || (r += a, Math.abs(r) < xt)) return;
+		if (a === 0 || (t.preventDefault(), l(), i) || (r += a, Math.abs(r) < Ct)) return;
 		let o = Math.sign(r);
 		r = 0, i = !0, s(e.mediaIndex() + o);
 	}
@@ -1031,9 +1031,9 @@ function St(e) {
 		let n = t.changedTouches[0];
 		if (a === null || o === null || !n) return;
 		let r = a - n.clientX, i = o - n.clientY;
-		a = null, o = null, !(Math.abs(r) <= Math.abs(i)) && (Math.abs(r) < yt || s(e.mediaIndex() + Math.sign(r)));
+		a = null, o = null, !(Math.abs(r) <= Math.abs(i)) && (Math.abs(r) < xt || s(e.mediaIndex() + Math.sign(r)));
 	}
-	return v(c), {
+	return y(c), {
 		change: s,
 		direction: t,
 		onTouchEnd: p,
@@ -1041,14 +1041,14 @@ function St(e) {
 		onWheel: d
 	};
 }
-var Ct = /* @__PURE__ */ new Map(), wt = [], Tt = 0, Et = 0;
-function Dt(e, t) {
+var Tt = /* @__PURE__ */ new Map(), Et = [], Dt = 0, Ot = 0;
+function kt(e, t) {
 	return `${t ? "timed" : "image"}:${e}`;
 }
-function Ot(e, t, n) {
-	let r = V(e);
+function At(e, t, n) {
+	let r = W(e);
 	if (r.length < 2) return [];
-	let i = H(e, t), a = [];
+	let i = G(e, t), a = [];
 	for (let e = 1; e < r.length; e += 1) {
 		let t = i + e, n = i - e;
 		t < r.length && a.push(t), n >= 0 && a.push(n);
@@ -1057,9 +1057,9 @@ function Ot(e, t, n) {
 	return a.flatMap((e) => {
 		let t = r[e];
 		if (!t) return [];
-		let i = I(t.type, t.src) === "audio" ? B(t) : z(t, n);
+		let i = R(t.type, t.src) === "audio" ? H(t) : V(t, n);
 		if (!i) return [];
-		let a = L(i.type, i.src), s = Dt(i.src, a);
+		let a = z(i.type, i.src), s = kt(i.src, a);
 		return o.has(s) ? [] : (o.add(s), [{
 			key: s,
 			src: i.src,
@@ -1067,22 +1067,22 @@ function Ot(e, t, n) {
 		}]);
 	});
 }
-function kt(e) {
+function jt(e) {
 	let t = e.element;
 	e.element = null, t && (t instanceof HTMLVideoElement ? (t.pause(), t.removeAttribute("src"), t.load()) : t.removeAttribute("src"));
 }
-function At(e) {
-	Ct.delete(e.key);
-	let t = wt.indexOf(e);
-	t >= 0 && wt.splice(t, 1), e.cancel?.(), e.cancel = null, kt(e);
+function Mt(e) {
+	Tt.delete(e.key);
+	let t = Et.indexOf(e);
+	t >= 0 && Et.splice(t, 1), e.cancel?.(), e.cancel = null, jt(e);
 }
-function jt(e) {
-	e.state = "loading", Tt += 1, e.timed && (Et += 1);
+function Nt(e) {
+	e.state = "loading", Dt += 1, e.timed && (Ot += 1);
 	let t = !1, n = () => void 0, r = (r) => {
-		t || (t = !0, n(), --Tt, e.timed && --Et, e.cancel = null, e.state = r, r === "failed" && kt(e), e.refs === 0 && At(e), Mt());
+		t || (t = !0, n(), --Dt, e.timed && --Ot, e.cancel = null, e.state = r, r === "failed" && jt(e), e.refs === 0 && Mt(e), Pt());
 	};
 	if (e.cancel = () => {
-		t || (t = !0, n(), --Tt, e.timed && --Et, kt(e), Mt());
+		t || (t = !0, n(), --Dt, e.timed && --Ot, jt(e), Pt());
 	}, e.timed) {
 		let t = document.createElement("video"), i = () => r("ready"), a = () => r("failed");
 		n = () => {
@@ -1101,50 +1101,50 @@ function jt(e) {
 		i.removeEventListener("load", a), i.removeEventListener("error", o);
 	}, i.addEventListener("load", a, { once: !0 }), i.addEventListener("error", o, { once: !0 }), i.decoding = "async", i.fetchPriority = "low", i.src = e.src, e.element = i;
 }
-function Mt() {
-	for (; Tt < 6;) {
-		let e = wt.findIndex((e) => e.refs > 0 && e.state === "queued" && (!e.timed || Et < 2));
+function Pt() {
+	for (; Dt < 6;) {
+		let e = Et.findIndex((e) => e.refs > 0 && e.state === "queued" && (!e.timed || Ot < 2));
 		if (e < 0) return;
-		let [t] = wt.splice(e, 1);
-		t && jt(t);
+		let [t] = Et.splice(e, 1);
+		t && Nt(t);
 	}
 }
-function Nt(e) {
-	let t = Ct.get(e.key);
+function Ft(e) {
+	let t = Tt.get(e.key);
 	t || (t = {
 		...e,
 		cancel: null,
 		element: null,
 		refs: 0,
 		state: "queued"
-	}, Ct.set(t.key, t), wt.push(t)), t.refs += 1, Mt();
+	}, Tt.set(t.key, t), Et.push(t)), t.refs += 1, Pt();
 	let n = !1;
 	return () => {
-		n || (n = !0, --t.refs, t.refs === 0 && At(t));
+		n || (n = !0, --t.refs, t.refs === 0 && Mt(t));
 	};
 }
 //#endregion
 //#region src/components/useVisiblePostPreload.ts
-function Pt(e) {
-	let t = r(() => e.layout() === "masonry" && e.inViewport() && e.mediaReady() && e.mediaCard()?.feedPreload === "visible-post"), n = r(() => t.value ? Ot(e.item(), e.mediaIndex(), e.mediaSource()) : []), i = /* @__PURE__ */ new Map();
+function It(e) {
+	let t = r(() => e.layout() === "masonry" && e.inViewport() && e.mediaReady() && e.mediaCard()?.feedPreload === "visible-post"), n = r(() => t.value ? At(e.item(), e.mediaIndex(), e.mediaSource()) : []), i = /* @__PURE__ */ new Map();
 	function a() {
 		let e = new Map(n.value.map((e) => [e.key, e]));
 		i.forEach((t, n) => {
 			e.has(n) || (t(), i.delete(n));
 		}), n.value.forEach((e) => {
-			i.has(e.key) || i.set(e.key, Nt(e));
+			i.has(e.key) || i.set(e.key, Ft(e));
 		});
 	}
-	O(() => n.value.map(({ key: e }) => e).join("\n"), a, { immediate: !0 }), v(() => {
+	A(() => n.value.map(({ key: e }) => e).join("\n"), a, { immediate: !0 }), y(() => {
 		i.forEach((e) => e()), i.clear();
 	});
 }
 //#endregion
 //#region src/components/useMediaLoading.ts
-function Ft(e) {
-	let t = r(() => L(e.mediaType(), e.mediaSource())), n = r(() => e.layout() === "masonry" && e.fetchPriority() === "low" ? "lazy" : "eager"), i = r(() => e.layout() === "reel" && !e.active() ? "none" : e.fetchPriority() === "high" ? "auto" : e.layout() === "masonry" ? "none" : "metadata");
-	return O(i, (t, n) => {
-		n !== "none" || t === "none" || m(() => {
+function Lt(e) {
+	let t = r(() => z(e.mediaType(), e.mediaSource())), n = r(() => e.layout() === "masonry" && e.fetchPriority() === "low" ? "lazy" : "eager"), i = r(() => e.layout() === "reel" && !e.active() ? "none" : e.fetchPriority() === "high" ? "auto" : e.layout() === "masonry" ? "none" : "metadata");
+	return A(i, (t, n) => {
+		n !== "none" || t === "none" || h(() => {
 			let t = e.mediaElement.value;
 			!t || e.playbackAllowed() || i.value === "none" || t.load();
 		});
@@ -1156,58 +1156,58 @@ function Ft(e) {
 }
 //#endregion
 //#region src/components/useMediaReadiness.ts
-function It(e) {
-	let t = w(null), n = w(null), i = w(0), a = w(0), o = w(!0), s = w(!1), c = w(!1), l = null, u = !1, d = !1, f = !1, p = r(() => c.value || s.value ? "error" : o.value ? "loading" : e.previewState());
-	function h() {
+function Rt(e) {
+	let t = E(null), n = E(null), i = E(0), a = E(0), o = E(!0), s = E(!1), c = E(!1), l = null, u = !1, d = !1, f = !1, p = r(() => c.value || s.value ? "error" : o.value ? "loading" : e.previewState());
+	function m() {
 		l !== null && clearTimeout(l), l = null;
 	}
 	function g(e) {
 		return Number(e.currentTarget.dataset.sourceGeneration) === i.value;
 	}
 	function _() {
-		h(), l = setTimeout(() => x(), 15e3);
+		m(), l = setTimeout(() => x(), 15e3);
 	}
-	function y(t) {
-		t && !g(t) || (h(), o.value = !1, s.value = !1, c.value = !1, e.onReady(e.mediaIndex()));
+	function v(t) {
+		t && !g(t) || (m(), o.value = !1, s.value = !1, c.value = !1, e.onReady(e.mediaIndex()));
 	}
 	function b() {
 		if (f) return;
 		let e = t.value;
 		if (e?.complete) {
-			e.naturalWidth > 0 ? y() : x(void 0, !0);
+			e.naturalWidth > 0 ? v() : x(void 0, !0);
 			return;
 		}
 		let r = n.value;
 		if (r && r.readyState >= HTMLMediaElement.HAVE_METADATA) {
-			y();
+			v();
 			return;
 		}
 		_();
 	}
 	function x(t, n = !1) {
 		if (!f && !(t && !g(t)) && !(s.value && !c.value && (!t || d))) {
-			if (h(), !t && a.value === 0) {
-				a.value = 1, i.value += 1, o.value = !0, m(b);
+			if (m(), !t && a.value === 0) {
+				a.value = 1, i.value += 1, o.value = !0, h(b);
 				return;
 			}
 			o.value = !1, s.value = !0, c.value = !1, d = !!t || n, e.onError(e.mediaIndex(), d);
 		}
 	}
 	function S() {
-		c.value || p.value !== "error" || (d = !1, a.value = 0, s.value = !0, o.value = !0, c.value = !0, i.value += 1, m(b));
+		c.value || p.value !== "error" || (d = !1, a.value = 0, s.value = !0, o.value = !0, c.value = !0, i.value += 1, h(b));
 	}
 	function C(e) {
 		g(e) && o.value && _();
 	}
-	return O(e.identity, () => {
-		h(), i.value += 1, d = !1, a.value = 0, o.value = u || e.previewState() === "loading", s.value = !1, c.value = !1, u = !0, m(b);
-	}, { immediate: !0 }), v(() => {
-		f = !0, h();
+	return A(e.identity, () => {
+		m(), i.value += 1, d = !1, a.value = 0, o.value = u || e.previewState() === "loading", s.value = !1, c.value = !1, u = !0, h(b);
+	}, { immediate: !0 }), y(() => {
+		f = !0, m();
 	}), {
 		effectivePreviewState: p,
 		failSourceAttempt: x,
 		imageElement: t,
-		markSourceReady: y,
+		markSourceReady: v,
 		noteSourceActivity: C,
 		retrySource: S,
 		retrying: c,
@@ -1217,30 +1217,30 @@ function It(e) {
 }
 //#endregion
 //#region src/core/reelAudio.ts
-var Lt = {
+var zt = {
 	lastAudibleVolume: 1,
 	muted: !1,
 	volume: 1
 };
-function Rt(e, t) {
+function Bt(e, t) {
 	return typeof e == "number" && Number.isFinite(e) ? Math.min(1, Math.max(0, e)) : t;
 }
-function zt(e, t = Lt) {
-	let n = Rt(e?.volume, t.volume), r = Rt(e?.lastAudibleVolume, n > 0 ? n : t.lastAudibleVolume);
+function Vt(e, t = zt) {
+	let n = Bt(e?.volume, t.volume), r = Bt(e?.lastAudibleVolume, n > 0 ? n : t.lastAudibleVolume);
 	return {
-		lastAudibleVolume: r > 0 ? r : Lt.lastAudibleVolume,
+		lastAudibleVolume: r > 0 ? r : zt.lastAudibleVolume,
 		muted: typeof e?.muted == "boolean" ? e.muted : n === 0 || t.muted,
 		volume: n
 	};
 }
 //#endregion
 //#region src/components/useMediaCardAudio.ts
-function Bt(e) {
-	let t = zt(e.reelAudioState()), n = e.layout() === "reel" && e.reelAudioState(), r = w(n ? t.muted : e.mediaCard()?.videoMuted ?? e.layout() === "masonry"), i = w(n ? t.volume : 1), a = n ? t.lastAudibleVolume : 1;
+function Ht(e) {
+	let t = Vt(e.reelAudioState()), n = e.layout() === "reel" && e.reelAudioState(), r = E(n ? t.muted : e.mediaCard()?.videoMuted ?? e.layout() === "masonry"), i = E(n ? t.volume : 1), a = n ? t.lastAudibleVolume : 1;
 	function o() {
 		let t = e.mediaElement.value, n = e.reelAudioState();
 		if (!t || e.layout() !== "reel" || !n) return;
-		let o = zt(n);
+		let o = Vt(n);
 		a = o.lastAudibleVolume, i.value = o.volume, r.value = o.muted, t.volume = o.volume, t.muted = e.active() === !1 ? !0 : o.muted;
 	}
 	function s(e, t) {
@@ -1248,7 +1248,7 @@ function Bt(e) {
 	}
 	function c(t) {
 		if (e.layout() !== "reel") return;
-		let n = zt({
+		let n = Vt({
 			lastAudibleVolume: a,
 			muted: t.muted,
 			volume: t.volume
@@ -1265,7 +1265,7 @@ function Bt(e) {
 		let t = e.mediaElement.value;
 		t && (t.muted && t.volume === 0 && (t.volume = a), t.muted = !t.muted, s(t, !0), c(t));
 	}
-	return O([
+	return A([
 		e.active,
 		e.layout,
 		() => e.reelAudioState()?.lastAudibleVolume,
@@ -1283,7 +1283,7 @@ function Bt(e) {
 }
 //#endregion
 //#region src/components/useReelVideoActivity.ts
-function Vt(e) {
+function Ut(e) {
 	let t = r(() => e.layout() === "reel" ? e.active() === !0 : e.inViewport()), n = r(() => t.value ? e.mediaIsMuted.value : !0);
 	function i() {
 		if (!t.value) {
@@ -1292,13 +1292,13 @@ function Vt(e) {
 		}
 		e.mediaIsPlaying.value = !0;
 	}
-	return O(t, (n) => {
+	return A(t, (n) => {
 		let r = e.mediaElement.value;
 		if (!n) {
 			r?.pause(), r && (r.muted = !0), e.mediaIsPlaying.value = !1;
 			return;
 		}
-		m().then(async () => {
+		h().then(async () => {
 			let n = e.mediaElement.value;
 			if (!(!n || !t.value)) {
 				n.muted = e.mediaIsMuted.value;
@@ -1317,18 +1317,18 @@ function Vt(e) {
 }
 //#endregion
 //#region src/components/useTimedMediaCard.ts
-function Ht(e) {
+function Wt(e) {
 	return Number.isFinite(e) ? Math.max(0, e) : 0;
 }
-function Ut(e) {
-	let t = w(0), n = w(0), r = w(!1), { apply: i, setVolume: a, sync: o, toggleMute: s, videoIsMuted: c, videoVolume: l } = Bt({
+function Gt(e) {
+	let t = E(0), n = E(0), r = E(!1), { apply: i, setVolume: a, sync: o, toggleMute: s, videoIsMuted: c, videoVolume: l } = Ht({
 		active: e.active,
 		layout: e.layout,
 		mediaCard: e.mediaCard,
 		mediaElement: e.mediaElement,
 		onChange: e.onAudioChange,
 		reelAudioState: e.reelAudioState
-	}), { effectiveMuted: u, onPlaying: d, playbackAllowed: f } = Vt({
+	}), { effectiveMuted: u, onPlaying: d, playbackAllowed: f } = Ut({
 		active: e.active,
 		inViewport: e.inViewport,
 		layout: e.layout,
@@ -1338,7 +1338,7 @@ function Ut(e) {
 	});
 	function p(r) {
 		let i = r?.currentTarget ?? e.mediaElement.value;
-		i && (t.value = Ht(i.currentTime), n.value = Ht(i.duration), o(i, f.value));
+		i && (t.value = Wt(i.currentTime), n.value = Wt(i.duration), o(i, f.value));
 	}
 	function m(t) {
 		i(), p(t), e.onReady(t);
@@ -1348,7 +1348,7 @@ function Ut(e) {
 	}
 	function g(n) {
 		let r = e.mediaElement.value;
-		!r || !Number.isFinite(n) || (r.currentTime = Math.min(Ht(r.duration), Math.max(0, n)), t.value = r.currentTime);
+		!r || !Number.isFinite(n) || (r.currentTime = Math.min(Wt(r.duration), Math.max(0, n)), t.value = r.currentTime);
 	}
 	async function _() {
 		let t = e.mediaElement.value;
@@ -1364,7 +1364,7 @@ function Ut(e) {
 			}
 		}
 	}
-	return O(e.mediaElement, () => {
+	return A(e.mediaElement, () => {
 		t.value = 0, n.value = 0, r.value = !1;
 	}, { flush: "sync" }), {
 		currentTime: t,
@@ -1386,7 +1386,7 @@ function Ut(e) {
 }
 //#endregion
 //#region src/components/MediaCard.vue?vue&type=script&setup=true&lang.ts
-var Wt = [
+var Kt = [
 	"data-post-id",
 	"data-media-index",
 	"aria-hidden",
@@ -1394,19 +1394,19 @@ var Wt = [
 	"inert",
 	"role",
 	"tabindex"
-], Gt = { class: "media-card-content" }, Kt = ["data-media-direction"], qt = ["data-media-index"], Jt = {
+], qt = { class: "media-card-content" }, Jt = ["data-media-direction"], Yt = ["data-media-index"], Xt = {
 	key: 0,
 	"data-test": "media-loading",
 	class: "media-loading",
 	"aria-hidden": "true"
-}, Yt = [
+}, Zt = [
 	"data-source-generation",
 	"src",
 	"autoplay",
 	"loop",
 	"muted",
 	"preload"
-], Xt = ["aria-label", "disabled"], Zt = [
+], Qt = ["aria-label", "disabled"], $t = [
 	"data-cover-identity",
 	"data-source-generation",
 	"src",
@@ -1414,11 +1414,11 @@ var Wt = [
 	"height",
 	"fetchpriority",
 	"loading"
-], Qt = {
+], en = {
 	key: 1,
 	class: "media-audio-fallback",
 	"aria-hidden": "true"
-}, $t = [
+}, tn = [
 	"data-source-generation",
 	"src",
 	"width",
@@ -1427,14 +1427,14 @@ var Wt = [
 	"loop",
 	"muted",
 	"preload"
-], en = [
+], nn = [
 	"data-source-generation",
 	"src",
 	"width",
 	"height",
 	"fetchpriority",
 	"loading"
-], tn = ["aria-label"], nn = ["aria-label"], rn = ["aria-label"], an = /* @__PURE__ */ d({
+], rn = ["aria-label"], an = ["aria-label"], on = ["aria-label"], sn = /* @__PURE__ */ d({
 	__name: "MediaCard",
 	props: {
 		active: { type: Boolean },
@@ -1474,105 +1474,105 @@ var Wt = [
 		function f(e = !1, t = "pointer") {
 			e && d("activate", t);
 		}
-		let p = r(() => V(l.item)), g = r(() => H(l.item, l.mediaIndex)), v = r(() => U(l.item, g.value)), y = r(() => z(v.value, l.mediaSource ?? "preview")), x = r(() => I(v.value.type, v.value.src)), S = r(() => x.value === "audio"), C = r(() => ee(v.value, l.mediaSource ?? "preview")), T = r(() => S.value ? C.value : y.value), D = r(() => T.value.src), M = r(() => I(T.value.type, T.value.src)), N = r(() => y.value.width), P = r(() => y.value.height), F = r(() => B(v.value)), L = r(() => `${l.item.postId}:${g.value}:${F.value?.src ?? ""}`), R = w(!1), W = r(() => R.value ? null : F.value), { effectivePreviewState: G, failSourceAttempt: K, imageElement: te, markSourceReady: q, noteSourceActivity: J, retrySource: ne, retrying: re, sourceGeneration: ie, mediaElement: ae } = It({
-			identity: () => `${l.item.postId}:${g.value}:${l.mediaSource ?? "preview"}:${D.value}:${M.value ?? ""}`,
-			mediaIndex: () => g.value,
+		let p = r(() => W(l.item)), m = r(() => G(l.item, l.mediaIndex)), _ = r(() => K(l.item, m.value)), y = r(() => V(_.value, l.mediaSource ?? "preview")), b = r(() => R(_.value.type, _.value.src)), S = r(() => b.value === "audio"), C = r(() => U(_.value, l.mediaSource ?? "preview")), w = r(() => S.value ? C.value : y.value), T = r(() => w.value.src), D = r(() => R(w.value.type, w.value.src)), k = r(() => y.value.width), P = r(() => y.value.height), F = r(() => H(_.value)), I = r(() => `${l.item.postId}:${m.value}:${F.value?.src ?? ""}`), L = E(!1), z = r(() => L.value ? null : F.value), { effectivePreviewState: B, failSourceAttempt: q, imageElement: ee, markSourceReady: J, noteSourceActivity: Y, retrySource: te, retrying: ne, sourceGeneration: re, mediaElement: ie } = Rt({
+			identity: () => `${l.item.postId}:${m.value}:${l.mediaSource ?? "preview"}:${T.value}:${D.value ?? ""}`,
+			mediaIndex: () => m.value,
 			onError: (e, t) => {
 				if (d("error", e), !t) return;
 				let n = l.mediaSource ?? "preview";
 				d("mediaError", {
 					mediaIndex: e,
-					source: n === "preview" && !S.value && v.value.preview ? "preview" : n === "mobile" && D.value === v.value.mobile?.src ? "mobile" : "original",
-					src: D.value
+					source: n === "preview" && !S.value && _.value.preview ? "preview" : n === "mobile" && T.value === _.value.mobile?.src ? "mobile" : "original",
+					src: T.value
 				});
 			},
 			onReady: (e) => d("ready", e),
 			previewState: () => l.previewState
 		});
-		Pt({
+		It({
 			inViewport: () => l.inViewport === !0,
 			item: () => l.item,
 			layout: () => l.layout,
 			mediaCard: () => l.mediaCard,
-			mediaIndex: () => g.value,
-			mediaReady: () => G.value === "ready",
+			mediaIndex: () => m.value,
+			mediaReady: () => B.value === "ready",
 			mediaSource: () => l.mediaSource ?? "preview"
 		});
-		let { currentTime: oe, duration: se, effectiveMuted: ce, isMuted: le, isPlaying: Y, onEnded: X, onLoadedMetadata: Z, onPlaying: ue, playbackAllowed: de, seek: fe, setVolume: pe, sync: Q, toggleMute: me, togglePlayback: he, volume: ge } = Ut({
+		let { currentTime: ae, duration: oe, effectiveMuted: se, isMuted: ce, isPlaying: X, onEnded: le, onLoadedMetadata: ue, onPlaying: Z, playbackAllowed: de, seek: fe, setVolume: pe, sync: Q, toggleMute: me, togglePlayback: he, volume: ge } = Gt({
 			active: () => l.active,
 			inViewport: () => l.inViewport === !0,
 			layout: () => l.layout,
 			mediaCard: () => l.mediaCard,
-			mediaElement: ae,
+			mediaElement: ie,
 			onAudioChange: (e) => d("reelAudioChange", e),
-			onEnded: () => d("ended", g.value),
-			onReady: q,
+			onEnded: () => d("ended", m.value),
+			onReady: J,
 			reelAudioState: () => l.reelAudioState
 		}), _e = r(() => l.interactive && !!(l.cardHeader || l.cardFooter));
 		function ve(e) {
 			return e.detail === 0 ? "keyboard" : "pointer";
 		}
-		let { change: ye, direction: be, onTouchEnd: xe, onTouchStart: Se, onWheel: Ce } = St({
+		let { change: ye, direction: be, onTouchEnd: xe, onTouchStart: Se, onWheel: Ce } = wt({
 			item: () => l.item,
 			layout: () => l.layout,
-			mediaIndex: () => g.value,
+			mediaIndex: () => m.value,
 			onChange: (e) => d("mediaChange", e)
-		}), { imageLoading: we, mediaIsTimed: Te, timedMediaPreload: Ee } = Ft({
+		}), { imageLoading: we, mediaIsTimed: Te, timedMediaPreload: Ee } = Lt({
 			active: () => l.active,
 			fetchPriority: () => l.fetchPriority,
 			layout: () => l.layout,
-			mediaSource: () => D.value,
-			mediaType: () => M.value,
-			mediaElement: ae,
+			mediaSource: () => T.value,
+			mediaType: () => D.value,
+			mediaElement: ie,
 			playbackAllowed: () => de.value
-		}), De = r(() => l.layout === "reel" && l.stationaryReelControls === !0), Oe = r(() => Te.value && (!S.value || l.layout === "reel") && G.value === "ready" && (!De.value || !!(l.active && l.reelControlsTarget))), ke = r(() => `${l.item.postId}:${g.value}:${D.value}`);
+		}), De = r(() => l.layout === "reel" && l.stationaryReelControls === !0), Oe = r(() => Te.value && (!S.value || l.layout === "reel") && B.value === "ready" && (!De.value || !!(l.active && l.reelControlsTarget))), ke = r(() => `${l.item.postId}:${m.value}:${T.value}`);
 		function Ae(e) {
 			l.layout === "reel" && (e.stopPropagation(), he());
 		}
 		function je(e) {
-			e.currentTarget.dataset.coverIdentity !== L.value || R.value || (d("mediaError", {
-				mediaIndex: g.value,
+			e.currentTarget.dataset.coverIdentity !== I.value || L.value || (d("mediaError", {
+				mediaIndex: m.value,
 				source: "preview",
 				src: F.value?.src ?? ""
-			}), R.value = !0, l.layout === "masonry" && q());
+			}), L.value = !0, l.layout === "masonry" && J());
 		}
-		return O(L, () => {
-			R.value = !1;
-		}), O([
+		return A(I, () => {
+			L.value = !1;
+		}), A([
 			S,
 			() => l.layout,
-			W
+			z
 		], ([e, t, n]) => {
-			e && t === "masonry" && !n && m(() => q());
-		}, { immediate: !0 }), (r, i) => (b(), s("article", {
+			e && t === "masonry" && !n && h(() => J());
+		}, { immediate: !0 }), (r, i) => (x(), s("article", {
 			"data-post-id": e.item.postId,
-			"data-media-index": g.value,
-			class: h(["media-card", {
+			"data-media-index": m.value,
+			class: g(["media-card", {
 				"media-card--entering": e.entering,
 				"media-card--leaving": e.leaving,
-				"media-card--error": E(G) === "error",
+				"media-card--error": O(B) === "error",
 				"media-card--transparent-chrome": e.mediaCard?.header?.background === "transparent" || e.mediaCard?.footer?.background === "transparent" || e.cardHeader?.background === "transparent" || e.cardFooter?.background === "transparent"
 			}]),
-			style: _(e.itemStyle),
+			style: v(e.itemStyle),
 			"aria-hidden": e.leaving || void 0,
-			"aria-busy": E(G) === "loading" || E(re),
+			"aria-busy": O(B) === "loading" || O(ne),
 			inert: e.leaving || void 0,
 			role: e.interactive && !e.leaving && !_e.value ? "button" : void 0,
 			tabindex: e.interactive && !e.leaving && !_e.value ? 0 : void 0,
 			onClick: i[34] ||= (t) => f(e.interactive && !_e.value, ve(t)),
-			onKeydown: [i[35] ||= A((t) => f(e.interactive && !_e.value, "keyboard"), ["enter"]), i[36] ||= A(j((t) => f(e.interactive && !_e.value, "keyboard"), ["prevent"]), ["space"])]
-		}, [c("div", Gt, [
-			e.cardHeader ? (b(), a(rt, {
+			onKeydown: [i[35] ||= M((t) => f(e.interactive && !_e.value, "keyboard"), ["enter"]), i[36] ||= M(N((t) => f(e.interactive && !_e.value, "keyboard"), ["prevent"]), ["space"])]
+		}, [c("div", qt, [
+			e.cardHeader ? (x(), a(at, {
 				key: 0,
 				index: e.index,
 				item: e.item,
 				layout: e.layout,
 				"loaded-count": e.loadedCount,
-				"media-index": g.value,
+				"media-index": m.value,
 				"media-source": e.mediaSource,
 				placement: "header",
 				region: e.cardHeader,
-				style: _(e.mediaCard?.header),
+				style: v(e.mediaCard?.header),
 				total: e.total
 			}, null, 8, [
 				"index",
@@ -1586,28 +1586,28 @@ var Wt = [
 				"total"
 			])) : o("", !0),
 			c("div", {
-				class: h(["media-card-media", { "media-card-media--carousel": e.layout === "reel" && p.value.length > 1 }]),
-				"data-media-direction": E(be),
-				onWheel: i[31] ||= (...e) => E(Ce) && E(Ce)(...e),
-				onTouchstartPassive: i[32] ||= (...e) => E(Se) && E(Se)(...e),
-				onTouchendPassive: i[33] ||= (...e) => E(xe) && E(xe)(...e)
+				class: g(["media-card-media", { "media-card-media--carousel": e.layout === "reel" && p.value.length > 1 }]),
+				"data-media-direction": O(be),
+				onWheel: i[31] ||= (...e) => O(Ce) && O(Ce)(...e),
+				onTouchstartPassive: i[32] ||= (...e) => O(Se) && O(Se)(...e),
+				onTouchendPassive: i[33] ||= (...e) => O(xe) && O(xe)(...e)
 			}, [
 				u(n, {
-					css: !E(re),
-					name: `media-slide-${E(be)}`
+					css: !O(ne),
+					name: `media-slide-${O(be)}`
 				}, {
-					default: k(() => [(b(), s("div", {
-						key: `${e.item.postId}:${v.value.src}:${e.mediaSource ?? "preview"}:${E(ie)}`,
+					default: j(() => [(x(), s("div", {
+						key: `${e.item.postId}:${_.value.src}:${e.mediaSource ?? "preview"}:${O(re)}`,
 						class: "media-card-frame",
-						"data-media-index": g.value
+						"data-media-index": m.value
 					}, [
-						E(G) === "loading" ? (b(), s("div", Jt, [...i[37] ||= [c("span", { class: "media-loading-shimmer" }, null, -1)]])) : E(G) === "error" ? (b(), a(st, {
+						O(B) === "loading" ? (x(), s("div", Xt, [...i[37] ||= [c("span", { class: "media-loading-shimmer" }, null, -1)]])) : O(B) === "error" ? (x(), a(lt, {
 							key: 1,
 							component: e.mediaCard?.error?.component,
-							label: E(nt)(D.value),
-							retrying: E(re),
-							status: E(tt)(D.value),
-							onRetry: E(ne)
+							label: O(it)(T.value),
+							retrying: O(ne),
+							status: O(rt)(T.value),
+							onRetry: O(te)
 						}, null, 8, [
 							"component",
 							"label",
@@ -1615,106 +1615,106 @@ var Wt = [
 							"status",
 							"onRetry"
 						])) : o("", !0),
-						S.value && e.layout === "reel" ? (b(), s("audio", {
+						S.value && e.layout === "reel" ? (x(), s("audio", {
 							key: 2,
 							ref_key: "mediaElement",
-							ref: ae,
-							"data-source-generation": E(ie),
+							ref: ie,
+							"data-source-generation": O(re),
 							class: "media-audio-element",
-							src: D.value,
-							autoplay: E(de),
+							src: T.value,
+							autoplay: O(de),
 							loop: !e.advanceOnMediaEnd,
-							muted: E(ce),
-							preload: E(Ee),
-							onLoadedmetadata: i[0] ||= (...e) => E(Z) && E(Z)(...e),
-							onProgress: i[1] ||= (...e) => E(J) && E(J)(...e),
-							onLoadeddata: i[2] ||= (...e) => E(J) && E(J)(...e),
-							onCanplay: i[3] ||= (...e) => E(J) && E(J)(...e),
-							onDurationchange: i[4] ||= (...e) => E(Q) && E(Q)(...e),
-							onTimeupdate: i[5] ||= (...e) => E(Q) && E(Q)(...e),
-							onVolumechange: i[6] ||= (...e) => E(Q) && E(Q)(...e),
-							onPlaying: i[7] ||= (...e) => E(ue) && E(ue)(...e),
-							onPause: i[8] ||= (e) => Y.value = !1,
-							onEnded: i[9] ||= (...e) => E(X) && E(X)(...e),
-							onError: i[10] ||= (...e) => E(K) && E(K)(...e)
-						}, null, 40, Yt)) : o("", !0),
-						S.value ? (b(), s("button", {
+							muted: O(se),
+							preload: O(Ee),
+							onLoadedmetadata: i[0] ||= (...e) => O(ue) && O(ue)(...e),
+							onProgress: i[1] ||= (...e) => O(Y) && O(Y)(...e),
+							onLoadeddata: i[2] ||= (...e) => O(Y) && O(Y)(...e),
+							onCanplay: i[3] ||= (...e) => O(Y) && O(Y)(...e),
+							onDurationchange: i[4] ||= (...e) => O(Q) && O(Q)(...e),
+							onTimeupdate: i[5] ||= (...e) => O(Q) && O(Q)(...e),
+							onVolumechange: i[6] ||= (...e) => O(Q) && O(Q)(...e),
+							onPlaying: i[7] ||= (...e) => O(Z) && O(Z)(...e),
+							onPause: i[8] ||= (e) => X.value = !1,
+							onEnded: i[9] ||= (...e) => O(le) && O(le)(...e),
+							onError: i[10] ||= (...e) => O(q) && O(q)(...e)
+						}, null, 40, Zt)) : o("", !0),
+						S.value ? (x(), s("button", {
 							key: 3,
 							type: "button",
-							class: h(["media-audio-artwork media-preview", { "media-preview--ready": E(G) === "ready" }]),
-							"aria-label": e.layout === "reel" ? E(Y) ? "Pause audio" : "Play audio" : "Audio",
+							class: g(["media-audio-artwork media-preview", { "media-preview--ready": O(B) === "ready" }]),
+							"aria-label": e.layout === "reel" ? O(X) ? "Pause audio" : "Play audio" : "Audio",
 							disabled: e.layout !== "reel",
 							onClick: Ae
-						}, [W.value ? (b(), s("img", {
-							key: L.value,
-							"data-cover-identity": L.value,
-							"data-source-generation": E(ie),
+						}, [z.value ? (x(), s("img", {
+							key: I.value,
+							"data-cover-identity": I.value,
+							"data-source-generation": O(re),
 							class: "media-audio-cover",
-							src: W.value.src,
-							width: W.value.width ?? void 0,
-							height: W.value.height ?? void 0,
+							src: z.value.src,
+							width: z.value.width ?? void 0,
+							height: z.value.height ?? void 0,
 							fetchpriority: e.fetchPriority,
 							alt: "",
 							decoding: "async",
-							loading: E(we),
-							onLoad: i[11] ||= (t) => e.layout === "masonry" && E(q)(t),
+							loading: O(we),
+							onLoad: i[11] ||= (t) => e.layout === "masonry" && O(J)(t),
 							onError: je
-						}, null, 40, Zt)) : (b(), s("span", Qt, [u(E(Ye), {
+						}, null, 40, $t)) : (x(), s("span", en, [u(O(Ze), {
 							size: 64,
 							"stroke-width": 1.5
-						})]))], 10, Xt)) : E(Te) ? (b(), s("video", {
+						})]))], 10, Qt)) : O(Te) ? (x(), s("video", {
 							key: 4,
 							ref_key: "mediaElement",
-							ref: ae,
-							"data-source-generation": E(ie),
-							class: h(["media-preview", {
-								"media-preview--ready": E(G) === "ready",
+							ref: ie,
+							"data-source-generation": O(re),
+							class: g(["media-preview", {
+								"media-preview--ready": O(B) === "ready",
 								"media-preview--reel-video": e.layout === "reel"
 							}]),
-							src: D.value,
-							width: N.value ?? void 0,
+							src: T.value,
+							width: k.value ?? void 0,
 							height: P.value ?? void 0,
-							autoplay: E(de),
+							autoplay: O(de),
 							loop: !e.advanceOnMediaEnd,
-							muted: E(ce),
+							muted: O(se),
 							playsinline: "",
-							preload: E(Ee),
-							onLoadedmetadata: i[12] ||= (...e) => E(Z) && E(Z)(...e),
-							onProgress: i[13] ||= (...e) => E(J) && E(J)(...e),
-							onLoadeddata: i[14] ||= (...e) => E(J) && E(J)(...e),
-							onCanplay: i[15] ||= (...e) => E(J) && E(J)(...e),
-							onDurationchange: i[16] ||= (...e) => E(Q) && E(Q)(...e),
-							onTimeupdate: i[17] ||= (...e) => E(Q) && E(Q)(...e),
-							onVolumechange: i[18] ||= (...e) => E(Q) && E(Q)(...e),
-							onPlaying: i[19] ||= (...e) => E(ue) && E(ue)(...e),
-							onPause: i[20] ||= (e) => Y.value = !1,
-							onEnded: i[21] ||= (...e) => E(X) && E(X)(...e),
+							preload: O(Ee),
+							onLoadedmetadata: i[12] ||= (...e) => O(ue) && O(ue)(...e),
+							onProgress: i[13] ||= (...e) => O(Y) && O(Y)(...e),
+							onLoadeddata: i[14] ||= (...e) => O(Y) && O(Y)(...e),
+							onCanplay: i[15] ||= (...e) => O(Y) && O(Y)(...e),
+							onDurationchange: i[16] ||= (...e) => O(Q) && O(Q)(...e),
+							onTimeupdate: i[17] ||= (...e) => O(Q) && O(Q)(...e),
+							onVolumechange: i[18] ||= (...e) => O(Q) && O(Q)(...e),
+							onPlaying: i[19] ||= (...e) => O(Z) && O(Z)(...e),
+							onPause: i[20] ||= (e) => X.value = !1,
+							onEnded: i[21] ||= (...e) => O(le) && O(le)(...e),
 							onClick: Ae,
-							onError: i[22] ||= (...e) => E(K) && E(K)(...e)
-						}, null, 42, $t)) : S.value ? o("", !0) : (b(), s("img", {
+							onError: i[22] ||= (...e) => O(q) && O(q)(...e)
+						}, null, 42, tn)) : S.value ? o("", !0) : (x(), s("img", {
 							key: 5,
 							ref_key: "imageElement",
-							ref: te,
-							"data-source-generation": E(ie),
-							class: h(["media-preview", { "media-preview--ready": E(G) === "ready" }]),
-							src: D.value,
-							width: N.value ?? void 0,
+							ref: ee,
+							"data-source-generation": O(re),
+							class: g(["media-preview", { "media-preview--ready": O(B) === "ready" }]),
+							src: T.value,
+							width: k.value ?? void 0,
 							height: P.value ?? void 0,
 							fetchpriority: e.fetchPriority,
 							alt: "",
 							decoding: "async",
-							loading: E(we),
-							onLoad: i[23] ||= (...e) => E(q) && E(q)(...e),
-							onError: i[24] ||= (...e) => E(K) && E(K)(...e)
-						}, null, 42, en))
-					], 8, qt))]),
+							loading: O(we),
+							onLoad: i[23] ||= (...e) => O(J) && O(J)(...e),
+							onError: i[24] ||= (...e) => O(q) && O(q)(...e)
+						}, null, 42, nn))
+					], 8, Yt))]),
 					_: 1
 				}, 8, ["css", "name"]),
-				u(vt, {
+				u(bt, {
 					item: e.item,
 					"media-card": e.mediaCard,
-					"media-index": g.value,
-					"media-item": v.value,
+					"media-index": m.value,
+					"media-item": _.value,
 					"media-source": e.mediaSource ?? "preview"
 				}, null, 8, [
 					"item",
@@ -1723,27 +1723,27 @@ var Wt = [
 					"media-item",
 					"media-source"
 				]),
-				(b(), a(t, {
+				(x(), a(t, {
 					disabled: !De.value || !e.reelControlsTarget,
 					to: e.reelControlsTarget ?? "body"
 				}, [u(n, {
 					name: "vibe-reel-media-controls",
 					css: De.value
 				}, {
-					default: k(() => [Oe.value ? (b(), a(gt, {
+					default: j(() => [Oe.value ? (x(), a(vt, {
 						key: ke.value,
-						"current-time": E(oe),
+						"current-time": O(ae),
 						"data-control-post-id": De.value ? e.item.postId : void 0,
-						duration: E(se),
+						duration: O(oe),
 						layout: e.layout,
 						"media-type": S.value ? "audio" : "video",
-						muted: E(le),
-						playing: E(Y),
-						volume: E(ge),
-						onSeek: E(fe),
-						onToggleMute: E(me),
-						onTogglePlayback: E(he),
-						onVolumeChange: E(pe)
+						muted: O(ce),
+						playing: O(X),
+						volume: O(ge),
+						onSeek: O(fe),
+						onToggleMute: O(me),
+						onTogglePlayback: O(he),
+						onVolumeChange: O(pe)
 					}, null, 8, [
 						"current-time",
 						"data-control-post-id",
@@ -1760,43 +1760,43 @@ var Wt = [
 					])) : o("", !0)]),
 					_: 1
 				}, 8, ["css"])], 8, ["disabled", "to"])),
-				p.value.length > 1 ? (b(), s("div", {
+				p.value.length > 1 ? (x(), s("div", {
 					key: 0,
-					class: h(["media-carousel-controls", { "media-carousel-controls--persistent": e.layout === "reel" }]),
+					class: g(["media-carousel-controls", { "media-carousel-controls--persistent": e.layout === "reel" }]),
 					"aria-label": "Media navigation"
 				}, [c("button", {
 					type: "button",
 					class: "media-carousel-control media-carousel-control--previous",
 					"aria-label": `Previous media for post ${e.item.postId}`,
-					onClick: i[25] ||= j((e) => E(ye)(g.value - 1, e), ["stop"]),
-					onKeydown: i[26] ||= j(() => {}, ["stop"])
-				}, [u(E(qe), { size: 20 })], 40, tn), c("button", {
+					onClick: i[25] ||= N((e) => O(ye)(m.value - 1, e), ["stop"]),
+					onKeydown: i[26] ||= N(() => {}, ["stop"])
+				}, [u(O(Ye), { size: 20 })], 40, rn), c("button", {
 					type: "button",
 					class: "media-carousel-control media-carousel-control--next",
 					"aria-label": `Next media for post ${e.item.postId}`,
-					onClick: i[27] ||= j((e) => E(ye)(g.value + 1, e), ["stop"]),
-					onKeydown: i[28] ||= j(() => {}, ["stop"])
-				}, [u(E(Je), { size: 20 })], 40, nn)], 2)) : o("", !0),
-				_e.value ? (b(), s("button", {
+					onClick: i[27] ||= N((e) => O(ye)(m.value + 1, e), ["stop"]),
+					onKeydown: i[28] ||= N(() => {}, ["stop"])
+				}, [u(O(Xe), { size: 20 })], 40, an)], 2)) : o("", !0),
+				_e.value ? (x(), s("button", {
 					key: 1,
 					class: "media-card-activator",
 					type: "button",
 					"aria-label": `Open post ${e.item.postId}`,
-					onClick: i[29] ||= j((e) => r.$emit("activate", ve(e)), ["stop"]),
-					onKeydown: i[30] ||= j(() => {}, ["stop"])
-				}, null, 40, rn)) : o("", !0)
-			], 42, Kt),
-			e.cardFooter ? (b(), a(rt, {
+					onClick: i[29] ||= N((e) => r.$emit("activate", ve(e)), ["stop"]),
+					onKeydown: i[30] ||= N(() => {}, ["stop"])
+				}, null, 40, on)) : o("", !0)
+			], 42, Jt),
+			e.cardFooter ? (x(), a(at, {
 				key: 1,
 				index: e.index,
 				item: e.item,
 				layout: e.layout,
 				"loaded-count": e.loadedCount,
-				"media-index": g.value,
+				"media-index": m.value,
 				"media-source": e.mediaSource,
 				placement: "footer",
 				region: e.cardFooter,
-				style: _(e.mediaCard?.footer),
+				style: v(e.mediaCard?.footer),
 				total: e.total
 			}, null, 8, [
 				"index",
@@ -1809,17 +1809,17 @@ var Wt = [
 				"style",
 				"total"
 			])) : o("", !0)
-		])], 46, Wt));
+		])], 46, Kt));
 	}
 });
 //#endregion
 //#region src/components/useMasonryMediaVisibility.ts
-function on(e) {
+function cn(e) {
 	function t(t) {
 		return t.flatMap((t) => {
 			let n = e.items()[t];
 			if (!n) return [];
-			let r = e.mediaIndices().get(n.postId) ?? 0, i = W(n.postId, r);
+			let r = e.mediaIndices().get(n.postId) ?? 0, i = q(n.postId, r);
 			return e.previewStates().get(i) === "ready" ? [{
 				key: i,
 				mediaIndex: r,
@@ -1829,7 +1829,7 @@ function on(e) {
 	}
 	function n(e, n) {
 		let r = /* @__PURE__ */ new Set();
-		O(() => t(e()), (e) => {
+		A(() => t(e()), (e) => {
 			let t = new Set(e.map(({ key: e }) => e));
 			e.forEach(({ key: e, mediaIndex: t, postId: i }) => {
 				r.has(e) || n(i, t);
@@ -1843,14 +1843,14 @@ function on(e) {
 }
 //#endregion
 //#region src/components/useSettledMasonryFeedLayout.ts
-var sn = 1500;
-function cn(e) {
-	let t = w(0), n = 0, i = null, a = 0, o = 0, s = null, c = 0, l = null, u = null, d = 0;
+var ln = 1500;
+function un(e) {
+	let t = E(0), n = 0, i = null, a = 0, o = 0, s = null, c = 0, l = null, u = null, d = 0;
 	function f() {
 		s !== null && (cancelAnimationFrame(s), s = null);
 	}
 	function p(e, t, n, r) {
-		return i = e, l = t.slice(), u = Ce(e.items, u ?? Se(r.items), n), c = e.items.length < t.length ? Math.max(c, r.height, e.height) : 0, e.items.length < t.length && e.items.length > n && m(), e;
+		return i = e, l = t.slice(), u = Te(e.items, u ?? we(r.items), n), c = e.items.length < t.length ? Math.max(c, r.height, e.height) : 0, e.items.length < t.length && e.items.length > n && m(), e;
 	}
 	function m() {
 		s === null && (s = requestAnimationFrame(() => {
@@ -1858,13 +1858,13 @@ function cn(e) {
 			let n = e.items(), r = i;
 			if (!r || r.items.length >= n.length) return;
 			let a = r.items.length;
-			p(ve(n, e.width.value, {
+			p(be(n, e.width.value, {
 				additionalHeight: e.additionalHeight.value,
 				gap: e.gap.value,
 				minColumnWidth: e.minColumnWidth.value
 			}, r, a, {
 				throughIndex: e.packThroughIndex(),
-				untilIndex: a + sn
+				untilIndex: a + ln
 			}), n, a, r), t.value += 1;
 		}));
 	}
@@ -1878,22 +1878,22 @@ function cn(e) {
 		if (g && l && d === s && a === h.gap && n === h.additionalHeight && o === h.minColumnWidth) {
 			let t = 0, n = l, i = Math.min(n.length, r.length);
 			for (; t < i && n[t] === r[t];) t += 1;
-			return t === r.length && t === n.length ? (g.items.length > 0 && g.items.length < r.length && m(), g) : (f(), p(ve(r, s, h, g, t, {
+			return t === r.length && t === n.length ? (g.items.length > 0 && g.items.length < r.length && m(), g) : (f(), p(be(r, s, h, g, t, {
 				throughIndex: e.packThroughIndex(),
 				untilBottom: e.packUntilBottom()
 			}), r, t, g));
 		}
 		f();
-		let _ = _e(r, s, h);
-		return i = _, l = r.slice(), d = s, a = h.gap, n = h.additionalHeight, o = h.minColumnWidth, u = Se(_.items), c = 0, _;
-	}), g = r(() => (h.value, u ?? Se(h.value.items)));
-	return v(f), {
+		let _ = ye(r, s, h);
+		return i = _, l = r.slice(), d = s, a = h.gap, n = h.additionalHeight, o = h.minColumnWidth, u = we(_.items), c = 0, _;
+	}), g = r(() => (h.value, u ?? we(h.value.items)));
+	return y(f), {
 		ensurePackedThrough(n) {
 			let r = e.items(), a = i;
 			if (!a || a.items.length >= r.length || a.height >= n) return;
 			f();
 			let o = a.items.length;
-			p(ve(r, e.width.value, {
+			p(be(r, e.width.value, {
 				additionalHeight: e.additionalHeight.value,
 				gap: e.gap.value,
 				minColumnWidth: e.minColumnWidth.value
@@ -1909,10 +1909,10 @@ function cn(e) {
 }
 //#endregion
 //#region src/components/MasonryFeed.vue?vue&type=script&setup=true&lang.ts
-var ln = { class: "masonry-feed-shell" }, un = ["aria-hidden", "inert"], dn = {
+var dn = { class: "masonry-feed-shell" }, fn = ["aria-hidden", "inert"], pn = {
 	key: 0,
 	class: "masonry-feed-status-overlay"
-}, fn = 6, pn = 12, mn = 250, hn = /* @__PURE__ */ d({
+}, mn = 6, hn = 12, gn = 250, _n = /* @__PURE__ */ d({
 	__name: "MasonryFeed",
 	props: {
 		enteringPostIds: {},
@@ -1951,31 +1951,31 @@ var ln = { class: "masonry-feed-shell" }, un = ["aria-hidden", "inert"], dn = {
 		"visible"
 	],
 	setup(t, { expose: n, emit: i }) {
-		let l = 0, d = t, f = i, p = w(null), m = `vibe-masonry-${D()}`, g = w(null), y = w(0), x = w(fn), C = w(0), T = w(0), k = w(0), A = w([]), j = w([]), M = w([]), N = 0, P = null, F = null, I = null, L = null, R = r(() => ({
+		let l = 0, d = t, f = i, p = E(null), m = `vibe-masonry-${k()}`, h = E(null), _ = E(0), b = E(mn), S = E(0), w = E(0), T = E(0), D = E([]), j = E([]), M = E([]), N = 0, P = null, F = null, I = null, L = null, R = r(() => ({
 			additionalHeight: (d.cardHeader?.height ?? 0) + (d.cardFooter?.height ?? 0),
-			gap: x.value,
-			minColumnWidth: De(d.masonry)
+			gap: b.value,
+			minColumnWidth: ke(d.masonry)
 		})), z = [];
 		function B() {
-			let e = N - k.value + C.value + Oe(d.masonry, C.value), t = M.value.reduce((e, t) => {
+			let e = N - T.value + S.value + Ae(d.masonry, S.value), t = M.value.reduce((e, t) => {
 				let n = z[t];
 				return n ? Math.max(e, n.y + n.height) : e;
 			}, 0);
 			return Math.max(e, t);
 		}
-		function ee() {
+		function V() {
 			return M.value.reduce((e, t) => Math.max(e, t), -1);
 		}
-		let V = cn({
+		let H = un({
 			additionalHeight: r(() => R.value.additionalHeight),
-			gap: x,
+			gap: b,
 			items: () => d.items,
 			minColumnWidth: r(() => R.value.minColumnWidth),
-			packThroughIndex: ee,
+			packThroughIndex: V,
 			packUntilBottom: B,
-			width: y
-		}), H = V.layout, U = V.viewportIndex, G = r(() => d.leavingPostIds.size === 0 ? null : ye(d.items, y.value, R.value, H.value, (e) => d.leavingPostIds.has(d.items[e].postId), {
-			throughIndex: ee(),
+			width: _
+		}), U = H.layout, W = H.viewportIndex, G = r(() => d.leavingPostIds.size === 0 ? null : xe(d.items, _.value, R.value, U.value, (e) => d.leavingPostIds.has(d.items[e].postId), {
+			throughIndex: V(),
 			untilBottom: B()
 		})), K = r(() => {
 			let e = G.value;
@@ -1983,33 +1983,33 @@ var ln = { class: "masonry-feed-shell" }, un = ["aria-hidden", "inert"], dn = {
 				columns: e.columns,
 				height: e.height,
 				items: e.items
-			} : H.value;
-		}), te = r(() => {
+			} : U.value;
+		}), ee = r(() => {
 			let e = G.value;
-			return e ? we(e.items, e.retainedIndices, U.value, e.fromIndex) : null;
-		}), q = r(() => (H.value, Math.max(T.value, V.reservedHeight(), d.leavingPostIds.size === 0 ? K.value.height : H.value.height))), J = r(() => ({ height: `${q.value}px` })), ne = r(() => !d.infiniteScroll || C.value > 0 && k.value + K.value.height <= C.value + 1), re = r(() => new Set(j.value)), ie = r(() => M.value.flatMap((e) => {
+			return e ? Ee(e.items, e.retainedIndices, W.value, e.fromIndex) : null;
+		}), J = r(() => (U.value, Math.max(w.value, H.reservedHeight(), d.leavingPostIds.size === 0 ? K.value.height : U.value.height))), Y = r(() => ({ height: `${J.value}px` })), te = r(() => !d.infiniteScroll || S.value > 0 && T.value + K.value.height <= S.value + 1), ne = r(() => new Set(j.value)), re = r(() => M.value.flatMap((e) => {
 			let t = d.items[e], n = K.value.items[e];
 			return !t || !n || n.width <= 0 || n.height <= 0 ? [] : [{
-				fetchPriority: re.value.has(e) ? "high" : "low",
+				fetchPriority: ne.value.has(e) ? "high" : "low",
 				index: e,
 				item: t
 			}];
 		}));
-		function ae(e, t) {
+		function ie(e, t) {
 			return [...new Set([...e, ...t])].sort((e, t) => e - t);
 		}
-		function se(e, t) {
+		function ae(e, t) {
 			return e.length === t.length && e.every((e, n) => e === t[n]);
 		}
-		function ce(e) {
+		function oe(e) {
 			let t = {
-				scrollTop: N - k.value,
-				viewportHeight: C.value
-			}, n = te.value, r = Ee(n ?? U.value, {
+				scrollTop: N - T.value,
+				viewportHeight: S.value
+			}, n = ee.value, r = Oe(n ?? W.value, {
 				...t,
 				overscan: e
 			}).indices;
-			return ae(r, d.leavingPostIds.size === 0 ? [] : Ee(U.value, {
+			return ie(r, d.leavingPostIds.size === 0 ? [] : Oe(W.value, {
 				...t,
 				overscan: e
 			}).indices.filter((e) => {
@@ -2017,28 +2017,28 @@ var ln = { class: "masonry-feed-shell" }, un = ["aria-hidden", "inert"], dn = {
 				return t !== void 0 && d.leavingPostIds.has(t.postId);
 			}));
 		}
-		function le() {
-			let e = ce(0), t = ce(Oe(d.masonry, C.value));
-			se(j.value, e) || (j.value = e);
-			let n = pe(K.value.items, e.filter((e) => {
+		function ce() {
+			let e = oe(0), t = oe(Ae(d.masonry, S.value));
+			ae(j.value, e) || (j.value = e);
+			let n = me(K.value.items, e.filter((e) => {
 				let t = d.items[e];
 				return t && !d.leavingPostIds.has(t.postId);
 			}), {
-				scrollTop: N - k.value,
-				viewportHeight: C.value
+				scrollTop: N - T.value,
+				viewportHeight: S.value
 			});
-			se(A.value, n) || (A.value = n), se(M.value, t) || (M.value = t);
+			ae(D.value, n) || (D.value = n), ae(M.value, t) || (M.value = t);
 		}
 		function X() {
 			if (L !== null) return;
 			L = -1;
 			let e = requestAnimationFrame(() => {
-				L = null, le();
+				L = null, ce();
 			});
 			L !== null && (L = e);
 		}
-		on({
-			fullyVisibleIndices: () => A.value,
+		cn({
+			fullyVisibleIndices: () => D.value,
 			items: () => d.items,
 			mediaIndices: () => d.mediaIndices,
 			onFullyVisible: (e, t) => f("fullyVisible", e, t),
@@ -2046,12 +2046,12 @@ var ln = { class: "masonry-feed-shell" }, un = ["aria-hidden", "inert"], dn = {
 			previewStates: () => d.previewStates,
 			visibleIndices: () => j.value
 		});
-		function Z(e) {
+		function le(e) {
 			let t = K.value.items[e], n = d.items[e]?.postId;
 			if (!t || t.width <= 0 || t.height <= 0) return {};
-			let r = n !== void 0 && d.enteringPostIds.has(n), i = n !== void 0 && d.leavingPostIds.has(n), a = r || i ? ue({
-				containerHeight: Math.max(T.value, H.value.height),
-				gap: x.value
+			let r = n !== void 0 && d.enteringPostIds.has(n), i = n !== void 0 && d.leavingPostIds.has(n), a = r || i ? fe({
+				containerHeight: Math.max(w.value, U.value.height),
+				gap: b.value
 			}) : 0, o = n === void 0 ? 0 : i ? d.removalDelays.get(n) ?? 0 : r ? d.entryDelays.get(n) ?? 0 : 0;
 			return {
 				"--masonry-entry-delay": `${o}ms`,
@@ -2060,70 +2060,70 @@ var ln = { class: "masonry-feed-shell" }, un = ["aria-hidden", "inert"], dn = {
 				transform: `translate3d(${t.x}px, ${t.y + a}px, 0)`
 			};
 		}
-		function de() {
+		function Z() {
 			let e = p.value;
 			if (!e) return;
-			N = e.scrollTop, C.value = e.clientHeight;
+			N = e.scrollTop, S.value = e.clientHeight;
 			let t = e.ownerDocument.defaultView?.getComputedStyle(e), n = (Number.parseFloat(t?.paddingTop ?? "") || 0) + (Number.parseFloat(t?.paddingBottom ?? "") || 0);
-			T.value = Math.max(0, e.clientHeight - n);
-			let r = g.value;
-			r && (k.value = r.getBoundingClientRect().top - e.getBoundingClientRect().top + e.scrollTop, le());
+			w.value = Math.max(0, e.clientHeight - n);
+			let r = h.value;
+			r && (T.value = r.getBoundingClientRect().top - e.getBoundingClientRect().top + e.scrollTop, ce());
 		}
-		function fe(e) {
+		function de(e) {
 			let t = e.ownerDocument.documentElement.clientWidth;
-			y.value = e.clientWidth, x.value = Math.min(pn, Math.max(fn, t * .0075)), de();
+			_.value = e.clientWidth, b.value = Math.min(hn, Math.max(mn, t * .0075)), Z();
 		}
-		function Q(e) {
+		function pe(e) {
 			let t = e.currentTarget;
-			t && (N = t.scrollTop, V.ensurePackedThrough(B()), X(), Date.now() >= l && !d.loadMoreLocked && d.infiniteScroll && Y(t, d.masonry?.loadMoreThresholdPx) && f("loadMore"));
+			t && (N = t.scrollTop, H.ensurePackedThrough(B()), X(), Date.now() >= l && !d.loadMoreLocked && d.infiniteScroll && ue(t, d.masonry?.loadMoreThresholdPx) && f("loadMore"));
 		}
-		function me() {
+		function Q() {
 			let e = p.value;
-			Date.now() >= l && !d.loadMoreLocked && e && Y(e, d.masonry?.loadMoreThresholdPx) && f("loadMore");
+			Date.now() >= l && !d.loadMoreLocked && e && ue(e, d.masonry?.loadMoreThresholdPx) && f("loadMore");
 		}
-		O(() => d.items.length, (e, t) => {
-			e > 0 && e < t && (l = Date.now() + mn);
+		A(() => d.items.length, (e, t) => {
+			e > 0 && e < t && (l = Date.now() + gn);
 		});
 		function he() {
 			return p.value;
 		}
-		return O(g, (e) => {
-			P?.disconnect(), P = null, I !== null && cancelAnimationFrame(I), e && (fe(e), !(typeof ResizeObserver > "u") && (P = new ResizeObserver(([t]) => {
+		return A(h, (e) => {
+			P?.disconnect(), P = null, I !== null && cancelAnimationFrame(I), e && (de(e), !(typeof ResizeObserver > "u") && (P = new ResizeObserver(([t]) => {
 				let n = t?.contentRect.width ?? e.clientWidth;
-				Math.abs(n - y.value) < .5 || (I = requestAnimationFrame(() => {
-					I = null, fe(e);
+				Math.abs(n - _.value) < .5 || (I = requestAnimationFrame(() => {
+					I = null, de(e);
 				}));
 			}), P.observe(e)));
-		}), O(p, (e) => {
-			F?.disconnect(), F = null, e && (de(), !(typeof ResizeObserver > "u") && (F = new ResizeObserver(de), F.observe(e)));
-		}), O(K, (e) => {
+		}), A(p, (e) => {
+			F?.disconnect(), F = null, e && (Z(), !(typeof ResizeObserver > "u") && (F = new ResizeObserver(Z), F.observe(e)));
+		}), A(K, (e) => {
 			z = e.items;
-		}, { flush: "sync" }), O([
-			H,
+		}, { flush: "sync" }), A([
+			U,
 			K,
 			() => d.masonry
-		], le, { flush: "post" }), v(() => {
+		], ce, { flush: "post" }), y(() => {
 			P?.disconnect(), F?.disconnect(), I !== null && cancelAnimationFrame(I), L !== null && cancelAnimationFrame(L);
 		}), n({
 			getScrollElement: he,
-			loadIfNearBottom: me
-		}), (n, r) => (b(), s("div", ln, [
+			loadIfNearBottom: Q
+		}), (n, r) => (x(), s("div", dn, [
 			c("main", {
 				id: m,
 				ref_key: "galleryElement",
 				ref: p,
-				class: h(["gallery-shell masonry-feed", { "masonry-feed--suspended": t.suspended }]),
+				class: g(["gallery-shell masonry-feed", { "masonry-feed--suspended": t.suspended }]),
 				"data-layout-mode": "masonry",
 				"aria-hidden": t.suspended || void 0,
 				inert: t.suspended || void 0,
-				onScrollPassive: Q
+				onScrollPassive: pe
 			}, [c("section", {
 				ref_key: "masonryElement",
-				ref: g,
-				class: h(["masonry", { "masonry--ready": y.value > 0 }]),
-				style: _(J.value),
+				ref: h,
+				class: g(["masonry", { "masonry--ready": _.value > 0 }]),
+				style: v(Y.value),
 				"aria-label": "Media gallery"
-			}, [(b(!0), s(e, null, S(ie.value, ({ fetchPriority: e, item: n, index: r }) => (b(), a(an, {
+			}, [(x(!0), s(e, null, C(re.value, ({ fetchPriority: e, item: n, index: r }) => (x(), a(sn, {
 				key: n.postId,
 				class: "masonry-item",
 				entering: t.enteringPostIds.has(n.postId),
@@ -2132,15 +2132,15 @@ var ln = { class: "masonry-feed-shell" }, un = ["aria-hidden", "inert"], dn = {
 				"card-footer": t.cardFooter,
 				"card-header": t.cardHeader,
 				"media-card": t.mediaCard,
-				"in-viewport": re.value.has(r),
+				"in-viewport": ne.value.has(r),
 				index: r,
 				item: n,
-				"item-style": Z(r),
+				"item-style": le(r),
 				interactive: "",
 				layout: "masonry",
 				"loaded-count": t.items.length,
 				"media-index": t.mediaIndices.get(n.postId) ?? 0,
-				"preview-state": t.previewStates.get(E(W)(n.postId, t.mediaIndices.get(n.postId) ?? 0)) ?? "loading",
+				"preview-state": t.previewStates.get(O(q)(n.postId, t.mediaIndices.get(n.postId) ?? 0)) ?? "loading",
 				total: t.total,
 				onActivate: (e) => f("activate", n.postId, e),
 				onMediaChange: (e) => f("mediaChange", n.postId, e),
@@ -2167,13 +2167,13 @@ var ln = { class: "masonry-feed-shell" }, un = ["aria-hidden", "inert"], dn = {
 				"onReady",
 				"onError",
 				"onMediaError"
-			]))), 128))], 6), t.masonry?.bottomSpacePx ? (b(), s("div", {
+			]))), 128))], 6), t.masonry?.bottomSpacePx ? (x(), s("div", {
 				key: 0,
 				class: "masonry-bottom-space",
 				"aria-hidden": "true",
-				style: _({ flex: `0 0 ${t.masonry.bottomSpacePx}px` })
-			}, null, 4)) : o("", !0)], 42, un),
-			t.feedFooter || t.isLoadingMore || t.nextPageError || t.hasNext && ne.value || !t.hasNext && t.canRetryEnd ? (b(), s("div", dn, [u(oe, {
+				style: v({ flex: `0 0 ${t.masonry.bottomSpacePx}px` })
+			}, null, 4)) : o("", !0)], 42, fn),
+			t.feedFooter || t.isLoadingMore || t.nextPageError || t.hasNext && te.value || !t.hasNext && t.canRetryEnd ? (x(), s("div", pn, [u(se, {
 				actions: t.feedFooterActions,
 				"can-retry-end": t.canRetryEnd,
 				"feed-footer": t.feedFooter,
@@ -2181,7 +2181,7 @@ var ln = { class: "masonry-feed-shell" }, un = ["aria-hidden", "inert"], dn = {
 				"has-next": t.hasNext,
 				"is-loading": t.isLoadingMore,
 				"load-more-locked": t.loadMoreLocked,
-				"show-load-more": ne.value,
+				"show-load-more": te.value,
 				state: t.state,
 				onLoadMore: r[0] ||= (e) => f("loadMore"),
 				onRetryEnd: r[1] ||= (e) => f("retryEnd")
@@ -2196,7 +2196,7 @@ var ln = { class: "masonry-feed-shell" }, un = ["aria-hidden", "inert"], dn = {
 				"show-load-more",
 				"state"
 			])])) : o("", !0),
-			u(Le, {
+			u(ze, {
 				"content-size": K.value.height,
 				"controls-id": m,
 				"scroll-element": p.value,
@@ -2208,28 +2208,41 @@ var ln = { class: "masonry-feed-shell" }, un = ["aria-hidden", "inert"], dn = {
 			])
 		]));
 	}
-}), gn = 300;
-function _n(e, t, n) {
-	let r = e.scrollTop;
-	if (n || Math.abs(r - t) <= 1) return e.scrollTop = t, Promise.resolve();
+}), vn = 300;
+function yn() {
+	return typeof window.matchMedia == "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+}
+function bn(e, t, n, r) {
+	if (r?.aborted) return Promise.resolve();
+	let i = e.scrollTop;
+	if (n || Math.abs(i - t) <= 1) return e.scrollTop = t, Promise.resolve();
 	e.setAttribute("data-transitioning", "");
-	let i = performance.now(), a = 0;
+	let a = performance.now(), o = 0, s = 0;
 	return new Promise((n) => {
-		let o = (s) => {
-			a += 1;
-			let c = Math.max(s - i, 1e3 / 60 * a), l = Math.min(1, c / gn), u = 1 - (1 - l) ** 3;
-			if (e.scrollTop = r + (t - r) * u, l < 1) {
-				requestAnimationFrame(o);
+		let c = () => {
+			cancelAnimationFrame(s), r?.removeEventListener("abort", c), e.removeAttribute("data-transitioning"), n();
+		};
+		r?.addEventListener("abort", c, { once: !0 });
+		let l = (n) => {
+			o += 1;
+			let r = Math.max(n - a, 1e3 / 60 * o), u = Math.min(1, r / vn), d = 1 - (1 - u) ** 3;
+			if (e.scrollTop = i + (t - i) * d, u < 1) {
+				s = requestAnimationFrame(l);
 				return;
 			}
-			e.removeAttribute("data-transitioning"), e.scrollTop = t, n();
+			e.scrollTop = t, c();
 		};
-		requestAnimationFrame(o);
+		s = requestAnimationFrame(l);
 	});
 }
 //#endregion
+//#region src/core/reelViewport.ts
+function xn(e, t, n) {
+	return t <= 0 || n <= 0 ? 0 : Math.min(n - 1, Math.max(0, Math.round(e / t)));
+}
+//#endregion
 //#region src/components/ReelAutoAdvanceProgress.vue?vue&type=script&setup=true&lang.ts
-var vn = ["aria-label"], yn = /* @__PURE__ */ d({
+var Sn = ["aria-label"], Cn = /* @__PURE__ */ d({
 	__name: "ReelAutoAdvanceProgress",
 	props: {
 		durationMs: {},
@@ -2238,18 +2251,18 @@ var vn = ["aria-label"], yn = /* @__PURE__ */ d({
 	emits: ["complete"],
 	setup(e, { emit: t }) {
 		let n = e, i = t, a = r(() => ({ "--vibe-reel-auto-advance-duration": `${n.durationMs}ms` }));
-		return (t, n) => (b(), s("div", {
+		return (t, n) => (x(), s("div", {
 			class: "reel-auto-advance",
 			"data-test": "reel-auto-advance",
 			role: "timer",
 			"aria-label": e.label
 		}, [c("span", {
 			class: "reel-auto-advance-progress",
-			style: _(a.value),
+			style: v(a.value),
 			onAnimationend: n[0] ||= (e) => i("complete")
-		}, null, 36)], 8, vn));
+		}, null, 36)], 8, Sn));
 	}
-}), bn = { class: "reel-viewport" }, xn = ["data-active-post-id", "data-active-media-index"], Sn = ["role", "data-status"], Cn = ["disabled"], wn = 300, Tn = 250, En = /* @__PURE__ */ d({
+}), wn = { class: "reel-viewport" }, Tn = ["data-active-post-id", "data-active-media-index"], En = ["role", "data-status"], Dn = ["disabled"], On = 300, kn = 250, An = /* @__PURE__ */ d({
 	__name: "ReelFeed",
 	props: {
 		initialPostId: {},
@@ -2289,163 +2302,160 @@ var vn = ["aria-label"], yn = /* @__PURE__ */ d({
 		"retryForward"
 	],
 	setup(t, { expose: n, emit: i }) {
-		let l = 0, u = t, d = i, f = w(null), p = w(null), g = u.initialPostId === null || u.initialPostId === void 0 ? -1 : u.items.findIndex((e) => e.postId === u.initialPostId), x = w(Math.max(0, g)), C = w(!1), D = w(!1), k = 0, A = null, j = null, M = null, N = r(() => ({ gridTemplateRows: `repeat(${u.items.length}, 100cqh)` })), P = r(() => {
-			let e = Math.max(0, x.value - 2), t = Math.min(u.items.length - 1, x.value + 2);
+		let l = 0, u = t, d = i, f = E(null), p = E(null), m = u.initialPostId === null || u.initialPostId === void 0 ? -1 : u.items.findIndex((e) => e.postId === u.initialPostId), _ = E(Math.max(0, m)), S = E(!1), w = E(!1), T = 0, k = null, j = null, M = null, N = r(() => ({ gridTemplateRows: `repeat(${u.items.length}, 100cqh)` })), P = r(() => {
+			let e = Math.max(0, _.value - 2), t = Math.min(u.items.length - 1, _.value + 2);
 			return u.items.slice(e, t + 1).map((t, n) => ({
-				fetchPriority: e + n === x.value ? "high" : "low",
+				fetchPriority: e + n === _.value ? "high" : "low",
 				index: e + n,
 				item: t
 			}));
-		}), F = r(() => u.items[x.value]?.postId), I = r(() => u.items[x.value]), R = r(() => {
+		}), F = r(() => u.items[_.value]?.postId), I = r(() => u.items[_.value]), L = r(() => {
 			let e = F.value;
 			return e === void 0 ? 0 : u.mediaIndices.get(e) ?? 0;
-		}), z = r(() => {
+		}), R = r(() => {
 			let e = F.value;
-			return e === void 0 ? "loading" : u.previewStates.get(W(e, R.value)) ?? "loading";
-		}), B = r(() => I.value ? U(I.value, R.value) : null), H = r(() => B.value ? ee(B.value, u.mediaSource ?? "preview") : null), G = r(() => z.value === "ready" && !!(H.value && L(H.value.type, H.value.src))), K = r(() => [
+			return e === void 0 ? "loading" : u.previewStates.get(q(e, L.value)) ?? "loading";
+		}), B = r(() => I.value ? K(I.value, L.value) : null), V = r(() => B.value ? U(B.value, u.mediaSource ?? "preview") : null), H = r(() => R.value === "ready" && !!(V.value && z(V.value.type, V.value.src))), G = r(() => [
 			F.value,
-			R.value,
+			L.value,
 			u.items.length,
 			u.loadMoreLocked,
 			u.reelAutoAdvance.enabled,
 			u.reelAutoAdvance.includePostItems,
 			u.reelAutoAdvance.intervalMs
-		].join(":")), te = r(() => {
-			let e = I.value, t = !!(e && u.reelAutoAdvance.includePostItems && R.value < V(e).length - 1), n = u.reelAutoAdvance.intervalMs / 1e3;
+		].join(":")), ee = r(() => {
+			let e = I.value, t = !!(e && u.reelAutoAdvance.includePostItems && L.value < W(e).length - 1), n = u.reelAutoAdvance.intervalMs / 1e3;
 			return `Auto advance to the next ${t ? "post item" : "post"} in ${n}s`;
-		}), q = r(() => u.reelAutoAdvance.enabled && u.reelForward.status === "idle" && I.value !== void 0 && z.value !== "loading" && !G.value), J = r(() => !u.infiniteScroll || u.items.length <= 1), ne = r(() => u.reelForward.status === "end" && u.hasNext && !u.infiniteScroll && !u.loadMoreLocked), re = r(() => u.reelForward.status === "loading" ? "Loading the next media…" : u.reelForward.status === "error" ? "Unable to load the next media." : ne.value ? "Load the next page to continue." : "You reached the end of this feed.");
-		function ie(e) {
+		}), J = r(() => u.reelAutoAdvance.enabled && u.reelForward.status === "idle" && I.value !== void 0 && R.value !== "loading" && !H.value), Y = r(() => !u.infiniteScroll || u.items.length <= 1), te = r(() => u.reelForward.status === "end" && u.hasNext && !u.infiniteScroll && !u.loadMoreLocked), ne = r(() => u.reelForward.status === "loading" ? "Loading the next media…" : u.reelForward.status === "error" ? "Unable to load the next media." : te.value ? "Load the next page to continue." : "You reached the end of this feed.");
+		function re(e) {
 			return { gridRow: `${e + 1}` };
 		}
-		function ae(e) {
-			let t = k || e.clientHeight;
-			return t <= 0 || u.items.length === 0 ? 0 : Math.min(u.items.length - 1, Math.max(0, Math.round(e.scrollTop / t)));
+		function ie(e) {
+			let t = T || e.clientHeight;
+			return xn(e.scrollTop, t, u.items.length);
 		}
-		function se(e) {
+		function ae(e) {
 			let t = e.currentTarget;
 			if (!t) return;
-			let n = k || t.clientHeight, r = Math.max(0, u.items.length - 1) * n;
-			C.value = u.items.length > 0 && t.scrollTop > r + 1, D.value || (x.value = ae(t)), Date.now() >= l && !u.loadMoreLocked && u.infiniteScroll && Y(t) && d("loadMore");
+			let n = T || t.clientHeight, r = Math.max(0, u.items.length - 1) * n;
+			S.value = u.items.length > 0 && t.scrollTop > r + 1, w.value || (_.value = ie(t)), Date.now() >= l && !u.loadMoreLocked && u.infiniteScroll && ue(t) && d("loadMore");
 		}
-		function ce() {
+		function oe() {
 			let e = f.value;
-			e && (C.value = !1, Z(!0), k = e.clientHeight, e.scrollTop = x.value * k, j !== null && cancelAnimationFrame(j), j = requestAnimationFrame(() => {
-				e.scrollTop = x.value * e.clientHeight, k = e.clientHeight, j = null;
-			}), le());
+			e && (S.value = !1, le(!0), T = e.clientHeight, e.scrollTop = _.value * T, j !== null && cancelAnimationFrame(j), j = requestAnimationFrame(() => {
+				e.scrollTop = _.value * e.clientHeight, T = e.clientHeight, j = null;
+			}), ce());
 		}
-		function le() {
+		function ce() {
 			M !== null && clearTimeout(M), M = setTimeout(() => {
 				M = null;
 				let e = f.value;
-				e && (k = e.clientHeight, e.scrollTop = x.value * k), Z(!1);
+				e && (T = e.clientHeight, e.scrollTop = _.value * T), le(!1);
 			}, 120);
 		}
 		function X() {
-			Z(!0);
+			le(!0);
 			let e = f.value;
-			e && (k = e.clientHeight, e.scrollTop = x.value * k), le();
+			e && (T = e.clientHeight, e.scrollTop = _.value * T), ce();
 		}
-		function Z(e) {
-			D.value = e, f.value?.toggleAttribute("data-resizing", e);
+		function le(e) {
+			w.value = e, f.value?.toggleAttribute("data-resizing", e);
 		}
-		function ue() {
+		function Z() {
 			let e = f.value;
-			Date.now() >= l && !u.loadMoreLocked && e && Y(e) && d("loadMore");
+			Date.now() >= l && !u.loadMoreLocked && e && ue(e) && d("loadMore");
 		}
-		O(() => u.items.length, (e, t) => {
-			e > 0 && e < t && (l = Date.now() + Tn);
+		A(() => u.items.length, (e, t) => {
+			e > 0 && e < t && (l = Date.now() + kn);
 		});
 		function de(e) {
 			let t = I.value;
 			if (!t) return !1;
-			let n = V(t).length;
+			let n = W(t).length;
 			if (n <= 1) return !1;
-			let r = (R.value + e + n) % n;
+			let r = (L.value + e + n) % n;
 			return d("mediaChange", t.postId, r), !0;
 		}
 		function fe(e) {
-			let t = x.value + e;
-			return !f.value || t < 0 || t >= u.items.length ? !1 : (he(t), !0);
+			let t = _.value + e;
+			return !f.value || t < 0 || t >= u.items.length ? !1 : (me(t), !0);
 		}
 		function pe(e, t) {
 			let n = u.items.findIndex((t) => t.postId === e), r = u.items[n];
-			return !f.value || !r || t < 0 || t > r.items.length ? !1 : ((u.mediaIndices.get(e) ?? 0) !== t && d("mediaChange", e, t), n !== x.value && he(n), !0);
+			return !f.value || !r || t < 0 || t > r.items.length ? !1 : ((u.mediaIndices.get(e) ?? 0) !== t && d("mediaChange", e, t), n !== _.value && me(n), !0);
 		}
-		function Q() {
-			return typeof window.matchMedia == "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
-		}
-		function me(e) {
+		function Q(e) {
 			let t = f.value;
 			if (!t) return Promise.resolve();
-			let n = e * (k || t.clientHeight);
-			return x.value = e, _n(t, n, Q());
+			let n = e * (T || t.clientHeight);
+			return _.value = e, bn(t, n, yn());
 		}
-		function he(e) {
-			me(e);
+		function me(e) {
+			Q(e);
 		}
-		async function ge(e) {
+		async function he(e) {
 			let t = u.items.findIndex((t) => t.postId === e);
-			return t < 0 || t === x.value ? !1 : (await me(t), !0);
+			return t < 0 || t === _.value ? !1 : (await Q(t), !0);
 		}
-		async function _e(e) {
-			return de(e) ? (Q() || await new Promise((e) => setTimeout(e, wn)), !0) : !1;
+		async function ge(e) {
+			return de(e) ? (yn() || await new Promise((e) => setTimeout(e, On)), !0) : !1;
 		}
-		function ve() {
+		function _e() {
 			if (!u.reelAutoAdvance.enabled) return;
 			let e = I.value;
 			if (!e) return;
-			if (u.reelAutoAdvance.includePostItems && R.value < V(e).length - 1) {
-				d("mediaChange", e.postId, R.value + 1);
+			if (u.reelAutoAdvance.includePostItems && L.value < W(e).length - 1) {
+				d("mediaChange", e.postId, L.value + 1);
 				return;
 			}
-			let t = x.value + 1, n = u.items[t];
+			let t = _.value + 1, n = u.items[t];
 			if (!n) {
 				u.hasNext && u.infiniteScroll && !u.loadMoreLocked && d("loadMore");
 				return;
 			}
-			u.reelAutoAdvance.includePostItems && (u.mediaIndices.get(n.postId) ?? 0) !== 0 && d("mediaChange", n.postId, 0), he(t);
+			u.reelAutoAdvance.includePostItems && (u.mediaIndices.get(n.postId) ?? 0) !== 0 && d("mediaChange", n.postId, 0), me(t);
 		}
-		function ye(e, t) {
-			!u.reelAutoAdvance.enabled || e !== F.value || t !== R.value || !G.value || ve();
+		function ve(e, t) {
+			!u.reelAutoAdvance.enabled || e !== F.value || t !== L.value || !H.value || _e();
 		}
-		return O(f, (e) => {
-			A?.disconnect(), A = null, e && (k = e.clientHeight, !(typeof ResizeObserver > "u") && (A = new ResizeObserver(ce), A.observe(e)));
-		}), O(() => u.items.length, async (e) => {
+		return A(f, (e) => {
+			k?.disconnect(), k = null, e && (T = e.clientHeight, !(typeof ResizeObserver > "u") && (k = new ResizeObserver(oe), k.observe(e)));
+		}), A(() => u.items.length, async (e) => {
 			let t = u.initialPostId, n = t == null ? -1 : u.items.findIndex(({ postId: e }) => e === t);
-			x.value = n >= 0 ? n : Math.min(x.value, Math.max(0, e - 1)), await m(), ce();
-		}), O(F, (e) => {
+			_.value = n >= 0 ? n : Math.min(_.value, Math.max(0, e - 1)), await h(), oe();
+		}), A(F, (e) => {
 			e !== void 0 && d("activeChange", e);
-		}, { immediate: !0 }), y(() => {
-			window.addEventListener("resize", X), window.addEventListener("orientationchange", X), g >= 0 && m(ce);
-		}), v(() => {
-			window.removeEventListener("resize", X), window.removeEventListener("orientationchange", X), A?.disconnect(), j !== null && cancelAnimationFrame(j), M !== null && clearTimeout(M);
+		}, { immediate: !0 }), b(() => {
+			window.addEventListener("resize", X), window.addEventListener("orientationchange", X), m >= 0 && h(oe);
+		}), y(() => {
+			window.removeEventListener("resize", X), window.removeEventListener("orientationchange", X), k?.disconnect(), j !== null && cancelAnimationFrame(j), M !== null && clearTimeout(M);
 		}), n({
-			activeIndex: x,
+			activeIndex: _,
 			activePostId: F,
 			changeActiveMedia: de,
-			loadIfNearBottom: ue,
+			loadIfNearBottom: Z,
 			moveActivePost: fe,
 			navigateToItem: pe,
-			transitionActiveMedia: _e,
-			transitionActivePost: ge
-		}), (n, r) => (b(), s("main", {
-			class: h(["reel-shell", {
+			transitionActiveMedia: ge,
+			transitionActivePost: he
+		}), (n, r) => (x(), s("main", {
+			class: g(["reel-shell", {
 				"reel-shell--has-footer": !!t.cardFooter,
 				"reel-shell--has-header": !!t.cardHeader
 			}]),
 			"data-layout-mode": "reel"
 		}, [
-			t.cardHeader && I.value && t.reelForward.status === "idle" ? (b(), a(rt, {
+			t.cardHeader && I.value && t.reelForward.status === "idle" ? (x(), a(at, {
 				key: 0,
-				index: x.value,
+				index: _.value,
 				item: I.value,
 				layout: "reel",
 				"loaded-count": t.items.length,
-				"media-index": R.value,
+				"media-index": L.value,
 				"media-source": t.mediaSource,
 				placement: "header",
 				region: t.cardHeader,
-				style: _(t.mediaCard?.header),
+				style: v(t.mediaCard?.header),
 				total: t.total
 			}, null, 8, [
 				"index",
@@ -2457,40 +2467,40 @@ var vn = ["aria-label"], yn = /* @__PURE__ */ d({
 				"style",
 				"total"
 			])) : o("", !0),
-			c("div", bn, [c("div", {
+			c("div", wn, [c("div", {
 				ref_key: "galleryElement",
 				ref: f,
 				class: "gallery-shell reel-feed",
 				"data-active-post-id": F.value,
-				"data-active-media-index": R.value,
-				onScrollPassive: se
-			}, [t.reelForward.status === "idle" ? (b(), s("section", {
+				"data-active-media-index": L.value,
+				onScrollPassive: ae
+			}, [t.reelForward.status === "idle" ? (x(), s("section", {
 				key: 1,
 				class: "reel-track",
-				style: _(N.value),
+				style: v(N.value),
 				"aria-label": "Media gallery"
-			}, [(b(!0), s(e, null, S(P.value, ({ fetchPriority: e, item: n, index: i }) => (b(), a(an, {
+			}, [(x(!0), s(e, null, C(P.value, ({ fetchPriority: e, item: n, index: i }) => (x(), a(sn, {
 				key: n.postId,
-				active: i === x.value && !C.value,
-				"advance-on-media-end": u.reelAutoAdvance.enabled && i === x.value,
+				active: i === _.value && !S.value,
+				"advance-on-media-end": u.reelAutoAdvance.enabled && i === _.value,
 				class: "reel-item",
 				entering: !1,
 				"fetch-priority": e,
 				index: i,
 				item: n,
-				"item-style": ie(i),
+				"item-style": re(i),
 				"media-card": t.mediaCard,
 				layout: "reel",
 				"loaded-count": t.items.length,
 				"media-index": t.mediaIndices.get(n.postId) ?? 0,
 				"media-source": t.mediaSource,
-				"preview-state": t.previewStates.get(E(W)(n.postId, t.mediaIndices.get(n.postId) ?? 0)) ?? "loading",
+				"preview-state": t.previewStates.get(O(q)(n.postId, t.mediaIndices.get(n.postId) ?? 0)) ?? "loading",
 				"reel-controls-target": p.value,
 				"reel-audio-state": t.reelAudioState,
 				"stationary-reel-controls": "",
 				total: t.total,
 				onMediaChange: (e) => d("mediaChange", n.postId, e),
-				onEnded: (e) => ye(n.postId, e),
+				onEnded: (e) => ve(n.postId, e),
 				onReady: (e) => d("ready", n.postId, e),
 				onReelAudioChange: r[1] ||= (e) => d("reelAudioChange", e),
 				onError: (e) => d("error", n.postId, e),
@@ -2515,18 +2525,18 @@ var vn = ["aria-label"], yn = /* @__PURE__ */ d({
 				"onReady",
 				"onError",
 				"onMediaError"
-			]))), 128))], 4)) : (b(), s("div", {
+			]))), 128))], 4)) : (x(), s("div", {
 				key: 0,
 				class: "reel-forward-status",
 				role: t.reelForward.status === "error" ? "alert" : "status",
 				"data-status": t.reelForward.status
-			}, [c("p", null, T(re.value), 1), t.reelForward.status === "error" || t.reelForward.status === "end" ? (b(), s("button", {
+			}, [c("p", null, D(ne.value), 1), t.reelForward.status === "error" || t.reelForward.status === "end" ? (x(), s("button", {
 				key: 0,
 				class: "reel-forward-retry",
 				type: "button",
 				disabled: t.loadMoreLocked,
 				onClick: r[0] ||= (e) => d("retryForward")
-			}, T(ne.value ? "Load more" : "Retry"), 9, Cn)) : o("", !0)], 8, Sn)), t.reelForward.status === "idle" ? (b(), a(oe, {
+			}, D(te.value ? "Load more" : "Retry"), 9, Dn)) : o("", !0)], 8, En)), t.reelForward.status === "idle" ? (x(), a(se, {
 				key: 2,
 				actions: t.feedFooterActions,
 				"can-retry-end": t.canRetryEnd,
@@ -2535,7 +2545,7 @@ var vn = ["aria-label"], yn = /* @__PURE__ */ d({
 				"has-next": t.hasNext,
 				"is-loading": t.isLoadingMore,
 				"load-more-locked": t.loadMoreLocked,
-				"show-load-more": J.value,
+				"show-load-more": Y.value,
 				state: t.state,
 				onLoadMore: r[2] ||= (e) => d("loadMore"),
 				onRetryEnd: r[3] ||= (e) => d("retryEnd")
@@ -2549,23 +2559,23 @@ var vn = ["aria-label"], yn = /* @__PURE__ */ d({
 				"load-more-locked",
 				"show-load-more",
 				"state"
-			])) : o("", !0)], 40, xn), c("div", {
+			])) : o("", !0)], 40, Tn), c("div", {
 				ref_key: "reelControlsElement",
 				ref: p,
 				class: "reel-media-controls-host",
 				"data-test": "reel-media-controls-host"
 			}, null, 512)]),
-			t.cardFooter && I.value && t.reelForward.status === "idle" ? (b(), a(rt, {
+			t.cardFooter && I.value && t.reelForward.status === "idle" ? (x(), a(at, {
 				key: 1,
-				index: x.value,
+				index: _.value,
 				item: I.value,
 				layout: "reel",
 				"loaded-count": t.items.length,
-				"media-index": R.value,
+				"media-index": L.value,
 				"media-source": t.mediaSource,
 				placement: "footer",
 				region: t.cardFooter,
-				style: _(t.mediaCard?.footer),
+				style: v(t.mediaCard?.footer),
 				total: t.total
 			}, null, 8, [
 				"index",
@@ -2577,24 +2587,24 @@ var vn = ["aria-label"], yn = /* @__PURE__ */ d({
 				"style",
 				"total"
 			])) : o("", !0),
-			q.value ? (b(), a(yn, {
-				key: K.value,
+			J.value ? (x(), a(Cn, {
+				key: G.value,
 				"duration-ms": t.reelAutoAdvance.intervalMs,
-				label: te.value,
-				onComplete: ve
+				label: ee.value,
+				onComplete: _e
 			}, null, 8, ["duration-ms", "label"])) : o("", !0)
 		], 2));
 	}
-}), Dn = ["data-info-sheet-open", "data-info-sheet-mode"], On = ["aria-hidden", "inert"], kn = {
+}), jn = ["data-info-sheet-open", "data-info-sheet-mode"], Mn = ["aria-hidden", "inert"], Nn = {
 	key: 0,
 	class: "reel-info-sheet-layer",
 	"data-test": "reel-info-sheet"
-}, An = [
+}, Pn = [
 	"role",
 	"aria-modal",
 	"tabindex",
 	"data-active-post-id"
-], jn = /* @__PURE__ */ d({
+], Fn = /* @__PURE__ */ d({
 	__name: "ReelLayout",
 	props: {
 		forwardIndex: { default: null },
@@ -2641,23 +2651,23 @@ var vn = ["aria-label"], yn = /* @__PURE__ */ d({
 		"retryForward"
 	],
 	setup(e, { expose: t, emit: i }) {
-		let l = e, d = i, p = w(null), _ = w(null), y = null, x = r(() => {
+		let l = e, d = i, p = E(null), m = E(null), v = null, b = r(() => {
 			let e = l.initialPostId === null || l.initialPostId === void 0 ? -1 : l.items.findIndex((e) => e.postId === l.initialPostId);
 			return Math.max(0, e);
-		}), S = r(() => l.items[x.value]), T = r(() => S.value ?? (l.reelForward.status === "idle" ? void 0 : l.forwardItem ?? void 0)), E = r(() => S.value ? x.value : l.forwardIndex ?? 0), D = r(() => {
-			let e = T.value?.postId;
+		}), S = r(() => l.items[b.value]), C = r(() => S.value ?? (l.reelForward.status === "idle" ? void 0 : l.forwardItem ?? void 0)), w = r(() => S.value ? b.value : l.forwardIndex ?? 0), D = r(() => {
+			let e = C.value?.postId;
 			return e === void 0 ? 0 : l.mediaIndices.get(e) ?? 0;
-		}), A = r(() => !!(l.infoSheet && l.infoSheetEnabled && T.value)), j = r(() => {
-			let e = T.value;
+		}), O = r(() => !!(l.infoSheet && l.infoSheetEnabled && C.value)), k = r(() => {
+			let e = C.value;
 			return e ? {
 				close: M,
-				index: E.value,
+				index: w.value,
 				item: e,
 				layout: "reel",
 				loadedCount: l.items.length,
-				mediaCount: V(e).length,
+				mediaCount: W(e).length,
 				mediaIndex: D.value,
-				mediaItem: U(e, D.value),
+				mediaItem: K(e, D.value),
 				mediaSource: l.mediaSource ?? "preview",
 				origin: l.origin,
 				total: l.total
@@ -2690,23 +2700,23 @@ var vn = ["aria-label"], yn = /* @__PURE__ */ d({
 		function B(e, t) {
 			d("mediaChange", e, t);
 		}
-		function ee(e, t) {
+		function V(e, t) {
 			d("ready", e, t);
 		}
-		return O(() => ({
+		return A(() => ({
 			overlay: l.infoSheetOverlay,
-			visible: A.value
+			visible: O.value
 		}), async (e, t) => {
 			if (e.visible && !t?.visible) {
-				y = document.activeElement instanceof HTMLElement ? document.activeElement : null, e.overlay && (await m(), _.value?.focus({ preventScroll: !0 }));
+				v = document.activeElement instanceof HTMLElement ? document.activeElement : null, e.overlay && (await h(), m.value?.focus({ preventScroll: !0 }));
 				return;
 			}
-			if (!e.visible && t?.visible && y?.isConnected) {
-				let e = y;
-				y = null, await m(), e.focus({ preventScroll: !0 });
+			if (!e.visible && t?.visible && v?.isConnected) {
+				let e = v;
+				v = null, await h(), e.focus({ preventScroll: !0 });
 			}
-		}), v(() => {
-			y = null;
+		}), y(() => {
+			v = null;
 		}), t({
 			changeActiveMedia: N,
 			loadIfNearBottom: P,
@@ -2714,15 +2724,15 @@ var vn = ["aria-label"], yn = /* @__PURE__ */ d({
 			navigateToItem: I,
 			transitionActiveMedia: L,
 			transitionActivePost: R
-		}), (t, r) => (b(), s("section", {
-			class: h(["reel-layout", `reel-layout--${e.infoSheetOverlay ? "overlay" : "layout"}`]),
-			"data-info-sheet-open": A.value || void 0,
+		}), (t, r) => (x(), s("section", {
+			class: g(["reel-layout", `reel-layout--${e.infoSheetOverlay ? "overlay" : "layout"}`]),
+			"data-info-sheet-open": O.value || void 0,
 			"data-info-sheet-mode": e.infoSheetOverlay ? "overlay" : "layout"
 		}, [c("div", {
 			class: "reel-layout-main",
-			"aria-hidden": e.infoSheetOverlay && A.value || void 0,
-			inert: e.infoSheetOverlay && A.value || void 0
-		}, [u(En, {
+			"aria-hidden": e.infoSheetOverlay && O.value || void 0,
+			inert: e.infoSheetOverlay && O.value || void 0
+		}, [u(An, {
 			ref_key: "reelFeed",
 			ref: p,
 			"can-retry-end": e.canRetryEnd,
@@ -2751,7 +2761,7 @@ var vn = ["aria-label"], yn = /* @__PURE__ */ d({
 			onMediaError: r[1] ||= (e, t) => d("mediaError", e, t),
 			onLoadMore: r[2] ||= (e) => d("loadMore"),
 			onMediaChange: B,
-			onReady: ee,
+			onReady: V,
 			onRetryEnd: r[3] ||= (e) => d("retryEnd"),
 			onRetryForward: r[4] ||= (e) => d("retryForward"),
 			onReelAudioChange: r[5] ||= (e) => d("reelAudioChange", e)
@@ -2777,27 +2787,27 @@ var vn = ["aria-label"], yn = /* @__PURE__ */ d({
 			"reel-forward",
 			"state",
 			"total"
-		])], 8, On), u(n, { name: "vibe-info-sheet" }, {
-			default: k(() => [A.value && e.infoSheet && j.value ? (b(), s("div", kn, [c("aside", {
+		])], 8, Mn), u(n, { name: "vibe-info-sheet" }, {
+			default: j(() => [O.value && e.infoSheet && k.value ? (x(), s("div", Nn, [c("aside", {
 				ref_key: "sheetElement",
-				ref: _,
+				ref: m,
 				class: "reel-info-sheet",
 				role: e.infoSheetOverlay ? "dialog" : "complementary",
 				"aria-label": "Reel information",
 				"aria-modal": e.infoSheetOverlay ? "true" : void 0,
 				tabindex: e.infoSheetOverlay ? -1 : void 0,
-				"data-active-post-id": T.value?.postId
-			}, [(b(), a(C(e.infoSheet.component), g(f(j.value)), null, 16))], 8, An)])) : o("", !0)]),
+				"data-active-post-id": C.value?.postId
+			}, [(x(), a(T(e.infoSheet.component), _(f(k.value)), null, 16))], 8, Pn)])) : o("", !0)]),
 			_: 1
-		})], 10, Dn));
+		})], 10, jn));
 	}
 });
 //#endregion
 //#region src/core/mediaLifecycle.ts
-function Mn(e, t, n, r, i) {
+function In(e, t, n, r, i) {
 	let a = e.items.findIndex((e) => e.postId === t), o = e.items[a];
 	if (!o) return null;
-	let s = H(o, n), c = U(o, s);
+	let s = G(o, n), c = K(o, s);
 	return {
 		item: o,
 		layout: r,
@@ -2810,8 +2820,8 @@ function Mn(e, t, n, r, i) {
 		postIndex: a
 	};
 }
-function Nn(e, t) {
-	O(() => {
+function Ln(e, t) {
+	A(() => {
 		let t = e.layout === "reel" || e.reelOrigin === "masonry" ? e.activeReelPostId : null;
 		return {
 			mediaIndex: t === null ? 0 : e.mediaIndices.get(t) ?? 0,
@@ -2820,23 +2830,23 @@ function Nn(e, t) {
 		};
 	}, (n, r) => {
 		if (n.postId === null || n.postId === r?.postId && n.mediaIndex === r.mediaIndex && n.origin === r.origin) return;
-		let i = Mn(e, n.postId, n.mediaIndex, "reel", n.origin);
+		let i = In(e, n.postId, n.mediaIndex, "reel", n.origin);
 		i && t(i);
 	}, { flush: "sync" });
 }
 //#endregion
 //#region src/components/useMediaLifecycle.ts
-function Pn(e, t) {
-	let n = /* @__PURE__ */ new Set(), i = w(/* @__PURE__ */ new Map()), a = w(/* @__PURE__ */ new Map()), o = w(/* @__PURE__ */ new Map()), s = () => e.reelMediaSource === "preview" ? i : e.reelMediaSource === "mobile" ? o : a, c = r(() => s().value), l = /* @__PURE__ */ new Set();
+function Rn(e, t) {
+	let n = /* @__PURE__ */ new Set(), i = E(/* @__PURE__ */ new Map()), a = E(/* @__PURE__ */ new Map()), o = E(/* @__PURE__ */ new Map()), s = () => e.reelMediaSource === "preview" ? i : e.reelMediaSource === "mobile" ? o : a, c = r(() => s().value), l = /* @__PURE__ */ new Set();
 	function u() {
 		n.clear(), l.clear(), i.value = /* @__PURE__ */ new Map(), a.value = /* @__PURE__ */ new Map(), o.value = /* @__PURE__ */ new Map();
 	}
 	function d(e, t, n, r) {
-		let i = W(t, n);
+		let i = q(t, n);
 		e.value.get(i) !== r && (e.value = new Map(e.value).set(i, r));
 	}
 	function f(t, n, r, i) {
-		return Mn(e, t, n, r, i);
+		return In(e, t, n, r, i);
 	}
 	function p(e, n, r, i) {
 		let a = f(e, n, r, i);
@@ -2862,13 +2872,13 @@ function Pn(e, t) {
 		d(s(), t, n, "ready"), p(t, n, "reel", e.reelOrigin ?? "reel");
 	}
 	function y(e, n) {
-		let r = W(e, n);
+		let r = q(e, n);
 		if (l.has(r)) return;
 		let i = f(e, n, "masonry", null);
 		i && (l.add(r), t.visible(i));
 	}
 	function b(e, r, i, a) {
-		let o = [i, W(e, r)].join(":");
+		let o = [i, q(e, r)].join(":");
 		if (n.has(o)) return;
 		let s = f(e, r, i, a);
 		s && (n.add(o), t.fullyVisible(s));
@@ -2876,13 +2886,13 @@ function Pn(e, t) {
 	function x(e, t) {
 		b(e, t, "masonry", null);
 	}
-	return Nn(e, t.reelChange), O(() => {
+	return Ln(e, t.reelChange), A(() => {
 		let t = e.layout === "reel" || e.reelOrigin === "masonry" ? e.activeReelPostId : null, n = t === null ? 0 : e.mediaIndices.get(t) ?? 0;
 		return {
 			mediaIndex: n,
 			origin: e.reelOrigin ?? "reel",
 			postId: t,
-			ready: t !== null && c.value.get(W(t, n)) === "ready"
+			ready: t !== null && c.value.get(q(t, n)) === "ready"
 		};
 	}, (e, t) => {
 		e.postId === null || !e.ready || t?.ready && t.postId === e.postId && t.mediaIndex === e.mediaIndex && t.origin === e.origin || b(e.postId, e.mediaIndex, "reel", e.origin);
@@ -2902,16 +2912,16 @@ function Pn(e, t) {
 }
 //#endregion
 //#region src/core/reelEscapeStack.ts
-var Fn = [];
-function In(e) {
-	return Fn.push(e), () => {
-		let t = Fn.indexOf(e);
-		t >= 0 && Fn.splice(t, 1);
+var zn = [];
+function Bn(e) {
+	return zn.push(e), () => {
+		let t = zn.indexOf(e);
+		t >= 0 && zn.splice(t, 1);
 	};
 }
-function Ln(e) {
+function Vn(e) {
 	if (!e.isActive()) return !1;
-	let t = Fn.filter((e) => e.isActive()), n = e.element();
+	let t = zn.filter((e) => e.isActive()), n = e.element();
 	return n !== null && t.some((t) => {
 		if (t === e) return !1;
 		let r = t.element();
@@ -2927,14 +2937,14 @@ function Ln(e) {
 }
 //#endregion
 //#region src/components/useReelKeyboard.ts
-function Rn(e) {
+function Hn(e) {
 	let t = {
 		element: e.element,
 		isActive: () => e.state.layout === "reel" || e.state.reelOrigin === "masonry"
 	}, n = null;
 	function r(n) {
 		let r = t.isActive();
-		if (n.key === "Escape" && r && !Ln(t)) return;
+		if (n.key === "Escape" && r && !Vn(t)) return;
 		if (n.key === "Escape" && e.state.reelOrigin === "masonry") {
 			n.preventDefault(), e.state.reelInfoSheetOverlay && e.state.reelInfoSheet.enabled && e.setReelInfoSheet(!1), e.closeMasonryReel();
 			return;
@@ -2953,15 +2963,15 @@ function Rn(e) {
 		let a = n.key === "ArrowLeft" ? -1 : n.key === "ArrowRight" ? 1 : 0;
 		a !== 0 && e.reelRenderer()?.changeActiveMedia?.(a) && n.preventDefault();
 	}
-	y(() => {
-		n = In(t), window.addEventListener("keydown", r);
-	}), v(() => {
+	b(() => {
+		n = Bn(t), window.addEventListener("keydown", r);
+	}), y(() => {
 		window.removeEventListener("keydown", r), n?.(), n = null;
 	});
 }
 //#endregion
 //#region src/components/VibeSurface.vue?vue&type=script&setup=true&lang.ts
-var zn = 35, Bn = 420, Vn = /* @__PURE__ */ d({
+var Un = 35, Wn = 420, Gn = /* @__PURE__ */ d({
 	__name: "VibeSurface",
 	props: {
 		canRetryEnd: { type: Boolean },
@@ -2991,69 +3001,69 @@ var zn = 35, Bn = 420, Vn = /* @__PURE__ */ d({
 		"retryForward"
 	],
 	setup(t, { expose: i, emit: c }) {
-		let l = t, d = c, f = w(null), p = w(null), h = w(null), g = w(null), _ = w(!1), y = w(/* @__PURE__ */ new Set()), x = w(/* @__PURE__ */ new Map()), S = w(/* @__PURE__ */ new Set()), C = w(/* @__PURE__ */ new Map()), T = r(() => Object.freeze([...l.state.items])), D = r(() => te(l.state, T.value)), { markMediaError: A, markMasonryFullyVisible: j, markMasonryVisible: M, markPreviewError: N, markPreviewReady: P, markReelError: F, markReelReady: I, originalStates: L, previewStates: R, reelStates: z, resetMediaLifecycle: B } = Pn(l.state, {
+		let l = t, d = c, f = E(null), p = E(null), m = E(null), g = E(null), _ = E(!1), v = E(/* @__PURE__ */ new Set()), b = E(/* @__PURE__ */ new Map()), S = E(/* @__PURE__ */ new Set()), C = E(/* @__PURE__ */ new Map()), w = r(() => Object.freeze([...l.state.items])), T = r(() => Y(l.state, w.value)), { markMediaError: D, markMasonryFullyVisible: k, markMasonryVisible: M, markPreviewError: N, markPreviewReady: P, markReelError: F, markReelReady: I, originalStates: L, previewStates: R, reelStates: z, resetMediaLifecycle: B } = Rn(l.state, {
 			error: (e) => d("mediaError", e),
 			fullyVisible: (e) => d("mediaFullyVisible", e),
 			ready: (e) => d("mediaReady", e),
 			reelChange: (e) => d("reelMediaChange", e),
 			visible: (e) => d("mediaVisible", e)
-		}), ee = new Set(l.state.items.map((e) => e.postId)), U = null, W = null, G = !1;
-		function K() {
+		}), V = new Set(l.state.items.map((e) => e.postId)), H = null, U = null, K = !1;
+		function q() {
 			return typeof window.matchMedia == "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
 		}
-		function q() {
-			U !== null && cancelAnimationFrame(U), U = requestAnimationFrame(() => {
-				U = requestAnimationFrame(() => {
-					U = null, y.value = /* @__PURE__ */ new Set();
+		function ee() {
+			H !== null && cancelAnimationFrame(H), H = requestAnimationFrame(() => {
+				H = requestAnimationFrame(() => {
+					H = null, v.value = /* @__PURE__ */ new Set();
 				});
 			});
 		}
 		function J(e, t) {
 			let n = l.state.items.find((t) => t.postId === e);
 			if (!n) return;
-			let r = H(n, t);
+			let r = G(n, t);
 			(l.state.mediaIndices.get(e) ?? 0) !== r && (l.state.mediaIndices = new Map(l.state.mediaIndices).set(e, r));
 		}
-		async function ne() {
-			await m(), (l.state.layout === "reel" || l.state.reelOrigin === "masonry" ? p.value : f.value)?.loadIfNearBottom();
+		async function te() {
+			await h(), (l.state.layout === "reel" || l.state.reelOrigin === "masonry" ? p.value : f.value)?.loadIfNearBottom();
 		}
-		function re(e) {
+		function ne(e) {
 			return l.state.isLoading || l.state.items.length === 0 || l.state.layout !== "reel" && l.state.reelOrigin !== "masonry" ? !1 : p.value?.changeActiveMedia?.(e) ?? !1;
 		}
-		function ie(e) {
+		function re(e) {
 			return l.state.isLoading || l.state.items.length === 0 || l.state.layout !== "reel" && l.state.reelOrigin !== "masonry" ? !1 : p.value?.moveActivePost?.(e) ?? !1;
 		}
-		function ae(e) {
+		function ie(e) {
 			if (!(l.state.layout === "reel" || l.state.reelOrigin === "masonry") || l.state.isLoading) return "reel-inactive";
 			let t = l.state.items.find((t) => t.postId === e.postId);
 			if (!t) return "not-found";
-			let n = V(t).findIndex((t) => t.mediaId === e.mediaId);
+			let n = W(t).findIndex((t) => t.mediaId === e.mediaId);
 			return n < 0 ? "not-found" : p.value?.navigateToItem?.(e.postId, n) ? "navigated" : "reel-inactive";
 		}
-		function oe() {
+		function ae() {
 			return l.state.layout !== "masonry" || l.state.reelOrigin === "masonry" ? null : f.value?.getScrollElement?.() ?? null;
 		}
-		function se(e, t) {
-			W = e, G = t === "keyboard", d("openReel", e), m(() => h.value?.focus());
+		function oe(e, t) {
+			U = e, K = t === "keyboard", d("openReel", e), h(() => m.value?.focus());
 		}
-		function ce(e) {
+		function se(e) {
 			let t = g.value?.querySelectorAll(".masonry-feed [data-post-id]") ?? [];
 			return Array.from(t).find((t) => t.dataset.postId === String(e)) ?? null;
 		}
-		function Y(e, t) {
-			if (l.state.layout !== "masonry" || l.state.reelOrigin !== null || K()) return 0;
+		function ce(e, t) {
+			if (l.state.layout !== "masonry" || l.state.reelOrigin !== null || q()) return 0;
 			let n = [...new Set(e)], r = new Set(Array.from(g.value?.querySelectorAll(".masonry-feed [data-post-id]") ?? [], (e) => e.dataset.postId)), i = n.filter((e) => r.has(String(e)));
 			if (i.length === 0) return 0;
-			let a = new Map(C.value), o = t?.staggerMs ?? zn;
+			let a = new Map(C.value), o = t?.staggerMs ?? Un;
 			return i.forEach((e, t) => {
 				a.set(e, t * o);
-			}), y.value = new Set([...y.value].filter((e) => !i.includes(e))), S.value = new Set([...S.value, ...n]), C.value = a, Bn + (i.length - 1) * o;
+			}), v.value = new Set([...v.value].filter((e) => !i.includes(e))), S.value = new Set([...S.value, ...n]), C.value = a, Wn + (i.length - 1) * o;
 		}
 		function X() {
 			S.value = /* @__PURE__ */ new Set(), C.value = /* @__PURE__ */ new Map();
 		}
-		async function Z(e, t) {
-			if (t.aborted || Y(e, { staggerMs: 0 }) === 0 || (await m(), t.aborted)) return;
+		async function ue(e, t) {
+			if (t.aborted || ce(e, { staggerMs: 0 }) === 0 || (await h(), t.aborted)) return;
 			let n = g.value?.querySelectorAll(".masonry-feed .media-card--leaving") ?? [], r = Array.from(n).flatMap((e) => (getComputedStyle(e).opacity, e.getAnimations?.().filter((e) => e.effect?.getTiming().iterations !== Infinity) ?? []));
 			await new Promise((e) => {
 				let n = () => {
@@ -3062,60 +3072,60 @@ var zn = 35, Bn = 420, Vn = /* @__PURE__ */ d({
 				t.addEventListener("abort", n, { once: !0 }), t.aborted ? n() : Promise.allSettled(r.map((e) => e.finished)).then(n);
 			});
 		}
-		function ue(e, t) {
-			let n = ce(e), r = n?.querySelector(".media-card-activator") ?? n;
+		function Z(e, t) {
+			let n = se(e), r = n?.querySelector(".media-card-activator") ?? n;
 			r && (r.classList.toggle("media-card-focus-silent", !t), t || r.addEventListener("blur", () => {
 				r.classList.remove("media-card-focus-silent");
 			}, { once: !0 }), r?.focus({ preventScroll: !0 }));
 		}
 		function de() {
-			l.state.reelOrigin === "masonry" && (W ??= l.state.activeReelPostId, _.value = !0, d("closeReel"));
+			l.state.reelOrigin === "masonry" && (U ??= l.state.activeReelPostId, _.value = !0, d("closeReel"));
 		}
 		function fe() {
-			let e = W, t = G;
-			_.value = !1, W = null, G = !1, m(() => {
-				e !== null && ue(e, t);
+			let e = U, t = K;
+			_.value = !1, U = null, K = !1, h(() => {
+				e !== null && Z(e, t);
 			});
 		}
-		return Rn({
+		return Hn({
 			closeMasonryReel: de,
 			element: () => g.value,
 			isReelLeaving: () => _.value,
 			reelRenderer: () => p.value,
 			setReelInfoSheet: (e) => d("reelInfoSheetChange", e),
 			state: l.state
-		}), O(() => {
+		}), A(() => {
 			let e = l.state.items;
 			return [e, e.length];
 		}, ([e]) => {
-			let t = e.map((e) => e.postId), n = t.filter((e) => !ee.has(e)), r = new Set(t);
-			if (ee = new Set(t), S.value = new Set([...S.value].filter((e) => r.has(e))), C.value = new Map([...C.value].filter(([e]) => r.has(e))), n.length === 0 || K()) return;
+			let t = e.map((e) => e.postId), n = t.filter((e) => !V.has(e)), r = new Set(t);
+			if (V = new Set(t), S.value = new Set([...S.value].filter((e) => r.has(e))), C.value = new Map([...C.value].filter(([e]) => r.has(e))), n.length === 0 || q()) return;
 			let i = /* @__PURE__ */ new Map();
 			t.forEach((e) => {
-				let t = x.value.get(e);
+				let t = b.value.get(e);
 				t !== void 0 && i.set(e, t);
 			}), n.forEach((e, t) => {
-				i.set(e, t * zn);
-			}), x.value = i, y.value = new Set([...y.value, ...n]), q();
-		}, { flush: "sync" }), v(() => {
-			U !== null && cancelAnimationFrame(U);
+				i.set(e, t * Un);
+			}), b.value = i, v.value = new Set([...v.value, ...n]), ee();
+		}, { flush: "sync" }), y(() => {
+			H !== null && cancelAnimationFrame(H);
 		}), i({
-			animateItemRemoval: Z,
+			animateItemRemoval: ue,
 			cancelItemRemoval: X,
-			changeActiveReelMedia: re,
-			getAutoScrollElement: oe,
-			loadIfNearBottom: ne,
-			moveActiveReelPost: ie,
-			navigateToReelItem: ae,
+			changeActiveReelMedia: ne,
+			getAutoScrollElement: ae,
+			loadIfNearBottom: te,
+			moveActiveReelPost: re,
+			navigateToReelItem: ie,
 			resetMediaLifecycle: B,
-			startItemRemoval: Y,
+			startItemRemoval: ce,
 			transitionActiveReelMedia: (e) => p.value?.transitionActiveMedia?.(e) ?? Promise.resolve(!1),
 			transitionActiveReelPost: (e) => p.value?.transitionActivePost?.(e) ?? Promise.resolve(!1)
-		}), (r, i) => (b(), s("div", {
+		}), (r, i) => (x(), s("div", {
 			ref_key: "surfaceElement",
 			ref: g,
 			class: "vibe-surface"
-		}, [t.state.layout === "reel" && (t.state.items.length > 0 || t.state.reelForward.status !== "idle") ? (b(), a(jn, {
+		}, [t.state.layout === "reel" && (t.state.items.length > 0 || t.state.reelForward.status !== "idle") ? (x(), a(Fn, {
 			key: 0,
 			ref_key: "reelRenderer",
 			ref: p,
@@ -3140,28 +3150,28 @@ var zn = 35, Bn = 420, Vn = /* @__PURE__ */ d({
 			"info-sheet-overlay": t.state.reelInfoSheetOverlay,
 			"next-page-error": !!t.state.nextPageError,
 			origin: "reel",
-			"preview-states": E(z),
+			"preview-states": O(z),
 			"reel-auto-advance": t.state.reelAutoAdvance,
 			"reel-audio-state": t.reelAudioState,
 			"reel-forward": t.state.reelForward,
-			state: D.value,
+			state: T.value,
 			total: t.state.total,
 			onActiveChange: i[0] ||= (e) => d("activeReelChange", e),
 			onCloseInfoSheet: i[1] ||= (e) => d("reelInfoSheetChange", !1),
-			onError: E(F),
-			onMediaError: i[2] ||= (e, t) => E(A)(e, t, "reel"),
+			onError: O(F),
+			onMediaError: i[2] ||= (e, t) => O(D)(e, t, "reel"),
 			onLoadMore: i[3] ||= (e) => d("loadMore"),
 			onMediaChange: J,
-			onReady: E(I),
+			onReady: O(I),
 			onRetryEnd: i[4] ||= (e) => d("retryEnd"),
 			onRetryForward: i[5] ||= (e) => d("retryForward"),
 			onReelAudioChange: i[6] ||= (e) => d("reelAudioChange", e)
-		}, null, 8, /* @__PURE__ */ "can-retry-end.has-next.card-footer.card-header.feed-footer.feed-footer-actions.forward-index.forward-item.media-card.infinite-scroll.is-loading-more.items.load-more-locked.media-source.media-indices.initial-post-id.info-sheet.info-sheet-enabled.info-sheet-overlay.next-page-error.preview-states.reel-auto-advance.reel-audio-state.reel-forward.state.total.onError.onReady".split("."))) : t.state.error || t.state.isLoading || t.state.items.length === 0 && t.state.reelForward.status === "idle" ? (b(), a(le, {
+		}, null, 8, /* @__PURE__ */ "can-retry-end.has-next.card-footer.card-header.feed-footer.feed-footer-actions.forward-index.forward-item.media-card.infinite-scroll.is-loading-more.items.load-more-locked.media-source.media-indices.initial-post-id.info-sheet.info-sheet-enabled.info-sheet-overlay.next-page-error.preview-states.reel-auto-advance.reel-audio-state.reel-forward.state.total.onError.onReady".split("."))) : t.state.error || t.state.isLoading || t.state.items.length === 0 && t.state.reelForward.status === "idle" ? (x(), a(le, {
 			key: 1,
 			actions: t.feedFooterActions,
 			"can-retry-end": t.canRetryEnd,
 			"feed-footer": t.feedFooter,
-			state: D.value,
+			state: T.value,
 			onLoadMore: i[7] ||= (e) => d("loadMore"),
 			onRetryEnd: i[8] ||= (e) => d("retryEnd")
 		}, null, 8, [
@@ -3169,12 +3179,12 @@ var zn = 35, Bn = 420, Vn = /* @__PURE__ */ d({
 			"can-retry-end",
 			"feed-footer",
 			"state"
-		])) : (b(), s(e, { key: 2 }, [u(hn, {
+		])) : (x(), s(e, { key: 2 }, [u(_n, {
 			ref_key: "masonryRenderer",
 			ref: f,
 			"can-retry-end": t.canRetryEnd,
-			"entering-post-ids": y.value,
-			"entry-delays": x.value,
+			"entering-post-ids": v.value,
+			"entry-delays": b.value,
 			"leaving-post-ids": S.value,
 			"removal-delays": C.value,
 			"card-footer": t.cardFooter,
@@ -3190,33 +3200,33 @@ var zn = 35, Bn = 420, Vn = /* @__PURE__ */ d({
 			"load-more-locked": t.state.loadMoreLocked,
 			"media-indices": t.state.mediaIndices,
 			"next-page-error": !!t.state.nextPageError,
-			"preview-states": E(R),
+			"preview-states": O(R),
 			suspended: t.state.reelOrigin === "masonry" || _.value,
-			state: D.value,
+			state: T.value,
 			total: t.state.total,
-			onActivate: se,
-			onError: E(N),
-			onMediaError: i[9] ||= (e, t) => E(A)(e, t, "masonry"),
-			onFullyVisible: E(j),
+			onActivate: oe,
+			onError: O(N),
+			onMediaError: i[9] ||= (e, t) => O(D)(e, t, "masonry"),
+			onFullyVisible: O(k),
 			onLoadMore: i[10] ||= (e) => d("loadMore"),
 			onMediaChange: J,
-			onReady: E(P),
+			onReady: O(P),
 			onRetryEnd: i[11] ||= (e) => d("retryEnd"),
-			onVisible: E(M)
+			onVisible: O(M)
 		}, null, 8, /* @__PURE__ */ "can-retry-end.entering-post-ids.entry-delays.leaving-post-ids.removal-delays.card-footer.card-header.feed-footer.feed-footer-actions.media-card.masonry.has-next.infinite-scroll.is-loading-more.items.load-more-locked.media-indices.next-page-error.preview-states.suspended.state.total.onError.onFullyVisible.onReady.onVisible".split(".")), u(n, {
 			name: "vibe-reel-viewer",
 			onAfterLeave: fe
 		}, {
-			default: k(() => [t.state.reelOrigin === "masonry" ? (b(), s("section", {
+			default: j(() => [t.state.reelOrigin === "masonry" ? (x(), s("section", {
 				key: 0,
 				ref_key: "reelOverlay",
-				ref: h,
+				ref: m,
 				class: "vibe-reel-overlay",
 				role: "dialog",
 				"aria-label": "Media viewer",
 				"aria-modal": "true",
 				tabindex: "-1"
-			}, [u(jn, {
+			}, [u(Fn, {
 				ref_key: "reelRenderer",
 				ref: p,
 				"can-retry-end": t.canRetryEnd,
@@ -3240,19 +3250,19 @@ var zn = 35, Bn = 420, Vn = /* @__PURE__ */ d({
 				"media-source": "original",
 				"next-page-error": !!t.state.nextPageError,
 				origin: "masonry",
-				"preview-states": E(L),
+				"preview-states": O(L),
 				"reel-auto-advance": t.state.reelAutoAdvance,
 				"reel-audio-state": t.reelAudioState,
 				"reel-forward": t.state.reelForward,
-				state: D.value,
+				state: T.value,
 				total: t.state.total,
 				onActiveChange: i[12] ||= (e) => d("activeReelChange", e),
 				onCloseInfoSheet: i[13] ||= (e) => d("reelInfoSheetChange", !1),
-				onError: E(F),
-				onMediaError: i[14] ||= (e, t) => E(A)(e, t, "reel"),
+				onError: O(F),
+				onMediaError: i[14] ||= (e, t) => O(D)(e, t, "reel"),
 				onLoadMore: i[15] ||= (e) => d("loadMore"),
 				onMediaChange: J,
-				onReady: E(I),
+				onReady: O(I),
 				onRetryEnd: i[16] ||= (e) => d("retryEnd"),
 				onRetryForward: i[17] ||= (e) => d("retryForward"),
 				onReelAudioChange: i[18] ||= (e) => d("reelAudioChange", e)
@@ -3263,7 +3273,7 @@ var zn = 35, Bn = 420, Vn = /* @__PURE__ */ d({
 });
 //#endregion
 //#region src/core/page.ts
-function Hn(e) {
+function Kn(e) {
 	if (!e || typeof e != "object" || !Array.isArray(e.items)) throw TypeError("Vibe loadPage must resolve to a page with an items array.");
 	if (e.current !== void 0 && e.current !== null && typeof e.current != "string" && typeof e.current != "number") throw TypeError("Vibe page current must be a string, number, null, or undefined.");
 	if (e.next !== null && typeof e.next != "string" && typeof e.next != "number") throw TypeError("Vibe page next must be a string, number, or null.");
@@ -3274,22 +3284,22 @@ function $(e, t) {
 	let n = new Set(e.map((e) => e.postId));
 	return [...e, ...t.filter((e) => n.has(e.postId) ? !1 : (n.add(e.postId), !0))];
 }
-function Un(e) {
+function qn(e) {
 	return `${typeof e}:${String(e)}`;
 }
-function Wn(e) {
-	return e.mediaId === void 0 ? `source:${e.src}\u0000${e.preview?.src ?? ""}` : `id:${Un(e.mediaId)}`;
+function Jn(e) {
+	return e.mediaId === void 0 ? `source:${e.src}\u0000${e.preview?.src ?? ""}` : `id:${qn(e.mediaId)}`;
 }
-function Gn(e, t) {
-	let n = [...e], r = new Map(e.map((e, t) => [Un(e.postId), t]));
+function Yn(e, t) {
+	let n = [...e], r = new Map(e.map((e, t) => [qn(e.postId), t]));
 	return t.forEach((e) => {
-		let t = Un(e.postId), i = r.get(t);
+		let t = qn(e.postId), i = r.get(t);
 		if (i === void 0) {
 			r.set(t, n.length), n.push(e);
 			return;
 		}
-		let a = n[i], o = new Set([a, ...a.items].map(Wn)), s = [e, ...e.items].filter((e) => {
-			let t = Wn(e);
+		let a = n[i], o = new Set([a, ...a.items].map(Jn)), s = [e, ...e.items].filter((e) => {
+			let t = Jn(e);
 			return o.has(t) ? !1 : (o.add(t), !0);
 		});
 		s.length > 0 && (n[i] = {
@@ -3298,14 +3308,14 @@ function Gn(e, t) {
 		});
 	}), n;
 }
-function Kn(e) {
+function Xn(e) {
 	return Object.prototype.hasOwnProperty.call(e, "current") ? e.current ?? null : e.next;
 }
 //#endregion
 //#region src/core/appendPage.ts
-function qn(e, t, n, r) {
-	let i = Hn(e), a = n.filterItems(i.items), o = Kn(i);
-	t.items = Gn(t.items, a), t.next = i.next, i.total !== void 0 && (t.total = i.total), r(o), n.recordPages([{
+function Zn(e, t, n, r) {
+	let i = Kn(e), a = n.filterItems(i.items), o = Xn(i);
+	t.items = Yn(t.items, a), t.next = i.next, i.total !== void 0 && (t.total = i.total), r(o), n.recordPages([{
 		contributionIds: a.map(({ postId: e }) => e),
 		cursor: o,
 		next: i.next,
@@ -3314,32 +3324,32 @@ function qn(e, t, n, r) {
 }
 //#endregion
 //#region src/core/requestDelay.ts
-var Jn = 2e3, Yn = 1e4, Xn = 250, Zn = {
+var Qn = 2e3, $n = 1e4, er = 250, tr = {
 	delayRemainingMs: null,
 	nextRequestAt: null
 };
-function Qn(e, t) {
+function nr(e, t) {
 	return e === void 0 ? t : Math.floor(e);
 }
-function $n(e, t) {
+function rr(e, t) {
 	for (let [n, r] of [["delayStepMs", e.delayStepMs], ["delayMaxMs", e.delayMaxMs]]) if (r !== void 0 && (!Number.isFinite(r) || r < 0)) throw TypeError(`Vibe ${t} ${n} must be a non-negative number.`);
 }
-function er(e, t = {}) {
-	let n = Qn(t.delayStepMs, Jn), r = Qn(t.delayMaxMs, Yn);
+function ir(e, t = {}) {
+	let n = nr(t.delayStepMs, Qn), r = nr(t.delayMaxMs, $n);
 	return Math.min(Math.max(0, e) * n, r);
 }
-function tr(e) {
-	if (e == null || !Number.isFinite(e)) return { ...Zn };
+function ar(e) {
+	if (e == null || !Number.isFinite(e)) return { ...tr };
 	let t = Math.max(0, Math.floor(e - Date.now()));
 	return t > 0 ? {
 		delayRemainingMs: t,
 		nextRequestAt: e
-	} : { ...Zn };
+	} : { ...tr };
 }
-async function nr({ delayMs: e, onChange: t, signal: n }) {
+async function or({ delayMs: e, onChange: t, signal: n }) {
 	if (n.aborted) throw new DOMException("Aborted", "AbortError");
 	if (e <= 0) {
-		t({ ...Zn });
+		t({ ...tr });
 		return;
 	}
 	let r = Date.now() + e;
@@ -3347,9 +3357,9 @@ async function nr({ delayMs: e, onChange: t, signal: n }) {
 		delayRemainingMs: e,
 		nextRequestAt: r
 	}), await new Promise((i, a) => {
-		let o = !1, s = setInterval(f, Xn), c = setTimeout(() => u(), e);
+		let o = !1, s = setInterval(f, er), c = setTimeout(() => u(), e);
 		function l() {
-			clearInterval(s), clearTimeout(c), n.removeEventListener("abort", d), t({ ...Zn });
+			clearInterval(s), clearTimeout(c), n.removeEventListener("abort", d), t({ ...tr });
 		}
 		function u(e) {
 			o || (o = !0, l(), e ? a(e) : i());
@@ -3358,42 +3368,42 @@ async function nr({ delayMs: e, onChange: t, signal: n }) {
 			u(new DOMException("Aborted", "AbortError"));
 		}
 		function f() {
-			let e = tr(r);
+			let e = ar(r);
 			t(e), e.delayRemainingMs === null && u();
 		}
 		n.addEventListener("abort", d, { once: !0 });
 	});
 }
-var rr = class {
+var sr = class {
 	interval = null;
 	constructor(e) {
 		this.onChange = e;
 	}
 	clear() {
-		this.interval !== null && clearInterval(this.interval), this.interval = null, this.onChange({ ...Zn });
+		this.interval !== null && clearInterval(this.interval), this.interval = null, this.onChange({ ...tr });
 	}
 	sync(e) {
 		this.clear();
-		let t = tr(e);
+		let t = ar(e);
 		this.onChange(t), t.delayRemainingMs !== null && (this.interval = setInterval(() => {
-			let t = tr(e);
+			let t = ar(e);
 			this.onChange(t), t.delayRemainingMs === null && this.clear();
-		}, Xn));
+		}, er));
 	}
 };
-function ir(e, t = !0) {
+function cr(e, t = !0) {
 	return e.maxAdditionalPages === "unlimited" ? Infinity : (e.maxAdditionalPages ?? 10) + (t ? 1 : 0);
 }
-function ar(e) {
+function lr(e) {
 	return `${typeof e}:${String(e)}`;
 }
-function or(e, t) {
+function ur(e, t) {
 	if (!Number.isInteger(e) || e <= 0) throw TypeError(`Vibe ${t} must be a positive integer.`);
 }
-function sr(e) {
+function dr(e) {
 	if (!e) return;
-	if (or(e.pageSize, "autofill pageSize"), e.strategy === "frontend") {
-		$n(e, "frontend autofill");
+	if (ur(e.pageSize, "autofill pageSize"), e.strategy === "frontend") {
+		rr(e, "frontend autofill");
 		let t = e.maxAdditionalPages;
 		if (t !== void 0 && t !== "unlimited" && (!Number.isInteger(t) || t < 0)) throw TypeError("Vibe autofill maxAdditionalPages must be a non-negative integer or \"unlimited\".");
 		return;
@@ -3405,7 +3415,7 @@ function sr(e) {
 		if (t.pageSize !== e.pageSize) throw TypeError("Vibe backend autofill initialSession pageSize must match autofill pageSize.");
 	}
 }
-function cr(e, t, n = !0) {
+function fr(e, t, n = !0) {
 	if (!e) return {
 		cycleId: null,
 		delayRemainingMs: null,
@@ -3422,7 +3432,7 @@ function cr(e, t, n = !0) {
 		status: "idle",
 		strategy: null
 	};
-	let r = e.strategy === "backend" ? t ?? (n ? e.initialSession : void 0) : void 0, i = r?.received ?? 0, a = tr(r?.nextRequestAt);
+	let r = e.strategy === "backend" ? t ?? (n ? e.initialSession : void 0) : void 0, i = r?.received ?? 0, a = ar(r?.nextRequestAt);
 	return {
 		cycleId: r?.cycleId ?? null,
 		...a,
@@ -3439,7 +3449,7 @@ function cr(e, t, n = !0) {
 		strategy: e.strategy
 	};
 }
-function lr(e) {
+function pr(e) {
 	return [
 		"cancelling",
 		"filling",
@@ -3447,9 +3457,9 @@ function lr(e) {
 		"waiting"
 	].includes(e.status);
 }
-async function ur(e, t, n) {
+async function mr(e, t, n) {
 	let r = t.autofill;
-	if (!lr(r) || !r.cycleId) return;
+	if (!pr(r) || !r.cycleId) return;
 	let i = {
 		cycleId: r.cycleId,
 		feedKey: r.feedKey ?? "",
@@ -3462,16 +3472,16 @@ async function ur(e, t, n) {
 		throw r.error = e, r.status = "error", e;
 	}
 }
-function dr(e, t, n) {
+function hr(e, t, n) {
 	return e?.strategy === "backend" && t.feedKey === e.feedKey && t.sessionId === n.sessionId;
 }
-async function fr({ existingItems: e, initialCursor: t, loadPage: n, maximumRequests: r, onCollection: i, onDelayChange: a, onProgress: o, options: s, receivedOffset: c = 0, requestOffset: l = 0, shouldPause: u = () => !1, signal: d }) {
-	let f = [], p = [...e], m = /* @__PURE__ */ new Set(), h = r ?? ir(s), g = t, _ = t, v = t, y = 0, b = [], x;
+async function gr({ existingItems: e, initialCursor: t, loadPage: n, maximumRequests: r, onCollection: i, onDelayChange: a, onProgress: o, options: s, receivedOffset: c = 0, requestOffset: l = 0, shouldPause: u = () => !1, signal: d }) {
+	let f = [], p = [...e], m = /* @__PURE__ */ new Set(), h = r ?? cr(s), g = t, _ = t, v = t, y = 0, b = [], x;
 	for (; y < h;) {
-		let e = ar(g);
+		let e = lr(g);
 		if (m.has(e)) throw Error("Vibe autofill received a repeated cursor.");
-		if (m.add(e), await nr({
-			delayMs: er(l + y, s),
+		if (m.add(e), await or({
+			delayMs: ir(l + y, s),
 			onChange: a,
 			signal: d
 		}), y > 0 && u()) return {
@@ -3485,7 +3495,7 @@ async function fr({ existingItems: e, initialCursor: t, loadPage: n, maximumRequ
 			status: "paused",
 			total: x
 		};
-		let t = Hn(await n({
+		let t = Kn(await n({
 			cursor: g,
 			signal: d
 		}));
@@ -3542,12 +3552,12 @@ async function fr({ existingItems: e, initialCursor: t, loadPage: n, maximumRequ
 }
 //#endregion
 //#region src/core/autofillController.ts
-var pr = class {
+var _r = class {
 	collection = null;
 	cycle = 0;
 	delayCountdown;
 	constructor(e) {
-		this.context = e, this.delayCountdown = new rr((t) => Object.assign(e.state.autofill, t)), this.syncCountdown();
+		this.context = e, this.delayCountdown = new sr((t) => Object.assign(e.state.autofill, t)), this.syncCountdown();
 	}
 	beginCycle() {
 		let { options: e, state: t } = this.context;
@@ -3555,14 +3565,14 @@ var pr = class {
 		this.clear();
 		let n = `vibe-autofill-${Date.now().toString(36)}-${++this.cycle}`;
 		return t.autofill = {
-			...cr(e, void 0, !1),
+			...fr(e, void 0, !1),
 			cycleId: n,
 			status: "filling"
 		}, n;
 	}
 	async cancel() {
 		let { cancelRequest: e, options: t, state: n } = this.context;
-		await ur(t, n, e), this.commitCollection();
+		await mr(t, n, e), this.commitCollection();
 	}
 	captureCollection(e, t) {
 		t && (this.collection = e);
@@ -3590,30 +3600,30 @@ var pr = class {
 			requests: r.requests
 		}), !0) : !1;
 	}
-}, mr = 100;
-function hr(e, t) {
+}, vr = 100;
+function yr(e, t) {
 	if (!Number.isFinite(t) || t <= 0) throw TypeError(`Vibe ${e} must be a positive number.`);
 }
-function gr(e, t, n) {
+function br(e, t, n) {
 	return Math.min(n, Math.max(t, e));
 }
-function _r(e) {
+function xr(e) {
 	if (!e) return;
 	let t = e.minSpeedPxPerSecond ?? 20, n = e.maxSpeedPxPerSecond ?? 240;
-	if (hr("autoScroll.minSpeedPxPerSecond", t), hr("autoScroll.maxSpeedPxPerSecond", n), t > n) throw TypeError("Vibe autoScroll.minSpeedPxPerSecond cannot exceed maxSpeedPxPerSecond.");
-	e.speedPxPerSecond !== void 0 && hr("autoScroll.speedPxPerSecond", e.speedPxPerSecond);
+	if (yr("autoScroll.minSpeedPxPerSecond", t), yr("autoScroll.maxSpeedPxPerSecond", n), t > n) throw TypeError("Vibe autoScroll.minSpeedPxPerSecond cannot exceed maxSpeedPxPerSecond.");
+	e.speedPxPerSecond !== void 0 && yr("autoScroll.speedPxPerSecond", e.speedPxPerSecond);
 }
-function vr(e) {
+function Sr(e) {
 	let t = e?.minSpeedPxPerSecond ?? 20, n = e?.maxSpeedPxPerSecond ?? 240;
 	return {
 		enabled: e?.enabled ?? !1,
 		maxSpeedPxPerSecond: n,
 		minSpeedPxPerSecond: t,
 		paused: !1,
-		speedPxPerSecond: gr(e?.speedPxPerSecond ?? 80, t, n)
+		speedPxPerSecond: br(e?.speedPxPerSecond ?? 80, t, n)
 	};
 }
-var yr = class {
+var Cr = class {
 	frame = null;
 	lastTimestamp = null;
 	mounted = !1;
@@ -3633,9 +3643,9 @@ var yr = class {
 		this.options.state.enabled && (this.options.state.paused = e, this.lastTimestamp = null, e ? this.cancelFrame() : this.schedule());
 	}
 	setSpeed(e) {
-		hr("auto-scroll speed", e);
+		yr("auto-scroll speed", e);
 		let t = this.options.state;
-		t.speedPxPerSecond = gr(e, t.minSpeedPxPerSecond, t.maxSpeedPxPerSecond);
+		t.speedPxPerSecond = br(e, t.minSpeedPxPerSecond, t.maxSpeedPxPerSecond);
 	}
 	tick = (e) => {
 		this.frame = null;
@@ -3647,7 +3657,7 @@ var yr = class {
 			return;
 		}
 		if (this.lastTimestamp !== null) {
-			let r = Math.min(mr, Math.max(0, e - this.lastTimestamp)), i = Math.max(0, n.scrollHeight - n.clientHeight);
+			let r = Math.min(vr, Math.max(0, e - this.lastTimestamp)), i = Math.max(0, n.scrollHeight - n.clientHeight);
 			n.scrollTop = Math.min(i, n.scrollTop + t.speedPxPerSecond * r / 1e3);
 		}
 		this.lastTimestamp = e, this.schedule();
@@ -3661,13 +3671,13 @@ var yr = class {
 };
 //#endregion
 //#region src/core/backendAutofill.ts
-async function br(e, t, n, r) {
+async function wr(e, t, n, r) {
 	let i = await e.onUnderfilled(n);
 	if (!r()) return;
 	if (!i.sessionId.trim()) throw TypeError("Vibe backend autofill requires a sessionId.");
 	let a = Math.max(n.received, i.received ?? n.received);
 	Object.assign(t.autofill, {
-		...tr(i.nextRequestAt),
+		...ar(i.nextRequestAt),
 		missing: Math.max(0, e.pageSize - a),
 		received: a,
 		sequence: i.sequence ?? 0,
@@ -3675,19 +3685,19 @@ async function br(e, t, n, r) {
 		status: "waiting"
 	});
 }
-function xr(e, t) {
+function Tr(e, t) {
 	["complete", "exhausted"].includes(t.status) && t.items && (e.items = $(e.items, t.items)), t.next !== void 0 && (e.next = t.next), t.total !== void 0 && (e.total = t.total);
 }
-function Sr(e, t, n) {
+function Er(e, t, n) {
 	let r = t.autofill;
-	return !dr(e, n, r) || n.sequence <= r.sequence || ["cancelled", "cancelling"].includes(r.status) || ["complete", "exhausted"].includes(n.status) && n.next === void 0 ? !1 : (xr(t, n), Object.assign(r, tr(n.status === "waiting" ? n.nextRequestAt : null)), r.error = n.error ?? null, r.missing = Math.max(0, (r.pageSize ?? 0) - n.received), r.received = n.received, n.requests !== void 0 && (r.requests = n.requests), r.sequence = n.sequence, r.status = n.status, !0);
+	return !hr(e, n, r) || n.sequence <= r.sequence || ["cancelled", "cancelling"].includes(r.status) || ["complete", "exhausted"].includes(n.status) && n.next === void 0 ? !1 : (Tr(t, n), Object.assign(r, ar(n.status === "waiting" ? n.nextRequestAt : null)), r.error = n.error ?? null, r.missing = Math.max(0, (r.pageSize ?? 0) - n.received), r.received = n.received, n.requests !== void 0 && (r.requests = n.requests), r.sequence = n.sequence, r.status = n.status, !0);
 }
-function Cr(e, t, n) {
-	return e?.strategy !== "backend" || n.feedKey !== e.feedKey || n.pageSize !== e.pageSize ? !1 : (t.autofill = cr(e, n), xr(t, n), !0);
+function Dr(e, t, n) {
+	return e?.strategy !== "backend" || n.feedKey !== e.feedKey || n.pageSize !== e.pageSize ? !1 : (t.autofill = fr(e, n), Tr(t, n), !0);
 }
 //#endregion
 //#region src/core/backlogRestore.ts
-async function wr(e, t, n) {
+async function Or(e, t, n) {
 	if (!e) return;
 	let r = new AbortController();
 	n(r);
@@ -3702,7 +3712,7 @@ async function wr(e, t, n) {
 }
 //#endregion
 //#region src/core/initialAutofill.ts
-async function Tr({ cycleId: e, isCurrent: t, onCollection: n, onLastCursor: r, onPages: i, options: a, signal: o, state: s }) {
+async function kr({ cycleId: e, isCurrent: t, onCollection: n, onLastCursor: r, onPages: i, options: a, signal: o, state: s }) {
 	let c = a.autofill;
 	if (!c) return;
 	let l = s.items.length;
@@ -3715,7 +3725,7 @@ async function Tr({ cycleId: e, isCurrent: t, onCollection: n, onLastCursor: r,
 		return;
 	}
 	if (c.strategy === "backend") {
-		await br(c, s, {
+		await wr(c, s, {
 			cycleId: e,
 			feedKey: c.feedKey,
 			items: [...s.items],
@@ -3732,11 +3742,11 @@ async function Tr({ cycleId: e, isCurrent: t, onCollection: n, onLastCursor: r,
 		s.autofill.status = "exhausted";
 		return;
 	}
-	let u = await fr({
+	let u = await gr({
 		existingItems: s.items,
 		initialCursor: s.next,
 		loadPage: a.loadPage,
-		maximumRequests: ir(c, !1),
+		maximumRequests: cr(c, !1),
 		onCollection: n,
 		onDelayChange: (e) => {
 			t() && Object.assign(s.autofill, e);
@@ -3759,13 +3769,13 @@ async function Tr({ cycleId: e, isCurrent: t, onCollection: n, onLastCursor: r,
 }
 //#endregion
 //#region src/core/fill.ts
-function Er(e) {
+function Ar(e) {
 	return "items" in e ? { items: e.items } : "pages" in e ? { pages: e.pages } : { until: "end" };
 }
-function Dr(e) {
+function jr(e) {
 	return `${typeof e}:${String(e)}`;
 }
-function Or(e) {
+function Mr(e) {
 	if (!e || typeof e != "object") throw TypeError("Vibe fill target must be an object.");
 	if ("pages" in e) {
 		if (!Number.isInteger(e.pages) || e.pages <= 0) throw TypeError("Vibe fill pages must be a positive integer.");
@@ -3778,21 +3788,21 @@ function Or(e) {
 	if ("until" in e && e.until === "end") return { until: "end" };
 	throw TypeError("Vibe fill target must be { items }, { pages }, or { until: 'end' }.");
 }
-function kr(e) {
+function Nr(e) {
 	if (!e) return;
 	if (e.strategy === "frontend") {
-		$n(e, "frontend fill");
+		rr(e, "frontend fill");
 		return;
 	}
 	if (!e.feedKey.trim()) throw TypeError("Vibe backend fill requires a feedKey.");
 	let t = e.initialSession;
 	if (t) {
 		if (t.feedKey !== e.feedKey) throw TypeError("Vibe backend fill initialSession feedKey must match fill feedKey.");
-		Or(t.target);
+		Mr(t.target);
 	}
 }
-function Ar(e, t, n = !0) {
-	let r = e?.strategy === "backend" && n ? e.initialSession : void 0, i = t ?? r, a = tr(i?.nextRequestAt);
+function Pr(e, t, n = !0) {
+	let r = e?.strategy === "backend" && n ? e.initialSession : void 0, i = t ?? r, a = ar(i?.nextRequestAt);
 	return {
 		completedPages: i?.completedPages ?? 0,
 		cycleId: i?.cycleId ?? null,
@@ -3805,10 +3815,10 @@ function Ar(e, t, n = !0) {
 		sessionId: i?.sessionId ?? null,
 		status: i?.status ?? "idle",
 		strategy: e?.strategy ?? null,
-		target: i ? Er(i.target) : null
+		target: i ? Ar(i.target) : null
 	};
 }
-function jr(e) {
+function Fr(e) {
 	return [
 		"cancelling",
 		"filling",
@@ -3816,7 +3826,7 @@ function jr(e) {
 		"waiting"
 	].includes(e.status);
 }
-async function Mr({ existingItems: e, getLoadedItemCount: t, initialCursor: n, loadPage: r, onCollection: i = () => void 0, onDelayChange: a, onProgress: o, options: s, shouldPause: c = () => !1, signal: l, target: u }) {
+async function Ir({ existingItems: e, getLoadedItemCount: t, initialCursor: n, loadPage: r, onCollection: i = () => void 0, onDelayChange: a, onProgress: o, options: s, shouldPause: c = () => !1, signal: l, target: u }) {
 	let d = [], f = [], p = [...e], m = /* @__PURE__ */ new Set(), h = 0, g = n, _ = n, v = n, y = 0, b, x = () => t?.() ?? p.length;
 	if ("items" in u && x() >= u.items) return {
 		completedPages: h,
@@ -3828,10 +3838,10 @@ async function Mr({ existingItems: e, getLoadedItemCount: t, initialCursor: n, l
 		status: "complete"
 	};
 	for (; v !== null;) {
-		let e = Dr(g);
+		let e = jr(g);
 		if (m.has(e)) throw Error("Vibe fill received a repeated cursor.");
-		if (m.add(e), await nr({
-			delayMs: er(h, s),
+		if (m.add(e), await or({
+			delayMs: ir(h, s),
 			onChange: a,
 			signal: l
 		}), h > 0 && c()) return {
@@ -3844,7 +3854,7 @@ async function Mr({ existingItems: e, getLoadedItemCount: t, initialCursor: n, l
 			status: "paused",
 			total: b
 		};
-		let t = Hn(await r({
+		let t = Kn(await r({
 			cursor: g,
 			signal: l
 		}));
@@ -3912,12 +3922,12 @@ async function Mr({ existingItems: e, getLoadedItemCount: t, initialCursor: n, l
 }
 //#endregion
 //#region src/core/backendFill.ts
-async function Nr(e, t, n, r) {
+async function Lr(e, t, n, r) {
 	let i = await e.onStart(n);
 	if (r()) {
 		if (!i.sessionId.trim()) throw TypeError("Vibe backend fill requires a sessionId.");
 		Object.assign(t.fill, {
-			...tr(i.nextRequestAt),
+			...ar(i.nextRequestAt),
 			completedPages: i.completedPages ?? 0,
 			received: i.received ?? 0,
 			sequence: i.sequence ?? 0,
@@ -3926,23 +3936,23 @@ async function Nr(e, t, n, r) {
 		});
 	}
 }
-function Pr(e, t, n) {
+function Rr(e, t, n) {
 	return e?.strategy === "backend" && n.feedKey === e.feedKey && n.sessionId === t.fill.sessionId;
 }
-function Fr(e) {
+function zr(e) {
 	return Number.isInteger(e.completedPages) && e.completedPages >= 0 && Number.isInteger(e.received) && e.received >= 0 && Number.isInteger(e.sequence) && e.sequence >= 0;
 }
-function Ir(e, t) {
+function Br(e, t) {
 	if (!["complete", "exhausted"].includes(t.status)) return !0;
 	let n = e.fill.target;
 	return !n || !Array.isArray(t.items) || t.next === void 0 || t.lastCursor === void 0 ? !1 : t.status === "exhausted" ? "pages" in n && t.completedPages < n.pages && t.next === null : "pages" in n ? t.completedPages === n.pages : t.next === null;
 }
-function Lr(e, t, n) {
+function Vr(e, t, n) {
 	t.total !== void 0 && (e.total = t.total), ["complete", "exhausted"].includes(t.status) && (e.items = $(e.items, t.items ?? []), e.next = t.next ?? null, n(t.lastCursor ?? null));
 }
-function Rr(e, t, n, r) {
-	return !Pr(e, t, n) || !Fr(n) || n.sequence <= t.fill.sequence || ["cancelled", "cancelling"].includes(t.fill.status) || !Ir(t, n) ? !1 : (Lr(t, n, r), Object.assign(t.fill, {
-		...tr(n.status === "waiting" ? n.nextRequestAt : null),
+function Hr(e, t, n, r) {
+	return !Rr(e, t, n) || !zr(n) || n.sequence <= t.fill.sequence || ["cancelled", "cancelling"].includes(t.fill.status) || !Br(t, n) ? !1 : (Vr(t, n, r), Object.assign(t.fill, {
+		...ar(n.status === "waiting" ? n.nextRequestAt : null),
 		completedPages: n.completedPages,
 		error: n.error ?? null,
 		received: n.received,
@@ -3950,45 +3960,45 @@ function Rr(e, t, n, r) {
 		status: n.status
 	}), !0);
 }
-function zr(e, t, n, r) {
+function Ur(e, t, n, r) {
 	if (e?.strategy !== "backend" || n.feedKey !== e.feedKey) return !1;
 	let i = t.fill;
-	return t.fill = Ar(e, n), !Fr(n) || !Ir(t, n) ? (t.fill = i, !1) : (Lr(t, n, r), !0);
+	return t.fill = Pr(e, n), !zr(n) || !Br(t, n) ? (t.fill = i, !1) : (Vr(t, n, r), !0);
 }
 //#endregion
 //#region src/core/fillController.ts
-var Br = class {
+var Wr = class {
 	abortController = null;
 	cycle = 0;
 	delayCountdown;
 	requestVersion = 0;
 	collection = null;
 	constructor(e) {
-		this.options = e, this.delayCountdown = new rr((e) => {
+		this.options = e, this.delayCountdown = new sr((e) => {
 			Object.assign(this.options.state.fill, e);
 		}), this.syncBackendCountdown();
 	}
 	isActive() {
-		return jr(this.options.state.fill);
+		return Fr(this.options.state.fill);
 	}
 	applyUpdate(e) {
-		let t = Rr(this.options.fill, this.options.state, e, this.options.onLastCursor);
+		let t = Hr(this.options.fill, this.options.state, e, this.options.onLastCursor);
 		return t && this.syncBackendCountdown(), t;
 	}
 	restoreSession(e) {
-		let t = zr(this.options.fill, this.options.state, e, this.options.onLastCursor);
+		let t = Ur(this.options.fill, this.options.state, e, this.options.onLastCursor);
 		return t && this.syncBackendCountdown(), t;
 	}
 	async start(e, t = {}) {
 		let n = this.options.fill;
 		if (!n) throw Error("Vibe fill is not configured.");
 		if (this.isActive()) throw Error("Vibe fill is already active.");
-		let r = Or(e), i = Or(t.target ?? r), a = t.progressOffset ?? {
+		let r = Mr(e), i = Mr(t.target ?? r), a = t.progressOffset ?? {
 			completedPages: 0,
 			received: 0
 		}, o = t.cycleId ?? `vibe-fill-${Date.now().toString(36)}-${++this.cycle}`;
 		if (this.options.state.fill = {
-			...Ar(n, void 0, !1),
+			...Pr(n, void 0, !1),
 			completedPages: a.completedPages,
 			cycleId: o,
 			received: a.received,
@@ -4001,7 +4011,7 @@ var Br = class {
 		let s = ++this.requestVersion, c = new AbortController();
 		this.abortController = c;
 		try {
-			n.strategy === "frontend" ? await this.startFrontend(n, r, c, s, t.prepareFrontend !== !1, a) : (await Nr(n, this.options.state, {
+			n.strategy === "frontend" ? await this.startFrontend(n, r, c, s, t.prepareFrontend !== !1, a) : (await Lr(n, this.options.state, {
 				cycleId: o,
 				feedKey: n.feedKey,
 				items: [...this.options.state.items],
@@ -4019,7 +4029,7 @@ var Br = class {
 	}
 	async cancel() {
 		let { fill: e, state: t } = this.options;
-		if (!jr(t.fill) || !t.fill.cycleId) return;
+		if (!Fr(t.fill) || !t.fill.cycleId) return;
 		let n = {
 			cycleId: t.fill.cycleId,
 			feedKey: t.fill.feedKey ?? "",
@@ -4063,7 +4073,7 @@ var Br = class {
 		});
 	}
 	reset() {
-		this.abortLocalRequest(), this.delayCountdown.clear(), this.options.state.fill = Ar(this.options.fill, void 0, !1), this.collection = null;
+		this.abortLocalRequest(), this.delayCountdown.clear(), this.options.state.fill = Pr(this.options.fill, void 0, !1), this.collection = null;
 	}
 	destroy() {
 		this.abortLocalRequest(), this.delayCountdown.clear();
@@ -4098,7 +4108,7 @@ var Br = class {
 			s.fill.status = "until" in t ? "complete" : "exhausted";
 			return;
 		}
-		let c = await Mr({
+		let c = await Ir({
 			existingItems: s.items,
 			getLoadedItemCount: () => s.items.length,
 			initialCursor: s.next,
@@ -4150,7 +4160,7 @@ var Br = class {
 };
 //#endregion
 //#region src/core/fillReconciliation.ts
-async function Vr({ controller: e, isCurrent: t, loadPage: n, onDelayChange: r, pauseWhenManual: i = !1, setLastCursor: a, signal: o, state: s }) {
+async function Gr({ controller: e, isCurrent: t, loadPage: n, onDelayChange: r, pauseWhenManual: i = !1, setLastCursor: a, signal: o, state: s }) {
 	if (!e.needsReconciliation(s.items)) return "skipped";
 	let c = await e.reconcile({
 		existingItems: s.items,
@@ -4163,7 +4173,7 @@ async function Vr({ controller: e, isCurrent: t, loadPage: n, onDelayChange: r,
 }
 //#endregion
 //#region src/core/feedFooter.ts
-function Hr(e) {
+function Kr(e) {
 	return {
 		cancelAutofill: () => e.cancelAutofill(),
 		loadMore: () => e.loadNext(),
@@ -4175,46 +4185,46 @@ function Hr(e) {
 		retryFill: () => e.retryFill()
 	};
 }
-function Ur(e) {
+function qr(e) {
 	if (!Number.isFinite(e) || e <= 0) throw TypeError("Vibe reelAutoAdvance.intervalMs must be a positive number.");
 }
-function Wr(e) {
-	e?.intervalMs !== void 0 && Ur(e.intervalMs);
+function Jr(e) {
+	e?.intervalMs !== void 0 && qr(e.intervalMs);
 }
-function Gr(e) {
+function Yr(e) {
 	return {
 		enabled: e?.enabled ?? !1,
 		includePostItems: e?.includePostItems ?? !1,
 		intervalMs: e?.intervalMs ?? 5e3
 	};
 }
-function Kr(e, t) {
+function Xr(e, t) {
 	if (typeof t == "boolean") {
 		e.enabled = t;
 		return;
 	}
-	Wr(t), t.enabled !== void 0 && (e.enabled = t.enabled), t.includePostItems !== void 0 && (e.includePostItems = t.includePostItems), t.intervalMs !== void 0 && (e.intervalMs = t.intervalMs);
+	Jr(t), t.enabled !== void 0 && (e.enabled = t.enabled), t.includePostItems !== void 0 && (e.includePostItems = t.includePostItems), t.intervalMs !== void 0 && (e.intervalMs = t.intervalMs);
 }
 //#endregion
 //#region src/core/reelInfoSheet.ts
-function qr(e) {
+function Zr(e) {
 	return { enabled: e?.enabled ?? !1 };
 }
-function Jr(e, t, n) {
+function Qr(e, t, n) {
 	if (n && !t) throw Error("Vibe cannot enable reelInfoSheet without a configured component.");
 	e.enabled = n;
 }
 //#endregion
 //#region src/core/initialRuntimeState.ts
-function Yr(e, t) {
+function $r(e, t) {
 	let n = e.initialPage;
 	return {
 		activeReelPostId: null,
-		autoScroll: vr(e.autoScroll),
-		autofill: cr(e.autofill),
+		autoScroll: Sr(e.autoScroll),
+		autofill: fr(e.autofill),
 		current: n?.current ?? null,
 		error: null,
-		fill: Ar(e.fill),
+		fill: Pr(e.fill),
 		infiniteScroll: e.infiniteScroll ?? !0,
 		isLoading: !n,
 		isLoadingMore: !1,
@@ -4225,14 +4235,14 @@ function Yr(e, t) {
 		next: n?.next ?? null,
 		nextPageError: null,
 		phoneMode: !1,
-		reelAutoAdvance: Gr(e.reelAutoAdvance),
+		reelAutoAdvance: Yr(e.reelAutoAdvance),
 		reelForward: {
 			error: null,
 			status: "idle"
 		},
 		reelForwardIndex: null,
 		reelForwardItem: null,
-		reelInfoSheet: qr(e.reelInfoSheet),
+		reelInfoSheet: Zr(e.reelInfoSheet),
 		reelInfoSheetOverlay: !1,
 		reelMediaSource: "original",
 		reelOrigin: null,
@@ -4241,21 +4251,21 @@ function Yr(e, t) {
 }
 //#endregion
 //#region src/core/options.ts
-function Xr(e, t) {
+function ei(e, t) {
 	if (t) {
 		if (!Number.isFinite(t.height) || t.height <= 0) throw TypeError(`Vibe ${e} height must be a positive number.`);
 		if (t.background !== void 0 && t.background !== "default" && t.background !== "transparent") throw TypeError(`Vibe ${e} background must be "default" or "transparent".`);
 	}
 }
-function Zr(e, t) {
+function ti(e, t) {
 	if (t) {
 		if (t.background !== void 0 && t.background !== "default" && t.background !== "transparent") throw TypeError(`Vibe mediaCard ${e} background must be "default" or "transparent".`);
 		for (let [n, r] of [["paddingX", t.paddingX], ["paddingY", t.paddingY]]) if (r !== void 0 && (!Number.isFinite(r) || r < 0)) throw TypeError(`Vibe mediaCard ${e} ${n} must be a non-negative number.`);
 	}
 }
-function Qr(e) {
-	if (_r(e.autoScroll), Xr("cardHeader", e.cardHeader), Xr("cardFooter", e.cardFooter), Zr("header", e.mediaCard?.header), Zr("footer", e.mediaCard?.footer), e.mediaCard?.feedPreload !== void 0 && e.mediaCard.feedPreload !== "none" && e.mediaCard.feedPreload !== "visible-post") throw TypeError("Vibe mediaCard feedPreload must be \"none\" or \"visible-post\".");
-	if (sr(e.autofill), kr(e.fill), ke(e.masonry), Wr(e.reelAutoAdvance), e.removalReconciliation) {
+function ni(e) {
+	if (xr(e.autoScroll), ei("cardHeader", e.cardHeader), ei("cardFooter", e.cardFooter), ti("header", e.mediaCard?.header), ti("footer", e.mediaCard?.footer), e.mediaCard?.feedPreload !== void 0 && e.mediaCard.feedPreload !== "none" && e.mediaCard.feedPreload !== "visible-post") throw TypeError("Vibe mediaCard feedPreload must be \"none\" or \"visible-post\".");
+	if (dr(e.autofill), Nr(e.fill), je(e.masonry), Jr(e.reelAutoAdvance), e.removalReconciliation) {
 		if (!Number.isInteger(e.removalReconciliation.pageSize) || e.removalReconciliation.pageSize <= 0) throw TypeError("Vibe removalReconciliation pageSize must be a positive integer.");
 		let t = e.removalReconciliation.maxReplayPages ?? 5;
 		if (!Number.isInteger(t) || t <= 0) throw TypeError("Vibe removalReconciliation maxReplayPages must be a positive integer.");
@@ -4270,7 +4280,7 @@ function Qr(e) {
 	if (e.fill?.strategy === "frontend" && !e.loadPage) throw TypeError("Vibe frontend fill requires loadPage.");
 	if (e.fill?.strategy === "backend" && e.fill.initialSession && !e.initialPage) throw TypeError("Vibe backend fill restoration requires initialPage.");
 }
-function $r(e) {
+function ri(e) {
 	if (typeof e != "string") return e;
 	if (typeof document > "u") throw Error("Vibe cannot resolve a selector without a document.");
 	let t = document.querySelector(e);
@@ -4279,7 +4289,7 @@ function $r(e) {
 }
 //#endregion
 //#region src/core/pageRequest.ts
-async function ei({ append: e, autofillController: t, cursor: n, isCurrent: r, loadPage: i, onLastCursor: a, onPages: o, options: s, signal: c, state: l }) {
+async function ii({ append: e, autofillController: t, cursor: n, isCurrent: r, loadPage: i, onLastCursor: a, onPages: o, options: s, signal: c, state: l }) {
 	let u = s.autofill, d = e && u?.strategy === "frontend" && (l.autofill.status === "paused" || l.autofill.status === "error"), f = d ? {
 		received: l.autofill.received,
 		requests: l.autofill.requests
@@ -4291,11 +4301,11 @@ async function ei({ append: e, autofillController: t, cursor: n, isCurrent: r, l
 	let m = !1;
 	try {
 		if (u?.strategy === "frontend") {
-			let s = await fr({
+			let s = await gr({
 				existingItems: e ? l.items : [],
 				initialCursor: n,
 				loadPage: i,
-				maximumRequests: f ? Math.max(0, ir(u) - f.requests) : void 0,
+				maximumRequests: f ? Math.max(0, cr(u) - f.requests) : void 0,
 				onCollection: (e) => t.captureCollection(e, r()),
 				onDelayChange: (e) => {
 					r() && Object.assign(l.autofill, e);
@@ -4318,7 +4328,7 @@ async function ei({ append: e, autofillController: t, cursor: n, isCurrent: r, l
 			}), o(s.pages), t.clearCollection();
 			return;
 		}
-		let s = Hn(await i({
+		let s = Kn(await i({
 			cursor: n,
 			signal: c
 		}));
@@ -4338,7 +4348,7 @@ async function ei({ append: e, autofillController: t, cursor: n, isCurrent: r, l
 				l.autofill.status = "complete";
 				return;
 			}
-			await br(u, l, {
+			await wr(u, l, {
 				cycleId: p,
 				feedKey: u.feedKey,
 				items: h.slice(d.length),
@@ -4360,7 +4370,7 @@ async function ei({ append: e, autofillController: t, cursor: n, isCurrent: r, l
 }
 //#endregion
 //#region src/core/pageReplacement.ts
-var ti = class {
+var ai = class {
 	controller = null;
 	constructor(e) {
 		this.options = e;
@@ -4372,7 +4382,7 @@ var ti = class {
 		this.controller?.abort(), this.controller = null, this.options.surface()?.cancelItemRemoval();
 	}
 	async replace(e, t) {
-		let n = Hn(e);
+		let n = Kn(e);
 		this.cancel();
 		let r = new AbortController();
 		this.controller = r;
@@ -4392,7 +4402,7 @@ var ti = class {
 				let e = this.options.surface()?.getAutoScrollElement();
 				e && (e.scrollTop = 0);
 			}
-			e.mediaIndices = new Map(a.map((t) => [t.postId, H(t, e.mediaIndices.get(t.postId) ?? 0)])), e.activeReelPostId !== null && !o.has(String(e.activeReelPostId)) && (e.activeReelPostId = null, e.reelOrigin = null), e.items = a, e.next = n.next, e.total = n.total ?? null, e.error = null, e.nextPageError = null, this.options.commit({
+			e.mediaIndices = new Map(a.map((t) => [t.postId, G(t, e.mediaIndices.get(t.postId) ?? 0)])), e.activeReelPostId !== null && !o.has(String(e.activeReelPostId)) && (e.activeReelPostId = null, e.reelOrigin = null), e.items = a, e.next = n.next, e.total = n.total ?? null, e.error = null, e.nextPageError = null, this.options.commit({
 				...n,
 				items: a
 			});
@@ -4403,7 +4413,7 @@ var ti = class {
 };
 //#endregion
 //#region src/core/loadingLock.ts
-function ni(e, t, n) {
+function oi(e, t, n) {
 	if (e.loadMoreLocked !== t && (e.loadMoreLocked = t, !t)) {
 		if (e.fill.status === "paused" && e.fill.target) {
 			n.resumeFill();
@@ -4414,21 +4424,21 @@ function ni(e, t, n) {
 			e ? e.finally(() => {
 				n.loadNext();
 			}) : n.loadNext();
-		} else e.infiniteScroll && m(n.loadIfNearBottom);
+		} else e.infiniteScroll && h(n.loadIfNearBottom);
 	}
 }
 //#endregion
 //#region src/core/removalReconciliationController.ts
-function ri(e) {
+function si(e) {
 	return `${typeof e}:${String(e)}`;
 }
-function ii(e) {
+function ci(e) {
 	return `${typeof e}:${String(e)}`;
 }
-function ai(e) {
+function li(e) {
 	return e.map(({ postId: e }) => e);
 }
-var oi = class {
+var ui = class {
 	delay;
 	enabled;
 	maxReplayPages;
@@ -4447,7 +4457,7 @@ var oi = class {
 		e.status === "complete" && (this.pages = [...this.pages.slice(0, e.replaceFrom), ...e.pages].slice(-this.maxReplayPages), this.pending = null);
 	}
 	filterItems(e) {
-		return this.tombstones.size === 0 ? [...e] : e.filter(({ postId: e }) => !this.tombstones.has(ri(e)));
+		return this.tombstones.size === 0 ? [...e] : e.filter(({ postId: e }) => !this.tombstones.has(si(e)));
 	}
 	needsReconciliation(e) {
 		return this.pending !== null || this.findUnderfilledPage(e) >= 0;
@@ -4460,45 +4470,45 @@ var oi = class {
 	}
 	recordInitialPage(e) {
 		e && this.recordPages([{
-			contributionIds: ai(e.items),
-			cursor: Kn(e),
+			contributionIds: li(e.items),
+			cursor: Xn(e),
 			next: e.next,
-			returnedIds: ai(e.items)
+			returnedIds: li(e.items)
 		}]);
 	}
 	remove(e) {
-		e.forEach((e) => this.tombstones.add(ri(e)));
+		e.forEach((e) => this.tombstones.add(si(e)));
 	}
 	reset() {
 		this.pages = [], this.pending = null, this.tombstones.clear();
 	}
 	restore(e) {
-		e.forEach((e) => this.tombstones.delete(ri(e)));
+		e.forEach((e) => this.tombstones.delete(si(e)));
 	}
 	async reconcile({ existingItems: e, loadPage: t, onDelayChange: n = () => void 0, shouldPause: r = () => !1, signal: i }) {
 		let a = this.pending ?? this.createSession(e);
 		for (this.pending = a; a.remainingRequests > 0;) {
-			let e = ii(a.cursor);
+			let e = ci(a.cursor);
 			if (a.seenCursors.has(e)) throw Error("Vibe removal reconciliation received a repeated cursor.");
-			if (await nr({
-				delayMs: er(a.pages.length, this.delay),
+			if (await or({
+				delayMs: ir(a.pages.length, this.delay),
 				onChange: n,
 				signal: i
 			}), a.pages.length > 0 && r()) return this.result(a, "paused");
-			let o = Hn(await t({
+			let o = Kn(await t({
 				cursor: a.cursor,
 				signal: i
 			}));
 			a.seenCursors.add(e);
 			let s = this.filterItems(o.items), c = [];
 			if (s.forEach((e) => {
-				let t = ri(e.postId);
+				let t = si(e.postId);
 				a.attributed.has(t) || (a.attributed.add(t), c.push(e.postId)), a.appended.has(t) || (a.appended.add(t), a.items.push(e));
 			}), a.pages.push({
 				contributionIds: c,
 				cursor: a.cursor,
 				next: o.next,
-				returnedIds: ai(s)
+				returnedIds: li(s)
 			}), a.lastCursor = a.cursor, a.next = o.next, --a.remainingRequests, o.total !== void 0 && (a.total = o.total), a.next === null ? a.remainingRequests = 0 : a.cursor = a.next, a.remainingRequests > 0 && r()) return this.result(a, "paused");
 		}
 		return this.result(a, "complete");
@@ -4506,9 +4516,9 @@ var oi = class {
 	createSession(e) {
 		let t = this.findUnderfilledPage(e), n = t < 0 ? [] : this.pages.slice(t), r = n[0];
 		if (!r) throw Error("Vibe has no underfilled provider page to reconcile.");
-		let i = new Set(n.flatMap(({ contributionIds: e }) => e.map(ri))), a = new Set(e.map(({ postId: e }) => ri(e)).filter((e) => !i.has(e)));
+		let i = new Set(n.flatMap(({ contributionIds: e }) => e.map(si))), a = new Set(e.map(({ postId: e }) => si(e)).filter((e) => !i.has(e)));
 		return {
-			appended: new Set(e.map(({ postId: e }) => ri(e))),
+			appended: new Set(e.map(({ postId: e }) => si(e))),
 			attributed: new Set(a),
 			cursor: r.cursor,
 			items: [],
@@ -4533,11 +4543,11 @@ var oi = class {
 	}
 	findUnderfilledPage(e) {
 		if (!this.enabled || this.pages.length === 0) return -1;
-		let t = new Set(e.map(({ postId: e }) => ri(e)));
-		return this.pages.findIndex(({ contributionIds: e }) => e.filter((e) => t.has(ri(e))).length < this.pageSize);
+		let t = new Set(e.map(({ postId: e }) => si(e)));
+		return this.pages.findIndex(({ contributionIds: e }) => e.filter((e) => t.has(si(e))).length < this.pageSize);
 	}
 	recordPage(e) {
-		let t = ii(e.cursor), n = this.pages.findIndex(({ cursor: e }) => ii(e) === t);
+		let t = ci(e.cursor), n = this.pages.findIndex(({ cursor: e }) => ci(e) === t);
 		n >= 0 && (this.pages = this.pages.slice(0, n)), this.pages.push({
 			...e,
 			contributionIds: [...e.contributionIds],
@@ -4547,7 +4557,7 @@ var oi = class {
 };
 //#endregion
 //#region src/core/activeItemRemoval.ts
-function si(e, t, n, r, i) {
+function di(e, t, n, r, i) {
 	let a = new Set(t.map(({ item: e }) => e.postId));
 	if (e.activeReelPostId === null || !a.has(e.activeReelPostId)) return;
 	let o = e.items[Math.max(n, 0)];
@@ -4560,7 +4570,7 @@ function si(e, t, n, r, i) {
 }
 //#endregion
 //#region src/core/exactMediaRemovalController.ts
-function ci(e, t) {
+function fi(e, t) {
 	let [n, ...r] = t;
 	if (!n) throw Error("Vibe items must contain at least one media asset.");
 	return {
@@ -4569,10 +4579,10 @@ function ci(e, t) {
 		items: r
 	};
 }
-function li(e) {
+function pi(e) {
 	if (!Number.isInteger(e.mediaIndex) || e.mediaIndex < 0) throw TypeError("Vibe mediaIndex must be a non-negative integer.");
 }
-var ui = class {
+var mi = class {
 	generation = 0;
 	metadata = /* @__PURE__ */ new WeakMap();
 	state;
@@ -4580,10 +4590,10 @@ var ui = class {
 		this.options = e, this.state = e.state;
 	}
 	remove(e) {
-		li(e);
+		pi(e);
 		let t = this.state.items.findIndex(({ postId: t }) => t === e.postId), n = this.state.items[t];
 		if (!n) return null;
-		let r = [...V(n)], i = r[e.mediaIndex];
+		let r = [...W(n)], i = r[e.mediaIndex];
 		if (!i) return null;
 		let a = Object.freeze({
 			media: i,
@@ -4597,7 +4607,7 @@ var ui = class {
 			restored: !1
 		});
 		let o = this.state.mediaIndices.get(n.postId) ?? 0, s = this.isReelOpen() && this.state.activeReelPostId === n.postId, c = s && o === e.mediaIndex;
-		return r.splice(e.mediaIndex, 1), r.length > 0 ? (this.state.items[t] = ci(n, r), this.updateMediaIndexAfterRemoval(n.postId, e.mediaIndex, c), a) : (this.state.items.splice(t, 1), this.options.onPostRemoved(n.postId), this.state.mediaIndices.delete(n.postId), s && this.advanceFromRemovedPost(a, n), a);
+		return r.splice(e.mediaIndex, 1), r.length > 0 ? (this.state.items[t] = fi(n, r), this.updateMediaIndexAfterRemoval(n.postId, e.mediaIndex, c), a) : (this.state.items.splice(t, 1), this.options.onPostRemoved(n.postId), this.state.mediaIndices.delete(n.postId), s && this.advanceFromRemovedPost(a, n), a);
 	}
 	reset() {
 		this.generation += 1;
@@ -4622,32 +4632,32 @@ var ui = class {
 		return this.state.layout === "reel" || this.state.reelOrigin === "masonry";
 	}
 	restoreIntoPost(e, t) {
-		let n = this.state.items[e], r = [...V(n)], i = Math.min(t.mediaIndex, r.length);
-		if (r.splice(i, 0, t.media), this.state.items[e] = ci(n, r), this.state.activeReelPostId !== t.postId) return;
+		let n = this.state.items[e], r = [...W(n)], i = Math.min(t.mediaIndex, r.length);
+		if (r.splice(i, 0, t.media), this.state.items[e] = fi(n, r), this.state.activeReelPostId !== t.postId) return;
 		let a = this.state.mediaIndices.get(t.postId) ?? 0;
 		a >= i && this.state.mediaIndices.set(t.postId, a + 1);
 	}
 	updateMediaIndexAfterRemoval(e, t, n) {
 		let r = this.state.items.find((t) => t.postId === e);
 		if (!r) return;
-		let i = V(r).length, a = this.state.mediaIndices.get(e) ?? 0, o = a;
+		let i = W(r).length, a = this.state.mediaIndices.get(e) ?? 0, o = a;
 		n ? o = t < i ? t : 0 : t < a && (o = a - 1), this.state.mediaIndices.set(e, Math.min(o, i - 1));
 	}
 };
 //#endregion
 //#region src/core/itemPlacement.ts
-function di(e, t) {
+function hi(e, t) {
 	let n = new Set(t);
 	return e.flatMap((e, t) => n.has(e.postId) ? [{
 		index: t,
 		item: e
 	}] : []);
 }
-function fi(e, t) {
+function gi(e, t) {
 	let n = new Set(t.map(({ item: e }) => e.postId));
 	return e.filter((e) => !n.has(e.postId));
 }
-function pi(e, t) {
+function _i(e, t) {
 	t.forEach(({ index: e }) => {
 		if (!Number.isInteger(e) || e < 0) throw Error("Vibe item restore indexes must be non-negative integers.");
 	});
@@ -4658,7 +4668,7 @@ function pi(e, t) {
 }
 //#endregion
 //#region src/core/itemRemovalController.ts
-var mi = 20, hi = class {
+var vi = 20, yi = class {
 	generation = 0;
 	historyLimit;
 	metadata = /* @__PURE__ */ new WeakMap();
@@ -4667,7 +4677,7 @@ var mi = 20, hi = class {
 	itemOrder;
 	stopItemsWatcher;
 	constructor(e) {
-		this.options = e, this.historyLimit = e.historyLimit ?? mi, this.state = e.state, this.itemOrder = this.state.items.map(({ postId: e }) => e), this.stopItemsWatcher = O(() => this.state.items, (e) => this.appendUnknownItems(e), { flush: "sync" });
+		this.options = e, this.historyLimit = e.historyLimit ?? vi, this.state = e.state, this.itemOrder = this.state.items.map(({ postId: e }) => e), this.stopItemsWatcher = A(() => this.state.items, (e) => this.appendUnknownItems(e), { flush: "sync" });
 	}
 	destroy() {
 		this.reset(), this.stopItemsWatcher();
@@ -4681,7 +4691,7 @@ var mi = 20, hi = class {
 		let a = this.options.startRemoval(i, t);
 		if (a > 0 && await new Promise((e) => setTimeout(e, a)), this.metadata.get(r)?.generation !== this.generation) return r;
 		let o = this.state.items.findIndex((e) => e.postId === this.state.activeReelPostId), s = new Set(n.map(({ item: e }) => e.postId)), c = o < 0 ? 0 : this.state.items.slice(0, o).filter(({ postId: e }) => s.has(e)).length, l = Math.max(o - c, 0);
-		return this.state.items = fi(this.state.items, n), this.options.onItemsRemoved(r, n, l), this.record(r), r;
+		return this.state.items = gi(this.state.items, n), this.options.onItemsRemoved(r, n, l), this.record(r), r;
 	}
 	reset() {
 		this.generation += 1, this.history = [], this.itemOrder = [];
@@ -4692,7 +4702,7 @@ var mi = 20, hi = class {
 			this.restoreRemoval(t);
 			return;
 		}
-		let n = new Set(this.state.items.map(({ postId: e }) => e)), r = e.filter(({ item: e }) => n.has(e.postId) ? !1 : (n.add(e.postId), !0)), i = pi(this.state.items, r);
+		let n = new Set(this.state.items.map(({ postId: e }) => e)), r = e.filter(({ item: e }) => n.has(e.postId) ? !1 : (n.add(e.postId), !0)), i = _i(this.state.items, r);
 		this.registerExternalPlacements(r), this.state.items = i, r.length > 0 && this.options.onRemovalRestored(r);
 	}
 	restoreRemoval(e) {
@@ -4718,7 +4728,7 @@ var mi = 20, hi = class {
 	}
 	collectOrderedPlacements(e) {
 		let t = new Map(this.itemOrder.map((e, t) => [e, t]));
-		return di(this.state.items, e).map((e) => ({
+		return hi(this.state.items, e).map((e) => ({
 			index: t.get(e.item.postId) ?? e.index,
 			item: e.item
 		}));
@@ -4749,7 +4759,7 @@ var mi = 20, hi = class {
 		let r = new Map(this.itemOrder.map((e, t) => [e, t]));
 		return this.state.items = [...this.state.items, ...n].sort((e, t) => (r.get(e.postId) ?? 2 ** 53 - 1) - (r.get(t.postId) ?? 2 ** 53 - 1)), !0;
 	}
-}, gi = class {
+}, bi = class {
 	forward = null;
 	forwardPromise = null;
 	forwardVersion = 0;
@@ -4845,7 +4855,7 @@ var mi = 20, hi = class {
 			}
 		}
 	}
-}, _i = class {
+}, xi = class {
 	generation = 0;
 	pending = Promise.resolve();
 	constructor(e) {
@@ -4862,7 +4872,7 @@ var mi = 20, hi = class {
 			if (!n) return;
 			let r = t.mediaIndices.get(e.postId) ?? 0;
 			if (e.mediaIndex === r) {
-				if (V(n).length > 1) {
+				if (W(n).length > 1) {
 					await this.options.transitionMedia(1);
 					return;
 				}
@@ -4895,24 +4905,24 @@ var mi = 20, hi = class {
 };
 //#endregion
 //#region src/core/removalControllers.ts
-function vi(e) {
-	let t = new gi(e), n = new _i({
+function Si(e) {
+	let t = new bi(e), n = new xi({
 		state: e.state,
 		transitionMedia: (t) => e.surface()?.transitionActiveReelMedia(t) ?? Promise.resolve(!1),
 		transitionPost: (t) => e.surface()?.transitionActiveReelPost(t) ?? Promise.resolve(!1)
 	});
 	return {
-		exactMediaRemoval: new ui({
+		exactMediaRemoval: new mi({
 			onActivate: e.onActivate,
 			onPostRemoved: (t) => e.onItemsRemoved([t]),
 			onPostRestored: (t) => e.onItemsRestored([t]),
 			reelForward: t,
 			state: e.state
 		}),
-		itemRemoval: new hi({
+		itemRemoval: new yi({
 			historyLimit: e.historyLimit,
 			onItemsRemoved: (n, r, i) => {
-				e.onItemsRemoved(r.map(({ item: e }) => e.postId)), si(e.state, r, i, e.onActivate, (e, r) => t.start(n, e, r));
+				e.onItemsRemoved(r.map(({ item: e }) => e.postId)), di(e.state, r, i, e.onActivate, (e, r) => t.start(n, e, r));
 			},
 			onRemovalRestored: (n) => {
 				e.onItemsRestored(n.map(({ item: e }) => e.postId));
@@ -4927,17 +4937,17 @@ function vi(e) {
 		reelRemoval: n
 	};
 }
-var yi = 1.5;
-function bi(e) {
+var Ci = 1.5;
+function wi(e) {
 	let t = Math.min(e.screenWidth, e.screenHeight);
 	if (t > 0 && t < 600) return !0;
-	let n = Math.min(e.viewportWidth, e.viewportHeight), r = t >= n * yi;
+	let n = Math.min(e.viewportWidth, e.viewportHeight), r = t >= n * Ci;
 	return !e.hasHover && n > 0 && n < 600 && r;
 }
-function xi(e) {
-	return bi(e) ? "reel" : "masonry";
+function Ti(e) {
+	return wi(e) ? "reel" : "masonry";
 }
-function Si(e) {
+function Ei(e) {
 	let t = e.ownerDocument.defaultView, n = e.ownerDocument.documentElement;
 	return {
 		hasHover: typeof t?.matchMedia == "function" && t.matchMedia("(hover: hover)").matches,
@@ -4947,15 +4957,15 @@ function Si(e) {
 		viewportWidth: n.clientWidth
 	};
 }
-function Ci(e) {
-	return bi(Si(e));
+function Di(e) {
+	return wi(Ei(e));
 }
-function wi(e) {
-	return xi(Si(e));
+function Oi(e) {
+	return Ti(Ei(e));
 }
 //#endregion
 //#region src/core/responsiveLayoutController.ts
-var Ti = class {
+var ki = class {
 	layoutMode;
 	resizeObserver = null;
 	target = null;
@@ -4980,13 +4990,13 @@ var Ti = class {
 	}
 	handleResponsiveLayout = () => {
 		if (!this.target) return;
-		let e = wi(this.target);
-		this.state.phoneMode = Ci(this.target), this.state.reelInfoSheetOverlay = this.state.phoneMode, this.state.reelMediaSource = this.state.phoneMode ? "mobile" : "original", this.layoutMode === "responsive" && this.applyLayout(e);
+		let e = Oi(this.target);
+		this.state.phoneMode = Di(this.target), this.state.reelInfoSheetOverlay = this.state.phoneMode, this.state.reelMediaSource = this.state.phoneMode ? "mobile" : "original", this.layoutMode === "responsive" && this.applyLayout(e);
 	};
-}, Ei = class {
+}, Ai = class {
 	state;
 	constructor(e) {
-		this.options = e, this.state = x(zt({
+		this.options = e, this.state = S(Vt({
 			...e.initialReelAudioState,
 			muted: e.initialReelAudioState?.muted ?? e.mediaCard?.videoMuted ?? !1
 		}));
@@ -4995,9 +5005,9 @@ var Ti = class {
 		return { ...this.state };
 	}
 	set(e, t = !1) {
-		Object.assign(this.state, zt(e, this.state)), t && this.options.onReelAudioStateChange?.(this.get());
+		Object.assign(this.state, Vt(e, this.state)), t && this.options.onReelAudioStateChange?.(this.get());
 	}
-}, Di = class {
+}, ji = class {
 	routedReelPostId = null;
 	reelRouteIsActive = !1;
 	constructor(e, t) {
@@ -5027,30 +5037,30 @@ var Ti = class {
 };
 //#endregion
 //#region src/core/updateItems.ts
-function Oi(e) {
+function Mi(e) {
 	return String(e);
 }
-function ki(e, t) {
-	let n = V(t).length;
+function Ni(e, t) {
+	let n = W(t).length;
 	(e.mediaIndices.get(t.postId) ?? 0) >= n && e.mediaIndices.set(t.postId, Math.max(0, n - 1));
 }
-function Ai(e, t) {
+function Pi(e, t) {
 	let n = /* @__PURE__ */ new Map();
-	if (t.forEach((e) => n.set(Oi(e.postId), e)), n.size === 0) return [];
+	if (t.forEach((e) => n.set(Mi(e.postId), e)), n.size === 0) return [];
 	let r = [], i = e.items.map((t) => {
-		let i = n.get(Oi(t.postId));
+		let i = n.get(Mi(t.postId));
 		if (!i) return t;
 		let a = {
 			...i,
 			postId: t.postId
 		};
-		return ki(e, a), e.reelForwardItem && Oi(e.reelForwardItem.postId) === Oi(t.postId) && (e.reelForwardItem = a), r.push(t.postId), a;
+		return Ni(e, a), e.reelForwardItem && Mi(e.reelForwardItem.postId) === Mi(t.postId) && (e.reelForwardItem = a), r.push(t.postId), a;
 	});
 	return r.length > 0 && (e.items = i), r;
 }
 //#endregion
 //#region src/core/createVibe.ts
-var ji = class {
+var Fi = class {
 	app = null;
 	autoScroll;
 	autofillController;
@@ -5074,25 +5084,25 @@ var ji = class {
 	state;
 	pageReplacement;
 	constructor(e) {
-		this.options = e, Qr(e);
+		this.options = e, ni(e);
 		let t = e.layout ?? "masonry";
-		this.state = x(Yr(e, t)), this.reelAudio = new Ei(e), this.lastLoadedCursor = e.initialPage ? Kn(e.initialPage) : null, this.notificationItems = G(this.state), this.autoScroll = new yr({
+		this.state = S($r(e, t)), this.reelAudio = new Ai(e), this.lastLoadedCursor = e.initialPage ? Xn(e.initialPage) : null, this.notificationItems = ee(this.state), this.autoScroll = new Cr({
 			getScrollElement: () => this.surface?.getAutoScrollElement() ?? null,
 			state: this.state.autoScroll
-		}), this.autofillController = new pr({
+		}), this.autofillController = new _r({
 			cancelRequest: () => this.cancelRequest(!this.pageReplacement?.isActive()),
 			onLastCursor: (e) => this.setCurrentCursor(e),
 			onPages: (e) => this.removalReconciliation.recordPages(e),
 			options: e.autofill,
 			state: this.state
-		}), this.removalReconciliation = new oi(e), this.removalReconciliation.recordInitialPage(e.initialPage), this.fillController = new Br({
+		}), this.removalReconciliation = new ui(e), this.removalReconciliation.recordInitialPage(e.initialPage), this.fillController = new Wr({
 			filterItems: (e) => this.removalReconciliation.filterItems(e),
 			fill: e.fill,
 			loadPage: e.loadPage ? (e) => this.loadFilteredPage(e) : void 0,
 			needsFrontendPreparation: () => this.removalReconciliation.needsReconciliation(this.state.items),
 			onLastCursor: (e) => this.setCurrentCursor(e),
 			onPages: (e) => this.removalReconciliation.recordPages(e),
-			prepareFrontend: ({ isCurrent: t, onDelayChange: n, signal: r }) => Vr({
+			prepareFrontend: ({ isCurrent: t, onDelayChange: n, signal: r }) => Gr({
 				controller: this.removalReconciliation,
 				isCurrent: t,
 				loadPage: e.loadPage,
@@ -5102,8 +5112,8 @@ var ji = class {
 				state: this.state
 			}),
 			state: this.state
-		}), this.routing = new Di(e.routing, this.state);
-		let n = vi({
+		}), this.routing = new ji(e.routing, this.state);
+		let n = Si({
 			historyLimit: e.removalHistoryLimit,
 			onActivate: (e) => this.setActiveReelPost(e),
 			onCloseReel: () => this.closeMasonryReel(),
@@ -5113,29 +5123,29 @@ var ji = class {
 			state: this.state,
 			surface: () => this.surface
 		});
-		this.exactMediaRemoval = n.exactMediaRemoval, this.itemRemoval = n.itemRemoval, this.reelForward = n.reelForward, this.reelRemoval = n.reelRemoval, this.pageReplacement = new ti({
+		this.exactMediaRemoval = n.exactMediaRemoval, this.itemRemoval = n.itemRemoval, this.reelForward = n.reelForward, this.reelRemoval = n.reelRemoval, this.pageReplacement = new ai({
 			state: this.state,
 			surface: () => this.surface,
 			prepare: async () => {
-				this.cancelRequest(!1), lr(this.state.autofill) && await this.cancelAutofill(), this.fillController.isActive() && await this.cancelFill();
+				this.cancelRequest(!1), pr(this.state.autofill) && await this.cancelAutofill(), this.fillController.isActive() && await this.cancelFill();
 			},
 			commit: (e) => {
-				this.resetFeedVisit(), this.setCurrentCursor(Kn(e)), this.removalReconciliation.recordInitialPage(e), this.state.reelOrigin === null && this.routing.syncFeed();
+				this.resetFeedVisit(), this.setCurrentCursor(Xn(e)), this.removalReconciliation.recordInitialPage(e), this.state.reelOrigin === null && this.routing.syncFeed();
 			}
-		}), this.responsiveLayout = new Ti(t, this.state, () => {
+		}), this.responsiveLayout = new ki(t, this.state, () => {
 			this.routing.syncFeed();
 		}), this.startStateNotifications();
 	}
 	async mount() {
 		if (this.app) throw Error("Vibe is already mounted.");
 		this.startStateNotifications();
-		let e = $r(this.options.target);
-		this.responsiveLayout.mount(e), this.app = i(Vn, {
+		let e = ri(this.options.target);
+		this.responsiveLayout.mount(e), this.app = i(Gn, {
 			canRetryEnd: !!this.options.loadPage,
 			cardFooter: this.options.cardFooter,
 			cardHeader: this.options.cardHeader,
 			feedFooter: this.options.feedFooter,
-			feedFooterActions: Hr(this),
+			feedFooterActions: Kr(this),
 			mediaCard: this.options.mediaCard,
 			masonry: this.options.masonry,
 			onMediaFullyVisible: this.options.onMediaFullyVisible,
@@ -5162,7 +5172,7 @@ var ji = class {
 			onRetryForward: () => {
 				this.retryReelForward();
 			}
-		}), this.surface = this.app.mount(e), this.autoScroll.mount(), await wr(this.options.restoreBacklog, (e) => this.appendPage(e), (e) => {
+		}), this.surface = this.app.mount(e), this.autoScroll.mount(), await Or(this.options.restoreBacklog, (e) => this.appendPage(e), (e) => {
 			this.restoreController = e;
 		}), !this.options.initialPage && this.state.items.length === 0 ? await this.reload() : this.options.autofill && this.state.autofill.status === "idle" && !this.fillController.isActive() && !this.state.loadMoreLocked && await this.startInitialAutofill();
 	}
@@ -5170,7 +5180,7 @@ var ji = class {
 		this.restoreController?.abort(), this.restoreController = null, this.autoScroll.destroy(), this.fillController.destroy(), this.cancelRequest(), this.reelForward.reset(), this.reelRemoval.reset(), this.exactMediaRemoval.reset(), this.itemRemoval.destroy(), this.removalReconciliation.reset(), this.responsiveLayout.destroy(), this.stopStateWatcher?.(), this.stopStateWatcher = null, this.app?.unmount(), this.app = null, this.surface = null;
 	}
 	getState() {
-		return te(this.state);
+		return Y(this.state);
 	}
 	getReelAudioState() {
 		return this.reelAudio.get();
@@ -5197,7 +5207,7 @@ var ji = class {
 		return this.itemRemoval.restoreRemoval(e);
 	}
 	updateItems(e) {
-		return Ai(this.state, e);
+		return Pi(this.state, e);
 	}
 	retryReelForward() {
 		return this.reelForward.retry();
@@ -5236,7 +5246,7 @@ var ji = class {
 		this.autoScroll.setSpeed(e);
 	}
 	applyAutofillUpdate(e) {
-		let t = Sr(this.options.autofill, this.state, e);
+		let t = Er(this.options.autofill, this.state, e);
 		return t && this.autofillController.syncCountdown(), t;
 	}
 	cancelAutofill() {
@@ -5247,7 +5257,7 @@ var ji = class {
 			await this.cancelFill();
 			return;
 		}
-		if (lr(this.state.autofill)) {
+		if (pr(this.state.autofill)) {
 			await this.cancelAutofill();
 			return;
 		}
@@ -5260,12 +5270,12 @@ var ji = class {
 	}
 	async fill(e) {
 		if (!(this.state.loadMoreLocked || this.pageReplacement.isActive())) {
-			if (this.pendingRequest || lr(this.state.autofill)) throw Error("Vibe cannot fill while another page operation is active.");
+			if (this.pendingRequest || pr(this.state.autofill)) throw Error("Vibe cannot fill while another page operation is active.");
 			await this.fillController.start(e);
 		}
 	}
 	restoreAutofillSession(e) {
-		let t = Cr(this.options.autofill, this.state, e);
+		let t = Dr(this.options.autofill, this.state, e);
 		return t && this.autofillController.syncCountdown(), t;
 	}
 	restoreFillSession(e) {
@@ -5275,7 +5285,7 @@ var ji = class {
 		return this.startLoadMore(() => this.loadNextSequence());
 	}
 	appendPage(e) {
-		qn(e, this.state, this.removalReconciliation, (e) => this.setCurrentCursor(e));
+		Zn(e, this.state, this.removalReconciliation, (e) => this.setCurrentCursor(e));
 	}
 	replenishAfterRemoval(e = !0) {
 		return this.startLoadMore(() => this.replenishAfterRemovalSequence(e));
@@ -5283,7 +5293,7 @@ var ji = class {
 	async startLoadMore(e) {
 		if (this.pageReplacement.isActive()) return;
 		if (this.pendingRequest) return this.pendingRequest;
-		if (this.state.loadMoreLocked || lr(this.state.autofill) || this.fillController.isActive() || !this.options.loadPage || this.state.next === null && !this.removalReconciliation.needsReconciliation(this.state.items)) return;
+		if (this.state.loadMoreLocked || pr(this.state.autofill) || this.fillController.isActive() || !this.options.loadPage || this.state.next === null && !this.removalReconciliation.needsReconciliation(this.state.items)) return;
 		this.state.isLoadingMore = !0, this.state.nextPageError = null;
 		let t = e();
 		return this.pendingRequest = t, t.finally(() => {
@@ -5301,15 +5311,15 @@ var ji = class {
 	}
 	async replaceFeed(e, t) {
 		if (!this.options.loadPage) throw Error(`Vibe cannot ${t} without loadPage.`);
-		return lr(this.state.autofill) && await this.cancelAutofill(), this.fillController.isActive() && await this.cancelFill(), this.cancelRequest(), this.resetFeedVisit(), this.surface?.resetMediaLifecycle(), this.state.error = null, this.state.current = null, this.state.isLoading = !0, this.state.items = [], this.state.next = null, this.state.nextPageError = null, this.state.total = null, this.startRequest(e, !1);
+		return pr(this.state.autofill) && await this.cancelAutofill(), this.fillController.isActive() && await this.cancelFill(), this.cancelRequest(), this.resetFeedVisit(), this.surface?.resetMediaLifecycle(), this.state.error = null, this.state.current = null, this.state.isLoading = !0, this.state.items = [], this.state.next = null, this.state.nextPageError = null, this.state.total = null, this.startRequest(e, !1);
 	}
 	resetFeedVisit() {
-		this.state.autofill = cr(this.options.autofill, void 0, !1), this.fillController.reset(), this.reelForward.reset(), this.reelRemoval.reset(), this.exactMediaRemoval.reset(), this.itemRemoval.reset(), this.removalReconciliation.reset();
+		this.state.autofill = fr(this.options.autofill, void 0, !1), this.fillController.reset(), this.reelForward.reset(), this.reelRemoval.reset(), this.exactMediaRemoval.reset(), this.itemRemoval.reset(), this.removalReconciliation.reset();
 	}
 	async loadFilteredPage(e) {
 		let t = this.options.loadPage;
 		if (!t) throw Error("Vibe cannot load a page without loadPage.");
-		let n = Hn(await t(e));
+		let n = Kn(await t(e));
 		return {
 			...n,
 			items: this.removalReconciliation.filterItems(n.items)
@@ -5329,7 +5339,7 @@ var ji = class {
 		let n = ++this.requestVersion, r = new AbortController();
 		this.abortController = r;
 		try {
-			let i = await Vr({
+			let i = await Gr({
 				controller: this.removalReconciliation,
 				isCurrent: () => n === this.requestVersion,
 				loadPage: t,
@@ -5349,14 +5359,14 @@ var ji = class {
 	async retryEnd() {
 		if (!this.pageReplacement.isActive()) {
 			if (this.pendingRequest) return this.pendingRequest;
-			if (!this.state.loadMoreLocked && !(lr(this.state.autofill) || this.fillController.isActive()) && !(this.state.next !== null || !this.options.loadPage)) return this.state.isLoadingMore = !0, this.state.nextPageError = null, this.startRequest(this.lastLoadedCursor, !0);
+			if (!this.state.loadMoreLocked && !(pr(this.state.autofill) || this.fillController.isActive()) && !(this.state.next !== null || !this.options.loadPage)) return this.state.isLoadingMore = !0, this.state.nextPageError = null, this.startRequest(this.lastLoadedCursor, !0);
 		}
 	}
 	setInfiniteScroll(e) {
-		this.state.infiniteScroll = e, e && m(() => this.surface?.loadIfNearBottom());
+		this.state.infiniteScroll = e, e && h(() => this.surface?.loadIfNearBottom());
 	}
 	setLoadMoreLocked(e) {
-		ni(this.state, e, {
+		oi(this.state, e, {
 			getPending: () => this.pendingRequest,
 			hasPendingSession: () => this.removalReconciliation.hasPendingSession(),
 			loadNext: () => this.loadNext(),
@@ -5369,10 +5379,10 @@ var ji = class {
 		this.state.total = e;
 	}
 	setReelAutoAdvance(e) {
-		Kr(this.state.reelAutoAdvance, e);
+		Xr(this.state.reelAutoAdvance, e);
 	}
 	setReelInfoSheet(e) {
-		Jr(this.state.reelInfoSheet, this.options.reelInfoSheet, e);
+		Qr(this.state.reelInfoSheet, this.options.reelInfoSheet, e);
 	}
 	setLayout(e) {
 		this.responsiveLayout.setLayout(e);
@@ -5392,7 +5402,7 @@ var ji = class {
 	async fetchPage(e, t) {
 		if (!this.options.loadPage) return;
 		let n = ++this.requestVersion, r = new AbortController();
-		this.abortController = r, await ei({
+		this.abortController = r, await ii({
 			append: t,
 			autofillController: this.autofillController,
 			cursor: e,
@@ -5414,7 +5424,7 @@ var ji = class {
 	startInitialAutofill() {
 		let e = ++this.requestVersion, t = new AbortController(), n = this.autofillController.beginCycle();
 		this.abortController = t, this.state.isLoadingMore = !0;
-		let r = Tr({
+		let r = kr({
 			cycleId: n,
 			isCurrent: () => e === this.requestVersion,
 			onCollection: (t) => this.autofillController.captureCollection(t, e === this.requestVersion),
@@ -5432,11 +5442,175 @@ var ji = class {
 	}
 	startStateNotifications() {
 		let e = this.options.onStateChange;
-		!e || this.stopStateWatcher || (this.stopStateWatcher = K(this.state, this.notificationItems, e));
+		!e || this.stopStateWatcher || (this.stopStateWatcher = J(this.state, this.notificationItems, e));
 	}
 	setCurrentCursor(e) {
 		this.lastLoadedCursor = this.state.current = e;
 	}
-}, Mi = (e) => new ji(e);
+}, Ii = (e) => new Fi(e);
+//#endregion
+//#region src/core/controlledReel.ts
+function Li(e, t) {
+	let { signal: n } = t;
+	return new Promise((r, i) => {
+		let a = () => r(!1);
+		n.addEventListener("abort", a, { once: !0 });
+		let o = () => n.removeEventListener("abort", a);
+		Promise.resolve().then(() => n.aborted ? !1 : e(t)).then((e) => {
+			o(), r(e);
+		}, (e) => {
+			o(), i(e);
+		}), n.aborted && (o(), r(!1));
+	});
+}
+//#endregion
+//#region src/components/VibeControlledReel.vue?vue&type=script&setup=true&lang.ts
+var Ri = [
+	"aria-label",
+	"aria-busy",
+	"data-current-id",
+	"data-pending"
+], zi = {
+	key: 0,
+	class: "vibe-controlled-reel-frame",
+	"aria-hidden": "true",
+	inert: ""
+}, Bi = ["src"], Vi = { class: "vibe-controlled-reel-frame vibe-controlled-reel-current" }, Hi = {
+	key: 1,
+	class: "vibe-controlled-reel-frame",
+	"aria-hidden": "true",
+	inert: ""
+}, Ui = ["src"], Wi = {
+	class: "vibe-controlled-reel-status",
+	"aria-live": "polite"
+}, Gi = /* @__PURE__ */ d({
+	__name: "VibeControlledReel",
+	props: {
+		state: {},
+		onNavigate: {},
+		label: { default: "Media queue" }
+	},
+	emits: ["navigationError"],
+	setup(e, { expose: t, emit: n }) {
+		let i = e, a = n, l = E(null), u = E(!1), d = null, f = null, p = !1, h = !1, g = !1, _ = r(() => i.state.current && i.state.canPrevious ? 1 : 0), v = [
+			() => i.state.revision,
+			() => i.state.current?.id,
+			() => i.state.canPrevious,
+			() => i.state.canNext
+		], S = r(() => {
+			let { position: e, total: t } = i.state;
+			return e === void 0 ? "" : `${e + 1}${t === void 0 ? "" : ` of ${t}`}`;
+		});
+		function C() {
+			let e = l.value;
+			e && (e.scrollTop = _.value * e.clientHeight);
+		}
+		function T() {
+			h && (g = !0), d?.abort(), d = null, u.value = !1;
+		}
+		async function k(e, t) {
+			let n = l.value, r = i.state;
+			if (!n || p || u.value || !r.current || !(e === "next" ? r.canNext : r.canPrevious)) return;
+			let o = new AbortController();
+			d = o, u.value = !0;
+			let s = {
+				direction: e,
+				snapshot: Object.freeze({
+					...r,
+					current: Object.freeze({ ...r.current }),
+					previous: r.previous ? Object.freeze({ ...r.previous }) : r.previous,
+					next: r.next ? Object.freeze({ ...r.next }) : r.next
+				}),
+				signal: o.signal
+			};
+			try {
+				if (t && await bn(n, (_.value + (e === "next" ? 1 : -1)) * n.clientHeight, yn(), o.signal), o.signal.aborted) return;
+				await Li(i.onNavigate, s);
+			} catch (e) {
+				o.signal.aborted || a("navigationError", e);
+			} finally {
+				d === o && (await bn(n, _.value * n.clientHeight, yn(), o.signal), d === o && (d = null, u.value = !1));
+			}
+		}
+		function j(e) {
+			return k(e, !0);
+		}
+		function M() {
+			let e = l.value;
+			if (g) {
+				C();
+				return;
+			}
+			if (!e || u.value || e.clientHeight <= 0) return;
+			let t = xn(e.scrollTop, e.clientHeight, _.value + 1 + (i.state.canNext ? 1 : 0));
+			t !== _.value && k(t > _.value ? "next" : "previous", !1);
+		}
+		function N() {
+			h = !0, g = !1;
+		}
+		function P() {
+			h = !1, g && C();
+		}
+		function F(e) {
+			if (e.defaultPrevented || e.altKey || e.ctrlKey || e.metaKey || e.shiftKey) return;
+			let t = e.target;
+			if (t instanceof HTMLElement && (t.isContentEditable || [
+				"INPUT",
+				"SELECT",
+				"TEXTAREA",
+				"BUTTON",
+				"A",
+				"VIDEO",
+				"AUDIO"
+			].includes(t.tagName))) return;
+			let n = e.key === "ArrowDown" || e.key === "PageDown" ? "next" : e.key === "ArrowUp" || e.key === "PageUp" ? "previous" : null;
+			n && (e.preventDefault(), j(n));
+		}
+		return A(v, T, { flush: "sync" }), A(v, C, { flush: "post" }), b(() => {
+			C(), typeof ResizeObserver < "u" && (f = new ResizeObserver(C), l.value && f.observe(l.value));
+		}), y(() => {
+			p = !0, d?.abort(), d = null, f?.disconnect();
+		}), t({ navigate: j }), (t, n) => (x(), s("section", {
+			ref_key: "viewport",
+			ref: l,
+			class: "vibe-controlled-reel",
+			"aria-label": e.label,
+			"aria-busy": u.value,
+			"data-current-id": e.state.current?.id,
+			"data-pending": u.value || void 0,
+			tabindex: "0",
+			onScrollPassive: M,
+			onTouchstartPassive: N,
+			onTouchendPassive: P,
+			onTouchcancelPassive: P,
+			onWheelPassive: n[0] ||= (e) => !O(h) && (m(g) ? g.value = !1 : g = !1),
+			onKeydown: F
+		}, [
+			e.state.current && e.state.canPrevious ? (x(), s("div", zi, [w(t.$slots, "previous", {
+				item: e.state.previous ?? null,
+				pending: u.value
+			}, () => [e.state.previous?.artwork ? (x(), s("img", {
+				key: 0,
+				src: e.state.previous.artwork,
+				alt: "",
+				draggable: "false"
+			}, null, 8, Bi)) : o("", !0)])])) : o("", !0),
+			c("div", Vi, [w(t.$slots, "default", {
+				item: e.state.current,
+				pending: u.value
+			})]),
+			e.state.current && e.state.canNext ? (x(), s("div", Hi, [w(t.$slots, "next", {
+				item: e.state.next ?? null,
+				pending: u.value
+			}, () => [e.state.next?.artwork ? (x(), s("img", {
+				key: 0,
+				src: e.state.next.artwork,
+				alt: "",
+				draggable: "false"
+			}, null, 8, Ui)) : o("", !0)])])) : o("", !0),
+			c("span", Wi, D(S.value), 1)
+		], 40, Ri));
+	}
+});
 //#endregion
-export { Mi as createVibe };
+export { Gi as VibeControlledReel, Ii as createVibe };