@wyxos/vibe 3.1.20 → 3.1.23

package/lib/index.js

@@ -1,6 +1,6 @@
-import { Comment as e, Fragment as t, Text as n, Transition as r, computed as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createSlots as l, createVNode as u, defineComponent as d, getCurrentScope as f, guardReactiveProps as p, h as m, isVNode as h, mergeProps as g, nextTick as _, normalizeClass as v, normalizeProps as y, normalizeStyle as b, onBeforeUnmount as x, onMounted as S, onScopeDispose as C, openBlock as w, reactive as T, readonly as E, ref as D, renderList as O, renderSlot as k, resolveDynamicComponent as A, toDisplayString as j, toRef as M, unref as N, useAttrs as P, useSlots as F, vShow as I, watch as L, watchEffect as R, withCtx as z, withDirectives as B, withModifiers as ee } from "vue";
+import { Comment as e, Fragment as t, Text as n, Transition as r, computed as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createSlots as l, createVNode as u, defineComponent as d, getCurrentScope as f, guardReactiveProps as p, h as m, isVNode as h, mergeProps as g, nextTick as _, normalizeClass as v, normalizeProps as y, normalizeStyle as b, onBeforeUnmount as x, onMounted as S, onScopeDispose as C, openBlock as w, reactive as T, readonly as E, ref as D, renderList as O, renderSlot as k, resolveDynamicComponent as A, toDisplayString as j, toRef as M, unref as N, useAttrs as P, useSlots as F, vShow as I, watch as L, watchEffect as R, withCtx as z, withDirectives as ee, withModifiers as te } from "vue";
 //#region node_modules/lucide-vue-next/dist/esm/shared/src/utils/hasA11yProp.js
