@optifye/dashboard-core 6.12.21 → 6.12.23

package/dist/index.js

@@ -9933,7 +9933,8 @@ var LinesService = class {
           line.video_grid_metric_mode,
           line.assembly ?? false
         ),
-        recentFlowWindowMinutes: line.recent_flow_window_minutes ?? 7
+        recentFlowWindowMinutes: line.recent_flow_window_minutes ?? 7,
+        factoryAreaId: line.factory_area_id ?? null
       }));
     } catch (error) {
       console.error("Error fetching lines:", error);
@@ -9992,7 +9993,8 @@ var LinesService = class {
           line.video_grid_metric_mode,
           line.assembly ?? false
         ),
-        recentFlowWindowMinutes: line.recent_flow_window_minutes ?? 7
+        recentFlowWindowMinutes: line.recent_flow_window_minutes ?? 7,
+        factoryAreaId: line.factory_area_id ?? null
       }));
     } catch (error) {
       console.error("Error fetching all lines:", error);
@@ -10059,7 +10061,8 @@ var LinesService = class {
           data.video_grid_metric_mode,
           data.assembly ?? false
         ),
-        recentFlowWindowMinutes: data.recent_flow_window_minutes ?? 7
+        recentFlowWindowMinutes: data.recent_flow_window_minutes ?? 7,
+        factoryAreaId: data.factory_area_id ?? null
       };
     } catch (error) {
       console.error("Error fetching line:", error);
@@ -11673,6 +11676,9 @@ var lineLeaderboardService = {
     if (typeof params.limit === "number") {
       searchParams.set("limit", params.limit.toString());
     }
+    if (params.includeBelowThreshold) {
+      searchParams.set("include_below_threshold", "true");
+    }
     const data = await fetchBackendJson(
       supabase,
       `/api/dashboard/line-leaderboard-daily?${searchParams.toString()}`
@@ -14697,11 +14703,22 @@ var transformMonitorWorkspaceMetrics = ({
         actionType: item.action_type,
         actionName: item.action_name
       }),
+      factory_area_id: item.factory_area_id ?? null,
+      factory_area_key: item.factory_area_key ?? null,
+      factory_area_name: item.factory_area_name ?? null,
+      factory_area_enabled: item.factory_area_enabled ?? null,
+      leaderboard_metric_kind: item.leaderboard_metric_kind ?? void 0,
+      leaderboard_value: item.leaderboard_value ?? null,
+      avg_recent_flow: item.avg_recent_flow ?? null,
       recent_flow_percent: item.recent_flow_percent ?? null,
       recent_flow_window_minutes: item.recent_flow_window_minutes ?? null,
       recent_flow_effective_end_at: item.recent_flow_effective_end_at ?? null,
       recent_flow_computed_at: item.recent_flow_computed_at ?? null,
       recent_flow_forced_zero_after_shift: item.recent_flow_forced_zero_after_shift ?? null,
+      video_grid_green_streak_active: item.video_grid_green_streak_active ?? null,
+      video_grid_green_streak_minutes: item.video_grid_green_streak_minutes ?? null,
+      video_grid_green_streak_anchor_at: item.video_grid_green_streak_anchor_at ?? null,
+      video_grid_green_streak_started_at: item.video_grid_green_streak_started_at ?? null,
       scheduled_break_active: item.scheduled_break_active ?? false,
       incoming_wip_current: item.incoming_wip_current ?? null,
       incoming_wip_effective_at: item.incoming_wip_effective_at ?? null,
@@ -14721,12 +14738,12 @@ var logDebug = (...args) => {
   if (!DEBUG_DASHBOARD_LOGS) return;
   console.log(...args);
 };
-var buildMetricsScopeKey = (lineId, lineIds) => {
+var buildMetricsScopeKey = (lineId, lineIds, blueComparisonLineIds) => {
   const normalizedLineIds = Array.from(new Set((lineIds || []).filter(Boolean))).sort();
-  if (normalizedLineIds.length > 0) {
-    return `${lineId}|${normalizedLineIds.join(",")}`;
-  }
-  return lineId;
+  const normalizedBlueComparisonLineIds = Array.from(new Set((blueComparisonLineIds || []).filter(Boolean))).sort();
+  const lineKey = normalizedLineIds.length > 0 ? normalizedLineIds.join(",") : lineId;
+  const comparisonKey = normalizedBlueComparisonLineIds.length > 0 ? normalizedBlueComparisonLineIds.join(",") : lineKey;
+  return `${lineId}|${lineKey}|blue:${comparisonKey}`;
 };
 var parseEfficiencyLegend = (legend) => {
   if (!legend) return null;
@@ -14748,6 +14765,7 @@ var useDashboardMetrics = ({
   onLineMetricsUpdate,
   lineId,
   lineIds,
+  blueComparisonLineIds,
   userAccessibleLineIds,
   enabled = true
 }) => {
@@ -14770,6 +14788,10 @@ var useDashboardMetrics = ({
     const sourceLineIds = lineIds !== void 0 ? lineIds : userAccessibleLineIds !== void 0 ? userAccessibleLineIds : configuredLineIds;
     return Array.from(new Set((sourceLineIds || []).filter(Boolean)));
   }, [lineIds, userAccessibleLineIds, configuredLineIds]);
+  const normalizedBlueComparisonLineIds = React144.useMemo(
+    () => Array.from(new Set((blueComparisonLineIds || []).filter(Boolean))),
+    [blueComparisonLineIds]
+  );
   const { shiftConfig: staticShiftConfig } = useDashboardConfig();
   const {
     shiftConfigMap: multiLineShiftConfigMap,
@@ -14807,7 +14829,7 @@ var useDashboardMetrics = ({
   const supabase = useSupabase();
   const [metrics2, setMetrics] = React144.useState({ workspaceMetrics: [], lineMetrics: [] });
   const [metricsLineId, setMetricsLineId] = React144.useState(lineId ?? null);
-  const [metricsScopeKey, setMetricsScopeKey] = React144.useState(() => buildMetricsScopeKey(lineId, lineIds));
+  const [metricsScopeKey, setMetricsScopeKey] = React144.useState(() => buildMetricsScopeKey(lineId, lineIds, blueComparisonLineIds));
   const [isLoading, setIsLoading] = React144.useState(true);
   const [error, setError] = React144.useState(null);
   const lineIdRef = React144.useRef(lineId);
@@ -14849,8 +14871,12 @@ var useDashboardMetrics = ({
     [entityConfig.companyId]
   );
   const requestedScopeKey = React144.useMemo(
-    () => buildMetricsScopeKey(lineId, isFactoryView ? targetFactoryLineIds : void 0),
-    [isFactoryView, lineId, targetFactoryLineIds]
+    () => buildMetricsScopeKey(
+      lineId,
+      isFactoryView ? targetFactoryLineIds : void 0,
+      normalizedBlueComparisonLineIds.length ? normalizedBlueComparisonLineIds : void 0
+    ),
+    [isFactoryView, lineId, targetFactoryLineIds, normalizedBlueComparisonLineIds]
   );
   React144.useEffect(() => {
     lineIdRef.current = lineId;
@@ -14880,12 +14906,15 @@ var useDashboardMetrics = ({
     const isFactory = currentLineIdToUse === factoryViewId;
     const targetLineIds = isFactory ? targetFactoryLineIds : [currentLineIdToUse];
     const targetLineIdsKey = targetLineIds.slice().sort().join(",");
+    const effectiveBlueComparisonLineIds = normalizedBlueComparisonLineIds.length ? normalizedBlueComparisonLineIds : targetLineIds;
+    const blueComparisonLineIdsKey = effectiveBlueComparisonLineIds.slice().sort().join(",");
     const usesShiftGroups = isFactory && shiftGroups.length > 0;
     const singleShiftDetails = usesShiftGroups ? null : shiftConfig ? getCurrentShift(defaultTimezone, shiftConfig) : shiftGroups.length === 1 ? { date: shiftGroups[0].date, shiftId: shiftGroups[0].shiftId } : getCurrentShift(defaultTimezone, staticShiftConfig);
-    const fetchKey = usesShiftGroups ? `factory|${companyId || "unknown"}|${shiftGroupsKey}` : isFactory ? `factory|${companyId || "unknown"}|${singleShiftDetails?.date}|${singleShiftDetails?.shiftId}|${targetLineIdsKey}` : `${currentLineIdToUse}|${companyId || "unknown"}|${singleShiftDetails?.date}|${singleShiftDetails?.shiftId}`;
+    const fetchKey = usesShiftGroups ? `factory|${companyId || "unknown"}|${shiftGroupsKey}|blue:${blueComparisonLineIdsKey}` : isFactory ? `factory|${companyId || "unknown"}|${singleShiftDetails?.date}|${singleShiftDetails?.shiftId}|${targetLineIdsKey}|blue:${blueComparisonLineIdsKey}` : `${currentLineIdToUse}|${companyId || "unknown"}|${singleShiftDetails?.date}|${singleShiftDetails?.shiftId}|blue:${blueComparisonLineIdsKey}`;
     const responseScopeKey = buildMetricsScopeKey(
       currentLineIdToUse,
-      isFactory ? targetLineIds : void 0
+      isFactory ? targetLineIds : void 0,
+      normalizedBlueComparisonLineIds.length ? normalizedBlueComparisonLineIds : void 0
     );
     logDebug("[useDashboardMetrics] Fetch key details:", {
       isFactory,
@@ -14915,6 +14944,7 @@ var useDashboardMetrics = ({
         logDebug("[useDashboardMetrics] Skipping fetch: no target line IDs after scope filtering");
         setMetrics({
           workspaceMetrics: [],
+          blueComparisonWorkspaceMetrics: [],
           lineMetrics: [],
           metadata: void 0,
           efficiencyLegend: DEFAULT_EFFICIENCY_LEGEND
@@ -14925,6 +14955,7 @@ var useDashboardMetrics = ({
         return;
       }
       let allWorkspaceMetrics = [];
+      let allBlueComparisonWorkspaceMetrics = [];
       let allLineMetrics = [];
       let hasFlowBuffers = false;
       let idleTimeVlmByLine = {};
@@ -14932,7 +14963,8 @@ var useDashboardMetrics = ({
       const forceParam = force ? "&force_refresh=true" : "";
       const buildMetricsEndpoint = (params) => {
         const lineIdsParam = isFactory ? `line_ids=${params.groupLineIds.join(",")}` : `line_id=${params.groupLineIds[0]}`;
-        return `/api/dashboard/metrics?${lineIdsParam}&date=${params.date}&shift_id=${params.shiftId}&company_id=${companyId}${forceParam}`;
+        const blueComparisonParam = effectiveBlueComparisonLineIds.length ? `&blue_comparison_line_ids=${effectiveBlueComparisonLineIds.join(",")}` : "";
+        return `/api/dashboard/metrics?${lineIdsParam}${blueComparisonParam}&date=${params.date}&shift_id=${params.shiftId}&company_id=${companyId}${forceParam}`;
       };
       if (usesShiftGroups) {
         logDebug("[useDashboardMetrics] Factory view shift groups fetch:", {
@@ -14982,10 +15014,16 @@ var useDashboardMetrics = ({
           if (result.workspace_metrics) {
             allWorkspaceMetrics.push(...result.workspace_metrics);
           }
+          if (result.blue_comparison_workspace_metrics) {
+            allBlueComparisonWorkspaceMetrics.push(...result.blue_comparison_workspace_metrics);
+          }
           if (result.line_metrics) {
             allLineMetrics.push(...result.line_metrics);
           }
         });
+        if (allBlueComparisonWorkspaceMetrics.length === 0) {
+          allBlueComparisonWorkspaceMetrics = allWorkspaceMetrics;
+        }
         logDebug(`[useDashboardMetrics] \u{1F4CA} Merged metrics from ${results.length} shift groups:`, {
           workspaceCount: allWorkspaceMetrics.length,
           lineMetricsCount: allLineMetrics.length
@@ -15023,6 +15061,7 @@ var useDashboardMetrics = ({
           lineCount: backendData.line_metrics?.length || 0
         });
         allWorkspaceMetrics = backendData.workspace_metrics || [];
+        allBlueComparisonWorkspaceMetrics = backendData.blue_comparison_workspace_metrics || allWorkspaceMetrics;
         allLineMetrics = backendData.line_metrics || [];
         hasFlowBuffers = Boolean(backendData?.metadata?.has_flow_buffers);
         if (backendData?.metadata?.idle_time_vlm_by_line && typeof backendData.metadata.idle_time_vlm_by_line === "object") {
@@ -15041,8 +15080,19 @@ var useDashboardMetrics = ({
         shouldOverrideShiftType: (metricLineId) => isFactoryView ? Boolean(multiLineShiftConfigMap.get(metricLineId)) : Boolean(shiftConfig),
         fallbackShiftConfig: staticShiftConfig
       });
+      const transformedBlueComparisonWorkspaceData = allBlueComparisonWorkspaceMetrics === allWorkspaceMetrics ? transformedWorkspaceData : transformMonitorWorkspaceMetrics({
+        rows: allBlueComparisonWorkspaceMetrics,
+        companyId: companyId || "",
+        workspaceConfig: effectiveWorkspaceConfig,
+        appTimezone: detailTimezone,
+        lineMetrics: allLineMetrics,
+        resolveShiftConfig: (metricLineId) => isFactoryView ? multiLineShiftConfigMap.get(metricLineId) || staticShiftConfig : shiftConfig || staticShiftConfig,
+        shouldOverrideShiftType: (metricLineId) => isFactoryView ? Boolean(multiLineShiftConfigMap.get(metricLineId)) : Boolean(shiftConfig),
+        fallbackShiftConfig: staticShiftConfig
+      });
       const newMetricsState = {
         workspaceMetrics: transformedWorkspaceData,
+        blueComparisonWorkspaceMetrics: transformedBlueComparisonWorkspaceData.length ? transformedBlueComparisonWorkspaceData : transformedWorkspaceData,
         lineMetrics: allLineMetrics || [],
         metadata: { hasFlowBuffers, idleTimeVlmByLine },
         efficiencyLegend: efficiencyLegend ?? DEFAULT_EFFICIENCY_LEGEND
@@ -15113,6 +15163,7 @@ var useDashboardMetrics = ({
     shiftGroupsKey,
     configuredLineIds,
     targetFactoryLineIds,
+    normalizedBlueComparisonLineIds,
     isFactoryView,
     multiLineShiftConfigMap,
     staticShiftConfig,
@@ -15553,9 +15604,10 @@ var useDashboardMetrics = ({
   const isCurrentScopeResolved = metricsScopeKey === requestedScopeKey;
   const hasLastGoodMetrics = metrics2.workspaceMetrics.length > 0 || metrics2.lineMetrics.length > 0;
   const canReuseLastGoodMetrics = hasLastGoodMetrics && !isCurrentScopeResolved && (isLoading || !!error);
-  const safeMetrics = isCurrentScopeResolved || canReuseLastGoodMetrics ? metrics2 : { workspaceMetrics: [], lineMetrics: [], metadata: void 0, efficiencyLegend: DEFAULT_EFFICIENCY_LEGEND };
+  const safeMetrics = isCurrentScopeResolved || canReuseLastGoodMetrics ? metrics2 : { workspaceMetrics: [], blueComparisonWorkspaceMetrics: [], lineMetrics: [], metadata: void 0, efficiencyLegend: DEFAULT_EFFICIENCY_LEGEND };
   return {
     workspaceMetrics: safeMetrics?.workspaceMetrics || [],
+    blueComparisonWorkspaceMetrics: safeMetrics?.blueComparisonWorkspaceMetrics || safeMetrics?.workspaceMetrics || [],
     lineMetrics: safeMetrics?.lineMetrics || [],
     efficiencyLegend: safeMetrics?.efficiencyLegend || DEFAULT_EFFICIENCY_LEGEND,
     metadata: safeMetrics?.metadata,
@@ -22173,6 +22225,77 @@ var buildKpiLineHierarchy = (lines) => {
   };
 };
 
+// src/lib/utils/leaderboardGrouping.ts
+var isFiniteNumber2 = (value) => typeof value === "number" && Number.isFinite(value);
+var getEnabledFactoryArea = (line) => {
+  if (!line.factory_area_id) return null;
+  if (line.factory_area_enabled !== true) return null;
+  const areaName = line.factory_area_name?.trim();
+  if (!areaName) return null;
+  return { id: line.factory_area_id, name: areaName };
+};
+var getLineEfficiency = (lineId, efficiencyByLineId, isLoading) => {
+  if (efficiencyByLineId.has(lineId)) {
+    const value = efficiencyByLineId.get(lineId);
+    return isFiniteNumber2(value) ? value : null;
+  }
+  if (isLoading) return null;
+  return 0;
+};
+var buildLineLeaderboardRows = ({
+  lines,
+  efficiencyByLineId,
+  fallbackEfficiencyByLineId,
+  isLoading
+}) => {
+  const rows = [];
+  const areaGroups = /* @__PURE__ */ new Map();
+  lines.forEach((line) => {
+    const area = getEnabledFactoryArea(line);
+    if (!area) {
+      const efficiency = getLineEfficiency(line.id, efficiencyByLineId, isLoading);
+      rows.push({
+        rowType: "line",
+        id: line.id,
+        displayName: line.line_name,
+        line,
+        lines: [line],
+        efficiency,
+        sortValue: isFiniteNumber2(efficiency) ? efficiency : -1
+      });
+      return;
+    }
+    const group = areaGroups.get(area.id);
+    if (group) {
+      group.lines.push(line);
+      return;
+    }
+    areaGroups.set(area.id, {
+      areaId: area.id,
+      areaName: area.name,
+      lines: [line]
+    });
+  });
+  areaGroups.forEach((group) => {
+    const validEfficiencies = group.lines.map((line) => efficiencyByLineId.get(line.id)).filter(isFiniteNumber2);
+    const fallbackEfficiencies = validEfficiencies.length === 0 ? group.lines.map((line) => fallbackEfficiencyByLineId?.get(line.id)).filter(isFiniteNumber2) : [];
+    const efficiencyValues = validEfficiencies.length > 0 ? validEfficiencies : fallbackEfficiencies;
+    const shouldRenderZeroFallback = efficiencyValues.length === 0 && !!fallbackEfficiencyByLineId && !isLoading;
+    if (efficiencyValues.length === 0 && !shouldRenderZeroFallback) return;
+    const efficiency = shouldRenderZeroFallback ? 0 : efficiencyValues.reduce((sum, value) => sum + value, 0) / efficiencyValues.length;
+    rows.push({
+      rowType: "area",
+      id: `area:${group.areaId}`,
+      displayName: group.areaName,
+      areaId: group.areaId,
+      lines: group.lines,
+      efficiency,
+      sortValue: efficiency
+    });
+  });
+  return rows.sort((left, right) => right.sortValue - left.sortValue).map((row, index) => ({ ...row, rank: index + 1 }));
+};
+
 // src/lib/utils/awards.ts
 var toNumber2 = (value) => {
   if (typeof value === "number" && Number.isFinite(value)) return value;
@@ -37459,7 +37582,58 @@ HourlyOutputChart.displayName = "HourlyOutputChart";
 // src/components/dashboard/grid/videoGridMetricUtils.ts
 var VIDEO_GRID_LEGEND_LABEL = "Real-Time efficiency";
 var MAP_GRID_LEGEND_LABEL = "Efficiency";
-var isFiniteNumber2 = (value) => typeof value === "number" && Number.isFinite(value);
+var GREEN_STREAK_FRESHNESS_GRACE_MS = 2 * 60 * 1e3;
+var CONFIRMED_MINUTE_DURATION_MS = 60 * 1e3;
+var RECENT_FLOW_COMPUTED_FRESHNESS_MS = 120 * 1e3;
+var isFiniteNumber3 = (value) => typeof value === "number" && Number.isFinite(value);
+var padTwoDigits = (value) => String(value).padStart(2, "0");
+var parseTimestampMs = (value) => {
+  if (!value) {
+    return Number.NaN;
+  }
+  const timestampMs = Date.parse(value);
+  return Number.isFinite(timestampMs) ? timestampMs : Number.NaN;
+};
+var isAllGreenStreakFresh = (workspace, anchorAtMs, nowMs2) => {
+  const computedAt = workspace.recent_flow_computed_at;
+  if (typeof computedAt === "string" && computedAt.trim()) {
+    const computedAtMs = parseTimestampMs(computedAt);
+    return Number.isFinite(computedAtMs) && nowMs2 - computedAtMs <= RECENT_FLOW_COMPUTED_FRESHNESS_MS;
+  }
+  return Number.isFinite(anchorAtMs) && nowMs2 <= anchorAtMs + CONFIRMED_MINUTE_DURATION_MS + GREEN_STREAK_FRESHNESS_GRACE_MS;
+};
+var formatAllGreenStreakDuration = (elapsedSeconds) => {
+  const safeElapsedSeconds = Math.max(0, Math.floor(elapsedSeconds));
+  const hours = Math.floor(safeElapsedSeconds / 3600);
+  const minutes = Math.floor(safeElapsedSeconds % 3600 / 60);
+  const seconds = safeElapsedSeconds % 60;
+  if (hours > 0) {
+    return `${hours}h ${padTwoDigits(minutes)}m ${padTwoDigits(seconds)}s`;
+  }
+  if (minutes > 0) {
+    return `${minutes}m ${padTwoDigits(seconds)}s`;
+  }
+  return `${seconds}s`;
+};
+var getAllGreenStreakMilestone = (elapsedSeconds) => {
+  const safeElapsedSeconds = Math.max(0, Math.floor(elapsedSeconds));
+  const thirtyMinutesSeconds = 30 * 60;
+  const oneHourSeconds = 60 * 60;
+  if (safeElapsedSeconds < thirtyMinutesSeconds) {
+    return null;
+  }
+  if (safeElapsedSeconds < oneHourSeconds) {
+    return {
+      milestoneSeconds: thirtyMinutesSeconds,
+      headline: "30 min"
+    };
+  }
+  const hours = Math.floor(safeElapsedSeconds / oneHourSeconds);
+  return {
+    milestoneSeconds: hours * oneHourSeconds,
+    headline: `${hours * 60} min`
+  };
+};
 var isVideoGridRecentFlowEnabled = (workspace) => isRecentFlowVideoGridMetricMode(
   workspace.video_grid_metric_mode,
   workspace.assembly_enabled === true
@@ -37468,11 +37642,11 @@ var isVideoGridWipGated = (workspace) => isWipGatedVideoGridMetricMode(
   workspace.video_grid_metric_mode,
   workspace.assembly_enabled === true
 );
-var hasVideoGridRecentFlow = (workspace) => isVideoGridRecentFlowEnabled(workspace) && isFiniteNumber2(workspace.recent_flow_percent);
+var hasVideoGridRecentFlow = (workspace) => isVideoGridRecentFlowEnabled(workspace) && isFiniteNumber3(workspace.recent_flow_percent);
 var isVideoGridRecentFlowUnavailable = (workspace) => isVideoGridRecentFlowEnabled(workspace) && !hasVideoGridRecentFlow(workspace);
 var getRawVideoGridMetricValue = (workspace) => {
   const recentFlowPercent = workspace.recent_flow_percent;
-  if (hasVideoGridRecentFlow(workspace) && isFiniteNumber2(recentFlowPercent)) {
+  if (hasVideoGridRecentFlow(workspace) && isFiniteNumber3(recentFlowPercent)) {
     return recentFlowPercent;
   }
   if (isVideoGridRecentFlowUnavailable(workspace)) {
@@ -37481,9 +37655,63 @@ var getRawVideoGridMetricValue = (workspace) => {
   return workspace.efficiency;
 };
 var hasIncomingWipMapping = (workspace) => Boolean(workspace.incoming_wip_buffer_name);
+var getVideoGridWorkspaceKey = (workspace) => workspace.workspace_uuid || `${workspace.line_id || "unknown"}:${workspace.workspace_name || "unknown"}`;
+var getVideoGridBlueComparisonGroupKey = (workspace) => {
+  const factoryAreaId = typeof workspace.factory_area_id === "string" ? workspace.factory_area_id.trim() : "";
+  if (factoryAreaId && workspace.factory_area_enabled === true) {
+    return `area:${factoryAreaId}`;
+  }
+  const lineId = typeof workspace.line_id === "string" ? workspace.line_id.trim() : "";
+  return lineId ? `line:${lineId}` : null;
+};
+var isVideoGridBlueCandidate = (workspace, legend = DEFAULT_EFFICIENCY_LEGEND) => hasVideoGridRecentFlow(workspace) && isFiniteNumber3(workspace.recent_flow_percent) && workspace.recent_flow_percent >= legend.green_min;
+var selectVideoGridBlueWinnerIds = (workspaces, legend = DEFAULT_EFFICIENCY_LEGEND) => {
+  const candidatesByGroup = /* @__PURE__ */ new Map();
+  for (const workspace of workspaces) {
+    if (!isVideoGridBlueCandidate(workspace, legend)) {
+      continue;
+    }
+    const groupKey = getVideoGridBlueComparisonGroupKey(workspace);
+    if (!groupKey) {
+      continue;
+    }
+    const candidates = candidatesByGroup.get(groupKey) || [];
+    candidates.push(workspace);
+    candidatesByGroup.set(groupKey, candidates);
+  }
+  const winners = /* @__PURE__ */ new Set();
+  for (const candidates of candidatesByGroup.values()) {
+    candidates.sort((left, right) => {
+      const leftCurrent = left.recent_flow_percent;
+      const rightCurrent = right.recent_flow_percent;
+      if (rightCurrent !== leftCurrent) {
+        return rightCurrent - leftCurrent;
+      }
+      const leftAverage = isFiniteNumber3(left.avg_recent_flow) ? left.avg_recent_flow : Number.NEGATIVE_INFINITY;
+      const rightAverage = isFiniteNumber3(right.avg_recent_flow) ? right.avg_recent_flow : Number.NEGATIVE_INFINITY;
+      if (rightAverage !== leftAverage) {
+        return rightAverage - leftAverage;
+      }
+      const lineCompare = (left.line_id || "").localeCompare(right.line_id || "");
+      if (lineCompare !== 0) {
+        return lineCompare;
+      }
+      const nameCompare = (left.workspace_name || "").localeCompare(right.workspace_name || "");
+      if (nameCompare !== 0) {
+        return nameCompare;
+      }
+      return getVideoGridWorkspaceKey(left).localeCompare(getVideoGridWorkspaceKey(right));
+    });
+    const winner = candidates[0];
+    if (winner) {
+      winners.add(getVideoGridWorkspaceKey(winner));
+    }
+  }
+  return winners;
+};
 var getVideoGridBaseColorState = (workspace, legend = DEFAULT_EFFICIENCY_LEGEND) => {
   const metricValue = getRawVideoGridMetricValue(workspace);
-  if (!isFiniteNumber2(metricValue)) {
+  if (!isFiniteNumber3(metricValue)) {
     return "neutral";
   }
   return getEfficiencyColor(metricValue, legend);
@@ -37504,7 +37732,7 @@ var isLowWipGreenOverride = (workspace, legend = DEFAULT_EFFICIENCY_LEGEND) => {
   if (!hasIncomingWipMapping(workspace)) {
     return false;
   }
-  return isFiniteNumber2(workspace.incoming_wip_current) && workspace.incoming_wip_current <= 1;
+  return isFiniteNumber3(workspace.incoming_wip_current) && workspace.incoming_wip_current <= 1;
 };
 var isHighEfficiencyRedFlowOverride = (workspace, legend = DEFAULT_EFFICIENCY_LEGEND) => {
   if (workspace.scheduled_break_active === true) {
@@ -37522,7 +37750,7 @@ var isHighEfficiencyRedFlowOverride = (workspace, legend = DEFAULT_EFFICIENCY_LE
   if (getVideoGridBaseColorState(workspace, legend) !== "red") {
     return false;
   }
-  return isFiniteNumber2(workspace.efficiency) && workspace.efficiency > 100;
+  return isFiniteNumber3(workspace.efficiency) && workspace.efficiency > 100;
 };
 var getVideoGridMetricValue = (workspace, legend = DEFAULT_EFFICIENCY_LEGEND) => isHighEfficiencyRedFlowOverride(workspace, legend) ? workspace.efficiency : getRawVideoGridMetricValue(workspace);
 var toMinuteBucket = (minuteBucket) => Number.isFinite(minuteBucket) ? Math.floor(minuteBucket) : Math.floor(Date.now() / 6e4);
@@ -37551,7 +37779,10 @@ var getSyntheticLowWipDisplayValue = (workspace, minuteBucket) => {
   return 100 + offset;
 };
 var getVideoGridDisplayValue = (workspace, legend = DEFAULT_EFFICIENCY_LEGEND, minuteBucket) => isLowWipGreenOverride(workspace, legend) ? getSyntheticLowWipDisplayValue(workspace, minuteBucket) : getVideoGridMetricValue(workspace, legend);
-var getVideoGridColorState = (workspace, legend = DEFAULT_EFFICIENCY_LEGEND) => {
+var getVideoGridColorState = (workspace, legend = DEFAULT_EFFICIENCY_LEGEND, blueWinnerIds) => {
+  if (blueWinnerIds?.has(getVideoGridWorkspaceKey(workspace)) && isVideoGridBlueCandidate(workspace, legend)) {
+    return "blue";
+  }
   const baseColor = getVideoGridBaseColorState(workspace, legend);
   if (!hasVideoGridRecentFlow(workspace)) {
     return baseColor;
@@ -37571,11 +37802,56 @@ var getVideoGridColorState = (workspace, legend = DEFAULT_EFFICIENCY_LEGEND) =>
   if (!hasIncomingWipMapping(workspace)) {
     return baseColor;
   }
-  if (!isFiniteNumber2(workspace.incoming_wip_current)) {
+  if (!isFiniteNumber3(workspace.incoming_wip_current)) {
     return "neutral";
   }
   return baseColor;
 };
+var hasAllVideoGridWorkspacesGreen = (workspaces, legend = DEFAULT_EFFICIENCY_LEGEND) => {
+  const visibleWorkspaces = workspaces.filter((workspace) => Boolean(workspace.workspace_uuid || workspace.workspace_name));
+  return visibleWorkspaces.length > 0 && visibleWorkspaces.every((workspace) => getVideoGridColorState(workspace, legend) === "green");
+};
+var getAllVideoGridGreenStreakDisplay = (workspaces, legend = DEFAULT_EFFICIENCY_LEGEND, nowMs2 = Date.now()) => {
+  const visibleWorkspaces = workspaces.filter((workspace) => Boolean(workspace.workspace_uuid || workspace.workspace_name));
+  if (visibleWorkspaces.length === 0 || !hasAllVideoGridWorkspacesGreen(visibleWorkspaces, legend)) {
+    return null;
+  }
+  const activeStreaks = visibleWorkspaces.map((workspace) => {
+    const startedAt = workspace.video_grid_green_streak_started_at;
+    const anchorAt = workspace.video_grid_green_streak_anchor_at;
+    const streakMinutes = workspace.video_grid_green_streak_minutes;
+    const computedAt = workspace.recent_flow_computed_at;
+    const startedAtMs = parseTimestampMs(startedAt);
+    const anchorAtMs = parseTimestampMs(anchorAt);
+    const computedAtMs = typeof computedAt === "string" && computedAt.trim() ? parseTimestampMs(computedAt) : Number.NaN;
+    const isFresh = isAllGreenStreakFresh(workspace, anchorAtMs, nowMs2);
+    const tickOriginAtMs = Number.isFinite(computedAtMs) ? computedAtMs : anchorAtMs + CONFIRMED_MINUTE_DURATION_MS;
+    if (workspace.video_grid_green_streak_active === true && isFiniteNumber3(streakMinutes) && streakMinutes > 0 && startedAt && anchorAt && Number.isFinite(startedAtMs) && isFresh) {
+      return {
+        startedAt,
+        startedAtMs,
+        anchorAt,
+        streakMinutes,
+        tickOriginAtMs
+      };
+    }
+    return null;
+  });
+  if (activeStreaks.some((streak) => streak === null)) {
+    return null;
+  }
+  const strictestStartedAt = activeStreaks.reduce((latest, current) => current.streakMinutes < latest.streakMinutes || current.streakMinutes === latest.streakMinutes && current.startedAtMs > latest.startedAtMs ? current : latest);
+  const confirmedSeconds = Math.max(0, Math.floor(strictestStartedAt.streakMinutes * 60));
+  return {
+    label: "All green",
+    elapsedSeconds: confirmedSeconds,
+    confirmedSeconds,
+    durationText: formatAllGreenStreakDuration(confirmedSeconds),
+    startedAt: strictestStartedAt.startedAt,
+    anchorAt: strictestStartedAt.anchorAt,
+    tickOriginAtMs: strictestStartedAt.tickOriginAtMs
+  };
+};
 var getVideoGridLegendLabel = (workspaces) => {
   const visibleWorkspaces = workspaces;
   if (visibleWorkspaces.length === 0) {
@@ -37606,6 +37882,7 @@ var VideoCard = React144__namespace.default.memo(({
   compact = false,
   displayMinuteBucket,
   displayName,
+  isBlueBest = false,
   lastSeenLabel,
   hasRecentHealthSignal: hasRecentHealthSignal2 = false,
   onMouseEnter,
@@ -37627,7 +37904,11 @@ var VideoCard = React144__namespace.default.memo(({
   const workspaceDisplayName = displayName || workspace.displayName || workspace.workspace_name;
   const videoGridMetricValue = getVideoGridMetricValue(workspace, effectiveLegend);
   const videoGridDisplayValue = getVideoGridDisplayValue(workspace, effectiveLegend, displayMinuteBucket);
-  const videoGridColorState = getVideoGridColorState(workspace, effectiveLegend);
+  const videoGridColorState = getVideoGridColorState(
+    workspace,
+    effectiveLegend,
+    isBlueBest ? /* @__PURE__ */ new Set([getVideoGridWorkspaceKey(workspace)]) : void 0
+  );
   const isRecentFlowCard = isVideoGridRecentFlowEnabled(workspace);
   const isHighEfficiencyOverride = isHighEfficiencyRedFlowOverride(workspace, effectiveLegend);
   const hasDisplayMetric = typeof videoGridDisplayValue === "number" && Number.isFinite(videoGridDisplayValue);
@@ -37635,9 +37916,9 @@ var VideoCard = React144__namespace.default.memo(({
   const shouldRenderMetricBadge = hasDisplayMetric;
   const badgeTitle = isHighEfficiencyOverride ? `Efficiency ${Math.round(videoGridDisplayValue ?? 0)}%` : hasVideoGridRecentFlow(workspace) ? `Flow ${Math.round(videoGridDisplayValue ?? 0)}%` : isRecentFlowCard ? "Flow unavailable" : `Efficiency ${Math.round(videoGridDisplayValue ?? 0)}%`;
   const badgeLabel = `${Math.round(videoGridDisplayValue ?? 0)}%`;
-  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";
+  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 trendInfo = workspace.trend !== void 0 ? getTrendArrowAndColor(workspace.trend) : null;
   const handleClick = React144.useCallback(() => {
     trackCoreEvent("Workspace Card Clicked", {
@@ -37758,6 +38039,9 @@ var VideoCard = React144__namespace.default.memo(({
   if (prevProps.displayName !== nextProps.displayName) {
     return false;
   }
+  if (prevProps.isBlueBest !== nextProps.isBlueBest) {
+    return false;
+  }
   if (prevProps.lastSeenLabel !== nextProps.lastSeenLabel) {
     return false;
   }
@@ -37799,6 +38083,7 @@ var hasRecentHealthSignal = (lastHeartbeat) => {
 };
 var VideoGridView = React144__namespace.default.memo(({
   workspaces,
+  blueComparisonWorkspaces,
   selectedLine,
   className = "",
   legend,
@@ -37927,6 +38212,7 @@ var VideoGridView = React144__namespace.default.memo(({
       return a.workspace_name.localeCompare(b.workspace_name);
     });
   }, [filteredWorkspaces]);
+  const blueWinnerIds = React144.useMemo(() => selectVideoGridBlueWinnerIds(blueComparisonWorkspaces || sortedWorkspaces, effectiveLegend), [blueComparisonWorkspaces, sortedWorkspaces, effectiveLegend]);
   const streamsResolvedForWorkspaceSet = resolvedStreamWorkspaceKey === workspaceIdsKey;
   const resolveWorkspaceDisplayName = React144.useCallback((workspace) => {
     return workspace.displayName || displayNames[`${workspace.line_id}_${workspace.workspace_name}`] || workspace.workspace_name;
@@ -38135,11 +38421,13 @@ var VideoGridView = React144__namespace.default.memo(({
         isR2Stream,
         shouldPlay,
         lastSeenLabel,
-        hasRecentHealthSignal: hasRecentHealthSignal(workspaceHealth?.lastHeartbeat)
+        hasRecentHealthSignal: hasRecentHealthSignal(workspaceHealth?.lastHeartbeat),
+        isBlueBest: blueWinnerIds.has(getVideoGridWorkspaceKey(workspace))
       };
     });
   }, [
     sortedWorkspaces,
+    blueWinnerIds,
     visibleWorkspaces,
     getWorkspaceCropping,
     videoStreamsByWorkspaceId,
@@ -38186,6 +38474,7 @@ var VideoGridView = React144__namespace.default.memo(({
           useRAF: effectiveUseRAF,
           displayMinuteBucket,
           compact: !selectedLine,
+          isBlueBest: card.isBlueBest,
           onMouseEnter: onWorkspaceHover ? () => onWorkspaceHover(card.workspaceId) : void 0,
           onMouseLeave: onWorkspaceHoverEnd ? () => onWorkspaceHoverEnd(card.workspaceId) : void 0
         }
@@ -39819,7 +40108,7 @@ var BreakNotificationPopup = ({
     return null;
   }
   const currentBreak = visibleBreaks[currentIndex];
-  return /* @__PURE__ */ jsxRuntime.jsx(AnimatePresence, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `fixed right-4 top-24 z-50 max-w-xs w-full ${className}`, children: [
+  return /* @__PURE__ */ jsxRuntime.jsx(AnimatePresence, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `fixed right-4 top-24 z-[110] max-w-xs w-full ${className}`, children: [
     visibleBreaks.length > 1 && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
       /* @__PURE__ */ jsxRuntime.jsx(
         "div",
@@ -54743,6 +55032,10 @@ var Legend5 = ({
       ":"
     ] }),
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 sm:gap-4", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1.5", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-2 h-2 sm:w-2.5 sm:h-2.5 rounded-full bg-[#0EA5E9]" }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Best" })
+      ] }),
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1.5", children: [
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-2 h-2 sm:w-2.5 sm:h-2.5 rounded-full bg-[#00AB45]" }),
         /* @__PURE__ */ jsxRuntime.jsx("span", { children: formatPercentRange(effectiveLegend.green_min, effectiveLegend.green_max) })
@@ -54861,6 +55154,7 @@ var WorkspaceGridItem = React144__namespace.default.memo(({
 WorkspaceGridItem.displayName = "WorkspaceGridItem";
 var WorkspaceGrid = React144__namespace.default.memo(({
   workspaces,
+  blueComparisonWorkspaces,
   isPdfMode = false,
   customWorkspacePositions,
   lineNames = {},
@@ -54877,13 +55171,8 @@ var WorkspaceGrid = React144__namespace.default.memo(({
   onWorkspaceHoverEnd,
   toolbarRightContent
 }) => {
-  const dashboardConfig = useDashboardConfig();
-  const mapViewEnabled = dashboardConfig?.mapViewConfig?.enabled ?? false;
+  const mapViewEnabled = false;
   const [viewMode, setViewMode] = React144.useState(() => {
-    if (typeof window !== "undefined" && mapViewEnabled) {
-      const saved = localStorage.getItem("home-view-mode");
-      return saved === "map" || saved === "video" ? saved : "video";
-    }
     return "video";
   });
   React144.useEffect(() => {
@@ -54892,7 +55181,7 @@ var WorkspaceGrid = React144__namespace.default.memo(({
       total_workspaces: workspaces.length
     });
   }, [workspaces.length]);
-  const handleViewModeToggle = React144.useCallback(() => {
+  React144.useCallback(() => {
     const newMode = viewMode === "video" ? "map" : "video";
     setViewMode(newMode);
     if (typeof window !== "undefined") {
@@ -54906,8 +55195,8 @@ var WorkspaceGrid = React144__namespace.default.memo(({
   }, [viewMode]);
   const { VideoGridView: VideoGridViewComponent, MapGridView: MapGridViewComponent } = useRegistry();
   const legendMetricLabel = React144.useMemo(
-    () => viewMode === "video" ? getVideoGridLegendLabel(workspaces) : MAP_GRID_LEGEND_LABEL,
-    [viewMode, workspaces]
+    () => getVideoGridLegendLabel(workspaces),
+    [workspaces]
   );
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `flex flex-col w-full h-full overflow-hidden bg-slate-50/50 ${className}`, children: [
     /* @__PURE__ */ jsxRuntime.jsxs(
@@ -54919,21 +55208,7 @@ var WorkspaceGrid = React144__namespace.default.memo(({
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: "hidden sm:block", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "inline-flex bg-white/95 rounded-lg shadow-sm px-4 py-2 border border-slate-200/60 backdrop-blur-sm", children: /* @__PURE__ */ jsxRuntime.jsx(Legend5, { legend, metricLabel: legendMetricLabel }) }) }),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-end gap-3 shrink-0", children: [
             toolbarRightContent,
-            mapViewEnabled && /* @__PURE__ */ jsxRuntime.jsx(
-              "button",
-              {
-                onClick: handleViewModeToggle,
-                className: "flex items-center gap-2 px-3 py-1.5 bg-white border border-slate-200 rounded-md shadow-sm hover:bg-slate-50 transition-colors duration-200 text-slate-700",
-                title: viewMode === "video" ? "Switch to Map View" : "Switch to Video View",
-                children: viewMode === "video" ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Map, { className: "w-4 h-4 text-slate-500" }),
-                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "hidden sm:inline text-sm font-medium", children: "Map View" })
-                ] }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Video, { className: "w-4 h-4 text-slate-500" }),
-                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "hidden sm:inline text-sm font-medium", children: "Video View" })
-                ] })
-              }
-            )
+            mapViewEnabled
           ] })
         ]
       }
@@ -54951,6 +55226,7 @@ var WorkspaceGrid = React144__namespace.default.memo(({
           VideoGridViewComponent,
           {
             workspaces,
+            blueComparisonWorkspaces,
             lineNames,
             lineOrder,
             videoSources,
@@ -57247,12 +57523,25 @@ var SideNavBar = React144.memo(({
   console.log("\u{1F50D} [SideNavBar] ticketsConfig:", dashboardConfig?.ticketsConfig);
   console.log("\u{1F50D} [SideNavBar] ticketsEnabled:", ticketsEnabled);
   const pathname = propPathname || router$1.pathname;
+  const rawCurrentTabQuery = currentQuery?.tab ?? router$1.query?.tab;
+  const currentTabQuery = Array.isArray(rawCurrentTabQuery) ? rawCurrentTabQuery[0] : rawCurrentTabQuery;
+  const isKpisLeaderboardRoute = pathname === "/kpis" && currentTabQuery === "leaderboard";
+  const isPathActive = React144.useCallback((path) => {
+    if (path === "/") return pathname === "/";
+    if (path === "/leaderboard") {
+      return pathname === "/leaderboard" || pathname.startsWith("/leaderboard/");
+    }
+    if (path === "/kpis") {
+      return pathname === "/kpis" || pathname.startsWith("/kpis/");
+    }
+    return pathname === path || pathname.startsWith(path + "/");
+  }, [pathname]);
   const getButtonClasses = React144.useCallback((path) => {
-    const isActive = pathname === path || pathname.startsWith(path + "/");
+    const isActive = isPathActive(path);
     return `w-full flex flex-col items-center justify-center py-4 sm:py-3 px-2 sm:px-1 rounded-lg relative group min-h-[44px] sm:min-h-0
       ${isActive ? "bg-blue-50/80 text-blue-600 font-medium" : "hover:bg-gray-50 text-gray-500 hover:text-gray-700 font-medium active:bg-gray-100"}
       transition-all duration-200 ease-out focus:outline-none focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2`;
-  }, [pathname]);
+  }, [isPathActive]);
   const buildDashboardSurfaceTrackingEvent = React144.useCallback((source, destinationPath, dashboardSurface) => ({
     name: ROOT_DASHBOARD_EVENT_NAMES[dashboardSurface],
     properties: {
@@ -57285,17 +57574,24 @@ var SideNavBar = React144.memo(({
     onMobileMenuClose?.();
   }, [navigate, onMobileMenuClose, buildDashboardSurfaceTrackingEvent]);
   const handleKPIsClick = React144.useCallback(() => {
-    navigate(`/kpis`, {
-      trackingEvent: {
-        name: "KPI Page Clicked",
-        properties: {
-          source: "side_nav",
-          page_type: "overview"
-        }
+    const trackingEvent = {
+      name: "KPI Page Clicked",
+      properties: {
+        source: "side_nav",
+        page_type: "overview"
       }
+    };
+    if (isKpisLeaderboardRoute) {
+      trackCoreEvent(trackingEvent.name, trackingEvent.properties);
+      void router$1.replace("/kpis", void 0, { shallow: false });
+      onMobileMenuClose?.();
+      return;
+    }
+    navigate(`/kpis`, {
+      trackingEvent
     });
     onMobileMenuClose?.();
-  }, [navigate, onMobileMenuClose]);
+  }, [isKpisLeaderboardRoute, navigate, onMobileMenuClose, router$1]);
   const handleImprovementClick = React144.useCallback(() => {
     navigate("/improvement-center", {
       trackingEvent: {
@@ -57565,14 +57861,14 @@ var SideNavBar = React144.memo(({
     });
     onMobileMenuClose?.();
   }, [navigate, onMobileMenuClose, buildDashboardSurfaceTrackingEvent, rootDashboardSurface]);
-  const homeButtonClasses = React144.useMemo(() => getButtonClasses("/"), [getButtonClasses, pathname]);
-  const liveButtonClasses = React144.useMemo(() => getButtonClasses("/live-monitor"), [getButtonClasses, pathname]);
-  const leaderboardButtonClasses = React144.useMemo(() => getButtonClasses("/leaderboard"), [getButtonClasses, pathname]);
-  const kpisButtonClasses = React144.useMemo(() => getButtonClasses("/kpis"), [getButtonClasses, pathname]);
-  const improvementButtonClasses = React144.useMemo(() => getButtonClasses("/improvement-center"), [getButtonClasses, pathname]);
-  React144.useMemo(() => getButtonClasses("/supervisor-management"), [getButtonClasses, pathname]);
-  const skusButtonClasses = React144.useMemo(() => getButtonClasses("/skus"), [getButtonClasses, pathname]);
-  const healthButtonClasses = React144.useMemo(() => getButtonClasses("/health"), [getButtonClasses, pathname]);
+  const homeButtonClasses = React144.useMemo(() => getButtonClasses("/"), [getButtonClasses]);
+  const liveButtonClasses = React144.useMemo(() => getButtonClasses("/live-monitor"), [getButtonClasses]);
+  const leaderboardButtonClasses = React144.useMemo(() => getButtonClasses("/leaderboard"), [getButtonClasses]);
+  const kpisButtonClasses = React144.useMemo(() => getButtonClasses("/kpis"), [getButtonClasses]);
+  const improvementButtonClasses = React144.useMemo(() => getButtonClasses("/improvement-center"), [getButtonClasses]);
+  React144.useMemo(() => getButtonClasses("/supervisor-management"), [getButtonClasses]);
+  const skusButtonClasses = React144.useMemo(() => getButtonClasses("/skus"), [getButtonClasses]);
+  const healthButtonClasses = React144.useMemo(() => getButtonClasses("/health"), [getButtonClasses]);
   const settingsButtonClasses = React144.useMemo(() => {
     const isAnyItemActive = settingsItems.some((item) => item.isActive);
     const isActive = isSettingsOpen || isAnyItemActive;
@@ -57606,7 +57902,7 @@ var SideNavBar = React144.memo(({
             "aria-label": "Home",
             tabIndex: 0,
             role: "tab",
-            "aria-selected": pathname === "/" || pathname.startsWith("//"),
+            "aria-selected": isPathActive("/"),
             children: [
               /* @__PURE__ */ jsxRuntime.jsx(outline.HomeIcon, { className: "w-5 h-5 mb-1" }),
               /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs sm:text-[10px] font-medium leading-tight", children: "Home" })
@@ -57621,7 +57917,7 @@ var SideNavBar = React144.memo(({
             "aria-label": "Monitor",
             tabIndex: 0,
             role: "tab",
-            "aria-selected": pathname === "/live-monitor" || pathname.startsWith("/live-monitor/"),
+            "aria-selected": isPathActive("/live-monitor"),
             children: [
               /* @__PURE__ */ jsxRuntime.jsx(outline.VideoCameraIcon, { className: "w-5 h-5 mb-1" }),
               /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs sm:text-[10px] font-medium leading-tight", children: "Monitor" })
@@ -57638,7 +57934,7 @@ var SideNavBar = React144.memo(({
             "aria-label": "Leaderboard",
             tabIndex: 0,
             role: "tab",
-            "aria-selected": pathname === "/leaderboard" || pathname.startsWith("/leaderboard/"),
+            "aria-selected": isPathActive("/leaderboard"),
             children: [
               /* @__PURE__ */ jsxRuntime.jsx(outline.TrophyIcon, { className: "w-5 h-5 mb-1" }),
               /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs sm:text-[10px] font-medium leading-tight", children: "Leaders" })
@@ -57653,7 +57949,7 @@ var SideNavBar = React144.memo(({
             "aria-label": "Lines",
             tabIndex: 0,
             role: "tab",
-            "aria-selected": pathname === "/kpis" || pathname.startsWith("/kpis/"),
+            "aria-selected": isPathActive("/kpis"),
             children: [
               /* @__PURE__ */ jsxRuntime.jsx(outline.ChartBarIcon, { className: "w-5 h-5 mb-1" }),
               /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs sm:text-[10px] font-medium leading-tight", children: "Lines" })
@@ -57668,7 +57964,7 @@ var SideNavBar = React144.memo(({
             "aria-label": "Improvement Center",
             tabIndex: 0,
             role: "tab",
-            "aria-selected": pathname === "/improvement-center" || pathname.startsWith("/improvement-center/"),
+            "aria-selected": isPathActive("/improvement-center"),
             children: [
               /* @__PURE__ */ jsxRuntime.jsx(outline.LightBulbIcon, { className: "w-5 h-5 mb-1" }),
               /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs sm:text-[10px] font-medium leading-tight text-center", children: "Improve" })
@@ -57684,7 +57980,7 @@ var SideNavBar = React144.memo(({
             "aria-label": "SKU Management",
             tabIndex: 0,
             role: "tab",
-            "aria-selected": pathname === "/skus" || pathname.startsWith("/skus/"),
+            "aria-selected": isPathActive("/skus"),
             children: [
               /* @__PURE__ */ jsxRuntime.jsx(outline.CubeIcon, { className: "w-5 h-5 mb-1" }),
               /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs sm:text-[10px] font-medium leading-tight", children: "SKUs" })
@@ -57699,7 +57995,7 @@ var SideNavBar = React144.memo(({
             "aria-label": "System Health",
             tabIndex: 0,
             role: "tab",
-            "aria-selected": pathname === "/health" || pathname.startsWith("/health/"),
+            "aria-selected": isPathActive("/health"),
             children: [
               /* @__PURE__ */ jsxRuntime.jsx(outline.HeartIcon, { className: "w-5 h-5 mb-1" }),
               /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs sm:text-[10px] font-medium leading-tight", children: "Health" })
@@ -57729,17 +58025,12 @@ var SideNavBar = React144.memo(({
     ) })
   ] });
   const MobileNavigationContent = () => {
-    const isActive = (path) => {
-      if (path === "/" && pathname === "/") return true;
-      if (path !== "/" && pathname.startsWith(path)) return true;
-      return false;
-    };
     const getMobileButtonClass = (path) => {
-      const active = isActive(path);
+      const active = isPathActive(path);
       return `w-full flex items-center gap-3 px-5 py-3.5 rounded-lg transition-colors active:scale-[0.98] ${active ? "bg-blue-50 text-blue-700" : "text-gray-700 hover:bg-gray-100 active:bg-gray-200"}`;
     };
     const getIconClass = (path) => {
-      const active = isActive(path);
+      const active = isPathActive(path);
       return `w-7 h-7 ${active ? "text-blue-600" : "text-gray-600"}`;
     };
     const handleMobileNavClick = (handler) => {
@@ -63696,6 +63987,7 @@ var createEmptyState = () => ({
   scopeKey: null,
   lines: [],
   workspaceMetrics: [],
+  blueComparisonWorkspaceMetrics: [],
   lineMetrics: [],
   kpiTrend: null,
   activeBreaks: [],
@@ -63712,6 +64004,7 @@ var normalizeMetadata = (metadata) => ({
 });
 var useLiveMonitorBootstrap = ({
   lineIds,
+  blueComparisonLineIds,
   companyId,
   enabled = true,
   appTimezone,
@@ -63726,13 +64019,18 @@ var useLiveMonitorBootstrap = ({
   const effectiveWorkspaceConfig = workspaceConfig || DEFAULT_WORKSPACE_CONFIG;
   const effectiveTimezone = appTimezone || "Asia/Kolkata";
   const rawLineIdsKey = (lineIds || []).filter(Boolean).join(",");
+  const rawBlueComparisonLineIdsKey = (blueComparisonLineIds || lineIds || []).filter(Boolean).join(",");
   const normalizedLineIds = React144.useMemo(
     () => Array.from(new Set(rawLineIdsKey ? rawLineIdsKey.split(",") : [])),
     [rawLineIdsKey]
   );
+  const normalizedBlueComparisonLineIds = React144.useMemo(
+    () => Array.from(new Set(rawBlueComparisonLineIdsKey ? rawBlueComparisonLineIdsKey.split(",") : [])),
+    [rawBlueComparisonLineIdsKey]
+  );
   const requestKey = React144.useMemo(
-    () => normalizedLineIds.slice().sort().join(","),
-    [normalizedLineIds]
+    () => `${normalizedLineIds.slice().sort().join(",")}|blue:${normalizedBlueComparisonLineIds.slice().sort().join(",")}`,
+    [normalizedLineIds, normalizedBlueComparisonLineIds]
   );
   const [state, setState] = React144.useState(() => createEmptyState());
   const [rawState, setRawState] = React144.useState(null);
@@ -63750,6 +64048,9 @@ var useLiveMonitorBootstrap = ({
       const searchParams = new URLSearchParams();
       searchParams.set("company_id", resolvedCompanyId);
       searchParams.set("line_ids", normalizedLineIds.join(","));
+      if (normalizedBlueComparisonLineIds.length) {
+        searchParams.set("blue_comparison_line_ids", normalizedBlueComparisonLineIds.join(","));
+      }
       if (force) {
         searchParams.set("force_refresh", "true");
       }
@@ -63781,6 +64082,7 @@ var useLiveMonitorBootstrap = ({
         extras: {
           company_id: resolvedCompanyId,
           line_ids: normalizedLineIds,
+          blue_comparison_line_ids: normalizedBlueComparisonLineIds,
           force_refresh: force,
           pathname: typeof window !== "undefined" ? window.location.pathname : "unknown"
         }
@@ -63796,6 +64098,7 @@ var useLiveMonitorBootstrap = ({
     supabase,
     resolvedCompanyId,
     normalizedLineIds,
+    normalizedBlueComparisonLineIds,
     requestKey
   ]);
   React144.useEffect(() => {
@@ -63814,6 +64117,16 @@ var useLiveMonitorBootstrap = ({
         fallbackShiftConfig
       });
       const activeBreaks = transformActiveBreaks(rawState.response.active_breaks_by_line);
+      const blueComparisonWorkspaceMetrics = rawState.response.blue_comparison_workspace_metrics ? transformMonitorWorkspaceMetrics({
+        rows: rawState.response.blue_comparison_workspace_metrics,
+        companyId: resolvedCompanyId,
+        workspaceConfig: effectiveWorkspaceConfig,
+        appTimezone: effectiveTimezone,
+        lineMetrics: rawState.response.line_metrics || [],
+        resolveShiftConfig: (lineId) => lineShiftConfigs?.get(lineId) || fallbackShiftConfig,
+        shouldOverrideShiftType: (lineId) => Boolean(lineShiftConfigs?.get(lineId)),
+        fallbackShiftConfig
+      }) : workspaceMetrics;
       const metadata = normalizeMetadata(rawState.response.metadata);
       const workspaceIds = workspaceMetrics.map((metric) => metric.workspace_uuid).filter((workspaceId) => Boolean(workspaceId));
       const videoStreamsByWorkspaceId = rawState.response.video_streams_by_workspace_id || {};
@@ -63831,6 +64144,7 @@ var useLiveMonitorBootstrap = ({
         scopeKey: rawState.response.scope_key || null,
         lines: rawState.response.lines || [],
         workspaceMetrics,
+        blueComparisonWorkspaceMetrics: blueComparisonWorkspaceMetrics.length ? blueComparisonWorkspaceMetrics : workspaceMetrics,
         lineMetrics: rawState.response.line_metrics || [],
         kpiTrend: rawState.response.kpi_trend || null,
         activeBreaks,
@@ -63898,6 +64212,7 @@ var useLiveMonitorBootstrap = ({
     scopeKey: state.scopeKey,
     lines: state.lines,
     workspaceMetrics: state.workspaceMetrics,
+    blueComparisonWorkspaceMetrics: state.blueComparisonWorkspaceMetrics,
     lineMetrics: state.lineMetrics,
     kpiTrend: state.kpiTrend,
     activeBreaks: state.activeBreaks,
@@ -64168,6 +64483,22 @@ var logDebug3 = (...args) => {
 };
 var EMPTY_LINE_IDS = [];
 var EMPTY_WORKSPACES = [];
+var ALL_GREEN_CELEBRATION_DURATION_MS = 6e3;
+var ALL_GREEN_MILESTONE_DURATION_MS = 6e3;
+var ALL_GREEN_STREAK_LOCAL_SECOND_CAP = 59;
+var formatAllGreenCelebrationTimer = (elapsedSeconds) => {
+  const safeElapsedSeconds = Math.max(1, Math.floor(elapsedSeconds));
+  const minutes = Math.floor(safeElapsedSeconds / 60);
+  const seconds = safeElapsedSeconds % 60;
+  return `${String(minutes).padStart(2, "0")}:${String(seconds).padStart(2, "0")}s`;
+};
+var getAllGreenBackendVisibleSeconds = (confirmedSeconds, tickOriginAtMs, nowMs2) => {
+  const localSecondOffset = Math.min(
+    ALL_GREEN_STREAK_LOCAL_SECOND_CAP,
+    Math.max(0, Math.floor((nowMs2 - tickOriginAtMs) / 1e3))
+  );
+  return confirmedSeconds + localSecondOffset;
+};
 var LoadingPageCmp = LoadingPage_default;
 var LoadingOverlayCmp = LoadingOverlay_default;
 function HomeView({
@@ -64309,6 +64640,31 @@ function HomeView({
     () => new Set(selectedLineIds),
     [selectedLineIds]
   );
+  const blueComparisonLineIds = React144.useMemo(() => {
+    const selectedFactoryAreaIds = /* @__PURE__ */ new Set();
+    for (const line of dbLines) {
+      if (!selectedLineIdSet.has(line.id)) {
+        continue;
+      }
+      const factoryAreaId = typeof line.factory_area_id === "string" ? line.factory_area_id.trim() : "";
+      if (factoryAreaId) {
+        selectedFactoryAreaIds.add(factoryAreaId);
+      }
+    }
+    if (selectedFactoryAreaIds.size === 0) {
+      return selectedLineIds;
+    }
+    const dbLinesById = new Map(dbLines.map((line) => [line.id, line]));
+    const selectedIds = new Set(selectedLineIds);
+    return visibleLineIds.filter((lineId) => {
+      if (selectedIds.has(lineId)) {
+        return true;
+      }
+      const line = dbLinesById.get(lineId);
+      const factoryAreaId = typeof line?.factory_area_id === "string" ? line.factory_area_id.trim() : "";
+      return factoryAreaId ? selectedFactoryAreaIds.has(factoryAreaId) : false;
+    });
+  }, [dbLines, selectedLineIdSet, selectedLineIds, visibleLineIds]);
   const metricsScopeLineId = isMultiLineSelection ? factoryViewId : primarySelectedLineId;
   const userCompanyId = React144.useMemo(() => {
     return user?.properties?.company_id || user?.company_id || entityConfig.companyId;
@@ -64349,6 +64705,7 @@ function HomeView({
   }, []);
   const {
     workspaceMetrics: legacyWorkspaceMetrics,
+    blueComparisonWorkspaceMetrics: legacyMetricsBlueComparisonWorkspaceMetrics,
     lineMetrics: legacyLineMetrics,
     efficiencyLegend: legacyEfficiencyLegend,
     metadata: legacyMetricsMetadata,
@@ -64359,6 +64716,7 @@ function HomeView({
   } = useDashboardMetrics({
     lineId: metricsScopeLineId,
     lineIds: selectedLineIds,
+    blueComparisonLineIds,
     onLineMetricsUpdate: handleLineMetricsUpdate,
     userAccessibleLineIds: visibleLineIds,
     enabled: shouldEnableMetricsFetch && !isBootstrapMonitorMode
@@ -64413,6 +64771,7 @@ function HomeView({
   const { trend: legacyKpiTrend } = useKpiTrends(legacyTrendOptions);
   const bootstrapMonitor = useLiveMonitorBootstrap({
     lineIds: selectedLineIds,
+    blueComparisonLineIds,
     companyId: userCompanyId,
     enabled: shouldEnableMetricsFetch && !isLegacyMonitorMode,
     appTimezone: timezone,
@@ -64421,6 +64780,7 @@ function HomeView({
     lineShiftConfigs
   });
   const currentWorkspaceMetrics = isBootstrapMonitorMode ? bootstrapMonitor.workspaceMetrics : legacyWorkspaceMetrics;
+  const currentBlueComparisonWorkspaceMetrics = isBootstrapMonitorMode ? bootstrapMonitor.blueComparisonWorkspaceMetrics : legacyMetricsBlueComparisonWorkspaceMetrics;
   const currentLineMetrics = isBootstrapMonitorMode ? bootstrapMonitor.lineMetrics : legacyLineMetrics;
   const currentEfficiencyLegend = isBootstrapMonitorMode ? bootstrapMonitor.efficiencyLegend : legacyEfficiencyLegend;
   const currentMetricsMetadata = isBootstrapMonitorMode ? bootstrapMonitor.metadata : legacyMetricsMetadata;
@@ -64558,6 +64918,218 @@ function HomeView({
       setBreakNotificationsDismissed(false);
     }
   }, [currentActiveBreaks.length]);
+  const effectiveEfficiencyLegend = currentEfficiencyLegend || DEFAULT_EFFICIENCY_LEGEND;
+  React144.useMemo(
+    () => workspaceMetricsWithBreakState.filter((workspace) => Boolean(workspace.workspace_uuid || workspace.workspace_name)).length,
+    [workspaceMetricsWithBreakState]
+  );
+  const allGreenCelebrationSignature = React144.useMemo(() => {
+    const workspaceSignature = workspaceMetricsWithBreakState.map((workspace) => workspace.workspace_uuid || `${workspace.line_id}:${workspace.workspace_name}`).filter(Boolean).sort().join(",");
+    return `${selectedLineIds.join(",")}::${workspaceSignature}`;
+  }, [selectedLineIds, workspaceMetricsWithBreakState]);
+  const allGreenTransitionRef = React144.useRef({ signature: null, previousValidStreakIdentity: null });
+  const allGreenCelebrationTimerRef = React144.useRef(null);
+  const allGreenMilestoneTimerRef = React144.useRef(null);
+  const allGreenMilestoneTrackingRef = React144.useRef({ identity: null, lastMilestoneSeconds: null });
+  const allGreenStreakTimerBaselineRef = React144.useRef(null);
+  const [showAllGreenCelebration, setShowAllGreenCelebration] = React144.useState(false);
+  const [allGreenCelebrationStartedAtMs, setAllGreenCelebrationStartedAtMs] = React144.useState(null);
+  const [greenStreakMilestoneBanner, setGreenStreakMilestoneBanner] = React144.useState(null);
+  const [allGreenStreakNowMs, setAllGreenStreakNowMs] = React144.useState(() => Date.now());
+  const currentAllGreenStreakNowMs = Math.max(allGreenStreakNowMs, Date.now());
+  const allGreenStreakDisplay = React144.useMemo(
+    () => getAllVideoGridGreenStreakDisplay(
+      workspaceMetricsWithBreakState,
+      effectiveEfficiencyLegend,
+      currentAllGreenStreakNowMs
+    ),
+    [currentAllGreenStreakNowMs, effectiveEfficiencyLegend, workspaceMetricsWithBreakState]
+  );
+  const allGreenMilestoneIdentity = React144.useMemo(() => allGreenStreakDisplay ? `${allGreenCelebrationSignature}::${allGreenStreakDisplay.startedAt}` : null, [allGreenCelebrationSignature, allGreenStreakDisplay]);
+  const visibleAllGreenStreakDisplay = React144.useMemo(() => {
+    if (!allGreenStreakDisplay || !allGreenMilestoneIdentity) {
+      allGreenStreakTimerBaselineRef.current = null;
+      return null;
+    }
+    const confirmedSeconds = allGreenStreakDisplay.confirmedSeconds;
+    const backendVisibleSeconds = getAllGreenBackendVisibleSeconds(
+      confirmedSeconds,
+      allGreenStreakDisplay.tickOriginAtMs,
+      currentAllGreenStreakNowMs
+    );
+    const backendMaxVisibleSeconds = confirmedSeconds + ALL_GREEN_STREAK_LOCAL_SECOND_CAP;
+    const currentBaseline = allGreenStreakTimerBaselineRef.current;
+    if (!currentBaseline || currentBaseline.identity !== allGreenMilestoneIdentity) {
+      allGreenStreakTimerBaselineRef.current = {
+        identity: allGreenMilestoneIdentity,
+        baseSeconds: backendVisibleSeconds,
+        baseReceivedAtMs: currentAllGreenStreakNowMs,
+        maxVisibleSeconds: backendMaxVisibleSeconds
+      };
+    } else {
+      currentBaseline.maxVisibleSeconds = Math.max(
+        currentBaseline.maxVisibleSeconds,
+        backendMaxVisibleSeconds
+      );
+      const visibleSeconds = Math.min(
+        currentBaseline.maxVisibleSeconds,
+        currentBaseline.baseSeconds + Math.max(0, Math.floor((currentAllGreenStreakNowMs - currentBaseline.baseReceivedAtMs) / 1e3))
+      );
+      if (backendVisibleSeconds > visibleSeconds) {
+        allGreenStreakTimerBaselineRef.current = {
+          identity: allGreenMilestoneIdentity,
+          baseSeconds: backendVisibleSeconds,
+          baseReceivedAtMs: currentAllGreenStreakNowMs,
+          maxVisibleSeconds: currentBaseline.maxVisibleSeconds
+        };
+      }
+    }
+    const baseline = allGreenStreakTimerBaselineRef.current;
+    const elapsedSeconds = baseline ? Math.min(
+      baseline.maxVisibleSeconds,
+      baseline.baseSeconds + Math.max(0, Math.floor((currentAllGreenStreakNowMs - baseline.baseReceivedAtMs) / 1e3))
+    ) : backendVisibleSeconds;
+    return {
+      ...allGreenStreakDisplay,
+      elapsedSeconds,
+      durationText: formatAllGreenStreakDuration(elapsedSeconds)
+    };
+  }, [allGreenMilestoneIdentity, allGreenStreakDisplay, currentAllGreenStreakNowMs]);
+  const allGreenCelebrationTimerText = React144.useMemo(() => {
+    if (!showAllGreenCelebration || allGreenCelebrationStartedAtMs === null) {
+      return null;
+    }
+    return formatAllGreenCelebrationTimer(
+      Math.max(0, Math.floor((currentAllGreenStreakNowMs - allGreenCelebrationStartedAtMs) / 1e3))
+    );
+  }, [allGreenCelebrationStartedAtMs, currentAllGreenStreakNowMs, showAllGreenCelebration]);
+  React144.useEffect(() => {
+    const hasPossibleStreakTimer = showAllGreenCelebration || Boolean(allGreenStreakDisplay) || workspaceMetricsWithBreakState.some((workspace) => workspace.video_grid_green_streak_active === true);
+    if (!hasPossibleStreakTimer) {
+      return void 0;
+    }
+    const timerId = setInterval(() => {
+      setAllGreenStreakNowMs(Date.now());
+    }, 1e3);
+    return () => {
+      clearInterval(timerId);
+    };
+  }, [allGreenStreakDisplay, showAllGreenCelebration, workspaceMetricsWithBreakState]);
+  const dismissAllGreenCelebration = React144.useCallback(() => {
+    if (allGreenCelebrationTimerRef.current) {
+      clearTimeout(allGreenCelebrationTimerRef.current);
+      allGreenCelebrationTimerRef.current = null;
+    }
+    setShowAllGreenCelebration(false);
+    setAllGreenCelebrationStartedAtMs(null);
+  }, []);
+  const triggerAllGreenCelebration = React144.useCallback(() => {
+    setAllGreenCelebrationStartedAtMs(Date.now());
+    setShowAllGreenCelebration(true);
+    if (allGreenCelebrationTimerRef.current) {
+      clearTimeout(allGreenCelebrationTimerRef.current);
+    }
+    allGreenCelebrationTimerRef.current = setTimeout(() => {
+      setShowAllGreenCelebration(false);
+      setAllGreenCelebrationStartedAtMs(null);
+      allGreenCelebrationTimerRef.current = null;
+    }, ALL_GREEN_CELEBRATION_DURATION_MS);
+  }, []);
+  const dismissGreenStreakMilestoneBanner = React144.useCallback(() => {
+    if (allGreenMilestoneTimerRef.current) {
+      clearTimeout(allGreenMilestoneTimerRef.current);
+      allGreenMilestoneTimerRef.current = null;
+    }
+    setGreenStreakMilestoneBanner(null);
+  }, []);
+  const triggerGreenStreakMilestoneBanner = React144.useCallback((milestone) => {
+    setGreenStreakMilestoneBanner(milestone);
+    if (allGreenMilestoneTimerRef.current) {
+      clearTimeout(allGreenMilestoneTimerRef.current);
+    }
+    allGreenMilestoneTimerRef.current = setTimeout(() => {
+      setGreenStreakMilestoneBanner(null);
+      allGreenMilestoneTimerRef.current = null;
+    }, ALL_GREEN_MILESTONE_DURATION_MS);
+  }, []);
+  React144.useEffect(() => {
+    return () => {
+      if (allGreenCelebrationTimerRef.current) {
+        clearTimeout(allGreenCelebrationTimerRef.current);
+      }
+      if (allGreenMilestoneTimerRef.current) {
+        clearTimeout(allGreenMilestoneTimerRef.current);
+      }
+    };
+  }, []);
+  React144.useEffect(() => {
+    const milestoneTracking = allGreenMilestoneTrackingRef.current;
+    if (currentMetricsLoading) {
+      return;
+    }
+    if (!visibleAllGreenStreakDisplay || !allGreenMilestoneIdentity) {
+      milestoneTracking.identity = null;
+      milestoneTracking.lastMilestoneSeconds = null;
+      dismissGreenStreakMilestoneBanner();
+      return;
+    }
+    const currentMilestone = getAllGreenStreakMilestone(visibleAllGreenStreakDisplay.elapsedSeconds);
+    const currentMilestoneSeconds = currentMilestone?.milestoneSeconds ?? null;
+    if (milestoneTracking.identity !== allGreenMilestoneIdentity) {
+      milestoneTracking.identity = allGreenMilestoneIdentity;
+      milestoneTracking.lastMilestoneSeconds = currentMilestoneSeconds;
+      dismissGreenStreakMilestoneBanner();
+      return;
+    }
+    if (!currentMilestone) {
+      milestoneTracking.lastMilestoneSeconds = null;
+      return;
+    }
+    if ((milestoneTracking.lastMilestoneSeconds ?? 0) < currentMilestone.milestoneSeconds) {
+      milestoneTracking.lastMilestoneSeconds = currentMilestone.milestoneSeconds;
+      triggerGreenStreakMilestoneBanner(currentMilestone);
+    }
+  }, [
+    allGreenMilestoneIdentity,
+    currentMetricsLoading,
+    dismissGreenStreakMilestoneBanner,
+    triggerGreenStreakMilestoneBanner,
+    visibleAllGreenStreakDisplay
+  ]);
+  React144.useEffect(() => {
+    if (currentMetricsLoading) {
+      return;
+    }
+    const currentValidStreakIdentity = visibleAllGreenStreakDisplay && allGreenMilestoneIdentity ? allGreenMilestoneIdentity : null;
+    const transitionState = allGreenTransitionRef.current;
+    if (transitionState.signature !== allGreenCelebrationSignature) {
+      transitionState.signature = allGreenCelebrationSignature;
+      transitionState.previousValidStreakIdentity = currentValidStreakIdentity;
+      dismissAllGreenCelebration();
+      return;
+    }
+    if (!currentValidStreakIdentity) {
+      transitionState.previousValidStreakIdentity = null;
+      dismissAllGreenCelebration();
+      return;
+    }
+    if (transitionState.previousValidStreakIdentity === null) {
+      transitionState.previousValidStreakIdentity = currentValidStreakIdentity;
+      triggerAllGreenCelebration();
+      return;
+    }
+    if (transitionState.previousValidStreakIdentity !== currentValidStreakIdentity) {
+      transitionState.previousValidStreakIdentity = currentValidStreakIdentity;
+      dismissAllGreenCelebration();
+    }
+  }, [
+    allGreenCelebrationSignature,
+    allGreenMilestoneIdentity,
+    currentMetricsLoading,
+    dismissAllGreenCelebration,
+    triggerAllGreenCelebration,
+    visibleAllGreenStreakDisplay
+  ]);
   const {
     streamsByWorkspaceId: legacyVideoStreamsByWorkspaceId,
     isLoading: legacyVideoStreamsLoading
@@ -65124,6 +65696,28 @@ function HomeView({
     updateSelectedLineIds,
     isAllLinesSelection
   ]);
+  const gridToolbarControls = React144.useMemo(() => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-end gap-2", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(AnimatePresence, { children: visibleAllGreenStreakDisplay ? /* @__PURE__ */ jsxRuntime.jsxs(
+      motion.div,
+      {
+        initial: { opacity: 0, y: -4 },
+        animate: { opacity: 1, y: 0 },
+        exit: { opacity: 0, y: -4 },
+        transition: { duration: 0.18, ease: "easeOut" },
+        className: "inline-flex items-center gap-1.5 rounded-md border border-[#00AB45]/20 bg-[#00AB45]/10 px-3 py-1.5 text-sm font-semibold text-[#00AB45] shadow-sm",
+        "aria-label": "All green streak",
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CheckCircle2, { className: "h-4 w-4" }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { children: `${visibleAllGreenStreakDisplay.label} \xB7 ${visibleAllGreenStreakDisplay.durationText}` })
+        ]
+      },
+      visibleAllGreenStreakDisplay.startedAt
+    ) : null }),
+    lineSelectorComponent
+  ] }), [
+    lineSelectorComponent,
+    visibleAllGreenStreakDisplay
+  ]);
   const useSmoothLoading = (isLoading, minDuration = 400) => {
     const [showLoading, setShowLoading] = React144.useState(isLoading);
     const loadingStartRef2 = React144.useRef(null);
@@ -65296,17 +65890,18 @@ function HomeView({
               className: "h-full",
               children: React144__namespace.default.createElement(WorkspaceGrid, {
                 workspaces: workspaceMetricsWithBreakState,
+                blueComparisonWorkspaces: currentBlueComparisonWorkspaceMetrics || workspaceMetricsWithBreakState,
                 lineNames: mergedLineNames,
                 lineOrder: selectedLineIds,
                 factoryView: factoryViewId,
-                legend: currentEfficiencyLegend,
+                legend: effectiveEfficiencyLegend,
                 videoSources,
                 videoStreamsByWorkspaceId: currentVideoStreamsByWorkspaceId,
                 videoStreamsLoading: currentVideoStreamsLoading,
                 displayNames: metricsDisplayNames,
                 hasFlowBuffers,
                 className: "h-full",
-                toolbarRightContent: lineSelectorComponent,
+                toolbarRightContent: gridToolbarControls,
                 onWorkspaceHover: handleWorkspaceHover,
                 onWorkspaceHoverEnd: handleWorkspaceHoverEnd
               })
@@ -65329,17 +65924,18 @@ function HomeView({
               children: React144__namespace.default.createElement(WorkspaceGrid, {
                 workspaces: [],
                 // Show empty grid while loading
+                blueComparisonWorkspaces: [],
                 lineNames: mergedLineNames,
                 lineOrder: selectedLineIds,
                 factoryView: factoryViewId,
-                legend: currentEfficiencyLegend,
+                legend: effectiveEfficiencyLegend,
                 videoSources,
                 videoStreamsByWorkspaceId: currentVideoStreamsByWorkspaceId,
                 videoStreamsLoading: currentVideoStreamsLoading,
                 displayNames: metricsDisplayNames,
                 hasFlowBuffers,
                 className: "h-full",
-                toolbarRightContent: lineSelectorComponent,
+                toolbarRightContent: gridToolbarControls,
                 onWorkspaceHover: handleWorkspaceHover,
                 onWorkspaceHoverEnd: handleWorkspaceHoverEnd
               })
@@ -65372,6 +65968,149 @@ function HomeView({
             contentVariant: "plain"
           }
         ),
+        /* @__PURE__ */ jsxRuntime.jsx(AnimatePresence, { children: showAllGreenCelebration ? /* @__PURE__ */ jsxRuntime.jsxs(React144__namespace.default.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            motion.div,
+            {
+              initial: { opacity: 0 },
+              animate: { opacity: 1 },
+              exit: { opacity: 0 },
+              transition: { duration: 0.4 },
+              className: "pointer-events-none fixed inset-0 z-[9998] bg-slate-900/40 backdrop-blur-sm",
+              "aria-hidden": "true"
+            },
+            "all-green-backdrop"
+          ),
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            motion.div,
+            {
+              initial: { opacity: 0 },
+              animate: { opacity: 1 },
+              exit: { opacity: 0, y: -50, scale: 0.9, filter: "blur(10px)" },
+              transition: { duration: 0.4 },
+              className: "pointer-events-none fixed inset-0 z-[10000] flex flex-col items-center justify-center px-4",
+              role: "status",
+              "aria-live": "polite",
+              "aria-label": "All green celebration",
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsxs(
+                  motion.div,
+                  {
+                    initial: { opacity: 0, y: 8, filter: "blur(6px)" },
+                    animate: { opacity: 1, y: 0, filter: "blur(0px)" },
+                    transition: { duration: 0.28, ease: [0.16, 1, 0.3, 1] },
+                    className: "flex flex-wrap items-center justify-center gap-x-4 sm:gap-x-8",
+                    children: [
+                      /* @__PURE__ */ jsxRuntime.jsx(
+                        "span",
+                        {
+                          className: "text-[100px] font-black uppercase leading-none tracking-tight text-white drop-shadow-2xl sm:text-[140px]",
+                          style: { textShadow: "0 18px 36px rgba(0,0,0,0.34)" },
+                          children: "ALL"
+                        }
+                      ),
+                      /* @__PURE__ */ jsxRuntime.jsx(
+                        "span",
+                        {
+                          className: "text-[100px] font-black uppercase leading-none tracking-tight text-[#00AB45] drop-shadow-2xl sm:text-[140px]",
+                          style: { filter: "drop-shadow(0 18px 36px rgba(0,171,69,0.28))" },
+                          children: "GREEN"
+                        }
+                      )
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  motion.div,
+                  {
+                    initial: { opacity: 0, scaleX: 0 },
+                    animate: { opacity: 1, scaleX: 1 },
+                    transition: { delay: 0.18, duration: 0.45, ease: [0.16, 1, 0.3, 1] },
+                    className: "mt-4 h-1 w-44 origin-left rounded-full bg-[#00AB45] shadow-[0_0_16px_rgba(0,171,69,0.44)] sm:w-64"
+                  }
+                ),
+                allGreenCelebrationTimerText && /* @__PURE__ */ jsxRuntime.jsxs(
+                  motion.div,
+                  {
+                    initial: { opacity: 0, y: 4 },
+                    animate: { opacity: 1, y: 0 },
+                    transition: { delay: 0.28, duration: 0.18, ease: "easeOut" },
+                    className: "mt-3 flex items-center justify-center gap-2 text-2xl font-semibold tracking-tight text-white drop-shadow-[0_4px_18px_rgba(0,0,0,0.45)] sm:mt-4 sm:text-3xl",
+                    children: [
+                      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "h-2.5 w-2.5 rounded-full bg-[#00AB45] shadow-[0_0_10px_rgba(0,171,69,0.72)]" }),
+                      /* @__PURE__ */ jsxRuntime.jsx("span", { children: allGreenCelebrationTimerText })
+                    ]
+                  }
+                )
+              ]
+            },
+            "all-green-center-toast"
+          )
+        ] }, "all-green-celebration") : null }),
+        /* @__PURE__ */ jsxRuntime.jsx(AnimatePresence, { children: greenStreakMilestoneBanner ? /* @__PURE__ */ jsxRuntime.jsxs(React144__namespace.default.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            motion.div,
+            {
+              initial: { opacity: 0 },
+              animate: { opacity: 1 },
+              exit: { opacity: 0 },
+              transition: { duration: 0.4 },
+              className: "pointer-events-none fixed inset-0 z-[9998] bg-slate-900/40 backdrop-blur-sm",
+              "aria-hidden": "true"
+            },
+            `green-streak-backdrop-${greenStreakMilestoneBanner.milestoneSeconds}`
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            motion.div,
+            {
+              initial: { opacity: 0 },
+              animate: { opacity: 1 },
+              exit: { opacity: 0, y: -50, scale: 0.9, filter: "blur(10px)" },
+              transition: { duration: 0.4 },
+              className: "pointer-events-none fixed inset-0 z-[10000] flex flex-col items-center justify-center px-4",
+              role: "status",
+              "aria-live": "polite",
+              "aria-label": `Green streak milestone: ${greenStreakMilestoneBanner.headline}`,
+              children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center justify-center gap-y-4", children: [
+                /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(
+                  motion.div,
+                  {
+                    initial: { opacity: 0, y: 8, filter: "blur(6px)" },
+                    animate: { opacity: 1, y: 0, filter: "blur(0px)" },
+                    transition: { delay: 0.08, duration: 0.28, ease: [0.16, 1, 0.3, 1] },
+                    className: "text-[80px] font-black uppercase leading-none tracking-tight text-white drop-shadow-2xl sm:text-[120px]",
+                    style: { textShadow: "0 18px 36px rgba(0,0,0,0.34)" },
+                    children: greenStreakMilestoneBanner.headline
+                  }
+                ) }),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  motion.div,
+                  {
+                    initial: { opacity: 0, scaleX: 0 },
+                    animate: { opacity: 1, scaleX: 1 },
+                    transition: { delay: 0.22, duration: 0.45, ease: [0.16, 1, 0.3, 1] },
+                    className: "h-1 w-40 origin-left rounded-full bg-[#00AB45] shadow-[0_0_16px_rgba(0,171,69,0.44)] sm:w-56"
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsxs(
+                  motion.div,
+                  {
+                    initial: { opacity: 0, y: 8, filter: "blur(6px)" },
+                    animate: { opacity: 1, y: 0, filter: "blur(0px)" },
+                    transition: { delay: 0.28, duration: 0.28, ease: [0.16, 1, 0.3, 1] },
+                    className: "flex flex-wrap items-center justify-center gap-x-4 text-[60px] font-black uppercase leading-none tracking-tight text-[#00AB45] drop-shadow-2xl sm:gap-x-8 sm:text-[90px]",
+                    style: { filter: "drop-shadow(0 18px 36px rgba(0,171,69,0.28))" },
+                    children: [
+                      /* @__PURE__ */ jsxRuntime.jsx("span", { children: "ALL" }),
+                      /* @__PURE__ */ jsxRuntime.jsx("span", { children: "GREEN" })
+                    ]
+                  }
+                )
+              ] })
+            },
+            `green-streak-milestone-${greenStreakMilestoneBanner.milestoneSeconds}`
+          )
+        ] }, `green-streak-milestone-wrapper-${greenStreakMilestoneBanner.milestoneSeconds}`) : null }),
         diagnosisModalOpen && bottleneckModalData?.clipId && /* @__PURE__ */ jsxRuntime.jsx(
           DiagnosisVideoModal,
           {
@@ -68766,6 +69505,7 @@ var LinesLeaderboard = ({
   timeRange,
   setTimeRange,
   todayEfficiencyByLineId,
+  dailyFallbackEfficiencyByLineId,
   monthlyEfficiencyByLineId,
   supervisorsByLineId,
   supervisorNamesByLineId,
@@ -68801,8 +69541,12 @@ var LinesLeaderboard = ({
     });
     setTimeRange(newRange);
   }, [timeRange, lines.length, monthlyEfficiencyByLineId, setTimeRange]);
+  const canClickLeaderboardRow = React144__namespace.default.useCallback(
+    (item) => item.rowType === "line" && !!item.line && canClickLine(item.line.id),
+    [canClickLine]
+  );
   const handleLeaderboardLineClick = React144__namespace.default.useCallback((item, clickSource) => {
-    if (!canClickLine(item.line.id)) return;
+    if (!canClickLeaderboardRow(item) || !item.line) return;
     trackCoreEvent("Leaderboard Line Clicked", {
       line_id: item.line.id,
       line_name: item.line.line_name,
@@ -68814,33 +69558,46 @@ var LinesLeaderboard = ({
       supervisor_name: item.supervisorName || "Unassigned"
     });
     onLineClick(item.line);
-  }, [canClickLine, onLineClick, timeRange]);
+  }, [canClickLeaderboardRow, onLineClick, timeRange]);
   const viewLoadedTrackedRef = React144__namespace.default.useRef(null);
   const leaderboardData = React144__namespace.default.useMemo(() => {
     const loading = timeRange === "today" ? isLoadingToday : isLoadingMonthly;
     const efficiencyMap = timeRange === "today" ? todayEfficiencyByLineId : monthlyEfficiencyByLineId;
-    return lines.map((line) => {
-      const supervisors = supervisorsByLineId?.get(line.id) || [];
+    const fallbackEfficiencyMap = timeRange === "today" ? dailyFallbackEfficiencyByLineId : void 0;
+    return buildLineLeaderboardRows({
+      lines,
+      efficiencyByLineId: efficiencyMap,
+      fallbackEfficiencyByLineId: fallbackEfficiencyMap,
+      isLoading: loading
+    }).map((row, index) => {
+      const supervisorByUserId = /* @__PURE__ */ new Map();
+      const fallbackSupervisorNames = [];
+      row.lines.forEach((line) => {
+        (supervisorsByLineId?.get(line.id) || []).forEach((supervisor) => {
+          supervisorByUserId.set(supervisor.userId, supervisor);
+        });
+        const fallbackName = supervisorNamesByLineId.get(line.id);
+        if (fallbackName && !fallbackSupervisorNames.includes(fallbackName)) {
+          fallbackSupervisorNames.push(fallbackName);
+        }
+      });
+      const supervisors = Array.from(supervisorByUserId.values());
       const primarySupervisor = supervisors[0];
-      const supervisorName = supervisorNamesByLineId.get(line.id) || primarySupervisor?.displayName || "Unassigned";
+      const supervisorName = supervisors.length > 1 ? `${supervisors.length} supervisors` : primarySupervisor?.displayName || fallbackSupervisorNames[0] || "Unassigned";
       const supervisorImage = primarySupervisor?.profilePhotoUrl || null;
-      const hasEfficiency = efficiencyMap.has(line.id);
-      const efficiency = hasEfficiency ? efficiencyMap.get(line.id) ?? 0 : loading ? null : timeRange === "monthly" ? 0 : null;
-      const sortValue = typeof efficiency === "number" ? efficiency : -1;
       return {
-        id: line.id,
-        line,
+        ...row,
+        rank: row.rank ?? index + 1,
         supervisorName,
         supervisorImage,
-        supervisors,
-        efficiency,
-        sortValue
+        supervisors
       };
-    }).sort((a, b) => b.sortValue - a.sortValue).map((item, index) => ({ ...item, rank: index + 1 }));
+    });
   }, [
     lines,
     timeRange,
     todayEfficiencyByLineId,
+    dailyFallbackEfficiencyByLineId,
     monthlyEfficiencyByLineId,
     supervisorsByLineId,
     supervisorNamesByLineId,
@@ -68857,11 +69614,11 @@ var LinesLeaderboard = ({
       trackCoreEvent("Leaderboard View Loaded", {
         time_range: timeRange,
         lines_count: leaderboardData.length,
-        top_line_id: topLine?.line.id,
-        top_line_name: topLine?.line.line_name,
+        top_line_id: topLine?.rowType === "line" ? topLine.line?.id : topLine?.areaId,
+        top_line_name: topLine?.displayName,
         top_efficiency: topLine?.efficiency,
-        bottom_line_id: bottomLine?.line.id,
-        bottom_line_name: bottomLine?.line.line_name,
+        bottom_line_id: bottomLine?.rowType === "line" ? bottomLine.line?.id : bottomLine?.areaId,
+        bottom_line_name: bottomLine?.displayName,
         bottom_efficiency: bottomLine?.efficiency,
         efficiency_spread: topLine && bottomLine && topLine.efficiency !== null && bottomLine.efficiency !== null ? (topLine.efficiency - bottomLine.efficiency).toFixed(1) : null,
         from_page: "kpis_overview"
@@ -68968,7 +69725,7 @@ var LinesLeaderboard = ({
         const isFirst = item.rank === 1;
         const isSecond = item.rank === 2;
         item.rank === 3;
-        const isClickable = canClickLine(item.line.id);
+        const isClickable = canClickLeaderboardRow(item);
         return /* @__PURE__ */ jsxRuntime.jsxs(
           "div",
           {
@@ -69011,7 +69768,11 @@ var LinesLeaderboard = ({
                   className: `flex flex-col items-center w-32 md:w-40 lg:w-48 xl:w-60 px-2 md:px-3 xl:px-4 pb-3 md:pb-4 pt-8 md:pt-10 rounded-2xl border bg-gradient-to-b shadow-2xl backdrop-blur-sm ${getRankColor(item.rank)} ${isFirst ? "h-44 md:h-52 lg:h-60 xl:h-64" : isSecond ? "h-36 md:h-44 lg:h-52 xl:h-56" : "h-28 md:h-36 lg:h-44 xl:h-48"}`,
                   children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 flex flex-col items-center justify-center w-full", children: [
                     /* @__PURE__ */ jsxRuntime.jsx("h3", { className: `font-bold text-gray-900 text-center line-clamp-1 mb-1 ${isFirst ? "text-xs md:text-sm lg:text-base xl:text-lg" : "text-[10px] md:text-xs lg:text-sm xl:text-base"}`, children: item.supervisorName }),
-                    /* @__PURE__ */ jsxRuntime.jsx("p", { className: `text-gray-600 text-center line-clamp-1 font-medium opacity-80 bg-white/50 px-2 md:px-3 py-0.5 rounded-full ${isFirst ? "text-[9px] md:text-[10px] lg:text-xs xl:text-sm mb-2 md:mb-3" : "text-[8px] md:text-[9px] lg:text-[10px] xl:text-xs mb-1 md:mb-2"}`, children: item.line.line_name }),
+                    /* @__PURE__ */ jsxRuntime.jsx("p", { className: `text-gray-600 text-center line-clamp-1 font-medium opacity-80 bg-white/50 px-2 md:px-3 py-0.5 rounded-full ${isFirst ? "text-[9px] md:text-[10px] lg:text-xs xl:text-sm mb-2 md:mb-3" : "text-[8px] md:text-[9px] lg:text-[10px] xl:text-xs mb-1 md:mb-2"}`, children: item.displayName }),
+                    item.rowType === "area" && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "mb-1 text-[8px] md:text-[9px] lg:text-[10px] xl:text-xs font-semibold uppercase text-gray-500", children: [
+                      item.lines.length,
+                      " lines"
+                    ] }),
                     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center mt-auto", children: [
                       /* @__PURE__ */ jsxRuntime.jsx("span", { className: `font-bold uppercase tracking-widest mb-0.5 ${isFirst ? "text-yellow-700/70 text-[8px] md:text-[9px] lg:text-[10px] xl:text-xs" : isSecond ? "text-gray-600/70 text-[7px] md:text-[8px] lg:text-[9px] xl:text-[10px]" : "text-orange-700/70 text-[7px] md:text-[8px] lg:text-[9px] xl:text-[10px]"}`, children: viewType === "machine" ? "Utilization" : "Efficiency" }),
                       /* @__PURE__ */ jsxRuntime.jsx("span", { className: `font-black tracking-tight leading-none ${isFirst ? "text-lg md:text-xl lg:text-2xl xl:text-3xl text-transparent bg-clip-text bg-gradient-to-br from-yellow-600 to-yellow-800 drop-shadow-sm" : isSecond ? "text-base md:text-lg lg:text-xl xl:text-2xl text-transparent bg-clip-text bg-gradient-to-br from-gray-600 to-gray-800 drop-shadow-sm" : "text-sm md:text-base lg:text-lg xl:text-xl text-transparent bg-clip-text bg-gradient-to-br from-orange-600 to-orange-800 drop-shadow-sm"}`, children: formatEfficiency(item.efficiency) })
@@ -69034,7 +69795,7 @@ var LinesLeaderboard = ({
       ] }) }),
       /* @__PURE__ */ jsxRuntime.jsx("tbody", { className: "divide-y divide-gray-100", children: leaderboardData.map((item) => {
         const isTopThree = item.rank <= 3;
-        const isClickable = canClickLine(item.line.id);
+        const isClickable = canClickLeaderboardRow(item);
         return /* @__PURE__ */ jsxRuntime.jsxs(
           "tr",
           {
@@ -69066,7 +69827,13 @@ var LinesLeaderboard = ({
                 ] }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-8 h-8 rounded-full bg-gray-100 flex items-center justify-center text-gray-500 overflow-hidden border border-gray-200 flex-shrink-0", children: item.supervisorImage ? /* @__PURE__ */ jsxRuntime.jsx("img", { src: item.supervisorImage, alt: item.supervisorName, className: "w-full h-full object-cover" }) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs font-bold", children: getInitials(item.supervisorName) }) }),
                 /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-medium text-gray-900", children: item.supervisorName })
               ] }) }),
-              /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-4 py-3 whitespace-nowrap text-sm text-gray-500", children: item.line.line_name }),
+              /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-4 py-3 whitespace-nowrap text-sm text-gray-500", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col", children: [
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium text-gray-700", children: item.displayName }),
+                item.rowType === "area" && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-xs text-gray-400", children: [
+                  item.lines.length,
+                  " lines"
+                ] })
+              ] }) }),
               /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-4 py-3 whitespace-nowrap text-right", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col items-end", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-semibold text-gray-900", children: formatEfficiency(item.efficiency) }) }) })
             ]
           },
@@ -69344,17 +70111,6 @@ var KPIsOverviewView = ({
   const filterRef = React144.useRef(null);
   const filterButtonRef = React144.useRef(null);
   const [error, setError] = React144.useState(null);
-  const [topPerformer, setTopPerformer] = React144.useState({
-    name: "Top Performer",
-    role: "Sup.",
-    unit: "Line",
-    periodLabel: (/* @__PURE__ */ new Date()).toLocaleDateString("en-US", { month: "long", year: "numeric" }),
-    efficiency: null,
-    imageUrl: null,
-    initials: "TP"
-  });
-  const [topPerformerLoading, setTopPerformerLoading] = React144.useState(true);
-  const [topPerformerImageError, setTopPerformerImageError] = React144.useState(false);
   const [todayEfficiencyByLineId, setTodayEfficiencyByLineId] = React144.useState(/* @__PURE__ */ new Map());
   const [dailyLoading, setDailyLoading] = React144.useState(false);
   const [dailyError, setDailyError] = React144.useState(null);
@@ -69363,6 +70119,9 @@ var KPIsOverviewView = ({
   const [monthlyError, setMonthlyError] = React144.useState(null);
   const dailyRequestKeyRef = React144.useRef(null);
   const monthlyRequestKeyRef = React144.useRef(null);
+  const dailyFallbackRequestKeyRef = React144.useRef(null);
+  const pendingTabRouteSyncRef = React144.useRef(null);
+  const [scopedDailyFallbackEfficiencyByLineId, setScopedDailyFallbackEfficiencyByLineId] = React144.useState(/* @__PURE__ */ new Map());
   const supabase = useSupabase();
   const { user } = useAuth();
   const dashboardConfig = useDashboardConfig();
@@ -69407,8 +70166,23 @@ var KPIsOverviewView = ({
   const assignedLineIdsForLeaderboard = isSuperAdmin ? void 0 : resolvedAssignedLineIds;
   const leaderboardLinesForView = React144__namespace.default.useMemo(() => {
     const targetMode = viewType === "machine" ? "uptime" : "output";
-    return leaderboardLines.filter((line) => (line.monitoring_mode ?? "output") === targetMode);
-  }, [leaderboardLines, viewType]);
+    const metadataByLineId = new Map(lines.map((line) => [line.id, line]));
+    return leaderboardLines.map((line) => {
+      const metadata = metadataByLineId.get(line.id);
+      return metadata ? {
+        ...line,
+        factory_id: line.factory_id || metadata.factory_id,
+        factory_name: line.factory_name || metadata.factory_name,
+        company_name: line.company_name || metadata.company_name,
+        monitoring_mode: line.monitoring_mode ?? metadata.monitoring_mode,
+        factory_area_id: line.factory_area_id ?? metadata.factory_area_id ?? null,
+        factory_area_key: line.factory_area_key ?? metadata.factory_area_key ?? null,
+        factory_area_name: line.factory_area_name ?? metadata.factory_area_name ?? null,
+        factory_area_sort_order: line.factory_area_sort_order ?? metadata.factory_area_sort_order ?? null,
+        factory_area_enabled: line.factory_area_enabled ?? metadata.factory_area_enabled ?? null
+      } : line;
+    }).filter((line) => (line.monitoring_mode ?? "output") === targetMode);
+  }, [leaderboardLines, lines, viewType]);
   const linesForView = React144__namespace.default.useMemo(() => {
     const targetMode = viewType === "machine" ? "uptime" : "output";
     return lines.filter((line) => (line.monitoring_mode ?? "output") === targetMode);
@@ -69528,12 +70302,19 @@ var KPIsOverviewView = ({
   React144.useEffect(() => {
     if (!router$1.isReady || !hasHydratedLeaderboardRouteState) return;
     if (activeTab === "today" && loading) return;
+    const currentTab = typeof router$1.query.tab === "string" ? router$1.query.tab : void 0;
+    const currentRouteTab = currentTab === "leaderboard" ? "leaderboard" : "today";
+    if (currentRouteTab !== activeTab) {
+      if (pendingTabRouteSyncRef.current !== activeTab) {
+        return;
+      }
+      pendingTabRouteSyncRef.current = null;
+    }
     const expectedTab = activeTab === "leaderboard" ? "leaderboard" : void 0;
     const expectedDate = activeTab === "leaderboard" && timeRange === "today" && isHistoricalLeaderboardDaily ? effectiveLeaderboardDate : void 0;
     const expectedShift = expectedDate !== void 0 ? effectiveLeaderboardShiftId.toString() : void 0;
     const expectedFactory = activeTab === "today" && selectedFactoryNode ? selectedFactoryNode.id : void 0;
     const expectedFactoryArea = activeTab === "today" && selectedFactoryNode && selectedFactoryAreaNode ? selectedFactoryAreaNode.id : void 0;
-    const currentTab = typeof router$1.query.tab === "string" ? router$1.query.tab : void 0;
     const currentDateQuery = typeof router$1.query.date === "string" ? router$1.query.date : void 0;
     const currentShiftQuery = typeof router$1.query.shift === "string" ? router$1.query.shift : void 0;
     const currentFactoryQuery = getSingleQueryValue(router$1.query[KPI_FACTORY_QUERY_PARAM]);
@@ -69593,6 +70374,35 @@ var KPIsOverviewView = ({
     });
     return map;
   }, [lineMetrics, lineModeById]);
+  const liveDailyFallbackEfficiencyByLineId = React144__namespace.default.useMemo(() => {
+    const map = /* @__PURE__ */ new Map();
+    lineMetricRowsByLineId.forEach((row, lineId) => {
+      const value = Number(row?.avg_efficiency);
+      if (!Number.isFinite(value)) return;
+      const rowDate = typeof row?.date === "string" ? row.date : typeof row?.operational_date === "string" ? row.operational_date : void 0;
+      const rawShiftId = row?.shift_id ?? row?.shiftId;
+      const parsedShiftId = typeof rawShiftId === "number" ? rawShiftId : Number.parseInt(String(rawShiftId ?? ""), 10);
+      const hasScopedRow = rowDate !== void 0 || rawShiftId !== void 0;
+      const matchesSelectedScope = rowDate === effectiveLeaderboardDate && Number.isFinite(parsedShiftId) && parsedShiftId === effectiveLeaderboardShiftId;
+      const canUseUnscopedLiveFallback = !isHistoricalLeaderboardDaily && !hasScopedRow;
+      if (matchesSelectedScope || canUseUnscopedLiveFallback) {
+        map.set(lineId, value);
+      }
+    });
+    return map;
+  }, [
+    effectiveLeaderboardDate,
+    effectiveLeaderboardShiftId,
+    isHistoricalLeaderboardDaily,
+    lineMetricRowsByLineId
+  ]);
+  const dailyFallbackEfficiencyByLineId = React144__namespace.default.useMemo(() => {
+    const map = new Map(liveDailyFallbackEfficiencyByLineId);
+    scopedDailyFallbackEfficiencyByLineId.forEach((value, lineId) => {
+      map.set(lineId, value);
+    });
+    return map;
+  }, [liveDailyFallbackEfficiencyByLineId, scopedDailyFallbackEfficiencyByLineId]);
   const kpisByLineId = React144__namespace.default.useMemo(() => {
     const map = /* @__PURE__ */ new Map();
     lineMetricRowsByLineId.forEach((row, lineId) => {
@@ -69614,32 +70424,11 @@ var KPIsOverviewView = ({
     () => (leaderboardLines.length > 0 ? leaderboardLines : lines).map((l) => l.id),
     [leaderboardLines, lines]
   );
-  const { supervisorNamesByLineId, supervisorsByLineId, allSupervisorsMap } = useSupervisorsByLineIds(supervisorLineIds, {
+  const { supervisorNamesByLineId, supervisorsByLineId } = useSupervisorsByLineIds(supervisorLineIds, {
     enabled: supervisorEnabled && supervisorLineIds.length > 0,
     companyId: resolvedCompanyId,
     useBackend: true
   });
-  React144.useEffect(() => {
-    let isMounted = true;
-    const loadTopPerformer = async () => {
-      try {
-        const record = await awardsService.getTopPerformer(supabase, resolvedCompanyId);
-        if (!isMounted) return;
-        if (record) {
-          setTopPerformer(buildTopPerformerDisplay(record));
-          setTopPerformerImageError(false);
-        }
-      } catch (err) {
-        console.error("[KPIsOverviewView] Failed to load top performer:", err);
-      } finally {
-        if (isMounted) setTopPerformerLoading(false);
-      }
-    };
-    loadTopPerformer();
-    return () => {
-      isMounted = false;
-    };
-  }, [supabase, resolvedCompanyId]);
   React144.useEffect(() => {
     trackCorePageView("KPIs Overview");
   }, []);
@@ -69689,16 +70478,25 @@ var KPIsOverviewView = ({
           `/api/dashboard/leaderboard-lines?company_id=${encodeURIComponent(resolvedCompanyId)}`
         );
         if (!isMounted) return;
-        const transformed = (data.lines || []).filter((line) => line.enable !== false).map((line) => ({
-          id: line.id,
-          line_name: line.line_name,
-          factory_id: line.factory_id || "",
-          factory_name: "N/A",
-          company_id: line.company_id,
-          company_name: "",
-          enable: line.enable ?? true,
-          monitoring_mode: line.monitoring_mode ?? "output"
-        }));
+        const metadataByLineId = new Map(lines.map((line) => [line.id, line]));
+        const transformed = (data.lines || []).filter((line) => line.enable !== false).map((line) => {
+          const metadata = metadataByLineId.get(line.id);
+          return {
+            id: line.id,
+            line_name: line.line_name,
+            factory_id: line.factory_id || metadata?.factory_id || "",
+            factory_name: metadata?.factory_name || "N/A",
+            company_id: line.company_id,
+            company_name: metadata?.company_name || "",
+            enable: line.enable ?? true,
+            monitoring_mode: line.monitoring_mode ?? metadata?.monitoring_mode ?? "output",
+            factory_area_id: line.factory_area_id ?? metadata?.factory_area_id ?? null,
+            factory_area_key: line.factory_area_key ?? metadata?.factory_area_key ?? null,
+            factory_area_name: line.factory_area_name ?? metadata?.factory_area_name ?? null,
+            factory_area_sort_order: line.factory_area_sort_order ?? metadata?.factory_area_sort_order ?? null,
+            factory_area_enabled: line.factory_area_enabled ?? metadata?.factory_area_enabled ?? null
+          };
+        });
         setLeaderboardLines(transformed);
       } catch (err) {
         console.error("[KPIsOverviewView] Failed to load leaderboard lines:", err);
@@ -69713,6 +70511,58 @@ var KPIsOverviewView = ({
       isMounted = false;
     };
   }, [supabase, resolvedCompanyId, lines]);
+  React144.useEffect(() => {
+    if (activeTab !== "leaderboard" || timeRange !== "today") return;
+    if (!supabase || !resolvedCompanyId || !effectiveLeaderboardDate || leaderboardLinesForView.length === 0) {
+      setScopedDailyFallbackEfficiencyByLineId(/* @__PURE__ */ new Map());
+      return;
+    }
+    const targetLineIds = leaderboardLinesForView.map((line) => line.id);
+    const lineIdsKey = targetLineIds.slice().sort().join(",");
+    const requestKey = `${effectiveLeaderboardDate}|${effectiveLeaderboardShiftId}|${lineIdsKey}`;
+    if (dailyFallbackRequestKeyRef.current === requestKey) return;
+    dailyFallbackRequestKeyRef.current = requestKey;
+    let isMounted = true;
+    const fetchScopedFallbackEfficiencies = async () => {
+      try {
+        const entries = await lineLeaderboardService.getDailyLineLeaderboard(supabase, {
+          companyId: resolvedCompanyId,
+          date: effectiveLeaderboardDate,
+          shiftId: effectiveLeaderboardShiftId,
+          lineIds: targetLineIds,
+          lineMode: viewType === "machine" ? "uptime" : "output",
+          includeBelowThreshold: true
+        });
+        if (!isMounted) return;
+        const nextMap = /* @__PURE__ */ new Map();
+        entries.forEach((entry) => {
+          const value = Number(entry.avg_efficiency);
+          if (Number.isFinite(value)) {
+            nextMap.set(entry.line_id, value);
+          }
+        });
+        setScopedDailyFallbackEfficiencyByLineId(nextMap);
+      } catch (err) {
+        if (!isMounted) return;
+        console.warn("[KPIsOverviewView] Failed to load daily fallback line efficiencies:", err);
+        setScopedDailyFallbackEfficiencyByLineId(/* @__PURE__ */ new Map());
+        dailyFallbackRequestKeyRef.current = null;
+      }
+    };
+    void fetchScopedFallbackEfficiencies();
+    return () => {
+      isMounted = false;
+    };
+  }, [
+    activeTab,
+    effectiveLeaderboardDate,
+    effectiveLeaderboardShiftId,
+    leaderboardLinesForView,
+    resolvedCompanyId,
+    supabase,
+    timeRange,
+    viewType
+  ]);
   const fetchMonthlyLeaderboard = React144.useCallback(async () => {
     if (!supabase || !resolvedCompanyId || leaderboardLinesForView.length === 0) return;
     const targetLineIds = leaderboardLinesForView.map((line) => line.id);
@@ -69734,10 +70584,11 @@ var KPIsOverviewView = ({
         lineMode: viewType === "machine" ? "uptime" : "output"
       });
       const nextMap = /* @__PURE__ */ new Map();
-      targetLineIds.forEach((lineId) => nextMap.set(lineId, 0));
       entries.forEach((entry) => {
         const value = Number(entry.avg_efficiency);
-        nextMap.set(entry.line_id, Number.isFinite(value) ? value : 0);
+        if (Number.isFinite(value)) {
+          nextMap.set(entry.line_id, value);
+        }
       });
       setMonthlyEfficiencyByLineId(nextMap);
       trackCoreEvent("Leaderboard Monthly Data Fetched", {
@@ -69784,10 +70635,11 @@ var KPIsOverviewView = ({
         lineMode: viewType === "machine" ? "uptime" : "output"
       });
       const nextMap = /* @__PURE__ */ new Map();
-      targetLineIds.forEach((lineId) => nextMap.set(lineId, 0));
       entries.forEach((entry) => {
         const value = Number(entry.avg_efficiency);
-        nextMap.set(entry.line_id, Number.isFinite(value) ? value : 0);
+        if (Number.isFinite(value)) {
+          nextMap.set(entry.line_id, value);
+        }
       });
       setTodayEfficiencyByLineId(nextMap);
     } catch (err) {
@@ -69827,69 +70679,6 @@ var KPIsOverviewView = ({
       factoryAreaId: selectedFactoryAreaNode?.id
     });
   }, [activeTab, selectedFactoryNode, selectedFactoryAreaNode]);
-  const formatTopPerformerWeek = (periodStart, periodEnd) => {
-    const dateToUse = periodStart ? /* @__PURE__ */ new Date(`${periodStart}T00:00:00`) : /* @__PURE__ */ new Date();
-    if (Number.isNaN(dateToUse.getTime())) {
-      return (/* @__PURE__ */ new Date()).toLocaleDateString("en-US", { month: "long", year: "numeric" });
-    }
-    return dateToUse.toLocaleDateString("en-US", { month: "long", year: "numeric" });
-  };
-  const buildTopPerformerDisplay = (record) => {
-    const supervisorAvatars = [];
-    if (record.supervisors && record.supervisors.length > 0) {
-      for (const s of record.supervisors) {
-        let supervisorName = "Supervisor";
-        if (s.first_name) {
-          supervisorName = s.last_name ? `${s.first_name} ${s.last_name}` : s.first_name;
-        }
-        supervisorAvatars.push({
-          userId: s.user_id,
-          name: supervisorName,
-          imageUrl: s.profile_photo_url || null,
-          initials: getInitials(supervisorName)
-        });
-      }
-    }
-    let displayName = record.recipient_name || "Supervisor";
-    if (record.first_name) {
-      displayName = record.last_name ? `${record.first_name} ${record.last_name}` : record.first_name;
-    } else if (record.recipient_user_id && allSupervisorsMap?.has(record.recipient_user_id)) {
-      const supervisor = allSupervisorsMap.get(record.recipient_user_id);
-      if (supervisor) {
-        displayName = supervisor.displayName;
-      }
-    } else if (displayName.includes(".") || displayName.includes("@")) {
-      const parts = displayName.split(/[.@]/);
-      if (parts.length >= 2) {
-        const firstName = parts[0].charAt(0).toUpperCase() + parts[0].slice(1);
-        const lastName = parts[1].charAt(0).toUpperCase() + parts[1].slice(1);
-        displayName = `${firstName} ${lastName}`;
-      } else if (parts.length === 1) {
-        displayName = parts[0].charAt(0).toUpperCase() + parts[0].slice(1);
-      }
-    }
-    if (supervisorAvatars.length === 0 && record.recipient_user_id) {
-      supervisorAvatars.push({
-        userId: record.recipient_user_id,
-        name: displayName,
-        imageUrl: record.profile_photo_url || null,
-        initials: getInitials(displayName)
-      });
-    }
-    const efficiencyValue = typeof record.avg_efficiency === "number" ? record.avg_efficiency : Number.parseFloat(String(record.avg_efficiency));
-    const efficiency = Number.isFinite(efficiencyValue) ? efficiencyValue : null;
-    const unitLabel = record.winning_line_name || record.unit || "Line";
-    return {
-      name: displayName,
-      role: "Sup.",
-      unit: unitLabel,
-      periodLabel: formatTopPerformerWeek(record.period_start, record.period_end),
-      efficiency,
-      imageUrl: record.profile_photo_url || null,
-      initials: getInitials(displayName),
-      supervisors: supervisorAvatars.length > 0 ? supervisorAvatars : void 0
-    };
-  };
   const handleLineClick = (line, kpis) => {
     if (!isSuperAdmin && !assignedLineIdSet.has(line.id)) {
       return;
@@ -69937,6 +70726,7 @@ var KPIsOverviewView = ({
       from_page: "kpis_overview",
       lines_count: trackedLineCount
     });
+    pendingTabRouteSyncRef.current = newTab;
     setActiveTab(newTab);
   }, [activeTab, leaderboardLines.length, lines.length]);
   const formatLocalDate2 = React144.useCallback((dateKey) => {
@@ -69961,10 +70751,8 @@ var KPIsOverviewView = ({
   const isMonthlyMode = activeTab === "leaderboard" && timeRange === "monthly";
   const isLeaderboardLoading = timeRange === "today" ? dailyLoading : monthlyLoading;
   const currentEfficiencyMap = timeRange === "today" ? todayEfficiencyByLineId : monthlyEfficiencyByLineId;
-  const showLeaderboardLoader = activeTab === "leaderboard" && (leaderboardLinesLoading || isLeaderboardLoading && currentEfficiencyMap.size === 0);
-  const showTopPerformerImage = Boolean(topPerformer.imageUrl) && !topPerformerImageError;
-  typeof topPerformer.efficiency === "number" && Number.isFinite(topPerformer.efficiency);
-  topPerformerLoading ? "--" : typeof topPerformer.efficiency === "number" && Number.isFinite(topPerformer.efficiency) ? `${topPerformer.efficiency.toFixed(1)}%` : "--";
+  const currentFallbackEfficiencyMap = timeRange === "today" ? dailyFallbackEfficiencyByLineId : void 0;
+  const showLeaderboardLoader = activeTab === "leaderboard" && (leaderboardLinesLoading || isLeaderboardLoading && currentEfficiencyMap.size === 0 && (currentFallbackEfficiencyMap?.size ?? 0) === 0);
   const showHistoricalLeaderboardHeader = activeTab === "leaderboard" && timeRange === "today" && isHistoricalLeaderboardDaily;
   const headerDateKey = activeTab === "leaderboard" && timeRange === "today" ? effectiveLeaderboardDate : monthEndDateKey;
   const headerShiftId = showHistoricalLeaderboardHeader ? effectiveLeaderboardShiftId : currentShiftDetails.shiftId;
@@ -70169,72 +70957,6 @@ var KPIsOverviewView = ({
             ] }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "inline-flex items-center px-2.5 py-1 bg-green-100 rounded-full", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs font-medium text-green-700", children: /* @__PURE__ */ jsxRuntime.jsx(ISTTimer_default, {}) }) })
           ] })
         ] }),
-        activeTab !== "leaderboard" && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-4 bg-white shadow-md hover:shadow-lg transition-all duration-300 ease-out hover:scale-[1.01] relative rounded-2xl border border-amber-100 pl-2 pr-4 py-1.5 flex items-center justify-between group", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-4 min-w-0", children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative flex-shrink-0", children: [
-            (!topPerformer.supervisors || topPerformer.supervisors.length <= 1) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-10 h-10 rounded-full border-2 border-amber-100 overflow-hidden bg-amber-50 shadow-sm transition-transform group-hover:scale-105", children: showTopPerformerImage ? /* @__PURE__ */ jsxRuntime.jsx(
-              "img",
-              {
-                src: topPerformer.imageUrl || "",
-                alt: "Top Performer",
-                className: "w-full h-full object-cover",
-                onError: () => setTopPerformerImageError(true)
-              }
-            ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full h-full flex items-center justify-center bg-amber-50 text-sm font-bold text-amber-600", children: topPerformer.initials }) }),
-            topPerformer.supervisors && topPerformer.supervisors.length > 1 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex -space-x-2", children: [
-              topPerformer.supervisors.slice(0, 3).map((supervisor, idx) => /* @__PURE__ */ jsxRuntime.jsxs(
-                "div",
-                {
-                  className: "relative inline-block w-9 h-9 rounded-full ring-2 ring-white bg-amber-50 shadow-sm z-0 hover:z-10 transition-all hover:scale-110 group/avatar",
-                  style: { zIndex: 3 - idx },
-                  children: [
-                    supervisor.imageUrl ? /* @__PURE__ */ jsxRuntime.jsx(
-                      "img",
-                      {
-                        src: supervisor.imageUrl,
-                        alt: supervisor.name,
-                        className: "w-full h-full object-cover rounded-full"
-                      }
-                    ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full h-full flex items-center justify-center text-xs font-bold text-amber-600 uppercase rounded-full", children: supervisor.initials }),
-                    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "absolute bottom-full left-1/2 -translate-x-1/2 mb-2 px-2 py-1 bg-gray-900 text-white text-[10px] font-medium rounded shadow-lg opacity-0 group-hover/avatar:opacity-100 transition-opacity whitespace-nowrap pointer-events-none z-20", children: [
-                      supervisor.name,
-                      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute top-full left-1/2 -translate-x-1/2 -mt-[1px] border-4 border-transparent border-t-gray-900" })
-                    ] })
-                  ]
-                },
-                supervisor.userId
-              )),
-              topPerformer.supervisors.length > 3 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "inline-flex w-9 h-9 rounded-full ring-2 ring-white bg-amber-100 items-center justify-center text-xs font-medium text-amber-700 z-0", children: [
-                "+",
-                topPerformer.supervisors.length - 3
-              ] })
-            ] })
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0", children: [
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1.5 leading-none mb-1", children: [
-              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[10px] font-bold text-amber-600 uppercase tracking-widest", children: "Performer of the month" }),
-              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "w-1 h-1 bg-amber-200 rounded-full" }),
-              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[10px] font-semibold text-gray-400", children: topPerformerLoading ? "Loading" : topPerformer.periodLabel })
-            ] }),
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 leading-none", children: [
-              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "max-w-[140px]", children: /* @__PURE__ */ jsxRuntime.jsx(
-                FittingTitle,
-                {
-                  title: topPerformer.name,
-                  as: "span",
-                  className: "text-sm text-gray-900 font-bold"
-                }
-              ) }),
-              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "w-px h-3 bg-gray-200 flex-shrink-0" }),
-              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "max-w-[120px]", children: /* @__PURE__ */ jsxRuntime.jsx(
-                FittingTitle,
-                {
-                  title: topPerformer.unit,
-                  className: "text-xs font-medium text-gray-500"
-                }
-              ) })
-            ] })
-          ] })
-        ] }) }),
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-4 flex justify-center", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "inline-flex bg-gray-100/80 p-1 rounded-xl w-full", children: [
           /* @__PURE__ */ jsxRuntime.jsx(
             "button",
@@ -70269,86 +70991,18 @@ var KPIsOverviewView = ({
             /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "text-2xl md:text-3xl lg:text-4xl font-semibold text-gray-900 tracking-tight", children: activeTab === "leaderboard" ? "Leaderboard" : "Overview" }),
             !showHistoricalLeaderboardHeader && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-2.5 w-2.5 rounded-full ring-4 flex-shrink-0 bg-emerald-500 animate-pulse ring-emerald-500/10" })
           ] }),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "absolute right-0 top-1/2 -translate-y-1/2 z-10 flex items-center", children: [
-            !topPerformerLoading && activeTab !== "leaderboard" && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "bg-white rounded-2xl border border-amber-200 shadow-md pl-1.5 pr-4 py-1.5 flex items-center gap-4 transition-all hover:shadow-lg hover:border-amber-300 group", children: [
-              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
-                (!topPerformer.supervisors || topPerformer.supervisors.length <= 1) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-10 h-10 rounded-full ring-2 ring-amber-100 overflow-hidden bg-amber-50 shadow-inner flex-shrink-0 transition-transform group-hover:scale-105", children: showTopPerformerImage ? /* @__PURE__ */ jsxRuntime.jsx(
-                  "img",
-                  {
-                    src: topPerformer.imageUrl || "",
-                    alt: topPerformer.name,
-                    className: "w-full h-full object-cover",
-                    onError: () => setTopPerformerImageError(true)
-                  }
-                ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full h-full flex items-center justify-center text-sm font-bold text-amber-600 uppercase", children: topPerformer.initials }) }),
-                topPerformer.supervisors && topPerformer.supervisors.length > 1 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex -space-x-2", children: [
-                  topPerformer.supervisors.slice(0, 3).map((supervisor, idx) => /* @__PURE__ */ jsxRuntime.jsxs(
-                    "div",
-                    {
-                      className: "relative inline-block w-10 h-10 rounded-full ring-2 ring-white bg-amber-50 shadow-sm z-0 hover:z-10 transition-all hover:scale-110 group/avatar",
-                      style: { zIndex: 3 - idx },
-                      children: [
-                        supervisor.imageUrl ? /* @__PURE__ */ jsxRuntime.jsx(
-                          "img",
-                          {
-                            src: supervisor.imageUrl,
-                            alt: supervisor.name,
-                            className: "w-full h-full object-cover rounded-full"
-                          }
-                        ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full h-full flex items-center justify-center text-sm font-bold text-amber-600 uppercase rounded-full", children: supervisor.initials }),
-                        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "absolute bottom-full left-1/2 -translate-x-1/2 mb-2 px-2 py-1 bg-gray-900 text-white text-[10px] font-medium rounded shadow-lg opacity-0 group-hover/avatar:opacity-100 transition-opacity whitespace-nowrap pointer-events-none z-20", children: [
-                          supervisor.name,
-                          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute top-full left-1/2 -translate-x-1/2 -mt-[1px] border-4 border-transparent border-t-gray-900" })
-                        ] })
-                      ]
-                    },
-                    supervisor.userId
-                  )),
-                  topPerformer.supervisors.length > 3 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "inline-flex w-10 h-10 rounded-full ring-2 ring-white bg-amber-100 items-center justify-center text-sm font-medium text-amber-700 z-0", children: [
-                    "+",
-                    topPerformer.supervisors.length - 3
-                  ] })
-                ] })
-              ] }),
-              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col min-w-0", children: [
-                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 text-[10px] leading-tight mb-1", children: [
-                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-bold text-amber-600 uppercase tracking-widest", children: "Performer of the month" }),
-                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-amber-200 opacity-50", children: "\u2022" }),
-                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-semibold text-gray-400", children: topPerformer.periodLabel })
-                ] }),
-                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3 leading-tight", children: [
-                  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "max-w-[140px]", children: /* @__PURE__ */ jsxRuntime.jsx(
-                    FittingTitle,
-                    {
-                      title: topPerformer.name,
-                      as: "span",
-                      className: "text-sm text-gray-900 font-bold"
-                    }
-                  ) }),
-                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "w-px h-3.5 bg-gray-200 flex-shrink-0" }),
-                  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "max-w-[150px]", children: /* @__PURE__ */ jsxRuntime.jsx(
-                    FittingTitle,
-                    {
-                      title: topPerformer.unit,
-                      className: "text-xs font-medium text-gray-500"
-                    }
-                  ) })
-                ] })
-              ] })
-            ] }),
-            activeTab === "leaderboard" && isHistoricalLeaderboardDaily && /* @__PURE__ */ jsxRuntime.jsx(
-              "button",
-              {
-                type: "button",
-                onClick: () => {
-                  setSelectedLeaderboardDate(currentShiftDate);
-                  setSelectedLeaderboardShiftId(currentShiftId);
-                },
-                className: "text-xs sm:text-sm font-medium text-blue-600 bg-blue-50 border border-blue-100 hover:bg-blue-100 hover:text-blue-700 px-3 py-1.5 rounded-lg transition-colors shadow-sm ml-4 whitespace-nowrap",
-                children: "Return to Live"
-              }
-            )
-          ] })
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute right-0 top-1/2 -translate-y-1/2 z-10 flex items-center", children: activeTab === "leaderboard" && isHistoricalLeaderboardDaily && /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              type: "button",
+              onClick: () => {
+                setSelectedLeaderboardDate(currentShiftDate);
+                setSelectedLeaderboardShiftId(currentShiftId);
+              },
+              className: "text-xs sm:text-sm font-medium text-blue-600 bg-blue-50 border border-blue-100 hover:bg-blue-100 hover:text-blue-700 px-3 py-1.5 rounded-lg transition-colors shadow-sm ml-4 whitespace-nowrap",
+              children: "Return to Live"
+            }
+          ) })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "bg-blue-50/50 px-4 py-2 rounded-xl border border-blue-100/50 backdrop-blur-sm", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-center gap-6", children: [
           !isMonthlyMode && !showHistoricalLeaderboardHeader && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
@@ -70523,6 +71177,7 @@ var KPIsOverviewView = ({
           timeRange,
           setTimeRange,
           todayEfficiencyByLineId,
+          dailyFallbackEfficiencyByLineId,
           monthlyEfficiencyByLineId,
           supervisorsByLineId,
           supervisorNamesByLineId,
@@ -70555,13 +71210,23 @@ var AnimatedEfficiency = React144.memo(({ value }) => {
 AnimatedEfficiency.displayName = "AnimatedEfficiency";
 var getWorkspaceLeaderboardMetricValue = (workspace) => {
   if (workspace.leaderboard_metric_kind === "recent_flow_shift_average") {
-    return toFiniteNumber(workspace.leaderboard_value) ?? toFiniteNumber(workspace.avg_recent_flow);
+    const cycleRatio = getCycleRatio(workspace);
+    return cycleRatio === null ? null : cycleRatio * 100;
   }
   return toFiniteNumber(workspace.leaderboard_value) ?? toFiniteNumber(workspace.efficiency);
 };
 var getWorkspaceDisplayedMetricValue = (workspace) => getWorkspaceLeaderboardMetricValue(workspace);
-var getWorkspaceLeaderboardMetricLabel = (workspace, defaultLabel) => workspace.leaderboard_metric_kind === "recent_flow_shift_average" ? "Avg Flow" : defaultLabel;
+var getWorkspaceLeaderboardMetricLabel = (workspace, defaultLabel) => workspace.leaderboard_metric_kind === "recent_flow_shift_average" ? "Actual CT / Standard CT" : defaultLabel;
 var renderWorkspaceLeaderboardMetric = (workspace) => {
+  if (workspace.leaderboard_metric_kind === "recent_flow_shift_average") {
+    const actualCT = formatCycleTimeValue(workspace.avg_cycle_time);
+    const standardCT = formatCycleTimeValue(workspace.ideal_cycle_time);
+    return /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "tabular-nums", children: [
+      actualCT,
+      " / ",
+      standardCT
+    ] });
+  }
   const displayedMetricValue = getWorkspaceDisplayedMetricValue(workspace);
   if (displayedMetricValue === null) {
     return /* @__PURE__ */ jsxRuntime.jsx("span", { className: "tabular-nums", children: "--" });
@@ -70839,12 +71504,8 @@ var LeaderboardDetailView = React144.memo(({
     return `Line ${lineId2.substring(0, 8)}`;
   }, [dbLineNames, configuredLineNames, lineNames, line1Id, line2Id]);
   const configuredLineIds = React144.useMemo(() => {
-    const allLineIds = getConfiguredLineIds(entityConfig);
-    if (userAccessibleLineIds) {
-      return allLineIds.filter((id3) => userAccessibleLineIds.includes(id3));
-    }
-    return allLineIds;
-  }, [entityConfig, userAccessibleLineIds]);
+    return getConfiguredLineIds(entityConfig);
+  }, [entityConfig]);
   const accessibleLineIdSet = React144.useMemo(
     () => new Set((userAccessibleLineIds || []).filter(Boolean)),
     [userAccessibleLineIds]
@@ -71532,7 +72193,7 @@ var LeaderboardDetailView = React144.memo(({
   const hasEfficiencyLeaderboardRows = sortedWorkspaces.some(
     (workspace) => workspace.leaderboard_metric_kind !== "recent_flow_shift_average"
   );
-  const metricLabel = viewType === "machine" ? "Utilization" : hasRecentFlowLeaderboardRows && !hasEfficiencyLeaderboardRows ? "Avg Flow" : hasRecentFlowLeaderboardRows && hasEfficiencyLeaderboardRows ? "Performance" : "Efficiency";
+  const metricLabel = viewType === "machine" ? "Utilization" : hasRecentFlowLeaderboardRows && !hasEfficiencyLeaderboardRows ? "Actual CT / Standard CT" : hasRecentFlowLeaderboardRows && hasEfficiencyLeaderboardRows ? "Performance" : "Efficiency";
   const descendingSortLabel = "Highest to Lowest";
   const ascendingSortLabel = "Lowest to Highest";
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `min-h-screen bg-slate-50 flex flex-col ${className}`, style: { willChange: "contents" }, children: [
@@ -86453,6 +87114,7 @@ exports.awardsService = awardsService;
 exports.buildDateKey = buildDateKey;
 exports.buildKPIsFromLineMetricsRow = buildKPIsFromLineMetricsRow;
 exports.buildKpiLineHierarchy = buildKpiLineHierarchy;
+exports.buildLineLeaderboardRows = buildLineLeaderboardRows;
 exports.buildLineSkuBreakdown = buildLineSkuBreakdown;
 exports.buildShiftGroupsKey = buildShiftGroupsKey;
 exports.canRoleAccessDashboardPath = canRoleAccessDashboardPath;