@wyxos/vibe 5.8.3 → 5.9.0

package/lib/index.js

@@ -756,29 +756,55 @@ var Ie = /* @__PURE__ */ d({
 		])) : o("", !0)], 34));
 	}
 }), Ye = {
+	key: 0,
+	class: "media-card-overlay-host",
+	"data-test": "media-card-overlay"
+}, Xe = /* @__PURE__ */ d({
+	__name: "MediaContextOverlay",
+	props: {
+		item: {},
+		mediaCard: {},
+		mediaIndex: {},
+		mediaItem: {},
+		mediaSource: {}
+	},
+	setup(e) {
+		return (t, n) => e.mediaCard?.overlay?.component ? (b(), s("div", Ye, [(b(), a(C(e.mediaCard.overlay.component), {
+			item: e.item,
+			"media-index": e.mediaIndex,
+			"media-item": e.mediaItem,
+			"media-source": e.mediaSource
+		}, null, 8, [
+			"item",
+			"media-index",
+			"media-item",
+			"media-source"
+		]))])) : o("", !0);
+	}
+}), Ze = {
 	lastAudibleVolume: 1,
 	muted: !1,
 	volume: 1
 };
-function Xe(e, t) {
+function Qe(e, t) {
 	return typeof e == "number" && Number.isFinite(e) ? Math.min(1, Math.max(0, e)) : t;
 }
-function Ze(e, t = Ye) {
-	let n = Xe(e?.volume, t.volume), r = Xe(e?.lastAudibleVolume, n > 0 ? n : t.lastAudibleVolume);
+function $e(e, t = Ze) {
+	let n = Qe(e?.volume, t.volume), r = Qe(e?.lastAudibleVolume, n > 0 ? n : t.lastAudibleVolume);
 	return {
-		lastAudibleVolume: r > 0 ? r : Ye.lastAudibleVolume,
+		lastAudibleVolume: r > 0 ? r : Ze.lastAudibleVolume,
 		muted: typeof e?.muted == "boolean" ? e.muted : n === 0 || t.muted,
 		volume: n
 	};
 }
 //#endregion
 //#region src/components/useMediaCardAudio.ts
-function Qe(e) {
-	let t = Ze(e.reelAudioState()), n = e.layout() === "reel" && e.reelAudioState(), r = w(n ? t.muted : e.mediaCard()?.videoMuted ?? e.layout() === "masonry"), i = w(n ? t.volume : 1), a = n ? t.lastAudibleVolume : 1;
+function et(e) {
+	let t = $e(e.reelAudioState()), n = e.layout() === "reel" && e.reelAudioState(), r = w(n ? t.muted : e.mediaCard()?.videoMuted ?? e.layout() === "masonry"), i = w(n ? t.volume : 1), a = n ? t.lastAudibleVolume : 1;
 	function o() {
 		let t = e.videoElement.value, n = e.reelAudioState();
 		if (!t || e.layout() !== "reel" || !n) return;
-		let o = Ze(n);
+		let o = $e(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) {
@@ -786,7 +812,7 @@ function Qe(e) {
 	}
 	function c(t) {
 		if (e.layout() !== "reel") return;
-		let n = Ze({
+		let n = $e({
 			lastAudibleVolume: a,
 			muted: t.muted,
 			volume: t.volume
@@ -821,22 +847,22 @@ function Qe(e) {
 }
 //#endregion
 //#region src/core/mediaType.ts
-var $e = /\.(aac|flac|m4a|mp3|mp4|mov|ogg|opus|wav|webm)$/i;
-function et(e) {
+var tt = /\.(aac|flac|m4a|mp3|mp4|mov|ogg|opus|wav|webm)$/i;
+function nt(e) {
 	try {
-		return $e.test(new URL(e).pathname);
+		return tt.test(new URL(e).pathname);
 	} catch {
-		return $e.test(e.split("?")[0] ?? e);
+		return tt.test(e.split("?")[0] ?? e);
 	}
 }
-function tt(e, t) {
-	return e === void 0 ? et(t) : e === "video";
+function rt(e, t) {
+	return e === void 0 ? nt(t) : e === "video";
 }
-var nt = /* @__PURE__ */ new Map(), rt = [], it = 0, at = 0;
-function ot(e, t) {
+var it = /* @__PURE__ */ new Map(), at = [], ot = 0, st = 0;
+function ct(e, t) {
 	return `${t ? "timed" : "image"}:${e}`;
 }
-function st(e, t, n) {
+function lt(e, t, n) {
 	let r = P(e);
 	if (r.length < 2) return [];
 	let i = F(e, t), a = [];
@@ -848,7 +874,7 @@ function st(e, t, n) {
 	return a.flatMap((e) => {
 		let t = r[e];
 		if (!t) return [];
-		let i = N(t, n), a = tt(i.type, i.src), s = ot(i.src, a);
+		let i = N(t, n), a = rt(i.type, i.src), s = ct(i.src, a);
 		return o.has(s) ? [] : (o.add(s), [{
 			key: s,
 			src: i.src,
@@ -856,22 +882,22 @@ function st(e, t, n) {
 		}]);
 	});
 }
-function ct(e) {
+function ut(e) {
 	let t = e.element;
 	e.element = null, t && (t instanceof HTMLVideoElement ? (t.pause(), t.removeAttribute("src"), t.load()) : t.removeAttribute("src"));
 }
-function lt(e) {
-	nt.delete(e.key);
-	let t = rt.indexOf(e);
-	t >= 0 && rt.splice(t, 1), e.cancel?.(), e.cancel = null, ct(e);
+function dt(e) {
+	it.delete(e.key);
+	let t = at.indexOf(e);
+	t >= 0 && at.splice(t, 1), e.cancel?.(), e.cancel = null, ut(e);
 }
-function ut(e) {
-	e.state = "loading", it += 1, e.timed && (at += 1);
+function ft(e) {
+	e.state = "loading", ot += 1, e.timed && (st += 1);
 	let t = !1, n = () => void 0, r = (r) => {
-		t || (t = !0, n(), --it, e.timed && --at, e.cancel = null, e.state = r, r === "failed" && ct(e), e.refs === 0 && lt(e), dt());
+		t || (t = !0, n(), --ot, e.timed && --st, e.cancel = null, e.state = r, r === "failed" && ut(e), e.refs === 0 && dt(e), pt());
 	};
 	if (e.cancel = () => {
-		t || (t = !0, n(), --it, e.timed && --at, ct(e), dt());
+		t || (t = !0, n(), --ot, e.timed && --st, ut(e), pt());
 	}, e.timed) {
 		let t = document.createElement("video"), i = () => r("ready"), a = () => r("failed");
 		n = () => {
@@ -890,38 +916,38 @@ function ut(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 dt() {
-	for (; it < 6;) {
-		let e = rt.findIndex((e) => e.refs > 0 && e.state === "queued" && (!e.timed || at < 2));
+function pt() {
+	for (; ot < 6;) {
+		let e = at.findIndex((e) => e.refs > 0 && e.state === "queued" && (!e.timed || st < 2));
 		if (e < 0) return;
-		let [t] = rt.splice(e, 1);
-		t && ut(t);
+		let [t] = at.splice(e, 1);
+		t && ft(t);
 	}
 }
-function ft(e) {
-	let t = nt.get(e.key);
+function mt(e) {
+	let t = it.get(e.key);
 	t || (t = {
 		...e,
 		cancel: null,
 		element: null,
 		refs: 0,
 		state: "queued"
-	}, nt.set(t.key, t), rt.push(t)), t.refs += 1, dt();
+	}, it.set(t.key, t), at.push(t)), t.refs += 1, pt();
 	let n = !1;
 	return () => {
-		n || (n = !0, --t.refs, t.refs === 0 && lt(t));
+		n || (n = !0, --t.refs, t.refs === 0 && dt(t));
 	};
 }
 //#endregion
 //#region src/components/useVisiblePostPreload.ts
-function pt(e) {
-	let t = r(() => e.layout() === "masonry" && e.inViewport() && e.mediaReady() && e.mediaCard()?.feedPreload === "visible-post"), n = r(() => t.value ? st(e.item(), e.mediaIndex(), e.mediaSource()) : []), i = /* @__PURE__ */ new Map();
+function ht(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 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, ft(e));
+			i.has(e.key) || i.set(e.key, mt(e));
 		});
 	}
 	O(() => n.value.map(({ key: e }) => e).join("\n"), a, { immediate: !0 }), v(() => {
@@ -930,7 +956,7 @@ function pt(e) {
 }
 //#endregion
 //#region src/components/useReelVideoActivity.ts
-function mt(e) {
+function gt(e) {
 	let t = r(() => e.layout() !== "reel" || e.active() === !0), n = r(() => t.value ? e.videoIsMuted.value : !0);
 	function i() {
 		if (!t.value) {
@@ -964,8 +990,8 @@ function mt(e) {
 }
 //#endregion
 //#region src/components/useMediaLoading.ts
-function ht(e) {
-	let t = r(() => tt(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");
+function _t(e) {
+	let t = r(() => rt(e.mediaType(), e.mediaSource())), n = r(() => e.layout() === "masonry" && e.fetchPriority() === "low" ? "lazy" : "eager"), i = r(() => e.layout() === "reel" && !e.active() ? "none" : e.fetchPriority() === "high" ? "auto" : e.layout() === "masonry" ? "none" : "metadata");
 	return O(i, (t, n) => {
 		n !== "none" || t === "none" || m(() => e.videoElement.value?.load());
 	}), {
@@ -976,7 +1002,7 @@ function ht(e) {
 }
 //#endregion
 //#region src/components/useMediaReadiness.ts
-function gt(e) {
+function vt(e) {
 	let t = w(null), n = w(null), i = w(0), a = w(0), o = w(!0), s = w(!1), c = w(!1), l = null, u = !1, d = r(() => c.value || s.value ? "error" : o.value ? "loading" : e.previewState());
 	function f() {
 		l !== null && clearTimeout(l), l = null;
@@ -1034,7 +1060,7 @@ function gt(e) {
 }
 //#endregion
 //#region src/components/MediaCard.vue?vue&type=script&setup=true&lang.ts
-var _t = [
+var yt = [
 	"data-post-id",
 	"data-media-index",
 	"aria-hidden",
@@ -1042,12 +1068,12 @@ var _t = [
 	"inert",
 	"role",
 	"tabindex"
-], vt = { class: "media-card-content" }, yt = ["data-media-direction"], bt = ["data-media-index"], xt = {
+], bt = { class: "media-card-content" }, xt = ["data-media-direction"], St = ["data-media-index"], Ct = {
 	key: 0,
 	"data-test": "media-loading",
 	class: "media-loading",
 	"aria-hidden": "true"
-}, St = [
+}, wt = [
 	"data-source-generation",
 	"src",
 	"width",
@@ -1056,14 +1082,14 @@ var _t = [
 	"loop",
 	"muted",
 	"preload"
-], Ct = [
+], Tt = [
 	"data-source-generation",
 	"src",
 	"width",
 	"height",
 	"fetchpriority",
 	"loading"
-], wt = ["aria-label"], Tt = ["aria-label"], Et = ["aria-label"], Dt = 40, Ot = 160, kt = 24, At = /* @__PURE__ */ d({
+], Et = ["aria-label"], Dt = ["aria-label"], Ot = ["aria-label"], kt = 40, At = 160, jt = 24, Mt = /* @__PURE__ */ d({
 	__name: "MediaCard",
 	props: {
 		active: { type: Boolean },
@@ -1102,14 +1128,14 @@ var _t = [
 		function S(e = !1, t = "pointer") {
 			e && x("activate", t);
 		}
-		let C = r(() => P(l.item)), T = r(() => F(l.item, l.mediaIndex)), D = r(() => I(l.item, T.value)), O = r(() => N(D.value, l.mediaSource ?? "preview")), M = r(() => O.value.src), L = r(() => O.value.type), R = r(() => O.value.width), z = r(() => O.value.height), { effectivePreviewState: B, failSourceAttempt: V, imageElement: H, markSourceReady: U, noteSourceActivity: W, retrySource: ee, retrying: te, sourceGeneration: G, videoElement: K } = gt({
+		let C = r(() => P(l.item)), T = r(() => F(l.item, l.mediaIndex)), D = r(() => I(l.item, T.value)), O = r(() => N(D.value, l.mediaSource ?? "preview")), M = r(() => O.value.src), L = r(() => O.value.type), R = r(() => O.value.width), z = r(() => O.value.height), { effectivePreviewState: B, failSourceAttempt: V, imageElement: H, markSourceReady: U, noteSourceActivity: W, retrySource: ee, retrying: te, sourceGeneration: G, videoElement: K } = vt({
 			identity: () => `${l.item.postId}:${T.value}:${l.mediaSource ?? "preview"}:${M.value}:${L.value ?? ""}`,
 			mediaIndex: () => T.value,
 			onError: (e) => x("error", e),
 			onReady: (e) => x("ready", e),
 			previewState: () => l.previewState
 		});
-		pt({
+		ht({
 			inViewport: () => l.inViewport === !0,
 			item: () => l.item,
 			layout: () => l.layout,
@@ -1118,14 +1144,14 @@ var _t = [
 			mediaReady: () => B.value === "ready",
 			mediaSource: () => l.mediaSource ?? "preview"
 		});
-		let ne = w(0), re = w(0), q = w(!1), { apply: ie, setVolume: ae, sync: oe, toggleMute: se, videoIsMuted: J, videoVolume: ce } = Qe({
+		let ne = w(0), re = w(0), q = w(!1), { apply: ie, setVolume: ae, sync: oe, toggleMute: se, videoIsMuted: J, videoVolume: ce } = et({
 			active: () => l.active,
 			layout: () => l.layout,
 			mediaCard: () => l.mediaCard,
 			onChange: (e) => x("reelAudioChange", e),
 			reelAudioState: () => l.reelAudioState,
 			videoElement: K
-		}), { effectiveMuted: le, onPlaying: ue, playbackAllowed: de } = mt({
+		}), { effectiveMuted: le, onPlaying: ue, playbackAllowed: de } = gt({
 			active: () => l.active,
 			layout: () => l.layout,
 			videoElement: K,
@@ -1146,12 +1172,12 @@ var _t = [
 			f = 0, p = !1, d !== null && clearTimeout(d), d = null;
 		}
 		function he() {
-			d !== null && clearTimeout(d), d = setTimeout(me, Ot);
+			d !== null && clearTimeout(d), d = setTimeout(me, At);
 		}
 		function ge(e) {
 			if (C.value.length <= 1) return;
 			let t = e.currentTarget?.clientWidth || 1, n = pe(e.deltaX, e.deltaMode, t);
-			if (n === 0 || (e.preventDefault(), he(), p) || (f += n, Math.abs(f) < kt)) return;
+			if (n === 0 || (e.preventDefault(), he(), p) || (f += n, Math.abs(f) < jt)) return;
 			let r = Math.sign(f);
 			f = 0, p = !0, X(T.value + r);
 		}
@@ -1163,9 +1189,9 @@ var _t = [
 			let t = e.changedTouches[0];
 			if (m === null || g === null || !t) return;
 			let n = m - t.clientX, r = g - t.clientY;
-			m = null, g = null, !(Math.abs(n) <= Math.abs(r)) && (Math.abs(n) < Dt || X(T.value + Math.sign(n)));
+			m = null, g = null, !(Math.abs(n) <= Math.abs(r)) && (Math.abs(n) < kt || X(T.value + Math.sign(n)));
 		}
-		let { imageLoading: ye, mediaIsTimed: be, videoPreload: xe } = ht({
+		let { imageLoading: ye, mediaIsTimed: be, videoPreload: xe } = _t({
 			active: () => l.active,
 			fetchPriority: () => l.fetchPriority,
 			layout: () => l.layout,
@@ -1225,7 +1251,7 @@ var _t = [
 			tabindex: e.interactive && !e.leaving && !Y.value ? 0 : void 0,
 			onClick: i[14] ||= (t) => S(e.interactive && !Y.value, fe(t)),
 			onKeydown: [i[15] ||= A((t) => S(e.interactive && !Y.value, "keyboard"), ["enter"]), i[16] ||= A(j((t) => S(e.interactive && !Y.value, "keyboard"), ["prevent"]), ["space"])]
-		}, [c("div", vt, [
+		}, [c("div", bt, [
 			e.cardHeader ? (b(), a(Ie, {
 				key: 0,
 				index: e.index,
@@ -1264,7 +1290,7 @@ var _t = [
 						key: `${e.item.postId}:${D.value.src}:${e.mediaSource ?? "preview"}:${E(G)}`,
 						class: "media-card-frame",
 						"data-media-index": T.value
-					}, [E(B) === "loading" ? (b(), s("div", xt, [...i[17] ||= [c("span", { class: "media-loading-shimmer" }, null, -1)]])) : E(B) === "error" ? (b(), a(Be, {
+					}, [E(B) === "loading" ? (b(), s("div", Ct, [...i[17] ||= [c("span", { class: "media-loading-shimmer" }, null, -1)]])) : E(B) === "error" ? (b(), a(Be, {
 						key: 1,
 						component: e.mediaCard?.error?.component,
 						label: E(Fe)(M.value),
@@ -1306,7 +1332,7 @@ var _t = [
 						onEnded: Me,
 						onClick: Te,
 						onError: i[5] ||= (...e) => E(V) && E(V)(...e)
-					}, null, 42, St)) : (b(), s("img", {
+					}, null, 42, wt)) : (b(), s("img", {
 						key: 3,
 						ref_key: "imageElement",
 						ref: H,
@@ -1321,9 +1347,22 @@ var _t = [
 						loading: E(ye),
 						onLoad: i[6] ||= (...e) => E(U) && E(U)(...e),
 						onError: i[7] ||= (...e) => E(V) && E(V)(...e)
-					}, null, 42, Ct))], 8, bt))]),
+					}, null, 42, Tt))], 8, St))]),
 					_: 1
 				}, 8, ["css", "name"]),
+				u(Xe, {
+					item: e.item,
+					"media-card": e.mediaCard,
+					"media-index": T.value,
+					"media-item": D.value,
+					"media-source": e.mediaSource ?? "preview"
+				}, null, 8, [
+					"item",
+					"media-card",
+					"media-index",
+					"media-item",
+					"media-source"
+				]),
 				(b(), a(t, {
 					disabled: !Se.value || !e.reelControlsTarget,
 					to: e.reelControlsTarget ?? "body"
@@ -1367,13 +1406,13 @@ var _t = [
 					"aria-label": `Previous media for post ${e.item.postId}`,
 					onClick: i[8] ||= j((e) => X(T.value - 1, e), ["stop"]),
 					onKeydown: i[9] ||= j(() => {}, ["stop"])
-				}, [u(E(De), { size: 20 })], 40, wt), c("button", {
+				}, [u(E(De), { size: 20 })], 40, Et), c("button", {
 					type: "button",
 					class: "media-carousel-control media-carousel-control--next",
 					"aria-label": `Next media for post ${e.item.postId}`,
 					onClick: i[10] ||= j((e) => X(T.value + 1, e), ["stop"]),
 					onKeydown: i[11] ||= j(() => {}, ["stop"])
-				}, [u(E(Oe), { size: 20 })], 40, Tt)], 2)) : o("", !0),
+				}, [u(E(Oe), { size: 20 })], 40, Dt)], 2)) : o("", !0),
 				Y.value ? (b(), s("button", {
 					key: 1,
 					class: "media-card-activator",
@@ -1381,8 +1420,8 @@ var _t = [
 					"aria-label": `Open post ${e.item.postId}`,
 					onClick: i[12] ||= j((e) => r.$emit("activate", fe(e)), ["stop"]),
 					onKeydown: i[13] ||= j(() => {}, ["stop"])
-				}, null, 40, Et)) : o("", !0)
-			], 42, yt),
+				}, null, 40, Ot)) : o("", !0)
+			], 42, xt),
 			e.cardFooter ? (b(), a(Ie, {
 				key: 1,
 				index: e.index,
@@ -1406,12 +1445,12 @@ var _t = [
 				"style",
 				"total"
 			])) : o("", !0)
-		])], 46, _t));
+		])], 46, yt));
 	}
-}), jt = { class: "masonry-feed-shell" }, Mt = ["aria-hidden", "inert"], Nt = {
+}), Nt = { class: "masonry-feed-shell" }, Pt = ["aria-hidden", "inert"], Ft = {
 	key: 0,
 	class: "masonry-feed-status-overlay"
-}, Pt = 6, Ft = 12, It = 250, Lt = /* @__PURE__ */ d({
+}, It = 6, Lt = 12, Rt = 250, zt = /* @__PURE__ */ d({
 	__name: "MasonryFeed",
 	props: {
 		enteringPostIds: {},
@@ -1448,7 +1487,7 @@ var _t = [
 		"visible"
 	],
 	setup(t, { expose: n, emit: i }) {
-		let l = 0, d = t, f = i, p = w(null), m = `vibe-masonry-${D()}`, g = w(null), y = w(0), x = w(Pt), C = w(0), T = w(0), k = w(0), A = w([]), j = w([]), M = 0, N = null, P = null, F = null, I = null, R = r(() => oe(d.items, y.value, {
+		let l = 0, d = t, f = i, p = w(null), m = `vibe-masonry-${D()}`, g = w(null), y = w(0), x = w(It), C = w(0), T = w(0), k = w(0), A = w([]), j = w([]), M = 0, N = null, P = null, F = null, I = null, R = r(() => oe(d.items, y.value, {
 			additionalHeight: (d.cardHeader?.height ?? 0) + (d.cardFooter?.height ?? 0),
 			gap: x.value,
 			minColumnWidth: le(d.masonry)
@@ -1559,7 +1598,7 @@ var _t = [
 		}
 		function pe(e) {
 			let t = e.ownerDocument.documentElement.clientWidth;
-			y.value = e.clientWidth, x.value = Math.min(Ft, Math.max(Pt, t * .0075)), X();
+			y.value = e.clientWidth, x.value = Math.min(Lt, Math.max(It, t * .0075)), X();
 		}
 		function me(e) {
 			let t = e.currentTarget;
@@ -1570,7 +1609,7 @@ var _t = [
 			Date.now() >= l && !d.loadMoreLocked && e && re(e) && f("loadMore");
 		}
 		O(() => d.items.length, (e, t) => {
-			e > 0 && e < t && (l = Date.now() + It);
+			e > 0 && e < t && (l = Date.now() + Rt);
 		});
 		function ge() {
 			return p.value;
@@ -1593,7 +1632,7 @@ var _t = [
 		}), n({
 			getScrollElement: ge,
 			loadIfNearBottom: he
-		}), (n, r) => (b(), s("div", jt, [
+		}), (n, r) => (b(), s("div", Nt, [
 			c("main", {
 				id: m,
 				ref_key: "galleryElement",
@@ -1609,7 +1648,7 @@ var _t = [
 				class: h(["masonry", { "masonry--ready": y.value > 0 }]),
 				style: _(W.value),
 				"aria-label": "Media gallery"
-			}, [(b(!0), s(e, null, S(K.value, ({ fetchPriority: e, item: n, index: r }) => (b(), a(At, {
+			}, [(b(!0), s(e, null, S(K.value, ({ fetchPriority: e, item: n, index: r }) => (b(), a(Mt, {
 				key: n.postId,
 				class: "masonry-item",
 				entering: t.enteringPostIds.has(n.postId),
@@ -1651,8 +1690,8 @@ var _t = [
 				"onMediaChange",
 				"onReady",
 				"onError"
-			]))), 128))], 6)], 42, Mt),
-			t.feedFooter || t.isLoadingMore || t.nextPageError || t.hasNext && ee.value || !t.hasNext && t.canRetryEnd ? (b(), s("div", Nt, [u(te, {
+			]))), 128))], 6)], 42, Pt),
+			t.feedFooter || t.isLoadingMore || t.nextPageError || t.hasNext && ee.value || !t.hasNext && t.canRetryEnd ? (b(), s("div", Ft, [u(te, {
 				actions: t.feedFooterActions,
 				"can-retry-end": t.canRetryEnd,
 				"feed-footer": t.feedFooter,
@@ -1687,8 +1726,8 @@ var _t = [
 			])
 		]));
 	}
-}), Rt = 300;
-function zt(e, t, n) {
+}), Bt = 300;
+function Vt(e, t, n) {
 	let r = e.scrollTop;
 	if (n || Math.abs(r - t) <= 1) return e.scrollTop = t, Promise.resolve();
 	e.setAttribute("data-transitioning", "");
@@ -1696,7 +1735,7 @@ function zt(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 / Rt), u = 1 - (1 - l) ** 3;
+			let c = Math.max(s - i, 1e3 / 60 * a), l = Math.min(1, c / Bt), u = 1 - (1 - l) ** 3;
 			if (e.scrollTop = r + (t - r) * u, l < 1) {
 				requestAnimationFrame(o);
 				return;
@@ -1708,7 +1747,7 @@ function zt(e, t, n) {
 }
 //#endregion
 //#region src/components/ReelAutoAdvanceProgress.vue?vue&type=script&setup=true&lang.ts
-var Bt = ["aria-label"], Vt = /* @__PURE__ */ d({
+var Ht = ["aria-label"], Ut = /* @__PURE__ */ d({
 	__name: "ReelAutoAdvanceProgress",
 	props: {
 		durationMs: {},
@@ -1726,9 +1765,9 @@ var Bt = ["aria-label"], Vt = /* @__PURE__ */ d({
 			class: "reel-auto-advance-progress",
 			style: _(a.value),
 			onAnimationend: n[0] ||= (e) => i("complete")
-		}, null, 36)], 8, Bt));
+		}, null, 36)], 8, Ht));
 	}
-}), Ht = { class: "reel-viewport" }, Ut = ["data-active-post-id", "data-active-media-index"], Wt = ["role", "data-status"], Gt = 300, Kt = 250, qt = /* @__PURE__ */ d({
+}), Wt = { class: "reel-viewport" }, Gt = ["data-active-post-id", "data-active-media-index"], Kt = ["role", "data-status"], qt = 300, Jt = 250, Yt = /* @__PURE__ */ d({
 	__name: "ReelFeed",
 	props: {
 		initialPostId: {},
@@ -1780,7 +1819,7 @@ var Bt = ["aria-label"], Vt = /* @__PURE__ */ d({
 		}), H = r(() => {
 			let e = z.value;
 			return e === void 0 ? "loading" : u.previewStates.get(L(e, V.value)) ?? "loading";
-		}), U = r(() => B.value ? I(B.value, V.value) : null), W = r(() => U.value ? N(U.value, u.mediaSource ?? "preview") : null), ee = r(() => H.value === "ready" && !!(W.value && tt(W.value.type, W.value.src))), G = r(() => [
+		}), U = r(() => B.value ? I(B.value, V.value) : null), W = r(() => U.value ? N(U.value, u.mediaSource ?? "preview") : null), ee = r(() => H.value === "ready" && !!(W.value && rt(W.value.type, W.value.src))), G = r(() => [
 			z.value,
 			V.value,
 			u.items.length,
@@ -1831,7 +1870,7 @@ var Bt = ["aria-label"], Vt = /* @__PURE__ */ d({
 			Date.now() >= l && !u.loadMoreLocked && e && re(e) && d("loadMore");
 		}
 		O(() => u.items.length, (e, t) => {
-			e > 0 && e < t && (l = Date.now() + Kt);
+			e > 0 && e < t && (l = Date.now() + Jt);
 		});
 		function Y(e) {
 			let t = B.value;
@@ -1856,7 +1895,7 @@ var Bt = ["aria-label"], Vt = /* @__PURE__ */ d({
 			let t = f.value;
 			if (!t) return Promise.resolve();
 			let n = e * (k || t.clientHeight);
-			return x.value = e, zt(t, n, pe());
+			return x.value = e, Vt(t, n, pe());
 		}
 		function he(e) {
 			me(e);
@@ -1866,7 +1905,7 @@ var Bt = ["aria-label"], Vt = /* @__PURE__ */ d({
 			return t < 0 || t === x.value ? !1 : (await me(t), !0);
 		}
 		async function _e(e) {
-			return Y(e) ? (pe() || await new Promise((e) => setTimeout(e, Gt)), !0) : !1;
+			return Y(e) ? (pe() || await new Promise((e) => setTimeout(e, qt)), !0) : !1;
 		}
 		function ve() {
 			if (!u.reelAutoAdvance.enabled) return;
@@ -1935,7 +1974,7 @@ var Bt = ["aria-label"], Vt = /* @__PURE__ */ d({
 				"style",
 				"total"
 			])) : o("", !0),
-			c("div", Ht, [c("div", {
+			c("div", Wt, [c("div", {
 				ref_key: "galleryElement",
 				ref: f,
 				class: "gallery-shell reel-feed",
@@ -1947,7 +1986,7 @@ var Bt = ["aria-label"], Vt = /* @__PURE__ */ d({
 				class: "reel-track",
 				style: _(F.value),
 				"aria-label": "Media gallery"
-			}, [(b(!0), s(e, null, S(R.value, ({ fetchPriority: e, item: n, index: i }) => (b(), a(At, {
+			}, [(b(!0), s(e, null, S(R.value, ({ fetchPriority: e, item: n, index: i }) => (b(), a(Mt, {
 				key: n.postId,
 				active: i === x.value && !C.value,
 				"advance-on-media-end": u.reelAutoAdvance.enabled && i === x.value,
@@ -2001,7 +2040,7 @@ var Bt = ["aria-label"], Vt = /* @__PURE__ */ d({
 				class: "reel-forward-retry",
 				type: "button",
 				onClick: r[0] ||= (e) => d("retryForward")
-			}, " Retry ")) : o("", !0)], 8, Wt)), t.reelForward.status === "idle" ? (b(), a(te, {
+			}, " Retry ")) : o("", !0)], 8, Kt)), t.reelForward.status === "idle" ? (b(), a(te, {
 				key: 2,
 				actions: t.feedFooterActions,
 				"can-retry-end": t.canRetryEnd,
@@ -2024,7 +2063,7 @@ var Bt = ["aria-label"], Vt = /* @__PURE__ */ d({
 				"load-more-locked",
 				"show-load-more",
 				"state"
-			])) : o("", !0)], 40, Ut), c("div", {
+			])) : o("", !0)], 40, Gt), c("div", {
 				ref_key: "reelControlsElement",
 				ref: p,
 				class: "reel-media-controls-host",
@@ -2052,7 +2091,7 @@ var Bt = ["aria-label"], Vt = /* @__PURE__ */ d({
 				"style",
 				"total"
 			])) : o("", !0),
-			ne.value ? (b(), a(Vt, {
+			ne.value ? (b(), a(Ut, {
 				key: G.value,
 				"duration-ms": t.reelAutoAdvance.intervalMs,
 				label: K.value,
@@ -2060,16 +2099,16 @@ var Bt = ["aria-label"], Vt = /* @__PURE__ */ d({
 			}, null, 8, ["duration-ms", "label"])) : o("", !0)
 		], 2));
 	}
-}), Jt = ["data-info-sheet-open", "data-info-sheet-mode"], Yt = ["aria-hidden", "inert"], Xt = {
+}), Xt = ["data-info-sheet-open", "data-info-sheet-mode"], Zt = ["aria-hidden", "inert"], Qt = {
 	key: 0,
 	class: "reel-info-sheet-layer",
 	"data-test": "reel-info-sheet"
-}, Zt = [
+}, $t = [
 	"role",
 	"aria-modal",
 	"tabindex",
 	"data-active-post-id"
-], Qt = /* @__PURE__ */ d({
+], en = /* @__PURE__ */ d({
 	__name: "ReelLayout",
 	props: {
 		forwardIndex: { default: null },
@@ -2196,7 +2235,7 @@ var Bt = ["aria-label"], Vt = /* @__PURE__ */ d({
 			class: "reel-layout-main",
 			"aria-hidden": e.infoSheetOverlay && A.value || void 0,
 			inert: e.infoSheetOverlay && A.value || void 0
-		}, [u(qt, {
+		}, [u(Yt, {
 			ref_key: "reelFeed",
 			ref: p,
 			"can-retry-end": e.canRetryEnd,
@@ -2250,8 +2289,8 @@ var Bt = ["aria-label"], Vt = /* @__PURE__ */ d({
 			"reel-forward",
 			"state",
 			"total"
-		])], 8, Yt), u(n, { name: "vibe-info-sheet" }, {
-			default: k(() => [A.value && e.infoSheet && j.value ? (b(), s("div", Xt, [c("aside", {
+		])], 8, Zt), u(n, { name: "vibe-info-sheet" }, {
+			default: k(() => [A.value && e.infoSheet && j.value ? (b(), s("div", Qt, [c("aside", {
 				ref_key: "sheetElement",
 				ref: _,
 				class: "reel-info-sheet",
@@ -2260,14 +2299,14 @@ var Bt = ["aria-label"], Vt = /* @__PURE__ */ d({
 				"aria-modal": e.infoSheetOverlay ? "true" : void 0,
 				tabindex: e.infoSheetOverlay ? -1 : void 0,
 				"data-active-post-id": T.value?.postId
-			}, [(b(), a(C(e.infoSheet.component), g(f(j.value)), null, 16))], 8, Zt)])) : o("", !0)]),
+			}, [(b(), a(C(e.infoSheet.component), g(f(j.value)), null, 16))], 8, $t)])) : o("", !0)]),
 			_: 1
-		})], 10, Jt));
+		})], 10, Xt));
 	}
 });
 //#endregion
 //#region src/core/mediaLifecycle.ts
-function $t(e, t, n, r, i) {
+function tn(e, t, n, r, i) {
 	let a = e.items.findIndex((e) => e.postId === t), o = e.items[a];
 	if (!o) return null;
 	let s = F(o, n), c = I(o, s);
@@ -2283,7 +2322,7 @@ function $t(e, t, n, r, i) {
 		postIndex: a
 	};
 }
-function en(e, t) {
+function nn(e, t) {
 	O(() => {
 		let t = e.layout === "reel" || e.reelOrigin === "masonry" ? e.activeReelPostId : null;
 		return {
@@ -2293,20 +2332,20 @@ function en(e, t) {
 		};
 	}, (n, r) => {
 		if (n.postId === null || n.postId === r?.postId && n.mediaIndex === r.mediaIndex && n.origin === r.origin) return;
-		let i = $t(e, n.postId, n.mediaIndex, "reel", n.origin);
+		let i = tn(e, n.postId, n.mediaIndex, "reel", n.origin);
 		i && t(i);
 	}, { flush: "sync" });
 }
 //#endregion
 //#region src/components/useMediaLifecycle.ts
-function tn(e, t) {
+function rn(e, t) {
 	let n = w(/* @__PURE__ */ new Map()), i = w(/* @__PURE__ */ new Map()), a = w(/* @__PURE__ */ new Map()), o = () => e.reelMediaSource === "preview" ? n : e.reelMediaSource === "mobile" ? a : i, s = r(() => o().value);
 	function c(e, t, n, r) {
 		let i = L(t, n);
 		e.value.get(i) !== r && (e.value = new Map(e.value).set(i, r));
 	}
 	function l(t, n, r, i) {
-		return $t(e, t, n, r, i);
+		return tn(e, t, n, r, i);
 	}
 	function u(e, n, r, i) {
 		let a = l(e, n, r, i);
@@ -2328,7 +2367,7 @@ function tn(e, t) {
 		let r = l(e, n, "masonry", null);
 		r && t.visible(r);
 	}
-	return en(e, t.reelChange), O(() => {
+	return nn(e, t.reelChange), O(() => {
 		let t = e.layout === "reel" || e.reelOrigin === "masonry" ? e.activeReelPostId : null, n = t === null ? 0 : e.mediaIndices.get(t) ?? 0;
 		return {
 			mediaIndex: n,
@@ -2353,16 +2392,16 @@ function tn(e, t) {
 }
 //#endregion
 //#region src/core/reelEscapeStack.ts
-var nn = [];
-function rn(e) {
-	return nn.push(e), () => {
-		let t = nn.indexOf(e);
-		t >= 0 && nn.splice(t, 1);
+var an = [];
+function on(e) {
+	return an.push(e), () => {
+		let t = an.indexOf(e);
+		t >= 0 && an.splice(t, 1);
 	};
 }
-function an(e) {
+function sn(e) {
 	if (!e.isActive()) return !1;
-	let t = nn.filter((e) => e.isActive()), n = e.element();
+	let t = an.filter((e) => e.isActive()), n = e.element();
 	return n !== null && t.some((t) => {
 		if (t === e) return !1;
 		let r = t.element();
@@ -2378,14 +2417,14 @@ function an(e) {
 }
 //#endregion
 //#region src/components/useReelKeyboard.ts
-function on(e) {
+function cn(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 && !an(t)) return;
+		if (n.key === "Escape" && r && !sn(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;
@@ -2405,14 +2444,14 @@ function on(e) {
 		a !== 0 && e.reelRenderer()?.changeActiveMedia?.(a) && n.preventDefault();
 	}
 	y(() => {
-		n = rn(t), window.addEventListener("keydown", r);
+		n = on(t), window.addEventListener("keydown", r);
 	}), v(() => {
 		window.removeEventListener("keydown", r), n?.(), n = null;
 	});
 }
 //#endregion
 //#region src/components/VibeSurface.vue?vue&type=script&setup=true&lang.ts
-var sn = 35, cn = 420, ln = /* @__PURE__ */ d({
+var ln = 35, un = 420, dn = /* @__PURE__ */ d({
 	__name: "VibeSurface",
 	props: {
 		canRetryEnd: { type: Boolean },
@@ -2440,7 +2479,7 @@ var sn = 35, cn = 420, ln = /* @__PURE__ */ d({
 		"retryForward"
 	],
 	setup(t, { expose: i, emit: c }) {
-		let l = t, d = c, f = w(null), p = w(null), h = w(null), g = w(null), _ = w(!1), y = w(/* @__PURE__ */ new Set()), x = w(/* @__PURE__ */ new Map()), S = w(/* @__PURE__ */ new Set()), C = w(/* @__PURE__ */ new Map()), T = r(() => Object.freeze([...l.state.items])), D = r(() => z(l.state, T.value)), { markMasonryVisible: A, markPreviewError: j, markPreviewReady: M, markReelError: N, markReelReady: I, originalStates: L, previewStates: R, reelStates: B } = tn(l.state, {
+		let l = t, d = c, f = w(null), p = w(null), h = w(null), g = w(null), _ = w(!1), y = w(/* @__PURE__ */ new Set()), x = w(/* @__PURE__ */ new Map()), S = w(/* @__PURE__ */ new Set()), C = w(/* @__PURE__ */ new Map()), T = r(() => Object.freeze([...l.state.items])), D = r(() => z(l.state, T.value)), { markMasonryVisible: A, markPreviewError: j, markPreviewReady: M, markReelError: N, markReelReady: I, originalStates: L, previewStates: R, reelStates: B } = rn(l.state, {
 			ready: (e) => d("mediaReady", e),
 			reelChange: (e) => d("reelMediaChange", e),
 			visible: (e) => d("mediaVisible", e)
@@ -2491,10 +2530,10 @@ var sn = 35, cn = 420, ln = /* @__PURE__ */ d({
 			if (l.state.layout !== "masonry" || l.state.reelOrigin !== null || ee()) return 0;
 			let n = [...new Set(e)], r = n.filter(se);
 			if (r.length === 0) return 0;
-			let i = new Map(C.value), a = t?.staggerMs ?? sn;
+			let i = new Map(C.value), a = t?.staggerMs ?? ln;
 			return r.forEach((e, t) => {
 				i.set(e, t * a);
-			}), y.value = new Set([...y.value].filter((e) => !r.includes(e))), S.value = new Set([...S.value, ...n]), C.value = i, cn + (r.length - 1) * a;
+			}), y.value = new Set([...y.value].filter((e) => !r.includes(e))), S.value = new Set([...S.value, ...n]), C.value = i, un + (r.length - 1) * a;
 		}
 		function ce(e, t) {
 			let n = se(e), r = n?.querySelector(".media-card-activator") ?? n;
@@ -2511,7 +2550,7 @@ var sn = 35, cn = 420, ln = /* @__PURE__ */ d({
 				e !== null && ce(e, t);
 			});
 		}
-		return on({
+		return cn({
 			closeMasonryReel: le,
 			element: () => g.value,
 			isReelLeaving: () => _.value,
@@ -2526,7 +2565,7 @@ var sn = 35, cn = 420, ln = /* @__PURE__ */ d({
 				let t = x.value.get(e);
 				t !== void 0 && r.set(e, t);
 			}), t.forEach((e, t) => {
-				r.set(e, t * sn);
+				r.set(e, t * ln);
 			}), x.value = r, y.value = new Set([...y.value, ...t]), te();
 		}, { flush: "sync" }), v(() => {
 			H !== null && cancelAnimationFrame(H);
@@ -2543,7 +2582,7 @@ var sn = 35, cn = 420, ln = /* @__PURE__ */ d({
 			ref_key: "surfaceElement",
 			ref: g,
 			class: "vibe-surface"
-		}, [t.state.layout === "reel" && (t.state.items.length > 0 || t.state.reelForward.status !== "idle") ? (b(), a(Qt, {
+		}, [t.state.layout === "reel" && (t.state.items.length > 0 || t.state.reelForward.status !== "idle") ? (b(), a(en, {
 			key: 0,
 			ref_key: "reelRenderer",
 			ref: p,
@@ -2596,7 +2635,7 @@ var sn = 35, cn = 420, ln = /* @__PURE__ */ d({
 			"can-retry-end",
 			"feed-footer",
 			"state"
-		])) : (b(), s(e, { key: 2 }, [u(Lt, {
+		])) : (b(), s(e, { key: 2 }, [u(zt, {
 			ref_key: "masonryRenderer",
 			ref: f,
 			"can-retry-end": t.canRetryEnd,
@@ -2667,7 +2706,7 @@ var sn = 35, cn = 420, ln = /* @__PURE__ */ d({
 				"aria-label": "Media viewer",
 				"aria-modal": "true",
 				tabindex: "-1"
-			}, [u(Qt, {
+			}, [u(en, {
 				ref_key: "reelRenderer",
 				ref: p,
 				"can-retry-end": t.canRetryEnd,
@@ -2713,7 +2752,7 @@ var sn = 35, cn = 420, ln = /* @__PURE__ */ d({
 });
 //#endregion
 //#region src/core/page.ts
-function un(e) {
+function fn(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.");
@@ -2724,22 +2763,22 @@ function Z(e, t) {
 	let n = new Set(e.map((e) => e.postId));
 	return [...e, ...t.filter((e) => n.has(e.postId) ? !1 : (n.add(e.postId), !0))];
 }
-function dn(e) {
+function pn(e) {
 	return `${typeof e}:${String(e)}`;
 }
-function fn(e) {
-	return e.mediaId === void 0 ? `source:${e.src}\u0000${e.preview.src}` : `id:${dn(e.mediaId)}`;
+function mn(e) {
+	return e.mediaId === void 0 ? `source:${e.src}\u0000${e.preview.src}` : `id:${pn(e.mediaId)}`;
 }
-function pn(e, t) {
-	let n = [...e], r = new Map(e.map((e, t) => [dn(e.postId), t]));
+function hn(e, t) {
+	let n = [...e], r = new Map(e.map((e, t) => [pn(e.postId), t]));
 	return t.forEach((e) => {
-		let t = dn(e.postId), i = r.get(t);
+		let t = pn(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(fn)), s = [e, ...e.items].filter((e) => {
-			let t = fn(e);
+		let a = n[i], o = new Set([a, ...a.items].map(mn)), s = [e, ...e.items].filter((e) => {
+			let t = mn(e);
 			return o.has(t) ? !1 : (o.add(t), !0);
 		});
 		s.length > 0 && (n[i] = {
@@ -2748,14 +2787,14 @@ function pn(e, t) {
 		});
 	}), n;
 }
-function mn(e) {
+function gn(e) {
 	return Object.prototype.hasOwnProperty.call(e, "current") ? e.current ?? null : e.next;
 }
 //#endregion
 //#region src/core/appendPage.ts
-function hn(e, t, n, r) {
-	let i = un(e), a = n.filterItems(i.items), o = mn(i);
-	t.items = pn(t.items, a), t.next = i.next, i.total !== void 0 && (t.total = i.total), r(o), n.recordPages([{
+function _n(e, t, n, r) {
+	let i = fn(e), a = n.filterItems(i.items), o = gn(i);
+	t.items = hn(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,
@@ -2764,32 +2803,32 @@ function hn(e, t, n, r) {
 }
 //#endregion
 //#region src/core/requestDelay.ts
-var gn = 2e3, _n = 1e4, vn = 250, yn = {
+var vn = 2e3, yn = 1e4, bn = 250, xn = {
 	delayRemainingMs: null,
 	nextRequestAt: null
 };
-function bn(e, t) {
+function Sn(e, t) {
 	return e === void 0 ? t : Math.floor(e);
 }
-function xn(e, t) {
+function Cn(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 Sn(e, t = {}) {
-	let n = bn(t.delayStepMs, gn), r = bn(t.delayMaxMs, _n);
+function wn(e, t = {}) {
+	let n = Sn(t.delayStepMs, vn), r = Sn(t.delayMaxMs, yn);
 	return Math.min(Math.max(0, e) * n, r);
 }
 function Q(e) {
-	if (e == null || !Number.isFinite(e)) return { ...yn };
+	if (e == null || !Number.isFinite(e)) return { ...xn };
 	let t = Math.max(0, Math.floor(e - Date.now()));
 	return t > 0 ? {
 		delayRemainingMs: t,
 		nextRequestAt: e
-	} : { ...yn };
+	} : { ...xn };
 }
-async function Cn({ delayMs: e, onChange: t, signal: n }) {
+async function Tn({ delayMs: e, onChange: t, signal: n }) {
 	if (n.aborted) throw new DOMException("Aborted", "AbortError");
 	if (e <= 0) {
-		t({ ...yn });
+		t({ ...xn });
 		return;
 	}
 	let r = Date.now() + e;
@@ -2797,9 +2836,9 @@ async function Cn({ delayMs: e, onChange: t, signal: n }) {
 		delayRemainingMs: e,
 		nextRequestAt: r
 	}), await new Promise((i, a) => {
-		let o = !1, s = setInterval(f, vn), c = setTimeout(() => u(), e);
+		let o = !1, s = setInterval(f, bn), c = setTimeout(() => u(), e);
 		function l() {
-			clearInterval(s), clearTimeout(c), n.removeEventListener("abort", d), t({ ...yn });
+			clearInterval(s), clearTimeout(c), n.removeEventListener("abort", d), t({ ...xn });
 		}
 		function u(e) {
 			o || (o = !0, l(), e ? a(e) : i());
@@ -2814,13 +2853,13 @@ async function Cn({ delayMs: e, onChange: t, signal: n }) {
 		n.addEventListener("abort", d, { once: !0 });
 	});
 }
-var wn = class {
+var En = class {
 	interval = null;
 	constructor(e) {
 		this.onChange = e;
 	}
 	clear() {
-		this.interval !== null && clearInterval(this.interval), this.interval = null, this.onChange({ ...yn });
+		this.interval !== null && clearInterval(this.interval), this.interval = null, this.onChange({ ...xn });
 	}
 	sync(e) {
 		this.clear();
@@ -2828,22 +2867,22 @@ var wn = class {
 		this.onChange(t), t.delayRemainingMs !== null && (this.interval = setInterval(() => {
 			let t = Q(e);
 			this.onChange(t), t.delayRemainingMs === null && this.clear();
-		}, vn));
+		}, bn));
 	}
 };
-function Tn(e, t = !0) {
+function Dn(e, t = !0) {
 	return e.maxAdditionalPages === "unlimited" ? Infinity : (e.maxAdditionalPages ?? 10) + (t ? 1 : 0);
 }
-function En(e) {
+function On(e) {
 	return `${typeof e}:${String(e)}`;
 }
-function Dn(e, t) {
+function kn(e, t) {
 	if (!Number.isInteger(e) || e <= 0) throw TypeError(`Vibe ${t} must be a positive integer.`);
 }
-function On(e) {
+function An(e) {
 	if (!e) return;
-	if (Dn(e.pageSize, "autofill pageSize"), e.strategy === "frontend") {
-		xn(e, "frontend autofill");
+	if (kn(e.pageSize, "autofill pageSize"), e.strategy === "frontend") {
+		Cn(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;
@@ -2855,7 +2894,7 @@ function On(e) {
 		if (t.pageSize !== e.pageSize) throw TypeError("Vibe backend autofill initialSession pageSize must match autofill pageSize.");
 	}
 }
-function kn(e, t, n = !0) {
+function jn(e, t, n = !0) {
 	if (!e) return {
 		cycleId: null,
 		delayRemainingMs: null,
@@ -2889,7 +2928,7 @@ function kn(e, t, n = !0) {
 		strategy: e.strategy
 	};
 }
-function An(e) {
+function Mn(e) {
 	return [
 		"cancelling",
 		"filling",
@@ -2897,9 +2936,9 @@ function An(e) {
 		"waiting"
 	].includes(e.status);
 }
-async function jn(e, t, n) {
+async function Nn(e, t, n) {
 	let r = t.autofill;
-	if (!An(r) || !r.cycleId) return;
+	if (!Mn(r) || !r.cycleId) return;
 	let i = {
 		cycleId: r.cycleId,
 		feedKey: r.feedKey ?? "",
@@ -2912,16 +2951,16 @@ async function jn(e, t, n) {
 		throw r.error = e, r.status = "error", e;
 	}
 }
-function Mn(e, t, n) {
+function Pn(e, t, n) {
 	return e?.strategy === "backend" && t.feedKey === e.feedKey && t.sessionId === n.sessionId;
 }
-async function Nn({ 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 ?? Tn(s), g = t, _ = t, v = t, y = 0, b = [], x;
+async function Fn({ 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 ?? Dn(s), g = t, _ = t, v = t, y = 0, b = [], x;
 	for (; y < h;) {
-		let e = En(g);
+		let e = On(g);
 		if (m.has(e)) throw Error("Vibe autofill received a repeated cursor.");
-		if (m.add(e), await Cn({
-			delayMs: Sn(l + y, s),
+		if (m.add(e), await Tn({
+			delayMs: wn(l + y, s),
 			onChange: a,
 			signal: d
 		}), y > 0 && u()) return {
@@ -2935,7 +2974,7 @@ async function Nn({ existingItems: e, initialCursor: t, loadPage: n, maximumRequ
 			status: "paused",
 			total: x
 		};
-		let t = un(await n({
+		let t = fn(await n({
 			cursor: g,
 			signal: d
 		}));
@@ -2992,12 +3031,12 @@ async function Nn({ existingItems: e, initialCursor: t, loadPage: n, maximumRequ
 }
 //#endregion
 //#region src/core/autofillController.ts
-var Pn = class {
+var In = class {
 	collection = null;
 	cycle = 0;
 	delayCountdown;
 	constructor(e) {
-		this.context = e, this.delayCountdown = new wn((t) => Object.assign(e.state.autofill, t)), this.syncCountdown();
+		this.context = e, this.delayCountdown = new En((t) => Object.assign(e.state.autofill, t)), this.syncCountdown();
 	}
 	beginCycle() {
 		let { options: e, state: t } = this.context;
@@ -3005,14 +3044,14 @@ var Pn = class {
 		this.clear();
 		let n = `vibe-autofill-${Date.now().toString(36)}-${++this.cycle}`;
 		return t.autofill = {
-			...kn(e, void 0, !1),
+			...jn(e, void 0, !1),
 			cycleId: n,
 			status: "filling"
 		}, n;
 	}
 	async cancel() {
 		let { cancelRequest: e, options: t, state: n } = this.context;
-		await jn(t, n, e), this.commitCollection();
+		await Nn(t, n, e), this.commitCollection();
 	}
 	captureCollection(e, t) {
 		t && (this.collection = e);
@@ -3040,30 +3079,30 @@ var Pn = class {
 			requests: r.requests
 		}), !0) : !1;
 	}
-}, Fn = 100;
-function In(e, t) {
+}, Ln = 100;
+function Rn(e, t) {
 	if (!Number.isFinite(t) || t <= 0) throw TypeError(`Vibe ${e} must be a positive number.`);
 }
-function Ln(e, t, n) {
+function zn(e, t, n) {
 	return Math.min(n, Math.max(t, e));
 }
-function Rn(e) {
+function Bn(e) {
 	if (!e) return;
 	let t = e.minSpeedPxPerSecond ?? 20, n = e.maxSpeedPxPerSecond ?? 240;
-	if (In("autoScroll.minSpeedPxPerSecond", t), In("autoScroll.maxSpeedPxPerSecond", n), t > n) throw TypeError("Vibe autoScroll.minSpeedPxPerSecond cannot exceed maxSpeedPxPerSecond.");
-	e.speedPxPerSecond !== void 0 && In("autoScroll.speedPxPerSecond", e.speedPxPerSecond);
+	if (Rn("autoScroll.minSpeedPxPerSecond", t), Rn("autoScroll.maxSpeedPxPerSecond", n), t > n) throw TypeError("Vibe autoScroll.minSpeedPxPerSecond cannot exceed maxSpeedPxPerSecond.");
+	e.speedPxPerSecond !== void 0 && Rn("autoScroll.speedPxPerSecond", e.speedPxPerSecond);
 }
-function zn(e) {
+function Vn(e) {
 	let t = e?.minSpeedPxPerSecond ?? 20, n = e?.maxSpeedPxPerSecond ?? 240;
 	return {
 		enabled: e?.enabled ?? !1,
 		maxSpeedPxPerSecond: n,
 		minSpeedPxPerSecond: t,
 		paused: !1,
-		speedPxPerSecond: Ln(e?.speedPxPerSecond ?? 80, t, n)
+		speedPxPerSecond: zn(e?.speedPxPerSecond ?? 80, t, n)
 	};
 }
-var Bn = class {
+var Hn = class {
 	frame = null;
 	lastTimestamp = null;
 	mounted = !1;
@@ -3083,9 +3122,9 @@ var Bn = class {
 		this.options.state.enabled && (this.options.state.paused = e, this.lastTimestamp = null, e ? this.cancelFrame() : this.schedule());
 	}
 	setSpeed(e) {
-		In("auto-scroll speed", e);
+		Rn("auto-scroll speed", e);
 		let t = this.options.state;
-		t.speedPxPerSecond = Ln(e, t.minSpeedPxPerSecond, t.maxSpeedPxPerSecond);
+		t.speedPxPerSecond = zn(e, t.minSpeedPxPerSecond, t.maxSpeedPxPerSecond);
 	}
 	tick = (e) => {
 		this.frame = null;
@@ -3097,7 +3136,7 @@ var Bn = class {
 			return;
 		}
 		if (this.lastTimestamp !== null) {
-			let r = Math.min(Fn, Math.max(0, e - this.lastTimestamp)), i = Math.max(0, n.scrollHeight - n.clientHeight);
+			let r = Math.min(Ln, 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();
@@ -3111,7 +3150,7 @@ var Bn = class {
 };
 //#endregion
 //#region src/core/backendAutofill.ts
-async function Vn(e, t, n, r) {
+async function Un(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.");
@@ -3125,19 +3164,19 @@ async function Vn(e, t, n, r) {
 		status: "waiting"
 	});
 }
-function Hn(e, t) {
+function Wn(e, t) {
 	["complete", "exhausted"].includes(t.status) && t.items && (e.items = Z(e.items, t.items)), t.next !== void 0 && (e.next = t.next), t.total !== void 0 && (e.total = t.total);
 }
-function Un(e, t, n) {
+function Gn(e, t, n) {
 	let r = t.autofill;
-	return !Mn(e, n, r) || n.sequence <= r.sequence || ["cancelled", "cancelling"].includes(r.status) || ["complete", "exhausted"].includes(n.status) && n.next === void 0 ? !1 : (Hn(t, n), Object.assign(r, Q(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 !Pn(e, n, r) || n.sequence <= r.sequence || ["cancelled", "cancelling"].includes(r.status) || ["complete", "exhausted"].includes(n.status) && n.next === void 0 ? !1 : (Wn(t, n), Object.assign(r, Q(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 Wn(e, t, n) {
-	return e?.strategy !== "backend" || n.feedKey !== e.feedKey || n.pageSize !== e.pageSize ? !1 : (t.autofill = kn(e, n), Hn(t, n), !0);
+function Kn(e, t, n) {
+	return e?.strategy !== "backend" || n.feedKey !== e.feedKey || n.pageSize !== e.pageSize ? !1 : (t.autofill = jn(e, n), Wn(t, n), !0);
 }
 //#endregion
 //#region src/core/backlogRestore.ts
-async function Gn(e, t, n) {
+async function qn(e, t, n) {
 	if (!e) return;
 	let r = new AbortController();
 	n(r);
@@ -3152,7 +3191,7 @@ async function Gn(e, t, n) {
 }
 //#endregion
 //#region src/core/initialAutofill.ts
-async function Kn({ cycleId: e, isCurrent: t, onCollection: n, onLastCursor: r, onPages: i, options: a, signal: o, state: s }) {
+async function Jn({ 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;
@@ -3165,7 +3204,7 @@ async function Kn({ cycleId: e, isCurrent: t, onCollection: n, onLastCursor: r,
 		return;
 	}
 	if (c.strategy === "backend") {
-		await Vn(c, s, {
+		await Un(c, s, {
 			cycleId: e,
 			feedKey: c.feedKey,
 			items: [...s.items],
@@ -3182,11 +3221,11 @@ async function Kn({ cycleId: e, isCurrent: t, onCollection: n, onLastCursor: r,
 		s.autofill.status = "exhausted";
 		return;
 	}
-	let u = await Nn({
+	let u = await Fn({
 		existingItems: s.items,
 		initialCursor: s.next,
 		loadPage: a.loadPage,
-		maximumRequests: Tn(c, !1),
+		maximumRequests: Dn(c, !1),
 		onCollection: n,
 		onDelayChange: (e) => {
 			t() && Object.assign(s.autofill, e);
@@ -3209,13 +3248,13 @@ async function Kn({ cycleId: e, isCurrent: t, onCollection: n, onLastCursor: r,
 }
 //#endregion
 //#region src/core/fill.ts
-function qn(e) {
+function Yn(e) {
 	return "items" in e ? { items: e.items } : "pages" in e ? { pages: e.pages } : { until: "end" };
 }
-function Jn(e) {
+function Xn(e) {
 	return `${typeof e}:${String(e)}`;
 }
-function Yn(e) {
+function Zn(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.");
@@ -3228,20 +3267,20 @@ function Yn(e) {
 	if ("until" in e && e.until === "end") return { until: "end" };
 	throw TypeError("Vibe fill target must be { items }, { pages }, or { until: 'end' }.");
 }
-function Xn(e) {
+function Qn(e) {
 	if (!e) return;
 	if (e.strategy === "frontend") {
-		xn(e, "frontend fill");
+		Cn(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.");
-		Yn(t.target);
+		Zn(t.target);
 	}
 }
-function Zn(e, t, n = !0) {
+function $n(e, t, n = !0) {
 	let r = e?.strategy === "backend" && n ? e.initialSession : void 0, i = t ?? r, a = Q(i?.nextRequestAt);
 	return {
 		completedPages: i?.completedPages ?? 0,
@@ -3255,10 +3294,10 @@ function Zn(e, t, n = !0) {
 		sessionId: i?.sessionId ?? null,
 		status: i?.status ?? "idle",
 		strategy: e?.strategy ?? null,
-		target: i ? qn(i.target) : null
+		target: i ? Yn(i.target) : null
 	};
 }
-function Qn(e) {
+function er(e) {
 	return [
 		"cancelling",
 		"filling",
@@ -3266,7 +3305,7 @@ function Qn(e) {
 		"waiting"
 	].includes(e.status);
 }
-async function $n({ existingItems: e, initialCursor: t, loadPage: n, onCollection: r = () => void 0, onDelayChange: i, onProgress: a, options: o, shouldPause: s = () => !1, signal: c, target: l }) {
+async function tr({ existingItems: e, initialCursor: t, loadPage: n, onCollection: r = () => void 0, onDelayChange: i, onProgress: a, options: o, shouldPause: s = () => !1, signal: c, target: l }) {
 	let u = [], d = [], f = [...e], p = /* @__PURE__ */ new Set(), m = 0, h = t, g = t, _ = t, v = 0, y;
 	if ("items" in l && f.length >= l.items) return {
 		completedPages: m,
@@ -3278,10 +3317,10 @@ async function $n({ existingItems: e, initialCursor: t, loadPage: n, onCollectio
 		status: "complete"
 	};
 	for (; _ !== null;) {
-		let e = Jn(h);
+		let e = Xn(h);
 		if (p.has(e)) throw Error("Vibe fill received a repeated cursor.");
-		if (p.add(e), await Cn({
-			delayMs: Sn(m, o),
+		if (p.add(e), await Tn({
+			delayMs: wn(m, o),
 			onChange: i,
 			signal: c
 		}), m > 0 && s()) return {
@@ -3294,7 +3333,7 @@ async function $n({ existingItems: e, initialCursor: t, loadPage: n, onCollectio
 			status: "paused",
 			total: y
 		};
-		let t = un(await n({
+		let t = fn(await n({
 			cursor: h,
 			signal: c
 		}));
@@ -3362,7 +3401,7 @@ async function $n({ existingItems: e, initialCursor: t, loadPage: n, onCollectio
 }
 //#endregion
 //#region src/core/backendFill.ts
-async function er(e, t, n, r) {
+async function nr(e, t, n, r) {
 	let i = await e.onStart(n);
 	if (r()) {
 		if (!i.sessionId.trim()) throw TypeError("Vibe backend fill requires a sessionId.");
@@ -3376,22 +3415,22 @@ async function er(e, t, n, r) {
 		});
 	}
 }
-function tr(e, t, n) {
+function rr(e, t, n) {
 	return e?.strategy === "backend" && n.feedKey === e.feedKey && n.sessionId === t.fill.sessionId;
 }
-function nr(e) {
+function ir(e) {
 	return Number.isInteger(e.completedPages) && e.completedPages >= 0 && Number.isInteger(e.received) && e.received >= 0 && Number.isInteger(e.sequence) && e.sequence >= 0;
 }
-function rr(e, t) {
+function ar(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 ir(e, t, n) {
+function or(e, t, n) {
 	t.total !== void 0 && (e.total = t.total), ["complete", "exhausted"].includes(t.status) && (e.items = Z(e.items, t.items ?? []), e.next = t.next ?? null, n(t.lastCursor ?? null));
 }
-function ar(e, t, n, r) {
-	return !tr(e, t, n) || !nr(n) || n.sequence <= t.fill.sequence || ["cancelled", "cancelling"].includes(t.fill.status) || !rr(t, n) ? !1 : (ir(t, n, r), Object.assign(t.fill, {
+function sr(e, t, n, r) {
+	return !rr(e, t, n) || !ir(n) || n.sequence <= t.fill.sequence || ["cancelled", "cancelling"].includes(t.fill.status) || !ar(t, n) ? !1 : (or(t, n, r), Object.assign(t.fill, {
 		...Q(n.status === "waiting" ? n.nextRequestAt : null),
 		completedPages: n.completedPages,
 		error: n.error ?? null,
@@ -3400,45 +3439,45 @@ function ar(e, t, n, r) {
 		status: n.status
 	}), !0);
 }
-function or(e, t, n, r) {
+function cr(e, t, n, r) {
 	if (e?.strategy !== "backend" || n.feedKey !== e.feedKey) return !1;
 	let i = t.fill;
-	return t.fill = Zn(e, n), !nr(n) || !rr(t, n) ? (t.fill = i, !1) : (ir(t, n, r), !0);
+	return t.fill = $n(e, n), !ir(n) || !ar(t, n) ? (t.fill = i, !1) : (or(t, n, r), !0);
 }
 //#endregion
 //#region src/core/fillController.ts
-var sr = class {
+var lr = class {
 	abortController = null;
 	cycle = 0;
 	delayCountdown;
 	requestVersion = 0;
 	collection = null;
 	constructor(e) {
-		this.options = e, this.delayCountdown = new wn((e) => {
+		this.options = e, this.delayCountdown = new En((e) => {
 			Object.assign(this.options.state.fill, e);
 		}), this.syncBackendCountdown();
 	}
 	isActive() {
-		return Qn(this.options.state.fill);
+		return er(this.options.state.fill);
 	}
 	applyUpdate(e) {
-		let t = ar(this.options.fill, this.options.state, e, this.options.onLastCursor);
+		let t = sr(this.options.fill, this.options.state, e, this.options.onLastCursor);
 		return t && this.syncBackendCountdown(), t;
 	}
 	restoreSession(e) {
-		let t = or(this.options.fill, this.options.state, e, this.options.onLastCursor);
+		let t = cr(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 = Yn(e), i = Yn(t.target ?? r), a = t.progressOffset ?? {
+		let r = Zn(e), i = Zn(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 = {
-			...Zn(n, void 0, !1),
+			...$n(n, void 0, !1),
 			completedPages: a.completedPages,
 			cycleId: o,
 			received: a.received,
@@ -3451,7 +3490,7 @@ var sr = 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 er(n, this.options.state, {
+			n.strategy === "frontend" ? await this.startFrontend(n, r, c, s, t.prepareFrontend !== !1, a) : (await nr(n, this.options.state, {
 				cycleId: o,
 				feedKey: n.feedKey,
 				items: [...this.options.state.items],
@@ -3469,7 +3508,7 @@ var sr = class {
 	}
 	async cancel() {
 		let { fill: e, state: t } = this.options;
-		if (!Qn(t.fill) || !t.fill.cycleId) return;
+		if (!er(t.fill) || !t.fill.cycleId) return;
 		let n = {
 			cycleId: t.fill.cycleId,
 			feedKey: t.fill.feedKey ?? "",
@@ -3513,7 +3552,7 @@ var sr = class {
 		});
 	}
 	reset() {
-		this.abortLocalRequest(), this.delayCountdown.clear(), this.options.state.fill = Zn(this.options.fill, void 0, !1), this.collection = null;
+		this.abortLocalRequest(), this.delayCountdown.clear(), this.options.state.fill = $n(this.options.fill, void 0, !1), this.collection = null;
 	}
 	destroy() {
 		this.abortLocalRequest(), this.delayCountdown.clear();
@@ -3548,7 +3587,7 @@ var sr = class {
 			s.fill.status = "until" in t ? "complete" : "exhausted";
 			return;
 		}
-		let c = await $n({
+		let c = await tr({
 			existingItems: s.items,
 			initialCursor: s.next,
 			loadPage: o,
@@ -3596,7 +3635,7 @@ var sr = class {
 };
 //#endregion
 //#region src/core/fillReconciliation.ts
-async function cr({ controller: e, isCurrent: t, loadPage: n, onDelayChange: r, setLastCursor: i, signal: a, state: o }) {
+async function ur({ controller: e, isCurrent: t, loadPage: n, onDelayChange: r, setLastCursor: i, signal: a, state: o }) {
 	if (!e.needsReconciliation(o.items)) return "skipped";
 	let s = await e.reconcile({
 		existingItems: o.items,
@@ -3609,7 +3648,7 @@ async function cr({ controller: e, isCurrent: t, loadPage: n, onDelayChange: r,
 }
 //#endregion
 //#region src/core/feedFooter.ts
-function lr(e) {
+function dr(e) {
 	return {
 		cancelAutofill: () => e.cancelAutofill(),
 		loadMore: () => e.loadNext(),
@@ -3621,46 +3660,46 @@ function lr(e) {
 		retryFill: () => e.retryFill()
 	};
 }
-function ur(e) {
+function fr(e) {
 	if (!Number.isFinite(e) || e <= 0) throw TypeError("Vibe reelAutoAdvance.intervalMs must be a positive number.");
 }
-function dr(e) {
-	e?.intervalMs !== void 0 && ur(e.intervalMs);
+function pr(e) {
+	e?.intervalMs !== void 0 && fr(e.intervalMs);
 }
-function fr(e) {
+function mr(e) {
 	return {
 		enabled: e?.enabled ?? !1,
 		includePostItems: e?.includePostItems ?? !1,
 		intervalMs: e?.intervalMs ?? 5e3
 	};
 }
-function pr(e, t) {
+function hr(e, t) {
 	if (typeof t == "boolean") {
 		e.enabled = t;
 		return;
 	}
-	dr(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);
+	pr(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 mr(e) {
+function gr(e) {
 	return { enabled: e?.enabled ?? !1 };
 }
-function hr(e, t, n) {
+function _r(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 gr(e, t) {
+function vr(e, t) {
 	let n = e.initialPage;
 	return {
 		activeReelPostId: null,
-		autoScroll: zn(e.autoScroll),
-		autofill: kn(e.autofill),
+		autoScroll: Vn(e.autoScroll),
+		autofill: jn(e.autofill),
 		current: n?.current ?? null,
 		error: null,
-		fill: Zn(e.fill),
+		fill: $n(e.fill),
 		infiniteScroll: e.infiniteScroll ?? !0,
 		isLoading: !n,
 		isLoadingMore: !1,
@@ -3671,14 +3710,14 @@ function gr(e, t) {
 		next: n?.next ?? null,
 		nextPageError: null,
 		phoneMode: !1,
-		reelAutoAdvance: fr(e.reelAutoAdvance),
+		reelAutoAdvance: mr(e.reelAutoAdvance),
 		reelForward: {
 			error: null,
 			status: "idle"
 		},
 		reelForwardIndex: null,
 		reelForwardItem: null,
-		reelInfoSheet: mr(e.reelInfoSheet),
+		reelInfoSheet: gr(e.reelInfoSheet),
 		reelInfoSheetOverlay: !1,
 		reelMediaSource: "original",
 		reelOrigin: null,
@@ -3687,21 +3726,21 @@ function gr(e, t) {
 }
 //#endregion
 //#region src/core/options.ts
-function _r(e, t) {
+function yr(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 vr(e, t) {
+function br(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 yr(e) {
-	if (Rn(e.autoScroll), _r("cardHeader", e.cardHeader), _r("cardFooter", e.cardFooter), vr("header", e.mediaCard?.header), vr("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 (On(e.autofill), Xn(e.fill), de(e.masonry), dr(e.reelAutoAdvance), e.removalReconciliation) {
+function xr(e) {
+	if (Bn(e.autoScroll), yr("cardHeader", e.cardHeader), yr("cardFooter", e.cardFooter), br("header", e.mediaCard?.header), br("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 (An(e.autofill), Qn(e.fill), de(e.masonry), pr(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.");
@@ -3716,7 +3755,7 @@ function yr(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 br(e) {
+function Sr(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);
@@ -3725,7 +3764,7 @@ function br(e) {
 }
 //#endregion
 //#region src/core/pageRequest.ts
-async function xr({ append: e, autofillController: t, cursor: n, isCurrent: r, loadPage: i, onLastCursor: a, onPages: o, options: s, signal: c, state: l }) {
+async function Cr({ 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
@@ -3737,11 +3776,11 @@ async function xr({ append: e, autofillController: t, cursor: n, isCurrent: r, l
 	let m = !1;
 	try {
 		if (u?.strategy === "frontend") {
-			let s = await Nn({
+			let s = await Fn({
 				existingItems: e ? l.items : [],
 				initialCursor: n,
 				loadPage: i,
-				maximumRequests: f ? Math.max(0, Tn(u) - f.requests) : void 0,
+				maximumRequests: f ? Math.max(0, Dn(u) - f.requests) : void 0,
 				onCollection: (e) => t.captureCollection(e, r()),
 				onDelayChange: (e) => {
 					r() && Object.assign(l.autofill, e);
@@ -3764,7 +3803,7 @@ async function xr({ append: e, autofillController: t, cursor: n, isCurrent: r, l
 			}), o(s.pages), t.clearCollection();
 			return;
 		}
-		let s = un(await i({
+		let s = fn(await i({
 			cursor: n,
 			signal: c
 		}));
@@ -3784,7 +3823,7 @@ async function xr({ append: e, autofillController: t, cursor: n, isCurrent: r, l
 				l.autofill.status = "complete";
 				return;
 			}
-			await Vn(u, l, {
+			await Un(u, l, {
 				cycleId: p,
 				feedKey: u.feedKey,
 				items: h.slice(d.length),
@@ -3809,13 +3848,13 @@ async function xr({ append: e, autofillController: t, cursor: n, isCurrent: r, l
 function $(e) {
 	return `${typeof e}:${String(e)}`;
 }
-function Sr(e) {
+function wr(e) {
 	return `${typeof e}:${String(e)}`;
 }
-function Cr(e) {
+function Tr(e) {
 	return e.map(({ postId: e }) => e);
 }
-var wr = class {
+var Er = class {
 	delay;
 	enabled;
 	maxReplayPages;
@@ -3847,10 +3886,10 @@ var wr = class {
 	}
 	recordInitialPage(e) {
 		e && this.recordPages([{
-			contributionIds: Cr(e.items),
-			cursor: mn(e),
+			contributionIds: Tr(e.items),
+			cursor: gn(e),
 			next: e.next,
-			returnedIds: Cr(e.items)
+			returnedIds: Tr(e.items)
 		}]);
 	}
 	remove(e) {
@@ -3865,14 +3904,14 @@ var wr = class {
 	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 = Sr(a.cursor);
+			let e = wr(a.cursor);
 			if (a.seenCursors.has(e)) throw Error("Vibe removal reconciliation received a repeated cursor.");
-			if (await Cn({
-				delayMs: Sn(a.pages.length, this.delay),
+			if (await Tn({
+				delayMs: wn(a.pages.length, this.delay),
 				onChange: n,
 				signal: i
 			}), a.pages.length > 0 && r()) return this.result(a, "paused");
-			let o = un(await t({
+			let o = fn(await t({
 				cursor: a.cursor,
 				signal: i
 			}));
@@ -3885,7 +3924,7 @@ var wr = class {
 				contributionIds: c,
 				cursor: a.cursor,
 				next: o.next,
-				returnedIds: Cr(s)
+				returnedIds: Tr(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");
@@ -3924,7 +3963,7 @@ var wr = class {
 		return this.pages.findIndex(({ contributionIds: e }) => e.filter((e) => t.has($(e))).length < this.pageSize);
 	}
 	recordPage(e) {
-		let t = Sr(e.cursor), n = this.pages.findIndex(({ cursor: e }) => Sr(e) === t);
+		let t = wr(e.cursor), n = this.pages.findIndex(({ cursor: e }) => wr(e) === t);
 		n >= 0 && (this.pages = this.pages.slice(0, n)), this.pages.push({
 			...e,
 			contributionIds: [...e.contributionIds],
@@ -3934,7 +3973,7 @@ var wr = class {
 };
 //#endregion
 //#region src/core/activeItemRemoval.ts
-function Tr(e, t, n, r, i) {
+function Dr(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)];
@@ -3947,7 +3986,7 @@ function Tr(e, t, n, r, i) {
 }
 //#endregion
 //#region src/core/exactMediaRemovalController.ts
-function Er(e, t) {
+function Or(e, t) {
 	let [n, ...r] = t;
 	if (!n) throw Error("Vibe items must contain at least one media asset.");
 	return {
@@ -3956,10 +3995,10 @@ function Er(e, t) {
 		items: r
 	};
 }
-function Dr(e) {
+function kr(e) {
 	if (!Number.isInteger(e.mediaIndex) || e.mediaIndex < 0) throw TypeError("Vibe mediaIndex must be a non-negative integer.");
 }
-var Or = class {
+var Ar = class {
 	generation = 0;
 	metadata = /* @__PURE__ */ new WeakMap();
 	state;
@@ -3967,7 +4006,7 @@ var Or = class {
 		this.options = e, this.state = e.state;
 	}
 	remove(e) {
-		Dr(e);
+		kr(e);
 		let t = this.state.items.findIndex(({ postId: t }) => t === e.postId), n = this.state.items[t];
 		if (!n) return null;
 		let r = [...P(n)], i = r[e.mediaIndex];
@@ -3984,7 +4023,7 @@ var Or = 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] = Er(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] = Or(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;
@@ -4010,7 +4049,7 @@ var Or = class {
 	}
 	restoreIntoPost(e, t) {
 		let n = this.state.items[e], r = [...P(n)], i = Math.min(t.mediaIndex, r.length);
-		if (r.splice(i, 0, t.media), this.state.items[e] = Er(n, r), this.state.activeReelPostId !== t.postId) return;
+		if (r.splice(i, 0, t.media), this.state.items[e] = Or(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);
 	}
@@ -4023,18 +4062,18 @@ var Or = class {
 };
 //#endregion
 //#region src/core/itemPlacement.ts
-function kr(e, t) {
+function jr(e, t) {
 	let n = new Set(t);
 	return e.flatMap((e, t) => n.has(e.postId) ? [{
 		index: t,
 		item: e
 	}] : []);
 }
-function Ar(e, t) {
+function Mr(e, t) {
 	let n = new Set(t.map(({ item: e }) => e.postId));
 	return e.filter((e) => !n.has(e.postId));
 }
-function jr(e, t) {
+function Nr(e, t) {
 	t.forEach(({ index: e }) => {
 		if (!Number.isInteger(e) || e < 0) throw Error("Vibe item restore indexes must be non-negative integers.");
 	});
@@ -4045,7 +4084,7 @@ function jr(e, t) {
 }
 //#endregion
 //#region src/core/itemRemovalController.ts
-var Mr = 20, Nr = class {
+var Pr = 20, Fr = class {
 	generation = 0;
 	historyLimit;
 	metadata = /* @__PURE__ */ new WeakMap();
@@ -4054,7 +4093,7 @@ var Mr = 20, Nr = class {
 	itemOrder;
 	stopItemsWatcher;
 	constructor(e) {
-		this.options = e, this.historyLimit = e.historyLimit ?? Mr, this.state = e.state, this.itemOrder = this.state.items.map(({ postId: e }) => e), this.stopItemsWatcher = O(() => this.state.items, (e) => this.appendUnknownItems(e), { flush: "sync" });
+		this.options = e, this.historyLimit = e.historyLimit ?? Pr, this.state = e.state, this.itemOrder = this.state.items.map(({ postId: e }) => e), this.stopItemsWatcher = O(() => this.state.items, (e) => this.appendUnknownItems(e), { flush: "sync" });
 	}
 	destroy() {
 		this.reset(), this.stopItemsWatcher();
@@ -4068,7 +4107,7 @@ var Mr = 20, Nr = 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 = Ar(this.state.items, n), this.options.onItemsRemoved(r, n, l), this.record(r), r;
+		return this.state.items = Mr(this.state.items, n), this.options.onItemsRemoved(r, n, l), this.record(r), r;
 	}
 	reset() {
 		this.generation += 1, this.history = [], this.itemOrder = [];
@@ -4079,7 +4118,7 @@ var Mr = 20, Nr = class {
 			this.restoreRemoval(t);
 			return;
 		}
-		let n = new Set(this.state.items.map(({ postId: e }) => e)), r = e.filter(({ item: e }) => n.has(e.postId) ? !1 : (n.add(e.postId), !0)), i = jr(this.state.items, r);
+		let n = new Set(this.state.items.map(({ postId: e }) => e)), r = e.filter(({ item: e }) => n.has(e.postId) ? !1 : (n.add(e.postId), !0)), i = Nr(this.state.items, r);
 		this.registerExternalPlacements(r), this.state.items = i, r.length > 0 && this.options.onRemovalRestored(r);
 	}
 	restoreRemoval(e) {
@@ -4105,7 +4144,7 @@ var Mr = 20, Nr = class {
 	}
 	collectOrderedPlacements(e) {
 		let t = new Map(this.itemOrder.map((e, t) => [e, t]));
-		return kr(this.state.items, e).map((e) => ({
+		return jr(this.state.items, e).map((e) => ({
 			index: t.get(e.item.postId) ?? e.index,
 			item: e.item
 		}));
@@ -4136,7 +4175,7 @@ var Mr = 20, Nr = class {
 		let r = new Map(this.itemOrder.map((e, t) => [e, t]));
 		return this.state.items = [...this.state.items, ...n].sort((e, t) => (r.get(e.postId) ?? 2 ** 53 - 1) - (r.get(t.postId) ?? 2 ** 53 - 1)), !0;
 	}
-}, Pr = class {
+}, Ir = class {
 	forward = null;
 	forwardPromise = null;
 	forwardVersion = 0;
@@ -4223,7 +4262,7 @@ var Mr = 20, Nr = class {
 			}
 		}
 	}
-}, Fr = class {
+}, Lr = class {
 	generation = 0;
 	pending = Promise.resolve();
 	constructor(e) {
@@ -4273,24 +4312,24 @@ var Mr = 20, Nr = class {
 };
 //#endregion
 //#region src/core/removalControllers.ts
-function Ir(e) {
-	let t = new Pr(e), n = new Fr({
+function Rr(e) {
+	let t = new Ir(e), n = new Lr({
 		state: e.state,
 		transitionMedia: (t) => e.surface()?.transitionActiveReelMedia(t) ?? Promise.resolve(!1),
 		transitionPost: (t) => e.surface()?.transitionActiveReelPost(t) ?? Promise.resolve(!1)
 	});
 	return {
-		exactMediaRemoval: new Or({
+		exactMediaRemoval: new Ar({
 			onActivate: e.onActivate,
 			onPostRemoved: (t) => e.onItemsRemoved([t]),
 			onPostRestored: (t) => e.onItemsRestored([t]),
 			reelForward: t,
 			state: e.state
 		}),
-		itemRemoval: new Nr({
+		itemRemoval: new Fr({
 			historyLimit: e.historyLimit,
 			onItemsRemoved: (n, r, i) => {
-				e.onItemsRemoved(r.map(({ item: e }) => e.postId)), Tr(e.state, r, i, e.onActivate, (e, r) => t.start(n, e, r));
+				e.onItemsRemoved(r.map(({ item: e }) => e.postId)), Dr(e.state, r, i, e.onActivate, (e, r) => t.start(n, e, r));
 			},
 			onRemovalRestored: (n) => {
 				e.onItemsRestored(n.map(({ item: e }) => e.postId));
@@ -4305,17 +4344,17 @@ function Ir(e) {
 		reelRemoval: n
 	};
 }
-var Lr = 1.5;
-function Rr(e) {
+var zr = 1.5;
+function Br(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 * Lr;
+	let n = Math.min(e.viewportWidth, e.viewportHeight), r = t >= n * zr;
 	return !e.hasHover && n > 0 && n < 600 && r;
 }
-function zr(e) {
-	return Rr(e) ? "reel" : "masonry";
+function Vr(e) {
+	return Br(e) ? "reel" : "masonry";
 }
-function Br(e) {
+function Hr(e) {
 	let t = e.ownerDocument.defaultView, n = e.ownerDocument.documentElement;
 	return {
 		hasHover: typeof t?.matchMedia == "function" && t.matchMedia("(hover: hover)").matches,
@@ -4325,15 +4364,15 @@ function Br(e) {
 		viewportWidth: n.clientWidth
 	};
 }
-function Vr(e) {
-	return Rr(Br(e));
+function Ur(e) {
+	return Br(Hr(e));
 }
-function Hr(e) {
-	return zr(Br(e));
+function Wr(e) {
+	return Vr(Hr(e));
 }
 //#endregion
 //#region src/core/responsiveLayoutController.ts
-var Ur = class {
+var Gr = class {
 	layoutMode;
 	resizeObserver = null;
 	target = null;
@@ -4358,13 +4397,13 @@ var Ur = class {
 	}
 	handleResponsiveLayout = () => {
 		if (!this.target) return;
-		let e = Hr(this.target);
-		this.state.phoneMode = Vr(this.target), this.state.reelInfoSheetOverlay = this.state.phoneMode, this.state.reelMediaSource = this.state.phoneMode ? "mobile" : "original", this.layoutMode === "responsive" && this.applyLayout(e);
+		let e = Wr(this.target);
+		this.state.phoneMode = Ur(this.target), this.state.reelInfoSheetOverlay = this.state.phoneMode, this.state.reelMediaSource = this.state.phoneMode ? "mobile" : "original", this.layoutMode === "responsive" && this.applyLayout(e);
 	};
-}, Wr = class {
+}, Kr = class {
 	state;
 	constructor(e) {
-		this.options = e, this.state = x(Ze({
+		this.options = e, this.state = x($e({
 			...e.initialReelAudioState,
 			muted: e.initialReelAudioState?.muted ?? e.mediaCard?.videoMuted ?? !1
 		}));
@@ -4373,9 +4412,9 @@ var Ur = class {
 		return { ...this.state };
 	}
 	set(e, t = !1) {
-		Object.assign(this.state, Ze(e, this.state)), t && this.options.onReelAudioStateChange?.(this.get());
+		Object.assign(this.state, $e(e, this.state)), t && this.options.onReelAudioStateChange?.(this.get());
 	}
-}, Gr = class {
+}, qr = class {
 	routedReelPostId = null;
 	reelRouteIsActive = !1;
 	constructor(e, t) {
@@ -4402,7 +4441,33 @@ var Ur = class {
 		let i = this.reelRouteIsActive ? "replace" : "push";
 		this.reelRouteIsActive = !0, this.routedReelPostId = e, this.options.router[i](r);
 	}
-}, Kr = class {
+};
+//#endregion
+//#region src/core/updateItems.ts
+function Jr(e) {
+	return String(e);
+}
+function Yr(e, t) {
+	let n = P(t).length;
+	(e.mediaIndices.get(t.postId) ?? 0) >= n && e.mediaIndices.set(t.postId, Math.max(0, n - 1));
+}
+function Xr(e, t) {
+	let n = /* @__PURE__ */ new Map();
+	if (t.forEach((e) => n.set(Jr(e.postId), e)), n.size === 0) return [];
+	let r = [], i = e.items.map((t) => {
+		let i = n.get(Jr(t.postId));
+		if (!i) return t;
+		let a = {
+			...i,
+			postId: t.postId
+		};
+		return Yr(e, a), e.reelForwardItem && Jr(e.reelForwardItem.postId) === Jr(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 Zr = class {
 	app = null;
 	autoScroll;
 	autofillController;
@@ -4425,24 +4490,24 @@ var Ur = class {
 	reelAudio;
 	state;
 	constructor(e) {
-		this.options = e, yr(e);
+		this.options = e, xr(e);
 		let t = e.layout ?? "masonry";
-		this.state = x(gr(e, t)), this.reelAudio = new Wr(e), this.lastLoadedCursor = e.initialPage ? mn(e.initialPage) : null, this.notificationItems = R(this.state), this.autoScroll = new Bn({
+		this.state = x(vr(e, t)), this.reelAudio = new Kr(e), this.lastLoadedCursor = e.initialPage ? gn(e.initialPage) : null, this.notificationItems = R(this.state), this.autoScroll = new Hn({
 			getScrollElement: () => this.surface?.getAutoScrollElement() ?? null,
 			state: this.state.autoScroll
-		}), this.autofillController = new Pn({
+		}), this.autofillController = new In({
 			cancelRequest: () => this.cancelRequest(),
 			onLastCursor: (e) => this.setCurrentCursor(e),
 			onPages: (e) => this.removalReconciliation.recordPages(e),
 			options: e.autofill,
 			state: this.state
-		}), this.removalReconciliation = new wr(e), this.removalReconciliation.recordInitialPage(e.initialPage), this.fillController = new sr({
+		}), this.removalReconciliation = new Er(e), this.removalReconciliation.recordInitialPage(e.initialPage), this.fillController = new lr({
 			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 }) => cr({
+			prepareFrontend: ({ isCurrent: t, onDelayChange: n, signal: r }) => ur({
 				controller: this.removalReconciliation,
 				isCurrent: t,
 				loadPage: e.loadPage,
@@ -4452,8 +4517,8 @@ var Ur = class {
 				state: this.state
 			}),
 			state: this.state
-		}), this.routing = new Gr(e.routing, this.state);
-		let n = Ir({
+		}), this.routing = new qr(e.routing, this.state);
+		let n = Rr({
 			historyLimit: e.removalHistoryLimit,
 			onActivate: (e) => this.setActiveReelPost(e),
 			onItemsRemoved: (e) => this.removalReconciliation.remove(e),
@@ -4462,20 +4527,20 @@ var Ur = class {
 			state: this.state,
 			surface: () => this.surface
 		});
-		this.exactMediaRemoval = n.exactMediaRemoval, this.itemRemoval = n.itemRemoval, this.reelForward = n.reelForward, this.reelRemoval = n.reelRemoval, this.responsiveLayout = new Ur(t, this.state, () => {
+		this.exactMediaRemoval = n.exactMediaRemoval, this.itemRemoval = n.itemRemoval, this.reelForward = n.reelForward, this.reelRemoval = n.reelRemoval, this.responsiveLayout = new Gr(t, this.state, () => {
 			this.routing.syncFeed();
 		}), this.startStateNotifications();
 	}
 	async mount() {
 		if (this.app) throw Error("Vibe is already mounted.");
 		this.startStateNotifications();
-		let e = br(this.options.target);
-		this.responsiveLayout.mount(e), this.app = i(ln, {
+		let e = Sr(this.options.target);
+		this.responsiveLayout.mount(e), this.app = i(dn, {
 			canRetryEnd: !!this.options.loadPage,
 			cardFooter: this.options.cardFooter,
 			cardHeader: this.options.cardHeader,
 			feedFooter: this.options.feedFooter,
-			feedFooterActions: lr(this),
+			feedFooterActions: dr(this),
 			mediaCard: this.options.mediaCard,
 			masonry: this.options.masonry,
 			onMediaReady: this.options.onMediaReady,
@@ -4500,7 +4565,7 @@ var Ur = class {
 			onRetryForward: () => {
 				this.retryReelForward();
 			}
-		}), this.surface = this.app.mount(e), this.autoScroll.mount(), await Gn(this.options.restoreBacklog, (e) => this.appendPage(e), (e) => {
+		}), this.surface = this.app.mount(e), this.autoScroll.mount(), await qn(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();
 	}
@@ -4534,6 +4599,9 @@ var Ur = class {
 	restoreRemoval(e) {
 		return this.itemRemoval.restoreRemoval(e);
 	}
+	updateItems(e) {
+		return Xr(this.state, e);
+	}
 	retryReelForward() {
 		return this.reelForward.retry();
 	}
@@ -4571,7 +4639,7 @@ var Ur = class {
 		this.autoScroll.setSpeed(e);
 	}
 	applyAutofillUpdate(e) {
-		let t = Un(this.options.autofill, this.state, e);
+		let t = Gn(this.options.autofill, this.state, e);
 		return t && this.autofillController.syncCountdown(), t;
 	}
 	cancelAutofill() {
@@ -4582,7 +4650,7 @@ var Ur = class {
 			await this.cancelFill();
 			return;
 		}
-		if (An(this.state.autofill)) {
+		if (Mn(this.state.autofill)) {
 			await this.cancelAutofill();
 			return;
 		}
@@ -4596,12 +4664,12 @@ var Ur = class {
 	}
 	async fill(e) {
 		if (!this.state.loadMoreLocked) {
-			if (this.pendingRequest || An(this.state.autofill)) throw Error("Vibe cannot fill while another page operation is active.");
+			if (this.pendingRequest || Mn(this.state.autofill)) throw Error("Vibe cannot fill while another page operation is active.");
 			await this.fillController.start(e);
 		}
 	}
 	restoreAutofillSession(e) {
-		let t = Wn(this.options.autofill, this.state, e);
+		let t = Kn(this.options.autofill, this.state, e);
 		return t && this.autofillController.syncCountdown(), t;
 	}
 	restoreFillSession(e) {
@@ -4611,14 +4679,14 @@ var Ur = class {
 		return this.startLoadMore(() => this.loadNextSequence());
 	}
 	appendPage(e) {
-		hn(e, this.state, this.removalReconciliation, (e) => this.setCurrentCursor(e));
+		_n(e, this.state, this.removalReconciliation, (e) => this.setCurrentCursor(e));
 	}
 	replenishAfterRemoval() {
 		return this.startLoadMore(() => this.replenishAfterRemovalSequence());
 	}
 	async startLoadMore(e) {
 		if (this.pendingRequest) return this.pendingRequest;
-		if (this.state.loadMoreLocked || An(this.state.autofill) || this.fillController.isActive() || !this.options.loadPage || this.state.next === null && !this.removalReconciliation.needsReconciliation(this.state.items)) return;
+		if (this.state.loadMoreLocked || Mn(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(() => {
@@ -4633,12 +4701,12 @@ var Ur = class {
 	}
 	async replaceFeed(e, t) {
 		if (!this.options.loadPage) throw Error(`Vibe cannot ${t} without loadPage.`);
-		return An(this.state.autofill) && await this.cancelAutofill(), this.fillController.isActive() && await this.cancelFill(), this.cancelRequest(), this.state.autofill = kn(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.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 Mn(this.state.autofill) && await this.cancelAutofill(), this.fillController.isActive() && await this.cancelFill(), this.cancelRequest(), this.state.autofill = jn(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.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);
 	}
 	async loadFilteredPage(e) {
 		let t = this.options.loadPage;
 		if (!t) throw Error("Vibe cannot load a page without loadPage.");
-		let n = un(await t(e));
+		let n = fn(await t(e));
 		return {
 			...n,
 			items: this.removalReconciliation.filterItems(n.items)
@@ -4657,7 +4725,7 @@ var Ur = class {
 		let t = ++this.requestVersion, n = new AbortController();
 		this.abortController = n;
 		try {
-			let r = await cr({
+			let r = await ur({
 				controller: this.removalReconciliation,
 				isCurrent: () => t === this.requestVersion,
 				loadPage: e,
@@ -4675,7 +4743,7 @@ var Ur = class {
 	}
 	async retryEnd() {
 		if (this.pendingRequest) return this.pendingRequest;
-		if (!this.state.loadMoreLocked && !(An(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 && !(Mn(this.state.autofill) || this.fillController.isActive()) && !(this.state.next !== null || !this.options.loadPage)) return this.state.isLoadingMore = !0, this.state.nextPageError = null, this.startRequest(this.lastLoadedCursor, !0);
 	}
 	setInfiniteScroll(e) {
 		this.state.infiniteScroll = e, e && m(() => this.surface?.loadIfNearBottom());
@@ -4699,10 +4767,10 @@ var Ur = class {
 		this.state.total = e;
 	}
 	setReelAutoAdvance(e) {
-		pr(this.state.reelAutoAdvance, e);
+		hr(this.state.reelAutoAdvance, e);
 	}
 	setReelInfoSheet(e) {
-		hr(this.state.reelInfoSheet, this.options.reelInfoSheet, e);
+		_r(this.state.reelInfoSheet, this.options.reelInfoSheet, e);
 	}
 	setLayout(e) {
 		this.responsiveLayout.setLayout(e);
@@ -4722,7 +4790,7 @@ var Ur = class {
 	async fetchPage(e, t) {
 		if (!this.options.loadPage) return;
 		let n = ++this.requestVersion, r = new AbortController();
-		this.abortController = r, await xr({
+		this.abortController = r, await Cr({
 			append: t,
 			autofillController: this.autofillController,
 			cursor: e,
@@ -4744,7 +4812,7 @@ var Ur = class {
 	startInitialAutofill() {
 		let e = ++this.requestVersion, t = new AbortController(), n = this.autofillController.beginCycle();
 		this.abortController = t, this.state.isLoadingMore = !0;
-		let r = Kn({
+		let r = Jn({
 			cycleId: n,
 			isCurrent: () => e === this.requestVersion,
 			onCollection: (t) => this.autofillController.captureCollection(t, e === this.requestVersion),
@@ -4771,8 +4839,8 @@ var Ur = class {
 		this.lastLoadedCursor = e, this.state.current = e;
 	}
 };
-function qr(e) {
-	return new Kr(e);
+function Qr(e) {
+	return new Zr(e);
 }
 //#endregion
-export { qr as createVibe };
+export { Qr as createVibe };