@optifye/dashboard-core 6.12.46 → 6.12.47

package/dist/index.mjs

@@ -10,7 +10,7 @@ import { EventEmitter } from 'events';
 import { createClient, REALTIME_SUBSCRIBE_STATES } from '@supabase/supabase-js';
 import Hls, { Events, ErrorTypes } from 'hls.js';
 import useSWR from 'swr';
-import { Camera, AlertTriangle, ChevronDown, ChevronUp, Check, ShieldCheck, Star, Award, RefreshCw, Filter, X, Coffee, Plus, ArrowUp, ArrowDown, ArrowRight, HelpCircle, ClipboardX, Activity, Wrench, UserX, Clock, Package, CheckCircle2, ArrowLeft, Calendar, Save, AlertCircle, Loader2, Minus, ChevronLeft, ChevronRight, TrendingUp, Sparkles, Pause, Play, XCircle, Palette, LockKeyhole, TrendingDown, FolderOpen, Folder, ArrowDownWideNarrow, Tag, Sliders, Layers, Search, Edit2, CheckCircle, User, Users, Shield, Building2, Mail, Lock, Info, Share2, Trophy, Target, Download, Video, Copy, Sun, Moon, MousePointer, UserPlus, UserCog, Trash2, Eye, MoreVertical, BarChart3, Pencil, UserCheck, LogOut, Film, MessageSquare, Menu, Send, Settings, LifeBuoy, EyeOff, Zap, ExternalLink, Flame, Crown, Medal } from 'lucide-react';
+import { Camera, AlertTriangle, ChevronDown, ChevronUp, Check, ShieldCheck, Star, Award, RefreshCw, Filter, X, Coffee, Plus, ArrowUp, ArrowDown, ArrowRight, HelpCircle, ClipboardX, Activity, Wrench, UserX, Clock, Package, Monitor, CheckCircle2, ArrowLeft, Calendar, Save, AlertCircle, Loader2, Minus, ChevronLeft, ChevronRight, TrendingUp, Sparkles, Pause, Play, XCircle, Palette, LockKeyhole, TrendingDown, FolderOpen, Folder, ArrowDownWideNarrow, Tag, Sliders, Layers, Search, Edit2, CheckCircle, User, Users, Shield, Building2, Mail, Lock, Info, Share2, Trophy, Target, Download, Video, Copy, Sun, Moon, MousePointer, UserPlus, UserCog, Trash2, Eye, MoreVertical, BarChart3, Pencil, UserCheck, LogOut, Film, MessageSquare, Menu, Send, Settings, LifeBuoy, EyeOff, Zap, ExternalLink, Flame, Crown, Medal } from 'lucide-react';
 import { memo, noop, warning, invariant, progress, secondsToMilliseconds, millisecondsToSeconds } from 'motion-utils';
 import { BarChart as BarChart$1, CartesianGrid, XAxis, YAxis, ReferenceLine, Tooltip, Legend, Bar, LabelList, ResponsiveContainer, LineChart as LineChart$1, Line, Customized, Cell, PieChart, Pie, ComposedChart, Area, ScatterChart, Scatter } from 'recharts';
 import { Slot } from '@radix-ui/react-slot';
