@ioai/lerobot-studio 1.2.0 → 1.3.0

package/dist-lib/{LeRobotDataLoader-CgLRJ0U1.js → LeRobotDataLoader-DXZRK9t2.js}

@@ -1,5 +1,5 @@
 import { a as e, i as t, n, o as r, r as i } from "./tslib.es6-DT2YfilY.js";
-import { C as a, S as o, _ as s, d as c, f as l, i as u, l as ee, n as te, p as ne, r as re, v as ie, y as ae } from "./workerManager-CvezHmhd.js";
+import { C as a, D as o, E as s, a as c, f as l, l as u, m as ee, n as te, p as ne, r as re, w as ie, x as ae } from "./workerManager-CQ6DPJcz.js";
 import { t as oe } from "./MediaCache-DZ7bEoOY.js";
 //#region src/core/types/lerobot.ts
 function se(e) {
@@ -6850,11 +6850,11 @@ function Wc(e) {
 var Gc = class {
 	async loadSubtasks(e, t) {
 		try {
-			let e = Wc(await t.readParquetToIPC(ie)), n = new Set(e.schema.fields.map((e) => e.name)), r = ae.find((e) => n.has(e)), i = r ? e.getChild(r) : null, a = e.getChild("subtask_index"), o = Array.from({ length: e.numRows }, (e, t) => ({
-				subtaskIndex: a ? le(a.get(t)) : t,
+			let e = Wc(await t.readParquetToIPC(a)), n = new Set(e.schema.fields.map((e) => e.name)), r = ie.find((e) => n.has(e)), i = r ? e.getChild(r) : null, o = e.getChild("subtask_index"), s = Array.from({ length: e.numRows }, (e, t) => ({
+				subtaskIndex: o ? le(o.get(t)) : t,
 				label: i ? le(i.get(t)) : ""
 			}));
-			return ne(o);
+			return ee(s);
 		} catch (e) {
 			if (e instanceof RangeError) throw e;
 			return {};
@@ -7644,24 +7644,24 @@ var Ll = class {
 	}
 	async loadEpisodeSubtaskSource(e) {
 		if (!this.info) throw Error("Not initialized");
-		let t = o(this.info.features), n = a(this.info.features);
+		let t = s(this.info.features), n = o(this.info.features);
 		if (!t && !n && Object.keys(this.subtasks).length === 0) return {
 			indices: [],
 			table: this.subtasks
 		};
 		let r = [];
 		if (n) try {
-			r = ((await this.loadFeatureData(e, [n]))[n] ?? []).map((e) => l(e));
+			r = ((await this.loadFeatureData(e, [n]))[n] ?? []).map((e) => ne(e));
 		} catch {
 			r = [];
 		}
 		if (r.some((e) => e.length > 0)) {
 			let e = {
 				...this.subtasks,
-				...u(r)
+				...c(r)
 			};
 			return {
-				indices: ee(r, e),
+				indices: u(r, e),
 				table: e
 			};
 		}
@@ -7675,10 +7675,10 @@ var Ll = class {
 				indices: [],
 				table: this.subtasks
 			};
-			let r = Array.from({ length: n.rows }, (e, t) => c(n.values[t * n.width]));
+			let r = Array.from({ length: n.rows }, (e, t) => l(n.values[t * n.width]));
 			return {
 				indices: r,
-				table: s(r, this.subtasks)
+				table: ae(r, this.subtasks)
 			};
 		} catch {
 			return {

package/dist-lib/lerobot-studio.css

@@ -620,6 +620,10 @@
     z-index: 50;
   }
 
+  .lerobot-root .z-\[1\] {
+    z-index: 1;
+  }
+
   .lerobot-root .z-\[5\] {
     z-index: 5;
   }
@@ -998,10 +1002,6 @@
     max-height: calc(var(--spacing) * 32);
   }
 
-  .lerobot-root .max-h-36 {
-    max-height: calc(var(--spacing) * 36);
-  }
-
   .lerobot-root .max-h-\[38vh\] {
     max-height: 38vh;
   }
@@ -1054,10 +1054,6 @@
     min-height: 100vh;
   }
 
-  .lerobot-root .w-0\.5 {
-    width: calc(var(--spacing) * .5);
-  }
-
   .lerobot-root .w-1 {
     width: var(--spacing);
   }
@@ -1178,10 +1174,6 @@
     max-width: 120px;
   }
 
-  .lerobot-root .max-w-\[140px\] {
-    max-width: 140px;
-  }
-
   .lerobot-root .max-w-\[200px\] {
     max-width: 200px;
   }
@@ -1339,6 +1331,10 @@
     cursor: default;
   }
 
+  .lerobot-root .cursor-ew-resize {
+    cursor: ew-resize;
+  }
+
   .lerobot-root .cursor-grabbing {
     cursor: grabbing;
   }
@@ -1824,6 +1820,16 @@
     }
   }
 
+  .lerobot-root .bg-background\/90 {
+    background-color: var(--background);
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .lerobot-root .bg-background\/90 {
+      background-color: color-mix(in oklab, var(--background) 90%, transparent);
+    }
+  }
+
   .lerobot-root .bg-background\/95 {
     background-color: var(--background);
   }
@@ -1838,6 +1844,16 @@
     background-color: var(--color-black);
   }
 
+  .lerobot-root .bg-black\/40 {
+    background-color: #0006;
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .lerobot-root .bg-black\/40 {
+      background-color: color-mix(in oklab, var(--color-black) 40%, transparent);
+    }
+  }
+
   .lerobot-root .bg-black\/50 {
     background-color: #00000080;
   }
@@ -2014,6 +2030,16 @@
     }
   }
 
