@optifye/dashboard-core 6.12.21 → 6.12.23

package/dist/index.mjs

@@ -10,7 +10,7 @@ import { EventEmitter } from 'events';
 import { createClient, REALTIME_SUBSCRIBE_STATES } from '@supabase/supabase-js';
 import Hls, { Events, ErrorTypes } from 'hls.js';
 import useSWR from 'swr';
-import { Camera, AlertTriangle, ChevronDown, ChevronUp, Check, Map as Map$1, Video, ShieldCheck, Star, Award, Filter, X, Coffee, Plus, ArrowUp, ArrowDown, ArrowRight, ArrowLeft, Clock, Calendar, Save, AlertCircle, Loader2, Minus, ChevronLeft, ChevronRight, TrendingUp, Sparkles, Pause, Play, XCircle, HelpCircle, Activity, Wrench, UserX, Package, RefreshCw, Palette, CheckCircle2, TrendingDown, FolderOpen, Folder, ArrowDownWideNarrow, Tag, Sliders, Layers, Search, Edit2, CheckCircle, User, Users, Shield, Building2, Mail, Lock, Info, Share2, Trophy, Target, Download, Copy, Sun, Moon, MousePointer, UserPlus, UserCog, Trash2, Eye, MoreVertical, BarChart3, Pencil, UserCheck, LogOut, Film, MessageSquare, Menu, Send, Settings, LifeBuoy, EyeOff, Zap, Flame, Crown, Medal } from 'lucide-react';
+import { Camera, AlertTriangle, ChevronDown, ChevronUp, Check, ShieldCheck, Star, Award, Filter, X, Coffee, Plus, ArrowUp, ArrowDown, ArrowRight, CheckCircle2, ArrowLeft, Clock, Calendar, Save, AlertCircle, Loader2, Minus, ChevronLeft, ChevronRight, TrendingUp, Sparkles, Pause, Play, XCircle, HelpCircle, Activity, Wrench, UserX, Package, RefreshCw, Palette, TrendingDown, FolderOpen, Folder, ArrowDownWideNarrow, Tag, Sliders, Layers, Search, Edit2, CheckCircle, User, Users, Shield, Building2, Mail, Lock, Info, Share2, Trophy, Target, Download, Video, Copy, Sun, Moon, MousePointer, UserPlus, UserCog, Trash2, Eye, MoreVertical, BarChart3, Pencil, UserCheck, LogOut, Film, MessageSquare, Menu, Send, Settings, LifeBuoy, EyeOff, Zap, Flame, Crown, Medal } from 'lucide-react';
 import { memo, noop, warning, invariant, progress, secondsToMilliseconds, millisecondsToSeconds } from 'motion-utils';
 import { BarChart as BarChart$1, CartesianGrid, XAxis, YAxis, ReferenceLine, Tooltip, Legend, Bar, LabelList, ResponsiveContainer, LineChart as LineChart$1, Line, Customized, Cell, PieChart, Pie, ComposedChart, Area, ScatterChart, Scatter } from 'recharts';
 import { Slot } from '@radix-ui/react-slot';
