@ioai/lerobot-studio 1.0.1 → 1.0.3

package/dist-lib/lerobot.es.js

@@ -1,11 +1,11 @@
-import { A as e, B as t, C as n, D as r, E as i, F as a, G as o, H as s, K as c, M as l, N as u, O as d, P as f, S as p, T as m, U as h, V as g, W as _, _ as v, a as y, b, c as x, ft as S, g as C, gt as w, h as T, ht as E, i as D, j as O, k as ee, l as te, lt as ne, m as k, mt as A, n as re, o as j, p as ie, pt as M, r as ae, s as N, st as oe, t as se, v as ce, w as P, x as F, y as I } from "./react-window-CGTfzj0C.js";
-import { r as L, t as le } from "./workerManager-D6ovn2ln.js";
-import * as ue from "react";
-import R, { Suspense as de, createContext as fe, memo as pe, useCallback as z, useContext as me, useEffect as B, useMemo as V, useRef as H, useState as U } from "react";
-import { Fragment as he, jsx as W, jsxs as G } from "react/jsx-runtime";
-import ge from "react-dom";
+import { A as e, C as t, D as n, E as r, F as i, G as a, H as o, I as s, K as c, M as l, N as u, O as d, P as f, S as p, T as m, U as h, V as g, W as _, _ as v, _t as y, a as b, b as x, c as S, ct as C, g as w, gt as T, h as E, ht as D, i as O, j as ee, k as te, l as ne, mt as k, n as A, o as re, p as j, pt as ie, q as M, r as ae, s as N, t as oe, ut as se, v as ce, w as P, x as F, y as le } from "./react-window-BIZRp3dx.js";
+import { r as I, t as ue } from "./workerManager-D6ovn2ln.js";
+import * as de from "react";
+import L, { Suspense as fe, createContext as pe, memo as me, useCallback as R, useContext as he, useEffect as z, useMemo as B, useRef as V, useState as H } from "react";
+import { Fragment as ge, jsx as U, jsxs as W } from "react/jsx-runtime";
+import _e from "react-dom";
 //#region node_modules/@zip.js/zip.js/lib/core/constants.js
-var _e = 4294967295, ve = 65535, ye = 33639248, be = 39169, xe = 21589, Se = 28789, Ce = 25461, we = 6534, Te = 30837, Ee = 30805, De = 2048, Oe = 61440, ke = 16384, Ae = 2048, je = 1024, Me = Infinity, Ne = "undefined", Pe = "function", Fe = /* @__PURE__ */ new Uint8Array(), Ie = 64, Le = 2;
+var ve = 4294967295, ye = 65535, be = 33639248, xe = 39169, G = 21589, Se = 28789, Ce = 25461, we = 6534, Te = 30837, Ee = 30805, De = 2048, Oe = 61440, ke = 16384, Ae = 2048, je = 1024, Me = Infinity, Ne = "undefined", Pe = "function", Fe = /* @__PURE__ */ new Uint8Array(), Ie = 64, Le = 2;
 try {
 	typeof navigator < "u" && navigator.hardwareConcurrency && (Le = navigator.hardwareConcurrency);
 } catch {}
