feat(monitor): preserve investigation context

vehicle-data-platform/apps/web/src/v2/pages/MonitorPage.test.tsx

@@ -27,9 +27,9 @@ const monitorQueryFlags = vi.hoisted(() => ({ isLoading: false, isFetching: fals
 const originalClipboard = Object.getOwnPropertyDescriptor(navigator, 'clipboard');
 
 vi.mock('../map/FleetMap', () => ({
-  FleetMap: ({ selectedVin, onSelectVin }: { selectedVin?: string; onSelectVin?: (vin: string) => void }) => {
-    fleetMapRenderSpy(selectedVin);
-    return <div data-testid="fleet-map" data-selected-vin={selectedVin ?? ''}>
+  FleetMap: ({ selectedVin, onSelectVin, initialViewport }: { selectedVin?: string; onSelectVin?: (vin: string) => void; initialViewport?: { zoom: number; bounds: string } }) => {
+    fleetMapRenderSpy(selectedVin, initialViewport);
+    return <div data-testid="fleet-map" data-selected-vin={selectedVin ?? ''} data-initial-zoom={initialViewport?.zoom ?? ''} data-initial-bounds={initialViewport?.bounds ?? ''}>
       <button type="button" onClick={() => onSelectVin?.('LTEST000000000002')}>选择地图车辆</button>
     </div>;
   }
@@ -136,6 +136,28 @@ test('starts without a selection and supports expand, collapse, reselection, and
   expect(secondVehicle).toHaveClass('is-selected');
 });
 
+test('restores URL-backed monitor context and carries it into every vehicle workflow', () => {
+  const queryClient = new QueryClient({ defaultOptions: { queries: { retry: false } } });
+  const entry = '/monitor?keyword=%E7%B2%A4A12345&protocol=JT808&status=online&selectedVin=LTEST000000000001&detail=collapsed&zoom=13&bounds=113.100000%2C23.000000%2C113.400000%2C23.300000';
+  render(<QueryClientProvider client={queryClient}><MemoryRouter future={ROUTER_FUTURE} initialEntries={[entry]}><MonitorPage /></MemoryRouter></QueryClientProvider>);
+
+  expect(screen.getByRole('textbox', { name: '搜索车辆' })).toHaveValue('粤A12345');
+  expect(screen.getByRole('combobox', { name: '协议' })).toHaveValue('JT808');
+  expect(screen.getByRole('combobox', { name: '在线状态' })).toHaveValue('online');
+  expect(screen.getByRole('button', { name: '展开车辆详情' })).toBeInTheDocument();
+  expect(screen.getByTestId('fleet-map')).toHaveAttribute('data-initial-zoom', '13');
+  expect(screen.getByTestId('fleet-map')).toHaveAttribute('data-initial-bounds', '113.100000,23.000000,113.400000,23.300000');
+
+  fireEvent.click(screen.getByRole('button', { name: '展开车辆详情' }));
+  for (const name of ['单车详情', '轨迹回放', '历史数据', '里程查询']) {
+    const target = new URL(screen.getByRole('link', { name }).getAttribute('href')!, 'https://vehicle-platform.invalid');
+    const monitorReturn = target.searchParams.get('monitorReturn');
+    expect(monitorReturn).toContain('/monitor?');
+    expect(monitorReturn).toContain('selectedVin=LTEST000000000001');
+    expect(monitorReturn).toContain('zoom=13');
+  }
+});
+
 test('switches to a lightweight realtime list and resolves addresses only on demand', async () => {
   const row = vehicles[0];
   vi.spyOn(api, 'vehicleRealtime').mockResolvedValue({ items: [row], total: 1, limit: 50, offset: 0 });