@optifye/dashboard-core 6.12.39 → 6.12.40

package/dist/index.mjs

@@ -1,7 +1,7 @@
 import { format, addDays, subMonths, endOfMonth, startOfMonth, endOfDay, eachDayOfInterval, getDay, isSameDay, isWithinInterval, startOfDay, parseISO, subDays, differenceInMinutes, addMinutes, addMonths, isValid, formatDistanceToNow, isToday, isFuture, isBefore } from 'date-fns';
 import { formatInTimeZone, fromZonedTime, toZonedTime } from 'date-fns-tz';
-import * as React146 from 'react';
-import React146__default, { createContext, useRef, useId, useCallback, useState, useMemo, useEffect, forwardRef, useImperativeHandle, useLayoutEffect, memo as memo$1, useContext, useSyncExternalStore, Children, isValidElement, useInsertionEffect, startTransition, Fragment as Fragment$1, createElement, Component } from 'react';
+import * as React147 from 'react';
+import React147__default, { createContext, useRef, useId, useCallback, useState, useMemo, useEffect, forwardRef, useImperativeHandle, useLayoutEffect, memo as memo$1, useContext, useSyncExternalStore, Children, isValidElement, useInsertionEffect, startTransition, Fragment as Fragment$1, createElement, Component } from 'react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { useRouter } from 'next/router';
 import { toast } from 'sonner';
@@ -10,13 +10,13 @@ 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, 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, 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';
+import { AdjustmentsHorizontalIcon, ClipboardDocumentCheckIcon, ClockIcon, UsersIcon, UserCircleIcon, TicketIcon, CurrencyDollarIcon, QuestionMarkCircleIcon, XMarkIcon, ArrowRightIcon, SparklesIcon, PlayCircleIcon, Bars3Icon, HomeIcon, VideoCameraIcon, TrophyIcon, ChartBarIcon, LightBulbIcon, CubeIcon, HeartIcon, Cog6ToothIcon, ChevronRightIcon, ArrowRightStartOnRectangleIcon, ExclamationCircleIcon, ExclamationTriangleIcon, CalendarIcon, ChevronDownIcon, ChevronLeftIcon, EnvelopeIcon, DocumentTextIcon, ChevronUpIcon, ArrowDownTrayIcon, CheckCircleIcon, ChatBubbleLeftRightIcon, XCircleIcon, FunnelIcon, EyeIcon, InformationCircleIcon, ArrowLeftIcon } from '@heroicons/react/24/outline';
 import * as SelectPrimitive from '@radix-ui/react-select';
 import { DayPicker, useNavigation as useNavigation$1 } from 'react-day-picker';
-import { AdjustmentsHorizontalIcon, ClipboardDocumentCheckIcon, ClockIcon, UsersIcon, UserCircleIcon, TicketIcon, CurrencyDollarIcon, QuestionMarkCircleIcon, XMarkIcon, ArrowRightIcon, Bars3Icon, HomeIcon, VideoCameraIcon, TrophyIcon, ChartBarIcon, LightBulbIcon, CubeIcon, HeartIcon, Cog6ToothIcon, ChevronRightIcon, ArrowRightStartOnRectangleIcon, ExclamationCircleIcon, ExclamationTriangleIcon, CalendarIcon, ChevronDownIcon, ChevronLeftIcon, EnvelopeIcon, DocumentTextIcon, ChevronUpIcon, ArrowDownTrayIcon, CheckCircleIcon, ChatBubbleLeftRightIcon, XCircleIcon, FunnelIcon, EyeIcon, InformationCircleIcon, ArrowLeftIcon, PlayCircleIcon } from '@heroicons/react/24/outline';
 import { CheckIcon } from '@heroicons/react/24/solid';
 import html2canvas from 'html2canvas';
 import jsPDF, { jsPDF as jsPDF$1 } from 'jspdf';
@@ -2091,14 +2091,14 @@ var useIdleTimeVlmConfig = () => {
   }
   return context;
 };
