@ioai/lerobot-studio 1.3.1 → 1.3.3

package/dist-lib/{DockviewLayout-C8FCn77e.js → DockviewLayout-Db1gK0Go.js}

@@ -1,4 +1,4 @@
-import { $ as e, A as t, B as n, C as r, D as i, Et as a, F as o, G as s, H as c, I as l, J as u, K as d, L as f, M as p, N as m, O as h, P as g, Q as _, R as v, St as y, T as b, Tt as x, V as S, W as C, X as w, Y as T, Z as E, _ as D, _t as O, at as k, c as ee, ct as A, dt as j, ft as M, gt as N, ht as P, it as te, j as ne, k as re, l as F, lt as ie, mt as ae, nt as oe, ot as se, p as ce, pt as le, q as ue, st as de, t as fe, tt as pe, u as me, ut as he, v as ge, vt as _e, w as ve, wt as ye, x as be, xt as xe, y as Se, yt as Ce, z as I } from "./react-window-DqEyepq_.js";
+import { $ as e, A as t, B as n, C as r, Ct as i, D as a, Dt as o, Et as s, F as c, G as l, H as u, I as d, J as f, K as p, L as m, M as h, N as g, O as _, Ot as v, P as y, R as b, T as x, V as S, X as C, Y as w, Z as T, _ as E, _t as D, bt as O, c as k, ct as A, dt as j, et as M, ft as N, gt as P, ht as ee, it as te, j as ne, k as re, l as F, lt as ie, mt as ae, ot as oe, p as se, pt as ce, q as le, rt as ue, st as de, t as fe, tt as pe, u as me, ut as he, v as ge, vt as _e, w as ve, wt as ye, x as be, xt as xe, y as Se, yt as Ce, z as I } from "./react-window-CNIimuLk.js";
 import { n as L } from "./MediaCache-DZ7bEoOY.js";
 import * as R from "react";
 import z, { Component as we, createContext as Te, memo as Ee, startTransition as De, useCallback as B, useDeferredValue as Oe, useEffect as V, useMemo as H, useRef as U, useState as ke, useSyncExternalStore as Ae } from "react";