@@ -1504,16 +1504,16 @@ var si = "filename", ci = "rawFilename", li = "comment", ui = "rawComment", di =
 		xi.forEach((t) => this[t] = e[t]);
 	}
 }, Ci = "filenameEncoding", wi = "commentEncoding", Ti = "extractPrependedData", Ei = "extractAppendedData", Di = "password", Oi = "rawPassword", ki = "passThrough", Ai = "signal", ji = "checkPasswordOnly", Mi = "checkOverlappingEntryOnly", Ni = "checkOverlappingEntry", Pi = "checkAmbiguity", Fi = "useWebWorkers", Ii = "useCompressionStream", Li = "transferStreams", Ri = "strictness", zi = "maxAppendedDataSize", Bi = "strict", Vi = "balanced", Hi = "tolerant", Ui = "File format is not recognized", Wi = "End of central directory not found", Gi = "End of Zip64 central directory locator not found", Ki = "Central directory header not found", qi = "Local file header not found", Ji = "Zip64 extra field not found", Yi = "File contains encrypted entry", Xi = "Encryption method not supported", Zi = "Compression method not supported", Qi = "Split zip file", $i = "Overlapping entry found", ea = "Ambiguous archive", ta = "utf-8", na = "UTF8", ra = "cp437", ia = 9 | De, aa = [
-	[di, _e],
-	[fi, _e],
-	[pi, _e],
-	[mi, ve]
+	[di, ve],
+	[fi, ve],
+	[pi, ve],
+	[mi, ye]
 ], oa = {
-	[ve]: {
+	[ye]: {
 		getValue: Y,
 		bytes: 4
 	},
-	[_e]: {
+	[ve]: {
 		getValue: Ia,
 		bytes: 8
 	}
@@ -1556,8 +1556,8 @@ var si = "filename", ci = "rawFilename", li = "comment", ui = "rawComment", di =
 			if (E.length < 4) throw Error(Ui);
 			let e = w - d - (n.lastDiskOffset || 0);
 			if (f != e && v == g) {
-				let t = Y(D, T) != ye;
-				if (!t && e >= 0 && e + 4 <= n.size && (t = Y(X(await K(n, e, 4, v)), 0) == ye), t) {
+				let t = Y(D, T) != be;
+				if (!t && e >= 0 && e + 4 <= n.size && (t = Y(X(await K(n, e, 4, v)), 0) == be), t) {
 					let t = f;
 					f = e, f > t && (b += f - t), E = await K(n, f, d, v), D = X(E);
 				}
@@ -1601,9 +1601,9 @@ var si = "filename", ci = "rawFilename", li = "comment", ui = "rawComment", di =
 				filename: M,
 				comment: ae
 			}), ua(o, o, D, T + 6), o.offset += b, x = Math.min(o.offset, x), a && (ne.has(o.filename) && (k = !0), ne.add(o.filename));
-			let N = o.externalFileAttributes >> 16 & ve;
+			let N = o.externalFileAttributes >> 16 & ye;
 			o.unixMode === void 0 && N & 16877 && (o.unixMode = N);
-			let oe = !!(o.unixMode & Ae), se = !!(o.unixMode & je), ce = !!(o.unixMode & 512), P = o.unixMode === void 0 ? p && !!(N & 73) : !!(o.unixMode & 73), F = o.unixMode !== void 0 && (o.unixMode & 61440) == 16384, I = (N & Oe) == ke;
+			let oe = !!(o.unixMode & Ae), se = !!(o.unixMode & je), ce = !!(o.unixMode & 512), P = o.unixMode === void 0 ? p && !!(N & 73) : !!(o.unixMode & 73), F = o.unixMode !== void 0 && (o.unixMode & 61440) == 16384, le = (N & Oe) == ke;
 			Object.assign(o, {
 				setuid: oe,
 				setgid: se,
@@ -1612,19 +1612,19 @@ var si = "filename", ci = "rawFilename", li = "comment", ui = "rawComment", di =
 				internalFileAttribute: o.internalFileAttributes,
 				externalFileAttribute: o.externalFileAttributes,
 				executable: P,
-				directory: F || I || f && O.directory || o.filename.endsWith("/") && !o.uncompressedSize,
+				directory: F || le || f && O.directory || o.filename.endsWith("/") && !o.uncompressedSize,
 				zipCrypto: o.encrypted && !o.extraFieldAES
 			});
-			let L = new Si(o);
-			L.getData = (e, n) => o.getData(e, L, t.readRanges, n), L.arrayBuffer = async (e) => {
-				let n = new TransformStream(), [r] = await Promise.all([new Response(n.readable).arrayBuffer(), o.getData(n, L, t.readRanges, e)]);
+			let I = new Si(o);
+			I.getData = (e, n) => o.getData(e, I, t.readRanges, n), I.arrayBuffer = async (e) => {
+				let n = new TransformStream(), [r] = await Promise.all([new Response(n.readable).arrayBuffer(), o.getData(n, I, t.readRanges, e)]);
 				return r;
 			}, T = g;
-			let { onprogress: le } = e;
-			if (le) try {
-				await le(i + 1, y, new Si(o));
+			let { onprogress: ue } = e;
+			if (ue) try {
+				await ue(i + 1, y, new Si(o));
 			} catch {}
-			yield L;
+			yield I;
 		}
 		a && T != C && Ma("trailing central directory data"), k && Ma("duplicate filename"), a && (b || y && x > 0) && Ma("prepended data");
 		let A = q(t, e, Ti), re = q(t, e, Ei);
@@ -1671,7 +1671,7 @@ var si = "filename", ci = "rawFilename", li = "comment", ui = "rawComment", di =
 		N && (ae = !0);
 		let { onstart: oe, onprogress: se, onend: ce } = r, P = d == 9, F = q(i, r, Ii);
 		P && (F = !1);
-		let I = {
+		let le = {
 			options: {
 				codecType: An,
 				password: S,
@@ -1713,22 +1713,22 @@ var si = "filename", ci = "rawFilename", li = "comment", ui = "rawComment", di =
 			extraFieldZip64: u || y.extraFieldZip64,
 			readRanges: n
 		});
-		let L;
+		let I;
 		try {
 			if (!N) {
-				M && (e = new WritableStream()), e = new ei(e), await ni(e, w ? _ : g), {writable: L} = e;
+				M && (e = new WritableStream()), e = new ei(e), await ni(e, w ? _ : g), {writable: I} = e;
 				let { outputSize: t } = await sr({
 					readable: j,
-					writable: L
-				}, I);
+					writable: I
+				}, le);
 				if (e.size += t, t != (w ? _ : g)) throw Error(ln);
 			}
 		} catch (t) {
 			if (t.outputSize !== void 0 && (e.size += t.outputSize), !M || t.message != "zipjs-abort-check-password") throw t;
 		} finally {
-			!q(i, r, "preventClose") && L && !L.locked && await L.getWriter().close();
+			!q(i, r, "preventClose") && I && !I.locked && await I.getWriter().close();
 		}
-		return M || N ? void 0 : e.getData ? e.getData() : L;
+		return M || N ? void 0 : e.getData ? e.getData() : I;
 	}
 };
 function la(e, t, n) {
@@ -1770,7 +1770,7 @@ function ua(e, t, n, r, i) {
 	d && (fa(d, si, ci, t, e), t.extraFieldUnicodePath = d);
 	let f = o.get(Ce);
 	f && (fa(f, li, ui, t, e), t.extraFieldUnicodeComment = f);
-	let p = o.get(be);
+	let p = o.get(xe);
 	p && p.data.length >= 7 ? (pa(p, t, l), t.extraFieldAES = p) : t.compressionMethod = l;
 	let m = o.get(10);
 	m && (ma(m, t), t.extraFieldNTFS = m);
@@ -1780,7 +1780,7 @@ function ua(e, t, n, r, i) {
 		let e = o.get(Te);
 		e && (ha(e, t, !0), t.extraFieldInfoZip = e);
 	}
-	let g = o.get(xe);
+	let g = o.get(G);
 	g && (_a(g, t, i), t.extraFieldExtendedTimestamp = g);
 	let _ = o.get(we);
 	_ && (t.extraFieldUSDZ = _);
@@ -1909,11 +1909,11 @@ function ya(e, t) {
 	return e === void 0 ? t ? Bi : Vi : e;
 }
 function ba(e, t) {
-	return e === void 0 ? t == "strict" ? 0 : t == "tolerant" ? Infinity : ve : e;
+	return e === void 0 ? t == "strict" ? 0 : t == "tolerant" ? Infinity : ye : e;
 }
 var xa = 64, Sa = 0, Ca = 1, wa = 2;
 async function Ta(e, t, n) {
-	let { size: r } = e, i = Math.min(r, 22 + ve), a = { count: xa }, o, s, c = 0;
+	let { size: r } = e, i = Math.min(r, 22 + ye), a = { count: xa }, o, s, c = 0;
 	for await (let [n, l, u, d, f] of Da(e, i)) {
 		let i = J(n, d + 20);
 		if (f + 22 + i == r) {
@@ -1929,7 +1929,7 @@ async function Ta(e, t, n) {
 	};
 }
 async function Ea(e, t, n) {
-	let { size: r } = e, i = Math.min(r, t == Infinity ? r : 22 + ve + t), a, o;
+	let { size: r } = e, i = Math.min(r, t == Infinity ? r : 22 + ye + t), a, o;
 	for await (let [t, s, c, l, u] of Da(e, i)) {
 		let i = Oa(c, l, u);
 		a ||= i;
@@ -1980,7 +1980,7 @@ function q(e, t, n) {
 	return t[n] === void 0 ? e.options[n] : t[n];
 }
 function Na(e) {
-	let t = (e & 4294901760) >> 16, n = e & ve;
+	let t = (e & 4294901760) >> 16, n = e & ye;
 	try {
 		return new Date(1980 + ((t & 65024) >> 9), ((t & 480) >> 5) - 1, t & 31, (n & 63488) >> 11, (n & 2016) >> 5, (n & 31) * 2, 0);
 	} catch {}
@@ -2623,8 +2623,8 @@ var So = /*#__PURE__*/ yo(bo, 9, 1), Co = /*#__PURE__*/ yo(xo, 5, 1), wo = funct
 				s && l(f + 131072);
 				var F = f + oe;
 				if (f < j) {
-					var I = a - j, L = Math.min(j, F);
-					for (I + f < 0 && Ao(3); f < L; ++f) n[f] = r[I + f];
+					var le = a - j, I = Math.min(j, F);
+					for (le + f < 0 && Ao(3); f < I; ++f) n[f] = r[le + f];
 				}
 				for (; f < F; ++f) n[f] = n[f - j];
 			}
@@ -3547,12 +3547,12 @@ function vs(e) {
 var ys = Object.defineProperty, bs = (e, t) => ys(e, "name", {
 	value: t,
 	configurable: !0
-}), xs = "horizontal", Ss = ["horizontal", "vertical"], Cs = /* @__PURE__ */ ue.forwardRef(/* @__PURE__ */ bs(function(e, t) {
+}), xs = "horizontal", Ss = ["horizontal", "vertical"], Cs = /* @__PURE__ */ de.forwardRef(/* @__PURE__ */ bs(function(e, t) {
 	let { decorative: n, orientation: r = xs, ...i } = e, a = ws(r) ? r : xs, o = n ? { role: "none" } : {
 		"aria-orientation": a === "vertical" ? a : void 0,
 		role: "separator"
 	};
-	return /* @__PURE__ */ W(oe.div, {
+	return /* @__PURE__ */ U(C.div, {
 		"data-orientation": a,
 		...o,
 		...i,
@@ -3563,7 +3563,7 @@ function ws(e) {
 	return Ss.includes(e);
 }
 bs(ws, "isValidOrientation");
-var Ts = Cs, Es = a("inline-flex w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded-full border border-transparent px-2 py-0.5 text-xs font-medium whitespace-nowrap transition-[color,box-shadow] focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&>svg]:pointer-events-none [&>svg]:size-3", {
+var Ts = Cs, Es = s("inline-flex w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded-full border border-transparent px-2 py-0.5 text-xs font-medium whitespace-nowrap transition-[color,box-shadow] focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&>svg]:pointer-events-none [&>svg]:size-3", {
 	variants: { variant: {
 		default: "bg-primary text-primary-foreground [a&]:hover:bg-primary/90",
 		secondary: "bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90",
@@ -3575,29 +3575,29 @@ var Ts = Cs, Es = a("inline-flex w-fit shrink-0 items-center justify-center gap-
 	defaultVariants: { variant: "default" }
 });
 function Ds({ className: e, variant: t = "default", asChild: n = !1, ...r }) {
-	return /* @__PURE__ */ W(n ? ne : "span", {
+	return /* @__PURE__ */ U(n ? se : "span", {
 		"data-slot": "badge",
 		"data-variant": t,
-		className: A(Es({ variant: t }), e),
+		className: D(Es({ variant: t }), e),
 		...r
 	});
 }
-var Os = u("arrow-left", [["path", {
+var Os = f("arrow-left", [["path", {
 	d: "m12 19-7-7 7-7",
 	key: "1l729n"
 }], ["path", {
 	d: "M19 12H5",
 	key: "x3x0zl"
-}]]), ks = u("check-check", [["path", {
+}]]), ks = f("check-check", [["path", {
 	d: "M18 6 7 17l-5-5",
 	key: "116fxf"
 }], ["path", {
 	d: "m22 10-7.5 7.5L13 16",
 	key: "ke71qq"
-}]]), As = u("chevron-left", [["path", {
+}]]), As = f("chevron-left", [["path", {
 	d: "m15 18-6-6 6-6",
 	key: "1wnfg3"
-}]]), js = u("circle-alert", [
+}]]), js = f("circle-alert", [
 	["circle", {
 		cx: "12",
 		cy: "12",
@@ -3618,7 +3618,7 @@ var Os = u("arrow-left", [["path", {
 		y2: "16",
 		key: "4dfq90"
 	}]
-]), Ms = u("circle-check", [["circle", {
+]), Ms = f("circle-check", [["circle", {
 	cx: "12",
 	cy: "12",
 	r: "10",
@@ -3626,13 +3626,13 @@ var Os = u("arrow-left", [["path", {
 }], ["path", {
 	d: "m9 12 2 2 4-4",
 	key: "dzmm74"
-}]]), Ns = u("house", [["path", {
+}]]), Ns = f("house", [["path", {
 	d: "M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8",
 	key: "5wwlr5"
 }], ["path", {
 	d: "M3 10a2 2 0 0 1 .709-1.528l7-6a2 2 0 0 1 2.582 0l7 6A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z",
 	key: "r6nss1"
-}]]), Ps = u("info", [
+}]]), Ps = f("info", [
 	["circle", {
 		cx: "12",
 		cy: "12",
@@ -3647,7 +3647,7 @@ var Os = u("arrow-left", [["path", {
 		d: "M12 8h.01",
 		key: "e9boi3"
 	}]
-]), Fs = u("octagon-x", [
+]), Fs = f("octagon-x", [
 	["path", {
 		d: "m15 9-6 6",
 		key: "1uzhvr"
@@ -3660,13 +3660,13 @@ var Os = u("arrow-left", [["path", {
 		d: "m9 9 6 6",
 		key: "z0biqf"
 	}]
-]), Is = u("pencil", [["path", {
+]), Is = f("pencil", [["path", {
 	d: "M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z",
 	key: "1a8usu"
 }], ["path", {
 	d: "m15 5 4 4",
 	key: "1mk7zo"
-}]]), Ls = u("repeat-1", [
+}]]), Ls = f("repeat-1", [
 	["path", {
 		d: "m17 2 4 4-4 4",
 		key: "nntrym"
@@ -3687,7 +3687,7 @@ var Os = u("arrow-left", [["path", {
 		d: "M11 10h1v4",
 		key: "70cz1p"
 	}]
-]), Rs = u("repeat", [
+]), Rs = f("repeat", [
 	["path", {
 		d: "m17 2 4 4-4 4",
 		key: "nntrym"
@@ -3704,7 +3704,7 @@ var Os = u("arrow-left", [["path", {
 		d: "M21 13v1a4 4 0 0 1-4 4H3",
 		key: "1rx37r"
 	}]
-]), zs = u("shuffle", [
+]), zs = f("shuffle", [
 	["path", {
 		d: "m18 14 4 4-4 4",
 		key: "10pe0f"
@@ -3725,7 +3725,7 @@ var Os = u("arrow-left", [["path", {
 		d: "M22 18h-6.041a4 4 0 0 1-3.3-1.8l-.359-.45",
 		key: "os18l9"
 	}]
-]), Bs = u("sliders-horizontal", [
+]), Bs = f("sliders-horizontal", [
 	["path", {
 		d: "M10 5H3",
 		key: "1qgfaw"
@@ -3762,20 +3762,20 @@ var Os = u("arrow-left", [["path", {
 		d: "M8 12H3",
 		key: "a7s4jb"
 	}]
-]), Vs = u("square-check-big", [["path", {
+]), Vs = f("square-check-big", [["path", {
 	d: "M21 10.656V19a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h12.344",
 	key: "2acyp4"
 }], ["path", {
 	d: "m9 11 3 3L22 4",
 	key: "1pflzl"
-}]]), Hs = u("square", [["rect", {
+}]]), Hs = f("square", [["rect", {
 	width: "18",
 	height: "18",
 	x: "3",
 	y: "3",
 	rx: "2",
 	key: "afitv7"
-}]]), Us = u("trash-2", [
+}]]), Us = f("trash-2", [
 	["path", {
 		d: "M10 11v6",
 		key: "nco0om"
@@ -3796,7 +3796,7 @@ var Os = u("arrow-left", [["path", {
 		d: "M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2",
 		key: "e791ji"
 	}]
-]), Ws = u("undo-2", [["path", {
+]), Ws = f("undo-2", [["path", {
 	d: "M9 14 4 9l5-5",
 	key: "102s5s"
 }], ["path", {
@@ -3806,37 +3806,37 @@ var Os = u("arrow-left", [["path", {
 //#endregion
 //#region src/ui/components/ui/dialog.tsx
 function Gs({ ...e }) {
-	return /* @__PURE__ */ W(t, {
+	return /* @__PURE__ */ U(g, {
 		"data-slot": "dialog",
 		...e
 	});
 }
 function Ks({ container: e, ...t }) {
-	let n = M();
-	return /* @__PURE__ */ W(o, {
+	let n = k();
+	return /* @__PURE__ */ U(c, {
 		"data-slot": "dialog-portal",
 		container: e ?? n,
 		...t
 	});
 }
 function qs({ className: e, ...t }) {
-	return /* @__PURE__ */ W(_, {
+	return /* @__PURE__ */ U(a, {
 		"data-slot": "dialog-overlay",
-		className: A("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: D("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 Js({ className: e, children: t, showCloseButton: n = !0, ...r }) {
-	return /* @__PURE__ */ G(Ks, {
+function Js({ className: e, children: n, showCloseButton: r = !0, ...i }) {
+	return /* @__PURE__ */ W(Ks, {
 		"data-slot": "dialog-portal",
-		children: [/* @__PURE__ */ W(qs, {}), /* @__PURE__ */ G(s, {
+		children: [/* @__PURE__ */ U(qs, {}), /* @__PURE__ */ W(h, {
 			"data-slot": "dialog-content",
-			className: A("fixed top-[50vh] left-[50vw] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border bg-background p-6 shadow-lg duration-200 outline-none 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 sm:max-w-lg", e),
-			...r,
-			children: [t, n && /* @__PURE__ */ G(g, {
+			className: D("fixed top-[50vh] left-[50vw] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border bg-background p-6 text-foreground shadow-lg duration-200 outline-none 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 sm:max-w-lg", e),
+			...i,
+			children: [n, r && /* @__PURE__ */ W(o, {
 				"data-slot": "dialog-close",
 				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-accent data-[state=open]:text-muted-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
-				children: [/* @__PURE__ */ W(p, {}), /* @__PURE__ */ W("span", {
+				children: [/* @__PURE__ */ U(t, {}), /* @__PURE__ */ U("span", {
 					className: "sr-only",
 					children: "Close"
 				})]
@@ -3845,20 +3845,20 @@ function Js({ className: e, children: t, showCloseButton: n = !0, ...r }) {
 	});
 }
 function Ys({ className: e, ...t }) {
-	return /* @__PURE__ */ W("div", {
+	return /* @__PURE__ */ U("div", {
 		"data-slot": "dialog-header",
-		className: A("flex flex-col gap-2 text-center sm:text-left", e),
+		className: D("flex flex-col gap-2 text-center sm:text-left", e),
 		...t
 	});
 }
 function Xs({ className: e, showCloseButton: t = !1, children: n, ...r }) {
-	return /* @__PURE__ */ G("div", {
+	return /* @__PURE__ */ W("div", {
 		"data-slot": "dialog-footer",
-		className: A("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", e),
+		className: D("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", e),
 		...r,
-		children: [n, t && /* @__PURE__ */ W(g, {
+		children: [n, t && /* @__PURE__ */ U(o, {
 			asChild: !0,
-			children: /* @__PURE__ */ W(f, {
+			children: /* @__PURE__ */ U(i, {
 				variant: "outline",
 				children: "Close"
 			})
@@ -3866,27 +3866,27 @@ function Xs({ className: e, showCloseButton: t = !1, children: n, ...r }) {
 	});
 }
 function Zs({ className: e, ...t }) {
-	return /* @__PURE__ */ W(c, {
+	return /* @__PURE__ */ U(M, {
 		"data-slot": "dialog-title",
-		className: A("text-lg leading-none font-semibold", e),
+		className: D("text-lg leading-none font-semibold text-foreground", e),
 		...t
 	});
 }
 function Qs({ className: e, ...t }) {
-	return /* @__PURE__ */ W(h, {
+	return /* @__PURE__ */ U(_, {
 		"data-slot": "dialog-description",
-		className: A("text-sm text-muted-foreground", e),
+		className: D("text-sm text-muted-foreground", e),
 		...t
 	});
 }
 //#endregion
 //#region src/ui/components/ui/separator.tsx
 function $s({ className: e, orientation: t = "horizontal", decorative: n = !0, ...r }) {
-	return /* @__PURE__ */ W(Ts, {
+	return /* @__PURE__ */ U(Ts, {
 		"data-slot": "separator",
 		decorative: n,
 		orientation: t,
-		className: A("shrink-0 bg-border data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px", e),
+		className: D("shrink-0 bg-border data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px", e),
 		...r
 	});
 }
@@ -3911,11 +3911,11 @@ var ec = (e, t, n, r, i, a, o, s) => {
 		let e = localStorage.getItem(t) || n;
 		u(o && e === "system" ? f() : e);
 	} catch {}
-}, tc = ue.createContext(void 0), nc = {
+}, tc = de.createContext(void 0), nc = {
 	setTheme: (e) => {},
 	themes: []
-}, rc = () => ue.useContext(tc) ?? nc;
-ue.memo(({ forcedTheme: e, storageKey: t, attribute: n, enableSystem: r, enableColorScheme: i, defaultTheme: a, value: o, themes: s, nonce: c, scriptProps: l }) => {
+}, rc = () => de.useContext(tc) ?? nc;
+de.memo(({ forcedTheme: e, storageKey: t, attribute: n, enableSystem: r, enableColorScheme: i, defaultTheme: a, value: o, themes: s, nonce: c, scriptProps: l }) => {
 	let u = JSON.stringify([
 		n,
 		t,
@@ -3926,7 +3926,7 @@ ue.memo(({ forcedTheme: e, storageKey: t, attribute: n, enableSystem: r, enableC
 		r,
 		i
 	]).slice(1, -1);
-	return ue.createElement("script", {
+	return de.createElement("script", {
 		...l,
 		suppressHydrationWarning: !0,
 		nonce: typeof window > "u" ? c : "",
@@ -3948,53 +3948,53 @@ var ac = (e) => {
 		case "error": return dc;
 		default: return null;
 	}
-}, oc = Array(12).fill(0), sc = ({ visible: e, className: t }) => /*#__PURE__*/ R.createElement("div", {
+}, oc = Array(12).fill(0), sc = ({ visible: e, className: t }) => /*#__PURE__*/ L.createElement("div", {
 	className: ["sonner-loading-wrapper", t].filter(Boolean).join(" "),
 	"data-visible": e
-}, /*#__PURE__*/ R.createElement("div", { className: "sonner-spinner" }, oc.map((e, t) => /*#__PURE__*/ R.createElement("div", {
+}, /*#__PURE__*/ L.createElement("div", { className: "sonner-spinner" }, oc.map((e, t) => /*#__PURE__*/ L.createElement("div", {
 	className: "sonner-loading-bar",
 	key: `spinner-bar-${t}`
-})))), cc = /*#__PURE__*/ R.createElement("svg", {
+})))), cc = /*#__PURE__*/ L.createElement("svg", {
 	xmlns: "http://www.w3.org/2000/svg",
 	viewBox: "0 0 20 20",
 	fill: "currentColor",
 	height: "20",
 	width: "20"
-}, /*#__PURE__*/ R.createElement("path", {
+}, /*#__PURE__*/ L.createElement("path", {
 	fillRule: "evenodd",
 	d: "M10 18a8 8 0 100-16 8 8 0 000 16zm3.857-9.809a.75.75 0 00-1.214-.882l-3.483 4.79-1.88-1.88a.75.75 0 10-1.06 1.061l2.5 2.5a.75.75 0 001.137-.089l4-5.5z",
 	clipRule: "evenodd"
-})), lc = /*#__PURE__*/ R.createElement("svg", {
+})), lc = /*#__PURE__*/ L.createElement("svg", {
 	xmlns: "http://www.w3.org/2000/svg",
 	viewBox: "0 0 24 24",
 	fill: "currentColor",
 	height: "20",
 	width: "20"
-}, /*#__PURE__*/ R.createElement("path", {
+}, /*#__PURE__*/ L.createElement("path", {
 	fillRule: "evenodd",
 	d: "M9.401 3.003c1.155-2 4.043-2 5.197 0l7.355 12.748c1.154 2-.29 4.5-2.599 4.5H4.645c-2.309 0-3.752-2.5-2.598-4.5L9.4 3.003zM12 8.25a.75.75 0 01.75.75v3.75a.75.75 0 01-1.5 0V9a.75.75 0 01.75-.75zm0 8.25a.75.75 0 100-1.5.75.75 0 000 1.5z",
 	clipRule: "evenodd"
-})), uc = /*#__PURE__*/ R.createElement("svg", {
+})), uc = /*#__PURE__*/ L.createElement("svg", {
 	xmlns: "http://www.w3.org/2000/svg",
 	viewBox: "0 0 20 20",
 	fill: "currentColor",
 	height: "20",
 	width: "20"
-}, /*#__PURE__*/ R.createElement("path", {
+}, /*#__PURE__*/ L.createElement("path", {
 	fillRule: "evenodd",
 	d: "M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a.75.75 0 000 1.5h.253a.25.25 0 01.244.304l-.459 2.066A1.75 1.75 0 0010.747 15H11a.75.75 0 000-1.5h-.253a.25.25 0 01-.244-.304l.459-2.066A1.75 1.75 0 009.253 9H9z",
 	clipRule: "evenodd"
-})), dc = /*#__PURE__*/ R.createElement("svg", {
+})), dc = /*#__PURE__*/ L.createElement("svg", {
 	xmlns: "http://www.w3.org/2000/svg",
 	viewBox: "0 0 20 20",
 	fill: "currentColor",
 	height: "20",
 	width: "20"
-}, /*#__PURE__*/ R.createElement("path", {
+}, /*#__PURE__*/ L.createElement("path", {
 	fillRule: "evenodd",
 	d: "M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-8-5a.75.75 0 01.75.75v4.5a.75.75 0 01-1.5 0v-4.5A.75.75 0 0110 5zm0 10a1 1 0 100-2 1 1 0 000 2z",
 	clipRule: "evenodd"
-})), fc = /*#__PURE__*/ R.createElement("svg", {
+})), fc = /*#__PURE__*/ L.createElement("svg", {
 	xmlns: "http://www.w3.org/2000/svg",
 	width: "12",
 	height: "12",
@@ -4004,19 +4004,19 @@ var ac = (e) => {
 	strokeWidth: "1.5",
 	strokeLinecap: "round",
 	strokeLinejoin: "round"
-}, /*#__PURE__*/ R.createElement("line", {
+}, /*#__PURE__*/ L.createElement("line", {
 	x1: "18",
 	y1: "6",
 	x2: "6",
 	y2: "18"
-}), /*#__PURE__*/ R.createElement("line", {
+}), /*#__PURE__*/ L.createElement("line", {
 	x1: "6",
 	y1: "6",
 	x2: "18",
 	y2: "18"
 })), pc = () => {
-	let [e, t] = R.useState(document.hidden);
-	return R.useEffect(() => {
+	let [e, t] = L.useState(document.hidden);
+	return L.useEffect(() => {
 		let e = () => {
 			t(document.hidden);
 		};
@@ -4092,14 +4092,14 @@ var ac = (e) => {
 				description: typeof t.description == "function" ? void 0 : t.description
 			}));
 			let r = Promise.resolve(e instanceof Function ? e() : e), i = n !== void 0, a, o = r.then(async (e) => {
-				if (a = ["resolve", e], R.isValidElement(e)) i = !1, this.create({
+				if (a = ["resolve", e], L.isValidElement(e)) i = !1, this.create({
 					id: n,
 					type: "default",
 					message: e
 				});
 				else if (_c(e) && !e.ok) {
 					i = !1;
-					let r = typeof t.error == "function" ? await t.error(`HTTP error! status: ${e.status}`) : t.error, a = typeof t.description == "function" ? await t.description(`HTTP error! status: ${e.status}`) : t.description, o = typeof r == "object" && !R.isValidElement(r) ? r : { message: r };
+					let r = typeof t.error == "function" ? await t.error(`HTTP error! status: ${e.status}`) : t.error, a = typeof t.description == "function" ? await t.description(`HTTP error! status: ${e.status}`) : t.description, o = typeof r == "object" && !L.isValidElement(r) ? r : { message: r };
 					this.create({
 						id: n,
 						type: "error",
@@ -4108,7 +4108,7 @@ var ac = (e) => {
 					});
 				} else if (e instanceof Error) {
 					i = !1;
-					let r = typeof t.error == "function" ? await t.error(e) : t.error, a = typeof t.description == "function" ? await t.description(e) : t.description, o = typeof r == "object" && !R.isValidElement(r) ? r : { message: r };
+					let r = typeof t.error == "function" ? await t.error(e) : t.error, a = typeof t.description == "function" ? await t.description(e) : t.description, o = typeof r == "object" && !L.isValidElement(r) ? r : { message: r };
 					this.create({
 						id: n,
 						type: "error",
@@ -4117,7 +4117,7 @@ var ac = (e) => {
 					});
 				} else if (t.success !== void 0) {
 					i = !1;
-					let r = typeof t.success == "function" ? await t.success(e) : t.success, a = typeof t.description == "function" ? await t.description(e) : t.description, o = typeof r == "object" && !R.isValidElement(r) ? r : { message: r };
+					let r = typeof t.success == "function" ? await t.success(e) : t.success, a = typeof t.description == "function" ? await t.description(e) : t.description, o = typeof r == "object" && !L.isValidElement(r) ? r : { message: r };
 					this.create({
 						id: n,
 						type: "success",
@@ -4128,7 +4128,7 @@ var ac = (e) => {
 			}).catch(async (e) => {
 				if (a = ["reject", e], t.error !== void 0) {
 					i = !1;
-					let r = typeof t.error == "function" ? await t.error(e) : t.error, a = typeof t.description == "function" ? await t.description(e) : t.description, o = typeof r == "object" && !R.isValidElement(r) ? r : { message: r };
+					let r = typeof t.error == "function" ? await t.error(e) : t.error, a = typeof t.description == "function" ? await t.description(e) : t.description, o = typeof r == "object" && !L.isValidElement(r) ? r : { message: r };
 					this.create({
 						id: n,
 						type: "error",
@@ -4183,13 +4183,13 @@ function kc(e) {
 	return t && r.push(t), n && r.push(n), r;
 }
 var Ac = (e) => {
-	let { invert: t, toast: n, unstyled: r, interacting: i, setHeights: a, visibleToasts: o, heights: s, index: c, toasts: l, expanded: u, removeToast: d, defaultRichColors: f, closeButton: p, style: m, cancelButtonStyle: h, actionButtonStyle: g, className: _ = "", descriptionClassName: v = "", duration: y, position: b, gap: x, expandByDefault: S, classNames: C, icons: w, closeButtonAriaLabel: T = "Close toast" } = e, [E, D] = R.useState(null), [O, ee] = R.useState(null), [te, ne] = R.useState(!1), [k, A] = R.useState(!1), [re, j] = R.useState(!1), [ie, M] = R.useState(!1), [ae, N] = R.useState(!1), [oe, se] = R.useState(0), [ce, P] = R.useState(0), F = R.useRef(n.duration || y || Cc), I = R.useRef(null), L = R.useRef(null), le = c === 0, ue = c + 1 <= o, de = n.type, fe = n.dismissible !== !1, pe = n.className || "", z = n.descriptionClassName || "", me = R.useMemo(() => s.findIndex((e) => e.toastId === n.id) || 0, [s, n.id]), B = R.useMemo(() => n.closeButton ?? p, [n.closeButton, p]), V = R.useMemo(() => n.duration || y || Cc, [n.duration, y]), H = R.useRef(0), U = R.useRef(0), he = R.useRef(0), W = R.useRef(null), [G, ge] = b.split("-"), _e = R.useMemo(() => s.reduce((e, t, n) => n >= me ? e : e + t.height, 0), [s, me]), ve = pc(), ye = n.invert || t, be = de === "loading";
-	U.current = R.useMemo(() => me * x + _e, [me, _e]), R.useEffect(() => {
-		F.current = V;
-	}, [V]), R.useEffect(() => {
+	let { invert: t, toast: n, unstyled: r, interacting: i, setHeights: a, visibleToasts: o, heights: s, index: c, toasts: l, expanded: u, removeToast: d, defaultRichColors: f, closeButton: p, style: m, cancelButtonStyle: h, actionButtonStyle: g, className: _ = "", descriptionClassName: v = "", duration: y, position: b, gap: x, expandByDefault: S, classNames: C, icons: w, closeButtonAriaLabel: T = "Close toast" } = e, [E, D] = L.useState(null), [O, ee] = L.useState(null), [te, ne] = L.useState(!1), [k, A] = L.useState(!1), [re, j] = L.useState(!1), [ie, M] = L.useState(!1), [ae, N] = L.useState(!1), [oe, se] = L.useState(0), [ce, P] = L.useState(0), F = L.useRef(n.duration || y || Cc), le = L.useRef(null), I = L.useRef(null), ue = c === 0, de = c + 1 <= o, fe = n.type, pe = n.dismissible !== !1, me = n.className || "", R = n.descriptionClassName || "", he = L.useMemo(() => s.findIndex((e) => e.toastId === n.id) || 0, [s, n.id]), z = L.useMemo(() => n.closeButton ?? p, [n.closeButton, p]), B = L.useMemo(() => n.duration || y || Cc, [n.duration, y]), V = L.useRef(0), H = L.useRef(0), ge = L.useRef(0), U = L.useRef(null), [W, _e] = b.split("-"), ve = L.useMemo(() => s.reduce((e, t, n) => n >= he ? e : e + t.height, 0), [s, he]), ye = pc(), be = n.invert || t, xe = fe === "loading";
+	H.current = L.useMemo(() => he * x + ve, [he, ve]), L.useEffect(() => {
+		F.current = B;
+	}, [B]), L.useEffect(() => {
 		ne(!0);
-	}, []), R.useEffect(() => {
-		let e = L.current;
+	}, []), L.useEffect(() => {
+		let e = I.current;
 		if (e) {
 			let t = e.getBoundingClientRect().height;
 			return P(t), a((e) => [{
@@ -4198,9 +4198,9 @@ var Ac = (e) => {
 				position: n.position
 			}, ...e]), () => a((e) => e.filter((e) => e.toastId !== n.id));
 		}
-	}, [a, n.id]), R.useLayoutEffect(() => {
+	}, [a, n.id]), L.useLayoutEffect(() => {
 		if (!te) return;
-		let e = L.current, t = e.style.height;
+		let e = I.current, t = e.style.height;
 		e.style.height = "auto";
 		let r = e.getBoundingClientRect().height;
 		e.style.height = t, P(r), a((e) => e.find((e) => e.toastId === n.id) ? e.map((e) => e.toastId === n.id ? {
@@ -4221,52 +4221,52 @@ var Ac = (e) => {
 		n.action,
 		n.cancel
 	]);
-	let xe = R.useCallback(() => {
-		A(!0), se(U.current), a((e) => e.filter((e) => e.toastId !== n.id)), setTimeout(() => {
+	let G = L.useCallback(() => {
+		A(!0), se(H.current), a((e) => e.filter((e) => e.toastId !== n.id)), setTimeout(() => {
 			d(n);
 		}, Dc);
 	}, [
 		n,
 		d,
 		a,
-		U
+		H
 	]);
-	R.useEffect(() => {
-		if (n.promise && de === "loading" || n.duration === Infinity || n.type === "loading") return;
+	L.useEffect(() => {
+		if (n.promise && fe === "loading" || n.duration === Infinity || n.type === "loading") return;
 		let e;
-		return u || i || ve ? (() => {
-			if (he.current < H.current) {
-				let e = (/* @__PURE__ */ new Date()).getTime() - H.current;
+		return u || i || ye ? (() => {
+			if (ge.current < V.current) {
+				let e = (/* @__PURE__ */ new Date()).getTime() - V.current;
 				F.current -= e;
 			}
-			he.current = (/* @__PURE__ */ new Date()).getTime();
-		})() : F.current !== Infinity && (H.current = (/* @__PURE__ */ new Date()).getTime(), e = setTimeout(() => {
-			n.onAutoClose == null || n.onAutoClose.call(n, n), xe();
+			ge.current = (/* @__PURE__ */ new Date()).getTime();
+		})() : F.current !== Infinity && (V.current = (/* @__PURE__ */ new Date()).getTime(), e = setTimeout(() => {
+			n.onAutoClose == null || n.onAutoClose.call(n, n), G();
 		}, F.current)), () => clearTimeout(e);
 	}, [
 		u,
 		i,
 		n,
-		de,
-		ve,
-		xe
-	]), R.useEffect(() => {
-		n.delete && (xe(), n.onDismiss == null || n.onDismiss.call(n, n));
-	}, [xe, n.delete]);
+		fe,
+		ye,
+		G
+	]), L.useEffect(() => {
+		n.delete && (G(), n.onDismiss == null || n.onDismiss.call(n, n));
+	}, [G, n.delete]);
 	function Se() {
-		return w?.loading ? /*#__PURE__*/ R.createElement("div", {
+		return w?.loading ? /*#__PURE__*/ L.createElement("div", {
 			className: Oc(C?.loader, n?.classNames?.loader, "sonner-loader"),
-			"data-visible": de === "loading"
-		}, w.loading) : /*#__PURE__*/ R.createElement(sc, {
+			"data-visible": fe === "loading"
+		}, w.loading) : /*#__PURE__*/ L.createElement(sc, {
 			className: Oc(C?.loader, n?.classNames?.loader),
-			visible: de === "loading"
+			visible: fe === "loading"
 		});
 	}
-	let Ce = n.icon || w?.[de] || ac(de);
-	return /*#__PURE__*/ R.createElement("li", {
+	let Ce = n.icon || w?.[fe] || ac(fe);
+	return /*#__PURE__*/ L.createElement("li", {
 		tabIndex: 0,
-		ref: L,
-		className: Oc(_, pe, C?.toast, n?.classNames?.toast, C?.default, C?.[de], n?.classNames?.[de]),
+		ref: I,
+		className: Oc(_, me, C?.toast, n?.classNames?.toast, C?.default, C?.[fe], n?.classNames?.[fe]),
 		"data-sonner-toast": "",
 		"data-rich-colors": n.richColors ?? f,
 		"data-styled": !(n.jsx || n.unstyled || r),
@@ -4274,15 +4274,15 @@ var Ac = (e) => {
 		"data-promise": !!n.promise,
 		"data-swiped": ae,
 		"data-removed": k,
-		"data-visible": ue,
-		"data-y-position": G,
-		"data-x-position": ge,
+		"data-visible": de,
+		"data-y-position": W,
+		"data-x-position": _e,
 		"data-index": c,
-		"data-front": le,
+		"data-front": ue,
 		"data-swiping": re,
-		"data-dismissible": fe,
-		"data-type": de,
-		"data-invert": ye,
+		"data-dismissible": pe,
+		"data-type": fe,
+		"data-invert": be,
 		"data-swipe-out": ie,
 		"data-swipe-direction": O,
 		"data-expanded": !!(u || S && te),
@@ -4291,35 +4291,35 @@ var Ac = (e) => {
 			"--index": c,
 			"--toasts-before": c,
 			"--z-index": l.length - c,
-			"--offset": `${k ? oe : U.current}px`,
+			"--offset": `${k ? oe : H.current}px`,
 			"--initial-height": S ? "auto" : `${ce}px`,
 			...m,
 			...n.style
 		},
 		onDragEnd: () => {
-			j(!1), D(null), W.current = null;
+			j(!1), D(null), U.current = null;
 		},
 		onPointerDown: (e) => {
-			e.button !== 2 && (be || !fe || (I.current = /* @__PURE__ */ new Date(), se(U.current), e.target.setPointerCapture(e.pointerId), e.target.tagName !== "BUTTON" && (j(!0), W.current = {
+			e.button !== 2 && (xe || !pe || (le.current = /* @__PURE__ */ new Date(), se(H.current), e.target.setPointerCapture(e.pointerId), e.target.tagName !== "BUTTON" && (j(!0), U.current = {
 				x: e.clientX,
 				y: e.clientY
 			})));
 		},
 		onPointerUp: () => {
-			if (ie || !fe) return;
-			W.current = null;
-			let e = Number(L.current?.style.getPropertyValue("--swipe-amount-x").replace("px", "") || 0), t = Number(L.current?.style.getPropertyValue("--swipe-amount-y").replace("px", "") || 0), r = (/* @__PURE__ */ new Date()).getTime() - I.current?.getTime(), i = E === "x" ? e : t, a = Math.abs(i) / r;
+			if (ie || !pe) return;
+			U.current = null;
+			let e = Number(I.current?.style.getPropertyValue("--swipe-amount-x").replace("px", "") || 0), t = Number(I.current?.style.getPropertyValue("--swipe-amount-y").replace("px", "") || 0), r = (/* @__PURE__ */ new Date()).getTime() - le.current?.getTime(), i = E === "x" ? e : t, a = Math.abs(i) / r;
 			if (Math.abs(i) >= Ec || a > .11) {
-				se(U.current), n.onDismiss == null || n.onDismiss.call(n, n), ee(E === "x" ? e > 0 ? "right" : "left" : t > 0 ? "down" : "up"), xe(), M(!0);
+				se(H.current), n.onDismiss == null || n.onDismiss.call(n, n), ee(E === "x" ? e > 0 ? "right" : "left" : t > 0 ? "down" : "up"), G(), M(!0);
 				return;
 			}
 			var o, s;
-			(o = L.current) == null || o.style.setProperty("--swipe-amount-x", "0px"), (s = L.current) == null || s.style.setProperty("--swipe-amount-y", "0px"), N(!1), j(!1), D(null);
+			(o = I.current) == null || o.style.setProperty("--swipe-amount-x", "0px"), (s = I.current) == null || s.style.setProperty("--swipe-amount-y", "0px"), N(!1), j(!1), D(null);
 		},
 		onPointerMove: (t) => {
 			var n, r;
-			if (!W.current || !fe || window.getSelection()?.toString().length > 0) return;
-			let i = t.clientY - W.current.y, a = t.clientX - W.current.x, o = e.swipeDirections ?? kc(b);
+			if (!U.current || !pe || window.getSelection()?.toString().length > 0) return;
+			let i = t.clientY - U.current.y, a = t.clientX - U.current.x, o = e.swipeDirections ?? kc(b);
 			!E && (Math.abs(a) > 1 || Math.abs(i) > 1) && D(Math.abs(a) > Math.abs(i) ? "x" : "y");
 			let s = {
 				x: 0,
@@ -4336,42 +4336,42 @@ var Ac = (e) => {
 				let e = a * c(a);
 				s.x = Math.abs(e) < Math.abs(a) ? e : a;
 			}
-			(Math.abs(s.x) > 0 || Math.abs(s.y) > 0) && N(!0), (n = L.current) == null || n.style.setProperty("--swipe-amount-x", `${s.x}px`), (r = L.current) == null || r.style.setProperty("--swipe-amount-y", `${s.y}px`);
+			(Math.abs(s.x) > 0 || Math.abs(s.y) > 0) && N(!0), (n = I.current) == null || n.style.setProperty("--swipe-amount-x", `${s.x}px`), (r = I.current) == null || r.style.setProperty("--swipe-amount-y", `${s.y}px`);
 		}
-	}, B && !n.jsx && de !== "loading" ? /*#__PURE__*/ R.createElement("button", {
+	}, z && !n.jsx && fe !== "loading" ? /*#__PURE__*/ L.createElement("button", {
 		"aria-label": T,
-		"data-disabled": be,
+		"data-disabled": xe,
 		"data-close-button": !0,
-		onClick: be || !fe ? () => {} : () => {
-			xe(), n.onDismiss == null || n.onDismiss.call(n, n);
+		onClick: xe || !pe ? () => {} : () => {
+			G(), n.onDismiss == null || n.onDismiss.call(n, n);
 		},
 		className: Oc(C?.closeButton, n?.classNames?.closeButton)
-	}, w?.close ?? fc) : null, (de || n.icon || n.promise) && n.icon !== null && (w?.[de] !== null || n.icon) ? /*#__PURE__*/ R.createElement("div", {
+	}, w?.close ?? fc) : null, (fe || n.icon || n.promise) && n.icon !== null && (w?.[fe] !== null || n.icon) ? /*#__PURE__*/ L.createElement("div", {
 		"data-icon": "",
 		className: Oc(C?.icon, n?.classNames?.icon)
-	}, n.promise || n.type === "loading" && !n.icon ? n.icon || Se() : null, n.type === "loading" ? null : Ce) : null, /*#__PURE__*/ R.createElement("div", {
+	}, n.promise || n.type === "loading" && !n.icon ? n.icon || Se() : null, n.type === "loading" ? null : Ce) : null, /*#__PURE__*/ L.createElement("div", {
 		"data-content": "",
 		className: Oc(C?.content, n?.classNames?.content)
-	}, /*#__PURE__*/ R.createElement("div", {
+	}, /*#__PURE__*/ L.createElement("div", {
 		"data-title": "",
 		className: Oc(C?.title, n?.classNames?.title)
-	}, n.jsx ? n.jsx : typeof n.title == "function" ? n.title() : n.title), n.description ? /*#__PURE__*/ R.createElement("div", {
+	}, n.jsx ? n.jsx : typeof n.title == "function" ? n.title() : n.title), n.description ? /*#__PURE__*/ L.createElement("div", {
 		"data-description": "",
-		className: Oc(v, z, C?.description, n?.classNames?.description)
-	}, typeof n.description == "function" ? n.description() : n.description) : null), /*#__PURE__*/ R.isValidElement(n.cancel) ? n.cancel : n.cancel && yc(n.cancel) ? /*#__PURE__*/ R.createElement("button", {
+		className: Oc(v, R, C?.description, n?.classNames?.description)
+	}, typeof n.description == "function" ? n.description() : n.description) : null), /*#__PURE__*/ L.isValidElement(n.cancel) ? n.cancel : n.cancel && yc(n.cancel) ? /*#__PURE__*/ L.createElement("button", {
 		"data-button": !0,
 		"data-cancel": !0,
 		style: n.cancelButtonStyle || h,
 		onClick: (e) => {
-			yc(n.cancel) && fe && (n.cancel.onClick == null || n.cancel.onClick.call(n.cancel, e), xe());
+			yc(n.cancel) && pe && (n.cancel.onClick == null || n.cancel.onClick.call(n.cancel, e), G());
 		},
 		className: Oc(C?.cancelButton, n?.classNames?.cancelButton)
-	}, n.cancel.label) : null, /*#__PURE__*/ R.isValidElement(n.action) ? n.action : n.action && yc(n.action) ? /*#__PURE__*/ R.createElement("button", {
+	}, n.cancel.label) : null, /*#__PURE__*/ L.isValidElement(n.action) ? n.action : n.action && yc(n.action) ? /*#__PURE__*/ L.createElement("button", {
 		"data-button": !0,
 		"data-action": !0,
 		style: n.actionButtonStyle || g,
 		onClick: (e) => {
-			yc(n.action) && (n.action.onClick == null || n.action.onClick.call(n.action, e), !e.defaultPrevented && xe());
+			yc(n.action) && (n.action.onClick == null || n.action.onClick.call(n.action, e), !e.defaultPrevented && G());
 		},
 		className: Oc(C?.actionButton, n?.classNames?.actionButton)
 	}, n.action.label) : null);
@@ -4405,11 +4405,11 @@ function Mc(e, t) {
 		}) : o(a);
 	}), n;
 }
-var Nc = /*#__PURE__*/ R.forwardRef(function(e, t) {
-	let { id: n, invert: r, position: i = "bottom-right", hotkey: a = ["altKey", "KeyT"], expand: o, closeButton: s, className: c, offset: l, mobileOffset: u, theme: d = "light", richColors: f, duration: p, style: m, visibleToasts: h = bc, toastOptions: g, dir: _ = jc(), gap: v = Tc, icons: y, containerAriaLabel: b = "Notifications" } = e, [x, S] = R.useState([]), C = R.useMemo(() => n ? x.filter((e) => e.toasterId === n) : x.filter((e) => !e.toasterId), [x, n]), w = R.useMemo(() => Array.from(new Set([i].concat(C.filter((e) => e.position).map((e) => e.position)))), [C, i]), [T, E] = R.useState([]), [D, O] = R.useState(!1), [ee, te] = R.useState(!1), [ne, k] = R.useState(d === "system" ? typeof window < "u" && window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light" : d), A = R.useRef(null), re = a.join("+").replace(/Key/g, "").replace(/Digit/g, ""), j = R.useRef(null), ie = R.useRef(!1), M = R.useCallback((e) => {
+var Nc = /*#__PURE__*/ L.forwardRef(function(e, t) {
+	let { id: n, invert: r, position: i = "bottom-right", hotkey: a = ["altKey", "KeyT"], expand: o, closeButton: s, className: c, offset: l, mobileOffset: u, theme: d = "light", richColors: f, duration: p, style: m, visibleToasts: h = bc, toastOptions: g, dir: _ = jc(), gap: v = Tc, icons: y, containerAriaLabel: b = "Notifications" } = e, [x, S] = L.useState([]), C = L.useMemo(() => n ? x.filter((e) => e.toasterId === n) : x.filter((e) => !e.toasterId), [x, n]), w = L.useMemo(() => Array.from(new Set([i].concat(C.filter((e) => e.position).map((e) => e.position)))), [C, i]), [T, E] = L.useState([]), [D, O] = L.useState(!1), [ee, te] = L.useState(!1), [ne, k] = L.useState(d === "system" ? typeof window < "u" && window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light" : d), A = L.useRef(null), re = a.join("+").replace(/Key/g, "").replace(/Digit/g, ""), j = L.useRef(null), ie = L.useRef(!1), M = L.useCallback((e) => {
 		S((t) => (t.find((t) => t.id === e.id)?.delete || hc.dismiss(e.id), t.filter(({ id: t }) => t !== e.id)));
 	}, []);
-	return R.useEffect(() => hc.subscribe((e) => {
+	return L.useEffect(() => hc.subscribe((e) => {
 		if (e.dismiss) {
 			requestAnimationFrame(() => {
 				S((t) => t.map((t) => t.id === e.id ? {
@@ -4420,7 +4420,7 @@ var Nc = /*#__PURE__*/ R.forwardRef(function(e, t) {
 			return;
 		}
 		setTimeout(() => {
-			ge.flushSync(() => {
+			_e.flushSync(() => {
 				S((t) => {
 					let n = t.findIndex((t) => t.id === e.id);
 					return n === -1 ? [e, ...t] : [
@@ -4434,7 +4434,7 @@ var Nc = /*#__PURE__*/ R.forwardRef(function(e, t) {
 				});
 			});
 		});
-	}), [x]), R.useEffect(() => {
+	}), [x]), L.useEffect(() => {
 		if (d !== "system") {
 			k(d);
 			return;
@@ -4454,9 +4454,9 @@ var Nc = /*#__PURE__*/ R.forwardRef(function(e, t) {
 				}
 			});
 		}
-	}, [d]), R.useEffect(() => {
+	}, [d]), L.useEffect(() => {
 		x.length <= 1 && O(!1);
-	}, [x]), R.useEffect(() => {
+	}, [x]), L.useEffect(() => {
 		let e = (e) => {
 			if (a.every((t) => e[t] || e.code === t)) {
 				var t;
@@ -4465,11 +4465,11 @@ var Nc = /*#__PURE__*/ R.forwardRef(function(e, t) {
 			e.code === "Escape" && (document.activeElement === A.current || A.current?.contains(document.activeElement)) && O(!1);
 		};
 		return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
-	}, [a]), R.useEffect(() => {
+	}, [a]), L.useEffect(() => {
 		if (A.current) return () => {
 			j.current && (j.current.focus({ preventScroll: !0 }), j.current = null, ie.current = !1);
 		};
-	}, [A.current]), /*#__PURE__*/ R.createElement("section", {
+	}, [A.current]), /*#__PURE__*/ L.createElement("section", {
 		ref: t,
 		"aria-label": `${b} ${re}`,
 		tabIndex: -1,
@@ -4479,7 +4479,7 @@ var Nc = /*#__PURE__*/ R.forwardRef(function(e, t) {
 		suppressHydrationWarning: !0
 	}, w.map((t, n) => {
 		let [i, a] = t.split("-");
-		return C.length ? /*#__PURE__*/ R.createElement("ol", {
+		return C.length ? /*#__PURE__*/ L.createElement("ol", {
 			key: t,
 			dir: _ === "auto" ? jc() : _,
 			tabIndex: -1,
@@ -4512,7 +4512,7 @@ var Nc = /*#__PURE__*/ R.forwardRef(function(e, t) {
 				e.target instanceof HTMLElement && e.target.dataset.dismissible === "false" || te(!0);
 			},
 			onPointerUp: () => te(!1)
-		}, C.filter((e) => !e.position && n === 0 || e.position === t).map((n, i) => /*#__PURE__*/ R.createElement(Ac, {
+		}, C.filter((e) => !e.position && n === 0 || e.position === t).map((n, i) => /*#__PURE__*/ L.createElement(Ac, {
 			key: n.id,
 			icons: y,
 			index: i,
@@ -4544,15 +4544,15 @@ var Nc = /*#__PURE__*/ R.forwardRef(function(e, t) {
 	}));
 }), Pc = ({ ...e }) => {
 	let { theme: t = "system" } = rc();
-	return /* @__PURE__ */ W(Nc, {
+	return /* @__PURE__ */ U(Nc, {
 		theme: t,
 		className: "toaster group",
 		icons: {
-			success: /* @__PURE__ */ W(Ms, { className: "size-4" }),
-			info: /* @__PURE__ */ W(Ps, { className: "size-4" }),
-			warning: /* @__PURE__ */ W(n, { className: "size-4" }),
-			error: /* @__PURE__ */ W(Fs, { className: "size-4" }),
-			loading: /* @__PURE__ */ W(d, { className: "size-4 animate-spin" })
+			success: /* @__PURE__ */ U(Ms, { className: "size-4" }),
+			info: /* @__PURE__ */ U(Ps, { className: "size-4" }),
+			warning: /* @__PURE__ */ U(P, { className: "size-4" }),
+			error: /* @__PURE__ */ U(Fs, { className: "size-4" }),
+			loading: /* @__PURE__ */ U(te, { className: "size-4 animate-spin" })
 		},
 		style: {
 			"--normal-bg": "var(--popover)",
@@ -4566,23 +4566,23 @@ var Nc = /*#__PURE__*/ R.forwardRef(function(e, t) {
 //#endregion
 //#region src/ui/components/ui/textarea.tsx
 function Fc({ className: e, ...t }) {
-	return /* @__PURE__ */ W("textarea", {
+	return /* @__PURE__ */ U("textarea", {
 		"data-slot": "textarea",
-		className: A("flex field-sizing-content min-h-16 w-full rounded-md border border-input bg-transparent px-3 py-2 text-base shadow-xs transition-[color,box-shadow] outline-none placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 md:text-sm dark:bg-input/30 dark:aria-invalid:ring-destructive/40", e),
+		className: D("flex field-sizing-content min-h-16 w-full rounded-md border border-input bg-transparent px-3 py-2 text-base shadow-xs transition-[color,box-shadow] outline-none placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 md:text-sm dark:bg-input/30 dark:aria-invalid:ring-destructive/40", e),
 		...t
 	});
 }
 //#endregion
 //#region src/platform/datasource/remotePreflight.ts
-var Ic = 220;
-function Lc(e) {
+var Ic = 220, Lc = 2e4;
+function Rc(e) {
 	let t = e.trim();
 	return t ? t.length > Ic ? `${t.slice(0, Ic)}…` : t : "";
 }
-function Rc(e, t) {
+function zc(e, t) {
 	return `Content-Range: ${e.trim() || "(empty)"}; Accept-Ranges: ${t.trim() || "(empty)"}`;
 }
-var zc = {
+var Bc = {
 	range_http: "Range preflight failed: expected HTTP 206 (Partial Content), actual {actualStatus}.",
 	range_headers: "Range not supported: expected Accept-Ranges: bytes or a bytes Content-Range; actual: {headerSummary}.",
 	full_download_too_large: "This server does not support Range requests and the complete archive exceeds the safe download limit.",
@@ -4590,17 +4590,17 @@ var zc = {
 	network: "Network or authentication failed: {detail}.",
 	unknown: "Preflight failed: {detail}."
 };
-function Bc(e, t) {
+function Vc(e, t) {
 	let n = `dialogs.remoteArchive.error.${t.code}`, r = {};
-	return t.actualStatus !== void 0 && (r.actualStatus = t.actualStatus), t.headerSummary && (r.headerSummary = t.headerSummary), t.detail && (r.detail = t.detail), e(n, zc[t.code], r);
+	return t.actualStatus !== void 0 && (r.actualStatus = t.actualStatus), t.headerSummary && (r.headerSummary = t.headerSummary), t.detail && (r.detail = t.detail), e(n, Bc[t.code], r);
 }
-function Vc(e) {
+function Hc(e) {
 	let t = e.get("content-length");
 	if (!t) return;
 	let n = Number(t);
 	return Number.isSafeInteger(n) && n >= 0 ? n : void 0;
 }
-async function Hc(e, t) {
+async function Uc(e, t) {
 	if (!e.body) return /* @__PURE__ */ new Uint8Array();
 	let n = e.body.getReader(), r = [], i = 0;
 	try {
@@ -4617,10 +4617,10 @@ async function Hc(e, t) {
 	for (let e of r) a.set(e, o), o += e.byteLength;
 	return a;
 }
-function Uc(e, t, n) {
+function Wc(e, t, n) {
 	return hs(n) || ms(t) || fs(e);
 }
-function Wc() {
+function Gc() {
 	return {
 		ok: !1,
 		kind: "unknown",
@@ -4630,52 +4630,100 @@ function Wc() {
 		}
 	};
 }
-async function Gc(e) {
+function Kc(e) {
+	if (e instanceof DOMException && (e.name === "TimeoutError" || e.name === "AbortError")) return !0;
+	let t = String(e?.message || e).toLowerCase();
+	return t.includes("timeout") || t.includes("timed out") || t.includes("aborted");
+}
+function qc(e) {
+	let t = new AbortController(), n = setTimeout(() => {
+		t.abort();
+	}, e);
+	return {
+		signal: t.signal,
+		cancel: () => clearTimeout(n)
+	};
+}
+async function Jc(e) {
+	let t;
+	try {
+		let n = new URL(e);
+		if (n.protocol !== "https:") return {
+			ok: !1,
+			kind: "network",
+			failure: {
+				code: "network",
+				detail: "Blocked insecure HTTP archive URL; use HTTPS"
+			}
+		};
+		t = n.toString();
+	} catch {
+		return {
+			ok: !1,
+			kind: "unknown",
+			failure: {
+				code: "unknown",
+				detail: "Invalid archive URL"
+			}
+		};
+	}
+	let { signal: n, cancel: r } = qc(Lc);
 	try {
-		let t = await fetch(e, { headers: { Range: "bytes=0-511" } }), n = Vc(t.headers);
-		if (t.status === 200) {
-			if (n !== void 0 && n > 2147483648) return await t.body?.cancel().catch(() => void 0), {
+		let r = await fetch(t, {
+			headers: { Range: "bytes=0-511" },
+			signal: n
+		}), i = Hc(r.headers);
+		if (r.status === 200) {
+			if (i !== void 0 && i > 2147483648) return await r.body?.cancel().catch(() => void 0), {
 				ok: !1,
 				kind: "range",
 				failure: {
 					code: "full_download_too_large",
-					actualStatus: t.status
+					actualStatus: r.status
 				}
 			};
-			let r = await Hc(t, 512), i = Uc(e, t.headers, r);
-			return i ? {
+			let t = await Uc(r, 512), n = Wc(e, r.headers, t);
+			return n ? {
 				ok: !0,
-				kind: i,
+				kind: n,
 				accessMode: "full",
-				contentLength: n
-			} : Wc();
+				contentLength: i
+			} : Gc();
 		}
-		if (t.status !== 206) return {
+		if (r.status !== 206) return {
 			ok: !1,
 			kind: "range",
 			failure: {
 				code: "range_http",
-				actualStatus: t.status
+				actualStatus: r.status
 			}
 		};
-		let r = t.headers.get("content-range") || "", i = t.headers.get("accept-ranges") || "";
-		if (!r.toLowerCase().startsWith("bytes ") && !i.toLowerCase().includes("bytes")) return {
+		let a = r.headers.get("content-range") || "", o = r.headers.get("accept-ranges") || "";
+		if (!a.toLowerCase().startsWith("bytes ") && !o.toLowerCase().includes("bytes")) return {
 			ok: !1,
 			kind: "range",
 			failure: {
 				code: "range_headers",
-				headerSummary: Rc(r, i)
+				headerSummary: zc(a, o)
 			}
 		};
-		let a = await Hc(t, 512), o = Uc(e, t.headers, a);
-		return o ? {
+		let s = await Uc(r, 512), c = Wc(e, r.headers, s);
+		return c ? {
 			ok: !0,
-			kind: o,
+			kind: c,
 			accessMode: "range",
-			contentLength: n
-		} : Wc();
+			contentLength: i
+		} : Gc();
 	} catch (e) {
-		let t = Lc(e.message || String(e)), n = t.toLowerCase();
+		if (Kc(e)) return {
+			ok: !1,
+			kind: "network",
+			failure: {
+				code: "network",
+				detail: `Preflight timed out after ${Lc / 1e3}s`
+			}
+		};
+		let t = Rc(e.message || String(e)), n = t.toLowerCase();
 		return n.includes("cors") ? {
 			ok: !1,
 			kind: "cors",
@@ -4698,48 +4746,50 @@ async function Gc(e) {
 				detail: t || "Unknown error"
 			}
 		};
+	} finally {
+		r();
 	}
 }
 //#endregion
 //#region src/core/playback/episodeLoadPlan.ts
-function Kc(e) {
+function Yc(e) {
 	if (!e?.dtype) return !1;
 	let t = e.dtype.toLowerCase();
 	return t.includes("float") || t.includes("int") || t.includes("double") || t.includes("decimal");
 }
-function qc(e) {
+function Xc(e) {
 	return e === "observation" || e.startsWith("observation.") || e === "action" || e.startsWith("action.");
 }
-function Jc(e) {
+function Zc(e) {
 	let t = /* @__PURE__ */ new Set(["timestamp"]);
 	return Object.entries(e.features).forEach(([e, n]) => {
-		qc(e) && Kc(n) && t.add(e);
+		Xc(e) && Yc(n) && t.add(e);
 	}), Array.from(t);
 }
-function Yc(e, t) {
+function Qc(e, t) {
 	let n = e.timestamp, r = n ? Array.from(n.values.slice(0, n.rows), (e, n) => Number.isFinite(e) ? e : n / Math.max(1, t)) : [], i = r.length || Object.values(e).reduce((e, t) => Math.max(e, t.rows), 0);
 	return Array.from({ length: i }, (e, n) => ({
 		frame_index: n,
 		timestamp: r[n] ?? n / Math.max(1, t)
 	}));
 }
-function Xc(e, t) {
+function $c(e, t) {
 	return e.find((e) => !t.has(e.episode_index))?.episode_index ?? null;
 }
 //#endregion
 //#region src/core/playback/playbackAutoplay.ts
-function Zc(e) {
+function el(e) {
 	return e.totalFrames <= 0 || e.isLoading || e.isPlaying || e.userPaused ? !1 : e.lastAutoPlayId !== e.currentId;
 }
 //#endregion
 //#region src/core/utils/episodeKeyboard.ts
-var Qc = (e) => e === "Enter";
+var tl = (e) => e === "Enter";
 //#endregion
 //#region src/platform/services/ParquetImageService.ts
-function $c() {
+function nl() {
 	return `${Date.now()}-${Math.random().toString(36).slice(2, 8)}`;
 }
-var el = class {
+var rl = class {
 	worker = null;
 	rawWorker = null;
 	dataSource = null;
@@ -4762,7 +4812,7 @@ var el = class {
 	}
 	async getWorker() {
 		if (this.assertActive(), !this.worker) {
-			let { remote: e, raw: t } = le();
+			let { remote: e, raw: t } = ue();
 			this.worker = e, this.rawWorker = t, this.bindRawWorkerMessages(t), await this.worker.init(), this.assertActive();
 		}
 		return this.worker;
@@ -4815,7 +4865,7 @@ var el = class {
 	}
 	async preloadEpisode(e, t, n, r, i) {
 		this.assertActive(), await this.getWorker(), this.currentPreloadKey = r;
-		let a = $c(), o = new Promise((e, t) => {
+		let a = nl(), o = new Promise((e, t) => {
 			this.pendingPreloadCallbacks.set(a, {
 				resolve: e,
 				reject: t,
@@ -4833,7 +4883,7 @@ var el = class {
 	}
 	async getFrameBitmap(e, t, n) {
 		if (this.disposed || !this.rawWorker) return null;
-		let r = $c(), i = new Promise((e, t) => {
+		let r = nl(), i = new Promise((e, t) => {
 			this.pendingBitmapCallbacks.set(r, {
 				resolve: e,
 				reject: t
@@ -4933,18 +4983,18 @@ var el = class {
 				try {
 					await this.worker.clearCache();
 				} catch {}
-				L(this.worker), this.worker = null, this.rawWorker = null;
+				I(this.worker), this.worker = null, this.rawWorker = null;
 			}
 		});
 	}
 };
-function tl() {
-	return new el();
+function il() {
+	return new rl();
 }
-new el();
+new rl();
 //#endregion
 //#region src/platform/utils/storage.ts
-var nl = {
+var al = {
 	getItem(e) {
 		if (typeof window > "u") return null;
 		try {
@@ -4986,9 +5036,9 @@ var nl = {
 			return console.error(`[safeStorage] Failed to stringify JSON for "${e}":`, t), !1;
 		}
 	}
-}, rl = ({ children: e, controlledTheme: t, rootElement: n }) => {
-	let r = t !== void 0, [i, a] = U(() => r ? t : nl.getItem("theme") || "system"), o = r ? t : i, [s, c] = U(() => o === "system" ? window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light" : o);
-	return B(() => {
+}, ol = ({ children: e, controlledTheme: t, rootElement: n }) => {
+	let r = t !== void 0, [i, a] = H(() => r ? t : al.getItem("theme") || "system"), o = r ? t : i, [s, c] = H(() => o === "system" ? window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light" : o);
+	return z(() => {
 		let e = () => {
 			let e;
 			e = o === "system" ? window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light" : o, c(e), n && n.classList.toggle("dark", e === "dark");
@@ -4999,18 +5049,18 @@ var nl = {
 			let t = window.matchMedia("(prefers-color-scheme: dark)");
 			return t.addEventListener("change", e), () => t.removeEventListener("change", e);
 		}
-	}, [o, n]), /* @__PURE__ */ W(k.Provider, {
+	}, [o, n]), /* @__PURE__ */ U(E.Provider, {
 		value: {
 			theme: o,
 			setTheme: (e) => {
-				a(e), r || nl.setItem("theme", e);
+				a(e), r || al.setItem("theme", e);
 			},
 			resolvedTheme: s
 		},
 		children: e
 	});
-}, il = fe(null), al = ({ children: e }) => {
-	let [t, n] = U([]), r = z((e) => {
+}, sl = pe(null), cl = ({ children: e }) => {
+	let [t, n] = H([]), r = R((e) => {
 		n((t) => {
 			let n = t.findIndex((t) => t.id === e.id);
 			if (n === -1) return [...t, e];
@@ -5020,18 +5070,18 @@ var nl = {
 				...e
 			}, r;
 		});
-	}, []), i = z((e) => {
+	}, []), i = R((e) => {
 		n((t) => t.map((t) => t.id === e ? {
 			...t,
 			phase: "ready"
 		} : t));
-	}, []), a = z((e, t) => {
+	}, []), a = R((e, t) => {
 		n((n) => n.map((n) => n.id === e ? {
 			...n,
 			phase: "error",
 			error: t
 		} : n));
-	}, []), o = z(() => n([]), []), s = V(() => ({
+	}, []), o = R(() => n([]), []), s = B(() => ({
 		tasks: t,
 		upsertTask: r,
 		completeTask: i,
@@ -5044,16 +5094,16 @@ var nl = {
 		a,
 		o
 	]);
-	return /* @__PURE__ */ W(il.Provider, {
+	return /* @__PURE__ */ U(sl.Provider, {
 		value: s,
 		children: e
 	});
-}, ol = () => {
-	let e = me(il);
+}, ll = () => {
+	let e = he(sl);
 	if (!e) throw Error("useLoading must be used within LoadingProvider");
 	return e;
-}, sl = fe(null), cl = ({ children: e }) => {
-	let t = z((e, t = "info", n = 3e3) => {
+}, ul = pe(null), dl = ({ children: e }) => {
+	let t = R((e, t = "info", n = 3e3) => {
 		let r = { duration: n };
 		switch (t) {
 			case "success":
@@ -5067,26 +5117,26 @@ var nl = {
 				break;
 			default: vc.info(e, r);
 		}
-	}, []), n = z((e) => {
+	}, []), n = R((e) => {
 		e ? vc.dismiss(e) : vc.dismiss();
-	}, []), r = V(() => ({
+	}, []), r = B(() => ({
 		showToast: t,
 		dismissToast: n
 	}), [t, n]);
-	return /* @__PURE__ */ W(sl.Provider, {
+	return /* @__PURE__ */ U(ul.Provider, {
 		value: r,
 		children: e
 	});
 };
 //#endregion
 //#region src/react/contexts/versionMutationPolicy.ts
-function ll(e) {
+function fl(e) {
 	if (e?.status !== "supported") {
 		let t = e?.normalizedVersion ?? "unknown", n = e?.status ?? "unavailable";
 		throw Error(`Episode mutations are disabled for LeRobot ${t} (${n}); the dataset is immutable`);
 	}
 }
-function ul(e) {
+function pl(e) {
 	return {
 		tasks: [e],
 		task_index: void 0
@@ -5094,38 +5144,38 @@ function ul(e) {
 }
 //#endregion
 //#region src/react/contexts/useEpisodeView.ts
-function dl(e, t) {
+function ml(e, t) {
 	let n = t.get(e.episode_index);
 	return n ? {
 		...e,
 		...n
 	} : e;
 }
-function fl(e, t, n) {
-	return e.filter((e) => !t.has(e.episode_index)).map((e) => dl(e, n));
+function hl(e, t, n) {
+	return e.filter((e) => !t.has(e.episode_index)).map((e) => ml(e, n));
 }
-function pl(e, t) {
+function gl(e, t) {
 	return t.size === 0 ? e : e.filter((e) => t.has(e.episode_index));
 }
-function ml(e, t) {
+function _l(e, t) {
 	let n = new Set(e);
 	return n.has(t) ? n.delete(t) : n.add(t), n;
 }
-function hl({ episodes: e, versionCapability: t }) {
-	let [n, r] = U(() => /* @__PURE__ */ new Map()), [i, a] = U(() => /* @__PURE__ */ new Set()), [o, s] = U(() => /* @__PURE__ */ new Set()), c = z((n, i) => {
-		ll(t), r((t) => {
+function vl({ episodes: e, versionCapability: t }) {
+	let [n, r] = H(() => /* @__PURE__ */ new Map()), [i, a] = H(() => /* @__PURE__ */ new Set()), [o, s] = H(() => /* @__PURE__ */ new Set()), c = R((n, i) => {
+		fl(t), r((t) => {
 			if (!e.some((e) => e.episode_index === n)) return t;
 			let r = new Map(t);
-			return r.set(n, ul(i)), r;
+			return r.set(n, pl(i)), r;
 		});
-	}, [e, t]), l = z((e) => {
-		ll(t), a((t) => new Set(t).add(e));
-	}, [t]), u = z((e) => {
-		ll(t), a((t) => {
+	}, [e, t]), l = R((e) => {
+		fl(t), a((t) => new Set(t).add(e));
+	}, [t]), u = R((e) => {
+		fl(t), a((t) => {
 			let n = new Set(t);
 			return n.delete(e), n;
 		});
-	}, [t]), d = z((e) => dl(e, n), [n]), f = V(() => fl(e, i, n), [
+	}, [t]), d = R((e) => ml(e, n), [n]), f = B(() => hl(e, i, n), [
 		e,
 		i,
 		n
@@ -5138,25 +5188,25 @@ function hl({ episodes: e, versionCapability: t }) {
 		selectedEpisodeIndices: o,
 		setSelectedEpisodeIndices: s,
 		effectiveEpisodes: f,
-		episodesForExport: V(() => pl(f, o), [f, o]),
+		episodesForExport: B(() => gl(f, o), [f, o]),
 		editEpisodeTask: c,
 		deleteEpisode: l,
 		restoreEpisode: u,
 		getEffectiveEpisode: d,
-		toggleEpisodeSelection: z((e) => {
-			s((t) => ml(t, e));
+		toggleEpisodeSelection: R((e) => {
+			s((t) => _l(t, e));
 		}, []),
-		selectAllInList: z((e) => {
+		selectAllInList: R((e) => {
 			s(new Set(e));
 		}, []),
-		clearEpisodeSelection: z(() => {
+		clearEpisodeSelection: R(() => {
 			s(/* @__PURE__ */ new Set());
 		}, [])
 	};
 }
 //#endregion
 //#region src/react/contexts/useFeatureSubscriptions.ts
-function gl(e) {
+function yl(e) {
 	let t = [];
 	for (let n = 0; n < e.rows; n++) {
 		let r = n * e.width;
@@ -5164,10 +5214,10 @@ function gl(e) {
 	}
 	return t;
 }
-function _l(e) {
+function bl(e) {
 	return e?.dtype === "image" || e?.dtype === "video";
 }
-var vl = class {
+var xl = class {
 	subscriptions = {};
 	pending = /* @__PURE__ */ new Set();
 	loading = /* @__PURE__ */ new Set();
@@ -5180,13 +5230,13 @@ var vl = class {
 	subscribe(e) {
 		this.subscriptions[e] = (this.subscriptions[e] ?? 0) + 1;
 		let t = this.options.getSnapshot();
-		return _l(t.info?.features[e]) || this.subscriptions[e] === 1 && t.featureData[e] === void 0 && (this.pending.add(e), this.ensureScheduled()), Promise.resolve();
+		return bl(t.info?.features[e]) || this.subscriptions[e] === 1 && t.featureData[e] === void 0 && (this.pending.add(e), this.ensureScheduled()), Promise.resolve();
 	}
 	unsubscribe(e) {
 		(this.subscriptions[e] ?? 0) > 0 && --this.subscriptions[e];
 	}
 	getSubscribedFeatureNames(e) {
-		return Object.entries(this.subscriptions).filter(([t, n]) => n > 0 && !_l(e.features[t])).map(([e]) => e);
+		return Object.entries(this.subscriptions).filter(([t, n]) => n > 0 && !bl(e.features[t])).map(([e]) => e);
 	}
 	clearPending() {
 		this.generation += 1, this.pending.clear(), this.loading.clear(), this.timer !== null && ((this.options.cancel ?? window.clearTimeout)(this.timer), this.timer = null);
@@ -5201,7 +5251,7 @@ var vl = class {
 			this.pending.clear();
 			return;
 		}
-		let n = Array.from(this.pending).filter((e) => this.loading.has(e) || t.featureData[e] !== void 0 ? !1 : !_l(t.info?.features[e]));
+		let n = Array.from(this.pending).filter((e) => this.loading.has(e) || t.featureData[e] !== void 0 ? !1 : !bl(t.info?.features[e]));
 		if (n.length === 0) {
 			this.pending.clear();
 			return;
@@ -5212,7 +5262,7 @@ var vl = class {
 		let r = {}, i = [];
 		n.forEach((e) => {
 			let n = t.chartData[e];
-			n ? r[e] = gl(n) : i.push(e);
+			n ? r[e] = yl(n) : i.push(e);
 		}), Object.keys(r).length > 0 && this.options.getSnapshot().episodeIndex === t.episodeIndex && this.options.onFeatureData(r);
 		try {
 			if (i.length > 0) {
@@ -5231,8 +5281,8 @@ var vl = class {
 		}, 0));
 	}
 };
-function yl({ selectedEpisodeIndex: e, dataLoader: t, info: n, chartData: r, featureData: i, setFeatureData: a }) {
-	let o = H({
+function Sl({ selectedEpisodeIndex: e, dataLoader: t, info: n, chartData: r, featureData: i, setFeatureData: a }) {
+	let o = V({
 		episodeIndex: e,
 		loader: t,
 		info: n,
@@ -5246,30 +5296,30 @@ function yl({ selectedEpisodeIndex: e, dataLoader: t, info: n, chartData: r, fea
 		chartData: r,
 		featureData: i
 	};
-	let s = H(null);
-	return s.current ||= new vl({
+	let s = V(null);
+	return s.current ||= new xl({
 		getSnapshot: () => o.current,
 		onFeatureData: (e) => a((t) => ({
 			...t,
 			...e
 		})),
 		onError: (e, t) => console.error(e, t)
-	}), B(() => {
+	}), z(() => {
 		s.current?.clearPending();
-	}, [e]), B(() => () => s.current?.dispose(), []), {
-		subscribeFeature: z((e) => s.current.subscribe(e), []),
-		unsubscribeFeature: z((e) => {
+	}, [e]), z(() => () => s.current?.dispose(), []), {
+		subscribeFeature: R((e) => s.current.subscribe(e), []),
+		unsubscribeFeature: R((e) => {
 			s.current.unsubscribe(e);
 		}, []),
-		clearPendingFeatureLoads: z(() => {
+		clearPendingFeatureLoads: R(() => {
 			s.current.clearPending();
 		}, []),
-		getSubscribedFeatureNames: z((e) => s.current.getSubscribedFeatureNames(e), [])
+		getSubscribedFeatureNames: R((e) => s.current.getSubscribedFeatureNames(e), [])
 	};
 }
 //#endregion
 //#region src/react/services/PlaybackEngine.ts
-var bl = class {
+var Cl = class {
 	animationFrameId = null;
 	timerId = null;
 	lastTickTime = 0;
@@ -5344,7 +5394,7 @@ var bl = class {
 		}
 		this.scheduleNextTick(e, n);
 	};
-}, xl = class {
+}, wl = class {
 	target = null;
 	toggleOnce = !1;
 	requestSet(e) {
@@ -5360,46 +5410,46 @@ var bl = class {
 		} else this.toggleOnce && (this.toggleOnce = !1, t());
 	}
 };
-function Sl({ isBusy: e, frameCount: t, frameIndexRef: n, notifyFrameSubscribers: r, fps: i, playbackSpeed: a, playbackMode: o, episodes: s, selectedEpisodeIndex: c, deletedEpisodes: l, selectEpisodeRef: u }) {
-	let [d, f] = U(0), [p, m] = U(!1), h = H(new xl());
-	B(() => {
+function Tl({ isBusy: e, frameCount: t, frameIndexRef: n, notifyFrameSubscribers: r, fps: i, playbackSpeed: a, playbackMode: o, episodes: s, selectedEpisodeIndex: c, deletedEpisodes: l, selectEpisodeRef: u }) {
+	let [d, f] = H(0), [p, m] = H(!1), h = V(new wl());
+	z(() => {
 		let e = () => {
 			document.hidden && m(!1);
 		};
 		return document.addEventListener("visibilitychange", e), () => document.removeEventListener("visibilitychange", e);
 	}, []);
-	let g = z((e) => {
+	let g = R((e) => {
 		e < 0 || e >= t || (n.current = e, p || f(e), r(e));
 	}, [
 		t,
 		n,
 		p,
 		r
-	]), _ = z(() => {
+	]), _ = R(() => {
 		if (e) {
 			h.current.requestToggle();
 			return;
 		}
 		m((e) => !e);
-	}, [e]), v = z((t) => {
+	}, [e]), v = R((t) => {
 		if (e) {
 			h.current.requestSet(t);
 			return;
 		}
 		m(t);
 	}, [e]);
-	B(() => {
+	z(() => {
 		e || h.current.flush(m, () => m((e) => !e));
 	}, [e]);
-	let y = z((t) => {
+	let y = R((t) => {
 		e || g(n.current + t);
 	}, [
 		n,
 		e,
 		g
-	]), b = H(null);
-	return B(() => {
-		let e = new bl({
+	]), b = V(null);
+	return z(() => {
+		let e = new Cl({
 			getFrameIndex: () => n.current,
 			setFrameIndexSilent: (e) => {
 				n.current = e;
@@ -5430,7 +5480,7 @@ function Sl({ isBusy: e, frameCount: t, frameIndexRef: n, notifyFrameSubscribers
 		l,
 		u,
 		r
-	]), B(() => {
+	]), z(() => {
 		let r = b.current;
 		if (r) return p && t > 0 && !e ? r.start() : (r.stop(), !p && n.current !== d && f(n.current)), () => r.stop();
 	}, [
@@ -5452,7 +5502,7 @@ function Sl({ isBusy: e, frameCount: t, frameIndexRef: n, notifyFrameSubscribers
 }
 //#endregion
 //#region src/react/contexts/LeRobotProvider.tsx
-function Cl(e) {
+function El(e) {
 	let t = {};
 	for (let [n, r] of Object.entries(e.features)) if (r && r.names && Array.isArray(r.names)) if (r.names.some((e) => Array.isArray(e))) {
 		let e = r.names.flat(2).filter((e) => typeof e == "string");
@@ -5473,22 +5523,22 @@ function Cl(e) {
 		features: t
 	};
 }
-var wl = ({ children: e }) => {
-	let [t, n] = U(null), r = H(null), [i, a] = U(() => {
-		let e = tl();
+var Dl = ({ children: e }) => {
+	let [t, n] = H(null), r = V(null), [i, a] = H(() => {
+		let e = il();
 		return r.current = e, e;
-	}), [o, s] = U(null), [c, l] = U([]), [u, d] = U({}), [f, p] = U(null), [m, h] = U([]), [g, _] = U({}), [v, b] = U({}), [x, S] = U(!1), [C, w] = U(null), [T, E] = U("sequential"), [O, ee] = U(1), [te, ne] = U(null), [k, A] = U(!1), { upsertTask: M, completeTask: N, failTask: oe, clear: se, tasks: ce } = ol(), P = x || !!ce.find((e) => e.phase !== "ready" && e.phase !== "idle" && e.phase !== "error"), F = t?.getVersionCapability() ?? null, I = F?.status === "read-only", { modifiedEpisodes: L, setModifiedEpisodes: le, deletedEpisodes: ue, setDeletedEpisodes: R, selectedEpisodeIndices: de, setSelectedEpisodeIndices: fe, effectiveEpisodes: pe, episodesForExport: me, editEpisodeTask: he, deleteEpisode: G, restoreEpisode: ge, getEffectiveEpisode: _e, toggleEpisodeSelection: ve, selectAllInList: ye, clearEpisodeSelection: be } = hl({
+	}), [o, s] = H(null), [c, l] = H([]), [u, d] = H({}), [f, p] = H(null), [m, h] = H([]), [g, _] = H({}), [v, y] = H({}), [x, S] = H(!1), [C, w] = H(null), [T, E] = H("sequential"), [D, ee] = H(1), [te, ne] = H(null), [k, ie] = H(!1), { upsertTask: M, completeTask: N, failTask: oe, clear: se, tasks: ce } = ll(), P = x || !!ce.find((e) => e.phase !== "ready" && e.phase !== "idle" && e.phase !== "error"), F = t?.getVersionCapability() ?? null, le = F?.status === "read-only", { modifiedEpisodes: I, setModifiedEpisodes: ue, deletedEpisodes: de, setDeletedEpisodes: L, selectedEpisodeIndices: fe, setSelectedEpisodeIndices: pe, effectiveEpisodes: me, episodesForExport: he, editEpisodeTask: ge, deleteEpisode: W, restoreEpisode: _e, getEffectiveEpisode: ve, toggleEpisodeSelection: ye, selectAllInList: be, clearEpisodeSelection: xe } = vl({
 		episodes: c,
 		versionCapability: F
-	}), xe = H(null), Se = H(null), Ce = H(/* @__PURE__ */ new Set()), we = H(!1), Te = H(0), Ee = H(0), De = H(/* @__PURE__ */ new Set()), Oe = H(async () => !1);
-	B(() => () => {
-		xe.current && xe.current.dispose().catch((e) => console.warn("Unmount dispose error:", e)), r.current?.dispose().catch((e) => console.warn("Unmount image dispose error:", e));
+	}), G = V(null), Se = V(null), Ce = V(/* @__PURE__ */ new Set()), we = V(!1), Te = V(0), Ee = V(0), De = V(/* @__PURE__ */ new Set()), Oe = V(async () => !1);
+	z(() => () => {
+		G.current && G.current.dispose().catch((e) => console.warn("Unmount dispose error:", e)), r.current?.dispose().catch((e) => console.warn("Unmount image dispose error:", e));
 	}, []);
-	let ke = H(null), Ae = z((e) => (De.current.add(e), queueMicrotask(() => {
+	let ke = V(null), Ae = R((e) => (De.current.add(e), queueMicrotask(() => {
 		De.current.has(e) && e(Ee.current);
 	}), () => {
 		De.current.delete(e);
-	}), []), je = z(() => Ee.current, []), Me = z((e) => {
+	}), []), je = R(() => Ee.current, []), Me = R((e) => {
 		De.current.forEach((t) => {
 			try {
 				t(e);
@@ -5496,29 +5546,29 @@ var wl = ({ children: e }) => {
 				console.error("Frame subscriber error:", e);
 			}
 		});
-	}, []), { subscribeFeature: Ne, unsubscribeFeature: Pe, clearPendingFeatureLoads: Fe, getSubscribedFeatureNames: Ie } = yl({
+	}, []), { subscribeFeature: Ne, unsubscribeFeature: Pe, clearPendingFeatureLoads: Fe, getSubscribedFeatureNames: Ie } = Sl({
 		selectedEpisodeIndex: f,
 		dataLoader: t,
 		info: o,
 		chartData: g,
 		featureData: v,
-		setFeatureData: b
-	}), { currentFrameIndex: Le, setCurrentFrameIndex: Re, isPlaying: ze, setIsPlaying: Be, setFrameIndex: Ve, togglePlay: He, setPlaying: Ue, seek: We } = Sl({
+		setFeatureData: y
+	}), { currentFrameIndex: Le, setCurrentFrameIndex: Re, isPlaying: ze, setIsPlaying: Be, setFrameIndex: Ve, togglePlay: He, setPlaying: Ue, seek: We } = Tl({
 		isBusy: P,
 		frameCount: m.length,
 		frameIndexRef: Ee,
 		notifyFrameSubscribers: Me,
 		fps: o?.fps,
-		playbackSpeed: O,
+		playbackSpeed: D,
 		playbackMode: T,
 		episodes: c,
 		selectedEpisodeIndex: f,
-		deletedEpisodes: ue,
+		deletedEpisodes: de,
 		selectEpisodeRef: Oe
-	}), Ge = z(async () => {
+	}), Ge = R(async () => {
 		Te.current += 1;
 		try {
-			xe.current && await xe.current.dispose();
+			G.current && await G.current.dispose();
 		} catch (e) {
 			console.warn("Failed to dispose previous loader", e);
 		}
@@ -5527,19 +5577,19 @@ var wl = ({ children: e }) => {
 		} catch (e) {
 			console.warn("Failed to dispose previous image service", e);
 		}
-		let e = tl();
-		r.current = e, a(e), xe.current = null, Se.current = null, Ce.current.clear(), we.current = !1, n(null), s(null), l([]), d({}), le(/* @__PURE__ */ new Map()), R(/* @__PURE__ */ new Set()), p(null), fe(/* @__PURE__ */ new Set()), h([]), _({}), b({}), Re(0), Ee.current = 0, Me(0), Fe(), Be(!1), w(null), se(), ne(null), A(!1);
+		let e = il();
+		r.current = e, a(e), G.current = null, Se.current = null, Ce.current.clear(), we.current = !1, n(null), s(null), l([]), d({}), ue(/* @__PURE__ */ new Map()), L(/* @__PURE__ */ new Set()), p(null), pe(/* @__PURE__ */ new Set()), h([]), _({}), y({}), Re(0), Ee.current = 0, Me(0), Fe(), Be(!1), w(null), se(), ne(null), ie(!1);
 	}, [
 		Me,
 		se,
 		Fe,
-		le,
-		R,
-		fe,
+		ue,
+		L,
+		pe,
 		Re,
 		Be
-	]), Ke = z(async (e) => {
-		if (Se.current === e && (xe.current || we.current)) return;
+	]), Ke = R(async (e) => {
+		if (Se.current === e && (G.current || we.current)) return;
 		if (Ce.current.has(e)) {
 			console.log("Skipping initialization for previously failed source");
 			return;
@@ -5554,13 +5604,13 @@ var wl = ({ children: e }) => {
 		});
 		let o = null;
 		try {
-			if (xe.current && await xe.current.dispose(), t !== Te.current) return;
-			xe.current = null, n(null), s(null), l([]), d({}), le(/* @__PURE__ */ new Map()), R(/* @__PURE__ */ new Set()), p(null), h([]), _({}), b({}), Re(0), Ee.current = 0, Me(0), Be(!1), Se.current = e;
+			if (G.current && await G.current.dispose(), t !== Te.current) return;
+			G.current = null, n(null), s(null), l([]), d({}), ue(/* @__PURE__ */ new Map()), L(/* @__PURE__ */ new Set()), p(null), h([]), _({}), y({}), Re(0), Ee.current = 0, Me(0), Be(!1), Se.current = e;
 			let c = "getDirectoryHandle" in e ? new es(e) : e;
 			await r.current?.dispose();
-			let u = tl();
+			let u = il();
 			u.setDataSource(c), r.current = u, a(u);
-			let { LeRobotDataLoader: f } = await import("./LeRobotDataLoader-DYBXb4dz.js");
+			let { LeRobotDataLoader: f } = await import("./LeRobotDataLoader-B8wZijIi.js");
 			o = new f(c), M({
 				id: i,
 				phase: "read",
@@ -5572,8 +5622,8 @@ var wl = ({ children: e }) => {
 				return;
 			}
 			let g = o.getEpisodes();
-			xe.current = o, n(o), ne(o.getValidationReport());
-			let v = Cl(m);
+			G.current = o, n(o), ne(o.getValidationReport());
+			let v = El(m);
 			s(v), l(g), d(o.getTasks()), N(i), Ce.current.delete(e);
 		} catch (n) {
 			if (t !== Te.current) {
@@ -5584,7 +5634,7 @@ var wl = ({ children: e }) => {
 			let r = n instanceof Error ? n.message : "Unknown error during initialization";
 			w(r), oe(i, r);
 			let a = o?.getValidationReport?.() ?? null;
-			a?.items?.length && (ne(a), A(!0));
+			a?.items?.length && (ne(a), ie(!0));
 		} finally {
 			t === Te.current && (we.current = !1, S(!1));
 		}
@@ -5593,11 +5643,11 @@ var wl = ({ children: e }) => {
 		N,
 		oe,
 		Me,
-		le,
-		R,
+		ue,
+		L,
 		Re,
 		Be
-	]), qe = z(async (e) => {
+	]), qe = R(async (e) => {
 		if (!t || !o) return !1;
 		S(!0), Be(!1), w(null);
 		let n = "lerobot-select-episode";
@@ -5605,13 +5655,13 @@ var wl = ({ children: e }) => {
 			id: n,
 			phase: "read",
 			message: `Loading episode ${e}...`
-		}), p(e), Re(0), Ee.current = 0, Me(0), _({}), b({}), ke.current = e;
+		}), p(e), Re(0), Ee.current = 0, Me(0), _({}), y({}), ke.current = e;
 		try {
 			let n = t.getEpisodeDataPath(e)?.path ?? null;
 			n && !t.isFileBytesCached(n) && await t.releaseParsedCaches(), i.clearPreload();
 		} catch {}
 		try {
-			let r = Jc(o);
+			let r = Zc(o);
 			M({
 				id: n,
 				phase: "read",
@@ -5624,22 +5674,22 @@ var wl = ({ children: e }) => {
 				phase: "render",
 				message: "Processing charts..."
 			});
-			let s = Yc(a, o.fps ?? 30);
+			let s = Qc(a, o.fps ?? 30);
 			h(s), ke.current === e && _(a);
 			let c = Ie(o);
 			if (c.length > 0) {
 				let n = {}, r = [];
 				c.forEach((e) => {
-					e in a ? n[e] = gl(a[e]) : r.push(e);
+					e in a ? n[e] = yl(a[e]) : r.push(e);
 				});
 				let i = r.length > 0 ? await t.loadFeatureData(e, r) : {};
-				ke.current === e && b({
+				ke.current === e && y({
 					...n,
 					...i
 				});
 			}
 			if (N(n), ke.current === e) {
-				let n = ie(o);
+				let n = j(o);
 				if (n.length > 0) {
 					let r = t.getEpisodeDataPath(e);
 					if (r) {
@@ -5676,25 +5726,25 @@ var wl = ({ children: e }) => {
 		Be
 	]);
 	Oe.current = qe;
-	let Je = z(() => {
+	let Je = R(() => {
 		w(null), Ce.current.clear();
 	}, []);
-	B(() => {
-		if (f !== null && ue.has(f) && t && o && !x) {
-			let e = c.find((e) => !ue.has(e.episode_index));
-			e ? qe(e.episode_index) : (p(null), h([]), _({}), b({}));
+	z(() => {
+		if (f !== null && de.has(f) && t && o && !x) {
+			let e = c.find((e) => !de.has(e.episode_index));
+			e ? qe(e.episode_index) : (p(null), h([]), _({}), y({}));
 		}
 	}, [
-		ue,
+		de,
 		f,
 		c,
 		t,
 		o,
 		x,
 		qe
-	]), B(() => {
+	]), z(() => {
 		if (f !== null || !t || !o || x || c.length === 0) return;
-		let e = Xc(c, ue);
+		let e = $c(c, de);
 		if (e === null) return;
 		let n = window.setTimeout(() => {
 			qe(e);
@@ -5706,13 +5756,13 @@ var wl = ({ children: e }) => {
 		o,
 		x,
 		c,
-		ue,
+		de,
 		qe
 	]);
-	let Ye = V(() => ({
+	let Ye = B(() => ({
 		info: o,
 		versionCapability: F,
-		isReadOnly: I,
+		isReadOnly: le,
 		featureData: v,
 		subscribeFeature: Ne,
 		unsubscribeFeature: Pe,
@@ -5731,7 +5781,7 @@ var wl = ({ children: e }) => {
 	}), [
 		o,
 		F,
-		I,
+		le,
 		v,
 		Ne,
 		Pe,
@@ -5747,45 +5797,45 @@ var wl = ({ children: e }) => {
 		Je,
 		C,
 		x
-	]), Xe = V(() => ({
+	]), Xe = B(() => ({
 		selectedEpisodeIndex: f,
-		selectedEpisodeIndices: de,
-		toggleEpisodeSelection: ve,
-		setSelectedEpisodeIndices: fe,
-		selectAllInList: ye,
-		clearEpisodeSelection: be,
-		deletedEpisodes: ue,
-		modifiedEpisodes: L,
-		effectiveEpisodes: pe,
-		episodesForExport: me,
-		editEpisodeTask: he,
-		deleteEpisode: G,
-		restoreEpisode: ge,
-		getEffectiveEpisode: _e,
+		selectedEpisodeIndices: fe,
+		toggleEpisodeSelection: ye,
+		setSelectedEpisodeIndices: pe,
+		selectAllInList: be,
+		clearEpisodeSelection: xe,
+		deletedEpisodes: de,
+		modifiedEpisodes: I,
+		effectiveEpisodes: me,
+		episodesForExport: he,
+		editEpisodeTask: ge,
+		deleteEpisode: W,
+		restoreEpisode: _e,
+		getEffectiveEpisode: ve,
 		selectEpisode: qe
 	}), [
 		f,
-		de,
-		ve,
 		fe,
 		ye,
-		be,
-		ue,
-		L,
 		pe,
+		be,
+		xe,
+		de,
+		I,
 		me,
 		he,
-		G,
 		ge,
+		W,
 		_e,
+		ve,
 		qe
-	]), Ze = V(() => ({
+	]), Ze = B(() => ({
 		currentFrames: m,
 		chartData: g,
 		currentFrameIndex: Le,
 		isPlaying: ze,
 		playbackMode: T,
-		playbackSpeed: O,
+		playbackSpeed: D,
 		setFrameIndex: Ve,
 		togglePlay: He,
 		setPlaying: Ue,
@@ -5798,15 +5848,15 @@ var wl = ({ children: e }) => {
 		Le,
 		ze,
 		T,
-		O,
+		D,
 		Ve,
 		He,
 		Ue,
 		We
-	]), Qe = V(() => ({
+	]), Qe = B(() => ({
 		healthDialogOpen: k,
-		setHealthDialogOpen: A
-	}), [k]), $e = V(() => ({
+		setHealthDialogOpen: ie
+	}), [k]), $e = B(() => ({
 		...Ye,
 		...Xe,
 		...Ze,
@@ -5817,15 +5867,15 @@ var wl = ({ children: e }) => {
 		Ze,
 		Qe
 	]);
-	return /* @__PURE__ */ W(re.Provider, {
+	return /* @__PURE__ */ U(A.Provider, {
 		value: $e,
-		children: /* @__PURE__ */ W(ae.Provider, {
+		children: /* @__PURE__ */ U(ae.Provider, {
 			value: Ye,
-			children: /* @__PURE__ */ W(y.Provider, {
+			children: /* @__PURE__ */ U(b.Provider, {
 				value: Xe,
-				children: /* @__PURE__ */ W(D.Provider, {
+				children: /* @__PURE__ */ U(O.Provider, {
 					value: Ze,
-					children: /* @__PURE__ */ W(j.Provider, {
+					children: /* @__PURE__ */ U(re.Provider, {
 						value: Qe,
 						children: e
 					})
@@ -5833,9 +5883,9 @@ var wl = ({ children: e }) => {
 			})
 		})
 	});
-}, Tl = () => {
-	let { resolvedTheme: e } = T();
-	return /* @__PURE__ */ W(Pc, {
+}, Ol = () => {
+	let { resolvedTheme: e } = w();
+	return /* @__PURE__ */ U(Pc, {
 		theme: e,
 		position: "top-center",
 		richColors: !0,
@@ -5844,36 +5894,36 @@ var wl = ({ children: e }) => {
 };
 //#endregion
 //#region src/react/components/LeRobotStudioProvider.tsx
-function El({ theme: e, children: t, showToaster: n, portalContainer: r }) {
-	return /* @__PURE__ */ W(S, {
+function kl({ theme: e, children: t, showToaster: n, portalContainer: r }) {
+	return /* @__PURE__ */ U(ie, {
 		container: r,
-		children: /* @__PURE__ */ W(rl, {
+		children: /* @__PURE__ */ U(ol, {
 			controlledTheme: e,
 			rootElement: r,
-			children: /* @__PURE__ */ W(al, { children: /* @__PURE__ */ W(wl, { children: /* @__PURE__ */ W(cl, { children: /* @__PURE__ */ G(ce, {
+			children: /* @__PURE__ */ U(cl, { children: /* @__PURE__ */ U(Dl, { children: /* @__PURE__ */ U(dl, { children: /* @__PURE__ */ W(le, {
 				delay: 200,
-				children: [t, n ? /* @__PURE__ */ W(Tl, {}) : null]
+				children: [t, n ? /* @__PURE__ */ U(Ol, {}) : null]
 			}) }) }) })
 		})
 	});
 }
-var Dl = ({ theme: e, language: t, className: n, children: r, showToaster: i = !0, wrapRoot: a = !0 }) => {
-	let [o, s] = U(null);
-	return /* @__PURE__ */ W(w, {
+var Al = ({ theme: e, language: t, className: n, children: r, showToaster: i = !0, wrapRoot: a = !0 }) => {
+	let [o, s] = H(null);
+	return /* @__PURE__ */ U(y, {
 		forcedLanguage: t,
-		children: a ? /* @__PURE__ */ W("div", {
+		children: a ? /* @__PURE__ */ U("div", {
 			ref: s,
-			className: A("lerobot-root h-full w-full relative", n),
-			children: /* @__PURE__ */ W(El, {
+			className: D("lerobot-root h-full w-full relative bg-background text-foreground", n),
+			children: /* @__PURE__ */ U(kl, {
 				theme: e,
 				showToaster: i,
 				portalContainer: o,
 				children: r
 			})
-		}) : /* @__PURE__ */ W("div", {
+		}) : /* @__PURE__ */ U("div", {
 			ref: s,
-			className: A("lerobot-root h-full w-full", n),
-			children: /* @__PURE__ */ W(El, {
+			className: D("lerobot-root h-full w-full bg-background text-foreground", n),
+			children: /* @__PURE__ */ U(kl, {
 				theme: e,
 				showToaster: i,
 				portalContainer: o,
@@ -5881,119 +5931,119 @@ var Dl = ({ theme: e, language: t, className: n, children: r, showToaster: i = !
 			})
 		})
 	});
-}, Ol = ({ open: e, onOpenChange: t, episode: n, onSave: r }) => {
-	let { t: i } = E(), [a, o] = U("");
-	return B(() => {
+}, jl = ({ open: e, onOpenChange: t, episode: n, onSave: r }) => {
+	let { t: a } = T(), [o, s] = H("");
+	return z(() => {
 		if (!n) return;
 		let e = n.tasks && n.tasks.length > 0 && n.tasks[0] || "";
-		o(e);
-	}, [n]), /* @__PURE__ */ W(Gs, {
+		s(e);
+	}, [n]), /* @__PURE__ */ U(Gs, {
 		open: !!(e && n),
 		onOpenChange: t,
-		children: /* @__PURE__ */ G(Js, {
+		children: /* @__PURE__ */ W(Js, {
 			className: "sm:max-w-md",
-			children: [/* @__PURE__ */ G(Ys, { children: [/* @__PURE__ */ W(Zs, { children: i("editTask.title", "Edit Episode Task") }), /* @__PURE__ */ W(Qs, {
+			children: [/* @__PURE__ */ W(Ys, { children: [/* @__PURE__ */ U(Zs, { children: a("editTask.title", "Edit Episode Task") }), /* @__PURE__ */ U(Qs, {
 				className: "sr-only",
-				children: i("editTask.a11yDescription", "Edit the task description for the selected episode.")
-			})] }), n ? /* @__PURE__ */ G(he, { children: [/* @__PURE__ */ G("div", {
+				children: a("editTask.a11yDescription", "Edit the task description for the selected episode.")
+			})] }), n ? /* @__PURE__ */ W(ge, { children: [/* @__PURE__ */ W("div", {
 				className: "space-y-4 py-2",
-				children: [/* @__PURE__ */ G("div", {
+				children: [/* @__PURE__ */ W("div", {
 					className: "space-y-2",
-					children: [/* @__PURE__ */ W("label", {
+					children: [/* @__PURE__ */ U("label", {
 						className: "text-sm font-medium text-muted-foreground",
-						children: i("editTask.episodeIndex", "Episode Index")
-					}), /* @__PURE__ */ W(F, {
+						children: a("editTask.episodeIndex", "Episode Index")
+					}), /* @__PURE__ */ U(p, {
 						value: n.episode_index,
 						disabled: !0,
 						className: "bg-muted"
 					})]
-				}), /* @__PURE__ */ G("div", {
+				}), /* @__PURE__ */ W("div", {
 					className: "space-y-2",
-					children: [/* @__PURE__ */ W("label", {
+					children: [/* @__PURE__ */ U("label", {
 						className: "text-sm font-medium text-muted-foreground",
-						children: i("editTask.taskDescription", "Task Description")
-					}), /* @__PURE__ */ W(Fc, {
-						value: a,
-						onChange: (e) => o(e.target.value),
-						placeholder: i("editTask.taskPlaceholder", "Enter task description..."),
+						children: a("editTask.taskDescription", "Task Description")
+					}), /* @__PURE__ */ U(Fc, {
+						value: o,
+						onChange: (e) => s(e.target.value),
+						placeholder: a("editTask.taskPlaceholder", "Enter task description..."),
 						rows: 4,
 						className: "resize-none"
 					})]
 				})]
-			}), /* @__PURE__ */ G(Xs, { children: [/* @__PURE__ */ W(f, {
+			}), /* @__PURE__ */ W(Xs, { children: [/* @__PURE__ */ U(i, {
 				variant: "outline",
 				onClick: () => t(!1),
-				children: i("common.cancel", "Cancel")
-			}), /* @__PURE__ */ W(f, {
+				children: a("common.cancel", "Cancel")
+			}), /* @__PURE__ */ U(i, {
 				onClick: () => {
 					if (n == null) return;
-					let e = a.trim();
+					let e = o.trim();
 					r(n.episode_index, e || ""), t(!1);
 				},
-				children: i("editTask.save", "Save")
+				children: a("editTask.save", "Save")
 			})] })] }) : null]
 		})
 	});
-}, kl = ({ totalCount: e, editMode: t, multiSelectMode: n, isReadOnly: r, onToggleEditMode: i, onToggleMultiSelectMode: a }) => {
-	let { t: o } = E();
-	return /* @__PURE__ */ G("div", {
+}, Ml = ({ totalCount: e, editMode: t, multiSelectMode: n, isReadOnly: r, onToggleEditMode: a, onToggleMultiSelectMode: o }) => {
+	let { t: s } = T();
+	return /* @__PURE__ */ W("div", {
 		className: "flex min-w-0 flex-wrap items-center justify-between gap-2 overflow-hidden",
-		children: [/* @__PURE__ */ G("h2", {
+		children: [/* @__PURE__ */ W("h2", {
 			className: "flex min-w-0 items-center gap-1 text-sm text-muted-foreground overflow-hidden",
-			children: [e != null && /* @__PURE__ */ W("span", { children: e }), /* @__PURE__ */ W("span", { children: "Episodes" })]
-		}), !r && /* @__PURE__ */ G("div", {
+			children: [e != null && /* @__PURE__ */ U("span", { children: e }), /* @__PURE__ */ U("span", { children: "Episodes" })]
+		}), !r && /* @__PURE__ */ W("div", {
 			className: "flex min-w-0 flex-wrap items-center gap-1 overflow-hidden",
-			children: [/* @__PURE__ */ W(f, {
+			children: [/* @__PURE__ */ U(i, {
 				variant: n ? "secondary" : "ghost",
 				size: "sm",
-				className: A("h-7 shrink-0 px-1 text-xs font-medium", n ? "text-pink-400 hover:text-pink-700" : "text-muted-foreground hover:text-foreground"),
-				onClick: a,
-				title: o("sidebar.multiSelect", "Select"),
-				children: n ? /* @__PURE__ */ G(he, { children: [/* @__PURE__ */ W(l, { className: "h-3 w-3 shrink-0" }), o("sidebar.multiSelect", "Select")] }) : /* @__PURE__ */ G(he, { children: [/* @__PURE__ */ W(Vs, { className: "h-3 w-3 shrink-0" }), o("sidebar.multiSelect", "Select")] })
-			}), /* @__PURE__ */ W(f, {
+				className: D("h-7 shrink-0 px-1 text-xs font-medium", n ? "text-pink-400 hover:text-pink-700" : "text-muted-foreground hover:text-foreground"),
+				onClick: o,
+				title: s("sidebar.multiSelect", "Select"),
+				children: n ? /* @__PURE__ */ W(ge, { children: [/* @__PURE__ */ U(u, { className: "h-3 w-3 shrink-0" }), s("sidebar.multiSelect", "Select")] }) : /* @__PURE__ */ W(ge, { children: [/* @__PURE__ */ U(Vs, { className: "h-3 w-3 shrink-0" }), s("sidebar.multiSelect", "Select")] })
+			}), /* @__PURE__ */ U(i, {
 				variant: t ? "secondary" : "ghost",
 				size: "sm",
-				className: A("h-7 shrink-0 px-1 text-xs font-medium", t ? "text-pink-400 hover:text-pink-700" : "text-muted-foreground hover:text-foreground"),
-				onClick: i,
-				title: t ? o("sidebar.exitEditMode", "Done editing") : o("sidebar.enterEditMode", "Edit episodes"),
-				children: t ? /* @__PURE__ */ G(he, { children: [/* @__PURE__ */ W(l, { className: "mr-1 h-3 w-3 shrink-0" }), o("sidebar.done", "Done")] }) : /* @__PURE__ */ G(he, { children: [/* @__PURE__ */ W(Is, { className: "mr-1 h-3 w-3 shrink-0" }), o("sidebar.edit", "Edit")] })
+				className: D("h-7 shrink-0 px-1 text-xs font-medium", t ? "text-pink-400 hover:text-pink-700" : "text-muted-foreground hover:text-foreground"),
+				onClick: a,
+				title: t ? s("sidebar.exitEditMode", "Done editing") : s("sidebar.enterEditMode", "Edit episodes"),
+				children: t ? /* @__PURE__ */ W(ge, { children: [/* @__PURE__ */ U(u, { className: "mr-1 h-3 w-3 shrink-0" }), s("sidebar.done", "Done")] }) : /* @__PURE__ */ W(ge, { children: [/* @__PURE__ */ U(Is, { className: "mr-1 h-3 w-3 shrink-0" }), s("sidebar.edit", "Edit")] })
 			})]
 		})]
 	});
-}, Al = ({ searchTerm: e, showAdvanced: t, onSearchTermChange: n, onToggleAdvanced: r }) => {
-	let { t: i } = E();
-	return /* @__PURE__ */ G("div", {
+}, Nl = ({ searchTerm: e, showAdvanced: t, onSearchTermChange: n, onToggleAdvanced: r }) => {
+	let { t: a } = T();
+	return /* @__PURE__ */ W("div", {
 		className: "group relative flex min-w-0 items-center gap-1 overflow-hidden",
-		children: [/* @__PURE__ */ G("div", {
+		children: [/* @__PURE__ */ W("div", {
 			className: "relative min-w-0 flex-1 basis-0",
-			children: [/* @__PURE__ */ W(P, {
+			children: [/* @__PURE__ */ U(m, {
 				className: "absolute left-2.5 top-1/2 h-3.5 w-3.5 -translate-y-1/2 text-muted-foreground/40 transition-colors group-focus-within:text-primary/50",
 				"aria-hidden": !0
-			}), /* @__PURE__ */ W(F, {
-				placeholder: i("sidebar.searchPlaceholder"),
+			}), /* @__PURE__ */ U(p, {
+				placeholder: a("sidebar.searchPlaceholder"),
 				className: "h-9 min-w-0 w-full border-transparent bg-muted/50 pl-9 text-xs placeholder:text-muted-foreground/40",
 				value: e,
 				onChange: (e) => n(e.target.value),
-				"aria-label": i("sidebar.searchPlaceholder")
+				"aria-label": a("sidebar.searchPlaceholder")
 			})]
-		}), /* @__PURE__ */ W(f, {
+		}), /* @__PURE__ */ U(i, {
 			variant: t ? "secondary" : "ghost",
 			size: "sm",
-			className: A("h-9 w-9 shrink-0 p-0", t && "text-primary"),
+			className: D("h-9 w-9 shrink-0 p-0", t && "text-primary"),
 			onClick: r,
-			title: i("sidebar.advanced", "Advanced"),
-			children: /* @__PURE__ */ W(Bs, {
+			title: a("sidebar.advanced", "Advanced"),
+			children: /* @__PURE__ */ U(Bs, {
 				className: "h-3.5 w-3.5",
 				"aria-hidden": !0
 			})
 		})]
 	});
-}, jl = ({ durationMin: e, durationMax: t, onDurationMinChange: n, onDurationMaxChange: r }) => {
-	let { t: i } = E();
-	return /* @__PURE__ */ G("div", {
+}, Pl = ({ durationMin: e, durationMax: t, onDurationMinChange: n, onDurationMaxChange: r }) => {
+	let { t: i } = T();
+	return /* @__PURE__ */ W("div", {
 		className: "flex min-w-0 items-center gap-2 overflow-hidden",
 		children: [
-			/* @__PURE__ */ W(F, {
+			/* @__PURE__ */ U(p, {
 				type: "number",
 				placeholder: i("sidebar.filterByDuration"),
 				className: "h-8 min-w-0 flex-1 basis-0 border border-border bg-muted/50 px-2 text-xs",
@@ -6004,11 +6054,11 @@ var Dl = ({ theme: e, language: t, className: n, children: r, showToaster: i = !
 				step: .1,
 				"aria-label": i("sidebar.filterByDuration")
 			}),
-			/* @__PURE__ */ W("span", {
+			/* @__PURE__ */ U("span", {
 				className: "shrink-0 text-xs text-muted-foreground",
 				children: "-"
 			}),
-			/* @__PURE__ */ W(F, {
+			/* @__PURE__ */ U(p, {
 				type: "number",
 				className: "h-8 min-w-0 flex-1 basis-0 border border-border bg-muted/50 px-2 text-xs",
 				value: t,
@@ -6019,159 +6069,159 @@ var Dl = ({ theme: e, language: t, className: n, children: r, showToaster: i = !
 			})
 		]
 	});
-}, Ml = ({ selectedCount: e, selectedDeletedCount: t, selectedNonDeletedCount: n, onSelectAll: r, onClearSelection: i, onBulkEdit: a, onBulkDelete: o, onBulkRestore: s }) => {
-	let { t: c } = E();
-	return /* @__PURE__ */ G("div", {
+}, Fl = ({ selectedCount: e, selectedDeletedCount: n, selectedNonDeletedCount: r, onSelectAll: a, onClearSelection: o, onBulkEdit: s, onBulkDelete: c, onBulkRestore: l }) => {
+	let { t: u } = T();
+	return /* @__PURE__ */ W("div", {
 		className: "flex min-w-0 flex-wrap items-center gap-1 overflow-hidden",
 		children: [
-			/* @__PURE__ */ G(C, { children: [/* @__PURE__ */ W(I, {
-				render: /* @__PURE__ */ W(f, {
+			/* @__PURE__ */ W(v, { children: [/* @__PURE__ */ U(x, {
+				render: /* @__PURE__ */ U(i, {
 					variant: "ghost",
 					size: "icon",
 					className: "h-8 w-8 shrink-0",
-					onClick: r
+					onClick: a
 				}),
-				children: /* @__PURE__ */ W(ks, { className: "h-3.5 w-3.5" })
-			}), /* @__PURE__ */ W(v, {
+				children: /* @__PURE__ */ U(ks, { className: "h-3.5 w-3.5" })
+			}), /* @__PURE__ */ U(ce, {
 				side: "bottom",
-				children: c("sidebar.selectAll")
+				children: u("sidebar.selectAll")
 			})] }),
-			/* @__PURE__ */ G(C, { children: [/* @__PURE__ */ W(I, {
-				render: /* @__PURE__ */ W(f, {
+			/* @__PURE__ */ W(v, { children: [/* @__PURE__ */ U(x, {
+				render: /* @__PURE__ */ U(i, {
 					variant: "ghost",
 					size: "icon",
 					className: "h-8 w-8 shrink-0",
-					onClick: i
+					onClick: o
 				}),
-				children: /* @__PURE__ */ W(p, { className: "h-3.5 w-3.5" })
-			}), /* @__PURE__ */ W(v, {
+				children: /* @__PURE__ */ U(t, { className: "h-3.5 w-3.5" })
+			}), /* @__PURE__ */ U(ce, {
 				side: "bottom",
-				children: c("sidebar.clearSelection")
+				children: u("sidebar.clearSelection")
 			})] }),
-			/* @__PURE__ */ G(C, { children: [/* @__PURE__ */ W(I, {
-				render: /* @__PURE__ */ W(f, {
+			/* @__PURE__ */ W(v, { children: [/* @__PURE__ */ U(x, {
+				render: /* @__PURE__ */ U(i, {
 					disabled: e === 0,
 					variant: "ghost",
 					size: "icon",
 					className: "h-8 w-8 shrink-0",
-					onClick: a
+					onClick: s
 				}),
-				children: /* @__PURE__ */ W(Is, { className: "h-3.5 w-3.5" })
-			}), /* @__PURE__ */ W(v, {
+				children: /* @__PURE__ */ U(Is, { className: "h-3.5 w-3.5" })
+			}), /* @__PURE__ */ U(ce, {
 				side: "bottom",
-				children: c("sidebar.bulkEdit")
+				children: u("sidebar.bulkEdit")
 			})] }),
-			n > 0 && /* @__PURE__ */ G(C, { children: [/* @__PURE__ */ W(I, {
-				render: /* @__PURE__ */ W(f, {
+			r > 0 && /* @__PURE__ */ W(v, { children: [/* @__PURE__ */ U(x, {
+				render: /* @__PURE__ */ U(i, {
 					variant: "ghost",
 					size: "icon",
 					className: "h-8 w-8 shrink-0 text-destructive hover:text-destructive",
-					onClick: o
+					onClick: c
 				}),
-				children: /* @__PURE__ */ W(Us, { className: "h-3.5 w-3.5" })
-			}), /* @__PURE__ */ W(v, {
+				children: /* @__PURE__ */ U(Us, { className: "h-3.5 w-3.5" })
+			}), /* @__PURE__ */ U(ce, {
 				side: "bottom",
-				children: c("sidebar.bulkDelete")
+				children: u("sidebar.bulkDelete")
 			})] }),
-			t > 0 && /* @__PURE__ */ G(C, { children: [/* @__PURE__ */ W(I, {
-				render: /* @__PURE__ */ W(f, {
+			n > 0 && /* @__PURE__ */ W(v, { children: [/* @__PURE__ */ U(x, {
+				render: /* @__PURE__ */ U(i, {
 					disabled: e === 0,
 					variant: "ghost",
 					size: "icon",
 					className: "h-8 w-8 shrink-0",
-					onClick: s
+					onClick: l
 				}),
-				children: /* @__PURE__ */ W(Ws, { className: "h-3.5 w-3.5" })
-			}), /* @__PURE__ */ W(v, {
+				children: /* @__PURE__ */ U(Ws, { className: "h-3.5 w-3.5" })
+			}), /* @__PURE__ */ U(ce, {
 				side: "bottom",
-				children: c("sidebar.bulkRestore")
+				children: u("sidebar.bulkRestore")
 			})] }),
-			e > 0 && /* @__PURE__ */ W("span", {
+			e > 0 && /* @__PURE__ */ U("span", {
 				className: "ml-auto min-w-0 flex-1 truncate text-right text-xs text-muted-foreground",
-				children: c("sidebar.selectedCount", { count: e })
+				children: u("sidebar.selectedCount", { count: e })
 			})
 		]
 	});
-}, Nl = ({ episode: e, taskDescription: t, formattedDuration: n, isDeleted: r, isSelected: i, isChecked: a, isLoading: o, multiSelectMode: s, showActions: c, onRowClick: l, onToggleSelection: u, onEdit: d, onDelete: p, onRestore: m }) => {
-	let { t: h } = E(), g = !r && !o, _ = !r && i, v = !r && !i && a;
-	return /* @__PURE__ */ G("div", {
-		className: A("group relative flex w-full min-w-0 flex-col overflow-hidden border-b border-border/30 text-left transition-colors", r && "bg-muted/30 opacity-60", _ && "bg-accent text-foreground", v && "bg-muted/60 text-muted-foreground", !r && !i && !a && "bg-transparent text-muted-foreground/80 hover:bg-accent/50 hover:text-foreground"),
-		children: [/* @__PURE__ */ G("div", {
+}, Il = ({ episode: e, taskDescription: t, formattedDuration: n, isDeleted: r, isSelected: a, isChecked: o, isLoading: s, multiSelectMode: c, showActions: l, onRowClick: u, onToggleSelection: d, onEdit: f, onDelete: p, onRestore: m }) => {
+	let { t: h } = T(), g = !r && !s, _ = !r && a, v = !r && !a && o;
+	return /* @__PURE__ */ W("div", {
+		className: D("group relative flex w-full min-w-0 flex-col overflow-hidden border-b border-border/30 text-left transition-colors", r && "bg-muted/30 opacity-60", _ && "bg-accent text-foreground", v && "bg-muted/60 text-muted-foreground", !r && !a && !o && "bg-transparent text-muted-foreground/80 hover:bg-accent/50 hover:text-foreground"),
+		children: [/* @__PURE__ */ W("div", {
 			role: "button",
 			tabIndex: g ? 0 : -1,
-			className: A("flex w-full px-3 py-2.5 min-w-0 flex-1 overflow-hidden rounded-sm text-left focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/60", s ? "flex-row items-start gap-2" : "flex-col"),
-			onClick: () => g && l(),
+			className: D("flex w-full px-3 py-2.5 min-w-0 flex-1 overflow-hidden rounded-sm text-left focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/60", c ? "flex-row items-start gap-2" : "flex-col"),
+			onClick: () => g && u(),
 			onKeyDown: (e) => {
-				g && Qc(e.key) && (e.preventDefault(), l());
+				g && tl(e.key) && (e.preventDefault(), u());
 			},
 			"aria-label": h("sidebar.selectEpisode", { index: e.episode_index }),
 			"aria-current": _ ? "true" : void 0,
 			"aria-disabled": !g,
 			title: h("sidebar.selectEpisode", { index: e.episode_index }),
 			children: [
-				s && /* @__PURE__ */ W("span", {
+				c && /* @__PURE__ */ U("span", {
 					className: "mt-0.5 shrink-0",
 					onClick: (e) => e.stopPropagation(),
-					children: /* @__PURE__ */ W("button", {
+					children: /* @__PURE__ */ U("button", {
 						type: "button",
 						className: "rounded border-0 bg-transparent p-0.5 hover:bg-muted/50",
-						onClick: u,
-						"aria-label": a ? h("sidebar.deselectEpisode", "Deselect episode") : h("sidebar.selectEpisodeForBulk", "Select episode"),
-						title: a ? h("sidebar.deselectEpisode", "Deselect episode") : h("sidebar.selectEpisodeForBulk", "Select episode"),
-						children: a ? /* @__PURE__ */ W(Vs, { className: "h-4 w-4 text-primary" }) : /* @__PURE__ */ W(Hs, { className: "h-4 w-4 text-muted-foreground" })
+						onClick: d,
+						"aria-label": o ? h("sidebar.deselectEpisode", "Deselect episode") : h("sidebar.selectEpisodeForBulk", "Select episode"),
+						title: o ? h("sidebar.deselectEpisode", "Deselect episode") : h("sidebar.selectEpisodeForBulk", "Select episode"),
+						children: o ? /* @__PURE__ */ U(Vs, { className: "h-4 w-4 text-primary" }) : /* @__PURE__ */ U(Hs, { className: "h-4 w-4 text-muted-foreground" })
 					})
 				}),
-				_ && /* @__PURE__ */ W("div", { className: "absolute bottom-2 left-0 top-2 w-1 rounded-r-full bg-primary" }),
-				/* @__PURE__ */ G("div", {
+				_ && /* @__PURE__ */ U("div", { className: "absolute bottom-2 left-0 top-2 w-1 rounded-r-full bg-primary" }),
+				/* @__PURE__ */ W("div", {
 					className: "flex min-w-0 flex-1 flex-col overflow-hidden",
-					children: [/* @__PURE__ */ G("div", {
+					children: [/* @__PURE__ */ W("div", {
 						className: "mb-1 flex min-w-0 items-center justify-between gap-2 overflow-hidden",
-						children: [/* @__PURE__ */ G(Ds, {
+						children: [/* @__PURE__ */ W(Ds, {
 							variant: _ ? "default" : "outline",
-							className: A("h-4 shrink-0 px-1.5 font-mono text-[10px] font-medium transition-colors", _ ? "border-transparent bg-primary text-primary-foreground" : v ? "border-border/60 bg-muted text-foreground/80" : "opacity-70"),
+							className: D("h-4 shrink-0 px-1.5 font-mono text-[10px] font-medium transition-colors", _ ? "border-transparent bg-primary text-primary-foreground" : v ? "border-border/60 bg-muted text-foreground/80" : "opacity-70"),
 							children: ["# ", e.episode_index]
-						}), /* @__PURE__ */ W("span", {
-							className: A("min-w-0 truncate font-mono text-[11px] transition-colors", _ ? "font-medium text-foreground/80" : v ? "text-foreground/80" : "text-muted-foreground"),
+						}), /* @__PURE__ */ U("span", {
+							className: D("min-w-0 truncate font-mono text-[11px] transition-colors", _ ? "font-medium text-foreground/80" : v ? "text-foreground/80" : "text-muted-foreground"),
 							title: n,
 							children: n
 						})]
-					}), /* @__PURE__ */ W("span", {
-						className: A("block truncate text-xs font-normal leading-snug transition-colors", _ ? "font-medium text-foreground" : v ? "text-foreground" : "text-muted-foreground"),
+					}), /* @__PURE__ */ U("span", {
+						className: D("block truncate text-xs font-normal leading-snug transition-colors", _ ? "font-medium text-foreground" : v ? "text-foreground" : "text-muted-foreground"),
 						title: t,
 						children: t
 					})]
 				})
 			]
-		}), c && !s && /* @__PURE__ */ W("div", {
+		}), l && !c && /* @__PURE__ */ U("div", {
 			className: "mx-2 mt-1 flex shrink-0 items-center gap-0.5",
 			onClick: (e) => e.stopPropagation(),
-			children: r ? /* @__PURE__ */ W(f, {
+			children: r ? /* @__PURE__ */ U(i, {
 				size: "sm",
 				variant: "ghost",
 				className: "h-8 px-2 text-muted-foreground hover:text-foreground",
 				onClick: m,
 				title: h("sidebar.restoreEpisode", "Restore episode"),
-				children: /* @__PURE__ */ W(Ws, { className: "h-3.5 w-3.5" })
-			}) : /* @__PURE__ */ G(he, { children: [/* @__PURE__ */ W(f, {
+				children: /* @__PURE__ */ U(Ws, { className: "h-3.5 w-3.5" })
+			}) : /* @__PURE__ */ W(ge, { children: [/* @__PURE__ */ U(i, {
 				size: "sm",
 				variant: "ghost",
 				className: "h-8 px-2 text-muted-foreground hover:text-foreground",
-				onClick: d,
+				onClick: f,
 				title: h("sidebar.editTask", "Edit task"),
-				children: /* @__PURE__ */ W(Is, { className: "h-3.5 w-3.5" })
-			}), /* @__PURE__ */ W(f, {
+				children: /* @__PURE__ */ U(Is, { className: "h-3.5 w-3.5" })
+			}), /* @__PURE__ */ U(i, {
 				size: "sm",
 				variant: "ghost",
 				className: "h-8 px-2 text-muted-foreground hover:bg-destructive/10 hover:text-destructive",
 				onClick: p,
 				title: h("sidebar.deleteEpisode", "Delete episode"),
-				children: /* @__PURE__ */ W(Us, { className: "h-3.5 w-3.5" })
+				children: /* @__PURE__ */ U(Us, { className: "h-3.5 w-3.5" })
 			})] })
 		})]
 	});
 };
-function Pl({ item: e, isLoading: t, multiSelectMode: n, editMode: r, onRowClick: i, onToggleSelection: a, onEdit: o, onDelete: s, onRestore: c }) {
-	return /* @__PURE__ */ W(Nl, {
+function Ll({ item: e, isLoading: t, multiSelectMode: n, editMode: r, onRowClick: i, onToggleSelection: a, onEdit: o, onDelete: s, onRestore: c }) {
+	return /* @__PURE__ */ U(Il, {
 		episode: e.episode,
 		taskDescription: e.taskDescription,
 		formattedDuration: e.formattedDuration,
@@ -6188,23 +6238,23 @@ function Pl({ item: e, isLoading: t, multiSelectMode: n, editMode: r, onRowClick
 		onRestore: (t) => c(e.episode.episode_index, t)
 	});
 }
-function Fl({ ariaAttributes: e, index: t, style: n, filteredEpisodes: r, ...i }) {
+function Rl({ ariaAttributes: e, index: t, style: n, filteredEpisodes: r, ...i }) {
 	let a = r[t];
-	return /* @__PURE__ */ W("div", {
+	return /* @__PURE__ */ U("div", {
 		...e,
 		style: n,
 		className: "overflow-hidden",
-		children: /* @__PURE__ */ W(Pl, {
+		children: /* @__PURE__ */ U(Ll, {
 			item: a,
 			...i
 		})
 	});
 }
-function Il(e, t) {
+function zl(e, t) {
 	return t.filteredEpisodes[e].episode.episode_index;
 }
-var Ll = ({ error: e, episodes: t, filteredEpisodes: n, isLoading: r, multiSelectMode: i, editMode: a, onRowClick: o, onToggleSelection: s, onEdit: c, onDelete: l, onRestore: u }) => {
-	let { t: d } = E(), f = V(() => ({
+var Bl = ({ error: e, episodes: t, filteredEpisodes: n, isLoading: r, multiSelectMode: i, editMode: a, onRowClick: o, onToggleSelection: s, onEdit: c, onDelete: l, onRestore: u }) => {
+	let { t: d } = T(), f = B(() => ({
 		filteredEpisodes: n,
 		isLoading: r,
 		multiSelectMode: i,
@@ -6224,52 +6274,63 @@ var Ll = ({ error: e, episodes: t, filteredEpisodes: n, isLoading: r, multiSelec
 		c,
 		l,
 		u
-	]);
-	return e ? /* @__PURE__ */ G("div", {
-		className: "flex h-full flex-col items-center justify-center space-y-2 p-4 text-center",
-		children: [
-			/* @__PURE__ */ W(js, { className: "h-8 w-8 text-destructive/70" }),
-			/* @__PURE__ */ W("p", {
-				className: "text-sm font-medium text-destructive",
-				children: d("sidebar.errorLoading")
-			}),
-			/* @__PURE__ */ W("p", {
-				className: "max-w-full break-words text-xs text-muted-foreground",
-				children: e
-			})
-		]
-	}) : n.length === 0 ? /* @__PURE__ */ W("div", {
-		className: "flex h-full items-center justify-center p-4 text-center text-muted-foreground",
-		children: t && t.length === 0 ? d("sidebar.emptyNoDataset") : d("sidebar.emptyNoMatch")
-	}) : n.length >= 100 ? /* @__PURE__ */ W(se, {
-		rowCount: n.length,
-		rowHeight: a && !i ? 102 : 61,
-		rowComponent: Fl,
-		rowProps: f,
-		rowKey: Il,
-		overscanCount: 4,
-		className: "flex-1 min-h-0 w-full min-w-0 overflow-x-hidden",
-		style: {
-			height: "100%",
-			width: "100%"
-		},
-		"aria-label": d("sidebar.episodesTitle")
-	}) : /* @__PURE__ */ W(b, {
-		className: "flex-1 min-h-0 w-full min-w-0",
+	]), p = e ? /* @__PURE__ */ U("div", {
+		className: "shrink-0 border-b border-destructive/20 bg-destructive/5 px-3 py-2",
 		children: /* @__PURE__ */ W("div", {
-			className: "w-full min-w-0 overflow-x-hidden",
-			children: n.map((e) => /* @__PURE__ */ W(Pl, {
-				item: e,
-				...f
-			}, e.episode.episode_index))
+			className: "flex items-start gap-2",
+			children: [/* @__PURE__ */ U(js, { className: "mt-0.5 h-4 w-4 shrink-0 text-destructive/70" }), /* @__PURE__ */ W("div", {
+				className: "min-w-0 space-y-0.5",
+				children: [/* @__PURE__ */ U("p", {
+					className: "text-sm font-medium text-destructive",
+					children: d("sidebar.errorLoading")
+				}), /* @__PURE__ */ U("p", {
+					className: "max-w-full break-words text-xs text-muted-foreground",
+					children: e
+				})]
+			})]
 		})
+	}) : null;
+	return n.length === 0 ? /* @__PURE__ */ W("div", {
+		className: "flex h-full min-h-0 flex-col",
+		children: [p, /* @__PURE__ */ U("div", {
+			className: "flex flex-1 items-center justify-center p-4 text-center text-muted-foreground",
+			children: t && t.length === 0 ? d("sidebar.emptyNoDataset") : d("sidebar.emptyNoMatch")
+		})]
+	}) : n.length >= 100 ? /* @__PURE__ */ W("div", {
+		className: "flex h-full min-h-0 flex-col",
+		children: [p, /* @__PURE__ */ U(oe, {
+			rowCount: n.length,
+			rowHeight: a && !i ? 102 : 61,
+			rowComponent: Rl,
+			rowProps: f,
+			rowKey: zl,
+			overscanCount: 4,
+			className: "flex-1 min-h-0 w-full min-w-0 overflow-x-hidden",
+			style: {
+				height: "100%",
+				width: "100%"
+			},
+			"aria-label": d("sidebar.episodesTitle")
+		})]
+	}) : /* @__PURE__ */ W("div", {
+		className: "flex h-full min-h-0 flex-col",
+		children: [p, /* @__PURE__ */ U(F, {
+			className: "flex-1 min-h-0 w-full min-w-0",
+			children: /* @__PURE__ */ U("div", {
+				className: "w-full min-w-0 overflow-x-hidden",
+				children: n.map((e) => /* @__PURE__ */ U(Ll, {
+					item: e,
+					...f
+				}, e.episode.episode_index))
+			})
+		})]
 	});
-}, Rl = () => {
-	let { t: e } = E(), { episodes: t, tasks: n, isLoading: r, error: i, info: a, versionCapability: o, isReadOnly: s } = N(), { selectEpisode: c, selectedEpisodeIndex: l, selectedEpisodeIndices: u, toggleEpisodeSelection: d, selectAllInList: p, clearEpisodeSelection: m, deletedEpisodes: h, getEffectiveEpisode: g, editEpisodeTask: _, deleteEpisode: v, restoreEpisode: y } = te(), [b, x] = U(""), [S, C] = U(!1), [w, T] = U(!1), [D, O] = U(""), [ee, ne] = U(""), [k, A] = U(!1), [re, j] = U(null), [ie, M] = U(!1), [ae, oe] = U(!1), [se, ce] = U(""), P = s || !!(a && o?.status !== "supported");
-	B(() => {
-		P && (C(!1), T(!1), A(!1), oe(!1), m());
+}, Vl = () => {
+	let { t: e } = T(), { episodes: t, tasks: n, isLoading: r, error: a, info: o, versionCapability: s, isReadOnly: c } = N(), { selectEpisode: l, selectedEpisodeIndex: u, selectedEpisodeIndices: d, toggleEpisodeSelection: f, selectAllInList: p, clearEpisodeSelection: m, deletedEpisodes: h, getEffectiveEpisode: g, editEpisodeTask: _, deleteEpisode: v, restoreEpisode: y } = ne(), [b, x] = H(""), [S, C] = H(!1), [w, E] = H(!1), [D, O] = H(""), [ee, te] = H(""), [k, A] = H(!1), [re, j] = H(null), [ie, M] = H(!1), [ae, oe] = H(!1), [se, ce] = H(""), P = c || !!(o && s?.status !== "supported");
+	z(() => {
+		P && (C(!1), E(!1), A(!1), oe(!1), m());
 	}, [P, m]);
-	let F = V(() => {
+	let F = B(() => {
 		if (!t) return [];
 		let e = t;
 		if (b.trim()) {
@@ -6279,30 +6340,30 @@ var Ll = ({ error: e, episodes: t, filteredEpisodes: n, isLoading: r, multiSelec
 				return String(e.episode_index).includes(t) || a.toLowerCase().includes(t) || Array.isArray(r.tasks) && r.tasks.some((e) => e.toLowerCase().includes(t));
 			});
 		}
-		let r = a?.fps ?? 30, i = D === "" ? void 0 : parseFloat(D), o = ee === "" ? void 0 : parseFloat(ee);
-		return i != null && !Number.isNaN(i) && (e = e.filter((e) => (e.length ?? 0) / r >= i)), o != null && !Number.isNaN(o) && (e = e.filter((e) => (e.length ?? 0) / r <= o)), e;
+		let r = o?.fps ?? 30, i = D === "" ? void 0 : parseFloat(D), a = ee === "" ? void 0 : parseFloat(ee);
+		return i != null && !Number.isNaN(i) && (e = e.filter((e) => (e.length ?? 0) / r >= i)), a != null && !Number.isNaN(a) && (e = e.filter((e) => (e.length ?? 0) / r <= a)), e;
 	}, [
 		t,
 		n,
 		b,
 		D,
 		ee,
-		a?.fps,
+		o?.fps,
 		g
-	]), I = (e, t) => {
+	]), le = (e, t) => {
 		e.stopPropagation(), !P && (j(g(t)), A(!0));
-	}, L = (e, t) => {
+	}, I = (e, t) => {
 		e.stopPropagation(), !P && v(t);
-	}, le = (e, t) => {
+	}, ue = (e, t) => {
 		e.stopPropagation(), !P && y(t);
-	}, ue = (e) => {
-		h.has(e.episode_index) || (w ? d(e.episode_index) : c(e.episode_index));
-	}, R = V(() => F.filter((e) => u.has(e.episode_index)), [F, u]), de = V(() => R.filter((e) => h.has(e.episode_index)), [R, h]), fe = V(() => R.filter((e) => !h.has(e.episode_index)), [R, h]), pe = () => {
+	}, de = (e) => {
+		h.has(e.episode_index) || (w ? f(e.episode_index) : l(e.episode_index));
+	}, L = B(() => F.filter((e) => d.has(e.episode_index)), [F, d]), fe = B(() => L.filter((e) => h.has(e.episode_index)), [L, h]), pe = B(() => L.filter((e) => !h.has(e.episode_index)), [L, h]), me = () => {
 		if (P) return;
 		let e = se.trim();
-		R.forEach((t) => _(t.episode_index, e || "")), oe(!1), ce("");
-	}, z = V(() => {
-		let t = a?.fps || 30;
+		L.forEach((t) => _(t.episode_index, e || "")), oe(!1), ce("");
+	}, R = B(() => {
+		let t = o?.fps || 30;
 		return F.map((r) => {
 			let i = g(r), a = (r.length || 0) / t, o = Math.floor(a / 60), s = Math.floor(a % 60);
 			return {
@@ -6310,106 +6371,106 @@ var Ll = ({ error: e, episodes: t, filteredEpisodes: n, isLoading: r, multiSelec
 				taskDescription: (i.tasks && i.tasks.length > 0 ? String(i.tasks[0]) : n[i.task_index || 0]) || e("sidebar.noDescription"),
 				formattedDuration: `${o.toString().padStart(2, "0")}:${s.toString().padStart(2, "0")}`,
 				isDeleted: h.has(r.episode_index),
-				isSelected: l === r.episode_index,
-				isChecked: u.has(r.episode_index)
+				isSelected: u === r.episode_index,
+				isChecked: d.has(r.episode_index)
 			};
 		});
 	}, [
 		F,
 		g,
-		a?.fps,
+		o?.fps,
 		n,
 		e,
 		h,
-		l,
-		u
+		u,
+		d
 	]);
-	return /* @__PURE__ */ G("div", {
+	return /* @__PURE__ */ W("div", {
 		className: "flex h-full min-h-0 w-full min-w-0 flex-col overflow-hidden bg-background",
 		children: [
-			/* @__PURE__ */ G("div", {
+			/* @__PURE__ */ W("div", {
 				className: "shrink-0 space-y-3 border-b px-3 pt-0 pb-2 min-w-0 overflow-x-hidden",
 				children: [
-					/* @__PURE__ */ W(kl, {
+					/* @__PURE__ */ U(Ml, {
 						totalCount: t?.length,
 						editMode: S,
 						multiSelectMode: w,
 						isReadOnly: P,
 						onToggleEditMode: () => C((e) => !e),
 						onToggleMultiSelectMode: () => {
-							T((e) => !e), w && m();
+							E((e) => !e), w && m();
 						}
 					}),
-					P && o && /* @__PURE__ */ W("p", {
+					P && s && /* @__PURE__ */ U("p", {
 						className: "rounded-md border border-border/60 bg-muted/40 px-2 py-1.5 text-xs text-muted-foreground",
-						children: e("sidebar.readOnlyVersion", { version: o.normalizedVersion ?? a?.codebase_version ?? "unknown" })
+						children: e("sidebar.readOnlyVersion", { version: s.normalizedVersion ?? o?.codebase_version ?? "unknown" })
 					}),
-					/* @__PURE__ */ W(Al, {
+					/* @__PURE__ */ U(Nl, {
 						searchTerm: b,
 						showAdvanced: ie,
 						onSearchTermChange: x,
 						onToggleAdvanced: () => M((e) => !e)
 					}),
-					ie && /* @__PURE__ */ W(jl, {
+					ie && /* @__PURE__ */ U(Pl, {
 						durationMin: D,
 						durationMax: ee,
 						onDurationMinChange: O,
-						onDurationMaxChange: ne
+						onDurationMaxChange: te
 					}),
-					!P && w && /* @__PURE__ */ W(Ml, {
-						selectedCount: u.size,
-						selectedDeletedCount: de.length,
-						selectedNonDeletedCount: fe.length,
+					!P && w && /* @__PURE__ */ U(Fl, {
+						selectedCount: d.size,
+						selectedDeletedCount: fe.length,
+						selectedNonDeletedCount: pe.length,
 						onSelectAll: () => p(F.map((e) => e.episode_index)),
 						onClearSelection: m,
 						onBulkEdit: () => oe(!0),
-						onBulkDelete: () => fe.forEach((e) => v(e.episode_index)),
-						onBulkRestore: () => de.forEach((e) => y(e.episode_index))
+						onBulkDelete: () => pe.forEach((e) => v(e.episode_index)),
+						onBulkRestore: () => fe.forEach((e) => y(e.episode_index))
 					})
 				]
 			}),
-			/* @__PURE__ */ W("div", {
+			/* @__PURE__ */ U("div", {
 				className: "flex flex-1 min-h-0 min-w-0 flex-col overflow-hidden",
-				children: /* @__PURE__ */ W(Ll, {
-					error: i,
+				children: /* @__PURE__ */ U(Bl, {
+					error: a,
 					episodes: t,
-					filteredEpisodes: z,
+					filteredEpisodes: R,
 					isLoading: r,
 					multiSelectMode: !P && w,
 					editMode: !P && S,
-					onRowClick: ue,
+					onRowClick: de,
 					onToggleSelection: (e, t) => {
-						t.preventDefault(), t.stopPropagation(), d(e.episode_index);
+						t.preventDefault(), t.stopPropagation(), f(e.episode_index);
 					},
-					onEdit: (e, t) => I(t, e),
-					onDelete: (e, t) => L(t, e),
-					onRestore: (e, t) => le(t, e)
+					onEdit: (e, t) => le(t, e),
+					onDelete: (e, t) => I(t, e),
+					onRestore: (e, t) => ue(t, e)
 				})
 			}),
-			!P && /* @__PURE__ */ W(Ol, {
+			!P && /* @__PURE__ */ U(jl, {
 				open: k,
 				onOpenChange: A,
 				episode: re,
 				onSave: _
 			}, re?.episode_index ?? "edit-dialog"),
-			!P && /* @__PURE__ */ W(Gs, {
+			!P && /* @__PURE__ */ U(Gs, {
 				open: ae,
 				onOpenChange: oe,
-				children: /* @__PURE__ */ G(Js, {
+				children: /* @__PURE__ */ W(Js, {
 					className: "sm:max-w-md",
 					children: [
-						/* @__PURE__ */ W(Ys, { children: /* @__PURE__ */ W(Zs, { children: e("sidebar.bulkEdit", "Edit task") }) }),
-						/* @__PURE__ */ G("div", {
+						/* @__PURE__ */ U(Ys, { children: /* @__PURE__ */ U(Zs, { children: e("sidebar.bulkEdit", "Edit task") }) }),
+						/* @__PURE__ */ W("div", {
 							className: "py-2",
-							children: [/* @__PURE__ */ G("p", {
+							children: [/* @__PURE__ */ W("p", {
 								className: "mb-2 text-xs text-muted-foreground",
 								children: [
-									e("sidebar.selectedCount", { count: R.length }),
+									e("sidebar.selectedCount", { count: L.length }),
 									" -",
 									" ",
 									e("editTask.taskDescription")
 								]
-							}), /* @__PURE__ */ W(Fc, {
+							}), /* @__PURE__ */ U(Fc, {
 								value: se,
 								onChange: (e) => ce(e.target.value),
 								placeholder: e("editTask.taskPlaceholder", "Enter task description..."),
@@ -6417,12 +6478,12 @@ var Ll = ({ error: e, episodes: t, filteredEpisodes: n, isLoading: r, multiSelec
 								className: "resize-none"
 							})]
 						}),
-						/* @__PURE__ */ G(Xs, { children: [/* @__PURE__ */ W(f, {
+						/* @__PURE__ */ W(Xs, { children: [/* @__PURE__ */ U(i, {
 							variant: "outline",
 							onClick: () => oe(!1),
 							children: e("common.cancel", "Cancel")
-						}), /* @__PURE__ */ W(f, {
-							onClick: pe,
+						}), /* @__PURE__ */ U(i, {
+							onClick: me,
 							children: e("editTask.save", "Save")
 						})] })
 					]
@@ -6430,20 +6491,20 @@ var Ll = ({ error: e, episodes: t, filteredEpisodes: n, isLoading: r, multiSelec
 			})
 		]
 	});
-}, zl = (e = !0) => {
-	let t = M(), { episodes: n, getFrameIndex: r, isLoading: i } = N(), { selectedEpisodeIndex: a, selectEpisode: o } = te(), { setFrameIndex: s, togglePlay: c, currentFrames: l } = x(), u = H(e), d = H(n), f = H(a), p = H(l), m = H(i);
-	B(() => {
+}, Hl = (e = !0) => {
+	let t = k(), { episodes: n, getFrameIndex: r, isLoading: i } = N(), { selectedEpisodeIndex: a, selectEpisode: o } = ne(), { setFrameIndex: s, togglePlay: c, currentFrames: l } = S(), u = V(e), d = V(n), f = V(a), p = V(l), m = V(i);
+	z(() => {
 		u.current = e;
-	}, [e]), B(() => {
+	}, [e]), z(() => {
 		d.current = n;
-	}, [n]), B(() => {
+	}, [n]), z(() => {
 		f.current = a;
-	}, [a]), B(() => {
+	}, [a]), z(() => {
 		p.current = l;
-	}, [l]), B(() => {
+	}, [l]), z(() => {
 		m.current = i;
 	}, [i]);
-	let h = z((e) => {
+	let h = R((e) => {
 		if (!u.current || m.current) return;
 		let n = e.target;
 		if (!t?.contains(n)) return;
@@ -6518,48 +6579,48 @@ var Ll = ({ error: e, episodes: t, filteredEpisodes: n, isLoading: r, multiSelec
 		r,
 		t
 	]);
-	B(() => {
+	z(() => {
 		if (e) return window.addEventListener("keydown", h), () => {
 			window.removeEventListener("keydown", h);
 		};
 	}, [e, h]);
-}, Bl = ({ children: e, minWidth: t = 200, maxWidth: n = 600, defaultWidth: r = 256, onWidthChange: i, className: a = "" }) => {
-	let [o, s] = U(r), [c, l] = U(!1), u = H(null), d = H(null), f = H(!1), p = H(0), m = H(r), h = H(null), g = H(t), _ = H(n), v = H(i), y = z(() => {
+}, Ul = ({ children: e, minWidth: t = 200, maxWidth: n = 600, defaultWidth: r = 256, onWidthChange: i, className: a = "" }) => {
+	let [o, s] = H(r), [c, l] = H(!1), u = V(null), d = V(null), f = V(!1), p = V(0), m = V(r), h = V(null), g = V(t), _ = V(n), v = V(i), y = R(() => {
 		let e = Math.max(g.current, window.innerWidth - 320);
 		return Math.min(_.current, e);
 	}, [320]);
-	B(() => {
+	z(() => {
 		g.current = t, _.current = n, v.current = i;
 	}, [
 		t,
 		n,
 		i
 	]);
-	let b = z((e) => {
+	let b = R((e) => {
 		!f.current || !u.current || (h.current !== null && cancelAnimationFrame(h.current), h.current = requestAnimationFrame(() => {
 			let t = e.clientX - p.current, n = y(), r = Math.max(g.current, Math.min(n, m.current + t));
 			u.current && (u.current.style.width = `${r}px`), s(r), v.current?.(r);
 		}));
-	}, [y]), x = z(() => {
+	}, [y]), x = R(() => {
 		f.current && (f.current = !1, l(!1), document.body.style.cursor = "", document.body.style.userSelect = "", u.current && (u.current.style.transition = ""), d.current && (d.current.style.transition = ""), h.current !== null && (cancelAnimationFrame(h.current), h.current = null));
-	}, []), S = z((e) => {
+	}, []), S = R((e) => {
 		e.preventDefault(), e.stopPropagation(), f.current = !0, l(!0), p.current = e.clientX, m.current = o, document.body.style.cursor = "col-resize", document.body.style.userSelect = "none", u.current && (u.current.style.transition = "none"), d.current && (d.current.style.transition = "none");
 	}, [o]);
-	return B(() => (c && (document.addEventListener("mousemove", b, { passive: !0 }), document.addEventListener("mouseup", x)), () => {
+	return z(() => (c && (document.addEventListener("mousemove", b, { passive: !0 }), document.addEventListener("mouseup", x)), () => {
 		document.removeEventListener("mousemove", b), document.removeEventListener("mouseup", x), h.current !== null && cancelAnimationFrame(h.current), f.current && (document.body.style.cursor = "", document.body.style.userSelect = "");
 	}), [
 		c,
 		b,
 		x
-	]), B(() => {
+	]), z(() => {
 		let e = () => {
 			let e = y();
 			o > e && (s(e), u.current && (u.current.style.width = `${e}px`), v.current?.(e));
 		};
 		return window.addEventListener("resize", e), () => window.removeEventListener("resize", e);
-	}, [o, y]), /* @__PURE__ */ G(he, { children: [/* @__PURE__ */ W("div", {
+	}, [o, y]), /* @__PURE__ */ W(ge, { children: [/* @__PURE__ */ U("div", {
 		ref: u,
-		className: `flex h-full min-w-0 shrink-0 flex-col overflow-x-hidden border-r ${a}`,
+		className: `flex h-full min-w-0 shrink-0 flex-col overflow-x-hidden border-r bg-background ${a}`,
 		style: {
 			width: `${o}px`,
 			minWidth: `${t}px`,
@@ -6567,31 +6628,31 @@ var Ll = ({ error: e, episodes: t, filteredEpisodes: n, isLoading: r, multiSelec
 			transition: "width 0.2s ease-out"
 		},
 		children: e
-	}), /* @__PURE__ */ W("div", {
+	}), /* @__PURE__ */ U("div", {
 		ref: d,
 		className: `relative z-10 flex w-1 shrink-0 cursor-col-resize items-center justify-center bg-border transition-colors duration-200 hover:bg-primary/30 ${c ? "bg-primary/60" : ""}`,
 		onMouseDown: S,
 		style: { cursor: "col-resize" },
-		children: /* @__PURE__ */ W("div", { className: "absolute inset-y-0 left-0 w-4" })
+		children: /* @__PURE__ */ U("div", { className: "absolute inset-y-0 left-0 w-4" })
 	})] });
-}, Vl = 16, Hl = 250;
-function Ul(e) {
-	return `calc(${(Math.max(0, Math.min(1, e)) * 100).toFixed(4)}% - ${Vl / 2}px)`;
+}, Wl = 16, Gl = 250;
+function Kl(e) {
+	return `calc(${(Math.max(0, Math.min(1, e)) * 100).toFixed(4)}% - ${Wl / 2}px)`;
 }
-function Wl(e) {
+function ql(e) {
 	let t = Math.floor(e / 60), n = Math.floor(e % 60), r = Math.floor(e % 1 * 100);
 	return `${t}:${n.toString().padStart(2, "0")}.${r.toString().padStart(2, "0")}`;
 }
-var Gl = pe(({ currentFrames: e, fps: t, totalFrames: n, totalTime: r, initialFrameIndex: i, isDisabled: a, setFrameIndex: o, getFrameIndex: s, subscribeFrameIndex: c }) => {
-	let { t: l } = E(), u = H(null), d = H(null), f = H(null), p = H(null), m = H(null), h = H(!1), g = H(0), _ = H(null), v = z((n) => e[n]?.timestamp === void 0 ? n / t : e[n].timestamp, [e, t]), y = z((e) => {
+var Jl = me(({ currentFrames: e, fps: t, totalFrames: n, totalTime: r, initialFrameIndex: i, isDisabled: a, setFrameIndex: o, getFrameIndex: s, subscribeFrameIndex: c }) => {
+	let { t: l } = T(), u = V(null), d = V(null), f = V(null), p = V(null), m = V(null), h = V(!1), g = V(0), _ = V(null), v = R((n) => e[n]?.timestamp === void 0 ? n / t : e[n].timestamp, [e, t]), y = R((e) => {
 		let t = Math.max(0, Math.min(1, e));
-		f.current && (f.current.style.transform = `scaleX(${t})`), p.current && (p.current.style.left = Ul(t));
-	}, []), b = z((e) => {
+		f.current && (f.current.style.transform = `scaleX(${t})`), p.current && (p.current.style.left = Kl(t));
+	}, []), b = R((e) => {
 		m.current && m.current.classList.toggle("cursor-grabbing", e), p.current && p.current.classList.toggle("shadow-md", e);
-	}, []), x = z((e) => {
+	}, []), x = R((e) => {
 		m.current && (m.current.setAttribute("aria-valuenow", String(e)), m.current.setAttribute("aria-valuetext", l("playback.a11y.valuetext", {
-			time: Wl(v(e)),
-			totalTime: Wl(r),
+			time: ql(v(e)),
+			totalTime: ql(r),
 			frame: e,
 			totalFrames: n
 		})));
@@ -6600,26 +6661,26 @@ var Gl = pe(({ currentFrames: e, fps: t, totalFrames: n, totalTime: r, initialFr
 		l,
 		n,
 		r
-	]), S = z((e, t) => {
-		u.current && (u.current.textContent = Wl(v(e))), d.current && (d.current.textContent = String(e)), y(n > 0 ? e / Math.max(1, n - 1) : 0), t && (x(e), g.current = Date.now());
+	]), S = R((e, t) => {
+		u.current && (u.current.textContent = ql(v(e))), d.current && (d.current.textContent = String(e)), y(n > 0 ? e / Math.max(1, n - 1) : 0), t && (x(e), g.current = Date.now());
 	}, [
 		v,
 		n,
 		x,
 		y
-	]), C = z((e, t = !0) => {
+	]), C = R((e, t = !0) => {
 		o(e), S(e, t);
-	}, [o, S]), w = z((e) => {
+	}, [o, S]), w = R((e) => {
 		if (n === 0) return;
 		let t = Math.round(Math.max(0, Math.min(1, e)) * (n - 1));
 		C(t);
-	}, [C, n]), T = z((e) => {
+	}, [C, n]), E = R((e) => {
 		if (!m.current || n === 0) return;
 		let t = m.current.getBoundingClientRect();
 		if (t.width <= 0) return;
 		let r = (e - t.left) / t.width;
 		w(r);
-	}, [w, n]), D = z((e) => {
+	}, [w, n]), D = R((e) => {
 		if (a || n === 0) return;
 		let t = s(), r = null;
 		switch (e.key) {
@@ -6646,11 +6707,11 @@ var Gl = pe(({ currentFrames: e, fps: t, totalFrames: n, totalTime: r, initialFr
 		s,
 		a,
 		n
-	]), O = z((e) => {
+	]), O = R((e) => {
 		if (!m.current || a || n === 0) return;
-		_.current?.(), h.current = !0, b(!0), m.current.setPointerCapture(e.pointerId), T(e.clientX);
+		_.current?.(), h.current = !0, b(!0), m.current.setPointerCapture(e.pointerId), E(e.clientX);
 		let t = (e) => {
-			h.current && T(e.clientX);
+			h.current && E(e.clientX);
 		}, r = () => {
 			window.removeEventListener("pointermove", t), window.removeEventListener("pointerup", i), window.removeEventListener("pointercancel", i), _.current = null;
 		}, i = (e) => {
@@ -6661,25 +6722,25 @@ var Gl = pe(({ currentFrames: e, fps: t, totalFrames: n, totalTime: r, initialFr
 		a,
 		n,
 		b,
-		T
+		E
 	]);
-	B(() => {
+	z(() => {
 		let e = n > 0 ? Math.min(s(), n - 1) : 0;
 		S(e, !0);
 	}, [
 		s,
 		S,
 		n
-	]), B(() => c((e) => {
+	]), z(() => c((e) => {
 		if (h.current) return;
-		let t = Date.now() - g.current >= Hl;
+		let t = Date.now() - g.current >= Gl;
 		S(e, t);
-	}), [c, S]), B(() => () => {
+	}), [c, S]), z(() => () => {
 		_.current?.();
 	}, []);
-	let ee = V(() => Wl(v(i)), [v, i]), te = V(() => l("playback.a11y.valuetext", {
-		time: Wl(v(i)),
-		totalTime: Wl(r),
+	let ee = B(() => ql(v(i)), [v, i]), te = B(() => l("playback.a11y.valuetext", {
+		time: ql(v(i)),
+		totalTime: ql(r),
 		frame: i,
 		totalFrames: n
 	}), [
@@ -6689,16 +6750,16 @@ var Gl = pe(({ currentFrames: e, fps: t, totalFrames: n, totalTime: r, initialFr
 		n,
 		r
 	]), ne = "text-xs font-mono font-semibold tabular-nums whitespace-nowrap text-foreground", k = "text-[10px] font-mono tabular-nums text-muted-foreground";
-	return /* @__PURE__ */ G("div", {
+	return /* @__PURE__ */ W("div", {
 		className: "flex-1 flex flex-col justify-center gap-1.5 px-2",
-		children: [/* @__PURE__ */ G("div", {
+		children: [/* @__PURE__ */ W("div", {
 			className: "flex items-end justify-between gap-4",
-			children: [/* @__PURE__ */ W("div", {
+			children: [/* @__PURE__ */ U("div", {
 				className: "flex min-w-0 flex-col justify-end",
-				children: /* @__PURE__ */ G("div", {
+				children: /* @__PURE__ */ W("div", {
 					className: "flex items-baseline gap-1.5",
 					title: l("playback.progress"),
-					children: [/* @__PURE__ */ W("span", {
+					children: [/* @__PURE__ */ U("span", {
 						ref: u,
 						className: ne,
 						style: {
@@ -6706,17 +6767,17 @@ var Gl = pe(({ currentFrames: e, fps: t, totalFrames: n, totalTime: r, initialFr
 							display: "inline-block"
 						},
 						children: ee
-					}), /* @__PURE__ */ G("span", {
+					}), /* @__PURE__ */ W("span", {
 						className: k,
-						children: ["/ ", Wl(r)]
+						children: ["/ ", ql(r)]
 					})]
 				})
-			}), /* @__PURE__ */ W("div", {
+			}), /* @__PURE__ */ U("div", {
 				className: "flex min-w-[96px] flex-col items-end justify-end",
-				children: /* @__PURE__ */ G("div", {
+				children: /* @__PURE__ */ W("div", {
 					className: "flex items-baseline gap-1.5",
 					title: l("units.frame"),
-					children: [/* @__PURE__ */ W("span", {
+					children: [/* @__PURE__ */ U("span", {
 						ref: d,
 						className: ne,
 						style: {
@@ -6725,13 +6786,13 @@ var Gl = pe(({ currentFrames: e, fps: t, totalFrames: n, totalTime: r, initialFr
 							textAlign: "right"
 						},
 						children: i
-					}), /* @__PURE__ */ G("span", {
+					}), /* @__PURE__ */ W("span", {
 						className: k,
 						children: ["/ ", n]
 					})]
 				})
 			})]
-		}), /* @__PURE__ */ G("div", {
+		}), /* @__PURE__ */ W("div", {
 			ref: m,
 			className: "relative h-1.5 w-full cursor-pointer rounded-full bg-primary/20 touch-none",
 			onPointerDown: O,
@@ -6744,7 +6805,7 @@ var Gl = pe(({ currentFrames: e, fps: t, totalFrames: n, totalTime: r, initialFr
 			"aria-valuemax": Math.max(0, n - 1),
 			"aria-valuenow": i,
 			"aria-valuetext": te,
-			children: [/* @__PURE__ */ W("div", {
+			children: [/* @__PURE__ */ U("div", {
 				ref: f,
 				className: "absolute h-full rounded-full bg-primary pointer-events-none",
 				style: {
@@ -6752,50 +6813,50 @@ var Gl = pe(({ currentFrames: e, fps: t, totalFrames: n, totalTime: r, initialFr
 					transform: `scaleX(${n > 1 ? i / (n - 1) : 0})`,
 					transformOrigin: "left center"
 				}
-			}), /* @__PURE__ */ W("div", {
+			}), /* @__PURE__ */ U("div", {
 				ref: p,
 				className: "absolute left-0 top-1/2 h-4 w-4 rounded-full border border-primary/50 bg-background transition-shadow will-change-transform hover:shadow-md",
 				style: {
-					left: Ul(n > 1 ? i / (n - 1) : 0),
+					left: Kl(n > 1 ? i / (n - 1) : 0),
 					transform: "translateY(-50%)"
 				}
 			})]
 		})]
 	});
 });
-Gl.displayName = "PlaybackProgressSlider";
+Jl.displayName = "PlaybackProgressSlider";
 //#endregion
 //#region src/react/components/Playback/PlaybackBar.tsx
-var Kl = () => {
-	let { t: e } = E(), { currentFrames: t, currentFrameIndex: n, setFrameIndex: a, isPlaying: o, setPlaying: s, playbackMode: c, setPlaybackMode: l, playbackSpeed: u, setPlaybackSpeed: d } = x(), { info: p, subscribeFrameIndex: m, getFrameIndex: h, isLoading: g } = N(), { selectedEpisodeIndex: _ } = te(), { tasks: y } = ol(), b = y.find((e) => e.phase !== "ready" && e.phase !== "idle" && e.phase !== "error"), S = t.length, w = p?.fps || 30, T = H(null), D = H(!1);
-	B(() => {
-		let e = `${_}-${S}`;
-		Zc({
-			totalFrames: S,
-			isLoading: g,
+var Yl = () => {
+	let { t: e } = T(), { currentFrames: t, currentFrameIndex: r, setFrameIndex: a, isPlaying: o, setPlaying: s, playbackMode: c, setPlaybackMode: u, playbackSpeed: f, setPlaybackSpeed: p } = S(), { info: m, subscribeFrameIndex: h, getFrameIndex: g, isLoading: _ } = N(), { selectedEpisodeIndex: y } = ne(), { tasks: b } = ll(), C = b.find((e) => e.phase !== "ready" && e.phase !== "idle" && e.phase !== "error"), w = t.length, E = m?.fps || 30, D = V(null), O = V(!1);
+	z(() => {
+		let e = `${y}-${w}`;
+		el({
+			totalFrames: w,
+			isLoading: _,
 			isPlaying: o,
-			userPaused: D.current,
+			userPaused: O.current,
 			currentId: e,
-			lastAutoPlayId: T.current
-		}) && (T.current = e, s(!0));
+			lastAutoPlayId: D.current
+		}) && (D.current = e, s(!0));
 	}, [
-		S,
-		g,
+		w,
+		_,
 		o,
 		s,
-		_
-	]), B(() => {
-		D.current = !1;
-	}, [_]), B(() => {
-		g && (T.current = null);
-	}, [g]);
+		y
+	]), z(() => {
+		O.current = !1;
+	}, [y]), z(() => {
+		_ && (D.current = null);
+	}, [_]);
 	let ee = () => {
-		l(c === "sequential" ? "shuffle" : c === "shuffle" ? "loop" : "sequential");
-	}, ne = () => {
+		u(c === "sequential" ? "shuffle" : c === "shuffle" ? "loop" : "sequential");
+	}, te = () => {
 		switch (c) {
-			case "loop": return /* @__PURE__ */ W(Ls, { className: "h-4 w-4" });
-			case "shuffle": return /* @__PURE__ */ W(zs, { className: "h-4 w-4" });
-			case "sequential": return /* @__PURE__ */ W(Rs, { className: "h-4 w-4" });
+			case "loop": return /* @__PURE__ */ U(Ls, { className: "h-4 w-4" });
+			case "shuffle": return /* @__PURE__ */ U(zs, { className: "h-4 w-4" });
+			case "sequential": return /* @__PURE__ */ U(Rs, { className: "h-4 w-4" });
 		}
 	}, k = [
 		.25,
@@ -6804,478 +6865,478 @@ var Kl = () => {
 		2,
 		4
 	], A = () => {
-		let e = k.indexOf(u), t = k[(e + 1) % k.length];
-		d(t);
+		let e = k.indexOf(f), t = k[(e + 1) % k.length];
+		p(t);
 	}, re = () => {
 		switch (c) {
 			case "loop": return e("playback.mode.loop");
 			case "shuffle": return e("playback.mode.shuffle");
 			case "sequential": return e("playback.mode.sequential");
 		}
-	}, j = V(() => S === 0 ? 0 : t[S - 1]?.timestamp === void 0 ? S / w : t[S - 1].timestamp, [
-		S,
+	}, j = B(() => w === 0 ? 0 : t[w - 1]?.timestamp === void 0 ? w / E : t[w - 1].timestamp, [
+		w,
 		t,
-		w
-	]), ie = z(() => {
+		E
+	]), ie = R(() => {
 		let e = !o;
-		D.current = !e, s(e);
+		O.current = !e, s(e);
 	}, [o, s]);
-	return S === 0 && !g && !b ? /* @__PURE__ */ W("div", {
+	return w === 0 && !_ && !C ? /* @__PURE__ */ U("div", {
 		className: "h-16 border-t bg-background/50 px-6 flex items-center justify-center text-muted-foreground italic text-sm",
 		children: e("playback.noData")
-	}) : g || b ? /* @__PURE__ */ G("div", {
-		className: "h-16 border-t bg-background px-4 flex items-center gap-4 animate-pulse motion-reduce:animate-none pointer-events-none opacity-60",
+	}) : _ || C ? /* @__PURE__ */ W("div", {
+		className: "h-16 border-t bg-background text-foreground px-4 flex items-center gap-4 animate-pulse motion-reduce:animate-none pointer-events-none opacity-60",
 		role: "status",
 		"aria-live": "polite",
-		"aria-label": b?.message || e("common.loading"),
+		"aria-label": C?.message || e("common.loading"),
 		children: [
-			/* @__PURE__ */ G("div", {
+			/* @__PURE__ */ W("div", {
 				className: "flex items-center gap-1",
 				children: [
-					/* @__PURE__ */ W("div", { className: "h-8 w-8 rounded bg-muted" }),
-					/* @__PURE__ */ W("div", { className: "h-8 w-12 rounded bg-muted" }),
-					/* @__PURE__ */ W("div", { className: "h-8 w-8 rounded bg-muted" }),
-					/* @__PURE__ */ W("div", { className: "h-9 w-9 rounded-full bg-muted" }),
-					/* @__PURE__ */ W("div", { className: "h-8 w-8 rounded bg-muted" })
+					/* @__PURE__ */ U("div", { className: "h-8 w-8 rounded bg-muted" }),
+					/* @__PURE__ */ U("div", { className: "h-8 w-12 rounded bg-muted" }),
+					/* @__PURE__ */ U("div", { className: "h-8 w-8 rounded bg-muted" }),
+					/* @__PURE__ */ U("div", { className: "h-9 w-9 rounded-full bg-muted" }),
+					/* @__PURE__ */ U("div", { className: "h-8 w-8 rounded bg-muted" })
 				]
 			}),
-			/* @__PURE__ */ W($s, {
+			/* @__PURE__ */ U($s, {
 				orientation: "vertical",
 				className: "h-8 mx-2 bg-border"
 			}),
-			/* @__PURE__ */ G("div", {
+			/* @__PURE__ */ W("div", {
 				className: "flex-1 flex flex-col justify-center gap-2",
-				children: [/* @__PURE__ */ G("div", {
+				children: [/* @__PURE__ */ W("div", {
 					className: "flex justify-between",
-					children: [/* @__PURE__ */ W("div", { className: "h-3 w-24 bg-muted rounded" }), /* @__PURE__ */ W("div", { className: "h-3 w-16 bg-muted rounded" })]
-				}), /* @__PURE__ */ W("div", { className: "h-1.5 w-full bg-muted rounded-full" })]
+					children: [/* @__PURE__ */ U("div", { className: "h-3 w-24 bg-muted rounded" }), /* @__PURE__ */ U("div", { className: "h-3 w-16 bg-muted rounded" })]
+				}), /* @__PURE__ */ U("div", { className: "h-1.5 w-full bg-muted rounded-full" })]
 			}),
-			/* @__PURE__ */ W($s, {
+			/* @__PURE__ */ U($s, {
 				orientation: "vertical",
 				className: "h-8 mx-2 bg-border"
 			}),
-			/* @__PURE__ */ G("div", {
+			/* @__PURE__ */ W("div", {
 				className: "flex items-center gap-4",
-				children: [/* @__PURE__ */ W("div", { className: "h-8 w-12 bg-muted rounded" }), /* @__PURE__ */ W("div", { className: "h-8 w-16 bg-muted rounded" })]
+				children: [/* @__PURE__ */ U("div", { className: "h-8 w-12 bg-muted rounded" }), /* @__PURE__ */ U("div", { className: "h-8 w-16 bg-muted rounded" })]
 			})
 		]
-	}) : /* @__PURE__ */ G("div", {
-		className: "h-16 border-t bg-background px-4 flex items-center gap-4",
+	}) : /* @__PURE__ */ W("div", {
+		className: "h-16 border-t bg-background text-foreground px-4 flex items-center gap-4",
 		children: [
-			/* @__PURE__ */ G("div", {
+			/* @__PURE__ */ W("div", {
 				className: "flex items-center gap-1",
 				children: [
-					/* @__PURE__ */ G(C, { children: [/* @__PURE__ */ W(I, {
-						render: /* @__PURE__ */ W(f, {
+					/* @__PURE__ */ W(v, { children: [/* @__PURE__ */ U(x, {
+						render: /* @__PURE__ */ U(i, {
 							variant: "ghost",
 							size: "icon",
 							className: `h-8 w-8 ${c === "sequential" ? "text-muted-foreground" : "text-primary"} hover:text-foreground`,
 							onClick: ee,
-							disabled: g,
+							disabled: _,
 							"aria-label": e("playback.mode.toggle")
 						}),
-						children: ne()
-					}), /* @__PURE__ */ W(v, { children: re() })] }),
-					/* @__PURE__ */ G(C, { children: [/* @__PURE__ */ G(I, {
-						render: /* @__PURE__ */ W(f, {
+						children: te()
+					}), /* @__PURE__ */ U(ce, { children: re() })] }),
+					/* @__PURE__ */ W(v, { children: [/* @__PURE__ */ W(x, {
+						render: /* @__PURE__ */ U(i, {
 							variant: "ghost",
 							size: "sm",
 							className: "h-8 px-2 font-mono text-xs",
 							onClick: A,
-							disabled: g || S === 0,
+							disabled: _ || w === 0,
 							"aria-label": e("playback.speed")
 						}),
-						children: [u, "x"]
-					}), /* @__PURE__ */ W(v, { children: e("playback.speed") })] }),
-					/* @__PURE__ */ G(C, { children: [/* @__PURE__ */ W(I, {
-						render: /* @__PURE__ */ W(f, {
+						children: [f, "x"]
+					}), /* @__PURE__ */ U(ce, { children: e("playback.speed") })] }),
+					/* @__PURE__ */ W(v, { children: [/* @__PURE__ */ U(x, {
+						render: /* @__PURE__ */ U(i, {
 							variant: "ghost",
 							size: "icon",
 							className: "h-8 w-8",
-							onClick: () => a(Math.max(0, h() - 1)),
-							disabled: g,
+							onClick: () => a(Math.max(0, g() - 1)),
+							disabled: _,
 							"aria-label": e("panels.keyboardShortcuts.prevFrame.action")
 						}),
-						children: /* @__PURE__ */ W(As, { className: "h-4 w-4" })
-					}), /* @__PURE__ */ W(v, { children: e("panels.keyboardShortcuts.prevFrame.action") })] }),
-					/* @__PURE__ */ G(C, { children: [/* @__PURE__ */ W(I, {
-						render: /* @__PURE__ */ W(f, {
+						children: /* @__PURE__ */ U(As, { className: "h-4 w-4" })
+					}), /* @__PURE__ */ U(ce, { children: e("panels.keyboardShortcuts.prevFrame.action") })] }),
+					/* @__PURE__ */ W(v, { children: [/* @__PURE__ */ U(x, {
+						render: /* @__PURE__ */ U(i, {
 							variant: "default",
 							size: "icon",
 							className: "h-9 w-9 rounded-full transition-all",
 							onClick: ie,
-							disabled: g || S === 0,
+							disabled: _ || w === 0,
 							"aria-label": e("panels.keyboardShortcuts.playPause.action")
 						}),
-						children: o ? /* @__PURE__ */ W(r, { className: "h-4 w-4" }) : /* @__PURE__ */ W(i, { className: "h-4 w-4 fill-current" })
-					}), /* @__PURE__ */ W(v, { children: e("panels.keyboardShortcuts.playPause.action") })] }),
-					/* @__PURE__ */ G(C, { children: [/* @__PURE__ */ W(I, {
-						render: /* @__PURE__ */ W(f, {
+						children: o ? /* @__PURE__ */ U(d, { className: "h-4 w-4" }) : /* @__PURE__ */ U(n, { className: "h-4 w-4 fill-current" })
+					}), /* @__PURE__ */ U(ce, { children: e("panels.keyboardShortcuts.playPause.action") })] }),
+					/* @__PURE__ */ W(v, { children: [/* @__PURE__ */ U(x, {
+						render: /* @__PURE__ */ U(i, {
 							variant: "ghost",
 							size: "icon",
 							className: "h-8 w-8",
-							onClick: () => a(Math.min(S - 1, h() + 1)),
-							disabled: g,
+							onClick: () => a(Math.min(w - 1, g() + 1)),
+							disabled: _,
 							"aria-label": e("panels.keyboardShortcuts.nextFrame.action")
 						}),
-						children: /* @__PURE__ */ W(O, { className: "h-4 w-4" })
-					}), /* @__PURE__ */ W(v, { children: e("panels.keyboardShortcuts.nextFrame.action") })] })
+						children: /* @__PURE__ */ U(l, { className: "h-4 w-4" })
+					}), /* @__PURE__ */ U(ce, { children: e("panels.keyboardShortcuts.nextFrame.action") })] })
 				]
 			}),
-			/* @__PURE__ */ W($s, {
+			/* @__PURE__ */ U($s, {
 				orientation: "vertical",
 				className: "h-8 mx-2 bg-border"
 			}),
-			/* @__PURE__ */ W(Gl, {
+			/* @__PURE__ */ U(Jl, {
 				currentFrames: t,
-				fps: w,
-				totalFrames: S,
+				fps: E,
+				totalFrames: w,
 				totalTime: j,
-				initialFrameIndex: n,
-				isDisabled: g || !!b,
+				initialFrameIndex: r,
+				isDisabled: _ || !!C,
 				setFrameIndex: a,
-				getFrameIndex: h,
-				subscribeFrameIndex: m
+				getFrameIndex: g,
+				subscribeFrameIndex: h
 			}),
-			/* @__PURE__ */ W($s, {
+			/* @__PURE__ */ U($s, {
 				orientation: "vertical",
 				className: "h-8 mx-2 bg-border"
 			}),
-			/* @__PURE__ */ G("div", {
+			/* @__PURE__ */ W("div", {
 				className: "flex items-center gap-4 pr-2",
-				children: [/* @__PURE__ */ G("div", {
+				children: [/* @__PURE__ */ W("div", {
 					className: "flex flex-col items-end",
-					children: [/* @__PURE__ */ W("span", {
+					children: [/* @__PURE__ */ U("span", {
 						className: "text-[9px] font-bold text-muted-foreground/60 uppercase tracking-wider",
 						children: e("playback.meta.fps")
-					}), /* @__PURE__ */ W(Ds, {
+					}), /* @__PURE__ */ U(Ds, {
 						variant: "secondary",
 						className: "text-[10px] h-4.5 px-1 py-0 font-mono",
-						children: w
+						children: E
 					})]
-				}), /* @__PURE__ */ G("div", {
+				}), /* @__PURE__ */ W("div", {
 					className: "flex flex-col items-end min-w-[60px]",
-					children: [/* @__PURE__ */ W("span", {
+					children: [/* @__PURE__ */ U("span", {
 						className: "text-[9px] font-bold text-muted-foreground/60 uppercase tracking-wider",
 						children: e("playback.meta.version")
-					}), /* @__PURE__ */ W("span", {
+					}), /* @__PURE__ */ U("span", {
 						className: "text-[10px] font-mono text-foreground/80",
-						children: p?.codebase_version || "N/A"
+						children: m?.codebase_version || "N/A"
 					})]
 				})]
 			})
 		]
 	});
-}, ql = ({ title: t, message: n, onRetry: r, errorDetail: i }) => {
-	let { t: a } = E(), { reset: o } = N(), [s, c] = U(!1);
-	return /* @__PURE__ */ G("div", {
+}, Xl = ({ title: e, message: t, onRetry: n, errorDetail: a }) => {
+	let { t: o } = T(), { reset: s } = N(), [c, l] = H(!1);
+	return /* @__PURE__ */ W("div", {
 		className: "flex flex-col items-center justify-center p-8 text-center max-w-md mx-auto h-full space-y-6",
 		role: "alert",
 		"aria-live": "assertive",
 		children: [
-			/* @__PURE__ */ W("div", {
+			/* @__PURE__ */ U("div", {
 				className: "bg-destructive/10 p-4 rounded-full",
-				children: /* @__PURE__ */ W(js, { className: "h-12 w-12 text-destructive" })
+				children: /* @__PURE__ */ U(js, { className: "h-12 w-12 text-destructive" })
 			}),
-			/* @__PURE__ */ G("div", {
+			/* @__PURE__ */ W("div", {
 				className: "space-y-2",
-				children: [/* @__PURE__ */ W("h3", {
+				children: [/* @__PURE__ */ U("h3", {
 					className: "text-xl font-bold text-foreground",
-					children: t || a("common.error")
-				}), /* @__PURE__ */ W("p", {
+					children: e || o("common.error")
+				}), /* @__PURE__ */ U("p", {
 					className: "text-muted-foreground",
-					children: n || a("errors.generic")
+					children: t || o("errors.generic")
 				})]
 			}),
-			i && /* @__PURE__ */ G("div", {
+			a && /* @__PURE__ */ W("div", {
 				className: "w-full bg-muted/50 rounded-lg p-3 text-left overflow-hidden",
-				children: [/* @__PURE__ */ G("div", {
+				children: [/* @__PURE__ */ W("div", {
 					className: "flex justify-between items-center mb-2",
-					children: [/* @__PURE__ */ W("span", {
+					children: [/* @__PURE__ */ U("span", {
 						className: "text-[10px] font-bold text-muted-foreground uppercase tracking-wider",
-						children: a("errors.details")
-					}), /* @__PURE__ */ W(f, {
+						children: o("errors.details")
+					}), /* @__PURE__ */ U(i, {
 						variant: "ghost",
 						size: "icon",
 						className: "h-6 w-6",
 						onClick: () => {
-							i && (navigator.clipboard.writeText(i), c(!0), setTimeout(() => c(!1), 2e3));
+							a && (navigator.clipboard.writeText(a), l(!0), setTimeout(() => l(!1), 2e3));
 						},
-						"aria-label": s ? a("common.copied", "Copied") : a("common.copy"),
-						title: a("common.copy"),
-						children: s ? /* @__PURE__ */ W(l, { className: "h-3 w-3 text-green-500" }) : /* @__PURE__ */ W(e, { className: "h-3 w-3" })
+						"aria-label": c ? o("common.copied", "Copied") : o("common.copy"),
+						title: o("common.copy"),
+						children: c ? /* @__PURE__ */ U(u, { className: "h-3 w-3 text-green-500" }) : /* @__PURE__ */ U(ee, { className: "h-3 w-3" })
 					})]
-				}), /* @__PURE__ */ W("pre", {
+				}), /* @__PURE__ */ U("pre", {
 					className: "text-xs font-mono text-muted-foreground break-all whitespace-pre-wrap max-h-32 overflow-y-auto",
-					children: i
+					children: a
 				})]
 			}),
-			/* @__PURE__ */ G("div", {
+			/* @__PURE__ */ W("div", {
 				className: "flex flex-wrap items-center justify-center gap-3 w-full",
-				children: [r && /* @__PURE__ */ G(f, {
-					onClick: r,
+				children: [n && /* @__PURE__ */ W(i, {
+					onClick: n,
 					variant: "default",
 					className: "gap-2",
-					children: [/* @__PURE__ */ W(m, { className: "h-4 w-4" }), a("common.retry")]
-				}), /* @__PURE__ */ G(f, {
-					onClick: o,
+					children: [/* @__PURE__ */ U(r, { className: "h-4 w-4" }), o("common.retry")]
+				}), /* @__PURE__ */ W(i, {
+					onClick: s,
 					variant: "outline",
 					className: "gap-2",
-					children: [/* @__PURE__ */ W(Ns, { className: "h-4 w-4" }), a("navbar.goHome")]
+					children: [/* @__PURE__ */ U(Ns, { className: "h-4 w-4" }), o("navbar.goHome")]
 				})]
 			})
 		]
 	});
-}, Jl = R.lazy(async () => ({ default: (await import("./DockviewLayout-0MP_kiQC.js")).DockviewLayout }));
-function Yl({ showSidebar: e = !0, showPlaybackBar: t = !0, className: n, sidebar: r, emptyState: i, sidebarHeader: a, showToaster: o = !0, onRetry: s }) {
-	let { t: c } = E(), { episodes: l, info: u, clearError: d, error: f } = N(), { tasks: p } = ol(), m = u !== null && l.length > 0, h = m && e && !!r, g = p.find((e) => e.phase !== "ready" && e.phase !== "idle" && e.phase !== "error"), _ = p.find((e) => e.phase === "error"), v = s ?? (() => {
+}, Zl = L.lazy(async () => ({ default: (await import("./DockviewLayout-DeRL52Yo.js")).DockviewLayout }));
+function Ql({ showSidebar: e = !0, showPlaybackBar: t = !0, className: n, sidebar: r, emptyState: i, sidebarHeader: a, showToaster: o = !0, onRetry: s }) {
+	let { t: c } = T(), { episodes: l, info: u, clearError: d, error: f } = N(), { tasks: p } = ll(), m = u !== null && l.length > 0, h = m && e && !!r, g = p.find((e) => e.phase !== "ready" && e.phase !== "idle" && e.phase !== "error"), _ = p.find((e) => e.phase === "error"), v = s ?? (() => {
 		d();
 	});
-	return /* @__PURE__ */ G("div", {
-		className: A("flex flex-col h-full w-full overflow-hidden", n),
-		children: [/* @__PURE__ */ G("div", {
+	return /* @__PURE__ */ W("div", {
+		className: D("flex flex-col h-full w-full overflow-hidden", n),
+		children: [/* @__PURE__ */ W("div", {
 			className: "flex flex-1 overflow-hidden",
-			children: [h && /* @__PURE__ */ G(Bl, {
+			children: [h && /* @__PURE__ */ W(Ul, {
 				defaultWidth: 256,
 				minWidth: 200,
 				maxWidth: 600,
 				className: "min-w-0 overflow-hidden",
-				children: [a, /* @__PURE__ */ W("div", {
+				children: [a, /* @__PURE__ */ U("div", {
 					className: "flex flex-1 min-h-0 flex-col overflow-hidden",
 					children: r
 				})]
-			}), /* @__PURE__ */ G("div", {
+			}), /* @__PURE__ */ W("div", {
 				className: "flex-1 flex flex-col min-w-0",
-				children: [/* @__PURE__ */ W("div", {
-					className: "flex-1 overflow-hidden relative",
-					children: u ? /* @__PURE__ */ G(he, { children: [f ? /* @__PURE__ */ W("div", {
+				children: [/* @__PURE__ */ U("div", {
+					className: "flex-1 min-w-0 min-h-0 overflow-hidden relative",
+					children: u ? /* @__PURE__ */ W(ge, { children: [f ? /* @__PURE__ */ U("div", {
 						className: "absolute inset-x-0 top-0 z-10 px-3 py-2 text-xs bg-destructive/10 text-destructive border-b border-destructive/20",
 						children: f
-					}) : null, /* @__PURE__ */ W(de, {
-						fallback: /* @__PURE__ */ W("div", {
+					}) : null, /* @__PURE__ */ U(fe, {
+						fallback: /* @__PURE__ */ U("div", {
 							className: "w-full h-full flex items-center justify-center text-muted-foreground bg-background/50 backdrop-blur-sm z-50",
 							role: "status",
 							"aria-live": "polite",
-							children: /* @__PURE__ */ G("div", {
+							children: /* @__PURE__ */ W("div", {
 								className: "flex flex-col items-center gap-4",
-								children: [/* @__PURE__ */ G("div", {
+								children: [/* @__PURE__ */ W("div", {
 									className: "flex items-center gap-3",
-									children: [/* @__PURE__ */ W("div", {
+									children: [/* @__PURE__ */ U("div", {
 										className: "h-5 w-5 border-2 border-primary border-t-transparent rounded-full animate-spin motion-reduce:animate-none",
 										"aria-hidden": !0
-									}), /* @__PURE__ */ W("span", {
+									}), /* @__PURE__ */ U("span", {
 										className: "text-sm font-medium",
 										children: c("common.loadingLayout")
 									})]
-								}), /* @__PURE__ */ W("p", {
+								}), /* @__PURE__ */ U("p", {
 									className: "text-xs text-muted-foreground",
 									children: c("common.firstLoadNote")
 								})]
 							})
 						}),
-						children: /* @__PURE__ */ W(Jl, {})
-					})] }) : g ? /* @__PURE__ */ W("div", {
+						children: /* @__PURE__ */ U(Zl, {})
+					})] }) : g ? /* @__PURE__ */ U("div", {
 						className: "w-full h-full flex items-center justify-center text-muted-foreground",
 						role: "status",
 						"aria-live": "polite",
-						children: /* @__PURE__ */ G("div", {
+						children: /* @__PURE__ */ W("div", {
 							className: "flex flex-col items-center gap-4 max-w-md text-center px-6",
-							children: [/* @__PURE__ */ W("div", {
+							children: [/* @__PURE__ */ U("div", {
 								className: "h-10 w-10 border-4 border-primary border-t-transparent rounded-full animate-spin motion-reduce:animate-none",
 								"aria-hidden": !0
-							}), /* @__PURE__ */ G("div", {
+							}), /* @__PURE__ */ W("div", {
 								className: "space-y-2",
-								children: [/* @__PURE__ */ W("h3", {
+								children: [/* @__PURE__ */ U("h3", {
 									className: "text-lg font-semibold text-foreground",
 									children: c(`loading.phase.${g.phase}`)
-								}), /* @__PURE__ */ W("p", {
+								}), /* @__PURE__ */ U("p", {
 									className: "text-sm text-muted-foreground animate-pulse motion-reduce:animate-none",
 									children: g.message || c("common.loading")
 								})]
 							})]
 						})
-					}) : _ ? /* @__PURE__ */ W(ql, {
+					}) : _ ? /* @__PURE__ */ U(Xl, {
 						title: c("common.error"),
 						message: c("errors.loadFailed"),
 						errorDetail: _.error || void 0,
 						onRetry: v
-					}) : i ?? /* @__PURE__ */ W("div", {
+					}) : i ?? /* @__PURE__ */ U("div", {
 						className: "w-full h-full flex items-center justify-center text-muted-foreground",
 						role: "status",
 						"aria-live": "polite",
-						children: /* @__PURE__ */ W("div", {
+						children: /* @__PURE__ */ U("div", {
 							className: "text-center",
-							children: /* @__PURE__ */ W("p", { children: c("common.loading") })
+							children: /* @__PURE__ */ U("p", { children: c("common.loading") })
 						})
 					})
-				}), t && m && /* @__PURE__ */ W(Kl, {})]
+				}), t && m && /* @__PURE__ */ U(Yl, {})]
 			})]
-		}), o ? /* @__PURE__ */ W(Tl, {}) : null]
+		}), o ? /* @__PURE__ */ U(Ol, {}) : null]
 	});
 }
 //#endregion
 //#region src/react/components/LeRobotViewer.tsx
-function Xl({ dataSource: e, showSidebar: t = !0, showPlaybackBar: n = !0, onFatalError: r, enableKeyboardShortcuts: i = !0, onBack: a, onExport: o }) {
-	let { t: s } = E(), { initialize: c, error: l, isLoading: u, clearError: d } = N();
-	zl(i);
-	let p = H(null), [m, h] = U(null), [g, _] = U(null), [v, y] = U(!1), b = H(null), x = V(() => g ?? (l ? {
+function $l({ dataSource: t, showSidebar: n = !0, showPlaybackBar: r = !0, onFatalError: a, enableKeyboardShortcuts: o = !0, onBack: s, onExport: c }) {
+	let { t: l } = T(), { initialize: u, error: d, isLoading: f, clearError: p } = N();
+	Hl(o);
+	let m = V(null), [h, g] = H(null), [_, v] = H(null), [y, b] = H(!1), x = V(null), S = B(() => _ ?? (d ? {
 		code: "DATASET_LOAD_FAILED",
-		message: l,
+		message: d,
 		recoverable: !0
-	} : null), [l, g]), S = (e) => {
+	} : null), [d, _]), C = (e) => {
 		try {
 			return new URL(e, window.location.href).toString();
 		} catch {
 			return e;
 		}
 	};
-	B(() => {
-		let t = !1;
-		return d(), (async () => {
-			if (_(null), y(!1), typeof e != "string") {
-				h(e);
+	z(() => {
+		let e = !1;
+		return p(), (async () => {
+			if (v(null), b(!1), typeof t != "string") {
+				g(t);
 				return;
 			}
-			let n = e.trim();
+			let n = t.trim();
 			if (!n) {
-				h(null), _({
+				g(null), v({
 					code: "INVALID_DATA_SOURCE",
-					message: `${s("common.error")}: empty dataSource url`,
+					message: `${l("common.error")}: empty dataSource url`,
 					recoverable: !1
 				});
 				return;
 			}
-			let r = S(n);
-			y(!0);
+			let r = C(n);
+			b(!0);
 			try {
-				let e = await Gc(r);
-				if (!e.ok) {
-					h(null), _({
+				let t = await Jc(r);
+				if (!t.ok) {
+					g(null), v({
 						code: "REMOTE_SOURCE_UNAVAILABLE",
-						message: Bc(s, e.failure),
+						message: Vc(l, t.failure),
 						recoverable: !0
 					});
 					return;
 				}
-				let n = fs(r) || e.kind;
+				let n = fs(r) || t.kind;
 				if (!n) {
-					h(null), _({
+					g(null), v({
 						code: "UNSUPPORTED_ARCHIVE",
-						message: s("validation.unsupportedFormat"),
+						message: l("validation.unsupportedFormat"),
 						recoverable: !1
 					});
 					return;
 				}
-				if (t) return;
-				h(gs(r, void 0, n, { accessMode: e.accessMode }));
-			} catch (e) {
-				if (t) return;
-				let n = e instanceof Error ? e.message : String(e);
-				h(null), _({
+				if (e) return;
+				g(gs(r, void 0, n, { accessMode: t.accessMode }));
+			} catch (t) {
+				if (e) return;
+				let n = t instanceof Error ? t.message : String(t);
+				g(null), v({
 					code: "REMOTE_SOURCE_UNAVAILABLE",
 					message: n,
 					recoverable: !0,
-					cause: e
+					cause: t
 				});
 			} finally {
-				t || y(!1);
+				e || b(!1);
 			}
 		})(), () => {
-			t = !0;
+			e = !0;
 		};
 	}, [
-		e,
-		s,
-		d
-	]), B(() => {
-		m && p.current !== m && (p.current = m, c(m));
-	}, [m, c]), B(() => {
-		x || (b.current = null);
-	}, [x]), B(() => {
-		if (!r || !x) return;
-		let e = `${x.code}:${x.message}`;
-		b.current !== e && (b.current = e, r(x));
-	}, [x, r]);
-	let C = z(() => {
-		if (d(), p.current = null, _(null), m) {
-			p.current = m, c(m);
+		t,
+		l,
+		p
+	]), z(() => {
+		h && m.current !== h && (m.current = h, u(h));
+	}, [h, u]), z(() => {
+		S || (x.current = null);
+	}, [S]), z(() => {
+		if (!a || !S) return;
+		let e = `${S.code}:${S.message}`;
+		x.current !== e && (x.current = e, a(S));
+	}, [S, a]);
+	let w = R(() => {
+		if (p(), m.current = null, v(null), h) {
+			m.current = h, u(h);
 			return;
 		}
-		h(null), typeof e != "string" && h(e);
+		g(null), typeof t != "string" && g(t);
 	}, [
-		d,
-		m,
-		c,
-		e
+		p,
+		h,
+		u,
+		t
 	]);
-	if (r && x) return null;
-	let w = a || o ? /* @__PURE__ */ G("div", {
+	if (a && S) return null;
+	let E = s || c ? /* @__PURE__ */ W("div", {
 		className: "flex flex-row items-center justify-between gap-2 h-9 px-2 border-b border-border/30 bg-background/50 backdrop-blur-sm",
-		children: [a ? /* @__PURE__ */ G(f, {
+		children: [s ? /* @__PURE__ */ W(i, {
 			variant: "ghost",
 			size: "sm",
 			className: "h-8 shrink-0 justify-start gap-1.5 rounded-md hover:bg-accent/60 hover:text-foreground transition-all duration-200",
-			onClick: a,
-			"aria-label": s("common.back"),
-			title: s("common.back"),
-			children: [/* @__PURE__ */ W(Os, { className: "h-4 w-4 text-muted-foreground hover:text-foreground transition-colors shrink-0" }), /* @__PURE__ */ W("span", {
+			onClick: s,
+			"aria-label": l("common.back"),
+			title: l("common.back"),
+			children: [/* @__PURE__ */ U(Os, { className: "h-4 w-4 text-muted-foreground hover:text-foreground transition-colors shrink-0" }), /* @__PURE__ */ U("span", {
 				className: "text-xs font-medium truncate",
-				children: s("common.back")
+				children: l("common.back")
 			})]
-		}) : /* @__PURE__ */ W("span", {
+		}) : /* @__PURE__ */ U("span", {
 			className: "flex-1 min-w-0",
 			"aria-hidden": !0
-		}), o ? /* @__PURE__ */ G(f, {
+		}), c ? /* @__PURE__ */ W(i, {
 			variant: "ghost",
 			size: "sm",
 			className: "h-8 shrink-0 justify-end gap-1.5 rounded-md hover:bg-accent/60 hover:text-foreground transition-all duration-200",
-			onClick: o,
-			"aria-label": s("navbar.export", "Export"),
-			title: s("navbar.export", "Export"),
-			children: [/* @__PURE__ */ W(ee, { className: "h-4 w-4 text-muted-foreground hover:text-foreground transition-colors shrink-0" }), /* @__PURE__ */ W("span", {
+			onClick: c,
+			"aria-label": l("navbar.export", "Export"),
+			title: l("navbar.export", "Export"),
+			children: [/* @__PURE__ */ U(e, { className: "h-4 w-4 text-muted-foreground hover:text-foreground transition-colors shrink-0" }), /* @__PURE__ */ U("span", {
 				className: "text-xs font-medium truncate",
-				children: s("navbar.export", "Export")
+				children: l("navbar.export", "Export")
 			})]
-		}) : /* @__PURE__ */ W("span", {
+		}) : /* @__PURE__ */ U("span", {
 			className: "flex-1 min-w-0",
 			"aria-hidden": !0
 		})]
-	}) : null, T = x ? /* @__PURE__ */ W(ql, {
-		title: s("common.error"),
-		message: s("errors.loadFailed"),
-		errorDetail: x.message,
-		onRetry: C
-	}) : /* @__PURE__ */ W("div", {
+	}) : null, D = S ? /* @__PURE__ */ U(Xl, {
+		title: l("common.error"),
+		message: l("errors.loadFailed"),
+		errorDetail: S.message,
+		onRetry: w
+	}) : /* @__PURE__ */ U("div", {
 		className: "w-full h-full flex items-center justify-center text-muted-foreground",
 		role: "status",
 		"aria-live": "polite",
-		children: /* @__PURE__ */ G("div", {
+		children: /* @__PURE__ */ W("div", {
 			className: "flex items-center gap-3",
-			children: [/* @__PURE__ */ W("div", {
+			children: [/* @__PURE__ */ U("div", {
 				className: "h-5 w-5 border-2 border-primary border-t-transparent rounded-full animate-spin motion-reduce:animate-none",
 				"aria-hidden": !0
-			}), /* @__PURE__ */ W("span", {
+			}), /* @__PURE__ */ U("span", {
 				className: "text-sm",
-				children: s(v || u ? "common.initializing" : "common.loading")
+				children: l(y || f ? "common.initializing" : "common.loading")
 			})]
 		})
 	});
-	return /* @__PURE__ */ W(Yl, {
-		showSidebar: t,
-		showPlaybackBar: n,
+	return /* @__PURE__ */ U(Ql, {
+		showSidebar: n,
+		showPlaybackBar: r,
 		showToaster: !1,
-		sidebar: /* @__PURE__ */ W(Rl, {}),
-		sidebarHeader: w,
-		emptyState: T,
-		onRetry: C
+		sidebar: /* @__PURE__ */ U(Vl, {}),
+		sidebarHeader: E,
+		emptyState: D,
+		onRetry: w
 	});
 }
-var Zl = ({ dataSource: e, theme: t, language: n, showSidebar: r = !0, showPlaybackBar: i = !0, className: a, onFatalError: o, enableKeyboardShortcuts: s = !0, onBack: c, onExport: l }) => /* @__PURE__ */ W(Dl, {
+var eu = ({ dataSource: e, theme: t, language: n, showSidebar: r = !0, showPlaybackBar: i = !0, className: a, onFatalError: o, enableKeyboardShortcuts: s = !0, onBack: c, onExport: l }) => /* @__PURE__ */ U(Al, {
 	theme: t,
 	language: n,
 	className: a,
 	showToaster: !0,
-	children: /* @__PURE__ */ W(Xl, {
+	children: /* @__PURE__ */ U($l, {
 		dataSource: e,
 		showSidebar: r,
 		showPlaybackBar: i,
@@ -7287,11 +7348,11 @@ var Zl = ({ dataSource: e, theme: t, language: n, showSidebar: r = !0, showPlayb
 });
 //#endregion
 //#region src/react/public-api.ts
-function Ql(e) {
+function tu(e) {
 	return _s(e);
 }
-function $l(e) {
+function nu(e) {
 	return gs(e);
 }
 //#endregion
-export { Zl as LeRobotViewer, Ql as createArchiveDataSourceFromFile, $l as createArchiveDataSourceFromUrl };
+export { eu as LeRobotViewer, tu as createArchiveDataSourceFromFile, nu as createArchiveDataSourceFromUrl };