@optifye/dashboard-core 6.11.11 → 6.11.12

package/dist/index.d.mts

@@ -8266,6 +8266,7 @@ interface VideoCardProps {
     useRAF?: boolean;
     className?: string;
     compact?: boolean;
+    displayMinuteBucket?: number;
     displayName?: string;
     lastSeenLabel?: string;
     onMouseEnter?: () => void;

package/dist/index.d.ts

@@ -8266,6 +8266,7 @@ interface VideoCardProps {
     useRAF?: boolean;
     className?: string;
     compact?: boolean;
+    displayMinuteBucket?: number;
     displayName?: string;
     lastSeenLabel?: string;
     onMouseEnter?: () => void;

package/dist/index.js

@@ -33563,8 +33563,47 @@ var getVideoGridMetricValue = (workspace) => {
   return workspace.efficiency;
 };
 var hasIncomingWipMapping = (workspace) => Boolean(workspace.incoming_wip_buffer_name);
+var getVideoGridBaseColorState = (workspace, legend = DEFAULT_EFFICIENCY_LEGEND) => getEfficiencyColor(getVideoGridMetricValue(workspace), legend);
+var isLowWipGreenOverride = (workspace, legend = DEFAULT_EFFICIENCY_LEGEND) => {
+  if (!hasAssemblyRecentFlow(workspace)) {
+    return false;
+  }
+  if (getVideoGridBaseColorState(workspace, legend) !== "red") {
+    return false;
+  }
+  if (!hasIncomingWipMapping(workspace)) {
+    return false;
+  }
+  return isFiniteNumber2(workspace.incoming_wip_current) && workspace.incoming_wip_current <= 1;
+};
+var toMinuteBucket = (minuteBucket) => Number.isFinite(minuteBucket) ? Math.floor(minuteBucket) : Math.floor(Date.now() / 6e4);
+var getEffectiveFlowMinuteBucket = (workspace) => {
+  const effectiveAt = workspace.recent_flow_effective_end_at;
+  if (!effectiveAt) {
+    return void 0;
+  }
+  const timestamp = Date.parse(effectiveAt);
+  if (!Number.isFinite(timestamp)) {
+    return void 0;
+  }
+  return Math.floor(timestamp / 6e4);
+};
+var hashWorkspaceKey = (workspace) => {
+  const workspaceKey = workspace.workspace_uuid || workspace.workspace_name || "unknown";
+  let hash = 0;
+  for (let index = 0; index < workspaceKey.length; index += 1) {
+    hash = (hash * 31 + workspaceKey.charCodeAt(index)) % 2147483647;
+  }
+  return hash;
+};
+var getSyntheticLowWipDisplayValue = (workspace, minuteBucket) => {
+  const bucket = getEffectiveFlowMinuteBucket(workspace) ?? toMinuteBucket(minuteBucket);
+  const offset = (hashWorkspaceKey(workspace) % 11 + bucket % 11 + 11) % 11;
+  return 100 + offset;
+};
+var getVideoGridDisplayValue = (workspace, legend = DEFAULT_EFFICIENCY_LEGEND, minuteBucket) => isLowWipGreenOverride(workspace, legend) ? getSyntheticLowWipDisplayValue(workspace, minuteBucket) : getVideoGridMetricValue(workspace);
 var getVideoGridColorState = (workspace, legend = DEFAULT_EFFICIENCY_LEGEND) => {
-  const baseColor = getEfficiencyColor(getVideoGridMetricValue(workspace), legend);
+  const baseColor = getVideoGridBaseColorState(workspace, legend);
   if (!hasAssemblyRecentFlow(workspace)) {
     return baseColor;
   }
@@ -33577,7 +33616,7 @@ var getVideoGridColorState = (workspace, legend = DEFAULT_EFFICIENCY_LEGEND) =>
   if (!isFiniteNumber2(workspace.incoming_wip_current)) {
     return "neutral";
   }
-  if (workspace.incoming_wip_current <= 1) {
+  if (isLowWipGreenOverride(workspace, legend)) {
     return "green";
   }
   return baseColor;
@@ -33618,6 +33657,7 @@ var VideoCard = React141__namespace.default.memo(({
   useRAF = true,
   className = "",
   compact = false,
+  displayMinuteBucket,
   displayName,
   lastSeenLabel,
   onMouseEnter,
@@ -33638,8 +33678,9 @@ var VideoCard = React141__namespace.default.memo(({
   const lastSeenText = lastSeenLabel || "Unknown";
   const workspaceDisplayName = displayName || getWorkspaceDisplayName(workspace.workspace_name, workspace.line_id);
   const videoGridMetricValue = getVideoGridMetricValue(workspace);
+  const videoGridDisplayValue = getVideoGridDisplayValue(workspace, effectiveLegend, displayMinuteBucket);
   const videoGridColorState = getVideoGridColorState(workspace, effectiveLegend);
-  const badgeTitle = hasAssemblyRecentFlow(workspace) ? `Flow ${Math.round(videoGridMetricValue)}%` : `Efficiency ${Math.round(videoGridMetricValue)}%`;
+  const badgeTitle = hasAssemblyRecentFlow(workspace) ? `Flow ${Math.round(videoGridDisplayValue)}%` : `Efficiency ${Math.round(videoGridDisplayValue)}%`;
   const efficiencyOverlayClass = videoGridColorState === "green" ? "bg-[#00D654]/25" : videoGridColorState === "yellow" ? "bg-[#FFD700]/30" : videoGridColorState === "red" ? "bg-[#FF2D0A]/30" : "bg-transparent";
   const efficiencyBarClass = videoGridColorState === "green" ? "bg-[#00AB45]" : videoGridColorState === "yellow" ? "bg-[#FFB020]" : videoGridColorState === "red" ? "bg-[#E34329]" : "bg-gray-500/70";
   const efficiencyStatus = videoGridColorState === "green" ? "High" : videoGridColorState === "yellow" ? "Medium" : videoGridColorState === "red" ? "Low" : "Neutral";
@@ -33718,10 +33759,11 @@ var VideoCard = React141__namespace.default.memo(({
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: `absolute ${compact ? "top-1 right-1" : "top-2 right-2"} z-30`, children: /* @__PURE__ */ jsxRuntime.jsx(
             "div",
             {
+              "data-testid": "video-card-metric-badge",
               className: `bg-black/70 backdrop-blur-sm rounded ${compact ? "px-1.5 py-1" : "px-2 py-1"} text-white border border-white/10`,
               title: badgeTitle,
               children: /* @__PURE__ */ jsxRuntime.jsxs("span", { className: `${compact ? "text-[10px]" : "text-xs"} font-semibold`, children: [
-                Math.round(videoGridMetricValue),
+                Math.round(videoGridDisplayValue),
                 "%"
               ] })
             }
@@ -33729,6 +33771,7 @@ var VideoCard = React141__namespace.default.memo(({
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: `absolute bottom-0 left-0 right-0 ${compact ? "h-0.5" : "h-1"} bg-black/50 z-30`, children: /* @__PURE__ */ jsxRuntime.jsx(
             "div",
             {
+              "data-testid": "video-card-metric-bar",
               className: `h-full ${efficiencyBarClass} transition-all duration-500`,
               style: { width: `${Math.min(100, videoGridMetricValue)}%` }
             }
@@ -33779,6 +33822,9 @@ var VideoCard = React141__namespace.default.memo(({
   if (prevProps.compact !== nextProps.compact) {
     return false;
   }
+  if (prevProps.displayMinuteBucket !== nextProps.displayMinuteBucket) {
+    return false;
+  }
   if (prevProps.hlsUrl !== nextProps.hlsUrl || prevProps.shouldPlay !== nextProps.shouldPlay) {
     return false;
   }
@@ -34062,6 +34108,7 @@ var VideoGridView = React141__namespace.default.memo(({
       stream_source: isR2Stream ? "r2" : "media_config"
     });
   }, []);
+  const displayMinuteBucket = Math.floor(Date.now() / 6e4);
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className: `relative overflow-hidden h-full w-full ${className}`, children: /* @__PURE__ */ jsxRuntime.jsx("div", { ref: containerRef, className: "h-full w-full p-3 sm:p-2", children: /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
@@ -34151,6 +34198,7 @@ var VideoGridView = React141__namespace.default.memo(({
                 ),
                 lastSeenLabel: card.lastSeenLabel,
                 useRAF: effectiveUseRAF,
+                displayMinuteBucket,
                 compact: !selectedLine,
                 onMouseEnter: onWorkspaceHover ? () => onWorkspaceHover(card.workspaceId) : void 0,
                 onMouseLeave: onWorkspaceHoverEnd ? () => onWorkspaceHoverEnd(card.workspaceId) : void 0

package/dist/index.mjs

@@ -33534,8 +33534,47 @@ var getVideoGridMetricValue = (workspace) => {
   return workspace.efficiency;
 };
 var hasIncomingWipMapping = (workspace) => Boolean(workspace.incoming_wip_buffer_name);
+var getVideoGridBaseColorState = (workspace, legend = DEFAULT_EFFICIENCY_LEGEND) => getEfficiencyColor(getVideoGridMetricValue(workspace), legend);
+var isLowWipGreenOverride = (workspace, legend = DEFAULT_EFFICIENCY_LEGEND) => {
+  if (!hasAssemblyRecentFlow(workspace)) {
+    return false;
+  }
+  if (getVideoGridBaseColorState(workspace, legend) !== "red") {
+    return false;
+  }
+  if (!hasIncomingWipMapping(workspace)) {
+    return false;
+  }
+  return isFiniteNumber2(workspace.incoming_wip_current) && workspace.incoming_wip_current <= 1;
+};
+var toMinuteBucket = (minuteBucket) => Number.isFinite(minuteBucket) ? Math.floor(minuteBucket) : Math.floor(Date.now() / 6e4);
+var getEffectiveFlowMinuteBucket = (workspace) => {
+  const effectiveAt = workspace.recent_flow_effective_end_at;
+  if (!effectiveAt) {
+    return void 0;
+  }
+  const timestamp = Date.parse(effectiveAt);
+  if (!Number.isFinite(timestamp)) {
+    return void 0;
+  }
+  return Math.floor(timestamp / 6e4);
+};
+var hashWorkspaceKey = (workspace) => {
+  const workspaceKey = workspace.workspace_uuid || workspace.workspace_name || "unknown";
+  let hash = 0;
+  for (let index = 0; index < workspaceKey.length; index += 1) {
+    hash = (hash * 31 + workspaceKey.charCodeAt(index)) % 2147483647;
+  }
+  return hash;
+};
+var getSyntheticLowWipDisplayValue = (workspace, minuteBucket) => {
+  const bucket = getEffectiveFlowMinuteBucket(workspace) ?? toMinuteBucket(minuteBucket);
+  const offset = (hashWorkspaceKey(workspace) % 11 + bucket % 11 + 11) % 11;
+  return 100 + offset;
+};
+var getVideoGridDisplayValue = (workspace, legend = DEFAULT_EFFICIENCY_LEGEND, minuteBucket) => isLowWipGreenOverride(workspace, legend) ? getSyntheticLowWipDisplayValue(workspace, minuteBucket) : getVideoGridMetricValue(workspace);
 var getVideoGridColorState = (workspace, legend = DEFAULT_EFFICIENCY_LEGEND) => {
-  const baseColor = getEfficiencyColor(getVideoGridMetricValue(workspace), legend);
+  const baseColor = getVideoGridBaseColorState(workspace, legend);
   if (!hasAssemblyRecentFlow(workspace)) {
     return baseColor;
   }
@@ -33548,7 +33587,7 @@ var getVideoGridColorState = (workspace, legend = DEFAULT_EFFICIENCY_LEGEND) =>
   if (!isFiniteNumber2(workspace.incoming_wip_current)) {
     return "neutral";
   }
-  if (workspace.incoming_wip_current <= 1) {
+  if (isLowWipGreenOverride(workspace, legend)) {
     return "green";
   }
   return baseColor;
@@ -33589,6 +33628,7 @@ var VideoCard = React141__default.memo(({
   useRAF = true,
   className = "",
   compact = false,
+  displayMinuteBucket,
   displayName,
   lastSeenLabel,
   onMouseEnter,
@@ -33609,8 +33649,9 @@ var VideoCard = React141__default.memo(({
   const lastSeenText = lastSeenLabel || "Unknown";
   const workspaceDisplayName = displayName || getWorkspaceDisplayName(workspace.workspace_name, workspace.line_id);
   const videoGridMetricValue = getVideoGridMetricValue(workspace);
+  const videoGridDisplayValue = getVideoGridDisplayValue(workspace, effectiveLegend, displayMinuteBucket);
   const videoGridColorState = getVideoGridColorState(workspace, effectiveLegend);
-  const badgeTitle = hasAssemblyRecentFlow(workspace) ? `Flow ${Math.round(videoGridMetricValue)}%` : `Efficiency ${Math.round(videoGridMetricValue)}%`;
+  const badgeTitle = hasAssemblyRecentFlow(workspace) ? `Flow ${Math.round(videoGridDisplayValue)}%` : `Efficiency ${Math.round(videoGridDisplayValue)}%`;
   const efficiencyOverlayClass = videoGridColorState === "green" ? "bg-[#00D654]/25" : videoGridColorState === "yellow" ? "bg-[#FFD700]/30" : videoGridColorState === "red" ? "bg-[#FF2D0A]/30" : "bg-transparent";
   const efficiencyBarClass = videoGridColorState === "green" ? "bg-[#00AB45]" : videoGridColorState === "yellow" ? "bg-[#FFB020]" : videoGridColorState === "red" ? "bg-[#E34329]" : "bg-gray-500/70";
   const efficiencyStatus = videoGridColorState === "green" ? "High" : videoGridColorState === "yellow" ? "Medium" : videoGridColorState === "red" ? "Low" : "Neutral";
@@ -33689,10 +33730,11 @@ var VideoCard = React141__default.memo(({
           /* @__PURE__ */ jsx("div", { className: `absolute ${compact ? "top-1 right-1" : "top-2 right-2"} z-30`, children: /* @__PURE__ */ jsx(
             "div",
             {
+              "data-testid": "video-card-metric-badge",
               className: `bg-black/70 backdrop-blur-sm rounded ${compact ? "px-1.5 py-1" : "px-2 py-1"} text-white border border-white/10`,
               title: badgeTitle,
               children: /* @__PURE__ */ jsxs("span", { className: `${compact ? "text-[10px]" : "text-xs"} font-semibold`, children: [
-                Math.round(videoGridMetricValue),
+                Math.round(videoGridDisplayValue),
                 "%"
               ] })
             }
@@ -33700,6 +33742,7 @@ var VideoCard = React141__default.memo(({
           /* @__PURE__ */ jsx("div", { className: `absolute bottom-0 left-0 right-0 ${compact ? "h-0.5" : "h-1"} bg-black/50 z-30`, children: /* @__PURE__ */ jsx(
             "div",
             {
+              "data-testid": "video-card-metric-bar",
               className: `h-full ${efficiencyBarClass} transition-all duration-500`,
               style: { width: `${Math.min(100, videoGridMetricValue)}%` }
             }
@@ -33750,6 +33793,9 @@ var VideoCard = React141__default.memo(({
   if (prevProps.compact !== nextProps.compact) {
     return false;
   }
+  if (prevProps.displayMinuteBucket !== nextProps.displayMinuteBucket) {
+    return false;
+  }
   if (prevProps.hlsUrl !== nextProps.hlsUrl || prevProps.shouldPlay !== nextProps.shouldPlay) {
     return false;
   }
@@ -34033,6 +34079,7 @@ var VideoGridView = React141__default.memo(({
       stream_source: isR2Stream ? "r2" : "media_config"
     });
   }, []);
+  const displayMinuteBucket = Math.floor(Date.now() / 6e4);
   return /* @__PURE__ */ jsx("div", { className: `relative overflow-hidden h-full w-full ${className}`, children: /* @__PURE__ */ jsx("div", { ref: containerRef, className: "h-full w-full p-3 sm:p-2", children: /* @__PURE__ */ jsx(
     "div",
     {
@@ -34122,6 +34169,7 @@ var VideoGridView = React141__default.memo(({
                 ),
                 lastSeenLabel: card.lastSeenLabel,
                 useRAF: effectiveUseRAF,
+                displayMinuteBucket,
                 compact: !selectedLine,
                 onMouseEnter: onWorkspaceHover ? () => onWorkspaceHover(card.workspaceId) : void 0,
                 onMouseLeave: onWorkspaceHoverEnd ? () => onWorkspaceHoverEnd(card.workspaceId) : void 0

package/package.json

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