@@ -14871,6 +14871,7 @@ var transformMonitorWorkspaceMetrics = ({
       leaderboard_value: item.leaderboard_value ?? null,
       avg_recent_flow: item.avg_recent_flow ?? null,
       recent_flow_percent: item.recent_flow_percent ?? null,
+      recent_flow_hourly: item.recent_flow_hourly ?? null,
       recent_flow_window_minutes: item.recent_flow_window_minutes ?? null,
       recent_flow_effective_end_at: item.recent_flow_effective_end_at ?? null,
       recent_flow_computed_at: item.recent_flow_computed_at ?? null,
@@ -38473,6 +38474,114 @@ var getRawVideoGridMetricValue = (workspace) => {
 };
 var hasIncomingWipMapping = (workspace) => Boolean(workspace.incoming_wip_buffer_name);
 var getVideoGridWorkspaceKey = (workspace) => workspace.workspace_uuid || `${workspace.line_id || "unknown"}:${workspace.workspace_name || "unknown"}`;
+var getWorstPerformanceWorkstationLimit = (totalWorkstations) => {
+  if (!Number.isFinite(totalWorkstations) || totalWorkstations <= 0) return 0;
+  if (totalWorkstations === 2) return 1;
+  if (totalWorkstations === 4) return 2;
+  return Math.min(3, Math.max(1, Math.floor(totalWorkstations)));
+};
+var coerceRecentFlowHourlyValue = (value) => {
+  if (typeof value === "number" && Number.isFinite(value)) {
+    return value;
+  }
+  if (typeof value === "string") {
+    const trimmed = value.trim();
+    if (!trimmed || trimmed.toLowerCase() === "x") return null;
+    const parsed = Number(trimmed);
+    return Number.isFinite(parsed) ? parsed : null;
+  }
+  return null;
+};
+var collectRecentFlowHourlyValues = (hourly) => {
+  if (!hourly || typeof hourly !== "object" || Array.isArray(hourly)) {
+    return [];
+  }
+  const values = [];
+  Object.values(hourly).forEach((rawSlotValues) => {
+    if (Array.isArray(rawSlotValues)) {
+      rawSlotValues.forEach((rawValue) => {
+        const value = coerceRecentFlowHourlyValue(rawValue);
+        if (value !== null) values.push(value);
+      });
+      return;
+    }
+    if (rawSlotValues && typeof rawSlotValues === "object") {
+      Object.values(rawSlotValues).forEach((rawValue) => {
+        const value = coerceRecentFlowHourlyValue(rawValue);
+        if (value !== null) values.push(value);
+      });
+    }
+  });
+  return values;
+};
+var getAverageRecentFlowHourlyPercent = (workspace) => {
+  const values = collectRecentFlowHourlyValues(workspace.recent_flow_hourly);
+  if (values.length > 0) {
+    return values.reduce((sum, value) => sum + value, 0) / values.length;
+  }
+  if (isFiniteNumber4(workspace.avg_recent_flow)) {
+    return workspace.avg_recent_flow;
+  }
+  return isFiniteNumber4(workspace.recent_flow_percent) ? workspace.recent_flow_percent : null;
+};
+var getAssemblyCycleOverStandardRatio = (workspace) => {
+  const medianCycleTime = toFiniteNumberOrNull(workspace.avg_cycle_time);
+  const standardCycleTime = toFiniteNumberOrNull(workspace.ideal_cycle_time);
+  if (medianCycleTime === null || standardCycleTime === null || medianCycleTime <= 0 || standardCycleTime <= 0) {
+    return null;
+  }
+  return medianCycleTime / standardCycleTime;
+};
+var getUptimeWorstPerformanceValue = (workspace) => toFiniteNumberOrNull(workspace.efficiency);
+var isWorstPerformanceEligible = (workspace) => isValidAggregateEfficiency(workspace.monitoring_mode, workspace.efficiency);
+var isAssemblyLineGroup = (lineWorkspaces) => (
+  // `assembly_enabled` is denormalized from `lines.assembly` onto every
+  // live-monitor workspace row; it is not a workstation-level flag.
+  lineWorkspaces.some((workspace) => workspace.assembly_enabled === true)
+);
+var getWorstPerformanceLineMode = (lineWorkspaces) => {
+  if (lineWorkspaces.some((workspace) => normalizeMonitoringMode(workspace.monitoring_mode) === "uptime")) {
+    return "uptime";
+  }
+  return isAssemblyLineGroup(lineWorkspaces) ? "assembly" : "flow";
+};
+var getEligibleWorstPerformanceCandidates = (lineWorkspaces) => lineWorkspaces.map((workspace, index) => ({ workspace, index })).filter(({ workspace }) => isWorstPerformanceEligible(workspace));
+var selectWorstPerformanceWorkspaceIds = (workspaces) => {
+  const workspacesByLine = /* @__PURE__ */ new Map();
+  workspaces.forEach((workspace) => {
+    const lineKey = workspace.line_id || "unknown";
+    const lineWorkspaces = workspacesByLine.get(lineKey) || [];
+    lineWorkspaces.push(workspace);
+    workspacesByLine.set(lineKey, lineWorkspaces);
+  });
+  const selected = /* @__PURE__ */ new Set();
+  workspacesByLine.forEach((lineWorkspaces) => {
+    const limit = getWorstPerformanceWorkstationLimit(lineWorkspaces.length);
+    if (limit <= 0) return;
+    const eligibleCandidates = getEligibleWorstPerformanceCandidates(lineWorkspaces);
+    if (eligibleCandidates.length === 0) return;
+    const lineMode = getWorstPerformanceLineMode(lineWorkspaces);
+    if (lineMode === "uptime") {
+      eligibleCandidates.map((candidate) => ({
+        ...candidate,
+        efficiency: getUptimeWorstPerformanceValue(candidate.workspace)
+      })).filter((entry) => entry.efficiency !== null).sort((left, right) => left.efficiency - right.efficiency || left.workspace.workspace_name.localeCompare(right.workspace.workspace_name, void 0, { numeric: true }) || left.index - right.index).slice(0, limit).forEach((entry) => selected.add(getVideoGridWorkspaceKey(entry.workspace)));
+      return;
+    }
+    if (lineMode === "assembly") {
+      eligibleCandidates.map((candidate) => ({
+        ...candidate,
+        ratio: getAssemblyCycleOverStandardRatio(candidate.workspace)
+      })).filter((entry) => entry.ratio !== null).sort((left, right) => right.ratio - left.ratio || left.workspace.workspace_name.localeCompare(right.workspace.workspace_name, void 0, { numeric: true }) || left.index - right.index).slice(0, limit).forEach((entry) => selected.add(getVideoGridWorkspaceKey(entry.workspace)));
+      return;
+    }
+    eligibleCandidates.map((candidate) => ({
+      ...candidate,
+      averageFlow: getAverageRecentFlowHourlyPercent(candidate.workspace)
+    })).filter((entry) => entry.averageFlow !== null).sort((left, right) => left.averageFlow - right.averageFlow || left.workspace.workspace_name.localeCompare(right.workspace.workspace_name, void 0, { numeric: true }) || left.index - right.index).slice(0, limit).forEach((entry) => selected.add(getVideoGridWorkspaceKey(entry.workspace)));
+  });
+  return selected;
+};
 var getVideoGridBlueComparisonGroupKey = (workspace) => {
   const factoryAreaId = typeof workspace.factory_area_id === "string" ? workspace.factory_area_id.trim() : "";
   if (factoryAreaId && workspace.factory_area_enabled === true) {
@@ -38765,6 +38874,7 @@ var VideoCard = React148__default.memo(({
   displayMinuteBucket,
   displayName,
   isBlueBest = false,
+  isWorstPerformance = false,
   lastSeenLabel,
   hasRecentHealthSignal: hasRecentHealthSignal2 = false,
   onMouseEnter,
@@ -38803,6 +38913,8 @@ var VideoCard = React148__default.memo(({
   const efficiencyOverlayClass = videoGridColorState === "green" ? "bg-[#00D654]/25" : videoGridColorState === "blue" ? "bg-[#0EA5E9]/30" : videoGridColorState === "yellow" ? "bg-[#FFD700]/30" : videoGridColorState === "red" ? "bg-[#FF2D0A]/30" : "bg-transparent";
   const efficiencyBarClass = videoGridColorState === "green" ? "bg-[#00AB45]" : videoGridColorState === "blue" ? "bg-[#0EA5E9]" : videoGridColorState === "yellow" ? "bg-[#FFB020]" : videoGridColorState === "red" ? "bg-[#E34329]" : "bg-gray-500/70";
   const efficiencyStatus = videoGridColorState === "green" ? "High" : videoGridColorState === "blue" ? "Best" : videoGridColorState === "yellow" ? "Medium" : videoGridColorState === "red" ? "Low" : "Neutral";
+  const worstMarkerClassName = compact ? "left-1.5 top-1.5 gap-1.5 px-2 py-1 text-[11px]" : "left-2 top-2 gap-2 px-3 py-1.5 text-xs";
+  const statusBadgesPositionClass = isWorstPerformance ? compact ? "top-8 left-1.5 gap-1" : "top-10 left-2 gap-1.5" : compact ? "top-1.5 left-1.5 gap-1" : "top-2 left-2 gap-1.5";
   const trendInfo = workspace.trend !== void 0 ? getTrendArrowAndColor(workspace.trend) : null;
   const handleClick = useCallback(() => {
     trackCoreEvent("Workspace Card Clicked", {
@@ -38821,6 +38933,7 @@ var VideoCard = React148__default.memo(({
     {
       className: `workspace-card relative bg-gray-950 rounded-md overflow-hidden cursor-pointer shadow-[0_1px_3px_rgba(15,23,42,0.16),0_0_0_1px_rgba(255,255,255,0.06)] transition-[box-shadow] duration-200 hover:shadow-[0_10px_24px_rgba(15,23,42,0.28),0_0_0_1px_rgba(255,255,255,0.10)] active:shadow-[0_1px_3px_rgba(15,23,42,0.16),0_0_0_1px_rgba(255,255,255,0.06)] touch-manipulation ${className}`,
       style: { width: "100%", height: "100%" },
+      "data-worst-performance-highlight": isWorstPerformance ? "true" : void 0,
       onClick: handleClick,
       onMouseEnter,
       onMouseLeave,
@@ -38882,7 +38995,7 @@ var VideoCard = React148__default.memo(({
             "div",
             {
               "data-testid": "video-card-status-badges",
-              className: `absolute ${compact ? "top-1.5 left-1.5 gap-1" : "top-2 left-2 gap-1.5"} z-30 flex items-center`,
+              className: `absolute ${statusBadgesPositionClass} z-30 flex items-center`,
               children: statusBadges.map((badge, index) => {
                 const presentation = getIdleReasonPresentation({
                   label: badge.label,
@@ -38933,6 +39046,17 @@ var VideoCard = React148__default.memo(({
               })
             }
           ),
+          isWorstPerformance && /* @__PURE__ */ jsxs(
+            "div",
+            {
+              "data-testid": "video-card-worst-performance-marker",
+              className: `pointer-events-none absolute z-[65] inline-flex items-center rounded-md bg-[#1A0B09]/95 border border-[#E34329]/60 font-semibold tracking-wide text-white shadow-xl ${worstMarkerClassName}`,
+              children: [
+                /* @__PURE__ */ jsx(AlertTriangle, { className: `${compact ? "h-3.5 w-3.5" : "h-4 w-4"} text-[#E34329]`, "aria-hidden": "true" }),
+                /* @__PURE__ */ jsx("span", { children: "Overall Underperformer" })
+              ]
+            }
+          ),
           /* @__PURE__ */ jsx("div", { className: `absolute bottom-0 left-0 right-0 ${compact ? "h-0.5" : "h-1"} bg-black/50 z-30`, children: /* @__PURE__ */ jsx(
             "div",
             {
@@ -38981,6 +39105,9 @@ var VideoCard = React148__default.memo(({
   if (prevProps.isBlueBest !== nextProps.isBlueBest) {
     return false;
   }
+  if (prevProps.isWorstPerformance !== nextProps.isWorstPerformance) {
+    return false;
+  }
   if (prevProps.lastSeenLabel !== nextProps.lastSeenLabel) {
     return false;
   }
@@ -39023,6 +39150,7 @@ var hasRecentHealthSignal = (lastHeartbeat) => {
 var VideoGridView = React148__default.memo(({
   workspaces,
   blueComparisonWorkspaces,
+  worstPerformanceWorkspaceIds = [],
   selectedLine,
   className = "",
   legend,
@@ -39030,6 +39158,9 @@ var VideoGridView = React148__default.memo(({
   videoStreamsByWorkspaceId,
   videoStreamsLoading = false,
   displayNames = {},
+  lineOrder = [],
+  activeSlideshowLineId = null,
+  displayMode = "all",
   onWorkspaceHover,
   onWorkspaceHoverEnd
 }) => {
@@ -39152,6 +39283,48 @@ var VideoGridView = React148__default.memo(({
     });
   }, [filteredWorkspaces]);
   const blueWinnerIds = useMemo(() => selectVideoGridBlueWinnerIds(blueComparisonWorkspaces || sortedWorkspaces, effectiveLegend), [blueComparisonWorkspaces, sortedWorkspaces, effectiveLegend]);
+  const worstPerformanceIdSet = useMemo(
+    () => new Set(worstPerformanceWorkspaceIds),
+    [worstPerformanceWorkspaceIds]
+  );
+  const modeBaseWorkspaces = useMemo(() => {
+    if (displayMode !== "red_only") {
+      return sortedWorkspaces;
+    }
+    return sortedWorkspaces.filter((workspace) => getVideoGridColorState(workspace, effectiveLegend, blueWinnerIds) === "red");
+  }, [blueWinnerIds, displayMode, effectiveLegend, sortedWorkspaces]);
+  const slideshowLines = useMemo(() => {
+    const linesWithWorkspaces = new Set(
+      sortedWorkspaces.map((workspace) => workspace.line_id).filter((lineId) => Boolean(lineId))
+    );
+    if (lineOrder.length > 0) {
+      return lineOrder.filter((lineId) => linesWithWorkspaces.has(lineId));
+    }
+    const orderedLineIds = [];
+    const seenLineIds = /* @__PURE__ */ new Set();
+    for (const workspace of sortedWorkspaces) {
+      if (!workspace.line_id || seenLineIds.has(workspace.line_id)) {
+        continue;
+      }
+      seenLineIds.add(workspace.line_id);
+      orderedLineIds.push(workspace.line_id);
+    }
+    return orderedLineIds;
+  }, [lineOrder, sortedWorkspaces]);
+  const currentSlideshowLineId = displayMode === "slideshow" && slideshowLines.length > 0 ? activeSlideshowLineId && slideshowLines.includes(activeSlideshowLineId) ? activeSlideshowLineId : slideshowLines[0] : null;
+  const displayWorkspaces = useMemo(() => {
+    if (displayMode === "red_only") {
+      return modeBaseWorkspaces;
+    }
+    if (displayMode !== "slideshow") {
+      return sortedWorkspaces;
+    }
+    if (slideshowLines.length === 0) {
+      return [];
+    }
+    const currentLineId = currentSlideshowLineId || slideshowLines[0];
+    return sortedWorkspaces.filter((workspace) => workspace.line_id === currentLineId);
+  }, [currentSlideshowLineId, displayMode, modeBaseWorkspaces, slideshowLines, sortedWorkspaces]);
   const streamsResolvedForWorkspaceSet = resolvedStreamWorkspaceKey === workspaceIdsKey;
   const resolveWorkspaceDisplayName = useCallback((workspace) => {
     return workspace.displayName || displayNames[`${workspace.line_id}_${workspace.workspace_name}`] || workspace.workspace_name;
@@ -39162,7 +39335,7 @@ var VideoGridView = React148__default.memo(({
     const rawContainerWidth = containerRef.current.clientWidth;
     const containerWidth = rawContainerWidth - containerPadding;
     const containerHeight = containerRef.current.clientHeight - containerPadding;
-    const count = filteredWorkspaces.length;
+    const count = displayWorkspaces.length;
     if (count === 0) {
       setGridCols(1);
       setGridRows(1);
@@ -39213,7 +39386,7 @@ var VideoGridView = React148__default.memo(({
     setGridCols(bestCols);
     setGridRows(rows);
     setIsMobileScrollableGrid(shouldUseMobileScroll);
-  }, [filteredWorkspaces.length, selectedLine]);
+  }, [displayWorkspaces.length, selectedLine]);
   useEffect(() => {
     calculateOptimalGrid();
     const handleResize = () => calculateOptimalGrid();
@@ -39247,7 +39420,7 @@ var VideoGridView = React148__default.memo(({
     return () => {
       observerRef.current?.disconnect();
     };
-  }, [filteredWorkspaces]);
+  }, [displayWorkspaces]);
   const prewarmClipsInit = useCallback((workspace) => {
     if (!dashboardConfig?.s3Config) return;
     const workspaceId = workspace.workspace_uuid || workspace.workspace_name;
@@ -39333,7 +39506,7 @@ var VideoGridView = React148__default.memo(({
     });
   }, []);
   const workspaceCards = useMemo(() => {
-    return sortedWorkspaces.map((workspace) => {
+    return displayWorkspaces.map((workspace) => {
       const workspaceId = workspace.workspace_uuid || workspace.workspace_name;
       const workspaceKey = `${workspace.line_id || "unknown"}-${workspaceId}`;
       const isVisible = visibleWorkspaces.has(workspaceId);
@@ -39361,12 +39534,14 @@ var VideoGridView = React148__default.memo(({
         shouldPlay,
         lastSeenLabel,
         hasRecentHealthSignal: hasRecentHealthSignal(workspaceHealth?.lastHeartbeat),
-        isBlueBest: blueWinnerIds.has(getVideoGridWorkspaceKey(workspace))
+        isBlueBest: blueWinnerIds.has(getVideoGridWorkspaceKey(workspace)),
+        isWorstPerformance: worstPerformanceIdSet.has(getVideoGridWorkspaceKey(workspace))
       };
     });
   }, [
-    sortedWorkspaces,
+    displayWorkspaces,
     blueWinnerIds,
+    worstPerformanceIdSet,
     visibleWorkspaces,
     getWorkspaceCropping,
     videoStreamsByWorkspaceId,
@@ -39414,6 +39589,7 @@ var VideoGridView = React148__default.memo(({
           displayMinuteBucket,
           compact: !selectedLine,
           isBlueBest: card.isBlueBest,
+          isWorstPerformance: card.isWorstPerformance,
           onMouseEnter: onWorkspaceHover ? () => onWorkspaceHover(card.workspaceId) : void 0,
           onMouseLeave: onWorkspaceHoverEnd ? () => onWorkspaceHoverEnd(card.workspaceId) : void 0
         }
@@ -39439,9 +39615,28 @@ var VideoGridView = React148__default.memo(({
       "data-testid": "video-grid-scroll-container",
       "data-mobile-scrollable": isMobileScrollableGrid ? "true" : "false",
       className: `absolute inset-0 w-full overflow-x-hidden px-1 py-1 sm:px-2 sm:py-2 ${isMobileScrollableGrid ? "overflow-y-auto" : "overflow-hidden"}`,
-      children: /* @__PURE__ */ jsx(
-        "div",
+      children: /* @__PURE__ */ jsx(AnimatePresence, { mode: "popLayout", children: displayMode === "red_only" && workspaceCards.length === 0 ? /* @__PURE__ */ jsxs(
+        motion.div,
         {
+          initial: { opacity: 0, scale: 0.95 },
+          animate: { opacity: 1, scale: 1 },
+          exit: { opacity: 0, scale: 0.95 },
+          transition: { duration: 0.3 },
+          "data-testid": "video-grid-empty-red-cameras",
+          className: "flex h-full min-h-[240px] flex-col items-center justify-center rounded-xl border border-emerald-200 bg-emerald-50/70 px-6 text-center",
+          children: [
+            /* @__PURE__ */ jsx("div", { className: "text-base font-semibold text-emerald-900", children: "No red cameras right now" }),
+            /* @__PURE__ */ jsx("div", { className: "mt-1 max-w-md text-sm text-emerald-700", children: "The selected line filter has no cameras in the red state. Switch back to all cameras to keep monitoring the full floor." })
+          ]
+        },
+        "empty-red"
+      ) : /* @__PURE__ */ jsx(
+        motion.div,
+        {
+          initial: displayMode === "slideshow" ? { opacity: 0, x: 100 } : { opacity: 0 },
+          animate: displayMode === "slideshow" ? { opacity: 1, x: 0 } : { opacity: 1 },
+          exit: displayMode === "slideshow" ? { opacity: 0, x: -100 } : { opacity: 0 },
+          transition: { duration: 0.5, ease: [0.32, 0.72, 0, 1] },
           "data-testid": "video-grid-layout",
           className: `grid min-w-0 w-full gap-1.5 sm:gap-2 ${isMobileScrollableGrid ? "content-start" : "h-full"}`,
           style: {
@@ -39453,8 +39648,9 @@ var VideoGridView = React148__default.memo(({
             card,
             isMobileScrollableGrid ? "workspace-card relative min-w-0 w-full aspect-video min-h-[92px]" : "workspace-card relative min-w-0 w-full h-full"
           ))
-        }
-      )
+        },
+        `grid-${displayMode === "slideshow" ? currentSlideshowLineId : "standard"}`
+      ) })
     }
   ) });
 });
@@ -47168,6 +47364,7 @@ function useClipsRealtimeUpdates({
     hasNewClips: newClipsNotification !== null && newClipsNotification.count > 0
   };
 }
+var LOW_EFFICIENCY_CATEGORY_ID = "recent_flow_red_streak";
 var parseFiniteNumber2 = (value) => {
   if (typeof value === "number" && Number.isFinite(value)) {
     return value;
@@ -47426,6 +47623,7 @@ var BottlenecksContent = ({
     totalOutput,
     enabled: isEffectiveShiftReady
   });
+  const isLowMomentsCategoryAvailable = useMemo(() => Array.isArray(clipTypes) && clipTypes.some((type) => type?.type === LOW_EFFICIENCY_CATEGORY_ID || type?.id === LOW_EFFICIENCY_CATEGORY_ID), [clipTypes]);
   console.log("[BottlenecksContent] Clip types data:", {
     clipTypes,
     clipTypesLength: clipTypes?.length,
@@ -47476,20 +47674,20 @@ var BottlenecksContent = ({
     if (initialFilter) {
       return;
     }
-    const redStreakType = "recent_flow_red_streak";
-    if (dynamicCounts[redStreakType] > 0) {
+    const redStreakType = LOW_EFFICIENCY_CATEGORY_ID;
+    if (isLowMomentsCategoryAvailable && dynamicCounts[redStreakType] > 0) {
       setInitialFilter(redStreakType);
       setActiveFilter(redStreakType);
       activeFilterRef.current = redStreakType;
       return;
     }
-    if (defaultCategory) {
+    if (defaultCategory && (defaultCategory !== LOW_EFFICIENCY_CATEGORY_ID || isLowMomentsCategoryAvailable)) {
       setInitialFilter(defaultCategory);
       setActiveFilter(defaultCategory);
       activeFilterRef.current = defaultCategory;
       return;
     }
-  }, [clipTypes, dynamicCounts, defaultCategory, initialFilter]);
+  }, [clipTypes, dynamicCounts, defaultCategory, initialFilter, isLowMomentsCategoryAvailable]);
   const mergedCounts = useMemo(() => {
     return { ...dynamicCounts };
   }, [dynamicCounts]);
@@ -47708,7 +47906,7 @@ var BottlenecksContent = ({
         };
         const [cycleClips, redFlowClips, idleClips] = await Promise.all([
           fetchCategoryMetadata("cycle_completion"),
-          fetchCategoryMetadata("recent_flow_red_streak"),
+          isLowMomentsCategoryAvailable ? fetchCategoryMetadata(LOW_EFFICIENCY_CATEGORY_ID) : Promise.resolve([]),
           fetchCategoryMetadata("idle_time")
         ]);
         const allClips = [...cycleClips, ...redFlowClips, ...idleClips].sort(
@@ -47722,7 +47920,7 @@ var BottlenecksContent = ({
       }
     };
     fetchTriageClips();
-  }, [triageMode, workspaceId, effectiveDateString, effectiveShiftId, supabase, isEffectiveShiftReady]);
+  }, [triageMode, workspaceId, effectiveDateString, effectiveShiftId, supabase, isEffectiveShiftReady, isLowMomentsCategoryAvailable]);
   useEffect(() => {
     if (!idleTimeVlmEnabled || !triageMode || triageClips.length === 0) {
       return;
@@ -47760,7 +47958,7 @@ var BottlenecksContent = ({
   }, [idleTimeVlmEnabled, triageClips, triageMode, getAuthToken4]);
   useEffect(() => {
     if (s3ClipsService && (mergedCounts[activeFilter] || 0) > 0) {
-      if (activeFilter === "recent_flow_red_streak") {
+      if (activeFilter === LOW_EFFICIENCY_CATEGORY_ID) {
         return;
       }
       if (firstClip && firstClip.type === activeFilter) {
@@ -47783,12 +47981,12 @@ var BottlenecksContent = ({
     return ["fast-cycles", "slow-cycles", "longest-idles"].includes(categoryId);
   }, [isFastSlowClipFiltersEnabled]);
   const shouldUseMetadataNavigation = useCallback((categoryId) => {
-    return isPercentileCategory(categoryId) || categoryId === "recent_flow_red_streak" || categoryId === "idle_time" && idleClipSort === "idle_duration_desc";
+    return isPercentileCategory(categoryId) || categoryId === LOW_EFFICIENCY_CATEGORY_ID || categoryId === "idle_time" && idleClipSort === "idle_duration_desc";
   }, [idleClipSort, isPercentileCategory]);
   const getMetadataCacheKey = useCallback((categoryId) => {
-    const sortKey = categoryId === "recent_flow_red_streak" ? "red_flow_output_shortfall_desc" : categoryId === "idle_time" ? idleClipSort : "latest";
-    return `${categoryId}-${effectiveDateString}-${effectiveShiftId}-${snapshotDateTime ?? "nosnap"}-${snapshotClipId ?? "nosnap"}-${sortKey}`;
-  }, [effectiveDateString, effectiveShiftId, snapshotDateTime, snapshotClipId, idleClipSort]);
+    const sortKey = categoryId === LOW_EFFICIENCY_CATEGORY_ID ? "red_flow_output_shortfall_desc" : categoryId === "idle_time" ? idleClipSort : "latest";
+    return `${categoryId}-${workspaceId}-${effectiveDateString}-${effectiveShiftId}-${snapshotDateTime ?? "nosnap"}-${snapshotClipId ?? "nosnap"}-${sortKey}`;
+  }, [workspaceId, effectiveDateString, effectiveShiftId, snapshotDateTime, snapshotClipId, idleClipSort]);
   const setVisibleCategoryMetadata = useCallback((categoryId, clips) => {
     if (activeFilterRef.current !== categoryId) {
       return false;
@@ -47796,7 +47994,7 @@ var BottlenecksContent = ({
     categoryMetadataRef.current = clips;
     setCategoryMetadata(clips);
     setCategoryMetadataCategoryId(clips.length > 0 ? categoryId : null);
-    setCategoryMetadataSort(clips.length > 0 ? categoryId === "recent_flow_red_streak" ? "red_flow_output_shortfall_desc" : categoryId === "idle_time" ? idleClipSort : "latest" : null);
+    setCategoryMetadataSort(clips.length > 0 ? categoryId === LOW_EFFICIENCY_CATEGORY_ID ? "red_flow_output_shortfall_desc" : categoryId === "idle_time" ? idleClipSort : "latest" : null);
     return true;
   }, [idleClipSort]);
   const applyMetadataSnapshot = useCallback((categoryId, clips, total) => {
@@ -47849,7 +48047,8 @@ var BottlenecksContent = ({
     if (activeFilter !== "fast-cycles" && activeFilter !== "slow-cycles") {
       return;
     }
-    const fallbackFilter = ["cycle_completion", "recent_flow_red_streak", "idle_time"].find((type) => (dynamicCounts[type] || 0) > 0) || clipTypes.find((type) => (dynamicCounts[type.type] || 0) > 0)?.type || clipTypes[0]?.type;
+    const lowMomentsFallback = isLowMomentsCategoryAvailable ? LOW_EFFICIENCY_CATEGORY_ID : null;
+    const fallbackFilter = ["cycle_completion", lowMomentsFallback, "idle_time"].filter((type) => Boolean(type)).find((type) => (dynamicCounts[type] || 0) > 0) || clipTypes.find((type) => (dynamicCounts[type.type] || 0) > 0)?.type || clipTypes[0]?.type;
     if (!fallbackFilter || fallbackFilter === activeFilter) {
       return;
     }
@@ -47858,7 +48057,25 @@ var BottlenecksContent = ({
     setCategoryMetadataSort(null);
     categoryMetadataRef.current = [];
     updateActiveFilter(fallbackFilter);
-  }, [isFastSlowClipFiltersEnabled, activeFilter, dynamicCounts, clipTypes, updateActiveFilter]);
+  }, [isFastSlowClipFiltersEnabled, activeFilter, dynamicCounts, clipTypes, updateActiveFilter, isLowMomentsCategoryAvailable]);
+  useEffect(() => {
+    if (activeFilter !== LOW_EFFICIENCY_CATEGORY_ID || isLowMomentsCategoryAvailable) {
+      return;
+    }
+    const fallbackFilter = clipTypes.find((type) => type.type !== LOW_EFFICIENCY_CATEGORY_ID && (dynamicCounts[type.type] || 0) > 0)?.type || clipTypes.find((type) => type.type !== LOW_EFFICIENCY_CATEGORY_ID)?.type || "";
+    setCategoryMetadata([]);
+    setCategoryMetadataCategoryId(null);
+    setCategoryMetadataSort(null);
+    categoryMetadataRef.current = [];
+    if (fallbackFilter) {
+      setInitialFilter(fallbackFilter);
+      updateActiveFilter(fallbackFilter);
+    } else {
+      setInitialFilter("");
+      updateActiveFilter("");
+      setIsCategoryLoading(false);
+    }
+  }, [activeFilter, isLowMomentsCategoryAvailable, clipTypes, dynamicCounts, updateActiveFilter]);
   useCallback((categoryId) => {
     if (isPercentileCategory(categoryId)) {
       return categoryMetadata.length;
@@ -47910,6 +48127,16 @@ var BottlenecksContent = ({
       }
       return;
     }
+    if (categoryId === LOW_EFFICIENCY_CATEGORY_ID && !isLowMomentsCategoryAvailable) {
+      setCategoryMetadata([]);
+      setCategoryMetadataCategoryId(null);
+      setCategoryMetadataSort(null);
+      categoryMetadataRef.current = [];
+      if (activeFilterRef.current === categoryId) {
+        setIsCategoryLoading(false);
+      }
+      return;
+    }
     if (!isEffectiveShiftReady) {
       console.log("[BottlenecksContent] Skipping metadata load - shift/date not ready");
       if (activeFilterRef.current === categoryId) {
@@ -47921,10 +48148,10 @@ var BottlenecksContent = ({
     const cacheKey = getMetadataCacheKey(categoryId);
     const candidateLowMomentsPrefetch = lowMomentsPrefetch ?? null;
     const lowMomentsPrefetchMatchesScope = Boolean(
-      candidateLowMomentsPrefetch?.key?.startsWith(`recent_flow_red_streak-${effectiveDateString}-${effectiveShiftId}-`)
+      candidateLowMomentsPrefetch?.key?.startsWith(`${LOW_EFFICIENCY_CATEGORY_ID}-${workspaceId}-${effectiveDateString}-${effectiveShiftId}-`)
     );
-    const matchingLowMomentsPrefetch = !forceRefresh && categoryId === "recent_flow_red_streak" && candidateLowMomentsPrefetch && (candidateLowMomentsPrefetch.key === cacheKey || lowMomentsPrefetchMatchesScope) && !candidateLowMomentsPrefetch.loading && Array.isArray(candidateLowMomentsPrefetch.metadata) && candidateLowMomentsPrefetch.metadata.length > 0 ? candidateLowMomentsPrefetch : null;
-    const lowMomentsPrefetchInFlight = !forceRefresh && categoryId === "recent_flow_red_streak" && candidateLowMomentsPrefetch && (candidateLowMomentsPrefetch.key === cacheKey || lowMomentsPrefetchMatchesScope) && candidateLowMomentsPrefetch.loading;
+    const matchingLowMomentsPrefetch = !forceRefresh && categoryId === LOW_EFFICIENCY_CATEGORY_ID && isLowMomentsCategoryAvailable && candidateLowMomentsPrefetch && (candidateLowMomentsPrefetch.key === cacheKey || lowMomentsPrefetchMatchesScope) && !candidateLowMomentsPrefetch.loading && Array.isArray(candidateLowMomentsPrefetch.metadata) && candidateLowMomentsPrefetch.metadata.length > 0 ? candidateLowMomentsPrefetch : null;
+    const lowMomentsPrefetchInFlight = !forceRefresh && categoryId === LOW_EFFICIENCY_CATEGORY_ID && isLowMomentsCategoryAvailable && candidateLowMomentsPrefetch && (candidateLowMomentsPrefetch.key === cacheKey || lowMomentsPrefetchMatchesScope) && candidateLowMomentsPrefetch.loading;
     if (lowMomentsPrefetchInFlight) {
       if (autoLoadFirstVideo && candidateLowMomentsPrefetch?.firstVideo) {
         applyPrefetchedFirstVideo(candidateLowMomentsPrefetch.firstVideo);
@@ -48015,7 +48242,7 @@ var BottlenecksContent = ({
             knownTotal: mergedCounts[categoryId] ?? null,
             snapshotDateTime,
             snapshotClipId,
-            sort: categoryId === "recent_flow_red_streak" ? "red_flow_output_shortfall_desc" : categoryId === "idle_time" ? idleClipSort : "latest"
+            sort: categoryId === LOW_EFFICIENCY_CATEGORY_ID ? "red_flow_output_shortfall_desc" : categoryId === "idle_time" ? idleClipSort : "latest"
           }),
           redirectReason: "session_expired"
         });
@@ -48109,19 +48336,19 @@ var BottlenecksContent = ({
         setIsCategoryLoading(false);
       }
     }
-  }, [workspaceId, effectiveDateString, effectiveShiftId, getMetadataCacheKey, isPercentileCategory, isFastSlowClipFiltersEnabled, metadataCache, s3ClipsService, clearLoadingState, isEffectiveShiftReady, snapshotDateTime, snapshotClipId, idleClipSort, supabase, setVisibleCategoryMetadata, lowMomentsPrefetch, applyPrefetchedFirstVideo, applyMetadataSnapshot]);
+  }, [workspaceId, effectiveDateString, effectiveShiftId, getMetadataCacheKey, isPercentileCategory, isFastSlowClipFiltersEnabled, metadataCache, s3ClipsService, clearLoadingState, isEffectiveShiftReady, snapshotDateTime, snapshotClipId, idleClipSort, supabase, setVisibleCategoryMetadata, lowMomentsPrefetch, applyPrefetchedFirstVideo, applyMetadataSnapshot, isLowMomentsCategoryAvailable]);
   useEffect(() => {
-    if (activeFilter !== "recent_flow_red_streak") {
+    if (activeFilter !== LOW_EFFICIENCY_CATEGORY_ID || !isLowMomentsCategoryAvailable) {
       return;
     }
-    if (!lowMomentsPrefetch?.key?.startsWith(`recent_flow_red_streak-${effectiveDateString}-${effectiveShiftId}-`)) {
+    if (!lowMomentsPrefetch?.key?.startsWith(`${LOW_EFFICIENCY_CATEGORY_ID}-${workspaceId}-${effectiveDateString}-${effectiveShiftId}-`)) {
       return;
     }
-    if (lowMomentsPrefetch.firstVideo && !allVideos.some((video) => video.type === "recent_flow_red_streak")) {
+    if (lowMomentsPrefetch.firstVideo && !allVideos.some((video) => video.type === LOW_EFFICIENCY_CATEGORY_ID)) {
       applyPrefetchedFirstVideo(lowMomentsPrefetch.firstVideo);
     }
     if (lowMomentsPrefetch.metadata.length > 0) {
-      applyMetadataSnapshot("recent_flow_red_streak", lowMomentsPrefetch.metadata, lowMomentsPrefetch.total);
+      applyMetadataSnapshot(LOW_EFFICIENCY_CATEGORY_ID, lowMomentsPrefetch.metadata, lowMomentsPrefetch.total);
       if (isMountedRef.current) {
         setIsCategoryLoading(false);
       }
@@ -48133,11 +48360,13 @@ var BottlenecksContent = ({
   }, [
     activeFilter,
     lowMomentsPrefetch,
+    workspaceId,
     effectiveDateString,
     effectiveShiftId,
     allVideos,
     applyPrefetchedFirstVideo,
-    applyMetadataSnapshot
+    applyMetadataSnapshot,
+    isLowMomentsCategoryAvailable
   ]);
   useEffect(() => {
     if (previousIdleClipSortRef.current === idleClipSort) {
@@ -48833,11 +49062,11 @@ var BottlenecksContent = ({
     }
     return currentPosition;
   }, [activeFilter, categoryMetadata.length, currentMetadataIndex, currentPosition, shouldUseMetadataNavigation]);
-  const prefetchedExplorerMetadata = useMemo(() => activeFilter === "recent_flow_red_streak" && lowMomentsPrefetch?.key?.startsWith(`recent_flow_red_streak-${effectiveDateString}-${effectiveShiftId}-`) && !lowMomentsPrefetch.loading && lowMomentsPrefetch.metadata.length > 0 ? { recent_flow_red_streak: lowMomentsPrefetch.metadata } : activeFilter === "idle_time" && categoryMetadataSort !== idleClipSort ? void 0 : buildPrefetchedExplorerMetadata(
+  const prefetchedExplorerMetadata = useMemo(() => activeFilter === LOW_EFFICIENCY_CATEGORY_ID && isLowMomentsCategoryAvailable && lowMomentsPrefetch?.key?.startsWith(`${LOW_EFFICIENCY_CATEGORY_ID}-${workspaceId}-${effectiveDateString}-${effectiveShiftId}-`) && !lowMomentsPrefetch.loading && lowMomentsPrefetch.metadata.length > 0 ? { [LOW_EFFICIENCY_CATEGORY_ID]: lowMomentsPrefetch.metadata } : activeFilter === "idle_time" && categoryMetadataSort !== idleClipSort ? void 0 : buildPrefetchedExplorerMetadata(
     activeFilter,
     categoryMetadataCategoryId,
     categoryMetadata
-  ), [activeFilter, categoryMetadata, categoryMetadataCategoryId, categoryMetadataSort, idleClipSort, lowMomentsPrefetch, effectiveDateString, effectiveShiftId]);
+  ), [activeFilter, categoryMetadata, categoryMetadataCategoryId, categoryMetadataSort, idleClipSort, lowMomentsPrefetch, workspaceId, effectiveDateString, effectiveShiftId, isLowMomentsCategoryAvailable]);
   const classificationClipIds = useMemo(() => {
     if (!idleTimeVlmEnabled) {
       return [];
@@ -49610,7 +49839,7 @@ var BottlenecksContent = ({
             prefetchedClipMetadata: prefetchedExplorerMetadata,
             externallyManagedLoadingCategories: {
               recent_flow_red_streak: Boolean(
-                activeFilter === "recent_flow_red_streak" && lowMomentsPrefetch?.key?.startsWith(`recent_flow_red_streak-${effectiveDateString}-${effectiveShiftId}-`) && lowMomentsPrefetch.loading
+                activeFilter === LOW_EFFICIENCY_CATEGORY_ID && isLowMomentsCategoryAvailable && lowMomentsPrefetch?.key?.startsWith(`${LOW_EFFICIENCY_CATEGORY_ID}-${workspaceId}-${effectiveDateString}-${effectiveShiftId}-`) && lowMomentsPrefetch.loading
               )
             },
             activeCategoryLoading: isCategoryLoading,
@@ -56883,10 +57112,12 @@ WorkspaceGridItem.displayName = "WorkspaceGridItem";
 var WorkspaceGrid = React148__default.memo(({
   workspaces,
   blueComparisonWorkspaces,
+  worstPerformanceWorkspaceIds = [],
   isPdfMode = false,
   customWorkspacePositions,
   lineNames = {},
   lineOrder = [],
+  activeSlideshowLineId = null,
   factoryView = "factory",
   line2Uuid = "line-2",
   className = "",
@@ -56897,7 +57128,8 @@ var WorkspaceGrid = React148__default.memo(({
   displayNames = {},
   onWorkspaceHover,
   onWorkspaceHoverEnd,
-  toolbarRightContent
+  toolbarRightContent,
+  displayMode = "all"
 }) => {
   const mapViewEnabled = false;
   const [viewMode, setViewMode] = useState(() => {
@@ -56955,13 +57187,16 @@ var WorkspaceGrid = React148__default.memo(({
           {
             workspaces,
             blueComparisonWorkspaces,
+            worstPerformanceWorkspaceIds,
             lineNames,
             lineOrder,
+            activeSlideshowLineId,
             videoSources,
             videoStreamsByWorkspaceId,
             videoStreamsLoading,
             displayNames,
             legend,
+            displayMode,
             onWorkspaceHover,
             onWorkspaceHoverEnd
           }
@@ -67100,6 +67335,31 @@ var NotificationService = class {
 function createNotificationService(supabaseClient) {
   return new NotificationService(supabaseClient);
 }
+
+// src/components/dashboard/grid/displayModes.ts
+var HOME_DISPLAY_MODE_OPTIONS = [
+  {
+    id: "all",
+    label: "Default",
+    description: "Show every camera in the selected line filter."
+  },
+  {
+    id: "red_only",
+    label: "Only red",
+    description: "Only show workstations in red."
+  },
+  {
+    id: "slideshow",
+    label: "Slideshow",
+    description: "Automatically switches between all lines every 15 seconds."
+  },
+  {
+    id: "worst_workstations",
+    label: "Overall Underperformers",
+    description: "Lowest performers based on full day efficiency"
+  }
+];
+var getHomeDisplayModeLabel = (displayMode) => HOME_DISPLAY_MODE_OPTIONS.find((option) => option.id === displayMode)?.label || "Default";
 var KPISection2 = KPISection;
 var DEBUG_DASHBOARD_LOGS3 = process.env.NEXT_PUBLIC_DEBUG_DASHBOARD === "true";
 var logDebug3 = (...args) => {
@@ -67110,6 +67370,9 @@ var EMPTY_LINE_IDS = [];
 var EMPTY_WORKSPACES = [];
 var ALL_GREEN_CELEBRATION_DURATION_MS = 6e3;
 var ALL_GREEN_MILESTONE_DURATION_MS = 6e3;
+var SLIDESHOW_ROTATION_INTERVAL_MS = 15e3;
+var SLIDESHOW_IDLE_REQUIRED_MS = 15e3;
+var SLIDESHOW_ACTIVE_LINE_STORAGE_KEY = "optifye_home_slideshow_active_line_id";
 var ALL_GREEN_CELEBRATION_SEEN_PREFIX = "optifye:all-green-celebration:v1:";
 var ALL_GREEN_MILESTONE_SEEN_PREFIX = "optifye:all-green-milestone:v1:";
 var formatAllGreenCelebrationTimer = (elapsedSeconds) => {
@@ -67239,6 +67502,31 @@ function HomeView({
   const [isLineSelectorOpen, setIsLineSelectorOpen] = useState(false);
   const [pendingSelectedLineIds, setPendingSelectedLineIds] = useState([]);
   const lineSelectorRef = useRef(null);
+  const [displayMode, setDisplayMode] = useState(() => {
+    if (typeof window === "undefined") {
+      return "all";
+    }
+    try {
+      const savedDisplayMode = sessionStorage.getItem("optifye_home_display_mode");
+      return HOME_DISPLAY_MODE_OPTIONS.some((option) => option.id === savedDisplayMode) ? savedDisplayMode : "all";
+    } catch {
+      return "all";
+    }
+  });
+  const [isDisplayModeMenuOpen, setIsDisplayModeMenuOpen] = useState(false);
+  const displayModeSelectorRef = useRef(null);
+  const readPersistedSlideshowActiveLineId = () => {
+    if (typeof window === "undefined") {
+      return null;
+    }
+    try {
+      return sessionStorage.getItem(SLIDESHOW_ACTIVE_LINE_STORAGE_KEY);
+    } catch {
+      return null;
+    }
+  };
+  const [slideshowActiveLineId, setSlideshowActiveLineId] = useState(() => readPersistedSlideshowActiveLineId());
+  const slideshowLastUserActivityAtRef = useRef(Date.now());
   useEffect(() => {
     if (isLineSelectorOpen) {
       setPendingSelectedLineIds(selectedLineIds);
@@ -67265,6 +67553,13 @@ function HomeView({
       console.warn("Failed to save line filter to sessionStorage:", error);
     }
   }, [selectedLineIds]);
+  useEffect(() => {
+    try {
+      sessionStorage.setItem("optifye_home_display_mode", displayMode);
+    } catch (error) {
+      console.warn("Failed to save display mode to sessionStorage:", error);
+    }
+  }, [displayMode]);
   useEffect(() => {
     if (!isLineSelectorOpen) {
       return;
@@ -67279,6 +67574,20 @@ function HomeView({
       document.removeEventListener("mousedown", handleClickOutside);
     };
   }, [isLineSelectorOpen]);
+  useEffect(() => {
+    if (!isDisplayModeMenuOpen) {
+      return;
+    }
+    const handleClickOutside = (event) => {
+      if (displayModeSelectorRef.current && !displayModeSelectorRef.current.contains(event.target)) {
+        setIsDisplayModeMenuOpen(false);
+      }
+    };
+    document.addEventListener("mousedown", handleClickOutside);
+    return () => {
+      document.removeEventListener("mousedown", handleClickOutside);
+    };
+  }, [isDisplayModeMenuOpen]);
   const primarySelectedLineId = selectedLineIds[0] || defaultHomeLineId;
   const isMultiLineSelection = selectedLineIds.length > 1;
   const selectedLineIdsKey = selectedLineIds.join(",");
@@ -67581,6 +67890,88 @@ function HomeView({
     })),
     [currentWorkspaceMetrics, activeBreakLineIds]
   );
+  const slideshowLineIds = useMemo(() => {
+    const selectedLineIdSetForSlideshow = new Set(selectedLineIds);
+    const linesWithVisibleWorkspaces = new Set(
+      workspaceMetricsWithBreakState.map((workspace) => workspace.line_id).filter((lineId) => Boolean(lineId))
+    );
+    const selectedVisibleLines = visibleLineIds.filter((lineId) => selectedLineIdSetForSlideshow.has(lineId));
+    const selectedLinesWithWorkspaces = selectedVisibleLines.filter((lineId) => linesWithVisibleWorkspaces.has(lineId));
+    if (selectedLinesWithWorkspaces.length > 0) {
+      return selectedLinesWithWorkspaces;
+    }
+    return selectedVisibleLines;
+  }, [selectedLineIds, visibleLineIds, workspaceMetricsWithBreakState]);
+  const slideshowLineIdsKey = slideshowLineIds.join(",");
+  useEffect(() => {
+    if (displayMode !== "slideshow") {
+      return;
+    }
+    slideshowLastUserActivityAtRef.current = Date.now();
+    setSlideshowActiveLineId((previousLineId) => {
+      if (previousLineId && slideshowLineIds.includes(previousLineId)) {
+        return previousLineId;
+      }
+      const persistedLineId = readPersistedSlideshowActiveLineId();
+      if (persistedLineId && slideshowLineIds.includes(persistedLineId)) {
+        return persistedLineId;
+      }
+      if (primarySelectedLineId && slideshowLineIds.includes(primarySelectedLineId)) {
+        return primarySelectedLineId;
+      }
+      return slideshowLineIds[0] || null;
+    });
+  }, [displayMode, primarySelectedLineId, slideshowLineIdsKey]);
+  useEffect(() => {
+    if (typeof window === "undefined") {
+      return;
+    }
+    try {
+      if (slideshowActiveLineId) {
+        sessionStorage.setItem(SLIDESHOW_ACTIVE_LINE_STORAGE_KEY, slideshowActiveLineId);
+      } else {
+        sessionStorage.removeItem(SLIDESHOW_ACTIVE_LINE_STORAGE_KEY);
+      }
+    } catch {
+    }
+  }, [slideshowActiveLineId]);
+  useEffect(() => {
+    if (displayMode !== "slideshow") {
+      return void 0;
+    }
+    const markActivity = () => {
+      slideshowLastUserActivityAtRef.current = Date.now();
+    };
+    const eventOptions = { passive: true };
+    const activityEvents = ["mousemove", "mousedown", "keydown", "touchstart", "wheel"];
+    activityEvents.forEach((eventName) => {
+      window.addEventListener(eventName, markActivity, eventOptions);
+    });
+    return () => {
+      activityEvents.forEach((eventName) => {
+        window.removeEventListener(eventName, markActivity, eventOptions);
+      });
+    };
+  }, [displayMode]);
+  useEffect(() => {
+    if (displayMode !== "slideshow" || slideshowLineIds.length <= 1) {
+      return void 0;
+    }
+    const intervalId = window.setInterval(() => {
+      const nowMs2 = Date.now();
+      if (nowMs2 - slideshowLastUserActivityAtRef.current < SLIDESHOW_IDLE_REQUIRED_MS) {
+        return;
+      }
+      setSlideshowActiveLineId((previousLineId) => {
+        const previousIndex = previousLineId ? slideshowLineIds.indexOf(previousLineId) : -1;
+        const nextIndex = previousIndex >= 0 ? (previousIndex + 1) % slideshowLineIds.length : 0;
+        return slideshowLineIds[nextIndex] || null;
+      });
+    }, SLIDESHOW_ROTATION_INTERVAL_MS);
+    return () => {
+      window.clearInterval(intervalId);
+    };
+  }, [displayMode, slideshowLineIdsKey, slideshowLineIds]);
   const [breakNotificationsDismissed, setBreakNotificationsDismissed] = useState(false);
   useEffect(() => {
     if (currentActiveBreaks.length > 0) {
@@ -67592,6 +67983,11 @@ function HomeView({
     () => workspaceMetricsWithBreakState.filter((workspace) => Boolean(workspace.workspace_uuid || workspace.workspace_name)).length,
     [workspaceMetricsWithBreakState]
   );
+  const worstPerformanceWorkspaceIds = useMemo(
+    () => Array.from(selectWorstPerformanceWorkspaceIds(workspaceMetricsWithBreakState)),
+    [workspaceMetricsWithBreakState]
+  );
+  const activeWorstPerformanceWorkspaceIds = displayMode === "worst_workstations" ? worstPerformanceWorkspaceIds : EMPTY_LINE_IDS;
   const allGreenCelebrationSignature = useMemo(() => {
     const workspaceSignature = workspaceMetricsWithBreakState.map((workspace) => workspace.workspace_uuid || `${workspace.line_id}:${workspace.workspace_name}`).filter(Boolean).sort().join(",");
     return `${selectedLineIds.join(",")}::${workspaceSignature}`;
@@ -68228,6 +68624,10 @@ function HomeView({
       selection_mode: isAllLinesSelection(normalizedLineIds) ? "all" : normalizedLineIds.length === 1 ? "single" : "custom",
       line_name: getLineSelectionLabel(normalizedLineIds)
     });
+    trackCoreEvent("Dashboard Filter Selected", {
+      filter_type: "Line Filter",
+      filter_value: getLineSelectionLabel(normalizedLineIds)
+    });
   }, [factoryViewId, getLineSelectionLabel, getTrackedLineScope, selectedLineIds, selectedLineIdsKey, visibleLineIds]);
   useCallback(() => {
     updateSelectedLineIds(visibleLineIds);
@@ -68282,7 +68682,7 @@ function HomeView({
           "aria-expanded": isLineSelectorOpen,
           "aria-label": "Select lines",
           children: [
-            /* @__PURE__ */ jsx("span", { className: "truncate", children: getLineSelectionLabel(selectedLineIds) }),
+            /* @__PURE__ */ jsx("span", { className: "truncate", children: displayMode === "slideshow" && slideshowActiveLineId ? getLineSelectionLabel([slideshowActiveLineId]) : getLineSelectionLabel(selectedLineIds) }),
             /* @__PURE__ */ jsx(ChevronDown, { className: `h-4 w-4 text-slate-400 transition-transform ${isLineSelectorOpen ? "rotate-180" : ""}` })
           ]
         }
@@ -68378,10 +68778,78 @@ function HomeView({
     selectedLineIds,
     pendingSelectedLineIds,
     lineSelectorSignalStatusByLine,
+    displayMode,
+    slideshowActiveLineId,
     visibleLineIds,
     updateSelectedLineIds,
     isAllLinesSelection
   ]);
+  const displayModeSelectorComponent = useMemo(() => /* @__PURE__ */ jsxs("div", { ref: displayModeSelectorRef, className: "relative", children: [
+    /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        onClick: () => {
+          setIsLineSelectorOpen(false);
+          setIsDisplayModeMenuOpen((previous) => !previous);
+        },
+        className: `inline-flex h-9 w-9 items-center justify-center rounded-md border shadow-sm transition-colors ${displayMode === "all" ? "border-slate-200 bg-white text-slate-500 hover:bg-slate-50 hover:text-slate-700" : "border-blue-200 bg-blue-50 text-blue-600 hover:bg-blue-100"}`,
+        "aria-haspopup": "menu",
+        "aria-expanded": isDisplayModeMenuOpen,
+        "aria-label": `Display mode: ${getHomeDisplayModeLabel(displayMode)}`,
+        title: `Display mode: ${getHomeDisplayModeLabel(displayMode)}`,
+        children: /* @__PURE__ */ jsx(Monitor, { className: "h-4 w-4" })
+      }
+    ),
+    isDisplayModeMenuOpen ? /* @__PURE__ */ jsx(
+      "div",
+      {
+        role: "menu",
+        "aria-label": "Display modes",
+        className: "absolute right-0 top-full z-50 mt-1.5 w-64 rounded-md border border-slate-200 bg-white py-1 shadow-lg ring-1 ring-black/5 focus:outline-none",
+        children: HOME_DISPLAY_MODE_OPTIONS.map((option) => {
+          const isSelected = option.id === displayMode;
+          return /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              role: "menuitemradio",
+              "aria-checked": isSelected,
+              onClick: () => {
+                const nextSelectedLineIds = option.id === "slideshow" ? visibleLineIds : selectedLineIds;
+                setDisplayMode(option.id);
+                if (option.id === "slideshow") {
+                  updateSelectedLineIds(visibleLineIds);
+                }
+                setIsDisplayModeMenuOpen(false);
+                trackCoreEvent("Monitor Display Filter Selected", {
+                  filter_name: option.label,
+                  filter_id: option.id,
+                  previous_display_mode: displayMode,
+                  selected_line_ids: nextSelectedLineIds,
+                  selected_line_count: nextSelectedLineIds.length,
+                  highlighted_workspace_count: option.id === "worst_workstations" ? worstPerformanceWorkspaceIds.length : 0
+                });
+                trackCoreEvent("Dashboard Filter Selected", {
+                  filter_type: "Display Mode",
+                  filter_value: option.label
+                });
+              },
+              className: "flex w-full items-start px-4 py-2.5 text-left transition-colors hover:bg-slate-50",
+              children: /* @__PURE__ */ jsxs("div", { className: "flex w-full flex-col", children: [
+                /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+                  /* @__PURE__ */ jsx("span", { className: `text-sm ${isSelected ? "font-semibold text-blue-600" : "font-medium text-slate-700"}`, children: option.label }),
+                  /* @__PURE__ */ jsx("span", { className: "ml-3 inline-flex items-center gap-2", children: isSelected && /* @__PURE__ */ jsx(Check, { className: "h-4 w-4 text-blue-600" }) })
+                ] }),
+                /* @__PURE__ */ jsx("span", { className: "mt-1 text-xs text-slate-500", children: option.description })
+              ] })
+            },
+            option.id
+          );
+        })
+      }
+    ) : null
+  ] }), [displayMode, isDisplayModeMenuOpen, selectedLineIds, updateSelectedLineIds, visibleLineIds, worstPerformanceWorkspaceIds]);
   const gridToolbarControls = useMemo(() => /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-end gap-2", children: [
     /* @__PURE__ */ jsx(AnimatePresence, { children: visibleAllGreenStreakDisplay ? /* @__PURE__ */ jsxs(
       motion.div,
@@ -68399,8 +68867,10 @@ function HomeView({
       },
       visibleAllGreenStreakDisplay.startedAt
     ) : null }),
-    lineSelectorComponent
+    lineSelectorComponent,
+    displayModeSelectorComponent
   ] }), [
+    displayModeSelectorComponent,
     lineSelectorComponent,
     visibleAllGreenStreakDisplay
   ]);
@@ -68577,14 +69047,17 @@ function HomeView({
               children: React148__default.createElement(WorkspaceGrid, {
                 workspaces: workspaceMetricsWithBreakState,
                 blueComparisonWorkspaces: currentBlueComparisonWorkspaceMetrics || workspaceMetricsWithBreakState,
+                worstPerformanceWorkspaceIds: activeWorstPerformanceWorkspaceIds,
                 lineNames: mergedLineNames,
-                lineOrder: selectedLineIds,
+                lineOrder: displayMode === "slideshow" ? slideshowLineIds : selectedLineIds,
+                activeSlideshowLineId: displayMode === "slideshow" ? slideshowActiveLineId : null,
                 factoryView: factoryViewId,
                 legend: effectiveEfficiencyLegend,
                 videoSources,
                 videoStreamsByWorkspaceId: currentVideoStreamsByWorkspaceId,
                 videoStreamsLoading: currentVideoStreamsLoading,
                 displayNames: metricsDisplayNames,
+                displayMode,
                 hasFlowBuffers,
                 className: "h-full",
                 toolbarRightContent: gridToolbarControls,
@@ -68611,14 +69084,17 @@ function HomeView({
                 workspaces: [],
                 // Show empty grid while loading
                 blueComparisonWorkspaces: [],
+                worstPerformanceWorkspaceIds: [],
                 lineNames: mergedLineNames,
-                lineOrder: selectedLineIds,
+                lineOrder: displayMode === "slideshow" ? slideshowLineIds : selectedLineIds,
+                activeSlideshowLineId: displayMode === "slideshow" ? slideshowActiveLineId : null,
                 factoryView: factoryViewId,
                 legend: effectiveEfficiencyLegend,
                 videoSources,
                 videoStreamsByWorkspaceId: currentVideoStreamsByWorkspaceId,
                 videoStreamsLoading: currentVideoStreamsLoading,
                 displayNames: metricsDisplayNames,
+                displayMode,
                 hasFlowBuffers,
                 className: "h-full",
                 toolbarRightContent: gridToolbarControls,
@@ -81059,9 +81535,11 @@ var WorkspaceDetailView = ({
     const prefetchLowMoments = async () => {
       try {
         const initData = await s3Service.getClipsInit(workspaceId, resolvedDate, resolvedShiftId, totalOutput);
-        const lowMomentsCount = Number(initData?.counts?.recent_flow_red_streak || 0);
+        const hasLowMomentsCategory = Array.isArray(initData?.clipTypes) ? initData.clipTypes.some((type) => type?.type === "recent_flow_red_streak" || type?.id === "recent_flow_red_streak") : false;
+        const lowMomentsCount = hasLowMomentsCategory ? Number(initData?.counts?.recent_flow_red_streak || 0) : 0;
         const lowMomentsKey = [
           "recent_flow_red_streak",
+          workspaceId,
           resolvedDate,
           resolvedShiftId,
           initData?.snapshotDateTime ?? "nosnap",
@@ -81072,15 +81550,15 @@ var WorkspaceDetailView = ({
           return;
         }
         const initFirstVideo = initData?.firstClips?.recent_flow_red_streak ?? null;
-        if (lowMomentsCount <= 0) {
-          setLowMomentsPrefetch((prev) => prev?.key === lowMomentsKey ? {
+        if (!hasLowMomentsCategory || lowMomentsCount <= 0) {
+          setLowMomentsPrefetch({
             key: lowMomentsKey,
             metadata: [],
             firstVideo: null,
             total: 0,
             loading: false,
             error: null
-          } : prev);
+          });
           prewarmedClipsRef.current.add(cacheKey);
           return;
         }