@optifye/dashboard-core 6.12.5 → 6.12.7

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, 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, 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 { 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';
@@ -5228,46 +5228,83 @@ var dashboardService = {
     const dbConfig = config.databaseConfig ?? DEFAULT_DATABASE_CONFIG;
     const linesTable = getTable(dbConfig, "lines");
     const companyId = config.entityConfig?.companyId;
+    const baseLineSelect = `
+      id,
+      line_name,
+      factory_id,
+      factories!lines_factory_id_fkey(factory_name),
+      company_id,
+      companies!lines_company_id_fkey(company_name:name),
+      enable,
+      monitoring_mode,
+      assembly,
+      video_grid_metric_mode,
+      recent_flow_window_minutes
+    `;
+    const lineSelectWithArea = `
+      ${baseLineSelect},
+      factory_area_id,
+      factory_line_areas!lines_factory_area_id_factory_id_fkey(
+        area_key,
+        area_name,
+        sort_order,
+        enabled
+      )
+    `;
+    const shouldRetryWithoutFactoryArea = (error) => {
+      const errorText = [
+        error?.message,
+        error?.details,
+        error?.hint,
+        error?.code
+      ].filter(Boolean).join(" ").toLowerCase();
+      return errorText.includes("factory_area_id") || errorText.includes("factory_line_areas") || errorText.includes("lines_factory_area_id_factory_id_fkey");
+    };
     try {
-      let query = supabase.from(linesTable).select(`
-          id,
-          line_name,
-          factory_id,
-          factories!lines_factory_id_fkey(factory_name),
-          company_id,
-          companies!lines_company_id_fkey(company_name:name),
-          enable,
-          monitoring_mode,
-          assembly,
-          video_grid_metric_mode,
-          recent_flow_window_minutes
-        `).eq("enable", true);
-      if (companyId) {
-        query = query.eq("company_id", companyId);
-      }
-      const { data, error } = await query;
+      const fetchLines = async (selectClause) => {
+        let query = supabase.from(linesTable).select(selectClause).eq("enable", true);
+        if (companyId) {
+          query = query.eq("company_id", companyId);
+        }
+        return await query;
+      };
+      let { data, error } = await fetchLines(lineSelectWithArea);
+      if (error && shouldRetryWithoutFactoryArea(error)) {
+        console.warn("[dashboardService.getAllLines] Factory area metadata unavailable, falling back to line-only metadata:", error);
+        const fallbackResult = await fetchLines(baseLineSelect);
+        data = fallbackResult.data;
+        error = fallbackResult.error;
+      }
       if (error) {
         console.error("Error fetching all lines:", error);
         throw error;
       }
       if (!data) return [];
-      const transformedLines = data.map((line) => ({
-        id: line.id,
-        line_name: line.line_name,
-        factory_id: line.factory_id,
-        factory_name: line.factories?.factory_name ?? "N/A",
-        company_id: line.company_id,
-        company_name: line.companies?.company_name ?? "N/A",
-        enable: line.enable ?? true,
-        // Default to true if not specified
-        monitoring_mode: line.monitoring_mode ?? "output",
-        assembly: line.assembly ?? false,
-        video_grid_metric_mode: normalizeVideoGridMetricMode(
-          line.video_grid_metric_mode,
-          line.assembly ?? false
-        ),
-        recent_flow_window_minutes: line.recent_flow_window_minutes ?? 7
-      }));
+      const transformedLines = data.map((line) => {
+        const factoryArea = Array.isArray(line.factory_line_areas) ? line.factory_line_areas[0] : line.factory_line_areas;
+        return {
+          id: line.id,
+          line_name: line.line_name,
+          factory_id: line.factory_id,
+          factory_name: line.factories?.factory_name ?? "N/A",
+          company_id: line.company_id,
+          company_name: line.companies?.company_name ?? "N/A",
+          enable: line.enable ?? true,
+          // Default to true if not specified
+          monitoring_mode: line.monitoring_mode ?? "output",
+          assembly: line.assembly ?? false,
+          video_grid_metric_mode: normalizeVideoGridMetricMode(
+            line.video_grid_metric_mode,
+            line.assembly ?? false
+          ),
+          recent_flow_window_minutes: line.recent_flow_window_minutes ?? 7,
+          factory_area_id: line.factory_area_id ?? null,
+          factory_area_key: factoryArea?.area_key ?? null,
+          factory_area_name: factoryArea?.area_name ?? null,
+          factory_area_sort_order: factoryArea?.sort_order ?? null,
+          factory_area_enabled: factoryArea?.enabled ?? null
+        };
+      });
       return transformedLines;
     } catch (err) {
       console.error("Exception in getAllLines:", err);
@@ -14236,7 +14273,9 @@ var useLeaderboardMetrics = (date, shiftId, limit = 10, filter2 = "all") => {
         `/api/dashboard/leaderboard?${params.toString()}`
       );
       let entries = (data.entries || []).slice();
-      entries.sort((a, b) => (b.efficiency || 0) - (a.efficiency || 0));
+      entries.sort(
+        (a, b) => (b.leaderboard_value ?? b.efficiency ?? 0) - (a.leaderboard_value ?? a.efficiency ?? 0)
+      );
       if (filter2 === "top") {
         entries = entries.slice(0, limit);
       } else if (filter2 === "bottom") {
@@ -21873,6 +21912,24 @@ var getConfigurableShortWorkspaceDisplayName = (workspaceId, workspaceConfig, li
   return fullName;
 };
 
+// src/lib/utils/efficiencyValidity.ts
+var MIN_VALID_OUTPUT_EFFICIENCY = 5;
+var MIN_VALID_UPTIME_EFFICIENCY = 1;
+var normalizeMonitoringMode = (mode) => String(mode ?? "").trim().toLowerCase() === "uptime" ? "uptime" : "output";
+var toFiniteNumberOrNull = (value) => {
+  if (typeof value === "number" && Number.isFinite(value)) return value;
+  if (typeof value === "string" && value.trim() !== "") {
+    const parsed = Number(value);
+    return Number.isFinite(parsed) ? parsed : null;
+  }
+  return null;
+};
+var isValidAggregateEfficiency = (monitoringMode, efficiency) => {
+  const value = toFiniteNumberOrNull(efficiency);
+  if (value === null) return false;
+  return normalizeMonitoringMode(monitoringMode) === "uptime" ? value >= MIN_VALID_UPTIME_EFFICIENCY : value >= MIN_VALID_OUTPUT_EFFICIENCY;
+};
+
 // src/lib/utils/kpis.ts
 var toNumber = (value) => {
   if (typeof value === "number" && Number.isFinite(value)) return value;
@@ -21928,7 +21985,9 @@ var buildKPIsFromLineMetricsRow = (row) => {
 };
 var aggregateKPIsFromLineMetricsRows = (rows) => {
   if (!rows || rows.length === 0) return createDefaultKPIs();
-  const eligibleRows = rows.filter((row) => toNumber(row?.avg_efficiency) >= 5);
+  const eligibleRows = rows.filter(
+    (row) => isValidAggregateEfficiency(row?.monitoring_mode ?? row?.monitoringMode, row?.avg_efficiency)
+  );
   if (eligibleRows.length === 0) return createDefaultKPIs();
   const currentOutputSum = eligibleRows.reduce((sum, row) => sum + toNumber(row.current_output), 0);
   const lineThresholdSum = eligibleRows.reduce(
@@ -21980,6 +22039,84 @@ var aggregateKPIsFromLineMetricsRows = (rows) => {
   };
 };
 
+// src/lib/utils/kpiHierarchy.ts
+var FACTORY_LEVEL_MIN_FACTORY_COUNT = 3;
+var compareText = (left, right) => left.localeCompare(right, void 0, { sensitivity: "base", numeric: true });
+var compareLinesByName = (left, right) => compareText(left.line_name || "", right.line_name || "");
+var normalizeAreaSortOrder = (value) => {
+  if (typeof value === "number" && Number.isFinite(value)) return value;
+  if (typeof value === "string" && value.trim() !== "") {
+    const parsed = Number(value);
+    return Number.isFinite(parsed) ? parsed : null;
+  }
+  return null;
+};
+var getEnabledAreaInfo = (line) => {
+  if (!line.factory_area_id) return null;
+  if (line.factory_area_enabled !== true) return null;
+  if (!line.factory_area_name || line.factory_area_name.trim().length === 0) return null;
+  return {
+    id: line.factory_area_id,
+    areaName: line.factory_area_name,
+    areaKey: line.factory_area_key ?? null,
+    sortOrder: normalizeAreaSortOrder(line.factory_area_sort_order)
+  };
+};
+var buildKpiLineHierarchy = (lines) => {
+  const factoryMap = /* @__PURE__ */ new Map();
+  lines.forEach((line) => {
+    const factoryId = line.factory_id || "unknown-factory";
+    let factory = factoryMap.get(factoryId);
+    if (!factory) {
+      factory = {
+        id: factoryId,
+        factoryName: line.factory_name || "Factory",
+        lines: [],
+        areas: [],
+        ungroupedLines: [],
+        areaMap: /* @__PURE__ */ new Map()
+      };
+      factoryMap.set(factoryId, factory);
+    }
+    factory.lines.push(line);
+    const areaInfo = getEnabledAreaInfo(line);
+    if (!areaInfo) {
+      factory.ungroupedLines.push(line);
+      return;
+    }
+    let area = factory.areaMap.get(areaInfo.id);
+    if (!area) {
+      area = {
+        id: areaInfo.id,
+        areaName: areaInfo.areaName,
+        areaKey: areaInfo.areaKey,
+        sortOrder: areaInfo.sortOrder,
+        lines: []
+      };
+      factory.areaMap.set(areaInfo.id, area);
+      factory.areas.push(area);
+    }
+    area.lines.push(line);
+  });
+  const factories = Array.from(factoryMap.values()).map(({ areaMap: _areaMap, ...factory }) => {
+    factory.lines.sort(compareLinesByName);
+    factory.ungroupedLines.sort(compareLinesByName);
+    factory.areas.forEach((area) => area.lines.sort(compareLinesByName));
+    factory.areas.sort((left, right) => {
+      const leftOrder = left.sortOrder ?? Number.POSITIVE_INFINITY;
+      const rightOrder = right.sortOrder ?? Number.POSITIVE_INFINITY;
+      if (leftOrder !== rightOrder) return leftOrder - rightOrder;
+      return compareText(left.areaName, right.areaName);
+    });
+    return factory;
+  });
+  factories.sort((left, right) => compareText(left.factoryName, right.factoryName));
+  return {
+    factories,
+    showFactoryLevel: factories.length >= FACTORY_LEVEL_MIN_FACTORY_COUNT
+  };
+};
+
 // src/lib/utils/awards.ts
 var toNumber2 = (value) => {
   if (typeof value === "number" && Number.isFinite(value)) return value;
@@ -37256,8 +37393,8 @@ var HourlyOutputChart = React144__default.memo(
 HourlyOutputChart.displayName = "HourlyOutputChart";
 
 // src/components/dashboard/grid/videoGridMetricUtils.ts
+var VIDEO_GRID_LEGEND_LABEL = "Real-Time efficiency";
 var MAP_GRID_LEGEND_LABEL = "Efficiency";
-var MIXED_VIDEO_GRID_LEGEND_LABEL = "Live Efficiency";
 var isFiniteNumber2 = (value) => typeof value === "number" && Number.isFinite(value);
 var isVideoGridRecentFlowEnabled = (workspace) => isRecentFlowVideoGridMetricMode(
   workspace.video_grid_metric_mode,
@@ -37269,7 +37406,7 @@ var isVideoGridWipGated = (workspace) => isWipGatedVideoGridMetricMode(
 );
 var hasVideoGridRecentFlow = (workspace) => isVideoGridRecentFlowEnabled(workspace) && isFiniteNumber2(workspace.recent_flow_percent);
 var isVideoGridRecentFlowUnavailable = (workspace) => isVideoGridRecentFlowEnabled(workspace) && !hasVideoGridRecentFlow(workspace);
-var getVideoGridMetricValue = (workspace) => {
+var getRawVideoGridMetricValue = (workspace) => {
   const recentFlowPercent = workspace.recent_flow_percent;
   if (hasVideoGridRecentFlow(workspace) && isFiniteNumber2(recentFlowPercent)) {
     return recentFlowPercent;
@@ -37281,7 +37418,7 @@ var getVideoGridMetricValue = (workspace) => {
 };
 var hasIncomingWipMapping = (workspace) => Boolean(workspace.incoming_wip_buffer_name);
 var getVideoGridBaseColorState = (workspace, legend = DEFAULT_EFFICIENCY_LEGEND) => {
-  const metricValue = getVideoGridMetricValue(workspace);
+  const metricValue = getRawVideoGridMetricValue(workspace);
   if (!isFiniteNumber2(metricValue)) {
     return "neutral";
   }
@@ -37305,6 +37442,25 @@ var isLowWipGreenOverride = (workspace, legend = DEFAULT_EFFICIENCY_LEGEND) => {
   }
   return isFiniteNumber2(workspace.incoming_wip_current) && workspace.incoming_wip_current <= 1;
 };
+var isHighEfficiencyRedFlowOverride = (workspace, legend = DEFAULT_EFFICIENCY_LEGEND) => {
+  if (workspace.scheduled_break_active === true) {
+    return false;
+  }
+  if (workspace.recent_flow_forced_zero_after_shift === true) {
+    return false;
+  }
+  if (!hasVideoGridRecentFlow(workspace) || !isVideoGridWipGated(workspace)) {
+    return false;
+  }
+  if (isLowWipGreenOverride(workspace, legend)) {
+    return false;
+  }
+  if (getVideoGridBaseColorState(workspace, legend) !== "red") {
+    return false;
+  }
+  return isFiniteNumber2(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);
 var getEffectiveFlowMinuteBucket = (workspace) => {
   const effectiveAt = workspace.recent_flow_effective_end_at;
@@ -37330,7 +37486,7 @@ var getSyntheticLowWipDisplayValue = (workspace, minuteBucket) => {
   const offset = (hashWorkspaceKey(workspace) % 11 + bucket % 11 + 11) % 11;
   return 100 + offset;
 };
-var getVideoGridDisplayValue = (workspace, legend = DEFAULT_EFFICIENCY_LEGEND, minuteBucket) => isLowWipGreenOverride(workspace, legend) ? getSyntheticLowWipDisplayValue(workspace, minuteBucket) : getVideoGridMetricValue(workspace);
+var getVideoGridDisplayValue = (workspace, legend = DEFAULT_EFFICIENCY_LEGEND, minuteBucket) => isLowWipGreenOverride(workspace, legend) ? getSyntheticLowWipDisplayValue(workspace, minuteBucket) : getVideoGridMetricValue(workspace, legend);
 var getVideoGridColorState = (workspace, legend = DEFAULT_EFFICIENCY_LEGEND) => {
   const baseColor = getVideoGridBaseColorState(workspace, legend);
   if (!hasVideoGridRecentFlow(workspace)) {
@@ -37342,15 +37498,18 @@ var getVideoGridColorState = (workspace, legend = DEFAULT_EFFICIENCY_LEGEND) =>
   if (baseColor !== "red") {
     return baseColor;
   }
+  if (isLowWipGreenOverride(workspace, legend)) {
+    return "green";
+  }
+  if (isHighEfficiencyRedFlowOverride(workspace, legend)) {
+    return getEfficiencyColor(workspace.efficiency, legend);
+  }
   if (!hasIncomingWipMapping(workspace)) {
     return baseColor;
   }
   if (!isFiniteNumber2(workspace.incoming_wip_current)) {
     return "neutral";
   }
-  if (isLowWipGreenOverride(workspace, legend)) {
-    return "green";
-  }
   return baseColor;
 };
 var getVideoGridLegendLabel = (workspaces) => {
@@ -37358,21 +37517,7 @@ var getVideoGridLegendLabel = (workspaces) => {
   if (visibleWorkspaces.length === 0) {
     return MAP_GRID_LEGEND_LABEL;
   }
-  const recentFlowEnabledCount = visibleWorkspaces.filter(isVideoGridRecentFlowEnabled).length;
-  if (recentFlowEnabledCount === 0) {
-    return MAP_GRID_LEGEND_LABEL;
-  }
-  const recentFlowWindows = new Set(
-    visibleWorkspaces.filter(isVideoGridRecentFlowEnabled).map((workspace) => workspace.recent_flow_window_minutes ?? 7).filter((value) => typeof value === "number" && Number.isFinite(value))
-  );
-  if (recentFlowEnabledCount === visibleWorkspaces.length) {
-    if (recentFlowWindows.size === 1) {
-      const [windowMinutes] = Array.from(recentFlowWindows);
-      return `${windowMinutes} Minute Efficiency`;
-    }
-    return MIXED_VIDEO_GRID_LEGEND_LABEL;
-  }
-  return MIXED_VIDEO_GRID_LEGEND_LABEL;
+  return visibleWorkspaces.some(isVideoGridRecentFlowEnabled) ? VIDEO_GRID_LEGEND_LABEL : MAP_GRID_LEGEND_LABEL;
 };
 function getTrendArrowAndColor(trend) {
   if (trend > 0) {
@@ -37415,14 +37560,15 @@ var VideoCard = React144__default.memo(({
   const showOffline = Boolean(isStreamStale);
   const lastSeenText = lastSeenLabel || "Unknown";
   const workspaceDisplayName = displayName || workspace.displayName || workspace.workspace_name;
-  const videoGridMetricValue = getVideoGridMetricValue(workspace);
+  const videoGridMetricValue = getVideoGridMetricValue(workspace, effectiveLegend);
   const videoGridDisplayValue = getVideoGridDisplayValue(workspace, effectiveLegend, displayMinuteBucket);
   const videoGridColorState = getVideoGridColorState(workspace, effectiveLegend);
   const isRecentFlowCard = isVideoGridRecentFlowEnabled(workspace);
+  const isHighEfficiencyOverride = isHighEfficiencyRedFlowOverride(workspace, effectiveLegend);
   const hasDisplayMetric = typeof videoGridDisplayValue === "number" && Number.isFinite(videoGridDisplayValue);
   const hasBarMetric = typeof videoGridMetricValue === "number" && Number.isFinite(videoGridMetricValue);
   const shouldRenderMetricBadge = hasDisplayMetric;
-  const badgeTitle = hasVideoGridRecentFlow(workspace) ? `Flow ${Math.round(videoGridDisplayValue ?? 0)}%` : isRecentFlowCard ? "Flow unavailable" : `Efficiency ${Math.round(videoGridDisplayValue ?? 0)}%`;
+  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";
@@ -38205,7 +38351,8 @@ var WorkspaceMetricCardsImpl = ({
   legend,
   skuAware,
   skuBreakdown,
-  activeSkuId
+  activeSkuId,
+  liveSkuId
 }) => {
   const effectiveLegend = legend || DEFAULT_EFFICIENCY_LEGEND;
   const activeSku = React144__default.useMemo(() => {
@@ -38214,6 +38361,13 @@ var WorkspaceMetricCardsImpl = ({
     }
     return null;
   }, [skuAware, activeSkuId, skuBreakdown]);
+  const displaySku = React144__default.useMemo(() => {
+    if (activeSku) return activeSku;
+    if (skuAware && !activeSkuId && liveSkuId && skuBreakdown) {
+      return skuBreakdown.find((s) => s.sku_id === liveSkuId) ?? null;
+    }
+    return null;
+  }, [activeSku, skuAware, activeSkuId, liveSkuId, skuBreakdown]);
   const pphValue = activeSku ? activeSku.avg_pph : workspace.avg_pph;
   const pphThreshold = activeSku ? activeSku.pph_threshold : workspace.pph_threshold;
   const cycleValue = activeSku ? activeSku.avg_cycle_time : workspace.avg_cycle_time;
@@ -38248,7 +38402,7 @@ var WorkspaceMetricCardsImpl = ({
     /* @__PURE__ */ jsxs(Card2, { className: "flex flex-col bg-white shadow-sm h-full min-h-[150px] sm:min-h-0", children: [
       /* @__PURE__ */ jsxs(CardHeader2, { className: "pb-2 flex-none text-center", children: [
         /* @__PURE__ */ jsx(CardTitle2, { className: "text-lg", children: "PPH" }),
-        activeSku && /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-blue-600 mt-1 truncate px-2", title: activeSku.sku_code, children: activeSku.sku_code })
+        displaySku && /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-blue-600 mt-1 truncate px-2", title: displaySku.sku_code, children: displaySku.sku_code })
       ] }),
       /* @__PURE__ */ jsx(CardContent2, { className: "flex-1 flex items-center justify-center py-6 sm:py-3", children: /* @__PURE__ */ jsxs("div", { className: "text-center", children: [
         /* @__PURE__ */ jsx("p", { className: `text-5xl font-bold ${pphValue >= pphThreshold ? "text-green-500" : "text-red-500"}`, children: pphValue.toFixed(1) }),
@@ -38261,7 +38415,7 @@ var WorkspaceMetricCardsImpl = ({
     /* @__PURE__ */ jsxs(Card2, { className: "flex flex-col bg-white shadow-sm h-full min-h-[150px] sm:min-h-0", children: [
       /* @__PURE__ */ jsxs(CardHeader2, { className: "pb-2 flex-none text-center", children: [
         /* @__PURE__ */ jsx(CardTitle2, { className: "text-lg", children: "Avg. Cycle Time" }),
-        activeSku && /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-blue-600 mt-1 truncate px-2", title: activeSku.sku_code, children: activeSku.sku_code })
+        displaySku && /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-blue-600 mt-1 truncate px-2", title: displaySku.sku_code, children: displaySku.sku_code })
       ] }),
       /* @__PURE__ */ jsx(CardContent2, { className: "flex-1 flex items-center justify-center py-6 sm:py-3", children: /* @__PURE__ */ jsxs("div", { className: "text-center", children: [
         /* @__PURE__ */ jsx("p", { className: `text-5xl font-bold ${cycleValue > (cycleStandard || 0) ? "text-red-500" : "text-green-500"}`, children: cycleValue.toFixed(1) }),
@@ -43259,6 +43413,21 @@ var parseCycleTime = (value) => {
 var extractCycleTimeSeconds = (clip) => {
   return parseCycleTime(clip?.cycleTimeSeconds) ?? parseCycleTime(clip?.cycle_time_seconds) ?? parseCycleTime(clip?.duration) ?? parseCycleTime(clip?.original_task_metadata?.cycle_time) ?? null;
 };
+var formatDurationLabel = (seconds) => {
+  if (typeof seconds !== "number" || !Number.isFinite(seconds) || seconds <= 0) {
+    return null;
+  }
+  const roundedSeconds = Math.round(seconds);
+  if (roundedSeconds < 60) {
+    return `${roundedSeconds}s`;
+  }
+  const minutes = Math.floor(roundedSeconds / 60);
+  const remainingSeconds = roundedSeconds % 60;
+  if (minutes < 10) {
+    return remainingSeconds > 0 ? `${minutes}m ${remainingSeconds}s` : `${minutes}m`;
+  }
+  return `${Math.round(roundedSeconds / 60)} min`;
+};
 var getSeverityIcon = (severity, categoryId, cycleTimeSeconds, targetCycleTime, clipId) => {
   if (categoryId === "idle_time" || categoryId === "low_value" || categoryId === "longest-idles") {
     return null;
@@ -43334,7 +43503,9 @@ var FileManagerFilters = ({
   idleTimeVlmEnabled = false,
   showPercentileCycleFilters = true,
   prefetchedClipMetadata,
-  activeCategoryLoading
+  activeCategoryLoading,
+  idleClipSort = "latest",
+  onIdleClipSortChange
 }) => {
   const [expandedNodes, setExpandedNodes] = useState(/* @__PURE__ */ new Set());
   const [startTime, setStartTime] = useState("");
@@ -43357,6 +43528,7 @@ var FileManagerFilters = ({
   const [localClipClassifications, setLocalClipClassifications] = useState({});
   const clipMetadataRef = useRef({});
   const inFlightMetadataRequestsRef = useRef(/* @__PURE__ */ new Set());
+  const previousIdleClipSortRef = useRef(idleClipSort);
   const mergedClipClassifications = useMemo(() => ({
     ...clipClassifications || {},
     ...localClipClassifications
@@ -43364,6 +43536,36 @@ var FileManagerFilters = ({
   useEffect(() => {
     clipMetadataRef.current = clipMetadata;
   }, [clipMetadata]);
+  useEffect(() => {
+    if (previousIdleClipSortRef.current === idleClipSort) {
+      return;
+    }
+    previousIdleClipSortRef.current = idleClipSort;
+    setClipMetadata((prev) => {
+      if (!prev.idle_time) {
+        return prev;
+      }
+      const next = { ...prev };
+      delete next.idle_time;
+      return next;
+    });
+    setCategoryPages((prev) => {
+      if (prev.idle_time === void 0) {
+        return prev;
+      }
+      const next = { ...prev };
+      delete next.idle_time;
+      return next;
+    });
+    setCategoryHasMore((prev) => {
+      if (prev.idle_time === void 0) {
+        return prev;
+      }
+      const next = { ...prev };
+      delete next.idle_time;
+      return next;
+    });
+  }, [idleClipSort]);
   const isCategoryExternallyManaged = useCallback((categoryId) => {
     if (!categoryId) {
       return false;
@@ -43522,6 +43724,7 @@ var FileManagerFilters = ({
       return null;
     }
   }, [supabase]);
+  const getMetadataLoadingKey = useCallback((categoryId, page) => `${categoryId}-${page}-${categoryId === "idle_time" ? idleClipSort : "latest"}`, [idleClipSort]);
   const fetchClipMetadataPage = useCallback(async (categoryId, page = 1) => {
     if (!workspaceId || !date || shift === void 0) {
       throw new Error("Missing required params for clip metadata fetch");
@@ -43541,7 +43744,8 @@ var FileManagerFilters = ({
         limit: CLIP_METADATA_PAGE_SIZE,
         knownTotal: typeof counts?.[categoryId] === "number" ? counts[categoryId] : null,
         snapshotDateTime,
-        snapshotClipId
+        snapshotClipId,
+        sort: categoryId === "idle_time" ? idleClipSort : "latest"
       }),
       redirectReason: "session_expired"
     });
@@ -43549,7 +43753,7 @@ var FileManagerFilters = ({
       throw new Error(`API error: ${response.status}`);
     }
     return response.json();
-  }, [workspaceId, date, shift, counts, snapshotDateTime, snapshotClipId, supabase]);
+  }, [workspaceId, date, shift, counts, snapshotDateTime, snapshotClipId, idleClipSort, supabase]);
   const seedIdleClassifications = useCallback(async (clips) => {
     if (!idleTimeVlmEnabled || clips.length === 0) {
       return;
@@ -43605,7 +43809,7 @@ var FileManagerFilters = ({
       console.warn("[FileManager] Missing required params for clip metadata fetch");
       return;
     }
-    const loadingKey = `${categoryId}-${page}`;
+    const loadingKey = getMetadataLoadingKey(categoryId, page);
     if (inFlightMetadataRequestsRef.current.has(loadingKey)) {
       return;
     }
@@ -43633,7 +43837,7 @@ var FileManagerFilters = ({
         return newSet;
       });
     }
-  }, [workspaceId, date, shift, fetchClipMetadataPage, idleTimeVlmEnabled, seedIdleClassifications]);
+  }, [workspaceId, date, shift, fetchClipMetadataPage, idleTimeVlmEnabled, seedIdleClassifications, getMetadataLoadingKey]);
   const ensureAllIdleTimeClipMetadataLoaded = useCallback(async () => {
     if (!workspaceId || !date || shift === void 0) {
       return;
@@ -44007,15 +44211,17 @@ var FileManagerFilters = ({
         const colorClasses = getColorClasses(category.color);
         const clipNodes = filteredClips.map((clip, index) => {
           const cycleTime = extractCycleTimeSeconds(clip);
+          const idleDuration = category.id === "idle_time" ? clip.idle_duration_seconds ?? clip.duration : null;
+          const idleDurationLabel = formatDurationLabel(idleDuration);
           const baseTimeLabel = formatClipExplorerTimeLabel({
             categoryId: category.id,
             clipTimestamp: clip.clip_timestamp,
             timezone,
-            durationSeconds: clip.duration,
+            durationSeconds: idleDuration ?? clip.duration,
             idleStartTime: clip.idle_start_time,
             idleEndTime: clip.idle_end_time
           });
-          const displayLabel = `${baseTimeLabel}${clip.duration && category.id !== "idle_time" && category.id !== "low_value" ? ` - (${clip.duration.toFixed(1)}s)` : ""}`;
+          const displayLabel = `${baseTimeLabel}${idleDurationLabel && category.id === "idle_time" ? ` - (${idleDurationLabel})` : ""}${clip.duration && category.id !== "idle_time" && category.id !== "low_value" ? ` - (${clip.duration.toFixed(1)}s)` : ""}`;
           return {
             id: clip.id,
             label: displayLabel,
@@ -44029,7 +44235,7 @@ var FileManagerFilters = ({
             clipPosition: index + 1,
             // Store 1-based position
             cycleTimeSeconds: cycleTime,
-            duration: clip.duration,
+            duration: idleDuration ?? clip.duration,
             // Store duration for custom badge rendering
             cycleItemCount: clip.cycle_item_count ?? null
           };
@@ -44351,11 +44557,11 @@ var FileManagerFilters = ({
           /* @__PURE__ */ jsx(Loader2, { className: "mr-2 h-4 w-4 animate-spin" }),
           "Loading clips..."
         ] }) }),
-        loadingCategories.has(`${node.id}-${(categoryPages[node.id] || 0) + 1}`) && /* @__PURE__ */ jsx("div", { className: "py-2 px-3 text-center", children: /* @__PURE__ */ jsxs("div", { className: "inline-flex items-center text-sm text-slate-500", children: [
+        loadingCategories.has(getMetadataLoadingKey(node.id, (categoryPages[node.id] || 0) + 1)) && /* @__PURE__ */ jsx("div", { className: "py-2 px-3 text-center", children: /* @__PURE__ */ jsxs("div", { className: "inline-flex items-center text-sm text-slate-500", children: [
           /* @__PURE__ */ jsx("div", { className: "animate-spin mr-2 h-4 w-4 border-2 border-slate-300 border-t-blue-500 rounded-full" }),
           "Loading more clips..."
         ] }) }),
-        categoryHasMore[node.id] && !loadingCategories.has(`${node.id}-${(categoryPages[node.id] || 0) + 1}`) && /* @__PURE__ */ jsxs(
+        categoryHasMore[node.id] && !loadingCategories.has(getMetadataLoadingKey(node.id, (categoryPages[node.id] || 0) + 1)) && /* @__PURE__ */ jsxs(
           "button",
           {
             onClick: (e) => {
@@ -44382,6 +44588,18 @@ var FileManagerFilters = ({
           /* @__PURE__ */ jsx("div", { className: "flex-1", children: /* @__PURE__ */ jsx("h2", { className: "text-lg font-bold text-slate-900 tracking-tight", children: "Clips Explorer" }) })
         ] }),
         /* @__PURE__ */ jsxs("div", { className: "flex items-center space-x-2", children: [
+          activeFilter === "idle_time" && /* @__PURE__ */ jsx(
+            "button",
+            {
+              onClick: () => {
+                onIdleClipSortChange?.(idleClipSort === "latest" ? "idle_duration_desc" : "latest");
+              },
+              className: `p-2 rounded-xl transition-all duration-200 ${idleClipSort === "idle_duration_desc" ? "bg-orange-100 text-orange-600 hover:bg-orange-200 shadow-sm" : "bg-slate-100 text-slate-600 hover:bg-slate-200"}`,
+              title: idleClipSort === "idle_duration_desc" ? "Sort by newest first" : "Sort by longest idle first",
+              "aria-label": idleClipSort === "idle_duration_desc" ? "Sort idle clips by newest first" : "Sort idle clips by longest idle first",
+              children: /* @__PURE__ */ jsx(ArrowDownWideNarrow, { className: "h-5 w-5" })
+            }
+          ),
           activeFilter === "idle_time" && idleTimeVlmEnabled && /* @__PURE__ */ jsx(
             "button",
             {
@@ -44402,8 +44620,8 @@ var FileManagerFilters = ({
           )
         ] })
       ] }),
-      /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2 mt-3", children: [
-        isTimeFilterActive && startTime && endTime && /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2 text-xs text-blue-600 bg-blue-50/60 px-3 py-1.5 rounded-lg border border-blue-100", children: [
+      /* @__PURE__ */ jsxs("div", { className: "mt-3 flex flex-wrap items-center gap-2", children: [
+        isTimeFilterActive && startTime && endTime && /* @__PURE__ */ jsxs("div", { className: "inline-flex w-fit items-center gap-2 rounded-full border border-blue-100 bg-blue-50/70 px-2.5 py-1 text-xs text-blue-700 shadow-sm", children: [
           /* @__PURE__ */ jsxs("span", { className: "font-medium", children: [
             "Time: ",
             getDisplayValue(startTime),
@@ -44419,13 +44637,13 @@ var FileManagerFilters = ({
                 setEndTime("");
                 setIsTimeFilterActive(false);
               },
-              className: "ml-2 hover:bg-blue-100 rounded p-0.5 transition-colors",
+              className: "rounded-full p-0.5 transition-colors hover:bg-blue-100",
               title: "Clear time filter",
               children: /* @__PURE__ */ jsx(X, { className: "h-3.5 w-3.5" })
             }
           )
         ] }),
-        idleLabelFilter && activeFilter === "idle_time" && /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2 text-xs text-purple-600 bg-purple-50/60 px-3 py-1.5 rounded-lg border border-purple-100", children: [
+        idleLabelFilter && activeFilter === "idle_time" && /* @__PURE__ */ jsxs("div", { className: "inline-flex w-fit items-center gap-2 rounded-full border border-purple-100 bg-purple-50/70 px-2.5 py-1 text-xs text-purple-700 shadow-sm", children: [
           /* @__PURE__ */ jsxs("span", { className: "font-medium", children: [
             "Reason: ",
             selectedIdleReasonOption?.displayName || idleLabelFilter.replace(/_/g, " ")
@@ -44437,11 +44655,27 @@ var FileManagerFilters = ({
                 e.stopPropagation();
                 setIdleLabelFilter(null);
               },
-              className: "ml-2 hover:bg-purple-100 rounded p-0.5 transition-colors",
+              className: "rounded-full p-0.5 transition-colors hover:bg-purple-100",
               title: "Clear label filter",
               children: /* @__PURE__ */ jsx(X, { className: "h-3.5 w-3.5" })
             }
           )
+        ] }),
+        activeFilter === "idle_time" && idleClipSort === "idle_duration_desc" && /* @__PURE__ */ jsxs("div", { className: "inline-flex w-fit items-center gap-2 rounded-full border border-orange-100 bg-orange-50/70 px-2.5 py-1 text-xs text-orange-700 shadow-sm", children: [
+          /* @__PURE__ */ jsx(ArrowDownWideNarrow, { className: "h-3.5 w-3.5" }),
+          /* @__PURE__ */ jsx("span", { className: "font-medium", children: "Longest idle first" }),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              onClick: (e) => {
+                e.stopPropagation();
+                onIdleClipSortChange?.("latest");
+              },
+              className: "rounded-full p-0.5 transition-colors hover:bg-orange-100",
+              title: "Clear idle sort",
+              children: /* @__PURE__ */ jsx(X, { className: "h-3.5 w-3.5" })
+            }
+          )
         ] })
       ] })
     ] }),
@@ -45205,8 +45439,10 @@ var BottlenecksContent = ({
   const [clipClassifications, setClipClassifications] = useState({});
   const [categoryMetadata, setCategoryMetadata] = useState([]);
   const [categoryMetadataCategoryId, setCategoryMetadataCategoryId] = useState(null);
+  const [categoryMetadataSort, setCategoryMetadataSort] = useState(null);
   const [currentMetadataIndex, setCurrentMetadataIndex] = useState(0);
   const [metadataCache, setMetadataCache] = useState({});
+  const [idleClipSort, setIdleClipSort] = useState("latest");
   const invalidateMetadataCache = useCallback((categories) => {
     setMetadataCache((prevCache) => {
       if (!prevCache || Object.keys(prevCache).length === 0) {
@@ -45237,6 +45473,7 @@ var BottlenecksContent = ({
   const [isFullscreen, setIsFullscreen] = useState(false);
   const categoryMetadataRef = useRef([]);
   const currentMetadataIndexRef = useRef(0);
+  const previousIdleClipSortRef = useRef(idleClipSort);
   const clearRetryTimeout = useCallback(() => {
     if (retryTimeoutRef.current) {
       clearTimeout(retryTimeoutRef.current);
@@ -45683,9 +45920,13 @@ var BottlenecksContent = ({
     }
     return ["fast-cycles", "slow-cycles", "longest-idles"].includes(categoryId);
   }, [isFastSlowClipFiltersEnabled]);
+  const shouldUseMetadataNavigation = useCallback((categoryId) => {
+    return isPercentileCategory(categoryId) || categoryId === "idle_time" && idleClipSort === "idle_duration_desc";
+  }, [idleClipSort, isPercentileCategory]);
   const getMetadataCacheKey = useCallback((categoryId) => {
-    return `${categoryId}-${effectiveDateString}-${effectiveShiftId}-${snapshotDateTime ?? "nosnap"}-${snapshotClipId ?? "nosnap"}`;
-  }, [effectiveDateString, effectiveShiftId, snapshotDateTime, snapshotClipId]);
+    const sortKey = categoryId === "idle_time" ? idleClipSort : "latest";
+    return `${categoryId}-${effectiveDateString}-${effectiveShiftId}-${snapshotDateTime ?? "nosnap"}-${snapshotClipId ?? "nosnap"}-${sortKey}`;
+  }, [effectiveDateString, effectiveShiftId, snapshotDateTime, snapshotClipId, idleClipSort]);
   const setVisibleCategoryMetadata = useCallback((categoryId, clips) => {
     if (activeFilterRef.current !== categoryId) {
       return false;
@@ -45693,8 +45934,9 @@ var BottlenecksContent = ({
     categoryMetadataRef.current = clips;
     setCategoryMetadata(clips);
     setCategoryMetadataCategoryId(clips.length > 0 ? categoryId : null);
+    setCategoryMetadataSort(clips.length > 0 ? categoryId === "idle_time" ? idleClipSort : "latest" : null);
     return true;
-  }, []);
+  }, [idleClipSort]);
   const applyMetadataSnapshot = useCallback((categoryId, clips, total) => {
     if (!clips || clips.length === 0) {
       return;
@@ -45705,11 +45947,11 @@ var BottlenecksContent = ({
       [cacheKey]: clips
     }));
     setVisibleCategoryMetadata(categoryId, clips);
-    if (!isPercentileCategory(categoryId) && typeof total === "number") {
+    if (!shouldUseMetadataNavigation(categoryId) && typeof total === "number") {
       currentTotalRef.current = total;
       setCurrentTotal(total);
     }
-  }, [getMetadataCacheKey, isPercentileCategory, setVisibleCategoryMetadata]);
+  }, [getMetadataCacheKey, shouldUseMetadataNavigation, setVisibleCategoryMetadata]);
   const getClipTypesForPercentileCategory = useCallback((categoryId) => {
     switch (categoryId) {
       case "fast-cycles":
@@ -45735,6 +45977,7 @@ var BottlenecksContent = ({
     }
     setCategoryMetadata([]);
     setCategoryMetadataCategoryId(null);
+    setCategoryMetadataSort(null);
     categoryMetadataRef.current = [];
     updateActiveFilter(fallbackFilter);
   }, [isFastSlowClipFiltersEnabled, activeFilter, dynamicCounts, clipTypes, updateActiveFilter]);
@@ -45782,6 +46025,7 @@ var BottlenecksContent = ({
     if (!isFastSlowClipFiltersEnabled && (categoryId === "fast-cycles" || categoryId === "slow-cycles")) {
       setCategoryMetadata([]);
       setCategoryMetadataCategoryId(null);
+      setCategoryMetadataSort(null);
       categoryMetadataRef.current = [];
       return;
     }
@@ -45852,7 +46096,8 @@ var BottlenecksContent = ({
             limit: 100,
             knownTotal: mergedCounts[categoryId] ?? null,
             snapshotDateTime,
-            snapshotClipId
+            snapshotClipId,
+            sort: categoryId === "idle_time" ? idleClipSort : "latest"
           }),
           redirectReason: "session_expired"
         });
@@ -45931,6 +46176,7 @@ var BottlenecksContent = ({
         if (activeFilterRef.current === categoryId) {
           setCategoryMetadata([]);
           setCategoryMetadataCategoryId(null);
+          setCategoryMetadataSort(null);
           categoryMetadataRef.current = [];
         }
       }
@@ -45939,7 +46185,26 @@ var BottlenecksContent = ({
     } finally {
       setIsCategoryLoading(false);
     }
-  }, [workspaceId, effectiveDateString, effectiveShiftId, getMetadataCacheKey, isPercentileCategory, isFastSlowClipFiltersEnabled, metadataCache, s3ClipsService, clearLoadingState, isEffectiveShiftReady, snapshotDateTime, snapshotClipId, supabase, setVisibleCategoryMetadata]);
+  }, [workspaceId, effectiveDateString, effectiveShiftId, getMetadataCacheKey, isPercentileCategory, isFastSlowClipFiltersEnabled, metadataCache, s3ClipsService, clearLoadingState, isEffectiveShiftReady, snapshotDateTime, snapshotClipId, idleClipSort, supabase, setVisibleCategoryMetadata]);
+  useEffect(() => {
+    if (previousIdleClipSortRef.current === idleClipSort) {
+      return;
+    }
+    previousIdleClipSortRef.current = idleClipSort;
+    if (activeFilterRef.current !== "idle_time") {
+      return;
+    }
+    setCategoryMetadata([]);
+    setCategoryMetadataCategoryId(null);
+    setCategoryMetadataSort(null);
+    categoryMetadataRef.current = [];
+    setCurrentMetadataIndex(0);
+    currentMetadataIndexRef.current = 0;
+    setCurrentPosition(0);
+    currentPositionRef.current = 0;
+    setIsCategoryLoading(true);
+    void loadCategoryMetadata("idle_time", true, true);
+  }, [idleClipSort, loadCategoryMetadata]);
   useEffect(() => {
     if (previousFilterRef.current !== activeFilter) {
       console.log(`Filter changed from ${previousFilterRef.current} to ${activeFilter} - resetting to first video`);
@@ -45950,6 +46215,7 @@ var BottlenecksContent = ({
       loadingCategoryRef.current = null;
       setCategoryMetadata([]);
       setCategoryMetadataCategoryId(null);
+      setCategoryMetadataSort(null);
       setCurrentMetadataIndex(0);
       categoryMetadataRef.current = [];
       currentMetadataIndexRef.current = 0;
@@ -46048,7 +46314,7 @@ var BottlenecksContent = ({
       }
       if (metadataArray.length === 0) {
         console.warn(`[BottlenecksContent] No metadata available for category ${categoryId} after refresh`);
-        if (!isPercentileCategory(categoryId)) {
+        if (!shouldUseMetadataNavigation(categoryId)) {
           const resolvedPosition = typeof position === "number" ? position : 1;
           currentPositionRef.current = resolvedPosition;
           setCurrentPosition(resolvedPosition);
@@ -46061,7 +46327,7 @@ var BottlenecksContent = ({
       const clickedClipIndex = metadataArray.findIndex((clip) => clip.clipId === clipId);
       if (clickedClipIndex === -1) {
         console.warn(`[BottlenecksContent] Clip ${clipId} not found after metadata refresh`);
-        if (!isPercentileCategory(categoryId)) {
+        if (!shouldUseMetadataNavigation(categoryId)) {
           const resolvedPosition = typeof position === "number" ? position : 1;
           currentPositionRef.current = resolvedPosition;
           setCurrentPosition(resolvedPosition);
@@ -46073,7 +46339,7 @@ var BottlenecksContent = ({
       }
       setCurrentMetadataIndex(clickedClipIndex);
       currentMetadataIndexRef.current = clickedClipIndex;
-      if (!isPercentileCategory(categoryId)) {
+      if (!shouldUseMetadataNavigation(categoryId)) {
         const position2 = clickedClipIndex + 1;
         currentPositionRef.current = position2;
         setCurrentPosition(position2);
@@ -46103,7 +46369,7 @@ var BottlenecksContent = ({
         clearLoadingState();
       }
     }
-  }, [workspaceId, s3ClipsService, updateActiveFilter, clearLoadingState, clearRetryTimeout, loadCategoryMetadata, applyMetadataSnapshot, mergedCounts, isPercentileCategory]);
+  }, [workspaceId, s3ClipsService, updateActiveFilter, clearLoadingState, clearRetryTimeout, loadCategoryMetadata, applyMetadataSnapshot, mergedCounts, shouldUseMetadataNavigation]);
   const restartCurrentClipPlayback = useCallback(() => {
     if (!currentClipId) {
       return;
@@ -46124,7 +46390,7 @@ var BottlenecksContent = ({
       return;
     }
     const activeCategory = activeFilterRef.current;
-    if (!activeCategory || activeCategory === "all" || isPercentileCategory(activeCategory)) {
+    if (!activeCategory || activeCategory === "all" || shouldUseMetadataNavigation(activeCategory)) {
       return;
     }
     let cancelled = false;
@@ -46157,7 +46423,7 @@ var BottlenecksContent = ({
   }, [
     newClipsNotification,
     s3ClipsService,
-    isPercentileCategory,
+    shouldUseMetadataNavigation,
     currentClipId,
     invalidateMetadataCache,
     loadAndPlayClipById,
@@ -46209,7 +46475,7 @@ var BottlenecksContent = ({
       }
     }
     try {
-      if (!isPercentileCategory(currentFilter)) {
+      if (!shouldUseMetadataNavigation(currentFilter)) {
         if (!s3ClipsService || !workspaceId || !currentClipId) {
           throw new Error("S3 clips service not available");
         }
@@ -46309,7 +46575,7 @@ var BottlenecksContent = ({
       } else {
         const firstClipMeta = metadataArray[0];
         if (firstClipMeta?.clipId && firstClipMeta.clipId !== currentClipId) {
-          console.log(`[handleNext] Reached end of ${currentFilter}, looping back to newest percentile clip ${firstClipMeta.clipId}`);
+          console.log(`[handleNext] Reached end of ${currentFilter}, looping back to first metadata clip ${firstClipMeta.clipId}`);
           await loadAndPlayClipById(firstClipMeta.clipId, currentFilter, 1, {
             clips: metadataArray,
             total: metadataArray.length
@@ -46335,7 +46601,7 @@ var BottlenecksContent = ({
       });
       clearLoadingState();
     }
-  }, [clearLoadingState, clearRetryTimeout, s3ClipsService, loadCategoryMetadata, loadAndPlayClipById, isPercentileCategory, workspaceId, currentClipId, effectiveDateString, effectiveShiftId, snapshotDateTime, snapshotClipId, mergedCounts]);
+  }, [clearLoadingState, clearRetryTimeout, s3ClipsService, loadCategoryMetadata, loadAndPlayClipById, shouldUseMetadataNavigation, workspaceId, currentClipId, effectiveDateString, effectiveShiftId, snapshotDateTime, snapshotClipId, mergedCounts]);
   const handlePrevious = useCallback(async () => {
     if (!isMountedRef.current || navigationLockRef.current) return;
     const currentFilter = activeFilterRef.current;
@@ -46354,7 +46620,7 @@ var BottlenecksContent = ({
       }
     }
     try {
-      if (!isPercentileCategory(currentFilter)) {
+      if (!shouldUseMetadataNavigation(currentFilter)) {
         if (!s3ClipsService || !workspaceId || !currentClipId) {
           throw new Error("S3 clips service not available");
         }
@@ -46439,7 +46705,7 @@ var BottlenecksContent = ({
       });
       clearLoadingState();
     }
-  }, [clearLoadingState, clearRetryTimeout, s3ClipsService, loadCategoryMetadata, isPercentileCategory, workspaceId, currentClipId, effectiveDateString, effectiveShiftId, snapshotDateTime, snapshotClipId, mergedCounts]);
+  }, [clearLoadingState, clearRetryTimeout, s3ClipsService, loadCategoryMetadata, shouldUseMetadataNavigation, workspaceId, currentClipId, effectiveDateString, effectiveShiftId, snapshotDateTime, snapshotClipId, mergedCounts]);
   const currentVideo = useMemo(() => {
     if (!filteredVideos || filteredVideos.length === 0 || currentIndex >= filteredVideos.length) {
       return null;
@@ -46506,22 +46772,22 @@ var BottlenecksContent = ({
     }
   }, [currentVideo?.id, isShareLoading, supabase, workspaceId, workspaceName]);
   useMemo(() => {
-    if (isPercentileCategory(activeFilter)) {
+    if (shouldUseMetadataNavigation(activeFilter)) {
       return categoryMetadata.length;
     }
     return currentTotal || mergedCounts[activeFilter] || 0;
-  }, [activeFilter, categoryMetadata.length, currentTotal, mergedCounts, isPercentileCategory]);
+  }, [activeFilter, categoryMetadata.length, currentTotal, mergedCounts, shouldUseMetadataNavigation]);
   useMemo(() => {
-    if (isPercentileCategory(activeFilter)) {
+    if (shouldUseMetadataNavigation(activeFilter)) {
       return categoryMetadata.length > 0 ? currentMetadataIndex + 1 : 0;
     }
     return currentPosition;
-  }, [activeFilter, categoryMetadata.length, currentMetadataIndex, currentPosition, isPercentileCategory]);
-  const prefetchedExplorerMetadata = useMemo(() => buildPrefetchedExplorerMetadata(
+  }, [activeFilter, categoryMetadata.length, currentMetadataIndex, currentPosition, shouldUseMetadataNavigation]);
+  const prefetchedExplorerMetadata = useMemo(() => activeFilter === "idle_time" && categoryMetadataSort !== idleClipSort ? void 0 : buildPrefetchedExplorerMetadata(
     activeFilter,
     categoryMetadataCategoryId,
     categoryMetadata
-  ), [activeFilter, categoryMetadata, categoryMetadataCategoryId]);
+  ), [activeFilter, categoryMetadata, categoryMetadataCategoryId, categoryMetadataSort, idleClipSort]);
   const classificationClipIds = useMemo(() => {
     if (!idleTimeVlmEnabled) {
       return [];
@@ -47270,7 +47536,12 @@ var BottlenecksContent = ({
             showPercentileCycleFilters: isFastSlowClipFiltersEnabled,
             prefetchedClipMetadata: prefetchedExplorerMetadata,
             activeCategoryLoading: isCategoryLoading,
+            idleClipSort,
+            onIdleClipSortChange: setIdleClipSort,
             onFilterChange: (filterId) => {
+              if (filterId !== "idle_time") {
+                setIdleClipSort("latest");
+              }
               updateActiveFilter(filterId);
               const category = categoriesToShow.find((cat) => cat.type === filterId);
               if (category) {
@@ -49193,6 +49464,11 @@ var LineHistoryCalendar = ({
     return calendar;
   }, [data, month, year, configuredTimezone]);
   const hasRealData = (shift) => {
+    if (isUptimeMode) {
+      if (shift.hasData === true) return true;
+      const efficiency = Number(shift.avg_efficiency);
+      return shift.total_workspaces > 0 || shift.underperforming_workspaces > 0 || (shift.output || 0) > 0 || (shift.available_time_seconds || 0) > 0 || (shift.active_time_seconds || 0) > 0 || (shift.idle_time_seconds || 0) > 0 || Number.isFinite(efficiency) && efficiency > 0;
+    }
     if (shift.hasData !== void 0) return shift.hasData;
     return shift.total_workspaces > 0 || shift.avg_efficiency > 0 || shift.underperforming_workspaces > 0;
   };
@@ -49825,13 +50101,18 @@ var LineMonthlyHistory = ({
     enabled: !!lineId && idleTimeVlmEnabled
   });
   const hasRealData = (shift) => {
+    if (isUptimeMode) {
+      if (shift.hasData === true) return true;
+      const efficiency = Number(shift.avg_efficiency);
+      return shift.total_workspaces > 0 || shift.underperforming_workspaces > 0 || (shift.output || 0) > 0 || (shift.idealOutput || 0) > 0 || (shift.idle_time_seconds || 0) > 0 || (shift.active_time_seconds || 0) > 0 || (shift.available_time_seconds || 0) > 0 || Number.isFinite(efficiency) && efficiency > 0;
+    }
     if (shift.hasData !== void 0) return shift.hasData;
     return shift.avg_efficiency > 0 || shift.underperforming_workspaces > 0 || shift.total_workspaces > 0 || (shift.output || 0) > 0 || (shift.idealOutput || 0) > 0 || (shift.idle_time_seconds || 0) > 0 || (shift.active_time_seconds || 0) > 0 || (shift.available_time_seconds || 0) > 0;
   };
   const averages = (analysisMonthlyData || []).reduce(
     (acc, day) => {
       const shiftData = getShiftData2(day, selectedShiftId);
-      if (!shiftData || shiftData?.avg_efficiency < 5) {
+      if (!shiftData || !isValidAggregateEfficiency(isUptimeMode ? "uptime" : "output", shiftData.avg_efficiency)) {
         return acc;
       }
       return {
@@ -49860,7 +50141,9 @@ var LineMonthlyHistory = ({
   const avgOutput = outputAverages.count > 0 ? outputAverages.output / outputAverages.count : 0;
   const uptimeSummary = useMemo(() => {
     if (!isUptimeMode) return null;
-    const validDays = (analysisMonthlyData || []).map((day) => getShiftData2(day, selectedShiftId)).filter((shiftData) => shiftData && hasRealData(shiftData)).map((shiftData) => ({ shiftData, totals: getUptimeTotals(shiftData) }));
+    const validDays = (analysisMonthlyData || []).map((day) => getShiftData2(day, selectedShiftId)).filter(
+      (shiftData) => shiftData && hasRealData(shiftData) && isValidAggregateEfficiency("uptime", shiftData.avg_efficiency)
+    ).map((shiftData) => ({ shiftData, totals: getUptimeTotals(shiftData) }));
     if (!validDays.length) {
       return { avgUtilization: 0, avgIdleTime: 0, avgDailyStoppages: 0 };
     }
@@ -50008,7 +50291,9 @@ var LineMonthlyHistory = ({
   }, [chartData.yAxisMax, chartData.lastSetTarget]);
   const pieChartData = useMemo(() => {
     if (!isUptimeMode) return [];
-    const validShifts = (analysisMonthlyData || []).map((day) => getShiftData2(day, selectedShiftId)).filter(hasRealData);
+    const validShifts = (analysisMonthlyData || []).map((day) => getShiftData2(day, selectedShiftId)).filter(
+      (shift) => shift && hasRealData(shift) && isValidAggregateEfficiency("uptime", shift.avg_efficiency)
+    );
     if (!validShifts.length) return [];
     const efficiencyValues = validShifts.map((shift) => Number.isFinite(shift.avg_efficiency) ? Number(shift.avg_efficiency) : null).filter((value) => value !== null);
     if (!efficiencyValues.length) return [];
@@ -50618,7 +50903,9 @@ var LineMonthlyPdfGenerator = ({
         const productiveSeconds = activeSecondsRaw > 0 ? Math.min(activeSecondsRaw, availableSeconds) : Math.max(availableSeconds - idleSeconds, 0);
         return { availableSeconds, productiveSeconds, idleSeconds };
       };
-      const validShifts = validDays.map((day) => getLineShiftData2(day, selectedShiftId)).filter((shift) => isUptimeMode ? hasShiftData(shift) : shift.avg_efficiency >= 5);
+      const validShifts = validDays.map((day) => getLineShiftData2(day, selectedShiftId)).filter(
+        (shift) => hasShiftData(shift) && isValidAggregateEfficiency(isUptimeMode ? "uptime" : "output", shift.avg_efficiency)
+      );
       const monthlyMetrics = validShifts.length > 0 ? isUptimeMode ? (() => {
         let utilizationSum = 0;
         let idleTimeSum = 0;
@@ -52603,7 +52890,10 @@ var WorkspaceMonthlyHistory = ({
     return ticks.filter((v) => v >= 0 && v <= max * 1.05).sort((a, b) => a - b);
   }, [chartData.yAxisMax, chartData.lastSetTarget, isUptimeMode]);
   const pieChartData = useMemo(() => {
-    const validShifts = analysisMonthlyData.map((d) => getShiftData(d, selectedShiftId)).filter(hasRealData);
+    const aggregateMode = isUptimeMode ? "uptime" : "output";
+    const validShifts = analysisMonthlyData.map((d) => getShiftData(d, selectedShiftId)).filter(
+      (shift) => shift && hasRealData(shift) && isValidAggregateEfficiency(aggregateMode, shift.efficiency)
+    );
     if (validShifts.length === 0) return [];
     const efficiencyValues = validShifts.map((shift) => Number.isFinite(shift.efficiency) ? Number(shift.efficiency) : null).filter((value) => value !== null);
     if (!efficiencyValues.length) return [];
@@ -52614,10 +52904,10 @@ var WorkspaceMonthlyHistory = ({
       { name: "Productive", value: productivePercent },
       { name: "Idle", value: idlePercent }
     ];
-  }, [analysisMonthlyData, selectedShiftId, shiftWorkSeconds]);
+  }, [analysisMonthlyData, selectedShiftId, isUptimeMode]);
   const metrics2 = useMemo(() => {
     const validShifts = analysisMonthlyData.map((d) => getShiftData(d, selectedShiftId)).filter(hasRealData);
-    const filteredShifts = isUptimeMode ? validShifts : validShifts.filter((shift) => (shift.efficiency ?? 0) >= 5);
+    const filteredShifts = isUptimeMode ? validShifts.filter((shift) => isValidAggregateEfficiency("uptime", shift.efficiency)) : validShifts.filter((shift) => isValidAggregateEfficiency("output", shift.efficiency));
     if (filteredShifts.length === 0) return null;
     const totalEfficiency = filteredShifts.reduce((sum, shift) => sum + (shift.efficiency || 0), 0);
     const totalUtilization = filteredShifts.reduce(
@@ -53837,7 +54127,7 @@ var WorkspaceMonthlyPdfGenerator = ({
         const shift = getShiftData(dayData, selectedShiftId);
         return { dayData, shift };
       }).filter(({ shift }) => hasShiftData(shift)).sort((left, right) => getDayDateKey(right.dayData).localeCompare(getDayDateKey(left.dayData)));
-      const filteredShifts = isUptimeMode ? validShifts : validShifts.filter((shift) => (shift.efficiency ?? 0) >= 5);
+      const filteredShifts = isUptimeMode ? validShifts.filter((shift) => isValidAggregateEfficiency("uptime", shift.efficiency)) : validShifts.filter((shift) => isValidAggregateEfficiency("output", shift.efficiency));
       const monthlyMetrics = filteredShifts.length > 0 ? isUptimeMode ? (() => {
         const totalIdleTime = filteredShifts.reduce((sum, shift) => sum + shift.idleTime, 0);
         const totalCycleTime = filteredShifts.reduce((sum, shift) => sum + shift.cycleTime, 0);
@@ -54107,7 +54397,8 @@ var WorkspaceCycleTimeMetricCards = ({
   idleTimeData,
   skuAware,
   skuBreakdown,
-  activeSkuId
+  activeSkuId,
+  liveSkuId
 }) => {
   const effectiveLegend = legend || DEFAULT_EFFICIENCY_LEGEND;
   const activeSku = React144__default.useMemo(() => {
@@ -54116,6 +54407,13 @@ var WorkspaceCycleTimeMetricCards = ({
     }
     return null;
   }, [skuAware, activeSkuId, skuBreakdown]);
+  const displaySku = React144__default.useMemo(() => {
+    if (activeSku) return activeSku;
+    if (skuAware && !activeSkuId && liveSkuId && skuBreakdown) {
+      return skuBreakdown.find((s) => s.sku_id === liveSkuId) ?? null;
+    }
+    return null;
+  }, [activeSku, skuAware, activeSkuId, liveSkuId, skuBreakdown]);
   const cycleValue = activeSku ? activeSku.avg_cycle_time : workspace.avg_cycle_time;
   const cycleStandard = activeSku ? activeSku.ideal_cycle_time : workspace.ideal_cycle_time;
   const efficiencyValue = workspace.avg_efficiency || 0;
@@ -54145,7 +54443,7 @@ var WorkspaceCycleTimeMetricCards = ({
     /* @__PURE__ */ jsxs(Card2, { className: "flex flex-col bg-white shadow-sm border border-gray-200 h-full min-h-[150px] sm:min-h-0 rounded-xl", children: [
       /* @__PURE__ */ jsxs(CardHeader2, { className: "pb-1 pt-5 flex-none text-center", children: [
         /* @__PURE__ */ jsx(CardTitle2, { className: "text-[15px] font-bold text-gray-900 tracking-wide", children: "Cycle Time (s)" }),
-        activeSku && /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-blue-600 mt-1 truncate px-2", title: activeSku.sku_code, children: activeSku.sku_code })
+        displaySku && /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-blue-600 mt-1 truncate px-2", title: displaySku.sku_code, children: displaySku.sku_code })
       ] }),
       /* @__PURE__ */ jsxs(CardContent2, { className: "flex-1 flex flex-col items-center justify-center pb-6", children: [
         /* @__PURE__ */ jsx("p", { className: `text-5xl font-bold tracking-tight ${cycleValue > (cycleStandard || 0) ? "text-red-500" : "text-[#34C759]"}`, children: cycleValue.toFixed(1) }),
@@ -67009,7 +67307,15 @@ var KPIDetailView = ({
           const fallbackTimes = resolveMonthlyShiftTimes(metric.shift_id);
           const resolvedShiftStart = metric.shift_start || fallbackTimes.start;
           const resolvedShiftEnd = metric.shift_end || fallbackTimes.end;
-          const hasBackendUptimeSeconds = isUptimeMode && (Number.isFinite(metric.active_time_seconds) || Number.isFinite(metric.idle_time_seconds) || Number.isFinite(metric.available_time_seconds));
+          const coerceOptionalNumber2 = (value) => {
+            if (value === void 0 || value === null || value === "") return null;
+            const parsed = Number(value);
+            return Number.isFinite(parsed) ? parsed : null;
+          };
+          const metricActiveTimeSeconds = coerceOptionalNumber2(metric.active_time_seconds);
+          const metricIdleTimeSeconds = coerceOptionalNumber2(metric.idle_time_seconds);
+          const metricAvailableTimeSeconds = coerceOptionalNumber2(metric.available_time_seconds);
+          const hasBackendUptimeSeconds = isUptimeMode && (metricActiveTimeSeconds !== null || metricIdleTimeSeconds !== null || metricAvailableTimeSeconds !== null);
           const uptimeSeries2 = isUptimeMode && !hasBackendUptimeSeconds ? buildUptimeSeries({
             idleTimeHourly: metric.idle_time_hourly || {},
             shiftStart: resolvedShiftStart || void 0,
@@ -67017,9 +67323,13 @@ var KPIDetailView = ({
             shiftDate: metric.date,
             timezone: configuredTimezone
           }) : null;
-          const idleTimeSeconds = isUptimeMode ? hasBackendUptimeSeconds ? metric.idle_time_seconds || 0 : (uptimeSeries2?.idleMinutes || 0) * 60 : 0;
-          const activeTimeSeconds = isUptimeMode ? hasBackendUptimeSeconds ? metric.active_time_seconds || 0 : (uptimeSeries2?.activeMinutes || 0) * 60 : 0;
-          const availableTimeSeconds = isUptimeMode ? hasBackendUptimeSeconds ? metric.available_time_seconds || activeTimeSeconds + idleTimeSeconds : (uptimeSeries2?.availableMinutes || 0) * 60 : 0;
+          const idleTimeSeconds = isUptimeMode ? hasBackendUptimeSeconds ? metricIdleTimeSeconds ?? 0 : (uptimeSeries2?.idleMinutes || 0) * 60 : 0;
+          const activeTimeSeconds = isUptimeMode ? hasBackendUptimeSeconds ? metricActiveTimeSeconds ?? 0 : (uptimeSeries2?.activeMinutes || 0) * 60 : 0;
+          const availableTimeSeconds = isUptimeMode ? hasBackendUptimeSeconds ? metricAvailableTimeSeconds ?? activeTimeSeconds + idleTimeSeconds : (uptimeSeries2?.availableMinutes || 0) * 60 : 0;
+          const metricAvgEfficiency = Number(metric.avg_efficiency);
+          const metricTotalWorkspaces = Number(metric.total_workspaces || 0);
+          const metricCurrentOutput = Number(metric.current_output || 0);
+          const hasUptimeMetricData = isUptimeMode && (availableTimeSeconds > 0 || metricTotalWorkspaces > 0 || metricCurrentOutput > 0 || Number.isFinite(metricAvgEfficiency) && metricAvgEfficiency > 0);
           const computedUptimeEfficiency = (() => {
             const availableMinutes = availableTimeSeconds / 60;
             if (!availableMinutes || availableMinutes <= 0) return 0;
@@ -67039,7 +67349,7 @@ var KPIDetailView = ({
             targetOutput: Number(metric.line_threshold ?? metric.ideal_output ?? 0),
             compliance_percentage: 95 + Math.random() * 5,
             // Mock data: random value between 95-100%
-            hasData: isUptimeMode ? availableTimeSeconds > 0 : true,
+            hasData: isUptimeMode ? hasUptimeMetricData : true,
             idle_time_seconds: idleTimeSeconds,
             active_time_seconds: activeTimeSeconds,
             available_time_seconds: availableTimeSeconds,
@@ -68223,6 +68533,9 @@ var KPIDetailView = ({
 var KPIDetailViewWithDisplayNames = withSelectedLineDisplayNames(KPIDetailView);
 var KPIDetailView_default = KPIDetailViewWithDisplayNames;
 var isNonEmptyString = (value) => typeof value === "string" && value.trim().length > 0;
+var KPI_FACTORY_QUERY_PARAM = "factory_id";
+var KPI_FACTORY_AREA_QUERY_PARAM = "factory_area_id";
+var getSingleQueryValue = (value) => typeof value === "string" && value.length > 0 ? value : void 0;
 var resolveCompanyId = (...candidates) => candidates.find(isNonEmptyString);
 var parseTimeToMinutes3 = (value) => {
   if (!value) return null;
@@ -68259,7 +68572,9 @@ var getMonthDateInfo = (timezone) => {
 var createKpisOverviewUrl = ({
   tab,
   date,
-  shift
+  shift,
+  factoryId,
+  factoryAreaId
 }) => {
   const params = new URLSearchParams();
   if (tab) {
@@ -68271,6 +68586,12 @@ var createKpisOverviewUrl = ({
   if (typeof shift === "number" && Number.isFinite(shift)) {
     params.set("shift", shift.toString());
   }
+  if (!tab && factoryId) {
+    params.set(KPI_FACTORY_QUERY_PARAM, factoryId);
+  }
+  if (!tab && factoryId && factoryAreaId) {
+    params.set(KPI_FACTORY_AREA_QUERY_PARAM, factoryAreaId);
+  }
   const queryString = params.toString();
   return queryString ? `/kpis?${queryString}` : "/kpis";
 };
@@ -68792,6 +69113,101 @@ var LineCard = ({
     }
   );
 };
+var KpiGroupCard = ({
+  title,
+  subtitle,
+  kpis,
+  isLoading,
+  error,
+  isUptimeMode,
+  onClick
+}) => {
+  const isOnTrack = React144__default.useMemo(() => {
+    if (!kpis) return null;
+    return isEfficiencyOnTrack(kpis.efficiency.value);
+  }, [kpis]);
+  const outputTarget = Number(kpis?.outputProgress?.target ?? 0);
+  const outputCurrent = Number(kpis?.outputProgress?.current ?? 0);
+  const progressPercent = outputTarget > 0 ? Math.min(outputCurrent / outputTarget * 100, 100) : 0;
+  return /* @__PURE__ */ jsxs(
+    motion.div,
+    {
+      initial: { opacity: 0, y: 20 },
+      animate: { opacity: 1, y: 0 },
+      transition: { duration: 0.3 },
+      onClick,
+      className: "relative bg-white border border-gray-200/80 shadow-sm hover:shadow-lg \n                 rounded-xl p-4 sm:p-5 md:p-6 transition-all duration-200 cursor-pointer \n                 hover:scale-[1.01] active:scale-[0.99] group",
+      children: [
+        /* @__PURE__ */ jsx("div", { className: "mb-4 sm:mb-5 md:mb-6", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-start gap-2 sm:gap-3", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
+            /* @__PURE__ */ jsx(
+              FittingTitle,
+              {
+                title,
+                className: "text-[10px] sm:text-xs md:text-sm"
+              }
+            ),
+            /* @__PURE__ */ jsx("p", { className: "mt-1 text-xs font-medium text-gray-500", children: subtitle })
+          ] }),
+          !isUptimeMode && kpis && isOnTrack !== null && /* @__PURE__ */ jsxs("div", { className: `flex items-center gap-1.5 px-2.5 sm:px-3 py-1 sm:py-1.5 rounded-full text-xs font-medium flex-shrink-0 ${isOnTrack ? "bg-emerald-100 text-emerald-700 border border-emerald-200" : "bg-red-100 text-red-700 border border-red-200"}`, style: { minWidth: "fit-content" }, children: [
+            /* @__PURE__ */ jsx("div", { className: `w-2 h-2 rounded-full ${isOnTrack ? "bg-emerald-500" : "bg-red-500"} animate-pulse` }),
+            /* @__PURE__ */ jsx("span", { children: isOnTrack ? "On Track" : "Behind" })
+          ] })
+        ] }) }),
+        isLoading && !kpis && /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+          /* @__PURE__ */ jsxs("div", { className: "animate-pulse", children: [
+            /* @__PURE__ */ jsx("div", { className: "h-4 bg-gray-200 rounded w-1/3 mb-2" }),
+            /* @__PURE__ */ jsx("div", { className: "h-8 bg-gray-200 rounded w-1/2" })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "animate-pulse", children: [
+            /* @__PURE__ */ jsx("div", { className: "h-4 bg-gray-200 rounded w-1/3 mb-2" }),
+            /* @__PURE__ */ jsx("div", { className: "h-8 bg-gray-200 rounded w-3/4" })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "animate-pulse", children: [
+            /* @__PURE__ */ jsx("div", { className: "h-4 bg-gray-200 rounded w-1/3 mb-2" }),
+            /* @__PURE__ */ jsx("div", { className: "h-8 bg-gray-200 rounded w-1/2" })
+          ] })
+        ] }),
+        error && !kpis && /* @__PURE__ */ jsx("div", { className: "text-center py-8", children: /* @__PURE__ */ jsx("p", { className: "text-sm text-gray-500", children: "Unable to load metrics" }) }),
+        kpis && /* @__PURE__ */ jsxs("div", { className: "space-y-4 sm:space-y-5 pb-8 sm:pb-10", children: [
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("div", { className: "text-xs font-medium text-gray-500 uppercase tracking-wider mb-1.5 sm:mb-2", children: isUptimeMode ? "Utilization" : "Efficiency" }),
+            /* @__PURE__ */ jsxs("div", { className: "flex items-baseline justify-between", children: [
+              /* @__PURE__ */ jsxs("span", { className: "text-2xl sm:text-3xl font-semibold text-gray-900", children: [
+                kpis.efficiency.value.toFixed(1),
+                "%"
+              ] }),
+              kpis.efficiency.change !== 0 && /* @__PURE__ */ jsxs("span", { className: `text-xs sm:text-sm font-medium ${kpis.efficiency.change > 0 ? "text-emerald-600" : "text-red-600"}`, children: [
+                kpis.efficiency.change > 0 ? "+" : "",
+                kpis.efficiency.change.toFixed(1),
+                "%"
+              ] })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("div", { className: "text-xs font-medium text-gray-500 uppercase tracking-wider mb-1.5 sm:mb-2", children: isUptimeMode ? "Stoppages" : "Output Progress" }),
+            /* @__PURE__ */ jsxs("div", { className: "flex items-baseline justify-between mb-2 sm:mb-3", children: [
+              /* @__PURE__ */ jsx("span", { className: `${isUptimeMode ? "text-2xl sm:text-3xl font-bold text-red-600" : "text-xl sm:text-2xl font-semibold text-gray-900"}`, children: kpis.outputProgress.current }),
+              !isUptimeMode && /* @__PURE__ */ jsxs("span", { className: "text-xs sm:text-sm text-gray-500 font-medium", children: [
+                "/ ",
+                kpis.outputProgress.target,
+                " units"
+              ] })
+            ] }),
+            !isUptimeMode && /* @__PURE__ */ jsx("div", { className: "w-full bg-gray-200 rounded-full h-2 sm:h-2.5", children: /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: "bg-blue-600 h-2 sm:h-2.5 rounded-full transition-all duration-500 ease-out",
+                style: { width: `${progressPercent}%` }
+              }
+            ) })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "absolute bottom-3 right-3 sm:bottom-4 sm:right-4", children: /* @__PURE__ */ jsx("div", { className: "p-2 sm:p-2.5 rounded-full bg-gray-50 group-hover:bg-blue-50 transition-colors shadow-sm", children: /* @__PURE__ */ jsx(ArrowRightIcon, { className: "w-4 h-4 sm:w-5 sm:h-5 text-gray-400 group-hover:text-blue-600 transition-colors" }) }) })
+      ]
+    }
+  );
+};
 var KPIsOverviewView = ({
   companyId,
   navigate,
@@ -68957,6 +69373,20 @@ var KPIsOverviewView = ({
   const effectiveLeaderboardDate = selectedLeaderboardDate || currentShiftDate;
   const effectiveLeaderboardShiftId = Number.isFinite(selectedLeaderboardShiftId) ? selectedLeaderboardShiftId : currentShiftId;
   const isHistoricalLeaderboardDaily = activeTab === "leaderboard" && timeRange === "today" && (effectiveLeaderboardDate !== currentShiftDate || effectiveLeaderboardShiftId !== currentShiftId);
+  const selectedFactoryIdFromUrl = getSingleQueryValue(router.query[KPI_FACTORY_QUERY_PARAM]);
+  const selectedFactoryAreaIdFromUrl = getSingleQueryValue(router.query[KPI_FACTORY_AREA_QUERY_PARAM]);
+  const kpiLineHierarchy = React144__default.useMemo(
+    () => buildKpiLineHierarchy(linesForView),
+    [linesForView]
+  );
+  const selectedFactoryNode = React144__default.useMemo(
+    () => kpiLineHierarchy.showFactoryLevel && selectedFactoryIdFromUrl ? kpiLineHierarchy.factories.find((factory) => factory.id === selectedFactoryIdFromUrl) : void 0,
+    [kpiLineHierarchy, selectedFactoryIdFromUrl]
+  );
+  const selectedFactoryAreaNode = React144__default.useMemo(
+    () => selectedFactoryNode && selectedFactoryAreaIdFromUrl ? selectedFactoryNode.areas.find((area) => area.id === selectedFactoryAreaIdFromUrl) : void 0,
+    [selectedFactoryNode, selectedFactoryAreaIdFromUrl]
+  );
   useEffect(() => {
     if (!router.isReady) return;
     const tabQuery = router.query.tab;
@@ -68984,20 +69414,27 @@ var KPIsOverviewView = ({
   ]);
   useEffect(() => {
     if (!router.isReady || !hasHydratedLeaderboardRouteState) return;
+    if (activeTab === "today" && loading) return;
     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;
-    if (currentTab === expectedTab && currentDateQuery === expectedDate && currentShiftQuery === expectedShift) {
+    const currentFactoryQuery = getSingleQueryValue(router.query[KPI_FACTORY_QUERY_PARAM]);
+    const currentFactoryAreaQuery = getSingleQueryValue(router.query[KPI_FACTORY_AREA_QUERY_PARAM]);
+    if (currentTab === expectedTab && currentDateQuery === expectedDate && currentShiftQuery === expectedShift && currentFactoryQuery === expectedFactory && currentFactoryAreaQuery === expectedFactoryArea) {
       return;
     }
     void router.replace(
       createKpisOverviewUrl({
         tab: expectedTab === "leaderboard" ? "leaderboard" : void 0,
         date: expectedDate,
-        shift: expectedShift !== void 0 ? Number.parseInt(expectedShift, 10) : void 0
+        shift: expectedShift !== void 0 ? Number.parseInt(expectedShift, 10) : void 0,
+        factoryId: expectedFactory,
+        factoryAreaId: expectedFactoryArea
       }),
       void 0,
       { shallow: true }
@@ -69009,7 +69446,10 @@ var KPIsOverviewView = ({
     effectiveLeaderboardDate,
     effectiveLeaderboardShiftId,
     hasHydratedLeaderboardRouteState,
-    isHistoricalLeaderboardDaily
+    isHistoricalLeaderboardDaily,
+    loading,
+    selectedFactoryNode,
+    selectedFactoryAreaNode
   ]);
   const factoryViewId = entityConfig.factoryViewId || "factory";
   const {
@@ -69021,13 +69461,42 @@ var KPIsOverviewView = ({
     userAccessibleLineIds: metricsLineIds
   });
   const defaultKPIs = React144__default.useMemo(() => createDefaultKPIs(), []);
-  const kpisByLineId = React144__default.useMemo(() => {
+  const lineModeById = React144__default.useMemo(() => {
+    const map = /* @__PURE__ */ new Map();
+    linesForView.forEach((line) => {
+      map.set(line.id, line.monitoring_mode ?? "output");
+    });
+    return map;
+  }, [linesForView]);
+  const lineMetricRowsByLineId = React144__default.useMemo(() => {
     const map = /* @__PURE__ */ new Map();
     lineMetrics.forEach((row) => {
-      if (row?.line_id) map.set(row.line_id, buildKPIsFromLineMetricsRow(row));
+      if (!row?.line_id) return;
+      const monitoringMode = lineModeById.get(row.line_id);
+      map.set(
+        row.line_id,
+        monitoringMode ? { ...row, monitoring_mode: monitoringMode } : row
+      );
     });
     return map;
-  }, [lineMetrics]);
+  }, [lineMetrics, lineModeById]);
+  const kpisByLineId = React144__default.useMemo(() => {
+    const map = /* @__PURE__ */ new Map();
+    lineMetricRowsByLineId.forEach((row, lineId) => {
+      map.set(lineId, buildKPIsFromLineMetricsRow(row));
+    });
+    return map;
+  }, [lineMetricRowsByLineId]);
+  const getLineCardKpis = React144__default.useCallback((line) => {
+    if (metricsError) return null;
+    return kpisByLineId.get(line.id) ?? (metricsLoading ? null : defaultKPIs);
+  }, [defaultKPIs, kpisByLineId, metricsError, metricsLoading]);
+  const getAggregateCardKpis = React144__default.useCallback((cardLines) => {
+    if (metricsError) return null;
+    const rows = cardLines.map((line) => lineMetricRowsByLineId.get(line.id)).filter(Boolean);
+    if (metricsLoading && rows.length === 0) return null;
+    return aggregateKPIsFromLineMetricsRows(rows);
+  }, [lineMetricRowsByLineId, metricsError, metricsLoading]);
   const supervisorLineIds = React144__default.useMemo(
     () => (leaderboardLines.length > 0 ? leaderboardLines : lines).map((l) => l.id),
     [leaderboardLines, lines]
@@ -69231,6 +69700,20 @@ var KPIsOverviewView = ({
     if (activeTab !== "leaderboard" || timeRange !== "today") return;
     fetchDailyLeaderboard();
   }, [activeTab, timeRange, fetchDailyLeaderboard]);
+  const navigateTodayHierarchy = useCallback((factoryId, factoryAreaId) => {
+    void router.push(
+      createKpisOverviewUrl({ factoryId, factoryAreaId }),
+      void 0,
+      { shallow: true }
+    );
+  }, [router]);
+  const lineDetailReturnTo = React144__default.useMemo(() => {
+    if (activeTab !== "today" || !selectedFactoryNode) return void 0;
+    return createKpisOverviewUrl({
+      factoryId: selectedFactoryNode.id,
+      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())) {
@@ -69317,7 +69800,8 @@ var KPIsOverviewView = ({
       );
       return;
     }
-    navigation.navigate(`/kpis/${line.id}`);
+    const returnToQuery = lineDetailReturnTo ? `?returnTo=${encodeURIComponent(lineDetailReturnTo)}` : "";
+    navigation.navigate(`/kpis/${line.id}${returnToQuery}`);
   };
   const handleBackClick = useCallback(() => {
     trackCoreEvent("Back Button Clicked", {
@@ -69386,6 +69870,70 @@ var KPIsOverviewView = ({
     }
     return /* @__PURE__ */ jsx("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z" }) });
   };
+  const renderLineCard = (line) => /* @__PURE__ */ jsx(
+    LineCard,
+    {
+      line,
+      kpis: getLineCardKpis(line),
+      isLoading: metricsLoading,
+      error: metricsError,
+      onClick: (kpis) => handleLineClick(line, kpis),
+      supervisorEnabled,
+      supervisorName: supervisorNamesByLineId.get(line.id) || null,
+      supervisors: supervisorsByLineId?.get(line.id)
+    },
+    line.id
+  );
+  const renderGroupCard = ({
+    key,
+    title,
+    subtitle,
+    lines: cardLines,
+    onClick
+  }) => /* @__PURE__ */ jsx(
+    KpiGroupCard,
+    {
+      title,
+      subtitle,
+      kpis: getAggregateCardKpis(cardLines),
+      isLoading: metricsLoading,
+      error: metricsError,
+      isUptimeMode: viewType === "machine",
+      onClick
+    },
+    key
+  );
+  const renderTodayCards = () => {
+    if (!kpiLineHierarchy.showFactoryLevel) {
+      return linesForView.map(renderLineCard);
+    }
+    if (selectedFactoryNode && selectedFactoryAreaNode) {
+      return selectedFactoryAreaNode.lines.map(renderLineCard);
+    }
+    if (selectedFactoryNode) {
+      return [
+        ...selectedFactoryNode.areas.map(
+          (area) => renderGroupCard({
+            key: `area-${area.id}`,
+            title: area.areaName,
+            subtitle: `${area.lines.length} ${area.lines.length === 1 ? "line" : "lines"}`,
+            lines: area.lines,
+            onClick: () => navigateTodayHierarchy(selectedFactoryNode.id, area.id)
+          })
+        ),
+        ...selectedFactoryNode.ungroupedLines.map(renderLineCard)
+      ];
+    }
+    return kpiLineHierarchy.factories.map(
+      (factory) => renderGroupCard({
+        key: `factory-${factory.id}`,
+        title: factory.factoryName,
+        subtitle: `${factory.lines.length} ${factory.lines.length === 1 ? "line" : "lines"}`,
+        lines: factory.lines,
+        onClick: () => navigateTodayHierarchy(factory.id)
+      })
+    );
+  };
   if (loading || isShiftConfigLoading) {
     return /* @__PURE__ */ jsx(LoadingPage, { message: "Loading production lines..." });
   }
@@ -69818,23 +70366,34 @@ var KPIsOverviewView = ({
         ] })
       ] })
     ] }) }),
-    /* @__PURE__ */ jsx("main", { className: `flex-1 p-3 sm:p-4 md:p-6 bg-slate-50 ${activeTab === "leaderboard" ? "overflow-hidden flex flex-col" : "overflow-y-auto"}`, children: activeTab === "today" ? (
-      /* Line Cards Grid */
-      /* @__PURE__ */ jsx("div", { className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-3 sm:gap-4 md:gap-6", children: linesForView.map((line) => /* @__PURE__ */ jsx(
-        LineCard,
-        {
-          line,
-          kpis: metricsError ? null : kpisByLineId.get(line.id) ?? (metricsLoading ? null : defaultKPIs),
-          isLoading: metricsLoading,
-          error: metricsError,
-          onClick: (kpis) => handleLineClick(line, kpis),
-          supervisorEnabled,
-          supervisorName: supervisorNamesByLineId.get(line.id) || null,
-          supervisors: supervisorsByLineId?.get(line.id)
-        },
-        line.id
-      )) })
-    ) : showLeaderboardLoader ? /* @__PURE__ */ jsx("div", { className: "flex-1 flex flex-col items-center justify-center bg-white rounded-2xl border border-gray-100 shadow-sm m-2 sm:m-4", children: /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsx("main", { className: `flex-1 p-3 sm:p-4 md:p-6 bg-slate-50 ${activeTab === "leaderboard" ? "overflow-hidden flex flex-col" : "overflow-y-auto"}`, children: activeTab === "today" ? /* @__PURE__ */ jsxs("div", { className: "space-y-3 sm:space-y-4", children: [
+      kpiLineHierarchy.showFactoryLevel && selectedFactoryNode && /* @__PURE__ */ jsxs("nav", { className: "flex flex-wrap items-center gap-2 text-sm", "aria-label": "KPI hierarchy", children: [
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            onClick: () => navigateTodayHierarchy(),
+            className: "font-medium text-gray-500 hover:text-blue-600 transition-colors",
+            children: "Factories"
+          }
+        ),
+        /* @__PURE__ */ jsx("span", { className: "text-gray-300", children: "/" }),
+        selectedFactoryAreaNode ? /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            onClick: () => navigateTodayHierarchy(selectedFactoryNode.id),
+            className: "font-medium text-gray-500 hover:text-blue-600 transition-colors",
+            children: selectedFactoryNode.factoryName
+          }
+        ) : /* @__PURE__ */ jsx("span", { className: "font-semibold text-gray-900", children: selectedFactoryNode.factoryName }),
+        selectedFactoryAreaNode && /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx("span", { className: "text-gray-300", children: "/" }),
+          /* @__PURE__ */ jsx("span", { className: "font-semibold text-gray-900", children: selectedFactoryAreaNode.areaName })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-3 sm:gap-4 md:gap-6", children: renderTodayCards() })
+    ] }) : showLeaderboardLoader ? /* @__PURE__ */ jsx("div", { className: "flex-1 flex flex-col items-center justify-center bg-white rounded-2xl border border-gray-100 shadow-sm m-2 sm:m-4", children: /* @__PURE__ */ jsx(
       OptifyeLogoLoader_default,
       {
         size: "lg",
@@ -69881,6 +70440,27 @@ var AnimatedEfficiency = memo$1(({ value }) => {
   return prevProps.value === nextProps.value;
 });
 AnimatedEfficiency.displayName = "AnimatedEfficiency";
+var getWorkspaceLeaderboardMetricValue = (workspace) => {
+  if (workspace.monitoring_mode === "output") {
+    return toFiniteNumber(workspace.efficiency);
+  }
+  if (workspace.leaderboard_metric_kind === "recent_flow_shift_average") {
+    return toFiniteNumber(workspace.leaderboard_value);
+  }
+  return toFiniteNumber(workspace.leaderboard_value) ?? toFiniteNumber(workspace.efficiency);
+};
+var getWorkspaceDisplayedMetricValue = (workspace) => getWorkspaceLeaderboardMetricValue(workspace);
+var getWorkspaceLeaderboardMetricLabel = (workspace, defaultLabel) => workspace.monitoring_mode !== "output" && workspace.leaderboard_metric_kind === "recent_flow_shift_average" ? "Avg Flow" : defaultLabel;
+var renderWorkspaceLeaderboardMetric = (workspace, isAssemblyMode) => {
+  if (isAssemblyMode) {
+    return /* @__PURE__ */ jsx(CycleTimeComparison, { workspace });
+  }
+  const displayedMetricValue = getWorkspaceDisplayedMetricValue(workspace);
+  if (displayedMetricValue === null) {
+    return /* @__PURE__ */ jsx("span", { className: "tabular-nums", children: "--" });
+  }
+  return /* @__PURE__ */ jsx(AnimatedEfficiency, { value: displayedMetricValue });
+};
 var HeaderRibbon = memo$1(({
   currentDate,
   currentMobileDate,
@@ -69959,13 +70539,13 @@ var MobileWorkspaceCard = memo$1(({
         ] })
       ] }),
       /* @__PURE__ */ jsxs("div", { className: "text-right", children: [
-        /* @__PURE__ */ jsx("div", { className: "font-bold text-gray-900 text-lg flex justify-end", children: isAssemblyMode ? /* @__PURE__ */ jsx(CycleTimeComparison, { workspace }) : /* @__PURE__ */ jsx(AnimatedEfficiency, { value: workspace.efficiency || 0 }) }),
-        /* @__PURE__ */ jsx("div", { className: "text-xs text-gray-500", children: metricLabel })
+        /* @__PURE__ */ jsx("div", { className: "font-bold text-gray-900 text-lg flex justify-end", children: renderWorkspaceLeaderboardMetric(workspace, isAssemblyMode) }),
+        /* @__PURE__ */ jsx("div", { className: "text-xs text-gray-500", children: getWorkspaceLeaderboardMetricLabel(workspace, metricLabel) })
       ] })
     ] })
   }
 ), (prevProps, nextProps) => {
-  return prevProps.metricLabel === nextProps.metricLabel && prevProps.isAssemblyMode === nextProps.isAssemblyMode && prevProps.rank === nextProps.rank && prevProps.cardClass === nextProps.cardClass && prevProps.isClickable === nextProps.isClickable && prevProps.workspace.workspace_uuid === nextProps.workspace.workspace_uuid && prevProps.workspace.efficiency === nextProps.workspace.efficiency && prevProps.workspace.ideal_cycle_time === nextProps.workspace.ideal_cycle_time && prevProps.workspace.action_count === nextProps.workspace.action_count && prevProps.workspace.action_threshold === nextProps.workspace.action_threshold && prevProps.workspace.avg_cycle_time === nextProps.workspace.avg_cycle_time && prevProps.workspace.displayName === nextProps.workspace.displayName && prevProps.workspace.lineName === nextProps.workspace.lineName;
+  return prevProps.metricLabel === nextProps.metricLabel && prevProps.isAssemblyMode === nextProps.isAssemblyMode && prevProps.rank === nextProps.rank && prevProps.cardClass === nextProps.cardClass && prevProps.isClickable === nextProps.isClickable && prevProps.workspace.workspace_uuid === nextProps.workspace.workspace_uuid && prevProps.workspace.leaderboard_value === nextProps.workspace.leaderboard_value && prevProps.workspace.leaderboard_metric_kind === nextProps.workspace.leaderboard_metric_kind && prevProps.workspace.efficiency === nextProps.workspace.efficiency && prevProps.workspace.ideal_cycle_time === nextProps.workspace.ideal_cycle_time && prevProps.workspace.action_count === nextProps.workspace.action_count && prevProps.workspace.action_threshold === nextProps.workspace.action_threshold && prevProps.workspace.avg_cycle_time === nextProps.workspace.avg_cycle_time && prevProps.workspace.displayName === nextProps.workspace.displayName && prevProps.workspace.lineName === nextProps.workspace.lineName;
 });
 MobileWorkspaceCard.displayName = "MobileWorkspaceCard";
 var DesktopWorkspaceRow = memo$1(({
@@ -69992,11 +70572,11 @@ var DesktopWorkspaceRow = memo$1(({
       ] }) }),
       /* @__PURE__ */ jsx("td", { className: "px-3 py-2.5 sm:p-4 text-sm sm:text-base whitespace-nowrap", children: /* @__PURE__ */ jsx("div", { className: "font-medium", children: workspace.displayName }) }),
       /* @__PURE__ */ jsx("td", { className: "px-3 py-2.5 sm:p-4 text-sm sm:text-base whitespace-nowrap", children: /* @__PURE__ */ jsx("div", { className: "font-medium", children: workspace.lineName }) }),
-      /* @__PURE__ */ jsx("td", { className: `px-3 py-2.5 sm:p-4 text-sm sm:text-base font-medium ${isAssemblyMode ? "" : "whitespace-nowrap"}`, children: isAssemblyMode ? /* @__PURE__ */ jsx(CycleTimeComparison, { workspace }) : /* @__PURE__ */ jsx(AnimatedEfficiency, { value: workspace.efficiency || 0 }) })
+      /* @__PURE__ */ jsx("td", { className: `px-3 py-2.5 sm:p-4 text-sm sm:text-base font-medium ${isAssemblyMode ? "" : "whitespace-nowrap"}`, children: isAssemblyMode ? renderWorkspaceLeaderboardMetric(workspace, true) : /* @__PURE__ */ jsx("div", { className: "flex flex-col", children: renderWorkspaceLeaderboardMetric(workspace, false) }) })
     ]
   }
 ), (prevProps, nextProps) => {
-  return prevProps.index === nextProps.index && prevProps.rowClass === nextProps.rowClass && prevProps.isClickable === nextProps.isClickable && prevProps.isAssemblyMode === nextProps.isAssemblyMode && prevProps.workspace.workspace_uuid === nextProps.workspace.workspace_uuid && prevProps.workspace.efficiency === nextProps.workspace.efficiency && prevProps.workspace.ideal_cycle_time === nextProps.workspace.ideal_cycle_time && prevProps.workspace.avg_cycle_time === nextProps.workspace.avg_cycle_time && prevProps.workspace.displayName === nextProps.workspace.displayName && prevProps.workspace.lineName === nextProps.workspace.lineName;
+  return prevProps.index === nextProps.index && prevProps.rowClass === nextProps.rowClass && prevProps.isClickable === nextProps.isClickable && prevProps.isAssemblyMode === nextProps.isAssemblyMode && prevProps.workspace.workspace_uuid === nextProps.workspace.workspace_uuid && prevProps.workspace.leaderboard_value === nextProps.workspace.leaderboard_value && prevProps.workspace.leaderboard_metric_kind === nextProps.workspace.leaderboard_metric_kind && prevProps.workspace.efficiency === nextProps.workspace.efficiency && prevProps.workspace.ideal_cycle_time === nextProps.workspace.ideal_cycle_time && prevProps.workspace.avg_cycle_time === nextProps.workspace.avg_cycle_time && prevProps.workspace.displayName === nextProps.workspace.displayName && prevProps.workspace.lineName === nextProps.workspace.lineName;
 });
 DesktopWorkspaceRow.displayName = "DesktopWorkspaceRow";
 var LeaderboardDetailView = memo$1(({
@@ -70095,6 +70675,8 @@ var LeaderboardDetailView = memo$1(({
   const [monthlyError, setMonthlyError] = useState(null);
   const todayRequestKeyRef = useRef(null);
   const monthlyRequestKeyRef = useRef(null);
+  const monthlyLoadKeyRef = useRef(null);
+  const monthlyLoadPromiseRef = useRef(null);
   const leaderboardUpdateQueuedRef = useRef(false);
   const leaderboardUpdateTimerRef = useRef(null);
   const leaderboardViewTrackedRef = useRef(null);
@@ -70369,6 +70951,9 @@ var LeaderboardDetailView = memo$1(({
       trend: 0,
       predicted_output: 0,
       efficiency: entry.efficiency || 0,
+      avg_recent_flow: toFiniteNumber(entry.avg_recent_flow),
+      leaderboard_value: toFiniteNumber(entry.leaderboard_value),
+      leaderboard_metric_kind: entry.leaderboard_metric_kind ?? "efficiency",
       action_threshold: entry.total_day_output || 0,
       displayName: entry.workspace_display_name,
       monitoring_mode: entry.monitoring_mode ?? "output"
@@ -70399,7 +70984,10 @@ var LeaderboardDetailView = memo$1(({
     searchParams.set("monitoring_mode", viewType === "machine" ? "uptime" : "output");
     const data = await fetchBackendJson(
       supabase,
-      `/api/dashboard/leaderboard?${searchParams.toString()}`
+      `/api/dashboard/leaderboard?${searchParams.toString()}`,
+      {
+        timeoutMs: params.startDate && params.endDate ? 3e4 : void 0
+      }
     );
     return data.entries || [];
   }, [supabase, entityConfig.companyId, configuredLineIds, viewType]);
@@ -70477,15 +71065,21 @@ var LeaderboardDetailView = memo$1(({
     setMonthlyLoading(true);
     setMonthlyError(null);
     try {
-      const entries = await fetchLeaderboardEntries({
-        startDate: normalizedRange.startKey,
-        endDate: normalizedRange.endKey,
-        shiftId: monthlyShiftId
-      });
+      const loadPromise = monthlyLoadPromiseRef.current && monthlyLoadKeyRef.current === requestKey ? monthlyLoadPromiseRef.current : (async () => {
+        const entries = await fetchLeaderboardEntries({
+          startDate: normalizedRange.startKey,
+          endDate: normalizedRange.endKey,
+          shiftId: monthlyShiftId
+        });
+        return mapEntriesToWorkspaces(entries, normalizedRange.endKey, monthlyShiftId);
+      })();
+      monthlyLoadKeyRef.current = requestKey;
+      monthlyLoadPromiseRef.current = loadPromise;
+      const workspaces = await loadPromise;
       if (monthlyRequestKeyRef.current !== requestKey) {
         return;
       }
-      setMonthlyEntries(mapEntriesToWorkspaces(entries, normalizedRange.endKey, monthlyShiftId));
+      setMonthlyEntries(workspaces);
     } catch (err) {
       console.error("[LeaderboardDetailView] Error fetching monthly leaderboard:", err);
       if (monthlyRequestKeyRef.current !== requestKey) {
@@ -70494,6 +71088,9 @@ var LeaderboardDetailView = memo$1(({
       setMonthlyError({ message: err.message, code: err.code || "FETCH_ERROR" });
       setMonthlyEntries([]);
     } finally {
+      if (monthlyLoadKeyRef.current === requestKey && monthlyLoadPromiseRef.current) {
+        monthlyLoadPromiseRef.current = null;
+      }
       if (monthlyRequestKeyRef.current === requestKey) {
         setMonthlyLoading(false);
       }
@@ -70506,6 +71103,46 @@ var LeaderboardDetailView = memo$1(({
     monthlyShiftId,
     lineKey
   ]);
+  useEffect(() => {
+    if (activeTab !== "today") {
+      return;
+    }
+    const requestKey = `${normalizedRange.startKey}|${normalizedRange.endKey}|${monthlyShiftId}|${lineKey}|${viewType}`;
+    let cancelled = false;
+    const loadPromise = monthlyLoadPromiseRef.current && monthlyLoadKeyRef.current === requestKey ? monthlyLoadPromiseRef.current : (async () => {
+      const entries = await fetchLeaderboardEntries({
+        startDate: normalizedRange.startKey,
+        endDate: normalizedRange.endKey,
+        shiftId: monthlyShiftId
+      });
+      return mapEntriesToWorkspaces(entries, normalizedRange.endKey, monthlyShiftId);
+    })();
+    monthlyLoadKeyRef.current = requestKey;
+    monthlyLoadPromiseRef.current = loadPromise;
+    loadPromise.then((workspaces) => {
+      if (cancelled) {
+        return;
+      }
+      setMonthlyEntries(workspaces);
+    }).catch(() => {
+    }).finally(() => {
+      if (!cancelled && monthlyLoadKeyRef.current === requestKey && monthlyLoadPromiseRef.current === loadPromise) {
+        monthlyLoadPromiseRef.current = null;
+      }
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [
+    activeTab,
+    fetchLeaderboardEntries,
+    mapEntriesToWorkspaces,
+    normalizedRange.endKey,
+    normalizedRange.startKey,
+    monthlyShiftId,
+    lineKey,
+    viewType
+  ]);
   useEffect(() => {
     if (activeTab === "today") {
       fetchTodayLeaderboard();
@@ -70640,6 +71277,9 @@ var LeaderboardDetailView = memo$1(({
       total_workspaces: workspacesLengthRef.current,
       // Use ref instead of state to avoid dependency
       metric_context: viewType === "machine" ? "machine" : outputCategory,
+      leaderboard_value: getWorkspaceLeaderboardMetricValue(workspace),
+      leaderboard_metric_kind: workspace.leaderboard_metric_kind ?? "efficiency",
+      avg_recent_flow: workspace.avg_recent_flow ?? null,
       efficiency: workspace.efficiency,
       action_count: workspace.action_count,
       action_threshold: workspace.action_threshold,
@@ -70720,9 +71360,12 @@ var LeaderboardDetailView = memo$1(({
         if (ratioB === null) return -1;
         return sortAscending ? ratioA - ratioB : ratioB - ratioA;
       }
-      const effA = a.efficiency || 0;
-      const effB = b.efficiency || 0;
-      return sortAscending ? effA - effB : effB - effA;
+      const metricA = getWorkspaceLeaderboardMetricValue(a);
+      const metricB = getWorkspaceLeaderboardMetricValue(b);
+      if (metricA === null && metricB === null) return 0;
+      if (metricA === null) return 1;
+      if (metricB === null) return -1;
+      return sortAscending ? metricA - metricB : metricB - metricA;
     });
   }, [workspaceDisplayData, sortAscending, selectedLineFilter, selectedShiftFilter, activeTab, viewType, isAssemblyMode]);
   const loading = activeTab === "today" ? todayLoading : monthlyLoading;
@@ -70751,6 +71394,8 @@ var LeaderboardDetailView = memo$1(({
       workspace_count: sortedWorkspaces.length,
       top_workspace_id: topWorkspace?.workspace_uuid ?? null,
       top_workspace_name: topWorkspace?.workspace_name ?? null,
+      top_leaderboard_value: topWorkspace ? getWorkspaceLeaderboardMetricValue(topWorkspace) : null,
+      top_leaderboard_metric_kind: topWorkspace?.leaderboard_metric_kind ?? null,
       top_efficiency: topWorkspace?.efficiency ?? null,
       top_avg_cycle_time: topWorkspace?.avg_cycle_time ?? null,
       top_ideal_cycle_time: topWorkspace?.ideal_cycle_time ?? null,
@@ -75896,7 +76541,11 @@ var WorkspaceDetailView = ({
                   workspace,
                   legend: efficiencyLegend,
                   layout: "stack",
-                  idleTimeData: idleTimeVlmEnabled ? idleTimeData : void 0
+                  idleTimeData: idleTimeVlmEnabled ? idleTimeData : void 0,
+                  skuAware: isSkuAware,
+                  skuBreakdown: isSkuAware ? realSkuBreakdown : void 0,
+                  activeSkuId,
+                  liveSkuId: isHistoricView ? null : liveSkuId
                 }
               ) : /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
                 WorkspaceMetricCards,
@@ -75906,7 +76555,8 @@ var WorkspaceDetailView = ({
                   className: "flex-1",
                   skuAware: isSkuAware,
                   skuBreakdown: isSkuAware ? realSkuBreakdown : void 0,
-                  activeSkuId
+                  activeSkuId,
+                  liveSkuId: isHistoricView ? null : liveSkuId
                 }
               ) })
             ] }),
@@ -76049,7 +76699,11 @@ var WorkspaceDetailView = ({
                   legend: efficiencyLegend,
                   layout: "grid",
                   className: desktopBottomSectionClass,
-                  idleTimeData: idleTimeVlmEnabled ? idleTimeData : void 0
+                  idleTimeData: idleTimeVlmEnabled ? idleTimeData : void 0,
+                  skuAware: isSkuAware,
+                  skuBreakdown: isSkuAware ? realSkuBreakdown : void 0,
+                  activeSkuId,
+                  liveSkuId: isHistoricView ? null : liveSkuId
                 }
               ) : /* @__PURE__ */ jsx("div", { className: clsx("flex min-h-0", desktopBottomSectionClass), children: /* @__PURE__ */ jsx(
                 WorkspaceMetricCards,
@@ -76059,7 +76713,8 @@ var WorkspaceDetailView = ({
                   className: "flex-1",
                   skuAware: isSkuAware,
                   skuBreakdown: isSkuAware ? realSkuBreakdown : void 0,
-                  activeSkuId
+                  activeSkuId,
+                  liveSkuId: isHistoricView ? null : liveSkuId
                 }
               ) })
             ] })
@@ -85098,4 +85753,4 @@ var streamProxyConfig = {
   }
 };
 
-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, 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, 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, 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, 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, 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 };