feat(web-platform): release V0.7.1 数据模块

web_platform/src/app/components/SidebarPanel.tsx

@@ -1,5 +1,13 @@
 import { useState, type ReactNode } from 'react';
-import { Box, FolderTree, Info, Map as MapIcon, Settings2, SlidersHorizontal } from 'lucide-react';
+import {
+  Box,
+  Database,
+  FolderTree,
+  Info,
+  Map as MapIcon,
+  Settings2,
+  SlidersHorizontal,
+} from 'lucide-react';
 import type { MapEntry, ModelEntry } from '../../project/types';
 import {
   countProjectSearchResults,
@@ -16,6 +24,7 @@ import type {
   SimulationSnapshot,
 } from '../../simulation/SimulationSession';
 import type { UrdfBaseMode, UrdfLoadMode } from '../../simulation/PhysicsAdapter';
+import type { DataRecorderConfig } from '../../simulation/DataRecorder';
 import type { ViewerSelection } from '../../viewer/MuJoCoViewer';
 import type { ControllerCommand, ControllerStatus } from '../../controller/types';
 import type { RLCommand, RLPolicyStatus } from '../../rl/types';
@@ -34,6 +43,7 @@ import { ProjectBreadcrumb } from './ProjectBreadcrumb';
 import { PythonControllerPanel } from './PythonControllerPanel';
 import { RLPolicyPanel } from './RLPolicyPanel';
 import { LocalTrainingPanel } from './LocalTrainingPanel';
+import { DataRecordingPanel } from './DataRecordingPanel';
 import { PhysicalMapPanel } from './PhysicalMapPanel';
 import { MapAssetLibrary } from './MapAssetLibrary';
 import {
@@ -297,9 +307,14 @@ interface ModelControlsProps {
   onEditorSnapping: (translation: number | null, rotationDegrees: number | null) => void;
   onMapDisplay: (visual: boolean, collision: boolean) => void;
   onMapTabOpen?: () => void;
+  onDataRecorderConfigure: (patch: Partial<DataRecorderConfig>) => void;
+  onDataRecordingStart: () => void;
+  onDataRecordingStop: () => void;
+  onDataRecordingClear: () => void;
+  onDataRecordingExport: (format: 'csv' | 'json') => void;
 }
 export function ModelControlsSidebar(props: ModelControlsProps) {
-  const [tab, setTab] = useState<'properties' | 'controls' | 'map'>('properties'),
+  const [tab, setTab] = useState<'properties' | 'controls' | 'data' | 'map'>('properties'),
     s = props.snapshot;
   if (!s)
     return (
@@ -535,6 +550,22 @@ export function ModelControlsSidebar(props: ModelControlsProps) {
             icon: <SlidersHorizontal className="h-3.5 w-3.5" />,
             content: controls,
           },
+          {
+            value: 'data',
+            label: '数据',
+            icon: <Database className="h-3.5 w-3.5" />,
+            content: (
+              <DataRecordingPanel
+                status={s.telemetry}
+                bodies={s.bodies}
+                onConfigure={props.onDataRecorderConfigure}
+                onStart={props.onDataRecordingStart}
+                onStop={props.onDataRecordingStop}
+                onClear={props.onDataRecordingClear}
+                onExport={props.onDataRecordingExport}
+              />
+            ),
+          },
           {
             value: 'map',
             label: '地图',