@optifye/dashboard-core 6.12.45 → 6.12.47

package/dist/{automation-ZIumB5W9.d.mts → automation-B472r1h3.d.mts}

@@ -202,6 +202,7 @@ interface WorkspaceMetrics {
     avg_recent_flow?: number | null;
     recent_flow_mode?: 'computed' | 'hold' | 'unavailable';
     recent_flow_percent?: number | null;
+    recent_flow_hourly?: Record<string, unknown> | null;
     recent_flow_actual_rate_pph?: number | null;
     recent_flow_healthy_rate_pph?: number | null;
     recent_flow_window_minutes?: number | null;

package/dist/{automation-ZIumB5W9.d.ts → automation-B472r1h3.d.ts}

@@ -202,6 +202,7 @@ interface WorkspaceMetrics {
     avg_recent_flow?: number | null;
     recent_flow_mode?: 'computed' | 'hold' | 'unavailable';
     recent_flow_percent?: number | null;
+    recent_flow_hourly?: Record<string, unknown> | null;
     recent_flow_actual_rate_pph?: number | null;
     recent_flow_healthy_rate_pph?: number | null;
     recent_flow_window_minutes?: number | null;

package/dist/automation.d.mts

@@ -1,2 +1,2 @@
-export { B as RecentFlowSnapshotGrid, R as RecentFlowSnapshotGridProps, W as WorkspaceMetrics, e as WorkspaceVideoStream } from './automation-ZIumB5W9.mjs';
+export { B as RecentFlowSnapshotGrid, R as RecentFlowSnapshotGridProps, W as WorkspaceMetrics, e as WorkspaceVideoStream } from './automation-B472r1h3.mjs';
 import 'react';

package/dist/automation.d.ts

@@ -1,2 +1,2 @@
-export { B as RecentFlowSnapshotGrid, R as RecentFlowSnapshotGridProps, W as WorkspaceMetrics, e as WorkspaceVideoStream } from './automation-ZIumB5W9.js';
+export { B as RecentFlowSnapshotGrid, R as RecentFlowSnapshotGridProps, W as WorkspaceMetrics, e as WorkspaceVideoStream } from './automation-B472r1h3.js';
 import 'react';

package/dist/automation.js

@@ -2054,6 +2054,7 @@ var VideoCard = React__default.default.memo(({
   displayMinuteBucket,
   displayName,
   isBlueBest = false,
+  isWorstPerformance = false,
   lastSeenLabel,
   hasRecentHealthSignal = false,
   onMouseEnter,
@@ -2092,6 +2093,8 @@ var VideoCard = React__default.default.memo(({
   const efficiencyOverlayClass = videoGridColorState === "green" ? "bg-[#00D654]/25" : videoGridColorState === "blue" ? "bg-[#0EA5E9]/30" : videoGridColorState === "yellow" ? "bg-[#FFD700]/30" : videoGridColorState === "red" ? "bg-[#FF2D0A]/30" : "bg-transparent";
   const efficiencyBarClass = videoGridColorState === "green" ? "bg-[#00AB45]" : videoGridColorState === "blue" ? "bg-[#0EA5E9]" : videoGridColorState === "yellow" ? "bg-[#FFB020]" : videoGridColorState === "red" ? "bg-[#E34329]" : "bg-gray-500/70";
   const efficiencyStatus = videoGridColorState === "green" ? "High" : videoGridColorState === "blue" ? "Best" : videoGridColorState === "yellow" ? "Medium" : videoGridColorState === "red" ? "Low" : "Neutral";
+  const worstMarkerClassName = compact ? "left-1.5 top-1.5 gap-1.5 px-2 py-1 text-[11px]" : "left-2 top-2 gap-2 px-3 py-1.5 text-xs";
+  const statusBadgesPositionClass = isWorstPerformance ? compact ? "top-8 left-1.5 gap-1" : "top-10 left-2 gap-1.5" : compact ? "top-1.5 left-1.5 gap-1" : "top-2 left-2 gap-1.5";
   const trendInfo = workspace.trend !== void 0 ? getTrendArrowAndColor(workspace.trend) : null;
   const handleClick = React.useCallback(() => {
     trackCoreEvent("Workspace Card Clicked", {
@@ -2110,6 +2113,7 @@ var VideoCard = React__default.default.memo(({
     {
       className: `workspace-card relative bg-gray-950 rounded-md overflow-hidden cursor-pointer shadow-[0_1px_3px_rgba(15,23,42,0.16),0_0_0_1px_rgba(255,255,255,0.06)] transition-[box-shadow] duration-200 hover:shadow-[0_10px_24px_rgba(15,23,42,0.28),0_0_0_1px_rgba(255,255,255,0.10)] active:shadow-[0_1px_3px_rgba(15,23,42,0.16),0_0_0_1px_rgba(255,255,255,0.06)] touch-manipulation ${className}`,
       style: { width: "100%", height: "100%" },
+      "data-worst-performance-highlight": isWorstPerformance ? "true" : void 0,
       onClick: handleClick,
       onMouseEnter,
       onMouseLeave,
@@ -2171,7 +2175,7 @@ var VideoCard = React__default.default.memo(({
             "div",
             {
               "data-testid": "video-card-status-badges",
-              className: `absolute ${compact ? "top-1.5 left-1.5 gap-1" : "top-2 left-2 gap-1.5"} z-30 flex items-center`,
+              className: `absolute ${statusBadgesPositionClass} z-30 flex items-center`,
               children: statusBadges.map((badge, index) => {
                 const presentation = getIdleReasonPresentation({
                   label: badge.label,
@@ -2222,6 +2226,17 @@ var VideoCard = React__default.default.memo(({
               })
             }
           ),
+          isWorstPerformance && /* @__PURE__ */ jsxRuntime.jsxs(
+            "div",
+            {
+              "data-testid": "video-card-worst-performance-marker",
+              className: `pointer-events-none absolute z-[65] inline-flex items-center rounded-md bg-[#1A0B09]/95 border border-[#E34329]/60 font-semibold tracking-wide text-white shadow-xl ${worstMarkerClassName}`,
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx(lucideReact.AlertTriangle, { className: `${compact ? "h-3.5 w-3.5" : "h-4 w-4"} text-[#E34329]`, "aria-hidden": "true" }),
+                /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Overall Underperformer" })
+              ]
+            }
+          ),
           /* @__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",
             {
@@ -2270,6 +2285,9 @@ var VideoCard = React__default.default.memo(({
   if (prevProps.isBlueBest !== nextProps.isBlueBest) {
     return false;
   }
+  if (prevProps.isWorstPerformance !== nextProps.isWorstPerformance) {
+    return false;
+  }
   if (prevProps.lastSeenLabel !== nextProps.lastSeenLabel) {
     return false;
   }

package/dist/automation.mjs

@@ -2047,6 +2047,7 @@ var VideoCard = React.memo(({
   displayMinuteBucket,
   displayName,
   isBlueBest = false,
+  isWorstPerformance = false,
   lastSeenLabel,
   hasRecentHealthSignal = false,
   onMouseEnter,
@@ -2085,6 +2086,8 @@ var VideoCard = React.memo(({
   const efficiencyOverlayClass = videoGridColorState === "green" ? "bg-[#00D654]/25" : videoGridColorState === "blue" ? "bg-[#0EA5E9]/30" : videoGridColorState === "yellow" ? "bg-[#FFD700]/30" : videoGridColorState === "red" ? "bg-[#FF2D0A]/30" : "bg-transparent";
   const efficiencyBarClass = videoGridColorState === "green" ? "bg-[#00AB45]" : videoGridColorState === "blue" ? "bg-[#0EA5E9]" : videoGridColorState === "yellow" ? "bg-[#FFB020]" : videoGridColorState === "red" ? "bg-[#E34329]" : "bg-gray-500/70";
   const efficiencyStatus = videoGridColorState === "green" ? "High" : videoGridColorState === "blue" ? "Best" : videoGridColorState === "yellow" ? "Medium" : videoGridColorState === "red" ? "Low" : "Neutral";
+  const worstMarkerClassName = compact ? "left-1.5 top-1.5 gap-1.5 px-2 py-1 text-[11px]" : "left-2 top-2 gap-2 px-3 py-1.5 text-xs";
+  const statusBadgesPositionClass = isWorstPerformance ? compact ? "top-8 left-1.5 gap-1" : "top-10 left-2 gap-1.5" : compact ? "top-1.5 left-1.5 gap-1" : "top-2 left-2 gap-1.5";
   const trendInfo = workspace.trend !== void 0 ? getTrendArrowAndColor(workspace.trend) : null;
   const handleClick = useCallback(() => {
     trackCoreEvent("Workspace Card Clicked", {
@@ -2103,6 +2106,7 @@ var VideoCard = React.memo(({
     {
       className: `workspace-card relative bg-gray-950 rounded-md overflow-hidden cursor-pointer shadow-[0_1px_3px_rgba(15,23,42,0.16),0_0_0_1px_rgba(255,255,255,0.06)] transition-[box-shadow] duration-200 hover:shadow-[0_10px_24px_rgba(15,23,42,0.28),0_0_0_1px_rgba(255,255,255,0.10)] active:shadow-[0_1px_3px_rgba(15,23,42,0.16),0_0_0_1px_rgba(255,255,255,0.06)] touch-manipulation ${className}`,
       style: { width: "100%", height: "100%" },
+      "data-worst-performance-highlight": isWorstPerformance ? "true" : void 0,
       onClick: handleClick,
       onMouseEnter,
       onMouseLeave,
@@ -2164,7 +2168,7 @@ var VideoCard = React.memo(({
             "div",
             {
               "data-testid": "video-card-status-badges",
-              className: `absolute ${compact ? "top-1.5 left-1.5 gap-1" : "top-2 left-2 gap-1.5"} z-30 flex items-center`,
+              className: `absolute ${statusBadgesPositionClass} z-30 flex items-center`,
               children: statusBadges.map((badge, index) => {
                 const presentation = getIdleReasonPresentation({
                   label: badge.label,
@@ -2215,6 +2219,17 @@ var VideoCard = React.memo(({
               })
             }
           ),
+          isWorstPerformance && /* @__PURE__ */ jsxs(
+            "div",
+            {
+              "data-testid": "video-card-worst-performance-marker",
+              className: `pointer-events-none absolute z-[65] inline-flex items-center rounded-md bg-[#1A0B09]/95 border border-[#E34329]/60 font-semibold tracking-wide text-white shadow-xl ${worstMarkerClassName}`,
+              children: [
+                /* @__PURE__ */ jsx(AlertTriangle, { className: `${compact ? "h-3.5 w-3.5" : "h-4 w-4"} text-[#E34329]`, "aria-hidden": "true" }),
+                /* @__PURE__ */ jsx("span", { children: "Overall Underperformer" })
+              ]
+            }
+          ),
           /* @__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",
             {
@@ -2263,6 +2278,9 @@ var VideoCard = React.memo(({
   if (prevProps.isBlueBest !== nextProps.isBlueBest) {
     return false;
   }
+  if (prevProps.isWorstPerformance !== nextProps.isWorstPerformance) {
+    return false;
+  }
   if (prevProps.lastSeenLabel !== nextProps.lastSeenLabel) {
     return false;
   }

package/dist/index.css

@@ -604,6 +604,9 @@ body {
 .top-1\/4 {
   top: 25%;
 }
+.top-10 {
+  top: 2.5rem;
+}
 .top-14 {
   top: 3.5rem;
 }
@@ -673,6 +676,9 @@ body {
 .z-\[60\] {
   z-index: 60;
 }
+.z-\[65\] {
+  z-index: 65;
+}
 .z-\[70\] {
   z-index: 70;
 }
@@ -1262,6 +1268,9 @@ body {
 .min-h-\[220px\] {
   min-height: 220px;
 }
+.min-h-\[240px\] {
+  min-height: 240px;
+}
 .min-h-\[250px\] {
   min-height: 250px;
 }
@@ -2390,6 +2399,9 @@ body {
   --tw-border-opacity: 1;
   border-color: rgb(227 67 41 / var(--tw-border-opacity, 1));
 }
+.border-\[\#E34329\]\/60 {
+  border-color: rgb(227 67 41 / 0.6);
+}
 .border-amber-100 {
   --tw-border-opacity: 1;
   border-color: rgb(254 243 199 / var(--tw-border-opacity, 1));
@@ -2766,6 +2778,9 @@ body {
 .bg-\[\#0EA5E9\]\/30 {
   background-color: rgb(14 165 233 / 0.3);
 }
+.bg-\[\#1A0B09\]\/95 {
+  background-color: rgb(26 11 9 / 0.95);
+}
 .bg-\[\#E34329\] {
   --tw-bg-opacity: 1;
   background-color: rgb(227 67 41 / var(--tw-bg-opacity, 1));
@@ -2937,6 +2952,9 @@ body {
 .bg-emerald-50\/50 {
   background-color: rgb(236 253 245 / 0.5);
 }
+.bg-emerald-50\/70 {
+  background-color: rgb(236 253 245 / 0.7);
+}
 .bg-emerald-50\/80 {
   background-color: rgb(236 253 245 / 0.8);
 }

package/dist/index.d.mts

@@ -1,5 +1,5 @@
-import { L as LineSignal, V as VideoGridMetricMode, W as WorkspaceMetrics, a as LineInfo, b as WorkspaceDetailedMetrics, S as SkuBreakdownItem, c as SkuSegmentItem, d as LineSkuBreakdownItem, E as EfficiencyLegendUpdate, D as DashboardKPIs, P as PoorPerformingWorkspace, e as WorkspaceVideoStream, K as KpiTrend, M as MonthlyTrendSummary, f as Workspace, g as WorkspaceCameraIpInfo, h as WorkspaceActionUpdate, A as ActionThreshold, i as ShiftConfiguration, j as KpiSignal, k as LineIssueResolutionSummary } from './automation-ZIumB5W9.mjs';
-export { s as CountDelta, C as CurrentWorkspaceSKU, t as DurationDelta, p as KpiSignalMode, o as KpiSignalSource, l as LineDetailedMetrics, n as LineSignalSource, v as LineThreshold, r as PercentageDelta, B as RecentFlowSnapshotGrid, R as RecentFlowSnapshotGridProps, w as ShiftConfigurationRecord, q as ValueDelta, m as VideoGridStatusBadge, u as WorkspaceCropRect, y as isRecentFlowVideoGridMetricMode, z as isWipGatedVideoGridMetricMode, x as normalizeVideoGridMetricMode } from './automation-ZIumB5W9.mjs';
+import { L as LineSignal, V as VideoGridMetricMode, W as WorkspaceMetrics, a as LineInfo, b as WorkspaceDetailedMetrics, S as SkuBreakdownItem, c as SkuSegmentItem, d as LineSkuBreakdownItem, E as EfficiencyLegendUpdate, D as DashboardKPIs, P as PoorPerformingWorkspace, e as WorkspaceVideoStream, K as KpiTrend, M as MonthlyTrendSummary, f as Workspace, g as WorkspaceCameraIpInfo, h as WorkspaceActionUpdate, A as ActionThreshold, i as ShiftConfiguration, j as KpiSignal, k as LineIssueResolutionSummary } from './automation-B472r1h3.mjs';
+export { s as CountDelta, C as CurrentWorkspaceSKU, t as DurationDelta, p as KpiSignalMode, o as KpiSignalSource, l as LineDetailedMetrics, n as LineSignalSource, v as LineThreshold, r as PercentageDelta, B as RecentFlowSnapshotGrid, R as RecentFlowSnapshotGridProps, w as ShiftConfigurationRecord, q as ValueDelta, m as VideoGridStatusBadge, u as WorkspaceCropRect, y as isRecentFlowVideoGridMetricMode, z as isWipGatedVideoGridMetricMode, x as normalizeVideoGridMetricMode } from './automation-B472r1h3.mjs';
 import * as _supabase_supabase_js from '@supabase/supabase-js';
 import { SupabaseClient as SupabaseClient$1, Session, User, AuthError } from '@supabase/supabase-js';
 import { LucideProps, Share2, Download } from 'lucide-react';
@@ -8933,13 +8933,17 @@ declare const BottlenecksContent: React__default.FC<BottlenecksContentProps>;
 declare const DEFAULT_WORKSPACE_POSITIONS: WorkspacePosition[];
 declare const WORKSPACE_POSITIONS: WorkspacePosition[];
 
+type HomeDisplayMode = 'all' | 'red_only' | 'slideshow' | 'worst_workstations';
+
 interface WorkspaceGridProps {
     workspaces: WorkspaceMetrics[];
     blueComparisonWorkspaces?: WorkspaceMetrics[];
+    worstPerformanceWorkspaceIds?: string[];
     isPdfMode?: boolean;
     customWorkspacePositions?: typeof DEFAULT_WORKSPACE_POSITIONS;
     lineNames?: Record<string, string>;
     lineOrder?: string[];
+    activeSlideshowLineId?: string | null;
     factoryView?: string;
     line2Uuid?: string;
     className?: string;
@@ -8956,6 +8960,7 @@ interface WorkspaceGridProps {
     onWorkspaceHover?: (workspaceId: string) => void;
     onWorkspaceHoverEnd?: (workspaceId: string) => void;
     toolbarRightContent?: React__default.ReactNode;
+    displayMode?: HomeDisplayMode;
 }
 declare const WorkspaceGrid: React__default.FC<WorkspaceGridProps>;
 
@@ -9012,9 +9017,11 @@ declare const TargetWorkspaceGrid: React__default.FC<TargetWorkspaceGridProps>;
 interface VideoGridViewProps {
     workspaces: WorkspaceMetrics[];
     blueComparisonWorkspaces?: WorkspaceMetrics[];
+    worstPerformanceWorkspaceIds?: string[];
     selectedLine?: number;
     lineNames?: Record<string, string>;
     lineOrder?: string[];
+    activeSlideshowLineId?: string | null;
     className?: string;
     legend?: EfficiencyLegendUpdate;
     videoSources?: {
@@ -9024,6 +9031,7 @@ interface VideoGridViewProps {
     videoStreamsByWorkspaceId?: Record<string, WorkspaceVideoStream>;
     videoStreamsLoading?: boolean;
     displayNames?: Record<string, string>;
+    displayMode?: HomeDisplayMode;
     onWorkspaceHover?: (workspaceId: string) => void;
     onWorkspaceHoverEnd?: (workspaceId: string) => void;
 }
@@ -9061,6 +9069,7 @@ interface VideoCardProps {
     displayMinuteBucket?: number;
     displayName?: string;
     isBlueBest?: boolean;
+    isWorstPerformance?: boolean;
     lastSeenLabel?: string;
     hasRecentHealthSignal?: boolean;
     onMouseEnter?: () => void;

package/dist/index.d.ts

@@ -1,5 +1,5 @@
-import { L as LineSignal, V as VideoGridMetricMode, W as WorkspaceMetrics, a as LineInfo, b as WorkspaceDetailedMetrics, S as SkuBreakdownItem, c as SkuSegmentItem, d as LineSkuBreakdownItem, E as EfficiencyLegendUpdate, D as DashboardKPIs, P as PoorPerformingWorkspace, e as WorkspaceVideoStream, K as KpiTrend, M as MonthlyTrendSummary, f as Workspace, g as WorkspaceCameraIpInfo, h as WorkspaceActionUpdate, A as ActionThreshold, i as ShiftConfiguration, j as KpiSignal, k as LineIssueResolutionSummary } from './automation-ZIumB5W9.js';
-export { s as CountDelta, C as CurrentWorkspaceSKU, t as DurationDelta, p as KpiSignalMode, o as KpiSignalSource, l as LineDetailedMetrics, n as LineSignalSource, v as LineThreshold, r as PercentageDelta, B as RecentFlowSnapshotGrid, R as RecentFlowSnapshotGridProps, w as ShiftConfigurationRecord, q as ValueDelta, m as VideoGridStatusBadge, u as WorkspaceCropRect, y as isRecentFlowVideoGridMetricMode, z as isWipGatedVideoGridMetricMode, x as normalizeVideoGridMetricMode } from './automation-ZIumB5W9.js';
+import { L as LineSignal, V as VideoGridMetricMode, W as WorkspaceMetrics, a as LineInfo, b as WorkspaceDetailedMetrics, S as SkuBreakdownItem, c as SkuSegmentItem, d as LineSkuBreakdownItem, E as EfficiencyLegendUpdate, D as DashboardKPIs, P as PoorPerformingWorkspace, e as WorkspaceVideoStream, K as KpiTrend, M as MonthlyTrendSummary, f as Workspace, g as WorkspaceCameraIpInfo, h as WorkspaceActionUpdate, A as ActionThreshold, i as ShiftConfiguration, j as KpiSignal, k as LineIssueResolutionSummary } from './automation-B472r1h3.js';
+export { s as CountDelta, C as CurrentWorkspaceSKU, t as DurationDelta, p as KpiSignalMode, o as KpiSignalSource, l as LineDetailedMetrics, n as LineSignalSource, v as LineThreshold, r as PercentageDelta, B as RecentFlowSnapshotGrid, R as RecentFlowSnapshotGridProps, w as ShiftConfigurationRecord, q as ValueDelta, m as VideoGridStatusBadge, u as WorkspaceCropRect, y as isRecentFlowVideoGridMetricMode, z as isWipGatedVideoGridMetricMode, x as normalizeVideoGridMetricMode } from './automation-B472r1h3.js';
 import * as _supabase_supabase_js from '@supabase/supabase-js';
 import { SupabaseClient as SupabaseClient$1, Session, User, AuthError } from '@supabase/supabase-js';
 import { LucideProps, Share2, Download } from 'lucide-react';
@@ -8933,13 +8933,17 @@ declare const BottlenecksContent: React__default.FC<BottlenecksContentProps>;
 declare const DEFAULT_WORKSPACE_POSITIONS: WorkspacePosition[];
 declare const WORKSPACE_POSITIONS: WorkspacePosition[];
 
+type HomeDisplayMode = 'all' | 'red_only' | 'slideshow' | 'worst_workstations';
+
 interface WorkspaceGridProps {
     workspaces: WorkspaceMetrics[];
     blueComparisonWorkspaces?: WorkspaceMetrics[];
+    worstPerformanceWorkspaceIds?: string[];
     isPdfMode?: boolean;
     customWorkspacePositions?: typeof DEFAULT_WORKSPACE_POSITIONS;
     lineNames?: Record<string, string>;
     lineOrder?: string[];
+    activeSlideshowLineId?: string | null;
     factoryView?: string;
     line2Uuid?: string;
     className?: string;
@@ -8956,6 +8960,7 @@ interface WorkspaceGridProps {
     onWorkspaceHover?: (workspaceId: string) => void;
     onWorkspaceHoverEnd?: (workspaceId: string) => void;
     toolbarRightContent?: React__default.ReactNode;
+    displayMode?: HomeDisplayMode;
 }
 declare const WorkspaceGrid: React__default.FC<WorkspaceGridProps>;
 
@@ -9012,9 +9017,11 @@ declare const TargetWorkspaceGrid: React__default.FC<TargetWorkspaceGridProps>;
 interface VideoGridViewProps {
     workspaces: WorkspaceMetrics[];
     blueComparisonWorkspaces?: WorkspaceMetrics[];
+    worstPerformanceWorkspaceIds?: string[];
     selectedLine?: number;
     lineNames?: Record<string, string>;
     lineOrder?: string[];
+    activeSlideshowLineId?: string | null;
     className?: string;
     legend?: EfficiencyLegendUpdate;
     videoSources?: {
@@ -9024,6 +9031,7 @@ interface VideoGridViewProps {
     videoStreamsByWorkspaceId?: Record<string, WorkspaceVideoStream>;
     videoStreamsLoading?: boolean;
     displayNames?: Record<string, string>;
+    displayMode?: HomeDisplayMode;
     onWorkspaceHover?: (workspaceId: string) => void;
     onWorkspaceHoverEnd?: (workspaceId: string) => void;
 }
@@ -9061,6 +9069,7 @@ interface VideoCardProps {
     displayMinuteBucket?: number;
     displayName?: string;
     isBlueBest?: boolean;
+    isWorstPerformance?: boolean;
     lastSeenLabel?: string;
     hasRecentHealthSignal?: boolean;
     onMouseEnter?: () => void;