@wyxos/vibe 5.3.0 → 5.3.1

package/lib/index.js

@@ -1009,7 +1009,10 @@ var Be = [
 			])) : o("", !0)
 		])], 46, Be));
 	}
-}), nt = { class: "masonry-feed-shell" }, rt = ["aria-hidden", "inert"], it = 240, at = 6, ot = 12, st = 800, ct = 1.5, lt = /* @__PURE__ */ d({
+}), nt = { class: "masonry-feed-shell" }, rt = ["aria-hidden", "inert"], it = {
+	key: 0,
+	class: "masonry-feed-status-overlay"
+}, at = 240, ot = 6, st = 12, ct = 800, lt = 1.5, ut = /* @__PURE__ */ d({
 	__name: "MasonryFeed",
 	props: {
 		enteringPostIds: {},
@@ -1044,60 +1047,60 @@ var Be = [
 		"visible"
 	],
 	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(at), y = w(0), x = w(0), C = w(0), T = null, k = null, A = null, j = r(() => ie(o.items, m.value, {
-			additionalHeight: (o.cardHeader?.height ?? 0) + (o.cardFooter?.height ?? 0),
-			gap: g.value,
-			minColumnWidth: it
-		})), 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 = ie(t, m.value, {
-				additionalHeight: (o.cardHeader?.height ?? 0) + (o.cardFooter?.height ?? 0),
-				gap: g.value,
-				minColumnWidth: it
+		let l = t, d = i, f = w(null), p = `vibe-masonry-${D()}`, m = w(null), g = w(0), y = w(ot), x = w(0), C = w(0), T = w(0), k = null, A = null, j = null, M = r(() => ie(l.items, g.value, {
+			additionalHeight: (l.cardHeader?.height ?? 0) + (l.cardFooter?.height ?? 0),
+			gap: y.value,
+			minColumnWidth: at
+		})), N = r(() => {
+			let e = M.value;
+			if (l.leavingPostIds.size === 0) return e;
+			let t = l.items.filter((e) => !l.leavingPostIds.has(e.postId)), n = ie(t, g.value, {
+				additionalHeight: (l.cardHeader?.height ?? 0) + (l.cardFooter?.height ?? 0),
+				gap: y.value,
+				minColumnWidth: at
 			}), r = new Map(t.map((e, t) => [e.postId, n.items[t]]));
 			return {
 				...n,
-				items: o.items.map((t, n) => o.leavingPostIds.has(t.postId) ? e.items[n] : r.get(t.postId) ?? e.items[n])
+				items: l.items.map((t, n) => l.leavingPostIds.has(t.postId) ? e.items[n] : r.get(t.postId) ?? e.items[n])
 			};
-		}), N = r(() => ({ height: `${o.leavingPostIds.size === 0 ? M.value.height : j.value.height}px` })), P = r(() => !o.infiniteScroll || x.value > 0 && C.value + M.value.height <= x.value + 1), I = r(() => {
-			if (o.suspended) return /* @__PURE__ */ new Set();
+		}), P = r(() => ({ height: `${l.leavingPostIds.size === 0 ? N.value.height : M.value.height}px` })), I = r(() => !l.infiniteScroll || C.value > 0 && T.value + N.value.height <= C.value + 1), L = r(() => {
+			if (l.suspended) return /* @__PURE__ */ new Set();
 			let e = {
-				scrollTop: y.value - C.value,
-				viewportHeight: x.value
-			}, t = re(M.value.items, {
+				scrollTop: x.value - T.value,
+				viewportHeight: C.value
+			}, t = re(N.value.items, {
 				...e,
 				overscan: 0
-			}), n = o.leavingPostIds.size === 0 ? [] : re(j.value.items, {
+			}), n = l.leavingPostIds.size === 0 ? [] : re(M.value.items, {
 				...e,
 				overscan: 0
 			});
 			return new Set([...t, ...n]);
-		}), L = r(() => {
-			let e = Math.max(st, x.value * ct), t = {
-				scrollTop: y.value - C.value,
-				viewportHeight: x.value
-			}, n = re(M.value.items, {
+		}), R = r(() => {
+			let e = Math.max(ct, C.value * lt), t = {
+				scrollTop: x.value - T.value,
+				viewportHeight: C.value
+			}, n = re(N.value.items, {
 				...t,
 				overscan: e
-			}), r = o.leavingPostIds.size === 0 ? [] : re(j.value.items, {
+			}), r = l.leavingPostIds.size === 0 ? [] : re(M.value.items, {
 				...t,
 				overscan: e
 			});
 			return [...new Set([...n, ...r])].sort((e, t) => e - t).flatMap((e) => {
-				let t = o.items[e];
+				let t = l.items[e];
 				return t ? [{
-					fetchPriority: I.value.has(e) ? "high" : "low",
+					fetchPriority: L.value.has(e) ? "high" : "low",
 					index: e,
 					item: t
 				}] : [];
 			});
-		}), R = /* @__PURE__ */ new Set();
-		O(() => [...I.value].flatMap((e) => {
-			let t = o.items[e];
+		}), z = /* @__PURE__ */ new Set();
+		O(() => [...L.value].flatMap((e) => {
+			let t = l.items[e];
 			if (!t) return [];
-			let n = o.mediaIndices.get(t.postId) ?? 0, r = F(t.postId, n);
-			return o.previewStates.get(r) === "ready" ? [{
+			let n = l.mediaIndices.get(t.postId) ?? 0, r = F(t.postId, n);
+			return l.previewStates.get(r) === "ready" ? [{
 				key: r,
 				mediaIndex: n,
 				postId: t.postId
@@ -1105,152 +1108,156 @@ var Be = [
 		}), (e) => {
 			let t = new Set(e.map(({ key: e }) => e));
 			e.forEach(({ key: e, mediaIndex: t, postId: n }) => {
-				R.has(e) || l("visible", n, t);
-			}), R = t;
+				z.has(e) || d("visible", n, t);
+			}), z = t;
 		}, {
 			immediate: !0,
 			flush: "post"
 		});
-		function z(e) {
-			let t = M.value.items[e], n = o.items[e]?.postId;
+		function B(e) {
+			let t = N.value.items[e], n = l.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 ? ne({
-				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;
+			let r = n !== void 0 && l.enteringPostIds.has(n), i = n !== void 0 && l.leavingPostIds.has(n), a = r || i ? ne({
+				containerHeight: M.value.height,
+				gap: y.value
+			}) : 0, o = n === void 0 ? 0 : i ? l.removalDelays.get(n) ?? 0 : r ? l.entryDelays.get(n) ?? 0 : 0;
 			return {
-				"--masonry-entry-delay": `${s}ms`,
+				"--masonry-entry-delay": `${o}ms`,
 				width: `${t.width}px`,
 				height: `${t.height}px`,
 				transform: `translate3d(${t.x}px, ${t.y + a}px, 0)`
 			};
 		}
-		function B() {
-			let e = d.value;
+		function V() {
+			let e = f.value;
 			if (!e) return;
-			y.value = e.scrollTop, x.value = e.clientHeight;
-			let t = p.value;
-			t && (C.value = t.getBoundingClientRect().top - e.getBoundingClientRect().top + e.scrollTop);
+			x.value = e.scrollTop, C.value = e.clientHeight;
+			let t = m.value;
+			t && (T.value = t.getBoundingClientRect().top - e.getBoundingClientRect().top + e.scrollTop);
 		}
-		function V(e) {
+		function H(e) {
 			let t = e.ownerDocument.documentElement.clientWidth;
-			m.value = e.clientWidth, g.value = Math.min(ot, Math.max(at, t * .0075)), B();
+			g.value = e.clientWidth, y.value = Math.min(st, Math.max(ot, t * .0075)), V();
 		}
-		function H(e) {
+		function W(e) {
 			let t = e.currentTarget;
-			t && (y.value = t.scrollTop, !o.loadMoreLocked && o.infiniteScroll && K(t) && l("loadMore"));
-		}
-		function W() {
-			let e = d.value;
-			!o.loadMoreLocked && e && K(e) && l("loadMore");
+			t && (x.value = t.scrollTop, !l.loadMoreLocked && l.infiniteScroll && K(t) && d("loadMore"));
 		}
 		function G() {
-			return d.value;
+			let e = f.value;
+			!l.loadMoreLocked && e && K(e) && d("loadMore");
+		}
+		function ee() {
+			return f.value;
 		}
-		return O(p, (e) => {
-			T?.disconnect(), T = null, A !== null && cancelAnimationFrame(A), e && (V(e), !(typeof ResizeObserver > "u") && (T = new ResizeObserver(([t]) => {
+		return O(m, (e) => {
+			k?.disconnect(), k = null, j !== null && cancelAnimationFrame(j), e && (H(e), !(typeof ResizeObserver > "u") && (k = new ResizeObserver(([t]) => {
 				let n = t?.contentRect.width ?? e.clientWidth;
-				Math.abs(n - m.value) < .5 || (A = requestAnimationFrame(() => {
-					A = null, V(e);
+				Math.abs(n - g.value) < .5 || (j = requestAnimationFrame(() => {
+					j = null, H(e);
 				}));
-			}), T.observe(e)));
-		}), O(d, (e) => {
-			k?.disconnect(), k = null, e && (B(), !(typeof ResizeObserver > "u") && (k = new ResizeObserver(B), k.observe(e)));
+			}), k.observe(e)));
+		}), O(f, (e) => {
+			A?.disconnect(), A = null, e && (V(), !(typeof ResizeObserver > "u") && (A = new ResizeObserver(V), A.observe(e)));
 		}), v(() => {
-			T?.disconnect(), k?.disconnect(), A !== null && cancelAnimationFrame(A);
+			k?.disconnect(), A?.disconnect(), j !== null && cancelAnimationFrame(j);
 		}), n({
-			getScrollElement: G,
-			loadIfNearBottom: W
-		}), (n, r) => (b(), s("div", nt, [c("main", {
-			id: f,
-			ref_key: "galleryElement",
-			ref: d,
-			class: h(["gallery-shell masonry-feed", { "masonry-feed--suspended": t.suspended }]),
-			"data-layout-mode": "masonry",
-			"aria-hidden": t.suspended || void 0,
-			inert: t.suspended || void 0,
-			onScrollPassive: H
-		}, [c("section", {
-			ref_key: "masonryElement",
-			ref: p,
-			class: h(["masonry", { "masonry--ready": m.value > 0 }]),
-			style: _(N.value),
-			"aria-label": "Media gallery"
-		}, [(b(!0), s(e, null, S(L.value, ({ fetchPriority: e, item: n, index: r }) => (b(), a(tt, {
-			key: n.postId,
-			class: "masonry-item",
-			entering: t.enteringPostIds.has(n.postId),
-			leaving: t.leavingPostIds.has(n.postId),
-			"fetch-priority": e,
-			"card-footer": t.cardFooter,
-			"card-header": t.cardHeader,
-			"media-card": t.mediaCard,
-			index: r,
-			item: n,
-			"item-style": z(r),
-			interactive: "",
-			layout: "masonry",
-			"loaded-count": t.items.length,
-			"media-index": t.mediaIndices.get(n.postId) ?? 0,
-			"preview-state": t.previewStates.get(E(F)(n.postId, t.mediaIndices.get(n.postId) ?? 0)) ?? "loading",
-			total: t.total,
-			onActivate: (e) => l("activate", n.postId, e),
-			onMediaChange: (e) => l("mediaChange", n.postId, e),
-			onReady: (e) => l("ready", n.postId, e),
-			onError: (e) => l("error", n.postId, e)
-		}, null, 8, [
-			"entering",
-			"leaving",
-			"fetch-priority",
-			"card-footer",
-			"card-header",
-			"media-card",
-			"index",
-			"item",
-			"item-style",
-			"loaded-count",
-			"media-index",
-			"preview-state",
-			"total",
-			"onActivate",
-			"onMediaChange",
-			"onReady",
-			"onError"
-		]))), 128))], 6), u(U, {
-			actions: t.feedFooterActions,
-			"can-retry-end": t.canRetryEnd,
-			"feed-footer": t.feedFooter,
-			"has-error": t.nextPageError,
-			"has-next": t.hasNext,
-			"is-loading": t.isLoadingMore,
-			"load-more-locked": t.loadMoreLocked,
-			"show-load-more": P.value,
-			state: t.state,
-			onLoadMore: r[0] ||= (e) => l("loadMore"),
-			onRetryEnd: r[1] ||= (e) => l("retryEnd")
-		}, null, 8, [
-			"actions",
-			"can-retry-end",
-			"feed-footer",
-			"has-error",
-			"has-next",
-			"is-loading",
-			"load-more-locked",
-			"show-load-more",
-			"state"
-		])], 42, rt), u(ue, {
-			"content-size": M.value.height,
-			"controls-id": f,
-			"scroll-element": d.value,
-			suspended: t.suspended
-		}, null, 8, [
-			"content-size",
-			"scroll-element",
-			"suspended"
-		])]));
+			getScrollElement: ee,
+			loadIfNearBottom: G
+		}), (n, r) => (b(), s("div", nt, [
+			c("main", {
+				id: p,
+				ref_key: "galleryElement",
+				ref: f,
+				class: h(["gallery-shell masonry-feed", { "masonry-feed--suspended": t.suspended }]),
+				"data-layout-mode": "masonry",
+				"aria-hidden": t.suspended || void 0,
+				inert: t.suspended || void 0,
+				onScrollPassive: W
+			}, [c("section", {
+				ref_key: "masonryElement",
+				ref: m,
+				class: h(["masonry", { "masonry--ready": g.value > 0 }]),
+				style: _(P.value),
+				"aria-label": "Media gallery"
+			}, [(b(!0), s(e, null, S(R.value, ({ fetchPriority: e, item: n, index: r }) => (b(), a(tt, {
+				key: n.postId,
+				class: "masonry-item",
+				entering: t.enteringPostIds.has(n.postId),
+				leaving: t.leavingPostIds.has(n.postId),
+				"fetch-priority": e,
+				"card-footer": t.cardFooter,
+				"card-header": t.cardHeader,
+				"media-card": t.mediaCard,
+				index: r,
+				item: n,
+				"item-style": B(r),
+				interactive: "",
+				layout: "masonry",
+				"loaded-count": t.items.length,
+				"media-index": t.mediaIndices.get(n.postId) ?? 0,
+				"preview-state": t.previewStates.get(E(F)(n.postId, t.mediaIndices.get(n.postId) ?? 0)) ?? "loading",
+				total: t.total,
+				onActivate: (e) => d("activate", n.postId, e),
+				onMediaChange: (e) => d("mediaChange", n.postId, e),
+				onReady: (e) => d("ready", n.postId, e),
+				onError: (e) => d("error", n.postId, e)
+			}, null, 8, [
+				"entering",
+				"leaving",
+				"fetch-priority",
+				"card-footer",
+				"card-header",
+				"media-card",
+				"index",
+				"item",
+				"item-style",
+				"loaded-count",
+				"media-index",
+				"preview-state",
+				"total",
+				"onActivate",
+				"onMediaChange",
+				"onReady",
+				"onError"
+			]))), 128))], 6)], 42, rt),
+			t.feedFooter || t.isLoadingMore || t.nextPageError || t.hasNext && I.value || !t.hasNext && t.canRetryEnd ? (b(), s("div", it, [u(U, {
+				actions: t.feedFooterActions,
+				"can-retry-end": t.canRetryEnd,
+				"feed-footer": t.feedFooter,
+				"has-error": t.nextPageError,
+				"has-next": t.hasNext,
+				"is-loading": t.isLoadingMore,
+				"load-more-locked": t.loadMoreLocked,
+				"show-load-more": I.value,
+				state: t.state,
+				onLoadMore: r[0] ||= (e) => d("loadMore"),
+				onRetryEnd: r[1] ||= (e) => d("retryEnd")
+			}, null, 8, [
+				"actions",
+				"can-retry-end",
+				"feed-footer",
+				"has-error",
+				"has-next",
+				"is-loading",
+				"load-more-locked",
+				"show-load-more",
+				"state"
+			])])) : o("", !0),
+			u(ue, {
+				"content-size": N.value.height,
+				"controls-id": p,
+				"scroll-element": f.value,
+				suspended: t.suspended
+			}, null, 8, [
+				"content-size",
+				"scroll-element",
+				"suspended"
+			])
+		]));
 	}
-}), ut = 300;
-function dt(e, t, n) {
+}), dt = 300;
+function ft(e, t, n) {
 	let r = e.scrollTop;
 	if (n || Math.abs(r - t) <= 1) return e.scrollTop = t, Promise.resolve();
 	e.setAttribute("data-transitioning", "");
@@ -1258,7 +1265,7 @@ function dt(e, t, n) {
 	return new Promise((n) => {
 		let o = (s) => {
 			a += 1;
-			let c = Math.max(s - i, 1e3 / 60 * a), l = Math.min(1, c / ut), u = 1 - (1 - l) ** 3;
+			let c = Math.max(s - i, 1e3 / 60 * a), l = Math.min(1, c / dt), u = 1 - (1 - l) ** 3;
 			if (e.scrollTop = r + (t - r) * u, l < 1) {
 				requestAnimationFrame(o);
 				return;
@@ -1270,7 +1277,7 @@ function dt(e, t, n) {
 }
 //#endregion
 //#region src/components/ReelAutoAdvanceProgress.vue?vue&type=script&setup=true&lang.ts
-var ft = ["aria-label"], pt = /* @__PURE__ */ d({
+var pt = ["aria-label"], mt = /* @__PURE__ */ d({
 	__name: "ReelAutoAdvanceProgress",
 	props: {
 		durationMs: {},
@@ -1288,9 +1295,9 @@ var ft = ["aria-label"], pt = /* @__PURE__ */ d({
 			class: "reel-auto-advance-progress",
 			style: _(a.value),
 			onAnimationend: n[0] ||= (e) => i("complete")
-		}, null, 36)], 8, ft));
+		}, null, 36)], 8, pt));
 	}
-}), mt = { class: "reel-viewport" }, ht = ["data-active-post-id", "data-active-media-index"], gt = ["role", "data-status"], _t = 2, vt = 300, yt = /* @__PURE__ */ d({
+}), ht = { class: "reel-viewport" }, gt = ["data-active-post-id", "data-active-media-index"], _t = ["role", "data-status"], vt = 2, yt = 300, bt = /* @__PURE__ */ d({
 	__name: "ReelFeed",
 	props: {
 		initialPostId: {},
@@ -1328,7 +1335,7 @@ var ft = ["aria-label"], pt = /* @__PURE__ */ d({
 	],
 	setup(t, { expose: n, emit: i }) {
 		let l = t, u = i, d = w(null), f = w(null), p = l.initialPostId === null || l.initialPostId === void 0 ? -1 : l.items.findIndex((e) => e.postId === l.initialPostId), g = w(Math.max(0, p)), x = w(!1), C = w(!1), D = 0, k = null, A = null, j = null, N = r(() => ({ gridTemplateRows: `repeat(${l.items.length}, 100cqh)` })), I = r(() => {
-			let e = Math.max(0, g.value - _t), t = Math.min(l.items.length - 1, g.value + _t);
+			let e = Math.max(0, g.value - vt), t = Math.min(l.items.length - 1, g.value + vt);
 			return l.items.slice(e, t + 1).map((t, n) => ({
 				fetchPriority: e + n === g.value ? "high" : "low",
 				index: e + n,
@@ -1418,7 +1425,7 @@ var ft = ["aria-label"], pt = /* @__PURE__ */ d({
 			let t = d.value;
 			if (!t) return Promise.resolve();
 			let n = e * (D || t.clientHeight);
-			return g.value = e, dt(t, n, de());
+			return g.value = e, ft(t, n, de());
 		}
 		function pe(e) {
 			fe(e);
@@ -1428,7 +1435,7 @@ var ft = ["aria-label"], pt = /* @__PURE__ */ d({
 			return t < 0 || t === g.value ? !1 : (await fe(t), !0);
 		}
 		async function me(e) {
-			return Y(e) ? (de() || await new Promise((e) => setTimeout(e, vt)), !0) : !1;
+			return Y(e) ? (de() || await new Promise((e) => setTimeout(e, yt)), !0) : !1;
 		}
 		function he() {
 			if (!l.reelAutoAdvance.enabled) return;
@@ -1497,7 +1504,7 @@ var ft = ["aria-label"], pt = /* @__PURE__ */ d({
 				"style",
 				"total"
 			])) : o("", !0),
-			c("div", mt, [c("div", {
+			c("div", ht, [c("div", {
 				ref_key: "galleryElement",
 				ref: d,
 				class: "gallery-shell reel-feed",
@@ -1560,7 +1567,7 @@ var ft = ["aria-label"], pt = /* @__PURE__ */ d({
 				class: "reel-forward-retry",
 				type: "button",
 				onClick: r[0] ||= (e) => u("retryForward")
-			}, " Retry ")) : o("", !0)], 8, gt)), t.reelForward.status === "idle" ? (b(), a(U, {
+			}, " Retry ")) : o("", !0)], 8, _t)), t.reelForward.status === "idle" ? (b(), a(U, {
 				key: 2,
 				actions: t.feedFooterActions,
 				"can-retry-end": t.canRetryEnd,
@@ -1583,7 +1590,7 @@ var ft = ["aria-label"], pt = /* @__PURE__ */ d({
 				"load-more-locked",
 				"show-load-more",
 				"state"
-			])) : o("", !0)], 40, ht), c("div", {
+			])) : o("", !0)], 40, gt), c("div", {
 				ref_key: "reelControlsElement",
 				ref: f,
 				class: "reel-media-controls-host",
@@ -1611,7 +1618,7 @@ var ft = ["aria-label"], pt = /* @__PURE__ */ d({
 				"style",
 				"total"
 			])) : o("", !0),
-			ee.value ? (b(), a(pt, {
+			ee.value ? (b(), a(mt, {
 				key: W.value,
 				"duration-ms": t.reelAutoAdvance.intervalMs,
 				label: G.value,
@@ -1619,16 +1626,16 @@ var ft = ["aria-label"], pt = /* @__PURE__ */ d({
 			}, null, 8, ["duration-ms", "label"])) : o("", !0)
 		], 2));
 	}
-}), bt = ["data-info-sheet-open", "data-info-sheet-mode"], xt = ["aria-hidden", "inert"], St = {
+}), xt = ["data-info-sheet-open", "data-info-sheet-mode"], St = ["aria-hidden", "inert"], Ct = {
 	key: 0,
 	class: "reel-info-sheet-layer",
 	"data-test": "reel-info-sheet"
-}, Ct = [
+}, wt = [
 	"role",
 	"aria-modal",
 	"tabindex",
 	"data-active-post-id"
-], wt = /* @__PURE__ */ d({
+], Tt = /* @__PURE__ */ d({
 	__name: "ReelLayout",
 	props: {
 		forwardIndex: { default: null },
@@ -1753,7 +1760,7 @@ var ft = ["aria-label"], pt = /* @__PURE__ */ d({
 			class: "reel-layout-main",
 			"aria-hidden": e.infoSheetOverlay && A.value || void 0,
 			inert: e.infoSheetOverlay && A.value || void 0
-		}, [u(yt, {
+		}, [u(bt, {
 			ref_key: "reelFeed",
 			ref: p,
 			"can-retry-end": e.canRetryEnd,
@@ -1804,8 +1811,8 @@ var ft = ["aria-label"], pt = /* @__PURE__ */ d({
 			"reel-forward",
 			"state",
 			"total"
-		])], 8, xt), u(n, { name: "vibe-info-sheet" }, {
-			default: k(() => [A.value && e.infoSheet && j.value ? (b(), s("div", St, [c("aside", {
+		])], 8, St), u(n, { name: "vibe-info-sheet" }, {
+			default: k(() => [A.value && e.infoSheet && j.value ? (b(), s("div", Ct, [c("aside", {
 				ref_key: "sheetElement",
 				ref: _,
 				class: "reel-info-sheet",
@@ -1814,14 +1821,14 @@ var ft = ["aria-label"], pt = /* @__PURE__ */ d({
 				"aria-modal": e.infoSheetOverlay ? "true" : void 0,
 				tabindex: e.infoSheetOverlay ? -1 : void 0,
 				"data-active-post-id": T.value?.postId
-			}, [(b(), a(C(e.infoSheet.component), g(f(j.value)), null, 16))], 8, Ct)])) : o("", !0)]),
+			}, [(b(), a(C(e.infoSheet.component), g(f(j.value)), null, 16))], 8, wt)])) : o("", !0)]),
 			_: 1
-		})], 10, bt));
+		})], 10, xt));
 	}
 });
 //#endregion
 //#region src/core/mediaLifecycle.ts
-function Tt(e, t, n, r, i) {
+function Et(e, t, n, r, i) {
 	let a = e.items.findIndex((e) => e.postId === t), o = e.items[a];
 	if (!o) return null;
 	let s = N(o, n), c = P(o, s);
@@ -1837,7 +1844,7 @@ function Tt(e, t, n, r, i) {
 		postIndex: a
 	};
 }
-function Et(e, t) {
+function Dt(e, t) {
 	O(() => {
 		let t = e.layout === "reel" || e.reelOrigin === "masonry" ? e.activeReelPostId : null;
 		return {
@@ -1847,20 +1854,20 @@ function Et(e, t) {
 		};
 	}, (n, r) => {
 		if (n.postId === null || n.postId === r?.postId && n.mediaIndex === r.mediaIndex && n.origin === r.origin) return;
-		let i = Tt(e, n.postId, n.mediaIndex, "reel", n.origin);
+		let i = Et(e, n.postId, n.mediaIndex, "reel", n.origin);
 		i && t(i);
 	}, { flush: "sync" });
 }
 //#endregion
 //#region src/components/useMediaLifecycle.ts
-function Dt(e, t) {
+function Ot(e, t) {
 	let n = w(/* @__PURE__ */ new Map()), i = w(/* @__PURE__ */ new Map()), a = r(() => e.reelMediaSource === "original" ? i.value : n.value);
 	function o(e, t, n, r) {
 		let i = F(t, n);
 		e.value.get(i) !== r && (e.value = new Map(e.value).set(i, r));
 	}
 	function s(t, n, r, i) {
-		return Tt(e, t, n, r, i);
+		return Et(e, t, n, r, i);
 	}
 	function c(e, n, r, i) {
 		let a = s(e, n, r, i);
@@ -1882,7 +1889,7 @@ function Dt(e, t) {
 		let r = s(e, n, "masonry", null);
 		r && t.visible(r);
 	}
-	return Et(e, t.reelChange), O(() => {
+	return Dt(e, t.reelChange), O(() => {
 		let t = e.layout === "reel" || e.reelOrigin === "masonry" ? e.activeReelPostId : null, n = t === null ? 0 : e.mediaIndices.get(t) ?? 0;
 		return {
 			mediaIndex: n,
@@ -1907,16 +1914,16 @@ function Dt(e, t) {
 }
 //#endregion
 //#region src/core/reelEscapeStack.ts
-var Ot = [];
-function kt(e) {
-	return Ot.push(e), () => {
-		let t = Ot.indexOf(e);
-		t >= 0 && Ot.splice(t, 1);
+var kt = [];
+function At(e) {
+	return kt.push(e), () => {
+		let t = kt.indexOf(e);
+		t >= 0 && kt.splice(t, 1);
 	};
 }
-function At(e) {
+function jt(e) {
 	if (!e.isActive()) return !1;
-	let t = Ot.filter((e) => e.isActive()), n = e.element();
+	let t = kt.filter((e) => e.isActive()), n = e.element();
 	return n !== null && t.some((t) => {
 		if (t === e) return !1;
 		let r = t.element();
@@ -1932,14 +1939,14 @@ function At(e) {
 }
 //#endregion
 //#region src/components/useReelKeyboard.ts
-function jt(e) {
+function Mt(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 && !At(t)) return;
+		if (n.key === "Escape" && r && !jt(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;
@@ -1959,14 +1966,14 @@ function jt(e) {
 		a !== 0 && e.reelRenderer()?.changeActiveMedia?.(a) && n.preventDefault();
 	}
 	y(() => {
-		n = kt(t), window.addEventListener("keydown", r);
+		n = At(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 Mt = 35, Nt = 420, Pt = /* @__PURE__ */ d({
+var Nt = 35, Pt = 420, Ft = /* @__PURE__ */ d({
 	__name: "VibeSurface",
 	props: {
 		canRetryEnd: { type: Boolean },
@@ -1991,7 +1998,7 @@ var Mt = 35, Nt = 420, Pt = /* @__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), y = w({}), x = w(!1), S = w(/* @__PURE__ */ new Set()), C = w(/* @__PURE__ */ new Map()), T = w(/* @__PURE__ */ new Set()), D = w(/* @__PURE__ */ new Map()), A = r(() => I(l.state)), { markMasonryVisible: j, markPreviewError: P, markPreviewReady: F, markReelError: L, markReelReady: R, originalStates: z, previewStates: B, reelStates: V } = Dt(l.state, {
+		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()), D = w(/* @__PURE__ */ new Map()), A = r(() => I(l.state)), { markMasonryVisible: j, markPreviewError: P, markPreviewReady: F, markReelError: L, markReelReady: R, originalStates: z, previewStates: B, reelStates: V } = Ot(l.state, {
 			ready: (e) => d("mediaReady", e),
 			reelChange: (e) => d("reelMediaChange", e),
 			visible: (e) => d("mediaVisible", e)
@@ -2044,8 +2051,8 @@ var Mt = 35, Nt = 420, Pt = /* @__PURE__ */ d({
 			if (n.length === 0) return 0;
 			let r = new Map(D.value);
 			return n.forEach((e, t) => {
-				r.set(e, t * Mt);
-			}), S.value = new Set([...S.value].filter((e) => !n.includes(e))), T.value = new Set([...T.value, ...t]), D.value = r, Nt + (n.length - 1) * Mt;
+				r.set(e, t * Nt);
+			}), S.value = new Set([...S.value].filter((e) => !n.includes(e))), T.value = new Set([...T.value, ...t]), D.value = r, Pt + (n.length - 1) * Nt;
 		}
 		function Y(e, t) {
 			let n = J(e), r = n?.querySelector(".media-card-activator") ?? n;
@@ -2073,7 +2080,7 @@ var Mt = 35, Nt = 420, Pt = /* @__PURE__ */ d({
 				e !== null && Y(e, t);
 			});
 		}
-		return jt({
+		return Mt({
 			closeMasonryReel: ue,
 			element: () => g.value,
 			isReelLeaving: () => x.value,
@@ -2088,7 +2095,7 @@ var Mt = 35, Nt = 420, Pt = /* @__PURE__ */ d({
 				let t = C.value.get(e);
 				t !== void 0 && r.set(e, t);
 			}), t.forEach((e, t) => {
-				r.set(e, t * Mt);
+				r.set(e, t * Nt);
 			}), C.value = r, S.value = new Set([...S.value, ...t]), q();
 		}, { flush: "sync" }), v(() => {
 			U !== null && cancelAnimationFrame(U);
@@ -2105,7 +2112,7 @@ var Mt = 35, Nt = 420, Pt = /* @__PURE__ */ d({
 			ref_key: "surfaceElement",
 			ref: g,
 			class: "vibe-surface"
-		}, [t.state.layout === "reel" && (t.state.items.length > 0 || t.state.reelForward.status !== "idle") ? (b(), a(wt, {
+		}, [t.state.layout === "reel" && (t.state.items.length > 0 || t.state.reelForward.status !== "idle") ? (b(), a(Tt, {
 			key: 0,
 			ref_key: "reelRenderer",
 			ref: p,
@@ -2156,7 +2163,7 @@ var Mt = 35, Nt = 420, Pt = /* @__PURE__ */ d({
 			"can-retry-end",
 			"feed-footer",
 			"state"
-		])) : (b(), s(e, { key: 2 }, [u(lt, {
+		])) : (b(), s(e, { key: 2 }, [u(ut, {
 			ref_key: "masonryRenderer",
 			ref: f,
 			"can-retry-end": t.canRetryEnd,
@@ -2226,7 +2233,7 @@ var Mt = 35, Nt = 420, Pt = /* @__PURE__ */ d({
 				"aria-modal": "true",
 				tabindex: "-1",
 				style: _(y.value)
-			}, [u(wt, {
+			}, [u(Tt, {
 				ref_key: "reelRenderer",
 				ref: p,
 				"can-retry-end": t.canRetryEnd,
@@ -2270,7 +2277,7 @@ var Mt = 35, Nt = 420, Pt = /* @__PURE__ */ d({
 });
 //#endregion
 //#region src/core/page.ts
-function Ft(e) {
+function It(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.");
@@ -2282,32 +2289,32 @@ function Z(e, t) {
 }
 //#endregion
 //#region src/core/requestDelay.ts
-var It = 2e3, Lt = 1e4, Rt = 250, zt = {
+var Lt = 2e3, Rt = 1e4, zt = 250, Bt = {
 	delayRemainingMs: null,
 	nextRequestAt: null
 };
-function Bt(e, t) {
+function Vt(e, t) {
 	return e === void 0 ? t : Math.floor(e);
 }
-function Vt(e, t) {
+function Ht(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 Ht(e, t = {}) {
-	let n = Bt(t.delayStepMs, It), r = Bt(t.delayMaxMs, Lt);
+function Ut(e, t = {}) {
+	let n = Vt(t.delayStepMs, Lt), r = Vt(t.delayMaxMs, Rt);
 	return Math.min(Math.max(0, e) * n, r);
 }
 function Q(e) {
-	if (e == null || !Number.isFinite(e)) return { ...zt };
+	if (e == null || !Number.isFinite(e)) return { ...Bt };
 	let t = Math.max(0, Math.floor(e - Date.now()));
 	return t > 0 ? {
 		delayRemainingMs: t,
 		nextRequestAt: e
-	} : { ...zt };
+	} : { ...Bt };
 }
-async function Ut({ delayMs: e, onChange: t, signal: n }) {
+async function Wt({ delayMs: e, onChange: t, signal: n }) {
 	if (n.aborted) throw new DOMException("Aborted", "AbortError");
 	if (e <= 0) {
-		t({ ...zt });
+		t({ ...Bt });
 		return;
 	}
 	let r = Date.now() + e;
@@ -2315,9 +2322,9 @@ async function Ut({ delayMs: e, onChange: t, signal: n }) {
 		delayRemainingMs: e,
 		nextRequestAt: r
 	}), await new Promise((i, a) => {
-		let o = !1, s = setInterval(f, Rt), c = setTimeout(() => u(), e);
+		let o = !1, s = setInterval(f, zt), c = setTimeout(() => u(), e);
 		function l() {
-			clearInterval(s), clearTimeout(c), n.removeEventListener("abort", d), t({ ...zt });
+			clearInterval(s), clearTimeout(c), n.removeEventListener("abort", d), t({ ...Bt });
 		}
 		function u(e) {
 			o || (o = !0, l(), e ? a(e) : i());
@@ -2332,13 +2339,13 @@ async function Ut({ delayMs: e, onChange: t, signal: n }) {
 		n.addEventListener("abort", d, { once: !0 });
 	});
 }
-var Wt = class {
+var Gt = class {
 	interval = null;
 	constructor(e) {
 		this.onChange = e;
 	}
 	clear() {
-		this.interval !== null && clearInterval(this.interval), this.interval = null, this.onChange({ ...zt });
+		this.interval !== null && clearInterval(this.interval), this.interval = null, this.onChange({ ...Bt });
 	}
 	sync(e) {
 		this.clear();
@@ -2346,22 +2353,22 @@ var Wt = class {
 		this.onChange(t), t.delayRemainingMs !== null && (this.interval = setInterval(() => {
 			let t = Q(e);
 			this.onChange(t), t.delayRemainingMs === null && this.clear();
-		}, Rt));
+		}, zt));
 	}
 };
-function Gt(e, t = !0) {
+function Kt(e, t = !0) {
 	return e.maxAdditionalPages === "unlimited" ? Infinity : (e.maxAdditionalPages ?? 10) + (t ? 1 : 0);
 }
-function Kt(e) {
+function qt(e) {
 	return `${typeof e}:${String(e)}`;
 }
-function qt(e, t) {
+function Jt(e, t) {
 	if (!Number.isInteger(e) || e <= 0) throw TypeError(`Vibe ${t} must be a positive integer.`);
 }
-function Jt(e) {
+function Yt(e) {
 	if (!e) return;
-	if (qt(e.pageSize, "autofill pageSize"), e.strategy === "frontend") {
-		Vt(e, "frontend autofill");
+	if (Jt(e.pageSize, "autofill pageSize"), e.strategy === "frontend") {
+		Ht(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;
@@ -2373,7 +2380,7 @@ function Jt(e) {
 		if (t.pageSize !== e.pageSize) throw TypeError("Vibe backend autofill initialSession pageSize must match autofill pageSize.");
 	}
 }
-function Yt(e, t, n = !0) {
+function Xt(e, t, n = !0) {
 	if (!e) return {
 		cycleId: null,
 		delayRemainingMs: null,
@@ -2407,7 +2414,7 @@ function Yt(e, t, n = !0) {
 		strategy: e.strategy
 	};
 }
-function Xt(e) {
+function Zt(e) {
 	return [
 		"cancelling",
 		"filling",
@@ -2415,9 +2422,9 @@ function Xt(e) {
 		"waiting"
 	].includes(e.status);
 }
-async function Zt(e, t, n) {
+async function Qt(e, t, n) {
 	let r = t.autofill;
-	if (!Xt(r) || !r.cycleId) return;
+	if (!Zt(r) || !r.cycleId) return;
 	let i = {
 		cycleId: r.cycleId,
 		feedKey: r.feedKey ?? "",
@@ -2430,16 +2437,16 @@ async function Zt(e, t, n) {
 		throw r.error = e, r.status = "error", e;
 	}
 }
-function Qt(e, t, n) {
+function $t(e, t, n) {
 	return e?.strategy === "backend" && t.feedKey === e.feedKey && t.sessionId === n.sessionId;
 }
-async function $t({ existingItems: e, initialCursor: t, loadPage: n, maximumRequests: r, onCollection: i, onDelayChange: a, onProgress: o, options: s, receivedOffset: c = 0, requestOffset: l = 0, shouldPause: u = () => !1, signal: d }) {
-	let f = [], p = [...e], m = /* @__PURE__ */ new Set(), h = r ?? Gt(s), g = t, _ = t, v = t, y = 0, b = [], x;
+async function en({ existingItems: e, initialCursor: t, loadPage: n, maximumRequests: r, onCollection: i, onDelayChange: a, onProgress: o, options: s, receivedOffset: c = 0, requestOffset: l = 0, shouldPause: u = () => !1, signal: d }) {
+	let f = [], p = [...e], m = /* @__PURE__ */ new Set(), h = r ?? Kt(s), g = t, _ = t, v = t, y = 0, b = [], x;
 	for (; y < h;) {
-		let e = Kt(g);
+		let e = qt(g);
 		if (m.has(e)) throw Error("Vibe autofill received a repeated cursor.");
-		if (m.add(e), await Ut({
-			delayMs: Ht(l + y, s),
+		if (m.add(e), await Wt({
+			delayMs: Ut(l + y, s),
 			onChange: a,
 			signal: d
 		}), y > 0 && u()) return {
@@ -2453,7 +2460,7 @@ async function $t({ existingItems: e, initialCursor: t, loadPage: n, maximumRequ
 			status: "paused",
 			total: x
 		};
-		let t = Ft(await n({
+		let t = It(await n({
 			cursor: g,
 			signal: d
 		}));
@@ -2510,12 +2517,12 @@ async function $t({ existingItems: e, initialCursor: t, loadPage: n, maximumRequ
 }
 //#endregion
 //#region src/core/autofillController.ts
-var en = class {
+var tn = class {
 	collection = null;
 	cycle = 0;
 	delayCountdown;
 	constructor(e) {
-		this.context = e, this.delayCountdown = new Wt((t) => Object.assign(e.state.autofill, t)), this.syncCountdown();
+		this.context = e, this.delayCountdown = new Gt((t) => Object.assign(e.state.autofill, t)), this.syncCountdown();
 	}
 	beginCycle() {
 		let { options: e, state: t } = this.context;
@@ -2523,14 +2530,14 @@ var en = class {
 		this.clear();
 		let n = `vibe-autofill-${Date.now().toString(36)}-${++this.cycle}`;
 		return t.autofill = {
-			...Yt(e, void 0, !1),
+			...Xt(e, void 0, !1),
 			cycleId: n,
 			status: "filling"
 		}, n;
 	}
 	async cancel() {
 		let { cancelRequest: e, options: t, state: n } = this.context;
-		await Zt(t, n, e), this.commitCollection();
+		await Qt(t, n, e), this.commitCollection();
 	}
 	captureCollection(e, t) {
 		t && (this.collection = e);
@@ -2558,30 +2565,30 @@ var en = class {
 			requests: r.requests
 		}));
 	}
-}, tn = 100;
-function nn(e, t) {
+}, nn = 100;
+function rn(e, t) {
 	if (!Number.isFinite(t) || t <= 0) throw TypeError(`Vibe ${e} must be a positive number.`);
 }
-function rn(e, t, n) {
+function an(e, t, n) {
 	return Math.min(n, Math.max(t, e));
 }
-function an(e) {
+function on(e) {
 	if (!e) return;
 	let t = e.minSpeedPxPerSecond ?? 20, n = e.maxSpeedPxPerSecond ?? 240;
-	if (nn("autoScroll.minSpeedPxPerSecond", t), nn("autoScroll.maxSpeedPxPerSecond", n), t > n) throw TypeError("Vibe autoScroll.minSpeedPxPerSecond cannot exceed maxSpeedPxPerSecond.");
-	e.speedPxPerSecond !== void 0 && nn("autoScroll.speedPxPerSecond", e.speedPxPerSecond);
+	if (rn("autoScroll.minSpeedPxPerSecond", t), rn("autoScroll.maxSpeedPxPerSecond", n), t > n) throw TypeError("Vibe autoScroll.minSpeedPxPerSecond cannot exceed maxSpeedPxPerSecond.");
+	e.speedPxPerSecond !== void 0 && rn("autoScroll.speedPxPerSecond", e.speedPxPerSecond);
 }
-function on(e) {
+function sn(e) {
 	let t = e?.minSpeedPxPerSecond ?? 20, n = e?.maxSpeedPxPerSecond ?? 240;
 	return {
 		enabled: e?.enabled ?? !1,
 		maxSpeedPxPerSecond: n,
 		minSpeedPxPerSecond: t,
 		paused: !1,
-		speedPxPerSecond: rn(e?.speedPxPerSecond ?? 80, t, n)
+		speedPxPerSecond: an(e?.speedPxPerSecond ?? 80, t, n)
 	};
 }
-var sn = class {
+var cn = class {
 	frame = null;
 	lastTimestamp = null;
 	mounted = !1;
@@ -2601,9 +2608,9 @@ var sn = class {
 		this.options.state.enabled && (this.options.state.paused = e, this.lastTimestamp = null, e ? this.cancelFrame() : this.schedule());
 	}
 	setSpeed(e) {
-		nn("auto-scroll speed", e);
+		rn("auto-scroll speed", e);
 		let t = this.options.state;
-		t.speedPxPerSecond = rn(e, t.minSpeedPxPerSecond, t.maxSpeedPxPerSecond);
+		t.speedPxPerSecond = an(e, t.minSpeedPxPerSecond, t.maxSpeedPxPerSecond);
 	}
 	tick = (e) => {
 		this.frame = null;
@@ -2615,7 +2622,7 @@ var sn = class {
 			return;
 		}
 		if (this.lastTimestamp !== null) {
-			let r = Math.min(tn, Math.max(0, e - this.lastTimestamp)), i = Math.max(0, n.scrollHeight - n.clientHeight);
+			let r = Math.min(nn, 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();
@@ -2629,7 +2636,7 @@ var sn = class {
 };
 //#endregion
 //#region src/core/backendAutofill.ts
-async function cn(e, t, n, r) {
+async function ln(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.");
@@ -2643,19 +2650,19 @@ async function cn(e, t, n, r) {
 		status: "waiting"
 	});
 }
-function ln(e, t) {
+function un(e, t) {
 	["complete", "exhausted"].includes(t.status) && t.items && (e.items = Z(e.items, t.items)), t.next !== void 0 && (e.next = t.next), t.total !== void 0 && (e.total = t.total);
 }
-function un(e, t, n) {
+function dn(e, t, n) {
 	let r = t.autofill;
-	return !Qt(e, n, r) || n.sequence <= r.sequence || ["cancelled", "cancelling"].includes(r.status) || ["complete", "exhausted"].includes(n.status) && n.next === void 0 ? !1 : (ln(t, n), Object.assign(r, Q(n.status === "waiting" ? n.nextRequestAt : null)), r.error = n.error ?? null, r.missing = Math.max(0, (r.pageSize ?? 0) - n.received), r.received = n.received, n.requests !== void 0 && (r.requests = n.requests), r.sequence = n.sequence, r.status = n.status, !0);
+	return !$t(e, n, r) || n.sequence <= r.sequence || ["cancelled", "cancelling"].includes(r.status) || ["complete", "exhausted"].includes(n.status) && n.next === void 0 ? !1 : (un(t, n), Object.assign(r, Q(n.status === "waiting" ? n.nextRequestAt : null)), r.error = n.error ?? null, r.missing = Math.max(0, (r.pageSize ?? 0) - n.received), r.received = n.received, n.requests !== void 0 && (r.requests = n.requests), r.sequence = n.sequence, r.status = n.status, !0);
 }
-function dn(e, t, n) {
-	return e?.strategy !== "backend" || n.feedKey !== e.feedKey || n.pageSize !== e.pageSize ? !1 : (t.autofill = Yt(e, n), ln(t, n), !0);
+function fn(e, t, n) {
+	return e?.strategy !== "backend" || n.feedKey !== e.feedKey || n.pageSize !== e.pageSize ? !1 : (t.autofill = Xt(e, n), un(t, n), !0);
 }
 //#endregion
 //#region src/core/initialAutofill.ts
-async function fn({ cycleId: e, isCurrent: t, onCollection: n, onLastCursor: r, onPages: i, options: a, signal: o, state: s }) {
+async function pn({ cycleId: e, isCurrent: t, onCollection: n, onLastCursor: r, onPages: i, options: a, signal: o, state: s }) {
 	let c = a.autofill;
 	if (!c) return;
 	let l = s.items.length;
@@ -2668,7 +2675,7 @@ async function fn({ cycleId: e, isCurrent: t, onCollection: n, onLastCursor: r,
 		return;
 	}
 	if (c.strategy === "backend") {
-		await cn(c, s, {
+		await ln(c, s, {
 			cycleId: e,
 			feedKey: c.feedKey,
 			items: [...s.items],
@@ -2685,11 +2692,11 @@ async function fn({ cycleId: e, isCurrent: t, onCollection: n, onLastCursor: r,
 		s.autofill.status = "exhausted";
 		return;
 	}
-	let u = await $t({
+	let u = await en({
 		existingItems: s.items,
 		initialCursor: s.next,
 		loadPage: a.loadPage,
-		maximumRequests: Gt(c, !1),
+		maximumRequests: Kt(c, !1),
 		onCollection: n,
 		onDelayChange: (e) => {
 			t() && Object.assign(s.autofill, e);
@@ -2712,13 +2719,13 @@ async function fn({ cycleId: e, isCurrent: t, onCollection: n, onLastCursor: r,
 }
 //#endregion
 //#region src/core/fill.ts
-function pn(e) {
+function mn(e) {
 	return "pages" in e ? { pages: e.pages } : { until: "end" };
 }
-function mn(e) {
+function hn(e) {
 	return `${typeof e}:${String(e)}`;
 }
-function hn(e) {
+function gn(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.");
@@ -2727,20 +2734,20 @@ function hn(e) {
 	if ("until" in e && e.until === "end") return { until: "end" };
 	throw TypeError("Vibe fill target must be { pages } or { until: 'end' }.");
 }
-function gn(e) {
+function _n(e) {
 	if (!e) return;
 	if (e.strategy === "frontend") {
-		Vt(e, "frontend fill");
+		Ht(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.");
-		hn(t.target);
+		gn(t.target);
 	}
 }
-function _n(e, t, n = !0) {
+function vn(e, t, n = !0) {
 	let r = e?.strategy === "backend" && n ? e.initialSession : void 0, i = t ?? r, a = Q(i?.nextRequestAt);
 	return {
 		completedPages: i?.completedPages ?? 0,
@@ -2754,10 +2761,10 @@ function _n(e, t, n = !0) {
 		sessionId: i?.sessionId ?? null,
 		status: i?.status ?? "idle",
 		strategy: e?.strategy ?? null,
-		target: i ? pn(i.target) : null
+		target: i ? mn(i.target) : null
 	};
 }
-function vn(e) {
+function yn(e) {
 	return [
 		"cancelling",
 		"filling",
@@ -2765,13 +2772,13 @@ function vn(e) {
 		"waiting"
 	].includes(e.status);
 }
-async function yn({ existingItems: e, initialCursor: t, loadPage: n, onCollection: r = () => void 0, onDelayChange: i, onProgress: a, options: o, shouldPause: s = () => !1, signal: c, target: l }) {
+async function bn({ existingItems: e, initialCursor: t, loadPage: n, onCollection: r = () => void 0, onDelayChange: i, onProgress: a, options: o, shouldPause: s = () => !1, signal: c, target: l }) {
 	let u = [], d = [], f = [...e], p = /* @__PURE__ */ new Set(), m = 0, h = t, g = t, _ = t, v = 0, y;
 	for (; _ !== null;) {
-		let e = mn(h);
+		let e = hn(h);
 		if (p.has(e)) throw Error("Vibe fill received a repeated cursor.");
-		if (p.add(e), await Ut({
-			delayMs: Ht(m, o),
+		if (p.add(e), await Wt({
+			delayMs: Ut(m, o),
 			onChange: i,
 			signal: c
 		}), m > 0 && s()) return {
@@ -2784,7 +2791,7 @@ async function yn({ existingItems: e, initialCursor: t, loadPage: n, onCollectio
 			status: "paused",
 			total: y
 		};
-		let t = Ft(await n({
+		let t = It(await n({
 			cursor: h,
 			signal: c
 		}));
@@ -2852,7 +2859,7 @@ async function yn({ existingItems: e, initialCursor: t, loadPage: n, onCollectio
 }
 //#endregion
 //#region src/core/backendFill.ts
-async function bn(e, t, n, r) {
+async function xn(e, t, n, r) {
 	let i = await e.onStart(n);
 	if (r()) {
 		if (!i.sessionId.trim()) throw TypeError("Vibe backend fill requires a sessionId.");
@@ -2866,22 +2873,22 @@ async function bn(e, t, n, r) {
 		});
 	}
 }
-function xn(e, t, n) {
+function Sn(e, t, n) {
 	return e?.strategy === "backend" && n.feedKey === e.feedKey && n.sessionId === t.fill.sessionId;
 }
-function Sn(e) {
+function Cn(e) {
 	return Number.isInteger(e.completedPages) && e.completedPages >= 0 && Number.isInteger(e.received) && e.received >= 0 && Number.isInteger(e.sequence) && e.sequence >= 0;
 }
-function Cn(e, t) {
+function wn(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 wn(e, t, n) {
+function Tn(e, t, n) {
 	t.total !== void 0 && (e.total = t.total), ["complete", "exhausted"].includes(t.status) && (e.items = Z(e.items, t.items ?? []), e.next = t.next ?? null, n(t.lastCursor ?? null));
 }
-function Tn(e, t, n, r) {
-	return !xn(e, t, n) || !Sn(n) || n.sequence <= t.fill.sequence || ["cancelled", "cancelling"].includes(t.fill.status) || !Cn(t, n) ? !1 : (wn(t, n, r), Object.assign(t.fill, {
+function En(e, t, n, r) {
+	return !Sn(e, t, n) || !Cn(n) || n.sequence <= t.fill.sequence || ["cancelled", "cancelling"].includes(t.fill.status) || !wn(t, n) ? !1 : (Tn(t, n, r), Object.assign(t.fill, {
 		...Q(n.status === "waiting" ? n.nextRequestAt : null),
 		completedPages: n.completedPages,
 		error: n.error ?? null,
@@ -2890,42 +2897,42 @@ function Tn(e, t, n, r) {
 		status: n.status
 	}), !0);
 }
-function En(e, t, n, r) {
+function Dn(e, t, n, r) {
 	if (e?.strategy !== "backend" || n.feedKey !== e.feedKey) return !1;
 	let i = t.fill;
-	return t.fill = _n(e, n), !Sn(n) || !Cn(t, n) ? (t.fill = i, !1) : (wn(t, n, r), !0);
+	return t.fill = vn(e, n), !Cn(n) || !wn(t, n) ? (t.fill = i, !1) : (Tn(t, n, r), !0);
 }
 //#endregion
 //#region src/core/fillController.ts
-var Dn = class {
+var On = class {
 	abortController = null;
 	cycle = 0;
 	delayCountdown;
 	requestVersion = 0;
 	collection = null;
 	constructor(e) {
-		this.options = e, this.delayCountdown = new Wt((e) => {
+		this.options = e, this.delayCountdown = new Gt((e) => {
 			Object.assign(this.options.state.fill, e);
 		}), this.syncBackendCountdown();
 	}
 	isActive() {
-		return vn(this.options.state.fill);
+		return yn(this.options.state.fill);
 	}
 	applyUpdate(e) {
-		let t = Tn(this.options.fill, this.options.state, e, this.options.onLastCursor);
+		let t = En(this.options.fill, this.options.state, e, this.options.onLastCursor);
 		return t && this.syncBackendCountdown(), t;
 	}
 	restoreSession(e) {
-		let t = En(this.options.fill, this.options.state, e, this.options.onLastCursor);
+		let t = Dn(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 = hn(e), r = `vibe-fill-${Date.now().toString(36)}-${++this.cycle}`;
+		let n = gn(e), r = `vibe-fill-${Date.now().toString(36)}-${++this.cycle}`;
 		if (this.options.state.fill = {
-			..._n(t, void 0, !1),
+			...vn(t, void 0, !1),
 			cycleId: r,
 			status: "filling",
 			target: n
@@ -2936,7 +2943,7 @@ var Dn = class {
 		let i = ++this.requestVersion, a = new AbortController();
 		this.abortController = a;
 		try {
-			t.strategy === "frontend" ? await this.startFrontend(t, n, a, i) : (await bn(t, this.options.state, {
+			t.strategy === "frontend" ? await this.startFrontend(t, n, a, i) : (await xn(t, this.options.state, {
 				cycleId: r,
 				feedKey: t.feedKey,
 				items: [...this.options.state.items],
@@ -2954,7 +2961,7 @@ var Dn = class {
 	}
 	async cancel() {
 		let { fill: e, state: t } = this.options;
-		if (!vn(t.fill) || !t.fill.cycleId) return;
+		if (!yn(t.fill) || !t.fill.cycleId) return;
 		let n = {
 			cycleId: t.fill.cycleId,
 			feedKey: t.fill.feedKey ?? "",
@@ -2968,7 +2975,7 @@ var Dn = class {
 		}
 	}
 	reset() {
-		this.abortLocalRequest(), this.delayCountdown.clear(), this.options.state.fill = _n(this.options.fill, void 0, !1), this.collection = null;
+		this.abortLocalRequest(), this.delayCountdown.clear(), this.options.state.fill = vn(this.options.fill, void 0, !1), this.collection = null;
 	}
 	destroy() {
 		this.abortLocalRequest(), this.delayCountdown.clear();
@@ -2984,7 +2991,7 @@ var Dn = class {
 		if (!i) throw Error("Vibe frontend fill requires loadPage.");
 		let a = this.options.state;
 		a.isLoadingMore = !0;
-		let o = await yn({
+		let o = await bn({
 			existingItems: a.items,
 			initialCursor: a.next,
 			loadPage: i,
@@ -3024,7 +3031,7 @@ var Dn = class {
 };
 //#endregion
 //#region src/core/feedFooter.ts
-function On(e) {
+function kn(e) {
 	return {
 		cancelAutofill: () => e.cancelAutofill(),
 		loadMore: () => e.loadNext(),
@@ -3032,45 +3039,45 @@ function On(e) {
 		retryEnd: () => e.retryEnd()
 	};
 }
-function kn(e) {
-	if (!Number.isFinite(e) || e <= 0) throw TypeError("Vibe reelAutoAdvance.intervalMs must be a positive number.");
-}
 function An(e) {
-	e?.intervalMs !== void 0 && kn(e.intervalMs);
+	if (!Number.isFinite(e) || e <= 0) throw TypeError("Vibe reelAutoAdvance.intervalMs must be a positive number.");
 }
 function jn(e) {
+	e?.intervalMs !== void 0 && An(e.intervalMs);
+}
+function Mn(e) {
 	return {
 		enabled: e?.enabled ?? !1,
 		includePostItems: e?.includePostItems ?? !1,
 		intervalMs: e?.intervalMs ?? 5e3
 	};
 }
-function Mn(e, t) {
+function Nn(e, t) {
 	if (typeof t == "boolean") {
 		e.enabled = t;
 		return;
 	}
-	An(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);
+	jn(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 Nn(e) {
+function Pn(e) {
 	return { enabled: e?.enabled ?? !1 };
 }
-function Pn(e, t, n) {
+function Fn(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 Fn(e, t) {
+function In(e, t) {
 	let n = e.initialPage;
 	return {
 		activeReelPostId: null,
-		autoScroll: on(e.autoScroll),
-		autofill: Yt(e.autofill),
+		autoScroll: sn(e.autoScroll),
+		autofill: Xt(e.autofill),
 		error: null,
-		fill: _n(e.fill),
+		fill: vn(e.fill),
 		infiniteScroll: e.infiniteScroll ?? !0,
 		isLoading: !n,
 		isLoadingMore: !1,
@@ -3081,14 +3088,14 @@ function Fn(e, t) {
 		next: n?.next ?? null,
 		nextPageError: null,
 		phoneMode: !1,
-		reelAutoAdvance: jn(e.reelAutoAdvance),
+		reelAutoAdvance: Mn(e.reelAutoAdvance),
 		reelForward: {
 			error: null,
 			status: "idle"
 		},
 		reelForwardIndex: null,
 		reelForwardItem: null,
-		reelInfoSheet: Nn(e.reelInfoSheet),
+		reelInfoSheet: Pn(e.reelInfoSheet),
 		reelInfoSheetOverlay: !1,
 		reelMediaSource: "original",
 		reelOrigin: null,
@@ -3097,20 +3104,20 @@ function Fn(e, t) {
 }
 //#endregion
 //#region src/core/options.ts
-function In(e, t) {
+function Ln(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 Ln(e, t) {
+function Rn(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 Rn(e) {
-	if (an(e.autoScroll), In("cardHeader", e.cardHeader), In("cardFooter", e.cardFooter), Ln("header", e.mediaCard?.header), Ln("footer", e.mediaCard?.footer), Jt(e.autofill), gn(e.fill), An(e.reelAutoAdvance), e.removalReconciliation) {
+function zn(e) {
+	if (on(e.autoScroll), Ln("cardHeader", e.cardHeader), Ln("cardFooter", e.cardFooter), Rn("header", e.mediaCard?.header), Rn("footer", e.mediaCard?.footer), Yt(e.autofill), _n(e.fill), jn(e.reelAutoAdvance), e.removalReconciliation) {
 		if (!Number.isInteger(e.removalReconciliation.pageSize) || e.removalReconciliation.pageSize <= 0) throw TypeError("Vibe removalReconciliation pageSize must be a positive integer.");
 		let t = e.removalReconciliation.maxReplayPages ?? 5;
 		if (!Number.isInteger(t) || t <= 0) throw TypeError("Vibe removalReconciliation maxReplayPages must be a positive integer.");
@@ -3124,7 +3131,7 @@ function Rn(e) {
 	if (e.fill?.strategy === "frontend" && !e.loadPage) throw TypeError("Vibe frontend fill requires loadPage.");
 	if (e.fill?.strategy === "backend" && e.fill.initialSession && !e.initialPage) throw TypeError("Vibe backend fill restoration requires initialPage.");
 }
-function zn(e) {
+function Bn(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);
@@ -3133,7 +3140,7 @@ function zn(e) {
 }
 //#endregion
 //#region src/core/pageRequest.ts
-async function Bn({ append: e, autofillController: t, cursor: n, isCurrent: r, loadPage: i, onLastCursor: a, onPages: o, options: s, signal: c, state: l }) {
+async function Vn({ append: e, autofillController: t, cursor: n, isCurrent: r, loadPage: i, onLastCursor: a, onPages: o, options: s, signal: c, state: l }) {
 	let u = s.autofill, d = e && u?.strategy === "frontend" && l.autofill.status === "paused", f = d ? {
 		received: l.autofill.received,
 		requests: l.autofill.requests
@@ -3145,11 +3152,11 @@ async function Bn({ append: e, autofillController: t, cursor: n, isCurrent: r, l
 	let m = !1;
 	try {
 		if (u?.strategy === "frontend") {
-			let s = await $t({
+			let s = await en({
 				existingItems: e ? l.items : [],
 				initialCursor: n,
 				loadPage: i,
-				maximumRequests: f ? Math.max(0, Gt(u) - f.requests) : void 0,
+				maximumRequests: f ? Math.max(0, Kt(u) - f.requests) : void 0,
 				onCollection: (e) => t.captureCollection(e, r()),
 				onDelayChange: (e) => {
 					r() && Object.assign(l.autofill, e);
@@ -3172,7 +3179,7 @@ async function Bn({ append: e, autofillController: t, cursor: n, isCurrent: r, l
 			}), o(s.pages), t.clearCollection();
 			return;
 		}
-		let s = Ft(await i({
+		let s = It(await i({
 			cursor: n,
 			signal: c
 		}));
@@ -3192,7 +3199,7 @@ async function Bn({ append: e, autofillController: t, cursor: n, isCurrent: r, l
 				l.autofill.status = "complete";
 				return;
 			}
-			await cn(u, l, {
+			await ln(u, l, {
 				cycleId: p,
 				feedKey: u.feedKey,
 				items: h.slice(d.length),
@@ -3216,13 +3223,13 @@ async function Bn({ append: e, autofillController: t, cursor: n, isCurrent: r, l
 function $(e) {
 	return `${typeof e}:${String(e)}`;
 }
-function Vn(e) {
+function Hn(e) {
 	return `${typeof e}:${String(e)}`;
 }
-function Hn(e) {
+function Un(e) {
 	return e.map(({ postId: e }) => e);
 }
-var Un = class {
+var Wn = class {
 	delay;
 	enabled;
 	maxReplayPages;
@@ -3264,14 +3271,14 @@ var Un = class {
 	async reconcile({ existingItems: e, loadPage: t, shouldPause: n = () => !1, signal: r }) {
 		let i = this.pending ?? this.createSession(e);
 		for (this.pending = i; i.remainingRequests > 0;) {
-			let e = Vn(i.cursor);
+			let e = Hn(i.cursor);
 			if (i.seenCursors.has(e)) throw Error("Vibe removal reconciliation received a repeated cursor.");
-			if (await Ut({
-				delayMs: Ht(i.pages.length, this.delay),
+			if (await Wt({
+				delayMs: Ut(i.pages.length, this.delay),
 				onChange: () => void 0,
 				signal: r
 			}), i.pages.length > 0 && n()) return this.result(i, "paused");
-			let a = Ft(await t({
+			let a = It(await t({
 				cursor: i.cursor,
 				signal: r
 			}));
@@ -3284,7 +3291,7 @@ var Un = class {
 				contributionIds: s,
 				cursor: i.cursor,
 				next: a.next,
-				returnedIds: Hn(o)
+				returnedIds: Un(o)
 			}), i.lastCursor = i.cursor, i.next = a.next, --i.remainingRequests, a.total !== void 0 && (i.total = a.total), i.next === null ? i.remainingRequests = 0 : i.cursor = i.next, i.remainingRequests > 0 && n()) return this.result(i, "paused");
 		}
 		return this.result(i, "complete");
@@ -3323,7 +3330,7 @@ var Un = class {
 		return this.pages.findIndex(({ contributionIds: e }) => e.filter((e) => t.has($(e))).length < this.pageSize);
 	}
 	recordPage(e) {
-		let t = Vn(e.cursor), n = this.pages.findIndex(({ cursor: e }) => Vn(e) === t);
+		let t = Hn(e.cursor), n = this.pages.findIndex(({ cursor: e }) => Hn(e) === t);
 		n >= 0 && (this.pages = this.pages.slice(0, n)), this.pages.push({
 			...e,
 			contributionIds: [...e.contributionIds],
@@ -3333,7 +3340,7 @@ var Un = class {
 };
 //#endregion
 //#region src/core/activeItemRemoval.ts
-function Wn(e, t, n, r, i) {
+function Gn(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)];
@@ -3346,7 +3353,7 @@ function Wn(e, t, n, r, i) {
 }
 //#endregion
 //#region src/core/exactMediaRemovalController.ts
-function Gn(e, t) {
+function Kn(e, t) {
 	let [n, ...r] = t;
 	if (!n) throw Error("Vibe items must contain at least one media asset.");
 	return {
@@ -3355,10 +3362,10 @@ function Gn(e, t) {
 		items: r
 	};
 }
-function Kn(e) {
+function qn(e) {
 	if (!Number.isInteger(e.mediaIndex) || e.mediaIndex < 0) throw TypeError("Vibe mediaIndex must be a non-negative integer.");
 }
-var qn = class {
+var Jn = class {
 	generation = 0;
 	metadata = /* @__PURE__ */ new WeakMap();
 	state;
@@ -3366,7 +3373,7 @@ var qn = class {
 		this.options = e, this.state = e.state;
 	}
 	remove(e) {
-		Kn(e);
+		qn(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];
@@ -3383,7 +3390,7 @@ var qn = 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] = Gn(n, r), this.updateMediaIndexAfterRemoval(n.postId, e.mediaIndex, c), a) : (this.state.items.splice(t, 1), this.options.onPostRemoved(n.postId), this.state.mediaIndices.delete(n.postId), s && this.advanceFromRemovedPost(a, n), a);
+		return r.splice(e.mediaIndex, 1), r.length > 0 ? (this.state.items[t] = Kn(n, r), this.updateMediaIndexAfterRemoval(n.postId, e.mediaIndex, c), a) : (this.state.items.splice(t, 1), this.options.onPostRemoved(n.postId), this.state.mediaIndices.delete(n.postId), s && this.advanceFromRemovedPost(a, n), a);
 	}
 	reset() {
 		this.generation += 1;
@@ -3409,7 +3416,7 @@ var qn = 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] = Gn(n, r), this.state.activeReelPostId !== t.postId) return;
+		if (r.splice(i, 0, t.media), this.state.items[e] = Kn(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);
 	}
@@ -3422,18 +3429,18 @@ var qn = class {
 };
 //#endregion
 //#region src/core/itemPlacement.ts
-function Jn(e, t) {
+function Yn(e, t) {
 	let n = new Set(t);
 	return e.flatMap((e, t) => n.has(e.postId) ? [{
 		index: t,
 		item: e
 	}] : []);
 }
-function Yn(e, t) {
+function Xn(e, t) {
 	let n = new Set(t.map(({ item: e }) => e.postId));
 	return e.filter((e) => !n.has(e.postId));
 }
-function Xn(e, t) {
+function Zn(e, t) {
 	t.forEach(({ index: e }) => {
 		if (!Number.isInteger(e) || e < 0) throw Error("Vibe item restore indexes must be non-negative integers.");
 	});
@@ -3444,7 +3451,7 @@ function Xn(e, t) {
 }
 //#endregion
 //#region src/core/itemRemovalController.ts
-var Zn = 20, Qn = class {
+var Qn = 20, $n = class {
 	generation = 0;
 	historyLimit;
 	metadata = /* @__PURE__ */ new WeakMap();
@@ -3453,7 +3460,7 @@ var Zn = 20, Qn = 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 ?? Qn, 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();
@@ -3466,7 +3473,7 @@ var Zn = 20, Qn = 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 = Yn(this.state.items, t), this.options.onItemsRemoved(n, t, c), this.record(n), n;
+		return this.state.items = Xn(this.state.items, t), this.options.onItemsRemoved(n, t, c), this.record(n), n;
 	}
 	reset() {
 		this.generation += 1, this.history = [], this.itemOrder = [];
@@ -3477,7 +3484,7 @@ var Zn = 20, Qn = class {
 			this.restoreRemoval(t);
 			return;
 		}
-		let n = Xn(this.state.items, e);
+		let n = Zn(this.state.items, e);
 		this.registerExternalPlacements(e), this.state.items = n;
 	}
 	restoreRemoval(e) {
@@ -3503,7 +3510,7 @@ var Zn = 20, Qn = class {
 	}
 	collectOrderedPlacements(e) {
 		let t = new Map(this.itemOrder.map((e, t) => [e, t]));
-		return Jn(this.state.items, e).map((e) => ({
+		return Yn(this.state.items, e).map((e) => ({
 			index: t.get(e.item.postId) ?? e.index,
 			item: e.item
 		}));
@@ -3534,7 +3541,7 @@ var Zn = 20, Qn = 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;
 	}
-}, $n = class {
+}, er = class {
 	forward = null;
 	forwardPromise = null;
 	forwardVersion = 0;
@@ -3612,7 +3619,7 @@ var Zn = 20, Qn = class {
 			}
 		}
 	}
-}, er = class {
+}, tr = class {
 	generation = 0;
 	pending = Promise.resolve();
 	constructor(e) {
@@ -3662,24 +3669,24 @@ var Zn = 20, Qn = class {
 };
 //#endregion
 //#region src/core/removalControllers.ts
-function tr(e) {
-	let t = new $n(e), n = new er({
+function nr(e) {
+	let t = new er(e), n = new tr({
 		state: e.state,
 		transitionMedia: (t) => e.surface()?.transitionActiveReelMedia(t) ?? Promise.resolve(!1),
 		transitionPost: (t) => e.surface()?.transitionActiveReelPost(t) ?? Promise.resolve(!1)
 	});
 	return {
-		exactMediaRemoval: new qn({
+		exactMediaRemoval: new Jn({
 			onActivate: e.onActivate,
 			onPostRemoved: (t) => e.onItemsRemoved([t]),
 			onPostRestored: (t) => e.onItemsRestored([t]),
 			reelForward: t,
 			state: e.state
 		}),
-		itemRemoval: new Qn({
+		itemRemoval: new $n({
 			historyLimit: e.historyLimit,
 			onItemsRemoved: (n, r, i) => {
-				e.onItemsRemoved(r.map(({ item: e }) => e.postId)), Wn(e.state, r, i, e.onActivate, (e, r) => t.start(n, e, r));
+				e.onItemsRemoved(r.map(({ item: e }) => e.postId)), Gn(e.state, r, i, e.onActivate, (e, r) => t.start(n, e, r));
 			},
 			onRemovalRestored: (n) => {
 				e.onItemsRestored(n.map(({ item: e }) => e.postId));
@@ -3694,17 +3701,17 @@ function tr(e) {
 		reelRemoval: n
 	};
 }
-var nr = 1.5;
-function rr(e) {
+var rr = 1.5;
+function ir(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 * nr;
+	let n = Math.min(e.viewportWidth, e.viewportHeight), r = t >= n * rr;
 	return !e.hasHover && n > 0 && n < 600 && r;
 }
-function ir(e) {
-	return rr(e) ? "reel" : "masonry";
-}
 function ar(e) {
+	return ir(e) ? "reel" : "masonry";
+}
+function or(e) {
 	let t = e.ownerDocument.defaultView, n = e.ownerDocument.documentElement;
 	return {
 		hasHover: typeof t?.matchMedia == "function" && t.matchMedia("(hover: hover)").matches,
@@ -3714,15 +3721,15 @@ function ar(e) {
 		viewportWidth: n.clientWidth
 	};
 }
-function or(e) {
-	return rr(ar(e));
-}
 function sr(e) {
-	return ir(ar(e));
+	return ir(or(e));
+}
+function cr(e) {
+	return ar(or(e));
 }
 //#endregion
 //#region src/core/responsiveLayoutController.ts
-var cr = class {
+var lr = class {
 	layoutMode;
 	resizeObserver = null;
 	target = null;
@@ -3747,10 +3754,10 @@ var cr = class {
 	}
 	handleResponsiveLayout = () => {
 		if (!this.target) return;
-		let e = sr(this.target);
-		this.state.phoneMode = or(this.target), this.state.reelInfoSheetOverlay = this.state.phoneMode, this.state.reelMediaSource = e === "reel" ? "preview" : "original", this.layoutMode === "responsive" && this.applyLayout(e);
+		let e = cr(this.target);
+		this.state.phoneMode = sr(this.target), this.state.reelInfoSheetOverlay = this.state.phoneMode, this.state.reelMediaSource = e === "reel" ? "preview" : "original", this.layoutMode === "responsive" && this.applyLayout(e);
 	};
-}, lr = class {
+}, ur = class {
 	routedReelPostId = null;
 	reelRouteIsActive = !1;
 	constructor(e, t) {
@@ -3777,7 +3784,7 @@ var cr = class {
 		let i = this.reelRouteIsActive ? "replace" : "push";
 		this.reelRouteIsActive = !0, this.routedReelPostId = e, this.options.router[i](r);
 	}
-}, ur = class {
+}, dr = class {
 	app = null;
 	autoScroll;
 	autofillController;
@@ -3797,12 +3804,12 @@ var cr = class {
 	lastLoadedCursor = null;
 	state;
 	constructor(e) {
-		this.options = e, Rn(e);
+		this.options = e, zn(e);
 		let t = e.layout ?? "masonry";
-		this.state = x(Fn(e, t)), this.autoScroll = new sn({
+		this.state = x(In(e, t)), this.autoScroll = new cn({
 			getScrollElement: () => this.surface?.getAutoScrollElement() ?? null,
 			state: this.state.autoScroll
-		}), this.autofillController = new en({
+		}), this.autofillController = new tn({
 			cancelRequest: () => this.cancelRequest(),
 			onLastCursor: (e) => {
 				this.lastLoadedCursor = e;
@@ -3810,7 +3817,7 @@ var cr = class {
 			onPages: (e) => this.removalReconciliation.recordPages(e),
 			options: e.autofill,
 			state: this.state
-		}), this.removalReconciliation = new Un(e), this.fillController = new Dn({
+		}), this.removalReconciliation = new Wn(e), this.fillController = new On({
 			fill: e.fill,
 			loadPage: e.loadPage ? (e) => this.loadFilteredPage(e) : void 0,
 			onLastCursor: (e) => {
@@ -3818,8 +3825,8 @@ var cr = class {
 			},
 			onPages: (e) => this.removalReconciliation.recordPages(e),
 			state: this.state
-		}), this.routing = new lr(e.routing, this.state);
-		let n = tr({
+		}), this.routing = new ur(e.routing, this.state);
+		let n = nr({
 			historyLimit: e.removalHistoryLimit,
 			loadNext: () => this.loadNext(),
 			onActivate: (e) => this.setActiveReelPost(e),
@@ -3829,20 +3836,20 @@ var cr = 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 cr(t, this.state, () => {
+		this.exactMediaRemoval = n.exactMediaRemoval, this.itemRemoval = n.itemRemoval, this.reelForward = n.reelForward, this.reelRemoval = n.reelRemoval, this.responsiveLayout = new lr(t, this.state, () => {
 			this.routing.syncFeed();
 		}), this.startStateNotifications();
 	}
 	async mount() {
 		if (this.app) throw Error("Vibe is already mounted.");
 		this.startStateNotifications();
-		let e = zn(this.options.target);
-		this.responsiveLayout.mount(e), this.app = i(Pt, {
+		let e = Bn(this.options.target);
+		this.responsiveLayout.mount(e), this.app = i(Ft, {
 			canRetryEnd: !!this.options.loadPage,
 			cardFooter: this.options.cardFooter,
 			cardHeader: this.options.cardHeader,
 			feedFooter: this.options.feedFooter,
-			feedFooterActions: On(this),
+			feedFooterActions: kn(this),
 			mediaCard: this.options.mediaCard,
 			onMediaReady: this.options.onMediaReady,
 			onMediaVisible: this.options.onMediaVisible,
@@ -3924,7 +3931,7 @@ var cr = class {
 		this.autoScroll.setSpeed(e);
 	}
 	applyAutofillUpdate(e) {
-		let t = un(this.options.autofill, this.state, e);
+		let t = dn(this.options.autofill, this.state, e);
 		return t && this.autofillController.syncCountdown(), t;
 	}
 	cancelAutofill() {
@@ -3935,7 +3942,7 @@ var cr = class {
 			await this.cancelFill();
 			return;
 		}
-		if (Xt(this.state.autofill)) {
+		if (Zt(this.state.autofill)) {
 			await this.cancelAutofill();
 			return;
 		}
@@ -3949,12 +3956,12 @@ var cr = class {
 	}
 	async fill(e) {
 		if (!this.state.loadMoreLocked) {
-			if (this.pendingRequest || Xt(this.state.autofill)) throw Error("Vibe cannot fill while another page operation is active.");
+			if (this.pendingRequest || Zt(this.state.autofill)) throw Error("Vibe cannot fill while another page operation is active.");
 			await this.fillController.start(e);
 		}
 	}
 	restoreAutofillSession(e) {
-		let t = dn(this.options.autofill, this.state, e);
+		let t = fn(this.options.autofill, this.state, e);
 		return t && this.autofillController.syncCountdown(), t;
 	}
 	restoreFillSession(e) {
@@ -3962,7 +3969,7 @@ var cr = class {
 	}
 	async loadNext() {
 		if (this.pendingRequest) return this.pendingRequest;
-		if (this.state.loadMoreLocked || Xt(this.state.autofill) || this.fillController.isActive() || !this.options.loadPage || this.state.next === null && !this.removalReconciliation.needsReconciliation(this.state.items)) return;
+		if (this.state.loadMoreLocked || Zt(this.state.autofill) || this.fillController.isActive() || !this.options.loadPage || this.state.next === null && !this.removalReconciliation.needsReconciliation(this.state.items)) return;
 		this.state.isLoadingMore = !0, this.state.nextPageError = null;
 		let e = this.loadNextSequence();
 		return this.pendingRequest = e, e.finally(() => {
@@ -3977,12 +3984,12 @@ var cr = class {
 	}
 	async replaceFeed(e, t) {
 		if (!this.options.loadPage) throw Error(`Vibe cannot ${t} without loadPage.`);
-		return Xt(this.state.autofill) && await this.cancelAutofill(), this.fillController.isActive() && await this.cancelFill(), this.cancelRequest(), this.state.autofill = Yt(this.options.autofill, void 0, !1), this.fillController.reset(), this.reelForward.reset(), this.reelRemoval.reset(), this.exactMediaRemoval.reset(), this.itemRemoval.reset(), this.removalReconciliation.reset(), this.state.error = null, this.state.isLoading = !0, this.state.items = [], this.state.next = null, this.state.nextPageError = null, this.state.total = null, this.startRequest(e, !1);
+		return Zt(this.state.autofill) && await this.cancelAutofill(), this.fillController.isActive() && await this.cancelFill(), this.cancelRequest(), this.state.autofill = Xt(this.options.autofill, void 0, !1), this.fillController.reset(), this.reelForward.reset(), this.reelRemoval.reset(), this.exactMediaRemoval.reset(), this.itemRemoval.reset(), this.removalReconciliation.reset(), this.state.error = null, this.state.isLoading = !0, this.state.items = [], this.state.next = null, this.state.nextPageError = null, this.state.total = null, this.startRequest(e, !1);
 	}
 	async loadFilteredPage(e) {
 		let t = this.options.loadPage;
 		if (!t) throw Error("Vibe cannot load a page without loadPage.");
-		let n = Ft(await t(e));
+		let n = It(await t(e));
 		return {
 			...n,
 			items: this.removalReconciliation.filterItems(n.items)
@@ -4012,7 +4019,7 @@ var cr = class {
 	}
 	async retryEnd() {
 		if (this.pendingRequest) return this.pendingRequest;
-		if (!this.state.loadMoreLocked && !(Xt(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 && !(Zt(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());
@@ -4040,10 +4047,10 @@ var cr = class {
 		this.state.total = e;
 	}
 	setReelAutoAdvance(e) {
-		Mn(this.state.reelAutoAdvance, e);
+		Nn(this.state.reelAutoAdvance, e);
 	}
 	setReelInfoSheet(e) {
-		Pn(this.state.reelInfoSheet, this.options.reelInfoSheet, e);
+		Fn(this.state.reelInfoSheet, this.options.reelInfoSheet, e);
 	}
 	setLayout(e) {
 		this.responsiveLayout.setLayout(e);
@@ -4063,7 +4070,7 @@ var cr = class {
 	async fetchPage(e, t) {
 		if (!this.options.loadPage) return;
 		let n = ++this.requestVersion, r = new AbortController();
-		this.abortController = r, await Bn({
+		this.abortController = r, await Vn({
 			append: t,
 			autofillController: this.autofillController,
 			cursor: e,
@@ -4087,7 +4094,7 @@ var cr = class {
 	startInitialAutofill() {
 		let e = ++this.requestVersion, t = new AbortController(), n = this.autofillController.beginCycle();
 		this.abortController = t, this.state.isLoadingMore = !0;
-		let r = fn({
+		let r = pn({
 			cycleId: n,
 			isCurrent: () => e === this.requestVersion,
 			onCollection: (t) => this.autofillController.captureCollection(t, e === this.requestVersion),
@@ -4113,8 +4120,8 @@ var cr = class {
 		}));
 	}
 };
-function dr(e) {
-	return new ur(e);
+function fr(e) {
+	return new dr(e);
 }
 //#endregion
-export { dr as createVibe };
+export { fr as createVibe };