@wyxos/vibe 3.1.27 → 3.1.29

package/lib/index.js

@@ -3,7 +3,7 @@ import { Comment as e, Fragment as t, Text as n, Transition as r, computed as i,
 var U = (e) => {
 	for (let t in e) if (t.startsWith("aria-") || t === "role" || t === "title") return !0;
 	return !1;
-}, te = (e) => e === "", W = (...e) => e.filter((e, t, n) => !!e && e.trim() !== "" && n.indexOf(e) === t).join(" ").trim(), G = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), ne = (e) => e.replace(/^([A-Z])|[\s-_]+(\w)/g, (e, t, n) => n ? n.toUpperCase() : t.toLowerCase()), K = (e) => {
+}, W = (e) => e === "", G = (...e) => e.filter((e, t, n) => !!e && e.trim() !== "" && n.indexOf(e) === t).join(" ").trim(), te = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), ne = (e) => e.replace(/^([A-Z])|[\s-_]+(\w)/g, (e, t, n) => n ? n.toUpperCase() : t.toLowerCase()), K = (e) => {
 	let t = ne(e);
 	return t.charAt(0).toUpperCase() + t.slice(1);
 }, q = {
@@ -22,8 +22,8 @@ var U = (e) => {
 	width: o,
 	height: o,
 	stroke: s,
-	"stroke-width": te(n) || te(r) || n === !0 || r === !0 ? Number(i || a || q["stroke-width"]) * 24 / Number(o) : i || a || q["stroke-width"],
-	class: W("lucide", c.class, ...e ? [`lucide-${G(K(e))}-icon`, `lucide-${G(e)}`] : ["lucide-icon"]),
+	"stroke-width": W(n) || W(r) || n === !0 || r === !0 ? Number(i || a || q["stroke-width"]) * 24 / Number(o) : i || a || q["stroke-width"],
+	class: G("lucide", c.class, ...e ? [`lucide-${te(K(e))}-icon`, `lucide-${te(e)}`] : ["lucide-icon"]),
 	...!l.default && !U(c) && { "aria-hidden": "true" }
 }, [...t.map((e) => m(...e)), ...l.default ? [l.default()] : []]), J = (e, t) => (n, { slots: r, attrs: i }) => m(re, {
 	...i,
@@ -84,7 +84,7 @@ var U = (e) => {
 }], ["path", {
 	d: "M14 2v5a1 1 0 0 0 1 1h5",
 	key: "wfsgrz"
-}]]), se = J("image-plus", [
+}]]), X = J("image-plus", [
 	["path", {
 		d: "M16 5h6",
 		key: "1vod17"
@@ -107,10 +107,10 @@ var U = (e) => {
 		r: "2",
 		key: "af1f0g"
 	}]
-]), ce = J("loader-circle", [["path", {
+]), se = J("loader-circle", [["path", {
 	d: "M21 12a9 9 0 1 1-6.219-8.56",
 	key: "13zald"
-}]]), X = J("maximize-2", [
+}]]), ce = J("maximize-2", [
 	["path", {
 		d: "M15 3h6v6",
 		key: "1q9fwt"
@@ -226,14 +226,14 @@ function _e(e, t, n) {
 }
 //#endregion
 //#region src/components/viewer-core/dom.ts
-function ve(e) {
+function Z(e) {
 	return e instanceof HTMLElement && [
 		"INPUT",
 		"TEXTAREA",
 		"SELECT"
 	].includes(e.tagName);
 }
-function Z(e) {
+function ve(e) {
 	return e instanceof HTMLElement && !!e.closest("[data-swipe-lock], input, textarea, select, a");
 }
 function ye(e) {
@@ -841,7 +841,7 @@ function dt(e) {
 		setSequence: (e) => {
 			w = e;
 		}
-	}), E = i(() => lt(e.fillDelayMs, at)), O = i(() => lt(e.fillDelayStepMs, ot)), k = i(() => typeof e.resolve == "function"), A = i(() => be(e.pageSize)), j = i(() => De(n.value)), M = rt(() => j.value.length), N = i(() => Oe(j.value, e.removedIds.value)), P = i(() => r.value), F = i(() => ye(c.value) || m.value), I = i(() => Ge(n.value, e.removedIds.value)), L = i(() => Ke(n.value, e.removedIds.value)), R = i(() => L.value?.nextCursor ?? null), ee = i(() => o.value ? null : I.value?.previousCursor ?? null), B = i(() => !!R.value && L.value?.nextCursorExhausted !== !0), V = i(() => !!ee.value), H = i(() => _.value || g.value), U = i(() => k.value && !!L.value?.items.length), te = i(() => Oe(De(a.value), e.removedIds.value)), W = i(() => je(n.value, e.removedIds.value, P.value)), G = i(() => !N.value.length && !F.value && !!s.value), ne = Qe({
+	}), E = i(() => lt(e.fillDelayMs, at)), O = i(() => lt(e.fillDelayStepMs, ot)), k = i(() => typeof e.resolve == "function"), A = i(() => be(e.pageSize)), j = i(() => De(n.value)), M = rt(() => j.value.length), N = i(() => Oe(j.value, e.removedIds.value)), P = i(() => r.value), F = i(() => ye(c.value) || m.value), I = i(() => Ge(n.value, e.removedIds.value)), L = i(() => Ke(n.value, e.removedIds.value)), R = i(() => L.value?.nextCursor ?? null), ee = i(() => o.value ? null : I.value?.previousCursor ?? null), B = i(() => !!R.value && L.value?.nextCursorExhausted !== !0), V = i(() => !!ee.value), H = i(() => _.value || g.value), U = i(() => k.value && !!L.value?.items.length), W = i(() => Oe(De(a.value), e.removedIds.value)), G = i(() => je(n.value, e.removedIds.value, P.value)), te = i(() => !N.value.length && !F.value && !!s.value), ne = Qe({
 		autoBuckets: n,
 		clearActiveResolveController(e) {
 			y === e && (y = null);
@@ -952,13 +952,13 @@ function dt(e) {
 		}, r = qe(t);
 		if (Ee("trailing")) {
 			if (!U.value) return;
-			let e = await Z("trailing");
+			let e = await ve("trailing");
 			e?.followCursor && (e.itemsInserted === 0 || Ee("trailing")) && await _e(e.followCursor, n);
 			return;
 		}
 		if (r) {
 			if (t?.cursor === r) {
-				let e = await Z("trailing");
+				let e = await ve("trailing");
 				e?.followCursor && e.itemsInserted === 0 && await _e(e.followCursor, n);
 				return;
 			}
@@ -966,7 +966,7 @@ function dt(e) {
 			return;
 		}
 		if (!B.value) {
-			let e = U.value ? await Z("trailing") : null;
+			let e = U.value ? await ve("trailing") : null;
 			e?.followCursor && e.itemsInserted === 0 && await _e(e.followCursor, n);
 			return;
 		}
@@ -975,15 +975,15 @@ function dt(e) {
 	async function Y() {
 		if (!(H.value || !V.value || F.value)) {
 			if (Ee("leading")) {
-				let e = await Z("leading");
-				e?.itemsInserted === 0 && e.followCursor && await ve(e.followCursor);
+				let e = await ve("leading");
+				e?.itemsInserted === 0 && e.followCursor && await Z(e.followCursor);
 				return;
 			}
-			await ve(ee.value);
+			await Z(ee.value);
 		}
 	}
 	async function ie() {
-		if (G.value) {
+		if (te.value) {
 			if (n.value = [], r.value = 0, a.value = [], o.value = !1, s.value = null, c.value = k.value ? "initializing" : "idle", Ce(), M.reset(), m.value = !1, v.clear(), y?.abort(), y = null, d.clear(!0), we()) {
 				Q();
 				return;
@@ -992,23 +992,23 @@ function dt(e) {
 		}
 	}
 	async function ae() {
-		if (G.value) return ie();
+		if (te.value) return ie();
 		H.value || c.value !== "failed" || !b || (s.value = null, await b());
 	}
 	async function oe() {
 		if (!a.value.length) return m.value = !1, Q();
 		n.value = [...n.value, ...a.value], a.value = [], m.value = !1, Q();
 	}
-	function se(t) {
+	function X(t) {
 		let n = N.value;
 		if (!n.length) return;
 		let i = Se(t, 0, n.length - 1);
 		i !== r.value && (r.value = i, e.emit("update:activeIndex", i));
 	}
-	function ce(e) {
+	function se(e) {
 		h.value = e, K.schedule();
 	}
-	function X() {
+	function ce() {
 		_.value = !0, d.clear(!0);
 	}
 	function le() {
@@ -1045,7 +1045,7 @@ function dt(e) {
 		r.value = He(N.value, P.value, e);
 	}
 	function he() {
-		a.value.length > 0 && (!te.value.length || !N.value.length) && oe();
+		a.value.length > 0 && (!W.value.length || !N.value.length) && oe();
 	}
 	async function ge() {
 		if (!(!h.value || Te())) {
@@ -1069,13 +1069,13 @@ function dt(e) {
 		if (r) {
 			if (!r.visibleCount) return n.value = Je(n.value, t.originCursor, e, !0), a.value = [], m.value = !1, Q();
 			if (r.canceled) return n.value = [...n.value, ...r.buckets], a.value = [], m.value = !1, Q();
-			if (a.value = r.buckets, t.commitImmediately || !N.value.length || !te.value.length) return n.value = [...n.value, ...a.value], a.value = [], m.value = !1, Q();
+			if (a.value = r.buckets, t.commitImmediately || !N.value.length || !W.value.length) return n.value = [...n.value, ...a.value], a.value = [], m.value = !1, Q();
 			m.value = !0;
 		}
 	}
-	async function ve(e) {
+	async function Z(e) {
 		b = async () => {
-			await ve(e);
+			await Z(e);
 		};
 		let t = await xe({
 			continueUntilFilled: !0,
@@ -1087,9 +1087,9 @@ function dt(e) {
 		let r = pe();
 		n.value = [...t.buckets, ...n.value], me(r), Q();
 	}
-	async function Z(e) {
+	async function ve(e) {
 		return b = async () => {
-			await Z(e);
+			await ve(e);
 		}, q.reloadBoundaryBucket(e);
 	}
 	function xe(e) {
@@ -1121,12 +1121,12 @@ function dt(e) {
 	}
 	return {
 		activeIndex: P,
-		canRetryInitialLoad: G,
+		canRetryInitialLoad: te,
 		cancel: ue,
 		cancelFill: de,
 		canRefreshTrailingBoundary: U,
 		commitPendingAppend: oe,
-		currentCursor: W,
+		currentCursor: G,
 		errorMessage: s,
 		fillCollectedCount: l,
 		fillCursor: u,
@@ -1140,19 +1140,19 @@ function dt(e) {
 		isAutoPrefetchEnabled: h,
 		isPageLoadingLocked: H,
 		items: N,
-		lockPageLoading: X,
+		lockPageLoading: ce,
 		loading: F,
 		maybePrefetchAround: ge,
 		nextCursor: R,
-		pendingAppendItems: te,
+		pendingAppendItems: W,
 		phase: c,
 		prefetchNextPage: J,
 		prefetchPreviousPage: Y,
 		previousCursor: ee,
 		retryInitialLoad: ie,
 		retry: ae,
-		setActiveIndex: se,
-		setAutoPrefetchEnabled: ce,
+		setActiveIndex: X,
+		setAutoPrefetchEnabled: se,
 		syncActiveIndexAfterVisibilityChange: me,
 		unlockPageLoading: le,
 		getActiveOccurrenceKey: pe,
@@ -1331,7 +1331,7 @@ function mt(e, t) {
 		!c.value || o.value === "list" || (o.value = "list", t("update:surfaceMode", "list"));
 	}
 	function p(e) {
-		e.defaultPrevented || e.key !== "Escape" || !c.value || l.value !== "fullscreen" || ve(e.target) || (e.preventDefault(), f());
+		e.defaultPrevented || e.key !== "Escape" || !c.value || l.value !== "fullscreen" || Z(e.target) || (e.preventDefault(), f());
 	}
 	function m() {
 		a.value = window.innerWidth || 0;
@@ -1456,7 +1456,7 @@ var gt = {
 					class: "inline-flex h-10 w-10 items-center justify-center border border-white/14 bg-black/50 text-[#f7f1ea]/82 backdrop-blur-[18px] transition hover:border-white/28 hover:bg-black/65",
 					"aria-label": "Open active video fullscreen",
 					onClick: t[1] ||= (e) => r("fullscreen-request")
-				}, [u(F(X), {
+				}, [u(F(ce), {
 					class: "h-4 w-4 stroke-[1.9]",
 					"aria-hidden": "true"
 				})])) : o("", !0),
@@ -1553,7 +1553,7 @@ var gt = {
 			class: "h-4 w-4 stroke-[2.2]",
 			"aria-hidden": "true"
 		})])) : o("", !0), n.title ? (w(), s("h2", It, M(n.title), 1)) : o("", !0)]), c("div", Lt, [c("span", Rt, [
-			n.loading ? (w(), a(F(ce), {
+			n.loading ? (w(), a(F(se), {
 				key: 0,
 				"data-testid": "vibe-pagination-spinner",
 				class: "h-3.5 w-3.5 animate-spin stroke-[1.9]",
@@ -1564,7 +1564,7 @@ var gt = {
 		]), k(e.$slots, "actions")])])]), n.showEndBadge ? (w(), s("div", Vt, [...t[1] ||= [c("span", { class: "inline-flex items-center border border-amber-300/35 bg-black/40 px-4 py-3 text-[0.74rem] font-bold uppercase tracking-[0.2em] text-amber-200 backdrop-blur-[18px]" }, " End reached ", -1)]])) : o("", !0)]));
 	}
 }), Ut = {
-	image: se,
+	image: X,
 	video: ae,
 	audio: ie,
 	other: oe
@@ -2064,14 +2064,14 @@ function On(e) {
 	});
 	function v(e, t) {
 		if (t instanceof HTMLVideoElement) {
-			s.set(e, t), W(e, t);
+			s.set(e, t), G(e, t);
 			return;
 		}
 		s.delete(e);
 	}
 	function y(e, t) {
 		if (t instanceof HTMLAudioElement) {
-			c.set(e, t), W(e, t);
+			c.set(e, t), G(e, t);
 			return;
 		}
 		c.delete(e);
@@ -2099,21 +2099,21 @@ function On(e) {
 				H(i, n);
 				continue;
 			}
-			i.muted = !1, i.loop = e.loopFullscreenVideo.value, i.playsInline = !0, Tn(i), W(n, i);
+			i.muted = !1, i.loop = e.loopFullscreenVideo.value, i.playsInline = !0, Tn(i), G(n, i);
 		}
 		for (let [e, n] of c.entries()) {
 			if (e !== t || r.value[e]?.errorKind) {
 				H(n, e);
 				continue;
 			}
-			Tn(n), W(e, n);
+			Tn(n), G(e, n);
 		}
 	}
 	function w(e, t) {
 		let n = t.currentTarget instanceof HTMLMediaElement ? t.currentTarget : t.target instanceof HTMLMediaElement ? t.target : null;
 		if (n) {
 			let i = r.value[e]?.ready ?? !1;
-			W(e, n, t.type);
+			G(e, n, t.type);
 			let a = r.value[e]?.ready ?? !1;
 			!i && a && J(e, n.currentSrc || n.src || ie(e));
 		}
@@ -2134,7 +2134,7 @@ function On(e) {
 		});
 	}
 	async function O(t, n) {
-		let r = K(t), i = te(t), a = Y(t) ?? e.activeMediaItem.value ?? e.activeItem.value;
+		let r = K(t), i = W(t), a = Y(t) ?? e.activeMediaItem.value ?? e.activeItem.value;
 		if (r) {
 			r.pause();
 			try {
@@ -2163,17 +2163,17 @@ function On(e) {
 		let r = Number.parseFloat(e.target.value);
 		if (!Number.isFinite(r)) return;
 		let i = kn(r, 0, m.value || 0);
-		G(n, i, t), t.currentTime = i;
+		te(n, i, t), t.currentTime = i;
 	}
 	function M(e) {
 		let t = q(), n = d.value;
 		if (!t || !n || !(e.target instanceof HTMLInputElement)) return;
 		let r = kn(Number.parseFloat(e.target.value), 0, 1);
-		t.volume = r, t.muted = r <= 0, r > 0 && (o.value[n] = r), W(n, t);
+		t.volume = r, t.muted = r <= 0, r > 0 && (o.value[n] = r), G(n, t);
 	}
 	function N() {
 		let e = q(), t = d.value;
-		!e || !t || (e.muted || e.volume <= 0 ? (e.volume = ne(t), e.muted = !1, o.value[t] = e.volume) : (o.value[t] = e.volume, e.muted = !0), W(t, e));
+		!e || !t || (e.muted || e.volume <= 0 ? (e.volume = ne(t), e.muted = !1, o.value[t] = e.volume) : (o.value[t] = e.volume, e.muted = !0), G(t, e));
 	}
 	function P(e) {
 		return !!t.value[e] && !n.value[e];
@@ -2200,7 +2200,7 @@ function On(e) {
 	async function V(e) {
 		if (!ee(e)) return;
 		t.value[e] = !1, n.value[e] = null;
-		let r = te(e);
+		let r = W(e);
 		r.currentTime = 0, r.duration = 0, r.paused = !0, r.ready = !1, r.errorKind = null;
 		let i = K(e);
 		i && H(i, e), l.forEach((t) => {
@@ -2212,20 +2212,20 @@ function On(e) {
 		try {
 			e.currentTime = 0;
 		} catch {}
-		W(t, e);
+		G(t, e);
 	}
 	function U() {
 		for (let [e, t] of s.entries()) H(t, e);
 		for (let [e, t] of c.entries()) H(t, e);
 	}
-	function te(e) {
+	function W(e) {
 		return r.value[e] || (r.value[e] = mn()), r.value[e];
 	}
-	function W(e, t, n) {
-		gn(te(e), t, n), !t.muted && t.volume > 0 && (o.value[e] = t.volume);
-	}
 	function G(e, t, n) {
-		let r = te(e);
+		gn(W(e), t, n), !t.muted && t.volume > 0 && (o.value[e] = t.volume);
+	}
+	function te(e, t, n) {
+		let r = W(e);
 		r.currentTime = t, r.duration = Number.isFinite(n.duration) ? n.duration : r.duration, r.muted = n.muted, r.paused = n.paused, r.volume = Number.isFinite(n.volume) ? n.volume : r.volume;
 	}
 	function ne(e) {
@@ -2356,7 +2356,7 @@ function Pn(e, t, n = {}) {
 		onEnable() {
 			return T.syncMediaPlayback();
 		},
-		onKeydown: W,
+		onKeydown: G,
 		onResize: F
 	});
 	function P(e, t, n) {
@@ -2378,7 +2378,7 @@ function Pn(e, t, n = {}) {
 		return t && !I(-1) || n && !I(1) ? e * .24 : e;
 	}
 	function z(e) {
-		!_.value || r.value.length === 0 || e.pointerType === "mouse" || Z(e.target) || (v = e.pointerId, y = e.clientY, m.value = 0, h.value = !0, p.value?.setPointerCapture?.(e.pointerId));
+		!_.value || r.value.length === 0 || e.pointerType === "mouse" || ve(e.target) || (v = e.pointerId, y = e.clientY, m.value = 0, h.value = !0, p.value?.setPointerCapture?.(e.pointerId));
 	}
 	function ee(e) {
 		!_.value || !h.value || v !== e.pointerId || (m.value = R(e.clientY - y));
@@ -2395,16 +2395,16 @@ function Pn(e, t, n = {}) {
 	function U() {
 		m.value = 0, h.value = !1, v = null;
 	}
-	function te(e) {
-		if (!_.value || r.value.length === 0 || h.value || Z(e.target) || Math.abs(e.deltaY) < Math.max(Math.abs(e.deltaX), 24)) return;
+	function W(e) {
+		if (!_.value || r.value.length === 0 || h.value || ve(e.target) || Math.abs(e.deltaY) < Math.max(Math.abs(e.deltaX), 24)) return;
 		e.preventDefault();
 		let t = Date.now();
 		t < b || (b = t + 400, L(e.deltaY > 0 ? 1 : -1));
 	}
-	function W(e) {
-		!_.value || r.value.length === 0 || ve(e.target) || ((e.key === "ArrowDown" || e.key === "PageDown") && (e.preventDefault(), L(1)), (e.key === "ArrowUp" || e.key === "PageUp") && (e.preventDefault(), L(-1)));
+	function G(e) {
+		!_.value || r.value.length === 0 || Z(e.target) || ((e.key === "ArrowDown" || e.key === "PageDown") && (e.preventDefault(), L(1)), (e.key === "ArrowUp" || e.key === "PageUp") && (e.preventDefault(), L(-1)));
 	}
-	function G(e, t) {
+	function te(e, t) {
 		T.onVideoClick(e, t, x);
 	}
 	function ne(e, t) {
@@ -2465,8 +2465,8 @@ function Pn(e, t, n = {}) {
 		onPointerDown: z,
 		onPointerMove: ee,
 		onPointerUp: B,
-		onVideoClick: G,
-		onWheel: te,
+		onVideoClick: te,
+		onWheel: W,
 		registerAudioElement: T.registerAudioElement,
 		registerImageElement: T.registerImageElement,
 		registerVideoElement: T.registerVideoElement,
@@ -2605,25 +2605,96 @@ function Wn(e) {
 	};
 }
 //#endregion
-//#region src/components/viewer-core/masonryLayout.ts
-var Gn = 1, Kn = .5;
-function qn(e) {
+//#region src/components/FullscreenForwardFillPlaceholder.vue?vue&type=script&setup=true&lang.ts
+var Gn = {
+	"data-testid": "vibe-forward-fill-placeholder",
+	class: "grid h-full min-h-0 place-items-center px-6 text-center"
+}, Kn = { class: "grid w-full max-w-[22rem] justify-items-center gap-4 border border-white/14 bg-black/40 px-8 py-7 backdrop-blur-[18px]" }, qn = { class: "inline-flex h-12 w-12 items-center justify-center rounded-full bg-black/45 shadow-[0_18px_40px_-18px_rgba(0,0,0,0.85)]" }, Jn = {
+	"data-testid": "vibe-forward-fill-message",
+	class: "m-0 text-[0.78rem] font-bold uppercase tracking-[0.24em] text-[#f7f1ea]/72"
+}, Yn = {
+	key: 0,
+	"data-testid": "vibe-forward-fill-progress",
+	class: "grid w-full gap-2"
+}, Xn = { class: "flex items-center justify-between gap-4 text-[0.62rem] font-bold uppercase tracking-[0.16em] text-[#f7f1ea]/58" }, Zn = { key: 0 }, Qn = {
+	key: 0,
+	class: "h-1 w-full overflow-hidden bg-white/10"
+}, $n = /* @__PURE__ */ d({
+	__name: "FullscreenForwardFillPlaceholder",
+	props: {
+		fillCollectedCount: { default: null },
+		fillCompletedCalls: { default: 0 },
+		fillLoadedCount: { default: 0 },
+		fillMode: { default: "idle" },
+		fillProgress: { default: null },
+		fillTargetCalls: { default: null },
+		fillTargetCount: { default: null },
+		fillTotalCount: { default: null },
+		hasNextPage: {
+			type: Boolean,
+			default: !1
+		},
+		phase: { default: null },
+		statusMessage: { default: null }
+	},
+	setup(e) {
+		let t = e, n = i(() => t.phase === "filling" ? t.statusMessage ?? "Filling the view" : t.hasNextPage ? "Loading more items" : t.statusMessage ?? "Loading more items"), r = i(() => t.phase === "filling" || (t.fillMode ?? "idle") !== "idle"), a = i(() => {
+			if (!r.value) return null;
+			let e = m(t.fillProgress);
+			if (e !== null) return e;
+			let n = p(t.fillCollectedCount), i = p(t.fillTargetCount);
+			if (n !== null && i !== null && i > 0) return h(n / i);
+			let a = p(t.fillLoadedCount), o = p(t.fillTotalCount);
+			return a !== null && o !== null && o > 0 ? h(a / o) : null;
+		}), l = i(() => {
+			if (!r.value) return null;
+			let e = p(t.fillCollectedCount), n = p(t.fillTargetCount);
+			if (e !== null && n !== null && n > 0) return `${e} / ${n} items`;
+			let i = p(t.fillCompletedCalls) ?? 0, a = p(t.fillTargetCalls);
+			if (a !== null && a > 0) return `${i} / ${a} calls`;
+			let o = p(t.fillLoadedCount) ?? 0, s = p(t.fillTotalCount);
+			return s === null ? i > 0 ? `${o} loaded / ${i} calls` : null : `${o} / ${s} loaded`;
+		}), d = i(() => a.value === null ? null : `${Math.round(a.value * 100)}%`), f = i(() => ({ width: `${(a.value ?? 0) * 100}%` }));
+		function p(e) {
+			return typeof e == "number" && Number.isFinite(e) && e >= 0 ? Math.floor(e) : null;
+		}
+		function m(e) {
+			return typeof e == "number" && Number.isFinite(e) ? h(e) : null;
+		}
+		function h(e) {
+			return Math.min(Math.max(e, 0), 1);
+		}
+		return (e, t) => (w(), s("div", Gn, [c("div", Kn, [
+			c("span", qn, [u(F(se), {
+				class: "h-5 w-5 animate-spin stroke-[1.9] text-[#f7f1ea]/78",
+				"aria-hidden": "true"
+			})]),
+			c("p", Jn, M(n.value), 1),
+			l.value ? (w(), s("div", Yn, [c("div", Xn, [c("span", null, M(l.value), 1), d.value ? (w(), s("span", Zn, M(d.value), 1)) : o("", !0)]), a.value === null ? o("", !0) : (w(), s("div", Qn, [c("span", {
+				"data-testid": "vibe-forward-fill-progress-bar",
+				class: "block h-full bg-[#f7f1ea]/58 transition-[width] duration-200",
+				style: b(f.value)
+			}, null, 4)]))])) : o("", !0)
+		])]));
+	}
+}), er = 1, tr = .5;
+function nr(e) {
 	if (e.type !== "image" && e.type !== "video") return {
-		width: Gn,
-		height: Gn,
+		width: er,
+		height: er,
 		source: "fallback"
 	};
 	let t = e.preview?.width, n = e.preview?.height;
-	if (nr(t) && nr(n)) {
-		let r = rr(e, t, n);
+	if (dr(t) && dr(n)) {
+		let r = fr(e, t, n);
 		return {
 			width: r.width,
 			height: r.height,
 			source: "preview"
 		};
 	}
-	if (nr(e.width) && nr(e.height)) {
-		let t = rr(e, e.width, e.height);
+	if (dr(e.width) && dr(e.height)) {
+		let t = fr(e, e.width, e.height);
 		return {
 			width: t.width,
 			height: t.height,
@@ -2631,24 +2702,24 @@ function qn(e) {
 		};
 	}
 	return {
-		width: Gn,
-		height: Gn,
+		width: er,
+		height: er,
 		source: "fallback"
 	};
 }
-function Jn(e, t) {
+function rr(e, t) {
 	return !e || e <= 0 || !t || t <= 0 ? 1 : Math.max(1, Math.floor(e / t));
 }
-function Yn(e, t, n, r = 0) {
+function ir(e, t, n, r = 0) {
 	if (!e || e <= 0 || !t || t <= 0) return n;
 	let i = typeof r == "number" && r > 0 ? r : 0, a = e - Math.max(0, t - 1) * i;
 	return !a || a <= 0 ? n : a / t;
 }
-function Xn(e, t) {
-	let n = qn(e);
+function ar(e, t) {
+	let n = nr(e);
 	return n.height / n.width * t;
 }
-function Zn(e, t) {
+function or(e, t) {
 	let n = Array.from({ length: t.columnCount }, () => 0), r = {
 		positions: Array(e.length),
 		heights: Array(e.length),
@@ -2657,18 +2728,18 @@ function Zn(e, t) {
 		indexById: /* @__PURE__ */ new Map(),
 		columnHeights: n
 	};
-	return Qn(r, e, {
+	return sr(r, e, {
 		...t,
 		startIndex: 0
 	}), r;
 }
-function Qn(e, t, n) {
+function sr(e, t, n) {
 	for (let r = 0; r < t.length; r += 1) {
 		let i = t[r], a = n.startIndex + r;
 		e.indexById.set($(i), a);
 		let o = 0;
 		for (let t = 1; t < e.columnHeights.length; t += 1) e.columnHeights[t] < e.columnHeights[o] && (o = t);
-		let s = o * (n.columnWidth + n.gapX), c = e.columnHeights[o], l = Xn(i, n.columnWidth);
+		let s = o * (n.columnWidth + n.gapX), c = e.columnHeights[o], l = ar(i, n.columnWidth);
 		e.positions[a] = {
 			x: s + (n.positionOffsetX ?? 0),
 			y: c + (n.positionOffsetY ?? 0)
@@ -2681,20 +2752,20 @@ function Qn(e, t, n) {
 	}
 	return e;
 }
-function $n(e, t) {
+function cr(e, t) {
 	let n = [...t.columnHeights], r = t.contentHeight;
 	for (let i of e) {
 		let e = 0;
 		for (let t = 1; t < n.length; t += 1) n[t] < n[e] && (e = t);
-		let a = n[e], o = Xn(i, t.columnWidth);
+		let a = n[e], o = ar(i, t.columnWidth);
 		n[e] = a + o + t.gapY, r = Math.max(r, a + o);
 	}
 	return r;
 }
-function er(e) {
+function lr(e) {
 	return e.addedItems.length === 0 || e.removedItemCount > 0 || e.isPrepend || e.previousItems.length === 0 || e.layoutItemCount !== e.previousItems.length || e.columnHeights.length !== e.columnCount || e.currentItems.length !== e.previousItems.length + e.addedItems.length ? !1 : e.previousItems.every((t, n) => $(t) === $(e.currentItems[n]));
 }
-function tr(e) {
+function ur(e) {
 	if (e.itemCount <= 0) return [];
 	if (e.viewportHeight <= 0) return Array.from({ length: e.itemCount }, (e, t) => t);
 	let t = Math.max(0, e.scrollTop - e.overscanPx), n = e.scrollTop + e.viewportHeight + e.overscanPx, r = Math.floor(t / e.bucketPx), i = Math.floor(n / e.bucketPx), a = /* @__PURE__ */ new Set();
@@ -2704,11 +2775,11 @@ function tr(e) {
 	}
 	return Array.from(a).sort((e, t) => e - t);
 }
-function nr(e) {
+function dr(e) {
 	return typeof e == "number" && Number.isFinite(e) && e > 0;
 }
-function rr(e, t, n) {
-	return e.type !== "image" || n / t >= Kn ? {
+function fr(e, t, n) {
+	return e.type !== "image" || n / t >= tr ? {
 		width: t,
 		height: n
 	} : {
@@ -2718,9 +2789,9 @@ function rr(e, t, n) {
 }
 //#endregion
 //#region src/components/viewer-core/listPreview.ts
-var ir = /\.(avif|gif|jpe?g|png|svg|webp)(\?|#|$)/i, ar = /\.(m4v|mov|mp4|mpeg|ogg|ogv|webm)(\?|#|$)/i, or = /^(?:(?:https?:)?\/\/[^/]+)?\/api\/files\/[^/?#]+\/(?:preview|downloaded)(?:\?|#|$)/i;
-function sr(e) {
-	let t = cr(e), n = t?.url, r = qn(e), i = e.title?.trim() || Kt(e.type);
+var pr = /\.(avif|gif|jpe?g|png|svg|webp)(\?|#|$)/i, mr = /\.(m4v|mov|mp4|mpeg|ogg|ogv|webm)(\?|#|$)/i, hr = /^(?:(?:https?:)?\/\/[^/]+)?\/api\/files\/[^/?#]+\/(?:preview|downloaded)(?:\?|#|$)/i;
+function gr(e) {
+	let t = _r(e), n = t?.url, r = nr(e), i = e.title?.trim() || Kt(e.type);
 	return t?.mediaType === "video" && typeof n == "string" ? {
 		kind: "video",
 		url: n,
@@ -2739,13 +2810,13 @@ function sr(e) {
 		width: r.width,
 		height: r.height,
 		label: i
-	} : typeof n == "string" && ur(e, n) ? {
+	} : typeof n == "string" && yr(e, n) ? {
 		kind: "video",
 		url: n,
 		width: r.width,
 		height: r.height,
 		label: i
-	} : typeof n == "string" && lr(e, n) ? {
+	} : typeof n == "string" && vr(e, n) ? {
 		kind: "image",
 		url: n,
 		width: r.width,
@@ -2759,54 +2830,54 @@ function sr(e) {
 		label: i
 	};
 }
-function cr(e) {
+function _r(e) {
 	return e.preview?.url ? e.preview : typeof e.url != "string" || e.url.trim() === "" ? null : { url: e.url };
 }
-function lr(e, t) {
-	return e.type !== "image" || typeof t != "string" ? !1 : ir.test(t) || dr(t);
+function vr(e, t) {
+	return e.type !== "image" || typeof t != "string" ? !1 : pr.test(t) || br(t);
 }
-function ur(e, t) {
-	return e.type !== "video" || typeof t != "string" ? !1 : ar.test(t) || fr(t);
+function yr(e, t) {
+	return e.type !== "video" || typeof t != "string" ? !1 : mr.test(t) || xr(t);
 }
-function dr(e) {
+function br(e) {
 	return /^(https?:\/\/|\/\/|\/(?!\/)|\.{1,2}\/|blob:|data:)/i.test(e);
 }
-function fr(e) {
-	return or.test(e) || /^blob:/i.test(e) || /^data:video\//i.test(e);
+function xr(e) {
+	return hr.test(e) || /^blob:/i.test(e) || /^data:video\//i.test(e);
 }
 //#endregion
 //#region src/components/FullscreenPreviewRail.vue?vue&type=script&setup=true&lang.ts
-var pr = {
+var Sr = {
 	key: 0,
 	"data-testid": "vibe-fullscreen-next-previews",
-	class: "pointer-events-auto absolute right-[clamp(1.25rem,2.6vw,2.25rem)] top-[clamp(5.75rem,7vw,7rem)] z-[4] grid gap-2 max-[860px]:hidden"
-}, mr = [
+	class: "pointer-events-auto absolute right-[clamp(1.25rem,2.6vw,2.25rem)] top-1/2 z-[4] flex -translate-y-1/2 items-center justify-end gap-3 max-[860px]:hidden"
+}, Cr = [
 	"data-index",
 	"aria-label",
 	"title",
 	"onClick"
-], hr = [
+], wr = [
 	"src",
 	"onError",
 	"onLoad"
-], gr = [
+], Tr = [
 	"src",
 	"onError",
 	"onLoadedmetadata"
-], _r = {
+], Er = {
 	key: 2,
 	class: "grid h-full w-full place-items-center bg-white/6",
 	"aria-hidden": "true"
-}, vr = {
+}, Dr = {
 	key: 3,
 	class: "pointer-events-none absolute left-2 top-2 inline-flex h-6 w-6 items-center justify-center border border-white/14 bg-black/55 backdrop-blur-[14px]",
 	"aria-hidden": "true"
-}, yr = {
+}, Or = {
 	key: 4,
 	"data-testid": "vibe-fullscreen-next-preview-spinner",
 	class: "pointer-events-none absolute inset-0 grid place-items-center bg-black/18",
 	"aria-hidden": "true"
-}, br = { class: "inline-flex h-9 w-9 items-center justify-center rounded-full bg-black/50 shadow-[0_18px_40px_-18px_rgba(0,0,0,0.85)] backdrop-blur-[18px]" }, xr = { class: "pointer-events-none absolute bottom-1.5 right-1.5 border border-white/14 bg-black/58 px-1.5 py-1 text-[0.56rem] font-bold leading-none tracking-[0.12em] text-[#f7f1ea]/78 backdrop-blur-[14px]" }, Sr = /* @__PURE__ */ d({
+}, kr = { class: "inline-flex h-9 w-9 items-center justify-center rounded-full bg-black/50 shadow-[0_18px_40px_-18px_rgba(0,0,0,0.85)] backdrop-blur-[18px]" }, Ar = { class: "pointer-events-none absolute bottom-1.5 right-1.5 border border-white/14 bg-black/58 px-1.5 py-1 text-[0.56rem] font-bold leading-none tracking-[0.12em] text-[#f7f1ea]/78 backdrop-blur-[14px]" }, jr = /* @__PURE__ */ d({
 	__name: "FullscreenPreviewRail",
 	props: {
 		activeIndex: {},
@@ -2818,7 +2889,7 @@ var pr = {
 		let r = e, l = n, d = D({}), f = i(() => {
 			let e = Math.min(Math.max(r.activeIndex + 1, 0), r.items.length);
 			return r.items.slice(e, e + r.maxItems).map((t, n) => ({
-				asset: sr(t),
+				asset: gr(t),
 				index: e + n,
 				item: t
 			}));
@@ -2852,7 +2923,7 @@ var pr = {
 			return _(e) && d.value[p(e)] === "loading";
 		}
 		function b(e, t) {
-			return d.value[p(e)] === "ready" ? `${t} group-hover:opacity-100` : "opacity-0";
+			return d.value[p(e)] === "ready" ? t : "opacity-0";
 		}
 		function x(e, t) {
 			d.value = {
@@ -2860,14 +2931,20 @@ var pr = {
 				[p(e)]: t
 			};
 		}
-		return (e, n) => f.value.length ? (w(), s("div", pr, [(w(!0), s(t, null, O(f.value, (e) => (w(), s("button", {
+		function S(e) {
+			return e === 0 ? "h-[220px] w-[220px]" : "h-[140px] w-[140px]";
+		}
+		function C(e) {
+			return e === 0 ? "opacity-90" : "opacity-40";
+		}
+		return (e, n) => f.value.length ? (w(), s("div", Sr, [(w(!0), s(t, null, O(f.value, (e, t) => (w(), s("button", {
 			key: `${e.item.id}-${e.index}`,
 			type: "button",
 			"data-testid": "vibe-fullscreen-next-preview",
 			"data-index": e.index,
 			"aria-label": m(e),
 			title: e.asset.label,
-			class: "group relative h-[150px] w-[150px] overflow-hidden border border-white/14 bg-black/45 text-[#f7f1ea] shadow-[0_20px_50px_-30px_rgba(0,0,0,0.9)] backdrop-blur-[18px] transition hover:border-white/34 hover:bg-black/58 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-[#f7f1ea]",
+			class: v(["group relative overflow-hidden border border-white/14 bg-black/45 text-[#f7f1ea] shadow-[0_20px_50px_-30px_rgba(0,0,0,0.9)] backdrop-blur-[18px] transition hover:border-white/34 hover:bg-black/58 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-[#f7f1ea]", S(t)]),
 			onClick: (t) => l("select", e.index)
 		}, [
 			e.asset.kind === "image" ? (w(), s("img", {
@@ -2877,26 +2954,26 @@ var pr = {
 				"aria-hidden": "true",
 				draggable: "false",
 				loading: "lazy",
-				class: v(["h-full w-full bg-black/18 object-center transition-[opacity,transform] duration-300 group-hover:scale-[1.04]", [h(e.asset), b(e, "opacity-[0.82]")]]),
+				class: v(["h-full w-full bg-black/18 object-center transition-[opacity,transform] duration-300 group-hover:scale-[1.04]", [h(e.asset), b(e, C(t))]]),
 				onError: (t) => x(e, "error"),
 				onLoad: (t) => x(e, "ready")
-			}, null, 42, hr)) : e.asset.kind === "video" ? (w(), s("video", {
+			}, null, 42, wr)) : e.asset.kind === "video" ? (w(), s("video", {
 				key: 1,
 				src: e.asset.url ?? void 0,
 				"aria-hidden": "true",
-				class: v(["h-full w-full bg-black/18 object-center transition-[opacity,transform] duration-300 group-hover:scale-[1.04]", [h(e.asset), b(e, "opacity-[0.78]")]]),
+				class: v(["h-full w-full bg-black/18 object-center transition-[opacity,transform] duration-300 group-hover:scale-[1.04]", [h(e.asset), b(e, C(t))]]),
 				muted: "",
 				playsinline: "",
 				preload: "metadata",
 				onError: (t) => x(e, "error"),
 				onLoadedmetadata: (t) => x(e, "ready")
-			}, null, 42, gr)) : (w(), s("span", _r, [(w(), a(A(F(Gt)(e.item.type)), { class: "h-5 w-5 stroke-[1.9] text-[#f7f1ea]/70" }))])),
-			e.asset.kind === "video" ? (w(), s("span", vr, [(w(), a(A(F(Gt)(e.item.type)), { class: "h-3.5 w-3.5 stroke-[2]" }))])) : o("", !0),
-			y(e) ? (w(), s("span", yr, [c("span", br, [u(F(ce), { class: "h-4 w-4 animate-spin stroke-[1.9] text-[#f7f1ea]/82" })])])) : o("", !0),
-			c("span", xr, M(e.index + 1) + " / " + M(r.items.length), 1)
-		], 8, mr))), 128))])) : o("", !0);
+			}, null, 42, Tr)) : (w(), s("span", Er, [(w(), a(A(F(Gt)(e.item.type)), { class: "h-5 w-5 stroke-[1.9] text-[#f7f1ea]/70" }))])),
+			e.asset.kind === "video" ? (w(), s("span", Dr, [(w(), a(A(F(Gt)(e.item.type)), { class: "h-3.5 w-3.5 stroke-[2]" }))])) : o("", !0),
+			y(e) ? (w(), s("span", Or, [c("span", kr, [u(F(se), { class: "h-4 w-4 animate-spin stroke-[1.9] text-[#f7f1ea]/82" })])])) : o("", !0),
+			c("span", Ar, M(e.index + 1) + " / " + M(r.items.length), 1)
+		], 10, Cr))), 128))])) : o("", !0);
 	}
-}), Cr = ["data-surface"], wr = ["data-surface"], Tr = /* @__PURE__ */ d({
+}), Mr = ["data-surface"], Nr = ["data-surface"], Pr = /* @__PURE__ */ d({
 	inheritAttrs: !1,
 	__name: "SurfaceEmptyState",
 	props: {
@@ -2910,31 +2987,31 @@ var pr = {
 			"data-testid": "vibe-empty-state-inline",
 			"data-surface": e.surface,
 			class: ["pointer-events-none absolute z-[4] text-center", e.surface === "grid" ? "inset-x-0 top-[clamp(6rem,22vh,11rem)] flex justify-center px-6" : "inset-0 grid place-items-center px-[clamp(2rem,4vw,3rem)] py-[clamp(2rem,4vw,3rem)]"]
-		}), [k(n.$slots, "default", {}, () => [c("p", { class: v(["m-0 text-[0.82rem] font-medium tracking-[0.08em]", e.surface === "grid" ? "text-[#f7f1ea]/58" : "text-[#f7f1ea]/64"]) }, M(e.message), 3)])], 16, Cr)) : (w(), s("div", g({ key: 1 }, F(t), { class: ["pointer-events-none absolute z-[4]", e.surface === "grid" ? "inset-x-0 bottom-0 flex justify-center px-6" : "bottom-[1.8rem] left-1/2 -translate-x-1/2 max-[720px]:bottom-[1.3rem]"] }), [k(n.$slots, "default", {}, () => [c("span", {
+		}), [k(n.$slots, "default", {}, () => [c("p", { class: v(["m-0 text-[0.82rem] font-medium tracking-[0.08em]", e.surface === "grid" ? "text-[#f7f1ea]/58" : "text-[#f7f1ea]/64"]) }, M(e.message), 3)])], 16, Mr)) : (w(), s("div", g({ key: 1 }, F(t), { class: ["pointer-events-none absolute z-[4]", e.surface === "grid" ? "inset-x-0 bottom-0 flex justify-center px-6" : "bottom-[1.8rem] left-1/2 -translate-x-1/2 max-[720px]:bottom-[1.3rem]"] }), [k(n.$slots, "default", {}, () => [c("span", {
 			"data-testid": "vibe-empty-state-badge",
 			"data-surface": e.surface,
 			class: v(["inline-flex items-center border border-white/14 backdrop-blur-[18px]", e.surface === "grid" ? "bg-black/55 px-4 py-3 text-[0.82rem] font-medium tracking-[0.08em] text-[#f7f1ea]/72" : "w-auto bg-black/40 px-5 py-3 text-[0.82rem] font-medium tracking-[0.08em] text-[#f7f1ea]/74 max-[720px]:w-[calc(100%-2.5rem)] max-[720px]:justify-center"])
-		}, M(e.message), 11, wr)])], 16));
+		}, M(e.message), 11, Nr)])], 16));
 	}
-}), Er = { class: "relative h-full min-h-0 overflow-hidden bg-[#05060a] text-[#f7f1ea]" }, Dr = {
+}), Fr = { class: "relative h-full min-h-0 overflow-hidden bg-[#05060a] text-[#f7f1ea]" }, Ir = {
 	key: 0,
 	class: "relative h-full min-h-0"
-}, Or = [
+}, Lr = [
 	"data-item-id",
 	"data-occurrence-key",
 	"data-index",
 	"data-active",
 	"aria-hidden"
-], kr = {
+], Rr = {
 	key: 0,
 	"data-testid": "vibe-asset-spinner",
 	class: "pointer-events-none absolute inset-0 z-[2] grid place-items-center"
-}, Ar = { class: "inline-flex h-12 w-12 items-center justify-center rounded-full bg-black/45 shadow-[0_18px_40px_-18px_rgba(0,0,0,0.85)] backdrop-blur-[18px]" }, jr = ["data-kind"], Mr = { class: "grid justify-items-center gap-4 border border-white/14 bg-black/45 px-8 py-7 text-center backdrop-blur-[18px]" }, Nr = { class: "m-0 text-[0.82rem] font-bold uppercase tracking-[0.28em] text-[#f7f1ea]/70" }, Pr = ["onClick"], Fr = [
+}, zr = { class: "inline-flex h-12 w-12 items-center justify-center rounded-full bg-black/45 shadow-[0_18px_40px_-18px_rgba(0,0,0,0.85)] backdrop-blur-[18px]" }, Br = ["data-kind"], Vr = { class: "grid justify-items-center gap-4 border border-white/14 bg-black/45 px-8 py-7 text-center backdrop-blur-[18px]" }, Hr = { class: "m-0 text-[0.82rem] font-bold uppercase tracking-[0.28em] text-[#f7f1ea]/70" }, Ur = ["onClick"], Wr = [
 	"src",
 	"alt",
 	"onLoad",
 	"onError"
-], Ir = [
+], Gr = [
 	"loop",
 	"src",
 	"preload",
@@ -2953,15 +3030,15 @@ var pr = {
 	"onStalled",
 	"onTimeupdate",
 	"onWaiting"
-], Lr = { class: "relative grid aspect-square w-[clamp(320px,46vw,560px)] max-w-[calc(100vw-2.5rem)] place-items-center" }, Rr = [
+], Kr = { class: "relative grid aspect-square w-[clamp(320px,46vw,560px)] max-w-[calc(100vw-2.5rem)] place-items-center" }, qr = [
 	"aria-label",
 	"disabled",
 	"onClick"
-], zr = { class: "relative z-[1] inline-flex min-h-[4.25rem] min-w-[4.25rem] items-center justify-center border border-white/18 bg-emerald-500/12 p-4 backdrop-blur-[20px]" }, Br = { class: "pointer-events-none absolute bottom-4 right-4 inline-flex h-10 w-10 items-center justify-center border border-white/14 bg-black/50 backdrop-blur-[18px]" }, Vr = {
+], Jr = { class: "relative z-[1] inline-flex min-h-[4.25rem] min-w-[4.25rem] items-center justify-center border border-white/18 bg-emerald-500/12 p-4 backdrop-blur-[20px]" }, Yr = { class: "pointer-events-none absolute bottom-4 right-4 inline-flex h-10 w-10 items-center justify-center border border-white/14 bg-black/50 backdrop-blur-[18px]" }, Xr = {
 	key: 0,
 	"data-testid": "vibe-asset-spinner",
 	class: "pointer-events-none absolute inset-0 z-[3] grid place-items-center"
-}, Hr = { class: "inline-flex h-12 w-12 items-center justify-center rounded-full bg-black/45 shadow-[0_18px_40px_-18px_rgba(0,0,0,0.85)] backdrop-blur-[18px]" }, Ur = ["data-kind"], Wr = { class: "m-0 text-[0.82rem] font-bold uppercase tracking-[0.28em] text-[#f7f1ea]/70" }, Gr = ["onClick"], Kr = [
+}, Zr = { class: "inline-flex h-12 w-12 items-center justify-center rounded-full bg-black/45 shadow-[0_18px_40px_-18px_rgba(0,0,0,0.85)] backdrop-blur-[18px]" }, Qr = ["data-kind"], $r = { class: "m-0 text-[0.82rem] font-bold uppercase tracking-[0.28em] text-[#f7f1ea]/70" }, ei = ["onClick"], ti = [
 	"src",
 	"preload",
 	"onCanplay",
@@ -2977,26 +3054,22 @@ var pr = {
 	"onStalled",
 	"onTimeupdate",
 	"onWaiting"
-], qr = {
+], ni = {
 	key: 2,
 	class: "relative z-[1] grid w-full max-w-[1100px] justify-items-center gap-6 px-[clamp(2rem,4vw,3rem)] py-[clamp(2rem,4vw,3rem)] text-center"
-}, Jr = { class: "inline-flex min-h-[4.25rem] min-w-[4.25rem] items-center justify-center border border-white/18 bg-white/8 p-4 backdrop-blur-[20px]" }, Yr = {
+}, ri = { class: "inline-flex min-h-[4.25rem] min-w-[4.25rem] items-center justify-center border border-white/18 bg-white/8 p-4 backdrop-blur-[20px]" }, ii = {
 	key: 0,
 	"data-testid": "vibe-fullscreen-overlay",
 	class: "pointer-events-none absolute inset-0 z-[6]"
-}, Xr = { class: "h-full w-full" }, Zr = {
-	key: 1,
-	"data-testid": "vibe-forward-fill-placeholder",
-	class: "grid h-full min-h-0 place-items-center px-6 text-center"
-}, Qr = { class: "grid justify-items-center gap-4 border border-white/14 bg-black/40 px-8 py-7 backdrop-blur-[18px]" }, $r = { class: "inline-flex h-12 w-12 items-center justify-center rounded-full bg-black/45 shadow-[0_18px_40px_-18px_rgba(0,0,0,0.85)]" }, ei = { class: "m-0 text-[0.78rem] font-bold uppercase tracking-[0.24em] text-[#f7f1ea]/72" }, ti = {
+}, ai = { class: "h-full w-full" }, oi = {
 	key: 0,
 	"data-testid": "vibe-fullscreen-aside",
 	class: "h-full min-h-0 overflow-hidden border-l border-white/10 bg-black/45 backdrop-blur-[18px]"
-}, ni = { class: "h-full min-h-0 overflow-y-auto overscroll-y-contain" }, ri = {
+}, si = { class: "h-full min-h-0 overflow-y-auto overscroll-y-contain" }, ci = {
 	key: 0,
 	"data-testid": "vibe-fullscreen-aside",
 	class: "absolute inset-y-0 right-0 z-[6] w-full max-w-[22rem] overflow-hidden border-l border-white/10 bg-black/82 backdrop-blur-[18px]"
-}, ii = { class: "h-full min-h-0 overflow-y-auto overscroll-y-contain" }, ai = 1280, oi = 768, si = /* @__PURE__ */ d({
+}, li = { class: "h-full min-h-0 overflow-y-auto overscroll-y-contain" }, ui = 1280, di = 768, fi = /* @__PURE__ */ d({
 	__name: "FullscreenSurface",
 	props: {
 		active: {
@@ -3006,6 +3079,14 @@ var pr = {
 		activeIndex: { default: 0 },
 		emptyStateMode: { default: "inline" },
 		errorMessage: { default: null },
+		fillCollectedCount: { default: null },
+		fillCompletedCalls: { default: 0 },
+		fillLoadedCount: { default: 0 },
+		fillMode: { default: "idle" },
+		fillProgress: { default: null },
+		fillTargetCalls: { default: null },
+		fillTargetCount: { default: null },
+		fillTotalCount: { default: null },
 		hasNextPage: {
 			type: Boolean,
 			default: !1
@@ -3054,7 +3135,7 @@ var pr = {
 			enabled: N(d, "active"),
 			onAssetError: d.reportAssetError ?? void 0,
 			onAssetLoad: d.reportAssetLoad ?? void 0
-		}), _ = D(typeof window > "u" ? ai : window.innerWidth || ai), C = rn({
+		}), _ = D(typeof window > "u" ? ui : window.innerWidth || ui), C = rn({
 			active: N(d, "active"),
 			items: h.items,
 			resolvedActiveIndex: h.resolvedActiveIndex,
@@ -3069,9 +3150,9 @@ var pr = {
 			showDominantImageTone: N(d, "showDominantImageTone")
 		}), R = Bn({
 			fullscreenMedia: C,
-			updateDominantToneFromImageElement: ye,
+			updateDominantToneFromImageElement: ve,
 			viewer: h
-		}), z = i(() => h.activeMediaItem.value && !h.activeAssetErrorKind.value ? "bottom-[5.8rem] max-[720px]:bottom-[7.4rem]" : "bottom-[1.8rem] max-[720px]:bottom-[1.3rem]"), ee = i(() => !!h.activeMediaItem.value && !h.activeAssetErrorKind.value), V = i(() => _.value < oi ? "vertical" : "horizontal"), U = i(() => ee.value ? "pb-[5.75rem] max-[720px]:pb-[7rem]" : ""), te = i(() => d.activeIndex >= d.items.length && (d.loading || d.hasNextPage)), W = i(() => d.hasNextPage ? "Loading more items" : h.statusMessage.value ?? "Loading more items"), G = i(() => {
+		}), z = i(() => h.activeMediaItem.value && !h.activeAssetErrorKind.value ? "bottom-[5.8rem] max-[720px]:bottom-[7.4rem]" : "bottom-[1.8rem] max-[720px]:bottom-[1.3rem]"), ee = i(() => !!h.activeMediaItem.value && !h.activeAssetErrorKind.value), V = i(() => _.value < di ? "vertical" : "horizontal"), U = i(() => ee.value ? "pb-[5.75rem] max-[720px]:pb-[7rem]" : ""), W = i(() => d.activeIndex >= d.items.length && (d.loading || d.hasNextPage)), G = i(() => {
 			let e = h.activeItem.value;
 			return e ? {
 				hasNextPage: d.hasNextPage,
@@ -3081,14 +3162,14 @@ var pr = {
 				paginationDetail: d.paginationDetail,
 				total: d.items.length
 			} : null;
-		}), ne = i(() => !G.value || !f["fullscreen-header-actions"] ? [] : f["fullscreen-header-actions"](G.value)), K = i(() => !G.value || !f["fullscreen-aside"] ? [] : f["fullscreen-aside"](G.value)), q = i(() => !d.showStatusBadges || !G.value || !h.statusKind.value || !h.statusMessage.value ? null : {
+		}), te = i(() => !G.value || !f["fullscreen-header-actions"] ? [] : f["fullscreen-header-actions"](G.value)), ne = i(() => !G.value || !f["fullscreen-aside"] ? [] : f["fullscreen-aside"](G.value)), K = i(() => !d.showStatusBadges || !G.value || !h.statusKind.value || !h.statusMessage.value ? null : {
 			...G.value,
 			kind: h.statusKind.value,
 			message: h.statusMessage.value
-		}), re = i(() => !q.value || !f["fullscreen-status"] ? [] : f["fullscreen-status"](q.value)), J = i(() => ({
-			gridTemplateColumns: ae.value ? "minmax(0, 1fr) 22rem" : "minmax(0, 1fr) 0rem",
+		}), q = i(() => !K.value || !f["fullscreen-status"] ? [] : f["fullscreen-status"](K.value)), re = i(() => ({
+			gridTemplateColumns: ie.value ? "minmax(0, 1fr) 22rem" : "minmax(0, 1fr) 0rem",
 			transition: "grid-template-columns 320ms cubic-bezier(0.22, 1, 0.36, 1)"
-		})), Y = i(() => an(ne.value)), ie = i(() => an(K.value)), ae = i(() => ie.value && _.value >= ai), oe = i(() => ie.value && !ae.value), se = i(() => an(re.value)), { emptyStateProps: X, showBadgeEmptyState: fe, showCustomEmptyState: pe, showInlineEmptyState: me } = cn({
+		})), J = i(() => an(te.value)), Y = i(() => an(ne.value)), ie = i(() => Y.value && _.value >= ui), ae = i(() => Y.value && !ie.value), oe = i(() => an(q.value)), { emptyStateProps: X, showBadgeEmptyState: ce, showCustomEmptyState: fe, showInlineEmptyState: pe } = cn({
 			emptyStateMode: N(d, "emptyStateMode"),
 			itemCount: i(() => d.items.length),
 			loading: N(d, "loading"),
@@ -3096,30 +3177,30 @@ var pr = {
 			surface: "fullscreen"
 		});
 		S(() => {
-			window.addEventListener("resize", he);
+			window.addEventListener("resize", me);
 		}), x(() => {
-			window.removeEventListener("resize", he);
+			window.removeEventListener("resize", me);
 		});
-		function he() {
-			_.value = window.innerWidth || ai;
+		function me() {
+			_.value = window.innerWidth || ui;
 		}
-		function ge(e, t) {
-			C.registerImageElement(e, t), h.registerImageElement(e, t), t instanceof HTMLImageElement && ye(e, t);
+		function he(e, t) {
+			C.registerImageElement(e, t), h.registerImageElement(e, t), t instanceof HTMLImageElement && ve(e, t);
 		}
-		function _e(e, t) {
+		function ge(e, t) {
 			C.registerMediaElement(e, t), h.registerVideoElement(e, t), T.registerElement(e, t);
 		}
-		function ve(e, t) {
+		function _e(e, t) {
 			C.registerMediaElement(e, t), h.registerAudioElement(e, t);
 		}
 		function Z(e, t, n) {
 			let r = R.onFullscreenMediaEvent(e, t, n), i = n.currentTarget, a = typeof HTMLMediaElement > "u" ? 1 : HTMLMediaElement.HAVE_METADATA;
 			r && i instanceof HTMLMediaElement && i.readyState >= a && C.settleAssetPreload(r);
 		}
-		function ye(e, t) {
+		function ve(e, t) {
 			I(e, t);
 		}
-		function be(e, t, n) {
+		function ye(e, t, n) {
 			let r = R.getHandledItemKey(t, n);
 			if (!r || (h.onMediaEvent(r, e), !d.loopFullscreenVideo)) return;
 			let i = e.currentTarget;
@@ -3130,14 +3211,14 @@ var pr = {
 			let a = i.play();
 			a && typeof a.catch == "function" && a.catch(() => {});
 		}
-		return (e, n) => (w(), s("div", Er, [
+		return (e, n) => (w(), s("div", Fr, [
 			c("div", {
 				class: v(["absolute inset-0 transition-[background] duration-200", E.value]),
 				style: b(F(P))
 			}, null, 6),
 			c("div", {
 				class: "relative z-[1] grid h-full min-h-0",
-				style: b(J.value)
+				style: b(re.value)
 			}, [c("div", {
 				ref: "viewer.stageRef",
 				"data-testid": "vibe-stage",
@@ -3147,7 +3228,7 @@ var pr = {
 				onPointerup: n[4] ||= (...e) => F(h).onPointerUp && F(h).onPointerUp(...e),
 				onPointercancel: n[5] ||= (...e) => F(h).onPointerCancel && F(h).onPointerCancel(...e),
 				onWheel: n[6] ||= (...e) => F(h).onWheel && F(h).onWheel(...e)
-			}, [F(h).activeItem.value ? (w(), s("div", Dr, [
+			}, [F(h).activeItem.value ? (w(), s("div", Ir, [
 				(w(!0), s(t, null, O(F(h).renderedItems.value, ({ item: r, index: i }) => (w(), s("article", {
 					key: F(C).getItemKey(r),
 					"data-testid": "vibe-slide",
@@ -3164,7 +3245,7 @@ var pr = {
 				}, null, 6), F(h).isVisual(r) ? (w(), s("div", {
 					key: 0,
 					class: v(["relative z-[1] flex h-full w-full items-center justify-center overflow-hidden", i === F(h).resolvedActiveIndex.value ? U.value : ""])
-				}, [F(C).isAssetLoading(i, r) ? (w(), s("div", kr, [c("span", Ar, [u(F(ce), {
+				}, [F(C).isAssetLoading(i, r) ? (w(), s("div", Rr, [c("span", zr, [u(F(se), {
 					class: "h-5 w-5 animate-spin stroke-[1.9] text-[#f7f1ea]/78",
 					"aria-hidden": "true"
 				})])])) : o("", !0), F(C).isAssetErrored(i, r) ? (w(), s("div", {
@@ -3172,19 +3253,19 @@ var pr = {
 					"data-testid": "vibe-asset-error",
 					"data-kind": F(C).getAssetErrorKind(r),
 					class: "grid h-full w-full place-items-center"
-				}, [c("div", Mr, [
+				}, [c("div", Vr, [
 					u(F(de), {
 						class: "h-7 w-7 stroke-[1.9] text-[#f7f1ea]/72",
 						"aria-hidden": "true"
 					}),
-					c("p", Nr, M(F(C).getAssetErrorLabel(r)), 1),
+					c("p", Hr, M(F(C).getAssetErrorLabel(r)), 1),
 					F(h).canRetryAsset(F(C).getItemKey(r)) ? (w(), s("button", {
 						key: 0,
 						type: "button",
 						class: "inline-flex items-center justify-center border border-white/14 bg-black/35 px-4 py-2 text-[0.64rem] font-bold uppercase tracking-[0.22em] text-[#f7f1ea]/82 backdrop-blur-[18px] transition hover:border-white/28 hover:bg-black/50",
 						onClick: H((e) => F(h).retryAsset(F(C).getItemKey(r)), ["stop"])
-					}, " Retry ", 8, Pr)) : o("", !0)
-				])], 8, jr)) : r.type === "image" ? (w(), s("img", {
+					}, " Retry ", 8, Ur)) : o("", !0)
+				])], 8, Br)) : r.type === "image" ? (w(), s("img", {
 					key: F(h).getAssetRenderKey(F(C).getItemKey(r)),
 					src: F(C).getFullscreenImageSource(i, r),
 					alt: r.title ?? "",
@@ -3192,10 +3273,10 @@ var pr = {
 					draggable: "false",
 					class: v(["block h-auto max-h-full w-auto max-w-full object-contain shadow-[0_40px_120px_-60px_rgba(0,0,0,0.9)] transition-opacity duration-300", F(h).isImageReady(F(C).getItemKey(r)) ? "opacity-100" : "opacity-0"]),
 					ref_for: !0,
-					ref: (e) => ge(F(C).getItemKey(r), e),
+					ref: (e) => he(F(C).getItemKey(r), e),
 					onLoad: (e) => F(R).onFullscreenImageLoad(e, i, r),
 					onError: (e) => F(R).onFullscreenImageError(i, r)
-				}, null, 42, Fr)) : (w(), s("video", {
+				}, null, 42, Wr)) : (w(), s("video", {
 					key: F(h).getAssetRenderKey(F(C).getItemKey(r)),
 					class: v(["block h-auto max-h-full w-auto max-w-full cursor-pointer object-contain shadow-[0_40px_120px_-60px_rgba(0,0,0,0.9)] transition-opacity duration-300", F(h).isMediaReady(F(C).getItemKey(r)) ? "opacity-100" : "opacity-0"]),
 					playsinline: "",
@@ -3203,11 +3284,11 @@ var pr = {
 					src: F(C).getFullscreenMediaSource(i, r),
 					preload: F(C).getFullscreenMediaPreload(i),
 					ref_for: !0,
-					ref: (e) => _e(F(C).getItemKey(r), e),
+					ref: (e) => ge(F(C).getItemKey(r), e),
 					onClick: H((e) => F(h).onVideoClick(e, F(C).getItemKey(r)), ["stop"]),
 					onCanplay: (e) => Z(i, r, e),
 					onDurationchange: (e) => Z(i, r, e),
-					onEnded: (e) => be(e, i, r),
+					onEnded: (e) => ye(e, i, r),
 					onError: (e) => F(R).onFullscreenMediaError(i, r),
 					onLoadstart: (e) => Z(i, r, e),
 					onLoadedmetadata: (e) => Z(i, r, e),
@@ -3219,10 +3300,10 @@ var pr = {
 					onStalled: (e) => Z(i, r, e),
 					onTimeupdate: (e) => Z(i, r, e),
 					onWaiting: (e) => Z(i, r, e)
-				}, null, 42, Ir))], 2)) : F(h).isAudio(r) ? (w(), s("div", {
+				}, null, 42, Gr))], 2)) : F(h).isAudio(r) ? (w(), s("div", {
 					key: 1,
 					class: v(["relative z-[1] grid w-full max-w-[1100px] justify-items-center gap-6 px-[clamp(2rem,4vw,3rem)] py-[clamp(2rem,4vw,3rem)] text-center", i === F(h).resolvedActiveIndex.value ? U.value : ""])
-				}, [c("div", Lr, [
+				}, [c("div", Kr, [
 					c("button", {
 						type: "button",
 						class: "relative grid h-full w-full place-items-center border border-white/12 bg-[linear-gradient(180deg,rgba(255,255,255,0.04),rgba(255,255,255,0.02)),radial-gradient(circle_at_center,rgba(16,185,129,0.14),transparent_58%)] text-[#f7f1ea] transition-[border-color,background] duration-200 hover:border-white/30 hover:bg-[linear-gradient(180deg,rgba(255,255,255,0.07),rgba(255,255,255,0.03)),radial-gradient(circle_at_center,rgba(16,185,129,0.18),transparent_58%)] focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-[#f7f1ea]",
@@ -3232,19 +3313,19 @@ var pr = {
 					}, [
 						n[7] ||= c("span", { class: "pointer-events-none absolute inset-0 border border-white/8 bg-[radial-gradient(circle,rgba(16,185,129,0.16),transparent_66%)]" }, null, -1),
 						n[8] ||= c("span", { class: "pointer-events-none absolute h-[clamp(220px,30vw,360px)] w-[clamp(220px,30vw,360px)] border border-white/8 bg-[radial-gradient(circle,rgba(255,255,255,0.08),transparent_62%)]" }, null, -1),
-						c("span", zr, [k(e.$slots, "item-icon", {
+						c("span", Jr, [k(e.$slots, "item-icon", {
 							icon: F(Gt)(r.type),
 							item: r
 						}, () => [(w(), a(A(F(Gt)(r.type)), {
 							class: "h-6 w-6 stroke-[1.9]",
 							"aria-hidden": "true"
 						}))])]),
-						c("span", Br, [(w(), a(A(F(h).mediaStates.value[F(C).getItemKey(r)]?.paused ?? !0 ? F(ue) : F(le)), {
+						c("span", Yr, [(w(), a(A(F(h).mediaStates.value[F(C).getItemKey(r)]?.paused ?? !0 ? F(ue) : F(le)), {
 							class: "h-4 w-4 stroke-2",
 							"aria-hidden": "true"
 						}))])
-					], 8, Rr),
-					F(C).isAssetLoading(i, r) ? (w(), s("div", Vr, [c("span", Hr, [u(F(ce), {
+					], 8, qr),
+					F(C).isAssetLoading(i, r) ? (w(), s("div", Xr, [c("span", Zr, [u(F(se), {
 						class: "h-5 w-5 animate-spin stroke-[1.9] text-[#f7f1ea]/78",
 						"aria-hidden": "true"
 					})])])) : o("", !0),
@@ -3257,21 +3338,21 @@ var pr = {
 							class: "h-7 w-7 stroke-[1.9] text-[#f7f1ea]/72",
 							"aria-hidden": "true"
 						}),
-						c("p", Wr, M(F(C).getAssetErrorLabel(r)), 1),
+						c("p", $r, M(F(C).getAssetErrorLabel(r)), 1),
 						F(h).canRetryAsset(F(C).getItemKey(r)) ? (w(), s("button", {
 							key: 0,
 							type: "button",
 							class: "pointer-events-auto inline-flex items-center justify-center border border-white/14 bg-black/35 px-4 py-2 text-[0.64rem] font-bold uppercase tracking-[0.22em] text-[#f7f1ea]/82 backdrop-blur-[18px] transition hover:border-white/28 hover:bg-black/50",
 							onClick: H((e) => F(h).retryAsset(F(C).getItemKey(r)), ["stop"])
-						}, " Retry ", 8, Gr)) : o("", !0)
-					], 8, Ur)], 64)) : o("", !0)
+						}, " Retry ", 8, ei)) : o("", !0)
+					], 8, Qr)], 64)) : o("", !0)
 				]), (w(), s("audio", {
 					key: F(h).getAssetRenderKey(F(C).getItemKey(r)),
 					src: F(C).getFullscreenMediaSource(i, r),
 					preload: F(C).getFullscreenMediaPreload(i),
 					class: "pointer-events-none absolute h-px w-px opacity-0",
 					ref_for: !0,
-					ref: (e) => ve(F(C).getItemKey(r), e),
+					ref: (e) => _e(F(C).getItemKey(r), e),
 					onCanplay: (e) => Z(i, r, e),
 					onDurationchange: (e) => Z(i, r, e),
 					onError: (e) => F(R).onFullscreenMediaError(i, r),
@@ -3285,14 +3366,14 @@ var pr = {
 					onStalled: (e) => Z(i, r, e),
 					onTimeupdate: (e) => Z(i, r, e),
 					onWaiting: (e) => Z(i, r, e)
-				}, null, 40, Kr))], 2)) : (w(), s("div", qr, [c("div", Jr, [k(e.$slots, "item-icon", {
+				}, null, 40, ti))], 2)) : (w(), s("div", ni, [c("div", ri, [k(e.$slots, "item-icon", {
 					icon: F(Gt)(r.type),
 					item: r
 				}, () => [(w(), a(A(F(Gt)(r.type)), {
 					class: "h-6 w-6 stroke-[1.9]",
 					"aria-hidden": "true"
-				}))])])]))], 14, Or))), 128)),
-				G.value && f["fullscreen-overlay"] ? (w(), s("div", Yr, [c("div", Xr, [k(e.$slots, "fullscreen-overlay", y(p(G.value)))])])) : o("", !0),
+				}))])])]))], 14, Lr))), 128)),
+				G.value && f["fullscreen-overlay"] ? (w(), s("div", ii, [c("div", ai, [k(e.$slots, "fullscreen-overlay", y(p(G.value)))])])) : o("", !0),
 				F(h).activeItem.value ? (w(), a(Ht, {
 					key: 1,
 					"current-index": F(h).resolvedActiveIndex.value,
@@ -3303,7 +3384,7 @@ var pr = {
 					title: F(h).activeItem.value.title ?? null,
 					total: F(h).items.value.length,
 					onBackToList: n[0] ||= (e) => m("back-to-list")
-				}, l({ _: 2 }, [Y.value && G.value ? {
+				}, l({ _: 2 }, [J.value && G.value ? {
 					name: "actions",
 					fn: B(() => [k(e.$slots, "fullscreen-header-actions", y(p(G.value)))]),
 					key: "0"
@@ -3316,7 +3397,7 @@ var pr = {
 					"title",
 					"total"
 				])) : o("", !0),
-				u(Sr, {
+				u(jr, {
 					"active-index": F(h).resolvedActiveIndex.value,
 					items: F(h).items.value,
 					onSelect: n[1] ||= (e) => m("update:activeIndex", e)
@@ -3351,36 +3432,58 @@ var pr = {
 					"onVolumeInput",
 					"onVolumeToggle"
 				])) : o("", !0),
-				q.value ? (w(), s("div", {
+				K.value ? (w(), s("div", {
 					key: 3,
 					class: v(["absolute left-1/2 z-[4] -translate-x-1/2", z.value])
-				}, [se.value ? k(e.$slots, "fullscreen-status", y(g({ key: 0 }, q.value))) : (w(), s("div", {
+				}, [oe.value ? k(e.$slots, "fullscreen-status", y(g({ key: 0 }, K.value))) : (w(), s("div", {
 					key: 1,
 					"data-testid": "vibe-fullscreen-status-badge",
-					class: v(["inline-flex w-auto items-center border border-white/14 bg-black/40 px-5 py-3 text-[0.75rem] font-bold uppercase tracking-[0.18em] text-[#f7f1ea]/74 backdrop-blur-[18px] max-[720px]:w-[calc(100%-2.5rem)] max-[720px]:justify-center", q.value.kind === "end" ? "border-amber-300/35 text-amber-200" : q.value.kind === "failed" ? "border-rose-400/45 text-rose-100" : ""])
-				}, M(q.value.message), 3))], 2)) : o("", !0)
-			])) : te.value ? (w(), s("div", Zr, [c("div", Qr, [c("span", $r, [u(F(ce), {
-				class: "h-5 w-5 animate-spin stroke-[1.9] text-[#f7f1ea]/78",
-				"aria-hidden": "true"
-			})]), c("p", ei, M(W.value), 1)])])) : F(me) && F(X) ? (w(), a(Tr, {
+					class: v(["inline-flex w-auto items-center border border-white/14 bg-black/40 px-5 py-3 text-[0.75rem] font-bold uppercase tracking-[0.18em] text-[#f7f1ea]/74 backdrop-blur-[18px] max-[720px]:w-[calc(100%-2.5rem)] max-[720px]:justify-center", K.value.kind === "end" ? "border-amber-300/35 text-amber-200" : K.value.kind === "failed" ? "border-rose-400/45 text-rose-100" : ""])
+				}, M(K.value.message), 3))], 2)) : o("", !0)
+			])) : W.value ? (w(), a($n, {
+				key: 1,
+				"fill-collected-count": d.fillCollectedCount,
+				"fill-completed-calls": d.fillCompletedCalls,
+				"fill-loaded-count": d.fillLoadedCount,
+				"fill-mode": d.fillMode,
+				"fill-progress": d.fillProgress,
+				"fill-target-calls": d.fillTargetCalls,
+				"fill-target-count": d.fillTargetCount,
+				"fill-total-count": d.fillTotalCount,
+				"has-next-page": d.hasNextPage,
+				phase: d.phase,
+				"status-message": F(h).statusMessage.value
+			}, null, 8, [
+				"fill-collected-count",
+				"fill-completed-calls",
+				"fill-loaded-count",
+				"fill-mode",
+				"fill-progress",
+				"fill-target-calls",
+				"fill-target-count",
+				"fill-total-count",
+				"has-next-page",
+				"phase",
+				"status-message"
+			])) : F(pe) && F(X) ? (w(), a(Pr, {
 				key: 2,
 				message: F(X).message,
 				mode: F(X).mode,
 				surface: F(X).surface
 			}, {
-				default: B(() => [F(pe) ? k(e.$slots, "empty-state", y(g({ key: 0 }, F(X)))) : o("", !0)]),
+				default: B(() => [F(fe) ? k(e.$slots, "empty-state", y(g({ key: 0 }, F(X)))) : o("", !0)]),
 				_: 3
 			}, 8, [
 				"message",
 				"mode",
 				"surface"
-			])) : o("", !0), F(fe) && F(X) ? (w(), a(Tr, {
+			])) : o("", !0), F(ce) && F(X) ? (w(), a(Pr, {
 				key: 3,
 				message: F(X).message,
 				mode: F(X).mode,
 				surface: F(X).surface
 			}, {
-				default: B(() => [F(pe) ? k(e.$slots, "empty-state", y(g({ key: 0 }, F(X)))) : o("", !0)]),
+				default: B(() => [F(fe) ? k(e.$slots, "empty-state", y(g({ key: 0 }, F(X)))) : o("", !0)]),
 				_: 3
 			}, 8, [
 				"message",
@@ -3394,7 +3497,7 @@ var pr = {
 				"leave-from-class": "translate-x-0 opacity-100",
 				"leave-to-class": "translate-x-full opacity-0"
 			}, {
-				default: B(() => [ae.value && G.value ? (w(), s("aside", ti, [c("div", ni, [k(e.$slots, "fullscreen-aside", y(p(G.value)))])])) : o("", !0)]),
+				default: B(() => [ie.value && G.value ? (w(), s("aside", oi, [c("div", si, [k(e.$slots, "fullscreen-aside", y(p(G.value)))])])) : o("", !0)]),
 				_: 3
 			})], 4),
 			u(r, {
@@ -3405,7 +3508,7 @@ var pr = {
 				"leave-from-class": "translate-x-0 opacity-100",
 				"leave-to-class": "translate-x-full opacity-0"
 			}, {
-				default: B(() => [oe.value && G.value ? (w(), s("aside", ri, [c("div", ii, [k(e.$slots, "fullscreen-aside", y(p(G.value)))])])) : o("", !0)]),
+				default: B(() => [ae.value && G.value ? (w(), s("aside", ci, [c("div", li, [k(e.$slots, "fullscreen-aside", y(p(G.value)))])])) : o("", !0)]),
 				_: 3
 			})
 		]));
@@ -3413,10 +3516,10 @@ var pr = {
 });
 //#endregion
 //#region src/components/viewer-core/masonryLayoutState.ts
-function ci(e) {
+function pi(e) {
 	let t = j([]), n = j([]), r = j(/* @__PURE__ */ new Map()), i = j(0), a = j(/* @__PURE__ */ new Map()), o = j([]);
 	function s(s, c, l) {
-		let u = Zn(s, {
+		let u = or(s, {
 			columnCount: c,
 			columnWidth: l,
 			gapX: e.gapPx,
@@ -3426,7 +3529,7 @@ function ci(e) {
 		t.value = u.positions.map(d), n.value = u.heights, r.value = u.buckets, i.value = u.contentHeight, a.value = u.indexById, o.value = u.columnHeights;
 	}
 	function c(s, c, l, d) {
-		i.value = Qn(u(), s, {
+		i.value = sr(u(), s, {
 			columnCount: l,
 			columnWidth: d,
 			gapX: e.gapPx,
@@ -3438,7 +3541,7 @@ function ci(e) {
 		}).contentHeight, P(t), P(n), P(r), P(a), P(o);
 	}
 	function l(e, n, r, i) {
-		return er({
+		return lr({
 			addedItems: r.addedItems,
 			columnCount: i,
 			columnHeights: o.value,
@@ -3479,21 +3582,21 @@ function ci(e) {
 }
 //#endregion
 //#region src/components/viewer-core/useMasonryMotion.ts
-var li = 300, ui = 600, di = 40, fi = 300, pi = 400;
-function mi(e, t) {
+var mi = 300, hi = 600, gi = 40, _i = 300, vi = 400;
+function yi(e, t) {
 	return t === "top" ? [...e].reverse() : e;
 }
-function hi(e) {
-	return e <= 0 ? ui : ui + Math.min((e - 1) * di, pi);
+function bi(e) {
+	return e <= 0 ? hi : hi + Math.min((e - 1) * gi, vi);
 }
-function gi() {
-	return fi;
+function xi() {
+	return _i;
 }
-function _i(e) {
+function Si(e) {
 	let t = e.itemHeight > 0 ? e.itemHeight : e.columnWidth;
 	return e.direction === "top" ? e.scrollTop - t : e.scrollTop + e.viewportHeight + t;
 }
-function vi(e) {
+function Ci(e) {
 	let t = D(/* @__PURE__ */ new Set()), n = D(/* @__PURE__ */ new Set()), r = D(/* @__PURE__ */ new Map()), a = D(/* @__PURE__ */ new Map()), o = D(/* @__PURE__ */ new Map()), s = D(/* @__PURE__ */ new Set()), c = D(/* @__PURE__ */ new Map()), l = D(/* @__PURE__ */ new Map()), u = D(/* @__PURE__ */ new Set()), d = /* @__PURE__ */ new Set(), f = /* @__PURE__ */ new Set(), p = i(() => Array.from(o.value.values()));
 	z(e.visibleIndices, (i) => {
 		if (!i.length) return;
@@ -3503,20 +3606,20 @@ function vi(e) {
 			!r || !t.value.has(r) || d.has(r) || (d.add(r), o.push(r));
 		}
 		if (!o.length) return;
-		let s = mi(o, a.value.get(o[0]) ?? "bottom"), c = new Map(r.value);
-		for (let e = 0; e < s.length; e += 1) c.set(s[e], Math.min(e * di, pi));
-		r.value = c, yi(() => {
+		let s = yi(o, a.value.get(o[0]) ?? "bottom"), c = new Map(r.value);
+		for (let e = 0; e < s.length; e += 1) c.set(s[e], Math.min(e * gi, vi));
+		r.value = c, wi(() => {
 			let e = new Set(n.value);
 			for (let t of o) e.add(t);
 			n.value = e;
-		}), bi(() => {
+		}), Ti(() => {
 			let e = new Set(t.value);
 			for (let t of o) e.delete(t);
 			t.value = e, S(() => {
 				let e = new Set(n.value), t = new Map(r.value), i = new Map(a.value);
 				for (let n of o) e.delete(n), t.delete(n), i.delete(n), d.delete(n);
 				n.value = e, r.value = t, a.value = i;
-			}, hi(o.length));
+			}, bi(o.length));
 		});
 	}, { flush: "post" }), z(() => e.items.value.map((e) => $(e)), (e) => {
 		if (!e.length || !o.value.size) return;
@@ -3543,7 +3646,7 @@ function vi(e) {
 			let e = $(t.item);
 			p.push(e), i.set(e, t), c.delete(e), l.delete(e), u.delete(e), f.delete(e), d.delete(e);
 		}
-		o.value = i, t.value = c, n.value = l, r.value = u, a.value = f, yi(() => {
+		o.value = i, t.value = c, n.value = l, r.value = u, a.value = f, wi(() => {
 			let e = new Set(s.value);
 			for (let t of p) e.add(t);
 			s.value = e;
@@ -3551,9 +3654,9 @@ function vi(e) {
 			let e = new Map(o.value), t = new Set(s.value);
 			for (let n of p) e.delete(n), t.delete(n);
 			o.value = e, s.value = t;
-		}, fi);
+		}, _i);
 	}
-	function g(t, n, r = li) {
+	function g(t, n, r = mi) {
 		if (!t.size) return;
 		let i = /* @__PURE__ */ new Map(), a = [];
 		for (let [r, o] of t.entries()) {
@@ -3572,8 +3675,8 @@ function vi(e) {
 		c.value = i, u.value = /* @__PURE__ */ new Set();
 		let o = new Map(l.value);
 		for (let e of a) o.set(e, r);
-		l.value = o, yi(() => {
-			u.value = new Set(a), yi(() => {
+		l.value = o, wi(() => {
+			u.value = new Set(a), wi(() => {
 				c.value = /* @__PURE__ */ new Map();
 			});
 		}), S(() => {
@@ -3584,8 +3687,8 @@ function vi(e) {
 		}, r);
 	}
 	function _(e) {
-		if (n.value.has(e)) return `transform ${ui}ms ease-out`;
-		if (u.value.has(e)) return `transform ${l.value.get(e) ?? li}ms ease-out`;
+		if (n.value.has(e)) return `transform ${hi}ms ease-out`;
+		if (u.value.has(e)) return `transform ${l.value.get(e) ?? mi}ms ease-out`;
 	}
 	function v(e) {
 		if (!n.value.has(e)) return;
@@ -3602,7 +3705,7 @@ function vi(e) {
 		} : {
 			dx: 0,
 			dy: 0
-		}, u = s ? a.value.get(s) ?? "bottom" : "bottom", d = s && t.value.has(s) ? _i({
+		}, u = s ? a.value.get(s) ?? "bottom" : "bottom", d = s && t.value.has(s) ? Si({
 			columnWidth: e.columnWidth.value,
 			direction: u,
 			itemHeight: o,
@@ -3616,14 +3719,14 @@ function vi(e) {
 		if (!r) return {
 			opacity: "0",
 			transform: "translate3d(0, 0, 0) scale(0.96)",
-			transition: `opacity ${fi}ms ease-out, transform ${fi}ms ease-out`
+			transition: `opacity ${_i}ms ease-out, transform ${_i}ms ease-out`
 		};
 		let i = s.value.has(n);
 		return {
 			height: `${r.height}px`,
 			opacity: i ? "0" : "1",
 			transform: `translate3d(${r.position.x}px, ${r.position.y}px, 0) scale(${i ? "0.96" : "1"})`,
-			transition: `opacity ${fi}ms ease-out, transform ${fi}ms ease-out`,
+			transition: `opacity ${_i}ms ease-out, transform ${_i}ms ease-out`,
 			width: `${e.columnWidth.value}px`
 		};
 	}
@@ -3644,28 +3747,28 @@ function vi(e) {
 		playFlipMoveAnimation: g
 	};
 }
-function yi(e) {
+function wi(e) {
 	if (typeof requestAnimationFrame == "function") {
 		requestAnimationFrame(() => e());
 		return;
 	}
 	setTimeout(e, 0);
 }
-function bi(e) {
-	yi(() => yi(e));
+function Ti(e) {
+	wi(() => wi(e));
 }
 //#endregion
 //#region src/components/viewer-core/masonryViewport.ts
-function xi(e, t) {
+function Ei(e, t) {
 	return e?.clientHeight || Math.round(e?.getBoundingClientRect().height ?? 0) || t || window.innerHeight || 1;
 }
-function Si(e, t, n) {
+function Di(e, t, n) {
 	return e?.clientWidth || Math.round(e?.getBoundingClientRect().width ?? 0) || t || window.innerWidth || n;
 }
-function Ci(e, t, n, r) {
+function Oi(e, t, n, r) {
 	return Math.max(e?.scrollHeight ?? 0, r) - (t + n);
 }
-function wi(e, t) {
+function ki(e, t) {
 	return {
 		height: `${e}px`,
 		transform: `translate3d(0, ${t}px, 0)`
@@ -3673,11 +3776,11 @@ function wi(e, t) {
 }
 //#endregion
 //#region src/components/viewer-core/masonryScrollBehavior.ts
-var Ti = 24, Ei = 48;
-function Di(e) {
+var Ai = 24, ji = 48;
+function Mi(e) {
 	let t = D(0), n = 0, r = 0;
 	function i(e) {
-		if (t.value = Mi(e), t.value <= 0) {
+		if (t.value = Li(e), t.value <= 0) {
 			o();
 			return;
 		}
@@ -3697,7 +3800,7 @@ function Di(e) {
 		let s = e.getViewport();
 		if (s && r > 0) {
 			let n = Math.min(Math.max(0, i - r), 250), a = t.value * n / 1e3;
-			s.scrollTop = Ni(s.scrollTop + a, 0, e.getMaxScrollTop()), e.onScroll();
+			s.scrollTop = Ri(s.scrollTop + a, 0, e.getMaxScrollTop()), e.onScroll();
 		}
 		r = i, a();
 	}
@@ -3707,44 +3810,44 @@ function Di(e) {
 		stop: o
 	};
 }
-function Oi(e) {
+function Ni(e) {
 	if (!e.active || !e.triggerEnabled) return 0;
 	let t = Math.max(0, e.maxScrollTop - e.thresholdPx);
-	return t <= 0 ? 1 : Ni(1 - (e.progressDistancePx - e.thresholdPx) / t, 0, 1);
+	return t <= 0 ? 1 : Ri(1 - (e.progressDistancePx - e.thresholdPx) / t, 0, 1);
 }
-function ki(e) {
+function Pi(e) {
 	if (!e.active || !e.triggerEnabled) return 0;
 	let t = Math.max(0, e.maxScrollTop - e.thresholdPx);
-	return t <= 0 ? 1 : Ni(e.progressDistancePx / t, 0, 1);
+	return t <= 0 ? 1 : Ri(e.progressDistancePx / t, 0, 1);
 }
-function Ai(e) {
-	let t = i(() => Math.max(0, e.viewportHeight.value - Ti * 2)), n = i(() => e.containerHeight.value > e.viewportHeight.value + 1 && t.value > 0), r = i(() => {
+function Fi(e) {
+	let t = i(() => Math.max(0, e.viewportHeight.value - Ai * 2)), n = i(() => e.containerHeight.value > e.viewportHeight.value + 1 && t.value > 0), r = i(() => {
 		if (!n.value) return 0;
 		let r = e.viewportHeight.value / e.containerHeight.value * t.value;
-		return Math.min(t.value, Math.max(Ei, r));
+		return Math.min(t.value, Math.max(ji, r));
 	}), a = i(() => {
-		if (!n.value) return Ti;
+		if (!n.value) return Ai;
 		let i = Math.max(0, e.containerHeight.value - e.viewportHeight.value);
-		return Ti + Math.max(0, t.value - r.value) * (i > 0 ? Ni(e.scrollTop.value / i, 0, 1) : 0);
+		return Ai + Math.max(0, t.value - r.value) * (i > 0 ? Ri(e.scrollTop.value / i, 0, 1) : 0);
 	});
 	return {
-		getScrollbarThumbStyle: () => wi(r.value, a.value),
+		getScrollbarThumbStyle: () => ki(r.value, a.value),
 		showScrollbar: n
 	};
 }
-function ji(e) {
+function Ii(e) {
 	return typeof e == "number" && Number.isFinite(e) ? Math.max(0, e) : 0;
 }
-function Mi(e) {
+function Li(e) {
 	return Number.isFinite(e) ? Math.max(0, e) : 0;
 }
-function Ni(e, t, n) {
+function Ri(e, t, n) {
 	return Math.min(Math.max(e, t), n);
 }
 //#endregion
 //#region src/components/viewer-core/useEdgeBoundary.ts
-var Pi = 250, Fi = 1e3;
-function Ii(e) {
+var zi = 250, Bi = 1e3;
+function Vi(e) {
 	let t = D(!1), n = D(!1), r = D(0), i = D(0), a = D(!1), o = D(!1), s = D(!1), c = 0, l = null;
 	x(() => {
 		S();
@@ -3767,7 +3870,7 @@ function Ii(e) {
 		if (!C(t) || !e.isAtBoundary()) return;
 		let n = Date.now();
 		if (!(n < c)) {
-			if (c = n + Pi, a.value) {
+			if (c = n + zi, a.value) {
 				s.value = !0;
 				return;
 			}
@@ -3806,7 +3909,7 @@ function Ii(e) {
 		return e.hasPage.value && t.value && r.value > i.value && !e.interactionLocked?.value && !e.loading.value && !a.value && typeof e.requestPage.value == "function";
 	}
 	function v() {
-		o.value = !1, y(Fi);
+		o.value = !1, y(Bi);
 	}
 	function y(e) {
 		S(), a.value = !0, l = setTimeout(() => {
@@ -3838,7 +3941,7 @@ function Ii(e) {
 }
 //#endregion
 //#region src/components/viewer-core/masonryBoundaryLock.ts
-function Li() {
+function Hi() {
 	let e = D(!1), t = null;
 	x(() => {
 		r();
@@ -3859,8 +3962,8 @@ function Li() {
 }
 //#endregion
 //#region src/components/viewer-core/masonryItemMutation.ts
-function Ri(e) {
-	let t = e.currentItems.map((e) => $(e)), n = e.previousItems.map((e) => $(e)), r = Bi(e.previousItems, e.layoutIndexById, e.layoutHeights), i = Vi(e.previousItems, e.layoutIndexById, e.layoutPositions), a = new Set(n), o = new Set(t), s = e.currentItems.filter((e) => !a.has($(e))), c = zi(e.previousItems, o, r, i), l = t.length > n.length && n.length > 0 && t[0] !== n[0], u = e.scrollTop > e.contentInsetPx + e.gapPx, d = l && u ? e.currentItems[e.activeIndex] : null;
+function Ui(e) {
+	let t = e.currentItems.map((e) => $(e)), n = e.previousItems.map((e) => $(e)), r = Gi(e.previousItems, e.layoutIndexById, e.layoutHeights), i = Ki(e.previousItems, e.layoutIndexById, e.layoutPositions), a = new Set(n), o = new Set(t), s = e.currentItems.filter((e) => !a.has($(e))), c = Wi(e.previousItems, o, r, i), l = t.length > n.length && n.length > 0 && t[0] !== n[0], u = e.scrollTop > e.contentInsetPx + e.gapPx, d = l && u ? e.currentItems[e.activeIndex] : null;
 	return {
 		addedItems: s,
 		anchorId: d ? $(d) : null,
@@ -3872,7 +3975,7 @@ function Ri(e) {
 		shouldResetScrollForEmptyRemoval: e.currentItems.length === 0 && e.previousItems.length > 0 && c.length > 0 && e.scrollTop > 0
 	};
 }
-function zi(e, t, n, r) {
+function Wi(e, t, n, r) {
 	return e.flatMap((e) => {
 		let i = $(e);
 		if (t.has(i)) return [];
@@ -3884,7 +3987,7 @@ function zi(e, t, n, r) {
 		}] : [];
 	});
 }
-function Bi(e, t, n) {
+function Gi(e, t, n) {
 	let r = /* @__PURE__ */ new Map();
 	for (let i of e) {
 		let e = $(i), a = t.get(e), o = a == null ? void 0 : n[a];
@@ -3892,7 +3995,7 @@ function Bi(e, t, n) {
 	}
 	return r;
 }
-function Vi(e, t, n) {
+function Ki(e, t, n) {
 	let r = /* @__PURE__ */ new Map();
 	for (let i of e) {
 		let e = $(i), a = t.get(e), o = a == null ? void 0 : n[a];
@@ -3902,7 +4005,7 @@ function Vi(e, t, n) {
 }
 //#endregion
 //#region src/components/viewer-core/masonryPendingAppend.ts
-function Hi(e) {
+function qi(e) {
 	let t = D(null), n = D(!1), r = null;
 	function i() {
 		o(), e.pendingAppendItems.value.length && (t.value = c([...e.items.value, ...e.pendingAppendItems.value]), s());
@@ -3925,12 +4028,12 @@ function Hi(e) {
 		}, 300));
 	}
 	function c(t) {
-		return t.length ? e.pendingAppendItems.value.length && e.columnHeights.value.length === e.columnCount.value ? $n(e.pendingAppendItems.value, {
+		return t.length ? e.pendingAppendItems.value.length && e.columnHeights.value.length === e.columnCount.value ? cr(e.pendingAppendItems.value, {
 			columnHeights: e.columnHeights.value,
 			columnWidth: e.columnWidth.value,
 			contentHeight: e.contentHeight.value,
 			gapY: e.gapPx
-		}) + e.contentInsetPx * 2 : Zn(t, {
+		}) + e.contentInsetPx * 2 : or(t, {
 			bucketPx: e.bucketPx,
 			columnCount: e.columnCount.value,
 			columnWidth: e.columnWidth.value,
@@ -3947,42 +4050,42 @@ function Hi(e) {
 }
 //#endregion
 //#region src/components/viewer-core/useMasonryList.ts
-var Ui = 600, Wi = 24, Gi = 16, Ki = 300, qi = 200, Ji = 0, Yi = 1, Xi = Wi + Gi, Zi = 200, Qi = 500, $i = 1e3;
-function ea(e) {
-	let t = D(null), n = D(0), r = D(typeof window > "u" ? 0 : window.innerHeight || 0), a = D(typeof window > "u" ? 0 : window.innerWidth || Ki), o = ci({
-		bucketPx: Ui,
-		contentInsetPx: Wi,
-		gapPx: Gi
-	}), { buckets: s, columnHeights: c, contentHeight: l, heights: u, indexById: d, positions: f } = o, p = D(null), m = Li(), h = i(() => Math.max(Ki, a.value - Wi * 2)), g = i(() => Jn(h.value, Ki)), v = i(() => Yn(h.value, g.value, Ki, Gi)), y = i(() => ji(e.bottomLoadBufferPx.value)), b = i(() => ta(e.activeIndex.value, 0, Math.max(0, e.items.value.length - 1))), C = i(() => tr({
+var Ji = 600, Yi = 24, Xi = 16, Zi = 300, Qi = 200, $i = 0, ea = 1, ta = Yi + Xi, na = 200, ra = 500, ia = 1e3;
+function aa(e) {
+	let t = D(null), n = D(0), r = D(typeof window > "u" ? 0 : window.innerHeight || 0), a = D(typeof window > "u" ? 0 : window.innerWidth || Zi), o = pi({
+		bucketPx: Ji,
+		contentInsetPx: Yi,
+		gapPx: Xi
+	}), { buckets: s, columnHeights: c, contentHeight: l, heights: u, indexById: d, positions: f } = o, p = D(null), m = Hi(), h = i(() => Math.max(Zi, a.value - Yi * 2)), g = i(() => rr(h.value, Zi)), v = i(() => ir(h.value, g.value, Zi, Xi)), y = i(() => Ii(e.bottomLoadBufferPx.value)), b = i(() => oa(e.activeIndex.value, 0, Math.max(0, e.items.value.length - 1))), C = i(() => ur({
 		itemCount: e.items.value.length,
 		viewportHeight: r.value,
 		scrollTop: n.value,
-		overscanPx: qi,
-		bucketPx: Ui,
+		overscanPx: Qi,
+		bucketPx: Ji,
 		buckets: s.value
 	})), w = i(() => C.value.map((t) => ({
 		item: e.items.value[t],
 		index: t
 	}))), T = i(() => {
-		let e = l.value + Wi * 2, t = I.reservedContentHeight.value ?? 0;
-		return Math.max(e, t, r.value) + Zi + y.value;
-	}), E = i(() => e.hasNextPage.value || e.allowExhaustedNextPageRefresh.value), O = i(() => ki({
+		let e = l.value + Yi * 2, t = I.reservedContentHeight.value ?? 0;
+		return Math.max(e, t, r.value) + na + y.value;
+	}), E = i(() => e.hasNextPage.value || e.allowExhaustedNextPageRefresh.value), O = i(() => Pi({
 		active: e.active.value,
 		maxScrollTop: Y(),
 		progressDistancePx: n.value,
-		thresholdPx: Ji,
+		thresholdPx: $i,
 		triggerEnabled: E.value
-	})), k = i(() => e.items.value.length > 0 ? `${b.value + 1} / ${e.items.value.length}` : "0 / 0"), A = i(() => Oi({
+	})), k = i(() => e.items.value.length > 0 ? `${b.value + 1} / ${e.items.value.length}` : "0 / 0"), A = i(() => Ni({
 		active: e.active.value,
 		maxScrollTop: Y(),
 		progressDistancePx: n.value,
-		thresholdPx: Xi,
+		thresholdPx: ta,
 		triggerEnabled: e.hasPreviousPage.value
-	})), j = Ai({
+	})), j = Fi({
 		containerHeight: T,
 		scrollTop: n,
 		viewportHeight: r
-	}), M = vi({
+	}), M = Ci({
 		items: e.items,
 		visibleIndices: C,
 		positions: f,
@@ -3991,44 +4094,44 @@ function ea(e) {
 		columnWidth: v,
 		scrollTop: n,
 		viewportHeight: r
-	}), N = Ii({
+	}), N = Vi({
 		direction: "top",
 		getAnimationLockMs(e) {
-			return Math.max(Qi, hi(e)) + $i;
+			return Math.max(ra, bi(e)) + ia;
 		},
 		hasPage: e.hasPreviousPage,
 		interactionLocked: m.isBoundaryInteractionLocked,
 		isAtBoundary() {
-			return n.value <= Xi;
+			return n.value <= ta;
 		},
 		loading: e.loading,
 		requestPage: e.requestPreviousPage
-	}), P = Ii({
+	}), P = Vi({
 		direction: "bottom",
 		getAnimationLockMs(e) {
-			return hi(e) + $i;
+			return bi(e) + ia;
 		},
 		hasPage: E,
 		interactionLocked: m.isBoundaryInteractionLocked,
 		isAtBoundary() {
-			return J() <= Yi;
+			return J() <= ea;
 		},
 		loading: e.loading,
 		requestPage: e.requestNextPage
-	}), F = Di({
+	}), F = Mi({
 		active: e.active,
 		getMaxScrollTop: Y,
 		getViewport: () => t.value,
 		onScroll: ee
-	}), I = Hi({
-		bucketPx: Ui,
+	}), I = qi({
+		bucketPx: Ji,
 		columnHeights: c,
 		columnCount: g,
 		columnWidth: v,
 		commitPendingAppend: e.commitPendingAppend,
 		contentHeight: l,
-		contentInsetPx: Wi,
-		gapPx: Gi,
+		contentInsetPx: Yi,
+		gapPx: Xi,
 		items: e.items,
 		pendingAppendItems: e.pendingAppendItems
 	}), L = null, R = 0;
@@ -4037,20 +4140,20 @@ function ea(e) {
 		g,
 		v
 	], async ([t], [r = []]) => {
-		let i = Ri({
+		let i = Ui({
 			activeIndex: b.value,
-			contentInsetPx: Wi,
+			contentInsetPx: Yi,
 			currentItems: t,
-			gapPx: Gi,
+			gapPx: Xi,
 			layoutHeights: u.value,
 			layoutIndexById: d.value,
 			layoutPositions: f.value,
 			previousItems: r ?? [],
 			scrollTop: n.value
 		});
-		i.shouldLockBoundaryInteractionForRemoval && m.lockBoundaryInteraction(gi() + $i), i.shouldResetScrollForEmptyRemoval && te();
+		i.shouldLockBoundaryInteractionForRemoval && m.lockBoundaryInteraction(xi() + ia), i.shouldResetScrollForEmptyRemoval && W();
 		let a = r ?? [];
-		o.canAppend(t, a, i, g.value) ? o.append(i.addedItems, a.length, g.value, v.value) : o.rebuild(t, g.value, v.value), i.removedItems.length > 0 && M.markLeave(i.removedItems), i.addedItems.length > 0 && (M.markEnter(i.addedItems, i.isPrepend ? "top" : "bottom"), i.isPrepend ? N.onItemsMutated(i.addedItems.length) : P.onItemsMutated(i.addedItems.length)), M.playFlipMoveAnimation(i.oldPositionsById, new Set(i.addedItems.map((e) => $(e))), i.isPrepend ? Qi : void 0), i.anchorId ? (await _(), U(i.anchorId, i.oldPositionsById)) : e.active.value && i.previousIds.length > 0 && G();
+		o.canAppend(t, a, i, g.value) ? o.append(i.addedItems, a.length, g.value, v.value) : o.rebuild(t, g.value, v.value), i.removedItems.length > 0 && M.markLeave(i.removedItems), i.addedItems.length > 0 && (M.markEnter(i.addedItems, i.isPrepend ? "top" : "bottom"), i.isPrepend ? N.onItemsMutated(i.addedItems.length) : P.onItemsMutated(i.addedItems.length)), M.playFlipMoveAnimation(i.oldPositionsById, new Set(i.addedItems.map((e) => $(e))), i.isPrepend ? ra : void 0), i.anchorId ? (await _(), U(i.anchorId, i.oldPositionsById)) : e.active.value && i.previousIds.length > 0 && te();
 	}, { immediate: !0 }), z([
 		() => e.pendingAppendItems.value.map((e) => $(e)),
 		g,
@@ -4064,20 +4167,20 @@ function ea(e) {
 		}
 		if (F.start(), !a || i !== !1 || p.value == null) return;
 		await _();
-		let o = Math.max(0, T.value - r.value), s = ta(p.value, 0, o);
+		let o = Math.max(0, T.value - r.value), s = oa(p.value, 0, o);
 		a.scrollTop = s, n.value = s, N.syncBoundary(), P.syncBoundary();
 	}), z(() => e.loading.value, async (e) => {
 		I.clearReservedHeightWhenIdle(e), N.onLoadingChange(e), P.onLoadingChange(e), await _();
 	}), S(async () => {
-		K(), await _(), b.value > 0 ? H(b.value, "center") : W(), N.syncBoundary(), P.syncBoundary(), typeof ResizeObserver < "u" ? (L = new ResizeObserver(() => {
+		K(), await _(), b.value > 0 ? H(b.value, "center") : G(), N.syncBoundary(), P.syncBoundary(), typeof ResizeObserver < "u" ? (L = new ResizeObserver(() => {
 			K();
 		}), t.value && L.observe(t.value)) : window.addEventListener("resize", K);
 	}), x(() => {
 		L?.disconnect(), L = null, window.removeEventListener("resize", K), I.clearAppendCommitTimer(), m.clearBoundaryInteractionReleaseTimer(), R &&= (cancelAnimationFrame(R), 0), F.stop();
 	});
 	function ee() {
-		e.active.value && (n.value = t.value?.scrollTop ?? 0, r.value = q(), N.syncBoundary("scroll"), P.syncBoundary("scroll"), ne(), !G() && (R ||= requestAnimationFrame(() => {
-			R = 0, W();
+		e.active.value && (n.value = t.value?.scrollTop ?? 0, r.value = q(), N.syncBoundary("scroll"), P.syncBoundary("scroll"), ne(), !te() && (R ||= requestAnimationFrame(() => {
+			R = 0, G();
 		})));
 	}
 	function B(t) {
@@ -4097,7 +4200,7 @@ function ea(e) {
 		let a = t.value, o = f.value[e], s = u.value[e];
 		if (!a || !o || !s) return;
 		let c = a.scrollTop, l = Math.max(0, T.value - r.value);
-		i === "center" ? c = o.y - (r.value - s) / 2 : o.y < a.scrollTop ? c = o.y - Wi : o.y + s > a.scrollTop + r.value && (c = o.y + s - r.value + Wi), a.scrollTop = ta(c, 0, l), n.value = a.scrollTop, W();
+		i === "center" ? c = o.y - (r.value - s) / 2 : o.y < a.scrollTop ? c = o.y - Yi : o.y + s > a.scrollTop + r.value && (c = o.y + s - r.value + Yi), a.scrollTop = oa(c, 0, l), n.value = a.scrollTop, G();
 	}
 	function U(e, r) {
 		let i = t.value, a = r.get(e), o = d.value.get(e), s = o == null ? null : f.value[o];
@@ -4105,7 +4208,7 @@ function ea(e) {
 		let c = s.y - a.y;
 		i.scrollTop += c, n.value = i.scrollTop;
 	}
-	function te() {
+	function W() {
 		let e = t.value;
 		if (!e) {
 			n.value = 0;
@@ -4113,8 +4216,8 @@ function ea(e) {
 		}
 		e.scrollTop = 0, n.value = 0, N.syncBoundary(), P.syncBoundary();
 	}
-	function W() {
-		if (!C.value.length || G()) return;
+	function G() {
+		if (!C.value.length || te()) return;
 		let t = n.value + r.value / 2, i = b.value, a = Infinity;
 		for (let e of C.value) {
 			let n = f.value[e], r = u.value[e];
@@ -4124,8 +4227,8 @@ function ea(e) {
 		}
 		e.setActiveIndex(i);
 	}
-	function G() {
-		let t = n.value <= Xi, r = J() <= Yi;
+	function te() {
+		let t = n.value <= ta, r = J() <= ea;
 		return t ? (e.setActiveIndex(0), !0) : r ? (e.setActiveIndex(Math.max(0, e.items.value.length - 1)), !0) : !1;
 	}
 	function ne() {
@@ -4135,13 +4238,13 @@ function ea(e) {
 		r.value = q(), a.value = re();
 	}
 	function q() {
-		return xi(t.value, r.value);
+		return Ei(t.value, r.value);
 	}
 	function re() {
-		return Si(t.value, a.value, Ki);
+		return Di(t.value, a.value, Zi);
 	}
 	function J() {
-		return Ci(t.value, n.value, r.value, T.value);
+		return Oi(t.value, n.value, r.value, T.value);
 	}
 	function Y() {
 		let e = Math.max(t.value?.scrollHeight ?? 0, T.value);
@@ -4167,17 +4270,17 @@ function ea(e) {
 		scrollViewportRef: t
 	};
 }
-function ta(e, t, n) {
+function oa(e, t, n) {
 	return Math.min(Math.max(e, t), n);
 }
 //#endregion
 //#region src/components/viewer-core/listCardAsset.ts
-function na(e) {
+function sa(e) {
 	if (e) try {
 		e.removeAttribute("src"), e.src = "";
 	} catch {}
 }
-function ra(e) {
+function ca(e) {
 	if (e) {
 		try {
 			e.currentTime = 0;
@@ -4188,12 +4291,12 @@ function ra(e) {
 		} catch {}
 	}
 }
-function ia(e, t) {
+function la(e, t) {
 	if (t) return e.bottom > t.top && e.top < t.bottom;
 	let n = window.innerHeight || document.documentElement.clientHeight || 0;
 	return e.bottom > 0 && e.top < n;
 }
-function aa(e) {
+function ua(e) {
 	if (!e) return null;
 	try {
 		return new URL(e, window.location.href).href;
@@ -4203,9 +4306,9 @@ function aa(e) {
 }
 //#endregion
 //#region src/components/viewer-core/useListCardHealthCheck.ts
-function oa(e) {
+function da(e) {
 	let t = D(null), n = i(() => {
-		let t = typeof e.item.value.healthCheck?.url == "string" ? aa(e.item.value.healthCheck.url) : null;
+		let t = typeof e.item.value.healthCheck?.url == "string" ? ua(e.item.value.healthCheck.url) : null;
 		return !t || t === e.attachedAssetUrl.value ? null : t;
 	}), r = null, a = 0, o = /* @__PURE__ */ new Map();
 	z(n, (e, n) => {
@@ -4283,14 +4386,14 @@ function oa(e) {
 }
 //#endregion
 //#region src/components/ListCard.vue?vue&type=script&setup=true&lang.ts
-var sa = ["aria-label"], ca = {
+var fa = ["aria-label"], pa = {
 	key: 0,
 	"data-testid": "vibe-list-card-spinner",
 	class: "pointer-events-none absolute inset-0 z-[4] grid place-items-center bg-black/18"
-}, la = { class: "inline-flex h-12 w-12 items-center justify-center rounded-full bg-black/45 shadow-[0_18px_40px_-18px_rgba(0,0,0,0.85)] backdrop-blur-[18px]" }, ua = ["src", "alt"], da = ["src"], fa = ["data-kind"], pa = { class: "grid justify-items-center gap-3 px-4 text-center" }, ma = { class: "text-[0.68rem] font-bold uppercase tracking-[0.22em] text-[#f7f1ea]/72" }, ha = {
+}, ma = { class: "inline-flex h-12 w-12 items-center justify-center rounded-full bg-black/45 shadow-[0_18px_40px_-18px_rgba(0,0,0,0.85)] backdrop-blur-[18px]" }, ha = ["src", "alt"], ga = ["src"], _a = ["data-kind"], va = { class: "grid justify-items-center gap-3 px-4 text-center" }, ya = { class: "text-[0.68rem] font-bold uppercase tracking-[0.22em] text-[#f7f1ea]/72" }, ba = {
 	key: 4,
 	class: "grid h-full w-full place-items-center bg-[radial-gradient(circle_at_center,rgba(255,255,255,0.08),transparent_65%),linear-gradient(180deg,rgba(255,255,255,0.04),rgba(255,255,255,0.02))]"
-}, ga = { class: "inline-flex h-14 w-14 items-center justify-center border border-white/16 bg-black/20" }, _a = { class: "pointer-events-none absolute inset-0 z-[3]" }, va = /* @__PURE__ */ d({
+}, xa = { class: "inline-flex h-14 w-14 items-center justify-center border border-white/16 bg-black/20" }, Sa = { class: "pointer-events-none absolute inset-0 z-[3]" }, Ca = /* @__PURE__ */ d({
 	__name: "ListCard",
 	props: {
 		active: {
@@ -4314,9 +4417,9 @@ var sa = ["aria-label"], ca = {
 	},
 	emits: ["open"],
 	setup(e, { emit: t }) {
-		let n = e, r = t, l = i(() => sr(n.item)), d = D(!1), f = D(!1), p = D(!1), m = D(l.value.kind === "fallback"), h = D(!1), g = D(null), _ = D(null), y = D(null), b = D(null), C = D(null), T = D(l.value.kind === "fallback"), E = i(() => T.value ? n.surfaceActive ? d.value ? l.value.url : null : l.value.url : null), O = i(() => n.surfaceActive && d.value && (l.value.kind === "image" || l.value.kind === "video") && !!l.value.url), j = i(() => l.value.kind === "image" && !!E.value), N = i(() => l.value.kind === "video" && !!E.value), P = oa({
+		let n = e, r = t, l = i(() => gr(n.item)), d = D(!1), f = D(!1), p = D(!1), m = D(l.value.kind === "fallback"), h = D(!1), g = D(null), _ = D(null), y = D(null), b = D(null), C = D(null), T = D(l.value.kind === "fallback"), E = i(() => T.value ? n.surfaceActive ? d.value ? l.value.url : null : l.value.url : null), O = i(() => n.surfaceActive && d.value && (l.value.kind === "image" || l.value.kind === "video") && !!l.value.url), j = i(() => l.value.kind === "image" && !!E.value), N = i(() => l.value.kind === "video" && !!E.value), P = da({
 			attachedAssetUrl: E,
-			getPriority: X,
+			getPriority: ce,
 			isInView: d,
 			isReady: m,
 			item: i(() => n.item),
@@ -4357,10 +4460,10 @@ var sa = ["aria-label"], ca = {
 		}), x(() => {
 			re(), P.release(), B?.disconnect(), B = null;
 		});
-		function te() {
+		function W() {
 			le(_.value) && (m.value = !0, g.value = null, ie(E.value ?? n.item.url), J());
 		}
-		async function W() {
+		async function G() {
 			if (!le(_.value)) return;
 			let e = E.value ?? n.item.url;
 			m.value = !1, g.value = "generic";
@@ -4373,7 +4476,7 @@ var sa = ["aria-label"], ca = {
 				surface: "grid"
 			}), J();
 		}
-		function G() {
+		function te() {
 			le(C.value) && (h.value = !0, m.value = !0, g.value = null, ie(E.value ?? n.item.url), J(), q());
 		}
 		function ne() {
@@ -4398,7 +4501,7 @@ var sa = ["aria-label"], ca = {
 			}
 			V = Jt.request({
 				assetType: l.value.kind,
-				getPriority: X,
+				getPriority: ce,
 				onGrant() {
 					T.value = !0, m.value = !1, g.value = null;
 				},
@@ -4423,7 +4526,7 @@ var sa = ["aria-label"], ca = {
 			}
 		}
 		function re(e = !0) {
-			T.value = l.value.kind === "fallback", g.value = null, m.value = l.value.kind === "fallback", e && (oe(), se()), J();
+			T.value = l.value.kind === "fallback", g.value = null, m.value = l.value.kind === "fallback", e && (oe(), X()), J();
 		}
 		function J() {
 			V?.release(), V = null;
@@ -4434,7 +4537,7 @@ var sa = ["aria-label"], ca = {
 				d.value = !0;
 				return;
 			}
-			d.value = ia(e?.boundingClientRect ?? t.getBoundingClientRect(), e?.rootBounds ?? b.value?.getBoundingClientRect() ?? null);
+			d.value = la(e?.boundingClientRect ?? t.getBoundingClientRect(), e?.rootBounds ?? b.value?.getBoundingClientRect() ?? null);
 		}
 		function ie(e) {
 			if (!e) return;
@@ -4454,12 +4557,12 @@ var sa = ["aria-label"], ca = {
 			}), g.value = null, m.value = !1, T.value = !1, J(), K();
 		}
 		function oe() {
-			na(_.value);
-		}
-		function se() {
-			ra(C.value);
+			sa(_.value);
 		}
 		function X() {
+			ca(C.value);
+		}
+		function ce() {
 			let e = y.value;
 			if (!e) return Infinity;
 			let t = e.getBoundingClientRect();
@@ -4471,8 +4574,8 @@ var sa = ["aria-label"], ca = {
 			return Math.abs((t.top + t.bottom) / 2 - n);
 		}
 		function le(e) {
-			let t = aa(E.value);
-			return !e || !t ? !1 : aa("currentSrc" in e && e.currentSrc || e.getAttribute("src")) === t;
+			let t = ua(E.value);
+			return !e || !t ? !1 : ua("currentSrc" in e && e.currentSrc || e.getAttribute("src")) === t;
 		}
 		function ue() {
 			r("open");
@@ -4500,8 +4603,8 @@ var sa = ["aria-label"], ca = {
 				class: "absolute inset-0 z-[1] block h-full w-full cursor-pointer text-left focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-[#f7f1ea]",
 				"aria-label": n.item.title || `Open item ${n.index + 1}`,
 				onClick: ue
-			}, null, 8, sa),
-			ee.value ? (w(), s("div", ca, [c("span", la, [u(F(ce), {
+			}, null, 8, fa),
+			ee.value ? (w(), s("div", pa, [c("span", ma, [u(F(se), {
 				class: "h-5 w-5 animate-spin stroke-[1.9] text-[#f7f1ea]/78",
 				"aria-hidden": "true"
 			})])])) : o("", !0),
@@ -4513,9 +4616,9 @@ var sa = ["aria-label"], ca = {
 				alt: l.value.label,
 				draggable: "false",
 				class: v(["block h-full w-full object-cover transition-opacity duration-300", m.value ? "pointer-events-none opacity-100" : "pointer-events-none opacity-0"]),
-				onLoad: te,
-				onError: W
-			}, null, 42, ua)) : N.value && E.value && !L.value ? (w(), s("video", {
+				onLoad: W,
+				onError: G
+			}, null, 42, ha)) : N.value && E.value && !L.value ? (w(), s("video", {
 				key: 2,
 				ref_key: "videoRef",
 				ref: C,
@@ -4525,37 +4628,37 @@ var sa = ["aria-label"], ca = {
 				playsinline: "",
 				preload: "metadata",
 				class: v(["block h-full w-full object-cover transition-opacity duration-300", m.value ? "pointer-events-none opacity-100" : "pointer-events-none opacity-0"]),
-				onCanplay: G,
-				onError: W,
+				onCanplay: te,
+				onError: G,
 				onLoadstart: ne,
-				onPlaying: G,
+				onPlaying: te,
 				onStalled: ne,
 				onWaiting: ne
-			}, null, 42, da)) : L.value ? (w(), s("div", {
+			}, null, 42, ga)) : L.value ? (w(), s("div", {
 				key: 3,
 				"data-testid": "vibe-list-card-error",
 				"data-kind": I.value,
 				class: "pointer-events-none relative z-[2] grid h-full w-full place-items-center bg-[radial-gradient(circle_at_center,rgba(239,68,68,0.12),transparent_65%),linear-gradient(180deg,rgba(255,255,255,0.04),rgba(255,255,255,0.02))]"
-			}, [c("div", pa, [
+			}, [c("div", va, [
 				u(F(de), {
 					class: "h-6 w-6 stroke-[1.8] text-[#f7f1ea]/78",
 					"aria-hidden": "true"
 				}),
-				c("span", ma, M(F(yn)(I.value)), 1),
+				c("span", ya, M(F(yn)(I.value)), 1),
 				R.value ? (w(), s("button", {
 					key: 0,
 					type: "button",
 					class: "pointer-events-auto inline-flex items-center justify-center border border-white/14 bg-black/35 px-3 py-2 text-[0.62rem] font-bold uppercase tracking-[0.22em] text-[#f7f1ea]/82 backdrop-blur-[18px] transition hover:border-white/28 hover:bg-black/50",
 					onClick: H(ae, ["stop"])
 				}, " Retry ")) : o("", !0)
-			])], 8, fa)) : (w(), s("div", ha, [c("div", ga, [k(e.$slots, "item-icon", {
+			])], 8, _a)) : (w(), s("div", ba, [c("div", xa, [k(e.$slots, "item-icon", {
 				icon: F(Gt)(n.item.type),
 				item: n.item
 			}, () => [(w(), a(A(F(Gt)(n.item.type)), {
 				class: "h-6 w-6 stroke-[1.8] text-[#f7f1ea]/78",
 				"aria-hidden": "true"
 			}))])])])),
-			c("div", _a, [k(e.$slots, "grid-item-overlay", {
+			c("div", Sa, [k(e.$slots, "grid-item-overlay", {
 				active: n.active,
 				focused: f.value,
 				hovered: p.value,
@@ -4565,24 +4668,24 @@ var sa = ["aria-label"], ca = {
 			})])
 		], 34));
 	}
-}), ya = { class: "relative h-full min-h-0 bg-[radial-gradient(circle_at_top_center,rgba(255,255,255,0.04),transparent_28%),linear-gradient(180deg,#06070b,#05060a)]" }, ba = { class: "pointer-events-none absolute inset-x-0 top-0 z-[2] flex justify-end p-6" }, xa = {
+}), wa = { class: "relative h-full min-h-0 bg-[radial-gradient(circle_at_top_center,rgba(255,255,255,0.04),transparent_28%),linear-gradient(180deg,#06070b,#05060a)]" }, Ta = { class: "pointer-events-none absolute inset-x-0 top-0 z-[2] flex justify-end p-6" }, Ea = {
 	"data-testid": "vibe-pagination",
 	class: "inline-flex shrink-0 items-center gap-2 whitespace-nowrap border border-white/14 bg-black/40 px-3 py-2 text-[0.63rem] font-bold uppercase tracking-[0.12em] text-[#f7f1ea]/72 backdrop-blur-[18px] min-[721px]:gap-3 min-[721px]:px-4 min-[721px]:py-3 min-[721px]:text-[0.74rem] min-[721px]:tracking-[0.2em]"
-}, Sa = { class: "whitespace-nowrap" }, Ca = {
+}, Da = { class: "whitespace-nowrap" }, Oa = {
 	key: 0,
 	class: "whitespace-nowrap border-l border-white/12 pl-2 text-[#f7f1ea]/56 min-[721px]:pl-3"
-}, wa = [
+}, ka = [
 	"data-active",
 	"data-index",
 	"data-item-id",
 	"data-occurrence-key"
-], Ta = ["data-item-id"], Ea = {
+], Aa = ["data-item-id"], ja = {
 	key: 0,
 	class: "pointer-events-none absolute inset-y-0 right-0 z-[3] hidden w-8 min-[1024px]:block"
-}, Da = {
+}, Ma = {
 	key: 1,
 	class: "pointer-events-none absolute inset-x-0 bottom-0 z-[2] px-5 pb-5 sm:px-6"
-}, Oa = { class: "mx-auto flex w-full justify-center" }, ka = /* @__PURE__ */ d({
+}, Na = { class: "mx-auto flex w-full justify-center" }, Pa = /* @__PURE__ */ d({
 	__name: "ListSurface",
 	props: {
 		active: {
@@ -4644,7 +4747,7 @@ var sa = ["aria-label"], ca = {
 		"update:activeIndex"
 	],
 	setup(e, { expose: n, emit: r }) {
-		let d = e, f = L(), p = r, m = ea({
+		let d = e, f = L(), p = r, m = aa({
 			active: N(d, "active"),
 			allowExhaustedNextPageRefresh: N(d, "allowExhaustedNextPageRefresh"),
 			bottomLoadBufferPx: N(d, "bottomLoadBufferPx"),
@@ -4692,8 +4795,8 @@ var sa = ["aria-label"], ca = {
 				nextBoundaryLoadProgress: e,
 				previousBoundaryLoadProgress: t
 			});
-		}, { immediate: !0 }), (e, n) => (w(), s("div", ya, [
-			c("div", ba, [c("span", xa, [c("span", Sa, M(F(m).paginationLabel.value), 1), d.paginationDetail ? (w(), s("span", Ca, M(d.paginationDetail), 1)) : o("", !0)])]),
+		}, { immediate: !0 }), (e, n) => (w(), s("div", wa, [
+			c("div", Ta, [c("span", Ea, [c("span", Da, M(F(m).paginationLabel.value), 1), d.paginationDetail ? (w(), s("span", Oa, M(d.paginationDetail), 1)) : o("", !0)])]),
 			c("div", {
 				ref: F(m).scrollViewportRef,
 				"data-testid": "vibe-list-scroll",
@@ -4714,7 +4817,7 @@ var sa = ["aria-label"], ca = {
 					"data-occurrence-key": F($)(t),
 					class: "absolute will-change-transform",
 					style: b(F(m).getCardStyle(n))
-				}, [u(va, {
+				}, [u(Ca, {
 					active: n === F(m).resolvedActiveIndex.value,
 					index: n,
 					item: t,
@@ -4738,14 +4841,14 @@ var sa = ["aria-label"], ca = {
 					"report-asset-load",
 					"surface-active",
 					"onOpen"
-				])], 12, wa))), 128)),
+				])], 12, ka))), 128)),
 				(w(!0), s(t, null, O(F(m).leavingItems.value, (t) => (w(), s("article", {
 					key: `leaving-${F($)(t.item)}`,
 					"data-testid": "vibe-list-card-leaving",
 					"data-item-id": t.item.id,
 					class: "pointer-events-none absolute z-[2] will-change-[opacity,transform]",
 					style: b(F(m).getLeavingCardStyle(t.item))
-				}, [u(va, {
+				}, [u(Ca, {
 					active: !1,
 					index: -1,
 					item: t.item,
@@ -4760,8 +4863,8 @@ var sa = ["aria-label"], ca = {
 					"item",
 					"report-asset-error",
 					"report-asset-load"
-				])], 12, Ta))), 128)),
-				F(j) && F(E) ? (w(), a(Tr, {
+				])], 12, Aa))), 128)),
+				F(j) && F(E) ? (w(), a(Pr, {
 					key: 0,
 					message: F(E).message,
 					mode: F(E).mode,
@@ -4775,12 +4878,12 @@ var sa = ["aria-label"], ca = {
 					"surface"
 				])) : o("", !0)
 			], 4)], 544),
-			F(m).showScrollbar.value ? (w(), s("div", Ea, [n[2] ||= c("div", { class: "absolute bottom-6 right-3 top-6 w-px bg-white/8" }, null, -1), c("div", {
+			F(m).showScrollbar.value ? (w(), s("div", ja, [n[2] ||= c("div", { class: "absolute bottom-6 right-3 top-6 w-px bg-white/8" }, null, -1), c("div", {
 				"data-testid": "vibe-list-scrollbar-thumb",
 				class: v(["absolute right-[0.625rem] w-1 bg-white/34 transition-[height,transform,background-color,opacity] duration-300 ease-out", d.loading ? "bg-white/52" : "bg-white/34"]),
 				style: b(F(m).getScrollbarThumbStyle())
 			}, null, 6)])) : o("", !0),
-			f["grid-footer"] ? (w(), s("div", Da, [c("div", Oa, [k(e.$slots, "grid-footer")])])) : o("", !0),
+			f["grid-footer"] ? (w(), s("div", Ma, [c("div", Na, [k(e.$slots, "grid-footer")])])) : o("", !0),
 			x.value ? (w(), s("div", {
 				key: 2,
 				class: v(["pointer-events-none absolute inset-x-0 bottom-0 z-[3] flex justify-center px-6", f["grid-footer"] ? "pb-24" : "pb-6"])
@@ -4789,7 +4892,7 @@ var sa = ["aria-label"], ca = {
 				"data-testid": "vibe-grid-status-badge",
 				class: v(["inline-flex items-center border border-white/14 bg-black/55 px-4 py-3 text-[0.7rem] font-bold uppercase tracking-[0.18em] text-[#f7f1ea]/72 backdrop-blur-[18px]", x.value.kind === "end" ? "border-amber-300/35 text-amber-200" : x.value.kind === "failed" ? "border-rose-400/45 text-rose-100" : ""])
 			}, M(x.value.message), 3))], 2)) : o("", !0),
-			F(D) && F(E) ? (w(), a(Tr, {
+			F(D) && F(E) ? (w(), a(Pr, {
 				key: 3,
 				class: v(["z-[3]", f["grid-footer"] ? "pb-24" : "pb-6"]),
 				message: F(E).message,
@@ -4806,13 +4909,13 @@ var sa = ["aria-label"], ca = {
 			])) : o("", !0)
 		]));
 	}
-}), Aa = ["data-surface-mode"], ja = {
+}), Fa = ["data-surface-mode"], Ia = {
 	key: 1,
 	class: "absolute left-5 top-5 z-30 border border-amber-400/45 bg-black/35 px-4 py-2 text-xs font-medium uppercase tracking-[0.24em] text-amber-100 backdrop-blur"
-}, Ma = ["data-visible", "inert"], Na = ["data-visible", "inert"], Pa = {
+}, La = ["data-visible", "inert"], Ra = ["data-visible", "inert"], za = {
 	key: 3,
 	class: "relative z-[1] grid h-full w-full content-center justify-items-center gap-6 px-[clamp(2rem,4vw,3rem)] py-[clamp(2rem,4vw,3rem)] text-center"
-}, Fa = /* @__PURE__ */ d({
+}, Ba = /* @__PURE__ */ d({
 	name: "VibeLayout",
 	__name: "Layout",
 	props: {
@@ -4880,7 +4983,7 @@ var sa = ["aria-label"], ca = {
 			type: "button",
 			class: "absolute left-5 top-5 z-30 inline-flex items-center border border-rose-400/55 bg-rose-500/18 px-4 py-2 text-xs font-medium uppercase tracking-[0.24em] text-white backdrop-blur transition hover:bg-rose-500/28",
 			onClick: n[0] ||= (...e) => F(h).retryInitialLoad && F(h).retryInitialLoad(...e)
-		}, " Retry ")) : F(h).errorMessage.value && F(h).items.value.length > 0 ? (w(), s("div", ja, M(F(h).errorMessage.value), 1)) : o("", !0), F(h).isDesktop.value ? (w(), s(t, { key: 2 }, [u(r, {
+		}, " Retry ")) : F(h).errorMessage.value && F(h).items.value.length > 0 ? (w(), s("div", Ia, M(F(h).errorMessage.value), 1)) : o("", !0), F(h).isDesktop.value ? (w(), s(t, { key: 2 }, [u(r, {
 			appear: "",
 			"enter-active-class": "transition-[opacity,transform] duration-300 ease-out",
 			"enter-from-class": "translate-y-3 opacity-0",
@@ -4894,7 +4997,7 @@ var sa = ["aria-label"], ca = {
 				"data-visible": F(h).surfaceMode.value === "list" ? "true" : "false",
 				inert: F(h).surfaceMode.value !== "list",
 				class: "absolute inset-0 z-[2]"
-			}, [u(ka, {
+			}, [u(Pa, {
 				ref_key: "listSurfaceRef",
 				ref: g,
 				active: F(h).surfaceMode.value === "list",
@@ -4968,7 +5071,7 @@ var sa = ["aria-label"], ca = {
 				"onBoundaryLoadProgress",
 				"onOpenFullscreen",
 				"onUpdate:activeIndex"
-			])], 8, Ma), [[R, F(h).surfaceMode.value === "list"]])]),
+			])], 8, La), [[R, F(h).surfaceMode.value === "list"]])]),
 			_: 3
 		}), u(r, {
 			appear: "",
@@ -4984,11 +5087,19 @@ var sa = ["aria-label"], ca = {
 				"data-visible": F(h).surfaceMode.value === "fullscreen" ? "true" : "false",
 				inert: F(h).surfaceMode.value !== "fullscreen",
 				class: "absolute inset-0 z-[3]"
-			}, [u(si, {
+			}, [u(fi, {
 				items: F(h).items.value,
 				active: F(h).surfaceMode.value === "fullscreen",
 				"active-index": F(h).activeIndex.value,
 				"error-message": F(h).errorMessage.value,
+				"fill-collected-count": F(h).fillCollectedCount.value,
+				"fill-completed-calls": F(h).fillCompletedCalls.value,
+				"fill-loaded-count": F(h).fillLoadedCount.value,
+				"fill-mode": F(h).fillMode.value,
+				"fill-progress": F(h).fillProgress.value,
+				"fill-target-calls": F(h).fillTargetCalls.value,
+				"fill-target-count": F(h).fillTargetCount.value,
+				"fill-total-count": F(h).fillTotalCount.value,
 				loading: F(h).loading.value,
 				"has-next-page": F(h).hasNextPage.value,
 				"pagination-detail": F(h).paginationDetail.value,
@@ -5034,36 +5145,25 @@ var sa = ["aria-label"], ca = {
 					fn: B((t) => [k(e.$slots, "item-icon", y(p(t)))]),
 					key: "5"
 				} : void 0
-			]), 1032, [
-				"items",
-				"active",
-				"active-index",
-				"error-message",
-				"loading",
-				"has-next-page",
-				"pagination-detail",
-				"phase",
-				"report-asset-error",
-				"report-asset-load",
-				"empty-state-mode",
-				"loop-fullscreen-video",
-				"show-dominant-image-tone",
-				"show-end-badge",
-				"show-status-badges",
-				"show-back-to-list",
-				"onBackToList",
-				"onUpdate:activeIndex"
-			])], 8, Na), [[R, F(h).surfaceMode.value === "fullscreen"]])]),
+			]), 1032, /* @__PURE__ */ "items.active.active-index.error-message.fill-collected-count.fill-completed-calls.fill-loaded-count.fill-mode.fill-progress.fill-target-calls.fill-target-count.fill-total-count.loading.has-next-page.pagination-detail.phase.report-asset-error.report-asset-load.empty-state-mode.loop-fullscreen-video.show-dominant-image-tone.show-end-badge.show-status-badges.show-back-to-list.onBackToList.onUpdate:activeIndex".split("."))], 8, Ra), [[R, F(h).surfaceMode.value === "fullscreen"]])]),
 			_: 3
-		})], 64)) : F(h).items.value.length === 0 && F(h).loading.value ? (w(), s("div", Pa, [u(F(ce), {
+		})], 64)) : F(h).items.value.length === 0 && F(h).loading.value && F(h).phase.value === "initializing" ? (w(), s("div", za, [u(F(se), {
 			class: "size-10 animate-spin text-[#f7f1ea]/82",
 			"aria-hidden": "true"
-		}), n[1] ||= c("p", { class: "m-0 text-[0.9rem] font-semibold uppercase tracking-[0.22em] text-[#f7f1ea]/72" }, " Loading... ", -1)])) : (w(), a(si, {
+		}), n[1] ||= c("p", { class: "m-0 text-[0.9rem] font-semibold uppercase tracking-[0.22em] text-[#f7f1ea]/72" }, " Loading... ", -1)])) : (w(), a(fi, {
 			key: 4,
 			items: F(h).items.value,
 			active: !0,
 			"active-index": F(h).activeIndex.value,
 			"error-message": F(h).errorMessage.value,
+			"fill-collected-count": F(h).fillCollectedCount.value,
+			"fill-completed-calls": F(h).fillCompletedCalls.value,
+			"fill-loaded-count": F(h).fillLoadedCount.value,
+			"fill-mode": F(h).fillMode.value,
+			"fill-progress": F(h).fillProgress.value,
+			"fill-target-calls": F(h).fillTargetCalls.value,
+			"fill-target-count": F(h).fillTargetCount.value,
+			"fill-total-count": F(h).fillTotalCount.value,
 			loading: F(h).loading.value,
 			"has-next-page": F(h).hasNextPage.value,
 			"pagination-detail": F(h).paginationDetail.value,
@@ -5113,6 +5213,14 @@ var sa = ["aria-label"], ca = {
 			"items",
 			"active-index",
 			"error-message",
+			"fill-collected-count",
+			"fill-completed-calls",
+			"fill-loaded-count",
+			"fill-mode",
+			"fill-progress",
+			"fill-target-calls",
+			"fill-target-count",
+			"fill-total-count",
 			"loading",
 			"has-next-page",
 			"pagination-detail",
@@ -5126,10 +5234,10 @@ var sa = ["aria-label"], ca = {
 			"show-status-badges",
 			"onBackToList",
 			"onUpdate:activeIndex"
-		]))], 8, Aa));
+		]))], 8, Fa));
 	}
-}), Ia = { install(e) {
-	e.component("VibeLayout", Fa);
+}), Va = { install(e) {
+	e.component("VibeLayout", Ba);
 } };
 //#endregion
-export { Fa as VibeLayout, Ia as VibePlugin, Ia as default };
+export { Ba as VibeLayout, Va as VibePlugin, Va as default };