@@ -22,12 +22,12 @@ var Ne = Object.defineProperty, K = (e, t) => Ne(e, "name", {
 }, ze = {
 	ltr: ["ArrowLeft"],
 	rtl: ["ArrowRight"]
-}, Be = "Menu", [Ve, He, Ue] = N(Be), [We, Ge] = O(Be, [
+}, Be = "Menu", [Ve, He, Ue] = _e(Be), [We, Ge] = Ce(Be, [
 	Ue,
-	w,
-	d
-]), Ke = w(), qe = d(), [Je, Ye] = We(Be), [Xe, Ze] = We(Be), Qe = /* @__PURE__ */ K((e) => {
-	let { __scopeMenu: t, open: n = !1, children: r, dir: i, onOpenChange: a, modal: o = !0 } = e, s = Ke(t), [c, l] = R.useState(null), u = R.useRef(!1), d = he(a), f = j(i);
+	T,
+	le
+]), Ke = T(), qe = le(), [Je, Ye] = We(Be), [Xe, Ze] = We(Be), Qe = /* @__PURE__ */ K((e) => {
+	let { __scopeMenu: t, open: n = !1, children: r, dir: i, onOpenChange: a, modal: o = !0 } = e, s = Ke(t), [c, l] = R.useState(null), u = R.useRef(!1), d = N(a), f = ce(i);
 	return R.useEffect(() => {
 		let e = /* @__PURE__ */ K(() => {
 			u.current = !0, document.addEventListener("pointerdown", t, {
@@ -45,7 +45,7 @@ var Ne = Object.defineProperty, K = (e, t) => Ne(e, "name", {
 		if (!n) return;
 		let e = /* @__PURE__ */ K(() => d(!1), "handleBlur");
 		return window.addEventListener("blur", e), () => window.removeEventListener("blur", e);
-	}, [n, d]), /* @__PURE__ */ W(T, {
+	}, [n, d]), /* @__PURE__ */ W(C, {
 		...s,
 		children: /* @__PURE__ */ W(Je, {
 			scope: t,
@@ -65,7 +65,7 @@ var Ne = Object.defineProperty, K = (e, t) => Ne(e, "name", {
 	});
 }, "Menu"), $e = /* @__PURE__ */ R.forwardRef(/* @__PURE__ */ K(function(e, t) {
 	let { __scopeMenu: n, ...r } = e, i = Ke(n);
-	return /* @__PURE__ */ W(ue, {
+	return /* @__PURE__ */ W(f, {
 		...i,
 		...r,
 		ref: t
@@ -75,9 +75,9 @@ var Ne = Object.defineProperty, K = (e, t) => Ne(e, "name", {
 	return /* @__PURE__ */ W(tt, {
 		scope: t,
 		forceMount: n,
-		children: /* @__PURE__ */ W(le, {
+		children: /* @__PURE__ */ W(ee, {
 			present: n || a.open,
-			children: /* @__PURE__ */ W(de, {
+			children: /* @__PURE__ */ W(ie, {
 				asChild: !0,
 				container: i,
 				children: r
@@ -88,7 +88,7 @@ var Ne = Object.defineProperty, K = (e, t) => Ne(e, "name", {
 	let n = nt(it, e.__scopeMenu), { forceMount: r = n.forceMount, ...i } = e, a = Ye(it, e.__scopeMenu), o = Ze(it, e.__scopeMenu);
 	return /* @__PURE__ */ W(Ve.Provider, {
 		scope: e.__scopeMenu,
-		children: /* @__PURE__ */ W(le, {
+		children: /* @__PURE__ */ W(ee, {
 			present: r || a.open,
 			children: /* @__PURE__ */ W(Ve.Slot, {
 				scope: e.__scopeMenu,
@@ -103,17 +103,17 @@ var Ne = Object.defineProperty, K = (e, t) => Ne(e, "name", {
 		})
 	});
 }, "MenuContent")), ct = /* @__PURE__ */ R.forwardRef(/* @__PURE__ */ K(function(e, t) {
-	let n = Ye(it, e.__scopeMenu), r = R.useRef(null), i = y(t, r);
+	let n = Ye(it, e.__scopeMenu), r = R.useRef(null), i = ye(t, r);
 	return R.useEffect(() => {
 		let e = r.current;
-		if (e) return te(e);
+		if (e) return oe(e);
 	}, []), /* @__PURE__ */ W(dt, {
 		...e,
 		ref: i,
 		trapFocus: n.open,
 		disableOutsidePointerEvents: n.open,
 		disableOutsideScroll: !0,
-		onFocusOutside: P(e.onFocusOutside, (e) => e.preventDefault(), { checkForDefaultPrevented: !1 }),
+		onFocusOutside: D(e.onFocusOutside, (e) => e.preventDefault(), { checkForDefaultPrevented: !1 }),
 		onDismiss: () => n.onOpenChange(!1)
 	});
 }, "MenuRootContentModal")), lt = /* @__PURE__ */ R.forwardRef(/* @__PURE__ */ K(function(e, t) {
@@ -126,93 +126,93 @@ var Ne = Object.defineProperty, K = (e, t) => Ne(e, "name", {
 		disableOutsideScroll: !1,
 		onDismiss: () => n.onOpenChange(!1)
 	});
-}, "MenuRootContentNonModal")), ut = xe("MenuContent.ScrollLock"), dt = /* @__PURE__ */ R.forwardRef(/* @__PURE__ */ K(function(e, t) {
-	let { __scopeMenu: n, loop: r = !1, trapFocus: i, onOpenAutoFocus: a, onCloseAutoFocus: o, disableOutsidePointerEvents: c, onEntryFocus: l, onEscapeKeyDown: d, onPointerDownOutside: f, onFocusOutside: p, onInteractOutside: m, onDismiss: h, disableOutsideScroll: g, ..._ } = e, v = Ye(it, n), b = Ze(it, n), x = Ke(n), S = qe(n), C = He(n), [w, T] = R.useState(null), E = R.useRef(null), D = y(t, E, v.onContentChange), O = R.useRef(0), ee = R.useRef(""), j = R.useRef(0), M = R.useRef(null), N = R.useRef("right"), te = R.useRef(0), ne = g ? k : R.Fragment, re = g ? {
+}, "MenuRootContentNonModal")), ut = i("MenuContent.ScrollLock"), dt = /* @__PURE__ */ R.forwardRef(/* @__PURE__ */ K(function(e, t) {
+	let { __scopeMenu: n, loop: r = !1, trapFocus: i, onOpenAutoFocus: a, onCloseAutoFocus: o, disableOutsidePointerEvents: s, onEntryFocus: c, onEscapeKeyDown: l, onPointerDownOutside: u, onFocusOutside: d, onInteractOutside: f, onDismiss: m, disableOutsideScroll: h, ...g } = e, _ = Ye(it, n), v = Ze(it, n), y = Ke(n), b = qe(n), x = He(n), [S, C] = R.useState(null), T = R.useRef(null), E = ye(t, T, _.onContentChange), O = R.useRef(0), k = R.useRef(""), M = R.useRef(0), N = R.useRef(null), P = R.useRef("right"), ee = R.useRef(0), te = h ? de : R.Fragment, ne = h ? {
 		as: ut,
 		allowPinchZoom: !0
-	} : void 0, F = /* @__PURE__ */ K((e) => {
-		let t = ee.current + e, n = C().filter((e) => !e.disabled), r = document.activeElement, i = n.find((e) => e.ref.current === r)?.textValue, a = Nt(n.map((e) => e.textValue), t, i), o = n.find((e) => e.textValue === a)?.ref.current;
+	} : void 0, re = /* @__PURE__ */ K((e) => {
+		let t = k.current + e, n = x().filter((e) => !e.disabled), r = document.activeElement, i = n.find((e) => e.ref.current === r)?.textValue, a = Nt(n.map((e) => e.textValue), t, i), o = n.find((e) => e.textValue === a)?.ref.current;
 		(/* @__PURE__ */ K((function e(t) {
-			ee.current = t, window.clearTimeout(O.current), t !== "" && (O.current = window.setTimeout(() => e(""), 1e3));
+			k.current = t, window.clearTimeout(O.current), t !== "" && (O.current = window.setTimeout(() => e(""), 1e3));
 		}), "updateSearch"))(t), o && setTimeout(() => o.focus());
 	}, "handleTypeaheadSearch");
-	R.useEffect(() => () => window.clearTimeout(O.current), []), se();
-	let ae = R.useCallback((e) => N.current === M.current?.side && Ft(e, M.current?.area), []);
+	R.useEffect(() => () => window.clearTimeout(O.current), []), A();
+	let F = R.useCallback((e) => P.current === N.current?.side && Ft(e, N.current?.area), []);
 	return /* @__PURE__ */ W(at, {
 		scope: n,
-		searchRef: ee,
+		searchRef: k,
 		onItemEnter: R.useCallback((e) => {
-			ae(e) && e.preventDefault();
-		}, [ae]),
+			F(e) && e.preventDefault();
+		}, [F]),
 		onItemLeave: R.useCallback((e) => {
-			ae(e) || (E.current?.focus(), T(null));
-		}, [ae]),
+			F(e) || (T.current?.focus(), C(null));
+		}, [F]),
 		onTriggerLeave: R.useCallback((e) => {
-			ae(e) && e.preventDefault();
-		}, [ae]),
-		pointerGraceTimerRef: j,
+			F(e) && e.preventDefault();
+		}, [F]),
+		pointerGraceTimerRef: M,
 		onPointerGraceIntentChange: R.useCallback((e) => {
-			M.current = e;
+			N.current = e;
 		}, []),
-		children: /* @__PURE__ */ W(ne, {
-			...re,
-			children: /* @__PURE__ */ W(A, {
+		children: /* @__PURE__ */ W(te, {
+			...ne,
+			children: /* @__PURE__ */ W(he, {
 				asChild: !0,
 				trapped: i,
-				onMountAutoFocus: P(a, (e) => {
-					e.preventDefault(), E.current?.focus({ preventScroll: !0 });
+				onMountAutoFocus: D(a, (e) => {
+					e.preventDefault(), T.current?.focus({ preventScroll: !0 });
 				}),
 				onUnmountAutoFocus: o,
-				children: /* @__PURE__ */ W(ie, {
+				children: /* @__PURE__ */ W(j, {
 					asChild: !0,
-					disableOutsidePointerEvents: c,
-					onEscapeKeyDown: d,
-					onPointerDownOutside: f,
-					onFocusOutside: p,
-					onInteractOutside: m,
-					onDismiss: h,
-					children: /* @__PURE__ */ W(s, {
+					disableOutsidePointerEvents: s,
+					onEscapeKeyDown: l,
+					onPointerDownOutside: u,
+					onFocusOutside: d,
+					onInteractOutside: f,
+					onDismiss: m,
+					children: /* @__PURE__ */ W(p, {
 						asChild: !0,
-						...S,
-						dir: b.dir,
+						...b,
+						dir: v.dir,
 						orientation: "vertical",
 						loop: r,
-						currentTabStopId: w,
-						onCurrentTabStopIdChange: T,
-						onEntryFocus: P(l, (e) => {
-							b.isUsingKeyboardRef.current || e.preventDefault();
+						currentTabStopId: S,
+						onCurrentTabStopIdChange: C,
+						onEntryFocus: D(c, (e) => {
+							v.isUsingKeyboardRef.current || e.preventDefault();
 						}),
 						preventScrollOnEntryFocus: !0,
-						children: /* @__PURE__ */ W(u, {
+						children: /* @__PURE__ */ W(w, {
 							role: "menu",
 							"aria-orientation": "vertical",
-							"data-state": Ot(v.open),
+							"data-state": Ot(_.open),
 							"data-radix-menu-content": "",
-							dir: b.dir,
-							...x,
-							..._,
-							ref: D,
+							dir: v.dir,
+							...y,
+							...g,
+							ref: E,
 							style: {
 								outline: "none",
-								..._.style
+								...g.style
 							},
-							onKeyDown: P(_.onKeyDown, (e) => {
+							onKeyDown: D(g.onKeyDown, (e) => {
 								let t = e.target.closest("[data-radix-menu-content]") === e.currentTarget, n = e.ctrlKey || e.altKey || e.metaKey, r = e.key.length === 1;
-								t && (e.key === "Tab" && e.preventDefault(), !n && r && F(e.key));
-								let i = E.current;
+								t && (e.key === "Tab" && e.preventDefault(), !n && r && re(e.key));
+								let i = T.current;
 								if (e.target !== i || !Le.includes(e.key)) return;
 								e.preventDefault();
-								let a = C().filter((e) => !e.disabled).map((e) => e.ref.current);
+								let a = x().filter((e) => !e.disabled).map((e) => e.ref.current);
 								Ie.includes(e.key) && a.reverse(), jt(a);
 							}),
-							onBlur: P(e.onBlur, (e) => {
-								e.currentTarget.contains(e.target) || (window.clearTimeout(O.current), ee.current = "");
+							onBlur: D(e.onBlur, (e) => {
+								e.currentTarget.contains(e.target) || (window.clearTimeout(O.current), k.current = "");
 							}),
-							onPointerMove: P(e.onPointerMove, It((e) => {
-								let t = e.target, n = te.current !== e.clientX;
+							onPointerMove: D(e.onPointerMove, It((e) => {
+								let t = e.target, n = ee.current !== e.clientX;
 								if (e.currentTarget.contains(t) && n) {
-									let t = e.clientX > te.current ? "right" : "left";
-									N.current = t, te.current = e.clientX;
+									let t = e.clientX > ee.current ? "right" : "left";
+									P.current = t, ee.current = e.clientX;
 								}
 							}))
 						})
@@ -222,57 +222,57 @@ var Ne = Object.defineProperty, K = (e, t) => Ne(e, "name", {
 		})
 	});
 }, "MenuContentImpl")), ft = "MenuItem", pt = "menu.itemSelect", mt = /* @__PURE__ */ R.forwardRef(/* @__PURE__ */ K(function(e, t) {
-	let { disabled: n = !1, onSelect: r, ...i } = e, a = R.useRef(null), o = Ze(ft, e.__scopeMenu), s = ot(ft, e.__scopeMenu), c = y(t, a), l = R.useRef(!1), u = /* @__PURE__ */ K(() => {
+	let { disabled: n = !1, onSelect: r, ...i } = e, a = R.useRef(null), o = Ze(ft, e.__scopeMenu), s = ot(ft, e.__scopeMenu), c = ye(t, a), l = R.useRef(!1), u = /* @__PURE__ */ K(() => {
 		let e = a.current;
 		if (!n && e) {
 			let t = new CustomEvent(pt, {
 				bubbles: !0,
 				cancelable: !0
 			});
-			e.addEventListener(pt, (e) => r?.(e), { once: !0 }), Ce(e, t), t.defaultPrevented ? l.current = !1 : o.onClose();
+			e.addEventListener(pt, (e) => r?.(e), { once: !0 }), xe(e, t), t.defaultPrevented ? l.current = !1 : o.onClose();
 		}
 	}, "handleSelect");
 	return /* @__PURE__ */ W(ht, {
 		...i,
 		ref: c,
 		disabled: n,
-		onClick: P(e.onClick, u),
+		onClick: D(e.onClick, u),
 		onPointerDown: (t) => {
 			e.onPointerDown?.(t), l.current = !0;
 		},
-		onPointerUp: P(e.onPointerUp, (e) => {
+		onPointerUp: D(e.onPointerUp, (e) => {
 			l.current || e.currentTarget?.click();
 		}),
-		onKeyDown: P(e.onKeyDown, (e) => {
+		onKeyDown: D(e.onKeyDown, (e) => {
 			n || e.target !== e.currentTarget || (s.searchRef.current === "" || e.key !== " ") && Pe.includes(e.key) && (e.currentTarget.click(), e.preventDefault());
 		})
 	});
 }, "MenuItem")), ht = /* @__PURE__ */ R.forwardRef(/* @__PURE__ */ K(function(e, t) {
-	let { __scopeMenu: n, disabled: r = !1, textValue: i, ...a } = e, o = ot(ft, n), s = qe(n), c = R.useRef(null), l = y(t, c), [u, d] = R.useState(!1), [f, p] = R.useState("");
+	let { __scopeMenu: n, disabled: r = !1, textValue: i, ...a } = e, o = ot(ft, n), s = qe(n), c = R.useRef(null), u = ye(t, c), [d, f] = R.useState(!1), [p, m] = R.useState("");
 	return R.useEffect(() => {
 		let e = c.current;
-		e && p((e.textContent ?? "").trim());
+		e && m((e.textContent ?? "").trim());
 	}, [a.children]), /* @__PURE__ */ W(Ve.ItemSlot, {
 		scope: n,
 		disabled: r,
-		textValue: i ?? f,
-		children: /* @__PURE__ */ W(C, {
+		textValue: i ?? p,
+		children: /* @__PURE__ */ W(l, {
 			asChild: !0,
 			...s,
 			focusable: !r,
-			children: /* @__PURE__ */ W(_e.div, {
+			children: /* @__PURE__ */ W(O.div, {
 				role: "menuitem",
-				"data-highlighted": u ? "" : void 0,
+				"data-highlighted": d ? "" : void 0,
 				"aria-disabled": r || void 0,
 				"data-disabled": r ? "" : void 0,
 				...a,
-				ref: l,
-				onPointerMove: P(e.onPointerMove, It((e) => {
+				ref: u,
+				onPointerMove: D(e.onPointerMove, It((e) => {
 					r ? o.onItemLeave(e) : (o.onItemEnter(e), e.defaultPrevented || e.currentTarget.focus({ preventScroll: !0 }));
 				})),
-				onPointerLeave: P(e.onPointerLeave, It((e) => o.onItemLeave(e))),
-				onFocus: P(e.onFocus, () => d(!0)),
-				onBlur: P(e.onBlur, () => d(!1))
+				onPointerLeave: D(e.onPointerLeave, It((e) => o.onItemLeave(e))),
+				onFocus: D(e.onFocus, () => f(!0)),
+				onBlur: D(e.onBlur, () => f(!1))
 			})
 		})
 	});
@@ -280,8 +280,8 @@ var Ne = Object.defineProperty, K = (e, t) => Ne(e, "name", {
 	value: void 0,
 	onValueChange: /* @__PURE__ */ K(() => {}, "onValueChange")
 }), [vt, yt] = We("MenuItemIndicator", { checked: !1 }), bt = "MenuSub", [xt, St] = We(bt), Ct = /* @__PURE__ */ K((e) => {
-	let { __scopeMenu: t, children: n, open: r = !1, onOpenChange: i } = e, a = Ye(bt, t), o = Ke(t), [s, c] = R.useState(null), [l, u] = R.useState(null), d = he(i);
-	return R.useEffect(() => (a.open === !1 && d(!1), () => d(!1)), [a.open, d]), /* @__PURE__ */ W(T, {
+	let { __scopeMenu: t, children: n, open: r = !1, onOpenChange: i } = e, a = Ye(bt, t), o = Ke(t), [s, c] = R.useState(null), [l, u] = R.useState(null), d = N(i);
+	return R.useEffect(() => (a.open === !1 && d(!1), () => d(!1)), [a.open, d]), /* @__PURE__ */ W(C, {
 		...o,
 		children: /* @__PURE__ */ W(Je, {
 			scope: t,
@@ -291,8 +291,8 @@ var Ne = Object.defineProperty, K = (e, t) => Ne(e, "name", {
 			onContentChange: u,
 			children: /* @__PURE__ */ W(xt, {
 				scope: t,
-				contentId: M(),
-				triggerId: M(),
+				contentId: ae(),
+				triggerId: ae(),
 				trigger: s,
 				onTriggerChange: c,
 				children: n
@@ -309,7 +309,7 @@ var Ne = Object.defineProperty, K = (e, t) => Ne(e, "name", {
 			window.clearTimeout(e), c(null);
 		};
 	}, [s, c]);
-	let d = y(t, i.onTriggerChange);
+	let d = ye(t, i.onTriggerChange);
 	return /* @__PURE__ */ W($e, {
 		asChild: !0,
 		...l,
@@ -324,12 +324,12 @@ var Ne = Object.defineProperty, K = (e, t) => Ne(e, "name", {
 			onClick: (t) => {
 				e.onClick?.(t), !(e.disabled || t.defaultPrevented) && (t.currentTarget.focus(), n.open || n.onOpenChange(!0));
 			},
-			onPointerMove: P(e.onPointerMove, It((t) => {
+			onPointerMove: D(e.onPointerMove, It((t) => {
 				a.onItemEnter(t), !t.defaultPrevented && !e.disabled && !n.open && !o.current && (a.onPointerGraceIntentChange(null), o.current = window.setTimeout(() => {
 					n.onOpenChange(!0), u();
 				}, 100));
 			})),
-			onPointerLeave: P(e.onPointerLeave, It((e) => {
+			onPointerLeave: D(e.onPointerLeave, It((e) => {
 				u();
 				let t = n.content?.getBoundingClientRect();
 				if (t) {
@@ -364,16 +364,16 @@ var Ne = Object.defineProperty, K = (e, t) => Ne(e, "name", {
 					a.onPointerGraceIntentChange(null);
 				}
 			})),
-			onKeyDown: P(e.onKeyDown, (t) => {
+			onKeyDown: D(e.onKeyDown, (t) => {
 				e.disabled || t.target !== t.currentTarget || (a.searchRef.current === "" || t.key !== " ") && Re[r.dir].includes(t.key) && (n.onOpenChange(!0), n.content?.focus(), t.preventDefault());
 			})
 		})
 	});
 }, "MenuSubTrigger")), Et = "MenuSubContent", Dt = /* @__PURE__ */ R.forwardRef(/* @__PURE__ */ K(function(e, t) {
-	let n = nt(it, e.__scopeMenu), { forceMount: r = n.forceMount, align: i = "start", ...a } = e, o = Ye(it, e.__scopeMenu), s = Ze(it, e.__scopeMenu), c = St(Et, e.__scopeMenu), l = R.useRef(null), u = y(t, l);
+	let n = nt(it, e.__scopeMenu), { forceMount: r = n.forceMount, align: i = "start", ...a } = e, o = Ye(it, e.__scopeMenu), s = Ze(it, e.__scopeMenu), c = St(Et, e.__scopeMenu), l = R.useRef(null), u = ye(t, l);
 	return /* @__PURE__ */ W(Ve.Provider, {
 		scope: e.__scopeMenu,
-		children: /* @__PURE__ */ W(le, {
+		children: /* @__PURE__ */ W(ee, {
 			present: r || o.open,
 			children: /* @__PURE__ */ W(Ve.Slot, {
 				scope: e.__scopeMenu,
@@ -391,13 +391,13 @@ var Ne = Object.defineProperty, K = (e, t) => Ne(e, "name", {
 						s.isUsingKeyboardRef.current && l.current?.focus(), e.preventDefault();
 					},
 					onCloseAutoFocus: (e) => e.preventDefault(),
-					onFocusOutside: P(e.onFocusOutside, (e) => {
+					onFocusOutside: D(e.onFocusOutside, (e) => {
 						e.target !== c.trigger && o.onOpenChange(!1);
 					}),
-					onEscapeKeyDown: P(e.onEscapeKeyDown, (e) => {
+					onEscapeKeyDown: D(e.onEscapeKeyDown, (e) => {
 						s.onClose(), e.preventDefault();
 					}),
-					onKeyDown: P(e.onKeyDown, (e) => {
+					onKeyDown: D(e.onKeyDown, (e) => {
 						let t = e.currentTarget.contains(e.target), n = ze[s.dir].includes(e.key);
 						t && n && (o.onOpenChange(!1), c.trigger?.focus(), e.preventDefault());
 					})
@@ -457,8 +457,8 @@ K(It, "whenMouse");
 var Lt = Qe, Rt = $e, zt = rt, Bt = st, Vt = mt, Ht = Ct, Ut = Tt, Wt = Dt, Gt = Object.defineProperty, Kt = (e, t) => Gt(e, "name", {
 	value: t,
 	configurable: !0
-}), qt = "DropdownMenu", [Jt, Yt] = O(qt, [Ge]), Xt = Ge(), [Zt, Qt] = Jt(qt), $t = /* @__PURE__ */ Kt((e) => {
-	let { __scopeDropdownMenu: t, children: n, dir: r, open: i, defaultOpen: a, onOpenChange: o, modal: s = !0 } = e, c = Xt(t), l = R.useRef(null), [u, d] = ae({
+}), qt = "DropdownMenu", [Jt, Yt] = Ce(qt, [Ge]), Xt = Ge(), [Zt, Qt] = Jt(qt), $t = /* @__PURE__ */ Kt((e) => {
+	let { __scopeDropdownMenu: t, children: n, dir: r, open: i, defaultOpen: a, onOpenChange: o, modal: s = !0 } = e, c = Xt(t), l = R.useRef(null), [u, d] = P({
 		prop: i,
 		defaultProp: a ?? !1,
 		onChange: o,
@@ -466,9 +466,9 @@ var Lt = Qe, Rt = $e, zt = rt, Bt = st, Vt = mt, Ht = Ct, Ut = Tt, Wt = Dt, Gt =
 	});
 	return /* @__PURE__ */ W(Zt, {
 		scope: t,
-		triggerId: M(),
+		triggerId: ae(),
 		triggerRef: l,
-		contentId: M(),
+		contentId: ae(),
 		open: u,
 		onOpenChange: d,
 		onOpenToggle: R.useCallback(() => d((e) => !e), [d]),
@@ -483,11 +483,11 @@ var Lt = Qe, Rt = $e, zt = rt, Bt = st, Vt = mt, Ht = Ct, Ut = Tt, Wt = Dt, Gt =
 		})
 	});
 }, "DropdownMenu"), en = "DropdownMenuTrigger", tn = /* @__PURE__ */ R.forwardRef(/* @__PURE__ */ Kt(function(e, t) {
-	let { __scopeDropdownMenu: n, disabled: r = !1, ...i } = e, a = Qt(en, n), o = Xt(n), s = y(t, a.triggerRef);
+	let { __scopeDropdownMenu: n, disabled: r = !1, ...i } = e, a = Qt(en, n), o = Xt(n), s = ye(t, a.triggerRef);
 	return /* @__PURE__ */ W(Rt, {
 		asChild: !0,
 		...o,
-		children: /* @__PURE__ */ W(_e.button, {
+		children: /* @__PURE__ */ W(O.button, {
 			type: "button",
 			id: a.triggerId,
 			"aria-haspopup": "menu",
@@ -498,10 +498,10 @@ var Lt = Qe, Rt = $e, zt = rt, Bt = st, Vt = mt, Ht = Ct, Ut = Tt, Wt = Dt, Gt =
 			disabled: r,
 			...i,
 			ref: s,
-			onPointerDown: P(e.onPointerDown, (e) => {
+			onPointerDown: D(e.onPointerDown, (e) => {
 				!r && e.button === 0 && e.ctrlKey === !1 && (a.onOpenToggle(), a.open || e.preventDefault());
 			}),
-			onKeyDown: P(e.onKeyDown, (e) => {
+			onKeyDown: D(e.onKeyDown, (e) => {
 				r || (["Enter", " "].includes(e.key) && a.onOpenToggle(), e.key === "ArrowDown" && a.onOpenChange(!0), [
 					"Enter",
 					" ",
@@ -524,10 +524,10 @@ var Lt = Qe, Rt = $e, zt = rt, Bt = st, Vt = mt, Ht = Ct, Ut = Tt, Wt = Dt, Gt =
 		...a,
 		...r,
 		ref: t,
-		onCloseAutoFocus: P(e.onCloseAutoFocus, (e) => {
+		onCloseAutoFocus: D(e.onCloseAutoFocus, (e) => {
 			o.current || i.triggerRef.current?.focus(), o.current = !1, e.preventDefault();
 		}),
-		onInteractOutside: P(e.onInteractOutside, (e) => {
+		onInteractOutside: D(e.onInteractOutside, (e) => {
 			let t = e.detail.originalEvent, n = t.button === 0 && t.ctrlKey === !0, r = t.button === 2 || n;
 			(!i.modal || r) && (o.current = !0);
 		}),
@@ -548,7 +548,7 @@ var Lt = Qe, Rt = $e, zt = rt, Bt = st, Vt = mt, Ht = Ct, Ut = Tt, Wt = Dt, Gt =
 		ref: t
 	});
 }, "DropdownMenuItem")), sn = /* @__PURE__ */ Kt((e) => {
-	let { __scopeDropdownMenu: t, children: n, open: r, onOpenChange: i, defaultOpen: a } = e, o = Xt(t), [s, c] = ae({
+	let { __scopeDropdownMenu: t, children: n, open: r, onOpenChange: i, defaultOpen: a } = e, o = Xt(t), [s, c] = P({
 		prop: r,
 		defaultProp: a ?? !1,
 		onChange: i,
@@ -740,13 +740,13 @@ function jn({ render: e, children: t, ...n }) {
 	});
 }
 function Mn({ className: e, sideOffset: t = 4, ...n }) {
-	let r = ye();
+	let r = s();
 	return /* @__PURE__ */ W(fn, {
 		container: r,
 		children: /* @__PURE__ */ W(pn, {
 			"data-slot": "dropdown-menu-content",
 			sideOffset: t,
-			className: x("z-50 max-h-(--radix-dropdown-menu-content-available-height) min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border bg-popover p-1 text-popover-foreground shadow-md data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95", e),
+			className: o("z-50 max-h-(--radix-dropdown-menu-content-available-height) min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border bg-popover p-1 text-popover-foreground shadow-md data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95", e),
 			...n
 		})
 	});
@@ -759,7 +759,7 @@ function Nn({ className: e, inset: t, variant: n = "default", onClick: r, onSele
 		onSelect: (e) => {
 			i?.(e), !e.defaultPrevented && r && r(e);
 		},
-		className: x("relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 data-[variant=destructive]:text-destructive data-[variant=destructive]:hover:bg-destructive/10 data-[variant=destructive]:hover:text-destructive data-[variant=destructive]:focus:bg-destructive/10 data-[variant=destructive]:focus:text-destructive dark:data-[variant=destructive]:hover:bg-destructive/20 dark:data-[variant=destructive]:focus:bg-destructive/20 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground data-[variant=destructive]:*:[svg]:text-destructive!", e),
+		className: o("relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 data-[variant=destructive]:text-destructive data-[variant=destructive]:hover:bg-destructive/10 data-[variant=destructive]:hover:text-destructive data-[variant=destructive]:focus:bg-destructive/10 data-[variant=destructive]:focus:text-destructive dark:data-[variant=destructive]:hover:bg-destructive/20 dark:data-[variant=destructive]:focus:bg-destructive/20 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground data-[variant=destructive]:*:[svg]:text-destructive!", e),
 		...a
 	});
 }
@@ -773,7 +773,7 @@ function Fn({ className: e, inset: t, children: n, ...r }) {
 	return /* @__PURE__ */ G(gn, {
 		"data-slot": "dropdown-menu-sub-trigger",
 		"data-inset": t,
-		className: x("flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground data-[inset]:pl-8 data-[state=open]:bg-accent data-[state=open]:text-accent-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground", e),
+		className: o("flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground data-[inset]:pl-8 data-[state=open]:bg-accent data-[state=open]:text-accent-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground", e),
 		...r,
 		children: [n, /* @__PURE__ */ W(I, { className: "ml-auto size-4" })]
 	});
@@ -781,39 +781,39 @@ function Fn({ className: e, inset: t, children: n, ...r }) {
 function In({ className: e, ...t }) {
 	return /* @__PURE__ */ W(_n, {
 		"data-slot": "dropdown-menu-sub-content",
-		className: x("z-50 min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95", e),
+		className: o("z-50 min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95", e),
 		...t
 	});
 }
 //#endregion
 //#region src/ui/components/ui/sheet.tsx
-function Ln({ ...e }) {
-	return /* @__PURE__ */ W(E, {
+function Ln({ ...t }) {
+	return /* @__PURE__ */ W(e, {
 		"data-slot": "sheet",
-		...e
+		...t
 	});
 }
 function Rn({ container: e, ...t }) {
-	let n = ye();
-	return /* @__PURE__ */ W(oe, {
+	let n = s();
+	return /* @__PURE__ */ W(te, {
 		"data-slot": "sheet-portal",
 		container: e ?? n,
 		...t
 	});
 }
 function zn({ className: e, ...t }) {
-	return /* @__PURE__ */ W(pe, {
+	return /* @__PURE__ */ W(ue, {
 		"data-slot": "sheet-overlay",
-		className: x("fixed inset-0 z-50 bg-black/50 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:animate-in data-[state=open]:fade-in-0", e),
+		className: o("fixed inset-0 z-50 bg-black/50 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:animate-in data-[state=open]:fade-in-0", e),
 		...t
 	});
 }
-function Bn({ className: n, children: r, side: i = "right", showCloseButton: a = !0, ...o }) {
-	return /* @__PURE__ */ G(Rn, { children: [/* @__PURE__ */ W(zn, {}), /* @__PURE__ */ G(e, {
+function Bn({ className: e, children: n, side: r = "right", showCloseButton: i = !0, ...a }) {
+	return /* @__PURE__ */ G(Rn, { children: [/* @__PURE__ */ W(zn, {}), /* @__PURE__ */ G(pe, {
 		"data-slot": "sheet-content",
-		className: x("fixed z-50 flex flex-col gap-4 bg-background text-foreground shadow-lg transition ease-in-out data-[state=closed]:animate-out data-[state=closed]:duration-300 data-[state=open]:animate-in data-[state=open]:duration-500", i === "right" && "inset-y-0 right-0 h-full w-3/4 border-l data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right sm:max-w-sm", i === "left" && "inset-y-0 left-0 h-full w-3/4 border-r data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left sm:max-w-sm", i === "top" && "inset-x-0 top-0 h-auto border-b data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top", i === "bottom" && "inset-x-0 bottom-0 h-auto border-t data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom", n),
-		...o,
-		children: [r, a && /* @__PURE__ */ G(_, {
+		className: o("fixed z-50 flex flex-col gap-4 bg-background text-foreground shadow-lg transition ease-in-out data-[state=closed]:animate-out data-[state=closed]:duration-300 data-[state=open]:animate-in data-[state=open]:duration-500", r === "right" && "inset-y-0 right-0 h-full w-3/4 border-l data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right sm:max-w-sm", r === "left" && "inset-y-0 left-0 h-full w-3/4 border-r data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left sm:max-w-sm", r === "top" && "inset-x-0 top-0 h-auto border-b data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top", r === "bottom" && "inset-x-0 bottom-0 h-auto border-t data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom", e),
+		...a,
+		children: [n, i && /* @__PURE__ */ G(M, {
 			className: "absolute top-4 right-4 rounded-xs opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:ring-2 focus:ring-ring focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none data-[state=open]:bg-secondary",
 			children: [/* @__PURE__ */ W(t, { className: "size-4" }), /* @__PURE__ */ W("span", {
 				className: "sr-only",
@@ -11718,9 +11718,9 @@ function cl(e) {
 	return e.timeline ? `${e.timeline.startSec.toFixed(2)}s - ${e.timeline.endSec.toFixed(2)}s` : null;
 }
 var ll = ({ metadata: e, translationPrefix: t, className: n }) => {
-	let { t: r } = a(), [i, o] = ke(!1);
+	let { t: r } = v(), [i, a] = ke(!1);
 	if (V(() => {
-		let e = () => o(!0);
+		let e = () => a(!0);
 		return window.addEventListener("mousemove", e, { once: !0 }), () => window.removeEventListener("mousemove", e);
 	}, []), !e) return null;
 	let s = [
@@ -11754,7 +11754,7 @@ var ll = ({ metadata: e, translationPrefix: t, className: n }) => {
 		}
 	].filter((e) => e.value);
 	return s.length === 0 ? null : /* @__PURE__ */ W("div", {
-		className: x("pointer-events-none absolute left-2 top-2 z-10 max-h-[50%] max-w-[min(16rem,calc(100%-1rem))] overflow-y-auto rounded-md border border-white/10 bg-black/70 px-2.5 py-2 text-[11px] text-white opacity-0 shadow-lg backdrop-blur-sm transition-opacity duration-150", i && "group-hover:opacity-100 group-focus-within:opacity-100", n),
+		className: o("pointer-events-none absolute left-2 top-2 z-10 max-h-[50%] max-w-[min(16rem,calc(100%-1rem))] overflow-y-auto rounded-md border border-white/10 bg-black/70 px-2.5 py-2 text-[11px] text-white opacity-0 shadow-lg backdrop-blur-sm transition-opacity duration-150", i && "group-hover:opacity-100 group-focus-within:opacity-100", n),
 		children: /* @__PURE__ */ W("dl", {
 			className: "flex flex-col gap-1",
 			children: s.map((e) => /* @__PURE__ */ G("div", {
@@ -11770,19 +11770,19 @@ var ll = ({ metadata: e, translationPrefix: t, className: n }) => {
 		})
 	});
 }, ul = ({ params: e }) => {
-	let { t } = a(), { info: n, dataLoader: r, imageService: i, subscribeFrameIndex: o } = ee(), { selectedEpisodeIndex: s } = me(), c = H(() => e?.featureKey ? e.featureKey : Se(n) || "observation.images.cam_high", [e?.featureKey, n]), [l, u] = ke(!1), [d, f] = ke(null), [p, m] = ke(!1), [h, g] = ke(null), _ = U(null), v = U(!0), y = U(s), b = U(c), x = U(r), S = U(i), C = U(n), w = U(0), T = U(!1), E = U(null), D = U(!1);
-	y.current = s, b.current = c, x.current = r, S.current = i, C.current = n;
+	let { t } = v(), { info: n, dataLoader: r, imageService: i, subscribeFrameIndex: a } = k(), { selectedEpisodeIndex: o } = me(), s = H(() => e?.featureKey ? e.featureKey : Se(n) || "observation.images.cam_high", [e?.featureKey, n]), [c, l] = ke(!1), [u, d] = ke(null), [f, p] = ke(!1), [m, h] = ke(null), g = U(null), _ = U(!0), y = U(o), b = U(s), x = U(r), S = U(i), C = U(n), w = U(0), T = U(!1), E = U(null), D = U(!1);
+	y.current = o, b.current = s, x.current = r, S.current = i, C.current = n;
 	let O = B((e) => {
-		let t = _.current;
+		let t = g.current;
 		if (!t) return;
 		let n = t.getContext("2d");
-		n && ((t.width !== e.width || t.height !== e.height) && (t.width = e.width, t.height = e.height, v.current && g({
+		n && ((t.width !== e.width || t.height !== e.height) && (t.width = e.width, t.height = e.height, _.current && h({
 			width: e.width,
 			height: e.height
-		})), n.drawImage(e, 0, 0), !p && v.current && (m(!0), u(!1)));
-	}, [p]), k = U(O);
-	k.current = O;
-	let A = B(() => {
+		})), n.drawImage(e, 0, 0), !f && _.current && (p(!0), l(!1)));
+	}, [f]), A = U(O);
+	A.current = O;
+	let j = B(() => {
 		D.current || (D.current = !0, (async () => {
 			try {
 				for (;;) {
@@ -11795,89 +11795,89 @@ var ll = ({ metadata: e, translationPrefix: t, className: n }) => {
 					if (!r || !a) continue;
 					let o = r.getEpisodeDataPath(t);
 					if (!o) {
-						v.current && (f("Cannot determine parquet file path"), u(!1));
+						_.current && (d("Cannot determine parquet file path"), l(!1));
 						continue;
 					}
 					let s = ++w.current;
 					try {
 						let r = await i.getFrameBitmap(n, e, o.startRow);
 						if (r !== null) {
-							v.current && s === w.current && y.current === t && b.current === n ? (k.current(r), r.close(), f(null), u(!1)) : r.close();
+							_.current && s === w.current && y.current === t && b.current === n ? (A.current(r), r.close(), d(null), l(!1)) : r.close();
 							continue;
 						}
 					} catch {}
-					T.current = !0, !p && v.current && u(!0);
+					T.current = !0, !f && _.current && l(!0);
 					try {
 						let r = await i.getImageFrame(o.path, n, Math.max(0, e), o.startRow);
-						if (v.current && s === w.current && y.current === t && b.current === n) {
+						if (_.current && s === w.current && y.current === t && b.current === n) {
 							let e = new Image();
 							await new Promise((t, n) => {
 								e.onload = () => t(), e.onerror = () => n(/* @__PURE__ */ Error("Image decode failed")), e.src = r;
 							});
 							let t = await createImageBitmap(e);
-							k.current(t), t.close(), f(null), u(!1);
+							A.current(t), t.close(), d(null), l(!1);
 						}
 					} catch (e) {
-						v.current && s === w.current && y.current === t && b.current === n && (f(e instanceof Error ? e.message : "Failed to load image"), u(!1));
+						_.current && s === w.current && y.current === t && b.current === n && (d(e instanceof Error ? e.message : "Failed to load image"), l(!1));
 					} finally {
 						w.current === s && (T.current = !1);
 					}
 				}
 			} finally {
-				D.current = !1, E.current !== null && A();
+				D.current = !1, E.current !== null && j();
 			}
 		})());
-	}, [p]), j = U(A);
-	j.current = A;
-	let M = B((e) => {
-		y.current !== null && (E.current = e, j.current());
+	}, [f]), M = U(j);
+	M.current = j;
+	let N = B((e) => {
+		y.current !== null && (E.current = e, M.current());
 	}, []);
-	V(() => o((e) => {
-		M(e);
-	}), [o, M]), V(() => {
-		if (s === null) return;
+	V(() => a((e) => {
+		N(e);
+	}), [a, N]), V(() => {
+		if (o === null) return;
 		w.current += 1, E.current = null, T.current = !1;
-		let e = _.current;
-		e && e.getContext("2d")?.clearRect(0, 0, e.width, e.height), m(!1), g(null), u(!1), f(null);
+		let e = g.current;
+		e && e.getContext("2d")?.clearRect(0, 0, e.width, e.height), p(!1), h(null), l(!1), d(null);
 		let t = setTimeout(() => {
-			M(0);
+			N(0);
 		}, 0);
 		return () => clearTimeout(t);
 	}, [
+		o,
 		s,
-		c,
-		M
-	]), V(() => (v.current = !0, () => {
-		v.current = !1, w.current += 1, E.current = null, T.current = !1;
+		N
+	]), V(() => (_.current = !0, () => {
+		_.current = !1, w.current += 1, E.current = null, T.current = !1;
 	}), []);
-	let N = H(() => {
+	let P = H(() => {
 		if (!n?.features) return !1;
-		let e = n.features[c];
+		let e = n.features[s];
 		return e && e.dtype === "image";
-	}, [n, c]), P = H(() => qn(n, c, { runtimeDimensions: h }), [
-		c,
-		h,
+	}, [n, s]), ee = H(() => qn(n, s, { runtimeDimensions: m }), [
+		s,
+		m,
 		n
 	]);
 	return /* @__PURE__ */ G("div", {
 		className: "group relative flex h-full w-full items-center justify-center overflow-hidden bg-black",
 		children: [
 			/* @__PURE__ */ W(ll, {
-				metadata: P,
+				metadata: ee,
 				translationPrefix: "panels.image.debug"
 			}),
 			/* @__PURE__ */ W("canvas", {
-				ref: _,
-				"data-feature-key": c,
-				"data-depth-map": ce(n?.features?.[c]) ? "true" : "false",
+				ref: g,
+				"data-feature-key": s,
+				"data-depth-map": se(n?.features?.[s]) ? "true" : "false",
 				className: "h-full w-full object-contain",
 				style: {
-					display: p ? "block" : "none",
+					display: f ? "block" : "none",
 					transform: "translateZ(0)",
 					imageRendering: "auto"
 				}
 			}),
-			l && !p && /* @__PURE__ */ W("div", {
+			c && !f && /* @__PURE__ */ W("div", {
 				className: "absolute inset-0 flex items-center justify-center",
 				role: "status",
 				"aria-live": "polite",
@@ -11892,17 +11892,17 @@ var ll = ({ metadata: e, translationPrefix: t, className: n }) => {
 					})]
 				})
 			}),
-			d && !p && /* @__PURE__ */ W("div", {
+			u && !f && /* @__PURE__ */ W("div", {
 				className: "absolute inset-0 flex items-center justify-center",
 				children: /* @__PURE__ */ W("div", {
 					className: "text-center text-destructive p-4",
 					children: /* @__PURE__ */ W("p", {
 						className: "text-sm",
-						children: d
+						children: u
 					})
 				})
 			}),
-			!p && !l && !d && /* @__PURE__ */ W("div", {
+			!f && !c && !u && /* @__PURE__ */ W("div", {
 				className: "absolute inset-0 flex items-center justify-center text-center text-muted-foreground",
 				children: /* @__PURE__ */ G("div", { children: [
 					/* @__PURE__ */ W("p", {
@@ -11911,25 +11911,25 @@ var ll = ({ metadata: e, translationPrefix: t, className: n }) => {
 					}),
 					/* @__PURE__ */ W("p", {
 						className: "text-sm mt-2",
-						children: c
+						children: s
 					}),
-					!N && /* @__PURE__ */ W("p", {
+					!P && /* @__PURE__ */ W("p", {
 						className: "text-xs mt-4 text-destructive",
-						children: t("panels.image.featureNotFound", { key: c })
+						children: t("panels.image.featureNotFound", { key: s })
 					})
 				] })
 			})
 		]
 	});
 }, dl = ({ params: e }) => {
-	let { t } = a(), { info: n, dataLoader: r, subscribeFrameIndex: i } = ee(), { selectedEpisodeIndex: o } = me(), s = U(null), [c, l] = ke(!1), [u, d] = ke(!1), [f, p] = ke(null), [m, h] = ke(null), [g, _] = ke(null), [v, y] = ke(""), b = U(null), x = U(null), S = U(new L(8)), C = U(0), w = U(0), T = U(!0), E = e?.featureKey || "observation.images.up", D = H(() => qn(n, E, {
-		runtimeDimensions: m,
-		timeline: g
+	let { t } = v(), { info: n, dataLoader: r, subscribeFrameIndex: i } = k(), { selectedEpisodeIndex: a } = me(), o = U(null), [s, c] = ke(!1), [l, u] = ke(!1), [d, f] = ke(null), [p, m] = ke(null), [h, g] = ke(null), [_, y] = ke(""), b = U(null), x = U(null), S = U(new L(8)), C = U(0), w = U(0), T = U(!0), E = e?.featureKey || "observation.images.up", D = H(() => qn(n, E, {
+		runtimeDimensions: p,
+		timeline: h
 	}), [
 		E,
 		n,
-		g,
-		m
+		h,
+		p
 	]), O = B((e) => {
 		if (!r) return null;
 		let t = r.getEpisodeVideoPath(e, E);
@@ -11938,32 +11938,32 @@ var ll = ({ metadata: e, translationPrefix: t, className: n }) => {
 			start: t.fromSec ?? 0,
 			end: t.toSec ?? 0
 		} : null;
-	}, [r, E]), k = B(async (e, n = !0) => {
+	}, [r, E]), A = B(async (e, n = !0) => {
 		let i = w.current;
 		if (!r) return !1;
 		let a = (n, r) => new Promise((a) => {
-			let o = s.current;
-			if (!o) {
+			let s = o.current;
+			if (!s) {
 				a(!1);
 				return;
 			}
-			let c = !b.current;
-			c && T.current && i === w.current && (d(!0), p(null));
-			let u = () => {
+			let l = !b.current;
+			l && T.current && i === w.current && (u(!0), f(null));
+			let d = () => {
 				!T.current || i !== w.current || (b.current = {
 					path: e,
 					url: n,
-					duration: o.duration
-				}, y(e), h({
-					width: o.videoWidth,
-					height: o.videoHeight
+					duration: s.duration
+				}, y(e), m({
+					width: s.videoWidth,
+					height: s.videoHeight
 				}));
-			}, f = () => {
-				T.current && i === w.current && (l(!0), p(null), c && d(!1)), a(!0);
-			}, m = () => {
-				o.removeEventListener("loadedmetadata", u), o.removeEventListener("canplay", f), o.removeEventListener("error", m), console.error("Video load error:", e), !r && T.current && i === w.current && (l(!1), p(t("sidebar.errorLoading")), c && d(!1)), a(!1);
+			}, p = () => {
+				T.current && i === w.current && (c(!0), f(null), l && u(!1)), a(!0);
+			}, h = () => {
+				s.removeEventListener("loadedmetadata", d), s.removeEventListener("canplay", p), s.removeEventListener("error", h), console.error("Video load error:", e), !r && T.current && i === w.current && (c(!1), f(t("sidebar.errorLoading")), l && u(!1)), a(!1);
 			};
-			o.addEventListener("loadedmetadata", u, { once: !0 }), o.addEventListener("canplay", f, { once: !0 }), o.addEventListener("error", m, { once: !0 }), o.src = n, o.preload = "auto", o.load();
+			s.addEventListener("loadedmetadata", d, { once: !0 }), s.addEventListener("canplay", p, { once: !0 }), s.addEventListener("error", h, { once: !0 }), s.src = n, s.preload = "auto", s.load();
 		});
 		try {
 			let o = S.current.get(e);
@@ -11974,65 +11974,65 @@ var ll = ({ metadata: e, translationPrefix: t, className: n }) => {
 				let t = await r.getFileUrl(e);
 				S.current.getUrl(e, t), s = await a(t, !1);
 			} catch (e) {
-				return console.error("Failed to recover video after invalidate:", e), T.current && i === w.current && (p(t("sidebar.errorLoading")), d(!1)), !1;
+				return console.error("Failed to recover video after invalidate:", e), T.current && i === w.current && (f(t("sidebar.errorLoading")), u(!1)), !1;
 			}
 			return s;
 		} catch (e) {
-			return console.error("Failed to load video:", e), T.current && i === w.current && (p(t("sidebar.errorLoading")), d(!1)), !1;
+			return console.error("Failed to load video:", e), T.current && i === w.current && (f(t("sidebar.errorLoading")), u(!1)), !1;
 		}
 	}, [r, t]);
 	return V(() => {
 		(async () => {
 			let e = ++w.current;
-			if (!n || o === null || !r) {
-				T.current && e === w.current && (y(""), _(null));
+			if (!n || a === null || !r) {
+				T.current && e === w.current && (y(""), g(null));
 				return;
 			}
-			let t = O(o);
+			let t = O(a);
 			if (!t) {
-				T.current && e === w.current && (y(""), _(null));
+				T.current && e === w.current && (y(""), g(null));
 				return;
 			}
-			let { path: i, start: a, end: c } = t, l = s.current;
-			if (l && (T.current && e === w.current && h(null), !(b.current?.path !== i && (!await k(i) || e !== w.current)) && b.current)) {
+			let { path: i, start: s, end: c } = t, l = o.current;
+			if (l && (T.current && e === w.current && m(null), !(b.current?.path !== i && (!await A(i) || e !== w.current)) && b.current)) {
 				let t = c > 0 ? c : b.current.duration;
 				if (x.current = {
-					start: a,
+					start: s,
 					end: t
-				}, T.current && e === w.current && _({
-					startSec: a,
+				}, T.current && e === w.current && g({
+					startSec: s,
 					endSec: t
-				}), l.readyState >= 2) l.currentTime = a;
+				}), l.readyState >= 2) l.currentTime = s;
 				else {
 					let t = () => {
 						if (e !== w.current) {
 							l.removeEventListener("canplay", t);
 							return;
 						}
-						l.currentTime = a, l.removeEventListener("canplay", t);
+						l.currentTime = s, l.removeEventListener("canplay", t);
 					};
 					l.addEventListener("canplay", t, { once: !0 });
 				}
 			}
 		})();
 	}, [
-		o,
+		a,
 		n,
 		r,
 		E,
 		O,
-		k
+		A
 	]), V(() => (T.current = !0, () => {
 		T.current = !1, w.current += 1;
 	}), []), V(() => {
-		if (!(!c || !x.current)) return i((e) => {
-			let t = s.current, r = x.current;
+		if (!(!s || !x.current)) return i((e) => {
+			let t = o.current, r = x.current;
 			if (!t || !r || t.readyState < 2) return;
-			let i = n?.fps ?? 30, a = Math.max(r.start, Math.min(r.start + e / i, r.end)), o = Date.now();
-			o - C.current < 16 || Math.abs(t.currentTime - a) > .033 && (t.currentTime = a, C.current = o);
+			let i = n?.fps ?? 30, a = Math.max(r.start, Math.min(r.start + e / i, r.end)), s = Date.now();
+			s - C.current < 16 || Math.abs(t.currentTime - a) > .033 && (t.currentTime = a, C.current = s);
 		});
 	}, [
-		c,
+		s,
 		n,
 		i
 	]), /* @__PURE__ */ G("div", {
@@ -12043,10 +12043,10 @@ var ll = ({ metadata: e, translationPrefix: t, className: n }) => {
 				translationPrefix: "panels.video.debug"
 			}),
 			/* @__PURE__ */ W("video", {
-				ref: s,
+				ref: o,
 				className: "h-full w-full object-contain",
 				style: {
-					display: c ? "block" : "none",
+					display: s ? "block" : "none",
 					transform: "translateZ(0)",
 					backfaceVisibility: "hidden"
 				},
@@ -12056,9 +12056,9 @@ var ll = ({ metadata: e, translationPrefix: t, className: n }) => {
 				disablePictureInPicture: !0,
 				disableRemotePlayback: !0
 			}),
-			!c && /* @__PURE__ */ W("div", {
+			!s && /* @__PURE__ */ W("div", {
 				className: "absolute inset-0 flex items-center justify-center text-center text-muted-foreground",
-				children: /* @__PURE__ */ W("div", { children: u ? /* @__PURE__ */ G("div", {
+				children: /* @__PURE__ */ W("div", { children: l ? /* @__PURE__ */ G("div", {
 					role: "status",
 					"aria-live": "polite",
 					children: [/* @__PURE__ */ W("div", {
@@ -12068,7 +12068,7 @@ var ll = ({ metadata: e, translationPrefix: t, className: n }) => {
 						className: "text-sm opacity-50",
 						children: t("panels.video.placeholder")
 					})]
-				}) : f ? /* @__PURE__ */ G("div", {
+				}) : d ? /* @__PURE__ */ G("div", {
 					className: "text-destructive max-w-xs mx-auto",
 					children: [
 						/* @__PURE__ */ W("div", {
@@ -12077,11 +12077,11 @@ var ll = ({ metadata: e, translationPrefix: t, className: n }) => {
 						}),
 						/* @__PURE__ */ W("p", {
 							className: "font-medium",
-							children: f
+							children: d
 						}),
 						/* @__PURE__ */ W("p", {
 							className: "text-xs mt-2 opacity-70 break-all",
-							children: v
+							children: _
 						})
 					]
 				}) : /* @__PURE__ */ G(je, { children: [
@@ -12102,7 +12102,7 @@ var ll = ({ metadata: e, translationPrefix: t, className: n }) => {
 		]
 	});
 }, fl = ({ params: e }) => {
-	let { info: t } = ee(), n = H(() => e?.featureKey ? e.featureKey : Se(t) || "observation.images.up", [e?.featureKey, t]), r = H(() => ge(t, n), [t, n]), i = H(() => ({
+	let { info: t } = k(), n = H(() => e?.featureKey ? e.featureKey : Se(t) || "observation.images.up", [e?.featureKey, t]), r = H(() => ge(t, n), [t, n]), i = H(() => ({
 		...e,
 		featureKey: n
 	}), [e, n]);
@@ -13102,20 +13102,20 @@ function Jp(e) {
 			band: null,
 			gaps: null,
 			flags: Sp
-		}, E = T.stroke, D = d.dir * (d.ori == 0 ? 1 : -1), O = C(u[D == 1 ? o : s]), k = S(l[D == 1 ? o : s]), ee = k, A = k;
-		i && t == -1 && (A = b, w(E, A, O)), w(E, k, O);
+		}, E = T.stroke, D = d.dir * (d.ori == 0 ? 1 : -1), O = C(u[D == 1 ? o : s]), k = S(l[D == 1 ? o : s]), A = k, j = k;
+		i && t == -1 && (j = b, w(E, j, O)), w(E, k, O);
 		for (let e = D == 1 ? o : s; e >= o && e <= s; e += D) {
 			let n = u[e];
 			if (n == null) continue;
 			let r = S(l[e]), i = C(n);
-			t == 1 ? w(E, r, O) : w(E, ee, i), w(E, r, i), O = i, ee = r;
+			t == 1 ? w(E, r, O) : w(E, A, i), w(E, r, i), O = i, A = r;
 		}
-		let j = ee;
-		i && t == 1 && (j = b + x, w(E, j, O));
-		let [M, N] = Tp(e, a);
-		if (c.fill != null || M != 0) {
-			let t = T.fill = new Path2D(E), n = C(c.fillTo(e, a, c.min, c.max, M));
-			w(t, j, n), w(t, A, n);
+		let M = A;
+		i && t == 1 && (M = b + x, w(E, M, O));
+		let [N, P] = Tp(e, a);
+		if (c.fill != null || N != 0) {
+			let t = T.fill = new Path2D(E), n = C(c.fillTo(e, a, c.min, c.max, N));
+			w(t, M, n), w(t, j, n);
 		}
 		if (!c.spanGaps) {
 			let i = [];
@@ -13125,7 +13125,7 @@ function Jp(e) {
 				e[0] += p, e[1] += m;
 			}), T.gaps = i = c.gaps(e, a, o, s, i), T.clip = Op(i, d.ori, h, g, _, v);
 		}
-		return N != 0 && (T.band = N == 2 ? [Dp(e, a, o, s, E, -1), Dp(e, a, o, s, E, 1)] : Dp(e, a, o, s, E, N)), T;
+		return P != 0 && (T.band = P == 2 ? [Dp(e, a, o, s, E, -1), Dp(e, a, o, s, E, 1)] : Dp(e, a, o, s, E, P)), T;
 	});
 }
 function Yp(e, t, n, r, i, a, o = $u) {
@@ -13151,11 +13151,11 @@ function Xp(e) {
 	i = i == null ? [0, 0] : typeof i == "number" ? [i, 0] : i;
 	let a = $(i), o = 1 - t[0], s = Q(t[1], $u), c = Q(t[2], 1), l = Q(e.disp, vd), u = Q(e.each, (e) => {}), { fill: d, stroke: f } = l;
 	return (e, t, i, p) => wp(e, t, (m, h, g, _, v, y, b, x, S, C, w) => {
-		let T = m.pxRound, E = n, D = r * ru, O = s * ru, k = c * ru, ee, A;
-		_.ori == 0 ? [ee, A] = a(e, t) : [A, ee] = a(e, t);
-		let j = _.dir * (_.ori == 0 ? 1 : -1), M = _.ori == 0 ? Lp : Rp, N = _.ori == 0 ? u : (e, t, n, r, i, a, o) => {
+		let T = m.pxRound, E = n, D = r * ru, O = s * ru, k = c * ru, A, j;
+		_.ori == 0 ? [A, j] = a(e, t) : [j, A] = a(e, t);
+		let M = _.dir * (_.ori == 0 ? 1 : -1), N = _.ori == 0 ? Lp : Rp, P = _.ori == 0 ? u : (e, t, n, r, i, a, o) => {
 			u(e, t, n, i, r, o, a);
-		}, P = Q(e.bands, yd).find((e) => e.series[0] == t), te = P == null ? 0 : P.dir, ne = m.fillTo(e, t, m.min, m.max, te), re = T(b(ne, v, w, S)), F, ie, ae, oe = C, se = T(m.width * ru), ce = !1, le = null, ue = null, de = null, fe = null;
+		}, ee = Q(e.bands, yd).find((e) => e.series[0] == t), te = ee == null ? 0 : ee.dir, ne = m.fillTo(e, t, m.min, m.max, te), re = T(b(ne, v, w, S)), F, ie, ae, oe = C, se = T(m.width * ru), ce = !1, le = null, ue = null, de = null, fe = null;
 		d != null && (se == 0 || f != null) && (ce = !0, le = d.values(e, t, i, p), ue = /* @__PURE__ */ new Map(), new Set(le).forEach((e) => {
 			e != null && ue.set(e, new Path2D());
 		}), se > 0 && (de = f.values(e, t, i, p), fe = /* @__PURE__ */ new Map(), new Set(de).forEach((e) => {
@@ -13169,7 +13169,7 @@ function Xp(e) {
 		} else oe = Yp(h, g, y, _, C, x, oe), ae = oe * o + D, ie = oe - ae;
 		ae < 1 && (ae = 0), se >= ie / 2 && (se = 0), ae < 5 && (T = id);
 		let he = ae > 0, ge = oe - ae - (he ? se : 0);
-		ie = T(td(ge, k, O)), F = (E == 0 ? ie / 2 : E == j ? 0 : ie) - E * j * ((E == 0 ? D / 2 : 0) + (he ? se / 2 : 0));
+		ie = T(td(ge, k, O)), F = (E == 0 ? ie / 2 : E == M ? 0 : ie) - E * M * ((E == 0 ? D / 2 : 0) + (he ? se / 2 : 0));
 		let _e = {
 			stroke: null,
 			fill: null,
@@ -13178,13 +13178,13 @@ function Xp(e) {
 			gaps: null,
 			flags: 0
 		}, ve = ce ? null : new Path2D(), ye = null;
-		if (P != null) ye = e.data[P.series[1]];
+		if (ee != null) ye = e.data[ee.series[1]];
 		else {
 			let { y0: n, y1: r } = l;
 			n != null && r != null && (g = r.values(e, t, i, p), ye = n.values(e, t, i, p));
 		}
-		let be = ee * ie, xe = A * ie;
-		for (let n = j == 1 ? i : p; n >= i && n <= p; n += j) {
+		let be = A * ie, xe = j * ie;
+		for (let n = M == 1 ? i : p; n >= i && n <= p; n += M) {
 			let r = g[n];
 			if (r == null) continue;
 			if (ye != null) {
@@ -13195,7 +13195,7 @@ function Xp(e) {
 			let i = y(_.distr != 2 || l != null ? h[n] : n, _, C, x), a = b(Q(r, ne), v, w, S), o = T(i - F), s = T(Ku(a, re)), c = T(Gu(a, re)), u = s - c;
 			if (r != null) {
 				let i = r < 0 ? xe : be, a = r < 0 ? be : xe;
-				ce ? (se > 0 && de[n] != null && M(fe.get(de[n]), o, c + Hu(se / 2), ie, Ku(0, u - se), i, a), le[n] != null && M(ue.get(le[n]), o, c + Hu(se / 2), ie, Ku(0, u - se), i, a)) : M(ve, o, c + Hu(se / 2), ie, Ku(0, u - se), i, a), N(e, t, n, o - se / 2, c, ie + se, u);
+				ce ? (se > 0 && de[n] != null && N(fe.get(de[n]), o, c + Hu(se / 2), ie, Ku(0, u - se), i, a), le[n] != null && N(ue.get(le[n]), o, c + Hu(se / 2), ie, Ku(0, u - se), i, a)) : N(ve, o, c + Hu(se / 2), ie, Ku(0, u - se), i, a), P(e, t, n, o - se / 2, c, ie + se, u);
 			}
 		}
 		return se > 0 ? _e.stroke = ce ? fe : ve : ce || (_e._fill = m.width == 0 ? m._fill : m._stroke ?? m._fill, _e.width = 0), _e.fill = ce ? ue : ve, _e;
@@ -13219,16 +13219,16 @@ function Zp(e, t) {
 			band: null,
 			gaps: null,
 			flags: Sp
-		}, k = O.stroke, [ee, A] = Tp(t, r);
-		if (o.fill != null || ee != 0) {
-			let e = O.fill = new Path2D(k), n = y(o.fillTo(t, r, o.min, o.max, ee));
+		}, k = O.stroke, [A, j] = Tp(t, r);
+		if (o.fill != null || A != 0) {
+			let e = O.fill = new Path2D(k), n = y(o.fillTo(t, r, o.min, o.max, A));
 			S(e, T, n), S(e, w, n);
 		}
 		if (!o.spanGaps) {
 			let e = [];
 			e.push(...Ap(s, c, i, a, C, v, n)), O.gaps = e = o.gaps(t, r, i, a, e), O.clip = Op(e, l.ori, p, m, h, g);
 		}
-		return A != 0 && (O.band = A == 2 ? [Dp(t, r, i, a, k, -1), Dp(t, r, i, a, k, 1)] : Dp(t, r, i, a, k, A)), O;
+		return j != 0 && (O.band = j == 2 ? [Dp(t, r, i, a, k, -1), Dp(t, r, i, a, k, 1)] : Dp(t, r, i, a, k, j)), O;
 	});
 }
 function Qp(e) {
@@ -13387,17 +13387,17 @@ function _m(e, t, n) {
 		E(e.scale);
 	});
 	for (let t in e.scales) E(t);
-	let D = b[S], O = D.distr, k, ee;
-	D.ori == 0 ? (ou(l, hl), k = a, ee = o) : (ou(l, gl), k = o, ee = a);
-	let A = {};
+	let D = b[S], O = D.distr, k, A;
+	D.ori == 0 ? (ou(l, hl), k = a, A = o) : (ou(l, gl), k = o, A = a);
+	let j = {};
 	for (let e in b) {
 		let t = b[e];
-		(t.min != null || t.max != null) && (A[e] = {
+		(t.min != null || t.max != null) && (j[e] = {
 			min: t.min,
 			max: t.max
 		}, t.min = t.max = null);
 	}
-	let j = e.tzDate || ((e) => new Date(Uu(e / _))), M = e.fmtDate || Jd, N = _ == 1 ? vf(j) : xf(j), P = Cf(j, Sf(_ == 1 ? _f : bf, M)), te = Of(j, Ef(Df, M)), ne = [], re = r.legend = Ad({}, jf, e.legend), F = r.cursor = Ad({}, Bf, { drag: { y: i == 2 } }, e.cursor), ie = re.show, ae = F.show, oe = re.markers;
+	let M = e.tzDate || ((e) => new Date(Uu(e / _))), N = e.fmtDate || Jd, P = _ == 1 ? vf(M) : xf(M), ee = Cf(M, Sf(_ == 1 ? _f : bf, N)), te = Of(M, Ef(Df, N)), ne = [], re = r.legend = Ad({}, jf, e.legend), F = r.cursor = Ad({}, Bf, { drag: { y: i == 2 } }, e.cursor), ie = re.show, ae = F.show, oe = re.markers;
 	re.idxs = ne, oe.width = $(oe.width), oe.dash = $(oe.dash), oe.stroke = $(oe.stroke), oe.fill = $(oe.fill);
 	let se, ce, le, ue = [], de = [], fe, pe = !1, me = {};
 	if (re.live) {
@@ -13539,7 +13539,7 @@ function _m(e, t, n) {
 	function Ke(e, t) {
 		if (i == 1 || t > 0) {
 			let t = i == 1 && b[e.scale].time, n = e.value;
-			e.value = t ? wd(n) ? Of(j, Ef(n, M)) : n || te : n || lp, e.label = e.label || (t ? Xf : Yf);
+			e.value = t ? wd(n) ? Of(M, Ef(n, N)) : n || te : n || lp, e.label = e.label || (t ? Xf : Yf);
 		}
 		if (Ve || t > 0) {
 			e.width = e.width == null ? 1 : e.width, e.paths = e.paths || nm || od, e.fillTo = $(e.fillTo || Ep), e.pxAlign = +Q(e.pxAlign, h), e.pxRound = jp(e.pxAlign), e.stroke = $(e.stroke || null), e.fill = $(e.fill || null), e._stroke = e._fill = e._paths = e._focus = null;
@@ -13591,9 +13591,9 @@ function _m(e, t, n) {
 			let a = i.time;
 			e.size = $(e.size), e.space = $(e.space), e.rotate = $(e.rotate), xd(e.incrs) && e.incrs.forEach((e) => {
 				!hd.has(e) && hd.set(e, gd(e));
-			}), e.incrs = $(e.incrs || (i.distr == 2 ? tf : a ? _ == 1 ? gf : yf : nf)), e.splits = $(e.splits || (a && i.distr == 1 ? N : i.distr == 3 ? ep : i.distr == 4 ? tp : $f)), e.stroke = $(e.stroke), e.grid.stroke = $(e.grid.stroke), e.ticks.stroke = $(e.ticks.stroke), e.border.stroke = $(e.border.stroke);
+			}), e.incrs = $(e.incrs || (i.distr == 2 ? tf : a ? _ == 1 ? gf : yf : nf)), e.splits = $(e.splits || (a && i.distr == 1 ? P : i.distr == 3 ? ep : i.distr == 4 ? tp : $f)), e.stroke = $(e.stroke), e.grid.stroke = $(e.grid.stroke), e.ticks.stroke = $(e.ticks.stroke), e.border.stroke = $(e.border.stroke);
 			let o = e.values;
-			e.values = xd(o) && !xd(o[0]) ? $(o) : a ? xd(o) ? Cf(j, Sf(o, M)) : wd(o) ? wf(j, o) : o || P : o || Qf, e.filter = $(e.filter || (i.distr >= 3 && i.log == 10 ? sp : i.distr == 3 && i.log == 2 ? cp : ad)), e.font = hm(e.font), e.labelFont = hm(e.labelFont), e._size = e.size(r, null, t, 0), e._space = e._rotate = e._incrs = e._found = e._splits = e._values = null, e._size > 0 && (Ye[t] = !0, e._el = uu(xl, f));
+			e.values = xd(o) && !xd(o[0]) ? $(o) : a ? xd(o) ? Cf(M, Sf(o, N)) : wd(o) ? wf(M, o) : o || ee : o || Qf, e.filter = $(e.filter || (i.distr >= 3 && i.log == 10 ? sp : i.distr == 3 && i.log == 2 ? cp : ad)), e.font = hm(e.font), e.labelFont = hm(e.labelFont), e._size = e.size(r, null, t, 0), e._space = e._rotate = e._incrs = e._found = e._splits = e._values = null, e._size > 0 && (Ye[t] = !0, e._el = uu(xl, f));
 		}
 	}
 	function Ze(e, t, n, r) {
@@ -13651,16 +13651,16 @@ function _m(e, t, n) {
 	function St() {
 		for (let e in b) {
 			let t = b[e];
-			A[e] == null && (t.min == null || A[S] != null && t.auto(r, at)) && (A[e] = xt);
+			j[e] == null && (t.min == null || j[S] != null && t.auto(r, at)) && (j[e] = xt);
 		}
 		for (let e in b) {
 			let t = b[e];
-			A[e] == null && t.from != null && A[t.from] != null && (A[e] = xt);
+			j[e] == null && t.from != null && j[t.from] != null && (j[e] = xt);
 		}
-		A[S] != null && It(!0);
+		j[S] != null && It(!0);
 		let e = {};
-		for (let t in A) {
-			let n = A[t];
+		for (let t in j) {
+			let n = j[t];
 			if (n != null) {
 				let a = e[t] = kd(b[t], Ed);
 				if (n.min != null) Ad(a, n);
@@ -13675,7 +13675,7 @@ function _m(e, t, n) {
 		if (et > 0) {
 			v.forEach((n, a) => {
 				if (i == 1) {
-					let i = n.scale, o = A[i];
+					let i = n.scale, o = j[i];
 					if (o == null) return;
 					let s = e[i];
 					if (a == 0) {
@@ -13685,11 +13685,11 @@ function _m(e, t, n) {
 					n.idxs[0] = tt, n.idxs[1] = nt;
 				} else if (a > 0 && n.show && n.auto) {
 					let [r, i] = n.facets, o = r.scale, s = i.scale, [c, l] = t[a], u = e[o], d = e[s];
-					u != null && bt(u, A[o], r, c, r.sorted), d != null && bt(d, A[s], i, l, i.sorted), n.min = i.min, n.max = i.max;
+					u != null && bt(u, j[o], r, c, r.sorted), d != null && bt(d, j[s], i, l, i.sorted), n.min = i.min, n.max = i.max;
 				}
 			});
 			for (let t in e) {
-				let n = e[t], i = A[t];
+				let n = e[t], i = j[t];
 				if (n.from == null && (i == null || i.min == null)) {
 					let e = n.range(r, n.min == $u ? null : n.min, n.max == -Infinity ? null : n.max, t);
 					n.min = e[0], n.max = e[1];
@@ -13723,7 +13723,7 @@ function _m(e, t, n) {
 			for (let e in n) Ae = !0, Xn("setScale", e);
 			ae && F.left >= 0 && (je = G = !0);
 		}
-		for (let e in A) A[e] = null;
+		for (let e in j) j[e] = null;
 	}
 	function Ct(e) {
 		let t = td(tt - 1, 0, et - 1), n = td(nt + 1, 0, et - 1);
@@ -13850,23 +13850,23 @@ function _m(e, t, n) {
 			if (f == 0) continue;
 			let p = b[t.scale], m = i == 0 ? V : H, h = i == 0 ? B : Oe, _ = t._splits, v = p.distr == 2 ? _.map((e) => it[e]) : _, x = p.distr == 2 ? it[_[1]] - it[_[0]] : u, S = t.ticks, C = t.border, w = S.show ? S.size : 0, T = Uu(w * ru), E = Uu((t.alignTo == 2 ? t._size - w - t.gap : t.gap) * ru), D = t._rotate * -Bu / 180, O = g(t._pos * ru), k = O + (T + E) * l;
 			o = i == 0 ? k : 0, a = i == 1 ? k : 0;
-			let ee = t.font[0];
-			yt(ee, c, t.align == 1 ? Rl : t.align == 2 ? zl : D > 0 ? Rl : D < 0 ? zl : i == 0 ? "center" : n == 3 ? zl : Rl, D || i == 1 ? "middle" : n == 2 ? Il : Ll);
-			let A = t.font[1] * t.lineGap, j = _.map((e) => g(s(e, p, m, h))), M = t._values;
-			for (let e = 0; e < M.length; e++) {
-				let t = M[e];
+			let A = t.font[0];
+			yt(A, c, t.align == 1 ? Rl : t.align == 2 ? zl : D > 0 ? Rl : D < 0 ? zl : i == 0 ? "center" : n == 3 ? zl : Rl, D || i == 1 ? "middle" : n == 2 ? Il : Ll);
+			let j = t.font[1] * t.lineGap, M = _.map((e) => g(s(e, p, m, h))), N = t._values;
+			for (let e = 0; e < N.length; e++) {
+				let t = N[e];
 				if (t != null) {
-					i == 0 ? a = j[e] : o = j[e], t = "" + t;
+					i == 0 ? a = M[e] : o = M[e], t = "" + t;
 					let n = t.indexOf("\n") == -1 ? [t] : t.split(/\n/gm);
 					for (let e = 0; e < n.length; e++) {
 						let t = n[e];
-						D ? (d.save(), d.translate(a, o + e * A), d.rotate(D), d.fillText(t, 0, 0), d.restore()) : d.fillText(t, a, o + e * A);
+						D ? (d.save(), d.translate(a, o + e * j), d.rotate(D), d.fillText(t, 0, 0), d.restore()) : d.fillText(t, a, o + e * j);
 					}
 				}
 			}
-			S.show && Mt(j, S.filter(r, v, e, f, x), i, n, O, T, md(S.width * ru, 3), S.stroke(r, e), S.dash, S.cap);
-			let N = t.grid;
-			N.show && Mt(j, N.filter(r, v, e, f, x), i, i == 0 ? 2 : 1, i == 0 ? Oe : B, i == 0 ? H : V, md(N.width * ru, 3), N.stroke(r, e), N.dash, N.cap), C.show && Mt([O], [1], +(i == 0), i == 0 ? 1 : 2, i == 1 ? Oe : B, i == 1 ? H : V, md(C.width * ru, 3), C.stroke(r, e), C.dash, C.cap);
+			S.show && Mt(M, S.filter(r, v, e, f, x), i, n, O, T, md(S.width * ru, 3), S.stroke(r, e), S.dash, S.cap);
+			let P = t.grid;
+			P.show && Mt(M, P.filter(r, v, e, f, x), i, i == 0 ? 2 : 1, i == 0 ? Oe : B, i == 0 ? H : V, md(P.width * ru, 3), P.stroke(r, e), P.dash, P.cap), C.show && Mt([O], [1], +(i == 0), i == 0 ? 1 : 2, i == 1 ? Oe : B, i == 1 ? H : V, md(C.width * ru, 3), C.stroke(r, e), C.dash, C.cap);
 		}
 		Xn("drawAxes");
 	}
@@ -13934,7 +13934,7 @@ function _m(e, t, n) {
 				n.min = n.max, n.max = e;
 			}
 			if (et > 1 && n.min != null && n.max != null && n.max - n.min < 1e-16) return;
-			e == S && i.distr == 2 && et > 0 && (n.min = xu(n.min, t[0]), n.max = xu(n.max, t[0]), n.min == n.max && n.max++), A[e] = n, U = !0, Vt();
+			e == S && i.distr == 2 && et > 0 && (n.min = xu(n.min, t[0]), n.max = xu(n.max, t[0]), n.min == n.max && n.max++), j[e] = n, U = !0, Vt();
 		}
 	}
 	r.setScale = Wt;
@@ -14063,7 +14063,7 @@ function _m(e, t, n) {
 			for (let e = +(i == 2); e < v.length; e++) {
 				let g = v[e], _ = ne[e], y = _ == null ? null : i == 1 ? t[e][_] : t[e][1][_], x = F.dataIdx(r, e, o, n), S = x == null ? null : i == 1 ? t[e][x] : t[e][1][x];
 				if (G = G || S != y || x != _, ne[e] = x, e > 0 && g.show) {
-					let n = x == null ? -10 : x == o ? a : k(i == 1 ? t[0][x] : t[e][0][x], D, c, 0), _ = S == null ? -10 : ee(S, i == 1 ? b[g.scale] : b[g.facets[1].scale], l, 0);
+					let n = x == null ? -10 : x == o ? a : k(i == 1 ? t[0][x] : t[e][0][x], D, c, 0), _ = S == null ? -10 : A(S, i == 1 ? b[g.scale] : b[g.facets[1].scale], l, 0);
 					if (Be && S != null) {
 						let t = D.ori == 1 ? tn : nn, n = Vu(ze.dist(r, e, x, _, t));
 						if (n < vn) {
@@ -14104,7 +14104,7 @@ function _m(e, t, n) {
 				let [t, n] = Qn.scales, [r, i] = Qn.match, [a, o] = e.cursor.sync.scales, s = e.cursor.drag;
 				if (on = s._x, sn = s._y, on || sn) {
 					let { left: s, top: u, width: d, height: f } = e.select, p = e.scales[a].ori, m = e.posToVal, h, g, _, v, y, x = t != null && r(t, a), S = n != null && i(n, o);
-					x && on ? (p == 0 ? (h = s, g = d) : (h = u, g = f), _ = b[t], v = k(m(h, a), _, c, 0), y = k(m(h + g, a), _, c, 0), Dn(Gu(v, y), Vu(y - v))) : Dn(0, c), S && sn ? (p == 1 ? (h = s, g = d) : (h = u, g = f), _ = b[n], v = ee(m(h, o), _, l, 0), y = ee(m(h + g, o), _, l, 0), On(Gu(v, y), Vu(y - v))) : On(0, l);
+					x && on ? (p == 0 ? (h = s, g = d) : (h = u, g = f), _ = b[t], v = k(m(h, a), _, c, 0), y = k(m(h + g, a), _, c, 0), Dn(Gu(v, y), Vu(y - v))) : Dn(0, c), S && sn ? (p == 1 ? (h = s, g = d) : (h = u, g = f), _ = b[n], v = A(m(h, o), _, l, 0), y = A(m(h + g, o), _, l, 0), On(Gu(v, y), Vu(y - v))) : On(0, l);
 				} else Rn();
 			} else {
 				let e = Vu($t - Yt), t = Vu(en - Xt);
@@ -14254,7 +14254,7 @@ function _m(e, t, n) {
 	}
 	r.destroy = rr;
 	function ir() {
-		Xn("init", e, t), ot(t || e.data, !1), A[S] ? Wt(S, A[S]) : st(), W = cn.show && (cn.width > 0 || cn.height > 0), je = G = !0, Me(e.width, e.height);
+		Xn("init", e, t), ot(t || e.data, !1), j[S] ? Wt(S, j[S]) : st(), W = cn.show && (cn.width > 0 || cn.height > 0), je = G = !0, Me(e.width, e.height);
 	}
 	return v.forEach(Ke), y.forEach(Xe), n ? n instanceof HTMLElement ? (n.appendChild(l), ir()) : n(r, ir) : ir(), r;
 }
@@ -14342,10 +14342,10 @@ function Nm() {
 var Pm = ({ message: e, className: t }) => /* @__PURE__ */ W("div", {
 	role: "status",
 	"aria-live": "polite",
-	className: x("flex h-full min-h-0 w-full items-center justify-center text-muted-foreground", t),
+	className: o("flex h-full min-h-0 w-full items-center justify-center text-muted-foreground", t),
 	children: /* @__PURE__ */ G("div", {
 		className: "flex flex-col items-center gap-3 text-center",
-		children: [/* @__PURE__ */ W(l, {
+		children: [/* @__PURE__ */ W(d, {
 			className: "h-6 w-6 animate-spin motion-reduce:animate-none will-change-transform",
 			"aria-hidden": !0
 		}), /* @__PURE__ */ W("p", {
@@ -14354,7 +14354,7 @@ var Pm = ({ message: e, className: t }) => /* @__PURE__ */ W("div", {
 		})]
 	})
 }), Fm = ({ message: e, className: t }) => /* @__PURE__ */ W("div", {
-	className: x("flex h-full min-h-0 w-full items-center justify-center text-muted-foreground", t),
+	className: o("flex h-full min-h-0 w-full items-center justify-center text-muted-foreground", t),
 	children: /* @__PURE__ */ W("p", {
 		className: "text-[10px] font-medium uppercase tracking-widest opacity-50",
 		children: e
@@ -14379,10 +14379,10 @@ var Lm = Ee(function({ checked: e, indeterminate: t }) {
 		readOnly: !0,
 		className: "pointer-events-none h-3.5 w-3.5 shrink-0 rounded border-border accent-primary"
 	});
-}), Rm = Ee(function({ featureNodes: e, selectedIds: n, searchValue: r, onSearchChange: i, onSetItemsChecked: a, onToggleItem: o, onSelectAll: s, onClearAll: l, searchPlaceholder: u, emptyLabel: d, selectAllLabel: f, onHoverChange: m, getItemColor: h, className: g }) {
-	let _ = H(() => dr(e), [e]), v = H(() => fr(e, r), [e, r]), y = H(() => _.reduce((e, t) => n.has(t) ? e + 1 : e, 0), [_, n]), b = _.length > 0 && y === _.length, S = !b && y !== 0;
+}), Rm = Ee(function({ featureNodes: e, selectedIds: n, searchValue: r, onSearchChange: i, onSetItemsChecked: a, onToggleItem: s, onSelectAll: c, onClearAll: l, searchPlaceholder: d, emptyLabel: f, selectAllLabel: p, onHoverChange: m, getItemColor: g, className: _ }) {
+	let v = H(() => dr(e), [e]), y = H(() => fr(e, r), [e, r]), b = H(() => v.reduce((e, t) => n.has(t) ? e + 1 : e, 0), [v, n]), x = v.length > 0 && b === v.length, S = !x && b !== 0;
 	return /* @__PURE__ */ G("div", {
-		className: x("w-full", g),
+		className: o("w-full", _),
 		onMouseLeave: () => m?.(null),
 		children: [/* @__PURE__ */ W("div", {
 			className: "border-b bg-muted/20 px-2 py-2",
@@ -14392,25 +14392,25 @@ var Lm = Ee(function({ checked: e, indeterminate: t }) {
 					type: "button",
 					className: "flex h-8 shrink-0 items-center rounded-md px-1",
 					onClick: (e) => {
-						e.preventDefault(), e.stopPropagation(), b ? l() : s();
+						e.preventDefault(), e.stopPropagation(), x ? l() : c();
 					},
-					title: f,
-					"aria-label": f,
+					title: p,
+					"aria-label": p,
 					children: /* @__PURE__ */ W(Lm, {
-						checked: b,
+						checked: x,
 						indeterminate: S
 					})
 				}), /* @__PURE__ */ G("div", {
 					className: "relative min-w-0 flex-1",
 					children: [
-						/* @__PURE__ */ W(p, { className: "absolute left-2 top-1/2 h-3.5 w-3.5 -translate-y-1/2 text-muted-foreground" }),
+						/* @__PURE__ */ W(h, { className: "absolute left-2 top-1/2 h-3.5 w-3.5 -translate-y-1/2 text-muted-foreground" }),
 						/* @__PURE__ */ W(re, {
 							value: r,
 							onChange: (e) => i(e.target.value),
-							placeholder: u,
+							placeholder: d,
 							className: "h-8 bg-background pl-7 pr-7 text-xs"
 						}),
-						r ? /* @__PURE__ */ W(c, {
+						r ? /* @__PURE__ */ W(u, {
 							type: "button",
 							variant: "ghost",
 							size: "icon",
@@ -14426,10 +14426,10 @@ var Lm = Ee(function({ checked: e, indeterminate: t }) {
 			})
 		}), /* @__PURE__ */ W("div", {
 			className: "max-h-[38vh] overflow-y-auto px-1 py-1",
-			children: v.length === 0 ? /* @__PURE__ */ W("div", {
+			children: y.length === 0 ? /* @__PURE__ */ W("div", {
 				className: "px-2 py-3 text-xs text-muted-foreground",
-				children: d
-			}) : v.map((e) => {
+				children: f
+			}) : y.map((e) => {
 				let t = ur(e), r = Im(t, n);
 				return /* @__PURE__ */ G("div", {
 					className: "mb-1 border-b border-border/50 pb-1 last:border-b-0",
@@ -14478,9 +14478,9 @@ var Lm = Ee(function({ checked: e, indeterminate: t }) {
 							}), t.items.map((e) => /* @__PURE__ */ G("button", {
 								type: "button",
 								"data-filter-row": "true",
-								className: x("flex w-full items-center gap-2 rounded-md px-2 py-1.5 pl-8 text-left text-[11px] hover:bg-muted/40", n.has(e.id) ? "bg-accent/40" : ""),
+								className: o("flex w-full items-center gap-2 rounded-md px-2 py-1.5 pl-8 text-left text-[11px] hover:bg-muted/40", n.has(e.id) ? "bg-accent/40" : ""),
 								onClick: (t) => {
-									t.preventDefault(), t.stopPropagation(), o(e.id);
+									t.preventDefault(), t.stopPropagation(), s(e.id);
 								},
 								onMouseEnter: () => m?.({
 									type: "item",
@@ -14492,9 +14492,9 @@ var Lm = Ee(function({ checked: e, indeterminate: t }) {
 										checked: n.has(e.id),
 										indeterminate: !1
 									}),
-									h ? /* @__PURE__ */ W("span", {
+									g ? /* @__PURE__ */ W("span", {
 										className: "h-0.5 w-5 shrink-0 rounded-full",
-										style: { backgroundColor: h(e.id) ?? "transparent" }
+										style: { backgroundColor: g(e.id) ?? "transparent" }
 									}) : null,
 									/* @__PURE__ */ W("span", {
 										className: n.has(e.id) ? "font-medium text-foreground" : "text-muted-foreground",
@@ -14508,16 +14508,16 @@ var Lm = Ee(function({ checked: e, indeterminate: t }) {
 			})
 		})]
 	});
-}), zm = Ee(function({ featureFilterNodes: e, selectedIds: t, jointSearch: n, onSearchChange: r, onSetItemsChecked: i, onToggleItem: a, onSelectAll: o, onClearAll: s, searchPlaceholder: l, emptyLabel: u, selectAllLabel: d, summaryAllLabel: f, summaryNoneLabel: p, summarySelectedCountLabel: m, totalSeriesCount: h, onHoverChange: g, getItemColor: _, onMenuOpenChange: v, triggerClassName: y, contentClassName: b, align: S = "start", side: C = "bottom", sideOffset: w = 4 }) {
-	let T = t.size, E = h > 0 && T === h ? f : T === 0 ? p : m(T);
+}), zm = Ee(function({ featureFilterNodes: e, selectedIds: t, jointSearch: n, onSearchChange: r, onSetItemsChecked: i, onToggleItem: a, onSelectAll: s, onClearAll: c, searchPlaceholder: l, emptyLabel: d, selectAllLabel: f, summaryAllLabel: p, summaryNoneLabel: m, summarySelectedCountLabel: h, totalSeriesCount: g, onHoverChange: _, getItemColor: v, onMenuOpenChange: y, triggerClassName: b, contentClassName: x, align: S = "start", side: C = "bottom", sideOffset: w = 4 }) {
+	let T = t.size, E = g > 0 && T === g ? p : T === 0 ? m : h(T);
 	return /* @__PURE__ */ G(An, {
-		onOpenChange: v,
+		onOpenChange: y,
 		children: [/* @__PURE__ */ G(jn, {
-			render: /* @__PURE__ */ W(c, {
+			render: /* @__PURE__ */ W(u, {
 				type: "button",
 				variant: "ghost",
 				size: "sm",
-				className: x("h-6 gap-1 px-2 text-xs outline-none hover:bg-muted/50 aria-expanded:bg-muted/30", y)
+				className: o("h-6 gap-1 px-2 text-xs outline-none hover:bg-muted/50 aria-expanded:bg-muted/30", b)
 			}),
 			children: [
 				/* @__PURE__ */ W(wn, { className: "h-3 w-3 shrink-0" }),
@@ -14531,7 +14531,7 @@ var Lm = Ee(function({ checked: e, indeterminate: t }) {
 			align: S,
 			side: C,
 			sideOffset: w,
-			className: x("w-80 max-h-[60vh] overflow-hidden", b),
+			className: o("w-80 max-h-[60vh] overflow-hidden", x),
 			children: /* @__PURE__ */ W(Rm, {
 				featureNodes: e,
 				selectedIds: t,
@@ -14539,13 +14539,13 @@ var Lm = Ee(function({ checked: e, indeterminate: t }) {
 				onSearchChange: r,
 				onSetItemsChecked: i,
 				onToggleItem: a,
-				onSelectAll: o,
-				onClearAll: s,
+				onSelectAll: s,
+				onClearAll: c,
 				searchPlaceholder: l,
-				emptyLabel: u,
-				selectAllLabel: d,
-				onHoverChange: g,
-				getItemColor: _
+				emptyLabel: d,
+				selectAllLabel: f,
+				onHoverChange: _,
+				getItemColor: v
 			})
 		})]
 	});
@@ -14689,45 +14689,45 @@ function Zm(e, t) {
 var Qm = {
 	min: null,
 	max: null
-}, $m = z.memo(function({ jointName: e, core: t, chartHeight: n, selectedSeriesIds: i, showAction: o, showState: s, hasAction: c, hasState: l, actionLabel: u, stateLabel: d }) {
-	let { t: f } = a(), { subscribeFrameIndex: p } = ee(), { setFrameIndex: m } = F(), { resolvedTheme: h } = r(), g = U(null), _ = U(null), v = U(null), y = U(null), b = U(0), x = U([]), S = U("#ef4444"), C = U(null), w = U(null), T = U(null), E = U(!1), D = t.dimensions.filter((n) => n.jointName === e && i.has(n.id) && t.seriesData[n.id] != null), O = D.some((e) => e.kind === "action" && c && o || e.kind === "state" && l && s);
-	return V(() => p((e) => {
+}, $m = z.memo(function({ jointName: e, core: t, chartHeight: n, selectedSeriesIds: i, showAction: a, showState: o, hasAction: s, hasState: c, actionLabel: l, stateLabel: u }) {
+	let { t: d } = v(), { subscribeFrameIndex: f } = k(), { setFrameIndex: p } = F(), { resolvedTheme: m } = r(), h = U(null), g = U(null), _ = U(null), y = U(null), b = U(0), x = U([]), S = U("#ef4444"), C = U(null), w = U(null), T = U(null), E = U(!1), D = t.dimensions.filter((n) => n.jointName === e && i.has(n.id) && t.seriesData[n.id] != null), O = D.some((e) => e.kind === "action" && s && a || e.kind === "state" && c && o);
+	return V(() => f((e) => {
 		b.current = e, y.current?.redraw(!1, !1);
-	}), [p]), V(() => {
+	}), [f]), V(() => {
 		x.current = t.originalTimestamps;
 	}, [t.originalTimestamps]), V(() => {
-		let r = _.current;
+		let r = g.current;
 		if (!r) return;
-		let i = [t.simplifiedTimestamps], a = [{}], p = [], h = t.jointColorMap[e] ?? "#94a3b8";
+		let i = [t.simplifiedTimestamps], f = [{}], m = [], v = t.jointColorMap[e] ?? "#94a3b8";
 		for (let e of D) {
-			if (e.kind === "action" && !(c && o) || e.kind === "state" && !(l && s)) continue;
+			if (e.kind === "action" && !(s && a) || e.kind === "state" && !(c && o)) continue;
 			let n = t.seriesData[e.id];
 			if (!n) continue;
 			let r = e.kind === "state";
-			i.push(n), p.push({
+			i.push(n), m.push({
 				kind: e.kind,
 				featureKey: e.featureKey
-			}), a.push({
-				label: `${r ? d : u}: ${e.featureKey}`,
-				stroke: h,
+			}), f.push({
+				label: `${r ? u : l}: ${e.featureKey}`,
+				stroke: v,
 				width: r ? 1.25 : 1.5,
 				dash: r ? [] : Vm,
 				points: { show: !1 },
 				spanGaps: !0
 			});
 		}
-		let O = (e) => e === void 0 || !Number.isFinite(e) ? "—" : Math.abs(e) >= 1e3 ? e.toFixed(0) : Math.abs(e) >= 10 ? e.toFixed(2) : e.toFixed(3), k = f("chart.legend.actionAbbr"), ee = f("chart.legend.stateAbbr"), A = () => {
+		let O = (e) => e === void 0 || !Number.isFinite(e) ? "—" : Math.abs(e) >= 1e3 ? e.toFixed(0) : Math.abs(e) >= 10 ? e.toFixed(2) : e.toFixed(3), k = d("chart.legend.actionAbbr"), A = d("chart.legend.stateAbbr"), j = () => {
 			y.current?.destroy(), y.current = null;
 		};
-		if (a.length <= 1) {
-			A();
+		if (f.length <= 1) {
+			j();
 			return;
 		}
-		A();
-		let j = Nm(), { axisStroke: M, gridStroke: N, tickStroke: P } = Am(j);
-		S.current = km(j, "--destructive", "#ef4444");
+		j();
+		let M = Nm(), { axisStroke: N, gridStroke: P, tickStroke: ee } = Am(M);
+		S.current = km(M, "--destructive", "#ef4444");
 		let te = (e) => {
-			let t = v.current;
+			let t = _.current;
 			if (!t) return;
 			let n = e.cursor.idx;
 			if (n == null || n < 0) {
@@ -14736,14 +14736,14 @@ var Qm = {
 			}
 			let r = [];
 			for (let t = 1; t < e.series.length; t++) {
-				let i = p[t - 1], a = e.data[t]?.[n], o = a !== void 0 && Number.isFinite(Number(a)) ? Number(a) : void 0, s = i.kind === "action" ? k : ee;
+				let i = m[t - 1], a = e.data[t]?.[n], o = a !== void 0 && Number.isFinite(Number(a)) ? Number(a) : void 0, s = i.kind === "action" ? k : A;
 				r.push(`${s} ${i.featureKey}: ${O(o)}`);
 			}
 			t.textContent = r.join("\n");
 		}, ne = () => {
 			T.current ??= window.requestAnimationFrame(() => {
 				T.current = null;
-				let e = y.current, t = v.current, n = g.current;
+				let e = y.current, t = _.current, n = h.current;
 				if (!e || !t || !n) return;
 				if (!E.current) {
 					t.classList.add("opacity-0");
@@ -14756,7 +14756,7 @@ var Qm = {
 				}
 				let i = e.over, a = (i.offsetLeft || 0) + (e.cursor.left ?? 0), o = (i.offsetTop || 0) + (e.cursor.top ?? 0);
 				t.classList.remove("opacity-0");
-				let s = t.offsetWidth || 80, c = t.offsetHeight || 22, l = n.clientWidth, u = n.clientHeight, d = w.current, f = d ? a - d.x : 0, p = d ? o - d.y : 0, m = Math.abs(f) + Math.abs(p) < 3, h = Yn({
+				let s = t.offsetWidth || 80, c = t.offsetHeight || 22, l = n.clientWidth, u = n.clientHeight, d = w.current, f = d ? a - d.x : 0, p = d ? o - d.y : 0, m = Math.abs(f) + Math.abs(p) < 3, g = Yn({
 					cursorX: a,
 					cursorY: o,
 					tooltipW: s,
@@ -14772,10 +14772,10 @@ var Qm = {
 					switchTolerancePx: 10,
 					keepPreviousOnStable: m
 				});
-				C.current = h, w.current = {
+				C.current = g, w.current = {
 					x: a,
 					y: o
-				}, t.style.left = `${h.left}px`, t.style.top = `${h.top}px`;
+				}, t.style.left = `${g.left}px`, t.style.top = `${g.top}px`;
 			});
 		}, re = {
 			width: r.offsetWidth || 600,
@@ -14785,31 +14785,31 @@ var Qm = {
 				drag: { setScale: !0 },
 				points: { show: !1 }
 			},
-			series: a,
+			series: f,
 			axes: [{
 				label: "",
 				labelSize: 0,
 				size: 24,
 				space: 36,
-				stroke: M,
+				stroke: N,
 				grid: {
-					stroke: N,
+					stroke: P,
 					width: 1
 				},
 				ticks: {
-					stroke: P,
+					stroke: ee,
 					width: 1
 				},
 				font: "10px ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Inter, Arial, sans-serif",
-				values: (e, t) => t.map((e) => `${e.toFixed(1)}${f("units.second.short")}`)
+				values: (e, t) => t.map((e) => `${e.toFixed(1)}${d("units.second.short")}`)
 			}, {
-				stroke: M,
+				stroke: N,
 				grid: {
-					stroke: N,
+					stroke: P,
 					width: 1
 				},
 				ticks: {
-					stroke: P,
+					stroke: ee,
 					width: 1
 				},
 				font: "10px ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Inter, Arial, sans-serif",
@@ -14852,13 +14852,13 @@ var Qm = {
 						}, t = () => {
 							E.current = !0, te(r), ne();
 						}, n = () => {
-							E.current = !1, T.current != null && (window.cancelAnimationFrame(T.current), T.current = null), C.current = null, w.current = null, v.current?.classList.add("opacity-0");
+							E.current = !1, T.current != null && (window.cancelAnimationFrame(T.current), T.current = null), C.current = null, w.current = null, _.current?.classList.add("opacity-0");
 						}, r.over.addEventListener("dblclick", e), r.over.addEventListener("mouseenter", t), r.over.addEventListener("mouseleave", n), r.over.addEventListener("mousedown", (e) => {
 							if (e.button !== 0) return;
 							let t = r.cursor.left;
 							if (t == null) return;
 							let n = r.posToVal(t, "x"), i = x.current, a = i.length > 0 ? Gm(i, n) : 0;
-							m(a);
+							p(a);
 						});
 					},
 					destroy: (r) => {
@@ -14875,7 +14875,7 @@ var Qm = {
 			});
 		});
 		return F.observe(r), () => {
-			E.current = !1, T.current != null && (window.cancelAnimationFrame(T.current), T.current = null), C.current = null, w.current = null, F.disconnect(), A();
+			E.current = !1, T.current != null && (window.cancelAnimationFrame(T.current), T.current = null), C.current = null, w.current = null, F.disconnect(), j();
 		};
 	}, [
 		e,
@@ -14883,25 +14883,25 @@ var Qm = {
 		n,
 		i,
 		D,
+		a,
 		o,
 		s,
 		c,
 		l,
 		u,
+		p,
 		d,
-		m,
-		f,
-		h
+		m
 	]), O ? /* @__PURE__ */ G("div", {
-		ref: g,
+		ref: h,
 		className: "relative w-full",
 		style: { height: n },
 		children: [/* @__PURE__ */ W("div", {
-			ref: _,
+			ref: g,
 			className: "chart-uplot h-full w-full",
 			style: { height: n }
 		}), /* @__PURE__ */ W("div", {
-			ref: v,
+			ref: _,
 			className: "pointer-events-none absolute z-[5] max-w-[min(100%,280px)] whitespace-pre-line rounded border border-border/50 bg-background/95 px-1.5 py-1 font-mono text-[10px] leading-snug text-foreground shadow-sm opacity-0 transition-opacity duration-75",
 			style: {
 				left: 0,
@@ -14912,7 +14912,7 @@ var Qm = {
 	}) : /* @__PURE__ */ W("div", {
 		className: "flex items-center justify-center rounded border border-dashed border-border/60 bg-muted/20 text-[10px] text-muted-foreground",
 		style: { height: n },
-		children: f("chart.split.noSeriesForJoint")
+		children: d("chart.split.noSeriesForJoint")
 	});
 });
 //#endregion
@@ -14947,8 +14947,8 @@ function eh(e) {
 		})]
 	});
 }
-function th({ open: e, onOpenChange: t, chartCore: n, allJointNames: r, selectedSeriesIds: i, jointFilterDropdownProps: o, showAction: s, showState: c, hasAction: l, hasState: u }) {
-	let { t: d } = a(), f = H(() => r, [r]), p = f.length, m = hr(p), h = gr(p), g = H(() => ({
+function th({ open: e, onOpenChange: t, chartCore: n, allJointNames: r, selectedSeriesIds: i, jointFilterDropdownProps: a, showAction: s, showState: c, hasAction: l, hasState: u }) {
+	let { t: d } = v(), f = H(() => r, [r]), p = f.length, m = hr(p), h = gr(p), g = H(() => ({
 		jointOrder: f,
 		chartCore: n,
 		chartHeight: m,
@@ -14980,8 +14980,8 @@ function th({ open: e, onOpenChange: t, chartCore: n, allJointNames: r, selected
 			children: [/* @__PURE__ */ W("div", {
 				className: "flex shrink-0 items-center border-b border-border/60 bg-muted/20 px-3 py-2",
 				children: /* @__PURE__ */ W(zm, {
-					...o,
-					contentClassName: x("w-80 max-h-[min(55vh,380px)] overflow-hidden", o.contentClassName)
+					...a,
+					contentClassName: o("w-80 max-h-[min(55vh,380px)] overflow-hidden", a.contentClassName)
 				})
 			}), /* @__PURE__ */ W("div", {
 				className: "min-h-0 flex-1 overflow-hidden px-1 pb-4",
@@ -15050,30 +15050,30 @@ function ah(e, t, n) {
 	}), !0;
 }
 var oh = ({ params: e }) => {
-	let { t, i18n: n } = a(), { chartData: i, currentFrames: o, setFrameIndex: s, setPlaying: l } = F(), { subscribeFrameIndex: u, info: d, isLoading: f, error: p } = ee(), { selectedEpisodeIndex: m } = me(), { resolvedTheme: h } = r(), g = U(null), _ = U(null), v = U(null), y = U(null), b = U(!1), x = U(null), S = U(null), C = U(null), w = U(null), T = U(null), E = U(null), D = U(null), O = U(null), k = U(null), A = U(!1), j = U(null), M = U(!1), N = U(!1), P = U(null), te = U(null), ne = U(null), re = U(h), ie = U("#ef4444"), ae = U(0), oe = U([]), se = U(void 0), ce = U(!1), [le, ue] = ke(/* @__PURE__ */ new Set()), [de, fe] = ke(""), [pe, he] = ke(!0), [ge, _e] = ke(!0), [ve, ye] = ke(!1), be = H(() => cr(d, e?.featureKey), [d, e?.featureKey]), xe = H(() => be.some((e) => sr(e) === "action" && i[e] != null), [be, i]), Se = H(() => be.some((e) => sr(e) === "state" && i[e] != null), [be, i]), Ce = H(() => Km(be, d?.features, i), [
+	let { t, i18n: n } = v(), { chartData: i, currentFrames: a, setFrameIndex: o, setPlaying: s } = F(), { subscribeFrameIndex: c, info: l, isLoading: d, error: f } = k(), { selectedEpisodeIndex: p } = me(), { resolvedTheme: m } = r(), h = U(null), g = U(null), _ = U(null), y = U(null), b = U(!1), x = U(null), S = U(null), C = U(null), w = U(null), T = U(null), E = U(null), D = U(null), O = U(null), A = U(null), j = U(!1), M = U(null), N = U(!1), P = U(!1), ee = U(null), te = U(null), ne = U(null), re = U(m), ie = U("#ef4444"), ae = U(0), oe = U([]), se = U(void 0), ce = U(!1), [le, ue] = ke(/* @__PURE__ */ new Set()), [de, fe] = ke(""), [pe, he] = ke(!0), [ge, _e] = ke(!0), [ve, ye] = ke(!1), be = H(() => cr(l, e?.featureKey), [l, e?.featureKey]), xe = H(() => be.some((e) => sr(e) === "action" && i[e] != null), [be, i]), Se = H(() => be.some((e) => sr(e) === "state" && i[e] != null), [be, i]), Ce = H(() => Km(be, l?.features, i), [
 		be,
-		d?.features,
+		l?.features,
 		i
 	]), I = H(() => qm(Ce), [Ce]), L = H(() => Ce.map((e) => e.id), [Ce]), R = H(() => Xm({
 		chartData: i,
-		currentFrames: o,
+		currentFrames: a,
 		targetFeatures: be,
-		features: d?.features,
-		resolvedTheme: h
+		features: l?.features,
+		resolvedTheme: m
 	}), [
 		i,
-		o,
+		a,
 		be,
-		d?.features,
-		h
-	]), z = H(() => Jm(I, h), [I, h]), we = R?.jointColorMap ?? z, Te = U(!1);
+		l?.features,
+		m
+	]), z = H(() => Jm(I, m), [I, m]), we = R?.jointColorMap ?? z, Te = U(!1);
 	V(() => {
 		Te.current = !1;
 	}, [L]), V(() => {
 		le.size === 0 && L.length > 0 && !Te.current && ue(new Set(L));
 	}, [L, le.size]);
 	let Ee = B((e, t) => {
-		let n = P.current;
+		let n = ee.current;
 		return !n || n.size === 0 || n.has(e) ? t : nh(t, .22);
 	}, []), De = H(() => R ? Zm(R, {
 		selectedSeriesIds: le,
@@ -15092,18 +15092,18 @@ var oh = ({ params: e }) => {
 	]);
 	V(() => {
 		!R && ve && ye(!1);
-	}, [R, ve]), V(() => u((e) => {
-		ae.current = e, v.current && v.current.redraw(!1, !1);
-	}), [u]);
+	}, [R, ve]), V(() => c((e) => {
+		ae.current = e, _.current && _.current.redraw(!1, !1);
+	}), [c]);
 	let Oe = (e) => Number.isFinite(e) ? Math.abs(e) >= 1e3 ? e.toFixed(0) : Math.abs(e) >= 10 ? e.toFixed(2) : e.toFixed(4) : "—";
 	V(() => {
 		oe.current = De?.originalTimestamps ?? [];
 	}, [De]), V(() => {
 		let e = se.current;
-		e !== m && (e !== void 0 && (ce.current = !0), se.current = m);
-	}, [m]), V(() => {
-		if (!_.current || !De) {
-			v.current &&= (v.current.destroy(), null), y.current && y.current.classList.add("hidden"), k.current = null, A.current = !1, j.current = null, M.current = !1;
+		e !== p && (e !== void 0 && (ce.current = !0), se.current = p);
+	}, [p]), V(() => {
+		if (!g.current || !De) {
+			_.current &&= (_.current.destroy(), null), y.current && y.current.classList.add("hidden"), A.current = null, j.current = !1, M.current = null, N.current = !1;
 			return;
 		}
 		let e = y.current, n = () => {
@@ -15111,16 +15111,16 @@ var oh = ({ params: e }) => {
 		}, r = () => {
 			n(), b.current = !0;
 		}, i = (t) => {
-			if (b.current = !1, A.current) return;
+			if (b.current = !1, j.current) return;
 			let r = t.relatedTarget;
-			r && v.current?.over && v.current.over.contains(r) || (n(), x.current = window.setTimeout(() => {
-				!A.current && !b.current && e && e.classList.add("hidden"), x.current = null;
+			r && _.current?.over && _.current.over.contains(r) || (n(), x.current = window.setTimeout(() => {
+				!j.current && !b.current && e && e.classList.add("hidden"), x.current = null;
 			}, 300));
 		};
 		e?.addEventListener("mouseenter", r), e?.addEventListener("mouseleave", i);
-		let a = Nm(), o = (e, t) => km(a, e, t), { axisStroke: c, gridStroke: l, tickStroke: u } = Am(a);
-		ie.current = o("--destructive", "#ef4444"), v.current && re.current !== h && (v.current.destroy(), v.current = null, re.current = h);
-		let d = t("units.second.short"), f = t("units.frame"), p = t("chart.tooltip.time"), m = (e, t, n) => {
+		let a = Nm(), s = (e, t) => km(a, e, t), { axisStroke: c, gridStroke: l, tickStroke: u } = Am(a);
+		ie.current = s("--destructive", "#ef4444"), _.current && re.current !== m && (_.current.destroy(), _.current = null, re.current = m);
+		let d = t("units.second.short"), f = t("units.frame"), p = t("chart.tooltip.time"), h = (e, t, n) => {
 			let r = ne.current;
 			if (r && r.idx === t && Math.abs(r.cursorY - n) < 1.5) return r.focused;
 			let i = null;
@@ -15165,10 +15165,10 @@ var oh = ({ params: e }) => {
 				cursorY: n,
 				focused: i
 			}, i;
-		}, g = () => {
-			C.current = null, j.current = null, w.current = null, T.current = null, te.current = null, ne.current = null, D.current = null, O.current = null, M.current = !1;
-		}, ee = (e) => {
-			let t = k.current;
+		}, v = () => {
+			C.current = null, M.current = null, w.current = null, T.current = null, te.current = null, ne.current = null, D.current = null, O.current = null, N.current = !1;
+		}, k = (e) => {
+			let t = A.current;
 			if (!t) return;
 			let n = T.current;
 			if (n) {
@@ -15180,7 +15180,7 @@ var oh = ({ params: e }) => {
 				n && n.rowEl.classList.add("rounded", "bg-primary/10", "ring-1", "ring-primary/20", "px-1");
 			}
 			T.current = e;
-		}, P = () => {
+		}, ee = () => {
 			let e = [];
 			for (let t = 1; t < De.seriesMeta.length; t++) {
 				let n = De.seriesMeta[t];
@@ -15195,7 +15195,7 @@ var oh = ({ params: e }) => {
 			return e;
 		}, F = () => {
 			if (!e) return;
-			let n = P().slice(0, 80), r = document.createElement("div");
+			let n = ee().slice(0, 80), r = document.createElement("div");
 			r.className = "flex h-full flex-col gap-1";
 			let i = document.createElement("div");
 			i.className = "shrink-0 flex flex-col justify-center gap-1 px-2 border-b border-border/40", i.style.height = "48px", i.style.minHeight = "48px";
@@ -15213,7 +15213,7 @@ var oh = ({ params: e }) => {
 			u.className = "font-mono text-muted-foreground", u.textContent = "—", c.append(l, u), i.append(a, c);
 			let d = document.createElement("div");
 			d.className = "mt-1 flex min-h-0 flex-col gap-0.5 overflow-y-auto px-2", d.addEventListener("scroll", () => {
-				A.current && (N.current || (M.current = !0));
+				j.current && (P.current || (N.current = !0));
 			});
 			let m = /* @__PURE__ */ new Map(), h = 0;
 			for (let e of n) {
@@ -15233,7 +15233,7 @@ var oh = ({ params: e }) => {
 			}
 			r.append(i, d);
 			let g = De.seriesMeta.length - 1, _;
-			g > h && (_ = document.createElement("div"), _.className = "py-1 px-2 shrink-0 text-[10px] text-muted-foreground", _.textContent = t("chart.tooltip.moreSeries", { count: g - h }), r.append(_)), e.innerHTML = "", e.append(r), k.current = {
+			g > h && (_ = document.createElement("div"), _.className = "py-1 px-2 shrink-0 text-[10px] text-muted-foreground", _.textContent = t("chart.tooltip.moreSeries", { count: g - h }), r.append(_)), e.innerHTML = "", e.append(r), A.current = {
 				headerContainerEl: i,
 				headerTimeValueEl: s,
 				headerFrameValueEl: u,
@@ -15244,7 +15244,7 @@ var oh = ({ params: e }) => {
 				renderedSeriesCount: h
 			}, d.dataset.scrollBound = "true", w.current = null, T.current = null;
 		}, se = (e, t, n, r, i) => {
-			let a = k.current;
+			let a = A.current;
 			if (!a) return;
 			a.headerTimeValueEl.textContent = `${Oe(n)} ${d}`, a.headerFrameValueEl.textContent = String(r);
 			for (let e of a.jointRows.values()) e.valueEl.textContent = "—";
@@ -15257,13 +15257,13 @@ var oh = ({ params: e }) => {
 				i.valueEl.textContent = Oe(s);
 			}
 			let o = i?.seriesId && a.jointRows.has(i.seriesId) ? i.seriesId : null;
-			if (o !== T.current && (ee(o), o && (!A.current || !M.current))) {
+			if (o !== T.current && (k(o), o && (!j.current || !N.current))) {
 				let e = a.jointRows.get(o);
 				if (e) {
-					N.current = !0;
+					P.current = !0;
 					let t = a.listContainerEl;
 					t.scrollTop = Jn(e.rowEl.getBoundingClientRect().top - t.getBoundingClientRect().top + t.scrollTop - 3, 0, Math.max(0, t.scrollHeight - t.clientHeight)), window.requestAnimationFrame(() => {
-						N.current = !1;
+						P.current = !1;
 					});
 				}
 			}
@@ -15271,23 +15271,23 @@ var oh = ({ params: e }) => {
 			S.current ??= window.requestAnimationFrame(() => {
 				S.current = null;
 				let e = C.current, t = y.current;
-				if (!e || !t || b.current && !A.current) return;
-				let { u: n, idx: r, xVal: i, frameIdx: a, cursorX: o, cursorY: s, containerW: c, containerH: l } = e, u = m(n, r, s), d = te.current, f = (d?.seriesIdx ?? null) !== (u?.seriesIdx ?? null) || (d?.seriesId ?? "") !== (u?.seriesId ?? "");
-				if (te.current = u, f && v.current?.redraw(!1, !1), k.current || F(), !k.current) return;
+				if (!e || !t || b.current && !j.current) return;
+				let { u: n, idx: r, xVal: i, frameIdx: a, cursorX: o, cursorY: s, containerW: c, containerH: l } = e, u = h(n, r, s), d = te.current, f = (d?.seriesIdx ?? null) !== (u?.seriesIdx ?? null) || (d?.seriesId ?? "") !== (u?.seriesId ?? "");
+				if (te.current = u, f && _.current?.redraw(!1, !1), A.current || F(), !A.current) return;
 				(w.current !== r || T.current !== (u?.seriesId ?? null)) && (se(n, r, i, a, u), w.current = r);
 				let p = Math.min(Math.floor(l * .8), 320);
 				t.style.maxHeight = `${p}px`, t.style.overflow = "hidden";
-				let h = k.current;
-				if (h) {
-					let e = h.footerEl?.offsetHeight ?? 0, t = Math.max(64, p - 60 - e - 4);
-					h.listContainerEl.style.maxHeight = `${t}px`, h.listContainerEl.style.overflowY = "auto";
+				let m = A.current;
+				if (m) {
+					let e = m.footerEl?.offsetHeight ?? 0, t = Math.max(64, p - 60 - e - 4);
+					m.listContainerEl.style.maxHeight = `${t}px`, m.listContainerEl.style.overflowY = "auto";
 				}
 				t.classList.remove("hidden");
 				let g = {
 					w: t.offsetWidth || 220,
 					h: Math.min(p, t.offsetHeight || 140)
 				};
-				if (E.current = g, !A.current || !D.current) {
+				if (E.current = g, !j.current || !D.current) {
 					let e = O.current, n = e ? o - e.x : 0, r = e ? s - e.y : 0, i = Math.abs(n) + Math.abs(r) < 3, a = Yn({
 						cursorX: o,
 						cursorY: s,
@@ -15311,21 +15311,21 @@ var oh = ({ params: e }) => {
 				}
 			});
 		};
-		k.current = null, F();
+		A.current = null, F();
 		let ue = null, de = 0, fe = 0, pe = () => {
 			ue = null;
 			let e = de;
 			if (de = 0, e === 0) return;
-			let t = v.current;
+			let t = _.current;
 			t && ah(t, e, fe);
 		}, me = (e) => {
-			e.ctrlKey || e.metaKey || e.shiftKey || e.altKey || v.current && (de += ih(e), fe = e.offsetY, e.preventDefault(), ue ??= window.requestAnimationFrame(pe));
+			e.ctrlKey || e.metaKey || e.shiftKey || e.altKey || _.current && (de += ih(e), fe = e.offsetY, e.preventDefault(), ue ??= window.requestAnimationFrame(pe));
 		}, he = () => {
-			let e = v.current;
+			let e = _.current;
 			e && e.setScale("y", rh);
 		}, ge = {
-			width: _.current.offsetWidth || 800,
-			height: _.current.offsetHeight || 400,
+			width: g.current.offsetWidth || 800,
+			height: g.current.offsetHeight || 400,
 			cursor: {
 				sync: { key: "lerobot" },
 				drag: { setScale: !0 },
@@ -15374,22 +15374,22 @@ var oh = ({ params: e }) => {
 					x.current != null && (window.clearTimeout(x.current), x.current = null);
 					let n = e.cursor.idx;
 					if (n == null || n < 0) {
-						if (A.current) return;
+						if (j.current) return;
 						x.current = window.setTimeout(() => {
-							!A.current && !b.current && t && (t.classList.add("hidden"), g(), v.current?.redraw(!1, !1)), x.current = null;
+							!j.current && !b.current && t && (t.classList.add("hidden"), v(), _.current?.redraw(!1, !1)), x.current = null;
 						}, 300);
 						return;
 					}
 					let r = e.data[0]?.[n];
 					if (r == null) {
-						if (A.current) return;
+						if (j.current) return;
 						x.current = window.setTimeout(() => {
-							!A.current && !b.current && t && (t.classList.add("hidden"), g(), v.current?.redraw(!1, !1)), x.current = null;
+							!j.current && !b.current && t && (t.classList.add("hidden"), v(), _.current?.redraw(!1, !1)), x.current = null;
 						}, 300);
 						return;
 					}
-					if (A.current) return;
-					let i = oe.current, a = i.length > 0 ? Gm(i, r) : n, o = e.over, s = o.offsetLeft || 0, c = o.offsetTop || 0, l = e.cursor.left ?? 0, u = e.cursor.top ?? 0, d = s + l, f = c + u, p = _.current?.clientWidth ?? o.clientWidth, m = _.current?.clientHeight ?? o.clientHeight;
+					if (j.current) return;
+					let i = oe.current, a = i.length > 0 ? Gm(i, r) : n, o = e.over, s = o.offsetLeft || 0, c = o.offsetTop || 0, l = e.cursor.left ?? 0, u = e.cursor.top ?? 0, d = s + l, f = c + u, p = g.current?.clientWidth ?? o.clientWidth, m = g.current?.clientHeight ?? o.clientHeight;
 					C.current = {
 						u: e,
 						idx: n,
@@ -15419,27 +15419,27 @@ var oh = ({ params: e }) => {
 					e.over.addEventListener("wheel", me, { passive: !1 }), e.over.addEventListener("dblclick", he), e.over.addEventListener("mousedown", (t) => {
 						if (t.button === 0) {
 							let t = e.posToVal(e.cursor.left, "x"), n = oe.current, r = n.length > 0 ? Gm(n, t) : 0;
-							s(r);
-							let i = e.over, a = i.offsetLeft || 0, o = i.offsetTop || 0, c = e.cursor.left ?? 0, l = e.cursor.top ?? 0, u = a + c, d = o + l, f = e.data[0], p = f.length > 0 ? Gm(Array.from(f), t) : 0, m = Number(f[p] ?? t), h = {
+							o(r);
+							let i = e.over, a = i.offsetLeft || 0, s = i.offsetTop || 0, c = e.cursor.left ?? 0, l = e.cursor.top ?? 0, u = a + c, d = s + l, f = e.data[0], p = f.length > 0 ? Gm(Array.from(f), t) : 0, m = Number(f[p] ?? t), h = {
 								u: e,
 								idx: p,
 								xVal: m,
 								frameIdx: n.length > 0 ? Gm(n, m) : p,
 								cursorX: u,
 								cursorY: d,
-								containerW: _.current?.clientWidth ?? i.clientWidth,
-								containerH: _.current?.clientHeight ?? i.clientHeight
+								containerW: g.current?.clientWidth ?? i.clientWidth,
+								containerH: g.current?.clientHeight ?? i.clientHeight
 							};
-							A.current ? (A.current = !1, j.current = null, M.current = !1) : (A.current = !0, j.current = h, C.current = h, M.current = !1, w.current = null, T.current = null, le());
+							j.current ? (j.current = !1, M.current = null, N.current = !1) : (j.current = !0, M.current = h, C.current = h, N.current = !1, w.current = null, T.current = null, le());
 						}
 					}), e.over.addEventListener("mouseenter", () => {
 						b.current &&= !1;
 					}), e.over.addEventListener("mouseleave", (e) => {
 						let t = y.current;
-						if (!t || A.current) return;
+						if (!t || j.current) return;
 						let n = e.relatedTarget;
 						n && t.contains(n) || b.current || (x.current != null && window.clearTimeout(x.current), x.current = window.setTimeout(() => {
-							!A.current && !b.current && t && (t.classList.add("hidden"), g(), v.current?.redraw(!1, !1)), x.current = null;
+							!j.current && !b.current && t && (t.classList.add("hidden"), v(), _.current?.redraw(!1, !1)), x.current = null;
 						}, 300));
 					});
 				},
@@ -15448,30 +15448,30 @@ var oh = ({ params: e }) => {
 				}
 			} }]
 		};
-		v.current ? v.current.batch(() => {
-			if (v.current.series.length !== De.configs.length) v.current.destroy(), v.current = new _m(ge, De.data, _.current), ce.current = !1;
+		_.current ? _.current.batch(() => {
+			if (_.current.series.length !== De.configs.length) _.current.destroy(), _.current = new _m(ge, De.data, g.current), ce.current = !1;
 			else {
 				let e = ce.current;
-				v.current.setData(De.data, e), e && (ce.current = !1);
+				_.current.setData(De.data, e), e && (ce.current = !1);
 			}
-		}) : (v.current = new _m(ge, De.data, _.current), ce.current = !1);
+		}) : (_.current = new _m(ge, De.data, g.current), ce.current = !1);
 		let _e = new ResizeObserver(() => {
-			v.current && _.current && v.current.setSize({
-				width: _.current.offsetWidth,
-				height: _.current.offsetHeight
+			_.current && g.current && _.current.setSize({
+				width: g.current.offsetWidth,
+				height: g.current.offsetHeight
 			});
 		});
-		return _e.observe(_.current), () => {
-			ue != null && (window.cancelAnimationFrame(ue), ue = null), _e.disconnect(), e?.removeEventListener("mouseenter", r), e?.removeEventListener("mouseleave", i), k.current = null, A.current = !1, j.current = null, M.current = !1, S.current != null && (window.cancelAnimationFrame(S.current), S.current = null), x.current != null && (window.clearTimeout(x.current), x.current = null);
+		return _e.observe(g.current), () => {
+			ue != null && (window.cancelAnimationFrame(ue), ue = null), _e.disconnect(), e?.removeEventListener("mouseenter", r), e?.removeEventListener("mouseleave", i), A.current = null, j.current = !1, M.current = null, N.current = !1, S.current != null && (window.cancelAnimationFrame(S.current), S.current = null), x.current != null && (window.clearTimeout(x.current), x.current = null);
 		};
 	}, [
 		De,
-		h,
-		s,
+		m,
+		o,
 		t,
 		n.language
 	]), V(() => () => {
-		v.current &&= (v.current.destroy(), null);
+		_.current &&= (_.current.destroy(), null);
 	}, []);
 	let Ae = H(() => lr(R?.dimensions ?? Ce), [R?.dimensions, Ce]), Me = B((e) => {
 		ue((t) => {
@@ -15485,8 +15485,8 @@ var oh = ({ params: e }) => {
 	}, []), Pe = B((e, t) => {
 		ue((n) => Zn(n, e, t));
 	}, []), Fe = B((e) => {
-		let t = e ? new Set(e.itemIds) : null, n = P.current;
-		!n && !t || n && t && n.size === t.size && Array.from(n).every((e) => t.has(e)) || (P.current = t, v.current?.redraw(!0, !1));
+		let t = e ? new Set(e.itemIds) : null, n = ee.current;
+		!n && !t || n && t && n.size === t.size && Array.from(n).every((e) => t.has(e)) || (ee.current = t, _.current?.redraw(!0, !1));
 	}, []), Ie = H(() => {
 		let e = /* @__PURE__ */ new Map();
 		return (R?.dimensions ?? Ce).forEach((t) => {
@@ -15496,7 +15496,7 @@ var oh = ({ params: e }) => {
 		let t = Ie.get(e);
 		return t ? we[t.jointName] : void 0;
 	}, [Ie, we]), Re = B((e) => {
-		e || (P.current = null, v.current?.redraw(!0, !1));
+		e || (ee.current = null, _.current?.redraw(!0, !1));
 	}, []), ze = B((e) => t("chart.joints.selectedCount", { count: e }), [t]), Be = H(() => ({
 		featureFilterNodes: Ae,
 		selectedIds: le,
@@ -15536,14 +15536,14 @@ var oh = ({ params: e }) => {
 		le
 	]);
 	return /* @__PURE__ */ G("div", {
-		ref: g,
+		ref: h,
 		className: "w-full h-full flex flex-col bg-background text-foreground overflow-hidden",
 		children: [
 			/* @__PURE__ */ G("div", {
 				className: "flex items-center justify-between px-3 py-1.5 border-b bg-muted/20",
 				children: [/* @__PURE__ */ G("div", {
 					className: "flex items-center gap-2 overflow-hidden mr-2",
-					children: [/* @__PURE__ */ W(zm, { ...Be }), /* @__PURE__ */ G(c, {
+					children: [/* @__PURE__ */ W(zm, { ...Be }), /* @__PURE__ */ G(u, {
 						type: "button",
 						variant: "ghost",
 						size: "sm",
@@ -15551,7 +15551,7 @@ var oh = ({ params: e }) => {
 						disabled: !R,
 						title: t("chart.split.openTitle"),
 						onClick: () => {
-							l(!1), ye(!0);
+							s(!1), ye(!0);
 						},
 						children: [/* @__PURE__ */ W(Tn, { className: "h-3 w-3 shrink-0" }), /* @__PURE__ */ W("span", {
 							className: "max-w-[100px] truncate",
@@ -15641,7 +15641,7 @@ var oh = ({ params: e }) => {
 				children: [/* @__PURE__ */ G("div", {
 					className: "absolute inset-0",
 					children: [/* @__PURE__ */ W("div", {
-						ref: _,
+						ref: g,
 						className: "chart-uplot w-full h-full"
 					}), /* @__PURE__ */ W("div", {
 						ref: y,
@@ -15650,13 +15650,13 @@ var oh = ({ params: e }) => {
 					})]
 				}), !De && /* @__PURE__ */ W("div", {
 					className: "absolute inset-0",
-					children: p && !f ? /* @__PURE__ */ W(Fm, { message: p }) : m === null && !f ? /* @__PURE__ */ W(Fm, { message: t("playback.noData") }) : /* @__PURE__ */ W(Pm, { message: t("common.loading") })
+					children: f && !d ? /* @__PURE__ */ W(Fm, { message: f }) : p === null && !d ? /* @__PURE__ */ W(Fm, { message: t("playback.noData") }) : /* @__PURE__ */ W(Pm, { message: t("common.loading") })
 				})]
 			}),
 			R ? /* @__PURE__ */ W(th, {
 				open: ve,
 				onOpenChange: (e) => {
-					ye(e), e && l(!1);
+					ye(e), e && s(!1);
 				},
 				chartCore: R,
 				allJointNames: Ve,
@@ -15680,10 +15680,10 @@ var oh = ({ params: e }) => {
 		readOnly: !0,
 		className: "pointer-events-none h-3.5 w-3.5 shrink-0 rounded border-border accent-primary"
 	});
-}), ch = Ee(function({ groups: e, selectedIds: n, searchValue: r, onSearchChange: i, onSetItemsChecked: a, onToggleItem: o, onSelectAll: s, onClearAll: l, searchPlaceholder: u, emptyLabel: d, selectAllLabel: f, onHoverChange: m, getItemColor: h, getGroupColor: g, className: _ }) {
-	let v = H(() => e.flatMap((e) => e.items.map((e) => e.id)), [e]), y = H(() => Qn(e, r), [e, r]), b = H(() => v.reduce((e, t) => n.has(t) ? e + 1 : e, 0), [v, n]), S = v.length > 0 && b === v.length, C = !S && b !== 0;
+}), ch = Ee(function({ groups: e, selectedIds: n, searchValue: r, onSearchChange: i, onSetItemsChecked: a, onToggleItem: s, onSelectAll: c, onClearAll: l, searchPlaceholder: d, emptyLabel: f, selectAllLabel: p, onHoverChange: m, getItemColor: g, getGroupColor: _, className: v }) {
+	let y = H(() => e.flatMap((e) => e.items.map((e) => e.id)), [e]), b = H(() => Qn(e, r), [e, r]), x = H(() => y.reduce((e, t) => n.has(t) ? e + 1 : e, 0), [y, n]), S = y.length > 0 && x === y.length, C = !S && x !== 0;
 	return /* @__PURE__ */ G("div", {
-		className: x("w-full", _),
+		className: o("w-full", v),
 		onMouseLeave: () => m?.(null),
 		children: [/* @__PURE__ */ W("div", {
 			className: "border-b bg-muted/20 px-2 py-2",
@@ -15693,10 +15693,10 @@ var oh = ({ params: e }) => {
 					type: "button",
 					className: "flex h-8 shrink-0 items-center rounded-md px-1",
 					onClick: (e) => {
-						e.preventDefault(), e.stopPropagation(), S ? l() : s();
+						e.preventDefault(), e.stopPropagation(), S ? l() : c();
 					},
-					title: f,
-					"aria-label": f,
+					title: p,
+					"aria-label": p,
 					children: /* @__PURE__ */ W(sh, {
 						checked: S,
 						indeterminate: C
@@ -15704,14 +15704,14 @@ var oh = ({ params: e }) => {
 				}), /* @__PURE__ */ G("div", {
 					className: "relative min-w-0 flex-1",
 					children: [
-						/* @__PURE__ */ W(p, { className: "absolute left-2 top-1/2 h-3.5 w-3.5 -translate-y-1/2 text-muted-foreground" }),
+						/* @__PURE__ */ W(h, { className: "absolute left-2 top-1/2 h-3.5 w-3.5 -translate-y-1/2 text-muted-foreground" }),
 						/* @__PURE__ */ W(re, {
 							value: r,
 							onChange: (e) => i(e.target.value),
-							placeholder: u,
+							placeholder: d,
 							className: "h-8 bg-background pl-7 pr-7 text-xs"
 						}),
-						r ? /* @__PURE__ */ W(c, {
+						r ? /* @__PURE__ */ W(u, {
 							type: "button",
 							variant: "ghost",
 							size: "icon",
@@ -15727,10 +15727,10 @@ var oh = ({ params: e }) => {
 			})
 		}), /* @__PURE__ */ W("div", {
 			className: "max-h-[38vh] overflow-y-auto px-1 py-1",
-			children: y.length === 0 ? /* @__PURE__ */ W("div", {
+			children: b.length === 0 ? /* @__PURE__ */ W("div", {
 				className: "px-2 py-3 text-xs text-muted-foreground",
-				children: d
-			}) : y.map((e) => {
+				children: f
+			}) : b.map((e) => {
 				let t = e.items.map((e) => e.id), r = Xn(e, n);
 				return /* @__PURE__ */ G("div", {
 					className: "mb-1 border-b border-border/40 pb-1 last:border-b-0",
@@ -15751,9 +15751,9 @@ var oh = ({ params: e }) => {
 								checked: r === "all",
 								indeterminate: r === "partial"
 							}),
-							g ? /* @__PURE__ */ W("span", {
+							_ ? /* @__PURE__ */ W("span", {
 								className: "h-0.5 w-5 shrink-0 rounded-full",
-								style: { backgroundColor: g(e.id, t) ?? "transparent" }
+								style: { backgroundColor: _(e.id, t) ?? "transparent" }
 							}) : null,
 							/* @__PURE__ */ W("span", {
 								className: "font-semibold text-foreground",
@@ -15763,9 +15763,9 @@ var oh = ({ params: e }) => {
 					}), e.items.map((e) => /* @__PURE__ */ G("button", {
 						type: "button",
 						"data-filter-row": "true",
-						className: x("flex w-full items-center gap-2 rounded-md px-2 py-1.5 pl-6 text-left text-[11px] hover:bg-muted/40", n.has(e.id) ? "bg-accent/40" : ""),
+						className: o("flex w-full items-center gap-2 rounded-md px-2 py-1.5 pl-6 text-left text-[11px] hover:bg-muted/40", n.has(e.id) ? "bg-accent/40" : ""),
 						onClick: (t) => {
-							t.preventDefault(), t.stopPropagation(), o(e.id);
+							t.preventDefault(), t.stopPropagation(), s(e.id);
 						},
 						onMouseEnter: () => m?.({
 							type: "item",
@@ -15777,9 +15777,9 @@ var oh = ({ params: e }) => {
 								checked: n.has(e.id),
 								indeterminate: !1
 							}),
-							h ? /* @__PURE__ */ W("span", {
+							g ? /* @__PURE__ */ W("span", {
 								className: "h-0.5 w-5 shrink-0 rounded-full",
-								style: { backgroundColor: h(e.id) ?? "transparent" }
+								style: { backgroundColor: g(e.id) ?? "transparent" }
 							}) : null,
 							/* @__PURE__ */ W("span", {
 								className: n.has(e.id) ? "font-medium text-foreground" : "text-muted-foreground",
@@ -15834,7 +15834,7 @@ var vh = Ee((e) => {
 		c,
 		t,
 		s
-	]), p = c === "copying" ? o.copyingImage : c === "copied" ? o.copiedImage : c === "downloaded" ? o.downloadedImage : o.copyImage, m = t.kind === "image" ? Cn : kn, h = t.kind === "image" ? o.imageDtype : o.videoDtype, g = c === "copied" ? o.copiedImage : h;
+	]), f = c === "copying" ? o.copyingImage : c === "copied" ? o.copiedImage : c === "downloaded" ? o.downloadedImage : o.copyImage, p = t.kind === "image" ? Cn : kn, h = t.kind === "image" ? o.imageDtype : o.videoDtype, g = c === "copied" ? o.copiedImage : h;
 	return /* @__PURE__ */ W("div", {
 		style: u,
 		className: "font-mono text-xs leading-5",
@@ -15847,9 +15847,9 @@ var vh = Ee((e) => {
 					className: "inline-flex h-4 items-center justify-center rounded-md text-sky-700 hover:bg-muted/60 hover:text-sky-900 dark:text-sky-300 dark:hover:text-sky-100 transition-colors",
 					onClick: d,
 					disabled: !s || c === "copying",
-					title: p,
-					"aria-label": p,
-					children: [c === "copied" ? /* @__PURE__ */ W(n, { className: "w-3 h-3 text-green-500" }) : c === "downloaded" ? /* @__PURE__ */ W(f, { className: "w-3 h-3" }) : /* @__PURE__ */ W(m, { className: "w-3.5 h-3.5" }), /* @__PURE__ */ W("span", {
+					title: f,
+					"aria-label": f,
+					children: [c === "copied" ? /* @__PURE__ */ W(n, { className: "w-3 h-3 text-green-500" }) : c === "downloaded" ? /* @__PURE__ */ W(m, { className: "w-3 h-3" }) : /* @__PURE__ */ W(p, { className: "w-3.5 h-3.5" }), /* @__PURE__ */ W("span", {
 						className: "ml-0.5 text-[10px] font-semibold tracking-wide",
 						children: g
 					})]
@@ -15860,32 +15860,32 @@ var vh = Ee((e) => {
 	});
 });
 vh.displayName = "RawMediaTreeNode";
-var yh = Ee(({ data: e, label: t, depth: n = 0, isLast: r = !0, annotations: i, path: a = "", translations: o, mediaActions: s }) => {
-	let [c, l] = ke(n < 2), [u, d] = ke(dh), p = B((n) => {
+var yh = Ee(({ data: e, label: t, depth: n = 0, isLast: r = !0, annotations: i, path: a = "", translations: s, mediaActions: c }) => {
+	let [l, u] = ke(n < 2), [d, f] = ke(dh), p = B((n) => {
 		if (n.stopPropagation(), !(e instanceof Uint8Array)) return;
 		let r = new Blob([e], { type: "application/octet-stream" }), i = URL.createObjectURL(r), a = document.createElement("a");
 		a.href = i, a.download = t ? `${t}.bin` : "data.bin", document.body.appendChild(a), a.click(), document.body.removeChild(a), URL.revokeObjectURL(i);
-	}, [e, t]), m = H(() => ({ marginLeft: `${n * 14}px` }), [n]), h = t ? /* @__PURE__ */ W("span", {
+	}, [e, t]), h = H(() => ({ marginLeft: `${n * 14}px` }), [n]), g = t ? /* @__PURE__ */ W("span", {
 		className: "text-sky-600 dark:text-sky-400",
 		children: `"${t}": `
 	}) : null;
 	if (e === void 0) return /* @__PURE__ */ G("div", {
-		style: m,
+		style: h,
 		className: "font-mono text-xs leading-5",
 		children: [
-			h,
+			g,
 			/* @__PURE__ */ W("span", {
 				className: "text-muted-foreground",
-				children: o.undefined
+				children: s.undefined
 			}),
 			!r && ","
 		]
 	});
 	if (e === null) return /* @__PURE__ */ G("div", {
-		style: m,
+		style: h,
 		className: "font-mono text-xs leading-5",
 		children: [
-			h,
+			g,
 			/* @__PURE__ */ W("span", {
 				className: "text-muted-foreground",
 				children: "null"
@@ -15894,20 +15894,20 @@ var yh = Ee(({ data: e, label: t, depth: n = 0, isLast: r = !0, annotations: i,
 		]
 	});
 	if (e instanceof Uint8Array) return /* @__PURE__ */ G("div", {
-		style: m,
+		style: h,
 		className: "font-mono text-xs leading-5 flex items-center gap-2 group",
 		children: [
-			h,
+			g,
 			/* @__PURE__ */ G("span", {
 				className: "inline-flex items-center gap-1 px-2 py-0.5 rounded-md border bg-muted/30 text-sky-700 dark:text-sky-300 cursor-pointer hover:bg-muted/50 transition-colors",
 				onClick: p,
-				title: o.downloadBinary,
+				title: s.downloadBinary,
 				children: [
 					/* @__PURE__ */ W(xn, { className: "w-3 h-3" }),
 					"<binary> (",
 					e.length,
 					" bytes)",
-					/* @__PURE__ */ W(f, { className: "w-3 h-3 opacity-0 group-hover:opacity-100 transition-opacity" })
+					/* @__PURE__ */ W(m, { className: "w-3 h-3 opacity-0 group-hover:opacity-100 transition-opacity" })
 				]
 			}),
 			!r && ","
@@ -15915,45 +15915,45 @@ var yh = Ee(({ data: e, label: t, depth: n = 0, isLast: r = !0, annotations: i,
 	});
 	if (fh(e)) return /* @__PURE__ */ W(vh, {
 		data: e,
-		labelNode: h,
+		labelNode: g,
 		depth: n,
 		isLast: r,
-		translations: o,
-		mediaActions: s
+		translations: s,
+		mediaActions: c
 	});
 	if (typeof e == "object" && e) {
-		let f = Array.isArray(e), p = f ? e : Object.keys(e), g = f ? e.length > 0 : p.length > 0, _ = a ? t ? `${a}.${t}` : a : t || "";
-		if (!g) return /* @__PURE__ */ G("div", {
-			style: m,
+		let o = Array.isArray(e), p = o ? e : Object.keys(e), m = o ? e.length > 0 : p.length > 0, _ = a ? t ? `${a}.${t}` : a : t || "";
+		if (!m) return /* @__PURE__ */ G("div", {
+			style: h,
 			className: "font-mono text-xs leading-5",
 			children: [
-				h,
-				/* @__PURE__ */ W("span", { children: f ? "[]" : "{}" }),
+				g,
+				/* @__PURE__ */ W("span", { children: o ? "[]" : "{}" }),
 				!r && ","
 			]
 		});
-		let v = f && e.length > uh, y = f ? v ? e.slice(0, u) : e : Object.entries(e), b = f ? e.length - u : 0;
+		let v = o && e.length > uh, y = o ? v ? e.slice(0, d) : e : Object.entries(e), b = o ? e.length - d : 0;
 		return /* @__PURE__ */ G("div", {
-			style: m,
+			style: h,
 			className: "font-mono text-xs leading-5",
 			children: [/* @__PURE__ */ G("div", {
 				className: "flex items-center cursor-pointer hover:bg-muted/40 rounded-md px-1.5 -ml-1.5",
-				onClick: () => l(!c),
+				onClick: () => u(!l),
 				children: [
-					h,
+					g,
 					/* @__PURE__ */ W("span", {
 						className: "inline-flex w-4 shrink-0 items-center justify-center",
-						children: W(c ? bn : I, { className: "h-4 w-4 text-muted-foreground" })
+						children: W(l ? bn : I, { className: "h-4 w-4 text-muted-foreground" })
 					}),
-					/* @__PURE__ */ W("span", { children: f ? "[" : "{" }),
-					!c && /* @__PURE__ */ W("span", {
+					/* @__PURE__ */ W("span", { children: o ? "[" : "{" }),
+					!l && /* @__PURE__ */ W("span", {
 						className: "text-muted-foreground text-xs ml-1 tabular-nums",
-						children: f ? o.itemsCount(e.length) : o.keysCount(Object.keys(e).length)
+						children: o ? s.itemsCount(e.length) : s.keysCount(Object.keys(e).length)
 					}),
-					!c && /* @__PURE__ */ W("span", { children: f ? "]" : "}" }),
-					!c && !r && ","
+					!l && /* @__PURE__ */ W("span", { children: o ? "]" : "}" }),
+					!l && !r && ","
 				]
-			}), c && /* @__PURE__ */ G("div", { children: [f ? /* @__PURE__ */ G(je, { children: [
+			}), l && /* @__PURE__ */ G("div", { children: [o ? /* @__PURE__ */ G(je, { children: [
 				y.map((e, t) => {
 					let r = i?.[_]?.[t], a = t;
 					return /* @__PURE__ */ G("div", {
@@ -15964,8 +15964,8 @@ var yh = Ee(({ data: e, label: t, depth: n = 0, isLast: r = !0, annotations: i,
 							isLast: t === y.length - 1 && b <= 0,
 							annotations: i,
 							path: _,
-							translations: o,
-							mediaActions: s
+							translations: s,
+							mediaActions: c
 						}), r && /* @__PURE__ */ G("span", {
 							className: "ml-2 text-muted-foreground/60 text-[10px] select-none py-0.5",
 							children: ["# ", r]
@@ -15976,20 +15976,20 @@ var yh = Ee(({ data: e, label: t, depth: n = 0, isLast: r = !0, annotations: i,
 					style: { marginLeft: `${(n + 1) * 14}px` },
 					className: "text-xs text-primary cursor-pointer hover:underline py-1",
 					onClick: (t) => {
-						t.stopPropagation(), d((t) => Math.min(t + dh, e.length));
+						t.stopPropagation(), f((t) => Math.min(t + dh, e.length));
 					},
-					children: o.showMore(b)
+					children: s.showMore(b)
 				}),
-				v && u > dh && /* @__PURE__ */ W("div", {
+				v && d > dh && /* @__PURE__ */ W("div", {
 					style: { marginLeft: `${(n + 1) * 14}px` },
 					className: "text-xs text-muted-foreground cursor-pointer hover:underline py-1",
 					onClick: (e) => {
-						e.stopPropagation(), d(dh);
+						e.stopPropagation(), f(dh);
 					},
-					children: o.showLess
+					children: s.showLess
 				})
 			] }) : y.map(([e, t], r, a) => {
-				let c = fh(t) ? `${e}:${t.kind}:${t.episodeIndex}` : e;
+				let o = fh(t) ? `${e}:${t.kind}:${t.episodeIndex}` : e;
 				return /* @__PURE__ */ W(yh, {
 					label: e,
 					data: t,
@@ -15997,31 +15997,31 @@ var yh = Ee(({ data: e, label: t, depth: n = 0, isLast: r = !0, annotations: i,
 					isLast: r === a.length - 1,
 					annotations: i,
 					path: _,
-					translations: o,
-					mediaActions: s
-				}, c);
+					translations: s,
+					mediaActions: c
+				}, o);
 			}), /* @__PURE__ */ G("div", {
 				className: "font-mono text-xs leading-5",
-				style: m,
-				children: [/* @__PURE__ */ W("span", { children: f ? "]" : "}" }), !r && ","]
+				style: h,
+				children: [/* @__PURE__ */ W("span", { children: o ? "]" : "}" }), !r && ","]
 			})] })]
 		});
 	}
-	let g = e, _ = "text-foreground";
-	if (typeof e == "string") g = `"${e}"`, _ = "text-emerald-600 dark:text-emerald-400", e.length > 100 && (g = `"${e.substring(0, 50)}... (${e.length} chars)"`);
+	let _ = e, v = "text-foreground";
+	if (typeof e == "string") _ = `"${e}"`, v = "text-emerald-600 dark:text-emerald-400", e.length > 100 && (_ = `"${e.substring(0, 50)}... (${e.length} chars)"`);
 	else if (typeof e == "number") {
-		_ = "text-amber-600 dark:text-amber-400";
+		v = "text-amber-600 dark:text-amber-400";
 		let t = Number.isFinite(e) && !Number.isInteger(e) ? e.toFixed(4) : String(e);
-		g = (e >= 0 ? " " : "") + t;
-	} else typeof e == "boolean" && (_ = "text-violet-600 dark:text-violet-400");
+		_ = (e >= 0 ? " " : "") + t;
+	} else typeof e == "boolean" && (v = "text-violet-600 dark:text-violet-400");
 	return /* @__PURE__ */ G("div", {
-		style: m,
+		style: h,
 		className: "font-mono text-xs leading-5 whitespace-break-spaces",
 		children: [
-			h,
+			g,
 			/* @__PURE__ */ W("span", {
-				className: x(_, typeof e == "number" && Number.isFinite(e) ? "tabular-nums" : ""),
-				children: String(g)
+				className: o(v, typeof e == "number" && Number.isFinite(e) ? "tabular-nums" : ""),
+				children: String(_)
 			}),
 			r ? " " : ","
 		]
@@ -16029,13 +16029,13 @@ var yh = Ee(({ data: e, label: t, depth: n = 0, isLast: r = !0, annotations: i,
 }, (e, t) => e.data === t.data && e.label === t.label && e.depth === t.depth && e.isLast === t.isLast && e.path === t.path && e.annotations === t.annotations && e.translations === t.translations && e.mediaActions === t.mediaActions);
 yh.displayName = "JsonTreeView";
 var bh = Ee((e) => {
-	let { isPaused: t, copied: r, hasData: a, selectedFeatures: s, allFeaturesCount: l, featureGroups: u, featureSearch: d, onFeatureSearchChange: f, onToggleFeature: p, onSetFeaturesChecked: m, onSelectAll: h, onClearAll: _, onTogglePause: y, onManualRefresh: S, onCopy: C, allFeaturesLabel: w, featuresCountLabel: T, selectAllLabel: E, searchFeaturePlaceholder: D, noSearchResultLabel: O, pauseLabel: k, resumeLabel: ee, refreshLabel: A, copyLabel: j, copiedLabel: M } = e, N = s.size === 1 ? Array.from(s)[0] : null, P = s.size === l ? w : s.size === 1 ? N : T;
+	let { isPaused: t, copied: r, hasData: i, selectedFeatures: s, allFeaturesCount: l, featureGroups: d, featureSearch: f, onFeatureSearchChange: p, onToggleFeature: m, onSetFeaturesChecked: h, onSelectAll: g, onClearAll: _, onTogglePause: v, onManualRefresh: S, onCopy: C, allFeaturesLabel: w, featuresCountLabel: T, selectAllLabel: E, searchFeaturePlaceholder: D, noSearchResultLabel: O, pauseLabel: k, resumeLabel: A, refreshLabel: j, copyLabel: M, copiedLabel: N } = e, P = s.size === 1 ? Array.from(s)[0] : null, ee = s.size === l ? w : s.size === 1 ? P : T;
 	return /* @__PURE__ */ G("div", {
 		className: "flex items-center justify-between px-3 py-1.5 border-b bg-muted/20",
 		children: [/* @__PURE__ */ W("div", {
 			className: "flex items-center gap-2 overflow-hidden mr-2",
 			children: /* @__PURE__ */ G(An, { children: [/* @__PURE__ */ G(jn, {
-				render: /* @__PURE__ */ W(c, {
+				render: /* @__PURE__ */ W(u, {
 					variant: "ghost",
 					size: "sm",
 					className: "h-6 px-2 text-xs gap-1 hover:bg-muted/50 outline-none aria-expanded:bg-muted/30"
@@ -16044,7 +16044,7 @@ var bh = Ee((e) => {
 					/* @__PURE__ */ W(wn, { className: "h-3 w-3" }),
 					/* @__PURE__ */ W("span", {
 						className: "max-w-[120px] truncate",
-						children: P
+						children: ee
 					}),
 					/* @__PURE__ */ W(bn, { className: "h-3 w-3" })
 				]
@@ -16052,13 +16052,13 @@ var bh = Ee((e) => {
 				align: "start",
 				className: "w-80 max-h-[70vh] overflow-hidden",
 				children: /* @__PURE__ */ W(ch, {
-					groups: u,
+					groups: d,
 					selectedIds: s,
-					searchValue: d,
-					onSearchChange: f,
-					onSetItemsChecked: m,
-					onToggleItem: p,
-					onSelectAll: h,
+					searchValue: f,
+					onSearchChange: p,
+					onSetItemsChecked: h,
+					onToggleItem: m,
+					onSelectAll: g,
 					onClearAll: _,
 					searchPlaceholder: D,
 					emptyLabel: O,
@@ -16068,46 +16068,46 @@ var bh = Ee((e) => {
 		}), /* @__PURE__ */ G("div", {
 			className: "flex items-center gap-1 shrink-0",
 			children: [
-				/* @__PURE__ */ G(ve, { children: [/* @__PURE__ */ W(i, {
-					render: /* @__PURE__ */ W(c, {
+				/* @__PURE__ */ G(ve, { children: [/* @__PURE__ */ W(a, {
+					render: /* @__PURE__ */ W(u, {
 						variant: "ghost",
 						size: "icon",
-						className: x("h-6 w-6 hover:bg-accent/50", t && "text-amber-500"),
-						onClick: y,
-						"aria-label": t ? ee : k
+						className: o("h-6 w-6 hover:bg-accent/50", t && "text-amber-500"),
+						onClick: v,
+						"aria-label": t ? A : k
 					}),
-					children: W(t ? g : o, { className: "w-3.5 h-3.5" })
-				}), /* @__PURE__ */ W(b, { children: t ? ee : k })] }),
-				t && /* @__PURE__ */ G(ve, { children: [/* @__PURE__ */ W(i, {
-					render: /* @__PURE__ */ W(c, {
+					children: W(t ? y : c, { className: "w-3.5 h-3.5" })
+				}), /* @__PURE__ */ W(x, { children: t ? A : k })] }),
+				t && /* @__PURE__ */ G(ve, { children: [/* @__PURE__ */ W(a, {
+					render: /* @__PURE__ */ W(u, {
 						variant: "ghost",
 						size: "icon",
 						className: "h-6 w-6 hover:bg-accent/50",
 						onClick: S,
-						"aria-label": A
+						"aria-label": j
 					}),
 					children: /* @__PURE__ */ W(Dn, { className: "w-3.5 h-3.5" })
-				}), /* @__PURE__ */ W(b, { children: A })] }),
-				/* @__PURE__ */ G(ve, { children: [/* @__PURE__ */ W(i, {
-					render: /* @__PURE__ */ W(c, {
+				}), /* @__PURE__ */ W(x, { children: j })] }),
+				/* @__PURE__ */ G(ve, { children: [/* @__PURE__ */ W(a, {
+					render: /* @__PURE__ */ W(u, {
 						variant: "ghost",
 						size: "icon",
 						className: "h-6 w-6 hover:bg-accent/50",
 						onClick: C,
-						disabled: !a,
-						"aria-label": r ? M : j
+						disabled: !i,
+						"aria-label": r ? N : M
 					}),
-					children: r ? /* @__PURE__ */ W(n, { className: "w-3.5 h-3.5 text-green-500" }) : /* @__PURE__ */ W(v, { className: "w-3.5 h-3.5" })
-				}), /* @__PURE__ */ W(b, { children: r ? M : j })] })
+					children: r ? /* @__PURE__ */ W(n, { className: "w-3.5 h-3.5 text-green-500" }) : /* @__PURE__ */ W(b, { className: "w-3.5 h-3.5" })
+				}), /* @__PURE__ */ W(x, { children: r ? N : M })] })
 			]
 		})]
 	});
 });
 bh.displayName = "RawPanelHeader";
 var xh = Ee((e) => {
-	let { combinedData: t, featureAnnotations: n, translations: r, mediaActions: i, selectedCount: a, loadingLabel: o, noFeatureLabel: s, noEpisodeLabel: c, hasSelectedEpisode: l, isStale: u } = e;
-	return l ? !t && a > 0 ? /* @__PURE__ */ W(Pm, { message: o }) : /* @__PURE__ */ W(h, {
-		className: x("flex-1 transition-opacity duration-150", u ? "opacity-85" : "opacity-100"),
+	let { combinedData: t, featureAnnotations: n, translations: r, mediaActions: i, selectedCount: a, loadingLabel: s, noFeatureLabel: c, noEpisodeLabel: l, hasSelectedEpisode: u, isStale: d } = e;
+	return u ? !t && a > 0 ? /* @__PURE__ */ W(Pm, { message: s }) : /* @__PURE__ */ W(_, {
+		className: o("flex-1 transition-opacity duration-150", d ? "opacity-85" : "opacity-100"),
 		children: /* @__PURE__ */ W("div", {
 			className: "p-3 min-w-fit max-w-full",
 			children: t ? /* @__PURE__ */ W(yh, {
@@ -16116,16 +16116,16 @@ var xh = Ee((e) => {
 				translations: r,
 				mediaActions: i
 			}) : a === 0 ? /* @__PURE__ */ W(Fm, {
-				message: s,
+				message: c,
 				className: "py-20"
 			}) : null
 		})
-	}) : /* @__PURE__ */ W(Fm, { message: c });
+	}) : /* @__PURE__ */ W(Fm, { message: l });
 });
 xh.displayName = "RawPanelTreeBody";
 var Sh = ({ params: e }) => {
-	let { t } = a(), { info: n, featureData: r, subscribeFeature: i, unsubscribeFeature: o, subscribeFrameIndex: s, getFrameIndex: c, dataLoader: l, imageService: u, episodes: d } = ee(), { selectedEpisodeIndex: f } = me(), [p, m] = ke(null), [h, g] = ke(!1), [_, v] = ke(""), [y, b] = ke(!1), x = U(0), S = U(0), C = U({
-		value: c(),
+	let { t } = v(), { info: n, featureData: r, subscribeFeature: i, unsubscribeFeature: a, subscribeFrameIndex: o, getFrameIndex: s, dataLoader: c, imageService: l, episodes: u } = k(), { selectedEpisodeIndex: d } = me(), [f, p] = ke(null), [m, h] = ke(!1), [g, _] = ke(""), [y, b] = ke(!1), x = U(0), S = U(0), C = U({
+		value: s(),
 		listeners: /* @__PURE__ */ new Set()
 	}), w = B((e) => {
 		let t = C.current;
@@ -16149,37 +16149,37 @@ var Sh = ({ params: e }) => {
 		showMore: (e) => t("panels.raw.showMore", { count: e }),
 		showLess: t("panels.raw.showLess")
 	}), [t]);
-	V(() => s((e) => {
+	V(() => o((e) => {
 		if (S.current = e, y) return;
 		let t = Date.now();
 		t - x.current >= lh && (x.current = t, De(() => {
 			w(e);
 		}));
 	}), [
-		s,
+		o,
 		y,
 		w
 	]);
-	let k = B(() => {
+	let A = B(() => {
 		De(() => {
 			w(S.current);
 		}), x.current = Date.now();
-	}, [w]), A = B(() => {
+	}, [w]), j = B(() => {
 		b((e) => (e && (De(() => {
 			w(S.current);
 		}), x.current = Date.now()), !e));
-	}, [w]), j = H(() => n ? Object.keys(n.features).sort() : [], [n]), M = H(() => {
+	}, [w]), M = H(() => n ? Object.keys(n.features).sort() : [], [n]), N = H(() => {
 		let t = e?.featureKey;
-		return t ? /* @__PURE__ */ new Set([t]) : new Set(j);
-	}, [j, e?.featureKey]), N = H(() => p ?? M, [p, M]);
-	V(() => (N.forEach((e) => i(e)), () => {
-		N.forEach((e) => o(e));
+		return t ? /* @__PURE__ */ new Set([t]) : new Set(M);
+	}, [M, e?.featureKey]), P = H(() => f ?? N, [f, N]);
+	V(() => (P.forEach((e) => i(e)), () => {
+		P.forEach((e) => a(e));
 	}), [
-		N,
+		P,
 		i,
-		o
+		a
 	]);
-	let P = H(() => {
+	let ee = H(() => {
 		if (!n) return {};
 		let e = {};
 		return Object.entries(n.features).forEach(([t, n]) => {
@@ -16187,15 +16187,15 @@ var Sh = ({ params: e }) => {
 		}), e;
 	}, [n]), te = H(() => {
 		let e = {}, t = !1;
-		return N.forEach((i) => {
+		return P.forEach((i) => {
 			let a = ge(n, i);
-			if (f !== null && (a === "image" || a === "video")) {
+			if (d !== null && (a === "image" || a === "video")) {
 				e[i] = {
 					__rawMedia: !0,
 					kind: a,
 					featureKey: i,
 					frameIndex: D,
-					episodeIndex: f,
+					episodeIndex: d,
 					fps: n?.fps ?? 30
 				}, t = !0;
 				return;
@@ -16203,76 +16203,76 @@ var Sh = ({ params: e }) => {
 			r[i] && (e[i] = r[i][D], t = !0);
 		}), t ? e : null;
 	}, [
-		N,
+		P,
 		r,
 		D,
 		n,
-		f
-	]), ne = Oe(te), re = ne !== te, F = H(() => f === null ? null : d.find((e) => e.episode_index === f) ?? d[f] ?? null, [d, f]), ie = H(() => {
-		if (l) return { copyImage: async (e) => {
+		d
+	]), ne = Oe(te), re = ne !== te, F = H(() => d === null ? null : u.find((e) => e.episode_index === d) ?? u[d] ?? null, [u, d]), ie = H(() => {
+		if (c) return { copyImage: async (e) => {
 			let t = ph(e);
 			if (e.kind === "image") {
-				let n = l.getEpisodeDataPath(e.episodeIndex);
+				let n = c.getEpisodeDataPath(e.episodeIndex);
 				if (!n) throw Error(`Episode ${e.episodeIndex} data path not found`);
-				return wr(await u.getImageFrameBytes(n.path, e.featureKey, e.frameIndex, n.startRow), t);
+				return wr(await l.getImageFrameBytes(n.path, e.featureKey, e.frameIndex, n.startRow), t);
 			}
-			return Dr(l, e.episodeIndex, e.featureKey, e.frameIndex, e.fps, t);
+			return Dr(c, e.episodeIndex, e.featureKey, e.frameIndex, e.fps, t);
 		} };
-	}, [l, u]), ae = B(() => {
+	}, [c, l]), ae = B(() => {
 		let e = {}, t = !1;
-		N.forEach((i) => {
+		P.forEach((i) => {
 			let a = ge(n, i);
-			if (f !== null && (a === "image" || a === "video")) {
-				let r = a === "video" ? l?.getEpisodeVideoPath(f, i)?.path ?? null : l?.getEpisodeDataPath(f)?.path ?? null;
+			if (d !== null && (a === "image" || a === "video")) {
+				let r = a === "video" ? c?.getEpisodeVideoPath(d, i)?.path ?? null : c?.getEpisodeDataPath(d)?.path ?? null;
 				e[i] = _h({
 					kind: a,
 					featureKey: i,
 					info: n,
 					episode: F,
-					episodeIndex: f,
+					episodeIndex: d,
 					frameIndex: D,
 					path: r
 				}), t = !0;
 				return;
 			}
 			r[i]?.[D] !== void 0 && (e[i] = r[i][D], t = !0);
-		}), t && (navigator.clipboard.writeText(JSON.stringify(e, (e, t) => t instanceof Uint8Array ? `<binary (${t.length} bytes)>` : t, 2)), g(!0), setTimeout(() => g(!1), 2e3));
+		}), t && (navigator.clipboard.writeText(JSON.stringify(e, (e, t) => t instanceof Uint8Array ? `<binary (${t.length} bytes)>` : t, 2)), h(!0), setTimeout(() => h(!1), 2e3));
 	}, [
 		r,
-		N,
+		P,
 		D,
 		n,
-		f,
+		d,
 		F,
-		l
+		c
 	]), oe = B((e) => {
-		m((t) => {
-			let n = new Set(t ?? M);
+		p((t) => {
+			let n = new Set(t ?? N);
 			return n.has(e) ? n.delete(e) : n.add(e), n;
 		});
-	}, [M]), se = B(() => m(new Set(j)), [j]), ce = B(() => m(/* @__PURE__ */ new Set()), []), le = H(() => ir(j), [j]), ue = B((e, t) => {
-		m((n) => Zn(n ?? M, e, t));
-	}, [M]), de = B((e) => v(e), []);
+	}, [N]), se = B(() => p(new Set(M)), [M]), ce = B(() => p(/* @__PURE__ */ new Set()), []), le = H(() => ir(M), [M]), ue = B((e, t) => {
+		p((n) => Zn(n ?? N, e, t));
+	}, [N]), de = B((e) => _(e), []);
 	return /* @__PURE__ */ G("div", {
 		className: "flex flex-col h-full bg-background text-foreground overflow-hidden",
 		children: [/* @__PURE__ */ W(bh, {
 			isPaused: y,
-			copied: h,
+			copied: m,
 			hasData: !!te,
-			selectedFeatures: N,
-			allFeaturesCount: j.length,
+			selectedFeatures: P,
+			allFeaturesCount: M.length,
 			featureGroups: le,
-			featureSearch: _,
+			featureSearch: g,
 			onFeatureSearchChange: de,
 			onToggleFeature: oe,
 			onSetFeaturesChecked: ue,
 			onSelectAll: se,
 			onClearAll: ce,
-			onTogglePause: A,
-			onManualRefresh: k,
+			onTogglePause: j,
+			onManualRefresh: A,
 			onCopy: ae,
 			allFeaturesLabel: t("panels.raw.allFeatures"),
-			featuresCountLabel: N.size > 0 ? t("panels.raw.featuresCount", { count: N.size }) : t("panels.raw.none"),
+			featuresCountLabel: P.size > 0 ? t("panels.raw.featuresCount", { count: P.size }) : t("panels.raw.none"),
 			selectAllLabel: t("panels.raw.selectAll"),
 			searchFeaturePlaceholder: t("panels.raw.searchFeature"),
 			noSearchResultLabel: t("panels.raw.noSearchResult"),
@@ -16283,14 +16283,14 @@ var Sh = ({ params: e }) => {
 			copiedLabel: t("common.copied")
 		}), /* @__PURE__ */ W(xh, {
 			combinedData: ne,
-			featureAnnotations: P,
+			featureAnnotations: ee,
 			translations: O,
 			mediaActions: ie,
-			selectedCount: N.size,
+			selectedCount: P.size,
 			loadingLabel: t("panels.raw.loading"),
 			noFeatureLabel: t("panels.raw.no_feature"),
 			noEpisodeLabel: t("playback.noData"),
-			hasSelectedEpisode: f !== null,
+			hasSelectedEpisode: d !== null,
 			isStale: re
 		})]
 	});
@@ -16298,7 +16298,7 @@ var Sh = ({ params: e }) => {
 //#endregion
 //#region src/react/components/panels/Common/PanelErrorBoundary.tsx
 function Ch({ error: e, panelName: t, onRetry: n }) {
-	let { t: r } = a();
+	let { t: r } = v();
 	return /* @__PURE__ */ G("div", {
 		className: "flex flex-col items-center justify-center h-full w-full bg-background text-foreground p-4 text-center",
 		role: "alert",
@@ -16325,12 +16325,12 @@ function Ch({ error: e, panelName: t, onRetry: n }) {
 					children: e?.message || r("errorBoundary.unknownError")
 				})
 			}),
-			/* @__PURE__ */ G(c, {
+			/* @__PURE__ */ G(u, {
 				variant: "outline",
 				size: "sm",
 				onClick: n,
 				className: "flex items-center gap-1.5 text-xs",
-				children: [/* @__PURE__ */ W(m, {
+				children: [/* @__PURE__ */ W(g, {
 					className: "h-3 w-3",
 					"aria-hidden": !0
 				}), r("common.retry")]
@@ -16405,26 +16405,26 @@ function Oh(e, t) {
 //#endregion
 //#region src/react/components/PanelTitle.tsx
 var kh = (e) => {
-	let { api: n, containerApi: r } = e, { t: o } = a(), { info: s } = ee(), l = n.id, u = r.getPanel(l), d = z.useMemo(() => s?.features ? Object.keys(s.features).sort() : [], [s]), f = (e) => {
-		let t = s?.features[e];
+	let { api: n, containerApi: r } = e, { t: i } = v(), { info: o } = k(), s = n.id, c = r.getPanel(s), l = z.useMemo(() => o?.features ? Object.keys(o.features).sort() : [], [o]), d = (e) => {
+		let t = o?.features[e];
 		return t ? t.dtype === "video" ? "video" : t.dtype === "image" ? "image" : t.dtype.includes("float") || t.dtype.includes("int") ? "chart" : "raw" : "raw";
-	}, p = (e) => {
+	}, f = (e) => {
 		switch (e) {
 			case "video": return /* @__PURE__ */ W(kn, { className: "h-3.5 w-3.5 text-primary" });
 			case "image": return /* @__PURE__ */ W(Cn, { className: "h-3.5 w-3.5 text-primary" });
 			case "chart": return /* @__PURE__ */ W(On, { className: "h-3.5 w-3.5 text-primary" });
 			default: return /* @__PURE__ */ W(Sn, { className: "h-3.5 w-3.5 text-muted-foreground" });
 		}
-	}, m = (e, t) => {
-		if (!u) return;
-		let n = f(t), i = t.split(".").pop() || t;
+	}, p = (e, t) => {
+		if (!c) return;
+		let n = d(t), i = t.split(".").pop() || t;
 		Oh(r, {
 			component: n,
 			title: i,
 			params: { featureKey: t },
 			tabComponent: "default",
 			position: {
-				referencePanel: u.id,
+				referencePanel: c.id,
 				direction: e
 			},
 			autoId: {
@@ -16432,50 +16432,50 @@ var kh = (e) => {
 				featureKey: t
 			}
 		});
-	}, h = () => {
-		u && r.removePanel(u);
-	}, g = u ? u.title || o("common.appName") : n.title || o("common.appName");
-	return u ? /* @__PURE__ */ G("div", {
+	}, m = () => {
+		c && r.removePanel(c);
+	}, h = c ? c.title || i("common.appName") : n.title || i("common.appName");
+	return c ? /* @__PURE__ */ G("div", {
 		className: "panel-title-root flex h-full w-full min-w-0 box-border items-center gap-2 px-2",
 		children: [/* @__PURE__ */ W("span", {
 			className: "panel-title-text min-w-0 flex-1 overflow-hidden text-ellipsis whitespace-nowrap text-sm",
-			title: g,
-			children: g
+			title: h,
+			children: h
 		}), /* @__PURE__ */ G("div", {
 			className: "panel-title-actions ml-auto flex shrink-0 items-center gap-1",
-			children: [/* @__PURE__ */ G(An, { children: [/* @__PURE__ */ G(ve, { children: [/* @__PURE__ */ W(i, {
-				render: /* @__PURE__ */ W(jn, { render: /* @__PURE__ */ W(c, {
+			children: [/* @__PURE__ */ G(An, { children: [/* @__PURE__ */ G(ve, { children: [/* @__PURE__ */ W(a, {
+				render: /* @__PURE__ */ W(jn, { render: /* @__PURE__ */ W(u, {
 					variant: "ghost",
 					size: "icon",
 					className: "h-6 w-6 rounded-md opacity-70 hover:bg-accent hover:opacity-100",
 					onClick: (e) => {
 						e.stopPropagation(), e.preventDefault();
 					},
-					"aria-label": o("common.addPanel")
+					"aria-label": i("common.addPanel")
 				}) }),
 				children: /* @__PURE__ */ W(En, {
 					className: "h-3.5 w-3.5",
 					strokeWidth: 2.5
 				})
-			}), /* @__PURE__ */ W(b, {
+			}), /* @__PURE__ */ W(x, {
 				side: "bottom",
-				children: o("common.addPanel")
+				children: i("common.addPanel")
 			})] }), /* @__PURE__ */ G(Mn, {
 				align: "end",
 				className: "max-h-[400px] w-64",
 				onClick: (e) => e.stopPropagation(),
-				children: [/* @__PURE__ */ G(Pn, { children: [/* @__PURE__ */ G(Fn, { children: [/* @__PURE__ */ W(yn, { className: "mr-2 h-3.5 w-3.5" }), o("common.addToRight")] }), /* @__PURE__ */ W(In, {
+				children: [/* @__PURE__ */ G(Pn, { children: [/* @__PURE__ */ G(Fn, { children: [/* @__PURE__ */ W(yn, { className: "mr-2 h-3.5 w-3.5" }), i("common.addToRight")] }), /* @__PURE__ */ W(In, {
 					className: "max-h-[300px] w-64 overflow-y-auto",
-					children: d.length === 0 ? /* @__PURE__ */ W("div", {
+					children: l.length === 0 ? /* @__PURE__ */ W("div", {
 						className: "px-2 py-1.5 text-xs text-muted-foreground",
 						children: "No features available"
-					}) : d.map((e) => {
-						let t = f(e);
+					}) : l.map((e) => {
+						let t = d(e);
 						return /* @__PURE__ */ G(Nn, {
-							onClick: () => m("right", e),
+							onClick: () => p("right", e),
 							className: "gap-2 text-xs",
 							children: [
-								p(t),
+								f(t),
 								/* @__PURE__ */ W("span", {
 									className: "truncate",
 									title: e,
@@ -16488,18 +16488,18 @@ var kh = (e) => {
 							]
 						}, e);
 					})
-				})] }), /* @__PURE__ */ G(Pn, { children: [/* @__PURE__ */ G(Fn, { children: [/* @__PURE__ */ W(vn, { className: "mr-2 h-3.5 w-3.5" }), o("common.addBelow")] }), /* @__PURE__ */ W(In, {
+				})] }), /* @__PURE__ */ G(Pn, { children: [/* @__PURE__ */ G(Fn, { children: [/* @__PURE__ */ W(vn, { className: "mr-2 h-3.5 w-3.5" }), i("common.addBelow")] }), /* @__PURE__ */ W(In, {
 					className: "max-h-[300px] w-64 overflow-y-auto",
-					children: d.length === 0 ? /* @__PURE__ */ W("div", {
+					children: l.length === 0 ? /* @__PURE__ */ W("div", {
 						className: "px-2 py-1.5 text-xs text-muted-foreground",
 						children: "No features available"
-					}) : d.map((e) => {
-						let t = f(e);
+					}) : l.map((e) => {
+						let t = d(e);
 						return /* @__PURE__ */ G(Nn, {
-							onClick: () => m("below", e),
+							onClick: () => p("below", e),
 							className: "gap-2 text-xs",
 							children: [
-								p(t),
+								f(t),
 								/* @__PURE__ */ W("span", {
 									className: "truncate",
 									title: e,
@@ -16513,31 +16513,31 @@ var kh = (e) => {
 						}, e);
 					})
 				})] })]
-			})] }), /* @__PURE__ */ G(ve, { children: [/* @__PURE__ */ W(i, {
-				render: /* @__PURE__ */ W(c, {
+			})] }), /* @__PURE__ */ G(ve, { children: [/* @__PURE__ */ W(a, {
+				render: /* @__PURE__ */ W(u, {
 					variant: "ghost",
 					size: "icon",
 					className: "h-6 w-6 rounded-md opacity-70 hover:bg-destructive/10 hover:text-destructive hover:opacity-100",
 					onClick: (e) => {
-						e.stopPropagation(), e.preventDefault(), h();
+						e.stopPropagation(), e.preventDefault(), m();
 					},
-					"aria-label": o("common.deletePanel")
+					"aria-label": i("common.deletePanel")
 				}),
 				children: /* @__PURE__ */ W(t, {
 					className: "h-3.5 w-3.5",
 					strokeWidth: 2.5
 				})
-			}), /* @__PURE__ */ W(b, {
+			}), /* @__PURE__ */ W(x, {
 				side: "bottom",
-				children: o("common.deletePanel")
+				children: i("common.deletePanel")
 			})] })]
 		})]
 	}) : /* @__PURE__ */ W("div", {
 		className: "panel-title-root flex h-full w-full min-w-0 box-border items-center gap-2 px-2",
 		children: /* @__PURE__ */ W("span", {
 			className: "panel-title-text min-w-0 flex-1 overflow-hidden text-ellipsis whitespace-nowrap text-sm",
-			title: g,
-			children: g
+			title: h,
+			children: h
 		})
 	});
 }, Ah = Te(null), jh = {
@@ -16558,12 +16558,12 @@ var kh = (e) => {
 		children: /* @__PURE__ */ W(Sh, { params: e.params })
 	})
 }, Mh = { default: kh }, Nh = () => {
-	let e = U(null), [t, n] = ke(null), { t: i } = a(), { resolvedTheme: o } = r(), { info: s } = ee(), c = U(null), [l, u] = ke(4);
+	let e = U(null), [t, n] = ke(null), { t: i } = v(), { resolvedTheme: a } = r(), { info: o } = k(), s = U(null), [c, l] = ke(4);
 	V(() => {
-		let e = c.current;
+		let e = s.current;
 		if (!e) return;
 		let t = (e) => {
-			u(be(e));
+			l(be(e));
 		};
 		t(e.clientWidth);
 		let n = new ResizeObserver((n) => {
@@ -16571,7 +16571,7 @@ var kh = (e) => {
 		});
 		return n.observe(e), () => n.disconnect();
 	}, []);
-	let d = (e, t, n) => {
+	let u = (e, t, n) => {
 		let r = [...t, ...n];
 		if (r.length === 0) return;
 		let i = (e, t) => e.type === "leaf" ? e.data.panels.some((e) => t.has(e)) : e.data.some((e) => i(e, t)), a = (e, t) => e.type === "leaf" ? +!!e.data.panels.some((e) => t.has(e)) : e.data.reduce((e, n) => e + a(n, t), 0), o = (e, t) => {
@@ -16627,15 +16627,15 @@ var kh = (e) => {
 		} catch {}
 	};
 	return V(() => {
-		if (c.current) {
-			let e = c.current.querySelector(".dockview-react");
-			e && (e.classList.remove("dockview-theme-light", "dockview-theme-dark"), e.classList.add(o === "dark" ? "dockview-theme-dark" : "dockview-theme-light"));
+		if (s.current) {
+			let e = s.current.querySelector(".dockview-react");
+			e && (e.classList.remove("dockview-theme-light", "dockview-theme-dark"), e.classList.add(a === "dark" ? "dockview-theme-dark" : "dockview-theme-light"));
 		}
-	}, [o]), V(() => {
-		if (!e.current || !s) return;
+	}, [a]), V(() => {
+		if (!e.current || !o) return;
 		let t = e.current;
 		t.panels.forEach((e) => e.api.close());
-		let n = new Map(Object.entries(s.features).filter((e) => {
+		let n = new Map(Object.entries(o.features).filter((e) => {
 			let t = e[1];
 			return t?.dtype === "video" || t?.dtype === "image";
 		}).map(([e, t]) => {
@@ -16646,8 +16646,8 @@ var kh = (e) => {
 				title: e.split(".").pop() || e,
 				params: { featureKey: e }
 			}];
-		})), { row1: r, row2: a } = D(Array.from(n.keys()), 6, l), o = r.map((e) => n.get(e)).filter((e) => !!e), c = a.map((e) => n.get(e)).filter((e) => !!e), u = [...o, ...c];
-		if (u.length === 0) {
+		})), { row1: r, row2: a } = E(Array.from(n.keys()), 6, c), s = r.map((e) => n.get(e)).filter((e) => !!e), l = a.map((e) => n.get(e)).filter((e) => !!e), d = [...s, ...l];
+		if (d.length === 0) {
 			Oh(t, {
 				id: "chart-panel",
 				component: "chart",
@@ -16667,16 +16667,16 @@ var kh = (e) => {
 			});
 			return;
 		}
-		let f = o[0].id;
+		let f = s[0].id;
 		Oh(t, {
 			id: f,
-			component: u[0].component,
-			title: u[0].title,
-			params: u[0].params,
+			component: d[0].component,
+			title: d[0].title,
+			params: d[0].params,
 			tabComponent: "default"
 		});
 		let p = f;
-		for (let e of o.slice(1)) Oh(t, {
+		for (let e of s.slice(1)) Oh(t, {
 			id: e.id,
 			component: e.component,
 			title: e.title,
@@ -16687,8 +16687,8 @@ var kh = (e) => {
 				direction: "right"
 			}
 		}), p = e.id;
-		if (c.length > 0) {
-			let e = c[0];
+		if (l.length > 0) {
+			let e = l[0];
 			Oh(t, {
 				id: e.id,
 				component: e.component,
@@ -16698,7 +16698,7 @@ var kh = (e) => {
 				position: { direction: "below" }
 			});
 			let n = e.id;
-			for (let e of c.slice(1)) Oh(t, {
+			for (let e of l.slice(1)) Oh(t, {
 				id: e.id,
 				component: e.component,
 				title: e.title,
@@ -16727,15 +16727,15 @@ var kh = (e) => {
 				referencePanel: "chart-panel",
 				direction: "right"
 			}
-		}), d(t, o.map((e) => e.id), c.map((e) => e.id));
+		}), u(t, s.map((e) => e.id), l.map((e) => e.id));
 	}, [
-		s,
+		o,
 		i,
-		l
+		c
 	]), /* @__PURE__ */ W(Ah.Provider, {
 		value: t,
 		children: /* @__PURE__ */ W("div", {
-			ref: c,
+			ref: s,
 			className: "w-full h-full",
 			children: /* @__PURE__ */ W(Zc, {
 				components: jh,
@@ -16749,7 +16749,7 @@ var kh = (e) => {
 						e.kind !== "edge" && e.preventDefault();
 					});
 				},
-				className: o === "dark" ? "dockview-theme-dark" : "dockview-theme-light"
+				className: a === "dark" ? "dockview-theme-dark" : "dockview-theme-light"
 			})
 		})
 	});