+  .lerobot-root .bg-primary\/35 {
+    background-color: var(--primary);
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .lerobot-root .bg-primary\/35 {
+      background-color: color-mix(in oklab, var(--primary) 35%, transparent);
+    }
+  }
+
   .lerobot-root .bg-primary\/60 {
     background-color: var(--primary);
   }
@@ -2042,6 +2068,10 @@
     background-color: #0000;
   }
 
+  .lerobot-root .bg-\[length\:8px_8px\] {
+    background-size: 8px 8px;
+  }
+
   .lerobot-root .fill-current {
     fill: currentColor;
   }
@@ -2305,6 +2335,11 @@
     font-size: 12px;
   }
 
+  .lerobot-root .leading-4 {
+    --tw-leading: calc(var(--spacing) * 4);
+    line-height: calc(var(--spacing) * 4);
+  }
+
   .lerobot-root .leading-5 {
     --tw-leading: calc(var(--spacing) * 5);
     line-height: calc(var(--spacing) * 5);
@@ -2687,6 +2722,10 @@
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
 
+  .lerobot-root .ring-border {
+    --tw-ring-color: var(--border);
+  }
+
   .lerobot-root .ring-primary\/20 {
     --tw-ring-color: var(--primary);
   }
@@ -2697,6 +2736,16 @@
     }
   }
 
+  .lerobot-root .ring-primary\/70 {
+    --tw-ring-color: var(--primary);
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .lerobot-root .ring-primary\/70 {
+      --tw-ring-color: color-mix(in oklab, var(--primary) 70%, transparent);
+    }
+  }
+
   .lerobot-root .ring-ring\/50 {
     --tw-ring-color: var(--ring);
   }

package/dist-lib/lerobot.d.ts

@@ -5,6 +5,7 @@
  */
 
 import { default as React_2 } from 'react';
+import * as React_3 from 'react';
 
 /** Create a viewer data source for a local ZIP, TAR, or TAR.GZ archive. */
 export declare function createArchiveDataSourceFromFile(file: File): DataSource;
@@ -16,6 +17,9 @@ export declare function createArchiveDataSourceFromFile(file: File): DataSource;
  */
 export declare function createArchiveDataSourceFromUrl(url: string): DataSource;
 
+/** Create a viewer data source from a File System Access directory handle. */
+export declare function createDirectoryDataSource(handle: FileSystemDirectoryHandle): DataSource;
+
 /**
  * Create a viewer data source from a host-owned list of per-file HTTP(S) URLs.
  *
@@ -25,6 +29,20 @@ export declare function createArchiveDataSourceFromUrl(url: string): DataSource;
  */
 export declare function createRemoteManifestDataSource(files: RemoteFileEntry[]): DataSource;
 
