feat(platform-web): show searched vehicle service status

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

@@ -1,6 +1,7 @@
 import { useCallback, useEffect, useState } from 'react';
 import { Toast } from '@douyinfe/semi-ui';
 import { api } from './api/client';
+import type { VehicleServiceStatus } from './api/types';
 import { buildAppHash, parseAppHash } from './domain/appRoute';
 import { AppShell, type PageKey } from './layout/AppShell';
 import { Dashboard } from './pages/Dashboard';
@@ -19,6 +20,7 @@ export default function App() {
   const [analysisVin, setAnalysisVin] = useState(initialVehicleKey);
   const [activeProtocol, setActiveProtocol] = useState(initialRoute.protocol ?? '');
   const [linkIssueCount, setLinkIssueCount] = useState<number | null>(null);
+  const [currentVehicleStatus, setCurrentVehicleStatus] = useState<VehicleServiceStatus | undefined>();
 
   const refreshOpsHealth = useCallback((showError = true) => {
     return api.opsHealth()
@@ -91,6 +93,7 @@ export default function App() {
     try {
       const resolved = await api.vehicleResolve(new URLSearchParams({ keyword: lookupKey }));
       const nextKey = resolved.resolved && resolved.vin ? resolved.vin : lookupKey;
+      setCurrentVehicleStatus(resolved.serviceStatus);
       setActiveVin(nextKey);
       setActiveProtocol(nextProtocol);
       setActivePage('detail');
@@ -149,7 +152,7 @@ export default function App() {
   };
 
   return (
-    <AppShell activePage={activePage} linkIssueCount={linkIssueCount} onChange={navigatePage} onVehicleSearch={openVehicle}>
+    <AppShell activePage={activePage} linkIssueCount={linkIssueCount} currentVehicleStatus={currentVehicleStatus} onChange={navigatePage} onVehicleSearch={openVehicle}>
       {pages[activePage]}
     </AppShell>
   );