@optifye/dashboard-core 6.11.14 → 6.11.16

package/dist/index.mjs

@@ -12,7 +12,7 @@ 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, Sun, Moon, MousePointer, UserPlus, UserCog, Trash2, Eye, MoreVertical, BarChart3, Pencil, UserCheck, LogOut, Film, MessageSquare, Menu, Send, Copy, 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, PieChart, Pie, Cell, ComposedChart, Area, ScatterChart, Scatter } from 'recharts';
+import { BarChart as BarChart$1, CartesianGrid, XAxis, YAxis, ReferenceLine, Tooltip, Legend, Bar, LabelList, ResponsiveContainer, PieChart, Pie, Cell, LineChart as LineChart$1, Line, ComposedChart, Area, ScatterChart, Scatter } from 'recharts';
 import { Slot } from '@radix-ui/react-slot';
 import * as SelectPrimitive from '@radix-ui/react-select';
 import { DayPicker, useNavigation as useNavigation$1 } from 'react-day-picker';
@@ -11742,6 +11742,9 @@ var toWorkspaceDetailedMetrics = ({
   const idealOutput = coerceNumber(data.ideal_output ?? data.ideal_output_until_now, 0);
   const outputDifference = totalActions - idealOutput;
   const hourlyCycleTimes = Array.isArray(data.hourly_cycle_times) ? data.hourly_cycle_times.map((value) => coerceNumber(value, 0)) : [];
+  const cycleCompletionClipCount = data.cycle_completion_clip_count === null || data.cycle_completion_clip_count === void 0 ? null : coerceNumber(data.cycle_completion_clip_count, 0);
+  const cycleTimeDataStatus = data.cycle_time_data_status === "missing_clips" ? "missing_clips" : data.cycle_time_data_status === "available" ? "available" : null;
+  const cycleTimeTimezone = typeof data.cycle_time_timezone === "string" ? data.cycle_time_timezone : null;
   const totalWorkspacesValue = coerceNumber(
     data.total_workspaces ?? lineMetricsById?.[data.line_id || ""]?.total_workspaces ?? workspaceConfig.totalWorkspaces,
     0
@@ -11789,6 +11792,9 @@ var toWorkspaceDetailedMetrics = ({
     total_actions: totalActions,
     hourly_action_counts: hourlyActionCounts,
     hourly_cycle_times: hourlyCycleTimes,
+    cycle_completion_clip_count: cycleCompletionClipCount,
+    cycle_time_data_status: cycleTimeDataStatus,
+    cycle_time_timezone: cycleTimeTimezone,
     workspace_rank: coerceNumber(data.workspace_rank, 0),
     total_workspaces: totalWorkspacesValue,
     ideal_output_until_now: idealOutput,
@@ -12829,6 +12835,7 @@ var useShiftGroups = ({
 }) => {
   const [shiftGroups, setShiftGroups] = useState([]);
   const [shiftGroupsKey, setShiftGroupsKey] = useState("");
+  const [hasComputed, setHasComputed] = useState(false);
   const lastKeyRef = useRef("");
   const mapRef = useRef(shiftConfigMap);
   useEffect(() => {
@@ -12839,6 +12846,7 @@ var useShiftGroups = ({
       lastKeyRef.current = "";
       setShiftGroups([]);
       setShiftGroupsKey("");
+      setHasComputed(false);
       return;
     }
     let isMounted = true;
@@ -12851,6 +12859,7 @@ var useShiftGroups = ({
         setShiftGroups(groups);
         setShiftGroupsKey(key);
       }
+      setHasComputed(true);
     };
     compute();
     const intervalId = setInterval(compute, pollIntervalMs);
@@ -12859,7 +12868,7 @@ var useShiftGroups = ({
       clearInterval(intervalId);
     };
   }, [enabled, shiftConfigMap.size, timezone, pollIntervalMs]);
-  return { shiftGroups, shiftGroupsKey };
+  return { shiftGroups, shiftGroupsKey, hasComputed };
 };
 
 // src/lib/types/efficiencyLegend.ts
@@ -12921,52 +12930,6 @@ function getEfficiencyTextColorClasses(efficiency, legend = DEFAULT_EFFICIENCY_L
   }
 }
 
-// src/lib/hooks/useDashboardMetrics.recentFlow.ts
-var isFiniteNumber = (value) => typeof value === "number" && Number.isFinite(value);
-var getWorkspaceRecentFlowCacheKey = (workspace) => {
-  const workspaceKey = workspace.workspace_uuid || workspace.workspace_name || "unknown";
-  return `${workspaceKey}|${workspace.date}|${workspace.shift_id}`;
-};
-var toRecentFlowSnapshot = (workspace) => {
-  if (!isFiniteNumber(workspace.recent_flow_percent)) {
-    return null;
-  }
-  return {
-    recent_flow_percent: workspace.recent_flow_percent,
-    recent_flow_actual_rate_pph: workspace.recent_flow_actual_rate_pph ?? null,
-    recent_flow_healthy_rate_pph: workspace.recent_flow_healthy_rate_pph ?? null,
-    recent_flow_window_minutes: workspace.recent_flow_window_minutes ?? null,
-    recent_flow_effective_end_at: workspace.recent_flow_effective_end_at ?? null
-  };
-};
-var mergeWorkspaceRecentFlowMetrics = (workspaces, previousCache) => {
-  const nextCache = /* @__PURE__ */ new Map();
-  const mergedWorkspaces = workspaces.map((workspace) => {
-    const cacheKey = getWorkspaceRecentFlowCacheKey(workspace);
-    const currentSnapshot = toRecentFlowSnapshot(workspace);
-    if (workspace.recent_flow_mode === "computed" && currentSnapshot) {
-      nextCache.set(cacheKey, currentSnapshot);
-      return workspace;
-    }
-    if (workspace.recent_flow_mode === "hold") {
-      const cachedSnapshot = previousCache.get(cacheKey);
-      if (cachedSnapshot) {
-        nextCache.set(cacheKey, cachedSnapshot);
-        return {
-          ...workspace,
-          ...cachedSnapshot,
-          recent_flow_mode: "hold"
-        };
-      }
-    }
-    return workspace;
-  });
-  return {
-    workspaces: mergedWorkspaces,
-    cache: nextCache
-  };
-};
-
 // src/lib/hooks/useDashboardMetrics.ts
 var DEBUG_DASHBOARD_LOGS = process.env.NEXT_PUBLIC_DEBUG_DASHBOARD === "true";
 var logDebug = (...args) => {
@@ -13055,7 +13018,6 @@ var useDashboardMetrics = ({ onLineMetricsUpdate, lineId, userAccessibleLineIds
   const abortControllerRef = useRef(null);
   const lastFetchKeyRef = useRef(null);
   const inFlightFetchKeyRef = useRef(null);
-  const recentFlowCacheRef = useRef(/* @__PURE__ */ new Map());
   const updateQueueRef = useRef(false);
   const onLineMetricsUpdateRef = useRef(onLineMetricsUpdate);
   const shiftGroupsRef = useRef(shiftGroups);
@@ -13089,7 +13051,6 @@ var useDashboardMetrics = ({ onLineMetricsUpdate, lineId, userAccessibleLineIds
     setError(null);
     lastFetchKeyRef.current = null;
     inFlightFetchKeyRef.current = null;
-    recentFlowCacheRef.current = /* @__PURE__ */ new Map();
   }, [lineId]);
   const fetchAllMetrics = useCallback(async (options = {}) => {
     const { force = false } = options;
@@ -13364,12 +13325,9 @@ var useDashboardMetrics = ({ onLineMetricsUpdate, lineId, userAccessibleLineIds
             actionType: item.action_type,
             actionName: item.action_name
           }),
-          recent_flow_mode: item.recent_flow_mode ?? void 0,
           recent_flow_percent: item.recent_flow_percent ?? null,
-          recent_flow_actual_rate_pph: item.recent_flow_actual_rate_pph ?? null,
-          recent_flow_healthy_rate_pph: item.recent_flow_healthy_rate_pph ?? null,
-          recent_flow_window_minutes: item.recent_flow_window_minutes ?? null,
           recent_flow_effective_end_at: item.recent_flow_effective_end_at ?? null,
+          recent_flow_computed_at: item.recent_flow_computed_at ?? null,
           incoming_wip_current: item.incoming_wip_current ?? null,
           incoming_wip_effective_at: item.incoming_wip_effective_at ?? null,
           incoming_wip_buffer_name: item.incoming_wip_buffer_name ?? null
@@ -13380,16 +13338,11 @@ var useDashboardMetrics = ({ onLineMetricsUpdate, lineId, userAccessibleLineIds
         const wsNumB = parseInt(b.workspace_name?.replace(/[^0-9]/g, "") || "0");
         return wsNumA - wsNumB;
       });
-      const {
-        workspaces: mergedWorkspaceData,
-        cache: nextRecentFlowCache
-      } = mergeWorkspaceRecentFlowMetrics(transformedWorkspaceData, recentFlowCacheRef.current);
-      recentFlowCacheRef.current = nextRecentFlowCache;
-      mergedWorkspaceData.forEach((metric) => {
+      transformedWorkspaceData.forEach((metric) => {
         workspaceMetricsStore.setOverview(metric);
       });
       const newMetricsState = {
-        workspaceMetrics: mergedWorkspaceData,
+        workspaceMetrics: transformedWorkspaceData,
         lineMetrics: allLineMetrics || [],
         metadata: { hasFlowBuffers, idleTimeVlmByLine },
         efficiencyLegend: efficiencyLegend ?? DEFAULT_EFFICIENCY_LEGEND
@@ -16814,7 +16767,7 @@ var useActiveBreaks = (lineIds) => {
   const [isLoading, setIsLoading] = useState(true);
   const [error, setError] = useState(null);
   const supabase = useSupabase();
-  const parseTimeToMinutes3 = (timeStr) => {
+  const parseTimeToMinutes4 = (timeStr) => {
     const [hours, minutes] = timeStr.split(":").map(Number);
     return hours * 60 + minutes;
   };
@@ -16823,8 +16776,8 @@ var useActiveBreaks = (lineIds) => {
     return now4.getHours() * 60 + now4.getMinutes();
   };
   const isTimeInBreak = (breakStart, breakEnd, currentMinutes) => {
-    const startMinutes = parseTimeToMinutes3(breakStart);
-    const endMinutes = parseTimeToMinutes3(breakEnd);
+    const startMinutes = parseTimeToMinutes4(breakStart);
+    const endMinutes = parseTimeToMinutes4(breakEnd);
     if (endMinutes < startMinutes) {
       return currentMinutes >= startMinutes || currentMinutes < endMinutes;
     } else {
@@ -16832,8 +16785,8 @@ var useActiveBreaks = (lineIds) => {
     }
   };
   const calculateBreakProgress = (breakStart, breakEnd, currentMinutes) => {
-    const startMinutes = parseTimeToMinutes3(breakStart);
-    const endMinutes = parseTimeToMinutes3(breakEnd);
+    const startMinutes = parseTimeToMinutes4(breakStart);
+    const endMinutes = parseTimeToMinutes4(breakEnd);
     let elapsedMinutes = 0;
     let remainingMinutes = 0;
     if (endMinutes < startMinutes) {
@@ -16851,8 +16804,8 @@ var useActiveBreaks = (lineIds) => {
     return { elapsedMinutes, remainingMinutes };
   };
   const isTimeInShift = (startTime, endTime, currentMinutes) => {
-    const startMinutes = parseTimeToMinutes3(startTime);
-    const endMinutes = parseTimeToMinutes3(endTime);
+    const startMinutes = parseTimeToMinutes4(startTime);
+    const endMinutes = parseTimeToMinutes4(endTime);
     if (endMinutes < startMinutes) {
       return currentMinutes >= startMinutes || currentMinutes < endMinutes;
     } else {
@@ -16912,8 +16865,8 @@ var useActiveBreaks = (lineIds) => {
               const endTime = breakItem.end || breakItem.endTime || "00:00";
               let duration = breakItem.duration || 0;
               if (!duration || duration === 0) {
-                const startMinutes = parseTimeToMinutes3(startTime);
-                const endMinutes = parseTimeToMinutes3(endTime);
+                const startMinutes = parseTimeToMinutes4(startTime);
+                const endMinutes = parseTimeToMinutes4(endTime);
                 duration = endMinutes < startMinutes ? endMinutes + 24 * 60 - startMinutes : endMinutes - startMinutes;
               }
               return {
@@ -16929,8 +16882,8 @@ var useActiveBreaks = (lineIds) => {
               const endTime = breakItem.end || breakItem.endTime || "00:00";
               let duration = breakItem.duration || 0;
               if (!duration || duration === 0) {
-                const startMinutes = parseTimeToMinutes3(startTime);
-                const endMinutes = parseTimeToMinutes3(endTime);
+                const startMinutes = parseTimeToMinutes4(startTime);
+                const endMinutes = parseTimeToMinutes4(endTime);
                 duration = endMinutes < startMinutes ? endMinutes + 24 * 60 - startMinutes : endMinutes - startMinutes;
               }
               return {
@@ -23011,6 +22964,16 @@ var createThrottledReload = (interval = 5e3, maxReloads = 3) => {
 };
 var throttledReloadDashboard = createThrottledReload(5e3, 3);
 
+// src/lib/utils/dev/localDevTestLogin.ts
+var isLoopbackHostname = (hostname) => {
+  const normalized = String(hostname || "").trim().toLowerCase();
+  return normalized === "localhost" || normalized === "127.0.0.1" || normalized === "::1";
+};
+var shouldEnableLocalDevTestLogin = ({
+  enabledFlag,
+  hostname
+}) => enabledFlag && isLoopbackHostname(hostname);
+
 // src/lib/utils/index.ts
 var formatIdleTime = (idleTimeInSeconds) => {
   if (!idleTimeInSeconds || idleTimeInSeconds <= 0) {
@@ -31195,12 +31158,16 @@ var LoginPage = ({
   onRateLimitCheck,
   logoSrc = optifye_logo_default,
   logoAlt = "Optifye",
-  brandName = "Optifye"
+  brandName = "Optifye",
+  showDevTestLogin = false,
+  devTestLoginLabel = "Sign in as Test User",
+  onDevTestLogin
 }) => {
   const [email, setEmail] = useState("");
   const [otp, setOtp] = useState("");
   const [step, setStep] = useState("email");
   const [loading, setLoading] = useState(false);
+  const [devLoginLoading, setDevLoginLoading] = useState(false);
   const [error, setError] = useState(null);
   const [countdown, setCountdown] = useState(0);
   const supabase = useSupabase();
@@ -31264,6 +31231,25 @@ var LoginPage = ({
       startCountdown();
     }
   };
+  const handleDevTestLogin = async () => {
+    if (!onDevTestLogin) {
+      return;
+    }
+    setDevLoginLoading(true);
+    setError(null);
+    try {
+      const result = await onDevTestLogin();
+      const nextError = typeof result === "object" && result !== null && "error" in result ? result.error : null;
+      if (typeof nextError === "string" && nextError.trim()) {
+        setError(nextError);
+      }
+    } catch (err) {
+      console.error("Dev test login failed:", err);
+      setError("Dev test login unavailable.");
+    } finally {
+      setDevLoginLoading(false);
+    }
+  };
   return /* @__PURE__ */ jsx("div", { className: "min-h-screen flex items-center justify-center bg-gradient-to-br from-slate-50 to-slate-100", children: /* @__PURE__ */ jsxs("div", { className: "max-w-md w-full mx-4", children: [
     /* @__PURE__ */ jsxs("div", { className: "bg-white rounded-2xl shadow-xl border border-slate-200 p-8", children: [
       /* @__PURE__ */ jsxs("div", { className: "text-center mb-8", children: [
@@ -31304,7 +31290,7 @@ var LoginPage = ({
           "button",
           {
             type: "submit",
-            disabled: loading,
+            disabled: loading || devLoginLoading,
             className: "w-full py-3 px-4 bg-slate-900 hover:bg-slate-800 focus:ring-2 focus:ring-slate-600 focus:ring-offset-2 text-white font-medium rounded-xl transition-all duration-200 disabled:opacity-50 disabled:cursor-not-allowed flex items-center justify-center",
             children: loading ? /* @__PURE__ */ jsxs(Fragment, { children: [
               /* @__PURE__ */ jsxs("svg", { className: "animate-spin -ml-1 mr-3 h-4 w-4 text-white", xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", children: [
@@ -31314,7 +31300,31 @@ var LoginPage = ({
               "Sending..."
             ] }) : "Continue with Email"
           }
-        )
+        ),
+        showDevTestLogin && onDevTestLogin ? /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+            /* @__PURE__ */ jsx("div", { className: "h-px flex-1 bg-slate-200" }),
+            /* @__PURE__ */ jsx("span", { className: "text-xs font-medium uppercase tracking-[0.2em] text-slate-400", children: "Local Dev" }),
+            /* @__PURE__ */ jsx("div", { className: "h-px flex-1 bg-slate-200" })
+          ] }),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              disabled: loading || devLoginLoading,
+              onClick: () => void handleDevTestLogin(),
+              className: "w-full py-3 px-4 bg-white hover:bg-slate-50 focus:ring-2 focus:ring-slate-400 focus:ring-offset-2 text-slate-700 font-medium rounded-xl border border-slate-200 transition-all duration-200 disabled:opacity-50 disabled:cursor-not-allowed flex items-center justify-center",
+              children: devLoginLoading ? /* @__PURE__ */ jsxs(Fragment, { children: [
+                /* @__PURE__ */ jsxs("svg", { className: "animate-spin -ml-1 mr-3 h-4 w-4 text-slate-700", xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", children: [
+                  /* @__PURE__ */ jsx("circle", { className: "opacity-25", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4" }),
+                  /* @__PURE__ */ jsx("path", { className: "opacity-75", fill: "currentColor", d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z" })
+                ] }),
+                "Signing In..."
+              ] }) : devTestLoginLabel
+            }
+          ),
+          /* @__PURE__ */ jsx("p", { className: "text-center text-xs text-slate-500", children: "Localhost-only convenience login for the shared test account." })
+        ] }) : null
       ] }) : /* @__PURE__ */ jsxs("form", { className: "space-y-6", onSubmit: handleVerifyOTP, children: [
         /* @__PURE__ */ jsxs("div", { children: [
           /* @__PURE__ */ jsx("label", { htmlFor: "otp", className: "block text-sm font-medium text-slate-700 mb-2 text-center", children: "Enter the 6-digit code sent to" }),
@@ -31339,7 +31349,7 @@ var LoginPage = ({
           "button",
           {
             type: "submit",
-            disabled: loading || otp.length !== 6,
+            disabled: loading || devLoginLoading || otp.length !== 6,
             className: "w-full py-3 px-4 bg-slate-900 hover:bg-slate-800 focus:ring-2 focus:ring-slate-600 focus:ring-offset-2 text-white font-medium rounded-xl transition-all duration-200 disabled:opacity-50 disabled:cursor-not-allowed flex items-center justify-center",
             children: loading ? /* @__PURE__ */ jsxs(Fragment, { children: [
               /* @__PURE__ */ jsxs("svg", { className: "animate-spin -ml-1 mr-3 h-4 w-4 text-white", xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", children: [
@@ -32180,31 +32190,35 @@ var LineChartComponent = ({
   ...restOfChartProps
 }) => {
   const containerRef = React141__default.useRef(null);
-  const [containerReady, setContainerReady] = React141__default.useState(false);
-  const themeConfig = useThemeConfig();
-  const { formatNumber } = useFormatNumber();
+  const [dimensions, setDimensions] = React141__default.useState({ width: 0, height: 0 });
+  const [hasValidData, setHasValidData] = React141__default.useState(false);
   React141__default.useEffect(() => {
-    const checkContainerDimensions = () => {
-      if (containerRef.current) {
-        const rect = containerRef.current.getBoundingClientRect();
-        if (rect.width > 0 && rect.height > 0) {
-          setContainerReady(true);
-        }
-      }
-    };
-    checkContainerDimensions();
-    const resizeObserver = new ResizeObserver(checkContainerDimensions);
-    if (containerRef.current) {
-      resizeObserver.observe(containerRef.current);
+    const currentHasValidData = data && lines && lines.length > 0 && data.some(
+      (item) => lines.some((line) => {
+        const val = item[line.dataKey];
+        return typeof val === "number" && val > 0;
+      })
+    );
+    if (currentHasValidData && !hasValidData) {
+      setHasValidData(true);
     }
-    const fallbackTimeout = setTimeout(() => {
-      setContainerReady(true);
-    }, 100);
-    return () => {
-      resizeObserver.disconnect();
-      clearTimeout(fallbackTimeout);
-    };
+  }, [data, lines, hasValidData]);
+  React141__default.useEffect(() => {
+    if (!containerRef.current) return;
+    const observer = new ResizeObserver((entries) => {
+      const entry = entries[0];
+      if (entry) {
+        setDimensions({
+          width: entry.contentRect.width,
+          height: entry.contentRect.height
+        });
+      }
+    });
+    observer.observe(containerRef.current);
+    return () => observer.disconnect();
   }, []);
+  const themeConfig = useThemeConfig();
+  const { formatNumber } = useFormatNumber();
   const yAxisTickFormatter = (value) => {
     return `${formatNumber(value)}${yAxisUnit || ""}`;
   };
@@ -32226,57 +32240,71 @@ var LineChartComponent = ({
   const gridStrokeColor = themeConfig?.gray?.["300"] || "#ccc";
   const axisTickFillColor = themeConfig?.gray?.["600"] || "#666";
   const axisStrokeColor = themeConfig?.gray?.["400"] || "#999";
-  const chartContent = /* @__PURE__ */ jsxs(LineChart$1, { data, margin: { top: 5, right: 30, left: 20, bottom: 20 }, ...restOfChartProps, children: [
-    showGrid && /* @__PURE__ */ jsx(CartesianGrid, { strokeDasharray: "3 3", stroke: gridStrokeColor }),
-    /* @__PURE__ */ jsx(
-      XAxis,
-      {
-        dataKey: xAxisDataKey,
-        label: xAxisLabel ? { value: xAxisLabel, position: "insideBottom", offset: -10 } : void 0,
-        tickFormatter: xAxisTickFormatter,
-        tick: { fontSize: 12, fill: axisTickFillColor },
-        stroke: axisStrokeColor
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      YAxis,
-      {
-        label: yAxisLabel ? { value: yAxisLabel, angle: -90, position: "insideLeft" } : void 0,
-        tickFormatter: yAxisTickFormatter,
-        domain: yAxisDomain,
-        tick: { fontSize: 12, fill: axisTickFillColor },
-        stroke: axisStrokeColor
-      }
-    ),
-    showTooltip && /* @__PURE__ */ jsx(
-      Tooltip,
-      {
-        formatter: tooltipFormatter || defaultTooltipFormatter,
-        labelFormatter: tooltipLabelFormatter,
-        itemStyle: { color: "#111827" },
-        cursor: { strokeDasharray: "3 3" }
-      }
-    ),
-    showLegend && /* @__PURE__ */ jsx(Legend, { payload: legendPayload }),
-    lines.map((lineConfig, index) => {
-      const lineProps = {
-        ...lineConfig,
-        key: lineConfig.dataKey,
-        type: lineConfig.type || "monotone",
-        stroke: lineConfig.stroke || defaultColors[index % defaultColors.length],
-        activeDot: lineConfig.activeDot !== void 0 ? lineConfig.activeDot : { r: 6 }
-      };
-      return /* @__PURE__ */ jsx(Line, { ...lineProps, children: lineConfig.labelList && /* @__PURE__ */ jsx(
-        LabelList,
-        {
-          dataKey: lineConfig.dataKey,
-          position: "top",
-          formatter: (value) => formatNumber(value),
-          ...typeof lineConfig.labelList === "object" ? lineConfig.labelList : {}
-        }
-      ) });
-    })
-  ] });
+  const renderChartContent = (chartWidth, chartHeight) => /* @__PURE__ */ jsxs(
+    LineChart$1,
+    {
+      width: chartWidth,
+      height: chartHeight,
+      data,
+      margin: { top: 5, right: 30, left: 20, bottom: 20 },
+      ...restOfChartProps,
+      children: [
+        showGrid && /* @__PURE__ */ jsx(CartesianGrid, { strokeDasharray: "3 3", stroke: gridStrokeColor }),
+        /* @__PURE__ */ jsx(
+          XAxis,
+          {
+            dataKey: xAxisDataKey,
+            label: xAxisLabel ? { value: xAxisLabel, position: "insideBottom", offset: -10 } : void 0,
+            tickFormatter: xAxisTickFormatter,
+            tick: { fontSize: 12, fill: axisTickFillColor },
+            stroke: axisStrokeColor
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          YAxis,
+          {
+            label: yAxisLabel ? { value: yAxisLabel, angle: -90, position: "insideLeft" } : void 0,
+            tickFormatter: yAxisTickFormatter,
+            domain: yAxisDomain,
+            tick: { fontSize: 12, fill: axisTickFillColor },
+            stroke: axisStrokeColor
+          }
+        ),
+        showTooltip && /* @__PURE__ */ jsx(
+          Tooltip,
+          {
+            formatter: tooltipFormatter || defaultTooltipFormatter,
+            labelFormatter: tooltipLabelFormatter,
+            itemStyle: { color: "#111827" },
+            cursor: { strokeDasharray: "3 3" }
+          }
+        ),
+        showLegend && /* @__PURE__ */ jsx(Legend, { payload: legendPayload }),
+        lines.map((lineConfig, index) => {
+          const lineProps = {
+            ...lineConfig,
+            key: lineConfig.dataKey,
+            type: lineConfig.type || "monotone",
+            stroke: lineConfig.stroke || defaultColors[index % defaultColors.length],
+            activeDot: lineConfig.activeDot !== void 0 ? lineConfig.activeDot : { r: 6 },
+            isAnimationActive: true,
+            animationDuration: 1500,
+            animationBegin: 300
+          };
+          return /* @__PURE__ */ jsx(Line, { ...lineProps, children: lineConfig.labelList && /* @__PURE__ */ jsx(
+            LabelList,
+            {
+              dataKey: lineConfig.dataKey,
+              position: "top",
+              formatter: (value) => formatNumber(value),
+              ...typeof lineConfig.labelList === "object" ? lineConfig.labelList : {}
+            }
+          ) });
+        })
+      ]
+    },
+    hasValidData ? "valid" : "empty"
+  );
   if (responsive) {
     return /* @__PURE__ */ jsx(
       "div",
@@ -32284,11 +32312,20 @@ var LineChartComponent = ({
         ref: containerRef,
         className: clsx(fillContainer ? "w-full h-full" : "w-full h-auto", className),
         style: fillContainer ? { height: "100%", minHeight: "50px", minWidth: "100px" } : { aspectRatio: `${aspect}/1`, minHeight: "50px", minWidth: "100px" },
-        children: containerReady ? /* @__PURE__ */ jsx(ResponsiveContainer, { width: "100%", height: "100%", children: chartContent }) : /* @__PURE__ */ jsx("div", { className: "w-full h-full flex items-center justify-center bg-gray-50 rounded-lg", children: /* @__PURE__ */ jsx("div", { className: "text-gray-500 text-sm", children: "Loading chart..." }) })
+        children: /* @__PURE__ */ jsx(
+          motion.div,
+          {
+            initial: { opacity: 0 },
+            animate: { opacity: 1 },
+            transition: { duration: 0.5 },
+            className: "w-full h-full",
+            children: dimensions.width > 0 && dimensions.height > 0 && renderChartContent(dimensions.width, dimensions.height)
+          }
+        )
       }
     );
   }
-  return /* @__PURE__ */ jsx("div", { className: clsx("w-full", className), children: chartContent });
+  return /* @__PURE__ */ jsx("div", { className: clsx("w-full", className), children: renderChartContent(restOfChartProps.width, restOfChartProps.height) });
 };
 var LineChart = React141__default.memo(LineChartComponent, (prevProps, nextProps) => {
   if (prevProps.xAxisDataKey !== nextProps.xAxisDataKey || prevProps.xAxisLabel !== nextProps.xAxisLabel || prevProps.yAxisLabel !== nextProps.yAxisLabel || prevProps.yAxisUnit !== nextProps.yAxisUnit || prevProps.className !== nextProps.className || prevProps.showGrid !== nextProps.showGrid || prevProps.showLegend !== nextProps.showLegend || prevProps.showTooltip !== nextProps.showTooltip || prevProps.responsive !== nextProps.responsive || prevProps.aspect !== nextProps.aspect || JSON.stringify(prevProps.yAxisDomain) !== JSON.stringify(nextProps.yAxisDomain)) {
@@ -32556,14 +32593,35 @@ var CycleTimeOverTimeChart = ({
 }) => {
   const MAX_DATA_POINTS = 40;
   const containerRef = React141__default.useRef(null);
-  const [containerReady, setContainerReady] = React141__default.useState(false);
-  const parseTimeToMinutes3 = (value) => {
+  const [dimensions, setDimensions] = React141__default.useState({ width: 0, height: 0 });
+  const [hasValidData, setHasValidData] = React141__default.useState(false);
+  React141__default.useEffect(() => {
+    const currentHasValidData = data && data.some((val) => val !== null && val > 0);
+    if (currentHasValidData && !hasValidData) {
+      setHasValidData(true);
+    }
+  }, [data, hasValidData]);
+  React141__default.useEffect(() => {
+    if (!containerRef.current) return;
+    const observer = new ResizeObserver((entries) => {
+      const entry = entries[0];
+      if (entry) {
+        setDimensions({
+          width: entry.contentRect.width,
+          height: entry.contentRect.height
+        });
+      }
+    });
+    observer.observe(containerRef.current);
+    return () => observer.disconnect();
+  }, []);
+  const parseTimeToMinutes4 = (value) => {
     const [hours, minutes] = value.split(":").map(Number);
     if (!Number.isFinite(hours) || !Number.isFinite(minutes)) return 0;
     return hours * 60 + minutes;
   };
   const formatHourLabel = (slotIndex) => {
-    const baseMinutes = parseTimeToMinutes3(shiftStart);
+    const baseMinutes = parseTimeToMinutes4(shiftStart);
     const absoluteMinutes = baseMinutes + slotIndex * 60;
     const hour24 = Math.floor(absoluteMinutes % (24 * 60) / 60);
     const ampm = hour24 >= 12 ? "PM" : "AM";
@@ -32582,52 +32640,7 @@ var CycleTimeOverTimeChart = ({
   const displayData = getDisplayData(data);
   const DURATION = displayData.length;
   const effectiveDatasetKey = datasetKey || `cycle-time:${xAxisMode}`;
-  const [animatedDatasetKey, setAnimatedDatasetKey] = React141__default.useState(null);
-  const shouldAnimate = animatedDatasetKey !== effectiveDatasetKey;
-  const handleAnimationEnd = React141__default.useCallback(() => {
-    setAnimatedDatasetKey((currentValue) => currentValue === effectiveDatasetKey ? currentValue : effectiveDatasetKey);
-  }, [effectiveDatasetKey]);
   const finalData = displayData;
-  React141__default.useEffect(() => {
-    const containerNode = containerRef.current;
-    if (!containerNode) {
-      setContainerReady(true);
-      return void 0;
-    }
-    let frameId = null;
-    let resizeObserver = null;
-    const checkContainerDimensions = () => {
-      const rect = containerNode.getBoundingClientRect();
-      const isReady = rect.width > 0 && rect.height > 0;
-      if (isReady) {
-        setContainerReady(true);
-      }
-      return isReady;
-    };
-    if (checkContainerDimensions()) {
-      return void 0;
-    }
-    frameId = window.requestAnimationFrame(() => {
-      checkContainerDimensions();
-    });
-    if (typeof ResizeObserver !== "undefined") {
-      resizeObserver = new ResizeObserver(() => {
-        if (checkContainerDimensions() && resizeObserver) {
-          resizeObserver.disconnect();
-          resizeObserver = null;
-        }
-      });
-      resizeObserver.observe(containerNode);
-    } else {
-      setContainerReady(true);
-    }
-    return () => {
-      if (frameId !== null) {
-        window.cancelAnimationFrame(frameId);
-      }
-      resizeObserver?.disconnect();
-    };
-  }, []);
   const labelInterval = React141__default.useMemo(() => {
     if (xAxisMode === "hourly") {
       return Math.max(1, Math.ceil(DURATION / 8));
@@ -32669,16 +32682,162 @@ var CycleTimeOverTimeChart = ({
       return `${minutes} minutes ${seconds} seconds ago`;
     }
   };
+  const getNumericValue = React141__default.useCallback((value) => typeof value === "number" && Number.isFinite(value) ? value : null, []);
+  const renderChartTooltip = React141__default.useCallback((tooltipProps) => {
+    const { active, payload } = tooltipProps;
+    if (!active || !Array.isArray(payload) || payload.length === 0) {
+      return null;
+    }
+    const visibleEntries = payload.filter((entry) => getNumericValue(entry.value) !== null);
+    if (!visibleEntries.length) {
+      return null;
+    }
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        style: {
+          backgroundColor: "white",
+          border: "none",
+          borderRadius: "8px",
+          boxShadow: "0 4px 12px rgba(0,0,0,0.1)",
+          padding: "8px 12px",
+          fontSize: "13px"
+        },
+        children: [
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              style: {
+                color: "#374151",
+                fontWeight: 600,
+                marginBottom: "4px"
+              },
+              children: payload[0]?.payload?.tooltip || ""
+            }
+          ),
+          visibleEntries.map((entry) => {
+            const numericValue = getNumericValue(entry.value);
+            if (numericValue === null) {
+              return null;
+            }
+            return /* @__PURE__ */ jsx(
+              "div",
+              {
+                style: {
+                  color: "#4B5563",
+                  padding: "2px 0"
+                },
+                children: entry.name === "idleMinutes" ? `Idle Time: ${numericValue.toFixed(0)} minutes` : `Cycle Time: ${numericValue.toFixed(1)} seconds`
+              },
+              `${entry.name}-${numericValue}`
+            );
+          })
+        ]
+      }
+    );
+  }, [getNumericValue]);
+  const renderCycleDot = React141__default.useCallback((props) => {
+    const { cx: cx2, cy, payload } = props;
+    const cycleTime = getNumericValue(payload?.cycleTime);
+    if (cycleTime === null) {
+      return /* @__PURE__ */ jsx("g", {});
+    }
+    return /* @__PURE__ */ jsx(
+      "circle",
+      {
+        cx: cx2,
+        cy,
+        r: 4,
+        fill: cycleTime <= idealCycleTime ? "#00AB45" : "#E34329",
+        stroke: "#fff",
+        strokeWidth: 1,
+        style: {
+          filter: "brightness(1)",
+          transition: "filter 0.3s ease, transform 0.3s ease",
+          cursor: "pointer"
+        },
+        onMouseEnter: (e) => {
+          const target = e.target;
+          target.style.filter = "brightness(1.2)";
+          target.style.transform = "scale(1.2)";
+        },
+        onMouseLeave: (e) => {
+          const target = e.target;
+          target.style.filter = "brightness(1)";
+          target.style.transform = "scale(1)";
+        }
+      }
+    );
+  }, [getNumericValue, idealCycleTime]);
+  const renderCycleActiveDot = React141__default.useCallback((props) => {
+    const { cx: cx2, cy, payload } = props;
+    const cycleTime = getNumericValue(payload?.cycleTime);
+    if (cycleTime === null) {
+      return /* @__PURE__ */ jsx("g", {});
+    }
+    return /* @__PURE__ */ jsx(
+      "circle",
+      {
+        cx: cx2,
+        cy,
+        r: 6,
+        fill: cycleTime <= idealCycleTime ? "#00AB45" : "#E34329",
+        stroke: "#fff",
+        strokeWidth: 2,
+        style: {
+          filter: "drop-shadow(0 0 2px rgba(0,0,0,0.2))"
+        }
+      }
+    );
+  }, [getNumericValue, idealCycleTime]);
+  const renderIdleDot = React141__default.useCallback((props) => {
+    const { cx: cx2, cy, payload } = props;
+    const idleMinutes = getNumericValue(payload?.idleMinutes);
+    if (idleMinutes === null) {
+      return /* @__PURE__ */ jsx("g", {});
+    }
+    return /* @__PURE__ */ jsx(
+      "circle",
+      {
+        cx: cx2,
+        cy,
+        r: 4,
+        fill: "#f59e0b",
+        stroke: "#fff",
+        strokeWidth: 1
+      }
+    );
+  }, [getNumericValue]);
+  const renderIdleActiveDot = React141__default.useCallback((props) => {
+    const { cx: cx2, cy, payload } = props;
+    const idleMinutes = getNumericValue(payload?.idleMinutes);
+    if (idleMinutes === null) {
+      return /* @__PURE__ */ jsx("g", {});
+    }
+    return /* @__PURE__ */ jsx(
+      "circle",
+      {
+        cx: cx2,
+        cy,
+        r: 6,
+        fill: "#f59e0b",
+        stroke: "#fff",
+        strokeWidth: 2
+      }
+    );
+  }, [getNumericValue]);
   const chartData = React141__default.useMemo(() => Array.from({ length: DURATION }, (_, i) => {
+    const cycleTime = getNumericValue(finalData[i]);
+    const idleMinutes = showIdleTime ? getNumericValue(idleTimeData[i]) : null;
     return {
       timeIndex: i,
       label: formatTimeLabel(i),
       tooltip: formatTooltipTime(i),
-      cycleTime: finalData[i] || 0,
-      idleMinutes: showIdleTime && idleTimeData && idleTimeData[i] || 0,
-      color: (finalData[i] || 0) <= idealCycleTime ? "#00AB45" : "#E34329"
+      cycleTime,
+      idleMinutes,
+      color: cycleTime !== null && cycleTime <= idealCycleTime ? "#00AB45" : "#E34329"
     };
-  }), [DURATION, finalData, showIdleTime, idleTimeData, idealCycleTime]);
+  }), [DURATION, finalData, showIdleTime, idleTimeData, idealCycleTime, getNumericValue]);
   const renderLegend = () => {
     if (!showIdleTime) return null;
     return /* @__PURE__ */ jsx("div", { className: "flex items-center justify-start text-[10px] font-bold text-gray-500 mb-6 tracking-[0.05em] gap-5", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5", children: [
@@ -32689,215 +32848,154 @@ var CycleTimeOverTimeChart = ({
   return /* @__PURE__ */ jsxs(
     "div",
     {
-      ref: containerRef,
       className: `w-full h-full min-w-0 flex flex-col relative pb-2 ${className}`,
       style: { minHeight: "200px", minWidth: 0 },
       children: [
         renderLegend(),
-        /* @__PURE__ */ jsx("div", { className: "flex-1 min-h-0 w-full", children: containerReady ? /* @__PURE__ */ jsx(ResponsiveContainer, { width: "100%", height: "100%", children: /* @__PURE__ */ jsxs(
-          LineChart$1,
+        /* @__PURE__ */ jsx("div", { className: "flex-1 min-h-0 w-full", ref: containerRef, children: /* @__PURE__ */ jsx(
+          motion.div,
           {
-            data: chartData,
-            margin: {
-              top: 5,
-              right: 30,
-              bottom: 25,
-              left: 10
-            },
-            children: [
-              /* @__PURE__ */ jsx(CartesianGrid, { strokeDasharray: "3 3", vertical: false }),
-              /* @__PURE__ */ jsx(
-                XAxis,
-                {
-                  dataKey: "label",
-                  tick: { fontSize: 11 },
-                  interval: 0,
-                  angle: xAxisMode === "hourly" ? 0 : -30,
-                  textAnchor: xAxisMode === "hourly" ? "middle" : "end",
-                  tickMargin: xAxisMode === "hourly" ? 8 : 15,
-                  height: xAxisMode === "hourly" ? 40 : 60
-                }
-              ),
-              /* @__PURE__ */ jsx(
-                YAxis,
-                {
-                  tickMargin: 8,
-                  width: 45,
-                  yAxisId: "cycle",
-                  domain: ["auto", "auto"],
-                  ticks: [0, idealCycleTime, ...Array.from({ length: 4 }, (_, i) => (i + 1) * Math.ceil(idealCycleTime / 2))].sort((a, b) => a - b),
-                  tickFormatter: (value) => String(value),
-                  tick: (props) => {
-                    const { x, y, payload } = props;
-                    const displayValue = typeof payload.value === "number" ? payload.value.toFixed(1) : String(payload.value);
-                    return /* @__PURE__ */ jsx("g", { transform: `translate(${x},${y})`, children: /* @__PURE__ */ jsx(
-                      "text",
-                      {
-                        x: 0,
-                        y: 0,
-                        dy: 4,
-                        textAnchor: "end",
-                        fill: payload.value === idealCycleTime ? "#E34329" : "#666",
-                        fontSize: 12,
-                        fontWeight: payload.value === idealCycleTime ? "bold" : "normal",
-                        children: displayValue
-                      },
-                      `tick-${payload.value}-${x}-${y}`
-                    ) });
-                  }
-                }
-              ),
-              showIdleTime && /* @__PURE__ */ jsx(
-                YAxis,
-                {
-                  yAxisId: "idle",
-                  orientation: "right",
-                  tickMargin: 8,
-                  width: 35,
-                  domain: [0, 60],
-                  tickFormatter: (value) => `${value}m`,
-                  tick: { fontSize: 11, fill: "#f59e0b" },
-                  axisLine: false,
-                  tickLine: false
-                }
-              ),
-              /* @__PURE__ */ jsx(
-                Tooltip,
-                {
-                  cursor: { stroke: "#E5E7EB", strokeWidth: 1 },
-                  contentStyle: {
-                    backgroundColor: "white",
-                    border: "none",
-                    borderRadius: "8px",
-                    boxShadow: "0 4px 12px rgba(0,0,0,0.1)",
-                    padding: "8px 12px",
-                    fontSize: "13px"
-                  },
-                  labelStyle: {
-                    color: "#374151",
-                    fontWeight: 600,
-                    marginBottom: "4px"
-                  },
-                  itemStyle: {
-                    color: "#4B5563",
-                    padding: "2px 0"
-                  },
-                  labelFormatter: (label, payload) => {
-                    if (payload && payload[0]) {
-                      return payload[0].payload.tooltip;
-                    }
-                    return label;
-                  },
-                  formatter: (value, name) => {
-                    const numValue = typeof value === "number" ? value : Number(value);
-                    if (name === "idleMinutes") {
-                      return [`${numValue.toFixed(0)} minutes`, "Idle Time"];
+            initial: { opacity: 0 },
+            animate: { opacity: 1 },
+            transition: { duration: 0.5 },
+            className: "w-full h-full",
+            children: dimensions.width > 0 && dimensions.height > 0 && /* @__PURE__ */ jsxs(
+              LineChart$1,
+              {
+                width: dimensions.width,
+                height: dimensions.height,
+                data: chartData,
+                margin: {
+                  top: 5,
+                  right: 30,
+                  bottom: 25,
+                  left: 10
+                },
+                children: [
+                  /* @__PURE__ */ jsx(CartesianGrid, { strokeDasharray: "3 3", vertical: false }),
+                  /* @__PURE__ */ jsx(
+                    XAxis,
+                    {
+                      dataKey: "label",
+                      tick: { fontSize: 11 },
+                      interval: 0,
+                      angle: xAxisMode === "hourly" ? 0 : -30,
+                      textAnchor: xAxisMode === "hourly" ? "middle" : "end",
+                      tickMargin: xAxisMode === "hourly" ? 8 : 15,
+                      height: xAxisMode === "hourly" ? 40 : 60
                     }
-                    return [`${numValue.toFixed(1)} seconds`, "Cycle Time"];
-                  },
-                  animationDuration: 200
-                }
-              ),
-              /* @__PURE__ */ jsx(
-                ReferenceLine,
-                {
-                  y: idealCycleTime,
-                  yAxisId: "cycle",
-                  stroke: "#E34329",
-                  strokeDasharray: "3 3",
-                  strokeWidth: 2,
-                  label: {
-                    position: "right",
-                    value: `${idealCycleTime.toFixed(1)}s`,
-                    fill: "#E34329",
-                    fontSize: 12,
-                    fontWeight: 500
-                  }
-                }
-              ),
-              /* @__PURE__ */ jsx(
-                Line,
-                {
-                  type: "monotone",
-                  yAxisId: "cycle",
-                  dataKey: "cycleTime",
-                  stroke: "#3B82F6",
-                  strokeWidth: 2,
-                  dot: (props) => {
-                    const { cx: cx2, cy, payload } = props;
-                    return /* @__PURE__ */ jsx(
-                      "circle",
-                      {
-                        cx: cx2,
-                        cy,
-                        r: 4,
-                        fill: payload.cycleTime <= idealCycleTime ? "#00AB45" : "#E34329",
-                        stroke: "#fff",
-                        strokeWidth: 1,
-                        style: {
-                          filter: "brightness(1)",
-                          transition: "filter 0.3s ease, transform 0.3s ease",
-                          cursor: "pointer"
-                        },
-                        onMouseEnter: (e) => {
-                          const target = e.target;
-                          target.style.filter = "brightness(1.2)";
-                          target.style.transform = "scale(1.2)";
-                        },
-                        onMouseLeave: (e) => {
-                          const target = e.target;
-                          target.style.filter = "brightness(1)";
-                          target.style.transform = "scale(1)";
-                        }
+                  ),
+                  /* @__PURE__ */ jsx(
+                    YAxis,
+                    {
+                      tickMargin: 8,
+                      width: 45,
+                      yAxisId: "cycle",
+                      domain: ["auto", "auto"],
+                      ticks: [0, idealCycleTime, ...Array.from({ length: 4 }, (_, i) => (i + 1) * Math.ceil(idealCycleTime / 2))].sort((a, b) => a - b),
+                      tickFormatter: (value) => String(value),
+                      tick: (props) => {
+                        const { x, y, payload } = props;
+                        const displayValue = typeof payload.value === "number" ? payload.value.toFixed(1) : String(payload.value);
+                        return /* @__PURE__ */ jsx("g", { transform: `translate(${x},${y})`, children: /* @__PURE__ */ jsx(
+                          "text",
+                          {
+                            x: 0,
+                            y: 0,
+                            dy: 4,
+                            textAnchor: "end",
+                            fill: payload.value === idealCycleTime ? "#E34329" : "#666",
+                            fontSize: 12,
+                            fontWeight: payload.value === idealCycleTime ? "bold" : "normal",
+                            children: displayValue
+                          },
+                          `tick-${payload.value}-${x}-${y}`
+                        ) });
                       }
-                    );
-                  },
-                  activeDot: (props) => {
-                    const { cx: cx2, cy, payload } = props;
-                    return /* @__PURE__ */ jsx(
-                      "circle",
-                      {
-                        cx: cx2,
-                        cy,
-                        r: 6,
-                        fill: payload.cycleTime <= idealCycleTime ? "#00AB45" : "#E34329",
-                        stroke: "#fff",
-                        strokeWidth: 2,
-                        style: {
-                          filter: "drop-shadow(0 0 2px rgba(0,0,0,0.2))"
-                        }
+                    }
+                  ),
+                  showIdleTime && /* @__PURE__ */ jsx(
+                    YAxis,
+                    {
+                      yAxisId: "idle",
+                      orientation: "right",
+                      tickMargin: 8,
+                      width: 35,
+                      domain: [0, 60],
+                      tickFormatter: (value) => `${value}m`,
+                      tick: { fontSize: 11, fill: "#f59e0b" },
+                      axisLine: false,
+                      tickLine: false
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(
+                    Tooltip,
+                    {
+                      cursor: { stroke: "#E5E7EB", strokeWidth: 1 },
+                      content: renderChartTooltip,
+                      animationDuration: 200
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(
+                    ReferenceLine,
+                    {
+                      y: idealCycleTime,
+                      yAxisId: "cycle",
+                      stroke: "#E34329",
+                      strokeDasharray: "3 3",
+                      strokeWidth: 2,
+                      label: {
+                        position: "right",
+                        value: `${idealCycleTime.toFixed(1)}s`,
+                        fill: "#E34329",
+                        fontSize: 12,
+                        fontWeight: 500
                       }
-                    );
-                  },
-                  isAnimationActive: shouldAnimate,
-                  animationBegin: 0,
-                  animationDuration: 1200,
-                  animationEasing: "ease-out",
-                  onAnimationEnd: handleAnimationEnd
-                },
-                `${effectiveDatasetKey}:cycle`
-              ),
-              showIdleTime && /* @__PURE__ */ jsx(
-                Line,
-                {
-                  type: "monotone",
-                  yAxisId: "idle",
-                  dataKey: "idleMinutes",
-                  stroke: "#f59e0b",
-                  strokeWidth: 2,
-                  strokeDasharray: "4 4",
-                  dot: { r: 4, fill: "#f59e0b", stroke: "#fff", strokeWidth: 1 },
-                  activeDot: { r: 6, fill: "#f59e0b", stroke: "#fff", strokeWidth: 2 },
-                  isAnimationActive: shouldAnimate,
-                  animationBegin: 0,
-                  animationDuration: 1200,
-                  animationEasing: "ease-out"
-                },
-                `${effectiveDatasetKey}:idle`
-              )
-            ]
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(
+                    Line,
+                    {
+                      type: "monotone",
+                      yAxisId: "cycle",
+                      dataKey: "cycleTime",
+                      stroke: "#3B82F6",
+                      strokeWidth: 2,
+                      connectNulls: false,
+                      dot: renderCycleDot,
+                      activeDot: renderCycleActiveDot,
+                      isAnimationActive: true,
+                      animationBegin: 300,
+                      animationDuration: 1500,
+                      animationEasing: "ease-out"
+                    },
+                    `${effectiveDatasetKey}:cycle`
+                  ),
+                  showIdleTime && /* @__PURE__ */ jsx(
+                    Line,
+                    {
+                      type: "monotone",
+                      yAxisId: "idle",
+                      dataKey: "idleMinutes",
+                      stroke: "#f59e0b",
+                      strokeWidth: 2,
+                      strokeDasharray: "4 4",
+                      connectNulls: false,
+                      dot: renderIdleDot,
+                      activeDot: renderIdleActiveDot,
+                      isAnimationActive: true,
+                      animationBegin: 300,
+                      animationDuration: 1500,
+                      animationEasing: "ease-out"
+                    },
+                    `${effectiveDatasetKey}:idle`
+                  )
+                ]
+              },
+              hasValidData ? "valid" : "empty"
+            )
           }
-        ) }) : /* @__PURE__ */ jsx("div", { className: "w-full h-full flex items-center justify-center bg-gray-50 rounded-lg", children: /* @__PURE__ */ jsx("div", { className: "text-gray-500 text-sm", children: "Loading chart..." }) }) })
+        ) })
       ]
     }
   );
@@ -33747,10 +33845,10 @@ var HourlyOutputChart = React141__default.memo(HourlyOutputChartComponent, (prev
 HourlyOutputChart.displayName = "HourlyOutputChart";
 
 // src/components/dashboard/grid/videoGridMetricUtils.ts
-var VIDEO_GRID_LEGEND_LABEL = "Flow";
+var VIDEO_GRID_LEGEND_LABEL = "7 Minute Efficiency";
 var MAP_GRID_LEGEND_LABEL = "Efficiency";
-var MIXED_VIDEO_GRID_LEGEND_LABEL = "Flow / Efficiency";
-var isFiniteNumber2 = (value) => typeof value === "number" && Number.isFinite(value);
+var MIXED_VIDEO_GRID_LEGEND_LABEL = "Efficiency";
+var isFiniteNumber = (value) => typeof value === "number" && Number.isFinite(value);
 var isVideoGridRecentFlowEnabled = (workspace) => isRecentFlowVideoGridMetricMode(
   workspace.video_grid_metric_mode,
   workspace.assembly_enabled === true
@@ -33759,11 +33857,11 @@ var isVideoGridWipGated = (workspace) => isWipGatedVideoGridMetricMode(
   workspace.video_grid_metric_mode,
   workspace.assembly_enabled === true
 );
-var hasVideoGridRecentFlow = (workspace) => isVideoGridRecentFlowEnabled(workspace) && isFiniteNumber2(workspace.recent_flow_percent);
+var hasVideoGridRecentFlow = (workspace) => isVideoGridRecentFlowEnabled(workspace) && isFiniteNumber(workspace.recent_flow_percent);
 var isVideoGridRecentFlowUnavailable = (workspace) => isVideoGridRecentFlowEnabled(workspace) && !hasVideoGridRecentFlow(workspace);
 var getVideoGridMetricValue = (workspace) => {
   const recentFlowPercent = workspace.recent_flow_percent;
-  if (hasVideoGridRecentFlow(workspace) && isFiniteNumber2(recentFlowPercent)) {
+  if (hasVideoGridRecentFlow(workspace) && isFiniteNumber(recentFlowPercent)) {
     return recentFlowPercent;
   }
   if (isVideoGridRecentFlowUnavailable(workspace)) {
@@ -33774,7 +33872,7 @@ var getVideoGridMetricValue = (workspace) => {
 var hasIncomingWipMapping = (workspace) => Boolean(workspace.incoming_wip_buffer_name);
 var getVideoGridBaseColorState = (workspace, legend = DEFAULT_EFFICIENCY_LEGEND) => {
   const metricValue = getVideoGridMetricValue(workspace);
-  if (!isFiniteNumber2(metricValue)) {
+  if (!isFiniteNumber(metricValue)) {
     return "neutral";
   }
   return getEfficiencyColor(metricValue, legend);
@@ -33789,7 +33887,7 @@ var isLowWipGreenOverride = (workspace, legend = DEFAULT_EFFICIENCY_LEGEND) => {
   if (!hasIncomingWipMapping(workspace)) {
     return false;
   }
-  return isFiniteNumber2(workspace.incoming_wip_current) && workspace.incoming_wip_current <= 1;
+  return isFiniteNumber(workspace.incoming_wip_current) && workspace.incoming_wip_current <= 1;
 };
 var toMinuteBucket = (minuteBucket) => Number.isFinite(minuteBucket) ? Math.floor(minuteBucket) : Math.floor(Date.now() / 6e4);
 var getEffectiveFlowMinuteBucket = (workspace) => {
@@ -33831,7 +33929,7 @@ var getVideoGridColorState = (workspace, legend = DEFAULT_EFFICIENCY_LEGEND) =>
   if (!hasIncomingWipMapping(workspace)) {
     return baseColor;
   }
-  if (!isFiniteNumber2(workspace.incoming_wip_current)) {
+  if (!isFiniteNumber(workspace.incoming_wip_current)) {
     return "neutral";
   }
   if (isLowWipGreenOverride(workspace, legend)) {
@@ -34023,7 +34121,7 @@ var VideoCard = React141__default.memo(({
     }
   );
 }, (prevProps, nextProps) => {
-  if (prevProps.workspace.efficiency !== nextProps.workspace.efficiency || prevProps.workspace.assembly_enabled !== nextProps.workspace.assembly_enabled || prevProps.workspace.video_grid_metric_mode !== nextProps.workspace.video_grid_metric_mode || prevProps.workspace.recent_flow_mode !== nextProps.workspace.recent_flow_mode || prevProps.workspace.recent_flow_percent !== nextProps.workspace.recent_flow_percent || prevProps.workspace.recent_flow_effective_end_at !== nextProps.workspace.recent_flow_effective_end_at || prevProps.workspace.incoming_wip_current !== nextProps.workspace.incoming_wip_current || prevProps.workspace.incoming_wip_buffer_name !== nextProps.workspace.incoming_wip_buffer_name || prevProps.workspace.trend !== nextProps.workspace.trend || prevProps.workspace.performance_score !== nextProps.workspace.performance_score || prevProps.workspace.pph !== nextProps.workspace.pph) {
+  if (prevProps.workspace.efficiency !== nextProps.workspace.efficiency || prevProps.workspace.assembly_enabled !== nextProps.workspace.assembly_enabled || prevProps.workspace.video_grid_metric_mode !== nextProps.workspace.video_grid_metric_mode || prevProps.workspace.recent_flow_percent !== nextProps.workspace.recent_flow_percent || prevProps.workspace.recent_flow_effective_end_at !== nextProps.workspace.recent_flow_effective_end_at || prevProps.workspace.incoming_wip_current !== nextProps.workspace.incoming_wip_current || prevProps.workspace.incoming_wip_buffer_name !== nextProps.workspace.incoming_wip_buffer_name || prevProps.workspace.trend !== nextProps.workspace.trend || prevProps.workspace.performance_score !== nextProps.workspace.performance_score || prevProps.workspace.pph !== nextProps.workspace.pph) {
     return false;
   }
   if (prevProps.workspace.workspace_uuid !== nextProps.workspace.workspace_uuid || prevProps.workspace.workspace_name !== nextProps.workspace.workspace_name || prevProps.workspace.line_id !== nextProps.workspace.line_id) {
@@ -34615,8 +34713,20 @@ var CardFooter2 = (props) => {
   return /* @__PURE__ */ jsx(RegisteredCardFooter, { ...props });
 };
 
+// src/lib/utils/workspaceDetailCycleTime.ts
+var resolveWorkspaceDetailActionFamily = (workspace) => {
+  if (workspace?.action_family === "assembly" || workspace?.action_family === "output" || workspace?.action_family === "other") {
+    return workspace.action_family;
+  }
+  if (workspace?.action_type === "assembly" || workspace?.action_type === "output") {
+    return workspace.action_type;
+  }
+  return null;
+};
+var shouldUseAssemblyCycleTimeLayout = (workspace) => workspace?.line_assembly_enabled === true && resolveWorkspaceDetailActionFamily(workspace) === "assembly";
+
 // src/components/dashboard/workspace/workspaceDetailCardRules.ts
-var shouldHideWorkspaceEfficiencyCard = (workspace) => workspace?.line_assembly_enabled === true && workspace?.action_type === "assembly";
+var shouldHideWorkspaceEfficiencyCard = (workspace) => shouldUseAssemblyCycleTimeLayout(workspace);
 var WorkspaceMetricCardsImpl = ({
   workspace,
   className,
@@ -35325,6 +35435,37 @@ var getShiftElapsedMinutes = ({
   const elapsed = differenceInMinutes(now4, shiftStartDate);
   return Math.min(Math.max(elapsed, 0), shiftMinutes);
 };
+var maskFutureHourlySeries = ({
+  data,
+  shiftStart,
+  shiftEnd,
+  shiftDate,
+  timezone,
+  now: now4 = /* @__PURE__ */ new Date()
+}) => {
+  if (!Array.isArray(data)) {
+    return [];
+  }
+  const normalizedData = data.map((value) => typeof value === "number" && Number.isFinite(value) ? value : null);
+  if (!normalizedData.length) {
+    return normalizedData;
+  }
+  const shiftMinutes = getShiftDurationMinutes(shiftStart, shiftEnd);
+  const elapsedMinutes = getShiftElapsedMinutes({
+    shiftStart,
+    shiftEnd,
+    shiftDate,
+    timezone,
+    now: now4
+  });
+  if (shiftMinutes === null || elapsedMinutes === null || elapsedMinutes >= shiftMinutes) {
+    return normalizedData;
+  }
+  return normalizedData.map((value, index) => {
+    const slotStartMinutes = index * 60;
+    return slotStartMinutes > elapsedMinutes ? null : value;
+  });
+};
 var buildUptimeSeries = ({
   idleTimeHourly,
   shiftStart,
@@ -44448,7 +44589,7 @@ var ShiftDisplay = memo$1(({ className, variant = "default", lineId }) => {
       return null;
     }
   };
-  const getShiftIcon = (shift) => {
+  const getShiftIcon2 = (shift) => {
     if (shift === "Day") {
       return /* @__PURE__ */ jsx("svg", { className: "w-4 h-4", fill: "currentColor", viewBox: "0 0 20 20", children: /* @__PURE__ */ jsx("path", { fillRule: "evenodd", d: "M10 2a1 1 0 011 1v1a1 1 0 11-2 0V3a1 1 0 011-1zm4 8a4 4 0 11-8 0 4 4 0 018 0zm-.464 4.95l.707.707a1 1 0 001.414-1.414l-.707-.707a1 1 0 00-1.414 1.414zm2.12-10.607a1 1 0 010 1.414l-.706.707a1 1 0 11-1.414-1.414l.707-.707a1 1 0 011.414 0zM17 11a1 1 0 100-2h-1a1 1 0 100 2h1zm-7 4a1 1 0 011 1v1a1 1 0 11-2 0v-1a1 1 0 011-1zM5.05 6.464A1 1 0 106.465 5.05l-.708-.707a1 1 0 00-1.414 1.414l.707.707zm1.414 8.486l-.707.707a1 1 0 01-1.414-1.414l.707-.707a1 1 0 011.414 1.414zM4 11a1 1 0 100-2H3a1 1 0 000 2h1z", clipRule: "evenodd" }) });
     } else {
@@ -44474,7 +44615,7 @@ var ShiftDisplay = memo$1(({ className, variant = "default", lineId }) => {
   }
   if (variant === "enhanced") {
     return /* @__PURE__ */ jsxs("div", { className: `inline-flex items-center gap-2 bg-blue-50 rounded-lg px-3 py-1.5 ${className ?? ""}`, children: [
-      /* @__PURE__ */ jsx("div", { className: "text-blue-800", children: getShiftIcon(currentShiftText) }),
+      /* @__PURE__ */ jsx("div", { className: "text-blue-800", children: getShiftIcon2(currentShiftText) }),
       /* @__PURE__ */ jsxs("span", { className: "text-base font-medium text-blue-800", children: [
         currentShiftText,
         " Shift"
@@ -44482,7 +44623,7 @@ var ShiftDisplay = memo$1(({ className, variant = "default", lineId }) => {
     ] });
   }
   return /* @__PURE__ */ jsxs("div", { className: `inline-flex items-center gap-2 bg-blue-50 rounded-lg px-3 py-1.5 ${className ?? ""}`, children: [
-    /* @__PURE__ */ jsx("div", { className: "text-blue-800", children: getShiftIcon(currentShiftText) }),
+    /* @__PURE__ */ jsx("div", { className: "text-blue-800", children: getShiftIcon2(currentShiftText) }),
     /* @__PURE__ */ jsxs("span", { className: "text-base font-medium text-blue-800", children: [
       currentShiftText,
       " Shift"
@@ -47119,7 +47260,7 @@ var LinePdfGenerator = ({
       doc.setLineWidth(0.8);
       doc.line(20, 123, 190, 123);
       const hourlyOverviewStartY = 128;
-      const parseTimeToMinutes3 = (timeStr) => {
+      const parseTimeToMinutes4 = (timeStr) => {
         const [hours, minutes] = timeStr.split(":");
         const hour = parseInt(hours, 10);
         const minute = parseInt(minutes || "0", 10);
@@ -47152,7 +47293,7 @@ var LinePdfGenerator = ({
         };
       };
       const getHourlyTimeRanges = (startTimeStr, endTimeStr) => {
-        const startMinutes = parseTimeToMinutes3(startTimeStr);
+        const startMinutes = parseTimeToMinutes4(startTimeStr);
         if (Number.isNaN(startMinutes)) {
           return [];
         }
@@ -47160,7 +47301,7 @@ var LinePdfGenerator = ({
           const defaultHours = 11;
           return Array.from({ length: defaultHours }, (_, i) => buildRange(startMinutes + i * 60, 60));
         }
-        const endMinutes = parseTimeToMinutes3(endTimeStr);
+        const endMinutes = parseTimeToMinutes4(endTimeStr);
         if (Number.isNaN(endMinutes)) {
           const fallbackHours = 11;
           return Array.from({ length: fallbackHours }, (_, i) => buildRange(startMinutes + i * 60, 60));
@@ -48863,7 +49004,7 @@ var WorkspacePdfGenerator = ({ workspace, className, idleTimeReasons, efficiency
     setIsGenerating(true);
     try {
       const isUptimeMode = workspace.monitoring_mode === "uptime";
-      const isAssemblyCycleMode = !isUptimeMode && workspace.line_assembly_enabled === true && workspace.action_type === "assembly";
+      const isAssemblyCycleMode = !isUptimeMode && shouldUseAssemblyCycleTimeLayout(workspace);
       const shiftMinutes = getShiftDurationMinutes(workspace.shift_start, workspace.shift_end);
       const shiftSeconds = shiftMinutes ? shiftMinutes * 60 : 0;
       const idleSeconds = Math.max(workspace.idle_time || 0, 0);
@@ -48929,7 +49070,7 @@ var WorkspacePdfGenerator = ({ workspace, className, idleTimeReasons, efficiency
         minute: "2-digit",
         hour12: true
       });
-      const parseTimeToMinutes3 = (timeValue) => {
+      const parseTimeToMinutes4 = (timeValue) => {
         const [hourPart, minutePart] = timeValue.split(":").map(Number);
         const hour = Number.isFinite(hourPart) ? hourPart : 0;
         const minute = Number.isFinite(minutePart) ? minutePart : 0;
@@ -48946,8 +49087,8 @@ var WorkspacePdfGenerator = ({ workspace, className, idleTimeReasons, efficiency
         const IST_OFFSET_MINUTES = 330;
         return Date.UTC(year, month - 1, day, hour, minute) - IST_OFFSET_MINUTES * 60 * 1e3;
       };
-      const shiftStartMinutes = parseTimeToMinutes3(workspace.shift_start);
-      const shiftEndMinutes = parseTimeToMinutes3(workspace.shift_end);
+      const shiftStartMinutes = parseTimeToMinutes4(workspace.shift_start);
+      const shiftEndMinutes = parseTimeToMinutes4(workspace.shift_end);
       const wrapsMidnight = shiftEndMinutes <= shiftStartMinutes;
       const shiftStartUtcMs = toShiftUtcMs(workspace.date, workspace.shift_start);
       const shiftEndUtcMs = toShiftUtcMs(workspace.date, workspace.shift_end) + (wrapsMidnight ? 24 * 60 * 60 * 1e3 : 0);
@@ -51254,7 +51395,7 @@ var DashboardHeader = memo$1(({ lineTitle, className = "", headerControls, lineI
     const rawName = currentShift.shiftName || "Day";
     return rawName.toLowerCase().includes("shift") ? rawName : `${rawName} Shift`;
   };
-  const getShiftIcon = () => {
+  const getShiftIcon2 = () => {
     const currentShift = getCurrentShift(timezone, shiftConfig);
     const shiftName = (currentShift.shiftName || "").toLowerCase();
     if (shiftName.includes("day") || shiftName.includes("morning") || currentShift.shiftId === 0) {
@@ -51288,7 +51429,7 @@ var DashboardHeader = memo$1(({ lineTitle, className = "", headerControls, lineI
             /* @__PURE__ */ jsx("span", { className: "font-medium", children: /* @__PURE__ */ jsx(Timer2, {}) }),
             /* @__PURE__ */ jsx("span", { className: "text-gray-300", children: "|" }),
             isShiftConfigLoading ? /* @__PURE__ */ jsx("div", { className: "h-3.5 w-16 bg-gray-200 rounded animate-pulse" }) : /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1 font-medium", children: [
-              /* @__PURE__ */ jsx("span", { className: "opacity-75", children: getShiftIcon() }),
+              /* @__PURE__ */ jsx("span", { className: "opacity-75", children: getShiftIcon2() }),
               getShiftName()
             ] })
           ] })
@@ -51305,7 +51446,7 @@ var DashboardHeader = memo$1(({ lineTitle, className = "", headerControls, lineI
         /* @__PURE__ */ jsxs("div", { className: "mt-2 inline-flex flex-wrap items-center gap-3", children: [
           /* @__PURE__ */ jsx("div", { className: "text-xs md:text-sm font-medium text-gray-600 whitespace-nowrap", children: /* @__PURE__ */ jsx(Timer2, {}) }),
           /* @__PURE__ */ jsx("div", { className: "inline-flex items-center gap-1", children: isShiftConfigLoading ? /* @__PURE__ */ jsx("div", { className: "h-4 w-20 bg-gray-200 rounded animate-pulse" }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-            /* @__PURE__ */ jsx("div", { className: "text-gray-600", children: getShiftIcon() }),
+            /* @__PURE__ */ jsx("div", { className: "text-gray-600", children: getShiftIcon2() }),
             /* @__PURE__ */ jsx("span", { className: "text-xs md:text-sm font-medium text-gray-600 whitespace-nowrap", children: getShiftName() })
           ] }) })
         ] })
@@ -58276,7 +58417,7 @@ var FactoryView = ({
     const currentShift = getCurrentShiftInfo();
     return (currentShift.shiftName || "Day").replace(/ Shift$/i, "");
   };
-  const getShiftIcon = () => {
+  const getShiftIcon2 = () => {
     const currentShift = getCurrentShiftInfo();
     const shiftNameLower = (currentShift.shiftName || "").toLowerCase();
     if (shiftNameLower.includes("day") || shiftNameLower.includes("morning") || currentShift.shiftId === 0) {
@@ -58322,7 +58463,7 @@ var FactoryView = ({
         /* @__PURE__ */ jsxs("div", { className: "mt-2 flex items-center justify-center gap-2", children: [
           /* @__PURE__ */ jsx("div", { className: "inline-flex items-center px-2.5 py-1 bg-gray-100 rounded-full", children: /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-gray-700", children: /* @__PURE__ */ jsx(ISTTimer_default, {}) }) }),
           /* @__PURE__ */ jsxs("div", { className: "inline-flex items-center gap-1 px-2.5 py-1 bg-gray-100 rounded-full", children: [
-            /* @__PURE__ */ jsx("div", { className: "text-gray-700 scale-90", children: getShiftIcon() }),
+            /* @__PURE__ */ jsx("div", { className: "text-gray-700 scale-90", children: getShiftIcon2() }),
             /* @__PURE__ */ jsxs("span", { className: "text-xs font-medium text-gray-700", children: [
               getShiftName(),
               " Shift"
@@ -58341,7 +58482,7 @@ var FactoryView = ({
             " IST"
           ] }),
           /* @__PURE__ */ jsxs("div", { className: "inline-flex items-center gap-1", children: [
-            /* @__PURE__ */ jsx("div", { className: "text-gray-600", children: getShiftIcon() }),
+            /* @__PURE__ */ jsx("div", { className: "text-gray-600", children: getShiftIcon2() }),
             /* @__PURE__ */ jsxs("span", { className: "text-sm font-medium text-gray-600", children: [
               getShiftName(),
               " Shift"
@@ -61053,7 +61194,7 @@ var KPIDetailView = ({
   const getShiftName = useCallback((shiftId) => {
     return getShiftNameById(shiftId, configuredTimezone, shiftConfig);
   }, [configuredTimezone, shiftConfig]);
-  const getShiftIcon = useCallback((shiftId) => {
+  const getShiftIcon2 = useCallback((shiftId) => {
     if (shiftId === 0) {
       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 3v1m0 16v1m9-9h-1M4 12H3m15.364 6.364l-.707-.707M6.343 6.343l-.707-.707m12.728 0l-.707.707M6.343 17.657l-.707.707M16 12a4 4 0 11-8 0 4 4 0 018 0z" }) });
     }
@@ -61933,7 +62074,7 @@ var KPIDetailView = ({
         /* @__PURE__ */ jsxs("div", { className: "sm:hidden mt-3 flex items-center justify-center gap-2", children: [
           /* @__PURE__ */ jsx("div", { className: "inline-flex items-center px-2.5 py-1 bg-gray-100 rounded-full", children: /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-gray-700", children: chartMetrics && formatLocalDate(new Date(chartMetrics.date)) }) }),
           /* @__PURE__ */ jsxs("div", { className: "inline-flex items-center gap-1 px-2.5 py-1 bg-gray-100 rounded-full", children: [
-            /* @__PURE__ */ jsx("div", { className: "text-gray-700 scale-90", children: getShiftIcon(chartMetrics.shift_id ?? 0) }),
+            /* @__PURE__ */ jsx("div", { className: "text-gray-700 scale-90", children: getShiftIcon2(chartMetrics.shift_id ?? 0) }),
             /* @__PURE__ */ jsxs("span", { className: "text-xs font-medium text-gray-700", children: [
               getShiftName(chartMetrics.shift_id ?? 0).replace(/ Shift$/i, ""),
               " Shift"
@@ -61959,7 +62100,7 @@ var KPIDetailView = ({
             /* @__PURE__ */ jsx("div", { className: "w-px h-4 bg-blue-200" })
           ] }),
           /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-blue-600", children: [
-            /* @__PURE__ */ jsx("div", { className: "opacity-70", children: getShiftIcon(chartMetrics.shift_id ?? 0) }),
+            /* @__PURE__ */ jsx("div", { className: "opacity-70", children: getShiftIcon2(chartMetrics.shift_id ?? 0) }),
             /* @__PURE__ */ jsxs("span", { className: "text-sm md:text-base font-semibold uppercase tracking-wider", children: [
               getShiftName(chartMetrics.shift_id ?? 0).replace(/ Shift$/i, ""),
               " Shift"
@@ -61977,7 +62118,7 @@ var KPIDetailView = ({
             return `${startDate.toLocaleDateString("en-US", { month: "short", day: "numeric" })} - ${endDate.toLocaleDateString("en-US", { month: "short", day: "numeric", year: "numeric" })}`;
           })() }) }),
           /* @__PURE__ */ jsxs("div", { className: "inline-flex items-center gap-1 px-2.5 py-1 bg-gray-100 rounded-full", children: [
-            /* @__PURE__ */ jsx("div", { className: "text-gray-700 scale-90", children: getShiftIcon(selectedShiftId) }),
+            /* @__PURE__ */ jsx("div", { className: "text-gray-700 scale-90", children: getShiftIcon2(selectedShiftId) }),
             /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-gray-700", children: getShiftName(selectedShiftId) })
           ] })
         ] }),
@@ -61994,7 +62135,7 @@ var KPIDetailView = ({
           ] }),
           /* @__PURE__ */ jsx("div", { className: "w-px h-4 bg-blue-200" }),
           /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-blue-600", children: [
-            /* @__PURE__ */ jsx("div", { className: "opacity-70", children: getShiftIcon(selectedShiftId) }),
+            /* @__PURE__ */ jsx("div", { className: "opacity-70", children: getShiftIcon2(selectedShiftId) }),
             /* @__PURE__ */ jsxs("span", { className: "text-sm md:text-base font-semibold uppercase tracking-wider", children: [
               getShiftName(selectedShiftId).replace(/ Shift$/i, ""),
               " Shift"
@@ -63370,7 +63511,7 @@ var KPIsOverviewView = ({
   const headerShiftId = showHistoricalLeaderboardHeader ? effectiveLeaderboardShiftId : currentShiftDetails.shiftId;
   const headerShiftName = getShiftNameById(headerShiftId, configuredTimezone, shiftConfig).replace(/ Shift$/i, "");
   const headerDateLabel = isMonthlyMode ? getMonthRange() : formatLocalDate2(headerDateKey);
-  const getShiftIcon = (shiftId) => {
+  const getShiftIcon2 = (shiftId) => {
     const shiftNameLower = getShiftNameById(shiftId, configuredTimezone, shiftConfig).toLowerCase();
     if (shiftNameLower.includes("day") || shiftNameLower.includes("morning") || shiftId === 0) {
       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 3v1m0 16v1m9-9h-1M4 12H3m15.364 6.364l-.707-.707M6.343 6.343l-.707-.707m12.728 0l-.707.707M6.343 17.657l-.707.707M16 12a4 4 0 11-8 0 4 4 0 018 0z" }) });
@@ -63487,7 +63628,7 @@ var KPIsOverviewView = ({
           /* @__PURE__ */ jsx("div", { className: `inline-flex items-center bg-gray-100 rounded-full ${isMonthlyMode ? "px-4 py-1.5 ring-1 ring-gray-200 shadow-sm" : "px-2.5 py-1"}`, children: /* @__PURE__ */ jsx("span", { className: `font-medium text-gray-700 ${isMonthlyMode ? "text-sm" : "text-xs"}`, children: headerDateLabel }) }),
           !isMonthlyMode && /* @__PURE__ */ jsxs(Fragment, { children: [
             /* @__PURE__ */ jsxs("div", { className: "inline-flex items-center gap-1 px-2.5 py-1 bg-gray-100 rounded-full", children: [
-              /* @__PURE__ */ jsx("div", { className: "text-gray-700 scale-90", children: getShiftIcon(headerShiftId) }),
+              /* @__PURE__ */ jsx("div", { className: "text-gray-700 scale-90", children: getShiftIcon2(headerShiftId) }),
               /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-gray-700", children: headerShiftName })
             ] }),
             showHistoricalLeaderboardHeader ? /* @__PURE__ */ jsxs("div", { className: "inline-flex items-center gap-1 px-2.5 py-1 bg-amber-50 text-amber-700 rounded-full", children: [
@@ -63683,7 +63824,7 @@ var KPIsOverviewView = ({
           !isMonthlyMode && /* @__PURE__ */ jsxs(Fragment, { children: [
             /* @__PURE__ */ jsx("div", { className: "w-px h-4 bg-blue-200" }),
             /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-blue-600", children: [
-              /* @__PURE__ */ jsx("div", { className: "opacity-70", children: getShiftIcon(headerShiftId) }),
+              /* @__PURE__ */ jsx("div", { className: "opacity-70", children: getShiftIcon2(headerShiftId) }),
               /* @__PURE__ */ jsxs("span", { className: "text-sm font-semibold uppercase tracking-wider", children: [
                 headerShiftName,
                 " Shift"
@@ -63827,6 +63968,52 @@ var KPIsOverviewView = ({
   ] });
 };
 var KPIsOverviewView_default = KPIsOverviewView;
+var toFiniteNumber = (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 getCycleRatio = (workspace) => {
+  const idealCycleTime = toFiniteNumber(workspace.ideal_cycle_time);
+  const avgCycleTime = toFiniteNumber(workspace.avg_cycle_time);
+  if (idealCycleTime === null || avgCycleTime === null || idealCycleTime <= 0 || avgCycleTime <= 0) {
+    return null;
+  }
+  return idealCycleTime / avgCycleTime;
+};
+var formatCycleTimeValue = (value) => {
+  const numericValue = toFiniteNumber(value);
+  if (numericValue === null || numericValue <= 0) return "--";
+  return `${numericValue.toFixed(1)}s`;
+};
+var CycleTimeComparison = memo$1(({
+  workspace,
+  variant = "table"
+}) => {
+  const averageValue = formatCycleTimeValue(workspace.avg_cycle_time);
+  const standardValue = formatCycleTimeValue(workspace.ideal_cycle_time);
+  if (variant === "mobile") {
+    return /* @__PURE__ */ jsxs("div", { className: "mt-2 flex items-center justify-between py-2 border-t border-gray-100", children: [
+      /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-gray-500 uppercase tracking-wider", children: "Standard Cycle Time" }),
+      /* @__PURE__ */ jsx("span", { className: "text-sm font-medium tabular-nums text-gray-500", children: standardValue })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-col", children: [
+      /* @__PURE__ */ jsx("span", { className: "text-[10px] font-medium uppercase tracking-wider text-gray-500", children: "Average" }),
+      /* @__PURE__ */ jsx("span", { className: "text-sm font-semibold tabular-nums text-gray-900", children: averageValue })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "h-6 w-px bg-gray-200" }),
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-col", children: [
+      /* @__PURE__ */ jsx("span", { className: "text-[10px] font-medium uppercase tracking-wider text-gray-500", children: "Standard" }),
+      /* @__PURE__ */ jsx("span", { className: "text-sm font-medium tabular-nums text-gray-500", children: standardValue })
+    ] })
+  ] });
+}, (prevProps, nextProps) => prevProps.variant === nextProps.variant && prevProps.workspace.avg_cycle_time === nextProps.workspace.avg_cycle_time && prevProps.workspace.ideal_cycle_time === nextProps.workspace.ideal_cycle_time);
+CycleTimeComparison.displayName = "CycleTimeComparison";
 var IsolatedTimer = memo$1(() => {
   return /* @__PURE__ */ jsx(ISTTimer_default, {});
 });
@@ -63844,11 +64031,11 @@ var HeaderRibbon = memo$1(({
   currentDate,
   currentMobileDate,
   shiftId,
-  getShiftIcon,
+  getShiftIcon: getShiftIcon2,
   getShiftName,
   showTimer = true
 }) => {
-  const shiftIcon = useMemo(() => getShiftIcon(shiftId), [getShiftIcon, shiftId]);
+  const shiftIcon = useMemo(() => getShiftIcon2(shiftId), [getShiftIcon2, shiftId]);
   const shiftName = useMemo(() => getShiftName(shiftId), [getShiftName, shiftId]);
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsxs("div", { className: "sm:hidden mt-3 flex items-center justify-center gap-2", children: [
@@ -63890,8 +64077,9 @@ var MobileWorkspaceCard = memo$1(({
   isClickable,
   onWorkspaceClick,
   getMedalIcon,
-  efficiencyLabel
-}) => /* @__PURE__ */ jsx(
+  metricLabel,
+  isAssemblyMode
+}) => /* @__PURE__ */ jsxs(
   motion.div,
   {
     layout: true,
@@ -63902,28 +64090,31 @@ var MobileWorkspaceCard = memo$1(({
     },
     onClick: isClickable ? () => onWorkspaceClick(workspace, rank) : void 0,
     className: `${cardClass} p-3 rounded-lg border shadow-sm active:scale-[0.98] ${isClickable ? "cursor-pointer" : "cursor-not-allowed opacity-75"}`,
-    children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between mb-2", children: [
-      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
-        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ jsxs("div", { className: "text-2xl font-bold text-gray-700", children: [
-            "#",
-            rank
+    children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between mb-2 gap-3", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsxs("div", { className: "text-2xl font-bold text-gray-700", children: [
+              "#",
+              rank
+            ] }),
+            getMedalIcon(rank)
           ] }),
-          getMedalIcon(rank)
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("div", { className: "font-semibold text-gray-900", children: workspace.displayName }),
+            /* @__PURE__ */ jsx("div", { className: "text-xs text-gray-500", children: workspace.lineName })
+          ] })
         ] }),
-        /* @__PURE__ */ jsxs("div", { children: [
-          /* @__PURE__ */ jsx("div", { className: "font-semibold text-gray-900", children: workspace.displayName }),
-          /* @__PURE__ */ jsx("div", { className: "text-xs text-gray-500", children: workspace.lineName })
+        /* @__PURE__ */ jsxs("div", { className: "text-right", children: [
+          /* @__PURE__ */ jsx("div", { className: "font-bold text-gray-900 text-lg", children: isAssemblyMode ? /* @__PURE__ */ jsx("span", { className: "tabular-nums", children: formatCycleTimeValue(workspace.avg_cycle_time) }) : /* @__PURE__ */ jsx(AnimatedEfficiency, { value: workspace.efficiency || 0 }) }),
+          /* @__PURE__ */ jsx("div", { className: "text-xs text-gray-500", children: metricLabel })
         ] })
       ] }),
-      /* @__PURE__ */ jsxs("div", { className: "text-right", children: [
-        /* @__PURE__ */ jsx("div", { className: "text-lg font-bold text-gray-900", children: /* @__PURE__ */ jsx(AnimatedEfficiency, { value: workspace.efficiency || 0 }) }),
-        /* @__PURE__ */ jsx("div", { className: "text-xs text-gray-500", children: efficiencyLabel })
-      ] })
-    ] })
+      isAssemblyMode && /* @__PURE__ */ jsx(CycleTimeComparison, { workspace, variant: "mobile" })
+    ]
   }
 ), (prevProps, nextProps) => {
-  return prevProps.efficiencyLabel === nextProps.efficiencyLabel && 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.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.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(({
@@ -63932,7 +64123,8 @@ var DesktopWorkspaceRow = memo$1(({
   rowClass,
   isClickable,
   onWorkspaceClick,
-  getMedalIcon
+  getMedalIcon,
+  isAssemblyMode
 }) => /* @__PURE__ */ jsxs(
   motion.tr,
   {
@@ -63949,11 +64141,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 whitespace-nowrap", children: /* @__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 ? /* @__PURE__ */ jsx(CycleTimeComparison, { workspace, variant: "table" }) : /* @__PURE__ */ jsx(AnimatedEfficiency, { value: workspace.efficiency || 0 }) })
     ]
   }
 ), (prevProps, nextProps) => {
-  return prevProps.index === nextProps.index && prevProps.rowClass === nextProps.rowClass && prevProps.isClickable === nextProps.isClickable && prevProps.workspace.workspace_uuid === nextProps.workspace.workspace_uuid && prevProps.workspace.efficiency === nextProps.workspace.efficiency && 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.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(({
@@ -63975,6 +64167,7 @@ var LeaderboardDetailView = memo$1(({
   const supabase = useSupabase();
   const [sortAscending, setSortAscending] = useState(false);
   const [viewType, setViewType] = useState("operator");
+  const [outputCategory, setOutputCategory] = useState("standard");
   const [activeTab, setActiveTab] = useState("today");
   const timezone = useAppTimezone();
   const staticShiftConfig = useShiftConfig();
@@ -64053,6 +64246,7 @@ var LeaderboardDetailView = memo$1(({
   const monthlyRequestKeyRef = useRef(null);
   const leaderboardUpdateQueuedRef = useRef(false);
   const leaderboardUpdateTimerRef = useRef(null);
+  const leaderboardViewTrackedRef = useRef(null);
   const filterRef = useRef(null);
   const filterButtonRef = useRef(null);
   const mobileFilterButtonRef = useRef(null);
@@ -64185,6 +64379,17 @@ var LeaderboardDetailView = memo$1(({
     }
     return Array.from(uniqueLines.entries()).map(([id3, name]) => ({ id: id3, label: name }));
   }, [configuredLineIds, lines, getLineName]);
+  const scopedLines = useMemo(() => {
+    const configuredLineIdSet = new Set(configuredLineIds);
+    return lines.filter((line) => configuredLineIds.length === 0 || configuredLineIdSet.has(line.id));
+  }, [configuredLineIds, lines]);
+  const scopedLineAssemblyMap = useMemo(() => {
+    const map = /* @__PURE__ */ new Map();
+    scopedLines.forEach((line) => {
+      map.set(line.id, line.assembly === true);
+    });
+    return map;
+  }, [scopedLines]);
   const shiftOptions = useMemo(() => {
     if (activeShiftConfig?.shifts && activeShiftConfig.shifts.length > 0) {
       return activeShiftConfig.shifts.map((shift2) => ({
@@ -64208,6 +64413,33 @@ var LeaderboardDetailView = memo$1(({
     const parsed = Number(selectedShiftFilter);
     return Number.isFinite(parsed) ? parsed : void 0;
   }, [selectedShiftFilter]);
+  const outputScopeLines = useMemo(() => {
+    const outputLines = scopedLines.filter((line) => (line.monitoring_mode ?? "output") !== "uptime");
+    if (selectedLineFilter === "all") {
+      return outputLines;
+    }
+    return outputLines.filter((line) => line.id === selectedLineFilter);
+  }, [scopedLines, selectedLineFilter]);
+  const hasAssemblyOutputScope = useMemo(
+    () => outputScopeLines.some((line) => line.assembly === true),
+    [outputScopeLines]
+  );
+  const hasStandardOutputScope = useMemo(
+    () => outputScopeLines.some((line) => line.assembly !== true),
+    [outputScopeLines]
+  );
+  const showOutputCategoryDropdown = viewType === "operator" && hasAssemblyOutputScope && hasStandardOutputScope;
+  const isAssemblyMode = viewType === "operator" && outputCategory === "assembly";
+  useEffect(() => {
+    if (viewType !== "operator") return;
+    if (hasAssemblyOutputScope && !hasStandardOutputScope && outputCategory !== "assembly") {
+      setOutputCategory("assembly");
+      return;
+    }
+    if (hasStandardOutputScope && !hasAssemblyOutputScope && outputCategory !== "standard") {
+      setOutputCategory("standard");
+    }
+  }, [viewType, hasAssemblyOutputScope, hasStandardOutputScope, outputCategory]);
   const handleLineFilterChange = useCallback((value) => {
     setSelectedLineFilter(value);
   }, []);
@@ -64217,17 +64449,19 @@ var LeaderboardDetailView = memo$1(({
   const clearFilters = useCallback(() => {
     setSortAscending(false);
     setSelectedLineFilter("all");
+    setOutputCategory("standard");
     setSelectedShiftFilter(currentShiftInfo.shiftId.toString());
   }, [currentShiftInfo.shiftId]);
   const activeFiltersCount = useMemo(() => {
     let count = 0;
     if (sortAscending) count++;
     if (selectedLineFilter !== "all") count++;
+    if (showOutputCategoryDropdown && outputCategory !== "standard") count++;
     if (selectedShiftFilter !== currentShiftInfo.shiftId.toString()) {
       count++;
     }
     return count;
-  }, [sortAscending, selectedLineFilter, selectedShiftFilter, currentShiftInfo.shiftId]);
+  }, [sortAscending, selectedLineFilter, outputCategory, showOutputCategoryDropdown, selectedShiftFilter, currentShiftInfo.shiftId]);
   const shouldFetchShiftConfigs = !date && shiftId === void 0;
   const {
     shiftConfigMap: multiLineShiftConfigMap,
@@ -64279,7 +64513,8 @@ var LeaderboardDetailView = memo$1(({
       action_count: entry.total_output || 0,
       pph: entry.avg_pph || 0,
       performance_score: entry.performance_score ?? 0,
-      avg_cycle_time: entry.avg_cycle_time || 0,
+      avg_cycle_time: toFiniteNumber(entry.avg_cycle_time) ?? 0,
+      ideal_cycle_time: toFiniteNumber(entry.ideal_cycle_time) ?? void 0,
       trend: 0,
       predicted_output: 0,
       efficiency: entry.efficiency || 0,
@@ -64457,7 +64692,7 @@ var LeaderboardDetailView = memo$1(({
     const currentShift = getCurrentShift(timezone || "Asia/Kolkata", activeShiftConfig);
     return currentShift.shiftName || getShiftNameById(currentShift.shiftId, timezone || "Asia/Kolkata", activeShiftConfig);
   }, [timezone, activeShiftConfig, shiftGroups]);
-  const getShiftIcon = useCallback((shiftId2) => {
+  const getShiftIcon2 = useCallback((shiftId2) => {
     if (shiftId2 === void 0 && shiftGroups.length > 1) {
       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" }) });
     }
@@ -64523,15 +64758,20 @@ var LeaderboardDetailView = memo$1(({
     if (!canOpenWorkspace(workspace.line_id)) {
       return;
     }
+    const cycleRatio = getCycleRatio(workspace);
     trackCoreEvent("Workspace from Leaderboard Clicked", {
       workspace_name: workspace.workspace_name,
       workspace_id: workspace.workspace_uuid,
       rank,
       total_workspaces: workspacesLengthRef.current,
       // Use ref instead of state to avoid dependency
+      metric_context: viewType === "machine" ? "machine" : outputCategory,
       efficiency: workspace.efficiency,
       action_count: workspace.action_count,
-      action_threshold: workspace.action_threshold
+      action_threshold: workspace.action_threshold,
+      avg_cycle_time: workspace.avg_cycle_time,
+      ideal_cycle_time: workspace.ideal_cycle_time ?? null,
+      cycle_ratio: cycleRatio
     });
     const displayName = workspace.displayName || getWorkspaceDisplayName(workspace.workspace_name, workspace.line_id);
     const navParams = workspace.workspace_uuid ? getWorkspaceNavigationParams(workspace.workspace_uuid, displayName, workspace.line_id) : "";
@@ -64555,7 +64795,7 @@ var LeaderboardDetailView = memo$1(({
       const combinedParams = navParams ? `${navParams}&${contextParamString}` : `?${contextParamString}`;
       navigation.navigate(`/workspace/${workspace.workspace_uuid}${combinedParams}`);
     }
-  }, [canOpenWorkspace, onWorkspaceClick, navigation, date, shiftId]);
+  }, [canOpenWorkspace, onWorkspaceClick, navigation, date, shiftId, outputCategory, viewType]);
   useEffect(() => {
     workspacesLengthRef.current = activeEntries.length || 0;
   }, [activeEntries.length]);
@@ -64576,16 +64816,20 @@ var LeaderboardDetailView = memo$1(({
     return activeEntries.map((ws) => ({
       ...ws,
       displayName: ws.displayName || getWorkspaceDisplayName(ws.workspace_name, ws.line_id),
-      lineName: getLineName(ws.line_id)
+      lineName: getLineName(ws.line_id),
+      isAssemblyLine: scopedLineAssemblyMap.get(ws.line_id) === true
     }));
-  }, [activeEntries, getLineName]);
+  }, [activeEntries, getLineName, scopedLineAssemblyMap]);
   const sortedWorkspaces = useMemo(() => {
     let filtered = [...workspaceDisplayData];
     filtered = filtered.filter((ws) => {
       if (viewType === "machine") {
         return ws.monitoring_mode === "uptime";
       }
-      return ws.monitoring_mode !== "uptime";
+      if (ws.monitoring_mode === "uptime") {
+        return false;
+      }
+      return isAssemblyMode ? ws.isAssemblyLine : !ws.isAssemblyLine;
     });
     if (selectedLineFilter !== "all") {
       filtered = filtered.filter((ws) => ws.line_id === selectedLineFilter);
@@ -64594,13 +64838,61 @@ var LeaderboardDetailView = memo$1(({
       filtered = filtered.filter((ws) => ws.shift_id?.toString() === selectedShiftFilter);
     }
     return filtered.sort((a, b) => {
+      if (isAssemblyMode) {
+        const ratioA = getCycleRatio(a);
+        const ratioB = getCycleRatio(b);
+        if (ratioA === null && ratioB === null) return 0;
+        if (ratioA === null) return 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;
     });
-  }, [workspaceDisplayData, sortAscending, selectedLineFilter, selectedShiftFilter, activeTab, viewType]);
+  }, [workspaceDisplayData, sortAscending, selectedLineFilter, selectedShiftFilter, activeTab, viewType, isAssemblyMode]);
   const loading = activeTab === "today" ? todayLoading : monthlyLoading;
   const error = activeTab === "today" ? todayError : monthlyError;
+  useEffect(() => {
+    if (loading || error || sortedWorkspaces.length === 0) return;
+    const trackingKey = [
+      activeTab,
+      viewType,
+      outputCategory,
+      selectedLineFilter,
+      selectedShiftFilter,
+      sortAscending ? "asc" : "desc",
+      sortedWorkspaces.length
+    ].join("|");
+    if (leaderboardViewTrackedRef.current === trackingKey) return;
+    leaderboardViewTrackedRef.current = trackingKey;
+    const topWorkspace = sortedWorkspaces[0];
+    trackCoreEvent("Workspace Leaderboard View Loaded", {
+      time_range: activeTab,
+      view_type: viewType,
+      metric_context: viewType === "machine" ? "machine" : outputCategory,
+      line_filter: selectedLineFilter,
+      shift_filter: selectedShiftFilter,
+      sort_direction: sortAscending ? "asc" : "desc",
+      workspace_count: sortedWorkspaces.length,
+      top_workspace_id: topWorkspace?.workspace_uuid ?? null,
+      top_workspace_name: topWorkspace?.workspace_name ?? null,
+      top_efficiency: topWorkspace?.efficiency ?? null,
+      top_avg_cycle_time: topWorkspace?.avg_cycle_time ?? null,
+      top_ideal_cycle_time: topWorkspace?.ideal_cycle_time ?? null,
+      top_cycle_ratio: topWorkspace ? getCycleRatio(topWorkspace) : null
+    });
+  }, [
+    loading,
+    error,
+    sortedWorkspaces,
+    activeTab,
+    viewType,
+    outputCategory,
+    selectedLineFilter,
+    selectedShiftFilter,
+    sortAscending
+  ]);
   const currentDateFormatted = useMemo(() => {
     const dateStr = (/* @__PURE__ */ new Date()).toDateString();
     return formatDate2(new Date(dateStr));
@@ -64618,7 +64910,9 @@ var LeaderboardDetailView = memo$1(({
       error.message
     ] }) });
   }
-  const efficiencyLabel = viewType === "machine" ? "Utilization" : "Efficiency";
+  const metricLabel = viewType === "machine" ? "Utilization" : isAssemblyMode ? "Cycle Time" : "Efficiency";
+  const descendingSortLabel = "Highest to Lowest";
+  const ascendingSortLabel = "Lowest to Highest";
   return /* @__PURE__ */ jsxs("div", { className: `min-h-screen bg-slate-50 flex flex-col ${className}`, style: { willChange: "contents" }, children: [
     /* @__PURE__ */ jsx("div", { className: "sticky top-0 z-20 bg-white shadow-sm border-b border-gray-200/80", children: /* @__PURE__ */ jsxs("div", { className: "px-3 sm:px-6 md:px-8 py-2 sm:py-2.5", children: [
       /* @__PURE__ */ jsx("div", { className: "sm:hidden", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center", children: [
@@ -64668,7 +64962,7 @@ var LeaderboardDetailView = memo$1(({
         ] }),
         /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
           /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
-            /* @__PURE__ */ jsx("label", { className: "text-xs font-medium text-gray-500 uppercase tracking-wide ml-1", children: efficiencyLabel }),
+            /* @__PURE__ */ jsx("label", { className: "text-xs font-medium text-gray-500 uppercase tracking-wide ml-1", children: metricLabel }),
             /* @__PURE__ */ jsx("div", { className: "relative", children: /* @__PURE__ */ jsxs(
               "select",
               {
@@ -64677,8 +64971,25 @@ var LeaderboardDetailView = memo$1(({
                 className: "w-full appearance-none pl-3 pr-8 py-2 text-sm bg-gray-50 border border-gray-200 hover:border-gray-300 rounded-lg text-gray-900 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:bg-white transition-all cursor-pointer",
                 style: { backgroundImage: `url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e")`, backgroundPosition: `right 0.75rem center`, backgroundRepeat: `no-repeat`, backgroundSize: `1.2em 1.2em` },
                 children: [
-                  /* @__PURE__ */ jsx("option", { value: "desc", children: "Highest to Lowest" }),
-                  /* @__PURE__ */ jsx("option", { value: "asc", children: "Lowest to Highest" })
+                  /* @__PURE__ */ jsx("option", { value: "desc", children: descendingSortLabel }),
+                  /* @__PURE__ */ jsx("option", { value: "asc", children: ascendingSortLabel })
+                ]
+              }
+            ) })
+          ] }),
+          showOutputCategoryDropdown && /* @__PURE__ */ jsxs("div", { className: "space-y-1 sm:hidden", children: [
+            /* @__PURE__ */ jsx("label", { className: "text-xs font-medium text-gray-500 uppercase tracking-wide ml-1", children: "Output Type" }),
+            /* @__PURE__ */ jsx("div", { className: "relative", children: /* @__PURE__ */ jsxs(
+              "select",
+              {
+                "aria-label": "Output leaderboard category",
+                value: outputCategory,
+                onChange: (e) => setOutputCategory(e.target.value),
+                className: "w-full appearance-none pl-3 pr-8 py-2 text-sm bg-gray-50 border border-gray-200 hover:border-gray-300 rounded-lg text-gray-900 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:bg-white transition-all cursor-pointer",
+                style: { backgroundImage: `url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e")`, backgroundPosition: `right 0.75rem center`, backgroundRepeat: `no-repeat`, backgroundSize: `1.2em 1.2em` },
+                children: [
+                  /* @__PURE__ */ jsx("option", { value: "standard", children: "Standard" }),
+                  /* @__PURE__ */ jsx("option", { value: "assembly", children: "Assembly" })
                 ]
               }
             ) })
@@ -64720,7 +65031,7 @@ var LeaderboardDetailView = memo$1(({
           currentDate: activeTab === "monthly" ? monthlyRangeText : currentDateFormatted,
           currentMobileDate: activeTab === "monthly" ? monthlyRangeText : currentMobileDateFormatted,
           shiftId: activeTab === "monthly" ? monthlyShiftId : todayShiftId,
-          getShiftIcon,
+          getShiftIcon: getShiftIcon2,
           getShiftName,
           showTimer: activeTab === "today"
         }
@@ -64818,6 +65129,20 @@ var LeaderboardDetailView = memo$1(({
                 ]
               }
             ) }),
+            showOutputCategoryDropdown && /* @__PURE__ */ jsx("div", { className: "relative", children: /* @__PURE__ */ jsxs(
+              "select",
+              {
+                "aria-label": "Output leaderboard category",
+                value: outputCategory,
+                onChange: (e) => setOutputCategory(e.target.value),
+                className: "appearance-none pl-3 pr-8 py-1.5 text-sm font-medium bg-white border border-gray-200 hover:border-gray-300 rounded-lg text-gray-700 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all cursor-pointer shadow-sm",
+                style: { backgroundImage: `url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e")`, backgroundPosition: `right 0.5rem center`, backgroundRepeat: `no-repeat`, backgroundSize: `1.2em 1.2em` },
+                children: [
+                  /* @__PURE__ */ jsx("option", { value: "standard", children: "Standard" }),
+                  /* @__PURE__ */ jsx("option", { value: "assembly", children: "Assembly" })
+                ]
+              }
+            ) }),
             /* @__PURE__ */ jsxs(
               "button",
               {
@@ -64849,7 +65174,8 @@ var LeaderboardDetailView = memo$1(({
           isClickable: canOpenWorkspace(ws.line_id),
           onWorkspaceClick: stableHandleWorkspaceClick,
           getMedalIcon: stableGetMedalIcon,
-          efficiencyLabel
+          metricLabel,
+          isAssemblyMode
         },
         ws.workspace_uuid
       );
@@ -64860,7 +65186,7 @@ var LeaderboardDetailView = memo$1(({
           /* @__PURE__ */ jsx("th", { className: "px-3 py-2.5 sm:p-4 text-left text-xs sm:text-sm font-semibold text-gray-600 whitespace-nowrap", children: "Rank" }),
           /* @__PURE__ */ jsx("th", { className: "px-3 py-2.5 sm:p-4 text-left text-xs sm:text-sm font-semibold text-gray-600 whitespace-nowrap", children: "Workspace" }),
           /* @__PURE__ */ jsx("th", { className: "px-3 py-2.5 sm:p-4 text-left text-xs sm:text-sm font-semibold text-gray-600 whitespace-nowrap", children: "Line" }),
-          /* @__PURE__ */ jsx("th", { className: "px-3 py-2.5 sm:p-4 text-left text-xs sm:text-sm font-semibold text-gray-600 whitespace-nowrap", children: efficiencyLabel })
+          /* @__PURE__ */ jsx("th", { className: "px-3 py-2.5 sm:p-4 text-left text-xs sm:text-sm font-semibold text-gray-600 whitespace-nowrap", children: metricLabel })
         ] }) }),
         /* @__PURE__ */ jsx("tbody", { className: "divide-y divide-gray-100", children: sortedWorkspaces.map((ws, index) => {
           const isTopThree = index < 3;
@@ -64873,7 +65199,8 @@ var LeaderboardDetailView = memo$1(({
               rowClass,
               isClickable: canOpenWorkspace(ws.line_id),
               onWorkspaceClick: stableHandleWorkspaceClick,
-              getMedalIcon: stableGetMedalIcon
+              getMedalIcon: stableGetMedalIcon,
+              isAssemblyMode
             },
             ws.workspace_uuid
           );
@@ -64891,7 +65218,10 @@ function LoginView({
   logoSrc = optifye_logo_default,
   logoAlt = "Optifye",
   brandName = "Optifye",
-  onRateLimitCheck
+  onRateLimitCheck,
+  showDevTestLogin = false,
+  devTestLoginLabel,
+  onDevTestLogin
 }) {
   return /* @__PURE__ */ jsx(
     LoginPage,
@@ -64899,7 +65229,10 @@ function LoginView({
       logoSrc,
       logoAlt,
       brandName,
-      onRateLimitCheck
+      onRateLimitCheck,
+      showDevTestLogin,
+      devTestLoginLabel,
+      onDevTestLogin
     }
   );
 }
@@ -68034,8 +68367,84 @@ var TargetsView = ({
 var TargetsViewWithDisplayNames = withAllWorkspaceDisplayNames(TargetsView);
 var TargetsView_default = TargetsViewWithDisplayNames;
 var AuthenticatedTargetsView = withAuth(React141__default.memo(TargetsViewWithDisplayNames));
+function useTimezone(options = {}) {
+  const dashboardConfig = useDashboardConfig();
+  const workspaceConfig = useWorkspaceConfig();
+  const defaultTimezone = dashboardConfig?.dateTimeConfig?.defaultTimezone || "Asia/Kolkata";
+  const [timezone, setTimezone] = useState(defaultTimezone);
+  const [isLoading, setIsLoading] = useState(true);
+  const [error, setError] = useState(null);
+  const fetchTimezone = useCallback(async () => {
+    setIsLoading(true);
+    setError(null);
+    try {
+      let fetchedTimezone = defaultTimezone;
+      if (options.lineId) {
+        fetchedTimezone = await timezoneService.getTimezoneForLine(options.lineId, defaultTimezone);
+      } else if (options.workspaceId || workspaceConfig && "id" in workspaceConfig) {
+        const wsId = options.workspaceId || (workspaceConfig && "id" in workspaceConfig ? workspaceConfig.id : void 0);
+        if (wsId) {
+          fetchedTimezone = await timezoneService.getTimezoneForWorkspace(wsId, defaultTimezone);
+        }
+      } else if (options.companyId || dashboardConfig && "company" in dashboardConfig) {
+        const compId = options.companyId || (dashboardConfig && "company" in dashboardConfig ? dashboardConfig.company?.id : void 0);
+        if (compId) {
+          fetchedTimezone = await timezoneService.getTimezoneForCompany(compId, defaultTimezone);
+        }
+      }
+      setTimezone(fetchedTimezone);
+    } catch (err) {
+      console.error("Error fetching timezone:", err);
+      setError(err instanceof Error ? err : new Error("Failed to fetch timezone"));
+      setTimezone(defaultTimezone);
+    } finally {
+      setIsLoading(false);
+    }
+  }, [
+    options.lineId,
+    options.workspaceId,
+    options.companyId,
+    workspaceConfig,
+    dashboardConfig,
+    defaultTimezone
+  ]);
+  useEffect(() => {
+    fetchTimezone();
+  }, [fetchTimezone]);
+  return {
+    timezone,
+    isLoading,
+    error,
+    refetch: fetchTimezone
+  };
+}
 
 // src/views/workspace-detail-view.utils.ts
+var getWorkspaceDetailLayoutMode = ({
+  workspace,
+  showCycleTimeChart
+}) => {
+  if (workspace?.monitoring_mode === "uptime") {
+    return "uptime";
+  }
+  if (showCycleTimeChart === false) {
+    return "output";
+  }
+  return shouldUseAssemblyCycleTimeLayout(workspace) ? "assembly_cycle" : "output";
+};
+var getCycleTimeRenderState = ({
+  workspace,
+  authoritativeMetrics,
+  showCycleTimeChart
+}) => {
+  if (getWorkspaceDetailLayoutMode({ workspace, showCycleTimeChart }) !== "assembly_cycle") {
+    return "output";
+  }
+  if (!authoritativeMetrics) {
+    return "chart_loading";
+  }
+  return authoritativeMetrics.cycle_time_data_status === "missing_clips" ? "cycle_unavailable" : "cycle_chart";
+};
 var formatDateInTimezone = (date = /* @__PURE__ */ new Date(), timezone, options) => {
   const defaultOptions = {
     day: "numeric",
@@ -68419,6 +68828,7 @@ var WorkspaceDetailView = ({
       date: cachedOverviewMetrics.date,
       shift_id: cachedOverviewMetrics.shift_id,
       action_name: "",
+      action_family: cachedOverviewMetrics.action_family ?? null,
       action_type: cachedOverviewMetrics.action_type ?? null,
       monitoring_mode: cachedOverviewMetrics.monitoring_mode ?? "output",
       shift_start: shiftDefinition?.startTime || "",
@@ -68441,23 +68851,48 @@ var WorkspaceDetailView = ({
       idle_time_hourly: void 0
     };
   }, [cachedOverviewMetrics, shiftConfig?.shifts]);
-  const workspace = (isHistoricView ? historicMetrics : liveMetrics) || cachedDetailedMetrics || overviewFallback;
-  const detailedWorkspaceMetrics = (isHistoricView ? historicMetrics : liveMetrics) || cachedDetailedMetrics;
+  const authoritativeCycleMetrics = isHistoricView ? historicMetrics : liveMetrics;
+  const workspace = authoritativeCycleMetrics || cachedDetailedMetrics || overviewFallback;
+  const { timezone: cycleTimeTimezone } = useTimezone({
+    lineId: effectiveLineId || workspace?.line_id || void 0,
+    workspaceId: workspaceId || void 0
+  });
+  const effectiveCycleTimeTimezone = cycleTimeTimezone || timezone;
+  const detailedWorkspaceMetrics = authoritativeCycleMetrics || cachedDetailedMetrics;
   const cycleTimeChartData = useMemo(
-    () => Array.isArray(workspace?.hourly_cycle_times) ? workspace.hourly_cycle_times.map((value) => {
+    () => Array.isArray(authoritativeCycleMetrics?.hourly_cycle_times) ? authoritativeCycleMetrics.hourly_cycle_times.map((value) => {
       const numericValue = Number(value);
       return Number.isFinite(numericValue) ? numericValue : 0;
     }) : [],
-    [workspace?.hourly_cycle_times]
+    [authoritativeCycleMetrics?.hourly_cycle_times]
+  );
+  const maskedCycleTimeChartData = useMemo(
+    () => maskFutureHourlySeries({
+      data: cycleTimeChartData,
+      shiftStart: authoritativeCycleMetrics?.shift_start,
+      shiftEnd: authoritativeCycleMetrics?.shift_end,
+      shiftDate: authoritativeCycleMetrics?.date || date || calculatedOperationalDate || null,
+      timezone: effectiveCycleTimeTimezone
+    }),
+    [
+      cycleTimeChartData,
+      authoritativeCycleMetrics?.shift_start,
+      authoritativeCycleMetrics?.shift_end,
+      authoritativeCycleMetrics?.date,
+      date,
+      calculatedOperationalDate,
+      effectiveCycleTimeTimezone
+    ]
   );
   const cycleTimeDatasetKey = useMemo(
     () => [
-      workspace?.workspace_id || workspaceId || "workspace",
-      date || workspace?.date || "live",
-      parsedShiftId ?? workspace?.shift_id ?? "current",
-      "hourly"
+      authoritativeCycleMetrics?.workspace_id || workspaceId || "workspace",
+      date || authoritativeCycleMetrics?.date || "live",
+      parsedShiftId ?? authoritativeCycleMetrics?.shift_id ?? "current",
+      "hourly",
+      "backend"
     ].join(":"),
-    [workspace?.workspace_id, workspaceId, date, workspace?.date, parsedShiftId, workspace?.shift_id]
+    [authoritativeCycleMetrics?.workspace_id, workspaceId, date, authoritativeCycleMetrics?.date, parsedShiftId, authoritativeCycleMetrics?.shift_id]
   );
   const hasWorkspaceSnapshot = Boolean(workspace);
   const loading = ((isHistoricView ? historicLoading : liveLoading) || isShiftConfigLoading) && !hasWorkspaceSnapshot;
@@ -68700,22 +69135,52 @@ var WorkspaceDetailView = ({
     return filterDataByDateKeyRange(monthlyData, range);
   }, [monthlyData, range]);
   const formattedWorkspaceName = displayName || formatWorkspaceName3(workspace?.workspace_name || "", effectiveLineId);
-  const workspaceActionType = workspace && "action_type" in workspace ? workspace.action_type : void 0;
-  const workspaceAssemblyEnabled = workspace && "line_assembly_enabled" in workspace ? workspace.line_assembly_enabled === true : false;
-  const isAssemblyWorkspace = workspaceActionType === "assembly" || workspaceAssemblyEnabled;
-  const shouldShowCycleTimeChart = !isUptimeMode && (showCycleTimeChart ?? isAssemblyWorkspace);
-  const showIdleBreakdownChart = !shouldShowCycleTimeChart && idleTimeVlmEnabled;
+  const workspaceCycleTimeEligibility = workspace ? {
+    line_assembly_enabled: workspace.line_assembly_enabled,
+    action_family: workspace.action_family,
+    action_type: workspace.action_type
+  } : null;
+  const isAssemblyWorkspace = shouldUseAssemblyCycleTimeLayout(workspaceCycleTimeEligibility);
+  const layoutMode = getWorkspaceDetailLayoutMode({
+    workspace: workspace ? {
+      monitoring_mode: workspace.monitoring_mode,
+      line_assembly_enabled: workspace.line_assembly_enabled,
+      action_family: workspace.action_family,
+      action_type: workspace.action_type
+    } : null,
+    showCycleTimeChart
+  });
+  const isAssemblyCycleLayout = layoutMode === "assembly_cycle";
+  const isOutputLayout = layoutMode === "output";
+  const cycleTimePresentation = getCycleTimeRenderState({
+    workspace: workspace ? {
+      monitoring_mode: workspace.monitoring_mode,
+      line_assembly_enabled: workspace.line_assembly_enabled,
+      action_family: workspace.action_family,
+      action_type: workspace.action_type
+    } : null,
+    authoritativeMetrics: authoritativeCycleMetrics ? {
+      cycle_time_data_status: authoritativeCycleMetrics.cycle_time_data_status
+    } : null,
+    showCycleTimeChart
+  });
+  const shouldShowCycleTimeChart = cycleTimePresentation === "cycle_chart";
+  const shouldShowCycleTimeUnavailableState = cycleTimePresentation === "cycle_unavailable";
+  const shouldShowCycleTimeLoadingState = cycleTimePresentation === "chart_loading";
+  const shouldShowAssemblyOverviewLoadingState = isAssemblyCycleLayout && shouldShowCycleTimeLoadingState && hasWorkspaceSnapshot;
+  const showIdleBreakdownChart = !isAssemblyCycleLayout && idleTimeVlmEnabled;
+  const canToggleChartIdleTime = !isUptimeMode && !shouldShowCycleTimeLoadingState && !shouldShowCycleTimeUnavailableState;
   const idleClipDate = date || workspace?.date || calculatedOperationalDate || getOperationalDate(timezone);
   const idleClipShiftId = parsedShiftId ?? workspace?.shift_id;
-  const hourlyIdleMinutes = useMemo(() => {
+  const rawHourlyIdleMinutes = useMemo(() => {
     if (!shouldShowCycleTimeChart || !workspace?.idle_time_hourly || !workspace?.shift_start) return [];
-    const parseTimeToMinutes3 = (time2) => {
+    const parseTimeToMinutes4 = (time2) => {
       const [h, m] = time2.split(":").map(Number);
       if (!Number.isFinite(h) || !Number.isFinite(m)) return 0;
       return h * 60 + m;
     };
-    const startTotal = parseTimeToMinutes3(workspace.shift_start);
-    const endTotalRaw = workspace.shift_end ? parseTimeToMinutes3(workspace.shift_end) : startTotal + 11 * 60;
+    const startTotal = parseTimeToMinutes4(workspace.shift_start);
+    const endTotalRaw = workspace.shift_end ? parseTimeToMinutes4(workspace.shift_end) : startTotal + 11 * 60;
     const endTotal = endTotalRaw <= startTotal ? endTotalRaw + 24 * 60 : endTotalRaw;
     const shiftDuration = Math.max(60, endTotal - startTotal);
     const totalHourSlots = Math.max(1, Math.ceil(shiftDuration / 60));
@@ -68741,6 +69206,42 @@ var WorkspaceDetailView = ({
     }
     return result;
   }, [shouldShowCycleTimeChart, workspace?.idle_time_hourly, workspace?.shift_start, workspace?.shift_end]);
+  const hourlyIdleMinutes = useMemo(
+    () => maskFutureHourlySeries({
+      data: rawHourlyIdleMinutes,
+      shiftStart: workspace?.shift_start,
+      shiftEnd: workspace?.shift_end,
+      shiftDate: idleClipDate,
+      timezone: effectiveCycleTimeTimezone
+    }),
+    [
+      rawHourlyIdleMinutes,
+      workspace?.shift_start,
+      workspace?.shift_end,
+      idleClipDate,
+      effectiveCycleTimeTimezone
+    ]
+  );
+  const cycleTimeUnavailableView = useMemo(() => /* @__PURE__ */ jsxs("div", { className: "w-full h-full rounded-lg border border-amber-200 bg-amber-50/70 px-6 py-5 text-center flex flex-col items-center justify-center", children: [
+    /* @__PURE__ */ jsx("h4", { className: "text-base font-semibold text-amber-900", children: "Cycle data unavailable" }),
+    /* @__PURE__ */ jsx("p", { className: "mt-2 max-w-md text-sm text-amber-800", children: "This workstation has cycle-time metrics for the selected shift, but no matching `cycle_completion` clips were found for the chart." }),
+    typeof workspace?.cycle_completion_clip_count === "number" && /* @__PURE__ */ jsxs("p", { className: "mt-3 text-xs font-medium uppercase tracking-[0.08em] text-amber-700", children: [
+      "matched cycle clips: ",
+      workspace.cycle_completion_clip_count
+    ] })
+  ] }), [workspace?.cycle_completion_clip_count]);
+  const assemblyOverviewLoadingView = useMemo(() => /* @__PURE__ */ jsxs("div", { className: "space-y-4 pb-4", "data-testid": "assembly-overview-loading-state", children: [
+    /* @__PURE__ */ jsx("div", { className: "bg-white rounded-lg shadow-sm p-6 lg:p-8", children: /* @__PURE__ */ jsx("div", { className: "min-h-[280px] lg:min-h-[340px] flex flex-col justify-center", children: /* @__PURE__ */ jsxs("div", { className: "w-full max-w-xl mx-auto animate-pulse space-y-3", children: [
+      /* @__PURE__ */ jsx("div", { className: "h-3 bg-gray-200 rounded-full w-3/4 mx-auto" }),
+      /* @__PURE__ */ jsx("div", { className: "h-3 bg-gray-100 rounded-full w-full" }),
+      /* @__PURE__ */ jsx("div", { className: "h-3 bg-gray-100 rounded-full w-5/6 mx-auto" })
+    ] }) }) }),
+    /* @__PURE__ */ jsx("div", { className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4", children: [0, 1, 2].map((index) => /* @__PURE__ */ jsx("div", { className: "bg-white rounded-lg shadow-sm p-5", children: /* @__PURE__ */ jsxs("div", { className: "animate-pulse space-y-3", children: [
+      /* @__PURE__ */ jsx("div", { className: "h-4 w-24 bg-gray-200 rounded" }),
+      /* @__PURE__ */ jsx("div", { className: "h-10 w-20 bg-gray-100 rounded" }),
+      /* @__PURE__ */ jsx("div", { className: "h-3 w-28 bg-gray-100 rounded" })
+    ] }) }, index)) })
+  ] }), []);
   const shiftDurationMinutes = useMemo(
     () => getShiftDurationMinutes(workspace?.shift_start, workspace?.shift_end),
     [workspace?.shift_start, workspace?.shift_end]
@@ -68795,7 +69296,7 @@ var WorkspaceDetailView = ({
   }, [isUptimeMode, uptimeSeries, shiftDurationMinutes, elapsedShiftMinutes, workspace?.idle_time]);
   const overviewTabLabel = isUptimeMode ? "Utilization" : "Efficiency";
   const idleClipFetchEnabled = Boolean(
-    workspaceId && idleClipDate && idleClipShiftId !== void 0 && activeTab === "overview" && idleTimeVlmEnabled && !shouldShowCycleTimeChart && !isUptimeMode
+    workspaceId && idleClipDate && idleClipShiftId !== void 0 && activeTab === "overview" && idleTimeVlmEnabled && isOutputLayout
   );
   const {
     idleClips: idleTimeClips,
@@ -68866,7 +69367,7 @@ var WorkspaceDetailView = ({
       }
     }
   };
-  const getShiftIcon = (shiftType) => {
+  const getShiftIcon2 = (shiftType) => {
     const shiftTypeLower = shiftType?.toLowerCase() || "";
     if (shiftTypeLower.includes("day") || shiftTypeLower.includes("morning")) {
       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 3v1m0 16v1m9-9h-1M4 12H3m15.364 6.364l-.707-.707M6.343 6.343l-.707-.707m12.728 0l-.707.707M6.343 17.657l-.707.707M16 12a4 4 0 11-8 0 4 4 0 018 0z" }) });
@@ -69015,7 +69516,7 @@ var WorkspaceDetailView = ({
                 /* @__PURE__ */ jsx("div", { className: "text-gray-700 scale-90", children: (() => {
                   const shift2 = shiftConfig?.shifts?.find((s) => s.shiftId === selectedShift);
                   const shiftName = shift2?.shiftName || (selectedShift === 0 ? "Day Shift" : "Night Shift");
-                  return getShiftIcon(shiftName);
+                  return getShiftIcon2(shiftName);
                 })() }),
                 /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-gray-700", children: (() => {
                   const shift2 = shiftConfig?.shifts?.find((s) => s.shiftId === selectedShift);
@@ -69043,7 +69544,7 @@ var WorkspaceDetailView = ({
                 /* @__PURE__ */ jsx("div", { className: "opacity-70", children: (() => {
                   const shift2 = shiftConfig?.shifts?.find((s) => s.shiftId === selectedShift);
                   const shiftName = shift2?.shiftName || (selectedShift === 0 ? "Day Shift" : "Night Shift");
-                  return getShiftIcon(shiftName);
+                  return getShiftIcon2(shiftName);
                 })() }),
                 /* @__PURE__ */ jsx("span", { className: "text-sm md:text-base font-semibold uppercase tracking-wider", children: (() => {
                   const shift2 = shiftConfig?.shifts?.find((s) => s.shiftId === selectedShift);
@@ -69056,7 +69557,7 @@ var WorkspaceDetailView = ({
             /* @__PURE__ */ jsxs("div", { className: "sm:hidden mt-3 flex items-center justify-center gap-2", children: [
               /* @__PURE__ */ jsx("div", { className: "inline-flex items-center px-2.5 py-1 bg-gray-100 rounded-full", children: /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-gray-700", children: formatISTDate2(new Date(workspace.date)) }) }),
               /* @__PURE__ */ jsxs("div", { className: "inline-flex items-center gap-1 px-2.5 py-1 bg-gray-100 rounded-full", children: [
-                /* @__PURE__ */ jsx("div", { className: "text-gray-700 scale-90", children: getShiftIcon(workspace.shift_type) }),
+                /* @__PURE__ */ jsx("div", { className: "text-gray-700 scale-90", children: getShiftIcon2(workspace.shift_type) }),
                 /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-gray-700", children: workspace.shift_type })
               ] }),
               !date && !shift && !usingFallbackData ? /* @__PURE__ */ jsx("div", { className: "inline-flex items-center px-2.5 py-1 bg-green-100 rounded-full", children: /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-green-700", children: /* @__PURE__ */ jsx(LiveTimer, {}) }) }) : date ? /* @__PURE__ */ jsx("div", { className: "inline-flex items-center px-2.5 py-1 bg-blue-100 rounded-full", children: /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-blue-700", children: getDaysDifference(workspace.date, timezone, dashboardConfig?.shiftConfig?.dayShift?.startTime || "06:00") }) }) : usingFallbackData ? /* @__PURE__ */ jsx("div", { className: "inline-flex items-center px-2.5 py-1 bg-amber-100 rounded-full", children: /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-amber-700", children: getDaysDifference(workspace.date, timezone, dashboardConfig?.shiftConfig?.dayShift?.startTime || "06:00") }) }) : null
@@ -69087,7 +69588,7 @@ var WorkspaceDetailView = ({
                 /* @__PURE__ */ jsx("div", { className: "w-px h-4 bg-blue-200" })
               ] }),
               /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-blue-600", children: [
-                /* @__PURE__ */ jsx("div", { className: "opacity-70", children: getShiftIcon(workspace.shift_type) }),
+                /* @__PURE__ */ jsx("div", { className: "opacity-70", children: getShiftIcon2(workspace.shift_type) }),
                 /* @__PURE__ */ jsxs("span", { className: "text-sm md:text-base font-semibold uppercase tracking-wider", children: [
                   workspace.shift_type.replace(/ Shift$/i, ""),
                   " Shift"
@@ -69206,9 +69707,9 @@ var WorkspaceDetailView = ({
           ] })
         ] }),
         /* @__PURE__ */ jsxs("div", { className: "flex-grow p-1.5 sm:p-2 lg:p-4", children: [
-          activeTab === "overview" && /* @__PURE__ */ jsxs("div", { className: "flex flex-col h-full lg:h-[calc(100vh-12rem)] overflow-y-auto lg:min-h-0 pb-4", children: [
+          activeTab === "overview" && /* @__PURE__ */ jsx("div", { className: "flex flex-col h-full lg:h-[calc(100vh-12rem)] overflow-y-auto lg:min-h-0 pb-4", children: shouldShowAssemblyOverviewLoadingState ? assemblyOverviewLoadingView : /* @__PURE__ */ jsxs(Fragment, { children: [
             /* @__PURE__ */ jsxs("div", { className: "block lg:hidden space-y-6 pb-6", children: [
-              !shouldShowCycleTimeChart && !isUptimeMode && /* @__PURE__ */ jsxs(
+              isOutputLayout && !isUptimeMode && /* @__PURE__ */ jsxs(
                 motion.div,
                 {
                   className: "bg-white rounded-lg shadow-sm p-6 h-[300px]",
@@ -69236,8 +69737,8 @@ var WorkspaceDetailView = ({
                   animate: "animate",
                   children: [
                     /* @__PURE__ */ jsxs("div", { className: "flex justify-between items-center mb-4", children: [
-                      /* @__PURE__ */ jsx("h3", { className: "text-lg font-bold text-gray-700", children: isUptimeMode ? "Machine Utilization" : shouldShowCycleTimeChart ? "Cycle time trend" : "Hourly Output" }),
-                      !isUptimeMode && /* @__PURE__ */ jsx(
+                      /* @__PURE__ */ jsx("h3", { className: "text-lg font-bold text-gray-700", children: isUptimeMode ? "Machine Utilization" : isAssemblyCycleLayout ? "Cycle time trend" : "Hourly Output" }),
+                      canToggleChartIdleTime && /* @__PURE__ */ jsx(
                         "button",
                         {
                           onClick: () => setShowChartIdleTime(!showChartIdleTime),
@@ -69266,19 +69767,19 @@ var WorkspaceDetailView = ({
                             timezone,
                             elapsedMinutes: elapsedShiftMinutes
                           }
-                        ) : shouldShowCycleTimeChart ? /* @__PURE__ */ jsx(
+                        ) : isAssemblyCycleLayout ? shouldShowCycleTimeUnavailableState ? cycleTimeUnavailableView : shouldShowCycleTimeChart ? /* @__PURE__ */ jsx(
                           CycleTimeOverTimeChart,
                           {
-                            data: cycleTimeChartData,
-                            idealCycleTime: workspace.ideal_cycle_time || 0,
-                            shiftStart: workspace.shift_start || "",
-                            shiftEnd: workspace.shift_end || "",
+                            data: maskedCycleTimeChartData,
+                            idealCycleTime: authoritativeCycleMetrics?.ideal_cycle_time || 0,
+                            shiftStart: authoritativeCycleMetrics?.shift_start || "",
+                            shiftEnd: authoritativeCycleMetrics?.shift_end || "",
                             xAxisMode: "hourly",
                             datasetKey: cycleTimeDatasetKey,
                             showIdleTime: showChartIdleTime,
                             idleTimeData: hourlyIdleMinutes
                           }
-                        ) : /* @__PURE__ */ jsx(
+                        ) : null : /* @__PURE__ */ jsx(
                           HourlyOutputChart2,
                           {
                             data: workspace.hourly_action_counts || [],
@@ -69298,7 +69799,7 @@ var WorkspaceDetailView = ({
                   ]
                 }
               ),
-              !shouldShowCycleTimeChart && idleTimeVlmEnabled && /* @__PURE__ */ jsxs(
+              showIdleBreakdownChart && /* @__PURE__ */ jsxs(
                 motion.div,
                 {
                   className: "bg-white rounded-lg shadow-sm p-4 h-[300px]",
@@ -69318,7 +69819,7 @@ var WorkspaceDetailView = ({
                   ]
                 }
               ),
-              isUptimeMode ? /* @__PURE__ */ jsx(UptimeMetricCards, { workspace, uptimePieData }) : shouldShowCycleTimeChart ? /* @__PURE__ */ jsx(
+              isUptimeMode ? /* @__PURE__ */ jsx(UptimeMetricCards, { workspace, uptimePieData }) : isAssemblyCycleLayout ? /* @__PURE__ */ jsx(
                 WorkspaceCycleTimeMetricCards,
                 {
                   workspace,
@@ -69338,7 +69839,7 @@ var WorkspaceDetailView = ({
                     desktopTopSectionClass
                   ),
                   children: [
-                    !shouldShowCycleTimeChart && !isUptimeMode && /* @__PURE__ */ jsxs(
+                    isOutputLayout && !isUptimeMode && /* @__PURE__ */ jsxs(
                       motion.div,
                       {
                         className: "bg-white rounded-lg shadow-sm p-4 lg:col-span-2 flex flex-col min-h-0",
@@ -69362,15 +69863,15 @@ var WorkspaceDetailView = ({
                       {
                         className: clsx(
                           "bg-white rounded-lg shadow-sm p-4 flex flex-col min-h-0",
-                          isUptimeMode && showIdleBreakdownChart ? "lg:col-span-2" : shouldShowCycleTimeChart || isUptimeMode ? "lg:col-span-10" : idleTimeVlmEnabled ? "lg:col-span-6" : "lg:col-span-8"
+                          isUptimeMode && showIdleBreakdownChart ? "lg:col-span-2" : isAssemblyCycleLayout || isUptimeMode ? "lg:col-span-10" : idleTimeVlmEnabled ? "lg:col-span-6" : "lg:col-span-8"
                         ),
                         variants: chartCardVariants,
                         initial: "initial",
                         animate: "animate",
                         children: [
                           /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-3 mb-4 flex-none", children: [
-                            /* @__PURE__ */ jsx("h3", { className: "text-lg font-bold text-gray-700", children: isUptimeMode ? "Machine Utilization" : shouldShowCycleTimeChart ? "Cycle time trend" : "Hourly Output" }),
-                            !isUptimeMode && /* @__PURE__ */ jsx(
+                            /* @__PURE__ */ jsx("h3", { className: "text-lg font-bold text-gray-700", children: isUptimeMode ? "Machine Utilization" : isAssemblyCycleLayout ? "Cycle time trend" : "Hourly Output" }),
+                            canToggleChartIdleTime && /* @__PURE__ */ jsx(
                               "button",
                               {
                                 onClick: () => setShowChartIdleTime(!showChartIdleTime),
@@ -69395,19 +69896,19 @@ var WorkspaceDetailView = ({
                               timezone,
                               elapsedMinutes: elapsedShiftMinutes
                             }
-                          ) : shouldShowCycleTimeChart ? /* @__PURE__ */ jsx(
+                          ) : isAssemblyCycleLayout ? shouldShowCycleTimeUnavailableState ? cycleTimeUnavailableView : shouldShowCycleTimeChart ? /* @__PURE__ */ jsx(
                             CycleTimeOverTimeChart,
                             {
-                              data: cycleTimeChartData,
-                              idealCycleTime: workspace.ideal_cycle_time || 0,
-                              shiftStart: workspace.shift_start || "",
-                              shiftEnd: workspace.shift_end || "",
+                              data: maskedCycleTimeChartData,
+                              idealCycleTime: authoritativeCycleMetrics?.ideal_cycle_time || 0,
+                              shiftStart: authoritativeCycleMetrics?.shift_start || "",
+                              shiftEnd: authoritativeCycleMetrics?.shift_end || "",
                               xAxisMode: "hourly",
                               datasetKey: cycleTimeDatasetKey,
                               showIdleTime: showChartIdleTime,
                               idleTimeData: hourlyIdleMinutes
                             }
-                          ) : /* @__PURE__ */ jsx(
+                          ) : null : /* @__PURE__ */ jsx(
                             HourlyOutputChart2,
                             {
                               data: workspace.hourly_action_counts || [],
@@ -69425,7 +69926,7 @@ var WorkspaceDetailView = ({
                         ]
                       }
                     ),
-                    !shouldShowCycleTimeChart && idleTimeVlmEnabled && /* @__PURE__ */ jsxs(
+                    showIdleBreakdownChart && /* @__PURE__ */ jsxs(
                       motion.div,
                       {
                         className: clsx(
@@ -69451,7 +69952,7 @@ var WorkspaceDetailView = ({
                   ]
                 }
               ),
-              isUptimeMode ? /* @__PURE__ */ jsx("div", { className: clsx("flex min-h-0", desktopBottomSectionClass), children: /* @__PURE__ */ jsx(UptimeMetricCards, { workspace, uptimePieData, className: "flex-1" }) }) : shouldShowCycleTimeChart ? /* @__PURE__ */ jsx(
+              isUptimeMode ? /* @__PURE__ */ jsx("div", { className: clsx("flex min-h-0", desktopBottomSectionClass), children: /* @__PURE__ */ jsx(UptimeMetricCards, { workspace, uptimePieData, className: "flex-1" }) }) : isAssemblyCycleLayout ? /* @__PURE__ */ jsx(
                 WorkspaceCycleTimeMetricCards,
                 {
                   workspace,
@@ -69462,7 +69963,7 @@ var WorkspaceDetailView = ({
                 }
               ) : /* @__PURE__ */ jsx("div", { className: clsx("flex min-h-0", desktopBottomSectionClass), children: /* @__PURE__ */ jsx(WorkspaceMetricCards, { workspace, legend: efficiencyLegend, className: "flex-1" }) })
             ] })
-          ] }),
+          ] }) }),
           activeTab === "monthly_history" && /* @__PURE__ */ jsxs("div", { className: "h-[calc(100vh-10rem)] overflow-y-auto px-2 sm:px-4 lg:px-0", children: [
             usingFallbackData && !date && !shift && /* @__PURE__ */ jsx("div", { className: "mb-3 sm:mb-4 bg-amber-50 border border-amber-200 rounded-lg px-3 sm:px-4 py-2 sm:py-3 text-amber-800", children: /* @__PURE__ */ jsxs("p", { className: "text-xs sm:text-sm font-medium flex items-center", children: [
               /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", className: "h-4 w-4 sm:h-5 sm:w-5 mr-2", viewBox: "0 0 20 20", fill: "currentColor", children: /* @__PURE__ */ jsx("path", { fillRule: "evenodd", d: "M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a1 1 0 000 2v3a1 1 0 001 1h1a1 1 0 100-2v-3a1 1 0 00-1-1H9z", clipRule: "evenodd" }) }),
@@ -72094,7 +72595,7 @@ var normalizeLabel = (value) => {
   const trimmed = value.trim();
   return trimmed.length > 0 ? trimmed : void 0;
 };
-var toFiniteNumber = (value) => {
+var toFiniteNumber2 = (value) => {
   if (typeof value === "number" && Number.isFinite(value)) return value;
   if (typeof value === "string" && value.trim().length > 0) {
     const parsed = Number(value);
@@ -72128,7 +72629,7 @@ var formatImprovementPieceGain = (pcsGain) => {
 var getPositiveImprovementGain = ({
   estimated_gain_pieces
 }) => {
-  const issueGain = toFiniteNumber(estimated_gain_pieces);
+  const issueGain = toFiniteNumber2(estimated_gain_pieces);
   return {
     pcsGain: issueGain !== null && issueGain > 0 ? issueGain : null
   };
@@ -72136,7 +72637,7 @@ var getPositiveImprovementGain = ({
 var getImprovementPcsGainSortValue = (input) => {
   const { pcsGain } = getPositiveImprovementGain(input);
   if (pcsGain !== null) return pcsGain;
-  const raw = toFiniteNumber(input.estimated_gain_pieces);
+  const raw = toFiniteNumber2(input.estimated_gain_pieces);
   return raw ?? null;
 };
 var getImprovementDisplayMetadata = ({
@@ -72156,7 +72657,7 @@ var getImprovementDisplayMetadata = ({
     metadataLabel: [workstationLabel, lineLabel, supervisorLabel].join(" \xB7 ")
   };
 };
-var toFiniteNumber2 = (value) => {
+var toFiniteNumber3 = (value) => {
   if (typeof value === "number" && Number.isFinite(value)) return value;
   if (typeof value === "string" && value.trim().length > 0) {
     const parsed = Number(value);
@@ -72184,15 +72685,15 @@ var compareImprovementRecommendationPriority = (left, right) => {
   if (leftIndustrial !== rightIndustrial) {
     return rightIndustrial - leftIndustrial;
   }
-  const leftGain = toFiniteNumber2(left.estimated_gain_pieces);
-  const rightGain = toFiniteNumber2(right.estimated_gain_pieces);
+  const leftGain = toFiniteNumber3(left.estimated_gain_pieces);
+  const rightGain = toFiniteNumber3(right.estimated_gain_pieces);
   if (leftGain !== rightGain) {
     if (leftGain === null) return 1;
     if (rightGain === null) return -1;
     return rightGain - leftGain;
   }
-  const leftRatio = toFiniteNumber2(left.gain_to_target_ratio);
-  const rightRatio = toFiniteNumber2(right.gain_to_target_ratio);
+  const leftRatio = toFiniteNumber3(left.gain_to_target_ratio);
+  const rightRatio = toFiniteNumber3(right.gain_to_target_ratio);
   if (leftRatio !== rightRatio) {
     if (leftRatio === null) return 1;
     if (rightRatio === null) return -1;
@@ -75497,6 +75998,7 @@ var EMPTY_OVERVIEW_POOREST_LINES = {
 };
 var EMPTY_OVERVIEW_TREND = {
   shift_mode: "all",
+  granularity: "day",
   points: []
 };
 var EMPTY_IDLE_BREAKDOWN = [];
@@ -75569,8 +76071,11 @@ var normalizePoorestLines = (value) => ({
 });
 var normalizeTrend = (value) => ({
   shift_mode: value?.shift_mode || "all",
+  granularity: value?.granularity === "hour" ? "hour" : "day",
   points: (value?.points || []).map((point) => ({
     date: point?.date,
+    label: point?.label,
+    hour_index: normalizeNumber(point?.hour_index),
     avg_efficiency: normalizeNumber(point?.avg_efficiency)
   }))
 });
@@ -75912,17 +76417,25 @@ var formatSignedIdleDuration = (seconds) => {
   const sign = seconds > 0 ? "+" : "-";
   return `${sign}${formatIdleDuration(Math.abs(seconds))}`;
 };
-var formatComparisonWindow = (dayCount, comparisonStrategy) => {
+var formatComparisonWindow = ({
+  currentDayCount,
+  previousDayCount,
+  comparisonStrategy,
+  shiftMode
+}) => {
   if (comparisonStrategy === "previous_full_week") return "last week";
-  if (!dayCount || !Number.isFinite(dayCount)) return "previous range";
-  return `previous ${dayCount} ${dayCount === 1 ? "day" : "days"}`;
+  if (comparisonStrategy === "matched_range" && shiftMode !== "all" && currentDayCount === 1 && previousDayCount === 1) {
+    return "previous day";
+  }
+  if (!previousDayCount || !Number.isFinite(previousDayCount)) return "previous range";
+  return `previous ${previousDayCount} ${previousDayCount === 1 ? "day" : "days"}`;
 };
 var buildDeltaBadge = (delta, options) => {
   if (delta === null || delta === void 0 || !Number.isFinite(delta)) {
     return {
       icon: null,
-      className: "bg-slate-100 text-slate-500",
-      text: `No ${options.comparisonLabel} baseline`
+      className: "bg-slate-100 text-slate-400",
+      text: "\u2014"
     };
   }
   const direction = delta >= 0 ? "up" : "down";
@@ -75933,6 +76446,25 @@ var buildDeltaBadge = (delta, options) => {
     text: `${options.formatter(delta)} vs ${options.comparisonLabel}`
   };
 };
+var normalizeShiftLabel = (shiftName, shiftMode) => {
+  const trimmedName = shiftName?.trim();
+  if (trimmedName) {
+    return /shift/i.test(trimmedName) ? trimmedName : `${trimmedName} Shift`;
+  }
+  if (shiftMode === "night") return "Night Shift";
+  return "Day Shift";
+};
+var getShiftIcon = (shiftName, shiftMode) => {
+  const normalizedName = (shiftName || "").toLowerCase();
+  const normalizedMode = shiftMode || "day";
+  if (normalizedName.includes("day") || normalizedName.includes("morning") || normalizedMode === "day") {
+    return /* @__PURE__ */ jsx("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", "aria-hidden": true, children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 3v1m0 16v1m9-9h-1M4 12H3m15.364 6.364l-.707-.707M6.343 6.343l-.707-.707m12.728 0l-.707.707M6.343 17.657l-.707.707M16 12a4 4 0 11-8 0 4 4 0 018 0z" }) });
+  }
+  if (normalizedName.includes("night") || normalizedName.includes("evening") || normalizedMode === "night") {
+    return /* @__PURE__ */ jsx("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", "aria-hidden": true, children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M20.354 15.354A9 9 0 018.646 3.646 9.003 9.003 0 0012 21a9.003 9.003 0 008.354-5.646z" }) });
+  }
+  return /* @__PURE__ */ jsx("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", "aria-hidden": true, 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" }) });
+};
 var buildLineDeltaTone = (delta, comparisonLabel) => {
   if (delta === null || delta === void 0 || !Number.isFinite(delta)) {
     return {
@@ -75988,6 +76520,8 @@ var OperationsOverviewHeader = React141__default.memo(({
   dateRange,
   displayDateRange,
   trendMode,
+  isLiveScope,
+  liveShiftName,
   lineOptions,
   supervisorOptions,
   selectedSupervisorId,
@@ -76001,6 +76535,14 @@ var OperationsOverviewHeader = React141__default.memo(({
 }) => {
   bumpRenderCounter();
   const subtitleRange = displayDateRange || dateRange;
+  const liveShiftLabel = React141__default.useMemo(
+    () => normalizeShiftLabel(liveShiftName, trendMode),
+    [liveShiftName, trendMode]
+  );
+  const liveShiftIcon = React141__default.useMemo(
+    () => getShiftIcon(liveShiftName, trendMode),
+    [liveShiftName, trendMode]
+  );
   const [isFilterOpen, setIsFilterOpen] = React141__default.useState(false);
   const [isLinesDropdownOpen, setIsLinesDropdownOpen] = React141__default.useState(false);
   const filterRef = React141__default.useRef(null);
@@ -76117,9 +76659,25 @@ var OperationsOverviewHeader = React141__default.memo(({
           className: "flex-shrink-0 -ml-1"
         }
       ) : /* @__PURE__ */ jsx("div", { className: "w-8 flex-shrink-0" }),
-      /* @__PURE__ */ jsxs("div", { className: "flex-1 flex flex-col items-center justify-center", children: [
-        /* @__PURE__ */ jsx("h1", { className: "text-lg font-semibold text-gray-900 text-center px-1 truncate max-w-[200px]", children: "Operations Overview" }),
-        /* @__PURE__ */ jsx("span", { className: "text-[10px] font-medium text-slate-500 text-center mt-0.5", children: mobileSubtitle })
+      /* @__PURE__ */ jsxs("div", { className: "flex-1 flex flex-col items-center justify-center min-w-0", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-center gap-1.5 min-w-0 max-w-[240px]", children: [
+          /* @__PURE__ */ jsx("h1", { className: "text-lg font-semibold text-gray-900 leading-tight text-center truncate", children: "Operations Overview" }),
+          isLiveScope ? /* @__PURE__ */ jsx(
+            "div",
+            {
+              "data-testid": "operations-overview-live-indicator",
+              className: "h-2 w-2 rounded-full bg-emerald-500 animate-pulse ring-2 ring-emerald-500/20 flex-shrink-0"
+            }
+          ) : null
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "mt-1 flex flex-wrap items-center justify-center gap-x-2 gap-y-1 text-[11px] font-medium text-slate-500 min-w-0", children: [
+          /* @__PURE__ */ jsx("span", { className: "truncate text-center", children: mobileSubtitle }),
+          isLiveScope ? /* @__PURE__ */ jsx("span", { className: "text-slate-300", children: "|" }) : null,
+          isLiveScope ? /* @__PURE__ */ jsx("span", { "data-testid": "operations-overview-live-meta", className: "inline-flex items-center gap-1.5 text-gray-600 min-w-0", children: /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1 justify-center truncate", children: [
+            /* @__PURE__ */ jsx("span", { className: "opacity-75 shrink-0", children: liveShiftIcon }),
+            /* @__PURE__ */ jsx("span", { className: "truncate", children: liveShiftLabel })
+          ] }) }) : null
+        ] })
       ] }),
       /* @__PURE__ */ jsxs("div", { className: "flex-shrink-0 flex items-center gap-1.5", children: [
         /* @__PURE__ */ jsx(
@@ -76138,22 +76696,40 @@ var OperationsOverviewHeader = React141__default.memo(({
           {
             ref: mobileFilterButtonRef,
             onClick: handleFilterToggle,
-            className: `p-2 rounded-full transition-colors relative ${isFilterOpen || activeFilterCount > 0 ? "bg-blue-50" : "active:bg-gray-100"}`,
+            className: `p-2 rounded-full transition-colors relative ${isFilterOpen || activeFilterCount > 0 ? "bg-slate-100 text-slate-700" : "active:bg-gray-100 text-slate-600"}`,
             "aria-label": "Open filters",
             children: [
-              /* @__PURE__ */ jsx(Filter, { className: `w-5 h-5 ${activeFilterCount > 0 ? "text-blue-600" : "text-gray-700"}` }),
-              activeFilterCount > 0 ? /* @__PURE__ */ jsx("span", { className: "absolute -top-1 -right-1 flex items-center justify-center w-4 h-4 bg-blue-600 text-white text-[10px] rounded-full font-bold", children: activeFilterCount }) : null
+              /* @__PURE__ */ jsx(Filter, { className: "w-5 h-5" }),
+              activeFilterCount > 0 ? /* @__PURE__ */ jsx("span", { className: "absolute -top-1 -right-1 flex items-center justify-center w-4 h-4 bg-slate-700 text-white text-[10px] rounded-full font-bold", children: activeFilterCount }) : null
             ]
           }
         )
       ] })
     ] }) }),
-    /* @__PURE__ */ jsx("div", { className: "hidden sm:block", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-center relative min-h-[56px]", children: [
-      /* @__PURE__ */ jsxs("div", { className: "absolute left-1/2 -translate-x-1/2 flex flex-col items-center pointer-events-none", children: [
-        /* @__PURE__ */ jsx("h1", { className: "text-2xl md:text-3xl lg:text-4xl font-semibold text-gray-900 tracking-tight text-center pointer-events-auto leading-tight mb-0.5", children: "Operations Overview" }),
-        /* @__PURE__ */ jsx("span", { className: "text-xs sm:text-sm font-medium text-slate-500 text-center pointer-events-auto", children: desktopSubtitle })
+    /* @__PURE__ */ jsx("div", { className: "hidden sm:block", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-center relative min-h-[64px]", children: [
+      /* @__PURE__ */ jsxs("div", { className: "absolute left-1/2 -translate-x-1/2 flex flex-col items-center min-w-0 max-w-[min(70vw,720px)]", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-center gap-2 min-w-0 max-w-full", children: [
+          /* @__PURE__ */ jsx("h1", { className: "text-2xl md:text-3xl lg:text-4xl font-semibold text-gray-900 tracking-tight leading-tight text-center truncate max-w-full", children: "Operations Overview" }),
+          isLiveScope ? /* @__PURE__ */ jsx(
+            "div",
+            {
+              "data-testid": "operations-overview-live-indicator",
+              className: "h-1.5 w-1.5 md:h-2 md:w-2 rounded-full bg-green-500 animate-pulse ring-2 ring-green-500/30 ring-offset-1 flex-shrink-0"
+            }
+          ) : null
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "mt-2 flex flex-wrap items-center justify-center gap-x-3 gap-y-1 text-xs sm:text-sm font-medium text-slate-500 text-center", children: [
+          /* @__PURE__ */ jsx("span", { children: desktopSubtitle }),
+          isLiveScope ? /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx("span", { className: "text-slate-300", children: "|" }),
+            /* @__PURE__ */ jsx("span", { "data-testid": "operations-overview-live-meta", className: "inline-flex items-center gap-1.5 text-gray-600", children: /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1.5 justify-center", children: [
+              /* @__PURE__ */ jsx("span", { className: "opacity-75", children: liveShiftIcon }),
+              liveShiftLabel
+            ] }) })
+          ] }) : null
+        ] })
       ] }),
-      /* @__PURE__ */ jsxs("div", { className: "absolute right-0 flex items-center gap-3", children: [
+      /* @__PURE__ */ jsxs("div", { className: "absolute right-0 flex items-center gap-3 shrink-0", children: [
         /* @__PURE__ */ jsx("div", { className: "flex items-center", children: /* @__PURE__ */ jsx(
           MonthlyRangeFilter_default,
           {
@@ -76170,12 +76746,12 @@ var OperationsOverviewHeader = React141__default.memo(({
           {
             ref: filterButtonRef,
             onClick: handleFilterToggle,
-            className: `flex items-center gap-2 px-3 py-1.5 rounded-lg border text-sm font-medium transition-all shadow-sm ${isFilterOpen || activeFilterCount > 0 ? "border-blue-500 bg-blue-50 text-blue-700 ring-1 ring-blue-500" : "border-slate-200 bg-white text-slate-700 hover:bg-slate-50"}`,
+            className: `flex items-center gap-2 px-3 py-1.5 rounded-lg border text-sm font-medium transition-all shadow-sm ${isFilterOpen || activeFilterCount > 0 ? "border-slate-300 bg-slate-50 text-slate-700" : "border-slate-200 bg-white text-slate-600 hover:bg-slate-50 hover:text-slate-700"}`,
             "aria-label": "Open filters",
             children: [
-              /* @__PURE__ */ jsx(Filter, { className: `w-[18px] h-[18px] ${activeFilterCount > 0 ? "text-blue-600" : "text-slate-500"}` }),
+              /* @__PURE__ */ jsx(Filter, { className: `w-[18px] h-[18px] ${isFilterOpen || activeFilterCount > 0 ? "text-slate-500" : "text-slate-400"}` }),
               "Filters",
-              /* @__PURE__ */ jsx(ChevronDown, { className: `w-4 h-4 ml-0.5 transition-transform duration-200 ${isFilterOpen ? "rotate-180" : ""}` })
+              /* @__PURE__ */ jsx(ChevronDown, { className: `w-4 h-4 ml-0.5 text-slate-400 transition-transform duration-200 ${isFilterOpen ? "rotate-180" : ""}` })
             ]
           }
         )
@@ -76303,11 +76879,18 @@ var OverviewSummaryCards = React141__default.memo(({ store }) => {
   const snapshot = useOperationsOverviewSnapshot(store);
   const showSnapshotSkeleton = snapshot.loading && !snapshot.hasLoadedOnce;
   const comparisonLabel = React141__default.useMemo(() => {
-    return formatComparisonWindow(
-      scope.previous_range?.day_count ?? null,
-      scope.comparison_strategy
-    );
-  }, [scope.comparison_strategy, scope.previous_range?.day_count]);
+    return formatComparisonWindow({
+      currentDayCount: scope.current_range?.day_count ?? null,
+      previousDayCount: scope.previous_range?.day_count ?? null,
+      comparisonStrategy: scope.comparison_strategy,
+      shiftMode: scope.shift_mode
+    });
+  }, [
+    scope.comparison_strategy,
+    scope.current_range?.day_count,
+    scope.previous_range?.day_count,
+    scope.shift_mode
+  ]);
   const [isIdleContributorsOpen, setIsIdleContributorsOpen] = React141__default.useState(false);
   const [isIdleContributorsPinned, setIsIdleContributorsPinned] = React141__default.useState(false);
   const idleContributorsRef = React141__default.useRef(null);
@@ -76397,10 +76980,17 @@ var OverviewSummaryCards = React141__default.memo(({ store }) => {
           roundOne(snapshot.data.summary.plant_efficiency.current),
           "%"
         ] }),
-        /* @__PURE__ */ jsxs("div", { className: `flex items-center gap-1 px-2.5 py-1 rounded-full ${plantEfficiencyBadge.className}`, children: [
-          plantEfficiencyBadge.icon === "up" ? /* @__PURE__ */ jsx(ArrowUp, { className: "w-3.5 h-3.5", strokeWidth: 2.5 }) : plantEfficiencyBadge.icon === "down" ? /* @__PURE__ */ jsx(ArrowDown, { className: "w-3.5 h-3.5", strokeWidth: 2.5 }) : null,
-          /* @__PURE__ */ jsx("span", { className: "text-xs sm:text-sm font-medium", children: plantEfficiencyBadge.text })
-        ] })
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            "data-testid": "operations-overview-efficiency-delta",
+            className: `flex items-center gap-1 px-2.5 py-1 rounded-full ${plantEfficiencyBadge.className}`,
+            children: [
+              plantEfficiencyBadge.icon === "up" ? /* @__PURE__ */ jsx(ArrowUp, { className: "w-3.5 h-3.5", strokeWidth: 2.5 }) : plantEfficiencyBadge.icon === "down" ? /* @__PURE__ */ jsx(ArrowDown, { className: "w-3.5 h-3.5", strokeWidth: 2.5 }) : null,
+              /* @__PURE__ */ jsx("span", { className: "text-xs sm:text-sm font-medium", children: plantEfficiencyBadge.text })
+            ]
+          }
+        )
       ] }) : /* @__PURE__ */ jsx("div", { className: "mt-2 text-sm text-slate-400", children: "No efficiency data available" })
     ] }),
     /* @__PURE__ */ jsxs(
@@ -76446,10 +77036,17 @@ var OverviewSummaryCards = React141__default.memo(({ store }) => {
                 /* @__PURE__ */ jsx("div", { className: "mb-1", children: /* @__PURE__ */ jsx("h2", { className: "text-lg font-semibold text-gray-700", children: "Idle Time per Workstation" }) }),
                 showSnapshotSkeleton ? /* @__PURE__ */ jsx(OverviewMetricCardSkeleton, {}) : snapshot.data.summary.avg_idle_per_workstation?.current_seconds !== null && snapshot.data.summary.avg_idle_per_workstation?.current_seconds !== void 0 ? /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-2 sm:gap-3 mt-1", children: [
                   /* @__PURE__ */ jsx("span", { className: "text-2xl sm:text-3xl font-bold text-slate-800 tracking-tight", children: formatIdleDuration(snapshot.data.summary.avg_idle_per_workstation.current_seconds) }),
-                  /* @__PURE__ */ jsxs("div", { className: `flex items-center gap-1 px-2.5 py-1 rounded-full ${idleBadge.className}`, children: [
-                    idleBadge.icon === "up" ? /* @__PURE__ */ jsx(ArrowUp, { className: "w-3.5 h-3.5", strokeWidth: 2.5 }) : idleBadge.icon === "down" ? /* @__PURE__ */ jsx(ArrowDown, { className: "w-3.5 h-3.5", strokeWidth: 2.5 }) : null,
-                    /* @__PURE__ */ jsx("span", { className: "text-xs sm:text-sm font-medium", children: idleBadge.text })
-                  ] })
+                  /* @__PURE__ */ jsxs(
+                    "div",
+                    {
+                      "data-testid": "operations-overview-idle-delta",
+                      className: `flex items-center gap-1 px-2.5 py-1 rounded-full ${idleBadge.className}`,
+                      children: [
+                        idleBadge.icon === "up" ? /* @__PURE__ */ jsx(ArrowUp, { className: "w-3.5 h-3.5", strokeWidth: 2.5 }) : idleBadge.icon === "down" ? /* @__PURE__ */ jsx(ArrowDown, { className: "w-3.5 h-3.5", strokeWidth: 2.5 }) : null,
+                        /* @__PURE__ */ jsx("span", { className: "text-xs sm:text-sm font-medium", children: idleBadge.text })
+                      ]
+                    }
+                  )
                 ] }) : /* @__PURE__ */ jsx("div", { className: "mt-2 text-sm text-slate-400", children: "No idle time data available" })
               ]
             }
@@ -76512,11 +77109,18 @@ var PoorestPerformersCard = React141__default.memo(({
     }
   }, [availableLineModes?.has_output, availableLineModes?.has_uptime, poorestLineMode]);
   const comparisonLabel = React141__default.useMemo(() => {
-    return formatComparisonWindow(
-      scope.previous_range?.day_count ?? null,
-      scope.comparison_strategy
-    );
-  }, [scope.comparison_strategy, scope.previous_range?.day_count]);
+    return formatComparisonWindow({
+      currentDayCount: scope.current_range?.day_count ?? null,
+      previousDayCount: scope.previous_range?.day_count ?? null,
+      comparisonStrategy: scope.comparison_strategy,
+      shiftMode: scope.shift_mode
+    });
+  }, [
+    scope.comparison_strategy,
+    scope.current_range?.day_count,
+    scope.previous_range?.day_count,
+    scope.shift_mode
+  ]);
   const showSnapshotSkeleton = snapshot.loading && !snapshot.hasLoadedOnce;
   const mergedPoorestLines = React141__default.useMemo(() => {
     const rows = snapshot.data.poorest_lines?.[poorestLineMode] || [];
@@ -76673,7 +77277,8 @@ IdleBreakdownCard.displayName = "IdleBreakdownCard";
 var EfficiencyTrendCard = React141__default.memo(({
   store,
   dateRange,
-  appTimezone
+  appTimezone,
+  hourlyLabelStartTime
 }) => {
   bumpRenderCounter();
   const trend = useOperationsOverviewTrend(store);
@@ -76683,7 +77288,41 @@ var EfficiencyTrendCard = React141__default.memo(({
   );
   const isCurrentWeekToDateRange = dateRange.startKey === currentWeekRange.startKey && dateRange.endKey === currentWeekRange.endKey;
   const showInitialSkeleton = trend.loading && trend.lastUpdated === null;
+  const isHourlyTrend = trend.data.granularity === "hour";
   const trendData = React141__default.useMemo(() => {
+    if (isHourlyTrend) {
+      return (trend.data.points || []).map((point, index) => ({
+        name: (() => {
+          const rawLabel = point.label?.trim() || "";
+          if (!hourlyLabelStartTime) {
+            return rawLabel || `Hour ${index + 1}`;
+          }
+          if (rawLabel && !/^Hour\s+\d+$/i.test(rawLabel)) {
+            return rawLabel;
+          }
+          const hourIndex = typeof point.hour_index === "number" ? point.hour_index : index;
+          const [hoursPart, minutesPart] = hourlyLabelStartTime.split(":");
+          const startHours = Number(hoursPart);
+          const startMinutes = Number(minutesPart);
+          if (!Number.isFinite(startHours) || !Number.isFinite(startMinutes)) {
+            return rawLabel || `Hour ${index + 1}`;
+          }
+          const totalMinutes = startHours * 60 + startMinutes + hourIndex * 60;
+          const hour24 = Math.floor(totalMinutes / 60) % 24;
+          const minutes = totalMinutes % 60;
+          const suffix = hour24 < 12 ? "AM" : "PM";
+          const hour12 = hour24 % 12 || 12;
+          if (minutes === 0) {
+            return `${hour12} ${suffix}`;
+          }
+          return `${hour12}:${minutes.toString().padStart(2, "0")} ${suffix}`;
+        })(),
+        efficiency: (() => {
+          const value = toNumber3(point.avg_efficiency);
+          return value === null ? void 0 : value;
+        })()
+      }));
+    }
     const pointsByDate = new Map(
       (trend.data.points || []).flatMap((point) => {
         if (!point.date) return [];
@@ -76721,12 +77360,13 @@ var EfficiencyTrendCard = React141__default.memo(({
         })()
       };
     });
-  }, [currentWeekRange.startKey, isCurrentWeekToDateRange, trend.data.points]);
+  }, [currentWeekRange.startKey, hourlyLabelStartTime, isCurrentWeekToDateRange, isHourlyTrend, trend.data.points]);
   const trendTooltipLabelFormatter = React141__default.useCallback((label, payload) => {
+    if (isHourlyTrend) return label;
     const dayOfWeek = payload?.[0]?.payload?.dayOfWeek;
     if (!dayOfWeek || typeof label !== "string") return label;
     return `${label} (${dayOfWeek})`;
-  }, []);
+  }, [isHourlyTrend]);
   return /* @__PURE__ */ jsxs("div", { className: "bg-white rounded-xl shadow-[0_2px_10px_-3px_rgba(6,81,237,0.1)] border border-slate-100 flex flex-col overflow-hidden text-left", children: [
     /* @__PURE__ */ jsx("div", { className: "px-6 py-5 flex-none flex justify-between items-center border-b border-slate-50/50", children: /* @__PURE__ */ jsx("h2", { className: "text-lg font-semibold text-gray-700", children: "Efficiency Trend" }) }),
     /* @__PURE__ */ jsx("div", { className: "flex-1 min-h-[250px] w-full p-4 pt-4 relative", children: showInitialSkeleton ? /* @__PURE__ */ jsx(OverviewChartSkeleton, {}) : /* @__PURE__ */ jsx("div", { className: "absolute inset-0 pb-2 pr-4 pl-1", children: /* @__PURE__ */ jsx(
@@ -76880,7 +77520,8 @@ var useOperationsOverviewRefresh = ({
   endKey,
   trendMode,
   comparisonStrategy,
-  isLiveScope
+  isLiveScope,
+  enabled = true
 }) => {
   const lineIdsKey = React141__default.useMemo(() => lineIds.join(","), [lineIds]);
   const scopeSignature = React141__default.useMemo(
@@ -76926,7 +77567,7 @@ var useOperationsOverviewRefresh = ({
   }, []);
   const runRefresh = React141__default.useCallback(
     async (section, begin, onSuccess, onError, request, reason) => {
-      if (!supabase || !companyId || lineIds.length === 0) return;
+      if (!enabled || !supabase || !companyId || lineIds.length === 0) return;
       const requestId = requestIdsRef.current[section] + 1;
       requestIdsRef.current[section] = requestId;
       controllersRef.current[section]?.abort();
@@ -76946,7 +77587,7 @@ var useOperationsOverviewRefresh = ({
         onError(error instanceof Error ? error.message : `Failed to refresh ${section}`);
       }
     },
-    [companyId, lineIds.length, supabase]
+    [companyId, enabled, lineIds.length, supabase]
   );
   const refreshSnapshot = React141__default.useCallback(
     async (reason) => {
@@ -77116,6 +77757,12 @@ var useOperationsOverviewRefresh = ({
     });
   }, [refreshAll, startPolling, stopPolling]);
   React141__default.useEffect(() => {
+    if (!enabled) {
+      stopPolling("disabled");
+      abortAll();
+      store.reset();
+      return;
+    }
     if (!supabase || !companyId || lineIds.length === 0) {
       stopPolling("scope_invalid");
       abortAll();
@@ -77123,9 +77770,9 @@ var useOperationsOverviewRefresh = ({
       return;
     }
     void refreshAll("scope_change");
-  }, [abortAll, companyId, lineIds.length, refreshAll, scopeSignature, stopPolling, store, supabase]);
+  }, [abortAll, companyId, enabled, lineIds.length, refreshAll, scopeSignature, stopPolling, store, supabase]);
   React141__default.useEffect(() => {
-    if (!isLiveScope || !supabase || !companyId || lineIds.length === 0) {
+    if (!enabled || !isLiveScope || !supabase || !companyId || lineIds.length === 0) {
       isPageActiveRef.current = false;
       stopPolling("live_scope_disabled");
       return;
@@ -77181,11 +77828,63 @@ var useOperationsOverviewRefresh = ({
       window.removeEventListener("pageshow", handlePageShow);
       window.removeEventListener("pagehide", handlePageHide);
     };
-  }, [companyId, getIsPageActive, isLiveScope, lineIds.length, refreshFromResume, startPolling, stopPolling, supabase]);
+  }, [companyId, enabled, getIsPageActive, isLiveScope, lineIds.length, refreshFromResume, startPolling, stopPolling, supabase]);
+};
+var parseTimeToMinutes3 = (value) => {
+  if (!value) return null;
+  const parts = value.split(":");
+  if (parts.length < 2) return null;
+  const hours = Number(parts[0]);
+  const minutes = Number(parts[1]);
+  if (!Number.isFinite(hours) || !Number.isFinite(minutes)) return null;
+  if (hours < 0 || hours > 23 || minutes < 0 || minutes > 59) return null;
+  return hours * 60 + minutes;
+};
+var normalizeShiftId = (value) => {
+  if (typeof value === "number" && Number.isFinite(value)) {
+    return value;
+  }
+  if (typeof value === "string" && value.trim().length > 0) {
+    const parsed = Number(value);
+    return Number.isFinite(parsed) ? parsed : null;
+  }
+  return null;
+};
+var classifyShiftBucket = ({
+  shiftName,
+  shiftId,
+  startTime,
+  endTime
+}) => {
+  const normalizedName = (shiftName || "").trim().toLowerCase();
+  if (normalizedName) {
+    if (["night", "graveyard", "evening"].some((keyword) => normalizedName.includes(keyword))) {
+      return "night";
+    }
+    if (["day", "morning"].some((keyword) => normalizedName.includes(keyword))) {
+      return "day";
+    }
+  }
+  const startMinutes = parseTimeToMinutes3(startTime);
+  const endMinutes = parseTimeToMinutes3(endTime);
+  if (startMinutes !== null) {
+    if (startMinutes >= 4 * 60 && startMinutes < 18 * 60) return "day";
+    return "night";
+  }
+  if (endMinutes !== null) {
+    if (endMinutes >= 6 * 60 && endMinutes <= 21 * 60) return "day";
+    return "night";
+  }
+  const normalizedShiftId = normalizeShiftId(shiftId);
+  if (normalizedShiftId === 0) return "day";
+  if (normalizedShiftId === 1) return "night";
+  return null;
 };
 var PlantHeadView = () => {
   const supabase = useSupabase();
   const entityConfig = useEntityConfig();
+  const factoryViewId = entityConfig.factoryViewId || "factory";
+  const staticShiftConfig = useShiftConfig();
   const appTimezone = useAppTimezone() || "UTC";
   const { navigate } = useNavigation();
   const { accessibleLineIds } = useUserLineAccess();
@@ -77193,11 +77892,21 @@ var PlantHeadView = () => {
   useHideMobileHeader(!!mobileMenuContext);
   const storeRef = React141__default.useRef(createOperationsOverviewStore());
   const store = storeRef.current;
-  const [dateRange, setDateRange] = React141__default.useState(() => getCurrentWeekToDateRange(appTimezone));
-  const [usesThisWeekComparison, setUsesThisWeekComparison] = React141__default.useState(true);
+  const fallbackOperationalDate = React141__default.useMemo(
+    () => getOperationalDate(appTimezone),
+    [appTimezone]
+  );
+  const [dateRange, setDateRange] = React141__default.useState(() => ({
+    startKey: fallbackOperationalDate,
+    endKey: fallbackOperationalDate
+  }));
+  const [usesThisWeekComparison, setUsesThisWeekComparison] = React141__default.useState(false);
   const [trendMode, setTrendMode] = React141__default.useState("all");
   const [selectedSupervisorId, setSelectedSupervisorId] = React141__default.useState("all");
   const [selectedLineIds, setSelectedLineIds] = React141__default.useState([]);
+  const [isInitialScopeReady, setIsInitialScopeReady] = React141__default.useState(false);
+  const hasAutoInitializedScopeRef = React141__default.useRef(false);
+  const hasUserAdjustedScopeRef = React141__default.useRef(false);
   React141__default.useEffect(() => {
     trackCorePageView("Operations Overview", {
       dashboard_surface: "operations_overview"
@@ -77219,8 +77928,10 @@ var PlantHeadView = () => {
     return dateRange;
   }, [currentWeekDisplayRange, dateRange, isCurrentWeekToDateRange, usesThisWeekComparison]);
   const normalizedLineIds = React141__default.useMemo(
-    () => Array.from(new Set((accessibleLineIds || []).filter(Boolean))).sort(),
-    [accessibleLineIds]
+    () => Array.from(new Set(
+      (accessibleLineIds || []).filter(Boolean).filter((lineId) => lineId !== factoryViewId)
+    )).sort(),
+    [accessibleLineIds, factoryViewId]
   );
   const lineIdsKey = React141__default.useMemo(
     () => normalizedLineIds.join(","),
@@ -77294,14 +78005,81 @@ var PlantHeadView = () => {
     () => selectedLineIds.length > 0 ? selectedLineIds : normalizedLineIds,
     [normalizedLineIds, selectedLineIds]
   );
+  const {
+    shiftConfigMap,
+    isLoading: isShiftConfigLoading
+  } = useMultiLineShiftConfigs(scopedLineIds, staticShiftConfig);
+  const { shiftGroups, hasComputed: hasComputedShiftGroups } = useShiftGroups({
+    enabled: scopedLineIds.length > 0 && !isShiftConfigLoading,
+    shiftConfigMap,
+    timezone: appTimezone
+  });
+  const currentShiftScope = React141__default.useMemo(() => {
+    if (shiftGroups.length !== 1) return null;
+    const group = shiftGroups[0];
+    const referenceLineId = group.lineIds[0];
+    const referenceShiftConfig = referenceLineId ? shiftConfigMap.get(referenceLineId) : null;
+    const normalizedGroupShiftId = normalizeShiftId(group.shiftId);
+    const shiftDefinition = referenceShiftConfig?.shifts?.find((shift) => normalizeShiftId(shift.shiftId) === normalizedGroupShiftId);
+    const resolvedMode = classifyShiftBucket({
+      shiftName: group.shiftName,
+      shiftId: normalizedGroupShiftId,
+      startTime: shiftDefinition?.startTime,
+      endTime: shiftDefinition?.endTime
+    });
+    if (!resolvedMode || resolvedMode === "all") return null;
+    return {
+      date: group.date,
+      trendMode: resolvedMode,
+      shiftName: shiftDefinition?.shiftName || group.shiftName || null
+    };
+  }, [shiftConfigMap, shiftGroups]);
+  const isShiftScopeResolved = React141__default.useMemo(
+    () => !isShiftConfigLoading && hasComputedShiftGroups,
+    [hasComputedShiftGroups, isShiftConfigLoading]
+  );
   const initializedTimezoneRef = React141__default.useRef(appTimezone);
   React141__default.useEffect(() => {
     if (initializedTimezoneRef.current === appTimezone) return;
-    setDateRange(getCurrentWeekToDateRange(appTimezone));
-    setUsesThisWeekComparison(true);
+    hasAutoInitializedScopeRef.current = false;
+    hasUserAdjustedScopeRef.current = false;
+    setDateRange({
+      startKey: fallbackOperationalDate,
+      endKey: fallbackOperationalDate
+    });
+    setTrendMode("all");
+    setUsesThisWeekComparison(false);
+    setIsInitialScopeReady(false);
     initializedTimezoneRef.current = appTimezone;
-  }, [appTimezone]);
+  }, [appTimezone, fallbackOperationalDate]);
+  React141__default.useEffect(() => {
+    if (hasAutoInitializedScopeRef.current || hasUserAdjustedScopeRef.current) {
+      return;
+    }
+    if (scopedLineIds.length === 0) {
+      return;
+    }
+    if (!isShiftScopeResolved) {
+      return;
+    }
+    setDateRange((previous) => {
+      const nextStartKey = currentShiftScope?.date || fallbackOperationalDate;
+      if (previous.startKey === nextStartKey && previous.endKey === nextStartKey) {
+        return previous;
+      }
+      return {
+        startKey: nextStartKey,
+        endKey: nextStartKey
+      };
+    });
+    setTrendMode(currentShiftScope?.trendMode || "all");
+    setUsesThisWeekComparison(false);
+    hasAutoInitializedScopeRef.current = true;
+    setIsInitialScopeReady(true);
+  }, [currentShiftScope, fallbackOperationalDate, isShiftScopeResolved, scopedLineIds.length]);
   const handleDateRangeChange = React141__default.useCallback((range, meta) => {
+    hasUserAdjustedScopeRef.current = true;
+    setIsInitialScopeReady(true);
     trackCoreEvent("Operations Overview Date Range Changed", {
       start_date: range.startKey,
       end_date: range.endKey
@@ -77318,6 +78096,8 @@ var PlantHeadView = () => {
     });
   }, []);
   const handleTrendModeChange = React141__default.useCallback((mode) => {
+    hasUserAdjustedScopeRef.current = true;
+    setIsInitialScopeReady(true);
     setTrendMode(mode);
   }, []);
   const handleSelectedLineIdsChange = React141__default.useCallback((lineIds) => {
@@ -77344,15 +78124,6 @@ var PlantHeadView = () => {
     params.set("rangeEnd", dateRange.endKey);
     return `/kpis/${lineId}?${params.toString()}`;
   }, [dateRange.endKey, dateRange.startKey]);
-  const handleOpenLineMonthlyHistory = React141__default.useCallback((lineId, lineName) => {
-    trackCoreEvent("Operations Overview Line Clicked", {
-      line_id: lineId,
-      line_name: lineName,
-      range_start: dateRange.startKey,
-      range_end: dateRange.endKey
-    });
-    navigate(buildLineMonthlyHistoryUrl(lineId));
-  }, [buildLineMonthlyHistoryUrl, dateRange.endKey, dateRange.startKey, navigate]);
   const handleViewAllPoorestPerformers = React141__default.useCallback(() => {
     trackCoreEvent("Operations Overview View All Clicked", { section: "poorest_performers" });
     navigate("/kpis?tab=leaderboard");
@@ -77378,16 +78149,74 @@ var PlantHeadView = () => {
     }
     return void 0;
   }, [isCurrentWeekToDateRange, usesThisWeekComparison]);
+  const effectiveDateRange = React141__default.useMemo(() => {
+    if (isInitialScopeReady) {
+      return dateRange;
+    }
+    const nextStartKey = currentShiftScope?.date || fallbackOperationalDate;
+    return {
+      startKey: nextStartKey,
+      endKey: nextStartKey
+    };
+  }, [currentShiftScope, dateRange, fallbackOperationalDate, isInitialScopeReady]);
+  const effectiveTrendMode = React141__default.useMemo(
+    () => isInitialScopeReady ? trendMode : currentShiftScope?.trendMode || "all",
+    [currentShiftScope, isInitialScopeReady, trendMode]
+  );
+  const hourlyLabelStartTime = React141__default.useMemo(() => {
+    if (effectiveTrendMode === "all" || scopedLineIds.length === 0) {
+      return null;
+    }
+    const shiftStartTimes = /* @__PURE__ */ new Set();
+    scopedLineIds.forEach((lineId) => {
+      const shiftConfig = shiftConfigMap.get(lineId);
+      const matchingShift = shiftConfig?.shifts?.find((shift) => classifyShiftBucket({
+        shiftName: shift.shiftName,
+        shiftId: shift.shiftId,
+        startTime: shift.startTime,
+        endTime: shift.endTime
+      }) === effectiveTrendMode);
+      if (matchingShift?.startTime) {
+        shiftStartTimes.add(matchingShift.startTime);
+      }
+    });
+    if (shiftStartTimes.size !== 1) {
+      return null;
+    }
+    return Array.from(shiftStartTimes)[0] || null;
+  }, [effectiveTrendMode, scopedLineIds, shiftConfigMap]);
+  const isSingleDayShiftScope = React141__default.useMemo(
+    () => effectiveDateRange.startKey === effectiveDateRange.endKey && effectiveTrendMode !== "all",
+    [effectiveDateRange.endKey, effectiveDateRange.startKey, effectiveTrendMode]
+  );
+  const isLiveScope = React141__default.useMemo(
+    () => isSingleDayShiftScope && currentShiftScope !== null && effectiveDateRange.startKey === currentShiftScope.date && effectiveTrendMode === currentShiftScope.trendMode,
+    [currentShiftScope, effectiveDateRange.startKey, effectiveTrendMode, isSingleDayShiftScope]
+  );
+  const handleOpenLineDetails = React141__default.useCallback((lineId, lineName) => {
+    trackCoreEvent("Operations Overview Line Clicked", {
+      line_id: lineId,
+      line_name: lineName,
+      range_start: dateRange.startKey,
+      range_end: dateRange.endKey
+    });
+    if (isLiveScope) {
+      navigate(`/kpis/${lineId}?returnTo=${encodeURIComponent("/")}`);
+      return;
+    }
+    navigate(buildLineMonthlyHistoryUrl(lineId));
+  }, [buildLineMonthlyHistoryUrl, dateRange.endKey, dateRange.startKey, isLiveScope, navigate]);
   useOperationsOverviewRefresh({
     store,
     supabase,
     companyId: entityConfig.companyId,
     lineIds: scopedLineIds,
-    startKey: dateRange.startKey,
-    endKey: dateRange.endKey,
-    trendMode,
+    startKey: effectiveDateRange.startKey,
+    endKey: effectiveDateRange.endKey,
+    trendMode: effectiveTrendMode,
     comparisonStrategy,
-    isLiveScope: isCurrentWeekToDateRange
+    isLiveScope,
+    enabled: scopedLineIds.length > 0 && isShiftScopeResolved
   });
   return /* @__PURE__ */ jsxs("div", { className: "flex flex-col min-h-screen bg-slate-50 w-full font-sans", children: [
     /* @__PURE__ */ jsx(
@@ -77396,6 +78225,8 @@ var PlantHeadView = () => {
         dateRange,
         displayDateRange: headerDateRange,
         trendMode,
+        isLiveScope,
+        liveShiftName: currentShiftScope?.shiftName || null,
         lineOptions,
         supervisorOptions,
         selectedSupervisorId,
@@ -77418,7 +78249,7 @@ var PlantHeadView = () => {
               store,
               supervisorsByLineId,
               onViewAll: handleViewAllPoorestPerformers,
-              onLineClick: handleOpenLineMonthlyHistory
+              onLineClick: handleOpenLineDetails
             }
           ),
           /* @__PURE__ */ jsx(
@@ -77435,7 +78266,8 @@ var PlantHeadView = () => {
             {
               store,
               dateRange,
-              appTimezone
+              appTimezone,
+              hourlyLabelStartTime
             }
           ),
           /* @__PURE__ */ jsx(
@@ -77929,4 +78761,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, RegistryProvider, RoleBadge, S3ClipsSupabaseService as S3ClipsService, S3Service, 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, aggregateKPIsFromLineMetricsRows, alertsService, apiUtils, areAllLinesOnSameShift, authCoreService, authOTPService, authRateLimitService, awardsService, buildDateKey, buildKPIsFromLineMetricsRow, buildShiftGroupsKey, canRoleAccessDashboardPath, canRoleAccessTeamManagement, canRoleAssignFactories, canRoleAssignLines, canRoleChangeRole, canRoleInviteRole, canRoleManageCompany, canRoleManageTargets, canRoleManageUsers, canRoleRemoveUser, canRoleViewClipsCost, canRoleViewUsageStats, captureSentryException, captureSentryMessage, checkRateLimit2 as checkRateLimit, clearAllRateLimits2 as clearAllRateLimits, clearRateLimit2 as clearRateLimit, clearS3VideoCache, clearS3VideoFromCache, clearSentryContext, clearWorkspaceDisplayNamesCache, cn, createDefaultKPIs, createInvitationService, createLinesService, createSessionTracker, createStorageService, createStreamProxyHandler, createSupabaseClient, createSupervisorService, createThrottledReload, createUserManagementService, createUserService, dashboardService, deleteThread, fetchIdleTimeReasons, filterDataByDateKeyRange, forceRefreshWorkspaceDisplayNames, formatAwardMonth, formatDateInZone, formatDateKeyForDisplay, formatDateTimeInZone, formatDuration2 as formatDuration, formatISTDate, formatIdleTime, formatRangeLabel, formatReasonLabel, formatRelativeTime, formatTimeInZone, fromUrlFriendlyName, getActionDisplayName, 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, getDaysDifferenceInZone, getDefaultCameraStreamUrl, getDefaultLineId, getDefaultTabForWorkspace, getInitials, getLineDisplayName, getManufacturingInsights, getMetricsTablePrefix, getMonthKeyBounds, getMonthWeekRanges, 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, isLegacyConfiguration, isPrefetchError, 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, preInitializeWorkspaceDisplayNames, preloadS3Video, preloadS3VideoUrl, preloadS3VideosUrl, preloadVideoUrl, preloadVideosUrl, qualityService, realtimeService, refreshWorkspaceDisplayNames, resetCoreMixpanel, resetFailedUrl, resetSubscriptionManager, s3VideoPreloader, setSentryUserContext, setSentryWorkspaceContext, 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, 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, RegistryProvider, RoleBadge, S3ClipsSupabaseService as S3ClipsService, S3Service, 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, aggregateKPIsFromLineMetricsRows, alertsService, apiUtils, areAllLinesOnSameShift, authCoreService, authOTPService, authRateLimitService, awardsService, buildDateKey, buildKPIsFromLineMetricsRow, buildShiftGroupsKey, canRoleAccessDashboardPath, canRoleAccessTeamManagement, canRoleAssignFactories, canRoleAssignLines, canRoleChangeRole, canRoleInviteRole, canRoleManageCompany, canRoleManageTargets, canRoleManageUsers, canRoleRemoveUser, canRoleViewClipsCost, canRoleViewUsageStats, captureSentryException, captureSentryMessage, checkRateLimit2 as checkRateLimit, clearAllRateLimits2 as clearAllRateLimits, clearRateLimit2 as clearRateLimit, clearS3VideoCache, clearS3VideoFromCache, clearSentryContext, clearWorkspaceDisplayNamesCache, cn, createDefaultKPIs, createInvitationService, createLinesService, createSessionTracker, createStorageService, createStreamProxyHandler, createSupabaseClient, createSupervisorService, createThrottledReload, createUserManagementService, createUserService, dashboardService, deleteThread, fetchIdleTimeReasons, filterDataByDateKeyRange, forceRefreshWorkspaceDisplayNames, formatAwardMonth, formatDateInZone, formatDateKeyForDisplay, formatDateTimeInZone, formatDuration2 as formatDuration, formatISTDate, formatIdleTime, formatRangeLabel, formatReasonLabel, formatRelativeTime, formatTimeInZone, fromUrlFriendlyName, getActionDisplayName, 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, getDaysDifferenceInZone, getDefaultCameraStreamUrl, getDefaultLineId, getDefaultTabForWorkspace, getInitials, getLineDisplayName, getManufacturingInsights, getMetricsTablePrefix, getMonthKeyBounds, getMonthWeekRanges, 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, isLegacyConfiguration, isLoopbackHostname, isPrefetchError, 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, preInitializeWorkspaceDisplayNames, preloadS3Video, preloadS3VideoUrl, preloadS3VideosUrl, preloadVideoUrl, preloadVideosUrl, qualityService, realtimeService, refreshWorkspaceDisplayNames, resetCoreMixpanel, resetFailedUrl, resetSubscriptionManager, s3VideoPreloader, 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, 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 };