+/** Tabbed picker for local directory, local archive, or remote archive URL. */
+export declare const DatasetSourceSelector: React_2.FC<DatasetSourceSelectorProps>;
+
+/** Picker for a local directory, local archive, or remote archive URL. */
+export declare interface DatasetSourceSelectorProps {
+    onOpenDirectory: () => void;
+    onOpenLocalArchive: () => void;
+    onOpenRemoteArchive: (url?: string) => void;
+    requested?: ParsedSourceUrl | null;
+    onRequestUrl?: (rawUrl: string | null, mode: 'push' | 'replace') => void;
+    onRestoreFromUrl?: (requested: ParsedSourceUrl) => void;
+    className?: string;
+}
+
 /** Browser-readable storage abstraction consumed by the viewer. */
 export declare interface DataSource {
     /** Return whether a logical dataset path exists. */
@@ -47,8 +65,50 @@ export declare interface DataSource {
     invalidateObjectUrl?(path: string): void | Promise<void>;
 }
 
+/** A dropped directory entry with a relative path. */
+export declare interface DirectoryFile {
+    file: File;
+    path: string;
+}
+
+/** Callbacks for window-level file and folder drop (and file paste). */
+export declare interface DragAndDropCallbacks {
+    onFile: (file: File) => void;
+    onDirectoryHandle?: (handle: FileSystemDirectoryHandle) => void;
+    onDirectoryFiles?: (files: DirectoryFile[]) => void;
+    onUnresolvedDirectory?: (name: string) => void;
+}
+
+/** @deprecated Prefer LeRobotStudioProvider */
+export declare const LeRobotProvider: React_2.FC<LeRobotStudioProviderProps>;
+
+/**
+ * Shared theme, language, and dataset context for the viewer and a custom welcome page.
+ */
+export declare const LeRobotStudioProvider: React_2.FC<LeRobotStudioProviderProps>;
+
+export declare interface LeRobotStudioProviderProps {
+    theme?: 'light' | 'dark' | 'system';
+    language?: string;
+    className?: string;
+    children: React_2.ReactNode;
+    /** When true, render the shared Sonner toaster inside the studio root. @defaultValue true */
+    showToaster?: boolean;
+    /**
+     * When true (default), wrap children in a scoped root for CSS and portals.
+     * Set false when the host page already provides its own layout wrapper.
+     */
+    wrapRoot?: boolean;
+}
+
 export declare const LeRobotViewer: React_2.FC<LeRobotViewerProps>;
 
+/** Viewer without the provider wrapper; render inside `LeRobotStudioProvider`. */
+export declare function LeRobotViewerContent({ dataSource, showSidebar, showPlaybackBar, onFatalError, enableKeyboardShortcuts, onBack, onExport, }: Omit<LeRobotViewerProps, 'theme' | 'language' | 'className'> & {
+    showSidebar: boolean;
+    showPlaybackBar: boolean;
+}): React_2.JSX.Element | null;
+
 /** A fatal viewer error that requires host action or an explicit retry. */
 export declare interface LeRobotViewerError {
     /** Machine-readable category. */
@@ -97,6 +157,34 @@ export declare interface LeRobotViewerProps {
 /** A phase reported while a data source reads or prepares content. */
 export declare type LoadingPhase = 'download' | 'index' | 'gunzip' | 'read';
 
+/**
+ * Domain table pagination composed from official shadcn pagination primitives.
+ */
+export declare function Pagination({ count, page, onPageChange, rowsPerPage, onRowsPerPageChange, rowsPerPageOptions, className, }: PaginationProps): React_3.JSX.Element;
+
+export declare interface PaginationProps {
+    count: number;
+    page: number;
+    onPageChange: (event: unknown, newPage: number) => void;
+    rowsPerPage: number;
+    onRowsPerPageChange: (event: React_3.ChangeEvent<HTMLSelectElement>) => void;
+    rowsPerPageOptions?: number[];
+    className?: string;
+}
+
+/** Parsed `?url=` intent for restoring a previous local or remote source. */
+export declare interface ParsedSourceUrl {
+    kind: SourceKind;
+    /** Decoded raw ?url= value */
+    raw: string;
+    /** UI hint (e.g. local label) */
+    hint?: string;
+    /** sample:// id */
+    sampleId?: string;
+    /** IndexedDB has a restorable handle */
+    restorable?: boolean;
+}
+
 /** Receives data-source progress updates. */
 export declare type ProgressHandler = (info: ProgressInfo) => void;
 
@@ -124,4 +212,34 @@ export declare interface RemoteFileEntry {
     sizeBytes?: number | null;
 }
 
+/** A sample dataset shown as a card on a welcome page. */
+export declare interface SampleDataset {
+    id: string;
+    name: string;
+    description: string;
+    url?: string;
+    version?: 'v2' | 'v3';
+    title?: string;
+    coverImageUrl?: string;
+    previewVideoUrl?: string;
+    archiveUrl?: string;
+}
+
+/** Cover card for a sample dataset or similar list entry. */
+export declare const SampleDatasetCard: React_2.FC<SampleDatasetCardProps>;
+
+/** Cover card for a sample dataset or similar list entry. */
+export declare interface SampleDatasetCardProps {
+    sample: SampleDataset;
+    onSelect: (sample: SampleDataset) => void | Promise<void>;
+    fallbackImageUrl?: string;
+}
+
+export declare type SourceKind = 'remoteArchive' | 'localArchive' | 'directory' | 'sample' | 'unknown';
+
+/** Window-level drag-and-drop (and file paste) for local archives and directories. */
+export declare function useDragAndDrop(callbacks: DragAndDropCallbacks): {
+    isDragging: boolean;
+};
+
 export { }