From 80bd726455cb1db0bfb9b3e3b05643605a565fac Mon Sep 17 00:00:00 2001
From: lingniu <lingniu@lingnius-Mac-mini.local>
Date: Sat, 4 Jul 2026 02:35:55 +0800
Subject: [PATCH] feat(platform-web): show searched vehicle identity context

---
 vehicle-data-platform/apps/web/src/App.tsx             | 4 +++-
 vehicle-data-platform/apps/web/src/layout/AppShell.tsx | 3 +++
 vehicle-data-platform/apps/web/src/test/App.test.tsx   | 1 +
 3 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/vehicle-data-platform/apps/web/src/App.tsx b/vehicle-data-platform/apps/web/src/App.tsx
index 4f2a2ce1..5987d5df 100644
--- a/vehicle-data-platform/apps/web/src/App.tsx
+++ b/vehicle-data-platform/apps/web/src/App.tsx
@@ -21,6 +21,7 @@ export default function App() {
   const [activeProtocol, setActiveProtocol] = useState(initialRoute.protocol ?? '');
   const [linkIssueCount, setLinkIssueCount] = useState<number | null>(null);
   const [currentVehicleStatus, setCurrentVehicleStatus] = useState<VehicleServiceStatus | undefined>();
+  const [currentVehicleLabel, setCurrentVehicleLabel] = useState('');
 
   const refreshOpsHealth = useCallback((showError = true) => {
     return api.opsHealth()
@@ -94,6 +95,7 @@ export default function App() {
       const resolved = await api.vehicleResolve(new URLSearchParams({ keyword: lookupKey }));
       const nextKey = resolved.resolved && resolved.vin ? resolved.vin : lookupKey;
       setCurrentVehicleStatus(resolved.serviceStatus);
+      setCurrentVehicleLabel(resolved.resolved ? [resolved.plate, resolved.vin || nextKey].filter(Boolean).join(' / ') : lookupKey);
       setActiveVin(nextKey);
       setActiveProtocol(nextProtocol);
       setActivePage('detail');
@@ -152,7 +154,7 @@ export default function App() {
   };
 
   return (
-    <AppShell activePage={activePage} linkIssueCount={linkIssueCount} currentVehicleStatus={currentVehicleStatus} onChange={navigatePage} onVehicleSearch={openVehicle}>
+    <AppShell activePage={activePage} linkIssueCount={linkIssueCount} currentVehicleStatus={currentVehicleStatus} currentVehicleLabel={currentVehicleLabel} onChange={navigatePage} onVehicleSearch={openVehicle}>
       {pages[activePage]}
     </AppShell>
   );
diff --git a/vehicle-data-platform/apps/web/src/layout/AppShell.tsx b/vehicle-data-platform/apps/web/src/layout/AppShell.tsx
index 7b6c6b73..c5e52a80 100644
--- a/vehicle-data-platform/apps/web/src/layout/AppShell.tsx
+++ b/vehicle-data-platform/apps/web/src/layout/AppShell.tsx
@@ -36,6 +36,7 @@ export function AppShell({
   activePage,
   linkIssueCount,
   currentVehicleStatus,
+  currentVehicleLabel,
   onChange,
   onVehicleSearch,
   children
@@ -43,6 +44,7 @@ export function AppShell({
   activePage: PageKey;
   linkIssueCount: number | null;
   currentVehicleStatus?: VehicleServiceStatus;
+  currentVehicleLabel?: string;
   onChange: (page: PageKey) => void;
   onVehicleSearch: (keyword: string) => void | Promise<void>;
   children: ReactNode;
@@ -89,6 +91,7 @@ export function AppShell({
               <Button theme="solid" type="primary" loading={searching} onClick={search}>查询车辆</Button>
             </Space>
             <Space spacing={12}>
+              {currentVehicleLabel ? <Tag color="grey">{currentVehicleLabel}</Tag> : null}
               {currentVehicleStatus ? (
                 <Tag color={currentVehicleStatus.severity === 'ok' ? 'green' : currentVehicleStatus.severity === 'error' ? 'red' : 'orange'}>
                   当前车辆：{currentVehicleStatus.title}
diff --git a/vehicle-data-platform/apps/web/src/test/App.test.tsx b/vehicle-data-platform/apps/web/src/test/App.test.tsx
index 2426d433..d6c7d917 100644
--- a/vehicle-data-platform/apps/web/src/test/App.test.tsx
+++ b/vehicle-data-platform/apps/web/src/test/App.test.tsx
@@ -146,6 +146,7 @@ test('shows resolved vehicle service status after topbar search', async () => {
   fireEvent.click(screen.getByRole('button', { name: '查询车辆' }));
 
   expect(await screen.findByText('当前车辆：部分来源离线')).toBeInTheDocument();
+  expect(screen.getByText('粤AG18312 / LB9A32A24R0LS1426')).toBeInTheDocument();
 });
 
 test('shows row service status in dashboard vehicle previews', async () => {