@optifye/dashboard-core 6.0.9 → 6.1.0

package/dist/index.mjs

@@ -12,7 +12,7 @@ import { noop, warning, invariant, progress, secondsToMilliseconds, milliseconds
 import { getValueTransition, hover, press, isPrimaryPointer, GroupPlaybackControls, setDragLock, supportsLinearEasing, attachTimeline, isGenerator, calcGeneratorDuration, isWaapiSupportedEasing, mapEasingToNativeEasing, maxGeneratorDuration, generateLinearEasing, isBezierDefinition } from 'motion-dom';
 import { BarChart as BarChart$1, CartesianGrid, XAxis, YAxis, Tooltip, Legend, Bar, LabelList, ResponsiveContainer, LineChart as LineChart$1, Line, PieChart, Pie, Cell, ReferenceLine, ComposedChart, Area, ScatterChart, Scatter } from 'recharts';
 import { Slot } from '@radix-ui/react-slot';
-import { Camera, ChevronDown, ChevronUp, Check, ShieldCheck, Star, Award, X, Coffee, Plus, Clock, Minus, ArrowDown, ArrowUp, Search, CheckCircle, AlertTriangle, Info, Share2, Download, User, XCircle, ChevronLeft, ChevronRight, AlertCircle, Sun, Moon, MessageSquare, Trash2, ArrowLeft, RefreshCw, Menu, Send, Copy, Edit2, UserCheck, Save, LogOut, Calendar, Package, Settings, LifeBuoy, ArrowLeftIcon as ArrowLeftIcon$1, Settings2, CheckCircle2, EyeOff, Eye, Zap, UserCircle } from 'lucide-react';
+import { Camera, ChevronDown, ChevronUp, Check, ShieldCheck, Star, Award, X, Coffee, Plus, Clock, Minus, ArrowDown, ArrowUp, Search, CheckCircle, AlertTriangle, Info, Share2, Download, User, XCircle, ChevronLeft, ChevronRight, AlertCircle, Sun, Moon, MessageSquare, Trash2, ArrowLeft, RefreshCw, Menu, Send, Copy, Edit2, UserCheck, Save, LogOut, Calendar, Package, Settings, LifeBuoy, EyeOff, Eye, Zap, UserCircle, ArrowLeftIcon as ArrowLeftIcon$1, Settings2, CheckCircle2 } from 'lucide-react';
 import { DayPicker, useNavigation as useNavigation$1 } from 'react-day-picker';
 import html2canvas from 'html2canvas';
 import jsPDF, { jsPDF as jsPDF$1 } from 'jspdf';
@@ -4987,34 +4987,6 @@ var useWorkspaceOperators = (workspaceId, options) => {
     refetch: fetchData
   };
 };
