@wyxos/vibe 5.13.2 → 5.13.4

package/lib/index.js

@@ -204,7 +204,7 @@ var J = {
 			"show-load-more"
 		]));
 	}
-}), ae = ["role"], X = { class: "gallery-status" }, oe = /* @__PURE__ */ d({
+}), ae = ["role"], oe = { class: "gallery-status" }, se = /* @__PURE__ */ d({
 	__name: "FeedStatus",
 	props: {
 		actions: {},
@@ -218,7 +218,7 @@ var J = {
 		return (n, u) => (b(), s("main", {
 			class: "gallery-shell",
 			role: r.state.error ? "alert" : r.state.isLoading || r.state.isLoadingMore ? "status" : void 0
-		}, [c("p", X, [r.state.error ? (b(), s(e, { key: 0 }, [l(" Unable to load media. ")], 64)) : r.state.isLoading || r.state.isLoadingMore ? (b(), s(e, { key: 1 }, [l(" Loading media… ")], 64)) : (b(), s(e, { key: 2 }, [l(" No media found. ")], 64))]), t.feedFooter ? (b(), a(ie, {
+		}, [c("p", oe, [r.state.error ? (b(), s(e, { key: 0 }, [l(" Unable to load media. ")], 64)) : r.state.isLoading || r.state.isLoadingMore ? (b(), s(e, { key: 1 }, [l(" Loading media… ")], 64)) : (b(), s(e, { key: 2 }, [l(" No media found. ")], 64))]), t.feedFooter ? (b(), a(ie, {
 			key: 0,
 			actions: t.actions,
 			"can-retry-end": t.canRetryEnd,
@@ -243,16 +243,16 @@ var J = {
 		])) : o("", !0)], 8, ae));
 	}
 });
-function se(e) {
+function ce(e) {
 	return e.scrollHeight - e.scrollTop - e.clientHeight <= 240;
 }
 //#endregion
 //#region src/core/masonry.ts
-function Z(e) {
+function X(e) {
 	let t = e.preview?.width ?? e.width, n = e.preview?.height ?? e.height;
 	return !t || !n || t <= 0 || n <= 0 ? 1 : n / t;
 }
-function ce(e) {
+function Z(e) {
 	return e.reduce((t, n, r) => n < e[t] ? r : t, 0);
 }
 function le(e) {
@@ -281,7 +281,7 @@ function Q(e, t) {
 	};
 }
 function pe(e, t, n) {
-	let r = ce(t), i = n.itemWidth * Z(e) + n.additionalHeight, a = {
+	let r = Z(t), i = n.itemWidth * X(e) + n.additionalHeight, a = {
 		x: r * (n.itemWidth + n.gap),
 		y: t[r],
 		width: n.itemWidth,
@@ -1471,7 +1471,7 @@ var Ut = [
 			mediaReady: () => G.value === "ready",
 			mediaSource: () => l.mediaSource ?? "preview"
 		});
-		let { currentTime: ie, duration: ae, effectiveMuted: X, isMuted: oe, isPlaying: se, onEnded: Z, onLoadedMetadata: ce, onPlaying: le, playbackAllowed: ue, seek: de, setVolume: fe, sync: Q, toggleMute: pe, togglePlayback: me, volume: he } = Ht({
+		let { currentTime: ie, duration: ae, effectiveMuted: oe, isMuted: se, isPlaying: ce, onEnded: X, onLoadedMetadata: Z, onPlaying: le, playbackAllowed: ue, seek: de, setVolume: fe, sync: Q, toggleMute: pe, togglePlayback: me, volume: he } = Ht({
 			active: () => l.active,
 			inViewport: () => l.inViewport === !0,
 			layout: () => l.layout,
@@ -1592,9 +1592,9 @@ var Ut = [
 							src: D.value,
 							autoplay: E(ue),
 							loop: !e.advanceOnMediaEnd,
-							muted: E(X),
+							muted: E(oe),
 							preload: E(Te),
-							onLoadedmetadata: i[0] ||= (...e) => E(ce) && E(ce)(...e),
+							onLoadedmetadata: i[0] ||= (...e) => E(Z) && E(Z)(...e),
 							onProgress: i[1] ||= (...e) => E(Y) && E(Y)(...e),
 							onLoadeddata: i[2] ||= (...e) => E(Y) && E(Y)(...e),
 							onCanplay: i[3] ||= (...e) => E(Y) && E(Y)(...e),
@@ -1602,15 +1602,15 @@ var Ut = [
 							onTimeupdate: i[5] ||= (...e) => E(Q) && E(Q)(...e),
 							onVolumechange: i[6] ||= (...e) => E(Q) && E(Q)(...e),
 							onPlaying: i[7] ||= (...e) => E(le) && E(le)(...e),
-							onPause: i[8] ||= (e) => se.value = !1,
-							onEnded: i[9] ||= (...e) => E(Z) && E(Z)(...e),
+							onPause: i[8] ||= (e) => ce.value = !1,
+							onEnded: i[9] ||= (...e) => E(X) && E(X)(...e),
 							onError: i[10] ||= (...e) => E(K) && E(K)(...e)
 						}, null, 40, Jt)) : o("", !0),
 						S.value ? (b(), s("button", {
 							key: 3,
 							type: "button",
 							class: h(["media-audio-artwork media-preview", { "media-preview--ready": E(G) === "ready" }]),
-							"aria-label": e.layout === "reel" ? E(se) ? "Pause audio" : "Play audio" : "Audio",
+							"aria-label": e.layout === "reel" ? E(ce) ? "Pause audio" : "Play audio" : "Audio",
 							disabled: e.layout !== "reel",
 							onClick: ke
 						}, [R.value ? (b(), s("img", {
@@ -1642,10 +1642,10 @@ var Ut = [
 							height: P.value ?? void 0,
 							autoplay: E(ue),
 							loop: !e.advanceOnMediaEnd,
-							muted: E(X),
+							muted: E(oe),
 							playsinline: "",
 							preload: E(Te),
-							onLoadedmetadata: i[12] ||= (...e) => E(ce) && E(ce)(...e),
+							onLoadedmetadata: i[12] ||= (...e) => E(Z) && E(Z)(...e),
 							onProgress: i[13] ||= (...e) => E(Y) && E(Y)(...e),
 							onLoadeddata: i[14] ||= (...e) => E(Y) && E(Y)(...e),
 							onCanplay: i[15] ||= (...e) => E(Y) && E(Y)(...e),
@@ -1653,8 +1653,8 @@ var Ut = [
 							onTimeupdate: i[17] ||= (...e) => E(Q) && E(Q)(...e),
 							onVolumechange: i[18] ||= (...e) => E(Q) && E(Q)(...e),
 							onPlaying: i[19] ||= (...e) => E(le) && E(le)(...e),
-							onPause: i[20] ||= (e) => se.value = !1,
-							onEnded: i[21] ||= (...e) => E(Z) && E(Z)(...e),
+							onPause: i[20] ||= (e) => ce.value = !1,
+							onEnded: i[21] ||= (...e) => E(X) && E(X)(...e),
 							onClick: ke,
 							onError: i[22] ||= (...e) => E(K) && E(K)(...e)
 						}, null, 42, Qt)) : S.value ? o("", !0) : (b(), s("img", {
@@ -1703,8 +1703,8 @@ var Ut = [
 						duration: E(ae),
 						layout: e.layout,
 						"media-type": S.value ? "audio" : "video",
-						muted: E(oe),
-						playing: E(se),
+						muted: E(se),
+						playing: E(ce),
 						volume: E(he),
 						onSeek: E(de),
 						onToggleMute: E(pe),
@@ -1816,7 +1816,7 @@ function sn(e) {
 		s !== null && (cancelAnimationFrame(s), s = null);
 	}
 	function p(e, t, n, r) {
-		return i = e, l = t, u = Se(e.items, u ?? xe(r.items), n), c = e.items.length < t.length ? Math.max(c, r.height, e.height) : 0, e.items.length < t.length && e.items.length > n && m(), e;
+		return i = e, l = t.slice(), u = Se(e.items, u ?? xe(r.items), n), c = e.items.length < t.length ? Math.max(c, r.height, e.height) : 0, e.items.length < t.length && e.items.length > n && m(), e;
 	}
 	function m() {
 		s === null && (s = requestAnimationFrame(() => {
@@ -1851,7 +1851,7 @@ function sn(e) {
 		}
 		f();
 		let _ = ge(r, s, h);
-		return i = _, l = r, d = s, a = h.gap, n = h.additionalHeight, o = h.minColumnWidth, u = xe(_.items), c = 0, _;
+		return i = _, l = r.slice(), d = s, a = h.gap, n = h.additionalHeight, o = h.minColumnWidth, u = xe(_.items), c = 0, _;
 	}), g = r(() => (h.value, u ?? xe(h.value.items)));
 	return v(f), {
 		ensurePackedThrough(n) {
@@ -1963,10 +1963,10 @@ var cn = { class: "masonry-feed-shell" }, ln = ["aria-hidden", "inert"], un = {
 		function ae(e, t) {
 			return [...new Set([...e, ...t])].sort((e, t) => e - t);
 		}
-		function X(e, t) {
+		function oe(e, t) {
 			return e.length === t.length && e.every((e, n) => e === t[n]);
 		}
-		function oe(e) {
+		function se(e) {
 			let t = {
 				scrollTop: N - k.value,
 				viewportHeight: C.value
@@ -1982,9 +1982,9 @@ var cn = { class: "masonry-feed-shell" }, ln = ["aria-hidden", "inert"], un = {
 				return t !== void 0 && d.leavingPostIds.has(t.postId);
 			}));
 		}
-		function Z() {
-			let e = oe(0), t = oe(De(d.masonry, C.value));
-			X(j.value, e) || (j.value = e);
+		function X() {
+			let e = se(0), t = se(De(d.masonry, C.value));
+			oe(j.value, e) || (j.value = e);
 			let n = fe(q.value.items, e.filter((e) => {
 				let t = d.items[e];
 				return t && !d.leavingPostIds.has(t.postId);
@@ -1992,13 +1992,13 @@ var cn = { class: "masonry-feed-shell" }, ln = ["aria-hidden", "inert"], un = {
 				scrollTop: N - k.value,
 				viewportHeight: C.value
 			});
-			X(A.value, n) || (A.value = n), X(M.value, t) || (M.value = t);
+			oe(A.value, n) || (A.value = n), oe(M.value, t) || (M.value = t);
 		}
-		function ce() {
+		function Z() {
 			if (L !== null) return;
 			L = -1;
 			let e = requestAnimationFrame(() => {
-				L = null, Z();
+				L = null, X();
 			});
 			L !== null && (L = e);
 		}
@@ -2032,7 +2032,7 @@ var cn = { class: "masonry-feed-shell" }, ln = ["aria-hidden", "inert"], un = {
 			let t = e.ownerDocument.defaultView?.getComputedStyle(e), n = (Number.parseFloat(t?.paddingTop ?? "") || 0) + (Number.parseFloat(t?.paddingBottom ?? "") || 0);
 			T.value = Math.max(0, e.clientHeight - n);
 			let r = g.value;
-			r && (k.value = r.getBoundingClientRect().top - e.getBoundingClientRect().top + e.scrollTop, Z());
+			r && (k.value = r.getBoundingClientRect().top - e.getBoundingClientRect().top + e.scrollTop, X());
 		}
 		function Q(e) {
 			let t = e.ownerDocument.documentElement.clientWidth;
@@ -2040,11 +2040,11 @@ var cn = { class: "masonry-feed-shell" }, ln = ["aria-hidden", "inert"], un = {
 		}
 		function pe(e) {
 			let t = e.currentTarget;
-			t && (N = t.scrollTop, H.ensurePackedThrough(B()), ce(), Date.now() >= l && !d.loadMoreLocked && d.infiniteScroll && se(t) && f("loadMore"));
+			t && (N = t.scrollTop, H.ensurePackedThrough(B()), Z(), Date.now() >= l && !d.loadMoreLocked && d.infiniteScroll && ce(t) && f("loadMore"));
 		}
 		function me() {
 			let e = p.value;
-			Date.now() >= l && !d.loadMoreLocked && e && se(e) && f("loadMore");
+			Date.now() >= l && !d.loadMoreLocked && e && ce(e) && f("loadMore");
 		}
 		O(() => d.items.length, (e, t) => {
 			e > 0 && e < t && (l = Date.now() + pn);
@@ -2067,7 +2067,7 @@ var cn = { class: "masonry-feed-shell" }, ln = ["aria-hidden", "inert"], un = {
 			U,
 			q,
 			() => d.masonry
-		], Z, { flush: "post" }), v(() => {
+		], X, { flush: "post" }), v(() => {
 			P?.disconnect(), F?.disconnect(), I !== null && cancelAnimationFrame(I), L !== null && cancelAnimationFrame(L);
 		}), n({
 			getScrollElement: he,
@@ -2207,7 +2207,7 @@ var _n = ["aria-label"], vn = /* @__PURE__ */ d({
 			onAnimationend: n[0] ||= (e) => i("complete")
 		}, null, 36)], 8, _n));
 	}
-}), yn = { class: "reel-viewport" }, bn = ["data-active-post-id", "data-active-media-index"], xn = ["role", "data-status"], Sn = 300, Cn = 250, wn = /* @__PURE__ */ d({
+}), yn = { class: "reel-viewport" }, bn = ["data-active-post-id", "data-active-media-index"], xn = ["role", "data-status"], Sn = ["disabled"], Cn = 300, wn = 250, Tn = /* @__PURE__ */ d({
 	__name: "ReelFeed",
 	props: {
 		initialPostId: {},
@@ -2270,49 +2270,49 @@ var _n = ["aria-label"], vn = /* @__PURE__ */ d({
 		].join(":")), J = r(() => {
 			let e = I.value, t = !!(e && u.reelAutoAdvance.includePostItems && R.value < H(e).length - 1), n = u.reelAutoAdvance.intervalMs / 1e3;
 			return `Auto advance to the next ${t ? "post item" : "post"} in ${n}s`;
-		}), Y = r(() => u.reelAutoAdvance.enabled && u.reelForward.status === "idle" && I.value !== void 0 && z.value !== "loading" && !K.value), ee = r(() => !u.infiniteScroll || u.items.length <= 1), te = r(() => u.reelForward.status === "loading" ? "Loading the next media…" : u.reelForward.status === "error" ? "Unable to load the next media." : "You reached the end of this feed.");
-		function ne(e) {
+		}), Y = r(() => u.reelAutoAdvance.enabled && u.reelForward.status === "idle" && I.value !== void 0 && z.value !== "loading" && !K.value), ee = r(() => !u.infiniteScroll || u.items.length <= 1), te = r(() => u.reelForward.status === "end" && u.hasNext && !u.infiniteScroll && !u.loadMoreLocked), ne = r(() => u.reelForward.status === "loading" ? "Loading the next media…" : u.reelForward.status === "error" ? "Unable to load the next media." : te.value ? "Load the next page to continue." : "You reached the end of this feed.");
+		function re(e) {
 			return { gridRow: `${e + 1}` };
 		}
-		function re(e) {
+		function ae(e) {
 			let t = k || e.clientHeight;
 			return t <= 0 || u.items.length === 0 ? 0 : Math.min(u.items.length - 1, Math.max(0, Math.round(e.scrollTop / t)));
 		}
-		function ae(e) {
+		function oe(e) {
 			let t = e.currentTarget;
 			if (!t) return;
 			let n = k || t.clientHeight, r = Math.max(0, u.items.length - 1) * n;
-			C.value = u.items.length > 0 && t.scrollTop > r + 1, D.value || (x.value = re(t)), Date.now() >= l && !u.loadMoreLocked && u.infiniteScroll && se(t) && d("loadMore");
+			C.value = u.items.length > 0 && t.scrollTop > r + 1, D.value || (x.value = ae(t)), Date.now() >= l && !u.loadMoreLocked && u.infiniteScroll && ce(t) && d("loadMore");
 		}
-		function X() {
+		function se() {
 			let e = f.value;
-			e && (C.value = !1, ce(!0), k = e.clientHeight, e.scrollTop = x.value * k, j !== null && cancelAnimationFrame(j), j = requestAnimationFrame(() => {
+			e && (C.value = !1, le(!0), k = e.clientHeight, e.scrollTop = x.value * k, j !== null && cancelAnimationFrame(j), j = requestAnimationFrame(() => {
 				e.scrollTop = x.value * e.clientHeight, k = e.clientHeight, j = null;
-			}), oe());
+			}), X());
 		}
-		function oe() {
+		function X() {
 			M !== null && clearTimeout(M), M = setTimeout(() => {
 				M = null;
 				let e = f.value;
-				e && (k = e.clientHeight, e.scrollTop = x.value * k), ce(!1);
+				e && (k = e.clientHeight, e.scrollTop = x.value * k), le(!1);
 			}, 120);
 		}
 		function Z() {
-			ce(!0);
+			le(!0);
 			let e = f.value;
-			e && (k = e.clientHeight, e.scrollTop = x.value * k), oe();
+			e && (k = e.clientHeight, e.scrollTop = x.value * k), X();
 		}
-		function ce(e) {
+		function le(e) {
 			D.value = e, f.value?.toggleAttribute("data-resizing", e);
 		}
-		function le() {
+		function ue() {
 			let e = f.value;
-			Date.now() >= l && !u.loadMoreLocked && e && se(e) && d("loadMore");
+			Date.now() >= l && !u.loadMoreLocked && e && ce(e) && d("loadMore");
 		}
 		O(() => u.items.length, (e, t) => {
-			e > 0 && e < t && (l = Date.now() + Cn);
+			e > 0 && e < t && (l = Date.now() + wn);
 		});
-		function ue(e) {
+		function de(e) {
 			let t = I.value;
 			if (!t) return !1;
 			let n = H(t).length;
@@ -2320,34 +2320,34 @@ var _n = ["aria-label"], vn = /* @__PURE__ */ d({
 			let r = (R.value + e + n) % n;
 			return d("mediaChange", t.postId, r), !0;
 		}
-		function de(e) {
+		function fe(e) {
 			let t = x.value + e;
-			return !f.value || t < 0 || t >= u.items.length ? !1 : (me(t), !0);
+			return !f.value || t < 0 || t >= u.items.length ? !1 : (he(t), !0);
 		}
-		function fe(e, t) {
+		function Q(e, t) {
 			let n = u.items.findIndex((t) => t.postId === e), r = u.items[n];
-			return !f.value || !r || t < 0 || t > r.items.length ? !1 : ((u.mediaIndices.get(e) ?? 0) !== t && d("mediaChange", e, t), n !== x.value && me(n), !0);
+			return !f.value || !r || t < 0 || t > r.items.length ? !1 : ((u.mediaIndices.get(e) ?? 0) !== t && d("mediaChange", e, t), n !== x.value && he(n), !0);
 		}
-		function Q() {
+		function pe() {
 			return typeof window.matchMedia == "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
 		}
-		function pe(e) {
+		function me(e) {
 			let t = f.value;
 			if (!t) return Promise.resolve();
 			let n = e * (k || t.clientHeight);
-			return x.value = e, gn(t, n, Q());
+			return x.value = e, gn(t, n, pe());
 		}
-		function me(e) {
-			pe(e);
+		function he(e) {
+			me(e);
 		}
-		async function he(e) {
+		async function ge(e) {
 			let t = u.items.findIndex((t) => t.postId === e);
-			return t < 0 || t === x.value ? !1 : (await pe(t), !0);
+			return t < 0 || t === x.value ? !1 : (await me(t), !0);
 		}
-		async function ge(e) {
-			return ue(e) ? (Q() || await new Promise((e) => setTimeout(e, Sn)), !0) : !1;
+		async function _e(e) {
+			return de(e) ? (pe() || await new Promise((e) => setTimeout(e, Cn)), !0) : !1;
 		}
-		function _e() {
+		function ve() {
 			if (!u.reelAutoAdvance.enabled) return;
 			let e = I.value;
 			if (!e) return;
@@ -2357,34 +2357,34 @@ var _n = ["aria-label"], vn = /* @__PURE__ */ d({
 			}
 			let t = x.value + 1, n = u.items[t];
 			if (!n) {
-				u.hasNext && !u.loadMoreLocked && d("loadMore");
+				u.hasNext && u.infiniteScroll && !u.loadMoreLocked && d("loadMore");
 				return;
 			}
-			u.reelAutoAdvance.includePostItems && (u.mediaIndices.get(n.postId) ?? 0) !== 0 && d("mediaChange", n.postId, 0), me(t);
+			u.reelAutoAdvance.includePostItems && (u.mediaIndices.get(n.postId) ?? 0) !== 0 && d("mediaChange", n.postId, 0), he(t);
 		}
-		function ve(e, t) {
-			!u.reelAutoAdvance.enabled || e !== F.value || t !== R.value || !K.value || _e();
+		function ye(e, t) {
+			!u.reelAutoAdvance.enabled || e !== F.value || t !== R.value || !K.value || ve();
 		}
 		return O(f, (e) => {
-			A?.disconnect(), A = null, e && (k = e.clientHeight, !(typeof ResizeObserver > "u") && (A = new ResizeObserver(X), A.observe(e)));
+			A?.disconnect(), A = null, e && (k = e.clientHeight, !(typeof ResizeObserver > "u") && (A = new ResizeObserver(se), A.observe(e)));
 		}), O(() => u.items.length, async (e) => {
 			let t = u.initialPostId, n = t == null ? -1 : u.items.findIndex(({ postId: e }) => e === t);
-			x.value = n >= 0 ? n : Math.min(x.value, Math.max(0, e - 1)), await m(), X();
+			x.value = n >= 0 ? n : Math.min(x.value, Math.max(0, e - 1)), await m(), se();
 		}), O(F, (e) => {
 			e !== void 0 && d("activeChange", e);
 		}, { immediate: !0 }), y(() => {
-			window.addEventListener("resize", Z), window.addEventListener("orientationchange", Z), g >= 0 && m(X);
+			window.addEventListener("resize", Z), window.addEventListener("orientationchange", Z), g >= 0 && m(se);
 		}), v(() => {
 			window.removeEventListener("resize", Z), window.removeEventListener("orientationchange", Z), A?.disconnect(), j !== null && cancelAnimationFrame(j), M !== null && clearTimeout(M);
 		}), n({
 			activeIndex: x,
 			activePostId: F,
-			changeActiveMedia: ue,
-			loadIfNearBottom: le,
-			moveActivePost: de,
-			navigateToItem: fe,
-			transitionActiveMedia: ge,
-			transitionActivePost: he
+			changeActiveMedia: de,
+			loadIfNearBottom: ue,
+			moveActivePost: fe,
+			navigateToItem: Q,
+			transitionActiveMedia: _e,
+			transitionActivePost: ge
 		}), (n, r) => (b(), s("main", {
 			class: h(["reel-shell", {
 				"reel-shell--has-footer": !!t.cardFooter,
@@ -2420,7 +2420,7 @@ var _n = ["aria-label"], vn = /* @__PURE__ */ d({
 				class: "gallery-shell reel-feed",
 				"data-active-post-id": F.value,
 				"data-active-media-index": R.value,
-				onScrollPassive: ae
+				onScrollPassive: oe
 			}, [t.reelForward.status === "idle" ? (b(), s("section", {
 				key: 1,
 				class: "reel-track",
@@ -2435,7 +2435,7 @@ var _n = ["aria-label"], vn = /* @__PURE__ */ d({
 				"fetch-priority": e,
 				index: i,
 				item: n,
-				"item-style": ne(i),
+				"item-style": re(i),
 				"media-card": t.mediaCard,
 				layout: "reel",
 				"loaded-count": t.items.length,
@@ -2447,7 +2447,7 @@ var _n = ["aria-label"], vn = /* @__PURE__ */ d({
 				"stationary-reel-controls": "",
 				total: t.total,
 				onMediaChange: (e) => d("mediaChange", n.postId, e),
-				onEnded: (e) => ve(n.postId, e),
+				onEnded: (e) => ye(n.postId, e),
 				onReady: (e) => d("ready", n.postId, e),
 				onReelAudioChange: r[1] ||= (e) => d("reelAudioChange", e),
 				onError: (e) => d("error", n.postId, e)
@@ -2475,12 +2475,13 @@ var _n = ["aria-label"], vn = /* @__PURE__ */ d({
 				class: "reel-forward-status",
 				role: t.reelForward.status === "error" ? "alert" : "status",
 				"data-status": t.reelForward.status
-			}, [c("p", null, T(te.value), 1), t.reelForward.status === "error" || t.reelForward.status === "end" ? (b(), s("button", {
+			}, [c("p", null, T(ne.value), 1), t.reelForward.status === "error" || t.reelForward.status === "end" ? (b(), s("button", {
 				key: 0,
 				class: "reel-forward-retry",
 				type: "button",
+				disabled: t.loadMoreLocked,
 				onClick: r[0] ||= (e) => d("retryForward")
-			}, " Retry ")) : o("", !0)], 8, xn)), t.reelForward.status === "idle" ? (b(), a(ie, {
+			}, T(te.value ? "Load more" : "Retry"), 9, Sn)) : o("", !0)], 8, xn)), t.reelForward.status === "idle" ? (b(), a(ie, {
 				key: 2,
 				actions: t.feedFooterActions,
 				"can-retry-end": t.canRetryEnd,
@@ -2535,20 +2536,20 @@ var _n = ["aria-label"], vn = /* @__PURE__ */ d({
 				key: q.value,
 				"duration-ms": t.reelAutoAdvance.intervalMs,
 				label: J.value,
-				onComplete: _e
+				onComplete: ve
 			}, null, 8, ["duration-ms", "label"])) : o("", !0)
 		], 2));
 	}
-}), Tn = ["data-info-sheet-open", "data-info-sheet-mode"], En = ["aria-hidden", "inert"], Dn = {
+}), En = ["data-info-sheet-open", "data-info-sheet-mode"], Dn = ["aria-hidden", "inert"], On = {
 	key: 0,
 	class: "reel-info-sheet-layer",
 	"data-test": "reel-info-sheet"
-}, On = [
+}, kn = [
 	"role",
 	"aria-modal",
 	"tabindex",
 	"data-active-post-id"
-], kn = /* @__PURE__ */ d({
+], An = /* @__PURE__ */ d({
 	__name: "ReelLayout",
 	props: {
 		forwardIndex: { default: null },
@@ -2675,7 +2676,7 @@ var _n = ["aria-label"], vn = /* @__PURE__ */ d({
 			class: "reel-layout-main",
 			"aria-hidden": e.infoSheetOverlay && A.value || void 0,
 			inert: e.infoSheetOverlay && A.value || void 0
-		}, [u(wn, {
+		}, [u(Tn, {
 			ref_key: "reelFeed",
 			ref: p,
 			"can-retry-end": e.canRetryEnd,
@@ -2729,8 +2730,8 @@ var _n = ["aria-label"], vn = /* @__PURE__ */ d({
 			"reel-forward",
 			"state",
 			"total"
-		])], 8, En), u(n, { name: "vibe-info-sheet" }, {
-			default: k(() => [A.value && e.infoSheet && j.value ? (b(), s("div", Dn, [c("aside", {
+		])], 8, Dn), u(n, { name: "vibe-info-sheet" }, {
+			default: k(() => [A.value && e.infoSheet && j.value ? (b(), s("div", On, [c("aside", {
 				ref_key: "sheetElement",
 				ref: _,
 				class: "reel-info-sheet",
@@ -2739,14 +2740,14 @@ var _n = ["aria-label"], vn = /* @__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, On)])) : o("", !0)]),
+			}, [(b(), a(C(e.infoSheet.component), g(f(j.value)), null, 16))], 8, kn)])) : o("", !0)]),
 			_: 1
-		})], 10, Tn));
+		})], 10, En));
 	}
 });
 //#endregion
 //#region src/core/mediaLifecycle.ts
-function An(e, t, n, r, i) {
+function jn(e, t, n, r, i) {
 	let a = e.items.findIndex((e) => e.postId === t), o = e.items[a];
 	if (!o) return null;
 	let s = U(o, n), c = W(o, s);
@@ -2762,7 +2763,7 @@ function An(e, t, n, r, i) {
 		postIndex: a
 	};
 }
-function jn(e, t) {
+function Mn(e, t) {
 	O(() => {
 		let t = e.layout === "reel" || e.reelOrigin === "masonry" ? e.activeReelPostId : null;
 		return {
@@ -2772,13 +2773,13 @@ function jn(e, t) {
 		};
 	}, (n, r) => {
 		if (n.postId === null || n.postId === r?.postId && n.mediaIndex === r.mediaIndex && n.origin === r.origin) return;
-		let i = An(e, n.postId, n.mediaIndex, "reel", n.origin);
+		let i = jn(e, n.postId, n.mediaIndex, "reel", n.origin);
 		i && t(i);
 	}, { flush: "sync" });
 }
 //#endregion
 //#region src/components/useMediaLifecycle.ts
-function Mn(e, t) {
+function Nn(e, t) {
 	let n = /* @__PURE__ */ new Set(), i = w(/* @__PURE__ */ new Map()), a = w(/* @__PURE__ */ new Map()), o = w(/* @__PURE__ */ new Map()), s = () => e.reelMediaSource === "preview" ? i : e.reelMediaSource === "mobile" ? o : a, c = r(() => s().value), l = /* @__PURE__ */ new Set();
 	function u() {
 		n.clear(), l.clear(), i.value = /* @__PURE__ */ new Map(), a.value = /* @__PURE__ */ new Map(), o.value = /* @__PURE__ */ new Map();
@@ -2788,7 +2789,7 @@ function Mn(e, t) {
 		e.value.get(i) !== r && (e.value = new Map(e.value).set(i, r));
 	}
 	function f(t, n, r, i) {
-		return An(e, t, n, r, i);
+		return jn(e, t, n, r, i);
 	}
 	function p(e, n, r, i) {
 		let a = f(e, n, r, i);
@@ -2821,7 +2822,7 @@ function Mn(e, t) {
 	function b(e, t) {
 		y(e, t, "masonry", null);
 	}
-	return jn(e, t.reelChange), O(() => {
+	return Mn(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,
@@ -2846,16 +2847,16 @@ function Mn(e, t) {
 }
 //#endregion
 //#region src/core/reelEscapeStack.ts
-var Nn = [];
-function Pn(e) {
-	return Nn.push(e), () => {
-		let t = Nn.indexOf(e);
-		t >= 0 && Nn.splice(t, 1);
+var Pn = [];
+function Fn(e) {
+	return Pn.push(e), () => {
+		let t = Pn.indexOf(e);
+		t >= 0 && Pn.splice(t, 1);
 	};
 }
-function Fn(e) {
+function In(e) {
 	if (!e.isActive()) return !1;
-	let t = Nn.filter((e) => e.isActive()), n = e.element();
+	let t = Pn.filter((e) => e.isActive()), n = e.element();
 	return n !== null && t.some((t) => {
 		if (t === e) return !1;
 		let r = t.element();
@@ -2871,14 +2872,14 @@ function Fn(e) {
 }
 //#endregion
 //#region src/components/useReelKeyboard.ts
-function In(e) {
+function Ln(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 && !Fn(t)) return;
+		if (n.key === "Escape" && r && !In(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;
@@ -2898,14 +2899,14 @@ function In(e) {
 		a !== 0 && e.reelRenderer()?.changeActiveMedia?.(a) && n.preventDefault();
 	}
 	y(() => {
-		n = Pn(t), window.addEventListener("keydown", r);
+		n = Fn(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 Ln = 35, Rn = 420, zn = /* @__PURE__ */ d({
+var Rn = 35, zn = 420, Bn = /* @__PURE__ */ d({
 	__name: "VibeSurface",
 	props: {
 		canRetryEnd: { type: Boolean },
@@ -2934,7 +2935,7 @@ var Ln = 35, Rn = 420, zn = /* @__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(() => q(l.state, T.value)), { markMasonryFullyVisible: A, markMasonryVisible: j, markPreviewError: M, markPreviewReady: N, markReelError: P, markReelReady: F, originalStates: I, previewStates: L, reelStates: R, resetMediaLifecycle: z } = Mn(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(() => q(l.state, T.value)), { markMasonryFullyVisible: A, markMasonryVisible: j, markPreviewError: M, markPreviewReady: N, markReelError: P, markReelReady: F, originalStates: I, previewStates: L, reelStates: R, resetMediaLifecycle: z } = Nn(l.state, {
 			fullyVisible: (e) => d("mediaFullyVisible", e),
 			ready: (e) => d("mediaReady", e),
 			reelChange: (e) => d("reelMediaChange", e),
@@ -2978,36 +2979,36 @@ var Ln = 35, Rn = 420, zn = /* @__PURE__ */ d({
 		function ae(e, t) {
 			W = e, G = t === "keyboard", d("openReel", e), m(() => h.value?.focus());
 		}
-		function X(e) {
+		function oe(e) {
 			let t = g.value?.querySelectorAll(".masonry-feed [data-post-id]") ?? [];
 			return Array.from(t).find((t) => t.dataset.postId === String(e)) ?? null;
 		}
-		function se(e, t) {
+		function ce(e, t) {
 			if (l.state.layout !== "masonry" || l.state.reelOrigin !== null || K()) return 0;
-			let n = [...new Set(e)], r = n.filter(X);
+			let n = [...new Set(e)], r = n.filter(oe);
 			if (r.length === 0) return 0;
-			let i = new Map(C.value), a = t?.staggerMs ?? Ln;
+			let i = new Map(C.value), a = t?.staggerMs ?? Rn;
 			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, Rn + (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, zn + (r.length - 1) * a;
 		}
-		function Z(e, t) {
-			let n = X(e), r = n?.querySelector(".media-card-activator") ?? n;
+		function X(e, t) {
+			let n = oe(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 ce() {
+		function Z() {
 			l.state.reelOrigin === "masonry" && (W ??= l.state.activeReelPostId, _.value = !0, d("closeReel"));
 		}
 		function le() {
 			let e = W, t = G;
 			_.value = !1, W = null, G = !1, m(() => {
-				e !== null && Z(e, t);
+				e !== null && X(e, t);
 			});
 		}
-		return In({
-			closeMasonryReel: ce,
+		return Ln({
+			closeMasonryReel: Z,
 			element: () => g.value,
 			isReelLeaving: () => _.value,
 			reelRenderer: () => p.value,
@@ -3024,7 +3025,7 @@ var Ln = 35, Rn = 420, zn = /* @__PURE__ */ d({
 				let t = x.value.get(e);
 				t !== void 0 && i.set(e, t);
 			}), n.forEach((e, t) => {
-				i.set(e, t * Ln);
+				i.set(e, t * Rn);
 			}), x.value = i, y.value = new Set([...y.value, ...n]), J();
 		}, { flush: "sync" }), v(() => {
 			V !== null && cancelAnimationFrame(V);
@@ -3035,14 +3036,14 @@ var Ln = 35, Rn = 420, zn = /* @__PURE__ */ d({
 			moveActiveReelPost: ne,
 			navigateToReelItem: re,
 			resetMediaLifecycle: z,
-			startItemRemoval: se,
+			startItemRemoval: ce,
 			transitionActiveReelMedia: (e) => p.value?.transitionActiveMedia?.(e) ?? Promise.resolve(!1),
 			transitionActiveReelPost: (e) => p.value?.transitionActivePost?.(e) ?? Promise.resolve(!1)
 		}), (r, i) => (b(), s("div", {
 			ref_key: "surfaceElement",
 			ref: g,
 			class: "vibe-surface"
-		}, [t.state.layout === "reel" && (t.state.items.length > 0 || t.state.reelForward.status !== "idle") ? (b(), a(kn, {
+		}, [t.state.layout === "reel" && (t.state.items.length > 0 || t.state.reelForward.status !== "idle") ? (b(), a(An, {
 			key: 0,
 			ref_key: "reelRenderer",
 			ref: p,
@@ -3082,7 +3083,7 @@ var Ln = 35, Rn = 420, zn = /* @__PURE__ */ d({
 			onRetryEnd: i[3] ||= (e) => d("retryEnd"),
 			onRetryForward: i[4] ||= (e) => d("retryForward"),
 			onReelAudioChange: i[5] ||= (e) => d("reelAudioChange", e)
-		}, null, 8, /* @__PURE__ */ "can-retry-end.has-next.card-footer.card-header.feed-footer.feed-footer-actions.forward-index.forward-item.media-card.infinite-scroll.is-loading-more.items.load-more-locked.media-source.media-indices.initial-post-id.info-sheet.info-sheet-enabled.info-sheet-overlay.next-page-error.preview-states.reel-auto-advance.reel-audio-state.reel-forward.state.total.onError.onReady".split("."))) : t.state.error || t.state.isLoading || t.state.items.length === 0 && t.state.reelForward.status === "idle" ? (b(), a(oe, {
+		}, null, 8, /* @__PURE__ */ "can-retry-end.has-next.card-footer.card-header.feed-footer.feed-footer-actions.forward-index.forward-item.media-card.infinite-scroll.is-loading-more.items.load-more-locked.media-source.media-indices.initial-post-id.info-sheet.info-sheet-enabled.info-sheet-overlay.next-page-error.preview-states.reel-auto-advance.reel-audio-state.reel-forward.state.total.onError.onReady".split("."))) : t.state.error || t.state.isLoading || t.state.items.length === 0 && t.state.reelForward.status === "idle" ? (b(), a(se, {
 			key: 1,
 			actions: t.feedFooterActions,
 			"can-retry-end": t.canRetryEnd,
@@ -3141,7 +3142,7 @@ var Ln = 35, Rn = 420, zn = /* @__PURE__ */ d({
 				"aria-label": "Media viewer",
 				"aria-modal": "true",
 				tabindex: "-1"
-			}, [u(kn, {
+			}, [u(An, {
 				ref_key: "reelRenderer",
 				ref: p,
 				"can-retry-end": t.canRetryEnd,
@@ -3187,7 +3188,7 @@ var Ln = 35, Rn = 420, zn = /* @__PURE__ */ d({
 });
 //#endregion
 //#region src/core/page.ts
-function Bn(e) {
+function Vn(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.");
@@ -3198,22 +3199,22 @@ function $(e, t) {
 	let n = new Set(e.map((e) => e.postId));
 	return [...e, ...t.filter((e) => n.has(e.postId) ? !1 : (n.add(e.postId), !0))];
 }
-function Vn(e) {
+function Hn(e) {
 	return `${typeof e}:${String(e)}`;
 }
-function Hn(e) {
-	return e.mediaId === void 0 ? `source:${e.src}\u0000${e.preview?.src ?? ""}` : `id:${Vn(e.mediaId)}`;
+function Un(e) {
+	return e.mediaId === void 0 ? `source:${e.src}\u0000${e.preview?.src ?? ""}` : `id:${Hn(e.mediaId)}`;
 }
-function Un(e, t) {
-	let n = [...e], r = new Map(e.map((e, t) => [Vn(e.postId), t]));
+function Wn(e, t) {
+	let n = [...e], r = new Map(e.map((e, t) => [Hn(e.postId), t]));
 	return t.forEach((e) => {
-		let t = Vn(e.postId), i = r.get(t);
+		let t = Hn(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(Hn)), s = [e, ...e.items].filter((e) => {
-			let t = Hn(e);
+		let a = n[i], o = new Set([a, ...a.items].map(Un)), s = [e, ...e.items].filter((e) => {
+			let t = Un(e);
 			return o.has(t) ? !1 : (o.add(t), !0);
 		});
 		s.length > 0 && (n[i] = {
@@ -3222,14 +3223,14 @@ function Un(e, t) {
 		});
 	}), n;
 }
-function Wn(e) {
+function Gn(e) {
 	return Object.prototype.hasOwnProperty.call(e, "current") ? e.current ?? null : e.next;
 }
 //#endregion
 //#region src/core/appendPage.ts
-function Gn(e, t, n, r) {
-	let i = Bn(e), a = n.filterItems(i.items), o = Wn(i);
-	t.items = Un(t.items, a), t.next = i.next, i.total !== void 0 && (t.total = i.total), r(o), n.recordPages([{
+function Kn(e, t, n, r) {
+	let i = Vn(e), a = n.filterItems(i.items), o = Gn(i);
+	t.items = Wn(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,
@@ -3238,32 +3239,32 @@ function Gn(e, t, n, r) {
 }
 //#endregion
 //#region src/core/requestDelay.ts
-var Kn = 2e3, qn = 1e4, Jn = 250, Yn = {
+var qn = 2e3, Jn = 1e4, Yn = 250, Xn = {
 	delayRemainingMs: null,
 	nextRequestAt: null
 };
-function Xn(e, t) {
+function Zn(e, t) {
 	return e === void 0 ? t : Math.floor(e);
 }
-function Zn(e, t) {
+function Qn(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 Qn(e, t = {}) {
-	let n = Xn(t.delayStepMs, Kn), r = Xn(t.delayMaxMs, qn);
+function $n(e, t = {}) {
+	let n = Zn(t.delayStepMs, qn), r = Zn(t.delayMaxMs, Jn);
 	return Math.min(Math.max(0, e) * n, r);
 }
-function $n(e) {
-	if (e == null || !Number.isFinite(e)) return { ...Yn };
+function er(e) {
+	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 er({ delayMs: e, onChange: t, signal: n }) {
+async function tr({ 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;
@@ -3271,9 +3272,9 @@ async function er({ delayMs: e, onChange: t, signal: n }) {
 		delayRemainingMs: e,
 		nextRequestAt: r
 	}), await new Promise((i, a) => {
-		let o = !1, s = setInterval(f, Jn), c = setTimeout(() => u(), e);
+		let o = !1, s = setInterval(f, Yn), 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());
@@ -3282,42 +3283,42 @@ async function er({ delayMs: e, onChange: t, signal: n }) {
 			u(new DOMException("Aborted", "AbortError"));
 		}
 		function f() {
-			let e = $n(r);
+			let e = er(r);
 			t(e), e.delayRemainingMs === null && u();
 		}
 		n.addEventListener("abort", d, { once: !0 });
 	});
 }
-var tr = class {
+var nr = 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();
-		let t = $n(e);
+		let t = er(e);
 		this.onChange(t), t.delayRemainingMs !== null && (this.interval = setInterval(() => {
-			let t = $n(e);
+			let t = er(e);
 			this.onChange(t), t.delayRemainingMs === null && this.clear();
-		}, Jn));
+		}, Yn));
 	}
 };
-function nr(e, t = !0) {
+function rr(e, t = !0) {
 	return e.maxAdditionalPages === "unlimited" ? Infinity : (e.maxAdditionalPages ?? 10) + (t ? 1 : 0);
 }
-function rr(e) {
+function ir(e) {
 	return `${typeof e}:${String(e)}`;
 }
-function ir(e, t) {
+function ar(e, t) {
 	if (!Number.isInteger(e) || e <= 0) throw TypeError(`Vibe ${t} must be a positive integer.`);
 }
-function ar(e) {
+function or(e) {
 	if (!e) return;
-	if (ir(e.pageSize, "autofill pageSize"), e.strategy === "frontend") {
-		Zn(e, "frontend autofill");
+	if (ar(e.pageSize, "autofill pageSize"), e.strategy === "frontend") {
+		Qn(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;
@@ -3329,7 +3330,7 @@ function ar(e) {
 		if (t.pageSize !== e.pageSize) throw TypeError("Vibe backend autofill initialSession pageSize must match autofill pageSize.");
 	}
 }
-function or(e, t, n = !0) {
+function sr(e, t, n = !0) {
 	if (!e) return {
 		cycleId: null,
 		delayRemainingMs: null,
@@ -3346,7 +3347,7 @@ function or(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 = $n(r?.nextRequestAt);
+	let r = e.strategy === "backend" ? t ?? (n ? e.initialSession : void 0) : void 0, i = r?.received ?? 0, a = er(r?.nextRequestAt);
 	return {
 		cycleId: r?.cycleId ?? null,
 		...a,
@@ -3363,7 +3364,7 @@ function or(e, t, n = !0) {
 		strategy: e.strategy
 	};
 }
-function sr(e) {
+function cr(e) {
 	return [
 		"cancelling",
 		"filling",
@@ -3371,9 +3372,9 @@ function sr(e) {
 		"waiting"
 	].includes(e.status);
 }
-async function cr(e, t, n) {
+async function lr(e, t, n) {
 	let r = t.autofill;
-	if (!sr(r) || !r.cycleId) return;
+	if (!cr(r) || !r.cycleId) return;
 	let i = {
 		cycleId: r.cycleId,
 		feedKey: r.feedKey ?? "",
@@ -3386,16 +3387,16 @@ async function cr(e, t, n) {
 		throw r.error = e, r.status = "error", e;
 	}
 }
-function lr(e, t, n) {
+function ur(e, t, n) {
 	return e?.strategy === "backend" && t.feedKey === e.feedKey && t.sessionId === n.sessionId;
 }
-async function ur({ 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;
+async function dr({ 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 ?? rr(s), g = t, _ = t, v = t, y = 0, b = [], x;
 	for (; y < h;) {
-		let e = rr(g);
+		let e = ir(g);
 		if (m.has(e)) throw Error("Vibe autofill received a repeated cursor.");
-		if (m.add(e), await er({
-			delayMs: Qn(l + y, s),
+		if (m.add(e), await tr({
+			delayMs: $n(l + y, s),
 			onChange: a,
 			signal: d
 		}), y > 0 && u()) return {
@@ -3409,7 +3410,7 @@ async function ur({ existingItems: e, initialCursor: t, loadPage: n, maximumRequ
 			status: "paused",
 			total: x
 		};
-		let t = Bn(await n({
+		let t = Vn(await n({
 			cursor: g,
 			signal: d
 		}));
@@ -3466,12 +3467,12 @@ async function ur({ existingItems: e, initialCursor: t, loadPage: n, maximumRequ
 }
 //#endregion
 //#region src/core/autofillController.ts
-var dr = class {
+var fr = 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 nr((t) => Object.assign(e.state.autofill, t)), this.syncCountdown();
 	}
 	beginCycle() {
 		let { options: e, state: t } = this.context;
@@ -3479,14 +3480,14 @@ var dr = class {
 		this.clear();
 		let n = `vibe-autofill-${Date.now().toString(36)}-${++this.cycle}`;
 		return t.autofill = {
-			...or(e, void 0, !1),
+			...sr(e, void 0, !1),
 			cycleId: n,
 			status: "filling"
 		}, n;
 	}
 	async cancel() {
 		let { cancelRequest: e, options: t, state: n } = this.context;
-		await cr(t, n, e), this.commitCollection();
+		await lr(t, n, e), this.commitCollection();
 	}
 	captureCollection(e, t) {
 		t && (this.collection = e);
@@ -3514,30 +3515,30 @@ var dr = class {
 			requests: r.requests
 		}), !0) : !1;
 	}
-}, fr = 100;
-function pr(e, t) {
+}, pr = 100;
+function mr(e, t) {
 	if (!Number.isFinite(t) || t <= 0) throw TypeError(`Vibe ${e} must be a positive number.`);
 }
-function mr(e, t, n) {
+function hr(e, t, n) {
 	return Math.min(n, Math.max(t, e));
 }
-function hr(e) {
+function gr(e) {
 	if (!e) return;
 	let t = e.minSpeedPxPerSecond ?? 20, n = e.maxSpeedPxPerSecond ?? 240;
-	if (pr("autoScroll.minSpeedPxPerSecond", t), pr("autoScroll.maxSpeedPxPerSecond", n), t > n) throw TypeError("Vibe autoScroll.minSpeedPxPerSecond cannot exceed maxSpeedPxPerSecond.");
-	e.speedPxPerSecond !== void 0 && pr("autoScroll.speedPxPerSecond", e.speedPxPerSecond);
+	if (mr("autoScroll.minSpeedPxPerSecond", t), mr("autoScroll.maxSpeedPxPerSecond", n), t > n) throw TypeError("Vibe autoScroll.minSpeedPxPerSecond cannot exceed maxSpeedPxPerSecond.");
+	e.speedPxPerSecond !== void 0 && mr("autoScroll.speedPxPerSecond", e.speedPxPerSecond);
 }
-function gr(e) {
+function _r(e) {
 	let t = e?.minSpeedPxPerSecond ?? 20, n = e?.maxSpeedPxPerSecond ?? 240;
 	return {
 		enabled: e?.enabled ?? !1,
 		maxSpeedPxPerSecond: n,
 		minSpeedPxPerSecond: t,
 		paused: !1,
-		speedPxPerSecond: mr(e?.speedPxPerSecond ?? 80, t, n)
+		speedPxPerSecond: hr(e?.speedPxPerSecond ?? 80, t, n)
 	};
 }
-var _r = class {
+var vr = class {
 	frame = null;
 	lastTimestamp = null;
 	mounted = !1;
@@ -3557,9 +3558,9 @@ var _r = class {
 		this.options.state.enabled && (this.options.state.paused = e, this.lastTimestamp = null, e ? this.cancelFrame() : this.schedule());
 	}
 	setSpeed(e) {
-		pr("auto-scroll speed", e);
+		mr("auto-scroll speed", e);
 		let t = this.options.state;
-		t.speedPxPerSecond = mr(e, t.minSpeedPxPerSecond, t.maxSpeedPxPerSecond);
+		t.speedPxPerSecond = hr(e, t.minSpeedPxPerSecond, t.maxSpeedPxPerSecond);
 	}
 	tick = (e) => {
 		this.frame = null;
@@ -3571,7 +3572,7 @@ var _r = class {
 			return;
 		}
 		if (this.lastTimestamp !== null) {
-			let r = Math.min(fr, Math.max(0, e - this.lastTimestamp)), i = Math.max(0, n.scrollHeight - n.clientHeight);
+			let r = Math.min(pr, 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();
@@ -3585,13 +3586,13 @@ var _r = class {
 };
 //#endregion
 //#region src/core/backendAutofill.ts
-async function vr(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, {
-		...$n(i.nextRequestAt),
+		...er(i.nextRequestAt),
 		missing: Math.max(0, e.pageSize - a),
 		received: a,
 		sequence: i.sequence ?? 0,
@@ -3599,19 +3600,19 @@ async function vr(e, t, n, r) {
 		status: "waiting"
 	});
 }
-function yr(e, t) {
+function br(e, t) {
 	["complete", "exhausted"].includes(t.status) && t.items && (e.items = $(e.items, t.items)), t.next !== void 0 && (e.next = t.next), t.total !== void 0 && (e.total = t.total);
 }
-function br(e, t, n) {
+function xr(e, t, n) {
 	let r = t.autofill;
-	return !lr(e, n, r) || n.sequence <= r.sequence || ["cancelled", "cancelling"].includes(r.status) || ["complete", "exhausted"].includes(n.status) && n.next === void 0 ? !1 : (yr(t, n), Object.assign(r, $n(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 !ur(e, n, r) || n.sequence <= r.sequence || ["cancelled", "cancelling"].includes(r.status) || ["complete", "exhausted"].includes(n.status) && n.next === void 0 ? !1 : (br(t, n), Object.assign(r, er(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 xr(e, t, n) {
-	return e?.strategy !== "backend" || n.feedKey !== e.feedKey || n.pageSize !== e.pageSize ? !1 : (t.autofill = or(e, n), yr(t, n), !0);
+function Sr(e, t, n) {
+	return e?.strategy !== "backend" || n.feedKey !== e.feedKey || n.pageSize !== e.pageSize ? !1 : (t.autofill = sr(e, n), br(t, n), !0);
 }
 //#endregion
 //#region src/core/backlogRestore.ts
-async function Sr(e, t, n) {
+async function Cr(e, t, n) {
 	if (!e) return;
 	let r = new AbortController();
 	n(r);
@@ -3626,7 +3627,7 @@ async function Sr(e, t, n) {
 }
 //#endregion
 //#region src/core/initialAutofill.ts
-async function Cr({ cycleId: e, isCurrent: t, onCollection: n, onLastCursor: r, onPages: i, options: a, signal: o, state: s }) {
+async function wr({ 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;
@@ -3639,7 +3640,7 @@ async function Cr({ cycleId: e, isCurrent: t, onCollection: n, onLastCursor: r,
 		return;
 	}
 	if (c.strategy === "backend") {
-		await vr(c, s, {
+		await yr(c, s, {
 			cycleId: e,
 			feedKey: c.feedKey,
 			items: [...s.items],
@@ -3656,11 +3657,11 @@ async function Cr({ cycleId: e, isCurrent: t, onCollection: n, onLastCursor: r,
 		s.autofill.status = "exhausted";
 		return;
 	}
-	let u = await ur({
+	let u = await dr({
 		existingItems: s.items,
 		initialCursor: s.next,
 		loadPage: a.loadPage,
-		maximumRequests: nr(c, !1),
+		maximumRequests: rr(c, !1),
 		onCollection: n,
 		onDelayChange: (e) => {
 			t() && Object.assign(s.autofill, e);
@@ -3683,13 +3684,13 @@ async function Cr({ cycleId: e, isCurrent: t, onCollection: n, onLastCursor: r,
 }
 //#endregion
 //#region src/core/fill.ts
-function wr(e) {
+function Tr(e) {
 	return "items" in e ? { items: e.items } : "pages" in e ? { pages: e.pages } : { until: "end" };
 }
-function Tr(e) {
+function Er(e) {
 	return `${typeof e}:${String(e)}`;
 }
-function Er(e) {
+function Dr(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.");
@@ -3702,21 +3703,21 @@ function Er(e) {
 	if ("until" in e && e.until === "end") return { until: "end" };
 	throw TypeError("Vibe fill target must be { items }, { pages }, or { until: 'end' }.");
 }
-function Dr(e) {
+function Or(e) {
 	if (!e) return;
 	if (e.strategy === "frontend") {
-		Zn(e, "frontend fill");
+		Qn(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.");
-		Er(t.target);
+		Dr(t.target);
 	}
 }
-function Or(e, t, n = !0) {
-	let r = e?.strategy === "backend" && n ? e.initialSession : void 0, i = t ?? r, a = $n(i?.nextRequestAt);
+function kr(e, t, n = !0) {
+	let r = e?.strategy === "backend" && n ? e.initialSession : void 0, i = t ?? r, a = er(i?.nextRequestAt);
 	return {
 		completedPages: i?.completedPages ?? 0,
 		cycleId: i?.cycleId ?? null,
@@ -3729,10 +3730,10 @@ function Or(e, t, n = !0) {
 		sessionId: i?.sessionId ?? null,
 		status: i?.status ?? "idle",
 		strategy: e?.strategy ?? null,
-		target: i ? wr(i.target) : null
+		target: i ? Tr(i.target) : null
 	};
 }
-function kr(e) {
+function Ar(e) {
 	return [
 		"cancelling",
 		"filling",
@@ -3740,7 +3741,7 @@ function kr(e) {
 		"waiting"
 	].includes(e.status);
 }
-async function Ar({ 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 jr({ 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,
@@ -3752,10 +3753,10 @@ async function Ar({ existingItems: e, initialCursor: t, loadPage: n, onCollectio
 		status: "complete"
 	};
 	for (; _ !== null;) {
-		let e = Tr(h);
+		let e = Er(h);
 		if (p.has(e)) throw Error("Vibe fill received a repeated cursor.");
-		if (p.add(e), await er({
-			delayMs: Qn(m, o),
+		if (p.add(e), await tr({
+			delayMs: $n(m, o),
 			onChange: i,
 			signal: c
 		}), m > 0 && s()) return {
@@ -3768,7 +3769,7 @@ async function Ar({ existingItems: e, initialCursor: t, loadPage: n, onCollectio
 			status: "paused",
 			total: y
 		};
-		let t = Bn(await n({
+		let t = Vn(await n({
 			cursor: h,
 			signal: c
 		}));
@@ -3836,12 +3837,12 @@ async function Ar({ existingItems: e, initialCursor: t, loadPage: n, onCollectio
 }
 //#endregion
 //#region src/core/backendFill.ts
-async function jr(e, t, n, r) {
+async function Mr(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, {
-			...$n(i.nextRequestAt),
+			...er(i.nextRequestAt),
 			completedPages: i.completedPages ?? 0,
 			received: i.received ?? 0,
 			sequence: i.sequence ?? 0,
@@ -3850,23 +3851,23 @@ async function jr(e, t, n, r) {
 		});
 	}
 }
-function Mr(e, t, n) {
+function Nr(e, t, n) {
 	return e?.strategy === "backend" && n.feedKey === e.feedKey && n.sessionId === t.fill.sessionId;
 }
-function Nr(e) {
+function Pr(e) {
 	return Number.isInteger(e.completedPages) && e.completedPages >= 0 && Number.isInteger(e.received) && e.received >= 0 && Number.isInteger(e.sequence) && e.sequence >= 0;
 }
-function Pr(e, t) {
+function Fr(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 Fr(e, t, n) {
+function Ir(e, t, n) {
 	t.total !== void 0 && (e.total = t.total), ["complete", "exhausted"].includes(t.status) && (e.items = $(e.items, t.items ?? []), e.next = t.next ?? null, n(t.lastCursor ?? null));
 }
-function Ir(e, t, n, r) {
-	return !Mr(e, t, n) || !Nr(n) || n.sequence <= t.fill.sequence || ["cancelled", "cancelling"].includes(t.fill.status) || !Pr(t, n) ? !1 : (Fr(t, n, r), Object.assign(t.fill, {
-		...$n(n.status === "waiting" ? n.nextRequestAt : null),
+function Lr(e, t, n, r) {
+	return !Nr(e, t, n) || !Pr(n) || n.sequence <= t.fill.sequence || ["cancelled", "cancelling"].includes(t.fill.status) || !Fr(t, n) ? !1 : (Ir(t, n, r), Object.assign(t.fill, {
+		...er(n.status === "waiting" ? n.nextRequestAt : null),
 		completedPages: n.completedPages,
 		error: n.error ?? null,
 		received: n.received,
@@ -3874,45 +3875,45 @@ function Ir(e, t, n, r) {
 		status: n.status
 	}), !0);
 }
-function Lr(e, t, n, r) {
+function Rr(e, t, n, r) {
 	if (e?.strategy !== "backend" || n.feedKey !== e.feedKey) return !1;
 	let i = t.fill;
-	return t.fill = Or(e, n), !Nr(n) || !Pr(t, n) ? (t.fill = i, !1) : (Fr(t, n, r), !0);
+	return t.fill = kr(e, n), !Pr(n) || !Fr(t, n) ? (t.fill = i, !1) : (Ir(t, n, r), !0);
 }
 //#endregion
 //#region src/core/fillController.ts
-var Rr = class {
+var zr = 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 nr((e) => {
 			Object.assign(this.options.state.fill, e);
 		}), this.syncBackendCountdown();
 	}
 	isActive() {
-		return kr(this.options.state.fill);
+		return Ar(this.options.state.fill);
 	}
 	applyUpdate(e) {
-		let t = Ir(this.options.fill, this.options.state, e, this.options.onLastCursor);
+		let t = Lr(this.options.fill, this.options.state, e, this.options.onLastCursor);
 		return t && this.syncBackendCountdown(), t;
 	}
 	restoreSession(e) {
-		let t = Lr(this.options.fill, this.options.state, e, this.options.onLastCursor);
+		let t = Rr(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 = Er(e), i = Er(t.target ?? r), a = t.progressOffset ?? {
+		let r = Dr(e), i = Dr(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 = {
-			...Or(n, void 0, !1),
+			...kr(n, void 0, !1),
 			completedPages: a.completedPages,
 			cycleId: o,
 			received: a.received,
@@ -3925,7 +3926,7 @@ var Rr = 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 jr(n, this.options.state, {
+			n.strategy === "frontend" ? await this.startFrontend(n, r, c, s, t.prepareFrontend !== !1, a) : (await Mr(n, this.options.state, {
 				cycleId: o,
 				feedKey: n.feedKey,
 				items: [...this.options.state.items],
@@ -3943,7 +3944,7 @@ var Rr = class {
 	}
 	async cancel() {
 		let { fill: e, state: t } = this.options;
-		if (!kr(t.fill) || !t.fill.cycleId) return;
+		if (!Ar(t.fill) || !t.fill.cycleId) return;
 		let n = {
 			cycleId: t.fill.cycleId,
 			feedKey: t.fill.feedKey ?? "",
@@ -3987,7 +3988,7 @@ var Rr = class {
 		});
 	}
 	reset() {
-		this.abortLocalRequest(), this.delayCountdown.clear(), this.options.state.fill = Or(this.options.fill, void 0, !1), this.collection = null;
+		this.abortLocalRequest(), this.delayCountdown.clear(), this.options.state.fill = kr(this.options.fill, void 0, !1), this.collection = null;
 	}
 	destroy() {
 		this.abortLocalRequest(), this.delayCountdown.clear();
@@ -4022,7 +4023,7 @@ var Rr = class {
 			s.fill.status = "until" in t ? "complete" : "exhausted";
 			return;
 		}
-		let c = await Ar({
+		let c = await jr({
 			existingItems: s.items,
 			initialCursor: s.next,
 			loadPage: o,
@@ -4070,20 +4071,20 @@ var Rr = class {
 };
 //#endregion
 //#region src/core/fillReconciliation.ts
-async function zr({ 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,
+async function Br({ 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,
 		loadPage: n,
 		onDelayChange: r,
-		shouldPause: () => o.loadMoreLocked,
-		signal: a
+		shouldPause: () => s.loadMoreLocked || i && !s.infiniteScroll,
+		signal: o
 	});
-	return t() ? (o.items = $(o.items, s.items), o.next = s.next, i(s.lastCursor), s.total !== void 0 && (o.total = s.total), e.completeReconciliation(s), s.status) : s.status;
+	return t() ? (s.items = $(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 Br(e) {
+function Vr(e) {
 	return {
 		cancelAutofill: () => e.cancelAutofill(),
 		loadMore: () => e.loadNext(),
@@ -4095,46 +4096,46 @@ function Br(e) {
 		retryFill: () => e.retryFill()
 	};
 }
-function Vr(e) {
-	if (!Number.isFinite(e) || e <= 0) throw TypeError("Vibe reelAutoAdvance.intervalMs must be a positive number.");
-}
 function Hr(e) {
-	e?.intervalMs !== void 0 && Vr(e.intervalMs);
+	if (!Number.isFinite(e) || e <= 0) throw TypeError("Vibe reelAutoAdvance.intervalMs must be a positive number.");
 }
 function Ur(e) {
+	e?.intervalMs !== void 0 && Hr(e.intervalMs);
+}
+function Wr(e) {
 	return {
 		enabled: e?.enabled ?? !1,
 		includePostItems: e?.includePostItems ?? !1,
 		intervalMs: e?.intervalMs ?? 5e3
 	};
 }
-function Wr(e, t) {
+function Gr(e, t) {
 	if (typeof t == "boolean") {
 		e.enabled = t;
 		return;
 	}
-	Hr(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);
+	Ur(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 Gr(e) {
+function Kr(e) {
 	return { enabled: e?.enabled ?? !1 };
 }
-function Kr(e, t, n) {
+function qr(e, t, n) {
 	if (n && !t) throw Error("Vibe cannot enable reelInfoSheet without a configured component.");
 	e.enabled = n;
 }
 //#endregion
 //#region src/core/initialRuntimeState.ts
-function qr(e, t) {
+function Jr(e, t) {
 	let n = e.initialPage;
 	return {
 		activeReelPostId: null,
-		autoScroll: gr(e.autoScroll),
-		autofill: or(e.autofill),
+		autoScroll: _r(e.autoScroll),
+		autofill: sr(e.autofill),
 		current: n?.current ?? null,
 		error: null,
-		fill: Or(e.fill),
+		fill: kr(e.fill),
 		infiniteScroll: e.infiniteScroll ?? !0,
 		isLoading: !n,
 		isLoadingMore: !1,
@@ -4145,14 +4146,14 @@ function qr(e, t) {
 		next: n?.next ?? null,
 		nextPageError: null,
 		phoneMode: !1,
-		reelAutoAdvance: Ur(e.reelAutoAdvance),
+		reelAutoAdvance: Wr(e.reelAutoAdvance),
 		reelForward: {
 			error: null,
 			status: "idle"
 		},
 		reelForwardIndex: null,
 		reelForwardItem: null,
-		reelInfoSheet: Gr(e.reelInfoSheet),
+		reelInfoSheet: Kr(e.reelInfoSheet),
 		reelInfoSheetOverlay: !1,
 		reelMediaSource: "original",
 		reelOrigin: null,
@@ -4161,21 +4162,21 @@ function qr(e, t) {
 }
 //#endregion
 //#region src/core/options.ts
-function Jr(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 Yr(e, t) {
+function Xr(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 Xr(e) {
-	if (hr(e.autoScroll), Jr("cardHeader", e.cardHeader), Jr("cardFooter", e.cardFooter), Yr("header", e.mediaCard?.header), Yr("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 (ar(e.autofill), Dr(e.fill), Oe(e.masonry), Hr(e.reelAutoAdvance), e.removalReconciliation) {
+function Zr(e) {
+	if (gr(e.autoScroll), Yr("cardHeader", e.cardHeader), Yr("cardFooter", e.cardFooter), Xr("header", e.mediaCard?.header), Xr("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 (or(e.autofill), Or(e.fill), Oe(e.masonry), Ur(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.");
@@ -4190,7 +4191,7 @@ function Xr(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 Zr(e) {
+function Qr(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);
@@ -4199,7 +4200,7 @@ function Zr(e) {
 }
 //#endregion
 //#region src/core/pageRequest.ts
-async function Qr({ append: e, autofillController: t, cursor: n, isCurrent: r, loadPage: i, onLastCursor: a, onPages: o, options: s, signal: c, state: l }) {
+async function $r({ 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
@@ -4211,11 +4212,11 @@ async function Qr({ append: e, autofillController: t, cursor: n, isCurrent: r, l
 	let m = !1;
 	try {
 		if (u?.strategy === "frontend") {
-			let s = await ur({
+			let s = await dr({
 				existingItems: e ? l.items : [],
 				initialCursor: n,
 				loadPage: i,
-				maximumRequests: f ? Math.max(0, nr(u) - f.requests) : void 0,
+				maximumRequests: f ? Math.max(0, rr(u) - f.requests) : void 0,
 				onCollection: (e) => t.captureCollection(e, r()),
 				onDelayChange: (e) => {
 					r() && Object.assign(l.autofill, e);
@@ -4238,7 +4239,7 @@ async function Qr({ append: e, autofillController: t, cursor: n, isCurrent: r, l
 			}), o(s.pages), t.clearCollection();
 			return;
 		}
-		let s = Bn(await i({
+		let s = Vn(await i({
 			cursor: n,
 			signal: c
 		}));
@@ -4258,7 +4259,7 @@ async function Qr({ append: e, autofillController: t, cursor: n, isCurrent: r, l
 				l.autofill.status = "complete";
 				return;
 			}
-			await vr(u, l, {
+			await yr(u, l, {
 				cycleId: p,
 				feedKey: u.feedKey,
 				items: h.slice(d.length),
@@ -4280,16 +4281,16 @@ async function Qr({ append: e, autofillController: t, cursor: n, isCurrent: r, l
 }
 //#endregion
 //#region src/core/removalReconciliationController.ts
-function $r(e) {
-	return `${typeof e}:${String(e)}`;
-}
 function ei(e) {
 	return `${typeof e}:${String(e)}`;
 }
 function ti(e) {
+	return `${typeof e}:${String(e)}`;
+}
+function ni(e) {
 	return e.map(({ postId: e }) => e);
 }
-var ni = class {
+var ri = class {
 	delay;
 	enabled;
 	maxReplayPages;
@@ -4308,7 +4309,7 @@ var ni = 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($r(e)));
+		return this.tombstones.size === 0 ? [...e] : e.filter(({ postId: e }) => !this.tombstones.has(ei(e)));
 	}
 	needsReconciliation(e) {
 		return this.pending !== null || this.findUnderfilledPage(e) >= 0;
@@ -4321,45 +4322,45 @@ var ni = class {
 	}
 	recordInitialPage(e) {
 		e && this.recordPages([{
-			contributionIds: ti(e.items),
-			cursor: Wn(e),
+			contributionIds: ni(e.items),
+			cursor: Gn(e),
 			next: e.next,
-			returnedIds: ti(e.items)
+			returnedIds: ni(e.items)
 		}]);
 	}
 	remove(e) {
-		e.forEach((e) => this.tombstones.add($r(e)));
+		e.forEach((e) => this.tombstones.add(ei(e)));
 	}
 	reset() {
 		this.pages = [], this.pending = null, this.tombstones.clear();
 	}
 	restore(e) {
-		e.forEach((e) => this.tombstones.delete($r(e)));
+		e.forEach((e) => this.tombstones.delete(ei(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 = ti(a.cursor);
 			if (a.seenCursors.has(e)) throw Error("Vibe removal reconciliation received a repeated cursor.");
-			if (await er({
-				delayMs: Qn(a.pages.length, this.delay),
+			if (await tr({
+				delayMs: $n(a.pages.length, this.delay),
 				onChange: n,
 				signal: i
 			}), a.pages.length > 0 && r()) return this.result(a, "paused");
-			let o = Bn(await t({
+			let o = Vn(await t({
 				cursor: a.cursor,
 				signal: i
 			}));
 			a.seenCursors.add(e);
 			let s = this.filterItems(o.items), c = [];
 			if (s.forEach((e) => {
-				let t = $r(e.postId);
+				let t = ei(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: ti(s)
+				returnedIds: ni(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");
@@ -4367,9 +4368,9 @@ var ni = 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($r))), a = new Set(e.map(({ postId: e }) => $r(e)).filter((e) => !i.has(e)));
+		let i = new Set(n.flatMap(({ contributionIds: e }) => e.map(ei))), a = new Set(e.map(({ postId: e }) => ei(e)).filter((e) => !i.has(e)));
 		return {
-			appended: new Set(e.map(({ postId: e }) => $r(e))),
+			appended: new Set(e.map(({ postId: e }) => ei(e))),
 			attributed: new Set(a),
 			cursor: r.cursor,
 			items: [],
@@ -4394,11 +4395,11 @@ var ni = class {
 	}
 	findUnderfilledPage(e) {
 		if (!this.enabled || this.pages.length === 0) return -1;
-		let t = new Set(e.map(({ postId: e }) => $r(e)));
-		return this.pages.findIndex(({ contributionIds: e }) => e.filter((e) => t.has($r(e))).length < this.pageSize);
+		let t = new Set(e.map(({ postId: e }) => ei(e)));
+		return this.pages.findIndex(({ contributionIds: e }) => e.filter((e) => t.has(ei(e))).length < this.pageSize);
 	}
 	recordPage(e) {
-		let t = ei(e.cursor), n = this.pages.findIndex(({ cursor: e }) => ei(e) === t);
+		let t = ti(e.cursor), n = this.pages.findIndex(({ cursor: e }) => ti(e) === t);
 		n >= 0 && (this.pages = this.pages.slice(0, n)), this.pages.push({
 			...e,
 			contributionIds: [...e.contributionIds],
@@ -4408,7 +4409,7 @@ var ni = class {
 };
 //#endregion
 //#region src/core/activeItemRemoval.ts
-function ri(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)];
@@ -4421,7 +4422,7 @@ function ri(e, t, n, r, i) {
 }
 //#endregion
 //#region src/core/exactMediaRemovalController.ts
-function ii(e, t) {
+function ai(e, t) {
 	let [n, ...r] = t;
 	if (!n) throw Error("Vibe items must contain at least one media asset.");
 	return {
@@ -4430,10 +4431,10 @@ function ii(e, t) {
 		items: r
 	};
 }
-function ai(e) {
+function oi(e) {
 	if (!Number.isInteger(e.mediaIndex) || e.mediaIndex < 0) throw TypeError("Vibe mediaIndex must be a non-negative integer.");
 }
-var oi = class {
+var si = class {
 	generation = 0;
 	metadata = /* @__PURE__ */ new WeakMap();
 	state;
@@ -4441,7 +4442,7 @@ var oi = class {
 		this.options = e, this.state = e.state;
 	}
 	remove(e) {
-		ai(e);
+		oi(e);
 		let t = this.state.items.findIndex(({ postId: t }) => t === e.postId), n = this.state.items[t];
 		if (!n) return null;
 		let r = [...H(n)], i = r[e.mediaIndex];
@@ -4458,7 +4459,7 @@ var oi = 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] = ii(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] = 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);
 	}
 	reset() {
 		this.generation += 1;
@@ -4484,7 +4485,7 @@ var oi = class {
 	}
 	restoreIntoPost(e, t) {
 		let n = this.state.items[e], r = [...H(n)], i = Math.min(t.mediaIndex, r.length);
-		if (r.splice(i, 0, t.media), this.state.items[e] = ii(n, r), this.state.activeReelPostId !== t.postId) return;
+		if (r.splice(i, 0, t.media), this.state.items[e] = ai(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);
 	}
@@ -4497,18 +4498,18 @@ var oi = class {
 };
 //#endregion
 //#region src/core/itemPlacement.ts
-function si(e, t) {
+function ci(e, t) {
 	let n = new Set(t);
 	return e.flatMap((e, t) => n.has(e.postId) ? [{
 		index: t,
 		item: e
 	}] : []);
 }
-function ci(e, t) {
+function li(e, t) {
 	let n = new Set(t.map(({ item: e }) => e.postId));
 	return e.filter((e) => !n.has(e.postId));
 }
-function li(e, t) {
+function ui(e, t) {
 	t.forEach(({ index: e }) => {
 		if (!Number.isInteger(e) || e < 0) throw Error("Vibe item restore indexes must be non-negative integers.");
 	});
@@ -4519,7 +4520,7 @@ function li(e, t) {
 }
 //#endregion
 //#region src/core/itemRemovalController.ts
-var ui = 20, di = class {
+var di = 20, fi = class {
 	generation = 0;
 	historyLimit;
 	metadata = /* @__PURE__ */ new WeakMap();
@@ -4528,7 +4529,7 @@ var ui = 20, di = class {
 	itemOrder;
 	stopItemsWatcher;
 	constructor(e) {
-		this.options = e, this.historyLimit = e.historyLimit ?? ui, 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 ?? di, 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();
@@ -4542,7 +4543,7 @@ var ui = 20, di = 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 = ci(this.state.items, n), this.options.onItemsRemoved(r, n, l), this.record(r), r;
+		return this.state.items = li(this.state.items, n), this.options.onItemsRemoved(r, n, l), this.record(r), r;
 	}
 	reset() {
 		this.generation += 1, this.history = [], this.itemOrder = [];
@@ -4553,7 +4554,7 @@ var ui = 20, di = 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 = li(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 = ui(this.state.items, r);
 		this.registerExternalPlacements(r), this.state.items = i, r.length > 0 && this.options.onRemovalRestored(r);
 	}
 	restoreRemoval(e) {
@@ -4579,7 +4580,7 @@ var ui = 20, di = class {
 	}
 	collectOrderedPlacements(e) {
 		let t = new Map(this.itemOrder.map((e, t) => [e, t]));
-		return si(this.state.items, e).map((e) => ({
+		return ci(this.state.items, e).map((e) => ({
 			index: t.get(e.item.postId) ?? e.index,
 			item: e.item
 		}));
@@ -4610,7 +4611,7 @@ var ui = 20, di = 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;
 	}
-}, fi = class {
+}, pi = class {
 	forward = null;
 	forwardPromise = null;
 	forwardVersion = 0;
@@ -4638,10 +4639,10 @@ var ui = 20, di = class {
 		this.forwardVersion += 1, this.forward = null, this.forwardPromise = null, this.clearState();
 	}
 	retry() {
-		return !this.forward || this.state.reelForward.status === "idle" ? Promise.resolve() : (this.state.nextPageError = null, this.state.reelForward = {
+		return !this.forward || this.state.reelForward.status === "idle" ? Promise.resolve() : this.forwardPromise ? this.forwardPromise.then(() => this.retry()) : (this.state.nextPageError = null, this.state.reelForward = {
 			error: null,
 			status: "loading"
-		}, this.startForwardRequest());
+		}, this.startForwardRequest(!0));
 	}
 	clearState() {
 		this.state.reelForward = {
@@ -4649,28 +4650,28 @@ var ui = 20, di = class {
 			status: "idle"
 		}, this.state.reelForwardIndex = null, this.state.reelForwardItem = null;
 	}
-	stopAtLock() {
-		return this.state.loadMoreLocked ? (this.state.reelOrigin === "masonry" ? (this.reset(), this.options.onCloseReel()) : this.state.reelForward = {
+	stopAtPaginationBoundary(e) {
+		return !this.state.loadMoreLocked && (this.state.infiniteScroll || e) ? !1 : (this.state.reelOrigin === "masonry" ? (this.reset(), this.options.onCloseReel()) : this.state.reelForward = {
 			error: null,
 			status: "end"
-		}, !0) : !1;
+		}, !0);
 	}
-	startForwardRequest() {
+	startForwardRequest(e = !1) {
 		if (this.forwardPromise) return this.forwardPromise;
-		let e = this.loadForward();
-		return this.forwardPromise = e, e.finally(() => {
-			this.forwardPromise === e && (this.forwardPromise = null, this.forward && this.state.reelForward.status === "loading" && this.startForwardRequest());
+		let t = this.loadForward(e);
+		return this.forwardPromise = t, t.finally(() => {
+			this.forwardPromise === t && (this.forwardPromise = null, this.forward && this.state.reelForward.status === "loading" && this.startForwardRequest(e));
 		});
 	}
-	async loadForward() {
-		let e = this.forward;
-		if (e) for (; this.forward === e && e.version === this.forwardVersion;) {
-			let t = this.state.items[e.postIndex];
-			if (t) {
-				this.forward = null, this.clearState(), this.options.onActivate(t.postId);
+	async loadForward(e) {
+		let t = this.forward;
+		if (t) for (; this.forward === t && t.version === this.forwardVersion;) {
+			let n = this.state.items[t.postIndex];
+			if (n) {
+				this.forward = null, this.clearState(), this.options.onActivate(n.postId);
 				return;
 			}
-			if (this.stopAtLock()) return;
+			if (this.stopAtPaginationBoundary(e)) return;
 			if (this.state.nextPageError) {
 				this.state.reelForward = {
 					error: this.state.nextPageError,
@@ -4678,10 +4679,10 @@ var ui = 20, di = class {
 				};
 				return;
 			}
-			let n = this.state.next, r = this.state.items.length;
-			if (await this.options.replenishAfterRemoval(), this.forward !== e || e.version !== this.forwardVersion) return;
-			if (!this.state.items[e.postIndex]) {
-				if (this.stopAtLock()) return;
+			let r = this.state.next, i = this.state.items.length;
+			if (await this.options.replenishAfterRemoval(e), this.forward !== t || t.version !== this.forwardVersion) return;
+			if (!this.state.items[t.postIndex]) {
+				if (this.stopAtPaginationBoundary(e)) return;
 				if (this.state.nextPageError) {
 					this.state.reelForward = {
 						error: this.state.nextPageError,
@@ -4696,7 +4697,7 @@ var ui = 20, di = class {
 					};
 					return;
 				}
-				if (this.state.next === n && this.state.items.length === r) {
+				if (this.state.next === r && this.state.items.length === i) {
 					this.state.reelForward = {
 						error: /* @__PURE__ */ Error("Vibe could not advance while page loading is unavailable."),
 						status: "error"
@@ -4706,7 +4707,7 @@ var ui = 20, di = class {
 			}
 		}
 	}
-}, pi = class {
+}, mi = class {
 	generation = 0;
 	pending = Promise.resolve();
 	constructor(e) {
@@ -4756,24 +4757,24 @@ var ui = 20, di = class {
 };
 //#endregion
 //#region src/core/removalControllers.ts
-function mi(e) {
-	let t = new fi(e), n = new pi({
+function hi(e) {
+	let t = new pi(e), n = new mi({
 		state: e.state,
 		transitionMedia: (t) => e.surface()?.transitionActiveReelMedia(t) ?? Promise.resolve(!1),
 		transitionPost: (t) => e.surface()?.transitionActiveReelPost(t) ?? Promise.resolve(!1)
 	});
 	return {
-		exactMediaRemoval: new oi({
+		exactMediaRemoval: new si({
 			onActivate: e.onActivate,
 			onPostRemoved: (t) => e.onItemsRemoved([t]),
 			onPostRestored: (t) => e.onItemsRestored([t]),
 			reelForward: t,
 			state: e.state
 		}),
-		itemRemoval: new di({
+		itemRemoval: new fi({
 			historyLimit: e.historyLimit,
 			onItemsRemoved: (n, r, i) => {
-				e.onItemsRemoved(r.map(({ item: e }) => e.postId)), ri(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));
@@ -4788,17 +4789,17 @@ function mi(e) {
 		reelRemoval: n
 	};
 }
-var hi = 1.5;
-function gi(e) {
+var gi = 1.5;
+function _i(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 * hi;
+	let n = Math.min(e.viewportWidth, e.viewportHeight), r = t >= n * gi;
 	return !e.hasHover && n > 0 && n < 600 && r;
 }
-function _i(e) {
-	return gi(e) ? "reel" : "masonry";
-}
 function vi(e) {
+	return _i(e) ? "reel" : "masonry";
+}
+function yi(e) {
 	let t = e.ownerDocument.defaultView, n = e.ownerDocument.documentElement;
 	return {
 		hasHover: typeof t?.matchMedia == "function" && t.matchMedia("(hover: hover)").matches,
@@ -4808,15 +4809,15 @@ function vi(e) {
 		viewportWidth: n.clientWidth
 	};
 }
-function yi(e) {
-	return gi(vi(e));
-}
 function bi(e) {
-	return _i(vi(e));
+	return _i(yi(e));
+}
+function xi(e) {
+	return vi(yi(e));
 }
 //#endregion
 //#region src/core/responsiveLayoutController.ts
-var xi = class {
+var Si = class {
 	layoutMode;
 	resizeObserver = null;
 	target = null;
@@ -4841,10 +4842,10 @@ var xi = class {
 	}
 	handleResponsiveLayout = () => {
 		if (!this.target) return;
-		let e = bi(this.target);
-		this.state.phoneMode = yi(this.target), this.state.reelInfoSheetOverlay = this.state.phoneMode, this.state.reelMediaSource = this.state.phoneMode ? "mobile" : "original", this.layoutMode === "responsive" && this.applyLayout(e);
+		let e = xi(this.target);
+		this.state.phoneMode = bi(this.target), this.state.reelInfoSheetOverlay = this.state.phoneMode, this.state.reelMediaSource = this.state.phoneMode ? "mobile" : "original", this.layoutMode === "responsive" && this.applyLayout(e);
 	};
-}, Si = class {
+}, Ci = class {
 	state;
 	constructor(e) {
 		this.options = e, this.state = x(Rt({
@@ -4858,7 +4859,7 @@ var xi = class {
 	set(e, t = !1) {
 		Object.assign(this.state, Rt(e, this.state)), t && this.options.onReelAudioStateChange?.(this.get());
 	}
-}, Ci = class {
+}, wi = class {
 	routedReelPostId = null;
 	reelRouteIsActive = !1;
 	constructor(e, t) {
@@ -4888,30 +4889,30 @@ var xi = class {
 };
 //#endregion
 //#region src/core/updateItems.ts
-function wi(e) {
+function Ti(e) {
 	return String(e);
 }
-function Ti(e, t) {
+function Ei(e, t) {
 	let n = H(t).length;
 	(e.mediaIndices.get(t.postId) ?? 0) >= n && e.mediaIndices.set(t.postId, Math.max(0, n - 1));
 }
-function Ei(e, t) {
+function Di(e, t) {
 	let n = /* @__PURE__ */ new Map();
-	if (t.forEach((e) => n.set(wi(e.postId), e)), n.size === 0) return [];
+	if (t.forEach((e) => n.set(Ti(e.postId), e)), n.size === 0) return [];
 	let r = [], i = e.items.map((t) => {
-		let i = n.get(wi(t.postId));
+		let i = n.get(Ti(t.postId));
 		if (!i) return t;
 		let a = {
 			...i,
 			postId: t.postId
 		};
-		return Ti(e, a), e.reelForwardItem && wi(e.reelForwardItem.postId) === wi(t.postId) && (e.reelForwardItem = a), r.push(t.postId), a;
+		return Ei(e, a), e.reelForwardItem && Ti(e.reelForwardItem.postId) === Ti(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 Di = class {
+var Oi = class {
 	app = null;
 	autoScroll;
 	autofillController;
@@ -4934,24 +4935,24 @@ var Di = class {
 	reelAudio;
 	state;
 	constructor(e) {
-		this.options = e, Xr(e);
+		this.options = e, Zr(e);
 		let t = e.layout ?? "masonry";
-		this.state = x(qr(e, t)), this.reelAudio = new Si(e), this.lastLoadedCursor = e.initialPage ? Wn(e.initialPage) : null, this.notificationItems = K(this.state), this.autoScroll = new _r({
+		this.state = x(Jr(e, t)), this.reelAudio = new Ci(e), this.lastLoadedCursor = e.initialPage ? Gn(e.initialPage) : null, this.notificationItems = K(this.state), this.autoScroll = new vr({
 			getScrollElement: () => this.surface?.getAutoScrollElement() ?? null,
 			state: this.state.autoScroll
-		}), this.autofillController = new dr({
+		}), this.autofillController = new fr({
 			cancelRequest: () => this.cancelRequest(),
 			onLastCursor: (e) => this.setCurrentCursor(e),
 			onPages: (e) => this.removalReconciliation.recordPages(e),
 			options: e.autofill,
 			state: this.state
-		}), this.removalReconciliation = new ni(e), this.removalReconciliation.recordInitialPage(e.initialPage), this.fillController = new Rr({
+		}), this.removalReconciliation = new ri(e), this.removalReconciliation.recordInitialPage(e.initialPage), this.fillController = new zr({
 			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 }) => zr({
+			prepareFrontend: ({ isCurrent: t, onDelayChange: n, signal: r }) => Br({
 				controller: this.removalReconciliation,
 				isCurrent: t,
 				loadPage: e.loadPage,
@@ -4961,31 +4962,31 @@ var Di = class {
 				state: this.state
 			}),
 			state: this.state
-		}), this.routing = new Ci(e.routing, this.state);
-		let n = mi({
+		}), this.routing = new wi(e.routing, this.state);
+		let n = hi({
 			historyLimit: e.removalHistoryLimit,
 			onActivate: (e) => this.setActiveReelPost(e),
 			onCloseReel: () => this.closeMasonryReel(),
 			onItemsRemoved: (e) => this.removalReconciliation.remove(e),
 			onItemsRestored: (e) => this.removalReconciliation.restore(e),
-			replenishAfterRemoval: () => this.replenishAfterRemoval(),
+			replenishAfterRemoval: (e) => this.replenishAfterRemoval(e),
 			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 xi(t, this.state, () => {
+		this.exactMediaRemoval = n.exactMediaRemoval, this.itemRemoval = n.itemRemoval, this.reelForward = n.reelForward, this.reelRemoval = n.reelRemoval, this.responsiveLayout = new Si(t, this.state, () => {
 			this.routing.syncFeed();
 		}), this.startStateNotifications();
 	}
 	async mount() {
 		if (this.app) throw Error("Vibe is already mounted.");
 		this.startStateNotifications();
-		let e = Zr(this.options.target);
-		this.responsiveLayout.mount(e), this.app = i(zn, {
+		let e = Qr(this.options.target);
+		this.responsiveLayout.mount(e), this.app = i(Bn, {
 			canRetryEnd: !!this.options.loadPage,
 			cardFooter: this.options.cardFooter,
 			cardHeader: this.options.cardHeader,
 			feedFooter: this.options.feedFooter,
-			feedFooterActions: Br(this),
+			feedFooterActions: Vr(this),
 			mediaCard: this.options.mediaCard,
 			masonry: this.options.masonry,
 			onMediaFullyVisible: this.options.onMediaFullyVisible,
@@ -5011,7 +5012,7 @@ var Di = class {
 			onRetryForward: () => {
 				this.retryReelForward();
 			}
-		}), this.surface = this.app.mount(e), this.autoScroll.mount(), await Sr(this.options.restoreBacklog, (e) => this.appendPage(e), (e) => {
+		}), this.surface = this.app.mount(e), this.autoScroll.mount(), await Cr(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();
 	}
@@ -5046,7 +5047,7 @@ var Di = class {
 		return this.itemRemoval.restoreRemoval(e);
 	}
 	updateItems(e) {
-		return Ei(this.state, e);
+		return Di(this.state, e);
 	}
 	retryReelForward() {
 		return this.reelForward.retry();
@@ -5085,7 +5086,7 @@ var Di = class {
 		this.autoScroll.setSpeed(e);
 	}
 	applyAutofillUpdate(e) {
-		let t = br(this.options.autofill, this.state, e);
+		let t = xr(this.options.autofill, this.state, e);
 		return t && this.autofillController.syncCountdown(), t;
 	}
 	cancelAutofill() {
@@ -5096,7 +5097,7 @@ var Di = class {
 			await this.cancelFill();
 			return;
 		}
-		if (sr(this.state.autofill)) {
+		if (cr(this.state.autofill)) {
 			await this.cancelAutofill();
 			return;
 		}
@@ -5110,12 +5111,12 @@ var Di = class {
 	}
 	async fill(e) {
 		if (!this.state.loadMoreLocked) {
-			if (this.pendingRequest || sr(this.state.autofill)) throw Error("Vibe cannot fill while another page operation is active.");
+			if (this.pendingRequest || cr(this.state.autofill)) throw Error("Vibe cannot fill while another page operation is active.");
 			await this.fillController.start(e);
 		}
 	}
 	restoreAutofillSession(e) {
-		let t = xr(this.options.autofill, this.state, e);
+		let t = Sr(this.options.autofill, this.state, e);
 		return t && this.autofillController.syncCountdown(), t;
 	}
 	restoreFillSession(e) {
@@ -5125,14 +5126,14 @@ var Di = class {
 		return this.startLoadMore(() => this.loadNextSequence());
 	}
 	appendPage(e) {
-		Gn(e, this.state, this.removalReconciliation, (e) => this.setCurrentCursor(e));
+		Kn(e, this.state, this.removalReconciliation, (e) => this.setCurrentCursor(e));
 	}
-	replenishAfterRemoval() {
-		return this.startLoadMore(() => this.replenishAfterRemovalSequence());
+	replenishAfterRemoval(e = !0) {
+		return this.startLoadMore(() => this.replenishAfterRemovalSequence(e));
 	}
 	async startLoadMore(e) {
 		if (this.pendingRequest) return this.pendingRequest;
-		if (this.state.loadMoreLocked || sr(this.state.autofill) || this.fillController.isActive() || !this.options.loadPage || this.state.next === null && !this.removalReconciliation.needsReconciliation(this.state.items)) return;
+		if (this.state.loadMoreLocked || cr(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(() => {
@@ -5147,49 +5148,51 @@ var Di = class {
 	}
 	async replaceFeed(e, t) {
 		if (!this.options.loadPage) throw Error(`Vibe cannot ${t} without loadPage.`);
-		return sr(this.state.autofill) && await this.cancelAutofill(), this.fillController.isActive() && await this.cancelFill(), this.cancelRequest(), this.state.autofill = or(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.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 cr(this.state.autofill) && await this.cancelAutofill(), this.fillController.isActive() && await this.cancelFill(), this.cancelRequest(), this.state.autofill = sr(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.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);
 	}
 	async loadFilteredPage(e) {
 		let t = this.options.loadPage;
 		if (!t) throw Error("Vibe cannot load a page without loadPage.");
-		let n = Bn(await t(e));
+		let n = Vn(await t(e));
 		return {
 			...n,
 			items: this.removalReconciliation.filterItems(n.items)
 		};
 	}
 	async loadNextSequence() {
-		this.removalReconciliation.needsReconciliation(this.state.items) && !await this.reconcileBeforeNext() || this.state.loadMoreLocked || this.state.next !== null && await this.fetchPage(this.state.next, !0);
+		this.removalReconciliation.needsReconciliation(this.state.items) && !await this.reconcileBeforeNext() || this.state.loadMoreLocked || this.state.next === null || await this.fetchPage(this.state.next, !0);
 	}
-	async replenishAfterRemovalSequence() {
-		let e = this.state.items.length;
-		this.removalReconciliation.needsReconciliation(this.state.items) && (!await this.reconcileBeforeNext() || this.state.items.length > e) || this.state.loadMoreLocked || this.state.next === null || await this.fetchPage(this.state.next, !0);
+	async replenishAfterRemovalSequence(e) {
+		if (!e && !this.state.infiniteScroll) return;
+		let t = this.state.items.length;
+		this.removalReconciliation.needsReconciliation(this.state.items) && (!await this.reconcileBeforeNext(!e) || this.state.items.length > t) || this.state.loadMoreLocked || !e && !this.state.infiniteScroll || this.state.next === null || await this.fetchPage(this.state.next, !0);
 	}
-	async reconcileBeforeNext() {
-		let e = this.options.loadPage;
-		if (!e) return !1;
-		let t = ++this.requestVersion, n = new AbortController();
-		this.abortController = n;
+	async reconcileBeforeNext(e = !1) {
+		let t = this.options.loadPage;
+		if (!t) return !1;
+		let n = ++this.requestVersion, r = new AbortController();
+		this.abortController = r;
 		try {
-			let r = await zr({
+			let i = await Br({
 				controller: this.removalReconciliation,
-				isCurrent: () => t === this.requestVersion,
-				loadPage: e,
+				isCurrent: () => n === this.requestVersion,
+				loadPage: t,
 				onDelayChange: () => void 0,
+				pauseWhenManual: e,
 				setLastCursor: (e) => this.setCurrentCursor(e),
-				signal: n.signal,
+				signal: r.signal,
 				state: this.state
 			});
-			return t === this.requestVersion && r === "complete" && (this.state.nextPageError = null), t === this.requestVersion && r === "complete";
+			return n === this.requestVersion && i === "complete" && (this.state.nextPageError = null), n === this.requestVersion && i === "complete";
 		} catch (e) {
-			return !n.signal.aborted && t === this.requestVersion && (this.state.nextPageError = e), !1;
+			return !r.signal.aborted && n === this.requestVersion && (this.state.nextPageError = e), !1;
 		} finally {
-			this.abortController === n && (this.abortController = null);
+			this.abortController === r && (this.abortController = null);
 		}
 	}
 	async retryEnd() {
 		if (this.pendingRequest) return this.pendingRequest;
-		if (!this.state.loadMoreLocked && !(sr(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 && !(cr(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());
@@ -5213,10 +5216,10 @@ var Di = class {
 		this.state.total = e;
 	}
 	setReelAutoAdvance(e) {
-		Wr(this.state.reelAutoAdvance, e);
+		Gr(this.state.reelAutoAdvance, e);
 	}
 	setReelInfoSheet(e) {
-		Kr(this.state.reelInfoSheet, this.options.reelInfoSheet, e);
+		qr(this.state.reelInfoSheet, this.options.reelInfoSheet, e);
 	}
 	setLayout(e) {
 		this.responsiveLayout.setLayout(e);
@@ -5236,7 +5239,7 @@ var Di = class {
 	async fetchPage(e, t) {
 		if (!this.options.loadPage) return;
 		let n = ++this.requestVersion, r = new AbortController();
-		this.abortController = r, await Qr({
+		this.abortController = r, await $r({
 			append: t,
 			autofillController: this.autofillController,
 			cursor: e,
@@ -5258,7 +5261,7 @@ var Di = class {
 	startInitialAutofill() {
 		let e = ++this.requestVersion, t = new AbortController(), n = this.autofillController.beginCycle();
 		this.abortController = t, this.state.isLoadingMore = !0;
-		let r = Cr({
+		let r = wr({
 			cycleId: n,
 			isCurrent: () => e === this.requestVersion,
 			onCollection: (t) => this.autofillController.captureCollection(t, e === this.requestVersion),
@@ -5281,6 +5284,6 @@ var Di = class {
 	setCurrentCursor(e) {
 		this.lastLoadedCursor = e, this.state.current = e;
 	}
-}, Oi = (e) => new Di(e);
+}, ki = (e) => new Oi(e);
 //#endregion
-export { Oi as createVibe };
+export { ki as createVibe };