gahwa

webui/src/components/RoomCameraFeed.jsx

@@ -1,10 +1,17 @@
-import { useMemo } from 'react';
+import { useEffect, useMemo, useState } from 'react';
 
 export default function RoomCameraFeed({ feed, label }) {
+  const [blink, setBlink] = useState(false);
+
+  useEffect(() => {
+    if (!feed) return;
+    if (!feed.ts && !feed.objectUrl) return;
+    setBlink((prev) => !prev);
+  }, [feed?.ts, feed?.objectUrl]);
+
   const statusText = useMemo(() => {
     if (!feed) return 'Connecting…';
     if (feed.error) return `Error: ${feed.error}`;
-    if (feed.status === 'playing' && feed.stale) return 'Stale frame';
     return feed.status || 'Connecting…';
   }, [feed]);
 
@@ -18,8 +25,9 @@ export default function RoomCameraFeed({ feed, label }) {
       <div className="pointer-events-none absolute left-0 top-0 bg-black/70 px-0.5 py-0.5 text-xs font-semibold text-white">
         {label}
       </div>
-      <div className="pointer-events-none absolute bottom-0 left-0 m-0.5 rounded bg-black/70 px-0.5 py-0.25 text-[0.7rem] text-slate-100">
-        {statusText}
+      <div className="pointer-events-none absolute bottom-0 left-0 m-0.5 flex items-center gap-1 rounded bg-black/70 px-0.5 py-0.25 text-[0.7rem] text-slate-100">
+        <span className={`h-2 w-2 rounded-full ${blink ? 'bg-emerald-400' : 'bg-slate-500'}`} />
+        <span>{statusText}</span>
       </div>
     </div>
   );

webui/src/hooks/useRoomCameraSnapshots.js

@@ -44,7 +44,6 @@ export function useRoomCameraSnapshots(sourceList = []) {
         ...prev,
         [meta.id]: {
           status: 'playing',
-          stale: !!meta.stale,
           ts: meta.ts || Date.now(),
           error: null,
           objectUrl: url,
@@ -60,7 +59,6 @@ export function useRoomCameraSnapshots(sourceList = []) {
           ...(prev[meta.id] || {}),
           status: meta.error ? 'error' : prev[meta.id]?.status || 'connecting',
           error: meta.error || null,
-          stale: meta.stale ?? prev[meta.id]?.stale ?? true,
           ts: meta.ts || prev[meta.id]?.ts || null,
           objectUrl: prev[meta.id]?.objectUrl || null,
         },