feat(platform): add trajectory playback workspace

vehicle-data-platform/apps/web/src/test/App.test.tsx

@@ -2878,9 +2878,9 @@ test('updates history hash when vehicle history filters are submitted', async ()
 
   render(<App />);
 
-  await screen.findByRole('heading', { name: '历史数据' });
+  await screen.findByRole('heading', { name: '轨迹回放' });
   fireEvent.change(screen.getByPlaceholderText('VIN / 车牌 / 手机号'), { target: { value: '粤AG18312' } });
-  fireEvent.click(screen.getByText('全部来源'));
+  fireEvent.click(screen.getAllByText('全部来源')[0]);
   fireEvent.click(await screen.findByText('JT808'));
   fireEvent.change(screen.getByPlaceholderText('2026-07-03 00:00:00'), { target: { value: '2026-07-01 00:00:00' } });
   fireEvent.change(screen.getByPlaceholderText('2026-07-03 23:59:59'), { target: { value: '2026-07-01 23:59:59' } });
@@ -2897,6 +2897,64 @@ test('updates history hash when vehicle history filters are submitted', async ()
   }));
 });
 
+test('shows trajectory playback workspace from history locations', async () => {
+  window.history.replaceState(null, '', '/#/history?keyword=VIN-TRACK-001&protocol=JT808');
+  vi.spyOn(globalThis, 'fetch').mockImplementation(async (input, init) => {
+    const path = String(input);
+    if (path.includes('/api/ops/health')) {
+      return {
+        ok: true,
+        json: async () => ({
+          data: { linkHealth: [], kafkaLag: 0, redisOnlineKeys: 0, tdengineWritable: true, mysqlWritable: true, runtime: { requestTimeoutMs: 5000 } },
+          traceId: 'trace-test',
+          timestamp: 1783094400000
+        })
+      } as Response;
+    }
+    if (path.includes('/api/history/locations')) {
+      return {
+        ok: true,
+        json: async () => ({
+          data: {
+            items: [
+              { vin: 'VIN-TRACK-001', plate: '粤A轨迹1', protocol: 'JT808', longitude: 113.2, latitude: 23.1, speedKmh: 10, socPercent: 0, totalMileageKm: 100, lastSeen: '2026-07-03 10:00:00', deviceTime: '2026-07-03 10:00:00', serverTime: '2026-07-03 10:00:01' },
+              { vin: 'VIN-TRACK-001', plate: '粤A轨迹1', protocol: 'JT808', longitude: 113.3, latitude: 23.2, speedKmh: 42, socPercent: 0, totalMileageKm: 112.4, lastSeen: '2026-07-03 10:10:00', deviceTime: '2026-07-03 10:10:00', serverTime: '2026-07-03 10:10:01' }
+            ],
+            total: 2,
+            limit: 10,
+            offset: 0
+          },
+          traceId: 'trace-test',
+          timestamp: 1783094400000
+        })
+      } as Response;
+    }
+    if (path.includes('/api/history/raw-frames/query')) {
+      expect(init?.method).toBe('POST');
+    }
+    return {
+      ok: true,
+      json: async () => ({
+        data: { items: [], total: 0, limit: 10, offset: 0 },
+        traceId: 'trace-test',
+        timestamp: 1783094400000
+      })
+    } as Response;
+  });
+
+  render(<App />);
+
+  expect(await screen.findByRole('heading', { name: '轨迹回放' })).toBeInTheDocument();
+  expect(screen.getByText('轨迹回放作业台')).toBeInTheDocument();
+  expect(screen.getByText('2 个有效轨迹点')).toBeInTheDocument();
+  expect(screen.getByText('区间里程')).toBeInTheDocument();
+  expect(screen.getAllByText('12.4 km').length).toBeGreaterThan(0);
+  expect(screen.getByText('最高速度')).toBeInTheDocument();
+  expect(screen.getByText('42 km/h')).toBeInTheDocument();
+  expect(screen.getByText('起点')).toBeInTheDocument();
+  expect(screen.getByText('终点')).toBeInTheDocument();
+});
+
 test('shows vehicle and source scope on mileage hash', async () => {
   window.history.replaceState(null, '', '/#/mileage?keyword=VIN-MILEAGE-001&protocol=GB32960');
   vi.spyOn(globalThis, 'fetch').mockImplementation(async (input) => {