refine Semi UI track replay details

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

@@ -106,7 +106,7 @@ test('keeps committed track criteria authoritative to same-route navigation and
   expect((await screen.findAllByText('粤A12345')).length).toBeGreaterThan(0);
   expect(screen.getByTestId('track-map')).toHaveAttribute('data-point-count', '3');
   expect(screen.queryByRole('textbox', { name: '搜索轨迹车辆' })).not.toBeInTheDocument();
-  expect(screen.getByText(/07-15 00:00/)).toBeInTheDocument();
+  expect(screen.getAllByText(/07-15 00:00/).length).toBeGreaterThan(0);
   fireEvent.click(screen.getByRole('button', { name: '修改条件' }));
   expect(screen.getByRole('textbox', { name: '搜索轨迹车辆' })).toHaveValue('LTEST000000000001');
 
@@ -225,8 +225,8 @@ test('renders a map-first replay workspace and connects stop, event, and panel i
   expect(screen.queryByRole('textbox', { name: '搜索轨迹车辆' })).not.toBeInTheDocument();
 
   fireEvent.click(screen.getByRole('button', { name: '隐藏查询与明细' }));
-  expect(screen.getByRole('button', { name: '展开查询与明细' })).toBeInTheDocument();
-  fireEvent.click(screen.getByRole('button', { name: '展开查询与明细' }));
+  expect(screen.getByRole('button', { name: '打开轨迹详情' })).toBeInTheDocument();
+  fireEvent.click(screen.getByRole('button', { name: '打开轨迹详情' }));
   expect(screen.getByRole('button', { name: '隐藏查询与明细' })).toBeInTheDocument();
 
   await waitFor(() => expect(mocks.trackPlayback).toHaveBeenCalledTimes(1));
@@ -246,7 +246,7 @@ test('uses a Semi bottom SideSheet for mobile track criteria and evidence', asyn
   expect((await screen.findAllByText('粤A12345')).length).toBeGreaterThan(0);
   expect(view.container.querySelector('.v2-track-page')).toHaveClass('is-mobile-layout', 'is-rail-collapsed');
   expect(view.container.querySelector('.v2-track-page > .v2-track-stage')).toBeInTheDocument();
-  fireEvent.click(screen.getByRole('button', { name: '展开查询与明细' }));
+  fireEvent.click(screen.getByRole('button', { name: '打开轨迹详情' }));
 
   const sheet = await waitFor(() => {
     const element = document.querySelector('.v2-track-detail-sidesheet .semi-sidesheet-inner');
@@ -255,9 +255,24 @@ test('uses a Semi bottom SideSheet for mobile track criteria and evidence', asyn
   });
   expect(sheet).toHaveClass('semi-sidesheet-inner');
   expect(document.querySelector('.v2-track-detail-sidesheet .v2-track-rail')).toBeInTheDocument();
+  expect(document.querySelector('.v2-track-detail-sidesheet .v2-track-query-summary')).not.toBeInTheDocument();
+  expect(screen.getByText('07-15 00:00 – 07-15 23:59 · 自动来源')).toBeInTheDocument();
+  expect(screen.getByText('8 km · 1 个停留 · 3 个事件')).toBeInTheDocument();
   expect(screen.getByRole('button', { name: '关闭轨迹查询与明细' })).toBeInTheDocument();
 });
 
+test('keeps one clear mobile query entry before a vehicle is selected', async () => {
+  Object.defineProperty(window, 'matchMedia', { configurable: true, value: vi.fn(() => ({ matches: true, addEventListener: vi.fn(), removeEventListener: vi.fn() })) });
+  const client = new QueryClient({ defaultOptions: { queries: { retry: false } } });
+  render(<QueryClientProvider client={client}><MemoryRouter future={ROUTER_FUTURE} initialEntries={['/tracks']}><TrackPage /></MemoryRouter></QueryClientProvider>);
+
+  expect(await screen.findByRole('button', { name: /选择车辆/ })).toBeInTheDocument();
+  expect(screen.queryByRole('button', { name: '打开轨迹详情' })).not.toBeInTheDocument();
+  fireEvent.click(screen.getByRole('button', { name: /选择车辆/ }));
+  expect(await screen.findByRole('dialog', { name: '轨迹查询与明细' })).toBeInTheDocument();
+  expect(screen.getByRole('textbox', { name: '搜索轨迹车辆' })).toBeInTheDocument();
+});
+
 test('coalesces rapid track scrubbing into one address lookup for the final point', async () => {
   const client = new QueryClient({ defaultOptions: { queries: { retry: false } } });
   render(<QueryClientProvider client={client}><MemoryRouter future={ROUTER_FUTURE} initialEntries={['/tracks?keyword=LTEST000000000001&dateFrom=2026-07-15T00:00&dateTo=2026-07-15T23:59']}><TrackPage /></MemoryRouter></QueryClientProvider>);