@ioai/lerobot-studio 1.0.0 → 1.0.2

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # Changelog
 
+## 1.0.2
+
+### Patch Changes
+
+- 373f5a6: Fix dark theme adaptation for sidebar chrome, dialogs, charts, and scoped studio root tokens.
+
+## 1.0.1
+
+### Patch Changes
+
+- Improve dataset quality report filtering and update published package documentation.
+
 > **Language / 语言：** [English](./CHANGELOG.md) | [简体中文](./CHANGELOG.zh-CN.md)
 
 All notable changes to this project will be documented in this file.

package/README.md

@@ -3,12 +3,13 @@
 [简体中文 — README.zh-CN.md](README.zh-CN.md)
 
 [![CI](https://github.com/ioai-tech/lerobot-studio/actions/workflows/ci.yml/badge.svg)](https://github.com/ioai-tech/lerobot-studio/actions/workflows/ci.yml)
+[![npm version](https://img.shields.io/npm/v/@ioai/lerobot-studio.svg)](https://www.npmjs.com/package/@ioai/lerobot-studio)
 [![License: MIT](https://img.shields.io/badge/License-MIT-blue.svg)](LICENSE)
 [![Docs](https://img.shields.io/badge/docs-VitePress-blue.svg)](https://ioai-tech.github.io/lerobot-studio/)
 
 > Open [LeRobot](https://github.com/huggingface/lerobot) datasets in your browser. View video, charts, and raw data together, or add the same viewer to a React application.
 
-Use it as a standalone site at [lerobot.studio](https://lerobot.studio). The React package is not yet published to npm; until it is available, use the standalone app or build from this repository. Local folders and archives are processed in your browser and are not uploaded to a cloud service. If you open a remote URL, the browser requests data from that URL's server.
+Use it as a standalone site at [lerobot.studio](https://lerobot.studio), or install the [`@ioai/lerobot-studio`](https://www.npmjs.com/package/@ioai/lerobot-studio) React package from npm. Local folders and archives are processed in your browser and are not uploaded to a cloud service. If you open a remote URL, the browser requests data from that URL's server.
 
 <p align="center">
   <img src=".github/assets/lerobot-studio-demo.webp" alt="LeRobot Studio demo — synchronized video, charts, and episode navigation" width="800" />
@@ -77,7 +78,7 @@ docker run --rm -p 8080:8080 lerobot-studio
 
 ## Embedding in React
 
-The React package has not yet been published to npm. Its package name will be `@ioai/lerobot-studio`; until its first registry release, use the standalone app or build from this repository.
+The React package is published on npm as [`@ioai/lerobot-studio`](https://www.npmjs.com/package/@ioai/lerobot-studio). Install it with:
 
 ```bash
 npm install @ioai/lerobot-studio

package/README.zh-CN.md

@@ -3,12 +3,13 @@
 [English — README.md](README.md)
 
 [![CI](https://github.com/ioai-tech/lerobot-studio/actions/workflows/ci.yml/badge.svg)](https://github.com/ioai-tech/lerobot-studio/actions/workflows/ci.yml)
+[![npm version](https://img.shields.io/npm/v/@ioai/lerobot-studio.svg)](https://www.npmjs.com/package/@ioai/lerobot-studio)
 [![License: MIT](https://img.shields.io/badge/License-MIT-blue.svg)](LICENSE)
 [![Docs](https://img.shields.io/badge/docs-VitePress-blue.svg)](https://ioai-tech.github.io/lerobot-studio/)
 
 > 在浏览器中打开 [LeRobot](https://github.com/huggingface/lerobot) 数据集，同时查看视频、图表和原始数据；也可以将同一套查看器加入 React 应用。
 
-你可以直接使用 [lerobot.studio](https://lerobot.studio)。React 包尚未发布到 npm；发布前请使用独立应用或从本仓库构建。本地文件夹和压缩包会在浏览器中处理，不会上传到云端。只有打开远程链接时，浏览器才会向该链接所在的服务器请求数据。
+你可以直接使用 [lerobot.studio](https://lerobot.studio)，也可以通过 npm 安装 [`@ioai/lerobot-studio`](https://www.npmjs.com/package/@ioai/lerobot-studio) 并嵌入 React 应用。本地文件夹和压缩包会在浏览器中处理，不会上传到云端。只有打开远程链接时，浏览器才会向该链接所在的服务器请求数据。
 
 <p align="center">
   <img src=".github/assets/lerobot-studio-demo.webp" alt="LeRobot Studio 演示 — 同步视频、图表与 Episode 浏览" width="800" />
@@ -77,7 +78,7 @@ docker run --rm -p 8080:8080 lerobot-studio
 
 ## 嵌入 React
 
-React 包尚未发布到 npm。其包名为 `@ioai/lerobot-studio`；在首次发布前，请使用独立应用或从本仓库构建。
+React 包已以 [`@ioai/lerobot-studio`](https://www.npmjs.com/package/@ioai/lerobot-studio) 发布到 npm，安装方式：
 
 ```bash
 npm install @ioai/lerobot-studio

package/dist-lib/{DockviewLayout-Bf0kd_q_.js → DockviewLayout-DjLrI3Yt.js}

@@ -1,4 +1,4 @@
-import { $ as e, A as t, B as n, C as r, D as i, E as a, G as o, H as s, I as c, J as l, L as u, M as d, N as f, O as p, P as m, Q as h, R as g, S as _, T as v, V as y, W as b, X as x, Y as S, Z as C, _ as w, at as T, b as E, c as D, ct as O, d as k, dt as A, et as j, f as M, g as N, h as ee, ht as te, it as ne, j as re, k as ie, l as P, mt as F, nt as I, ot as L, pt as R, q as ae, rt as oe, s as se, st as ce, t as le, tt as ue, u as de, ut as fe, w as pe, x as me, y as he, z as ge } from "./react-window-tHOzYrJa.js";
+import { $ as e, A as t, B as n, C as r, D as i, E as a, G as o, H as s, I as c, J as l, L as u, M as d, N as f, O as p, P as m, Q as h, R as g, S as _, T as v, V as y, W as b, X as x, Y as S, Z as C, _ as w, at as T, b as E, c as D, ct as O, d as k, dt as A, et as j, f as M, g as N, h as ee, ht as te, it as ne, j as re, k as ie, l as P, mt as F, nt as I, ot as L, pt as R, q as ae, rt as oe, s as se, st as ce, t as le, tt as ue, u as de, ut as fe, w as pe, x as me, y as he, z as ge } from "./react-window-B1KnRC6j.js";
 import { n as _e } from "./MediaCache-DZ7bEoOY.js";
 import * as z from "react";
 import B, { Component as ve, createContext as V, memo as H, startTransition as ye, useCallback as U, useDeferredValue as be, useEffect as xe, useMemo as W, useRef as G, useState as Se, useSyncExternalStore as Ce } from "react";
@@ -1385,7 +1385,7 @@ function Cr({ className: e, ...t }) {
 function wr({ className: e, children: t, side: n = "right", showCloseButton: r = !0, ...i }) {
 	return /* @__PURE__ */ q(Sr, { children: [/* @__PURE__ */ K(Cr, {}), /* @__PURE__ */ q(s, {
 		"data-slot": "sheet-content",
-		className: F("fixed z-50 flex flex-col gap-4 bg-background shadow-lg transition ease-in-out data-[state=closed]:animate-out data-[state=closed]:duration-300 data-[state=open]:animate-in data-[state=open]:duration-500", n === "right" && "inset-y-0 right-0 h-full w-3/4 border-l data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right sm:max-w-sm", n === "left" && "inset-y-0 left-0 h-full w-3/4 border-r data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left sm:max-w-sm", n === "top" && "inset-x-0 top-0 h-auto border-b data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top", n === "bottom" && "inset-x-0 bottom-0 h-auto border-t data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom", e),
+		className: F("fixed z-50 flex flex-col gap-4 bg-background text-foreground shadow-lg transition ease-in-out data-[state=closed]:animate-out data-[state=closed]:duration-300 data-[state=open]:animate-in data-[state=open]:duration-500", n === "right" && "inset-y-0 right-0 h-full w-3/4 border-l data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right sm:max-w-sm", n === "left" && "inset-y-0 left-0 h-full w-3/4 border-r data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left sm:max-w-sm", n === "top" && "inset-x-0 top-0 h-auto border-b data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top", n === "bottom" && "inset-x-0 bottom-0 h-auto border-t data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom", e),
 		...i,
 		children: [t, r && /* @__PURE__ */ q(y, {
 			className: "absolute top-4 right-4 rounded-xs opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:ring-2 focus:ring-ring focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none data-[state=open]:bg-secondary",
@@ -12281,67 +12281,54 @@ function Gl(e) {
 function Kl(e) {
 	return e.timeline ? `${e.timeline.startSec.toFixed(2)}s - ${e.timeline.endSec.toFixed(2)}s` : null;
 }
-var ql = ({ featureKey: e, metadata: t, translationPrefix: n, className: r }) => {
-	let { t: i } = te();
-	if (!t) return null;
-	let a = [
-		{
-			label: i(`${n}.feature`),
-			value: e,
-			breakAll: !0
-		},
-		{
-			label: i(`${n}.dtype`),
-			value: t.dtype
-		},
+var ql = ({ metadata: e, translationPrefix: t, className: n }) => {
+	let { t: r } = te();
+	if (!e) return null;
+	let i = [
 		{
-			label: i(`${n}.fps`),
-			value: t.fps == null ? null : String(t.fps)
+			label: r(`${t}.fps`),
+			value: e.fps == null ? null : String(e.fps)
 		},
 		{
-			label: i(`${n}.resolution`),
-			value: Gl(t)
+			label: r(`${t}.resolution`),
+			value: Gl(e)
 		},
 		{
-			label: i(`${n}.codec`),
-			value: t.codec
+			label: r(`${t}.codec`),
+			value: e.codec
 		},
 		{
-			label: i(`${n}.pixelFormat`),
-			value: t.pixelFormat
+			label: r(`${t}.pixelFormat`),
+			value: e.pixelFormat
 		},
 		{
-			label: i(`${n}.channels`),
-			value: t.channels == null ? null : String(t.channels)
+			label: r(`${t}.channels`),
+			value: e.channels == null ? null : String(e.channels)
 		},
 		{
-			label: i(`${n}.hasAudio`),
-			value: t.hasAudio == null ? null : t.hasAudio ? i(`${n}.yes`) : i(`${n}.no`)
+			label: r(`${t}.hasAudio`),
+			value: e.hasAudio == null ? null : e.hasAudio ? r(`${t}.yes`) : r(`${t}.no`)
 		},
 		{
-			label: i(`${n}.clipRange`),
-			value: Kl(t)
+			label: r(`${t}.clipRange`),
+			value: Kl(e)
 		}
 	].filter((e) => e.value);
-	return /* @__PURE__ */ q("div", {
-		"aria-hidden": "true",
-		className: F("pointer-events-none absolute left-2 top-2 z-10 flex max-w-[calc(100%-1rem)] items-center gap-2 overflow-hidden whitespace-nowrap rounded-md border border-white/10 bg-black/70 px-2 py-1 text-[10px] text-white opacity-0 shadow-lg backdrop-blur-sm transition-opacity duration-150 group-hover:opacity-100 group-focus-within:opacity-100", r),
-		children: [/* @__PURE__ */ K("p", {
-			className: "shrink-0 font-semibold uppercase tracking-[0.12em] text-white/70",
-			children: i(`${n}.title`)
-		}), /* @__PURE__ */ K("dl", {
-			className: "flex min-w-0 items-center gap-2 overflow-hidden border-l border-white/15 pl-2",
-			children: a.map((e) => /* @__PURE__ */ q("div", {
-				className: F("flex shrink-0 items-baseline gap-1", e.breakAll && "min-w-0 shrink"),
+	return i.length === 0 ? null : /* @__PURE__ */ K("div", {
+		className: F("absolute left-2 top-2 z-10 max-h-[50%] max-w-[min(16rem,calc(100%-1rem))] overflow-y-auto rounded-md border border-white/10 bg-black/70 px-2.5 py-2 text-[11px] text-white opacity-0 shadow-lg backdrop-blur-sm transition-opacity duration-150 group-hover:opacity-100 group-focus-within:opacity-100", n),
+		children: /* @__PURE__ */ K("dl", {
+			className: "flex flex-col gap-1",
+			children: i.map((e) => /* @__PURE__ */ q("div", {
+				className: "grid grid-cols-[auto_1fr] items-baseline gap-x-3 gap-y-0",
 				children: [/* @__PURE__ */ K("dt", {
-					className: "shrink-0 text-white/60",
+					className: "shrink-0 text-white/55",
 					children: e.label
 				}), /* @__PURE__ */ K("dd", {
-					className: F("font-mono tabular-nums", e.breakAll && "min-w-0 max-w-48 truncate"),
+					className: "min-w-0 break-all text-right font-mono tabular-nums text-white/95",
 					children: e.value
 				})]
 			}, e.label))
-		})]
+		})
 	});
 }, Jl = ({ params: e }) => {
 	let { t } = te(), { info: n, dataLoader: r, imageService: i, subscribeFrameIndex: a } = se(), { selectedEpisodeIndex: o } = P(), s = W(() => e?.featureKey ? e.featureKey : M(n) || "observation.images.cam_high", [e?.featureKey, n]), [c, l] = Se(!1), [u, d] = Se(null), [f, p] = Se(!1), [m, h] = Se(null), g = G(null), _ = G(!0), v = G(o), y = G(s), b = G(r), x = G(i), S = G(n), C = G(0), w = G(!1), T = G(null), E = G(!1);
@@ -12437,7 +12424,6 @@ var ql = ({ featureKey: e, metadata: t, translationPrefix: n, className: r }) =>
 		className: "group relative flex h-full w-full items-center justify-center overflow-hidden bg-black",
 		children: [
 			/* @__PURE__ */ K(ql, {
-				featureKey: s,
 				metadata: ee,
 				translationPrefix: "panels.image.debug"
 			}),
@@ -12612,7 +12598,6 @@ var ql = ({ featureKey: e, metadata: t, translationPrefix: n, className: r }) =>
 		className: "group relative flex h-full w-full items-center justify-center overflow-hidden bg-black",
 		children: [
 			/* @__PURE__ */ K(ql, {
-				featureKey: E,
 				metadata: D,
 				translationPrefix: "panels.video.debug"
 			}),
@@ -14828,7 +14813,7 @@ eh.assign = gf, eh.fmtNum = Cd, eh.rangeNum = vd, eh.rangeLog = fd, eh.rangeAsin
 }
 //#endregion
 //#region src/react/lib/chartTheme.ts
-var th = typeof document < "u" ? () => document.querySelector("#lerobot-root") : () => null;
+var th = typeof document < "u" ? () => document.querySelector(".lerobot-root") ?? document.getElementById("lerobot-root") : () => null;
 function nh(e, t, n = "#888") {
 	let r = e ?? (typeof document < "u" ? document.documentElement : null);
 	if (!r) return n;
@@ -16066,7 +16051,7 @@ var Ph = ({ params: e }) => {
 	]);
 	return /* @__PURE__ */ q("div", {
 		ref: f,
-		className: "w-full h-full flex flex-col bg-background overflow-hidden",
+		className: "w-full h-full flex flex-col bg-background text-foreground overflow-hidden",
 		children: [
 			/* @__PURE__ */ q("div", {
 				className: "flex items-center justify-between px-3 py-1.5 border-b bg-muted/20",
@@ -16087,9 +16072,9 @@ var Ph = ({ params: e }) => {
 							children: t("chart.split.open")
 						})]
 					})]
-				}), /* @__PURE__ */ q("div", {
+				}), /* @__PURE__ */ K("div", {
 					className: "flex gap-2 shrink-0 items-center",
-					children: [(_e || z) && /* @__PURE__ */ q(we, { children: [_e && /* @__PURE__ */ q("div", {
+					children: (_e || z) && /* @__PURE__ */ q(we, { children: [_e && /* @__PURE__ */ q("div", {
 						className: "group relative flex items-center gap-1.5 text-[10px] font-medium text-muted-foreground tracking-tight px-1.5 py-0.5 rounded hover:bg-muted/30 transition-colors cursor-pointer",
 						onClick: (e) => {
 							e.stopPropagation(), de(!ue);
@@ -16162,17 +16147,7 @@ var Ph = ({ params: e }) => {
 								children: t("chart.legend.stateAbbr")
 							})
 						]
-					})] }), Ee?.meta?.simplified && /* @__PURE__ */ K("div", {
-						className: "flex items-center ml-2",
-						children: /* @__PURE__ */ K("span", {
-							className: "text-[9px] font-mono text-muted-foreground/60 bg-muted/40 px-1.5 py-0.5 rounded border border-border/50",
-							children: t("chart.sampling.enabled", {
-								originalPoints: Ee.meta.originalPoints,
-								displayedPoints: Ee.meta.displayedPoints,
-								stride: Ee.meta.stride
-							})
-						})
-					})]
+					})] })
 				})]
 			}),
 			/* @__PURE__ */ q("div", {
@@ -16184,7 +16159,7 @@ var Ph = ({ params: e }) => {
 						className: "chart-uplot w-full h-full"
 					}), /* @__PURE__ */ K("div", {
 						ref: g,
-						className: "chart-tooltip pointer-events-auto select-text cursor-text absolute left-3 top-3 z-20 hidden max-w-[420px] rounded-md border bg-background/95 backdrop-blur text-[11px] shadow-lg transition-opacity duration-150",
+						className: "chart-tooltip pointer-events-auto select-text cursor-text absolute left-3 top-3 z-20 hidden max-w-[420px] rounded-md border bg-background/95 text-foreground backdrop-blur text-[11px] shadow-lg transition-opacity duration-150",
 						style: { opacity: 1 }
 					})]
 				}), !Ee && /* @__PURE__ */ K("div", {
@@ -16793,7 +16768,7 @@ var Xh = ({ params: e }) => {
 		p((n) => Fr(n ?? M, e, t));
 	}, [M]), ue = U((e) => _(e), []);
 	return /* @__PURE__ */ q("div", {
-		className: "flex flex-col h-full bg-background overflow-hidden",
+		className: "flex flex-col h-full bg-background text-foreground overflow-hidden",
 		children: [/* @__PURE__ */ K(Jh, {
 			isPaused: v,
 			copied: m,
@@ -16839,7 +16814,7 @@ var Xh = ({ params: e }) => {
 function Zh({ error: e, panelName: t, onRetry: n }) {
 	let { t: i } = te();
 	return /* @__PURE__ */ q("div", {
-		className: "flex flex-col items-center justify-center h-full w-full bg-background p-4 text-center",
+		className: "flex flex-col items-center justify-center h-full w-full bg-background text-foreground p-4 text-center",
 		role: "alert",
 		children: [
 			/* @__PURE__ */ K("div", {
@@ -16850,7 +16825,7 @@ function Zh({ error: e, panelName: t, onRetry: n }) {
 				})
 			}),
 			/* @__PURE__ */ K("h3", {
-				className: "text-sm font-semibold mb-1",
+				className: "text-sm font-semibold mb-1 text-foreground",
 				children: t ? i("panelErrorBoundary.namedTitle", { panelName: t }) : i("panelErrorBoundary.title")
 			}),
 			/* @__PURE__ */ K("p", {

package/dist-lib/lerobot-studio.css

@@ -101,8 +101,10 @@
     --color-amber-500: oklch(76.9% .188 70.08);
     --color-amber-600: oklch(66.6% .179 58.318);
     --color-amber-700: oklch(55.5% .163 48.998);
+    --color-green-400: oklch(79.2% .209 151.711);
     --color-green-500: oklch(72.3% .219 149.579);
     --color-green-600: oklch(62.7% .194 149.214);
+    --color-green-700: oklch(52.7% .154 150.069);
     --color-emerald-400: oklch(76.5% .177 163.223);
     --color-emerald-600: oklch(59.6% .145 163.225);
     --color-sky-100: oklch(95.1% .026 236.824);
@@ -124,7 +126,6 @@
     --container-lg: 32rem;
     --container-xl: 36rem;
     --container-2xl: 42rem;
-    --container-5xl: 64rem;
     --container-6xl: 72rem;
     --text-xs: .75rem;
     --text-xs--line-height: calc(1 / .75);
@@ -1001,6 +1002,10 @@
     max-height: 38vh;
   }
 
+  .lerobot-root .max-h-\[50\%\] {
+    max-height: 50%;
+  }
+
   .lerobot-root .max-h-\[60vh\] {
     max-height: 60vh;
   }
@@ -1117,6 +1122,10 @@
     width: calc(var(--spacing) * 80);
   }
 
+  .lerobot-root .w-\[80vw\] {
+    width: 80vw;
+  }
+
   .lerobot-root .w-\[640px\] {
     width: 640px;
   }
@@ -1133,22 +1142,22 @@
     max-width: var(--container-2xl);
   }
 
-  .lerobot-root .max-w-5xl {
-    max-width: var(--container-5xl);
-  }
-
   .lerobot-root .max-w-6xl {
     max-width: var(--container-6xl);
   }
 
-  .lerobot-root .max-w-48 {
-    max-width: calc(var(--spacing) * 48);
+  .lerobot-root .max-w-\[40vw\] {
+    max-width: 40vw;
   }
 
   .lerobot-root .max-w-\[55\%\] {
     max-width: 55%;
   }
 
+  .lerobot-root .max-w-\[80vw\] {
+    max-width: 80vw;
+  }
+
   .lerobot-root .max-w-\[90vw\] {
     max-width: 90vw;
   }
@@ -1173,14 +1182,14 @@
     max-width: 420px;
   }
 
-  .lerobot-root .max-w-\[calc\(100\%-1rem\)\] {
-    max-width: calc(100% - 1rem);
-  }
-
   .lerobot-root .max-w-\[calc\(100\%-2rem\)\] {
     max-width: calc(100% - 2rem);
   }
 
+  .lerobot-root .max-w-\[min\(16rem\,calc\(100\%-1rem\)\)\] {
+    max-width: min(16rem, 100% - 1rem);
+  }
+
   .lerobot-root .max-w-\[min\(100\%\,280px\)\] {
     max-width: min(100%, 280px);
   }
@@ -1358,6 +1367,10 @@
     grid-template-columns: repeat(3, minmax(0, 1fr));
   }
 
+  .lerobot-root .grid-cols-\[auto_1fr\] {
+    grid-template-columns: auto 1fr;
+  }
+
   .lerobot-root .grid-rows-\[auto_auto\] {
     grid-template-rows: auto auto;
   }
@@ -1497,6 +1510,14 @@
     margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
   }
 
+  .lerobot-root .gap-x-3 {
+    column-gap: calc(var(--spacing) * 3);
+  }
+
+  .lerobot-root .gap-y-0 {
+    row-gap: 0;
+  }
+
   .lerobot-root .self-center {
     align-self: center;
   }
@@ -1733,16 +1754,6 @@
     }
   }
 
-  .lerobot-root .border-white\/15 {
-    border-color: #ffffff26;
-  }
-
-  @supports (color: color-mix(in lab, red, red)) {
-    .lerobot-root .border-white\/15 {
-      border-color: color-mix(in oklab, var(--color-white) 15%, transparent);
-    }
-  }
-
   .lerobot-root .border-t-transparent {
     border-top-color: #0000;
   }
@@ -1999,10 +2010,6 @@
     background-color: #0000;
   }
 
-  .lerobot-root .bg-white {
-    background-color: var(--color-white);
-  }
-
   .lerobot-root .fill-current {
     fill: currentColor;
   }
@@ -2175,10 +2182,6 @@
     padding-bottom: calc(var(--spacing) * 4);
   }
 
-  .lerobot-root .pl-2 {
-    padding-left: calc(var(--spacing) * 2);
-  }
-
   .lerobot-root .pl-4 {
     padding-left: calc(var(--spacing) * 4);
   }
@@ -2320,11 +2323,6 @@
     font-weight: var(--font-weight-semibold);
   }
 
-  .lerobot-root .tracking-\[0\.12em\] {
-    --tw-tracking: .12em;
-    letter-spacing: .12em;
-  }
-
   .lerobot-root .tracking-tight {
     --tw-tracking: var(--tracking-tight);
     letter-spacing: var(--tracking-tight);
@@ -2463,6 +2461,10 @@
     color: var(--color-green-600);
   }
 
+  .lerobot-root .text-green-700 {
+    color: var(--color-green-700);
+  }
+
   .lerobot-root .text-muted-foreground, .lerobot-root .text-muted-foreground\/30 {
     color: var(--muted-foreground);
   }
@@ -2539,23 +2541,23 @@
     color: var(--color-white);
   }
 
-  .lerobot-root .text-white\/60 {
-    color: #fff9;
+  .lerobot-root .text-white\/55 {
+    color: #ffffff8c;
   }
 
   @supports (color: color-mix(in lab, red, red)) {
-    .lerobot-root .text-white\/60 {
-      color: color-mix(in oklab, var(--color-white) 60%, transparent);
+    .lerobot-root .text-white\/55 {
+      color: color-mix(in oklab, var(--color-white) 55%, transparent);
     }
   }
 
-  .lerobot-root .text-white\/70 {
-    color: #ffffffb3;
+  .lerobot-root .text-white\/95 {
+    color: #fffffff2;
   }
 
   @supports (color: color-mix(in lab, red, red)) {
-    .lerobot-root .text-white\/70 {
-      color: color-mix(in oklab, var(--color-white) 70%, transparent);
+    .lerobot-root .text-white\/95 {
+      color: color-mix(in oklab, var(--color-white) 95%, transparent);
     }
   }
 
@@ -3218,7 +3220,7 @@
     }
   }
 
-  .lerobot-root .focus-visible\:ring-ring\/50:focus-visible {
+  .lerobot-root .focus-visible\:ring-ring:focus-visible, .lerobot-root .focus-visible\:ring-ring\/50:focus-visible {
     --tw-ring-color: var(--ring);
   }
 
@@ -3238,6 +3240,11 @@
     }
   }
 
+  .lerobot-root .focus-visible\:ring-offset-2:focus-visible {
+    --tw-ring-offset-width: 2px;
+    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+  }
+
   .lerobot-root .focus-visible\:outline-hidden:focus-visible {
     --tw-outline-style: none;
     outline-style: none;
@@ -3562,6 +3569,10 @@
       display: inline;
     }
 
+    .lerobot-root .sm\:max-w-\[80vw\] {
+      max-width: 80vw;
+    }
+
     .lerobot-root .sm\:max-w-\[90vw\] {
       max-width: 90vw;
     }
@@ -3704,6 +3715,10 @@
     color: var(--color-emerald-400);
   }
 
+  .lerobot-root .dark\:text-green-400:is(.dark *) {
+    color: var(--color-green-400);
+  }
+
   .lerobot-root .dark\:text-green-500:is(.dark *) {
     color: var(--color-green-500);
   }
@@ -8151,8 +8166,8 @@
 }
 
 .lerobot-root .chart-uplot .u-select {
-  background: hsl(var(--primary) / .08);
-  border: 1px solid hsl(var(--primary) / .25);
+  background: color-mix(in oklch, var(--primary) 8%, transparent);
+  border: 1px solid color-mix(in oklch, var(--primary) 25%, transparent);
 }
 
 .lerobot-root .chart-uplot .uplot canvas {
@@ -8161,7 +8176,7 @@
 
 .lerobot-root .chart-tooltip {
   scrollbar-width: thin;
-  scrollbar-color: hsl(var(--muted-foreground) / .55) transparent;
+  scrollbar-color: color-mix(in oklch, var(--muted-foreground) 55%, transparent) transparent;
 }
 
 .lerobot-root .chart-tooltip::-webkit-scrollbar {
@@ -8173,10 +8188,10 @@
 }
 
 .lerobot-root .chart-tooltip::-webkit-scrollbar-thumb {
-  background: hsl(var(--muted-foreground) / .45);
+  background: color-mix(in oklch, var(--muted-foreground) 45%, transparent);
   border-radius: 9999px;
 }
 
 .lerobot-root .chart-tooltip::-webkit-scrollbar-thumb:hover {
-  background: hsl(var(--muted-foreground) / .7);
+  background: color-mix(in oklch, var(--muted-foreground) 70%, transparent);
 }

package/dist-lib/lerobot.es.js

@@ -1,4 +1,4 @@
-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-tHOzYrJa.js";
+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-B1KnRC6j.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";
@@ -3831,7 +3831,7 @@ function Js({ className: e, children: t, showCloseButton: n = !0, ...r }) {
 		"data-slot": "dialog-portal",
 		children: [/* @__PURE__ */ W(qs, {}), /* @__PURE__ */ G(s, {
 			"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),
+			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 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),
 			...r,
 			children: [t, n && /* @__PURE__ */ G(g, {
 				"data-slot": "dialog-close",
@@ -3868,7 +3868,7 @@ function Xs({ className: e, showCloseButton: t = !1, children: n, ...r }) {
 function Zs({ className: e, ...t }) {
 	return /* @__PURE__ */ W(c, {
 		"data-slot": "dialog-title",
-		className: A("text-lg leading-none font-semibold", e),
+		className: A("text-lg leading-none font-semibold text-foreground", e),
 		...t
 	});
 }
@@ -5863,7 +5863,7 @@ var Dl = ({ theme: e, language: t, className: n, children: r, showToaster: i = !
 		forcedLanguage: t,
 		children: a ? /* @__PURE__ */ W("div", {
 			ref: s,
-			className: A("lerobot-root h-full w-full relative", n),
+			className: A("lerobot-root h-full w-full relative bg-background text-foreground", n),
 			children: /* @__PURE__ */ W(El, {
 				theme: e,
 				showToaster: i,
@@ -5872,7 +5872,7 @@ var Dl = ({ theme: e, language: t, className: n, children: r, showToaster: i = !
 			})
 		}) : /* @__PURE__ */ W("div", {
 			ref: s,
-			className: A("lerobot-root h-full w-full", n),
+			className: A("lerobot-root h-full w-full bg-background text-foreground", n),
 			children: /* @__PURE__ */ W(El, {
 				theme: e,
 				showToaster: i,
@@ -6559,7 +6559,7 @@ var Ll = ({ error: e, episodes: t, filteredEpisodes: n, isLoading: r, multiSelec
 		return window.addEventListener("resize", e), () => window.removeEventListener("resize", e);
 	}, [o, y]), /* @__PURE__ */ G(he, { children: [/* @__PURE__ */ W("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`,
@@ -6824,7 +6824,7 @@ var Kl = () => {
 		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",
+		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"),
@@ -6860,7 +6860,7 @@ var Kl = () => {
 			})
 		]
 	}) : /* @__PURE__ */ G("div", {
-		className: "h-16 border-t bg-background px-4 flex items-center gap-4",
+		className: "h-16 border-t bg-background text-foreground px-4 flex items-center gap-4",
 		children: [
 			/* @__PURE__ */ G("div", {
 				className: "flex items-center gap-1",
@@ -7026,7 +7026,7 @@ var Kl = () => {
 			})
 		]
 	});
-}, Jl = R.lazy(async () => ({ default: (await import("./DockviewLayout-Bf0kd_q_.js")).DockviewLayout }));
+}, Jl = R.lazy(async () => ({ default: (await import("./DockviewLayout-DjLrI3Yt.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 ?? (() => {
 		d();

package/dist-lib/{react-window-tHOzYrJa.js → react-window-B1KnRC6j.js}

@@ -3047,6 +3047,9 @@ var hn = {
 				errorsCount: "{{count}} 个错误",
 				warningsCount: "{{count}} 个警告",
 				passedCount: "{{count}} 项通过",
+				filterErrors: "仅显示 {{count}} 个错误",
+				filterWarnings: "仅显示 {{count}} 个警告",
+				filterPassed: "仅显示 {{count}} 项通过检查",
 				close: "关闭",
 				retry: "重试",
 				export: "导出",
@@ -3399,10 +3402,6 @@ var hn = {
 			title: "视频面板",
 			placeholder: "等待加载视频文件...",
 			debug: {
-				title: "媒体调试信息",
-				feature: "Feature",
-				dtype: "类型",
-				shape: "Shape",
 				fps: "FPS",
 				resolution: "分辨率",
 				codec: "编码",
@@ -3418,10 +3417,6 @@ var hn = {
 			title: "图像面板",
 			placeholder: "等待加载图像文件...",
 			debug: {
-				title: "媒体调试信息",
-				feature: "Feature",
-				dtype: "类型",
-				shape: "Shape",
 				fps: "FPS",
 				resolution: "分辨率",
 				codec: "编码",
@@ -3783,6 +3778,9 @@ var hn = {
 				errorsCount: "{{count}} error(s)",
 				warningsCount: "{{count}} warning(s)",
 				passedCount: "{{count}} passed",
+				filterErrors: "Show only {{count}} error(s)",
+				filterWarnings: "Show only {{count}} warning(s)",
+				filterPassed: "Show only {{count}} passed check(s)",
 				close: "Close",
 				retry: "Retry",
 				export: "Export",
@@ -4135,10 +4133,6 @@ var hn = {
 			title: "Video Panel",
 			placeholder: "Waiting for video file...",
 			debug: {
-				title: "Media debug",
-				feature: "Feature",
-				dtype: "DType",
-				shape: "Shape",
 				fps: "FPS",
 				resolution: "Resolution",
 				codec: "Codec",
@@ -4154,10 +4148,6 @@ var hn = {
 			title: "Image Panel",
 			placeholder: "Waiting for image file...",
 			debug: {
-				title: "Media debug",
-				feature: "Feature",
-				dtype: "DType",
-				shape: "Shape",
 				fps: "FPS",
 				resolution: "Resolution",
 				codec: "Codec",
@@ -4491,7 +4481,7 @@ var hn = {
 		},
 		speed: "再生速度"
 	},
-	health: /* @__PURE__ */ JSON.parse("{\"noData\":\"データセットを読み込むとヘルスチェックを表示します\",\"statusErrors\":\"検証でエラーを検出\",\"statusWarnings\":\"検証で警告を検出\",\"statusOk\":\"フォーマットチェック完了\",\"checks\":\"チェック項目\",\"noIssues\":\"問題はありません\",\"fpsInvalid\":\"info.fps が未設定または ≤ 0 です。再生が不正になる可能性があります。\",\"zeroLengthEpisodes\":\"{{count}} 件のエピソードの長さが 0 です\",\"episodeCountMismatch\":\"有効エピソード数（{{effective}}）が info.total_episodes（{{total}}）と一致しません。編集/削除を反映しました。\",\"footnote\":\"フォーマット検証は読み込み時に実行されます。データ品質（NaN/外れ値）は今後のバージョンで対応予定です。\",\"healthCheckButton\":\"データセットヘルスチェック\",\"check\":\"チェック\",\"validation\":{\"columns\":{\"field\":\"チェック項目\",\"current\":\"現在\",\"expected\":\"期待値\",\"suggestion\":\"推奨対応\"},\"dialog\":{\"title\":\"データセット品質レポート\",\"summaryErrors\":\"検証でエラーを検出\",\"summaryWarnings\":\"検証で警告を検出\",\"summaryOk\":\"すべてのチェックを通過\",\"errorsCount\":\"エラー {{count}} 件\",\"warningsCount\":\"警告 {{count}} 件\",\"passedCount\":\"{{count}} 件通過\",\"close\":\"閉じる\",\"retry\":\"再試行\",\"export\":\"エクスポート\",\"exportCsv\":\"CSV でエクスポート\",\"exportPdf\":\"PDF でエクスポート\"},\"categories\":{\"file_structure\":\"ファイル構造\",\"meta_info\":\"メタデータ\",\"features\":\"特徴量\",\"episodes\":\"エピソード\"},\"terms\":{\"exists\":\"存在する\",\"missing\":\"欠損\",\"notExists\":\"見つかりません\",\"invalidJson\":\"無効な JSON\",\"validJson\":\"有効な JSON ファイル\",\"positiveInteger\":\"正の整数\",\"nonNegativeInteger\":\"0 以上の整数\",\"positiveNumber\":\"正の数\",\"nonEmptyString\":\"空でない文字列\",\"present\":\"存在\",\"unknown\":\"不明\",\"validDtype\":\"有効な dtype\",\"object\":\"オブジェクト\",\"arrayOrNull\":\"配列または null\",\"nFeatures\":\"{{count}} 特徴量\",\"pathOrFileExists\":\"パスまたはファイルが存在\",\"fieldExists\":\"フィールドが存在\",\"positiveIntArray\":\"[正の整数, ...]\",\"stringArrayMatchShape\":\"string[]（長さ = shape の最終次元）\",\"objectWithFeatures\":\"1 つ以上の feature を持つオブジェクト\",\"positiveIntMatchTotalEpisodes\":\"正の整数、total_episodes と一致\",\"episodeLengthPositive\":\"各エピソードの length > 0\",\"nonNegativeIntCount\":\"0 以上の整数（件数）\",\"requiredParquetColumns\":\"frame_index, episode_index, index, timestamp など\",\"objectWithTrainKey\":\"\\\"train\\\" キーを持つオブジェクト\",\"containsTrain\":\"\\\"train\\\" を含む\",\"requiredEpisodesColumns\":\"episode_index, length, dataset_from_index, dataset_to_index\",\"tasksPresent\":\"tasks.jsonl または tasks.parquet が存在\"},\"codes\":{\"INFO_MISSING\":{\"message\":\"meta/info.json が存在しないか読み取れません\",\"suggestion\":\"LeRobot データセットルートに meta/info.json があることを確認してください\"},\"INFO_PARSE_ERROR\":{\"message\":\"meta/info.json の JSON 解析に失敗しました\",\"suggestion\":\"JSON 構文を確認してください（例: https://jsonlint.com）\"},\"VERSION_MISMATCH\":{\"message\":\"codebase_version が v2.x ではありません\",\"suggestion\":\"v3.0 の場合は対応ローダーを使用するか、codebase_version を v2.0 または v2.1 に設定してください\"},\"VERSION_MISMATCH_V3\":{\"message\":\"codebase_version が v3.x ではありません\",\"suggestion\":\"codebase_version を v3.0 に設定してください\"},\"ROBOT_TYPE_MISSING\":{\"message\":\"robot_type が未設定または空です\",\"suggestion\":\"ロボットタイプを設定してください（例: \\\"so100\\\", \\\"lekiwi\\\"）\"},\"TOTAL_EPISODES_INVALID\":{\"message\":\"total_episodes は正の整数である必要があります\",\"suggestion\":\"正しいエピソード総数を設定してください\"},\"TOTAL_FRAMES_INVALID\":{\"message\":\"total_frames は正の整数である必要があります\",\"suggestion\":\"正しいフレーム総数を設定してください\"},\"TOTAL_TASKS_INVALID\":{\"message\":\"total_tasks は 0 以上の整数である必要があります\",\"suggestion\":\"正しいタスク総数を設定してください（0 可）\"},\"FPS_INVALID\":{\"message\":\"fps は正の数である必要があります\",\"suggestion\":\"正しい FPS を設定してください（例: 30）\"},\"CHUNKS_SIZE_MISSING\":{\"message\":\"chunks_size が未設定です。デフォルト 1000 を使用します\",\"suggestion\":\"chunks_size フィールドを追加してください（推奨: 1000）\"},\"FEATURES_EMPTY\":{\"message\":\"features が未設定または空です\",\"suggestion\":\"info.json の features にデータセットの全カラムを定義してください\"},\"EPISODES_MISSING\":{\"message\":\"meta/episodes.jsonl が存在しないか読み取れません\",\"suggestion\":\"1 行 1 エピソードの JSON で meta/episodes.jsonl を作成してください\"},\"EPISODES_INVALID_JSONL\":{\"message\":\"episodes.jsonl の行の JSON 解析に失敗しました\",\"suggestion\":\"各行が有効な JSON オブジェクトであることを確認してください\"},\"EPISODES_EMPTY\":{\"message\":\"episodes.jsonl は空です\",\"suggestion\":\"episodes.jsonl にデータがあることを確認してください\"},\"EPISODES_COUNT_MISMATCH\":{\"message\":\"解析したエピソード数（{{parsed}}）が total_episodes（{{expected}}）と一致しません\",\"suggestion\":\"episodes.jsonl を再生成するか info.json の total_episodes を修正してください\"},\"ZERO_LENGTH_EPISODES\":{\"message\":\"{{count}} 件のエピソードの長さが 0 です\",\"suggestion\":\"各エピソードが正のフレーム数を持つよう episodes.jsonl を再生成してください\"},\"EPISODES_NO_LENGTH\":{\"message\":\"{{count}} 件のエピソードに length/num_frames がありません\",\"suggestion\":\"episodes.jsonl の各行に \\\"length\\\" を追加してください\"},\"TASKS_MISSING\":{\"message\":\"meta/tasks.jsonl が存在しないか空です\",\"suggestion\":\"1 行 1 JSON で tasks.jsonl を作成: {\\\"task_index\\\": 0, \\\"task\\\": \\\"説明\\\"}\"},\"DATA_FILE_MISSING\":{\"message\":\"データファイルが存在しません\",\"suggestion\":\"v2 形式で data/ に Parquet ファイルを生成してください\"},\"DATA_FILE_CHECK_FAILED\":{\"message\":\"データファイルの存在を確認できませんでした\",\"suggestion\":\"data/chunk-xxx/episode_xxxxxx.parquet が存在することを確認してください\"},\"VIDEO_FILE_MISSING\":{\"message\":\"動画ファイルが存在しません\",\"suggestion\":\"videos/chunk-xxx/<key>/episode_xxxxxx.mp4 を生成してください\"},\"VIDEO_FILE_CHECK_FAILED\":{\"message\":\"動画ファイルの存在を確認できませんでした\",\"suggestion\":\"videos/chunk-xxx/<key>/episode_xxxxxx.mp4 が存在することを確認してください\"},\"PARQUET_MISSING_COLS\":{\"message\":\"データ Parquet に必須カラムがありません: {{cols}}\",\"suggestion\":\"システムカラムを含むデータ Parquet を再生成してください\"},\"DEFAULT_FEATURE_MISSING\":{\"message\":\"システムフィールド {{key}} がありません\",\"suggestion\":\"meta/info.json の features に \\\"{{key}}\\\" を追加してください\"},\"FEATURE_INVALID\":{\"message\":\"features.{{key}} は有効なオブジェクトではありません\",\"suggestion\":\"各 feature が dtype と shape を持つオブジェクトであることを確認してください\"},\"DTYPE_MISSING\":{\"message\":\"features.{{key}}.dtype がありません\",\"suggestion\":\"dtype を追加してください（例: float32, int64, video, image, string）\"},\"DTYPE_INVALID\":{\"message\":\"features.{{key}}.dtype が無効です: {{dtype}}\",\"suggestion\":\"標準の dtype を使用してください\"},\"SHAPE_INVALID\":{\"message\":\"features.{{key}}.shape は正の整数の非空配列である必要があります\",\"suggestion\":\"shape を設定してください（例: [7], [3, 480, 640]）\"},\"NAMES_INVALID\":{\"message\":\"features.{{key}}.names は配列ではありません\",\"suggestion\":\"names を文字列配列または null に設定してください\"},\"NAMES_LENGTH_MISMATCH\":{\"message\":\"features.{{key}}.names の長さ（{{actual}}）が shape の最終次元（{{expected}}）と一致しません\",\"suggestion\":\"names の長さを shape の最終次元と一致させてください\"},\"VIDEO_FPS_MISSING\":{\"message\":\"動画 feature {{key}} の fps が未設定または ≤0 です。info.fps を使用します\",\"suggestion\":\"オプション: この feature に fps を設定。未設定の場合は info.fps を使用\"},\"VIDEO_SHAPE_CHANNELS\":{\"message\":\"動画の shape チャンネル数が一般的ではありません\",\"suggestion\":\"通常は 3（RGB）です。[C,H,W] と [H,W,C] の両方に対応\"},\"VIDEO_SHAPE_NDIM\":{\"message\":\"動画 shape は 3D (C, H, W) である必要があります。現在 {{n}}D です\",\"suggestion\":\"shape を [C, H, W] に設定してください\"},\"IMAGE_SHAPE_NDIM\":{\"message\":\"画像 shape は 3D (C, H, W) である必要があります。現在 {{n}}D です\",\"suggestion\":\"shape を [C, H, W] に設定してください\"},\"EPISODES_PARQUET_MISSING\":{\"message\":\"meta/episodes の最初のファイルが存在しません\",\"suggestion\":\"v3 形式で meta/episodes/chunk-xxx/file-xxx.parquet を生成してください\"},\"EPISODES_PARQUET_INVALID\":{\"message\":\"meta/episodes の最初のファイルを Parquet として解析できませんでした\",\"suggestion\":\"episodes Parquet ファイルが有効であることを確認してください\"},\"DATA_PATH_TEMPLATE\":{\"message\":\"info.data_path がデフォルトテンプレートと一致しません\",\"suggestion\":\"デフォルトの data パステンプレートを使用するか、カスタムパスを一貫させてください\"},\"VIDEO_PATH_TEMPLATE\":{\"message\":\"info.video_path がデフォルトテンプレートと一致しません\",\"suggestion\":\"デフォルトの動画パステンプレートを使用してください\"},\"TASKS_PRESENT\":{\"message\":\"タスクメタデータを検出しました\",\"suggestion\":\"\"},\"EPISODE_COUNT\":{\"message\":\"{{count}} 件のエピソードを解析しました\",\"suggestion\":\"\"},\"TASK_COUNT\":{\"message\":\"{{count}} 件のタスクを解析しました\",\"suggestion\":\"\"},\"SPLITS_MISSING_TRAIN\":{\"message\":\"splits に \\\"train\\\" が必要です\",\"suggestion\":\"splits に少なくとも \\\"train\\\" キーを追加してください\"}}}}"),
+	health: /* @__PURE__ */ JSON.parse("{\"noData\":\"データセットを読み込むとヘルスチェックを表示します\",\"statusErrors\":\"検証でエラーを検出\",\"statusWarnings\":\"検証で警告を検出\",\"statusOk\":\"フォーマットチェック完了\",\"checks\":\"チェック項目\",\"noIssues\":\"問題はありません\",\"fpsInvalid\":\"info.fps が未設定または ≤ 0 です。再生が不正になる可能性があります。\",\"zeroLengthEpisodes\":\"{{count}} 件のエピソードの長さが 0 です\",\"episodeCountMismatch\":\"有効エピソード数（{{effective}}）が info.total_episodes（{{total}}）と一致しません。編集/削除を反映しました。\",\"footnote\":\"フォーマット検証は読み込み時に実行されます。データ品質（NaN/外れ値）は今後のバージョンで対応予定です。\",\"healthCheckButton\":\"データセットヘルスチェック\",\"check\":\"チェック\",\"validation\":{\"columns\":{\"field\":\"チェック項目\",\"current\":\"現在\",\"expected\":\"期待値\",\"suggestion\":\"推奨対応\"},\"dialog\":{\"title\":\"データセット品質レポート\",\"summaryErrors\":\"検証でエラーを検出\",\"summaryWarnings\":\"検証で警告を検出\",\"summaryOk\":\"すべてのチェックを通過\",\"errorsCount\":\"エラー {{count}} 件\",\"warningsCount\":\"警告 {{count}} 件\",\"passedCount\":\"{{count}} 件通過\",\"filterErrors\":\"エラー {{count}} 件のみを表示\",\"filterWarnings\":\"警告 {{count}} 件のみを表示\",\"filterPassed\":\"通過した {{count}} 件のみを表示\",\"close\":\"閉じる\",\"retry\":\"再試行\",\"export\":\"エクスポート\",\"exportCsv\":\"CSV でエクスポート\",\"exportPdf\":\"PDF でエクスポート\"},\"categories\":{\"file_structure\":\"ファイル構造\",\"meta_info\":\"メタデータ\",\"features\":\"特徴量\",\"episodes\":\"エピソード\"},\"terms\":{\"exists\":\"存在する\",\"missing\":\"欠損\",\"notExists\":\"見つかりません\",\"invalidJson\":\"無効な JSON\",\"validJson\":\"有効な JSON ファイル\",\"positiveInteger\":\"正の整数\",\"nonNegativeInteger\":\"0 以上の整数\",\"positiveNumber\":\"正の数\",\"nonEmptyString\":\"空でない文字列\",\"present\":\"存在\",\"unknown\":\"不明\",\"validDtype\":\"有効な dtype\",\"object\":\"オブジェクト\",\"arrayOrNull\":\"配列または null\",\"nFeatures\":\"{{count}} 特徴量\",\"pathOrFileExists\":\"パスまたはファイルが存在\",\"fieldExists\":\"フィールドが存在\",\"positiveIntArray\":\"[正の整数, ...]\",\"stringArrayMatchShape\":\"string[]（長さ = shape の最終次元）\",\"objectWithFeatures\":\"1 つ以上の feature を持つオブジェクト\",\"positiveIntMatchTotalEpisodes\":\"正の整数、total_episodes と一致\",\"episodeLengthPositive\":\"各エピソードの length > 0\",\"nonNegativeIntCount\":\"0 以上の整数（件数）\",\"requiredParquetColumns\":\"frame_index, episode_index, index, timestamp など\",\"objectWithTrainKey\":\"\\\"train\\\" キーを持つオブジェクト\",\"containsTrain\":\"\\\"train\\\" を含む\",\"requiredEpisodesColumns\":\"episode_index, length, dataset_from_index, dataset_to_index\",\"tasksPresent\":\"tasks.jsonl または tasks.parquet が存在\"},\"codes\":{\"INFO_MISSING\":{\"message\":\"meta/info.json が存在しないか読み取れません\",\"suggestion\":\"LeRobot データセットルートに meta/info.json があることを確認してください\"},\"INFO_PARSE_ERROR\":{\"message\":\"meta/info.json の JSON 解析に失敗しました\",\"suggestion\":\"JSON 構文を確認してください（例: https://jsonlint.com）\"},\"VERSION_MISMATCH\":{\"message\":\"codebase_version が v2.x ではありません\",\"suggestion\":\"v3.0 の場合は対応ローダーを使用するか、codebase_version を v2.0 または v2.1 に設定してください\"},\"VERSION_MISMATCH_V3\":{\"message\":\"codebase_version が v3.x ではありません\",\"suggestion\":\"codebase_version を v3.0 に設定してください\"},\"ROBOT_TYPE_MISSING\":{\"message\":\"robot_type が未設定または空です\",\"suggestion\":\"ロボットタイプを設定してください（例: \\\"so100\\\", \\\"lekiwi\\\"）\"},\"TOTAL_EPISODES_INVALID\":{\"message\":\"total_episodes は正の整数である必要があります\",\"suggestion\":\"正しいエピソード総数を設定してください\"},\"TOTAL_FRAMES_INVALID\":{\"message\":\"total_frames は正の整数である必要があります\",\"suggestion\":\"正しいフレーム総数を設定してください\"},\"TOTAL_TASKS_INVALID\":{\"message\":\"total_tasks は 0 以上の整数である必要があります\",\"suggestion\":\"正しいタスク総数を設定してください（0 可）\"},\"FPS_INVALID\":{\"message\":\"fps は正の数である必要があります\",\"suggestion\":\"正しい FPS を設定してください（例: 30）\"},\"CHUNKS_SIZE_MISSING\":{\"message\":\"chunks_size が未設定です。デフォルト 1000 を使用します\",\"suggestion\":\"chunks_size フィールドを追加してください（推奨: 1000）\"},\"FEATURES_EMPTY\":{\"message\":\"features が未設定または空です\",\"suggestion\":\"info.json の features にデータセットの全カラムを定義してください\"},\"EPISODES_MISSING\":{\"message\":\"meta/episodes.jsonl が存在しないか読み取れません\",\"suggestion\":\"1 行 1 エピソードの JSON で meta/episodes.jsonl を作成してください\"},\"EPISODES_INVALID_JSONL\":{\"message\":\"episodes.jsonl の行の JSON 解析に失敗しました\",\"suggestion\":\"各行が有効な JSON オブジェクトであることを確認してください\"},\"EPISODES_EMPTY\":{\"message\":\"episodes.jsonl は空です\",\"suggestion\":\"episodes.jsonl にデータがあることを確認してください\"},\"EPISODES_COUNT_MISMATCH\":{\"message\":\"解析したエピソード数（{{parsed}}）が total_episodes（{{expected}}）と一致しません\",\"suggestion\":\"episodes.jsonl を再生成するか info.json の total_episodes を修正してください\"},\"ZERO_LENGTH_EPISODES\":{\"message\":\"{{count}} 件のエピソードの長さが 0 です\",\"suggestion\":\"各エピソードが正のフレーム数を持つよう episodes.jsonl を再生成してください\"},\"EPISODES_NO_LENGTH\":{\"message\":\"{{count}} 件のエピソードに length/num_frames がありません\",\"suggestion\":\"episodes.jsonl の各行に \\\"length\\\" を追加してください\"},\"TASKS_MISSING\":{\"message\":\"meta/tasks.jsonl が存在しないか空です\",\"suggestion\":\"1 行 1 JSON で tasks.jsonl を作成: {\\\"task_index\\\": 0, \\\"task\\\": \\\"説明\\\"}\"},\"DATA_FILE_MISSING\":{\"message\":\"データファイルが存在しません\",\"suggestion\":\"v2 形式で data/ に Parquet ファイルを生成してください\"},\"DATA_FILE_CHECK_FAILED\":{\"message\":\"データファイルの存在を確認できませんでした\",\"suggestion\":\"data/chunk-xxx/episode_xxxxxx.parquet が存在することを確認してください\"},\"VIDEO_FILE_MISSING\":{\"message\":\"動画ファイルが存在しません\",\"suggestion\":\"videos/chunk-xxx/<key>/episode_xxxxxx.mp4 を生成してください\"},\"VIDEO_FILE_CHECK_FAILED\":{\"message\":\"動画ファイルの存在を確認できませんでした\",\"suggestion\":\"videos/chunk-xxx/<key>/episode_xxxxxx.mp4 が存在することを確認してください\"},\"PARQUET_MISSING_COLS\":{\"message\":\"データ Parquet に必須カラムがありません: {{cols}}\",\"suggestion\":\"システムカラムを含むデータ Parquet を再生成してください\"},\"DEFAULT_FEATURE_MISSING\":{\"message\":\"システムフィールド {{key}} がありません\",\"suggestion\":\"meta/info.json の features に \\\"{{key}}\\\" を追加してください\"},\"FEATURE_INVALID\":{\"message\":\"features.{{key}} は有効なオブジェクトではありません\",\"suggestion\":\"各 feature が dtype と shape を持つオブジェクトであることを確認してください\"},\"DTYPE_MISSING\":{\"message\":\"features.{{key}}.dtype がありません\",\"suggestion\":\"dtype を追加してください（例: float32, int64, video, image, string）\"},\"DTYPE_INVALID\":{\"message\":\"features.{{key}}.dtype が無効です: {{dtype}}\",\"suggestion\":\"標準の dtype を使用してください\"},\"SHAPE_INVALID\":{\"message\":\"features.{{key}}.shape は正の整数の非空配列である必要があります\",\"suggestion\":\"shape を設定してください（例: [7], [3, 480, 640]）\"},\"NAMES_INVALID\":{\"message\":\"features.{{key}}.names は配列ではありません\",\"suggestion\":\"names を文字列配列または null に設定してください\"},\"NAMES_LENGTH_MISMATCH\":{\"message\":\"features.{{key}}.names の長さ（{{actual}}）が shape の最終次元（{{expected}}）と一致しません\",\"suggestion\":\"names の長さを shape の最終次元と一致させてください\"},\"VIDEO_FPS_MISSING\":{\"message\":\"動画 feature {{key}} の fps が未設定または ≤0 です。info.fps を使用します\",\"suggestion\":\"オプション: この feature に fps を設定。未設定の場合は info.fps を使用\"},\"VIDEO_SHAPE_CHANNELS\":{\"message\":\"動画の shape チャンネル数が一般的ではありません\",\"suggestion\":\"通常は 3（RGB）です。[C,H,W] と [H,W,C] の両方に対応\"},\"VIDEO_SHAPE_NDIM\":{\"message\":\"動画 shape は 3D (C, H, W) である必要があります。現在 {{n}}D です\",\"suggestion\":\"shape を [C, H, W] に設定してください\"},\"IMAGE_SHAPE_NDIM\":{\"message\":\"画像 shape は 3D (C, H, W) である必要があります。現在 {{n}}D です\",\"suggestion\":\"shape を [C, H, W] に設定してください\"},\"EPISODES_PARQUET_MISSING\":{\"message\":\"meta/episodes の最初のファイルが存在しません\",\"suggestion\":\"v3 形式で meta/episodes/chunk-xxx/file-xxx.parquet を生成してください\"},\"EPISODES_PARQUET_INVALID\":{\"message\":\"meta/episodes の最初のファイルを Parquet として解析できませんでした\",\"suggestion\":\"episodes Parquet ファイルが有効であることを確認してください\"},\"DATA_PATH_TEMPLATE\":{\"message\":\"info.data_path がデフォルトテンプレートと一致しません\",\"suggestion\":\"デフォルトの data パステンプレートを使用するか、カスタムパスを一貫させてください\"},\"VIDEO_PATH_TEMPLATE\":{\"message\":\"info.video_path がデフォルトテンプレートと一致しません\",\"suggestion\":\"デフォルトの動画パステンプレートを使用してください\"},\"TASKS_PRESENT\":{\"message\":\"タスクメタデータを検出しました\",\"suggestion\":\"\"},\"EPISODE_COUNT\":{\"message\":\"{{count}} 件のエピソードを解析しました\",\"suggestion\":\"\"},\"TASK_COUNT\":{\"message\":\"{{count}} 件のタスクを解析しました\",\"suggestion\":\"\"},\"SPLITS_MISSING_TRAIN\":{\"message\":\"splits に \\\"train\\\" が必要です\",\"suggestion\":\"splits に少なくとも \\\"train\\\" キーを追加してください\"}}}}"),
 	summary: {
 		noData: "データセットを読み込むと概要を表示します",
 		overview: "概要",
@@ -6742,7 +6732,7 @@ function fi({ container: e, children: t }) {
 	});
 }
 function pi() {
-	return r.useContext(di) || (typeof document > "u" ? null : document.getElementById("lerobot-root"));
+	return r.useContext(di) || (typeof document > "u" ? null : document.querySelector(".lerobot-root") ?? document.getElementById("lerobot-root"));
 }
 //#endregion
 //#region node_modules/@radix-ui/react-compose-refs/dist/index.mjs

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@ioai/lerobot-studio",
   "private": false,
-  "version": "1.0.0",
+  "version": "1.0.2",
   "type": "module",
   "packageManager": "npm@11.7.0",
   "scripts": {