-
-// src/lib/utils/dashboardReload.ts
-var createThrottledReload = (interval = 5e3) => {
-  let last = 0;
-  let queued = false;
-  const doReload = () => {
-    if (typeof window !== "undefined") {
-      window.location.reload();
-    }
-  };
-  return () => {
-    const now2 = Date.now();
-    if (now2 - last >= interval) {
-      last = now2;
-      doReload();
-    } else if (!queued) {
-      queued = true;
-      setTimeout(() => {
-        queued = false;
-        last = Date.now();
-        doReload();
-      }, interval - (now2 - last));
-    }
-  };
-};
-var throttledReloadDashboard = createThrottledReload(5e3);
-
-// src/lib/hooks/useHlsStream.ts
 var HLS_CONFIG = {
   maxBufferLength: 8,
   maxMaxBufferLength: 15,
@@ -5033,7 +5005,35 @@ var HLS_CONFIG = {
   liveSyncDurationCount: 2
   // Follow live edge aggressively
 };
+var failedUrls = /* @__PURE__ */ new Map();
+var MAX_FAILURES_PER_URL = 3;
+var FAILURE_EXPIRY_MS = 5 * 60 * 1e3;
+function resetFailedUrl(url) {
+  if (failedUrls.has(url)) {
+    console.log(`[HLS] Manually resetting failed URL: ${url}`);
+    failedUrls.delete(url);
+  }
+}
+function isUrlPermanentlyFailed(url) {
+  const failure = failedUrls.get(url);
+  return failure?.permanentlyFailed || false;
+}
 function useHlsStream(videoRef, { src, shouldPlay, onFatalError }) {
+  const urlFailure = failedUrls.get(src);
+  const isPermanentlyFailed = urlFailure?.permanentlyFailed || false;
+  const cleanupFailedUrls = () => {
+    const now2 = Date.now();
+    const expiredUrls = [];
+    failedUrls.forEach((failure, url) => {
+      if (now2 - failure.timestamp > FAILURE_EXPIRY_MS) {
+        expiredUrls.push(url);
+      }
+    });
+    expiredUrls.forEach((url) => {
+      console.log(`[HLS] Removing expired failure entry for: ${url}`);
+      failedUrls.delete(url);
+    });
+  };
   const [restartKey, setRestartKey] = useState(0);
   const hlsRef = useRef(null);
   const stallCheckIntervalRef = useRef(null);
@@ -5103,14 +5103,33 @@ function useHlsStream(videoRef, { src, shouldPlay, onFatalError }) {
   };
   const hardRestart = (reason) => {
     console.warn(`[HLS] Hard restart: ${reason}`);
+    cleanupFailedUrls();
+    const failure = failedUrls.get(src);
+    const failureCount = failure ? failure.count : 0;
+    if (failureCount >= MAX_FAILURES_PER_URL) {
+      console.error(`[HLS] URL has failed ${failureCount} times. Marking as permanently failed: ${src}`);
+      failedUrls.set(src, {
+        count: failureCount,
+        timestamp: Date.now(),
+        permanentlyFailed: true
+      });
+      cleanup();
+      if (onFatalError) {
+        onFatalError();
+      }
+      return;
+    }
+    failedUrls.set(src, {
+      count: failureCount + 1,
+      timestamp: Date.now(),
+      permanentlyFailed: false
+    });
     cleanup();
     setRestartKey((k) => k + 1);
     softRestartCountRef.current = 0;
-    if (reason.includes("hard restart") || reason.includes("native video error")) {
+    if (reason.includes("404 hard restart")) {
       if (onFatalError) {
         onFatalError();
-      } else {
-        throttledReloadDashboard();
       }
     }
   };
@@ -5164,6 +5183,13 @@ function useHlsStream(videoRef, { src, shouldPlay, onFatalError }) {
     }, 7e3);
   };
   useEffect(() => {
+    if (isPermanentlyFailed) {
+      console.warn(`[HLS] URL is permanently failed, not attempting to load: ${src}`);
+      if (onFatalError) {
+        onFatalError();
+      }
+      return;
+    }
     if (!src || !shouldPlay) {
       cleanup();
       return;
@@ -5194,6 +5220,10 @@ function useHlsStream(videoRef, { src, shouldPlay, onFatalError }) {
         }
       });
       hls.on(Hls2.Events.MANIFEST_PARSED, () => {
+        if (failedUrls.has(src)) {
+          console.log(`[HLS] Stream loaded successfully, resetting failure count for: ${src}`);
+          failedUrls.delete(src);
+        }
         video.play().catch((err) => {
           console.error("[HLS] Play failed:", err);
         });
@@ -5212,7 +5242,7 @@ function useHlsStream(videoRef, { src, shouldPlay, onFatalError }) {
       console.error("[HLS] HLS not supported");
     }
     return cleanup;
-  }, [src, shouldPlay, restartKey, onFatalError]);
+  }, [src, shouldPlay, restartKey, onFatalError, isPermanentlyFailed]);
   return {
     restartKey,
     isNativeHls: isNativeHlsRef.current
@@ -6317,7 +6347,7 @@ function useNavigation(customNavigate) {
 }
 function useWorkspaceNavigation() {
   const { defaultTimezone } = useDateTimeConfig();
-  const getWorkspaceNavigationParams3 = useCallback(
+  const getWorkspaceNavigationParams2 = useCallback(
     (workspaceId, options) => {
       let dateToUse = options?.date;
       if (!dateToUse && options?.useCurrentDate) {
@@ -6333,7 +6363,7 @@ function useWorkspaceNavigation() {
     [defaultTimezone]
   );
   return {
-    getWorkspaceNavigationParams: getWorkspaceNavigationParams3
+    getWorkspaceNavigationParams: getWorkspaceNavigationParams2
   };
 }
 function useDateFormatter() {
@@ -9031,9 +9061,15 @@ var getStoredWorkspaceMappings = () => {
 var getDefaultTabForWorkspace = (workspaceId, displayName) => {
   return "overview";
 };
-var getWorkspaceNavigationParams = (workspaceId, displayName) => {
+var getWorkspaceNavigationParams = (workspaceId, displayName, lineId) => {
   const defaultTab = getDefaultTabForWorkspace();
-  return `?displayName=${encodeURIComponent(displayName)}&defaultTab=${defaultTab}`;
+  const params = new URLSearchParams();
+  params.set("displayName", displayName);
+  params.set("defaultTab", defaultTab);
+  if (lineId) {
+    params.set("lineId", lineId);
+  }
+  return `?${params.toString()}`;
 };
 
 // src/lib/utils/videoPreloader.ts
@@ -9354,6 +9390,115 @@ var clearS3VideoCache = () => {
 var preloadS3VideoUrl = s3VideoPreloader.preloadVideo;
 var preloadS3VideosUrl = s3VideoPreloader.preloadVideos;
 
+// src/lib/utils/dashboardReload.ts
+var reloadAttempts = [];
+var createThrottledReload = (interval = 5e3, maxReloads = 3) => {
+  const circuitBreakerWindow = 1e4;
+  const circuitBreakerThreshold = 5;
+  let last = 0;
+  let queued = false;
+  let reloadCount = 0;
+  let firstReloadTime = 0;
+  const resetWindow = 6e4;
+  const doReload = () => {
+    if (typeof window !== "undefined") {
+      const now2 = Date.now();
+      reloadAttempts.push(now2);
+      const cutoff = now2 - circuitBreakerWindow;
+      const recentAttempts = reloadAttempts.filter((t) => t > cutoff);
+      reloadAttempts.length = 0;
+      reloadAttempts.push(...recentAttempts);
+      if (recentAttempts.length >= circuitBreakerThreshold) {
+        console.error(`[Dashboard Reload] Circuit breaker triggered! ${recentAttempts.length} reload attempts in ${circuitBreakerWindow}ms`);
+        const errorDiv = document.createElement("div");
+        errorDiv.id = "reload-circuit-breaker";
+        errorDiv.style.cssText = `
+          position: fixed;
+          top: 20px;
+          left: 50%;
+          transform: translateX(-50%);
+          background: #dc2626;
+          color: white;
+          padding: 20px 32px;
+          border-radius: 12px;
+          z-index: 99999;
+          box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3);
+          font-family: system-ui, -apple-system, sans-serif;
+        `;
+        errorDiv.innerHTML = `
+          <div style="display: flex; align-items: center; gap: 16px;">
+            <svg width="24" height="24" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z"></path>
+            </svg>
+            <div>
+              <div style="font-weight: 600; font-size: 16px; margin-bottom: 4px;">Too many reload attempts detected</div>
+              <div style="font-size: 14px; opacity: 0.9;">Please check your network connection and refresh manually.</div>
+            </div>
+          </div>
+        `;
+        const existing = document.getElementById("reload-circuit-breaker");
+        if (existing) existing.remove();
+        document.body.appendChild(errorDiv);
+        return;
+      }
+      if (now2 - firstReloadTime > resetWindow) {
+        reloadCount = 0;
+        firstReloadTime = now2;
+      }
+      if (reloadCount === 0) {
+        firstReloadTime = now2;
+      }
+      reloadCount++;
+      if (reloadCount > maxReloads) {
+        console.error(`[Dashboard Reload] Maximum reload attempts (${maxReloads}) reached. Stopping to prevent infinite loop.`);
+        const errorDiv = document.createElement("div");
+        errorDiv.style.cssText = `
+          position: fixed;
+          top: 20px;
+          left: 50%;
+          transform: translateX(-50%);
+          background: #ef4444;
+          color: white;
+          padding: 16px 24px;
+          border-radius: 8px;
+          z-index: 9999;
+          box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
+        `;
+        errorDiv.innerHTML = `
+          <div style="display: flex; align-items: center; gap: 12px;">
+            <svg width="20" height="20" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path>
+            </svg>
+            <span>Stream connection failed. Please refresh the page manually.</span>
+          </div>
+        `;
+        document.body.appendChild(errorDiv);
+        setTimeout(() => {
+          document.body.removeChild(errorDiv);
+        }, 1e4);
+        return;
+      }
+      console.warn(`[Dashboard Reload] Reloading dashboard (attempt ${reloadCount}/${maxReloads})`);
+      window.location.reload();
+    }
+  };
+  return () => {
+    const now2 = Date.now();
+    if (now2 - last >= interval) {
+      last = now2;
+      doReload();
+    } else if (!queued) {
+      queued = true;
+      setTimeout(() => {
+        queued = false;
+        last = Date.now();
+        doReload();
+      }, interval - (now2 - last));
+    }
+  };
+};
+var throttledReloadDashboard = createThrottledReload(5e3, 3);
+
 // src/lib/utils/index.ts
 var formatIdleTime = (idleTimeInSeconds) => {
   if (!idleTimeInSeconds || idleTimeInSeconds <= 0) {
@@ -18640,6 +18785,7 @@ var VideoGridView = React19__default.memo(({
   const [gridRows, setGridRows] = useState(1);
   const [visibleWorkspaces, setVisibleWorkspaces] = useState(/* @__PURE__ */ new Set());
   const [cardDimensions, setCardDimensions] = useState({ width: 0, height: 0 });
+  const [failedStreams, setFailedStreams] = useState(/* @__PURE__ */ new Set());
   const videoConfig = useVideoConfig();
   const { cropping, canvasConfig, hlsUrls } = videoConfig;
   const mergedVideoSources = {
@@ -18791,9 +18937,17 @@ var VideoGridView = React19__default.memo(({
       action_count: workspace.action_count
     });
     const displayName = getWorkspaceDisplayName(workspace.workspace_name, workspace.line_id);
-    const navParams = getWorkspaceNavigationParams(workspaceId, displayName);
+    const navParams = getWorkspaceNavigationParams(workspaceId, displayName, workspace.line_id);
     router.push(`/workspace/${workspaceId}${navParams}`);
   }, [router]);
+  const handleStreamError = useCallback((workspaceId) => {
+    console.error(`[VideoGridView] Stream failed for workspace: ${workspaceId}`);
+    setFailedStreams((prev) => new Set(prev).add(workspaceId));
+    trackCoreEvent("Video Stream Error", {
+      workspace_id: workspaceId,
+      view_type: "video_grid"
+    });
+  }, []);
   return /* @__PURE__ */ jsx("div", { className: `relative overflow-hidden h-full w-full ${className}`, children: /* @__PURE__ */ jsx("div", { ref: containerRef, className: "h-full w-full p-2", children: /* @__PURE__ */ jsx(
     "div",
     {
@@ -18830,9 +18984,9 @@ var VideoGridView = React19__default.memo(({
               {
                 workspace,
                 hlsUrl: getWorkspaceHlsUrl(workspace.workspace_name, workspace.line_id),
-                shouldPlay: isVisible,
+                shouldPlay: isVisible && !failedStreams.has(workspaceId),
                 onClick: () => handleWorkspaceClick(workspace),
-                onFatalError: throttledReloadDashboard,
+                onFatalError: () => handleStreamError(workspaceId),
                 isVeryLowEfficiency,
                 cropping: workspaceCropping,
                 canvasFps: canvasConfig?.fps,
@@ -23999,7 +24153,7 @@ var WorkspaceGridItem = React19__default.memo(({
     e.preventDefault();
     if (isInactive) return;
     const displayName = getWorkspaceDisplayName(data.workspace_name, data.line_id);
-    const navParams = getWorkspaceNavigationParams(data.workspace_id, displayName);
+    const navParams = getWorkspaceNavigationParams(data.workspace_id, displayName, data.line_id);
     navigate(`/workspace/${data.workspace_id}${navParams}`, {
       trackingEvent: {
         name: "Workspace Detail Clicked",
@@ -28740,6 +28894,73 @@ function HomeView({
 }
 var AuthenticatedHomeView = withAuth(React19__default.memo(HomeView));
 var HomeView_default = HomeView;
+function withWorkspaceDisplayNames(Component3, options = {}) {
+  const {
+    showLoading = true,
+    loadingMessage = "Initializing workspace data...",
+    initializeFor = "all"
+  } = options;
+  return function WithWorkspaceDisplayNamesWrapper(props) {
+    const [isInitialized2, setIsInitialized] = useState(false);
+    const [error, setError] = useState(null);
+    useEffect(() => {
+      setIsInitialized(false);
+      setError(null);
+      const initializeDisplayNames = async () => {
+        try {
+          const { lineIds, selectedLineId, factoryViewId } = props;
+          let lineIdArray = [];
+          if (Array.isArray(lineIds)) {
+            lineIdArray = lineIds;
+          } else if (lineIds && typeof lineIds === "object") {
+            lineIdArray = Object.values(lineIds).filter((id3) => !!id3);
+          }
+          if (initializeFor === "specific" && selectedLineId) {
+            if (selectedLineId === factoryViewId && lineIdArray.length > 0) {
+              await Promise.all(
+                lineIdArray.map((lineId) => preInitializeWorkspaceDisplayNames(lineId))
+              );
+            } else {
+              await preInitializeWorkspaceDisplayNames(selectedLineId);
+            }
+          } else if (lineIdArray.length > 0) {
+            await Promise.all(
+              lineIdArray.map((lineId) => preInitializeWorkspaceDisplayNames(lineId))
+            );
+          } else {
+            await preInitializeWorkspaceDisplayNames();
+          }
+          setIsInitialized(true);
+        } catch (err) {
+          console.error("Failed to initialize workspace display names:", err);
+          setError(err);
+          setIsInitialized(true);
+        }
+      };
+      initializeDisplayNames();
+    }, [
+      Array.isArray(props.lineIds) ? props.lineIds.join(",") : JSON.stringify(props.lineIds),
+      props.selectedLineId,
+      props.factoryViewId,
+      initializeFor
+    ]);
+    if (!isInitialized2 && showLoading) {
+      return /* @__PURE__ */ jsx(LoadingPage, { message: loadingMessage });
+    }
+    if (error && showLoading) {
+      console.warn("Workspace display names initialization failed, proceeding anyway:", error);
+    }
+    return /* @__PURE__ */ jsx(Component3, { ...props });
+  };
+}
+var withAllWorkspaceDisplayNames = (Component3) => withWorkspaceDisplayNames(Component3, {
+  initializeFor: "all",
+  showLoading: true
+});
+var withSelectedLineDisplayNames = (Component3) => withWorkspaceDisplayNames(Component3, {
+  initializeFor: "specific",
+  showLoading: true
+});
 
 // src/views/kpi-detail-view.types.ts
 var pageVariants = {
@@ -28800,11 +29021,6 @@ var itemVariants = {
     }
   }
 };
-
-// src/lib/utils/navigation.ts
-function getWorkspaceNavigationParams2(workspaceUuid, displayName) {
-  return `?name=${encodeURIComponent(displayName || "")}`;
-}
 var formatLocalDate = (date) => {
   const options = {
     year: "numeric",
@@ -28920,7 +29136,7 @@ var BottomSection = memo(({
               }
               const clickHandler = () => handleWorkspaceClick(ws, index);
               const displayName = getWorkspaceDisplayName(ws.workspace_name, lineId);
-              const navParams = wsUuid ? getWorkspaceNavigationParams2(wsUuid, displayName) : "";
+              const navParams = wsUuid ? getWorkspaceNavigationParams(wsUuid, displayName, lineId) : "";
               const dateShiftParams = urlDate ? `&date=${urlDate}&shift=${urlShift || "0"}` : "";
               const returnToParam = `&returnTo=${encodeURIComponent(`/kpis/${lineInfo?.line_id}`)}`;
               const fullUrl = `/workspace/${wsUuid}${navParams}${dateShiftParams}${returnToParam}`;
@@ -28954,7 +29170,7 @@ var BottomSection = memo(({
               sortedByEfficiency.map((ws, index) => {
                 const clickHandler = () => handleWorkspaceClick(ws, index);
                 const displayName = getWorkspaceDisplayName(ws.workspace_name, lineId);
-                const navParams = ws.workspace_uuid ? getWorkspaceNavigationParams2(ws.workspace_uuid, displayName) : "";
+                const navParams = ws.workspace_uuid ? getWorkspaceNavigationParams(ws.workspace_uuid, displayName, lineId) : "";
                 const dateShiftParams = urlDate ? `&date=${urlDate}&shift=${urlShift || "0"}` : "";
                 const returnToParam = `&returnTo=${encodeURIComponent(`/kpis/${lineInfo?.line_id}`)}`;
                 const fullUrl = `/workspace/${ws.workspace_uuid}${navParams}${dateShiftParams}${returnToParam}`;
@@ -29569,7 +29785,8 @@ var KPIDetailView = ({
     ) }) })
   ] });
 };
-var KPIDetailView_default = KPIDetailView;
+var KPIDetailViewWithDisplayNames = withSelectedLineDisplayNames(KPIDetailView);
+var KPIDetailView_default = KPIDetailViewWithDisplayNames;
 var LineCard = ({ line, onClick }) => {
   const { kpis, isLoading, error } = useLineKPIs({ lineId: line.id });
   const isOnTrack = React19__default.useMemo(() => {
@@ -30059,7 +30276,7 @@ var LeaderboardDetailView = memo(({
       action_threshold: workspace.action_threshold
     });
     const displayName = getWorkspaceDisplayName(workspace.workspace_name, workspace.line_id);
-    const navParams = workspace.workspace_uuid ? getWorkspaceNavigationParams(workspace.workspace_uuid, displayName) : "";
+    const navParams = workspace.workspace_uuid ? getWorkspaceNavigationParams(workspace.workspace_uuid, displayName, workspace.line_id) : "";
     const returnToParam = `&returnTo=${encodeURIComponent(`/leaderboard`)}`;
     if (onWorkspaceClick) {
       onWorkspaceClick(workspace, rank);
@@ -30193,7 +30410,8 @@ var LeaderboardDetailView = memo(({
   return prevProps.lineId === nextProps.lineId && prevProps.date === nextProps.date && prevProps.shift === nextProps.shift && prevProps.line1Id === nextProps.line1Id && prevProps.line2Id === nextProps.line2Id && JSON.stringify(prevProps.lineNames) === JSON.stringify(nextProps.lineNames) && prevProps.className === nextProps.className && prevProps.onBackClick === nextProps.onBackClick && prevProps.onWorkspaceClick === nextProps.onWorkspaceClick;
 });
 LeaderboardDetailView.displayName = "LeaderboardDetailView";
-var LeaderboardDetailView_default = LeaderboardDetailView;
+var LeaderboardDetailViewWithDisplayNames = withAllWorkspaceDisplayNames(LeaderboardDetailView);
+var LeaderboardDetailView_default = LeaderboardDetailViewWithDisplayNames;
 function LoginView({
   logoSrc = "/optifye-logo.png",
   logoAlt = "Optifye",
@@ -32313,7 +32531,12 @@ var TargetsView = ({
       }
     }), {});
   }, [lineIds]);
-  const [lineWorkspaces, setLineWorkspaces] = useState(initialLineWorkspaces);
+  const [allShiftsData, setAllShiftsData] = useState({
+    0: initialLineWorkspaces,
+    // Day shift
+    1: initialLineWorkspaces
+    // Night shift (will be populated on first load)
+  });
   const [actionIds, setActionIds] = useState(null);
   const [savingLines, setSavingLines] = useState(
     () => lineIds.reduce((acc, id3) => ({ ...acc, [id3]: false }), {})
@@ -32325,6 +32548,13 @@ var TargetsView = ({
   const [isBulkConfigureOpen, setIsBulkConfigureOpen] = useState(false);
   const [selectedWorkspaces, setSelectedWorkspaces] = useState([]);
   const [selectedShift, setSelectedShift] = useState(0);
+  const lineWorkspaces = allShiftsData[selectedShift] || initialLineWorkspaces;
+  const setLineWorkspaces = useCallback((updater) => {
+    setAllShiftsData((prev) => ({
+      ...prev,
+      [selectedShift]: typeof updater === "function" ? updater(prev[selectedShift]) : updater
+    }));
+  }, [selectedShift]);
   const supabase = useSupabase();
   const auth = useAuth();
   userId || auth?.user?.id;
@@ -32395,7 +32625,7 @@ var TargetsView = ({
     };
     fetchActions();
   }, [supabase, companyId]);
-  const fetchLineThresholds = useCallback(async () => {
+  useCallback(async (shiftId) => {
     try {
       if (!supabase) return;
       const currentDate = getOperationalDate();
@@ -32463,15 +32693,7 @@ var TargetsView = ({
               shiftEndTime: endTime,
               breaks,
               shiftHours: Number(shiftHours),
-              workspaces: (currentLineStateFromLoop?.workspaces || []).map((ws) => ({
-                ...ws,
-                targetPPH: ws.targetCycleTime !== "" ? calculatePPH(ws.targetCycleTime, breaks, Number(shiftHours)) : ws.targetPPH,
-                targetDayOutput: calculateDayOutput(
-                  ws.targetCycleTime !== "" ? calculatePPH(ws.targetCycleTime, breaks, Number(shiftHours)) : ws.targetPPH,
-                  Number(shiftHours),
-                  breaks
-                )
-              }))
+              workspaces: currentLineStateFromLoop?.workspaces || []
             };
             hasUpdates = true;
           }
@@ -32485,7 +32707,71 @@ var TargetsView = ({
     } catch (error) {
       console.error("Error in fetchLineThresholds outer try-catch:", error);
     }
-  }, [selectedShift, supabase, lineIds, lineWorkspaces]);
+  }, [selectedShift, supabase, lineIds, lineWorkspaces, allShiftsData]);
+  const fetchAllShiftsData = useCallback(async (currentWorkspaces) => {
+    if (!supabase) return;
+    const currentDate = getOperationalDate();
+    const newAllShiftsData = {
+      0: JSON.parse(JSON.stringify(currentWorkspaces)),
+      // Deep clone for day shift
+      1: JSON.parse(JSON.stringify(currentWorkspaces))
+      // Deep clone for night shift
+    };
+    for (const shiftId of [0, 1]) {
+      for (const lineId of lineIds) {
+        try {
+          const { data: operatingHours, error: hoursError } = await supabase.from("line_operating_hours").select("start_time, end_time, breaks").eq("line_id", lineId).eq("shift_id", shiftId).maybeSingle();
+          if (hoursError) {
+            console.error(`Error fetching operating hours for line ${lineId}, shift ${shiftId}:`, hoursError);
+            continue;
+          }
+          let breaks = [];
+          if (operatingHours?.breaks) {
+            if (Array.isArray(operatingHours.breaks)) {
+              breaks = operatingHours.breaks.map((breakItem) => ({
+                startTime: breakItem.start || breakItem.startTime || "00:00",
+                endTime: breakItem.end || breakItem.endTime || "00:00",
+                duration: breakItem.duration || calculateShiftHours2(breakItem.start || breakItem.startTime || "00:00", breakItem.end || breakItem.endTime || "00:00", []) * 60
+              }));
+            }
+          }
+          const startTime = operatingHours?.start_time || "08:00";
+          const endTime = operatingHours?.end_time || "19:00";
+          const shiftHours = calculateShiftHours2(startTime, endTime, breaks);
+          const actionThresholds = await workspaceService.getActionThresholds(
+            lineId,
+            currentDate,
+            shiftId
+          );
+          const existingLine = newAllShiftsData[shiftId][lineId];
+          if (existingLine) {
+            newAllShiftsData[shiftId][lineId] = {
+              ...existingLine,
+              shiftStartTime: startTime,
+              shiftEndTime: endTime,
+              breaks,
+              shiftHours: Number(shiftHours),
+              workspaces: existingLine.workspaces.map((ws) => {
+                const threshold = actionThresholds.find((t) => t.workspace_id === ws.id);
+                if (threshold) {
+                  return {
+                    ...ws,
+                    targetPPH: threshold.pph_threshold,
+                    targetCycleTime: threshold.ideal_cycle_time,
+                    targetDayOutput: threshold.total_day_output
+                  };
+                }
+                return ws;
+              })
+            };
+          }
+        } catch (error) {
+          console.error(`Error fetching data for line ${lineId}, shift ${shiftId}:`, error);
+        }
+      }
+    }
+    setAllShiftsData(newAllShiftsData);
+  }, [supabase, lineIds]);
   const loadOperatingHours = useCallback(async (lineId, shiftId) => {
     try {
       if (!supabase) return null;
@@ -32590,7 +32876,7 @@ var TargetsView = ({
       (line) => line.workspaces && line.workspaces.length > 0
     );
     if (workspacesAlreadyLoadedForAnyLine) {
-      fetchLineThresholds();
+      setIsLoading(false);
       return;
     }
     const fetchWorkspacesAndThenThresholds = async () => {
@@ -32611,7 +32897,7 @@ var TargetsView = ({
           }
           try {
             const fetchedLineWorkspacesData = await workspaceService.getWorkspaces(lineId);
-            const mappedWorkspaces = fetchedLineWorkspacesData.map((ws) => ({
+            let mappedWorkspaces = fetchedLineWorkspacesData.map((ws) => ({
               id: ws.id,
               name: ws.workspace_id,
               targetPPH: ws.action_pph_threshold === null ? "" : ws.action_pph_threshold,
@@ -32620,6 +32906,29 @@ var TargetsView = ({
               actionType: ws.action_id === actionIds.assembly ? "assembly" : ws.action_id === actionIds.packaging ? "packaging" : "assembly",
               actionId: ws.action_id === actionIds.assembly ? actionIds.assembly : ws.action_id === actionIds.packaging ? actionIds.packaging : actionIds.assembly
             })).sort((a, b) => a.name.localeCompare(b.name, void 0, { numeric: true }));
+            const currentDate = getOperationalDate();
+            try {
+              const actionThresholds = await workspaceService.getActionThresholds(
+                lineId,
+                currentDate,
+                selectedShift
+              );
+              mappedWorkspaces = mappedWorkspaces.map((ws) => {
+                const threshold = actionThresholds.find((t) => t.workspace_id === ws.id);
+                if (threshold) {
+                  return {
+                    ...ws,
+                    targetPPH: threshold.pph_threshold,
+                    targetCycleTime: threshold.ideal_cycle_time,
+                    targetDayOutput: threshold.total_day_output
+                  };
+                }
+                return ws;
+              });
+              console.log(`Merged action thresholds for line ${lineId}, found ${actionThresholds.length} saved thresholds`);
+            } catch (error) {
+              console.error(`Error fetching action thresholds for line ${lineId}:`, error);
+            }
             if (JSON.stringify(mappedWorkspaces) !== JSON.stringify(newUpdatedLineWorkspaces[lineId].workspaces)) {
               newUpdatedLineWorkspaces[lineId] = {
                 ...newUpdatedLineWorkspaces[lineId],
@@ -32634,7 +32943,7 @@ var TargetsView = ({
         if (workspacesHaveBeenUpdated) {
           setLineWorkspaces(newUpdatedLineWorkspaces);
         }
-        await fetchLineThresholds();
+        await fetchAllShiftsData(newUpdatedLineWorkspaces);
       } catch (error) {
         console.error("Error in fetchWorkspacesAndThenThresholds:", error);
         toast.error("Failed to load workspace data");
@@ -32643,37 +32952,7 @@ var TargetsView = ({
       }
     };
     fetchWorkspacesAndThenThresholds();
-  }, [actionIds, supabase, lineIds, lineWorkspaces, fetchLineThresholds]);
-  useEffect(() => {
-    if (Object.keys(lineWorkspaces).length > 0) {
-      const updatedLineWorkspaces = { ...lineWorkspaces };
-      let hasChanges = false;
-      Object.keys(updatedLineWorkspaces).forEach((lineId) => {
-        const line = updatedLineWorkspaces[lineId];
-        const shiftHours = calculateShiftHours2(line.shiftStartTime, line.shiftEndTime, line.breaks);
-        if (shiftHours !== line.shiftHours) {
-          hasChanges = true;
-          updatedLineWorkspaces[lineId] = {
-            ...line,
-            shiftHours,
-            workspaces: line.workspaces.map((ws) => {
-              const targetDayOutput = calculateDayOutput(ws.targetPPH, shiftHours, line.breaks);
-              if (targetDayOutput !== ws.targetDayOutput) {
-                return {
-                  ...ws,
-                  targetDayOutput
-                };
-              }
-              return ws;
-            })
-          };
-        }
-      });
-      if (hasChanges) {
-        setLineWorkspaces(updatedLineWorkspaces);
-      }
-    }
-  }, [selectedShift]);
+  }, [actionIds, supabase, lineIds]);
   const toggleLineDropdown = useCallback((lineId) => {
     setLineWorkspaces((prev) => {
       const newIsOpen = !prev[lineId].isOpen;
@@ -32757,6 +33036,16 @@ var TargetsView = ({
               updates.targetDayOutput = calculateDayOutput(value, shiftHours, prev[lineId].breaks);
             } else if (field === "targetDayOutput") {
               updates.targetDayOutput = value;
+              if (value !== "") {
+                const breaks = prev[lineId].breaks;
+                const totalBreakMinutes = breaks.reduce((total, b) => total + b.duration, 0);
+                const totalBreakHours = totalBreakMinutes / 60;
+                const realWorkHours = shiftHours - totalBreakHours;
+                const calculatedPPH = Math.round(value / realWorkHours);
+                updates.targetPPH = calculatedPPH;
+              } else {
+                updates.targetPPH = "";
+              }
             }
             updates[field] = value;
             return updates;
@@ -33018,8 +33307,9 @@ var TargetsView = ({
     }
   );
 };
-var TargetsView_default = TargetsView;
-var AuthenticatedTargetsView = withAuth(TargetsView);
+var TargetsViewWithDisplayNames = withAllWorkspaceDisplayNames(TargetsView);
+var TargetsView_default = TargetsViewWithDisplayNames;
+var AuthenticatedTargetsView = withAuth(TargetsViewWithDisplayNames);
 
 // src/views/workspace-detail-view.utils.ts
 var formatISTDate2 = (date = /* @__PURE__ */ new Date(), options) => {
@@ -33035,8 +33325,8 @@ var formatISTDate2 = (date = /* @__PURE__ */ new Date(), options) => {
   });
   return formatter.format(date);
 };
-var formatWorkspaceName3 = (name) => {
-  return getWorkspaceDisplayName(name);
+var formatWorkspaceName3 = (name, lineId) => {
+  return getWorkspaceDisplayName(name, lineId);
 };
 var getDaysDifference = (date) => {
   const today = /* @__PURE__ */ new Date();
@@ -33073,9 +33363,11 @@ var WorkspaceDetailView = ({
   fromMonthly = false,
   sourceType,
   displayName,
+  lineId,
   defaultTab,
   returnUrl,
   lineIds = { line1: "", line2: "" },
+  selectedLineId,
   onNavigate,
   onTabChange,
   onDateSelect,
@@ -33238,7 +33530,8 @@ var WorkspaceDetailView = ({
     setSelectedMonth(newMonth);
     setSelectedYear(newYear);
   };
-  const formattedWorkspaceName = displayName || formatWorkspaceName3(workspace?.workspace_name || "");
+  const effectiveLineId = lineId || selectedLineId;
+  const formattedWorkspaceName = displayName || formatWorkspaceName3(workspace?.workspace_name || "", effectiveLineId);
   const shouldShowCycleTimeChart = showCycleTimeChart ?? formattedWorkspaceName.startsWith("FINAL ASSY");
   const handleBackNavigation = () => {
     if (returnUrl) {
@@ -33250,13 +33543,23 @@ var WorkspaceDetailView = ({
     if (date || shift) {
       setActiveTab("monthly_history");
       if (onNavigate) {
-        onNavigate(`/workspace/${workspaceId}?fromMonthly=true`);
+        const params = new URLSearchParams();
+        params.set("fromMonthly", "true");
+        if (effectiveLineId) {
+          params.set("lineId", effectiveLineId);
+        }
+        onNavigate(`/workspace/${workspaceId}?${params.toString()}`);
       }
     } else {
       if (previousView === "line_monthly_history") {
         setActiveTab("monthly_history");
         if (onNavigate) {
-          onNavigate(`/workspace/${workspaceId}?fromMonthly=true`);
+          const params = new URLSearchParams();
+          params.set("fromMonthly", "true");
+          if (effectiveLineId) {
+            params.set("lineId", effectiveLineId);
+          }
+          onNavigate(`/workspace/${workspaceId}?${params.toString()}`);
         }
       } else {
         if (onNavigate) {
@@ -33714,7 +34017,13 @@ var WorkspaceDetailView = ({
                   if (onDateSelect) {
                     onDateSelect(selectedDate, selectedShift);
                   } else if (onNavigate) {
-                    onNavigate(`/workspace/${workspaceId}?date=${selectedDate}&shift=${selectedShift === "day" ? "0" : "1"}`);
+                    const params = new URLSearchParams();
+                    params.set("date", selectedDate);
+                    params.set("shift", selectedShift === "day" ? "0" : "1");
+                    if (effectiveLineId) {
+                      params.set("lineId", effectiveLineId);
+                    }
+                    onNavigate(`/workspace/${workspaceId}?${params.toString()}`);
                   }
                 },
                 onMonthNavigate: (newMonth, newYear) => {
@@ -33741,7 +34050,12 @@ var WorkspaceDetailView = ({
     }
   );
 };
-var WrappedComponent = withAuth(WorkspaceDetailView);
+var WorkspaceDetailViewWithDisplayNames = withSelectedLineDisplayNames(WorkspaceDetailView);
+var WorkspaceDetailViewFinal = (props) => {
+  const componentKey = `${props.date || "live"}_${props.shift || "current"}`;
+  return /* @__PURE__ */ jsx(WorkspaceDetailViewWithDisplayNames, { ...props }, componentKey);
+};
+var WrappedComponent = withAuth(WorkspaceDetailViewFinal);
 var WorkspaceDetailView_default = WrappedComponent;
 var SKUManagementView = () => {
   const config = useDashboardConfig();
@@ -34119,4 +34433,4 @@ var S3Service = class {
   }
 };
 
-export { ACTION_NAMES, AIAgentView_default as AIAgentView, AuthCallback, AuthCallbackView_default as AuthCallbackView, AuthProvider, AuthenticatedFactoryView, AuthenticatedHelpView, AuthenticatedHomeView, AuthenticatedTargetsView, BarChart, BaseHistoryCalendar, BottlenecksContent, BreakNotificationPopup, Card2 as Card, CardContent2 as CardContent, CardDescription2 as CardDescription, CardFooter2 as CardFooter, CardHeader2 as CardHeader, CardTitle2 as CardTitle, CycleTimeChart, CycleTimeOverTimeChart, DEFAULT_ANALYTICS_CONFIG, DEFAULT_AUTH_CONFIG, DEFAULT_CONFIG, DEFAULT_DATABASE_CONFIG, DEFAULT_DATE_TIME_CONFIG, DEFAULT_ENDPOINTS_CONFIG, DEFAULT_ENTITY_CONFIG, DEFAULT_SHIFT_CONFIG, 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, EmptyStateMessage, FactoryView_default as FactoryView, GaugeChart, GridComponentsPlaceholder, Header, HelpView_default as HelpView, HomeView_default as HomeView, HourlyOutputChart2 as HourlyOutputChart, ISTTimer_default as ISTTimer, KPICard, KPIDetailView_default as KPIDetailView, KPIGrid, KPIHeader, KPISection, KPIsOverviewView_default as KPIsOverviewView, LINE_1_UUID, LINE_2_UUID, LargeOutputProgressChart, LeaderboardDetailView_default as LeaderboardDetailView, Legend6 as Legend, LineChart, LineHistoryCalendar, LineMonthlyHistory, LineMonthlyPdfGenerator, LinePdfExportButton, LinePdfGenerator, LineWhatsAppShareButton, LiveTimer, LoadingInline, LoadingOverlay_default as LoadingOverlay, LoadingPage_default as LoadingPage, LoadingSkeleton, LoadingState, LoginPage, LoginView_default as LoginView, MainLayout, MetricCard_default as MetricCard, NoWorkspaceData, OptifyeAgentClient, OptifyeLogoLoader_default as OptifyeLogoLoader, OutputProgressChart, PageHeader, PieChart4 as PieChart, ProfileView_default as ProfileView, RegistryProvider, S3Service, SKUManagementView, SOPComplianceChart, SSEChatClient, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, ShiftDisplay_default as ShiftDisplay, ShiftsView_default as ShiftsView, SideNavBar, SingleVideoStream_default as SingleVideoStream, Skeleton, SlackAPI, SubscriptionManager, SubscriptionManagerProvider, SupabaseProvider, TargetWorkspaceGrid, TargetsView_default as TargetsView, ThreadSidebar, TimeDisplay_default as TimeDisplay, TimePickerDropdown, VideoCard, VideoGridView, VideoPreloader, WORKSPACE_POSITIONS, WhatsAppShareButton, WorkspaceCard, WorkspaceDetailView_default as WorkspaceDetailView, WorkspaceDisplayNameExample, WorkspaceGrid, WorkspaceGridItem, WorkspaceHistoryCalendar, WorkspaceMetricCards, WorkspaceMonthlyDataFetcher, WorkspaceMonthlyPdfGenerator, WorkspacePdfExportButton, WorkspacePdfGenerator, WorkspaceWhatsAppShareButton, actionService, apiUtils, authCoreService, authOTPService, authRateLimitService, cacheService, checkRateLimit2 as checkRateLimit, clearAllRateLimits2 as clearAllRateLimits, clearRateLimit2 as clearRateLimit, clearS3VideoCache, clearS3VideoFromCache, clearWorkspaceDisplayNamesCache, cn, createStreamProxyHandler, createSupabaseClient, createThrottledReload, dashboardService, deleteThread, forceRefreshWorkspaceDisplayNames, formatDateInZone, formatDateTimeInZone, formatISTDate, formatIdleTime, formatTimeInZone, fromUrlFriendlyName, getAllLineDisplayNames, getAllThreadMessages, getAllWorkspaceDisplayNamesAsync, getAnonClient, getCameraNumber, getCompanyMetricsTableName, getConfigurableShortWorkspaceDisplayName, getConfigurableWorkspaceDisplayName, getConfiguredLineIds, getCoreSessionRecordingProperties, getCoreSessionReplayUrl, getCurrentShift, getCurrentTimeInZone, getDashboardHeaderTimeInZone, getDaysDifferenceInZone, getDefaultCameraStreamUrl, getDefaultLineId, getDefaultTabForWorkspace, getLineDisplayName, getManufacturingInsights, getMetricsTablePrefix, getOperationalDate, getS3SignedUrl, getS3VideoSrc, getShortWorkspaceDisplayName, getShortWorkspaceDisplayNameAsync, getStoredWorkspaceMappings, getSubscriptionManager, getThreadMessages, getUserThreads, getUserThreadsPaginated, getWorkspaceDisplayName, getWorkspaceDisplayNameAsync, getWorkspaceDisplayNamesMap, getWorkspaceFromUrl, getWorkspaceNavigationParams, identifyCoreUser, initializeCoreMixpanel, isLegacyConfiguration, isTransitionPeriod, isValidFactoryViewConfiguration, isValidLineInfoPayload, isValidWorkspaceDetailedMetricsPayload, isValidWorkspaceMetricsPayload, isWorkspaceDisplayNamesLoaded, isWorkspaceDisplayNamesLoading, mergeWithDefaultConfig, migrateLegacyConfiguration, optifyeAgentClient, preInitializeWorkspaceDisplayNames, preloadS3Video, preloadS3VideoUrl, preloadS3VideosUrl, preloadVideoUrl, preloadVideosUrl, qualityService, realtimeService, refreshWorkspaceDisplayNames, resetCoreMixpanel, resetSubscriptionManager, s3VideoPreloader, skuService, startCoreSessionRecording, stopCoreSessionRecording, storeWorkspaceMapping, streamProxyConfig, throttledReloadDashboard, toUrlFriendlyName, trackCoreEvent, trackCorePageView, updateThreadTitle, useActiveBreaks, useAllWorkspaceMetrics, useAnalyticsConfig, useAuth, useAuthConfig, useComponentOverride, useCustomConfig, useDashboardConfig, useDashboardMetrics, useDatabaseConfig, useDateFormatter, useDateTimeConfig, useEndpointsConfig, useEntityConfig, useFactoryOverviewMetrics, useFeatureFlags, useFormatNumber, useHistoricWorkspaceMetrics, useHlsStream, useHlsStreamWithCropping, useHookOverride, useLeaderboardMetrics, useLineDetailedMetrics, useLineKPIs, useLineMetrics, useLineWorkspaceMetrics, useMessages, useMetrics, useNavigation, useOverrides, usePageOverride, useRealtimeLineMetrics, useRegistry, useSKUs, useShiftConfig, useShifts, useSubscriptionManager, useSubscriptionManagerSafe, useSupabase, useSupabaseClient, useTargets, useTheme, useThemeConfig, useThreads, useVideoConfig, useWorkspaceConfig, useWorkspaceDetailedMetrics, useWorkspaceDisplayName, useWorkspaceDisplayNames, useWorkspaceDisplayNamesMap, useWorkspaceMetrics, useWorkspaceNavigation, useWorkspaceOperators, videoPreloader, whatsappService, withAuth, withRegistry, workspaceService };
+export { ACTION_NAMES, AIAgentView_default as AIAgentView, AuthCallback, AuthCallbackView_default as AuthCallbackView, AuthProvider, AuthenticatedFactoryView, AuthenticatedHelpView, AuthenticatedHomeView, AuthenticatedTargetsView, BarChart, BaseHistoryCalendar, BottlenecksContent, BreakNotificationPopup, Card2 as Card, CardContent2 as CardContent, CardDescription2 as CardDescription, CardFooter2 as CardFooter, CardHeader2 as CardHeader, CardTitle2 as CardTitle, CycleTimeChart, CycleTimeOverTimeChart, DEFAULT_ANALYTICS_CONFIG, DEFAULT_AUTH_CONFIG, DEFAULT_CONFIG, DEFAULT_DATABASE_CONFIG, DEFAULT_DATE_TIME_CONFIG, DEFAULT_ENDPOINTS_CONFIG, DEFAULT_ENTITY_CONFIG, DEFAULT_SHIFT_CONFIG, 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, EmptyStateMessage, FactoryView_default as FactoryView, GaugeChart, GridComponentsPlaceholder, Header, HelpView_default as HelpView, HomeView_default as HomeView, HourlyOutputChart2 as HourlyOutputChart, ISTTimer_default as ISTTimer, KPICard, KPIDetailView_default as KPIDetailView, KPIGrid, KPIHeader, KPISection, KPIsOverviewView_default as KPIsOverviewView, LINE_1_UUID, LINE_2_UUID, LargeOutputProgressChart, LeaderboardDetailView_default as LeaderboardDetailView, Legend6 as Legend, LineChart, LineHistoryCalendar, LineMonthlyHistory, LineMonthlyPdfGenerator, LinePdfExportButton, LinePdfGenerator, LineWhatsAppShareButton, LiveTimer, LoadingInline, LoadingOverlay_default as LoadingOverlay, LoadingPage_default as LoadingPage, LoadingSkeleton, LoadingState, LoginPage, LoginView_default as LoginView, MainLayout, MetricCard_default as MetricCard, NoWorkspaceData, OptifyeAgentClient, OptifyeLogoLoader_default as OptifyeLogoLoader, OutputProgressChart, PageHeader, PieChart4 as PieChart, ProfileView_default as ProfileView, RegistryProvider, S3Service, SKUManagementView, SOPComplianceChart, SSEChatClient, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, ShiftDisplay_default as ShiftDisplay, ShiftsView_default as ShiftsView, SideNavBar, SingleVideoStream_default as SingleVideoStream, Skeleton, SlackAPI, SubscriptionManager, SubscriptionManagerProvider, SupabaseProvider, TargetWorkspaceGrid, TargetsView_default as TargetsView, ThreadSidebar, TimeDisplay_default as TimeDisplay, TimePickerDropdown, VideoCard, VideoGridView, VideoPreloader, WORKSPACE_POSITIONS, WhatsAppShareButton, WorkspaceCard, WorkspaceDetailView_default as WorkspaceDetailView, WorkspaceDisplayNameExample, WorkspaceGrid, WorkspaceGridItem, WorkspaceHistoryCalendar, WorkspaceMetricCards, WorkspaceMonthlyDataFetcher, WorkspaceMonthlyPdfGenerator, WorkspacePdfExportButton, WorkspacePdfGenerator, WorkspaceWhatsAppShareButton, actionService, apiUtils, authCoreService, authOTPService, authRateLimitService, cacheService, checkRateLimit2 as checkRateLimit, clearAllRateLimits2 as clearAllRateLimits, clearRateLimit2 as clearRateLimit, clearS3VideoCache, clearS3VideoFromCache, clearWorkspaceDisplayNamesCache, cn, createStreamProxyHandler, createSupabaseClient, createThrottledReload, dashboardService, deleteThread, forceRefreshWorkspaceDisplayNames, formatDateInZone, formatDateTimeInZone, formatISTDate, formatIdleTime, formatTimeInZone, fromUrlFriendlyName, getAllLineDisplayNames, getAllThreadMessages, getAllWorkspaceDisplayNamesAsync, getAnonClient, getCameraNumber, getCompanyMetricsTableName, getConfigurableShortWorkspaceDisplayName, getConfigurableWorkspaceDisplayName, getConfiguredLineIds, getCoreSessionRecordingProperties, getCoreSessionReplayUrl, getCurrentShift, getCurrentTimeInZone, getDashboardHeaderTimeInZone, getDaysDifferenceInZone, getDefaultCameraStreamUrl, getDefaultLineId, getDefaultTabForWorkspace, getLineDisplayName, getManufacturingInsights, getMetricsTablePrefix, getOperationalDate, getS3SignedUrl, getS3VideoSrc, getShortWorkspaceDisplayName, getShortWorkspaceDisplayNameAsync, getStoredWorkspaceMappings, getSubscriptionManager, getThreadMessages, getUserThreads, getUserThreadsPaginated, getWorkspaceDisplayName, getWorkspaceDisplayNameAsync, getWorkspaceDisplayNamesMap, getWorkspaceFromUrl, getWorkspaceNavigationParams, identifyCoreUser, initializeCoreMixpanel, isLegacyConfiguration, isTransitionPeriod, isUrlPermanentlyFailed, isValidFactoryViewConfiguration, isValidLineInfoPayload, isValidWorkspaceDetailedMetricsPayload, isValidWorkspaceMetricsPayload, isWorkspaceDisplayNamesLoaded, isWorkspaceDisplayNamesLoading, mergeWithDefaultConfig, migrateLegacyConfiguration, optifyeAgentClient, preInitializeWorkspaceDisplayNames, preloadS3Video, preloadS3VideoUrl, preloadS3VideosUrl, preloadVideoUrl, preloadVideosUrl, qualityService, realtimeService, refreshWorkspaceDisplayNames, resetCoreMixpanel, resetFailedUrl, resetSubscriptionManager, s3VideoPreloader, skuService, startCoreSessionRecording, stopCoreSessionRecording, storeWorkspaceMapping, streamProxyConfig, throttledReloadDashboard, toUrlFriendlyName, trackCoreEvent, trackCorePageView, updateThreadTitle, useActiveBreaks, useAllWorkspaceMetrics, useAnalyticsConfig, useAuth, useAuthConfig, useComponentOverride, useCustomConfig, useDashboardConfig, useDashboardMetrics, useDatabaseConfig, useDateFormatter, useDateTimeConfig, useEndpointsConfig, useEntityConfig, useFactoryOverviewMetrics, useFeatureFlags, useFormatNumber, useHistoricWorkspaceMetrics, useHlsStream, useHlsStreamWithCropping, useHookOverride, useLeaderboardMetrics, useLineDetailedMetrics, useLineKPIs, useLineMetrics, useLineWorkspaceMetrics, useMessages, useMetrics, useNavigation, useOverrides, usePageOverride, useRealtimeLineMetrics, useRegistry, useSKUs, useShiftConfig, useShifts, useSubscriptionManager, useSubscriptionManagerSafe, useSupabase, useSupabaseClient, useTargets, useTheme, useThemeConfig, useThreads, useVideoConfig, useWorkspaceConfig, useWorkspaceDetailedMetrics, useWorkspaceDisplayName, useWorkspaceDisplayNames, useWorkspaceDisplayNamesMap, useWorkspaceMetrics, useWorkspaceNavigation, useWorkspaceOperators, videoPreloader, whatsappService, withAuth, withRegistry, workspaceService };