@optifye/dashboard-core 6.11.24 → 6.11.26

package/dist/index.mjs

@@ -2987,6 +2987,7 @@ var AuthService = class {
       scope_ttl_seconds: enrichedUser.scope_ttl_seconds,
       access_scope: enrichedUser.access_scope,
       company_id: enrichedUser.company_id,
+      company: enrichedUser.company,
       first_login_completed: enrichedUser.profile.first_login_completed,
       properties: {
         company_id: enrichedUser.company_id,
@@ -13255,7 +13256,7 @@ var parseEfficiencyLegend = (legend) => {
     critical_threshold: coerce(legend.critical_threshold, DEFAULT_EFFICIENCY_LEGEND.critical_threshold)
   };
 };
-var useDashboardMetrics = ({ onLineMetricsUpdate, lineId, userAccessibleLineIds }) => {
+var useDashboardMetrics = ({ onLineMetricsUpdate, lineId, lineIds, userAccessibleLineIds }) => {
   const { supabaseUrl, supabaseKey } = useDashboardConfig();
   const entityConfig = useEntityConfig();
   const databaseConfig = useDatabaseConfig();
@@ -13272,9 +13273,9 @@ var useDashboardMetrics = ({ onLineMetricsUpdate, lineId, userAccessibleLineIds
     return getConfiguredLineIds(entityConfig);
   }, [entityConfig]);
   const targetFactoryLineIds = useMemo(() => {
-    const sourceLineIds = userAccessibleLineIds !== void 0 ? userAccessibleLineIds : configuredLineIds;
+    const sourceLineIds = lineIds !== void 0 ? lineIds : userAccessibleLineIds !== void 0 ? userAccessibleLineIds : configuredLineIds;
     return Array.from(new Set((sourceLineIds || []).filter(Boolean)));
-  }, [userAccessibleLineIds, configuredLineIds]);
+  }, [lineIds, userAccessibleLineIds, configuredLineIds]);
   const { shiftConfig: staticShiftConfig } = useDashboardConfig();
   const {
     shiftConfigMap: multiLineShiftConfigMap,
@@ -13327,6 +13328,7 @@ var useDashboardMetrics = ({ onLineMetricsUpdate, lineId, userAccessibleLineIds
   const operationalShiftKeyRef = useRef(operationalShiftKey);
   const configuredLineIdsRef = useRef(configuredLineIds);
   const userAccessibleLineIdsRef = useRef(userAccessibleLineIds);
+  const explicitLineIdsRef = useRef(lineIds);
   useEffect(() => {
     onLineMetricsUpdateRef.current = onLineMetricsUpdate;
   }, [onLineMetricsUpdate]);
@@ -13342,6 +13344,9 @@ var useDashboardMetrics = ({ onLineMetricsUpdate, lineId, userAccessibleLineIds
   useEffect(() => {
     userAccessibleLineIdsRef.current = userAccessibleLineIds;
   }, [userAccessibleLineIds]);
+  useEffect(() => {
+    explicitLineIdsRef.current = lineIds;
+  }, [lineIds]);
   const companySpecificMetricsTable = useMemo(
     () => getCompanyMetricsTableName(entityConfig.companyId, "performance_metrics"),
     [entityConfig.companyId]
@@ -13692,6 +13697,7 @@ var useDashboardMetrics = ({ onLineMetricsUpdate, lineId, userAccessibleLineIds
     isFactoryView,
     multiLineShiftConfigMap,
     staticShiftConfig,
+    lineIds,
     userAccessibleLineIds,
     effectiveWorkspaceConfig,
     shiftLoading,
@@ -13809,7 +13815,7 @@ var useDashboardMetrics = ({ onLineMetricsUpdate, lineId, userAccessibleLineIds
       logDebug("[useDashboardMetrics] Setting up group subscriptions:", {
         groupCount: currentShiftGroups.length
       });
-      const targetFactoryLineIdsForSubscriptions = currentUserAccessibleLineIds !== void 0 ? currentUserAccessibleLineIds : currentConfiguredLineIds;
+      const targetFactoryLineIdsForSubscriptions = explicitLineIdsRef.current !== void 0 ? explicitLineIdsRef.current : currentUserAccessibleLineIds !== void 0 ? currentUserAccessibleLineIds : currentConfiguredLineIds;
       const targetFactoryLineIdSet = new Set(
         (targetFactoryLineIdsForSubscriptions || []).filter(Boolean)
       );
@@ -13980,7 +13986,7 @@ var useDashboardMetrics = ({ onLineMetricsUpdate, lineId, userAccessibleLineIds
       });
       const currentShiftDetails = shiftConfig ? getCurrentShift(defaultTimezone, shiftConfig) : getCurrentShift(defaultTimezone, staticShiftConfig);
       const operationalDateForSubscription = currentShiftDetails.date;
-      const targetLineIds = isFactory ? currentUserAccessibleLineIds || currentConfiguredLineIds : [currentLineIdToUse];
+      const targetLineIds = isFactory ? explicitLineIdsRef.current || currentUserAccessibleLineIds || currentConfiguredLineIds : [currentLineIdToUse];
       const filteredLineIds = targetLineIds.filter((id3) => id3 && id3 !== factoryViewIdentifier);
       if (filteredLineIds.length === 0) {
         logDebug("[useDashboardMetrics] Realtime setup skipped: no line IDs after filtering", {
@@ -20222,6 +20228,17 @@ function useCompanyHasVlmEnabledLine(options = {}) {
   };
 }
 
+// src/lib/hooks/useCompanyFastSlowClipFiltersEnabled.ts
+function useCompanyFastSlowClipFiltersEnabled() {
+  const { user, loading } = useAuth();
+  const company = user?.company || user?.properties?.company;
+  const explicitValue = company?.enable_fast_slow_clip_filters;
+  return {
+    isFastSlowClipFiltersEnabled: typeof explicitValue === "boolean" ? explicitValue : true,
+    isResolved: !loading || typeof explicitValue === "boolean"
+  };
+}
+
 // src/lib/utils/api.ts
 var apiUtils = {
   /**
@@ -20394,13 +20411,15 @@ var buildKPIsFromLineMetricsRow = (row) => {
 };
 var aggregateKPIsFromLineMetricsRows = (rows) => {
   if (!rows || rows.length === 0) return createDefaultKPIs();
-  const currentOutputSum = rows.reduce((sum, row) => sum + toNumber(row.current_output), 0);
-  const lineThresholdSum = rows.reduce((sum, row) => sum + toNumber(row.line_threshold), 0);
-  const idealOutputSum = rows.reduce(
+  const eligibleRows = rows.filter((row) => toNumber(row?.avg_efficiency) >= 5);
+  if (eligibleRows.length === 0) return createDefaultKPIs();
+  const currentOutputSum = eligibleRows.reduce((sum, row) => sum + toNumber(row.current_output), 0);
+  const lineThresholdSum = eligibleRows.reduce((sum, row) => sum + toNumber(row.line_threshold), 0);
+  const idealOutputSum = eligibleRows.reduce(
     (sum, row) => sum + (toNumber(row.ideal_output) || toNumber(row.line_threshold)),
     0
   );
-  const efficiencyValues = rows.map((row) => {
+  const efficiencyValues = eligibleRows.map((row) => {
     const value = row?.avg_efficiency;
     if (typeof value === "number" && Number.isFinite(value)) return value;
     if (typeof value === "string" && value.trim() !== "") {
@@ -20410,10 +20429,10 @@ var aggregateKPIsFromLineMetricsRows = (rows) => {
     return null;
   }).filter((value) => value !== null);
   const avgEfficiency = efficiencyValues.length > 0 ? efficiencyValues.reduce((sum, value) => sum + value, 0) / efficiencyValues.length : 0;
-  const numLines = rows.length;
-  const avgCycleTime = numLines > 0 ? rows.reduce((sum, row) => sum + toNumber(row.avg_cycle_time), 0) / numLines : 0;
-  const totalUnderperforming = rows.reduce((sum, row) => sum + toNumber(row.underperforming_workspaces), 0);
-  const totalWorkspaces = rows.reduce((sum, row) => sum + toNumber(row.total_workspaces), 0);
+  const numLines = eligibleRows.length;
+  const avgCycleTime = numLines > 0 ? eligibleRows.reduce((sum, row) => sum + toNumber(row.avg_cycle_time), 0) / numLines : 0;
+  const totalUnderperforming = eligibleRows.reduce((sum, row) => sum + toNumber(row.underperforming_workspaces), 0);
+  const totalWorkspaces = eligibleRows.reduce((sum, row) => sum + toNumber(row.total_workspaces), 0);
   return {
     underperformingWorkers: {
       current: totalUnderperforming,
@@ -34569,6 +34588,8 @@ var logDebug2 = (...args) => {
 var VideoGridView = React142__default.memo(({
   workspaces,
   selectedLine,
+  lineNames = {},
+  lineOrder = [],
   className = "",
   legend,
   videoSources = {},
@@ -34671,6 +34692,44 @@ var VideoGridView = React142__default.memo(({
       }
     }) : workspaces;
   }, [workspaces, selectedLine]);
+  const sortedWorkspaces = useMemo(() => {
+    return [...filteredWorkspaces].sort((a, b) => {
+      if (a.line_id !== b.line_id) {
+        return (a.line_id || "").localeCompare(b.line_id || "");
+      }
+      const aMatch = a.workspace_name.match(/WS(\d+)/);
+      const bMatch = b.workspace_name.match(/WS(\d+)/);
+      if (aMatch && bMatch) {
+        const aNum = parseInt(aMatch[1], 10);
+        const bNum = parseInt(bMatch[1], 10);
+        return aNum - bNum;
+      }
+      return a.workspace_name.localeCompare(b.workspace_name);
+    });
+  }, [filteredWorkspaces]);
+  const lineGroups = useMemo(() => {
+    const grouped = /* @__PURE__ */ new Map();
+    sortedWorkspaces.forEach((workspace) => {
+      const lineId = workspace.line_id || "unknown";
+      const existing = grouped.get(lineId);
+      if (existing) {
+        existing.push(workspace);
+        return;
+      }
+      grouped.set(lineId, [workspace]);
+    });
+    const sortedRemainingLineIds = Array.from(grouped.keys()).sort((a, b) => a.localeCompare(b));
+    const orderedLineIds = [
+      ...lineOrder.filter((lineId) => grouped.has(lineId)),
+      ...sortedRemainingLineIds.filter((lineId) => !lineOrder.includes(lineId))
+    ];
+    return orderedLineIds.map((lineId) => ({
+      lineId,
+      lineName: lineNames[lineId] || `Line ${lineId.substring(0, 4)}`,
+      workspaces: grouped.get(lineId) || []
+    }));
+  }, [sortedWorkspaces, lineOrder, lineNames]);
+  lineGroups.length > 1;
   const streamsReady = !videoStreamsLoading;
   const calculateOptimalGrid = useCallback(() => {
     if (!containerRef.current) return;
@@ -34834,108 +34893,130 @@ var VideoGridView = React142__default.memo(({
       stream_source: isR2Stream ? "r2" : "media_config"
     });
   }, []);
+  const workspaceCards = useMemo(() => {
+    return sortedWorkspaces.map((workspace) => {
+      const workspaceId = workspace.workspace_uuid || workspace.workspace_name;
+      const workspaceKey = `${workspace.line_id || "unknown"}-${workspaceId}`;
+      const isVisible = visibleWorkspaces.has(workspaceId);
+      const isVeryLowEfficiency = workspace.show_exclamation ?? (workspace.efficiency < 50 && workspace.efficiency >= 10);
+      const workspaceCropping = getWorkspaceCropping(workspaceId, workspace.workspace_name);
+      const workspaceStream = videoStreamsByWorkspaceId?.[workspaceId];
+      const lastSeenLabel = workspace.workspace_uuid ? lastSeenByWorkspaceId[workspace.workspace_uuid]?.timeSinceLastUpdate : void 0;
+      const r2Url = workspaceStream?.hls_url;
+      const fallbackUrl = getWorkspaceHlsUrl(workspace.workspace_name, workspace.line_id);
+      const hasR2Stream = Boolean(r2Url);
+      const useFallback = r2FallbackWorkspaces.has(workspaceId) || streamsReady && !hasR2Stream;
+      const hlsUrl = useFallback ? fallbackUrl : r2Url ?? "";
+      const isR2Stream = !useFallback && hasR2Stream;
+      const canAttemptR2 = hasR2Stream && !r2FallbackWorkspaces.has(workspaceId);
+      const shouldPlay = isVisible && Boolean(hlsUrl) && (!failedStreams.has(workspaceId) || canAttemptR2);
+      return {
+        workspace,
+        workspaceId,
+        workspaceKey,
+        isVisible,
+        isVeryLowEfficiency,
+        workspaceCropping,
+        fallbackUrl,
+        hlsUrl,
+        isR2Stream,
+        shouldPlay,
+        lastSeenLabel
+      };
+    });
+  }, [
+    sortedWorkspaces,
+    visibleWorkspaces,
+    getWorkspaceCropping,
+    videoStreamsByWorkspaceId,
+    lastSeenByWorkspaceId,
+    getWorkspaceHlsUrl,
+    r2FallbackWorkspaces,
+    streamsReady,
+    failedStreams
+  ]);
+  useMemo(() => {
+    const map = /* @__PURE__ */ new Map();
+    workspaceCards.forEach((card) => {
+      map.set(card.workspaceKey, card);
+    });
+    return map;
+  }, [workspaceCards]);
+  const croppedActiveCount = useMemo(() => {
+    return workspaceCards.reduce((count, card) => {
+      if (card.shouldPlay && card.workspaceCropping) {
+        return count + 1;
+      }
+      return count;
+    }, 0);
+  }, [workspaceCards]);
+  const throttleCropping = croppedActiveCount > 10;
+  const effectiveCanvasFps = throttleCropping ? 10 : canvasConfig?.fps;
+  const effectiveUseRAF = throttleCropping ? false : canvasConfig?.useRAF;
   const displayMinuteBucket = Math.floor(Date.now() / 6e4);
-  return /* @__PURE__ */ jsx("div", { className: `relative overflow-hidden h-full w-full ${className}`, children: /* @__PURE__ */ jsx("div", { ref: containerRef, className: "h-full w-full p-3 sm:p-2", children: /* @__PURE__ */ jsx(
+  const renderWorkspaceCard = useCallback((card, className2) => /* @__PURE__ */ jsx(
     "div",
     {
-      className: "grid h-full w-full gap-3 sm:gap-2",
-      style: {
-        gridTemplateColumns: `repeat(${gridCols}, 1fr)`,
-        gridTemplateRows: `repeat(${gridRows}, 1fr)`,
-        gridAutoFlow: "row"
-      },
-      children: (() => {
-        const sortedWorkspaces = [...filteredWorkspaces].sort((a, b) => {
-          if (a.line_id !== b.line_id) {
-            return (a.line_id || "").localeCompare(b.line_id || "");
-          }
-          const aMatch = a.workspace_name.match(/WS(\d+)/);
-          const bMatch = b.workspace_name.match(/WS(\d+)/);
-          if (aMatch && bMatch) {
-            const aNum = parseInt(aMatch[1]);
-            const bNum = parseInt(bMatch[1]);
-            return aNum - bNum;
-          }
-          return a.workspace_name.localeCompare(b.workspace_name);
-        });
-        const workspaceCards = sortedWorkspaces.map((workspace) => {
-          const workspaceId = workspace.workspace_uuid || workspace.workspace_name;
-          `${workspace.line_id || "unknown"}-${workspaceId}`;
-          const isVisible = visibleWorkspaces.has(workspaceId);
-          const isVeryLowEfficiency = workspace.show_exclamation ?? (workspace.efficiency < 50 && workspace.efficiency >= 10);
-          const workspaceCropping = getWorkspaceCropping(workspaceId, workspace.workspace_name);
-          const workspaceStream = videoStreamsByWorkspaceId?.[workspaceId];
-          const lastSeenLabel = workspace.workspace_uuid ? lastSeenByWorkspaceId[workspace.workspace_uuid]?.timeSinceLastUpdate : void 0;
-          const r2Url = workspaceStream?.hls_url;
-          const fallbackUrl = getWorkspaceHlsUrl(workspace.workspace_name, workspace.line_id);
-          const hasR2Stream = Boolean(r2Url);
-          const useFallback = r2FallbackWorkspaces.has(workspaceId) || streamsReady && !hasR2Stream;
-          const hlsUrl = useFallback ? fallbackUrl : r2Url ?? "";
-          const isR2Stream = !useFallback && hasR2Stream;
-          const canAttemptR2 = hasR2Stream && !r2FallbackWorkspaces.has(workspaceId);
-          const shouldPlay = isVisible && Boolean(hlsUrl) && (!failedStreams.has(workspaceId) || canAttemptR2);
-          return {
-            workspace,
-            workspaceId,
-            isVisible,
-            isVeryLowEfficiency,
-            workspaceCropping,
-            fallbackUrl,
-            hlsUrl,
-            isR2Stream,
-            shouldPlay,
-            lastSeenLabel
-          };
-        });
-        const croppedActiveCount = workspaceCards.reduce((count, card) => {
-          if (card.shouldPlay && card.workspaceCropping) {
-            return count + 1;
-          }
-          return count;
-        }, 0);
-        const throttleCropping = croppedActiveCount > 10;
-        const effectiveCanvasFps = throttleCropping ? 10 : canvasConfig?.fps;
-        const effectiveUseRAF = throttleCropping ? false : canvasConfig?.useRAF;
-        return workspaceCards.map((card) => /* @__PURE__ */ jsx(
-          "div",
-          {
-            "data-workspace-id": card.workspaceId,
-            className: "workspace-card relative w-full h-full",
-            children: /* @__PURE__ */ jsx("div", { className: "absolute inset-0", children: /* @__PURE__ */ jsx(
-              VideoCard,
-              {
-                workspace: card.workspace,
-                hlsUrl: card.hlsUrl,
-                shouldPlay: card.shouldPlay,
-                onClick: () => handleWorkspaceClick(card.workspace),
-                onFatalError: () => handleStreamError(card.workspaceId, {
-                  isR2Stream: card.isR2Stream,
-                  fallbackUrl: card.fallbackUrl
-                }),
-                isVeryLowEfficiency: card.isVeryLowEfficiency,
-                legend: effectiveLegend,
-                cropping: card.workspaceCropping,
-                canvasFps: effectiveCanvasFps,
-                displayName: (
-                  // Create line-aware lookup key: lineId_workspaceName
-                  // This ensures correct mapping when multiple lines have same workspace names
-                  displayNames[`${card.workspace.line_id}_${card.workspace.workspace_name}`] || // Always pass line_id to fallback to ensure correct mapping per line
-                  getWorkspaceDisplayName(card.workspace.workspace_name, card.workspace.line_id)
-                ),
-                lastSeenLabel: card.lastSeenLabel,
-                useRAF: effectiveUseRAF,
-                displayMinuteBucket,
-                compact: !selectedLine,
-                onMouseEnter: onWorkspaceHover ? () => onWorkspaceHover(card.workspaceId) : void 0,
-                onMouseLeave: onWorkspaceHoverEnd ? () => onWorkspaceHoverEnd(card.workspaceId) : void 0
-              }
-            ) })
+      "data-workspace-id": card.workspaceId,
+      className: className2,
+      children: /* @__PURE__ */ jsx("div", { className: "absolute inset-0", children: /* @__PURE__ */ jsx(
+        VideoCard,
+        {
+          workspace: card.workspace,
+          hlsUrl: card.hlsUrl,
+          shouldPlay: card.shouldPlay,
+          onClick: () => handleWorkspaceClick(card.workspace),
+          onFatalError: () => handleStreamError(card.workspaceId, {
+            isR2Stream: card.isR2Stream,
+            fallbackUrl: card.fallbackUrl
+          }),
+          isVeryLowEfficiency: card.isVeryLowEfficiency,
+          legend: effectiveLegend,
+          cropping: card.workspaceCropping,
+          canvasFps: effectiveCanvasFps,
+          displayName: displayNames[`${card.workspace.line_id}_${card.workspace.workspace_name}`] || getWorkspaceDisplayName(card.workspace.workspace_name, card.workspace.line_id),
+          lastSeenLabel: card.lastSeenLabel,
+          useRAF: effectiveUseRAF,
+          displayMinuteBucket,
+          compact: !selectedLine,
+          onMouseEnter: onWorkspaceHover ? () => onWorkspaceHover(card.workspaceId) : void 0,
+          onMouseLeave: onWorkspaceHoverEnd ? () => onWorkspaceHoverEnd(card.workspaceId) : void 0
+        }
+      ) })
+    },
+    card.workspaceKey
+  ), [
+    displayNames,
+    displayMinuteBucket,
+    effectiveCanvasFps,
+    effectiveLegend,
+    effectiveUseRAF,
+    getWorkspaceDisplayName,
+    handleStreamError,
+    handleWorkspaceClick,
+    onWorkspaceHover,
+    onWorkspaceHoverEnd,
+    selectedLine
+  ]);
+  return /* @__PURE__ */ jsx("div", { className: `relative overflow-hidden h-full w-full bg-slate-50/30 ${className}`, children: /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref: containerRef,
+      className: "h-full w-full px-1 sm:px-2 py-1 sm:py-2",
+      children: /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: "grid h-full w-full gap-1.5 sm:gap-2",
+          style: {
+            gridTemplateColumns: `repeat(${gridCols}, 1fr)`,
+            gridTemplateRows: `repeat(${gridRows}, 1fr)`,
+            gridAutoFlow: "row"
           },
-          card.workspaceId
-        ));
-      })()
+          children: workspaceCards.map((card) => renderWorkspaceCard(card, "workspace-card relative w-full h-full"))
+        }
+      )
     }
-  ) }) });
+  ) });
 });
 VideoGridView.displayName = "VideoGridView";
 var MapGridView = React142__default.memo(({
@@ -38128,14 +38209,15 @@ var HlsVideoPlayer = forwardRef(({
     };
   }, [effectiveSrc, initializePlayer, cleanupBlobUrl]);
   useEffect(() => {
-    if (videoRef.current) {
-      if (autoplay) {
-        videoRef.current.play().catch((err) => {
-          console.warn("[HlsVideoPlayer] Autoplay failed:", err);
-        });
-      }
+    if (!videoRef.current || !autoplay || !effectiveSrc) {
+      return;
     }
-  }, [autoplay]);
+    videoRef.current.play().catch((err) => {
+      if (err?.name !== "AbortError") {
+        console.warn("[HlsVideoPlayer] Autoplay failed:", err);
+      }
+    });
+  }, [autoplay, effectiveSrc]);
   const resetControlsTimeout = useCallback(() => {
     if (controlsPinned) {
       setShowControls(true);
@@ -40056,7 +40138,8 @@ var FileManagerFilters = ({
   snapshotClipId,
   className = "",
   targetCycleTime = null,
-  idleTimeVlmEnabled = false
+  idleTimeVlmEnabled = false,
+  showPercentileCycleFilters = true
 }) => {
   const [expandedNodes, setExpandedNodes] = useState(/* @__PURE__ */ new Set());
   const [startTime, setStartTime] = useState("");
@@ -40335,6 +40418,9 @@ var FileManagerFilters = ({
     }
   }, [ensureAllIdleTimeClipMetadataLoaded]);
   const fetchPercentileClips = useCallback(async (type) => {
+    if (!showPercentileCycleFilters && type !== "idle-times") {
+      return;
+    }
     if (!workspaceId || !date || shift === void 0) {
       console.warn("[FileManager] Missing required params for percentile clips fetch");
       return;
@@ -40381,7 +40467,7 @@ var FileManagerFilters = ({
     } catch (error) {
       console.error(`[FileManager] Error fetching ${type} clips:`, error);
     }
-  }, [workspaceId, date, shift, filterState.percentile, supabase]);
+  }, [workspaceId, date, shift, filterState.percentile, showPercentileCycleFilters, supabase]);
   const percentileCountsKey = useMemo(() => {
     if (!workspaceId || !date || shift === void 0) {
       return null;
@@ -40389,7 +40475,7 @@ var FileManagerFilters = ({
     return `${workspaceId}:${date}:${shift}:${filterState.percentile}`;
   }, [workspaceId, date, shift, filterState.percentile]);
   useEffect(() => {
-    if (!percentileCountsKey) {
+    if (!showPercentileCycleFilters || !percentileCountsKey) {
       percentileCountsKeyRef.current = null;
       percentilePrefetchRef.current = { key: null, types: /* @__PURE__ */ new Set() };
       setPercentileCounts({
@@ -40409,8 +40495,11 @@ var FileManagerFilters = ({
       "slow-cycles": null
     });
     setPercentileClips({});
-  }, [percentileCountsKey]);
+  }, [showPercentileCycleFilters, percentileCountsKey]);
   useEffect(() => {
+    if (!showPercentileCycleFilters) {
+      return;
+    }
     if (!prefetchedPercentileCounts || !percentileCountsKey) {
       return;
     }
@@ -40425,8 +40514,11 @@ var FileManagerFilters = ({
       "fast-cycles": typeof prefetchedPercentileCounts.counts["fast-cycles"] === "number" ? prefetchedPercentileCounts.counts["fast-cycles"] : prev["fast-cycles"],
       "slow-cycles": typeof prefetchedPercentileCounts.counts["slow-cycles"] === "number" ? prefetchedPercentileCounts.counts["slow-cycles"] : prev["slow-cycles"]
     }));
-  }, [prefetchedPercentileCounts, percentileCountsKey, filterState.percentile]);
+  }, [showPercentileCycleFilters, prefetchedPercentileCounts, percentileCountsKey, filterState.percentile]);
   const fetchPercentileCounts = useCallback(async (options) => {
+    if (!showPercentileCycleFilters) {
+      return;
+    }
     if (!workspaceId || !date || shift === void 0) {
       console.warn("[FileManager] Missing required params for percentile counts fetch");
       return;
@@ -40480,9 +40572,9 @@ var FileManagerFilters = ({
     } catch (error) {
       console.error("[FileManager] Error fetching percentile counts:", error);
     }
-  }, [workspaceId, date, shift, filterState.percentile, supabase, percentileCounts, percentileClips, fetchPercentileClips]);
+  }, [workspaceId, date, shift, filterState.percentile, showPercentileCycleFilters, supabase, percentileCounts, percentileClips, fetchPercentileClips]);
   useEffect(() => {
-    if (!isReady || !percentileCountsKey) {
+    if (!showPercentileCycleFilters || !isReady || !percentileCountsKey) {
       return;
     }
     const schedule = () => {
@@ -40493,13 +40585,13 @@ var FileManagerFilters = ({
     } else {
       setTimeout(schedule, 0);
     }
-  }, [isReady, percentileCountsKey, fetchPercentileCounts]);
+  }, [showPercentileCycleFilters, isReady, percentileCountsKey, fetchPercentileCounts]);
   const shouldShowCategory = useCallback((categoryId) => {
     switch (categoryId) {
       case "fast-cycles":
-        return filterState.showFastCycles;
+        return showPercentileCycleFilters && filterState.showFastCycles;
       case "slow-cycles":
-        return filterState.showSlowCycles;
+        return showPercentileCycleFilters && filterState.showSlowCycles;
       case "longest-idles":
         return false;
       // filterState.showLongestIdles; // Temporarily disabled
@@ -40512,7 +40604,7 @@ var FileManagerFilters = ({
       default:
         return true;
     }
-  }, [filterState]);
+  }, [filterState, showPercentileCycleFilters]);
   const getPercentileIcon = useCallback((type, isExpanded, colorClasses) => {
     const iconMap = {
       "fast-cycles": { icon: TrendingUp, color: "text-green-600" },
@@ -40683,7 +40775,7 @@ var FileManagerFilters = ({
     const filteredSlowCycles = (percentileClips["slow-cycles"] || []).filter((clip) => isClipInTimeRange(clip.creation_timestamp || ""));
     const fastCount = typeof percentileCounts["fast-cycles"] === "number" ? percentileCounts["fast-cycles"] : null;
     const slowCount = typeof percentileCounts["slow-cycles"] === "number" ? percentileCounts["slow-cycles"] : null;
-    const percentileCategories = [
+    const percentileCategories = showPercentileCycleFilters ? [
       {
         id: "fast-cycles",
         label: "Fast Cycles",
@@ -40781,7 +40873,7 @@ var FileManagerFilters = ({
           };
         })
       } */
-    ];
+    ] : [];
     const orderedIds = ["cycle_completion", "fast-cycles", "slow-cycles", "idle_time"];
     orderedIds.forEach((orderedId) => {
       const percentileCategory = percentileCategories.find((cat) => cat.id === orderedId);
@@ -40806,7 +40898,7 @@ var FileManagerFilters = ({
       }
     });
     return tree;
-  }, [categories, expandedNodes, counts, clipMetadata, percentileCounts, percentileClips, shouldShowCategory, getPercentileIcon, isClipInTimeRange, isTimeFilterActive]);
+  }, [categories, expandedNodes, counts, clipMetadata, percentileCounts, percentileClips, shouldShowCategory, getPercentileIcon, isClipInTimeRange, isTimeFilterActive, showPercentileCycleFilters]);
   const toggleExpanded = (nodeId) => {
     const newExpanded = new Set(expandedNodes);
     if (newExpanded.has(nodeId)) {
@@ -40818,10 +40910,10 @@ var FileManagerFilters = ({
         console.log(`[FileManager] Fetching clips for expanded category: ${nodeId}`);
         fetchClipMetadata(nodeId, 1);
       }
-      if (nodeId === "fast-cycles" && (percentileClips["fast-cycles"] || []).length === 0) {
+      if (showPercentileCycleFilters && nodeId === "fast-cycles" && (percentileClips["fast-cycles"] || []).length === 0) {
         fetchPercentileClips("fast-cycles");
       }
-      if (nodeId === "slow-cycles" && (percentileClips["slow-cycles"] || []).length === 0) {
+      if (showPercentileCycleFilters && nodeId === "slow-cycles" && (percentileClips["slow-cycles"] || []).length === 0) {
         fetchPercentileClips("slow-cycles");
       }
     }
@@ -40839,10 +40931,10 @@ var FileManagerFilters = ({
           console.log(`[FileManager] Fetching clips for expanded category: ${node.id}`);
           fetchClipMetadata(node.id, 1);
         }
-        if (node.id === "fast-cycles" && (percentileClips["fast-cycles"] || []).length === 0) {
+        if (showPercentileCycleFilters && node.id === "fast-cycles" && (percentileClips["fast-cycles"] || []).length === 0) {
           fetchPercentileClips("fast-cycles");
         }
-        if (node.id === "slow-cycles" && (percentileClips["slow-cycles"] || []).length === 0) {
+        if (showPercentileCycleFilters && node.id === "slow-cycles" && (percentileClips["slow-cycles"] || []).length === 0) {
           fetchPercentileClips("slow-cycles");
         }
       }
@@ -41280,7 +41372,8 @@ var FileManagerFilters = ({
 };
 var PERCENTILE_PRESETS = [5, 10, 15, 20, 25, 30];
 var AdvancedFilterDialog = ({
-  onApply
+  onApply,
+  showPercentileCycleFilters = true
 }) => {
   const {
     state,
@@ -41347,7 +41440,7 @@ var AdvancedFilterDialog = ({
             )
           ] }) }),
           /* @__PURE__ */ jsxs("div", { className: "p-6 space-y-8 overflow-y-auto max-h-[60vh]", children: [
-            /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+            showPercentileCycleFilters && /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
               /* @__PURE__ */ jsxs("div", { className: "flex items-center space-x-3", children: [
                 /* @__PURE__ */ jsx("div", { className: "p-2 bg-gradient-to-r from-emerald-100 to-blue-100 rounded-lg", children: /* @__PURE__ */ jsx(Activity, { className: "h-5 w-5 text-emerald-600" }) }),
                 /* @__PURE__ */ jsxs("div", { children: [
@@ -41440,7 +41533,7 @@ var AdvancedFilterDialog = ({
                 ] })
               ] }),
               /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
-                /* @__PURE__ */ jsxs("div", { className: "bg-gradient-to-br from-green-50 to-red-50 rounded-xl p-4 space-y-3", children: [
+                showPercentileCycleFilters && /* @__PURE__ */ jsxs("div", { className: "bg-gradient-to-br from-green-50 to-red-50 rounded-xl p-4 space-y-3", children: [
                   /* @__PURE__ */ jsxs("h4", { className: "text-sm font-bold text-gray-700 uppercase tracking-wide flex items-center space-x-2", children: [
                     /* @__PURE__ */ jsx(Sparkles, { className: "h-4 w-4 text-emerald-600" }),
                     /* @__PURE__ */ jsx("span", { children: "Performance Extremes" })
@@ -41721,6 +41814,7 @@ var BottlenecksContent = ({
   const supabase = useSupabase();
   const timezone = useAppTimezone();
   const { isIdleTimeVlmEnabled } = useIdleTimeVlmConfig();
+  const { isFastSlowClipFiltersEnabled } = useCompanyFastSlowClipFiltersEnabled();
   const { shiftConfig, isLoading: isShiftConfigLoading } = useDynamicShiftConfig(lineId);
   const { effectiveShift, effectiveDate } = useMemo(() => {
     if (shift !== void 0 && shift !== null && date) {
@@ -41777,12 +41871,16 @@ var BottlenecksContent = ({
   }), []);
   const [initialFilter, setInitialFilter] = useState("");
   const currentIndexRef = useRef(0);
+  const currentClipIdRef = useRef(null);
   const currentPositionRef = useRef(0);
   const currentTotalRef = useRef(0);
   const activeFilterRef = useRef(initialFilter);
   const isMountedRef = useRef(true);
   const fetchInProgressRef = useRef(/* @__PURE__ */ new Set());
   const refreshCountsTimeoutRef = useRef(null);
+  const awaitingNextClipRef = useRef(false);
+  const retryTimeoutRef = useRef(null);
+  const navigationLockRef = useRef(false);
   const [isPlaying, setIsPlaying] = useState(false);
   const [currentTime, setCurrentTime] = useState(0);
   const [duration, setDuration] = useState(0);
@@ -41791,6 +41889,7 @@ var BottlenecksContent = ({
   const [playbackSpeed, setPlaybackSpeed] = useState(1);
   const [currentPosition, setCurrentPosition] = useState(0);
   const [currentTotal, setCurrentTotal] = useState(0);
+  const [playerInstanceNonce, setPlayerInstanceNonce] = useState(0);
   const [isTransitioning, setIsTransitioning] = useState(false);
   const [pendingVideo, setPendingVideo] = useState(null);
   const [isVideoBuffering, setIsVideoBuffering] = useState(false);
@@ -41847,14 +41946,29 @@ var BottlenecksContent = ({
   const [isFullscreen, setIsFullscreen] = useState(false);
   const categoryMetadataRef = useRef([]);
   const currentMetadataIndexRef = useRef(0);
+  const clearRetryTimeout = useCallback(() => {
+    if (retryTimeoutRef.current) {
+      clearTimeout(retryTimeoutRef.current);
+      retryTimeoutRef.current = null;
+    }
+  }, []);
+  const bumpPlayerInstanceNonce = useCallback(() => {
+    setPlayerInstanceNonce((prev) => prev + 1);
+  }, []);
   const updateActiveFilter = useCallback((newFilter) => {
     console.log(`[BottlenecksContent] Updating active filter: ${activeFilterRef.current} -> ${newFilter}`);
+    awaitingNextClipRef.current = false;
+    navigationLockRef.current = false;
+    clearRetryTimeout();
     setActiveFilter(newFilter);
     activeFilterRef.current = newFilter;
-  }, []);
+  }, [clearRetryTimeout]);
   useEffect(() => {
     currentIndexRef.current = currentIndex;
   }, [currentIndex]);
+  useEffect(() => {
+    currentClipIdRef.current = currentClipId;
+  }, [currentClipId]);
   useEffect(() => {
     currentPositionRef.current = currentPosition;
   }, [currentPosition]);
@@ -42263,8 +42377,11 @@ var BottlenecksContent = ({
     }
   }, [activeFilter, s3ClipsService, mergedCounts, loadFirstVideoForCategory, allVideos, firstClip]);
   const isPercentileCategory = useCallback((categoryId) => {
+    if (!isFastSlowClipFiltersEnabled) {
+      return false;
+    }
     return ["fast-cycles", "slow-cycles", "longest-idles"].includes(categoryId);
-  }, []);
+  }, [isFastSlowClipFiltersEnabled]);
   const getMetadataCacheKey = useCallback((categoryId) => {
     return `${categoryId}-${effectiveDateString}-${effectiveShiftId}-${snapshotDateTime ?? "nosnap"}-${snapshotClipId ?? "nosnap"}`;
   }, [effectiveDateString, effectiveShiftId, snapshotDateTime, snapshotClipId]);
@@ -42296,6 +42413,21 @@ var BottlenecksContent = ({
         return [categoryId];
     }
   }, []);
+  useEffect(() => {
+    if (isFastSlowClipFiltersEnabled) {
+      return;
+    }
+    if (activeFilter !== "fast-cycles" && activeFilter !== "slow-cycles") {
+      return;
+    }
+    const fallbackFilter = ["cycle_completion", "idle_time"].find((type) => (dynamicCounts[type] || 0) > 0) || clipTypes.find((type) => (dynamicCounts[type.type] || 0) > 0)?.type || clipTypes[0]?.type;
+    if (!fallbackFilter || fallbackFilter === activeFilter) {
+      return;
+    }
+    setCategoryMetadata([]);
+    categoryMetadataRef.current = [];
+    updateActiveFilter(fallbackFilter);
+  }, [isFastSlowClipFiltersEnabled, activeFilter, dynamicCounts, clipTypes, updateActiveFilter]);
   useCallback((categoryId) => {
     if (isPercentileCategory(categoryId)) {
       return categoryMetadata.length;
@@ -42325,6 +42457,7 @@ var BottlenecksContent = ({
     }
   }, [isNavigating, currentIndex, filteredVideos.length]);
   const clearLoadingState = useCallback(() => {
+    navigationLockRef.current = false;
     setIsTransitioning(false);
     setIsNavigating(false);
     if (loadingTimeoutRef.current) {
@@ -42336,6 +42469,11 @@ var BottlenecksContent = ({
     if (!workspaceId) {
       return;
     }
+    if (!isFastSlowClipFiltersEnabled && (categoryId === "fast-cycles" || categoryId === "slow-cycles")) {
+      setCategoryMetadata([]);
+      categoryMetadataRef.current = [];
+      return;
+    }
     if (!isEffectiveShiftReady) {
       console.log("[BottlenecksContent] Skipping metadata load - shift/date not ready");
       return;
@@ -42488,7 +42626,7 @@ var BottlenecksContent = ({
     } finally {
       setIsCategoryLoading(false);
     }
-  }, [workspaceId, effectiveDateString, effectiveShiftId, getMetadataCacheKey, isPercentileCategory, metadataCache, s3ClipsService, clearLoadingState, isEffectiveShiftReady, snapshotDateTime, snapshotClipId, supabase]);
+  }, [workspaceId, effectiveDateString, effectiveShiftId, getMetadataCacheKey, isPercentileCategory, isFastSlowClipFiltersEnabled, metadataCache, s3ClipsService, clearLoadingState, isEffectiveShiftReady, snapshotDateTime, snapshotClipId, supabase]);
   useEffect(() => {
     if (previousFilterRef.current !== activeFilter) {
       console.log(`Filter changed from ${previousFilterRef.current} to ${activeFilter} - resetting to first video`);
@@ -42539,8 +42677,12 @@ var BottlenecksContent = ({
   const loadAndPlayClipById = useCallback(async (clipId, categoryId, position, metadataContext) => {
     if (!workspaceId || !s3ClipsService || !isMountedRef.current) return;
     console.log(`[BottlenecksContent] Loading clip by ID: ${clipId}, category=${categoryId}, position=${position}`);
+    awaitingNextClipRef.current = false;
+    navigationLockRef.current = true;
+    clearRetryTimeout();
     setIsTransitioning(true);
     setIsInitialLoading(true);
+    setIsNavigating(true);
     setError(null);
     if (videoRef.current?.player) {
       try {
@@ -42638,7 +42780,67 @@ var BottlenecksContent = ({
         clearLoadingState();
       }
     }
-  }, [workspaceId, s3ClipsService, updateActiveFilter, clearLoadingState, loadCategoryMetadata, applyMetadataSnapshot, mergedCounts, isPercentileCategory]);
+  }, [workspaceId, s3ClipsService, updateActiveFilter, clearLoadingState, clearRetryTimeout, loadCategoryMetadata, applyMetadataSnapshot, mergedCounts, isPercentileCategory]);
+  const restartCurrentClipPlayback = useCallback(() => {
+    if (!currentClipId) {
+      return;
+    }
+    console.log(`[BottlenecksContent] Restarting playback for clip ${currentClipId}`);
+    awaitingNextClipRef.current = false;
+    navigationLockRef.current = true;
+    clearRetryTimeout();
+    setError(null);
+    setIsTransitioning(true);
+    setIsInitialLoading(true);
+    setIsNavigating(true);
+    setIsVideoBuffering(false);
+    bumpPlayerInstanceNonce();
+  }, [currentClipId, clearRetryTimeout, bumpPlayerInstanceNonce]);
+  useEffect(() => {
+    if (!newClipsNotification || !awaitingNextClipRef.current || !s3ClipsService) {
+      return;
+    }
+    const activeCategory = activeFilterRef.current;
+    if (!activeCategory || activeCategory === "all" || isPercentileCategory(activeCategory)) {
+      return;
+    }
+    let cancelled = false;
+    const timer = setTimeout(() => {
+      void (async () => {
+        const incomingClips = [...newClipsNotification.clips].reverse();
+        for (const incomingClip of incomingClips) {
+          if (cancelled || !incomingClip?.id || incomingClip.id === currentClipId) {
+            continue;
+          }
+          const incomingVideo = await s3ClipsService.getClipById(incomingClip.id);
+          if (cancelled || !incomingVideo || incomingVideo.type !== activeCategory) {
+            continue;
+          }
+          console.log(`[BottlenecksContent] Autoplaying incoming ${activeCategory} clip ${incomingClip.id}`);
+          invalidateMetadataCache(activeCategory);
+          await loadAndPlayClipById(incomingClip.id, activeCategory, 1, {
+            clips: [{ clipId: incomingClip.id }],
+            total: Math.max(mergedCounts[activeCategory] || 0, 1)
+          });
+          void loadCategoryMetadata(activeCategory, false, true);
+          return;
+        }
+      })();
+    }, 300);
+    return () => {
+      cancelled = true;
+      clearTimeout(timer);
+    };
+  }, [
+    newClipsNotification,
+    s3ClipsService,
+    isPercentileCategory,
+    currentClipId,
+    invalidateMetadataCache,
+    loadAndPlayClipById,
+    loadCategoryMetadata,
+    mergedCounts
+  ]);
   useCallback(async (categoryId, clipIndex) => {
     console.warn("[BottlenecksContent] loadAndPlayClip is deprecated, use loadAndPlayClipById instead");
     if (!workspaceId || !s3ClipsService || !isMountedRef.current || !isEffectiveShiftReady) return;
@@ -42667,8 +42869,11 @@ var BottlenecksContent = ({
     }
   }, [workspaceId, s3ClipsService, effectiveDateString, effectiveShiftId, loadAndPlayClipById, isEffectiveShiftReady]);
   const handleNext = useCallback(async () => {
-    if (!isMountedRef.current) return;
+    if (!isMountedRef.current || navigationLockRef.current) return;
     const currentFilter = activeFilterRef.current;
+    navigationLockRef.current = true;
+    clearRetryTimeout();
+    setIsNavigating(true);
     setIsTransitioning(true);
     setIsInitialLoading(true);
     setError(null);
@@ -42698,10 +42903,32 @@ var BottlenecksContent = ({
         );
         const olderClip = neighbors.previous;
         if (!olderClip) {
-          console.log("[handleNext] Already at last clip in category");
-          clearLoadingState();
+          let metadataArray3 = categoryMetadataRef.current;
+          if (metadataArray3.length === 0) {
+            console.log(`[handleNext] Metadata empty for ${currentFilter}, loading before loop restart`);
+            await loadCategoryMetadata(currentFilter, false, true);
+            metadataArray3 = categoryMetadataRef.current;
+          }
+          const firstClipMeta = metadataArray3[0];
+          if (firstClipMeta?.clipId && firstClipMeta.clipId !== currentClipId) {
+            console.log(`[handleNext] Reached end of ${currentFilter}, looping back to newest clip ${firstClipMeta.clipId}`);
+            await loadAndPlayClipById(firstClipMeta.clipId, currentFilter, 1, {
+              clips: metadataArray3,
+              total: mergedCounts[currentFilter] || metadataArray3.length
+            });
+            return;
+          }
+          console.log("[handleNext] Reached live edge, waiting for the next clip");
+          awaitingNextClipRef.current = true;
+          navigationLockRef.current = false;
+          setIsInitialLoading(false);
+          setIsVideoBuffering(false);
+          setIsPlaying(false);
+          setIsNavigating(false);
+          setIsTransitioning(false);
           return;
         }
+        awaitingNextClipRef.current = false;
         setPendingVideo(olderClip);
         setCurrentClipId(olderClip.id || null);
         setAllVideos([olderClip]);
@@ -42757,8 +42984,23 @@ var BottlenecksContent = ({
           clearLoadingState();
         }
       } else {
-        console.log(`[handleNext] Already at last clip in category`);
-        clearLoadingState();
+        const firstClipMeta = metadataArray[0];
+        if (firstClipMeta?.clipId && firstClipMeta.clipId !== currentClipId) {
+          console.log(`[handleNext] Reached end of ${currentFilter}, looping back to newest percentile clip ${firstClipMeta.clipId}`);
+          await loadAndPlayClipById(firstClipMeta.clipId, currentFilter, 1, {
+            clips: metadataArray,
+            total: metadataArray.length
+          });
+          return;
+        }
+        console.log(`[handleNext] Reached live edge for ${currentFilter}, waiting for the next clip`);
+        awaitingNextClipRef.current = true;
+        navigationLockRef.current = false;
+        setIsInitialLoading(false);
+        setIsVideoBuffering(false);
+        setIsPlaying(false);
+        setIsNavigating(false);
+        setIsTransitioning(false);
       }
     } catch (error2) {
       console.error(`[handleNext] Error navigating:`, error2);
@@ -42770,10 +43012,13 @@ var BottlenecksContent = ({
       });
       clearLoadingState();
     }
-  }, [clearLoadingState, s3ClipsService, loadCategoryMetadata, isPercentileCategory, workspaceId, currentClipId, effectiveDateString, effectiveShiftId, snapshotDateTime, snapshotClipId, mergedCounts]);
+  }, [clearLoadingState, clearRetryTimeout, s3ClipsService, loadCategoryMetadata, loadAndPlayClipById, isPercentileCategory, workspaceId, currentClipId, effectiveDateString, effectiveShiftId, snapshotDateTime, snapshotClipId, mergedCounts]);
   const handlePrevious = useCallback(async () => {
-    if (!isMountedRef.current) return;
+    if (!isMountedRef.current || navigationLockRef.current) return;
     const currentFilter = activeFilterRef.current;
+    navigationLockRef.current = true;
+    clearRetryTimeout();
+    setIsNavigating(true);
     setIsTransitioning(true);
     setIsInitialLoading(true);
     setError(null);
@@ -42871,7 +43116,7 @@ var BottlenecksContent = ({
       });
       clearLoadingState();
     }
-  }, [clearLoadingState, s3ClipsService, loadCategoryMetadata, isPercentileCategory, workspaceId, currentClipId, effectiveDateString, effectiveShiftId, snapshotDateTime, snapshotClipId, mergedCounts]);
+  }, [clearLoadingState, clearRetryTimeout, s3ClipsService, loadCategoryMetadata, isPercentileCategory, workspaceId, currentClipId, effectiveDateString, effectiveShiftId, snapshotDateTime, snapshotClipId, mergedCounts]);
   const currentVideo = useMemo(() => {
     if (!filteredVideos || filteredVideos.length === 0 || currentIndex >= filteredVideos.length) {
       return null;
@@ -43038,6 +43283,8 @@ var BottlenecksContent = ({
     }
   }, [error, playbackSpeed]);
   const handleVideoPlay = useCallback(async (player) => {
+    awaitingNextClipRef.current = false;
+    clearRetryTimeout();
     setIsPlaying(true);
     setIsInitialLoading(false);
     if (currentVideo && !currentVideo.creation_timestamp && s3ClipsService) {
@@ -43059,7 +43306,7 @@ var BottlenecksContent = ({
         console.warn("[BottlenecksContent] Failed to load metadata for current video:", error2);
       }
     }
-  }, [currentVideo, s3ClipsService]);
+  }, [currentVideo, s3ClipsService, clearRetryTimeout]);
   const handleVideoPause = useCallback((player) => {
     setIsPlaying(false);
   }, []);
@@ -43070,8 +43317,10 @@ var BottlenecksContent = ({
     setDuration(duration2);
   }, []);
   const handleLoadedData = useCallback((player) => {
-    console.log("Video data loaded - NOT clearing loading (wait for playing event)");
-  }, []);
+    console.log("Video data loaded - clearing transition overlay");
+    setIsInitialLoading(false);
+    clearLoadingState();
+  }, [clearLoadingState]);
   const handleVideoPlaying = useCallback((player) => {
     console.log("Video playing - hiding transition overlay (most reliable)");
     clearLoadingState();
@@ -43092,6 +43341,7 @@ var BottlenecksContent = ({
     console.error("[BottlenecksContent] Video.js error:", errorInfo);
     setIsPlaying(false);
     setIsVideoBuffering(false);
+    clearRetryTimeout();
     const errorCode = errorInfo?.code || 0;
     const canRetry = errorInfo?.canRetry ?? false;
     const errorMessage = errorInfo?.message || "Unknown error";
@@ -43119,17 +43369,24 @@ var BottlenecksContent = ({
     if (videoRetryCountRef.current < 3 && currentVideo) {
       videoRetryCountRef.current++;
       const retryDelay = 1e3 * videoRetryCountRef.current;
+      const retryClipId = currentVideo.id;
+      const retryCategory = activeFilterRef.current;
       console.log(`[Video Error] Recoverable error - Retrying... Attempt ${videoRetryCountRef.current}/3 in ${retryDelay}ms`);
       setError({
         type: "retrying",
         message: `Retrying... (${videoRetryCountRef.current}/3)`,
         isRetrying: true
       });
-      setTimeout(() => {
-        if (videoRef.current && currentVideo && isMountedRef.current) {
-          setError(null);
-          videoRef.current.dispose();
+      retryTimeoutRef.current = setTimeout(() => {
+        retryTimeoutRef.current = null;
+        if (!isMountedRef.current) {
+          return;
         }
+        if (currentClipIdRef.current !== retryClipId || activeFilterRef.current !== retryCategory) {
+          console.log("[Video Error] Skipping stale retry for previous clip");
+          return;
+        }
+        restartCurrentClipPlayback();
       }, retryDelay);
     } else {
       console.log("[Video Error] Retries exhausted - showing final error overlay");
@@ -43151,7 +43408,7 @@ var BottlenecksContent = ({
         attempts: 3
       });
     }
-  }, [currentVideo, workspaceId, clearLoadingState]);
+  }, [currentVideo, workspaceId, clearLoadingState, clearRetryTimeout, restartCurrentClipPlayback]);
   useEffect(() => {
     isMountedRef.current = true;
     return () => {
@@ -43163,10 +43420,11 @@ var BottlenecksContent = ({
         clearTimeout(loadingTimeoutRef.current);
         loadingTimeoutRef.current = null;
       }
+      clearRetryTimeout();
       setIsCategoryLoading(false);
       setIsNavigating(false);
     };
-  }, [s3ClipsService]);
+  }, [s3ClipsService, clearRetryTimeout]);
   useEffect(() => {
     if (filteredVideos.length > 0 && currentIndex < filteredVideos.length) {
       if (error && error.type === "fatal") {
@@ -43382,7 +43640,8 @@ var BottlenecksContent = ({
                 isShareLoading,
                 isShareCopied,
                 options: videoPlayerOptions
-              }
+              },
+              `${currentVideo.id}-${playerInstanceNonce}-inline`
             )
           }
         ),
@@ -43413,11 +43672,8 @@ var BottlenecksContent = ({
               "button",
               {
                 onClick: () => {
-                  setError(null);
                   videoRetryCountRef.current = 0;
-                  if (videoRef.current) {
-                    videoRef.current.dispose();
-                  }
+                  restartCurrentClipPlayback();
                 },
                 className: "px-5 py-2.5 bg-gray-600 hover:bg-gray-700 rounded-md text-sm font-medium transition-colors",
                 children: "Retry"
@@ -43649,7 +43905,7 @@ var BottlenecksContent = ({
             currentVideoId: currentVideo?.id,
             counts: mergedCounts,
             isReady: hasInitialLoad,
-            prefetchedPercentileCounts: prefetchedPercentileCounts || void 0,
+            prefetchedPercentileCounts: isFastSlowClipFiltersEnabled ? prefetchedPercentileCounts || void 0 : void 0,
             workspaceId,
             date: effectiveDateString,
             shift: effectiveShiftId,
@@ -43658,6 +43914,7 @@ var BottlenecksContent = ({
             targetCycleTime: workspaceTargetCycleTime,
             clipClassifications,
             idleTimeVlmEnabled,
+            showPercentileCycleFilters: isFastSlowClipFiltersEnabled,
             onFilterChange: (filterId) => {
               updateActiveFilter(filterId);
               const category = categoriesToShow.find((cat) => cat.type === filterId);
@@ -43806,7 +44063,8 @@ var BottlenecksContent = ({
                     isShareLoading,
                     isShareCopied,
                     options: videoPlayerOptions
-                  }
+                  },
+                  `${currentVideo.id}-${playerInstanceNonce}-fullscreen`
                 )
               }
             ),
@@ -43870,6 +44128,7 @@ var BottlenecksContent = ({
     !triageMode && /* @__PURE__ */ jsx(
       AdvancedFilterDialog,
       {
+        showPercentileCycleFilters: isFastSlowClipFiltersEnabled,
         onApply: () => {
           console.log("[BottlenecksContent] Advanced filters applied, will refresh clips...");
         }
@@ -50358,29 +50617,29 @@ var Legend5 = ({
 }) => {
   const effectiveLegend = legend || DEFAULT_EFFICIENCY_LEGEND;
   const exclamationLabel = useBottleneckLabel ? "Bottleneck" : "<50% efficiency";
-  return /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-1.5 sm:gap-3 bg-white/95 rounded-lg shadow-sm px-2 sm:px-4 py-1 sm:py-1.5 border border-gray-200/60 backdrop-blur-sm text-[10px] sm:text-sm", children: [
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-2 sm:gap-4 text-xs font-medium text-slate-600", children: [
     /* @__PURE__ */ jsxs("div", { className: "font-medium text-gray-700 hidden sm:block", children: [
       metricLabel,
       ":"
     ] }),
-    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5 sm:gap-4", children: [
-      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
-        /* @__PURE__ */ jsx("div", { className: "w-1.5 h-1.5 sm:w-2.5 sm:h-2.5 rounded-[12px] bg-[#00AB45]/90 ring-1 ring-[#00AB45]/20" }),
-        /* @__PURE__ */ jsx("span", { className: "font-medium text-gray-600", children: formatPercentRange(effectiveLegend.green_min, effectiveLegend.green_max) })
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 sm:gap-4", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5", children: [
+        /* @__PURE__ */ jsx("div", { className: "w-2 h-2 sm:w-2.5 sm:h-2.5 rounded-full bg-[#00AB45]" }),
+        /* @__PURE__ */ jsx("span", { children: formatPercentRange(effectiveLegend.green_min, effectiveLegend.green_max) })
       ] }),
-      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
-        /* @__PURE__ */ jsx("div", { className: "w-1.5 h-1.5 sm:w-2.5 sm:h-2.5 rounded-[12px] bg-[#FFB020]/90 ring-1 ring-[#FFB020]/20" }),
-        /* @__PURE__ */ jsx("span", { className: "font-medium text-gray-600", children: formatPercentRange(effectiveLegend.yellow_min, effectiveLegend.yellow_max) })
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5", children: [
+        /* @__PURE__ */ jsx("div", { className: "w-2 h-2 sm:w-2.5 sm:h-2.5 rounded-full bg-[#FFB020]" }),
+        /* @__PURE__ */ jsx("span", { children: formatPercentRange(effectiveLegend.yellow_min, effectiveLegend.yellow_max) })
       ] }),
-      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
-        /* @__PURE__ */ jsx("div", { className: "w-1.5 h-1.5 sm:w-2.5 sm:h-2.5 rounded-[12px] bg-[#E34329]/90 ring-1 ring-[#E34329]/20" }),
-        /* @__PURE__ */ jsx("span", { className: "font-medium text-gray-600", children: formatPercentRange(effectiveLegend.red_min, effectiveLegend.red_max) })
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5", children: [
+        /* @__PURE__ */ jsx("div", { className: "w-2 h-2 sm:w-2.5 sm:h-2.5 rounded-full bg-[#E34329]" }),
+        /* @__PURE__ */ jsx("span", { children: formatPercentRange(effectiveLegend.red_min, effectiveLegend.red_max) })
       ] })
     ] }),
-    /* @__PURE__ */ jsx("div", { className: "hidden sm:block w-px h-6 bg-gray-200 mx-1" }),
-    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
-      /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center w-3 h-3 sm:w-5 sm:h-5 bg-[#E34329]/90 rounded-full ring-1 ring-[#E34329]/20 text-white font-bold text-[8px] sm:text-xs", children: "!" }),
-      /* @__PURE__ */ jsx("span", { className: "font-medium text-gray-600", children: exclamationLabel })
+    /* @__PURE__ */ jsx("div", { className: "hidden sm:block w-px h-4 bg-slate-200 mx-1" }),
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5", children: [
+      /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center w-3 h-3 sm:w-4 sm:h-4 bg-[#E34329] rounded-full text-white font-bold text-[8px] sm:text-[10px]", children: "!" }),
+      /* @__PURE__ */ jsx("span", { children: exclamationLabel })
     ] })
   ] });
 };
@@ -50490,6 +50749,7 @@ var WorkspaceGrid = React142__default.memo(({
   isPdfMode = false,
   customWorkspacePositions,
   lineNames = {},
+  lineOrder = [],
   factoryView = "factory",
   line2Uuid = "line-2",
   className = "",
@@ -50500,7 +50760,8 @@ var WorkspaceGrid = React142__default.memo(({
   videoStreamsLoading = false,
   displayNames = {},
   onWorkspaceHover,
-  onWorkspaceHoverEnd
+  onWorkspaceHoverEnd,
+  toolbarRightContent
 }) => {
   const dashboardConfig = useDashboardConfig();
   const mapViewEnabled = dashboardConfig?.mapViewConfig?.enabled ?? false;
@@ -50534,29 +50795,30 @@ var WorkspaceGrid = React142__default.memo(({
     () => viewMode === "video" ? getVideoGridLegendLabel(workspaces) : MAP_GRID_LEGEND_LABEL,
     [viewMode, workspaces]
   );
-  return /* @__PURE__ */ jsxs("div", { className: `relative w-full h-full overflow-hidden ${className}`, children: [
-    /* @__PURE__ */ jsxs("div", { className: "absolute top-0 left-2 sm:left-4 right-2 sm:right-8 z-20", children: [
-      /* @__PURE__ */ jsxs("div", { className: "flex flex-row items-center justify-between py-1 sm:py-1.5 gap-2", children: [
-        /* @__PURE__ */ jsx("div", { className: "hidden sm:block", children: /* @__PURE__ */ jsx(Legend5, { legend, useBottleneckLabel: hasFlowBuffers, metricLabel: legendMetricLabel }) }),
+  return /* @__PURE__ */ jsxs("div", { className: `flex flex-col w-full h-full overflow-hidden bg-slate-50/50 ${className}`, children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex-none px-4 py-3 z-20 flex flex-row items-center justify-between gap-4", children: [
+      /* @__PURE__ */ jsx("div", { className: "hidden sm:block", children: /* @__PURE__ */ jsx("div", { className: "inline-flex bg-white/95 rounded-lg shadow-sm px-4 py-2 border border-slate-200/60 backdrop-blur-sm", children: /* @__PURE__ */ jsx(Legend5, { legend, useBottleneckLabel: hasFlowBuffers, metricLabel: legendMetricLabel }) }) }),
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-end gap-3 shrink-0", children: [
+        toolbarRightContent,
         mapViewEnabled && /* @__PURE__ */ jsx(
           "button",
           {
             onClick: handleViewModeToggle,
-            className: "flex items-center gap-2 px-3 py-1.5 bg-white border border-gray-300 rounded-md shadow-sm hover:bg-gray-50 transition-colors duration-200",
+            className: "flex items-center gap-2 px-3 py-1.5 bg-white border border-slate-200 rounded-md shadow-sm hover:bg-slate-50 transition-colors duration-200 text-slate-700",
             title: viewMode === "video" ? "Switch to Map View" : "Switch to Video View",
             children: viewMode === "video" ? /* @__PURE__ */ jsxs(Fragment, { children: [
-              /* @__PURE__ */ jsx(Map$1, { className: "w-4 h-4 text-gray-600" }),
-              /* @__PURE__ */ jsx("span", { className: "hidden sm:inline text-sm text-gray-700", children: "Map View" })
+              /* @__PURE__ */ jsx(Map$1, { className: "w-4 h-4 text-slate-500" }),
+              /* @__PURE__ */ jsx("span", { className: "hidden sm:inline text-sm font-medium", children: "Map View" })
             ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-              /* @__PURE__ */ jsx(Video, { className: "w-4 h-4 text-gray-600" }),
-              /* @__PURE__ */ jsx("span", { className: "hidden sm:inline text-sm text-gray-700", children: "Video View" })
+              /* @__PURE__ */ jsx(Video, { className: "w-4 h-4 text-slate-500" }),
+              /* @__PURE__ */ jsx("span", { className: "hidden sm:inline text-sm font-medium", children: "Video View" })
             ] })
           }
         )
-      ] }),
-      /* @__PURE__ */ jsx("div", { className: "sm:hidden mt-1 mr-32", children: /* @__PURE__ */ jsx(Legend5, { legend, useBottleneckLabel: hasFlowBuffers, metricLabel: legendMetricLabel }) })
+      ] })
     ] }),
-    /* @__PURE__ */ jsx("div", { className: "absolute top-14 sm:top-16 left-0 right-0 bottom-0", children: /* @__PURE__ */ jsx(AnimatePresence, { mode: "wait", children: viewMode === "video" ? /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsx("div", { className: "sm:hidden px-3 py-2 bg-white border-b border-slate-200/60 z-10", children: /* @__PURE__ */ jsx(Legend5, { legend, useBottleneckLabel: hasFlowBuffers, metricLabel: legendMetricLabel }) }),
+    /* @__PURE__ */ jsx("div", { className: "flex-1 relative overflow-hidden", children: /* @__PURE__ */ jsx(AnimatePresence, { mode: "wait", children: viewMode === "video" ? /* @__PURE__ */ jsx(
       motion.div,
       {
         initial: { opacity: 0 },
@@ -50568,6 +50830,8 @@ var WorkspaceGrid = React142__default.memo(({
           VideoGridViewComponent,
           {
             workspaces,
+            lineNames,
+            lineOrder,
             videoSources,
             videoStreamsByWorkspaceId,
             videoStreamsLoading,
@@ -59430,6 +59694,7 @@ function HomeView({
     [dbLines]
   );
   const isSupervisor = user?.role_level === "supervisor";
+  const hasUser = Boolean(user);
   const visibleLineIds = useMemo(() => {
     const scoped = Array.from(new Set(allLineIds.filter(Boolean)));
     if (enabledLineIdSet.size === 0) {
@@ -59439,57 +59704,100 @@ function HomeView({
   }, [allLineIds, enabledLineIdSet]);
   const fallbackLineId = visibleLineIds[0] || defaultLineId;
   const defaultHomeLineId = fallbackLineId;
-  const availableLineIds = useMemo(() => {
-    if (visibleLineIds.length > 1) {
-      return [...visibleLineIds, factoryViewId];
-    }
-    return visibleLineIds;
-  }, [visibleLineIds, factoryViewId]);
-  const LINE_FILTER_STORAGE_KEY = "optifye_home_line_filter";
-  const [selectedLineId, setSelectedLineId] = useState(() => {
+  const visibleLineIdsKey = visibleLineIds.join(",");
+  const normalizeSelectedLineIds = (lineIdsToNormalize) => {
+    const allowedLineIds = new Set(visibleLineIds);
+    const requestedLineIds = new Set((lineIdsToNormalize || []).filter(Boolean));
+    const normalized = visibleLineIds.filter((lineId) => requestedLineIds.has(lineId) && allowedLineIds.has(lineId));
+    if (normalized.length > 0) {
+      return normalized;
+    }
+    if (defaultHomeLineId && allowedLineIds.has(defaultHomeLineId)) {
+      return [defaultHomeLineId];
+    }
+    return visibleLineIds.length > 0 ? [visibleLineIds[0]] : [];
+  };
+  const selectedLineIdsEqual = (left, right) => {
+    if (left.length !== right.length) return false;
+    return left.every((value, index) => value === right[index]);
+  };
+  const isAllLinesSelection = (lineIdsToCheck) => visibleLineIds.length > 0 && lineIdsToCheck.length === visibleLineIds.length;
+  const readPersistedSelectedLineIds = () => {
     if (typeof window === "undefined") {
-      return defaultHomeLineId;
+      return null;
     }
     try {
-      const savedLineId = sessionStorage.getItem(LINE_FILTER_STORAGE_KEY);
-      if (savedLineId) {
-        if (availableLineIds.includes(savedLineId)) {
-          return savedLineId;
+      const savedLineIds = sessionStorage.getItem("optifye_home_line_filters_v2");
+      if (savedLineIds) {
+        const parsedLineIds = JSON.parse(savedLineIds);
+        if (Array.isArray(parsedLineIds)) {
+          return normalizeSelectedLineIds(parsedLineIds.map((lineId) => String(lineId)));
+        }
+      }
+      const legacyLineId = sessionStorage.getItem("optifye_home_line_filter");
+      if (legacyLineId) {
+        if (legacyLineId === factoryViewId) {
+          return normalizeSelectedLineIds(visibleLineIds);
         }
+        return normalizeSelectedLineIds([legacyLineId]);
       }
     } catch (error) {
       console.warn("Failed to read line filter from sessionStorage:", error);
     }
-    return defaultHomeLineId;
-  });
+    return null;
+  };
+  const [selectedLineIds, setSelectedLineIds] = useState(() => readPersistedSelectedLineIds() || normalizeSelectedLineIds([defaultHomeLineId]));
+  const [isLineSelectorOpen, setIsLineSelectorOpen] = useState(false);
+  const [pendingSelectedLineIds, setPendingSelectedLineIds] = useState([]);
+  const lineSelectorRef = useRef(null);
+  useEffect(() => {
+    if (isLineSelectorOpen) {
+      setPendingSelectedLineIds(selectedLineIds);
+    }
+  }, [isLineSelectorOpen, selectedLineIds]);
   useEffect(() => {
-    if (!user || availableLineIds.length === 0) {
+    if (!hasUser || visibleLineIds.length === 0) {
       return;
     }
-    try {
-      const savedLineId = sessionStorage.getItem(LINE_FILTER_STORAGE_KEY);
-      if (savedLineId && availableLineIds.includes(savedLineId)) {
-        if (savedLineId !== selectedLineId) {
-          setSelectedLineId(savedLineId);
-        }
-        return;
+    const restoredLineIds = readPersistedSelectedLineIds();
+    setSelectedLineIds((previousSelectedLineIds) => {
+      if (restoredLineIds) {
+        return selectedLineIdsEqual(restoredLineIds, previousSelectedLineIds) ? previousSelectedLineIds : restoredLineIds;
       }
+      const normalizedCurrentLineIds = normalizeSelectedLineIds(previousSelectedLineIds);
+      return selectedLineIdsEqual(normalizedCurrentLineIds, previousSelectedLineIds) ? previousSelectedLineIds : normalizedCurrentLineIds;
+    });
+  }, [hasUser, visibleLineIdsKey, defaultHomeLineId, factoryViewId]);
+  useEffect(() => {
+    try {
+      sessionStorage.setItem("optifye_home_line_filters_v2", JSON.stringify(selectedLineIds));
+      sessionStorage.removeItem("optifye_home_line_filter");
     } catch (error) {
-      console.warn("Failed to read line filter from sessionStorage:", error);
+      console.warn("Failed to save line filter to sessionStorage:", error);
     }
-    if (availableLineIds.includes(selectedLineId)) {
+  }, [selectedLineIds]);
+  useEffect(() => {
+    if (!isLineSelectorOpen) {
       return;
     }
-    if (defaultHomeLineId !== selectedLineId) {
-      setSelectedLineId(defaultHomeLineId);
-    }
-  }, [
-    user,
-    availableLineIds,
-    defaultHomeLineId,
-    selectedLineId,
-    LINE_FILTER_STORAGE_KEY
-  ]);
+    const handleClickOutside = (event) => {
+      if (lineSelectorRef.current && !lineSelectorRef.current.contains(event.target)) {
+        setIsLineSelectorOpen(false);
+      }
+    };
+    document.addEventListener("mousedown", handleClickOutside);
+    return () => {
+      document.removeEventListener("mousedown", handleClickOutside);
+    };
+  }, [isLineSelectorOpen]);
+  const primarySelectedLineId = selectedLineIds[0] || defaultHomeLineId;
+  const isMultiLineSelection = selectedLineIds.length > 1;
+  const selectedLineIdsKey = selectedLineIds.join(",");
+  const selectedLineIdSet = useMemo(
+    () => new Set(selectedLineIds),
+    [selectedLineIds]
+  );
+  const metricsScopeLineId = isMultiLineSelection ? factoryViewId : primarySelectedLineId;
   const userCompanyId = useMemo(() => {
     return user?.properties?.company_id || user?.company_id || entityConfig.companyId;
   }, [user, entityConfig.companyId]);
@@ -59509,12 +59817,8 @@ function HomeView({
   useEffect(() => {
     const initDisplayNames = async () => {
       try {
-        if (selectedLineId === factoryViewId) {
-          for (const lineId of visibleLineIds) {
-            await preInitializeWorkspaceDisplayNames(lineId);
-          }
-        } else {
-          await preInitializeWorkspaceDisplayNames(selectedLineId);
+        for (const lineId of selectedLineIds) {
+          await preInitializeWorkspaceDisplayNames(lineId);
         }
         setDisplayNamesInitialized(true);
       } catch (error) {
@@ -59523,8 +59827,8 @@ function HomeView({
       }
     };
     initDisplayNames();
-  }, [selectedLineId, factoryViewId, visibleLineIds]);
-  const displayNameLineId = selectedLineId === factoryViewId ? void 0 : selectedLineId;
+  }, [selectedLineIdsKey]);
+  const displayNameLineId = isMultiLineSelection ? void 0 : primarySelectedLineId;
   const {
     displayNames: workspaceDisplayNames,
     loading: displayNamesLoading,
@@ -59553,7 +59857,8 @@ function HomeView({
     error: metricsError,
     refetch: refetchMetrics
   } = useDashboardMetrics({
-    lineId: selectedLineId,
+    lineId: metricsScopeLineId,
+    lineIds: selectedLineIds,
     onLineMetricsUpdate: handleLineMetricsUpdate,
     userAccessibleLineIds: visibleLineIds
     // Pass user's accessible lines for supervisor filtering
@@ -59561,10 +59866,8 @@ function HomeView({
   const trendGroups = useMemo(() => {
     const lineMetricsRows = lineMetrics || [];
     if (!lineMetricsRows.length) return null;
-    if (selectedLineId === factoryViewId) {
-      const candidateLineIds = visibleLineIds.filter((id3) => id3 && id3 !== factoryViewId);
-      if (!candidateLineIds.length) return null;
-      const rowsForLines = lineMetricsRows.filter((row2) => candidateLineIds.includes(row2?.line_id));
+    if (selectedLineIds.length > 1) {
+      const rowsForLines = lineMetricsRows.filter((row2) => selectedLineIdSet.has(row2?.line_id));
       if (!rowsForLines.length) return null;
       const groupsMap = /* @__PURE__ */ new Map();
       rowsForLines.forEach((row2) => {
@@ -59587,16 +59890,16 @@ function HomeView({
         shiftId: group.shiftId
       }));
     }
-    const row = lineMetricsRows.find((r2) => r2?.line_id === selectedLineId);
+    const row = lineMetricsRows.find((r2) => r2?.line_id === primarySelectedLineId);
     if (!row?.date || row?.shift_id === void 0 || row?.shift_id === null) {
       return null;
     }
     return [{
-      lineIds: [selectedLineId],
+      lineIds: [primarySelectedLineId],
       date: row.date,
       shiftId: row.shift_id
     }];
-  }, [selectedLineId, factoryViewId, visibleLineIds, lineMetrics]);
+  }, [lineMetrics, primarySelectedLineId, selectedLineIdSet, selectedLineIds.length]);
   const trendOptions = useMemo(() => {
     if (!trendGroups || !userCompanyId) return null;
     return {
@@ -59624,17 +59927,18 @@ function HomeView({
   }, [workspaceMetrics, metricsLoading, metricsError]);
   const kpis = useMemo(() => {
     const lineMetricsRows = lineMetrics || [];
-    if (selectedLineId === factoryViewId) {
-      if (metricsLoading && lineMetricsRows.length === 0) return null;
-      return aggregateKPIsFromLineMetricsRows(lineMetricsRows);
+    if (selectedLineIds.length > 1) {
+      const rowsForSelectedLines = lineMetricsRows.filter((row2) => selectedLineIdSet.has(row2?.line_id));
+      if (metricsLoading && rowsForSelectedLines.length === 0) return null;
+      return aggregateKPIsFromLineMetricsRows(rowsForSelectedLines);
     }
-    const row = lineMetricsRows.find((r2) => r2?.line_id === selectedLineId);
+    const row = lineMetricsRows.find((r2) => r2?.line_id === primarySelectedLineId);
     if (!row) {
       if (metricsLoading) return null;
       return buildKPIsFromLineMetricsRow(null);
     }
     return buildKPIsFromLineMetricsRow(row);
-  }, [selectedLineId, factoryViewId, lineMetrics, metricsLoading]);
+  }, [lineMetrics, metricsLoading, primarySelectedLineId, selectedLineIdSet, selectedLineIds.length]);
   const kpisWithTrend = useMemo(() => {
     if (!kpis) return null;
     if (!kpiTrend) return kpis;
@@ -59659,30 +59963,30 @@ function HomeView({
     };
   }, [kpis, kpiTrend]);
   const selectedLineMeta = useMemo(
-    () => dbLines.find((line) => line.id === selectedLineId),
-    [dbLines, selectedLineId]
+    () => selectedLineIds.length === 1 ? dbLines.find((line) => line.id === primarySelectedLineId) : void 0,
+    [dbLines, primarySelectedLineId, selectedLineIds.length]
   );
-  const selectedMonitoringMode = selectedLineId === factoryViewId ? "output" : selectedLineMeta?.monitoring_mode ?? "output";
+  const selectedMonitoringMode = selectedLineIds.length === 1 ? selectedLineMeta?.monitoring_mode ?? "output" : "output";
   const isUptimeMode = selectedMonitoringMode === "uptime";
   const averageIdleTimeSeconds = useMemo(() => {
     if (!isUptimeMode) return null;
-    const targetWorkspaces = selectedLineId === factoryViewId ? workspaceMetrics : workspaceMetrics.filter((ws) => ws.line_id === selectedLineId);
+    const targetWorkspaces = workspaceMetrics.filter((ws) => ws.line_id === primarySelectedLineId);
     const idleValues = targetWorkspaces.map((ws) => ws.idle_time).filter((value) => Number.isFinite(value));
     if (idleValues.length === 0) return 0;
     const totalIdle = idleValues.reduce((sum, value) => sum + value, 0);
     return totalIdle / idleValues.length;
-  }, [isUptimeMode, selectedLineId, factoryViewId, workspaceMetrics]);
+  }, [isUptimeMode, primarySelectedLineId, workspaceMetrics]);
   const {
     activeBreaks: allActiveBreaks,
     isLoading: breaksLoading,
     error: breaksError
-  } = useActiveBreaks(allLineIds);
+  } = useActiveBreaks(visibleLineIds);
   const activeBreaks = useMemo(() => {
-    if (selectedLineId === factoryViewId) {
+    if (isAllLinesSelection(selectedLineIds)) {
       return allActiveBreaks;
     }
-    return allActiveBreaks.filter((breakItem) => breakItem.lineId === selectedLineId);
-  }, [allActiveBreaks, selectedLineId, factoryViewId]);
+    return allActiveBreaks.filter((breakItem) => selectedLineIdSet.has(breakItem.lineId));
+  }, [allActiveBreaks, selectedLineIdSet, selectedLineIds]);
   const activeBreakLineIds = useMemo(
     () => new Set(activeBreaks.map((breakItem) => breakItem.lineId)),
     [activeBreaks]
@@ -59989,7 +60293,7 @@ function HomeView({
     // Round to 1 decimal
     kpisWithTrend?.avgCycleTime?.change,
     kpisWithTrend?.qualityCompliance?.value ? Math.round(kpisWithTrend.qualityCompliance.value) : null,
-    selectedLineId
+    selectedLineIdsKey
   ]);
   useEffect(() => {
     setIsHydrated(true);
@@ -60006,27 +60310,62 @@ function HomeView({
       setErrorMessage(null);
     }
   }, [metricsError]);
-  const handleLineChange = useCallback((value) => {
+  const getTrackedLineScope = useCallback((lineIdsForScope) => {
+    if (isAllLinesSelection(lineIdsForScope)) {
+      return factoryViewId;
+    }
+    if (lineIdsForScope.length === 1) {
+      return lineIdsForScope[0];
+    }
+    return "custom_multi";
+  }, [factoryViewId, visibleLineIds.length]);
+  const getLineSelectionLabel = useCallback((lineIdsForScope) => {
+    if (isAllLinesSelection(lineIdsForScope)) {
+      return "All Lines";
+    }
+    if (lineIdsForScope.length === 1) {
+      const lineId = lineIdsForScope[0];
+      return mergedLineNames[lineId] || `Line ${lineId.substring(0, 4)}`;
+    }
+    return `${lineIdsForScope.length} Lines Selected`;
+  }, [mergedLineNames, visibleLineIds.length]);
+  const updateSelectedLineIds = useCallback((nextLineIds) => {
+    const normalizedLineIds = normalizeSelectedLineIds(nextLineIds);
+    if (selectedLineIdsEqual(normalizedLineIds, selectedLineIds)) {
+      return;
+    }
     setIsChangingFilter(true);
-    setSelectedLineId(value);
+    setSelectedLineIds(normalizedLineIds);
     trackCoreEvent("monitor line filter changed", {
-      previous_line_id: selectedLineId,
-      new_line_id: value,
-      line_name: mergedLineNames[value] || (value === factoryViewId ? "All Lines" : `Line ${value.substring(0, 4)}`)
+      previous_line_id: getTrackedLineScope(selectedLineIds),
+      new_line_id: getTrackedLineScope(normalizedLineIds),
+      previous_line_ids: selectedLineIds,
+      new_line_ids: normalizedLineIds,
+      selected_line_count: normalizedLineIds.length,
+      selection_mode: isAllLinesSelection(normalizedLineIds) ? "all" : normalizedLineIds.length === 1 ? "single" : "custom",
+      line_name: getLineSelectionLabel(normalizedLineIds)
     });
-    try {
-      sessionStorage.setItem(LINE_FILTER_STORAGE_KEY, value);
-    } catch (error) {
-      console.warn("Failed to save line filter to sessionStorage:", error);
+  }, [factoryViewId, getLineSelectionLabel, getTrackedLineScope, selectedLineIds, selectedLineIdsKey, visibleLineIds]);
+  useCallback(() => {
+    updateSelectedLineIds(visibleLineIds);
+  }, [updateSelectedLineIds, visibleLineIds]);
+  useCallback((lineId) => {
+    const currentSelection = new Set(selectedLineIds);
+    if (currentSelection.has(lineId)) {
+      if (currentSelection.size <= 1) {
+        return;
+      }
+      currentSelection.delete(lineId);
+    } else {
+      currentSelection.add(lineId);
     }
-  }, [LINE_FILTER_STORAGE_KEY, selectedLineId, mergedLineNames, factoryViewId]);
+    updateSelectedLineIds(Array.from(currentSelection));
+  }, [selectedLineIds, updateSelectedLineIds]);
   useEffect(() => {
     if (!metricsLoading && isChangingFilter) {
-      if (workspaceMetrics.length > 0 || selectedLineId === factoryViewId) {
-        setIsChangingFilter(false);
-      }
+      setIsChangingFilter(false);
     }
-  }, [metricsLoading, workspaceMetrics, isChangingFilter, selectedLineId, factoryViewId]);
+  }, [metricsLoading, isChangingFilter]);
   useEffect(() => {
     if (!metricsLoading && !hasInitialDataLoaded) {
       setHasInitialDataLoaded(true);
@@ -60045,11 +60384,107 @@ function HomeView({
     if (visibleLineIds.length <= 1) {
       return null;
     }
-    return /* @__PURE__ */ jsxs(Select, { onValueChange: handleLineChange, value: selectedLineId, children: [
-      /* @__PURE__ */ jsx(SelectTrigger, { className: "w-full sm:w-[200px] bg-white border border-gray-200 shadow-sm rounded-md h-9 sm:h-9 text-xs sm:text-sm px-2 sm:px-3", children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "Select a line" }) }),
-      /* @__PURE__ */ jsx(SelectContent, { className: "z-50 bg-white shadow-lg border border-gray-200 rounded-md text-xs sm:text-sm", children: availableLineIds.map((id3) => /* @__PURE__ */ jsx(SelectItem, { value: id3, children: mergedLineNames[id3] || (id3 === factoryViewId ? "All Lines" : `Line ${id3.substring(0, 4)}`) }, id3)) })
+    const allLinesSelected = isAllLinesSelection(pendingSelectedLineIds);
+    return /* @__PURE__ */ jsxs("div", { ref: lineSelectorRef, className: "relative", children: [
+      /* @__PURE__ */ jsxs(
+        "button",
+        {
+          type: "button",
+          onClick: () => setIsLineSelectorOpen((previous) => !previous),
+          className: "flex min-w-[180px] items-center justify-between gap-2 rounded-md border border-slate-200 bg-white px-3 py-1.5 text-left text-sm font-medium shadow-sm transition-colors hover:bg-slate-50 text-slate-700",
+          "aria-haspopup": "menu",
+          "aria-expanded": isLineSelectorOpen,
+          "aria-label": "Select lines",
+          children: [
+            /* @__PURE__ */ jsx("span", { className: "truncate", children: getLineSelectionLabel(selectedLineIds) }),
+            /* @__PURE__ */ jsx(ChevronDown, { className: `h-4 w-4 text-slate-400 transition-transform ${isLineSelectorOpen ? "rotate-180" : ""}` })
+          ]
+        }
+      ),
+      isLineSelectorOpen ? /* @__PURE__ */ jsxs("div", { className: "absolute right-0 top-full z-50 mt-2 w-[280px] rounded-lg border border-slate-200 bg-white p-3 shadow-xl flex flex-col gap-2", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between pb-2 border-b border-slate-100", children: [
+          /* @__PURE__ */ jsx("span", { className: "text-sm font-semibold text-slate-800", children: "Select Lines" }),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              onClick: () => setPendingSelectedLineIds([]),
+              className: "text-xs font-medium text-blue-600 hover:text-blue-700 transition-colors",
+              children: "Clear All"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("label", { className: "flex cursor-pointer items-center gap-2.5 rounded-md px-2 py-1.5 text-sm font-medium text-slate-900 hover:bg-slate-50 transition-colors", children: [
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              type: "checkbox",
+              className: "h-4 w-4 rounded border-slate-300 text-blue-600 focus:ring-blue-500",
+              checked: allLinesSelected,
+              onChange: () => setPendingSelectedLineIds(allLinesSelected ? [] : visibleLineIds)
+            }
+          ),
+          /* @__PURE__ */ jsx("span", { children: "All Lines" })
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "max-h-56 space-y-0.5 overflow-y-auto pr-1", children: visibleLineIds.map((lineId) => {
+          const isChecked = pendingSelectedLineIds.includes(lineId);
+          return /* @__PURE__ */ jsxs(
+            "label",
+            {
+              className: "flex cursor-pointer items-center gap-2.5 rounded-md px-2 py-1.5 text-sm transition-colors text-slate-700 hover:bg-slate-50",
+              children: [
+                /* @__PURE__ */ jsx(
+                  "input",
+                  {
+                    type: "checkbox",
+                    className: "h-4 w-4 rounded border-slate-300 text-blue-600 focus:ring-blue-500",
+                    checked: isChecked,
+                    onChange: () => {
+                      setPendingSelectedLineIds((prev) => {
+                        const current = new Set(prev);
+                        if (current.has(lineId)) {
+                          current.delete(lineId);
+                        } else {
+                          current.add(lineId);
+                        }
+                        return Array.from(current);
+                      });
+                    }
+                  }
+                ),
+                /* @__PURE__ */ jsx("span", { className: "truncate", children: mergedLineNames[lineId] || `Line ${lineId.substring(0, 4)}` })
+              ]
+            },
+            lineId
+          );
+        }) }),
+        /* @__PURE__ */ jsx("div", { className: "pt-3 pb-1 mt-1 border-t border-slate-100 flex justify-end", children: /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            onClick: () => {
+              if (pendingSelectedLineIds.length > 0) {
+                updateSelectedLineIds(pendingSelectedLineIds);
+              }
+              setIsLineSelectorOpen(false);
+            },
+            disabled: pendingSelectedLineIds.length === 0,
+            className: "bg-blue-600 text-white px-4 py-1.5 rounded-md text-sm font-medium hover:bg-blue-700 disabled:opacity-50 disabled:cursor-not-allowed transition-colors w-full",
+            children: "Apply"
+          }
+        ) })
+      ] }) : null
     ] });
-  }, [availableLineIds, handleLineChange, selectedLineId, mergedLineNames, factoryViewId, visibleLineIds.length]);
+  }, [
+    getLineSelectionLabel,
+    isLineSelectorOpen,
+    mergedLineNames,
+    selectedLineIds,
+    pendingSelectedLineIds,
+    visibleLineIds,
+    updateSelectedLineIds,
+    isAllLinesSelection
+  ]);
   const useSmoothLoading = (isLoading, minDuration = 400) => {
     const [showLoading, setShowLoading] = useState(isLoading);
     const loadingStartRef2 = useRef(null);
@@ -60095,11 +60530,11 @@ function HomeView({
   const isDataLoading = metricsLoading || displayNamesLoading && workspaceMetrics.length === 0;
   const hasKpiDataReady = useMemo(() => {
     const lineMetricsRows = lineMetrics || [];
-    if (selectedLineId === factoryViewId) {
-      return lineMetricsRows.length > 0;
+    if (selectedLineIds.length > 1) {
+      return lineMetricsRows.some((row) => selectedLineIdSet.has(row?.line_id));
     }
-    return lineMetricsRows.some((row) => row?.line_id === selectedLineId);
-  }, [lineMetrics, selectedLineId, factoryViewId]);
+    return lineMetricsRows.some((row) => row?.line_id === primarySelectedLineId);
+  }, [lineMetrics, primarySelectedLineId, selectedLineIdSet, selectedLineIds.length]);
   const isKpiLoading = !hasKpiDataReady;
   useEffect(() => {
     const minLoadingDurationMs = 250;
@@ -60161,76 +60596,77 @@ function HomeView({
             DashboardHeader,
             {
               lineTitle,
-              lineId: selectedLineId === factoryViewId ? allLineIds[0] : selectedLineId,
+              lineId: primarySelectedLineId,
               className: "w-full",
               headerControls: kpiSectionControl
             }
           ) }) }),
-          /* @__PURE__ */ jsxs("div", { className: "flex-1 overflow-y-auto sm:overflow-hidden relative", children: [
-            /* @__PURE__ */ jsx("div", { className: "absolute right-2 top-1 sm:right-6 sm:top-3 z-30 flex items-center space-x-2", children: lineSelectorComponent && lineSelectorComponent }),
-            /* @__PURE__ */ jsx("div", { className: "h-full sm:h-full min-h-[calc(100vh-100px)] sm:min-h-0", children: workspaceMetricsWithBreakState.length > 0 ? /* @__PURE__ */ jsx(
-              motion.div,
-              {
-                initial: { opacity: 0, scale: 0.98 },
-                animate: { opacity: 1, scale: 1 },
-                transition: { duration: 0.3 },
+          /* @__PURE__ */ jsx("div", { className: "flex-1 overflow-y-auto sm:overflow-hidden relative flex flex-col", children: /* @__PURE__ */ jsx("div", { className: "flex-1 min-h-[calc(100vh-100px)] sm:min-h-0", children: workspaceMetricsWithBreakState.length > 0 ? /* @__PURE__ */ jsx(
+            motion.div,
+            {
+              initial: { opacity: 0, scale: 0.98 },
+              animate: { opacity: 1, scale: 1 },
+              transition: { duration: 0.3 },
+              className: "h-full",
+              children: React142__default.createElement(WorkspaceGrid, {
+                workspaces: workspaceMetricsWithBreakState,
+                lineNames: mergedLineNames,
+                lineOrder: selectedLineIds,
+                factoryView: factoryViewId,
+                legend: efficiencyLegend,
+                videoSources,
+                videoStreamsByWorkspaceId,
+                videoStreamsLoading,
+                displayNames: workspaceDisplayNames,
+                hasFlowBuffers,
                 className: "h-full",
-                children: React142__default.createElement(WorkspaceGrid, {
-                  workspaces: workspaceMetricsWithBreakState,
-                  lineNames,
-                  factoryView: factoryViewId,
-                  legend: efficiencyLegend,
-                  videoSources,
-                  videoStreamsByWorkspaceId,
-                  videoStreamsLoading,
-                  displayNames: workspaceDisplayNames,
-                  hasFlowBuffers,
-                  className: "h-full",
-                  onWorkspaceHover: handleWorkspaceHover,
-                  onWorkspaceHoverEnd: handleWorkspaceHoverEnd
-                })
-              },
-              selectedLineId
-            ) : !shouldShowDataLoading && hasInitialDataLoaded ? /* @__PURE__ */ jsx(
-              motion.div,
-              {
-                initial: { opacity: 0 },
-                animate: { opacity: 1 },
-                transition: { duration: 0.3 },
-                children: /* @__PURE__ */ jsx(NoWorkspaceData, { message: "No workspace data available. Select another line or check configurations." })
-              }
-            ) : /* @__PURE__ */ jsx(
-              motion.div,
-              {
-                initial: { opacity: 0, scale: 0.98 },
-                animate: { opacity: 1, scale: 1 },
-                transition: { duration: 0.3 },
+                toolbarRightContent: lineSelectorComponent,
+                onWorkspaceHover: handleWorkspaceHover,
+                onWorkspaceHoverEnd: handleWorkspaceHoverEnd
+              })
+            },
+            selectedLineIdsKey
+          ) : !shouldShowDataLoading && hasInitialDataLoaded ? /* @__PURE__ */ jsx(
+            motion.div,
+            {
+              initial: { opacity: 0 },
+              animate: { opacity: 1 },
+              transition: { duration: 0.3 },
+              children: /* @__PURE__ */ jsx(NoWorkspaceData, { message: "No workspace data available. Adjust the selected lines or check configurations." })
+            }
+          ) : /* @__PURE__ */ jsx(
+            motion.div,
+            {
+              initial: { opacity: 0, scale: 0.98 },
+              animate: { opacity: 1, scale: 1 },
+              transition: { duration: 0.3 },
+              className: "h-full",
+              children: React142__default.createElement(WorkspaceGrid, {
+                workspaces: [],
+                // Show empty grid while loading
+                lineNames: mergedLineNames,
+                lineOrder: selectedLineIds,
+                factoryView: factoryViewId,
+                legend: efficiencyLegend,
+                videoSources,
+                videoStreamsByWorkspaceId,
+                videoStreamsLoading,
+                displayNames: workspaceDisplayNames,
+                hasFlowBuffers,
                 className: "h-full",
-                children: React142__default.createElement(WorkspaceGrid, {
-                  workspaces: [],
-                  // Show empty grid while loading
-                  lineNames,
-                  factoryView: factoryViewId,
-                  legend: efficiencyLegend,
-                  videoSources,
-                  videoStreamsByWorkspaceId,
-                  videoStreamsLoading,
-                  displayNames: workspaceDisplayNames,
-                  hasFlowBuffers,
-                  className: "h-full",
-                  onWorkspaceHover: handleWorkspaceHover,
-                  onWorkspaceHoverEnd: handleWorkspaceHoverEnd
-                })
-              },
-              selectedLineId
-            ) })
-          ] })
+                toolbarRightContent: lineSelectorComponent,
+                onWorkspaceHover: handleWorkspaceHover,
+                onWorkspaceHoverEnd: handleWorkspaceHoverEnd
+              })
+            },
+            selectedLineIdsKey
+          ) }) })
         ] }),
         /* @__PURE__ */ jsx(
           BreakNotificationPopup,
           {
             activeBreaks,
-            lineNames,
+            lineNames: mergedLineNames,
             isVisible: !breaksLoading && !breaksError && !breakNotificationsDismissed,
             onDismiss: () => setBreakNotificationsDismissed(true)
           }
@@ -69369,6 +69805,10 @@ var WorkspaceDetailView = ({
     shiftId: selectedShift,
     companyId: dashboardConfig?.entityConfig?.companyId
   });
+  const {
+    isFastSlowClipFiltersEnabled,
+    isResolved: isFastSlowClipFiltersResolved
+  } = useCompanyFastSlowClipFiltersEnabled();
   const isClipsEnabled = dashboardConfig?.clipsConfig?.enabled ?? true;
   dashboardConfig?.supervisorConfig?.enabled || false;
   const effectiveLineId = lineId || selectedLineId;
@@ -69455,15 +69895,19 @@ var WorkspaceDetailView = ({
     return `${workspaceId}:${percentileDate}:${percentileShiftId.toString()}:10`;
   }, [workspaceId, percentileDate, percentileShiftId]);
   useEffect(() => {
-    if (!percentileCountsKey) {
+    if (!isFastSlowClipFiltersEnabled || !percentileCountsKey) {
       setPrefetchedPercentileCounts(null);
       return;
     }
     if (prefetchedPercentileCounts && prefetchedPercentileCounts.key !== percentileCountsKey) {
       setPrefetchedPercentileCounts(null);
     }
-  }, [percentileCountsKey, prefetchedPercentileCounts]);
+  }, [isFastSlowClipFiltersEnabled, percentileCountsKey, prefetchedPercentileCounts]);
   useEffect(() => {
+    if (!isFastSlowClipFiltersEnabled || !isFastSlowClipFiltersResolved) {
+      setPrefetchedPercentileCounts(null);
+      return;
+    }
     if (!percentileCountsKey || !percentileDate || percentileShiftId === null || percentileShiftId === void 0) {
       return;
     }
@@ -69530,7 +69974,16 @@ var WorkspaceDetailView = ({
     return () => {
       controller.abort();
     };
-  }, [percentileCountsKey, percentileDate, percentileShiftId, workspaceId, supabase, prefetchedPercentileCounts]);
+  }, [
+    isFastSlowClipFiltersEnabled,
+    isFastSlowClipFiltersResolved,
+    percentileCountsKey,
+    percentileDate,
+    percentileShiftId,
+    workspaceId,
+    supabase,
+    prefetchedPercentileCounts
+  ]);
   const {
     metrics: historicMetrics,
     isLoading: historicLoading,
@@ -70806,7 +71259,7 @@ var WorkspaceDetailView = ({
               shift,
               totalOutput: workspace?.total_actions,
               workspaceMetrics: detailedWorkspaceMetrics || void 0,
-              prefetchedPercentileCounts,
+              prefetchedPercentileCounts: isFastSlowClipFiltersEnabled ? prefetchedPercentileCounts : null,
               className: "h-[calc(100vh-10rem)]"
             }
           ) })
@@ -79770,4 +80223,4 @@ var streamProxyConfig = {
   }
 };
 
-export { ACTION_FAMILIES, ACTION_NAMES, AIAgentView_default as AIAgentView, AcceptInvite, AcceptInviteView_default as AcceptInviteView, AdvancedFilterDialog, AdvancedFilterPanel, AudioService, AuthCallback, AuthCallbackView_default as AuthCallbackView, AuthProvider, AuthService, AuthenticatedBottleneckClipsView, AuthenticatedFactoryView, AuthenticatedHelpView, AuthenticatedHomeView, AuthenticatedShiftsView, AuthenticatedTargetsView, AuthenticatedTicketsView, AuthenticatedWorkspaceHealthView, AvatarUpload, AxelNotificationPopup, AxelOrb, BackButton, BackButtonMinimal, BarChart, BaseHistoryCalendar, BottleneckClipsModal, BottleneckClipsView_default as BottleneckClipsView, BottlenecksContent, BreakNotificationPopup, CachePrefetchStatus, Card2 as Card, CardContent2 as CardContent, CardDescription2 as CardDescription, CardFooter2 as CardFooter, CardHeader2 as CardHeader, CardTitle2 as CardTitle, ChangeRoleDialog, ClipFilterProvider, ClipsCostView_default as ClipsCostView, CompactWorkspaceHealthCard, ConfirmRemoveUserDialog, CongratulationsOverlay, CroppedHlsVideoPlayer, CroppedVideoPlayer, CycleTimeChart, CycleTimeOverTimeChart, DEFAULT_ANALYTICS_CONFIG, DEFAULT_AUTH_CONFIG, DEFAULT_CONFIG, DEFAULT_DATABASE_CONFIG, DEFAULT_DATE_TIME_CONFIG, DEFAULT_ENDPOINTS_CONFIG, DEFAULT_ENTITY_CONFIG, DEFAULT_HOME_VIEW_CONFIG, DEFAULT_MAP_VIEW_CONFIG, DEFAULT_SHIFT_CONFIG, DEFAULT_SHIFT_DATA, DEFAULT_THEME_CONFIG, DEFAULT_VIDEO_CONFIG, DEFAULT_WORKSPACE_CONFIG, DEFAULT_WORKSPACE_POSITIONS, DashboardHeader, DashboardLayout, DashboardOverridesProvider, DashboardProvider, DateDisplay_default as DateDisplay, DateTimeDisplay, DebugAuth, DebugAuthView_default as DebugAuthView, DetailedHealthStatus, DiagnosisVideoModal, EFFICIENCY_ON_TRACK_THRESHOLD, EmptyStateMessage, EncouragementOverlay, FactoryAssignmentDropdown, FactoryView_default as FactoryView, FileManagerFilters, FilterDialogTrigger, FirstTimeLoginDebug, FirstTimeLoginHandler, FittingTitle, GaugeChart, GridComponentsPlaceholder, HamburgerButton, Header, HealthDateShiftSelector, HealthStatusGrid, HealthStatusIndicator, HelpView_default as HelpView, HlsVideoPlayer, HomeView_default as HomeView, HourlyOutputChart2 as HourlyOutputChart, HourlyUptimeChart, ISTTimer_default as ISTTimer, IdleTimeVlmConfigProvider, ImprovementCenterView_default as ImprovementCenterView, InlineEditableText, InteractiveOnboardingTour, InvitationService, InvitationsTable, InviteUserDialog, KPICard, KPIDetailView_default as KPIDetailView, KPIGrid, KPIHeader, KPISection, KPIsOverviewView_default as KPIsOverviewView, LINE_1_UUID, LINE_2_UUID, LargeOutputProgressChart, LeaderboardDetailView_default as LeaderboardDetailView, Legend5 as Legend, LineAssignmentDropdown, LineChart, LineHistoryCalendar, LineMonthlyHistory, LineMonthlyPdfGenerator, LinePdfExportButton, LinePdfGenerator, LineWhatsAppShareButton, LinesService, LiveTimer, LoadingInline, LoadingOverlay_default as LoadingOverlay, LoadingPage_default as LoadingPage, LoadingSkeleton, LoadingState, LoginPage, LoginView_default as LoginView, Logo, MainLayout, MapGridView, MetricCard_default as MetricCard, MinimalOnboardingPopup, MobileMenuProvider, NewClipsNotification, NoWorkspaceData, OnboardingDemo, OnboardingTour, OptifyeAgentClient, OptifyeLogoLoader_default as OptifyeLogoLoader, OutputProgressChart, PageHeader, PieChart4 as PieChart, PlantHeadView_default as PlantHeadView, PlayPauseIndicator, PrefetchConfigurationError, PrefetchError, PrefetchEvents, PrefetchStatus, PrefetchTimeoutError, ProfileView_default as ProfileView, ROOT_DASHBOARD_EVENT_NAMES, RegistryProvider, RoleBadge, S3ClipsSupabaseService as S3ClipsService, S3Service, SKUManagementView, SOPComplianceChart, SSEChatClient, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, SessionTracker, SessionTrackingContext, SessionTrackingProvider, SettingsPopup, ShiftDisplay_default as ShiftDisplay, ShiftsView_default as ShiftsView, SideNavBar, SignupWithInvitation, SilentErrorBoundary, SimpleOnboardingPopup, SingleVideoStream_default as SingleVideoStream, Skeleton, SubscriptionManager, SubscriptionManagerProvider, SupabaseProvider, SupervisorDropdown_default as SupervisorDropdown, SupervisorManagementView_default as SupervisorManagementView, SupervisorService, TargetWorkspaceGrid, TargetsView_default as TargetsView, TeamManagementView_default as TeamManagementView, ThreadSidebar, TicketHistory_default as TicketHistory, TicketHistoryService, TicketsView_default as TicketsView, TimeDisplay_default as TimeDisplay, TimePickerDropdown, Timer_default as Timer, TimezoneProvider, TimezoneService, UptimeDonutChart, UptimeLineChart, UptimeMetricCards, UserAvatar, UserManagementService, UserManagementTable, UserService, UserUsageDetailModal, UserUsageStats, VideoCard, VideoGridView, VideoPlayer, VideoPreloader, WORKSPACE_POSITIONS, WhatsAppShareButton, WorkspaceCard, WorkspaceCycleTimeMetricCards, WorkspaceDetailView_default as WorkspaceDetailView, WorkspaceDisplayNameExample, WorkspaceGrid, WorkspaceGridItem, WorkspaceHealthCard, WorkspaceHealthView_default as WorkspaceHealthView, WorkspaceHistoryCalendar, WorkspaceMetricCards, WorkspaceMetricCardsImpl, WorkspaceMonthlyDataFetcher, WorkspaceMonthlyHistory, WorkspaceMonthlyPdfGenerator, WorkspacePdfExportButton, WorkspacePdfGenerator, WorkspaceWhatsAppShareButton, actionService, aggregateKPIsFromLineMetricsRows, alertsService, apiUtils, areAllLinesOnSameShift, authCoreService, authOTPService, authRateLimitService, awardsService, buildDateKey, buildKPIsFromLineMetricsRow, buildShiftGroupsKey, canRoleAccessDashboardPath, canRoleAccessTeamManagement, canRoleAssignFactories, canRoleAssignLines, canRoleChangeRole, canRoleInviteRole, canRoleManageCompany, canRoleManageTargets, canRoleManageUsers, canRoleRemoveUser, canRoleViewClipsCost, canRoleViewUsageStats, captureSentryException, captureSentryMessage, checkRateLimit2 as checkRateLimit, clearAllRateLimits2 as clearAllRateLimits, clearRateLimit2 as clearRateLimit, clearS3VideoCache, clearS3VideoFromCache, clearSentryContext, clearWorkspaceDisplayNamesCache, cn, createDefaultKPIs, createInvitationService, createLinesService, createSessionTracker, createStorageService, createStreamProxyHandler, createSupabaseClient, createSupervisorService, createThrottledReload, createUserManagementService, createUserService, dashboardService, deleteThread, fetchIdleTimeReasons, filterDataByDateKeyRange, forceRefreshWorkspaceDisplayNames, formatAwardMonth, formatDateInZone, formatDateKeyForDisplay, formatDateTimeInZone, formatDuration2 as formatDuration, formatISTDate, formatIdleTime, formatRangeLabel, formatReasonLabel, formatRelativeTime, formatTimeInZone, fromUrlFriendlyName, getActionDisplayName, getActiveShift, getAllLineDisplayNames, getAllThreadMessages, getAllWorkspaceDisplayNamesAsync, getAllWorkspaceDisplayNamesSnapshot, getAnonClient, getAssignableRoles, getAssignmentColumnLabel, getAvailableShiftIds, getAwardBadgeType, getAwardDescription, getAwardTitle, getBrowserName, getCameraNumber, getCompanyMetricsTableName, getConfigurableShortWorkspaceDisplayName, getConfigurableWorkspaceDisplayName, getConfiguredLineIds, getCoreSessionRecordingProperties, getCoreSessionReplayUrl, getCurrentShift, getCurrentShiftForLine, getCurrentTimeInZone, getCurrentWeekFullRange, getCurrentWeekToDateRange, getDashboardHeaderTimeInZone, getDateKeyFromDate, getDaysDifferenceInZone, getDefaultCameraStreamUrl, getDefaultLineId, getDefaultTabForWorkspace, getInitials, getLineDisplayName, getManufacturingInsights, getMetricsTablePrefix, getMonthKeyBounds, getMonthWeekRanges, getNextUpdateInterval, getOperationalDate, getRoleAssignmentKind, getRoleDescription, getRoleLabel, getRoleMetadata, getRoleNavPaths, getS3SignedUrl, getS3VideoSrc, getShiftData, getShiftNameById, getShiftWorkDurationSeconds, getShortShiftName, getShortWorkspaceDisplayName, getShortWorkspaceDisplayNameAsync, getStoredWorkspaceMappings, getSubscriptionManager, getThreadMessages, getUniformShiftGroup, getUserThreads, getUserThreadsPaginated, getVisibleRolesForCurrentUser, getWorkspaceDisplayName, getWorkspaceDisplayNameAsync, getWorkspaceDisplayNamesMap, getWorkspaceFromUrl, getWorkspaceNavigationParams, groupLinesByShift, hasAnyShiftData, identifyCoreUser, initializeCoreMixpanel, isEfficiencyOnTrack, isFactoryScopedRole, isFullMonthRange, isLegacyConfiguration, isLoopbackHostname, isPrefetchError, isRecentFlowVideoGridMetricMode, isSafari, isSupervisorRole, isTransitionPeriod, isUrlPermanentlyFailed, isValidFactoryViewConfiguration, isValidLineInfoPayload, isValidPrefetchParams, isValidPrefetchStatus, isValidWorkspaceDetailedMetricsPayload, isValidWorkspaceMetricsPayload, isWipGatedVideoGridMetricMode, isWorkspaceDisplayNamesLoaded, isWorkspaceDisplayNamesLoading, lineLeaderboardService, linesService, mergeWithDefaultConfig, migrateLegacyConfiguration, normalizeActionFamily, normalizeDateKeyRange, normalizeRoleLevel, normalizeVideoGridMetricMode, optifyeAgentClient, parseDateKeyToDate, parseS3Uri, preInitializeWorkspaceDisplayNames, preloadS3Video, preloadS3VideoUrl, preloadS3VideosUrl, preloadVideoUrl, preloadVideosUrl, qualityService, realtimeService, refreshWorkspaceDisplayNames, resetCoreMixpanel, resetFailedUrl, resetSubscriptionManager, s3VideoPreloader, setSentryUserContext, setSentryWorkspaceContext, shouldEnableLocalDevTestLogin, shuffleArray, simulateApiDelay, skuService, startCoreSessionRecording, stopCoreSessionRecording, storeWorkspaceMapping, streamProxyConfig, subscribeWorkspaceDisplayNames, throttledReloadDashboard, toUrlFriendlyName, trackCoreEvent, trackCorePageView, transformToChartData, updateThreadTitle, upsertWorkspaceDisplayNameInCache, useAccessControl, useActiveBreaks, useActiveLineId, useAllWorkspaceMetrics, useAnalyticsConfig, useAppTimezone, useAudioService, useAuth, useAuthConfig, useAxelNotifications, useCanSaveTargets, useClipFilter, useClipTypes, useClipTypesWithCounts, useClipsInit, useCompanyClipsCost, useCompanyHasVlmEnabledLine, useCompanyUsersUsage, useComponentOverride, useCustomConfig, useDashboardConfig, useDashboardMetrics, useDatabaseConfig, useDateFormatter, useDateTimeConfig, useDynamicShiftConfig, useEndpointsConfig, useEntityConfig, useFactoryOverviewMetrics, useFeatureFlags, useFormatNumber, useHasLineAccess, useHideMobileHeader, useHistoricWorkspaceMetrics, useHlsStream, useHlsStreamWithCropping, useHookOverride, useHourEndTimer, useHourlyTargetAchievements, useHourlyTargetMisses, useIdleTimeClipClassifications, useIdleTimeReasons, useIdleTimeVlmConfig, useKpiTrends, useLeaderboardMetrics, useLineDetailedMetrics, useLineKPIs, useLineMetrics, useLineShiftConfig, useLineSupervisor, useLineWorkspaceMetrics, useLines, useMessages, useMetrics, useMobileMenu, useMonthlyTrend, useMultiLineShiftConfigs, useNavigation, useOperationalShiftKey, useOptionalSupabase, useOverrides, usePageOverride, usePrefetchClipCounts, useRealtimeLineMetrics, useRegistry, useSKUs, useSessionKeepAlive, useSessionTracking, useSessionTrackingContext, useShiftConfig, useShiftGroups, useShifts, useSubscriptionManager, useSubscriptionManagerSafe, useSupabase, useSupabaseClient, useSupervisorsByLineIds, useTargets, useTeamManagementPermissions, useTheme, useThemeConfig, useThreads, useTicketHistory, useTimezoneContext, useUserLineAccess, useUserUsage, useVideoConfig, useWorkspaceConfig, useWorkspaceDetailedMetrics, useWorkspaceDisplayName, useWorkspaceDisplayNames, useWorkspaceDisplayNamesMap, useWorkspaceHealthById, useWorkspaceHealthLastSeen, useWorkspaceHealthStatus, useWorkspaceMetrics, useWorkspaceNavigation, useWorkspaceOperators, useWorkspaceUptimeTimeline, useWorkspaceVideoStreams, userService, videoPrefetchManager, videoPreloader, weeklyTopPerformerService, whatsappService, withAccessControl, withAuth, withRegistry, withTimezone, workspaceHealthService, workspaceService };
+export { ACTION_FAMILIES, ACTION_NAMES, AIAgentView_default as AIAgentView, AcceptInvite, AcceptInviteView_default as AcceptInviteView, AdvancedFilterDialog, AdvancedFilterPanel, AudioService, AuthCallback, AuthCallbackView_default as AuthCallbackView, AuthProvider, AuthService, AuthenticatedBottleneckClipsView, AuthenticatedFactoryView, AuthenticatedHelpView, AuthenticatedHomeView, AuthenticatedShiftsView, AuthenticatedTargetsView, AuthenticatedTicketsView, AuthenticatedWorkspaceHealthView, AvatarUpload, AxelNotificationPopup, AxelOrb, BackButton, BackButtonMinimal, BarChart, BaseHistoryCalendar, BottleneckClipsModal, BottleneckClipsView_default as BottleneckClipsView, BottlenecksContent, BreakNotificationPopup, CachePrefetchStatus, Card2 as Card, CardContent2 as CardContent, CardDescription2 as CardDescription, CardFooter2 as CardFooter, CardHeader2 as CardHeader, CardTitle2 as CardTitle, ChangeRoleDialog, ClipFilterProvider, ClipsCostView_default as ClipsCostView, CompactWorkspaceHealthCard, ConfirmRemoveUserDialog, CongratulationsOverlay, CroppedHlsVideoPlayer, CroppedVideoPlayer, CycleTimeChart, CycleTimeOverTimeChart, DEFAULT_ANALYTICS_CONFIG, DEFAULT_AUTH_CONFIG, DEFAULT_CONFIG, DEFAULT_DATABASE_CONFIG, DEFAULT_DATE_TIME_CONFIG, DEFAULT_ENDPOINTS_CONFIG, DEFAULT_ENTITY_CONFIG, DEFAULT_HOME_VIEW_CONFIG, DEFAULT_MAP_VIEW_CONFIG, DEFAULT_SHIFT_CONFIG, DEFAULT_SHIFT_DATA, DEFAULT_THEME_CONFIG, DEFAULT_VIDEO_CONFIG, DEFAULT_WORKSPACE_CONFIG, DEFAULT_WORKSPACE_POSITIONS, DashboardHeader, DashboardLayout, DashboardOverridesProvider, DashboardProvider, DateDisplay_default as DateDisplay, DateTimeDisplay, DebugAuth, DebugAuthView_default as DebugAuthView, DetailedHealthStatus, DiagnosisVideoModal, EFFICIENCY_ON_TRACK_THRESHOLD, EmptyStateMessage, EncouragementOverlay, FactoryAssignmentDropdown, FactoryView_default as FactoryView, FileManagerFilters, FilterDialogTrigger, FirstTimeLoginDebug, FirstTimeLoginHandler, FittingTitle, GaugeChart, GridComponentsPlaceholder, HamburgerButton, Header, HealthDateShiftSelector, HealthStatusGrid, HealthStatusIndicator, HelpView_default as HelpView, HlsVideoPlayer, HomeView_default as HomeView, HourlyOutputChart2 as HourlyOutputChart, HourlyUptimeChart, ISTTimer_default as ISTTimer, IdleTimeVlmConfigProvider, ImprovementCenterView_default as ImprovementCenterView, InlineEditableText, InteractiveOnboardingTour, InvitationService, InvitationsTable, InviteUserDialog, KPICard, KPIDetailView_default as KPIDetailView, KPIGrid, KPIHeader, KPISection, KPIsOverviewView_default as KPIsOverviewView, LINE_1_UUID, LINE_2_UUID, LargeOutputProgressChart, LeaderboardDetailView_default as LeaderboardDetailView, Legend5 as Legend, LineAssignmentDropdown, LineChart, LineHistoryCalendar, LineMonthlyHistory, LineMonthlyPdfGenerator, LinePdfExportButton, LinePdfGenerator, LineWhatsAppShareButton, LinesService, LiveTimer, LoadingInline, LoadingOverlay_default as LoadingOverlay, LoadingPage_default as LoadingPage, LoadingSkeleton, LoadingState, LoginPage, LoginView_default as LoginView, Logo, MainLayout, MapGridView, MetricCard_default as MetricCard, MinimalOnboardingPopup, MobileMenuProvider, NewClipsNotification, NoWorkspaceData, OnboardingDemo, OnboardingTour, OptifyeAgentClient, OptifyeLogoLoader_default as OptifyeLogoLoader, OutputProgressChart, PageHeader, PieChart4 as PieChart, PlantHeadView_default as PlantHeadView, PlayPauseIndicator, PrefetchConfigurationError, PrefetchError, PrefetchEvents, PrefetchStatus, PrefetchTimeoutError, ProfileView_default as ProfileView, ROOT_DASHBOARD_EVENT_NAMES, RegistryProvider, RoleBadge, S3ClipsSupabaseService as S3ClipsService, S3Service, SKUManagementView, SOPComplianceChart, SSEChatClient, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, SessionTracker, SessionTrackingContext, SessionTrackingProvider, SettingsPopup, ShiftDisplay_default as ShiftDisplay, ShiftsView_default as ShiftsView, SideNavBar, SignupWithInvitation, SilentErrorBoundary, SimpleOnboardingPopup, SingleVideoStream_default as SingleVideoStream, Skeleton, SubscriptionManager, SubscriptionManagerProvider, SupabaseProvider, SupervisorDropdown_default as SupervisorDropdown, SupervisorManagementView_default as SupervisorManagementView, SupervisorService, TargetWorkspaceGrid, TargetsView_default as TargetsView, TeamManagementView_default as TeamManagementView, ThreadSidebar, TicketHistory_default as TicketHistory, TicketHistoryService, TicketsView_default as TicketsView, TimeDisplay_default as TimeDisplay, TimePickerDropdown, Timer_default as Timer, TimezoneProvider, TimezoneService, UptimeDonutChart, UptimeLineChart, UptimeMetricCards, UserAvatar, UserManagementService, UserManagementTable, UserService, UserUsageDetailModal, UserUsageStats, VideoCard, VideoGridView, VideoPlayer, VideoPreloader, WORKSPACE_POSITIONS, WhatsAppShareButton, WorkspaceCard, WorkspaceCycleTimeMetricCards, WorkspaceDetailView_default as WorkspaceDetailView, WorkspaceDisplayNameExample, WorkspaceGrid, WorkspaceGridItem, WorkspaceHealthCard, WorkspaceHealthView_default as WorkspaceHealthView, WorkspaceHistoryCalendar, WorkspaceMetricCards, WorkspaceMetricCardsImpl, WorkspaceMonthlyDataFetcher, WorkspaceMonthlyHistory, WorkspaceMonthlyPdfGenerator, WorkspacePdfExportButton, WorkspacePdfGenerator, WorkspaceWhatsAppShareButton, actionService, aggregateKPIsFromLineMetricsRows, alertsService, apiUtils, areAllLinesOnSameShift, authCoreService, authOTPService, authRateLimitService, awardsService, buildDateKey, buildKPIsFromLineMetricsRow, buildShiftGroupsKey, canRoleAccessDashboardPath, canRoleAccessTeamManagement, canRoleAssignFactories, canRoleAssignLines, canRoleChangeRole, canRoleInviteRole, canRoleManageCompany, canRoleManageTargets, canRoleManageUsers, canRoleRemoveUser, canRoleViewClipsCost, canRoleViewUsageStats, captureSentryException, captureSentryMessage, checkRateLimit2 as checkRateLimit, clearAllRateLimits2 as clearAllRateLimits, clearRateLimit2 as clearRateLimit, clearS3VideoCache, clearS3VideoFromCache, clearSentryContext, clearWorkspaceDisplayNamesCache, cn, createDefaultKPIs, createInvitationService, createLinesService, createSessionTracker, createStorageService, createStreamProxyHandler, createSupabaseClient, createSupervisorService, createThrottledReload, createUserManagementService, createUserService, dashboardService, deleteThread, fetchIdleTimeReasons, filterDataByDateKeyRange, forceRefreshWorkspaceDisplayNames, formatAwardMonth, formatDateInZone, formatDateKeyForDisplay, formatDateTimeInZone, formatDuration2 as formatDuration, formatISTDate, formatIdleTime, formatRangeLabel, formatReasonLabel, formatRelativeTime, formatTimeInZone, fromUrlFriendlyName, getActionDisplayName, getActiveShift, getAllLineDisplayNames, getAllThreadMessages, getAllWorkspaceDisplayNamesAsync, getAllWorkspaceDisplayNamesSnapshot, getAnonClient, getAssignableRoles, getAssignmentColumnLabel, getAvailableShiftIds, getAwardBadgeType, getAwardDescription, getAwardTitle, getBrowserName, getCameraNumber, getCompanyMetricsTableName, getConfigurableShortWorkspaceDisplayName, getConfigurableWorkspaceDisplayName, getConfiguredLineIds, getCoreSessionRecordingProperties, getCoreSessionReplayUrl, getCurrentShift, getCurrentShiftForLine, getCurrentTimeInZone, getCurrentWeekFullRange, getCurrentWeekToDateRange, getDashboardHeaderTimeInZone, getDateKeyFromDate, getDaysDifferenceInZone, getDefaultCameraStreamUrl, getDefaultLineId, getDefaultTabForWorkspace, getInitials, getLineDisplayName, getManufacturingInsights, getMetricsTablePrefix, getMonthKeyBounds, getMonthWeekRanges, getNextUpdateInterval, getOperationalDate, getRoleAssignmentKind, getRoleDescription, getRoleLabel, getRoleMetadata, getRoleNavPaths, getS3SignedUrl, getS3VideoSrc, getShiftData, getShiftNameById, getShiftWorkDurationSeconds, getShortShiftName, getShortWorkspaceDisplayName, getShortWorkspaceDisplayNameAsync, getStoredWorkspaceMappings, getSubscriptionManager, getThreadMessages, getUniformShiftGroup, getUserThreads, getUserThreadsPaginated, getVisibleRolesForCurrentUser, getWorkspaceDisplayName, getWorkspaceDisplayNameAsync, getWorkspaceDisplayNamesMap, getWorkspaceFromUrl, getWorkspaceNavigationParams, groupLinesByShift, hasAnyShiftData, identifyCoreUser, initializeCoreMixpanel, isEfficiencyOnTrack, isFactoryScopedRole, isFullMonthRange, isLegacyConfiguration, isLoopbackHostname, isPrefetchError, isRecentFlowVideoGridMetricMode, isSafari, isSupervisorRole, isTransitionPeriod, isUrlPermanentlyFailed, isValidFactoryViewConfiguration, isValidLineInfoPayload, isValidPrefetchParams, isValidPrefetchStatus, isValidWorkspaceDetailedMetricsPayload, isValidWorkspaceMetricsPayload, isWipGatedVideoGridMetricMode, isWorkspaceDisplayNamesLoaded, isWorkspaceDisplayNamesLoading, lineLeaderboardService, linesService, mergeWithDefaultConfig, migrateLegacyConfiguration, normalizeActionFamily, normalizeDateKeyRange, normalizeRoleLevel, normalizeVideoGridMetricMode, optifyeAgentClient, parseDateKeyToDate, parseS3Uri, preInitializeWorkspaceDisplayNames, preloadS3Video, preloadS3VideoUrl, preloadS3VideosUrl, preloadVideoUrl, preloadVideosUrl, qualityService, realtimeService, refreshWorkspaceDisplayNames, resetCoreMixpanel, resetFailedUrl, resetSubscriptionManager, s3VideoPreloader, setSentryUserContext, setSentryWorkspaceContext, shouldEnableLocalDevTestLogin, shuffleArray, simulateApiDelay, skuService, startCoreSessionRecording, stopCoreSessionRecording, storeWorkspaceMapping, streamProxyConfig, subscribeWorkspaceDisplayNames, throttledReloadDashboard, toUrlFriendlyName, trackCoreEvent, trackCorePageView, transformToChartData, updateThreadTitle, upsertWorkspaceDisplayNameInCache, useAccessControl, useActiveBreaks, useActiveLineId, useAllWorkspaceMetrics, useAnalyticsConfig, useAppTimezone, useAudioService, useAuth, useAuthConfig, useAxelNotifications, useCanSaveTargets, useClipFilter, useClipTypes, useClipTypesWithCounts, useClipsInit, useCompanyClipsCost, useCompanyFastSlowClipFiltersEnabled, useCompanyHasVlmEnabledLine, useCompanyUsersUsage, useComponentOverride, useCustomConfig, useDashboardConfig, useDashboardMetrics, useDatabaseConfig, useDateFormatter, useDateTimeConfig, useDynamicShiftConfig, useEndpointsConfig, useEntityConfig, useFactoryOverviewMetrics, useFeatureFlags, useFormatNumber, useHasLineAccess, useHideMobileHeader, useHistoricWorkspaceMetrics, useHlsStream, useHlsStreamWithCropping, useHookOverride, useHourEndTimer, useHourlyTargetAchievements, useHourlyTargetMisses, useIdleTimeClipClassifications, useIdleTimeReasons, useIdleTimeVlmConfig, useKpiTrends, useLeaderboardMetrics, useLineDetailedMetrics, useLineKPIs, useLineMetrics, useLineShiftConfig, useLineSupervisor, useLineWorkspaceMetrics, useLines, useMessages, useMetrics, useMobileMenu, useMonthlyTrend, useMultiLineShiftConfigs, useNavigation, useOperationalShiftKey, useOptionalSupabase, useOverrides, usePageOverride, usePrefetchClipCounts, useRealtimeLineMetrics, useRegistry, useSKUs, useSessionKeepAlive, useSessionTracking, useSessionTrackingContext, useShiftConfig, useShiftGroups, useShifts, useSubscriptionManager, useSubscriptionManagerSafe, useSupabase, useSupabaseClient, useSupervisorsByLineIds, useTargets, useTeamManagementPermissions, useTheme, useThemeConfig, useThreads, useTicketHistory, useTimezoneContext, useUserLineAccess, useUserUsage, useVideoConfig, useWorkspaceConfig, useWorkspaceDetailedMetrics, useWorkspaceDisplayName, useWorkspaceDisplayNames, useWorkspaceDisplayNamesMap, useWorkspaceHealthById, useWorkspaceHealthLastSeen, useWorkspaceHealthStatus, useWorkspaceMetrics, useWorkspaceNavigation, useWorkspaceOperators, useWorkspaceUptimeTimeline, useWorkspaceVideoStreams, userService, videoPrefetchManager, videoPreloader, weeklyTopPerformerService, whatsappService, withAccessControl, withAuth, withRegistry, withTimezone, workspaceHealthService, workspaceService };