@wyxos/vibe 5.0.2 → 5.0.3

package/lib/index.js

@@ -86,7 +86,7 @@ var L = {
 			onClick: n[0] ||= (e) => t.$emit("retryEnd")
 		}, " Check for more ", 8, V)]))])) : o("", !0);
 	}
-}), ee = /* @__PURE__ */ d({
+}), U = /* @__PURE__ */ d({
 	__name: "FeedFooter",
 	props: {
 		actions: {},
@@ -142,7 +142,7 @@ var L = {
 			"show-load-more"
 		]));
 	}
-}), te = ["role"], ne = { class: "gallery-status" }, re = /* @__PURE__ */ d({
+}), W = ["role"], ee = { class: "gallery-status" }, te = /* @__PURE__ */ d({
 	__name: "FeedStatus",
 	props: {
 		actions: {},
@@ -156,7 +156,7 @@ var L = {
 		return (n, u) => (b(), s("main", {
 			class: "gallery-shell",
 			role: r.state.error ? "alert" : r.state.isLoading ? "status" : void 0
-		}, [c("p", ne, [r.state.error ? (b(), s(e, { key: 0 }, [l(" Unable to load media. ")], 64)) : r.state.isLoading ? (b(), s(e, { key: 1 }, [l(" Loading media… ")], 64)) : (b(), s(e, { key: 2 }, [l(" No media found. ")], 64))]), t.feedFooter ? (b(), a(ee, {
+		}, [c("p", ee, [r.state.error ? (b(), s(e, { key: 0 }, [l(" Unable to load media. ")], 64)) : r.state.isLoading ? (b(), s(e, { key: 1 }, [l(" Loading media… ")], 64)) : (b(), s(e, { key: 2 }, [l(" No media found. ")], 64))]), t.feedFooter ? (b(), a(U, {
 			key: 0,
 			actions: t.actions,
 			"can-retry-end": t.canRetryEnd,
@@ -178,36 +178,36 @@ var L = {
 			"is-loading",
 			"load-more-locked",
 			"state"
-		])) : o("", !0)], 8, te));
+		])) : o("", !0)], 8, W));
 	}
 });
