fix: tailwind

Author: whes1015

.claude/settings.local.json

@@ -12,7 +12,11 @@
       "Bash(ln:*)",
       "Bash(node scripts/sync-version.cjs:*)",
       "Bash(git rm:*)",
-      "Bash(node:*)"
+      "Bash(node:*)",
+      "Bash(npm run build:*)",
+      "Bash(timeout 10 npm run dev:*)",
+      "Bash(npm run build:web:*)",
+      "Bash(npm run build:desktop:*)"
     ],
     "deny": [],
     "ask": []

packages/common/src/components/map/base.tsx

@@ -79,7 +79,7 @@ export function BaseMap({ onMapLoaded, onCleanup }: { onMapLoaded?: (map: Map) =
   const sourceInitializedRef = useRef(false);
   const connectedStationsRef = useRef(new Set<string>());
 
-  const { data: rtsData, error: rtsError } = useRTS();
+  const { data: rtsData, lastUpdate } = useRTS();
 
   const [dataTime, setDataTime] = useState(0);
   const [maxIntensity, setMaxIntensity] = useState(-3);
@@ -88,6 +88,8 @@ export function BaseMap({ onMapLoaded, onCleanup }: { onMapLoaded?: (map: Map) =
   const [tooltipSwitchIndex, setTooltipSwitchIndex] = useState(0);
   const [tooltips, setTooltips] = useState<AlertTooltip[]>([]);
   const [alertStations, setAlertStations] = useState<AlertTooltip[]>([]);
+  const [isStale, setIsStale] = useState(false);
+  const lastReceivedTimeRef = useRef(0);
 
   const formatTime = (ts: number) => {
     if (!ts) return '';
@@ -232,10 +234,21 @@ export function BaseMap({ onMapLoaded, onCleanup }: { onMapLoaded?: (map: Map) =
     };
   }, []);
 
+  // Check stale status on every update (triggered by RTSContext's 1s interval)
+  useEffect(() => {
+    if (lastUpdate === 0) return;
+    const now = Date.now();
+    if (lastReceivedTimeRef.current > 0) {
+      setIsStale(now - lastReceivedTimeRef.current > 3000);
+    }
+  }, [lastUpdate]);
+
   // Process RTS data when it updates
   useEffect(() => {
     if (!rtsData) return;
     setDataTime(rtsData.time);
+    lastReceivedTimeRef.current = Date.now();
+    setIsStale(false);
     let max = -3;
     const alerts: AlertTooltip[] = [];
     for (const f of rtsData.geojson.features) {
@@ -348,7 +361,7 @@ export function BaseMap({ onMapLoaded, onCleanup }: { onMapLoaded?: (map: Map) =
             </div>
           </div>
           <div className="bg-black/70 backdrop-blur-md rounded-lg px-3 py-1.5 border border-white/10 shadow-lg flex items-center gap-1.5">
-            <div className={`w-2 h-2 rounded-full animate-pulse ${rtsError ? 'bg-red-500' : 'bg-emerald-400'}`} />
+            <div className={`w-2 h-2 rounded-full animate-pulse ${isStale ? 'bg-red-500' : 'bg-emerald-400'}`} />
             <span className="text-white/90 text-xs font-medium tracking-wide">{formatTime(dataTime)}</span>
           </div>
         </div>

packages/common/src/contexts/RTSContext.tsx

@@ -8,6 +8,7 @@ interface RTSContextType {
   data: ProcessedStationData | null;
   isLoading: boolean;
   error: Error | null;
+  lastUpdate: number;
 }
 
 const RTSContext = createContext<RTSContextType | undefined>(undefined);
@@ -16,6 +17,7 @@ export function RTSProvider({ children }: { children: React.ReactNode }) {
   const [data, setData] = useState<ProcessedStationData | null>(null);
   const [isLoading, setIsLoading] = useState<boolean>(true);
   const [error, setError] = useState<Error | null>(null);
+  const [lastUpdate, setLastUpdate] = useState<number>(0);
   const workerManagerRef = useRef<RTSWorkerManager | null>(null);
   const isMountedRef = useRef<boolean>(true);
 
@@ -40,6 +42,7 @@ export function RTSProvider({ children }: { children: React.ReactNode }) {
       } finally {
         if (isMountedRef.current) {
           setIsLoading(false);
+          setLastUpdate(Date.now());
         }
       }
     };
@@ -59,7 +62,7 @@ export function RTSProvider({ children }: { children: React.ReactNode }) {
   }, []);
 
   return (
-    <RTSContext.Provider value={{ data, isLoading, error }}>
+    <RTSContext.Provider value={{ data, isLoading, error, lastUpdate }}>
       {children}
     </RTSContext.Provider>
   );

packages/desktop/src/app/globals.css

@@ -1,4 +1,5 @@
 @import "tailwindcss";
+@source "../../../../packages/common/src/**/*.tsx";
 
 :root {
   --background: oklch(1.0000 0 0);

packages/web/next-env.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="next" />
 /// <reference types="next/image-types/global" />
-import "./.next/dev/types/routes.d.ts";
+import "./.next/types/routes.d.ts";
 
 // NOTE: This file should not be edited
 // see https://nextjs.org/docs/app/api-reference/config/typescript for more information.