@@ -9904,7 +9904,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);
@@ -9963,7 +9964,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);
@@ -10030,7 +10032,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);
@@ -11644,6 +11647,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()}`
@@ -14668,11 +14674,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,
@@ -14692,12 +14709,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;
@@ -14719,6 +14736,7 @@ var useDashboardMetrics = ({
   onLineMetricsUpdate,
   lineId,
   lineIds,
+  blueComparisonLineIds,
   userAccessibleLineIds,
   enabled = true
 }) => {
@@ -14741,6 +14759,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 = useMemo(
+    () => Array.from(new Set((blueComparisonLineIds || []).filter(Boolean))),
+    [blueComparisonLineIds]
+  );
   const { shiftConfig: staticShiftConfig } = useDashboardConfig();
   const {
     shiftConfigMap: multiLineShiftConfigMap,
@@ -14778,7 +14800,7 @@ var useDashboardMetrics = ({
   const supabase = useSupabase();
   const [metrics2, setMetrics] = useState({ workspaceMetrics: [], lineMetrics: [] });
   const [metricsLineId, setMetricsLineId] = useState(lineId ?? null);
-  const [metricsScopeKey, setMetricsScopeKey] = useState(() => buildMetricsScopeKey(lineId, lineIds));
+  const [metricsScopeKey, setMetricsScopeKey] = useState(() => buildMetricsScopeKey(lineId, lineIds, blueComparisonLineIds));
   const [isLoading, setIsLoading] = useState(true);
   const [error, setError] = useState(null);
   const lineIdRef = useRef(lineId);
@@ -14820,8 +14842,12 @@ var useDashboardMetrics = ({
     [entityConfig.companyId]
   );
   const requestedScopeKey = 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]
   );
   useEffect(() => {
     lineIdRef.current = lineId;
@@ -14851,12 +14877,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,
@@ -14886,6 +14915,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
@@ -14896,6 +14926,7 @@ var useDashboardMetrics = ({
         return;
       }
       let allWorkspaceMetrics = [];
+      let allBlueComparisonWorkspaceMetrics = [];
       let allLineMetrics = [];
       let hasFlowBuffers = false;
       let idleTimeVlmByLine = {};
@@ -14903,7 +14934,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:", {
@@ -14953,10 +14985,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
@@ -14994,6 +15032,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") {
@@ -15012,8 +15051,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
@@ -15084,6 +15134,7 @@ var useDashboardMetrics = ({
     shiftGroupsKey,
     configuredLineIds,
     targetFactoryLineIds,
+    normalizedBlueComparisonLineIds,
     isFactoryView,
     multiLineShiftConfigMap,
     staticShiftConfig,
@@ -15524,9 +15575,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,
@@ -22144,6 +22196,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;
@@ -37430,7 +37553,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
@@ -37439,11 +37613,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)) {
@@ -37452,9 +37626,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);
@@ -37475,7 +37703,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) {
@@ -37493,7 +37721,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);
@@ -37522,7 +37750,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;
@@ -37542,11 +37773,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) {
@@ -37577,6 +37853,7 @@ var VideoCard = React144__default.memo(({
   compact = false,
   displayMinuteBucket,
   displayName,
+  isBlueBest = false,
   lastSeenLabel,
   hasRecentHealthSignal: hasRecentHealthSignal2 = false,
   onMouseEnter,
@@ -37598,7 +37875,11 @@ var VideoCard = React144__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);
@@ -37606,9 +37887,9 @@ var VideoCard = React144__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 = useCallback(() => {
     trackCoreEvent("Workspace Card Clicked", {
@@ -37729,6 +38010,9 @@ var VideoCard = React144__default.memo(({
   if (prevProps.displayName !== nextProps.displayName) {
     return false;
   }
+  if (prevProps.isBlueBest !== nextProps.isBlueBest) {
+    return false;
+  }
   if (prevProps.lastSeenLabel !== nextProps.lastSeenLabel) {
     return false;
   }
@@ -37770,6 +38054,7 @@ var hasRecentHealthSignal = (lastHeartbeat) => {
 };
 var VideoGridView = React144__default.memo(({
   workspaces,
+  blueComparisonWorkspaces,
   selectedLine,
   className = "",
   legend,
@@ -37898,6 +38183,7 @@ var VideoGridView = React144__default.memo(({
       return a.workspace_name.localeCompare(b.workspace_name);
     });
   }, [filteredWorkspaces]);
+  const blueWinnerIds = useMemo(() => selectVideoGridBlueWinnerIds(blueComparisonWorkspaces || sortedWorkspaces, effectiveLegend), [blueComparisonWorkspaces, sortedWorkspaces, effectiveLegend]);
   const streamsResolvedForWorkspaceSet = resolvedStreamWorkspaceKey === workspaceIdsKey;
   const resolveWorkspaceDisplayName = useCallback((workspace) => {
     return workspace.displayName || displayNames[`${workspace.line_id}_${workspace.workspace_name}`] || workspace.workspace_name;
@@ -38106,11 +38392,13 @@ var VideoGridView = React144__default.memo(({
         isR2Stream,
         shouldPlay,
         lastSeenLabel,
-        hasRecentHealthSignal: hasRecentHealthSignal(workspaceHealth?.lastHeartbeat)
+        hasRecentHealthSignal: hasRecentHealthSignal(workspaceHealth?.lastHeartbeat),
+        isBlueBest: blueWinnerIds.has(getVideoGridWorkspaceKey(workspace))
       };
     });
   }, [
     sortedWorkspaces,
+    blueWinnerIds,
     visibleWorkspaces,
     getWorkspaceCropping,
     videoStreamsByWorkspaceId,
@@ -38157,6 +38445,7 @@ var VideoGridView = React144__default.memo(({
           useRAF: effectiveUseRAF,
           displayMinuteBucket,
           compact: !selectedLine,
+          isBlueBest: card.isBlueBest,
           onMouseEnter: onWorkspaceHover ? () => onWorkspaceHover(card.workspaceId) : void 0,
           onMouseLeave: onWorkspaceHoverEnd ? () => onWorkspaceHoverEnd(card.workspaceId) : void 0
         }
@@ -39790,7 +40079,7 @@ var BreakNotificationPopup = ({
     return null;
   }
   const currentBreak = visibleBreaks[currentIndex];
-  return /* @__PURE__ */ jsx(AnimatePresence, { children: /* @__PURE__ */ jsxs("div", { className: `fixed right-4 top-24 z-50 max-w-xs w-full ${className}`, children: [
+  return /* @__PURE__ */ jsx(AnimatePresence, { children: /* @__PURE__ */ jsxs("div", { className: `fixed right-4 top-24 z-[110] max-w-xs w-full ${className}`, children: [
     visibleBreaks.length > 1 && /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsx(
         "div",
@@ -54714,6 +55003,10 @@ var Legend5 = ({
       ":"
     ] }),
     /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 sm:gap-4", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5", children: [
+        /* @__PURE__ */ jsx("div", { className: "w-2 h-2 sm:w-2.5 sm:h-2.5 rounded-full bg-[#0EA5E9]" }),
+        /* @__PURE__ */ jsx("span", { children: "Best" })
+      ] }),
       /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5", children: [
         /* @__PURE__ */ jsx("div", { className: "w-2 h-2 sm:w-2.5 sm:h-2.5 rounded-full bg-[#00AB45]" }),
         /* @__PURE__ */ jsx("span", { children: formatPercentRange(effectiveLegend.green_min, effectiveLegend.green_max) })
@@ -54832,6 +55125,7 @@ var WorkspaceGridItem = React144__default.memo(({
 WorkspaceGridItem.displayName = "WorkspaceGridItem";
 var WorkspaceGrid = React144__default.memo(({
   workspaces,
+  blueComparisonWorkspaces,
   isPdfMode = false,
   customWorkspacePositions,
   lineNames = {},
@@ -54848,13 +55142,8 @@ var WorkspaceGrid = React144__default.memo(({
   onWorkspaceHoverEnd,
   toolbarRightContent
 }) => {
-  const dashboardConfig = useDashboardConfig();
-  const mapViewEnabled = dashboardConfig?.mapViewConfig?.enabled ?? false;
+  const mapViewEnabled = false;
   const [viewMode, setViewMode] = useState(() => {
-    if (typeof window !== "undefined" && mapViewEnabled) {
-      const saved = localStorage.getItem("home-view-mode");
-      return saved === "map" || saved === "video" ? saved : "video";
-    }
     return "video";
   });
   useEffect(() => {
@@ -54863,7 +55152,7 @@ var WorkspaceGrid = React144__default.memo(({
       total_workspaces: workspaces.length
     });
   }, [workspaces.length]);
-  const handleViewModeToggle = useCallback(() => {
+  useCallback(() => {
     const newMode = viewMode === "video" ? "map" : "video";
     setViewMode(newMode);
     if (typeof window !== "undefined") {
@@ -54877,8 +55166,8 @@ var WorkspaceGrid = React144__default.memo(({
   }, [viewMode]);
   const { VideoGridView: VideoGridViewComponent, MapGridView: MapGridViewComponent } = useRegistry();
   const legendMetricLabel = useMemo(
-    () => viewMode === "video" ? getVideoGridLegendLabel(workspaces) : MAP_GRID_LEGEND_LABEL,
-    [viewMode, workspaces]
+    () => getVideoGridLegendLabel(workspaces),
+    [workspaces]
   );
   return /* @__PURE__ */ jsxs("div", { className: `flex flex-col w-full h-full overflow-hidden bg-slate-50/50 ${className}`, children: [
     /* @__PURE__ */ jsxs(
@@ -54890,21 +55179,7 @@ var WorkspaceGrid = React144__default.memo(({
           /* @__PURE__ */ jsx("div", { className: "hidden sm:block", children: /* @__PURE__ */ 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__ */ jsx(Legend5, { legend, metricLabel: legendMetricLabel }) }) }),
           /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-end gap-3 shrink-0", children: [
             toolbarRightContent,
-            mapViewEnabled && /* @__PURE__ */ 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__ */ jsxs(Fragment, { children: [
-                  /* @__PURE__ */ jsx(Map$1, { className: "w-4 h-4 text-slate-500" }),
-                  /* @__PURE__ */ jsx("span", { className: "hidden sm:inline text-sm font-medium", children: "Map View" })
-                ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-                  /* @__PURE__ */ jsx(Video, { className: "w-4 h-4 text-slate-500" }),
-                  /* @__PURE__ */ jsx("span", { className: "hidden sm:inline text-sm font-medium", children: "Video View" })
-                ] })
-              }
-            )
+            mapViewEnabled
           ] })
         ]
       }
@@ -54922,6 +55197,7 @@ var WorkspaceGrid = React144__default.memo(({
           VideoGridViewComponent,
           {
             workspaces,
+            blueComparisonWorkspaces,
             lineNames,
             lineOrder,
             videoSources,
@@ -57218,12 +57494,25 @@ var SideNavBar = memo$1(({
   console.log("\u{1F50D} [SideNavBar] ticketsConfig:", dashboardConfig?.ticketsConfig);
   console.log("\u{1F50D} [SideNavBar] ticketsEnabled:", ticketsEnabled);
   const pathname = propPathname || router.pathname;
+  const rawCurrentTabQuery = currentQuery?.tab ?? router.query?.tab;
+  const currentTabQuery = Array.isArray(rawCurrentTabQuery) ? rawCurrentTabQuery[0] : rawCurrentTabQuery;
+  const isKpisLeaderboardRoute = pathname === "/kpis" && currentTabQuery === "leaderboard";
+  const isPathActive = 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 = 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 = useCallback((source, destinationPath, dashboardSurface) => ({
     name: ROOT_DASHBOARD_EVENT_NAMES[dashboardSurface],
     properties: {
@@ -57256,17 +57545,24 @@ var SideNavBar = memo$1(({
     onMobileMenuClose?.();
   }, [navigate, onMobileMenuClose, buildDashboardSurfaceTrackingEvent]);
   const handleKPIsClick = 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.replace("/kpis", void 0, { shallow: false });
+      onMobileMenuClose?.();
+      return;
+    }
+    navigate(`/kpis`, {
+      trackingEvent
     });
     onMobileMenuClose?.();
-  }, [navigate, onMobileMenuClose]);
+  }, [isKpisLeaderboardRoute, navigate, onMobileMenuClose, router]);
   const handleImprovementClick = useCallback(() => {
     navigate("/improvement-center", {
       trackingEvent: {
@@ -57536,14 +57832,14 @@ var SideNavBar = memo$1(({
     });
     onMobileMenuClose?.();
   }, [navigate, onMobileMenuClose, buildDashboardSurfaceTrackingEvent, rootDashboardSurface]);
-  const homeButtonClasses = useMemo(() => getButtonClasses("/"), [getButtonClasses, pathname]);
-  const liveButtonClasses = useMemo(() => getButtonClasses("/live-monitor"), [getButtonClasses, pathname]);
-  const leaderboardButtonClasses = useMemo(() => getButtonClasses("/leaderboard"), [getButtonClasses, pathname]);
-  const kpisButtonClasses = useMemo(() => getButtonClasses("/kpis"), [getButtonClasses, pathname]);
-  const improvementButtonClasses = useMemo(() => getButtonClasses("/improvement-center"), [getButtonClasses, pathname]);
-  useMemo(() => getButtonClasses("/supervisor-management"), [getButtonClasses, pathname]);
-  const skusButtonClasses = useMemo(() => getButtonClasses("/skus"), [getButtonClasses, pathname]);
-  const healthButtonClasses = useMemo(() => getButtonClasses("/health"), [getButtonClasses, pathname]);
+  const homeButtonClasses = useMemo(() => getButtonClasses("/"), [getButtonClasses]);
+  const liveButtonClasses = useMemo(() => getButtonClasses("/live-monitor"), [getButtonClasses]);
+  const leaderboardButtonClasses = useMemo(() => getButtonClasses("/leaderboard"), [getButtonClasses]);
+  const kpisButtonClasses = useMemo(() => getButtonClasses("/kpis"), [getButtonClasses]);
+  const improvementButtonClasses = useMemo(() => getButtonClasses("/improvement-center"), [getButtonClasses]);
+  useMemo(() => getButtonClasses("/supervisor-management"), [getButtonClasses]);
+  const skusButtonClasses = useMemo(() => getButtonClasses("/skus"), [getButtonClasses]);
+  const healthButtonClasses = useMemo(() => getButtonClasses("/health"), [getButtonClasses]);
   const settingsButtonClasses = useMemo(() => {
     const isAnyItemActive = settingsItems.some((item) => item.isActive);
     const isActive = isSettingsOpen || isAnyItemActive;
@@ -57577,7 +57873,7 @@ var SideNavBar = memo$1(({
             "aria-label": "Home",
             tabIndex: 0,
             role: "tab",
-            "aria-selected": pathname === "/" || pathname.startsWith("//"),
+            "aria-selected": isPathActive("/"),
             children: [
               /* @__PURE__ */ jsx(HomeIcon, { className: "w-5 h-5 mb-1" }),
               /* @__PURE__ */ jsx("span", { className: "text-xs sm:text-[10px] font-medium leading-tight", children: "Home" })
@@ -57592,7 +57888,7 @@ var SideNavBar = memo$1(({
             "aria-label": "Monitor",
             tabIndex: 0,
             role: "tab",
-            "aria-selected": pathname === "/live-monitor" || pathname.startsWith("/live-monitor/"),
+            "aria-selected": isPathActive("/live-monitor"),
             children: [
               /* @__PURE__ */ jsx(VideoCameraIcon, { className: "w-5 h-5 mb-1" }),
               /* @__PURE__ */ jsx("span", { className: "text-xs sm:text-[10px] font-medium leading-tight", children: "Monitor" })
@@ -57609,7 +57905,7 @@ var SideNavBar = memo$1(({
             "aria-label": "Leaderboard",
             tabIndex: 0,
             role: "tab",
-            "aria-selected": pathname === "/leaderboard" || pathname.startsWith("/leaderboard/"),
+            "aria-selected": isPathActive("/leaderboard"),
             children: [
               /* @__PURE__ */ jsx(TrophyIcon, { className: "w-5 h-5 mb-1" }),
               /* @__PURE__ */ jsx("span", { className: "text-xs sm:text-[10px] font-medium leading-tight", children: "Leaders" })
@@ -57624,7 +57920,7 @@ var SideNavBar = memo$1(({
             "aria-label": "Lines",
             tabIndex: 0,
             role: "tab",
-            "aria-selected": pathname === "/kpis" || pathname.startsWith("/kpis/"),
+            "aria-selected": isPathActive("/kpis"),
             children: [
               /* @__PURE__ */ jsx(ChartBarIcon, { className: "w-5 h-5 mb-1" }),
               /* @__PURE__ */ jsx("span", { className: "text-xs sm:text-[10px] font-medium leading-tight", children: "Lines" })
@@ -57639,7 +57935,7 @@ var SideNavBar = memo$1(({
             "aria-label": "Improvement Center",
             tabIndex: 0,
             role: "tab",
-            "aria-selected": pathname === "/improvement-center" || pathname.startsWith("/improvement-center/"),
+            "aria-selected": isPathActive("/improvement-center"),
             children: [
               /* @__PURE__ */ jsx(LightBulbIcon, { className: "w-5 h-5 mb-1" }),
               /* @__PURE__ */ jsx("span", { className: "text-xs sm:text-[10px] font-medium leading-tight text-center", children: "Improve" })
@@ -57655,7 +57951,7 @@ var SideNavBar = memo$1(({
             "aria-label": "SKU Management",
             tabIndex: 0,
             role: "tab",
-            "aria-selected": pathname === "/skus" || pathname.startsWith("/skus/"),
+            "aria-selected": isPathActive("/skus"),
             children: [
               /* @__PURE__ */ jsx(CubeIcon, { className: "w-5 h-5 mb-1" }),
               /* @__PURE__ */ jsx("span", { className: "text-xs sm:text-[10px] font-medium leading-tight", children: "SKUs" })
@@ -57670,7 +57966,7 @@ var SideNavBar = memo$1(({
             "aria-label": "System Health",
             tabIndex: 0,
             role: "tab",
-            "aria-selected": pathname === "/health" || pathname.startsWith("/health/"),
+            "aria-selected": isPathActive("/health"),
             children: [
               /* @__PURE__ */ jsx(HeartIcon, { className: "w-5 h-5 mb-1" }),
               /* @__PURE__ */ jsx("span", { className: "text-xs sm:text-[10px] font-medium leading-tight", children: "Health" })
@@ -57700,17 +57996,12 @@ var SideNavBar = memo$1(({
     ) })
   ] });
   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) => {
@@ -63667,6 +63958,7 @@ var createEmptyState = () => ({
   scopeKey: null,
   lines: [],
   workspaceMetrics: [],
+  blueComparisonWorkspaceMetrics: [],
   lineMetrics: [],
   kpiTrend: null,
   activeBreaks: [],
@@ -63683,6 +63975,7 @@ var normalizeMetadata = (metadata) => ({
 });
 var useLiveMonitorBootstrap = ({
   lineIds,
+  blueComparisonLineIds,
   companyId,
   enabled = true,
   appTimezone,
@@ -63697,13 +63990,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 = useMemo(
     () => Array.from(new Set(rawLineIdsKey ? rawLineIdsKey.split(",") : [])),
     [rawLineIdsKey]
   );
+  const normalizedBlueComparisonLineIds = useMemo(
+    () => Array.from(new Set(rawBlueComparisonLineIdsKey ? rawBlueComparisonLineIdsKey.split(",") : [])),
+    [rawBlueComparisonLineIdsKey]
+  );
   const requestKey = useMemo(
-    () => normalizedLineIds.slice().sort().join(","),
-    [normalizedLineIds]
+    () => `${normalizedLineIds.slice().sort().join(",")}|blue:${normalizedBlueComparisonLineIds.slice().sort().join(",")}`,
+    [normalizedLineIds, normalizedBlueComparisonLineIds]
   );
   const [state, setState] = useState(() => createEmptyState());
   const [rawState, setRawState] = useState(null);
@@ -63721,6 +64019,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");
       }
@@ -63752,6 +64053,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"
         }
@@ -63767,6 +64069,7 @@ var useLiveMonitorBootstrap = ({
     supabase,
     resolvedCompanyId,
     normalizedLineIds,
+    normalizedBlueComparisonLineIds,
     requestKey
   ]);
   useEffect(() => {
@@ -63785,6 +64088,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 || {};
@@ -63802,6 +64115,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,
@@ -63869,6 +64183,7 @@ var useLiveMonitorBootstrap = ({
     scopeKey: state.scopeKey,
     lines: state.lines,
     workspaceMetrics: state.workspaceMetrics,
+    blueComparisonWorkspaceMetrics: state.blueComparisonWorkspaceMetrics,
     lineMetrics: state.lineMetrics,
     kpiTrend: state.kpiTrend,
     activeBreaks: state.activeBreaks,
@@ -64139,6 +64454,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({
@@ -64280,6 +64611,31 @@ function HomeView({
     () => new Set(selectedLineIds),
     [selectedLineIds]
   );
+  const blueComparisonLineIds = 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 = useMemo(() => {
     return user?.properties?.company_id || user?.company_id || entityConfig.companyId;
@@ -64320,6 +64676,7 @@ function HomeView({
   }, []);
   const {
     workspaceMetrics: legacyWorkspaceMetrics,
+    blueComparisonWorkspaceMetrics: legacyMetricsBlueComparisonWorkspaceMetrics,
     lineMetrics: legacyLineMetrics,
     efficiencyLegend: legacyEfficiencyLegend,
     metadata: legacyMetricsMetadata,
@@ -64330,6 +64687,7 @@ function HomeView({
   } = useDashboardMetrics({
     lineId: metricsScopeLineId,
     lineIds: selectedLineIds,
+    blueComparisonLineIds,
     onLineMetricsUpdate: handleLineMetricsUpdate,
     userAccessibleLineIds: visibleLineIds,
     enabled: shouldEnableMetricsFetch && !isBootstrapMonitorMode
@@ -64384,6 +64742,7 @@ function HomeView({
   const { trend: legacyKpiTrend } = useKpiTrends(legacyTrendOptions);
   const bootstrapMonitor = useLiveMonitorBootstrap({
     lineIds: selectedLineIds,
+    blueComparisonLineIds,
     companyId: userCompanyId,
     enabled: shouldEnableMetricsFetch && !isLegacyMonitorMode,
     appTimezone: timezone,
@@ -64392,6 +64751,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;
@@ -64529,6 +64889,218 @@ function HomeView({
       setBreakNotificationsDismissed(false);
     }
   }, [currentActiveBreaks.length]);
+  const effectiveEfficiencyLegend = currentEfficiencyLegend || DEFAULT_EFFICIENCY_LEGEND;
+  useMemo(
+    () => workspaceMetricsWithBreakState.filter((workspace) => Boolean(workspace.workspace_uuid || workspace.workspace_name)).length,
+    [workspaceMetricsWithBreakState]
+  );
+  const allGreenCelebrationSignature = 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 = useRef({ signature: null, previousValidStreakIdentity: null });
+  const allGreenCelebrationTimerRef = useRef(null);
+  const allGreenMilestoneTimerRef = useRef(null);
+  const allGreenMilestoneTrackingRef = useRef({ identity: null, lastMilestoneSeconds: null });
+  const allGreenStreakTimerBaselineRef = useRef(null);
+  const [showAllGreenCelebration, setShowAllGreenCelebration] = useState(false);
+  const [allGreenCelebrationStartedAtMs, setAllGreenCelebrationStartedAtMs] = useState(null);
+  const [greenStreakMilestoneBanner, setGreenStreakMilestoneBanner] = useState(null);
+  const [allGreenStreakNowMs, setAllGreenStreakNowMs] = useState(() => Date.now());
+  const currentAllGreenStreakNowMs = Math.max(allGreenStreakNowMs, Date.now());
+  const allGreenStreakDisplay = useMemo(
+    () => getAllVideoGridGreenStreakDisplay(
+      workspaceMetricsWithBreakState,
+      effectiveEfficiencyLegend,
+      currentAllGreenStreakNowMs
+    ),
+    [currentAllGreenStreakNowMs, effectiveEfficiencyLegend, workspaceMetricsWithBreakState]
+  );
+  const allGreenMilestoneIdentity = useMemo(() => allGreenStreakDisplay ? `${allGreenCelebrationSignature}::${allGreenStreakDisplay.startedAt}` : null, [allGreenCelebrationSignature, allGreenStreakDisplay]);
+  const visibleAllGreenStreakDisplay = 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 = useMemo(() => {
+    if (!showAllGreenCelebration || allGreenCelebrationStartedAtMs === null) {
+      return null;
+    }
+    return formatAllGreenCelebrationTimer(
+      Math.max(0, Math.floor((currentAllGreenStreakNowMs - allGreenCelebrationStartedAtMs) / 1e3))
+    );
+  }, [allGreenCelebrationStartedAtMs, currentAllGreenStreakNowMs, showAllGreenCelebration]);
+  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 = useCallback(() => {
+    if (allGreenCelebrationTimerRef.current) {
+      clearTimeout(allGreenCelebrationTimerRef.current);
+      allGreenCelebrationTimerRef.current = null;
+    }
+    setShowAllGreenCelebration(false);
+    setAllGreenCelebrationStartedAtMs(null);
+  }, []);
+  const triggerAllGreenCelebration = 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 = useCallback(() => {
+    if (allGreenMilestoneTimerRef.current) {
+      clearTimeout(allGreenMilestoneTimerRef.current);
+      allGreenMilestoneTimerRef.current = null;
+    }
+    setGreenStreakMilestoneBanner(null);
+  }, []);
+  const triggerGreenStreakMilestoneBanner = useCallback((milestone) => {
+    setGreenStreakMilestoneBanner(milestone);
+    if (allGreenMilestoneTimerRef.current) {
+      clearTimeout(allGreenMilestoneTimerRef.current);
+    }
+    allGreenMilestoneTimerRef.current = setTimeout(() => {
+      setGreenStreakMilestoneBanner(null);
+      allGreenMilestoneTimerRef.current = null;
+    }, ALL_GREEN_MILESTONE_DURATION_MS);
+  }, []);
+  useEffect(() => {
+    return () => {
+      if (allGreenCelebrationTimerRef.current) {
+        clearTimeout(allGreenCelebrationTimerRef.current);
+      }
+      if (allGreenMilestoneTimerRef.current) {
+        clearTimeout(allGreenMilestoneTimerRef.current);
+      }
+    };
+  }, []);
+  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
+  ]);
+  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
@@ -65095,6 +65667,28 @@ function HomeView({
     updateSelectedLineIds,
     isAllLinesSelection
   ]);
+  const gridToolbarControls = useMemo(() => /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-end gap-2", children: [
+    /* @__PURE__ */ jsx(AnimatePresence, { children: visibleAllGreenStreakDisplay ? /* @__PURE__ */ 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__ */ jsx(CheckCircle2, { className: "h-4 w-4" }),
+          /* @__PURE__ */ jsx("span", { children: `${visibleAllGreenStreakDisplay.label} \xB7 ${visibleAllGreenStreakDisplay.durationText}` })
+        ]
+      },
+      visibleAllGreenStreakDisplay.startedAt
+    ) : null }),
+    lineSelectorComponent
+  ] }), [
+    lineSelectorComponent,
+    visibleAllGreenStreakDisplay
+  ]);
   const useSmoothLoading = (isLoading, minDuration = 400) => {
     const [showLoading, setShowLoading] = useState(isLoading);
     const loadingStartRef2 = useRef(null);
@@ -65267,17 +65861,18 @@ function HomeView({
               className: "h-full",
               children: React144__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
               })
@@ -65300,17 +65895,18 @@ function HomeView({
               children: React144__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
               })
@@ -65343,6 +65939,149 @@ function HomeView({
             contentVariant: "plain"
           }
         ),
+        /* @__PURE__ */ jsx(AnimatePresence, { children: showAllGreenCelebration ? /* @__PURE__ */ jsxs(React144__default.Fragment, { children: [
+          /* @__PURE__ */ 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__ */ 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__ */ 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__ */ 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__ */ 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__ */ 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__ */ 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__ */ jsx("span", { className: "h-2.5 w-2.5 rounded-full bg-[#00AB45] shadow-[0_0_10px_rgba(0,171,69,0.72)]" }),
+                      /* @__PURE__ */ jsx("span", { children: allGreenCelebrationTimerText })
+                    ]
+                  }
+                )
+              ]
+            },
+            "all-green-center-toast"
+          )
+        ] }, "all-green-celebration") : null }),
+        /* @__PURE__ */ jsx(AnimatePresence, { children: greenStreakMilestoneBanner ? /* @__PURE__ */ jsxs(React144__default.Fragment, { children: [
+          /* @__PURE__ */ 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__ */ 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__ */ jsxs("div", { className: "flex flex-col items-center justify-center gap-y-4", children: [
+                /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center", children: /* @__PURE__ */ 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__ */ 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__ */ 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__ */ jsx("span", { children: "ALL" }),
+                      /* @__PURE__ */ jsx("span", { children: "GREEN" })
+                    ]
+                  }
+                )
+              ] })
+            },
+            `green-streak-milestone-${greenStreakMilestoneBanner.milestoneSeconds}`
+          )
+        ] }, `green-streak-milestone-wrapper-${greenStreakMilestoneBanner.milestoneSeconds}`) : null }),
         diagnosisModalOpen && bottleneckModalData?.clipId && /* @__PURE__ */ jsx(
           DiagnosisVideoModal,
           {
@@ -68737,6 +69476,7 @@ var LinesLeaderboard = ({
   timeRange,
   setTimeRange,
   todayEfficiencyByLineId,
+  dailyFallbackEfficiencyByLineId,
   monthlyEfficiencyByLineId,
   supervisorsByLineId,
   supervisorNamesByLineId,
@@ -68772,8 +69512,12 @@ var LinesLeaderboard = ({
     });
     setTimeRange(newRange);
   }, [timeRange, lines.length, monthlyEfficiencyByLineId, setTimeRange]);
+  const canClickLeaderboardRow = React144__default.useCallback(
+    (item) => item.rowType === "line" && !!item.line && canClickLine(item.line.id),
+    [canClickLine]
+  );
   const handleLeaderboardLineClick = React144__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,
@@ -68785,33 +69529,46 @@ var LinesLeaderboard = ({
       supervisor_name: item.supervisorName || "Unassigned"
     });
     onLineClick(item.line);
-  }, [canClickLine, onLineClick, timeRange]);
+  }, [canClickLeaderboardRow, onLineClick, timeRange]);
   const viewLoadedTrackedRef = React144__default.useRef(null);
   const leaderboardData = React144__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,
@@ -68828,11 +69585,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"
@@ -68939,7 +69696,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__ */ jsxs(
           "div",
           {
@@ -68982,7 +69739,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__ */ jsxs("div", { className: "flex-1 flex flex-col items-center justify-center w-full", children: [
                     /* @__PURE__ */ 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__ */ 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__ */ 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__ */ 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__ */ jsxs("div", { className: "flex flex-col items-center mt-auto", children: [
                       /* @__PURE__ */ 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__ */ 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) })
@@ -69005,7 +69766,7 @@ var LinesLeaderboard = ({
       ] }) }),
       /* @__PURE__ */ 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__ */ jsxs(
           "tr",
           {
@@ -69037,7 +69798,13 @@ var LinesLeaderboard = ({
                 ] }) : /* @__PURE__ */ 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__ */ jsx("img", { src: item.supervisorImage, alt: item.supervisorName, className: "w-full h-full object-cover" }) : /* @__PURE__ */ jsx("span", { className: "text-xs font-bold", children: getInitials(item.supervisorName) }) }),
                 /* @__PURE__ */ jsx("span", { className: "text-sm font-medium text-gray-900", children: item.supervisorName })
               ] }) }),
-              /* @__PURE__ */ jsx("td", { className: "px-4 py-3 whitespace-nowrap text-sm text-gray-500", children: item.line.line_name }),
+              /* @__PURE__ */ jsx("td", { className: "px-4 py-3 whitespace-nowrap text-sm text-gray-500", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col", children: [
+                /* @__PURE__ */ jsx("span", { className: "font-medium text-gray-700", children: item.displayName }),
+                item.rowType === "area" && /* @__PURE__ */ jsxs("span", { className: "text-xs text-gray-400", children: [
+                  item.lines.length,
+                  " lines"
+                ] })
+              ] }) }),
               /* @__PURE__ */ jsx("td", { className: "px-4 py-3 whitespace-nowrap text-right", children: /* @__PURE__ */ jsx("div", { className: "flex flex-col items-end", children: /* @__PURE__ */ jsx("span", { className: "text-sm font-semibold text-gray-900", children: formatEfficiency(item.efficiency) }) }) })
             ]
           },
@@ -69315,17 +70082,6 @@ var KPIsOverviewView = ({
   const filterRef = useRef(null);
   const filterButtonRef = useRef(null);
   const [error, setError] = useState(null);
-  const [topPerformer, setTopPerformer] = 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] = useState(true);
-  const [topPerformerImageError, setTopPerformerImageError] = useState(false);
   const [todayEfficiencyByLineId, setTodayEfficiencyByLineId] = useState(/* @__PURE__ */ new Map());
   const [dailyLoading, setDailyLoading] = useState(false);
   const [dailyError, setDailyError] = useState(null);
@@ -69334,6 +70090,9 @@ var KPIsOverviewView = ({
   const [monthlyError, setMonthlyError] = useState(null);
   const dailyRequestKeyRef = useRef(null);
   const monthlyRequestKeyRef = useRef(null);
+  const dailyFallbackRequestKeyRef = useRef(null);
+  const pendingTabRouteSyncRef = useRef(null);
+  const [scopedDailyFallbackEfficiencyByLineId, setScopedDailyFallbackEfficiencyByLineId] = useState(/* @__PURE__ */ new Map());
   const supabase = useSupabase();
   const { user } = useAuth();
   const dashboardConfig = useDashboardConfig();
@@ -69378,8 +70137,23 @@ var KPIsOverviewView = ({
   const assignedLineIdsForLeaderboard = isSuperAdmin ? void 0 : resolvedAssignedLineIds;
   const leaderboardLinesForView = React144__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__default.useMemo(() => {
     const targetMode = viewType === "machine" ? "uptime" : "output";
     return lines.filter((line) => (line.monitoring_mode ?? "output") === targetMode);
@@ -69499,12 +70273,19 @@ var KPIsOverviewView = ({
   useEffect(() => {
     if (!router.isReady || !hasHydratedLeaderboardRouteState) return;
     if (activeTab === "today" && loading) return;
+    const currentTab = typeof router.query.tab === "string" ? router.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.query.tab === "string" ? router.query.tab : void 0;
     const currentDateQuery = typeof router.query.date === "string" ? router.query.date : void 0;
     const currentShiftQuery = typeof router.query.shift === "string" ? router.query.shift : void 0;
     const currentFactoryQuery = getSingleQueryValue(router.query[KPI_FACTORY_QUERY_PARAM]);
@@ -69564,6 +70345,35 @@ var KPIsOverviewView = ({
     });
     return map;
   }, [lineMetrics, lineModeById]);
+  const liveDailyFallbackEfficiencyByLineId = React144__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__default.useMemo(() => {
+    const map = new Map(liveDailyFallbackEfficiencyByLineId);
+    scopedDailyFallbackEfficiencyByLineId.forEach((value, lineId) => {
+      map.set(lineId, value);
+    });
+    return map;
+  }, [liveDailyFallbackEfficiencyByLineId, scopedDailyFallbackEfficiencyByLineId]);
   const kpisByLineId = React144__default.useMemo(() => {
     const map = /* @__PURE__ */ new Map();
     lineMetricRowsByLineId.forEach((row, lineId) => {
@@ -69585,32 +70395,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
   });
-  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]);
   useEffect(() => {
     trackCorePageView("KPIs Overview");
   }, []);
@@ -69660,16 +70449,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);
@@ -69684,6 +70482,58 @@ var KPIsOverviewView = ({
       isMounted = false;
     };
   }, [supabase, resolvedCompanyId, lines]);
+  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 = useCallback(async () => {
     if (!supabase || !resolvedCompanyId || leaderboardLinesForView.length === 0) return;
     const targetLineIds = leaderboardLinesForView.map((line) => line.id);
@@ -69705,10 +70555,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", {
@@ -69755,10 +70606,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) {
@@ -69798,69 +70650,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;
@@ -69908,6 +70697,7 @@ var KPIsOverviewView = ({
       from_page: "kpis_overview",
       lines_count: trackedLineCount
     });
+    pendingTabRouteSyncRef.current = newTab;
     setActiveTab(newTab);
   }, [activeTab, leaderboardLines.length, lines.length]);
   const formatLocalDate2 = useCallback((dateKey) => {
@@ -69932,10 +70722,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;
@@ -70140,72 +70928,6 @@ var KPIsOverviewView = ({
             ] }) : /* @__PURE__ */ jsx("div", { className: "inline-flex items-center px-2.5 py-1 bg-green-100 rounded-full", children: /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-green-700", children: /* @__PURE__ */ jsx(ISTTimer_default, {}) }) })
           ] })
         ] }),
-        activeTab !== "leaderboard" && /* @__PURE__ */ 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__ */ jsxs("div", { className: "flex items-center gap-4 min-w-0", children: [
-          /* @__PURE__ */ jsxs("div", { className: "relative flex-shrink-0", children: [
-            (!topPerformer.supervisors || topPerformer.supervisors.length <= 1) && /* @__PURE__ */ 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__ */ jsx(
-              "img",
-              {
-                src: topPerformer.imageUrl || "",
-                alt: "Top Performer",
-                className: "w-full h-full object-cover",
-                onError: () => setTopPerformerImageError(true)
-              }
-            ) : /* @__PURE__ */ 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__ */ jsxs("div", { className: "flex -space-x-2", children: [
-              topPerformer.supervisors.slice(0, 3).map((supervisor, idx) => /* @__PURE__ */ 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__ */ jsx(
-                      "img",
-                      {
-                        src: supervisor.imageUrl,
-                        alt: supervisor.name,
-                        className: "w-full h-full object-cover rounded-full"
-                      }
-                    ) : /* @__PURE__ */ 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__ */ 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__ */ 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__ */ 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__ */ jsxs("div", { className: "min-w-0", children: [
-            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5 leading-none mb-1", children: [
-              /* @__PURE__ */ jsx("span", { className: "text-[10px] font-bold text-amber-600 uppercase tracking-widest", children: "Performer of the month" }),
-              /* @__PURE__ */ jsx("span", { className: "w-1 h-1 bg-amber-200 rounded-full" }),
-              /* @__PURE__ */ jsx("span", { className: "text-[10px] font-semibold text-gray-400", children: topPerformerLoading ? "Loading" : topPerformer.periodLabel })
-            ] }),
-            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 leading-none", children: [
-              /* @__PURE__ */ jsx("div", { className: "max-w-[140px]", children: /* @__PURE__ */ jsx(
-                FittingTitle,
-                {
-                  title: topPerformer.name,
-                  as: "span",
-                  className: "text-sm text-gray-900 font-bold"
-                }
-              ) }),
-              /* @__PURE__ */ jsx("span", { className: "w-px h-3 bg-gray-200 flex-shrink-0" }),
-              /* @__PURE__ */ jsx("div", { className: "max-w-[120px]", children: /* @__PURE__ */ jsx(
-                FittingTitle,
-                {
-                  title: topPerformer.unit,
-                  className: "text-xs font-medium text-gray-500"
-                }
-              ) })
-            ] })
-          ] })
-        ] }) }),
         /* @__PURE__ */ jsx("div", { className: "mt-4 flex justify-center", children: /* @__PURE__ */ jsxs("div", { className: "inline-flex bg-gray-100/80 p-1 rounded-xl w-full", children: [
           /* @__PURE__ */ jsx(
             "button",
@@ -70240,86 +70962,18 @@ var KPIsOverviewView = ({
             /* @__PURE__ */ 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__ */ 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__ */ jsxs("div", { className: "absolute right-0 top-1/2 -translate-y-1/2 z-10 flex items-center", children: [
-            !topPerformerLoading && activeTab !== "leaderboard" && /* @__PURE__ */ 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__ */ jsxs("div", { className: "relative", children: [
-                (!topPerformer.supervisors || topPerformer.supervisors.length <= 1) && /* @__PURE__ */ 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__ */ jsx(
-                  "img",
-                  {
-                    src: topPerformer.imageUrl || "",
-                    alt: topPerformer.name,
-                    className: "w-full h-full object-cover",
-                    onError: () => setTopPerformerImageError(true)
-                  }
-                ) : /* @__PURE__ */ 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__ */ jsxs("div", { className: "flex -space-x-2", children: [
-                  topPerformer.supervisors.slice(0, 3).map((supervisor, idx) => /* @__PURE__ */ 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__ */ jsx(
-                          "img",
-                          {
-                            src: supervisor.imageUrl,
-                            alt: supervisor.name,
-                            className: "w-full h-full object-cover rounded-full"
-                          }
-                        ) : /* @__PURE__ */ 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__ */ 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__ */ 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__ */ 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__ */ jsxs("div", { className: "flex flex-col min-w-0", children: [
-                /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-[10px] leading-tight mb-1", children: [
-                  /* @__PURE__ */ jsx("span", { className: "font-bold text-amber-600 uppercase tracking-widest", children: "Performer of the month" }),
-                  /* @__PURE__ */ jsx("span", { className: "text-amber-200 opacity-50", children: "\u2022" }),
-                  /* @__PURE__ */ jsx("span", { className: "font-semibold text-gray-400", children: topPerformer.periodLabel })
-                ] }),
-                /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 leading-tight", children: [
-                  /* @__PURE__ */ jsx("div", { className: "max-w-[140px]", children: /* @__PURE__ */ jsx(
-                    FittingTitle,
-                    {
-                      title: topPerformer.name,
-                      as: "span",
-                      className: "text-sm text-gray-900 font-bold"
-                    }
-                  ) }),
-                  /* @__PURE__ */ jsx("span", { className: "w-px h-3.5 bg-gray-200 flex-shrink-0" }),
-                  /* @__PURE__ */ jsx("div", { className: "max-w-[150px]", children: /* @__PURE__ */ jsx(
-                    FittingTitle,
-                    {
-                      title: topPerformer.unit,
-                      className: "text-xs font-medium text-gray-500"
-                    }
-                  ) })
-                ] })
-              ] })
-            ] }),
-            activeTab === "leaderboard" && isHistoricalLeaderboardDaily && /* @__PURE__ */ 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__ */ jsx("div", { className: "absolute right-0 top-1/2 -translate-y-1/2 z-10 flex items-center", children: activeTab === "leaderboard" && isHistoricalLeaderboardDaily && /* @__PURE__ */ 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__ */ jsx("div", { className: "bg-blue-50/50 px-4 py-2 rounded-xl border border-blue-100/50 backdrop-blur-sm", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-center gap-6", children: [
           !isMonthlyMode && !showHistoricalLeaderboardHeader && /* @__PURE__ */ jsxs(Fragment, { children: [
@@ -70494,6 +71148,7 @@ var KPIsOverviewView = ({
           timeRange,
           setTimeRange,
           todayEfficiencyByLineId,
+          dailyFallbackEfficiencyByLineId,
           monthlyEfficiencyByLineId,
           supervisorsByLineId,
           supervisorNamesByLineId,
@@ -70526,13 +71181,23 @@ var AnimatedEfficiency = memo$1(({ 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__ */ jsxs("span", { className: "tabular-nums", children: [
+      actualCT,
+      " / ",
+      standardCT
+    ] });
+  }
   const displayedMetricValue = getWorkspaceDisplayedMetricValue(workspace);
   if (displayedMetricValue === null) {
     return /* @__PURE__ */ jsx("span", { className: "tabular-nums", children: "--" });
@@ -70810,12 +71475,8 @@ var LeaderboardDetailView = memo$1(({
     return `Line ${lineId2.substring(0, 8)}`;
   }, [dbLineNames, configuredLineNames, lineNames, line1Id, line2Id]);
   const configuredLineIds = useMemo(() => {
-    const allLineIds = getConfiguredLineIds(entityConfig);
-    if (userAccessibleLineIds) {
-      return allLineIds.filter((id3) => userAccessibleLineIds.includes(id3));
-    }
-    return allLineIds;
-  }, [entityConfig, userAccessibleLineIds]);
+    return getConfiguredLineIds(entityConfig);
+  }, [entityConfig]);
   const accessibleLineIdSet = useMemo(
     () => new Set((userAccessibleLineIds || []).filter(Boolean)),
     [userAccessibleLineIds]
@@ -71503,7 +72164,7 @@ var LeaderboardDetailView = memo$1(({
   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__ */ jsxs("div", { className: `min-h-screen bg-slate-50 flex flex-col ${className}`, style: { willChange: "contents" }, children: [
@@ -86173,4 +86834,4 @@ var RecentFlowSnapshotGrid = ({
   );
 };
 
-export { ACTION_FAMILIES, ACTION_NAMES, AIAgentView_default as AIAgentView, AcceptInvite, AcceptInviteView_default as AcceptInviteView, AdvancedFilterDialog, AdvancedFilterPanel, AudioService, AuthCallback, AuthCallbackView_default as AuthCallbackView, AuthProvider, AuthService, AuthenticatedBottleneckClipsView, AuthenticatedFactoryView, AuthenticatedHelpView, AuthenticatedHomeView, AuthenticatedShiftsView, AuthenticatedTargetsView, AuthenticatedTicketsView, AuthenticatedWorkspaceHealthView, AvatarUpload, AxelNotificationPopup, AxelOrb, BackButton, BackButtonMinimal, BarChart, BaseHistoryCalendar, BottleneckClipsModal, BottleneckClipsView_default as BottleneckClipsView, BottlenecksContent, BreakNotificationPopup, CachePrefetchStatus, Card2 as Card, CardContent2 as CardContent, CardDescription2 as CardDescription, CardFooter2 as CardFooter, CardHeader2 as CardHeader, CardTitle2 as CardTitle, ChangeRoleDialog, ClipFilterProvider, ClipsCostView_default as ClipsCostView, CompactWorkspaceHealthCard, ConfirmRemoveUserDialog, CongratulationsOverlay, CroppedHlsVideoPlayer, CroppedVideoPlayer, CycleTimeChart, CycleTimeOverTimeChart, DEFAULT_ANALYTICS_CONFIG, DEFAULT_AUTH_CONFIG, DEFAULT_CONFIG, DEFAULT_DATABASE_CONFIG, DEFAULT_DATE_TIME_CONFIG, DEFAULT_ENDPOINTS_CONFIG, DEFAULT_ENTITY_CONFIG, DEFAULT_HOME_VIEW_CONFIG, DEFAULT_MAP_VIEW_CONFIG, DEFAULT_SHIFT_CONFIG, DEFAULT_SHIFT_DATA, DEFAULT_THEME_CONFIG, DEFAULT_VIDEO_CONFIG, DEFAULT_WORKSPACE_CONFIG, DEFAULT_WORKSPACE_POSITIONS, DashboardHeader, DashboardLayout, DashboardOverridesProvider, DashboardProvider, DateDisplay_default as DateDisplay, DateTimeDisplay, DebugAuth, DebugAuthView_default as DebugAuthView, DetailedHealthStatus, DiagnosisVideoModal, EFFICIENCY_ON_TRACK_THRESHOLD, EmptyStateMessage, EncouragementOverlay, FactoryAssignmentDropdown, FactoryView_default as FactoryView, FileManagerFilters, FilterDialogTrigger, FirstTimeLoginDebug, FirstTimeLoginHandler, FittingTitle, GaugeChart, GridComponentsPlaceholder, HamburgerButton, Header, HealthDateShiftSelector, HealthStatusGrid, HealthStatusIndicator, HelpView_default as HelpView, HlsVideoPlayer, HomeView_default as HomeView, HourlyOutputChart2 as HourlyOutputChart, HourlyUptimeChart, ISTTimer_default as ISTTimer, IdleTimeVlmConfigProvider, ImprovementCenterView_default as ImprovementCenterView, InlineEditableText, InteractiveOnboardingTour, InvitationService, InvitationsTable, InviteUserDialog, KPICard, KPIDetailView_default as KPIDetailView, KPIGrid, KPIHeader, KPISection, KPIsOverviewView_default as KPIsOverviewView, LINE_1_UUID, LINE_2_UUID, LargeOutputProgressChart, LeaderboardDetailView_default as LeaderboardDetailView, Legend5 as Legend, LineAssignmentDropdown, LineChart, LineHistoryCalendar, LineMonthlyHistory, LineMonthlyPdfGenerator, LinePdfExportButton, LinePdfGenerator, LineWhatsAppShareButton, LinesService, LiveTimer, LoadingInline, LoadingOverlay_default as LoadingOverlay, LoadingPage_default as LoadingPage, LoadingSkeleton, LoadingState, LoginPage, LoginView_default as LoginView, Logo, MainLayout, MapGridView, MetricCard_default as MetricCard, MinimalOnboardingPopup, MobileMenuProvider, NewClipsNotification, NoWorkspaceData, OnboardingDemo, OnboardingTour, OptifyeAgentClient, OptifyeLogoLoader_default as OptifyeLogoLoader, OutputProgressChart, PageHeader, PieChart4 as PieChart, PlantHeadView_default as PlantHeadView, PlayPauseIndicator, PrefetchConfigurationError, PrefetchError, PrefetchEvents, PrefetchStatus, PrefetchTimeoutError, ProfileView_default as ProfileView, ROOT_DASHBOARD_EVENT_NAMES, RecentFlowSnapshotGrid, RegistryProvider, RoleBadge, S3ClipsSupabaseService as S3ClipsService, S3Service, SENTRY_HANDLED_EVENT_SESSION_LIMIT, SENTRY_HANDLED_EVENT_WINDOW_MS, SENTRY_QUOTA_STORAGE_KEY, SKUManagementView, SOPComplianceChart, SSEChatClient, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, SessionTracker, SessionTrackingContext, SessionTrackingProvider, SettingsPopup, ShiftDisplay_default as ShiftDisplay, ShiftsView_default as ShiftsView, SideNavBar, SignupWithInvitation, SilentErrorBoundary, SimpleOnboardingPopup, SingleVideoStream_default as SingleVideoStream, Skeleton, SubscriptionManager, SubscriptionManagerProvider, SupabaseProvider, SupervisorDropdown_default as SupervisorDropdown, SupervisorManagementView_default as SupervisorManagementView, SupervisorService, TargetWorkspaceGrid, TargetsView_default as TargetsView, TeamManagementView_default as TeamManagementView, ThreadSidebar, TicketHistory_default as TicketHistory, TicketHistoryService, TicketsView_default as TicketsView, TimeDisplay_default as TimeDisplay, TimePickerDropdown, Timer_default as Timer, TimezoneProvider, TimezoneService, UptimeDonutChart, UptimeLineChart, UptimeMetricCards, UserAvatar, UserManagementService, UserManagementTable, UserService, UserUsageDetailModal, UserUsageStats, VideoCard, VideoGridView, VideoPlayer, VideoPreloader, WORKSPACE_POSITIONS, WhatsAppShareButton, WorkspaceCard, WorkspaceCycleTimeMetricCards, WorkspaceDetailView_default as WorkspaceDetailView, WorkspaceDisplayNameExample, WorkspaceGrid, WorkspaceGridItem, WorkspaceHealthCard, WorkspaceHealthView_default as WorkspaceHealthView, WorkspaceHistoryCalendar, WorkspaceMetricCards, WorkspaceMetricCardsImpl, WorkspaceMonthlyDataFetcher, WorkspaceMonthlyHistory, WorkspaceMonthlyPdfGenerator, WorkspacePdfExportButton, WorkspacePdfGenerator, WorkspaceWhatsAppShareButton, actionService, addSentryBreadcrumb, aggregateKPIsFromLineMetricsRows, alertsService, apiUtils, areAllLinesOnSameShift, authCoreService, authOTPService, authRateLimitService, awardsService, buildDateKey, buildKPIsFromLineMetricsRow, buildKpiLineHierarchy, buildLineSkuBreakdown, buildShiftGroupsKey, canRoleAccessDashboardPath, canRoleAccessTeamManagement, canRoleAssignFactories, canRoleAssignLines, canRoleChangeRole, canRoleInviteRole, canRoleManageCompany, canRoleManageTargets, canRoleManageUsers, canRoleRemoveUser, canRoleViewClipsCost, canRoleViewUsageStats, captureHandledFrontendException, captureSentryException, captureSentryMessage, checkRateLimit2 as checkRateLimit, clearAllRateLimits2 as clearAllRateLimits, clearRateLimit2 as clearRateLimit, clearS3VideoCache, clearS3VideoFromCache, clearSentryContext, clearWorkspaceDisplayNamesCache, cn, combineLineMetricsRows, countRealSkus, createDefaultKPIs, createInvitationService, createLinesService, createSessionTracker, createStorageService, createStreamProxyHandler, createSupabaseClient, createSupervisorService, createThrottledReload, createUserManagementService, createUserService, dashboardService, deleteThread, fetchIdleTimeReasons, fetchLineDummySkuId, fetchLineSkuCatalog, filterDataByDateKeyRange, filterRealSkuBreakdown, forceRefreshWorkspaceDisplayNames, formatAwardMonth, formatDateInZone, formatDateKeyForDisplay, formatDateTimeInZone, formatDuration2 as formatDuration, formatISTDate, formatIdleTime, formatRangeLabel, formatReasonLabel, formatRelativeTime, formatTimeInZone, fromUrlFriendlyName, getActionDisplayName, getActiveShift, getAllLineDisplayNames, getAllThreadMessages, getAllWorkspaceDisplayNamesAsync, getAllWorkspaceDisplayNamesSnapshot, getAnonClient, getAssignableRoles, getAssignmentColumnLabel, getAvailableShiftIds, getAwardBadgeType, getAwardDescription, getAwardTitle, getBrowserName, getCameraNumber, getCompanyMetricsTableName, getConfigurableShortWorkspaceDisplayName, getConfigurableWorkspaceDisplayName, getConfiguredLineIds, getCoreSessionRecordingProperties, getCoreSessionReplayUrl, getCurrentShift, getCurrentShiftForLine, getCurrentTimeInZone, getCurrentWeekFullRange, getCurrentWeekToDateRange, getDashboardHeaderTimeInZone, getDateKeyFromDate, getDateKeyFromValue, getDayDateKey, getDaysDifferenceInZone, getDefaultCameraStreamUrl, getDefaultLineId, getDefaultTabForWorkspace, getInitials, getLineDisplayName, getManufacturingInsights, getMetricsTablePrefix, getMonthKeyBounds, getMonthWeekRanges, getMonthlyTrendComparisonLabel, getNextUpdateInterval, getOperationalDate, getRoleAssignmentKind, getRoleDescription, getRoleLabel, getRoleMetadata, getRoleNavPaths, getS3SignedUrl, getS3VideoSrc, getShiftData, getShiftNameById, getShiftWorkDurationSeconds, getShortShiftName, getShortWorkspaceDisplayName, getShortWorkspaceDisplayNameAsync, getStoredWorkspaceMappings, getSubscriptionManager, getThreadMessages, getUniformShiftGroup, getUserThreads, getUserThreadsPaginated, getVisibleRolesForCurrentUser, getWorkspaceDisplayName, getWorkspaceDisplayNameAsync, getWorkspaceDisplayNamesMap, getWorkspaceFromUrl, getWorkspaceNavigationParams, groupLinesByShift, hasAnyShiftData, identifyCoreUser, initializeCoreMixpanel, isEfficiencyOnTrack, isFactoryScopedRole, isFullMonthRange, isIgnorableFrontendError, isLegacyConfiguration, isLoopbackHostname, isPrefetchError, isRealSku, isRecentFlowVideoGridMetricMode, isSafari, isSupervisorRole, isTransitionPeriod, isUrlPermanentlyFailed, isValidFactoryViewConfiguration, isValidLineInfoPayload, isValidPrefetchParams, isValidPrefetchStatus, isValidWorkspaceDetailedMetricsPayload, isValidWorkspaceMetricsPayload, isWipGatedVideoGridMetricMode, isWorkspaceDisplayNamesLoaded, isWorkspaceDisplayNamesLoading, lineLeaderboardService, linesService, mergeWithDefaultConfig, migrateLegacyConfiguration, normalizeActionFamily, normalizeDateKeyRange, normalizeDateKeyRangeUnbounded, normalizeRoleLevel, normalizeVideoGridMetricMode, optifyeAgentClient, parseDateKeyToDate, parseS3Uri, pickPreferredLineMetricsRow, preInitializeWorkspaceDisplayNames, preloadS3Video, preloadS3VideoUrl, preloadS3VideosUrl, preloadVideoUrl, preloadVideosUrl, qualityService, realtimeService, refreshWorkspaceDisplayNames, resetCoreMixpanel, resetFailedUrl, resetSentryQuotaForTests, resetSubscriptionManager, resolveDefaultSkuId, resolveLiveSkuId, s3VideoPreloader, selectPreferredLineMetricsRow, setSentryUserContext, setSentryWorkspaceContext, shouldEnableLocalDevTestLogin, shuffleArray, simulateApiDelay, skuService, startCoreSessionRecording, stopCoreSessionRecording, storeWorkspaceMapping, streamProxyConfig, subscribeWorkspaceDisplayNames, throttledReloadDashboard, toUrlFriendlyName, trackCoreEvent, trackCorePageView, transformToChartData, updateThreadTitle, upsertWorkspaceDisplayNameInCache, useAccessControl, useActiveBreaks, useActiveLineId, useAllWorkspaceMetrics, useAnalyticsConfig, useAppTimezone, useAudioService, useAuth, useAuthConfig, useAxelNotifications, useCanSaveTargets, useClipFilter, useClipTypes, useClipTypesWithCounts, useClipsInit, useCompanyClipsCost, useCompanyFastSlowClipFiltersEnabled, useCompanyHasVlmEnabledLine, useCompanyUsersUsage, useComponentOverride, useCustomConfig, useDashboardConfig, useDashboardMetrics, useDatabaseConfig, useDateFormatter, useDateTimeConfig, useDynamicShiftConfig, useEndpointsConfig, useEntityConfig, useFactoryOverviewMetrics, useFeatureFlags, useFormatNumber, useHasLineAccess, useHideMobileHeader, useHistoricWorkspaceMetrics, useHlsStream, useHlsStreamWithCropping, useHookOverride, useHourEndTimer, useHourlyTargetAchievements, useHourlyTargetMisses, useIdleTimeClipClassifications, useIdleTimeReasons, useIdleTimeVlmConfig, useKpiTrends, useLeaderboardMetrics, useLineDetailedMetrics, useLineKPIs, useLineMetrics, useLineShiftConfig, useLineSupervisor, useLineWorkspaceMetrics, useLines, useMessages, useMetrics, useMobileMenu, useMonthlyTrend, useMultiLineShiftConfigs, useNavigation, useOperationalShiftKey, useOptionalSupabase, useOverrides, usePageOverride, usePrefetchClipCounts, useRealtimeLineMetrics, useRegistry, useSKUs, useSessionKeepAlive, useSessionTracking, useSessionTrackingContext, useShiftConfig, useShiftGroups, useShifts, useSubscriptionManager, useSubscriptionManagerSafe, useSupabase, useSupabaseClient, useSupervisorsByLineIds, useTargets, useTeamManagementPermissions, useTheme, useThemeConfig, useThreads, useTicketHistory, useTimezoneContext, useUserLineAccess, useUserUsage, useVideoConfig, useWorkspaceConfig, useWorkspaceDetailedMetrics, useWorkspaceDisplayName, useWorkspaceDisplayNames, useWorkspaceDisplayNamesMap, useWorkspaceHealthById, useWorkspaceHealthLastSeen, useWorkspaceHealthStatus, useWorkspaceMetrics, useWorkspaceNavigation, useWorkspaceOperators, useWorkspaceUptimeTimeline, useWorkspaceVideoStreams, userService, videoPrefetchManager, videoPreloader, weeklyTopPerformerService, whatsappService, withAccessControl, withAuth, withRegistry, withTimezone, workspaceHealthService, workspaceService };
+export { ACTION_FAMILIES, ACTION_NAMES, AIAgentView_default as AIAgentView, AcceptInvite, AcceptInviteView_default as AcceptInviteView, AdvancedFilterDialog, AdvancedFilterPanel, AudioService, AuthCallback, AuthCallbackView_default as AuthCallbackView, AuthProvider, AuthService, AuthenticatedBottleneckClipsView, AuthenticatedFactoryView, AuthenticatedHelpView, AuthenticatedHomeView, AuthenticatedShiftsView, AuthenticatedTargetsView, AuthenticatedTicketsView, AuthenticatedWorkspaceHealthView, AvatarUpload, AxelNotificationPopup, AxelOrb, BackButton, BackButtonMinimal, BarChart, BaseHistoryCalendar, BottleneckClipsModal, BottleneckClipsView_default as BottleneckClipsView, BottlenecksContent, BreakNotificationPopup, CachePrefetchStatus, Card2 as Card, CardContent2 as CardContent, CardDescription2 as CardDescription, CardFooter2 as CardFooter, CardHeader2 as CardHeader, CardTitle2 as CardTitle, ChangeRoleDialog, ClipFilterProvider, ClipsCostView_default as ClipsCostView, CompactWorkspaceHealthCard, ConfirmRemoveUserDialog, CongratulationsOverlay, CroppedHlsVideoPlayer, CroppedVideoPlayer, CycleTimeChart, CycleTimeOverTimeChart, DEFAULT_ANALYTICS_CONFIG, DEFAULT_AUTH_CONFIG, DEFAULT_CONFIG, DEFAULT_DATABASE_CONFIG, DEFAULT_DATE_TIME_CONFIG, DEFAULT_ENDPOINTS_CONFIG, DEFAULT_ENTITY_CONFIG, DEFAULT_HOME_VIEW_CONFIG, DEFAULT_MAP_VIEW_CONFIG, DEFAULT_SHIFT_CONFIG, DEFAULT_SHIFT_DATA, DEFAULT_THEME_CONFIG, DEFAULT_VIDEO_CONFIG, DEFAULT_WORKSPACE_CONFIG, DEFAULT_WORKSPACE_POSITIONS, DashboardHeader, DashboardLayout, DashboardOverridesProvider, DashboardProvider, DateDisplay_default as DateDisplay, DateTimeDisplay, DebugAuth, DebugAuthView_default as DebugAuthView, DetailedHealthStatus, DiagnosisVideoModal, EFFICIENCY_ON_TRACK_THRESHOLD, EmptyStateMessage, EncouragementOverlay, FactoryAssignmentDropdown, FactoryView_default as FactoryView, FileManagerFilters, FilterDialogTrigger, FirstTimeLoginDebug, FirstTimeLoginHandler, FittingTitle, GaugeChart, GridComponentsPlaceholder, HamburgerButton, Header, HealthDateShiftSelector, HealthStatusGrid, HealthStatusIndicator, HelpView_default as HelpView, HlsVideoPlayer, HomeView_default as HomeView, HourlyOutputChart2 as HourlyOutputChart, HourlyUptimeChart, ISTTimer_default as ISTTimer, IdleTimeVlmConfigProvider, ImprovementCenterView_default as ImprovementCenterView, InlineEditableText, InteractiveOnboardingTour, InvitationService, InvitationsTable, InviteUserDialog, KPICard, KPIDetailView_default as KPIDetailView, KPIGrid, KPIHeader, KPISection, KPIsOverviewView_default as KPIsOverviewView, LINE_1_UUID, LINE_2_UUID, LargeOutputProgressChart, LeaderboardDetailView_default as LeaderboardDetailView, Legend5 as Legend, LineAssignmentDropdown, LineChart, LineHistoryCalendar, LineMonthlyHistory, LineMonthlyPdfGenerator, LinePdfExportButton, LinePdfGenerator, LineWhatsAppShareButton, LinesService, LiveTimer, LoadingInline, LoadingOverlay_default as LoadingOverlay, LoadingPage_default as LoadingPage, LoadingSkeleton, LoadingState, LoginPage, LoginView_default as LoginView, Logo, MainLayout, MapGridView, MetricCard_default as MetricCard, MinimalOnboardingPopup, MobileMenuProvider, NewClipsNotification, NoWorkspaceData, OnboardingDemo, OnboardingTour, OptifyeAgentClient, OptifyeLogoLoader_default as OptifyeLogoLoader, OutputProgressChart, PageHeader, PieChart4 as PieChart, PlantHeadView_default as PlantHeadView, PlayPauseIndicator, PrefetchConfigurationError, PrefetchError, PrefetchEvents, PrefetchStatus, PrefetchTimeoutError, ProfileView_default as ProfileView, ROOT_DASHBOARD_EVENT_NAMES, RecentFlowSnapshotGrid, RegistryProvider, RoleBadge, S3ClipsSupabaseService as S3ClipsService, S3Service, SENTRY_HANDLED_EVENT_SESSION_LIMIT, SENTRY_HANDLED_EVENT_WINDOW_MS, SENTRY_QUOTA_STORAGE_KEY, SKUManagementView, SOPComplianceChart, SSEChatClient, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, SessionTracker, SessionTrackingContext, SessionTrackingProvider, SettingsPopup, ShiftDisplay_default as ShiftDisplay, ShiftsView_default as ShiftsView, SideNavBar, SignupWithInvitation, SilentErrorBoundary, SimpleOnboardingPopup, SingleVideoStream_default as SingleVideoStream, Skeleton, SubscriptionManager, SubscriptionManagerProvider, SupabaseProvider, SupervisorDropdown_default as SupervisorDropdown, SupervisorManagementView_default as SupervisorManagementView, SupervisorService, TargetWorkspaceGrid, TargetsView_default as TargetsView, TeamManagementView_default as TeamManagementView, ThreadSidebar, TicketHistory_default as TicketHistory, TicketHistoryService, TicketsView_default as TicketsView, TimeDisplay_default as TimeDisplay, TimePickerDropdown, Timer_default as Timer, TimezoneProvider, TimezoneService, UptimeDonutChart, UptimeLineChart, UptimeMetricCards, UserAvatar, UserManagementService, UserManagementTable, UserService, UserUsageDetailModal, UserUsageStats, VideoCard, VideoGridView, VideoPlayer, VideoPreloader, WORKSPACE_POSITIONS, WhatsAppShareButton, WorkspaceCard, WorkspaceCycleTimeMetricCards, WorkspaceDetailView_default as WorkspaceDetailView, WorkspaceDisplayNameExample, WorkspaceGrid, WorkspaceGridItem, WorkspaceHealthCard, WorkspaceHealthView_default as WorkspaceHealthView, WorkspaceHistoryCalendar, WorkspaceMetricCards, WorkspaceMetricCardsImpl, WorkspaceMonthlyDataFetcher, WorkspaceMonthlyHistory, WorkspaceMonthlyPdfGenerator, WorkspacePdfExportButton, WorkspacePdfGenerator, WorkspaceWhatsAppShareButton, actionService, addSentryBreadcrumb, aggregateKPIsFromLineMetricsRows, alertsService, apiUtils, areAllLinesOnSameShift, authCoreService, authOTPService, authRateLimitService, awardsService, buildDateKey, buildKPIsFromLineMetricsRow, buildKpiLineHierarchy, buildLineLeaderboardRows, buildLineSkuBreakdown, buildShiftGroupsKey, canRoleAccessDashboardPath, canRoleAccessTeamManagement, canRoleAssignFactories, canRoleAssignLines, canRoleChangeRole, canRoleInviteRole, canRoleManageCompany, canRoleManageTargets, canRoleManageUsers, canRoleRemoveUser, canRoleViewClipsCost, canRoleViewUsageStats, captureHandledFrontendException, captureSentryException, captureSentryMessage, checkRateLimit2 as checkRateLimit, clearAllRateLimits2 as clearAllRateLimits, clearRateLimit2 as clearRateLimit, clearS3VideoCache, clearS3VideoFromCache, clearSentryContext, clearWorkspaceDisplayNamesCache, cn, combineLineMetricsRows, countRealSkus, createDefaultKPIs, createInvitationService, createLinesService, createSessionTracker, createStorageService, createStreamProxyHandler, createSupabaseClient, createSupervisorService, createThrottledReload, createUserManagementService, createUserService, dashboardService, deleteThread, fetchIdleTimeReasons, fetchLineDummySkuId, fetchLineSkuCatalog, filterDataByDateKeyRange, filterRealSkuBreakdown, forceRefreshWorkspaceDisplayNames, formatAwardMonth, formatDateInZone, formatDateKeyForDisplay, formatDateTimeInZone, formatDuration2 as formatDuration, formatISTDate, formatIdleTime, formatRangeLabel, formatReasonLabel, formatRelativeTime, formatTimeInZone, fromUrlFriendlyName, getActionDisplayName, getActiveShift, getAllLineDisplayNames, getAllThreadMessages, getAllWorkspaceDisplayNamesAsync, getAllWorkspaceDisplayNamesSnapshot, getAnonClient, getAssignableRoles, getAssignmentColumnLabel, getAvailableShiftIds, getAwardBadgeType, getAwardDescription, getAwardTitle, getBrowserName, getCameraNumber, getCompanyMetricsTableName, getConfigurableShortWorkspaceDisplayName, getConfigurableWorkspaceDisplayName, getConfiguredLineIds, getCoreSessionRecordingProperties, getCoreSessionReplayUrl, getCurrentShift, getCurrentShiftForLine, getCurrentTimeInZone, getCurrentWeekFullRange, getCurrentWeekToDateRange, getDashboardHeaderTimeInZone, getDateKeyFromDate, getDateKeyFromValue, getDayDateKey, getDaysDifferenceInZone, getDefaultCameraStreamUrl, getDefaultLineId, getDefaultTabForWorkspace, getInitials, getLineDisplayName, getManufacturingInsights, getMetricsTablePrefix, getMonthKeyBounds, getMonthWeekRanges, getMonthlyTrendComparisonLabel, getNextUpdateInterval, getOperationalDate, getRoleAssignmentKind, getRoleDescription, getRoleLabel, getRoleMetadata, getRoleNavPaths, getS3SignedUrl, getS3VideoSrc, getShiftData, getShiftNameById, getShiftWorkDurationSeconds, getShortShiftName, getShortWorkspaceDisplayName, getShortWorkspaceDisplayNameAsync, getStoredWorkspaceMappings, getSubscriptionManager, getThreadMessages, getUniformShiftGroup, getUserThreads, getUserThreadsPaginated, getVisibleRolesForCurrentUser, getWorkspaceDisplayName, getWorkspaceDisplayNameAsync, getWorkspaceDisplayNamesMap, getWorkspaceFromUrl, getWorkspaceNavigationParams, groupLinesByShift, hasAnyShiftData, identifyCoreUser, initializeCoreMixpanel, isEfficiencyOnTrack, isFactoryScopedRole, isFullMonthRange, isIgnorableFrontendError, isLegacyConfiguration, isLoopbackHostname, isPrefetchError, isRealSku, isRecentFlowVideoGridMetricMode, isSafari, isSupervisorRole, isTransitionPeriod, isUrlPermanentlyFailed, isValidFactoryViewConfiguration, isValidLineInfoPayload, isValidPrefetchParams, isValidPrefetchStatus, isValidWorkspaceDetailedMetricsPayload, isValidWorkspaceMetricsPayload, isWipGatedVideoGridMetricMode, isWorkspaceDisplayNamesLoaded, isWorkspaceDisplayNamesLoading, lineLeaderboardService, linesService, mergeWithDefaultConfig, migrateLegacyConfiguration, normalizeActionFamily, normalizeDateKeyRange, normalizeDateKeyRangeUnbounded, normalizeRoleLevel, normalizeVideoGridMetricMode, optifyeAgentClient, parseDateKeyToDate, parseS3Uri, pickPreferredLineMetricsRow, preInitializeWorkspaceDisplayNames, preloadS3Video, preloadS3VideoUrl, preloadS3VideosUrl, preloadVideoUrl, preloadVideosUrl, qualityService, realtimeService, refreshWorkspaceDisplayNames, resetCoreMixpanel, resetFailedUrl, resetSentryQuotaForTests, resetSubscriptionManager, resolveDefaultSkuId, resolveLiveSkuId, s3VideoPreloader, selectPreferredLineMetricsRow, setSentryUserContext, setSentryWorkspaceContext, shouldEnableLocalDevTestLogin, shuffleArray, simulateApiDelay, skuService, startCoreSessionRecording, stopCoreSessionRecording, storeWorkspaceMapping, streamProxyConfig, subscribeWorkspaceDisplayNames, throttledReloadDashboard, toUrlFriendlyName, trackCoreEvent, trackCorePageView, transformToChartData, updateThreadTitle, upsertWorkspaceDisplayNameInCache, useAccessControl, useActiveBreaks, useActiveLineId, useAllWorkspaceMetrics, useAnalyticsConfig, useAppTimezone, useAudioService, useAuth, useAuthConfig, useAxelNotifications, useCanSaveTargets, useClipFilter, useClipTypes, useClipTypesWithCounts, useClipsInit, useCompanyClipsCost, useCompanyFastSlowClipFiltersEnabled, useCompanyHasVlmEnabledLine, useCompanyUsersUsage, useComponentOverride, useCustomConfig, useDashboardConfig, useDashboardMetrics, useDatabaseConfig, useDateFormatter, useDateTimeConfig, useDynamicShiftConfig, useEndpointsConfig, useEntityConfig, useFactoryOverviewMetrics, useFeatureFlags, useFormatNumber, useHasLineAccess, useHideMobileHeader, useHistoricWorkspaceMetrics, useHlsStream, useHlsStreamWithCropping, useHookOverride, useHourEndTimer, useHourlyTargetAchievements, useHourlyTargetMisses, useIdleTimeClipClassifications, useIdleTimeReasons, useIdleTimeVlmConfig, useKpiTrends, useLeaderboardMetrics, useLineDetailedMetrics, useLineKPIs, useLineMetrics, useLineShiftConfig, useLineSupervisor, useLineWorkspaceMetrics, useLines, useMessages, useMetrics, useMobileMenu, useMonthlyTrend, useMultiLineShiftConfigs, useNavigation, useOperationalShiftKey, useOptionalSupabase, useOverrides, usePageOverride, usePrefetchClipCounts, useRealtimeLineMetrics, useRegistry, useSKUs, useSessionKeepAlive, useSessionTracking, useSessionTrackingContext, useShiftConfig, useShiftGroups, useShifts, useSubscriptionManager, useSubscriptionManagerSafe, useSupabase, useSupabaseClient, useSupervisorsByLineIds, useTargets, useTeamManagementPermissions, useTheme, useThemeConfig, useThreads, useTicketHistory, useTimezoneContext, useUserLineAccess, useUserUsage, useVideoConfig, useWorkspaceConfig, useWorkspaceDetailedMetrics, useWorkspaceDisplayName, useWorkspaceDisplayNames, useWorkspaceDisplayNamesMap, useWorkspaceHealthById, useWorkspaceHealthLastSeen, useWorkspaceHealthStatus, useWorkspaceMetrics, useWorkspaceNavigation, useWorkspaceOperators, useWorkspaceUptimeTimeline, useWorkspaceVideoStreams, userService, videoPrefetchManager, videoPreloader, weeklyTopPerformerService, whatsappService, withAccessControl, withAuth, withRegistry, withTimezone, workspaceHealthService, workspaceService };