@wyxos/vibe 5.13.1 → 5.13.2

package/lib/index.js

@@ -74,7 +74,7 @@ function G(e, t) {
 function K(e) {
 	return r(() => Object.freeze([...e.items]));
 }
-function ee(e, t = [...e.items]) {
+function q(e, t = [...e.items]) {
 	return {
 		activeReelPostId: e.activeReelPostId,
 		autoScroll: { ...e.autoScroll },
@@ -104,17 +104,17 @@ function ee(e, t = [...e.items]) {
 }
 //#endregion
 //#region src/components/GalleryFooter.vue?vue&type=script&setup=true&lang.ts
-var q = {
+var J = {
 	key: 0,
 	class: "gallery-footer"
-}, J = {
+}, Y = {
 	key: 0,
 	class: "load-more-status",
 	role: "status"
-}, te = ["disabled"], ne = {
+}, ee = ["disabled"], te = {
 	key: 2,
 	class: "end-feed"
-}, re = ["disabled"], ie = /* @__PURE__ */ d({
+}, ne = ["disabled"], re = /* @__PURE__ */ d({
 	__name: "GalleryFooter",
 	props: {
 		canRetryEnd: { type: Boolean },
@@ -130,14 +130,14 @@ var q = {
 		function i() {
 			n.loadMoreLocked || (n.hasNext ? r("loadMore") : r("retryEnd"));
 		}
-		return (t, n) => e.isLoading || e.hasError || e.hasNext && e.showLoadMore || !e.hasNext && e.canRetryEnd ? (b(), s("footer", q, [e.isLoading ? (b(), s("p", J, " Loading more… ")) : e.hasError || e.hasNext && e.showLoadMore ? (b(), s("button", {
+		return (t, n) => e.isLoading || e.hasError || e.hasNext && e.showLoadMore || !e.hasNext && e.canRetryEnd ? (b(), s("footer", J, [e.isLoading ? (b(), s("p", Y, " Loading more… ")) : e.hasError || e.hasNext && e.showLoadMore ? (b(), s("button", {
 			key: 1,
 			"data-test": "load-more",
 			class: "load-more-button",
 			type: "button",
 			disabled: e.loadMoreLocked,
 			onClick: i
-		}, T(e.hasError ? "Try again" : e.loadMoreLocked ? "Loading paused" : "Load more"), 9, te)) : (b(), s("div", ne, [n[1] ||= c("p", {
+		}, T(e.hasError ? "Try again" : e.loadMoreLocked ? "Loading paused" : "Load more"), 9, ee)) : (b(), s("div", te, [n[1] ||= c("p", {
 			class: "end-feed-message",
 			role: "status"
 		}, " You've reached the end. ", -1), c("button", {
@@ -146,9 +146,9 @@ var q = {
 			type: "button",
 			disabled: e.loadMoreLocked,
 			onClick: n[0] ||= (e) => t.$emit("retryEnd")
-		}, " Check for more ", 8, re)]))])) : o("", !0);
+		}, " Check for more ", 8, ne)]))])) : o("", !0);
 	}
-}), ae = /* @__PURE__ */ d({
+}), ie = /* @__PURE__ */ d({
 	__name: "FeedFooter",
 	props: {
 		actions: {},
@@ -185,7 +185,7 @@ var q = {
 			"can-retry-end",
 			"show-load-more",
 			"state"
-		])) : (b(), a(ie, {
+		])) : (b(), a(re, {
 			key: 1,
 			"can-retry-end": e.canRetryEnd,
 			"has-error": e.hasError,
@@ -204,7 +204,7 @@ var q = {
 			"show-load-more"
 		]));
 	}
-}), oe = ["role"], Y = { class: "gallery-status" }, se = /* @__PURE__ */ d({
+}), ae = ["role"], X = { class: "gallery-status" }, oe = /* @__PURE__ */ d({
 	__name: "FeedStatus",
 	props: {
 		actions: {},
@@ -218,7 +218,7 @@ var q = {
 		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", Y, [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(ae, {
+		}, [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, {
 			key: 0,
 			actions: t.actions,
 			"can-retry-end": t.canRetryEnd,
@@ -240,19 +240,19 @@ var q = {
 			"is-loading",
 			"load-more-locked",
 			"state"
-		])) : o("", !0)], 8, oe));
+		])) : o("", !0)], 8, ae));
 	}
 });