-function U(e) {
+function G(e) {
 	return e.scrollHeight - e.scrollTop - e.clientHeight <= 240;
 }
 //#endregion
 //#region src/core/masonry.ts
-function W(e) {
+function K(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 ie(e) {
+function ne(e) {
 	return e.reduce((t, n, r) => n < e[t] ? r : t, 0);
 }
-function G(e) {
+function q(e) {
 	return Math.max(0, e.containerHeight) + Math.max(0, e.gap);
 }
-function K(e, t) {
+function re(e, t) {
 	let n = Math.max(0, t.overscan), r = t.scrollTop - n, i = t.scrollTop + Math.max(0, t.viewportHeight) + n;
 	return e.reduce((e, t, n) => (t.y + t.height >= r && t.y <= i && e.push(n), e), []);
 }
-function q(e, t, n) {
+function J(e, t, n) {
 	if (t <= 0 || e.length === 0) return {
 		columns: 0,
 		height: 0,
 		items: []
 	};
 	let r = Math.max(0, n.gap), i = Number.isFinite(n.additionalHeight) ? Math.max(0, n.additionalHeight ?? 0) : 0, a = Math.max(1, n.minColumnWidth), o = Math.max(1, Math.floor((t + r) / (a + r))), s = (t - r * (o - 1)) / o, c = Array.from({ length: o }, () => 0), l = e.map((e) => {
-		let t = ie(c), n = s * W(e) + i, a = {
+		let t = ne(c), n = s * K(e) + i, a = {
 			x: t * (s + r),
 			y: c[t],
 			width: s,
@@ -223,7 +223,7 @@ function q(e, t, n) {
 }
 //#endregion
 //#region src/core/scrollbar.ts
-function J(e, t, n) {
+function ie(e, t, n) {
 	return Math.min(n, Math.max(t, e));
 }
 function ae({ contentSize: e, minimumThumbSize: t, scrollPosition: n, trackSize: r, viewportSize: i }) {
@@ -235,23 +235,23 @@ function ae({ contentSize: e, minimumThumbSize: t, scrollPosition: n, trackSize:
 		thumbSize: o,
 		thumbTravel: 0
 	};
-	let l = J(s / a * o, Math.min(Math.max(0, t), o), o), u = Math.max(0, o - l);
+	let l = ie(s / a * o, Math.min(Math.max(0, t), o), o), u = Math.max(0, o - l);
 	return {
 		maximumScrollPosition: c,
 		scrollable: !0,
-		thumbOffset: u * (J(n, 0, c) / c),
+		thumbOffset: u * (ie(n, 0, c) / c),
 		thumbSize: l,
 		thumbTravel: u
 	};
 }
 //#endregion
 //#region src/components/GalleryScrollbar.vue?vue&type=script&setup=true&lang.ts
-var Y = ["aria-hidden"], oe = [
+var oe = ["aria-hidden"], se = [
 	"aria-controls",
 	"aria-valuemax",
 	"aria-valuenow",
 	"tabindex"
-], se = 32, X = 40, ce = 120, le = /* @__PURE__ */ d({
+], ce = 32, Y = 40, le = 120, ue = /* @__PURE__ */ d({
 	__name: "GalleryScrollbar",
 	props: {
 		contentSize: {},
@@ -273,7 +273,7 @@ var Y = ["aria-hidden"], oe = [
 		function k() {
 			g !== null && clearTimeout(g), g = setTimeout(() => {
 				g = null, o.value || (l.value = !1);
-			}, ce);
+			}, le);
 		}
 		function A() {
 			l.value = !0, k();
@@ -282,7 +282,7 @@ var Y = ["aria-hidden"], oe = [
 			let e = t.scrollElement, r = i.value;
 			return !e || !r ? n : ae({
 				contentSize: e.scrollHeight,
-				minimumThumbSize: se,
+				minimumThumbSize: ce,
 				scrollPosition: e.scrollTop,
 				trackSize: r.clientHeight,
 				viewportSize: e.clientHeight
@@ -335,7 +335,7 @@ var Y = ["aria-hidden"], oe = [
 		}
 		function z(e) {
 			if (!E.value) return;
-			let n = t.scrollElement?.clientHeight ?? 0, r = t.scrollElement?.scrollTop ?? 0, i = e.key === "ArrowUp" ? r - X : e.key === "ArrowDown" ? r + X : e.key === "PageUp" ? r - n : e.key === "PageDown" ? r + n : e.key === "Home" ? 0 : e.key === "End" ? a.value.maximumScrollPosition : null;
+			let n = t.scrollElement?.clientHeight ?? 0, r = t.scrollElement?.scrollTop ?? 0, i = e.key === "ArrowUp" ? r - Y : e.key === "ArrowDown" ? r + Y : e.key === "PageUp" ? r - n : e.key === "PageDown" ? r + n : e.key === "Home" ? 0 : e.key === "End" ? a.value.maximumScrollPosition : null;
 			i !== null && (e.preventDefault(), A(), P(i));
 		}
 		function B(e) {
@@ -381,12 +381,12 @@ var Y = ["aria-hidden"], oe = [
 			onPointerdown: I,
 			onPointermove: L,
 			onPointerup: R
-		}, null, 44, oe)], 42, Y));
+		}, null, 44, se)], 42, oe));
 	}
-}), ue = (e) => {
+}), de = (e) => {
 	for (let t in e) if (t.startsWith("aria-") || t === "role" || t === "title") return !0;
 	return !1;
-}, de = (e) => e === "", fe = (...e) => e.filter((e, t, n) => !!e && e.trim() !== "" && n.indexOf(e) === t).join(" ").trim(), Z = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), pe = (e) => e.replace(/^([A-Z])|[\s-_]+(\w)/g, (e, t, n) => n ? n.toUpperCase() : t.toLowerCase()), me = (e) => {
+}, fe = (e) => e === "", X = (...e) => e.filter((e, t, n) => !!e && e.trim() !== "" && n.indexOf(e) === t).join(" ").trim(), Z = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), pe = (e) => e.replace(/^([A-Z])|[\s-_]+(\w)/g, (e, t, n) => n ? n.toUpperCase() : t.toLowerCase()), me = (e) => {
 	let t = pe(e);
 	return t.charAt(0).toUpperCase() + t.slice(1);
 }, he = {
@@ -405,9 +405,9 @@ var Y = ["aria-hidden"], oe = [
 	width: o,
 	height: o,
 	stroke: s,
-	"stroke-width": de(n) || de(r) || n === !0 || r === !0 ? Number(i || a || he["stroke-width"]) * 24 / Number(o) : i || a || he["stroke-width"],
-	class: fe("lucide", c.class, ...e ? [`lucide-${Z(me(e))}-icon`, `lucide-${Z(e)}`] : ["lucide-icon"]),
-	...!l.default && !ue(c) && { "aria-hidden": "true" }
+	"stroke-width": fe(n) || fe(r) || n === !0 || r === !0 ? Number(i || a || he["stroke-width"]) * 24 / Number(o) : i || a || he["stroke-width"],
+	class: X("lucide", c.class, ...e ? [`lucide-${Z(me(e))}-icon`, `lucide-${Z(e)}`] : ["lucide-icon"]),
+	...!l.default && !de(c) && { "aria-hidden": "true" }
 }, [...t.map((e) => p(...e)), ...l.default ? [l.default()] : []]), _e = (e, t) => (n, { slots: r, attrs: i }) => p(ge, {
 	...i,
 	...n,
@@ -741,52 +741,52 @@ var ze = [
 		function S(e = !1, t = "pointer") {
 			e && x("activate", t);
 		}
-		let C = r(() => M(l.item)), D = r(() => N(l.item, l.mediaIndex)), O = r(() => P(l.item, D.value)), F = r(() => l.mediaSource === "original" ? O.value.src : O.value.preview.src), I = r(() => l.mediaSource === "original" ? O.value.width : O.value.preview.width), L = r(() => l.mediaSource === "original" ? O.value.height : O.value.preview.height), R = w(null), z = w(0), B = w(0), V = w(l.mediaCard?.videoMuted ?? l.layout === "masonry"), H = w(!1), ee = w(1), te = 1, { effectiveMuted: ne, onPlaying: re, playbackAllowed: U } = Re({
+		let C = r(() => M(l.item)), D = r(() => N(l.item, l.mediaIndex)), O = r(() => P(l.item, D.value)), F = r(() => l.mediaSource === "original" ? O.value.src : O.value.preview.src), I = r(() => l.mediaSource === "original" ? O.value.width : O.value.preview.width), L = r(() => l.mediaSource === "original" ? O.value.height : O.value.preview.height), R = w(null), z = w(0), B = w(0), V = w(l.mediaCard?.videoMuted ?? l.layout === "masonry"), H = w(!1), U = w(1), W = 1, { effectiveMuted: ee, onPlaying: te, playbackAllowed: G } = Re({
 			active: () => l.active,
 			layout: () => l.layout,
 			videoElement: R,
 			videoIsMuted: V,
 			videoIsPlaying: H
-		}), W = r(() => l.interactive && !!(l.cardHeader || l.cardFooter));
-		function ie(e) {
+		}), K = r(() => l.interactive && !!(l.cardHeader || l.cardFooter));
+		function ne(e) {
 			return e.detail === 0 ? "keyboard" : "pointer";
 		}
-		function G(e, t) {
+		function q(e, t) {
 			let n = C.value.length, r = (e + n) % n;
 			r !== D.value && (y.value = e < D.value ? "previous" : "next", x("mediaChange", r), t && t.detail > 0 && t.currentTarget?.blur());
 		}
-		function K(e, t, n) {
+		function re(e, t, n) {
 			return t === 1 ? e * 16 : t === 2 ? e * n : e;
 		}
-		function q() {
+		function J() {
 			f = 0, p = !1, d !== null && clearTimeout(d), d = null;
 		}
-		function J() {
-			d !== null && clearTimeout(d), d = setTimeout(q, Qe);
+		function ie() {
+			d !== null && clearTimeout(d), d = setTimeout(J, Qe);
 		}
 		function ae(e) {
 			if (C.value.length <= 1) return;
-			let t = e.currentTarget?.clientWidth || 1, n = K(e.deltaX, e.deltaMode, t);
-			if (n === 0 || (e.preventDefault(), J(), p) || (f += n, Math.abs(f) < $e)) return;
+			let t = e.currentTarget?.clientWidth || 1, n = re(e.deltaX, e.deltaMode, t);
+			if (n === 0 || (e.preventDefault(), ie(), p) || (f += n, Math.abs(f) < $e)) return;
 			let r = Math.sign(f);
-			f = 0, p = !0, G(D.value + r);
+			f = 0, p = !0, q(D.value + r);
 		}
-		function Y(e) {
+		function oe(e) {
 			let t = e.touches[0];
 			l.layout !== "reel" || !t || (m = t.clientX, g = t.clientY);
 		}
-		function oe(e) {
+		function se(e) {
 			let t = e.changedTouches[0];
 			if (m === null || g === null || !t) return;
 			let n = m - t.clientX, r = g - t.clientY;
-			m = null, g = null, !(Math.abs(n) <= Math.abs(r)) && (Math.abs(n) < Ze || G(D.value + Math.sign(n)));
+			m = null, g = null, !(Math.abs(n) <= Math.abs(r)) && (Math.abs(n) < Ze || q(D.value + Math.sign(n)));
 		}
-		let se = r(() => Oe(F.value)), X = r(() => l.layout === "reel" && l.stationaryReelControls === !0), ce = r(() => se.value && l.previewState === "ready" && (!X.value || !!(l.active && l.reelControlsTarget))), le = r(() => `${l.item.postId}:${D.value}:${F.value}`);
-		function ue(e) {
-			l.layout === "reel" && (e.stopPropagation(), de());
+		let ce = r(() => Oe(F.value)), Y = r(() => l.layout === "reel" && l.stationaryReelControls === !0), le = r(() => ce.value && l.previewState === "ready" && (!Y.value || !!(l.active && l.reelControlsTarget))), ue = r(() => `${l.item.postId}:${D.value}:${F.value}`);
+		function de(e) {
+			l.layout === "reel" && (e.stopPropagation(), fe());
 		}
-		async function de() {
-			if (!(!R.value || !U.value)) {
+		async function fe() {
+			if (!(!R.value || !G.value)) {
 				if (H.value) {
 					R.value.pause();
 					return;
@@ -798,12 +798,12 @@ var ze = [
 				}
 			}
 		}
-		function fe(e) {
+		function X(e) {
 			return Number.isFinite(e) ? Math.max(0, e) : 0;
 		}
 		function Z(e) {
 			let t = e?.currentTarget ?? R.value;
-			t && (z.value = fe(t.currentTime), B.value = fe(t.duration), U.value && (V.value = t.muted), ee.value = t.volume, t.volume > 0 && (te = t.volume));
+			t && (z.value = X(t.currentTime), B.value = X(t.duration), G.value && (V.value = t.muted), U.value = t.volume, t.volume > 0 && (W = t.volume));
 		}
 		function pe(e) {
 			Z(e), x("ready", D.value);
@@ -813,20 +813,20 @@ var ze = [
 		}
 		function he(e) {
 			let t = R.value;
-			!t || !Number.isFinite(e) || (t.currentTime = Math.min(fe(t.duration), Math.max(0, e)), z.value = t.currentTime);
+			!t || !Number.isFinite(e) || (t.currentTime = Math.min(X(t.duration), Math.max(0, e)), z.value = t.currentTime);
 		}
 		function ge(e) {
 			let t = R.value;
 			if (!t || !Number.isFinite(e)) return;
 			let n = Math.min(1, Math.max(0, e));
-			t.volume = n, t.muted = n === 0, n > 0 && (te = n), Z();
+			t.volume = n, t.muted = n === 0, n > 0 && (W = n), Z();
 		}
 		function _e() {
 			let e = R.value;
-			e && (e.muted && e.volume === 0 && (e.volume = te), e.muted = !e.muted, Z());
+			e && (e.muted && e.volume === 0 && (e.volume = W), e.muted = !e.muted, Z());
 		}
 		return v(() => {
-			q();
+			J();
 		}), (r, i) => (b(), s("article", {
 			"data-post-id": e.item.postId,
 			"data-media-index": D.value,
@@ -840,10 +840,10 @@ var ze = [
 			"aria-hidden": e.leaving || void 0,
 			"aria-busy": e.previewState === "loading",
 			inert: e.leaving || void 0,
-			role: e.interactive && !e.leaving && !W.value ? "button" : void 0,
-			tabindex: e.interactive && !e.leaving && !W.value ? 0 : void 0,
-			onClick: i[11] ||= (t) => S(e.interactive && !W.value, ie(t)),
-			onKeydown: [i[12] ||= A((t) => S(e.interactive && !W.value, "keyboard"), ["enter"]), i[13] ||= A(j((t) => S(e.interactive && !W.value, "keyboard"), ["prevent"]), ["space"])]
+			role: e.interactive && !e.leaving && !K.value ? "button" : void 0,
+			tabindex: e.interactive && !e.leaving && !K.value ? 0 : void 0,
+			onClick: i[11] ||= (t) => S(e.interactive && !K.value, ne(t)),
+			onKeydown: [i[12] ||= A((t) => S(e.interactive && !K.value, "keyboard"), ["enter"]), i[13] ||= A(j((t) => S(e.interactive && !K.value, "keyboard"), ["prevent"]), ["space"])]
 		}, [c("div", Be, [
 			e.cardHeader ? (b(), a(ke, {
 				key: 0,
@@ -872,8 +872,8 @@ var ze = [
 				class: h(["media-card-media", { "media-card-media--carousel": e.layout === "reel" && C.value.length > 1 }]),
 				"data-media-direction": y.value,
 				onWheel: ae,
-				onTouchstartPassive: Y,
-				onTouchendPassive: oe
+				onTouchstartPassive: oe,
+				onTouchendPassive: se
 			}, [
 				u(n, { name: `media-slide-${y.value}` }, {
 					default: k(() => [(b(), s("div", {
@@ -886,7 +886,7 @@ var ze = [
 						class: "media-error",
 						role: "img",
 						"aria-label": `${E(Te)(F.value)} ${E(Ee)(F.value)}`
-					}, [c("strong", Ge, T(E(Te)(F.value)), 1), c("span", null, T(E(Ee)(F.value)), 1)], 8, We)) : o("", !0), se.value ? (b(), s("video", {
+					}, [c("strong", Ge, T(E(Te)(F.value)), 1), c("span", null, T(E(Ee)(F.value)), 1)], 8, We)) : o("", !0), ce.value ? (b(), s("video", {
 						key: 2,
 						ref_key: "videoElement",
 						ref: R,
@@ -897,19 +897,19 @@ var ze = [
 						src: F.value,
 						width: I.value ?? void 0,
 						height: L.value ?? void 0,
-						autoplay: E(U),
+						autoplay: E(G),
 						loop: !e.advanceOnMediaEnd,
-						muted: E(ne),
+						muted: E(ee),
 						playsinline: "",
 						preload: e.fetchPriority === "high" ? "auto" : "metadata",
 						onLoadedmetadata: pe,
 						onDurationchange: Z,
 						onTimeupdate: Z,
 						onVolumechange: Z,
-						onPlaying: i[0] ||= (...e) => E(re) && E(re)(...e),
+						onPlaying: i[0] ||= (...e) => E(te) && E(te)(...e),
 						onPause: i[1] ||= (e) => H.value = !1,
 						onEnded: me,
-						onClick: ue,
+						onClick: de,
 						onError: i[2] ||= (e) => r.$emit("error", D.value)
 					}, null, 42, Ke)) : (b(), s("img", {
 						key: 3,
@@ -927,24 +927,24 @@ var ze = [
 					_: 1
 				}, 8, ["name"]),
 				(b(), a(t, {
-					disabled: !X.value || !e.reelControlsTarget,
+					disabled: !Y.value || !e.reelControlsTarget,
 					to: e.reelControlsTarget ?? "body"
 				}, [u(n, {
 					name: "vibe-reel-media-controls",
-					css: X.value
+					css: Y.value
 				}, {
-					default: k(() => [ce.value ? (b(), a(Le, {
-						key: le.value,
+					default: k(() => [le.value ? (b(), a(Le, {
+						key: ue.value,
 						"current-time": z.value,
-						"data-control-post-id": X.value ? e.item.postId : void 0,
+						"data-control-post-id": Y.value ? e.item.postId : void 0,
 						duration: B.value,
 						layout: e.layout,
 						muted: V.value,
 						playing: H.value,
-						volume: ee.value,
+						volume: U.value,
 						onSeek: he,
 						onToggleMute: _e,
-						onTogglePlayback: de,
+						onTogglePlayback: fe,
 						onVolumeChange: ge
 					}, null, 8, [
 						"current-time",
@@ -965,21 +965,21 @@ var ze = [
 					type: "button",
 					class: "media-carousel-control media-carousel-control--previous",
 					"aria-label": `Previous media for post ${e.item.postId}`,
-					onClick: i[5] ||= j((e) => G(D.value - 1, e), ["stop"]),
+					onClick: i[5] ||= j((e) => q(D.value - 1, e), ["stop"]),
 					onKeydown: i[6] ||= j(() => {}, ["stop"])
 				}, [u(E(ve), { size: 20 })], 40, Je), c("button", {
 					type: "button",
 					class: "media-carousel-control media-carousel-control--next",
 					"aria-label": `Next media for post ${e.item.postId}`,
-					onClick: i[7] ||= j((e) => G(D.value + 1, e), ["stop"]),
+					onClick: i[7] ||= j((e) => q(D.value + 1, e), ["stop"]),
 					onKeydown: i[8] ||= j(() => {}, ["stop"])
 				}, [u(E(ye), { size: 20 })], 40, Ye)], 2)) : o("", !0),
-				W.value ? (b(), s("button", {
+				K.value ? (b(), s("button", {
 					key: 1,
 					class: "media-card-activator",
 					type: "button",
 					"aria-label": `Open post ${e.item.postId}`,
-					onClick: i[9] ||= j((e) => r.$emit("activate", ie(e)), ["stop"]),
+					onClick: i[9] ||= j((e) => r.$emit("activate", ne(e)), ["stop"]),
 					onKeydown: i[10] ||= j(() => {}, ["stop"])
 				}, null, 40, Xe)) : o("", !0)
 			], 42, Ve),
@@ -1042,14 +1042,14 @@ var ze = [
 		"retryEnd"
 	],
 	setup(t, { expose: n, emit: i }) {
-		let o = t, l = i, d = w(null), f = `vibe-masonry-${D()}`, p = w(null), m = w(0), g = w(it), y = w(0), x = w(0), C = w(0), T = null, k = null, A = null, j = r(() => q(o.items, m.value, {
+		let o = t, l = i, d = w(null), f = `vibe-masonry-${D()}`, p = w(null), m = w(0), g = w(it), y = w(0), x = w(0), C = w(0), T = null, k = null, A = null, j = r(() => J(o.items, m.value, {
 			additionalHeight: (o.cardHeader?.height ?? 0) + (o.cardFooter?.height ?? 0),
 			gap: g.value,
 			minColumnWidth: rt
 		})), M = r(() => {
 			let e = j.value;
 			if (o.leavingPostIds.size === 0) return e;
-			let t = o.items.filter((e) => !o.leavingPostIds.has(e.postId)), n = q(t, m.value, {
+			let t = o.items.filter((e) => !o.leavingPostIds.has(e.postId)), n = J(t, m.value, {
 				additionalHeight: (o.cardHeader?.height ?? 0) + (o.cardFooter?.height ?? 0),
 				gap: g.value,
 				minColumnWidth: rt
@@ -1062,16 +1062,16 @@ var ze = [
 			let e = Math.max(ot, x.value * st), t = {
 				scrollTop: y.value - C.value,
 				viewportHeight: x.value
-			}, n = K(M.value.items, {
+			}, n = re(M.value.items, {
 				...t,
 				overscan: e
-			}), r = o.leavingPostIds.size === 0 ? [] : K(j.value.items, {
+			}), r = o.leavingPostIds.size === 0 ? [] : re(j.value.items, {
 				...t,
 				overscan: e
-			}), i = [...new Set([...n, ...r])].sort((e, t) => e - t), a = K(M.value.items, {
+			}), i = [...new Set([...n, ...r])].sort((e, t) => e - t), a = re(M.value.items, {
 				...t,
 				overscan: 0
-			}), s = o.leavingPostIds.size === 0 ? [] : K(j.value.items, {
+			}), s = o.leavingPostIds.size === 0 ? [] : re(j.value.items, {
 				...t,
 				overscan: 0
 			}), c = new Set([...a, ...s]);
@@ -1087,7 +1087,7 @@ var ze = [
 		function L(e) {
 			let t = M.value.items[e], n = o.items[e]?.postId;
 			if (!t) return {};
-			let r = n !== void 0 && o.enteringPostIds.has(n), i = n !== void 0 && o.leavingPostIds.has(n), a = r || i ? G({
+			let r = n !== void 0 && o.enteringPostIds.has(n), i = n !== void 0 && o.leavingPostIds.has(n), a = r || i ? q({
 				containerHeight: j.value.height,
 				gap: g.value
 			}) : 0, s = n === void 0 ? 0 : i ? o.removalDelays.get(n) ?? 0 : r ? o.entryDelays.get(n) ?? 0 : 0;
@@ -1111,11 +1111,11 @@ var ze = [
 		}
 		function B(e) {
 			let t = e.currentTarget;
-			t && (y.value = t.scrollTop, !o.loadMoreLocked && o.infiniteScroll && U(t) && l("loadMore"));
+			t && (y.value = t.scrollTop, !o.loadMoreLocked && o.infiniteScroll && G(t) && l("loadMore"));
 		}
 		function V() {
 			let e = d.value;
-			!o.loadMoreLocked && e && U(e) && l("loadMore");
+			!o.loadMoreLocked && e && G(e) && l("loadMore");
 		}
 		function H() {
 			return d.value;
@@ -1189,7 +1189,7 @@ var ze = [
 			"onMediaChange",
 			"onReady",
 			"onError"
-		]))), 128))], 6), u(ee, {
+		]))), 128))], 6), u(U, {
 			actions: t.feedFooterActions,
 			"can-retry-end": t.canRetryEnd,
 			"feed-footer": t.feedFooter,
@@ -1211,7 +1211,7 @@ var ze = [
 			"load-more-locked",
 			"show-load-more",
 			"state"
-		])], 42, nt), u(le, {
+		])], 42, nt), u(ue, {
 			"content-size": M.value.height,
 			"controls-id": f,
 			"scroll-element": d.value,
@@ -1318,7 +1318,7 @@ var dt = ["aria-label"], ft = /* @__PURE__ */ d({
 			if (!e) return "";
 			let t = P(e, z.value);
 			return l.mediaSource === "original" ? t.src : t.preview.src;
-		}), H = r(() => B.value === "ready" && Oe(V.value)), te = r(() => [
+		}), H = r(() => B.value === "ready" && Oe(V.value)), W = r(() => [
 			L.value,
 			z.value,
 			l.items.length,
@@ -1326,26 +1326,26 @@ var dt = ["aria-label"], ft = /* @__PURE__ */ d({
 			l.reelAutoAdvance.enabled,
 			l.reelAutoAdvance.includePostItems,
 			l.reelAutoAdvance.intervalMs
-		].join(":")), ne = r(() => {
+		].join(":")), ee = r(() => {
 			let e = R.value, t = !!(e && l.reelAutoAdvance.includePostItems && z.value < M(e).length - 1), n = l.reelAutoAdvance.intervalMs / 1e3;
 			return `Auto advance to the next ${t ? "post item" : "post"} in ${n}s`;
-		}), re = r(() => l.reelAutoAdvance.enabled && l.reelForward.status === "idle" && R.value !== void 0 && B.value !== "loading" && !H.value), W = r(() => !l.infiniteScroll || l.items.length <= 1), ie = r(() => l.reelForward.status === "loading" ? "Loading the next media…" : l.reelForward.status === "error" ? "Unable to load the next media." : "You reached the end of this feed.");
-		function G(e) {
+		}), te = r(() => l.reelAutoAdvance.enabled && l.reelForward.status === "idle" && R.value !== void 0 && B.value !== "loading" && !H.value), K = r(() => !l.infiniteScroll || l.items.length <= 1), ne = r(() => l.reelForward.status === "loading" ? "Loading the next media…" : l.reelForward.status === "error" ? "Unable to load the next media." : "You reached the end of this feed.");
+		function q(e) {
 			return { gridRow: `${e + 1}` };
 		}
-		function K(e) {
+		function re(e) {
 			let t = D || e.clientHeight;
 			return t <= 0 || l.items.length === 0 ? 0 : Math.min(l.items.length - 1, Math.max(0, Math.round(e.scrollTop / t)));
 		}
-		function q(e) {
+		function J(e) {
 			let t = e.currentTarget;
 			if (!t) return;
 			let n = D || t.clientHeight, r = Math.max(0, l.items.length - 1) * n;
-			x.value = l.items.length > 0 && t.scrollTop > r + 1, C.value || (g.value = K(t)), !l.loadMoreLocked && l.infiniteScroll && U(t) && u("loadMore");
+			x.value = l.items.length > 0 && t.scrollTop > r + 1, C.value || (g.value = re(t)), !l.loadMoreLocked && l.infiniteScroll && G(t) && u("loadMore");
 		}
-		function J() {
+		function ie() {
 			let e = d.value;
-			e && (x.value = !1, oe(!0), D = e.clientHeight, e.scrollTop = g.value * D, A !== null && cancelAnimationFrame(A), A = requestAnimationFrame(() => {
+			e && (x.value = !1, se(!0), D = e.clientHeight, e.scrollTop = g.value * D, A !== null && cancelAnimationFrame(A), A = requestAnimationFrame(() => {
 				e.scrollTop = g.value * e.clientHeight, D = e.clientHeight, A = null;
 			}), ae());
 		}
@@ -1353,22 +1353,22 @@ var dt = ["aria-label"], ft = /* @__PURE__ */ d({
 			j !== null && clearTimeout(j), j = setTimeout(() => {
 				j = null;
 				let e = d.value;
-				e && (D = e.clientHeight, e.scrollTop = g.value * D), oe(!1);
+				e && (D = e.clientHeight, e.scrollTop = g.value * D), se(!1);
 			}, 120);
 		}
-		function Y() {
-			oe(!0);
+		function oe() {
+			se(!0);
 			let e = d.value;
 			e && (D = e.clientHeight, e.scrollTop = g.value * D), ae();
 		}
-		function oe(e) {
+		function se(e) {
 			C.value = e, d.value?.toggleAttribute("data-resizing", e);
 		}
-		function se() {
+		function ce() {
 			let e = d.value;
-			!l.loadMoreLocked && e && U(e) && u("loadMore");
+			!l.loadMoreLocked && e && G(e) && u("loadMore");
 		}
-		function X(e) {
+		function Y(e) {
 			let t = R.value;
 			if (!t) return !1;
 			let n = M(t).length;
@@ -1376,30 +1376,34 @@ var dt = ["aria-label"], ft = /* @__PURE__ */ d({
 			let r = (z.value + e + n) % n;
 			return u("mediaChange", t.postId, r), !0;
 		}
-		function ce(e) {
+		function le(e) {
 			let t = g.value + e;
-			return !d.value || t < 0 || t >= l.items.length ? !1 : (de(t), !0);
+			return !d.value || t < 0 || t >= l.items.length ? !1 : (X(t), !0);
+		}
+		function ue(e, t) {
+			let n = l.items.findIndex((t) => t.postId === e), r = l.items[n];
+			return !d.value || !r || t < 0 || t > r.items.length ? !1 : ((l.mediaIndices.get(e) ?? 0) !== t && u("mediaChange", e, t), n !== g.value && X(n), !0);
 		}
-		function le() {
+		function de() {
 			return typeof window.matchMedia == "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
 		}
-		function ue(e) {
+		function fe(e) {
 			let t = d.value;
 			if (!t) return Promise.resolve();
 			let n = e * (D || t.clientHeight);
-			return g.value = e, ut(t, n, le());
+			return g.value = e, ut(t, n, de());
 		}
-		function de(e) {
-			ue(e);
+		function X(e) {
+			fe(e);
 		}
-		async function fe(e) {
+		async function Z(e) {
 			let t = l.items.findIndex((t) => t.postId === e);
-			return t < 0 || t === g.value ? !1 : (await ue(t), !0);
+			return t < 0 || t === g.value ? !1 : (await fe(t), !0);
 		}
-		async function Z(e) {
-			return X(e) ? (le() || await new Promise((e) => setTimeout(e, _t)), !0) : !1;
+		async function pe(e) {
+			return Y(e) ? (de() || await new Promise((e) => setTimeout(e, _t)), !0) : !1;
 		}
-		function pe() {
+		function me() {
 			if (!l.reelAutoAdvance.enabled) return;
 			let e = R.value;
 			if (!e) return;
@@ -1412,30 +1416,31 @@ var dt = ["aria-label"], ft = /* @__PURE__ */ d({
 				l.hasNext && !l.loadMoreLocked && u("loadMore");
 				return;
 			}
-			l.reelAutoAdvance.includePostItems && (l.mediaIndices.get(n.postId) ?? 0) !== 0 && u("mediaChange", n.postId, 0), de(t);
+			l.reelAutoAdvance.includePostItems && (l.mediaIndices.get(n.postId) ?? 0) !== 0 && u("mediaChange", n.postId, 0), X(t);
 		}
-		function me(e, t) {
-			!l.reelAutoAdvance.enabled || e !== L.value || t !== z.value || !H.value || pe();
+		function he(e, t) {
+			!l.reelAutoAdvance.enabled || e !== L.value || t !== z.value || !H.value || me();
 		}
 		return O(d, (e) => {
-			k?.disconnect(), k = null, e && (D = e.clientHeight, !(typeof ResizeObserver > "u") && (k = new ResizeObserver(J), k.observe(e)));
+			k?.disconnect(), k = null, e && (D = e.clientHeight, !(typeof ResizeObserver > "u") && (k = new ResizeObserver(ie), k.observe(e)));
 		}), O(() => l.items.length, async (e) => {
 			let t = l.initialPostId, n = t == null ? -1 : l.items.findIndex(({ postId: e }) => e === t);
-			g.value = n >= 0 ? n : Math.min(g.value, Math.max(0, e - 1)), await m(), J();
+			g.value = n >= 0 ? n : Math.min(g.value, Math.max(0, e - 1)), await m(), ie();
 		}), O(L, (e) => {
 			e !== void 0 && u("activeChange", e);
 		}, { immediate: !0 }), y(() => {
-			window.addEventListener("resize", Y), window.addEventListener("orientationchange", Y), p >= 0 && m(J);
+			window.addEventListener("resize", oe), window.addEventListener("orientationchange", oe), p >= 0 && m(ie);
 		}), v(() => {
-			window.removeEventListener("resize", Y), window.removeEventListener("orientationchange", Y), k?.disconnect(), A !== null && cancelAnimationFrame(A), j !== null && clearTimeout(j);
+			window.removeEventListener("resize", oe), window.removeEventListener("orientationchange", oe), k?.disconnect(), A !== null && cancelAnimationFrame(A), j !== null && clearTimeout(j);
 		}), n({
 			activeIndex: g,
 			activePostId: L,
-			changeActiveMedia: X,
-			loadIfNearBottom: se,
-			moveActivePost: ce,
-			transitionActiveMedia: Z,
-			transitionActivePost: fe
+			changeActiveMedia: Y,
+			loadIfNearBottom: ce,
+			moveActivePost: le,
+			navigateToItem: ue,
+			transitionActiveMedia: pe,
+			transitionActivePost: Z
 		}), (n, r) => (b(), s("main", {
 			class: h(["reel-shell", {
 				"reel-shell--has-footer": !!t.cardFooter,
@@ -1471,7 +1476,7 @@ var dt = ["aria-label"], ft = /* @__PURE__ */ d({
 				class: "gallery-shell reel-feed",
 				"data-active-post-id": L.value,
 				"data-active-media-index": z.value,
-				onScrollPassive: q
+				onScrollPassive: J
 			}, [t.reelForward.status === "idle" ? (b(), s("section", {
 				key: 1,
 				class: "reel-track",
@@ -1486,7 +1491,7 @@ var dt = ["aria-label"], ft = /* @__PURE__ */ d({
 				"fetch-priority": e,
 				index: r,
 				item: n,
-				"item-style": G(r),
+				"item-style": q(r),
 				"media-card": t.mediaCard,
 				layout: "reel",
 				"loaded-count": t.items.length,
@@ -1497,7 +1502,7 @@ var dt = ["aria-label"], ft = /* @__PURE__ */ d({
 				"stationary-reel-controls": "",
 				total: t.total,
 				onMediaChange: (e) => u("mediaChange", n.postId, e),
-				onEnded: (e) => me(n.postId, e),
+				onEnded: (e) => he(n.postId, e),
 				onReady: (e) => u("ready", n.postId, e),
 				onError: (e) => u("error", n.postId, e)
 			}, null, 8, [
@@ -1523,12 +1528,12 @@ var dt = ["aria-label"], ft = /* @__PURE__ */ d({
 				class: "reel-forward-status",
 				role: t.reelForward.status === "error" ? "alert" : "status",
 				"data-status": t.reelForward.status
-			}, [c("p", null, T(ie.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",
 				onClick: r[0] ||= (e) => u("retryForward")
-			}, " Retry ")) : o("", !0)], 8, ht)), t.reelForward.status === "idle" ? (b(), a(ee, {
+			}, " Retry ")) : o("", !0)], 8, ht)), t.reelForward.status === "idle" ? (b(), a(U, {
 				key: 2,
 				actions: t.feedFooterActions,
 				"can-retry-end": t.canRetryEnd,
@@ -1537,7 +1542,7 @@ var dt = ["aria-label"], ft = /* @__PURE__ */ d({
 				"has-next": t.hasNext,
 				"is-loading": t.isLoadingMore,
 				"load-more-locked": t.loadMoreLocked,
-				"show-load-more": W.value,
+				"show-load-more": K.value,
 				state: t.state,
 				onLoadMore: r[1] ||= (e) => u("loadMore"),
 				onRetryEnd: r[2] ||= (e) => u("retryEnd")
@@ -1579,11 +1584,11 @@ var dt = ["aria-label"], ft = /* @__PURE__ */ d({
 				"style",
 				"total"
 			])) : o("", !0),
-			re.value ? (b(), a(ft, {
-				key: te.value,
+			te.value ? (b(), a(ft, {
+				key: W.value,
 				"duration-ms": t.reelAutoAdvance.intervalMs,
-				label: ne.value,
-				onComplete: pe
+				label: ee.value,
+				onComplete: me
 			}, null, 8, ["duration-ms", "label"])) : o("", !0)
 		], 2));
 	}
@@ -1674,19 +1679,22 @@ var dt = ["aria-label"], ft = /* @__PURE__ */ d({
 		function L(e) {
 			return p.value?.moveActivePost(e) ?? !1;
 		}
-		function R(e) {
-			return p.value?.transitionActiveMedia(e) ?? Promise.resolve(!1);
+		function R(e, t) {
+			return p.value?.navigateToItem(e, t) ?? !1;
 		}
 		function z(e) {
+			return p.value?.transitionActiveMedia(e) ?? Promise.resolve(!1);
+		}
+		function B(e) {
 			return p.value?.transitionActivePost(e) ?? Promise.resolve(!1);
 		}
-		function B(e, t) {
+		function V(e, t) {
 			d("error", e, t);
 		}
-		function V(e, t) {
+		function H(e, t) {
 			d("mediaChange", e, t);
 		}
-		function H(e, t) {
+		function U(e, t) {
 			d("ready", e, t);
 		}
 		return O(() => ({
@@ -1707,8 +1715,9 @@ var dt = ["aria-label"], ft = /* @__PURE__ */ d({
 			changeActiveMedia: F,
 			loadIfNearBottom: I,
 			moveActivePost: L,
-			transitionActiveMedia: R,
-			transitionActivePost: z
+			navigateToItem: R,
+			transitionActiveMedia: z,
+			transitionActivePost: B
 		}), (t, r) => (b(), s("section", {
 			class: h(["reel-layout", `reel-layout--${e.infoSheetOverlay ? "overlay" : "layout"}`]),
 			"data-info-sheet-open": A.value || void 0,
@@ -1741,10 +1750,10 @@ var dt = ["aria-label"], ft = /* @__PURE__ */ d({
 			state: e.state,
 			total: e.total,
 			onActiveChange: r[0] ||= (e) => d("activeChange", e),
-			onError: B,
+			onError: V,
 			onLoadMore: r[1] ||= (e) => d("loadMore"),
-			onMediaChange: V,
-			onReady: H,
+			onMediaChange: H,
+			onReady: U,
 			onRetryEnd: r[2] ||= (e) => d("retryEnd"),
 			onRetryForward: r[3] ||= (e) => d("retryForward")
 		}, null, 8, [
@@ -1782,7 +1791,66 @@ var dt = ["aria-label"], ft = /* @__PURE__ */ d({
 			_: 1
 		})], 10, yt));
 	}
-}), wt = 35, Tt = 420, Et = /* @__PURE__ */ d({
+}), wt = [];
+function Tt(e) {
+	return wt.push(e), () => {
+		let t = wt.indexOf(e);
+		t >= 0 && wt.splice(t, 1);
+	};
+}
+function Et(e) {
+	if (!e.isActive()) return !1;
+	let t = wt.filter((e) => e.isActive()), n = e.element();
+	return n !== null && t.some((t) => {
+		if (t === e) return !1;
+		let r = t.element();
+		return r !== null && n.contains(r);
+	}) ? !1 : t.filter((e) => {
+		let n = e.element();
+		return n === null || !t.some((t) => {
+			if (t === e) return !1;
+			let r = t.element();
+			return r !== null && n.contains(r);
+		});
+	}).at(-1) === e;
+}
+//#endregion
+//#region src/components/useReelKeyboard.ts
+function Dt(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 && !Et(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;
+		}
+		if (n.key === "Escape" && r && e.state.reelInfoSheet.enabled) {
+			n.preventDefault(), e.setReelInfoSheet(!1);
+			return;
+		}
+		if (n.defaultPrevented || n.altKey || n.ctrlKey || n.metaKey || n.shiftKey || e.isReelLeaving() || !r) return;
+		let i = n.target;
+		if (i instanceof HTMLElement && (i.isContentEditable || [
+			"INPUT",
+			"SELECT",
+			"TEXTAREA"
+		].includes(i.tagName))) return;
+		let a = n.key === "ArrowLeft" ? -1 : n.key === "ArrowRight" ? 1 : 0;
+		a !== 0 && e.reelRenderer()?.changeActiveMedia?.(a) && n.preventDefault();
+	}
+	y(() => {
+		n = Tt(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 Ot = 35, kt = 420, At = /* @__PURE__ */ d({
 	__name: "VibeSurface",
 	props: {
 		canRetryEnd: { type: Boolean },
@@ -1804,93 +1872,100 @@ var dt = ["aria-label"], ft = /* @__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), x = w({}), S = w(!1), C = w(/* @__PURE__ */ new Set()), T = w(/* @__PURE__ */ new Map()), E = w(/* @__PURE__ */ new Set()), D = w(/* @__PURE__ */ new Map()), A = w(/* @__PURE__ */ new Map()), j = w(/* @__PURE__ */ new Map()), M = r(() => I(l.state)), P = r(() => l.state.reelMediaSource === "original" ? j.value : A.value), L = new Set(l.state.items.map((e) => e.postId)), R = null, z = null, B = !1;
+		let l = t, d = c, f = w(null), p = w(null), h = w(null), g = w(null), y = w({}), x = w(!1), S = w(/* @__PURE__ */ new Set()), C = w(/* @__PURE__ */ new Map()), T = w(/* @__PURE__ */ new Set()), E = w(/* @__PURE__ */ new Map()), D = w(/* @__PURE__ */ new Map()), A = w(/* @__PURE__ */ new Map()), j = r(() => I(l.state)), P = r(() => l.state.reelMediaSource === "original" ? A.value : D.value), L = new Set(l.state.items.map((e) => e.postId)), R = null, z = null, B = !1;
 		function V() {
 			return typeof window.matchMedia == "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
 		}
 		function H() {
 			R !== null && cancelAnimationFrame(R), R = requestAnimationFrame(() => {
 				R = requestAnimationFrame(() => {
-					R = null, C.value = /* @__PURE__ */ new Set();
+					R = null, S.value = /* @__PURE__ */ new Set();
 				});
 			});
 		}
-		function ee(e, t, n) {
+		function U(e, t, n) {
 			let r = F(e, t);
-			A.value.get(r) !== n && (A.value = new Map(A.value).set(r, n));
+			D.value.get(r) !== n && (D.value = new Map(D.value).set(r, n));
 		}
-		function te(e, t, n) {
+		function W(e, t, n) {
 			let r = F(e, t);
-			j.value.get(r) !== n && (j.value = new Map(j.value).set(r, n));
+			A.value.get(r) !== n && (A.value = new Map(A.value).set(r, n));
 		}
-		function ne(e, t) {
-			ee(e, t, "error");
+		function ee(e, t) {
+			U(e, t, "error");
 		}
-		function U(e, t) {
-			ee(e, t, "ready");
+		function G(e, t) {
+			U(e, t, "ready");
 		}
-		function W(e, t) {
-			te(e, t, "error");
+		function K(e, t) {
+			W(e, t, "error");
 		}
-		function ie(e, t) {
-			te(e, t, "ready");
+		function ne(e, t) {
+			W(e, t, "ready");
 		}
-		function G(e, t) {
+		function q(e, t) {
 			if (l.state.reelMediaSource === "original") {
-				W(e, t);
+				K(e, t);
 				return;
 			}
-			ne(e, t);
+			ee(e, t);
 		}
-		function K(e, t) {
+		function re(e, t) {
 			if (l.state.reelMediaSource === "original") {
-				ie(e, t);
+				ne(e, t);
 				return;
 			}
-			U(e, t);
+			G(e, t);
 		}
-		function q(e, t) {
+		function J(e, t) {
 			let n = l.state.items.find((t) => t.postId === e);
 			if (!n) return;
 			let r = N(n, t);
 			(l.state.mediaIndices.get(e) ?? 0) !== r && (l.state.mediaIndices = new Map(l.state.mediaIndices).set(e, r));
 		}
-		async function J() {
+		async function ie() {
 			await m(), (l.state.layout === "reel" || l.state.reelOrigin === "masonry" ? p.value : f.value)?.loadIfNearBottom();
 		}
 		function ae(e) {
 			return l.state.isLoading || l.state.items.length === 0 || l.state.layout !== "reel" && l.state.reelOrigin !== "masonry" ? !1 : p.value?.changeActiveMedia?.(e) ?? !1;
 		}
-		function Y(e) {
+		function oe(e) {
 			return l.state.isLoading || l.state.items.length === 0 || l.state.layout !== "reel" && l.state.reelOrigin !== "masonry" ? !1 : p.value?.moveActivePost?.(e) ?? !1;
 		}
-		function oe() {
+		function se(e) {
+			if (!(l.state.layout === "reel" || l.state.reelOrigin === "masonry") || l.state.isLoading) return "reel-inactive";
+			let t = l.state.items.find((t) => t.postId === e.postId);
+			if (!t) return "not-found";
+			let n = M(t).findIndex((t) => t.mediaId === e.mediaId);
+			return n < 0 ? "not-found" : p.value?.navigateToItem?.(e.postId, n) ? "navigated" : "reel-inactive";
+		}
+		function ce() {
 			return l.state.layout !== "masonry" || l.state.reelOrigin === "masonry" ? null : f.value?.getScrollElement?.() ?? null;
 		}
-		function se(e, t) {
-			z = e, B = t === "keyboard", x.value = ue(e), d("openReel", e), m(() => h.value?.focus());
+		function Y(e, t) {
+			z = e, B = t === "keyboard", y.value = fe(e), d("openReel", e), m(() => h.value?.focus());
 		}
-		function X(e) {
+		function le(e) {
 			let t = g.value?.querySelectorAll(".masonry-feed [data-post-id]") ?? [];
 			return Array.from(t).find((t) => t.dataset.postId === String(e)) ?? null;
 		}
-		function ce(e) {
+		function ue(e) {
 			if (l.state.layout !== "masonry" || l.state.reelOrigin !== null || V()) return 0;
-			let t = [...new Set(e)], n = t.filter(X);
+			let t = [...new Set(e)], n = t.filter(le);
 			if (n.length === 0) return 0;
-			let r = new Map(D.value);
+			let r = new Map(E.value);
 			return n.forEach((e, t) => {
-				r.set(e, t * wt);
-			}), C.value = new Set([...C.value].filter((e) => !n.includes(e))), E.value = new Set([...E.value, ...t]), D.value = r, Tt + (n.length - 1) * wt;
+				r.set(e, t * Ot);
+			}), S.value = new Set([...S.value].filter((e) => !n.includes(e))), T.value = new Set([...T.value, ...t]), E.value = r, kt + (n.length - 1) * Ot;
 		}
-		function le(e, t) {
-			let n = X(e), r = n?.querySelector(".media-card-activator") ?? n;
+		function de(e, t) {
+			let n = le(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 ue(e) {
-			let t = g.value, n = X(e);
+		function fe(e) {
+			let t = g.value, n = le(e);
 			if (t === null || n === null) return {};
 			let r = t.getBoundingClientRect(), i = n.getBoundingClientRect();
 			return {
@@ -1900,53 +1975,41 @@ var dt = ["aria-label"], ft = /* @__PURE__ */ d({
 				"--vibe-reel-origin-left": `${Math.max(0, i.left - r.left)}px`
 			};
 		}
-		function de() {
-			l.state.reelOrigin === "masonry" && (z ??= l.state.activeReelPostId, S.value = !0, d("closeReel"));
+		function X() {
+			l.state.reelOrigin === "masonry" && (z ??= l.state.activeReelPostId, x.value = !0, d("closeReel"));
 		}
-		function fe() {
+		function Z() {
 			let e = z, t = B;
-			S.value = !1, z = null, B = !1, x.value = {}, m(() => {
-				e !== null && le(e, t);
+			x.value = !1, z = null, B = !1, y.value = {}, m(() => {
+				e !== null && de(e, t);
 			});
 		}
-		function Z(e) {
-			let t = l.state.layout === "reel" || l.state.reelOrigin === "masonry";
-			if (e.key === "Escape" && l.state.reelOrigin === "masonry") {
-				e.preventDefault(), l.state.reelInfoSheetOverlay && l.state.reelInfoSheet.enabled && d("reelInfoSheetChange", !1), de();
-				return;
-			}
-			if (e.key === "Escape" && t && l.state.reelInfoSheet.enabled) {
-				e.preventDefault(), d("reelInfoSheetChange", !1);
-				return;
-			}
-			if (e.defaultPrevented || e.altKey || e.ctrlKey || e.metaKey || e.shiftKey || S.value || l.state.layout !== "reel" && l.state.reelOrigin !== "masonry") return;
-			let n = e.target;
-			if (n instanceof HTMLElement && (n.isContentEditable || [
-				"INPUT",
-				"SELECT",
-				"TEXTAREA"
-			].includes(n.tagName))) return;
-			let r = e.key === "ArrowLeft" ? -1 : e.key === "ArrowRight" ? 1 : 0;
-			r !== 0 && p.value?.changeActiveMedia?.(r) && e.preventDefault();
-		}
-		return O(() => l.state.items.map((e) => e.postId), (e) => {
+		return Dt({
+			closeMasonryReel: X,
+			element: () => g.value,
+			isReelLeaving: () => x.value,
+			reelRenderer: () => p.value,
+			setReelInfoSheet: (e) => d("reelInfoSheetChange", e),
+			state: l.state
+		}), O(() => l.state.items.map((e) => e.postId), (e) => {
 			let t = e.filter((e) => !L.has(e)), n = new Set(e);
-			if (L = new Set(e), E.value = new Set([...E.value].filter((e) => n.has(e))), D.value = new Map([...D.value].filter(([e]) => n.has(e))), t.length === 0 || V()) return;
+			if (L = new Set(e), T.value = new Set([...T.value].filter((e) => n.has(e))), E.value = new Map([...E.value].filter(([e]) => n.has(e))), t.length === 0 || V()) return;
 			let r = /* @__PURE__ */ new Map();
 			e.forEach((e) => {
-				let t = T.value.get(e);
+				let t = C.value.get(e);
 				t !== void 0 && r.set(e, t);
 			}), t.forEach((e, t) => {
-				r.set(e, t * wt);
-			}), T.value = r, C.value = new Set([...C.value, ...t]), H();
-		}, { flush: "sync" }), y(() => window.addEventListener("keydown", Z)), v(() => {
-			window.removeEventListener("keydown", Z), R !== null && cancelAnimationFrame(R);
+				r.set(e, t * Ot);
+			}), C.value = r, S.value = new Set([...S.value, ...t]), H();
+		}, { flush: "sync" }), v(() => {
+			R !== null && cancelAnimationFrame(R);
 		}), i({
 			changeActiveReelMedia: ae,
-			getAutoScrollElement: oe,
-			loadIfNearBottom: J,
-			moveActiveReelPost: Y,
-			startItemRemoval: ce,
+			getAutoScrollElement: ce,
+			loadIfNearBottom: ie,
+			moveActiveReelPost: oe,
+			navigateToReelItem: se,
+			startItemRemoval: ue,
 			transitionActiveReelMedia: (e) => p.value?.transitionActiveMedia?.(e) ?? Promise.resolve(!1),
 			transitionActiveReelPost: (e) => p.value?.transitionActivePost?.(e) ?? Promise.resolve(!1)
 		}), (r, i) => (b(), s("div", {
@@ -1981,14 +2044,14 @@ var dt = ["aria-label"], ft = /* @__PURE__ */ d({
 			"preview-states": P.value,
 			"reel-auto-advance": t.state.reelAutoAdvance,
 			"reel-forward": t.state.reelForward,
-			state: M.value,
+			state: j.value,
 			total: t.state.total,
 			onActiveChange: i[0] ||= (e) => d("activeReelChange", e),
 			onCloseInfoSheet: i[1] ||= (e) => d("reelInfoSheetChange", !1),
-			onError: G,
+			onError: q,
 			onLoadMore: i[2] ||= (e) => d("loadMore"),
-			onMediaChange: q,
-			onReady: K,
+			onMediaChange: J,
+			onReady: re,
 			onRetryEnd: i[3] ||= (e) => d("retryEnd"),
 			onRetryForward: i[4] ||= (e) => d("retryForward")
 		}, null, 8, [
@@ -2017,12 +2080,12 @@ var dt = ["aria-label"], ft = /* @__PURE__ */ d({
 			"reel-forward",
 			"state",
 			"total"
-		])) : t.state.error || t.state.isLoading || t.state.items.length === 0 && t.state.reelForward.status === "idle" ? (b(), a(re, {
+		])) : t.state.error || t.state.isLoading || t.state.items.length === 0 && t.state.reelForward.status === "idle" ? (b(), a(te, {
 			key: 1,
 			actions: t.feedFooterActions,
 			"can-retry-end": t.canRetryEnd,
 			"feed-footer": t.feedFooter,
-			state: M.value,
+			state: j.value,
 			onLoadMore: i[5] ||= (e) => d("loadMore"),
 			onRetryEnd: i[6] ||= (e) => d("retryEnd")
 		}, null, 8, [
@@ -2034,10 +2097,10 @@ var dt = ["aria-label"], ft = /* @__PURE__ */ d({
 			ref_key: "masonryRenderer",
 			ref: f,
 			"can-retry-end": t.canRetryEnd,
-			"entering-post-ids": C.value,
-			"entry-delays": T.value,
-			"leaving-post-ids": E.value,
-			"removal-delays": D.value,
+			"entering-post-ids": S.value,
+			"entry-delays": C.value,
+			"leaving-post-ids": T.value,
+			"removal-delays": E.value,
 			"card-footer": t.cardFooter,
 			"card-header": t.cardHeader,
 			"feed-footer": t.feedFooter,
@@ -2050,15 +2113,15 @@ var dt = ["aria-label"], ft = /* @__PURE__ */ d({
 			"load-more-locked": t.state.loadMoreLocked,
 			"media-indices": t.state.mediaIndices,
 			"next-page-error": !!t.state.nextPageError,
-			"preview-states": A.value,
-			suspended: t.state.reelOrigin === "masonry" || S.value,
-			state: M.value,
+			"preview-states": D.value,
+			suspended: t.state.reelOrigin === "masonry" || x.value,
+			state: j.value,
 			total: t.state.total,
-			onActivate: se,
-			onError: ne,
+			onActivate: Y,
+			onError: ee,
 			onLoadMore: i[7] ||= (e) => d("loadMore"),
-			onMediaChange: q,
-			onReady: U,
+			onMediaChange: J,
+			onReady: G,
 			onRetryEnd: i[8] ||= (e) => d("retryEnd")
 		}, null, 8, [
 			"can-retry-end",
@@ -2084,7 +2147,7 @@ var dt = ["aria-label"], ft = /* @__PURE__ */ d({
 			"total"
 		]), u(n, {
 			name: "vibe-reel-viewer",
-			onAfterLeave: fe
+			onAfterLeave: Z
 		}, {
 			default: k(() => [t.state.reelOrigin === "masonry" ? (b(), s("section", {
 				key: 0,
@@ -2095,7 +2158,7 @@ var dt = ["aria-label"], ft = /* @__PURE__ */ d({
 				"aria-label": "Media viewer",
 				"aria-modal": "true",
 				tabindex: "-1",
-				style: _(x.value)
+				style: _(y.value)
 			}, [u(Ct, {
 				ref_key: "reelRenderer",
 				ref: p,
@@ -2120,17 +2183,17 @@ var dt = ["aria-label"], ft = /* @__PURE__ */ d({
 				"media-source": "original",
 				"next-page-error": !!t.state.nextPageError,
 				origin: "masonry",
-				"preview-states": j.value,
+				"preview-states": A.value,
 				"reel-auto-advance": t.state.reelAutoAdvance,
 				"reel-forward": t.state.reelForward,
-				state: M.value,
+				state: j.value,
 				total: t.state.total,
 				onActiveChange: i[9] ||= (e) => d("activeReelChange", e),
 				onCloseInfoSheet: i[10] ||= (e) => d("reelInfoSheetChange", !1),
-				onError: W,
+				onError: K,
 				onLoadMore: i[11] ||= (e) => d("loadMore"),
-				onMediaChange: q,
-				onReady: ie,
+				onMediaChange: J,
+				onReady: ne,
 				onRetryEnd: i[12] ||= (e) => d("retryEnd"),
 				onRetryForward: i[13] ||= (e) => d("retryForward")
 			}, null, 8, [
@@ -2165,7 +2228,7 @@ var dt = ["aria-label"], ft = /* @__PURE__ */ d({
 });
 //#endregion
 //#region src/core/page.ts
-function Dt(e) {
+function jt(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.next !== null && typeof e.next != "string" && typeof e.next != "number") throw TypeError("Vibe page next must be a string, number, or null.");
 	if (e.total !== void 0 && (!Number.isFinite(e.total) || e.total < 0)) throw TypeError("Vibe page total must be a non-negative number when provided.");
@@ -2177,32 +2240,32 @@ function Q(e, t) {
 }
 //#endregion
 //#region src/core/requestDelay.ts
-var Ot = 2e3, kt = 1e4, At = 250, jt = {
+var Mt = 2e3, Nt = 1e4, Pt = 250, Ft = {
 	delayRemainingMs: null,
 	nextRequestAt: null
 };
-function Mt(e, t) {
+function It(e, t) {
 	return e === void 0 ? t : Math.floor(e);
 }
-function Nt(e, t) {
+function Lt(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 Pt(e, t = {}) {
-	let n = Mt(t.delayStepMs, Ot), r = Mt(t.delayMaxMs, kt);
+function Rt(e, t = {}) {
+	let n = It(t.delayStepMs, Mt), r = It(t.delayMaxMs, Nt);
 	return Math.min(Math.max(0, e) * n, r);
 }
 function $(e) {
-	if (e == null || !Number.isFinite(e)) return { ...jt };
+	if (e == null || !Number.isFinite(e)) return { ...Ft };
 	let t = Math.max(0, Math.floor(e - Date.now()));
 	return t > 0 ? {
 		delayRemainingMs: t,
 		nextRequestAt: e
-	} : { ...jt };
+	} : { ...Ft };
 }
-async function Ft({ delayMs: e, onChange: t, signal: n }) {
+async function zt({ delayMs: e, onChange: t, signal: n }) {
 	if (n.aborted) throw new DOMException("Aborted", "AbortError");
 	if (e <= 0) {
-		t({ ...jt });
+		t({ ...Ft });
 		return;
 	}
 	let r = Date.now() + e;
@@ -2210,9 +2273,9 @@ async function Ft({ delayMs: e, onChange: t, signal: n }) {
 		delayRemainingMs: e,
 		nextRequestAt: r
 	}), await new Promise((i, a) => {
-		let o = !1, s = setInterval(f, At), c = setTimeout(() => u(), e);
+		let o = !1, s = setInterval(f, Pt), c = setTimeout(() => u(), e);
 		function l() {
-			clearInterval(s), clearTimeout(c), n.removeEventListener("abort", d), t({ ...jt });
+			clearInterval(s), clearTimeout(c), n.removeEventListener("abort", d), t({ ...Ft });
 		}
 		function u(e) {
 			o || (o = !0, l(), e ? a(e) : i());
@@ -2227,13 +2290,13 @@ async function Ft({ delayMs: e, onChange: t, signal: n }) {
 		n.addEventListener("abort", d, { once: !0 });
 	});
 }
-var It = class {
+var Bt = class {
 	interval = null;
 	constructor(e) {
 		this.onChange = e;
 	}
 	clear() {
-		this.interval !== null && clearInterval(this.interval), this.interval = null, this.onChange({ ...jt });
+		this.interval !== null && clearInterval(this.interval), this.interval = null, this.onChange({ ...Ft });
 	}
 	sync(e) {
 		this.clear();
@@ -2241,22 +2304,22 @@ var It = class {
 		this.onChange(t), t.delayRemainingMs !== null && (this.interval = setInterval(() => {
 			let t = $(e);
 			this.onChange(t), t.delayRemainingMs === null && this.clear();
-		}, At));
+		}, Pt));
 	}
 };
-function Lt(e, t = !0) {
+function Vt(e, t = !0) {
 	return e.maxAdditionalPages === "unlimited" ? Infinity : (e.maxAdditionalPages ?? 10) + (t ? 1 : 0);
 }
-function Rt(e) {
+function Ht(e) {
 	return `${typeof e}:${String(e)}`;
 }
-function zt(e, t) {
+function Ut(e, t) {
 	if (!Number.isInteger(e) || e <= 0) throw TypeError(`Vibe ${t} must be a positive integer.`);
 }
-function Bt(e) {
+function Wt(e) {
 	if (!e) return;
-	if (zt(e.pageSize, "autofill pageSize"), e.strategy === "frontend") {
-		Nt(e, "frontend autofill");
+	if (Ut(e.pageSize, "autofill pageSize"), e.strategy === "frontend") {
+		Lt(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;
@@ -2268,7 +2331,7 @@ function Bt(e) {
 		if (t.pageSize !== e.pageSize) throw TypeError("Vibe backend autofill initialSession pageSize must match autofill pageSize.");
 	}
 }
-function Vt(e, t, n = !0) {
+function Gt(e, t, n = !0) {
 	if (!e) return {
 		cycleId: null,
 		delayRemainingMs: null,
@@ -2302,7 +2365,7 @@ function Vt(e, t, n = !0) {
 		strategy: e.strategy
 	};
 }
-function Ht(e) {
+function Kt(e) {
 	return [
 		"cancelling",
 		"filling",
@@ -2310,9 +2373,9 @@ function Ht(e) {
 		"waiting"
 	].includes(e.status);
 }
-async function Ut(e, t, n) {
+async function qt(e, t, n) {
 	let r = t.autofill;
-	if (!Ht(r) || !r.cycleId) return;
+	if (!Kt(r) || !r.cycleId) return;
 	let i = {
 		cycleId: r.cycleId,
 		feedKey: r.feedKey ?? "",
@@ -2325,20 +2388,20 @@ async function Ut(e, t, n) {
 		throw r.error = e, r.status = "error", e;
 	}
 }
-function Wt(e, t, n) {
+function Jt(e, t, n) {
 	return e?.strategy === "backend" && t.feedKey === e.feedKey && t.sessionId === n.sessionId;
 }
-async function Gt({ existingItems: e, initialCursor: t, loadPage: n, maximumRequests: r, onCollection: i, onDelayChange: a, onProgress: o, options: s, receivedOffset: c = 0, requestOffset: l = 0, signal: u }) {
-	let d = [], f = [...e], p = /* @__PURE__ */ new Set(), m = r ?? Lt(s), h = t, g = t, _ = 0, v;
+async function Yt({ existingItems: e, initialCursor: t, loadPage: n, maximumRequests: r, onCollection: i, onDelayChange: a, onProgress: o, options: s, receivedOffset: c = 0, requestOffset: l = 0, signal: u }) {
+	let d = [], f = [...e], p = /* @__PURE__ */ new Set(), m = r ?? Vt(s), h = t, g = t, _ = 0, v;
 	for (; _ < m;) {
-		let e = Rt(h);
+		let e = Ht(h);
 		if (p.has(e)) throw Error("Vibe autofill received a repeated cursor.");
-		p.add(e), await Ft({
-			delayMs: Pt(l + _, s),
+		p.add(e), await zt({
+			delayMs: Rt(l + _, s),
 			onChange: a,
 			signal: u
 		});
-		let t = Dt(await n({
+		let t = jt(await n({
 			cursor: h,
 			signal: u
 		}));
@@ -2381,12 +2444,12 @@ async function Gt({ existingItems: e, initialCursor: t, loadPage: n, maximumRequ
 }
 //#endregion
 //#region src/core/autofillController.ts
-var Kt = class {
+var Xt = class {
 	collection = null;
 	cycle = 0;
 	delayCountdown;
 	constructor(e) {
-		this.context = e, this.delayCountdown = new It((t) => Object.assign(e.state.autofill, t)), this.syncCountdown();
+		this.context = e, this.delayCountdown = new Bt((t) => Object.assign(e.state.autofill, t)), this.syncCountdown();
 	}
 	beginCycle() {
 		let { options: e, state: t } = this.context;
@@ -2394,14 +2457,14 @@ var Kt = class {
 		this.clear();
 		let n = `vibe-autofill-${Date.now().toString(36)}-${++this.cycle}`;
 		return t.autofill = {
-			...Vt(e, void 0, !1),
+			...Gt(e, void 0, !1),
 			cycleId: n,
 			status: "filling"
 		}, n;
 	}
 	async cancel() {
 		let { cancelRequest: e, options: t, state: n } = this.context;
-		await Ut(t, n, e), this.commitCollection();
+		await qt(t, n, e), this.commitCollection();
 	}
 	captureCollection(e, t) {
 		t && (this.collection = e);
@@ -2429,30 +2492,30 @@ var Kt = class {
 			requests: r.requests
 		}));
 	}
-}, qt = 100;
-function Jt(e, t) {
+}, Zt = 100;
+function Qt(e, t) {
 	if (!Number.isFinite(t) || t <= 0) throw TypeError(`Vibe ${e} must be a positive number.`);
 }
-function Yt(e, t, n) {
+function $t(e, t, n) {
 	return Math.min(n, Math.max(t, e));
 }
-function Xt(e) {
+function en(e) {
 	if (!e) return;
 	let t = e.minSpeedPxPerSecond ?? 20, n = e.maxSpeedPxPerSecond ?? 240;
-	if (Jt("autoScroll.minSpeedPxPerSecond", t), Jt("autoScroll.maxSpeedPxPerSecond", n), t > n) throw TypeError("Vibe autoScroll.minSpeedPxPerSecond cannot exceed maxSpeedPxPerSecond.");
-	e.speedPxPerSecond !== void 0 && Jt("autoScroll.speedPxPerSecond", e.speedPxPerSecond);
+	if (Qt("autoScroll.minSpeedPxPerSecond", t), Qt("autoScroll.maxSpeedPxPerSecond", n), t > n) throw TypeError("Vibe autoScroll.minSpeedPxPerSecond cannot exceed maxSpeedPxPerSecond.");
+	e.speedPxPerSecond !== void 0 && Qt("autoScroll.speedPxPerSecond", e.speedPxPerSecond);
 }
-function Zt(e) {
+function tn(e) {
 	let t = e?.minSpeedPxPerSecond ?? 20, n = e?.maxSpeedPxPerSecond ?? 240;
 	return {
 		enabled: e?.enabled ?? !1,
 		maxSpeedPxPerSecond: n,
 		minSpeedPxPerSecond: t,
 		paused: !1,
-		speedPxPerSecond: Yt(e?.speedPxPerSecond ?? 80, t, n)
+		speedPxPerSecond: $t(e?.speedPxPerSecond ?? 80, t, n)
 	};
 }
-var Qt = class {
+var nn = class {
 	frame = null;
 	lastTimestamp = null;
 	mounted = !1;
@@ -2472,9 +2535,9 @@ var Qt = class {
 		this.options.state.enabled && (this.options.state.paused = e, this.lastTimestamp = null, e ? this.cancelFrame() : this.schedule());
 	}
 	setSpeed(e) {
-		Jt("auto-scroll speed", e);
+		Qt("auto-scroll speed", e);
 		let t = this.options.state;
-		t.speedPxPerSecond = Yt(e, t.minSpeedPxPerSecond, t.maxSpeedPxPerSecond);
+		t.speedPxPerSecond = $t(e, t.minSpeedPxPerSecond, t.maxSpeedPxPerSecond);
 	}
 	tick = (e) => {
 		this.frame = null;
@@ -2486,7 +2549,7 @@ var Qt = class {
 			return;
 		}
 		if (this.lastTimestamp !== null) {
-			let r = Math.min(qt, Math.max(0, e - this.lastTimestamp)), i = Math.max(0, n.scrollHeight - n.clientHeight);
+			let r = Math.min(Zt, 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();
@@ -2500,7 +2563,7 @@ var Qt = class {
 };
 //#endregion
 //#region src/core/backendAutofill.ts
-async function $t(e, t, n, r) {
+async function rn(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.");
@@ -2514,19 +2577,19 @@ async function $t(e, t, n, r) {
 		status: "waiting"
 	});
 }
-function en(e, t) {
+function an(e, t) {
 	["complete", "exhausted"].includes(t.status) && t.items && (e.items = Q(e.items, t.items)), t.next !== void 0 && (e.next = t.next), t.total !== void 0 && (e.total = t.total);
 }
-function tn(e, t, n) {
+function on(e, t, n) {
 	let r = t.autofill;
-	return !Wt(e, n, r) || n.sequence <= r.sequence || ["cancelled", "cancelling"].includes(r.status) || ["complete", "exhausted"].includes(n.status) && n.next === void 0 ? !1 : (en(t, n), Object.assign(r, $(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 !Jt(e, n, r) || n.sequence <= r.sequence || ["cancelled", "cancelling"].includes(r.status) || ["complete", "exhausted"].includes(n.status) && n.next === void 0 ? !1 : (an(t, n), Object.assign(r, $(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 nn(e, t, n) {
-	return e?.strategy !== "backend" || n.feedKey !== e.feedKey || n.pageSize !== e.pageSize ? !1 : (t.autofill = Vt(e, n), en(t, n), !0);
+function sn(e, t, n) {
+	return e?.strategy !== "backend" || n.feedKey !== e.feedKey || n.pageSize !== e.pageSize ? !1 : (t.autofill = Gt(e, n), an(t, n), !0);
 }
 //#endregion
 //#region src/core/initialAutofill.ts
-async function rn({ cycleId: e, isCurrent: t, onCollection: n, onLastCursor: r, options: i, signal: a, state: o }) {
+async function cn({ cycleId: e, isCurrent: t, onCollection: n, onLastCursor: r, options: i, signal: a, state: o }) {
 	let s = i.autofill;
 	if (!s) return;
 	let c = o.items.length;
@@ -2539,7 +2602,7 @@ async function rn({ cycleId: e, isCurrent: t, onCollection: n, onLastCursor: r,
 		return;
 	}
 	if (s.strategy === "backend") {
-		await $t(s, o, {
+		await rn(s, o, {
 			cycleId: e,
 			feedKey: s.feedKey,
 			items: [...o.items],
@@ -2556,11 +2619,11 @@ async function rn({ cycleId: e, isCurrent: t, onCollection: n, onLastCursor: r,
 		o.autofill.status = "exhausted";
 		return;
 	}
-	let l = await Gt({
+	let l = await Yt({
 		existingItems: o.items,
 		initialCursor: o.next,
 		loadPage: i.loadPage,
-		maximumRequests: Lt(s, !1),
+		maximumRequests: Vt(s, !1),
 		onCollection: n,
 		onDelayChange: (e) => {
 			t() && Object.assign(o.autofill, e);
@@ -2582,13 +2645,13 @@ async function rn({ cycleId: e, isCurrent: t, onCollection: n, onLastCursor: r,
 }
 //#endregion
 //#region src/core/fill.ts
-function an(e) {
+function ln(e) {
 	return "pages" in e ? { pages: e.pages } : { until: "end" };
 }
-function on(e) {
+function un(e) {
 	return `${typeof e}:${String(e)}`;
 }
-function sn(e) {
+function dn(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.");
@@ -2597,20 +2660,20 @@ function sn(e) {
 	if ("until" in e && e.until === "end") return { until: "end" };
 	throw TypeError("Vibe fill target must be { pages } or { until: 'end' }.");
 }
-function cn(e) {
+function fn(e) {
 	if (!e) return;
 	if (e.strategy === "frontend") {
-		Nt(e, "frontend fill");
+		Lt(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.");
-		sn(t.target);
+		dn(t.target);
 	}
 }
-function ln(e, t, n = !0) {
+function pn(e, t, n = !0) {
 	let r = e?.strategy === "backend" && n ? e.initialSession : void 0, i = t ?? r, a = $(i?.nextRequestAt);
 	return {
 		completedPages: i?.completedPages ?? 0,
@@ -2624,10 +2687,10 @@ function ln(e, t, n = !0) {
 		sessionId: i?.sessionId ?? null,
 		status: i?.status ?? "idle",
 		strategy: e?.strategy ?? null,
-		target: i ? an(i.target) : null
+		target: i ? ln(i.target) : null
 	};
 }
-function un(e) {
+function mn(e) {
 	return [
 		"cancelling",
 		"filling",
@@ -2635,17 +2698,17 @@ function un(e) {
 		"waiting"
 	].includes(e.status);
 }
-async function dn({ existingItems: e, initialCursor: t, loadPage: n, onDelayChange: r, onProgress: i, options: a, signal: o, target: s }) {
+async function hn({ existingItems: e, initialCursor: t, loadPage: n, onDelayChange: r, onProgress: i, options: a, signal: o, target: s }) {
 	let c = [], l = [...e], u = /* @__PURE__ */ new Set(), d = 0, f = t, p = t, m = 0, h;
 	for (; p !== null;) {
-		let e = on(f);
+		let e = un(f);
 		if (u.has(e)) throw Error("Vibe fill received a repeated cursor.");
-		u.add(e), await Ft({
-			delayMs: Pt(d, a),
+		u.add(e), await zt({
+			delayMs: Rt(d, a),
 			onChange: r,
 			signal: o
 		});
-		let t = Dt(await n({
+		let t = jt(await n({
 			cursor: f,
 			signal: o
 		}));
@@ -2687,7 +2750,7 @@ async function dn({ existingItems: e, initialCursor: t, loadPage: n, onDelayChan
 }
 //#endregion
 //#region src/core/backendFill.ts
-async function fn(e, t, n, r) {
+async function gn(e, t, n, r) {
 	let i = await e.onStart(n);
 	if (r()) {
 		if (!i.sessionId.trim()) throw TypeError("Vibe backend fill requires a sessionId.");
@@ -2701,22 +2764,22 @@ async function fn(e, t, n, r) {
 		});
 	}
 }
-function pn(e, t, n) {
+function _n(e, t, n) {
 	return e?.strategy === "backend" && n.feedKey === e.feedKey && n.sessionId === t.fill.sessionId;
 }
-function mn(e) {
+function vn(e) {
 	return Number.isInteger(e.completedPages) && e.completedPages >= 0 && Number.isInteger(e.received) && e.received >= 0 && Number.isInteger(e.sequence) && e.sequence >= 0;
 }
-function hn(e, t) {
+function yn(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 gn(e, t, n) {
+function bn(e, t, n) {
 	t.total !== void 0 && (e.total = t.total), ["complete", "exhausted"].includes(t.status) && (e.items = Q(e.items, t.items ?? []), e.next = t.next ?? null, n(t.lastCursor ?? null));
 }
-function _n(e, t, n, r) {
-	return !pn(e, t, n) || !mn(n) || n.sequence <= t.fill.sequence || ["cancelled", "cancelling"].includes(t.fill.status) || !hn(t, n) ? !1 : (gn(t, n, r), Object.assign(t.fill, {
+function xn(e, t, n, r) {
+	return !_n(e, t, n) || !vn(n) || n.sequence <= t.fill.sequence || ["cancelled", "cancelling"].includes(t.fill.status) || !yn(t, n) ? !1 : (bn(t, n, r), Object.assign(t.fill, {
 		...$(n.status === "waiting" ? n.nextRequestAt : null),
 		completedPages: n.completedPages,
 		error: n.error ?? null,
@@ -2725,41 +2788,41 @@ function _n(e, t, n, r) {
 		status: n.status
 	}), !0);
 }
-function vn(e, t, n, r) {
+function Sn(e, t, n, r) {
 	if (e?.strategy !== "backend" || n.feedKey !== e.feedKey) return !1;
 	let i = t.fill;
-	return t.fill = ln(e, n), !mn(n) || !hn(t, n) ? (t.fill = i, !1) : (gn(t, n, r), !0);
+	return t.fill = pn(e, n), !vn(n) || !yn(t, n) ? (t.fill = i, !1) : (bn(t, n, r), !0);
 }
 //#endregion
 //#region src/core/fillController.ts
-var yn = class {
+var Cn = class {
 	abortController = null;
 	cycle = 0;
 	delayCountdown;
 	requestVersion = 0;
 	constructor(e) {
-		this.options = e, this.delayCountdown = new It((e) => {
+		this.options = e, this.delayCountdown = new Bt((e) => {
 			Object.assign(this.options.state.fill, e);
 		}), this.syncBackendCountdown();
 	}
 	isActive() {
-		return un(this.options.state.fill);
+		return mn(this.options.state.fill);
 	}
 	applyUpdate(e) {
-		let t = _n(this.options.fill, this.options.state, e, this.options.onLastCursor);
+		let t = xn(this.options.fill, this.options.state, e, this.options.onLastCursor);
 		return t && this.syncBackendCountdown(), t;
 	}
 	restoreSession(e) {
-		let t = vn(this.options.fill, this.options.state, e, this.options.onLastCursor);
+		let t = Sn(this.options.fill, this.options.state, e, this.options.onLastCursor);
 		return t && this.syncBackendCountdown(), t;
 	}
 	async start(e) {
 		let t = this.options.fill;
 		if (!t) throw Error("Vibe fill is not configured.");
 		if (this.isActive()) throw Error("Vibe fill is already active.");
-		let n = sn(e), r = `vibe-fill-${Date.now().toString(36)}-${++this.cycle}`;
+		let n = dn(e), r = `vibe-fill-${Date.now().toString(36)}-${++this.cycle}`;
 		if (this.options.state.fill = {
-			...ln(t, void 0, !1),
+			...pn(t, void 0, !1),
 			cycleId: r,
 			status: "filling",
 			target: n
@@ -2770,7 +2833,7 @@ var yn = class {
 		let i = ++this.requestVersion, a = new AbortController();
 		this.abortController = a;
 		try {
-			t.strategy === "frontend" ? await this.startFrontend(t, n, a, i) : (await fn(t, this.options.state, {
+			t.strategy === "frontend" ? await this.startFrontend(t, n, a, i) : (await gn(t, this.options.state, {
 				cycleId: r,
 				feedKey: t.feedKey,
 				items: [...this.options.state.items],
@@ -2788,7 +2851,7 @@ var yn = class {
 	}
 	async cancel() {
 		let { fill: e, state: t } = this.options;
-		if (!un(t.fill) || !t.fill.cycleId) return;
+		if (!mn(t.fill) || !t.fill.cycleId) return;
 		let n = {
 			cycleId: t.fill.cycleId,
 			feedKey: t.fill.feedKey ?? "",
@@ -2802,7 +2865,7 @@ var yn = class {
 		}
 	}
 	reset() {
-		this.abortLocalRequest(), this.delayCountdown.clear(), this.options.state.fill = ln(this.options.fill, void 0, !1);
+		this.abortLocalRequest(), this.delayCountdown.clear(), this.options.state.fill = pn(this.options.fill, void 0, !1);
 	}
 	destroy() {
 		this.abortLocalRequest(), this.delayCountdown.clear();
@@ -2818,7 +2881,7 @@ var yn = class {
 		if (!i) throw Error("Vibe frontend fill requires loadPage.");
 		let a = this.options.state;
 		a.isLoadingMore = !0;
-		let o = await dn({
+		let o = await hn({
 			existingItems: a.items,
 			initialCursor: a.next,
 			loadPage: i,
@@ -2845,7 +2908,7 @@ var yn = class {
 };
 //#endregion
 //#region src/core/feedFooter.ts
-function bn(e) {
+function wn(e) {
 	return {
 		cancelAutofill: () => e.cancelAutofill(),
 		loadMore: () => e.loadNext(),
@@ -2853,45 +2916,45 @@ function bn(e) {
 		retryEnd: () => e.retryEnd()
 	};
 }
-function xn(e) {
+function Tn(e) {
 	if (!Number.isFinite(e) || e <= 0) throw TypeError("Vibe reelAutoAdvance.intervalMs must be a positive number.");
 }
-function Sn(e) {
-	e?.intervalMs !== void 0 && xn(e.intervalMs);
+function En(e) {
+	e?.intervalMs !== void 0 && Tn(e.intervalMs);
 }
-function Cn(e) {
+function Dn(e) {
 	return {
 		enabled: e?.enabled ?? !1,
 		includePostItems: e?.includePostItems ?? !1,
 		intervalMs: e?.intervalMs ?? 5e3
 	};
 }
-function wn(e, t) {
+function On(e, t) {
 	if (typeof t == "boolean") {
 		e.enabled = t;
 		return;
 	}
-	Sn(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);
+	En(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 Tn(e) {
+function kn(e) {
 	return { enabled: e?.enabled ?? !1 };
 }
-function En(e, t, n) {
+function An(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 Dn(e, t) {
+function jn(e, t) {
 	let n = e.initialPage;
 	return {
 		activeReelPostId: null,
-		autoScroll: Zt(e.autoScroll),
-		autofill: Vt(e.autofill),
+		autoScroll: tn(e.autoScroll),
+		autofill: Gt(e.autofill),
 		error: null,
-		fill: ln(e.fill),
+		fill: pn(e.fill),
 		infiniteScroll: e.infiniteScroll ?? !0,
 		isLoading: !n,
 		isLoadingMore: !1,
@@ -2901,14 +2964,14 @@ function Dn(e, t) {
 		mediaIndices: /* @__PURE__ */ new Map(),
 		next: n?.next ?? null,
 		nextPageError: null,
-		reelAutoAdvance: Cn(e.reelAutoAdvance),
+		reelAutoAdvance: Dn(e.reelAutoAdvance),
 		reelForward: {
 			error: null,
 			status: "idle"
 		},
 		reelForwardIndex: null,
 		reelForwardItem: null,
-		reelInfoSheet: Tn(e.reelInfoSheet),
+		reelInfoSheet: kn(e.reelInfoSheet),
 		reelInfoSheetOverlay: !1,
 		reelMediaSource: "original",
 		reelOrigin: null,
@@ -2917,26 +2980,26 @@ function Dn(e, t) {
 }
 //#endregion
 //#region src/core/options.ts
-function On(e, t) {
+function Mn(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 kn(e, t) {
+function Nn(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 An(e) {
-	if (Xt(e.autoScroll), On("cardHeader", e.cardHeader), On("cardFooter", e.cardFooter), kn("header", e.mediaCard?.header), kn("footer", e.mediaCard?.footer), Bt(e.autofill), cn(e.fill), Sn(e.reelAutoAdvance), e.removalHistoryLimit !== void 0 && (!Number.isInteger(e.removalHistoryLimit) || e.removalHistoryLimit < 0)) throw TypeError("Vibe removalHistoryLimit must be a non-negative integer.");
+function Pn(e) {
+	if (en(e.autoScroll), Mn("cardHeader", e.cardHeader), Mn("cardFooter", e.cardFooter), Nn("header", e.mediaCard?.header), Nn("footer", e.mediaCard?.footer), Wt(e.autofill), fn(e.fill), En(e.reelAutoAdvance), e.removalHistoryLimit !== void 0 && (!Number.isInteger(e.removalHistoryLimit) || e.removalHistoryLimit < 0)) throw TypeError("Vibe removalHistoryLimit must be a non-negative integer.");
 	if (!e.initialPage && !e.loadPage) throw TypeError("Vibe requires either initialPage or loadPage.");
 	if (e.initialPage?.next !== null && !e.loadPage) throw TypeError("Vibe requires loadPage when initialPage has a next cursor.");
 	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 jn(e) {
+function Fn(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);
@@ -2945,7 +3008,7 @@ function jn(e) {
 }
 //#endregion
 //#region src/core/activeItemRemoval.ts
-function Mn(e, t, n, r, i) {
+function In(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)];
@@ -2958,7 +3021,7 @@ function Mn(e, t, n, r, i) {
 }
 //#endregion
 //#region src/core/exactMediaRemovalController.ts
-function Nn(e, t) {
+function Ln(e, t) {
 	let [n, ...r] = t;
 	if (!n) throw Error("Vibe items must contain at least one media asset.");
 	return {
@@ -2967,10 +3030,10 @@ function Nn(e, t) {
 		items: r
 	};
 }
-function Pn(e) {
+function Rn(e) {
 	if (!Number.isInteger(e.mediaIndex) || e.mediaIndex < 0) throw TypeError("Vibe mediaIndex must be a non-negative integer.");
 }
-var Fn = class {
+var zn = class {
 	generation = 0;
 	metadata = /* @__PURE__ */ new WeakMap();
 	state;
@@ -2978,7 +3041,7 @@ var Fn = class {
 		this.options = e, this.state = e.state;
 	}
 	remove(e) {
-		Pn(e);
+		Rn(e);
 		let t = this.state.items.findIndex(({ postId: t }) => t === e.postId), n = this.state.items[t];
 		if (!n) return null;
 		let r = [...M(n)], i = r[e.mediaIndex];
@@ -2995,7 +3058,7 @@ var Fn = 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] = Nn(n, r), this.updateMediaIndexAfterRemoval(n.postId, e.mediaIndex, c), a) : (this.state.items.splice(t, 1), 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] = Ln(n, r), this.updateMediaIndexAfterRemoval(n.postId, e.mediaIndex, c), a) : (this.state.items.splice(t, 1), this.state.mediaIndices.delete(n.postId), s && this.advanceFromRemovedPost(a, n), a);
 	}
 	reset() {
 		this.generation += 1;
@@ -3021,7 +3084,7 @@ var Fn = class {
 	}
 	restoreIntoPost(e, t) {
 		let n = this.state.items[e], r = [...M(n)], i = Math.min(t.mediaIndex, r.length);
-		if (r.splice(i, 0, t.media), this.state.items[e] = Nn(n, r), this.state.activeReelPostId !== t.postId) return;
+		if (r.splice(i, 0, t.media), this.state.items[e] = Ln(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);
 	}
@@ -3034,18 +3097,18 @@ var Fn = class {
 };
 //#endregion
 //#region src/core/itemPlacement.ts
-function In(e, t) {
+function Bn(e, t) {
 	let n = new Set(t);
 	return e.flatMap((e, t) => n.has(e.postId) ? [{
 		index: t,
 		item: e
 	}] : []);
 }
-function Ln(e, t) {
+function Vn(e, t) {
 	let n = new Set(t.map(({ item: e }) => e.postId));
 	return e.filter((e) => !n.has(e.postId));
 }
-function Rn(e, t) {
+function Hn(e, t) {
 	t.forEach(({ index: e }) => {
 		if (!Number.isInteger(e) || e < 0) throw Error("Vibe item restore indexes must be non-negative integers.");
 	});
@@ -3056,7 +3119,7 @@ function Rn(e, t) {
 }
 //#endregion
 //#region src/core/itemRemovalController.ts
-var zn = 20, Bn = class {
+var Un = 20, Wn = class {
 	generation = 0;
 	historyLimit;
 	metadata = /* @__PURE__ */ new WeakMap();
@@ -3065,7 +3128,7 @@ var zn = 20, Bn = class {
 	itemOrder;
 	stopItemsWatcher;
 	constructor(e) {
-		this.options = e, this.historyLimit = e.historyLimit ?? zn, 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 ?? Un, 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();
@@ -3078,7 +3141,7 @@ var zn = 20, Bn = class {
 		let i = this.options.startRemoval(r);
 		if (i > 0 && await new Promise((e) => setTimeout(e, i)), this.metadata.get(n)?.generation !== this.generation) return n;
 		let a = this.state.items.findIndex((e) => e.postId === this.state.activeReelPostId), o = new Set(t.map(({ item: e }) => e.postId)), s = a < 0 ? 0 : this.state.items.slice(0, a).filter(({ postId: e }) => o.has(e)).length, c = Math.max(a - s, 0);
-		return this.state.items = Ln(this.state.items, t), this.options.onItemsRemoved(n, t, c), this.record(n), n;
+		return this.state.items = Vn(this.state.items, t), this.options.onItemsRemoved(n, t, c), this.record(n), n;
 	}
 	reset() {
 		this.generation += 1, this.history = [], this.itemOrder = [];
@@ -3089,7 +3152,7 @@ var zn = 20, Bn = class {
 			this.restoreRemoval(t);
 			return;
 		}
-		let n = Rn(this.state.items, e);
+		let n = Hn(this.state.items, e);
 		this.registerExternalPlacements(e), this.state.items = n;
 	}
 	restoreRemoval(e) {
@@ -3115,7 +3178,7 @@ var zn = 20, Bn = class {
 	}
 	collectOrderedPlacements(e) {
 		let t = new Map(this.itemOrder.map((e, t) => [e, t]));
-		return In(this.state.items, e).map((e) => ({
+		return Bn(this.state.items, e).map((e) => ({
 			index: t.get(e.item.postId) ?? e.index,
 			item: e.item
 		}));
@@ -3146,7 +3209,7 @@ var zn = 20, Bn = 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;
 	}
-}, Vn = class {
+}, Gn = class {
 	forward = null;
 	forwardPromise = null;
 	forwardVersion = 0;
@@ -3224,7 +3287,7 @@ var zn = 20, Bn = class {
 			}
 		}
 	}
-}, Hn = class {
+}, Kn = class {
 	generation = 0;
 	pending = Promise.resolve();
 	constructor(e) {
@@ -3274,22 +3337,22 @@ var zn = 20, Bn = class {
 };
 //#endregion
 //#region src/core/removalControllers.ts
-function Un(e) {
-	let t = new Vn(e), n = new Hn({
+function qn(e) {
+	let t = new Gn(e), n = new Kn({
 		state: e.state,
 		transitionMedia: (t) => e.surface()?.transitionActiveReelMedia(t) ?? Promise.resolve(!1),
 		transitionPost: (t) => e.surface()?.transitionActiveReelPost(t) ?? Promise.resolve(!1)
 	});
 	return {
-		exactMediaRemoval: new Fn({
+		exactMediaRemoval: new zn({
 			onActivate: e.onActivate,
 			reelForward: t,
 			state: e.state
 		}),
-		itemRemoval: new Bn({
+		itemRemoval: new Wn({
 			historyLimit: e.historyLimit,
 			onItemsRemoved: (n, r, i) => {
-				Mn(e.state, r, i, e.onActivate, (e, r) => t.start(n, e, r));
+				In(e.state, r, i, e.onActivate, (e, r) => t.start(n, e, r));
 			},
 			onRemovalRestored: (n) => {
 				let r = t.cancel(n);
@@ -3303,17 +3366,17 @@ function Un(e) {
 		reelRemoval: n
 	};
 }
-var Wn = 1.5;
-function Gn(e) {
+var Jn = 1.5;
+function Yn(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 * Wn;
+	let n = Math.min(e.viewportWidth, e.viewportHeight), r = t >= n * Jn;
 	return !e.hasHover && n > 0 && n < 600 && r;
 }
-function Kn(e) {
-	return Gn(e) ? "reel" : "masonry";
+function Xn(e) {
+	return Yn(e) ? "reel" : "masonry";
 }
-function qn(e) {
+function Zn(e) {
 	let t = e.ownerDocument.defaultView, n = e.ownerDocument.documentElement;
 	return {
 		hasHover: typeof t?.matchMedia == "function" && t.matchMedia("(hover: hover)").matches,
@@ -3323,15 +3386,15 @@ function qn(e) {
 		viewportWidth: n.clientWidth
 	};
 }
-function Jn(e) {
-	return Gn(qn(e));
+function Qn(e) {
+	return Yn(Zn(e));
 }
-function Yn(e) {
-	return Kn(qn(e));
+function $n(e) {
+	return Xn(Zn(e));
 }
 //#endregion
 //#region src/core/responsiveLayoutController.ts
-var Xn = class {
+var er = class {
 	layoutMode;
 	resizeObserver = null;
 	target = null;
@@ -3356,10 +3419,10 @@ var Xn = class {
 	}
 	handleResponsiveLayout = () => {
 		if (!this.target) return;
-		let e = Yn(this.target);
-		this.state.reelInfoSheetOverlay = Jn(this.target), this.state.reelMediaSource = e === "reel" ? "preview" : "original", this.layoutMode === "responsive" && this.applyLayout(e);
+		let e = $n(this.target);
+		this.state.reelInfoSheetOverlay = Qn(this.target), this.state.reelMediaSource = e === "reel" ? "preview" : "original", this.layoutMode === "responsive" && this.applyLayout(e);
 	};
-}, Zn = class {
+}, tr = class {
 	routedReelPostId = null;
 	reelRouteIsActive = !1;
 	constructor(e, t) {
@@ -3386,7 +3449,7 @@ var Xn = class {
 		let i = this.reelRouteIsActive ? "replace" : "push";
 		this.reelRouteIsActive = !0, this.routedReelPostId = e, this.options.router[i](r);
 	}
-}, Qn = class {
+}, nr = class {
 	app = null;
 	autoScroll;
 	autofillController;
@@ -3405,27 +3468,27 @@ var Xn = class {
 	lastLoadedCursor = null;
 	state;
 	constructor(e) {
-		this.options = e, An(e);
+		this.options = e, Pn(e);
 		let t = e.layout ?? "masonry";
-		this.state = x(Dn(e, t)), this.autoScroll = new Qt({
+		this.state = x(jn(e, t)), this.autoScroll = new nn({
 			getScrollElement: () => this.surface?.getAutoScrollElement() ?? null,
 			state: this.state.autoScroll
-		}), this.autofillController = new Kt({
+		}), this.autofillController = new Xt({
 			cancelRequest: () => this.cancelRequest(),
 			onLastCursor: (e) => {
 				this.lastLoadedCursor = e;
 			},
 			options: e.autofill,
 			state: this.state
-		}), this.fillController = new yn({
+		}), this.fillController = new Cn({
 			fill: e.fill,
 			loadPage: e.loadPage,
 			onLastCursor: (e) => {
 				this.lastLoadedCursor = e;
 			},
 			state: this.state
-		}), this.routing = new Zn(e.routing, this.state);
-		let n = Un({
+		}), this.routing = new tr(e.routing, this.state);
+		let n = qn({
 			historyLimit: e.removalHistoryLimit,
 			loadNext: () => this.loadNext(),
 			onActivate: (e) => this.setActiveReelPost(e),
@@ -3433,20 +3496,20 @@ var Xn = class {
 			state: this.state,
 			surface: () => this.surface
 		});
-		this.exactMediaRemoval = n.exactMediaRemoval, this.itemRemoval = n.itemRemoval, this.reelForward = n.reelForward, this.reelRemoval = n.reelRemoval, this.responsiveLayout = new Xn(t, this.state, () => {
+		this.exactMediaRemoval = n.exactMediaRemoval, this.itemRemoval = n.itemRemoval, this.reelForward = n.reelForward, this.reelRemoval = n.reelRemoval, this.responsiveLayout = new er(t, this.state, () => {
 			this.routing.syncFeed();
 		}), this.startStateNotifications();
 	}
 	async mount() {
 		if (this.app) throw Error("Vibe is already mounted.");
 		this.startStateNotifications();
-		let e = jn(this.options.target);
-		this.responsiveLayout.mount(e), this.app = i(Et, {
+		let e = Fn(this.options.target);
+		this.responsiveLayout.mount(e), this.app = i(At, {
 			canRetryEnd: !!this.options.loadPage,
 			cardFooter: this.options.cardFooter,
 			cardHeader: this.options.cardHeader,
 			feedFooter: this.options.feedFooter,
-			feedFooterActions: bn(this),
+			feedFooterActions: wn(this),
 			mediaCard: this.options.mediaCard,
 			reelInfoSheet: this.options.reelInfoSheet,
 			state: this.state,
@@ -3509,6 +3572,9 @@ var Xn = class {
 	previousReelPost() {
 		return this.surface?.moveActiveReelPost(-1) ?? !1;
 	}
+	navigateToReelItem(e) {
+		return this.surface?.navigateToReelItem(e) ?? "reel-inactive";
+	}
 	pauseAutoScroll() {
 		this.autoScroll.setPaused(!0);
 	}
@@ -3522,7 +3588,7 @@ var Xn = class {
 		this.autoScroll.setSpeed(e);
 	}
 	applyAutofillUpdate(e) {
-		let t = tn(this.options.autofill, this.state, e);
+		let t = on(this.options.autofill, this.state, e);
 		return t && this.autofillController.syncCountdown(), t;
 	}
 	cancelAutofill() {
@@ -3535,11 +3601,11 @@ var Xn = class {
 		return this.fillController.cancel();
 	}
 	async fill(e) {
-		if (this.pendingRequest || Ht(this.state.autofill)) throw Error("Vibe cannot fill while another page operation is active.");
+		if (this.pendingRequest || Kt(this.state.autofill)) throw Error("Vibe cannot fill while another page operation is active.");
 		await this.fillController.start(e);
 	}
 	restoreAutofillSession(e) {
-		let t = nn(this.options.autofill, this.state, e);
+		let t = sn(this.options.autofill, this.state, e);
 		return t && this.autofillController.syncCountdown(), t;
 	}
 	restoreFillSession(e) {
@@ -3547,7 +3613,7 @@ var Xn = class {
 	}
 	async loadNext() {
 		if (this.pendingRequest) return this.pendingRequest;
-		if (!this.state.loadMoreLocked && !(Ht(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.state.next, !0);
+		if (!this.state.loadMoreLocked && !(Kt(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.state.next, !0);
 	}
 	async refresh() {
 		return this.replaceFeed(this.state.next ?? this.lastLoadedCursor, "refresh");
@@ -3557,11 +3623,11 @@ var Xn = class {
 	}
 	async replaceFeed(e, t) {
 		if (!this.options.loadPage) throw Error(`Vibe cannot ${t} without loadPage.`);
-		return Ht(this.state.autofill) && await this.cancelAutofill(), this.fillController.isActive() && await this.cancelFill(), this.cancelRequest(), this.state.autofill = Vt(this.options.autofill, void 0, !1), this.fillController.reset(), this.reelForward.reset(), this.reelRemoval.reset(), this.exactMediaRemoval.reset(), this.itemRemoval.reset(), this.state.error = 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 Kt(this.state.autofill) && await this.cancelAutofill(), this.fillController.isActive() && await this.cancelFill(), this.cancelRequest(), this.state.autofill = Gt(this.options.autofill, void 0, !1), this.fillController.reset(), this.reelForward.reset(), this.reelRemoval.reset(), this.exactMediaRemoval.reset(), this.itemRemoval.reset(), this.state.error = 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 retryEnd() {
 		if (this.pendingRequest) return this.pendingRequest;
-		if (!this.state.loadMoreLocked && !(Ht(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 && !(Kt(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());
@@ -3570,10 +3636,10 @@ var Xn = class {
 		this.state.loadMoreLocked !== e && (this.state.loadMoreLocked = e, !e && this.state.infiniteScroll && m(() => this.surface?.loadIfNearBottom()));
 	}
 	setReelAutoAdvance(e) {
-		wn(this.state.reelAutoAdvance, e);
+		On(this.state.reelAutoAdvance, e);
 	}
 	setReelInfoSheet(e) {
-		En(this.state.reelInfoSheet, this.options.reelInfoSheet, e);
+		An(this.state.reelInfoSheet, this.options.reelInfoSheet, e);
 	}
 	setLayout(e) {
 		this.responsiveLayout.setLayout(e);
@@ -3597,7 +3663,7 @@ var Xn = class {
 		this.abortController = i;
 		try {
 			if (a?.strategy === "frontend") {
-				let o = await Gt({
+				let o = await Yt({
 					existingItems: t ? this.state.items : [],
 					initialCursor: e,
 					loadPage: n,
@@ -3620,7 +3686,7 @@ var Xn = class {
 				}), this.autofillController.clearCollection();
 				return;
 			}
-			let c = Dt(await n({
+			let c = jt(await n({
 				cursor: e,
 				signal: i.signal
 			}));
@@ -3635,7 +3701,7 @@ var Xn = class {
 					this.state.autofill.status = "complete";
 					return;
 				}
-				await $t(a, this.state, {
+				await rn(a, this.state, {
 					cycleId: o,
 					feedKey: a.feedKey,
 					items: u.slice(l.length),
@@ -3663,7 +3729,7 @@ var Xn = class {
 	startInitialAutofill() {
 		let e = ++this.requestVersion, t = new AbortController(), n = this.autofillController.beginCycle();
 		this.abortController = t, this.state.isLoadingMore = !0;
-		let r = rn({
+		let r = cn({
 			cycleId: n,
 			isCurrent: () => e === this.requestVersion,
 			onCollection: (t) => this.autofillController.captureCollection(t, e === this.requestVersion),
@@ -3688,8 +3754,8 @@ var Xn = class {
 		}));
 	}
 };
-function $n(e) {
-	return new Qn(e);
+function rr(e) {
+	return new nr(e);
 }
 //#endregion
-export { $n as createVibe };
+export { rr as createVibe };