@wyxos/vibe 5.16.7 → 5.16.8

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, isReactive as m, isReadonly as h, isRef as g, isShallow as _, nextTick as v, normalizeClass as y, normalizeProps as b, normalizeStyle as x, onBeforeUnmount as S, onMounted as C, openBlock as w, reactive as T, renderList as E, resolveDynamicComponent as D, shallowReactive as O, shallowRef as k, toDisplayString as A, toRaw as j, unref as M, useId as N, watch as P, withCtx as F, withKeys as I, withModifiers as L } 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, isReactive as m, isReadonly as h, isRef as g, isShallow as _, nextTick as v, normalizeClass as y, normalizeProps as b, normalizeStyle as x, onBeforeUnmount as S, onMounted as C, openBlock as w, reactive as T, renderList as E, resolveDynamicComponent as D, shallowReactive as O, shallowRef as k, toDisplayString as A, toRaw as j, unref as M, useId as ee, watch as N, withCtx as P, withKeys as F, withModifiers as I } from "vue";
 //#region src/core/mediaType.ts
-var R = /\.(aac|flac|m4a|mp3|oga|ogg|opus|wav)$/i, z = /\.(m4v|mkv|mov|mp4|ogv|webm)$/i;
-function B(e) {
+var L = /\.(aac|flac|m4a|mp3|oga|ogg|opus|wav)$/i, R = /\.(m4v|mkv|mov|mp4|ogv|webm)$/i;
+function z(e) {
 	try {
 		return new URL(e).pathname;
 	} catch {
 		return e.split(/[?#]/)[0] ?? e;
 	}
 }
-function V(e) {
-	let t = B(e);
-	return R.test(t) ? "audio" : z.test(t) ? "video" : "image";
+function B(e) {
+	let t = z(e);
+	return L.test(t) ? "audio" : R.test(t) ? "video" : "image";
 }
-function H(e, t) {
-	return e ?? V(t);
+function V(e, t) {
+	return e ?? B(t);
 }
-function U(e, t) {
-	return H(e, t) !== "image";
+function H(e, t) {
+	return V(e, t) !== "image";
 }
 //#endregion
 //#region src/core/mediaAsset.ts
-function W(e) {
+function U(e) {
 	return {
 		height: e.height,
 		src: e.src,
@@ -28,9 +28,9 @@ function W(e) {
 		width: e.width
 	};
 }
-function ee(e, t) {
+function te(e, t) {
 	if (t === "preview" && e.preview) {
-		let t = H(e.type, e.src) === "audio" ? H(e.preview.type, e.preview.src) : e.preview.type ?? e.type;
+		let t = V(e.type, e.src) === "audio" ? V(e.preview.type, e.preview.src) : e.preview.type ?? e.type;
 		return {
 			...e.preview,
 			type: t
@@ -39,66 +39,66 @@ function ee(e, t) {
 	return t === "mobile" && e.mobile ? {
 		...e.mobile,
 		type: e.mobile.type ?? e.type
-	} : W(e);
+	} : U(e);
 }
-function G(e) {
+function W(e) {
 	let t = e.preview;
-	return !t?.src || t.src === e.src || H(t.type, t.src) !== "image" ? null : {
+	return !t?.src || t.src === e.src || V(t.type, t.src) !== "image" ? null : {
 		...t,
 		type: "image"
 	};
 }
-function te(e, t) {
-	return H(e.type, e.src) === "audio" ? t === "mobile" && e.mobile && H(e.mobile.type, e.mobile.src) === "audio" ? {
+function ne(e, t) {
+	return V(e.type, e.src) === "audio" ? t === "mobile" && e.mobile && V(e.mobile.type, e.mobile.src) === "audio" ? {
 		...e.mobile,
 		type: "audio"
 	} : {
-		...W(e),
+		...U(e),
 		type: "audio"
-	} : ee(e, t);
+	} : te(e, t);
 }
-function K(e) {
+function G(e) {
 	return [e, ...e.items];
 }
-function q(e, t) {
+function K(e, t) {
 	return Math.min(e.items.length, Math.max(0, t));
 }
-function ne(e, t) {
-	return K(e)[q(e, t)] ?? e;
+function re(e, t) {
+	return G(e)[K(e, t)] ?? e;
 }
-function J(e, t) {
+function q(e, t) {
 	return `${String(e)}:${t}`;
 }
 //#endregion
 //#region src/core/itemIds.ts
-var Y = /* @__PURE__ */ new WeakMap();
-function X(e, t) {
+var ie = /* @__PURE__ */ new WeakMap();
+function J(e, t) {
 	let n = Reflect.get(e, "postId", t);
 	return typeof n == "string" || typeof n == "number" ? n : g(n) ? n.value : t.postId;
 }
-function Z(e) {
+function Y(e) {
 	if (!m(e) || h(e) || _(e)) return e.map((e) => e.postId);
 	let t = j(e);
 	return T(t) === e ? t.map((e) => {
-		let t = Y.get(e);
-		if (t !== void 0) return t ? X(t, e) : e.postId;
+		let t = ie.get(e);
+		if (t !== void 0) return t ? J(t, e) : e.postId;
 		let n = j(e);
-		if (n === e) return X(n, T(e));
+		if (n === e) return J(n, T(e));
 		let r = T(n) === e;
-		return Y.set(e, r ? n : null), r ? X(n, e) : e.postId;
+		return ie.set(e, r ? n : null), r ? J(n, e) : e.postId;
 	}) : e.map((e) => e.postId);
 }
 //#endregion
 //#region src/core/runtime.ts
-var re = /* @__PURE__ */ new WeakMap();
-function ie(e) {
-	let t = re.get(e);
-	return t || (t = r(() => Object.freeze([...e.items])), re.set(e, t)), t;
+var ae = /* @__PURE__ */ new WeakMap();
+function oe(e) {
+	let t = ae.get(e);
+	return t || (t = r(() => Object.freeze([...e.items])), ae.set(e, t)), t;
 }
-function ae(e, t, n) {
-	return n(oe(e, t.value)), P(() => oe(e, t.value), n, { flush: "post" });
+function se(e, t, n) {
+	return n(X(e, t.value)), N(() => X(e, t.value), n, { flush: "post" });
 }
-function oe(e, t = [...e.items]) {
+function X(e, t = [...e.items]) {
 	return {
 		activeReelPostId: e.activeReelPostId,
 		autoScroll: { ...e.autoScroll },
@@ -128,14 +128,14 @@ function oe(e, t = [...e.items]) {
 }
 //#endregion
 //#region src/components/GalleryFooter.vue?vue&type=script&setup=true&lang.ts
-var se = {
+var Z = {
 	key: 0,
 	class: "gallery-footer"
-}, Q = {
+}, ce = {
 	key: 0,
 	class: "load-more-status",
 	role: "status"
-}, ce = ["disabled"], le = {
+}, le = ["disabled"], Q = {
 	key: 2,
 	class: "end-feed"
 }, ue = ["disabled"], de = /* @__PURE__ */ d({
@@ -154,14 +154,14 @@ var se = {
 		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 ? (w(), s("footer", se, [e.isLoading ? (w(), s("p", Q, " Loading more… ")) : e.hasError || e.hasNext && e.showLoadMore ? (w(), s("button", {
+		return (t, n) => e.isLoading || e.hasError || e.hasNext && e.showLoadMore || !e.hasNext && e.canRetryEnd ? (w(), s("footer", Z, [e.isLoading ? (w(), s("p", ce, " Loading more… ")) : e.hasError || e.hasNext && e.showLoadMore ? (w(), s("button", {
 			key: 1,
 			"data-test": "load-more",
 			class: "load-more-button",
 			type: "button",
 			disabled: e.loadMoreLocked,
 			onClick: i
-		}, A(e.hasError ? "Try again" : e.loadMoreLocked ? "Loading paused" : "Load more"), 9, ce)) : (w(), s("div", le, [n[1] ||= c("p", {
+		}, A(e.hasError ? "Try again" : e.loadMoreLocked ? "Loading paused" : "Load more"), 9, le)) : (w(), s("div", Q, [n[1] ||= c("p", {
 			class: "end-feed-message",
 			role: "status"
 		}, " You've reached the end. ", -1), c("button", {
@@ -410,10 +410,51 @@ function Oe(e, t, n, r, i, a) {
 }
 //#endregion
 //#region src/core/masonryViewportIndex.ts
-function ke(e) {
-	return { columns: [...e.entries()].sort(([e], [t]) => e - t).map(([, e]) => e.sort((e, t) => e.top - t.top || e.index - t.index)) };
-}
+var ke = /* @__PURE__ */ new WeakMap();
 function Ae(e, t, n) {
+	let r = [...e.entries()].sort(([e], [t]) => e - t), i = { columns: r.map(([, e]) => e.sort((e, t) => e.top - t.top || e.index - t.index)) };
+	return t !== void 0 && ke.set(i, {
+		count: t,
+		width: n,
+		columns: new Map(r.map(([e, t], n) => {
+			let r = t[t.length - 1];
+			return [e, {
+				column: n,
+				top: r.top,
+				bottom: r.bottom
+			}];
+		}))
+	}), i;
+}
+function je(e, t, n, r) {
+	let i = r === void 0 ? ke.get(t) : void 0;
+	if (!i || i.count !== n || e.length < n) return null;
+	if (e.length === n) return t;
+	let a = new Map(i.columns), o = /* @__PURE__ */ new Map();
+	for (let t = n; t < e.length; t += 1) {
+		let n = e[t], r = a.get(n.x), s = n.y, c = s + n.height;
+		if (!r || n.width !== i.width || s < r.top || c < r.bottom) return null;
+		let l = o.get(r.column) ?? [];
+		l.push({
+			index: t,
+			top: s,
+			bottom: c
+		}), o.set(r.column, l), a.set(n.x, {
+			column: r.column,
+			top: s,
+			bottom: c
+		});
+	}
+	let s = t.columns.slice();
+	for (let [e, n] of o) s[e] = [...t.columns[e], ...n];
+	let c = { columns: s };
+	return ke.set(c, {
+		count: e.length,
+		width: i.width,
+		columns: a
+	}), c;
+}
+function Me(e, t, n) {
 	let r = e.get(t.x) ?? [];
 	r.push({
 		bottom: t.y + t.height,
@@ -421,29 +462,31 @@ function Ae(e, t, n) {
 		top: t.y
 	}), e.set(t.x, r);
 }
-function je(e, t) {
+function Ne(e, t) {
 	let n = /* @__PURE__ */ new Map();
 	return e.forEach((e, r) => {
-		Ae(n, e, t?.[r] ?? r);
-	}), ke(n);
-}
-function Me(e, t, n, r) {
-	if (n <= 0) return je(e, r);
-	let i = /* @__PURE__ */ new Map();
+		Me(n, e, t?.[r] ?? r);
+	}), Ae(n, t === void 0 ? e.length : void 0, e[0]?.width);
+}
+function Pe(e, t, n, r) {
+	if (n <= 0) return Ne(e, r);
+	let i = je(e, t, n, r);
+	if (i) return i;
+	let a = /* @__PURE__ */ new Map();
 	t.columns.forEach((t) => {
 		t.forEach((t) => {
 			if (t.index >= n) return;
 			let r = e[t.index];
 			if (!r) return;
-			let a = i.get(r.x) ?? [];
-			a.push(t), i.set(r.x, a);
+			let i = a.get(r.x) ?? [];
+			i.push(t), a.set(r.x, i);
 		});
 	});
-	for (let t = n; t < e.length; t += 1) Ae(i, e[t], r?.[t] ?? t);
-	return ke(i);
+	for (let t = n; t < e.length; t += 1) Me(a, e[t], r?.[t] ?? t);
+	return Ae(a, r === void 0 ? e.length : void 0, e[0]?.width);
 }
-function Ne(e, t, n, r) {
-	if (r <= 0) return je(t.map((t) => e[t]), t);
+function Fe(e, t, n, r) {
+	if (r <= 0) return Ne(t.map((t) => e[t]), t);
 	let i = /* @__PURE__ */ new Map();
 	return n.columns.forEach((t) => {
 		t.forEach((t) => {
@@ -454,10 +497,10 @@ function Ne(e, t, n, r) {
 			a.push(t), i.set(n.x, a);
 		});
 	}), t.forEach((t) => {
-		t < r || Ae(i, e[t], t);
-	}), ke(i);
+		t < r || Me(i, e[t], t);
+	}), Ae(i);
 }
-function Pe(e, t) {
+function Ie(e, t) {
 	let n = 0, r = 0, i = e.length;
 	for (; r < i;) {
 		let a = Math.floor((r + i) / 2);
@@ -468,10 +511,10 @@ function Pe(e, t) {
 		inspected: n
 	};
 }
-function Fe(e, t) {
+function Le(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 = Pe(e, r);
+		let t = Ie(e, r);
 		o += t.inspected;
 		for (let n = t.index; n < e.length; n += 1) {
 			let t = e[n];
@@ -483,14 +526,14 @@ function Fe(e, t) {
 		inspected: o
 	};
 }
-function Ie(e) {
+function Re(e) {
 	return e?.minColumnWidth ?? 240;
 }
-function Le(e, t) {
+function ze(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 Re(e) {
+function Be(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.`);
@@ -508,10 +551,10 @@ function Re(e) {
 }
 //#endregion
 //#region src/core/scrollbar.ts
-function ze(e, t, n) {
+function Ve(e, t, n) {
 	return Math.min(n, Math.max(t, e));
 }
-function Be({ contentSize: e, minimumThumbSize: t, scrollPosition: n, trackSize: r, viewportSize: i }) {
+function He({ 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,
@@ -520,23 +563,68 @@ function Be({ contentSize: e, minimumThumbSize: t, scrollPosition: n, trackSize:
 		thumbSize: o,
 		thumbTravel: 0
 	};
-	let l = ze(s / a * o, Math.min(Math.max(0, t), o), o), u = Math.max(0, o - l);
+	let l = Ve(s / a * o, Math.min(Math.max(0, t), o), o), u = Math.max(0, o - l);
 	return {
 		maximumScrollPosition: c,
 		scrollable: !0,
-		thumbOffset: u * (ze(n, 0, c) / c),
+		thumbOffset: u * (Ve(n, 0, c) / c),
 		thumbSize: l,
 		thumbTravel: u
 	};
 }
 //#endregion
+//#region src/components/scrollbarPlaybackMutation.ts
+function Ue(e) {
+	if (e.type !== "childList" || !e.addedNodes || !e.removedNodes) return !1;
+	let t = 0;
+	for (let n of [e.addedNodes, e.removedNodes]) for (let e = 0; e < n.length; e++) {
+		if (n[e]?.nodeType !== Node.COMMENT_NODE) return !1;
+		t++;
+	}
+	return t > 0;
+}
+function We(e, t) {
+	let n = e.matches("span.media-loading-shimmer"), r = e.matches("video.media-preview,img.media-preview,canvas.media-preview") && e.parentElement?.classList.contains("media-card-frame");
+	if (!n && !r || !e.closest(".masonry-item.media-card")) return null;
+	let i = n ? "a:media-loading-shimmer:" : "t:transform:";
+	for (let e of t) if (e !== i) return null;
+	let a = n ? e.parentElement : e.closest(".media-card-media");
+	return a?.classList.contains(n ? "media-loading" : "media-card-media") ? a : null;
+}
+function Ge(e, t, n) {
+	if (e.type !== "attributes" || !e.attributeName) return !1;
+	let r = e.target;
+	if (!(r instanceof HTMLElement)) return !1;
+	if (e.oldValue === r.getAttribute(e.attributeName)) return null;
+	let i = r.closest(".masonry-item.media-card");
+	if (!i || !t.contains(i)) return !1;
+	let a = r instanceof HTMLInputElement && r.type === "range" && r.classList.contains("media-control-seek") && r.closest(".media-controls"), o = r instanceof HTMLVideoElement && r.classList.contains("media-preview");
+	if (!(a && e.attributeName === "aria-valuetext")) {
+		if (e.attributeName !== "style" || !a && !o) return !1;
+		let t = a ? "--media-range-progress" : "opacity", i = n();
+		i.cssText = e.oldValue ?? "";
+		let s = (e, n) => {
+			for (let r = 0; r < e.length; r++) {
+				let i = e[r];
+				if (i !== t && (e.getPropertyValue(i) !== n.getPropertyValue(i) || e.getPropertyPriority(i) !== n.getPropertyPriority(i))) return !1;
+			}
+			return !0;
+		};
+		if (!s(i, r.style) || !s(r.style, i)) return !1;
+	}
+	return {
+		target: r,
+		card: i
+	};
+}
+//#endregion
 //#region src/components/GalleryScrollbar.vue?vue&type=script&setup=true&lang.ts
-var Ve = ["aria-hidden"], He = [
+var Ke = ["aria-hidden"], qe = [
 	"aria-controls",
 	"aria-valuemax",
 	"aria-valuenow",
 	"tabindex"
-], Ue = 32, We = 40, Ge = 120, Ke = /* @__PURE__ */ d({
+], Je = 32, Ye = 40, Xe = 120, Ze = 512, Qe = /* @__PURE__ */ d({
 	__name: "GalleryScrollbar",
 	props: {
 		contentSize: {},
@@ -551,53 +639,93 @@ var Ve = ["aria-hidden"], He = [
 			thumbOffset: 0,
 			thumbSize: 0,
 			thumbTravel: 0
-		}, i = k(null), a = k(n), o = k(!1), l = k(!1), u = k(!1), d = null, f = 0, p = 0, m = null, h = null, g = null, _ = null, b = !1, C = null, T = null, E = !1, D = !0, O = null, A = /* @__PURE__ */ new Map(), j = r(() => a.value.scrollable && !t.suspended), M = r(() => ({
+		}, i = k(null), a = k(n), o = k(!1), l = k(!1), u = k(!1), d = null, f = 0, p = 0, m = null, h = null, g = null, _ = null, b = !1, C = null, T = null, E = !1, D = !0, O = null, A = /* @__PURE__ */ new Map(), j = /* @__PURE__ */ new Set(), M = /* @__PURE__ */ new WeakMap(), ee, P = [], F = !1, I = !1, L = !1, R = r(() => a.value.scrollable && !t.suspended), z = r(() => ({
 			height: `${a.value.thumbSize}px`,
 			transform: `translate3d(0, ${a.value.thumbOffset}px, 0)`
 		}));
-		function N() {
+		function B() {
 			m !== null && clearTimeout(m), m = setTimeout(() => {
 				m = null, o.value || (l.value = !1);
-			}, Ge);
+			}, Xe);
 		}
-		function F() {
-			l.value = !0, N();
+		function V() {
+			l.value = !0, B();
 		}
-		function I() {
+		function H() {
 			T !== null && (cancelAnimationFrame(T), T = null);
 		}
-		function L(e) {
+		function U(e) {
+			E || (D = !0, M = /* @__PURE__ */ new WeakMap(), te(e));
+		}
+		function te(e) {
 			if (E) return;
-			if (D = !0, o.value) {
+			if (o.value) {
 				b = !0;
 				return;
 			}
 			if (T !== null) return;
 			T = -1;
 			let t = requestAnimationFrame(() => {
-				T = null, D && B(e);
+				T = null, (D || P.length || F) && Y(e);
 			});
 			T !== null && (T = t);
 		}
-		function R(e, t) {
-			e.some((e) => e.type === "childList" && e.target === t) && K(t), e.length > 0 && (D = !0);
+		function W(e) {
+			let t = M.get(e);
+			if (t === void 0) {
+				let n = e.ownerDocument.defaultView?.getComputedStyle(e), r = (e) => e === "hidden" || e === "clip";
+				t = !!n && r(n.overflowX || n.overflow) && r(n.overflowY || n.overflow), M.set(e, t);
+			}
+			return t;
+		}
+		function ne(e) {
+			for (let t of e) j.has(t) || (j.add(t), _?.observe(t, { box: "border-box" }));
+		}
+		function G({ target: e, card: t }) {
+			return !_ || !W(t) ? !1 : (ne([e, t]), !0);
 		}
-		function z(e) {
+		function K() {
+			for (let [e, t] of A) {
+				let n = We(e, t.keys());
+				if (!n || !_ || !W(n)) return !0;
+				ne([n]);
+			}
+			return !1;
+		}
+		function re(e, t) {
+			for (let n of e) Ue(n) || (n.type === "childList" && (L = !0, n.target === t && (I = !0)), !F && (P.length === Ze ? (F = !0, P = []) : P.push(n)));
+		}
+		function q(e) {
+			if (re(g?.takeRecords() ?? [], e), I && Q(e), L) for (let t of j) e.contains(t) || (_?.unobserve(t), j.delete(t));
+			let t = P, n = F;
+			if (P = [], F = I = L = !1, !t.length && !n) return;
+			let r = [], i = n || D || !_;
+			for (let n of t) {
+				if (i) break;
+				let t = Ge(n, e, () => ee ??= document.createElement("span").style);
+				t === !1 ? i = !0 : t && r.push(t);
+			}
+			i ||= r.some((e) => !G(e)), i && (D = !0, M = /* @__PURE__ */ new WeakMap());
+		}
+		function ie() {
+			P = [], F = I = L = !1;
+		}
+		function J(e) {
 			let r = t.scrollElement, a = i.value;
 			return !r || !a ? n : ((e || !O) && (O = {
 				contentSize: r.scrollHeight,
 				trackSize: a.clientHeight,
 				viewportSize: r.clientHeight
-			}, D = !1, b = !1, I()), Be({
+			}, D = !1, b = !1, H()), He({
 				...O,
-				minimumThumbSize: Ue,
+				minimumThumbSize: Je,
 				scrollPosition: r.scrollTop
 			}));
 		}
-		function B(e) {
+		function Y(e) {
 			if (E) return;
 			let n = t.scrollElement;
-			n && R(g?.takeRecords() ?? [], n);
+			if (g || (L = !0), n && q(n), e === "mutation" && !D) return;
 			for (let e of A.keys()) n?.contains(e) || A.delete(e);
 			if (o.value && e !== "scroll") {
 				b = !0;
@@ -613,101 +741,105 @@ var Ve = ["aria-hidden"], He = [
 				};
 				return;
 			}
-			let r = g && _ && C && A.size === 0;
-			a.value = z(e !== "scroll" || D || !r), !(u.value || h !== null) && (h = requestAnimationFrame(() => {
+			let r = e !== "scroll" || D || !(g && _ && C);
+			a.value = J(r || K()), r && K(), !(u.value || h !== null) && (h = requestAnimationFrame(() => {
 				h = null, u.value = !0;
 			}));
 		}
-		function V() {
-			F(), B("scroll");
+		function ae() {
+			V(), Y("scroll");
 		}
-		function H(e) {
+		function oe(e) {
 			let n = t.scrollElement;
-			n && (n.scrollTop = Math.min(a.value.maximumScrollPosition, Math.max(0, e)), B("scroll"));
+			n && (n.scrollTop = Math.min(a.value.maximumScrollPosition, Math.max(0, e)), Y("scroll"));
 		}
-		function U(e) {
-			if (e.target !== e.currentTarget || (B("resize"), !j.value)) return;
+		function se(e) {
+			if (e.target !== e.currentTarget || (Y("resize"), !R.value)) return;
 			let t = i.value;
 			if (!t || a.value.thumbTravel <= 0) return;
-			e.preventDefault(), F();
+			e.preventDefault(), V();
 			let n = e.clientY - t.getBoundingClientRect().top - a.value.thumbSize / 2;
-			H(Math.min(1, Math.max(0, n / a.value.thumbTravel)) * a.value.maximumScrollPosition);
+			oe(Math.min(1, Math.max(0, n / a.value.thumbTravel)) * a.value.maximumScrollPosition);
 		}
-		function W(e) {
-			B("resize"), j.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 X(e) {
+			Y("resize"), R.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 ee(e) {
+		function Z(e) {
 			if (!o.value || e.pointerId !== d || (e.preventDefault(), a.value.thumbTravel <= 0)) return;
 			let t = (e.clientY - f) / a.value.thumbTravel * a.value.maximumScrollPosition;
-			H(p + t);
+			oe(p + t);
 		}
-		function G(e) {
-			!o.value || e.pointerId !== d || (e.currentTarget.releasePointerCapture?.(e.pointerId), d = null, o.value = !1, b && (b = !1, B("content")), N());
+		function ce(e) {
+			!o.value || e.pointerId !== d || (e.currentTarget.releasePointerCapture?.(e.pointerId), d = null, o.value = !1, b && (b = !1, Y("content")), B());
 		}
-		function te(e) {
-			if (B("resize"), !j.value) return;
-			let n = o.value ? t.scrollElement?.clientHeight ?? 0 : O?.viewportSize ?? 0, r = t.scrollElement?.scrollTop ?? 0, i = e.key === "ArrowUp" ? r - We : e.key === "ArrowDown" ? r + We : 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(), F(), H(i));
+		function le(e) {
+			if (Y("resize"), !R.value) return;
+			let n = o.value ? t.scrollElement?.clientHeight ?? 0 : O?.viewportSize ?? 0, r = t.scrollElement?.scrollTop ?? 0, i = e.key === "ArrowUp" ? r - Ye : e.key === "ArrowDown" ? r + Ye : 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(), V(), oe(i));
 		}
-		function K(e) {
+		function Q(e) {
 			if (_?.disconnect(), !(typeof ResizeObserver > "u")) {
 				_ = new ResizeObserver(() => {
-					e === t.scrollElement && L("content");
+					e === t.scrollElement && U("content");
 				});
 				for (let t of e.children) _.observe(t);
+				for (let t of j) e.contains(t) && _.observe(t, { box: "border-box" });
 			}
 		}
-		function q() {
-			L("content");
+		function ue() {
+			U("content");
 		}
-		function ne(e) {
+		function de(e) {
 			let t = e.type.startsWith("animation") ? e.animationName : e.propertyName;
 			return `${e.type.startsWith("animation") ? "a" : "t"}:${t}:${e.pseudoElement ?? ""}`;
 		}
-		function J(e) {
+		function fe(e) {
+			if (e.type.startsWith("transition") && e.propertyName === "opacity") return;
 			let n = e.target;
 			if (!(n instanceof Element) || !t.scrollElement?.contains(n)) return;
-			let r = A.get(n) ?? /* @__PURE__ */ new Map(), i = ne(e);
-			r.set(i, (r.get(i) ?? 0) + 1), A.set(n, r), L("content");
+			let r = A.get(n) ?? /* @__PURE__ */ new Map(), i = de(e);
+			r.set(i, (r.get(i) ?? 0) + 1), A.set(n, r), U("content");
 		}
-		function Y(e) {
+		function $(e) {
+			if (e.type.startsWith("transition") && e.propertyName === "opacity") return;
 			let t = e.target;
 			if (!(t instanceof Element)) return;
-			let n = A.get(t), r = ne(e), i = (n?.get(r) ?? 0) - 1;
-			i > 0 ? n?.set(r, i) : n?.delete(r), n?.size === 0 && A.delete(t), L("content");
+			let n = A.get(t), r = de(e), i = (n?.get(r) ?? 0) - 1;
+			i > 0 ? n?.set(r, i) : n?.delete(r), n?.size === 0 && A.delete(t), U("content");
 		}
-		function X(e, t) {
+		function pe(e, t) {
 			let n = [
-				["load", q],
-				["loadedmetadata", q],
-				["transitionrun", J],
-				["animationstart", J],
-				["transitionend", Y],
-				["transitioncancel", Y],
-				["animationend", Y],
-				["animationcancel", Y]
+				["load", ue],
+				["loadedmetadata", ue],
+				["transitionrun", fe],
+				["animationstart", fe],
+				["transitionend", $],
+				["transitioncancel", $],
+				["animationend", $],
+				["animationcancel", $]
 			];
 			for (let [r, i] of n) t ? e?.addEventListener(r, i, !0) : e?.removeEventListener(r, i, !0);
 		}
-		return P(() => t.scrollElement, (e, n) => {
-			n?.removeEventListener("scroll", V), X(n, !1), A.clear(), I(), O = null, D = !0, g?.disconnect(), g = null, _?.disconnect(), _ = null, C?.disconnect(), C = null, e?.addEventListener("scroll", V, { passive: !0 }), X(e, !0), e && typeof ResizeObserver < "u" && (C = new ResizeObserver(() => {
-				E || e !== t.scrollElement || (F(), L("resize"));
-			}), C.observe(e), i.value && C.observe(i.value), K(e)), e && typeof MutationObserver < "u" && (g = new MutationObserver((n) => {
-				e !== t.scrollElement || E || (R(n, e), L("content"));
+		return N(() => t.scrollElement, (e, n) => {
+			n?.removeEventListener("scroll", ae), pe(n, !1), A.clear(), j.clear(), ie(), M = /* @__PURE__ */ new WeakMap(), H(), O = null, D = !0, g?.disconnect(), g = null, _?.disconnect(), _ = null, C?.disconnect(), C = null, e?.addEventListener("scroll", ae, { passive: !0 }), pe(e, !0), e && typeof ResizeObserver < "u" && (C = new ResizeObserver(() => {
+				E || e !== t.scrollElement || (V(), U("resize"));
+			}), C.observe(e), i.value && C.observe(i.value), Q(e)), e && typeof MutationObserver < "u" && (g = new MutationObserver((n) => {
+				e !== t.scrollElement || E || (re(n, e), te("mutation"));
 			}), g.observe(e, {
 				childList: !0,
 				subtree: !0,
 				attributes: !0,
+				attributeOldValue: !0,
 				characterData: !0
-			})), v(() => B("resize"));
-		}, { immediate: !0 }), P(i, (e, t) => {
-			t && C?.unobserve(t), e && C?.observe(e), L("resize");
-		}, { flush: "post" }), P(() => t.contentSize, () => {
+			})), v(() => Y("resize"));
+		}, { immediate: !0 }), N(i, (e, t) => {
+			t && C?.unobserve(t), e && C?.observe(e), U("resize");
+		}, { flush: "post" }), N(() => t.contentSize, () => {
 			D = !0, v(() => {
-				D && B("content");
+				D && Y("content");
 			});
 		}), S(() => {
-			E = !0, I(), t.scrollElement?.removeEventListener("scroll", V), X(t.scrollElement, !1), A.clear(), g?.disconnect(), _?.disconnect(), C?.disconnect(), m !== null && clearTimeout(m), h !== null && cancelAnimationFrame(h);
+			E = !0, H(), t.scrollElement?.removeEventListener("scroll", ae), pe(t.scrollElement, !1), A.clear(), j.clear(), ie(), g?.disconnect(), _?.disconnect(), C?.disconnect(), m !== null && clearTimeout(m), h !== null && cancelAnimationFrame(h);
 		}), (t, n) => (w(), s("div", {
 			ref_key: "trackElement",
 			ref: i,
@@ -715,10 +847,10 @@ var Ve = ["aria-hidden"], He = [
 				"gallery-scrollbar--dragging": o.value,
 				"gallery-scrollbar--interacting": l.value,
 				"gallery-scrollbar--ready": u.value,
-				"gallery-scrollbar--visible": j.value
+				"gallery-scrollbar--visible": R.value
 			}]),
-			"aria-hidden": !j.value || void 0,
-			onPointerdown: U
+			"aria-hidden": !R.value || void 0,
+			onPointerdown: se
 		}, [c("div", {
 			class: "gallery-scrollbar-thumb",
 			"aria-controls": e.controlsId,
@@ -728,22 +860,22 @@ var Ve = ["aria-hidden"], He = [
 			"aria-valuemin": "0",
 			"aria-valuenow": Math.round(e.scrollElement?.scrollTop ?? 0),
 			role: "scrollbar",
-			style: x(M.value),
-			tabindex: j.value ? 0 : -1,
-			onKeydown: te,
-			onPointercancel: G,
-			onPointerdown: W,
-			onPointermove: ee,
-			onPointerup: G
-		}, null, 44, He)], 42, Ve));
-	}
-}), qe = (e) => {
+			style: x(z.value),
+			tabindex: R.value ? 0 : -1,
+			onKeydown: le,
+			onPointercancel: ce,
+			onPointerdown: X,
+			onPointermove: Z,
+			onPointerup: ce
+		}, null, 44, qe)], 42, Ke));
+	}
+}), $e = (e) => {
 	for (let t in e) if (t.startsWith("aria-") || t === "role" || t === "title") return !0;
 	return !1;
-}, Je = (e) => e === "", Ye = (...e) => e.filter((e, t, n) => !!e && e.trim() !== "" && n.indexOf(e) === t).join(" ").trim(), Xe = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), Ze = (e) => e.replace(/^([A-Z])|[\s-_]+(\w)/g, (e, t, n) => n ? n.toUpperCase() : t.toLowerCase()), Qe = (e) => {
-	let t = Ze(e);
+}, et = (e) => e === "", tt = (...e) => e.filter((e, t, n) => !!e && e.trim() !== "" && n.indexOf(e) === t).join(" ").trim(), nt = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), rt = (e) => e.replace(/^([A-Z])|[\s-_]+(\w)/g, (e, t, n) => n ? n.toUpperCase() : t.toLowerCase()), it = (e) => {
+	let t = rt(e);
 	return t.charAt(0).toUpperCase() + t.slice(1);
-}, $e = {
+}, at = {
 	xmlns: "http://www.w3.org/2000/svg",
 	width: 24,
 	height: 24,
@@ -753,27 +885,27 @@ var Ve = ["aria-hidden"], He = [
 	"stroke-width": 2,
 	"stroke-linecap": "round",
 	"stroke-linejoin": "round"
-}, et = ({ name: e, iconNode: t, absoluteStrokeWidth: n, "absolute-stroke-width": r, strokeWidth: i, "stroke-width": a, size: o = $e.width, color: s = $e.stroke, ...c }, { slots: l }) => p("svg", {
-	...$e,
+}, ot = ({ name: e, iconNode: t, absoluteStrokeWidth: n, "absolute-stroke-width": r, strokeWidth: i, "stroke-width": a, size: o = at.width, color: s = at.stroke, ...c }, { slots: l }) => p("svg", {
+	...at,
 	...c,
 	width: o,
 	height: o,
 	stroke: s,
-	"stroke-width": Je(n) || Je(r) || n === !0 || r === !0 ? Number(i || a || $e["stroke-width"]) * 24 / Number(o) : i || a || $e["stroke-width"],
-	class: Ye("lucide", c.class, ...e ? [`lucide-${Xe(Qe(e))}-icon`, `lucide-${Xe(e)}`] : ["lucide-icon"]),
-	...!l.default && !qe(c) && { "aria-hidden": "true" }
-}, [...t.map((e) => p(...e)), ...l.default ? [l.default()] : []]), tt = (e, t) => (n, { slots: r, attrs: i }) => p(et, {
+	"stroke-width": et(n) || et(r) || n === !0 || r === !0 ? Number(i || a || at["stroke-width"]) * 24 / Number(o) : i || a || at["stroke-width"],
+	class: tt("lucide", c.class, ...e ? [`lucide-${nt(it(e))}-icon`, `lucide-${nt(e)}`] : ["lucide-icon"]),
+	...!l.default && !$e(c) && { "aria-hidden": "true" }
+}, [...t.map((e) => p(...e)), ...l.default ? [l.default()] : []]), st = (e, t) => (n, { slots: r, attrs: i }) => p(ot, {
 	...i,
 	...n,
 	iconNode: t,
 	name: e
-}, r), nt = tt("chevron-left", [["path", {
+}, r), ct = st("chevron-left", [["path", {
 	d: "m15 18-6-6 6-6",
 	key: "1wnfg3"
-}]]), rt = tt("chevron-right", [["path", {
+}]]), lt = st("chevron-right", [["path", {
 	d: "m9 18 6-6-6-6",
 	key: "mthhwq"
-}]]), it = tt("disc-3", [
+}]]), ut = st("disc-3", [
 	["circle", {
 		cx: "12",
 		cy: "12",
@@ -794,7 +926,7 @@ var Ve = ["aria-hidden"], He = [
 		d: "M18 12c0 1.7-.7 3.2-1.8 4.2",
 		key: "1eah9h"
 	}]
-]), at = tt("pause", [["rect", {
+]), dt = st("pause", [["rect", {
 	x: "14",
 	y: "3",
 	width: "5",
@@ -808,10 +940,10 @@ var Ve = ["aria-hidden"], He = [
 	height: "18",
 	rx: "1",
 	key: "1wsw3u"
-}]]), ot = tt("play", [["path", {
+}]]), ft = st("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"
-}]]), st = tt("volume-2", [
+}]]), pt = st("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"
@@ -824,7 +956,7 @@ var Ve = ["aria-hidden"], He = [
 		d: "M19.364 18.364a9 9 0 0 0 0-12.728",
 		key: "ijwkga"
 	}]
-]), ct = tt("volume-x", [
+]), mt = st("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"
@@ -843,28 +975,28 @@ var Ve = ["aria-hidden"], He = [
 		y2: "15",
 		key: "5ykzw1"
 	}]
-]), lt = {
+]), ht = {
 	401: "Authentication required",
 	403: "Access forbidden",
 	404: "Preview not found",
 	419: "Session expired",
 	500: "Server error"
 };
-function ut(e) {
+function gt(e) {
 	return e.match(/\/demo-errors\/(401|403|404|419|500)\//)?.[1] ?? "Error";
 }
-function dt(e) {
-	return lt[ut(e)] ?? "Preview unavailable";
+function _t(e) {
+	return ht[gt(e)] ?? "Preview unavailable";
 }
 //#endregion
 //#region src/components/CardRegion.vue
-var ft = /* @__PURE__ */ d({
+var vt = /* @__PURE__ */ d({
 	__name: "CardRegion",
 	props: {
 		index: {},
 		item: {},
 		layout: {},
-		loadedCount: {},
+		loadedCount: { type: [Number, Function] },
 		mediaIndex: {},
 		mediaSource: {},
 		placement: {},
@@ -873,24 +1005,24 @@ var ft = /* @__PURE__ */ d({
 		total: {}
 	},
 	setup(e) {
-		let t = e, n = r(() => q(t.item, t.mediaIndex)), i = r(() => K(t.item)), o = r(() => ne(t.item, n.value)), c = r(() => ({
+		let t = e, n = r(() => K(t.item, t.mediaIndex)), i = r(() => typeof t.loadedCount == "function" ? t.loadedCount() : t.loadedCount), o = r(() => G(t.item)), c = r(() => re(t.item, n.value)), l = 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);
+		})), u = r(() => t.style?.background ?? t.region.background);
 		return (t, r) => (w(), s("div", {
-			class: y(["media-card-region", [`media-card-${e.placement}`, { "media-card-region--transparent": l.value === "transparent" }]]),
-			style: x(c.value),
-			onClick: r[0] ||= L(() => {}, ["stop"]),
-			onKeydown: r[1] ||= L(() => {}, ["stop"])
+			class: y(["media-card-region", [`media-card-${e.placement}`, { "media-card-region--transparent": u.value === "transparent" }]]),
+			style: x(l.value),
+			onClick: r[0] ||= I(() => {}, ["stop"]),
+			onKeydown: r[1] ||= I(() => {}, ["stop"])
 		}, [(w(), a(D(e.region.component), {
 			index: e.index,
 			item: e.item,
 			layout: e.layout,
-			"loaded-count": e.loadedCount,
-			"media-count": i.value.length,
+			"loaded-count": i.value,
+			"media-count": o.value.length,
 			"media-index": n.value,
-			"media-item": o.value,
+			"media-item": c.value,
 			"media-source": e.mediaSource ?? "preview",
 			total: e.total
 		}, null, 8, [
@@ -905,7 +1037,7 @@ var ft = /* @__PURE__ */ d({
 			"total"
 		]))], 38));
 	}
-}), pt = ["aria-busy", "aria-label"], mt = { class: "media-error-code" }, ht = ["disabled"], gt = /* @__PURE__ */ d({
+}), yt = ["aria-busy", "aria-label"], bt = { class: "media-error-code" }, xt = ["disabled"], St = /* @__PURE__ */ d({
 	__name: "MediaError",
 	props: {
 		component: {},
@@ -928,8 +1060,8 @@ var ft = /* @__PURE__ */ d({
 		}, [t.component ? (w(), s("div", {
 			key: 0,
 			class: "media-error-component",
-			onClick: r[0] ||= L(() => {}, ["stop"]),
-			onKeydown: r[1] ||= L(() => {}, ["stop"])
+			onClick: r[0] ||= I(() => {}, ["stop"]),
+			onKeydown: r[1] ||= I(() => {}, ["stop"])
 		}, [(w(), a(D(t.component), {
 			label: t.label,
 			retry: o,
@@ -940,35 +1072,35 @@ var ft = /* @__PURE__ */ d({
 			"retrying",
 			"status"
 		]))], 32)) : (w(), s(e, { key: 1 }, [
-			c("strong", mt, A(t.status), 1),
+			c("strong", bt, A(t.status), 1),
 			c("span", null, A(t.label), 1),
 			c("button", {
 				"data-test": "media-retry",
 				class: "media-error-retry",
 				type: "button",
 				disabled: t.retrying,
-				onClick: L(o, ["stop"]),
-				onKeydown: r[2] ||= L(() => {}, ["stop"])
-			}, A(t.retrying ? "Retrying…" : "Retry"), 41, ht)
-		], 64))], 8, pt));
+				onClick: I(o, ["stop"]),
+				onKeydown: r[2] ||= I(() => {}, ["stop"])
+			}, A(t.retrying ? "Retrying…" : "Retry"), 41, xt)
+		], 64))], 8, yt));
 	}
-}), _t = ["aria-label"], vt = [
+}), Ct = ["aria-label"], wt = [
 	"max",
 	"value",
 	"aria-label",
 	"aria-valuetext",
 	"disabled"
-], yt = {
+], Tt = {
 	key: 0,
 	class: "media-controls-row"
-}, bt = ["aria-label", "title"], xt = { class: "media-controls-audio" }, St = ["aria-label", "title"], Ct = [
+}, Et = ["aria-label", "title"], Dt = { class: "media-controls-audio" }, Ot = ["aria-label", "title"], kt = [
 	"value",
 	"aria-label",
 	"aria-valuetext"
-], wt = {
+], At = {
 	class: "media-control-time",
 	"aria-live": "off"
-}, Tt = /* @__PURE__ */ d({
+}, jt = /* @__PURE__ */ d({
 	__name: "MediaControls",
 	props: {
 		currentTime: {},
@@ -1005,10 +1137,10 @@ var ft = /* @__PURE__ */ d({
 			class: y(["media-controls", `media-controls--${e.layout}`]),
 			role: "group",
 			"aria-label": `${h.value} controls`,
-			onClick: n[4] ||= L(() => {}, ["stop"]),
-			onDblclick: n[5] ||= L(() => {}, ["stop"]),
+			onClick: n[4] ||= I(() => {}, ["stop"]),
+			onDblclick: n[5] ||= I(() => {}, ["stop"]),
 			onKeydown: f,
-			onWheel: n[6] ||= L(() => {}, ["stop"])
+			onWheel: n[6] ||= I(() => {}, ["stop"])
 		}, [c("input", {
 			class: "media-control-range media-control-seek",
 			type: "range",
@@ -1021,35 +1153,35 @@ var ft = /* @__PURE__ */ d({
 			"aria-valuetext": `${u(g.value)} of ${u(p.value)}`,
 			disabled: p.value <= 0,
 			onInput: n[0] ||= (e) => i("seek", d(e))
-		}, null, 44, vt), e.layout === "reel" ? (w(), s("div", yt, [
+		}, null, 44, wt), e.layout === "reel" ? (w(), s("div", Tt, [
 			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 ? (w(), a(M(at), {
+			}, [e.playing ? (w(), a(M(dt), {
 				key: 0,
 				size: 18,
 				fill: "currentColor"
-			})) : (w(), a(M(ot), {
+			})) : (w(), a(M(ft), {
 				key: 1,
 				size: 18,
 				fill: "currentColor"
-			}))], 8, bt),
-			c("div", xt, [c("button", {
+			}))], 8, Et),
+			c("div", Dt, [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 ? (w(), a(M(ct), {
+			}, [e.muted || e.volume === 0 ? (w(), a(M(mt), {
 				key: 0,
 				size: 18
-			})) : (w(), a(M(st), {
+			})) : (w(), a(M(pt), {
 				key: 1,
 				size: 18
-			}))], 8, St), c("input", {
+			}))], 8, Ot), c("input", {
 				class: "media-control-range media-control-volume",
 				type: "range",
 				min: "0",
@@ -1060,15 +1192,15 @@ var ft = /* @__PURE__ */ d({
 				"aria-label": `${h.value} volume`,
 				"aria-valuetext": `${Math.round(e.volume * 100)} percent`,
 				onInput: n[3] ||= (e) => i("volumeChange", d(e))
-			}, null, 44, Ct)]),
-			c("output", wt, A(u(g.value)) + " / " + A(u(p.value)), 1)
-		])) : o("", !0)], 42, _t));
+			}, null, 44, kt)]),
+			c("output", At, A(u(g.value)) + " / " + A(u(p.value)), 1)
+		])) : o("", !0)], 42, Ct));
 	}
-}), Et = {
+}), Mt = {
 	key: 0,
 	class: "media-card-overlay-host",
 	"data-test": "media-card-overlay"
-}, Dt = /* @__PURE__ */ d({
+}, Nt = /* @__PURE__ */ d({
 	__name: "MediaContextOverlay",
 	props: {
 		item: {},
@@ -1078,7 +1210,7 @@ var ft = /* @__PURE__ */ d({
 		mediaSource: {}
 	},
 	setup(e) {
-		return (t, n) => e.mediaCard?.overlay?.component ? (w(), s("div", Et, [(w(), a(D(e.mediaCard.overlay.component), {
+		return (t, n) => e.mediaCard?.overlay?.component ? (w(), s("div", Mt, [(w(), a(D(e.mediaCard.overlay.component), {
 			item: e.item,
 			"media-index": e.mediaIndex,
 			"media-item": e.mediaItem,
@@ -1090,26 +1222,26 @@ var ft = /* @__PURE__ */ d({
 			"media-source"
 		]))])) : o("", !0);
 	}
-}), Ot = 40, kt = 160, At = 24;
-function jt(e) {
+}), Pt = 40, Ft = 160, It = 24;
+function Lt(e) {
 	let t = k("next"), n = null, r = 0, i = !1, a = null, o = null;
 	function s(n, r) {
-		let i = K(e.item()).length, a = (n + i) % i;
+		let i = G(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, kt);
+		n !== null && clearTimeout(n), n = setTimeout(c, Ft);
 	}
 	function u(e, t, n) {
 		return t === 1 ? e * 16 : t === 2 ? e * n : e;
 	}
 	function d(t) {
-		if (K(e.item()).length <= 1) return;
+		if (G(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) < At)) return;
+		if (a === 0 || (t.preventDefault(), l(), i) || (r += a, Math.abs(r) < It)) return;
 		let o = Math.sign(r);
 		r = 0, i = !0, s(e.mediaIndex() + o);
 	}
@@ -1121,7 +1253,7 @@ function jt(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) < Ot || s(e.mediaIndex() + Math.sign(r)));
+		a = null, o = null, !(Math.abs(r) <= Math.abs(i)) && (Math.abs(r) < Pt || s(e.mediaIndex() + Math.sign(r)));
 	}
 	return S(c), {
 		change: s,
@@ -1131,14 +1263,14 @@ function jt(e) {
 		onWheel: d
 	};
 }
-var Mt = /* @__PURE__ */ new Map(), Nt = [], Pt = 0, Ft = 0;
-function It(e, t) {
+var Rt = /* @__PURE__ */ new Map(), zt = [], Bt = 0, Vt = 0;
+function Ht(e, t) {
 	return `${t ? "timed" : "image"}:${e}`;
 }
-function Lt(e, t, n) {
-	let r = K(e);
+function Ut(e, t, n) {
+	let r = G(e);
 	if (r.length < 2) return [];
-	let i = q(e, t), a = [];
+	let i = K(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);
@@ -1147,9 +1279,9 @@ function Lt(e, t, n) {
 	return a.flatMap((e) => {
 		let t = r[e];
 		if (!t) return [];
-		let i = H(t.type, t.src) === "audio" ? G(t) : ee(t, n);
+		let i = V(t.type, t.src) === "audio" ? W(t) : te(t, n);
 		if (!i) return [];
-		let a = U(i.type, i.src), s = It(i.src, a);
+		let a = H(i.type, i.src), s = Ht(i.src, a);
 		return o.has(s) ? [] : (o.add(s), [{
 			key: s,
 			src: i.src,
@@ -1157,22 +1289,22 @@ function Lt(e, t, n) {
 		}]);
 	});
 }
-function Rt(e) {
+function Wt(e) {
 	let t = e.element;
 	e.element = null, t && (t instanceof HTMLVideoElement ? (t.pause(), t.removeAttribute("src"), t.load()) : t.removeAttribute("src"));
 }
-function zt(e) {
-	Mt.delete(e.key);
-	let t = Nt.indexOf(e);
-	t >= 0 && Nt.splice(t, 1), e.cancel?.(), e.cancel = null, Rt(e);
+function Gt(e) {
+	Rt.delete(e.key);
+	let t = zt.indexOf(e);
+	t >= 0 && zt.splice(t, 1), e.cancel?.(), e.cancel = null, Wt(e);
 }
-function Bt(e) {
-	e.state = "loading", Pt += 1, e.timed && (Ft += 1);
+function Kt(e) {
+	e.state = "loading", Bt += 1, e.timed && (Vt += 1);
 	let t = !1, n = () => void 0, r = (r) => {
-		t || (t = !0, n(), --Pt, e.timed && --Ft, e.cancel = null, e.state = r, r === "failed" && Rt(e), e.refs === 0 && zt(e), Vt());
+		t || (t = !0, n(), --Bt, e.timed && --Vt, e.cancel = null, e.state = r, r === "failed" && Wt(e), e.refs === 0 && Gt(e), qt());
 	};
 	if (e.cancel = () => {
-		t || (t = !0, n(), --Pt, e.timed && --Ft, Rt(e), Vt());
+		t || (t = !0, n(), --Bt, e.timed && --Vt, Wt(e), qt());
 	}, e.timed) {
 		let t = document.createElement("video"), i = () => r("ready"), a = () => r("failed");
 		n = () => {
@@ -1191,49 +1323,49 @@ function Bt(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 Vt() {
-	for (; Pt < 6;) {
-		let e = Nt.findIndex((e) => e.refs > 0 && e.state === "queued" && (!e.timed || Ft < 2));
+function qt() {
+	for (; Bt < 6;) {
+		let e = zt.findIndex((e) => e.refs > 0 && e.state === "queued" && (!e.timed || Vt < 2));
 		if (e < 0) return;
-		let [t] = Nt.splice(e, 1);
-		t && Bt(t);
+		let [t] = zt.splice(e, 1);
+		t && Kt(t);
 	}
 }
-function Ht(e) {
-	let t = Mt.get(e.key);
+function Jt(e) {
+	let t = Rt.get(e.key);
 	t || (t = {
 		...e,
 		cancel: null,
 		element: null,
 		refs: 0,
 		state: "queued"
-	}, Mt.set(t.key, t), Nt.push(t)), t.refs += 1, Vt();
+	}, Rt.set(t.key, t), zt.push(t)), t.refs += 1, qt();
 	let n = !1;
 	return () => {
-		n || (n = !0, --t.refs, t.refs === 0 && zt(t));
+		n || (n = !0, --t.refs, t.refs === 0 && Gt(t));
 	};
 }
 //#endregion
 //#region src/components/useVisiblePostPreload.ts
-function Ut(e) {
-	let t = r(() => e.layout() === "masonry" && e.inViewport() && e.mediaReady() && e.mediaCard()?.feedPreload === "visible-post"), n = r(() => t.value ? Lt(e.item(), e.mediaIndex(), e.mediaSource()) : []), i = /* @__PURE__ */ new Map();
+function Yt(e) {
+	let t = r(() => e.layout() === "masonry" && e.inViewport() && e.mediaReady() && e.mediaCard()?.feedPreload === "visible-post"), n = r(() => t.value ? Ut(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, Ht(e));
+			i.has(e.key) || i.set(e.key, Jt(e));
 		});
 	}
-	P(() => n.value.map(({ key: e }) => e).join("\n"), a, { immediate: !0 }), S(() => {
+	N(() => n.value.map(({ key: e }) => e).join("\n"), a, { immediate: !0 }), S(() => {
 		i.forEach((e) => e()), i.clear();
 	});
 }
 //#endregion
 //#region src/components/useMediaLoading.ts
-function Wt(e) {
-	let t = r(() => U(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 P(i, (t, n) => {
+function Xt(e) {
+	let t = r(() => H(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 N(i, (t, n) => {
 		n !== "none" || t === "none" || v(() => e.mediaElement.value?.load());
 	}), {
 		imageLoading: n,
@@ -1243,7 +1375,7 @@ function Wt(e) {
 }
 //#endregion
 //#region src/components/useMediaReadiness.ts
-function Gt(e) {
+function Zt(e) {
 	let t = k(null), n = k(null), i = k(0), a = k(0), o = k(!0), s = k(!1), c = k(!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;
@@ -1286,7 +1418,7 @@ function Gt(e) {
 	function C(e) {
 		h(e) && o.value && g();
 	}
-	return P(e.identity, () => {
+	return N(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, v(y);
 	}, { immediate: !0 }), S(() => {
 		f = !0, m();
@@ -1304,30 +1436,30 @@ function Gt(e) {
 }
 //#endregion
 //#region src/core/reelAudio.ts
-var Kt = {
+var Qt = {
 	lastAudibleVolume: 1,
 	muted: !1,
 	volume: 1
 };
-function qt(e, t) {
+function $t(e, t) {
 	return typeof e == "number" && Number.isFinite(e) ? Math.min(1, Math.max(0, e)) : t;
 }
-function Jt(e, t = Kt) {
-	let n = qt(e?.volume, t.volume), r = qt(e?.lastAudibleVolume, n > 0 ? n : t.lastAudibleVolume);
+function en(e, t = Qt) {
+	let n = $t(e?.volume, t.volume), r = $t(e?.lastAudibleVolume, n > 0 ? n : t.lastAudibleVolume);
 	return {
-		lastAudibleVolume: r > 0 ? r : Kt.lastAudibleVolume,
+		lastAudibleVolume: r > 0 ? r : Qt.lastAudibleVolume,
 		muted: typeof e?.muted == "boolean" ? e.muted : n === 0 || t.muted,
 		volume: n
 	};
 }
 //#endregion
 //#region src/components/useMediaCardAudio.ts
-function Yt(e) {
-	let t = Jt(e.reelAudioState()), n = e.layout() === "reel" && e.reelAudioState(), r = k(n ? t.muted : e.mediaCard()?.videoMuted ?? e.layout() === "masonry"), i = k(n ? t.volume : 1), a = n ? t.lastAudibleVolume : 1;
+function tn(e) {
+	let t = en(e.reelAudioState()), n = e.layout() === "reel" && e.reelAudioState(), r = k(n ? t.muted : e.mediaCard()?.videoMuted ?? e.layout() === "masonry"), i = k(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 = Jt(n);
+		let o = en(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) {
@@ -1335,7 +1467,7 @@ function Yt(e) {
 	}
 	function c(t) {
 		if (e.layout() !== "reel") return;
-		let n = Jt({
+		let n = en({
 			lastAudibleVolume: a,
 			muted: t.muted,
 			volume: t.volume
@@ -1352,7 +1484,7 @@ function Yt(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 P([
+	return N([
 		e.active,
 		e.layout,
 		() => e.reelAudioState()?.lastAudibleVolume,
@@ -1370,7 +1502,7 @@ function Yt(e) {
 }
 //#endregion
 //#region src/components/useReelVideoActivity.ts
-function Xt(e) {
+function nn(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) {
@@ -1379,7 +1511,7 @@ function Xt(e) {
 		}
 		e.mediaIsPlaying.value = !0;
 	}
-	return P(t, (n) => {
+	return N(t, (n) => {
 		let r = e.mediaElement.value;
 		if (!n) {
 			r?.pause(), r && (r.muted = !0), e.mediaIsPlaying.value = !1;
@@ -1404,18 +1536,18 @@ function Xt(e) {
 }
 //#endregion
 //#region src/components/useTimedMediaCard.ts
-function Zt(e) {
+function rn(e) {
 	return Number.isFinite(e) ? Math.max(0, e) : 0;
 }
-function Qt(e) {
-	let t = k(0), n = k(0), r = k(!1), { apply: i, setVolume: a, sync: o, toggleMute: s, videoIsMuted: c, videoVolume: l } = Yt({
+function an(e) {
+	let t = k(0), n = k(0), r = k(!1), { apply: i, setVolume: a, sync: o, toggleMute: s, videoIsMuted: c, videoVolume: l } = tn({
 		active: e.active,
 		layout: e.layout,
 		mediaCard: e.mediaCard,
 		mediaElement: e.mediaElement,
 		onChange: e.onAudioChange,
 		reelAudioState: e.reelAudioState
-	}), { effectiveMuted: u, onPlaying: d, playbackAllowed: f } = Xt({
+	}), { effectiveMuted: u, onPlaying: d, playbackAllowed: f } = nn({
 		active: e.active,
 		inViewport: e.inViewport,
 		layout: e.layout,
@@ -1425,7 +1557,7 @@ function Qt(e) {
 	});
 	function p(r) {
 		let i = r?.currentTarget ?? e.mediaElement.value;
-		i && (t.value = Zt(i.currentTime), n.value = Zt(i.duration), o(i, f.value));
+		i && (t.value = rn(i.currentTime), n.value = rn(i.duration), o(i, f.value));
 	}
 	function m(t) {
 		i(), p(t), e.onReady(t);
@@ -1435,7 +1567,7 @@ function Qt(e) {
 	}
 	function g(n) {
 		let r = e.mediaElement.value;
-		!r || !Number.isFinite(n) || (r.currentTime = Math.min(Zt(r.duration), Math.max(0, n)), t.value = r.currentTime);
+		!r || !Number.isFinite(n) || (r.currentTime = Math.min(rn(r.duration), Math.max(0, n)), t.value = r.currentTime);
 	}
 	async function _() {
 		let t = e.mediaElement.value;
@@ -1451,7 +1583,7 @@ function Qt(e) {
 			}
 		}
 	}
-	return P(e.mediaElement, () => {
+	return N(e.mediaElement, () => {
 		t.value = 0, n.value = 0, r.value = !1;
 	}, { flush: "sync" }), {
 		currentTime: t,
@@ -1473,7 +1605,7 @@ function Qt(e) {
 }
 //#endregion
 //#region src/components/MediaCard.vue?vue&type=script&setup=true&lang.ts
-var $t = [
+var on = [
 	"data-post-id",
 	"data-media-index",
 	"aria-hidden",
@@ -1481,19 +1613,19 @@ var $t = [
 	"inert",
 	"role",
 	"tabindex"
-], en = { class: "media-card-content" }, tn = ["data-media-direction"], nn = ["data-media-index"], rn = {
+], sn = { class: "media-card-content" }, cn = ["data-media-direction"], ln = ["data-media-index"], un = {
 	key: 0,
 	"data-test": "media-loading",
 	class: "media-loading",
 	"aria-hidden": "true"
-}, an = [
+}, dn = [
 	"data-source-generation",
 	"src",
 	"autoplay",
 	"loop",
 	"muted",
 	"preload"
-], on = ["aria-label", "disabled"], sn = [
+], fn = ["aria-label", "disabled"], pn = [
 	"data-cover-identity",
 	"data-source-generation",
 	"src",
@@ -1501,11 +1633,11 @@ var $t = [
 	"height",
 	"fetchpriority",
 	"loading"
-], cn = {
+], mn = {
 	key: 1,
 	class: "media-audio-fallback",
 	"aria-hidden": "true"
-}, ln = [
+}, hn = [
 	"data-source-generation",
 	"src",
 	"width",
@@ -1514,14 +1646,14 @@ var $t = [
 	"loop",
 	"muted",
 	"preload"
-], un = [
+], gn = [
 	"data-source-generation",
 	"src",
 	"width",
 	"height",
 	"fetchpriority",
 	"loading"
-], dn = ["aria-label"], fn = ["aria-label"], pn = ["aria-label"], mn = /* @__PURE__ */ d({
+], _n = ["aria-label"], vn = ["aria-label"], yn = ["aria-label"], bn = /* @__PURE__ */ d({
 	__name: "MediaCard",
 	props: {
 		active: { type: Boolean },
@@ -1537,7 +1669,7 @@ var $t = [
 		interactive: { type: Boolean },
 		leaving: { type: Boolean },
 		layout: {},
-		loadedCount: {},
+		loadedCount: { type: [Number, Function] },
 		mediaIndex: {},
 		mediaCard: {},
 		mediaSource: {},
@@ -1561,7 +1693,7 @@ var $t = [
 		function f(e = !1, t = "pointer") {
 			e && d("activate", t);
 		}
-		let p = r(() => K(l.item)), m = r(() => q(l.item, l.mediaIndex)), h = r(() => ne(l.item, m.value)), g = r(() => ee(h.value, l.mediaSource ?? "preview")), _ = r(() => H(h.value.type, h.value.src)), b = r(() => _.value === "audio"), S = r(() => te(h.value, l.mediaSource ?? "preview")), C = r(() => b.value ? S.value : g.value), T = r(() => C.value.src), E = r(() => H(C.value.type, C.value.src)), D = r(() => g.value.width), O = r(() => g.value.height), A = r(() => G(h.value)), j = r(() => `${l.item.postId}:${m.value}:${A.value?.src ?? ""}`), N = k(!1), R = r(() => N.value ? null : A.value), { effectivePreviewState: z, failSourceAttempt: B, imageElement: V, markSourceReady: U, noteSourceActivity: W, retrySource: J, retrying: Y, sourceGeneration: X, mediaElement: Z } = Gt({
+		let p = r(() => G(l.item)), m = r(() => K(l.item, l.mediaIndex)), h = r(() => re(l.item, m.value)), g = r(() => te(h.value, l.mediaSource ?? "preview")), _ = r(() => V(h.value.type, h.value.src)), b = r(() => _.value === "audio"), S = r(() => ne(h.value, l.mediaSource ?? "preview")), C = r(() => b.value ? S.value : g.value), T = r(() => C.value.src), E = r(() => V(C.value.type, C.value.src)), D = r(() => g.value.width), O = r(() => g.value.height), A = r(() => W(h.value)), j = r(() => `${l.item.postId}:${m.value}:${A.value?.src ?? ""}`), ee = k(!1), L = r(() => ee.value ? null : A.value), { effectivePreviewState: R, failSourceAttempt: z, imageElement: B, markSourceReady: H, noteSourceActivity: U, retrySource: q, retrying: ie, sourceGeneration: J, mediaElement: Y } = Zt({
 			identity: () => `${l.item.postId}:${m.value}:${l.mediaSource ?? "preview"}:${T.value}:${E.value ?? ""}`,
 			mediaIndex: () => m.value,
 			onError: (e, t) => {
@@ -1576,79 +1708,79 @@ var $t = [
 			onReady: (e) => d("ready", e),
 			previewState: () => l.previewState
 		});
-		Ut({
+		Yt({
 			inViewport: () => l.inViewport === !0,
 			item: () => l.item,
 			layout: () => l.layout,
 			mediaCard: () => l.mediaCard,
 			mediaIndex: () => m.value,
-			mediaReady: () => z.value === "ready",
+			mediaReady: () => R.value === "ready",
 			mediaSource: () => l.mediaSource ?? "preview"
 		});
-		let { currentTime: re, duration: ie, effectiveMuted: ae, isMuted: oe, isPlaying: se, onEnded: Q, onLoadedMetadata: ce, onPlaying: le, playbackAllowed: ue, seek: de, setVolume: fe, sync: $, toggleMute: pe, togglePlayback: me, volume: he } = Qt({
+		let { currentTime: ae, duration: oe, effectiveMuted: se, isMuted: X, isPlaying: Z, onEnded: ce, onLoadedMetadata: le, onPlaying: Q, playbackAllowed: ue, seek: de, setVolume: fe, sync: $, toggleMute: pe, togglePlayback: me, volume: he } = an({
 			active: () => l.active,
 			inViewport: () => l.inViewport === !0,
 			layout: () => l.layout,
 			mediaCard: () => l.mediaCard,
-			mediaElement: Z,
+			mediaElement: Y,
 			onAudioChange: (e) => d("reelAudioChange", e),
 			onEnded: () => d("ended", m.value),
-			onReady: U,
+			onReady: H,
 			reelAudioState: () => l.reelAudioState
 		}), ge = r(() => l.interactive && !!(l.cardHeader || l.cardFooter));
 		function _e(e) {
 			return e.detail === 0 ? "keyboard" : "pointer";
 		}
-		let { change: ve, direction: ye, onTouchEnd: be, onTouchStart: xe, onWheel: Se } = jt({
+		let { change: ve, direction: ye, onTouchEnd: be, onTouchStart: xe, onWheel: Se } = Lt({
 			item: () => l.item,
 			layout: () => l.layout,
 			mediaIndex: () => m.value,
 			onChange: (e) => d("mediaChange", e)
-		}), { imageLoading: Ce, mediaIsTimed: we, timedMediaPreload: Te } = Wt({
+		}), { imageLoading: Ce, mediaIsTimed: we, timedMediaPreload: Te } = Xt({
 			active: () => l.active,
 			fetchPriority: () => l.fetchPriority,
 			layout: () => l.layout,
 			mediaSource: () => T.value,
 			mediaType: () => E.value,
-			mediaElement: Z
-		}), Ee = r(() => l.layout === "reel" && l.stationaryReelControls === !0), De = r(() => we.value && (!b.value || l.layout === "reel") && z.value === "ready" && (!Ee.value || !!(l.active && l.reelControlsTarget))), Oe = r(() => `${l.item.postId}:${m.value}:${T.value}`);
+			mediaElement: Y
+		}), Ee = r(() => l.layout === "reel" && l.stationaryReelControls === !0), De = r(() => we.value && (!b.value || l.layout === "reel") && R.value === "ready" && (!Ee.value || !!(l.active && l.reelControlsTarget))), Oe = r(() => `${l.item.postId}:${m.value}:${T.value}`);
 		function ke(e) {
 			l.layout === "reel" && (e.stopPropagation(), me());
 		}
 		function Ae(e) {
-			e.currentTarget.dataset.coverIdentity !== j.value || N.value || (d("mediaError", {
+			e.currentTarget.dataset.coverIdentity !== j.value || ee.value || (d("mediaError", {
 				mediaIndex: m.value,
 				source: "preview",
 				src: A.value?.src ?? ""
-			}), N.value = !0, l.layout === "masonry" && U());
+			}), ee.value = !0, l.layout === "masonry" && H());
 		}
-		return P(j, () => {
-			N.value = !1;
-		}), P([
+		return N(j, () => {
+			ee.value = !1;
+		}), N([
 			b,
 			() => l.layout,
-			R
+			L
 		], ([e, t, n]) => {
-			e && t === "masonry" && !n && v(() => U());
+			e && t === "masonry" && !n && v(() => H());
 		}, { immediate: !0 }), (r, i) => (w(), s("article", {
 			"data-post-id": e.item.postId,
 			"data-media-index": m.value,
 			class: y(["media-card", {
 				"media-card--entering": e.entering,
 				"media-card--leaving": e.leaving,
-				"media-card--error": M(z) === "error",
+				"media-card--error": M(R) === "error",
 				"media-card--transparent-chrome": e.mediaCard?.header?.background === "transparent" || e.mediaCard?.footer?.background === "transparent" || e.cardHeader?.background === "transparent" || e.cardFooter?.background === "transparent"
 			}]),
 			style: x(e.itemStyle),
 			"aria-hidden": e.leaving || void 0,
-			"aria-busy": M(z) === "loading" || M(Y),
+			"aria-busy": M(R) === "loading" || M(ie),
 			inert: e.leaving || void 0,
 			role: e.interactive && !e.leaving && !ge.value ? "button" : void 0,
 			tabindex: e.interactive && !e.leaving && !ge.value ? 0 : void 0,
 			onClick: i[34] ||= (t) => f(e.interactive && !ge.value, _e(t)),
-			onKeydown: [i[35] ||= I((t) => f(e.interactive && !ge.value, "keyboard"), ["enter"]), i[36] ||= I(L((t) => f(e.interactive && !ge.value, "keyboard"), ["prevent"]), ["space"])]
-		}, [c("div", en, [
-			e.cardHeader ? (w(), a(ft, {
+			onKeydown: [i[35] ||= F((t) => f(e.interactive && !ge.value, "keyboard"), ["enter"]), i[36] ||= F(I((t) => f(e.interactive && !ge.value, "keyboard"), ["prevent"]), ["space"])]
+		}, [c("div", sn, [
+			e.cardHeader ? (w(), a(vt, {
 				key: 0,
 				index: e.index,
 				item: e.item,
@@ -1679,21 +1811,21 @@ var $t = [
 				onTouchendPassive: i[33] ||= (...e) => M(be) && M(be)(...e)
 			}, [
 				u(n, {
-					css: !M(Y),
+					css: !M(ie),
 					name: `media-slide-${M(ye)}`
 				}, {
-					default: F(() => [(w(), s("div", {
-						key: `${e.item.postId}:${h.value.src}:${e.mediaSource ?? "preview"}:${M(X)}`,
+					default: P(() => [(w(), s("div", {
+						key: `${e.item.postId}:${h.value.src}:${e.mediaSource ?? "preview"}:${M(J)}`,
 						class: "media-card-frame",
 						"data-media-index": m.value
 					}, [
-						M(z) === "loading" ? (w(), s("div", rn, [...i[37] ||= [c("span", { class: "media-loading-shimmer" }, null, -1)]])) : M(z) === "error" ? (w(), a(gt, {
+						M(R) === "loading" ? (w(), s("div", un, [...i[37] ||= [c("span", { class: "media-loading-shimmer" }, null, -1)]])) : M(R) === "error" ? (w(), a(St, {
 							key: 1,
 							component: e.mediaCard?.error?.component,
-							label: M(dt)(T.value),
-							retrying: M(Y),
-							status: M(ut)(T.value),
-							onRetry: M(J)
+							label: M(_t)(T.value),
+							retrying: M(ie),
+							status: M(gt)(T.value),
+							onRetry: M(q)
 						}, null, 8, [
 							"component",
 							"label",
@@ -1704,57 +1836,57 @@ var $t = [
 						b.value && e.layout === "reel" ? (w(), s("audio", {
 							key: 2,
 							ref_key: "mediaElement",
-							ref: Z,
-							"data-source-generation": M(X),
+							ref: Y,
+							"data-source-generation": M(J),
 							class: "media-audio-element",
 							src: T.value,
 							autoplay: M(ue),
 							loop: !e.advanceOnMediaEnd,
-							muted: M(ae),
+							muted: M(se),
 							preload: M(Te),
-							onLoadedmetadata: i[0] ||= (...e) => M(ce) && M(ce)(...e),
-							onProgress: i[1] ||= (...e) => M(W) && M(W)(...e),
-							onLoadeddata: i[2] ||= (...e) => M(W) && M(W)(...e),
-							onCanplay: i[3] ||= (...e) => M(W) && M(W)(...e),
+							onLoadedmetadata: i[0] ||= (...e) => M(le) && M(le)(...e),
+							onProgress: i[1] ||= (...e) => M(U) && M(U)(...e),
+							onLoadeddata: i[2] ||= (...e) => M(U) && M(U)(...e),
+							onCanplay: i[3] ||= (...e) => M(U) && M(U)(...e),
 							onDurationchange: i[4] ||= (...e) => M($) && M($)(...e),
 							onTimeupdate: i[5] ||= (...e) => M($) && M($)(...e),
 							onVolumechange: i[6] ||= (...e) => M($) && M($)(...e),
-							onPlaying: i[7] ||= (...e) => M(le) && M(le)(...e),
-							onPause: i[8] ||= (e) => se.value = !1,
-							onEnded: i[9] ||= (...e) => M(Q) && M(Q)(...e),
-							onError: i[10] ||= (...e) => M(B) && M(B)(...e)
-						}, null, 40, an)) : o("", !0),
+							onPlaying: i[7] ||= (...e) => M(Q) && M(Q)(...e),
+							onPause: i[8] ||= (e) => Z.value = !1,
+							onEnded: i[9] ||= (...e) => M(ce) && M(ce)(...e),
+							onError: i[10] ||= (...e) => M(z) && M(z)(...e)
+						}, null, 40, dn)) : o("", !0),
 						b.value ? (w(), s("button", {
 							key: 3,
 							type: "button",
-							class: y(["media-audio-artwork media-preview", { "media-preview--ready": M(z) === "ready" }]),
-							"aria-label": e.layout === "reel" ? M(se) ? "Pause audio" : "Play audio" : "Audio",
+							class: y(["media-audio-artwork media-preview", { "media-preview--ready": M(R) === "ready" }]),
+							"aria-label": e.layout === "reel" ? M(Z) ? "Pause audio" : "Play audio" : "Audio",
 							disabled: e.layout !== "reel",
 							onClick: ke
-						}, [R.value ? (w(), s("img", {
+						}, [L.value ? (w(), s("img", {
 							key: j.value,
 							"data-cover-identity": j.value,
-							"data-source-generation": M(X),
+							"data-source-generation": M(J),
 							class: "media-audio-cover",
-							src: R.value.src,
-							width: R.value.width ?? void 0,
-							height: R.value.height ?? void 0,
+							src: L.value.src,
+							width: L.value.width ?? void 0,
+							height: L.value.height ?? void 0,
 							fetchpriority: e.fetchPriority,
 							alt: "",
 							decoding: "async",
 							loading: M(Ce),
-							onLoad: i[11] ||= (t) => e.layout === "masonry" && M(U)(t),
+							onLoad: i[11] ||= (t) => e.layout === "masonry" && M(H)(t),
 							onError: Ae
-						}, null, 40, sn)) : (w(), s("span", cn, [u(M(it), {
+						}, null, 40, pn)) : (w(), s("span", mn, [u(M(ut), {
 							size: 64,
 							"stroke-width": 1.5
-						})]))], 10, on)) : M(we) ? (w(), s("video", {
+						})]))], 10, fn)) : M(we) ? (w(), s("video", {
 							key: 4,
 							ref_key: "mediaElement",
-							ref: Z,
-							"data-source-generation": M(X),
+							ref: Y,
+							"data-source-generation": M(J),
 							class: y(["media-preview", {
-								"media-preview--ready": M(z) === "ready",
+								"media-preview--ready": M(R) === "ready",
 								"media-preview--reel-video": e.layout === "reel"
 							}]),
 							src: T.value,
@@ -1762,27 +1894,27 @@ var $t = [
 							height: O.value ?? void 0,
 							autoplay: M(ue),
 							loop: !e.advanceOnMediaEnd,
-							muted: M(ae),
+							muted: M(se),
 							playsinline: "",
 							preload: M(Te),
-							onLoadedmetadata: i[12] ||= (...e) => M(ce) && M(ce)(...e),
-							onProgress: i[13] ||= (...e) => M(W) && M(W)(...e),
-							onLoadeddata: i[14] ||= (...e) => M(W) && M(W)(...e),
-							onCanplay: i[15] ||= (...e) => M(W) && M(W)(...e),
+							onLoadedmetadata: i[12] ||= (...e) => M(le) && M(le)(...e),
+							onProgress: i[13] ||= (...e) => M(U) && M(U)(...e),
+							onLoadeddata: i[14] ||= (...e) => M(U) && M(U)(...e),
+							onCanplay: i[15] ||= (...e) => M(U) && M(U)(...e),
 							onDurationchange: i[16] ||= (...e) => M($) && M($)(...e),
 							onTimeupdate: i[17] ||= (...e) => M($) && M($)(...e),
 							onVolumechange: i[18] ||= (...e) => M($) && M($)(...e),
-							onPlaying: i[19] ||= (...e) => M(le) && M(le)(...e),
-							onPause: i[20] ||= (e) => se.value = !1,
-							onEnded: i[21] ||= (...e) => M(Q) && M(Q)(...e),
+							onPlaying: i[19] ||= (...e) => M(Q) && M(Q)(...e),
+							onPause: i[20] ||= (e) => Z.value = !1,
+							onEnded: i[21] ||= (...e) => M(ce) && M(ce)(...e),
 							onClick: ke,
-							onError: i[22] ||= (...e) => M(B) && M(B)(...e)
-						}, null, 42, ln)) : b.value ? o("", !0) : (w(), s("img", {
+							onError: i[22] ||= (...e) => M(z) && M(z)(...e)
+						}, null, 42, hn)) : b.value ? o("", !0) : (w(), s("img", {
 							key: 5,
 							ref_key: "imageElement",
-							ref: V,
-							"data-source-generation": M(X),
-							class: y(["media-preview", { "media-preview--ready": M(z) === "ready" }]),
+							ref: B,
+							"data-source-generation": M(J),
+							class: y(["media-preview", { "media-preview--ready": M(R) === "ready" }]),
 							src: T.value,
 							width: D.value ?? void 0,
 							height: O.value ?? void 0,
@@ -1790,13 +1922,13 @@ var $t = [
 							alt: "",
 							decoding: "async",
 							loading: M(Ce),
-							onLoad: i[23] ||= (...e) => M(U) && M(U)(...e),
-							onError: i[24] ||= (...e) => M(B) && M(B)(...e)
-						}, null, 42, un))
-					], 8, nn))]),
+							onLoad: i[23] ||= (...e) => M(H) && M(H)(...e),
+							onError: i[24] ||= (...e) => M(z) && M(z)(...e)
+						}, null, 42, gn))
+					], 8, ln))]),
 					_: 1
 				}, 8, ["css", "name"]),
-				u(Dt, {
+				u(Nt, {
 					item: e.item,
 					"media-card": e.mediaCard,
 					"media-index": m.value,
@@ -1816,15 +1948,15 @@ var $t = [
 					name: "vibe-reel-media-controls",
 					css: Ee.value
 				}, {
-					default: F(() => [De.value ? (w(), a(Tt, {
+					default: P(() => [De.value ? (w(), a(jt, {
 						key: Oe.value,
-						"current-time": M(re),
+						"current-time": M(ae),
 						"data-control-post-id": Ee.value ? e.item.postId : void 0,
-						duration: M(ie),
+						duration: M(oe),
 						layout: e.layout,
 						"media-type": b.value ? "audio" : "video",
-						muted: M(oe),
-						playing: M(se),
+						muted: M(X),
+						playing: M(Z),
 						volume: M(he),
 						onSeek: M(de),
 						onToggleMute: M(pe),
@@ -1854,25 +1986,25 @@ var $t = [
 					type: "button",
 					class: "media-carousel-control media-carousel-control--previous",
 					"aria-label": `Previous media for post ${e.item.postId}`,
-					onClick: i[25] ||= L((e) => M(ve)(m.value - 1, e), ["stop"]),
-					onKeydown: i[26] ||= L(() => {}, ["stop"])
-				}, [u(M(nt), { size: 20 })], 40, dn), c("button", {
+					onClick: i[25] ||= I((e) => M(ve)(m.value - 1, e), ["stop"]),
+					onKeydown: i[26] ||= I(() => {}, ["stop"])
+				}, [u(M(ct), { size: 20 })], 40, _n), c("button", {
 					type: "button",
 					class: "media-carousel-control media-carousel-control--next",
 					"aria-label": `Next media for post ${e.item.postId}`,
-					onClick: i[27] ||= L((e) => M(ve)(m.value + 1, e), ["stop"]),
-					onKeydown: i[28] ||= L(() => {}, ["stop"])
-				}, [u(M(rt), { size: 20 })], 40, fn)], 2)) : o("", !0),
+					onClick: i[27] ||= I((e) => M(ve)(m.value + 1, e), ["stop"]),
+					onKeydown: i[28] ||= I(() => {}, ["stop"])
+				}, [u(M(lt), { size: 20 })], 40, vn)], 2)) : o("", !0),
 				ge.value ? (w(), s("button", {
 					key: 1,
 					class: "media-card-activator",
 					type: "button",
 					"aria-label": `Open post ${e.item.postId}`,
-					onClick: i[29] ||= L((e) => r.$emit("activate", _e(e)), ["stop"]),
-					onKeydown: i[30] ||= L(() => {}, ["stop"])
-				}, null, 40, pn)) : o("", !0)
-			], 42, tn),
-			e.cardFooter ? (w(), a(ft, {
+					onClick: i[29] ||= I((e) => r.$emit("activate", _e(e)), ["stop"]),
+					onKeydown: i[30] ||= I(() => {}, ["stop"])
+				}, null, 40, yn)) : o("", !0)
+			], 42, cn),
+			e.cardFooter ? (w(), a(vt, {
 				key: 1,
 				index: e.index,
 				item: e.item,
@@ -1895,17 +2027,17 @@ var $t = [
 				"style",
 				"total"
 			])) : o("", !0)
-		])], 46, $t));
+		])], 46, on));
 	}
 });
 //#endregion
 //#region src/components/useMasonryMediaVisibility.ts
-function hn(e) {
+function xn(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 = J(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,
@@ -1915,7 +2047,7 @@ function hn(e) {
 	}
 	function n(e, n) {
 		let r = /* @__PURE__ */ new Set();
-		P(() => t(e()), (e) => {
+		N(() => 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);
@@ -1929,14 +2061,14 @@ function hn(e) {
 }
 //#endregion
 //#region src/components/useSettledMasonryFeedLayout.ts
-var gn = 1500;
-function _n(e) {
+var Sn = 1500;
+function Cn(e) {
 	let t = k(0), n = r(() => [...e.items()]), i = 0, a = null, o = 0, s = 0, c = null, l = 0, u = null, d = null, f = 0;
 	function p() {
 		c !== null && (cancelAnimationFrame(c), c = null);
 	}
 	function m(e, t, n, r) {
-		return a = e, u = t, d = Me(e.items, d ?? je(r.items), n), l = e.items.length < t.length ? Math.max(l, r.height, e.height) : 0, e.items.length < t.length && e.items.length > n && h(), e;
+		return a = e, u = t, d = Pe(e.items, d ?? Ne(r.items), n), l = e.items.length < t.length ? Math.max(l, r.height, e.height) : 0, e.items.length < t.length && e.items.length > n && h(), e;
 	}
 	function h() {
 		c === null && (c = requestAnimationFrame(() => {
@@ -1950,7 +2082,7 @@ function _n(e) {
 				minColumnWidth: e.minColumnWidth.value
 			}, i, o, {
 				throughIndex: e.packThroughIndex(),
-				untilIndex: o + gn
+				untilIndex: o + Sn
 			}), r, o, i), t.value += 1;
 		}));
 	}
@@ -1971,8 +2103,8 @@ function _n(e) {
 		}
 		p();
 		let v = Ee(r, c, g);
-		return a = v, u = r, f = c, o = g.gap, i = g.additionalHeight, s = g.minColumnWidth, d = je(v.items), l = 0, v;
-	}), _ = r(() => (g.value, d ?? je(g.value.items)));
+		return a = v, u = r, f = c, o = g.gap, i = g.additionalHeight, s = g.minColumnWidth, d = Ne(v.items), l = 0, v;
+	}), _ = r(() => (g.value, d ?? Ne(g.value.items)));
 	return S(p), {
 		ensurePackedThrough(r) {
 			let i = n.value, o = a;
@@ -1994,11 +2126,40 @@ function _n(e) {
 	};
 }
 //#endregion
+//#region src/components/masonryItemStyleCache.ts
+function wn() {
+	let e = /* @__PURE__ */ new Map();
+	return {
+		retain(t) {
+			let n = new Set(t);
+			for (let t of e.keys()) n.has(t) || e.delete(t);
+		},
+		get(t, n, r, i) {
+			let { width: a, height: o, x: s } = n, c = n.y + r, l = e.get(t);
+			if (l && l.width === a && l.height === o && l.x === s && l.y === c && l.delay === i) return l.style;
+			let u = {
+				"--masonry-entry-delay": `${i}ms`,
+				width: `${a}px`,
+				height: `${o}px`,
+				transform: `translate3d(${s}px, ${c}px, 0)`
+			};
+			return e.set(t, {
+				width: a,
+				height: o,
+				x: s,
+				y: c,
+				delay: i,
+				style: u
+			}), u;
+		}
+	};
+}
+//#endregion
 //#region src/components/MasonryFeed.vue?vue&type=script&setup=true&lang.ts
-var vn = { class: "masonry-feed-shell" }, yn = ["aria-hidden", "inert"], bn = {
+var Tn = { class: "masonry-feed-shell" }, En = ["aria-hidden", "inert"], Dn = {
 	key: 0,
 	class: "masonry-feed-status-overlay"
-}, xn = 6, Sn = 12, Cn = 250, wn = /* @__PURE__ */ d({
+}, On = 6, kn = 12, An = 250, jn = /* @__PURE__ */ d({
 	__name: "MasonryFeed",
 	props: {
 		enteringPostIds: {},
@@ -2037,65 +2198,68 @@ var vn = { class: "masonry-feed-shell" }, yn = ["aria-hidden", "inert"], bn = {
 		"visible"
 	],
 	setup(t, { expose: n, emit: i }) {
-		let l = 0, d = t, f = i, p = k(null), m = `vibe-masonry-${N()}`, h = k(null), g = k(0), _ = k(xn), v = k(0), b = k(0), C = k(0), T = k([]), D = k([]), O = k([]), A = 0, j = null, F = null, I = null, L = null, R = r(() => ({
+		let l = 0, d = t, f = i, p = k(null), m = `vibe-masonry-${ee()}`, h = k(null), g = k(0), _ = k(On), v = k(0), b = k(0), C = k(0), T = k([]), D = k([]), O = k([]), A = 0, j = null, P = null, F = null, I = null, L = r(() => ({
 			additionalHeight: (d.cardHeader?.height ?? 0) + (d.cardFooter?.height ?? 0),
 			gap: _.value,
-			minColumnWidth: Ie(d.masonry)
-		})), z = [];
-		function B() {
-			let e = A - C.value + v.value + Le(d.masonry, v.value), t = O.value.reduce((e, t) => {
-				let n = z[t];
+			minColumnWidth: Re(d.masonry)
+		})), R = [];
+		function z() {
+			let e = A - C.value + v.value + ze(d.masonry, v.value), t = O.value.reduce((e, t) => {
+				let n = R[t];
 				return n ? Math.max(e, n.y + n.height) : e;
 			}, 0);
 			return Math.max(e, t);
 		}
-		function V() {
+		function B() {
 			return O.value.reduce((e, t) => Math.max(e, t), -1);
 		}
-		let H = _n({
-			additionalHeight: r(() => R.value.additionalHeight),
+		let V = Cn({
+			additionalHeight: r(() => L.value.additionalHeight),
 			gap: _,
 			items: () => d.items,
-			minColumnWidth: r(() => R.value.minColumnWidth),
-			packThroughIndex: V,
-			packUntilBottom: B,
+			minColumnWidth: r(() => L.value.minColumnWidth),
+			packThroughIndex: B,
+			packUntilBottom: z,
 			width: g
-		}), U = H.layout, W = H.viewportIndex, ee = r(() => d.leavingPostIds.size === 0 ? null : Oe(d.items, g.value, R.value, U.value, (e) => d.leavingPostIds.has(d.items[e].postId), {
-			throughIndex: V(),
-			untilBottom: B()
-		})), G = r(() => {
-			let e = ee.value;
+		}), H = V.layout, U = V.viewportIndex, te = r(() => d.leavingPostIds.size === 0 ? null : Oe(d.items, g.value, L.value, H.value, (e) => d.leavingPostIds.has(d.items[e].postId), {
+			throughIndex: B(),
+			untilBottom: z()
+		})), W = r(() => {
+			let e = te.value;
 			return e ? {
 				columns: e.columns,
 				height: e.height,
 				items: e.items
-			} : U.value;
-		}), te = r(() => {
-			let e = ee.value;
-			return e ? Ne(e.items, e.retainedIndices, W.value, e.fromIndex) : null;
-		}), K = r(() => (U.value, Math.max(b.value, H.reservedHeight(), d.leavingPostIds.size === 0 ? G.value.height : U.value.height))), q = r(() => ({ height: `${K.value}px` })), ne = r(() => !d.infiniteScroll || v.value > 0 && C.value + G.value.height <= v.value + 1), Y = r(() => new Set(D.value)), X = r(() => O.value.flatMap((e) => {
-			let t = d.items[e], n = G.value.items[e];
-			return !t || !n || n.width <= 0 || n.height <= 0 ? [] : [{
-				fetchPriority: Y.value.has(e) ? "high" : "low",
-				index: e,
-				item: t
-			}];
-		}));
-		function Z(e, t) {
+			} : H.value;
+		}), ne = r(() => {
+			let e = te.value;
+			return e ? Fe(e.items, e.retainedIndices, U.value, e.fromIndex) : null;
+		}), G = r(() => (H.value, Math.max(b.value, V.reservedHeight(), d.leavingPostIds.size === 0 ? W.value.height : H.value.height))), K = r(() => ({ height: `${G.value}px` })), re = r(() => !d.infiniteScroll || v.value > 0 && C.value + W.value.height <= v.value + 1), ie = r(() => new Set(D.value)), J = wn(), Y = () => d.items.length, ae = r(() => {
+			let e = O.value.flatMap((e) => {
+				let t = d.items[e], n = W.value.items[e];
+				return !t || !n || n.width <= 0 || n.height <= 0 ? [] : [{
+					fetchPriority: ie.value.has(e) ? "high" : "low",
+					index: e,
+					item: t
+				}];
+			});
+			return J.retain(e.map((e) => e.index)), e;
+		});
+		function oe(e, t) {
 			return [...new Set([...e, ...t])].sort((e, t) => e - t);
 		}
-		function re(e, t) {
+		function se(e, t) {
 			return e.length === t.length && e.every((e, n) => e === t[n]);
 		}
-		function ie(e) {
+		function X(e) {
 			let t = {
 				scrollTop: A - C.value,
 				viewportHeight: v.value
-			}, n = te.value, r = Fe(n ?? W.value, {
+			}, n = ne.value, r = Le(n ?? U.value, {
 				...t,
 				overscan: e
 			}).indices;
-			return Z(r, d.leavingPostIds.size === 0 ? [] : Fe(W.value, {
+			return oe(r, d.leavingPostIds.size === 0 ? [] : Le(U.value, {
 				...t,
 				overscan: e
 			}).indices.filter((e) => {
@@ -2103,27 +2267,27 @@ var vn = { class: "masonry-feed-shell" }, yn = ["aria-hidden", "inert"], bn = {
 				return t !== void 0 && d.leavingPostIds.has(t.postId);
 			}));
 		}
-		function ae() {
-			let e = ie(0), t = ie(Le(d.masonry, v.value));
-			re(D.value, e) || (D.value = e);
-			let n = xe(G.value.items, e.filter((e) => {
+		function Z() {
+			let e = X(0), t = X(ze(d.masonry, v.value));
+			se(D.value, e) || (D.value = e);
+			let n = xe(W.value.items, e.filter((e) => {
 				let t = d.items[e];
 				return t && !d.leavingPostIds.has(t.postId);
 			}), {
 				scrollTop: A - C.value,
 				viewportHeight: v.value
 			});
-			re(T.value, n) || (T.value = n), re(O.value, t) || (O.value = t);
+			se(T.value, n) || (T.value = n), se(O.value, t) || (O.value = t);
 		}
-		function oe() {
-			if (L !== null) return;
-			L = -1;
+		function ce() {
+			if (I !== null) return;
+			I = -1;
 			let e = requestAnimationFrame(() => {
-				L = null, ae();
+				I = null, Z();
 			});
-			L !== null && (L = e);
+			I !== null && (I = e);
 		}
-		hn({
+		xn({
 			fullyVisibleIndices: () => T.value,
 			items: () => d.items,
 			mediaIndices: () => d.mediaIndices,
@@ -2132,19 +2296,14 @@ var vn = { class: "masonry-feed-shell" }, yn = ["aria-hidden", "inert"], bn = {
 			previewStates: () => d.previewStates,
 			visibleIndices: () => D.value
 		});
-		function se(e) {
-			let t = G.value.items[e], n = d.items[e]?.postId;
+		function le(e) {
+			let t = W.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 ? ve({
-				containerHeight: Math.max(b.value, U.value.height),
+				containerHeight: Math.max(b.value, H.value.height),
 				gap: _.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`,
-				width: `${t.width}px`,
-				height: `${t.height}px`,
-				transform: `translate3d(${t.x}px, ${t.y + a}px, 0)`
-			};
+			return J.get(e, t, a, o);
 		}
 		function Q() {
 			let e = p.value;
@@ -2153,47 +2312,47 @@ var vn = { class: "masonry-feed-shell" }, yn = ["aria-hidden", "inert"], bn = {
 			let t = e.ownerDocument.defaultView?.getComputedStyle(e), n = (Number.parseFloat(t?.paddingTop ?? "") || 0) + (Number.parseFloat(t?.paddingBottom ?? "") || 0);
 			b.value = Math.max(0, e.clientHeight - n);
 			let r = h.value;
-			r && (C.value = r.getBoundingClientRect().top - e.getBoundingClientRect().top + e.scrollTop, ae());
+			r && (C.value = r.getBoundingClientRect().top - e.getBoundingClientRect().top + e.scrollTop, Z());
 		}
-		function ce(e) {
+		function ue(e) {
 			let t = e.ownerDocument.documentElement.clientWidth;
-			g.value = e.clientWidth, _.value = Math.min(Sn, Math.max(xn, t * .0075)), Q();
+			g.value = e.clientWidth, _.value = Math.min(kn, Math.max(On, t * .0075)), Q();
 		}
-		function le(e) {
+		function de(e) {
 			let t = e.currentTarget;
-			t && (A = t.scrollTop, H.ensurePackedThrough(B()), oe(), Date.now() >= l && !d.loadMoreLocked && d.infiniteScroll && he(t, d.masonry?.loadMoreThresholdPx) && f("loadMore"));
+			t && (A = t.scrollTop, V.ensurePackedThrough(z()), ce(), Date.now() >= l && !d.loadMoreLocked && d.infiniteScroll && he(t, d.masonry?.loadMoreThresholdPx) && f("loadMore"));
 		}
-		function ue() {
+		function $() {
 			let e = p.value;
 			Date.now() >= l && !d.loadMoreLocked && e && he(e, d.masonry?.loadMoreThresholdPx) && f("loadMore");
 		}
-		P(() => d.items.length, (e, t) => {
-			e > 0 && e < t && (l = Date.now() + Cn);
+		N(() => d.items.length, (e, t) => {
+			e > 0 && e < t && (l = Date.now() + An);
 		});
-		function de() {
+		function pe() {
 			return p.value;
 		}
-		return P(h, (e) => {
-			j?.disconnect(), j = null, I !== null && cancelAnimationFrame(I), e && (ce(e), !(typeof ResizeObserver > "u") && (j = new ResizeObserver(([t]) => {
+		return N(h, (e) => {
+			j?.disconnect(), j = null, F !== null && cancelAnimationFrame(F), e && (ue(e), !(typeof ResizeObserver > "u") && (j = new ResizeObserver(([t]) => {
 				let n = t?.contentRect.width ?? e.clientWidth;
-				Math.abs(n - g.value) < .5 || (I = requestAnimationFrame(() => {
-					I = null, ce(e);
+				Math.abs(n - g.value) < .5 || (F = requestAnimationFrame(() => {
+					F = null, ue(e);
 				}));
 			}), j.observe(e)));
-		}), P(p, (e) => {
-			F?.disconnect(), F = null, e && (Q(), !(typeof ResizeObserver > "u") && (F = new ResizeObserver(Q), F.observe(e)));
-		}), P(G, (e) => {
-			z = e.items;
-		}, { flush: "sync" }), P([
-			U,
-			G,
+		}), N(p, (e) => {
+			P?.disconnect(), P = null, e && (Q(), !(typeof ResizeObserver > "u") && (P = new ResizeObserver(Q), P.observe(e)));
+		}), N(W, (e) => {
+			R = e.items;
+		}, { flush: "sync" }), N([
+			H,
+			W,
 			() => d.masonry
-		], ae, { flush: "post" }), S(() => {
-			j?.disconnect(), F?.disconnect(), I !== null && cancelAnimationFrame(I), L !== null && cancelAnimationFrame(L);
+		], Z, { flush: "post" }), S(() => {
+			j?.disconnect(), P?.disconnect(), F !== null && cancelAnimationFrame(F), I !== null && cancelAnimationFrame(I);
 		}), n({
-			getScrollElement: de,
-			loadIfNearBottom: ue
-		}), (n, r) => (w(), s("div", vn, [
+			getScrollElement: pe,
+			loadIfNearBottom: $
+		}), (n, r) => (w(), s("div", Tn, [
 			c("main", {
 				id: m,
 				ref_key: "galleryElement",
@@ -2202,14 +2361,14 @@ var vn = { class: "masonry-feed-shell" }, yn = ["aria-hidden", "inert"], bn = {
 				"data-layout-mode": "masonry",
 				"aria-hidden": t.suspended || void 0,
 				inert: t.suspended || void 0,
-				onScrollPassive: le
+				onScrollPassive: de
 			}, [c("section", {
 				ref_key: "masonryElement",
 				ref: h,
 				class: y(["masonry", { "masonry--ready": g.value > 0 }]),
-				style: x(q.value),
+				style: x(K.value),
 				"aria-label": "Media gallery"
-			}, [(w(!0), s(e, null, E(X.value, ({ fetchPriority: e, item: n, index: r }) => (w(), a(mn, {
+			}, [(w(!0), s(e, null, E(ae.value, ({ fetchPriority: e, item: n, index: r }) => (w(), a(bn, {
 				key: n.postId,
 				class: "masonry-item",
 				entering: t.enteringPostIds.has(n.postId),
@@ -2218,15 +2377,15 @@ var vn = { class: "masonry-feed-shell" }, yn = ["aria-hidden", "inert"], bn = {
 				"card-footer": t.cardFooter,
 				"card-header": t.cardHeader,
 				"media-card": t.mediaCard,
-				"in-viewport": Y.value.has(r),
+				"in-viewport": ie.value.has(r),
 				index: r,
 				item: n,
-				"item-style": se(r),
+				"item-style": le(r),
 				interactive: "",
 				layout: "masonry",
-				"loaded-count": t.items.length,
+				"loaded-count": Y,
 				"media-index": t.mediaIndices.get(n.postId) ?? 0,
-				"preview-state": t.previewStates.get(M(J)(n.postId, t.mediaIndices.get(n.postId) ?? 0)) ?? "loading",
+				"preview-state": t.previewStates.get(M(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),
@@ -2244,7 +2403,6 @@ var vn = { class: "masonry-feed-shell" }, yn = ["aria-hidden", "inert"], bn = {
 				"index",
 				"item",
 				"item-style",
-				"loaded-count",
 				"media-index",
 				"preview-state",
 				"total",
@@ -2258,8 +2416,8 @@ var vn = { class: "masonry-feed-shell" }, yn = ["aria-hidden", "inert"], bn = {
 				class: "masonry-bottom-space",
 				"aria-hidden": "true",
 				style: x({ flex: `0 0 ${t.masonry.bottomSpacePx}px` })
-			}, null, 4)) : o("", !0)], 42, yn),
-			t.feedFooter || t.isLoadingMore || t.nextPageError || t.hasNext && ne.value || !t.hasNext && t.canRetryEnd ? (w(), s("div", bn, [u(fe, {
+			}, null, 4)) : o("", !0)], 42, En),
+			t.feedFooter || t.isLoadingMore || t.nextPageError || t.hasNext && re.value || !t.hasNext && t.canRetryEnd ? (w(), s("div", Dn, [u(fe, {
 				actions: t.feedFooterActions,
 				"can-retry-end": t.canRetryEnd,
 				"feed-footer": t.feedFooter,
@@ -2267,7 +2425,7 @@ var vn = { class: "masonry-feed-shell" }, yn = ["aria-hidden", "inert"], bn = {
 				"has-next": t.hasNext,
 				"is-loading": t.isLoadingMore,
 				"load-more-locked": t.loadMoreLocked,
-				"show-load-more": ne.value,
+				"show-load-more": re.value,
 				state: t.state,
 				onLoadMore: r[0] ||= (e) => f("loadMore"),
 				onRetryEnd: r[1] ||= (e) => f("retryEnd")
@@ -2282,8 +2440,8 @@ var vn = { class: "masonry-feed-shell" }, yn = ["aria-hidden", "inert"], bn = {
 				"show-load-more",
 				"state"
 			])])) : o("", !0),
-			u(Ke, {
-				"content-size": G.value.height,
+			u(Qe, {
+				"content-size": W.value.height,
 				"controls-id": m,
 				"scroll-element": p.value,
 				suspended: t.suspended
@@ -2294,8 +2452,8 @@ var vn = { class: "masonry-feed-shell" }, yn = ["aria-hidden", "inert"], bn = {
 			])
 		]));
 	}
-}), Tn = 300;
-function En(e, t, n) {
+}), Mn = 300;
+function Nn(e, t, n) {
 	let r = e.scrollTop;
 	if (n || Math.abs(r - t) <= 1) return e.scrollTop = t, Promise.resolve();
 	e.setAttribute("data-transitioning", "");
@@ -2303,7 +2461,7 @@ function En(e, t, n) {
 	return new Promise((n) => {
 		let o = (s) => {
 			a += 1;
-			let c = Math.max(s - i, 1e3 / 60 * a), l = Math.min(1, c / Tn), u = 1 - (1 - l) ** 3;
+			let c = Math.max(s - i, 1e3 / 60 * a), l = Math.min(1, c / Mn), u = 1 - (1 - l) ** 3;
 			if (e.scrollTop = r + (t - r) * u, l < 1) {
 				requestAnimationFrame(o);
 				return;
@@ -2315,7 +2473,7 @@ function En(e, t, n) {
 }
 //#endregion
 //#region src/components/ReelAutoAdvanceProgress.vue?vue&type=script&setup=true&lang.ts
-var Dn = ["aria-label"], On = /* @__PURE__ */ d({
+var Pn = ["aria-label"], Fn = /* @__PURE__ */ d({
 	__name: "ReelAutoAdvanceProgress",
 	props: {
 		durationMs: {},
@@ -2333,9 +2491,9 @@ var Dn = ["aria-label"], On = /* @__PURE__ */ d({
 			class: "reel-auto-advance-progress",
 			style: x(a.value),
 			onAnimationend: n[0] ||= (e) => i("complete")
-		}, null, 36)], 8, Dn));
+		}, null, 36)], 8, Pn));
 	}
-}), kn = { class: "reel-viewport" }, An = ["data-active-post-id", "data-active-media-index"], jn = ["role", "data-status"], Mn = ["disabled"], Nn = 300, Pn = 250, Fn = /* @__PURE__ */ d({
+}), In = { class: "reel-viewport" }, Ln = ["data-active-post-id", "data-active-media-index"], Rn = ["role", "data-status"], zn = ["disabled"], Bn = 300, Vn = 250, Hn = /* @__PURE__ */ d({
 	__name: "ReelFeed",
 	props: {
 		initialPostId: {},
@@ -2375,81 +2533,81 @@ var Dn = ["aria-label"], On = /* @__PURE__ */ d({
 		"retryForward"
 	],
 	setup(t, { expose: n, emit: i }) {
-		let l = 0, u = t, d = i, f = k(null), p = k(null), m = u.initialPostId === null || u.initialPostId === void 0 ? -1 : u.items.findIndex((e) => e.postId === u.initialPostId), h = k(Math.max(0, m)), g = k(!1), _ = k(!1), b = 0, T = null, D = null, O = null, j = r(() => ({ gridTemplateRows: `repeat(${u.items.length}, 100cqh)` })), N = r(() => {
+		let l = 0, u = t, d = i, f = k(null), p = k(null), m = u.initialPostId === null || u.initialPostId === void 0 ? -1 : u.items.findIndex((e) => e.postId === u.initialPostId), h = k(Math.max(0, m)), g = k(!1), _ = k(!1), b = 0, T = null, D = null, O = null, j = r(() => ({ gridTemplateRows: `repeat(${u.items.length}, 100cqh)` })), ee = r(() => {
 			let e = Math.max(0, h.value - 2), t = Math.min(u.items.length - 1, h.value + 2);
 			return u.items.slice(e, t + 1).map((t, n) => ({
 				fetchPriority: e + n === h.value ? "high" : "low",
 				index: e + n,
 				item: t
 			}));
-		}), F = r(() => u.items[h.value]?.postId), I = r(() => u.items[h.value]), L = r(() => {
-			let e = F.value;
+		}), P = r(() => u.items[h.value]?.postId), F = r(() => u.items[h.value]), I = r(() => {
+			let e = P.value;
 			return e === void 0 ? 0 : u.mediaIndices.get(e) ?? 0;
-		}), R = r(() => {
-			let e = F.value;
-			return e === void 0 ? "loading" : u.previewStates.get(J(e, L.value)) ?? "loading";
-		}), z = r(() => I.value ? ne(I.value, L.value) : null), B = r(() => z.value ? te(z.value, u.mediaSource ?? "preview") : null), V = r(() => R.value === "ready" && !!(B.value && U(B.value.type, B.value.src))), H = r(() => [
-			F.value,
-			L.value,
+		}), L = r(() => {
+			let e = P.value;
+			return e === void 0 ? "loading" : u.previewStates.get(q(e, I.value)) ?? "loading";
+		}), R = r(() => F.value ? re(F.value, I.value) : null), z = r(() => R.value ? ne(R.value, u.mediaSource ?? "preview") : null), B = r(() => L.value === "ready" && !!(z.value && H(z.value.type, z.value.src))), V = r(() => [
+			P.value,
+			I.value,
 			u.items.length,
 			u.loadMoreLocked,
 			u.reelAutoAdvance.enabled,
 			u.reelAutoAdvance.includePostItems,
 			u.reelAutoAdvance.intervalMs
-		].join(":")), W = r(() => {
-			let e = I.value, t = !!(e && u.reelAutoAdvance.includePostItems && L.value < K(e).length - 1), n = u.reelAutoAdvance.intervalMs / 1e3;
+		].join(":")), U = r(() => {
+			let e = F.value, t = !!(e && u.reelAutoAdvance.includePostItems && I.value < G(e).length - 1), n = u.reelAutoAdvance.intervalMs / 1e3;
 			return `Auto advance to the next ${t ? "post item" : "post"} in ${n}s`;
-		}), ee = r(() => u.reelAutoAdvance.enabled && u.reelForward.status === "idle" && I.value !== void 0 && R.value !== "loading" && !V.value), G = r(() => !u.infiniteScroll || u.items.length <= 1), q = r(() => u.reelForward.status === "end" && u.hasNext && !u.infiniteScroll && !u.loadMoreLocked), Y = r(() => u.reelForward.status === "loading" ? "Loading the next media…" : u.reelForward.status === "error" ? "Unable to load the next media." : q.value ? "Load the next page to continue." : "You reached the end of this feed.");
-		function X(e) {
+		}), te = r(() => u.reelAutoAdvance.enabled && u.reelForward.status === "idle" && F.value !== void 0 && L.value !== "loading" && !B.value), W = r(() => !u.infiniteScroll || u.items.length <= 1), K = r(() => u.reelForward.status === "end" && u.hasNext && !u.infiniteScroll && !u.loadMoreLocked), ie = r(() => u.reelForward.status === "loading" ? "Loading the next media…" : u.reelForward.status === "error" ? "Unable to load the next media." : K.value ? "Load the next page to continue." : "You reached the end of this feed.");
+		function J(e) {
 			return { gridRow: `${e + 1}` };
 		}
-		function Z(e) {
+		function Y(e) {
 			let t = b || 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 re(e) {
+		function ae(e) {
 			let t = e.currentTarget;
 			if (!t) return;
 			let n = b || t.clientHeight, r = Math.max(0, u.items.length - 1) * n;
-			g.value = u.items.length > 0 && t.scrollTop > r + 1, _.value || (h.value = Z(t)), Date.now() >= l && !u.loadMoreLocked && u.infiniteScroll && he(t) && d("loadMore");
+			g.value = u.items.length > 0 && t.scrollTop > r + 1, _.value || (h.value = Y(t)), Date.now() >= l && !u.loadMoreLocked && u.infiniteScroll && he(t) && d("loadMore");
 		}
-		function ie() {
+		function oe() {
 			let e = f.value;
-			e && (g.value = !1, se(!0), b = e.clientHeight, e.scrollTop = h.value * b, D !== null && cancelAnimationFrame(D), D = requestAnimationFrame(() => {
+			e && (g.value = !1, Z(!0), b = e.clientHeight, e.scrollTop = h.value * b, D !== null && cancelAnimationFrame(D), D = requestAnimationFrame(() => {
 				e.scrollTop = h.value * e.clientHeight, b = e.clientHeight, D = null;
-			}), ae());
+			}), se());
 		}
-		function ae() {
+		function se() {
 			O !== null && clearTimeout(O), O = setTimeout(() => {
 				O = null;
 				let e = f.value;
-				e && (b = e.clientHeight, e.scrollTop = h.value * b), se(!1);
+				e && (b = e.clientHeight, e.scrollTop = h.value * b), Z(!1);
 			}, 120);
 		}
-		function oe() {
-			se(!0);
+		function X() {
+			Z(!0);
 			let e = f.value;
-			e && (b = e.clientHeight, e.scrollTop = h.value * b), ae();
+			e && (b = e.clientHeight, e.scrollTop = h.value * b), se();
 		}
-		function se(e) {
+		function Z(e) {
 			_.value = e, f.value?.toggleAttribute("data-resizing", e);
 		}
-		function Q() {
+		function ce() {
 			let e = f.value;
 			Date.now() >= l && !u.loadMoreLocked && e && he(e) && d("loadMore");
 		}
-		P(() => u.items.length, (e, t) => {
-			e > 0 && e < t && (l = Date.now() + Pn);
+		N(() => u.items.length, (e, t) => {
+			e > 0 && e < t && (l = Date.now() + Vn);
 		});
-		function ce(e) {
-			let t = I.value;
+		function le(e) {
+			let t = F.value;
 			if (!t) return !1;
-			let n = K(t).length;
+			let n = G(t).length;
 			if (n <= 1) return !1;
-			let r = (L.value + e + n) % n;
+			let r = (I.value + e + n) % n;
 			return d("mediaChange", t.postId, r), !0;
 		}
-		function le(e) {
+		function Q(e) {
 			let t = h.value + e;
 			return !f.value || t < 0 || t >= u.items.length ? !1 : (pe(t), !0);
 		}
@@ -2464,7 +2622,7 @@ var Dn = ["aria-label"], On = /* @__PURE__ */ d({
 			let t = f.value;
 			if (!t) return Promise.resolve();
 			let n = e * (b || t.clientHeight);
-			return h.value = e, En(t, n, de());
+			return h.value = e, Nn(t, n, de());
 		}
 		function pe(e) {
 			$(e);
@@ -2474,14 +2632,14 @@ var Dn = ["aria-label"], On = /* @__PURE__ */ d({
 			return t < 0 || t === h.value ? !1 : (await $(t), !0);
 		}
 		async function ge(e) {
-			return ce(e) ? (de() || await new Promise((e) => setTimeout(e, Nn)), !0) : !1;
+			return le(e) ? (de() || await new Promise((e) => setTimeout(e, Bn)), !0) : !1;
 		}
 		function _e() {
 			if (!u.reelAutoAdvance.enabled) return;
-			let e = I.value;
+			let e = F.value;
 			if (!e) return;
-			if (u.reelAutoAdvance.includePostItems && L.value < K(e).length - 1) {
-				d("mediaChange", e.postId, L.value + 1);
+			if (u.reelAutoAdvance.includePostItems && I.value < G(e).length - 1) {
+				d("mediaChange", e.postId, I.value + 1);
 				return;
 			}
 			let t = h.value + 1, n = u.items[t];
@@ -2492,25 +2650,25 @@ var Dn = ["aria-label"], On = /* @__PURE__ */ d({
 			u.reelAutoAdvance.includePostItems && (u.mediaIndices.get(n.postId) ?? 0) !== 0 && d("mediaChange", n.postId, 0), pe(t);
 		}
 		function ve(e, t) {
-			!u.reelAutoAdvance.enabled || e !== F.value || t !== L.value || !V.value || _e();
+			!u.reelAutoAdvance.enabled || e !== P.value || t !== I.value || !B.value || _e();
 		}
-		return P(f, (e) => {
-			T?.disconnect(), T = null, e && (b = e.clientHeight, !(typeof ResizeObserver > "u") && (T = new ResizeObserver(ie), T.observe(e)));
-		}), P(() => u.items.length, async (e) => {
+		return N(f, (e) => {
+			T?.disconnect(), T = null, e && (b = e.clientHeight, !(typeof ResizeObserver > "u") && (T = new ResizeObserver(oe), T.observe(e)));
+		}), N(() => u.items.length, async (e) => {
 			let t = u.initialPostId, n = t == null ? -1 : u.items.findIndex(({ postId: e }) => e === t);
-			h.value = n >= 0 ? n : Math.min(h.value, Math.max(0, e - 1)), await v(), ie();
-		}), P(F, (e) => {
+			h.value = n >= 0 ? n : Math.min(h.value, Math.max(0, e - 1)), await v(), oe();
+		}), N(P, (e) => {
 			e !== void 0 && d("activeChange", e);
 		}, { immediate: !0 }), C(() => {
-			window.addEventListener("resize", oe), window.addEventListener("orientationchange", oe), m >= 0 && v(ie);
+			window.addEventListener("resize", X), window.addEventListener("orientationchange", X), m >= 0 && v(oe);
 		}), S(() => {
-			window.removeEventListener("resize", oe), window.removeEventListener("orientationchange", oe), T?.disconnect(), D !== null && cancelAnimationFrame(D), O !== null && clearTimeout(O);
+			window.removeEventListener("resize", X), window.removeEventListener("orientationchange", X), T?.disconnect(), D !== null && cancelAnimationFrame(D), O !== null && clearTimeout(O);
 		}), n({
 			activeIndex: h,
-			activePostId: F,
-			changeActiveMedia: ce,
-			loadIfNearBottom: Q,
-			moveActivePost: le,
+			activePostId: P,
+			changeActiveMedia: le,
+			loadIfNearBottom: ce,
+			moveActivePost: Q,
 			navigateToItem: ue,
 			transitionActiveMedia: ge,
 			transitionActivePost: me
@@ -2521,13 +2679,13 @@ var Dn = ["aria-label"], On = /* @__PURE__ */ d({
 			}]),
 			"data-layout-mode": "reel"
 		}, [
-			t.cardHeader && I.value && t.reelForward.status === "idle" ? (w(), a(ft, {
+			t.cardHeader && F.value && t.reelForward.status === "idle" ? (w(), a(vt, {
 				key: 0,
 				index: h.value,
-				item: I.value,
+				item: F.value,
 				layout: "reel",
 				"loaded-count": t.items.length,
-				"media-index": L.value,
+				"media-index": I.value,
 				"media-source": t.mediaSource,
 				placement: "header",
 				region: t.cardHeader,
@@ -2543,19 +2701,19 @@ var Dn = ["aria-label"], On = /* @__PURE__ */ d({
 				"style",
 				"total"
 			])) : o("", !0),
-			c("div", kn, [c("div", {
+			c("div", In, [c("div", {
 				ref_key: "galleryElement",
 				ref: f,
 				class: "gallery-shell reel-feed",
-				"data-active-post-id": F.value,
-				"data-active-media-index": L.value,
-				onScrollPassive: re
+				"data-active-post-id": P.value,
+				"data-active-media-index": I.value,
+				onScrollPassive: ae
 			}, [t.reelForward.status === "idle" ? (w(), s("section", {
 				key: 1,
 				class: "reel-track",
 				style: x(j.value),
 				"aria-label": "Media gallery"
-			}, [(w(!0), s(e, null, E(N.value, ({ fetchPriority: e, item: n, index: i }) => (w(), a(mn, {
+			}, [(w(!0), s(e, null, E(ee.value, ({ fetchPriority: e, item: n, index: i }) => (w(), a(bn, {
 				key: n.postId,
 				active: i === h.value && !g.value,
 				"advance-on-media-end": u.reelAutoAdvance.enabled && i === h.value,
@@ -2564,13 +2722,13 @@ var Dn = ["aria-label"], On = /* @__PURE__ */ d({
 				"fetch-priority": e,
 				index: i,
 				item: n,
-				"item-style": X(i),
+				"item-style": J(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(M(J)(n.postId, t.mediaIndices.get(n.postId) ?? 0)) ?? "loading",
+				"preview-state": t.previewStates.get(M(q)(n.postId, t.mediaIndices.get(n.postId) ?? 0)) ?? "loading",
 				"reel-controls-target": p.value,
 				"reel-audio-state": t.reelAudioState,
 				"stationary-reel-controls": "",
@@ -2606,13 +2764,13 @@ var Dn = ["aria-label"], On = /* @__PURE__ */ d({
 				class: "reel-forward-status",
 				role: t.reelForward.status === "error" ? "alert" : "status",
 				"data-status": t.reelForward.status
-			}, [c("p", null, A(Y.value), 1), t.reelForward.status === "error" || t.reelForward.status === "end" ? (w(), s("button", {
+			}, [c("p", null, A(ie.value), 1), t.reelForward.status === "error" || t.reelForward.status === "end" ? (w(), s("button", {
 				key: 0,
 				class: "reel-forward-retry",
 				type: "button",
 				disabled: t.loadMoreLocked,
 				onClick: r[0] ||= (e) => d("retryForward")
-			}, A(q.value ? "Load more" : "Retry"), 9, Mn)) : o("", !0)], 8, jn)), t.reelForward.status === "idle" ? (w(), a(fe, {
+			}, A(K.value ? "Load more" : "Retry"), 9, zn)) : o("", !0)], 8, Rn)), t.reelForward.status === "idle" ? (w(), a(fe, {
 				key: 2,
 				actions: t.feedFooterActions,
 				"can-retry-end": t.canRetryEnd,
@@ -2621,7 +2779,7 @@ var Dn = ["aria-label"], On = /* @__PURE__ */ d({
 				"has-next": t.hasNext,
 				"is-loading": t.isLoadingMore,
 				"load-more-locked": t.loadMoreLocked,
-				"show-load-more": G.value,
+				"show-load-more": W.value,
 				state: t.state,
 				onLoadMore: r[2] ||= (e) => d("loadMore"),
 				onRetryEnd: r[3] ||= (e) => d("retryEnd")
@@ -2635,19 +2793,19 @@ var Dn = ["aria-label"], On = /* @__PURE__ */ d({
 				"load-more-locked",
 				"show-load-more",
 				"state"
-			])) : o("", !0)], 40, An), c("div", {
+			])) : o("", !0)], 40, Ln), 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" ? (w(), a(ft, {
+			t.cardFooter && F.value && t.reelForward.status === "idle" ? (w(), a(vt, {
 				key: 1,
 				index: h.value,
-				item: I.value,
+				item: F.value,
 				layout: "reel",
 				"loaded-count": t.items.length,
-				"media-index": L.value,
+				"media-index": I.value,
 				"media-source": t.mediaSource,
 				placement: "footer",
 				region: t.cardFooter,
@@ -2663,24 +2821,24 @@ var Dn = ["aria-label"], On = /* @__PURE__ */ d({
 				"style",
 				"total"
 			])) : o("", !0),
-			ee.value ? (w(), a(On, {
-				key: H.value,
+			te.value ? (w(), a(Fn, {
+				key: V.value,
 				"duration-ms": t.reelAutoAdvance.intervalMs,
-				label: W.value,
+				label: U.value,
 				onComplete: _e
 			}, null, 8, ["duration-ms", "label"])) : o("", !0)
 		], 2));
 	}
-}), In = ["data-info-sheet-open", "data-info-sheet-mode"], Ln = ["aria-hidden", "inert"], Rn = {
+}), Un = ["data-info-sheet-open", "data-info-sheet-mode"], Wn = ["aria-hidden", "inert"], Gn = {
 	key: 0,
 	class: "reel-info-sheet-layer",
 	"data-test": "reel-info-sheet"
-}, zn = [
+}, Kn = [
 	"role",
 	"aria-modal",
 	"tabindex",
 	"data-active-post-id"
-], Bn = /* @__PURE__ */ d({
+], qn = /* @__PURE__ */ d({
 	__name: "ReelLayout",
 	props: {
 		forwardIndex: { default: null },
@@ -2741,9 +2899,9 @@ var Dn = ["aria-label"], On = /* @__PURE__ */ d({
 				item: e,
 				layout: "reel",
 				loadedCount: l.items.length,
-				mediaCount: K(e).length,
+				mediaCount: G(e).length,
 				mediaIndex: T.value,
-				mediaItem: ne(e, T.value),
+				mediaItem: re(e, T.value),
 				mediaSource: l.mediaSource ?? "preview",
 				origin: l.origin,
 				total: l.total
@@ -2758,28 +2916,28 @@ var Dn = ["aria-label"], On = /* @__PURE__ */ d({
 		function M() {
 			p.value?.loadIfNearBottom();
 		}
-		function N(e) {
+		function ee(e) {
 			return p.value?.moveActivePost(e) ?? !1;
 		}
-		function I(e, t) {
+		function F(e, t) {
 			return p.value?.navigateToItem(e, t) ?? !1;
 		}
-		function L(e) {
+		function I(e) {
 			return p.value?.transitionActiveMedia(e) ?? Promise.resolve(!1);
 		}
-		function R(e) {
+		function L(e) {
 			return p.value?.transitionActivePost(e) ?? Promise.resolve(!1);
 		}
-		function z(e, t) {
+		function R(e, t) {
 			d("error", e, t);
 		}
-		function B(e, t) {
+		function z(e, t) {
 			d("mediaChange", e, t);
 		}
-		function V(e, t) {
+		function B(e, t) {
 			d("ready", e, t);
 		}
-		return P(() => ({
+		return N(() => ({
 			overlay: l.infoSheetOverlay,
 			visible: E.value
 		}), async (e, t) => {
@@ -2796,10 +2954,10 @@ var Dn = ["aria-label"], On = /* @__PURE__ */ d({
 		}), t({
 			changeActiveMedia: j,
 			loadIfNearBottom: M,
-			moveActivePost: N,
-			navigateToItem: I,
-			transitionActiveMedia: L,
-			transitionActivePost: R
+			moveActivePost: ee,
+			navigateToItem: F,
+			transitionActiveMedia: I,
+			transitionActivePost: L
 		}), (t, r) => (w(), s("section", {
 			class: y(["reel-layout", `reel-layout--${e.infoSheetOverlay ? "overlay" : "layout"}`]),
 			"data-info-sheet-open": E.value || void 0,
@@ -2808,7 +2966,7 @@ var Dn = ["aria-label"], On = /* @__PURE__ */ d({
 			class: "reel-layout-main",
 			"aria-hidden": e.infoSheetOverlay && E.value || void 0,
 			inert: e.infoSheetOverlay && E.value || void 0
-		}, [u(Fn, {
+		}, [u(Hn, {
 			ref_key: "reelFeed",
 			ref: p,
 			"can-retry-end": e.canRetryEnd,
@@ -2833,11 +2991,11 @@ var Dn = ["aria-label"], On = /* @__PURE__ */ d({
 			state: e.state,
 			total: e.total,
 			onActiveChange: r[0] ||= (e) => d("activeChange", e),
-			onError: z,
+			onError: R,
 			onMediaError: r[1] ||= (e, t) => d("mediaError", e, t),
 			onLoadMore: r[2] ||= (e) => d("loadMore"),
-			onMediaChange: B,
-			onReady: V,
+			onMediaChange: z,
+			onReady: B,
 			onRetryEnd: r[3] ||= (e) => d("retryEnd"),
 			onRetryForward: r[4] ||= (e) => d("retryForward"),
 			onReelAudioChange: r[5] ||= (e) => d("reelAudioChange", e)
@@ -2863,8 +3021,8 @@ var Dn = ["aria-label"], On = /* @__PURE__ */ d({
 			"reel-forward",
 			"state",
 			"total"
-		])], 8, Ln), u(n, { name: "vibe-info-sheet" }, {
-			default: F(() => [E.value && e.infoSheet && O.value ? (w(), s("div", Rn, [c("aside", {
+		])], 8, Wn), u(n, { name: "vibe-info-sheet" }, {
+			default: P(() => [E.value && e.infoSheet && O.value ? (w(), s("div", Gn, [c("aside", {
 				ref_key: "sheetElement",
 				ref: m,
 				class: "reel-info-sheet",
@@ -2873,21 +3031,21 @@ var Dn = ["aria-label"], On = /* @__PURE__ */ d({
 				"aria-modal": e.infoSheetOverlay ? "true" : void 0,
 				tabindex: e.infoSheetOverlay ? -1 : void 0,
 				"data-active-post-id": x.value?.postId
-			}, [(w(), a(D(e.infoSheet.component), b(f(O.value)), null, 16))], 8, zn)])) : o("", !0)]),
+			}, [(w(), a(D(e.infoSheet.component), b(f(O.value)), null, 16))], 8, Kn)])) : o("", !0)]),
 			_: 1
-		})], 10, In));
+		})], 10, Un));
 	}
-}), Vn = 250, Hn = Array.prototype.forEach, Un = Array.prototype[Symbol.iterator];
-function Wn(e) {
+}), Jn = 250, Yn = Array.prototype.forEach, Xn = Array.prototype[Symbol.iterator];
+function Zn(e) {
 	try {
 		if (!Reflect.has(e, "forEach")) return !1;
 		let t = j(e);
-		return !h(e) && !_(e) && T(t) === e && Object.getPrototypeOf(t) === Array.prototype && !Object.prototype.hasOwnProperty.call(t, "forEach") && !Object.prototype.hasOwnProperty.call(t, Symbol.iterator) && t.forEach === Hn && t[Symbol.iterator] === Un;
+		return !h(e) && !_(e) && T(t) === e && Object.getPrototypeOf(t) === Array.prototype && !Object.prototype.hasOwnProperty.call(t, "forEach") && !Object.prototype.hasOwnProperty.call(t, Symbol.iterator) && t.forEach === Yn && t[Symbol.iterator] === Xn;
 	} catch {
 		return !1;
 	}
 }
-function Gn(e) {
+function Qn(e) {
 	try {
 		if (!m(e) || h(e) || _(e)) return !1;
 		let t = j(e);
@@ -2898,7 +3056,7 @@ function Gn(e) {
 		return !1;
 	}
 }
-function Kn(e, t) {
+function $n(e, t) {
 	let n = !1;
 	return {
 		items: e,
@@ -2906,14 +3064,14 @@ function Kn(e, t) {
 			let r = /* @__PURE__ */ new Map();
 			return n = !0, e.forEach((e, i) => {
 				let a = e.postId;
-				r.has(a) || r.set(a, t + i), Gn(e) || (n = !1);
+				r.has(a) || r.set(a, t + i), Qn(e) || (n = !1);
 			}), r;
 		}),
 		canRetain: () => n
 	};
 }
-function qn(e) {
-	let t = ie(e), n = [], i = [], a = r(() => {
+function er(e) {
+	let t = oe(e), n = [], i = [], a = r(() => {
 		let t = /* @__PURE__ */ new Map(), n = e.items;
 		return Reflect.has(n, "forEach"), n.forEach((e, n) => {
 			let r = e.postId;
@@ -2921,18 +3079,18 @@ function qn(e) {
 		}), t;
 	}), o = r(() => {
 		let r = e.items, o = () => (n = [], i = [], [a]);
-		if (!Wn(r)) return o();
+		if (!Zn(r)) return o();
 		let s = t.value, c = s.length >= n.length;
 		for (let e = 0; e < s.length; e += 1) {
 			if (s[e] === void 0) return o();
 			c && e < n.length && n[e] !== s[e] && (c = !1);
 		}
-		let l = c ? Math.floor(n.length / Vn) : 0, u = [];
+		let l = c ? Math.floor(n.length / Jn) : 0, u = [];
 		for (let e = 0; e < l; e += 1) {
 			let t = i[e];
-			u.push(t.canRetain() ? t : Kn(t.items, e * Vn));
+			u.push(t.canRetain() ? t : $n(t.items, e * Jn));
 		}
-		for (let e = l * Vn; e < s.length; e += Vn) u.push(Kn(Object.freeze(s.slice(e, e + Vn)), e));
+		for (let e = l * Jn; e < s.length; e += Jn) u.push($n(Object.freeze(s.slice(e, e + Jn)), e));
 		return n = s, i = u, i.map((e) => e.positions);
 	});
 	return (e) => {
@@ -2945,17 +3103,17 @@ function qn(e) {
 }
 //#endregion
 //#region src/core/mediaLifecycle.ts
-var Jn = /* @__PURE__ */ new WeakMap();
-function Yn(e, t) {
+var tr = /* @__PURE__ */ new WeakMap();
+function nr(e, t) {
 	if (typeof t == "number" && Number.isNaN(t)) return -1;
 	if (!m(e) || !m(e.items)) return e.items.findIndex((e) => e.postId === t);
-	let n = Jn.get(e);
-	return n || (n = qn(e), Jn.set(e, n)), n(t);
+	let n = tr.get(e);
+	return n || (n = er(e), tr.set(e, n)), n(t);
 }
-function Xn(e, t, n, r, i) {
-	let a = Yn(e, t), o = e.items[a];
+function rr(e, t, n, r, i) {
+	let a = nr(e, t), o = e.items[a];
 	if (!o) return null;
-	let s = q(o, n), c = ne(o, s);
+	let s = K(o, n), c = re(o, s);
 	return {
 		item: o,
 		layout: r,
@@ -2968,8 +3126,8 @@ function Xn(e, t, n, r, i) {
 		postIndex: a
 	};
 }
-function Zn(e, t) {
-	P(() => {
+function ir(e, t) {
+	N(() => {
 		let t = e.layout === "reel" || e.reelOrigin === "masonry" ? e.activeReelPostId : null;
 		return {
 			mediaIndex: t === null ? 0 : e.mediaIndices.get(t) ?? 0,
@@ -2978,26 +3136,26 @@ function Zn(e, t) {
 		};
 	}, (n, r) => {
 		if (n.postId === null || n.postId === r?.postId && n.mediaIndex === r.mediaIndex && n.origin === r.origin) return;
-		let i = Xn(e, n.postId, n.mediaIndex, "reel", n.origin);
+		let i = rr(e, n.postId, n.mediaIndex, "reel", n.origin);
 		i && t(i);
 	}, { flush: "sync" });
 }
 //#endregion
 //#region src/components/useMediaLifecycle.ts
-function Qn() {
+function ar() {
 	return k(O(/* @__PURE__ */ new Map()));
 }
-function $n(e, t) {
-	let n = /* @__PURE__ */ new Set(), i = Qn(), a = Qn(), o = Qn(), s = () => e.reelMediaSource === "preview" ? i : e.reelMediaSource === "mobile" ? o : a, c = r(() => s().value), l = /* @__PURE__ */ new Set();
+function or(e, t) {
+	let n = /* @__PURE__ */ new Set(), i = ar(), a = ar(), o = ar(), 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 = O(/* @__PURE__ */ new Map()), a.value = O(/* @__PURE__ */ new Map()), o.value = O(/* @__PURE__ */ new Map());
 	}
 	function d(e, t, n, r) {
-		let i = J(t, n);
+		let i = q(t, n);
 		e.value.set(i, r);
 	}
 	function f(t, n, r, i) {
-		return Xn(e, t, n, r, i);
+		return rr(e, t, n, r, i);
 	}
 	function p(e, n, r, i) {
 		let a = f(e, n, r, i);
@@ -3023,13 +3181,13 @@ function $n(e, t) {
 		d(s(), t, n, "ready"), p(t, n, "reel", e.reelOrigin ?? "reel");
 	}
 	function y(e, n) {
-		let r = J(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, J(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));
@@ -3037,13 +3195,13 @@ function $n(e, t) {
 	function x(e, t) {
 		b(e, t, "masonry", null);
 	}
-	return Zn(e, t.reelChange), P(() => {
+	return ir(e, t.reelChange), N(() => {
 		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(J(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);
@@ -3063,16 +3221,16 @@ function $n(e, t) {
 }
 //#endregion
 //#region src/core/reelEscapeStack.ts
-var er = [];
-function tr(e) {
-	return er.push(e), () => {
-		let t = er.indexOf(e);
-		t >= 0 && er.splice(t, 1);
+var sr = [];
+function cr(e) {
+	return sr.push(e), () => {
+		let t = sr.indexOf(e);
+		t >= 0 && sr.splice(t, 1);
 	};
 }
-function nr(e) {
+function lr(e) {
 	if (!e.isActive()) return !1;
-	let t = er.filter((e) => e.isActive()), n = e.element();
+	let t = sr.filter((e) => e.isActive()), n = e.element();
 	return n !== null && t.some((t) => {
 		if (t === e) return !1;
 		let r = t.element();
@@ -3088,14 +3246,14 @@ function nr(e) {
 }
 //#endregion
 //#region src/components/useReelKeyboard.ts
-function rr(e) {
+function ur(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 && !nr(t)) return;
+		if (n.key === "Escape" && r && !lr(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;
@@ -3115,14 +3273,14 @@ function rr(e) {
 		a !== 0 && e.reelRenderer()?.changeActiveMedia?.(a) && n.preventDefault();
 	}
 	C(() => {
-		n = tr(t), window.addEventListener("keydown", r);
+		n = cr(t), window.addEventListener("keydown", r);
 	}), S(() => {
 		window.removeEventListener("keydown", r), n?.(), n = null;
 	});
 }
 //#endregion
 //#region src/components/VibeSurface.vue?vue&type=script&setup=true&lang.ts
-var ir = 35, ar = 420, or = /* @__PURE__ */ d({
+var dr = 35, fr = 420, pr = /* @__PURE__ */ d({
 	__name: "VibeSurface",
 	props: {
 		canRetryEnd: { type: Boolean },
@@ -3152,69 +3310,69 @@ var ir = 35, ar = 420, or = /* @__PURE__ */ d({
 		"retryForward"
 	],
 	setup(t, { expose: i, emit: c }) {
-		let l = t, d = c, f = k(null), p = k(null), m = k(null), h = k(null), g = k(!1), _ = k(/* @__PURE__ */ new Set()), y = k(/* @__PURE__ */ new Map()), b = k(/* @__PURE__ */ new Set()), x = k(/* @__PURE__ */ new Map()), C = r(() => ie(l.state).value), T = r(() => oe(l.state, C.value)), { markMediaError: E, markMasonryFullyVisible: D, markMasonryVisible: O, markPreviewError: A, markPreviewReady: j, markReelError: N, markReelReady: I, originalStates: L, previewStates: R, reelStates: z, resetMediaLifecycle: B } = $n(l.state, {
+		let l = t, d = c, f = k(null), p = k(null), m = k(null), h = k(null), g = k(!1), _ = k(/* @__PURE__ */ new Set()), y = k(/* @__PURE__ */ new Map()), b = k(/* @__PURE__ */ new Set()), x = k(/* @__PURE__ */ new Map()), C = r(() => oe(l.state).value), T = r(() => X(l.state, C.value)), { markMediaError: E, markMasonryFullyVisible: D, markMasonryVisible: O, markPreviewError: A, markPreviewReady: j, markReelError: ee, markReelReady: F, originalStates: I, previewStates: L, reelStates: R, resetMediaLifecycle: z } = or(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)
-		}), V = new Set(Z(l.state.items)), H = null, U = null, W = !1;
-		function ee() {
+		}), B = new Set(Y(l.state.items)), V = null, H = null, U = !1;
+		function te() {
 			return typeof window.matchMedia == "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
 		}
-		function G() {
-			H !== null && cancelAnimationFrame(H), H = requestAnimationFrame(() => {
-				H = requestAnimationFrame(() => {
-					H = null, _.value = /* @__PURE__ */ new Set();
+		function W() {
+			V !== null && cancelAnimationFrame(V), V = requestAnimationFrame(() => {
+				V = requestAnimationFrame(() => {
+					V = null, _.value = /* @__PURE__ */ new Set();
 				});
 			});
 		}
-		function te(e, t) {
+		function ne(e, t) {
 			let n = l.state.items.find((t) => t.postId === e);
 			if (!n) return;
-			let r = q(n, t);
+			let r = K(n, t);
 			(l.state.mediaIndices.get(e) ?? 0) !== r && (l.state.mediaIndices = new Map(l.state.mediaIndices).set(e, r));
 		}
-		async function ne() {
+		async function re() {
 			await v(), (l.state.layout === "reel" || l.state.reelOrigin === "masonry" ? p.value : f.value)?.loadIfNearBottom();
 		}
-		function J(e) {
+		function q(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 Y(e) {
+		function ie(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 X(e) {
+		function J(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 = K(t).findIndex((t) => t.mediaId === e.mediaId);
+			let n = G(t).findIndex((t) => t.mediaId === e.mediaId);
 			return n < 0 ? "not-found" : p.value?.navigateToItem?.(e.postId, n) ? "navigated" : "reel-inactive";
 		}
-		function re() {
+		function ae() {
 			return l.state.layout !== "masonry" || l.state.reelOrigin === "masonry" ? null : f.value?.getScrollElement?.() ?? null;
 		}
-		function ae(e, t) {
-			U = e, W = t === "keyboard", d("openReel", e), v(() => m.value?.focus());
+		function se(e, t) {
+			H = e, U = t === "keyboard", d("openReel", e), v(() => m.value?.focus());
 		}
-		function se(e) {
+		function Z(e) {
 			let t = h.value?.querySelectorAll(".masonry-feed [data-post-id]") ?? [];
 			return Array.from(t).find((t) => t.dataset.postId === String(e)) ?? null;
 		}
-		function Q(e, t) {
-			if (l.state.layout !== "masonry" || l.state.reelOrigin !== null || ee()) return 0;
+		function ce(e, t) {
+			if (l.state.layout !== "masonry" || l.state.reelOrigin !== null || te()) return 0;
 			let n = [...new Set(e)], r = new Set(Array.from(h.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(x.value), o = t?.staggerMs ?? ir;
+			let a = new Map(x.value), o = t?.staggerMs ?? dr;
 			return i.forEach((e, t) => {
 				a.set(e, t * o);
-			}), _.value = new Set([..._.value].filter((e) => !i.includes(e))), b.value = new Set([...b.value, ...n]), x.value = a, ar + (i.length - 1) * o;
+			}), _.value = new Set([..._.value].filter((e) => !i.includes(e))), b.value = new Set([...b.value, ...n]), x.value = a, fr + (i.length - 1) * o;
 		}
-		function ce() {
+		function le() {
 			b.value = /* @__PURE__ */ new Set(), x.value = /* @__PURE__ */ new Map();
 		}
-		async function le(e, t) {
-			if (t.aborted || Q(e, { staggerMs: 0 }) === 0 || (await v(), t.aborted)) return;
+		async function Q(e, t) {
+			if (t.aborted || ce(e, { staggerMs: 0 }) === 0 || (await v(), t.aborted)) return;
 			let n = h.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 = () => {
@@ -3224,59 +3382,59 @@ var ir = 35, ar = 420, or = /* @__PURE__ */ d({
 			});
 		}
 		function ue(e, t) {
-			let n = se(e), r = n?.querySelector(".media-card-activator") ?? n;
+			let n = Z(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" && (U ??= l.state.activeReelPostId, g.value = !0, d("closeReel"));
+			l.state.reelOrigin === "masonry" && (H ??= l.state.activeReelPostId, g.value = !0, d("closeReel"));
 		}
 		function fe() {
-			let e = U, t = W;
-			g.value = !1, U = null, W = !1, v(() => {
+			let e = H, t = U;
+			g.value = !1, H = null, U = !1, v(() => {
 				e !== null && ue(e, t);
 			});
 		}
-		return rr({
+		return ur({
 			closeMasonryReel: de,
 			element: () => h.value,
 			isReelLeaving: () => g.value,
 			reelRenderer: () => p.value,
 			setReelInfoSheet: (e) => d("reelInfoSheetChange", e),
 			state: l.state
-		}), P(() => {
+		}), N(() => {
 			let e = l.state.items;
 			return [e, e.length];
 		}, ([e]) => {
-			let t = Z(e), n = t.filter((e) => !V.has(e)), r = new Set(t);
-			if (V = r, b.value = new Set([...b.value].filter((e) => r.has(e))), x.value = new Map([...x.value].filter(([e]) => r.has(e))), n.length === 0 || ee()) return;
+			let t = Y(e), n = t.filter((e) => !B.has(e)), r = new Set(t);
+			if (B = r, b.value = new Set([...b.value].filter((e) => r.has(e))), x.value = new Map([...x.value].filter(([e]) => r.has(e))), n.length === 0 || te()) return;
 			let i = /* @__PURE__ */ new Map();
 			t.forEach((e) => {
 				let t = y.value.get(e);
 				t !== void 0 && i.set(e, t);
 			}), n.forEach((e, t) => {
-				i.set(e, t * ir);
-			}), y.value = i, _.value = new Set([..._.value, ...n]), G();
+				i.set(e, t * dr);
+			}), y.value = i, _.value = new Set([..._.value, ...n]), W();
 		}, { flush: "sync" }), S(() => {
-			H !== null && cancelAnimationFrame(H);
+			V !== null && cancelAnimationFrame(V);
 		}), i({
-			animateItemRemoval: le,
-			cancelItemRemoval: ce,
-			changeActiveReelMedia: J,
-			getAutoScrollElement: re,
-			loadIfNearBottom: ne,
-			moveActiveReelPost: Y,
-			navigateToReelItem: X,
-			resetMediaLifecycle: B,
-			startItemRemoval: Q,
+			animateItemRemoval: Q,
+			cancelItemRemoval: le,
+			changeActiveReelMedia: q,
+			getAutoScrollElement: ae,
+			loadIfNearBottom: re,
+			moveActiveReelPost: ie,
+			navigateToReelItem: J,
+			resetMediaLifecycle: z,
+			startItemRemoval: ce,
 			transitionActiveReelMedia: (e) => p.value?.transitionActiveMedia?.(e) ?? Promise.resolve(!1),
 			transitionActiveReelPost: (e) => p.value?.transitionActivePost?.(e) ?? Promise.resolve(!1)
 		}), (r, i) => (w(), s("div", {
 			ref_key: "surfaceElement",
 			ref: h,
 			class: "vibe-surface"
-		}, [t.state.layout === "reel" && (t.state.items.length > 0 || t.state.reelForward.status !== "idle") ? (w(), a(Bn, {
+		}, [t.state.layout === "reel" && (t.state.items.length > 0 || t.state.reelForward.status !== "idle") ? (w(), a(qn, {
 			key: 0,
 			ref_key: "reelRenderer",
 			ref: p,
@@ -3301,7 +3459,7 @@ var ir = 35, ar = 420, or = /* @__PURE__ */ d({
 			"info-sheet-overlay": t.state.reelInfoSheetOverlay,
 			"next-page-error": !!t.state.nextPageError,
 			origin: "reel",
-			"preview-states": M(z),
+			"preview-states": M(R),
 			"reel-auto-advance": t.state.reelAutoAdvance,
 			"reel-audio-state": t.reelAudioState,
 			"reel-forward": t.state.reelForward,
@@ -3309,11 +3467,11 @@ var ir = 35, ar = 420, or = /* @__PURE__ */ d({
 			total: t.state.total,
 			onActiveChange: i[0] ||= (e) => d("activeReelChange", e),
 			onCloseInfoSheet: i[1] ||= (e) => d("reelInfoSheetChange", !1),
-			onError: M(N),
+			onError: M(ee),
 			onMediaError: i[2] ||= (e, t) => M(E)(e, t, "reel"),
 			onLoadMore: i[3] ||= (e) => d("loadMore"),
-			onMediaChange: te,
-			onReady: M(I),
+			onMediaChange: ne,
+			onReady: M(F),
 			onRetryEnd: i[4] ||= (e) => d("retryEnd"),
 			onRetryForward: i[5] ||= (e) => d("retryForward"),
 			onReelAudioChange: i[6] ||= (e) => d("reelAudioChange", e)
@@ -3330,7 +3488,7 @@ var ir = 35, ar = 420, or = /* @__PURE__ */ d({
 			"can-retry-end",
 			"feed-footer",
 			"state"
-		])) : (w(), s(e, { key: 2 }, [u(wn, {
+		])) : (w(), s(e, { key: 2 }, [u(jn, {
 			ref_key: "masonryRenderer",
 			ref: f,
 			"can-retry-end": t.canRetryEnd,
@@ -3351,16 +3509,16 @@ var ir = 35, ar = 420, or = /* @__PURE__ */ d({
 			"load-more-locked": t.state.loadMoreLocked,
 			"media-indices": t.state.mediaIndices,
 			"next-page-error": !!t.state.nextPageError,
-			"preview-states": M(R),
+			"preview-states": M(L),
 			suspended: t.state.reelOrigin === "masonry" || g.value,
 			state: T.value,
 			total: t.state.total,
-			onActivate: ae,
+			onActivate: se,
 			onError: M(A),
 			onMediaError: i[9] ||= (e, t) => M(E)(e, t, "masonry"),
 			onFullyVisible: M(D),
 			onLoadMore: i[10] ||= (e) => d("loadMore"),
-			onMediaChange: te,
+			onMediaChange: ne,
 			onReady: M(j),
 			onRetryEnd: i[11] ||= (e) => d("retryEnd"),
 			onVisible: M(O)
@@ -3368,7 +3526,7 @@ var ir = 35, ar = 420, or = /* @__PURE__ */ d({
 			name: "vibe-reel-viewer",
 			onAfterLeave: fe
 		}, {
-			default: F(() => [t.state.reelOrigin === "masonry" ? (w(), s("section", {
+			default: P(() => [t.state.reelOrigin === "masonry" ? (w(), s("section", {
 				key: 0,
 				ref_key: "reelOverlay",
 				ref: m,
@@ -3377,7 +3535,7 @@ var ir = 35, ar = 420, or = /* @__PURE__ */ d({
 				"aria-label": "Media viewer",
 				"aria-modal": "true",
 				tabindex: "-1"
-			}, [u(Bn, {
+			}, [u(qn, {
 				ref_key: "reelRenderer",
 				ref: p,
 				"can-retry-end": t.canRetryEnd,
@@ -3401,7 +3559,7 @@ var ir = 35, ar = 420, or = /* @__PURE__ */ d({
 				"media-source": "original",
 				"next-page-error": !!t.state.nextPageError,
 				origin: "masonry",
-				"preview-states": M(L),
+				"preview-states": M(I),
 				"reel-auto-advance": t.state.reelAutoAdvance,
 				"reel-audio-state": t.reelAudioState,
 				"reel-forward": t.state.reelForward,
@@ -3409,11 +3567,11 @@ var ir = 35, ar = 420, or = /* @__PURE__ */ d({
 				total: t.state.total,
 				onActiveChange: i[12] ||= (e) => d("activeReelChange", e),
 				onCloseInfoSheet: i[13] ||= (e) => d("reelInfoSheetChange", !1),
-				onError: M(N),
+				onError: M(ee),
 				onMediaError: i[14] ||= (e, t) => M(E)(e, t, "reel"),
 				onLoadMore: i[15] ||= (e) => d("loadMore"),
-				onMediaChange: te,
-				onReady: M(I),
+				onMediaChange: ne,
+				onReady: M(F),
 				onRetryEnd: i[16] ||= (e) => d("retryEnd"),
 				onRetryForward: i[17] ||= (e) => d("retryForward"),
 				onReelAudioChange: i[18] ||= (e) => d("reelAudioChange", e)
@@ -3424,41 +3582,41 @@ var ir = 35, ar = 420, or = /* @__PURE__ */ d({
 });
 //#endregion
 //#region src/core/page.ts
-function sr(e) {
+function mr(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.");
 	if (e.total !== void 0 && (!Number.isFinite(e.total) || e.total < 0)) throw TypeError("Vibe page total must be a non-negative number when provided.");
 	return e;
 }
-function cr(e, t) {
-	let n = new Set(Z(e));
-	return [...e, ...lr(n, t)];
+function hr(e, t) {
+	let n = new Set(Y(e));
+	return [...e, ...gr(n, t)];
 }
-function lr(e, t) {
+function gr(e, t) {
 	return t.filter((t) => e.has(t.postId) ? !1 : (e.add(t.postId), !0));
 }
-function ur(e, t) {
+function _r(e, t) {
 	if (t.length === 0) return e;
-	let n = lr(new Set(Z(e)), t);
+	let n = gr(new Set(Y(e)), t);
 	return n.length > 0 ? [...e, ...n] : e;
 }
-function dr(e) {
+function vr(e) {
 	return `${typeof e}:${String(e)}`;
 }
-function fr(e) {
-	return e.mediaId === void 0 ? `source:${e.src}\u0000${e.preview?.src ?? ""}` : `id:${dr(e.mediaId)}`;
+function yr(e) {
+	return e.mediaId === void 0 ? `source:${e.src}\u0000${e.preview?.src ?? ""}` : `id:${vr(e.mediaId)}`;
 }
-function pr(e, t) {
-	let n = [...e], r = new Map(Z(e).map((e, t) => [dr(e), t]));
+function br(e, t) {
+	let n = [...e], r = new Map(Y(e).map((e, t) => [vr(e), t]));
 	return t.forEach((e) => {
-		let t = dr(e.postId), i = r.get(t);
+		let t = vr(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(fr)), s = [e, ...e.items].filter((e) => {
-			let t = fr(e);
+		let a = n[i], o = new Set([a, ...a.items].map(yr)), s = [e, ...e.items].filter((e) => {
+			let t = yr(e);
 			return o.has(t) ? !1 : (o.add(t), !0);
 		});
 		s.length > 0 && (n[i] = {
@@ -3467,14 +3625,14 @@ function pr(e, t) {
 		});
 	}), n;
 }
-function mr(e) {
+function xr(e) {
 	return Object.prototype.hasOwnProperty.call(e, "current") ? e.current ?? null : e.next;
 }
 //#endregion
 //#region src/core/appendPage.ts
-function hr(e, t, n, r) {
-	let i = sr(e), a = n.filterItems(i.items), o = mr(i);
-	t.items = pr(t.items, a), t.next = i.next, i.total !== void 0 && (t.total = i.total), r(o), n.recordPages([{
+function Sr(e, t, n, r) {
+	let i = mr(e), a = n.filterItems(i.items), o = xr(i);
+	t.items = br(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,
@@ -3483,32 +3641,32 @@ function hr(e, t, n, r) {
 }
 //#endregion
 //#region src/core/requestDelay.ts
-var gr = 2e3, _r = 1e4, vr = 250, yr = {
+var Cr = 2e3, wr = 1e4, Tr = 250, Er = {
 	delayRemainingMs: null,
 	nextRequestAt: null
 };
-function br(e, t) {
+function Dr(e, t) {
 	return e === void 0 ? t : Math.floor(e);
 }
-function xr(e, t) {
+function Or(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 Sr(e, t = {}) {
-	let n = br(t.delayStepMs, gr), r = br(t.delayMaxMs, _r);
+function kr(e, t = {}) {
+	let n = Dr(t.delayStepMs, Cr), r = Dr(t.delayMaxMs, wr);
 	return Math.min(Math.max(0, e) * n, r);
 }
-function Cr(e) {
-	if (e == null || !Number.isFinite(e)) return { ...yr };
+function Ar(e) {
+	if (e == null || !Number.isFinite(e)) return { ...Er };
 	let t = Math.max(0, Math.floor(e - Date.now()));
 	return t > 0 ? {
 		delayRemainingMs: t,
 		nextRequestAt: e
-	} : { ...yr };
+	} : { ...Er };
 }
-async function wr({ delayMs: e, onChange: t, signal: n }) {
+async function jr({ delayMs: e, onChange: t, signal: n }) {
 	if (n.aborted) throw new DOMException("Aborted", "AbortError");
 	if (e <= 0) {
-		t({ ...yr });
+		t({ ...Er });
 		return;
 	}
 	let r = Date.now() + e;
@@ -3516,9 +3674,9 @@ async function wr({ delayMs: e, onChange: t, signal: n }) {
 		delayRemainingMs: e,
 		nextRequestAt: r
 	}), await new Promise((i, a) => {
-		let o = !1, s = setInterval(f, vr), c = setTimeout(() => u(), e);
+		let o = !1, s = setInterval(f, Tr), c = setTimeout(() => u(), e);
 		function l() {
-			clearInterval(s), clearTimeout(c), n.removeEventListener("abort", d), t({ ...yr });
+			clearInterval(s), clearTimeout(c), n.removeEventListener("abort", d), t({ ...Er });
 		}
 		function u(e) {
 			o || (o = !0, l(), e ? a(e) : i());
@@ -3527,42 +3685,42 @@ async function wr({ delayMs: e, onChange: t, signal: n }) {
 			u(new DOMException("Aborted", "AbortError"));
 		}
 		function f() {
-			let e = Cr(r);
+			let e = Ar(r);
 			t(e), e.delayRemainingMs === null && u();
 		}
 		n.addEventListener("abort", d, { once: !0 });
 	});
 }
-var Tr = class {
+var Mr = class {
 	interval = null;
 	constructor(e) {
 		this.onChange = e;
 	}
 	clear() {
-		this.interval !== null && clearInterval(this.interval), this.interval = null, this.onChange({ ...yr });
+		this.interval !== null && clearInterval(this.interval), this.interval = null, this.onChange({ ...Er });
 	}
 	sync(e) {
 		this.clear();
-		let t = Cr(e);
+		let t = Ar(e);
 		this.onChange(t), t.delayRemainingMs !== null && (this.interval = setInterval(() => {
-			let t = Cr(e);
+			let t = Ar(e);
 			this.onChange(t), t.delayRemainingMs === null && this.clear();
-		}, vr));
+		}, Tr));
 	}
 };
-function Er(e, t = !0) {
+function Nr(e, t = !0) {
 	return e.maxAdditionalPages === "unlimited" ? Infinity : (e.maxAdditionalPages ?? 10) + (t ? 1 : 0);
 }
-function Dr(e) {
+function Pr(e) {
 	return `${typeof e}:${String(e)}`;
 }
-function Or(e, t) {
+function Fr(e, t) {
 	if (!Number.isInteger(e) || e <= 0) throw TypeError(`Vibe ${t} must be a positive integer.`);
 }
-function kr(e) {
+function Ir(e) {
 	if (!e) return;
-	if (Or(e.pageSize, "autofill pageSize"), e.strategy === "frontend") {
-		xr(e, "frontend autofill");
+	if (Fr(e.pageSize, "autofill pageSize"), e.strategy === "frontend") {
+		Or(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;
@@ -3574,7 +3732,7 @@ function kr(e) {
 		if (t.pageSize !== e.pageSize) throw TypeError("Vibe backend autofill initialSession pageSize must match autofill pageSize.");
 	}
 }
-function Ar(e, t, n = !0) {
+function Lr(e, t, n = !0) {
 	if (!e) return {
 		cycleId: null,
 		delayRemainingMs: null,
@@ -3591,7 +3749,7 @@ function Ar(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 = Cr(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,
@@ -3608,7 +3766,7 @@ function Ar(e, t, n = !0) {
 		strategy: e.strategy
 	};
 }
-function jr(e) {
+function Rr(e) {
 	return [
 		"cancelling",
 		"filling",
@@ -3616,9 +3774,9 @@ function jr(e) {
 		"waiting"
 	].includes(e.status);
 }
-async function Mr(e, t, n) {
+async function zr(e, t, n) {
 	let r = t.autofill;
-	if (!jr(r) || !r.cycleId) return;
+	if (!Rr(r) || !r.cycleId) return;
 	let i = {
 		cycleId: r.cycleId,
 		feedKey: r.feedKey ?? "",
@@ -3631,16 +3789,16 @@ async function Mr(e, t, n) {
 		throw r.error = e, r.status = "error", e;
 	}
 }
-function Nr(e, t, n) {
+function Br(e, t, n) {
 	return e?.strategy === "backend" && t.feedKey === e.feedKey && t.sessionId === n.sessionId;
 }
-async function Pr({ 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 ?? Er(s), g = t, _ = t, v = t, y = 0, b = [], x;
+async function Vr({ 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 ?? Nr(s), g = t, _ = t, v = t, y = 0, b = [], x;
 	for (; y < h;) {
-		let e = Dr(g);
+		let e = Pr(g);
 		if (m.has(e)) throw Error("Vibe autofill received a repeated cursor.");
-		if (m.add(e), await wr({
-			delayMs: Sr(l + y, s),
+		if (m.add(e), await jr({
+			delayMs: kr(l + y, s),
 			onChange: a,
 			signal: d
 		}), y > 0 && u()) return {
@@ -3654,12 +3812,12 @@ async function Pr({ existingItems: e, initialCursor: t, loadPage: n, maximumRequ
 			status: "paused",
 			total: x
 		};
-		let t = sr(await n({
+		let t = mr(await n({
 			cursor: g,
 			signal: d
 		}));
 		y += 1, _ = g;
-		let r = cr(p, t.items).slice(p.length);
+		let r = hr(p, t.items).slice(p.length);
 		b.push({
 			contributionIds: r.map(({ postId: e }) => e),
 			cursor: g,
@@ -3711,12 +3869,12 @@ async function Pr({ existingItems: e, initialCursor: t, loadPage: n, maximumRequ
 }
 //#endregion
 //#region src/core/autofillController.ts
-var Fr = class {
+var Hr = class {
 	collection = null;
 	cycle = 0;
 	delayCountdown;
 	constructor(e) {
-		this.context = e, this.delayCountdown = new Tr((t) => Object.assign(e.state.autofill, t)), this.syncCountdown();
+		this.context = e, this.delayCountdown = new Mr((t) => Object.assign(e.state.autofill, t)), this.syncCountdown();
 	}
 	beginCycle() {
 		let { options: e, state: t } = this.context;
@@ -3724,14 +3882,14 @@ var Fr = class {
 		this.clear();
 		let n = `vibe-autofill-${Date.now().toString(36)}-${++this.cycle}`;
 		return t.autofill = {
-			...Ar(e, void 0, !1),
+			...Lr(e, void 0, !1),
 			cycleId: n,
 			status: "filling"
 		}, n;
 	}
 	async cancel() {
 		let { cancelRequest: e, options: t, state: n } = this.context;
-		await Mr(t, n, e), this.commitCollection();
+		await zr(t, n, e), this.commitCollection();
 	}
 	captureCollection(e, t) {
 		t && (this.collection = e);
@@ -3753,36 +3911,36 @@ var Fr = class {
 		let { onLastCursor: e, options: t, state: n } = this.context;
 		if (t?.strategy !== "frontend") return !1;
 		let r = this.collection;
-		return this.collection = null, r ? (n.items = cr(n.items, r.items), e(r.lastCursor), this.context.onPages(r.pages), n.next = r.next, r.total !== void 0 && (n.total = r.total), Object.assign(n.autofill, {
+		return this.collection = null, r ? (n.items = hr(n.items, r.items), e(r.lastCursor), this.context.onPages(r.pages), n.next = r.next, r.total !== void 0 && (n.total = r.total), Object.assign(n.autofill, {
 			missing: r.missing,
 			received: r.received,
 			requests: r.requests
 		}), !0) : !1;
 	}
-}, Ir = 100;
-function Lr(e, t) {
+}, Ur = 100;
+function Wr(e, t) {
 	if (!Number.isFinite(t) || t <= 0) throw TypeError(`Vibe ${e} must be a positive number.`);
 }
-function Rr(e, t, n) {
+function Gr(e, t, n) {
 	return Math.min(n, Math.max(t, e));
 }
-function zr(e) {
+function Kr(e) {
 	if (!e) return;
 	let t = e.minSpeedPxPerSecond ?? 20, n = e.maxSpeedPxPerSecond ?? 240;
-	if (Lr("autoScroll.minSpeedPxPerSecond", t), Lr("autoScroll.maxSpeedPxPerSecond", n), t > n) throw TypeError("Vibe autoScroll.minSpeedPxPerSecond cannot exceed maxSpeedPxPerSecond.");
-	e.speedPxPerSecond !== void 0 && Lr("autoScroll.speedPxPerSecond", e.speedPxPerSecond);
+	if (Wr("autoScroll.minSpeedPxPerSecond", t), Wr("autoScroll.maxSpeedPxPerSecond", n), t > n) throw TypeError("Vibe autoScroll.minSpeedPxPerSecond cannot exceed maxSpeedPxPerSecond.");
+	e.speedPxPerSecond !== void 0 && Wr("autoScroll.speedPxPerSecond", e.speedPxPerSecond);
 }
-function Br(e) {
+function qr(e) {
 	let t = e?.minSpeedPxPerSecond ?? 20, n = e?.maxSpeedPxPerSecond ?? 240;
 	return {
 		enabled: e?.enabled ?? !1,
 		maxSpeedPxPerSecond: n,
 		minSpeedPxPerSecond: t,
 		paused: !1,
-		speedPxPerSecond: Rr(e?.speedPxPerSecond ?? 80, t, n)
+		speedPxPerSecond: Gr(e?.speedPxPerSecond ?? 80, t, n)
 	};
 }
-var Vr = class {
+var Jr = class {
 	frame = null;
 	lastTimestamp = null;
 	mounted = !1;
@@ -3802,9 +3960,9 @@ var Vr = class {
 		this.options.state.enabled && (this.options.state.paused = e, this.lastTimestamp = null, e ? this.cancelFrame() : this.schedule());
 	}
 	setSpeed(e) {
-		Lr("auto-scroll speed", e);
+		Wr("auto-scroll speed", e);
 		let t = this.options.state;
-		t.speedPxPerSecond = Rr(e, t.minSpeedPxPerSecond, t.maxSpeedPxPerSecond);
+		t.speedPxPerSecond = Gr(e, t.minSpeedPxPerSecond, t.maxSpeedPxPerSecond);
 	}
 	tick = (e) => {
 		this.frame = null;
@@ -3816,7 +3974,7 @@ var Vr = class {
 			return;
 		}
 		if (this.lastTimestamp !== null) {
-			let r = Math.min(Ir, Math.max(0, e - this.lastTimestamp)), i = Math.max(0, n.scrollHeight - n.clientHeight);
+			let r = Math.min(Ur, 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();
@@ -3830,13 +3988,13 @@ var Vr = class {
 };
 //#endregion
 //#region src/core/backendAutofill.ts
-async function Hr(e, t, n, r) {
+async function Yr(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, {
-		...Cr(i.nextRequestAt),
+		...Ar(i.nextRequestAt),
 		missing: Math.max(0, e.pageSize - a),
 		received: a,
 		sequence: i.sequence ?? 0,
@@ -3844,19 +4002,19 @@ async function Hr(e, t, n, r) {
 		status: "waiting"
 	});
 }
-function Ur(e, t) {
-	["complete", "exhausted"].includes(t.status) && t.items && (e.items = cr(e.items, t.items)), t.next !== void 0 && (e.next = t.next), t.total !== void 0 && (e.total = t.total);
+function Xr(e, t) {
+	["complete", "exhausted"].includes(t.status) && t.items && (e.items = hr(e.items, t.items)), t.next !== void 0 && (e.next = t.next), t.total !== void 0 && (e.total = t.total);
 }
-function Wr(e, t, n) {
+function Zr(e, t, n) {
 	let r = t.autofill;
-	return !Nr(e, n, r) || n.sequence <= r.sequence || ["cancelled", "cancelling"].includes(r.status) || ["complete", "exhausted"].includes(n.status) && n.next === void 0 ? !1 : (Ur(t, n), Object.assign(r, Cr(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 !Br(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, 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 Gr(e, t, n) {
-	return e?.strategy !== "backend" || n.feedKey !== e.feedKey || n.pageSize !== e.pageSize ? !1 : (t.autofill = Ar(e, n), Ur(t, n), !0);
+function Qr(e, t, n) {
+	return e?.strategy !== "backend" || n.feedKey !== e.feedKey || n.pageSize !== e.pageSize ? !1 : (t.autofill = Lr(e, n), Xr(t, n), !0);
 }
 //#endregion
 //#region src/core/backlogRestore.ts
-async function Kr(e, t, n) {
+async function $r(e, t, n) {
 	if (!e) return;
 	let r = new AbortController();
 	n(r);
@@ -3871,7 +4029,7 @@ async function Kr(e, t, n) {
 }
 //#endregion
 //#region src/core/initialAutofill.ts
-async function qr({ cycleId: e, isCurrent: t, onCollection: n, onLastCursor: r, onPages: i, options: a, signal: o, state: s }) {
+async function ei({ 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;
@@ -3884,7 +4042,7 @@ async function qr({ cycleId: e, isCurrent: t, onCollection: n, onLastCursor: r,
 		return;
 	}
 	if (c.strategy === "backend") {
-		await Hr(c, s, {
+		await Yr(c, s, {
 			cycleId: e,
 			feedKey: c.feedKey,
 			items: [...s.items],
@@ -3901,11 +4059,11 @@ async function qr({ cycleId: e, isCurrent: t, onCollection: n, onLastCursor: r,
 		s.autofill.status = "exhausted";
 		return;
 	}
-	let u = await Pr({
+	let u = await Vr({
 		existingItems: s.items,
 		initialCursor: s.next,
 		loadPage: a.loadPage,
-		maximumRequests: Er(c, !1),
+		maximumRequests: Nr(c, !1),
 		onCollection: n,
 		onDelayChange: (e) => {
 			t() && Object.assign(s.autofill, e);
@@ -3919,7 +4077,7 @@ async function qr({ cycleId: e, isCurrent: t, onCollection: n, onLastCursor: r,
 		shouldPause: () => s.loadMoreLocked,
 		signal: o
 	});
-	t() && (s.items = cr(s.items, u.items), s.next = u.next, u.total !== void 0 && (s.total = u.total), r(u.lastCursor), i(u.pages), Object.assign(s.autofill, {
+	t() && (s.items = hr(s.items, u.items), s.next = u.next, u.total !== void 0 && (s.total = u.total), r(u.lastCursor), i(u.pages), Object.assign(s.autofill, {
 		missing: u.missing,
 		received: u.received,
 		requests: u.requests,
@@ -3928,13 +4086,13 @@ async function qr({ cycleId: e, isCurrent: t, onCollection: n, onLastCursor: r,
 }
 //#endregion
 //#region src/core/fill.ts
-function Jr(e) {
+function ti(e) {
 	return "items" in e ? { items: e.items } : "pages" in e ? { pages: e.pages } : { until: "end" };
 }
-function Yr(e) {
+function ni(e) {
 	return `${typeof e}:${String(e)}`;
 }
-function Xr(e) {
+function ri(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.");
@@ -3947,21 +4105,21 @@ function Xr(e) {
 	if ("until" in e && e.until === "end") return { until: "end" };
 	throw TypeError("Vibe fill target must be { items }, { pages }, or { until: 'end' }.");
 }
-function Zr(e) {
+function ii(e) {
 	if (!e) return;
 	if (e.strategy === "frontend") {
-		xr(e, "frontend fill");
+		Or(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.");
-		Xr(t.target);
+		ri(t.target);
 	}
 }
-function Qr(e, t, n = !0) {
-	let r = e?.strategy === "backend" && n ? e.initialSession : void 0, i = t ?? r, a = Cr(i?.nextRequestAt);
+function ai(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,
@@ -3974,10 +4132,10 @@ function Qr(e, t, n = !0) {
 		sessionId: i?.sessionId ?? null,
 		status: i?.status ?? "idle",
 		strategy: e?.strategy ?? null,
-		target: i ? Jr(i.target) : null
+		target: i ? ti(i.target) : null
 	};
 }
-function $r(e) {
+function oi(e) {
 	return [
 		"cancelling",
 		"filling",
@@ -3985,7 +4143,7 @@ function $r(e) {
 		"waiting"
 	].includes(e.status);
 }
-async function ei({ existingItems: e, getLoadedItemCount: t, initialCursor: n, loadPage: r, onCollection: i, onPage: a, onDelayChange: o, onProgress: s, options: c, shouldPause: l = () => !1, signal: u, target: d }) {
+async function si({ existingItems: e, getLoadedItemCount: t, initialCursor: n, loadPage: r, onCollection: i, onPage: a, onDelayChange: o, onProgress: s, options: c, shouldPause: l = () => !1, signal: u, target: d }) {
 	let f = [], p = [], m = e.length, h = new Set(e.map(({ postId: e }) => e)), g = /* @__PURE__ */ new Set(), _ = 0, v = n, y = n, b = n, x = 0, S, C = () => t?.() ?? m + f.length;
 	if ("items" in d && C() >= d.items) return {
 		completedPages: _,
@@ -3997,10 +4155,10 @@ async function ei({ existingItems: e, getLoadedItemCount: t, initialCursor: n, l
 		status: "complete"
 	};
 	for (; b !== null;) {
-		let e = Yr(v);
+		let e = ni(v);
 		if (g.has(e)) throw Error("Vibe fill received a repeated cursor.");
-		if (g.add(e), await wr({
-			delayMs: Sr(_, c),
+		if (g.add(e), await jr({
+			delayMs: kr(_, c),
 			onChange: o,
 			signal: u
 		}), _ > 0 && l()) return {
@@ -4013,12 +4171,12 @@ async function ei({ existingItems: e, getLoadedItemCount: t, initialCursor: n, l
 			status: "paused",
 			total: S
 		};
-		let t = sr(await r({
+		let t = mr(await r({
 			cursor: v,
 			signal: u
 		}));
 		_ += 1, y = v;
-		let n = lr(h, t.items), m = {
+		let n = gr(h, t.items), m = {
 			contributionIds: n.map(({ postId: e }) => e),
 			cursor: v,
 			next: t.next,
@@ -4089,12 +4247,12 @@ async function ei({ existingItems: e, getLoadedItemCount: t, initialCursor: n, l
 }
 //#endregion
 //#region src/core/backendFill.ts
-async function ti(e, t, n, r) {
+async function ci(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, {
-			...Cr(i.nextRequestAt),
+			...Ar(i.nextRequestAt),
 			completedPages: i.completedPages ?? 0,
 			received: i.received ?? 0,
 			sequence: i.sequence ?? 0,
@@ -4103,23 +4261,23 @@ async function ti(e, t, n, r) {
 		});
 	}
 }
-function ni(e, t, n) {
+function li(e, t, n) {
 	return e?.strategy === "backend" && n.feedKey === e.feedKey && n.sessionId === t.fill.sessionId;
 }
-function ri(e) {
+function ui(e) {
 	return Number.isInteger(e.completedPages) && e.completedPages >= 0 && Number.isInteger(e.received) && e.received >= 0 && Number.isInteger(e.sequence) && e.sequence >= 0;
 }
-function ii(e, t) {
+function di(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 ai(e, t, n) {
-	t.total !== void 0 && (e.total = t.total), ["complete", "exhausted"].includes(t.status) && (e.items = cr(e.items, t.items ?? []), e.next = t.next ?? null, n(t.lastCursor ?? null));
+function fi(e, t, n) {
+	t.total !== void 0 && (e.total = t.total), ["complete", "exhausted"].includes(t.status) && (e.items = hr(e.items, t.items ?? []), e.next = t.next ?? null, n(t.lastCursor ?? null));
 }
-function oi(e, t, n, r) {
-	return !ni(e, t, n) || !ri(n) || n.sequence <= t.fill.sequence || ["cancelled", "cancelling"].includes(t.fill.status) || !ii(t, n) ? !1 : (ai(t, n, r), Object.assign(t.fill, {
-		...Cr(n.status === "waiting" ? n.nextRequestAt : null),
+function pi(e, t, n, r) {
+	return !li(e, t, n) || !ui(n) || n.sequence <= t.fill.sequence || ["cancelled", "cancelling"].includes(t.fill.status) || !di(t, n) ? !1 : (fi(t, n, r), Object.assign(t.fill, {
+		...Ar(n.status === "waiting" ? n.nextRequestAt : null),
 		completedPages: n.completedPages,
 		error: n.error ?? null,
 		received: n.received,
@@ -4127,45 +4285,45 @@ function oi(e, t, n, r) {
 		status: n.status
 	}), !0);
 }
-function si(e, t, n, r) {
+function mi(e, t, n, r) {
 	if (e?.strategy !== "backend" || n.feedKey !== e.feedKey) return !1;
 	let i = t.fill;
-	return t.fill = Qr(e, n), !ri(n) || !ii(t, n) ? (t.fill = i, !1) : (ai(t, n, r), !0);
+	return t.fill = ai(e, n), !ui(n) || !di(t, n) ? (t.fill = i, !1) : (fi(t, n, r), !0);
 }
 //#endregion
 //#region src/core/fillController.ts
-var ci = class {
+var hi = class {
 	abortController = null;
 	cycle = 0;
 	delayCountdown;
 	requestVersion = 0;
 	collection = null;
 	constructor(e) {
-		this.options = e, this.delayCountdown = new Tr((e) => {
+		this.options = e, this.delayCountdown = new Mr((e) => {
 			Object.assign(this.options.state.fill, e);
 		}), this.syncBackendCountdown();
 	}
 	isActive() {
-		return $r(this.options.state.fill);
+		return oi(this.options.state.fill);
 	}
 	applyUpdate(e) {
-		let t = oi(this.options.fill, this.options.state, e, this.options.onLastCursor);
+		let t = pi(this.options.fill, this.options.state, e, this.options.onLastCursor);
 		return t && this.syncBackendCountdown(), t;
 	}
 	restoreSession(e) {
-		let t = si(this.options.fill, this.options.state, e, this.options.onLastCursor);
+		let t = mi(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 = Xr(e), i = Xr(t.target ?? r), a = t.progressOffset ?? {
+		let r = ri(e), i = ri(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 = {
-			...Qr(n, void 0, !1),
+			...ai(n, void 0, !1),
 			completedPages: a.completedPages,
 			cycleId: o,
 			received: a.received,
@@ -4178,7 +4336,7 @@ var ci = 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 ti(n, this.options.state, {
+			n.strategy === "frontend" ? await this.startFrontend(n, r, c, s, t.prepareFrontend !== !1, a) : (await ci(n, this.options.state, {
 				cycleId: o,
 				feedKey: n.feedKey,
 				items: [...this.options.state.items],
@@ -4196,7 +4354,7 @@ var ci = class {
 	}
 	async cancel() {
 		let { fill: e, state: t } = this.options;
-		if (!$r(t.fill) || !t.fill.cycleId) return;
+		if (!oi(t.fill) || !t.fill.cycleId) return;
 		let n = {
 			cycleId: t.fill.cycleId,
 			feedKey: t.fill.feedKey ?? "",
@@ -4240,7 +4398,7 @@ var ci = class {
 		});
 	}
 	reset() {
-		this.abortLocalRequest(), this.delayCountdown.clear(), this.options.state.fill = Qr(this.options.fill, void 0, !1), this.collection = null;
+		this.abortLocalRequest(), this.delayCountdown.clear(), this.options.state.fill = ai(this.options.fill, void 0, !1), this.collection = null;
 	}
 	destroy() {
 		this.abortLocalRequest(), this.delayCountdown.clear();
@@ -4275,7 +4433,7 @@ var ci = class {
 			s.fill.status = "until" in t ? "complete" : "exhausted";
 			return;
 		}
-		let c = await ei({
+		let c = await si({
 			existingItems: s.items,
 			getLoadedItemCount: () => s.items.length,
 			initialCursor: s.next,
@@ -4312,7 +4470,7 @@ var ci = class {
 		let e = this.collection;
 		if (this.collection = null, !e || this.options.fill?.strategy !== "frontend") return;
 		let t = this.options.state;
-		t.items = ur(t.items, this.filterItems(e.items)), t.next = e.next, e.total !== void 0 && (t.total = e.total), this.options.onLastCursor(e.lastCursor), this.options.onPages(e.pages), Object.assign(t.fill, {
+		t.items = _r(t.items, this.filterItems(e.items)), t.next = e.next, e.total !== void 0 && (t.total = e.total), this.options.onLastCursor(e.lastCursor), this.options.onPages(e.pages), Object.assign(t.fill, {
 			completedPages: e.completedPages,
 			received: e.received
 		});
@@ -4327,7 +4485,7 @@ var ci = class {
 };
 //#endregion
 //#region src/core/fillReconciliation.ts
-async function li({ controller: e, isCurrent: t, loadPage: n, onDelayChange: r, pauseWhenManual: i = !1, setLastCursor: a, signal: o, state: s }) {
+async function gi({ 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,
@@ -4336,11 +4494,11 @@ async function li({ controller: e, isCurrent: t, loadPage: n, onDelayChange: r,
 		shouldPause: () => s.loadMoreLocked || i && !s.infiniteScroll,
 		signal: o
 	});
-	return t() ? (s.items = cr(s.items, c.items), s.next = c.next, a(c.lastCursor), c.total !== void 0 && (s.total = c.total), e.completeReconciliation(c), c.status) : c.status;
+	return t() ? (s.items = hr(s.items, c.items), s.next = c.next, a(c.lastCursor), c.total !== void 0 && (s.total = c.total), e.completeReconciliation(c), c.status) : c.status;
 }
 //#endregion
 //#region src/core/feedFooter.ts
-function ui(e) {
+function _i(e) {
 	return {
 		cancelAutofill: () => e.cancelAutofill(),
 		loadMore: () => e.loadNext(),
@@ -4352,64 +4510,64 @@ function ui(e) {
 		retryFill: () => e.retryFill()
 	};
 }
-function di(e) {
+function vi(e) {
 	if (!Number.isFinite(e) || e <= 0) throw TypeError("Vibe reelAutoAdvance.intervalMs must be a positive number.");
 }
-function fi(e) {
-	e?.intervalMs !== void 0 && di(e.intervalMs);
+function yi(e) {
+	e?.intervalMs !== void 0 && vi(e.intervalMs);
 }
-function pi(e) {
+function bi(e) {
 	return {
 		enabled: e?.enabled ?? !1,
 		includePostItems: e?.includePostItems ?? !1,
 		intervalMs: e?.intervalMs ?? 5e3
 	};
 }
-function mi(e, t) {
+function xi(e, t) {
 	if (typeof t == "boolean") {
 		e.enabled = t;
 		return;
 	}
-	fi(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);
+	yi(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 hi(e) {
+function Si(e) {
 	return { enabled: e?.enabled ?? !1 };
 }
-function gi(e, t, n) {
+function Ci(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 _i(e, t) {
+function wi(e, t) {
 	let n = e.initialPage;
 	return {
 		activeReelPostId: null,
-		autoScroll: Br(e.autoScroll),
-		autofill: Ar(e.autofill),
+		autoScroll: qr(e.autoScroll),
+		autofill: Lr(e.autofill),
 		current: n?.current ?? null,
 		error: null,
-		fill: Qr(e.fill),
+		fill: ai(e.fill),
 		infiniteScroll: e.infiniteScroll ?? !0,
 		isLoading: !n,
 		isLoadingMore: !1,
-		items: n ? cr([], n.items) : [],
+		items: n ? hr([], n.items) : [],
 		layout: t === "reel" ? "reel" : "masonry",
 		loadMoreLocked: !1,
 		mediaIndices: /* @__PURE__ */ new Map(),
 		next: n?.next ?? null,
 		nextPageError: null,
 		phoneMode: !1,
-		reelAutoAdvance: pi(e.reelAutoAdvance),
+		reelAutoAdvance: bi(e.reelAutoAdvance),
 		reelForward: {
 			error: null,
 			status: "idle"
 		},
 		reelForwardIndex: null,
 		reelForwardItem: null,
-		reelInfoSheet: hi(e.reelInfoSheet),
+		reelInfoSheet: Si(e.reelInfoSheet),
 		reelInfoSheetOverlay: !1,
 		reelMediaSource: "original",
 		reelOrigin: null,
@@ -4418,21 +4576,21 @@ function _i(e, t) {
 }
 //#endregion
 //#region src/core/options.ts
-function vi(e, t) {
+function Ti(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 yi(e, t) {
+function Ei(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 bi(e) {
-	if (zr(e.autoScroll), vi("cardHeader", e.cardHeader), vi("cardFooter", e.cardFooter), yi("header", e.mediaCard?.header), yi("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 (kr(e.autofill), Zr(e.fill), Re(e.masonry), fi(e.reelAutoAdvance), e.removalReconciliation) {
+function Di(e) {
+	if (Kr(e.autoScroll), Ti("cardHeader", e.cardHeader), Ti("cardFooter", e.cardFooter), Ei("header", e.mediaCard?.header), Ei("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 (Ir(e.autofill), ii(e.fill), Be(e.masonry), yi(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.");
@@ -4447,7 +4605,7 @@ function bi(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 xi(e) {
+function Oi(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);
@@ -4456,7 +4614,7 @@ function xi(e) {
 }
 //#endregion
 //#region src/core/pageRequest.ts
-async function Si({ append: e, autofillController: t, cursor: n, isCurrent: r, loadPage: i, onLastCursor: a, onPages: o, options: s, signal: c, state: l }) {
+async function ki({ 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
@@ -4468,11 +4626,11 @@ async function Si({ append: e, autofillController: t, cursor: n, isCurrent: r, l
 	let m = !1;
 	try {
 		if (u?.strategy === "frontend") {
-			let s = await Pr({
+			let s = await Vr({
 				existingItems: e ? l.items : [],
 				initialCursor: n,
 				loadPage: i,
-				maximumRequests: f ? Math.max(0, Er(u) - f.requests) : void 0,
+				maximumRequests: f ? Math.max(0, Nr(u) - f.requests) : void 0,
 				onCollection: (e) => t.captureCollection(e, r()),
 				onDelayChange: (e) => {
 					r() && Object.assign(l.autofill, e);
@@ -4487,7 +4645,7 @@ async function Si({ append: e, autofillController: t, cursor: n, isCurrent: r, l
 				signal: c
 			});
 			if (!r()) return;
-			l.items = e ? cr(l.items, s.items) : [...s.items], a(s.lastCursor), l.next = s.next, s.total !== void 0 && (l.total = s.total), Object.assign(l.autofill, {
+			l.items = e ? hr(l.items, s.items) : [...s.items], a(s.lastCursor), l.next = s.next, s.total !== void 0 && (l.total = s.total), Object.assign(l.autofill, {
 				missing: s.missing,
 				received: s.received,
 				requests: s.requests,
@@ -4495,12 +4653,12 @@ async function Si({ append: e, autofillController: t, cursor: n, isCurrent: r, l
 			}), o(s.pages), t.clearCollection();
 			return;
 		}
-		let s = sr(await i({
+		let s = mr(await i({
 			cursor: n,
 			signal: c
 		}));
 		if (!r()) return;
-		let d = e ? l.items : [], h = cr(d, s.items), g = h.length - d.length;
+		let d = e ? l.items : [], h = hr(d, s.items), g = h.length - d.length;
 		if (l.items = h, a(n), o([{
 			contributionIds: h.slice(d.length).map(({ postId: e }) => e),
 			cursor: n,
@@ -4515,7 +4673,7 @@ async function Si({ append: e, autofillController: t, cursor: n, isCurrent: r, l
 				l.autofill.status = "complete";
 				return;
 			}
-			await Hr(u, l, {
+			await Yr(u, l, {
 				cycleId: p,
 				feedKey: u.feedKey,
 				items: h.slice(d.length),
@@ -4537,7 +4695,7 @@ async function Si({ append: e, autofillController: t, cursor: n, isCurrent: r, l
 }
 //#endregion
 //#region src/core/pageReplacement.ts
-var Ci = class {
+var Ai = class {
 	controller = null;
 	constructor(e) {
 		this.options = e;
@@ -4549,7 +4707,7 @@ var Ci = class {
 		this.controller?.abort(), this.controller = null, this.options.surface()?.cancelItemRemoval();
 	}
 	async replace(e, t) {
-		let n = sr(e);
+		let n = mr(e);
 		this.cancel();
 		let r = new AbortController();
 		this.controller = r;
@@ -4569,7 +4727,7 @@ var Ci = class {
 				let e = this.options.surface()?.getAutoScrollElement();
 				e && (e.scrollTop = 0);
 			}
-			e.mediaIndices = new Map(a.map((t) => [t.postId, q(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, K(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
 			});
@@ -4580,7 +4738,7 @@ var Ci = class {
 };
 //#endregion
 //#region src/core/loadingLock.ts
-function wi(e, t, n) {
+function ji(e, t, n) {
 	if (e.loadMoreLocked !== t && (e.loadMoreLocked = t, !t)) {
 		if (e.fill.status === "paused" && e.fill.target) {
 			n.resumeFill();
@@ -4596,16 +4754,16 @@ function wi(e, t, n) {
 }
 //#endregion
 //#region src/core/removalReconciliationController.ts
-function Ti(e) {
+function Mi(e) {
 	return `${typeof e}:${String(e)}`;
 }
-function Ei(e) {
+function Ni(e) {
 	return `${typeof e}:${String(e)}`;
 }
-function Di(e) {
+function Pi(e) {
 	return e.map(({ postId: e }) => e);
 }
-var Oi = class {
+var Fi = class {
 	delay;
 	enabled;
 	maxReplayPages;
@@ -4624,7 +4782,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(Ti(e)));
+		return this.tombstones.size === 0 ? [...e] : e.filter(({ postId: e }) => !this.tombstones.has(Mi(e)));
 	}
 	needsReconciliation(e) {
 		return this.pending !== null || this.findUnderfilledPage(e) >= 0;
@@ -4637,45 +4795,45 @@ var Oi = class {
 	}
 	recordInitialPage(e) {
 		e && this.recordPages([{
-			contributionIds: Di(e.items),
-			cursor: mr(e),
+			contributionIds: Pi(e.items),
+			cursor: xr(e),
 			next: e.next,
-			returnedIds: Di(e.items)
+			returnedIds: Pi(e.items)
 		}]);
 	}
 	remove(e) {
-		e.forEach((e) => this.tombstones.add(Ti(e)));
+		e.forEach((e) => this.tombstones.add(Mi(e)));
 	}
 	reset() {
 		this.pages = [], this.pending = null, this.tombstones.clear();
 	}
 	restore(e) {
-		e.forEach((e) => this.tombstones.delete(Ti(e)));
+		e.forEach((e) => this.tombstones.delete(Mi(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 = Ei(a.cursor);
+			let e = Ni(a.cursor);
 			if (a.seenCursors.has(e)) throw Error("Vibe removal reconciliation received a repeated cursor.");
-			if (await wr({
-				delayMs: Sr(a.pages.length, this.delay),
+			if (await jr({
+				delayMs: kr(a.pages.length, this.delay),
 				onChange: n,
 				signal: i
 			}), a.pages.length > 0 && r()) return this.result(a, "paused");
-			let o = sr(await t({
+			let o = mr(await t({
 				cursor: a.cursor,
 				signal: i
 			}));
 			a.seenCursors.add(e);
 			let s = this.filterItems(o.items), c = [];
 			if (s.forEach((e) => {
-				let t = Ti(e.postId);
+				let t = Mi(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: Di(s)
+				returnedIds: Pi(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");
@@ -4683,9 +4841,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(Ti))), a = new Set(e.map(({ postId: e }) => Ti(e)).filter((e) => !i.has(e)));
+		let i = new Set(n.flatMap(({ contributionIds: e }) => e.map(Mi))), a = new Set(e.map(({ postId: e }) => Mi(e)).filter((e) => !i.has(e)));
 		return {
-			appended: new Set(e.map(({ postId: e }) => Ti(e))),
+			appended: new Set(e.map(({ postId: e }) => Mi(e))),
 			attributed: new Set(a),
 			cursor: r.cursor,
 			items: [],
@@ -4710,11 +4868,11 @@ var Oi = class {
 	}
 	findUnderfilledPage(e) {
 		if (!this.enabled || this.pages.length === 0) return -1;
-		let t = new Set(e.map(({ postId: e }) => Ti(e)));
-		return this.pages.findIndex(({ contributionIds: e }) => e.filter((e) => t.has(Ti(e))).length < this.pageSize);
+		let t = new Set(e.map(({ postId: e }) => Mi(e)));
+		return this.pages.findIndex(({ contributionIds: e }) => e.filter((e) => t.has(Mi(e))).length < this.pageSize);
 	}
 	recordPage(e) {
-		let t = Ei(e.cursor), n = this.pages.findIndex(({ cursor: e }) => Ei(e) === t);
+		let t = Ni(e.cursor), n = this.pages.findIndex(({ cursor: e }) => Ni(e) === t);
 		n >= 0 && (this.pages = this.pages.slice(0, n)), this.pages.push({
 			...e,
 			contributionIds: [...e.contributionIds],
@@ -4724,7 +4882,7 @@ var Oi = class {
 };
 //#endregion
 //#region src/core/activeItemRemoval.ts
-function ki(e, t, n, r, i) {
+function Ii(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)];
@@ -4737,7 +4895,7 @@ function ki(e, t, n, r, i) {
 }
 //#endregion
 //#region src/core/exactMediaRemovalController.ts
-function Ai(e, t) {
+function Li(e, t) {
 	let [n, ...r] = t;
 	if (!n) throw Error("Vibe items must contain at least one media asset.");
 	return {
@@ -4746,10 +4904,10 @@ function Ai(e, t) {
 		items: r
 	};
 }
-function ji(e) {
+function Ri(e) {
 	if (!Number.isInteger(e.mediaIndex) || e.mediaIndex < 0) throw TypeError("Vibe mediaIndex must be a non-negative integer.");
 }
-var Mi = class {
+var zi = class {
 	generation = 0;
 	metadata = /* @__PURE__ */ new WeakMap();
 	state;
@@ -4757,10 +4915,10 @@ var Mi = class {
 		this.options = e, this.state = e.state;
 	}
 	remove(e) {
-		ji(e);
+		Ri(e);
 		let t = this.state.items.findIndex(({ postId: t }) => t === e.postId), n = this.state.items[t];
 		if (!n) return null;
-		let r = [...K(n)], i = r[e.mediaIndex];
+		let r = [...G(n)], i = r[e.mediaIndex];
 		if (!i) return null;
 		let a = Object.freeze({
 			media: i,
@@ -4774,7 +4932,7 @@ var Mi = 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] = Ai(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] = Li(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;
@@ -4799,32 +4957,32 @@ var Mi = class {
 		return this.state.layout === "reel" || this.state.reelOrigin === "masonry";
 	}
 	restoreIntoPost(e, t) {
-		let n = this.state.items[e], r = [...K(n)], i = Math.min(t.mediaIndex, r.length);
-		if (r.splice(i, 0, t.media), this.state.items[e] = Ai(n, r), this.state.activeReelPostId !== t.postId) return;
+		let n = this.state.items[e], r = [...G(n)], i = Math.min(t.mediaIndex, r.length);
+		if (r.splice(i, 0, t.media), this.state.items[e] = Li(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 = K(r).length, a = this.state.mediaIndices.get(e) ?? 0, o = a;
+		let i = G(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 Ni(e, t) {
+function Bi(e, t) {
 	let n = new Set(t);
 	return e.flatMap((e, t) => n.has(e.postId) ? [{
 		index: t,
 		item: e
 	}] : []);
 }
-function Pi(e, t) {
+function Vi(e, t) {
 	let n = new Set(t.map(({ item: e }) => e.postId));
 	return e.filter((e) => !n.has(e.postId));
 }
-function Fi(e, t) {
+function Hi(e, t) {
 	t.forEach(({ index: e }) => {
 		if (!Number.isInteger(e) || e < 0) throw Error("Vibe item restore indexes must be non-negative integers.");
 	});
@@ -4835,7 +4993,7 @@ function Fi(e, t) {
 }
 //#endregion
 //#region src/core/itemRemovalController.ts
-var Ii = 20, Li = class {
+var Ui = 20, Wi = class {
 	generation = 0;
 	historyLimit;
 	metadata = /* @__PURE__ */ new WeakMap();
@@ -4844,7 +5002,7 @@ var Ii = 20, Li = class {
 	itemOrder;
 	stopItemsWatcher;
 	constructor(e) {
-		this.options = e, this.historyLimit = e.historyLimit ?? Ii, this.state = e.state, this.itemOrder = Z(this.state.items), this.stopItemsWatcher = P(() => this.state.items, (e) => this.appendUnknownItems(e), { flush: "sync" });
+		this.options = e, this.historyLimit = e.historyLimit ?? Ui, this.state = e.state, this.itemOrder = Y(this.state.items), this.stopItemsWatcher = N(() => this.state.items, (e) => this.appendUnknownItems(e), { flush: "sync" });
 	}
 	destroy() {
 		this.reset(), this.stopItemsWatcher();
@@ -4858,7 +5016,7 @@ var Ii = 20, Li = 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 = Pi(this.state.items, n), this.options.onItemsRemoved(r, n, l), this.record(r), r;
+		return this.state.items = Vi(this.state.items, n), this.options.onItemsRemoved(r, n, l), this.record(r), r;
 	}
 	reset() {
 		this.generation += 1, this.history = [], this.itemOrder = [];
@@ -4869,7 +5027,7 @@ var Ii = 20, Li = class {
 			this.restoreRemoval(t);
 			return;
 		}
-		let n = new Set(Z(this.state.items)), r = e.filter(({ item: e }) => n.has(e.postId) ? !1 : (n.add(e.postId), !0)), i = Fi(this.state.items, r);
+		let n = new Set(Y(this.state.items)), r = e.filter(({ item: e }) => n.has(e.postId) ? !1 : (n.add(e.postId), !0)), i = Hi(this.state.items, r);
 		this.registerExternalPlacements(r), this.state.items = i, r.length > 0 && this.options.onRemovalRestored(r);
 	}
 	restoreRemoval(e) {
@@ -4889,13 +5047,13 @@ var Ii = 20, Li = class {
 	}
 	appendUnknownItems(e) {
 		let t = new Set(this.itemOrder);
-		Z(e).forEach((e) => {
+		Y(e).forEach((e) => {
 			t.has(e) || (this.itemOrder.push(e), t.add(e));
 		});
 	}
 	collectOrderedPlacements(e) {
 		let t = new Map(this.itemOrder.map((e, t) => [e, t]));
-		return Ni(this.state.items, e).map((e) => ({
+		return Bi(this.state.items, e).map((e) => ({
 			index: t.get(e.item.postId) ?? e.index,
 			item: e.item
 		}));
@@ -4921,12 +5079,12 @@ var Ii = 20, Li = class {
 		t >= 0 && this.history.splice(t, 1);
 	}
 	restoreOrderedPlacements(e) {
-		let t = new Set(Z(this.state.items)), n = e.map(({ item: e }) => e).filter(({ postId: e }) => !t.has(e));
+		let t = new Set(Y(this.state.items)), n = e.map(({ item: e }) => e).filter(({ postId: e }) => !t.has(e));
 		if (n.length === 0) return !1;
 		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;
 	}
-}, Ri = class {
+}, Gi = class {
 	forward = null;
 	forwardPromise = null;
 	forwardVersion = 0;
@@ -5022,7 +5180,7 @@ var Ii = 20, Li = class {
 			}
 		}
 	}
-}, zi = class {
+}, Ki = class {
 	generation = 0;
 	pending = Promise.resolve();
 	constructor(e) {
@@ -5039,7 +5197,7 @@ var Ii = 20, Li = class {
 			if (!n) return;
 			let r = t.mediaIndices.get(e.postId) ?? 0;
 			if (e.mediaIndex === r) {
-				if (K(n).length > 1) {
+				if (G(n).length > 1) {
 					await this.options.transitionMedia(1);
 					return;
 				}
@@ -5072,24 +5230,24 @@ var Ii = 20, Li = class {
 };
 //#endregion
 //#region src/core/removalControllers.ts
-function Bi(e) {
-	let t = new Ri(e), n = new zi({
+function qi(e) {
+	let t = new Gi(e), n = new Ki({
 		state: e.state,
 		transitionMedia: (t) => e.surface()?.transitionActiveReelMedia(t) ?? Promise.resolve(!1),
 		transitionPost: (t) => e.surface()?.transitionActiveReelPost(t) ?? Promise.resolve(!1)
 	});
 	return {
-		exactMediaRemoval: new Mi({
+		exactMediaRemoval: new zi({
 			onActivate: e.onActivate,
 			onPostRemoved: (t) => e.onItemsRemoved([t]),
 			onPostRestored: (t) => e.onItemsRestored([t]),
 			reelForward: t,
 			state: e.state
 		}),
-		itemRemoval: new Li({
+		itemRemoval: new Wi({
 			historyLimit: e.historyLimit,
 			onItemsRemoved: (n, r, i) => {
-				e.onItemsRemoved(r.map(({ item: e }) => e.postId)), ki(e.state, r, i, e.onActivate, (e, r) => t.start(n, e, r));
+				e.onItemsRemoved(r.map(({ item: e }) => e.postId)), Ii(e.state, r, i, e.onActivate, (e, r) => t.start(n, e, r));
 			},
 			onRemovalRestored: (n) => {
 				e.onItemsRestored(n.map(({ item: e }) => e.postId));
@@ -5104,17 +5262,17 @@ function Bi(e) {
 		reelRemoval: n
 	};
 }
-var Vi = 1.5;
-function Hi(e) {
+var Ji = 1.5;
+function Yi(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 * Vi;
+	let n = Math.min(e.viewportWidth, e.viewportHeight), r = t >= n * Ji;
 	return !e.hasHover && n > 0 && n < 600 && r;
 }
-function Ui(e) {
-	return Hi(e) ? "reel" : "masonry";
+function Xi(e) {
+	return Yi(e) ? "reel" : "masonry";
 }
-function Wi(e) {
+function Zi(e) {
 	let t = e.ownerDocument.defaultView, n = e.ownerDocument.documentElement;
 	return {
 		hasHover: typeof t?.matchMedia == "function" && t.matchMedia("(hover: hover)").matches,
@@ -5124,15 +5282,15 @@ function Wi(e) {
 		viewportWidth: n.clientWidth
 	};
 }
-function Gi(e) {
-	return Hi(Wi(e));
+function Qi(e) {
+	return Yi(Zi(e));
 }
-function Ki(e) {
-	return Ui(Wi(e));
+function $i(e) {
+	return Xi(Zi(e));
 }
 //#endregion
 //#region src/core/responsiveLayoutController.ts
-var qi = class {
+var ea = class {
 	layoutMode;
 	resizeObserver = null;
 	target = null;
@@ -5157,13 +5315,13 @@ var qi = class {
 	}
 	handleResponsiveLayout = () => {
 		if (!this.target) return;
-		let e = Ki(this.target);
-		this.state.phoneMode = Gi(this.target), this.state.reelInfoSheetOverlay = this.state.phoneMode, this.state.reelMediaSource = this.state.phoneMode ? "mobile" : "original", this.layoutMode === "responsive" && this.applyLayout(e);
+		let e = $i(this.target);
+		this.state.phoneMode = Qi(this.target), this.state.reelInfoSheetOverlay = this.state.phoneMode, this.state.reelMediaSource = this.state.phoneMode ? "mobile" : "original", this.layoutMode === "responsive" && this.applyLayout(e);
 	};
-}, Ji = class {
+}, ta = class {
 	state;
 	constructor(e) {
-		this.options = e, this.state = T(Jt({
+		this.options = e, this.state = T(en({
 			...e.initialReelAudioState,
 			muted: e.initialReelAudioState?.muted ?? e.mediaCard?.videoMuted ?? !1
 		}));
@@ -5172,9 +5330,9 @@ var qi = class {
 		return { ...this.state };
 	}
 	set(e, t = !1) {
-		Object.assign(this.state, Jt(e, this.state)), t && this.options.onReelAudioStateChange?.(this.get());
+		Object.assign(this.state, en(e, this.state)), t && this.options.onReelAudioStateChange?.(this.get());
 	}
-}, Yi = class {
+}, na = class {
 	routedReelPostId = null;
 	reelRouteIsActive = !1;
 	constructor(e, t) {
@@ -5204,30 +5362,30 @@ var qi = class {
 };
 //#endregion
 //#region src/core/updateItems.ts
-function Xi(e) {
+function ra(e) {
 	return String(e);
 }
-function Zi(e, t) {
-	let n = K(t).length;
+function ia(e, t) {
+	let n = G(t).length;
 	(e.mediaIndices.get(t.postId) ?? 0) >= n && e.mediaIndices.set(t.postId, Math.max(0, n - 1));
 }
-function Qi(e, t) {
+function aa(e, t) {
 	let n = /* @__PURE__ */ new Map();
-	if (t.forEach((e) => n.set(Xi(e.postId), e)), n.size === 0) return [];
+	if (t.forEach((e) => n.set(ra(e.postId), e)), n.size === 0) return [];
 	let r = [], i = e.items.map((t) => {
-		let i = n.get(Xi(t.postId));
+		let i = n.get(ra(t.postId));
 		if (!i) return t;
 		let a = {
 			...i,
 			postId: t.postId
 		};
-		return Zi(e, a), e.reelForwardItem && Xi(e.reelForwardItem.postId) === Xi(t.postId) && (e.reelForwardItem = a), r.push(t.postId), a;
+		return ia(e, a), e.reelForwardItem && ra(e.reelForwardItem.postId) === ra(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 $i = class {
+var oa = class {
 	app = null;
 	autoScroll;
 	autofillController;
@@ -5251,25 +5409,25 @@ var $i = class {
 	state;
 	pageReplacement;
 	constructor(e) {
-		this.options = e, bi(e);
+		this.options = e, Di(e);
 		let t = e.layout ?? "masonry";
-		this.state = T(_i(e, t)), this.reelAudio = new Ji(e), this.lastLoadedCursor = e.initialPage ? mr(e.initialPage) : null, this.notificationItems = ie(this.state), this.autoScroll = new Vr({
+		this.state = T(wi(e, t)), this.reelAudio = new ta(e), this.lastLoadedCursor = e.initialPage ? xr(e.initialPage) : null, this.notificationItems = oe(this.state), this.autoScroll = new Jr({
 			getScrollElement: () => this.surface?.getAutoScrollElement() ?? null,
 			state: this.state.autoScroll
-		}), this.autofillController = new Fr({
+		}), this.autofillController = new Hr({
 			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 ci({
+		}), this.removalReconciliation = new Fi(e), this.removalReconciliation.recordInitialPage(e.initialPage), this.fillController = new hi({
 			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 }) => li({
+			prepareFrontend: ({ isCurrent: t, onDelayChange: n, signal: r }) => gi({
 				controller: this.removalReconciliation,
 				isCurrent: t,
 				loadPage: e.loadPage,
@@ -5279,8 +5437,8 @@ var $i = class {
 				state: this.state
 			}),
 			state: this.state
-		}), this.routing = new Yi(e.routing, this.state);
-		let n = Bi({
+		}), this.routing = new na(e.routing, this.state);
+		let n = qi({
 			historyLimit: e.removalHistoryLimit,
 			onActivate: (e) => this.setActiveReelPost(e),
 			onCloseReel: () => this.closeMasonryReel(),
@@ -5290,29 +5448,29 @@ var $i = 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 Ci({
+		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), jr(this.state.autofill) && await this.cancelAutofill(), this.fillController.isActive() && await this.cancelFill();
+				this.cancelRequest(!1), Rr(this.state.autofill) && await this.cancelAutofill(), this.fillController.isActive() && await this.cancelFill();
 			},
 			commit: (e) => {
-				this.resetFeedVisit(), this.setCurrentCursor(mr(e)), this.removalReconciliation.recordInitialPage(e), this.state.reelOrigin === null && this.routing.syncFeed();
+				this.resetFeedVisit(), this.setCurrentCursor(xr(e)), this.removalReconciliation.recordInitialPage(e), this.state.reelOrigin === null && this.routing.syncFeed();
 			}
-		}), this.responsiveLayout = new qi(t, this.state, () => {
+		}), this.responsiveLayout = new ea(t, this.state, () => {
 			this.routing.syncFeed();
 		}), this.startStateNotifications();
 	}
 	async mount() {
 		if (this.app) throw Error("Vibe is already mounted.");
 		this.startStateNotifications();
-		let e = xi(this.options.target);
-		this.responsiveLayout.mount(e), this.app = i(or, {
+		let e = Oi(this.options.target);
+		this.responsiveLayout.mount(e), this.app = i(pr, {
 			canRetryEnd: !!this.options.loadPage,
 			cardFooter: this.options.cardFooter,
 			cardHeader: this.options.cardHeader,
 			feedFooter: this.options.feedFooter,
-			feedFooterActions: ui(this),
+			feedFooterActions: _i(this),
 			mediaCard: this.options.mediaCard,
 			masonry: this.options.masonry,
 			onMediaFullyVisible: this.options.onMediaFullyVisible,
@@ -5339,7 +5497,7 @@ var $i = class {
 			onRetryForward: () => {
 				this.retryReelForward();
 			}
-		}), this.surface = this.app.mount(e), this.autoScroll.mount(), await Kr(this.options.restoreBacklog, (e) => this.appendPage(e), (e) => {
+		}), this.surface = this.app.mount(e), this.autoScroll.mount(), await $r(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();
 	}
@@ -5347,7 +5505,7 @@ var $i = 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 oe(this.state, this.notificationItems.value);
+		return X(this.state, this.notificationItems.value);
 	}
 	getReelAudioState() {
 		return this.reelAudio.get();
@@ -5374,7 +5532,7 @@ var $i = class {
 		return this.itemRemoval.restoreRemoval(e);
 	}
 	updateItems(e) {
-		return Qi(this.state, e);
+		return aa(this.state, e);
 	}
 	retryReelForward() {
 		return this.reelForward.retry();
@@ -5413,7 +5571,7 @@ var $i = class {
 		this.autoScroll.setSpeed(e);
 	}
 	applyAutofillUpdate(e) {
-		let t = Wr(this.options.autofill, this.state, e);
+		let t = Zr(this.options.autofill, this.state, e);
 		return t && this.autofillController.syncCountdown(), t;
 	}
 	cancelAutofill() {
@@ -5424,7 +5582,7 @@ var $i = class {
 			await this.cancelFill();
 			return;
 		}
-		if (jr(this.state.autofill)) {
+		if (Rr(this.state.autofill)) {
 			await this.cancelAutofill();
 			return;
 		}
@@ -5437,12 +5595,12 @@ var $i = class {
 	}
 	async fill(e) {
 		if (!(this.state.loadMoreLocked || this.pageReplacement.isActive())) {
-			if (this.pendingRequest || jr(this.state.autofill)) throw Error("Vibe cannot fill while another page operation is active.");
+			if (this.pendingRequest || Rr(this.state.autofill)) throw Error("Vibe cannot fill while another page operation is active.");
 			await this.fillController.start(e);
 		}
 	}
 	restoreAutofillSession(e) {
-		let t = Gr(this.options.autofill, this.state, e);
+		let t = Qr(this.options.autofill, this.state, e);
 		return t && this.autofillController.syncCountdown(), t;
 	}
 	restoreFillSession(e) {
@@ -5452,7 +5610,7 @@ var $i = class {
 		return this.startLoadMore(() => this.loadNextSequence());
 	}
 	appendPage(e) {
-		hr(e, this.state, this.removalReconciliation, (e) => this.setCurrentCursor(e));
+		Sr(e, this.state, this.removalReconciliation, (e) => this.setCurrentCursor(e));
 	}
 	replenishAfterRemoval(e = !0) {
 		return this.startLoadMore(() => this.replenishAfterRemovalSequence(e));
@@ -5460,7 +5618,7 @@ var $i = class {
 	async startLoadMore(e) {
 		if (this.pageReplacement.isActive()) return;
 		if (this.pendingRequest) return this.pendingRequest;
-		if (this.state.loadMoreLocked || jr(this.state.autofill) || this.fillController.isActive() || !this.options.loadPage || this.state.next === null && !this.removalReconciliation.needsReconciliation(this.state.items)) return;
+		if (this.state.loadMoreLocked || Rr(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(() => {
@@ -5478,15 +5636,15 @@ var $i = class {
 	}
 	async replaceFeed(e, t) {
 		if (!this.options.loadPage) throw Error(`Vibe cannot ${t} without loadPage.`);
-		return jr(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 Rr(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 = Ar(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 = Lr(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 = sr(await t(e));
+		let n = mr(await t(e));
 		return {
 			...n,
 			items: this.removalReconciliation.filterItems(n.items)
@@ -5506,7 +5664,7 @@ var $i = class {
 		let n = ++this.requestVersion, r = new AbortController();
 		this.abortController = r;
 		try {
-			let i = await li({
+			let i = await gi({
 				controller: this.removalReconciliation,
 				isCurrent: () => n === this.requestVersion,
 				loadPage: t,
@@ -5526,14 +5684,14 @@ var $i = class {
 	async retryEnd() {
 		if (!this.pageReplacement.isActive()) {
 			if (this.pendingRequest) return this.pendingRequest;
-			if (!this.state.loadMoreLocked && !(jr(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 && !(Rr(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 && v(() => this.surface?.loadIfNearBottom());
 	}
 	setLoadMoreLocked(e) {
-		wi(this.state, e, {
+		ji(this.state, e, {
 			getPending: () => this.pendingRequest,
 			hasPendingSession: () => this.removalReconciliation.hasPendingSession(),
 			loadNext: () => this.loadNext(),
@@ -5546,10 +5704,10 @@ var $i = class {
 		this.state.total = e;
 	}
 	setReelAutoAdvance(e) {
-		mi(this.state.reelAutoAdvance, e);
+		xi(this.state.reelAutoAdvance, e);
 	}
 	setReelInfoSheet(e) {
-		gi(this.state.reelInfoSheet, this.options.reelInfoSheet, e);
+		Ci(this.state.reelInfoSheet, this.options.reelInfoSheet, e);
 	}
 	setLayout(e) {
 		this.responsiveLayout.setLayout(e);
@@ -5569,7 +5727,7 @@ var $i = class {
 	async fetchPage(e, t) {
 		if (!this.options.loadPage) return;
 		let n = ++this.requestVersion, r = new AbortController();
-		this.abortController = r, await Si({
+		this.abortController = r, await ki({
 			append: t,
 			autofillController: this.autofillController,
 			cursor: e,
@@ -5591,7 +5749,7 @@ var $i = class {
 	startInitialAutofill() {
 		let e = ++this.requestVersion, t = new AbortController(), n = this.autofillController.beginCycle();
 		this.abortController = t, this.state.isLoadingMore = !0;
-		let r = qr({
+		let r = ei({
 			cycleId: n,
 			isCurrent: () => e === this.requestVersion,
 			onCollection: (t) => this.autofillController.captureCollection(t, e === this.requestVersion),
@@ -5609,11 +5767,11 @@ var $i = class {
 	}
 	startStateNotifications() {
 		let e = this.options.onStateChange;
-		!e || this.stopStateWatcher || (this.stopStateWatcher = ae(this.state, this.notificationItems, e));
+		!e || this.stopStateWatcher || (this.stopStateWatcher = se(this.state, this.notificationItems, e));
 	}
 	setCurrentCursor(e) {
 		this.lastLoadedCursor = this.state.current = e;
 	}
-}, ea = (e) => new $i(e);
+}, sa = (e) => new oa(e);
 //#endregion
-export { ea as createVibe };
+export { sa as createVibe };