@optifye/dashboard-core 6.10.33 → 6.10.35

package/dist/index.mjs

@@ -1,5 +1,5 @@
-import * as React25 from 'react';
-import React25__default, { createContext, useRef, useCallback, useState, useMemo, useEffect, forwardRef, useImperativeHandle, useLayoutEffect, memo as memo$1, useContext, useId, Children, isValidElement, useInsertionEffect, Fragment as Fragment$1, createElement, Component } from 'react';
+import * as React26 from 'react';
+import React26__default, { createContext, useRef, useCallback, useState, useMemo, useEffect, forwardRef, useImperativeHandle, useLayoutEffect, memo as memo$1, useContext, useId, Children, isValidElement, useInsertionEffect, Fragment as Fragment$1, createElement, Component } from 'react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { useRouter } from 'next/router';
 import { fromZonedTime, toZonedTime, formatInTimeZone } from 'date-fns-tz';
@@ -328,14 +328,82 @@ var _getDashboardConfigInstance = () => {
   }
   return dashboardConfigInstance;
 };
-var DashboardConfigContext = React25.createContext(void 0);
+var STORAGE_PREFIX = "optifye_idle_time_vlm_by_line";
+var STORAGE_VERSION = 1;
+var parseStoredMap = (raw) => {
+  try {
+    const parsed = JSON.parse(raw);
+    const mapCandidate = parsed?.idleTimeVlmByLine ?? parsed;
+    if (!mapCandidate || typeof mapCandidate !== "object" || Array.isArray(mapCandidate)) {
+      return null;
+    }
+    const normalized = {};
+    Object.entries(mapCandidate).forEach(([key, value]) => {
+      if (key) {
+        normalized[key] = Boolean(value);
+      }
+    });
+    return normalized;
+  } catch {
+    return null;
+  }
+};
+var buildStorageKey = (companyId) => companyId ? `${STORAGE_PREFIX}:${companyId}` : STORAGE_PREFIX;
+var IdleTimeVlmConfigContext = createContext(void 0);
+var IdleTimeVlmConfigProvider = ({ children }) => {
+  const { companyId } = useEntityConfig();
+  const [idleTimeVlmByLine, setIdleTimeVlmByLine] = useState({});
+  const [isHydrated, setIsHydrated] = useState(false);
+  const storageKey = useMemo(() => buildStorageKey(companyId), [companyId]);
+  useEffect(() => {
+    if (typeof window === "undefined") return;
+    const raw = localStorage.getItem(storageKey);
+    const parsed = raw ? parseStoredMap(raw) : null;
+    setIdleTimeVlmByLine(parsed || {});
+    setIsHydrated(true);
+  }, [storageKey]);
+  const persist = useCallback((map) => {
+    if (typeof window === "undefined") return;
+    const payload = {
+      v: STORAGE_VERSION,
+      updatedAt: Date.now(),
+      idleTimeVlmByLine: map
+    };
+    localStorage.setItem(storageKey, JSON.stringify(payload));
+  }, [storageKey]);
+  const hydrateFromBackend = useCallback((lineMap) => {
+    if (!lineMap || Object.keys(lineMap).length === 0) {
+      setIsHydrated(true);
+      return;
+    }
+    setIdleTimeVlmByLine((prev) => {
+      const merged = { ...prev, ...lineMap };
+      persist(merged);
+      return merged;
+    });
+    setIsHydrated(true);
+  }, [persist]);
+  const isIdleTimeVlmEnabled = useCallback((lineId) => {
+    if (!lineId) return false;
+    return Boolean(idleTimeVlmByLine[lineId]);
+  }, [idleTimeVlmByLine]);
+  return /* @__PURE__ */ jsx(IdleTimeVlmConfigContext.Provider, { value: { idleTimeVlmByLine, isHydrated, hydrateFromBackend, isIdleTimeVlmEnabled }, children });
+};
+var useIdleTimeVlmConfig = () => {
+  const context = useContext(IdleTimeVlmConfigContext);
+  if (!context) {
+    throw new Error("useIdleTimeVlmConfig must be used within an IdleTimeVlmConfigProvider");
+  }
+  return context;
+};
+var DashboardConfigContext = React26.createContext(void 0);
 var DashboardProvider = ({ config: userProvidedConfig, children }) => {
-  const fullConfig = React25.useMemo(() => mergeWithDefaultConfig(userProvidedConfig), [userProvidedConfig]);
+  const fullConfig = React26.useMemo(() => mergeWithDefaultConfig(userProvidedConfig), [userProvidedConfig]);
   _setDashboardConfigInstance(fullConfig);
-  React25.useEffect(() => {
+  React26.useEffect(() => {
     _setDashboardConfigInstance(fullConfig);
   }, [fullConfig]);
-  React25.useEffect(() => {
+  React26.useEffect(() => {
     if (!fullConfig.theme) return;
     const styleId = "dashboard-core-theme-vars";
     let styleEl = document.getElementById(styleId);
@@ -358,10 +426,10 @@ var DashboardProvider = ({ config: userProvidedConfig, children }) => {
       styleEl && styleEl.remove();
     };
   }, [fullConfig.theme]);
-  return /* @__PURE__ */ jsx(DashboardConfigContext.Provider, { value: fullConfig, children });
+  return /* @__PURE__ */ jsx(DashboardConfigContext.Provider, { value: fullConfig, children: /* @__PURE__ */ jsx(IdleTimeVlmConfigProvider, { children }) });
 };
 var useDashboardConfig = () => {
-  const ctx = React25.useContext(DashboardConfigContext);
+  const ctx = React26.useContext(DashboardConfigContext);
   if (!ctx) throw new Error("useDashboardConfig must be used within a DashboardProvider");
   return ctx;
 };
@@ -3984,7 +4052,7 @@ var initializeCoreMixpanel = (token, debugOrOptions, trackPageViewArg) => {
     track_pageview: trackPageView ?? true,
     persistence: "localStorage"
   };
-  const recordSessionsPercent = sessionOpts.recordSessionsPercent ?? 20;
+  const recordSessionsPercent = sessionOpts.recordSessionsPercent ?? 60;
   initOptions.record_sessions_percent = recordSessionsPercent;
   const defaultIdleTimeoutMs = 10 * 60 * 1e3;
   const recordIdleTimeoutMs = sessionOpts.recordIdleTimeoutMs ?? (recordSessionsPercent > 0 ? defaultIdleTimeoutMs : void 0);
@@ -7657,6 +7725,23 @@ var lineLeaderboardService = {
       `/api/dashboard/line-leaderboard?${searchParams.toString()}`
     );
     return data?.entries ?? [];
+  },
+  async getDailyLineLeaderboard(supabase, params) {
+    const searchParams = new URLSearchParams();
+    searchParams.set("company_id", params.companyId);
+    searchParams.set("date", params.date);
+    searchParams.set("shift_id", params.shiftId.toString());
+    if (params.lineIds && params.lineIds.length > 0) {
+      searchParams.set("line_ids", params.lineIds.join(","));
+    }
+    if (typeof params.limit === "number") {
+      searchParams.set("limit", params.limit.toString());
+    }
+    const data = await fetchBackendJson(
+      supabase,
+      `/api/dashboard/line-leaderboard-daily?${searchParams.toString()}`
+    );
+    return data?.entries ?? [];
   }
 };
 var SupabaseContext = createContext(void 0);
@@ -8388,7 +8473,7 @@ var useMobileMenu = () => {
 };
 var useHideMobileHeader = (shouldHide = true) => {
   const context = useMobileMenu();
-  React25__default.useEffect(() => {
+  React26__default.useEffect(() => {
     if (context && shouldHide) {
       context.setHideMobileHeader(true);
       return () => {
@@ -9017,6 +9102,7 @@ var useWorkspaceDetailedMetrics = (workspaceId, date, shiftId, options) => {
   const shiftConfig = options?.shiftConfig || staticShiftConfig;
   const workspaceConfig = useWorkspaceConfig();
   const supabase = useSupabase();
+  const { hydrateFromBackend } = useIdleTimeVlmConfig();
   const [metrics2, setMetrics] = useState(null);
   const [isLoading, setIsLoading] = useState(true);
   const [error, setError] = useState(null);
@@ -9065,6 +9151,7 @@ var useWorkspaceDetailedMetrics = (workspaceId, date, shiftId, options) => {
         supabase,
         `/api/dashboard/workspace/${workspaceId}/metrics?date=${queryDate}&shift_id=${queryShiftId}&company_id=${companyId}${forceParam}`
       );
+      hydrateFromBackend(backendData?.idle_time_vlm_by_line);
       let data = backendData.metrics;
       if (!data && !date && shiftId === void 0) {
         console.log("[useWorkspaceDetailedMetrics] No data found for current date/shift, attempting to find most recent data...");
@@ -9072,6 +9159,7 @@ var useWorkspaceDetailedMetrics = (workspaceId, date, shiftId, options) => {
           supabase,
           `/api/dashboard/workspace/${workspaceId}/metrics?company_id=${companyId}&latest=true${forceParam}`
         );
+        hydrateFromBackend(fallbackData?.idle_time_vlm_by_line);
         data = fallbackData.metrics;
         if (data) {
           console.log(`[useWorkspaceDetailedMetrics] Found fallback data from date: ${data.date}, shift: ${data.shift_id}`);
@@ -9099,7 +9187,7 @@ var useWorkspaceDetailedMetrics = (workspaceId, date, shiftId, options) => {
       updateQueueRef.current = false;
       setIsLoading(false);
     }
-  }, [supabase, workspaceId, date, shiftId, metricsTable, defaultTimezone, shiftConfig, workspaceConfig, companyId, options?.enabled, transformMetrics]);
+  }, [supabase, workspaceId, date, shiftId, metricsTable, defaultTimezone, shiftConfig, workspaceConfig, companyId, options?.enabled, transformMetrics, hydrateFromBackend]);
   const queueUpdate = useCallback(() => {
     if (!workspaceId || updateQueueRef.current) return;
     updateQueueRef.current = true;
@@ -10137,6 +10225,7 @@ var useDashboardMetrics = ({ onLineMetricsUpdate, lineId, userAccessibleLineIds
   const databaseConfig = useDatabaseConfig();
   const dateTimeConfig = useDateTimeConfig();
   const workspaceConfig = useWorkspaceConfig();
+  const { hydrateFromBackend } = useIdleTimeVlmConfig();
   const effectiveWorkspaceConfig = workspaceConfig || DEFAULT_WORKSPACE_CONFIG;
   const isFactoryView = lineId === (entityConfig.factoryViewId || "factory");
   const { timezone: appTimezone, isLoading: isTimezoneLoading } = useTimezoneContext();
@@ -10300,6 +10389,7 @@ var useDashboardMetrics = ({ onLineMetricsUpdate, lineId, userAccessibleLineIds
       let allWorkspaceMetrics = [];
       let allLineMetrics = [];
       let hasFlowBuffers = false;
+      let idleTimeVlmByLine = {};
       let efficiencyLegend;
       const forceParam = force ? "&force_refresh=true" : "";
       if (usesShiftGroups) {
@@ -10342,6 +10432,12 @@ var useDashboardMetrics = ({ onLineMetricsUpdate, lineId, userAccessibleLineIds
         });
         const results = await Promise.all(metricsPromises);
         hasFlowBuffers = results.some((result) => result?.metadata?.has_flow_buffers);
+        results.forEach((result) => {
+          const idleMap = result?.metadata?.idle_time_vlm_by_line;
+          if (idleMap && typeof idleMap === "object") {
+            idleTimeVlmByLine = { ...idleTimeVlmByLine, ...idleMap };
+          }
+        });
         const legendCandidate = results.find((result) => result?.efficiency_legend)?.efficiency_legend;
         efficiencyLegend = parseEfficiencyLegend(legendCandidate) ?? DEFAULT_EFFICIENCY_LEGEND;
         results.forEach((result) => {
@@ -10407,6 +10503,9 @@ var useDashboardMetrics = ({ onLineMetricsUpdate, lineId, userAccessibleLineIds
         allWorkspaceMetrics = backendData.workspace_metrics || [];
         allLineMetrics = backendData.line_metrics || [];
         hasFlowBuffers = Boolean(backendData?.metadata?.has_flow_buffers);
+        if (backendData?.metadata?.idle_time_vlm_by_line && typeof backendData.metadata.idle_time_vlm_by_line === "object") {
+          idleTimeVlmByLine = backendData.metadata.idle_time_vlm_by_line;
+        }
         efficiencyLegend = parseEfficiencyLegend(backendData?.efficiency_legend) ?? DEFAULT_EFFICIENCY_LEGEND;
       }
       const lineMetricsById = (allLineMetrics || []).reduce(
@@ -10463,7 +10562,7 @@ var useDashboardMetrics = ({ onLineMetricsUpdate, lineId, userAccessibleLineIds
       const newMetricsState = {
         workspaceMetrics: transformedWorkspaceData,
         lineMetrics: allLineMetrics || [],
-        metadata: { hasFlowBuffers },
+        metadata: { hasFlowBuffers, idleTimeVlmByLine },
         efficiencyLegend: efficiencyLegend ?? DEFAULT_EFFICIENCY_LEGEND
       };
       logDebug("[useDashboardMetrics] Setting metrics state:", {
@@ -10473,6 +10572,7 @@ var useDashboardMetrics = ({ onLineMetricsUpdate, lineId, userAccessibleLineIds
       if (abortController.signal.aborted || requestId !== activeRequestIdRef.current || requestLineId !== lineIdRef.current) {
         return;
       }
+      hydrateFromBackend(idleTimeVlmByLine);
       setMetrics(newMetricsState);
       setMetricsLineId(requestLineId);
       lastFetchKeyRef.current = inFlightFetchKeyRef.current;
@@ -10508,7 +10608,8 @@ var useDashboardMetrics = ({ onLineMetricsUpdate, lineId, userAccessibleLineIds
     userAccessibleLineIds,
     effectiveWorkspaceConfig,
     shiftLoading,
-    isTimezoneLoading
+    isTimezoneLoading,
+    hydrateFromBackend
   ]);
   const fetchAllMetricsRef = useRef(fetchAllMetrics);
   useEffect(() => {
@@ -11224,6 +11325,7 @@ var useRealtimeLineMetrics = ({
   const entityConfig = useEntityConfig();
   const dateTimeConfig = useDateTimeConfig();
   const staticShiftConfig = useShiftConfig();
+  const { hydrateFromBackend } = useIdleTimeVlmConfig();
   const timezone = useAppTimezone();
   const { shiftConfig: dynamicShiftConfig, isLoading: isShiftConfigLoading } = useDynamicShiftConfig(lineId);
   const shiftConfig = dynamicShiftConfig || staticShiftConfig;
@@ -11283,6 +11385,7 @@ var useRealtimeLineMetrics = ({
         shiftId,
         companyId
       });
+      hydrateFromBackend(detailResponse?.idle_time_vlm_by_line);
       if (detailResponse.line_details) {
         const lineDetailsPayload = detailResponse.line_details;
         setLineDetails({
@@ -11341,7 +11444,7 @@ var useRealtimeLineMetrics = ({
       updateQueueRef.current = false;
       isFetchingRef.current = false;
     }
-  }, [supabase, date, shiftId, urlShiftId, onMetricsUpdate, entityConfig, dateTimeConfig.defaultTimezone, enabled, shiftConfig]);
+  }, [supabase, date, shiftId, urlShiftId, onMetricsUpdate, entityConfig, dateTimeConfig.defaultTimezone, enabled, shiftConfig, hydrateFromBackend]);
   const queueUpdate = useCallback(() => {
     console.log("[useRealtimeLineMetrics] Update queued, debouncing...");
     if (fetchTimeoutRef.current) {
@@ -15864,7 +15967,10 @@ function useLineSupervisor(lineId) {
 }
 var useSupervisorsByLineIds = (lineIds, options) => {
   const supabase = useSupabase();
+  const entityConfig = useEntityConfig();
   const enabled = options?.enabled ?? true;
+  const useBackend = options?.useBackend ?? false;
+  const resolvedCompanyId = options?.companyId || entityConfig.companyId;
   const lineIdsKey = useMemo(() => (lineIds || []).slice().sort().join(","), [lineIds]);
   const targetLineIdSet = useMemo(() => new Set(lineIds || []), [lineIdsKey]);
   const [supervisorsByLineId, setSupervisorsByLineId] = useState(/* @__PURE__ */ new Map());
@@ -15880,37 +15986,72 @@ var useSupervisorsByLineIds = (lineIds, options) => {
     try {
       setIsLoading(true);
       setError(null);
-      const { data, error: fetchError } = await supabase.from("user_roles").select("user_id, email, first_name, last_name, properties, profile_photo_url").eq("role_level", "supervisor");
-      if (fetchError) {
-        throw fetchError;
-      }
       const nextSupervisorsByLineId = /* @__PURE__ */ new Map();
       const nextAllSupervisorsMap = /* @__PURE__ */ new Map();
-      (data || []).forEach((row) => {
-        const assignedLineIds = row?.properties?.line_id || row?.properties?.line_ids || [];
-        const email = row.email || "";
-        let displayName;
-        if (row.first_name) {
-          displayName = row.last_name ? `${row.first_name} ${row.last_name}` : row.first_name;
-        } else {
-          displayName = (typeof email === "string" && email.includes("@") ? email.split("@")[0] : email) || email;
-        }
-        const supervisor = {
-          userId: row.user_id,
-          email,
-          displayName,
-          profilePhotoUrl: row.profile_photo_url
-        };
-        nextAllSupervisorsMap.set(supervisor.userId, supervisor);
-        if (!Array.isArray(assignedLineIds) || assignedLineIds.length === 0) return;
-        assignedLineIds.forEach((lineId) => {
-          if (typeof lineId !== "string") return;
-          if (targetLineIdSet.size > 0 && !targetLineIdSet.has(lineId)) return;
-          const existing = nextSupervisorsByLineId.get(lineId) || [];
-          existing.push(supervisor);
-          nextSupervisorsByLineId.set(lineId, existing);
+      if (useBackend && resolvedCompanyId) {
+        const searchParams = new URLSearchParams({
+          company_id: resolvedCompanyId
         });
-      });
+        if (lineIdsKey) {
+          searchParams.set("line_ids", lineIdsKey);
+        }
+        const data = await fetchBackendJson(supabase, `/api/dashboard/line-supervisors?${searchParams.toString()}`);
+        (data?.supervisors || []).forEach((row) => {
+          const assignedLineIds = Array.isArray(row.line_ids) ? row.line_ids : [];
+          if (!assignedLineIds.length) return;
+          const email = row.email || "";
+          let displayName;
+          if (row.first_name) {
+            displayName = row.last_name ? `${row.first_name} ${row.last_name}` : row.first_name;
+          } else {
+            displayName = (typeof email === "string" && email.includes("@") ? email.split("@")[0] : email) || email;
+          }
+          const supervisor = {
+            userId: row.user_id,
+            email,
+            displayName,
+            profilePhotoUrl: row.profile_photo_url ?? null
+          };
+          nextAllSupervisorsMap.set(supervisor.userId, supervisor);
+          assignedLineIds.forEach((lineId) => {
+            if (typeof lineId !== "string") return;
+            if (targetLineIdSet.size > 0 && !targetLineIdSet.has(lineId)) return;
+            const existing = nextSupervisorsByLineId.get(lineId) || [];
+            existing.push(supervisor);
+            nextSupervisorsByLineId.set(lineId, existing);
+          });
+        });
+      } else {
+        const { data, error: fetchError } = await supabase.from("user_roles").select("user_id, email, first_name, last_name, properties, profile_photo_url").eq("role_level", "supervisor");
+        if (fetchError) {
+          throw fetchError;
+        }
+        (data || []).forEach((row) => {
+          const assignedLineIds = row?.properties?.line_id || row?.properties?.line_ids || [];
+          const email = row.email || "";
+          let displayName;
+          if (row.first_name) {
+            displayName = row.last_name ? `${row.first_name} ${row.last_name}` : row.first_name;
+          } else {
+            displayName = (typeof email === "string" && email.includes("@") ? email.split("@")[0] : email) || email;
+          }
+          const supervisor = {
+            userId: row.user_id,
+            email,
+            displayName,
+            profilePhotoUrl: row.profile_photo_url
+          };
+          nextAllSupervisorsMap.set(supervisor.userId, supervisor);
+          if (!Array.isArray(assignedLineIds) || assignedLineIds.length === 0) return;
+          assignedLineIds.forEach((lineId) => {
+            if (typeof lineId !== "string") return;
+            if (targetLineIdSet.size > 0 && !targetLineIdSet.has(lineId)) return;
+            const existing = nextSupervisorsByLineId.get(lineId) || [];
+            existing.push(supervisor);
+            nextSupervisorsByLineId.set(lineId, existing);
+          });
+        });
+      }
       const nextSupervisorNamesByLineId = /* @__PURE__ */ new Map();
       nextSupervisorsByLineId.forEach((supervisors, lineId) => {
         nextSupervisorNamesByLineId.set(lineId, supervisors.map((s) => s.displayName).join(", "));
@@ -15926,7 +16067,7 @@ var useSupervisorsByLineIds = (lineIds, options) => {
     } finally {
       setIsLoading(false);
     }
-  }, [enabled, supabase, targetLineIdSet]);
+  }, [enabled, supabase, targetLineIdSet, useBackend, resolvedCompanyId, lineIdsKey]);
   useEffect(() => {
     fetchSupervisors();
   }, [fetchSupervisors, lineIdsKey]);
@@ -19746,7 +19887,7 @@ var MotionConfigContext = createContext({
 });
 
 // ../../node_modules/framer-motion/dist/es/components/AnimatePresence/PopChild.mjs
-var PopChildMeasure = class extends React25.Component {
+var PopChildMeasure = class extends React26.Component {
   getSnapshotBeforeUpdate(prevProps) {
     const element = this.props.childRef.current;
     if (element && prevProps.isPresent && !this.props.isPresent) {
@@ -19801,7 +19942,7 @@ function PopChild({ children, isPresent }) {
       document.head.removeChild(style);
     };
   }, [isPresent]);
-  return jsx(PopChildMeasure, { isPresent, childRef: ref, sizeRef: size, children: React25.cloneElement(children, { ref }) });
+  return jsx(PopChildMeasure, { isPresent, childRef: ref, sizeRef: size, children: React26.cloneElement(children, { ref }) });
 }
 
 // ../../node_modules/framer-motion/dist/es/components/AnimatePresence/PresenceChild.mjs
@@ -19838,7 +19979,7 @@ var PresenceChild = ({ children, initial, isPresent, onExitComplete, custom, pre
   useMemo(() => {
     presenceChildren.forEach((_, key) => presenceChildren.set(key, false));
   }, [isPresent]);
-  React25.useEffect(() => {
+  React26.useEffect(() => {
     !isPresent && !presenceChildren.size && onExitComplete && onExitComplete();
   }, [isPresent]);
   if (mode === "popLayout") {
@@ -19948,6 +20089,17 @@ var AnimatePresence = ({ children, custom, initial = true, onExitComplete, prese
     return jsx(PresenceChild, { isPresent, initial: !isInitialRender.current || initial ? void 0 : false, custom: isPresent ? void 0 : custom, presenceAffectsLayout, mode, onExitComplete: isPresent ? void 0 : onExit, children: child }, key);
   }) });
 };
+var DeprecatedLayoutGroupContext = createContext(null);
+function useIsMounted() {
+  const isMounted = useRef(false);
+  useIsomorphicLayoutEffect(() => {
+    isMounted.current = true;
+    return () => {
+      isMounted.current = false;
+    };
+  }, []);
+  return isMounted;
+}
 
 // ../../node_modules/framer-motion/dist/es/utils/GlobalConfig.mjs
 var MotionGlobalConfig = {
@@ -20090,6 +20242,63 @@ function createRenderBatcher(scheduleNextBatch, allowKeepAlive) {
 
 // ../../node_modules/framer-motion/dist/es/frameloop/frame.mjs
 var { schedule: frame, cancel: cancelFrame, state: frameData, steps: frameSteps } = createRenderBatcher(typeof requestAnimationFrame !== "undefined" ? requestAnimationFrame : noop, true);
+
+// ../../node_modules/framer-motion/dist/es/utils/use-force-update.mjs
+function useForceUpdate() {
+  const isMounted = useIsMounted();
+  const [forcedRenderCount, setForcedRenderCount] = useState(0);
+  const forceRender = useCallback(() => {
+    isMounted.current && setForcedRenderCount(forcedRenderCount + 1);
+  }, [forcedRenderCount]);
+  const deferredForceRender = useCallback(() => frame.postRender(forceRender), [forceRender]);
+  return [deferredForceRender, forcedRenderCount];
+}
+
+// ../../node_modules/framer-motion/dist/es/projection/node/group.mjs
+var notify = (node) => !node.isLayoutDirty && node.willUpdate(false);
+function nodeGroup() {
+  const nodes = /* @__PURE__ */ new Set();
+  const subscriptions = /* @__PURE__ */ new WeakMap();
+  const dirtyAll = () => nodes.forEach(notify);
+  return {
+    add: (node) => {
+      nodes.add(node);
+      subscriptions.set(node, node.addEventListener("willUpdate", dirtyAll));
+    },
+    remove: (node) => {
+      nodes.delete(node);
+      const unsubscribe = subscriptions.get(node);
+      if (unsubscribe) {
+        unsubscribe();
+        subscriptions.delete(node);
+      }
+      dirtyAll();
+    },
+    dirty: dirtyAll
+  };
+}
+
+// ../../node_modules/framer-motion/dist/es/components/LayoutGroup/index.mjs
+var shouldInheritGroup = (inherit) => inherit === true;
+var shouldInheritId = (inherit) => shouldInheritGroup(inherit === true) || inherit === "id";
+var LayoutGroup = ({ children, id: id3, inherit = true }) => {
+  const layoutGroupContext = useContext(LayoutGroupContext);
+  const deprecatedLayoutGroupContext = useContext(DeprecatedLayoutGroupContext);
+  const [forceRender, key] = useForceUpdate();
+  const context = useRef(null);
+  const upstreamId = layoutGroupContext.id || deprecatedLayoutGroupContext;
+  if (context.current === null) {
+    if (shouldInheritId(inherit) && upstreamId) {
+      id3 = id3 ? upstreamId + "-" + id3 : upstreamId;
+    }
+    context.current = {
+      id: id3,
+      group: shouldInheritGroup(inherit) ? layoutGroupContext.group || nodeGroup() : nodeGroup()
+    };
+  }
+  const memoizedContext = useMemo(() => ({ ...context.current, forceRender }), [key]);
+  return jsx(LayoutGroupContext.Provider, { value: memoizedContext, children });
+};
 var LazyContext = createContext({ strict: false });
 
 // ../../node_modules/framer-motion/dist/es/motion/features/definitions.mjs
@@ -26697,7 +26906,7 @@ function checkNodeWasScrollRoot(node) {
 
 // ../../node_modules/framer-motion/dist/es/projection/node/DocumentProjectionNode.mjs
 var DocumentProjectionNode = createProjectionNode2({
-  attachResizeListener: (ref, notify) => addDomEvent(ref, "resize", notify),
+  attachResizeListener: (ref, notify2) => addDomEvent(ref, "resize", notify2),
   measureScroll: () => ({
     x: document.documentElement.scrollLeft || document.body.scrollLeft,
     y: document.documentElement.scrollTop || document.body.scrollTop
@@ -27604,12 +27813,12 @@ var withAuth = (WrappedComponent2, options) => {
     requireAuth: true,
     ...options
   };
-  const WithAuthComponent = React25.memo(function WithAuthComponent2(props) {
+  const WithAuthComponent = React26.memo(function WithAuthComponent2(props) {
     const { session, loading, error } = useAuth();
     const router = useRouter();
-    const [localLoading, setLocalLoading] = React25.useState(loading);
-    const [loadingTimeoutReached, setLoadingTimeoutReached] = React25.useState(false);
-    React25.useEffect(() => {
+    const [localLoading, setLocalLoading] = React26.useState(loading);
+    const [loadingTimeoutReached, setLoadingTimeoutReached] = React26.useState(false);
+    React26.useEffect(() => {
       if (process.env.NODE_ENV === "development" && process.env.DEBUG_AUTH === "true") {
         console.log("withAuth state:", {
           loading,
@@ -27619,7 +27828,7 @@ var withAuth = (WrappedComponent2, options) => {
         });
       }
     }, [session, loading, error]);
-    const handleLoadingTimeout = React25.useCallback(() => {
+    const handleLoadingTimeout = React26.useCallback(() => {
       console.warn("[withAuth] Loading timeout reached");
       setLoadingTimeoutReached(true);
       if (typeof window !== "undefined" && localStorage.getItem("sb-zmzewpwerpaupoaoeqhh-auth-token")) {
@@ -27630,13 +27839,13 @@ var withAuth = (WrappedComponent2, options) => {
         router.replace(defaultOptions.redirectTo);
       }
     }, [router]);
-    React25.useEffect(() => {
+    React26.useEffect(() => {
       if (!loading && defaultOptions.requireAuth && !session && !error) {
         console.log("[withAuth] No session found, redirecting to login");
         router.replace(defaultOptions.redirectTo);
       }
     }, [session, loading, router, error]);
-    React25.useEffect(() => {
+    React26.useEffect(() => {
       setLocalLoading(loading);
     }, [loading]);
     if (loading || localLoading) {
@@ -28510,11 +28719,11 @@ var BarChartComponent = ({
   aspect = 2,
   ...restOfChartProps
 }) => {
-  const containerRef = React25__default.useRef(null);
-  const [containerReady, setContainerReady] = React25__default.useState(false);
+  const containerRef = React26__default.useRef(null);
+  const [containerReady, setContainerReady] = React26__default.useState(false);
   const themeConfig = useThemeConfig();
   const { formatNumber } = useFormatNumber();
-  React25__default.useEffect(() => {
+  React26__default.useEffect(() => {
     const checkContainerDimensions = () => {
       if (containerRef.current) {
         const rect = containerRef.current.getBoundingClientRect();
@@ -28628,7 +28837,7 @@ var BarChartComponent = ({
   }
   return /* @__PURE__ */ jsx("div", { className: clsx("w-full", className), children: chartContent });
 };
-var BarChart = React25__default.memo(BarChartComponent, (prevProps, nextProps) => {
+var BarChart = React26__default.memo(BarChartComponent, (prevProps, nextProps) => {
   if (prevProps.xAxisDataKey !== nextProps.xAxisDataKey || prevProps.xAxisLabel !== nextProps.xAxisLabel || prevProps.yAxisLabel !== nextProps.yAxisLabel || prevProps.yAxisUnit !== nextProps.yAxisUnit || JSON.stringify(prevProps.referenceLines || []) !== JSON.stringify(nextProps.referenceLines || []) || prevProps.layout !== nextProps.layout || prevProps.className !== nextProps.className || prevProps.showGrid !== nextProps.showGrid || prevProps.showLegend !== nextProps.showLegend || prevProps.showTooltip !== nextProps.showTooltip || prevProps.responsive !== nextProps.responsive || prevProps.aspect !== nextProps.aspect) {
     return false;
   }
@@ -28676,11 +28885,11 @@ var LineChartComponent = ({
   aspect = 2,
   ...restOfChartProps
 }) => {
-  const containerRef = React25__default.useRef(null);
-  const [containerReady, setContainerReady] = React25__default.useState(false);
+  const containerRef = React26__default.useRef(null);
+  const [containerReady, setContainerReady] = React26__default.useState(false);
   const themeConfig = useThemeConfig();
   const { formatNumber } = useFormatNumber();
-  React25__default.useEffect(() => {
+  React26__default.useEffect(() => {
     const checkContainerDimensions = () => {
       if (containerRef.current) {
         const rect = containerRef.current.getBoundingClientRect();
@@ -28779,7 +28988,7 @@ var LineChartComponent = ({
   }
   return /* @__PURE__ */ jsx("div", { className: clsx("w-full", className), children: chartContent });
 };
-var LineChart = React25__default.memo(LineChartComponent, (prevProps, nextProps) => {
+var LineChart = React26__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)) {
     return false;
   }
@@ -28873,7 +29082,7 @@ var OutputProgressChartComponent = ({
     ] }) })
   ] }) });
 };
-var OutputProgressChart = React25__default.memo(OutputProgressChartComponent);
+var OutputProgressChart = React26__default.memo(OutputProgressChartComponent);
 OutputProgressChart.displayName = "OutputProgressChart";
 var LargeOutputProgressChart = ({
   currentOutput,
@@ -29013,7 +29222,7 @@ var CycleTimeChartComponent = ({
     }
   ) }) });
 };
-var CycleTimeChart = React25__default.memo(CycleTimeChartComponent, (prevProps, nextProps) => {
+var CycleTimeChart = React26__default.memo(CycleTimeChartComponent, (prevProps, nextProps) => {
   if (prevProps.className !== nextProps.className) {
     return false;
   }
@@ -29039,8 +29248,8 @@ var CycleTimeOverTimeChart = ({
   className = ""
 }) => {
   const MAX_DATA_POINTS = 40;
-  const containerRef = React25__default.useRef(null);
-  const [containerReady, setContainerReady] = React25__default.useState(false);
+  const containerRef = React26__default.useRef(null);
+  const [containerReady, setContainerReady] = React26__default.useState(false);
   const getHourFromTimeString = (timeStr) => {
     const [hours, minutes] = timeStr.split(":");
     return parseInt(hours);
@@ -29051,10 +29260,10 @@ var CycleTimeOverTimeChart = ({
   };
   const displayData = getDisplayData(data);
   const DURATION = displayData.length;
-  const [animatedData, setAnimatedData] = React25__default.useState(Array(DURATION).fill(0));
-  const prevDataRef = React25__default.useRef(Array(DURATION).fill(0));
-  const animationFrameRef = React25__default.useRef(null);
-  const animateToNewData = React25__default.useCallback((targetData) => {
+  const [animatedData, setAnimatedData] = React26__default.useState(Array(DURATION).fill(0));
+  const prevDataRef = React26__default.useRef(Array(DURATION).fill(0));
+  const animationFrameRef = React26__default.useRef(null);
+  const animateToNewData = React26__default.useCallback((targetData) => {
     const startData = [...prevDataRef.current];
     const startTime = performance.now();
     const duration = 1200;
@@ -29084,7 +29293,7 @@ var CycleTimeOverTimeChart = ({
     }
     animationFrameRef.current = requestAnimationFrame(animate);
   }, []);
-  React25__default.useEffect(() => {
+  React26__default.useEffect(() => {
     if (JSON.stringify(data) !== JSON.stringify(prevDataRef.current)) {
       const processedData = getDisplayData(data);
       animateToNewData(processedData);
@@ -29095,7 +29304,7 @@ var CycleTimeOverTimeChart = ({
       }
     };
   }, [data, animateToNewData]);
-  React25__default.useEffect(() => {
+  React26__default.useEffect(() => {
     const checkContainerDimensions = () => {
       if (containerRef.current) {
         const rect = containerRef.current.getBoundingClientRect();
@@ -29338,7 +29547,7 @@ var CycleTimeOverTimeChart = ({
     }
   );
 };
-var Card = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var Card = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "div",
   {
     ref,
@@ -29350,7 +29559,7 @@ var Card = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */
   }
 ));
 Card.displayName = "Card";
-var CardHeader = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var CardHeader = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "div",
   {
     ref,
@@ -29359,7 +29568,7 @@ var CardHeader = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 CardHeader.displayName = "CardHeader";
-var CardTitle = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var CardTitle = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "h3",
   {
     ref,
@@ -29371,7 +29580,7 @@ var CardTitle = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   }
 ));
 CardTitle.displayName = "CardTitle";
-var CardDescription = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var CardDescription = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "p",
   {
     ref,
@@ -29380,9 +29589,9 @@ var CardDescription = React25.forwardRef(({ className, ...props }, ref) => /* @_
   }
 ));
 CardDescription.displayName = "CardDescription";
-var CardContent = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("p-6 pt-0", className), ...props }));
+var CardContent = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("p-6 pt-0", className), ...props }));
 CardContent.displayName = "CardContent";
-var CardFooter = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var CardFooter = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "div",
   {
     ref,
@@ -29458,7 +29667,7 @@ var buttonVariants = cva(
     }
   }
 );
-var Button = React25.forwardRef(
+var Button = React26.forwardRef(
   ({ className, variant, size, asChild = false, ...props }, ref) => {
     const Comp = asChild ? Slot : "button";
     return /* @__PURE__ */ jsx(
@@ -29485,8 +29694,8 @@ var HourlyOutputChartComponent = ({
   timezone,
   className = ""
 }) => {
-  const containerRef = React25__default.useRef(null);
-  const [containerReady, setContainerReady] = React25__default.useState(false);
+  const containerRef = React26__default.useRef(null);
+  const [containerReady, setContainerReady] = React26__default.useState(false);
   const getTimeFromTimeString = (timeStr) => {
     const [hours, minutes] = timeStr.split(":");
     const hour = parseInt(hours);
@@ -29495,13 +29704,13 @@ var HourlyOutputChartComponent = ({
     return { hour, minute, decimalHour };
   };
   const shiftStartTime = getTimeFromTimeString(shiftStart);
-  React25__default.useMemo(() => {
+  React26__default.useMemo(() => {
     if (!shiftDate || !timezone) return null;
     const hour = shiftStartTime.hour.toString().padStart(2, "0");
     const minute = shiftStartTime.minute.toString().padStart(2, "0");
     return fromZonedTime(`${shiftDate}T${hour}:${minute}:00`, timezone);
   }, [shiftDate, timezone, shiftStartTime.hour, shiftStartTime.minute]);
-  const idleClipRanges = React25__default.useMemo(() => {
+  const idleClipRanges = React26__default.useMemo(() => {
     if (!idleTimeClips || idleTimeClips.length === 0) return [];
     return idleTimeClips.map((clip) => ({
       id: clip.id,
@@ -29509,7 +29718,7 @@ var HourlyOutputChartComponent = ({
       end: clip.idle_end_time ? new Date(clip.idle_end_time) : null
     })).filter((clip) => clip.start && clip.end);
   }, [idleTimeClips]);
-  React25__default.useCallback((rangeStart, rangeEnd) => {
+  React26__default.useCallback((rangeStart, rangeEnd) => {
     if (!rangeStart || !rangeEnd || idleClipRanges.length === 0) {
       return "Reason unavailable";
     }
@@ -29526,7 +29735,7 @@ var HourlyOutputChartComponent = ({
     }
     return classification.label.replace(/_/g, " ");
   }, [idleClipRanges, idleTimeClipClassifications]);
-  const { shiftDuration, shiftEndTime, hasPartialLastHour } = React25__default.useMemo(() => {
+  const { shiftDuration, shiftEndTime, hasPartialLastHour } = React26__default.useMemo(() => {
     console.log("[HourlyOutputChart] Calculating shift duration with:", {
       shiftStart,
       shiftEnd,
@@ -29561,12 +29770,12 @@ var HourlyOutputChartComponent = ({
   }, [shiftEnd, shiftStartTime.decimalHour]);
   const SHIFT_DURATION = shiftDuration;
   shiftEndTime ? shiftEndTime.hour : (shiftStartTime.hour + SHIFT_DURATION) % 24;
-  const [animatedData, setAnimatedData] = React25__default.useState(
+  const [animatedData, setAnimatedData] = React26__default.useState(
     () => Array(SHIFT_DURATION).fill(0)
   );
-  const prevDataRef = React25__default.useRef(Array(SHIFT_DURATION).fill(0));
-  const animationFrameRef = React25__default.useRef(null);
-  React25__default.useEffect(() => {
+  const prevDataRef = React26__default.useRef(Array(SHIFT_DURATION).fill(0));
+  const animationFrameRef = React26__default.useRef(null);
+  React26__default.useEffect(() => {
     setAnimatedData((prev) => {
       if (prev.length !== SHIFT_DURATION) {
         return Array(SHIFT_DURATION).fill(0);
@@ -29575,14 +29784,14 @@ var HourlyOutputChartComponent = ({
     });
     prevDataRef.current = Array(SHIFT_DURATION).fill(0);
   }, [SHIFT_DURATION]);
-  const [idleBarState, setIdleBarState] = React25__default.useState({
+  const [idleBarState, setIdleBarState] = React26__default.useState({
     visible: showIdleTime,
     key: 0,
     shouldAnimate: false
   });
-  const prevShowIdleTimeRef = React25__default.useRef(showIdleTime);
-  const stateUpdateTimeoutRef = React25__default.useRef(null);
-  React25__default.useEffect(() => {
+  const prevShowIdleTimeRef = React26__default.useRef(showIdleTime);
+  const stateUpdateTimeoutRef = React26__default.useRef(null);
+  React26__default.useEffect(() => {
     if (stateUpdateTimeoutRef.current) {
       clearTimeout(stateUpdateTimeoutRef.current);
     }
@@ -29607,7 +29816,7 @@ var HourlyOutputChartComponent = ({
       }
     };
   }, [showIdleTime]);
-  const animateToNewData = React25__default.useCallback((targetData) => {
+  const animateToNewData = React26__default.useCallback((targetData) => {
     const startData = [...prevDataRef.current];
     const startTime = performance.now();
     const duration = 1200;
@@ -29637,7 +29846,7 @@ var HourlyOutputChartComponent = ({
     }
     animationFrameRef.current = requestAnimationFrame(animate);
   }, []);
-  React25__default.useEffect(() => {
+  React26__default.useEffect(() => {
     if (JSON.stringify(data) !== JSON.stringify(prevDataRef.current)) {
       const shiftData = data.slice(0, SHIFT_DURATION);
       animateToNewData(shiftData);
@@ -29648,7 +29857,7 @@ var HourlyOutputChartComponent = ({
       }
     };
   }, [data, animateToNewData]);
-  React25__default.useEffect(() => {
+  React26__default.useEffect(() => {
     const checkContainerDimensions = () => {
       if (containerRef.current) {
         const rect = containerRef.current.getBoundingClientRect();
@@ -29670,7 +29879,7 @@ var HourlyOutputChartComponent = ({
       clearTimeout(fallbackTimeout);
     };
   }, []);
-  const formatHour = React25__default.useCallback((hourIndex) => {
+  const formatHour = React26__default.useCallback((hourIndex) => {
     const isLastHour = hourIndex === SHIFT_DURATION - 1;
     const startDecimalHour = shiftStartTime.decimalHour + hourIndex;
     const startHour = Math.floor(startDecimalHour) % 24;
@@ -29694,7 +29903,7 @@ var HourlyOutputChartComponent = ({
     };
     return `${formatTime5(startHour, startMinute)}-${formatTime5(endHour, endMinute)}`;
   }, [shiftStartTime.decimalHour, SHIFT_DURATION, shiftEndTime]);
-  const formatTimeRange2 = React25__default.useCallback((hourIndex) => {
+  const formatTimeRange2 = React26__default.useCallback((hourIndex) => {
     const isLastHour = hourIndex === SHIFT_DURATION - 1;
     const startDecimalHour = shiftStartTime.decimalHour + hourIndex;
     const startHour = Math.floor(startDecimalHour) % 24;
@@ -29715,7 +29924,7 @@ var HourlyOutputChartComponent = ({
     };
     return `${formatTime5(startHour, startMinute)} - ${formatTime5(endHour, endMinute)}`;
   }, [shiftStartTime.decimalHour, SHIFT_DURATION, shiftEndTime]);
-  const chartData = React25__default.useMemo(() => {
+  const chartData = React26__default.useMemo(() => {
     return Array.from({ length: SHIFT_DURATION }, (_, i) => {
       const actualHour = (shiftStartTime.hour + i) % 24;
       const startMinute = shiftStartTime.minute;
@@ -29785,7 +29994,7 @@ var HourlyOutputChartComponent = ({
       };
     });
   }, [animatedData, data, pphThreshold, idleTimeHourly, shiftStartTime.hour, shiftStartTime.minute, shiftEndTime, formatHour, formatTimeRange2, SHIFT_DURATION]);
-  const IdleBar = React25__default.useMemo(() => {
+  const IdleBar = React26__default.useMemo(() => {
     if (!idleBarState.visible) return null;
     return /* @__PURE__ */ jsx(
       Bar,
@@ -29875,11 +30084,10 @@ var HourlyOutputChartComponent = ({
           {
             data: chartData,
             margin: {
-              top: 20,
-              // Increased top margin for labels
+              top: 10,
               right: 10,
-              bottom: 40,
-              // Increased to prevent x-axis labels from being cut off
+              bottom: 10,
+              // Small bottom margin
               left: 0
             },
             barCategoryGap: "25%",
@@ -29894,7 +30102,7 @@ var HourlyOutputChartComponent = ({
                   angle: -45,
                   textAnchor: "end",
                   tickMargin: 12,
-                  height: 70
+                  height: 100
                 }
               ),
               /* @__PURE__ */ jsx(
@@ -30114,7 +30322,7 @@ var HourlyOutputChartComponent = ({
     }
   );
 };
-var HourlyOutputChart = React25__default.memo(HourlyOutputChartComponent, (prevProps, nextProps) => {
+var HourlyOutputChart = React26__default.memo(HourlyOutputChartComponent, (prevProps, nextProps) => {
   if (prevProps.pphThreshold !== nextProps.pphThreshold || prevProps.shiftStart !== nextProps.shiftStart || prevProps.shiftEnd !== nextProps.shiftEnd || prevProps.shiftDate !== nextProps.shiftDate || prevProps.timezone !== nextProps.timezone || prevProps.showIdleTime !== nextProps.showIdleTime || prevProps.className !== nextProps.className) {
     return false;
   }
@@ -30177,7 +30385,7 @@ function getTrendArrowAndColor(trend) {
     return { arrow: "\u2192", color: "text-gray-400" };
   }
 }
-var VideoCard = React25__default.memo(({
+var VideoCard = React26__default.memo(({
   workspace,
   hlsUrl,
   shouldPlay,
@@ -30357,7 +30565,7 @@ var logDebug2 = (...args) => {
   if (!DEBUG_DASHBOARD_LOGS2) return;
   console.log(...args);
 };
-var VideoGridView = React25__default.memo(({
+var VideoGridView = React26__default.memo(({
   workspaces,
   selectedLine,
   className = "",
@@ -30726,7 +30934,7 @@ var VideoGridView = React25__default.memo(({
   ) }) });
 });
 VideoGridView.displayName = "VideoGridView";
-var MapGridView = React25__default.memo(({
+var MapGridView = React26__default.memo(({
   workspaces,
   className = "",
   displayNames = {},
@@ -31603,7 +31811,7 @@ var EmptyStateMessage = ({
   iconClassName
 }) => {
   let IconContent = null;
-  if (React25__default.isValidElement(iconType)) {
+  if (React26__default.isValidElement(iconType)) {
     IconContent = iconType;
   } else if (typeof iconType === "string") {
     const MappedIcon = IconMap[iconType];
@@ -33153,7 +33361,11 @@ var HlsVideoPlayer = forwardRef(({
   const handleTogglePlay = useCallback(() => {
     if (videoRef.current) {
       if (videoRef.current.paused) {
-        videoRef.current.play();
+        videoRef.current.play().catch((err) => {
+          if (err?.name !== "AbortError") {
+            console.warn("[HlsVideoPlayer] Play failed:", err);
+          }
+        });
       } else {
         videoRef.current.pause();
       }
@@ -33575,7 +33787,11 @@ var CroppedHlsVideoPlayer = forwardRef(({
   const handleTogglePlay = useCallback(() => {
     if (hiddenVideoRef.current?.video) {
       if (hiddenVideoRef.current.video.paused) {
-        hiddenVideoRef.current.play();
+        hiddenVideoRef.current.play()?.catch((err) => {
+          if (err?.name !== "AbortError") {
+            console.warn("[CroppedHlsVideoPlayer] Play failed:", err);
+          }
+        });
       } else {
         hiddenVideoRef.current.pause();
       }
@@ -33786,7 +34002,7 @@ function Skeleton({ className, ...props }) {
 var Select = SelectPrimitive.Root;
 var SelectGroup = SelectPrimitive.Group;
 var SelectValue = SelectPrimitive.Value;
-var SelectTrigger = React25.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+var SelectTrigger = React26.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
   SelectPrimitive.Trigger,
   {
     ref,
@@ -33802,7 +34018,7 @@ var SelectTrigger = React25.forwardRef(({ className, children, ...props }, ref)
   }
 ));
 SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
-var SelectScrollUpButton = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var SelectScrollUpButton = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   SelectPrimitive.ScrollUpButton,
   {
     ref,
@@ -33812,7 +34028,7 @@ var SelectScrollUpButton = React25.forwardRef(({ className, ...props }, ref) =>
   }
 ));
 SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
-var SelectScrollDownButton = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var SelectScrollDownButton = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   SelectPrimitive.ScrollDownButton,
   {
     ref,
@@ -33822,7 +34038,7 @@ var SelectScrollDownButton = React25.forwardRef(({ className, ...props }, ref) =
   }
 ));
 SelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName;
-var SelectContent = React25.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ jsx(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs(
+var SelectContent = React26.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ jsx(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs(
   SelectPrimitive.Content,
   {
     ref,
@@ -33850,7 +34066,7 @@ var SelectContent = React25.forwardRef(({ className, children, position = "poppe
   }
 ) }));
 SelectContent.displayName = SelectPrimitive.Content.displayName;
-var SelectLabel = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var SelectLabel = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   SelectPrimitive.Label,
   {
     ref,
@@ -33859,7 +34075,7 @@ var SelectLabel = React25.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 SelectLabel.displayName = SelectPrimitive.Label.displayName;
-var SelectItem = React25.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+var SelectItem = React26.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
   SelectPrimitive.Item,
   {
     ref,
@@ -33875,7 +34091,7 @@ var SelectItem = React25.forwardRef(({ className, children, ...props }, ref) =>
   }
 ));
 SelectItem.displayName = SelectPrimitive.Item.displayName;
-var SelectSeparator = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var SelectSeparator = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   SelectPrimitive.Separator,
   {
     ref,
@@ -34174,7 +34390,7 @@ var TimePickerDropdown = ({
     ] })
   ] });
 };
-var SilentErrorBoundary = class extends React25__default.Component {
+var SilentErrorBoundary = class extends React26__default.Component {
   constructor(props) {
     super(props);
     this.handleClearAndReload = () => {
@@ -34993,7 +35209,8 @@ var FileManagerFilters = ({
   snapshotDateTime,
   snapshotClipId,
   className = "",
-  targetCycleTime = null
+  targetCycleTime = null,
+  idleTimeVlmEnabled = false
 }) => {
   const [expandedNodes, setExpandedNodes] = useState(/* @__PURE__ */ new Set());
   const [startTime, setStartTime] = useState("");
@@ -35121,8 +35338,8 @@ var FileManagerFilters = ({
         ...prev,
         [categoryId]: page === 1 ? data.clips : [...prev[categoryId] || [], ...data.clips]
       }));
-      const authToken = categoryId === "idle_time" ? await getAuthToken3() : null;
-      if (categoryId === "idle_time" && authToken) {
+      const authToken = categoryId === "idle_time" && idleTimeVlmEnabled ? await getAuthToken3() : null;
+      if (categoryId === "idle_time" && idleTimeVlmEnabled && authToken) {
         const seededClassifications = {};
         (data.clips || []).forEach((clip) => {
           if (!clip.clipId) {
@@ -35167,7 +35384,7 @@ var FileManagerFilters = ({
         return newSet;
       });
     }
-  }, [workspaceId, date, shift, mergedClipClassifications, snapshotDateTime, snapshotClipId, supabase, getAuthToken3]);
+  }, [workspaceId, date, shift, mergedClipClassifications, snapshotDateTime, snapshotClipId, supabase, getAuthToken3, idleTimeVlmEnabled]);
   const fetchPercentileClips = useCallback(async (type) => {
     if (!workspaceId || !date || shift === void 0) {
       console.warn("[FileManager] Missing required params for percentile clips fetch");
@@ -35493,7 +35710,9 @@ var FileManagerFilters = ({
             categoryId: category.id,
             clipPosition: index + 1,
             // Store 1-based position
-            cycleTimeSeconds: cycleTime
+            cycleTimeSeconds: cycleTime,
+            duration: clip.duration
+            // Store duration for custom badge rendering
           };
         });
         regularCategoryNodes.push({
@@ -35753,6 +35972,9 @@ var FileManagerFilters = ({
                 if (rootCause === "processing") {
                   return /* @__PURE__ */ jsx(Loader2, { className: "h-3.5 w-3.5 text-gray-400 animate-spin", strokeWidth: 2.5 });
                 }
+                if (!idleTimeVlmEnabled && node.categoryId === "idle_time") {
+                  return /* @__PURE__ */ jsx(Clock, { className: "h-3.5 w-3.5 text-purple-500", strokeWidth: 2.5 });
+                }
                 const config = getRootCauseConfig(rootCause.replace(/_/g, " "));
                 if (config) {
                   const IconComponent = config.Icon;
@@ -35769,6 +35991,11 @@ var FileManagerFilters = ({
                 node.type === "video" && (node.severity || node.categoryId === "cycle_completion" || node.categoryId === "idle_time" || node.categoryId === "low_value") && /* @__PURE__ */ jsx("div", { className: "text-xs mt-0.5 font-medium", children: node.categoryId === "idle_time" ? (
                   // Show root cause label for idle time clips (text only, icon is on the left)
                   (() => {
+                    if (!idleTimeVlmEnabled) {
+                      const duration = node.duration || 0;
+                      const isLong = duration > 300;
+                      return /* @__PURE__ */ jsx("div", { className: `inline-flex items-center px-2 py-0.5 rounded-md border text-[10px] font-bold ${isLong ? "bg-purple-50 text-purple-700 border-purple-200" : "bg-gray-50 text-gray-600 border-gray-200"}`, children: isLong ? "Long" : "Short" });
+                    }
                     const clipId = node.clipId || node.id;
                     const rootCause = getIdleTimeRootCause(clipId);
                     const isProcessing = rootCause === "processing";
@@ -36515,6 +36742,7 @@ var BottlenecksContent = ({
   const dashboardConfig = useDashboardConfig();
   const supabase = useSupabase();
   const timezone = useAppTimezone();
+  const { isIdleTimeVlmEnabled } = useIdleTimeVlmConfig();
   const { shiftConfig, isLoading: isShiftConfigLoading } = useDynamicShiftConfig(lineId);
   const { effectiveShift, effectiveDate } = useMemo(() => {
     if (shift !== void 0 && shift !== null && date) {
@@ -36561,6 +36789,8 @@ var BottlenecksContent = ({
     const numericValue = typeof workspaceTargetCycleTimeRaw === "number" ? workspaceTargetCycleTimeRaw : Number(workspaceTargetCycleTimeRaw);
     return Number.isFinite(numericValue) ? numericValue : null;
   })();
+  const lineIdForIdleConfig = lineId || workspaceMetrics?.line_id;
+  const idleTimeVlmEnabled = isIdleTimeVlmEnabled(lineIdForIdleConfig);
   const videoRef = useRef(null);
   const videoPlayerOptions = useMemo(() => ({
     fluid: false,
@@ -36995,7 +37225,7 @@ var BottlenecksContent = ({
     fetchTriageClips();
   }, [triageMode, workspaceId, effectiveDateString, effectiveShiftId, supabase, isEffectiveShiftReady]);
   useEffect(() => {
-    if (!triageMode || triageClips.length === 0) {
+    if (!idleTimeVlmEnabled || !triageMode || triageClips.length === 0) {
       return;
     }
     let cancelled = false;
@@ -37028,7 +37258,7 @@ var BottlenecksContent = ({
     return () => {
       cancelled = true;
     };
-  }, [triageClips, triageMode, getAuthToken3]);
+  }, [idleTimeVlmEnabled, triageClips, triageMode, getAuthToken3]);
   useEffect(() => {
     if (s3ClipsService && (mergedCounts[activeFilter] || 0) > 0) {
       if (firstClip && firstClip.type === activeFilter) {
@@ -37669,6 +37899,9 @@ var BottlenecksContent = ({
     return currentPosition;
   }, [activeFilter, categoryMetadata.length, currentMetadataIndex, currentPosition, isPercentileCategory]);
   const classificationClipIds = useMemo(() => {
+    if (!idleTimeVlmEnabled) {
+      return [];
+    }
     if (triageMode && triageClips.length > 0) {
       return triageClips.filter((c) => c.categoryId === "idle_time").map((c) => c.id || c.clipId).filter(Boolean).slice(0, 20);
     }
@@ -37677,10 +37910,10 @@ var BottlenecksContent = ({
       return clipId ? [clipId] : [];
     }
     return [];
-  }, [triageMode, triageClips, currentVideo]);
+  }, [idleTimeVlmEnabled, triageMode, triageClips, currentVideo]);
   useClassificationRealtimeUpdates({
     clipIds: classificationClipIds,
-    enabled: classificationClipIds.length > 0,
+    enabled: idleTimeVlmEnabled && classificationClipIds.length > 0,
     onClassificationUpdate: useCallback((clipId, classification) => {
       console.log(`[BottlenecksContent] Real-time classification update for ${clipId}:`, classification);
       setClipClassifications((prev) => ({
@@ -37690,7 +37923,7 @@ var BottlenecksContent = ({
     }, [])
   });
   useEffect(() => {
-    if (triageMode || !currentVideo || currentVideo.type !== "idle_time") {
+    if (!idleTimeVlmEnabled || triageMode || !currentVideo || currentVideo.type !== "idle_time") {
       return;
     }
     const clipId = currentVideo.id;
@@ -37719,7 +37952,7 @@ var BottlenecksContent = ({
     return () => {
       cancelled = true;
     };
-  }, [triageMode, currentVideo, clipClassifications, getAuthToken3]);
+  }, [idleTimeVlmEnabled, triageMode, currentVideo, clipClassifications, getAuthToken3]);
   useEffect(() => {
     if (!s3ClipsService || !currentVideo) {
       return;
@@ -38268,11 +38501,11 @@ var BottlenecksContent = ({
               if (!config) return null;
               const IconComponent = config.Icon;
               return /* @__PURE__ */ jsxs(Fragment, { children: [
-                /* @__PURE__ */ jsx("div", { className: "absolute top-3 left-3 z-10", children: /* @__PURE__ */ jsxs("div", { className: `inline-flex items-center gap-1.5 px-2.5 py-1.5 rounded-md border ${config.bgColor} ${config.borderColor} shadow-lg`, children: [
+                idleTimeVlmEnabled && /* @__PURE__ */ jsx("div", { className: "absolute top-3 left-3 z-10", children: /* @__PURE__ */ jsxs("div", { className: `inline-flex items-center gap-1.5 px-2.5 py-1.5 rounded-md border ${config.bgColor} ${config.borderColor} shadow-lg`, children: [
                   /* @__PURE__ */ jsx(IconComponent, { className: `h-3.5 w-3.5 ${config.iconColor}`, strokeWidth: 2.5 }),
                   /* @__PURE__ */ jsx("span", { className: `font-medium text-xs ${config.color}`, children: config.displayName || (rootCause ? formatDisplayLabel(rootCause) : "Analyzing...") })
                 ] }) }),
-                confidence !== null && (() => {
+                idleTimeVlmEnabled && confidence !== null && (() => {
                   const confidencePercent = confidence * 100;
                   let confidenceLabel = "Low";
                   let confidenceColor = "text-red-500";
@@ -38311,12 +38544,12 @@ var BottlenecksContent = ({
                 if (!config) return null;
                 const IconComponent = config.Icon;
                 return /* @__PURE__ */ jsxs(Fragment, { children: [
-                  confidence !== null && /* @__PURE__ */ jsx("div", { className: "absolute top-3 left-3 z-10", children: /* @__PURE__ */ jsx("div", { className: "inline-flex items-center gap-1.5 px-2.5 py-1.5 rounded-lg bg-black/70 backdrop-blur-sm shadow-lg border border-white/10", children: /* @__PURE__ */ jsxs("span", { className: "font-medium text-xs text-white", children: [
+                  idleTimeVlmEnabled && confidence !== null && /* @__PURE__ */ jsx("div", { className: "absolute top-3 left-3 z-10", children: /* @__PURE__ */ jsx("div", { className: "inline-flex items-center gap-1.5 px-2.5 py-1.5 rounded-lg bg-black/70 backdrop-blur-sm shadow-lg border border-white/10", children: /* @__PURE__ */ jsxs("span", { className: "font-medium text-xs text-white", children: [
                     "AI Confidence: ",
                     (confidence * 100).toFixed(0),
                     "%"
                   ] }) }) }),
-                  /* @__PURE__ */ jsx("div", { className: "absolute top-3 right-3 z-10", children: /* @__PURE__ */ jsxs("div", { className: `inline-flex items-center gap-1.5 px-2.5 py-1.5 rounded-md border ${config.bgColor} ${config.borderColor} shadow-lg`, children: [
+                  idleTimeVlmEnabled && /* @__PURE__ */ jsx("div", { className: "absolute top-3 right-3 z-10", children: /* @__PURE__ */ jsxs("div", { className: `inline-flex items-center gap-1.5 px-2.5 py-1.5 rounded-md border ${config.bgColor} ${config.borderColor} shadow-lg`, children: [
                     /* @__PURE__ */ jsx(IconComponent, { className: `h-3.5 w-3.5 ${config.iconColor}`, strokeWidth: 2.5 }),
                     /* @__PURE__ */ jsx("span", { className: `font-medium text-xs ${config.color}`, children: rootCause })
                   ] }) })
@@ -38425,7 +38658,7 @@ var BottlenecksContent = ({
                     const IconComponent = config.Icon;
                     return /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
                       /* @__PURE__ */ jsxs("div", { className: "flex items-center space-x-2", children: [
-                        /* @__PURE__ */ jsx(IconComponent, { className: `h-4 w-4 ${config.iconColor} flex-shrink-0`, strokeWidth: 2.5 }),
+                        idleTimeVlmEnabled ? /* @__PURE__ */ jsx(IconComponent, { className: `h-4 w-4 ${config.iconColor} flex-shrink-0`, strokeWidth: 2.5 }) : /* @__PURE__ */ jsx(Clock, { className: "h-4 w-4 text-purple-500 flex-shrink-0", strokeWidth: 2.5 }),
                         /* @__PURE__ */ jsx("div", { className: "flex-1 min-w-0", children: /* @__PURE__ */ jsxs("p", { className: "text-sm font-medium text-gray-900", children: [
                           timeString,
                           " - (",
@@ -38433,11 +38666,15 @@ var BottlenecksContent = ({
                           ")"
                         ] }) })
                       ] }),
-                      /* @__PURE__ */ jsx("div", { className: "pl-6", children: /* @__PURE__ */ jsx("span", { className: "inline-flex items-center px-2 py-0.5 rounded-md border text-xs font-medium bg-gray-50 text-gray-700 border-gray-200", children: (() => {
+                      /* @__PURE__ */ jsx("div", { className: "pl-6", children: idleTimeVlmEnabled ? /* @__PURE__ */ jsx("span", { className: "inline-flex items-center px-2 py-0.5 rounded-md border text-xs font-medium bg-gray-50 text-gray-700 border-gray-200", children: (() => {
                         const displayText = config.displayName || (rootCause ? formatDisplayLabel(rootCause) : "Analyzing...");
                         console.log(`[BottlenecksContent] Displaying label: "${displayText}" for clip ${clipId}`);
                         return displayText;
-                      })() }) })
+                      })() }) : (() => {
+                        const duration2 = clip.duration || 0;
+                        const isLong = duration2 > 300;
+                        return /* @__PURE__ */ jsx("span", { className: `inline-flex items-center px-2 py-0.5 rounded-md border text-xs font-bold ${isLong ? "bg-purple-50 text-purple-700 border-purple-200" : "bg-gray-50 text-gray-600 border-gray-200"}`, children: isLong ? "Long" : "Short" });
+                      })() })
                     ] });
                   })()
                 ) : (
@@ -38481,6 +38718,7 @@ var BottlenecksContent = ({
             snapshotClipId,
             targetCycleTime: workspaceTargetCycleTime,
             clipClassifications,
+            idleTimeVlmEnabled,
             onFilterChange: (filterId) => {
               updateActiveFilter(filterId);
               const category = categoriesToShow.find((cat) => cat.type === filterId);
@@ -38548,11 +38786,11 @@ var BottlenecksContent = ({
               if (!config) return null;
               const IconComponent = config.Icon;
               return /* @__PURE__ */ jsxs(Fragment, { children: [
-                /* @__PURE__ */ jsx("div", { className: "absolute top-4 left-4 z-50", children: /* @__PURE__ */ jsxs("div", { className: `inline-flex items-center gap-2 px-3 py-2 rounded-md border ${config.bgColor} ${config.borderColor} shadow-lg`, children: [
+                idleTimeVlmEnabled && /* @__PURE__ */ jsx("div", { className: "absolute top-4 left-4 z-50", children: /* @__PURE__ */ jsxs("div", { className: `inline-flex items-center gap-2 px-3 py-2 rounded-md border ${config.bgColor} ${config.borderColor} shadow-lg`, children: [
                   /* @__PURE__ */ jsx(IconComponent, { className: `h-4 w-4 ${config.iconColor}`, strokeWidth: 2.5 }),
                   /* @__PURE__ */ jsx("span", { className: `font-medium text-sm ${config.color}`, children: rootCause })
                 ] }) }),
-                confidence !== null && /* @__PURE__ */ jsx("div", { className: "absolute top-4 right-4 z-50", children: /* @__PURE__ */ jsx("div", { className: "inline-flex items-center gap-1.5 px-3 py-2 rounded-lg bg-black/70 backdrop-blur-sm shadow-lg border border-white/10", children: /* @__PURE__ */ jsxs("span", { className: "font-medium text-sm text-white", children: [
+                idleTimeVlmEnabled && confidence !== null && /* @__PURE__ */ jsx("div", { className: "absolute top-4 right-4 z-50", children: /* @__PURE__ */ jsx("div", { className: "inline-flex items-center gap-1.5 px-3 py-2 rounded-lg bg-black/70 backdrop-blur-sm shadow-lg border border-white/10", children: /* @__PURE__ */ jsxs("span", { className: "font-medium text-sm text-white", children: [
                   "AI Confidence: ",
                   (confidence * 100).toFixed(0),
                   "%"
@@ -38578,12 +38816,12 @@ var BottlenecksContent = ({
               if (!config) return null;
               const IconComponent = config.Icon;
               return /* @__PURE__ */ jsxs(Fragment, { children: [
-                confidence !== null && /* @__PURE__ */ jsx("div", { className: "absolute top-4 left-4 z-50", children: /* @__PURE__ */ jsx("div", { className: "inline-flex items-center gap-1.5 px-3 py-2 rounded-lg bg-black/70 backdrop-blur-sm shadow-lg border border-white/10", children: /* @__PURE__ */ jsxs("span", { className: "font-medium text-sm text-white", children: [
+                idleTimeVlmEnabled && confidence !== null && /* @__PURE__ */ jsx("div", { className: "absolute top-4 left-4 z-50", children: /* @__PURE__ */ jsx("div", { className: "inline-flex items-center gap-1.5 px-3 py-2 rounded-lg bg-black/70 backdrop-blur-sm shadow-lg border border-white/10", children: /* @__PURE__ */ jsxs("span", { className: "font-medium text-sm text-white", children: [
                   "AI Confidence: ",
                   (confidence * 100).toFixed(0),
                   "%"
                 ] }) }) }),
-                /* @__PURE__ */ jsx("div", { className: "absolute top-4 right-20 z-50", children: /* @__PURE__ */ jsxs("div", { className: `inline-flex items-center gap-2 px-3 py-2 rounded-md border ${config.bgColor} ${config.borderColor} shadow-lg`, children: [
+                idleTimeVlmEnabled && /* @__PURE__ */ jsx("div", { className: "absolute top-4 right-20 z-50", children: /* @__PURE__ */ jsxs("div", { className: `inline-flex items-center gap-2 px-3 py-2 rounded-md border ${config.bgColor} ${config.borderColor} shadow-lg`, children: [
                   /* @__PURE__ */ jsx(IconComponent, { className: `h-4 w-4 ${config.iconColor}`, strokeWidth: 2.5 }),
                   /* @__PURE__ */ jsx("span", { className: `font-medium text-sm ${config.color}`, children: rootCause })
                 ] }) })
@@ -40589,8 +40827,8 @@ var IdleTimeReasonChartComponent = ({
   isLoading = false,
   error = null
 }) => {
-  const [activeData, setActiveData] = React25__default.useState([]);
-  React25__default.useEffect(() => {
+  const [activeData, setActiveData] = React26__default.useState([]);
+  React26__default.useEffect(() => {
     if (activeData.length > 0) {
       setActiveData([]);
     }
@@ -40605,7 +40843,7 @@ var IdleTimeReasonChartComponent = ({
       setActiveData([]);
     }
   }, [data]);
-  React25__default.useEffect(() => {
+  React26__default.useEffect(() => {
     if (!data || data.length === 0) return;
     data.forEach((entry, index) => {
       if (entry.name.toLowerCase().includes("other")) {
@@ -40613,7 +40851,7 @@ var IdleTimeReasonChartComponent = ({
       }
     });
   }, [data]);
-  const pieKey = React25__default.useMemo(() => {
+  const pieKey = React26__default.useMemo(() => {
     return activeData.map((d) => `${d.name}-${d.value}`).join("|");
   }, [activeData]);
   if (isLoading) {
@@ -40703,7 +40941,7 @@ var IdleTimeReasonChartComponent = ({
     )
   ] });
 };
-var IdleTimeReasonChart = React25__default.memo(IdleTimeReasonChartComponent);
+var IdleTimeReasonChart = React26__default.memo(IdleTimeReasonChartComponent);
 IdleTimeReasonChart.displayName = "IdleTimeReasonChart";
 var IdleTimeReasonChart_default = IdleTimeReasonChart;
 var DEFAULT_PERFORMANCE_DATA = {
@@ -40769,6 +41007,8 @@ var LineMonthlyHistory = ({
   className
 }) => {
   const navigation = useNavigation();
+  const { isIdleTimeVlmEnabled } = useIdleTimeVlmConfig();
+  const idleTimeVlmEnabled = isIdleTimeVlmEnabled(lineId);
   const chartKey = useMemo(() => `${lineId}-${month}-${year}-${selectedShiftId}-${rangeStart}-${rangeEnd}`, [lineId, month, year, selectedShiftId, rangeStart, rangeEnd]);
   const monthBounds = useMemo(() => getMonthKeyBounds(year, month), [year, month]);
   const normalizedRange = useMemo(() => {
@@ -40794,7 +41034,7 @@ var LineMonthlyHistory = ({
     startDate,
     endDate,
     shiftId: selectedShiftId,
-    enabled: !!lineId
+    enabled: !!lineId && idleTimeVlmEnabled
   });
   const averages = (analysisMonthlyData || []).reduce(
     (acc, day) => {
@@ -41013,8 +41253,8 @@ var LineMonthlyHistory = ({
             ] })
           ] })
         ] }),
-        /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-2 sm:gap-3 lg:gap-4", children: [
-          /* @__PURE__ */ jsxs("div", { className: "bg-white rounded-lg sm:rounded-xl shadow-sm border border-gray-100 p-2 sm:p-3 lg:p-4 flex flex-col min-h-[160px] sm:min-h-[180px] lg:min-h-[220px]", children: [
+        /* @__PURE__ */ jsxs("div", { className: `grid grid-cols-1 ${idleTimeVlmEnabled ? "sm:grid-cols-2" : "sm:grid-cols-1"} gap-2 sm:gap-3 lg:gap-4`, children: [
+          idleTimeVlmEnabled && /* @__PURE__ */ jsxs("div", { className: "bg-white rounded-lg sm:rounded-xl shadow-sm border border-gray-100 p-2 sm:p-3 lg:p-4 flex flex-col min-h-[160px] sm:min-h-[180px] lg:min-h-[220px]", children: [
             /* @__PURE__ */ jsx("h3", { className: "text-xs sm:text-sm font-semibold text-gray-700 mb-0.5 sm:mb-1 text-center", children: "Idle time Breakdown" }),
             /* @__PURE__ */ jsx("div", { className: "flex-1 min-h-0 relative -ml-2 sm:-ml-4", children: /* @__PURE__ */ jsx(
               IdleTimeReasonChart,
@@ -42608,6 +42848,7 @@ var WorkspaceMonthlyHistory = ({
   month,
   year,
   workspaceId,
+  lineId,
   rangeStart,
   rangeEnd,
   timezone,
@@ -42647,6 +42888,8 @@ var WorkspaceMonthlyHistory = ({
   }, []);
   const startDate = normalizedRange.startKey;
   const endDate = normalizedRange.endKey;
+  const { isIdleTimeVlmEnabled } = useIdleTimeVlmConfig();
+  const idleTimeVlmEnabled = isIdleTimeVlmEnabled(lineId);
   const {
     chartData: idleReasonsChartData,
     isLoading: idleReasonsLoading,
@@ -42656,7 +42899,7 @@ var WorkspaceMonthlyHistory = ({
     startDate,
     endDate,
     shiftId: selectedShiftId,
-    enabled: analysisMonthlyData.length > 0
+    enabled: analysisMonthlyData.length > 0 && idleTimeVlmEnabled
   });
   const hasRealData = (shift) => {
     if (shift.hasData !== void 0) return shift.hasData;
@@ -42940,7 +43183,7 @@ var WorkspaceMonthlyHistory = ({
             ] })
           ] })
         ] }),
-        /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4", children: [
+        /* @__PURE__ */ jsxs("div", { className: `grid grid-cols-1 ${idleTimeVlmEnabled ? "sm:grid-cols-2" : "sm:grid-cols-1"} gap-4`, children: [
           /* @__PURE__ */ jsxs("div", { className: "bg-white rounded-lg shadow-sm border border-gray-100 p-4", children: [
             /* @__PURE__ */ jsx("h3", { className: "text-lg font-semibold text-gray-700 mb-3 text-center", children: "Time Utilization" }),
             pieChartData.length > 0 ? /* @__PURE__ */ jsxs("div", { className: "w-full h-[160px] flex items-center overflow-hidden", children: [
@@ -43016,7 +43259,7 @@ var WorkspaceMonthlyHistory = ({
               ] }) })
             ] }) : /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center h-[160px]", children: /* @__PURE__ */ jsx("p", { className: "text-xs text-gray-400", children: "No data available" }) })
           ] }),
-          /* @__PURE__ */ jsxs("div", { className: "bg-white rounded-lg shadow-sm border border-gray-100 p-4 h-full", children: [
+          idleTimeVlmEnabled && /* @__PURE__ */ jsxs("div", { className: "bg-white rounded-lg shadow-sm border border-gray-100 p-4 h-full", children: [
             /* @__PURE__ */ jsx("h3", { className: "text-lg font-semibold text-gray-700 mb-3 text-center", children: "Idle Time Breakdown" }),
             /* @__PURE__ */ jsx("div", { className: "h-[160px]", children: /* @__PURE__ */ jsx(
               IdleTimeReasonChart,
@@ -43820,7 +44063,7 @@ var arePropsEqual = (prevProps, nextProps) => {
   return prevProps.data.efficiency === nextProps.data.efficiency && prevProps.data.trend_score === nextProps.data.trend_score && prevProps.data.workspace_id === nextProps.data.workspace_id && prevProps.data.workspace_name === nextProps.data.workspace_name && prevProps.isBottleneck === nextProps.isBottleneck && prevProps.isLowEfficiency === nextProps.isLowEfficiency && prevProps.isVeryLowEfficiency === nextProps.isVeryLowEfficiency && prevLegend.green_min === nextLegend.green_min && prevLegend.green_max === nextLegend.green_max && prevLegend.yellow_min === nextLegend.yellow_min && prevLegend.yellow_max === nextLegend.yellow_max && prevLegend.red_min === nextLegend.red_min && prevLegend.red_max === nextLegend.red_max && prevLegend.critical_threshold === nextLegend.critical_threshold && // Position doesn't need deep equality check as it's generally static
   prevProps.position.id === nextProps.position.id;
 };
-var WorkspaceGridItem = React25__default.memo(({
+var WorkspaceGridItem = React26__default.memo(({
   data,
   position,
   isBottleneck = false,
@@ -43914,7 +44157,7 @@ var WorkspaceGridItem = React25__default.memo(({
   );
 }, arePropsEqual);
 WorkspaceGridItem.displayName = "WorkspaceGridItem";
-var WorkspaceGrid = React25__default.memo(({
+var WorkspaceGrid = React26__default.memo(({
   workspaces,
   isPdfMode = false,
   customWorkspacePositions,
@@ -44166,7 +44409,7 @@ var KPICard = ({
 }) => {
   useThemeConfig();
   const { formatNumber } = useFormatNumber();
-  const trendInfo = React25__default.useMemo(() => {
+  const trendInfo = React26__default.useMemo(() => {
     let trendValue = trend || "neutral";
     if (change !== void 0 && trend === void 0) {
       trendValue = change > 0 ? "up" : change < 0 ? "down" : "neutral";
@@ -44189,7 +44432,7 @@ var KPICard = ({
     const shouldShowTrend = !(change === 0 && trend === void 0);
     return { trendValue, Icon: Icon2, colorClass, shouldShowTrend };
   }, [trend, change]);
-  const formattedValue = React25__default.useMemo(() => {
+  const formattedValue = React26__default.useMemo(() => {
     if (title === "Quality Compliance" && typeof value === "number") {
       return value.toFixed(1);
     }
@@ -44203,7 +44446,7 @@ var KPICard = ({
     }
     return value;
   }, [value, title]);
-  const formattedChange = React25__default.useMemo(() => {
+  const formattedChange = React26__default.useMemo(() => {
     if (change === void 0 || change === 0) return null;
     const absChange = Math.abs(change);
     return formatNumber(absChange, { minimumFractionDigits: 0, maximumFractionDigits: 1 });
@@ -45651,7 +45894,7 @@ var Breadcrumbs = ({ items }) => {
       }
     }
   };
-  return /* @__PURE__ */ jsx("nav", { "aria-label": "Breadcrumb", className: "mb-1 flex items-center space-x-1 text-xs font-medium text-gray-500 dark:text-gray-400", children: items.map((item, index) => /* @__PURE__ */ jsxs(React25__default.Fragment, { children: [
+  return /* @__PURE__ */ jsx("nav", { "aria-label": "Breadcrumb", className: "mb-1 flex items-center space-x-1 text-xs font-medium text-gray-500 dark:text-gray-400", children: items.map((item, index) => /* @__PURE__ */ jsxs(React26__default.Fragment, { children: [
     index > 0 && /* @__PURE__ */ jsx(ChevronRight, { className: "h-3 w-3 text-gray-400 dark:text-gray-500" }),
     /* @__PURE__ */ jsxs(
       "span",
@@ -46762,7 +47005,7 @@ var AwardBadge = ({
 }) => {
   const styles2 = getBadgeStyles(type);
   const Icon2 = CustomIcon || getDefaultIcon(type);
-  const randomDelay = React25__default.useMemo(() => Math.random() * 2, []);
+  const randomDelay = React26__default.useMemo(() => Math.random() * 2, []);
   const floatingAnimation = {
     animate: {
       y: [0, -10, 0],
@@ -52957,7 +53200,7 @@ function HomeView({
                 animate: { opacity: 1, scale: 1 },
                 transition: { duration: 0.3 },
                 className: "h-full",
-                children: React25__default.createElement(WorkspaceGrid, {
+                children: React26__default.createElement(WorkspaceGrid, {
                   workspaces: workspaceMetrics,
                   lineNames,
                   factoryView: factoryViewId,
@@ -52988,7 +53231,7 @@ function HomeView({
                 animate: { opacity: 1, scale: 1 },
                 transition: { duration: 0.3 },
                 className: "h-full",
-                children: React25__default.createElement(WorkspaceGrid, {
+                children: React26__default.createElement(WorkspaceGrid, {
                   workspaces: [],
                   // Show empty grid while loading
                   lineNames,
@@ -53055,7 +53298,7 @@ function HomeView({
     }
   );
 }
-var AuthenticatedHomeView = withAuth(React25__default.memo(HomeView));
+var AuthenticatedHomeView = withAuth(React26__default.memo(HomeView));
 var HomeView_default = HomeView;
 function withWorkspaceDisplayNames(Component3, options = {}) {
   const {
@@ -53516,14 +53759,14 @@ var formatLocalDate = (date) => {
   };
   return date.toLocaleDateString("en-US", options);
 };
-var MetricCards = memo$1(({ lineInfo, idleTimeData }) => {
+var MetricCards = memo$1(({ lineInfo, idleTimeData, showIdleTime }) => {
   return /* @__PURE__ */ jsxs(
     motion.div,
     {
       variants: containerVariants,
       initial: "initial",
       animate: "animate",
-      className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-3 sm:gap-4 mb-2 md:h-[35vh] h-auto",
+      className: `grid grid-cols-1 sm:grid-cols-2 ${showIdleTime ? "lg:grid-cols-4" : "lg:grid-cols-3"} gap-3 sm:gap-4 mb-2 md:h-[35vh] h-auto`,
       children: [
         /* @__PURE__ */ jsxs(motion.div, { variants: itemVariants, className: "bg-white rounded-xl shadow-sm p-3 sm:p-4 overflow-hidden h-[240px] sm:h-[260px] md:h-auto", children: [
           /* @__PURE__ */ jsx("h2", { className: "text-sm sm:text-base font-semibold text-gray-700 mb-2 text-center", children: "Line Output" }),
@@ -53552,7 +53795,7 @@ var MetricCards = memo$1(({ lineInfo, idleTimeData }) => {
             "%"
           ] }) })
         ] }),
-        /* @__PURE__ */ jsxs(motion.div, { variants: itemVariants, className: "bg-white rounded-xl shadow-sm p-3 sm:p-4 overflow-hidden h-[240px] sm:h-[260px] md:h-auto", children: [
+        showIdleTime && /* @__PURE__ */ jsxs(motion.div, { variants: itemVariants, className: "bg-white rounded-xl shadow-sm p-3 sm:p-4 overflow-hidden h-[240px] sm:h-[260px] md:h-auto", children: [
           /* @__PURE__ */ jsx("h2", { className: "text-sm sm:text-base font-semibold text-gray-700 text-center mb-2", children: "Idle Time Breakdown" }),
           /* @__PURE__ */ jsx("div", { className: "h-[calc(100%-2.5rem)]", children: /* @__PURE__ */ jsx(
             IdleTimeReasonChart,
@@ -53568,6 +53811,7 @@ var MetricCards = memo$1(({ lineInfo, idleTimeData }) => {
   );
 }, (prevProps, nextProps) => {
   if (!prevProps.lineInfo || !nextProps.lineInfo) return prevProps.lineInfo === nextProps.lineInfo;
+  if (prevProps.showIdleTime !== nextProps.showIdleTime) return false;
   const prevMetrics = prevProps.lineInfo.metrics;
   const nextMetrics = nextProps.lineInfo.metrics;
   const idleTimeChanged = prevProps.idleTimeData?.isLoading !== nextProps.idleTimeData?.isLoading || prevProps.idleTimeData?.error !== nextProps.idleTimeData?.error || prevProps.idleTimeData?.chartData?.length !== nextProps.idleTimeData?.chartData?.length;
@@ -53707,7 +53951,7 @@ var BottomSection = memo$1(({
         ] }),
         /* @__PURE__ */ jsxs(motion.div, { variants: itemVariants, className: "lg:col-span-3 bg-white rounded-xl shadow-sm p-3 sm:p-4 flex flex-col overflow-hidden h-[350px] sm:h-[400px] md:h-auto", children: [
           /* @__PURE__ */ jsx("h2", { className: "text-base sm:text-lg font-semibold text-gray-700 mb-2 text-center", children: "Hourly Line Output" }),
-          /* @__PURE__ */ jsx("div", { className: "flex-1 min-h-[280px] sm:min-h-[300px] md:min-h-[400px] pb-6 sm:pb-8 md:pb-16", children: lineInfo && /* @__PURE__ */ jsx(
+          /* @__PURE__ */ jsx("div", { className: "flex-1 min-h-[280px] sm:min-h-[300px] md:min-h-[400px]", children: lineInfo && /* @__PURE__ */ jsx(
             HourlyOutputChart2,
             {
               data: hourlyOutputData,
@@ -53839,6 +54083,8 @@ var KPIDetailView = ({
   const supervisorEnabled = dashboardConfig?.supervisorConfig?.enabled || false;
   const { supervisorName, supervisors } = useLineSupervisor(lineId);
   const { displayNames: workspaceDisplayNames } = useWorkspaceDisplayNames(lineId, companyId);
+  const { isIdleTimeVlmEnabled } = useIdleTimeVlmConfig();
+  const idleTimeVlmEnabled = isIdleTimeVlmEnabled(lineId);
   useEffect(() => {
     if (urlDate || urlShift !== void 0) {
       setActiveTab("overview");
@@ -53904,7 +54150,7 @@ var KPIDetailView = ({
   });
   const idleTimeDate = historicalRouteRequested ? historicalParamsReady ? urlDate : void 0 : typeof urlDate === "string" ? urlDate : metrics2?.date || cachedLineInfo?.date;
   const idleTimeShiftId = historicalRouteRequested ? historicalParamsReady ? parsedShiftId : void 0 : parsedShiftId ?? metrics2?.shift_id ?? cachedLineInfo?.shift_id;
-  const idleTimeEnabled = activeTab === "overview" && !!lineId && !!idleTimeDate && idleTimeShiftId !== void 0 && (!historicalRouteRequested || historicalParamsReady);
+  const idleTimeEnabled = activeTab === "overview" && !!lineId && idleTimeVlmEnabled && !!idleTimeDate && idleTimeShiftId !== void 0 && (!historicalRouteRequested || historicalParamsReady);
   const {
     chartData: idleTimeChartData,
     isLoading: idleTimeLoading,
@@ -54633,7 +54879,7 @@ var KPIDetailView = ({
         exit: "exit",
         className: "space-y-6 md:space-y-0",
         children: resolvedLineInfo && /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx(MetricCards, { lineInfo: resolvedLineInfo, idleTimeData }),
+          /* @__PURE__ */ jsx(MetricCards, { lineInfo: resolvedLineInfo, idleTimeData, showIdleTime: idleTimeVlmEnabled }),
           /* @__PURE__ */ jsx(
             BottomSection,
             {
@@ -54691,7 +54937,7 @@ var KPIDetailView = ({
         exit: "exit",
         className: "space-y-6 md:space-y-0",
         children: resolvedLineInfo && /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx(MetricCards, { lineInfo: resolvedLineInfo, idleTimeData }),
+          /* @__PURE__ */ jsx(MetricCards, { lineInfo: resolvedLineInfo, idleTimeData, showIdleTime: idleTimeVlmEnabled }),
           /* @__PURE__ */ jsx(
             BottomSection,
             {
@@ -54792,6 +55038,7 @@ var LeaderboardCountdown = ({ targetDate, format: format7, finishedLabel = "Fini
 var LinesLeaderboard = ({
   lines,
   onLineClick,
+  assignedLineIds,
   timeRange,
   setTimeRange,
   todayEfficiencyByLineId,
@@ -54804,7 +55051,18 @@ var LinesLeaderboard = ({
   monthEndDate
 }) => {
   const formatEfficiency = (value) => typeof value === "number" && Number.isFinite(value) ? `${value.toFixed(1)}%` : "--";
-  const handleTimeRangeChange = React25__default.useCallback((newRange) => {
+  const assignedLineIdSet = React26__default.useMemo(
+    () => new Set(assignedLineIds || []),
+    [assignedLineIds]
+  );
+  const canClickLine = React26__default.useCallback(
+    (lineId) => {
+      if (!assignedLineIds) return true;
+      return assignedLineIdSet.has(lineId);
+    },
+    [assignedLineIds, assignedLineIdSet]
+  );
+  const handleTimeRangeChange = React26__default.useCallback((newRange) => {
     if (newRange === timeRange) return;
     trackCoreEvent("Leaderboard Time Range Changed", {
       from_range: timeRange,
@@ -54815,7 +55073,8 @@ var LinesLeaderboard = ({
     });
     setTimeRange(newRange);
   }, [timeRange, lines.length, monthlyEfficiencyByLineId, setTimeRange]);
-  const handleLeaderboardLineClick = React25__default.useCallback((item, clickSource) => {
+  const handleLeaderboardLineClick = React26__default.useCallback((item, clickSource) => {
+    if (!canClickLine(item.line.id)) return;
     trackCoreEvent("Leaderboard Line Clicked", {
       line_id: item.line.id,
       line_name: item.line.line_name,
@@ -54827,9 +55086,9 @@ var LinesLeaderboard = ({
       supervisor_name: item.supervisorName || "Unassigned"
     });
     onLineClick(item.line);
-  }, [onLineClick, timeRange]);
-  const viewLoadedTrackedRef = React25__default.useRef(null);
-  const leaderboardData = React25__default.useMemo(() => {
+  }, [canClickLine, onLineClick, timeRange]);
+  const viewLoadedTrackedRef = React26__default.useRef(null);
+  const leaderboardData = React26__default.useMemo(() => {
     const loading = timeRange === "today" ? isLoadingToday : isLoadingMonthly;
     const efficiencyMap = timeRange === "today" ? todayEfficiencyByLineId : monthlyEfficiencyByLineId;
     return lines.map((line) => {
@@ -54838,7 +55097,7 @@ var LinesLeaderboard = ({
       const supervisorName = supervisorNamesByLineId.get(line.id) || primarySupervisor?.displayName || "Unassigned";
       const supervisorImage = primarySupervisor?.profilePhotoUrl || null;
       const hasEfficiency = efficiencyMap.has(line.id);
-      const efficiency = loading ? null : hasEfficiency ? efficiencyMap.get(line.id) ?? 0 : timeRange === "monthly" ? 0 : null;
+      const efficiency = hasEfficiency ? efficiencyMap.get(line.id) ?? 0 : loading ? null : timeRange === "monthly" ? 0 : null;
       const sortValue = typeof efficiency === "number" ? efficiency : -1;
       return {
         id: line.id,
@@ -54860,7 +55119,7 @@ var LinesLeaderboard = ({
     isLoadingToday,
     isLoadingMonthly
   ]);
-  React25__default.useEffect(() => {
+  React26__default.useEffect(() => {
     const isLoading = timeRange === "today" ? isLoadingToday : isLoadingMonthly;
     const trackingKey = `${timeRange}-${leaderboardData.length}`;
     if (leaderboardData.length > 0 && !isLoading && viewLoadedTrackedRef.current !== trackingKey) {
@@ -54886,7 +55145,7 @@ var LinesLeaderboard = ({
   const countdownTarget = timeRange === "monthly" ? monthEndDate : shiftEndDate;
   const countdownFormat = timeRange === "monthly" ? "days" : "clock";
   const countdownFinishedLabel = timeRange === "monthly" ? "Finished" : "Shift Ended";
-  const handleCountdownFinished = React25__default.useCallback(() => {
+  const handleCountdownFinished = React26__default.useCallback(() => {
     trackCoreEvent("Leaderboard Countdown Finished", {
       countdown_type: timeRange === "monthly" ? "month_end" : "shift_end",
       time_range: timeRange,
@@ -54913,7 +55172,7 @@ var LinesLeaderboard = ({
         return "bg-white border-gray-100";
     }
   };
-  React25__default.useEffect(() => {
+  React26__default.useEffect(() => {
     const style = document.createElement("style");
     style.innerHTML = `
       @keyframes float {
@@ -54981,11 +55240,12 @@ var LinesLeaderboard = ({
         const isFirst = item.rank === 1;
         const isSecond = item.rank === 2;
         item.rank === 3;
+        const isClickable = canClickLine(item.line.id);
         return /* @__PURE__ */ jsxs(
           "div",
           {
             onClick: () => handleLeaderboardLineClick(item, "podium"),
-            className: `relative flex flex-col items-center cursor-pointer z-10 transition-transform hover:scale-105`,
+            className: `relative flex flex-col items-center z-10 transition-transform ${isClickable ? "cursor-pointer hover:scale-105" : "cursor-not-allowed"}`,
             children: [
               /* @__PURE__ */ jsxs("div", { className: `relative -mb-4 z-20 ${isFirst ? "animate-float-slow" : isSecond ? "animate-float-medium" : "animate-float-fast"}`, children: [
                 /* @__PURE__ */ jsx("div", { className: `absolute inset-0 rounded-full blur-xl opacity-40 ${isFirst ? "bg-yellow-400" : isSecond ? "bg-gray-400" : "bg-orange-400"}` }),
@@ -55046,11 +55306,12 @@ var LinesLeaderboard = ({
       ] }) }),
       /* @__PURE__ */ jsx("tbody", { className: "divide-y divide-gray-100", children: leaderboardData.map((item) => {
         const isTopThree = item.rank <= 3;
+        const isClickable = canClickLine(item.line.id);
         return /* @__PURE__ */ jsxs(
           "tr",
           {
             onClick: () => handleLeaderboardLineClick(item, isTopThree ? "podium" : "table"),
-            className: `hover:bg-gray-50 transition-colors cursor-pointer group ${isTopThree ? "sm:hidden" : ""}`,
+            className: `transition-colors ${isTopThree ? "sm:hidden" : ""} ${isClickable ? "hover:bg-gray-50 cursor-pointer group" : "cursor-not-allowed"}`,
             children: [
               /* @__PURE__ */ jsx("td", { className: "px-4 py-3 whitespace-nowrap", children: /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center w-8 h-8 rounded-full bg-gray-100 text-gray-600 font-bold text-sm", children: item.rank }) }),
               /* @__PURE__ */ jsx("td", { className: "px-4 py-3 whitespace-nowrap", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
@@ -55097,7 +55358,7 @@ var LineCard = ({
   supervisorName,
   supervisors
 }) => {
-  const isOnTrack = React25__default.useMemo(() => {
+  const isOnTrack = React26__default.useMemo(() => {
     if (!kpis) return null;
     return kpis.efficiency.value > 90;
   }, [kpis]);
@@ -55245,6 +55506,7 @@ var KPIsOverviewView = ({
   lineIds
 }) => {
   const [lines, setLines] = useState([]);
+  const [leaderboardLines, setLeaderboardLines] = useState([]);
   const [activeTab, setActiveTab] = useState("today");
   const [timeRange, setTimeRange] = useState("today");
   const [loading, setLoading] = useState(true);
@@ -55260,11 +55522,16 @@ var KPIsOverviewView = ({
   });
   const [topPerformerLoading, setTopPerformerLoading] = useState(true);
   const [topPerformerImageError, setTopPerformerImageError] = useState(false);
+  const [todayEfficiencyByLineId, setTodayEfficiencyByLineId] = useState(/* @__PURE__ */ new Map());
+  const [dailyLoading, setDailyLoading] = useState(false);
+  const [dailyError, setDailyError] = useState(null);
   const [monthlyEfficiencyByLineId, setMonthlyEfficiencyByLineId] = useState(/* @__PURE__ */ new Map());
   const [monthlyLoading, setMonthlyLoading] = useState(false);
   const [monthlyError, setMonthlyError] = useState(null);
+  const dailyRequestKeyRef = useRef(null);
   const monthlyRequestKeyRef = useRef(null);
   const supabase = useSupabase();
+  const { user } = useAuth();
   const dashboardConfig = useDashboardConfig();
   const entityConfig = useEntityConfig();
   const configCompanyId = (dashboardConfig && typeof dashboardConfig === "object" && "company" in dashboardConfig ? dashboardConfig.company?.id : void 0) || dashboardConfig.customConfig?.companyId || dashboardConfig.customConfig?.company_id;
@@ -55279,6 +55546,16 @@ var KPIsOverviewView = ({
   const dbTimezone = useAppTimezone();
   const configuredTimezone = dbTimezone || dateTimeConfig.defaultTimezone || "UTC";
   const { startDate: monthStartDate, endDate: monthEndDateKey, monthEndDate } = getMonthDateInfo(configuredTimezone);
+  const isSupervisor = user?.role_level === "supervisor";
+  const assignedLineIdsForLeaderboard = isSupervisor ? lineIds : void 0;
+  const currentShiftDetails = getCurrentShift(configuredTimezone, shiftConfig);
+  const currentShiftDate = currentShiftDetails.date;
+  const currentShiftId = currentShiftDetails.shiftId;
+  const shiftEndDate = React26__default.useMemo(
+    () => getShiftEndDate(currentShiftDetails, configuredTimezone),
+    [currentShiftDetails, configuredTimezone]
+  );
+  const shiftName = (currentShiftDetails.shiftName || "Day").replace(/ Shift$/i, "");
   const factoryViewId = entityConfig.factoryViewId || "factory";
   const {
     lineMetrics,
@@ -55288,27 +55565,22 @@ var KPIsOverviewView = ({
     lineId: factoryViewId,
     userAccessibleLineIds: lineIds
   });
-  const defaultKPIs = React25__default.useMemo(() => createDefaultKPIs(), []);
-  const kpisByLineId = React25__default.useMemo(() => {
+  const defaultKPIs = React26__default.useMemo(() => createDefaultKPIs(), []);
+  const kpisByLineId = React26__default.useMemo(() => {
     const map = /* @__PURE__ */ new Map();
     lineMetrics.forEach((row) => {
       if (row?.line_id) map.set(row.line_id, buildKPIsFromLineMetricsRow(row));
     });
     return map;
   }, [lineMetrics]);
-  const todayEfficiencyByLineId = React25__default.useMemo(() => {
-    const map = /* @__PURE__ */ new Map();
-    kpisByLineId.forEach((kpis, lineId) => {
-      const value = kpis?.efficiency?.value;
-      if (typeof value === "number" && Number.isFinite(value)) {
-        map.set(lineId, value);
-      }
-    });
-    return map;
-  }, [kpisByLineId]);
-  const visibleLineIds = React25__default.useMemo(() => lines.map((l) => l.id), [lines]);
-  const { supervisorNamesByLineId, supervisorsByLineId, allSupervisorsMap } = useSupervisorsByLineIds(visibleLineIds, {
-    enabled: supervisorEnabled && visibleLineIds.length > 0
+  const supervisorLineIds = React26__default.useMemo(
+    () => (leaderboardLines.length > 0 ? leaderboardLines : lines).map((l) => l.id),
+    [leaderboardLines, lines]
+  );
+  const { supervisorNamesByLineId, supervisorsByLineId, allSupervisorsMap } = useSupervisorsByLineIds(supervisorLineIds, {
+    enabled: supervisorEnabled && supervisorLineIds.length > 0,
+    companyId: resolvedCompanyId,
+    useBackend: true
   });
   useEffect(() => {
     let isMounted = true;
@@ -55369,9 +55641,41 @@ var KPIsOverviewView = ({
     };
     fetchLines();
   }, [supabase, dashboardConfig, lineIds]);
+  useEffect(() => {
+    let isMounted = true;
+    const fetchLeaderboardLines = async () => {
+      if (!supabase || !resolvedCompanyId) {
+        setLeaderboardLines(lines);
+        return;
+      }
+      try {
+        const linesService2 = new LinesService(supabase);
+        const companyLines = await linesService2.getLinesByCompanyId(resolvedCompanyId);
+        if (!isMounted) return;
+        const transformed = companyLines.map((line) => ({
+          id: line.id,
+          line_name: line.name,
+          factory_id: line.factoryId || "",
+          factory_name: "N/A",
+          company_id: line.companyId,
+          company_name: "",
+          enable: line.isActive ?? true
+        }));
+        setLeaderboardLines(transformed);
+      } catch (err) {
+        console.error("[KPIsOverviewView] Failed to load leaderboard lines:", err);
+        if (!isMounted) return;
+        setLeaderboardLines(lines);
+      }
+    };
+    fetchLeaderboardLines();
+    return () => {
+      isMounted = false;
+    };
+  }, [supabase, resolvedCompanyId, lines]);
   const fetchMonthlyLeaderboard = useCallback(async () => {
-    if (!supabase || !resolvedCompanyId || lines.length === 0) return;
-    const targetLineIds = lines.map((line) => line.id);
+    if (!supabase || !resolvedCompanyId || leaderboardLines.length === 0) return;
+    const targetLineIds = leaderboardLines.map((line) => line.id);
     const lineIdsKey = targetLineIds.slice().sort().join(",");
     const requestKey = `${resolvedCompanyId}|${monthStartDate}|${monthEndDateKey}|${lineIdsKey}`;
     if (monthlyRequestKeyRef.current === requestKey) return;
@@ -55385,8 +55689,7 @@ var KPIsOverviewView = ({
       const entries = await lineLeaderboardService.getLineLeaderboard(supabase, {
         companyId: resolvedCompanyId,
         startDate: monthStartDate,
-        endDate: monthEndDateKey,
-        lineIds: targetLineIds
+        endDate: monthEndDateKey
       });
       const nextMap = /* @__PURE__ */ new Map();
       targetLineIds.forEach((lineId) => nextMap.set(lineId, 0));
@@ -55419,11 +55722,47 @@ var KPIsOverviewView = ({
     } finally {
       setMonthlyLoading(false);
     }
-  }, [supabase, resolvedCompanyId, lines, monthStartDate, monthEndDateKey]);
+  }, [supabase, resolvedCompanyId, leaderboardLines, monthStartDate, monthEndDateKey]);
+  const fetchDailyLeaderboard = useCallback(async () => {
+    if (!supabase || !resolvedCompanyId || leaderboardLines.length === 0) return;
+    if (!currentShiftDate) return;
+    const targetLineIds = leaderboardLines.map((line) => line.id);
+    const lineIdsKey = targetLineIds.slice().sort().join(",");
+    const requestKey = `${resolvedCompanyId}|${currentShiftDate}|${currentShiftId}|${lineIdsKey}`;
+    if (dailyRequestKeyRef.current === requestKey) return;
+    dailyRequestKeyRef.current = requestKey;
+    setDailyLoading(true);
+    setDailyError(null);
+    try {
+      const entries = await lineLeaderboardService.getDailyLineLeaderboard(supabase, {
+        companyId: resolvedCompanyId,
+        date: currentShiftDate,
+        shiftId: currentShiftId
+      });
+      const nextMap = /* @__PURE__ */ new Map();
+      entries.forEach((entry) => {
+        const value = Number(entry.avg_efficiency);
+        if (Number.isFinite(value)) {
+          nextMap.set(entry.line_id, value);
+        }
+      });
+      setTodayEfficiencyByLineId(nextMap);
+    } catch (err) {
+      console.error("[KPIsOverviewView] Failed to load daily leaderboard:", err);
+      setDailyError("Failed to load daily leaderboard");
+      dailyRequestKeyRef.current = null;
+    } finally {
+      setDailyLoading(false);
+    }
+  }, [supabase, resolvedCompanyId, leaderboardLines, currentShiftDate, currentShiftId]);
   useEffect(() => {
     if (activeTab !== "leaderboard") return;
     fetchMonthlyLeaderboard();
   }, [activeTab, timeRange, fetchMonthlyLeaderboard]);
+  useEffect(() => {
+    if (activeTab !== "leaderboard" || timeRange !== "today") return;
+    fetchDailyLeaderboard();
+  }, [activeTab, timeRange, fetchDailyLeaderboard]);
   const formatTopPerformerWeek = (periodStart, periodEnd) => {
     if (!periodStart || !periodEnd) return "Last Week";
     const startDate = /* @__PURE__ */ new Date(`${periodStart}T00:00:00`);
@@ -55519,14 +55858,15 @@ var KPIsOverviewView = ({
   }, [onBackClick, backLinkUrl, navigation]);
   const handleTabChange = useCallback((newTab) => {
     if (newTab === activeTab) return;
+    const trackedLineCount = newTab === "leaderboard" ? leaderboardLines.length : lines.length;
     trackCoreEvent("Leaderboard Tab Switched", {
       from_tab: activeTab,
       to_tab: newTab,
       from_page: "kpis_overview",
-      lines_count: lines.length
+      lines_count: trackedLineCount
     });
     setActiveTab(newTab);
-  }, [activeTab, lines.length]);
+  }, [activeTab, leaderboardLines.length, lines.length]);
   const formatLocalDate2 = (date) => {
     const options = {
       year: "numeric",
@@ -55544,12 +55884,6 @@ var KPIsOverviewView = ({
     return `${startLabel} - ${endLabel}, ${now4.getFullYear()}`;
   };
   const isMonthlyMode = activeTab === "leaderboard" && timeRange === "monthly";
-  const currentShiftDetails = getCurrentShift(configuredTimezone, shiftConfig);
-  const shiftEndDate = React25__default.useMemo(
-    () => getShiftEndDate(currentShiftDetails, configuredTimezone),
-    [currentShiftDetails, configuredTimezone]
-  );
-  const shiftName = (currentShiftDetails.shiftName || "Day").replace(/ Shift$/i, "");
   const showTopPerformerImage = Boolean(topPerformer.imageUrl) && !topPerformerImageError;
   typeof topPerformer.efficiency === "number" && Number.isFinite(topPerformer.efficiency);
   topPerformerLoading ? "--" : typeof topPerformer.efficiency === "number" && Number.isFinite(topPerformer.efficiency) ? `${topPerformer.efficiency.toFixed(1)}%` : "--";
@@ -55902,15 +56236,16 @@ var KPIsOverviewView = ({
       /* @__PURE__ */ jsx("div", { className: "w-full h-full", children: /* @__PURE__ */ jsx(
         LinesLeaderboard,
         {
-          lines,
+          lines: leaderboardLines,
           onLineClick: (line) => handleLineClick(line),
+          assignedLineIds: assignedLineIdsForLeaderboard,
           timeRange,
           setTimeRange,
           todayEfficiencyByLineId,
           monthlyEfficiencyByLineId,
           supervisorsByLineId,
           supervisorNamesByLineId,
-          isLoadingToday: metricsLoading,
+          isLoadingToday: dailyLoading,
           isLoadingMonthly: monthlyLoading,
           shiftEndDate,
           monthEndDate
@@ -55924,6 +56259,15 @@ var IsolatedTimer = memo$1(() => {
   return /* @__PURE__ */ jsx(ISTTimer_default, {});
 });
 IsolatedTimer.displayName = "IsolatedTimer";
+var AnimatedEfficiency = memo$1(({ value }) => {
+  return /* @__PURE__ */ jsxs("span", { className: "tabular-nums", children: [
+    value.toFixed(1),
+    "%"
+  ] });
+}, (prevProps, nextProps) => {
+  return prevProps.value === nextProps.value;
+});
+AnimatedEfficiency.displayName = "AnimatedEfficiency";
 var HeaderRibbon = memo$1(({
   currentDate,
   currentMobileDate,
@@ -55974,14 +56318,16 @@ var MobileWorkspaceCard = memo$1(({
   onWorkspaceClick,
   getMedalIcon
 }) => /* @__PURE__ */ jsx(
-  "div",
+  motion.div,
   {
-    onClick: () => onWorkspaceClick(workspace, rank),
-    className: `${cardClass} p-3 rounded-lg border shadow-sm active:scale-[0.98] transition-all duration-300 cursor-pointer`,
-    style: {
-      willChange: "opacity, transform",
-      animation: "fadeIn 0.3s ease-in-out"
+    layout: true,
+    layoutId: `mobile-${workspace.workspace_uuid}`,
+    initial: false,
+    transition: {
+      layout: { duration: 0.3, ease: "easeInOut" }
     },
+    onClick: () => onWorkspaceClick(workspace, rank),
+    className: `${cardClass} p-3 rounded-lg border shadow-sm active:scale-[0.98] cursor-pointer`,
     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: [
@@ -55997,16 +56343,13 @@ var MobileWorkspaceCard = memo$1(({
         ] })
       ] }),
       /* @__PURE__ */ jsxs("div", { className: "text-right", children: [
-        /* @__PURE__ */ jsxs("div", { className: "text-lg font-bold text-gray-900", children: [
-          (workspace.efficiency || 0).toFixed(1),
-          "%"
-        ] }),
+        /* @__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: "Efficiency" })
       ] })
     ] })
   }
 ), (prevProps, nextProps) => {
-  return prevProps.rank === nextProps.rank && prevProps.cardClass === nextProps.cardClass && 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 && prevProps.onWorkspaceClick === nextProps.onWorkspaceClick && prevProps.getMedalIcon === nextProps.getMedalIcon;
+  return prevProps.rank === nextProps.rank && prevProps.cardClass === nextProps.cardClass && 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;
 });
 MobileWorkspaceCard.displayName = "MobileWorkspaceCard";
 var DesktopWorkspaceRow = memo$1(({
@@ -56016,14 +56359,14 @@ var DesktopWorkspaceRow = memo$1(({
   onWorkspaceClick,
   getMedalIcon
 }) => /* @__PURE__ */ jsxs(
-  "tr",
+  motion.tr,
   {
+    layout: true,
+    layoutId: `row-${workspace.workspace_uuid}`,
+    initial: false,
+    transition: { layout: { duration: 0.3, ease: "easeInOut" } },
     onClick: () => onWorkspaceClick(workspace, index + 1),
-    className: `${rowClass} hover:bg-gray-50/90 transition-all duration-300 cursor-pointer group`,
-    style: {
-      willChange: "opacity, background-color",
-      animation: "fadeIn 0.3s ease-in-out"
-    },
+    className: `${rowClass} hover:bg-gray-50/90 transition-colors duration-150 cursor-pointer group`,
     children: [
       /* @__PURE__ */ jsx("td", { className: "px-3 py-2.5 sm:p-4 text-sm sm:text-base whitespace-nowrap group-hover:font-medium", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
         /* @__PURE__ */ jsx("span", { children: index + 1 }),
@@ -56031,14 +56374,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__ */ jsxs("td", { className: "px-3 py-2.5 sm:p-4 text-sm sm:text-base font-medium whitespace-nowrap", children: [
-        (workspace.efficiency || 0).toFixed(1),
-        "%"
-      ] })
+      /* @__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 }) })
     ]
   }
 ), (prevProps, nextProps) => {
-  return prevProps.index === nextProps.index && prevProps.rowClass === nextProps.rowClass && 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 && prevProps.onWorkspaceClick === nextProps.onWorkspaceClick && prevProps.getMedalIcon === nextProps.getMedalIcon;
+  return prevProps.index === nextProps.index && prevProps.rowClass === nextProps.rowClass && 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;
 });
 DesktopWorkspaceRow.displayName = "DesktopWorkspaceRow";
 var LeaderboardDetailView = memo$1(({
@@ -56133,6 +56473,10 @@ var LeaderboardDetailView = memo$1(({
   const filterRef = useRef(null);
   const filterButtonRef = useRef(null);
   const mobileFilterButtonRef = useRef(null);
+  const workspacesLengthRef = useRef(0);
+  const handleWorkspaceClickRef = useRef(() => {
+  });
+  const getMedalIconRef = useRef(() => null);
   useEffect(() => {
     const handleClickOutside = (event) => {
       const target = event.target;
@@ -56147,7 +56491,7 @@ var LeaderboardDetailView = memo$1(({
     return () => document.removeEventListener("mousedown", handleClickOutside);
   }, []);
   const [isMobile, setIsMobile] = useState(false);
-  React25__default.useEffect(() => {
+  React26__default.useEffect(() => {
     const checkMobile = () => setIsMobile(window.innerWidth < 640);
     checkMobile();
     window.addEventListener("resize", checkMobile);
@@ -56541,7 +56885,7 @@ var LeaderboardDetailView = memo$1(({
     () => activeTab === "monthly" ? monthlyEntries : todayEntries,
     [activeTab, monthlyEntries, todayEntries]
   );
-  const workspacesLength = useMemo(() => activeEntries.length || 0, [activeEntries]);
+  useMemo(() => activeEntries.length || 0, [activeEntries]);
   const monthlyRangeText = useMemo(() => {
     const startDate = new Date(normalizedRange.startKey);
     const endDate = new Date(normalizedRange.endKey);
@@ -56552,7 +56896,8 @@ var LeaderboardDetailView = memo$1(({
       workspace_name: workspace.workspace_name,
       workspace_id: workspace.workspace_uuid,
       rank,
-      total_workspaces: workspacesLength,
+      total_workspaces: workspacesLengthRef.current,
+      // Use ref instead of state to avoid dependency
       efficiency: workspace.efficiency,
       action_count: workspace.action_count,
       action_threshold: workspace.action_threshold
@@ -56579,7 +56924,22 @@ var LeaderboardDetailView = memo$1(({
       const combinedParams = navParams ? `${navParams}&${contextParamString}` : `?${contextParamString}`;
       navigation.navigate(`/workspace/${workspace.workspace_uuid}${combinedParams}`);
     }
-  }, [onWorkspaceClick, navigation, workspacesLength, date, shiftId]);
+  }, [onWorkspaceClick, navigation, date, shiftId]);
+  useEffect(() => {
+    workspacesLengthRef.current = activeEntries.length || 0;
+  }, [activeEntries.length]);
+  useEffect(() => {
+    handleWorkspaceClickRef.current = handleWorkspaceClick;
+  }, [handleWorkspaceClick]);
+  useEffect(() => {
+    getMedalIconRef.current = getMedalIcon;
+  }, [getMedalIcon]);
+  const stableHandleWorkspaceClick = useCallback((workspace, rank) => {
+    handleWorkspaceClickRef.current(workspace, rank);
+  }, []);
+  const stableGetMedalIcon = useCallback((rank) => {
+    return getMedalIconRef.current(rank);
+  }, []);
   const workspaceDisplayData = useMemo(() => {
     if (!activeEntries || activeEntries.length === 0) return [];
     return activeEntries.map((ws) => ({
@@ -56825,7 +57185,7 @@ var LeaderboardDetailView = memo$1(({
         ] })
       ] })
     ] }) }),
-    /* @__PURE__ */ jsx("div", { className: "flex-1 w-full mx-auto p-3 sm:p-4 md:p-6", children: isMobile ? /* @__PURE__ */ jsx("div", { className: "space-y-3", children: sortedWorkspaces.map((ws, index) => {
+    /* @__PURE__ */ jsx("div", { className: "flex-1 w-full mx-auto p-3 sm:p-4 md:p-6", children: isMobile ? /* @__PURE__ */ jsx(LayoutGroup, { children: /* @__PURE__ */ jsx("div", { className: "space-y-3", children: sortedWorkspaces.map((ws, index) => {
       const rank = index + 1;
       const isTopThree = index < 3;
       const cardClass = sortAscending ? isTopThree ? "bg-red-50/90 border-red-200" : "bg-white" : isTopThree ? "bg-green-50/90 border-green-200" : "bg-white";
@@ -56835,14 +57195,14 @@ var LeaderboardDetailView = memo$1(({
           workspace: ws,
           rank,
           cardClass,
-          onWorkspaceClick: handleWorkspaceClick,
-          getMedalIcon
+          onWorkspaceClick: stableHandleWorkspaceClick,
+          getMedalIcon: stableGetMedalIcon
         },
         ws.workspace_uuid
       );
-    }) }) : (
+    }) }) }) : (
       /* Desktop table view - only render on desktop */
-      /* @__PURE__ */ jsx("div", { className: "bg-white rounded-lg shadow-md overflow-hidden", children: /* @__PURE__ */ jsx("div", { className: "overflow-auto", children: /* @__PURE__ */ jsxs("table", { className: "w-full border-collapse table-auto", children: [
+      /* @__PURE__ */ jsx("div", { className: "bg-white rounded-lg shadow-md overflow-hidden", children: /* @__PURE__ */ jsx("div", { className: "overflow-auto", children: /* @__PURE__ */ jsx(LayoutGroup, { children: /* @__PURE__ */ jsxs("table", { className: "w-full border-collapse table-auto", children: [
         /* @__PURE__ */ jsx("thead", { className: "bg-gray-50 border-b border-gray-200 sticky top-0 z-10", children: /* @__PURE__ */ jsxs("tr", { children: [
           /* @__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" }),
@@ -56858,13 +57218,13 @@ var LeaderboardDetailView = memo$1(({
               workspace: ws,
               index,
               rowClass,
-              onWorkspaceClick: handleWorkspaceClick,
-              getMedalIcon
+              onWorkspaceClick: stableHandleWorkspaceClick,
+              getMedalIcon: stableGetMedalIcon
             },
             ws.workspace_uuid
           );
         }) })
-      ] }) }) })
+      ] }) }) }) })
     ) })
   ] });
 }, (prevProps, nextProps) => {
@@ -57922,7 +58282,7 @@ var ShiftsView = ({
     ] })
   ] });
 };
-var AuthenticatedShiftsView = withAuth(React25__default.memo(ShiftsView));
+var AuthenticatedShiftsView = withAuth(React26__default.memo(ShiftsView));
 var ShiftsView_default = ShiftsView;
 
 // src/lib/constants/actions.ts
@@ -59810,7 +60170,7 @@ var TargetsView = ({
 };
 var TargetsViewWithDisplayNames = withAllWorkspaceDisplayNames(TargetsView);
 var TargetsView_default = TargetsViewWithDisplayNames;
-var AuthenticatedTargetsView = withAuth(React25__default.memo(TargetsViewWithDisplayNames));
+var AuthenticatedTargetsView = withAuth(React26__default.memo(TargetsViewWithDisplayNames));
 
 // src/views/workspace-detail-view.utils.ts
 var formatDateInTimezone = (date = /* @__PURE__ */ new Date(), timezone, options) => {
@@ -59939,7 +60299,8 @@ var WorkspaceDetailView = ({
   const [activeTab, setActiveTab] = useState(initialTab);
   const [isTransitioning, setIsTransitioning] = useState(false);
   const [usingFallbackData, setUsingFallbackData] = useState(false);
-  const [showIdleTime, setShowIdleTime] = useState(false);
+  const { isIdleTimeVlmEnabled } = useIdleTimeVlmConfig();
+  const [showChartIdleTime, setShowChartIdleTime] = useState(false);
   const dashboardConfig = useDashboardConfig();
   const { legend: efficiencyLegend } = useEfficiencyLegend();
   const prewarmedClipsRef = useRef(/* @__PURE__ */ new Set());
@@ -60211,6 +60572,7 @@ var WorkspaceDetailView = ({
   const efficiencyValue = workspace?.avg_efficiency ?? 0;
   const efficiencyTarget = efficiencyLegend.green_min;
   const efficiencyColor = getEfficiencyHexColor(efficiencyValue, efficiencyLegend);
+  const idleTimeVlmEnabled = isIdleTimeVlmEnabled(effectiveLineId || workspace?.line_id);
   useEffect(() => {
     if (!isClipsEnabled || !dashboardConfig?.s3Config || !workspaceId) {
       return;
@@ -60298,7 +60660,7 @@ var WorkspaceDetailView = ({
   const idleTimeReasonsDate = date || workspace?.date || calculatedOperationalDate || getOperationalDate(timezone);
   const idleTimeReasonsShiftId = parsedShiftId ?? workspace?.shift_id ?? calculatedShiftId;
   const idleTimeReasonsEnabled = Boolean(
-    workspaceId && idleTimeReasonsDate && idleTimeReasonsShiftId !== void 0
+    workspaceId && idleTimeReasonsDate && idleTimeReasonsShiftId !== void 0 && idleTimeVlmEnabled
   );
   useEffect(() => {
     if (!DEBUG_DASHBOARD2) return;
@@ -60427,7 +60789,7 @@ var WorkspaceDetailView = ({
   const idleClipDate = date || workspace?.date || calculatedOperationalDate || getOperationalDate(timezone);
   const idleClipShiftId = parsedShiftId ?? workspace?.shift_id;
   const idleClipFetchEnabled = Boolean(
-    workspaceId && idleClipDate && idleClipShiftId !== void 0 && activeTab === "overview" && showIdleTime && !shouldShowCycleTimeChart
+    workspaceId && idleClipDate && idleClipShiftId !== void 0 && activeTab === "overview" && idleTimeVlmEnabled && !shouldShowCycleTimeChart
   );
   const {
     idleClips: idleTimeClips,
@@ -60853,9 +61215,9 @@ var WorkspaceDetailView = ({
                       /* @__PURE__ */ jsx(
                         "button",
                         {
-                          onClick: () => setShowIdleTime(!showIdleTime),
-                          className: `inline-flex items-center px-3 py-1.5 text-sm font-medium rounded-md transition-colors ${showIdleTime ? "bg-blue-50 text-blue-700 border border-blue-200" : "bg-white text-gray-700 border border-gray-300 hover:bg-gray-50"}`,
-                          children: showIdleTime ? /* @__PURE__ */ jsxs(Fragment, { children: [
+                          onClick: () => setShowChartIdleTime(!showChartIdleTime),
+                          className: `inline-flex items-center px-3 py-1.5 text-sm font-medium rounded-md transition-colors ${showChartIdleTime ? "bg-blue-50 text-blue-700 border border-blue-200" : "bg-white text-gray-700 border border-gray-300 hover:bg-gray-50"}`,
+                          children: showChartIdleTime ? /* @__PURE__ */ jsxs(Fragment, { children: [
                             /* @__PURE__ */ jsx(EyeOff, { className: "w-4 h-4 mr-1.5" }),
                             "Hide Idle Time"
                           ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
@@ -60884,7 +61246,7 @@ var WorkspaceDetailView = ({
                             pphThreshold: workspace.pph_threshold || 0,
                             shiftStart: workspace.shift_start || "06:00",
                             shiftEnd: workspace.shift_end,
-                            showIdleTime,
+                            showIdleTime: showChartIdleTime,
                             idleTimeHourly: workspace.idle_time_hourly,
                             idleTimeClips,
                             idleTimeClipClassifications,
@@ -60897,7 +61259,7 @@ var WorkspaceDetailView = ({
                   ]
                 }
               ),
-              !shouldShowCycleTimeChart && /* @__PURE__ */ jsxs(
+              !shouldShowCycleTimeChart && idleTimeVlmEnabled && /* @__PURE__ */ jsxs(
                 motion.div,
                 {
                   className: "bg-white rounded-lg shadow-sm p-4 h-[300px]",
@@ -60979,7 +61341,7 @@ var WorkspaceDetailView = ({
                 /* @__PURE__ */ jsxs(
                   motion.div,
                   {
-                    className: `bg-white rounded-lg shadow-sm p-4 relative ${shouldShowCycleTimeChart ? "lg:col-span-10" : "lg:col-span-6"}`,
+                    className: `bg-white rounded-lg shadow-sm p-4 relative ${shouldShowCycleTimeChart ? "lg:col-span-10" : idleTimeVlmEnabled ? "lg:col-span-6" : "lg:col-span-8"}`,
                     variants: chartCardVariants,
                     initial: "initial",
                     animate: "animate",
@@ -60988,9 +61350,9 @@ var WorkspaceDetailView = ({
                       /* @__PURE__ */ jsx("div", { className: "absolute top-4 right-4", children: /* @__PURE__ */ jsx(
                         "button",
                         {
-                          onClick: () => setShowIdleTime(!showIdleTime),
-                          className: `inline-flex items-center px-3 py-1.5 text-sm font-medium rounded-md transition-colors ${showIdleTime ? "bg-blue-50 text-blue-700 border border-blue-200" : "bg-white text-gray-700 border border-gray-300 hover:bg-gray-50"}`,
-                          children: showIdleTime ? /* @__PURE__ */ jsxs(Fragment, { children: [
+                          onClick: () => setShowChartIdleTime(!showChartIdleTime),
+                          className: `inline-flex items-center px-3 py-1.5 text-sm font-medium rounded-md transition-colors ${showChartIdleTime ? "bg-blue-50 text-blue-700 border border-blue-200" : "bg-white text-gray-700 border border-gray-300 hover:bg-gray-50"}`,
+                          children: showChartIdleTime ? /* @__PURE__ */ jsxs(Fragment, { children: [
                             /* @__PURE__ */ jsx(EyeOff, { className: "w-4 h-4 mr-1.5" }),
                             "Hide Idle Time"
                           ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
@@ -61018,7 +61380,7 @@ var WorkspaceDetailView = ({
                               pphThreshold: workspace.pph_threshold || 0,
                               shiftStart: workspace.shift_start || "06:00",
                               shiftEnd: workspace.shift_end,
-                              showIdleTime,
+                              showIdleTime: showChartIdleTime,
                               idleTimeHourly: workspace.idle_time_hourly,
                               idleTimeClips,
                               idleTimeClipClassifications,
@@ -61031,7 +61393,7 @@ var WorkspaceDetailView = ({
                     ]
                   }
                 ),
-                !shouldShowCycleTimeChart && /* @__PURE__ */ jsxs(
+                !shouldShowCycleTimeChart && idleTimeVlmEnabled && /* @__PURE__ */ jsxs(
                   motion.div,
                   {
                     className: "bg-white rounded-lg shadow-sm p-4 lg:col-span-2",
@@ -61104,6 +61466,7 @@ var WorkspaceDetailView = ({
                 month: selectedMonth,
                 year: selectedYear,
                 workspaceId,
+                lineId: effectiveLineId || workspace?.line_id,
                 selectedShiftId: selectedShift,
                 rangeStart,
                 rangeEnd,
@@ -62897,7 +63260,7 @@ function BottleneckClipsView({
     ) })
   ] }) });
 }
-var AuthenticatedBottleneckClipsView = withAuth(React25__default.memo(BottleneckClipsView));
+var AuthenticatedBottleneckClipsView = withAuth(React26__default.memo(BottleneckClipsView));
 var BottleneckClipsView_default = BottleneckClipsView;
 
 // src/lib/services/ticketService.ts
@@ -63728,7 +64091,7 @@ Please ensure:
     )
   ] });
 }
-var AuthenticatedTicketsView = withAuth(React25__default.memo(TicketsView));
+var AuthenticatedTicketsView = withAuth(React26__default.memo(TicketsView));
 var TicketsView_default = TicketsView;
 
 // src/lib/api/s3-clips-parser.ts
@@ -64887,7 +65250,7 @@ var ThreadSidebar = ({
     ] }) })
   ] });
 };
-var ProfilePicture = React25__default.memo(({
+var ProfilePicture = React26__default.memo(({
   alt = "Axel",
   className = "",
   size = "md",
@@ -67334,4 +67697,4 @@ var streamProxyConfig = {
   }
 };
 
-export { 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, 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, 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, ISTTimer_default as ISTTimer, 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, Legend6 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, 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, TeamUsagePdfGenerator, ThreadSidebar, TicketHistory_default as TicketHistory, TicketHistoryService, TicketsView_default as TicketsView, TimeDisplay_default as TimeDisplay, TimePickerDropdown, Timer_default as Timer, TimezoneProvider, TimezoneService, UserAvatar, UserManagementService, UserManagementTable, UserService, UserUsageDetailModal, UserUsageStats, VideoCard, VideoGridView, VideoPlayer, VideoPreloader, WORKSPACE_POSITIONS, WhatsAppShareButton, WorkspaceCard, WorkspaceDetailView_default as WorkspaceDetailView, WorkspaceDisplayNameExample, WorkspaceGrid, WorkspaceGridItem, WorkspaceHealthCard, WorkspaceHealthView_default as WorkspaceHealthView, WorkspaceHistoryCalendar, WorkspaceMetricCards, WorkspaceMetricCardsImpl, WorkspaceMonthlyDataFetcher, WorkspaceMonthlyHistory, WorkspaceMonthlyPdfGenerator, WorkspacePdfExportButton, WorkspacePdfGenerator, WorkspaceWhatsAppShareButton, actionService, aggregateKPIsFromLineMetricsRows, apiUtils, areAllLinesOnSameShift, authCoreService, authOTPService, authRateLimitService, awardsService, buildDateKey, buildKPIsFromLineMetricsRow, buildShiftGroupsKey, 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, formatDuration, formatISTDate, formatIdleTime, formatRangeLabel, formatReasonLabel, formatRelativeTime, formatTimeInZone, fromUrlFriendlyName, getAllLineDisplayNames, getAllThreadMessages, getAllWorkspaceDisplayNamesAsync, getAllWorkspaceDisplayNamesSnapshot, getAnonClient, getAvailableShiftIds, getAwardBadgeType, getAwardDescription, getAwardTitle, getBrowserName, getCameraNumber, getCompanyMetricsTableName, getConfigurableShortWorkspaceDisplayName, getConfigurableWorkspaceDisplayName, getConfiguredLineIds, getCoreSessionRecordingProperties, getCoreSessionReplayUrl, getCurrentShift, getCurrentShiftForLine, getCurrentTimeInZone, getDashboardHeaderTimeInZone, getDateKeyFromDate, getDaysDifferenceInZone, getDefaultCameraStreamUrl, getDefaultLineId, getDefaultTabForWorkspace, getInitials, getLineDisplayName, getManufacturingInsights, getMetricsTablePrefix, getMonthKeyBounds, getMonthWeekRanges, getNextUpdateInterval, getOperationalDate, getReasonColor, getS3SignedUrl, getS3VideoSrc, getShiftData, getShiftNameById, getShiftWorkDurationSeconds, getShortShiftName, getShortWorkspaceDisplayName, getShortWorkspaceDisplayNameAsync, getStoredWorkspaceMappings, getSubscriptionManager, getThreadMessages, getUniformShiftGroup, getUserThreads, getUserThreadsPaginated, getWorkspaceDisplayName, getWorkspaceDisplayNameAsync, getWorkspaceDisplayNamesMap, getWorkspaceFromUrl, getWorkspaceNavigationParams, groupLinesByShift, hasAnyShiftData, identifyCoreUser, initializeCoreMixpanel, isFullMonthRange, isLegacyConfiguration, isPrefetchError, isSafari, isTransitionPeriod, isUrlPermanentlyFailed, isValidFactoryViewConfiguration, isValidLineInfoPayload, isValidPrefetchParams, isValidPrefetchStatus, isValidWorkspaceDetailedMetricsPayload, isValidWorkspaceMetricsPayload, isWorkspaceDisplayNamesLoaded, isWorkspaceDisplayNamesLoading, lineLeaderboardService, linesService, mergeWithDefaultConfig, migrateLegacyConfiguration, normalizeDateKeyRange, 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, 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, useLeaderboardMetrics, useLineDetailedMetrics, useLineKPIs, useLineMetrics, useLineShiftConfig, useLineSupervisor, useLineWorkspaceMetrics, useLines, useMessages, useMetrics, useMobileMenu, 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_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, 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, 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, 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, Legend6 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, 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, TeamUsagePdfGenerator, ThreadSidebar, TicketHistory_default as TicketHistory, TicketHistoryService, TicketsView_default as TicketsView, TimeDisplay_default as TimeDisplay, TimePickerDropdown, Timer_default as Timer, TimezoneProvider, TimezoneService, UserAvatar, UserManagementService, UserManagementTable, UserService, UserUsageDetailModal, UserUsageStats, VideoCard, VideoGridView, VideoPlayer, VideoPreloader, WORKSPACE_POSITIONS, WhatsAppShareButton, WorkspaceCard, WorkspaceDetailView_default as WorkspaceDetailView, WorkspaceDisplayNameExample, WorkspaceGrid, WorkspaceGridItem, WorkspaceHealthCard, WorkspaceHealthView_default as WorkspaceHealthView, WorkspaceHistoryCalendar, WorkspaceMetricCards, WorkspaceMetricCardsImpl, WorkspaceMonthlyDataFetcher, WorkspaceMonthlyHistory, WorkspaceMonthlyPdfGenerator, WorkspacePdfExportButton, WorkspacePdfGenerator, WorkspaceWhatsAppShareButton, actionService, aggregateKPIsFromLineMetricsRows, apiUtils, areAllLinesOnSameShift, authCoreService, authOTPService, authRateLimitService, awardsService, buildDateKey, buildKPIsFromLineMetricsRow, buildShiftGroupsKey, 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, formatDuration, formatISTDate, formatIdleTime, formatRangeLabel, formatReasonLabel, formatRelativeTime, formatTimeInZone, fromUrlFriendlyName, getAllLineDisplayNames, getAllThreadMessages, getAllWorkspaceDisplayNamesAsync, getAllWorkspaceDisplayNamesSnapshot, getAnonClient, getAvailableShiftIds, getAwardBadgeType, getAwardDescription, getAwardTitle, getBrowserName, getCameraNumber, getCompanyMetricsTableName, getConfigurableShortWorkspaceDisplayName, getConfigurableWorkspaceDisplayName, getConfiguredLineIds, getCoreSessionRecordingProperties, getCoreSessionReplayUrl, getCurrentShift, getCurrentShiftForLine, getCurrentTimeInZone, getDashboardHeaderTimeInZone, getDateKeyFromDate, getDaysDifferenceInZone, getDefaultCameraStreamUrl, getDefaultLineId, getDefaultTabForWorkspace, getInitials, getLineDisplayName, getManufacturingInsights, getMetricsTablePrefix, getMonthKeyBounds, getMonthWeekRanges, getNextUpdateInterval, getOperationalDate, getReasonColor, getS3SignedUrl, getS3VideoSrc, getShiftData, getShiftNameById, getShiftWorkDurationSeconds, getShortShiftName, getShortWorkspaceDisplayName, getShortWorkspaceDisplayNameAsync, getStoredWorkspaceMappings, getSubscriptionManager, getThreadMessages, getUniformShiftGroup, getUserThreads, getUserThreadsPaginated, getWorkspaceDisplayName, getWorkspaceDisplayNameAsync, getWorkspaceDisplayNamesMap, getWorkspaceFromUrl, getWorkspaceNavigationParams, groupLinesByShift, hasAnyShiftData, identifyCoreUser, initializeCoreMixpanel, isFullMonthRange, isLegacyConfiguration, isPrefetchError, isSafari, isTransitionPeriod, isUrlPermanentlyFailed, isValidFactoryViewConfiguration, isValidLineInfoPayload, isValidPrefetchParams, isValidPrefetchStatus, isValidWorkspaceDetailedMetricsPayload, isValidWorkspaceMetricsPayload, isWorkspaceDisplayNamesLoaded, isWorkspaceDisplayNamesLoading, lineLeaderboardService, linesService, mergeWithDefaultConfig, migrateLegacyConfiguration, normalizeDateKeyRange, 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, 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, useLeaderboardMetrics, useLineDetailedMetrics, useLineKPIs, useLineMetrics, useLineShiftConfig, useLineSupervisor, useLineWorkspaceMetrics, useLines, useMessages, useMetrics, useMobileMenu, 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 };