@wyxos/vibe 5.1.0 → 5.2.1

package/lib/index.js

@@ -282,7 +282,7 @@ var le = ["aria-hidden"], J = [
 	"aria-valuemax",
 	"aria-valuenow",
 	"tabindex"
-], ue = 32, de = 40, Y = 120, fe = /* @__PURE__ */ d({
+], ue = 32, de = 40, fe = 120, pe = /* @__PURE__ */ d({
 	__name: "GalleryScrollbar",
 	props: {
 		contentSize: {},
@@ -304,7 +304,7 @@ var le = ["aria-hidden"], J = [
 		function k() {
 			g !== null && clearTimeout(g), g = setTimeout(() => {
 				g = null, o.value || (l.value = !1);
-			}, Y);
+			}, fe);
 		}
 		function A() {
 			l.value = !0, k();
@@ -414,13 +414,13 @@ var le = ["aria-hidden"], J = [
 			onPointerup: R
 		}, null, 44, J)], 42, le));
 	}
-}), X = (e) => {
+}), Y = (e) => {
 	for (let t in e) if (t.startsWith("aria-") || t === "role" || t === "title") return !0;
 	return !1;
-}, Z = (e) => e === "", pe = (...e) => e.filter((e, t, n) => !!e && e.trim() !== "" && n.indexOf(e) === t).join(" ").trim(), me = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), he = (e) => e.replace(/^([A-Z])|[\s-_]+(\w)/g, (e, t, n) => n ? n.toUpperCase() : t.toLowerCase()), ge = (e) => {
-	let t = he(e);
+}, X = (e) => e === "", me = (...e) => e.filter((e, t, n) => !!e && e.trim() !== "" && n.indexOf(e) === t).join(" ").trim(), he = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), ge = (e) => e.replace(/^([A-Z])|[\s-_]+(\w)/g, (e, t, n) => n ? n.toUpperCase() : t.toLowerCase()), _e = (e) => {
+	let t = ge(e);
 	return t.charAt(0).toUpperCase() + t.slice(1);
-}, _e = {
+}, ve = {
 	xmlns: "http://www.w3.org/2000/svg",
 	width: 24,
 	height: 24,
@@ -430,27 +430,27 @@ var le = ["aria-hidden"], J = [
 	"stroke-width": 2,
 	"stroke-linecap": "round",
 	"stroke-linejoin": "round"
-}, ve = ({ name: e, iconNode: t, absoluteStrokeWidth: n, "absolute-stroke-width": r, strokeWidth: i, "stroke-width": a, size: o = _e.width, color: s = _e.stroke, ...c }, { slots: l }) => p("svg", {
-	..._e,
+}, ye = ({ name: e, iconNode: t, absoluteStrokeWidth: n, "absolute-stroke-width": r, strokeWidth: i, "stroke-width": a, size: o = ve.width, color: s = ve.stroke, ...c }, { slots: l }) => p("svg", {
+	...ve,
 	...c,
 	width: o,
 	height: o,
 	stroke: s,
-	"stroke-width": Z(n) || Z(r) || n === !0 || r === !0 ? Number(i || a || _e["stroke-width"]) * 24 / Number(o) : i || a || _e["stroke-width"],
-	class: pe("lucide", c.class, ...e ? [`lucide-${me(ge(e))}-icon`, `lucide-${me(e)}`] : ["lucide-icon"]),
-	...!l.default && !X(c) && { "aria-hidden": "true" }
-}, [...t.map((e) => p(...e)), ...l.default ? [l.default()] : []]), ye = (e, t) => (n, { slots: r, attrs: i }) => p(ve, {
+	"stroke-width": X(n) || X(r) || n === !0 || r === !0 ? Number(i || a || ve["stroke-width"]) * 24 / Number(o) : i || a || ve["stroke-width"],
+	class: me("lucide", c.class, ...e ? [`lucide-${he(_e(e))}-icon`, `lucide-${he(e)}`] : ["lucide-icon"]),
+	...!l.default && !Y(c) && { "aria-hidden": "true" }
+}, [...t.map((e) => p(...e)), ...l.default ? [l.default()] : []]), be = (e, t) => (n, { slots: r, attrs: i }) => p(ye, {
 	...i,
 	...n,
 	iconNode: t,
 	name: e
-}, r), be = ye("chevron-left", [["path", {
+}, r), xe = be("chevron-left", [["path", {
 	d: "m15 18-6-6 6-6",
 	key: "1wnfg3"
-}]]), xe = ye("chevron-right", [["path", {
+}]]), Se = be("chevron-right", [["path", {
 	d: "m9 18 6-6-6-6",
 	key: "mthhwq"
-}]]), Se = ye("pause", [["rect", {
+}]]), Ce = be("pause", [["rect", {
 	x: "14",
 	y: "3",
 	width: "5",
@@ -464,10 +464,10 @@ var le = ["aria-hidden"], J = [
 	height: "18",
 	rx: "1",
 	key: "1wsw3u"
-}]]), Ce = ye("play", [["path", {
+}]]), we = be("play", [["path", {
 	d: "M5 5a2 2 0 0 1 3.008-1.728l11.997 6.998a2 2 0 0 1 .003 3.458l-12 7A2 2 0 0 1 5 19z",
 	key: "10ikf1"
-}]]), we = ye("volume-2", [
+}]]), Te = be("volume-2", [
 	["path", {
 		d: "M11 4.702a.705.705 0 0 0-1.203-.498L6.413 7.587A1.4 1.4 0 0 1 5.416 8H3a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h2.416a1.4 1.4 0 0 1 .997.413l3.383 3.384A.705.705 0 0 0 11 19.298z",
 		key: "uqj9uw"
@@ -480,7 +480,7 @@ var le = ["aria-hidden"], J = [
 		d: "M19.364 18.364a9 9 0 0 0 0-12.728",
 		key: "ijwkga"
 	}]
-]), Te = ye("volume-x", [
+]), Ee = be("volume-x", [
 	["path", {
 		d: "M11 4.702a.705.705 0 0 0-1.203-.498L6.413 7.587A1.4 1.4 0 0 1 5.416 8H3a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h2.416a1.4 1.4 0 0 1 .997.413l3.383 3.384A.705.705 0 0 0 11 19.298z",
 		key: "uqj9uw"
@@ -499,32 +499,32 @@ var le = ["aria-hidden"], J = [
 		y2: "15",
 		key: "5ykzw1"
 	}]
-]), Ee = {
+]), De = {
 	401: "Authentication required",
 	403: "Access forbidden",
 	404: "Preview not found",
 	419: "Session expired",
 	500: "Server error"
 };
-function De(e) {
+function Oe(e) {
 	return e.match(/\/demo-errors\/(401|403|404|419|500)\//)?.[1] ?? "Error";
 }
-function Oe(e) {
-	return Ee[De(e)] ?? "Preview unavailable";
+function ke(e) {
+	return De[Oe(e)] ?? "Preview unavailable";
 }
 //#endregion
 //#region src/core/mediaType.ts
-var ke = /\.(aac|flac|m4a|mp3|mp4|mov|ogg|opus|wav|webm)$/i;
-function Ae(e) {
+var Ae = /\.(aac|flac|m4a|mp3|mp4|mov|ogg|opus|wav|webm)$/i;
+function je(e) {
 	try {
-		return ke.test(new URL(e).pathname);
+		return Ae.test(new URL(e).pathname);
 	} catch {
-		return ke.test(e.split("?")[0] ?? e);
+		return Ae.test(e.split("?")[0] ?? e);
 	}
 }
 //#endregion
 //#region src/components/CardRegion.vue
-var je = /* @__PURE__ */ d({
+var Me = /* @__PURE__ */ d({
 	__name: "CardRegion",
 	props: {
 		index: {},
@@ -571,18 +571,18 @@ var je = /* @__PURE__ */ d({
 			"total"
 		]))], 38));
 	}
-}), Me = [
+}), Ne = [
 	"max",
 	"value",
 	"aria-valuetext",
 	"disabled"
-], Ne = {
+], Pe = {
 	key: 0,
 	class: "media-controls-row"
-}, Pe = ["aria-label", "title"], Fe = { class: "media-controls-audio" }, Ie = ["aria-label", "title"], Le = ["value", "aria-valuetext"], Re = {
+}, Fe = ["aria-label", "title"], Ie = { class: "media-controls-audio" }, Le = ["aria-label", "title"], Re = ["value", "aria-valuetext"], ze = {
 	class: "media-control-time",
 	"aria-live": "off"
-}, ze = /* @__PURE__ */ d({
+}, Be = /* @__PURE__ */ d({
 	__name: "MediaControls",
 	props: {
 		currentTime: {},
@@ -630,35 +630,35 @@ var je = /* @__PURE__ */ d({
 			"aria-valuetext": `${u(p.value)} of ${u(f.value)}`,
 			disabled: f.value <= 0,
 			onInput: n[0] ||= (e) => i("seek", d(e))
-		}, null, 44, Me), e.layout === "reel" ? (b(), s("div", Ne, [
+		}, null, 44, Ne), e.layout === "reel" ? (b(), s("div", Pe, [
 			c("button", {
 				type: "button",
 				class: "media-control-button media-control-playback",
 				"aria-label": e.playing ? "Pause video" : "Play video",
 				title: e.playing ? "Pause" : "Play",
 				onClick: n[1] ||= (e) => i("togglePlayback")
-			}, [e.playing ? (b(), a(E(Se), {
+			}, [e.playing ? (b(), a(E(Ce), {
 				key: 0,
 				size: 18,
 				fill: "currentColor"
-			})) : (b(), a(E(Ce), {
+			})) : (b(), a(E(we), {
 				key: 1,
 				size: 18,
 				fill: "currentColor"
-			}))], 8, Pe),
-			c("div", Fe, [c("button", {
+			}))], 8, Fe),
+			c("div", Ie, [c("button", {
 				type: "button",
 				class: "media-control-button",
 				"aria-label": e.muted ? "Unmute video" : "Mute video",
 				title: e.muted ? "Unmute" : "Mute",
 				onClick: n[2] ||= (e) => i("toggleMute")
-			}, [e.muted || e.volume === 0 ? (b(), a(E(Te), {
+			}, [e.muted || e.volume === 0 ? (b(), a(E(Ee), {
 				key: 0,
 				size: 18
-			})) : (b(), a(E(we), {
+			})) : (b(), a(E(Te), {
 				key: 1,
 				size: 18
-			}))], 8, Ie), c("input", {
+			}))], 8, Le), c("input", {
 				class: "media-control-range media-control-volume",
 				type: "range",
 				min: "0",
@@ -669,14 +669,14 @@ var je = /* @__PURE__ */ d({
 				"aria-label": "Video volume",
 				"aria-valuetext": `${Math.round(e.volume * 100)} percent`,
 				onInput: n[3] ||= (e) => i("volumeChange", d(e))
-			}, null, 44, Le)]),
-			c("output", Re, T(u(p.value)) + " / " + T(u(f.value)), 1)
+			}, null, 44, Re)]),
+			c("output", ze, T(u(p.value)) + " / " + T(u(f.value)), 1)
 		])) : o("", !0)], 34));
 	}
 });
 //#endregion
 //#region src/components/useReelVideoActivity.ts
-function Be(e) {
+function Ve(e) {
 	let t = r(() => e.layout() !== "reel" || e.active() === !0), n = r(() => t.value ? e.videoIsMuted.value : !0);
 	function i() {
 		if (!t.value) {
@@ -710,7 +710,7 @@ function Be(e) {
 }
 //#endregion
 //#region src/components/MediaCard.vue?vue&type=script&setup=true&lang.ts
-var Ve = [
+var He = [
 	"data-post-id",
 	"data-media-index",
 	"aria-hidden",
@@ -718,12 +718,12 @@ var Ve = [
 	"inert",
 	"role",
 	"tabindex"
-], He = { class: "media-card-content" }, Ue = ["data-media-direction"], We = ["data-media-index"], Ge = {
+], Ue = { class: "media-card-content" }, We = ["data-media-direction"], Ge = ["data-media-index"], Ke = {
 	key: 0,
 	"data-test": "media-loading",
 	class: "media-loading",
 	"aria-hidden": "true"
-}, Ke = ["aria-label"], qe = { class: "media-error-code" }, Je = [
+}, qe = ["aria-label"], Je = { class: "media-error-code" }, Ye = [
 	"src",
 	"width",
 	"height",
@@ -731,12 +731,12 @@ var Ve = [
 	"loop",
 	"muted",
 	"preload"
-], Ye = [
+], Xe = [
 	"src",
 	"width",
 	"height",
 	"fetchpriority"
-], Xe = ["aria-label"], Ze = ["aria-label"], Qe = ["aria-label"], $e = 40, et = 160, tt = 24, nt = /* @__PURE__ */ d({
+], Ze = ["aria-label"], Qe = ["aria-label"], $e = ["aria-label"], et = 40, tt = 160, nt = 24, rt = /* @__PURE__ */ d({
 	__name: "MediaCard",
 	props: {
 		active: { type: Boolean },
@@ -772,7 +772,7 @@ var Ve = [
 		function S(e = !1, t = "pointer") {
 			e && x("activate", t);
 		}
-		let C = r(() => M(l.item)), D = r(() => N(l.item, l.mediaIndex)), O = r(() => P(l.item, D.value)), F = r(() => l.mediaSource === "original" ? O.value.src : O.value.preview.src), I = r(() => l.mediaSource === "original" ? O.value.width : O.value.preview.width), L = r(() => l.mediaSource === "original" ? O.value.height : O.value.preview.height), R = w(null), z = w(0), B = w(0), V = w(l.mediaCard?.videoMuted ?? l.layout === "masonry"), H = w(!1), ee = w(1), te = 1, { effectiveMuted: ne, onPlaying: re, playbackAllowed: ie } = Be({
+		let C = r(() => M(l.item)), D = r(() => N(l.item, l.mediaIndex)), O = r(() => P(l.item, D.value)), F = r(() => l.mediaSource === "original" ? O.value.src : O.value.preview.src), I = r(() => l.mediaSource === "original" ? O.value.width : O.value.preview.width), L = r(() => l.mediaSource === "original" ? O.value.height : O.value.preview.height), R = w(null), z = w(0), B = w(0), V = w(l.mediaCard?.videoMuted ?? l.layout === "masonry"), H = w(!1), ee = w(1), te = 1, { effectiveMuted: ne, onPlaying: re, playbackAllowed: ie } = Ve({
 			active: () => l.active,
 			layout: () => l.layout,
 			videoElement: R,
@@ -793,12 +793,12 @@ var Ve = [
 			f = 0, p = !1, d !== null && clearTimeout(d), d = null;
 		}
 		function G() {
-			d !== null && clearTimeout(d), d = setTimeout(se, et);
+			d !== null && clearTimeout(d), d = setTimeout(se, tt);
 		}
 		function K(e) {
 			if (C.value.length <= 1) return;
 			let t = e.currentTarget?.clientWidth || 1, n = oe(e.deltaX, e.deltaMode, t);
-			if (n === 0 || (e.preventDefault(), G(), p) || (f += n, Math.abs(f) < tt)) return;
+			if (n === 0 || (e.preventDefault(), G(), p) || (f += n, Math.abs(f) < nt)) return;
 			let r = Math.sign(f);
 			f = 0, p = !0, W(D.value + r);
 		}
@@ -810,13 +810,13 @@ var Ve = [
 			let t = e.changedTouches[0];
 			if (m === null || g === null || !t) return;
 			let n = m - t.clientX, r = g - t.clientY;
-			m = null, g = null, !(Math.abs(n) <= Math.abs(r)) && (Math.abs(n) < $e || W(D.value + Math.sign(n)));
+			m = null, g = null, !(Math.abs(n) <= Math.abs(r)) && (Math.abs(n) < et || W(D.value + Math.sign(n)));
 		}
-		let le = r(() => Ae(F.value)), J = r(() => l.layout === "reel" && l.stationaryReelControls === !0), ue = r(() => le.value && l.previewState === "ready" && (!J.value || !!(l.active && l.reelControlsTarget))), de = r(() => `${l.item.postId}:${D.value}:${F.value}`);
-		function Y(e) {
-			l.layout === "reel" && (e.stopPropagation(), fe());
+		let le = r(() => je(F.value)), J = r(() => l.layout === "reel" && l.stationaryReelControls === !0), ue = r(() => le.value && l.previewState === "ready" && (!J.value || !!(l.active && l.reelControlsTarget))), de = r(() => `${l.item.postId}:${D.value}:${F.value}`);
+		function fe(e) {
+			l.layout === "reel" && (e.stopPropagation(), pe());
 		}
-		async function fe() {
+		async function pe() {
 			if (!(!R.value || !ie.value)) {
 				if (H.value) {
 					R.value.pause();
@@ -829,32 +829,32 @@ var Ve = [
 				}
 			}
 		}
-		function X(e) {
+		function Y(e) {
 			return Number.isFinite(e) ? Math.max(0, e) : 0;
 		}
-		function Z(e) {
+		function X(e) {
 			let t = e?.currentTarget ?? R.value;
-			t && (z.value = X(t.currentTime), B.value = X(t.duration), ie.value && (V.value = t.muted), ee.value = t.volume, t.volume > 0 && (te = t.volume));
+			t && (z.value = Y(t.currentTime), B.value = Y(t.duration), ie.value && (V.value = t.muted), ee.value = t.volume, t.volume > 0 && (te = t.volume));
 		}
-		function pe(e) {
-			Z(e), x("ready", D.value);
+		function me(e) {
+			X(e), x("ready", D.value);
 		}
-		function me() {
+		function he() {
 			H.value = !1, x("ended", D.value);
 		}
-		function he(e) {
+		function ge(e) {
 			let t = R.value;
-			!t || !Number.isFinite(e) || (t.currentTime = Math.min(X(t.duration), Math.max(0, e)), z.value = t.currentTime);
+			!t || !Number.isFinite(e) || (t.currentTime = Math.min(Y(t.duration), Math.max(0, e)), z.value = t.currentTime);
 		}
-		function ge(e) {
+		function _e(e) {
 			let t = R.value;
 			if (!t || !Number.isFinite(e)) return;
 			let n = Math.min(1, Math.max(0, e));
-			t.volume = n, t.muted = n === 0, n > 0 && (te = n), Z();
+			t.volume = n, t.muted = n === 0, n > 0 && (te = n), X();
 		}
-		function _e() {
+		function ve() {
 			let e = R.value;
-			e && (e.muted && e.volume === 0 && (e.volume = te), e.muted = !e.muted, Z());
+			e && (e.muted && e.volume === 0 && (e.volume = te), e.muted = !e.muted, X());
 		}
 		return v(() => {
 			se();
@@ -875,8 +875,8 @@ var Ve = [
 			tabindex: e.interactive && !e.leaving && !U.value ? 0 : void 0,
 			onClick: i[11] ||= (t) => S(e.interactive && !U.value, ae(t)),
 			onKeydown: [i[12] ||= A((t) => S(e.interactive && !U.value, "keyboard"), ["enter"]), i[13] ||= A(j((t) => S(e.interactive && !U.value, "keyboard"), ["prevent"]), ["space"])]
-		}, [c("div", He, [
-			e.cardHeader ? (b(), a(je, {
+		}, [c("div", Ue, [
+			e.cardHeader ? (b(), a(Me, {
 				key: 0,
 				index: e.index,
 				item: e.item,
@@ -911,13 +911,13 @@ var Ve = [
 						key: `${e.item.postId}:${O.value.src}:${e.mediaSource ?? "preview"}`,
 						class: "media-card-frame",
 						"data-media-index": D.value
-					}, [e.previewState === "loading" ? (b(), s("div", Ge, [...i[14] ||= [c("span", { class: "media-loading-shimmer" }, null, -1)]])) : e.previewState === "error" ? (b(), s("div", {
+					}, [e.previewState === "loading" ? (b(), s("div", Ke, [...i[14] ||= [c("span", { class: "media-loading-shimmer" }, null, -1)]])) : e.previewState === "error" ? (b(), s("div", {
 						key: 1,
 						"data-test": "media-error",
 						class: "media-error",
 						role: "img",
-						"aria-label": `${E(De)(F.value)} ${E(Oe)(F.value)}`
-					}, [c("strong", qe, T(E(De)(F.value)), 1), c("span", null, T(E(Oe)(F.value)), 1)], 8, Ke)) : o("", !0), le.value ? (b(), s("video", {
+						"aria-label": `${E(Oe)(F.value)} ${E(ke)(F.value)}`
+					}, [c("strong", Je, T(E(Oe)(F.value)), 1), c("span", null, T(E(ke)(F.value)), 1)], 8, qe)) : o("", !0), le.value ? (b(), s("video", {
 						key: 2,
 						ref_key: "videoElement",
 						ref: R,
@@ -933,16 +933,16 @@ var Ve = [
 						muted: E(ne),
 						playsinline: "",
 						preload: e.fetchPriority === "high" ? "auto" : "metadata",
-						onLoadedmetadata: pe,
-						onDurationchange: Z,
-						onTimeupdate: Z,
-						onVolumechange: Z,
+						onLoadedmetadata: me,
+						onDurationchange: X,
+						onTimeupdate: X,
+						onVolumechange: X,
 						onPlaying: i[0] ||= (...e) => E(re) && E(re)(...e),
 						onPause: i[1] ||= (e) => H.value = !1,
-						onEnded: me,
-						onClick: Y,
+						onEnded: he,
+						onClick: fe,
 						onError: i[2] ||= (e) => r.$emit("error", D.value)
-					}, null, 42, Je)) : (b(), s("img", {
+					}, null, 42, Ye)) : (b(), s("img", {
 						key: 3,
 						class: h(["media-preview", { "media-preview--ready": e.previewState === "ready" }]),
 						src: F.value,
@@ -954,7 +954,7 @@ var Ve = [
 						loading: "eager",
 						onLoad: i[3] ||= (e) => r.$emit("ready", D.value),
 						onError: i[4] ||= (e) => r.$emit("error", D.value)
-					}, null, 42, Ye))], 8, We))]),
+					}, null, 42, Xe))], 8, Ge))]),
 					_: 1
 				}, 8, ["name"]),
 				(b(), a(t, {
@@ -964,7 +964,7 @@ var Ve = [
 					name: "vibe-reel-media-controls",
 					css: J.value
 				}, {
-					default: k(() => [ue.value ? (b(), a(ze, {
+					default: k(() => [ue.value ? (b(), a(Be, {
 						key: de.value,
 						"current-time": z.value,
 						"data-control-post-id": J.value ? e.item.postId : void 0,
@@ -973,10 +973,10 @@ var Ve = [
 						muted: V.value,
 						playing: H.value,
 						volume: ee.value,
-						onSeek: he,
-						onToggleMute: _e,
-						onTogglePlayback: fe,
-						onVolumeChange: ge
+						onSeek: ge,
+						onToggleMute: ve,
+						onTogglePlayback: pe,
+						onVolumeChange: _e
 					}, null, 8, [
 						"current-time",
 						"data-control-post-id",
@@ -998,13 +998,13 @@ var Ve = [
 					"aria-label": `Previous media for post ${e.item.postId}`,
 					onClick: i[5] ||= j((e) => W(D.value - 1, e), ["stop"]),
 					onKeydown: i[6] ||= j(() => {}, ["stop"])
-				}, [u(E(be), { size: 20 })], 40, Xe), c("button", {
+				}, [u(E(xe), { size: 20 })], 40, Ze), c("button", {
 					type: "button",
 					class: "media-carousel-control media-carousel-control--next",
 					"aria-label": `Next media for post ${e.item.postId}`,
 					onClick: i[7] ||= j((e) => W(D.value + 1, e), ["stop"]),
 					onKeydown: i[8] ||= j(() => {}, ["stop"])
-				}, [u(E(xe), { size: 20 })], 40, Ze)], 2)) : o("", !0),
+				}, [u(E(Se), { size: 20 })], 40, Qe)], 2)) : o("", !0),
 				U.value ? (b(), s("button", {
 					key: 1,
 					class: "media-card-activator",
@@ -1012,9 +1012,9 @@ var Ve = [
 					"aria-label": `Open post ${e.item.postId}`,
 					onClick: i[9] ||= j((e) => r.$emit("activate", ae(e)), ["stop"]),
 					onKeydown: i[10] ||= j(() => {}, ["stop"])
-				}, null, 40, Qe)) : o("", !0)
-			], 42, Ue),
-			e.cardFooter ? (b(), a(je, {
+				}, null, 40, $e)) : o("", !0)
+			], 42, We),
+			e.cardFooter ? (b(), a(Me, {
 				key: 1,
 				index: e.index,
 				item: e.item,
@@ -1037,9 +1037,9 @@ var Ve = [
 				"style",
 				"total"
 			])) : o("", !0)
-		])], 46, Ve));
+		])], 46, He));
 	}
-}), rt = { class: "masonry-feed-shell" }, it = ["aria-hidden", "inert"], at = 240, ot = 6, st = 12, ct = 800, lt = 1.5, ut = /* @__PURE__ */ d({
+}), it = { class: "masonry-feed-shell" }, at = ["aria-hidden", "inert"], ot = 240, st = 6, ct = 12, lt = 800, ut = 1.5, dt = /* @__PURE__ */ d({
 	__name: "MasonryFeed",
 	props: {
 		enteringPostIds: {},
@@ -1073,24 +1073,24 @@ var Ve = [
 		"retryEnd"
 	],
 	setup(t, { expose: n, emit: i }) {
-		let o = t, l = i, d = w(null), f = `vibe-masonry-${D()}`, p = w(null), m = w(0), g = w(ot), y = w(0), x = w(0), C = w(0), T = null, k = null, A = null, j = r(() => K(o.items, m.value, {
+		let o = t, l = i, d = w(null), f = `vibe-masonry-${D()}`, p = w(null), m = w(0), g = w(st), y = w(0), x = w(0), C = w(0), T = null, k = null, A = null, j = r(() => K(o.items, m.value, {
 			additionalHeight: (o.cardHeader?.height ?? 0) + (o.cardFooter?.height ?? 0),
 			gap: g.value,
-			minColumnWidth: at
+			minColumnWidth: ot
 		})), 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 = K(t, m.value, {
 				additionalHeight: (o.cardHeader?.height ?? 0) + (o.cardFooter?.height ?? 0),
 				gap: g.value,
-				minColumnWidth: at
+				minColumnWidth: ot
 			}), 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])
 			};
 		}), 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(() => {
-			let e = Math.max(ct, x.value * lt), t = {
+			let e = Math.max(lt, x.value * ut), t = {
 				scrollTop: y.value - C.value,
 				viewportHeight: x.value
 			}, n = G(M.value.items, {
@@ -1138,7 +1138,7 @@ var Ve = [
 		}
 		function z(e) {
 			let t = e.ownerDocument.documentElement.clientWidth;
-			m.value = e.clientWidth, g.value = Math.min(st, Math.max(ot, t * .0075)), R();
+			m.value = e.clientWidth, g.value = Math.min(ct, Math.max(st, t * .0075)), R();
 		}
 		function B(e) {
 			let t = e.currentTarget;
@@ -1165,7 +1165,7 @@ var Ve = [
 		}), n({
 			getScrollElement: H,
 			loadIfNearBottom: V
-		}), (n, r) => (b(), s("div", rt, [c("main", {
+		}), (n, r) => (b(), s("div", it, [c("main", {
 			id: f,
 			ref_key: "galleryElement",
 			ref: d,
@@ -1180,7 +1180,7 @@ var Ve = [
 			class: h(["masonry", { "masonry--ready": m.value > 0 }]),
 			style: _(N.value),
 			"aria-label": "Media gallery"
-		}, [(b(!0), s(e, null, S(I.value, ({ fetchPriority: e, item: n, index: r }) => (b(), a(nt, {
+		}, [(b(!0), s(e, null, S(I.value, ({ fetchPriority: e, item: n, index: r }) => (b(), a(rt, {
 			key: n.postId,
 			class: "masonry-item",
 			entering: t.enteringPostIds.has(n.postId),
@@ -1242,7 +1242,7 @@ var Ve = [
 			"load-more-locked",
 			"show-load-more",
 			"state"
-		])], 42, it), u(fe, {
+		])], 42, at), u(pe, {
 			"content-size": M.value.height,
 			"controls-id": f,
 			"scroll-element": d.value,
@@ -1253,8 +1253,8 @@ var Ve = [
 			"suspended"
 		])]));
 	}
-}), dt = 300;
-function ft(e, t, n) {
+}), ft = 300;
+function pt(e, t, n) {
 	let r = e.scrollTop;
 	if (n || Math.abs(r - t) <= 1) return e.scrollTop = t, Promise.resolve();
 	e.setAttribute("data-transitioning", "");
@@ -1262,7 +1262,7 @@ function ft(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 / dt), u = 1 - (1 - l) ** 3;
+			let c = Math.max(s - i, 1e3 / 60 * a), l = Math.min(1, c / ft), u = 1 - (1 - l) ** 3;
 			if (e.scrollTop = r + (t - r) * u, l < 1) {
 				requestAnimationFrame(o);
 				return;
@@ -1274,7 +1274,7 @@ function ft(e, t, n) {
 }
 //#endregion
 //#region src/components/ReelAutoAdvanceProgress.vue?vue&type=script&setup=true&lang.ts
-var pt = ["aria-label"], mt = /* @__PURE__ */ d({
+var mt = ["aria-label"], ht = /* @__PURE__ */ d({
 	__name: "ReelAutoAdvanceProgress",
 	props: {
 		durationMs: {},
@@ -1292,9 +1292,9 @@ var pt = ["aria-label"], mt = /* @__PURE__ */ d({
 			class: "reel-auto-advance-progress",
 			style: _(a.value),
 			onAnimationend: n[0] ||= (e) => i("complete")
-		}, null, 36)], 8, pt));
+		}, null, 36)], 8, mt));
 	}
-}), ht = { class: "reel-viewport" }, gt = ["data-active-post-id", "data-active-media-index"], _t = ["role", "data-status"], vt = 2, yt = 300, bt = /* @__PURE__ */ d({
+}), gt = { class: "reel-viewport" }, _t = ["data-active-post-id", "data-active-media-index"], vt = ["role", "data-status"], yt = 2, bt = 300, xt = /* @__PURE__ */ d({
 	__name: "ReelFeed",
 	props: {
 		initialPostId: {},
@@ -1332,7 +1332,7 @@ var pt = ["aria-label"], mt = /* @__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 - vt), t = Math.min(l.items.length - 1, g.value + vt);
+			let e = Math.max(0, g.value - yt), t = Math.min(l.items.length - 1, g.value + yt);
 			return l.items.slice(e, t + 1).map((t, n) => ({
 				fetchPriority: e + n === g.value ? "high" : "low",
 				index: e + n,
@@ -1349,7 +1349,7 @@ var pt = ["aria-label"], mt = /* @__PURE__ */ d({
 			if (!e) return "";
 			let t = P(e, z.value);
 			return l.mediaSource === "original" ? t.src : t.preview.src;
-		}), H = r(() => B.value === "ready" && Ae(V.value)), ee = r(() => [
+		}), H = r(() => B.value === "ready" && je(V.value)), ee = r(() => [
 			L.value,
 			z.value,
 			l.items.length,
@@ -1409,32 +1409,32 @@ var pt = ["aria-label"], mt = /* @__PURE__ */ d({
 		}
 		function ue(e) {
 			let t = g.value + e;
-			return !d.value || t < 0 || t >= l.items.length ? !1 : (X(t), !0);
+			return !d.value || t < 0 || t >= l.items.length ? !1 : (Y(t), !0);
 		}
 		function de(e, t) {
 			let n = l.items.findIndex((t) => t.postId === e), r = l.items[n];
-			return !d.value || !r || t < 0 || t > r.items.length ? !1 : ((l.mediaIndices.get(e) ?? 0) !== t && u("mediaChange", e, t), n !== g.value && X(n), !0);
+			return !d.value || !r || t < 0 || t > r.items.length ? !1 : ((l.mediaIndices.get(e) ?? 0) !== t && u("mediaChange", e, t), n !== g.value && Y(n), !0);
 		}
-		function Y() {
+		function fe() {
 			return typeof window.matchMedia == "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
 		}
-		function fe(e) {
+		function pe(e) {
 			let t = d.value;
 			if (!t) return Promise.resolve();
 			let n = e * (D || t.clientHeight);
-			return g.value = e, ft(t, n, Y());
+			return g.value = e, pt(t, n, fe());
 		}
-		function X(e) {
-			fe(e);
+		function Y(e) {
+			pe(e);
 		}
-		async function Z(e) {
+		async function X(e) {
 			let t = l.items.findIndex((t) => t.postId === e);
-			return t < 0 || t === g.value ? !1 : (await fe(t), !0);
+			return t < 0 || t === g.value ? !1 : (await pe(t), !0);
 		}
-		async function pe(e) {
-			return J(e) ? (Y() || await new Promise((e) => setTimeout(e, yt)), !0) : !1;
+		async function me(e) {
+			return J(e) ? (fe() || await new Promise((e) => setTimeout(e, bt)), !0) : !1;
 		}
-		function me() {
+		function he() {
 			if (!l.reelAutoAdvance.enabled) return;
 			let e = R.value;
 			if (!e) return;
@@ -1447,10 +1447,10 @@ var pt = ["aria-label"], mt = /* @__PURE__ */ d({
 				l.hasNext && !l.loadMoreLocked && u("loadMore");
 				return;
 			}
-			l.reelAutoAdvance.includePostItems && (l.mediaIndices.get(n.postId) ?? 0) !== 0 && u("mediaChange", n.postId, 0), X(t);
+			l.reelAutoAdvance.includePostItems && (l.mediaIndices.get(n.postId) ?? 0) !== 0 && u("mediaChange", n.postId, 0), Y(t);
 		}
-		function he(e, t) {
-			!l.reelAutoAdvance.enabled || e !== L.value || t !== z.value || !H.value || me();
+		function ge(e, t) {
+			!l.reelAutoAdvance.enabled || e !== L.value || t !== z.value || !H.value || he();
 		}
 		return O(d, (e) => {
 			k?.disconnect(), k = null, e && (D = e.clientHeight, !(typeof ResizeObserver > "u") && (k = new ResizeObserver(G), k.observe(e)));
@@ -1470,8 +1470,8 @@ var pt = ["aria-label"], mt = /* @__PURE__ */ d({
 			loadIfNearBottom: le,
 			moveActivePost: ue,
 			navigateToItem: de,
-			transitionActiveMedia: pe,
-			transitionActivePost: Z
+			transitionActiveMedia: me,
+			transitionActivePost: X
 		}), (n, r) => (b(), s("main", {
 			class: h(["reel-shell", {
 				"reel-shell--has-footer": !!t.cardFooter,
@@ -1479,7 +1479,7 @@ var pt = ["aria-label"], mt = /* @__PURE__ */ d({
 			}]),
 			"data-layout-mode": "reel"
 		}, [
-			t.cardHeader && R.value && t.reelForward.status === "idle" ? (b(), a(je, {
+			t.cardHeader && R.value && t.reelForward.status === "idle" ? (b(), a(Me, {
 				key: 0,
 				index: g.value,
 				item: R.value,
@@ -1501,7 +1501,7 @@ var pt = ["aria-label"], mt = /* @__PURE__ */ d({
 				"style",
 				"total"
 			])) : o("", !0),
-			c("div", ht, [c("div", {
+			c("div", gt, [c("div", {
 				ref_key: "galleryElement",
 				ref: d,
 				class: "gallery-shell reel-feed",
@@ -1513,7 +1513,7 @@ var pt = ["aria-label"], mt = /* @__PURE__ */ d({
 				class: "reel-track",
 				style: _(N.value),
 				"aria-label": "Media gallery"
-			}, [(b(!0), s(e, null, S(I.value, ({ fetchPriority: e, item: n, index: r }) => (b(), a(nt, {
+			}, [(b(!0), s(e, null, S(I.value, ({ fetchPriority: e, item: n, index: r }) => (b(), a(rt, {
 				key: n.postId,
 				active: r === g.value && !x.value,
 				"advance-on-media-end": l.reelAutoAdvance.enabled && r === g.value,
@@ -1533,7 +1533,7 @@ var pt = ["aria-label"], mt = /* @__PURE__ */ d({
 				"stationary-reel-controls": "",
 				total: t.total,
 				onMediaChange: (e) => u("mediaChange", n.postId, e),
-				onEnded: (e) => he(n.postId, e),
+				onEnded: (e) => ge(n.postId, e),
 				onReady: (e) => u("ready", n.postId, e),
 				onError: (e) => u("error", n.postId, e)
 			}, null, 8, [
@@ -1564,7 +1564,7 @@ var pt = ["aria-label"], mt = /* @__PURE__ */ d({
 				class: "reel-forward-retry",
 				type: "button",
 				onClick: r[0] ||= (e) => u("retryForward")
-			}, " Retry ")) : o("", !0)], 8, _t)), t.reelForward.status === "idle" ? (b(), a(ne, {
+			}, " Retry ")) : o("", !0)], 8, vt)), t.reelForward.status === "idle" ? (b(), a(ne, {
 				key: 2,
 				actions: t.feedFooterActions,
 				"can-retry-end": t.canRetryEnd,
@@ -1587,13 +1587,13 @@ var pt = ["aria-label"], mt = /* @__PURE__ */ d({
 				"load-more-locked",
 				"show-load-more",
 				"state"
-			])) : o("", !0)], 40, gt), c("div", {
+			])) : o("", !0)], 40, _t), c("div", {
 				ref_key: "reelControlsElement",
 				ref: f,
 				class: "reel-media-controls-host",
 				"data-test": "reel-media-controls-host"
 			}, null, 512)]),
-			t.cardFooter && R.value && t.reelForward.status === "idle" ? (b(), a(je, {
+			t.cardFooter && R.value && t.reelForward.status === "idle" ? (b(), a(Me, {
 				key: 1,
 				index: g.value,
 				item: R.value,
@@ -1615,24 +1615,24 @@ var pt = ["aria-label"], mt = /* @__PURE__ */ d({
 				"style",
 				"total"
 			])) : o("", !0),
-			re.value ? (b(), a(mt, {
+			re.value ? (b(), a(ht, {
 				key: ee.value,
 				"duration-ms": t.reelAutoAdvance.intervalMs,
 				label: te.value,
-				onComplete: me
+				onComplete: he
 			}, null, 8, ["duration-ms", "label"])) : o("", !0)
 		], 2));
 	}
-}), xt = ["data-info-sheet-open", "data-info-sheet-mode"], St = ["aria-hidden", "inert"], Ct = {
+}), St = ["data-info-sheet-open", "data-info-sheet-mode"], Ct = ["aria-hidden", "inert"], wt = {
 	key: 0,
 	class: "reel-info-sheet-layer",
 	"data-test": "reel-info-sheet"
-}, wt = [
+}, Tt = [
 	"role",
 	"aria-modal",
 	"tabindex",
 	"data-active-post-id"
-], Tt = /* @__PURE__ */ d({
+], Et = /* @__PURE__ */ d({
 	__name: "ReelLayout",
 	props: {
 		forwardIndex: { default: null },
@@ -1757,7 +1757,7 @@ var pt = ["aria-label"], mt = /* @__PURE__ */ d({
 			class: "reel-layout-main",
 			"aria-hidden": e.infoSheetOverlay && A.value || void 0,
 			inert: e.infoSheetOverlay && A.value || void 0
-		}, [u(bt, {
+		}, [u(xt, {
 			ref_key: "reelFeed",
 			ref: p,
 			"can-retry-end": e.canRetryEnd,
@@ -1808,8 +1808,8 @@ var pt = ["aria-label"], mt = /* @__PURE__ */ d({
 			"reel-forward",
 			"state",
 			"total"
-		])], 8, St), u(n, { name: "vibe-info-sheet" }, {
-			default: k(() => [A.value && e.infoSheet && j.value ? (b(), s("div", Ct, [c("aside", {
+		])], 8, Ct), u(n, { name: "vibe-info-sheet" }, {
+			default: k(() => [A.value && e.infoSheet && j.value ? (b(), s("div", wt, [c("aside", {
 				ref_key: "sheetElement",
 				ref: _,
 				class: "reel-info-sheet",
@@ -1818,20 +1818,20 @@ var pt = ["aria-label"], mt = /* @__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, wt)])) : o("", !0)]),
+			}, [(b(), a(C(e.infoSheet.component), g(f(j.value)), null, 16))], 8, Tt)])) : o("", !0)]),
 			_: 1
-		})], 10, xt));
+		})], 10, St));
 	}
-}), Et = [];
-function Dt(e) {
-	return Et.push(e), () => {
-		let t = Et.indexOf(e);
-		t >= 0 && Et.splice(t, 1);
+}), Dt = [];
+function Ot(e) {
+	return Dt.push(e), () => {
+		let t = Dt.indexOf(e);
+		t >= 0 && Dt.splice(t, 1);
 	};
 }
-function Ot(e) {
+function kt(e) {
 	if (!e.isActive()) return !1;
-	let t = Et.filter((e) => e.isActive()), n = e.element();
+	let t = Dt.filter((e) => e.isActive()), n = e.element();
 	return n !== null && t.some((t) => {
 		if (t === e) return !1;
 		let r = t.element();
@@ -1847,14 +1847,14 @@ function Ot(e) {
 }
 //#endregion
 //#region src/components/useReelKeyboard.ts
-function kt(e) {
+function At(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 && !Ot(t)) return;
+		if (n.key === "Escape" && r && !kt(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;
@@ -1874,14 +1874,14 @@ function kt(e) {
 		a !== 0 && e.reelRenderer()?.changeActiveMedia?.(a) && n.preventDefault();
 	}
 	y(() => {
-		n = Dt(t), window.addEventListener("keydown", r);
+		n = Ot(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 At = 35, jt = 420, Mt = /* @__PURE__ */ d({
+var jt = 35, Mt = 420, Nt = /* @__PURE__ */ d({
 	__name: "VibeSurface",
 	props: {
 		canRetryEnd: { type: Boolean },
@@ -1973,29 +1973,29 @@ var At = 35, jt = 420, Mt = /* @__PURE__ */ d({
 			return l.state.layout !== "masonry" || l.state.reelOrigin === "masonry" ? null : f.value?.getScrollElement?.() ?? null;
 		}
 		function de(e, t) {
-			V = e, H = t === "keyboard", y.value = Z(e), d("openReel", e), m(() => h.value?.focus());
+			V = e, H = t === "keyboard", y.value = X(e), d("openReel", e), m(() => h.value?.focus());
 		}
-		function Y(e) {
+		function fe(e) {
 			let t = g.value?.querySelectorAll(".masonry-feed [data-post-id]") ?? [];
 			return Array.from(t).find((t) => t.dataset.postId === String(e)) ?? null;
 		}
-		function fe(e) {
+		function pe(e) {
 			if (l.state.layout !== "masonry" || l.state.reelOrigin !== null || ee()) return 0;
-			let t = [...new Set(e)], n = t.filter(Y);
+			let t = [...new Set(e)], n = t.filter(fe);
 			if (n.length === 0) return 0;
 			let r = new Map(E.value);
 			return n.forEach((e, t) => {
-				r.set(e, t * At);
-			}), S.value = new Set([...S.value].filter((e) => !n.includes(e))), T.value = new Set([...T.value, ...t]), E.value = r, jt + (n.length - 1) * At;
+				r.set(e, t * jt);
+			}), S.value = new Set([...S.value].filter((e) => !n.includes(e))), T.value = new Set([...T.value, ...t]), E.value = r, Mt + (n.length - 1) * jt;
 		}
-		function X(e, t) {
-			let n = Y(e), r = n?.querySelector(".media-card-activator") ?? n;
+		function Y(e, t) {
+			let n = fe(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(e) {
-			let t = g.value, n = Y(e);
+		function X(e) {
+			let t = g.value, n = fe(e);
 			if (t === null || n === null) return {};
 			let r = t.getBoundingClientRect(), i = n.getBoundingClientRect();
 			return {
@@ -2005,17 +2005,17 @@ var At = 35, jt = 420, Mt = /* @__PURE__ */ d({
 				"--vibe-reel-origin-left": `${Math.max(0, i.left - r.left)}px`
 			};
 		}
-		function pe() {
+		function me() {
 			l.state.reelOrigin === "masonry" && (V ??= l.state.activeReelPostId, x.value = !0, d("closeReel"));
 		}
-		function me() {
+		function he() {
 			let e = V, t = H;
 			x.value = !1, V = null, H = !1, y.value = {}, m(() => {
-				e !== null && X(e, t);
+				e !== null && Y(e, t);
 			});
 		}
-		return kt({
-			closeMasonryReel: pe,
+		return At({
+			closeMasonryReel: me,
 			element: () => g.value,
 			isReelLeaving: () => x.value,
 			reelRenderer: () => p.value,
@@ -2029,7 +2029,7 @@ var At = 35, jt = 420, Mt = /* @__PURE__ */ d({
 				let t = C.value.get(e);
 				t !== void 0 && r.set(e, t);
 			}), t.forEach((e, t) => {
-				r.set(e, t * At);
+				r.set(e, t * jt);
 			}), C.value = r, S.value = new Set([...S.value, ...t]), te();
 		}, { flush: "sync" }), v(() => {
 			B !== null && cancelAnimationFrame(B);
@@ -2039,14 +2039,14 @@ var At = 35, jt = 420, Mt = /* @__PURE__ */ d({
 			loadIfNearBottom: q,
 			moveActiveReelPost: le,
 			navigateToReelItem: J,
-			startItemRemoval: fe,
+			startItemRemoval: pe,
 			transitionActiveReelMedia: (e) => p.value?.transitionActiveMedia?.(e) ?? Promise.resolve(!1),
 			transitionActiveReelPost: (e) => p.value?.transitionActivePost?.(e) ?? Promise.resolve(!1)
 		}), (r, i) => (b(), s("div", {
 			ref_key: "surfaceElement",
 			ref: g,
 			class: "vibe-surface"
-		}, [t.state.layout === "reel" && (t.state.items.length > 0 || t.state.reelForward.status !== "idle") ? (b(), a(Tt, {
+		}, [t.state.layout === "reel" && (t.state.items.length > 0 || t.state.reelForward.status !== "idle") ? (b(), a(Et, {
 			key: 0,
 			ref_key: "reelRenderer",
 			ref: p,
@@ -2123,7 +2123,7 @@ var At = 35, jt = 420, Mt = /* @__PURE__ */ d({
 			"can-retry-end",
 			"feed-footer",
 			"state"
-		])) : (b(), s(e, { key: 2 }, [u(ut, {
+		])) : (b(), s(e, { key: 2 }, [u(dt, {
 			ref_key: "masonryRenderer",
 			ref: f,
 			"can-retry-end": t.canRetryEnd,
@@ -2177,7 +2177,7 @@ var At = 35, jt = 420, Mt = /* @__PURE__ */ d({
 			"total"
 		]), u(n, {
 			name: "vibe-reel-viewer",
-			onAfterLeave: me
+			onAfterLeave: he
 		}, {
 			default: k(() => [t.state.reelOrigin === "masonry" ? (b(), s("section", {
 				key: 0,
@@ -2189,7 +2189,7 @@ var At = 35, jt = 420, Mt = /* @__PURE__ */ d({
 				"aria-modal": "true",
 				tabindex: "-1",
 				style: _(y.value)
-			}, [u(Tt, {
+			}, [u(Et, {
 				ref_key: "reelRenderer",
 				ref: p,
 				"can-retry-end": t.canRetryEnd,
@@ -2258,44 +2258,44 @@ var At = 35, jt = 420, Mt = /* @__PURE__ */ d({
 });
 //#endregion
 //#region src/core/page.ts
-function Nt(e) {
+function Pt(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.");
 	return e;
 }
-function Q(e, t) {
+function Z(e, t) {
 	let n = new Set(e.map((e) => e.postId));
 	return [...e, ...t.filter((e) => n.has(e.postId) ? !1 : (n.add(e.postId), !0))];
 }
 //#endregion
 //#region src/core/requestDelay.ts
-var Pt = 2e3, Ft = 1e4, It = 250, Lt = {
+var Ft = 2e3, It = 1e4, Lt = 250, Rt = {
 	delayRemainingMs: null,
 	nextRequestAt: null
 };
-function Rt(e, t) {
+function zt(e, t) {
 	return e === void 0 ? t : Math.floor(e);
 }
-function zt(e, t) {
+function Bt(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 Bt(e, t = {}) {
-	let n = Rt(t.delayStepMs, Pt), r = Rt(t.delayMaxMs, Ft);
+function Vt(e, t = {}) {
+	let n = zt(t.delayStepMs, Ft), r = zt(t.delayMaxMs, It);
 	return Math.min(Math.max(0, e) * n, r);
 }
-function $(e) {
-	if (e == null || !Number.isFinite(e)) return { ...Lt };
+function Q(e) {
+	if (e == null || !Number.isFinite(e)) return { ...Rt };
 	let t = Math.max(0, Math.floor(e - Date.now()));
 	return t > 0 ? {
 		delayRemainingMs: t,
 		nextRequestAt: e
-	} : { ...Lt };
+	} : { ...Rt };
 }
-async function Vt({ delayMs: e, onChange: t, signal: n }) {
+async function Ht({ delayMs: e, onChange: t, signal: n }) {
 	if (n.aborted) throw new DOMException("Aborted", "AbortError");
 	if (e <= 0) {
-		t({ ...Lt });
+		t({ ...Rt });
 		return;
 	}
 	let r = Date.now() + e;
@@ -2303,9 +2303,9 @@ async function Vt({ delayMs: e, onChange: t, signal: n }) {
 		delayRemainingMs: e,
 		nextRequestAt: r
 	}), await new Promise((i, a) => {
-		let o = !1, s = setInterval(f, It), c = setTimeout(() => u(), e);
+		let o = !1, s = setInterval(f, Lt), c = setTimeout(() => u(), e);
 		function l() {
-			clearInterval(s), clearTimeout(c), n.removeEventListener("abort", d), t({ ...Lt });
+			clearInterval(s), clearTimeout(c), n.removeEventListener("abort", d), t({ ...Rt });
 		}
 		function u(e) {
 			o || (o = !0, l(), e ? a(e) : i());
@@ -2314,42 +2314,42 @@ async function Vt({ delayMs: e, onChange: t, signal: n }) {
 			u(new DOMException("Aborted", "AbortError"));
 		}
 		function f() {
-			let e = $(r);
+			let e = Q(r);
 			t(e), e.delayRemainingMs === null && u();
 		}
 		n.addEventListener("abort", d, { once: !0 });
 	});
 }
-var Ht = class {
+var Ut = class {
 	interval = null;
 	constructor(e) {
 		this.onChange = e;
 	}
 	clear() {
-		this.interval !== null && clearInterval(this.interval), this.interval = null, this.onChange({ ...Lt });
+		this.interval !== null && clearInterval(this.interval), this.interval = null, this.onChange({ ...Rt });
 	}
 	sync(e) {
 		this.clear();
-		let t = $(e);
+		let t = Q(e);
 		this.onChange(t), t.delayRemainingMs !== null && (this.interval = setInterval(() => {
-			let t = $(e);
+			let t = Q(e);
 			this.onChange(t), t.delayRemainingMs === null && this.clear();
-		}, It));
+		}, Lt));
 	}
 };
-function Ut(e, t = !0) {
+function Wt(e, t = !0) {
 	return e.maxAdditionalPages === "unlimited" ? Infinity : (e.maxAdditionalPages ?? 10) + (t ? 1 : 0);
 }
-function Wt(e) {
+function Gt(e) {
 	return `${typeof e}:${String(e)}`;
 }
-function Gt(e, t) {
+function Kt(e, t) {
 	if (!Number.isInteger(e) || e <= 0) throw TypeError(`Vibe ${t} must be a positive integer.`);
 }
-function Kt(e) {
+function qt(e) {
 	if (!e) return;
-	if (Gt(e.pageSize, "autofill pageSize"), e.strategy === "frontend") {
-		zt(e, "frontend autofill");
+	if (Kt(e.pageSize, "autofill pageSize"), e.strategy === "frontend") {
+		Bt(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;
@@ -2361,7 +2361,7 @@ function Kt(e) {
 		if (t.pageSize !== e.pageSize) throw TypeError("Vibe backend autofill initialSession pageSize must match autofill pageSize.");
 	}
 }
-function qt(e, t, n = !0) {
+function Jt(e, t, n = !0) {
 	if (!e) return {
 		cycleId: null,
 		delayRemainingMs: null,
@@ -2378,7 +2378,7 @@ function qt(e, t, n = !0) {
 		status: "idle",
 		strategy: null
 	};
-	let r = e.strategy === "backend" ? t ?? (n ? e.initialSession : void 0) : void 0, i = r?.received ?? 0, a = $(r?.nextRequestAt);
+	let r = e.strategy === "backend" ? t ?? (n ? e.initialSession : void 0) : void 0, i = r?.received ?? 0, a = Q(r?.nextRequestAt);
 	return {
 		cycleId: r?.cycleId ?? null,
 		...a,
@@ -2395,7 +2395,7 @@ function qt(e, t, n = !0) {
 		strategy: e.strategy
 	};
 }
-function Jt(e) {
+function Yt(e) {
 	return [
 		"cancelling",
 		"filling",
@@ -2403,9 +2403,9 @@ function Jt(e) {
 		"waiting"
 	].includes(e.status);
 }
-async function Yt(e, t, n) {
+async function Xt(e, t, n) {
 	let r = t.autofill;
-	if (!Jt(r) || !r.cycleId) return;
+	if (!Yt(r) || !r.cycleId) return;
 	let i = {
 		cycleId: r.cycleId,
 		feedKey: r.feedKey ?? "",
@@ -2418,26 +2418,31 @@ async function Yt(e, t, n) {
 		throw r.error = e, r.status = "error", e;
 	}
 }
-function Xt(e, t, n) {
+function Zt(e, t, n) {
 	return e?.strategy === "backend" && t.feedKey === e.feedKey && t.sessionId === n.sessionId;
 }
-async function Zt({ existingItems: e, initialCursor: t, loadPage: n, maximumRequests: r, onCollection: i, onDelayChange: a, onProgress: o, options: s, receivedOffset: c = 0, requestOffset: l = 0, signal: u }) {
-	let d = [], f = [...e], p = /* @__PURE__ */ new Set(), m = r ?? Ut(s), h = t, g = t, _ = 0, v;
+async function Qt({ existingItems: e, initialCursor: t, loadPage: n, maximumRequests: r, onCollection: i, onDelayChange: a, onProgress: o, options: s, receivedOffset: c = 0, requestOffset: l = 0, signal: u }) {
+	let d = [], f = [...e], p = /* @__PURE__ */ new Set(), m = r ?? Wt(s), h = t, g = t, _ = 0, v = [], y;
 	for (; _ < m;) {
-		let e = Wt(h);
+		let e = Gt(h);
 		if (p.has(e)) throw Error("Vibe autofill received a repeated cursor.");
-		p.add(e), await Vt({
-			delayMs: Bt(l + _, s),
+		p.add(e), await Ht({
+			delayMs: Vt(l + _, s),
 			onChange: a,
 			signal: u
 		});
-		let t = Nt(await n({
+		let t = Pt(await n({
 			cursor: h,
 			signal: u
 		}));
 		_ += 1;
-		let r = Q(f, t.items).slice(f.length);
-		f.push(...r), d.push(...r), g = t.next, t.total !== void 0 && (v = t.total);
+		let r = Z(f, t.items).slice(f.length);
+		v.push({
+			contributionIds: r.map(({ postId: e }) => e),
+			cursor: h,
+			next: t.next,
+			returnedIds: t.items.map(({ postId: e }) => e)
+		}), f.push(...r), d.push(...r), g = t.next, t.total !== void 0 && (y = t.total);
 		let m = {
 			missing: Math.max(0, s.pageSize - c - d.length),
 			next: g,
@@ -2445,18 +2450,20 @@ async function Zt({ existingItems: e, initialCursor: t, loadPage: n, maximumRequ
 			requests: l + _
 		};
 		o(m);
-		let y = {
+		let b = {
 			...m,
 			items: [...d],
 			lastCursor: h,
-			total: v
+			total: y
 		};
-		if (i(y), m.missing === 0) return {
-			...y,
+		if (i(b), m.missing === 0) return {
+			...b,
+			pages: v,
 			status: "complete"
 		};
 		if (g === null) return {
-			...y,
+			...b,
+			pages: v,
 			status: "exhausted"
 		};
 		h = g;
@@ -2466,20 +2473,21 @@ async function Zt({ existingItems: e, initialCursor: t, loadPage: n, maximumRequ
 		lastCursor: h,
 		missing: Math.max(0, s.pageSize - c - d.length),
 		next: g,
+		pages: v,
 		received: c + d.length,
 		requests: l + _,
 		status: "exhausted",
-		total: v
+		total: y
 	};
 }
 //#endregion
 //#region src/core/autofillController.ts
-var Qt = class {
+var $t = class {
 	collection = null;
 	cycle = 0;
 	delayCountdown;
 	constructor(e) {
-		this.context = e, this.delayCountdown = new Ht((t) => Object.assign(e.state.autofill, t)), this.syncCountdown();
+		this.context = e, this.delayCountdown = new Ut((t) => Object.assign(e.state.autofill, t)), this.syncCountdown();
 	}
 	beginCycle() {
 		let { options: e, state: t } = this.context;
@@ -2487,14 +2495,14 @@ var Qt = class {
 		this.clear();
 		let n = `vibe-autofill-${Date.now().toString(36)}-${++this.cycle}`;
 		return t.autofill = {
-			...qt(e, void 0, !1),
+			...Jt(e, void 0, !1),
 			cycleId: n,
 			status: "filling"
 		}, n;
 	}
 	async cancel() {
 		let { cancelRequest: e, options: t, state: n } = this.context;
-		await Yt(t, n, e), this.commitCollection();
+		await Xt(t, n, e), this.commitCollection();
 	}
 	captureCollection(e, t) {
 		t && (this.collection = e);
@@ -2516,36 +2524,36 @@ var Qt = class {
 		let { onLastCursor: e, options: t, state: n } = this.context;
 		if (t?.strategy !== "frontend") return;
 		let r = this.collection;
-		this.collection = null, r && (n.items = Q(n.items, r.items), e(r.lastCursor), n.next = r.next, r.total !== void 0 && (n.total = r.total), Object.assign(n.autofill, {
+		this.collection = null, r && (n.items = Z(n.items, r.items), e(r.lastCursor), n.next = r.next, r.total !== void 0 && (n.total = r.total), Object.assign(n.autofill, {
 			missing: r.missing,
 			received: r.received,
 			requests: r.requests
 		}));
 	}
-}, $t = 100;
-function en(e, t) {
+}, en = 100;
+function tn(e, t) {
 	if (!Number.isFinite(t) || t <= 0) throw TypeError(`Vibe ${e} must be a positive number.`);
 }
-function tn(e, t, n) {
+function nn(e, t, n) {
 	return Math.min(n, Math.max(t, e));
 }
-function nn(e) {
+function rn(e) {
 	if (!e) return;
 	let t = e.minSpeedPxPerSecond ?? 20, n = e.maxSpeedPxPerSecond ?? 240;
-	if (en("autoScroll.minSpeedPxPerSecond", t), en("autoScroll.maxSpeedPxPerSecond", n), t > n) throw TypeError("Vibe autoScroll.minSpeedPxPerSecond cannot exceed maxSpeedPxPerSecond.");
-	e.speedPxPerSecond !== void 0 && en("autoScroll.speedPxPerSecond", e.speedPxPerSecond);
+	if (tn("autoScroll.minSpeedPxPerSecond", t), tn("autoScroll.maxSpeedPxPerSecond", n), t > n) throw TypeError("Vibe autoScroll.minSpeedPxPerSecond cannot exceed maxSpeedPxPerSecond.");
+	e.speedPxPerSecond !== void 0 && tn("autoScroll.speedPxPerSecond", e.speedPxPerSecond);
 }
-function rn(e) {
+function an(e) {
 	let t = e?.minSpeedPxPerSecond ?? 20, n = e?.maxSpeedPxPerSecond ?? 240;
 	return {
 		enabled: e?.enabled ?? !1,
 		maxSpeedPxPerSecond: n,
 		minSpeedPxPerSecond: t,
 		paused: !1,
-		speedPxPerSecond: tn(e?.speedPxPerSecond ?? 80, t, n)
+		speedPxPerSecond: nn(e?.speedPxPerSecond ?? 80, t, n)
 	};
 }
-var an = class {
+var on = class {
 	frame = null;
 	lastTimestamp = null;
 	mounted = !1;
@@ -2565,9 +2573,9 @@ var an = class {
 		this.options.state.enabled && (this.options.state.paused = e, this.lastTimestamp = null, e ? this.cancelFrame() : this.schedule());
 	}
 	setSpeed(e) {
-		en("auto-scroll speed", e);
+		tn("auto-scroll speed", e);
 		let t = this.options.state;
-		t.speedPxPerSecond = tn(e, t.minSpeedPxPerSecond, t.maxSpeedPxPerSecond);
+		t.speedPxPerSecond = nn(e, t.minSpeedPxPerSecond, t.maxSpeedPxPerSecond);
 	}
 	tick = (e) => {
 		this.frame = null;
@@ -2579,7 +2587,7 @@ var an = class {
 			return;
 		}
 		if (this.lastTimestamp !== null) {
-			let r = Math.min($t, Math.max(0, e - this.lastTimestamp)), i = Math.max(0, n.scrollHeight - n.clientHeight);
+			let r = Math.min(en, 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();
@@ -2593,13 +2601,13 @@ var an = class {
 };
 //#endregion
 //#region src/core/backendAutofill.ts
-async function on(e, t, n, r) {
+async function sn(e, t, n, r) {
 	let i = await e.onUnderfilled(n);
 	if (!r()) return;
 	if (!i.sessionId.trim()) throw TypeError("Vibe backend autofill requires a sessionId.");
 	let a = Math.max(n.received, i.received ?? n.received);
 	Object.assign(t.autofill, {
-		...$(i.nextRequestAt),
+		...Q(i.nextRequestAt),
 		missing: Math.max(0, e.pageSize - a),
 		received: a,
 		sequence: i.sequence ?? 0,
@@ -2607,81 +2615,81 @@ async function on(e, t, n, r) {
 		status: "waiting"
 	});
 }
-function sn(e, t) {
-	["complete", "exhausted"].includes(t.status) && t.items && (e.items = Q(e.items, t.items)), t.next !== void 0 && (e.next = t.next), t.total !== void 0 && (e.total = t.total);
+function cn(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 cn(e, t, n) {
+function ln(e, t, n) {
 	let r = t.autofill;
-	return !Xt(e, n, r) || n.sequence <= r.sequence || ["cancelled", "cancelling"].includes(r.status) || ["complete", "exhausted"].includes(n.status) && n.next === void 0 ? !1 : (sn(t, n), Object.assign(r, $(n.status === "waiting" ? n.nextRequestAt : null)), r.error = n.error ?? null, r.missing = Math.max(0, (r.pageSize ?? 0) - n.received), r.received = n.received, n.requests !== void 0 && (r.requests = n.requests), r.sequence = n.sequence, r.status = n.status, !0);
+	return !Zt(e, n, r) || n.sequence <= r.sequence || ["cancelled", "cancelling"].includes(r.status) || ["complete", "exhausted"].includes(n.status) && n.next === void 0 ? !1 : (cn(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 ln(e, t, n) {
-	return e?.strategy !== "backend" || n.feedKey !== e.feedKey || n.pageSize !== e.pageSize ? !1 : (t.autofill = qt(e, n), sn(t, n), !0);
+function un(e, t, n) {
+	return e?.strategy !== "backend" || n.feedKey !== e.feedKey || n.pageSize !== e.pageSize ? !1 : (t.autofill = Jt(e, n), cn(t, n), !0);
 }
 //#endregion
 //#region src/core/initialAutofill.ts
-async function un({ cycleId: e, isCurrent: t, onCollection: n, onLastCursor: r, options: i, signal: a, state: o }) {
-	let s = i.autofill;
-	if (!s) return;
-	let c = o.items.length;
-	if (Object.assign(o.autofill, {
-		missing: Math.max(0, s.pageSize - c),
-		received: c,
+async function dn({ 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;
+	if (Object.assign(s.autofill, {
+		missing: Math.max(0, c.pageSize - l),
+		received: l,
 		requests: 1
-	}), c >= s.pageSize) {
-		o.autofill.status = "complete";
+	}), l >= c.pageSize) {
+		s.autofill.status = "complete";
 		return;
 	}
-	if (s.strategy === "backend") {
-		await on(s, o, {
+	if (c.strategy === "backend") {
+		await sn(c, s, {
 			cycleId: e,
-			feedKey: s.feedKey,
-			items: [...o.items],
-			missing: s.pageSize - c,
-			next: o.next,
-			pageSize: s.pageSize,
-			received: c,
-			signal: a,
-			total: o.total
+			feedKey: c.feedKey,
+			items: [...s.items],
+			missing: c.pageSize - l,
+			next: s.next,
+			pageSize: c.pageSize,
+			received: l,
+			signal: o,
+			total: s.total
 		}, t);
 		return;
 	}
-	if (!i.loadPage || o.next === null) {
-		o.autofill.status = "exhausted";
+	if (!a.loadPage || s.next === null) {
+		s.autofill.status = "exhausted";
 		return;
 	}
-	let l = await Zt({
-		existingItems: o.items,
-		initialCursor: o.next,
-		loadPage: i.loadPage,
-		maximumRequests: Ut(s, !1),
+	let u = await Qt({
+		existingItems: s.items,
+		initialCursor: s.next,
+		loadPage: a.loadPage,
+		maximumRequests: Wt(c, !1),
 		onCollection: n,
 		onDelayChange: (e) => {
-			t() && Object.assign(o.autofill, e);
+			t() && Object.assign(s.autofill, e);
 		},
 		onProgress: (e) => {
-			t() && Object.assign(o.autofill, e, { status: "filling" });
+			t() && Object.assign(s.autofill, e, { status: "filling" });
 		},
-		options: s,
-		receivedOffset: c,
+		options: c,
+		receivedOffset: l,
 		requestOffset: 1,
-		signal: a
+		signal: o
 	});
-	t() && (o.items = Q(o.items, l.items), o.next = l.next, l.total !== void 0 && (o.total = l.total), r(l.lastCursor), Object.assign(o.autofill, {
-		missing: l.missing,
-		received: l.received,
-		requests: l.requests,
-		status: l.status
+	t() && (s.items = Z(s.items, u.items), s.next = u.next, u.total !== void 0 && (s.total = u.total), r(u.lastCursor), i(u.pages), Object.assign(s.autofill, {
+		missing: u.missing,
+		received: u.received,
+		requests: u.requests,
+		status: u.status
 	}));
 }
 //#endregion
 //#region src/core/fill.ts
-function dn(e) {
+function fn(e) {
 	return "pages" in e ? { pages: e.pages } : { until: "end" };
 }
-function fn(e) {
+function pn(e) {
 	return `${typeof e}:${String(e)}`;
 }
-function pn(e) {
+function mn(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.");
@@ -2690,21 +2698,21 @@ function pn(e) {
 	if ("until" in e && e.until === "end") return { until: "end" };
 	throw TypeError("Vibe fill target must be { pages } or { until: 'end' }.");
 }
-function mn(e) {
+function hn(e) {
 	if (!e) return;
 	if (e.strategy === "frontend") {
-		zt(e, "frontend fill");
+		Bt(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.");
-		pn(t.target);
+		mn(t.target);
 	}
 }
-function hn(e, t, n = !0) {
-	let r = e?.strategy === "backend" && n ? e.initialSession : void 0, i = t ?? r, a = $(i?.nextRequestAt);
+function gn(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,
 		cycleId: i?.cycleId ?? null,
@@ -2717,10 +2725,10 @@ function hn(e, t, n = !0) {
 		sessionId: i?.sessionId ?? null,
 		status: i?.status ?? "idle",
 		strategy: e?.strategy ?? null,
-		target: i ? dn(i.target) : null
+		target: i ? fn(i.target) : null
 	};
 }
-function gn(e) {
+function _n(e) {
 	return [
 		"cancelling",
 		"filling",
@@ -2728,64 +2736,72 @@ function gn(e) {
 		"waiting"
 	].includes(e.status);
 }
-async function _n({ existingItems: e, initialCursor: t, loadPage: n, onDelayChange: r, onProgress: i, options: a, signal: o, target: s }) {
-	let c = [], l = [...e], u = /* @__PURE__ */ new Set(), d = 0, f = t, p = t, m = 0, h;
-	for (; p !== null;) {
-		let e = fn(f);
-		if (u.has(e)) throw Error("Vibe fill received a repeated cursor.");
-		u.add(e), await Vt({
-			delayMs: Bt(d, a),
+async function vn({ existingItems: e, initialCursor: t, loadPage: n, onDelayChange: r, onProgress: i, options: a, signal: o, target: s }) {
+	let c = [], l = [], u = [...e], d = /* @__PURE__ */ new Set(), f = 0, p = t, m = t, h = 0, g;
+	for (; m !== null;) {
+		let e = pn(p);
+		if (d.has(e)) throw Error("Vibe fill received a repeated cursor.");
+		d.add(e), await Ht({
+			delayMs: Vt(f, a),
 			onChange: r,
 			signal: o
 		});
-		let t = Nt(await n({
-			cursor: f,
+		let t = Pt(await n({
+			cursor: p,
 			signal: o
 		}));
-		d += 1;
-		let g = Q(l, t.items).slice(l.length);
-		if (l.push(...g), c.push(...g), m = c.length, p = t.next, t.total !== void 0 && (h = t.total), i({
-			completedPages: d,
-			next: p,
-			received: m
-		}), "pages" in s && d >= s.pages) return {
-			completedPages: d,
+		f += 1;
+		let _ = Z(u, t.items).slice(u.length);
+		if (l.push({
+			contributionIds: _.map(({ postId: e }) => e),
+			cursor: p,
+			next: t.next,
+			returnedIds: t.items.map(({ postId: e }) => e)
+		}), u.push(..._), c.push(..._), h = c.length, m = t.next, t.total !== void 0 && (g = t.total), i({
+			completedPages: f,
+			next: m,
+			received: h
+		}), "pages" in s && f >= s.pages) return {
+			completedPages: f,
 			items: c,
-			lastCursor: f,
-			next: p,
-			received: m,
+			lastCursor: p,
+			next: m,
+			pages: l,
+			received: h,
 			status: "complete",
-			total: h
+			total: g
 		};
-		if (p === null) return {
-			completedPages: d,
+		if (m === null) return {
+			completedPages: f,
 			items: c,
-			lastCursor: f,
-			next: p,
-			received: m,
+			lastCursor: p,
+			next: m,
+			pages: l,
+			received: h,
 			status: "pages" in s ? "exhausted" : "complete",
-			total: h
+			total: g
 		};
-		f = p;
+		p = m;
 	}
 	return {
-		completedPages: d,
+		completedPages: f,
 		items: c,
-		lastCursor: f,
+		lastCursor: p,
 		next: null,
-		received: m,
+		pages: l,
+		received: h,
 		status: "pages" in s ? "exhausted" : "complete",
-		total: h
+		total: g
 	};
 }
 //#endregion
 //#region src/core/backendFill.ts
-async function vn(e, t, n, r) {
+async function yn(e, t, n, r) {
 	let i = await e.onStart(n);
 	if (r()) {
 		if (!i.sessionId.trim()) throw TypeError("Vibe backend fill requires a sessionId.");
 		Object.assign(t.fill, {
-			...$(i.nextRequestAt),
+			...Q(i.nextRequestAt),
 			completedPages: i.completedPages ?? 0,
 			received: i.received ?? 0,
 			sequence: i.sequence ?? 0,
@@ -2794,23 +2810,23 @@ async function vn(e, t, n, r) {
 		});
 	}
 }
-function yn(e, t, n) {
+function bn(e, t, n) {
 	return e?.strategy === "backend" && n.feedKey === e.feedKey && n.sessionId === t.fill.sessionId;
 }
-function bn(e) {
+function xn(e) {
 	return Number.isInteger(e.completedPages) && e.completedPages >= 0 && Number.isInteger(e.received) && e.received >= 0 && Number.isInteger(e.sequence) && e.sequence >= 0;
 }
-function xn(e, t) {
+function Sn(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 Sn(e, t, n) {
-	t.total !== void 0 && (e.total = t.total), ["complete", "exhausted"].includes(t.status) && (e.items = Q(e.items, t.items ?? []), e.next = t.next ?? null, n(t.lastCursor ?? null));
+function Cn(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 Cn(e, t, n, r) {
-	return !yn(e, t, n) || !bn(n) || n.sequence <= t.fill.sequence || ["cancelled", "cancelling"].includes(t.fill.status) || !xn(t, n) ? !1 : (Sn(t, n, r), Object.assign(t.fill, {
-		...$(n.status === "waiting" ? n.nextRequestAt : null),
+function wn(e, t, n, r) {
+	return !bn(e, t, n) || !xn(n) || n.sequence <= t.fill.sequence || ["cancelled", "cancelling"].includes(t.fill.status) || !Sn(t, n) ? !1 : (Cn(t, n, r), Object.assign(t.fill, {
+		...Q(n.status === "waiting" ? n.nextRequestAt : null),
 		completedPages: n.completedPages,
 		error: n.error ?? null,
 		received: n.received,
@@ -2818,41 +2834,41 @@ function Cn(e, t, n, r) {
 		status: n.status
 	}), !0);
 }
-function wn(e, t, n, r) {
+function Tn(e, t, n, r) {
 	if (e?.strategy !== "backend" || n.feedKey !== e.feedKey) return !1;
 	let i = t.fill;
-	return t.fill = hn(e, n), !bn(n) || !xn(t, n) ? (t.fill = i, !1) : (Sn(t, n, r), !0);
+	return t.fill = gn(e, n), !xn(n) || !Sn(t, n) ? (t.fill = i, !1) : (Cn(t, n, r), !0);
 }
 //#endregion
 //#region src/core/fillController.ts
-var Tn = class {
+var En = class {
 	abortController = null;
 	cycle = 0;
 	delayCountdown;
 	requestVersion = 0;
 	constructor(e) {
-		this.options = e, this.delayCountdown = new Ht((e) => {
+		this.options = e, this.delayCountdown = new Ut((e) => {
 			Object.assign(this.options.state.fill, e);
 		}), this.syncBackendCountdown();
 	}
 	isActive() {
-		return gn(this.options.state.fill);
+		return _n(this.options.state.fill);
 	}
 	applyUpdate(e) {
-		let t = Cn(this.options.fill, this.options.state, e, this.options.onLastCursor);
+		let t = wn(this.options.fill, this.options.state, e, this.options.onLastCursor);
 		return t && this.syncBackendCountdown(), t;
 	}
 	restoreSession(e) {
-		let t = wn(this.options.fill, this.options.state, e, this.options.onLastCursor);
+		let t = Tn(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 = pn(e), r = `vibe-fill-${Date.now().toString(36)}-${++this.cycle}`;
+		let n = mn(e), r = `vibe-fill-${Date.now().toString(36)}-${++this.cycle}`;
 		if (this.options.state.fill = {
-			...hn(t, void 0, !1),
+			...gn(t, void 0, !1),
 			cycleId: r,
 			status: "filling",
 			target: n
@@ -2863,7 +2879,7 @@ var Tn = class {
 		let i = ++this.requestVersion, a = new AbortController();
 		this.abortController = a;
 		try {
-			t.strategy === "frontend" ? await this.startFrontend(t, n, a, i) : (await vn(t, this.options.state, {
+			t.strategy === "frontend" ? await this.startFrontend(t, n, a, i) : (await yn(t, this.options.state, {
 				cycleId: r,
 				feedKey: t.feedKey,
 				items: [...this.options.state.items],
@@ -2881,7 +2897,7 @@ var Tn = class {
 	}
 	async cancel() {
 		let { fill: e, state: t } = this.options;
-		if (!gn(t.fill) || !t.fill.cycleId) return;
+		if (!_n(t.fill) || !t.fill.cycleId) return;
 		let n = {
 			cycleId: t.fill.cycleId,
 			feedKey: t.fill.feedKey ?? "",
@@ -2895,7 +2911,7 @@ var Tn = class {
 		}
 	}
 	reset() {
-		this.abortLocalRequest(), this.delayCountdown.clear(), this.options.state.fill = hn(this.options.fill, void 0, !1);
+		this.abortLocalRequest(), this.delayCountdown.clear(), this.options.state.fill = gn(this.options.fill, void 0, !1);
 	}
 	destroy() {
 		this.abortLocalRequest(), this.delayCountdown.clear();
@@ -2911,7 +2927,7 @@ var Tn = class {
 		if (!i) throw Error("Vibe frontend fill requires loadPage.");
 		let a = this.options.state;
 		a.isLoadingMore = !0;
-		let o = await _n({
+		let o = await vn({
 			existingItems: a.items,
 			initialCursor: a.next,
 			loadPage: i,
@@ -2925,7 +2941,7 @@ var Tn = class {
 			signal: n.signal,
 			target: t
 		});
-		this.isCurrent(r) && (a.items = Q(a.items, o.items), a.next = o.next, o.total !== void 0 && (a.total = o.total), this.options.onLastCursor(o.lastCursor), Object.assign(a.fill, {
+		this.isCurrent(r) && (a.items = Z(a.items, o.items), a.next = o.next, o.total !== void 0 && (a.total = o.total), this.options.onLastCursor(o.lastCursor), this.options.onPages(o.pages), Object.assign(a.fill, {
 			completedPages: o.completedPages,
 			received: o.received,
 			status: o.status
@@ -2938,7 +2954,7 @@ var Tn = class {
 };
 //#endregion
 //#region src/core/feedFooter.ts
-function En(e) {
+function Dn(e) {
 	return {
 		cancelAutofill: () => e.cancelAutofill(),
 		loadMore: () => e.loadNext(),
@@ -2946,62 +2962,62 @@ function En(e) {
 		retryEnd: () => e.retryEnd()
 	};
 }
-function Dn(e) {
-	if (!Number.isFinite(e) || e <= 0) throw TypeError("Vibe reelAutoAdvance.intervalMs must be a positive number.");
-}
 function On(e) {
-	e?.intervalMs !== void 0 && Dn(e.intervalMs);
+	if (!Number.isFinite(e) || e <= 0) throw TypeError("Vibe reelAutoAdvance.intervalMs must be a positive number.");
 }
 function kn(e) {
+	e?.intervalMs !== void 0 && On(e.intervalMs);
+}
+function An(e) {
 	return {
 		enabled: e?.enabled ?? !1,
 		includePostItems: e?.includePostItems ?? !1,
 		intervalMs: e?.intervalMs ?? 5e3
 	};
 }
-function An(e, t) {
+function jn(e, t) {
 	if (typeof t == "boolean") {
 		e.enabled = t;
 		return;
 	}
-	On(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);
+	kn(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 jn(e) {
+function Mn(e) {
 	return { enabled: e?.enabled ?? !1 };
 }
-function Mn(e, t, n) {
+function Nn(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 Nn(e, t) {
+function Pn(e, t) {
 	let n = e.initialPage;
 	return {
 		activeReelPostId: null,
-		autoScroll: rn(e.autoScroll),
-		autofill: qt(e.autofill),
+		autoScroll: an(e.autoScroll),
+		autofill: Jt(e.autofill),
 		error: null,
-		fill: hn(e.fill),
+		fill: gn(e.fill),
 		infiniteScroll: e.infiniteScroll ?? !0,
 		isLoading: !n,
 		isLoadingMore: !1,
-		items: n ? Q([], n.items) : [],
+		items: n ? Z([], n.items) : [],
 		layout: t === "reel" ? "reel" : "masonry",
 		loadMoreLocked: !1,
 		mediaIndices: /* @__PURE__ */ new Map(),
 		next: n?.next ?? null,
 		nextPageError: null,
-		reelAutoAdvance: kn(e.reelAutoAdvance),
+		reelAutoAdvance: An(e.reelAutoAdvance),
 		reelForward: {
 			error: null,
 			status: "idle"
 		},
 		reelForwardIndex: null,
 		reelForwardItem: null,
-		reelInfoSheet: jn(e.reelInfoSheet),
+		reelInfoSheet: Mn(e.reelInfoSheet),
 		reelInfoSheetOverlay: !1,
 		reelMediaSource: "original",
 		reelOrigin: null,
@@ -3010,26 +3026,34 @@ function Nn(e, t) {
 }
 //#endregion
 //#region src/core/options.ts
-function Pn(e, t) {
+function Fn(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 Fn(e, t) {
+function In(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 In(e) {
-	if (nn(e.autoScroll), Pn("cardHeader", e.cardHeader), Pn("cardFooter", e.cardFooter), Fn("header", e.mediaCard?.header), Fn("footer", e.mediaCard?.footer), Kt(e.autofill), mn(e.fill), On(e.reelAutoAdvance), e.removalHistoryLimit !== void 0 && (!Number.isInteger(e.removalHistoryLimit) || e.removalHistoryLimit < 0)) throw TypeError("Vibe removalHistoryLimit must be a non-negative integer.");
+function Ln(e) {
+	if (rn(e.autoScroll), Fn("cardHeader", e.cardHeader), Fn("cardFooter", e.cardFooter), In("header", e.mediaCard?.header), In("footer", e.mediaCard?.footer), qt(e.autofill), hn(e.fill), kn(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.");
+		if (!e.loadPage) throw TypeError("Vibe removalReconciliation requires loadPage.");
+		if (e.autofill?.strategy === "backend") throw TypeError("Vibe removalReconciliation does not support backend autofill.");
+		if (e.fill?.strategy === "backend") throw TypeError("Vibe removalReconciliation does not support backend fill.");
+	}
+	if (e.removalHistoryLimit !== void 0 && (!Number.isInteger(e.removalHistoryLimit) || e.removalHistoryLimit < 0)) throw TypeError("Vibe removalHistoryLimit must be a non-negative integer.");
 	if (!e.initialPage && !e.loadPage) throw TypeError("Vibe requires either initialPage or loadPage.");
 	if (e.initialPage?.next !== null && !e.loadPage) throw TypeError("Vibe requires loadPage when initialPage has a next cursor.");
 	if (e.fill?.strategy === "frontend" && !e.loadPage) throw TypeError("Vibe frontend fill requires loadPage.");
 	if (e.fill?.strategy === "backend" && e.fill.initialSession && !e.initialPage) throw TypeError("Vibe backend fill restoration requires initialPage.");
 }
-function Ln(e) {
+function Rn(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);
@@ -3037,8 +3061,172 @@ function Ln(e) {
 	return t;
 }
 //#endregion
+//#region src/core/pageRequest.ts
+async function zn({ 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 = u ? t.beginCycle() : null, f = !1;
+	try {
+		if (u?.strategy === "frontend") {
+			let s = await Qt({
+				existingItems: e ? l.items : [],
+				initialCursor: n,
+				loadPage: i,
+				onCollection: (e) => t.captureCollection(e, r()),
+				onDelayChange: (e) => {
+					r() && Object.assign(l.autofill, e);
+				},
+				onProgress: (e) => {
+					r() && Object.assign(l.autofill, e, { status: "filling" });
+				},
+				options: u,
+				signal: c
+			});
+			if (!r()) return;
+			l.items = e ? Z(l.items, s.items) : [...s.items], a(s.lastCursor), l.next = s.next, s.total !== void 0 && (l.total = s.total), Object.assign(l.autofill, {
+				missing: s.missing,
+				received: s.received,
+				requests: s.requests,
+				status: s.status
+			}), o(s.pages), t.clearCollection();
+			return;
+		}
+		let s = Pt(await i({
+			cursor: n,
+			signal: c
+		}));
+		if (!r()) return;
+		let p = e ? l.items : [], m = Z(p, s.items), h = m.length - p.length;
+		if (l.items = m, a(n), o([{
+			contributionIds: m.slice(p.length).map(({ postId: e }) => e),
+			cursor: n,
+			next: s.next,
+			returnedIds: s.items.map(({ postId: e }) => e)
+		}]), l.next = s.next, s.total !== void 0 && (l.total = s.total), f = !0, u?.strategy === "backend" && d) {
+			if (Object.assign(l.autofill, {
+				missing: Math.max(0, u.pageSize - h),
+				received: h,
+				requests: 1
+			}), h >= u.pageSize) {
+				l.autofill.status = "complete";
+				return;
+			}
+			await sn(u, l, {
+				cycleId: d,
+				feedKey: u.feedKey,
+				items: m.slice(p.length),
+				missing: u.pageSize - h,
+				next: s.next,
+				pageSize: u.pageSize,
+				received: h,
+				signal: c,
+				total: l.total
+			}, r), t.syncCountdown();
+		}
+	} catch (t) {
+		if (c.aborted || !r()) return;
+		u && (l.autofill.error = t, l.autofill.status = "error"), f || (e ? l.nextPageError = t : l.error = t);
+	} finally {
+		r() && (t.clearCollection(), l.isLoading = !1, l.isLoadingMore = !1);
+	}
+}
+//#endregion
+//#region src/core/removalReconciliationController.ts
+function $(e) {
+	return `${typeof e}:${String(e)}`;
+}
+function Bn(e) {
+	return `${typeof e}:${String(e)}`;
+}
+function Vn(e) {
+	return e.map(({ postId: e }) => e);
+}
+var Hn = class {
+	delay;
+	enabled;
+	maxReplayPages;
+	pageSize;
+	pages = [];
+	tombstones = /* @__PURE__ */ new Set();
+	constructor(e) {
+		let t = e.removalReconciliation;
+		this.enabled = !!t, this.maxReplayPages = t?.maxReplayPages ?? 5, this.pageSize = t?.pageSize ?? 0, this.delay = e.autofill?.strategy === "frontend" ? e.autofill : {
+			delayMaxMs: 0,
+			delayStepMs: 0
+		};
+	}
+	completeReconciliation(e) {
+		this.pages = [...this.pages.slice(0, e.replaceFrom), ...e.pages].slice(-this.maxReplayPages);
+	}
+	filterItems(e) {
+		return !this.enabled || this.tombstones.size === 0 ? [...e] : e.filter(({ postId: e }) => !this.tombstones.has($(e)));
+	}
+	needsReconciliation(e) {
+		return this.findUnderfilledPage(e) >= 0;
+	}
+	recordPages(e) {
+		!this.enabled || e.length === 0 || (e.forEach((e) => this.recordPage(e)), this.pages = this.pages.slice(-this.maxReplayPages));
+	}
+	remove(e) {
+		this.enabled && e.forEach((e) => this.tombstones.add($(e)));
+	}
+	reset() {
+		this.pages = [], this.tombstones.clear();
+	}
+	restore(e) {
+		this.enabled && e.forEach((e) => this.tombstones.delete($(e)));
+	}
+	async reconcile({ existingItems: e, loadPage: t, signal: n }) {
+		let r = this.findUnderfilledPage(e), i = r < 0 ? [] : this.pages.slice(r), a = i[0];
+		if (!a) throw Error("Vibe has no underfilled provider page to reconcile.");
+		let o = new Set(i.flatMap(({ contributionIds: e }) => e.map($))), s = new Set(e.map(({ postId: e }) => $(e)).filter((e) => !o.has(e))), c = new Set(e.map(({ postId: e }) => $(e))), l = new Set(s), u = new Set(c), d = [], f = [], p = /* @__PURE__ */ new Set(), m = a.cursor, h = m, g = m, _;
+		for (let e = 0; e < i.length; e += 1) {
+			let r = Bn(m);
+			if (p.has(r)) throw Error("Vibe removal reconciliation received a repeated cursor.");
+			p.add(r), await Ht({
+				delayMs: Vt(e, this.delay),
+				onChange: () => void 0,
+				signal: n
+			});
+			let i = Pt(await t({
+				cursor: m,
+				signal: n
+			})), a = this.filterItems(i.items), o = [];
+			if (a.forEach((e) => {
+				let t = $(e.postId);
+				l.has(t) || (l.add(t), o.push(e.postId)), u.has(t) || (u.add(t), d.push(e));
+			}), f.push({
+				contributionIds: o,
+				cursor: m,
+				next: i.next,
+				returnedIds: Vn(a)
+			}), h = m, g = i.next, i.total !== void 0 && (_ = i.total), g === null) break;
+			m = g;
+		}
+		return {
+			items: d,
+			lastCursor: h,
+			next: g,
+			pages: f,
+			replaceFrom: r,
+			total: _
+		};
+	}
+	findUnderfilledPage(e) {
+		if (!this.enabled || this.pages.length === 0) return -1;
+		let t = new Set(e.map(({ postId: e }) => $(e)));
+		return this.pages.findIndex(({ contributionIds: e }) => e.filter((e) => t.has($(e))).length < this.pageSize);
+	}
+	recordPage(e) {
+		let t = Bn(e.cursor), n = this.pages.findIndex(({ cursor: e }) => Bn(e) === t);
+		n >= 0 && (this.pages = this.pages.slice(0, n)), this.pages.push({
+			...e,
+			contributionIds: [...e.contributionIds],
+			returnedIds: [...e.returnedIds]
+		});
+	}
+};
+//#endregion
 //#region src/core/activeItemRemoval.ts
-function Rn(e, t, n, r, i) {
+function Un(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)];
@@ -3051,7 +3239,7 @@ function Rn(e, t, n, r, i) {
 }
 //#endregion
 //#region src/core/exactMediaRemovalController.ts
-function zn(e, t) {
+function Wn(e, t) {
 	let [n, ...r] = t;
 	if (!n) throw Error("Vibe items must contain at least one media asset.");
 	return {
@@ -3060,10 +3248,10 @@ function zn(e, t) {
 		items: r
 	};
 }
-function Bn(e) {
+function Gn(e) {
 	if (!Number.isInteger(e.mediaIndex) || e.mediaIndex < 0) throw TypeError("Vibe mediaIndex must be a non-negative integer.");
 }
-var Vn = class {
+var Kn = class {
 	generation = 0;
 	metadata = /* @__PURE__ */ new WeakMap();
 	state;
@@ -3071,7 +3259,7 @@ var Vn = class {
 		this.options = e, this.state = e.state;
 	}
 	remove(e) {
-		Bn(e);
+		Gn(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];
@@ -3088,7 +3276,7 @@ var Vn = 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] = zn(n, r), this.updateMediaIndexAfterRemoval(n.postId, e.mediaIndex, c), a) : (this.state.items.splice(t, 1), this.state.mediaIndices.delete(n.postId), s && this.advanceFromRemovedPost(a, n), a);
+		return r.splice(e.mediaIndex, 1), r.length > 0 ? (this.state.items[t] = Wn(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;
@@ -3097,7 +3285,7 @@ var Vn = class {
 		let t = this.metadata.get(e);
 		if (!t) throw TypeError("Vibe media removal does not belong to this instance.");
 		if (t.generation !== this.generation || t.restored) return !1;
-		t.restored = !0;
+		t.restored = !0, this.options.onPostRestored(e.postId);
 		let n = this.state.items.findIndex(({ postId: t }) => t === e.postId);
 		return n >= 0 ? this.restoreIntoPost(n, e) : this.state.items.splice(Math.min(e.postIndex, this.state.items.length), 0, t.originalItem), this.options.reelForward.cancel(e) && (this.state.mediaIndices.set(e.postId, e.mediaIndex), this.options.onActivate(e.postId)), !0;
 	}
@@ -3114,7 +3302,7 @@ var Vn = 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] = zn(n, r), this.state.activeReelPostId !== t.postId) return;
+		if (r.splice(i, 0, t.media), this.state.items[e] = Wn(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);
 	}
@@ -3127,18 +3315,18 @@ var Vn = class {
 };
 //#endregion
 //#region src/core/itemPlacement.ts
-function Hn(e, t) {
+function qn(e, t) {
 	let n = new Set(t);
 	return e.flatMap((e, t) => n.has(e.postId) ? [{
 		index: t,
 		item: e
 	}] : []);
 }
-function Un(e, t) {
+function Jn(e, t) {
 	let n = new Set(t.map(({ item: e }) => e.postId));
 	return e.filter((e) => !n.has(e.postId));
 }
-function Wn(e, t) {
+function Yn(e, t) {
 	t.forEach(({ index: e }) => {
 		if (!Number.isInteger(e) || e < 0) throw Error("Vibe item restore indexes must be non-negative integers.");
 	});
@@ -3149,7 +3337,7 @@ function Wn(e, t) {
 }
 //#endregion
 //#region src/core/itemRemovalController.ts
-var Gn = 20, Kn = class {
+var Xn = 20, Zn = class {
 	generation = 0;
 	historyLimit;
 	metadata = /* @__PURE__ */ new WeakMap();
@@ -3158,7 +3346,7 @@ var Gn = 20, Kn = class {
 	itemOrder;
 	stopItemsWatcher;
 	constructor(e) {
-		this.options = e, this.historyLimit = e.historyLimit ?? Gn, 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 ?? Xn, 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();
@@ -3171,7 +3359,7 @@ var Gn = 20, Kn = 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 = Un(this.state.items, t), this.options.onItemsRemoved(n, t, c), this.record(n), n;
+		return this.state.items = Jn(this.state.items, t), this.options.onItemsRemoved(n, t, c), this.record(n), n;
 	}
 	reset() {
 		this.generation += 1, this.history = [], this.itemOrder = [];
@@ -3182,7 +3370,7 @@ var Gn = 20, Kn = class {
 			this.restoreRemoval(t);
 			return;
 		}
-		let n = Wn(this.state.items, e);
+		let n = Yn(this.state.items, e);
 		this.registerExternalPlacements(e), this.state.items = n;
 	}
 	restoreRemoval(e) {
@@ -3208,7 +3396,7 @@ var Gn = 20, Kn = class {
 	}
 	collectOrderedPlacements(e) {
 		let t = new Map(this.itemOrder.map((e, t) => [e, t]));
-		return Hn(this.state.items, e).map((e) => ({
+		return qn(this.state.items, e).map((e) => ({
 			index: t.get(e.item.postId) ?? e.index,
 			item: e.item
 		}));
@@ -3239,7 +3427,7 @@ var Gn = 20, Kn = 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;
 	}
-}, qn = class {
+}, Qn = class {
 	forward = null;
 	forwardPromise = null;
 	forwardVersion = 0;
@@ -3317,7 +3505,7 @@ var Gn = 20, Kn = class {
 			}
 		}
 	}
-}, Jn = class {
+}, $n = class {
 	generation = 0;
 	pending = Promise.resolve();
 	constructor(e) {
@@ -3367,24 +3555,27 @@ var Gn = 20, Kn = class {
 };
 //#endregion
 //#region src/core/removalControllers.ts
-function Yn(e) {
-	let t = new qn(e), n = new Jn({
+function er(e) {
+	let t = new Qn(e), n = new $n({
 		state: e.state,
 		transitionMedia: (t) => e.surface()?.transitionActiveReelMedia(t) ?? Promise.resolve(!1),
 		transitionPost: (t) => e.surface()?.transitionActiveReelPost(t) ?? Promise.resolve(!1)
 	});
 	return {
-		exactMediaRemoval: new Vn({
+		exactMediaRemoval: new Kn({
 			onActivate: e.onActivate,
+			onPostRemoved: (t) => e.onItemsRemoved([t]),
+			onPostRestored: (t) => e.onItemsRestored([t]),
 			reelForward: t,
 			state: e.state
 		}),
-		itemRemoval: new Kn({
+		itemRemoval: new Zn({
 			historyLimit: e.historyLimit,
 			onItemsRemoved: (n, r, i) => {
-				Rn(e.state, r, i, e.onActivate, (e, r) => t.start(n, e, r));
+				e.onItemsRemoved(r.map(({ item: e }) => e.postId)), Un(e.state, r, i, e.onActivate, (e, r) => t.start(n, e, r));
 			},
 			onRemovalRestored: (n) => {
+				e.onItemsRestored(n.map(({ item: e }) => e.postId));
 				let r = t.cancel(n);
 				r && e.onActivate(r.postId);
 			},
@@ -3396,17 +3587,17 @@ function Yn(e) {
 		reelRemoval: n
 	};
 }
-var Xn = 1.5;
-function Zn(e) {
+var tr = 1.5;
+function nr(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 * Xn;
+	let n = Math.min(e.viewportWidth, e.viewportHeight), r = t >= n * tr;
 	return !e.hasHover && n > 0 && n < 600 && r;
 }
-function Qn(e) {
-	return Zn(e) ? "reel" : "masonry";
+function rr(e) {
+	return nr(e) ? "reel" : "masonry";
 }
-function $n(e) {
+function ir(e) {
 	let t = e.ownerDocument.defaultView, n = e.ownerDocument.documentElement;
 	return {
 		hasHover: typeof t?.matchMedia == "function" && t.matchMedia("(hover: hover)").matches,
@@ -3416,15 +3607,15 @@ function $n(e) {
 		viewportWidth: n.clientWidth
 	};
 }
-function er(e) {
-	return Zn($n(e));
+function ar(e) {
+	return nr(ir(e));
 }
-function tr(e) {
-	return Qn($n(e));
+function or(e) {
+	return rr(ir(e));
 }
 //#endregion
 //#region src/core/responsiveLayoutController.ts
-var nr = class {
+var sr = class {
 	layoutMode;
 	resizeObserver = null;
 	target = null;
@@ -3449,10 +3640,10 @@ var nr = class {
 	}
 	handleResponsiveLayout = () => {
 		if (!this.target) return;
-		let e = tr(this.target);
-		this.state.reelInfoSheetOverlay = er(this.target), this.state.reelMediaSource = e === "reel" ? "preview" : "original", this.layoutMode === "responsive" && this.applyLayout(e);
+		let e = or(this.target);
+		this.state.reelInfoSheetOverlay = ar(this.target), this.state.reelMediaSource = e === "reel" ? "preview" : "original", this.layoutMode === "responsive" && this.applyLayout(e);
 	};
-}, rr = class {
+}, cr = class {
 	routedReelPostId = null;
 	reelRouteIsActive = !1;
 	constructor(e, t) {
@@ -3479,7 +3670,7 @@ var nr = class {
 		let i = this.reelRouteIsActive ? "replace" : "push";
 		this.reelRouteIsActive = !0, this.routedReelPostId = e, this.options.router[i](r);
 	}
-}, ir = class {
+}, lr = class {
 	app = null;
 	autoScroll;
 	autofillController;
@@ -3491,6 +3682,7 @@ var nr = class {
 	fillController;
 	exactMediaRemoval;
 	itemRemoval;
+	removalReconciliation;
 	reelForward;
 	reelRemoval;
 	surface = null;
@@ -3498,48 +3690,51 @@ var nr = class {
 	lastLoadedCursor = null;
 	state;
 	constructor(e) {
-		this.options = e, In(e);
+		this.options = e, Ln(e);
 		let t = e.layout ?? "masonry";
-		this.state = x(Nn(e, t)), this.autoScroll = new an({
+		this.state = x(Pn(e, t)), this.autoScroll = new on({
 			getScrollElement: () => this.surface?.getAutoScrollElement() ?? null,
 			state: this.state.autoScroll
-		}), this.autofillController = new Qt({
+		}), this.autofillController = new $t({
 			cancelRequest: () => this.cancelRequest(),
 			onLastCursor: (e) => {
 				this.lastLoadedCursor = e;
 			},
 			options: e.autofill,
 			state: this.state
-		}), this.fillController = new Tn({
+		}), this.removalReconciliation = new Hn(e), this.fillController = new En({
 			fill: e.fill,
-			loadPage: e.loadPage,
+			loadPage: e.loadPage ? (e) => this.loadFilteredPage(e) : void 0,
 			onLastCursor: (e) => {
 				this.lastLoadedCursor = e;
 			},
+			onPages: (e) => this.removalReconciliation.recordPages(e),
 			state: this.state
-		}), this.routing = new rr(e.routing, this.state);
-		let n = Yn({
+		}), this.routing = new cr(e.routing, this.state);
+		let n = er({
 			historyLimit: e.removalHistoryLimit,
 			loadNext: () => this.loadNext(),
 			onActivate: (e) => this.setActiveReelPost(e),
+			onItemsRemoved: (e) => this.removalReconciliation.remove(e),
+			onItemsRestored: (e) => this.removalReconciliation.restore(e),
 			retryEnd: () => this.retryEnd(),
 			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 nr(t, this.state, () => {
+		this.exactMediaRemoval = n.exactMediaRemoval, this.itemRemoval = n.itemRemoval, this.reelForward = n.reelForward, this.reelRemoval = n.reelRemoval, this.responsiveLayout = new sr(t, this.state, () => {
 			this.routing.syncFeed();
 		}), this.startStateNotifications();
 	}
 	async mount() {
 		if (this.app) throw Error("Vibe is already mounted.");
 		this.startStateNotifications();
-		let e = Ln(this.options.target);
-		this.responsiveLayout.mount(e), this.app = i(Mt, {
+		let e = Rn(this.options.target);
+		this.responsiveLayout.mount(e), this.app = i(Nt, {
 			canRetryEnd: !!this.options.loadPage,
 			cardFooter: this.options.cardFooter,
 			cardHeader: this.options.cardHeader,
 			feedFooter: this.options.feedFooter,
-			feedFooterActions: En(this),
+			feedFooterActions: Dn(this),
 			mediaCard: this.options.mediaCard,
 			onMediaReady: this.options.onMediaReady,
 			onReelMediaChange: this.options.onReelMediaChange,
@@ -3563,7 +3758,7 @@ var nr = class {
 		}), this.surface = this.app.mount(e), this.autoScroll.mount(), this.options.initialPage ? this.options.autofill && this.state.autofill.status === "idle" && !this.fillController.isActive() && await this.startInitialAutofill() : await this.reload();
 	}
 	destroy() {
-		this.autoScroll.destroy(), this.fillController.destroy(), this.cancelRequest(), this.reelForward.reset(), this.reelRemoval.reset(), this.exactMediaRemoval.reset(), this.itemRemoval.destroy(), this.responsiveLayout.destroy(), this.stopStateWatcher?.(), this.stopStateWatcher = null, this.app?.unmount(), this.app = null, this.surface = 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 R(this.state);
@@ -3620,7 +3815,7 @@ var nr = class {
 		this.autoScroll.setSpeed(e);
 	}
 	applyAutofillUpdate(e) {
-		let t = cn(this.options.autofill, this.state, e);
+		let t = ln(this.options.autofill, this.state, e);
 		return t && this.autofillController.syncCountdown(), t;
 	}
 	cancelAutofill() {
@@ -3633,11 +3828,11 @@ var nr = class {
 		return this.fillController.cancel();
 	}
 	async fill(e) {
-		if (this.pendingRequest || Jt(this.state.autofill)) throw Error("Vibe cannot fill while another page operation is active.");
+		if (this.pendingRequest || Yt(this.state.autofill)) throw Error("Vibe cannot fill while another page operation is active.");
 		await this.fillController.start(e);
 	}
 	restoreAutofillSession(e) {
-		let t = ln(this.options.autofill, this.state, e);
+		let t = un(this.options.autofill, this.state, e);
 		return t && this.autofillController.syncCountdown(), t;
 	}
 	restoreFillSession(e) {
@@ -3645,7 +3840,12 @@ var nr = class {
 	}
 	async loadNext() {
 		if (this.pendingRequest) return this.pendingRequest;
-		if (!this.state.loadMoreLocked && !(Jt(this.state.autofill) || this.fillController.isActive()) && !(this.state.next === null || !this.options.loadPage)) return this.state.isLoadingMore = !0, this.state.nextPageError = null, this.startRequest(this.state.next, !0);
+		if (this.state.loadMoreLocked || Yt(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(() => {
+			this.pendingRequest === e && (this.pendingRequest = null), this.state.isLoadingMore = !1;
+		});
 	}
 	async refresh() {
 		return this.replaceFeed(this.state.next ?? this.lastLoadedCursor, "refresh");
@@ -3655,11 +3855,41 @@ var nr = class {
 	}
 	async replaceFeed(e, t) {
 		if (!this.options.loadPage) throw Error(`Vibe cannot ${t} without loadPage.`);
-		return Jt(this.state.autofill) && await this.cancelAutofill(), this.fillController.isActive() && await this.cancelFill(), this.cancelRequest(), this.state.autofill = qt(this.options.autofill, void 0, !1), this.fillController.reset(), this.reelForward.reset(), this.reelRemoval.reset(), this.exactMediaRemoval.reset(), this.itemRemoval.reset(), this.state.error = null, this.state.isLoading = !0, this.state.items = [], this.state.next = null, this.state.nextPageError = null, this.state.total = null, this.startRequest(e, !1);
+		return Yt(this.state.autofill) && await this.cancelAutofill(), this.fillController.isActive() && await this.cancelFill(), this.cancelRequest(), this.state.autofill = Jt(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 = Pt(await t(e));
+		return {
+			...n,
+			items: this.removalReconciliation.filterItems(n.items)
+		};
+	}
+	async loadNextSequence() {
+		this.removalReconciliation.needsReconciliation(this.state.items) && !await this.reconcileBeforeNext() || this.state.next !== null && await this.fetchPage(this.state.next, !0);
+	}
+	async reconcileBeforeNext() {
+		let e = this.options.loadPage;
+		if (!e) return !1;
+		let t = ++this.requestVersion, n = new AbortController();
+		this.abortController = n;
+		try {
+			let r = await this.removalReconciliation.reconcile({
+				existingItems: this.state.items,
+				loadPage: e,
+				signal: n.signal
+			});
+			return t === this.requestVersion ? (this.state.items = Z(this.state.items, r.items), this.state.next = r.next, this.lastLoadedCursor = r.lastCursor, r.total !== void 0 && (this.state.total = r.total), this.removalReconciliation.completeReconciliation(r), !0) : !1;
+		} catch (e) {
+			return !n.signal.aborted && t === this.requestVersion && (this.state.nextPageError = e), !1;
+		} finally {
+			this.abortController === n && (this.abortController = null);
+		}
 	}
 	async retryEnd() {
 		if (this.pendingRequest) return this.pendingRequest;
-		if (!this.state.loadMoreLocked && !(Jt(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 && !(Yt(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());
@@ -3668,10 +3898,10 @@ var nr = class {
 		this.state.loadMoreLocked !== e && (this.state.loadMoreLocked = e, !e && this.state.infiniteScroll && m(() => this.surface?.loadIfNearBottom()));
 	}
 	setReelAutoAdvance(e) {
-		An(this.state.reelAutoAdvance, e);
+		jn(this.state.reelAutoAdvance, e);
 	}
 	setReelInfoSheet(e) {
-		Mn(this.state.reelInfoSheet, this.options.reelInfoSheet, e);
+		Nn(this.state.reelInfoSheet, this.options.reelInfoSheet, e);
 	}
 	setLayout(e) {
 		this.responsiveLayout.setLayout(e);
@@ -3689,68 +3919,22 @@ var nr = class {
 		this.autofillController.clearCountdown(), this.requestVersion += 1, this.abortController?.abort(), this.abortController = null, this.pendingRequest = null, this.state.isLoading = !1, this.state.isLoadingMore = !1;
 	}
 	async fetchPage(e, t) {
-		let n = this.options.loadPage;
-		if (!n) return;
-		let r = ++this.requestVersion, i = new AbortController(), a = this.options.autofill, o = a ? this.autofillController.beginCycle() : null, s = !1;
-		this.abortController = i;
-		try {
-			if (a?.strategy === "frontend") {
-				let o = await Zt({
-					existingItems: t ? this.state.items : [],
-					initialCursor: e,
-					loadPage: n,
-					onCollection: (e) => this.autofillController.captureCollection(e, r === this.requestVersion),
-					onDelayChange: (e) => {
-						r === this.requestVersion && Object.assign(this.state.autofill, e);
-					},
-					onProgress: (e) => {
-						r === this.requestVersion && Object.assign(this.state.autofill, e, { status: "filling" });
-					},
-					options: a,
-					signal: i.signal
-				});
-				if (r !== this.requestVersion) return;
-				this.state.items = t ? Q(this.state.items, o.items) : [...o.items], this.lastLoadedCursor = o.lastCursor, this.state.next = o.next, o.total !== void 0 && (this.state.total = o.total), Object.assign(this.state.autofill, {
-					missing: o.missing,
-					received: o.received,
-					requests: o.requests,
-					status: o.status
-				}), this.autofillController.clearCollection();
-				return;
-			}
-			let c = Nt(await n({
-				cursor: e,
-				signal: i.signal
-			}));
-			if (r !== this.requestVersion) return;
-			let l = t ? this.state.items : [], u = Q(l, c.items), d = u.length - l.length;
-			if (this.state.items = u, this.lastLoadedCursor = e, this.state.next = c.next, c.total !== void 0 && (this.state.total = c.total), s = !0, a?.strategy === "backend" && o) {
-				if (Object.assign(this.state.autofill, {
-					missing: Math.max(0, a.pageSize - d),
-					received: d,
-					requests: 1
-				}), d >= a.pageSize) {
-					this.state.autofill.status = "complete";
-					return;
-				}
-				await on(a, this.state, {
-					cycleId: o,
-					feedKey: a.feedKey,
-					items: u.slice(l.length),
-					missing: a.pageSize - d,
-					next: c.next,
-					pageSize: a.pageSize,
-					received: d,
-					signal: i.signal,
-					total: this.state.total
-				}, () => r === this.requestVersion), this.autofillController.syncCountdown();
-			}
-		} catch (e) {
-			if (i.signal.aborted || r !== this.requestVersion) return;
-			a && (this.state.autofill.error = e, this.state.autofill.status = "error"), s || (t ? this.state.nextPageError = e : this.state.error = e);
-		} finally {
-			r === this.requestVersion && (this.autofillController.clearCollection(), this.abortController = null, this.state.isLoading = !1, this.state.isLoadingMore = !1);
-		}
+		if (!this.options.loadPage) return;
+		let n = ++this.requestVersion, r = new AbortController();
+		this.abortController = r, await zn({
+			append: t,
+			autofillController: this.autofillController,
+			cursor: e,
+			isCurrent: () => n === this.requestVersion,
+			loadPage: (e) => this.loadFilteredPage(e),
+			onLastCursor: (e) => {
+				this.lastLoadedCursor = e;
+			},
+			onPages: (e) => this.removalReconciliation.recordPages(e),
+			options: this.options,
+			signal: r.signal,
+			state: this.state
+		}), n === this.requestVersion && (this.abortController = null);
 	}
 	startRequest(e, t) {
 		let n = this.fetchPage(e, t);
@@ -3761,13 +3945,14 @@ var nr = class {
 	startInitialAutofill() {
 		let e = ++this.requestVersion, t = new AbortController(), n = this.autofillController.beginCycle();
 		this.abortController = t, this.state.isLoadingMore = !0;
-		let r = un({
+		let r = dn({
 			cycleId: n,
 			isCurrent: () => e === this.requestVersion,
 			onCollection: (t) => this.autofillController.captureCollection(t, e === this.requestVersion),
 			onLastCursor: (e) => {
 				this.lastLoadedCursor = e;
 			},
+			onPages: (e) => this.removalReconciliation.recordPages(e),
 			options: this.options,
 			signal: t.signal,
 			state: this.state
@@ -3786,8 +3971,8 @@ var nr = class {
 		}));
 	}
 };
-function ar(e) {
-	return new ir(e);
+function ur(e) {
+	return new lr(e);
 }
 //#endregion
-export { ar as createVibe };
+export { ur as createVibe };