-var DashboardConfigContext = React146.createContext(void 0);
+var DashboardConfigContext = React147.createContext(void 0);
 var DashboardProvider = ({ config: userProvidedConfig, children }) => {
-  const fullConfig = React146.useMemo(() => mergeWithDefaultConfig(userProvidedConfig), [userProvidedConfig]);
+  const fullConfig = React147.useMemo(() => mergeWithDefaultConfig(userProvidedConfig), [userProvidedConfig]);
   _setDashboardConfigInstance(fullConfig);
-  React146.useEffect(() => {
+  React147.useEffect(() => {
     _setDashboardConfigInstance(fullConfig);
   }, [fullConfig]);
-  React146.useEffect(() => {
+  React147.useEffect(() => {
     if (!fullConfig.theme) return;
     const styleId = "dashboard-core-theme-vars";
     let styleEl = document.getElementById(styleId);
@@ -2124,7 +2124,7 @@ var DashboardProvider = ({ config: userProvidedConfig, children }) => {
   return /* @__PURE__ */ jsx(DashboardConfigContext.Provider, { value: fullConfig, children: /* @__PURE__ */ jsx(IdleTimeVlmConfigProvider, { children }) });
 };
 var useDashboardConfig = () => {
-  const ctx = React146.useContext(DashboardConfigContext);
+  const ctx = React147.useContext(DashboardConfigContext);
   if (!ctx) throw new Error("useDashboardConfig must be used within a DashboardProvider");
   return ctx;
 };
@@ -12827,7 +12827,7 @@ var useMobileMenu = () => {
 };
 var useHideMobileHeader = (shouldHide = true) => {
   const context = useMobileMenu();
-  React146__default.useEffect(() => {
+  React147__default.useEffect(() => {
     if (context && shouldHide) {
       context.setHideMobileHeader(true);
       return () => {
@@ -18812,7 +18812,7 @@ var useActiveBreaks = (lineIds) => {
   const [isLoading, setIsLoading] = useState(true);
   const [error, setError] = useState(null);
   const supabase = useSupabase();
-  const parseTimeToMinutes5 = (timeStr) => {
+  const parseTimeToMinutes6 = (timeStr) => {
     const [hours, minutes] = timeStr.split(":").map(Number);
     return hours * 60 + minutes;
   };
@@ -18821,8 +18821,8 @@ var useActiveBreaks = (lineIds) => {
     return now4.getHours() * 60 + now4.getMinutes();
   };
   const isTimeInBreak = (breakStart, breakEnd, currentMinutes) => {
-    const startMinutes = parseTimeToMinutes5(breakStart);
-    const endMinutes = parseTimeToMinutes5(breakEnd);
+    const startMinutes = parseTimeToMinutes6(breakStart);
+    const endMinutes = parseTimeToMinutes6(breakEnd);
     if (endMinutes < startMinutes) {
       return currentMinutes >= startMinutes || currentMinutes < endMinutes;
     } else {
@@ -18830,8 +18830,8 @@ var useActiveBreaks = (lineIds) => {
     }
   };
   const calculateBreakProgress = (breakStart, breakEnd, currentMinutes) => {
-    const startMinutes = parseTimeToMinutes5(breakStart);
-    const endMinutes = parseTimeToMinutes5(breakEnd);
+    const startMinutes = parseTimeToMinutes6(breakStart);
+    const endMinutes = parseTimeToMinutes6(breakEnd);
     let elapsedMinutes = 0;
     let remainingMinutes = 0;
     if (endMinutes < startMinutes) {
@@ -18849,8 +18849,8 @@ var useActiveBreaks = (lineIds) => {
     return { elapsedMinutes, remainingMinutes };
   };
   const isTimeInShift = (startTime, endTime, currentMinutes) => {
-    const startMinutes = parseTimeToMinutes5(startTime);
-    const endMinutes = parseTimeToMinutes5(endTime);
+    const startMinutes = parseTimeToMinutes6(startTime);
+    const endMinutes = parseTimeToMinutes6(endTime);
     if (endMinutes < startMinutes) {
       return currentMinutes >= startMinutes || currentMinutes < endMinutes;
     } else {
@@ -18910,8 +18910,8 @@ var useActiveBreaks = (lineIds) => {
               const endTime = breakItem.end || breakItem.endTime || "00:00";
               let duration = breakItem.duration || 0;
               if (!duration || duration === 0) {
-                const startMinutes = parseTimeToMinutes5(startTime);
-                const endMinutes = parseTimeToMinutes5(endTime);
+                const startMinutes = parseTimeToMinutes6(startTime);
+                const endMinutes = parseTimeToMinutes6(endTime);
                 duration = endMinutes < startMinutes ? endMinutes + 24 * 60 - startMinutes : endMinutes - startMinutes;
               }
               return {
@@ -18927,8 +18927,8 @@ var useActiveBreaks = (lineIds) => {
               const endTime = breakItem.end || breakItem.endTime || "00:00";
               let duration = breakItem.duration || 0;
               if (!duration || duration === 0) {
-                const startMinutes = parseTimeToMinutes5(startTime);
-                const endMinutes = parseTimeToMinutes5(endTime);
+                const startMinutes = parseTimeToMinutes6(startTime);
+                const endMinutes = parseTimeToMinutes6(endTime);
                 duration = endMinutes < startMinutes ? endMinutes + 24 * 60 - startMinutes : endMinutes - startMinutes;
               }
               return {
@@ -20031,6 +20031,89 @@ var useMonthlyTrend = (params) => {
   }, [queryString2, supabase]);
   return { trendSummary, isLoading, error };
 };
+
+// src/lib/services/workspaceHourSummaryService.ts
+var fetchWorkspaceHourSummary = (supabase, request) => {
+  const {
+    workspaceId,
+    companyId,
+    date,
+    shiftId,
+    hourIndex,
+    hourStart,
+    hourEnd,
+    forceRefresh = false,
+    selectionSource = "unknown"
+  } = request;
+  return fetchBackendJson(
+    supabase,
+    `/api/dashboard/workspace/${workspaceId}/hour-summary`,
+    {
+      method: "POST",
+      body: JSON.stringify({
+        companyId,
+        date,
+        shiftId,
+        hourIndex,
+        hourStart,
+        hourEnd,
+        forceRefresh,
+        selectionSource
+      }),
+      timeoutMs: 45e3,
+      retries: 0,
+      sentry: {
+        surface: "workspace_hour_summary",
+        route: "/api/dashboard/workspace/:workspaceId/hour-summary"
+      }
+    }
+  );
+};
+
+// src/lib/hooks/useWorkspaceHourSummary.ts
+var useWorkspaceHourSummary = () => {
+  const supabase = useSupabase();
+  const [data, setData] = useState(null);
+  const [isLoading, setIsLoading] = useState(false);
+  const [error, setError] = useState(null);
+  const activeRequestIdRef = useRef(0);
+  const summarize = useCallback(async (request) => {
+    const requestId = activeRequestIdRef.current + 1;
+    activeRequestIdRef.current = requestId;
+    setIsLoading(true);
+    setError(null);
+    try {
+      const response = await fetchWorkspaceHourSummary(supabase, request);
+      if (activeRequestIdRef.current === requestId) {
+        setData(response);
+      }
+      return response;
+    } catch (err) {
+      const nextError = err instanceof Error ? err : new Error(String(err));
+      if (activeRequestIdRef.current === requestId) {
+        setError(nextError);
+      }
+      throw nextError;
+    } finally {
+      if (activeRequestIdRef.current === requestId) {
+        setIsLoading(false);
+      }
+    }
+  }, [supabase]);
+  const reset = useCallback(() => {
+    activeRequestIdRef.current += 1;
+    setData(null);
+    setError(null);
+    setIsLoading(false);
+  }, []);
+  return {
+    data,
+    isLoading,
+    error,
+    summarize,
+    reset
+  };
+};
 var MAX_RETRIES = 10;
 var RETRY_DELAY = 500;
 function useNavigation(customNavigate) {
@@ -25727,7 +25810,7 @@ var MotionConfigContext = createContext({
 });
 
 // ../../node_modules/framer-motion/dist/es/components/AnimatePresence/PopChild.mjs
-var PopChildMeasure = class extends React146.Component {
+var PopChildMeasure = class extends React147.Component {
   getSnapshotBeforeUpdate(prevProps) {
     const element = this.props.childRef.current;
     if (element && prevProps.isPresent && !this.props.isPresent) {
@@ -25782,7 +25865,7 @@ function PopChild({ children, isPresent }) {
       document.head.removeChild(style);
     };
   }, [isPresent]);
-  return jsx(PopChildMeasure, { isPresent, childRef: ref, sizeRef: size, children: React146.cloneElement(children, { ref }) });
+  return jsx(PopChildMeasure, { isPresent, childRef: ref, sizeRef: size, children: React147.cloneElement(children, { ref }) });
 }
 
 // ../../node_modules/framer-motion/dist/es/components/AnimatePresence/PresenceChild.mjs
@@ -25819,7 +25902,7 @@ var PresenceChild = ({ children, initial, isPresent, onExitComplete, custom, pre
   useMemo(() => {
     presenceChildren.forEach((_, key) => presenceChildren.set(key, false));
   }, [isPresent]);
-  React146.useEffect(() => {
+  React147.useEffect(() => {
     !isPresent && !presenceChildren.size && onExitComplete && onExitComplete();
   }, [isPresent]);
   if (mode === "popLayout") {
@@ -33604,7 +33687,7 @@ var withAuth = (WrappedComponent2, options) => {
     requireAuth: true,
     ...options
   };
-  const WithAuthComponent = React146.memo(function WithAuthComponent2(props) {
+  const WithAuthComponent = React147.memo(function WithAuthComponent2(props) {
     const {
       session,
       user,
@@ -33615,9 +33698,9 @@ var withAuth = (WrappedComponent2, options) => {
       retrySessionHydration
     } = useAuth();
     const router = useRouter();
-    const [localLoading, setLocalLoading] = React146.useState(loading);
-    const [loadingTimeoutReached, setLoadingTimeoutReached] = React146.useState(false);
-    React146.useEffect(() => {
+    const [localLoading, setLocalLoading] = React147.useState(loading);
+    const [loadingTimeoutReached, setLoadingTimeoutReached] = React147.useState(false);
+    React147.useEffect(() => {
       if (process.env.NODE_ENV === "development" && process.env.DEBUG_AUTH === "true") {
         console.log("withAuth state:", {
           loading,
@@ -33629,7 +33712,7 @@ var withAuth = (WrappedComponent2, options) => {
         });
       }
     }, [authStatus, error, loading, session, user]);
-    const handleLoadingTimeout = React146.useCallback(() => {
+    const handleLoadingTimeout = React147.useCallback(() => {
       console.warn("[withAuth] Loading timeout reached");
       setLoadingTimeoutReached(true);
       if (hasStoredSupabaseSession()) {
@@ -33641,13 +33724,13 @@ var withAuth = (WrappedComponent2, options) => {
         router.replace(defaultOptions.redirectTo);
       }
     }, [retrySessionHydration, router]);
-    React146.useEffect(() => {
+    React147.useEffect(() => {
       if (!loading && authStatus !== "recovering" && defaultOptions.requireAuth && !session && !error) {
         console.log("[withAuth] No session found, redirecting to login");
         router.replace(defaultOptions.redirectTo);
       }
     }, [authStatus, defaultOptions.requireAuth, error, loading, router, session]);
-    React146.useEffect(() => {
+    React147.useEffect(() => {
       setLocalLoading(loading);
     }, [loading]);
     if (loading || localLoading) {
@@ -34646,11 +34729,11 @@ var BarChartComponent = ({
   aspect = 2,
   ...restOfChartProps
 }) => {
-  const containerRef = React146__default.useRef(null);
-  const [containerReady, setContainerReady] = React146__default.useState(false);
+  const containerRef = React147__default.useRef(null);
+  const [containerReady, setContainerReady] = React147__default.useState(false);
   const themeConfig = useThemeConfig();
   const { formatNumber } = useFormatNumber();
-  React146__default.useEffect(() => {
+  React147__default.useEffect(() => {
     const checkContainerDimensions = () => {
       if (containerRef.current) {
         const rect = containerRef.current.getBoundingClientRect();
@@ -34764,7 +34847,7 @@ var BarChartComponent = ({
   }
   return /* @__PURE__ */ jsx("div", { className: clsx("w-full", className), children: chartContent });
 };
-var BarChart = React146__default.memo(BarChartComponent, (prevProps, nextProps) => {
+var BarChart = React147__default.memo(BarChartComponent, (prevProps, nextProps) => {
   if (prevProps.xAxisDataKey !== nextProps.xAxisDataKey || prevProps.xAxisLabel !== nextProps.xAxisLabel || prevProps.yAxisLabel !== nextProps.yAxisLabel || prevProps.yAxisUnit !== nextProps.yAxisUnit || JSON.stringify(prevProps.referenceLines || []) !== JSON.stringify(nextProps.referenceLines || []) || prevProps.layout !== nextProps.layout || prevProps.className !== nextProps.className || prevProps.showGrid !== nextProps.showGrid || prevProps.showLegend !== nextProps.showLegend || prevProps.showTooltip !== nextProps.showTooltip || prevProps.responsive !== nextProps.responsive || prevProps.aspect !== nextProps.aspect) {
     return false;
   }
@@ -34815,10 +34898,10 @@ var LineChartComponent = ({
   fillContainer = false,
   ...restOfChartProps
 }) => {
-  const containerRef = React146__default.useRef(null);
-  const [dimensions, setDimensions] = React146__default.useState({ width: 0, height: 0 });
-  const [hasValidData, setHasValidData] = React146__default.useState(false);
-  React146__default.useEffect(() => {
+  const containerRef = React147__default.useRef(null);
+  const [dimensions, setDimensions] = React147__default.useState({ width: 0, height: 0 });
+  const [hasValidData, setHasValidData] = React147__default.useState(false);
+  React147__default.useEffect(() => {
     const currentHasValidData = data && lines && lines.length > 0 && data.some(
       (item) => lines.some((line) => {
         const val = item[line.dataKey];
@@ -34829,7 +34912,7 @@ var LineChartComponent = ({
       setHasValidData(true);
     }
   }, [data, lines, hasValidData]);
-  React146__default.useEffect(() => {
+  React147__default.useEffect(() => {
     if (!containerRef.current) return;
     const observer = new ResizeObserver((entries) => {
       const entry = entries[0];
@@ -34954,7 +35037,7 @@ var LineChartComponent = ({
   }
   return /* @__PURE__ */ jsx("div", { className: clsx("w-full", className), children: renderChartContent(restOfChartProps.width, restOfChartProps.height) });
 };
-var LineChart = React146__default.memo(LineChartComponent, (prevProps, nextProps) => {
+var LineChart = React147__default.memo(LineChartComponent, (prevProps, nextProps) => {
   if (prevProps.xAxisDataKey !== nextProps.xAxisDataKey || prevProps.xAxisLabel !== nextProps.xAxisLabel || prevProps.yAxisLabel !== nextProps.yAxisLabel || prevProps.yAxisUnit !== nextProps.yAxisUnit || prevProps.className !== nextProps.className || prevProps.showGrid !== nextProps.showGrid || prevProps.showLegend !== nextProps.showLegend || prevProps.showTooltip !== nextProps.showTooltip || prevProps.responsive !== nextProps.responsive || prevProps.aspect !== nextProps.aspect || JSON.stringify(prevProps.yAxisDomain) !== JSON.stringify(nextProps.yAxisDomain)) {
     return false;
   }
@@ -35121,7 +35204,7 @@ var SkuRow = ({ sku, isSelected, isLive, onSelect }) => {
   );
 };
 var PerSkuView = ({ rows, className = "", selectedSkuId, liveSkuId, onSelectSku }) => {
-  const ordered = React146__default.useMemo(
+  const ordered = React147__default.useMemo(
     () => [...rows].sort((a, b) => {
       const am = (b.active_minutes ?? 0) - (a.active_minutes ?? 0);
       if (am !== 0) return am;
@@ -35129,9 +35212,9 @@ var PerSkuView = ({ rows, className = "", selectedSkuId, liveSkuId, onSelectSku
     }),
     [rows]
   );
-  const scrollContainerRef = React146__default.useRef(null);
-  const [showScrollIndicatorBottom, setShowScrollIndicatorBottom] = React146__default.useState(ordered.length > 4);
-  const [showScrollIndicatorTop, setShowScrollIndicatorTop] = React146__default.useState(false);
+  const scrollContainerRef = React147__default.useRef(null);
+  const [showScrollIndicatorBottom, setShowScrollIndicatorBottom] = React147__default.useState(ordered.length > 4);
+  const [showScrollIndicatorTop, setShowScrollIndicatorTop] = React147__default.useState(false);
   const handleScroll = (e) => {
     const target = e.currentTarget;
     if (target.scrollHeight - target.scrollTop <= target.clientHeight + 10) {
@@ -35155,7 +35238,7 @@ var PerSkuView = ({ rows, className = "", selectedSkuId, liveSkuId, onSelectSku
       scrollContainerRef.current.scrollBy({ top: -80, behavior: "smooth" });
     }
   };
-  React146__default.useEffect(() => {
+  React147__default.useEffect(() => {
     if (scrollContainerRef.current) {
       const target = scrollContainerRef.current;
       setShowScrollIndicatorBottom(target.scrollHeight > target.clientHeight && target.scrollHeight - target.scrollTop > target.clientHeight + 10);
@@ -35228,7 +35311,7 @@ var OutputProgressChartComponent = ({
   liveSkuId,
   onSelectSku
 }) => {
-  const realSkuRows = React146__default.useMemo(
+  const realSkuRows = React147__default.useMemo(
     () => filterRealSkuBreakdown(skuBreakdown),
     [skuBreakdown]
   );
@@ -35253,7 +35336,7 @@ var OutputProgressChartComponent = ({
     }
   );
 };
-var OutputProgressChart = React146__default.memo(OutputProgressChartComponent);
+var OutputProgressChart = React147__default.memo(OutputProgressChartComponent);
 OutputProgressChart.displayName = "OutputProgressChart";
 var LargeOutputProgressChart = ({
   currentOutput,
@@ -35393,7 +35476,7 @@ var CycleTimeChartComponent = ({
     }
   ) }) });
 };
-var CycleTimeChart = React146__default.memo(CycleTimeChartComponent, (prevProps, nextProps) => {
+var CycleTimeChart = React147__default.memo(CycleTimeChartComponent, (prevProps, nextProps) => {
   if (prevProps.className !== nextProps.className) {
     return false;
   }
@@ -35628,19 +35711,21 @@ var CycleTimeOverTimeChart = ({
   className = "",
   showIdleTime = false,
   idleTimeData = [],
-  idleTimeSlots = []
+  idleTimeSlots = [],
+  selectedHourIndex = null,
+  onHourClick
 }) => {
   const MAX_DATA_POINTS = 40;
-  const containerRef = React146__default.useRef(null);
-  const [dimensions, setDimensions] = React146__default.useState({ width: 0, height: 0 });
-  const [hasValidData, setHasValidData] = React146__default.useState(false);
-  React146__default.useEffect(() => {
+  const containerRef = React147__default.useRef(null);
+  const [dimensions, setDimensions] = React147__default.useState({ width: 0, height: 0 });
+  const [hasValidData, setHasValidData] = React147__default.useState(false);
+  React147__default.useEffect(() => {
     const currentHasValidData = data && data.some((val) => val !== null && val > 0);
     if (currentHasValidData && !hasValidData) {
       setHasValidData(true);
     }
   }, [data, hasValidData]);
-  React146__default.useEffect(() => {
+  React147__default.useEffect(() => {
     if (!containerRef.current) return;
     const observer = new ResizeObserver((entries) => {
       const entry = entries[0];
@@ -35654,13 +35739,19 @@ var CycleTimeOverTimeChart = ({
     observer.observe(containerRef.current);
     return () => observer.disconnect();
   }, []);
-  const parseTimeToMinutes5 = (value) => {
+  const parseTimeToMinutes6 = (value) => {
     const [hours, minutes] = value.split(":").map(Number);
     if (!Number.isFinite(hours) || !Number.isFinite(minutes)) return 0;
     return hours * 60 + minutes;
   };
+  const formatMinutesAsTimeFilter2 = (value) => {
+    const normalized = (Math.round(value) % (24 * 60) + 24 * 60) % (24 * 60);
+    const hour = Math.floor(normalized / 60);
+    const minute = normalized % 60;
+    return `${hour.toString().padStart(2, "0")}:${minute.toString().padStart(2, "0")}`;
+  };
   const formatHourLabel = (slotIndex) => {
-    const baseMinutes = parseTimeToMinutes5(shiftStart);
+    const baseMinutes = parseTimeToMinutes6(shiftStart);
     const absoluteMinutes = baseMinutes + slotIndex * 60;
     const hour24 = Math.floor(absoluteMinutes % (24 * 60) / 60);
     const ampm = hour24 >= 12 ? "PM" : "AM";
@@ -35672,7 +35763,7 @@ var CycleTimeOverTimeChart = ({
     const endLabel = shiftEnd && slotIndex === DURATION - 1 ? formatHourLabel(slotIndex + 1) : formatHourLabel(slotIndex + 1);
     return `${startLabel} - ${endLabel}`;
   };
-  const getDisplayData = React146__default.useCallback((rawData) => {
+  const getDisplayData = React147__default.useCallback((rawData) => {
     if (xAxisMode === "hourly") return rawData;
     return rawData.slice(Math.max(0, rawData.length - MAX_DATA_POINTS));
   }, [xAxisMode]);
@@ -35680,7 +35771,7 @@ var CycleTimeOverTimeChart = ({
   const DURATION = displayData.length;
   const effectiveDatasetKey = datasetKey || `cycle-time:${xAxisMode}`;
   const finalData = displayData;
-  const labelInterval = React146__default.useMemo(() => {
+  const labelInterval = React147__default.useMemo(() => {
     if (xAxisMode === "hourly") {
       return Math.max(1, Math.ceil(DURATION / 8));
     }
@@ -35721,8 +35812,27 @@ var CycleTimeOverTimeChart = ({
       return `${minutes} minutes ${seconds} seconds ago`;
     }
   };
-  const getNumericValue = React146__default.useCallback((value) => typeof value === "number" && Number.isFinite(value) ? value : null, []);
-  const renderChartTooltip = React146__default.useCallback((tooltipProps) => {
+  const getNumericValue = React147__default.useCallback((value) => typeof value === "number" && Number.isFinite(value) ? value : null, []);
+  const buildHourClickPayload = React147__default.useCallback((dataPoint) => {
+    if (!onHourClick || xAxisMode !== "hourly") {
+      return null;
+    }
+    const hourIndex = Number.isFinite(dataPoint?.hourIndex) ? Number(dataPoint.hourIndex) : 0;
+    const slotStart = parseTimeToMinutes6(shiftStart) + hourIndex * 60;
+    const slotEnd = shiftEnd && hourIndex === DURATION - 1 ? parseTimeToMinutes6(shiftEnd) : slotStart + 60;
+    const cycleTime = getNumericValue(dataPoint?.cycleTime);
+    return {
+      hourIndex,
+      timeRange: dataPoint?.timeRange || dataPoint?.tooltip || formatTooltipTime(hourIndex),
+      startTime: formatMinutesAsTimeFilter2(slotStart),
+      endTime: formatMinutesAsTimeFilter2(slotEnd),
+      cycleTime,
+      idealCycleTime,
+      idleMinutes: getNumericValue(dataPoint?.idleMinutes),
+      status: cycleTime !== null && cycleTime <= idealCycleTime ? "within_standard" : "above_standard"
+    };
+  }, [DURATION, getNumericValue, idealCycleTime, onHourClick, shiftEnd, shiftStart, xAxisMode]);
+  const renderChartTooltip = React147__default.useCallback((tooltipProps) => {
     const { active, payload } = tooltipProps;
     if (!active || !Array.isArray(payload) || payload.length === 0) {
       return null;
@@ -35781,29 +35891,31 @@ var CycleTimeOverTimeChart = ({
               " mins)"
             ] }) })
           ] }, index)) })
-        ] })
+        ] }),
+        onHourClick && xAxisMode === "hourly" && /* @__PURE__ */ jsx("div", { className: "border-t border-blue-100 pt-2", children: /* @__PURE__ */ jsx("div", { className: "rounded-lg border border-blue-100 bg-blue-50 px-3 py-2 text-xs font-semibold text-blue-700", children: "Click to inspect hour" }) })
       ] })
     ] });
-  }, [getNumericValue, shiftStart, showIdleTime]);
-  const renderCycleDot = React146__default.useCallback((props) => {
+  }, [getNumericValue, onHourClick, shiftStart, showIdleTime, xAxisMode]);
+  const renderCycleDot = React147__default.useCallback((props) => {
     const { cx: cx2, cy, payload } = props;
     const cycleTime = getNumericValue(payload?.cycleTime);
     if (cycleTime === null) {
       return /* @__PURE__ */ jsx("g", {});
     }
+    const isSelected = selectedHourIndex === payload?.hourIndex;
     return /* @__PURE__ */ jsx(
       "circle",
       {
         cx: cx2,
         cy,
-        r: 4,
+        r: isSelected ? 6 : 4,
         fill: cycleTime <= idealCycleTime ? "#00AB45" : "#E34329",
-        stroke: "#fff",
-        strokeWidth: 1,
+        stroke: isSelected ? "#0f172a" : "#fff",
+        strokeWidth: isSelected ? 2 : 1,
         style: {
-          filter: "brightness(1)",
+          filter: isSelected ? "drop-shadow(0 0 3px rgba(15,23,42,0.35)) brightness(1.1)" : "brightness(1)",
           transition: "filter 0.3s ease, transform 0.3s ease",
-          cursor: "pointer"
+          cursor: onHourClick ? "pointer" : "default"
         },
         onMouseEnter: (e) => {
           const target = e.target;
@@ -35812,34 +35924,48 @@ var CycleTimeOverTimeChart = ({
         },
         onMouseLeave: (e) => {
           const target = e.target;
-          target.style.filter = "brightness(1)";
-          target.style.transform = "scale(1)";
+          target.style.filter = isSelected ? "drop-shadow(0 0 3px rgba(15,23,42,0.35)) brightness(1.1)" : "brightness(1)";
+          target.style.transform = isSelected ? "scale(1.1)" : "scale(1)";
+        },
+        onClick: () => {
+          const clickPayload = buildHourClickPayload(payload);
+          if (clickPayload) {
+            onHourClick?.(clickPayload);
+          }
         }
       }
     );
-  }, [getNumericValue, idealCycleTime]);
-  const renderCycleActiveDot = React146__default.useCallback((props) => {
+  }, [buildHourClickPayload, getNumericValue, idealCycleTime, onHourClick, selectedHourIndex]);
+  const renderCycleActiveDot = React147__default.useCallback((props) => {
     const { cx: cx2, cy, payload } = props;
     const cycleTime = getNumericValue(payload?.cycleTime);
     if (cycleTime === null) {
       return /* @__PURE__ */ jsx("g", {});
     }
+    const isSelected = selectedHourIndex === payload?.hourIndex;
     return /* @__PURE__ */ jsx(
       "circle",
       {
         cx: cx2,
         cy,
-        r: 6,
+        r: isSelected ? 7 : 6,
         fill: cycleTime <= idealCycleTime ? "#00AB45" : "#E34329",
-        stroke: "#fff",
+        stroke: isSelected ? "#0f172a" : "#fff",
         strokeWidth: 2,
         style: {
-          filter: "drop-shadow(0 0 2px rgba(0,0,0,0.2))"
+          filter: "drop-shadow(0 0 2px rgba(0,0,0,0.2))",
+          cursor: onHourClick ? "pointer" : "default"
+        },
+        onClick: () => {
+          const clickPayload = buildHourClickPayload(payload);
+          if (clickPayload) {
+            onHourClick?.(clickPayload);
+          }
         }
       }
     );
-  }, [getNumericValue, idealCycleTime]);
-  const renderIdleDot = React146__default.useCallback((props) => {
+  }, [buildHourClickPayload, getNumericValue, idealCycleTime, onHourClick, selectedHourIndex]);
+  const renderIdleDot = React147__default.useCallback((props) => {
     const { cx: cx2, cy, payload } = props;
     const idleMinutes = getNumericValue(payload?.idleMinutes);
     if (idleMinutes === null) {
@@ -35861,7 +35987,7 @@ var CycleTimeOverTimeChart = ({
       }
     );
   }, [getNumericValue, showIdleTime]);
-  const renderIdleActiveDot = React146__default.useCallback((props) => {
+  const renderIdleActiveDot = React147__default.useCallback((props) => {
     const { cx: cx2, cy, payload } = props;
     const idleMinutes = getNumericValue(payload?.idleMinutes);
     if (idleMinutes === null || !showIdleTime) {
@@ -35879,7 +36005,7 @@ var CycleTimeOverTimeChart = ({
       }
     );
   }, [getNumericValue, showIdleTime]);
-  const chartData = React146__default.useMemo(() => Array.from({ length: DURATION }, (_, i) => {
+  const chartData = React147__default.useMemo(() => Array.from({ length: DURATION }, (_, i) => {
     const cycleTime = getNumericValue(finalData[i]);
     const useIdleSlots = idleTimeSlots.length > 0;
     const idleSlot = useIdleSlots ? idleTimeSlots[i] ?? null : null;
@@ -36076,7 +36202,7 @@ var CycleTimeOverTimeChart = ({
     }
   );
 };
-var Card = React146.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var Card = React147.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "div",
   {
     ref,
@@ -36088,7 +36214,7 @@ var Card = React146.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */
   }
 ));
 Card.displayName = "Card";
-var CardHeader = React146.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var CardHeader = React147.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "div",
   {
     ref,
@@ -36097,7 +36223,7 @@ var CardHeader = React146.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 CardHeader.displayName = "CardHeader";
-var CardTitle = React146.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var CardTitle = React147.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "h3",
   {
     ref,
@@ -36109,7 +36235,7 @@ var CardTitle = React146.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 CardTitle.displayName = "CardTitle";
-var CardDescription = React146.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var CardDescription = React147.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "p",
   {
     ref,
@@ -36118,9 +36244,9 @@ var CardDescription = React146.forwardRef(({ className, ...props }, ref) => /* @
   }
 ));
 CardDescription.displayName = "CardDescription";
-var CardContent = React146.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("p-6 pt-0", className), ...props }));
+var CardContent = React147.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("p-6 pt-0", className), ...props }));
 CardContent.displayName = "CardContent";
-var CardFooter = React146.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var CardFooter = React147.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "div",
   {
     ref,
@@ -36196,7 +36322,7 @@ var buttonVariants = cva(
     }
   }
 );
-var Button = React146.forwardRef(
+var Button = React147.forwardRef(
   ({ className, variant, size, asChild = false, ...props }, ref) => {
     const Comp = asChild ? Slot : "button";
     return /* @__PURE__ */ jsx(
@@ -36906,6 +37032,35 @@ var buildCompactSkuRailLabel = (label, maxChars) => {
   }
   return acronym || firstWord;
 };
+var parseTimeToMinutes3 = (timeValue) => {
+  const [hourPart, minutePart] = timeValue.split(":");
+  const hour = Number.parseInt(hourPart, 10);
+  const minute = Number.parseInt(minutePart ?? "0", 10);
+  const safeHour = Number.isFinite(hour) ? hour : 0;
+  const safeMinute = Number.isFinite(minute) ? minute : 0;
+  return safeHour * 60 + safeMinute;
+};
+var formatMinutesAsTimeFilter = (totalMinutes) => {
+  const minutesInDay = 24 * 60;
+  const normalized = (Math.round(totalMinutes) % minutesInDay + minutesInDay) % minutesInDay;
+  const hour = Math.floor(normalized / 60);
+  const minute = normalized % 60;
+  return `${hour.toString().padStart(2, "0")}:${minute.toString().padStart(2, "0")}`;
+};
+var buildHourClipFilterWindow = ({
+  shiftStart,
+  shiftEnd,
+  hourIndex,
+  slotCount
+}) => {
+  const startMinutes = parseTimeToMinutes3(shiftStart) + hourIndex * 60;
+  const isLastSlot = hourIndex === slotCount - 1;
+  const endMinutes = isLastSlot && shiftEnd ? parseTimeToMinutes3(shiftEnd) : startMinutes + 60;
+  return {
+    startTime: formatMinutesAsTimeFilter(startMinutes),
+    endTime: formatMinutesAsTimeFilter(endMinutes)
+  };
+};
 var HourlyOutputChartComponent = ({
   data,
   pphThreshold,
@@ -36919,13 +37074,20 @@ var HourlyOutputChartComponent = ({
   timezone,
   skuSegments,
   activeSkuId,
+  selectedHourIndex = null,
+  onHourClick,
+  onWatchClipsClick,
+  onAiSummaryClick,
   className = ""
 }) => {
-  const containerRef = React146__default.useRef(null);
-  const [containerReady, setContainerReady] = React146__default.useState(false);
-  const [containerWidth, setContainerWidth] = React146__default.useState(0);
-  const [hoveredSkuRailLabel, setHoveredSkuRailLabel] = React146__default.useState(null);
-  const idleSlots = React146__default.useMemo(
+  const containerRef = React147__default.useRef(null);
+  const [containerReady, setContainerReady] = React147__default.useState(false);
+  const [containerWidth, setContainerWidth] = React147__default.useState(0);
+  const [hoveredSkuRailLabel, setHoveredSkuRailLabel] = React147__default.useState(null);
+  const [isTooltipHovered, setIsTooltipHovered] = React147__default.useState(false);
+  const lastTooltipDataRef = React147__default.useRef(null);
+  const tooltipHoverTimeoutRef = React147__default.useRef(null);
+  const idleSlots = React147__default.useMemo(
     () => buildHourlyIdleSlots({
       idleTimeHourly,
       shiftStart,
@@ -36934,12 +37096,12 @@ var HourlyOutputChartComponent = ({
     [idleTimeHourly, shiftStart, shiftEnd]
   );
   const SHIFT_DURATION = idleSlots.length;
-  const [animatedData, setAnimatedData] = React146__default.useState(
+  const [animatedData, setAnimatedData] = React147__default.useState(
     () => Array(SHIFT_DURATION).fill(0)
   );
-  const prevDataRef = React146__default.useRef(Array(SHIFT_DURATION).fill(0));
-  const animationFrameRef = React146__default.useRef(null);
-  React146__default.useEffect(() => {
+  const prevDataRef = React147__default.useRef(Array(SHIFT_DURATION).fill(0));
+  const animationFrameRef = React147__default.useRef(null);
+  React147__default.useEffect(() => {
     setAnimatedData((prev) => {
       if (prev.length !== SHIFT_DURATION) {
         return Array(SHIFT_DURATION).fill(0);
@@ -36948,14 +37110,14 @@ var HourlyOutputChartComponent = ({
     });
     prevDataRef.current = Array(SHIFT_DURATION).fill(0);
   }, [SHIFT_DURATION]);
-  const [idleBarState, setIdleBarState] = React146__default.useState({
+  const [idleBarState, setIdleBarState] = React147__default.useState({
     visible: showIdleTime,
     key: 0,
     shouldAnimate: false
   });
-  const prevShowIdleTimeRef = React146__default.useRef(showIdleTime);
-  const stateUpdateTimeoutRef = React146__default.useRef(null);
-  React146__default.useEffect(() => {
+  const prevShowIdleTimeRef = React147__default.useRef(showIdleTime);
+  const stateUpdateTimeoutRef = React147__default.useRef(null);
+  React147__default.useEffect(() => {
     if (stateUpdateTimeoutRef.current) {
       clearTimeout(stateUpdateTimeoutRef.current);
     }
@@ -36980,7 +37142,7 @@ var HourlyOutputChartComponent = ({
       }
     };
   }, [showIdleTime]);
-  const animateToNewData = React146__default.useCallback((targetData) => {
+  const animateToNewData = React147__default.useCallback((targetData) => {
     const startData = [...prevDataRef.current];
     const startTime = performance.now();
     const duration = 1200;
@@ -37010,7 +37172,7 @@ var HourlyOutputChartComponent = ({
     }
     animationFrameRef.current = requestAnimationFrame(animate);
   }, []);
-  React146__default.useEffect(() => {
+  React147__default.useEffect(() => {
     if (JSON.stringify(data) !== JSON.stringify(prevDataRef.current)) {
       const shiftData = data.slice(0, SHIFT_DURATION);
       animateToNewData(shiftData);
@@ -37021,7 +37183,14 @@ var HourlyOutputChartComponent = ({
       }
     };
   }, [data, animateToNewData]);
-  React146__default.useEffect(() => {
+  React147__default.useEffect(() => {
+    return () => {
+      if (tooltipHoverTimeoutRef.current) {
+        clearTimeout(tooltipHoverTimeoutRef.current);
+      }
+    };
+  }, []);
+  React147__default.useEffect(() => {
     const checkContainerDimensions = () => {
       if (containerRef.current) {
         const rect = containerRef.current.getBoundingClientRect();
@@ -37047,7 +37216,7 @@ var HourlyOutputChartComponent = ({
       clearTimeout(fallbackTimeout);
     };
   }, []);
-  const xAxisConfig = React146__default.useMemo(() => {
+  const xAxisConfig = React147__default.useMemo(() => {
     if (containerWidth >= 960) {
       return {
         interval: 0,
@@ -37068,13 +37237,13 @@ var HourlyOutputChartComponent = ({
     }
     return { interval: 0, angle: -30, height: 64, tickFont: 9, tickMargin: 6 };
   }, [containerWidth]);
-  const shiftWindow = React146__default.useMemo(() => resolveShiftWindow2({
+  const shiftWindow = React147__default.useMemo(() => resolveShiftWindow2({
     shiftStart,
     slotCount: SHIFT_DURATION,
     shiftDate,
     timezone
   }), [shiftStart, shiftEnd, SHIFT_DURATION, shiftDate, timezone]);
-  const fallbackTimelineEndOffset = React146__default.useMemo(
+  const fallbackTimelineEndOffset = React147__default.useMemo(
     () => resolveTimelineEndOffset({
       shiftStart,
       shiftEnd,
@@ -37084,7 +37253,7 @@ var HourlyOutputChartComponent = ({
     }),
     [shiftStart, shiftEnd, SHIFT_DURATION, shiftDate, timezone]
   );
-  const observedTimelineEndOffset = React146__default.useMemo(() => {
+  const observedTimelineEndOffset = React147__default.useMemo(() => {
     let lastObservedMinute = -1;
     idleSlots.forEach((slot) => {
       slot.idleArray.forEach((value, minuteIndex) => {
@@ -37100,7 +37269,7 @@ var HourlyOutputChartComponent = ({
     return Math.min((lastObservedMinute + 1) / 60, SHIFT_DURATION);
   }, [idleSlots, SHIFT_DURATION]);
   const timelineEndOffset = observedTimelineEndOffset ?? fallbackTimelineEndOffset;
-  const targetLineEndOffset = React146__default.useMemo(() => {
+  const targetLineEndOffset = React147__default.useMemo(() => {
     if (timelineEndOffset >= SHIFT_DURATION) {
       return SHIFT_DURATION;
     }
@@ -37109,7 +37278,7 @@ var HourlyOutputChartComponent = ({
     }
     return Math.min(Math.floor(timelineEndOffset) + 1, SHIFT_DURATION);
   }, [timelineEndOffset, SHIFT_DURATION]);
-  const skuTimelineSegments = React146__default.useMemo(() => {
+  const skuTimelineSegments = React147__default.useMemo(() => {
     if (!skuSegments || skuSegments.length === 0 || !shiftWindow || timelineEndOffset <= 0) {
       return [];
     }
@@ -37143,18 +37312,18 @@ var HourlyOutputChartComponent = ({
       };
     }).filter((segment) => segment.end > segment.start);
   }, [skuSegments, shiftWindow, timelineEndOffset, pphThreshold]);
-  const targetTimelineSegments = React146__default.useMemo(() => {
+  const targetTimelineSegments = React147__default.useMemo(() => {
     if (skuTimelineSegments.length === 0) return [];
     return skuTimelineSegments.map((segment, index) => ({
       ...segment,
       end: index === skuTimelineSegments.length - 1 ? Math.max(segment.start, targetLineEndOffset) : segment.end
     })).filter((segment) => segment.end > segment.start);
   }, [skuTimelineSegments, targetLineEndOffset]);
-  const hasExplicitHourlyTargetOutputProp = React146__default.useMemo(
+  const hasExplicitHourlyTargetOutputProp = React147__default.useMemo(
     () => hourlyTargetOutput !== void 0,
     [hourlyTargetOutput]
   );
-  const fallbackHourlyTargetOutput = React146__default.useMemo(() => {
+  const fallbackHourlyTargetOutput = React147__default.useMemo(() => {
     if (hasExplicitHourlyTargetOutputProp) return void 0;
     if (skuTimelineSegments.length > 0) return void 0;
     const plan = buildHourlyTargetPlan({
@@ -37174,19 +37343,19 @@ var HourlyOutputChartComponent = ({
     shiftBreaks,
     pphThreshold
   ]);
-  const effectiveHourlyTargetOutput = React146__default.useMemo(
+  const effectiveHourlyTargetOutput = React147__default.useMemo(
     () => hasExplicitHourlyTargetOutputProp ? hourlyTargetOutput : fallbackHourlyTargetOutput,
     [hasExplicitHourlyTargetOutputProp, hourlyTargetOutput, fallbackHourlyTargetOutput]
   );
-  const hasHourlyTargetOutputProp = React146__default.useMemo(
+  const hasHourlyTargetOutputProp = React147__default.useMemo(
     () => effectiveHourlyTargetOutput !== void 0,
     [effectiveHourlyTargetOutput]
   );
-  const hasExplicitHourlyTargets = React146__default.useMemo(
+  const hasExplicitHourlyTargets = React147__default.useMemo(
     () => Array.isArray(effectiveHourlyTargetOutput) && effectiveHourlyTargetOutput.some((value) => value !== null && value !== void 0),
     [effectiveHourlyTargetOutput]
   );
-  const hourlyTargetSegments = React146__default.useMemo(() => {
+  const hourlyTargetSegments = React147__default.useMemo(() => {
     if (!hasExplicitHourlyTargets) return [];
     const segments = [];
     let runStart = null;
@@ -37218,7 +37387,7 @@ var HourlyOutputChartComponent = ({
     flush(SHIFT_DURATION);
     return segments.filter((segment) => segment.end > segment.start);
   }, [SHIFT_DURATION, hasExplicitHourlyTargets, effectiveHourlyTargetOutput]);
-  const activeSkuHourIndices = React146__default.useMemo(() => {
+  const activeSkuHourIndices = React147__default.useMemo(() => {
     const indices = /* @__PURE__ */ new Set();
     const targets = Array(SHIFT_DURATION).fill(pphThreshold);
     if (!skuSegments || !shiftWindow) return { indices, targets, hasTimeline: false };
@@ -37251,13 +37420,14 @@ var HourlyOutputChartComponent = ({
     }
     return { indices, targets, hasTimeline: true };
   }, [skuSegments, activeSkuId, shiftWindow, SHIFT_DURATION, pphThreshold]);
-  const chartData = React146__default.useMemo(() => {
+  const chartData = React147__default.useMemo(() => {
     const { indices, targets, hasTimeline } = activeSkuHourIndices;
     return Array.from({ length: SHIFT_DURATION }, (_, i) => {
       const idleSlot = idleSlots[i];
       const explicitTarget = hasHourlyTargetOutputProp ? effectiveHourlyTargetOutput?.[i] ?? null : void 0;
       const currentTarget = hasHourlyTargetOutputProp ? explicitTarget : targets[i] || pphThreshold;
       const outputForComparison = Math.round(animatedData[i] || 0);
+      const actualOutputForComparison = Math.round(data[i] || 0);
       const comparisonTarget = currentTarget === null || currentTarget === void 0 ? targets[i] || pphThreshold : currentTarget;
       const targetForComparison = Math.round(comparisonTarget);
       return {
@@ -37272,12 +37442,14 @@ var HourlyOutputChartComponent = ({
         idleMinutes: idleSlot?.idleMinutes || 0,
         idleArray: idleSlot?.idleArray || [],
         skuIndex: i,
+        isSelected: selectedHourIndex === (idleSlot?.hourIndex ?? i),
         isHighlighted: indices.has(i),
-        isDimmed: hasTimeline && !!activeSkuId && !indices.has(i)
+        isDimmed: hasTimeline && !!activeSkuId && !indices.has(i),
+        status: actualOutputForComparison >= targetForComparison ? "met_target" : "below_target"
       };
     });
-  }, [animatedData, data, pphThreshold, idleSlots, SHIFT_DURATION, activeSkuHourIndices, activeSkuId, effectiveHourlyTargetOutput, hasHourlyTargetOutputProp]);
-  const renderSkuTimelineRail = React146__default.useCallback((props) => {
+  }, [animatedData, data, pphThreshold, idleSlots, SHIFT_DURATION, activeSkuHourIndices, activeSkuId, effectiveHourlyTargetOutput, hasHourlyTargetOutputProp, selectedHourIndex]);
+  const renderSkuTimelineRail = React147__default.useCallback((props) => {
     if (!skuTimelineSegments.length || SHIFT_DURATION <= 0) return null;
     const offset = props?.offset;
     if (!offset) return null;
@@ -37426,7 +37598,7 @@ var HourlyOutputChartComponent = ({
       })
     ] });
   }, [skuTimelineSegments, SHIFT_DURATION, activeSkuId]);
-  const IdleBar = React146__default.useMemo(() => {
+  const IdleBar = React147__default.useMemo(() => {
     if (!idleBarState.visible) return null;
     return /* @__PURE__ */ jsx(
       Bar,
@@ -37520,7 +37692,7 @@ var HourlyOutputChartComponent = ({
     }
     return filteredTicks;
   };
-  const renderTargetLine = React146__default.useCallback((props) => {
+  const renderTargetLine = React147__default.useCallback((props) => {
     const { offset, yAxisMap } = props;
     if (!offset || !yAxisMap || SHIFT_DURATION <= 0 || targetLineEndOffset <= 0) return null;
     const { left, width } = offset;
@@ -37724,84 +37896,163 @@ var HourlyOutputChartComponent = ({
                   Tooltip,
                   {
                     cursor: { fill: "#f1f5f9" },
+                    shared: false,
+                    offset: -5,
+                    wrapperStyle: { pointerEvents: "auto", zIndex: 100 },
+                    active: isTooltipHovered ? true : void 0,
+                    isAnimationActive: false,
                     contentStyle: { backgroundColor: "transparent", border: "none", padding: 0 },
                     content: (props) => {
-                      if (!props.active || !props.payload || props.payload.length === 0)
+                      const activeData = props.active && props.payload && props.payload.length > 0 ? props.payload[0].payload : null;
+                      const data2 = activeData || (isTooltipHovered ? lastTooltipDataRef.current : null);
+                      if (!data2)
                         return null;
-                      const data2 = props.payload[0].payload;
+                      if (activeData) {
+                        lastTooltipDataRef.current = activeData;
+                      }
                       const idlePeriods = showIdleTime ? getHourlyIdlePeriods({
                         idleArray: data2.idleArray,
                         shiftStart,
                         hourIndex: Number.isFinite(data2.hourIndex) ? data2.hourIndex : 0
                       }) : [];
-                      return /* @__PURE__ */ jsxs("div", { className: "bg-white/95 backdrop-blur-md border border-slate-200/60 shadow-xl shadow-slate-200/40 rounded-xl p-4 min-w-[240px] text-slate-700", children: [
-                        /* @__PURE__ */ jsx("div", { className: "flex items-center justify-between mb-4 pb-3 border-b border-slate-100", children: /* @__PURE__ */ jsx("p", { className: "font-semibold text-slate-900 text-sm tracking-tight", children: data2.timeRange }) }),
-                        /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
-                          /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
-                            /* @__PURE__ */ jsx("span", { className: "text-sm text-slate-500 font-medium tracking-wide", children: "Output" }),
-                            /* @__PURE__ */ jsxs("span", { className: "font-bold text-slate-900 text-sm", children: [
-                              Math.round(data2.output),
-                              " ",
-                              /* @__PURE__ */ jsx("span", { className: "text-slate-400 font-normal text-xs ml-0.5", children: "units" })
-                            ] })
-                          ] }),
-                          /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
-                            /* @__PURE__ */ jsx("span", { className: "text-sm text-slate-500 font-medium tracking-wide", children: "Target" }),
-                            /* @__PURE__ */ jsxs("span", { className: "font-bold text-slate-700 text-sm", children: [
-                              Math.round(data2.target),
-                              " ",
-                              /* @__PURE__ */ jsx("span", { className: "text-slate-400 font-normal text-xs ml-0.5", children: "units" })
-                            ] })
-                          ] }),
-                          showIdleTime && data2.idleMinutes > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
-                            /* @__PURE__ */ jsx("div", { className: "pt-3 mt-3 border-t border-slate-100", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
-                              /* @__PURE__ */ jsx("span", { className: "text-sm text-slate-500 font-medium tracking-wide", children: "Idle Time" }),
-                              /* @__PURE__ */ jsxs("span", { className: "font-bold text-orange-600 text-sm flex items-center gap-1.5", children: [
-                                /* @__PURE__ */ jsx("span", { className: "w-1.5 h-1.5 rounded-full bg-orange-500 shadow-[0_0_6px_rgba(249,115,22,0.6)] animate-pulse" }),
-                                data2.idleMinutes,
-                                " ",
-                                /* @__PURE__ */ jsx("span", { className: "text-orange-500/70 font-normal text-xs ml-0.5", children: "min" })
-                              ] })
-                            ] }) }),
-                            idlePeriods.length > 0 && /* @__PURE__ */ jsxs("div", { className: "mt-3 bg-slate-50/80 rounded-lg p-3 border border-slate-100/50", children: [
-                              /* @__PURE__ */ jsx("p", { className: "font-semibold text-slate-400 text-[10px] mb-2.5 uppercase tracking-wider", children: "Idle Periods" }),
-                              /* @__PURE__ */ jsx("div", { className: "space-y-2.5 max-h-32 overflow-y-auto pr-1 custom-scrollbar", children: idlePeriods.map((period, index) => {
-                                return /* @__PURE__ */ jsxs(
-                                  "div",
-                                  {
-                                    className: "flex items-start gap-2.5 text-xs",
-                                    children: [
-                                      /* @__PURE__ */ jsx("div", { className: "mt-[5px] w-1.5 h-1.5 bg-orange-400 rounded-full flex-shrink-0 shadow-[0_0_4px_rgba(251,146,60,0.5)]" }),
-                                      /* @__PURE__ */ jsx("span", { className: "text-slate-700 font-medium tracking-tight", children: period.duration === 1 ? /* @__PURE__ */ jsxs(Fragment, { children: [
-                                        period.startTime,
-                                        " ",
-                                        /* @__PURE__ */ jsxs("span", { className: "text-slate-400 font-normal ml-1", children: [
-                                          "(",
-                                          period.duration,
-                                          "m)"
-                                        ] })
-                                      ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-                                        period.startTime,
-                                        " ",
-                                        /* @__PURE__ */ jsx("span", { className: "text-slate-400 mx-0.5", children: "\u2192" }),
-                                        " ",
-                                        period.endTime,
-                                        " ",
-                                        /* @__PURE__ */ jsxs("span", { className: "text-slate-400 font-normal ml-1", children: [
-                                          "(",
-                                          period.duration,
-                                          "m)"
-                                        ] })
-                                      ] }) })
-                                    ]
+                      const tooltipHourIndex = Number.isFinite(data2.hourIndex) ? data2.hourIndex : 0;
+                      const { startTime, endTime } = buildHourClipFilterWindow({
+                        shiftStart,
+                        shiftEnd,
+                        hourIndex: tooltipHourIndex,
+                        slotCount: SHIFT_DURATION
+                      });
+                      const clickPayload = {
+                        hourIndex: tooltipHourIndex,
+                        timeRange: data2.timeRange,
+                        startTime,
+                        endTime,
+                        output: Math.round(data2.originalOutput || 0),
+                        target: data2.target,
+                        status: data2.status
+                      };
+                      return /* @__PURE__ */ jsx(
+                        "div",
+                        {
+                          className: "p-3 -m-3 pointer-events-auto",
+                          style: { cursor: "default" },
+                          onMouseEnter: () => {
+                            if (tooltipHoverTimeoutRef.current) {
+                              clearTimeout(tooltipHoverTimeoutRef.current);
+                              tooltipHoverTimeoutRef.current = null;
+                            }
+                            setIsTooltipHovered(true);
+                          },
+                          onMouseLeave: () => {
+                            if (tooltipHoverTimeoutRef.current) {
+                              clearTimeout(tooltipHoverTimeoutRef.current);
+                            }
+                            tooltipHoverTimeoutRef.current = setTimeout(() => {
+                              setIsTooltipHovered(false);
+                              tooltipHoverTimeoutRef.current = null;
+                            }, 120);
+                          },
+                          children: /* @__PURE__ */ jsxs("div", { className: "bg-white/95 backdrop-blur-md border border-slate-200/60 shadow-xl shadow-slate-200/40 rounded-xl p-4 min-w-[240px] text-slate-700 pointer-events-auto", children: [
+                            /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between mb-4 pb-3 border-b border-slate-100", children: [
+                              /* @__PURE__ */ jsx("p", { className: "font-semibold text-slate-900 text-sm tracking-tight", children: data2.timeRange }),
+                              onAiSummaryClick && /* @__PURE__ */ jsxs(
+                                "button",
+                                {
+                                  onClick: (e) => {
+                                    e.stopPropagation();
+                                    onAiSummaryClick(clickPayload);
+                                  },
+                                  className: "flex items-center gap-1 px-2 py-1 -mr-1 rounded-md border border-slate-200 bg-white hover:bg-slate-50 text-[11px] font-medium text-slate-600 shadow-sm transition-colors",
+                                  children: [
+                                    /* @__PURE__ */ jsx(SparklesIcon, { className: "w-3.5 h-3.5" }),
+                                    "Ask AI"
+                                  ]
+                                }
+                              )
+                            ] }),
+                            /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
+                              /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+                                /* @__PURE__ */ jsx("span", { className: "text-sm text-slate-500 font-medium tracking-wide", children: "Output" }),
+                                /* @__PURE__ */ jsxs("span", { className: "font-bold text-slate-900 text-sm", children: [
+                                  Math.round(data2.output),
+                                  " ",
+                                  /* @__PURE__ */ jsx("span", { className: "text-slate-400 font-normal text-xs ml-0.5", children: "units" })
+                                ] })
+                              ] }),
+                              /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+                                /* @__PURE__ */ jsx("span", { className: "text-sm text-slate-500 font-medium tracking-wide", children: "Target" }),
+                                /* @__PURE__ */ jsxs("span", { className: "font-bold text-slate-700 text-sm", children: [
+                                  Math.round(data2.target),
+                                  " ",
+                                  /* @__PURE__ */ jsx("span", { className: "text-slate-400 font-normal text-xs ml-0.5", children: "units" })
+                                ] })
+                              ] }),
+                              showIdleTime && data2.idleMinutes > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
+                                /* @__PURE__ */ jsx("div", { className: "pt-3 mt-3 border-t border-slate-100", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+                                  /* @__PURE__ */ jsx("span", { className: "text-sm text-slate-500 font-medium tracking-wide", children: "Idle Time" }),
+                                  /* @__PURE__ */ jsxs("span", { className: "font-bold text-orange-600 text-sm flex items-center gap-1.5", children: [
+                                    /* @__PURE__ */ jsx("span", { className: "w-1.5 h-1.5 rounded-full bg-orange-500 shadow-[0_0_6px_rgba(249,115,22,0.6)] animate-pulse" }),
+                                    data2.idleMinutes,
+                                    " ",
+                                    /* @__PURE__ */ jsx("span", { className: "text-orange-500/70 font-normal text-xs ml-0.5", children: "min" })
+                                  ] })
+                                ] }) }),
+                                idlePeriods.length > 0 && /* @__PURE__ */ jsxs("div", { className: "mt-3 bg-slate-50/80 rounded-lg p-3 border border-slate-100/50", children: [
+                                  /* @__PURE__ */ jsx("p", { className: "font-semibold text-slate-400 text-[10px] mb-2.5 uppercase tracking-wider", children: "Idle Periods" }),
+                                  /* @__PURE__ */ jsx("div", { className: "space-y-2.5 max-h-32 overflow-y-auto pr-1 custom-scrollbar", children: idlePeriods.map((period, index) => {
+                                    return /* @__PURE__ */ jsxs(
+                                      "div",
+                                      {
+                                        className: "flex items-start gap-2.5 text-xs",
+                                        children: [
+                                          /* @__PURE__ */ jsx("div", { className: "mt-[5px] w-1.5 h-1.5 bg-orange-400 rounded-full flex-shrink-0 shadow-[0_0_4px_rgba(251,146,60,0.5)]" }),
+                                          /* @__PURE__ */ jsx("span", { className: "text-slate-700 font-medium tracking-tight", children: period.duration === 1 ? /* @__PURE__ */ jsxs(Fragment, { children: [
+                                            period.startTime,
+                                            " ",
+                                            /* @__PURE__ */ jsxs("span", { className: "text-slate-400 font-normal ml-1", children: [
+                                              "(",
+                                              period.duration,
+                                              "m)"
+                                            ] })
+                                          ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+                                            period.startTime,
+                                            " ",
+                                            /* @__PURE__ */ jsx("span", { className: "text-slate-400 mx-0.5", children: "\u2192" }),
+                                            " ",
+                                            period.endTime,
+                                            " ",
+                                            /* @__PURE__ */ jsxs("span", { className: "text-slate-400 font-normal ml-1", children: [
+                                              "(",
+                                              period.duration,
+                                              "m)"
+                                            ] })
+                                          ] }) })
+                                        ]
+                                      },
+                                      index
+                                    );
+                                  }) })
+                                ] })
+                              ] }),
+                              onWatchClipsClick && /* @__PURE__ */ jsx("div", { className: "pt-3 mt-3 border-t border-slate-100 flex items-center", children: /* @__PURE__ */ jsxs(
+                                "button",
+                                {
+                                  onClick: (e) => {
+                                    e.stopPropagation();
+                                    onWatchClipsClick(clickPayload);
                                   },
-                                  index
-                                );
-                              }) })
+                                  className: "w-full rounded-md border border-slate-200 bg-white hover:bg-slate-50 px-2 py-1.5 text-xs font-semibold text-slate-700 transition-colors flex items-center justify-center gap-1.5 shadow-sm",
+                                  children: [
+                                    /* @__PURE__ */ jsx(PlayCircleIcon, { className: "w-4 h-4 text-blue-500" }),
+                                    "Watch Clips"
+                                  ]
+                                }
+                              ) }),
+                              onHourClick && !onWatchClipsClick && !onAiSummaryClick && /* @__PURE__ */ jsx("div", { className: "pt-3 mt-3 border-t border-slate-100", children: /* @__PURE__ */ jsx("div", { className: "rounded-lg border border-blue-100 bg-blue-50/70 px-3 py-2 text-xs font-semibold text-blue-700 text-center", children: "Click to inspect hour" }) })
                             ] })
                           ] })
-                        ] })
-                      ] });
+                        }
+                      );
                     },
                     animationDuration: 200
                   }
@@ -37822,14 +38073,14 @@ var HourlyOutputChartComponent = ({
                         Cell,
                         {
                           fill: entry.color,
-                          stroke: "transparent",
-                          strokeWidth: 0,
+                          stroke: entry.isSelected ? "#0f172a" : "transparent",
+                          strokeWidth: entry.isSelected ? 2 : 0,
                           style: {
-                            filter: entry.isHighlighted ? "drop-shadow(0 4px 6px rgba(0, 0, 0, 0.12)) brightness(1.05)" : "brightness(1)",
-                            transform: entry.isHighlighted ? "translateY(-4px)" : "translateY(0)",
+                            filter: entry.isHighlighted || entry.isSelected ? "drop-shadow(0 4px 6px rgba(0, 0, 0, 0.12)) brightness(1.05)" : "brightness(1)",
+                            transform: entry.isHighlighted || entry.isSelected ? "translateY(-4px)" : "translateY(0)",
                             opacity: entry.isDimmed ? 0.4 : 1,
                             transition: "all 0.3s cubic-bezier(0.4, 0, 0.2, 1)",
-                            cursor: "pointer"
+                            cursor: onHourClick || onWatchClipsClick || onAiSummaryClick ? "pointer" : "default"
                           },
                           onMouseEnter: (e) => {
                             const target = e.target;
@@ -37839,9 +38090,28 @@ var HourlyOutputChartComponent = ({
                           },
                           onMouseLeave: (e) => {
                             const target = e.target;
-                            target.style.filter = entry.isHighlighted ? "drop-shadow(0 4px 6px rgba(0, 0, 0, 0.12)) brightness(1.05)" : "brightness(1)";
-                            target.style.transform = entry.isHighlighted ? "translateY(-4px)" : "translateY(0)";
+                            target.style.filter = entry.isHighlighted || entry.isSelected ? "drop-shadow(0 4px 6px rgba(0, 0, 0, 0.12)) brightness(1.05)" : "brightness(1)";
+                            target.style.transform = entry.isHighlighted || entry.isSelected ? "translateY(-4px)" : "translateY(0)";
                             target.style.opacity = entry.isDimmed ? "0.4" : "1";
+                          },
+                          onClick: () => {
+                            if (!onHourClick && !onWatchClipsClick && !onAiSummaryClick) return;
+                            const { startTime, endTime } = buildHourClipFilterWindow({
+                              shiftStart,
+                              shiftEnd,
+                              hourIndex: entry.hourIndex,
+                              slotCount: SHIFT_DURATION
+                            });
+                            const payload = {
+                              hourIndex: entry.hourIndex,
+                              timeRange: entry.timeRange,
+                              startTime,
+                              endTime,
+                              output: Math.round(entry.originalOutput || 0),
+                              target: entry.target,
+                              status: entry.status
+                            };
+                            if (onHourClick) onHourClick(payload);
                           }
                         },
                         `cell-${index}`
@@ -37923,10 +38193,10 @@ var HourlyOutputChartComponent = ({
     }
   );
 };
-var HourlyOutputChart = React146__default.memo(
+var HourlyOutputChart = React147__default.memo(
   HourlyOutputChartComponent,
   (prevProps, nextProps) => {
-    if (prevProps.pphThreshold !== nextProps.pphThreshold || prevProps.shiftStart !== nextProps.shiftStart || prevProps.shiftEnd !== nextProps.shiftEnd || prevProps.shiftDate !== nextProps.shiftDate || prevProps.timezone !== nextProps.timezone || prevProps.showIdleTime !== nextProps.showIdleTime || prevProps.activeSkuId !== nextProps.activeSkuId || prevProps.className !== nextProps.className) {
+    if (prevProps.pphThreshold !== nextProps.pphThreshold || prevProps.shiftStart !== nextProps.shiftStart || prevProps.shiftEnd !== nextProps.shiftEnd || prevProps.shiftDate !== nextProps.shiftDate || prevProps.timezone !== nextProps.timezone || prevProps.showIdleTime !== nextProps.showIdleTime || prevProps.activeSkuId !== nextProps.activeSkuId || prevProps.selectedHourIndex !== nextProps.selectedHourIndex || prevProps.onHourClick !== nextProps.onHourClick || prevProps.className !== nextProps.className) {
       return false;
     }
     if (prevProps.data.length !== nextProps.data.length) {
@@ -38377,7 +38647,7 @@ function getTrendArrowAndColor(trend) {
     return { arrow: "\u2192", color: "text-gray-400" };
   }
 }
-var VideoCard = React146__default.memo(({
+var VideoCard = React147__default.memo(({
   workspace,
   hlsUrl,
   shouldPlay,
@@ -38647,7 +38917,7 @@ var hasRecentHealthSignal = (lastHeartbeat) => {
   if (!Number.isFinite(heartbeatMs)) return false;
   return Date.now() - heartbeatMs <= RECENT_HEALTH_SIGNAL_MS;
 };
-var VideoGridView = React146__default.memo(({
+var VideoGridView = React147__default.memo(({
   workspaces,
   blueComparisonWorkspaces,
   selectedLine,
@@ -39086,7 +39356,7 @@ var VideoGridView = React146__default.memo(({
   ) });
 });
 VideoGridView.displayName = "VideoGridView";
-var MapGridView = React146__default.memo(({
+var MapGridView = React147__default.memo(({
   workspaces,
   className = "",
   displayNames = {},
@@ -39307,13 +39577,13 @@ var WorkspaceMetricCardsImpl = ({
   liveSkuId
 }) => {
   const effectiveLegend = legend || DEFAULT_EFFICIENCY_LEGEND;
-  const activeSku = React146__default.useMemo(() => {
+  const activeSku = React147__default.useMemo(() => {
     if (skuAware && activeSkuId && skuBreakdown) {
       return skuBreakdown.find((s) => s.sku_id === activeSkuId);
     }
     return null;
   }, [skuAware, activeSkuId, skuBreakdown]);
-  const displaySku = React146__default.useMemo(() => {
+  const displaySku = React147__default.useMemo(() => {
     if (activeSku) return activeSku;
     if (skuAware && !activeSkuId && liveSkuId && skuBreakdown) {
       return skuBreakdown.find((s) => s.sku_id === liveSkuId) ?? null;
@@ -39966,7 +40236,7 @@ var UptimeLineChartComponent = ({ points, className = "" }) => {
     )
   ] }) }) });
 };
-var UptimeLineChart = React146__default.memo(UptimeLineChartComponent);
+var UptimeLineChart = React147__default.memo(UptimeLineChartComponent);
 var getTimeFromTimeString = (timeStr) => {
   if (!timeStr) {
     return { hour: 0, minute: 0, decimalHour: 0 };
@@ -39990,10 +40260,10 @@ var HourlyUptimeChartComponent = ({
   shiftBreaks,
   className = ""
 }) => {
-  const containerRef = React146__default.useRef(null);
-  const [containerReady, setContainerReady] = React146__default.useState(false);
-  const [containerWidth, setContainerWidth] = React146__default.useState(0);
-  const uptimeSeries = React146__default.useMemo(() => buildUptimeSeries({
+  const containerRef = React147__default.useRef(null);
+  const [containerReady, setContainerReady] = React147__default.useState(false);
+  const [containerWidth, setContainerWidth] = React147__default.useState(0);
+  const uptimeSeries = React147__default.useMemo(() => buildUptimeSeries({
     idleTimeHourly,
     shiftStart,
     shiftEnd,
@@ -40003,11 +40273,11 @@ var HourlyUptimeChartComponent = ({
     shiftBreaks
   }), [idleTimeHourly, shiftStart, shiftEnd, shiftDate, timezone, elapsedMinutes, shiftBreaks]);
   const hasAggregateData = Boolean(hourlyAggregates && hourlyAggregates.length > 0);
-  const shiftStartTime = React146__default.useMemo(
+  const shiftStartTime = React147__default.useMemo(
     () => getTimeFromTimeString(shiftStart),
     [shiftStart]
   );
-  const { shiftDuration, shiftEndTime } = React146__default.useMemo(() => {
+  const { shiftDuration, shiftEndTime } = React147__default.useMemo(() => {
     if (!shiftEnd) {
       const fallbackHours = uptimeSeries.shiftMinutes > 0 ? Math.ceil(uptimeSeries.shiftMinutes / 60) : 0;
       return { shiftDuration: fallbackHours, shiftEndTime: null };
@@ -40021,7 +40291,7 @@ var HourlyUptimeChartComponent = ({
     const hourCount = hasPartial ? Math.ceil(duration) : Math.round(duration);
     return { shiftDuration: hourCount, shiftEndTime: endTime };
   }, [shiftEnd, shiftStartTime.decimalHour, uptimeSeries.shiftMinutes]);
-  const formatHour = React146__default.useCallback((hourIndex) => {
+  const formatHour = React147__default.useCallback((hourIndex) => {
     const isLastHour = hourIndex === shiftDuration - 1;
     const startDecimalHour = shiftStartTime.decimalHour + hourIndex;
     const startHour = Math.floor(startDecimalHour) % 24;
@@ -40046,7 +40316,7 @@ var HourlyUptimeChartComponent = ({
     };
     return `${formatTime5(startHour, startMinute)}-${formatTime5(endHour, endMinute)}`;
   }, [shiftDuration, shiftStartTime.decimalHour, shiftEndTime]);
-  const formatTimeRange2 = React146__default.useCallback((hourIndex) => {
+  const formatTimeRange2 = React147__default.useCallback((hourIndex) => {
     const isLastHour = hourIndex === shiftDuration - 1;
     const startDecimalHour = shiftStartTime.decimalHour + hourIndex;
     const startHour = Math.floor(startDecimalHour) % 24;
@@ -40068,7 +40338,7 @@ var HourlyUptimeChartComponent = ({
     };
     return `${formatTime5(startHour, startMinute)} - ${formatTime5(endHour, endMinute)}`;
   }, [shiftDuration, shiftStartTime.decimalHour, shiftEndTime]);
-  const chartData = React146__default.useMemo(() => {
+  const chartData = React147__default.useMemo(() => {
     if (shiftDuration <= 0) return [];
     if (hasAggregateData) {
       return hourlyAggregates.map((entry, hourIndex) => ({
@@ -40110,7 +40380,7 @@ var HourlyUptimeChartComponent = ({
   }, [hasAggregateData, hourlyAggregates, uptimeSeries.points, uptimeSeries.elapsedMinutes, uptimeSeries.shiftMinutes, shiftDuration, formatHour, formatTimeRange2]);
   const maxYValue = 100;
   const yAxisTicks = [0, 25, 50, 75, 100];
-  React146__default.useEffect(() => {
+  React147__default.useEffect(() => {
     const checkContainerDimensions = () => {
       if (containerRef.current) {
         const rect = containerRef.current.getBoundingClientRect();
@@ -40136,7 +40406,7 @@ var HourlyUptimeChartComponent = ({
       clearTimeout(fallbackTimeout);
     };
   }, []);
-  const xAxisConfig = React146__default.useMemo(() => {
+  const xAxisConfig = React147__default.useMemo(() => {
     if (containerWidth >= 960) {
       return { interval: 0, angle: -45, height: 92, tickFont: 10, tickMargin: 12, labelMode: "full" };
     }
@@ -40145,7 +40415,7 @@ var HourlyUptimeChartComponent = ({
     }
     return { interval: 0, angle: -30, height: 64, tickFont: 9, tickMargin: 6, labelMode: "start" };
   }, [containerWidth]);
-  const formatXAxisTick = React146__default.useCallback((raw) => {
+  const formatXAxisTick = React147__default.useCallback((raw) => {
     const label = typeof raw === "string" ? raw : String(raw);
     if (xAxisConfig.labelMode === "full") return label;
     const parts = label.split("-");
@@ -40351,7 +40621,7 @@ var HourlyUptimeChartComponent = ({
     }
   );
 };
-var HourlyUptimeChart = React146__default.memo(HourlyUptimeChartComponent);
+var HourlyUptimeChart = React147__default.memo(HourlyUptimeChartComponent);
 var DEFAULT_COLORS2 = ["#00AB45", "#ef4444"];
 var UptimeDonutChartComponent = ({
   data,
@@ -40421,7 +40691,7 @@ var UptimeDonutChartComponent = ({
     ] }) })
   ] }) });
 };
-var UptimeDonutChart = React146__default.memo(UptimeDonutChartComponent);
+var UptimeDonutChart = React147__default.memo(UptimeDonutChartComponent);
 UptimeDonutChart.displayName = "UptimeDonutChart";
 var TrendIcon = ({ trend }) => {
   if (trend === "up") {
@@ -40542,7 +40812,7 @@ var EmptyStateMessage = ({
   iconClassName
 }) => {
   let IconContent = null;
-  if (React146__default.isValidElement(iconType)) {
+  if (React147__default.isValidElement(iconType)) {
     IconContent = iconType;
   } else if (typeof iconType === "string") {
     const MappedIcon = IconMap[iconType];
@@ -42898,7 +43168,7 @@ function Skeleton({ className, ...props }) {
 var Select = SelectPrimitive.Root;
 var SelectGroup = SelectPrimitive.Group;
 var SelectValue = SelectPrimitive.Value;
-var SelectTrigger = React146.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+var SelectTrigger = React147.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
   SelectPrimitive.Trigger,
   {
     ref,
@@ -42914,7 +43184,7 @@ var SelectTrigger = React146.forwardRef(({ className, children, ...props }, ref)
   }
 ));
 SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
-var SelectScrollUpButton = React146.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var SelectScrollUpButton = React147.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   SelectPrimitive.ScrollUpButton,
   {
     ref,
@@ -42924,7 +43194,7 @@ var SelectScrollUpButton = React146.forwardRef(({ className, ...props }, ref) =>
   }
 ));
 SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
-var SelectScrollDownButton = React146.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var SelectScrollDownButton = React147.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   SelectPrimitive.ScrollDownButton,
   {
     ref,
@@ -42934,7 +43204,7 @@ var SelectScrollDownButton = React146.forwardRef(({ className, ...props }, ref)
   }
 ));
 SelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName;
-var SelectContent = React146.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ jsx(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs(
+var SelectContent = React147.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ jsx(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs(
   SelectPrimitive.Content,
   {
     ref,
@@ -42962,7 +43232,7 @@ var SelectContent = React146.forwardRef(({ className, children, position = "popp
   }
 ) }));
 SelectContent.displayName = SelectPrimitive.Content.displayName;
-var SelectLabel = React146.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var SelectLabel = React147.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   SelectPrimitive.Label,
   {
     ref,
@@ -42971,7 +43241,7 @@ var SelectLabel = React146.forwardRef(({ className, ...props }, ref) => /* @__PU
   }
 ));
 SelectLabel.displayName = SelectPrimitive.Label.displayName;
-var SelectItem = React146.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+var SelectItem = React147.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
   SelectPrimitive.Item,
   {
     ref,
@@ -42987,7 +43257,7 @@ var SelectItem = React146.forwardRef(({ className, children, ...props }, ref) =>
   }
 ));
 SelectItem.displayName = SelectPrimitive.Item.displayName;
-var SelectSeparator = React146.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var SelectSeparator = React147.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   SelectPrimitive.Separator,
   {
     ref,
@@ -43613,7 +43883,7 @@ var TimePickerDropdown = ({
     )
   ] });
 };
-var SilentErrorBoundary = class extends React146__default.Component {
+var SilentErrorBoundary = class extends React147__default.Component {
   constructor(props) {
     super(props);
     this.handleClearAndReload = () => {
@@ -44463,12 +44733,15 @@ var FileManagerFilters = ({
   prefetchedClipMetadata,
   activeCategoryLoading,
   idleClipSort = "latest",
-  onIdleClipSortChange
+  onIdleClipSortChange,
+  initialTimeFilter
 }) => {
   const [expandedNodes, setExpandedNodes] = useState(/* @__PURE__ */ new Set());
-  const [startTime, setStartTime] = useState("");
-  const [endTime, setEndTime] = useState("");
-  const [isTimeFilterActive, setIsTimeFilterActive] = useState(false);
+  const [startTime, setStartTime] = useState(initialTimeFilter?.startTime ?? "");
+  const [endTime, setEndTime] = useState(initialTimeFilter?.endTime ?? "");
+  const [isTimeFilterActive, setIsTimeFilterActive] = useState(
+    Boolean(initialTimeFilter?.startTime && initialTimeFilter?.endTime)
+  );
   const [showTimeFilterModal, setShowTimeFilterModal] = useState(false);
   const [startSearchTerm, setStartSearchTerm] = useState("");
   const [endSearchTerm, setEndSearchTerm] = useState("");
@@ -44494,6 +44767,17 @@ var FileManagerFilters = ({
   useEffect(() => {
     clipMetadataRef.current = clipMetadata;
   }, [clipMetadata]);
+  useEffect(() => {
+    if (!initialTimeFilter?.startTime || !initialTimeFilter?.endTime) {
+      return;
+    }
+    setStartTime(initialTimeFilter.startTime);
+    setEndTime(initialTimeFilter.endTime);
+    setIsTimeFilterActive(true);
+    setShowTimeFilterModal(false);
+    setStartSearchTerm("");
+    setEndSearchTerm("");
+  }, [initialTimeFilter?.startTime, initialTimeFilter?.endTime]);
   useEffect(() => {
     if (previousIdleClipSortRef.current === idleClipSort) {
       return;
@@ -46287,7 +46571,8 @@ var BottlenecksContent = ({
   customCounterContent,
   triageMode = false,
   ticketId,
-  prefetchedPercentileCounts
+  prefetchedPercentileCounts,
+  initialTimeFilter
 }) => {
   console.log("\u{1F3AB} [BottlenecksContent] Rendered with ticketId:", ticketId || "NONE", "workspaceId:", workspaceId, "date:", date, "shift:", shift);
   const dashboardConfig = useDashboardConfig();
@@ -48496,6 +48781,7 @@ var BottlenecksContent = ({
             activeCategoryLoading: isCategoryLoading,
             idleClipSort,
             onIdleClipSortChange: setIdleClipSort,
+            initialTimeFilter,
             onFilterChange: (filterId) => {
               if (filterId !== "idle_time") {
                 setIdleClipSort("latest");
@@ -50674,8 +50960,8 @@ var IdleTimeReasonChartComponent = ({
   updateAnimation = "replay",
   variant = "pie"
 }) => {
-  const [activeData, setActiveData] = React146__default.useState([]);
-  React146__default.useEffect(() => {
+  const [activeData, setActiveData] = React147__default.useState([]);
+  React147__default.useEffect(() => {
     if (updateAnimation === "smooth") {
       setActiveData(data && data.length > 0 ? data : []);
       return;
@@ -50694,7 +50980,7 @@ var IdleTimeReasonChartComponent = ({
       setActiveData([]);
     }
   }, [data, updateAnimation]);
-  React146__default.useEffect(() => {
+  React147__default.useEffect(() => {
     if (!data || data.length === 0) return;
     data.forEach((entry, index) => {
       if (entry.name.toLowerCase().includes("other")) {
@@ -50702,7 +50988,7 @@ var IdleTimeReasonChartComponent = ({
       }
     });
   }, [data]);
-  const pieKey = React146__default.useMemo(() => {
+  const pieKey = React147__default.useMemo(() => {
     if (updateAnimation === "smooth") {
       return "smooth";
     }
@@ -50872,7 +51158,7 @@ var IdleTimeReasonChartComponent = ({
     )
   ] });
 };
-var IdleTimeReasonChart = React146__default.memo(IdleTimeReasonChartComponent);
+var IdleTimeReasonChart = React147__default.memo(IdleTimeReasonChartComponent);
 IdleTimeReasonChart.displayName = "IdleTimeReasonChart";
 var IdleTimeReasonChart_default = IdleTimeReasonChart;
 
@@ -55399,13 +55685,13 @@ var WorkspaceCycleTimeMetricCards = ({
   liveSkuId
 }) => {
   const effectiveLegend = legend || DEFAULT_EFFICIENCY_LEGEND;
-  const activeSku = React146__default.useMemo(() => {
+  const activeSku = React147__default.useMemo(() => {
     if (skuAware && activeSkuId && skuBreakdown) {
       return skuBreakdown.find((s) => s.sku_id === activeSkuId);
     }
     return null;
   }, [skuAware, activeSkuId, skuBreakdown]);
-  const displaySku = React146__default.useMemo(() => {
+  const displaySku = React147__default.useMemo(() => {
     if (activeSku) return activeSku;
     if (skuAware && !activeSkuId && liveSkuId && skuBreakdown) {
       return skuBreakdown.find((s) => s.sku_id === liveSkuId) ?? null;
@@ -55649,7 +55935,7 @@ var arePropsEqual = (prevProps, nextProps) => {
   return prevProps.data.efficiency === nextProps.data.efficiency && prevProps.data.trend_score === nextProps.data.trend_score && prevProps.data.workspace_id === nextProps.data.workspace_id && prevProps.data.workspace_name === nextProps.data.workspace_name && prevProps.isBottleneck === nextProps.isBottleneck && prevProps.isLowEfficiency === nextProps.isLowEfficiency && prevProps.isVeryLowEfficiency === nextProps.isVeryLowEfficiency && prevLegend.green_min === nextLegend.green_min && prevLegend.green_max === nextLegend.green_max && prevLegend.yellow_min === nextLegend.yellow_min && prevLegend.yellow_max === nextLegend.yellow_max && prevLegend.red_min === nextLegend.red_min && prevLegend.red_max === nextLegend.red_max && prevLegend.critical_threshold === nextLegend.critical_threshold && // Position doesn't need deep equality check as it's generally static
   prevProps.position.id === nextProps.position.id;
 };
-var WorkspaceGridItem = React146__default.memo(({
+var WorkspaceGridItem = React147__default.memo(({
   data,
   position,
   isBottleneck = false,
@@ -55744,7 +56030,7 @@ var WorkspaceGridItem = React146__default.memo(({
   );
 }, arePropsEqual);
 WorkspaceGridItem.displayName = "WorkspaceGridItem";
-var WorkspaceGrid = React146__default.memo(({
+var WorkspaceGrid = React147__default.memo(({
   workspaces,
   blueComparisonWorkspaces,
   isPdfMode = false,
@@ -55997,7 +56283,7 @@ var KPICard = ({
 }) => {
   useThemeConfig();
   const { formatNumber } = useFormatNumber();
-  const trendInfo = React146__default.useMemo(() => {
+  const trendInfo = React147__default.useMemo(() => {
     let trendValue = trend || "neutral";
     if (change !== void 0 && trend === void 0) {
       trendValue = change > 0 ? "up" : change < 0 ? "down" : "neutral";
@@ -56024,7 +56310,7 @@ var KPICard = ({
     const shouldShowTrend = !(change === 0 && trend === void 0);
     return { trendValue, Icon: Icon2, colorClass, bgClass, shouldShowTrend };
   }, [trend, change]);
-  const formattedValue = React146__default.useMemo(() => {
+  const formattedValue = React147__default.useMemo(() => {
     if (title === "Quality Compliance" && typeof value === "number") {
       return value.toFixed(1);
     }
@@ -56038,7 +56324,7 @@ var KPICard = ({
     }
     return value;
   }, [value, title]);
-  const formattedChange = React146__default.useMemo(() => {
+  const formattedChange = React147__default.useMemo(() => {
     if (change === void 0 || change === 0 && !showZeroChange) return null;
     const absChange = Math.abs(change);
     return formatNumber(absChange, { minimumFractionDigits: 0, maximumFractionDigits: 1 });
@@ -57545,7 +57831,7 @@ var Breadcrumbs = ({ items }) => {
       }
     }
   };
-  return /* @__PURE__ */ jsx("nav", { "aria-label": "Breadcrumb", className: "mb-1 flex items-center space-x-1 text-xs font-medium text-gray-500 dark:text-gray-400", children: items.map((item, index) => /* @__PURE__ */ jsxs(React146__default.Fragment, { children: [
+  return /* @__PURE__ */ jsx("nav", { "aria-label": "Breadcrumb", className: "mb-1 flex items-center space-x-1 text-xs font-medium text-gray-500 dark:text-gray-400", children: items.map((item, index) => /* @__PURE__ */ jsxs(React147__default.Fragment, { children: [
     index > 0 && /* @__PURE__ */ jsx(ChevronRight, { className: "h-3 w-3 text-gray-400 dark:text-gray-500" }),
     /* @__PURE__ */ jsxs(
       "span",
@@ -59069,7 +59355,7 @@ var AwardBadge = ({
 }) => {
   const styles2 = getBadgeStyles(type);
   const Icon2 = CustomIcon || getDefaultIcon(type);
-  const randomDelay = React146__default.useMemo(() => Math.random() * 2, []);
+  const randomDelay = React147__default.useMemo(() => Math.random() * 2, []);
   const floatingAnimation = {
     animate: {
       y: [0, -10, 0],
@@ -67388,7 +67674,7 @@ function HomeView({
               animate: { opacity: 1, scale: 1 },
               transition: { duration: 0.3 },
               className: "h-full",
-              children: React146__default.createElement(WorkspaceGrid, {
+              children: React147__default.createElement(WorkspaceGrid, {
                 workspaces: workspaceMetricsWithBreakState,
                 blueComparisonWorkspaces: currentBlueComparisonWorkspaceMetrics || workspaceMetricsWithBreakState,
                 lineNames: mergedLineNames,
@@ -67421,7 +67707,7 @@ function HomeView({
               animate: { opacity: 1, scale: 1 },
               transition: { duration: 0.3 },
               className: "h-full",
-              children: React146__default.createElement(WorkspaceGrid, {
+              children: React147__default.createElement(WorkspaceGrid, {
                 workspaces: [],
                 // Show empty grid while loading
                 blueComparisonWorkspaces: [],
@@ -67468,7 +67754,7 @@ function HomeView({
             contentVariant: "plain"
           }
         ),
-        /* @__PURE__ */ jsx(AnimatePresence, { children: showAllGreenCelebration ? /* @__PURE__ */ jsxs(React146__default.Fragment, { children: [
+        /* @__PURE__ */ jsx(AnimatePresence, { children: showAllGreenCelebration ? /* @__PURE__ */ jsxs(React147__default.Fragment, { children: [
           /* @__PURE__ */ jsx(
             motion.div,
             {
@@ -67547,7 +67833,7 @@ function HomeView({
             "all-green-center-toast"
           )
         ] }, "all-green-celebration") : null }),
-        /* @__PURE__ */ jsx(AnimatePresence, { children: greenStreakMilestoneBanner ? /* @__PURE__ */ jsxs(React146__default.Fragment, { children: [
+        /* @__PURE__ */ jsx(AnimatePresence, { children: greenStreakMilestoneBanner ? /* @__PURE__ */ jsxs(React147__default.Fragment, { children: [
           /* @__PURE__ */ jsx(
             motion.div,
             {
@@ -67641,7 +67927,7 @@ function HomeView({
     }
   );
 }
-var AuthenticatedHomeView = withAuth(React146__default.memo(HomeView));
+var AuthenticatedHomeView = withAuth(React147__default.memo(HomeView));
 var HomeView_default = HomeView;
 function withWorkspaceDisplayNames(Component3, options = {}) {
   const {
@@ -70907,7 +71193,7 @@ var KPI_FACTORY_QUERY_PARAM = "factory_id";
 var KPI_FACTORY_AREA_QUERY_PARAM = "factory_area_id";
 var getSingleQueryValue = (value) => typeof value === "string" && value.length > 0 ? value : void 0;
 var resolveCompanyId2 = (...candidates) => candidates.find(isNonEmptyString2);
-var parseTimeToMinutes3 = (value) => {
+var parseTimeToMinutes4 = (value) => {
   if (!value) return null;
   const [hourStr, minuteStr] = value.split(":");
   const hour = Number.parseInt(hourStr ?? "", 10);
@@ -70919,8 +71205,8 @@ var getShiftEndDate = (shift, timezone) => {
   if (!shift?.date) return null;
   const startTime = shift.startTime || "06:00";
   const endTime = shift.endTime || "18:00";
-  const startMinutes = parseTimeToMinutes3(startTime);
-  const endMinutes = parseTimeToMinutes3(endTime);
+  const startMinutes = parseTimeToMinutes4(startTime);
+  const endMinutes = parseTimeToMinutes4(endTime);
   if (startMinutes === null || endMinutes === null) return null;
   const shiftStartDate = fromZonedTime(`${shift.date}T${startTime}:00`, timezone);
   let durationMinutes = endMinutes - startMinutes;
@@ -71050,18 +71336,18 @@ var LinesLeaderboard = ({
   isHistoricalDaily
 }) => {
   const formatEfficiency = (value) => typeof value === "number" && Number.isFinite(value) ? `${value.toFixed(1)}%` : "--";
-  const assignedLineIdSet = React146__default.useMemo(
+  const assignedLineIdSet = React147__default.useMemo(
     () => new Set(assignedLineIds || []),
     [assignedLineIds]
   );
-  const canClickLine = React146__default.useCallback(
+  const canClickLine = React147__default.useCallback(
     (lineId) => {
       if (!assignedLineIds) return true;
       return assignedLineIdSet.has(lineId);
     },
     [assignedLineIds, assignedLineIdSet]
   );
-  const handleTimeRangeChange = React146__default.useCallback((newRange) => {
+  const handleTimeRangeChange = React147__default.useCallback((newRange) => {
     if (newRange === timeRange) return;
     trackCoreEvent("Leaderboard Time Range Changed", {
       from_range: timeRange,
@@ -71072,11 +71358,11 @@ var LinesLeaderboard = ({
     });
     setTimeRange(newRange);
   }, [timeRange, lines.length, monthlyEfficiencyByLineId, setTimeRange]);
-  const canClickLeaderboardRow = React146__default.useCallback(
+  const canClickLeaderboardRow = React147__default.useCallback(
     (item) => item.rowType === "line" && !!item.line && canClickLine(item.line.id),
     [canClickLine]
   );
-  const handleLeaderboardLineClick = React146__default.useCallback((item, clickSource) => {
+  const handleLeaderboardLineClick = React147__default.useCallback((item, clickSource) => {
     if (!canClickLeaderboardRow(item) || !item.line) return;
     trackCoreEvent("Leaderboard Line Clicked", {
       line_id: item.line.id,
@@ -71090,8 +71376,8 @@ var LinesLeaderboard = ({
     });
     onLineClick(item.line);
   }, [canClickLeaderboardRow, onLineClick, timeRange]);
-  const viewLoadedTrackedRef = React146__default.useRef(null);
-  const leaderboardData = React146__default.useMemo(() => {
+  const viewLoadedTrackedRef = React147__default.useRef(null);
+  const leaderboardData = React147__default.useMemo(() => {
     const loading = timeRange === "today" ? isLoadingToday : isLoadingMonthly;
     const efficiencyMap = timeRange === "today" ? todayEfficiencyByLineId : monthlyEfficiencyByLineId;
     const fallbackEfficiencyMap = timeRange === "today" ? dailyFallbackEfficiencyByLineId : void 0;
@@ -71135,7 +71421,7 @@ var LinesLeaderboard = ({
     isLoadingToday,
     isLoadingMonthly
   ]);
-  React146__default.useEffect(() => {
+  React147__default.useEffect(() => {
     const isLoading = timeRange === "today" ? isLoadingToday : isLoadingMonthly;
     const trackingKey = `${timeRange}-${leaderboardData.length}`;
     if (leaderboardData.length > 0 && !isLoading && viewLoadedTrackedRef.current !== trackingKey) {
@@ -71161,7 +71447,7 @@ var LinesLeaderboard = ({
   const countdownFormat = timeRange === "monthly" ? "days" : "clock";
   const countdownFinishedLabel = timeRange === "monthly" ? "Finished" : "Shift Ended";
   const showCountdown = timeRange === "monthly" || !isHistoricalDaily;
-  const handleCountdownFinished = React146__default.useCallback(() => {
+  const handleCountdownFinished = React147__default.useCallback(() => {
     trackCoreEvent("Leaderboard Countdown Finished", {
       countdown_type: timeRange === "monthly" ? "month_end" : "shift_end",
       time_range: timeRange,
@@ -71188,7 +71474,7 @@ var LinesLeaderboard = ({
         return "bg-white border-gray-100";
     }
   };
-  React146__default.useEffect(() => {
+  React147__default.useEffect(() => {
     const style = document.createElement("style");
     style.innerHTML = `
       @keyframes float {
@@ -71690,36 +71976,36 @@ var KPIsOverviewView = ({
   const configuredTimezone = dbTimezone || dateTimeConfig.defaultTimezone || "UTC";
   const { startDate: monthStartDate, endDate: monthEndDateKey, monthEndDate } = getMonthDateInfo(configuredTimezone);
   const isSuperAdmin = user?.scope_mode === "SUPER_ADMIN" || !!user?.access_scope?.is_super_admin;
-  const scopedLineIds = React146__default.useMemo(
+  const scopedLineIds = React147__default.useMemo(
     () => Array.isArray(user?.access_scope?.line_ids) ? user.access_scope.line_ids.filter((lineId) => typeof lineId === "string" && lineId.length > 0) : [],
     [user?.access_scope?.line_ids]
   );
   const hasCanonicalScope = !!user?.scope_mode || !!user?.access_scope;
   const scopeRole = (user?.role_level || user?.role || "").toLowerCase();
   const isStrictLineScopedRole = scopeRole === "supervisor" || isFactoryScopedRole(scopeRole);
-  const resolvedAssignedLineIds = React146__default.useMemo(() => {
+  const resolvedAssignedLineIds = React147__default.useMemo(() => {
     if (isSuperAdmin) return [];
     if (scopedLineIds.length > 0) return scopedLineIds;
     if (lineIds && lineIds.length > 0) return lineIds;
     if (isStrictLineScopedRole && hasCanonicalScope) return [];
     return [];
   }, [isSuperAdmin, scopedLineIds, lineIds, isStrictLineScopedRole, hasCanonicalScope]);
-  const assignedLineIdSet = React146__default.useMemo(
+  const assignedLineIdSet = React147__default.useMemo(
     () => new Set(resolvedAssignedLineIds),
     [resolvedAssignedLineIds]
   );
-  const loadedLineIds = React146__default.useMemo(
+  const loadedLineIds = React147__default.useMemo(
     () => lines.map((line) => line.id).filter(Boolean),
     [lines]
   );
-  const metricsLineIds = React146__default.useMemo(() => {
+  const metricsLineIds = React147__default.useMemo(() => {
     if (isSuperAdmin) {
       return loadedLineIds.length > 0 ? loadedLineIds : lineIds ?? [];
     }
     return resolvedAssignedLineIds;
   }, [isSuperAdmin, loadedLineIds, lineIds, resolvedAssignedLineIds]);
   const assignedLineIdsForLeaderboard = isSuperAdmin ? void 0 : resolvedAssignedLineIds;
-  const leaderboardLinesForView = React146__default.useMemo(() => {
+  const leaderboardLinesForView = React147__default.useMemo(() => {
     const targetMode = viewType === "machine" ? "uptime" : "output";
     const metadataByLineId = new Map(lines.map((line) => [line.id, line]));
     return leaderboardLines.map((line) => {
@@ -71738,17 +72024,17 @@ var KPIsOverviewView = ({
       } : line;
     }).filter((line) => (line.monitoring_mode ?? "output") === targetMode);
   }, [leaderboardLines, lines, viewType]);
-  const linesForView = React146__default.useMemo(() => {
+  const linesForView = React147__default.useMemo(() => {
     const targetMode = viewType === "machine" ? "uptime" : "output";
     return lines.filter((line) => (line.monitoring_mode ?? "output") === targetMode);
   }, [lines, viewType]);
-  const relevantLinesForMode = React146__default.useMemo(() => {
+  const relevantLinesForMode = React147__default.useMemo(() => {
     if (activeTab === "leaderboard") {
       return leaderboardLines.length > 0 ? leaderboardLines : lines;
     }
     return lines;
   }, [activeTab, leaderboardLines, lines]);
-  const { hasUptime, hasOutput } = React146__default.useMemo(() => {
+  const { hasUptime, hasOutput } = React147__default.useMemo(() => {
     let uptime = false;
     let output = false;
     for (const line of relevantLinesForMode) {
@@ -71773,14 +72059,14 @@ var KPIsOverviewView = ({
   const currentShiftDetails = getCurrentShift(configuredTimezone, shiftConfig);
   const currentShiftDate = currentShiftDetails.date;
   const currentShiftId = currentShiftDetails.shiftId;
-  const activeFiltersCount = React146__default.useMemo(() => {
+  const activeFiltersCount = React147__default.useMemo(() => {
     let count = 0;
     if (leaderboardDailyScopeMode === "historical" && selectedLeaderboardShiftId !== currentShiftId) {
       count++;
     }
     return count;
   }, [leaderboardDailyScopeMode, selectedLeaderboardShiftId, currentShiftId]);
-  const clearFilters = React146__default.useCallback(() => {
+  const clearFilters = React147__default.useCallback(() => {
     setSelectedLeaderboardShiftId(currentShiftId);
     setSelectedLeaderboardDate(currentShiftDate);
     setLeaderboardDailyScopeMode("live");
@@ -71796,11 +72082,11 @@ var KPIsOverviewView = ({
     document.addEventListener("mousedown", handleClickOutside);
     return () => document.removeEventListener("mousedown", handleClickOutside);
   }, []);
-  const shiftEndDate = React146__default.useMemo(
+  const shiftEndDate = React147__default.useMemo(
     () => getShiftEndDate(currentShiftDetails, configuredTimezone),
     [currentShiftDetails, configuredTimezone]
   );
-  const leaderboardShiftOptions = React146__default.useMemo(() => {
+  const leaderboardShiftOptions = React147__default.useMemo(() => {
     if (shiftConfig?.shifts && shiftConfig.shifts.length > 0) {
       return shiftConfig.shifts.map((shift) => ({
         id: shift.shiftId,
@@ -71817,34 +72103,34 @@ var KPIsOverviewView = ({
   const effectiveLeaderboardDate = selectedLeaderboardDate || currentShiftDate;
   const effectiveLeaderboardShiftId = Number.isFinite(selectedLeaderboardShiftId) ? selectedLeaderboardShiftId : currentShiftId;
   const isHistoricalLeaderboardDaily = activeTab === "leaderboard" && timeRange === "today" && leaderboardDailyScopeMode === "historical" && (effectiveLeaderboardDate !== currentShiftDate || effectiveLeaderboardShiftId !== currentShiftId);
-  const updateLeaderboardDate = React146__default.useCallback((dateKey) => {
+  const updateLeaderboardDate = React147__default.useCallback((dateKey) => {
     setSelectedLeaderboardDate(dateKey);
     setLeaderboardDailyScopeMode(
       dateKey === currentShiftDate && effectiveLeaderboardShiftId === currentShiftId ? "live" : "historical"
     );
   }, [currentShiftDate, currentShiftId, effectiveLeaderboardShiftId]);
-  const updateLeaderboardShiftId = React146__default.useCallback((shiftId) => {
+  const updateLeaderboardShiftId = React147__default.useCallback((shiftId) => {
     setSelectedLeaderboardShiftId(shiftId);
     setLeaderboardDailyScopeMode(
       effectiveLeaderboardDate === currentShiftDate && shiftId === currentShiftId ? "live" : "historical"
     );
   }, [currentShiftDate, currentShiftId, effectiveLeaderboardDate]);
-  const returnLeaderboardToLive = React146__default.useCallback(() => {
+  const returnLeaderboardToLive = React147__default.useCallback(() => {
     setSelectedLeaderboardDate(currentShiftDate);
     setSelectedLeaderboardShiftId(currentShiftId);
     setLeaderboardDailyScopeMode("live");
   }, [currentShiftDate, currentShiftId]);
   const selectedFactoryIdFromUrl = getSingleQueryValue(router.query[KPI_FACTORY_QUERY_PARAM]);
   const selectedFactoryAreaIdFromUrl = getSingleQueryValue(router.query[KPI_FACTORY_AREA_QUERY_PARAM]);
-  const kpiLineHierarchy = React146__default.useMemo(
+  const kpiLineHierarchy = React147__default.useMemo(
     () => buildKpiLineHierarchy(linesForView),
     [linesForView]
   );
-  const selectedFactoryNode = React146__default.useMemo(
+  const selectedFactoryNode = React147__default.useMemo(
     () => kpiLineHierarchy.showFactoryLevel && selectedFactoryIdFromUrl ? kpiLineHierarchy.factories.find((factory) => factory.id === selectedFactoryIdFromUrl) : void 0,
     [kpiLineHierarchy, selectedFactoryIdFromUrl]
   );
-  const selectedFactoryAreaNode = React146__default.useMemo(
+  const selectedFactoryAreaNode = React147__default.useMemo(
     () => selectedFactoryNode && selectedFactoryAreaIdFromUrl ? selectedFactoryNode.areas.find((area) => area.id === selectedFactoryAreaIdFromUrl) : void 0,
     [selectedFactoryNode, selectedFactoryAreaIdFromUrl]
   );
@@ -71933,15 +72219,15 @@ var KPIsOverviewView = ({
     lineId: factoryViewId,
     userAccessibleLineIds: metricsLineIds
   });
-  const defaultKPIs = React146__default.useMemo(() => createDefaultKPIs(), []);
-  const lineModeById = React146__default.useMemo(() => {
+  const defaultKPIs = React147__default.useMemo(() => createDefaultKPIs(), []);
+  const lineModeById = React147__default.useMemo(() => {
     const map = /* @__PURE__ */ new Map();
     linesForView.forEach((line) => {
       map.set(line.id, line.monitoring_mode ?? "output");
     });
     return map;
   }, [linesForView]);
-  const lineMetricRowsByLineId = React146__default.useMemo(() => {
+  const lineMetricRowsByLineId = React147__default.useMemo(() => {
     const map = /* @__PURE__ */ new Map();
     lineMetrics.forEach((row) => {
       if (!row?.line_id) return;
@@ -71953,7 +72239,7 @@ var KPIsOverviewView = ({
     });
     return map;
   }, [lineMetrics, lineModeById]);
-  const liveDailyFallbackEfficiencyByLineId = React146__default.useMemo(() => {
+  const liveDailyFallbackEfficiencyByLineId = React147__default.useMemo(() => {
     const map = /* @__PURE__ */ new Map();
     lineMetricRowsByLineId.forEach((row, lineId) => {
       const value = Number(row?.avg_efficiency);
@@ -71975,31 +72261,31 @@ var KPIsOverviewView = ({
     isHistoricalLeaderboardDaily,
     lineMetricRowsByLineId
   ]);
-  const dailyFallbackEfficiencyByLineId = React146__default.useMemo(() => {
+  const dailyFallbackEfficiencyByLineId = React147__default.useMemo(() => {
     const map = new Map(liveDailyFallbackEfficiencyByLineId);
     scopedDailyFallbackEfficiencyByLineId.forEach((value, lineId) => {
       map.set(lineId, value);
     });
     return map;
   }, [liveDailyFallbackEfficiencyByLineId, scopedDailyFallbackEfficiencyByLineId]);
-  const kpisByLineId = React146__default.useMemo(() => {
+  const kpisByLineId = React147__default.useMemo(() => {
     const map = /* @__PURE__ */ new Map();
     lineMetricRowsByLineId.forEach((row, lineId) => {
       map.set(lineId, buildKPIsFromLineMetricsRow(row));
     });
     return map;
   }, [lineMetricRowsByLineId]);
-  const getLineCardKpis = React146__default.useCallback((line) => {
+  const getLineCardKpis = React147__default.useCallback((line) => {
     if (metricsError) return null;
     return kpisByLineId.get(line.id) ?? (metricsLoading ? null : defaultKPIs);
   }, [defaultKPIs, kpisByLineId, metricsError, metricsLoading]);
-  const getAggregateCardKpis = React146__default.useCallback((cardLines) => {
+  const getAggregateCardKpis = React147__default.useCallback((cardLines) => {
     if (metricsError) return null;
     const rows = cardLines.map((line) => lineMetricRowsByLineId.get(line.id)).filter(Boolean);
     if (metricsLoading && rows.length === 0) return null;
     return aggregateKPIsFromLineMetricsRows(rows);
   }, [lineMetricRowsByLineId, metricsError, metricsLoading]);
-  const supervisorLineIds = React146__default.useMemo(
+  const supervisorLineIds = React147__default.useMemo(
     () => (leaderboardLines.length > 0 ? leaderboardLines : lines).map((l) => l.id),
     [leaderboardLines, lines]
   );
@@ -72251,7 +72537,7 @@ var KPIsOverviewView = ({
       { shallow: true }
     );
   }, [router]);
-  const lineDetailReturnTo = React146__default.useMemo(() => {
+  const lineDetailReturnTo = React147__default.useMemo(() => {
     if (activeTab !== "today" || !selectedFactoryNode) return void 0;
     return createKpisOverviewUrl({
       factoryId: selectedFactoryNode.id,
@@ -73051,7 +73337,7 @@ var LeaderboardDetailView = memo$1(({
     return () => document.removeEventListener("mousedown", handleClickOutside);
   }, []);
   const [isMobile, setIsMobile] = useState(false);
-  React146__default.useEffect(() => {
+  React147__default.useEffect(() => {
     const checkMobile = () => setIsMobile(window.innerWidth < 640);
     checkMobile();
     window.addEventListener("resize", checkMobile);
@@ -77101,7 +77387,7 @@ var ShiftsView = ({
     ] })
   ] });
 };
-var AuthenticatedShiftsView = withAuth(React146__default.memo(ShiftsView));
+var AuthenticatedShiftsView = withAuth(React147__default.memo(ShiftsView));
 var ShiftsView_default = ShiftsView;
 
 // src/views/TargetsView.utils.ts
@@ -78968,7 +79254,7 @@ var TargetsView = ({
 };
 var TargetsViewWithDisplayNames = withAllWorkspaceDisplayNames(TargetsView);
 var TargetsView_default = TargetsViewWithDisplayNames;
-var AuthenticatedTargetsView = withAuth(React146__default.memo(TargetsViewWithDisplayNames));
+var AuthenticatedTargetsView = withAuth(React147__default.memo(TargetsViewWithDisplayNames));
 function useTimezone(options = {}) {
   const dashboardConfig = useDashboardConfig();
   const workspaceConfig = useWorkspaceConfig();
@@ -79097,6 +79383,147 @@ var getInitialTab = (sourceType, defaultTab, fromMonthly, urlDate) => {
   }
   return "overview";
 };
+var to12HourClock = (timeValue) => {
+  const match = timeValue.trim().match(/^(\d{1,2}):(\d{2})$/);
+  if (!match) return timeValue;
+  const hour24 = Number.parseInt(match[1], 10);
+  const minute = match[2];
+  if (!Number.isFinite(hour24) || hour24 < 0 || hour24 > 23) return timeValue;
+  const meridiem = hour24 >= 12 ? "PM" : "AM";
+  const hour12 = hour24 % 12 || 12;
+  return `${hour12}:${minute} ${meridiem}`;
+};
+var formatTimeRangeTo12Hour = (timeRange) => {
+  const segments = timeRange.split(" - ").map((segment) => segment.trim());
+  if (segments.length !== 2) return timeRange;
+  return `${to12HourClock(segments[0])} - ${to12HourClock(segments[1])}`;
+};
+var formatWholeNumber = (value) => {
+  if (typeof value !== "number" || !Number.isFinite(value)) return null;
+  return Math.round(value).toLocaleString();
+};
+var formatSeconds = (value) => {
+  if (typeof value !== "number" || !Number.isFinite(value)) return null;
+  return `${value.toFixed(1)}s`;
+};
+var WorkspaceHourSummaryPanel = ({
+  workspaceId,
+  companyId,
+  date,
+  shiftId,
+  selectedHour,
+  clipsEnabled,
+  onOpenClips,
+  onClose,
+  className = ""
+}) => {
+  const { data, isLoading, error, summarize, reset } = useWorkspaceHourSummary();
+  const selectedKey = selectedHour ? `${selectedHour.source}:${selectedHour.hourIndex}:${date}:${shiftId}` : "none";
+  const autoSummaryKeyRef = React147__default.useRef(null);
+  React147__default.useEffect(() => {
+    reset();
+    autoSummaryKeyRef.current = null;
+  }, [reset, selectedKey]);
+  const canSummarize = Boolean(workspaceId && companyId && date && shiftId !== null && shiftId !== void 0);
+  React147__default.useEffect(() => {
+    if (!selectedHour || !canSummarize || !companyId || !date || shiftId === null || shiftId === void 0) {
+      return;
+    }
+    const requestKey = `${selectedKey}:${workspaceId}:${companyId}`;
+    if (autoSummaryKeyRef.current === requestKey) {
+      return;
+    }
+    autoSummaryKeyRef.current = requestKey;
+    void summarize({
+      workspaceId,
+      companyId,
+      date,
+      shiftId,
+      hourIndex: selectedHour.hourIndex,
+      hourStart: selectedHour.startTime,
+      hourEnd: selectedHour.endTime,
+      forceRefresh: false,
+      selectionSource: selectedHour.source ?? "unknown"
+    }).catch(() => void 0);
+  }, [canSummarize, companyId, date, selectedHour, selectedKey, shiftId, summarize, workspaceId]);
+  if (!selectedHour) {
+    return null;
+  }
+  const evidenceHour = data?.evidence?.hour ?? {};
+  const verifiedTimeRange = typeof evidenceHour.timeRange === "string" && evidenceHour.timeRange ? evidenceHour.timeRange : selectedHour.timeRange;
+  const formattedTimeRange = formatTimeRangeTo12Hour(verifiedTimeRange);
+  const selectedMetric = selectedHour.source === "cycle" ? {
+    label: "Cycle time",
+    actual: formatSeconds(selectedHour.cycleTime),
+    standard: formatSeconds(selectedHour.idealCycleTime)
+  } : {
+    label: "Hourly output",
+    actual: formatWholeNumber(selectedHour.output),
+    standard: formatWholeNumber(selectedHour.target)
+  };
+  return /* @__PURE__ */ jsxs("aside", { className: `rounded-lg border border-slate-200 bg-white shadow-sm ${className}`, children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between gap-3 border-b border-slate-100 p-4", children: [
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("div", { className: "text-[11px] font-semibold uppercase tracking-wide text-slate-500", children: "Selected hour" }),
+        /* @__PURE__ */ jsx("h4", { className: "mt-1 text-base font-semibold text-slate-950", children: formattedTimeRange })
+      ] }),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          onClick: onClose,
+          className: "inline-flex h-8 w-8 items-center justify-center rounded-md text-slate-500 transition-colors hover:bg-slate-100 hover:text-slate-800",
+          "aria-label": "Close hour inspector",
+          children: /* @__PURE__ */ jsx(X, { className: "h-4 w-4" })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "space-y-3 p-4", children: [
+      selectedMetric.actual ? /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-3 text-sm", children: [
+        /* @__PURE__ */ jsx("div", { className: "font-semibold text-slate-700", children: selectedMetric.label }),
+        /* @__PURE__ */ jsxs("div", { className: "text-right", children: [
+          /* @__PURE__ */ jsxs("div", { className: "font-semibold text-slate-950", children: [
+            /* @__PURE__ */ jsx("span", { children: selectedMetric.actual }),
+            selectedMetric.standard ? /* @__PURE__ */ jsxs(Fragment, { children: [
+              /* @__PURE__ */ jsx("span", { className: "mx-1 text-slate-400", children: "/" }),
+              /* @__PURE__ */ jsx("span", { children: selectedMetric.standard })
+            ] }) : null
+          ] }),
+          selectedMetric.standard ? /* @__PURE__ */ jsx("div", { className: "text-xs font-medium text-slate-500", children: "actual / standard" }) : null
+        ] })
+      ] }) : null,
+      /* @__PURE__ */ jsxs("section", { className: "rounded-md border border-slate-200 bg-slate-50/70 p-3", children: [
+        /* @__PURE__ */ jsxs("div", { className: "mb-2 flex items-center gap-2 text-xs font-semibold uppercase tracking-wide text-slate-500", children: [
+          /* @__PURE__ */ jsx(Sparkles, { className: "h-3.5 w-3.5" }),
+          "AI summary"
+        ] }),
+        isLoading && !data ? /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-sm text-slate-600", children: [
+          /* @__PURE__ */ jsx(Loader2, { className: "h-4 w-4 animate-spin" }),
+          "Generating summary..."
+        ] }) : data ? /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ jsx("h5", { className: "text-sm font-semibold text-slate-900", children: data.summary.headline }),
+          /* @__PURE__ */ jsx("ul", { className: "space-y-1.5", children: data.summary.bullets.map((bullet, index) => /* @__PURE__ */ jsxs("li", { className: "text-sm leading-5 text-slate-700", children: [
+            "\u2022 ",
+            bullet
+          ] }, `${index}-${bullet}`)) }),
+          data.aiError ? /* @__PURE__ */ jsx("p", { className: "text-xs text-slate-500", children: "AI unavailable, showing deterministic summary." }) : null
+        ] }) : error ? /* @__PURE__ */ jsx("p", { className: "text-sm text-red-700", children: "Could not summarize this hour. Please retry from the chart." }) : /* @__PURE__ */ jsx("p", { className: "text-sm text-slate-600", children: "Preparing summary..." })
+      ] }),
+      clipsEnabled ? /* @__PURE__ */ jsx("div", { className: "pt-1", children: /* @__PURE__ */ jsxs(
+        "button",
+        {
+          type: "button",
+          onClick: () => onOpenClips(selectedHour),
+          className: "inline-flex items-center gap-2 rounded-md border border-slate-300 bg-white px-3 py-2 text-sm font-semibold text-slate-700 transition-colors hover:bg-slate-50",
+          children: [
+            /* @__PURE__ */ jsx(ExternalLink, { className: "h-4 w-4" }),
+            "Open clips from this hour"
+          ]
+        }
+      ) }) : null
+    ] })
+  ] });
+};
 var DEBUG_DASHBOARD2 = process.env.NEXT_PUBLIC_DEBUG_DASHBOARD === "true";
 var chartCardVariants = {
   initial: { opacity: 0, y: 10 },
@@ -79189,16 +79616,78 @@ var WorkspaceDetailView = ({
   const initialTab = getInitialTab(sourceType, defaultTab, fromMonthly, date);
   const [activeTab, setActiveTab] = useState(initialTab);
   const [isTransitioning, setIsTransitioning] = useState(false);
+  const [pendingClipHourFilter, setPendingClipHourFilter] = useState(null);
   const [usingFallbackData, setUsingFallbackData] = useState(false);
   const { isIdleTimeVlmEnabled } = useIdleTimeVlmConfig();
   const [showChartIdleTime, setShowChartIdleTime] = useState(false);
   const [selectedSkuId, setSelectedSkuId] = useState(null);
+  const [selectedHour, setSelectedHour] = useState(null);
   const desktopTopSectionClass = "flex-[3] min-h-0";
   const desktopBottomSectionClass = "flex-[2] min-h-0";
+  useEffect(() => {
+    setSelectedHour(null);
+  }, [workspaceId, date, shift]);
   const dashboardConfig = useDashboardConfig();
   const { legend: efficiencyLegend } = useEfficiencyLegend();
   const prewarmedClipsRef = useRef(/* @__PURE__ */ new Set());
   const prewarmInFlightRef = useRef(/* @__PURE__ */ new Set());
+  const [aiSummaryHour, setAiSummaryHour] = useState(null);
+  const handleOutputHourSelect = useCallback((payload) => {
+    setSelectedHour({
+      source: "output",
+      hourIndex: payload.hourIndex,
+      timeRange: payload.timeRange,
+      startTime: payload.startTime,
+      endTime: payload.endTime,
+      status: payload.status,
+      output: payload.output,
+      target: payload.target
+    });
+  }, []);
+  const handleAiSummaryClick = useCallback((payload) => {
+    setAiSummaryHour(payload);
+  }, []);
+  const handleCycleHourSelect = useCallback((payload) => {
+    setSelectedHour({
+      source: "cycle",
+      hourIndex: payload.hourIndex,
+      timeRange: payload.timeRange,
+      startTime: payload.startTime,
+      endTime: payload.endTime,
+      status: payload.status,
+      cycleTime: payload.cycleTime,
+      idealCycleTime: payload.idealCycleTime,
+      idleMinutes: payload.idleMinutes
+    });
+  }, []);
+  const handleOpenClipsForHour = useCallback((hour) => {
+    setPendingClipHourFilter({
+      startTime: hour.startTime,
+      endTime: hour.endTime,
+      sourceLabel: hour.timeRange,
+      status: hour.status === "below_target" || hour.status === "above_standard" ? "below_target" : "met_target"
+    });
+    setActiveTab("bottlenecks");
+  }, []);
+  const handleWatchClipsFromChart = useCallback((payload) => {
+    handleOpenClipsForHour({
+      source: "output",
+      hourIndex: payload.hourIndex,
+      timeRange: payload.timeRange,
+      startTime: payload.startTime,
+      endTime: payload.endTime,
+      status: payload.status,
+      output: payload.output,
+      target: payload.target
+    });
+  }, [handleOpenClipsForHour]);
+  const handleCloseHourSummary = useCallback(() => {
+    setSelectedHour(null);
+  }, []);
+  const handleManualClipsTabClick = useCallback(() => {
+    setPendingClipHourFilter(null);
+    setActiveTab("bottlenecks");
+  }, []);
   const { trendSummary: workspaceMonthlyTrend } = useMonthlyTrend({
     entityType: "workspace",
     entityId: workspaceId,
@@ -79583,6 +80072,10 @@ var WorkspaceDetailView = ({
   const monitoringMode = workspace?.monitoring_mode ?? "output";
   const isUptimeMode = monitoringMode === "uptime";
   const idleTimeVlmEnabled = isIdleTimeVlmEnabled(resolvedLineId);
+  const showHourSummaryPanel = Boolean(selectedHour && !isUptimeMode);
+  const hourSummaryCompanyId = workspace?.company_id || dashboardConfig?.entityConfig?.companyId || null;
+  const hourSummaryDate = workspace?.date || date || calculatedOperationalDate || null;
+  const hourSummaryShiftId = workspace?.shift_id ?? parsedShiftId ?? null;
   useEffect(() => {
     if (!isClipsEnabled || !dashboardConfig?.s3Config || !workspaceId) {
       return;
@@ -80154,91 +80647,66 @@ var WorkspaceDetailView = ({
       )
     ] });
   }
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsxs(
     motion.div,
     {
       className: `min-h-screen bg-slate-50 ${className}`,
       initial: { opacity: 1 },
       animate: { opacity: 1 },
-      children: /* @__PURE__ */ jsxs("div", { className: "min-h-screen w-full flex flex-col bg-slate-50", children: [
-        /* @__PURE__ */ jsxs("header", { className: "sticky top-0 z-40 px-3 sm:px-4 md:px-5 lg:px-6 py-3 sm:py-3 lg:py-3.5 flex flex-col shadow-sm bg-white", children: [
-          /* @__PURE__ */ jsx("div", { className: "sm:hidden", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center", children: [
-            /* @__PURE__ */ jsx(
-              "button",
-              {
-                onClick: handleBackNavigation,
-                className: "p-2 -ml-2 rounded-full active:bg-gray-100 transition-colors",
-                "aria-label": "Navigate back",
-                children: /* @__PURE__ */ jsx(ArrowLeft, { className: "w-5 h-5 text-gray-700" })
-              }
-            ),
-            /* @__PURE__ */ jsx("div", { className: "flex-1 flex flex-col items-center justify-center", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-              /* @__PURE__ */ jsx("h1", { className: "text-base font-semibold text-gray-900 truncate max-w-[220px]", children: formattedWorkspaceName }),
-              /* @__PURE__ */ jsx("div", { className: "flex items-center gap-1", children: /* @__PURE__ */ jsxs("div", { className: "relative flex h-2 w-2", children: [
-                isLive && /* @__PURE__ */ jsx("span", { className: "animate-ping absolute inline-flex h-full w-full rounded-full bg-green-400 opacity-75" }),
-                /* @__PURE__ */ jsx("span", { className: clsx(
-                  "relative inline-flex rounded-full h-2 w-2",
-                  isLive ? "bg-green-500" : "bg-red-500"
-                ) })
-              ] }) })
-            ] }) }),
-            /* @__PURE__ */ jsx("div", { className: "w-9" })
-          ] }) }),
-          /* @__PURE__ */ jsx("div", { className: "hidden sm:block", children: /* @__PURE__ */ jsxs("div", { className: "relative flex items-center", children: [
-            /* @__PURE__ */ jsx("div", { className: "absolute left-0 z-10", children: /* @__PURE__ */ jsx(
-              BackButtonMinimal,
-              {
-                onClick: handleBackNavigation,
-                text: previousView === "line_monthly_history" ? "Back to Line History" : returnUrl && returnUrl.includes("monthly_history") ? "Back to Line History" : returnUrl && returnUrl.includes("/kpis/") ? "Back to KPIs" : returnUrl && returnUrl.includes("/leaderboard/") ? "Back to Leaderboard" : isHistoricView && activeTab !== "monthly_history" ? "Back to Monthly History" : "Back",
-                size: "default",
-                "aria-label": "Navigate back to previous page"
-              }
-            ) }),
-            /* @__PURE__ */ jsx("div", { className: "absolute left-1/2 transform -translate-x-1/2 max-w-[calc(100%-200px)]", children: /* @__PURE__ */ jsx("div", { className: "flex flex-col items-center gap-2", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
-              /* @__PURE__ */ jsx("h1", { className: "text-lg md:text-xl lg:text-2xl xl:text-3xl font-semibold text-gray-900 truncate", children: formattedWorkspaceName }),
-              /* @__PURE__ */ jsxs("div", { className: "relative flex h-2.5 w-2.5", children: [
-                isLive && /* @__PURE__ */ jsx("span", { className: "animate-ping absolute inline-flex h-full w-full rounded-full bg-green-400 opacity-75" }),
-                /* @__PURE__ */ jsx("span", { className: clsx(
-                  "relative inline-flex rounded-full h-2.5 w-2.5",
-                  isLive ? "bg-green-500" : "bg-red-500"
-                ) })
-              ] })
-            ] }) }) }),
-            activeTab !== "monthly_history" && /* @__PURE__ */ jsx("div", { className: "absolute right-0 top-0 flex flex-col items-end gap-1", children: workspaceHealth && /* @__PURE__ */ jsxs("span", { className: "text-xs text-gray-500", children: [
-              "Last update: ",
-              workspaceHealth.timeSinceLastUpdate
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "min-h-screen w-full flex flex-col bg-slate-50", children: [
+          /* @__PURE__ */ jsxs("header", { className: "sticky top-0 z-40 px-3 sm:px-4 md:px-5 lg:px-6 py-3 sm:py-3 lg:py-3.5 flex flex-col shadow-sm bg-white", children: [
+            /* @__PURE__ */ jsx("div", { className: "sm:hidden", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center", children: [
+              /* @__PURE__ */ jsx(
+                "button",
+                {
+                  onClick: handleBackNavigation,
+                  className: "p-2 -ml-2 rounded-full active:bg-gray-100 transition-colors",
+                  "aria-label": "Navigate back",
+                  children: /* @__PURE__ */ jsx(ArrowLeft, { className: "w-5 h-5 text-gray-700" })
+                }
+              ),
+              /* @__PURE__ */ jsx("div", { className: "flex-1 flex flex-col items-center justify-center", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ jsx("h1", { className: "text-base font-semibold text-gray-900 truncate max-w-[220px]", children: formattedWorkspaceName }),
+                /* @__PURE__ */ jsx("div", { className: "flex items-center gap-1", children: /* @__PURE__ */ jsxs("div", { className: "relative flex h-2 w-2", children: [
+                  isLive && /* @__PURE__ */ jsx("span", { className: "animate-ping absolute inline-flex h-full w-full rounded-full bg-green-400 opacity-75" }),
+                  /* @__PURE__ */ jsx("span", { className: clsx(
+                    "relative inline-flex rounded-full h-2 w-2",
+                    isLive ? "bg-green-500" : "bg-red-500"
+                  ) })
+                ] }) })
+              ] }) }),
+              /* @__PURE__ */ jsx("div", { className: "w-9" })
             ] }) }),
-            /* @__PURE__ */ jsx("div", { className: "w-full h-8" })
-          ] }) }),
-          /* @__PURE__ */ jsx(Fragment, { children: activeTab === "monthly_history" ? /* @__PURE__ */ jsxs(Fragment, { children: [
-            /* @__PURE__ */ jsxs("div", { className: "sm:hidden mt-3 flex items-center justify-center gap-2", children: [
-              /* @__PURE__ */ jsx("div", { className: "inline-flex items-center px-2.5 py-1 bg-gray-100 rounded-full", children: /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-gray-700", children: (() => {
-                const monthBounds2 = getMonthKeyBounds(selectedYear, selectedMonth);
-                const normalizedRange = normalizeDateKeyRangeUnbounded(rangeStart, rangeEnd);
-                const startDate = parseDateKeyToDate(normalizedRange.startKey);
-                const endDate = parseDateKeyToDate(normalizedRange.endKey);
-                const isFullMonth = normalizedRange.startKey === monthBounds2.startKey && normalizedRange.endKey === monthBounds2.endKey;
-                if (isFullMonth) {
-                  return `${startDate.toLocaleDateString("en-US", { month: "short", day: "numeric" })} - ${endDate.toLocaleDateString("en-US", { month: "short", day: "numeric", year: "numeric" })}`;
+            /* @__PURE__ */ jsx("div", { className: "hidden sm:block", children: /* @__PURE__ */ jsxs("div", { className: "relative flex items-center", children: [
+              /* @__PURE__ */ jsx("div", { className: "absolute left-0 z-10", children: /* @__PURE__ */ jsx(
+                BackButtonMinimal,
+                {
+                  onClick: handleBackNavigation,
+                  text: previousView === "line_monthly_history" ? "Back to Line History" : returnUrl && returnUrl.includes("monthly_history") ? "Back to Line History" : returnUrl && returnUrl.includes("/kpis/") ? "Back to KPIs" : returnUrl && returnUrl.includes("/leaderboard/") ? "Back to Leaderboard" : isHistoricView && activeTab !== "monthly_history" ? "Back to Monthly History" : "Back",
+                  size: "default",
+                  "aria-label": "Navigate back to previous page"
                 }
-                return `${startDate.toLocaleDateString("en-US", { month: "short", day: "numeric" })} - ${endDate.toLocaleDateString("en-US", { month: "short", day: "numeric", year: "numeric" })}`;
-              })() }) }),
-              /* @__PURE__ */ jsxs("div", { className: "inline-flex items-center gap-1 px-2.5 py-1 bg-gray-100 rounded-full", children: [
-                /* @__PURE__ */ jsx("div", { className: "text-gray-700 scale-90", children: (() => {
-                  const shift2 = shiftConfig?.shifts?.find((s) => s.shiftId === selectedShift);
-                  const shiftName = shift2?.shiftName || (selectedShift === 0 ? "Day Shift" : "Night Shift");
-                  return getShiftIcon2(shiftName);
-                })() }),
-                /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-gray-700", children: (() => {
-                  const shift2 = shiftConfig?.shifts?.find((s) => s.shiftId === selectedShift);
-                  return shift2?.shiftName || (selectedShift === 0 ? "Day Shift" : "Night Shift");
-                })() })
-              ] })
-            ] }),
-            /* @__PURE__ */ jsx("div", { className: "hidden sm:block mt-3 bg-blue-50/50 px-4 py-2 rounded-xl border border-blue-100/50 backdrop-blur-sm", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center justify-center gap-6", children: [
-              /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-blue-600", children: [
-                /* @__PURE__ */ jsx("svg", { className: "w-4 h-4 opacity-70", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z" }) }),
-                /* @__PURE__ */ jsx("span", { className: "text-sm md:text-base font-medium", children: (() => {
+              ) }),
+              /* @__PURE__ */ jsx("div", { className: "absolute left-1/2 transform -translate-x-1/2 max-w-[calc(100%-200px)]", children: /* @__PURE__ */ jsx("div", { className: "flex flex-col items-center gap-2", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+                /* @__PURE__ */ jsx("h1", { className: "text-lg md:text-xl lg:text-2xl xl:text-3xl font-semibold text-gray-900 truncate", children: formattedWorkspaceName }),
+                /* @__PURE__ */ jsxs("div", { className: "relative flex h-2.5 w-2.5", children: [
+                  isLive && /* @__PURE__ */ jsx("span", { className: "animate-ping absolute inline-flex h-full w-full rounded-full bg-green-400 opacity-75" }),
+                  /* @__PURE__ */ jsx("span", { className: clsx(
+                    "relative inline-flex rounded-full h-2.5 w-2.5",
+                    isLive ? "bg-green-500" : "bg-red-500"
+                  ) })
+                ] })
+              ] }) }) }),
+              activeTab !== "monthly_history" && /* @__PURE__ */ jsx("div", { className: "absolute right-0 top-0 flex flex-col items-end gap-1", children: workspaceHealth && /* @__PURE__ */ jsxs("span", { className: "text-xs text-gray-500", children: [
+                "Last update: ",
+                workspaceHealth.timeSinceLastUpdate
+              ] }) }),
+              /* @__PURE__ */ jsx("div", { className: "w-full h-8" })
+            ] }) }),
+            /* @__PURE__ */ jsx(Fragment, { children: activeTab === "monthly_history" ? /* @__PURE__ */ jsxs(Fragment, { children: [
+              /* @__PURE__ */ jsxs("div", { className: "sm:hidden mt-3 flex items-center justify-center gap-2", children: [
+                /* @__PURE__ */ jsx("div", { className: "inline-flex items-center px-2.5 py-1 bg-gray-100 rounded-full", children: /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-gray-700", children: (() => {
                   const monthBounds2 = getMonthKeyBounds(selectedYear, selectedMonth);
                   const normalizedRange = normalizeDateKeyRangeUnbounded(rangeStart, rangeEnd);
                   const startDate = parseDateKeyToDate(normalizedRange.startKey);
@@ -80248,107 +80716,106 @@ var WorkspaceDetailView = ({
                     return `${startDate.toLocaleDateString("en-US", { month: "short", day: "numeric" })} - ${endDate.toLocaleDateString("en-US", { month: "short", day: "numeric", year: "numeric" })}`;
                   }
                   return `${startDate.toLocaleDateString("en-US", { month: "short", day: "numeric" })} - ${endDate.toLocaleDateString("en-US", { month: "short", day: "numeric", year: "numeric" })}`;
-                })() })
-              ] }),
-              /* @__PURE__ */ jsx("div", { className: "w-px h-4 bg-blue-200" }),
-              /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-blue-600", children: [
-                /* @__PURE__ */ jsx("div", { className: "opacity-70", children: (() => {
-                  const shift2 = shiftConfig?.shifts?.find((s) => s.shiftId === selectedShift);
-                  const shiftName = shift2?.shiftName || (selectedShift === 0 ? "Day Shift" : "Night Shift");
-                  return getShiftIcon2(shiftName);
-                })() }),
-                /* @__PURE__ */ jsx("span", { className: "text-sm md:text-base font-semibold uppercase tracking-wider", children: (() => {
-                  const shift2 = shiftConfig?.shifts?.find((s) => s.shiftId === selectedShift);
-                  const name = shift2?.shiftName || (selectedShift === 0 ? "Day Shift" : "Night Shift");
-                  return name.replace(/ Shift$/i, "") + " Shift";
-                })() })
-              ] })
-            ] }) })
-          ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-            /* @__PURE__ */ jsxs("div", { className: "sm:hidden mt-3 flex items-center justify-center gap-2", children: [
-              /* @__PURE__ */ jsx("div", { className: "inline-flex items-center px-2.5 py-1 bg-gray-100 rounded-full", children: /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-gray-700", children: formatISTDate2(new Date(workspace.date)) }) }),
-              /* @__PURE__ */ jsxs("div", { className: "inline-flex items-center gap-1 px-2.5 py-1 bg-gray-100 rounded-full", children: [
-                /* @__PURE__ */ jsx("div", { className: "text-gray-700 scale-90", children: getShiftIcon2(workspace.shift_type) }),
-                /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-gray-700", children: workspace.shift_type })
+                })() }) }),
+                /* @__PURE__ */ jsxs("div", { className: "inline-flex items-center gap-1 px-2.5 py-1 bg-gray-100 rounded-full", children: [
+                  /* @__PURE__ */ jsx("div", { className: "text-gray-700 scale-90", children: (() => {
+                    const shift2 = shiftConfig?.shifts?.find((s) => s.shiftId === selectedShift);
+                    const shiftName = shift2?.shiftName || (selectedShift === 0 ? "Day Shift" : "Night Shift");
+                    return getShiftIcon2(shiftName);
+                  })() }),
+                  /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-gray-700", children: (() => {
+                    const shift2 = shiftConfig?.shifts?.find((s) => s.shiftId === selectedShift);
+                    return shift2?.shiftName || (selectedShift === 0 ? "Day Shift" : "Night Shift");
+                  })() })
+                ] })
               ] }),
-              !date && !shift && !usingFallbackData ? /* @__PURE__ */ jsx("div", { className: "inline-flex items-center px-2.5 py-1 bg-green-100 rounded-full", children: /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-green-700", children: /* @__PURE__ */ jsx(LiveTimer, {}) }) }) : date ? /* @__PURE__ */ jsx("div", { className: "inline-flex items-center px-2.5 py-1 bg-blue-100 rounded-full", children: /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-blue-700", children: getDaysDifference(workspace.date, timezone, dashboardConfig?.shiftConfig?.dayShift?.startTime || "06:00") }) }) : usingFallbackData ? /* @__PURE__ */ jsx("div", { className: "inline-flex items-center px-2.5 py-1 bg-amber-100 rounded-full", children: /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-amber-700", children: getDaysDifference(workspace.date, timezone, dashboardConfig?.shiftConfig?.dayShift?.startTime || "06:00") }) }) : null
-            ] }),
-            /* @__PURE__ */ jsx("div", { className: "hidden sm:block mt-3 bg-blue-50/50 px-4 py-2 rounded-xl border border-blue-100/50 backdrop-blur-sm", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center justify-center gap-6", children: [
-              !date && !shift && !usingFallbackData && /* @__PURE__ */ jsxs(Fragment, { children: [
-                /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-blue-700", children: [
-                  /* @__PURE__ */ jsx("svg", { className: "w-4 h-4 opacity-70", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z" }) }),
-                  /* @__PURE__ */ jsx("span", { className: "text-base font-semibold tabular-nums", children: /* @__PURE__ */ jsx(LiveTimer, {}) })
+              /* @__PURE__ */ jsx("div", { className: "hidden sm:block mt-3 bg-blue-50/50 px-4 py-2 rounded-xl border border-blue-100/50 backdrop-blur-sm", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center justify-center gap-6", children: [
+                /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-blue-600", children: [
+                  /* @__PURE__ */ jsx("svg", { className: "w-4 h-4 opacity-70", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z" }) }),
+                  /* @__PURE__ */ jsx("span", { className: "text-sm md:text-base font-medium", children: (() => {
+                    const monthBounds2 = getMonthKeyBounds(selectedYear, selectedMonth);
+                    const normalizedRange = normalizeDateKeyRangeUnbounded(rangeStart, rangeEnd);
+                    const startDate = parseDateKeyToDate(normalizedRange.startKey);
+                    const endDate = parseDateKeyToDate(normalizedRange.endKey);
+                    const isFullMonth = normalizedRange.startKey === monthBounds2.startKey && normalizedRange.endKey === monthBounds2.endKey;
+                    if (isFullMonth) {
+                      return `${startDate.toLocaleDateString("en-US", { month: "short", day: "numeric" })} - ${endDate.toLocaleDateString("en-US", { month: "short", day: "numeric", year: "numeric" })}`;
+                    }
+                    return `${startDate.toLocaleDateString("en-US", { month: "short", day: "numeric" })} - ${endDate.toLocaleDateString("en-US", { month: "short", day: "numeric", year: "numeric" })}`;
+                  })() })
                 ] }),
-                /* @__PURE__ */ jsx("div", { className: "w-px h-4 bg-blue-200" })
-              ] }),
-              /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-blue-600", children: [
-                /* @__PURE__ */ jsx("svg", { className: "w-4 h-4 opacity-70", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z" }) }),
-                /* @__PURE__ */ jsx("span", { className: "text-sm md:text-base font-medium", children: formatISTDate2(new Date(workspace.date)) })
-              ] }),
-              /* @__PURE__ */ jsx("div", { className: "w-px h-4 bg-blue-200" }),
-              date && /* @__PURE__ */ jsxs(Fragment, { children: [
-                /* @__PURE__ */ jsx("span", { className: "px-2 py-1 text-xs font-medium bg-blue-100 text-blue-700 border border-blue-200 rounded-md", children: getDaysDifference(workspace.date, timezone, dashboardConfig?.shiftConfig?.dayShift?.startTime || "06:00") }),
-                /* @__PURE__ */ jsx("div", { className: "w-px h-4 bg-blue-200" })
-              ] }),
-              !date && !shift && usingFallbackData && /* @__PURE__ */ jsxs(Fragment, { children: [
-                /* @__PURE__ */ jsxs("span", { className: "px-2 py-1 text-xs font-medium bg-amber-50 text-amber-700 border border-amber-200 rounded-md", children: [
-                  "Latest available data (",
-                  getDaysDifference(workspace.date, timezone, dashboardConfig?.shiftConfig?.dayShift?.startTime || "06:00"),
-                  ")"
+                /* @__PURE__ */ jsx("div", { className: "w-px h-4 bg-blue-200" }),
+                /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-blue-600", children: [
+                  /* @__PURE__ */ jsx("div", { className: "opacity-70", children: (() => {
+                    const shift2 = shiftConfig?.shifts?.find((s) => s.shiftId === selectedShift);
+                    const shiftName = shift2?.shiftName || (selectedShift === 0 ? "Day Shift" : "Night Shift");
+                    return getShiftIcon2(shiftName);
+                  })() }),
+                  /* @__PURE__ */ jsx("span", { className: "text-sm md:text-base font-semibold uppercase tracking-wider", children: (() => {
+                    const shift2 = shiftConfig?.shifts?.find((s) => s.shiftId === selectedShift);
+                    const name = shift2?.shiftName || (selectedShift === 0 ? "Day Shift" : "Night Shift");
+                    return name.replace(/ Shift$/i, "") + " Shift";
+                  })() })
+                ] })
+              ] }) })
+            ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+              /* @__PURE__ */ jsxs("div", { className: "sm:hidden mt-3 flex items-center justify-center gap-2", children: [
+                /* @__PURE__ */ jsx("div", { className: "inline-flex items-center px-2.5 py-1 bg-gray-100 rounded-full", children: /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-gray-700", children: formatISTDate2(new Date(workspace.date)) }) }),
+                /* @__PURE__ */ jsxs("div", { className: "inline-flex items-center gap-1 px-2.5 py-1 bg-gray-100 rounded-full", children: [
+                  /* @__PURE__ */ jsx("div", { className: "text-gray-700 scale-90", children: getShiftIcon2(workspace.shift_type) }),
+                  /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-gray-700", children: workspace.shift_type })
                 ] }),
-                /* @__PURE__ */ jsx("div", { className: "w-px h-4 bg-blue-200" })
+                !date && !shift && !usingFallbackData ? /* @__PURE__ */ jsx("div", { className: "inline-flex items-center px-2.5 py-1 bg-green-100 rounded-full", children: /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-green-700", children: /* @__PURE__ */ jsx(LiveTimer, {}) }) }) : date ? /* @__PURE__ */ jsx("div", { className: "inline-flex items-center px-2.5 py-1 bg-blue-100 rounded-full", children: /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-blue-700", children: getDaysDifference(workspace.date, timezone, dashboardConfig?.shiftConfig?.dayShift?.startTime || "06:00") }) }) : usingFallbackData ? /* @__PURE__ */ jsx("div", { className: "inline-flex items-center px-2.5 py-1 bg-amber-100 rounded-full", children: /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-amber-700", children: getDaysDifference(workspace.date, timezone, dashboardConfig?.shiftConfig?.dayShift?.startTime || "06:00") }) }) : null
               ] }),
-              /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-blue-600", children: [
-                /* @__PURE__ */ jsx("div", { className: "opacity-70", children: getShiftIcon2(workspace.shift_type) }),
-                /* @__PURE__ */ jsxs("span", { className: "text-sm md:text-base font-semibold uppercase tracking-wider", children: [
-                  workspace.shift_type.replace(/ Shift$/i, ""),
-                  " Shift"
+              /* @__PURE__ */ jsx("div", { className: "hidden sm:block mt-3 bg-blue-50/50 px-4 py-2 rounded-xl border border-blue-100/50 backdrop-blur-sm", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center justify-center gap-6", children: [
+                !date && !shift && !usingFallbackData && /* @__PURE__ */ jsxs(Fragment, { children: [
+                  /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-blue-700", children: [
+                    /* @__PURE__ */ jsx("svg", { className: "w-4 h-4 opacity-70", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z" }) }),
+                    /* @__PURE__ */ jsx("span", { className: "text-base font-semibold tabular-nums", children: /* @__PURE__ */ jsx(LiveTimer, {}) })
+                  ] }),
+                  /* @__PURE__ */ jsx("div", { className: "w-px h-4 bg-blue-200" })
+                ] }),
+                /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-blue-600", children: [
+                  /* @__PURE__ */ jsx("svg", { className: "w-4 h-4 opacity-70", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z" }) }),
+                  /* @__PURE__ */ jsx("span", { className: "text-sm md:text-base font-medium", children: formatISTDate2(new Date(workspace.date)) })
+                ] }),
+                /* @__PURE__ */ jsx("div", { className: "w-px h-4 bg-blue-200" }),
+                date && /* @__PURE__ */ jsxs(Fragment, { children: [
+                  /* @__PURE__ */ jsx("span", { className: "px-2 py-1 text-xs font-medium bg-blue-100 text-blue-700 border border-blue-200 rounded-md", children: getDaysDifference(workspace.date, timezone, dashboardConfig?.shiftConfig?.dayShift?.startTime || "06:00") }),
+                  /* @__PURE__ */ jsx("div", { className: "w-px h-4 bg-blue-200" })
+                ] }),
+                !date && !shift && usingFallbackData && /* @__PURE__ */ jsxs(Fragment, { children: [
+                  /* @__PURE__ */ jsxs("span", { className: "px-2 py-1 text-xs font-medium bg-amber-50 text-amber-700 border border-amber-200 rounded-md", children: [
+                    "Latest available data (",
+                    getDaysDifference(workspace.date, timezone, dashboardConfig?.shiftConfig?.dayShift?.startTime || "06:00"),
+                    ")"
+                  ] }),
+                  /* @__PURE__ */ jsx("div", { className: "w-px h-4 bg-blue-200" })
+                ] }),
+                /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-blue-600", children: [
+                  /* @__PURE__ */ jsx("div", { className: "opacity-70", children: getShiftIcon2(workspace.shift_type) }),
+                  /* @__PURE__ */ jsxs("span", { className: "text-sm md:text-base font-semibold uppercase tracking-wider", children: [
+                    workspace.shift_type.replace(/ Shift$/i, ""),
+                    " Shift"
+                  ] })
                 ] })
-              ] })
-            ] }) })
-          ] }) }),
-          /* @__PURE__ */ jsxs("div", { className: "mt-2 sm:mt-1.5 lg:mt-2", children: [
-            /* @__PURE__ */ jsx("div", { className: "sm:hidden", children: /* @__PURE__ */ jsxs("div", { className: "flex bg-gray-100 rounded-lg p-0.5", children: [
-              /* @__PURE__ */ jsx(
-                "button",
-                {
-                  onClick: () => setActiveTab("overview"),
-                  className: `flex-1 px-2 py-1.5 text-xs font-medium rounded-md transition-all duration-200 ${activeTab === "overview" ? "bg-white text-gray-900 shadow-sm" : "text-gray-600"}`,
-                  children: overviewTabLabel
-                }
-              ),
-              isClipsEnabled && /* @__PURE__ */ jsx(
-                "button",
-                {
-                  onClick: () => setActiveTab("bottlenecks"),
-                  className: `flex-1 px-2 py-1.5 text-xs font-medium rounded-md transition-all duration-200 ${activeTab === "bottlenecks" ? "bg-white text-gray-900 shadow-sm" : "text-gray-600"}`,
-                  children: "Clips"
-                }
-              ),
-              /* @__PURE__ */ jsx(
-                "button",
-                {
-                  onClick: () => setActiveTab("monthly_history"),
-                  className: `flex-1 px-2 py-1.5 text-xs font-medium rounded-md transition-all duration-200 ${activeTab === "monthly_history" ? "bg-white text-gray-900 shadow-sm" : "text-gray-600"}`,
-                  children: "History"
-                }
-              )
+              ] }) })
             ] }) }),
-            /* @__PURE__ */ jsxs("div", { className: "hidden sm:flex items-center justify-between", children: [
-              /* @__PURE__ */ jsxs("div", { className: "flex gap-1.5 lg:gap-2", children: [
+            /* @__PURE__ */ jsxs("div", { className: "mt-2 sm:mt-1.5 lg:mt-2", children: [
+              /* @__PURE__ */ jsx("div", { className: "sm:hidden", children: /* @__PURE__ */ jsxs("div", { className: "flex bg-gray-100 rounded-lg p-0.5", children: [
                 /* @__PURE__ */ jsx(
                   "button",
                   {
                     onClick: () => setActiveTab("overview"),
-                    className: `px-2 lg:px-3 py-1 lg:py-1.5 text-sm lg:text-base font-medium rounded-lg transition-colors whitespace-nowrap ${activeTab === "overview" ? "bg-blue-50 text-blue-600" : "text-gray-600 hover:bg-gray-50"}`,
+                    className: `flex-1 px-2 py-1.5 text-xs font-medium rounded-md transition-all duration-200 ${activeTab === "overview" ? "bg-white text-gray-900 shadow-sm" : "text-gray-600"}`,
                     children: overviewTabLabel
                   }
                 ),
                 isClipsEnabled && /* @__PURE__ */ jsx(
                   "button",
                   {
-                    onClick: () => setActiveTab("bottlenecks"),
-                    className: `px-2 lg:px-3 py-1 lg:py-1.5 text-sm lg:text-base font-medium rounded-lg transition-colors whitespace-nowrap ${activeTab === "bottlenecks" ? "bg-blue-50 text-blue-600" : "text-gray-600 hover:bg-gray-50"}`,
+                    onClick: handleManualClipsTabClick,
+                    className: `flex-1 px-2 py-1.5 text-xs font-medium rounded-md transition-all duration-200 ${activeTab === "bottlenecks" ? "bg-white text-gray-900 shadow-sm" : "text-gray-600"}`,
                     children: "Clips"
                   }
                 ),
@@ -80356,280 +80823,153 @@ var WorkspaceDetailView = ({
                   "button",
                   {
                     onClick: () => setActiveTab("monthly_history"),
-                    className: `px-2 lg:px-3 py-1 lg:py-1.5 text-sm lg:text-base font-medium rounded-lg transition-colors whitespace-nowrap ${activeTab === "monthly_history" ? "bg-blue-50 text-blue-600" : "text-gray-600 hover:bg-gray-50"}`,
-                    children: "Monthly History"
+                    className: `flex-1 px-2 py-1.5 text-xs font-medium rounded-md transition-all duration-200 ${activeTab === "monthly_history" ? "bg-white text-gray-900 shadow-sm" : "text-gray-600"}`,
+                    children: "History"
                   }
                 )
-              ] }),
-              activeTab === "overview" && /* @__PURE__ */ jsx("div", { className: "flex items-center gap-1.5 lg:gap-2", children: renderHeaderActions ? renderHeaderActions(workspace) : /* @__PURE__ */ jsx(
-                WorkspacePdfGenerator,
-                {
-                  workspace,
-                  idleTimeReasons: idleTimeChartData,
-                  efficiencyLegend,
-                  hourlyCycleTimes: cycleTimeChartData,
-                  shiftBreaks: shiftConfig?.shifts?.find((shift2) => shift2.shiftId === workspace.shift_id)?.breaks || [],
-                  reportTimezone: shiftConfig?.timezone || timezone
-                }
-              ) }),
-              activeTab === "monthly_history" && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-                /* @__PURE__ */ jsx(
-                  MonthlyRangeFilter_default,
-                  {
-                    month: selectedMonth,
-                    year: selectedYear,
-                    timezone,
-                    value: { startKey: rangeStart, endKey: rangeEnd },
-                    onChange: (nextRange) => {
-                      const startDate = parseDateKeyToDate(nextRange.startKey);
-                      const nextMonth = startDate.getMonth();
-                      const nextYear = startDate.getFullYear();
-                      setRangeStart(nextRange.startKey);
-                      setRangeEnd(nextRange.endKey);
-                      if (nextMonth !== selectedMonth || nextYear !== selectedYear) {
-                        setSelectedMonth(nextMonth);
-                        setSelectedYear(nextYear);
-                      }
-                    },
-                    showLabel: false
-                  }
-                ),
-                /* @__PURE__ */ jsx(
-                  WorkspaceMonthlyPdfGenerator,
+              ] }) }),
+              /* @__PURE__ */ jsxs("div", { className: "hidden sm:flex items-center justify-between", children: [
+                /* @__PURE__ */ jsxs("div", { className: "flex gap-1.5 lg:gap-2", children: [
+                  /* @__PURE__ */ jsx(
+                    "button",
+                    {
+                      onClick: () => setActiveTab("overview"),
+                      className: `px-2 lg:px-3 py-1 lg:py-1.5 text-sm lg:text-base font-medium rounded-lg transition-colors whitespace-nowrap ${activeTab === "overview" ? "bg-blue-50 text-blue-600" : "text-gray-600 hover:bg-gray-50"}`,
+                      children: overviewTabLabel
+                    }
+                  ),
+                  isClipsEnabled && /* @__PURE__ */ jsx(
+                    "button",
+                    {
+                      onClick: handleManualClipsTabClick,
+                      className: `px-2 lg:px-3 py-1 lg:py-1.5 text-sm lg:text-base font-medium rounded-lg transition-colors whitespace-nowrap ${activeTab === "bottlenecks" ? "bg-blue-50 text-blue-600" : "text-gray-600 hover:bg-gray-50"}`,
+                      children: "Clips"
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(
+                    "button",
+                    {
+                      onClick: () => setActiveTab("monthly_history"),
+                      className: `px-2 lg:px-3 py-1 lg:py-1.5 text-sm lg:text-base font-medium rounded-lg transition-colors whitespace-nowrap ${activeTab === "monthly_history" ? "bg-blue-50 text-blue-600" : "text-gray-600 hover:bg-gray-50"}`,
+                      children: "Monthly History"
+                    }
+                  )
+                ] }),
+                activeTab === "overview" && /* @__PURE__ */ jsx("div", { className: "flex items-center gap-1.5 lg:gap-2", children: renderHeaderActions ? renderHeaderActions(workspace) : /* @__PURE__ */ jsx(
+                  WorkspacePdfGenerator,
                   {
-                    workspaceId,
-                    workspaceName: formattedWorkspaceName,
-                    lineName: resolvedLineName,
-                    monthlyData,
-                    analysisData: analysisMonthlyData,
-                    selectedMonth,
-                    selectedYear,
-                    monitoringMode: workspace?.monitoring_mode,
-                    rangeStart,
-                    rangeEnd,
-                    selectedShiftId: selectedShift,
-                    availableShifts: shiftConfig?.shifts?.map((s) => ({ id: s.shiftId, name: s.shiftName })),
-                    shiftConfig,
+                    workspace,
+                    idleTimeReasons: idleTimeChartData,
                     efficiencyLegend,
-                    trendSummary: workspaceMonthlyTrend,
-                    compact: true,
-                    isAssemblyWorkspace
+                    hourlyCycleTimes: cycleTimeChartData,
+                    shiftBreaks: shiftConfig?.shifts?.find((shift2) => shift2.shiftId === workspace.shift_id)?.breaks || [],
+                    reportTimezone: shiftConfig?.timezone || timezone
                   }
-                )
+                ) }),
+                activeTab === "monthly_history" && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+                  /* @__PURE__ */ jsx(
+                    MonthlyRangeFilter_default,
+                    {
+                      month: selectedMonth,
+                      year: selectedYear,
+                      timezone,
+                      value: { startKey: rangeStart, endKey: rangeEnd },
+                      onChange: (nextRange) => {
+                        const startDate = parseDateKeyToDate(nextRange.startKey);
+                        const nextMonth = startDate.getMonth();
+                        const nextYear = startDate.getFullYear();
+                        setRangeStart(nextRange.startKey);
+                        setRangeEnd(nextRange.endKey);
+                        if (nextMonth !== selectedMonth || nextYear !== selectedYear) {
+                          setSelectedMonth(nextMonth);
+                          setSelectedYear(nextYear);
+                        }
+                      },
+                      showLabel: false
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(
+                    WorkspaceMonthlyPdfGenerator,
+                    {
+                      workspaceId,
+                      workspaceName: formattedWorkspaceName,
+                      lineName: resolvedLineName,
+                      monthlyData,
+                      analysisData: analysisMonthlyData,
+                      selectedMonth,
+                      selectedYear,
+                      monitoringMode: workspace?.monitoring_mode,
+                      rangeStart,
+                      rangeEnd,
+                      selectedShiftId: selectedShift,
+                      availableShifts: shiftConfig?.shifts?.map((s) => ({ id: s.shiftId, name: s.shiftName })),
+                      shiftConfig,
+                      efficiencyLegend,
+                      trendSummary: workspaceMonthlyTrend,
+                      compact: true,
+                      isAssemblyWorkspace
+                    }
+                  )
+                ] })
               ] })
             ] })
-          ] })
-        ] }),
-        /* @__PURE__ */ jsxs("div", { className: "flex-grow p-1.5 sm:p-2 lg:p-4", children: [
-          activeTab === "overview" && /* @__PURE__ */ jsx("div", { className: "flex flex-col h-full lg:h-[calc(100vh-12rem)] overflow-y-auto lg:min-h-0 pb-4", children: shouldShowAssemblyOverviewLoadingState ? assemblyOverviewLoadingView : /* @__PURE__ */ jsxs(Fragment, { children: [
-            /* @__PURE__ */ jsxs("div", { className: "block lg:hidden space-y-6 pb-6", children: [
-              isOutputLayout && !isUptimeMode && /* @__PURE__ */ jsxs(
-                motion.div,
-                {
-                  className: "bg-white rounded-lg shadow-sm p-6 h-[300px]",
-                  variants: chartCardVariants,
-                  initial: "initial",
-                  animate: "animate",
-                  children: [
-                    /* @__PURE__ */ jsx("h3", { className: "text-lg font-semibold text-gray-700 mb-4 text-center", children: "Today's Output" }),
-                    /* @__PURE__ */ jsx("div", { className: "h-[calc(100%-3rem)]", children: /* @__PURE__ */ jsx(
-                      OutputProgressChart,
-                      {
-                        currentOutput: workspace.total_actions || 0,
-                        targetOutput: workspace.target_output || 0,
-                        skuBreakdown: isSkuAware ? realSkuBreakdown : void 0,
-                        selectedSkuId,
-                        onSelectSku: setSelectedSkuId,
-                        liveSkuId: isHistoricView ? null : liveSkuId
-                      }
-                    ) })
-                  ]
-                }
-              ),
-              /* @__PURE__ */ jsxs(
-                motion.div,
-                {
-                  className: "bg-white rounded-lg shadow-sm p-4",
-                  variants: chartCardVariants,
-                  initial: "initial",
-                  animate: "animate",
-                  children: [
-                    /* @__PURE__ */ jsxs("div", { className: "flex justify-between items-center mb-4", children: [
-                      /* @__PURE__ */ jsx("h3", { className: "text-lg font-bold text-gray-700", children: isUptimeMode ? "Machine Utilization" : isAssemblyCycleLayout ? "Cycle time trend" : "Hourly Output" }),
-                      canToggleChartIdleTime && /* @__PURE__ */ jsx(
-                        "button",
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "flex-grow p-1.5 sm:p-2 lg:p-4", children: [
+            activeTab === "overview" && /* @__PURE__ */ jsx("div", { className: "flex flex-col h-full lg:h-[calc(100vh-12rem)] overflow-y-auto lg:min-h-0 pb-4", children: shouldShowAssemblyOverviewLoadingState ? assemblyOverviewLoadingView : /* @__PURE__ */ jsxs(Fragment, { children: [
+              /* @__PURE__ */ jsxs("div", { className: "block lg:hidden space-y-6 pb-6", children: [
+                isOutputLayout && !isUptimeMode && /* @__PURE__ */ jsxs(
+                  motion.div,
+                  {
+                    className: "bg-white rounded-lg shadow-sm p-6 h-[300px]",
+                    variants: chartCardVariants,
+                    initial: "initial",
+                    animate: "animate",
+                    children: [
+                      /* @__PURE__ */ jsx("h3", { className: "text-lg font-semibold text-gray-700 mb-4 text-center", children: "Today's Output" }),
+                      /* @__PURE__ */ jsx("div", { className: "h-[calc(100%-3rem)]", children: /* @__PURE__ */ jsx(
+                        OutputProgressChart,
                         {
-                          onClick: () => setShowChartIdleTime(!showChartIdleTime),
-                          className: `inline-flex items-center px-3 py-1.5 text-sm font-medium rounded-md transition-colors ${showChartIdleTime ? "bg-blue-50 text-blue-700 border border-blue-200" : "bg-white text-gray-700 border border-gray-300 hover:bg-gray-50"}`,
-                          children: showChartIdleTime ? /* @__PURE__ */ jsxs(Fragment, { children: [
-                            /* @__PURE__ */ jsx(EyeOff, { className: "w-4 h-4 mr-1.5" }),
-                            "Hide Idle Time"
-                          ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-                            /* @__PURE__ */ jsx(Eye, { className: "w-4 h-4 mr-1.5" }),
-                            "Show Idle Time"
-                          ] })
+                          currentOutput: workspace.total_actions || 0,
+                          targetOutput: workspace.target_output || 0,
+                          skuBreakdown: isSkuAware ? realSkuBreakdown : void 0,
+                          selectedSkuId,
+                          onSelectSku: setSelectedSkuId,
+                          liveSkuId: isHistoricView ? null : liveSkuId
                         }
-                      )
-                    ] }),
-                    /* @__PURE__ */ jsx(
-                      "div",
-                      {
-                        className: "h-[300px] min-h-[220px] min-w-0",
-                        children: isUptimeMode ? /* @__PURE__ */ jsx(
-                          HourlyUptimeChart,
-                          {
-                            idleTimeHourly: workspace.idle_time_hourly,
-                            shiftStart: workspace.shift_start,
-                            shiftEnd: workspace.shift_end,
-                            shiftDate: idleClipDate,
-                            timezone,
-                            elapsedMinutes: elapsedShiftMinutes,
-                            shiftBreaks: workspaceShiftBreaks
-                          }
-                        ) : isAssemblyCycleLayout ? shouldShowCycleTimeUnavailableState ? cycleTimeUnavailableView : shouldShowCycleTimeChart ? /* @__PURE__ */ jsx(
-                          CycleTimeOverTimeChart,
-                          {
-                            data: maskedCycleTimeChartData,
-                            idealCycleTime: authoritativeCycleMetrics?.ideal_cycle_time || 0,
-                            shiftStart: authoritativeCycleMetrics?.shift_start || "",
-                            shiftEnd: authoritativeCycleMetrics?.shift_end || "",
-                            xAxisMode: "hourly",
-                            datasetKey: cycleTimeDatasetKey,
-                            showIdleTime: showChartIdleTime,
-                            idleTimeData: hourlyIdleMinutes,
-                            idleTimeSlots: hourlyIdleSlots
-                          }
-                        ) : null : /* @__PURE__ */ jsx(
-                          HourlyOutputChart2,
+                      ) })
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ jsxs(
+                  motion.div,
+                  {
+                    className: "bg-white rounded-lg shadow-sm p-4",
+                    variants: chartCardVariants,
+                    initial: "initial",
+                    animate: "animate",
+                    children: [
+                      /* @__PURE__ */ jsxs("div", { className: "flex justify-between items-center mb-4", children: [
+                        /* @__PURE__ */ jsx("h3", { className: "text-lg font-bold text-gray-700", children: isUptimeMode ? "Machine Utilization" : isAssemblyCycleLayout ? "Cycle time trend" : "Hourly Output" }),
+                        canToggleChartIdleTime && /* @__PURE__ */ jsx(
+                          "button",
                           {
-                            data: workspace.hourly_action_counts || [],
-                            pphThreshold: workspace.pph_threshold || 0,
-                            hourlyTargetOutput: workspace.hourly_target_output,
-                            shiftStart: workspace.shift_start || "06:00",
-                            shiftEnd: workspace.shift_end,
-                            shiftBreaks: shiftConfig?.shifts?.find((shift2) => shift2.shiftId === workspace.shift_id)?.breaks || [],
-                            showIdleTime: showChartIdleTime,
-                            idleTimeHourly: workspace.idle_time_hourly,
-                            idleTimeClips,
-                            idleTimeClipClassifications,
-                            shiftDate: idleClipDate,
-                            timezone: effectiveCycleTimeTimezone,
-                            skuSegments: isSkuAware ? skuSegments : void 0,
-                            activeSkuId
+                            onClick: () => setShowChartIdleTime(!showChartIdleTime),
+                            className: `inline-flex items-center px-3 py-1.5 text-sm font-medium rounded-md transition-colors ${showChartIdleTime ? "bg-blue-50 text-blue-700 border border-blue-200" : "bg-white text-gray-700 border border-gray-300 hover:bg-gray-50"}`,
+                            children: showChartIdleTime ? /* @__PURE__ */ jsxs(Fragment, { children: [
+                              /* @__PURE__ */ jsx(EyeOff, { className: "w-4 h-4 mr-1.5" }),
+                              "Hide Idle Time"
+                            ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+                              /* @__PURE__ */ jsx(Eye, { className: "w-4 h-4 mr-1.5" }),
+                              "Show Idle Time"
+                            ] })
                           }
                         )
-                      }
-                    )
-                  ]
-                }
-              ),
-              showIdleBreakdownChart && /* @__PURE__ */ jsxs(
-                motion.div,
-                {
-                  className: "bg-white rounded-lg shadow-sm p-4 h-[300px]",
-                  variants: chartCardVariants,
-                  initial: "initial",
-                  animate: "animate",
-                  children: [
-                    /* @__PURE__ */ jsx("h3", { className: "text-lg font-semibold text-gray-700 mb-4 text-center", children: "Idle Time Breakdown" }),
-                    /* @__PURE__ */ jsx("div", { className: "h-[calc(100%-3rem)]", children: /* @__PURE__ */ jsx(
-                      IdleTimeReasonChart,
-                      {
-                        data: idleTimeData.chartData,
-                        isLoading: idleTimeData.isLoading,
-                        error: idleTimeData.error
-                      }
-                    ) })
-                  ]
-                }
-              ),
-              isUptimeMode ? /* @__PURE__ */ jsx(UptimeMetricCards, { workspace, uptimePieData }) : isAssemblyCycleLayout ? /* @__PURE__ */ jsx(
-                WorkspaceCycleTimeMetricCards,
-                {
-                  workspace,
-                  legend: efficiencyLegend,
-                  layout: "stack",
-                  idleTimeData: idleTimeVlmEnabled ? idleTimeData : void 0,
-                  skuAware: isSkuAware,
-                  skuBreakdown: isSkuAware ? realSkuBreakdown : void 0,
-                  activeSkuId,
-                  liveSkuId: isHistoricView ? null : liveSkuId
-                }
-              ) : /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
-                WorkspaceMetricCards,
-                {
-                  workspace,
-                  legend: efficiencyLegend,
-                  className: "flex-1",
-                  skuAware: isSkuAware,
-                  skuBreakdown: isSkuAware ? realSkuBreakdown : void 0,
-                  activeSkuId,
-                  liveSkuId: isHistoricView ? null : liveSkuId
-                }
-              ) })
-            ] }),
-            /* @__PURE__ */ jsxs("div", { className: "hidden lg:flex lg:flex-col lg:h-full lg:min-h-0 gap-3", children: [
-              /* @__PURE__ */ jsxs(
-                "div",
-                {
-                  className: clsx(
-                    "grid grid-cols-1 gap-3 min-h-0",
-                    isUptimeMode && showIdleBreakdownChart ? "lg:grid-cols-3" : "lg:grid-cols-10",
-                    desktopTopSectionClass
-                  ),
-                  children: [
-                    isOutputLayout && !isUptimeMode && /* @__PURE__ */ jsxs(
-                      motion.div,
-                      {
-                        className: "bg-white rounded-lg shadow-sm p-4 lg:col-span-2 flex flex-col min-h-0",
-                        variants: chartCardVariants,
-                        initial: "initial",
-                        animate: "animate",
-                        children: [
-                          /* @__PURE__ */ jsx("h3", { className: "text-lg font-semibold text-gray-700 mb-4 text-center", children: "Today's Output" }),
-                          /* @__PURE__ */ jsx("div", { className: "flex-1 min-h-[220px] min-w-0", children: /* @__PURE__ */ jsx(
-                            OutputProgressChart,
-                            {
-                              currentOutput: workspace.total_actions || 0,
-                              targetOutput: workspace.target_output || 0,
-                              skuBreakdown: isSkuAware ? realSkuBreakdown : void 0,
-                              selectedSkuId,
-                              onSelectSku: setSelectedSkuId,
-                              liveSkuId: isHistoricView ? null : liveSkuId
-                            }
-                          ) })
-                        ]
-                      }
-                    ),
-                    /* @__PURE__ */ jsxs(
-                      motion.div,
-                      {
-                        className: clsx(
-                          "bg-white rounded-lg shadow-sm p-4 flex flex-col min-h-0",
-                          isUptimeMode && showIdleBreakdownChart ? "lg:col-span-2" : isAssemblyCycleLayout || isUptimeMode ? "lg:col-span-10" : idleTimeVlmEnabled ? "lg:col-span-6" : "lg:col-span-8"
-                        ),
-                        variants: chartCardVariants,
-                        initial: "initial",
-                        animate: "animate",
-                        children: [
-                          /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-3 mb-4 flex-none", children: [
-                            /* @__PURE__ */ jsx("h3", { className: "text-lg font-bold text-gray-700", children: isUptimeMode ? "Machine Utilization" : isAssemblyCycleLayout ? "Cycle time trend" : "Hourly Output" }),
-                            canToggleChartIdleTime && /* @__PURE__ */ jsx(
-                              "button",
-                              {
-                                onClick: () => setShowChartIdleTime(!showChartIdleTime),
-                                className: `inline-flex items-center px-3 py-1.5 text-sm font-medium rounded-md transition-colors ${showChartIdleTime ? "bg-blue-50 text-blue-700 border border-blue-200" : "bg-white text-gray-700 border border-gray-300 hover:bg-gray-50"}`,
-                                children: showChartIdleTime ? /* @__PURE__ */ jsxs(Fragment, { children: [
-                                  /* @__PURE__ */ jsx(EyeOff, { className: "w-4 h-4 mr-1.5" }),
-                                  "Hide Idle Time"
-                                ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-                                  /* @__PURE__ */ jsx(Eye, { className: "w-4 h-4 mr-1.5" }),
-                                  "Show Idle Time"
-                                ] })
-                              }
-                            )
-                          ] }),
-                          /* @__PURE__ */ jsx("div", { className: "flex-1 min-h-[220px] min-w-0", children: isUptimeMode ? /* @__PURE__ */ jsx(
+                      ] }),
+                      /* @__PURE__ */ jsx(
+                        "div",
+                        {
+                          className: "h-[300px] min-h-[220px] min-w-0",
+                          children: isUptimeMode ? /* @__PURE__ */ jsx(
                             HourlyUptimeChart,
                             {
                               idleTimeHourly: workspace.idle_time_hourly,
@@ -80651,7 +80991,9 @@ var WorkspaceDetailView = ({
                               datasetKey: cycleTimeDatasetKey,
                               showIdleTime: showChartIdleTime,
                               idleTimeData: hourlyIdleMinutes,
-                              idleTimeSlots: hourlyIdleSlots
+                              idleTimeSlots: hourlyIdleSlots,
+                              selectedHourIndex: selectedHour?.source === "cycle" ? selectedHour.hourIndex : null,
+                              onHourClick: handleCycleHourSelect
                             }
                           ) : null : /* @__PURE__ */ jsx(
                             HourlyOutputChart2,
@@ -80669,142 +81011,378 @@ var WorkspaceDetailView = ({
                               shiftDate: idleClipDate,
                               timezone: effectiveCycleTimeTimezone,
                               skuSegments: isSkuAware ? skuSegments : void 0,
-                              activeSkuId
+                              activeSkuId,
+                              selectedHourIndex: selectedHour?.source === "output" ? selectedHour.hourIndex : aiSummaryHour?.hourIndex ?? null,
+                              onHourClick: handleOutputHourSelect,
+                              onWatchClipsClick: handleWatchClipsFromChart,
+                              onAiSummaryClick: handleAiSummaryClick
                             }
-                          ) })
-                        ]
-                      }
+                          )
+                        }
+                      )
+                    ]
+                  }
+                ),
+                showHourSummaryPanel && !aiSummaryHour && /* @__PURE__ */ jsx(
+                  WorkspaceHourSummaryPanel,
+                  {
+                    workspaceId,
+                    companyId: hourSummaryCompanyId,
+                    date: hourSummaryDate,
+                    shiftId: hourSummaryShiftId,
+                    selectedHour,
+                    clipsEnabled: isClipsEnabled,
+                    onOpenClips: handleOpenClipsForHour,
+                    onClose: handleCloseHourSummary
+                  }
+                ),
+                showIdleBreakdownChart && /* @__PURE__ */ jsxs(
+                  motion.div,
+                  {
+                    className: "bg-white rounded-lg shadow-sm p-4 h-[300px]",
+                    variants: chartCardVariants,
+                    initial: "initial",
+                    animate: "animate",
+                    children: [
+                      /* @__PURE__ */ jsx("h3", { className: "text-lg font-semibold text-gray-700 mb-4 text-center", children: "Idle Time Breakdown" }),
+                      /* @__PURE__ */ jsx("div", { className: "h-[calc(100%-3rem)]", children: /* @__PURE__ */ jsx(
+                        IdleTimeReasonChart,
+                        {
+                          data: idleTimeData.chartData,
+                          isLoading: idleTimeData.isLoading,
+                          error: idleTimeData.error
+                        }
+                      ) })
+                    ]
+                  }
+                ),
+                isUptimeMode ? /* @__PURE__ */ jsx(UptimeMetricCards, { workspace, uptimePieData }) : isAssemblyCycleLayout ? /* @__PURE__ */ jsx(
+                  WorkspaceCycleTimeMetricCards,
+                  {
+                    workspace,
+                    legend: efficiencyLegend,
+                    layout: "stack",
+                    idleTimeData: idleTimeVlmEnabled ? idleTimeData : void 0,
+                    skuAware: isSkuAware,
+                    skuBreakdown: isSkuAware ? realSkuBreakdown : void 0,
+                    activeSkuId,
+                    liveSkuId: isHistoricView ? null : liveSkuId
+                  }
+                ) : /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+                  WorkspaceMetricCards,
+                  {
+                    workspace,
+                    legend: efficiencyLegend,
+                    className: "flex-1",
+                    skuAware: isSkuAware,
+                    skuBreakdown: isSkuAware ? realSkuBreakdown : void 0,
+                    activeSkuId,
+                    liveSkuId: isHistoricView ? null : liveSkuId
+                  }
+                ) })
+              ] }),
+              /* @__PURE__ */ jsxs("div", { className: "hidden lg:flex lg:flex-col lg:h-full lg:min-h-0 gap-3", children: [
+                /* @__PURE__ */ jsxs(
+                  "div",
+                  {
+                    className: clsx(
+                      "grid grid-cols-1 gap-3 min-h-0",
+                      showHourSummaryPanel ? "lg:grid-cols-12" : isUptimeMode && showIdleBreakdownChart ? "lg:grid-cols-3" : "lg:grid-cols-10",
+                      desktopTopSectionClass
                     ),
-                    showIdleBreakdownChart && /* @__PURE__ */ jsxs(
-                      motion.div,
-                      {
-                        className: clsx(
-                          "bg-white rounded-lg shadow-sm p-4 flex flex-col min-h-0",
-                          isUptimeMode ? "lg:col-span-1" : "lg:col-span-2"
-                        ),
-                        variants: chartCardVariants,
-                        initial: "initial",
-                        animate: "animate",
-                        children: [
-                          /* @__PURE__ */ jsx("h3", { className: "text-lg font-semibold text-gray-700 mb-4 text-center", children: "Idle Time Breakdown" }),
-                          /* @__PURE__ */ jsx("div", { className: "flex-1 min-h-[220px] min-w-0", children: /* @__PURE__ */ jsx(
-                            IdleTimeReasonChart,
-                            {
-                              data: idleTimeData.chartData,
-                              isLoading: idleTimeData.isLoading,
-                              error: idleTimeData.error
-                            }
-                          ) })
-                        ]
-                      }
-                    )
-                  ]
-                }
-              ),
-              isUptimeMode ? /* @__PURE__ */ jsx("div", { className: clsx("flex min-h-0", desktopBottomSectionClass), children: /* @__PURE__ */ jsx(UptimeMetricCards, { workspace, uptimePieData, className: "flex-1" }) }) : isAssemblyCycleLayout ? /* @__PURE__ */ jsx(
-                WorkspaceCycleTimeMetricCards,
-                {
-                  workspace,
-                  legend: efficiencyLegend,
-                  layout: "grid",
-                  className: desktopBottomSectionClass,
-                  idleTimeData: idleTimeVlmEnabled ? idleTimeData : void 0,
-                  skuAware: isSkuAware,
-                  skuBreakdown: isSkuAware ? realSkuBreakdown : void 0,
-                  activeSkuId,
-                  liveSkuId: isHistoricView ? null : liveSkuId
-                }
-              ) : /* @__PURE__ */ jsx("div", { className: clsx("flex min-h-0", desktopBottomSectionClass), children: /* @__PURE__ */ jsx(
-                WorkspaceMetricCards,
+                    children: [
+                      isOutputLayout && !isUptimeMode && /* @__PURE__ */ jsxs(
+                        motion.div,
+                        {
+                          className: "bg-white rounded-lg shadow-sm p-4 lg:col-span-2 flex flex-col min-h-0",
+                          variants: chartCardVariants,
+                          initial: "initial",
+                          animate: "animate",
+                          children: [
+                            /* @__PURE__ */ jsx("h3", { className: "text-lg font-semibold text-gray-700 mb-4 text-center", children: "Today's Output" }),
+                            /* @__PURE__ */ jsx("div", { className: "flex-1 min-h-[220px] min-w-0", children: /* @__PURE__ */ jsx(
+                              OutputProgressChart,
+                              {
+                                currentOutput: workspace.total_actions || 0,
+                                targetOutput: workspace.target_output || 0,
+                                skuBreakdown: isSkuAware ? realSkuBreakdown : void 0,
+                                selectedSkuId,
+                                onSelectSku: setSelectedSkuId,
+                                liveSkuId: isHistoricView ? null : liveSkuId
+                              }
+                            ) })
+                          ]
+                        }
+                      ),
+                      /* @__PURE__ */ jsxs(
+                        motion.div,
+                        {
+                          className: clsx(
+                            "bg-white rounded-lg shadow-sm p-4 flex flex-col min-h-0",
+                            showHourSummaryPanel ? isAssemblyCycleLayout || isUptimeMode ? "lg:col-span-9" : idleTimeVlmEnabled ? "lg:col-span-6" : "lg:col-span-8" : isUptimeMode && showIdleBreakdownChart ? "lg:col-span-2" : isAssemblyCycleLayout || isUptimeMode ? "lg:col-span-10" : idleTimeVlmEnabled ? "lg:col-span-6" : "lg:col-span-8"
+                          ),
+                          variants: chartCardVariants,
+                          initial: "initial",
+                          animate: "animate",
+                          children: [
+                            /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-3 mb-4 flex-none", children: [
+                              /* @__PURE__ */ jsx("h3", { className: "text-lg font-bold text-gray-700", children: isUptimeMode ? "Machine Utilization" : isAssemblyCycleLayout ? "Cycle time trend" : "Hourly Output" }),
+                              canToggleChartIdleTime && /* @__PURE__ */ jsx(
+                                "button",
+                                {
+                                  onClick: () => setShowChartIdleTime(!showChartIdleTime),
+                                  className: `inline-flex items-center px-3 py-1.5 text-sm font-medium rounded-md transition-colors ${showChartIdleTime ? "bg-blue-50 text-blue-700 border border-blue-200" : "bg-white text-gray-700 border border-gray-300 hover:bg-gray-50"}`,
+                                  children: showChartIdleTime ? /* @__PURE__ */ jsxs(Fragment, { children: [
+                                    /* @__PURE__ */ jsx(EyeOff, { className: "w-4 h-4 mr-1.5" }),
+                                    "Hide Idle Time"
+                                  ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+                                    /* @__PURE__ */ jsx(Eye, { className: "w-4 h-4 mr-1.5" }),
+                                    "Show Idle Time"
+                                  ] })
+                                }
+                              )
+                            ] }),
+                            /* @__PURE__ */ jsx("div", { className: "flex-1 min-h-[220px] min-w-0", children: isUptimeMode ? /* @__PURE__ */ jsx(
+                              HourlyUptimeChart,
+                              {
+                                idleTimeHourly: workspace.idle_time_hourly,
+                                shiftStart: workspace.shift_start,
+                                shiftEnd: workspace.shift_end,
+                                shiftDate: idleClipDate,
+                                timezone,
+                                elapsedMinutes: elapsedShiftMinutes,
+                                shiftBreaks: workspaceShiftBreaks
+                              }
+                            ) : isAssemblyCycleLayout ? shouldShowCycleTimeUnavailableState ? cycleTimeUnavailableView : shouldShowCycleTimeChart ? /* @__PURE__ */ jsx(
+                              CycleTimeOverTimeChart,
+                              {
+                                data: maskedCycleTimeChartData,
+                                idealCycleTime: authoritativeCycleMetrics?.ideal_cycle_time || 0,
+                                shiftStart: authoritativeCycleMetrics?.shift_start || "",
+                                shiftEnd: authoritativeCycleMetrics?.shift_end || "",
+                                xAxisMode: "hourly",
+                                datasetKey: cycleTimeDatasetKey,
+                                showIdleTime: showChartIdleTime,
+                                idleTimeData: hourlyIdleMinutes,
+                                idleTimeSlots: hourlyIdleSlots,
+                                selectedHourIndex: selectedHour?.source === "cycle" ? selectedHour.hourIndex : null,
+                                onHourClick: handleCycleHourSelect
+                              }
+                            ) : null : /* @__PURE__ */ jsx(
+                              HourlyOutputChart2,
+                              {
+                                data: workspace.hourly_action_counts || [],
+                                pphThreshold: workspace.pph_threshold || 0,
+                                hourlyTargetOutput: workspace.hourly_target_output,
+                                shiftStart: workspace.shift_start || "06:00",
+                                shiftEnd: workspace.shift_end,
+                                shiftBreaks: shiftConfig?.shifts?.find((shift2) => shift2.shiftId === workspace.shift_id)?.breaks || [],
+                                showIdleTime: showChartIdleTime,
+                                idleTimeHourly: workspace.idle_time_hourly,
+                                idleTimeClips,
+                                idleTimeClipClassifications,
+                                shiftDate: idleClipDate,
+                                timezone: effectiveCycleTimeTimezone,
+                                skuSegments: isSkuAware ? skuSegments : void 0,
+                                activeSkuId,
+                                selectedHourIndex: selectedHour?.source === "output" ? selectedHour.hourIndex : aiSummaryHour?.hourIndex ?? null,
+                                onHourClick: handleOutputHourSelect,
+                                onWatchClipsClick: handleWatchClipsFromChart,
+                                onAiSummaryClick: handleAiSummaryClick
+                              }
+                            ) })
+                          ]
+                        }
+                      ),
+                      showIdleBreakdownChart && /* @__PURE__ */ jsxs(
+                        motion.div,
+                        {
+                          className: clsx(
+                            "bg-white rounded-lg shadow-sm p-4 flex flex-col min-h-0",
+                            isUptimeMode ? "lg:col-span-1" : "lg:col-span-2"
+                          ),
+                          variants: chartCardVariants,
+                          initial: "initial",
+                          animate: "animate",
+                          children: [
+                            /* @__PURE__ */ jsx("h3", { className: "text-lg font-semibold text-gray-700 mb-4 text-center", children: "Idle Time Breakdown" }),
+                            /* @__PURE__ */ jsx("div", { className: "flex-1 min-h-[220px] min-w-0", children: /* @__PURE__ */ jsx(
+                              IdleTimeReasonChart,
+                              {
+                                data: idleTimeData.chartData,
+                                isLoading: idleTimeData.isLoading,
+                                error: idleTimeData.error
+                              }
+                            ) })
+                          ]
+                        }
+                      ),
+                      showHourSummaryPanel && /* @__PURE__ */ jsx(
+                        WorkspaceHourSummaryPanel,
+                        {
+                          workspaceId,
+                          companyId: hourSummaryCompanyId,
+                          date: hourSummaryDate,
+                          shiftId: hourSummaryShiftId,
+                          selectedHour,
+                          clipsEnabled: isClipsEnabled,
+                          onOpenClips: handleOpenClipsForHour,
+                          onClose: handleCloseHourSummary,
+                          className: clsx(
+                            "flex min-h-0 flex-col overflow-y-auto",
+                            isAssemblyCycleLayout || isUptimeMode ? "lg:col-span-3" : "lg:col-span-2"
+                          )
+                        }
+                      )
+                    ]
+                  }
+                ),
+                isUptimeMode ? /* @__PURE__ */ jsx("div", { className: clsx("flex min-h-0", desktopBottomSectionClass), children: /* @__PURE__ */ jsx(UptimeMetricCards, { workspace, uptimePieData, className: "flex-1" }) }) : isAssemblyCycleLayout ? /* @__PURE__ */ jsx(
+                  WorkspaceCycleTimeMetricCards,
+                  {
+                    workspace,
+                    legend: efficiencyLegend,
+                    layout: "grid",
+                    className: desktopBottomSectionClass,
+                    idleTimeData: idleTimeVlmEnabled ? idleTimeData : void 0,
+                    skuAware: isSkuAware,
+                    skuBreakdown: isSkuAware ? realSkuBreakdown : void 0,
+                    activeSkuId,
+                    liveSkuId: isHistoricView ? null : liveSkuId
+                  }
+                ) : /* @__PURE__ */ jsx("div", { className: clsx("flex min-h-0", desktopBottomSectionClass), children: /* @__PURE__ */ jsx(
+                  WorkspaceMetricCards,
+                  {
+                    workspace,
+                    legend: efficiencyLegend,
+                    className: "flex-1",
+                    skuAware: isSkuAware,
+                    skuBreakdown: isSkuAware ? realSkuBreakdown : void 0,
+                    activeSkuId,
+                    liveSkuId: isHistoricView ? null : liveSkuId
+                  }
+                ) })
+              ] })
+            ] }) }),
+            activeTab === "monthly_history" && /* @__PURE__ */ jsxs("div", { className: "h-[calc(100vh-10rem)] overflow-y-auto px-2 sm:px-4 lg:px-0", children: [
+              usingFallbackData && !date && !shift && /* @__PURE__ */ jsx("div", { className: "mb-3 sm:mb-4 bg-amber-50 border border-amber-200 rounded-lg px-3 sm:px-4 py-2 sm:py-3 text-amber-800", children: /* @__PURE__ */ jsxs("p", { className: "text-xs sm:text-sm font-medium flex items-center", children: [
+                /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", className: "h-4 w-4 sm:h-5 sm:w-5 mr-2", viewBox: "0 0 20 20", fill: "currentColor", children: /* @__PURE__ */ jsx("path", { fillRule: "evenodd", d: "M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a1 1 0 000 2v3a1 1 0 001 1h1a1 1 0 100-2v-3a1 1 0 00-1-1H9z", clipRule: "evenodd" }) }),
+                "No current data available for today. Showing monthly history instead."
+              ] }) }),
+              /* @__PURE__ */ jsx(
+                WorkspaceMonthlyHistory,
                 {
-                  workspace,
+                  data: monthlyData,
+                  analysisData: analysisMonthlyData,
+                  month: selectedMonth,
+                  year: selectedYear,
+                  workspaceId,
+                  lineId: resolvedLineId,
+                  monitoringMode: workspace?.monitoring_mode,
+                  selectedShiftId: selectedShift,
+                  rangeStart,
+                  rangeEnd,
+                  timezone,
+                  shiftConfig,
+                  shiftConfigFromDatabase: isShiftConfigFromDatabase,
+                  monthlyDataLoading,
+                  availableShifts: shiftConfig?.shifts?.map((s) => ({ id: s.shiftId, name: s.shiftName })),
                   legend: efficiencyLegend,
-                  className: "flex-1",
-                  skuAware: isSkuAware,
-                  skuBreakdown: isSkuAware ? realSkuBreakdown : void 0,
-                  activeSkuId,
-                  liveSkuId: isHistoricView ? null : liveSkuId
+                  trendSummary: workspaceMonthlyTrend,
+                  isAssemblyWorkspace,
+                  onDateSelect: (selectedDate, shiftId) => {
+                    if (onDateSelect) {
+                      onDateSelect(selectedDate, shiftId);
+                    } else if (onNavigate) {
+                      const params = new URLSearchParams();
+                      params.set("date", selectedDate);
+                      params.set("shift", shiftId.toString());
+                      params.set("fromMonthly", "true");
+                      if (!isFullRange) {
+                        params.set("rangeStart", range.startKey);
+                        params.set("rangeEnd", range.endKey);
+                      }
+                      if (resolvedLineId) {
+                        params.set("lineId", resolvedLineId);
+                      }
+                      appendReturnUrl(params);
+                      onNavigate(`/workspace/${workspaceId}?${params.toString()}`);
+                    }
+                  },
+                  onMonthNavigate: (newMonth, newYear) => {
+                    setSelectedMonth(newMonth);
+                    setSelectedYear(newYear);
+                    const nextBounds = getMonthKeyBounds(newYear, newMonth);
+                    setRangeStart(nextBounds.startKey);
+                    setRangeEnd(nextBounds.endKey);
+                  },
+                  onShiftChange: setSelectedShift,
+                  onRangeChange: (nextRange) => {
+                    setRangeStart(nextRange.startKey);
+                    setRangeEnd(nextRange.endKey);
+                  },
+                  className: "w-full"
                 }
-              ) })
-            ] })
-          ] }) }),
-          activeTab === "monthly_history" && /* @__PURE__ */ jsxs("div", { className: "h-[calc(100vh-10rem)] overflow-y-auto px-2 sm:px-4 lg:px-0", children: [
-            usingFallbackData && !date && !shift && /* @__PURE__ */ jsx("div", { className: "mb-3 sm:mb-4 bg-amber-50 border border-amber-200 rounded-lg px-3 sm:px-4 py-2 sm:py-3 text-amber-800", children: /* @__PURE__ */ jsxs("p", { className: "text-xs sm:text-sm font-medium flex items-center", children: [
-              /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", className: "h-4 w-4 sm:h-5 sm:w-5 mr-2", viewBox: "0 0 20 20", fill: "currentColor", children: /* @__PURE__ */ jsx("path", { fillRule: "evenodd", d: "M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a1 1 0 000 2v3a1 1 0 001 1h1a1 1 0 100-2v-3a1 1 0 00-1-1H9z", clipRule: "evenodd" }) }),
-              "No current data available for today. Showing monthly history instead."
-            ] }) }),
-            /* @__PURE__ */ jsx(
-              WorkspaceMonthlyHistory,
+              )
+            ] }),
+            activeTab === "bottlenecks" && /* @__PURE__ */ jsx(ClipFilterProvider, { children: /* @__PURE__ */ jsx(
+              BottlenecksContent,
               {
-                data: monthlyData,
-                analysisData: analysisMonthlyData,
-                month: selectedMonth,
-                year: selectedYear,
                 workspaceId,
+                workspaceName: formattedWorkspaceName,
+                date,
                 lineId: resolvedLineId,
-                monitoringMode: workspace?.monitoring_mode,
-                selectedShiftId: selectedShift,
-                rangeStart,
-                rangeEnd,
-                timezone,
-                shiftConfig,
-                shiftConfigFromDatabase: isShiftConfigFromDatabase,
-                monthlyDataLoading,
-                availableShifts: shiftConfig?.shifts?.map((s) => ({ id: s.shiftId, name: s.shiftName })),
-                legend: efficiencyLegend,
-                trendSummary: workspaceMonthlyTrend,
-                isAssemblyWorkspace,
-                onDateSelect: (selectedDate, shiftId) => {
-                  if (onDateSelect) {
-                    onDateSelect(selectedDate, shiftId);
-                  } else if (onNavigate) {
-                    const params = new URLSearchParams();
-                    params.set("date", selectedDate);
-                    params.set("shift", shiftId.toString());
-                    params.set("fromMonthly", "true");
-                    if (!isFullRange) {
-                      params.set("rangeStart", range.startKey);
-                      params.set("rangeEnd", range.endKey);
-                    }
-                    if (resolvedLineId) {
-                      params.set("lineId", resolvedLineId);
-                    }
-                    appendReturnUrl(params);
-                    onNavigate(`/workspace/${workspaceId}?${params.toString()}`);
+                shift,
+                totalOutput: workspace?.total_actions,
+                workspaceMetrics: detailedWorkspaceMetrics || void 0,
+                prefetchedPercentileCounts: isFastSlowClipFiltersEnabled ? prefetchedPercentileCounts : null,
+                initialTimeFilter: pendingClipHourFilter,
+                className: "h-[calc(100vh-10rem)]"
+              }
+            ) })
+          ] })
+        ] }),
+        aiSummaryHour && /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: "fixed inset-0 bg-slate-900/40 backdrop-blur-sm flex items-center justify-center p-4 z-[9999]",
+            onClick: () => setAiSummaryHour(null),
+            children: /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: "max-w-xl w-full max-h-[90vh] overflow-y-auto animate-in zoom-in-95 duration-200",
+                onClick: (e) => e.stopPropagation(),
+                children: /* @__PURE__ */ jsx(
+                  WorkspaceHourSummaryPanel,
+                  {
+                    workspaceId,
+                    companyId: hourSummaryCompanyId,
+                    date: hourSummaryDate,
+                    shiftId: hourSummaryShiftId,
+                    selectedHour: {
+                      source: "output",
+                      hourIndex: aiSummaryHour.hourIndex,
+                      timeRange: aiSummaryHour.timeRange,
+                      startTime: aiSummaryHour.startTime,
+                      endTime: aiSummaryHour.endTime,
+                      status: aiSummaryHour.status,
+                      output: aiSummaryHour.output,
+                      target: aiSummaryHour.target
+                    },
+                    clipsEnabled: isClipsEnabled,
+                    onOpenClips: (hour) => {
+                      setAiSummaryHour(null);
+                      handleOpenClipsForHour(hour);
+                    },
+                    onClose: () => setAiSummaryHour(null),
+                    className: "shadow-2xl border-slate-200/60 ring-1 ring-black/5"
                   }
-                },
-                onMonthNavigate: (newMonth, newYear) => {
-                  setSelectedMonth(newMonth);
-                  setSelectedYear(newYear);
-                  const nextBounds = getMonthKeyBounds(newYear, newMonth);
-                  setRangeStart(nextBounds.startKey);
-                  setRangeEnd(nextBounds.endKey);
-                },
-                onShiftChange: setSelectedShift,
-                onRangeChange: (nextRange) => {
-                  setRangeStart(nextRange.startKey);
-                  setRangeEnd(nextRange.endKey);
-                },
-                className: "w-full"
+                )
               }
             )
-          ] }),
-          activeTab === "bottlenecks" && /* @__PURE__ */ jsx(ClipFilterProvider, { children: /* @__PURE__ */ jsx(
-            BottlenecksContent,
-            {
-              workspaceId,
-              workspaceName: formattedWorkspaceName,
-              date,
-              lineId: resolvedLineId,
-              shift,
-              totalOutput: workspace?.total_actions,
-              workspaceMetrics: detailedWorkspaceMetrics || void 0,
-              prefetchedPercentileCounts: isFastSlowClipFiltersEnabled ? prefetchedPercentileCounts : null,
-              className: "h-[calc(100vh-10rem)]"
-            }
-          ) })
-        ] })
-      ] })
+          }
+        )
+      ]
     }
   );
 };
@@ -82396,7 +82974,7 @@ function BottleneckClipsView({
     ) })
   ] }) });
 }
-var AuthenticatedBottleneckClipsView = withAuth(React146__default.memo(BottleneckClipsView));
+var AuthenticatedBottleneckClipsView = withAuth(React147__default.memo(BottleneckClipsView));
 var BottleneckClipsView_default = BottleneckClipsView;
 
 // src/lib/services/ticketService.ts
@@ -83239,7 +83817,7 @@ Please ensure:
     )
   ] });
 }
-var AuthenticatedTicketsView = withAuth(React146__default.memo(TicketsView));
+var AuthenticatedTicketsView = withAuth(React147__default.memo(TicketsView));
 var TicketsView_default = TicketsView;
 
 // src/lib/utils/improvementDisplay.ts
@@ -84210,7 +84788,7 @@ var ImprovementCenterView = () => {
       setSelectedMemberId("all");
     }
   }, [memberOptions, selectedMemberId]);
-  const getRecommendationDisplayMetadata = React146__default.useCallback((rec) => {
+  const getRecommendationDisplayMetadata = React147__default.useCallback((rec) => {
     const supervisors = rec.line_id ? supervisorsByLineId.get(rec.line_id) || [] : [];
     return getImprovementDisplayMetadata({
       location: rec.location,
@@ -84684,7 +85262,7 @@ var ThreadSidebar = ({
     ] }) })
   ] });
 };
-var ProfilePicture = React146__default.memo(({
+var ProfilePicture = React147__default.memo(({
   alt = "Axel",
   className = "",
   size = "md",
@@ -87244,7 +87822,7 @@ var OverviewImprovementsSkeleton = () => /* @__PURE__ */ jsx("div", { className:
   ] }),
   /* @__PURE__ */ jsx("div", { className: "flex items-center justify-end flex-shrink-0 ml-4", children: /* @__PURE__ */ jsx(SectionPulse, { className: "h-6 w-20 rounded-full" }) })
 ] }, index)) });
-var OperationsOverviewHeader = React146__default.memo(({
+var OperationsOverviewHeader = React147__default.memo(({
   dateRange,
   displayDateRange,
   trendMode,
@@ -87265,65 +87843,65 @@ var OperationsOverviewHeader = React146__default.memo(({
   bumpRenderCounter();
   const subtitleRange = displayDateRange || dateRange;
   const showLiveShiftMeta = isLiveScope && trendMode !== "all";
-  const liveShiftLabel = React146__default.useMemo(
+  const liveShiftLabel = React147__default.useMemo(
     () => normalizeShiftLabel(liveShiftName, trendMode),
     [liveShiftName, trendMode]
   );
-  const liveShiftIcon = React146__default.useMemo(
+  const liveShiftIcon = React147__default.useMemo(
     () => getShiftIcon(liveShiftName, trendMode),
     [liveShiftName, trendMode]
   );
-  const [isFilterOpen, setIsFilterOpen] = React146__default.useState(false);
-  const [isLinesDropdownOpen, setIsLinesDropdownOpen] = React146__default.useState(false);
-  const filterRef = React146__default.useRef(null);
-  const filterButtonRef = React146__default.useRef(null);
-  const mobileFilterButtonRef = React146__default.useRef(null);
-  const linesDropdownRef = React146__default.useRef(null);
-  const mobileSubtitle = React146__default.useMemo(() => {
+  const [isFilterOpen, setIsFilterOpen] = React147__default.useState(false);
+  const [isLinesDropdownOpen, setIsLinesDropdownOpen] = React147__default.useState(false);
+  const filterRef = React147__default.useRef(null);
+  const filterButtonRef = React147__default.useRef(null);
+  const mobileFilterButtonRef = React147__default.useRef(null);
+  const linesDropdownRef = React147__default.useRef(null);
+  const mobileSubtitle = React147__default.useMemo(() => {
     if (subtitleRange.startKey === subtitleRange.endKey) {
       return format(parseDateKeyToDate(subtitleRange.startKey), "do MMM, yyyy");
     }
     return `${format(parseDateKeyToDate(subtitleRange.startKey), "do MMM")} - ${format(parseDateKeyToDate(subtitleRange.endKey), "do MMM, yyyy")}`;
   }, [subtitleRange.endKey, subtitleRange.startKey]);
-  const desktopSubtitle = React146__default.useMemo(() => {
+  const desktopSubtitle = React147__default.useMemo(() => {
     if (subtitleRange.startKey === subtitleRange.endKey) {
       return format(parseDateKeyToDate(subtitleRange.startKey), "do MMMM, yyyy");
     }
     return `${format(parseDateKeyToDate(subtitleRange.startKey), "do MMMM, yyyy")} - ${format(parseDateKeyToDate(subtitleRange.endKey), "do MMMM, yyyy")}`;
   }, [subtitleRange.endKey, subtitleRange.startKey]);
-  const availableLineIds = React146__default.useMemo(
+  const availableLineIds = React147__default.useMemo(
     () => lineOptions.map((line) => line.id),
     [lineOptions]
   );
-  const selectedLineIdSet = React146__default.useMemo(
+  const selectedLineIdSet = React147__default.useMemo(
     () => new Set(selectedLineIds),
     [selectedLineIds]
   );
-  const isAllLinesSelected = React146__default.useMemo(() => {
+  const isAllLinesSelected = React147__default.useMemo(() => {
     if (availableLineIds.length === 0) return true;
     return availableLineIds.every((lineId) => selectedLineIdSet.has(lineId));
   }, [availableLineIds, selectedLineIdSet]);
-  const activeFilterCount = React146__default.useMemo(() => {
+  const activeFilterCount = React147__default.useMemo(() => {
     let count = 0;
     if (trendMode !== "all") count += 1;
     if (selectedSupervisorId !== "all") count += 1;
     if (!isAllLinesSelected) count += 1;
     return count;
   }, [isAllLinesSelected, selectedSupervisorId, trendMode]);
-  const handleFilterToggle = React146__default.useCallback(() => {
+  const handleFilterToggle = React147__default.useCallback(() => {
     trackCoreEvent("Operations Overview Filter Toggled", {
       action: !isFilterOpen ? "open" : "close"
     });
     setIsFilterOpen((previous) => !previous);
   }, [isFilterOpen]);
-  const handleTrendModeChange = React146__default.useCallback((event) => {
+  const handleTrendModeChange = React147__default.useCallback((event) => {
     const nextMode = event.target.value;
     trackCoreEvent("Operations Overview Shift Filter Changed", {
       shift_mode: nextMode
     });
     onTrendModeChange(nextMode);
   }, [onTrendModeChange]);
-  const handleAllLinesToggle = React146__default.useCallback(() => {
+  const handleAllLinesToggle = React147__default.useCallback(() => {
     trackCoreEvent("Operations Overview Line Filter Changed", {
       selected_line_ids: availableLineIds,
       selected_line_count: availableLineIds.length,
@@ -87331,7 +87909,7 @@ var OperationsOverviewHeader = React146__default.memo(({
     });
     onSelectedLineIdsChange(availableLineIds);
   }, [availableLineIds, onSelectedLineIdsChange]);
-  const handleSupervisorChange = React146__default.useCallback((event) => {
+  const handleSupervisorChange = React147__default.useCallback((event) => {
     const supervisorId = event.target.value;
     const selectedSupervisor = supervisorOptions.find((option) => option.id === supervisorId);
     trackCoreEvent("Operations Overview Supervisor Filter Changed", {
@@ -87342,7 +87920,7 @@ var OperationsOverviewHeader = React146__default.memo(({
     });
     onSelectedSupervisorIdChange(supervisorId);
   }, [availableLineIds, onSelectedSupervisorIdChange, supervisorOptions]);
-  const handleLineToggle = React146__default.useCallback((lineId) => {
+  const handleLineToggle = React147__default.useCallback((lineId) => {
     const current = new Set(selectedLineIds);
     if (current.has(lineId)) {
       if (current.size <= 1) return;
@@ -87358,13 +87936,13 @@ var OperationsOverviewHeader = React146__default.memo(({
     });
     onSelectedLineIdsChange(next);
   }, [availableLineIds, onSelectedLineIdsChange, selectedLineIds]);
-  const handleClearAllFilters = React146__default.useCallback(() => {
+  const handleClearAllFilters = React147__default.useCallback(() => {
     onTrendModeChange("all");
     onSelectedSupervisorIdChange("all");
     onSelectedLineIdsChange(availableLineIds);
     setIsFilterOpen(false);
   }, [availableLineIds, onSelectedLineIdsChange, onSelectedSupervisorIdChange, onTrendModeChange]);
-  React146__default.useEffect(() => {
+  React147__default.useEffect(() => {
     const handleClickOutside = (event) => {
       const target = event.target;
       if (filterRef.current && !filterRef.current.contains(target) && filterButtonRef.current && !filterButtonRef.current.contains(target) && mobileFilterButtonRef.current && !mobileFilterButtonRef.current.contains(target)) {
@@ -87599,12 +88177,12 @@ var OperationsOverviewHeader = React146__default.memo(({
   ] }) });
 });
 OperationsOverviewHeader.displayName = "OperationsOverviewHeader";
-var OverviewSummaryCards = React146__default.memo(({ store }) => {
+var OverviewSummaryCards = React147__default.memo(({ store }) => {
   bumpRenderCounter();
   const scope = useOperationsOverviewScope(store);
   const snapshot = useOperationsOverviewSnapshot(store);
   const showSnapshotSkeleton = snapshot.loading && !snapshot.hasLoadedOnce;
-  const comparisonLabel = React146__default.useMemo(() => {
+  const comparisonLabel = React147__default.useMemo(() => {
     return formatComparisonWindow({
       currentDayCount: scope.current_range?.day_count ?? null,
       previousDayCount: scope.previous_range?.day_count ?? null,
@@ -87617,27 +88195,27 @@ var OverviewSummaryCards = React146__default.memo(({ store }) => {
     scope.previous_range?.day_count,
     scope.shift_mode
   ]);
-  const [isIdleContributorsOpen, setIsIdleContributorsOpen] = React146__default.useState(false);
-  const [isIdleContributorsPinned, setIsIdleContributorsPinned] = React146__default.useState(false);
-  const idleContributorsRef = React146__default.useRef(null);
-  const plantEfficiencyBadge = React146__default.useMemo(() => {
+  const [isIdleContributorsOpen, setIsIdleContributorsOpen] = React147__default.useState(false);
+  const [isIdleContributorsPinned, setIsIdleContributorsPinned] = React147__default.useState(false);
+  const idleContributorsRef = React147__default.useRef(null);
+  const plantEfficiencyBadge = React147__default.useMemo(() => {
     return buildDeltaBadge(snapshot.data.summary.plant_efficiency?.delta_pp, {
       positiveIsGood: true,
       formatter: (value) => `${value >= 0 ? "+" : ""}${roundOne(value)}%`,
       comparisonLabel
     });
   }, [comparisonLabel, snapshot.data.summary.plant_efficiency?.delta_pp]);
-  const idleBadge = React146__default.useMemo(() => {
+  const idleBadge = React147__default.useMemo(() => {
     return buildDeltaBadge(snapshot.data.summary.avg_idle_per_workstation?.delta_seconds, {
       positiveIsGood: false,
       formatter: (value) => formatSignedIdleDuration(value),
       comparisonLabel
     });
   }, [comparisonLabel, snapshot.data.summary.avg_idle_per_workstation?.delta_seconds]);
-  const canInspectIdleContributors = React146__default.useMemo(() => {
+  const canInspectIdleContributors = React147__default.useMemo(() => {
     return !showSnapshotSkeleton && snapshot.data.summary.avg_idle_per_workstation?.current_seconds !== null && snapshot.data.summary.avg_idle_per_workstation?.current_seconds !== void 0;
   }, [showSnapshotSkeleton, snapshot.data.summary.avg_idle_per_workstation?.current_seconds]);
-  const idleTopContributors = React146__default.useMemo(() => {
+  const idleTopContributors = React147__default.useMemo(() => {
     return (snapshot.data.summary.avg_idle_per_workstation?.top_contributors || []).map((item) => ({
       workspaceId: item.workspace_id || "",
       workspaceName: item.workspace_name?.trim() || item.workspace_id || "Unknown",
@@ -87645,14 +88223,14 @@ var OverviewSummaryCards = React146__default.memo(({ store }) => {
       avgIdleSeconds: toNumber4(item.avg_idle_seconds)
     })).slice(0, 5);
   }, [snapshot.data.summary.avg_idle_per_workstation?.top_contributors]);
-  const showIdleContributorLineNames = React146__default.useMemo(() => {
+  const showIdleContributorLineNames = React147__default.useMemo(() => {
     return (scope.line_count ?? 0) > 1;
   }, [scope.line_count]);
-  const closeIdleContributors = React146__default.useCallback(() => {
+  const closeIdleContributors = React147__default.useCallback(() => {
     setIsIdleContributorsOpen(false);
     setIsIdleContributorsPinned(false);
   }, []);
-  const handleIdleContributorsToggle = React146__default.useCallback(() => {
+  const handleIdleContributorsToggle = React147__default.useCallback(() => {
     if (!canInspectIdleContributors) return;
     setIsIdleContributorsPinned((previous) => {
       const next = !previous;
@@ -87660,7 +88238,7 @@ var OverviewSummaryCards = React146__default.memo(({ store }) => {
       return next;
     });
   }, [canInspectIdleContributors]);
-  const handleIdleContributorsKeyDown = React146__default.useCallback((event) => {
+  const handleIdleContributorsKeyDown = React147__default.useCallback((event) => {
     if (!canInspectIdleContributors) return;
     if (event.key === "Enter" || event.key === " ") {
       event.preventDefault();
@@ -87672,11 +88250,11 @@ var OverviewSummaryCards = React146__default.memo(({ store }) => {
       closeIdleContributors();
     }
   }, [canInspectIdleContributors, closeIdleContributors, handleIdleContributorsToggle]);
-  React146__default.useEffect(() => {
+  React147__default.useEffect(() => {
     setIsIdleContributorsOpen(false);
     setIsIdleContributorsPinned(false);
   }, [scope.comparison_strategy, scope.current_range?.start_date, scope.current_range?.end_date, scope.line_count, scope.shift_mode]);
-  React146__default.useEffect(() => {
+  React147__default.useEffect(() => {
     if (!isIdleContributorsOpen) return void 0;
     const handleClickOutside = (event) => {
       if (!isIdleContributorsPinned) return;
@@ -87814,7 +88392,7 @@ var OverviewSummaryCards = React146__default.memo(({ store }) => {
   ] });
 });
 OverviewSummaryCards.displayName = "OverviewSummaryCards";
-var PoorestPerformersCard = React146__default.memo(({
+var PoorestPerformersCard = React147__default.memo(({
   store,
   supervisorsByLineId,
   onViewAll,
@@ -87823,9 +88401,9 @@ var PoorestPerformersCard = React146__default.memo(({
   bumpRenderCounter();
   const scope = useOperationsOverviewScope(store);
   const snapshot = useOperationsOverviewSnapshot(store);
-  const [poorestLineMode, setPoorestLineMode] = React146__default.useState("output");
+  const [poorestLineMode, setPoorestLineMode] = React147__default.useState("output");
   const availableLineModes = scope.available_line_modes;
-  React146__default.useEffect(() => {
+  React147__default.useEffect(() => {
     const hasOutput = !!availableLineModes?.has_output;
     const hasUptime = !!availableLineModes?.has_uptime;
     if (hasOutput && !hasUptime && poorestLineMode !== "output") {
@@ -87834,7 +88412,7 @@ var PoorestPerformersCard = React146__default.memo(({
       setPoorestLineMode("uptime");
     }
   }, [availableLineModes?.has_output, availableLineModes?.has_uptime, poorestLineMode]);
-  const comparisonLabel = React146__default.useMemo(() => {
+  const comparisonLabel = React147__default.useMemo(() => {
     return formatComparisonWindow({
       currentDayCount: scope.current_range?.day_count ?? null,
       previousDayCount: scope.previous_range?.day_count ?? null,
@@ -87848,7 +88426,7 @@ var PoorestPerformersCard = React146__default.memo(({
     scope.shift_mode
   ]);
   const showSnapshotSkeleton = snapshot.loading && !snapshot.hasLoadedOnce;
-  const mergedPoorestLines = React146__default.useMemo(() => {
+  const mergedPoorestLines = React147__default.useMemo(() => {
     const rows = snapshot.data.poorest_lines?.[poorestLineMode] || [];
     const lineRows = [];
     const areaGroups = /* @__PURE__ */ new Map();
@@ -87928,7 +88506,7 @@ var PoorestPerformersCard = React146__default.memo(({
   }, [poorestLineMode, snapshot.data.poorest_lines, supervisorsByLineId]);
   const showPoorestModeToggle = !!availableLineModes?.has_output && !!availableLineModes?.has_uptime;
   const poorestMetricLabel = poorestLineMode === "uptime" ? "Uptime" : "Efficiency";
-  const handlePoorestLineModeChange = React146__default.useCallback((mode) => {
+  const handlePoorestLineModeChange = React147__default.useCallback((mode) => {
     trackCoreEvent("Operations Overview Poorest Line Mode Changed", { mode });
     setPoorestLineMode(mode);
   }, []);
@@ -88014,14 +88592,14 @@ var PoorestPerformersCard = React146__default.memo(({
   ] });
 });
 PoorestPerformersCard.displayName = "PoorestPerformersCard";
-var IdleBreakdownCard = React146__default.memo(({
+var IdleBreakdownCard = React147__default.memo(({
   store,
   scopedLineCount
 }) => {
   bumpRenderCounter();
   const idle = useOperationsOverviewIdle(store);
   const showInitialSkeleton = idle.loading && idle.lastUpdated === null;
-  const idleBreakdown = React146__default.useMemo(() => {
+  const idleBreakdown = React147__default.useMemo(() => {
     return idle.data.map((item) => ({
       name: item.display_name?.trim() || item.reason?.trim() || "Unknown",
       reasonKey: item.reason_key?.trim() || item.reason?.trim() || "unknown",
@@ -88040,7 +88618,7 @@ var IdleBreakdownCard = React146__default.memo(({
       }))
     })).filter((item) => item.value > 0);
   }, [idle.data]);
-  const showIdleModuleNotEnabledState = React146__default.useMemo(() => {
+  const showIdleModuleNotEnabledState = React147__default.useMemo(() => {
     const enabledLineCount = idle.scope.idle_time_vlm_enabled_line_count;
     return !showInitialSkeleton && scopedLineCount > 0 && typeof enabledLineCount === "number" && enabledLineCount === 0;
   }, [idle.scope.idle_time_vlm_enabled_line_count, scopedLineCount, showInitialSkeleton]);
@@ -88061,7 +88639,7 @@ var IdleBreakdownCard = React146__default.memo(({
   ] });
 });
 IdleBreakdownCard.displayName = "IdleBreakdownCard";
-var EfficiencyTrendCard = React146__default.memo(({
+var EfficiencyTrendCard = React147__default.memo(({
   store,
   dateRange,
   appTimezone,
@@ -88069,14 +88647,14 @@ var EfficiencyTrendCard = React146__default.memo(({
 }) => {
   bumpRenderCounter();
   const trend = useOperationsOverviewTrend(store);
-  const currentWeekRange = React146__default.useMemo(
+  const currentWeekRange = React147__default.useMemo(
     () => getCurrentWeekToDateRange(appTimezone),
     [appTimezone]
   );
   const isCurrentWeekToDateRange = dateRange.startKey === currentWeekRange.startKey && dateRange.endKey === currentWeekRange.endKey;
   const showInitialSkeleton = trend.loading && trend.lastUpdated === null;
   const isHourlyTrend = trend.data.granularity === "hour";
-  const trendData = React146__default.useMemo(() => {
+  const trendData = React147__default.useMemo(() => {
     if (isHourlyTrend) {
       return (trend.data.points || []).map((point, index) => ({
         name: (() => {
@@ -88148,13 +88726,13 @@ var EfficiencyTrendCard = React146__default.memo(({
       };
     });
   }, [currentWeekRange.startKey, hourlyLabelStartTime, isCurrentWeekToDateRange, isHourlyTrend, trend.data.points]);
-  const trendTooltipLabelFormatter = React146__default.useCallback((label, payload) => {
+  const trendTooltipLabelFormatter = React147__default.useCallback((label, payload) => {
     if (isHourlyTrend) return label;
     const dayOfWeek = payload?.[0]?.payload?.dayOfWeek;
     if (!dayOfWeek || typeof label !== "string") return label;
     return `${label} (${dayOfWeek})`;
   }, [isHourlyTrend]);
-  const trendXAxisTickFormatter = React146__default.useCallback((value, index) => {
+  const trendXAxisTickFormatter = React147__default.useCallback((value, index) => {
     if (!isHourlyTrend) {
       return typeof value === "string" ? value : String(value ?? "");
     }
@@ -88181,7 +88759,7 @@ var EfficiencyTrendCard = React146__default.memo(({
   ] });
 });
 EfficiencyTrendCard.displayName = "EfficiencyTrendCard";
-var TopImprovementsCard = React146__default.memo(({
+var TopImprovementsCard = React147__default.memo(({
   store,
   supervisorsByLineId,
   onViewAll,
@@ -88190,7 +88768,7 @@ var TopImprovementsCard = React146__default.memo(({
   bumpRenderCounter();
   const improvements = useOperationsOverviewImprovements(store);
   const showInitialSkeleton = improvements.loading && improvements.lastUpdated === null;
-  const displayImprovements = React146__default.useMemo(() => {
+  const displayImprovements = React147__default.useMemo(() => {
     return improvements.data.map((item) => {
       const supervisors = item.lineId ? supervisorsByLineId.get(item.lineId) || [] : [];
       return {
@@ -88318,33 +88896,33 @@ var useOperationsOverviewRefresh = ({
   isLiveScope,
   enabled = true
 }) => {
-  const lineIdsKey = React146__default.useMemo(() => lineIds.join(","), [lineIds]);
-  const scopeSignature = React146__default.useMemo(
+  const lineIdsKey = React147__default.useMemo(() => lineIds.join(","), [lineIds]);
+  const scopeSignature = React147__default.useMemo(
     () => [companyId || "", startKey, endKey, trendMode, comparisonStrategy || "", lineIdsKey].join("::"),
     [companyId, comparisonStrategy, endKey, lineIdsKey, startKey, trendMode]
   );
-  const controllersRef = React146__default.useRef({});
-  const requestIdsRef = React146__default.useRef({
+  const controllersRef = React147__default.useRef({});
+  const requestIdsRef = React147__default.useRef({
     snapshot: 0,
     trend: 0,
     idle: 0,
     improvements: 0
   });
-  const intervalRef = React146__default.useRef(null);
-  const isPageActiveRef = React146__default.useRef(true);
-  const lastResumeRefreshAtRef = React146__default.useRef(0);
-  const abortAll = React146__default.useCallback(() => {
+  const intervalRef = React147__default.useRef(null);
+  const isPageActiveRef = React147__default.useRef(true);
+  const lastResumeRefreshAtRef = React147__default.useRef(0);
+  const abortAll = React147__default.useCallback(() => {
     Object.values(controllersRef.current).forEach((controller) => {
       controller?.abort();
     });
     controllersRef.current = {};
   }, []);
-  React146__default.useEffect(() => {
+  React147__default.useEffect(() => {
     return () => {
       abortAll();
     };
   }, [abortAll]);
-  const getIsPageActive = React146__default.useCallback(() => {
+  const getIsPageActive = React147__default.useCallback(() => {
     if (typeof document === "undefined") {
       return true;
     }
@@ -88352,7 +88930,7 @@ var useOperationsOverviewRefresh = ({
     const hasFocus = typeof document.hasFocus === "function" ? document.hasFocus() : true;
     return isVisible && hasFocus;
   }, []);
-  const stopPolling = React146__default.useCallback((reason) => {
+  const stopPolling = React147__default.useCallback((reason) => {
     if (intervalRef.current === null) {
       return;
     }
@@ -88360,7 +88938,7 @@ var useOperationsOverviewRefresh = ({
     intervalRef.current = null;
     debugRefreshLog("poll stopped", { reason });
   }, []);
-  const runRefresh = React146__default.useCallback(
+  const runRefresh = React147__default.useCallback(
     async (section, begin, onSuccess, onError, request, reason) => {
       if (!enabled || !supabase || !companyId || lineIds.length === 0) return;
       const requestId = requestIdsRef.current[section] + 1;
@@ -88407,7 +88985,7 @@ var useOperationsOverviewRefresh = ({
     },
     [companyId, comparisonStrategy, enabled, endKey, lineIds, startKey, supabase, trendMode]
   );
-  const refreshSnapshot = React146__default.useCallback(
+  const refreshSnapshot = React147__default.useCallback(
     async (reason) => {
       await runRefresh(
         "snapshot",
@@ -88439,7 +89017,7 @@ var useOperationsOverviewRefresh = ({
     },
     [companyId, comparisonStrategy, endKey, lineIdsKey, runRefresh, scopeSignature, startKey, store, supabase, trendMode]
   );
-  const refreshTrend = React146__default.useCallback(
+  const refreshTrend = React147__default.useCallback(
     async (reason) => {
       await runRefresh(
         "trend",
@@ -88468,7 +89046,7 @@ var useOperationsOverviewRefresh = ({
     },
     [companyId, endKey, lineIdsKey, runRefresh, scopeSignature, startKey, store, supabase, trendMode]
   );
-  const refreshIdle = React146__default.useCallback(
+  const refreshIdle = React147__default.useCallback(
     async (reason) => {
       await runRefresh(
         "idle",
@@ -88497,7 +89075,7 @@ var useOperationsOverviewRefresh = ({
     },
     [companyId, endKey, lineIdsKey, runRefresh, scopeSignature, startKey, store, supabase, trendMode]
   );
-  const refreshImprovements = React146__default.useCallback(
+  const refreshImprovements = React147__default.useCallback(
     async (reason) => {
       await runRefresh(
         "improvements",
@@ -88527,7 +89105,7 @@ var useOperationsOverviewRefresh = ({
     },
     [companyId, lineIds, lineIdsKey, runRefresh, scopeSignature, store, supabase]
   );
-  const refreshAll = React146__default.useCallback(
+  const refreshAll = React147__default.useCallback(
     async (reason) => {
       await Promise.allSettled([
         refreshSnapshot(reason),
@@ -88538,7 +89116,7 @@ var useOperationsOverviewRefresh = ({
     },
     [refreshIdle, refreshImprovements, refreshSnapshot, refreshTrend]
   );
-  const startPolling = React146__default.useCallback((reason) => {
+  const startPolling = React147__default.useCallback((reason) => {
     if (!isLiveScope || !supabase || !companyId || lineIds.length === 0) {
       return;
     }
@@ -88559,7 +89137,7 @@ var useOperationsOverviewRefresh = ({
     }, LIVE_REFRESH_INTERVAL_MS);
     debugRefreshLog("poll started", { reason, intervalMs: LIVE_REFRESH_INTERVAL_MS });
   }, [companyId, isLiveScope, lineIds.length, refreshAll, stopPolling, supabase]);
-  const refreshFromResume = React146__default.useCallback((reason) => {
+  const refreshFromResume = React147__default.useCallback((reason) => {
     const now4 = Date.now();
     if (now4 - lastResumeRefreshAtRef.current < 1e3) {
       debugRefreshLog("resume refresh suppressed", { reason });
@@ -88574,7 +89152,7 @@ var useOperationsOverviewRefresh = ({
       }
     });
   }, [refreshAll, startPolling, stopPolling]);
-  React146__default.useEffect(() => {
+  React147__default.useEffect(() => {
     if (!enabled) {
       stopPolling("disabled");
       abortAll();
@@ -88589,7 +89167,7 @@ var useOperationsOverviewRefresh = ({
     }
     void refreshAll("scope_change");
   }, [abortAll, companyId, enabled, lineIds.length, refreshAll, scopeSignature, stopPolling, store, supabase]);
-  React146__default.useEffect(() => {
+  React147__default.useEffect(() => {
     if (!enabled || !isLiveScope || !supabase || !companyId || lineIds.length === 0) {
       isPageActiveRef.current = false;
       stopPolling("live_scope_disabled");
@@ -88648,7 +89226,7 @@ var useOperationsOverviewRefresh = ({
     };
   }, [companyId, enabled, getIsPageActive, isLiveScope, lineIds.length, refreshFromResume, startPolling, stopPolling, supabase]);
 };
-var parseTimeToMinutes4 = (value) => {
+var parseTimeToMinutes5 = (value) => {
   if (!value) return null;
   const parts = value.split(":");
   if (parts.length < 2) return null;
@@ -88701,8 +89279,8 @@ var classifyShiftBucket = ({
       return "day";
     }
   }
-  const startMinutes = parseTimeToMinutes4(startTime);
-  const endMinutes = parseTimeToMinutes4(endTime);
+  const startMinutes = parseTimeToMinutes5(startTime);
+  const endMinutes = parseTimeToMinutes5(endTime);
   if (startMinutes !== null) {
     if (startMinutes >= 4 * 60 && startMinutes < 18 * 60) return "day";
     return "night";
@@ -88761,8 +89339,8 @@ var getShiftWindowsForConfig = (shiftConfig, timezone) => {
   ];
 };
 var normalizeShiftWindowMinutes = (startTime, endTime) => {
-  const startMinutes = parseTimeToMinutes4(startTime);
-  const endMinutesRaw = parseTimeToMinutes4(endTime);
+  const startMinutes = parseTimeToMinutes5(startTime);
+  const endMinutesRaw = parseTimeToMinutes5(endTime);
   if (startMinutes === null || endMinutesRaw === null) {
     return null;
   }
@@ -88802,55 +89380,55 @@ var PlantHeadView = () => {
   const { accessibleLineIds } = useUserLineAccess();
   const mobileMenuContext = useMobileMenu();
   useHideMobileHeader(!!mobileMenuContext);
-  const storeRef = React146__default.useRef(createOperationsOverviewStore());
+  const storeRef = React147__default.useRef(createOperationsOverviewStore());
   const store = storeRef.current;
-  const fallbackOperationalDate = React146__default.useMemo(
+  const fallbackOperationalDate = React147__default.useMemo(
     () => getOperationalDate(appTimezone),
     [appTimezone]
   );
-  const [dateRange, setDateRange] = React146__default.useState(() => ({
+  const [dateRange, setDateRange] = React147__default.useState(() => ({
     startKey: fallbackOperationalDate,
     endKey: fallbackOperationalDate
   }));
-  const [usesThisWeekComparison, setUsesThisWeekComparison] = React146__default.useState(false);
-  const [trendMode, setTrendMode] = React146__default.useState("all");
-  const [selectedSupervisorId, setSelectedSupervisorId] = React146__default.useState("all");
-  const [selectedLineIds, setSelectedLineIds] = React146__default.useState([]);
-  const [isInitialScopeReady, setIsInitialScopeReady] = React146__default.useState(false);
-  const [shiftResolutionTick, setShiftResolutionTick] = React146__default.useState(0);
-  const hasAutoInitializedScopeRef = React146__default.useRef(false);
-  const hasUserAdjustedScopeRef = React146__default.useRef(false);
-  React146__default.useEffect(() => {
+  const [usesThisWeekComparison, setUsesThisWeekComparison] = React147__default.useState(false);
+  const [trendMode, setTrendMode] = React147__default.useState("all");
+  const [selectedSupervisorId, setSelectedSupervisorId] = React147__default.useState("all");
+  const [selectedLineIds, setSelectedLineIds] = React147__default.useState([]);
+  const [isInitialScopeReady, setIsInitialScopeReady] = React147__default.useState(false);
+  const [shiftResolutionTick, setShiftResolutionTick] = React147__default.useState(0);
+  const hasAutoInitializedScopeRef = React147__default.useRef(false);
+  const hasUserAdjustedScopeRef = React147__default.useRef(false);
+  React147__default.useEffect(() => {
     trackCorePageView("Operations Overview", {
       dashboard_surface: "operations_overview"
     });
   }, []);
-  const currentWeekRange = React146__default.useMemo(
+  const currentWeekRange = React147__default.useMemo(
     () => getCurrentWeekToDateRange(appTimezone),
     [appTimezone]
   );
-  const currentWeekDisplayRange = React146__default.useMemo(
+  const currentWeekDisplayRange = React147__default.useMemo(
     () => getCurrentWeekFullRange(appTimezone),
     [appTimezone]
   );
   const isCurrentWeekToDateRange = dateRange.startKey === currentWeekRange.startKey && dateRange.endKey === currentWeekRange.endKey;
-  const headerDateRange = React146__default.useMemo(() => {
+  const headerDateRange = React147__default.useMemo(() => {
     if (usesThisWeekComparison && isCurrentWeekToDateRange) {
       return currentWeekDisplayRange;
     }
     return dateRange;
   }, [currentWeekDisplayRange, dateRange, isCurrentWeekToDateRange, usesThisWeekComparison]);
-  const normalizedLineIds = React146__default.useMemo(
+  const normalizedLineIds = React147__default.useMemo(
     () => Array.from(new Set(
       (accessibleLineIds || []).filter(Boolean).filter((lineId) => lineId !== factoryViewId)
     )).sort(),
     [accessibleLineIds, factoryViewId]
   );
-  const lineIdsKey = React146__default.useMemo(
+  const lineIdsKey = React147__default.useMemo(
     () => normalizedLineIds.join(","),
     [normalizedLineIds]
   );
-  const lineOptions = React146__default.useMemo(
+  const lineOptions = React147__default.useMemo(
     () => normalizedLineIds.map((lineId) => ({
       id: lineId,
       name: getLineDisplayName(entityConfig, lineId)
@@ -88862,7 +89440,7 @@ var PlantHeadView = () => {
     companyId: entityConfig.companyId,
     useBackend: true
   });
-  const supervisorOptions = React146__default.useMemo(
+  const supervisorOptions = React147__default.useMemo(
     () => {
       const optionsById = /* @__PURE__ */ new Map();
       normalizedLineIds.forEach((lineId) => {
@@ -88888,7 +89466,7 @@ var PlantHeadView = () => {
     },
     [normalizedLineIds, supervisorsByLineId]
   );
-  React146__default.useEffect(() => {
+  React147__default.useEffect(() => {
     if (selectedSupervisorId === "all") {
       setSelectedLineIds((previous) => {
         if (normalizedLineIds.length === 0) {
@@ -88914,7 +89492,7 @@ var PlantHeadView = () => {
     const scopedSupervisorLineIds = normalizedLineIds.filter((lineId) => supervisorLineIdSet.has(lineId));
     setSelectedLineIds((previous) => previous.length === scopedSupervisorLineIds.length && previous.every((lineId, index) => lineId === scopedSupervisorLineIds[index]) ? previous : scopedSupervisorLineIds);
   }, [lineIdsKey, normalizedLineIds, selectedSupervisorId, supervisorOptions]);
-  const scopedLineIds = React146__default.useMemo(
+  const scopedLineIds = React147__default.useMemo(
     () => selectedLineIds.length > 0 ? selectedLineIds : normalizedLineIds,
     [normalizedLineIds, selectedLineIds]
   );
@@ -88922,7 +89500,7 @@ var PlantHeadView = () => {
     shiftConfigMap,
     isLoading: isShiftConfigLoading
   } = useMultiLineShiftConfigs(scopedLineIds, staticShiftConfig);
-  const shiftFilterOptions = React146__default.useMemo(() => {
+  const shiftFilterOptions = React147__default.useMemo(() => {
     const optionsById = /* @__PURE__ */ new Map();
     scopedLineIds.forEach((lineId) => {
       const shiftConfig = shiftConfigMap.get(lineId) || staticShiftConfig;
@@ -88961,7 +89539,7 @@ var PlantHeadView = () => {
       ...dynamicOptions
     ];
   }, [appTimezone, scopedLineIds, shiftConfigMap, staticShiftConfig]);
-  React146__default.useEffect(() => {
+  React147__default.useEffect(() => {
     if (scopedLineIds.length === 0 || isShiftConfigLoading) {
       return;
     }
@@ -88972,11 +89550,11 @@ var PlantHeadView = () => {
       clearInterval(intervalId);
     };
   }, [isShiftConfigLoading, scopedLineIds.length]);
-  const shiftResolutionNow = React146__default.useMemo(
+  const shiftResolutionNow = React147__default.useMemo(
     () => /* @__PURE__ */ new Date(),
     [shiftResolutionTick]
   );
-  const earliestDayShiftStartTime = React146__default.useMemo(() => {
+  const earliestDayShiftStartTime = React147__default.useMemo(() => {
     const candidateStarts = [];
     scopedLineIds.forEach((lineId) => {
       const shiftConfig = shiftConfigMap.get(lineId) || staticShiftConfig;
@@ -88987,7 +89565,7 @@ var PlantHeadView = () => {
           startTime: shift.startTime,
           endTime: shift.endTime
         });
-        const startMinutes = parseTimeToMinutes4(shift.startTime);
+        const startMinutes = parseTimeToMinutes5(shift.startTime);
         if (bucket === "day" && startMinutes !== null) {
           candidateStarts.push(startMinutes);
         }
@@ -88997,7 +89575,7 @@ var PlantHeadView = () => {
       scopedLineIds.forEach((lineId) => {
         const shiftConfig = shiftConfigMap.get(lineId) || staticShiftConfig;
         getShiftWindowsForConfig(shiftConfig).forEach((shift) => {
-          const startMinutes = parseTimeToMinutes4(shift.startTime);
+          const startMinutes = parseTimeToMinutes5(shift.startTime);
           if (startMinutes !== null) {
             candidateStarts.push(startMinutes);
           }
@@ -89012,11 +89590,11 @@ var PlantHeadView = () => {
     const minutes = earliestMinutes % 60;
     return `${hours.toString().padStart(2, "0")}:${minutes.toString().padStart(2, "0")}`;
   }, [appTimezone, scopedLineIds, shiftConfigMap, staticShiftConfig]);
-  const resolvedOperationalToday = React146__default.useMemo(
+  const resolvedOperationalToday = React147__default.useMemo(
     () => getOperationalDate(appTimezone, shiftResolutionNow, earliestDayShiftStartTime),
     [appTimezone, earliestDayShiftStartTime, shiftResolutionNow]
   );
-  const activeLineShiftStates = React146__default.useMemo(() => {
+  const activeLineShiftStates = React147__default.useMemo(() => {
     return scopedLineIds.flatMap((lineId) => {
       const shiftConfig = shiftConfigMap.get(lineId) || staticShiftConfig;
       const activeShift = getActiveShift(appTimezone, shiftConfig, shiftResolutionNow);
@@ -89046,7 +89624,7 @@ var PlantHeadView = () => {
     });
   }, [appTimezone, scopedLineIds, shiftConfigMap, shiftResolutionNow, staticShiftConfig]);
   const resolvedTrendMode = isInitialScopeReady ? trendMode : "all";
-  const hourlyWindowStartTime = React146__default.useMemo(() => {
+  const hourlyWindowStartTime = React147__default.useMemo(() => {
     if (scopedLineIds.length === 0) {
       return null;
     }
@@ -89088,7 +89666,7 @@ var PlantHeadView = () => {
             startTime: shift.startTime,
             endTime: shift.endTime
           });
-          return bucket === "day" ? parseTimeToMinutes4(shift.startTime) : null;
+          return bucket === "day" ? parseTimeToMinutes5(shift.startTime) : null;
         }).filter((value) => value !== null);
       }) : [];
       if (dayStartCandidates.length > 0) {
@@ -89103,12 +89681,12 @@ var PlantHeadView = () => {
     const minutes = earliestMinutes % 60;
     return `${hours.toString().padStart(2, "0")}:${minutes.toString().padStart(2, "0")}`;
   }, [appTimezone, resolvedTrendMode, scopedLineIds, shiftConfigMap, staticShiftConfig]);
-  const isShiftScopeResolved = React146__default.useMemo(
+  const isShiftScopeResolved = React147__default.useMemo(
     () => !isShiftConfigLoading,
     [isShiftConfigLoading]
   );
-  const initializedTimezoneRef = React146__default.useRef(appTimezone);
-  React146__default.useEffect(() => {
+  const initializedTimezoneRef = React147__default.useRef(appTimezone);
+  React147__default.useEffect(() => {
     if (initializedTimezoneRef.current === appTimezone) return;
     hasAutoInitializedScopeRef.current = false;
     hasUserAdjustedScopeRef.current = false;
@@ -89121,7 +89699,7 @@ var PlantHeadView = () => {
     setIsInitialScopeReady(false);
     initializedTimezoneRef.current = appTimezone;
   }, [appTimezone, fallbackOperationalDate]);
-  React146__default.useEffect(() => {
+  React147__default.useEffect(() => {
     if (hasAutoInitializedScopeRef.current || hasUserAdjustedScopeRef.current) {
       return;
     }
@@ -89146,7 +89724,7 @@ var PlantHeadView = () => {
     hasAutoInitializedScopeRef.current = true;
     setIsInitialScopeReady(true);
   }, [fallbackOperationalDate, isShiftScopeResolved, resolvedOperationalToday, scopedLineIds.length]);
-  const handleDateRangeChange = React146__default.useCallback((range, meta) => {
+  const handleDateRangeChange = React147__default.useCallback((range, meta) => {
     hasUserAdjustedScopeRef.current = true;
     setIsInitialScopeReady(true);
     trackCoreEvent("Operations Overview Date Range Changed", {
@@ -89164,12 +89742,12 @@ var PlantHeadView = () => {
       return previous;
     });
   }, []);
-  const handleTrendModeChange = React146__default.useCallback((mode) => {
+  const handleTrendModeChange = React147__default.useCallback((mode) => {
     hasUserAdjustedScopeRef.current = true;
     setIsInitialScopeReady(true);
     setTrendMode(mode);
   }, []);
-  const handleSelectedLineIdsChange = React146__default.useCallback((lineIds) => {
+  const handleSelectedLineIdsChange = React147__default.useCallback((lineIds) => {
     setSelectedSupervisorId("all");
     if (normalizedLineIds.length === 0) {
       setSelectedLineIds([]);
@@ -89180,10 +89758,10 @@ var PlantHeadView = () => {
     const next = normalizedLineIds.filter((lineId) => selectedSet.has(lineId));
     setSelectedLineIds(next.length > 0 ? next : normalizedLineIds);
   }, [normalizedLineIds]);
-  const handleSelectedSupervisorIdChange = React146__default.useCallback((supervisorId) => {
+  const handleSelectedSupervisorIdChange = React147__default.useCallback((supervisorId) => {
     setSelectedSupervisorId(supervisorId);
   }, []);
-  const buildLineMonthlyHistoryUrl = React146__default.useCallback((lineId) => {
+  const buildLineMonthlyHistoryUrl = React147__default.useCallback((lineId) => {
     const rangeStartDate = parseDateKeyToDate(dateRange.startKey);
     const params = new URLSearchParams();
     params.set("tab", "monthly_history");
@@ -89193,15 +89771,15 @@ var PlantHeadView = () => {
     params.set("rangeEnd", dateRange.endKey);
     return `/kpis/${lineId}?${params.toString()}`;
   }, [dateRange.endKey, dateRange.startKey]);
-  const handleViewAllPoorestPerformers = React146__default.useCallback(() => {
+  const handleViewAllPoorestPerformers = React147__default.useCallback(() => {
     trackCoreEvent("Operations Overview View All Clicked", { section: "poorest_performers" });
     navigate("/kpis?tab=leaderboard");
   }, [navigate]);
-  const handleViewAllImprovements = React146__default.useCallback(() => {
+  const handleViewAllImprovements = React147__default.useCallback(() => {
     trackCoreEvent("Operations Overview View All Clicked", { section: "improvements" });
     navigate("/improvement-center");
   }, [navigate]);
-  const handleOpenImprovement = React146__default.useCallback((item) => {
+  const handleOpenImprovement = React147__default.useCallback((item) => {
     trackCoreEvent("Operations Overview Improvement Clicked", {
       issue_id: item.issueId,
       issue_number: item.issueNumber,
@@ -89212,13 +89790,13 @@ var PlantHeadView = () => {
     });
     navigate(`/improvement-center?${params.toString()}`);
   }, [navigate]);
-  const comparisonStrategy = React146__default.useMemo(() => {
+  const comparisonStrategy = React147__default.useMemo(() => {
     if (usesThisWeekComparison && isCurrentWeekToDateRange) {
       return "previous_full_week";
     }
     return void 0;
   }, [isCurrentWeekToDateRange, usesThisWeekComparison]);
-  const effectiveDateRange = React146__default.useMemo(() => {
+  const effectiveDateRange = React147__default.useMemo(() => {
     if (isInitialScopeReady) {
       return dateRange;
     }
@@ -89228,11 +89806,11 @@ var PlantHeadView = () => {
       endKey: nextStartKey
     };
   }, [dateRange, fallbackOperationalDate, isInitialScopeReady, resolvedOperationalToday]);
-  const effectiveTrendMode = React146__default.useMemo(
+  const effectiveTrendMode = React147__default.useMemo(
     () => resolvedTrendMode,
     [resolvedTrendMode]
   );
-  const hasActiveSelectedShiftLine = React146__default.useMemo(
+  const hasActiveSelectedShiftLine = React147__default.useMemo(
     () => activeLineShiftStates.some((shift) => {
       if (shift.date !== resolvedOperationalToday) return false;
       if (effectiveTrendMode === "all") return true;
@@ -89244,7 +89822,7 @@ var PlantHeadView = () => {
     }),
     [activeLineShiftStates, effectiveTrendMode, resolvedOperationalToday]
   );
-  const activeLiveShiftName = React146__default.useMemo(
+  const activeLiveShiftName = React147__default.useMemo(
     () => {
       if (effectiveTrendMode === "all") return null;
       const matchingShift = activeLineShiftStates.find((shift) => {
@@ -89259,17 +89837,17 @@ var PlantHeadView = () => {
     },
     [activeLineShiftStates, effectiveTrendMode, resolvedOperationalToday]
   );
-  const hourlyLabelStartTime = React146__default.useMemo(() => {
+  const hourlyLabelStartTime = React147__default.useMemo(() => {
     if (scopedLineIds.length === 0) {
       return null;
     }
     return hourlyWindowStartTime;
   }, [hourlyWindowStartTime, scopedLineIds.length]);
-  const isSingleDayScope = React146__default.useMemo(
+  const isSingleDayScope = React147__default.useMemo(
     () => effectiveDateRange.startKey === effectiveDateRange.endKey,
     [effectiveDateRange.endKey, effectiveDateRange.startKey]
   );
-  const isLiveScope = React146__default.useMemo(
+  const isLiveScope = React147__default.useMemo(
     () => isSingleDayScope && effectiveDateRange.startKey === resolvedOperationalToday && hasActiveSelectedShiftLine,
     [
       effectiveDateRange.startKey,
@@ -89279,7 +89857,7 @@ var PlantHeadView = () => {
       resolvedOperationalToday
     ]
   );
-  const handleOpenLineDetails = React146__default.useCallback((line) => {
+  const handleOpenLineDetails = React147__default.useCallback((line) => {
     trackCoreEvent("Operations Overview Line Clicked", {
       line_id: line.rowType === "line" ? line.id : null,
       line_name: line.name,
@@ -90103,4 +90681,4 @@ var RecentFlowSnapshotGrid = ({
   );
 };
 
-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, KPI_SIGNAL_LABELS, KPIsOverviewView_default as KPIsOverviewView, LINE_1_UUID, LINE_2_UUID, LargeOutputProgressChart, LeaderboardDetailView_default as LeaderboardDetailView, Legend5 as Legend, LineAssignmentDropdown, LineChart, LineHistoryCalendar, LineMonthlyHistory, LineMonthlyPdfGenerator, LineOvertakeNotificationManager, 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, ProductionPlanApiError, ProductionPlanView_default as ProductionPlanView, ProfileView_default as ProfileView, ROOT_DASHBOARD_EVENT_NAMES, RecentFlowSnapshotGrid, RegistryProvider, RoleBadge, S3ClipsSupabaseService as S3ClipsService, S3Service, SENTRY_HANDLED_EVENT_SESSION_LIMIT, SENTRY_HANDLED_EVENT_WINDOW_MS, SENTRY_QUOTA_STORAGE_KEY, SKUManagementView, SOPComplianceChart, SSEChatClient, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, SessionTracker, SessionTrackingContext, SessionTrackingProvider, SettingsPopup, ShiftDisplay_default as ShiftDisplay, ShiftsView_default as ShiftsView, SideNavBar, SignupWithInvitation, SilentErrorBoundary, SimpleOnboardingPopup, SingleVideoStream_default as SingleVideoStream, Skeleton, SubscriptionManager, SubscriptionManagerProvider, SupabaseProvider, SupervisorDropdown_default as SupervisorDropdown, SupervisorManagementView_default as SupervisorManagementView, SupervisorService, TargetWorkspaceGrid, TargetsView_default as TargetsView, TeamManagementView_default as TeamManagementView, ThreadSidebar, TicketHistory_default as TicketHistory, TicketHistoryService, TicketsView_default as TicketsView, TimeDisplay_default as TimeDisplay, TimePickerDropdown, Timer_default as Timer, TimezoneProvider, TimezoneService, UptimeDonutChart, UptimeLineChart, UptimeMetricCards, UserAvatar, UserManagementService, UserManagementTable, UserService, UserUsageDetailModal, UserUsageStats, VideoCard, VideoGridView, VideoPlayer, VideoPreloader, WORKSPACE_POSITIONS, WhatsAppShareButton, WorkspaceCard, WorkspaceCycleTimeMetricCards, WorkspaceDetailView_default as WorkspaceDetailView, WorkspaceDisplayNameExample, WorkspaceGrid, WorkspaceGridItem, WorkspaceHealthCard, WorkspaceHealthView_default as WorkspaceHealthView, WorkspaceHistoryCalendar, WorkspaceMetricCards, WorkspaceMetricCardsImpl, WorkspaceMonthlyDataFetcher, WorkspaceMonthlyHistory, WorkspaceMonthlyPdfGenerator, WorkspacePdfExportButton, WorkspacePdfGenerator, WorkspaceWhatsAppShareButton, actionService, addSentryBreadcrumb, aggregateKPIsFromLineMetricsRows, aggregateLineSignals, alertsService, apiUtils, areAllLinesOnSameShift, authCoreService, authOTPService, authRateLimitService, awardsService, buildDateKey, buildKPIsFromLineMetricsRow, buildKpiLineHierarchy, buildLegacyLineOvertakeEventKey, buildLineLeaderboardRows, buildLineOvertakeEventKey, buildLineSkuBreakdown, buildShiftGroupsKey, canPermissionEditProductionPlan, canRoleAccessDashboardPath, canRoleAccessTeamManagement, canRoleAssignFactories, canRoleAssignLines, canRoleChangeRole, canRoleEditProductionPlan, canRoleInviteRole, canRoleManageCompany, canRoleManageTargets, canRoleManageUsers, canRoleRemoveUser, canRoleViewClipsCost, canRoleViewUsageStats, captureHandledFrontendException, captureSentryException, captureSentryMessage, checkRateLimit2 as checkRateLimit, clearAllRateLimits2 as clearAllRateLimits, clearRateLimit2 as clearRateLimit, clearS3VideoCache, clearS3VideoFromCache, clearSentryContext, clearWorkspaceDisplayNamesCache, cn, combineLineMetricsRows, countRealSkus, createDefaultKPIs, createInvitationService, createLinesService, createSessionTracker, createStorageService, createStreamProxyHandler, createSupabaseClient, createSupervisorService, createThrottledReload, createUserManagementService, createUserService, dashboardService, deleteThread, detectLineOvertakeEvents, fetchIdleTimeReasons, fetchLineDummySkuId, fetchLineSkuCatalog, filterDataByDateKeyRange, filterRealSkuBreakdown, forceRefreshWorkspaceDisplayNames, formatAwardMonth, formatDateInZone, formatDateKeyForDisplay, formatDateTimeInZone, formatDuration2 as formatDuration, formatISTDate, formatIdleTime, formatRangeLabel, formatReasonLabel, formatRelativeTime, formatTimeInZone, fromUrlFriendlyName, getActionDisplayName, getActiveShift, getAllLineDisplayNames, getAllThreadMessages, getAllWorkspaceDisplayNamesAsync, getAllWorkspaceDisplayNamesSnapshot, getAnonClient, getAssignableRoles, getAssignmentColumnLabel, getAvailableShiftIds, getAwardBadgeType, getAwardDescription, getAwardTitle, getBrowserName, getCameraNumber, getCompanyMetricsTableName, getConfigurableShortWorkspaceDisplayName, getConfigurableWorkspaceDisplayName, getConfiguredLineIds, getCoreSessionRecordingProperties, getCoreSessionReplayUrl, getCurrentShift, getCurrentShiftForLine, getCurrentTimeInZone, getCurrentWeekFullRange, getCurrentWeekToDateRange, getDashboardHeaderTimeInZone, getDateKeyFromDate, getDateKeyFromValue, getDayDateKey, getDaysDifferenceInZone, getDefaultCameraStreamUrl, getDefaultLineId, getDefaultTabForWorkspace, getInitials, getKpiSignalLabel, getKpiSignalStatus, getLineDisplayName, getManufacturingInsights, getMetricsTablePrefix, getMonthKeyBounds, getMonthWeekRanges, getMonthlyTrendComparisonLabel, getNextUpdateInterval, getOperationalDate, getRoleAssignmentKind, getRoleDescription, getRoleLabel, getRoleMetadata, getRoleNavPaths, getS3SignedUrl, getS3VideoSrc, getShiftData, getShiftNameById, getShiftWorkDurationSeconds, getShortShiftName, getShortWorkspaceDisplayName, getShortWorkspaceDisplayNameAsync, getStoredWorkspaceMappings, getSubscriptionManager, getThreadMessages, getUniformShiftGroup, getUserThreads, getUserThreadsPaginated, getVisibleRolesForCurrentUser, getWorkspaceDisplayName, getWorkspaceDisplayNameAsync, getWorkspaceDisplayNamesMap, getWorkspaceFromUrl, getWorkspaceNavigationParams, groupLinesByShift, hasAnyShiftData, identifyCoreUser, initializeCoreMixpanel, isEfficiencyOnTrack, isFactoryScopedRole, isFullMonthRange, isIgnorableFrontendError, isLegacyConfiguration, isLoopbackHostname, isPrefetchError, isRealSku, isRecentFlowVideoGridMetricMode, isSafari, isSupervisorRole, isTransitionPeriod, isUrlPermanentlyFailed, isValidFactoryViewConfiguration, isValidLineInfoPayload, isValidPrefetchParams, isValidPrefetchStatus, isValidWorkspaceDetailedMetricsPayload, isValidWorkspaceMetricsPayload, isWipGatedVideoGridMetricMode, isWorkspaceDisplayNamesLoaded, isWorkspaceDisplayNamesLoading, lineLeaderboardService, linesService, mergeWithDefaultConfig, migrateLegacyConfiguration, normalizeActionFamily, normalizeDateKeyRange, normalizeDateKeyRangeUnbounded, normalizeRoleLevel, normalizeVideoGridMetricMode, optifyeAgentClient, parseDateKeyToDate, parseS3Uri, pickPreferredLineMetricsRow, preInitializeWorkspaceDisplayNames, preloadS3Video, preloadS3VideoUrl, preloadS3VideosUrl, preloadVideoUrl, preloadVideosUrl, productionPlanService, qualityService, realtimeService, refreshWorkspaceDisplayNames, resetCoreMixpanel, resetFailedUrl, resetSentryQuotaForTests, resetSubscriptionManager, resolveDefaultSkuId, resolveLiveSkuId, s3VideoPreloader, selectPreferredLineMetricsRow, setSentryUserContext, setSentryWorkspaceContext, shouldEnableLocalDevTestLogin, shuffleArray, simulateApiDelay, skuService, startCoreSessionRecording, stopCoreSessionRecording, storeWorkspaceMapping, streamProxyConfig, subscribeWorkspaceDisplayNames, throttledReloadDashboard, toUrlFriendlyName, trackCoreEvent, trackCorePageView, transformToChartData, updateThreadTitle, upsertWorkspaceDisplayNameInCache, useAccessControl, useActiveBreaks, useActiveLineId, useAllWorkspaceMetrics, useAnalyticsConfig, useAppTimezone, useAudioService, useAuth, useAuthConfig, useAxelNotifications, useCanSaveTargets, useClipFilter, useClipTypes, useClipTypesWithCounts, useClipsInit, useCompanyClipsCost, useCompanyFastSlowClipFiltersEnabled, useCompanyHasVlmEnabledLine, useCompanyUsersUsage, useComponentOverride, useCustomConfig, useDashboardConfig, useDashboardMetrics, useDatabaseConfig, useDateFormatter, useDateTimeConfig, useDynamicShiftConfig, useEndpointsConfig, useEntityConfig, useFactoryOverviewMetrics, useFeatureFlags, useFormatNumber, useHasLineAccess, useHideMobileHeader, useHistoricWorkspaceMetrics, useHlsStream, useHlsStreamWithCropping, useHookOverride, useHourEndTimer, useHourlyTargetAchievements, useHourlyTargetMisses, useIdleTimeClipClassifications, useIdleTimeReasons, useIdleTimeVlmConfig, useKpiTrends, useLeaderboardMetrics, useLineDetailedMetrics, useLineKPIs, useLineMetrics, useLineShiftConfig, useLineSupervisor, useLineWorkspaceMetrics, useLines, useMessages, useMetrics, useMobileMenu, useMonthlyTrend, useMultiLineShiftConfigs, useNavigation, useOperationalShiftKey, useOptionalSupabase, useOverrides, usePageOverride, usePrefetchClipCounts, useRealtimeLineMetrics, useRegistry, useSKUs, useSessionKeepAlive, useSessionTracking, useSessionTrackingContext, useShiftConfig, useShiftGroups, useShifts, useSubscriptionManager, useSubscriptionManagerSafe, useSupabase, useSupabaseClient, useSupervisorsByLineIds, useTargets, useTeamManagementPermissions, useTheme, useThemeConfig, useThreads, useTicketHistory, useTimezoneContext, useUserLineAccess, useUserUsage, useVideoConfig, useWorkspaceConfig, useWorkspaceDetailedMetrics, useWorkspaceDisplayName, useWorkspaceDisplayNames, useWorkspaceDisplayNamesMap, useWorkspaceHealthById, useWorkspaceHealthLastSeen, useWorkspaceHealthStatus, useWorkspaceMetrics, useWorkspaceNavigation, useWorkspaceOperators, useWorkspaceUptimeTimeline, useWorkspaceVideoStreams, userService, videoPrefetchManager, videoPreloader, weeklyTopPerformerService, whatsappService, withAccessControl, withAuth, withRegistry, withTimezone, workspaceHealthService, workspaceService };
+export { ACTION_FAMILIES, ACTION_NAMES, AIAgentView_default as AIAgentView, AcceptInvite, AcceptInviteView_default as AcceptInviteView, AdvancedFilterDialog, AdvancedFilterPanel, AudioService, AuthCallback, AuthCallbackView_default as AuthCallbackView, AuthProvider, AuthService, AuthenticatedBottleneckClipsView, AuthenticatedFactoryView, AuthenticatedHelpView, AuthenticatedHomeView, AuthenticatedShiftsView, AuthenticatedTargetsView, AuthenticatedTicketsView, AuthenticatedWorkspaceHealthView, AvatarUpload, AxelNotificationPopup, AxelOrb, BackButton, BackButtonMinimal, BarChart, BaseHistoryCalendar, BottleneckClipsModal, BottleneckClipsView_default as BottleneckClipsView, BottlenecksContent, BreakNotificationPopup, CachePrefetchStatus, Card2 as Card, CardContent2 as CardContent, CardDescription2 as CardDescription, CardFooter2 as CardFooter, CardHeader2 as CardHeader, CardTitle2 as CardTitle, ChangeRoleDialog, ClipFilterProvider, ClipsCostView_default as ClipsCostView, CompactWorkspaceHealthCard, ConfirmRemoveUserDialog, CongratulationsOverlay, CroppedHlsVideoPlayer, CroppedVideoPlayer, CycleTimeChart, CycleTimeOverTimeChart, DEFAULT_ANALYTICS_CONFIG, DEFAULT_AUTH_CONFIG, DEFAULT_CONFIG, DEFAULT_DATABASE_CONFIG, DEFAULT_DATE_TIME_CONFIG, DEFAULT_ENDPOINTS_CONFIG, DEFAULT_ENTITY_CONFIG, DEFAULT_HOME_VIEW_CONFIG, DEFAULT_MAP_VIEW_CONFIG, DEFAULT_SHIFT_CONFIG, DEFAULT_SHIFT_DATA, DEFAULT_THEME_CONFIG, DEFAULT_VIDEO_CONFIG, DEFAULT_WORKSPACE_CONFIG, DEFAULT_WORKSPACE_POSITIONS, DashboardHeader, DashboardLayout, DashboardOverridesProvider, DashboardProvider, DateDisplay_default as DateDisplay, DateTimeDisplay, DebugAuth, DebugAuthView_default as DebugAuthView, DetailedHealthStatus, DiagnosisVideoModal, EFFICIENCY_ON_TRACK_THRESHOLD, EmptyStateMessage, EncouragementOverlay, FactoryAssignmentDropdown, FactoryView_default as FactoryView, FileManagerFilters, FilterDialogTrigger, FirstTimeLoginDebug, FirstTimeLoginHandler, FittingTitle, GaugeChart, GridComponentsPlaceholder, HamburgerButton, Header, HealthDateShiftSelector, HealthStatusGrid, HealthStatusIndicator, HelpView_default as HelpView, HlsVideoPlayer, HomeView_default as HomeView, HourlyOutputChart2 as HourlyOutputChart, HourlyUptimeChart, ISTTimer_default as ISTTimer, IdleTimeVlmConfigProvider, ImprovementCenterView_default as ImprovementCenterView, InlineEditableText, InteractiveOnboardingTour, InvitationService, InvitationsTable, InviteUserDialog, KPICard, KPIDetailView_default as KPIDetailView, KPIGrid, KPIHeader, KPISection, KPI_SIGNAL_LABELS, KPIsOverviewView_default as KPIsOverviewView, LINE_1_UUID, LINE_2_UUID, LargeOutputProgressChart, LeaderboardDetailView_default as LeaderboardDetailView, Legend5 as Legend, LineAssignmentDropdown, LineChart, LineHistoryCalendar, LineMonthlyHistory, LineMonthlyPdfGenerator, LineOvertakeNotificationManager, 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, ProductionPlanApiError, ProductionPlanView_default as ProductionPlanView, ProfileView_default as ProfileView, ROOT_DASHBOARD_EVENT_NAMES, RecentFlowSnapshotGrid, RegistryProvider, RoleBadge, S3ClipsSupabaseService as S3ClipsService, S3Service, SENTRY_HANDLED_EVENT_SESSION_LIMIT, SENTRY_HANDLED_EVENT_WINDOW_MS, SENTRY_QUOTA_STORAGE_KEY, SKUManagementView, SOPComplianceChart, SSEChatClient, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, SessionTracker, SessionTrackingContext, SessionTrackingProvider, SettingsPopup, ShiftDisplay_default as ShiftDisplay, ShiftsView_default as ShiftsView, SideNavBar, SignupWithInvitation, SilentErrorBoundary, SimpleOnboardingPopup, SingleVideoStream_default as SingleVideoStream, Skeleton, SubscriptionManager, SubscriptionManagerProvider, SupabaseProvider, SupervisorDropdown_default as SupervisorDropdown, SupervisorManagementView_default as SupervisorManagementView, SupervisorService, TargetWorkspaceGrid, TargetsView_default as TargetsView, TeamManagementView_default as TeamManagementView, ThreadSidebar, TicketHistory_default as TicketHistory, TicketHistoryService, TicketsView_default as TicketsView, TimeDisplay_default as TimeDisplay, TimePickerDropdown, Timer_default as Timer, TimezoneProvider, TimezoneService, UptimeDonutChart, UptimeLineChart, UptimeMetricCards, UserAvatar, UserManagementService, UserManagementTable, UserService, UserUsageDetailModal, UserUsageStats, VideoCard, VideoGridView, VideoPlayer, VideoPreloader, WORKSPACE_POSITIONS, WhatsAppShareButton, WorkspaceCard, WorkspaceCycleTimeMetricCards, WorkspaceDetailView_default as WorkspaceDetailView, WorkspaceDisplayNameExample, WorkspaceGrid, WorkspaceGridItem, WorkspaceHealthCard, WorkspaceHealthView_default as WorkspaceHealthView, WorkspaceHistoryCalendar, WorkspaceMetricCards, WorkspaceMetricCardsImpl, WorkspaceMonthlyDataFetcher, WorkspaceMonthlyHistory, WorkspaceMonthlyPdfGenerator, WorkspacePdfExportButton, WorkspacePdfGenerator, WorkspaceWhatsAppShareButton, actionService, addSentryBreadcrumb, aggregateKPIsFromLineMetricsRows, aggregateLineSignals, alertsService, apiUtils, areAllLinesOnSameShift, authCoreService, authOTPService, authRateLimitService, awardsService, buildDateKey, buildKPIsFromLineMetricsRow, buildKpiLineHierarchy, buildLegacyLineOvertakeEventKey, buildLineLeaderboardRows, buildLineOvertakeEventKey, buildLineSkuBreakdown, buildShiftGroupsKey, canPermissionEditProductionPlan, canRoleAccessDashboardPath, canRoleAccessTeamManagement, canRoleAssignFactories, canRoleAssignLines, canRoleChangeRole, canRoleEditProductionPlan, canRoleInviteRole, canRoleManageCompany, canRoleManageTargets, canRoleManageUsers, canRoleRemoveUser, canRoleViewClipsCost, canRoleViewUsageStats, captureHandledFrontendException, captureSentryException, captureSentryMessage, checkRateLimit2 as checkRateLimit, clearAllRateLimits2 as clearAllRateLimits, clearRateLimit2 as clearRateLimit, clearS3VideoCache, clearS3VideoFromCache, clearSentryContext, clearWorkspaceDisplayNamesCache, cn, combineLineMetricsRows, countRealSkus, createDefaultKPIs, createInvitationService, createLinesService, createSessionTracker, createStorageService, createStreamProxyHandler, createSupabaseClient, createSupervisorService, createThrottledReload, createUserManagementService, createUserService, dashboardService, deleteThread, detectLineOvertakeEvents, fetchIdleTimeReasons, fetchLineDummySkuId, fetchLineSkuCatalog, filterDataByDateKeyRange, filterRealSkuBreakdown, forceRefreshWorkspaceDisplayNames, formatAwardMonth, formatDateInZone, formatDateKeyForDisplay, formatDateTimeInZone, formatDuration2 as formatDuration, formatISTDate, formatIdleTime, formatRangeLabel, formatReasonLabel, formatRelativeTime, formatTimeInZone, fromUrlFriendlyName, getActionDisplayName, getActiveShift, getAllLineDisplayNames, getAllThreadMessages, getAllWorkspaceDisplayNamesAsync, getAllWorkspaceDisplayNamesSnapshot, getAnonClient, getAssignableRoles, getAssignmentColumnLabel, getAvailableShiftIds, getAwardBadgeType, getAwardDescription, getAwardTitle, getBrowserName, getCameraNumber, getCompanyMetricsTableName, getConfigurableShortWorkspaceDisplayName, getConfigurableWorkspaceDisplayName, getConfiguredLineIds, getCoreSessionRecordingProperties, getCoreSessionReplayUrl, getCurrentShift, getCurrentShiftForLine, getCurrentTimeInZone, getCurrentWeekFullRange, getCurrentWeekToDateRange, getDashboardHeaderTimeInZone, getDateKeyFromDate, getDateKeyFromValue, getDayDateKey, getDaysDifferenceInZone, getDefaultCameraStreamUrl, getDefaultLineId, getDefaultTabForWorkspace, getInitials, getKpiSignalLabel, getKpiSignalStatus, getLineDisplayName, getManufacturingInsights, getMetricsTablePrefix, getMonthKeyBounds, getMonthWeekRanges, getMonthlyTrendComparisonLabel, getNextUpdateInterval, getOperationalDate, getRoleAssignmentKind, getRoleDescription, getRoleLabel, getRoleMetadata, getRoleNavPaths, getS3SignedUrl, getS3VideoSrc, getShiftData, getShiftNameById, getShiftWorkDurationSeconds, getShortShiftName, getShortWorkspaceDisplayName, getShortWorkspaceDisplayNameAsync, getStoredWorkspaceMappings, getSubscriptionManager, getThreadMessages, getUniformShiftGroup, getUserThreads, getUserThreadsPaginated, getVisibleRolesForCurrentUser, getWorkspaceDisplayName, getWorkspaceDisplayNameAsync, getWorkspaceDisplayNamesMap, getWorkspaceFromUrl, getWorkspaceNavigationParams, groupLinesByShift, hasAnyShiftData, identifyCoreUser, initializeCoreMixpanel, isEfficiencyOnTrack, isFactoryScopedRole, isFullMonthRange, isIgnorableFrontendError, isLegacyConfiguration, isLoopbackHostname, isPrefetchError, isRealSku, isRecentFlowVideoGridMetricMode, isSafari, isSupervisorRole, isTransitionPeriod, isUrlPermanentlyFailed, isValidFactoryViewConfiguration, isValidLineInfoPayload, isValidPrefetchParams, isValidPrefetchStatus, isValidWorkspaceDetailedMetricsPayload, isValidWorkspaceMetricsPayload, isWipGatedVideoGridMetricMode, isWorkspaceDisplayNamesLoaded, isWorkspaceDisplayNamesLoading, lineLeaderboardService, linesService, mergeWithDefaultConfig, migrateLegacyConfiguration, normalizeActionFamily, normalizeDateKeyRange, normalizeDateKeyRangeUnbounded, normalizeRoleLevel, normalizeVideoGridMetricMode, optifyeAgentClient, parseDateKeyToDate, parseS3Uri, pickPreferredLineMetricsRow, preInitializeWorkspaceDisplayNames, preloadS3Video, preloadS3VideoUrl, preloadS3VideosUrl, preloadVideoUrl, preloadVideosUrl, productionPlanService, qualityService, realtimeService, refreshWorkspaceDisplayNames, resetCoreMixpanel, resetFailedUrl, resetSentryQuotaForTests, resetSubscriptionManager, resolveDefaultSkuId, resolveLiveSkuId, s3VideoPreloader, selectPreferredLineMetricsRow, setSentryUserContext, setSentryWorkspaceContext, shouldEnableLocalDevTestLogin, shuffleArray, simulateApiDelay, skuService, startCoreSessionRecording, stopCoreSessionRecording, storeWorkspaceMapping, streamProxyConfig, subscribeWorkspaceDisplayNames, throttledReloadDashboard, toUrlFriendlyName, trackCoreEvent, trackCorePageView, transformToChartData, updateThreadTitle, upsertWorkspaceDisplayNameInCache, useAccessControl, useActiveBreaks, useActiveLineId, useAllWorkspaceMetrics, useAnalyticsConfig, useAppTimezone, useAudioService, useAuth, useAuthConfig, useAxelNotifications, useCanSaveTargets, useClipFilter, useClipTypes, useClipTypesWithCounts, useClipsInit, useCompanyClipsCost, useCompanyFastSlowClipFiltersEnabled, useCompanyHasVlmEnabledLine, useCompanyUsersUsage, useComponentOverride, useCustomConfig, useDashboardConfig, useDashboardMetrics, useDatabaseConfig, useDateFormatter, useDateTimeConfig, useDynamicShiftConfig, useEndpointsConfig, useEntityConfig, useFactoryOverviewMetrics, useFeatureFlags, useFormatNumber, useHasLineAccess, useHideMobileHeader, useHistoricWorkspaceMetrics, useHlsStream, useHlsStreamWithCropping, useHookOverride, useHourEndTimer, useHourlyTargetAchievements, useHourlyTargetMisses, useIdleTimeClipClassifications, useIdleTimeReasons, useIdleTimeVlmConfig, useKpiTrends, useLeaderboardMetrics, useLineDetailedMetrics, useLineKPIs, useLineMetrics, useLineShiftConfig, useLineSupervisor, useLineWorkspaceMetrics, useLines, useMessages, useMetrics, useMobileMenu, useMonthlyTrend, useMultiLineShiftConfigs, useNavigation, useOperationalShiftKey, useOptionalSupabase, useOverrides, usePageOverride, usePrefetchClipCounts, useRealtimeLineMetrics, useRegistry, useSKUs, useSessionKeepAlive, useSessionTracking, useSessionTrackingContext, useShiftConfig, useShiftGroups, useShifts, useSubscriptionManager, useSubscriptionManagerSafe, useSupabase, useSupabaseClient, useSupervisorsByLineIds, useTargets, useTeamManagementPermissions, useTheme, useThemeConfig, useThreads, useTicketHistory, useTimezoneContext, useUserLineAccess, useUserUsage, useVideoConfig, useWorkspaceConfig, useWorkspaceDetailedMetrics, useWorkspaceDisplayName, useWorkspaceDisplayNames, useWorkspaceDisplayNamesMap, useWorkspaceHealthById, useWorkspaceHealthLastSeen, useWorkspaceHealthStatus, useWorkspaceHourSummary, useWorkspaceMetrics, useWorkspaceNavigation, useWorkspaceOperators, useWorkspaceUptimeTimeline, useWorkspaceVideoStreams, userService, videoPrefetchManager, videoPreloader, weeklyTopPerformerService, whatsappService, withAccessControl, withAuth, withRegistry, withTimezone, workspaceHealthService, workspaceService };