-function ce(e) {
+function se(e) {
 	return e.scrollHeight - e.scrollTop - e.clientHeight <= 240;
 }
 //#endregion
 //#region src/core/masonry.ts
-function X(e) {
+function Z(e) {
 	let t = e.preview?.width ?? e.width, n = e.preview?.height ?? e.height;
 	return !t || !n || t <= 0 || n <= 0 ? 1 : n / t;
 }
-function Z(e) {
+function ce(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 = Z(t), i = n.itemWidth * X(e) + n.additionalHeight, a = {
+	let r = ce(t), i = n.itemWidth * Z(e) + n.additionalHeight, a = {
 		x: r * (n.itemWidth + n.gap),
 		y: t[r],
 		width: n.itemWidth,
@@ -321,12 +321,12 @@ function _e(e, t, n, r, i, a) {
 		items: []
 	};
 	if (r.columns !== o.columns || i > 0 && r.items.length < i) return ge(e, t, n);
-	let s = Math.max(0, i), c = a?.untilIndex ?? e.length, l = a?.untilBottom, u = s === 0 ? [] : r.items.slice(0, s), d = s === 0 ? Array.from({ length: o.columns }, () => 0) : me(u, o);
-	for (let t = s; t < e.length && t < c && !(l !== void 0 && t > s && d.every((e) => e >= l)); t += 1) u.push(pe(e[t], d, o));
+	let s = Math.max(0, i), c = a?.untilIndex ?? e.length, l = a?.untilBottom, u = a?.throughIndex ?? s, d = s === 0 ? [] : r.items.slice(0, s), f = s === 0 ? Array.from({ length: o.columns }, () => 0) : me(d, o);
+	for (let t = s; t < e.length && t < c && !(l !== void 0 && t > s && t > u && f.every((e) => e >= l)); t += 1) d.push(pe(e[t], f, o));
 	return {
 		columns: o.columns,
-		height: he(d, o.gap),
-		items: u
+		height: he(f, o.gap),
+		items: d
 	};
 }
 function ve(e, t, n, r, i, a) {
@@ -364,15 +364,22 @@ function ve(e, t, n, r, i, a) {
 	};
 	let c = r.items.slice(), l = [];
 	for (let e = 0; e < s; e += 1) l.push(e);
-	let u = me(c.slice(0, s), o);
+	let u = a?.untilBottom, d = a?.throughIndex ?? s, f = me(c.slice(0, s), o);
 	for (let t = s; t < e.length; t += 1) if (!i(t)) {
-		if (a !== void 0 && l.length > s && u.every((e) => e >= a)) break;
-		c[t] = pe(e[t], u, o), l.push(t);
+		if (u !== void 0 && l.length > s && t > d && f.every((e) => e >= u)) break;
+		c[t] = pe(e[t], f, o), l.push(t);
 	}
+	let p = new Set(l);
+	for (let t = s; t < e.length; t += 1) i(t) || p.has(t) || (c[t] = {
+		height: 0,
+		width: 0,
+		x: 0,
+		y: 0
+	});
 	return {
 		columns: o.columns,
 		fromIndex: s,
-		height: he(u, o.gap),
+		height: he(f, o.gap),
 		items: c,
 		retainedIndices: l
 	};
@@ -1448,7 +1455,7 @@ var Ut = [
 		function f(e = !1, t = "pointer") {
 			e && d("activate", t);
 		}
-		let p = r(() => H(l.item)), g = r(() => U(l.item, l.mediaIndex)), v = r(() => W(l.item, g.value)), y = r(() => z(v.value, l.mediaSource ?? "preview")), x = r(() => I(v.value.type, v.value.src)), S = r(() => x.value === "audio"), C = r(() => V(v.value, l.mediaSource ?? "preview")), T = r(() => S.value ? C.value : y.value), D = r(() => T.value.src), M = r(() => I(T.value.type, T.value.src)), N = r(() => y.value.width), P = r(() => y.value.height), F = r(() => B(v.value)), L = w(!1), R = r(() => L.value ? null : F.value), { effectivePreviewState: G, failSourceAttempt: K, imageElement: ee, markSourceReady: q, noteSourceActivity: J, retrySource: te, retrying: ne, sourceGeneration: re, mediaElement: ie } = Ft({
+		let p = r(() => H(l.item)), g = r(() => U(l.item, l.mediaIndex)), v = r(() => W(l.item, g.value)), y = r(() => z(v.value, l.mediaSource ?? "preview")), x = r(() => I(v.value.type, v.value.src)), S = r(() => x.value === "audio"), C = r(() => V(v.value, l.mediaSource ?? "preview")), T = r(() => S.value ? C.value : y.value), D = r(() => T.value.src), M = r(() => I(T.value.type, T.value.src)), N = r(() => y.value.width), P = r(() => y.value.height), F = r(() => B(v.value)), L = w(!1), R = r(() => L.value ? null : F.value), { effectivePreviewState: G, failSourceAttempt: K, imageElement: q, markSourceReady: J, noteSourceActivity: Y, retrySource: ee, retrying: te, sourceGeneration: ne, mediaElement: re } = Ft({
 			identity: () => `${l.item.postId}:${g.value}:${l.mediaSource ?? "preview"}:${D.value}:${M.value ?? ""}`,
 			mediaIndex: () => g.value,
 			onError: (e) => d("error", e),
@@ -1464,15 +1471,15 @@ var Ut = [
 			mediaReady: () => G.value === "ready",
 			mediaSource: () => l.mediaSource ?? "preview"
 		});
-		let { currentTime: ae, duration: oe, effectiveMuted: Y, 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({
+		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({
 			active: () => l.active,
 			inViewport: () => l.inViewport === !0,
 			layout: () => l.layout,
 			mediaCard: () => l.mediaCard,
-			mediaElement: ie,
+			mediaElement: re,
 			onAudioChange: (e) => d("reelAudioChange", e),
 			onEnded: () => d("ended", g.value),
-			onReady: q,
+			onReady: J,
 			reelAudioState: () => l.reelAudioState
 		}), ge = r(() => l.interactive && !!(l.cardHeader || l.cardFooter));
 		function _e(e) {
@@ -1489,13 +1496,13 @@ var Ut = [
 			layout: () => l.layout,
 			mediaSource: () => D.value,
 			mediaType: () => M.value,
-			mediaElement: ie
+			mediaElement: re
 		}), Ee = r(() => l.layout === "reel" && l.stationaryReelControls === !0), De = r(() => we.value && (!S.value || l.layout === "reel") && G.value === "ready" && (!Ee.value || !!(l.active && l.reelControlsTarget))), Oe = r(() => `${l.item.postId}:${g.value}:${D.value}`);
 		function ke(e) {
 			l.layout === "reel" && (e.stopPropagation(), me());
 		}
 		function Ae() {
-			L.value = !0, l.layout === "masonry" && q();
+			L.value = !0, l.layout === "masonry" && J();
 		}
 		return O(() => F.value?.src, () => {
 			L.value = !1;
@@ -1504,7 +1511,7 @@ var Ut = [
 			() => l.layout,
 			R
 		], ([e, t, n]) => {
-			e && t === "masonry" && !n && m(() => q());
+			e && t === "masonry" && !n && m(() => J());
 		}, { immediate: !0 }), (r, i) => (b(), s("article", {
 			"data-post-id": e.item.postId,
 			"data-media-index": g.value,
@@ -1516,7 +1523,7 @@ var Ut = [
 			}]),
 			style: _(e.itemStyle),
 			"aria-hidden": e.leaving || void 0,
-			"aria-busy": E(G) === "loading" || E(ne),
+			"aria-busy": E(G) === "loading" || E(te),
 			inert: e.leaving || void 0,
 			role: e.interactive && !e.leaving && !ge.value ? "button" : void 0,
 			tabindex: e.interactive && !e.leaving && !ge.value ? 0 : void 0,
@@ -1554,11 +1561,11 @@ var Ut = [
 				onTouchendPassive: i[33] ||= (...e) => E(be) && E(be)(...e)
 			}, [
 				u(n, {
-					css: !E(ne),
+					css: !E(te),
 					name: `media-slide-${E(ye)}`
 				}, {
 					default: k(() => [(b(), s("div", {
-						key: `${e.item.postId}:${v.value.src}:${e.mediaSource ?? "preview"}:${E(re)}`,
+						key: `${e.item.postId}:${v.value.src}:${e.mediaSource ?? "preview"}:${E(ne)}`,
 						class: "media-card-frame",
 						"data-media-index": g.value
 					}, [
@@ -1566,9 +1573,9 @@ var Ut = [
 							key: 1,
 							component: e.mediaCard?.error?.component,
 							label: E(tt)(D.value),
-							retrying: E(ne),
+							retrying: E(te),
 							status: E(et)(D.value),
-							onRetry: E(te)
+							onRetry: E(ee)
 						}, null, 8, [
 							"component",
 							"label",
@@ -1579,31 +1586,31 @@ var Ut = [
 						S.value && e.layout === "reel" ? (b(), s("audio", {
 							key: 2,
 							ref_key: "mediaElement",
-							ref: ie,
-							"data-source-generation": E(re),
+							ref: re,
+							"data-source-generation": E(ne),
 							class: "media-audio-element",
 							src: D.value,
 							autoplay: E(ue),
 							loop: !e.advanceOnMediaEnd,
-							muted: E(Y),
+							muted: E(X),
 							preload: E(Te),
-							onLoadedmetadata: i[0] ||= (...e) => E(Z) && E(Z)(...e),
-							onProgress: i[1] ||= (...e) => E(J) && E(J)(...e),
-							onLoadeddata: i[2] ||= (...e) => E(J) && E(J)(...e),
-							onCanplay: i[3] ||= (...e) => E(J) && E(J)(...e),
+							onLoadedmetadata: i[0] ||= (...e) => E(ce) && E(ce)(...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),
 							onDurationchange: i[4] ||= (...e) => E(Q) && E(Q)(...e),
 							onTimeupdate: i[5] ||= (...e) => E(Q) && E(Q)(...e),
 							onVolumechange: i[6] ||= (...e) => E(Q) && E(Q)(...e),
 							onPlaying: i[7] ||= (...e) => E(le) && E(le)(...e),
-							onPause: i[8] ||= (e) => ce.value = !1,
-							onEnded: i[9] ||= (...e) => E(X) && E(X)(...e),
+							onPause: i[8] ||= (e) => se.value = !1,
+							onEnded: i[9] ||= (...e) => E(Z) && E(Z)(...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(ce) ? "Pause audio" : "Play audio" : "Audio",
+							"aria-label": e.layout === "reel" ? E(se) ? "Pause audio" : "Play audio" : "Audio",
 							disabled: e.layout !== "reel",
 							onClick: ke
 						}, [R.value ? (b(), s("img", {
@@ -1616,7 +1623,7 @@ var Ut = [
 							alt: "",
 							decoding: "async",
 							loading: E(Ce),
-							onLoad: i[11] ||= (t) => e.layout === "masonry" && E(q)(t),
+							onLoad: i[11] ||= (t) => e.layout === "masonry" && E(J)(t),
 							onError: Ae
 						}, null, 40, Xt)) : (b(), s("span", Zt, [u(E(Je), {
 							size: 64,
@@ -1624,8 +1631,8 @@ var Ut = [
 						})]))], 10, Yt)) : E(we) ? (b(), s("video", {
 							key: 4,
 							ref_key: "mediaElement",
-							ref: ie,
-							"data-source-generation": E(re),
+							ref: re,
+							"data-source-generation": E(ne),
 							class: h(["media-preview", {
 								"media-preview--ready": E(G) === "ready",
 								"media-preview--reel-video": e.layout === "reel"
@@ -1635,26 +1642,26 @@ var Ut = [
 							height: P.value ?? void 0,
 							autoplay: E(ue),
 							loop: !e.advanceOnMediaEnd,
-							muted: E(Y),
+							muted: E(X),
 							playsinline: "",
 							preload: E(Te),
-							onLoadedmetadata: i[12] ||= (...e) => E(Z) && E(Z)(...e),
-							onProgress: i[13] ||= (...e) => E(J) && E(J)(...e),
-							onLoadeddata: i[14] ||= (...e) => E(J) && E(J)(...e),
-							onCanplay: i[15] ||= (...e) => E(J) && E(J)(...e),
+							onLoadedmetadata: i[12] ||= (...e) => E(ce) && E(ce)(...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),
 							onDurationchange: i[16] ||= (...e) => E(Q) && E(Q)(...e),
 							onTimeupdate: i[17] ||= (...e) => E(Q) && E(Q)(...e),
 							onVolumechange: i[18] ||= (...e) => E(Q) && E(Q)(...e),
 							onPlaying: i[19] ||= (...e) => E(le) && E(le)(...e),
-							onPause: i[20] ||= (e) => ce.value = !1,
-							onEnded: i[21] ||= (...e) => E(X) && E(X)(...e),
+							onPause: i[20] ||= (e) => se.value = !1,
+							onEnded: i[21] ||= (...e) => E(Z) && E(Z)(...e),
 							onClick: ke,
 							onError: i[22] ||= (...e) => E(K) && E(K)(...e)
 						}, null, 42, Qt)) : S.value ? o("", !0) : (b(), s("img", {
 							key: 5,
 							ref_key: "imageElement",
-							ref: ee,
-							"data-source-generation": E(re),
+							ref: q,
+							"data-source-generation": E(ne),
 							class: h(["media-preview", { "media-preview--ready": E(G) === "ready" }]),
 							src: D.value,
 							width: N.value ?? void 0,
@@ -1663,7 +1670,7 @@ var Ut = [
 							alt: "",
 							decoding: "async",
 							loading: E(Ce),
-							onLoad: i[23] ||= (...e) => E(q) && E(q)(...e),
+							onLoad: i[23] ||= (...e) => E(J) && E(J)(...e),
 							onError: i[24] ||= (...e) => E(K) && E(K)(...e)
 						}, null, 42, $t))
 					], 8, Kt))]),
@@ -1691,13 +1698,13 @@ var Ut = [
 				}, {
 					default: k(() => [De.value ? (b(), a(ht, {
 						key: Oe.value,
-						"current-time": E(ae),
+						"current-time": E(ie),
 						"data-control-post-id": Ee.value ? e.item.postId : void 0,
-						duration: E(oe),
+						duration: E(ae),
 						layout: e.layout,
 						"media-type": S.value ? "audio" : "video",
-						muted: E(se),
-						playing: E(ce),
+						muted: E(oe),
+						playing: E(se),
 						volume: E(he),
 						onSeek: E(de),
 						onToggleMute: E(pe),
@@ -1821,7 +1828,10 @@ function sn(e) {
 				additionalHeight: e.additionalHeight.value,
 				gap: e.gap.value,
 				minColumnWidth: e.minColumnWidth.value
-			}, r, a, { untilIndex: a + on }), n, a, r), t.value += 1;
+			}, r, a, {
+				throughIndex: e.packThroughIndex(),
+				untilIndex: a + on
+			}), n, a, r), t.value += 1;
 		}));
 	}
 	let h = r(() => {
@@ -1834,7 +1844,10 @@ function sn(e) {
 		if (g && l && d === s && a === h.gap && n === h.additionalHeight && o === h.minColumnWidth) {
 			let t = 0, n = l, i = Math.min(n.length, r.length);
 			for (; t < i && n[t] === r[t];) t += 1;
-			return t === r.length && t === n.length ? (g.items.length > 0 && g.items.length < r.length && m(), g) : (f(), p(_e(r, s, h, g, t, { untilBottom: e.packUntilBottom() }), r, t, g));
+			return t === r.length && t === n.length ? (g.items.length > 0 && g.items.length < r.length && m(), g) : (f(), p(_e(r, s, h, g, t, {
+				throughIndex: e.packThroughIndex(),
+				untilBottom: e.packUntilBottom()
+			}), r, t, g));
 		}
 		f();
 		let _ = ge(r, s, h);
@@ -1850,7 +1863,10 @@ function sn(e) {
 				additionalHeight: e.additionalHeight.value,
 				gap: e.gap.value,
 				minColumnWidth: e.minColumnWidth.value
-			}, a, o, { untilBottom: n }), r, o, a), t.value += 1;
+			}, a, o, {
+				throughIndex: e.packThroughIndex(),
+				untilBottom: n
+			}), r, o, a), t.value += 1;
 		},
 		layout: h,
 		reservedHeight: () => c,
@@ -1904,71 +1920,85 @@ var cn = { class: "masonry-feed-shell" }, ln = ["aria-hidden", "inert"], un = {
 			additionalHeight: (d.cardHeader?.height ?? 0) + (d.cardFooter?.height ?? 0),
 			gap: x.value,
 			minColumnWidth: Ee(d.masonry)
-		}));
-		function z() {
-			return N - k.value + C.value + De(d.masonry, C.value);
+		})), z = [];
+		function B() {
+			let e = N - k.value + C.value + De(d.masonry, C.value), t = M.value.reduce((e, t) => {
+				let n = z[t];
+				return n ? Math.max(e, n.y + n.height) : e;
+			}, 0);
+			return Math.max(e, t);
+		}
+		function V() {
+			return M.value.reduce((e, t) => Math.max(e, t), -1);
 		}
-		let B = sn({
+		let H = sn({
 			additionalHeight: r(() => R.value.additionalHeight),
 			gap: x,
 			items: () => d.items,
 			minColumnWidth: r(() => R.value.minColumnWidth),
-			packUntilBottom: z,
+			packThroughIndex: V,
+			packUntilBottom: B,
 			width: y
-		}), V = B.layout, H = B.viewportIndex, U = r(() => d.leavingPostIds.size === 0 ? null : ve(d.items, y.value, R.value, V.value, (e) => d.leavingPostIds.has(d.items[e].postId), z())), W = r(() => {
-			let e = U.value;
+		}), U = H.layout, W = H.viewportIndex, K = r(() => d.leavingPostIds.size === 0 ? null : ve(d.items, y.value, R.value, U.value, (e) => d.leavingPostIds.has(d.items[e].postId), {
+			throughIndex: V(),
+			untilBottom: B()
+		})), q = r(() => {
+			let e = K.value;
 			return e ? {
 				columns: e.columns,
 				height: e.height,
 				items: e.items
-			} : V.value;
-		}), K = r(() => {
-			let e = U.value;
-			return e ? Ce(e.items, e.retainedIndices, H.value, e.fromIndex) : null;
-		}), ee = r(() => (V.value, Math.max(T.value, B.reservedHeight(), d.leavingPostIds.size === 0 ? W.value.height : V.value.height))), q = r(() => ({ height: `${ee.value}px` })), J = r(() => !d.infiniteScroll || C.value > 0 && k.value + W.value.height <= C.value + 1), te = r(() => new Set(j.value)), ne = r(() => M.value.flatMap((e) => {
-			let t = d.items[e];
-			return t ? [{
-				fetchPriority: te.value.has(e) ? "high" : "low",
+			} : U.value;
+		}), J = r(() => {
+			let e = K.value;
+			return e ? Ce(e.items, e.retainedIndices, W.value, e.fromIndex) : null;
+		}), Y = r(() => (U.value, Math.max(T.value, H.reservedHeight(), d.leavingPostIds.size === 0 ? q.value.height : U.value.height))), ee = r(() => ({ height: `${Y.value}px` })), te = r(() => !d.infiniteScroll || C.value > 0 && k.value + q.value.height <= C.value + 1), ne = r(() => new Set(j.value)), re = r(() => M.value.flatMap((e) => {
+			let t = d.items[e], n = q.value.items[e];
+			return !t || !n || n.width <= 0 || n.height <= 0 ? [] : [{
+				fetchPriority: ne.value.has(e) ? "high" : "low",
 				index: e,
 				item: t
-			}] : [];
+			}];
 		}));
-		function re(e, t) {
+		function ae(e, t) {
 			return [...new Set([...e, ...t])].sort((e, t) => e - t);
 		}
-		function ie(e, t) {
+		function X(e, t) {
 			return e.length === t.length && e.every((e, n) => e === t[n]);
 		}
 		function oe(e) {
 			let t = {
 				scrollTop: N - k.value,
 				viewportHeight: C.value
-			}, n = K.value, r = Te(n ?? H.value, {
+			}, n = J.value, r = Te(n ?? W.value, {
 				...t,
 				overscan: e
 			}).indices;
-			return re(r, d.leavingPostIds.size === 0 ? [] : Te(H.value, {
+			return ae(r, d.leavingPostIds.size === 0 ? [] : Te(W.value, {
 				...t,
 				overscan: e
-			}).indices);
+			}).indices.filter((e) => {
+				let t = d.items[e];
+				return t !== void 0 && d.leavingPostIds.has(t.postId);
+			}));
 		}
-		function Y() {
+		function Z() {
 			let e = oe(0), t = oe(De(d.masonry, C.value));
-			ie(j.value, e) || (j.value = e);
-			let n = fe(W.value.items, e.filter((e) => {
+			X(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);
 			}), {
 				scrollTop: N - k.value,
 				viewportHeight: C.value
 			});
-			ie(A.value, n) || (A.value = n), ie(M.value, t) || (M.value = t);
+			X(A.value, n) || (A.value = n), X(M.value, t) || (M.value = t);
 		}
-		function se() {
+		function ce() {
 			if (L !== null) return;
 			L = -1;
 			let e = requestAnimationFrame(() => {
-				L = null, Y();
+				L = null, Z();
 			});
 			L !== null && (L = e);
 		}
@@ -1981,11 +2011,11 @@ var cn = { class: "masonry-feed-shell" }, ln = ["aria-hidden", "inert"], un = {
 			previewStates: () => d.previewStates,
 			visibleIndices: () => j.value
 		});
-		function X(e) {
-			let t = W.value.items[e], n = d.items[e]?.postId;
-			if (!t) return {};
+		function ue(e) {
+			let t = q.value.items[e], n = d.items[e]?.postId;
+			if (!t || t.width <= 0 || t.height <= 0) return {};
 			let r = n !== void 0 && d.enteringPostIds.has(n), i = n !== void 0 && d.leavingPostIds.has(n), a = r || i ? le({
-				containerHeight: Math.max(T.value, V.value.height),
+				containerHeight: Math.max(T.value, U.value.height),
 				gap: x.value
 			}) : 0, o = n === void 0 ? 0 : i ? d.removalDelays.get(n) ?? 0 : r ? d.entryDelays.get(n) ?? 0 : 0;
 			return {
@@ -1995,51 +2025,53 @@ var cn = { class: "masonry-feed-shell" }, ln = ["aria-hidden", "inert"], un = {
 				transform: `translate3d(${t.x}px, ${t.y + a}px, 0)`
 			};
 		}
-		function Z() {
+		function de() {
 			let e = p.value;
 			if (!e) return;
 			N = e.scrollTop, C.value = e.clientHeight;
 			let t = e.ownerDocument.defaultView?.getComputedStyle(e), n = (Number.parseFloat(t?.paddingTop ?? "") || 0) + (Number.parseFloat(t?.paddingBottom ?? "") || 0);
 			T.value = Math.max(0, e.clientHeight - n);
 			let r = g.value;
-			r && (k.value = r.getBoundingClientRect().top - e.getBoundingClientRect().top + e.scrollTop, Y());
+			r && (k.value = r.getBoundingClientRect().top - e.getBoundingClientRect().top + e.scrollTop, Z());
 		}
-		function ue(e) {
+		function Q(e) {
 			let t = e.ownerDocument.documentElement.clientWidth;
-			y.value = e.clientWidth, x.value = Math.min(fn, Math.max(dn, t * .0075)), Z();
+			y.value = e.clientWidth, x.value = Math.min(fn, Math.max(dn, t * .0075)), de();
 		}
-		function de(e) {
+		function pe(e) {
 			let t = e.currentTarget;
-			t && (N = t.scrollTop, B.ensurePackedThrough(z()), se(), Date.now() >= l && !d.loadMoreLocked && d.infiniteScroll && ce(t) && f("loadMore"));
+			t && (N = t.scrollTop, H.ensurePackedThrough(B()), ce(), Date.now() >= l && !d.loadMoreLocked && d.infiniteScroll && se(t) && f("loadMore"));
 		}
-		function Q() {
+		function me() {
 			let e = p.value;
-			Date.now() >= l && !d.loadMoreLocked && e && ce(e) && f("loadMore");
+			Date.now() >= l && !d.loadMoreLocked && e && se(e) && f("loadMore");
 		}
 		O(() => d.items.length, (e, t) => {
 			e > 0 && e < t && (l = Date.now() + pn);
 		});
-		function pe() {
+		function he() {
 			return p.value;
 		}
 		return O(g, (e) => {
-			P?.disconnect(), P = null, I !== null && cancelAnimationFrame(I), e && (ue(e), !(typeof ResizeObserver > "u") && (P = new ResizeObserver(([t]) => {
+			P?.disconnect(), P = null, I !== null && cancelAnimationFrame(I), e && (Q(e), !(typeof ResizeObserver > "u") && (P = new ResizeObserver(([t]) => {
 				let n = t?.contentRect.width ?? e.clientWidth;
 				Math.abs(n - y.value) < .5 || (I = requestAnimationFrame(() => {
-					I = null, ue(e);
+					I = null, Q(e);
 				}));
 			}), P.observe(e)));
 		}), O(p, (e) => {
-			F?.disconnect(), F = null, e && (Z(), !(typeof ResizeObserver > "u") && (F = new ResizeObserver(Z), F.observe(e)));
-		}), O([
-			V,
-			W,
+			F?.disconnect(), F = null, e && (de(), !(typeof ResizeObserver > "u") && (F = new ResizeObserver(de), F.observe(e)));
+		}), O(q, (e) => {
+			z = e.items;
+		}, { flush: "sync" }), O([
+			U,
+			q,
 			() => d.masonry
-		], Y, { flush: "post" }), v(() => {
+		], Z, { flush: "post" }), v(() => {
 			P?.disconnect(), F?.disconnect(), I !== null && cancelAnimationFrame(I), L !== null && cancelAnimationFrame(L);
 		}), n({
-			getScrollElement: pe,
-			loadIfNearBottom: Q
+			getScrollElement: he,
+			loadIfNearBottom: me
 		}), (n, r) => (b(), s("div", cn, [
 			c("main", {
 				id: m,
@@ -2049,14 +2081,14 @@ var cn = { class: "masonry-feed-shell" }, ln = ["aria-hidden", "inert"], un = {
 				"data-layout-mode": "masonry",
 				"aria-hidden": t.suspended || void 0,
 				inert: t.suspended || void 0,
-				onScrollPassive: de
+				onScrollPassive: pe
 			}, [c("section", {
 				ref_key: "masonryElement",
 				ref: g,
 				class: h(["masonry", { "masonry--ready": y.value > 0 }]),
-				style: _(q.value),
+				style: _(ee.value),
 				"aria-label": "Media gallery"
-			}, [(b(!0), s(e, null, S(ne.value, ({ fetchPriority: e, item: n, index: r }) => (b(), a(rn, {
+			}, [(b(!0), s(e, null, S(re.value, ({ fetchPriority: e, item: n, index: r }) => (b(), a(rn, {
 				key: n.postId,
 				class: "masonry-item",
 				entering: t.enteringPostIds.has(n.postId),
@@ -2065,10 +2097,10 @@ var cn = { class: "masonry-feed-shell" }, ln = ["aria-hidden", "inert"], un = {
 				"card-footer": t.cardFooter,
 				"card-header": t.cardHeader,
 				"media-card": t.mediaCard,
-				"in-viewport": te.value.has(r),
+				"in-viewport": ne.value.has(r),
 				index: r,
 				item: n,
-				"item-style": X(r),
+				"item-style": ue(r),
 				interactive: "",
 				layout: "masonry",
 				"loaded-count": t.items.length,
@@ -2099,7 +2131,7 @@ var cn = { class: "masonry-feed-shell" }, ln = ["aria-hidden", "inert"], un = {
 				"onReady",
 				"onError"
 			]))), 128))], 6)], 42, ln),
-			t.feedFooter || t.isLoadingMore || t.nextPageError || t.hasNext && J.value || !t.hasNext && t.canRetryEnd ? (b(), s("div", un, [u(ae, {
+			t.feedFooter || t.isLoadingMore || t.nextPageError || t.hasNext && te.value || !t.hasNext && t.canRetryEnd ? (b(), s("div", un, [u(ie, {
 				actions: t.feedFooterActions,
 				"can-retry-end": t.canRetryEnd,
 				"feed-footer": t.feedFooter,
@@ -2107,7 +2139,7 @@ var cn = { class: "masonry-feed-shell" }, ln = ["aria-hidden", "inert"], un = {
 				"has-next": t.hasNext,
 				"is-loading": t.isLoadingMore,
 				"load-more-locked": t.loadMoreLocked,
-				"show-load-more": J.value,
+				"show-load-more": te.value,
 				state: t.state,
 				onLoadMore: r[0] ||= (e) => f("loadMore"),
 				onRetryEnd: r[1] ||= (e) => f("retryEnd")
@@ -2123,7 +2155,7 @@ var cn = { class: "masonry-feed-shell" }, ln = ["aria-hidden", "inert"], un = {
 				"state"
 			])])) : o("", !0),
 			u(Ie, {
-				"content-size": W.value.height,
+				"content-size": q.value.height,
 				"controls-id": m,
 				"scroll-element": p.value,
 				suspended: t.suspended
@@ -2227,7 +2259,7 @@ var _n = ["aria-label"], vn = /* @__PURE__ */ d({
 		}), z = r(() => {
 			let e = F.value;
 			return e === void 0 ? "loading" : u.previewStates.get(G(e, R.value)) ?? "loading";
-		}), B = r(() => I.value ? W(I.value, R.value) : null), U = r(() => B.value ? V(B.value, u.mediaSource ?? "preview") : null), K = r(() => z.value === "ready" && !!(U.value && L(U.value.type, U.value.src))), ee = r(() => [
+		}), B = r(() => I.value ? W(I.value, R.value) : null), U = r(() => B.value ? V(B.value, u.mediaSource ?? "preview") : null), K = r(() => z.value === "ready" && !!(U.value && L(U.value.type, U.value.src))), q = r(() => [
 			F.value,
 			R.value,
 			u.items.length,
@@ -2235,47 +2267,47 @@ var _n = ["aria-label"], vn = /* @__PURE__ */ d({
 			u.reelAutoAdvance.enabled,
 			u.reelAutoAdvance.includePostItems,
 			u.reelAutoAdvance.intervalMs
-		].join(":")), q = r(() => {
+		].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`;
-		}), J = r(() => u.reelAutoAdvance.enabled && u.reelForward.status === "idle" && I.value !== void 0 && z.value !== "loading" && !K.value), te = r(() => !u.infiniteScroll || u.items.length <= 1), ne = 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 re(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 === "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) {
 			return { gridRow: `${e + 1}` };
 		}
-		function ie(e) {
+		function re(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 oe(e) {
+		function ae(e) {
 			let t = e.currentTarget;
 			if (!t) return;
 			let n = k || t.clientHeight, r = Math.max(0, u.items.length - 1) * n;
-			C.value = u.items.length > 0 && t.scrollTop > r + 1, D.value || (x.value = ie(t)), Date.now() >= l && !u.loadMoreLocked && u.infiniteScroll && ce(t) && d("loadMore");
+			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");
 		}
-		function Y() {
+		function X() {
 			let e = f.value;
-			e && (C.value = !1, Z(!0), k = e.clientHeight, e.scrollTop = x.value * k, j !== null && cancelAnimationFrame(j), j = requestAnimationFrame(() => {
+			e && (C.value = !1, ce(!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;
-			}), se());
+			}), oe());
 		}
-		function se() {
+		function oe() {
 			M !== null && clearTimeout(M), M = setTimeout(() => {
 				M = null;
 				let e = f.value;
-				e && (k = e.clientHeight, e.scrollTop = x.value * k), Z(!1);
+				e && (k = e.clientHeight, e.scrollTop = x.value * k), ce(!1);
 			}, 120);
 		}
-		function X() {
-			Z(!0);
+		function Z() {
+			ce(!0);
 			let e = f.value;
-			e && (k = e.clientHeight, e.scrollTop = x.value * k), se();
+			e && (k = e.clientHeight, e.scrollTop = x.value * k), oe();
 		}
-		function Z(e) {
+		function ce(e) {
 			D.value = e, f.value?.toggleAttribute("data-resizing", e);
 		}
 		function le() {
 			let e = f.value;
-			Date.now() >= l && !u.loadMoreLocked && e && ce(e) && d("loadMore");
+			Date.now() >= l && !u.loadMoreLocked && e && se(e) && d("loadMore");
 		}
 		O(() => u.items.length, (e, t) => {
 			e > 0 && e < t && (l = Date.now() + Cn);
@@ -2334,16 +2366,16 @@ var _n = ["aria-label"], vn = /* @__PURE__ */ d({
 			!u.reelAutoAdvance.enabled || e !== F.value || t !== R.value || !K.value || _e();
 		}
 		return O(f, (e) => {
-			A?.disconnect(), A = null, e && (k = e.clientHeight, !(typeof ResizeObserver > "u") && (A = new ResizeObserver(Y), A.observe(e)));
+			A?.disconnect(), A = null, e && (k = e.clientHeight, !(typeof ResizeObserver > "u") && (A = new ResizeObserver(X), 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(), Y();
+			x.value = n >= 0 ? n : Math.min(x.value, Math.max(0, e - 1)), await m(), X();
 		}), O(F, (e) => {
 			e !== void 0 && d("activeChange", e);
 		}, { immediate: !0 }), y(() => {
-			window.addEventListener("resize", X), window.addEventListener("orientationchange", X), g >= 0 && m(Y);
+			window.addEventListener("resize", Z), window.addEventListener("orientationchange", Z), g >= 0 && m(X);
 		}), v(() => {
-			window.removeEventListener("resize", X), window.removeEventListener("orientationchange", X), A?.disconnect(), j !== null && cancelAnimationFrame(j), M !== null && clearTimeout(M);
+			window.removeEventListener("resize", Z), window.removeEventListener("orientationchange", Z), A?.disconnect(), j !== null && cancelAnimationFrame(j), M !== null && clearTimeout(M);
 		}), n({
 			activeIndex: x,
 			activePostId: F,
@@ -2388,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: oe
+				onScrollPassive: ae
 			}, [t.reelForward.status === "idle" ? (b(), s("section", {
 				key: 1,
 				class: "reel-track",
@@ -2403,7 +2435,7 @@ var _n = ["aria-label"], vn = /* @__PURE__ */ d({
 				"fetch-priority": e,
 				index: i,
 				item: n,
-				"item-style": re(i),
+				"item-style": ne(i),
 				"media-card": t.mediaCard,
 				layout: "reel",
 				"loaded-count": t.items.length,
@@ -2443,12 +2475,12 @@ 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(ne.value), 1), t.reelForward.status === "error" || t.reelForward.status === "end" ? (b(), s("button", {
+			}, [c("p", null, T(te.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) => d("retryForward")
-			}, " Retry ")) : o("", !0)], 8, xn)), t.reelForward.status === "idle" ? (b(), a(ae, {
+			}, " Retry ")) : o("", !0)], 8, xn)), t.reelForward.status === "idle" ? (b(), a(ie, {
 				key: 2,
 				actions: t.feedFooterActions,
 				"can-retry-end": t.canRetryEnd,
@@ -2457,7 +2489,7 @@ var _n = ["aria-label"], vn = /* @__PURE__ */ d({
 				"has-next": t.hasNext,
 				"is-loading": t.isLoadingMore,
 				"load-more-locked": t.loadMoreLocked,
-				"show-load-more": te.value,
+				"show-load-more": ee.value,
 				state: t.state,
 				onLoadMore: r[2] ||= (e) => d("loadMore"),
 				onRetryEnd: r[3] ||= (e) => d("retryEnd")
@@ -2499,10 +2531,10 @@ var _n = ["aria-label"], vn = /* @__PURE__ */ d({
 				"style",
 				"total"
 			])) : o("", !0),
-			J.value ? (b(), a(vn, {
-				key: ee.value,
+			Y.value ? (b(), a(vn, {
+				key: q.value,
 				"duration-ms": t.reelAutoAdvance.intervalMs,
-				label: q.value,
+				label: J.value,
 				onComplete: _e
 			}, null, 8, ["duration-ms", "label"])) : o("", !0)
 		], 2));
@@ -2902,7 +2934,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(() => ee(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 } = Mn(l.state, {
 			fullyVisible: (e) => d("mediaFullyVisible", e),
 			ready: (e) => d("mediaReady", e),
 			reelChange: (e) => d("reelMediaChange", e),
@@ -2911,71 +2943,71 @@ var Ln = 35, Rn = 420, zn = /* @__PURE__ */ d({
 		function K() {
 			return typeof window.matchMedia == "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
 		}
-		function q() {
+		function J() {
 			V !== null && cancelAnimationFrame(V), V = requestAnimationFrame(() => {
 				V = requestAnimationFrame(() => {
 					V = null, y.value = /* @__PURE__ */ new Set();
 				});
 			});
 		}
-		function J(e, t) {
+		function Y(e, t) {
 			let n = l.state.items.find((t) => t.postId === e);
 			if (!n) return;
 			let r = U(n, t);
 			(l.state.mediaIndices.get(e) ?? 0) !== r && (l.state.mediaIndices = new Map(l.state.mediaIndices).set(e, r));
 		}
-		async function te() {
+		async function ee() {
 			await m(), (l.state.layout === "reel" || l.state.reelOrigin === "masonry" ? p.value : f.value)?.loadIfNearBottom();
 		}
-		function ne(e) {
+		function te(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 re(e) {
+		function ne(e) {
 			return l.state.isLoading || l.state.items.length === 0 || l.state.layout !== "reel" && l.state.reelOrigin !== "masonry" ? !1 : p.value?.moveActivePost?.(e) ?? !1;
 		}
-		function ie(e) {
+		function re(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 = H(t).findIndex((t) => t.mediaId === e.mediaId);
 			return n < 0 ? "not-found" : p.value?.navigateToItem?.(e.postId, n) ? "navigated" : "reel-inactive";
 		}
-		function ae() {
+		function ie() {
 			return l.state.layout !== "masonry" || l.state.reelOrigin === "masonry" ? null : f.value?.getScrollElement?.() ?? null;
 		}
-		function oe(e, t) {
+		function ae(e, t) {
 			W = e, G = t === "keyboard", d("openReel", e), m(() => h.value?.focus());
 		}
-		function Y(e) {
+		function X(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, t) {
+		function se(e, t) {
 			if (l.state.layout !== "masonry" || l.state.reelOrigin !== null || K()) return 0;
-			let n = [...new Set(e)], r = n.filter(Y);
+			let n = [...new Set(e)], r = n.filter(X);
 			if (r.length === 0) return 0;
 			let i = new Map(C.value), a = t?.staggerMs ?? Ln;
 			return r.forEach((e, t) => {
 				i.set(e, t * a);
 			}), y.value = new Set([...y.value].filter((e) => !r.includes(e))), S.value = new Set([...S.value, ...n]), C.value = i, Rn + (r.length - 1) * a;
 		}
-		function X(e, t) {
-			let n = Y(e), r = n?.querySelector(".media-card-activator") ?? n;
+		function Z(e, t) {
+			let n = X(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 Z() {
+		function ce() {
 			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 && X(e, t);
+				e !== null && Z(e, t);
 			});
 		}
 		return In({
-			closeMasonryReel: Z,
+			closeMasonryReel: ce,
 			element: () => g.value,
 			isReelLeaving: () => _.value,
 			reelRenderer: () => p.value,
@@ -2993,17 +3025,17 @@ var Ln = 35, Rn = 420, zn = /* @__PURE__ */ d({
 				t !== void 0 && i.set(e, t);
 			}), n.forEach((e, t) => {
 				i.set(e, t * Ln);
-			}), x.value = i, y.value = new Set([...y.value, ...n]), q();
+			}), x.value = i, y.value = new Set([...y.value, ...n]), J();
 		}, { flush: "sync" }), v(() => {
 			V !== null && cancelAnimationFrame(V);
 		}), i({
-			changeActiveReelMedia: ne,
-			getAutoScrollElement: ae,
-			loadIfNearBottom: te,
-			moveActiveReelPost: re,
-			navigateToReelItem: ie,
+			changeActiveReelMedia: te,
+			getAutoScrollElement: ie,
+			loadIfNearBottom: ee,
+			moveActiveReelPost: ne,
+			navigateToReelItem: re,
 			resetMediaLifecycle: z,
-			startItemRemoval: ce,
+			startItemRemoval: se,
 			transitionActiveReelMedia: (e) => p.value?.transitionActiveMedia?.(e) ?? Promise.resolve(!1),
 			transitionActiveReelPost: (e) => p.value?.transitionActivePost?.(e) ?? Promise.resolve(!1)
 		}), (r, i) => (b(), s("div", {
@@ -3045,12 +3077,12 @@ var Ln = 35, Rn = 420, zn = /* @__PURE__ */ d({
 			onCloseInfoSheet: i[1] ||= (e) => d("reelInfoSheetChange", !1),
 			onError: E(P),
 			onLoadMore: i[2] ||= (e) => d("loadMore"),
-			onMediaChange: J,
+			onMediaChange: Y,
 			onReady: E(F),
 			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(se, {
+		}, 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, {
 			key: 1,
 			actions: t.feedFooterActions,
 			"can-retry-end": t.canRetryEnd,
@@ -3088,11 +3120,11 @@ var Ln = 35, Rn = 420, zn = /* @__PURE__ */ d({
 			suspended: t.state.reelOrigin === "masonry" || _.value,
 			state: D.value,
 			total: t.state.total,
-			onActivate: oe,
+			onActivate: ae,
 			onError: E(M),
 			onFullyVisible: E(A),
 			onLoadMore: i[8] ||= (e) => d("loadMore"),
-			onMediaChange: J,
+			onMediaChange: Y,
 			onReady: E(N),
 			onRetryEnd: i[9] ||= (e) => d("retryEnd"),
 			onVisible: E(j)
@@ -3143,7 +3175,7 @@ var Ln = 35, Rn = 420, zn = /* @__PURE__ */ d({
 				onCloseInfoSheet: i[11] ||= (e) => d("reelInfoSheetChange", !1),
 				onError: E(P),
 				onLoadMore: i[12] ||= (e) => d("loadMore"),
-				onMediaChange: J,
+				onMediaChange: Y,
 				onReady: E(F),
 				onRetryEnd: i[13] ||= (e) => d("retryEnd"),
 				onRetryForward: i[14] ||= (e) => d("retryForward"),
@@ -4987,7 +5019,7 @@ var Di = class {
 		this.restoreController?.abort(), this.restoreController = null, this.autoScroll.destroy(), this.fillController.destroy(), this.cancelRequest(), this.reelForward.reset(), this.reelRemoval.reset(), this.exactMediaRemoval.reset(), this.itemRemoval.destroy(), this.removalReconciliation.reset(), this.responsiveLayout.destroy(), this.stopStateWatcher?.(), this.stopStateWatcher = null, this.app?.unmount(), this.app = null, this.surface = null;
 	}
 	getState() {
-		return ee(this.state);
+		return q(this.state);
 	}
 	getReelAudioState() {
 		return this.reelAudio.get();
@@ -5244,7 +5276,7 @@ var Di = class {
 	}
 	startStateNotifications() {
 		let e = this.options.onStateChange;
-		!e || this.stopStateWatcher || (e(ee(this.state, this.notificationItems.value)), this.stopStateWatcher = O(() => ee(this.state, this.notificationItems.value), (t) => e(t), { flush: "post" }));
+		!e || this.stopStateWatcher || (e(q(this.state, this.notificationItems.value)), this.stopStateWatcher = O(() => q(this.state, this.notificationItems.value), (t) => e(t), { flush: "post" }));
 	}
 	setCurrentCursor(e) {
 		this.lastLoadedCursor = e, this.state.current = e;