-var te = (e) => {
+var B = (e) => {
 	for (let t in e) if (t.startsWith("aria-") || t === "role" || t === "title") return !0;
 	return !1;
 }, V = (e) => e === "", H = (...e) => e.filter((e, t, n) => !!e && e.trim() !== "" && n.indexOf(e) === t).join(" ").trim(), U = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), W = (e) => e.replace(/^([A-Z])|[\s-_]+(\w)/g, (e, t, n) => n ? n.toUpperCase() : t.toLowerCase()), ne = (e) => {
@@ -24,19 +24,19 @@ var te = (e) => {
 	stroke: s,
 	"stroke-width": V(n) || V(r) || n === !0 || r === !0 ? Number(i || a || G["stroke-width"]) * 24 / Number(o) : i || a || G["stroke-width"],
 	class: H("lucide", c.class, ...e ? [`lucide-${U(ne(e))}-icon`, `lucide-${U(e)}`] : ["lucide-icon"]),
-	...!l.default && !te(c) && { "aria-hidden": "true" }
+	...!l.default && !B(c) && { "aria-hidden": "true" }
 }, [...t.map((e) => m(...e)), ...l.default ? [l.default()] : []]), q = (e, t) => (n, { slots: r, attrs: i }) => m(K, {
 	...i,
 	...n,
 	iconNode: t,
 	name: e
-}, r), re = q("arrow-left", [["path", {
+}, r), J = q("arrow-left", [["path", {
 	d: "m12 19-7-7 7-7",
 	key: "1l729n"
 }], ["path", {
 	d: "M19 12H5",
 	key: "x3x0zl"
-}]]), J = q("audio-lines", [
+}]]), Y = q("audio-lines", [
 	["path", {
 		d: "M2 10v3",
 		key: "1fnikh"
@@ -61,7 +61,7 @@ var te = (e) => {
 		d: "M22 10v3",
 		key: "154ddg"
 	}]
-]), Y = q("clapperboard", [
+]), re = q("clapperboard", [
 	["path", {
 		d: "m12.296 3.464 3.02 3.956",
 		key: "qash78"
@@ -180,12 +180,12 @@ var te = (e) => {
 	}]
 ]);
 function fe(e, t = 150) {
-	return pe(e, (e) => `${e.surface}|${e.occurrenceKey}|${e.url}|${e.kind}`, t);
+	return me(e, (e) => `${e.surface}|${e.occurrenceKey}|${e.url}|${e.kind}`, t);
 }
-function Z(e, t = 150) {
-	return pe(e, (e) => `${e.surface}|${e.occurrenceKey}|${e.url}`, t);
+function pe(e, t = 150) {
+	return me(e, (e) => `${e.surface}|${e.occurrenceKey}|${e.url}`, t);
 }
-function pe(e, t, n) {
+function me(e, t, n) {
 	let r = [], i = /* @__PURE__ */ new Set(), a = null;
 	function o(e) {
 		let o = t(e);
@@ -209,59 +209,59 @@ function pe(e, t, n) {
 }
 //#endregion
 //#region src/components/viewer-core/dom.ts
-function me(e) {
+function he(e) {
 	return e instanceof HTMLElement && [
 		"INPUT",
 		"TEXTAREA",
 		"SELECT"
 	].includes(e.tagName);
 }
-function he(e) {
+function ge(e) {
 	return e instanceof HTMLElement && !!e.closest("[data-swipe-lock], input, textarea, select, a");
 }
-function ge(e) {
+function _e(e) {
 	return e === "filling" || e === "initializing" || e === "loading" || e === "refreshing";
 }
-function Q(e) {
+function Z(e) {
 	return !e || !Number.isFinite(e) || e < 1 ? 25 : Math.floor(e);
 }
-function _e(e) {
+function ve(e) {
 	return e ?? "__vibe_initial_cursor__";
 }
-function ve(e, t, n) {
+function ye(e, t, n) {
 	return Math.min(Math.max(e, t), n);
 }
 //#endregion
 //#region src/components/viewer-core/itemIdentity.ts
-var ye = "__vibeOccurrenceKey";
-function $(e) {
-	let t = e[ye];
+var be = "__vibeOccurrenceKey";
+function Q(e) {
+	let t = e[be];
 	return typeof t == "string" && t.length > 0 ? t : e.id;
 }
-function be(e, t, n) {
+function xe(e, t, n) {
 	let r = /* @__PURE__ */ new Map(), i = [], a = n;
 	for (let e of t) {
-		let t = r.get(e.id), n = $(e);
+		let t = r.get(e.id), n = Q(e);
 		t ? t.push(n) : r.set(e.id, [n]);
 	}
 	for (let t of e) {
 		let e = r.get(t.id)?.shift() ?? `vibe-occurrence-${a += 1}`;
-		i.push(xe(t, e));
+		i.push(Se(t, e));
 	}
 	return {
 		items: i,
 		nextSequence: a
 	};
 }
-function xe(e, t) {
-	return $(e) === t ? e : {
+function Se(e, t) {
+	return Q(e) === t ? e : {
 		...e,
-		[ye]: t
+		[be]: t
 	};
 }
 //#endregion
 //#region src/components/viewer-core/removalState.ts
-function Se() {
+function $() {
 	let e = D(/* @__PURE__ */ new Set()), t = D([]);
 	function n(n) {
 		let r = Ce(n).filter((t) => !e.value.has(t));
@@ -335,7 +335,7 @@ function ke(e, t, n) {
 	return i >= 0 && r.splice(i, 1, n), r;
 }
 function Ae(e, t, n) {
-	let r = be(e, t, n);
+	let r = xe(e, t, n);
 	return {
 		items: r.items,
 		nextSequence: r.nextSequence
@@ -350,7 +350,7 @@ function je(e, t, n) {
 	for (let [e, n] of t.entries()) {
 		let t = r.get(n.id), i = {
 			index: e,
-			occurrenceKey: $(n)
+			occurrenceKey: Q(n)
 		};
 		t ? t.push(i) : r.set(n.id, [i]);
 	}
@@ -374,7 +374,7 @@ function je(e, t, n) {
 	};
 }
 function Me(e, t) {
-	return $(e) === t ? e : {
+	return Q(e) === t ? e : {
 		...e,
 		__vibeOccurrenceKey: t
 	};
@@ -435,45 +435,61 @@ function Le(e) {
 		sequence: e.sequence
 	}), n = Te(t.bucket.items, e.removedIds);
 	return {
-		activeIndex: ve(e.initialState.activeIndex ?? 0, 0, Math.max(0, n.length - 1)),
+		activeIndex: ye(e.initialState.activeIndex ?? 0, 0, Math.max(0, n.length - 1)),
 		buckets: [t.bucket],
 		nextSequence: t.nextSequence
 	};
 }
 function Re(e, t) {
-	let n = e[ve(t, 0, Math.max(0, e.length - 1))];
-	return n ? $(n) : null;
+	let n = e[ye(t, 0, Math.max(0, e.length - 1))];
+	return n ? Q(n) : null;
 }
 function ze(e, t, n = null) {
 	if (!e.length) return 0;
-	let r = n ? e.findIndex((e) => $(e) === n) : -1;
-	return r >= 0 ? r : ve(t, 0, e.length - 1);
+	let r = n ? e.findIndex((e) => Q(e) === n) : -1;
+	return r >= 0 ? r : ye(t, 0, e.length - 1);
 }
 function Be(e, t, n) {
 	return e ? De(e, t) < n : !1;
 }
 //#endregion
+//#region src/components/viewer-core/autoResolveBucketFactory.ts
+function Ve(e) {
+	return (t) => {
+		let n = Pe({
+			cursor: t.cursor,
+			nextCursor: t.nextCursor,
+			nextCursorExhausted: t.nextCursorExhausted ?? !1,
+			nextItems: t.nextItems,
+			previousCursor: t.previousCursor,
+			previousItems: t.previousItems,
+			sequence: e.getSequence()
+		});
+		return e.setSequence(n.nextSequence), n.bucket;
+	};
+}
+//#endregion
 //#region src/components/viewer-core/autoResolveCursors.ts
-function Ve(e, t) {
+function He(e, t) {
 	return e.find((e) => De(e, t) > 0) ?? e[0] ?? null;
 }
-function He(e, t) {
+function Ue(e, t) {
 	for (let n = e.length - 1; n >= 0; --n) {
 		let r = e[n];
 		if (De(r, t) > 0) return r;
 	}
 	return e[e.length - 1] ?? null;
 }
-function Ue(e) {
+function We(e) {
 	return !e?.nextCursor || !e.nextCursorExhausted ? null : e.nextCursor;
 }
-function We(e, t, n, r) {
+function Ge(e, t, n, r) {
 	return t === void 0 || n === null ? e : e.map((e) => e.cursor !== t || e.nextCursor !== n ? e : {
 		...e,
 		nextCursorExhausted: r
 	});
 }
-function Ge(e, t, n) {
+function Ke(e, t, n) {
 	return n || e !== "forward" || t === null ? {
 		cursor: n,
 		exhausted: !1
@@ -482,7 +498,7 @@ function Ge(e, t, n) {
 		exhausted: !0
 	};
 }
-function Ke(e, t) {
+function qe(e, t) {
 	if (t) return {
 		cursor: t,
 		exhausted: !1
@@ -493,7 +509,7 @@ function Ke(e, t) {
 		exhausted: !!n
 	};
 }
-function qe(e, t) {
+function Je(e, t) {
 	let n = e.findIndex((e) => De(e, t) > 0);
 	if (n < 0) return e;
 	let r = n;
@@ -504,15 +520,276 @@ function qe(e, t) {
 	return e.slice(n, r + 1);
 }
 //#endregion
+//#region src/components/viewer-core/autoResolveFillUntil.ts
+function Ye(e) {
+	async function t(t) {
+		if (typeof t == "number") {
+			await i(t);
+			return;
+		}
+		await a("cursor", () => e.getHasNextPage() && e.getNextCursor() !== t);
+	}
+	async function n() {
+		await a("end", () => e.getHasNextPage());
+	}
+	function r() {
+		e.isFillUntilActive.value = !1, e.fillMode.value = "idle";
+	}
+	async function i(t) {
+		let n = Xe(t);
+		n <= 0 || await a("count", () => e.getHasNextPage() && n > 0, () => {
+			--n;
+		}, n);
+	}
+	async function a(t, n, r = () => {}, i = null) {
+		if (!e.getResolve() || e.getIsManualPageLoadingLocked() || e.isFillUntilActive.value || e.getIsLoading() || !n()) return;
+		e.isFillUntilActive.value = !0, s(t, i), e.clearFillDelay(!0);
+		let a = 0;
+		try {
+			for (; n();) {
+				let t = e.getNextCursor();
+				if (!t || !e.getHasNextPage() || !await o(t, e.getTrailingBoundaryBucket()?.cursor ?? null) || e.operationPhase.value === "failed" || (r(), e.fillCompletedCalls.value += 1, c(), l(), !n())) break;
+				let i = e.getNextCursor();
+				if (!i || !e.getHasNextPage() || (a += 1, e.operationPhase.value = "filling", e.fillCollectedCount.value = e.getVisibleItemCount(), e.fillCursor.value = i, e.fillTargetCount.value = null, await e.waitFillDelay(e.getFillDelayMs(a)), !e.isFillUntilActive.value)) break;
+			}
+		} finally {
+			e.isFillUntilActive.value = !1, e.fillCollectedCount.value = null, e.fillCursor.value = null, e.fillTargetCount.value = null, e.fillMode.value = "idle", e.clearFillDelay(!0), e.operationPhase.value !== "failed" && e.finishLoadPhase();
+		}
+	}
+	async function o(t, n) {
+		e.setLastLoadAttempt(async () => {
+			await o(t, n);
+		});
+		let r = e.getResolve();
+		if (!r) return !1;
+		let i = ve(t);
+		if (e.inFlightCursors.has(i)) return !1;
+		let a = e.nextOperationId(), s = typeof AbortController > "u" ? null : new AbortController();
+		e.inFlightCursors.add(i), e.setActiveResolveController(s), e.errorMessage.value = null, e.operationPhase.value = "filling", e.fillCollectedCount.value = e.getVisibleItemCount(), e.fillCursor.value = t, e.fillTargetCount.value = null, e.pendingAppendBuckets.value = [], e.isAwaitingAppendCommit.value = !1;
+		try {
+			let i = await r({
+				cursor: t,
+				pageSize: e.getPageSize(),
+				signal: s?.signal
+			});
+			if (!e.getOperationIsCurrent(a)) return e.finishLoadPhase(), !1;
+			if (u(i.total), !i.items.length) return e.autoBuckets.value = i.nextPage ? Qe(e.autoBuckets.value, n, t, i.nextPage) : Ge(e.autoBuckets.value, n, t, !0), c(), e.finishLoadPhase(), !0;
+			let o = Ke("forward", t, i.nextPage);
+			return e.autoBuckets.value = [...e.autoBuckets.value, e.createBucket({
+				cursor: t,
+				nextCursor: o.cursor,
+				nextCursorExhausted: o.exhausted,
+				nextItems: i.items,
+				previousCursor: i.previousPage ?? null,
+				previousItems: []
+			})], c(), e.finishLoadPhase(), !0;
+		} catch (t) {
+			return Ne(t) || !e.getOperationIsCurrent(a) ? (e.finishLoadPhase(), !1) : (e.errorMessage.value = t instanceof Error ? t.message : "The viewer could not load items.", e.operationPhase.value = "failed", e.fillCollectedCount.value = null, e.fillCursor.value = null, e.fillTargetCount.value = null, !1);
+		} finally {
+			e.clearActiveResolveController(s), e.inFlightCursors.delete(i);
+		}
+	}
+	function s(t, n) {
+		e.fillMode.value = t, e.fillCompletedCalls.value = 0, e.fillLoadedCount.value = e.getLoadedItemCount(), e.fillProgress.value = n && n > 0 ? 0 : null, e.fillTargetCalls.value = n, e.fillTotalCount.value = null;
+	}
+	function c() {
+		e.fillLoadedCount.value = e.getLoadedItemCount();
+	}
+	function l() {
+		if (e.fillMode.value === "count") {
+			let t = e.fillTargetCalls.value;
+			e.fillProgress.value = t && t > 0 ? Ze(e.fillCompletedCalls.value / t) : null;
+			return;
+		}
+		if (e.fillMode.value === "end") {
+			let t = e.fillTotalCount.value;
+			if (t === null) {
+				e.fillProgress.value = null;
+				return;
+			}
+			e.fillProgress.value = t <= 0 ? 1 : Ze(e.fillLoadedCount.value / t);
+			return;
+		}
+		e.fillProgress.value = null;
+	}
+	function u(t) {
+		typeof t == "number" && Number.isFinite(t) && t >= 0 && (e.fillTotalCount.value = Math.floor(t));
+	}
+	return {
+		cancel: r,
+		fillUntil: t,
+		fillUntilEnd: n
+	};
+}
+function Xe(e) {
+	return Number.isFinite(e) && e > 0 ? Math.floor(e) : 0;
+}
+function Ze(e) {
+	return Math.min(Math.max(e, 0), 1);
+}
+function Qe(e, t, n, r) {
+	return t === void 0 ? e : e.map((e) => e.cursor === t && e.nextCursor === n ? {
+		...e,
+		nextCursor: r,
+		nextCursorExhausted: !1
+	} : e);
+}
+//#endregion
+//#region src/components/viewer-core/autoResolveLoading.ts
+function $e(e) {
+	async function t(t) {
+		let n = e.getResolve(), r = e.getBoundaryBucket(t);
+		if (!n || !r) return null;
+		let i = ve(r.cursor);
+		if (e.inFlightCursors.has(i)) return null;
+		e.inFlightCursors.add(i), e.errorMessage.value = null, e.operationPhase.value = "refreshing", e.clearFillState();
+		let a = e.nextOperationId(), o = typeof AbortController > "u" ? null : new AbortController();
+		e.setActiveResolveController(o);
+		try {
+			let i = await n({
+				cursor: r.cursor,
+				pageSize: e.getPageSize(),
+				signal: o?.signal
+			});
+			if (!e.getOperationIsCurrent(a)) return e.finishLoadPhase(), null;
+			let s = qe(r, i.nextPage), c = Fe({
+				cursor: r.cursor,
+				nextCursor: s.cursor,
+				nextCursorExhausted: s.exhausted,
+				nextItems: i.items,
+				previousCursor: i.previousPage ?? null,
+				previousItems: r.items,
+				sequence: e.getSequence()
+			});
+			e.setSequence(c.nextSequence);
+			let l = e.getActiveOccurrenceKey();
+			return e.autoBuckets.value = ke(e.autoBuckets.value, r.cursor, c.bucket), e.syncActiveIndexAfterVisibilityChange(l), e.finishLoadPhase(), {
+				followCursor: t === "leading" ? i.previousPage ?? null : i.nextPage,
+				itemsInserted: c.insertedCount
+			};
+		} catch (t) {
+			return Ne(t) || !e.getOperationIsCurrent(a) ? (e.finishLoadPhase(), null) : (e.errorMessage.value = t instanceof Error ? t.message : "The viewer could not load items.", e.operationPhase.value = "failed", e.clearFillState(), null);
+		} finally {
+			e.clearActiveResolveController(o), e.inFlightCursors.delete(i);
+		}
+	}
+	async function n(t) {
+		let n = e.getResolve();
+		if (!n) return null;
+		let r = e.nextOperationId(), i = /* @__PURE__ */ new Set(), a = [], o = t.cursor, s = 0;
+		for (e.errorMessage.value = null, e.operationPhase.value = t.phase, e.clearFillState();;) {
+			if (!e.getOperationIsCurrent(r)) return Ie(a, t.direction, e.removedIds.value, !0);
+			if (a.length > 0 && e.isManualPageLoadingLocked.value) return Ie(a, t.direction, e.removedIds.value, !1);
+			let c = ve(o);
+			if (i.has(c) || e.inFlightCursors.has(c)) break;
+			i.add(c), e.inFlightCursors.add(c);
+			let l = typeof AbortController > "u" ? null : new AbortController();
+			e.setActiveResolveController(l);
+			try {
+				let i = await n({
+					cursor: o,
+					pageSize: e.getPageSize(),
+					signal: l?.signal
+				});
+				if (!e.getOperationIsCurrent(r)) return Ie(a, t.direction, e.removedIds.value, !0);
+				let c = Ke(t.direction, o, i.nextPage), u = e.createBucket({
+					cursor: o,
+					nextCursor: c.cursor,
+					nextCursorExhausted: c.exhausted,
+					nextItems: i.items,
+					previousCursor: i.previousPage ?? null,
+					previousItems: []
+				});
+				a.push(u);
+				let d = a.reduce((t, n) => t + De(n, e.removedIds.value), 0), f = t.direction === "forward" ? u.nextCursorExhausted ? null : u.nextCursor : u.previousCursor;
+				if (!t.continueUntilFilled || d >= e.getPageSize() || !f) return e.fillCursor.value = null, Ie(a, t.direction, e.removedIds.value, !1);
+				if (e.isManualPageLoadingLocked.value) return Ie(a, t.direction, e.removedIds.value, !1);
+				if (e.operationPhase.value = "filling", e.fillCollectedCount.value = d, e.fillCursor.value = f, e.fillTargetCount.value = e.getPageSize(), s += 1, await e.waitFillDelay(e.getFillDelayMs(s)), !e.getOperationIsCurrent(r)) return Ie(a, t.direction, e.removedIds.value, !0);
+				o = f;
+			} catch (n) {
+				return Ne(n) || !e.getOperationIsCurrent(r) ? Ie(a, t.direction, e.removedIds.value, !0) : (e.errorMessage.value = n instanceof Error ? n.message : "The viewer could not load items.", e.operationPhase.value = "failed", e.clearFillState(), null);
+			} finally {
+				e.clearActiveResolveController(l), e.inFlightCursors.delete(c);
+			}
+		}
+		return Ie(a, t.direction, e.removedIds.value, !1);
+	}
+	return {
+		collectBuckets: n,
+		reloadBoundaryBucket: t
+	};
+}
+//#endregion
+//#region src/components/viewer-core/fillProgress.ts
+function et(e) {
+	let t = {
+		fillCompletedCalls: D(0),
+		fillLoadedCount: D(0),
+		fillMode: D("idle"),
+		fillProgress: D(null),
+		fillTargetCalls: D(null),
+		fillTotalCount: D(null)
+	};
+	function n() {
+		t.fillMode.value = "idle", t.fillCompletedCalls.value = 0, t.fillLoadedCount.value = e(), t.fillProgress.value = null, t.fillTargetCalls.value = null, t.fillTotalCount.value = null;
+	}
+	return {
+		refs: t,
+		reset: n
+	};
+}
+//#endregion
+//#region src/components/viewer-core/emptyVisiblePrefetch.ts
+function tt(e) {
+	let t = null, n = !1, r = !1;
+	function i() {
+		t = null;
+	}
+	function a() {
+		r || n || (r = !0, _().then(o));
+	}
+	async function o() {
+		if (r = !1, s()) {
+			if (!e.hasNextPage.value) {
+				let e = c();
+				if (t === e) return;
+				t = e;
+			}
+			n = !0;
+			try {
+				await e.prefetchNextPage();
+			} finally {
+				n = !1, s() && a();
+			}
+		}
+	}
+	function s() {
+		return !e.items.value.length && !e.loading.value && !e.isInitialLoading() && !e.isPageLoadingLocked.value && (e.hasNextPage.value || e.canRefreshTrailingBoundary.value);
+	}
+	function c() {
+		let t = e.trailingBoundaryBucket.value;
+		return [
+			t?.cursor ?? "",
+			t?.nextCursor ?? "",
+			t?.items.map((e) => e.id).join("") ?? "",
+			e.removedIds.value.size
+		].join("");
+	}
+	return {
+		resetRefreshAttempt: i,
+		schedule: a
+	};
+}
+//#endregion
 //#region src/components/viewer-core/fillDelay.ts
-var Je = 2e3, Ye = 1e3, Xe = 100;
-function Ze(e, t = Je, n = Ye) {
+var nt = 2e3, rt = 1e3, it = 100;
+function at(e, t = nt, n = rt) {
 	return t + Math.max(0, e - 1) * n;
 }
-function Qe(e, t) {
+function ot(e, t) {
 	return !Number.isFinite(e) || e == null || e < 0 ? t : Math.floor(e);
 }
-function $e() {
+function st() {
 	let e = D(null), t = null, n = null, r = null;
 	function i(i = !1) {
 		if (t &&= (clearInterval(t), null), n &&= (clearTimeout(n), null), e.value = null, i && r) {
@@ -530,7 +807,7 @@ function $e() {
 				let t = Math.max(0, a - (Date.now() - s));
 				e.value = t, t <= 0 && l();
 			};
-			t = setInterval(u, Xe), n = setTimeout(l, a), u();
+			t = setInterval(u, it), n = setTimeout(l, a), u();
 		}));
 	}
 	return {
@@ -541,328 +818,334 @@ function $e() {
 }
 //#endregion
 //#region src/components/viewer-core/useAutoResolveSource.ts
-function et(e) {
-	let t = !!e.initialState?.items.length, n = D([]), r = D(0), a = D([]), o = D(!1), s = D(null), c = D(!t && typeof e.resolve == "function" ? "initializing" : "idle"), l = D(null), u = D(null), d = $e(), f = d.remainingMs, p = D(null), m = D(!1), h = D(!0), g = D(!1), _ = /* @__PURE__ */ new Set(), v = null, y = null, b = 0, C = 0, w = i(() => Qe(e.fillDelayMs, Je)), T = i(() => Qe(e.fillDelayStepMs, Ye)), E = i(() => typeof e.resolve == "function"), O = i(() => Q(e.pageSize)), k = i(() => we(n.value)), A = i(() => Te(k.value, e.removedIds.value)), j = i(() => r.value), M = i(() => ge(c.value) || m.value), N = i(() => Ve(n.value, e.removedIds.value)), P = i(() => He(n.value, e.removedIds.value)), F = i(() => P.value?.nextCursor ?? null), I = i(() => o.value ? null : N.value?.previousCursor ?? null), R = i(() => !!F.value && P.value?.nextCursorExhausted !== !0), z = i(() => !!I.value), B = i(() => E.value && n.value.length > 0), ee = i(() => Te(we(a.value), e.removedIds.value)), te = i(() => Oe(n.value, e.removedIds.value, j.value)), V = i(() => !A.value.length && !M.value && !!s.value);
-	L(() => A.value.length, (e) => {
+function ct(e) {
+	let t = !!e.initialState?.items.length, n = D([]), r = D(0), a = D([]), o = D(!1), s = D(null), c = D(!t && typeof e.resolve == "function" ? "initializing" : "idle"), l = D(null), u = D(null), d = st(), f = d.remainingMs, p = D(null), m = D(!1), h = D(!0), g = D(!1), _ = D(!1), v = /* @__PURE__ */ new Set(), y = null, b = null, C = 0, w = 0, T = Ve({
+		getSequence: () => w,
+		setSequence: (e) => {
+			w = e;
+		}
+	}), E = i(() => ot(e.fillDelayMs, nt)), O = i(() => ot(e.fillDelayStepMs, rt)), k = i(() => typeof e.resolve == "function"), A = i(() => Z(e.pageSize)), j = i(() => we(n.value)), M = et(() => j.value.length), N = i(() => Te(j.value, e.removedIds.value)), P = i(() => r.value), F = i(() => _e(c.value) || m.value), I = i(() => He(n.value, e.removedIds.value)), R = i(() => Ue(n.value, e.removedIds.value)), z = i(() => R.value?.nextCursor ?? null), ee = i(() => o.value ? null : I.value?.previousCursor ?? null), te = i(() => !!z.value && R.value?.nextCursorExhausted !== !0), B = i(() => !!ee.value), V = i(() => _.value || g.value), H = i(() => k.value && !!R.value?.items.length), U = i(() => Te(we(a.value), e.removedIds.value)), W = i(() => Oe(n.value, e.removedIds.value, P.value)), ne = i(() => !N.value.length && !F.value && !!s.value), G = Ye({
+		autoBuckets: n,
+		clearActiveResolveController(e) {
+			y === e && (y = null);
+		},
+		clearFillDelay: (e) => d.clear(e),
+		createBucket: T,
+		errorMessage: s,
+		fillCollectedCount: l,
+		fillCursor: u,
+		fillTargetCount: p,
+		...M.refs,
+		finishLoadPhase: $,
+		getFillDelayMs: (e) => at(e, E.value, O.value),
+		getHasNextPage: () => te.value,
+		getIsLoading: () => F.value,
+		getIsManualPageLoadingLocked: () => _.value,
+		getLoadedItemCount: () => j.value.length,
+		getNextCursor: () => z.value,
+		getOperationIsCurrent: (e) => e === C,
+		getPageSize: () => A.value,
+		getResolve: () => e.resolve,
+		getTrailingBoundaryBucket: () => R.value,
+		getVisibleItemCount: () => N.value.length,
+		inFlightCursors: v,
+		isAwaitingAppendCommit: m,
+		isFillUntilActive: g,
+		nextOperationId: () => ++C,
+		operationPhase: c,
+		pendingAppendBuckets: a,
+		setActiveResolveController: (e) => {
+			y = e;
+		},
+		setLastLoadAttempt: (e) => {
+			b = e;
+		},
+		waitFillDelay: (e) => d.wait(e)
+	}), K = tt({
+		canRefreshTrailingBoundary: H,
+		hasNextPage: te,
+		isInitialLoading: De,
+		isPageLoadingLocked: V,
+		items: N,
+		loading: F,
+		prefetchNextPage: Y,
+		removedIds: e.removedIds,
+		trailingBoundaryBucket: R
+	}), q = $e({
+		autoBuckets: n,
+		clearActiveResolveController(e) {
+			y === e && (y = null);
+		},
+		clearFillState: Ce,
+		createBucket: T,
+		errorMessage: s,
+		fillCollectedCount: l,
+		fillCursor: u,
+		fillTargetCount: p,
+		finishLoadPhase: $,
+		getActiveOccurrenceKey: pe,
+		getBoundaryBucket: (e) => e === "leading" ? I.value : R.value,
+		getFillDelayMs: (e) => at(e, E.value, O.value),
+		getOperationIsCurrent: (e) => e === C,
+		getPageSize: () => A.value,
+		getResolve: () => e.resolve,
+		getSequence: () => w,
+		inFlightCursors: v,
+		isManualPageLoadingLocked: _,
+		nextOperationId: () => ++C,
+		operationPhase: c,
+		removedIds: e.removedIds,
+		setActiveResolveController: (e) => {
+			y = e;
+		},
+		setSequence: (e) => {
+			w = e;
+		},
+		syncActiveIndexAfterVisibilityChange: me,
+		waitFillDelay: (e) => d.wait(e)
+	});
+	L(() => N.value.length, (e) => {
 		if (e === 0) {
-			r.value = 0;
+			r.value = 0, K.schedule();
 			return;
 		}
-		o.value &&= (ye(), !1), r.value > e - 1 && (r.value = e - 1);
+		K.resetRefreshAttempt(), o.value &&= (Ae(), !1), r.value > e - 1 && (r.value = e - 1);
 	}), L(() => r.value, () => {
-		h.value && ce();
-	}), L(() => F.value, (e) => {
-		e && !A.value.length && c.value === "idle" && ce();
+		h.value && ge();
 	}), S(() => {
-		pe() || e.resolve && H();
+		Ee() || e.resolve && J();
 	}), x(() => {
-		v?.abort(), v = null, d.clear(!0);
+		y?.abort(), y = null, d.clear(!0);
 	});
-	async function H() {
-		y = H;
-		let t = await de({
+	async function J() {
+		b = J;
+		let t = await Se({
 			continueUntilFilled: !0,
 			cursor: e.initialCursor ?? null,
 			direction: "forward",
 			phase: "initializing"
 		});
-		t && (n.value = t.buckets, r.value = 0, Z());
+		t && (n.value = t.buckets, r.value = 0, $());
 	}
-	async function U() {
-		if (g.value || M.value) return;
-		let e = !A.value.length, t = P.value, n = {
+	async function Y() {
+		if (V.value || F.value) return;
+		let e = !N.value.length, t = R.value, n = {
 			commitImmediately: e,
 			originCursor: t?.cursor ?? null
-		}, r = Ue(t);
-		if (he("trailing")) {
-			if (!B.value) return;
-			let e = await X("trailing");
-			e?.followCursor && (e.itemsInserted === 0 || he("trailing")) && await le(e.followCursor, n);
+		}, r = We(t);
+		if (ke("trailing")) {
+			if (!H.value) return;
+			let e = await xe("trailing");
+			e?.followCursor && (e.itemsInserted === 0 || ke("trailing")) && await ve(e.followCursor, n);
 			return;
 		}
 		if (r) {
 			if (t?.cursor === r) {
-				let e = await X("trailing");
-				e?.followCursor && e.itemsInserted === 0 && await le(e.followCursor, n);
+				let e = await xe("trailing");
+				e?.followCursor && e.itemsInserted === 0 && await ve(e.followCursor, n);
 				return;
 			}
-			await le(r, n);
+			await ve(r, n);
 			return;
 		}
-		if (!R.value) {
-			let e = B.value ? await X("trailing") : null;
-			e?.followCursor && e.itemsInserted === 0 && await le(e.followCursor, n);
+		if (!te.value) {
+			let e = H.value ? await xe("trailing") : null;
+			e?.followCursor && e.itemsInserted === 0 && await ve(e.followCursor, n);
 			return;
 		}
-		await le(F.value, n);
+		await ve(z.value, n);
 	}
-	async function W() {
-		if (!(g.value || !z.value || M.value)) {
-			if (he("leading")) {
-				let e = await X("leading");
-				e?.itemsInserted === 0 && e.followCursor && await ue(e.followCursor);
+	async function re() {
+		if (!(V.value || !B.value || F.value)) {
+			if (ke("leading")) {
+				let e = await xe("leading");
+				e?.itemsInserted === 0 && e.followCursor && await be(e.followCursor);
 				return;
 			}
-			await ue(I.value);
+			await be(ee.value);
 		}
 	}
-	async function ne() {
-		if (V.value) {
-			if (n.value = [], r.value = 0, a.value = [], o.value = !1, s.value = null, c.value = E.value ? "initializing" : "idle", l.value = null, u.value = null, p.value = null, m.value = !1, _.clear(), v?.abort(), v = null, d.clear(!0), pe()) {
-				Z();
+	async function ie() {
+		if (ne.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), Ee()) {
+				$();
 				return;
 			}
-			await H();
+			await J();
 		}
 	}
-	async function G() {
-		if (V.value) return ne();
-		g.value || c.value !== "failed" || !y || (s.value = null, await y());
+	async function ae() {
+		if (ne.value) return ie();
+		V.value || c.value !== "failed" || !b || (s.value = null, await b());
 	}
-	async function K() {
-		if (!a.value.length) return m.value = !1, Z();
-		n.value = [...n.value, ...a.value], a.value = [], m.value = !1, Z();
+	async function oe() {
+		if (!a.value.length) return m.value = !1, $();
+		n.value = [...n.value, ...a.value], a.value = [], m.value = !1, $();
 	}
-	function q(t) {
-		let n = A.value;
+	function se(t) {
+		let n = N.value;
 		if (!n.length) return;
-		let i = ve(t, 0, n.length - 1);
+		let i = ye(t, 0, n.length - 1);
 		i !== r.value && (r.value = i, e.emit("update:activeIndex", i));
 	}
-	function re(e) {
-		h.value = e;
+	function ce(e) {
+		h.value = e, K.schedule();
 	}
-	function J() {
-		g.value = !0, d.clear(!0);
+	function le() {
+		_.value = !0, d.clear(!0);
 	}
-	function Y() {
-		g.value = !1;
+	function ue() {
+		_.value = !1, K.schedule();
 	}
-	function ie() {
-		b += 1, v?.abort(), v = null, d.clear(!0), _.clear(), s.value = null, l.value = null, u.value = null, p.value = null, a.value.length > 0 && (n.value = [...n.value, ...a.value], a.value = []), m.value = !1, o.value = !1, Z();
+	function X() {
+		fe(), s.value = null, Ce(), G.cancel(), a.value.length > 0 && (n.value = [...n.value, ...a.value], a.value = []), m.value = !1, o.value = !1, $();
 	}
-	function ae() {
-		return Re(A.value, j.value);
+	function de() {
+		g.value && (fe(), Ce(), G.cancel(), m.value = !1, $());
+	}
+	function fe() {
+		C += 1, y?.abort(), y = null, d.clear(!0), v.clear();
+	}
+	function pe() {
+		return Re(N.value, P.value);
 	}
-	function oe(e = null, t = {}) {
-		if (A.value.length === 0) {
+	function me(e = null, t = {}) {
+		if (N.value.length === 0) {
 			r.value = 0, !t.preserveTrailingPlaceholder && n.value.length > 0 && (o.value = !0);
 			return;
 		}
 		if (e) {
-			let t = A.value.findIndex((t) => $(t) === e);
+			let t = N.value.findIndex((t) => Q(t) === e);
 			if (t >= 0) {
 				r.value = t;
 				return;
 			}
 		}
-		if (t.preserveTrailingPlaceholder && r.value >= A.value.length) {
-			r.value = A.value.length;
+		if (t.preserveTrailingPlaceholder && r.value >= N.value.length) {
+			r.value = N.value.length;
 			return;
 		}
-		r.value = ze(A.value, j.value, e);
+		r.value = ze(N.value, P.value, e);
 	}
-	function se() {
-		a.value.length > 0 && (!ee.value.length || !A.value.length) && K();
+	function he() {
+		a.value.length > 0 && (!U.value.length || !N.value.length) && oe();
 	}
-	async function ce() {
-		if (!(!h.value || me())) {
-			if (!A.value.length) {
-				(R.value || B.value) && await U();
+	async function ge() {
+		if (!(!h.value || De())) {
+			if (!N.value.length) {
+				(te.value || H.value) && await Y();
 				return;
 			}
-			z.value && r.value < 3 && await W(), R.value && r.value >= A.value.length - 3 && await U();
+			B.value && r.value < 3 && await re(), te.value && r.value >= N.value.length - 3 && await Y();
 		}
 	}
-	async function le(e, t = {}) {
-		y = async () => {
-			await le(e, t);
+	async function ve(e, t = {}) {
+		b = async () => {
+			await ve(e, t);
 		};
-		let r = await de({
+		let r = await Se({
 			continueUntilFilled: !0,
 			cursor: e,
 			direction: "forward",
 			phase: "loading"
 		});
 		if (r) {
-			if (!r.visibleCount) return n.value = We(n.value, t.originCursor, e, !0), a.value = [], m.value = !1, Z();
-			if (r.canceled) return n.value = [...n.value, ...r.buckets], a.value = [], m.value = !1, Z();
-			if (a.value = r.buckets, t.commitImmediately || !ee.value.length) return n.value = [...n.value, ...a.value], a.value = [], m.value = !1, Z();
+			if (!r.visibleCount) return n.value = Ge(n.value, t.originCursor, e, !0), a.value = [], m.value = !1, $();
+			if (r.canceled) return n.value = [...n.value, ...r.buckets], a.value = [], m.value = !1, $();
+			if (a.value = r.buckets, t.commitImmediately || !N.value.length || !U.value.length) return n.value = [...n.value, ...a.value], a.value = [], m.value = !1, $();
 			m.value = !0;
 		}
 	}
-	async function ue(e) {
-		y = async () => {
-			await ue(e);
+	async function be(e) {
+		b = async () => {
+			await be(e);
 		};
-		let t = await de({
+		let t = await Se({
 			continueUntilFilled: !0,
 			cursor: e,
 			direction: "backward",
 			phase: "loading"
 		});
 		if (!t) return;
-		let r = ae();
-		n.value = [...t.buckets, ...n.value], oe(r), Z();
-	}
-	async function X(t) {
-		if (y = async () => {
-			await X(t);
-		}, !e.resolve) return null;
-		let r = t === "leading" ? N.value : P.value;
-		if (!r) return null;
-		let i = _e(r.cursor);
-		if (_.has(i)) return null;
-		_.add(i), s.value = null, c.value = "refreshing", l.value = null, u.value = null, p.value = null;
-		let a = ++b, o = typeof AbortController > "u" ? null : new AbortController();
-		v = o;
-		try {
-			let i = await e.resolve({
-				cursor: r.cursor,
-				pageSize: O.value,
-				signal: o?.signal
-			});
-			if (a !== b) return Z(), null;
-			let s = Ke(r, i.nextPage), c = Fe({
-				cursor: r.cursor,
-				nextCursor: s.cursor,
-				nextCursorExhausted: s.exhausted,
-				nextItems: i.items,
-				previousCursor: i.previousPage ?? null,
-				previousItems: r.items,
-				sequence: C
-			});
-			C = c.nextSequence;
-			let l = ae();
-			return n.value = ke(n.value, r.cursor, c.bucket), oe(l), Z(), {
-				followCursor: t === "leading" ? i.previousPage ?? null : i.nextPage,
-				itemsInserted: c.insertedCount
-			};
-		} catch (e) {
-			return Ne(e) || a !== b ? (Z(), null) : (s.value = e instanceof Error ? e.message : "The viewer could not load items.", c.value = "failed", l.value = null, u.value = null, p.value = null, null);
-		} finally {
-			v === o && (v = null), _.delete(i);
-		}
+		let r = pe();
+		n.value = [...t.buckets, ...n.value], me(r), $();
 	}
-	async function de(t) {
-		if (!e.resolve) return null;
-		let n = ++b, r = /* @__PURE__ */ new Set(), i = [], a = t.cursor, o = 0;
-		for (s.value = null, c.value = t.phase, l.value = null, u.value = null, p.value = null;;) {
-			if (n !== b) return Ie(i, t.direction, e.removedIds.value, !0);
-			if (i.length > 0 && g.value) return Ie(i, t.direction, e.removedIds.value, !1);
-			let f = _e(a);
-			if (r.has(f) || _.has(f)) break;
-			r.add(f), _.add(f);
-			let m = typeof AbortController > "u" ? null : new AbortController();
-			v = m;
-			try {
-				let r = await e.resolve({
-					cursor: a,
-					pageSize: O.value,
-					signal: m?.signal
-				});
-				if (n !== b) return Ie(i, t.direction, e.removedIds.value, !0);
-				let s = Ge(t.direction, a, r.nextPage), f = fe({
-					cursor: a,
-					nextCursor: s.cursor,
-					nextCursorExhausted: s.exhausted,
-					nextItems: r.items,
-					previousCursor: r.previousPage ?? null,
-					previousItems: []
-				});
-				i.push(f);
-				let h = i.reduce((t, n) => t + De(n, e.removedIds.value), 0), _ = t.direction === "forward" ? f.nextCursorExhausted ? null : f.nextCursor : f.previousCursor;
-				if (!t.continueUntilFilled || h >= O.value || !_) return u.value = null, {
-					canceled: !1,
-					buckets: t.direction === "backward" ? [...i].reverse() : i,
-					visibleCount: h
-				};
-				if (g.value) return Ie(i, t.direction, e.removedIds.value, !1);
-				c.value = "filling", l.value = h, u.value = _, p.value = O.value, o += 1;
-				let v = Ze(o, w.value, T.value);
-				if (await d.wait(v), n !== b) return Ie(i, t.direction, e.removedIds.value, !0);
-				a = _;
-			} catch (r) {
-				return Ne(r) || n !== b ? Ie(i, t.direction, e.removedIds.value, !0) : (s.value = r instanceof Error ? r.message : "The viewer could not load items.", c.value = "failed", l.value = null, u.value = null, p.value = null, null);
-			} finally {
-				v === m && (v = null), _.delete(f);
-			}
-		}
-		return Ie(i, t.direction, e.removedIds.value, !1);
+	async function xe(e) {
+		return b = async () => {
+			await xe(e);
+		}, q.reloadBoundaryBucket(e);
 	}
-	function fe(e) {
-		let t = Pe({
-			cursor: e.cursor,
-			nextCursor: e.nextCursor,
-			nextCursorExhausted: e.nextCursorExhausted ?? !1,
-			nextItems: e.nextItems,
-			previousCursor: e.previousCursor,
-			previousItems: e.previousItems,
-			sequence: C
-		});
-		return C = t.nextSequence, t.bucket;
+	function Se(e) {
+		return q.collectBuckets(e);
 	}
-	function Z() {
-		c.value = "idle", l.value = null, u.value = null, p.value = null, d.clear();
+	function $() {
+		c.value = "idle", Ce(), d.clear(), K.schedule();
 	}
-	function pe() {
+	function Ce() {
+		l.value = null, u.value = null, p.value = null;
+	}
+	function Ee() {
 		if (!e.initialState || !e.initialState.items.length) return !1;
 		let t = Le({
 			initialState: e.initialState,
 			removedIds: e.removedIds.value,
-			sequence: C
+			sequence: w
 		});
-		return n.value = t.buckets, r.value = t.activeIndex, C = t.nextSequence, o.value = !1, s.value = null, a.value = [], m.value = !1, !0;
+		return n.value = t.buckets, r.value = t.activeIndex, w = t.nextSequence, o.value = !1, s.value = null, a.value = [], m.value = !1, !0;
 	}
-	function me() {
+	function De() {
 		return c.value === "initializing";
 	}
-	function he(t) {
-		return Be(t === "leading" ? N.value : P.value, e.removedIds.value, O.value);
+	function ke(t) {
+		return Be(t === "leading" ? I.value : R.value, e.removedIds.value, A.value);
 	}
-	function ye() {
-		n.value = qe(n.value, e.removedIds.value);
+	function Ae() {
+		n.value = Je(n.value, e.removedIds.value);
 	}
 	return {
-		activeIndex: j,
-		canRetryInitialLoad: V,
-		cancel: ie,
-		canRefreshTrailingBoundary: B,
-		commitPendingAppend: K,
-		currentCursor: te,
+		activeIndex: P,
+		canRetryInitialLoad: ne,
+		cancel: X,
+		cancelFill: de,
+		canRefreshTrailingBoundary: H,
+		commitPendingAppend: oe,
+		currentCursor: W,
 		errorMessage: s,
 		fillCollectedCount: l,
 		fillCursor: u,
 		fillDelayRemainingMs: f,
 		fillTargetCount: p,
-		hasNextPage: R,
-		hasPreviousPage: z,
+		...M.refs,
+		fillUntil: G.fillUntil,
+		fillUntilEnd: G.fillUntilEnd,
+		hasNextPage: te,
+		hasPreviousPage: B,
 		isAutoPrefetchEnabled: h,
-		isPageLoadingLocked: g,
-		items: A,
-		lockPageLoading: J,
-		loading: M,
-		maybePrefetchAround: ce,
-		nextCursor: F,
-		pendingAppendItems: ee,
+		isPageLoadingLocked: V,
+		items: N,
+		lockPageLoading: le,
+		loading: F,
+		maybePrefetchAround: ge,
+		nextCursor: z,
+		pendingAppendItems: U,
 		phase: c,
-		prefetchNextPage: U,
-		prefetchPreviousPage: W,
-		previousCursor: I,
-		retryInitialLoad: ne,
-		retry: G,
-		setActiveIndex: q,
-		setAutoPrefetchEnabled: re,
-		syncActiveIndexAfterVisibilityChange: oe,
-		unlockPageLoading: Y,
-		getActiveOccurrenceKey: ae,
-		maybeCommitPendingAppendWhenFilteredOut: se
+		prefetchNextPage: Y,
+		prefetchPreviousPage: re,
+		previousCursor: ee,
+		retryInitialLoad: ie,
+		retry: ae,
+		setActiveIndex: se,
+		setAutoPrefetchEnabled: ce,
+		syncActiveIndexAfterVisibilityChange: me,
+		unlockPageLoading: ue,
+		getActiveOccurrenceKey: pe,
+		maybeCommitPendingAppendWhenFilteredOut: he
 	};
 }
 //#endregion
 //#region src/components/viewer-core/useDataSource.ts
-function tt(e, t) {
-	let { clearRemoved: n, getRemovedIds: r, remove: a, removedIds: o, restore: s, undo: c } = Se(), l = et({
+function lt(e, t) {
+	let { clearRemoved: n, getRemovedIds: r, remove: a, removedIds: o, restore: s, undo: c } = $(), l = ct({
 		emit: t,
 		fillDelayMs: e.fillDelayMs,
 		fillDelayStepMs: e.fillDelayStepMs,
@@ -871,63 +1154,75 @@ function tt(e, t) {
 		pageSize: e.pageSize,
 		removedIds: o,
 		resolve: e.resolve
-	}), u = l.items, d = l.activeIndex, f = l.loading, p = l.hasNextPage, m = l.hasPreviousPage, h = i(() => o.value.size), g = i(() => e.paginationDetail ?? null), _ = i(() => !l.hasNextPage.value && l.canRefreshTrailingBoundary.value);
-	function v(e) {
+	}), u = l.items, d = l.activeIndex, f = l.loading, p = l.hasNextPage, m = l.hasPreviousPage, h = i(() => o.value.size), g = i(() => e.paginationDetail ?? null), v = i(() => !l.hasNextPage.value && l.canRefreshTrailingBoundary.value);
+	function y(e) {
 		let t = u.value;
-		t.length && l.setActiveIndex(T(e, 0, t.length - 1));
+		t.length && l.setActiveIndex(D(e, 0, t.length - 1));
 	}
-	function y(e) {
+	function b(e) {
 		let t = l.getActiveOccurrenceKey(), n = u.value[d.value] ?? null, r = Array.isArray(e) ? e : [e], i = !!(n && r.includes(n.id) && l.isAutoPrefetchEnabled.value && d.value >= u.value.length - 3), o = !!(n && r.includes(n.id) && l.hasNextPage.value && d.value === u.value.length - 1), s = a(e);
-		return s.ids.length ? (l.maybeCommitPendingAppendWhenFilteredOut(), l.syncActiveIndexAfterVisibilityChange(t, { preserveTrailingPlaceholder: o }), (i || !u.value.length) && l.maybePrefetchAround(), s) : s;
+		return s.ids.length ? (l.maybeCommitPendingAppendWhenFilteredOut(), l.syncActiveIndexAfterVisibilityChange(t, { preserveTrailingPlaceholder: o }), i && x(), s) : s;
 	}
-	function b(e) {
+	function x() {
+		_().then(() => l.maybePrefetchAround());
+	}
+	function S(e) {
 		let t = l.getActiveOccurrenceKey(), n = s(e);
 		return n.ids.length && l.syncActiveIndexAfterVisibilityChange(t), n;
 	}
-	function x() {
+	function C() {
 		let e = l.getActiveOccurrenceKey(), t = c();
 		return t?.ids.length && l.syncActiveIndexAfterVisibilityChange(e), t;
 	}
-	function S() {
+	function w() {
 		let e = l.getActiveOccurrenceKey();
 		n(), l.syncActiveIndexAfterVisibilityChange(e);
 	}
-	function C() {
+	function T() {
 		return [...u.value];
 	}
-	function w(e) {
-		return u.value.find((t) => $(t) === e) ?? null;
+	function E(e) {
+		return u.value.find((t) => Q(t) === e) ?? null;
 	}
-	function T(e, t, n) {
+	function D(e, t, n) {
 		return Math.min(Math.max(e, t), n);
 	}
-	function E() {
+	function O() {
 		l.cancel();
 	}
-	async function D() {
+	async function k() {
 		await l.prefetchNextPage();
 	}
-	async function O() {
+	async function A() {
 		await l.prefetchPreviousPage();
 	}
-	async function k() {
+	async function j() {
 		await l.retry();
 	}
 	return {
 		activeIndex: d,
-		canRefreshExhaustedNextPage: _,
+		canRefreshExhaustedNextPage: v,
 		canRetryInitialLoad: l.canRetryInitialLoad,
-		cancel: E,
-		clearRemoved: S,
+		cancel: O,
+		cancelFill: l.cancelFill,
+		clearRemoved: w,
 		commitPendingAppend: l.commitPendingAppend,
 		currentCursor: l.currentCursor,
 		errorMessage: l.errorMessage,
 		fillCollectedCount: l.fillCollectedCount,
+		fillCompletedCalls: l.fillCompletedCalls,
 		fillCursor: l.fillCursor,
 		fillDelayRemainingMs: l.fillDelayRemainingMs,
+		fillLoadedCount: l.fillLoadedCount,
+		fillMode: l.fillMode,
+		fillProgress: l.fillProgress,
+		fillTargetCalls: l.fillTargetCalls,
 		fillTargetCount: l.fillTargetCount,
-		getItemByOccurrenceKey: w,
-		getItems: C,
+		fillTotalCount: l.fillTotalCount,
+		fillUntil: l.fillUntil,
+		fillUntilEnd: l.fillUntilEnd,
+		getItemByOccurrenceKey: E,
+		getItems: T,
 		getRemovedIds: r,
 		hasNextPage: p,
 		hasPreviousPage: m,
@@ -935,8 +1230,8 @@ function tt(e, t) {
 		items: u,
 		lockPageLoading: l.lockPageLoading,
 		loading: f,
-		loadNext: D,
-		loadPrevious: O,
+		loadNext: k,
+		loadPrevious: A,
 		nextCursor: l.nextCursor,
 		paginationDetail: g,
 		pendingAppendItems: l.pendingAppendItems,
@@ -945,21 +1240,21 @@ function tt(e, t) {
 		prefetchPreviousPage: l.prefetchPreviousPage,
 		previousCursor: l.previousCursor,
 		removedCount: h,
-		remove: y,
-		restore: b,
-		retry: k,
+		remove: b,
+		restore: S,
+		retry: j,
 		retryInitialLoad: l.retryInitialLoad,
-		setActiveIndex: v,
+		setActiveIndex: y,
 		setAutoPrefetchEnabled: l.setAutoPrefetchEnabled,
-		undo: x,
+		undo: C,
 		unlockPageLoading: l.unlockPageLoading
 	};
 }
 //#endregion
 //#region src/components/viewer-core/useController.ts
-var nt = 1024;
-function rt(e, t) {
-	let n = tt(e, t), r = T({
+var ut = 1024;
+function dt(e, t) {
+	let n = lt(e, t), r = T({
 		nextBoundaryLoadProgress: 0,
 		previousBoundaryLoadProgress: 0
 	}), a = D(0), o = D("list"), s = T({
@@ -967,9 +1262,15 @@ function rt(e, t) {
 		currentCursor: null,
 		errorMessage: null,
 		fillCollectedCount: null,
+		fillCompletedCalls: 0,
 		fillCursor: null,
 		fillDelayRemainingMs: null,
+		fillLoadedCount: 0,
+		fillMode: "idle",
+		fillProgress: null,
+		fillTargetCalls: null,
 		fillTargetCount: null,
+		fillTotalCount: null,
 		hasNextPage: !1,
 		hasPreviousPage: !1,
 		itemCount: 0,
@@ -983,7 +1284,7 @@ function rt(e, t) {
 		removedCount: 0,
 		removedIds: [],
 		surfaceMode: "list"
-	}), c = i(() => a.value >= nt), l = i(() => c.value ? o.value : "fullscreen"), u = i(() => c.value && l.value === "fullscreen");
+	}), c = i(() => a.value >= ut), l = i(() => c.value ? o.value : "fullscreen"), u = i(() => c.value && l.value === "fullscreen");
 	L(c, (e) => {
 		e && h();
 	}), L(() => e.surfaceMode, () => {
@@ -1000,7 +1301,7 @@ function rt(e, t) {
 	}), L(l, (e) => {
 		n.setAutoPrefetchEnabled(e === "fullscreen");
 	}, { immediate: !0 }), R(() => {
-		s.activeIndex = n.activeIndex.value, s.currentCursor = n.currentCursor.value, s.errorMessage = n.errorMessage.value, s.fillCollectedCount = n.fillCollectedCount.value, s.fillCursor = n.fillCursor.value, s.fillDelayRemainingMs = n.fillDelayRemainingMs.value, s.fillTargetCount = n.fillTargetCount.value, s.hasNextPage = n.hasNextPage.value, s.hasPreviousPage = n.hasPreviousPage.value, s.itemCount = n.items.value.length, s.loadState = n.loading.value ? "loading" : n.errorMessage.value ? "failed" : "loaded", s.nextBoundaryLoadProgress = r.nextBoundaryLoadProgress, s.nextCursor = n.nextCursor.value, s.pageLoadingLocked = n.isPageLoadingLocked.value, s.phase = n.phase.value, s.previousBoundaryLoadProgress = r.previousBoundaryLoadProgress, s.previousCursor = n.previousCursor.value, s.removedCount = n.removedCount.value, s.removedIds = n.getRemovedIds(), s.surfaceMode = l.value;
+		s.activeIndex = n.activeIndex.value, s.currentCursor = n.currentCursor.value, s.errorMessage = n.errorMessage.value, s.fillCollectedCount = n.fillCollectedCount.value, s.fillCompletedCalls = n.fillCompletedCalls.value, s.fillCursor = n.fillCursor.value, s.fillDelayRemainingMs = n.fillDelayRemainingMs.value, s.fillLoadedCount = n.fillLoadedCount.value, s.fillMode = n.fillMode.value, s.fillProgress = n.fillProgress.value, s.fillTargetCalls = n.fillTargetCalls.value, s.fillTargetCount = n.fillTargetCount.value, s.fillTotalCount = n.fillTotalCount.value, s.hasNextPage = n.hasNextPage.value, s.hasPreviousPage = n.hasPreviousPage.value, s.itemCount = n.items.value.length, s.loadState = n.loading.value ? "loading" : n.errorMessage.value ? "failed" : "loaded", s.nextBoundaryLoadProgress = r.nextBoundaryLoadProgress, s.nextCursor = n.nextCursor.value, s.pageLoadingLocked = n.isPageLoadingLocked.value, s.phase = n.phase.value, s.previousBoundaryLoadProgress = r.previousBoundaryLoadProgress, s.previousCursor = n.previousCursor.value, s.removedCount = n.removedCount.value, s.removedIds = n.getRemovedIds(), s.surfaceMode = l.value;
 	}), S(() => {
 		m(), h(), window.addEventListener("keydown", p), window.addEventListener("resize", m);
 	}), x(() => {
@@ -1013,7 +1314,7 @@ function rt(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" || me(e.target) || (e.preventDefault(), f());
+		e.defaultPrevented || e.key !== "Escape" || !c.value || l.value !== "fullscreen" || he(e.target) || (e.preventDefault(), f());
 	}
 	function m() {
 		a.value = window.innerWidth || 0;
@@ -1022,7 +1323,7 @@ function rt(e, t) {
 		!c.value || !e.surfaceMode || e.surfaceMode === o.value || (o.value = e.surfaceMode);
 	}
 	function g(e) {
-		r.nextBoundaryLoadProgress = it(e.nextBoundaryLoadProgress), r.previousBoundaryLoadProgress = it(e.previousBoundaryLoadProgress);
+		r.nextBoundaryLoadProgress = ft(e.nextBoundaryLoadProgress), r.previousBoundaryLoadProgress = ft(e.previousBoundaryLoadProgress);
 	}
 	return {
 		...n,
@@ -1041,26 +1342,26 @@ function rt(e, t) {
 		unlockPageLoading: n.unlockPageLoading
 	};
 }
-function it(e) {
+function ft(e) {
 	return Math.min(Math.max(e, 0), 1);
 }
 //#endregion
 //#region src/components/FullscreenMediaBar.vue?vue&type=script&setup=true&lang.ts
-var at = {
+var pt = {
 	"data-testid": "vibe-media-bar",
 	class: "absolute inset-x-0 bottom-0 z-[5] bg-[linear-gradient(180deg,transparent,rgba(0,0,0,0.42)_24%,rgba(0,0,0,0.78))] px-[clamp(1rem,2.6vw,2.25rem)] pt-4 pb-[1.15rem]"
-}, ot = { class: "grid grid-cols-[auto_minmax(0,1fr)_auto_auto] items-center gap-3 border-t border-white/12 bg-black/70 px-4 py-3 backdrop-blur-[18px]" }, st = { class: "text-[0.76rem] font-bold uppercase tracking-[0.18em] text-[#f7f1ea]/74" }, ct = { class: "relative h-4 w-full" }, lt = [
+}, mt = { class: "grid grid-cols-[auto_minmax(0,1fr)_auto_auto] items-center gap-3 border-t border-white/12 bg-black/70 px-4 py-3 backdrop-blur-[18px]" }, ht = { class: "text-[0.76rem] font-bold uppercase tracking-[0.18em] text-[#f7f1ea]/74" }, gt = { class: "relative h-4 w-full" }, _t = [
 	"max",
 	"value",
 	"disabled"
-], ut = { class: "text-[0.76rem] font-bold uppercase tracking-[0.18em] text-[#f7f1ea]/74" }, dt = ["data-layout"], ft = {
+], vt = { class: "text-[0.76rem] font-bold uppercase tracking-[0.18em] text-[#f7f1ea]/74" }, yt = ["data-layout"], bt = {
 	key: 0,
 	"data-testid": "vibe-media-volume-popover",
 	class: "absolute bottom-[calc(100%+0.8rem)] right-0 grid justify-items-center gap-3 border border-white/12 bg-black/82 px-3 py-4 shadow-[0_20px_50px_-20px_rgba(0,0,0,0.85)] backdrop-blur-[18px]"
-}, pt = { class: "relative flex h-28 w-4 items-center justify-center" }, mt = ["value"], ht = { class: "flex items-center gap-3" }, gt = ["aria-label"], _t = {
+}, xt = { class: "relative flex h-28 w-4 items-center justify-center" }, St = ["value"], Ct = { class: "flex items-center gap-3" }, wt = ["aria-label"], Tt = {
 	key: 0,
 	class: "relative h-4 w-24"
-}, vt = ["value"], yt = /* @__PURE__ */ d({
+}, Et = ["value"], Dt = /* @__PURE__ */ d({
 	__name: "FullscreenMediaBar",
 	props: {
 		currentTime: {},
@@ -1103,9 +1404,9 @@ var at = {
 		function C(e, t, n) {
 			return Math.min(Math.max(e, t), n);
 		}
-		return (e, t) => (w(), s("div", at, [c("div", ot, [
-			c("span", st, j(n.currentTimeLabel), 1),
-			c("div", ct, [
+		return (e, t) => (w(), s("div", pt, [c("div", mt, [
+			c("span", ht, j(n.currentTimeLabel), 1),
+			c("div", gt, [
 				t[3] ||= c("div", { class: "absolute inset-x-0 top-1/2 h-px -translate-y-1/2 bg-white/12" }, null, -1),
 				c("div", {
 					class: "absolute left-0 top-1/2 h-px -translate-y-1/2 bg-[#f7f1ea]",
@@ -1122,16 +1423,16 @@ var at = {
 					disabled: n.duration <= 0,
 					class: "vibe-media-slider absolute inset-0 z-10 h-4 w-full cursor-pointer bg-transparent disabled:cursor-default disabled:opacity-50",
 					onInput: t[0] ||= (e) => r("seek-input", e)
-				}, null, 40, lt)
+				}, null, 40, _t)
 			]),
-			c("span", ut, j(n.durationLabel), 1),
+			c("span", vt, j(n.durationLabel), 1),
 			c("div", {
 				ref_key: "rootRef",
 				ref: l,
 				"data-testid": "vibe-media-volume",
 				"data-layout": n.volumeControlLayout,
 				class: "relative flex items-center justify-end"
-			}, [d.value && u.value ? (w(), s("div", ft, [c("div", pt, [
+			}, [d.value && u.value ? (w(), s("div", bt, [c("div", xt, [
 				t[4] ||= c("div", { class: "absolute bottom-0 left-1/2 h-full w-px -translate-x-1/2 bg-white/12" }, null, -1),
 				c("div", {
 					class: "absolute bottom-0 left-1/2 w-px -translate-x-1/2 bg-[#f7f1ea]",
@@ -1148,8 +1449,8 @@ var at = {
 					value: f.value,
 					class: "vibe-media-slider absolute left-1/2 top-1/2 h-4 w-28 -translate-x-1/2 -translate-y-1/2 -rotate-90 bg-transparent",
 					onInput: t[1] ||= (e) => r("volume-input", e)
-				}, null, 40, mt)
-			])])) : o("", !0), c("div", ht, [c("button", {
+				}, null, 40, St)
+			])])) : o("", !0), c("div", Ct, [c("button", {
 				type: "button",
 				"data-testid": "vibe-media-volume-button",
 				"aria-label": g.value,
@@ -1158,7 +1459,7 @@ var at = {
 			}, [(w(), a(A(m.value), {
 				class: "h-4 w-4 stroke-[1.9]",
 				"aria-hidden": "true"
-			}))], 8, gt), n.volumeControlLayout === "horizontal" ? (w(), s("div", _t, [
+			}))], 8, wt), n.volumeControlLayout === "horizontal" ? (w(), s("div", Tt, [
 				t[5] ||= c("div", { class: "absolute inset-x-0 top-1/2 h-px -translate-y-1/2 bg-white/12" }, null, -1),
 				c("div", {
 					class: "absolute left-0 top-1/2 h-px -translate-y-1/2 bg-[#f7f1ea]",
@@ -1175,24 +1476,24 @@ var at = {
 					value: f.value,
 					class: "vibe-media-slider absolute inset-0 z-10 h-4 w-full cursor-pointer bg-transparent",
 					onInput: t[2] ||= (e) => r("volume-input", e)
-				}, null, 40, vt)
-			])) : o("", !0)])], 8, dt)
+				}, null, 40, Et)
+			])) : o("", !0)])], 8, yt)
 		])]));
 	}
-}), bt = { class: "pointer-events-none absolute inset-0 z-[3] flex flex-col justify-between p-[clamp(1.25rem,2.6vw,2.25rem)]" }, xt = { class: "grid gap-4" }, St = { class: "flex min-h-11 items-center justify-between gap-4" }, Ct = { class: "min-w-0 flex flex-1 items-center gap-3" }, wt = {
+}), Ot = { class: "pointer-events-none absolute inset-0 z-[3] flex flex-col justify-between p-[clamp(1.25rem,2.6vw,2.25rem)]" }, kt = { class: "grid gap-4" }, At = { class: "flex min-h-11 items-center justify-between gap-4" }, jt = { class: "min-w-0 flex flex-1 items-center gap-3" }, Mt = {
 	key: 1,
 	"data-testid": "vibe-title",
 	class: "m-0 truncate text-left text-[0.82rem] leading-none tracking-[-0.04em] min-[721px]:text-[1.2rem]"
-}, Tt = { class: "pointer-events-auto flex shrink-0 items-center gap-2" }, Et = {
+}, Nt = { class: "pointer-events-auto flex shrink-0 items-center gap-2" }, Pt = {
 	"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]"
-}, Dt = { class: "whitespace-nowrap" }, Ot = {
+}, Ft = { class: "whitespace-nowrap" }, It = {
 	key: 1,
 	class: "whitespace-nowrap border-l border-white/12 pl-2 text-[#f7f1ea]/56 min-[721px]:pl-3"
-}, kt = {
+}, Lt = {
 	key: 0,
 	class: "grid gap-2 max-[720px]:justify-items-start"
-}, At = /* @__PURE__ */ d({
+}, Rt = /* @__PURE__ */ d({
 	__name: "FullscreenHeader",
 	props: {
 		currentIndex: {},
@@ -1206,47 +1507,47 @@ var at = {
 	emits: ["back-to-list"],
 	setup(e, { emit: t }) {
 		let n = e, r = t;
-		return (e, t) => (w(), s("div", bt, [c("div", xt, [c("div", St, [c("div", Ct, [n.showBackToList ? (w(), s("button", {
+		return (e, t) => (w(), s("div", Ot, [c("div", kt, [c("div", At, [c("div", jt, [n.showBackToList ? (w(), s("button", {
 			key: 0,
 			type: "button",
 			"data-testid": "vibe-back-to-list",
 			class: "pointer-events-auto inline-flex h-11 w-11 shrink-0 items-center justify-center border border-white/14 bg-black/40 text-[#f7f1ea]/78 backdrop-blur-[18px] transition hover:border-white/28 hover:bg-black/55",
 			"aria-label": "Back to list",
 			onClick: t[0] ||= (e) => r("back-to-list")
-		}, [u(N(re), {
+		}, [u(N(J), {
 			class: "h-4 w-4 stroke-[2.2]",
 			"aria-hidden": "true"
-		})])) : o("", !0), n.title ? (w(), s("h2", wt, j(n.title), 1)) : o("", !0)]), c("div", Tt, [c("span", Et, [
+		})])) : o("", !0), n.title ? (w(), s("h2", Mt, j(n.title), 1)) : o("", !0)]), c("div", Nt, [c("span", Pt, [
 			n.loading ? (w(), a(N(oe), {
 				key: 0,
 				"data-testid": "vibe-pagination-spinner",
 				class: "h-3.5 w-3.5 animate-spin stroke-[1.9]",
 				"aria-hidden": "true"
 			})) : o("", !0),
-			c("span", Dt, j(n.currentIndex + 1) + " / " + j(n.total), 1),
-			n.paginationDetail ? (w(), s("span", Ot, j(n.paginationDetail), 1)) : o("", !0)
-		]), k(e.$slots, "actions")])])]), n.showEndBadge ? (w(), s("div", kt, [...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)]));
+			c("span", Ft, j(n.currentIndex + 1) + " / " + j(n.total), 1),
+			n.paginationDetail ? (w(), s("span", It, j(n.paginationDetail), 1)) : o("", !0)
+		]), k(e.$slots, "actions")])])]), n.showEndBadge ? (w(), s("div", Lt, [...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)]));
 	}
-}), jt = {
+}), zt = {
 	image: ae,
-	video: Y,
-	audio: J,
+	video: re,
+	audio: Y,
 	other: ie
-}, Mt = {
+}, Bt = {
 	image: "Image",
 	video: "Video",
 	audio: "Audio",
 	other: "File"
 };
-function Nt(e) {
-	return jt[e];
+function Vt(e) {
+	return zt[e];
 }
-function Pt(e) {
-	return Mt[e];
+function Ht(e) {
+	return Bt[e];
 }
 //#endregion
 //#region src/components/viewer-core/useAssetLoadQueue.ts
-function Ft() {
+function Ut() {
 	let e = /* @__PURE__ */ new Map(), t = /* @__PURE__ */ new Map(), n = 0;
 	function r(r) {
 		let a = {
@@ -1269,7 +1570,7 @@ function Ft() {
 	function i() {
 		if (t.size === 0) return;
 		let n = [...t.values()].sort((e, t) => {
-			let n = Lt(e) - Lt(t);
+			let n = Gt(e) - Gt(t);
 			return n === 0 ? e.enqueuedAt - t.enqueuedAt : n;
 		});
 		for (let r of n) {
@@ -1283,8 +1584,8 @@ function Ft() {
 	}
 	return { request: r };
 }
-var It = Ft();
-function Lt(e) {
+var Wt = Ut();
+function Gt(e) {
 	try {
 		let t = e.getPriority();
 		return Number.isFinite(t) ? t : Infinity;
@@ -1294,19 +1595,19 @@ function Lt(e) {
 }
 //#endregion
 //#region src/components/viewer-core/useFullscreenPreloadController.ts
-var Rt = [
+var Kt = [
 	0,
 	1,
 	2,
 	3
-], zt = {
+], qt = {
 	0: 0,
 	1: 1,
 	2: 2,
 	3: 3
 };
-function Bt(e) {
-	let t = D({}), n = Ft(), r = /* @__PURE__ */ new Map(), i = /* @__PURE__ */ new Map(), a = /* @__PURE__ */ new Map(), o = /* @__PURE__ */ new Set();
+function Jt(e) {
+	let t = D({}), n = Ut(), r = /* @__PURE__ */ new Map(), i = /* @__PURE__ */ new Map(), a = /* @__PURE__ */ new Map(), o = /* @__PURE__ */ new Set();
 	L([
 		e.active,
 		e.items,
@@ -1327,14 +1628,14 @@ function Bt(e) {
 	}
 	function l(e, t) {
 		if (t instanceof HTMLImageElement) {
-			i.set(e, t), Ht(t) && d(e);
+			i.set(e, t), Xt(t) && d(e);
 			return;
 		}
 		i.delete(e);
 	}
 	function u(e, t) {
 		if (t instanceof HTMLMediaElement) {
-			a.set(e, t), Ut(t) && d(e);
+			a.set(e, t), Zt(t) && d(e);
 			return;
 		}
 		a.delete(e);
@@ -1375,7 +1676,7 @@ function Bt(e) {
 					assetType: s.item.type === "image" ? "image" : "video",
 					getPriority: () => g(o.index),
 					onGrant: () => {
-						y(s.key, !0), (e.isAssetReady(s.key, s.item) || Vt(s.key, i, a)) && d(s.key);
+						y(s.key, !0), (e.isAssetReady(s.key, s.item) || Yt(s.key, i, a)) && d(s.key);
 					},
 					url: s.item.url
 				})
@@ -1386,14 +1687,14 @@ function Bt(e) {
 	}
 	function h() {
 		let t = e.resolvedActiveIndex.value;
-		return Rt.map((e) => _(t + e)).filter((e) => !!e);
+		return Kt.map((e) => _(t + e)).filter((e) => !!e);
 	}
 	function g(t) {
-		return e.active.value ? zt[t - e.resolvedActiveIndex.value] ?? Infinity : Infinity;
+		return e.active.value ? qt[t - e.resolvedActiveIndex.value] ?? Infinity : Infinity;
 	}
 	function _(t) {
 		let n = e.items.value[t];
-		return !n || !Wt(n) ? null : {
+		return !n || !Qt(n) ? null : {
 			index: t,
 			item: n,
 			key: e.getItemKey(n)
@@ -1442,26 +1743,26 @@ function Bt(e) {
 		shouldAttachSlideAsset: s
 	};
 }
-function Vt(e, t, n) {
+function Yt(e, t, n) {
 	let r = t.get(e);
-	if (r) return Ht(r);
+	if (r) return Xt(r);
 	let i = n.get(e);
-	return i ? Ut(i) : !1;
+	return i ? Zt(i) : !1;
 }
-function Ht(e) {
+function Xt(e) {
 	return e.complete && !!(e.currentSrc || e.getAttribute("src"));
 }
-function Ut(e) {
+function Zt(e) {
 	let t = typeof HTMLMediaElement > "u" ? 1 : HTMLMediaElement.HAVE_METADATA;
 	return e.readyState >= t;
 }
-function Wt(e) {
+function Qt(e) {
 	return e.type === "image" || e.type === "video" || e.type === "audio";
 }
 //#endregion
 //#region src/components/viewer-core/useFullscreenSurfaceMedia.ts
-function Gt(e) {
-	let t = Bt({
+function $t(e) {
+	let t = Jt({
 		active: e.active,
 		getItemKey: r,
 		isAssetReady: m,
@@ -1471,10 +1772,10 @@ function Gt(e) {
 	});
 	function n(e, t) {
 		let n = t.title?.trim();
-		return n ? `${e} ${n}` : `${e} ${Pt(t.type).toLowerCase()}`;
+		return n ? `${e} ${n}` : `${e} ${Ht(t.type).toLowerCase()}`;
 	}
 	function r(e) {
-		return $(e);
+		return Q(e);
 	}
 	function i(e) {
 		return t.shouldAttachSlideAsset(e);
@@ -1534,11 +1835,11 @@ function Gt(e) {
 }
 //#endregion
 //#region src/components/viewer-core/slotContent.ts
-function Kt(e) {
+function en(e) {
 	if (!Array.isArray(e)) return !1;
 	for (let t of e) {
 		if (Array.isArray(t)) {
-			if (Kt(t)) return !0;
+			if (en(t)) return !0;
 			continue;
 		}
 		if (!h(t)) {
@@ -1549,20 +1850,20 @@ function Kt(e) {
 			if (t != null && t !== !1) return !0;
 			continue;
 		}
-		if (!qt(t)) return !0;
+		if (!tn(t)) return !0;
 	}
 	return !1;
 }
-function qt(r) {
-	return r.type === e ? !0 : r.type === n ? typeof r.children == "string" ? r.children.trim().length === 0 : !0 : r.type === t ? !Kt(r.children) : !1;
+function tn(r) {
+	return r.type === e ? !0 : r.type === n ? typeof r.children == "string" ? r.children.trim().length === 0 : !0 : r.type === t ? !en(r.children) : !1;
 }
 //#endregion
 //#region src/components/viewer-core/useSurfaceEmptyState.ts
-var Jt = "no items available";
-function Yt(e) {
+var nn = "no items available";
+function rn(e) {
 	let t = i(() => e.loading.value || e.itemCount.value > 0 || e.emptyStateMode.value === "hidden" ? null : {
 		loading: !!e.loading.value,
-		message: Jt,
+		message: nn,
 		mode: e.emptyStateMode.value === "badge" ? "badge" : "inline",
 		surface: e.surface,
 		total: e.itemCount.value
@@ -1570,23 +1871,23 @@ function Yt(e) {
 	return {
 		emptyStateProps: t,
 		showBadgeEmptyState: i(() => t.value?.mode === "badge"),
-		showCustomEmptyState: i(() => Kt(n.value)),
+		showCustomEmptyState: i(() => en(n.value)),
 		showInlineEmptyState: i(() => t.value?.mode === "inline")
 	};
 }
 //#endregion
 //#region src/components/viewer-core/format.ts
-function Xt(e) {
+function an(e) {
 	if (!Number.isFinite(e) || e <= 0) return "0:00";
 	let t = Math.floor(e), n = Math.floor(t / 3600), r = Math.floor(t % 3600 / 60), i = t % 60;
 	return n > 0 ? `${n}:${String(r).padStart(2, "0")}:${String(i).padStart(2, "0")}` : `${r}:${String(i).padStart(2, "0")}`;
 }
 //#endregion
 //#region src/components/viewer-core/surfaceStatus.ts
-function Zt(e) {
+function on(e) {
 	return e.phase ? e.phase : e.loading ? e.itemCount > 0 ? "loading" : "initializing" : "idle";
 }
-function Qt(e) {
+function sn(e) {
 	return e.phase === "failed" ? {
 		kind: "failed",
 		message: e.errorMessage ?? (e.hasItems ? "The viewer could not load more items." : "The viewer could not load items.")
@@ -1609,7 +1910,7 @@ function Qt(e) {
 }
 //#endregion
 //#region src/components/viewer-core/useActivation.ts
-function $t(e) {
+function cn(e) {
 	let t = !1;
 	L(e.enabled, async (t) => {
 		if (n(t), t) {
@@ -1632,7 +1933,7 @@ function $t(e) {
 }
 //#endregion
 //#region src/components/viewer-core/assetState.ts
-var en = {
+var ln = {
 	currentTime: 0,
 	duration: 0,
 	errorKind: null,
@@ -1641,38 +1942,38 @@ var en = {
 	ready: !1,
 	volume: 1
 };
-function tn() {
-	return { ...en };
+function un() {
+	return { ...ln };
 }
-function nn(e) {
+function dn(e) {
 	return e.complete && !!(e.currentSrc || e.getAttribute("src"));
 }
-function rn(e, t, n) {
-	e.currentTime = Number.isFinite(t.currentTime) ? t.currentTime : 0, e.duration = Number.isFinite(t.duration) ? t.duration : 0, e.muted = t.muted, e.paused = t.paused, e.volume = Number.isFinite(t.volume) ? t.volume : e.volume, n && n !== "error" && (e.errorKind = null), e.ready = an(t, n);
+function fn(e, t, n) {
+	e.currentTime = Number.isFinite(t.currentTime) ? t.currentTime : 0, e.duration = Number.isFinite(t.duration) ? t.duration : 0, e.muted = t.muted, e.paused = t.paused, e.volume = Number.isFinite(t.volume) ? t.volume : e.volume, n && n !== "error" && (e.errorKind = null), e.ready = pn(t, n);
 }
-function an(e, t) {
+function pn(e, t) {
 	return t === "error" || t === "loadstart" || t === "waiting" || t === "stalled" ? !1 : t === "canplay" || t === "canplaythrough" || t === "playing" ? !0 : e.readyState >= HTMLMediaElement.HAVE_CURRENT_DATA;
 }
 //#endregion
 //#region src/components/viewer-core/loadError.ts
-var on = /* @__PURE__ */ new Map();
-function sn(e) {
+var mn = /* @__PURE__ */ new Map();
+function hn(e) {
 	return e === "not-found" ? "404" : "Load error";
 }
-function cn(e) {
+function gn(e) {
 	return e === "generic";
 }
-function ln(e) {
-	return un(e).then((e) => e ?? "generic");
+function _n(e) {
+	return vn(e).then((e) => e ?? "generic");
 }
-function un(e) {
-	let t = on.get(e);
+function vn(e) {
+	let t = mn.get(e);
 	if (t) return t;
-	let n = dn(e);
-	return on.set(e, n), n;
+	let n = yn(e);
+	return mn.set(e, n), n;
 }
-async function dn(e) {
-	if (!fn(e)) return null;
+async function yn(e) {
+	if (!bn(e)) return null;
 	try {
 		let t = await fetch(e, { method: "HEAD" });
 		return t.ok ? null : t.status === 404 ? "not-found" : "generic";
@@ -1680,12 +1981,12 @@ async function dn(e) {
 		return "generic";
 	}
 }
-function fn(e) {
+function bn(e) {
 	return /^(https?:\/\/|\/)/i.test(e);
 }
 //#endregion
 //#region src/components/viewer-core/mediaPlayback.ts
-function pn(e) {
+function xn(e) {
 	try {
 		let t = e.play();
 		t && typeof t.catch == "function" && t.catch(() => {});
@@ -1693,12 +1994,12 @@ function pn(e) {
 }
 //#endregion
 //#region src/components/viewer-core/useMedia.ts
-function mn(e) {
-	let t = D({}), n = D({}), r = D({}), a = D({}), o = D({}), s = /* @__PURE__ */ new Map(), c = /* @__PURE__ */ new Map(), l = /* @__PURE__ */ new Set(), u = i(() => e.activeItem.value ? $(e.activeItem.value) : null), d = i(() => e.activeMediaItem.value ? $(e.activeMediaItem.value) : null), f = i(() => {
+function Sn(e) {
+	let t = D({}), n = D({}), r = D({}), a = D({}), o = D({}), s = /* @__PURE__ */ new Map(), c = /* @__PURE__ */ new Map(), l = /* @__PURE__ */ new Set(), u = i(() => e.activeItem.value ? Q(e.activeItem.value) : null), d = i(() => e.activeMediaItem.value ? Q(e.activeMediaItem.value) : null), f = i(() => {
 		let t = /* @__PURE__ */ new Map();
-		for (let n of e.items.value) t.set($(n), n);
+		for (let n of e.items.value) t.set(Q(n), n);
 		return t;
-	}), p = i(() => d.value ? r.value[d.value] ?? en : en), m = i(() => d.value ? p.value.duration : 0), h = i(() => m.value <= 0 ? 0 : hn(p.value.currentTime / m.value * 100, 0, 100)), g = i(() => u.value ? R(u.value) : null);
+	}), p = i(() => d.value ? r.value[d.value] ?? ln : ln), m = i(() => d.value ? p.value.duration : 0), h = i(() => m.value <= 0 ? 0 : Cn(p.value.currentTime / m.value * 100, 0, 100)), g = i(() => u.value ? R(u.value) : null);
 	L(() => u.value, async () => {
 		await C();
 	}), L(() => e.itemCount.value, async () => {
@@ -1721,7 +2022,7 @@ function mn(e) {
 		c.delete(e);
 	}
 	function b(e, r) {
-		r instanceof HTMLImageElement && nn(r) && (t.value[e] = !0, n.value[e] = null, J(e, r.currentSrc || r.src || ie(e)));
+		r instanceof HTMLImageElement && dn(r) && (t.value[e] = !0, n.value[e] = null, Y(e, r.currentSrc || r.src || ie(e)));
 	}
 	function x() {
 		H(), a.value = {}, n.value = {}, t.value = {}, o.value = {}, r.value = {}, l.clear();
@@ -1743,14 +2044,14 @@ function mn(e) {
 				V(i, n);
 				continue;
 			}
-			i.muted = !1, i.loop = e.loopFullscreenVideo.value, i.playsInline = !0, pn(i), W(n, i);
+			i.muted = !1, i.loop = e.loopFullscreenVideo.value, i.playsInline = !0, xn(i), W(n, i);
 		}
 		for (let [e, n] of c.entries()) {
 			if (e !== t || r.value[e]?.errorKind) {
 				V(n, e);
 				continue;
 			}
-			pn(n), W(e, n);
+			xn(n), W(e, n);
 		}
 	}
 	function w(e, t) {
@@ -1759,16 +2060,16 @@ function mn(e) {
 			let i = r.value[e]?.ready ?? !1;
 			W(e, n, t.type);
 			let a = r.value[e]?.ready ?? !1;
-			!i && a && J(e, n.currentSrc || n.src || ie(e));
+			!i && a && Y(e, n.currentSrc || n.src || ie(e));
 		}
 	}
 	function T(e, r) {
-		t.value[e] = !0, n.value[e] = null, J(e, r);
+		t.value[e] = !0, n.value[e] = null, Y(e, r);
 	}
 	async function E(r, i) {
-		let a = Y(r) ?? e.activeItem.value;
+		let a = re(r) ?? e.activeItem.value;
 		t.value[r] = !1, n.value[r] = "generic";
-		let o = await ln(i);
+		let o = await _n(i);
 		n.value[r] = o, a && e.onAssetError?.({
 			item: a,
 			occurrenceKey: r,
@@ -1778,7 +2079,7 @@ function mn(e) {
 		});
 	}
 	async function O(t, n) {
-		let r = K(t), i = U(t), a = Y(t) ?? e.activeMediaItem.value ?? e.activeItem.value;
+		let r = K(t), i = U(t), a = re(t) ?? e.activeMediaItem.value ?? e.activeItem.value;
 		if (r) {
 			r.pause();
 			try {
@@ -1786,7 +2087,7 @@ function mn(e) {
 			} catch {}
 		}
 		i.currentTime = 0, i.duration = 0, i.paused = !0, i.ready = !1, i.errorKind = "generic";
-		let o = await ln(n);
+		let o = await _n(n);
 		i.errorKind = o, a && e.onAssetError?.({
 			item: a,
 			occurrenceKey: t,
@@ -1796,23 +2097,23 @@ function mn(e) {
 		});
 	}
 	function k(e, t, n) {
-		e.button !== 0 || Date.now() < n || re(s.get(t) ?? null);
+		e.button !== 0 || Date.now() < n || J(s.get(t) ?? null);
 	}
 	function A(e, t, n) {
-		e.button !== 0 || Date.now() < n || re(K(t));
+		e.button !== 0 || Date.now() < n || J(K(t));
 	}
 	function j(e) {
 		let t = q(), n = d.value;
 		if (!t || !n || !(e.target instanceof HTMLInputElement)) return;
 		let r = Number.parseFloat(e.target.value);
 		if (!Number.isFinite(r)) return;
-		let i = hn(r, 0, m.value || 0);
+		let i = Cn(r, 0, m.value || 0);
 		ne(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 = hn(Number.parseFloat(e.target.value), 0, 1);
+		let r = Cn(Number.parseFloat(e.target.value), 0, 1);
 		t.volume = r, t.muted = r <= 0, r > 0 && (o.value[n] = r), W(n, t);
 	}
 	function N() {
@@ -1833,16 +2134,16 @@ function mn(e) {
 	}
 	function z(e) {
 		let t = R(e);
-		return t ? sn(t) : null;
-	}
-	function B(e) {
-		return cn(R(e));
+		return t ? hn(t) : null;
 	}
 	function ee(e) {
+		return gn(R(e));
+	}
+	function te(e) {
 		return `${e}:${a.value[e] ?? 0}`;
 	}
-	async function te(e) {
-		if (!B(e)) return;
+	async function B(e) {
+		if (!ee(e)) return;
 		t.value[e] = !1, n.value[e] = null;
 		let r = U(e);
 		r.currentTime = 0, r.duration = 0, r.paused = !0, r.ready = !1, r.errorKind = null;
@@ -1863,17 +2164,17 @@ function mn(e) {
 		for (let [e, t] of c.entries()) V(t, e);
 	}
 	function U(e) {
-		return r.value[e] || (r.value[e] = tn()), r.value[e];
+		return r.value[e] || (r.value[e] = un()), r.value[e];
 	}
 	function W(e, t, n) {
-		rn(U(e), t, n), !t.muted && t.volume > 0 && (o.value[e] = t.volume);
+		fn(U(e), t, n), !t.muted && t.volume > 0 && (o.value[e] = t.volume);
 	}
 	function ne(e, t, n) {
 		let r = U(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 G(e) {
-		return hn(o.value[e] ?? 1, 0, 1);
+		return Cn(o.value[e] ?? 1, 0, 1);
 	}
 	function K(e) {
 		return s.get(e) ?? c.get(e) ?? null;
@@ -1881,17 +2182,17 @@ function mn(e) {
 	function q() {
 		return d.value ? K(d.value) : null;
 	}
-	function re(e) {
+	function J(e) {
 		if (e) {
 			if (e.paused) {
-				pn(e);
+				xn(e);
 				return;
 			}
 			e.pause();
 		}
 	}
-	function J(t, n) {
-		let r = Y(t) ?? e.activeMediaItem.value ?? e.activeItem.value;
+	function Y(t, n) {
+		let r = re(t) ?? e.activeMediaItem.value ?? e.activeItem.value;
 		if (!r || !n) return;
 		let i = `${t}|${n}`;
 		l.has(i) || (l.add(i), e.onAssetLoad?.({
@@ -1901,11 +2202,11 @@ function mn(e) {
 			url: n
 		}));
 	}
-	function Y(e) {
+	function re(e) {
 		return f.value.get(e) ?? null;
 	}
 	function ie(e) {
-		return Y(e)?.url ?? null;
+		return re(e)?.url ?? null;
 	}
 	return {
 		activeAssetErrorKind: g,
@@ -1914,11 +2215,11 @@ function mn(e) {
 		activeMediaState: p,
 		getAssetErrorKind: R,
 		getAssetErrorLabel: z,
-		getAssetRenderKey: ee,
+		getAssetRenderKey: te,
 		getImageSource: I,
 		isImageReady: P,
 		isMediaReady: F,
-		canRetryAsset: B,
+		canRetryAsset: ee,
 		mediaStates: r,
 		onAudioCoverClick: A,
 		onImageError: E,
@@ -1934,20 +2235,20 @@ function mn(e) {
 		registerVideoElement: v,
 		resetAssetState: S,
 		resetMediaState: x,
-		retryAsset: te,
+		retryAsset: B,
 		syncMediaPlayback: C
 	};
 }
-function hn(e, t, n) {
+function Cn(e, t, n) {
 	return Math.min(Math.max(e, t), n);
 }
 //#endregion
 //#region src/components/viewer-core/virtualization.ts
-var gn = {
+var wn = {
 	backward: 1,
 	forward: 3
 };
-function _n(e, t, n = gn) {
+function Tn(e, t, n = wn) {
 	return t <= 0 ? {
 		start: 0,
 		end: -1
@@ -1956,14 +2257,14 @@ function _n(e, t, n = gn) {
 		end: Math.min(t - 1, e + n.forward)
 	};
 }
-function vn(e, t, n = gn) {
-	let r = _n(t, e.length, n);
+function En(e, t, n = wn) {
+	let r = Tn(t, e.length, n);
 	return r.end < r.start ? [] : e.slice(r.start, r.end + 1).map((e, t) => ({
 		item: e,
 		index: r.start + t
 	}));
 }
-function yn(e, t, n, r, i) {
+function Dn(e, t, n, r, i) {
 	return {
 		transform: `translate3d(0, ${(e - t) * n + r}px, 0)`,
 		transition: i ? "none" : "transform 320ms cubic-bezier(0.22, 1, 0.36, 1)"
@@ -1971,12 +2272,12 @@ function yn(e, t, n, r, i) {
 }
 //#endregion
 //#region src/components/viewer-core/useViewer.ts
-function bn(e, t, n = {}) {
-	let r = i(() => e.items), a = i(() => e.activeIndex ?? 0), o = i(() => e.errorMessage ?? null), s = i(() => e.loading ?? !1), c = i(() => e.hasNextPage ?? !1), l = i(() => e.loopFullscreenVideo ?? !0), u = i(() => e.paginationDetail ?? null), d = i(() => Zt({
+function On(e, t, n = {}) {
+	let r = i(() => e.items), a = i(() => e.activeIndex ?? 0), o = i(() => e.errorMessage ?? null), s = i(() => e.loading ?? !1), c = i(() => e.hasNextPage ?? !1), l = i(() => e.loopFullscreenVideo ?? !0), u = i(() => e.paginationDetail ?? null), d = i(() => on({
 		itemCount: r.value.length,
 		loading: s.value,
 		phase: e.phase
-	})), f = i(() => !1), p = D(null), m = D(0), h = D(!1), g = D(1), _ = n.enabled ?? i(() => !0), v = null, y = 0, b = 0, x = 0, S = i(() => r.value.length === 0 ? 0 : P(a.value, 0, r.value.length - 1)), C = i(() => r.value[S.value] ?? null), w = i(() => C.value?.type === "audio" || C.value?.type === "video" ? C.value : null), T = mn({
+	})), f = i(() => !1), p = D(null), m = D(0), h = D(!1), g = D(1), _ = n.enabled ?? i(() => !0), v = null, y = 0, b = 0, x = 0, S = i(() => r.value.length === 0 ? 0 : P(a.value, 0, r.value.length - 1)), C = i(() => r.value[S.value] ?? null), w = i(() => C.value?.type === "audio" || C.value?.type === "video" ? C.value : null), T = Sn({
 		items: r,
 		activeItem: C,
 		activeMediaItem: w,
@@ -1985,14 +2286,14 @@ function bn(e, t, n = {}) {
 		loopFullscreenVideo: l,
 		onAssetError: n.onAssetError,
 		onAssetLoad: n.onAssetLoad
-	}), E = i(() => r.value.length > 0 && S.value === r.value.length - 1), O = i(() => Qt({
+	}), E = i(() => r.value.length > 0 && S.value === r.value.length - 1), O = i(() => sn({
 		errorMessage: o.value,
 		hasItems: r.value.length > 0,
 		hasNextPage: c.value,
 		phase: d.value,
 		surface: "fullscreen"
-	})), k = i(() => O.value?.kind ?? null), A = i(() => O.value?.message ?? null), j = i(() => Math.min(96, g.value * .15 || 96)), M = i(() => _n(S.value, r.value.length)), N = i(() => vn(r.value, S.value));
-	$t({
+	})), k = i(() => O.value?.kind ?? null), A = i(() => O.value?.message ?? null), j = i(() => Math.min(96, g.value * .15 || 96)), M = i(() => Tn(S.value, r.value.length)), N = i(() => En(r.value, S.value));
+	cn({
 		enabled: _,
 		onDisable() {
 			H(), T.resetMediaState();
@@ -2022,15 +2323,15 @@ function bn(e, t, n = {}) {
 		return t && !I(-1) || n && !I(1) ? e * .24 : e;
 	}
 	function z(e) {
-		!_.value || r.value.length === 0 || e.pointerType === "mouse" || he(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" || ge(e.target) || (v = e.pointerId, y = e.clientY, m.value = 0, h.value = !0, p.value?.setPointerCapture?.(e.pointerId));
 	}
-	function B(e) {
+	function ee(e) {
 		!_.value || !h.value || v !== e.pointerId || (m.value = R(e.clientY - y));
 	}
-	function ee(e) {
+	function te(e) {
 		!_.value || v !== e.pointerId || (p.value?.releasePointerCapture?.(e.pointerId), V());
 	}
-	function te(e) {
+	function B(e) {
 		!_.value || v !== e.pointerId || (p.value?.releasePointerCapture?.(e.pointerId), H());
 	}
 	function V() {
@@ -2040,13 +2341,13 @@ function bn(e, t, n = {}) {
 		m.value = 0, h.value = !1, v = null;
 	}
 	function U(e) {
-		if (!_.value || r.value.length === 0 || h.value || he(e.target) || Math.abs(e.deltaY) < Math.max(Math.abs(e.deltaX), 24)) return;
+		if (!_.value || r.value.length === 0 || h.value || ge(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 || me(e.target) || ((e.key === "ArrowDown" || e.key === "PageDown") && (e.preventDefault(), L(1)), (e.key === "ArrowUp" || e.key === "PageUp") && (e.preventDefault(), L(-1)));
+		!_.value || r.value.length === 0 || he(e.target) || ((e.key === "ArrowDown" || e.key === "PageDown") && (e.preventDefault(), L(1)), (e.key === "ArrowUp" || e.key === "PageUp") && (e.preventDefault(), L(-1)));
 	}
 	function ne(e, t) {
 		T.onVideoClick(e, t, x);
@@ -2060,17 +2361,17 @@ function bn(e, t, n = {}) {
 	function q(e) {
 		T.onMediaVolumeInput(e);
 	}
-	function re() {
+	function J() {
 		T.onMediaVolumeToggle();
 	}
-	function J(e) {
+	function Y(e) {
 		return e.type === "image" || e.type === "video";
 	}
-	function Y(e) {
+	function re(e) {
 		return e.type === "audio";
 	}
 	function ie(e) {
-		return yn(e, S.value, g.value, m.value, h.value);
+		return Dn(e, S.value, g.value, m.value, h.value);
 	}
 	return {
 		activeItem: C,
@@ -2085,13 +2386,13 @@ function bn(e, t, n = {}) {
 		getAssetErrorKind: T.getAssetErrorKind,
 		getAssetErrorLabel: T.getAssetErrorLabel,
 		getAssetRenderKey: T.getAssetRenderKey,
-		formatPlaybackTime: Xt,
+		formatPlaybackTime: an,
 		getImageSource: T.getImageSource,
 		getSlideStyle: ie,
 		hasNextPage: c,
 		isAtEnd: E,
-		isAudio: Y,
-		isVisual: J,
+		isAudio: re,
+		isVisual: Y,
 		items: r,
 		loading: s,
 		mediaStates: T.mediaStates,
@@ -2104,11 +2405,11 @@ function bn(e, t, n = {}) {
 		onMediaError: T.onMediaError,
 		onMediaSeekInput: K,
 		onMediaVolumeInput: q,
-		onMediaVolumeToggle: re,
-		onPointerCancel: te,
+		onMediaVolumeToggle: J,
+		onPointerCancel: B,
 		onPointerDown: z,
-		onPointerMove: B,
-		onPointerUp: ee,
+		onPointerMove: ee,
+		onPointerUp: te,
 		onVideoClick: ne,
 		onWheel: U,
 		registerAudioElement: T.registerAudioElement,
@@ -2129,21 +2430,21 @@ function bn(e, t, n = {}) {
 }
 //#endregion
 //#region src/components/viewer-core/theme.ts
-var xn = "bg-[linear-gradient(180deg,#0a0b10,#05060a)]", Sn = "bg-[linear-gradient(180deg,#0b0c11,#06070b)]", Cn = {
+var kn = "bg-[linear-gradient(180deg,#0a0b10,#05060a)]", An = "bg-[linear-gradient(180deg,#0b0c11,#06070b)]", jn = {
 	image: !0,
 	video: !0,
 	audio: !0,
 	other: !0
 };
-function wn(e) {
-	return Cn[e], xn;
+function Mn(e) {
+	return jn[e], kn;
 }
-function Tn(e) {
-	return Cn[e], Sn;
+function Nn(e) {
+	return jn[e], An;
 }
 //#endregion
 //#region src/components/viewer-core/useFullscreenAssetEvents.ts
-function En(e) {
+function Pn(e) {
 	function t(t, n) {
 		return e.fullscreenMedia.shouldHandleSlideAssetEvent(t, n) ? e.fullscreenMedia.getItemKey(n) : null;
 	}
@@ -2176,7 +2477,7 @@ function En(e) {
 }
 //#endregion
 //#region src/components/viewer-core/dominantImageTone.ts
-function Dn(e) {
+function Fn(e) {
 	if (e.naturalWidth <= 0 || e.naturalHeight <= 0) return null;
 	let t = document.createElement("canvas"), n = t.getContext("2d", { willReadFrequently: !0 });
 	if (!n) return null;
@@ -2191,20 +2492,20 @@ function Dn(e) {
 			r += d, i += s * d, a += c * d, o += l * d;
 		}
 		return r <= 0 ? null : {
-			r: On(Math.round(i / r)),
-			g: On(Math.round(a / r)),
-			b: On(Math.round(o / r))
+			r: In(Math.round(i / r)),
+			g: In(Math.round(a / r)),
+			b: In(Math.round(o / r))
 		};
 	} catch {
 		return null;
 	}
 }
-function On(e) {
+function In(e) {
 	return Math.min(235, Math.max(26, e));
 }
 //#endregion
 //#region src/components/viewer-core/useFullscreenDominantTone.ts
-function kn(e) {
+function Ln(e) {
 	let t = D({}), n = i(() => e.activeItem.value ? e.getItemKey(e.activeItem.value) : null), r = i(() => !e.showDominantImageTone.value || e.activeItem.value?.type !== "image" || !n.value || !e.isImageReady(n.value) ? null : t.value[n.value] ?? null), a = i(() => {
 		if (!r.value) return;
 		let { r: e, g: t, b: n } = r.value;
@@ -2219,7 +2520,7 @@ function kn(e) {
 	});
 	function s(n, r) {
 		if (!e.showDominantImageTone.value) return;
-		let i = Dn(r);
+		let i = Fn(r);
 		i && (t.value[n] = i);
 	}
 	return {
@@ -2230,7 +2531,7 @@ function kn(e) {
 }
 //#endregion
 //#region src/components/SurfaceEmptyState.vue?vue&type=script&setup=true&lang.ts
-var An = ["data-surface"], jn = ["data-surface"], Mn = /* @__PURE__ */ d({
+var Rn = ["data-surface"], zn = ["data-surface"], Bn = /* @__PURE__ */ d({
 	inheritAttrs: !1,
 	__name: "SurfaceEmptyState",
 	props: {
@@ -2244,31 +2545,31 @@ var An = ["data-surface"], jn = ["data-surface"], Mn = /* @__PURE__ */ d({
 			"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"]) }, j(e.message), 3)])], 16, An)) : (w(), s("div", g({ key: 1 }, N(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"]) }, j(e.message), 3)])], 16, Rn)) : (w(), s("div", g({ key: 1 }, N(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"])
-		}, j(e.message), 11, jn)])], 16));
+		}, j(e.message), 11, zn)])], 16));
 	}
-}), Nn = { class: "relative h-full min-h-0 overflow-hidden bg-[#05060a] text-[#f7f1ea]" }, Pn = {
+}), Vn = { class: "relative h-full min-h-0 overflow-hidden bg-[#05060a] text-[#f7f1ea]" }, Hn = {
 	key: 0,
 	class: "relative h-full min-h-0"
-}, Fn = [
+}, Un = [
 	"data-item-id",
 	"data-occurrence-key",
 	"data-index",
 	"data-active",
 	"aria-hidden"
-], In = {
+], Wn = {
 	key: 0,
 	"data-testid": "vibe-asset-spinner",
 	class: "pointer-events-none absolute inset-0 z-[2] grid place-items-center"
-}, Ln = { 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]" }, Rn = ["data-kind"], zn = { class: "grid justify-items-center gap-4 border border-white/14 bg-black/45 px-8 py-7 text-center backdrop-blur-[18px]" }, Bn = { class: "m-0 text-[0.82rem] font-bold uppercase tracking-[0.28em] text-[#f7f1ea]/70" }, Vn = ["onClick"], Hn = [
+}, Gn = { 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]" }, Kn = ["data-kind"], qn = { class: "grid justify-items-center gap-4 border border-white/14 bg-black/45 px-8 py-7 text-center backdrop-blur-[18px]" }, Jn = { class: "m-0 text-[0.82rem] font-bold uppercase tracking-[0.28em] text-[#f7f1ea]/70" }, Yn = ["onClick"], Xn = [
 	"src",
 	"alt",
 	"onLoad",
 	"onError"
-], Un = [
+], Zn = [
 	"loop",
 	"src",
 	"preload",
@@ -2287,15 +2588,15 @@ var An = ["data-surface"], jn = ["data-surface"], Mn = /* @__PURE__ */ d({
 	"onStalled",
 	"onTimeupdate",
 	"onWaiting"
-], Wn = { class: "relative grid aspect-square w-[clamp(320px,46vw,560px)] max-w-[calc(100vw-2.5rem)] place-items-center" }, Gn = [
+], Qn = { class: "relative grid aspect-square w-[clamp(320px,46vw,560px)] max-w-[calc(100vw-2.5rem)] place-items-center" }, $n = [
 	"aria-label",
 	"disabled",
 	"onClick"
-], Kn = { 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]" }, qn = { 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]" }, Jn = {
+], er = { 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]" }, tr = { 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]" }, nr = {
 	key: 0,
 	"data-testid": "vibe-asset-spinner",
 	class: "pointer-events-none absolute inset-0 z-[3] grid place-items-center"
-}, Yn = { 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]" }, Xn = ["data-kind"], Zn = { class: "m-0 text-[0.82rem] font-bold uppercase tracking-[0.28em] text-[#f7f1ea]/70" }, Qn = ["onClick"], $n = [
+}, rr = { 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]" }, ir = ["data-kind"], ar = { class: "m-0 text-[0.82rem] font-bold uppercase tracking-[0.28em] text-[#f7f1ea]/70" }, or = ["onClick"], sr = [
 	"src",
 	"preload",
 	"onCanplay",
@@ -2311,26 +2612,26 @@ var An = ["data-surface"], jn = ["data-surface"], Mn = /* @__PURE__ */ d({
 	"onStalled",
 	"onTimeupdate",
 	"onWaiting"
-], er = {
+], cr = {
 	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"
-}, tr = { 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]" }, nr = {
+}, lr = { 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]" }, ur = {
 	key: 0,
 	"data-testid": "vibe-fullscreen-overlay",
 	class: "pointer-events-none absolute inset-0 z-[6]"
-}, rr = { class: "h-full w-full" }, ir = {
+}, dr = { class: "h-full w-full" }, fr = {
 	key: 1,
 	"data-testid": "vibe-forward-fill-placeholder",
 	class: "grid h-full min-h-0 place-items-center px-6 text-center"
-}, ar = { class: "grid justify-items-center gap-4 border border-white/14 bg-black/40 px-8 py-7 backdrop-blur-[18px]" }, or = { 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)]" }, sr = { class: "m-0 text-[0.78rem] font-bold uppercase tracking-[0.24em] text-[#f7f1ea]/72" }, cr = {
+}, pr = { class: "grid justify-items-center gap-4 border border-white/14 bg-black/40 px-8 py-7 backdrop-blur-[18px]" }, mr = { 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)]" }, hr = { class: "m-0 text-[0.78rem] font-bold uppercase tracking-[0.24em] text-[#f7f1ea]/72" }, gr = {
 	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]"
-}, lr = { class: "h-full min-h-0 overflow-y-auto overscroll-y-contain" }, ur = {
+}, _r = { class: "h-full min-h-0 overflow-y-auto overscroll-y-contain" }, vr = {
 	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]"
-}, dr = { class: "h-full min-h-0 overflow-y-auto overscroll-y-contain" }, fr = 1280, pr = 768, mr = /* @__PURE__ */ d({
+}, yr = { class: "h-full min-h-0 overflow-y-auto overscroll-y-contain" }, br = 1280, xr = 768, Sr = /* @__PURE__ */ d({
 	__name: "FullscreenSurface",
 	props: {
 		active: {
@@ -2382,27 +2683,27 @@ var An = ["data-surface"], jn = ["data-surface"], Mn = /* @__PURE__ */ d({
 	},
 	emits: ["back-to-list", "update:activeIndex"],
 	setup(e, { emit: n }) {
-		let d = e, f = F(), m = n, h = bn(d, (e, t) => {
+		let d = e, f = F(), m = n, h = On(d, (e, t) => {
 			m("update:activeIndex", t);
 		}, {
 			enabled: M(d, "active"),
 			onAssetError: d.reportAssetError ?? void 0,
 			onAssetLoad: d.reportAssetLoad ?? void 0
-		}), _ = D(typeof window > "u" ? fr : window.innerWidth || fr), C = Gt({
+		}), _ = D(typeof window > "u" ? br : window.innerWidth || br), C = $t({
 			active: M(d, "active"),
 			items: h.items,
 			resolvedActiveIndex: h.resolvedActiveIndex,
 			viewer: h
-		}), T = i(() => wn(h.activeItem.value?.type ?? "image")), { activeSlideToneStyle: E, activeStageToneStyle: P, updateFromImageElement: I } = kn({
+		}), T = i(() => Mn(h.activeItem.value?.type ?? "image")), { activeSlideToneStyle: E, activeStageToneStyle: P, updateFromImageElement: I } = Ln({
 			activeItem: h.activeItem,
 			getItemKey: C.getItemKey,
 			isImageReady: h.isImageReady,
 			showDominantImageTone: M(d, "showDominantImageTone")
-		}), L = En({
+		}), L = Pn({
 			fullscreenMedia: C,
-			updateDominantToneFromImageElement: _e,
+			updateDominantToneFromImageElement: ve,
 			viewer: h
-		}), R = i(() => h.activeMediaItem.value && !h.activeAssetErrorKind.value ? "bottom-[5.8rem] max-[720px]:bottom-[7.4rem]" : "bottom-[1.8rem] max-[720px]:bottom-[1.3rem]"), B = i(() => !!h.activeMediaItem.value && !h.activeAssetErrorKind.value), te = i(() => _.value < pr ? "vertical" : "horizontal"), V = i(() => B.value ? "pb-[5.75rem] max-[720px]:pb-[7rem]" : ""), H = i(() => d.activeIndex >= d.items.length && (d.loading || d.hasNextPage)), U = i(() => d.hasNextPage ? "Loading more items" : h.statusMessage.value ?? "Loading more items"), W = i(() => {
+		}), R = 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), B = i(() => _.value < xr ? "vertical" : "horizontal"), V = i(() => ee.value ? "pb-[5.75rem] max-[720px]:pb-[7rem]" : ""), H = i(() => d.activeIndex >= d.items.length && (d.loading || d.hasNextPage)), U = i(() => d.hasNextPage ? "Loading more items" : h.statusMessage.value ?? "Loading more items"), W = i(() => {
 			let e = h.activeItem.value;
 			return e ? {
 				hasNextPage: d.hasNextPage,
@@ -2416,10 +2717,10 @@ var An = ["data-surface"], jn = ["data-surface"], Mn = /* @__PURE__ */ d({
 			...W.value,
 			kind: h.statusKind.value,
 			message: h.statusMessage.value
-		}), q = i(() => !K.value || !f["fullscreen-status"] ? [] : f["fullscreen-status"](K.value)), re = i(() => ({
+		}), q = i(() => !K.value || !f["fullscreen-status"] ? [] : f["fullscreen-status"](K.value)), J = 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)"
-		})), J = i(() => Kt(ne.value)), Y = i(() => Kt(G.value)), ie = i(() => Y.value && _.value >= fr), ae = i(() => Y.value && !ie.value), ue = i(() => Kt(q.value)), { emptyStateProps: X, showBadgeEmptyState: de, showCustomEmptyState: fe, showInlineEmptyState: Z } = Yt({
+		})), Y = i(() => en(ne.value)), re = i(() => en(G.value)), ie = i(() => re.value && _.value >= br), ae = i(() => re.value && !ie.value), ue = i(() => en(q.value)), { emptyStateProps: X, showBadgeEmptyState: de, showCustomEmptyState: fe, showInlineEmptyState: pe } = rn({
 			emptyStateMode: M(d, "emptyStateMode"),
 			itemCount: i(() => d.items.length),
 			loading: M(d, "loading"),
@@ -2427,30 +2728,30 @@ var An = ["data-surface"], jn = ["data-surface"], Mn = /* @__PURE__ */ d({
 			surface: "fullscreen"
 		});
 		S(() => {
-			window.addEventListener("resize", pe);
+			window.addEventListener("resize", me);
 		}), x(() => {
-			window.removeEventListener("resize", pe);
+			window.removeEventListener("resize", me);
 		});
-		function pe() {
-			_.value = window.innerWidth || fr;
-		}
-		function me(e, t) {
-			C.registerImageElement(e, t), h.registerImageElement(e, t), t instanceof HTMLImageElement && _e(e, t);
+		function me() {
+			_.value = window.innerWidth || br;
 		}
 		function he(e, t) {
-			C.registerMediaElement(e, t), h.registerVideoElement(e, t);
+			C.registerImageElement(e, t), h.registerImageElement(e, t), t instanceof HTMLImageElement && ve(e, t);
 		}
 		function ge(e, t) {
+			C.registerMediaElement(e, t), h.registerVideoElement(e, t);
+		}
+		function _e(e, t) {
 			C.registerMediaElement(e, t), h.registerAudioElement(e, t);
 		}
-		function Q(e, t, n) {
+		function Z(e, t, n) {
 			let r = L.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 _e(e, t) {
+		function ve(e, t) {
 			I(e, t);
 		}
-		function ve(e, t, n) {
+		function ye(e, t, n) {
 			let r = L.getHandledItemKey(t, n);
 			if (!r || (h.onMediaEvent(r, e), !d.loopFullscreenVideo)) return;
 			let i = e.currentTarget;
@@ -2461,14 +2762,14 @@ var An = ["data-surface"], jn = ["data-surface"], Mn = /* @__PURE__ */ d({
 			let a = i.play();
 			a && typeof a.catch == "function" && a.catch(() => {});
 		}
-		return (e, n) => (w(), s("div", Nn, [
+		return (e, n) => (w(), s("div", Vn, [
 			c("div", {
 				class: v(["absolute inset-0 transition-[background] duration-200", T.value]),
 				style: b(N(P))
 			}, null, 6),
 			c("div", {
 				class: "relative z-[1] grid h-full min-h-0",
-				style: b(re.value)
+				style: b(J.value)
 			}, [c("div", {
 				ref: "viewer.stageRef",
 				"data-testid": "vibe-stage",
@@ -2478,7 +2779,7 @@ var An = ["data-surface"], jn = ["data-surface"], Mn = /* @__PURE__ */ d({
 				onPointerup: n[3] ||= (...e) => N(h).onPointerUp && N(h).onPointerUp(...e),
 				onPointercancel: n[4] ||= (...e) => N(h).onPointerCancel && N(h).onPointerCancel(...e),
 				onWheel: n[5] ||= (...e) => N(h).onWheel && N(h).onWheel(...e)
-			}, [N(h).activeItem.value ? (w(), s("div", Pn, [
+			}, [N(h).activeItem.value ? (w(), s("div", Hn, [
 				(w(!0), s(t, null, O(N(h).renderedItems.value, ({ item: r, index: i }) => (w(), s("article", {
 					key: N(C).getItemKey(r),
 					"data-testid": "vibe-slide",
@@ -2490,12 +2791,12 @@ var An = ["data-surface"], jn = ["data-surface"], Mn = /* @__PURE__ */ d({
 					class: v(["absolute inset-0 flex h-full min-h-full items-center justify-center will-change-transform", i === N(h).resolvedActiveIndex.value ? "pointer-events-auto" : "pointer-events-none"]),
 					style: b(N(h).getSlideStyle(i))
 				}, [c("div", {
-					class: v(["absolute inset-0 opacity-85", N(Tn)(r.type)]),
+					class: v(["absolute inset-0 opacity-85", N(Nn)(r.type)]),
 					style: b(i === N(h).resolvedActiveIndex.value && r.type === "image" ? N(E) : void 0)
 				}, null, 6), N(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 === N(h).resolvedActiveIndex.value ? V.value : ""])
-				}, [N(C).isAssetLoading(i, r) ? (w(), s("div", In, [c("span", Ln, [u(N(oe), {
+				}, [N(C).isAssetLoading(i, r) ? (w(), s("div", Wn, [c("span", Gn, [u(N(oe), {
 					class: "h-5 w-5 animate-spin stroke-[1.9] text-[#f7f1ea]/78",
 					"aria-hidden": "true"
 				})])])) : o("", !0), N(C).isAssetErrored(i, r) ? (w(), s("div", {
@@ -2503,19 +2804,19 @@ var An = ["data-surface"], jn = ["data-surface"], Mn = /* @__PURE__ */ d({
 					"data-testid": "vibe-asset-error",
 					"data-kind": N(C).getAssetErrorKind(r),
 					class: "grid h-full w-full place-items-center"
-				}, [c("div", zn, [
+				}, [c("div", qn, [
 					u(N(le), {
 						class: "h-7 w-7 stroke-[1.9] text-[#f7f1ea]/72",
 						"aria-hidden": "true"
 					}),
-					c("p", Bn, j(N(C).getAssetErrorLabel(r)), 1),
+					c("p", Jn, j(N(C).getAssetErrorLabel(r)), 1),
 					N(h).canRetryAsset(N(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: ee((e) => N(h).retryAsset(N(C).getItemKey(r)), ["stop"])
-					}, " Retry ", 8, Vn)) : o("", !0)
-				])], 8, Rn)) : r.type === "image" ? (w(), s("img", {
+						onClick: te((e) => N(h).retryAsset(N(C).getItemKey(r)), ["stop"])
+					}, " Retry ", 8, Yn)) : o("", !0)
+				])], 8, Kn)) : r.type === "image" ? (w(), s("img", {
 					key: N(h).getAssetRenderKey(N(C).getItemKey(r)),
 					src: N(C).getFullscreenImageSource(i, r),
 					alt: r.title ?? "",
@@ -2523,10 +2824,10 @@ var An = ["data-surface"], jn = ["data-surface"], Mn = /* @__PURE__ */ d({
 					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", N(h).isImageReady(N(C).getItemKey(r)) ? "opacity-100" : "opacity-0"]),
 					ref_for: !0,
-					ref: (e) => me(N(C).getItemKey(r), e),
+					ref: (e) => he(N(C).getItemKey(r), e),
 					onLoad: (e) => N(L).onFullscreenImageLoad(e, i, r),
 					onError: (e) => N(L).onFullscreenImageError(i, r)
-				}, null, 42, Hn)) : (w(), s("video", {
+				}, null, 42, Xn)) : (w(), s("video", {
 					key: N(h).getAssetRenderKey(N(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", N(h).isMediaReady(N(C).getItemKey(r)) ? "opacity-100" : "opacity-0"]),
 					playsinline: "",
@@ -2534,26 +2835,26 @@ var An = ["data-surface"], jn = ["data-surface"], Mn = /* @__PURE__ */ d({
 					src: N(C).getFullscreenMediaSource(i, r),
 					preload: N(C).getFullscreenMediaPreload(i),
 					ref_for: !0,
-					ref: (e) => he(N(C).getItemKey(r), e),
-					onClick: ee((e) => N(h).onVideoClick(e, N(C).getItemKey(r)), ["stop"]),
-					onCanplay: (e) => Q(i, r, e),
-					onDurationchange: (e) => Q(i, r, e),
-					onEnded: (e) => ve(e, i, r),
+					ref: (e) => ge(N(C).getItemKey(r), e),
+					onClick: te((e) => N(h).onVideoClick(e, N(C).getItemKey(r)), ["stop"]),
+					onCanplay: (e) => Z(i, r, e),
+					onDurationchange: (e) => Z(i, r, e),
+					onEnded: (e) => ye(e, i, r),
 					onError: (e) => N(L).onFullscreenMediaError(i, r),
-					onLoadstart: (e) => Q(i, r, e),
-					onLoadedmetadata: (e) => Q(i, r, e),
-					onPause: (e) => Q(i, r, e),
-					onPlay: (e) => Q(i, r, e),
-					onPlaying: (e) => Q(i, r, e),
-					onSeeking: (e) => Q(i, r, e),
-					onSeeked: (e) => Q(i, r, e),
-					onStalled: (e) => Q(i, r, e),
-					onTimeupdate: (e) => Q(i, r, e),
-					onWaiting: (e) => Q(i, r, e)
-				}, null, 42, Un))], 2)) : N(h).isAudio(r) ? (w(), s("div", {
+					onLoadstart: (e) => Z(i, r, e),
+					onLoadedmetadata: (e) => Z(i, r, e),
+					onPause: (e) => Z(i, r, e),
+					onPlay: (e) => Z(i, r, e),
+					onPlaying: (e) => Z(i, r, e),
+					onSeeking: (e) => Z(i, r, e),
+					onSeeked: (e) => Z(i, r, e),
+					onStalled: (e) => Z(i, r, e),
+					onTimeupdate: (e) => Z(i, r, e),
+					onWaiting: (e) => Z(i, r, e)
+				}, null, 42, Zn))], 2)) : N(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 === N(h).resolvedActiveIndex.value ? V.value : ""])
-				}, [c("div", Wn, [
+				}, [c("div", Qn, [
 					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]",
@@ -2563,19 +2864,19 @@ var An = ["data-surface"], jn = ["data-surface"], Mn = /* @__PURE__ */ d({
 					}, [
 						n[6] ||= 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[7] ||= 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", Kn, [k(e.$slots, "item-icon", {
-							icon: N(Nt)(r.type),
+						c("span", er, [k(e.$slots, "item-icon", {
+							icon: N(Vt)(r.type),
 							item: r
-						}, () => [(w(), a(A(N(Nt)(r.type)), {
+						}, () => [(w(), a(A(N(Vt)(r.type)), {
 							class: "h-6 w-6 stroke-[1.9]",
 							"aria-hidden": "true"
 						}))])]),
-						c("span", qn, [(w(), a(A(N(h).mediaStates.value[N(C).getItemKey(r)]?.paused ?? !0 ? N(ce) : N(se)), {
+						c("span", tr, [(w(), a(A(N(h).mediaStates.value[N(C).getItemKey(r)]?.paused ?? !0 ? N(ce) : N(se)), {
 							class: "h-4 w-4 stroke-2",
 							"aria-hidden": "true"
 						}))])
-					], 8, Gn),
-					N(C).isAssetLoading(i, r) ? (w(), s("div", Jn, [c("span", Yn, [u(N(oe), {
+					], 8, $n),
+					N(C).isAssetLoading(i, r) ? (w(), s("div", nr, [c("span", rr, [u(N(oe), {
 						class: "h-5 w-5 animate-spin stroke-[1.9] text-[#f7f1ea]/78",
 						"aria-hidden": "true"
 					})])])) : o("", !0),
@@ -2588,43 +2889,43 @@ var An = ["data-surface"], jn = ["data-surface"], Mn = /* @__PURE__ */ d({
 							class: "h-7 w-7 stroke-[1.9] text-[#f7f1ea]/72",
 							"aria-hidden": "true"
 						}),
-						c("p", Zn, j(N(C).getAssetErrorLabel(r)), 1),
+						c("p", ar, j(N(C).getAssetErrorLabel(r)), 1),
 						N(h).canRetryAsset(N(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: ee((e) => N(h).retryAsset(N(C).getItemKey(r)), ["stop"])
-						}, " Retry ", 8, Qn)) : o("", !0)
-					], 8, Xn)], 64)) : o("", !0)
+							onClick: te((e) => N(h).retryAsset(N(C).getItemKey(r)), ["stop"])
+						}, " Retry ", 8, or)) : o("", !0)
+					], 8, ir)], 64)) : o("", !0)
 				]), (w(), s("audio", {
 					key: N(h).getAssetRenderKey(N(C).getItemKey(r)),
 					src: N(C).getFullscreenMediaSource(i, r),
 					preload: N(C).getFullscreenMediaPreload(i),
 					class: "pointer-events-none absolute h-px w-px opacity-0",
 					ref_for: !0,
-					ref: (e) => ge(N(C).getItemKey(r), e),
-					onCanplay: (e) => Q(i, r, e),
-					onDurationchange: (e) => Q(i, r, e),
+					ref: (e) => _e(N(C).getItemKey(r), e),
+					onCanplay: (e) => Z(i, r, e),
+					onDurationchange: (e) => Z(i, r, e),
 					onError: (e) => N(L).onFullscreenMediaError(i, r),
-					onLoadstart: (e) => Q(i, r, e),
-					onLoadedmetadata: (e) => Q(i, r, e),
-					onPause: (e) => Q(i, r, e),
-					onPlay: (e) => Q(i, r, e),
-					onPlaying: (e) => Q(i, r, e),
-					onSeeking: (e) => Q(i, r, e),
-					onSeeked: (e) => Q(i, r, e),
-					onStalled: (e) => Q(i, r, e),
-					onTimeupdate: (e) => Q(i, r, e),
-					onWaiting: (e) => Q(i, r, e)
-				}, null, 40, $n))], 2)) : (w(), s("div", er, [c("div", tr, [k(e.$slots, "item-icon", {
-					icon: N(Nt)(r.type),
+					onLoadstart: (e) => Z(i, r, e),
+					onLoadedmetadata: (e) => Z(i, r, e),
+					onPause: (e) => Z(i, r, e),
+					onPlay: (e) => Z(i, r, e),
+					onPlaying: (e) => Z(i, r, e),
+					onSeeking: (e) => Z(i, r, e),
+					onSeeked: (e) => Z(i, r, e),
+					onStalled: (e) => Z(i, r, e),
+					onTimeupdate: (e) => Z(i, r, e),
+					onWaiting: (e) => Z(i, r, e)
+				}, null, 40, sr))], 2)) : (w(), s("div", cr, [c("div", lr, [k(e.$slots, "item-icon", {
+					icon: N(Vt)(r.type),
 					item: r
-				}, () => [(w(), a(A(N(Nt)(r.type)), {
+				}, () => [(w(), a(A(N(Vt)(r.type)), {
 					class: "h-6 w-6 stroke-[1.9]",
 					"aria-hidden": "true"
-				}))])])]))], 14, Fn))), 128)),
-				W.value && f["fullscreen-overlay"] ? (w(), s("div", nr, [c("div", rr, [k(e.$slots, "fullscreen-overlay", y(p(W.value)))])])) : o("", !0),
-				N(h).activeItem.value ? (w(), a(At, {
+				}))])])]))], 14, Un))), 128)),
+				W.value && f["fullscreen-overlay"] ? (w(), s("div", ur, [c("div", dr, [k(e.$slots, "fullscreen-overlay", y(p(W.value)))])])) : o("", !0),
+				N(h).activeItem.value ? (w(), a(Rt, {
 					key: 1,
 					"current-index": N(h).resolvedActiveIndex.value,
 					loading: d.loading,
@@ -2634,7 +2935,7 @@ var An = ["data-surface"], jn = ["data-surface"], Mn = /* @__PURE__ */ d({
 					title: N(h).activeItem.value.title ?? null,
 					total: N(h).items.value.length,
 					onBackToList: n[0] ||= (e) => m("back-to-list")
-				}, l({ _: 2 }, [J.value && W.value ? {
+				}, l({ _: 2 }, [Y.value && W.value ? {
 					name: "actions",
 					fn: z(() => [k(e.$slots, "fullscreen-header-actions", y(p(W.value)))]),
 					key: "0"
@@ -2647,7 +2948,7 @@ var An = ["data-surface"], jn = ["data-surface"], Mn = /* @__PURE__ */ d({
 					"title",
 					"total"
 				])) : o("", !0),
-				B.value ? (w(), a(yt, {
+				ee.value ? (w(), a(Dt, {
 					key: 2,
 					"current-time": N(h).activeMediaState.value.currentTime,
 					"current-time-label": N(h).formatPlaybackTime(N(h).activeMediaState.value.currentTime),
@@ -2656,7 +2957,7 @@ var An = ["data-surface"], jn = ["data-surface"], Mn = /* @__PURE__ */ d({
 					muted: N(h).activeMediaState.value.muted,
 					progress: N(h).activeMediaProgress.value,
 					volume: N(h).activeMediaState.value.volume,
-					"volume-control-layout": te.value,
+					"volume-control-layout": B.value,
 					onSeekInput: N(h).onMediaSeekInput,
 					onVolumeInput: N(h).onMediaVolumeInput,
 					onVolumeToggle: N(h).onMediaVolumeToggle
@@ -2681,10 +2982,10 @@ var An = ["data-surface"], jn = ["data-surface"], Mn = /* @__PURE__ */ d({
 					"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", K.value.kind === "end" ? "border-amber-300/35 text-amber-200" : K.value.kind === "failed" ? "border-rose-400/45 text-rose-100" : ""])
 				}, j(K.value.message), 3))], 2)) : o("", !0)
-			])) : H.value ? (w(), s("div", ir, [c("div", ar, [c("span", or, [u(N(oe), {
+			])) : H.value ? (w(), s("div", fr, [c("div", pr, [c("span", mr, [u(N(oe), {
 				class: "h-5 w-5 animate-spin stroke-[1.9] text-[#f7f1ea]/78",
 				"aria-hidden": "true"
-			})]), c("p", sr, j(U.value), 1)])])) : N(Z) && N(X) ? (w(), a(Mn, {
+			})]), c("p", hr, j(U.value), 1)])])) : N(pe) && N(X) ? (w(), a(Bn, {
 				key: 2,
 				message: N(X).message,
 				mode: N(X).mode,
@@ -2696,7 +2997,7 @@ var An = ["data-surface"], jn = ["data-surface"], Mn = /* @__PURE__ */ d({
 				"message",
 				"mode",
 				"surface"
-			])) : o("", !0), N(de) && N(X) ? (w(), a(Mn, {
+			])) : o("", !0), N(de) && N(X) ? (w(), a(Bn, {
 				key: 3,
 				message: N(X).message,
 				mode: N(X).mode,
@@ -2716,7 +3017,7 @@ var An = ["data-surface"], jn = ["data-surface"], Mn = /* @__PURE__ */ d({
 				"leave-from-class": "translate-x-0 opacity-100",
 				"leave-to-class": "translate-x-full opacity-0"
 			}, {
-				default: z(() => [ie.value && W.value ? (w(), s("aside", cr, [c("div", lr, [k(e.$slots, "fullscreen-aside", y(p(W.value)))])])) : o("", !0)]),
+				default: z(() => [ie.value && W.value ? (w(), s("aside", gr, [c("div", _r, [k(e.$slots, "fullscreen-aside", y(p(W.value)))])])) : o("", !0)]),
 				_: 3
 			})], 4),
 			u(r, {
@@ -2727,29 +3028,29 @@ var An = ["data-surface"], jn = ["data-surface"], Mn = /* @__PURE__ */ d({
 				"leave-from-class": "translate-x-0 opacity-100",
 				"leave-to-class": "translate-x-full opacity-0"
 			}, {
-				default: z(() => [ae.value && W.value ? (w(), s("aside", ur, [c("div", dr, [k(e.$slots, "fullscreen-aside", y(p(W.value)))])])) : o("", !0)]),
+				default: z(() => [ae.value && W.value ? (w(), s("aside", vr, [c("div", yr, [k(e.$slots, "fullscreen-aside", y(p(W.value)))])])) : o("", !0)]),
 				_: 3
 			})
 		]));
 	}
-}), hr = 1, gr = .5;
-function _r(e) {
+}), Cr = 1, wr = .5;
+function Tr(e) {
 	if (e.type !== "image" && e.type !== "video") return {
-		width: hr,
-		height: hr,
+		width: Cr,
+		height: Cr,
 		source: "fallback"
 	};
 	let t = e.preview?.width, n = e.preview?.height;
-	if (wr(t) && wr(n)) {
-		let r = Tr(e, t, n);
+	if (jr(t) && jr(n)) {
+		let r = Mr(e, t, n);
 		return {
 			width: r.width,
 			height: r.height,
 			source: "preview"
 		};
 	}
-	if (wr(e.width) && wr(e.height)) {
-		let t = Tr(e, e.width, e.height);
+	if (jr(e.width) && jr(e.height)) {
+		let t = Mr(e, e.width, e.height);
 		return {
 			width: t.width,
 			height: t.height,
@@ -2757,31 +3058,31 @@ function _r(e) {
 		};
 	}
 	return {
-		width: hr,
-		height: hr,
+		width: Cr,
+		height: Cr,
 		source: "fallback"
 	};
 }
-function vr(e, t) {
+function Er(e, t) {
 	return !e || e <= 0 || !t || t <= 0 ? 1 : Math.max(1, Math.floor(e / t));
 }
-function yr(e, t, n, r = 0) {
+function Dr(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 br(e, t) {
-	let n = _r(e);
+function Or(e, t) {
+	let n = Tr(e);
 	return n.height / n.width * t;
 }
-function xr(e, t) {
+function kr(e, t) {
 	let n = Array.from({ length: t.columnCount }, () => 0), r = Array(e.length), i = Array(e.length), a = /* @__PURE__ */ new Map(), o = /* @__PURE__ */ new Map(), s = 0;
 	for (let c = 0; c < e.length; c += 1) {
 		let l = e[c];
-		o.set($(l), c);
+		o.set(Q(l), c);
 		let u = 0;
 		for (let e = 1; e < n.length; e += 1) n[e] < n[u] && (u = e);
-		let d = u * (t.columnWidth + t.gapX), f = n[u], p = br(l, t.columnWidth);
+		let d = u * (t.columnWidth + t.gapX), f = n[u], p = Or(l, t.columnWidth);
 		r[c] = {
 			x: d,
 			y: f
@@ -2800,7 +3101,7 @@ function xr(e, t) {
 		indexById: o
 	};
 }
-function Sr(e) {
+function Ar(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();
@@ -2810,21 +3111,11 @@ function Sr(e) {
 	}
 	return Array.from(a).sort((e, t) => e - t);
 }
-function Cr(e, t, n) {
-	let r = /* @__PURE__ */ new Map();
-	for (let i of e) {
-		let e = t.get($(i));
-		if (e == null) continue;
-		let a = n[e];
-		a && r.set($(i), a);
-	}
-	return r;
-}
-function wr(e) {
+function jr(e) {
 	return typeof e == "number" && Number.isFinite(e) && e > 0;
 }
-function Tr(e, t, n) {
-	return e.type !== "image" || n / t >= gr ? {
+function Mr(e, t, n) {
+	return e.type !== "image" || n / t >= wr ? {
 		width: t,
 		height: n
 	} : {
@@ -2834,46 +3125,46 @@ function Tr(e, t, n) {
 }
 //#endregion
 //#region src/components/viewer-core/useMasonryMotion.ts
-var Er = 300, Dr = 600, Or = 40, kr = 300, Ar = 400;
-function jr(e, t) {
+var Nr = 300, Pr = 600, Fr = 40, Ir = 300, Lr = 400;
+function Rr(e, t) {
 	return t === "top" ? [...e].reverse() : e;
 }
-function Mr(e) {
-	return e <= 0 ? Dr : Dr + Math.min((e - 1) * Or, Ar);
+function zr(e) {
+	return e <= 0 ? Pr : Pr + Math.min((e - 1) * Fr, Lr);
 }
-function Nr() {
-	return kr;
+function Br() {
+	return Ir;
 }
-function Pr(e) {
+function Vr(e) {
 	let t = e.itemHeight > 0 ? e.itemHeight : e.columnWidth;
 	return e.direction === "top" ? e.scrollTop - t : e.scrollTop + e.viewportHeight + t;
 }
-function Fr(e) {
+function Hr(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()));
 	L(e.visibleIndices, (i) => {
 		if (!i.length) return;
 		let o = [];
 		for (let n of i) {
-			let r = e.items.value[n] ? $(e.items.value[n]) : null;
+			let r = e.items.value[n] ? Q(e.items.value[n]) : null;
 			!r || !t.value.has(r) || d.has(r) || (d.add(r), o.push(r));
 		}
 		if (!o.length) return;
-		let s = jr(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 * Or, Ar));
-		r.value = c, Ir(() => {
+		let s = Rr(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 * Fr, Lr));
+		r.value = c, Ur(() => {
 			let e = new Set(n.value);
 			for (let t of o) e.add(t);
 			n.value = e;
-		}), Lr(() => {
+		}), Wr(() => {
 			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;
-			}, Mr(o.length));
+			}, zr(o.length));
 		});
-	}, { flush: "post" }), L(() => e.items.value.map((e) => $(e)), (e) => {
+	}, { flush: "post" }), L(() => e.items.value.map((e) => Q(e)), (e) => {
 		if (!e.length || !o.value.size) return;
 		let t = new Set(e), n = null, r = null;
 		for (let e of o.value.keys()) t.has(e) && (n ||= new Map(o.value), r ||= new Set(s.value), n.delete(e), r.delete(e));
@@ -2886,7 +3177,7 @@ function Fr(e) {
 		if (!e.length) return;
 		let r = new Set(t.value), i = new Map(a.value);
 		for (let t of e) {
-			let e = $(t);
+			let e = Q(t);
 			r.add(e), i.set(e, n);
 		}
 		t.value = r, a.value = i;
@@ -2895,10 +3186,10 @@ function Fr(e) {
 		if (!e.length) return;
 		let i = new Map(o.value), c = new Set(t.value), l = new Set(n.value), u = new Map(r.value), f = new Map(a.value), p = [];
 		for (let t of e) {
-			let e = $(t.item);
+			let e = Q(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, Ir(() => {
+		o.value = i, t.value = c, n.value = l, r.value = u, a.value = f, Ur(() => {
 			let e = new Set(s.value);
 			for (let t of p) e.add(t);
 			s.value = e;
@@ -2906,9 +3197,9 @@ function Fr(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;
-		}, kr);
+		}, Ir);
 	}
-	function g(t, n, r = Er) {
+	function g(t, n, r = Nr) {
 		if (!t.size) return;
 		let i = /* @__PURE__ */ new Map(), a = [];
 		for (let [r, o] of t.entries()) {
@@ -2927,8 +3218,8 @@ function Fr(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, Ir(() => {
-			u.value = new Set(a), Ir(() => {
+		l.value = o, Ur(() => {
+			u.value = new Set(a), Ur(() => {
 				c.value = /* @__PURE__ */ new Map();
 			});
 		}), S(() => {
@@ -2939,8 +3230,8 @@ function Fr(e) {
 		}, r);
 	}
 	function _(e) {
-		if (n.value.has(e)) return `transform ${Dr}ms ease-out`;
-		if (u.value.has(e)) return `transform ${l.value.get(e) ?? Er}ms ease-out`;
+		if (n.value.has(e)) return `transform ${Pr}ms ease-out`;
+		if (u.value.has(e)) return `transform ${l.value.get(e) ?? Nr}ms ease-out`;
 	}
 	function v(e) {
 		if (!n.value.has(e)) return;
@@ -2951,13 +3242,13 @@ function Fr(e) {
 		let r = e.items.value[n], i = e.positions.value[n] ?? {
 			x: 0,
 			y: 0
-		}, o = e.heights.value[n] ?? e.columnWidth.value, s = r ? $(r) : null, l = s ? c.value.get(s) ?? {
+		}, o = e.heights.value[n] ?? e.columnWidth.value, s = r ? Q(r) : null, l = s ? c.value.get(s) ?? {
 			dx: 0,
 			dy: 0
 		} : {
 			dx: 0,
 			dy: 0
-		}, u = s ? a.value.get(s) ?? "bottom" : "bottom", d = s && t.value.has(s) ? Pr({
+		}, u = s ? a.value.get(s) ?? "bottom" : "bottom", d = s && t.value.has(s) ? Vr({
 			columnWidth: e.columnWidth.value,
 			direction: u,
 			itemHeight: o,
@@ -2967,18 +3258,18 @@ function Fr(e) {
 		return `translate3d(${i.x + l.dx}px, ${d + l.dy}px, 0)`;
 	}
 	function b(t) {
-		let n = $(t), r = o.value.get(n);
+		let n = Q(t), r = o.value.get(n);
 		if (!r) return {
 			opacity: "0",
 			transform: "translate3d(0, 0, 0) scale(0.96)",
-			transition: `opacity ${kr}ms ease-out, transform ${kr}ms ease-out`
+			transition: `opacity ${Ir}ms ease-out, transform ${Ir}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 ${kr}ms ease-out, transform ${kr}ms ease-out`,
+			transition: `opacity ${Ir}ms ease-out, transform ${Ir}ms ease-out`,
 			width: `${e.columnWidth.value}px`
 		};
 	}
@@ -2999,37 +3290,107 @@ function Fr(e) {
 		playFlipMoveAnimation: g
 	};
 }
-function Ir(e) {
+function Ur(e) {
 	if (typeof requestAnimationFrame == "function") {
 		requestAnimationFrame(() => e());
 		return;
 	}
 	setTimeout(e, 0);
 }
-function Lr(e) {
-	Ir(() => Ir(e));
+function Wr(e) {
+	Ur(() => Ur(e));
 }
 //#endregion
 //#region src/components/viewer-core/masonryViewport.ts
-function Rr(e, t) {
+function Gr(e, t) {
 	return e?.clientHeight || Math.round(e?.getBoundingClientRect().height ?? 0) || t || window.innerHeight || 1;
 }
-function zr(e, t, n) {
+function Kr(e, t, n) {
 	return e?.clientWidth || Math.round(e?.getBoundingClientRect().width ?? 0) || t || window.innerWidth || n;
 }
-function Br(e, t, n, r) {
-	return (e?.scrollHeight ?? r) - (t + n);
+function qr(e, t, n, r) {
+	return Math.max(e?.scrollHeight ?? 0, r) - (t + n);
 }
-function Vr(e, t) {
+function Jr(e, t) {
 	return {
 		height: `${e}px`,
 		transform: `translate3d(0, ${t}px, 0)`
 	};
 }
 //#endregion
+//#region src/components/viewer-core/masonryScrollBehavior.ts
+var Yr = 24, Xr = 48;
+function Zr(e) {
+	let t = D(0), n = 0, r = 0;
+	function i(e) {
+		if (t.value = ni(e), t.value <= 0) {
+			o();
+			return;
+		}
+		a();
+	}
+	function a() {
+		n || t.value <= 0 || !e.active.value || typeof requestAnimationFrame > "u" || (n = requestAnimationFrame(s));
+	}
+	function o() {
+		n && typeof cancelAnimationFrame < "u" && cancelAnimationFrame(n), n = 0, r = 0;
+	}
+	function s(i) {
+		if (n = 0, !e.active.value || t.value <= 0) {
+			o();
+			return;
+		}
+		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 = ri(s.scrollTop + a, 0, e.getMaxScrollTop()), e.onScroll();
+		}
+		r = i, a();
+	}
+	return {
+		autoScroll: i,
+		start: a,
+		stop: o
+	};
+}
+function Qr(e) {
+	if (!e.active || !e.triggerEnabled) return 0;
+	let t = Math.max(0, e.maxScrollTop - e.thresholdPx);
+	return t <= 0 ? 1 : ri(1 - (e.progressDistancePx - e.thresholdPx) / t, 0, 1);
+}
+function $r(e) {
+	if (!e.active || !e.triggerEnabled) return 0;
+	let t = Math.max(0, e.maxScrollTop - e.thresholdPx);
+	return t <= 0 ? 1 : ri(e.progressDistancePx / t, 0, 1);
+}
+function ei(e) {
+	let t = i(() => Math.max(0, e.viewportHeight.value - Yr * 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(Xr, r));
+	}), a = i(() => {
+		if (!n.value) return Yr;
+		let i = Math.max(0, e.containerHeight.value - e.viewportHeight.value);
+		return Yr + Math.max(0, t.value - r.value) * (i > 0 ? ri(e.scrollTop.value / i, 0, 1) : 0);
+	});
+	return {
+		getScrollbarThumbStyle: () => Jr(r.value, a.value),
+		showScrollbar: n
+	};
+}
+function ti(e) {
+	return typeof e == "number" && Number.isFinite(e) ? Math.max(0, e) : 0;
+}
+function ni(e) {
+	return Number.isFinite(e) ? Math.max(0, e) : 0;
+}
+function ri(e, t, n) {
+	return Math.min(Math.max(e, t), n);
+}
+//#endregion
 //#region src/components/viewer-core/useEdgeBoundary.ts
-var Hr = 250, Ur = 1e3;
-function Wr(e) {
+var ii = 250, ai = 1e3;
+function oi(e) {
 	let t = D(!1), n = D(!1), r = D(0), i = D(0), a = D(!1), o = D(!1), s = 0, c = null;
 	x(() => {
 		y();
@@ -3045,7 +3406,7 @@ function Wr(e) {
 	function u(t) {
 		if (!b(t) || !e.isAtBoundary()) return;
 		let n = Date.now();
-		n < s || (s = n + Hr, m());
+		n < s || (s = n + ii, m());
 	}
 	function d() {
 		if (!g()) return;
@@ -3079,7 +3440,7 @@ function Wr(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 _() {
-		o.value = !1, v(Ur);
+		o.value = !1, v(ai);
 	}
 	function v(e) {
 		y(), a.value = !0, c = setTimeout(() => {
@@ -3101,177 +3462,284 @@ function Wr(e) {
 	};
 }
 //#endregion
+//#region src/components/viewer-core/masonryBoundaryLock.ts
+function si() {
+	let e = D(!1), t = null;
+	x(() => {
+		r();
+	});
+	function n(n) {
+		r(), e.value = !0, t = setTimeout(() => {
+			t = null, e.value = !1;
+		}, Math.max(0, n));
+	}
+	function r() {
+		t && (clearTimeout(t), t = null, e.value = !1);
+	}
+	return {
+		clearBoundaryInteractionReleaseTimer: r,
+		isBoundaryInteractionLocked: e,
+		lockBoundaryInteraction: n
+	};
+}
+//#endregion
+//#region src/components/viewer-core/masonryItemMutation.ts
+function ci(e) {
+	let t = e.currentItems.map((e) => Q(e)), n = e.previousItems.map((e) => Q(e)), r = ui(e.previousItems, e.layoutIndexById, e.layoutHeights), i = di(e.previousItems, e.layoutIndexById, e.layoutPositions), a = new Set(n), o = new Set(t), s = e.currentItems.filter((e) => !a.has(Q(e))), c = li(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 ? Q(d) : null,
+		isPrepend: l,
+		oldPositionsById: i,
+		previousIds: n,
+		removedItems: c,
+		shouldLockBoundaryInteractionForRemoval: c.length > 0 && u,
+		shouldResetScrollForEmptyRemoval: e.currentItems.length === 0 && e.previousItems.length > 0 && c.length > 0 && e.scrollTop > 0
+	};
+}
+function li(e, t, n, r) {
+	return e.flatMap((e) => {
+		let i = Q(e);
+		if (t.has(i)) return [];
+		let a = r.get(i), o = n.get(i);
+		return a && o != null ? [{
+			height: o,
+			item: e,
+			position: a
+		}] : [];
+	});
+}
+function ui(e, t, n) {
+	let r = /* @__PURE__ */ new Map();
+	for (let i of e) {
+		let e = Q(i), a = t.get(e), o = a == null ? void 0 : n[a];
+		o != null && r.set(e, o);
+	}
+	return r;
+}
+function di(e, t, n) {
+	let r = /* @__PURE__ */ new Map();
+	for (let i of e) {
+		let e = Q(i), a = t.get(e), o = a == null ? void 0 : n[a];
+		o && r.set(e, o);
+	}
+	return r;
+}
+//#endregion
+//#region src/components/viewer-core/masonryPendingAppend.ts
+function fi(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());
+	}
+	function a(i) {
+		!i && !e.pendingAppendItems.value.length && !r && !n.value && (t.value = null);
+	}
+	function o() {
+		r &&= (clearTimeout(r), null);
+	}
+	function s() {
+		let i = e.commitPendingAppend.value;
+		typeof i == "function" && (r = setTimeout(async () => {
+			r = null, n.value = !0;
+			try {
+				e.pendingAppendItems.value.length && (await i(), await _(), await _());
+			} finally {
+				t.value = null, n.value = !1;
+			}
+		}, 300));
+	}
+	function c(t) {
+		return t.length ? kr(t, {
+			bucketPx: e.bucketPx,
+			columnCount: e.columnCount.value,
+			columnWidth: e.columnWidth.value,
+			gapX: e.gapPx,
+			gapY: e.gapPx
+		}).contentHeight + e.contentInsetPx * 2 : 0;
+	}
+	return {
+		clearAppendCommitTimer: o,
+		clearReservedHeightWhenIdle: a,
+		refreshReservedContentHeight: i,
+		reservedContentHeight: t
+	};
+}
+//#endregion
 //#region src/components/viewer-core/useMasonryList.ts
-var Gr = 600, Kr = 24, qr = 16, Jr = 300, Yr = 200, Xr = 200, Zr = Kr + qr, Qr = 200, $r = 300, ei = 24, ti = 48, ni = 500, ri = 1e3;
-function ii(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 || Jr), o = D([]), s = D([]), c = D(/* @__PURE__ */ new Map()), l = D(0), u = D(/* @__PURE__ */ new Map()), d = D(null), f = D(null), p = D(!1), m = i(() => Math.max(Jr, a.value - Kr * 2)), h = i(() => vr(m.value, Jr)), g = i(() => yr(m.value, h.value, Jr, qr)), v = i(() => ai(e.activeIndex.value, 0, Math.max(0, e.items.value.length - 1))), y = i(() => Sr({
+var pi = 600, mi = 24, hi = 16, gi = 300, _i = 200, vi = 0, yi = mi + hi, bi = 200, xi = 500, Si = 1e3;
+function Ci(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 || gi), o = D([]), s = D([]), c = D(/* @__PURE__ */ new Map()), l = D(0), u = D(/* @__PURE__ */ new Map()), d = D(null), f = si(), p = i(() => Math.max(gi, a.value - mi * 2)), m = i(() => Er(p.value, gi)), h = i(() => Dr(p.value, m.value, gi, hi)), g = i(() => ti(e.bottomLoadBufferPx.value)), v = i(() => wi(e.activeIndex.value, 0, Math.max(0, e.items.value.length - 1))), y = i(() => Ar({
 		itemCount: e.items.value.length,
 		viewportHeight: r.value,
 		scrollTop: n.value,
-		overscanPx: Yr,
-		bucketPx: Gr,
+		overscanPx: _i,
+		bucketPx: pi,
 		buckets: c.value
 	})), b = i(() => y.value.map((t) => ({
 		item: e.items.value[t],
 		index: t
 	}))), C = i(() => {
-		let e = l.value + Kr * 2, t = d.value ?? 0;
-		return Math.max(e, t, r.value) + Qr;
-	}), w = i(() => e.hasNextPage.value || e.allowExhaustedNextPageRefresh.value), T = i(() => si({
+		let e = l.value + mi * 2, t = P.reservedContentHeight.value ?? 0;
+		return Math.max(e, t, r.value) + bi + g.value;
+	}), w = i(() => e.hasNextPage.value || e.allowExhaustedNextPageRefresh.value), T = i(() => $r({
 		active: e.active.value,
-		maxScrollTop: se(),
+		maxScrollTop: Y(),
 		progressDistancePx: n.value,
-		thresholdPx: Xr,
+		thresholdPx: vi,
 		triggerEnabled: w.value
-	})), E = i(() => e.items.value.length > 0 ? `${v.value + 1} / ${e.items.value.length}` : "0 / 0"), O = i(() => oi({
+	})), E = i(() => e.items.value.length > 0 ? `${v.value + 1} / ${e.items.value.length}` : "0 / 0"), O = i(() => Qr({
 		active: e.active.value,
-		maxScrollTop: se(),
+		maxScrollTop: Y(),
 		progressDistancePx: n.value,
-		thresholdPx: Zr,
+		thresholdPx: yi,
 		triggerEnabled: e.hasPreviousPage.value
-	})), k = i(() => Math.max(0, r.value - ei * 2)), A = i(() => C.value > r.value + 1 && k.value > 0), j = i(() => {
-		if (!A.value) return 0;
-		let e = r.value / C.value * k.value;
-		return Math.min(k.value, Math.max(ti, e));
-	}), M = i(() => {
-		if (!A.value) return ei;
-		let e = Math.max(0, C.value - r.value);
-		return ei + Math.max(0, k.value - j.value) * (e > 0 ? ai(n.value / e, 0, 1) : 0);
-	}), N = Fr({
+	})), k = ei({
+		containerHeight: C,
+		scrollTop: n,
+		viewportHeight: r
+	}), A = Hr({
 		items: e.items,
 		visibleIndices: y,
 		positions: o,
 		heights: s,
 		indexById: u,
-		columnWidth: g,
+		columnWidth: h,
 		scrollTop: n,
 		viewportHeight: r
-	}), P = Wr({
+	}), j = oi({
 		direction: "top",
 		getAnimationLockMs(e) {
-			return Math.max(ni, Mr(e)) + ri;
+			return Math.max(xi, zr(e)) + Si;
 		},
 		hasPage: e.hasPreviousPage,
-		interactionLocked: p,
+		interactionLocked: f.isBoundaryInteractionLocked,
 		isAtBoundary() {
-			return n.value <= Zr;
+			return n.value <= yi;
 		},
 		loading: e.loading,
 		requestPage: e.requestPreviousPage
-	}), F = Wr({
+	}), M = oi({
 		direction: "bottom",
 		getAnimationLockMs(e) {
-			return Mr(e) + ri;
+			return zr(e) + Si;
 		},
 		hasPage: w,
-		interactionLocked: p,
+		interactionLocked: f.isBoundaryInteractionLocked,
 		isAtBoundary() {
-			return oe() <= Xr;
+			return J() <= vi;
 		},
 		loading: e.loading,
 		requestPage: e.requestNextPage
-	}), I = null, R = 0, z = null, B = null, ee = !1;
+	}), N = Zr({
+		active: e.active,
+		getMaxScrollTop: Y,
+		getViewport: () => t.value,
+		onScroll: z
+	}), P = fi({
+		bucketPx: pi,
+		columnCount: m,
+		columnWidth: h,
+		commitPendingAppend: e.commitPendingAppend,
+		contentInsetPx: mi,
+		gapPx: hi,
+		items: e.items,
+		pendingAppendItems: e.pendingAppendItems
+	}), F = null, I = 0;
 	L([
 		() => e.items.value,
-		h,
-		g
+		m,
+		h
 	], async ([t], [r = []]) => {
-		let i = t.map((e) => $(e)), a = r ?? [], s = a.map((e) => $(e)), c = Cr(a, u.value, o.value), l = ue(a), d = new Set(s), f = new Set(i), p = t.filter((e) => !d.has($(e))), m = a.flatMap((e) => {
-			let t = $(e);
-			if (f.has(t)) return [];
-			let n = c.get(t), r = l.get(t);
-			return !n || r == null ? [] : [{
-				height: r,
-				item: e,
-				position: n
-			}];
-		}), h = i.length > s.length && s.length > 0 && i[0] !== s[0], g = t.length === 0 && a.length > 0 && m.length > 0 && n.value > 0, y = m.length > 0 && n.value > Kr + qr, b = h && n.value > Kr + qr ? t[v.value] : null, x = b ? $(b) : null;
-		y && K(Nr() + ri), g && G(), te(), m.length > 0 && N.markLeave(m), p.length > 0 && (N.markEnter(p, h ? "top" : "bottom"), h ? P.onItemsMutated(p.length) : F.onItemsMutated(p.length)), N.playFlipMoveAnimation(c, new Set(p.map((e) => $(e))), h ? ni : void 0), x ? (await _(), ne(x, c)) : e.active.value && s.length > 0 && re();
+		let i = ci({
+			activeIndex: v.value,
+			contentInsetPx: mi,
+			currentItems: t,
+			gapPx: hi,
+			layoutHeights: s.value,
+			layoutIndexById: u.value,
+			layoutPositions: o.value,
+			previousItems: r ?? [],
+			scrollTop: n.value
+		});
+		i.shouldLockBoundaryInteractionForRemoval && f.lockBoundaryInteraction(Br() + Si), i.shouldResetScrollForEmptyRemoval && H(), R(), i.removedItems.length > 0 && A.markLeave(i.removedItems), i.addedItems.length > 0 && (A.markEnter(i.addedItems, i.isPrepend ? "top" : "bottom"), i.isPrepend ? j.onItemsMutated(i.addedItems.length) : M.onItemsMutated(i.addedItems.length)), A.playFlipMoveAnimation(i.oldPositionsById, new Set(i.addedItems.map((e) => Q(e))), i.isPrepend ? xi : void 0), i.anchorId ? (await _(), V(i.anchorId, i.oldPositionsById)) : e.active.value && i.previousIds.length > 0 && W();
 	}, { immediate: !0 }), L([
-		() => e.pendingAppendItems.value.map((e) => $(e)),
+		() => e.pendingAppendItems.value.map((e) => Q(e)),
+		m,
 		h,
-		g,
 		r
-	], ([t]) => {
-		de(), t.length && (d.value = le([...e.items.value, ...e.pendingAppendItems.value]), X());
-	}, { immediate: !0 }), L(() => e.active.value, async (e, i) => {
+	], () => P.refreshReservedContentHeight(), { immediate: !0 }), L(() => e.active.value, async (e, i) => {
 		let a = t.value;
-		if (!a) return;
 		if (!e) {
-			f.value = a.scrollTop;
+			a && (d.value = a.scrollTop), N.stop();
 			return;
 		}
-		if (i !== !1 || f.value == null) return;
+		if (N.start(), !a || i !== !1 || d.value == null) return;
 		await _();
-		let o = Math.max(0, C.value - r.value), s = ai(f.value, 0, o);
-		a.scrollTop = s, n.value = s, P.syncBoundary(), F.syncBoundary();
-	}), L(() => e.loading.value, async (t) => {
-		!t && !e.pendingAppendItems.value.length && !z && !ee && (d.value = null), P.onLoadingChange(t), F.onLoadingChange(t), await _();
+		let o = Math.max(0, C.value - r.value), s = wi(d.value, 0, o);
+		a.scrollTop = s, n.value = s, j.syncBoundary(), M.syncBoundary();
+	}), L(() => e.loading.value, async (e) => {
+		P.clearReservedHeightWhenIdle(e), j.onLoadingChange(e), M.onLoadingChange(e), await _();
 	}), S(async () => {
-		Y(), await _(), v.value > 0 ? W(v.value, "center") : q(), P.syncBoundary(), F.syncBoundary(), typeof ResizeObserver < "u" ? (I = new ResizeObserver(() => {
-			Y();
-		}), t.value && I.observe(t.value)) : window.addEventListener("resize", Y);
+		G(), await _(), v.value > 0 ? B(v.value, "center") : U(), j.syncBoundary(), M.syncBoundary(), typeof ResizeObserver < "u" ? (F = new ResizeObserver(() => {
+			G();
+		}), t.value && F.observe(t.value)) : window.addEventListener("resize", G);
 	}), x(() => {
-		I?.disconnect(), I = null, window.removeEventListener("resize", Y), de(), fe(), R &&= (cancelAnimationFrame(R), 0);
+		F?.disconnect(), F = null, window.removeEventListener("resize", G), P.clearAppendCommitTimer(), f.clearBoundaryInteractionReleaseTimer(), I &&= (cancelAnimationFrame(I), 0), N.stop();
 	});
-	function te() {
-		let t = xr(e.items.value, {
-			columnCount: h.value,
-			columnWidth: g.value,
-			gapX: qr,
-			gapY: qr,
-			bucketPx: Gr
+	function R() {
+		let t = kr(e.items.value, {
+			columnCount: m.value,
+			columnWidth: h.value,
+			gapX: hi,
+			gapY: hi,
+			bucketPx: pi
 		});
 		o.value = t.positions.map((e) => ({
-			x: e.x + Kr,
-			y: e.y + Kr
+			x: e.x + mi,
+			y: e.y + mi
 		})), s.value = t.heights, c.value = t.buckets, l.value = t.contentHeight, u.value = t.indexById;
 	}
-	function V() {
-		e.active.value && (n.value = t.value?.scrollTop ?? 0, r.value = ie(), P.syncBoundary(), F.syncBoundary(), J(), !re() && (R ||= requestAnimationFrame(() => {
-			R = 0, q();
+	function z() {
+		e.active.value && (n.value = t.value?.scrollTop ?? 0, r.value = K(), j.syncBoundary(), M.syncBoundary(), ne(), !W() && (I ||= requestAnimationFrame(() => {
+			I = 0, U();
 		})));
 	}
-	function H(t) {
-		e.active.value && (P.onWheel(t), F.onWheel(t), J());
+	function ee(t) {
+		e.active.value && (j.onWheel(t), M.onWheel(t), ne());
 	}
-	function U(t) {
-		let n = e.items.value[t], r = n ? $(n) : "";
+	function te(t) {
+		let n = e.items.value[t], r = n ? Q(n) : "";
 		return {
-			height: `${s.value[t] ?? g.value}px`,
-			width: `${g.value}px`,
-			transition: r ? N.getCardTransition(r) : void 0,
-			transitionDelay: r ? N.getCardTransitionDelay(r) : void 0,
-			transform: N.getCardTransform(t)
+			height: `${s.value[t] ?? h.value}px`,
+			width: `${h.value}px`,
+			transition: r ? A.getCardTransition(r) : void 0,
+			transitionDelay: r ? A.getCardTransitionDelay(r) : void 0,
+			transform: A.getCardTransform(t)
 		};
 	}
-	function W(e, i) {
+	function B(e, i) {
 		let a = t.value, c = o.value[e], l = s.value[e];
 		if (!a || !c || !l) return;
 		let u = a.scrollTop, d = Math.max(0, C.value - r.value);
-		i === "center" ? u = c.y - (r.value - l) / 2 : c.y < a.scrollTop ? u = c.y - Kr : c.y + l > a.scrollTop + r.value && (u = c.y + l - r.value + Kr), a.scrollTop = ai(u, 0, d), n.value = a.scrollTop, q();
+		i === "center" ? u = c.y - (r.value - l) / 2 : c.y < a.scrollTop ? u = c.y - mi : c.y + l > a.scrollTop + r.value && (u = c.y + l - r.value + mi), a.scrollTop = wi(u, 0, d), n.value = a.scrollTop, U();
 	}
-	function ne(e, r) {
+	function V(e, r) {
 		let i = t.value, a = r.get(e), s = u.value.get(e), c = s == null ? null : o.value[s];
 		if (!i || !a || !c) return;
 		let l = c.y - a.y;
 		i.scrollTop += l, n.value = i.scrollTop;
 	}
-	function G() {
+	function H() {
 		let e = t.value;
 		if (!e) {
 			n.value = 0;
 			return;
 		}
-		e.scrollTop = 0, n.value = 0, P.syncBoundary(), F.syncBoundary();
-	}
-	function K(e) {
-		fe(), p.value = !0, B = setTimeout(() => {
-			B = null, p.value = !1;
-		}, Math.max(0, e));
+		e.scrollTop = 0, n.value = 0, j.syncBoundary(), M.syncBoundary();
 	}
-	function q() {
-		if (!y.value.length || re()) return;
+	function U() {
+		if (!y.value.length || W()) return;
 		let t = n.value + r.value / 2, i = v.value, a = Infinity;
 		for (let e of y.value) {
 			let n = o.value[e], r = s.value[e];
@@ -3281,109 +3749,60 @@ function ii(e) {
 		}
 		e.setActiveIndex(i);
 	}
-	function re() {
-		let t = n.value <= Zr, r = oe() <= Xr;
+	function W() {
+		let t = n.value <= yi, r = J() <= vi;
 		return t ? (e.setActiveIndex(0), !0) : r ? (e.setActiveIndex(Math.max(0, e.items.value.length - 1)), !0) : !1;
 	}
-	function J() {
-		P.maybeRequestPage(), F.maybeRequestPage();
+	function ne() {
+		j.maybeRequestPage(), M.maybeRequestPage();
 	}
-	function Y() {
-		r.value = ie(), a.value = ae();
+	function G() {
+		r.value = K(), a.value = q();
 	}
-	function ie() {
-		return Rr(t.value, r.value);
+	function K() {
+		return Gr(t.value, r.value);
 	}
-	function ae() {
-		return zr(t.value, a.value, Jr);
+	function q() {
+		return Kr(t.value, a.value, gi);
 	}
-	function oe() {
-		return Br(t.value, n.value, r.value, C.value);
+	function J() {
+		return qr(t.value, n.value, r.value, C.value);
 	}
-	function se() {
+	function Y() {
 		let e = Math.max(t.value?.scrollHeight ?? 0, C.value);
 		return Math.max(0, e - r.value);
 	}
-	function ce() {
-		return Vr(j.value, M.value);
-	}
-	function le(e) {
-		return e.length ? xr(e, {
-			columnCount: h.value,
-			columnWidth: g.value,
-			gapX: qr,
-			gapY: qr,
-			bucketPx: Gr
-		}).contentHeight + Kr * 2 : 0;
-	}
-	function ue(e) {
-		let t = /* @__PURE__ */ new Map();
-		for (let n of e) {
-			let e = $(n), r = u.value.get(e);
-			if (r == null) continue;
-			let i = s.value[r];
-			i != null && t.set(e, i);
-		}
-		return t;
-	}
-	function X() {
-		let t = e.commitPendingAppend.value;
-		typeof t == "function" && (z = setTimeout(async () => {
-			z = null, ee = !0;
-			try {
-				if (!e.pendingAppendItems.value.length) return;
-				await t(), await _(), await _();
-			} finally {
-				d.value = null, ee = !1;
-			}
-		}, $r));
-	}
-	function de() {
-		z &&= (clearTimeout(z), null);
-	}
-	function fe() {
-		B && (clearTimeout(B), B = null, p.value = !1);
-	}
 	return {
-		columnWidth: g,
+		autoScroll: N.autoScroll,
+		columnWidth: h,
 		containerHeight: C,
-		getCardStyle: U,
-		getLeavingCardStyle: N.getLeavingCardStyle,
-		getScrollbarThumbStyle: ce,
-		leavingItems: N.leavingItems,
+		getCardStyle: te,
+		getLeavingCardStyle: A.getLeavingCardStyle,
+		getScrollbarThumbStyle: k.getScrollbarThumbStyle,
+		leavingItems: A.leavingItems,
 		nextBoundaryLoadProgress: T,
-		onScroll: V,
-		onWheel: H,
+		onScroll: z,
+		onWheel: ee,
 		paginationLabel: E,
 		previousBoundaryLoadProgress: O,
 		renderedItems: b,
 		resolvedActiveIndex: v,
-		scrollToIndex: W,
-		showScrollbar: A,
+		scrollToIndex: B,
+		showScrollbar: k.showScrollbar,
 		scrollViewportRef: t
 	};
 }
-function ai(e, t, n) {
+function wi(e, t, n) {
 	return Math.min(Math.max(e, t), n);
 }
-function oi(e) {
-	if (!e.active || !e.triggerEnabled) return 0;
-	let t = Math.max(0, e.maxScrollTop - e.thresholdPx);
-	return t <= 0 ? 1 : ai(1 - (e.progressDistancePx - e.thresholdPx) / t, 0, 1);
-}
-function si(e) {
-	if (!e.active || !e.triggerEnabled) return 0;
-	let t = Math.max(0, e.maxScrollTop - e.thresholdPx);
-	return t <= 0 ? 1 : ai(e.progressDistancePx / t, 0, 1);
-}
 //#endregion
 //#region src/components/viewer-core/listCardAsset.ts
-function ci(e) {
+function Ti(e) {
 	if (e) try {
 		e.removeAttribute("src"), e.src = "";
 	} catch {}
 }
-function li(e) {
+function Ei(e) {
 	if (e) {
 		try {
 			e.currentTime = 0;
@@ -3394,12 +3813,12 @@ function li(e) {
 		} catch {}
 	}
 }
-function ui(e, t) {
+function Di(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 di(e) {
+function Oi(e) {
 	if (!e) return null;
 	try {
 		return new URL(e, window.location.href).href;
@@ -3409,9 +3828,9 @@ function di(e) {
 }
 //#endregion
 //#region src/components/viewer-core/listPreview.ts
-var fi = /\.(avif|gif|jpe?g|png|svg|webp)(\?|#|$)/i, pi = /\.(m4v|mov|mp4|mpeg|ogg|ogv|webm)(\?|#|$)/i, mi = /^(?:(?:https?:)?\/\/[^/]+)?\/api\/files\/[^/?#]+\/(?:preview|downloaded)(?:\?|#|$)/i;
-function hi(e) {
-	let t = gi(e), n = t?.url, r = _r(e), i = e.title?.trim() || Pt(e.type);
+var ki = /\.(avif|gif|jpe?g|png|svg|webp)(\?|#|$)/i, Ai = /\.(m4v|mov|mp4|mpeg|ogg|ogv|webm)(\?|#|$)/i, ji = /^(?:(?:https?:)?\/\/[^/]+)?\/api\/files\/[^/?#]+\/(?:preview|downloaded)(?:\?|#|$)/i;
+function Mi(e) {
+	let t = Ni(e), n = t?.url, r = Tr(e), i = e.title?.trim() || Ht(e.type);
 	return t?.mediaType === "video" && typeof n == "string" ? {
 		kind: "video",
 		url: n,
@@ -3430,13 +3849,13 @@ function hi(e) {
 		width: r.width,
 		height: r.height,
 		label: i
-	} : typeof n == "string" && vi(e, n) ? {
+	} : typeof n == "string" && Fi(e, n) ? {
 		kind: "video",
 		url: n,
 		width: r.width,
 		height: r.height,
 		label: i
-	} : typeof n == "string" && _i(e, n) ? {
+	} : typeof n == "string" && Pi(e, n) ? {
 		kind: "image",
 		url: n,
 		width: r.width,
@@ -3450,26 +3869,26 @@ function hi(e) {
 		label: i
 	};
 }
-function gi(e) {
+function Ni(e) {
 	return e.preview?.url ? e.preview : typeof e.url != "string" || e.url.trim() === "" ? null : { url: e.url };
 }
-function _i(e, t) {
-	return e.type !== "image" || typeof t != "string" ? !1 : fi.test(t) || yi(t);
+function Pi(e, t) {
+	return e.type !== "image" || typeof t != "string" ? !1 : ki.test(t) || Ii(t);
 }
-function vi(e, t) {
-	return e.type !== "video" || typeof t != "string" ? !1 : pi.test(t) || bi(t);
+function Fi(e, t) {
+	return e.type !== "video" || typeof t != "string" ? !1 : Ai.test(t) || Li(t);
 }
-function yi(e) {
+function Ii(e) {
 	return /^(https?:\/\/|\/\/|\/(?!\/)|\.{1,2}\/|blob:|data:)/i.test(e);
 }
-function bi(e) {
-	return mi.test(e) || /^blob:/i.test(e) || /^data:video\//i.test(e);
+function Li(e) {
+	return ji.test(e) || /^blob:/i.test(e) || /^data:video\//i.test(e);
 }
 //#endregion
 //#region src/components/viewer-core/useListCardHealthCheck.ts
-function xi(e) {
+function Ri(e) {
 	let t = D(null), n = i(() => {
-		let t = typeof e.item.value.healthCheck?.url == "string" ? di(e.item.value.healthCheck.url) : null;
+		let t = typeof e.item.value.healthCheck?.url == "string" ? Oi(e.item.value.healthCheck.url) : null;
 		return !t || t === e.attachedAssetUrl.value ? null : t;
 	}), r = null, a = 0, o = /* @__PURE__ */ new Map();
 	L(n, (e, n) => {
@@ -3501,7 +3920,7 @@ function xi(e) {
 			r.refresh();
 			return;
 		}
-		r = It.request({
+		r = Wt.request({
 			assetType: "probe",
 			getPriority: e.getPriority,
 			onGrant() {
@@ -3511,7 +3930,7 @@ function xi(e) {
 					return;
 				}
 				let i = ++a;
-				un(r).then((s) => {
+				vn(r).then((s) => {
 					if (!(i !== a || n.value !== r)) {
 						if (o.set(r, s ?? null), !s) {
 							t.value = null;
@@ -3519,7 +3938,7 @@ function xi(e) {
 						}
 						t.value = s, e.reportAssetError?.({
 							item: e.item.value,
-							occurrenceKey: $(e.item.value),
+							occurrenceKey: Q(e.item.value),
 							url: r,
 							kind: s,
 							surface: "grid"
@@ -3547,14 +3966,14 @@ function xi(e) {
 }
 //#endregion
 //#region src/components/ListCard.vue?vue&type=script&setup=true&lang.ts
-var Si = ["aria-label"], Ci = {
+var zi = ["aria-label"], Bi = {
 	key: 0,
 	"data-testid": "vibe-list-card-spinner",
 	class: "pointer-events-none absolute inset-0 z-[4] grid place-items-center bg-black/18"
-}, wi = { 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]" }, Ti = ["src", "alt"], Ei = ["src"], Di = ["data-kind"], Oi = { class: "grid justify-items-center gap-3 px-4 text-center" }, ki = { class: "text-[0.68rem] font-bold uppercase tracking-[0.22em] text-[#f7f1ea]/72" }, Ai = {
+}, Vi = { 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]" }, Hi = ["src", "alt"], Ui = ["src"], Wi = ["data-kind"], Gi = { class: "grid justify-items-center gap-3 px-4 text-center" }, Ki = { class: "text-[0.68rem] font-bold uppercase tracking-[0.22em] text-[#f7f1ea]/72" }, qi = {
 	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))]"
-}, ji = { class: "inline-flex h-14 w-14 items-center justify-center border border-white/16 bg-black/20" }, Mi = { class: "pointer-events-none absolute inset-0 z-[3]" }, Ni = /* @__PURE__ */ d({
+}, Ji = { class: "inline-flex h-14 w-14 items-center justify-center border border-white/16 bg-black/20" }, Yi = { class: "pointer-events-none absolute inset-0 z-[3]" }, Xi = /* @__PURE__ */ d({
 	__name: "ListCard",
 	props: {
 		active: {
@@ -3578,7 +3997,7 @@ var Si = ["aria-label"], Ci = {
 	},
 	emits: ["open"],
 	setup(e, { emit: t }) {
-		let n = e, r = t, l = i(() => hi(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), M = i(() => l.value.kind === "image" && !!E.value), P = i(() => l.value.kind === "video" && !!E.value), F = xi({
+		let n = e, r = t, l = i(() => Mi(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), M = i(() => l.value.kind === "image" && !!E.value), P = i(() => l.value.kind === "video" && !!E.value), F = Ri({
 			attachedAssetUrl: E,
 			getPriority: ue,
 			isInView: d,
@@ -3587,7 +4006,7 @@ var Si = ["aria-label"], Ci = {
 			loadErrorKind: g,
 			reportAssetError: n.reportAssetError,
 			surfaceActive: i(() => n.surfaceActive)
-		}), I = i(() => F.errorKind.value ?? g.value), R = i(() => !!I.value), z = i(() => cn(I.value)), B = i(() => O.value && !g.value && (!T.value || !m.value)), te = null, V = null, H = /* @__PURE__ */ new Set();
+		}), I = i(() => F.errorKind.value ?? g.value), R = i(() => !!I.value), z = i(() => gn(I.value)), ee = i(() => O.value && !g.value && (!T.value || !m.value)), B = null, V = null, H = /* @__PURE__ */ new Set();
 		L([E, () => l.value.kind], () => {
 			let e = l.value.kind === "fallback";
 			m.value = e, h.value = !1, g.value = null, e && (T.value = !0);
@@ -3601,66 +4020,66 @@ var Si = ["aria-label"], Ci = {
 			q();
 		}), L(() => n.surfaceActive, (e) => {
 			if (!e) {
-				J(), q();
+				Y(), q();
 				return;
 			}
 			requestAnimationFrame(() => {
-				Y(), K(), q();
+				re(), K(), q();
 			});
 		}), S(() => {
 			if (!y.value || typeof IntersectionObserver > "u") {
 				b.value = null, d.value = !0, K();
 				return;
 			}
-			b.value = y.value.closest("[data-testid=\"vibe-list-scroll\"]"), te = new IntersectionObserver((e) => {
-				for (let t of e) t.target === y.value && (n.surfaceActive && Y(t), K(), q());
+			b.value = y.value.closest("[data-testid=\"vibe-list-scroll\"]"), B = new IntersectionObserver((e) => {
+				for (let t of e) t.target === y.value && (n.surfaceActive && re(t), K(), q());
 			}, {
 				root: b.value,
 				threshold: [0, 1]
-			}), te.observe(y.value);
+			}), B.observe(y.value);
 		}), x(() => {
-			re(), F.release(), te?.disconnect(), te = null;
+			J(), F.release(), B?.disconnect(), B = null;
 		});
 		function U() {
-			X(_.value) && (m.value = !0, g.value = null, ie(E.value ?? n.item.url), J());
+			X(_.value) && (m.value = !0, g.value = null, ie(E.value ?? n.item.url), Y());
 		}
 		async function W() {
 			if (!X(_.value)) return;
 			let e = E.value ?? n.item.url;
 			m.value = !1, g.value = "generic";
-			let t = await ln(e);
+			let t = await _n(e);
 			g.value = t, n.reportAssetError?.({
 				item: n.item,
-				occurrenceKey: $(n.item),
+				occurrenceKey: Q(n.item),
 				url: e,
 				kind: t,
 				surface: "grid"
-			}), J();
+			}), Y();
 		}
 		function ne() {
-			X(C.value) && (h.value = !0, m.value = !0, g.value = null, ie(E.value ?? n.item.url), J(), q());
+			X(C.value) && (h.value = !0, m.value = !0, g.value = null, ie(E.value ?? n.item.url), Y(), q());
 		}
 		function G() {
 			X(C.value) && (h.value || (m.value = !1));
 		}
 		function K() {
 			if (l.value.kind === "fallback") {
-				re(!1);
+				J(!1);
 				return;
 			}
 			if (!n.surfaceActive) {
-				J();
+				Y();
 				return;
 			}
 			if (!O.value) {
-				re();
+				J();
 				return;
 			}
 			if (T.value || V) {
 				V?.refresh();
 				return;
 			}
-			V = It.request({
+			V = Wt.request({
 				assetType: l.value.kind,
 				getPriority: ue,
 				onGrant() {
@@ -3677,7 +4096,7 @@ var Si = ["aria-label"], Ci = {
 					return;
 				}
 				if (E.value && d.value && m.value) {
-					e.muted = !0, e.loop = !0, e.playsInline = !0, pn(e);
+					e.muted = !0, e.loop = !0, e.playsInline = !0, xn(e);
 					return;
 				}
 				try {
@@ -3686,23 +4105,23 @@ var Si = ["aria-label"], Ci = {
 				e.pause();
 			}
 		}
-		function re(e = !0) {
-			T.value = l.value.kind === "fallback", g.value = null, m.value = l.value.kind === "fallback", e && (se(), ce()), J();
+		function J(e = !0) {
+			T.value = l.value.kind === "fallback", g.value = null, m.value = l.value.kind === "fallback", e && (se(), ce()), Y();
 		}
-		function J() {
+		function Y() {
 			V?.release(), V = null;
 		}
-		function Y(e) {
+		function re(e) {
 			let t = y.value;
 			if (!t) {
 				d.value = !0;
 				return;
 			}
-			d.value = ui(e?.boundingClientRect ?? t.getBoundingClientRect(), e?.rootBounds ?? b.value?.getBoundingClientRect() ?? null);
+			d.value = Di(e?.boundingClientRect ?? t.getBoundingClientRect(), e?.rootBounds ?? b.value?.getBoundingClientRect() ?? null);
 		}
 		function ie(e) {
 			if (!e) return;
-			let t = $(n.item), r = `${t}|${e}`;
+			let t = Q(n.item), r = `${t}|${e}`;
 			H.has(r) || (H.add(r), n.reportAssetLoad?.({
 				item: n.item,
 				occurrenceKey: t,
@@ -3712,16 +4131,16 @@ var Si = ["aria-label"], Ci = {
 		}
 		function ae() {
 			if (!z.value || F.retry()) return;
-			let e = $(n.item);
+			let e = Q(n.item);
 			H.forEach((t) => {
 				t.startsWith(`${e}|`) && H.delete(t);
-			}), g.value = null, m.value = !1, T.value = !1, J(), K();
+			}), g.value = null, m.value = !1, T.value = !1, Y(), K();
 		}
 		function se() {
-			ci(_.value);
+			Ti(_.value);
 		}
 		function ce() {
-			li(C.value);
+			Ei(C.value);
 		}
 		function ue() {
 			let e = y.value;
@@ -3735,8 +4154,8 @@ var Si = ["aria-label"], Ci = {
 			return Math.abs((t.top + t.bottom) / 2 - n);
 		}
 		function X(e) {
-			let t = di(E.value);
-			return !e || !t ? !1 : di("currentSrc" in e && e.currentSrc || e.getAttribute("src")) === t;
+			let t = Oi(E.value);
+			return !e || !t ? !1 : Oi("currentSrc" in e && e.currentSrc || e.getAttribute("src")) === t;
 		}
 		function de() {
 			r("open");
@@ -3744,7 +4163,7 @@ var Si = ["aria-label"], Ci = {
 		function fe() {
 			f.value = !0;
 		}
-		function Z(e) {
+		function pe(e) {
 			let t = e.relatedTarget;
 			y.value && t instanceof Node && y.value.contains(t) || (f.value = !1);
 		}
@@ -3754,7 +4173,7 @@ var Si = ["aria-label"], Ci = {
 			"data-testid": "vibe-list-card-inner",
 			class: v(["group relative h-full w-full overflow-hidden border bg-[#0a0b0f] text-[#f7f1ea] transition-[border-color,transform] duration-300", n.active ? "border-white/28" : "border-white/12 hover:border-white/24"]),
 			onFocusin: fe,
-			onFocusout: Z,
+			onFocusout: pe,
 			onPointerenter: t[0] ||= (e) => p.value = !0,
 			onPointerleave: t[1] ||= (e) => p.value = !1
 		}, [
@@ -3764,8 +4183,8 @@ var Si = ["aria-label"], Ci = {
 				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: de
-			}, null, 8, Si),
-			B.value ? (w(), s("div", Ci, [c("span", wi, [u(N(oe), {
+			}, null, 8, zi),
+			ee.value ? (w(), s("div", Bi, [c("span", Vi, [u(N(oe), {
 				class: "h-5 w-5 animate-spin stroke-[1.9] text-[#f7f1ea]/78",
 				"aria-hidden": "true"
 			})])])) : o("", !0),
@@ -3779,7 +4198,7 @@ var Si = ["aria-label"], Ci = {
 				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: U,
 				onError: W
-			}, null, 42, Ti)) : P.value && E.value && !R.value ? (w(), s("video", {
+			}, null, 42, Hi)) : P.value && E.value && !R.value ? (w(), s("video", {
 				key: 2,
 				ref_key: "videoRef",
 				ref: C,
@@ -3795,31 +4214,31 @@ var Si = ["aria-label"], Ci = {
 				onPlaying: ne,
 				onStalled: G,
 				onWaiting: G
-			}, null, 42, Ei)) : R.value ? (w(), s("div", {
+			}, null, 42, Ui)) : R.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", Oi, [
+			}, [c("div", Gi, [
 				u(N(le), {
 					class: "h-6 w-6 stroke-[1.8] text-[#f7f1ea]/78",
 					"aria-hidden": "true"
 				}),
-				c("span", ki, j(N(sn)(I.value)), 1),
+				c("span", Ki, j(N(hn)(I.value)), 1),
 				z.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: ee(ae, ["stop"])
+					onClick: te(ae, ["stop"])
 				}, " Retry ")) : o("", !0)
-			])], 8, Di)) : (w(), s("div", Ai, [c("div", ji, [k(e.$slots, "item-icon", {
-				icon: N(Nt)(n.item.type),
+			])], 8, Wi)) : (w(), s("div", qi, [c("div", Ji, [k(e.$slots, "item-icon", {
+				icon: N(Vt)(n.item.type),
 				item: n.item
-			}, () => [(w(), a(A(N(Nt)(n.item.type)), {
+			}, () => [(w(), a(A(N(Vt)(n.item.type)), {
 				class: "h-6 w-6 stroke-[1.8] text-[#f7f1ea]/78",
 				"aria-hidden": "true"
 			}))])])])),
-			c("div", Mi, [k(e.$slots, "grid-item-overlay", {
+			c("div", Yi, [k(e.$slots, "grid-item-overlay", {
 				active: n.active,
 				focused: f.value,
 				hovered: p.value,
@@ -3829,24 +4248,24 @@ var Si = ["aria-label"], Ci = {
 			})])
 		], 34));
 	}
-}), Pi = { 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)]" }, Fi = { class: "pointer-events-none absolute inset-x-0 top-0 z-[2] flex justify-end p-6" }, Ii = {
+}), Zi = { 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)]" }, Qi = { class: "pointer-events-none absolute inset-x-0 top-0 z-[2] flex justify-end p-6" }, $i = {
 	"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]"
-}, Li = { class: "whitespace-nowrap" }, Ri = {
+}, ea = { class: "whitespace-nowrap" }, ta = {
 	key: 0,
 	class: "whitespace-nowrap border-l border-white/12 pl-2 text-[#f7f1ea]/56 min-[721px]:pl-3"
-}, zi = [
+}, na = [
 	"data-active",
 	"data-index",
 	"data-item-id",
 	"data-occurrence-key"
-], Bi = ["data-item-id"], Vi = {
+], ra = ["data-item-id"], ia = {
 	key: 0,
 	class: "pointer-events-none absolute inset-y-0 right-0 z-[3] hidden w-8 min-[1024px]:block"
-}, Hi = {
+}, aa = {
 	key: 1,
 	class: "pointer-events-none absolute inset-x-0 bottom-0 z-[2] px-5 pb-5 sm:px-6"
-}, Ui = { class: "mx-auto flex w-full justify-center" }, Wi = /* @__PURE__ */ d({
+}, oa = { class: "mx-auto flex w-full justify-center" }, sa = /* @__PURE__ */ d({
 	__name: "ListSurface",
 	props: {
 		active: {
@@ -3858,6 +4277,7 @@ var Si = ["aria-label"], Ci = {
 			type: Boolean,
 			default: !1
 		},
+		bottomLoadBufferPx: { default: 100 },
 		commitPendingAppend: {
 			type: [Function, null],
 			default: null
@@ -3906,87 +4326,90 @@ var Si = ["aria-label"], Ci = {
 		"open-fullscreen",
 		"update:activeIndex"
 	],
-	setup(e, { emit: n }) {
-		let r = e, d = F(), f = n, p = ii({
-			active: M(r, "active"),
-			allowExhaustedNextPageRefresh: M(r, "allowExhaustedNextPageRefresh"),
-			items: M(r, "items"),
-			activeIndex: M(r, "activeIndex"),
-			loading: M(r, "loading"),
-			hasNextPage: M(r, "hasNextPage"),
-			hasPreviousPage: M(r, "hasPreviousPage"),
-			paginationDetail: M(r, "paginationDetail"),
-			pendingAppendItems: M(r, "pendingAppendItems"),
-			commitPendingAppend: M(r, "commitPendingAppend"),
-			requestNextPage: M(r, "requestNextPage"),
-			requestPreviousPage: M(r, "requestPreviousPage"),
+	setup(e, { expose: n, emit: r }) {
+		let d = e, f = F(), p = r, m = Ci({
+			active: M(d, "active"),
+			allowExhaustedNextPageRefresh: M(d, "allowExhaustedNextPageRefresh"),
+			bottomLoadBufferPx: M(d, "bottomLoadBufferPx"),
+			items: M(d, "items"),
+			activeIndex: M(d, "activeIndex"),
+			loading: M(d, "loading"),
+			hasNextPage: M(d, "hasNextPage"),
+			hasPreviousPage: M(d, "hasPreviousPage"),
+			paginationDetail: M(d, "paginationDetail"),
+			pendingAppendItems: M(d, "pendingAppendItems"),
+			commitPendingAppend: M(d, "commitPendingAppend"),
+			requestNextPage: M(d, "requestNextPage"),
+			requestPreviousPage: M(d, "requestPreviousPage"),
 			setActiveIndex(e) {
-				f("update:activeIndex", e);
+				p("update:activeIndex", e);
 			}
-		}), m = i(() => Zt({
-			itemCount: r.items.length,
-			loading: r.loading,
-			phase: r.phase
-		})), h = i(() => Qt({
-			errorMessage: r.errorMessage,
-			hasItems: r.items.length > 0,
-			hasNextPage: r.hasNextPage,
-			phase: m.value,
+		});
+		n({ autoScroll: m.autoScroll });
+		let h = i(() => on({
+			itemCount: d.items.length,
+			loading: d.loading,
+			phase: d.phase
+		})), _ = i(() => sn({
+			errorMessage: d.errorMessage,
+			hasItems: d.items.length > 0,
+			hasNextPage: d.hasNextPage,
+			phase: h.value,
 			surface: "grid"
-		})), _ = i(() => !r.showStatusBadges || !h.value ? null : {
-			activeIndex: p.resolvedActiveIndex.value,
-			kind: h.value.kind,
-			loading: r.loading,
-			message: h.value.message,
-			paginationDetail: r.paginationDetail,
-			total: r.items.length
-		}), x = i(() => !_.value || !d["grid-status"] ? [] : d["grid-status"](_.value)), S = i(() => Kt(x.value)), C = i(() => r.items.length + p.leavingItems.value.length), { emptyStateProps: T, showBadgeEmptyState: E, showCustomEmptyState: D, showInlineEmptyState: A } = Yt({
-			emptyStateMode: M(r, "emptyStateMode"),
-			itemCount: C,
-			loading: M(r, "loading"),
-			renderSlot: d["empty-state"],
+		})), x = i(() => !d.showStatusBadges || !_.value ? null : {
+			activeIndex: m.resolvedActiveIndex.value,
+			kind: _.value.kind,
+			loading: d.loading,
+			message: _.value.message,
+			paginationDetail: d.paginationDetail,
+			total: d.items.length
+		}), S = i(() => !x.value || !f["grid-status"] ? [] : f["grid-status"](x.value)), C = i(() => en(S.value)), T = i(() => d.items.length + m.leavingItems.value.length), { emptyStateProps: E, showBadgeEmptyState: D, showCustomEmptyState: A, showInlineEmptyState: P } = rn({
+			emptyStateMode: M(d, "emptyStateMode"),
+			itemCount: T,
+			loading: M(d, "loading"),
+			renderSlot: f["empty-state"],
 			surface: "grid"
 		});
-		return L([p.nextBoundaryLoadProgress, p.previousBoundaryLoadProgress], ([e, t]) => {
-			f("boundary-load-progress", {
+		return L([m.nextBoundaryLoadProgress, m.previousBoundaryLoadProgress], ([e, t]) => {
+			p("boundary-load-progress", {
 				nextBoundaryLoadProgress: e,
 				previousBoundaryLoadProgress: t
 			});
-		}, { immediate: !0 }), (e, n) => (w(), s("div", Pi, [
-			c("div", Fi, [c("span", Ii, [c("span", Li, j(N(p).paginationLabel.value), 1), r.paginationDetail ? (w(), s("span", Ri, j(r.paginationDetail), 1)) : o("", !0)])]),
+		}, { immediate: !0 }), (e, n) => (w(), s("div", Zi, [
+			c("div", Qi, [c("span", $i, [c("span", ea, j(N(m).paginationLabel.value), 1), d.paginationDetail ? (w(), s("span", ta, j(d.paginationDetail), 1)) : o("", !0)])]),
 			c("div", {
-				ref: N(p).scrollViewportRef,
+				ref: N(m).scrollViewportRef,
 				"data-testid": "vibe-list-scroll",
 				class: "h-full min-h-0 overflow-y-auto overflow-x-hidden [overflow-anchor:none] [scrollbar-width:none] [-ms-overflow-style:none] [&::-webkit-scrollbar]:hidden",
-				onScroll: n[0] ||= (...e) => N(p).onScroll && N(p).onScroll(...e),
-				onWheel: n[1] ||= (...e) => N(p).onWheel && N(p).onWheel(...e)
+				onScroll: n[0] ||= (...e) => N(m).onScroll && N(m).onScroll(...e),
+				onWheel: n[1] ||= (...e) => N(m).onWheel && N(m).onWheel(...e)
 			}, [c("div", {
 				"data-testid": "vibe-list-content",
 				class: "relative",
-				style: b({ height: `${N(p).containerHeight.value}px` })
+				style: b({ height: `${N(m).containerHeight.value}px` })
 			}, [
-				(w(!0), s(t, null, O(N(p).renderedItems.value, ({ item: t, index: n }) => (w(), s("article", {
-					key: N($)(t),
+				(w(!0), s(t, null, O(N(m).renderedItems.value, ({ item: t, index: n }) => (w(), s("article", {
+					key: N(Q)(t),
 					"data-testid": "vibe-list-card",
-					"data-active": n === N(p).resolvedActiveIndex.value ? "true" : "false",
+					"data-active": n === N(m).resolvedActiveIndex.value ? "true" : "false",
 					"data-index": n,
 					"data-item-id": t.id,
-					"data-occurrence-key": N($)(t),
+					"data-occurrence-key": N(Q)(t),
 					class: "absolute will-change-transform",
-					style: b(N(p).getCardStyle(n))
-				}, [u(Ni, {
-					active: n === N(p).resolvedActiveIndex.value,
+					style: b(N(m).getCardStyle(n))
+				}, [u(Xi, {
+					active: n === N(m).resolvedActiveIndex.value,
 					index: n,
 					item: t,
-					"report-asset-error": r.reportAssetError,
-					"report-asset-load": r.reportAssetLoad,
-					"surface-active": r.active,
-					onOpen: (e) => f("open-fullscreen", n)
-				}, l({ _: 2 }, [d["grid-item-overlay"] ? {
+					"report-asset-error": d.reportAssetError,
+					"report-asset-load": d.reportAssetLoad,
+					"surface-active": d.active,
+					onOpen: (e) => p("open-fullscreen", n)
+				}, l({ _: 2 }, [f["grid-item-overlay"] ? {
 					name: "grid-item-overlay",
 					fn: z((t) => [k(e.$slots, "grid-item-overlay", g({ ref_for: !0 }, t))]),
 					key: "0"
-				} : void 0, d["item-icon"] ? {
+				} : void 0, f["item-icon"] ? {
 					name: "item-icon",
 					fn: z((t) => [k(e.$slots, "item-icon", g({ ref_for: !0 }, t))]),
 					key: "1"
@@ -3998,21 +4421,21 @@ var Si = ["aria-label"], Ci = {
 					"report-asset-load",
 					"surface-active",
 					"onOpen"
-				])], 12, zi))), 128)),
-				(w(!0), s(t, null, O(N(p).leavingItems.value, (t) => (w(), s("article", {
-					key: `leaving-${N($)(t.item)}`,
+				])], 12, na))), 128)),
+				(w(!0), s(t, null, O(N(m).leavingItems.value, (t) => (w(), s("article", {
+					key: `leaving-${N(Q)(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(N(p).getLeavingCardStyle(t.item))
-				}, [u(Ni, {
+					style: b(N(m).getLeavingCardStyle(t.item))
+				}, [u(Xi, {
 					active: !1,
 					index: -1,
 					item: t.item,
-					"report-asset-error": r.reportAssetError,
-					"report-asset-load": r.reportAssetLoad,
+					"report-asset-error": d.reportAssetError,
+					"report-asset-load": d.reportAssetLoad,
 					"surface-active": !1
-				}, l({ _: 2 }, [d["item-icon"] ? {
+				}, l({ _: 2 }, [f["item-icon"] ? {
 					name: "item-icon",
 					fn: z((t) => [k(e.$slots, "item-icon", g({ ref_for: !0 }, t))]),
 					key: "0"
@@ -4020,14 +4443,14 @@ var Si = ["aria-label"], Ci = {
 					"item",
 					"report-asset-error",
 					"report-asset-load"
-				])], 12, Bi))), 128)),
-				N(A) && N(T) ? (w(), a(Mn, {
+				])], 12, ra))), 128)),
+				N(P) && N(E) ? (w(), a(Bn, {
 					key: 0,
-					message: N(T).message,
-					mode: N(T).mode,
-					surface: N(T).surface
+					message: N(E).message,
+					mode: N(E).mode,
+					surface: N(E).surface
 				}, {
-					default: z(() => [N(D) ? k(e.$slots, "empty-state", y(g({ key: 0 }, N(T)))) : o("", !0)]),
+					default: z(() => [N(A) ? k(e.$slots, "empty-state", y(g({ key: 0 }, N(E)))) : o("", !0)]),
 					_: 3
 				}, 8, [
 					"message",
@@ -4035,28 +4458,28 @@ var Si = ["aria-label"], Ci = {
 					"surface"
 				])) : o("", !0)
 			], 4)], 544),
-			N(p).showScrollbar.value ? (w(), s("div", Vi, [n[2] ||= c("div", { class: "absolute bottom-6 right-3 top-6 w-px bg-white/8" }, null, -1), c("div", {
+			N(m).showScrollbar.value ? (w(), s("div", ia, [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", r.loading ? "bg-white/52" : "bg-white/34"]),
-				style: b(N(p).getScrollbarThumbStyle())
+				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(N(m).getScrollbarThumbStyle())
 			}, null, 6)])) : o("", !0),
-			d["grid-footer"] ? (w(), s("div", Hi, [c("div", Ui, [k(e.$slots, "grid-footer")])])) : o("", !0),
-			_.value ? (w(), s("div", {
+			f["grid-footer"] ? (w(), s("div", aa, [c("div", oa, [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", d["grid-footer"] ? "pb-24" : "pb-6"])
-			}, [S.value ? k(e.$slots, "grid-status", y(g({ key: 0 }, _.value))) : (w(), s("span", {
+				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"])
+			}, [C.value ? k(e.$slots, "grid-status", y(g({ key: 0 }, x.value))) : (w(), s("span", {
 				key: 1,
 				"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]", _.value.kind === "end" ? "border-amber-300/35 text-amber-200" : _.value.kind === "failed" ? "border-rose-400/45 text-rose-100" : ""])
-			}, j(_.value.message), 3))], 2)) : o("", !0),
-			N(E) && N(T) ? (w(), a(Mn, {
+				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" : ""])
+			}, j(x.value.message), 3))], 2)) : o("", !0),
+			N(D) && N(E) ? (w(), a(Bn, {
 				key: 3,
-				class: v(["z-[3]", d["grid-footer"] ? "pb-24" : "pb-6"]),
-				message: N(T).message,
-				mode: N(T).mode,
-				surface: N(T).surface
+				class: v(["z-[3]", f["grid-footer"] ? "pb-24" : "pb-6"]),
+				message: N(E).message,
+				mode: N(E).mode,
+				surface: N(E).surface
 			}, {
-				default: z(() => [N(D) ? k(e.$slots, "empty-state", y(g({ key: 0 }, N(T)))) : o("", !0)]),
+				default: z(() => [N(A) ? k(e.$slots, "empty-state", y(g({ key: 0 }, N(E)))) : o("", !0)]),
 				_: 3
 			}, 8, [
 				"class",
@@ -4066,16 +4489,17 @@ var Si = ["aria-label"], Ci = {
 			])) : o("", !0)
 		]));
 	}
-}), Gi = ["data-surface-mode"], Ki = {
+}), ca = ["data-surface-mode"], la = {
 	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"
-}, qi = ["data-visible", "inert"], Ji = ["data-visible", "inert"], Yi = {
+}, ua = ["data-visible", "inert"], da = ["data-visible", "inert"], fa = {
 	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"
-}, Xi = /* @__PURE__ */ d({
+}, pa = /* @__PURE__ */ d({
 	name: "VibeLayout",
 	__name: "Layout",
 	props: {
+		bottomLoadBufferPx: {},
 		emptyStateMode: {},
 		fillDelayMs: {},
 		fillDelayStepMs: {},
@@ -4098,18 +4522,26 @@ var Si = ["aria-label"], Ci = {
 		"update:surfaceMode"
 	],
 	setup(e, { expose: n, emit: i }) {
-		let d = e, f = F(), m = i, h = rt(d, m), g = fe((e) => {
+		let d = e, f = F(), m = i, h = dt(d, m), g = D(null), _ = fe((e) => {
 			m("asset-errors", e);
-		}), _ = Z((e) => {
+		}), v = pe((e) => {
 			m("asset-loads", e);
 		});
-		return x(() => {
-			g.stop(), _.stop();
+		x(() => {
+			_.stop(), v.stop();
 		}), L(() => h.items.value, (e) => {
 			m("items-change", [...e]);
-		}), n({
+		});
+		function b(e) {
+			g.value?.autoScroll(e);
+		}
+		return n({
+			autoScroll: b,
 			cancel: h.cancel,
+			cancelFill: h.cancelFill,
 			clearRemoved: h.clearRemoved,
+			fillUntil: h.fillUntil,
+			fillUntilEnd: h.fillUntilEnd,
 			getItemByOccurrenceKey: h.getItemByOccurrenceKey,
 			getItems: h.getItems,
 			getRemovedIds: h.getRemovedIds,
@@ -4131,7 +4563,7 @@ var Si = ["aria-label"], Ci = {
 			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) => N(h).retryInitialLoad && N(h).retryInitialLoad(...e)
-		}, " Retry ")) : N(h).errorMessage.value && N(h).items.value.length > 0 ? (w(), s("div", Ki, j(N(h).errorMessage.value), 1)) : o("", !0), N(h).isDesktop.value ? (w(), s(t, { key: 2 }, [u(r, {
+		}, " Retry ")) : N(h).errorMessage.value && N(h).items.value.length > 0 ? (w(), s("div", la, j(N(h).errorMessage.value), 1)) : o("", !0), N(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",
@@ -4140,14 +4572,17 @@ var Si = ["aria-label"], Ci = {
 			"leave-from-class": "translate-y-0 opacity-100",
 			"leave-to-class": "translate-y-3 opacity-0"
 		}, {
-			default: z(() => [B(c("div", {
+			default: z(() => [ee(c("div", {
 				"data-testid": "vibe-list-surface",
 				"data-visible": N(h).surfaceMode.value === "list" ? "true" : "false",
 				inert: N(h).surfaceMode.value !== "list",
 				class: "absolute inset-0 z-[2]"
-			}, [u(Wi, {
+			}, [u(sa, {
+				ref_key: "listSurfaceRef",
+				ref: g,
 				active: N(h).surfaceMode.value === "list",
 				"allow-exhausted-next-page-refresh": N(h).canRefreshExhaustedNextPage.value,
+				"bottom-load-buffer-px": d.bottomLoadBufferPx,
 				items: N(h).items.value,
 				"active-index": N(h).activeIndex.value,
 				"error-message": N(h).errorMessage.value,
@@ -4158,8 +4593,8 @@ var Si = ["aria-label"], Ci = {
 				phase: N(h).phase.value,
 				"commit-pending-append": N(h).commitPendingAppend,
 				"pagination-detail": N(h).paginationDetail.value,
-				"report-asset-error": N(g).report,
-				"report-asset-load": N(_).report,
+				"report-asset-error": N(_).report,
+				"report-asset-load": N(v).report,
 				"request-next-page": N(h).prefetchNextPage,
 				"request-previous-page": N(h).prefetchPreviousPage,
 				"empty-state-mode": d.emptyStateMode,
@@ -4196,6 +4631,7 @@ var Si = ["aria-label"], Ci = {
 			]), 1032, [
 				"active",
 				"allow-exhausted-next-page-refresh",
+				"bottom-load-buffer-px",
 				"items",
 				"active-index",
 				"error-message",
@@ -4215,7 +4651,7 @@ var Si = ["aria-label"], Ci = {
 				"onBoundaryLoadProgress",
 				"onOpenFullscreen",
 				"onUpdate:activeIndex"
-			])], 8, qi), [[I, N(h).surfaceMode.value === "list"]])]),
+			])], 8, ua), [[I, N(h).surfaceMode.value === "list"]])]),
 			_: 3
 		}), u(r, {
 			appear: "",
@@ -4226,12 +4662,12 @@ var Si = ["aria-label"], Ci = {
 			"leave-from-class": "translate-y-0 opacity-100",
 			"leave-to-class": "-translate-y-3 opacity-0"
 		}, {
-			default: z(() => [B(c("div", {
+			default: z(() => [ee(c("div", {
 				"data-testid": "vibe-fullscreen-surface",
 				"data-visible": N(h).surfaceMode.value === "fullscreen" ? "true" : "false",
 				inert: N(h).surfaceMode.value !== "fullscreen",
 				class: "absolute inset-0 z-[3]"
-			}, [u(mr, {
+			}, [u(Sr, {
 				items: N(h).items.value,
 				active: N(h).surfaceMode.value === "fullscreen",
 				"active-index": N(h).activeIndex.value,
@@ -4240,8 +4676,8 @@ var Si = ["aria-label"], Ci = {
 				"has-next-page": N(h).hasNextPage.value,
 				"pagination-detail": N(h).paginationDetail.value,
 				phase: N(h).phase.value,
-				"report-asset-error": N(g).report,
-				"report-asset-load": N(_).report,
+				"report-asset-error": N(_).report,
+				"report-asset-load": N(v).report,
 				"empty-state-mode": d.emptyStateMode,
 				"loop-fullscreen-video": d.loopFullscreenVideo ?? !0,
 				"show-dominant-image-tone": d.showDominantImageTone ?? !0,
@@ -4300,12 +4736,12 @@ var Si = ["aria-label"], Ci = {
 				"show-back-to-list",
 				"onBackToList",
 				"onUpdate:activeIndex"
-			])], 8, Ji), [[I, N(h).surfaceMode.value === "fullscreen"]])]),
+			])], 8, da), [[I, N(h).surfaceMode.value === "fullscreen"]])]),
 			_: 3
-		})], 64)) : N(h).items.value.length === 0 && N(h).loading.value ? (w(), s("div", Yi, [u(N(oe), {
+		})], 64)) : N(h).items.value.length === 0 && N(h).loading.value ? (w(), s("div", fa, [u(N(oe), {
 			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(mr, {
+		}), n[1] ||= c("p", { class: "m-0 text-[0.9rem] font-semibold uppercase tracking-[0.22em] text-[#f7f1ea]/72" }, " Loading... ", -1)])) : (w(), a(Sr, {
 			key: 4,
 			items: N(h).items.value,
 			active: !0,
@@ -4315,8 +4751,8 @@ var Si = ["aria-label"], Ci = {
 			"has-next-page": N(h).hasNextPage.value,
 			"pagination-detail": N(h).paginationDetail.value,
 			phase: N(h).phase.value,
-			"report-asset-error": N(g).report,
-			"report-asset-load": N(_).report,
+			"report-asset-error": N(_).report,
+			"report-asset-load": N(v).report,
 			"empty-state-mode": d.emptyStateMode,
 			"loop-fullscreen-video": d.loopFullscreenVideo ?? !0,
 			"show-dominant-image-tone": d.showDominantImageTone ?? !0,
@@ -4373,10 +4809,10 @@ var Si = ["aria-label"], Ci = {
 			"show-status-badges",
 			"onBackToList",
 			"onUpdate:activeIndex"
-		]))], 8, Gi));
+		]))], 8, ca));
 	}
-}), Zi = { install(e) {
-	e.component("VibeLayout", Xi);
+}), ma = { install(e) {
+	e.component("VibeLayout", pa);
 } };
 //#endregion
-export { Xi as VibeLayout, Zi as VibePlugin, Zi as default };
+export { pa as VibeLayout, ma as VibePlugin, ma as default };