@optifye/dashboard-core 6.12.16 → 6.12.18

package/dist/automation.js

@@ -1896,6 +1896,7 @@ var VideoCard = React__default.default.memo(({
   displayMinuteBucket,
   displayName,
   lastSeenLabel,
+  hasRecentHealthSignal = false,
   onMouseEnter,
   onMouseLeave
 }) => {
@@ -1910,7 +1911,7 @@ var VideoCard = React__default.default.memo(({
     useRAF,
     onFatalError: onFatalError ?? (() => throttledReloadDashboard())
   });
-  const showOffline = Boolean(isStreamStale);
+  const showOffline = Boolean(isStreamStale && !hasRecentHealthSignal);
   const lastSeenText = lastSeenLabel || "Unknown";
   const workspaceDisplayName = displayName || workspace.displayName || workspace.workspace_name;
   const videoGridMetricValue = getVideoGridMetricValue(workspace, effectiveLegend);
@@ -2050,6 +2051,9 @@ var VideoCard = React__default.default.memo(({
   if (prevProps.lastSeenLabel !== nextProps.lastSeenLabel) {
     return false;
   }
+  if (prevProps.hasRecentHealthSignal !== nextProps.hasRecentHealthSignal) {
+    return false;
+  }
   if (prevProps.legend !== nextProps.legend) {
     return false;
   }

package/dist/automation.mjs

@@ -1889,6 +1889,7 @@ var VideoCard = React.memo(({
   displayMinuteBucket,
   displayName,
   lastSeenLabel,
+  hasRecentHealthSignal = false,
   onMouseEnter,
   onMouseLeave
 }) => {
@@ -1903,7 +1904,7 @@ var VideoCard = React.memo(({
     useRAF,
     onFatalError: onFatalError ?? (() => throttledReloadDashboard())
   });
-  const showOffline = Boolean(isStreamStale);
+  const showOffline = Boolean(isStreamStale && !hasRecentHealthSignal);
   const lastSeenText = lastSeenLabel || "Unknown";
   const workspaceDisplayName = displayName || workspace.displayName || workspace.workspace_name;
   const videoGridMetricValue = getVideoGridMetricValue(workspace, effectiveLegend);
@@ -2043,6 +2044,9 @@ var VideoCard = React.memo(({
   if (prevProps.lastSeenLabel !== nextProps.lastSeenLabel) {
     return false;
   }
+  if (prevProps.hasRecentHealthSignal !== nextProps.hasRecentHealthSignal) {
+    return false;
+  }
   if (prevProps.legend !== nextProps.legend) {
     return false;
   }

package/dist/index.d.mts

@@ -8576,6 +8576,7 @@ interface VideoCardProps {
     displayMinuteBucket?: number;
     displayName?: string;
     lastSeenLabel?: string;
+    hasRecentHealthSignal?: boolean;
     onMouseEnter?: () => void;
     onMouseLeave?: () => void;
 }

package/dist/index.d.ts

@@ -8576,6 +8576,7 @@ interface VideoCardProps {
     displayMinuteBucket?: number;
     displayName?: string;
     lastSeenLabel?: string;
+    hasRecentHealthSignal?: boolean;
     onMouseEnter?: () => void;
     onMouseLeave?: () => void;
 }

package/dist/index.js

@@ -37604,6 +37604,7 @@ var VideoCard = React144__namespace.default.memo(({
   displayMinuteBucket,
   displayName,
   lastSeenLabel,
+  hasRecentHealthSignal: hasRecentHealthSignal2 = false,
   onMouseEnter,
   onMouseLeave
 }) => {
@@ -37618,7 +37619,7 @@ var VideoCard = React144__namespace.default.memo(({
     useRAF,
     onFatalError: onFatalError ?? (() => throttledReloadDashboard())
   });
-  const showOffline = Boolean(isStreamStale);
+  const showOffline = Boolean(isStreamStale && !hasRecentHealthSignal2);
   const lastSeenText = lastSeenLabel || "Unknown";
   const workspaceDisplayName = displayName || workspace.displayName || workspace.workspace_name;
   const videoGridMetricValue = getVideoGridMetricValue(workspace, effectiveLegend);
@@ -37758,6 +37759,9 @@ var VideoCard = React144__namespace.default.memo(({
   if (prevProps.lastSeenLabel !== nextProps.lastSeenLabel) {
     return false;
   }
+  if (prevProps.hasRecentHealthSignal !== nextProps.hasRecentHealthSignal) {
+    return false;
+  }
   if (prevProps.legend !== nextProps.legend) {
     return false;
   }
@@ -37780,10 +37784,17 @@ var DEFAULT_HLS_URL = "https://192.168.5.9:8443/cam1.m3u8";
 var DEBUG_DASHBOARD_LOGS2 = process.env.NEXT_PUBLIC_DEBUG_DASHBOARD === "true";
 var MOBILE_SCROLL_THRESHOLD = 15;
 var MOBILE_BREAKPOINT_PX = 640;
+var RECENT_HEALTH_SIGNAL_MS = 3 * 60 * 1e3;
 var logDebug2 = (...args) => {
   if (!DEBUG_DASHBOARD_LOGS2) return;
   console.log(...args);
 };
+var hasRecentHealthSignal = (lastHeartbeat) => {
+  if (!lastHeartbeat) return false;
+  const heartbeatMs = new Date(lastHeartbeat).getTime();
+  if (!Number.isFinite(heartbeatMs)) return false;
+  return Date.now() - heartbeatMs <= RECENT_HEALTH_SIGNAL_MS;
+};
 var VideoGridView = React144__namespace.default.memo(({
   workspaces,
   selectedLine,
@@ -37811,10 +37822,16 @@ var VideoGridView = React144__namespace.default.memo(({
     const ids = workspaces.map((ws) => ws.workspace_uuid || ws.workspace_name);
     return ids.sort().join(",");
   }, [workspaces]);
+  const [resolvedStreamWorkspaceKey, setResolvedStreamWorkspaceKey] = React144.useState(() => videoStreamsLoading ? null : workspaceIdsKey);
   React144.useEffect(() => {
     setFailedStreams(/* @__PURE__ */ new Set());
     setR2FallbackWorkspaces(/* @__PURE__ */ new Set());
   }, [workspaceIdsKey]);
+  React144.useEffect(() => {
+    if (!videoStreamsLoading) {
+      setResolvedStreamWorkspaceKey(workspaceIdsKey);
+    }
+  }, [videoStreamsLoading, workspaceIdsKey]);
   const videoConfig = useVideoConfig();
   const dashboardConfig = useDashboardConfig();
   const timezone = useAppTimezone();
@@ -37908,7 +37925,7 @@ var VideoGridView = React144__namespace.default.memo(({
       return a.workspace_name.localeCompare(b.workspace_name);
     });
   }, [filteredWorkspaces]);
-  const streamsReady = !videoStreamsLoading;
+  const streamsResolvedForWorkspaceSet = resolvedStreamWorkspaceKey === workspaceIdsKey;
   const resolveWorkspaceDisplayName = React144.useCallback((workspace) => {
     return workspace.displayName || displayNames[`${workspace.line_id}_${workspace.workspace_name}`] || workspace.workspace_name;
   }, [displayNames]);
@@ -38095,11 +38112,12 @@ var VideoGridView = React144__namespace.default.memo(({
       const isVisible = visibleWorkspaces.has(workspaceId);
       const workspaceCropping = getWorkspaceCropping(workspaceId, workspace.workspace_name);
       const workspaceStream = videoStreamsByWorkspaceId?.[workspaceId];
-      const lastSeenLabel = workspace.workspace_uuid ? lastSeenByWorkspaceId[workspace.workspace_uuid]?.timeSinceLastUpdate : void 0;
+      const workspaceHealth = workspace.workspace_uuid ? lastSeenByWorkspaceId[workspace.workspace_uuid] : void 0;
+      const lastSeenLabel = workspaceHealth?.timeSinceLastUpdate;
       const r2Url = workspaceStream?.hls_url;
       const fallbackUrl = getWorkspaceHlsUrl(workspace.workspace_name, workspace.line_id);
       const hasR2Stream = Boolean(r2Url);
-      const useFallback = r2FallbackWorkspaces.has(workspaceId) || streamsReady && !hasR2Stream;
+      const useFallback = r2FallbackWorkspaces.has(workspaceId) || streamsResolvedForWorkspaceSet && !hasR2Stream;
       const hlsUrl = useFallback ? fallbackUrl : r2Url ?? "";
       const isR2Stream = !useFallback && hasR2Stream;
       const canAttemptR2 = hasR2Stream && !r2FallbackWorkspaces.has(workspaceId);
@@ -38114,7 +38132,8 @@ var VideoGridView = React144__namespace.default.memo(({
         hlsUrl,
         isR2Stream,
         shouldPlay,
-        lastSeenLabel
+        lastSeenLabel,
+        hasRecentHealthSignal: hasRecentHealthSignal(workspaceHealth?.lastHeartbeat)
       };
     });
   }, [
@@ -38125,7 +38144,7 @@ var VideoGridView = React144__namespace.default.memo(({
     lastSeenByWorkspaceId,
     getWorkspaceHlsUrl,
     r2FallbackWorkspaces,
-    streamsReady,
+    streamsResolvedForWorkspaceSet,
     failedStreams
   ]);
   const croppedActiveCount = React144.useMemo(() => {
@@ -38161,6 +38180,7 @@ var VideoGridView = React144__namespace.default.memo(({
           canvasFps: effectiveCanvasFps,
           displayName: resolveWorkspaceDisplayName(card.workspace),
           lastSeenLabel: card.lastSeenLabel,
+          hasRecentHealthSignal: card.hasRecentHealthSignal,
           useRAF: effectiveUseRAF,
           displayMinuteBucket,
           compact: !selectedLine,

package/dist/index.mjs

@@ -37575,6 +37575,7 @@ var VideoCard = React144__default.memo(({
   displayMinuteBucket,
   displayName,
   lastSeenLabel,
+  hasRecentHealthSignal: hasRecentHealthSignal2 = false,
   onMouseEnter,
   onMouseLeave
 }) => {
@@ -37589,7 +37590,7 @@ var VideoCard = React144__default.memo(({
     useRAF,
     onFatalError: onFatalError ?? (() => throttledReloadDashboard())
   });
-  const showOffline = Boolean(isStreamStale);
+  const showOffline = Boolean(isStreamStale && !hasRecentHealthSignal2);
   const lastSeenText = lastSeenLabel || "Unknown";
   const workspaceDisplayName = displayName || workspace.displayName || workspace.workspace_name;
   const videoGridMetricValue = getVideoGridMetricValue(workspace, effectiveLegend);
@@ -37729,6 +37730,9 @@ var VideoCard = React144__default.memo(({
   if (prevProps.lastSeenLabel !== nextProps.lastSeenLabel) {
     return false;
   }
+  if (prevProps.hasRecentHealthSignal !== nextProps.hasRecentHealthSignal) {
+    return false;
+  }
   if (prevProps.legend !== nextProps.legend) {
     return false;
   }
@@ -37751,10 +37755,17 @@ var DEFAULT_HLS_URL = "https://192.168.5.9:8443/cam1.m3u8";
 var DEBUG_DASHBOARD_LOGS2 = process.env.NEXT_PUBLIC_DEBUG_DASHBOARD === "true";
 var MOBILE_SCROLL_THRESHOLD = 15;
 var MOBILE_BREAKPOINT_PX = 640;
+var RECENT_HEALTH_SIGNAL_MS = 3 * 60 * 1e3;
 var logDebug2 = (...args) => {
   if (!DEBUG_DASHBOARD_LOGS2) return;
   console.log(...args);
 };
+var hasRecentHealthSignal = (lastHeartbeat) => {
+  if (!lastHeartbeat) return false;
+  const heartbeatMs = new Date(lastHeartbeat).getTime();
+  if (!Number.isFinite(heartbeatMs)) return false;
+  return Date.now() - heartbeatMs <= RECENT_HEALTH_SIGNAL_MS;
+};
 var VideoGridView = React144__default.memo(({
   workspaces,
   selectedLine,
@@ -37782,10 +37793,16 @@ var VideoGridView = React144__default.memo(({
     const ids = workspaces.map((ws) => ws.workspace_uuid || ws.workspace_name);
     return ids.sort().join(",");
   }, [workspaces]);
+  const [resolvedStreamWorkspaceKey, setResolvedStreamWorkspaceKey] = useState(() => videoStreamsLoading ? null : workspaceIdsKey);
   useEffect(() => {
     setFailedStreams(/* @__PURE__ */ new Set());
     setR2FallbackWorkspaces(/* @__PURE__ */ new Set());
   }, [workspaceIdsKey]);
+  useEffect(() => {
+    if (!videoStreamsLoading) {
+      setResolvedStreamWorkspaceKey(workspaceIdsKey);
+    }
+  }, [videoStreamsLoading, workspaceIdsKey]);
   const videoConfig = useVideoConfig();
   const dashboardConfig = useDashboardConfig();
   const timezone = useAppTimezone();
@@ -37879,7 +37896,7 @@ var VideoGridView = React144__default.memo(({
       return a.workspace_name.localeCompare(b.workspace_name);
     });
   }, [filteredWorkspaces]);
-  const streamsReady = !videoStreamsLoading;
+  const streamsResolvedForWorkspaceSet = resolvedStreamWorkspaceKey === workspaceIdsKey;
   const resolveWorkspaceDisplayName = useCallback((workspace) => {
     return workspace.displayName || displayNames[`${workspace.line_id}_${workspace.workspace_name}`] || workspace.workspace_name;
   }, [displayNames]);
@@ -38066,11 +38083,12 @@ var VideoGridView = React144__default.memo(({
       const isVisible = visibleWorkspaces.has(workspaceId);
       const workspaceCropping = getWorkspaceCropping(workspaceId, workspace.workspace_name);
       const workspaceStream = videoStreamsByWorkspaceId?.[workspaceId];
-      const lastSeenLabel = workspace.workspace_uuid ? lastSeenByWorkspaceId[workspace.workspace_uuid]?.timeSinceLastUpdate : void 0;
+      const workspaceHealth = workspace.workspace_uuid ? lastSeenByWorkspaceId[workspace.workspace_uuid] : void 0;
+      const lastSeenLabel = workspaceHealth?.timeSinceLastUpdate;
       const r2Url = workspaceStream?.hls_url;
       const fallbackUrl = getWorkspaceHlsUrl(workspace.workspace_name, workspace.line_id);
       const hasR2Stream = Boolean(r2Url);
-      const useFallback = r2FallbackWorkspaces.has(workspaceId) || streamsReady && !hasR2Stream;
+      const useFallback = r2FallbackWorkspaces.has(workspaceId) || streamsResolvedForWorkspaceSet && !hasR2Stream;
       const hlsUrl = useFallback ? fallbackUrl : r2Url ?? "";
       const isR2Stream = !useFallback && hasR2Stream;
       const canAttemptR2 = hasR2Stream && !r2FallbackWorkspaces.has(workspaceId);
@@ -38085,7 +38103,8 @@ var VideoGridView = React144__default.memo(({
         hlsUrl,
         isR2Stream,
         shouldPlay,
-        lastSeenLabel
+        lastSeenLabel,
+        hasRecentHealthSignal: hasRecentHealthSignal(workspaceHealth?.lastHeartbeat)
       };
     });
   }, [
@@ -38096,7 +38115,7 @@ var VideoGridView = React144__default.memo(({
     lastSeenByWorkspaceId,
     getWorkspaceHlsUrl,
     r2FallbackWorkspaces,
-    streamsReady,
+    streamsResolvedForWorkspaceSet,
     failedStreams
   ]);
   const croppedActiveCount = useMemo(() => {
@@ -38132,6 +38151,7 @@ var VideoGridView = React144__default.memo(({
           canvasFps: effectiveCanvasFps,
           displayName: resolveWorkspaceDisplayName(card.workspace),
           lastSeenLabel: card.lastSeenLabel,
+          hasRecentHealthSignal: card.hasRecentHealthSignal,
           useRAF: effectiveUseRAF,
           displayMinuteBucket,
           compact: !selectedLine,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@optifye/dashboard-core",
-  "version": "6.12.16",
+  "version": "6.12.18",
   "description": "Reusable UI & logic for Optifye dashboard",
   "main": "dist/index.js",
   "module": "dist/index.mjs",